diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index f5f20b233d..df45a8a9e7 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -3,6 +3,7 @@
 # See https://github.com/DefinitelyTyped/DefinitelyTyped#edit-an-existing-package
 
 /types/a-big-triangle/                              @MathiasPaumgarten
+/types/a11y-dialog/                                 @Goyatuzo
 /types/abbrev/                                      @BendingBender
 /types/abs/                                         @AyaMorisawa
 /types/absolute/                                    @AyaMorisawa
@@ -15,7 +16,7 @@
 /types/ace-diff/                                    @innovation-team
 /types/acl/                                         @tkQubo
 /types/acorn/                                       @RReverser @e-cloud
-/types/actioncable/                                 @zhu1230
+/types/actioncable/                                 @zhu1230 @szechyjs
 /types/actions-on-google/                           @joelhegg
 /types/activedirectory2/                            @pasthelod
 /types/activex-access/                              @zspitz
@@ -52,11 +53,14 @@
 /types/aggregate-error/                             @BendingBender
 /types/agora-rtc-sdk/                               @menthays
 /types/ajv-errors/                                  @afshawnlotfi
+/types/ale-url-parser/                              @msn0
 /types/alertify/                                    @jjeffery
 /types/alexa-sdk/                                   @petebeegle @hoo29 @pascalwhoop @blforce @rk-7 @alexmalcoci
 /types/alexa-voice-service/                         @dolanmiu
 /types/algebra.js/                                  @CaselIT
-/types/algoliasearch/                               @cbaptiste @haroenv @aherve @samouss
+/types/algoliasearch/                               @cbaptiste @haroenv @aherve @samouss @keichinger
+/types/ali-app/                                     @taoqf
+/types/ali-oss/                                     @ptrdu
 /types/allure-js-commons/                           @zaqqaz
 /types/almost-equal/                                @cmaddalozzo
 /types/alt/                                         @Shearerbeard
@@ -68,7 +72,7 @@
 /types/amphtml-validator/                           @kevincharm
 /types/amplify/                                     @joeriks
 /types/amplify-deferred/                            @joeriks @laurentiustamate94
-/types/amplitude-js/                                @Asido
+/types/amplitude-js/                                @Asido @danmana
 /types/amqp/                                        @seikho @jonnysparkplugs
 /types/amqp-connection-manager/                     @rogierschouten
 /types/amqp-rpc/                                    @wokim
@@ -149,6 +153,7 @@
 /types/animation-frame/                             @qinfchen
 /types/animejs/                                     @A-Babin
 /types/annyang/                                     @hisham @theluk
+/types/ansi/                                        @Gustavo6046
 /types/ansi-colors/                                 @rogierschouten
 /types/ansi-escape-sequences/                       @aomarks
 /types/ansi-escapes/                                @jacobbubu
@@ -161,6 +166,7 @@
 /types/any-db-transaction/                          @rogierschouten
 /types/anybar/                                      @khoomeister
 /types/anymatch/                                    @BendingBender
+/types/aos/                                         @shermendev
 /types/apex.js/                                     @y13i
 /types/aphrodite/                                   @asvetliakov
 /types/api-error-handler/                           @tkrotoff
@@ -168,6 +174,7 @@
 /types/apigee-access/                               @CasperSkydt
 /types/apollo-codegen/                              @bradleyayers @kostspielig
 /types/apollo-upload-client/                        @Slessi
+/types/apostrophe/                                  @afholderman
 /types/app-root-dir/                                @chenyang-biu
 /types/app-root-path/                               @shantmarouti
 /types/appdmg/                                      @unindented
@@ -195,18 +202,22 @@
 /types/array-sort/                                  @DanielMSchmidt
 /types/array-uniq/                                  @DanielRosenwasser
 /types/array-unique/                                @CSLTech
+/types/array.prototype.flatmap/                     @hallettj
 /types/arrify/                                      @wanganjun
 /types/artillery/                                   @kmccoan-allocadia
 /types/asana/                                       @tkqubo
 /types/asap/                                        @fpascutti
+/types/ascii-art/                                   @lukaselmer
 /types/ascii2mathml/                                @RagibHasin
 /types/asenv/                                       @remisery
 /types/asn1js/                                      @microshine
 /types/aspnet-identity-pw/                          @jt000
+/types/assert/                                      @nicoabie
 /types/assert-equal-jsx/                            @seryl
 /types/assert-plus/                                 @KostyaTretyak
 /types/assertsharp/                                 @brunolm
 /types/assets-webpack-plugin/                       @kryops
+/types/astring/                                     @nkappler
 /types/async/                                       @borisyankov @kern0 @Penryn @fenying @pascalmartin
 /types/async-cache/                                 @BendingBender
 /types/async-lock/                                  @elisee @afharo @rhymmor
@@ -214,6 +225,7 @@
 /types/async-retry/                                 @albertywu @MeLlamoPablo
 /types/async.nexttick/                              @pyrho
 /types/asynciterator/                               @rubensworks
+/types/athenajs/                                    @warpdesign
 /types/atlaskit__button/                            @dijimsta
 /types/atlaskit__calendar/                          @lstanden
 /types/atlaskit__inline-edit/                       @lstanden
@@ -227,7 +239,8 @@
 /types/atom-mocha-test-runner/                      @GlenCFL
 /types/atpl/                                        @soywiz
 /types/audiosprite/                                 @Perlmint
-/types/auth0/                                       @wbhob @westy92 @amiram
+/types/auth-header/                                 @ForbesLindesay
+/types/auth0/                                       @westy92
 /types/auth0-angular/                               @homesar
 /types/auth0-js/v7/                                 @advancedrei
 /types/auth0-js/                                    @adrianchia @mdurrant @peterblazejewicz
@@ -238,12 +251,12 @@
 /types/auto-sni/                                    @janwo
 /types/autobahn/                                    @darkl @valepu
 /types/autolinker/                                  @leonyu
-/types/autoprefixer/                                @odnamrataizem
+/types/autoprefixer/                                @odnamrataizem @murt
 /types/autosize/                                    @kingdango @keika299 @NeekSandhu
 /types/autosuggest-highlight/                       @senukartur
 /types/awesomplete/                                 @webbiesdk @bmdixon @tbekolay @chrislopresto
 /types/aws-iot-device-sdk/                          @niik @mlamp
-/types/aws-lambda/                                  @skarum @tobyhede @buggy @y13i @wwwy3y3 @OrthoDex @MichaelMarner @daniel-cottone @kostya-misura @coderbyheart @palmithor @daniloraisi @simonbuchan @Haydabase @repl-chris @aneilbaboo @jeznag @louislarry @dpapukchiev @ohookins
+/types/aws-lambda/                                  @skarum @tobyhede @buggy @y13i @wwwy3y3 @OrthoDex @MichaelMarner @daniel-cottone @kostya-misura @coderbyheart @palmithor @daniloraisi @simonbuchan @Haydabase @repl-chris @aneilbaboo @jeznag @louislarry @dpapukchiev @ohookins @trevor-leach @jagregory
 /types/aws-serverless-express/                      @threesquared @jcaffey @mattmeye @albertovasquez
 /types/aws4/                                        @ajcrites
 /types/axe-webdriverjs/                             @JoshuaKGoldberg
@@ -301,10 +314,11 @@
 /types/bases/                                       @harikv
 /types/bash-glob/                                   @mrmlnc
 /types/basic-auth/                                  @moonpyk @vesse
+/types/basicauth-middleware/                        @nchaulet
 /types/batch-stream/                                @drudge
 /types/bazinga-translator/                          @alexndlm
 /types/bcrypt/                                      @codeanimal @IOAyman @dstapleton92
-/types/bcryptjs/                                    @RafaelKr
+/types/bcryptjs/                                    @RafaelKr @branoholy
 /types/bdfjs/                                       @jeremejevs
 /types/beats/                                       @urish
 /types/bech32/                                      @micksatana
@@ -314,10 +328,10 @@
 /types/bencode/                                     @tobenna
 /types/better-curry/                                @pocesar
 /types/better-queue/                                @maozedong
-/types/better-scroll/                               @stoneChen
+/types/better-scroll/                               @stoneChen @cnjack
 /types/better-sqlite3/                              @Morfent @matrumz
 /types/bezier-easing/                               @ptlis
-/types/bezier-js/                                   @danmarshall
+/types/bezier-js/                                   @danmarshall @Epskampie
 /types/bgiframe/                                    @sumegizoltan
 /types/bidirectional-map/                           @helenanderson
 /types/big.js/                                      @nycdotnet @googol
@@ -338,9 +352,8 @@
 /types/bitcoinjs-lib/                               @mhegazy @dlebrecht @rbuckton @micksatana @youssefgh @kento1218
 /types/bitcore-lib/                                 @lautarodragan
 /types/bittorrent-protocol/                         @feross @tlaziuk
-/types/bitwise/                                     @danwbyrne
 /types/bitwise-xor/                                 @rogierschouten
-/types/bl/                                          @Bartvds
+/types/bl/                                          @Bartvds @reconbot
 /types/blacklist/                                   @mhegazy
 /types/blazy/                                       @julienpa
 /types/blessed/                                     @brynbellomy @skellock
@@ -371,7 +384,7 @@
 /types/boom/                                        @rogatty @AJamesPhillips @jineshshah36 @TimonVS @danielmachado
 /types/bootbox/                                     @vbortone @konpikwastaken @kanup @icereed @trodi @stannynuytkens @renjfk
 /types/bootpag/                                     @rdeneau
-/types/bootstrap/v3/                                @borisyankov
+/types/bootstrap/v3/                                @borisyankov @denisname
 /types/bootstrap/                                   @denisname
 /types/bootstrap-3-typeahead/                       @AndersonFriaca
 /types/bootstrap-datepicker/                        @borisyankov
@@ -383,6 +396,7 @@
 /types/bootstrap-slider/                            @dbeckwith @leonard-thieu
 /types/bootstrap-switch/                            @johnmbaughman
 /types/bootstrap-table/                             @talatbaig
+/types/bootstrap-toggle/                            @gricey432
 /types/bootstrap-touchspin/                         @albinsunnanbo
 /types/bootstrap-treeview/                          @jbtronics
 /types/bootstrap-validator/                         @BradyLiles
@@ -401,6 +415,7 @@
 /types/breeze/                                      @borisyankov
 /types/bricks.js/                                   @kondi
 /types/bro-fs/                                      @ffflorian
+/types/broccoli-plugin/                             @dfreeman
 /types/brorand/                                     @chrootsu
 /types/browser-bunyan/                              @PaulLockwood @kryops
 /types/browser-fingerprint/                         @LKay
@@ -409,7 +424,7 @@
 /types/browser-report/                              @JTOne123
 /types/browser-resolve/                             @marionebl
 /types/browser-sync/                                @joeskeen @aznnomness
-/types/browserify/                                  @AndrewGaspar @jvilk @leonard-thieu
+/types/browserify/                                  @AndrewGaspar @jvilk @leonard-thieu @LinusU
 /types/bs58/                                        @chrootsu
 /types/bson/                                        @horiuchi @CaselIT
 /types/btoa/                                        @johngeorgewright
@@ -423,7 +438,7 @@
 /types/bufferstream/                                @Bartvds
 /types/builtin-modules/                             @ajafff
 /types/bull/v2/                                     @bgrieder @JProgrammer
-/types/bull/                                        @bgrieder @JProgrammer @marshall007 @weeco @blaugold @iamolegga @koblas @bondz @wuha-team @aleccool213
+/types/bull/                                        @bgrieder @JProgrammer @marshall007 @weeco @blaugold @iamolegga @koblas @bondz @wuha-team @aleccool213 @danmana
 /types/bump-regex/                                  @silkentrance
 /types/bunnymq/                                     @cyrilschumacher
 /types/bunyan/                                      @amikhalev
@@ -439,9 +454,11 @@
 /types/byline/                                      @reppners
 /types/bytebuffer/                                  @cappellin
 /types/bytes/                                       @danny8002 @believer
+/types/bytewise/                                    @danwbyrne
 /types/c3/                                          @mcliment @gerinjacob @denyo @dmitryshindin @timn
 /types/cache-manager/                               @GausSim
 /types/cal-heatmap/                                 @RetroChrisB
+/types/caller/                                      @ignocide
 /types/callsite/                                    @newclear
 /types/callsites/                                   @BendingBender
 /types/calq/                                        @eirikhm
@@ -450,6 +467,7 @@
 /types/camelcase-keys/                              @mhegazy
 /types/camo/                                        @lucasmciruzzi
 /types/cancan/                                      @Vincent-Pang
+/types/caniuse-api/                                 @davecardwell
 /types/cannon/                                      @clark-stevenson @Gelio
 /types/canvas-confetti/                             @matracey
 /types/canvas-gauges/                               @Mikhus
@@ -475,6 +493,7 @@
 /types/chai-datetime/                               @cliffburger @mattbishop
 /types/chai-dom/                                    @mattlewis92
 /types/chai-enzyme/                                 @asvetliakov
+/types/chai-fs/                                     @dimitardanailov
 /types/chai-fuzzy/                                  @Bartvds
 /types/chai-http/                                   @Nemo157 @G1itcher @CaselIT @bas-l
 /types/chai-jest-snapshot/                          @mattvperry
@@ -493,7 +512,7 @@
 /types/chardet/                                     @Gebatzens
 /types/charm/                                       @Xananax
 /types/charset/                                     @cspotcode
-/types/chart.js/                                    @anuti @FabienLavocat @KentarouTakeda @larrybahr @mernen @josefpaij @danmana @guillaume-ro-fr @archy-bold @braincore @gebeto @frabnt @alexdor @mahnuh
+/types/chart.js/                                    @anuti @FabienLavocat @KentarouTakeda @larrybahr @mernen @josefpaij @danmana @guillaume-ro-fr @archy-bold @braincore @frabnt @alexdor @mahnuh @Conrad777
 /types/chartist/                                    @mtgibbs @psimonski @clottman @affilnost @sunnyrjuneja
 /types/chartmogul-node/                             @chartmogul
 /types/chayns/                                      @HenningKuehl
@@ -506,6 +525,7 @@
 /types/chessboardjs/                                @sliverb @davidmpaz
 /types/chmodr/                                      @BendingBender
 /types/chokidar/                                    @reppners @felixfbecker @bayssmekanique
+/types/chordsheetjs/                                @adamsbloom
 /types/chosen-js/                                   @borisyankov @denisname
 /types/chownr/                                      @BendingBender
 /types/chroma-js/v0/                                @invliD
@@ -533,6 +553,7 @@
 /types/cleave.js/                                   @clentfort @jasongi-at-sportsbet @sashashakun
 /types/cli/                                         @kayahr
 /types/cli-color/                                   @ChaosinaCan
+/types/cli-interact/                                @ffflorian
 /types/cli-progress/                                @mhegazy
 /types/cli-spinner/                                 @janslow
 /types/cli-table/                                   @arylo
@@ -573,18 +594,20 @@
 /types/color-namer/                                 @in19farkt
 /types/color-string/                                @BendingBender @danmarshall
 /types/colorbrewer/                                 @mtraynham
+/types/colresizable/                                @gilleswaeber
 /types/com.darktalker.cordova.screenshot/           @akarienta
 /types/com.wikitude.phonegap.wikitudeplugin/        @zbarbuto
 /types/combine-source-map/                          @TeamworkGuy2
 /types/combined-stream/                             @felixge @tlaziuk
 /types/combokeys/                                   @iclanton
-/types/cometd/                                      @derekcicerone
+/types/cometd/                                      @derekcicerone @unindented @alxHenry
 /types/command-line-args/v4/                        @CzBuCHi @75lb
 /types/command-line-args/                           @75lb
 /types/command-line-commands/                       @CzBuCHi
 /types/command-line-usage/                          @matrumz @Dvorsky
 /types/commangular/                                 @hiraash
 /types/comment-json/                                @Jason3S
+/types/commercetools__enzyme-extensions/            @screendriver
 /types/common-errors/                               @icopp
 /types/common-prefix/                               @seangenabe
 /types/common-tags/                                 @zuzusik @tzupengwang
@@ -592,7 +615,7 @@
 /types/commonmark/                                  @nicojs @leonard-thieu
 /types/compare-version/                             @jpevarnek
 /types/compare-versions/                            @LogvinovLeon
-/types/complex/                                     @AyaMorisawa
+/types/complex/                                     @AyaMorisawa @pavasich
 /types/component-emitter/                           @psnider
 /types/compose-function/                            @denis-sokolov
 /types/compressible/                                @BendingBender
@@ -612,6 +635,7 @@
 /types/confit/                                      @ethanresnick
 /types/connect/                                     @SomaticIT @EvanHahn
 /types/connect-busboy/                              @pinguet62
+/types/connect-datadog/                             @moshegood
 /types/connect-ensure-login/                        @0x6368656174
 /types/connect-flash/                               @AndreasGassmann
 /types/connect-history-api-fallback/                @douglasduteil
@@ -623,8 +647,10 @@
 /types/connect-redis/                               @xstoudi @morcerf
 /types/connect-slashes/                             @samherrmann
 /types/connect-timeout/                             @cyrilschumacher
+/types/consola/                                     @Jungwoo-An
 /types/console-log-level/                           @ofrobots
 /types/console-stamp/                               @ericbyers @guusdegraeve
+/types/console-ui/                                  @dfreeman
 /types/consolidate/                                 @soywiz @theosherry @nicolashenry
 /types/consul/                                      @chrootsu
 /types/content-disposition/                         @bomret
@@ -651,6 +677,7 @@
 /types/cordova-plugin-background-mode/              @Lordnoname
 /types/cordova-plugin-badge/                        @timbru31
 /types/cordova-plugin-ble-central/                  @gjunge
+/types/cordova-plugin-bluetoothclassic-serial/      @tuvokki
 /types/cordova-plugin-canvascamera/                 @lordazzi
 /types/cordova-plugin-device-name/                  @larrybahr
 /types/cordova-plugin-file-opener2/                 @cyrilgandon
@@ -669,17 +696,19 @@
 /types/cordova_app_version_plugin/                  @larrybahr
 /types/cordovarduino/                               @hendrikmaus
 /types/core-js/                                     @rbuckton @mfdeveloper
+/types/core-object/                                 @dfreeman
 /types/correlation-id/                              @natemara
 /types/cors/                                        @pluma
 /types/cosmiconfig/v4/                              @ozum
 /types/cosmiconfig/                                 @ozum @szeck87 @saadq @jinwoo
-/types/cote/                                        @makepost
+/types/cote/                                        @makepost @roblabat
 /types/couchbase/                                   @maouida @fluggo
 /types/countdown/                                   @gjuchault
 /types/counterpart/                                 @santiagodoldan
 /types/countries-and-timezones/                     @zero51
 /types/country-list/                                @iRoachie
 /types/country-select-js/                           @humrochagf
+/types/countup.js/                                  @shermendev
 /types/coverup/                                     @bevalorous
 /types/cp-file/                                     @BendingBender
 /types/cpx/                                         @alan-agius4
@@ -694,12 +723,14 @@
 /types/createjs-lib/                                @evilangelist @gyohk
 /types/credential/                                  @phuvo
 /types/credit-card-type/                            @LKay
+/types/critters-webpack-plugin/                     @JuanJoseGonGi
 /types/cron/                                        @horiuchi @winup
 /types/cropperjs/                                   @stepancar
 /types/croppie/                                     @connor4312 @dklmuc @sarunint @knuthelgesen
 /types/cross-spawn/                                 @Alorel
 /types/crossfilter/                                 @schmuli @iebaker @nordfjord
 /types/crossroads/                                  @diullei
+/types/crpc/                                        @0xdeafcafe
 /types/cryptiles/                                   @awendland
 /types/crypto-js/                                   @misak113
 /types/crypto-random-string/                        @MrManny
@@ -725,15 +756,16 @@
 /types/cucumber/                                    @abraaoalves @jan-molak @isoung @BendingBender @ErikSchierboom
 /types/currency-formatter/                          @mhegazy @davidmpaz
 /types/custom-error-generator/                      @thmiceli
+/types/custom-functions-runtime/                    @OfficeDev @Zlatkovsky @mscharlock
 /types/cwise/                                       @taoqf
 /types/cwise-compiler/                              @taoqf
 /types/cwise-parser/                                @taoqf
 /types/cybozulabs-md5/                              @pine613
 /types/cytoscape/                                   @phreed @wy193777 @ypconstante @janniclas @cerberuser
 /types/d3/v3/                                       @gustavderdrache @borisyankov @MatthiasJobst
-/types/d3/v4/                                       @tomwanzek @gustavderdrache @borisyankov
-/types/d3/                                          @tomwanzek @gustavderdrache @borisyankov
-/types/d3-array/                                    @gustavderdrache @borisyankov @tomwanzek
+/types/d3/v4/                                       @tomwanzek @gustavderdrache @borisyankov @denisname
+/types/d3/                                          @tomwanzek @gustavderdrache @borisyankov @denisname
+/types/d3-array/                                    @gustavderdrache @borisyankov @tomwanzek @denisname
 /types/d3-axis/                                     @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-box/                                      @lk-chen
 /types/d3-brush/                                    @tomwanzek @gustavderdrache @borisyankov
@@ -751,10 +783,11 @@
 /types/d3-force/                                    @tomwanzek @gustavderdrache @borisyankov
 /types/d3-format/                                   @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-geo/                                      @ledragon @tomwanzek @gustavderdrache @borisyankov
+/types/d3-graphviz/                                 @DomParfitt
 /types/d3-hexbin/                                   @uncovertruth @tomwanzek @denisname
 /types/d3-hierarchy/                                @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-hsv/                                      @arrayjam @denisname
-/types/d3-interpolate/                              @tomwanzek @gustavderdrache @borisyankov
+/types/d3-interpolate/                              @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-path/                                     @tomwanzek @gustavderdrache @borisyankov
 /types/d3-polygon/                                  @tomwanzek @gustavderdrache @borisyankov
 /types/d3-quadtree/                                 @tomwanzek @gustavderdrache @borisyankov @denisname
@@ -765,12 +798,12 @@
 /types/d3-scale/v1/                                 @tomwanzek @gustavderdrache @borisyankov
 /types/d3-scale/                                    @tomwanzek @gustavderdrache @borisyankov
 /types/d3-scale-chromatic/                          @Ledragon @gustavderdrache @borisyankov @henriquefm
-/types/d3-selection/                                @tomwanzek @gustavderdrache @borisyankov
+/types/d3-selection/                                @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-selection-multi/                          @gustavderdrache @borisyankov
 /types/d3-shape/                                    @tomwanzek @gustavderdrache @borisyankov
-/types/d3-time/                                     @tomwanzek @gustavderdrache @borisyankov
+/types/d3-time/                                     @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-time-format/                              @tomwanzek @gustavderdrache @borisyankov
-/types/d3-timer/                                    @tomwanzek @gustavderdrache @borisyankov
+/types/d3-timer/                                    @tomwanzek @gustavderdrache @borisyankov @denisname
 /types/d3-tip/                                      @brspnnggrt
 /types/d3-transition/                               @tomwanzek @gustavderdrache @borisyankov
 /types/d3-voronoi/                                  @tomwanzek @gustavderdrache @borisyankov @denisname
@@ -802,6 +835,7 @@
 /types/datejs/                                      @rupertavery
 /types/daterangepicker/                             @SirMartin @smasala @nertzy
 /types/dav/                                         @ToastHawaii
+/types/dayzed/                                      @samhh
 /types/db-migrate-base/                             @nickiannone
 /types/db-migrate-pg/                               @nickiannone
 /types/db.js/                                       @cgwrench
@@ -809,8 +843,8 @@
 /types/dd-trace/                                    @ColinBradley @alloy
 /types/deasync/                                     @Sicilica
 /types/debessmann/                                  @vkorehov
-/types/debounce/                                    @denis-sokolov
-/types/debug/                                       @swook @galtalmor @zamb3zi
+/types/debounce/                                    @denis-sokolov @joshuakgoldberg
+/types/debug/                                       @swook @galtalmor @zamb3zi @brasten
 /types/decamelize/                                  @samverschueren
 /types/decay/                                       @enaeseth
 /types/decompress/                                  @plantain-00 @jbethke
@@ -824,7 +858,6 @@
 /types/deep-freeze/                                 @Bartvds @aluanhaddad
 /types/deep-freeze-es6/                             @mattbishop
 /types/deep-freeze-strict/                          @mhegazy
-/types/deepmerge/                                   @marvinscharle @syy1125 @AppLover69
 /types/defaults/                                    @IbtihelCHNAB
 /types/defer-promise/                               @niklasf
 /types/define-lazy-prop/                            @BendingBender
@@ -857,7 +890,9 @@
 /types/detect-pointer/                              @thomastilkema
 /types/detect-port/                                 @lith-light-g
 /types/detect-touch-events/                         @thomastilkema
-/types/detox/                                       @TareqElMasri
+/types/detective/                                   @TeamworkGuy2
+/types/detox/                                       @TareqElMasri @stevechun
+/types/dev-ip/                                      @mike-engel
 /types/devexpress-aspnetcore-bootstrap/             @devexpress @skubarenko
 /types/df-visible/                                  @Litee
 /types/dhtmlxgantt/                                 @mkozhukh @chriscamicas
@@ -866,8 +901,9 @@
 /types/di-lite/                                     @dcrusader
 /types/diacritics/                                  @otociulis
 /types/dialogflow/                                  @dyladan
-/types/diff/                                        @vvakame @szdc
+/types/diff/                                        @vvakame @szdc @moc-yuto
 /types/diff2html/                                   @rtfpessoa
+/types/digibyte/                                    @lautarodragan @werewolfe
 /types/dir-resolve/                                 @andy-ms
 /types/discontinuous-range/                         @OiCMudkips
 /types/discourse-sso/                               @championswimmer
@@ -886,10 +922,11 @@
 /types/dojo/                                        @vansimke
 /types/dom-clipboard-api/                           @43081j
 /types/dom-inputevent/                              @diagramatics
+/types/dom-loaded/                                  @ltetzlaff
 /types/dom-to-image/                                @JipSterk
 /types/dom4/                                        @adidahiya @giladgray
 /types/domo/                                        @Steve-Fenton
-/types/dompurify/                                   @bazuzi
+/types/dompurify/                                   @bazuzi @FlowCrypt
 /types/domready/                                    @dotnetnerd
 /types/donna/                                       @vvakame
 /types/dookie/                                      @swanest
@@ -916,6 +953,7 @@
 /types/draggabilly/                                 @jaydubu
 /types/dragster/                                    @zskovacs
 /types/dragula/                                     @pwelter34 @abruzzihraig
+/types/dropbox-chooser/                             @quas94
 /types/dropboxjs/                                   @Steve-Fenton @xperiments
 /types/dropkickjs/                                  @VorobeY1326
 /types/dropzone/v4/                                 @nvivo @outring @renuo @Hikariii
@@ -923,7 +961,7 @@
 /types/dts-generator/                               @mtraynham
 /types/duplexer2/                                   @Goldsmith42
 /types/duplexer3/                                   @BendingBender
-/types/duplexify/                                   @strax
+/types/duplexify/                                   @strax @kinwa91
 /types/duplicate-package-checker-webpack-plugin/    @mtraynham
 /types/durandal/                                    @BlueSpire
 /types/dustjs-linkedin/                             @mdezem
@@ -959,6 +997,7 @@
 /types/ejs/                                         @benliddicott
 /types/ejs-locals/                                  @jt000
 /types/ejson/                                       @shantanubhadoria
+/types/elastic-apm-node/                            @shahaed
 /types/elasticsearch/                               @CasperSkydt @bfsmith @ddunkin @pushplay @mlamp @ahmadferdous @SimonSchick @brabster @deerawan
 /types/electron-config/                             @mrfunkycold @unindented
 /types/electron-debug/                              @unindented
@@ -1024,6 +1063,7 @@
 /types/emojione/                                    @dbrgn
 /types/empower/                                     @vvakame
 /types/emscripten/                                  @zakki @periklis
+/types/encoding-down/                               @MeirionHughes @danwbyrne
 /types/end-of-stream/                               @strax
 /types/engine.io/                                   @KentarouTakeda
 /types/engine.io-client/                            @KentarouTakeda
@@ -1106,7 +1146,8 @@
 /types/expo/v24/                                    @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger
 /types/expo/v25/                                    @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger @umidbekkarimov
 /types/expo/v26/                                    @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger @umidbekkarimov @tinaroh
-/types/expo/                                        @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger @umidbekkarimov @moshfeu @prokopcm @tinaroh @binki
+/types/expo/v27/                                    @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger @umidbekkarimov @moshfeu @prokopcm @tinaroh @binki @mo
+/types/expo/                                        @KonstantinKai @martynaskadisa @janaagaard75 @ssanchezmarc @fhelwanger @umidbekkarimov @moshfeu @prokopcm @tinaroh @binki @mo
 /types/expo__status-bar-height/                     @dawnmist
 /types/expo__vector-icons/                          @incleaf
 /types/express/                                     @borisyankov
@@ -1137,6 +1178,7 @@
 /types/express-mung/                                @cyrilschumacher
 /types/express-myconnection/                        @Cellule
 /types/express-mysql-session/                       @Akim95
+/types/express-ntlm/                                @forivall
 /types/express-oauth-server/                        @atd-schubert
 /types/express-openapi/                             @mugeso
 /types/express-paginate/                            @AmirTugi
@@ -1149,12 +1191,14 @@
 /types/express-sanitized/                           @cjbarth
 /types/express-serve-static-core/                   @borisyankov @19majkel94 @kacepe @micksatana @samijaber
 /types/express-session/                             @horiuchi @jacobbogers @builtinnya @ry7n
+/types/express-sitemap-xml/                         @ffflorian
 /types/express-socket.io-session/                   @AylaJK
 /types/express-to-koa/                              @xiaohanzhang
 /types/express-unless/                              @wokim
 /types/express-wechat-access/                       @simmons8616
 /types/express-winston/                             @bricka
 /types/express-ws/                                  @ajliv
+/types/express-ws-routes/                           @gstamac
 /types/express-xml-bodyparser/                      @noticeMaker @macedigital
 /types/extend/                                      @reppners
 /types/extjs/                                       @brian428
@@ -1168,8 +1212,9 @@
 /types/f1/                                          @neolwc
 /types/fabric/                                      @oklemencic @joewashear007 @mrand01 @NotWoods @bmartinson @RogerioTeixeira @BradleyHill
 /types/facebook-instant-games/                      @menushka @oyvindjam
-/types/facebook-js-sdk/                             @amritk @mahmoudzohdi
+/types/facebook-js-sdk/                             @amritk @mahmoudzohdi @fluidsonic
 /types/facebook-pixel/                              @noctishsu
+/types/factory-girl/                                @stackbuilders @sestrella @elcuy
 /types/faker/v3/                                    @Kuniwak
 /types/faker/                                       @bensw @basp @Kuniwak @mattbishop
 /types/falcor/                                      @Quramy
@@ -1186,6 +1231,10 @@
 /types/fast-list/                                   @BendingBender
 /types/fast-stats/                                  @rogierschouten
 /types/fastclick/                                   @shinnn
+/types/fastify-cors/                                @jannikkeye
+/types/fastify-jwt/                                 @jannikkeye
+/types/fastify-multipart/                           @jannikkeye
+/types/fastify-static/                              @leomelzer
 /types/favico.js/                                   @drowse314-dev-ymat
 /types/favicons/                                    @mohsen1
 /types/fb/                                          @JoshStrobl
@@ -1212,7 +1261,7 @@
 /types/feedme/                                      @codeanimal
 /types/feedparser/                                  @cortopy
 /types/fetch-jsonp/                                 @tkrotoff
-/types/fetch-mock/                                  @asvetliakov @tamird @merrywhether @chrissinclair @matttennison @quentinbouygues
+/types/fetch-mock/                                  @asvetliakov @tamird @merrywhether @chrissinclair @matttennison @quentinbouygues @mtsmfm
 /types/fetch.io/                                    @newraina
 /types/ffi/                                         @loyd @waitingsong
 /types/ffi-napi/                                    @keerthi16 @KiranNiranjan
@@ -1247,7 +1296,7 @@
 /types/firebase-token-generator/                    @dotdotcommadot
 /types/firebird/                                    @karak
 /types/firefox/                                     @vvakame
-/types/firefox-webext-browser/                      @bomjacob
+/types/firefox-webext-browser/                      @jsmnbom
 /types/firmata/                                     @troywweber7
 /types/first-mate/                                  @GlenCFL
 /types/fixed-data-table/                            @pepaar @stephenjelfs
@@ -1265,6 +1314,7 @@
 /types/flush-write-stream/                          @djcsdy
 /types/flux/                                        @stkb @GiedriusGrabauskas
 /types/fluxible/                                    @xbim
+/types/fluxible-addons-react/                       @xbim
 /types/fluxible-router/                             @xbim
 /types/fluxxor/                                     @mrk21
 /types/fm-websync/                                  @markusmauch
@@ -1289,6 +1339,7 @@
 /types/foundation/                                  @borisyankov
 /types/fpsmeter/                                    @alampros
 /types/framebus/                                    @kbukum
+/types/franc/                                       @wlegate
 /types/frctl__fractal/                              @pmccloghrylaing
 /types/freedom/                                     @jpevarnek
 /types/freeport/                                    @atd-schubert
@@ -1328,6 +1379,7 @@
 /types/fxn/                                         @charrondev
 /types/gae.channel.api/                             @vvakame
 /types/gamedig/                                     @ivansieder
+/types/gamepad/                                     @Lange
 /types/gamequery/                                   @Laubi
 /types/ganache-core/                                @LogvinovLeon
 /types/gandi-livedns/                               @xstoudi
@@ -1490,9 +1542,11 @@
 /types/get-stdin/                                   @DanielRosenwasser
 /types/get-stream/                                  @douglasduteil @BendingBender
 /types/get-value/                                   @DanielRosenwasser
+/types/getenv/                                      @impankratov
 /types/getopts/                                     @azasypkin
 /types/getos/                                       @BendingBender
 /types/gettext.js/                                  @jucrouzet
+/types/gh-pages/                                    @DanielRosenwasser
 /types/gifffer/                                     @gatimus
 /types/gijgo/                                       @atatanasov
 /types/giraffe/                                     @darthapo
@@ -1500,6 +1554,7 @@
 /types/git-branch/                                  @rynclark
 /types/git-config/                                  @stpettersens
 /types/git-remote-origin-url/                       @janslow
+/types/git-rev-sync/                                @khoi-fish
 /types/git-url-parse/                               @ajafff
 /types/github-url-to-object/                        @ajafff
 /types/github-username-regex/                       @BehindTheMath
@@ -1509,7 +1564,8 @@
 /types/gl-texture2d/                                @MathiasPaumgarten
 /types/gldatepicker/                                @qcz
 /types/glidejs/                                     @milanjaros
-/types/glob/                                        @vvakame @voy
+/types/glob/v5/                                     @vvakame @voy
+/types/glob/                                        @vvakame @voy @ajafff
 /types/glob-base/                                   @alan-agius4
 /types/glob-expand/                                 @vvakame
 /types/glob-parent/                                 @mrmlnc
@@ -1520,8 +1576,9 @@
 /types/globalize-compiler/                          @iclanton
 /types/globby/                                      @douglasduteil @ikatyang
 /types/globule/                                     @durad
+/types/glue/v4/                                     @gjednaszewski
 /types/glue/                                        @garfty
-/types/gm/                                          @ChaosinaCan @maartenvanvliet
+/types/gm/                                          @ChaosinaCan @maartenvanvliet @mlejva
 /types/go/                                          @NorthwoodsSoftware
 /types/google-adwords-scripts/                      @jafaircl
 /types/google-apps-script/                          @motemen @grant
@@ -1542,17 +1599,20 @@
 /types/google.geolocation/                          @vbortone
 /types/google.picker/                               @grapswiz
 /types/google.visualization/                        @danludwig @gmoore-sjcorg @danmana @mlcheng @IvanBisultanov @glebm
+/types/google__maps/                                @indrimuska
 /types/googlemaps/                                  @cgwrench @nertzy @xaolas @mrmcnerd @martincostello @svenkreiss @bolatovumar @gauthierm
 /types/googlemaps.infobubble/                       @Dashue
-/types/googlepay/                                   @Fluccioni @Radu-Raicea
-/types/got/                                         @BendingBender @LinusU @ikokostya
+/types/googlepay/                                   @Fluccioni @Radu-Raicea @fstanis
+/types/got/v8/                                      @BendingBender @LinusU @ikokostya
+/types/got/                                         @BendingBender @LinusU @ikokostya @stijnvn
 /types/graceful-fs/v2/                              @Bartvds
 /types/graceful-fs/                                 @Bartvds @BendingBender
 /types/gradient-string/                             @Ailrun
 /types/graham_scan/                                 @hberntsen
 /types/gramps__rest-helpers/                        @claude
 /types/graphite-udp/                                @EricByers
-/types/graphql/                                     @TonyPythoneer @calebmer @intellix @firede @kepennar @freiksenet @IvanGoncharov @DxCx @rportugal @tgriesser @dyst5422 @adnsio @divyenduz @bradzacher @clayne11
+/types/graphlib-dot/                                @DomParfitt
+/types/graphql/                                     @TonyPythoneer @calebmer @intellix @firede @kepennar @freiksenet @IvanGoncharov @DxCx @rportugal @tgriesser @dyst5422 @adnsio @divyenduz @bradzacher @clayne11 @JCMais
 /types/graphql-date/                                @enaeseth
 /types/graphql-deduplicator/                        @lfades
 /types/graphql-depth-limit/                         @eritikass
@@ -1561,6 +1621,7 @@
 /types/graphql-query-complexity/                    @abhikmitra
 /types/graphql-relay/                               @arvitaly @nitintutlani @Grelinfo
 /types/graphql-resolve-batch/                       @nayni
+/types/graphql-resolvers/                           @mike-engel
 /types/graphql-type-json/                           @schfkt
 /types/graphviz/                                    @mhfrantz
 /types/grasp/                                       @agnoster
@@ -1570,12 +1631,11 @@
 /types/grecaptcha/v0/                               @brentj73
 /types/grecaptcha/                                  @DethAriel @rafaeltavares
 /types/gregorian-calendar/                          @cwalv
-/types/grid-styled/                                 @antonvasin @vittorio @lhache
 /types/gridfs-stream/                               @liorm
 /types/gridstack/                                   @PascalSenn @ZoolWay @Sl1MBoy
 /types/grpc-error/                                  @danwbyrne
 /types/grunt/                                       @jeffmay @basarat
-/types/gsap/                                        @codebelt @ProbablePrime @philipbulley
+/types/gsap/                                        @codebelt @ProbablePrime @philipbulley @leomeloxp
 /types/gtin/                                        @RafaelKr
 /types/guid/                                        @maroy1986
 /types/gulp/                                        @GiedriusGrabauskas
@@ -1721,6 +1781,8 @@
 /types/holderjs/                                    @renjfk
 /types/hooker/                                      @misak113
 /types/hopscotch/                                   @pimterry @Aurimas1
+/types/host-validation/                             @dintopple
+/types/hosted-git-info/                             @OiyouYeahYou
 /types/howler/                                      @xperiments @tdukart @alien35 @nicholashza
 /types/hpp/                                         @kryops
 /types/html-entities/                               @xstoudi
@@ -1732,7 +1794,7 @@
 /types/html-void-elements/                          @rhysd
 /types/html-webpack-plugin/                         @deevus @bumbleblym @tlaziuk
 /types/html-webpack-template/                       @bumbleblym
-/types/html2canvas/                                 @rwhepburn @tan9 @sschocke
+/types/html2canvas/                                 @rwhepburn @tan9 @sschocke @Ristaaf
 /types/htmlbars-inline-precompile/                  @chriskrycho
 /types/htmlparser2/                                 @staticfunction @LinusU
 /types/htmltojsx/                                   @basarat
@@ -1744,7 +1806,7 @@
 /types/http-graceful-shutdown/                      @dlee-nvisia
 /types/http-link-header/                            @screendriver
 /types/http-proxy/                                  @SomaticIT @Raigen @DanielMSchmidt
-/types/http-proxy-agent/                            @mrmlnc
+/types/http-proxy-agent/                            @mrmlnc @steprescott
 /types/http-proxy-middleware/                       @zebMcCorkle @BendingBender
 /types/http-rx/                                     @L2jLiga
 /types/http-server/                                 @plantain-00
@@ -1763,9 +1825,11 @@
 /types/hypertext-application-language/              @maks3w
 /types/hystrixjs/                                   @igorsechyn
 /types/i18n/                                        @SomaticIT @FindQ
+/types/i18n-abide/                                  @smbell
 /types/i18n-js/                                     @ypresto
 /types/i18next/v2/                                  @mxl @deerawan @GiedriusGrabauskas
-/types/i18next/                                     @mxl @deerawan @GiedriusGrabauskas
+/types/i18next/v8/                                  @mxl @deerawan @GiedriusGrabauskas
+/types/i18next/                                     @mxl @deerawan @GiedriusGrabauskas @lenovouser @qqilihq @butchyyyy
 /types/i18next-browser-languagedetector/v0/         @cyrilschumacher @GiedriusGrabauskas
 /types/i18next-browser-languagedetector/            @cyrilschumacher @GiedriusGrabauskas
 /types/i18next-express-middleware/                  @cyrilschumacher
@@ -1791,6 +1855,7 @@
 /types/ignore-styles/                               @tai2
 /types/iltorb/                                      @Alorel @reconbot
 /types/image-size/                                  @elisee
+/types/image-type/                                  @ffflorian
 /types/imagemagick/                                 @soywiz
 /types/imagemagick-native/                          @horiuchi
 /types/imagemapster/                                @delphinus35
@@ -1806,7 +1871,7 @@
 /types/imgur-rest-api/                              @lukewestby
 /types/imperium/                                    @gaetansenn
 /types/impress/                                     @borisyankov
-/types/in-app-purchase/                             @l-jonas
+/types/in-app-purchase/                             @l-jonas @IchordeDionysos
 /types/in-range/                                    @DanielRosenwasser
 /types/inboxsdk/                                    @rdoursenaud @amiram
 /types/incremental-dom/                             @basarat @lanthaler @vvakame
@@ -1818,9 +1883,11 @@
 /types/inherits/                                    @chrootsu
 /types/ini/                                         @marcinporebski
 /types/iniparser/                                   @chrootsu
+/types/init-package-json/                           @kfarnung
 /types/inline-css/                                  @philipisapain
-/types/inline-style-prefixer/                       @ahz @dpetrezselyova
+/types/inline-style-prefixer/                       @ahz @dpetrezselyova @franklixuefei
 /types/inquirer/                                    @tkQubo @ppathan @jouderianjr @bang88 @bitjson @synarque @jrockwood @kwkelly @Ailrun
+/types/inquirer-npm-name/                           @manuth
 /types/insert-module-globals/                       @leonard-thieu
 /types/insight/                                     @vvakame
 /types/integer/                                     @Morfent
@@ -1841,7 +1908,7 @@
 /types/ion-rangeslider/v1/                          @dduugg @Karel-van-de-Plassche
 /types/ion-rangeslider/                             @Karel-van-de-Plassche
 /types/ioredis/v3/                                  @plantain-00 @chrisleck @aliarham11 @br8h @shaharmor @palindrom615 @reconbot
-/types/ioredis/                                     @plantain-00 @chrisleck @aliarham11 @br8h @shaharmor @palindrom615 @reconbot
+/types/ioredis/                                     @plantain-00 @chrisleck @aliarham11 @br8h @shaharmor @palindrom615 @reconbot @funthing @iamolegga
 /types/iota.lib.js/                                 @fogsh
 /types/ip/                                          @codeanimal
 /types/ip-address/                                  @icopp @danwbyrne
@@ -1859,10 +1926,11 @@
 /types/is-ci/                                       @atd-schubert
 /types/is-color/                                    @VitorLuizC
 /types/is-compressed/                               @mhegazy
+/types/is-docker/                                   @YashdalfTheGray
 /types/is-empty/                                    @termosa
 /types/is-finite/                                   @mhegazy
 /types/is-glob/                                     @mrmlnc
-/types/is-hotkey/                                   @petester42
+/types/is-hotkey/                                   @petester42 @kalley
 /types/is-ip/                                       @coderslagoon
 /types/is-mobile/                                   @LogvinovLeon
 /types/is-my-json-valid/                            @kruncher
@@ -1885,6 +1953,7 @@
 /types/is-url-superb/                               @kryops
 /types/is-uuid/                                     @tedre191
 /types/is-windows/                                  @mizunashi-mana
+/types/isaac/                                       @mo
 /types/isbn-utils/                                  @elhaard
 /types/iscroll/                                     @csrakowski @devlato
 /types/ismobilejs/                                  @Ty3uK
@@ -1908,6 +1977,7 @@
 /types/japanese-holidays/                           @syamatoo
 /types/jasmine/                                     @borisyankov @theodorejb @davidparsson @gmoothart @lukas-zech-software @Engineer2B
 /types/jasmine-ajax/                                @lgrignon
+/types/jasmine-data-provider/                       @tlaziuk
 /types/jasmine-data_driven_tests/                   @AnthonyMacKinnon
 /types/jasmine-enzyme/                              @bolatovumar
 /types/jasmine-es6-promise-matchers/                @stephenlautier
@@ -1918,7 +1988,7 @@
 /types/jasmine-node/                                @svi3c
 /types/jasmine-promise-matchers/                    @matthewjh
 /types/jasmine_dom_matchers/                        @devoto13
-/types/jasminewd2/                                  @sjelin
+/types/jasminewd2/                                  @sjelin @gkalpak
 /types/java/                                        @jimlloyd @hrl7 @darti
 /types/java-applet/                                 @cyrilschumacher
 /types/javascript-astar/                            @ptlis
@@ -1930,8 +2000,9 @@
 /types/jdataview/                                   @RReverser
 /types/jdenticon/                                   @mtr
 /types/jest/v16/                                    @NoHomey @jwbay
-/types/jest/                                        @NoHomey @jwbay @asvetliakov @alexjoverm @epicallan @ikatyang @wsmd @JamieMason @douglasduteil @ahnpnl @joshuakgoldberg @UselessPickles @r3nya @hotell @sebald
+/types/jest/                                        @NoHomey @jwbay @asvetliakov @alexjoverm @epicallan @ikatyang @wsmd @JamieMason @douglasduteil @ahnpnl @joshuakgoldberg @UselessPickles @r3nya @hotell @sebald @andys8
 /types/jest-axe/                                    @JoshuaKGoldberg
+/types/jest-cli/                                    @lifeiscontent
 /types/jest-diff/                                   @myabc
 /types/jest-docblock/                               @ikatyang
 /types/jest-each/                                   @theutz @nickmccurdy
@@ -1956,6 +2027,7 @@
 /types/johnny-five/                                 @nakakura @ujvzolee @workshop2
 /types/joi/v6/                                      @Bartvds @laurence-myers @cglantschnig @DavidBR-SW
 /types/joi/v10/                                     @Bartvds @laurence-myers @cglantschnig @DavidBR-SW @GaelMagnan @ralekna @schfkt @rokoroku @aconanlai
+/types/joi/v13/                                     @Bartvds @laurence-myers @cglantschnig @DavidBR-SW @GaelMagnan @ralekna @schfkt @rokoroku @dankraus @wanganjun @rafaelkallis @aconanlai @zaphoyd @thewillg @SimonSchick
 /types/joi/                                         @Bartvds @laurence-myers @cglantschnig @DavidBR-SW @GaelMagnan @ralekna @schfkt @rokoroku @dankraus @wanganjun @rafaelkallis @aconanlai @zaphoyd @thewillg @SimonSchick
 /types/joigoose/                                    @boothwhack
 /types/josa/                                        @vichyssoise
@@ -1967,7 +2039,7 @@
 /types/jqrangeslider/                               @qcz
 /types/jquery/v1/                                   @choffmeister @Steve-Fenton @Diullei @tasoili @jasons-novaleaf @seanski @Guuz @ksummerlin @basarat @nwolverson @derekcicerone @AndrewGaspar @seikichi @benjaminjackman @s093294 @JoshStrobl @DickvdBrink @King2500 @leonard-thieu
 /types/jquery/v2/                                   @choffmeister @Steve-Fenton @Diullei @tasoili @jasons-novaleaf @seanski @Guuz @ksummerlin @basarat @nwolverson @derekcicerone @AndrewGaspar @seikichi @benjaminjackman @s093294 @JoshStrobl @DickvdBrink @King2500 @leonard-thieu
-/types/jquery/                                      @leonard-thieu @borisyankov @choffmeister @Steve-Fenton @Diullei @tasoili @jasons-novaleaf @seanski @Guuz @ksummerlin @basarat @nwolverson @derekcicerone @AndrewGaspar @seikichi @benjaminjackman @s093294 @JoshStrobl @johnnyreilly @DickvdBrink @King2500
+/types/jquery/                                      @leonard-thieu @borisyankov @choffmeister @Steve-Fenton @Diullei @tasoili @jasons-novaleaf @seanski @Guuz @ksummerlin @basarat @nwolverson @derekcicerone @AndrewGaspar @seikichi @benjaminjackman @s093294 @JoshStrobl @johnnyreilly @DickvdBrink @King2500 @terrymun
 /types/jquery-ajax-chain/                           @humana-fragilitas
 /types/jquery-alertable/                            @stever
 /types/jquery-animate-scroll/                       @AndersonFriaca
@@ -1982,6 +2054,7 @@
 /types/jquery-editable-select/                      @baywet
 /types/jquery-focus-exit/                           @AndersonFriaca
 /types/jquery-focusable/                            @AndersonFriaca
+/types/jquery-formatdatetime/                       @AndersonFriaca
 /types/jquery-fullscreen/                           @bgrieder
 /types/jquery-galleria/                             @rimig
 /types/jquery-gray/                                 @AndersonFriaca
@@ -2104,7 +2177,7 @@
 /types/js-yaml/                                     @Bartvds @sclausen
 /types/js.spec/                                     @mattbishop
 /types/jsbn/                                        @Evgenus @al2xed
-/types/jschannel/                                   @yitzchok
+/types/jschannel/                                   @yitzchok @McFlat
 /types/jscrollpane/                                 @qcz
 /types/jsdeferred/                                  @minodisk
 /types/jsdom/                                       @leonard-thieu @palmfjord
@@ -2112,7 +2185,7 @@
 /types/jsend/                                       @CaselIT
 /types/jsesc/                                       @Bartvds
 /types/jsfl/                                        @soywiz
-/types/jsforce/                                     @dolanmiu @netes @amphro @tnoonan-salesforce @whiteabelincoln
+/types/jsforce/                                     @dolanmiu @netes @amphro @tnoonan-salesforce @whiteabelincoln @borys-kupar
 /types/jsftp/                                       @xyleen
 /types/jsgraph/                                     @rosinbum
 /types/jshamcrest/                                  @dharkness
@@ -2125,6 +2198,7 @@
 /types/json-patch-gen/                              @RohdeK
 /types/json-pointer/                                @Bartvds
 /types/json-query/                                  @mtraynham
+/types/json-rpc-random-id/                          @micahriggan
 /types/json-rpc-ws/                                 @npenin @mlamp
 /types/json-schema/                                 @bcherny @cyrilletuzi @lucianbuzzo @rolandjitsu
 /types/json-socket/                                 @svi3c
@@ -2144,15 +2218,18 @@
 /types/jsonnet/                                     @hookclaw
 /types/jsonp/                                       @surenkov
 /types/jsonpath/                                    @horiuchi @ikatyang
+/types/jsonquery/                                   @JimmyBoh
 /types/jsonrpc-serializer/                          @Akim95 @many20
 /types/jsonstream/                                  @Bartvds
 /types/jsontoxml/                                   @benstevens48
-/types/jsonwebtoken/                                @SomaticIT @danielheim @brikou @vpk
+/types/jsonwebtoken/                                @SomaticIT @danielheim @brikou @vpk @rlgod
 /types/jsonwebtoken-promisified/                    @SomaticIT @danielheim @brikou @aneilbaboo
+/types/jspath/                                      @dex4er
 /types/jspdf/                                       @amberjs
 /types/jsqrcode/                                    @lordazzi
 /types/jsrender/                                    @zakki
 /types/jsreport-core/                               @taoqf
+/types/jsreport-html-embedded-in-docx/              @taoqf
 /types/jsreport-html-to-xlsx/v1/                    @me
 /types/jsreport-html-to-xlsx/                       @me
 /types/jsreport-jsrender/                           @taoqf
@@ -2174,6 +2251,7 @@
 /types/jui/                                         @easylogic
 /types/jui-core/                                    @easylogic
 /types/jui-grid/                                    @easylogic
+/types/just-debounce-it/                            @azizhk
 /types/just-extend/                                 @pe8ter
 /types/jweixin/                                     @taoqf @gomydodo
 /types/jwplayer/                                    @martinduparc @kutomer @philippguertler @danielmcgraw @bpdsw
@@ -2184,8 +2262,10 @@
 /types/jwt-express/                                 @nickp10
 /types/jwt-simple/                                  @kenfdev @GaelMagnan
 /types/jwt-then/                                    @phenomax
+/types/k6/                                          @MajorBreakfast
 /types/kafka-node/                                  @dansitu @bkim54 @sfrooster @amiram
-/types/karma/                                       @tkrotoff @43081j
+/types/karma/v1/                                    @tkrotoff @43081j
+/types/karma/                                       @tkrotoff @43081j @devoto13
 /types/karma-chai/                                  @JayAndCatchFire
 /types/karma-chai-sinon/                            @vasek17
 /types/karma-coverage/                              @tkrotoff
@@ -2195,11 +2275,12 @@
 /types/karma-webpack/                               @mtraynham
 /types/katex/                                       @mrand01
 /types/kcors/                                       @Xstoudi @izayoiko
-/types/kdbush/                                      @DenisCarriere
+/types/kdbush/                                      @DenisCarriere @chrfrasco
 /types/keen-tracking/                               @rui-ferreira
 /types/kefir/                                       @AyaMorisawa @HitoriSensei
 /types/kendo-ui/                                    @telerik
-/types/keyboardjs/                                  @vbortone @piranha771
+/types/keyboardjs/                                  @vbortone @piranha771 @teoxoy
+/types/keycloak-connect/                            @gstamac
 /types/keygrip/                                     @jkeylu
 /types/keymaster/                                   @nitram509
 /types/keymirror/                                   @jfahrenkrug
@@ -2263,6 +2344,7 @@
 /types/koa-pino-logger/                             @khell
 /types/koa-pug/                                     @Xstoudi
 /types/koa-range/                                   @strax
+/types/koa-ratelimit/                               @OutdatedVersion
 /types/koa-redis/                                   @nsimmons
 /types/koa-redis-cache/                             @dimamukhin
 /types/koa-requestid/                               @sjmcdowall
@@ -2275,15 +2357,17 @@
 /types/koa-sslify/                                  @wingsbob
 /types/koa-static/                                  @hellopao @tlaziuk
 /types/koa-static-cache/                            @JounQin
+/types/koa-static-server/                           @wulunyi
 /types/koa-views/                                   @brooklyndev
 /types/koa-webpack/                                 @malj @leebenson @miZyind @tlaziuk
-/types/koa-websocket/                               @moimael @jacogr @zdila
+/types/koa-websocket/                               @moimael @jacogr @zdila @Kroisse
 /types/koa-xml-body/                                @uwinkelvos
 /types/koa2-cors/                                   @xialeistudio
 /types/koa2-session-redis/                          @DimaMukhin
 /types/koa__cors/                                   @Xstoudi @izayoiko @stevehipwell @sjmcdowall
 /types/kolite/                                      @borisyankov
 /types/konami.js/                                   @mareek
+/types/kos-core/                                    @ali-Kos
 /types/kraken-js/                                   @darkwebdev @micksatana
 /types/kramed/                                      @tonicblue
 /types/kss/                                         @giladgray
@@ -2292,13 +2376,16 @@
 /types/kuromoji/                                    @mzsm @kgtkr
 /types/lab/                                         @prashaantt
 /types/ladda/                                       @dflor003 @leemicw
+/types/lambda-log/                                  @armonge
+/types/lambda-tester/                               @ivank @HajoAhoMantila
 /types/lasso/                                       @darkwebdev
 /types/later/                                       @jasond-s
 /types/latinize/                                    @GiedriusGrabauskas
 /types/latlon-geohash/                              @rimig
 /types/launchpad/                                   @rictic
+/types/layzr.js/                                    @shermendev
 /types/lazy-value/                                  @ikatyang
-/types/lazy.js/                                     @Bartvds
+/types/lazy.js/                                     @Bartvds @miso440
 /types/lazypipe/                                    @tomc974
 /types/ldapjs/                                      @cvillemure @peterkooijmans
 /types/leadfoot/                                    @theintern
@@ -2314,7 +2401,7 @@
 /types/leaflet-imageoverlay-rotated/                @tkleinke
 /types/leaflet-label/                               @Nemo157
 /types/leaflet-mouse-position/                      @Hanyon
-/types/leaflet-polylinedecorator/                   @soucekv
+/types/leaflet-polylinedecorator/                   @soucekv @michaelfaisst
 /types/leaflet-providers/                           @BendingBender
 /types/leaflet-rotatedmarker/                       @robert-prib-polestar
 /types/leaflet-routing-machine/                     @chanakadrathnayaka
@@ -2329,21 +2416,28 @@
 /types/leaflet.pancontrol/                          @Brictarus
 /types/leaflet.pm/                                  @tkleinke
 /types/leaflet.polylinemeasure/                     @RiON69
+/types/leakage/                                     @atd-schubert
 /types/leapmotionts/                                @logotype
+/types/ledgerhq__hw-transport/                      @danwbyrne
+/types/ledgerhq__hw-transport-node-hid/             @danwbyrne
+/types/ledgerhq__hw-transport-u2f/                  @danwbyrne
 /types/legal-eagle/                                 @j-f1
 /types/lerna-get-packages/                          @LogvinovLeon
-/types/less/                                        @thasner @pranaygp @dwaxweiler
+/types/less/                                        @thasner @pranaygp @dwaxweiler @chigix
 /types/less-middleware/                             @federicobond
 /types/less2sass/                                   @gatimus
 /types/lestate/                                     @thelambdaparty
 /types/level-codec/                                 @danwbyrne
 /types/level-sublevel/                              @basp
-/types/leveldown/                                   @tarruda @LinusU
-/types/levelup/                                     @blittle @tarruda
+/types/leveldown/v1/                                @tarruda @LinusU
+/types/leveldown/                                   @MeirionHughes @danwbyrne
+/types/levelup/v1/                                  @blittle @tarruda
+/types/levelup/                                     @MeirionHughes @danwbyrne
 /types/leven/                                       @jmalonzo
 /types/levenshtein/                                 @geoffreak
 /types/libpq/                                       @Lodin
 /types/libsodium-wrappers/                          @ffflorian
+/types/libsodium-wrappers-sumo/                     @ffflorian
 /types/libxmljs/                                    @fdecampredon @ComFreek
 /types/libxslt/                                     @alejo90
 /types/license-checker/                             @rogierschouten @unindented
@@ -2353,6 +2447,7 @@
 /types/line-reader/                                 @stpettersens
 /types/linear-gradient/                             @Jack-Works
 /types/lingui__core/                                @huan086
+/types/lingui__macro/                               @huan086
 /types/lingui__react/                               @huan086
 /types/linkify-it/                                  @praxxis
 /types/listr/                                       @durad
@@ -2371,6 +2466,7 @@
 /types/lockfile/v0/                                 @Bartvds
 /types/lockfile/                                    @Bartvds @BendingBender
 /types/lockr/                                       @droritos
+/types/locks/                                       @flippynips
 /types/locutus/                                     @hookclaw
 /types/lodash/v3/                                   @bczengel @chrootsu
 /types/lodash/                                      @bczengel @chrootsu @stepancar @aj-r @ailrun @e-cloud @thorn0 @jtmthf @DomiR
@@ -2690,6 +2786,7 @@
 /types/luxon/                                       @colbydehart @FourwingsY @jsiebern
 /types/lwip/                                        @AyaMorisawa
 /types/lz-string/                                   @M0ns1gn0r
+/types/lzma-native/                                 @leshow
 /types/magic-number/                                @stpettersens
 /types/magicsuggest/                                @leonardochaia
 /types/magnet-uri/                                  @tlaziuk
@@ -2701,7 +2798,9 @@
 /types/main-bower-files/                            @k-kagurazaka
 /types/make-dir/                                    @ikatyang @BendingBender
 /types/maker.js/                                    @danmarshall
-/types/mali/                                        @danwbyrne
+/types/makeup-expander/                             @darkwebdev
+/types/makeup-floating-label/                       @darkwebdev
+/types/makeup-screenreader-trap/                    @darkwebdev
 /types/mali-compose/                                @danwbyrne
 /types/mali-onerror/                                @danwbyrne
 /types/mandrill-api/                                @pocesar
@@ -2720,6 +2819,7 @@
 /types/markdown-it/                                 @rapropos
 /types/markdown-it-anchor/                          @seryl
 /types/markdown-it-container/                       @hronex
+/types/markdown-it-lazy-headers/                    @knom
 /types/markdown-pdf/                                @MonsieurMan
 /types/markdownlint/                                @ark120202
 /types/marked/                                      @worr @BendingBender @CrossR
@@ -2730,7 +2830,8 @@
 /types/maskedinput/                                 @lokeshpeta
 /types/masonry-layout/                              @m-a-wilson @warriorrocker
 /types/massive/v3/                                  @swissspidy @clarenceh
-/types/massive/                                     @swissspidy @clarenceh @AmazingTurtle
+/types/massive/v4/                                  @swissspidy @clarenceh @AmazingTurtle
+/types/massive/                                     @swissspidy @clarenceh @AmazingTurtle @mike-engel
 /types/match-media-mock/                            @asvetliakov
 /types/match-sorter/                                @claasahl
 /types/material-components-web/                     @BrentDouglas @ckosti
@@ -2772,6 +2873,7 @@
 /types/maxmind/                                     @geoffreak
 /types/mcustomscrollbar/                            @flurg
 /types/md5/                                         @arcdev1 @jprogrammer
+/types/md5-file/                                    @BamButz
 /types/mdns/                                        @reppners
 /types/mdurl/                                       @rokt33r
 /types/media-typer/                                 @BendingBender
@@ -2800,11 +2902,12 @@
 /types/messenger/                                   @derekcicerone
 /types/meteor/                                      @barbatus @fullflavedave @orefalo @dagatsoin @birkskyum @ardatan @stefanholzapfel @andrei-markeev @lmachens
 /types/meteor-accounts-phone/                       @DAB0mB
+/types/meteor-astronomy/                            @Deadly0
 /types/meteor-collection-hooks/                     @twastvedt
 /types/meteor-jboulhous-dev/                        @vangorra
 /types/meteor-persistent-session/                   @vangorra
 /types/meteor-prime8consulting-oauth2/              @vangorra
-/types/meteor-publish-composite/                    @vangorra
+/types/meteor-publish-composite/                    @vangorra @mrz5018
 /types/meteor-roles/                                @vangorra @mattmm3d
 /types/meteor-universe-i18n/                        @mathewmeconry
 /types/method-override/                             @santialbo
@@ -2841,12 +2944,13 @@
 /types/mitm/                                        @alejo90
 /types/mixpanel/                                    @hjellek @Manduro
 /types/mixto/                                       @vvakame
-/types/mjml/                                        @aahoughton
+/types/mjml/                                        @aahoughton @marpstar
 /types/mkdirp/                                      @Bartvds @mrmlnc
 /types/mkdirp-promise/                              @pluma
 /types/mkpath/                                      @optical
 /types/ml-levenberg-marquardt/                      @m93a
 /types/mobx-apollo/                                 @pselden
+/types/mobx-cookie/                                 @t49tran
 /types/mobx-devtools-mst/                           @pluma
 /types/mocha/                                       @kazimanzurrashid @otiai10 @jt000 @enlight @cspotcode @1999
 /types/mocha-each/                                  @magnostherobot
@@ -2863,6 +2967,7 @@
 /types/modernizr/                                   @borisyankov @theodorejb @leonyu @lucax88x @nhardy
 /types/modesl/                                      @neeschit
 /types/module-alias/                                @KevinRamharak
+/types/module-deps/                                 @TeamworkGuy2
 /types/moji/                                        @yasupeke
 /types/moment-business/                             @wonbyte
 /types/moment-business-time/                        @swist
@@ -2877,11 +2982,11 @@
 /types/money-math/                                  @taoqf
 /types/mongo-sanitize/                              @CedricCazin
 /types/mongodb/v2/                                  @CaselIT @alanmarcell @bitjson @dante-101 @mcortesi
-/types/mongodb/                                     @CaselIT @alanmarcell @bitjson @dante-101 @mcortesi @EnricoPicci @AJCStriker @julien-c @daprahamian @denys-bushulyak @BastienAr @sindbach @geraldinelemeur @jishi @various89 @angela-1
+/types/mongodb/                                     @CaselIT @alanmarcell @bitjson @dante-101 @mcortesi @EnricoPicci @AJCStriker @julien-c @daprahamian @denys-bushulyak @BastienAr @sindbach @geraldinelemeur @jishi @various89 @angela-1 @lirbank @hector7 @floric
 /types/mongodb-memory-server/                       @dmitryrogozhny
 /types/mongodb-uri/                                 @mernxl
 /types/mongoose/v4/                                 @simonxca @horiuchi @sindrenm @lukasz-zak
-/types/mongoose/                                    @horiuchi @sindrenm @lukasz-zak @Alorel @jendrikw @ethanresnick @vologab @jussikinnula @ondratra @alfirin @idandrd @various89
+/types/mongoose/                                    @horiuchi @sindrenm @lukasz-zak @Alorel @jendrikw @ethanresnick @vologab @jussikinnula @ondratra @alfirin @idandrd @various89 @Fazendaaa @NormanPerrin @danmana @stablio
 /types/mongoose-auto-increment/                     @AyaMorisawa
 /types/mongoose-deep-populate/                      @AyaMorisawa
 /types/mongoose-geojson-schema/                     @bondz
@@ -2893,6 +2998,7 @@
 /types/mongoose-simple-random/                      @rsxdalv
 /types/mongoose-unique-validator/                   @stevehipwell
 /types/mongorito/                                   @pinguet62
+/types/mongration/                                  @soulthreads
 /types/moo/                                         @deltaidea @MofX
 /types/moonjs/                                      @DanielRosenwasser
 /types/morgan/                                      @staticfunction @pscanf
@@ -2902,6 +3008,7 @@
 /types/motor-hat/                                   @muntyan
 /types/mousetrap/                                   @qcz
 /types/move-concurrently/                           @mgroenhoff
+/types/moveto/                                      @shermendev
 /types/moviedb/                                     @basarat @0x6368656174
 /types/moxios/                                      @itoasuka
 /types/mozilla-readability/                         @charlesvdv
@@ -2918,6 +3025,7 @@
 /types/muicss/                                      @samuelneff
 /types/multer/                                      @jt000 @DavidBR-SW @mxl @hyunseob
 /types/multer-gridfs-storage/v1/                    @devconcept
+/types/multer-gridfs-storage/v2/                    @devconcept
 /types/multer-gridfs-storage/                       @devconcept
 /types/multer-s3/                                   @tcaesvk @galtalmor @terski
 /types/multi-typeof/                                @mhegazy
@@ -2932,10 +3040,11 @@
 /types/murmurhash3js/                               @dlee-nvisia
 /types/musicmetadata/                               @Xstoudi
 /types/mustache/                                    @markashleybell @manuth
+/types/mutexify/                                    @maistho
 /types/mv/                                          @nenadalm
 /types/mysql/                                       @wjohnsto @kacepe @kpping @jdmunro
 /types/mz/                                          @ThomasHickman
-/types/n3/                                          @phreed @rubensworks
+/types/n3/                                          @phreed @rubensworks @LaurensRietveld
 /types/named-regexp-groups/                         @jewbre
 /types/named-routes/                                @qqilihq
 /types/nanoajax/                                    @nathancahill
@@ -2973,11 +3082,13 @@
 /types/network-interfaces/                          @anderswestberg
 /types/new-relic-browser/                           @renehamburger @piotrkubisa
 /types/newline-remove/                              @OpenByteDev
-/types/newman/                                      @LogvinovLeon
-/types/newrelic/                                    @mastermatt
+/types/newman/                                      @LogvinovLeon @Graham42
+/types/newrelic/                                    @mastermatt @brookspatton
 /types/nexpect/                                     @vvakame
-/types/next/                                        @dru89 @brikou @jthegedus @resir014 @scottdj92 @joaovieira
+/types/next/                                        @dru89 @brikou @jthegedus @resir014 @scottdj92 @joaovieira @ajliv
+/types/next-redux-saga/                             @leocavalcante
 /types/next-redux-wrapper/                          @stevegeek @Jungwoo-An
+/types/next-server/                                 @dru89 @brikou @jthegedus @resir014 @scottdj92 @joaovieira @ajliv
 /types/ng-command/                                  @stephenlautier
 /types/ng-cordova/                                  @ksachdeva
 /types/ng-dialog/                                   @stephenlautier
@@ -3006,25 +3117,27 @@
 /types/noble/                                       @swook @shantanubhadoria @lukel99 @bioball @keton @thegecko
 /types/nock/                                        @bonnici @horiuchi @afharo @mastermatt @damour @paambaati
 /types/nodal/                                       @charrondev
-/types/node/v4/                                     @eps1lon @Archcry
-/types/node/v6/                                     @WilcoBakker @inlined @eps1lon @Alorel @KSXGitHub @Archcry
-/types/node/v7/                                     @parambirs @tellnes @WilcoBakker @eps1lon @KSXGitHub @Archcry
-/types/node/v8/                                     @parambirs @tellnes @WilcoBakker @octo-sniffle @smac89 @Flarna @mwiktorczyk @wwwy3y3 @DeividasBakanas @kjin @alvis @eps1lon @Hannes-Magnusson-CK @jkomyno @hoo29 @n-e @brunoscheufler @KSXGitHub @islishude @r3nya
-/types/node/v9/                                     @parambirs @tellnes @WilcoBakker @octo-sniffle @smac89 @Flarna @mwiktorczyk @wwwy3y3 @DeividasBakanas @kjin @alvis @eps1lon @Hannes-Magnusson-CK @jkomyno @ajafff @hoo29 @n-e @brunoscheufler @mohsen1 @KSXGitHub @a-tarasyuk @islishude @r3nya @eyqs
-/types/node/                                        @parambirs @tellnes @WilcoBakker @octo-sniffle @smac89 @Flarna @mwiktorczyk @wwwy3y3 @DeividasBakanas @kjin @alvis @eps1lon @Hannes-Magnusson-CK @jkomyno @ajafff @hoo29 @n-e @brunoscheufler @mohsen1 @KSXGitHub @a-tarasyuk @islishude @r3nya @ZaneHannanAU @ThomasdenH @eyqs @matthieusieben
+/types/node/v0/                                     @Microsoft @DefinitelyTyped
+/types/node/v4/                                     @Microsoft @DefinitelyTyped @eps1lon @Archcry
+/types/node/v6/                                     @Microsoft @DefinitelyTyped @WilcoBakker @inlined @eps1lon @Alorel @KSXGitHub @Archcry
+/types/node/v7/                                     @Microsoft @DefinitelyTyped @parambirs @tellnes @WilcoBakker @eps1lon @KSXGitHub @Archcry
+/types/node/v8/                                     @Microsoft @DefinitelyTyped @parambirs @tellnes @WilcoBakker @octo-sniffle @smac89 @Flarna @mwiktorczyk @wwwy3y3 @DeividasBakanas @kjin @alvis @eps1lon @Hannes-Magnusson-CK @jkomyno @hoo29 @n-e @brunoscheufler @KSXGitHub @islishude @r3nya
+/types/node/v9/                                     @Microsoft @DefinitelyTyped @parambirs @tellnes @WilcoBakker @octo-sniffle @smac89 @Flarna @mwiktorczyk @wwwy3y3 @DeividasBakanas @kjin @alvis @eps1lon @Hannes-Magnusson-CK @jkomyno @ajafff @hoo29 @n-e @brunoscheufler @mohsen1 @KSXGitHub @a-tarasyuk @islishude @r3nya @eyqs
+/types/node/                                        @Microsoft @DefinitelyTyped @jkomyno @a-tarasyuk @alvis @r3nya @brunoscheufler @smac89 @tellnes @DeividasBakanas @eyqs @Flarna @Hannes-Magnusson-CK @KSXGitHub @hoo29 @kjin @ajafff @islishude @mwiktorczyk @matthieusieben @mohsen1 @n-e @octo-sniffle @parambirs @eps1lon @SimonSchick @ThomasdenH @WilcoBakker @wwwy3y3 @ZaneHannanAU @jeremiergz
 /types/node-7z/                                     @erkie
 /types/node-array-ext/                              @Beng89
 /types/node-cache/                                  @chrootsu @dthunell @useltmann
 /types/node-calendar/                               @luzianz
 /types/node-cleanup/                                @agadar
-/types/node-cron/                                   @maximelkin
+/types/node-crate/                                  @gjednaszewski
+/types/node-cron/                                   @maximelkin @burtek
 /types/node-dijkstra/                               @nokutu
 /types/node-dir/                                    @panuhorsmalahti
 /types/node-dogstatsd/                              @chrisbobo
 /types/node-emoji/                                  @jonestristand @styu
 /types/node-fetch/                                  @torstenwerner @nikcorg
 /types/node-fibers/                                 @caryhaynie
-/types/node-forge/                                  @westy92 @flynetworks @a-k-g @rafal2228 @beenotung
+/types/node-forge/                                  @westy92 @flynetworks @a-k-g @rafal2228 @beenotung @joeflateau
 /types/node-gcm/                                    @horiuchi
 /types/node-geocoder/                               @rosek86
 /types/node-getopt/                                 @kcauchy
@@ -3044,6 +3157,7 @@
 /types/node-pushnotifications/                      @menushka
 /types/node-ral/                                    @ssddi456
 /types/node-red/                                    @andersea @tbowmo
+/types/node-redis-pubsub/                           @renekeijzer
 /types/node-resque/                                 @gordey4doronin
 /types/node-rsa/                                    @alitaheri @xm
 /types/node-schedule/                               @cyrilschumacher @flowpl
@@ -3078,9 +3192,10 @@
 /types/nodeunit/                                    @jedigo
 /types/noisejs/                                     @izmhr
 /types/nomnom/                                      @panopticoncentral
+/types/nookies/                                     @andreasbergqvist
 /types/nopt/                                        @jbondc
 /types/normalize-package-data/                      @jdxcode
-/types/normalize-url/                               @odin3 @BendingBender
+/types/normalize-url/                               @odin3 @BendingBender @mathieumg
 /types/notie/                                       @mateusdemboski
 /types/notify/                                      @hellochar
 /types/notifyjs/                                    @soundTricker @NateScarlet
@@ -3091,13 +3206,13 @@
 /types/nouislider/                                  @bleuarg @lagaffe
 /types/novnc-core/                                  @smithkl42 @BendingBender
 /types/npm/                                         @SomaticIT
-/types/npm-package-arg/                             @mgroenhoff
+/types/npm-package-arg/                             @mgroenhoff @OiYouYeahYou
 /types/npm-packlist/                                @ajafff
 /types/npmlog/                                      @DanielMSchmidt @littlepiggy03
 /types/ns-api/                                      @Archcry
 /types/nslog/                                       @unindented
 /types/nsqjs/                                       @cezaryrk
-/types/nuka-carousel/                               @Romic
+/types/nuka-carousel/                               @Romic @altaudio
 /types/number-is-nan/                               @mhegazy
 /types/number-to-words/                             @frederickfogerty
 /types/numeral/                                     @vbortone @BehindTheMath @klujanrosas
@@ -3108,13 +3223,15 @@
 /types/nvd3/                                        @PjMitchell
 /types/nw.gui/                                      @xperiments
 /types/nw.js/                                       @alirdn
+/types/nwmatcher/                                   @woutervh-
 /types/o.js/                                        @IceOnFire @bradzacher @janhommes @jcchalte
-/types/oauth/                                       @nonAlgebraic
+/types/oauth/                                       @nonAlgebraic @EduardoAC
 /types/oauth.js/                                    @nobuoka
 /types/oauth2-server/                               @vangorra @cirick @d-fischer
 /types/oauth2orize/                                 @wokim @heycalmdown @stevehipwell
 /types/obelisk.js/                                  @bdrupieski
 /types/obj-file-parser/                             @benc-uk
+/types/obj-str/                                     @saenglert
 /types/object-assign/                               @chbrown
 /types/object-diff/                                 @rogierschouten
 /types/object-hash/                                 @misak113
@@ -3133,6 +3250,7 @@
 /types/odata/                                       @janhommes @jcchalte
 /types/ofe/                                         @Morfent
 /types/office-js/                                   @OfficeDev @LanceEA @Zlatkovsky @kbrandl @Rick-Kirkham @AlexJerabek @ElizabethSamuel-MSFT
+/types/office-runtime/                              @Zlatkovsky @mscharlock
 /types/offline-js/                                  @cgwrench
 /types/oibackoff/                                   @geoffreak
 /types/oidc-token-manager/                          @rosieks
@@ -3142,11 +3260,12 @@
 /types/omggif/                                      @ffflorian
 /types/on-finished/                                 @czechboy0 @BendingBender
 /types/on-headers/                                  @jjeffery @BendingBender
+/types/on-wake-up/                                  @ajafff
 /types/once/                                        @denis-sokolov @BendingBender
 /types/onesignal-cordova-plugin/                    @broder
 /types/onetime/                                     @BendingBender
 /types/oniguruma/                                   @smhxx
-/types/onoff/                                       @marcel-ernst
+/types/onoff/                                       @marcel-ernst @Kallu609
 /types/ontime/                                      @Hirse
 /types/open/                                        @Bartvds
 /types/opener/                                      @tikurahul
@@ -3157,16 +3276,18 @@
 /types/openlayers/v2/                               @bolhovsky
 /types/openlayers/v3/                               @osechet @matthiasdailey-ccri
 /types/openlayers/                                  @osechet @wb14123 @ailrun @mylen @iamthechad @danmana @yairtawil @pierremarc @hauke96 @gberaudo
-/types/openpgp/                                     @errietta
+/types/openpgp/                                     @errietta @damonpam
 /types/openstack-wrapper/                           @sanjaymadane
 /types/opentok/                                     @westy92 @CatGuardian
 /types/opentype.js/                                 @danmarshall @edzis
 /types/opn/                                         @shinnn @SomaticIT @tlent
+/types/opossum/                                     @quinnlangille @lance
 /types/optics-agent/                                @crevil
 /types/optimist/                                    @soywiz @chbrown
 /types/optimize-css-assets-webpack-plugin/          @odnamrataizem
 /types/ora/v0/                                      @basarat @screendriver
 /types/ora/                                         @basarat @screendriver @BendingBender @azasypkin
+/types/oracle__oraclejet/                           @nolakara @jingxwu
 /types/oracledb/                                    @Bigous
 /types/orchestrator/                                @tkQubo @TeamworkGuy2
 /types/orderedmap/                                  @bradleyayers
@@ -3219,6 +3340,7 @@
 /types/p-wait-for/                                  @BendingBender
 /types/p-whilst/                                    @BendingBender
 /types/p2/                                          @clark-stevenson
+/types/p5/                                          @p5-types
 /types/package-json/                                @jinwoo
 /types/packery/                                     @piraveen @hanssens
 /types/pad/                                         @mhegazy
@@ -3226,10 +3348,11 @@
 /types/paho-mqtt/                                   @amikhalev
 /types/pako/                                        @cappellin @calebegg
 /types/pangu/                                       @plantain-00
-/types/papaparse/                                   @torpedro @rainshen49 @jfloff @johnnyreilly @albertorestifo @BehindTheMath @3af
+/types/papaparse/                                   @torpedro @rainshen49 @jfloff @johnnyreilly @albertorestifo @BehindTheMath @3af @jliuhtonen
 /types/paper/                                       @clark-stevenson @Xakaloz @sebaswebdev @rfried
 /types/parallel-transform/                          @djcsdy
 /types/paralleljs/                                  @jbaldwin
+/types/parcel-bundler/                              @pinage404
 /types/parcel-env/                                  @fathyb
 /types/parent-package-json/                         @sgmccli
 /types/parity-pmd/                                  @leovujanic @jewbre
@@ -3259,6 +3382,8 @@
 /types/parsimmon/                                   @Bartvds @mizunashi-mana @bcherny @bvanreeven @leonard-thieu @MrJohz
 /types/passport/                                    @horiuchi @enaeseth @theigor @tlaziuk @danielpa9708
 /types/passport-anonymous/                          @0x6368656174
+/types/passport-auth0/                              @johnbendi @iamvishnusankar
+/types/passport-azure-ad/                           @ShekharNain
 /types/passport-beam/                               @AtlasDev
 /types/passport-cognito/                            @mbutsykin
 /types/passport-discord/                            @kzay
@@ -3275,7 +3400,7 @@
 /types/passport-local/                              @SomaticIT
 /types/passport-local-mongoose/                     @linusbrolin
 /types/passport-naver/                              @Park9eon @zerocho
-/types/passport-oauth2/                             @pasieronen @WangZishi
+/types/passport-oauth2/                             @pasieronen @WangZishi @EduardoAC
 /types/passport-oauth2-client-password/             @akaNightmare
 /types/passport-remember-me-extended/               @AylaJK
 /types/passport-saml/                               @cjbarth @dassennato
@@ -3283,6 +3408,8 @@
 /types/passport-strategy/                           @liorm
 /types/passport-twitter/                            @staticfunction
 /types/passport-unique-token/                       @briman0094 @SomaticIT
+/types/passport-vkontakte/                          @soulthreads
+/types/passport-windowsauth/                        @forivall
 /types/password-hash/                               @mugeso
 /types/password-hash-and-salt/                      @alitaheri
 /types/path-exists/v1/                              @shiwano
@@ -3300,7 +3427,7 @@
 /types/pbkdf2/                                      @timonegk
 /types/pdfjs-dist/                                  @jbaldwin
 /types/pdfkit/                                      @erichillah
-/types/pdfmake/                                     @m1llen1um @radziksh
+/types/pdfmake/                                     @m1llen1um @radziksh @evolkmann
 /types/pdfobject/                                   @nielsboogaard
 /types/pebblekitjs/                                 @makotokw
 /types/peer-dial/                                   @RealTYPICAL
@@ -3308,6 +3435,7 @@
 /types/pegjs/                                       @vvakame @SrTobi @siegebell
 /types/pem/                                         @tony19 @DethAriel
 /types/pem-jwk/                                     @alessiopcc
+/types/permit/                                      @jannikkeye
 /types/persona/                                     @Nycto
 /types/pet-finder-api/                              @me
 /types/pg/v6/                                       @pspeter3
@@ -3340,11 +3468,13 @@
 /types/pidusage/                                    @cyrilschumacher @mx601595686
 /types/pify/                                        @samverschueren @mad-mike @c7hm4r
 /types/pigpio/                                      @manerfan
-/types/pikaday/                                     @MidnightDesign @wake42
+/types/pigpio-dht/                                  @erikma
+/types/pikaday/                                     @MidnightDesign @wake42 @mezoistvan
 /types/pikaday-time/                                @Sayan751
 /types/pinkyswear/                                  @chances
 /types/pino/v3/                                     @psnider
-/types/pino/                                        @psnider @BendingBender @screendriver @paambaati
+/types/pino/                                        @psnider @BendingBender @screendriver @paambaati @alferpal
+/types/pino-http/                                   @screendriver
 /types/pino-multi-stream/                           @JakeGinnivan
 /types/pinterest-sdk/                               @adamburmister
 /types/pinyin/                                      @wanganjun
@@ -3359,6 +3489,7 @@
 /types/playerframework/                             @ricardosabino
 /types/playmusic/                                   @nickp10
 /types/pleasejs/                                    @nakakura
+/types/plist/                                       @higuri
 /types/plotly.js/                                   @chrisgervang @martinduparc @frederikaalund @taoqf @Dadstart @szechyjs @MercifulCode @soorajpudiyadath @jonfreedman @meganrm
 /types/plugapi/                                     @BNedry
 /types/plugin-error/                                @rogierschouten
@@ -3380,6 +3511,9 @@
 /types/popcorn/                                     @grapswiz
 /types/portscanner/                                 @douglasduteil
 /types/postal/                                      @lokeshpeta @myitcv
+/types/postcss-calc/                                @huan086
+/types/postcss-icss-values/                         @huan086
+/types/postcss-modules-resolve-imports/             @huan086
 /types/postman-collection/                          @kbuzby
 /types/postmark/                                    @benbayard @jineshshah36
 /types/pouch-redux-middleware/                      @charrondev
@@ -3393,7 +3527,7 @@
 /types/pouchdb-adapter-node-websql/                 @spaulg @geppy @fredgalvao
 /types/pouchdb-adapter-websql/                      @spaulg @geppy @fredgalvao
 /types/pouchdb-browser/                             @spaulg @geppy @fredgalvao
-/types/pouchdb-core/                                @spaulg @trubit @geppy @fredgalvao @TobiasBales @tiangolo
+/types/pouchdb-core/                                @spaulg @trubit @geppy @fredgalvao @TobiasBales @tiangolo @kmoe
 /types/pouchdb-find/                                @trubit @tiangolo
 /types/pouchdb-http/                                @spaulg @geppy @fredgalvao
 /types/pouchdb-mapreduce/                           @spaulg @geppy @fredgalvao
@@ -3443,6 +3577,7 @@
 /types/prompt-sync/                                 @MugeSo
 /types/prompt-sync-history/                         @MugeSo
 /types/promptly/                                    @danrspencer
+/types/prompts/                                     @Berkays
 /types/prop-types/                                  @DovydasNavickas @ferdaber
 /types/proper-lockfile/                             @qlonik
 /types/properties-reader/                           @Goldsmith42
@@ -3462,7 +3597,7 @@
 /types/prosemirror-tables/                          @superchu @eshvedai @patsimm
 /types/prosemirror-transform/                       @bradleyayers @davidka @timjb @patsimm
 /types/prosemirror-view/                            @bradleyayers @davidka @timjb @patsimm
-/types/proton-native/                               @khanhas
+/types/proton-native/                               @khanhas @ltetzlaff
 /types/protractor-browser-logs/                     @rokadias
 /types/protractor-helpers/                          @johncant
 /types/protractor-http-mock/                        @Crevil
@@ -3483,7 +3618,8 @@
 /types/pumpify/                                     @JustinBeckwith @aoberoi
 /types/pupa/                                        @nju33
 /types/puppeteer/v0/                                @marvinhagemeister @cdeutsch
-/types/puppeteer/                                   @marvinhagemeister @cdeutsch @ksm2
+/types/puppeteer/                                   @marvinhagemeister @cdeutsch @ksm2 @SimonSchick
+/types/puppeteer-core/                              @mtsmfm
 /types/pure-render-decorator/                       @seansfkelley
 /types/purl/                                        @danfma
 /types/pusher-js/                                   @tkqubo @cainlevy
@@ -3496,7 +3632,7 @@
 /types/qhistory/                                    @Kovensky
 /types/qiniu-js/                                    @taoqf
 /types/qlik/                                        @RubenSlabbert @AginicX
-/types/qlik-engineapi/                              @konne
+/types/qlik-engineapi/                              @konne @richardison
 /types/qlik-visualizationextensions/                @konne
 /types/qr-image/                                    @taoqf
 /types/qrcode/                                      @plantain-00
@@ -3517,7 +3653,7 @@
 /types/rabbit.js/                                   @wokim
 /types/radium/                                      @alexgorbatchev @nupplaphil @asvetliakov
 /types/radius/                                      @codeanimal
-/types/ramda/                                       @donnut @tycho01 @mdekrey @mrdziuban @sbking @afharo @teves-castro @1M0reBug @hojberg @samsonkeung @angeloocana @raynerd @googol @moshensky @ethanresnick @leighman @CaptJakk @deftomat @deptno @blimusiek @biern @rayhaneh @rgm
+/types/ramda/                                       @donnut @tycho01 @mdekrey @mrdziuban @sbking @afharo @teves-castro @1M0reBug @hojberg @samsonkeung @angeloocana @raynerd @googol @moshensky @ethanresnick @leighman @CaptJakk @deftomat @deptno @blimusiek @biern @rayhaneh @rgm @drewwyatt
 /types/random-js/                                   @pistacchio
 /types/random-number/                               @OpenByteDev
 /types/random-seed/                                 @endel
@@ -3541,23 +3677,26 @@
 /types/raty/                                        @terrawheat
 /types/raven/                                       @scttcper @1999 @shreyjain1994
 /types/raven-for-redux/                             @chiubaka
-/types/raygun4js/                                   @xt0rted @BenjaminHarding
+/types/raygun/                                      @UberMouse
+/types/raygun4js/                                   @xt0rted @BenjaminHarding @UberMouse
 /types/rbac-a/                                      @tlaziuk
 /types/rc/                                          @DanielRosenwasser
 /types/rc-select/                                   @DenisTirilis
 /types/rc-slider/                                   @mantasmarcinkus @mattoni @paustint @j-fro @Deanna2
+/types/rc-time-picker/                              @Hoff97
 /types/rc-tree/                                     @johnnyreilly @Methuselah96
 /types/rcloader/                                    @panuhorsmalahti
 /types/rdf-data-model/                              @rubensworks
-/types/rdf-js/                                      @rubensworks
+/types/rdf-js/                                      @rubensworks @LaurensRietveld
 /types/rdflib/                                      @cenotelie
 /types/re-base/                                     @jordandrako
 /types/reach__router/                               @kingdaro
 /types/react/v15/                                   @bbenezech @pzavolinsky @digiguru @ericanderson @morcerf @tkrotoff @DovydasNavickas @onigoetz
 /types/react/                                       @johnnyreilly @bbenezech @pzavolinsky @digiguru @ericanderson @morcerf @tkrotoff @DovydasNavickas @onigoetz @theruther4d @guilhermehubner @ferdaber @jrakotoharisoa @pascaloliv @hotell @franklixuefei
 /types/react-adal/                                  @dkorolev1
-/types/react-albus/                                 @sseppola
-/types/react-alert/                                 @ssyrell
+/types/react-albus/                                 @sseppola @conradreuter @kuirak
+/types/react-alert/v2/                              @ssyrell
+/types/react-alert/                                 @g1eny0ung
 /types/react-alice-carousel/                        @endigo
 /types/react-amplitude/                             @rayzor65
 /types/react-animate-on-scroll/                     @ralbuque
@@ -3568,6 +3707,7 @@
 /types/react-autosuggest/                           @nicolas-schmitt @pjo256 @robessog @tbayne @cdeutsch @rosskevin
 /types/react-avatar-editor/                         @diogocorrea @gabsprates
 /types/react-beautiful-dnd/                         @varHarrie @bradleyayers @paustint @marknelissen
+/types/react-better-password/                       @mhuynh1
 /types/react-big-calendar/                          @piotrwitek @paustint @pikpok @eps1lon @strongpauly
 /types/react-body-classname/                        @mhegazy
 /types/react-bootstrap/                             @walkerburgin @vsiao @danilojrr @Batbold-Gansukh @octatone @chengsieuly @mretolaza @katbusch @vitosamson @LKay @aaronbeall @jrakotoharisoa @r3nya @t49tran
@@ -3576,7 +3716,7 @@
 /types/react-bootstrap-table/v2/                    @flaub @alelode @UJosue10
 /types/react-bootstrap-table/                       @flaub @alelode @UJosue10 @dawnmist @Ogglas
 /types/react-bootstrap-typeahead/                   @Guymestef @radziksh @PaitoAnderson
-/types/react-breadcrumbs/                           @KostyaEsmukov
+/types/react-breadcrumbs/                           @guoyunhe
 /types/react-breadcrumbs-dynamic/                   @mitsuruog
 /types/react-broadcast/                             @kandros
 /types/react-burger-menu/                           @radziksh
@@ -3585,6 +3725,7 @@
 /types/react-cartographer/                          @trevonmckay
 /types/react-circular-progressbar/                  @lstanden
 /types/react-click-outside/                         @screendriver
+/types/react-close-on-escape/                       @JamesAlias
 /types/react-codemirror/                            @velveret @rudi-c
 /types/react-coinhive/                              @sktbcbbs
 /types/react-collapse/                              @Kimahriman
@@ -3594,6 +3735,7 @@
 /types/react-content-loader/                        @alaatm @samwalshnz
 /types/react-copy-to-clipboard/                     @mabels @BernabeFelix
 /types/react-copy-write/                            @samhh @davej
+/types/react-countup/                               @danielbrodin
 /types/react-credit-cards/                          @vstrimaitis @olefrank
 /types/react-cropper/                               @stepancar
 /types/react-css-modules/                           @KostyaEsmukov @skirsdeda
@@ -3607,15 +3749,17 @@
 /types/react-datagrid/                              @stephenjelfs
 /types/react-date-range/                            @Junbong
 /types/react-datepicker/                            @radziksh @andrewBalekha @smrq @Rogach @royxue @KoalaHuman @seansfkelley
-/types/react-daterange-picker/                      @uncovertruth @MartynasZilinskas @donaldtf
+/types/react-daterange-picker/                      @uncovertruth @MartynasZilinskas @donaldtf @vladflorescu94
 /types/react-dates/                                 @ArturAmpilogov @NathanNZ
 /types/react-daum-postcode/                         @Sa-ryong
 /types/react-dnd-multi-backend/                     @dawnmist @beeequeue
 /types/react-dnd-touch-backend/                     @mleko @dawnmist @beeequeue
+/types/react-document-meta/                         @ulrichb
 /types/react-document-title/                        @cleverguy25
 /types/react-dom/v15/                               @MartynasZilinskas
 /types/react-dom/                                   @MartynasZilinskas @theruther4d
 /types/react-dom-factories/                         @jgoz
+/types/react-draft-wysiwyg/                         @imechZhangLY
 /types/react-dragtastic/                            @nscarcella
 /types/react-dropzone/v2/                           @matdube @LynxEyes @goblindegook @benbayard
 /types/react-dropzone/v3/                           @matdube @LynxEyes @goblindegook @benbayard @LKay
@@ -3625,6 +3769,7 @@
 /types/react-event-listener/                        @asvetliakov
 /types/react-fa/                                    @flaub @patsissons @LKay
 /types/react-facebook-login/                        @apare @jankarres
+/types/react-facebook-login-component/              @koss-lebedev
 /types/react-faux-dom/                              @alitaheri @cleverguy25 @deviousm @hanai
 /types/react-file-input/                            @dmitryrogozhny
 /types/react-file-reader-input/                     @dmitryrogozhny @alitaheri
@@ -3640,6 +3785,7 @@
 /types/react-gateway/                               @jsonunger
 /types/react-geosuggest/                            @brmenchl
 /types/react-global-configuration/                  @ryokik
+/types/react-google-login-component/                @koss-lebedev
 /types/react-google-maps-loader/                    @vasilysn
 /types/react-google-places-suggest/                 @vasilysn
 /types/react-google-recaptcha/                      @KoalaHuman
@@ -3652,38 +3798,43 @@
 /types/react-helmet/                                @evanbb @isman-usoh @lith-light-g @sammkj @yuit
 /types/react-helmet-async/                          @forabi
 /types/react-highlight/                             @joshuakgoldberg
-/types/react-highlight-words/                       @mhegazy @diogodca
+/types/react-highlight-words/                       @mhegazy @diogodca @kellyrmilligan
 /types/react-highlighter/                           @oizie
 /types/react-holder/                                @isman-usoh
 /types/react-hot-loader/                            @jacekjagiello @MartynasZilinskas @DovydasNavickas
 /types/react-hyperscript/                           @tock203
-/types/react-i18next/v1/                            @KostyaEsmukov
-/types/react-i18next/v4/                            @GiedriusGrabauskas @netanelgilad
-/types/react-i18next/                               @GiedriusGrabauskas @chnoch @beheh @whtsky
 /types/react-icon-base/                             @apare @LKay
 /types/react-icons/                                 @apare @johnnyreilly @LKay
 /types/react-image-crop/                            @danielasy
+/types/react-image-fallback/                        @8enSmith
 /types/react-image-gallery/                         @adamwpc
 /types/react-imageloader/                           @stephenjelfs
+/types/react-images/                                @KonstantinLukaschenko
+/types/react-imgpro/                                @echoulen
 /types/react-infinite/                              @rhysd
 /types/react-infinite-calendar/                     @christianchown
-/types/react-infinite-scroll-component/             @sroy3 @burtek @davidkevork
-/types/react-infinite-scroller/                     @Lapanti @psrebniak
+/types/react-infinite-scroll-component/             @sroy3 @burtek @davidkevork @JoshuaScript
+/types/react-infinite-scroller/                     @Lapanti @psrebniak @WrathZA
 /types/react-input-autosize/                        @jsonunger @franklixuefei
 /types/react-input-calendar/                        @stepancar
 /types/react-input-mask/v1/                         @apare
 /types/react-input-mask/                            @apare @dima7a14
+/types/react-instantsearch/                         @gburgett @jpowell
+/types/react-instantsearch-core/                    @gburgett @jpowell
+/types/react-instantsearch-dom/                     @gburgett @jpowell
+/types/react-instantsearch-native/                  @gburgett @jpowell
 /types/react-intl/v1/                               @bgrieder
 /types/react-intl/                                  @bgrieder @cdroulers @gyzerok @tillwolff @LKay @bhouser @kristerkari @formatlos @lukyth
 /types/react-intl-redux/                            @LKay
-/types/react-is/                                    @AviVahl
+/types/react-is/                                    @AviVahl @christianchown
 /types/react-is-deprecated/                         @seansfkelley
-/types/react-joyride/                               @kdy1
+/types/react-joyride/                               @kdy1 @kamranayub
 /types/react-js-pagination/                         @netoisc
 /types/react-json/                                  @spielc
 /types/react-json-pretty/                           @LKay
 /types/react-json-tree/                             @gnestor
-/types/react-jsonschema-form/                       @iamdanfox @iplus26 @KurtPreston @phbou72 @LucianBuzzo
+/types/react-jsonschema-form/                       @iamdanfox @iplus26 @KurtPreston @phbou72 @LucianBuzzo @sthenault @sbusch
+/types/react-jss/                                   @eps1lon
 /types/react-lazyload/                              @m0a
 /types/react-lazylog/                               @benjaminRomano
 /types/react-leaflet/                               @danzel @davschne @yuit
@@ -3691,24 +3842,26 @@
 /types/react-list/                                  @buptyyf @tomshen
 /types/react-loadable/                              @Kovensky @odensc @ianks @tlaziuk @iMobs
 /types/react-loader/                                @artfuldev
+/types/react-lottie/                                @Kana00 @Ricki-BumbleDev
 /types/react-mailchimp-subscribe/                   @osdiab
 /types/react-map-gl/                                @rimig @fnberta
 /types/react-maskedinput/                           @LKay @lavoaster @CarlosBonetti
 /types/react-mce/                                   @morphologue
 /types/react-mdl/                                   @bradzacher
 /types/react-measure/                               @asvetliakov @marcfallows
+/types/react-mentions/                              @activescott
 /types/react-mixin/                                 @tkqubo
-/types/react-modal/                                 @radziksh @drewnoakes @homburg @ttamminen @hallowatcher @peterblazejewicz
+/types/react-modal/                                 @radziksh @drewnoakes @homburg @ttamminen @hallowatcher @peterblazejewicz @jpowell
 /types/react-motion/                                @stepancar @asvetliakov @dimitarnestorov
 /types/react-motion-slider/                         @asvetliakov
 /types/react-motion-ui-pack/                        @jsonunger
-/types/react-native/                                @alloy @huhuanming @iRoachie @timwangdev @kamal @nelyousfi @alexdunne @swissmanu @bm-software @tkrotoff @a-tarasyuk @mvdam
+/types/react-native/                                @alloy @huhuanming @iRoachie @skn0tt @timwangdev @kamal @nelyousfi @alexdunne @swissmanu @bm-software @tkrotoff @a-tarasyuk @mvdam @esemesek @mrnickel
 /types/react-native-android-taskdescription/        @christianchown
 /types/react-native-auth0/                          @ascariandrea
 /types/react-native-autocomplete-input/             @ifiokjr
 /types/react-native-background-timer/               @chillkroeteTTS
 /types/react-native-bluetooth-serial/               @RodrigoAWeber
-/types/react-native-calendars/                      @Tyler-Zhang @DavidNorena
+/types/react-native-calendars/                      @Tyler-Zhang @DavidNorena @FabianMeul
 /types/react-native-communications/                 @huhuanming @PaitoAnderson
 /types/react-native-custom-tabs/                    @philnova
 /types/react-native-datepicker/                     @jacobbaskin
@@ -3723,8 +3876,9 @@
 /types/react-native-fbsdk/                          @ifiokjr
 /types/react-native-fetch-blob/                     @MNBuyskih
 /types/react-native-fs/                             @pocesar @josephroque
-/types/react-native-google-signin/                  @j-fro
+/types/react-native-google-signin/                  @j-fro @bm-software @christianchown @echentw
 /types/react-native-htmlview/                       @ifiokjr
+/types/react-native-huawei-protected-apps/          @christianchown
 /types/react-native-i18n/                           @VincentLanglet
 /types/react-native-indicators/                     @ifiokjr
 /types/react-native-keep-awake/                     @huhuanming
@@ -3746,7 +3900,10 @@
 /types/react-native-popup-dialog/                   @PaitoAnderson @connectdotz @bm-software
 /types/react-native-push-notification/              @PaitoAnderson @tomSawkins
 /types/react-native-qrcode/                         @plantain-00
+/types/react-native-referrer/                       @christianchown
+/types/react-native-restart/                        @christianchown
 /types/react-native-safari-view/                    @mrand01
+/types/react-native-scaled-image/                   @Jaeger25
 /types/react-native-scrollable-tab-view/            @CaiHuan @egorshulga
 /types/react-native-sensor-manager/                 @SahinVardar
 /types/react-native-settings-list/                  @MrLuje
@@ -3756,6 +3913,7 @@
 /types/react-native-sortable-list/                  @sivolobov @RookY2K
 /types/react-native-sqlite-storage/                 @dryganets @cavarzan
 /types/react-native-star-rating/                    @iRoachie
+/types/react-native-status-bar-height/              @fiznool
 /types/react-native-svg-charts/                     @krzysztof-miemiec
 /types/react-native-svg-uri/                        @iRoachie
 /types/react-native-swiper/                         @CaiHuan @huhuanming @mhcgrq
@@ -3764,11 +3922,12 @@
 /types/react-native-text-input-mask/                @RodrigoAWeber
 /types/react-native-toast-native/                   @bm-software
 /types/react-native-touch-id/                       @huhuanming @gazaret @jinshin1013
+/types/react-native-uuid-generator/                 @burtek
 /types/react-native-vector-icons/                   @iRoachie @timwangdev
 /types/react-native-version-number/                 @VincentLanglet
 /types/react-native-video/                          @huhuanming
 /types/react-navigation/v1/                         @huhuanming @mhcgrq @fangpenlin @petejkim @iRoachie @phanalpha @charlesfamu @timwangdev @bang88 @svbutko @levito @YourGamesBeOver @ArmandoAssuncao @cliedeman @Slessi
-/types/react-navigation/                            @huhuanming @mhcgrq @fangpenlin @petejkim @iRoachie @phanalpha @charlesfamu @timwangdev @bang88 @svbutko @levito @YourGamesBeOver @ArmandoAssuncao @cliedeman @Slessi @magrinj @TizioFittizio @stigi @LinusU @jshosomichi @jakebooyah @brunoro @DenisFrezzato @mickaelw
+/types/react-navigation/                            @huhuanming @mhcgrq @fangpenlin @petejkim @iRoachie @phanalpha @charlesfamu @timwangdev @bang88 @svbutko @levito @YourGamesBeOver @ArmandoAssuncao @cliedeman @Slessi @magrinj @TizioFittizio @stigi @LinusU @jshosomichi @jakebooyah @brunoro @DenisFrezzato @mickaelw @maxdavidson @jkillian
 /types/react-navigation-material-bottom-tabs/       @iRoachie
 /types/react-no-ssr/                                @rafalfilipek
 /types/react-notification-system/                   @GiedriusGrabauskas @DeividasBakanas @LKay @sztobar
@@ -3776,8 +3935,9 @@
 /types/react-notify-toast/                          @klaascuvelier
 /types/react-numeric-input/                         @heatherbooker @akx
 /types/react-onclickoutside/v5/                     @LKay
-/types/react-onclickoutside/                        @LKay
-/types/react-onsenui/                               @salim7 @jemmyw
+/types/react-onclickoutside/                        @LKay @surgeboris
+/types/react-onsenui/                               @salim7 @jemmyw @lirbank
+/types/react-outside-click-handler/                 @zubivan
 /types/react-overlays/                              @aaronbeall @vitosamson
 /types/react-owl-carousel/                          @tbounsiar @igorissen @KennethanCeyer
 /types/react-paginate/v4/                           @deevus @wouterhardeman @pegel03 @archy-bold
@@ -3793,6 +3953,7 @@
 /types/react-qr-reader/                             @davidkevork
 /types/react-radio-group/                           @jsonunger
 /types/react-recaptcha/                             @mhegazy @zzanol
+/types/react-reconciler/                            @Methuselah96
 /types/react-redux/v5/                              @tkqubo @thasner @kenzierocks @clayne11 @tansongyang @nicholasboll @mdibyo @pdeva
 /types/react-redux/                                 @tkqubo @kenzierocks @clayne11 @tansongyang @nicholasboll @mdibyo @pdeva @kallikrein @val1984 @jrakotoharisoa @apapirovski
 /types/react-redux-epic/                            @forabi
@@ -3806,8 +3967,8 @@
 /types/react-responsive/                            @asvetliakov @alechill @xaviergonz
 /types/react-rnd/                                   @Ragg- @fsubal @zyh825
 /types/react-router/v2/                             @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov
-/types/react-router/v3/                             @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @ssorallen @gillchristian
-/types/react-router/                                @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @tkrotoff @huy-nguyen @grmiade @DaIgeb @egorshulga @neuoy @rraina @pret-a-porter @t49tran
+/types/react-router/v3/                             @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @ssorallen @gillchristian @nulladdict
+/types/react-router/                                @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @tkrotoff @huy-nguyen @grmiade @DaIgeb @egorshulga @neuoy @rraina @pret-a-porter @t49tran @8enSmith
 /types/react-router-bootstrap/                      @vlesierse @LKay @olmobrutall
 /types/react-router-config/                         @lith-light-g @johnnyreilly
 /types/react-router-dom/                            @tkrotoff @huy-nguyen @p-jackson @johnnyreilly
@@ -3839,7 +4000,9 @@
 /types/react-sparklines/                            @henrinormak
 /types/react-spinkit/v1/                            @tkqubo @mleko @pelotom
 /types/react-spinkit/                               @tkqubo @mleko @pelotom @zzanol
+/types/react-star-rating-component/                 @marpstar
 /types/react-sticky/                                @curtisw0 @ajhyndman
+/types/react-sticky-box/                            @koss-lebedev
 /types/react-sticky-el/                             @jbraithwaite
 /types/react-stickynode/                            @tstirrat
 /types/react-stripe-elements/                       @dan-j @santiagodoldan @sonnysangha @9y5 @thchia
@@ -3849,10 +4012,11 @@
 /types/react-swipe/                                 @DeividasBakanas
 /types/react-swipeable/                             @GiedriusGrabauskas @mctep @horiuchi
 /types/react-swipeable-views/                       @mxl @DeividasBakanas
-/types/react-syntax-highlighter/                    @NoHomey
-/types/react-table/                                 @royxue @psakalo @Havret
+/types/react-syntax-highlighter/                    @NoHomey @ajgamble-milner
+/types/react-table/                                 @royxue @psakalo @Havret @andys8
 /types/react-table-filter/                          @gjsln
-/types/react-tabs/                                  @danez
+/types/react-tabs/                                  @danez @Equationist
+/types/react-tag-autocomplete/                      @jlismore
 /types/react-tag-input/                             @Ogglas @jankarres @matthewberryman
 /types/react-tagcloud/                              @wassname
 /types/react-tagsinput/                             @mykter
@@ -3862,6 +4026,7 @@
 /types/react-tether/                                @ryprice
 /types/react-text-mask/                             @guilhermehubner @cavarzan @needpower
 /types/react-textarea-autosize/                     @asvetliakov @zry656565
+/types/react-timeago/                               @koss-lebedev
 /types/react-timeout/                               @kerwynrg
 /types/react-toastify/                              @icopp
 /types/react-toastr/                                @shssoichiro @DanRegazzi
@@ -3880,11 +4045,13 @@
 /types/react-virtual-keyboard/                      @bsurai
 /types/react-virtualized/                           @kaoDev @guntherjh @wasd171 @szabolcsx @kraenhansen @Stevearzh @mgoszcz2 @brandonhall
 /types/react-virtualized-select/                    @seansfkelley
+/types/react-visibility-sensor/                     @JRasmusBm
 /types/react-webcam/                                @squat
 /types/react-weui/                                  @tairan
-/types/react-widgets/                               @rogierschouten @sanyatuning @frodehansen2 @r3nya @MBillemaz
+/types/react-widgets/                               @rogierschouten @sanyatuning @frodehansen2 @r3nya @MBillemaz @georg94
 /types/react-widgets-moment/                        @dawnmist
 /types/react-window/                                @martynaskadisa
+/types/react-window-size/                           @jakejrichards
 /types/react-youtube/                               @kgtkr
 /types/react-youtube-embed/                         @charles-salmon
 /types/reactable/                                   @spielc
@@ -3901,16 +4068,20 @@
 /types/readline-sync/                               @jonestristand
 /types/readline-transform/                          @dex4er
 /types/reapop/                                      @Barrokgl
+/types/rebass/                                      @ryee-dev
+/types/rebass__grid/                                @antonvasin @vittorio @lhache @lavoaster
 /types/recaptcha2/                                  @l-jonas
 /types/recase/                                      @18steps
 /types/recharts/                                    @mthmulders @rapmue @royxue @ZheyangSong @richbai90 @caspeco-dan @pkeuter @jrsaunde @paulmelnikow @crusectrl @apalugniok
+/types/recharts-scale/                              @johnnyreilly
 /types/recluster/                                   @dex4er
-/types/recompose/                                   @iskandersierra @mrapogee @clayne11 @Pajn @lucasterra
+/types/recompose/                                   @iskandersierra @mrapogee @clayne11 @Pajn @lucasterra @brian-lives-outdoors
 /types/reconnect-core/                              @thw0rted
 /types/reconnectingwebsocket/                       @nguarracino
+/types/recorder-js/                                 @higuri
 /types/recursive-readdir/v1/                        @elisee
 /types/recursive-readdir/                           @elisee @MicahZoltu
-/types/redis/                                       @soywiz @CodeAnimal @MugeSo @UppaJung @Rokt33r @43081j @barnski
+/types/redis/                                       @soywiz @CodeAnimal @MugeSo @UppaJung @Rokt33r @43081j @barnski @1pete
 /types/redis-errors/                                @43081j
 /types/redis-mock/                                  @BendingBender
 /types/redis-rate-limiter/                          @westy92
@@ -3921,7 +4092,7 @@
 /types/reduce-reducers/                             @huy-nguyen
 /types/redux-action/                                @newraina
 /types/redux-action-utils/                          @tkqubo
-/types/redux-actions/                               @jaysoo @alexgorbatchev @alechill @alexey-pelykh
+/types/redux-actions/                               @jaysoo @alexgorbatchev @alechill @alexey-pelykh @7hi4g0
 /types/redux-async-queue/                           @andreiho
 /types/redux-auth-wrapper/v1/                       @LKay
 /types/redux-auth-wrapper/                          @LKay
@@ -3931,14 +4102,15 @@
 /types/redux-devtools-dock-monitor/                 @mc-petry
 /types/redux-devtools-log-monitor/                  @mc-petry
 /types/redux-doghouse/                              @BendingBender
-/types/redux-first-router/                          @Valbrand @viggyfresh @janb87 @corydeppen @jscinoz
+/types/redux-first-router/                          @Valbrand @viggyfresh @janb87 @corydeppen @jscinoz @surgeboris
 /types/redux-first-router-link/                     @janb87
 /types/redux-first-router-restore-scroll/           @icopp
 /types/redux-first-routing/                         @tlaziuk
 /types/redux-form/v4/                               @aikoven
 /types/redux-form/v6/                               @carsonf @aikoven @LKay @bancek
-/types/redux-form/                                  @carsonf @aikoven @LKay @bancek @alsiola @tehbi4 @huwmartin @ethanresnick @reggino @maddijoyce
-/types/redux-immutable/                             @oizie @sebald @gavingregory
+/types/redux-form/                                  @carsonf @aikoven @LKay @bancek @alsiola @tehbi4 @huwmartin @ethanresnick @reggino @maddijoyce @smifun
+/types/redux-immutable/v3/                          @oizie @sebald @gavingregory
+/types/redux-immutable/                             @oizie @sebald @gavingregory @lukyth
 /types/redux-immutable-state-invariant/             @remojansen @highflying
 /types/redux-infinite-scroll/                       @silkyfray
 /types/redux-injectable-store/                      @unindented
@@ -3980,13 +4152,15 @@
 /types/relateurl/                                   @tkrotoff
 /types/relaxed-json/                                @18steps
 /types/relay-runtime/                               @voxmatt @alloy
+/types/rellax/                                      @shermendev
 /types/remarkable/                                  @makepost
 /types/remote-redux-devtools/                       @ColinEberhardt @unindented @mamodom @colindekker
 /types/remove-markdown/                             @RagibHasin
 /types/rename/                                      @Aankhen
 /types/replace-ext/                                 @DeividasBakanas
+/types/replacestream/                               @dex4er
 /types/req-cwd/                                     @Alorel
-/types/request/                                     @soywiz @bonnici @Bartvds @joeskeen @ccurrens @lookfirst @mastermatt @josecolella
+/types/request/                                     @soywiz @bonnici @Bartvds @joeskeen @ccurrens @lookfirst @mastermatt @josecolella @murbanowicz
 /types/request-as-curl/                             @atd-schubert
 /types/request-ip/                                  @mrhen
 /types/request-promise/                             @cglantschnig @joeskeen @AyaMorisawa @mastermatt
@@ -4005,7 +4179,7 @@
 /types/resolve/                                     @marionebl @ajafff
 /types/resolve-from/                                @unional
 /types/resourcejs/                                  @shaunluttin
-/types/response-time/                               @urossmolnik @TonyPythoneer
+/types/response-time/                               @urossmolnik @TonyPythoneer @danmana
 /types/rest/                                        @Nemo157
 /types/restangular/                                 @borisyankov
 /types/restful.js/                                  @tkqubo
@@ -4043,6 +4217,7 @@
 /types/rmfr/                                        @pluma
 /types/roads/                                       @dancespiele
 /types/roads-server/                                @dancespiele
+/types/rocksdb/                                     @MeirionHughes @danwbyrne
 /types/roll/                                        @icopp
 /types/rolling-rate-limiter/                        @l-jonas
 /types/rollup-plugin-json/                          @asmockler @hotell
@@ -4053,7 +4228,7 @@
 /types/round-to/                                    @seangenabe
 /types/route-parser/                                @ianks @bobbuehler
 /types/routie/                                      @Adilson
-/types/royalslider/                                 @csrakowski
+/types/royalslider/                                 @csrakowski @sKopheK
 /types/rpio/                                        @DominikPalo @Pencl
 /types/rrc/                                         @DeividasBakanas
 /types/rsmq/                                        @MugeSo
@@ -4109,11 +4284,13 @@
 /types/satnav/                                      @DotNetNerd
 /types/saywhen/                                     @SeanSobey
 /types/scalike/                                     @ryoppy
+/types/schedule/                                    @Methuselah96
+/types/scheduler/                                   @Methuselah96
 /types/schema-registry/                             @bonzzy
 /types/schwifty/                                    @ozum
 /types/scoped-http-client/                          @mattvperry @rianadon
 /types/screenfull/                                  @icholy @lionelb @joelshepherd
-/types/screeps/                                     @MarkoSulamagi @NhanHo @bryanbecker @resir014 @Arcath @apemanzilla
+/types/screeps/                                     @MarkoSulamagi @NhanHo @bryanbecker @resir014 @Arcath @dmarcuse
 /types/screeps-profiler/                            @ramblurr
 /types/scriptjs/                                    @ssttevee
 /types/scroll-into-view/                            @zivni
@@ -4126,7 +4303,8 @@
 /types/scryptsy/                                    @micksatana
 /types/sdp-transform/                               @loc
 /types/seamless/                                    @danmana
-/types/seamless-immutable/                          @alex3165 @xsburg @geirsagberg
+/types/seamless-immutable/                          @alex3165 @xsburg @geirsagberg @RMHonor
+/types/season/                                      @dex4er
 /types/secp256k1/                                   @anler
 /types/seed-random/                                 @l-jonas
 /types/seededshuffle/                               @urish
@@ -4169,33 +4347,36 @@
 /types/send/                                        @MikeJerred
 /types/seneca/                                      @psnider @kevynb
 /types/sequelize/v3/                                @samuelneff @codeanimal @drinchev @morpheusxaut @torhal
-/types/sequelize/                                   @samuelneff @codeanimal @drinchev @babolivier @kukoo1 @oktapodia @morpheusxaut @TitaneBoy @zjy01 @nidzov @Raigen @todd @nrschultz @thomas-b
+/types/sequelize/                                   @samuelneff @codeanimal @drinchev @babolivier @kukoo1 @oktapodia @morpheusxaut @TitaneBoy @zjy01 @nidzov @Raigen @todd @nrschultz @thomas-b @Antoine38660
 /types/sequelize-cursor-pagination/                 @pilagod
 /types/sequelize-fixtures/                          @cschwarz
 /types/sequencify/                                  @npenin
 /types/sequester/                                   @Strate
 /types/serialize-error/                             @thomasthiebaud
-/types/serialize-javascript/                        @lith-light-g
+/types/serialize-javascript/                        @lith-light-g @Pochodaydayup
 /types/serialport/v4/                               @codefoster
+/types/serialport/v6/                               @codefoster @apearson
 /types/serialport/                                  @codefoster @apearson
 /types/serve-favicon/                               @urossmolnik
 /types/serve-index/                                 @tkrotoff
 /types/serve-static/                                @urossmolnik @LinusU
 /types/server/                                      @sant123 @iddan
 /types/server-destroy/                              @gyszalai
+/types/serverless/                                  @hassankhan
 /types/servicenow/                                  @bryceg
 /types/session-file-store/                          @blendsdk @rokt33r
 /types/set-cookie-parser/                           @nickp10
 /types/set-value/                                   @DanielRosenwasser
 /types/settings/                                    @shreyjain1994
 /types/sha1/                                        @arcdev1
+/types/sha256/                                      @nhardy
 /types/shallow-equals/                              @rsolomon
 /types/shallowequal/                                @seansfkelley
 /types/shapefile/                                   @DenisCarriere @Thw0rted
 /types/sharedb/                                     @soney
 /types/sharedworker/                                @nakakura
 /types/sharepoint/                                  @gandjustas @andrei-markeev @baywet @teroarvola @dennispg
-/types/sharp/                                       @lith-light-g @wooseopkim
+/types/sharp/                                       @lith-light-g @wooseopkim @BTOdell
 /types/sheetify/                                    @toddself
 /types/shell-escape/                                @nenadalm
 /types/shell-quote/                                 @jason0x43
@@ -4206,10 +4387,12 @@
 /types/shipit-utils/                                @cyrilschumacher
 /types/shopify-buy/                                 @openminder @straiforos @totemika
 /types/shortid/                                     @stpettersens @despairblue
-/types/shot/                                        @AJamesPhillips
+/types/shot/v3/                                     @AJamesPhillips @SimonSchick
+/types/shot/                                        @AJamesPhillips @SimonSchick
 /types/should-sinon/                                @Arylo
 /types/showdown/                                    @cbowdon @tan9 @arielsaldana
 /types/shrink-ray/                                  @forabi
+/types/shuffle-seed/                                @LeartS
 /types/siema/                                       @Irmiz @0x6368656174 @samnau
 /types/siesta/                                      @bquarmby
 /types/sigmajs/                                     @qinfchen
@@ -4234,9 +4417,10 @@
 /types/simplemde/                                   @Scalesoft
 /types/simplesmtp/                                  @rogierschouten
 /types/simplestorage.js/                            @axelcostaspena @mxl
+/types/sindresorhus__df/                            @whatknight
 /types/single-line-log/                             @ffflorian
 /types/single-spa-react/                            @Garrett-Smith-iq
-/types/sinon/                                       @mrbigdog2u @rationull @lumaxis @nicojs @43081j @joshuakgoldberg
+/types/sinon/                                       @mrbigdog2u @rationull @lumaxis @nicojs @43081j @joshuakgoldberg @gjednaszewski
 /types/sinon-as-promised/                           @igrayson
 /types/sinon-chai/v2/                               @kazimanzurrashid @jedmao
 /types/sinon-chai/                                  @kazimanzurrashid @jedmao @elpdpt
@@ -4259,12 +4443,12 @@
 /types/slack-winston/                               @BlueHatbRit
 /types/slackdown/                                   @nju33
 /types/slackify-html/                               @hypexr
-/types/slate/                                       @andykent @majelbstoat @JanLoebel @YangusKhan @kalley @Kornil @isubasti
+/types/slate/                                       @andykent @majelbstoat @JanLoebel @YangusKhan @kalley @Kornil @isubasti @sgreav
 /types/slate-base64-serializer/                     @YangusKhan
 /types/slate-html-serializer/                       @YangusKhan
 /types/slate-irc/                                   @elisee
-/types/slate-plain-serializer/                      @YangusKhan
-/types/slate-react/                                 @andykent @majelbstoat @JanLoebel @PatrickSachs @YangusKhan @isubasti
+/types/slate-plain-serializer/                      @YangusKhan @mkiefel
+/types/slate-react/                                 @andykent @majelbstoat @JanLoebel @PatrickSachs @YangusKhan @isubasti @sgreav
 /types/sleep/                                       @rajarz
 /types/slickgrid/                                   @jbaldwin
 /types/slideout/                                    @ToastHawaii
@@ -4281,7 +4465,9 @@
 /types/snazzy-info-window/                          @milosd92
 /types/snekfetch/                                   @ANekoIsFineToo @ShayBox @Dev-Yukine
 /types/snoowrap/                                    @vitosamson @TheAppleFreak
+/types/snowball-stemmers/                           @ryanvolum
 /types/snowboy/                                     @dolanmiu
+/types/socket.io/v1/                                @progre @divillysausages @florentpoujol @KentarouTakeda @gigi @BrainMaestro
 /types/socket.io/                                   @progre @divillysausages @florentpoujol @KentarouTakeda @gigi @BrainMaestro
 /types/socket.io-client/                            @progre @divillysausages @florentpoujol
 /types/socket.io-p2p/                               @saenglert
@@ -4297,8 +4483,9 @@
 /types/solidity-parser-antlr/                       @LogvinovLeon @albrow
 /types/solr-client/                                 @liul85
 /types/solution-center-communicator/                @dami-gg
+/types/sonic-boom/                                  @alferpal
 /types/sort-array/                                  @mrmlnc
-/types/sortablejs/                                  @Maw-Fox
+/types/sortablejs/                                  @Maw-Fox @maartenstaa
 /types/soundmanager2/                               @elton2048
 /types/soupbintcp/                                  @jewbre
 /types/source-list-map/                             @e-cloud
@@ -4325,7 +4512,7 @@
 /types/spotify-api/                                 @skovmand
 /types/spotify-web-playback-sdk/                    @Festify @mraerino @NeoLegends
 /types/sprintf/                                     @soywiz @BendingBender
-/types/sprintf-js/                                  @jasonswearingen @BendingBender
+/types/sprintf-js/                                  @jasonswearingen @BendingBender @cdagli
 /types/sql-bricks/                                  @adn05 @paleo
 /types/sql.js/                                      @Hozuki
 /types/sqlanywhere/                                 @pkeuter
@@ -4334,7 +4521,7 @@
 /types/squirejs/                                    @bradleyayers
 /types/srp/                                         @Patman64
 /types/ssh-key-decrypt/                             @BendingBender
-/types/ssh2/                                        @tkQubo @rbuckton
+/types/ssh2/                                        @tkQubo @rbuckton @wrboyce
 /types/ssh2-sftp-client/                            @igrayson @ascariandrea @kartik2406
 /types/ssh2-streams/                                @rbuckton
 /types/sshpk/                                       @mabels
@@ -4346,6 +4533,8 @@
 /types/stampit/v2/                                  @koresar
 /types/stampit/                                     @koresar @lummish
 /types/stamplay-js-sdk/                             @ridermansb
+/types/standard-error/                              @roblabat
+/types/standard-http-error/                         @roblabat
 /types/starwars-names/                              @claasahl
 /types/stat-mode/                                   @BendingBender
 /types/stats.js/                                    @gregolai @hberntsen @danvk
@@ -4358,13 +4547,16 @@
 /types/steam-totp/                                  @phenomax
 /types/steamid/                                     @Slessi
 /types/steed/                                       @Paul-Isache
-/types/stellar-sdk/                                 @carl-foster @tristonj @pselden @maxbause
+/types/stellar-sdk/                                 @carl-foster @tristonj @pselden @maxbause @charlie-wasp
 /types/stemmer/                                     @will-ockmore
 /types/sticky-cluster/                              @paustint
+/types/stompit/                                     @DanielRose
 /types/stompjs/                                     @jimic @Dr4k4n
 /types/stoppable/                                   @EricByers
+/types/storage-helper/                              @ajafff
 /types/store/                                       @vbortone @harry0000 @Ky6uk
 /types/storybook-addon-jsx/                         @jameslnewell
+/types/storybook-readme/                            @lonyele
 /types/storybook__addon-a11y/                       @hyunseob
 /types/storybook__addon-actions/                    @joscha @jicjjang
 /types/storybook__addon-backgrounds/                @hyunseob
@@ -4379,6 +4571,7 @@
 /types/storybook__react/                            @joscha @wapgear
 /types/storybook__react-native/                     @joscha @wapgear @alechill @iRoachie
 /types/storybook__vue/                              @pntgupta
+/types/stream-array/                                @Tyler-Murphy
 /types/stream-buffers/                              @Jason3S
 /types/stream-chain/                                @uhop
 /types/stream-csv-as-json/                          @uhop
@@ -4397,8 +4590,10 @@
 /types/strftime/                                    @cyrilschumacher
 /types/strict-uri-encode/                           @hoishin
 /types/string/                                      @basp
+/types/string-argv/                                 @vladimir-tikhonov
 /types/string-format/                               @lal12
 /types/string-hash/                                 @ethanrubio
+/types/string-replace-webpack-plugin/               @pd4d10
 /types/string-similarity/                           @ragtime
 /types/string-template/                             @TonyPythoneer
 /types/string-width/                                @jacobbubu
@@ -4407,7 +4602,7 @@
 /types/strip-ansi/                                  @mhegazy
 /types/strip-bom/                                   @mhegazy
 /types/strip-json-comments/                         @dmoonfire
-/types/stripe/                                      @wjohnsto @codeanimal @sampsonjoliver @LinusU @brannon @kkamperschroer @starhoshi @bruun @galtalmor @htunnicliff @squirly @tzarger
+/types/stripe/                                      @wjohnsto @codeanimal @sampsonjoliver @LinusU @brannon @kkamperschroer @starhoshi @bruun @galtalmor @htunnicliff @squirly @tzarger @ifiokjr
 /types/stripe-checkout/                             @cgwrench
 /types/stripe-v2/                                   @ejsmith @amritk @adamcmiel @jleider @galuszkak
 /types/stripe-v3/                                   @ejsmith @amritk @adamcmiel @jleider @galuszkak
@@ -4416,16 +4611,22 @@
 /types/strong-error-handler/                        @blankstar85
 /types/strong-log-transformer/                      @azasypkin
 /types/strophe/                                     @DavidKDeutsch
+/types/strophe.js/                                  @DavidKDeutsch
 /types/structured-source/                           @azu
-/types/styled-components/                           @Igorbek @Igmat
+/types/styled-components/v3/                        @Igorbek @Igmat
+/types/styled-components/                           @Igorbek @Igmat @lavoaster
 /types/styled-jsx/                                  @R1ZZU
-/types/styled-system/                               @maxdeviant @phobon @zephraph @damassi @alloy @maoueh @lavoaster
+/types/styled-react-modal/                          @Lavoaster
+/types/styled-system/                               @maxdeviant @phobon @zephraph @damassi @alloy @maoueh @lavoaster @jschuler
+/types/styled-theming/                              @ArjanJ
 /types/stylelint/v7/                                @alan-agius4
-/types/stylelint/                                   @alan-agius4
+/types/stylelint/                                   @alan-agius4 @filipsalpe
 /types/stylelint-webpack-plugin/                    @bahlo
+/types/stylenames/                                  @bengry
 /types/stylus/                                      @SomaticIT
 /types/subscribe-ui-event/                          @wangcheng678
 /types/subsume/                                     @BendingBender
+/types/subtitle/                                    @jenglamlow
 /types/succinct/                                    @EnableSoftware
 /types/sudo-block/                                  @BendingBender
 /types/suitescript/                                 @darrenhillconsulting
@@ -4466,7 +4667,7 @@
 /types/swagger-parser/                              @Tobias4872 @EricHenry
 /types/swagger-restify-mw/                          @micmro
 /types/swagger-sails-hook/                          @micmro
-/types/swagger-schema-official/                     @mohsen1 @bsouthga @nimerritt
+/types/swagger-schema-official/                     @mohsen1 @bsouthga @nimerritt @mauriedo
 /types/swagger-tools/                               @bricka
 /types/swagger-ui-dist/                             @haowen737
 /types/swagger-ui-express/                          @dmitryrogozhny
@@ -4478,7 +4679,7 @@
 /types/swig-email-templates/                        @mrhen @micksatana
 /types/swipe/                                       @kant2002
 /types/swiper/v3/                                   @sgaliano @lucax88x
-/types/swiper/                                      @sgaliano @lucax88x @ematseruk @odahcam
+/types/swiper/                                      @sgaliano @lucax88x @ematseruk @odahcam @jmca
 /types/swipeview/                                   @borisyankov
 /types/switchery/                                   @bgrieder @claylaut
 /types/swiz/                                        @jedigo
@@ -4486,6 +4687,7 @@
 /types/synaptic/                                    @ToastHawaii @austincummings
 /types/systeminformation/                           @PixelcrabAT
 /types/systemjs/                                    @ludohenin @NathanWalker @GiedriusGrabauskas @aluanhaddad
+/types/tabbable/                                    @mokkan
 /types/table/                                       @evanshortiss @mrmlnc
 /types/tableau/                                     @protip
 /types/tabris-plugin-firebase/                      @eclipsesource
@@ -4500,6 +4702,7 @@
 /types/tar-stream/                                  @glicht
 /types/task-graph-runner/                           @mgroenhoff
 /types/tcp-ping/                                    @stegano
+/types/tcp-port-used/                               @gautejohan
 /types/teddy/                                       @lannonbr
 /types/tedious/                                     @rogierschouten @cjthompson @v-suhame
 /types/tedious-connection-pool/                     @sandorfr
@@ -4507,24 +4710,29 @@
 /types/temp/                                        @DanielRosenwasser
 /types/temp-write/                                  @BendingBender
 /types/tempfile/                                    @SamVerschueren @BendingBender
-/types/tempy/                                       @douglasduteil
+/types/tempy/                                       @douglasduteil @maistho
 /types/terminal-menu/                               @aravindarun
+/types/tern/                                        @nkappler
+/types/terser/                                      @JordiAnderl
+/types/test-console/                                @roberto @guidoux @gbmoretti
 /types/test-listen/                                 @stephenmathieson
 /types/testingbot-api/                              @timbru31
 /types/tether/                                      @adidahiya
 /types/tether-drop/                                 @adidahiya
 /types/tether-shepherd/                             @mtgibbs
 /types/text-buffer/                                 @GlenCFL
-/types/text-encoding/                               @pine613 @mohsen1
+/types/text-encoding/                               @pine613 @mohsen1 @nwmqpa
 /types/text-encoding-utf-8/                         @trxcllnt
 /types/text-table/                                  @saadq
 /types/textarea-caret/                              @shiftkey
 /types/textract/                                    @lal12
 /types/textversionjs/                               @aaronosher
+/types/texzilla/                                    @m93a
 /types/tgfancy/                                     @Dabolus
 /types/theming/                                     @eps1lon
+/types/theo/                                        @petekp
 /types/thepiratebay/                                @jsorrell
-/types/three/                                       @gyohk @florentpoujol @SereznoKot @omni360 @ivoisbelongtous @piranha771 @qszhusightp @nakakura @s093294 @Pro @efokschaner @PsychoSTS @dhritzkiv @apurvaojas @NotWoods @sethk @elk941 @Methuselah96 @Dukuo
+/types/three/                                       @gyohk @florentpoujol @SereznoKot @omni360 @ivoisbelongtous @piranha771 @qszhusightp @nakakura @s093294 @Pro @efokschaner @PsychoSTS @dhritzkiv @apurvaojas @NotWoods @sethk @elk941 @Methuselah96 @Dukuo @JulianSSS @devilsparta
 /types/thrift/                                      @kamek-pf @kevin-greene-ck @jessezhang91
 /types/throng/                                      @cyrilschumacher @tatethurston
 /types/throttle/                                    @BendingBender
@@ -4545,6 +4753,7 @@
 /types/tinajs__tina-redux/                          @Jimexist
 /types/tinder/                                      @pingec
 /types/tingle.js/                                   @ajafff
+/types/tiny-async-pool/                             @krlwlfrt
 /types/tiny-secp256k1/                              @eduhenke
 /types/tiny-slider-react/                           @screendriver
 /types/tinycolor2/                                  @M-Zuber @geertjansen @nvh @Ailrun
@@ -4571,6 +4780,7 @@
 /types/topojson-simplify/                           @denisname @ricardo-mello
 /types/topojson-specification/                      @denisname
 /types/toposort/                                    @danwbyrne
+/types/torrent-search-api/                          @ngirardin
 /types/torrent-stream/                              @xstoudi
 /types/touch/                                       @mizunashi-mana @BendingBender
 /types/touch-events/                                @kevinb7
@@ -4587,6 +4797,7 @@
 /types/travis-fold/                                 @andy-ms
 /types/trayballoon/                                 @korve
 /types/tress/                                       @sindilevich
+/types/trianglify/                                  @unindented
 /types/trim/                                        @skysteve
 /types/triple-beam/                                 @danwbyrne
 /types/triplesec/                                   @threesquared
@@ -4657,9 +4868,9 @@
 /types/unzip/                                       @coding2012
 /types/unzipper/                                    @s73obrien @natemara @bartje321
 /types/update-notifier/v1/                          @vvakame @nchen63
-/types/update-notifier/                             @vvakame @nchen63 @bitjson
+/types/update-notifier/                             @vvakame @nchen63 @bitjson @grinich
 /types/uploadcare/                                  @jineshshah36
-/types/upng-js/                                     @plantain-00
+/types/upng-js/                                     @plantain-00 @pineapplemachine
 /types/uppercamelcase/                              @plantain-00
 /types/urbanairship-cordova/                        @Justin-Credible
 /types/uri-templates/                               @Bartvds @barnski
@@ -4693,6 +4904,7 @@
 /types/uuid-parse/                                  @screendriver
 /types/uuid-validate/                               @HiromiShikata
 /types/uws/                                         @plantain-00 @orblazer
+/types/v-chart-plugin/                              @natemara
 /types/valdr/                                       @ilbertz
 /types/valdr-message/                               @ilbertz
 /types/valerie/                                     @conficient
@@ -4760,6 +4972,7 @@
 /types/w3c-web-usb/                                 @larsgk
 /types/waitme/                                      @totpero
 /types/wake_on_lan/                                 @SrTobi
+/types/walk/                                        @poppa
 /types/wallabyjs/                                   @andrewconnell
 /types/wallpaper/                                   @BendingBender
 /types/wampy/                                       @KSDaemon
@@ -4769,6 +4982,7 @@
 /types/watchpack/                                   @e-cloud
 /types/waterline/                                   @arvitaly
 /types/watson-developer-cloud/                      @waldo000000 @Naktibalda
+/types/wavesurfer.js/                               @higuri
 /types/waypoints/                                   @dominikbulaj @Koloto @evil-shrike
 /types/wcwidth/                                     @rokt33r
 /types/weak/                                        @int0h
@@ -4776,7 +4990,7 @@
 /types/web-animations-js/                           @kritollm
 /types/web-bluetooth/                               @urish
 /types/web-push/                                    @paullessing
-/types/web3/                                        @simon-jentzsch @nitzantomer @zurbo @yxliang01 @phra @naddison36 @icaroharry @linusnorton @jpeletier @anneau @matrushka @andrevmatos @levino @zlumer @archangel-irk
+/types/web3/                                        @simon-jentzsch @nitzantomer @zurbo @yxliang01 @phra @naddison36 @icaroharry @linusnorton @jpeletier @anneau @matrushka @andrevmatos @levino @zlumer @archangel-irk @sogasg @donamk @dkent600 @nerddan
 /types/web3-eth-abi/                                @LogvinovLeon
 /types/web3-provider-engine/                        @LogvinovLeon
 /types/webappsec-credential-management/             @iainmcgin
@@ -4785,14 +4999,14 @@
 /types/webcl/                                       @NCARalph
 /types/webcomponents.js/                            @adidahiya
 /types/webcrypto/                                   @iislucas
-/types/webdriverio/                                 @nmalaguti @timbru31 @fsmedberg-tc @tanvirislam06 @phil-lgr
+/types/webdriverio/                                 @nmalaguti @timbru31 @fsmedberg-tc @tanvirislam06 @daveparslow @phil-lgr
 /types/webfontloader/                               @doskallemaskin
 /types/webgl-ext/                                   @zenmumbler
 /types/webgl2/                                      @nkemnitz @karhu
 /types/webidl2/                                     @saschanaz
 /types/webmidi/                                     @lostfictions
-/types/webpack/v3/                                  @tkqubo @bumbleblym @bcherny @tommytroylin @mohsen1 @jcreamer898 @alan-agius4 @elliottsj @jason0x43 @christophehurpeau
-/types/webpack/                                     @tkqubo @bumbleblym @bcherny @tommytroylin @mohsen1 @jcreamer898 @alan-agius4 @elliottsj @jason0x43 @dennispg @christophehurpeau @ZSkycat @johnnyreilly
+/types/webpack/v3/                                  @tkqubo @bumbleblym @bcherny @tommytroylin @mohsen1 @jcreamer898 @alan-agius4 @elliottsj @jason0x43 @christophehurpeau @rwaskiewicz @kuehlein
+/types/webpack/                                     @tkqubo @bumbleblym @bcherny @tommytroylin @mohsen1 @jcreamer898 @alan-agius4 @elliottsj @jason0x43 @dennispg @christophehurpeau @ZSkycat @johnnyreilly @rwaskiewicz @kuehlein
 /types/webpack-assets-manifest/                     @FranklinWhale
 /types/webpack-bundle-analyzer/                     @kryops
 /types/webpack-chain/                               @eirikurn @psachs21
@@ -4816,9 +5030,11 @@
 /types/webpack-serve/                               @rynclark @Jokcy @ZSkycat
 /types/webpack-sources/                             @e-cloud @chriseppstein
 /types/webpack-stream/                              @iclanton @bumbleblym
+/types/webpack-subresource-integrity/               @huan086
 /types/webpack-validator/                           @deevus
 /types/webpackbar/                                  @rynclark
 /types/webpagetest/                                 @ksm2
+/types/webprogbase-console-view/                    @veetaha
 /types/webrtc/                                      @nakakura
 /types/webscopeio__react-textarea-autocomplete/     @michauzo
 /types/websequencediagrams/                         @ffflorian
@@ -4864,6 +5080,7 @@
 /types/wnumb/                                       @acoreyj
 /types/wonder.js/                                   @yyc-git
 /types/word-list-json/                              @dovidm
+/types/word2vector/                                 @renekeijzer
 /types/wordcloud/                                   @joeskeen
 /types/words-to-numbers/                            @James-Frowen
 /types/workbox-sw/                                  @wessberg
@@ -4905,18 +5122,20 @@
 /types/xsockets/                                    @pushplay
 /types/xxhashjs/                                    @mDibyo
 /types/yallist/                                     @BendingBender
+/types/yaml/                                        @ikatyang @ColinBradley
 /types/yandex-maps/                                 @Delagen
 /types/yandex-money-sdk/                            @chrootsu
 /types/yar/                                         @SimonSchick
 /types/yargs/v8/                                    @poelstra @mizunashi-mana @pushplay @jeffkenney
 /types/yargs/v10/                                   @poelstra @mizunashi-mana @pushplay @jeffkenney @JimiC
 /types/yargs/v11/                                   @poelstra @mizunashi-mana @pushplay @jeffkenney @JimiC
-/types/yargs/                                       @poelstra @mizunashi-mana @pushplay @jeffkenney @JimiC
+/types/yargs/                                       @poelstra @mizunashi-mana @pushplay @jeffkenney @JimiC @tkazec
 /types/yargs-interactive/                           @szeck87
+/types/yargs-parser/                                @milesj
 /types/yauzl/                                       @ffflorian
 /types/yauzl-promise/                               @dlee-nvisia
 /types/yayson/                                      @Codesleuth
-/types/yazl/                                        @taoqf
+/types/yazl/                                        @taoqf @seangenabe
 /types/ydn-db/                                      @yathit @gabrielmaldi
 /types/yeoman-generator/                            @armorik83 @janslow @ikatyang
 /types/yeoman-test/                                 @ikatyang
@@ -4930,7 +5149,7 @@
 /types/youtube/                                     @DazWilkin @JoshuaKGoldberg @eliotfallon213 @terrymun
 /types/youtube-dl/                                  @bsurai
 /types/yui/                                         @giabao
-/types/yup/                                         @dhardtke @vtserman @MoretonBayRC @sseppola
+/types/yup/                                         @dhardtke @vtserman @MoretonBayRC @sseppola @YashdalfTheGray
 /types/z-schema/                                    @pgonzal
 /types/zapier-platform-core/                        @bradleyayers
 /types/zeit__next-typescript/                       @icopp
@@ -4943,6 +5162,7 @@
 /types/zeromq/                                      @davemckeown @erikma @TitaneBoy
 /types/zip-webpack-plugin/                          @blaise-io
 /types/zip.js/                                      @lgrignon
+/types/zipcelx/                                     @aleburato
 /types/zipcodes/                                    @headdetect @dobesv
 /types/zipkin-context-cls/                          @plantain-00
 /types/zipkin-instrumentation-express/              @plantain-00
diff --git a/.gitignore b/.gitignore
index ac63b6f6b5..079ad27699 100644
--- a/.gitignore
+++ b/.gitignore
@@ -46,6 +46,7 @@ npm-debug.log
 .settings/launch.json
 .vs
 .vscode
+.history
 
 # yarn
 yarn.lock
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000000..9cf9495031
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1 @@
+package-lock=false
\ No newline at end of file
diff --git a/README.es.md b/README.es.md
index c3cff967db..df675cbe41 100644
--- a/README.es.md
+++ b/README.es.md
@@ -22,15 +22,15 @@ Este es el método preferido. Solo está disponible para usuarios TypeScript 2.0
 npm install --save-dev @types/node
 ```
 
-Los types deberían ser incluidos automaticamente por el compilador.
+Los types deberían ser incluidos automáticamente por el compilador.
 Vea más en el [manual](http://www.typescriptlang.org/docs/handbook/declaration-files/consumption.html).
 
-Para un paquete NPM "foo", Estos `typings` estarán en "@types/foo".
+Para un paquete NPM "foo", estos `typings` estarán en "@types/foo".
 Si no puedes encontrar tu paquete, búscalo en [TypeSearch](https://microsoft.github.io/TypeSearch/).
 
 Si aún no puedes encontrarlo, comprueba si el paquete ya [incluye](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) los typings.
 Esto es provisto usualmente en el campo `"types"` o `"typings"` en el `package.json`,
-o solo busca por cualquier archivo ".d.ts" en el paquete e incluyelo manualmente con un `/// <reference path="" />`.
+o solo busca por cualquier archivo ".d.ts" en el paquete e inclúyelo manualmente con un `/// <reference path="" />`.
 
 
 ### Otros métodos
@@ -39,7 +39,7 @@ Estos pueden ser utilizados por TypeScript 1.0.
 
 * [Typings](https://github.com/typings/typings)
 * ~~[NuGet](http://nuget.org/packages?q=DefinitelyTyped)~~ (use las alternativas preferidas, la publicación DT type de nuget ha sido desactivada)
-* Descarguelo manualmente desde la `master` branch de este repositorio
+* Descárguelo manualmente desde la `master` branch de este repositorio
 
 Tal vez debas añadir manualmente las [referencias](http://www.typescriptlang.org/docs/handbook/triple-slash-directives.html).
 
@@ -88,7 +88,7 @@ Primero, haz un [fork](https://guides.github.com/activities/forking/) en este re
 * `cd types/my-package-to-edit`
 * Haz cambios. Recuerda editar las pruebas.
   Si realiza cambios importantes, no olvide [actualizar una versión principal](#quiero-actualizar-un-paquete-a-una-nueva-versión-principal).
-* También puede que quieras añadirte la sección "Definitions by" en el encabezado del paquete.
+* También puede que quieras añadirle la sección "Definitions by" en el encabezado del paquete.
   - Esto hará que seas notificado (a través de tu nombre de usuario en GitHub) cada vez que alguien haga un pull request o issue sobre el paquete.
   - Haz esto añadiendo tu nombre al final de la línea, así como en `// Definitions by: Alice <https://github.com/alice>, Bob <https://github.com/bob>`.
   - O si hay más personas, puede ser multiline
@@ -109,7 +109,7 @@ Si no lo hace, puedes hacerlo en el comentario asociado con el PR.
 Si eres el autor de la librería, o puedes hacer un pull request a la biblioteca, [bundle types](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) en vez de publicarlo en DefinitelyTyped.
 
 Si estás agregando typings para un paquete NPM, crea un directorio con el mismo nombre.
-Si el paquete al que le estás agregando typings no es para NPM, asegurate de que el nombre que escojas no genere problemas con el nombre del paquete en NPM.
+Si el paquete al que le estás agregando typings no es para NPM, asegúrate de que el nombre que escojas no genere problemas con el nombre del paquete en NPM.
 (Puedes usar `npm info foo` para verificar la existencia del paquete `foo`.)
 
 Tu paquete debería tener esta estructura:
@@ -126,7 +126,7 @@ Ve todas las opciones en [dts-gen](https://github.com/Microsoft/dts-gen).
 
 También puedes configurar el `tsconfig.json` para añadir nuevos archivos, para agregar un `"target": "es6"` (necesitado por las funciones asíncronas), para agregar a la `"lib"`, o para agregar la opción de compilación `"jsx"`.
 
-Los miembros de DefinitelyTyped frecuentemente monitorean nuevos PRs, pero ten en mente que la cantidad de PRs podrian ralentizar el proceso.
+Los miembros de DefinitelyTyped frecuentemente monitorean nuevos PRs, pero ten en mente que la cantidad de PRs podrían ralentizar el proceso.
 
 Para un buen paquete de ejemplo, vea [base64-js](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/base64-js).
 
@@ -135,7 +135,7 @@ Para un buen paquete de ejemplo, vea [base64-js](https://github.com/DefinitelyTy
 
 * Primero, sigue el consejo del [manual](http://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html).
 * Formatear: Ya sea utilizar todo en tabs, o siempre utiliza 4 espacios.
-* `function sum(nums: number[]): number`: Utiliza `ReadonlyArray` si una funcion no escribe a sus parámetros.
+* `function sum(nums: number[]): number`: Utiliza `ReadonlyArray` si una función no escribe a sus parámetros.
 * `interface Foo { new(): Foo; }`:
     Este define el tipo de objeto que esten nuevos. Probablemente quieras `declare class Foo { constructor(); }`.
 * `const Class: { new(): IClass; }`:
@@ -146,7 +146,7 @@ Para un buen paquete de ejemplo, vea [base64-js](https://github.com/DefinitelyTy
     Un ejemplo donde un tipo de parámetro es aceptable: `function id<T>(value: T): T;`.
     Un ejemplo donde no es aceptable: `function parseJson<T>(json: string): T;`.
     Una excepción: `new Map<string, number>()` está bien.
-* Utilizando los tipos `Function` y `Object` casi nunca es una buena idea. En 99% de los casos es posible especificar un tipo más especifico. Los ejemplos son `(x: number) => number` para [funciones](http://www.typescriptlang.org/docs/handbook/functions.html#function-types) y `{ x: number, y: number }` para objetos. Si no hay certeza en lo absoluto del tipo, [`any`](http://www.typescriptlang.org/docs/handbook/basic-types.html#any) es la opción correcta, no `Object`. Si el único hecho conocido sobre el tipo es que es un objecto, usa el tipo [`object`](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#object-type), no `Object` o `{ [key: string]: any }`.
+* Utilizando los tipos `Function` y `Object` casi nunca es una buena idea. En 99% de los casos es posible especificar un tipo más específico. Los ejemplos son `(x: number) => number` para [funciones](http://www.typescriptlang.org/docs/handbook/functions.html#function-types) y `{ x: number, y: number }` para objetos. Si no hay certeza en lo absoluto del tipo, [`any`](http://www.typescriptlang.org/docs/handbook/basic-types.html#any) es la opción correcta, no `Object`. Si el único hecho conocido sobre el tipo es que es un objecto, usa el tipo [`object`](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#object-type), no `Object` o `{ [key: string]: any }`.
 * `var foo: string | any`:
     Cuando es usado `any` en un tipo de unión, el tipo resultante todavía es `any`. Así que mientras la porción `string` de este tipo de anotación puede _verse_ útil, de hecho, no ofrece ningún typechecking adicional más que un simple `any`.
     Dependiendo de la intención, una alternativa aceptable puede ser `any`, `string`, o `string | object`.
@@ -204,11 +204,11 @@ Este script utiliza [dtslint](https://github.com/Microsoft/dtslint).
 
 #### ¿Cuál es exactamente la relación entre este repositorio y los paquetes de `@types` en NPM?
 
-La `master` branch es automaticamente publicada en el alcance de los  `@types` en NPM gracias a los [types-publisher](https://github.com/Microsoft/types-publisher).
+La `master` branch es automáticamente publicada en el alcance de los  `@types` en NPM gracias a los [types-publisher](https://github.com/Microsoft/types-publisher).
 
 #### He enviado un pull request. ¿Cuánto tardará en ser merged?
 
-Esto depende, pero la mayoría de los pull requests serán merged en alrededor de una semana. PRs que hayan sido aprovados por un autor listado en el encabezado de las definiciones usualmente son merged más rápidamente; PRs para nuevas definiciones tomarán más tiempo ya que requieren más revisiones de los mantenedores. Cada PR es revisado por un miembro de TypeScript o DefinitelyTyped antes de ser merged, por favor se paciente debido a que factores humanos pueden causar retrasos. Revisa el [PR Burndown Board](https://github.com/DefinitelyTyped/DefinitelyTyped/projects/3?card_filter_query=is%3Aopen) para ver el progreso mientras los mantenedores trabajan on los PRs abiertos.
+Esto depende, pero la mayoría de los pull requests serán merged en alrededor de una semana. PRs que hayan sido aprobados por un autor listado en el encabezado de las definiciones usualmente son merged más rápidamente; PRs para nuevas definiciones tomarán más tiempo ya que requieren más revisiones de los mantenedores. Cada PR es revisado por un miembro de TypeScript o DefinitelyTyped antes de ser merged, por favor sé paciente debido a que factores humanos pueden causar retrasos. Revisa el [PR Burndown Board](https://github.com/DefinitelyTyped/DefinitelyTyped/projects/3?card_filter_query=is%3Aopen) para ver el progreso mientras los mantenedores trabajan en los PRs abiertos.
 
 #### Mi PR ha sido merged; ¿cuándo será actualizado el paquete de `@types` NPM?
 
@@ -216,12 +216,12 @@ Los paquetes NPM deberán ser actualizados en unas cuantas horas. Si ha pasado m
 
 #### Estoy escribiendo una definición que depende de otra definición. Debería utilizar `<reference types="" />` o una import?
 
-Si el modulo al cual te estás refiriendo es un módulo externo (utiliza `export`), utilice una import.
+Si el módulo al cual te estás refiriendo es un módulo externo (utiliza `export`), utilice una import.
 Si el módulo al cual te refieres es un módulo ambiente (utiliza `declare module`, o simplemente declara las globales), utilice `<reference types="" />`.
 
 #### He notado que algunos paquetes aquí tienen `package.json`.
 
-Normalmente no lo necesitaras. Cuando publicas un paquete normalmente nosotros automáticamente crearemos un `package.json` para eso.
+Normalmente no lo necesitarás. Cuando publicas un paquete normalmente nosotros automáticamente crearemos un `package.json` para eso.
 Un `package.json` puede ser incluido por el bien de especificar dependencias. Aquí tienen un [ejemplo](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/pikaday/package.json).
 No aceptamos otros campos, tales como `"description"`, para que sean definidos manualmente.
 Además, si necesitas referencia a una versión anterior de typings, debes hacerlo añadiendo `"dependencies": { "@types/foo": "x.y.z" }` al package.json.
@@ -260,7 +260,7 @@ Cuando ya no sea un borrador, lo podremos eliminar desde DefinitelyType y hacer
 Si planeas continuar actualizando la versión anterior del paquete, puedes crear una subcarpeta con la versión actual p.ej. `v2`, y copia los archivos existentes. Si es así, necesitarás:
 
 1. Actualiza las rutas relativas en `tsconfig.json` al igual que `tslint.json`.
-2. Añadir reglas de mapeo de rutas para asegurart de que la prueba se está ejecutando contra la versión prevista.
+2. Añadir reglas de mapeo de rutas para asegurarte de que la prueba se está ejecutando contra la versión prevista.
 
 Por ejemplo [history v2 `tsconfig.json`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/history/v2/tsconfig.json) se ve así:
 
@@ -280,24 +280,24 @@ Por ejemplo [history v2 `tsconfig.json`](https://github.com/DefinitelyTyped/Defi
 }
 ```
 
-Si hay otros paquetes en DefinitelyTyped que son incompatibles con la nueva versión, necesitaras mapear las rutas a la versión anterior. También deberá hacer esto para los paquetes que dependen de paquetes que dependen de una version anterior.
+Si hay otros paquetes en DefinitelyTyped que son incompatibles con la nueva versión, necesitarás mapear las rutas a la versión anterior. También deberá hacer esto para los paquetes que dependen de paquetes que dependen de una version anterior.
 
 Por ejemplo, `react-router` depende de `history@2`, así que [react-router `tsconfig.json`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-router/tsconfig.json) tiene una ruta mapeada a "history": `[ "history/v2" ]`;
 transitivo así mismo, `react-router-bootstrap` (que depende de `react-router`) también añade una ruta mapeada en su [tsconfig.json](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-router-bootstrap/tsconfig.json).
 
-Además, `/// <reference types=".." />` no trabajara con rutas mapeadas, así que las dependencias deberán utilizar `import`.
+Además, `/// <reference types=".." />` no trabajará con rutas mapeadas, así que las dependencias deberán utilizar `import`.
 
 #### ¿Cómo escribo definitions para paquetes que pueden ser usados globalmente y como un módulo?
 
-El manual de TypeScript contiene excelente [información general para escribir definiciones](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html), ademas [este archivo de definiciones de ejemplo](https://www.typescriptlang.org/docs/handbook/declaration-files/templates/global-modifying-module-d-ts.html)  el cual muestra como crear una definición utilizando la sintaxis de módulo en ES6, asi como también especificando objetos que son disponibles en el alcance global. Esta técnica es demostrada practicamente en la [definición para big.js](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/big.js/index.d.ts), el cual es una librería que puede ser cargada globalmente a travéz de una etiqueta script en una página web, o importada via require o imports estilo ES6.
+El manual de TypeScript contiene excelente [información general para escribir definiciones](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html), además [este archivo de definiciones de ejemplo](https://www.typescriptlang.org/docs/handbook/declaration-files/templates/global-modifying-module-d-ts.html)  el cual muestra como crear una definición utilizando la sintaxis de módulo en ES6, asi como también especificando objetos que son disponibles en el alcance global. Esta técnica es demostrada prácticamente en la [definición para big.js](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/big.js/index.d.ts), el cual es una librería que puede ser cargada globalmente a través de una etiqueta script en una página web, o importada vía require o imports estilo ES6.
 
-Para probar como puede ser usada tu definición cuando se refieren globalmente o como un módulo importado, crea una carpeta `test`, y coloca dos archivos de prueba en él.  nombra uno `YourLibraryName-global.test.ts` y el otro `YourLibraryName-module.test.ts`.  El archivo de prueba _global_ debe ejercer la definición de acuerdo como va a ser usado en un script cargado en una página web donde la librería estará disponible en el alcance global - en este escenario no debes de especificar la sentencia de import. El archivo _módulo_ de prueba debe de ejercer la definición de acuerdo a como va a ser utilizado cuando sea importado (incluyendo las sentencias `import`). Si especificas un propiedad `files` en tu archivo tsconfig.json, asegurate de incluir ambos archivos de prueba. Un [ejemplo práctico de esto](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/big.js/test) es también disponible en la definición de big.js.
+Para probar como puede ser usada tu definición cuando se refieren globalmente o como un módulo importado, crea una carpeta `test`, y coloca dos archivos de prueba en él.  nombra uno `YourLibraryName-global.test.ts` y el otro `YourLibraryName-module.test.ts`.  El archivo de prueba _global_ debe ejercer la definición de acuerdo como va a ser usado en un script cargado en una página web donde la librería estará disponible en el alcance global - en este escenario no debes de especificar la sentencia de import. El archivo _módulo_ de prueba debe de ejercer la definición de acuerdo a como va a ser utilizado cuando sea importado (incluyendo las sentencias `import`). Si especificas una propiedad `files` en tu archivo tsconfig.json, asegurate de incluir ambos archivos de prueba. Un [ejemplo práctico de esto](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/big.js/test) es también disponible en la definición de big.js.
 
 Por favor tenga en cuenta que no es necesario para ejercer plenamente la definición en cada archivo de prueba - Es suficiente con probar solo los elementos globalmente accesibles en la prueba de archivos globales y ejercer la definición en el módulo del archivo de prueba, o viceversa.
 
 #### ¿Qué pasa con paquetes scoped?
 
-Types para un paquete scoped `@foo/bar` deberán ir en `types/foo__bar`. tenga en cuenta el doble guion bajo.
+Types para un paquete scoped `@foo/bar` deberán ir en `types/foo__bar`. tenga en cuenta el doble guión bajo.
 
 Cuando `dts-gen` es utilizado como scaffold en un paquete scoped, las propiedades `paths` deberán ser adaptadas manualmente en el paquete generado
 `tsconfig.json` para referenciar correctamente el paquete scoped:
diff --git a/notNeededPackages.json b/notNeededPackages.json
index 968192123b..cf5c9449d7 100644
--- a/notNeededPackages.json
+++ b/notNeededPackages.json
@@ -144,6 +144,12 @@
             "sourceRepoURL": "https://github.com/Azure/azure-mobile-apps-node/",
             "asOfVersion": "3.0.0"
         },
+        {
+            "libraryName": "@babel/parser",
+            "typingsPackageName": "babel__parser",
+            "sourceRepoURL": "https://github.com/babel/babel",
+            "asOfVersion": "7.1.0"
+        },
         {
             "libraryName": "BabylonJS",
             "typingsPackageName": "babylonjs",
@@ -396,6 +402,12 @@
             "sourceRepoURL": "https://github.com/MikeMcl/decimal.js",
             "asOfVersion": "7.4.0"
         },
+        {
+            "libraryName": "deepmerge",
+            "typingsPackageName": "deepmerge",
+            "sourceRepoURL": "git@github.com:KyleAMathews/deepmerge.git",
+            "asOfVersion": "2.2.0"
+        },
         {
             "libraryName": "delay",
             "typingsPackageName": "delay",
@@ -534,6 +546,12 @@
             "sourceRepoURL": "https://github.com/code-chris/extended-listbox",
             "asOfVersion": "4.0.1"
         },
+        {
+            "libraryName": "fast-diff",
+            "typingsPackageName": "fast-diff",
+            "sourceRepoURL": "https://github.com/jhchen/fast-diff",
+            "asOfVersion": "1.2.0"
+        },
         {
             "libraryName": "JSON-Patch",
             "typingsPackageName": "fast-json-patch",
@@ -618,6 +636,12 @@
             "sourceRepoURL": "https://github.com/mikedeboer/node-github",
             "asOfVersion": "7.1.0"
         },
+        {
+            "libraryName": "gitlab",
+            "typingsPackageName": "gitlab",
+            "sourceRepoURL": "https://github.com/jdalrymple/node-gitlab",
+            "asOfVersion": "2.0.0"
+        },
         {
             "libraryName": "graphene-pk11",
             "typingsPackageName": "graphene-pk11",
@@ -924,12 +948,24 @@
             "sourceRepoURL": "https://github.com/blakeembrey/lower-case-first",
             "asOfVersion": "1.0.1"
         },
+        {
+            "libraryName": "mali",
+            "typingsPackageName": "mali",
+            "sourceRepoURL": "https://github.com/malijs/mali",
+            "asOfVersion": "0.9.2"
+        },
         {
             "libraryName": "maquette",
             "typingsPackageName": "maquette",
             "sourceRepoURL": "http://maquettejs.org/",
             "asOfVersion": "2.1.6"
         },
+        {
+            "libraryName": "maxmind",
+            "typingsPackageName": "maxmind",
+            "sourceRepoURL": "https://github.com/runk/node-maxmind",
+            "asOfVersion": "2.0.5"
+        },
         {
             "libraryName": "mendixmodelsdk",
             "typingsPackageName": "mendixmodelsdk",
@@ -966,6 +1002,12 @@
             "sourceRepoURL": "https://github.com/mweststrate/mobservable-react",
             "asOfVersion": "1.0.0"
         },
+        {
+            "libraryName": "Mobx Cookie",
+            "typingsPackageName": "mobx-cookie",
+            "sourceRepoURL": "https://github.com/will-stone/mobx-cookie",
+            "asOfVersion": "1.1.1"
+        },
         {
             "libraryName": "Moment",
             "typingsPackageName": "moment",
@@ -1194,6 +1236,12 @@
             "sourceRepoURL": "https://github.com/react-ga/react-ga",
             "asOfVersion": "2.3.0"
         },
+        {
+            "libraryName": "react-i18next",
+            "typingsPackageName": "react-i18next",
+            "sourceRepoURL": "https://github.com/i18next/react-i18next",
+            "asOfVersion": "8.1.0"
+        },
         {
             "libraryName": "react-monaco-editor",
             "typingsPackageName": "react-monaco-editor",
diff --git a/types/a11y-dialog/a11y-dialog-tests.ts b/types/a11y-dialog/a11y-dialog-tests.ts
new file mode 100644
index 0000000000..3df694fcdd
--- /dev/null
+++ b/types/a11y-dialog/a11y-dialog-tests.ts
@@ -0,0 +1,30 @@
+import A11yDialog = require('a11y-dialog');
+
+const dialogEl = new A11yDialog(document.getElementById("test"));
+const dialogElTwo = new A11yDialog(document.getElementById("test"), document.getElementById("testContainer"));
+const dialogElThree = new A11yDialog(document.getElementById("test"), "dummy-element");
+
+dialogEl.show();
+dialogEl.hide();
+dialogElTwo.destroy();
+dialogElThree.create();
+
+// Test out interfaces that extends Element.
+dialogEl.on("show", (el: HTMLElement) => {
+    el.textContent;
+});
+
+// Test out element and event.
+dialogEl.on("create", (el: HTMLElement, evt) => {
+    el.textContent;
+
+    evt.target;
+});
+
+dialogEl.on('hide', () => {
+    const t = 5;
+});
+
+dialogEl.off("show", (el: HTMLElement) => {
+    el.textContent;
+});
diff --git a/types/a11y-dialog/index.d.ts b/types/a11y-dialog/index.d.ts
new file mode 100644
index 0000000000..105aaa70e7
--- /dev/null
+++ b/types/a11y-dialog/index.d.ts
@@ -0,0 +1,31 @@
+// Type definitions for a11y-dialog 5.2
+// Project: https://github.com/edenspiekermann/a11y-dialog
+// Definitions by: Yuto <https://github.com/Goyatuzo>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+type DialogEvents = "show" | "hide" | "destroy" | "create";
+declare class A11yDialog {
+    constructor(el: Element | null, containers?: NodeList | Element | string | null);
+    /**
+     * Shows the dialog.
+     */
+    show(): void;
+    /**
+     * Hides the dialog.
+     */
+    hide(): void;
+    /**
+     * Unbind click listeners from dialog openers and closers and remove all bound custom event listeners registered with `.on()`
+     */
+    destroy(): void;
+    /**
+     * Bind click listeners to dialog openers and closers.
+     */
+    create(el?: Element | null, containers?: NodeList | Element | string | null): void;
+
+    on(evt: DialogEvents, callback: (dialogElement: any, event: Event) => void): void;
+    off(evt: DialogEvents, callback: (dialogElement: any, event: Event) => void): void;
+}
+
+export = A11yDialog;
diff --git a/types/a11y-dialog/tsconfig.json b/types/a11y-dialog/tsconfig.json
new file mode 100644
index 0000000000..a27d99d6bf
--- /dev/null
+++ b/types/a11y-dialog/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "a11y-dialog-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/a11y-dialog/tslint.json b/types/a11y-dialog/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/a11y-dialog/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/ace/test/selection.ts b/types/ace/test/selection.ts
index be7da64331..e698664b83 100644
--- a/types/ace/test/selection.ts
+++ b/types/ace/test/selection.ts
@@ -123,7 +123,7 @@ const aceSelectionTests = {
     },
 
     "test: moveCursor word left with umlauts": function () {
-        var session = new AceAjax.EditSession(" Fu� F��e");
+        var session = new AceAjax.EditSession(" Fu¢ F¢¢e");
 
         var selection = session.getSelection();
         selection.moveCursorTo(0, 9)
diff --git a/types/actioncable/index.d.ts b/types/actioncable/index.d.ts
index 9194e81d6f..b5bdbf429a 100644
--- a/types/actioncable/index.d.ts
+++ b/types/actioncable/index.d.ts
@@ -1,13 +1,15 @@
-// Type definitions for ActionCable
-// Project: https://github.com/rails/rails/tree/master/actioncable
+// Type definitions for ActionCable 5.2
+// Project: https://github.com/rails/rails/tree/master/actioncable/app/assets/javascripts
 // Definitions by: Vincent Zhu <https://github.com/zhu1230>
+//                 Jared Szechy <https://github.com/szechyjs>
 // Definitions: https://github.com/zhu1230/DefinitelyTyped
+// TypeScript Version: 2.3
 
 declare module ActionCable {
   interface Channel {
     unsubscribe(): void;
     perform(action: string, data: {}): void;
-    send(data: Object): boolean;
+    send(data: any): boolean;
   }
 
   interface Subscriptions {
@@ -16,12 +18,16 @@ declare module ActionCable {
 
   interface Cable {
     subscriptions: Subscriptions;
+    send(data: any): void;
+    connect(): void;
+    disconnect(): void;
+    ensureActiveConnection(): void;
   }
 
   interface CreateMixin {
     connected(): void;
     disconnected(): void;
-    received(obj: Object): void;
+    received(obj: any): void;
     [key: string]: Function;
   }
 
diff --git a/types/adone/glosses/utils.d.ts b/types/adone/glosses/utils.d.ts
index 5d2eb5f198..a08d4af4bd 100644
--- a/types/adone/glosses/utils.d.ts
+++ b/types/adone/glosses/utils.d.ts
@@ -451,7 +451,7 @@ declare namespace adone {
                     | encoding.Multibyte;
             }
 
-            const defaultCharUnicode: "�";
+            const defaultCharUnicode: string;
 
             const defaultCharSingleByte: "?";
 
diff --git a/types/aframe/test/aframe-io-tests.ts b/types/aframe/test/aframe-io-tests.ts
index 77fe716390..1120b50be8 100644
--- a/types/aframe/test/aframe-io-tests.ts
+++ b/types/aframe/test/aframe-io-tests.ts
@@ -533,9 +533,10 @@ AFRAME.registerComponent('audioanalyser-waveform', {
 		rings.forEach(function transformRing(ring: THREE.Line, index: number) {
 			var normLevel;
 			normLevel = levels[RINGCOUNT - index - 1] + 0.01; // Avoid scaling by 0.
-			(ring.material as THREE.LineBasicMaterial).color.setHSL(colors[index], 1, normLevel);
-			ring.material.linewidth = normLevel * 3;
-			ring.material.opacity = normLevel;
+			const lineMaterial = ring.material as THREE.LineBasicMaterial;
+			lineMaterial.color.setHSL(colors[index], 1, normLevel);
+			lineMaterial.linewidth = normLevel * 3;
+			lineMaterial.opacity = normLevel;
 			ring.scale.z = normLevel;
 		});
 	},
diff --git a/types/agenda/index.d.ts b/types/agenda/index.d.ts
index 75246ecda3..37b9ce6b2c 100644
--- a/types/agenda/index.d.ts
+++ b/types/agenda/index.d.ts
@@ -64,7 +64,7 @@ declare class Agenda extends EventEmitter {
     defaultConcurrency(value: number): this;
 
     /**
-     * Takes a number shich specifies the max number jobs that can be locked at any given moment. By default it is
+     * Takes a number which specifies the max number jobs that can be locked at any given moment. By default it is
      * 0 for no max.
      * @param value The value to set.
      */
@@ -189,7 +189,7 @@ declare namespace Agenda {
         defaultLockLimit?: number;
 
         /**
-         * Takes a number shich specifies the max number jobs that can be locked at any given moment. By default it is
+         * Takes a number which specifies the max number jobs that can be locked at any given moment. By default it is
          * 0 for no max.
          */
         lockLimit?: number;
diff --git a/types/ajv-errors/index.d.ts b/types/ajv-errors/index.d.ts
index fed9e4585f..3b5c2d2322 100644
--- a/types/ajv-errors/index.d.ts
+++ b/types/ajv-errors/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/epoberezkin/ajv-errors
 // Definitions by: Afshawn Lotfi <https://github.com/afshawnlotfi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 import { Ajv } from "ajv";
 
diff --git a/types/ale-url-parser/ale-url-parser-tests.ts b/types/ale-url-parser/ale-url-parser-tests.ts
new file mode 100644
index 0000000000..2a5d9fe632
--- /dev/null
+++ b/types/ale-url-parser/ale-url-parser-tests.ts
@@ -0,0 +1,22 @@
+import { parse, stringify } from 'ale-url-parser';
+
+let url;
+let urlObject;
+
+url = stringify({});
+console.log(url);
+
+url = stringify({
+    protocol: 'protocol',
+    host: 'host',
+    path: ['foo', 'bar', 'baz'],
+    hash: 'hash',
+    query: {
+        foo: 1,
+        bar: [2, '3']
+    }
+});
+console.log(url);
+
+urlObject = parse('//any.dom.ain.co.m/foo/bar?test=1&test=2#hash');
+console.log(urlObject);
diff --git a/types/ale-url-parser/index.d.ts b/types/ale-url-parser/index.d.ts
new file mode 100644
index 0000000000..31b2d2fd03
--- /dev/null
+++ b/types/ale-url-parser/index.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for ale-url-parser 0.10
+// Project: https://github.com/msn0/ale-url-parser#readme
+// Definitions by: Michał Jezierski <https://github.com/msn0>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export interface QueryParams {
+    [key: string]: any;
+}
+
+export interface UrlObject {
+    protocol?: string;
+    host?: string;
+    path?: string[];
+    query?: QueryParams;
+    hash?: string;
+}
+
+/**
+ * Parse url string into url object.
+ * @return UrlObject
+ */
+export function parse(url: string): UrlObject;
+
+/**
+ * Stringify url object into url string.
+ * @return string
+ */
+export function stringify(urlObject: UrlObject): string;
diff --git a/types/ale-url-parser/tsconfig.json b/types/ale-url-parser/tsconfig.json
new file mode 100644
index 0000000000..2d18200901
--- /dev/null
+++ b/types/ale-url-parser/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ale-url-parser-tests.ts"
+    ]
+}
diff --git a/types/babel__parser/tslint.json b/types/ale-url-parser/tslint.json
similarity index 100%
rename from types/babel__parser/tslint.json
rename to types/ale-url-parser/tslint.json
diff --git a/types/algoliasearch/algoliasearch-tests.ts b/types/algoliasearch/algoliasearch-tests.ts
index 87fdb95a01..cbd98d253a 100644
--- a/types/algoliasearch/algoliasearch-tests.ts
+++ b/types/algoliasearch/algoliasearch-tests.ts
@@ -21,6 +21,7 @@ let _algoliaResponse: Response = {
   processingTimeMS: 32,
   query: '',
   params: '',
+  index: '',
 };
 
 let _clientOptions: ClientOptions = {
@@ -103,7 +104,8 @@ let _algoliaQueryParameters: QueryParameters = {
   filters: '',
   attributesToRetrieve: [''],
   restrictSearchableAttributes: [''],
-  facets: '',
+  facets: [''],
+  facetingAfterDistinct: true,
   maxValuesPerFacet: 2,
   attributesToHighlight: [''],
   attributesToSnippet: [''],
@@ -120,28 +122,29 @@ let _algoliaQueryParameters: QueryParameters = {
   typoTolerance: false,
   allowTyposOnNumericTokens: false,
   ignorePlurals: false,
-  disableTypoToleranceOnAttributes: '',
+  disableTypoToleranceOnAttributes: [''],
   aroundLatLng: '',
   aroundLatLngViaIP: '',
   aroundRadius: 0,
   aroundPrecision: 0,
   minimumAroundRadius: 0,
   insideBoundingBox: [[0]],
-  queryType: '',
+  queryType: 'prefixAll',
   insidePolygon: [[0]],
-  removeWordsIfNoResults: '',
+  removeWordsIfNoResults: 'firstWords',
   advancedSyntax: false,
   optionalWords: [''],
   removeStopWords: [''],
   disableExactOnAttributes: [''],
-  exactOnSingleWordQuery: '',
-  alternativesAsExact: true,
+  exactOnSingleWordQuery: 'attribute',
+  alternativesAsExact: ["ignorePlurals"],
   distinct: 0,
   getRankingInfo: false,
   numericAttributesToIndex: [''],
+  numericAttributesForFiltering: [''],
   numericFilters: [''],
-  tagFilters: '',
-  facetFilters: '',
+  tagFilters: [''],
+  facetFilters: [''],
   analytics: false,
   analyticsTags: [''],
   synonyms: true,
@@ -171,8 +174,38 @@ index.partialUpdateObjects([{}], false).then(() => {});
 let indexName : string = index.indexName;
 
 // complete copy
-client.copyIndex('from', 'to').then(()=>{})
-client.copyIndex('from', 'to', ()=> {})
+client.copyIndex('from', 'to').then(()=>{});
+client.copyIndex('from', 'to', ()=> {});
 // with scope
-client.copyIndex('from', 'to', ['settings']).then(()=>{})
-client.copyIndex('from', 'to', ['synonyms', 'rules'], ()=> {})
+client.copyIndex('from', 'to', ['settings']).then(()=>{});
+client.copyIndex('from', 'to', ['synonyms', 'rules'], ()=> {});
+
+// Browsing
+const browser = index.browseAll();
+index.browseAll('query');
+index.browseAll('', {
+  filters: 'dog',
+});
+
+let hits: Object[] = [];
+
+browser.on('result', function onResult(content) {
+  hits = hits.concat(content.hits);
+});
+
+browser.on('end', function onEnd() {
+  const _message = `We got ${hits.length} hits`
+});
+
+browser.on('error', function onError(err) {
+  throw err;
+});
+
+browser.stop();
+
+index.browse("", {
+  advancedSyntax: false,
+  attributesToRetrieve: ['dogs']
+});
+client.copyIndex('from', 'to', ['settings']).then(()=>{});
+client.copyIndex('from', 'to', ['synonyms', 'rules'], ()=> {});
diff --git a/types/algoliasearch/index.d.ts b/types/algoliasearch/index.d.ts
index 71684995a4..04291996ba 100644
--- a/types/algoliasearch/index.d.ts
+++ b/types/algoliasearch/index.d.ts
@@ -1,11 +1,14 @@
-// Type definitions for algoliasearch-client-js 3.27.0
+// Type definitions for algoliasearch-client-js 3.30.0
 // Project: https://github.com/algolia/algoliasearch-client-js
 // Definitions by: Baptiste Coquelle <https://github.com/cbaptiste>
 //                 Haroen Viaene <https://github.com/haroenv>
 //                 Aurélien Hervé <https://github.com/aherve>
 //                 Samuel Vaillant <https://github.com/samouss>
+//                 Kai Eichinger <https://github.com/keichinger>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.8
+
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
 
 declare namespace algoliasearch {
   /**
@@ -611,6 +614,11 @@ declare namespace algoliasearch {
       options: SearchForFacetValues.Parameters,
       cb: (err: Error, res: SearchForFacetValues.Response) => void
     ): void;
+    /**
+     * Browse an index
+     * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
+     */
+    browse(query: string, parameters: BrowseParameters, cb: (err: Error, res: BrowseResponse) => void): void;
     /**
      * Browse an index
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
@@ -620,7 +628,7 @@ declare namespace algoliasearch {
      * Browse an index
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
      */
-    browse(query: string): Promise<BrowseResponse>;
+    browse(query: string, parameters?: BrowseParameters): Promise<BrowseResponse>;
     /**
      * Browse an index from a cursor
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
@@ -638,7 +646,7 @@ declare namespace algoliasearch {
      * Browse an entire index
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
      */
-    browseAll(): Promise<Response>;
+    browseAll(query?: string, parameters?: BrowseParameters): Browser;
     /**
      * Clear an index content
      * https://github.com/algolia/algoliasearch-client-js#clear-index---clearindex
@@ -966,6 +974,22 @@ declare namespace algoliasearch {
     query: string;
     processingTimeMS: number;
   }
+  type BrowseParameters = Omit<
+    QueryParameters,
+    | "typoTolerance"
+    | "distinct"
+    | "facets"
+    | "getRankingInfo"
+    | "attributesToHighlight"
+    | "attributesToSnippet"
+  >
+  interface Browser {
+    on(type: "error", cb: (err: Error) => void): void
+    on(type: "end", cb: () => void): void
+    on(type: "stop", cb: () => void): void
+    on(type: "result", cb: (content: BrowseResponse) => void): void
+    stop(): void
+  }
   /**
    * Describes a synonym object
    */
@@ -1099,112 +1123,121 @@ declare namespace algoliasearch {
     userToken?: string;
   }
   interface QueryParameters {
+   /**
+    * Query string used to perform the search
+    * default: ''
+    * https://www.algolia.com/doc/api-reference/api-parameters/query/
+    */
+   query?: string;
+   /**
+    * Filter the query with numeric, facet or/and tag filters
+    * default: ""
+    * https://www.algolia.com/doc/api-reference/api-parameters/filters/
+    */
+   filters?: string;
+   /**
+    * A string that contains the list of attributes you want to retrieve in order to minimize the size of the JSON answer.
+    * default: *
+    * https://www.algolia.com/doc/api-reference/api-parameters/attributesToRetrieve/
+    */
+   attributesToRetrieve?: string[];
+   /**
+    * List of attributes you want to use for textual search
+    * default: attributeToIndex
+    * https://www.algolia.com/doc/api-reference/api-parameters/restrictSearchableAttributes/
+    */
+   restrictSearchableAttributes?: string[];
+   /**
+    * You can use facets to retrieve only a part of your attributes declared in attributesForFaceting attributes
+    * default: []
+    * https://www.algolia.com/doc/api-reference/api-parameters/facets/
+    */
+   facets?: string[];
     /**
-     * Query string used to perform the search
-     * default: ''
-     * https://github.com/algolia/algoliasearch-client-js#query
-     */
-    query?: string;
-    /**
-     * Filter the query with numeric, facet or/and tag filters
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#filters
-     */
-    filters?: string;
-    /**
-     * A string that contains the list of attributes you want to retrieve in order to minimize the size of the JSON answer.
-     * default: *
-     * https://github.com/algolia/algoliasearch-client-js#attributestoretrieve
-     */
-    attributesToRetrieve?: string[];
-    /**
-     * List of attributes you want to use for textual search
-     * default: attributeToIndex
-     * https://github.com/algolia/algoliasearch-client-js#restrictsearchableattributes
-     */
-    restrictSearchableAttributes?: string[];
-    /**
-     * You can use facets to retrieve only a part of your attributes declared in attributesForFaceting attributes
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#facets
-     */
-    facets?: string | string[];
+    * Force faceting to be applied after de-duplication (via the Distinct setting).
+    * When using the distinct setting in combination with faceting, facet counts may be higher than expected.
+    * This is because the engine, by default, computes faceting before applying de-duplication (distinct).
+    * When facetingAfterDistinct is set to true, the engine calculates faceting after the de-duplication has been applied.
+    * default ""
+    * https://www.algolia.com/doc/api-reference/api-parameters/facetingAfterDistinct/
+    */
+    facetingAfterDistinct?: boolean;
     /**
      * Limit the number of facet values returned for each facet.
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#maxvaluesperfacet
+     * default: 100
+     * https://www.algolia.com/doc/api-reference/api-parameters/maxValuesPerFacet/
      */
     maxValuesPerFacet?: number;
     /**
      * Default list of attributes to highlight. If set to null, all indexed attributes are highlighted.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#attributestohighlight
+     * https://www.algolia.com/doc/api-reference/api-parameters/attributesToHighlight/
      */
     attributesToHighlight?: string[];
     /**
      * Default list of attributes to snippet alongside the number of words to return
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#attributestosnippet
+     * https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/
      */
     attributesToSnippet?: string[];
     /**
      * Specify the string that is inserted before the highlighted parts in the query result
      * default: <em>
-     * https://github.com/algolia/algoliasearch-client-js#highlightpretag
+     * https://www.algolia.com/doc/api-reference/api-parameters/highlightPreTag/
      */
     highlightPreTag?: string;
     /**
      * Specify the string that is inserted after the highlighted parts in the query result
      * default: </em>
-     * https://github.com/algolia/algoliasearch-client-js#highlightposttag
+     * https://www.algolia.com/doc/api-reference/api-parameters/highlightPostTag/
      */
     highlightPostTag?: string;
     /**
      * String used as an ellipsis indicator when a snippet is truncated.
      * default: …
-     * https://github.com/algolia/algoliasearch-client-js#snippetellipsistext
+     * https://www.algolia.com/doc/api-reference/api-parameters/snippetEllipsisText/
      */
     snippetEllipsisText?: string;
     /**
      * If set to true, restrict arrays in highlights and snippets to items that matched the query at least partially else return all array items in highlights and snippets
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#restricthighlightandsnippetarrays
+     * https://www.algolia.com/doc/api-reference/api-parameters/restrictHighlightAndSnippetArrays/
      */
     restrictHighlightAndSnippetArrays?: boolean;
     /**
      * Pagination parameter used to select the number of hits per page
      * default: 20
-     * https://github.com/algolia/algoliasearch-client-js#hitsperpage
+     * https://www.algolia.com/doc/api-reference/api-parameters/hitsPerPage/
      */
     hitsPerPage?: number;
     /**
      * Pagination parameter used to select the page to retrieve.
      * default: 0
-     * https://github.com/algolia/algoliasearch-client-js#page
+     * https://www.algolia.com/doc/api-reference/api-parameters/page/
      */
     page?: number;
     /**
      * Offset of the first hit to return
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#offset
+     * https://www.algolia.com/doc/api-reference/api-parameters/offset/
      */
     offset?: number;
     /**
      * Number of hits to return.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#length
+     * https://www.algolia.com/doc/api-reference/api-parameters/length/
      */
     length?: number;
     /**
      * The minimum number of characters needed to accept one typo.
      * default: 4
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor1typo
+     * https://www.algolia.com/doc/api-reference/api-parameters/minWordSizefor1Typo/
      */
     minWordSizefor1Typo?: number;
     /**
      * The minimum number of characters needed to accept two typo.
      * fault: 8
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor2typos
+     * https://www.algolia.com/doc/api-reference/api-parameters/minWordSizefor2Typos/
      */
     minWordSizefor2Typos?: number;
     /**
@@ -1214,62 +1247,62 @@ declare namespace algoliasearch {
      * 'false' The typo tolerance is disabled. All results with typos will be hidden.
      * 'min' Only keep results with the minimum number of typos
      * 'strict' Hits matching with 2 typos are not retrieved if there are some matching without typos.
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor2typos
+     * https://www.algolia.com/doc/api-reference/api-parameters/typoTolerance/
      */
     typoTolerance?: boolean;
     /**
      * If set to false, disables typo tolerance on numeric tokens (numbers).
      * default:
-     * https://github.com/algolia/algoliasearch-client-js#allowtyposonnumerictokens
+     * https://www.algolia.com/doc/api-reference/api-parameters/allowTyposOnNumericTokens/
      */
     allowTyposOnNumericTokens?: boolean;
     /**
      * If set to true, plural won't be considered as a typo
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#ignoreplurals
+     * https://www.algolia.com/doc/api-reference/api-parameters/ignorePlurals/
      */
     ignorePlurals?: boolean;
     /**
      * List of attributes on which you want to disable typo tolerance
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#disabletypotoleranceonattributes
+     * default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/disableTypoToleranceOnAttributes/
      */
-    disableTypoToleranceOnAttributes?: string;
+    disableTypoToleranceOnAttributes?: string[];
     /**
      * Search for entries around a given location
      * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#aroundlatlng
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundLatLng/
      */
     aroundLatLng?: string;
     /**
      * Search for entries around a given latitude/longitude automatically computed from user IP address.
      * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#aroundlatlngviaip
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundLatLngViaIP/
      */
     aroundLatLngViaIP?: string;
     /**
      * Control the radius associated with a geo search. Defined in meters.
      * default: null
      * You can specify aroundRadius=all if you want to compute the geo distance without filtering in a geo area
-     * https://github.com/algolia/algoliasearch-client-js#aroundradius
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundRadius/
      */
     aroundRadius?: number | 'all';
     /**
      * Control the precision of a geo search
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#aroundprecision
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundPrecision/
      */
     aroundPrecision?: number;
     /**
      * Define the minimum radius used for a geo search when aroundRadius is not set.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#minimumaroundradius
+     * https://www.algolia.com/doc/api-reference/api-parameters/minimumAroundRadius/
      */
     minimumAroundRadius?: number;
     /**
      * Search entries inside a given area defined by the two extreme points of a rectangle
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#insideboundingbox
+     * https://www.algolia.com/doc/api-reference/api-parameters/insideBoundingBox/
      */
     insideBoundingBox?: number[][];
     /**
@@ -1278,13 +1311,13 @@ declare namespace algoliasearch {
      * 'prefixAll' All query words are interpreted as prefixes. This option is not recommended.
      * 'prefixLast' Only the last word is interpreted as a prefix (default behavior).
      * 'prefixNone' No query word is interpreted as a prefix. This option is not recommended.
-     * https://github.com/algolia/algoliasearch-client-js#querytype
+     * https://www.algolia.com/doc/api-reference/api-parameters/queryType/
      */
-    queryType?: any;
+    queryType?: "prefixAll"|"prefixLast"|"prefixNone";
     /**
      * Search entries inside a given area defined by a set of points
      * defauly: ''
-     * https://github.com/algolia/algoliasearch-client-js#insidepolygon
+     * https://www.algolia.com/doc/api-reference/api-parameters/insidePolygon/
      */
     insidePolygon?: number[][];
     /**
@@ -1294,19 +1327,19 @@ declare namespace algoliasearch {
      * 'firstWords' When a query does not return any results, the first word will be added as optional
      * 'allOptional' When a query does not return any results, a second trial will be made with all words as optional
      * 'none' No specific processing is done when a query does not return any results
-     * https://github.com/algolia/algoliasearch-client-js#removewordsifnoresults
+     * https://www.algolia.com/doc/api-reference/api-parameters/removeWordsIfNoResults/
      */
-    removeWordsIfNoResults?: string;
+    removeWordsIfNoResults?: "none"|"lastWords"|"firstWords"|"allOptional";
     /**
      * Enables the advanced query syntax
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#advancedsyntax
+     * https://www.algolia.com/doc/api-reference/api-parameters/advancedSyntax/
      */
     advancedSyntax?: boolean;
     /**
      * A string that contains the comma separated list of words that should be considered as optional when found in the query
      * default: []
-     * https://github.com/algolia/algoliasearch-client-js#optionalwords
+     * https://www.algolia.com/doc/api-reference/api-parameters/optionalWords/
      */
     optionalWords?: string[];
     /**
@@ -1314,13 +1347,13 @@ declare namespace algoliasearch {
      * default: false
      * true|false: enable or disable stop words for all 41 supported languages; or
      * a list of language ISO codes (as a comma-separated string) for which stop words should be enable
-     * https://github.com/algolia/algoliasearch-client-js#removestopwords
+     * https://www.algolia.com/doc/api-reference/api-parameters/removeStopWords/
      */
-    removeStopWords?: string[];
+    removeStopWords?: boolean|string[];
     /**
      * List of attributes on which you want to disable the computation of exact criteria
      * default: []
-     * https://github.com/algolia/algoliasearch-client-js#disableexactonattributes
+     * https://www.algolia.com/doc/api-reference/api-parameters/disableExactOnAttributes/
      */
     disableExactOnAttributes?: string[];
     /**
@@ -1329,81 +1362,90 @@ declare namespace algoliasearch {
      * 'none': no exact on single word query
      * 'word': exact set to 1 if the query word is found in the record
      * 'attribute': exact set to 1 if there is an attribute containing a string equals to the query
-     * https://github.com/algolia/algoliasearch-client-js#exactonsinglewordquery
+     * https://www.algolia.com/doc/api-reference/api-parameters/exactOnSingleWordQuery/
      */
-    exactOnSingleWordQuery?: string;
+    exactOnSingleWordQuery?: "attribute"|"none"|"word";
     /**
      * Specify the list of approximation that should be considered as an exact match in the ranking formula
      * default: ['ignorePlurals', 'singleWordSynonym']
      * 'ignorePlurals': alternative words added by the ignorePlurals feature
      * 'singleWordSynonym': single-word synonym (For example "NY" = "NYC")
      * 'multiWordsSynonym': multiple-words synonym
-     * https://github.com/algolia/algoliasearch-client-js#alternativesasexact
+     * https://www.algolia.com/doc/api-reference/api-parameters/alternativesAsExact/
      */
-    alternativesAsExact?: any;
+    alternativesAsExact?: Array<"ignorePlurals"|"singleWordSynonym"|"multiWordsSynonym">;
     /**
      * If set to 1, enables the distinct feature, disabled by default, if the attributeForDistinct index setting is set.
-     * https://github.com/algolia/algoliasearch-client-js#distinct
+     * https://www.algolia.com/doc/api-reference/api-parameters/distinct/
      */
-    distinct?: any;
+    distinct?: number|boolean;
     /**
      * If set to true, the result hits will contain ranking information in the _rankingInfo attribute.
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#getrankinginfo
+     * https://www.algolia.com/doc/api-reference/api-parameters/getRankingInfo/
      */
     getRankingInfo?: boolean;
     /**
+     * @deprecated Use `numericAttributesForFiltering` instead
      * All numerical attributes are automatically indexed as numerical filters
      * default: ''
-     * https://github.com/algolia/algoliasearch-client-js#numericattributestoindex
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericAttributesForFiltering/
      */
     numericAttributesToIndex?: string[];
+    /**
+     * All numerical attributes are automatically indexed as numerical filters
+     * default: ''
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericAttributesForFiltering/
+     */
+    numericAttributesForFiltering?: string[];
     /**
      * @deprecated please use filters instead
      * A string that contains the comma separated list of numeric filters you want to apply.
-     * https://github.com/algolia/algoliasearch-client-js#numericfilters-deprecated
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericFilters/
      */
     numericFilters?: string[];
     /**
      * @deprecated
+     *
      * Filter the query by a set of tags.
-     * https://github.com/algolia/algoliasearch-client-js#tagfilters-deprecated
+     * Default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/tagFilters/
      */
-    tagFilters?: string;
+    tagFilters?: string[];
     /**
-     * @deprecated
      * Filter the query by a set of facets.
-     * https://github.com/algolia/algoliasearch-client-js#facetfilters-deprecated
+     * Default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/facetFilters/
      */
-    facetFilters?: string | string[]
+    facetFilters?: string[]|string[][];
     /**
      * If set to false, this query will not be taken into account in the analytics feature.
      * default true
-     * https://github.com/algolia/algoliasearch-client-js#analytics
+     * https://www.algolia.com/doc/api-reference/api-parameters/analytics/
      */
     analytics?: boolean;
     /**
      * If set, tag your query with the specified identifiers
-     * default: null
-     * https://github.com/algolia/algoliasearch-client-js#analyticstags
+     * default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/analyticsTags/
      */
     analyticsTags?: string[];
     /**
      * If set to false, the search will not use the synonyms defined for the targeted index.
      * default: true
-     * https://github.com/algolia/algoliasearch-client-js#synonyms
+     * https://www.algolia.com/doc/api-reference/api-parameters/synonyms/
      */
     synonyms?: boolean;
     /**
      * If set to false, words matched via synonym expansion will not be replaced by the matched synonym in the highlighted result.
      * default: true
-     * https://github.com/algolia/algoliasearch-client-js#replacesynonymsinhighlight
+     * https://www.algolia.com/doc/api-reference/api-parameters/replaceSynonymsInHighlight/
      */
     replaceSynonymsInHighlight?: boolean;
     /**
      * Configure the precision of the proximity ranking criterion
      * default: 1
-     * https://github.com/algolia/algoliasearch-client-js#minproximity
+     * https://www.algolia.com/doc/api-reference/api-parameters/minProximity/
      */
     minProximity?: number;
 
@@ -1456,7 +1498,7 @@ declare namespace algoliasearch {
   interface Task {
     taskID: number;
     createdAt: string;
-    objectID?: string; 
+    objectID?: string;
   }
 
   interface TaskStatus {
@@ -1739,42 +1781,42 @@ declare namespace algoliasearch {
   interface Response {
     /**
      * Contains all the hits matching the query
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     hits: any[];
     /**
      * Current page
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     page: number;
     /**
      * Number of total hits matching the query
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     nbHits: number;
     /**
      * Number of pages
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     nbPages: number;
     /**
      * Number of hits per pages
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     hitsPerPage: number;
     /**
      * Engine processing time (excluding network transfer)
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     processingTimeMS: number;
     /**
      * Query used to perform the search
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     query: string;
     /**
      * GET parameters used to perform the search
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     params: string;
     facets?: {
@@ -1788,6 +1830,16 @@ declare namespace algoliasearch {
         sum: number,
       };
     };
+    /**
+     * The index name is only set when searching multiple indices.
+     * https://www.algolia.com/doc/api-reference/api-methods/multiple-queries/?language=javascript#response
+     */
+    index?: string;
+    /**
+     * The cursor is only set when browsing the index.
+     * https://www.algolia.com/doc/api-reference/api-methods/browse/
+     */
+    cursor?: string;
   }
 
   interface MultiResponse {
diff --git a/types/algoliasearch/lite/index.d.ts b/types/algoliasearch/lite/index.d.ts
index 4f068d5647..ce58d6a428 100644
--- a/types/algoliasearch/lite/index.d.ts
+++ b/types/algoliasearch/lite/index.d.ts
@@ -1,12 +1,15 @@
-// Type definitions for algoliasearch-client-js 3.27.0
+// Type definitions for algoliasearch-client-js 3.30.0
 // Project: https://github.com/algolia/algoliasearch-client-js
 // Definitions by: Baptiste Coquelle <https://github.com/cbaptiste>
 //                 Haroen Viaene <https://github.com/haroenv>
 //                 Aurélien Hervé <https://github.com/aherve>
 //                 Samuel Vaillant <https://github.com/samouss>
 //                 Claas Brüggemann <https://github.com/ClaasBrueggemann>
+//                 Kai Eichinger <https://github.com/keichinger>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.8
+
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
 
 declare namespace algoliasearch {
   /**
@@ -130,6 +133,11 @@ declare namespace algoliasearch {
       options: SearchForFacetValues.Parameters,
       cb: (err: Error, res: SearchForFacetValues.Response) => void
     ): void;
+    /**
+     * Browse an index
+     * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
+     */
+    browse(query: string, parameters: BrowseParameters, cb: (err: Error, res: BrowseResponse) => void): void;
     /**
      * Browse an index
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
@@ -139,7 +147,7 @@ declare namespace algoliasearch {
      * Browse an index
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
      */
-    browse(query: string): Promise<BrowseResponse>;
+    browse(query: string, parameters?: BrowseParameters): Promise<BrowseResponse>;
     /**
      * Browse an index from a cursor
      * https://github.com/algolia/algoliasearch-client-js#backup--export-an-index---browse
@@ -194,114 +202,122 @@ declare namespace algoliasearch {
     query: string;
     processingTimeMS: number;
   }
-
+  type BrowseParameters = Omit<
+    QueryParameters,
+    | "typoTolerance"
+    | "distinct"
+    | "facets"
+    | "getRankingInfo"
+    | "attributesToHighlight"
+    | "attributesToSnippet"
+  >
   interface QueryParameters {
     /**
      * Query string used to perform the search
      * default: ''
-     * https://github.com/algolia/algoliasearch-client-js#query
+     * https://www.algolia.com/doc/api-reference/api-parameters/query/
      */
     query?: string;
     /**
      * Filter the query with numeric, facet or/and tag filters
      * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#filters
+     * https://www.algolia.com/doc/api-reference/api-parameters/filters/
      */
     filters?: string;
     /**
      * A string that contains the list of attributes you want to retrieve in order to minimize the size of the JSON answer.
      * default: *
-     * https://github.com/algolia/algoliasearch-client-js#attributestoretrieve
+     * https://www.algolia.com/doc/api-reference/api-parameters/attributesToRetrieve/
      */
     attributesToRetrieve?: string[];
     /**
      * List of attributes you want to use for textual search
      * default: attributeToIndex
-     * https://github.com/algolia/algoliasearch-client-js#restrictsearchableattributes
+     * https://www.algolia.com/doc/api-reference/api-parameters/restrictSearchableAttributes/
      */
     restrictSearchableAttributes?: string[];
     /**
      * You can use facets to retrieve only a part of your attributes declared in attributesForFaceting attributes
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#facets
+     * default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/facets/
      */
-    facets?: string;
+    facets?: string[];
     /**
      * Limit the number of facet values returned for each facet.
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#maxvaluesperfacet
+     * default: 100
+     * https://www.algolia.com/doc/api-reference/api-parameters/maxValuesPerFacet/
      */
     maxValuesPerFacet?: number;
     /**
      * Default list of attributes to highlight. If set to null, all indexed attributes are highlighted.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#attributestohighlight
+     * https://www.algolia.com/doc/api-reference/api-parameters/attributesToHighlight/
      */
     attributesToHighlight?: string[];
     /**
      * Default list of attributes to snippet alongside the number of words to return
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#attributestosnippet
+     * https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/
      */
     attributesToSnippet?: string[];
     /**
      * Specify the string that is inserted before the highlighted parts in the query result
      * default: <em>
-     * https://github.com/algolia/algoliasearch-client-js#highlightpretag
+     * https://www.algolia.com/doc/api-reference/api-parameters/highlightPreTag/
      */
     highlightPreTag?: string;
     /**
      * Specify the string that is inserted after the highlighted parts in the query result
      * default: </em>
-     * https://github.com/algolia/algoliasearch-client-js#highlightposttag
+     * https://www.algolia.com/doc/api-reference/api-parameters/highlightPostTag/
      */
     highlightPostTag?: string;
     /**
      * String used as an ellipsis indicator when a snippet is truncated.
      * default: …
-     * https://github.com/algolia/algoliasearch-client-js#snippetellipsistext
+     * https://www.algolia.com/doc/api-reference/api-parameters/snippetEllipsisText/
      */
     snippetEllipsisText?: string;
     /**
      * If set to true, restrict arrays in highlights and snippets to items that matched the query at least partially else return all array items in highlights and snippets
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#restricthighlightandsnippetarrays
+     * https://www.algolia.com/doc/api-reference/api-parameters/restrictHighlightAndSnippetArrays/
      */
     restrictHighlightAndSnippetArrays?: boolean;
     /**
      * Pagination parameter used to select the number of hits per page
      * default: 20
-     * https://github.com/algolia/algoliasearch-client-js#hitsperpage
+     * https://www.algolia.com/doc/api-reference/api-parameters/hitsPerPage/
      */
     hitsPerPage?: number;
     /**
      * Pagination parameter used to select the page to retrieve.
      * default: 0
-     * https://github.com/algolia/algoliasearch-client-js#page
+     * https://www.algolia.com/doc/api-reference/api-parameters/page/
      */
     page?: number;
     /**
      * Offset of the first hit to return
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#offset
+     * https://www.algolia.com/doc/api-reference/api-parameters/offset/
      */
     offset?: number;
     /**
      * Number of hits to return.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#length
+     * https://www.algolia.com/doc/api-reference/api-parameters/length/
      */
     length?: number;
     /**
      * The minimum number of characters needed to accept one typo.
      * default: 4
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor1typo
+     * https://www.algolia.com/doc/api-reference/api-parameters/minWordSizefor1Typo/
      */
     minWordSizefor1Typo?: number;
     /**
      * The minimum number of characters needed to accept two typo.
      * fault: 8
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor2typos
+     * https://www.algolia.com/doc/api-reference/api-parameters/minWordSizefor2Typos/
      */
     minWordSizefor2Typos?: number;
     /**
@@ -311,62 +327,62 @@ declare namespace algoliasearch {
      * 'false' The typo tolerance is disabled. All results with typos will be hidden.
      * 'min' Only keep results with the minimum number of typos
      * 'strict' Hits matching with 2 typos are not retrieved if there are some matching without typos.
-     * https://github.com/algolia/algoliasearch-client-js#minwordsizefor2typos
+     * https://www.algolia.com/doc/api-reference/api-parameters/typoTolerance/
      */
     typoTolerance?: boolean;
     /**
      * If set to false, disables typo tolerance on numeric tokens (numbers).
      * default:
-     * https://github.com/algolia/algoliasearch-client-js#allowtyposonnumerictokens
+     * https://www.algolia.com/doc/api-reference/api-parameters/allowTyposOnNumericTokens/
      */
     allowTyposOnNumericTokens?: boolean;
     /**
      * If set to true, plural won't be considered as a typo
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#ignoreplurals
+     * https://www.algolia.com/doc/api-reference/api-parameters/ignorePlurals/
      */
     ignorePlurals?: boolean;
     /**
      * List of attributes on which you want to disable typo tolerance
-     * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#disabletypotoleranceonattributes
+     * default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/disableTypoToleranceOnAttributes/
      */
-    disableTypoToleranceOnAttributes?: string;
+    disableTypoToleranceOnAttributes?: string[];
     /**
      * Search for entries around a given location
      * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#aroundlatlng
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundLatLng/
      */
     aroundLatLng?: string;
     /**
      * Search for entries around a given latitude/longitude automatically computed from user IP address.
      * default: ""
-     * https://github.com/algolia/algoliasearch-client-js#aroundlatlngviaip
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundLatLngViaIP/
      */
     aroundLatLngViaIP?: string;
     /**
      * Control the radius associated with a geo search. Defined in meters.
      * default: null
      * You can specify aroundRadius=all if you want to compute the geo distance without filtering in a geo area
-     * https://github.com/algolia/algoliasearch-client-js#aroundradius
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundRadius/
      */
     aroundRadius?: number | 'all';
     /**
      * Control the precision of a geo search
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#aroundprecision
+     * https://www.algolia.com/doc/api-reference/api-parameters/aroundPrecision/
      */
     aroundPrecision?: number;
     /**
      * Define the minimum radius used for a geo search when aroundRadius is not set.
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#minimumaroundradius
+     * https://www.algolia.com/doc/api-reference/api-parameters/minimumAroundRadius/
      */
     minimumAroundRadius?: number;
     /**
      * Search entries inside a given area defined by the two extreme points of a rectangle
      * default: null
-     * https://github.com/algolia/algoliasearch-client-js#insideboundingbox
+     * https://www.algolia.com/doc/api-reference/api-parameters/insideBoundingBox/
      */
     insideBoundingBox?: number[][];
     /**
@@ -375,13 +391,13 @@ declare namespace algoliasearch {
      * 'prefixAll' All query words are interpreted as prefixes. This option is not recommended.
      * 'prefixLast' Only the last word is interpreted as a prefix (default behavior).
      * 'prefixNone' No query word is interpreted as a prefix. This option is not recommended.
-     * https://github.com/algolia/algoliasearch-client-js#querytype
+     * https://www.algolia.com/doc/api-reference/api-parameters/queryType/
      */
-    queryType?: any;
+    queryType?: "prefixAll"|"prefixLast"|"prefixNone";
     /**
      * Search entries inside a given area defined by a set of points
      * defauly: ''
-     * https://github.com/algolia/algoliasearch-client-js#insidepolygon
+     * https://www.algolia.com/doc/api-reference/api-parameters/insidePolygon/
      */
     insidePolygon?: number[][];
     /**
@@ -391,19 +407,19 @@ declare namespace algoliasearch {
      * 'firstWords' When a query does not return any results, the first word will be added as optional
      * 'allOptional' When a query does not return any results, a second trial will be made with all words as optional
      * 'none' No specific processing is done when a query does not return any results
-     * https://github.com/algolia/algoliasearch-client-js#removewordsifnoresults
+     * https://www.algolia.com/doc/api-reference/api-parameters/removeWordsIfNoResults/
      */
-    removeWordsIfNoResults?: string;
+    removeWordsIfNoResults?: "none"|"lastWords"|"firstWords"|"allOptional";
     /**
      * Enables the advanced query syntax
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#advancedsyntax
+     * https://www.algolia.com/doc/api-reference/api-parameters/advancedSyntax/
      */
     advancedSyntax?: boolean;
     /**
      * A string that contains the comma separated list of words that should be considered as optional when found in the query
      * default: []
-     * https://github.com/algolia/algoliasearch-client-js#optionalwords
+     * https://www.algolia.com/doc/api-reference/api-parameters/optionalWords/
      */
     optionalWords?: string[];
     /**
@@ -411,13 +427,13 @@ declare namespace algoliasearch {
      * default: false
      * true|false: enable or disable stop words for all 41 supported languages; or
      * a list of language ISO codes (as a comma-separated string) for which stop words should be enable
-     * https://github.com/algolia/algoliasearch-client-js#removestopwords
+     * https://www.algolia.com/doc/api-reference/api-parameters/removeStopWords/
      */
-    removeStopWords?: string[];
+    removeStopWords?: boolean|string[];
     /**
      * List of attributes on which you want to disable the computation of exact criteria
      * default: []
-     * https://github.com/algolia/algoliasearch-client-js#disableexactonattributes
+     * https://www.algolia.com/doc/api-reference/api-parameters/disableExactOnAttributes/
      */
     disableExactOnAttributes?: string[];
     /**
@@ -426,81 +442,90 @@ declare namespace algoliasearch {
      * 'none': no exact on single word query
      * 'word': exact set to 1 if the query word is found in the record
      * 'attribute': exact set to 1 if there is an attribute containing a string equals to the query
-     * https://github.com/algolia/algoliasearch-client-js#exactonsinglewordquery
+     * https://www.algolia.com/doc/api-reference/api-parameters/exactOnSingleWordQuery/
      */
-    exactOnSingleWordQuery?: string;
+    exactOnSingleWordQuery?: "attribute"|"none"|"word";
     /**
      * Specify the list of approximation that should be considered as an exact match in the ranking formula
      * default: ['ignorePlurals', 'singleWordSynonym']
      * 'ignorePlurals': alternative words added by the ignorePlurals feature
      * 'singleWordSynonym': single-word synonym (For example "NY" = "NYC")
      * 'multiWordsSynonym': multiple-words synonym
-     * https://github.com/algolia/algoliasearch-client-js#alternativesasexact
+     * https://www.algolia.com/doc/api-reference/api-parameters/alternativesAsExact/
      */
-    alternativesAsExact?: any;
+    alternativesAsExact?: Array<"ignorePlurals"|"singleWordSynonym"|"multiWordsSynonym">;
     /**
      * If set to 1, enables the distinct feature, disabled by default, if the attributeForDistinct index setting is set.
-     * https://github.com/algolia/algoliasearch-client-js#distinct
+     * https://www.algolia.com/doc/api-reference/api-parameters/distinct/
      */
-    distinct?: any;
+    distinct?: number|boolean;
     /**
      * If set to true, the result hits will contain ranking information in the _rankingInfo attribute.
      * default: false
-     * https://github.com/algolia/algoliasearch-client-js#getrankinginfo
+     * https://www.algolia.com/doc/api-reference/api-parameters/getRankingInfo/
      */
     getRankingInfo?: boolean;
     /**
+     * @deprecated Use `numericAttributesForFiltering` instead
      * All numerical attributes are automatically indexed as numerical filters
      * default: ''
-     * https://github.com/algolia/algoliasearch-client-js#numericattributestoindex
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericAttributesForFiltering/
      */
     numericAttributesToIndex?: string[];
+    /**
+     * All numerical attributes are automatically indexed as numerical filters
+     * default: ''
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericAttributesForFiltering/
+     */
+    numericAttributesForFiltering?: string[];
     /**
      * @deprecated please use filters instead
      * A string that contains the comma separated list of numeric filters you want to apply.
-     * https://github.com/algolia/algoliasearch-client-js#numericfilters-deprecated
+     * https://www.algolia.com/doc/api-reference/api-parameters/numericFilters/
      */
     numericFilters?: string[];
     /**
      * @deprecated
+     *
      * Filter the query by a set of tags.
-     * https://github.com/algolia/algoliasearch-client-js#tagfilters-deprecated
+     * Default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/tagFilters/
      */
-    tagFilters?: string;
+    tagFilters?: string[];
     /**
-     * @deprecated
      * Filter the query by a set of facets.
-     * https://github.com/algolia/algoliasearch-client-js#facetfilters-deprecated
+     * Default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/facetFilters/
      */
-    facetFilters?: string;
+    facetFilters?: string[]|string[][];
     /**
      * If set to false, this query will not be taken into account in the analytics feature.
      * default true
-     * https://github.com/algolia/algoliasearch-client-js#analytics
+     * https://www.algolia.com/doc/api-reference/api-parameters/analytics/
      */
     analytics?: boolean;
     /**
      * If set, tag your query with the specified identifiers
-     * default: null
-     * https://github.com/algolia/algoliasearch-client-js#analyticstags
+     * default: []
+     * https://www.algolia.com/doc/api-reference/api-parameters/analyticsTags/
      */
     analyticsTags?: string[];
     /**
      * If set to false, the search will not use the synonyms defined for the targeted index.
      * default: true
-     * https://github.com/algolia/algoliasearch-client-js#synonyms
+     * https://www.algolia.com/doc/api-reference/api-parameters/synonyms/
      */
     synonyms?: boolean;
     /**
      * If set to false, words matched via synonym expansion will not be replaced by the matched synonym in the highlighted result.
      * default: true
-     * https://github.com/algolia/algoliasearch-client-js#replacesynonymsinhighlight
+     * https://www.algolia.com/doc/api-reference/api-parameters/replaceSynonymsInHighlight/
      */
     replaceSynonymsInHighlight?: boolean;
     /**
      * Configure the precision of the proximity ranking criterion
      * default: 1
-     * https://github.com/algolia/algoliasearch-client-js#minproximity
+     * https://www.algolia.com/doc/api-reference/api-parameters/minProximity/
      */
     minProximity?: number;
 
@@ -530,42 +555,42 @@ declare namespace algoliasearch {
   interface Response {
     /**
      * Contains all the hits matching the query
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     hits: any[];
     /**
      * Current page
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     page: number;
     /**
      * Number of total hits matching the query
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     nbHits: number;
     /**
      * Number of pages
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     nbPages: number;
     /**
      * Number of hits per pages
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     hitsPerPage: number;
     /**
      * Engine processing time (excluding network transfer)
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     processingTimeMS: number;
     /**
      * Query used to perform the search
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     query: string;
     /**
      * GET parameters used to perform the search
-     * https://github.com/algolia/algoliasearch-client-js#response-format
+     * https://www.algolia.com/doc/api-reference/api-methods/search/?language=javascript#response
      */
     params: string;
     facets?: {
@@ -579,6 +604,16 @@ declare namespace algoliasearch {
         sum: number,
       };
     };
+    /**
+     * The index name is only set when searching multiple indices.
+     * https://www.algolia.com/doc/api-reference/api-methods/multiple-queries/?language=javascript#response
+     */
+    index?: string;
+    /**
+     * The cursor is only set when browsing the index.
+     * https://www.algolia.com/doc/api-reference/api-methods/browse/
+     */
+    cursor?: string;
   }
 
   interface MultiResponse {
diff --git a/types/ali-app/ali-app-tests.ts b/types/ali-app/ali-app-tests.ts
new file mode 100644
index 0000000000..a42301aed1
--- /dev/null
+++ b/types/ali-app/ali-app-tests.ts
@@ -0,0 +1,2153 @@
+(() => {
+	// https://docs.alipay.com/mini/api/ui-navigate
+	my.navigateTo({
+		url: 'new_page?count=100'
+	});
+	// test.js
+	Page({
+		onLoad(query: any) {
+			my.alert({
+				content: JSON.stringify(query),
+			});
+		}
+	});
+	my.redirectTo({
+		url: 'new_page?count=100'
+	});
+	// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，
+	// 而 redirectTo 方法则不会。见下方示例代码
+
+	// 此处是one页面
+	my.navigateTo({
+		url: 'two?pageId=10000'
+	});
+
+	// 此处是two页面
+	my.navigateTo({
+		url: 'one?pageId=99999'
+	});
+
+	// 在three页面内 navigateBack，将返回one页面
+	my.navigateBack({
+		delta: 2
+	});
+	my.reLaunch({
+		url: '/page/index'
+	});
+	my.setNavigationBar({
+		title: '你好',
+		backgroundColor: '#108ee9',
+		success() {
+			my.alert({
+				content: '设置成功',
+			});
+		},
+		fail() {
+			my.alert({
+				content: '设置是失败',
+			});
+		},
+	});
+	my.showNavigationBarLoading();
+	my.hideNavigationBarLoading();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-tabbar
+	my.switchTab({
+		url: '/home'
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-feedback
+	my.alert({
+		title: '亲',
+		content: '您本月的账单已出',
+		buttonText: '我知道了',
+		success: () => {
+			my.alert({
+				title: '用户点击了「我知道了」',
+			});
+		},
+	});
+	my.confirm({
+		title: '温馨提示',
+		content: '您是否想查询快递单号：1234567890',
+		confirmButtonText: '马上查询',
+		cancelButtonText: '暂不需要',
+		success: (result) => {
+			my.alert({
+				title: `${result.confirm}`,
+			});
+		},
+	});
+	my.prompt({
+		title: '标题单行',
+		message: '说明当前状态、提示用户解决方案，最好不要超过两行。',
+		placeholder: '给朋友留言',
+		okButtonText: '确定',
+		cancelButtonText: '取消',
+		success: (result) => {
+			my.alert({
+				title: JSON.stringify(result),
+			});
+		},
+	});
+	my.showToast({
+		type: 'success',
+		content: '操作成功',
+		duration: 3000,
+		success: () => {
+			my.alert({
+				title: 'toast 消失了',
+			});
+		},
+	});
+	my.hideToast();
+	my.showLoading({
+		content: '加载中...',
+		delay: 1000,
+	});
+
+	my.hideLoading();
+
+	Page({
+		onLoad() {
+			my.showLoading();
+			const that = this;
+			setTimeout(() => {
+				my.hideLoading({
+					page: that,  // 防止执行时已经切换到其它页面，page指向不准确
+				});
+			}, 4000);
+		}
+	});
+	my.showNavigationBarLoading();
+	my.hideNavigationBarLoading();
+	my.showActionSheet({
+		title: '支付宝-ActionSheet',
+		items: ['菜单一', '菜单二', '菜单三', '菜单四', '菜单五'],
+		badges: [
+			{ index: 0, type: 'none' },
+			{ index: 1, type: 'point' },
+			{ index: 2, type: 'num', text: '99' },
+			{ index: 3, type: 'text', text: '推荐' },
+			{ index: 4, type: 'more' }],
+		cancelButtonText: '取消好了',
+		success: (res) => {
+			const btn = res.index === -1 ? '取消' : `第${res.index}个`;
+			my.alert({
+				title: `你点了${btn}按钮`
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-pulldown
+	Page({
+		onPullDownRefresh() {
+			my.stopPullDownRefresh();
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-contact
+	my.choosePhoneContact({
+		success: (res) => {
+			my.alert({
+				content: `姓名：${res.name}\n号码：${res.mobile}`
+			});
+		}
+	});
+	my.chooseAlipayContact({
+		count: 2,
+		success: (res) => {
+			my.alert({
+				content: 'chooseAlipayContact response: ' + JSON.stringify(res)
+			});
+		},
+		fail: (res) => {
+			my.alert({
+				content: 'chooseAlipayContact response: ' + JSON.stringify(res)
+			});
+		}
+	});
+	my.chooseContact({
+		chooseType: 'multi', // 多选模式
+		includeMe: true,     // 包含自己
+		includeMobileContactMode: 'known', // 仅包含双向手机通讯录联系人，也即双方手机通讯录都存有对方号码的联系人
+		multiChooseMax: 3,  // 最多能选择三个联系人
+		multiChooseMaxTips: '超过选择的最大人数了',
+		success: (res) => {
+			my.alert({
+				content: 'chooseContact : ' + JSON.stringify(res)
+			});
+		},
+		fail: (res) => {
+			my.alert({
+				content: 'chooseContact : ' + JSON.stringify(res)
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-city
+	my.chooseCity({
+		cities: [
+			{
+				city: '朝阳区',
+				adCode: '110105',
+				spell: 'chaoyang'
+			},
+			{
+				city: '海淀区',
+				adCode: '110108',
+				spell: 'haidian'
+			},
+			{
+				city: '丰台区',
+				adCode: '110106',
+				spell: 'fengtai'
+			},
+			{
+				city: '东城区',
+				adCode: '110101',
+				spell: 'dongcheng'
+			},
+			{
+				city: '西城区',
+				adCode: '110102',
+				spell: 'xicheng'
+			},
+			{
+				city: '房山区',
+				adCode: '110111',
+				spell: 'fangshan'
+			}
+		],
+		hotCities: [
+			{
+				city: '朝阳区',
+				adCode: '110105'
+			},
+			{
+				city: '海淀区',
+				adCode: '110108'
+			},
+			{
+				city: '丰台区',
+				adCode: '110106'
+			}
+		],
+		success: (res) => {
+			my.alert({
+				content: `${res.city}:${res.adCode}`
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-date
+	my.datePicker({
+		format: 'yyyy-MM-dd',
+		currentDate: '2012-12-12',
+		startDate: '2012-12-10',
+		endDate: '2012-12-15',
+		success: (res) => {
+			my.alert({
+				content: res.date,
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-animation
+	const animation = my.createAnimation({
+		transformOrigin: "top right",
+		duration: 3000,
+		timeFunction: "ease-in-out",
+		delay: 100,
+	});
+	Page({
+		data: {
+			animationInfo: {}
+		},
+		onShow() {
+			const animation = my.createAnimation({
+				duration: 1000,
+				timeFunction: 'ease-in-out',
+			});
+
+			this.animation = animation;
+
+			animation.scale(3, 3).rotate(60).step();
+
+			this.setData({
+				animationInfo: animation.export()
+			});
+
+			setTimeout(() => {
+				animation.translate(35).step();
+				this.setData({
+					animationInfo: animation.export(),
+				});
+			}, 1500);
+		},
+		rotateAndScale(this: my.Page) {
+			// 旋转同时放大
+			this.animation.rotate(60).scale(3, 3).step();
+			this.setData({
+				animationInfo: this.animation.export(),
+			});
+		},
+		rotateThenScale(this: my.Page) {
+			// 先旋转后放大
+			this.animation.rotate(60).step();
+			this.animation.scale(3, 3).step();
+			this.setData({
+				animationInfo: this.animation.export(),
+			});
+		},
+		rotateAndScaleThenTranslate(this: my.Page) {
+			// 先旋转同时放大，然后平移
+			this.animation.rotate(60).scale(3, 3).step();
+			this.animation.translate(100, 100).step({ duration: 2000 });
+			this.setData({
+				animationInfo: this.animation.export()
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-canvas
+	const ctx = my.createCanvasContext('awesomeCanvas');
+	ctx.toTempFilePath({
+		success() { },
+	});
+
+	ctx.setTextAlign("left");
+	ctx.fillText("Hello world", 0, 100);
+
+	ctx.setTextBaseline("top");
+	ctx.fillText("Hello world", 0, 100);
+
+	ctx.setFillStyle('blue');
+	ctx.fillRect(50, 50, 100, 175);
+	ctx.draw();
+
+	ctx.setStrokeStyle('blue');
+	ctx.strokeRect(50, 50, 100, 175);
+	ctx.draw();
+
+	ctx.setFillStyle('red');
+	ctx.setShadow(15, 45, 45, 'yellow');
+	ctx.fillRect(20, 20, 100, 175);
+	ctx.draw();
+
+	const grd = ctx.createLinearGradient(10, 10, 150, 10);
+	grd.addColorStop(0, 'yellow');
+	grd.addColorStop(1, 'blue');
+
+	ctx.setFillStyle(grd);
+	ctx.fillRect(20, 20, 250, 180);
+	ctx.draw();
+
+	grd.addColorStop(0, 'blue');
+	grd.addColorStop(1, 'red');
+
+	ctx.setFillStyle(grd);
+	ctx.fillRect(20, 20, 250, 180);
+	ctx.draw();
+
+	grd.addColorStop(0.36, 'orange');
+	grd.addColorStop(0.56, 'cyan');
+	grd.addColorStop(0.63, 'yellow');
+	grd.addColorStop(0.76, 'blue');
+	grd.addColorStop(0.54, 'green');
+	grd.addColorStop(1, 'purple');
+	grd.addColorStop(0.4, 'red');
+
+	ctx.setFillStyle(grd);
+	ctx.fillRect(20, 20, 250, 180);
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.moveTo(20, 20);
+	ctx.lineTo(250, 10);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineWidth(10);
+	ctx.moveTo(20, 35);
+	ctx.lineTo(250, 30);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineWidth(20);
+	ctx.moveTo(20, 50);
+	ctx.lineTo(250, 55);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineWidth(25);
+	ctx.moveTo(20, 80);
+	ctx.lineTo(250, 85);
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.moveTo(10, 10);
+	ctx.lineTo(150, 10);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineCap('round');
+	ctx.setLineWidth(20);
+	ctx.moveTo(20, 70);
+	ctx.lineTo(250, 80);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineCap('butt');
+	ctx.setLineWidth(10);
+	ctx.moveTo(25, 80);
+	ctx.lineTo(250, 30);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineCap('square');
+	ctx.setLineWidth(10);
+	ctx.moveTo(35, 47);
+	ctx.lineTo(230, 120);
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.moveTo(20, 30);
+	ctx.lineTo(150, 70);
+	ctx.lineTo(20, 100);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineJoin('round');
+	ctx.setLineWidth(20);
+	ctx.moveTo(100, 20);
+	ctx.lineTo(280, 80);
+	ctx.lineTo(100, 100);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineJoin('bevel');
+	ctx.setLineWidth(20);
+	ctx.moveTo(60, 25);
+	ctx.lineTo(180, 80);
+	ctx.lineTo(90, 100);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineJoin('miter');
+	ctx.setLineWidth(15);
+	ctx.moveTo(130, 70);
+	ctx.lineTo(250, 50);
+	ctx.lineTo(230, 100);
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.setLineWidth(15);
+	ctx.setLineJoin('miter');
+	ctx.setMiterLimit(1);
+	ctx.moveTo(10, 10);
+	ctx.lineTo(100, 50);
+	ctx.lineTo(10, 90);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineWidth(15);
+	ctx.setLineJoin('miter');
+	ctx.setMiterLimit(2);
+	ctx.moveTo(50, 10);
+	ctx.lineTo(140, 50);
+	ctx.lineTo(50, 90);
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.setLineWidth(15);
+	ctx.setLineJoin('miter');
+	ctx.setMiterLimit(3);
+	ctx.moveTo(90, 10);
+	ctx.lineTo(180, 50);
+	ctx.lineTo(90, 90);
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.rect(20, 20, 250, 80);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+	ctx.draw();
+
+	ctx.fillRect(20, 20, 250, 80);
+	ctx.setFillStyle('blue');
+	ctx.draw();
+
+	ctx.setStrokeStyle('blue');
+	ctx.strokeRect(20, 20, 250, 80);
+	ctx.draw();
+
+	ctx.setFillStyle('blue');
+	ctx.fillRect(250, 10, 250, 200);
+	ctx.setFillStyle('yellow');
+	ctx.fillRect(0, 0, 150, 200);
+	ctx.clearRect(10, 10, 150, 75);
+	ctx.draw();
+
+	ctx.moveTo(20, 20);
+	ctx.lineTo(200, 20);
+	ctx.lineTo(200, 200);
+	ctx.fill();
+	ctx.draw();
+
+	ctx.rect(20, 20, 110, 40);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.rect(20, 30, 150, 40);
+
+	ctx.setFillStyle('yellow');
+	ctx.fillRect(20, 80, 150, 40);
+
+	ctx.rect(20, 150, 150, 40);
+
+	ctx.setFillStyle('red');
+	ctx.fill();
+	ctx.draw();
+
+	ctx.moveTo(20, 20);
+	ctx.lineTo(150, 10);
+	ctx.lineTo(150, 150);
+	ctx.stroke();
+	ctx.draw();
+
+	ctx.rect(10, 10, 100, 30);
+	ctx.setStrokeStyle('blue');
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.rect(20, 50, 150, 50);
+
+	ctx.setStrokeStyle('yellow');
+	ctx.strokeRect(15, 75, 200, 35);
+
+	ctx.rect(20, 200, 150, 30);
+
+	ctx.setStrokeStyle('red');
+	ctx.stroke();
+	ctx.draw();
+
+	ctx.rect(20, 20, 150, 50);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.rect(20, 50, 150, 40);
+
+	ctx.setFillStyle('yellow');
+	ctx.fillRect(20, 170, 150, 40);
+
+	ctx.rect(10, 100, 100, 30);
+
+	ctx.setFillStyle('red');
+	ctx.fill();
+	ctx.draw();
+
+	ctx.moveTo(20, 20);
+	ctx.lineTo(150, 20);
+	ctx.lineTo(150, 150);
+	ctx.closePath();
+	ctx.stroke();
+	ctx.draw();
+
+	ctx.rect(20, 20, 150, 50);
+	ctx.closePath();
+
+	ctx.beginPath();
+	ctx.rect(20, 50, 150, 40);
+
+	ctx.setFillStyle('red');
+	ctx.fillRect(20, 80, 120, 30);
+
+	ctx.rect(20, 150, 150, 40);
+
+	ctx.setFillStyle('blue');
+	ctx.fill();
+	ctx.draw();
+
+	ctx.moveTo(20, 20);
+	ctx.lineTo(150, 15);
+
+	ctx.moveTo(20, 55);
+	ctx.lineTo(120, 60);
+	ctx.stroke();
+	ctx.draw();
+
+	ctx.moveTo(20, 20);
+	ctx.rect(20, 20, 80, 30);
+	ctx.lineTo(120, 80);
+	ctx.stroke();
+	ctx.draw();
+
+	ctx.arc(200, 75, 50, 0, 2 * Math.PI);
+	ctx.setFillStyle('#CCCCCC');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.moveTo(50, 65);
+	ctx.lineTo(170, 80);
+	ctx.moveTo(200, 35);
+	ctx.lineTo(200, 235);
+	ctx.setStrokeStyle('#AAAAAA');
+	ctx.stroke();
+
+	ctx.setFontSize(12);
+	ctx.setFillStyle('yellow');
+	ctx.fillText('0', 165, 78);
+	ctx.fillText('0.6*PI', 96, 148);
+	ctx.fillText('1*PI', 15, 57);
+	ctx.fillText('1.7*PI', 94, 20);
+
+	ctx.beginPath();
+	ctx.arc(200, 85, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(200, 35, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('green');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(450, 60, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('red');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(150, 35, 50, 0, 1.8 * Math.PI);
+	ctx.setStrokeStyle('#666666');
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.arc(30, 30, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('red');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(250, 25, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(20, 100, 2, 0, 2 * Math.PI);
+	ctx.arc(200, 100, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('green');
+	ctx.fill();
+
+	ctx.setFillStyle('yellow');
+	ctx.setFontSize(14);
+
+	ctx.beginPath();
+	ctx.moveTo(30, 30);
+	ctx.lineTo(30, 100);
+	ctx.lineTo(150, 75);
+
+	ctx.moveTo(250, 30);
+	ctx.lineTo(250, 80);
+	ctx.lineTo(70, 75);
+	ctx.setStrokeStyle('#EEEEEE');
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.moveTo(30, 30);
+	ctx.bezierCurveTo(30, 150, 250, 150, 180, 20);
+	ctx.setStrokeStyle('black');
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.beginPath();
+	ctx.arc(30, 30, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('red');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(250, 20, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('blue');
+	ctx.fill();
+
+	ctx.beginPath();
+	ctx.arc(30, 200, 2, 0, 2 * Math.PI);
+	ctx.setFillStyle('green');
+	ctx.fill();
+
+	ctx.setFillStyle('black');
+	ctx.setFontSize(12);
+
+	ctx.beginPath();
+	ctx.moveTo(30, 30);
+	ctx.lineTo(30, 150);
+	ctx.lineTo(250, 30);
+	ctx.setStrokeStyle('#AAAAAA');
+	ctx.stroke();
+
+	ctx.beginPath();
+	ctx.moveTo(30, 30);
+	ctx.quadraticCurveTo(30, 150, 250, 25);
+	ctx.setStrokeStyle('black');
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.strokeRect(15, 15, 30, 25);
+	ctx.scale(3, 3);
+	ctx.strokeRect(15, 15, 30, 25);
+	ctx.scale(3, 3);
+	ctx.strokeRect(15, 15, 30, 25);
+
+	ctx.draw();
+
+	ctx.strokeRect(200, 20, 180, 150);
+	ctx.rotate(30 * Math.PI / 180);
+	ctx.strokeRect(200, 20, 180, 150);
+	ctx.rotate(30 * Math.PI / 180);
+	ctx.strokeRect(200, 20, 180, 150);
+
+	ctx.draw();
+
+	ctx.strokeRect(20, 20, 250, 80);
+	ctx.translate(30, 30);
+	ctx.strokeRect(20, 20, 250, 80);
+	ctx.translate(30, 30);
+	ctx.strokeRect(20, 20, 250, 80);
+
+	ctx.draw();
+
+	ctx.setFontSize(14);
+	ctx.fillText('14', 20, 20);
+	ctx.setFontSize(22);
+	ctx.fillText('22', 40, 40);
+	ctx.setFontSize(30);
+	ctx.fillText('30', 60, 60);
+	ctx.setFontSize(38);
+	ctx.fillText('38', 90, 90);
+
+	ctx.draw();
+
+	ctx.setFontSize(42);
+	ctx.fillText('Hello', 30, 30);
+	ctx.fillText('alipay', 200, 200);
+
+	ctx.draw();
+
+	ctx.drawImage('https://img.alicdn.com/tfs/TB1GvVMj2BNTKJjy0FdXXcPpVXa-520-280.jpg', 2, 2, 250, 80);
+	ctx.draw();
+
+	ctx.setFillStyle('yellow');
+	ctx.fillRect(10, 10, 150, 100);
+	ctx.setGlobalAlpha(0.2);
+	ctx.setFillStyle('blue');
+	ctx.fillRect(50, 50, 150, 100);
+	ctx.setFillStyle('red');
+	ctx.fillRect(100, 100, 150, 100);
+
+	ctx.draw();
+
+	ctx.setLineDash([5, 15, 25]);
+	ctx.beginPath();
+	ctx.moveTo(0, 100);
+	ctx.lineTo(400, 100);
+	ctx.stroke();
+
+	ctx.draw();
+
+	ctx.rotate(45 * Math.PI / 180);
+	ctx.setFillStyle('red');
+	ctx.fillRect(70, 0, 100, 30);
+
+	ctx.transform(1, 1, 0, 1, 0, 0);
+	ctx.setFillStyle('#000');
+	ctx.fillRect(0, 0, 100, 100);
+
+	ctx.draw();
+
+	ctx.rotate(45 * Math.PI / 180);
+	ctx.setFillStyle('red');
+	ctx.fillRect(70, 0, 100, 30);
+
+	ctx.setTransform(1, 1, 0, 1, 0, 0);
+	ctx.setFillStyle('#000');
+	ctx.fillRect(0, 0, 100, 100);
+
+	ctx.draw();
+
+	ctx.save();
+	ctx.setFillStyle('red');
+	ctx.fillRect(20, 20, 250, 80);
+
+	ctx.restore();
+	ctx.fillRect(60, 60, 155, 130);
+
+	ctx.draw();
+
+	ctx.setFillStyle('blue');
+	ctx.fillRect(20, 20, 180, 80);
+	ctx.draw();
+	ctx.fillRect(60, 60, 250, 120);
+	ctx.draw(true);
+
+	ctx.font = 'italic bold 50px cursive';
+	const { width } = ctx.measureText('hello world');
+	console.log(width);
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-map
+	Page({
+		onReady() {
+			// 使用 my.createMapContext 获取 map 上下文
+			this.mapCtx = my.createMapContext('userMap');
+		},
+		getCenterLocation(this: my.Page) {
+			(this.mapCtx as my.MapContext).getCenterLocation({
+				success(res) {
+					console.log(res.longitude);
+					console.log(res.latitude);
+				}
+			});
+		},
+		moveToLocation() {
+			this.mapCtx.moveToLocation();
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ui-hidekeyboard
+	my.hideKeyboard();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/scroll
+	my.pageScrollTo({
+		scrollTop: 100
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/selector-query
+	Page({
+		onReady() {
+			my.createSelectorQuery()
+				.select('#non-exists').boundingClientRect()
+				.select('#one').boundingClientRect()
+				.selectAll('.all').boundingClientRect()
+				.select('#scroll').scrollOffset()
+				.selectViewport().boundingClientRect()
+				.selectViewport().scrollOffset().exec((ret) => {
+					console.log(JSON.stringify(ret, null, 2));
+				});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/ewdxl3
+	my.multiLevelSelect({
+		title: 'nihao', // 级联选择标题
+		list: [
+			{
+				name: "杭州市", // 条目名称
+				subList: [
+					{
+						name: "西湖区",
+						subList: [
+							{
+								name: "古翠街道"
+							},
+							{
+								name: "文新街道"
+							}
+						]
+					},
+					{
+						name: "上城区",
+						subList: [
+							{
+								name: "延安街道"
+							},
+							{
+								name: "龙翔桥街道"
+							}
+						]
+					}
+				]// 级联子数据列表
+			}
+		]// 级联数据列表
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/openapi-authorize
+	my.getAuthCode({
+		scopes: 'auth_user',
+		success: (res) => {
+			my.alert({
+				content: res.authCode,
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/userinfo
+	my.getAuthCode({
+		scopes: 'auth_user',
+		success: (res) => {
+			my.getAuthUserInfo({
+				success: (userInfo) => {
+					my.alert({
+						content: userInfo.nickName
+					});
+					my.alert({
+						content: userInfo.avatar
+					});
+				}
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/openapi-pay
+	my.tradePay({
+		tradeNO: '201711152100110410533667792', // 调用统一收单交易创建接口（alipay.trade.create），获得返回字段支付宝交易号trade_no
+		success: (res) => {
+			my.alert({
+				content: JSON.stringify(res),
+			});
+		},
+		fail: (res) => {
+			my.alert({
+				content: JSON.stringify(res),
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/pay-sign
+	my.paySignCenter({
+		// tslint:disable-next-line:max-line-length
+		signStr: 'biz_content%3D%257B%2522access_params%2522%253A%257B%2522channel%2522%253A%2522ALIPAYAPP%2522%257D%252C%2522external_agreement_no%2522%253A%2522xidong___2317%2522%252C%2522external_logon_id%2522%253A%252213852852877%2522%252C%2522personal_product_code%2522%253A%2522GENERAL_WITHHOLDING_P%2522%252C%2522product_code%2522%253A%2522GENERAL_WITHHOLDING%2522%252C%2522sign_scene%2522%253A%2522INDUSTRY%257CCARRENTAL%2522%252C%2522third_party_type%2522%253A%2522PARTNER%2522%257D%26sign%3Df3pjBDTRftOwXWnCqAMAnkBfGTFlcMmZI8hEgmV6uREZRXVDuLsSjD8WO%252FeZ1fjDG8GqVO9t1AN7q6yCUHKX%252Bw%252FE7efXwpVDWldr4iVuXDtNd3UJDJUiRJhIm6b73czWacVzm1XIery%252F2DyKI2y08tBf5NNWuQCC3d%252FITxziTl8%253D%26timestamp%3D2017-06-27%2B14%253A44%253A00%26sign_type%3DRSA%26notify_url%3Dhttp%253A%252F%252Fapi.test.alipay.net%252Fatinterface%252Freceive_notify.htm%26charset%3DUTF-8%26app_id%3D2017060101317939%26method%3Dalipay.user.agreement.page.sign%26return_url%3Dhttp%253A%252F%252Fapi.test.alipay.net%252Fatinterface%252Freceive_notify.htm%26version%3D1.0',
+		success: (res) => {
+			my.alert({
+				title: 'success', // alert框的标题
+				content: JSON.stringify(res)
+			});
+		},
+		fail: (res) => {
+			my.alert({
+				title: 'fail', // alert框的标题
+				content: JSON.stringify(res)
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/card-voucher-ticket
+	my.openCardList();
+	my.openMerchantCardList({ partnerId: '2088xxxxx' });
+	// 传入passId来打开
+	my.openCardDetail({ passId: "11xxxxx" });
+	my.openVoucherList();
+	my.openMerchantVoucherList({ partnerId: '2088xxxx' });
+	// 传入passId来打开
+	my.openVoucherDetail({ passId: "20170921" });
+
+	// 传入partnerId 和 serialNumber来打开
+	my.openVoucherDetail({
+		partnerId: "2018xxxx",
+		serialNumber: "20170921"
+	});
+	// 传入passId来打开
+	my.openKBVoucherDetail({ passId: "20170921" });
+
+	// 传入partnerId 和 serialNumber来打开
+	my.openKBVoucherDetail({
+		partnerId: "2088xxxx",
+		serialNumber: "20170921"
+	});
+	my.openTicketList();
+	my.openMerchantTicketList({ partnerId: '2088xxxx' });
+	// 传入passId来打开
+	my.openTicketDetail({ passId: "20170921" });
+
+	// 传入partnerId 和 serialNumber来打开
+	my.openTicketDetail({
+		partnerId: "2088xxxx",
+		serialNumber: "20170921"
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/add-card-auth
+	my.addCardAuth({
+		url: '从 openapi 接口获取到的 url',
+		success: (res) => {
+			my.alert({ content: '授权成功' });
+		},
+		fail: (res) => {
+			my.alert({ content: '授权失败' });
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/zm-service
+	my.startZMVerify({
+		bizNo: 'your-biz-no',
+		success: (res) => {
+			my.alert({ title: 'success:' + JSON.stringify(res) });
+		},
+		fail: (res) => {
+			my.alert({ title: 'fail: ' + JSON.stringify(res) });
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/zmcreditborrow
+	my.zmCreditBorrow({
+		credit_biz: "",
+		out_order_no: "",
+		borrow_shop_name: "",
+		goods_name: "",
+		product_code: "w1010100000000002858",
+		rent_unit: "HOUR_YUAN",
+		rent_amount: "0.10",
+		deposit_amount: "0.50",
+		deposit_state: "Y",
+		invoke_return_url: "",
+		invoke_type: "TINYAPP",
+		borrow_time: "2017-04-27 10:01:01",
+		expiry_time: "2017-05-27 10:01:01",
+		rent_info: "2hour-free",
+		success: (res) => {
+			try {
+				const { resultStatus, result } = res;
+				switch (resultStatus) {
+					case '9000':
+						const callbackData = result.callbackData;
+						const decodedCallbackData = decodeURIComponent(callbackData);
+						const json = JSON.parse(decodedCallbackData.match(/{.*}/)!.toString());
+						const jsonStr = JSON.stringify(json, null, 4);
+						if (json.success === true || json.success === 'true') {
+							// 创建订单成功, 此时可以跳转到订单详情页面
+							my.alert({ content: '下单成功: ' + jsonStr });
+						} else {
+							// 创建订单失败, 请提示用户创建失败
+							my.alert({ content: '下单失败: ' + jsonStr });
+						}
+						// (this as any as my.Page).setData({
+						// 	callbackData,
+						// 	decodedCallbackData,
+						// 	parsedJSON: jsonStr,
+						// });
+						break;
+					case '6001':
+						// 用户点击返回, 取消此次服务, 此时可以给提示
+						my.alert({ content: '取消' });
+						break;
+					default:
+						break;
+				}
+			} catch (error) {
+				// 异常, 请在这里提示用户稍后重试
+				my.alert({
+					content: '异常' + JSON.stringify(error, null, 4)
+				});
+			}
+		},
+		fail: (error) => {
+			// 调用接口失败, 请在这里提示用户稍后重试
+			my.alert({
+				content: '调用失败' + JSON.stringify(error, null, 4)
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/templatemessage
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/text-identification
+	my.textRiskIdentification({
+		content: '加我支付宝',
+		type: ['keyword', '0', '1', '2', '3'],
+		success: (res) => {
+			my.alert({
+				title: 'ok', // alert 框的标题
+				content: JSON.stringify(res),
+			});
+		},
+		fail: (res) => {
+			my.alert({
+				title: 'fail', // alert 框的标题
+				content: JSON.stringify(res),
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/open-miniprogram
+	my.navigateToMiniProgram({
+		appId: 'xxxx',
+		extraData: {
+			data1: "test"
+		},
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		},
+		fail: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+	my.navigateBackMiniProgram({
+		extraData: {
+			data1: "test"
+		},
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		},
+		fail: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/webview-context
+	Page({
+		onLoad() {
+			this.webViewContext = my.createWebViewContext('web-view-1');
+		},
+		// 接收来自H5的消息
+		onMessage(e: any) {
+			console.log(e); // {'sendToMiniProgram': '0'}
+			// 向H5发送消息
+			this.webViewContext.postMessage({ sendToWebView: '1' });
+		}
+	});
+	// H5的js代码中需要先定义my.onMessage 用于接收来自小程序的消息。
+	my.onMessage = (e) => {
+		console.log(e); // {'sendToWebView': '1'}
+	};
+	// H5想小程序发送消息
+	my.postMessage({ sendToMiniProgram: '0' });
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/media-image
+	const img = null as any as HTMLImageElement;
+	my.chooseImage({
+		count: 2,
+		success: (res) => {
+			img.src = res.apFilePaths[0];
+		},
+	});
+	my.previewImage({
+		current: 2,
+		urls: [
+			'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg',
+			'https://img.alicdn.com/tps/TB1pfG4IFXXXXc6XXXXXXXXXXXX.jpg',
+			'https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg'
+		],
+	});
+	my.saveImage({
+		url: 'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg'
+	});
+	my.compressImage({
+		apFilePaths: ['https://resource/apmlcc0ed184daffc5a0d8da86b2f518cf7b.image'],
+		// level: 1,
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+	// 网络图片路径
+	my.getImageInfo({
+		src: 'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg',
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+
+	// apFilePath
+	my.chooseImage({
+		success: (res) => {
+			my.getImageInfo({
+				src: res.apFilePaths[0],
+				success: (res) => {
+					console.log(JSON.stringify(res));
+				}
+			});
+		},
+	});
+
+	// 相对路径
+	my.getImageInfo({
+		src: 'image/api.png',
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/storage
+	my.setStorage({
+		key: 'currentCity',
+		data: {
+			cityName: '杭州',
+			adCode: '330100',
+			spell: ' hangzhou',
+		},
+		success() {
+			my.alert({ content: '写入成功' });
+		}
+	});
+	my.setStorageSync({
+		key: 'currentCity',
+		data: {
+			cityName: '杭州',
+			adCode: '330100',
+			spell: ' hangzhou',
+		}
+	});
+	my.getStorage({
+		key: 'currentCity',
+		success(res) {
+			my.alert({ content: '获取成功：' + res.data.cityName });
+		},
+		fail(res) {
+			my.alert({ content: res.errorMessage });
+		}
+	});
+	const res = my.getStorageSync({ key: 'currentCity' });
+	my.alert({
+		content: JSON.stringify(res.data),
+	});
+	my.removeStorage({
+		key: 'currentCity',
+		success() {
+			my.alert({ content: '删除成功' });
+		}
+	});
+	my.removeStorageSync({
+		key: 'currentCity',
+	});
+	my.clearStorage();
+	my.clearStorageSync();
+	my.getStorageInfo({
+		success(res) {
+			console.log(res.keys);
+			console.log(res.currentSize);
+			console.log(res.limitSize);
+		}
+	});
+	const res1 = my.getStorageInfoSync();
+	console.log(res1.keys);
+	console.log(res1.currentSize);
+	console.log(res1.limitSize);
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/file
+	my.chooseImage({
+		success: (res) => {
+			my.saveFile({
+				apFilePath: res.apFilePaths[0],
+				success: (res) => {
+					console.log(JSON.stringify(res));
+				},
+			});
+		},
+	});
+	my.getFileInfo({
+		apFilePath: 'https://resource/apml953bb093ebd2834530196f50a4413a87.video',
+		digestAlgorithm: 'sha1',
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+	my.getSavedFileInfo({
+		apFilePath: 'https://resource/apml953bb093ebd2834530196f50a4413a87.video',
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+	my.getSavedFileList({
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		}
+	});
+	my.getSavedFileList({
+		success: (res) => {
+			my.removeSavedFile({
+				apFilePath: res.fileList[0].apFilePath,
+				success: (res) => {
+					console.log('remove success');
+				}
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/location
+	my.getLocation({
+		success(res) {
+			my.hideLoading();
+			console.log(res);
+			/* that对象为Page可以设置数据刷新界面
+			that.setData({
+			  hasLocation: true,
+			  location: formatLocation(res.longitude, res.latitude)
+			})
+			*/
+		},
+		fail() {
+			my.hideLoading();
+			my.alert({ title: '定位失败' });
+		},
+	});
+	my.openLocation({
+		longitude: '121.549697',
+		latitude: '31.227250',
+		name: '支付宝',
+		address: '杨高路地铁站',
+	});
+	my.chooseLocation({
+		success: (res) => {
+			console.log(res);
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/network
+	my.httpRequest({
+		url: 'http://httpbin.org/post',
+		method: 'POST',
+		data: {
+			from: '支付宝',
+			production: 'AlipayJSAPI',
+		},
+		dataType: 'json',
+		success(res) {
+			my.alert({ content: 'success' });
+		},
+		fail(res) {
+			my.alert({ content: 'fail' });
+		},
+		complete(res) {
+			my.hideLoading();
+			my.alert({ content: 'complete' });
+		}
+	});
+	my.uploadFile({
+		url: '请使用自己服务器地址',
+		fileType: 'image',
+		fileName: 'file',
+		filePath: '...',
+		success: (res) => {
+			my.alert({
+				content: '上传成功'
+			});
+		},
+	});
+	my.downloadFile({
+		url: 'http://img.alicdn.com/tfs/TB1x669SXXXXXbdaFXXXXXXXXXX-520-280.jpg',
+		success({ apFilePath }) {
+			my.previewImage({
+				urls: [apFilePath],
+			});
+		},
+		fail(res) {
+			my.alert({
+				content: res.errorMessage || res.error,
+			});
+		},
+	});
+	my.connectSocket({
+		url: 'test.php',
+		data: {},
+		header: {
+			'content-type': 'application/json'
+		},
+		method: 'GET'
+	});
+	my.connectSocket({
+		url: 'test.php',
+	});
+
+	my.onSocketOpen(() => {
+		console.log('WebSocket 连接已打开！');
+	});
+	Page({
+		onLoad() {
+			this.callback = this.callback.bind(this);
+			my.onSocketOpen(this.callback);
+		},
+		onUnload() {
+			my.offSocketOpen(this.callback);
+		},
+		callback() {
+		},
+	});
+	my.connectSocket({
+		url: '开发者的服务器地址'
+	});
+
+	my.onSocketOpen(() => {
+		console.log('WebSocket 连接已打开！');
+	});
+
+	my.onSocketError(() => {
+		console.log('WebSocket 连接打开失败，请检查！');
+	});
+	Page({
+		onLoad() {
+			this.callback = this.callback.bind(this);
+			my.onSocketError(this.callback);
+		},
+		onUnload() {
+			my.offSocketError(this.callback);
+		},
+		callback() {
+			my.sendSocketMessage({
+				data: this.data.toSendMessage, // 需要发送的内容
+				success: (res) => {
+					my.alert({ content: '数据发送！' + this.data.toSendMessage });
+				},
+			});
+		},
+	});
+	my.connectSocket({
+		url: '服务器地址'
+	});
+
+	my.onSocketMessage((res) => {
+		console.log('收到服务器内容：' + res.data);
+	});
+	my.onSocketOpen(() => {
+		my.closeSocket();
+	});
+
+	my.onSocketClose(() => {
+		console.log('WebSocket 已关闭！');
+	});
+	Page({
+		// onLoad() {
+		onLaunch() {
+			// 注意： 回调方法的注册在整个小程序启动阶段只要做一次，调多次会有多次回调
+			my.onSocketClose(() => {
+				my.alert({ content: '连接已关闭！' });
+				this.setData({
+					sendMessageAbility: false,
+					closeLinkAbility: false,
+				});
+			});
+			// 注意： 回调方法的注册在整个小程序启动阶段只要做一次，调多次会有多次回调
+			my.onSocketOpen(() => {
+				my.alert({ content: '连接已打开！' });
+				this.setData({
+					sendMessageAbility: true,
+					closeLinkAbility: true,
+				});
+			});
+
+			my.onSocketError((res) => {
+				my.alert({ content: 'WebSocket 连接打开失败，请检查！' + res });
+			});
+
+			// 注意： 回调方法的注册在整个小程序启动阶段只要做一次，调多次会有多次回调
+			my.onSocketMessage((res) => {
+				my.alert({ content: '收到数据！' + JSON.stringify(res) });
+			});
+		},
+		connect_start() {
+			my.connectSocket({
+				url: '服务器地址', // 开发者服务器接口地址，必须是 wss 协议，且域名必须是后台配置的合法域名
+				success: (res) => {
+					my.showToast({
+						content: 'success', // 文字内容
+					});
+				},
+				fail: () => {
+					my.showToast({
+						content: 'fail', // 文字内容
+					});
+				}
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/can-i-use
+	my.canIUse('getFileInfo');
+	my.canIUse('closeSocket.object.code');
+	my.canIUse('getLocation.object.type');
+	my.canIUse('getSystemInfo.return.brand');
+	my.canIUse('lifestyle');
+	my.canIUse('button.open-type.share');
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/sdk-version
+	console.log(my.SDKVersion);
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/system-info
+	Page({
+		data: {
+			systemInfo: {}
+		},
+		getSystemInfoPage(this: my.Page) {
+			my.getSystemInfo({
+				success: (res) => {
+					this.setData({
+						systemInfo: res
+					});
+				}
+			});
+		},
+	});
+	Page({
+		data: {
+			systemInfo: {}
+		},
+		getSystemInfoSyncPage(this: my.Page) {
+			this.setData({
+				systemInfo: my.getSystemInfoSync()
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/network-status
+	Page({
+		data: {
+			hasNetworkType: false
+		},
+		getNetworkType(this: my.Page) {
+			my.getNetworkType({
+				success: (res) => {
+					this.setData({
+						hasNetworkType: true,
+						networkType: res.networkType
+					});
+				}
+			});
+		},
+		clear(this: my.Page) {
+			this.setData({
+				hasNetworkType: false,
+				networkType: ''
+			});
+		},
+	});
+	my.onNetworkStatusChange((res) => {
+		console.log(JSON.stringify(res));
+	});
+	my.offNetworkStatusChange();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/clipboard
+	Page({
+		data: {
+			text: '3.1415926',
+			copy: '',
+		},
+
+		handlePaste(this: my.Page) {
+			my.getClipboard({
+				success: ({ text }) => {
+					this.setData({ copy: text });
+				},
+			});
+		},
+	});
+	Page({
+		data: {
+			text: '3.1415926',
+			copy: '',
+		},
+
+		handleCopy() {
+			my.setClipboard({
+				text: this.data.text,
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/shake
+	Page({
+		watchShake() {
+			my.watchShake({
+				success() {
+					console.log('动起来了');
+					my.alert({ title: '动起来了 o.o' });
+				}
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/vibrate
+	Page({
+		vibrate() {
+			my.vibrate({
+				success: () => {
+					my.alert({ title: '震动起来了' });
+				}
+			});
+		},
+	});
+	Page({
+		vibrateLong() {
+			my.vibrateLong({
+				success: () => {
+					my.alert({ title: '震动起来了' });
+				}
+			});
+		},
+	});
+	Page({
+		vibrateShort() {
+			my.vibrateShort({
+				success: () => {
+					my.alert({ title: '震动起来了' });
+				}
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/macke-call
+	Page({
+		makePhoneCall() {
+			my.makePhoneCall({ number: '95888' });
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/get-server-time
+	// getServerTime(){
+	// 	my.getServerTime({
+	// 		success: (res) => {
+	// 			my.alert({
+	// 				title: res.time,
+	// 			});
+	// 		},
+	// 	});
+	// };
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/user-capture-screen
+	my.onUserCaptureScreen(() => {
+		my.alert({
+			content: '收到用户截屏事件'
+		});
+	});
+	my.offUserCaptureScreen();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/screen-brightness
+	my.setKeepScreenOn({
+		keepScreenOn: true,
+		success: (res) => {
+		},
+		fail: (res) => {
+		},
+	});
+	my.getScreenBrightness({
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		},
+		fail: (res) => {
+		},
+	});
+	my.setScreenBrightness({
+		brightness: 0.5,
+		success: (res) => {
+			console.log(JSON.stringify(res));
+		},
+		fail: (res) => {
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/show-auth-guide
+	my.showAuthGuide({
+		authType: 'LBSSERVICE'
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/scan
+	Page({
+		scan() {
+			my.scan({
+				type: 'qr',
+				success: (res) => {
+					my.alert({ title: res.code });
+				},
+			});
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/bluetooth-intro
+	// 初始化
+	my.openBluetoothAdapter({
+		success: (res) => {
+			console.log(res);
+		}
+	});
+	// 注册发现事件
+	my.onBluetoothDeviceFound({
+		success: (res) => {
+			const device = res.devices[0];
+			// 连接发现的设备
+			my.connectBLEDevice({
+				deviceId,
+				success: (res) => {
+					console.log(res);
+				},
+				fail: (res) => {
+				},
+				complete: (res) => {
+				}
+			});
+			// 停止搜索
+			my.stopBluetoothDevicesDiscovery({
+				success: (res) => {
+					console.log(res);
+				},
+				fail: (res) => {
+				},
+				complete: (res) => {
+				}
+			});
+		}
+	});
+	const deviceId = 'test';
+	const serviceId = 'test';
+	const characteristicId = 'test';
+	// 注册连接事件
+	my.onBLEConnectionStateChanged({
+		success: (res) => {
+			console.log(res);
+			if (res.connected) {
+				// 开始读写notify等操作
+				my.notifyBLECharacteristicValueChange({
+					deviceId,
+					serviceId,
+					characteristicId,
+					success: (res) => {
+						console.log(res);
+					},
+					fail: (res) => {
+					},
+					complete: (res) => {
+					}
+				});
+			}
+		}
+	});
+	// 注册接收read或notify的数据
+	my.onBLECharacteristicValueChange({
+		success: (res) => {
+			console.log(res);
+		}
+	});
+	// 开始搜索
+	my.startBluetoothDevicesDiscovery({
+		services: ['fff0'],
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+
+	// 断开连接
+	my.disconnectBLEDevice({
+		deviceId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+
+	// 注销事件
+	my.offBluetoothDeviceFound();
+	my.offBLEConnectionStateChanged();
+	my.offBLECharacteristicValueChange();
+
+	// 退出蓝牙模块
+	my.closeBluetoothAdapter({
+		success: (res) => {
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/bluetooth-api
+	my.openBluetoothAdapter({
+		success: (res) => {
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.closeBluetoothAdapter({
+		success: (res) => {
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.getBluetoothAdapterState({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.startBluetoothDevicesDiscovery({
+		services: ['fff0'],
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.stopBluetoothDevicesDiscovery({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.getBluetoothDevices({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.getConnectedBluetoothDevices({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	const deviceId = 'test';
+	const serviceId = 'test';
+	const characteristicId = 'test';
+	my.connectBLEDevice({
+		// 这里的 deviceId 需要在上面的 getBluetoothDevices 或 onBluetoothDeviceFound 接口中获取
+		deviceId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.disconnectBLEDevice({
+		deviceId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.writeBLECharacteristicValue({
+		deviceId,
+		serviceId,
+		characteristicId,
+		value: 'fffe',
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.readBLECharacteristicValue({
+		deviceId,
+		serviceId,
+		characteristicId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.notifyBLECharacteristicValueChange({
+		deviceId,
+		serviceId,
+		characteristicId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.getBLEDeviceServices({
+		deviceId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	my.getBLEDeviceCharacteristics({
+		deviceId,
+		serviceId,
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+	Page({
+		onLoad() {
+			this.callback = this.callback.bind(this);
+			my.onBluetoothDeviceFound(this.callback);
+		},
+		onUnload() {
+			my.offBluetoothDeviceFound(this.callback);
+		},
+		callback(res: any) {
+			console.log(res);
+		},
+	});
+	my.offBluetoothDeviceFound();
+	Page({
+		onLoad() {
+			this.callback = this.callback.bind(this);
+			my.onBLECharacteristicValueChange(this.callback);
+		},
+		onUnload() {
+			my.offBLECharacteristicValueChange(this.callback);
+		},
+		callback(res: any) {
+			console.log(res);
+		},
+	});
+	my.offBLECharacteristicValueChange();
+	my.offBLEConnectionStateChanged();
+	my.offBluetoothAdapterStateChange();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/yqleyc
+	my.startBeaconDiscovery({
+		uuids: ['uuid1', 'uuid2'],
+		success: (res) => {
+			console.log(res);
+		},
+		fail: () => {
+		},
+		complete: () => {
+		}
+	});
+
+	my.stopBeaconDiscovery({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+
+	my.getBeacons({
+		success: (res) => {
+			console.log(res);
+		},
+		fail: (res) => {
+		},
+		complete: (res) => {
+		}
+	});
+
+	my.onBeaconUpdate({
+		success: (res) => {
+		},
+	});
+
+	my.onBeaconServiceChange({
+		success: (res) => {
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/data-safe
+	Page({
+		data: {
+			inputValue: '',
+			outputValue: '',
+		},
+		onInput(this: my.Page, e: any) {
+			this.setData({ inputValue: e.detail.value });
+		},
+		onEncrypt(this: my.Page) {
+			my.rsa({
+				action: 'encrypt',
+				// 设置公钥
+				// tslint:disable-next-line:max-line-length
+				key: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDKmi0dUSVQ04hL6GZGPMFK8+d6\nGzulagP27qSUBYxIJfE04KT+OHVeFFb6K+8nWDea5mkmZrIgp022zZVDgdWPNM62\n3ouBwHlsfm2ekey8PpQxfXaj8lhM9t8rJlC4FEc0s8Qp7Q5/uYrowQbT9m6t7BFK\n3egOO2xOKzLpYSqfbQIDAQAB',
+				text: this.data.inputValue,
+				success: (result) => {
+					this.setData({ outputValue: result.text });
+				},
+				fail(e) {
+					my.alert({
+						content: e.errorMessage || e.error,
+					});
+				},
+			});
+		},
+		onDecrypt(this: my.Page) {
+			my.rsa({
+				action: 'decrypt',
+				text: this.data.inputValue,
+				// 设置私钥
+				// tslint:disable-next-line:prefer-template
+				key: 'MIICdwIBADANBgkqhkiG9w0BAQEFAASCAmEwggJdAgEAAoGBAMqaLR1RJVDTiEvo\n' +
+					'ZkY8wUrz53obO6VqA/bupJQFjEgl8TTgpP44dV4UVvor7ydYN5rmaSZmsiCnTbbN\n' +
+					'lUOB1Y80zrbei4HAeWx+bZ6R7Lw+lDF9dqPyWEz23ysmULgURzSzxCntDn+5iujB\n' +
+					'BtP2bq3sEUrd6A47bE4rMulhKp9tAgMBAAECgYBjsfRLPdfn6v9hou1Y2KKg+F5K\n' +
+					'ZsY2AnIK+6l+sTAzfIAx7e0ir7OJZObb2eyn5rAOCB1r6RL0IH+MWaN+gZANNG9g\n' +
+					'pXvRgcZzFY0oqdMZDuSJjpMTj7OEUlPyoGncBfvjAg0zdt9QGAG1at9Jr3i0Xr4X\n' +
+					'6WrFhtfVlmQUY1VsoQJBAPK2Qj/ClkZNtrSDfoD0j083LcNICqFIIGkNQ+XeuTwl\n' +
+					'+Gq4USTyaTOEe68MHluiciQ+QKvRAUd4E1zeZRZ02ikCQQDVscINBPTtTJt1JfAo\n' +
+					'wRfTzA0Lvgig136xLLeQXREcgq1lzgkf+tGyUGYoy9BXsV0mOuYAT9ldja4jhJeq\n' +
+					'cEulAkEAuSJ5KjV9dyb0RIFAz5C8d8o5KAodwaRIxJkPv5nCZbT45j6t9qbJxDg8\n' +
+					'N+vghDlHI4owvl5wwVlAO8iQBy8e8QJBAJe9CVXFV0XJR/n/XnER66FxGzJjVi0f\n' +
+					'185nOlFARI5CHG5VxxT2PUCo5mHBl8ctIj+rQvalvGs515VQ6YEVDCECQE3S0AU2\n' +
+					'BKyFVNtTpPiTyRUWqig4EbSXwjXdr8iBBJDLsMpdWsq7DCwv/ToBoLg+cQ4Crc5/\n5DChU8P30EjOiEo=',
+				success: (result) => {
+					this.setData({ outputValue: result.text });
+				},
+				fail(e) {
+					my.alert({
+						content: e.errorMessage || e.error,
+					});
+				},
+			});
+		},
+	});
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/share_app
+	Page({
+		onShareAppMessage() {
+			return {
+				title: '小程序示例',
+				desc: '小程序官方示例Demo，展示已支持的接口能力及组件。',
+				path: 'page/component/component-pages/view/view?param=123'
+			};
+		},
+	});
+
+	my.hideShareMenu();
+})();
+
+(() => {
+	// https://docs.alipay.com/mini/api/report
+	my.reportAnalytics('purchase', {
+		status: 200,
+		reason: 'ok'
+	});
+})();
diff --git a/types/ali-app/index.d.ts b/types/ali-app/index.d.ts
new file mode 100644
index 0000000000..82f7b2bf27
--- /dev/null
+++ b/types/ali-app/index.d.ts
@@ -0,0 +1,3265 @@
+// Type definitions for ali-app 1.0
+// Project: https://docs.alipay.com/mini/api/overview (Does not have to be to GitHub, but prefer linking to a source code repository rather than to a project website.)
+// Definitions by: taoqf <https://github.com/taoqf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+// 公共部分
+declare namespace my {
+	// #region 基本参数
+	interface DataResponse {
+		/** 回调函数返回的内容 */
+		data: any;
+		/** 开发者服务器返回的 HTTP 状态码 */
+		status: number;
+		/** 开发者服务器返回的 HTTP Response Header */
+		headers: object;
+	}
+	interface ErrMsgResponse {
+		/** 成功：ok，错误：详细信息 */
+		errMsg: "ok" | string;
+	}
+	interface TempFileResponse {
+		/** 文件的临时路径 */
+		apFilePath: string;
+	}
+	interface BaseOptions<R = any, E = any> {
+		/** 接口调用成功的回调函数 */
+		success?(res: R): void;
+		/** 接口调用失败的回调函数 */
+		fail?(res: E): void;
+		/** 接口调用结束的回调函数（调用成功、失败都会执行） */
+		complete?(res: any): void;
+	}
+	interface ErrCodeResponse {
+		errCode: number;
+	}
+	// #endregion
+}
+
+// 界面
+declare namespace my {
+	//#region 导航栏 https://docs.alipay.com/mini/api/ui-navigate
+	interface NavigateToOptions extends BaseOptions {
+		/** 需要跳转的应用内页面的路径 */
+		url: string;
+	}
+	/**
+	 * 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
+	 *
+	 * 注意：为了不让用户在使用小程序时造成困扰，
+	 * 我们规定页面路径只能是五层，请尽量避免多层级的交互方式。
+	 */
+	function navigateTo(options: NavigateToOptions): void;
+
+	interface RedirectToOptions extends BaseOptions {
+		/** 需要跳转的应用内页面的路径 */
+		url: string;
+	}
+	/**
+	 * 关闭当前页面，跳转到应用内的某个页面。
+	 */
+	function redirectTo(options: RedirectToOptions): void;
+
+	interface NavigateBackOptions extends BaseOptions {
+		/** 返回的页面数，如果 delta 大于现有打开的页面数，则返回到首页 */
+		delta: number;
+	}
+	/**
+	 * 关闭当前页面，返回上一级或多级页面。可通过 getCurrentPages 获取当前的页面栈信息，决定需要返回几层。
+	 */
+	function navigateBack(options?: NavigateBackOptions): void;
+
+	interface ReLaunchOptions extends BaseOptions {
+		/**
+		 * 需要跳转的应用内页面路径 , 路径后可以带参数。
+		 * 参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔
+		 * 如 'path?key=value&key2=value2'，如果跳转的页面路径是 tabBar 页面则不能带参数
+		 */
+		url: string;
+	}
+	/**
+	 * 关闭所有页面，打开到应用内的某个页面。
+	 */
+	function reLaunch(options?: ReLaunchOptions): void;
+
+	interface SetNavigationBarOptions extends BaseOptions {
+		/** 页面标题 */
+		title: string;
+		/** 图片连接地址，必须是https，请使用3x高清图片。若设置了image则title参数失效 */
+		image: string;
+		/** 导航栏背景色，支持十六进制颜色值 */
+		backgroundColor: string;
+		/** 导航栏底部边框颜色，支持十六进制颜色值。若设置了 backgroundColor，则borderBottomColor 不会生效，默认会和 backgroundColor 颜色一样 */
+		borderBottomColor: string;
+		/** 是否重置导航栏为支付宝默认配色，默认 false */
+		reset: boolean;
+	}
+	/**
+	 * 动态设置当前页面的标题。
+	 */
+	function setNavigationBar(options: Partial<SetNavigationBarOptions>): void;
+
+	/**
+	 * 显示导航栏 loading
+	 */
+	function showNavigationBarLoading(): void;
+
+	/** 隐藏导航栏 loading。 */
+	function hideNavigationBarLoading(): void;
+	//#endregion
+
+	//#region TabBar https://docs.alipay.com/mini/api/ui-tabbar
+	interface SwitchTabOptions extends BaseOptions {
+		/**
+		 * 需要跳转的 tabBar 页面的路径
+		 * （需在 app.json 的 tabBar 字段定义的页面），路径后不能带参数
+		 */
+		url: string;
+	}
+	/**
+	 * 跳转到指定 tabBar 页面，并关闭其他所有非 tabBar 页面
+	 */
+	function switchTab(options: SwitchTabOptions): void;
+	//#endregion
+
+	//#region 交互反馈 https://docs.alipay.com/mini/api/ui-feedback
+
+	interface AlertOptions extends BaseOptions {
+		/** alert框的标题 */
+		title: string;
+		/** alert框的内容 */
+		content: string;
+		/** 按钮文字，默认确定 */
+		buttonText: string;
+	}
+	function alert(options: Partial<AlertOptions>): void;
+
+	interface ConfirmOptions extends BaseOptions {
+		/** confirm框的标题 */
+		title: string;
+		/** confirm框的内容 */
+		content: string;
+		/** 确认按钮文字，默认‘确定’ */
+		confirmButtonText: string;
+		/** 确认按钮文字，默认‘取消’ */
+		cancelButtonText: string;
+		success(result: { confirm: boolean; }): void;
+	}
+	function confirm(options: Partial<ConfirmOptions>): void;
+
+	interface PromptOptions extends BaseOptions {
+		/** prompt框标题 */
+		title?: string;
+		/** prompt框文本，默认‘请输入内容’ */
+		message?: string;
+		/** 输入框内的提示文案 */
+		placeholder?: string;
+		/** message对齐方式，可用枚举left/center/right，iOS ‘center’, android ‘left’ */
+		align?: 'left' | 'center' | 'right' | string;
+		/** 确认按钮文字，默认‘确定’ */
+		okButtonText: string;
+		/** 确认按钮文字，默认‘取消’ */
+		cancelButtonText: string;
+		success(result: { ok: boolean; inputValue: string; }): void;
+	}
+	function prompt(options: PromptOptions): void;
+
+	interface ToastOptions extends BaseOptions {
+		/**
+		 * 文字内容
+		 */
+		content: string;
+		/** toast 类型，展示相应图标，默认 none，支持 success / fail / exception / none’。其中 exception 类型必须传文字信息 */
+		type?: 'none' | 'success' | 'fail' | 'exception' | string;
+		/**
+		 * 显示时长，单位为 ms，默认 2000
+		 */
+		duration?: number;
+	}
+	/**
+	 * 显示消息提示框
+	 */
+	function showToast(options: Partial<ToastOptions>): void;
+	function hideToast(): void;
+
+	interface LoadingOptions extends BaseOptions {
+		/**
+		 * loading的文字内容
+		 */
+		content?: string;
+		/**
+		 * 延迟显示，单位 ms，默认 0。如果在此时间之前调用了 my.hideLoading 则不会显示
+		 */
+		delay?: number;
+	}
+	/**
+	 * 显示加载提示
+	 */
+	function showLoading(options?: LoadingOptions): void;
+	interface HideLoadingOptions {
+		/**
+		 * 体指当前page实例，某些场景下，需要指明在哪个page执行hideLoading。
+		 */
+		page: any;
+	}
+	/**
+	 * 隐藏消息提示框
+	 */
+	function hideLoading(options?: HideLoadingOptions): void;
+
+	interface Badge {
+		/** 需要飘红的选项的索引，从0开始 */
+		index: number;
+		/**
+		 * 飘红类型，支持 none（无红点）/ point（纯红点） / num（数字红点）/ text（文案红点）/ more（...）
+		 *
+		 */
+		type: 'none' | 'point' | 'num' | 'text' | 'more' | string;
+
+		/**
+		 * 自定义飘红文案：
+		 *
+		 * 1、type为none/point/more时本文案可不填
+		 * 2、type为num时本文案为小数或<=0均不显示, >100 显示"..."
+		 */
+		text: string;
+	}
+	interface ActionSheetOptions extends BaseOptions {
+		/** 菜单标题 */
+		title?: string;
+		/**
+		 * 菜单按钮文字数组
+		 */
+		items: string[];
+		/**
+		 * 取消按钮文案。默认为‘取消’。注：Android平台此字段无效，不会显示取消按钮。
+		 */
+		cancelButtonText?: string;
+		/**
+		 * （iOS特殊处理）指定按钮的索引号，从0开始，使用场景：需要删除或清除数据等类似场景，默认红色
+		 */
+		destructiveBtnIndex?: number;
+		/**
+		 * 需飘红选项的数组，数组内部对象字段见下表
+		 */
+		badges?: Array<Partial<Badge>>;
+		/**
+		 * 接口调用成功的回调函数
+		 */
+		success?(res: {
+			/**
+			 * 用户点击的按钮，从上到下的顺序，从0开始
+			 */
+			index: number;
+		}): void;
+	}
+	/**
+	 * 显示操作菜单
+	 */
+	function showActionSheet(options: ActionSheetOptions): void;
+	//#endregion
+
+	//#region 下拉刷新 https://docs.alipay.com/mini/api/ui-pulldown
+	/**
+	 * Page 实现的接口对象
+	 */
+	interface PageOptions {
+		/**
+		 * 下拉刷新
+		 * 在 Page 中定义 onPullDownRefresh 处理函数，监听该页面用户下拉刷新事件。
+		 * 需要在页面对应的 .json 配置文件中配置 "pullRefresh": true 选项，才能开启下拉刷新事件。
+		 * 当处理完数据刷新后，调用 my.stopPullDownRefresh 可以停止当前页面的下拉刷新。
+		 */
+		onPullDownRefresh?(this: Page): void;
+	}
+	/**
+	 * 停止当前页面的下拉刷新。
+	 */
+	function stopPullDownRefresh(): void;
+	//#endregion
+
+	//#region 联系人 https://docs.alipay.com/mini/api/ui-contact
+	interface ChoosePhoneContactOptions extends BaseOptions {
+		success(result: {
+			name: string;	// 选中的联系人姓名
+			mobile: string;	// 选中的联系人手机号
+		}): void;
+		/**
+		 * 10	没有权限
+		 * 11	用户取消操作(或设备未授权使用通讯录)
+		 */
+		fail?(error: 10 | 11): void;
+	}
+	/**
+	 * 选择本地系统通信录中某个联系人的电话。
+	 */
+	function choosePhoneContact(options: ChoosePhoneContactOptions): void;
+
+	interface ChooseAlipayContactOptions extends BaseOptions {
+		/** 单次最多选择联系人个数，默认 1，最大 10 */
+		count: number;
+		success(result: {
+			realName: string;	// 账号的真实姓名
+			mobile: string;		// 账号对应的手机号码
+			email: string;		// 账号的邮箱
+			avatar: string;		// 账号的头像链接
+			userId: string;		// 支付宝账号唯一 userId
+		}): void;
+		/**
+		 * 10	没有权限
+		 * 11	用户取消操作(或设备未授权使用通讯录)
+		 */
+		fail?(error: 10 | 11): void;
+	}
+	/**
+	 * 唤起支付宝通讯录，选择一个或者多个支付宝联系人。
+	 */
+	function chooseAlipayContact(options: ChooseAlipayContactOptions): void;
+
+	interface ContactsDic {
+		/**
+		 * 支付宝账号唯一 userId
+		 */
+		userId: string;
+		/**
+		 * 账号的头像链接
+		 */
+		avatar: string;
+		/**
+		 * 账号对应的手机号码
+		 */
+		mobile: string;
+		/**
+		 * 账号的真实姓名
+		 */
+		realName: string;
+		/**
+		 * 账号的显示名称：也即支付宝设置的备注名称，默认为朋友圈里面的昵称
+		 */
+		displayName: string;	// 账号的显示名称：也即支付宝设置的备注名称，默认为朋友圈里面的昵称
+	}
+	interface ChooseContactOptions extends BaseOptions {
+		/** 选择类型，值为single（单选）或者 multi（多选） */
+		chooseType: 'single' | 'multi' | string;
+		/** 包含手机通讯录联系人的模式：默认为不包含（none）、或者仅仅包含双向通讯录联系人（known）、或者包含手机通讯录联系人（all） */
+		includeMobileContactMode?: 'none' | 'known' | 'all' | string;
+		/** 是否包含自己 */
+		includeMe?: boolean;
+		/** 最大选择人数，仅 chooseType 为 multi 时才有效 */
+		multiChooseMax?: number;
+		/** 多选达到上限的文案，仅 chooseType 为 multi 时才有效 */
+		multiChooseMaxTips?: string;
+
+		success(result: {
+			contactsDicArray: ContactsDic[];
+		}): void;
+	}
+	/**
+	 * 唤起选人组件，默认只包含支付宝联系人，可以通过修改参数包含手机通讯录联系人或者双向通讯录联系人。
+	 */
+	function chooseContact(options: ChooseContactOptions): void;
+	//#endregion
+
+	//#region 选择城市 https://docs.alipay.com/mini/api/ui-city
+	interface City {
+		city: string;	// 城市名
+		adCode: string;	// 行政区划代码
+		spell?: string;	// 城市名对应拼音拼写，方便用户搜索
+	}
+	interface ChooseCityOptions extends BaseOptions {
+		showLocatedCity: boolean;	// 	是否显示当前定位城市，默认 false
+		showHotCities: boolean;		// 	是否显示热门城市，默认 true
+		cities: City[];				// 自定义城市列表，列表内对象字段见下表
+		hotCities: City[];			// 自定义热门城市列表，列表内对象字段见下表
+		success(result: { city: string; adCode: string; }): void;
+	}
+	/**
+	 * 打开城市选择列表
+	 *
+	 * 如果用户没有选择任何城市直接点击了返回，将不会触发回调函数。
+	 */
+	function chooseCity(options: Partial<ChooseCityOptions>): void;
+	//#endregion
+
+	//#region 选择日期 https://docs.alipay.com/mini/api/ui-date
+	interface DatePickerOptions extends BaseOptions {
+		/**
+		 * 返回的日期格式，
+		 * 1. yyyy-MM-dd（默认）
+		 * 2. HH:mm
+		 * 3. yyyy-MM-dd HH:mm
+		 * 4. yyyy-MM （最低基础库：1.1.1, 可用 canIUse('datePicker.object.format.yyyy-MM') 判断）
+		 * 5. yyyy （最低基础库：1.1.1,可用 canIUse('datePicker.object.format.yyyy') 判断）
+		 */
+		format: 'yyyy-MM-dd' | 'HH:mm' | 'yyyy-MM-dd HH:mm' | 'yyyy-MM' | 'yyyy';
+		/** 初始选择的日期时间，默认当前时间 */
+		currentDate: string;
+		/** 最小日期时间 */
+		startDate: string;
+		/** 最大日期时间 */
+		endDate: string;
+		success(result: { date: string; }): void;
+		/** 11 用户取消操作 */
+		fail(error: 11): void;
+	}
+	/**
+	 * 打开日期选择列表
+	 */
+	function datePicker(optiosn: Partial<DatePickerOptions>): void;
+	//#endregion
+
+	//#region 动画 https://docs.alipay.com/mini/api/ui-animation
+	type TimingFunction =
+		| "linear"
+		| "ease"
+		| "ease-in"
+		| "ease-in-out"
+		| "ease-out"
+		| "step-start"
+		| "step-end";
+	interface CreateAnimationOptions {
+		/** 动画持续时间，单位ms，默认值 400 */
+		duration: number;
+		/** 定义动画的效果，默认值"linear"，有效值："linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end" */
+		timeFunction: TimingFunction;
+		/** 动画持续时间，单位 ms，默认值 0 */
+		delay: number;
+		/** 设置transform-origin，默认为"50% 50% 0" */
+		transformOrigin: string;
+	}
+	interface Animator {
+		actions: AnimationAction[];
+	}
+	interface AnimationAction {
+		animates: Animate[];
+		option: AnimationActionOption;
+	}
+	interface AnimationActionOption {
+		transformOrigin: string;
+		transition: AnimationTransition;
+	}
+	interface AnimationTransition {
+		delay: number;
+		duration: number;
+		timingFunction: TimingFunction;
+	}
+	interface Animate {
+		type: string;
+		args: any[];
+	}
+	/**
+	 * 创建动画实例 animation。调用实例的方法来描述动画，最后通过动画实例的export方法将动画数据导出并传递给组件的animation属性。
+	 *
+	 * 注意: export 方法每次调用后会清掉之前的动画操作
+	 */
+	function createAnimation(options: Partial<CreateAnimationOptions>): Animation;
+	/** 动画实例可以调用以下方法来描述动画，调用结束后会返回自身，支持链式调用的写法。 */
+	interface Animation {
+		/**
+		 * 调用动画操作方法后要调用 step() 来表示一组动画完成，
+		 * 可以在一组动画中调用任意多个动画方法，
+		 * 一组动画中的所有动画会同时开始，
+		 * 一组动画完成后才会进行下一组动画。
+		 * @param options 指定当前组动画的配置
+		 */
+		step(options?: CreateAnimationOptions): void;
+		/**
+		 * 导出动画操作
+		 *
+		 * 注意: export 方法每次调用后会清掉之前的动画操作
+		 */
+		export(): Animator;
+		/** 透明度，参数范围 0~1 */
+		opacity(value: number): Animation;
+		/** 颜色值 */
+		backgroundColor(color: string): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		width(length: number): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		height(length: number): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		top(length: number): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		left(length: number): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		bottom(length: number): Animation;
+		/** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+		right(length: number): Animation;
+		/** deg的范围-180~180，从原点顺时针旋转一个deg角度 */
+		rotate(deg: number): Animation;
+		/** deg的范围-180~180，在X轴旋转一个deg角度 */
+		rotateX(deg: number): Animation;
+		/** deg的范围-180~180，在Y轴旋转一个deg角度 */
+		rotateY(deg: number): Animation;
+		/** deg的范围-180~180，在Z轴旋转一个deg角度 */
+		rotateZ(deg: number): Animation;
+		/** 同transform-function rotate3d */
+		rotate3d(x: number, y: number, z: number, deg: number): Animation;
+		/**
+		 * 一个参数时，表示在X轴、Y轴同时缩放sx倍数；
+		 * 两个参数时表示在X轴缩放sx倍数，在Y轴缩放sy倍数
+		 */
+		scale(sx: number, sy?: number): Animation;
+		/** 在X轴缩放sx倍数 */
+		scaleX(sx: number): Animation;
+		/** 在Y轴缩放sy倍数 */
+		scaleY(sy: number): Animation;
+		/** 在Z轴缩放sy倍数 */
+		scaleZ(sz: number): Animation;
+		/** 在X轴缩放sx倍数，在Y轴缩放sy倍数，在Z轴缩放sz倍数 */
+		scale3d(sx: number, sy: number, sz: number): Animation;
+		/**
+		 * 一个参数时，表示在X轴偏移tx，单位px；
+		 * 两个参数时，表示在X轴偏移tx，在Y轴偏移ty，单位px。
+		 */
+		translate(tx: number, ty?: number): Animation;
+		/**
+		 * 在X轴偏移tx，单位px
+		 */
+		translateX(tx: number): Animation;
+		/**
+		 * 在Y轴偏移tx，单位px
+		 */
+		translateY(ty: number): Animation;
+		/**
+		 * 在Z轴偏移tx，单位px
+		 */
+		translateZ(tz: number): Animation;
+		/**
+		 * 在X轴偏移tx，在Y轴偏移ty，在Z轴偏移tz，单位px
+		 */
+		translate3d(tx: number, ty: number, tz: number): Animation;
+		/**
+		 * 参数范围-180~180；
+		 * 一个参数时，Y轴坐标不变，X轴坐标延顺时针倾斜ax度；
+		 * 两个参数时，分别在X轴倾斜ax度，在Y轴倾斜ay度
+		 */
+		skew(ax: number, ay?: number): Animation;
+		/** 参数范围-180~180；Y轴坐标不变，X轴坐标延顺时针倾斜ax度 */
+		skewX(ax: number): Animation;
+		/** 参数范围-180~180；X轴坐标不变，Y轴坐标延顺时针倾斜ay度 */
+		skewY(ay: number): Animation;
+		/**
+		 * 同transform-function matrix
+		 */
+		matrix(
+			a: number,
+			b: number,
+			c: number,
+			d: number,
+			tx: number,
+			ty: number
+		): Animation;
+		/** 同transform-function matrix3d */
+		matrix3d(
+			a1: number,
+			b1: number,
+			c1: number,
+			d1: number,
+			a2: number,
+			b2: number,
+			c2: number,
+			d2: number,
+			a3: number,
+			b3: number,
+			c3: number,
+			d3: number,
+			a4: number,
+			b4: number,
+			c4: number,
+			d4: number
+		): Animation;
+	}
+	//#endregion
+
+	//#region 画布 https://docs.alipay.com/mini/api/ui-canvas
+	interface ToTempFilePathOptions extends BaseOptions {
+		x: number;			// 画布 x 轴起点，默认为 0
+		y: number;			// 画布 y 轴起点，默认为 0
+		width: number;		// 画布宽度，默认为 canvas 宽度 - x
+		height: number;		// 画布高度，默认为 canvas 高度 - y
+		destWidth: number;	// 输出的图片宽度，默认为 width
+		destHeight: number;	// 输出的图片高度，默认为 height
+	}
+	type Color = string | number[] | number | CanvasAction;
+
+	interface CanvasAction {
+		/**
+		 * 创建一个颜色的渐变点。
+		 * 小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染。
+		 *
+		 * @param stop 渐变点位置，值必须在 [0,1] 范围内
+		 * @param color 颜色值
+		 */
+		addColorStop(stop: number, color: Color): void;
+	}
+
+	interface TextMetrics {
+		width: number;
+	}
+
+	interface ConvasContext {
+		font: string;
+		/**
+		 * 把当前画布的内容导出生成图片，并返回文件路径。
+		 */
+		toTempFilePath(options?: Partial<ToTempFilePathOptions>): void;
+		/**
+		 * textAlign 是 Canvas 2D API 描述绘制文本时，文本的对齐方式的属性。注意，该对齐是基于
+		 * CanvasRenderingContext2D.fillText 方法的x的值。所以如果 textAlign="center"，那么该文本将画在 x-50%*width
+		 */
+		setTextAlign(textAlign: 'left' | 'right' | 'center' | 'start' | 'end'): void;
+		/**
+		 * textBaseline 是 Canvas 2D API 描述绘制文本时，当前文本基线的属性。
+		 */
+		setTextBaseline(textBaseline: 'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom'): void;
+		/**
+		 * 设置填充色。
+		 *
+		 * 如果没有设置 fillStyle，则默认颜色为 black。
+		 */
+		setFillStyle(color: Color): void;
+		/**
+		 * 设置边框颜色。
+		 *
+		 * 如果没有设置 strokeStyle，则默认颜色为 black。
+		 */
+		setStrokeStyle(color: Color): void;
+		/**
+		 * 设置阴影样式。
+		 * 如果没有设置，offsetX 的默认值为 0， offsetY 的默认值为 0， blur 的默认值为 0，color 的默认值为 black。
+		 * @param offsetX 阴影相对于形状水平方向的偏移
+		 * @param offsetY 阴影相对于形状竖直方向的偏移
+		 * @param blur 0~100 阴影的模糊级别，值越大越模糊
+		 * @param color 阴影颜色
+		 */
+		setShadow(offsetX: number, offsetY: number, blur: number, color: Color): void;
+
+		/**
+		 * 创建一个线性的渐变色。
+		 *
+		 * @param x0 起点 x 坐标
+		 * @param y0 起点 y 坐标
+		 * @param x1 终点 x 坐标
+		 * @param y1 终点 y 坐标
+		 */
+		createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasAction;
+
+		/**
+		 * 创建一个圆形的渐变色。
+		 * 起点在圆心，终点在圆环。
+		 * 需要使用 addColorStop() 来指定渐变点，至少需要两个。
+		 * @param x 圆心 x 坐标
+		 * @param y 圆心 y 坐标
+		 * @param r 圆半径
+		 * @returns
+		 */
+		createCircularGradient(x: number, y: number, r: number): CanvasAction;
+
+		/**
+		 * 设置线条的宽度。
+		 * @param lineWidth 线条宽度，单位为 px
+		 */
+		setLineWidth(lineWidth: number): void;
+
+		/**
+		 * 设置线条的端点样式。
+		 *
+		 * @param lineCap 线条的结束端点样式
+		 */
+		setLineCap(lineCap: 'round' | 'butt' | 'square'): void;
+
+		/**
+		 * 设置线条的交点样式。
+		 *
+		 * @param lineJoin 线条的结束交点样式
+		 */
+		setLineJoin(lineJoin: 'round' | 'bevel' | 'miter'): void;
+
+		/**
+		 * 设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。 当 setLineJoin() 为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示
+		 *
+		 * @param miterLimit 最大斜接长度
+		 */
+		setMiterLimit(miterLimit: number): void;
+
+		/**
+		 * 创建一个矩形。
+		 *
+		 * @param x 矩形左上角的 x 坐标
+		 * @param y 矩形左上角的 y 坐标
+		 * @param width 矩形路径宽度
+		 * @param height 矩形路径高度
+		 */
+		rect(x: number, y: number, width: number, height: number): void;
+
+		/**
+		 * 填充矩形。
+		 * 用 setFillStyle() 设置矩形的填充色，如果没设置则默认是 black。
+		 * @param x 矩形左上角的 x 坐标
+		 * @param y 矩形左上角的 y 坐标
+		 * @param width 矩形路径宽度
+		 * @param height 矩形路径高度
+		 */
+		fillRect(x: number, y: number, width: number, height: number): void;
+
+		/**
+		 * 画一个矩形(非填充)。
+		 * 用 setFillStroke() 设置矩形线条的颜色，如果没设置默认是 black。
+		 * @param x 矩形左上角的 x 坐标
+		 * @param y 矩形左上角的 y 坐标
+		 * @param width 矩形路径宽度
+		 * @param height 矩形路径高度
+		 */
+		strokeRect(x: number, y: number, width: number, height: number): void;
+
+		/**
+		 * 清除画布上在该矩形区域内的内容。
+		 * clearRect 并非画一个白色的矩形在地址区域，而是清空，为了有直观感受，可以对 canvas 加了一层背景色。
+		 * @param x 矩形左上角的 x 坐标
+		 * @param y 矩形左上角的 y 坐标
+		 * @param width 矩形路径宽度
+		 * @param height 矩形路径高度
+		 */
+		clearRect(x: number, y: number, width: number, height: number): void;
+
+		/**
+		 * 对当前路径中的内容进行填充。默认的填充色为黑色。
+		 *
+		 */
+		fill(): void;
+
+		/**
+		 * 画出当前路径的边框。默认 black。
+		 * stroke() 描绘的的路径是从 beginPath() 开始计算，但是不会将 strokeRect() 包含进去
+		 */
+		stroke(): void;
+
+		/**
+		 * 关闭一个路径
+		 * 关闭路径会连接起点和终点。
+		 * 如果关闭路径后没有调用 fill() 或者 stroke() 并开启了新的路径，那之前的路径将不会被渲染。
+		 */
+		beginPath(): void;
+
+		/**
+		 * 关闭一个路径
+		 * 关闭路径会连接起点和终点。
+		 *
+		 */
+		closePath(): void;
+
+		/**
+		 * 把路径移动到画布中的指定点，不创建线条。
+		 * 用 stroke() 方法来画线条
+		 * @param x 目标位置 x 坐标
+		 * @param y 目标位置 y 坐标
+		 */
+		moveTo(x: number, y: number): void;
+
+		/**
+		 * lineTo 方法增加一个新点，然后创建一条从上次指定点到目标点的线。
+		 * 用 stroke() 方法来画线条
+		 *
+		 * @param x 目标位置 x 坐标
+		 * @param y 目标位置 y 坐标
+		 */
+		lineTo(x: number, y: number): void;
+
+		/**
+		 * 画一条弧线。
+		 * 创建一个圆可以用 arc() 方法指定其实弧度为0，终止弧度为 2 * Math.PI。
+		 *
+		 * @param x
+		 * @param y
+		 * @param r
+		 * @param sAngle
+		 * @param eAngle
+		 */
+		arc(x: number, y: number, r: number, sAngle: number, eAngle: number): void;
+
+		/**
+		 * 创建三次方贝塞尔曲线路径。
+		 * 曲线的起始点为路径中前一个点。
+		 * @param cp1x
+		 * @param cp1y
+		 * @param cp2x
+		 * @param cp2y
+		 * @param x
+		 * @param y
+		 */
+		bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+
+		/**
+		 * 将当前创建的路径设置为当前剪切路径。
+		 *
+		 */
+		clip(): void;
+
+		/**
+		 * 创建二次贝塞尔曲线路径。
+		 * 曲线的起始点为路径中前一个点。
+		 * @param cpx 贝塞尔控制点 x 坐标
+		 * @param cpy 贝塞尔控制点 y 坐标
+		 * @param x 结束点 x 坐标
+		 * @param y 结束点 y 坐标
+		 */
+		quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+		/**
+		 * 在调用scale方法后，之后创建的路径其横纵坐标会被缩放。多次调用scale，倍数会相乘。
+		 *
+		 * @param scaleWidth 横坐标缩放倍数 (1 = 100%，0.5 = 50%，2 = 200%)
+		 * @param scaleHeight 纵坐标轴缩放倍数 (1 = 100%，0.5 = 50%，2 = 200%)
+		 */
+		scale(scaleWidth: number, scaleHeight: number): void;
+
+		/**
+		 * 以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。
+		 *
+		 * @param rotate 旋转角度，以弧度计(degrees * Math.PI/180；degrees 范围为0~360)
+		 */
+		rotate(rotate: number): void;
+
+		/**
+		 * 对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。
+		 *
+		 * @param x 水平坐标平移量
+		 * @param y 竖直坐标平移量
+		 */
+		translate(x: number, y: number): void;
+
+		/**
+		 * 设置字体大小。
+		 *
+		 * @param fontSize 字号
+		 */
+		setFontSize(fontSize: number): void;
+
+		/**
+		 * 在画布上绘制被填充的文本。
+		 *
+		 * @param text 文本
+		 * @param x 绘制文本的左上角 x 坐标
+		 * @param y 绘制文本的左上角 y 坐标
+		 */
+		fillText(text: string, x: number, y: number): void;
+
+		/**
+		 * 绘制图像，图像保持原始尺寸。
+		 *
+		 * @param imageResource 图片资源, 只支持线上 cdn 地址或离线包地址，线上 cdn 需返回头 Access-Control-Allow-Origin: *
+		 * @param x 图像左上角 x 坐标
+		 * @param y 图像左上角 y 坐标
+		 * @param width 图像宽度
+		 * @param height 图像高度
+		 */
+		drawImage(imageResource: string, x: number, y: number, width: number, height: number): void;
+
+		/**
+		 * 设置全局画笔透明度。
+		 *
+		 * @param alpha 透明度，0 表示完全透明，1 表示不透明 范围 [0, 1]
+		 */
+		setGlobalAlpha(alpha: number): void;
+
+		/**
+		 * 设置虚线的样式
+		 *
+		 * @param segments 一组描述交替绘制线段和间距（坐标空间单位）长度的数字。 如果数组元素的数量是奇数， 数组的元素会被复制并重复。例如， [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。
+		 */
+		setLineDash(segments: number[]): void;
+
+		/**
+		 * 使用矩阵多次叠加当前变换的方法，矩阵由方法的参数进行描述。你可以缩放、旋转、移动和倾斜上下文。
+		 *
+		 * @param scaleX 水平缩放
+		 * @param skewX 水平倾斜
+		 * @param skewY 垂直倾斜
+		 * @param scaleY 垂直缩放
+		 * @param translateX 水平移动
+		 * @param translateY 垂直移动
+		 */
+		transform(scaleX: number, skewX: number, skewY: number, scaleY: number, translateX: number, translateY: number): void;
+
+		/**
+		 * 使用单位矩阵重新设置（覆盖）当前的变换并调用变换的方法，此变换由方法的变量进行描述。
+		 *
+		 * @param scaleX 水平缩放
+		 * @param skewX 水平倾斜
+		 * @param skewY 垂直倾斜
+		 * @param scaleY 垂直缩放
+		 * @param translateX 水平移动
+		 * @param translateY 垂直移动
+		 */
+		setTransform(scaleX: number, skewX: number, skewY: number, scaleY: number, translateX: number, translateY: number): void;
+
+		/**
+		 * 保存当前的绘图上下文。
+		 *
+		 */
+		save(): void;
+
+		/**
+		 * 恢复之前保存的绘图上下文。
+		 */
+		restore(): void;
+
+		/**
+		 * 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。
+		 * 绘图上下文需要由 my.createCanvasContext(canvasId) 来创建。
+		 * @param [reserve] 本次绘制是否接着上一次绘制，即 reserve 参数为 false 时则在本次调用 drawCanvas绘制之前 native 层应先清空画布再继续绘制；若 reserver 参数为true 时，则保留当前画布上的内容，本次调用drawCanvas绘制的内容覆盖在上面，默认 false
+		 */
+		draw(reserve?: boolean): void;
+
+		measureText(text: string): TextMetrics;
+	}
+	/**
+	 * 创建 canvas 绘图上下文
+	 *
+	 * 该绘图上下文只作用于对应 canvasId 的 <canvas/>
+	 */
+	function createCanvasContext(canvasId: string): ConvasContext;
+	//#endregion
+
+	//#region 地图 https://docs.alipay.com/mini/api/ui-map
+	interface GetCenterLocationOptions extends BaseOptions {
+		success?(res: { longitude: string; latitude: string; }): void;
+	}
+
+	interface MapContext extends BaseOptions {
+		/**
+		 * 获取当前地图中心的经纬度，返回 gcj02 坐标系的值，可以用于 my.openLocation
+		 *
+		 * @param options
+		 */
+		getCenterLocation(options: GetCenterLocationOptions): void;
+		/**
+		 * 将地图中心移动到当前定位点，需要配合 map 组件的 show-location 使用
+		 */
+		moveToLocation(): void;
+	}
+
+	/**
+	 * 创建并返回一个 map 上下文对象 mapContext。
+	 *
+	 * @param mapId
+	 * @returns
+	 */
+	function createMapContext(mapId: string): MapContext;
+
+	//#endregion
+
+	//#region 键盘 https://docs.alipay.com/mini/api/ui-hidekeyboard
+	/**
+	 * 隐藏键盘
+	 *
+	 */
+	function hideKeyboard(): void;
+	//#endregion
+
+	//#region 滚动 https://docs.alipay.com/mini/api/scroll
+	interface PageScrollToOptions {
+		scrollTop: number;	// 滚动到页面的目标位置，单位 px
+	}
+
+	/**
+	 * 滚动到页面的目标位置
+	 *
+	 * @param options
+	 */
+	function pageScrollTo(options: PageScrollToOptions): void;
+	//#endregion
+
+	//#region 节点查询 https://docs.alipay.com/mini/api/selector-query
+	interface RectArea {
+		/** 节点的左边界坐标 */
+		left: number;
+		/** 节点的右边界坐标 */
+		right: number;
+		/** 节点的上边界坐标 */
+		top: number;
+		/** 节点的下边界坐标 */
+		bottom: number;
+		/** 节点的宽度 */
+		width: number;
+		/** 节点的高度 */
+		height: number;
+	}
+	interface NodesRefRect extends RectArea {
+		/** 节点的ID */
+		id: string;
+		/** 节点的dataset */
+		dataset: any;
+	}
+	interface NodeRefOffset {
+		/** 节点的ID */
+		id: string;
+		/** 节点的dataset */
+		dataset: any;
+		/** 节点的水平滚动位置 */
+		scrollLeft: number;
+		/** 节点的竖直滚动位置 */
+		scrollTop: number;
+	}
+	interface NodesRef {
+		/**
+		 * 添加节点的布局位置的查询请求，相对于显示区域，以像素为单位。
+		 * 其功能类似于DOM的getBoundingClientRect。
+		 * 返回值是nodesRef对应的selectorQuery。
+		 * 返回的节点信息中，每个节点的位置用
+		 * left、right、top、bottom、width、height字段描述。
+		 * 如果提供了callback回调函数，在执行selectQuery的exec方法后
+		 * 节点信息会在callback中返回。
+		 */
+		boundingClientRect<T extends NodesRefRect | NodesRefRect[]>(
+			callback?: (rect: T) => void
+		): SelectorQuery;
+		/**
+		 * 添加节点的滚动位置查询请求，以像素为单位。
+		 * 节点必须是scroll-view或者viewport。
+		 * 返回值是nodesRef对应的selectorQuery。
+		 * 返回的节点信息中，每个节点的滚动位置用scrollLeft、scrollHeight字段描述。
+		 * 如果提供了callback回调函数，在执行selectQuery的exec方法后，节点信息会在callback中返回。
+		 */
+		scrollOffset(callback?: (rect: NodeRefOffset) => void): SelectorQuery;
+		// /**
+		//  * 获取节点的相关信息，需要获取的字段在fields中指定。
+		//  * 返回值是nodesRef对应的selectorQuery。
+		//  */
+		// fields(
+		// 	fields: NodeRefFieldsOptions,
+		// 	callback?: (result: any) => void
+		// ): SelectorQuery;
+	}
+	/**
+	 * SelectorQuery对象实例
+	 */
+	interface SelectorQuery {
+		// /**
+		//  * 将选择器的选取范围更改为自定义组件component内
+		//  * （初始时，选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点
+		//  * @version 1.6.0
+		//  */
+		// in(component: Component<object, object>): SelectorQuery;
+		/**
+		 * 在当前页面下选择第一个匹配选择器selector的节点，返回一个NodesRef对象实例，可以用于获取节点信息。
+		 * selector类似于CSS的选择器，但仅支持下列语法。
+		 * + ID选择器：#the-id
+		 * + class选择器（可以连续指定多个）：.a-class.another-class
+		 * + 子元素选择器：.the-parent > .the-child
+		 * + 后代选择器：.the-ancestor .the-descendant
+		 * + 跨自定义组件的后代选择器：.the-ancestor >>> .the-descendant
+		 * + 多选择器的并集：#a-node, .some-other-nodes
+		 */
+		select(selector: string): NodesRef;
+		/**
+		 * 在当前页面下选择匹配选择器selector的节点，返回一个NodesRef对象实例。
+		 * 与selectorQuery.selectNode(selector)不同的是，它选择所有匹配选择器的节点。
+		 */
+		selectAll(selector: string): NodesRef;
+		/**
+		 * 选择显示区域，可用于获取显示区域的尺寸、滚动位置等信息
+		 * 返回一个NodesRef对象实例。
+		 */
+		selectViewport(): NodesRef;
+		/**
+		 * 执行所有的请求
+		 * 请求结果按请求次序构成数组，在callback的第一个参数中返回。
+		 */
+		exec(callback?: (result: any[]) => void): void;
+	}
+	/**
+	 * 获取一个节点查询对象 SelectorQuery。
+	 *
+	 * @param page 可以指定 page 属性，默认为当前页面
+	 * @returns
+	 */
+	function createSelectorQuery(page?: any): SelectorQuery;
+	//#endregion
+
+	//#region 级联选择 https://docs.alipay.com/mini/api/ewdxl3
+	interface MultiLevelSelectItem {
+		name: string;
+		subList?: MultiLevelSelectItem[];
+	}
+	interface MultiLevelSelectOptions extends BaseOptions {
+		title?: string;						// 标题
+		list?: MultiLevelSelectItem[];		// 选择数据列表
+		name?: string;						// 条目名称
+		subList?: MultiLevelSelectItem[];	// 子条目列表
+		success?(res: {
+			success: boolean;				// 是否选择完成,取消返回false
+			result: MultiLevelSelectItem[];	// 选择的结果，如[{“name”:”杭州市”},{“name”:”上城区”},{“name”:”古翠街道”}]
+		}): void;
+	}
+
+	function multiLevelSelect(options?: MultiLevelSelectOptions): void;
+	//#endregion
+}
+
+// 开放接口
+declare namespace my {
+	//#region 用户授权 https://docs.alipay.com/mini/api/openapi-authorize
+	interface GetAuthCodeOptions extends BaseOptions {
+		scopes?: string | string[];	// 授权类型，默认 auth_base。支持 auth_base（静默授权）/ auth_user（主动授权） / auth_zhima（芝麻信用）
+		success?(res: {
+			authCode: string;	// 授权码
+			authErrorScope: {
+				[scope: string]: number;
+			};	// 失败的授权类型，key是授权失败的 scope，value 是对应的错误码
+			authSucessScope: string[];	// 成功的授权 scope
+		}): void;
+	}
+	/**
+	 * 获取授权码。
+	 * 详细用户授权接入参考 [指引](https://docs.alipay.com/mini/introduce/auth)。
+	 */
+	function getAuthCode(options: GetAuthCodeOptions): void;
+	//#endregion
+
+	//#region 客户端获取会员信息 https://docs.alipay.com/mini/api/userinfo
+	interface GetAuthUserInfoOptions extends BaseOptions {
+		success?(res: {
+			nickName: string;	// 用户昵称
+			avatar: string;		// 用户头像链接
+		}): void;
+	}
+	/**
+	 * 客户端获取会员信息
+	 * 获取会员信息首先需要获取用户授权，详细会员信息获取参考[指引](https://docs.alipay.com/mini/introduce/auth)，采用 jsapi 调用的方式。
+	 */
+	function getAuthUserInfo(options: GetAuthUserInfoOptions): void;
+	//#endregion
+
+	//#region 小程序唤起支付 https://docs.alipay.com/mini/api/openapi-pay
+	interface TradePayOptions extends BaseOptions {
+		tradeNO?: string;	// 接入小程序支付时传入此参数。此参数为支付宝交易号
+		success?(res: {
+			// resultCode | 描述
+			// -----------|------
+			// 9000 | 订单支付成功
+			// 8000 | 正在处理中
+			// 4000 | 订单支付失败
+			// 6001 | 用户中途取消
+			// 6002 | 网络连接出错
+			// 6004 | 支付结果未知（有可能已经支付成功），请查询商户订单列表中订单的支付状态
+			// 99 | 用户点击忘记密码导致快捷界面退出(only iOS)
+			resultCode: string;
+		}): void;
+	}
+	/**
+	 * 发起支付。
+	 * 详细接入支付方式参考[指引](https://docs.alipay.com/mini/introduce/pay)。
+	 * @param options
+	 */
+	function tradePay(options: TradePayOptions): void;
+	//#endregion
+
+	//#region 支付代扣签约 https://docs.alipay.com/mini/api/pay-sign
+	interface PaySignCenterOptions extends BaseOptions {
+		signStr: string;	// 签约字符串
+	}
+
+	/**
+	 * 签约中心
+	 *
+	 * 返回码 | 含义
+	 * ------|------
+	 * 7000 | 协议签约成功
+	 * 7001 | 签约结果未知（有可能已经签约成功），请根据外部签约号查询签约状态
+	 * 7002 | 协议签约失败
+	 * 6001 | 用户中途取消
+	 * 6002 | 网络连接错误	 * @param options
+	 */
+	function paySignCenter(options: PaySignCenterOptions): void;
+	//#endregion
+
+	//#region 小程序二维码 https://docs.alipay.com/mini/api/openapi-qrcode
+	// @see https://docs.alipay.com/mini/api/openapi-qrcode
+	// @see https://docs.alipay.com/mini/introduce/qrcode
+	//#endregion
+
+	//#region 跳转支付宝卡包 https://docs.alipay.com/mini/api/card-voucher-ticket
+	/**
+	 * 打开支付宝卡列表。
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openCardList(): void;
+	interface OpenMerchantCardList extends BaseOptions {
+		partnerId: string;	// 商户编号
+	}
+
+	/**
+	 * 打开支付宝卡列表。
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 * @param options
+	 */
+	function openMerchantCardList(options: OpenMerchantCardList): void;
+
+	interface OpenCardDetailOptions extends BaseOptions {
+		passId: string;	// 卡实例Id
+	}
+	/**
+	 * 打开当前用户的某张卡的详情页
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 *
+	 * passId获取方式：
+	 * 1）通过alipass创建的卡
+	 * 调用alipay.pass.instance.add(支付宝pass新建卡券实例接口)接口，在出参“result”中可获取
+	 * 2）通过会员卡创建的卡
+	 * 调用alipay.marketing.card.query(会员卡查询)接口，在schema_url中可获取，具体参数为“p=xxx”，xxx即为passId。
+	 */
+	function openCardDetail(options: OpenCardDetailOptions): void;
+
+	/**
+	 * 打开支付宝券列表
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 *
+	 * @param options
+	 */
+	function openVoucherList(): void;
+
+	interface OpenMerchantVoucherListOptions extends BaseOptions {
+		partnerId: string;	// 商户编号
+	}
+	/**
+	 * 打开当前用户的某个商户的券列表
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openMerchantVoucherList(options: OpenMerchantVoucherListOptions): void;
+
+	interface OpenVoucherDetailOptions1 extends BaseOptions {
+		passId: string;			// 券实例Id，调用券发放接口可以获取该参数（如果传入了partnerId和serialNumber则不需传入）
+	}
+	interface OpenVoucherDetailOptions2 extends BaseOptions {
+		partnerId: string;		// 商户编号，以 2088 为开头（如果传入了passId则不需传入）
+		serialNumber: string;	// 序列号，调用新建卡券模板可以获取该参数（如果传入了passId则不需传入）
+	}
+	/**
+	 * 打开当前用户的某张券的详情页（非口碑）
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openVoucherDetail(options: OpenVoucherDetailOptions1 | OpenVoucherDetailOptions2): void;
+
+	interface OpenKBVoucherDetailOptions1 extends BaseOptions {
+		passId: string;			// 卡实例Id（如果传入了partnerId和serialNumber则不需传入）
+	}
+	interface OpenKBVoucherDetailOptions2 extends BaseOptions {
+		partnerId: string;		// 商户编号（如果传入了passId则不需传入）
+		serialNumber: string;	// 序列号（如果传入了passId则不需传入）
+	}
+	/**
+	 * 打开当前用户的某张券的详情页（口碑）
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openKBVoucherDetail(options: OpenKBVoucherDetailOptions1 | OpenKBVoucherDetailOptions2): void;
+
+	/**
+	 * 打开支付宝票列表。
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openTicketList(): void;
+
+	interface OpenMerchantTicketListOptions extends BaseOptions {
+		partnerId: string;	// 商户编号
+	}
+	/**
+	 * 打开某个商户的票列表
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openMerchantTicketList(options: OpenMerchantTicketListOptions): void;
+
+	interface OpenTicketDetailOptions1 extends BaseOptions {
+		passId: string;	// 卡实例Id（如果传入了partnerId和serialNumber则不需要传入passId）
+	}
+	interface OpenTicketDetailOptions2 extends BaseOptions {
+		partnerId: string;	// 商户编号（如果传入了passId则不需要传入partnerId）
+		serialNumber: string;	// 序列号（如果传入了passId则不需要传入serialNumber）
+	}
+	/**
+	 * 打开当前用户的某张票的详情页
+	 *
+	 * 有关支付宝卡包详细功能，见[支付宝卡包产品介绍](https://docs.alipay.com/mini/introduce/voucher)
+	 */
+	function openTicketDetail(options: OpenTicketDetailOptions1 | OpenTicketDetailOptions2): void;
+	//#endregion
+
+	//#region 会员开卡授权 https://docs.alipay.com/mini/api/add-card-auth
+	interface AddCardAuthResult {
+		success: true | boolean;		// true 表示领卡成功
+		resultStatus: string;	// 9000 表示成功
+		result: {
+			app_id: string;			// 应用id
+			auth_code: string;		// 授权码，用于换取authtoken
+			state: string;			// 授权的state
+			scope: string;			// 授权scope
+			template_id: string;	// 会员卡模板Id
+			request_id: string;		// 会员卡表单信息请求Id
+			out_string: string;		// 会员卡领卡链接透传参数
+		};
+	}
+	interface AddCardAuthResult {
+		success: false | boolean;		// false 表示领卡失败
+		/**
+		 * 失败的错误码
+		 * 领卡失败 code 说明
+		 * 名称 | 类型 | 说明
+		 * -----|-----|-----
+		 * JSAPI_SERVICE_TERMINATED | String | 用户取消
+		 * JSAPI_PARAM_INVALID | String | url 为空或非法参数
+		 * JSAPI_SYSTEM_ERROR | String | 系统错误
+		 */
+		code: string;
+	}
+	interface AddCardAuthOptions extends BaseOptions {
+		/**
+		 * 开卡授权的页面地址，从alipay.marketing.card.activateurl.apply接口获取
+		 */
+		url: string;
+		success?(res: AddCardAuthResult): void;
+	}
+	/**
+	 * 小程序唤起会员开卡授权页面，小程序接入会员卡[点此查看](https://docs.alipay.com/mini/introduce/card)
+	 */
+	function addCardAuth(options: AddCardAuthOptions): void;
+	//#endregion
+
+	//#region 芝麻认证 https://docs.alipay.com/mini/api/zm-service
+	interface StartZMVerifyOptions extends BaseOptions {
+		bizNo: string;	// 认证标识
+		success?(res: {
+			token: string;	// 认证标识
+			passed: string;	// 认证是否通过
+			reason?: string;	// 认证不通过原因
+		}): void;
+	}
+	/**
+	 * 芝麻认证接口，调用此接口可以唤起芝麻认证页面并进行人脸身份验证。
+	 * 有关芝麻认证的产品和接入介绍，详见 [芝麻认证](https://docs.alipay.com/mini/introduce/zm-verify)。
+	 * 需要通过蚂蚁开发平台，调用certification.initialize接口进行[认证初始化](https://docs.alipay.com/zmxy/271/105914)。获得biz_no 后，方能通过以下接口激活芝麻认证小程序。
+	 */
+	function startZMVerify(options: StartZMVerifyOptions): void;
+	//#endregion
+
+	//#region 信用借还 https://docs.alipay.com/mini/api/zmcreditborrow
+	interface ZMCreditBorrowOptions extends BaseOptions {
+		/**
+		 * 外部订单号，需要唯一，由商户传入，芝麻内部会做幂等控制，格式为：yyyyMMddHHmmss+随机数
+		 *
+		 */
+		out_order_no: string;
+		/**
+		 * 信用借还的产品码，传入固定值：w1010100000000002858
+		 */
+		product_code: string;
+		/**
+		 * 物品名称,最长不能超过14个汉字
+		 */
+		goods_name: string;
+		/**
+		 * 租金单位，租金+租金单位组合才具备实际的租金意义。
+		 * 取值定义如下：
+		 * DAY_YUAN: 元 / 天
+		 * HOUR_YUAN: 元 / 小时
+		 * YUAN: 元
+		 * YUAN_ONCE: 元 / 次
+		 */
+		rent_unit: string;
+		/**
+		 * 租金，租金 + 租金单位组合才具备实际的租金意义。
+		 * > 0.00元，代表有租金
+		 * = 0.00元，代表无租金，免费借用
+		 * 注：参数传值必须 >= 0，传入其他值会报错参数非法
+		 */
+		rent_amount: string;
+		/**
+		 * 押金，金额单位：元。
+		 * 注：不允许免押金的用户按此金额支付押金；当物品丢失时，赔偿金额不得高于该金额。
+		 */
+		deposit_amount: string;
+		/**
+		 * 该字段目前默认传Y；
+		 * 是否支持当借用用户信用不够（不准入）时，可让用户支付押金借用:
+		 * Y: 支持
+		 * N: 不支持
+		 * 注：支付押金的金额等同于deposit_amount。
+		 */
+		deposit_state?: string;	// 该字段目前默认传Y；
+		/**
+		 * 回调到商户的小程序schema地址。说明：商户的回调地址可以在商户后台里进行配置，服务端回调时，首先根据参数：invoke_type 查询是否有对应的配置地址，如果有，则使用已定义的地址，否则，使用该字段定义的地址执行回调；
+		 * 参考表格下方的说明一；
+		 * 小程序回调地址参考表格下方的说明三；
+		 * 说明一：
+		 * 		支付宝商户账号登录我的商家服务打开入口链接；
+		 * 		商家服务中选择“您可能需要->信用借还”或者点击链接；
+		 * 		场景ID配置->配置新ID，选择对应的业务类型、服务类目和联盟，将生成的场景ID作为credit_biz的值传入即可；
+		 * 		回调地址配置->设置小程序回调地址，注意：若设置了该回调地址，则接口my.zmCreditBorrow中的入参invoke_return_url将会失效，以该处设置为准；
+		 * 说明三:
+		 * 		小程序回调地址示例一：alipays://platformapi/startapp?appId=1999；
+		 * 		小程序回调地址示例二：alipays://platformapi/startapp?appId=1999&page=pages/map；
+		 */
+		invoke_return_url?: string;
+		/**
+		 * 商户访问蚂蚁的对接模式，默认传TINYAPP：
+		 * TINYAPP：回跳至小程序地址；
+		 * WINDOWS：支付宝服务窗，默认值；
+		 */
+		invoke_type?: 'TINYAPP' | 'TINYAPP' | 'WINDOWS' | string;
+		/**
+		 * 信用业务服务，注意：该字段不能为空，且必须根据说明的指引配置商户专属的场景ID，商户自助接入时，登录后台可配置场景ID，将后台配置的场景ID作为该字段的输入；
+		 * 参考说明一自助进行配置；
+		 */
+		credit_biz: string;
+		/**
+		 * 商户订单创建的起始借用时间，格式：YYYY - MM - DD HH: MM: SS。如果不传入或者为空，则认为订单创建起始时间为调用此接口时的时间。
+		 */
+		borrow_time?: string;
+		/**
+		 * 到期时间，不允许为空，请根据实际业务合理设置该值，格式：YYYY - MM - DD HH: MM: SS，是指最晚归还时间，表示借用用户如果超过此时间还未完结订单（未归还物品或者未支付租金）将会进入逾期状态，芝麻会给借用用户发送催收提醒；需要晚于borrow_time。
+		 */
+		expiry_time: string;
+		/**
+		 * 借用用户的手机号码，可选字段。推荐商户传入此值，会将此手机号码与用户身份信息进行匹配验证，防范欺诈风险。
+		 */
+		mobile_no?: string;
+		/**
+		 * 物品借用地点的描述，便于用户知道物品是在哪里借的。可为空
+		 *
+		 */
+		borrow_shop_name?: string;
+		/**
+		 * 租金的结算方式，非必填字段，默认是支付宝租金结算支付 merchant：表示商户自行结算，信用借还不提供租金支付能力； alipay：表示使用支付宝支付功能，给用户提供租金代扣及赔偿金支付能力；
+		 *
+		 */
+		rent_settle_type?: 'merchant' | 'alipay' | string;
+		/**
+		 * 商户请求状态上下文。商户发起借用服务时，需要在借用结束后返回给商户的参数，格式：json；
+		 * 如果json的某一项值包含中文，请使用encodeURIComponent对该值进行编码；
+		 * @example
+		 * var ext = {
+		 * 	name: encodeURIComponent('名字')
+		 * };
+		 * var obj = {
+		 * 	invoke_state: JSON.stringify(ext)
+		 * }
+		 */
+		invoke_state?: string;
+		/**
+		 * 租金信息描述, 长度不超过14个汉字，只用于页面展示给C端用户，除此之外无其他意义。
+		 */
+		rent_info?: string;
+		/**
+		 * 借用用户的真实姓名，非必填字段。但name和cert_no必须同时非空，或者同时为空，一旦传入会对用户身份进行校验。
+		 */
+		name?: string;
+		/**
+		 * 借用用户的真实身份证号，非必填字段。但name和cert_no必须同时非空，或者同时为空，一旦传入会对用户身份进行校验。
+		 */
+		cert_no?: string;
+		/**
+		 * 借用用户的收货地址，可选字段，最大长度128。推荐商户传入此值，会将此手机号码与用户身份信息进行匹配验证，防范欺诈风险。
+		 */
+		address?: string;
+		success?(res: {
+			/**
+			 * 6001	用户取消了业务流程
+			 * 6002	网络异常
+			 * 9000	成功
+			 * 4000	系统异常
+			 */
+			resultStatus: '6001' | '6002' | '9000' | '4000' | string;
+			result: {
+				/**
+				 * 商户发起借用服务时传入的参数，需要在借用结束后返回给商户的参数
+				 * @example
+				 * {"user_name":"john"}
+				 */
+				invoke_state: string;
+				/**
+				 * 外部订单号，需要唯一，由商户传入，芝麻内部会做幂等控制，格式为：yyyyMMddHHmmss+4位随机数
+				 * @example
+				 * 201610010000283627
+				 */
+				out_order_no: string;
+				/**
+				 * 芝麻信用借还订单号
+				 * @example
+				 * 10020027631
+				 */
+				order_no: string;
+				/**
+				 * 是否准入:Y:准入；N:不准入(该字段目前无实际意义)
+				 */
+				admit_state: 'Y' | 'N' | string;
+				/**
+				 * 物品借用/租赁者的用户id
+				 * @example
+				 * 2088202924240029
+				 */
+				user_id: string;
+				callbackData: any;	// todo only in example
+			}
+		}): void;
+	}
+	function zmCreditBorrow(options: ZMCreditBorrowOptions): void;
+	//#endregion
+
+	//#region 文本风险识别 https://docs.alipay.com/mini/api/text-identification
+	type TextRiskIdentificationType = 'keyword' | '0' | '1' | '2' | '3' | string;
+	interface TextRiskIdentificationOptions extends BaseOptions {
+		/**
+		 * 需要进行风险识别的文本内容
+		 */
+		content: string;
+		/**
+		 * 识别类型：keyword 表示关键词、0 表示广告、1表示涉政、2表示涉黄、3表示低俗辱骂
+		 */
+		type: TextRiskIdentificationType[];
+		success?(res: {
+			result: {
+				/**
+				 * 目标内容文本识别到的类型，keyword 表示关键词、0 表示广告、1表示涉政、2表示涉黄、3表示低俗辱骂
+				 */
+				type: TextRiskIdentificationType;
+				/**
+				 * 仅当识别命中了 type 为 keyword 时，才会返回该字段
+				 */
+				hitKeywords?: string[];
+				/**
+				 * 识别命中得分，最高分100分。仅当识别没有命中 keyword ，但入参中包含了广告或涉政或涉黄时，才会返回该字段
+				 */
+				score?: string;
+			};
+			fail?(res: {
+				/**
+				 * 识别错误码
+				 */
+				error: string;
+				/**
+				 * 识别错误消息
+				 */
+				errorMessage: string;
+			}): void;
+		}): void;
+	}
+	/**
+	 * 文本风险识别， **支付宝客户端10.1.10及以上版本支持。**详细接入参考[指引](https://docs.alipay.com/mini/introduce/text-identification)
+	 */
+	function textRiskIdentification(options: TextRiskIdentificationOptions): void;
+	//#endregion
+
+	//#region 小程序跳转 https://docs.alipay.com/mini/api/open-miniprogram
+	interface NavigateToMiniProgramOptions extends BaseOptions {
+		/**
+		 * 要跳转的目标小程序appId
+		 */
+		appId: string;
+		/**
+		 * 打开的页面路径，如果为空则打开首页
+		 */
+		path?: string;
+		/**
+		 * 需要传递给目标小程序的数据，目标小程序可在 App.onLaunch() ，App.onShow() 中获取到这份数据
+		 */
+		extraData?: any;
+		/**
+		 * 要打开的小程序版本，有效值 develop（开发版），trial（体验版），release（正式版） ，仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是正式版，则打开的小程序必定是正式版。默认值 release
+		 */
+		envVersion?: 'develop' | 'trial' | 'release' | string;
+	}
+	/**
+	 * 跳转到其他小程序。详细接入参考[指引](https://docs.alipay.com/mini/introduce/open-miniprogram)
+	 * @param options
+	 */
+	function navigateToMiniProgram(options: NavigateToMiniProgramOptions): void;
+	interface NavigateBackMiniProgramOptions extends BaseOptions {
+		/**
+		 * 需要传递给目标小程序的数据，目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据
+		 */
+		extraData?: any;
+	}
+	/**
+	 * 跳转回上一个小程序，只有当另一个小程序跳转到当前小程序时才会能调用成功
+	 */
+	function navigateBackMiniProgram(options: NavigateBackMiniProgramOptions): void;
+	//#endregion
+
+	//#region webview组件控制 https://docs.alipay.com/mini/api/webview-context
+	interface WebViewContext {
+		postMessage(param: any): void;
+	}
+	/**
+	 * 创建并返回 web-view 上下文 webViewContext 对象。
+	 *
+	 * @param webviewId 要创建的web-view所对应的id属性
+	 */
+	function createWebViewContext(webviewId: string): WebViewContext;
+	//#endregion
+}
+
+// 多媒体
+declare namespace my {
+	//#region 图片 https://docs.alipay.com/mini/api/media-image
+	type ImageSourceType = "album" | "camera";
+	interface ChooseImageOptions extends BaseOptions {
+		/** 最大可选照片数，默认1张 */
+		count: number;
+		/** 相册选取或者拍照，默认 [‘camera’,‘album’] */
+		sourceType: ImageSourceType[];
+		/** 成功则返回图片的本地文件路径列表 tempFilePaths */
+		success(res: {
+			/**
+			 * 图片文件描述
+			 */
+			apFilePaths: string[];
+		}): void;
+	}
+	/**
+	 * 从本地相册选择图片或使用相机拍照。
+	 */
+	function chooseImage(options: Partial<ChooseImageOptions>): void;
+
+	interface PreviewImageOptions extends BaseOptions {
+		/** 当当前显示图片索引，默认 0 */
+		current?: number;
+		/** 要预览的图片链接列表 */
+		urls: string[];
+	}
+	/**
+	 * 预览图片。
+	 */
+	function previewImage(options: PreviewImageOptions): void;
+
+	interface SaveImageOptions extends BaseOptions {
+		/**
+		 * 要保存的图片链接
+		 */
+		url: string;
+		success?(res: { errMsg: string }): void;
+	}
+	/**
+	 * 保存在线图片到手机相册。
+	 */
+	function saveImage(options: SaveImageOptions): void;
+
+	interface CompressImageOptions extends BaseOptions {
+		/**
+		 * 要压缩的图片地址数组
+		 */
+		apFilePaths: string[];
+		/**
+		 * 压缩级别，支持 0 ~ 4 的整数，默认 4。详见「compressLevel表 说明表」
+		 * compressLevel表
+		 * compressLevel | 说明
+		 * --------------|-----
+		 * 0 | 低质量
+		 * 1 | 中等质量
+		 * 2 | 高质量
+		 * 3 | 不压缩
+		 * 4 | 根据网络适应
+		 */
+		compressLevel?: 0 | 1 | 2 | 3 | 4;
+		success?(res: {
+			/**
+			 * 压缩后的路径数组
+			 */
+			apFilePaths: string[];
+		}): void;
+	}
+	/**
+	 * 压缩图片。扫码体验：
+	 */
+	function compressImage(options: CompressImageOptions): void;
+
+	interface GetImageInfoOptions extends BaseOptions {
+		/**
+		 * 图片路径，目前支持：
+		 * - 网络图片路径
+		 * - apFilePath路径
+		 * - 相对路径
+		 */
+		src: string;
+		success?(res: {
+			width: number;	// 图片宽度（单位px）
+			height: number;	// 图片高度（单位px）
+			path: string;	// 图片本地路径
+		}): void;
+	}
+	/**
+	 * 获取图片信息
+	 */
+	function getImageInfo(options: GetImageInfoOptions): void;
+	//#endregion
+}
+
+// 缓存
+declare namespace my {
+	//#region 缓存 https://docs.alipay.com/mini/api/storage
+	interface SetStorageOptions extends BaseOptions {
+		/** 本地缓存中的指定的 key */
+		key: string;
+		/** 需要存储的内容 */
+		data: any;
+	}
+	/**
+	 * 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的数据。
+	 * 这是异步接口。
+	 */
+	function setStorage(options: SetStorageOptions): void;
+
+	/**
+	 * 同步将数据存储在本地缓存中指定的 key 中。
+	 * 这是同步接口。
+	 *
+	 * @param key 本地缓存中的指定的 key
+	 * @param data 需要存储的内容
+	 */
+	function setStorageSync(options: { key: string; data: any; }): void;
+
+	interface GetStorageOptions extends BaseOptions {
+		/** 本地缓存中的指定的 key */
+		key: string;
+		/** 接口调用的回调函数,res = {data: key对应的内容} */
+		success(res: DataResponse): void;
+	}
+	/**
+	 * 获取缓存数据。
+	 * 这是异步接口。
+	 */
+	function getStorage(options: GetStorageOptions): void;
+
+	/**
+	 * 同步获取缓存数据。
+	 * 这是同步接口
+	 */
+	function getStorageSync(options: { key: string; }): any;
+
+	interface RemoveStorageOptions extends BaseOptions {
+		key: string;
+	}
+	/**
+	 * 删除缓存数据。
+	 * 这是异步接口。
+	 */
+	function removeStorage(options: RemoveStorageOptions): void;
+
+	/**
+	 * 同步删除缓存数据。
+	 * 这是同步接口。
+	 * @param key 缓存数据的key
+	 */
+	function removeStorageSync(options: { key: string; }): void;
+
+	/**
+	 * 清除本地数据缓存。
+	 * 这是异步接口。
+	 */
+	function clearStorage(): void;
+
+	/**
+	 * 同步清除本地数据缓存。
+	 * 这是同步接口。
+	 */
+	function clearStorageSync(): void;
+
+	interface StorageInfo {
+		/**
+		 * 当前storage中所有的key
+		 */
+		keys: string[];
+		/**
+		 * 当前占用的空间大小, 单位kb
+		 */
+		currentSize: number;
+		/**
+		 * 限制的空间大小，单位kb
+		 */
+		limitSize: number;
+	}
+	interface GetStorageInfoOptions extends BaseOptions {
+		success(res: StorageInfo): void;
+	}
+	/**
+	 * 异步获取当前storage的相关信息
+	 */
+	function getStorageInfo(options: GetStorageInfoOptions): void;
+
+	function getStorageInfoSync(): StorageInfo;
+	//#endregion
+}
+
+// 文件
+declare namespace my {
+	//#region 文件 https://docs.alipay.com/mini/api/file
+	interface SavedFileData {
+		/** 文件保存路径 */
+		apFilePath: string;
+	}
+	interface SaveFileOptions extends BaseOptions {
+		/** 文件路径 */
+		apFilePath: string;
+		success?(res: SavedFileData): void;
+	}
+	/**
+	 * 保存文件到本地（本地文件大小总容量限制：10M）
+	 */
+	function saveFile(options: SaveFileOptions): void;
+
+	interface GetFileInfoSuccess {
+		/** 文件大小，单位：B */
+		size: number;
+		/** 摘要结果 */
+		digest: string;
+	}
+	interface GetFileInfoOptions extends BaseOptions {
+		/** 文件路径 */
+		apFilePath: string;
+		/** 摘要算法，支持md5和sha1，默认为md5 */
+		digestAlgorithm?: 'md5' | 'sha1';
+		success?(options: GetFileInfoSuccess): void;
+	}
+	/**
+	 *  获取文件信息
+	 * 基础库版本 1.4.0 开始支持，低版本需做兼容处理
+	 */
+	function getFileInfo(options: GetFileInfoOptions): void;
+
+	interface SavedFileInfoData {
+		/**
+		 * 文件大小，单位B
+		 */
+		size: number;
+		/**
+		 * 创建时间
+		 */
+		createTime: number;
+	}
+	interface GetSavedFileInfoOptions extends BaseOptions {
+		/** 文件路径 */
+		apFilePath: string;
+		/** 接口调用成功的回调函数 */
+		success?(res: SavedFileInfoData): void;
+	}
+	/**
+	 * 获取保存的文件信息
+	 */
+	function getSavedFileInfo(options: GetSavedFileInfoOptions): void;
+
+	interface GetSavedFileListOptions extends BaseOptions {
+		success?(res: {
+			fileList: Array<{
+				/** 文件大小 */
+				size: number;
+				/** 创建时间 */
+				createTime: number;
+				/** 文件路径 */
+				apFilePath: string;
+			}>
+		}): void;
+	}
+	function getSavedFileList(options: GetSavedFileListOptions): void;
+
+	type RemoveSavedFileOptions = GetSavedFileInfoOptions;
+	/**
+	 * 删除某个保存的文件
+	 */
+	function removeSavedFile(options: RemoveSavedFileOptions): void;
+	//#endregion
+}
+
+// 位置
+declare namespace my {
+	//#region 位置 https://docs.alipay.com/mini/api/location
+	interface LocationData {
+		/** 经度 */
+		longitude: string;
+		/** 纬度 */
+		latitude: string;
+		/** 精确度，单位m */
+		accuracy: string;
+		/**
+		 * 水平精确度，单位m
+		 */
+		horizontalAccuracy: string;
+		/**
+		 * 国家(type>0生效)
+		 */
+		country?: string;
+		/**
+		 * 国家编号 (type>0生效)
+		 */
+		countryCode?: string;
+		/**
+		 * 省份(type>0生效)
+		 */
+		province?: string;
+		/**
+		 * 城市(type>0生效)
+		 */
+		city?: string;
+		/**
+		 * 城市级别的地区代码(type>0生效)
+		 */
+		cityAdcode?: string;
+		/**
+		 * 区县(type>0生效)
+		 */
+		district?: string;
+		/**
+		 * 区县级别的地区代码(type>0生效)
+		 */
+		districtAdcode?: string;
+		/**
+		 * 需要街道级别逆地理的才会有的字段,街道门牌信息，结构是：{ street, number } (type > 1生效)
+		 */
+		streetNumber?: {
+			street: string;
+			number: string;
+		};
+		/**
+		 * 需要POI级别逆地理的才会有的字段, 定位点附近的 POI 信息，结构是：{ name, address } （type > 2生效）
+		 */
+		pois?: Array<{
+			name: string;
+			address: string;
+		}>;
+	}
+	interface GetLocationOptions extends BaseOptions {
+		/**
+		 * 支付宝客户端经纬度定位缓存过期时间，单位秒。默认 30s。使用缓存会加快定位速度，缓存过期会重新定位
+		 */
+		cacheTimeout: number;
+		/**
+		 * 0：默认，获取经纬度
+		 * 1：获取经纬度和详细到区县级别的逆地理编码数据
+		 * 2：获取经纬度和详细到街道级别的逆地理编码数据，不推荐使用
+		 * 3：获取经纬度和详细到POI级别的逆地理编码数据，不推荐使用
+		 */
+		type: 0 | 1 | 2 | 3;
+		/** 接口调用成功的回调函数，返回内容详见返回参数说明。 */
+		success(res: LocationData): void;
+	}
+	/**
+	 * 获取用户当前的地理位置信息
+	 */
+	function getLocation(options: Partial<GetLocationOptions>): void;
+
+	interface OpenLocationOptions extends BaseOptions {
+		/** 经度 */
+		longitude: number | string;
+		/** 纬度 */
+		latitude: number | string;
+		/** 位置名称 */
+		name: string;
+		/** 地址的详细说明 */
+		address: string;
+		/** 缩放比例，范围 3~19，默认为 15 */
+		scale?: number;
+	}
+	/**
+	 * 使用微信内置地图查看位置
+	 */
+	function openLocation(options: OpenLocationOptions): void;
+
+	interface ChooseLocationData {
+		/**
+		 * 位置名称
+		 */
+		name: string;
+		/**
+		 * 详细地址
+		 */
+		address: string;
+		/**
+		 * 纬度，浮点数，范围为-90~90，负数表示南纬
+		 */
+		latitude: number;
+		/**
+		 * 经度，浮点数，范围为-180~180，负数表示西经
+		 */
+		longitude: number;
+	}
+	interface ChooseLocationOptions extends BaseOptions {
+		success(res: ChooseLocationData): void;
+	}
+	/**
+	 * 使用支付宝内置地图选择地理位置。
+	 */
+	function chooseLocation(options: ChooseLocationOptions): void;
+	//#endregion
+}
+
+// 网络
+declare namespace my {
+	//#region 网络 https://docs.alipay.com/mini/api/network
+	interface RequestHeader {
+		[key: string]: string;
+	}
+	interface RequestOptions extends BaseOptions<DataResponse> {
+		/** 目标服务器url */
+		url: string;
+		/** 设置请求的 HTTP 头，默认 {'Content-Type': 'application/x-www-form-urlencoded'} */
+		header?: RequestHeader;
+		/** 默认GET，目前支持GET，POST */
+		method?: "GET" | "POST";
+		/** 请求的参数 */
+		data?: any;
+		/**
+		 * 超时时间，单位ms，默认30000
+		 */
+		timeout?: number;
+		/** 期望返回的数据格式，默认json，支持json，text，base64 */
+		dataType?: 'json' | 'text' | 'base64';
+		/** 收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'} */
+		success?(res: DataResponse): void;
+	}
+	function httpRequest(options: RequestOptions): void;
+
+	interface UploadFileOptions extends BaseOptions {
+		/** 开发者服务器地址 */
+		url: string;
+		/** 要上传文件资源的本地定位符 */
+		filePath: string;
+		/** 文件名，即对应的 key, 开发者在服务器端通过这个 key 可以获取到文件二进制内容 */
+		fileName: string;
+		/**
+		 * 文件类型
+		 */
+		fileType: 'image' | 'video' | 'audio';
+		/** HTTP 请求 Header */
+		header?: RequestHeader;
+		/** HTTP 请求中其他额外的 form 数据 */
+		formData?: any;
+		success?(res: {
+			/** 服务器返回的数据 */
+			data: string;
+			/** HTTP 状态码 */
+			statusCode: string;
+			header: any;
+		}): void;
+	}
+	/**
+	 * 上传本地资源到开发者服务器。
+	 */
+	function uploadFile(options: UploadFileOptions): void;
+
+	interface DownloadFileOptions extends BaseOptions {
+		/** 下载文件地址 */
+		url: string;
+		/** HTTP 请求 Header */
+		header?: RequestHeader;
+		/** 下载成功后以 tempFilePath 的形式传给页面，res = {tempFilePath: '文件的临时路径'} */
+		success?(res: TempFileResponse): void;
+	}
+	/**
+	 * 下载文件资源到本地。
+	 */
+	function downloadFile(options: DownloadFileOptions): void;
+
+	interface ConnectSocketOptions extends BaseOptions {
+		/** 目标服务器url */
+		url: string;
+		/** 请求的参数 */
+		data?: any;
+		/** 设置请求的头部 */
+		header?: RequestHeader;
+		method?: 'GET' | 'POST';	// todo missing in api
+	}
+	/**
+	 * 创建一个 WebSocket 的连接；
+	 * 一个支付宝小程序同时只能保留一个 WebSocket 连接，如果当前已存在 WebSocket 连接，会自动关闭该连接，并重新创建一个新的 WebSocket 连接。
+	 */
+	function connectSocket(options: ConnectSocketOptions): void;
+
+	/**
+	 * 监听WebSocket连接打开事件。
+	 */
+	function onSocketOpen(callback: () => void): void;
+
+	/**
+	 * 监听WebSocket关闭。
+	 */
+	function onSocketClose(callback: () => void): void;
+
+	/**
+	 * 取消监听WebSocket连接打开事件。
+	 */
+	function offSocketOpen(callback: () => void): void;
+
+	/**
+	 * 监听WebSocket错误。
+	 */
+	function onSocketError(callback: (error: any) => void): void;
+
+	/**
+	 * 取消监听WebSocket错误。
+	 */
+	function offSocketError(callback: (error: any) => void): void;
+
+	interface SendSocketMessageOptions extends BaseOptions {
+		/**
+		 * 需要发送的内容：普通的文本内容 String 或者经 base64 编码后的 String
+		 */
+		data: string | ArrayBuffer;
+		/**
+		 * 如果需要发送二进制数据，需要将入参数据经 base64 编码成 String 后赋值 data，同时将此字段设置为true，否则如果是普通的文本内容 String，不需要设置此字段
+		 */
+		isBuffer?: boolean;
+	}
+	/**
+	 * 通过 WebSocket 连接发送数据，需要先使用 my.connectSocket 发起建连，并在 my.onSocketOpen 回调之后再发送数据。
+	 */
+	function sendSocketMessage(options: SendSocketMessageOptions): void;
+
+	/**
+	 * 监听WebSocket接受到服务器的消息事件。
+	 */
+	function onSocketMessage(callback: (res: {
+		/**
+		 * 需要发送的内容：普通的文本内容 String 或者经 base64 编码后的 String
+		 */
+		data: string | ArrayBuffer;
+		/**
+		 * 如果需要发送二进制数据，需要将入参数据经 base64 编码成 String 后赋值 data，同时将此字段设置为true，否则如果是普通的文本内容 String，不需要设置此字段
+		 */
+		isBuffer?: boolean;
+	}) => void): void;
+	function offSocketMessage(callback: (error: any) => void): void;
+
+	interface CloseSocketOptions extends BaseOptions {
+		success?(res: any): void;
+	}
+	/**
+	 * 监听WebSocket关闭。
+	 */
+	function closeSocket(options?: CloseSocketOptions): void;
+
+	/**
+	 * 取消监听WebSocket关闭。
+	 */
+	function offSocketClose(callback: (error: any) => void): void;
+	//#endregion
+}
+
+// 设备
+declare namespace my {
+	//#region canIUse https://docs.alipay.com/mini/api/can-i-use
+	/**
+	 * 判断当前小程序的 API、入参或返回值、组件、属性等在当前版本是否支持。
+	 * 参数使用 ${API}.${type}.${param}.${option} 或者 ${component}.${attribute}.${option} 方式来调用
+	 * - API 表示 api 名字
+	 * - type 取值 object/return/callback 表示 api 的判断类型
+	 * - param 表示参数的某一个属性名
+	 * - option 表示参数属性的具体属性值
+	 * - component 表示组件名称
+	 * - attribute 表示组件属性名
+	 * - option 表示组件属性值
+	 */
+	function canIUse(api: string): boolean;
+	//#endregion
+
+	//#region 获取基础库版本号 https://docs.alipay.com/mini/api/sdk-version
+	const SDKVersion: string;
+	//#endregion
+	//#region 系统信息 https://docs.alipay.com/mini/api/system-info
+	interface SystemInfo {
+		/**
+		 * 手机型号
+		 */
+		model: string;
+		/**
+		 * 设备像素比
+		 */
+		pixelRatio: number;
+		/**
+		 * 窗口宽度
+		 */
+		windowWidth: number;
+		/**
+		 * 窗口高度
+		 */
+		windowHeight: number;
+		/**
+		 * 支付宝设置的语言
+		 */
+		language: string;
+		/**
+		 * 支付宝版本号
+		 */
+		version: string;
+		/**
+		 * 设备磁盘容量
+		 */
+		storage: string;
+		/**
+		 * 当前电量百分比
+		 */
+		currentBattery: string;
+		/**
+		 * 系统版本
+		 */
+		system: string;
+		/**
+		 * 系统名：Android，iOS
+		 */
+		platform: 'Android' | 'iOS' | string;
+		/**
+		 * 屏幕宽度
+		 */
+		screenWidth: number;
+		/**
+		 * 屏幕高度
+		 */
+		screenHeight: number;
+		/**
+		 * 手机品牌
+		 */
+		brand: string;
+		/**
+		 * 用户设置字体大小
+		 */
+		fontSizeSetting: number;
+		/**
+		 * 当前运行的客户端，当前是支付宝则有效值是"alipay"
+		 */
+		app: 'alipay' | string;
+	}
+	interface GetSystemInfoOptions extends BaseOptions {
+		success?(res: SystemInfo): void;
+	}
+	function getSystemInfo(options: GetSystemInfoOptions): void;
+	function getSystemInfoSync(): SystemInfo;
+	//#endregion
+
+	//#region 网络状态 https://docs.alipay.com/mini/api/network-status
+	interface GetNetworkTypeOptions extends BaseOptions {
+		success?(res: {
+			/** 网络是否可用 */
+			networkAvailable: boolean;
+			/** 网络类型值 UNKNOWN / NOTREACHABLE / WIFI / 3G / 2G / 4G / WWAN */
+			networkType: NetworkType;
+		}): void;
+	}
+	type NetworkType = 'UNKNOWN' | 'NOTREACHABLE' | 'WIFI' | '3G' | '2G' | '4G' | 'WWAN';
+	function getNetworkType(options: GetNetworkTypeOptions): void;
+
+	/**
+	 * 开始网络状态变化的监听
+	 */
+	function onNetworkStatusChange(callback: (res: {
+		/** 网络是否可用 */
+		isConnected: boolean;
+		/** 网络类型值 UNKNOWN / NOTREACHABLE / WIFI / 3G / 2G / 4G / WWAN */
+		networkType: NetworkType;
+	}) => void): void;
+
+	/**
+	 * 取消网络状态变化的监听
+	 */
+	function offNetworkStatusChange(): void;
+	//#endregion
+
+	//#region 剪贴板 https://docs.alipay.com/mini/api/clipboard
+	interface GetClipboardOptions extends BaseOptions {
+		success?(res: {
+			text: string;
+		}): void;
+	}
+	function getClipboard(options: GetClipboardOptions): void;
+
+	interface SetClipboardOptions extends BaseOptions {
+		/** 剪贴板数据 */
+		text: string;
+	}
+	function setClipboard(options: SetClipboardOptions): void;
+	//#endregion
+
+	//#region 摇一摇 https://docs.alipay.com/mini/api/shake
+	function watchShake(options: BaseOptions): void;
+	//#endregion
+
+	//#region 震动 https://docs.alipay.com/mini/api/vibrate
+	/**
+	 * 调用震动功能。
+	 */
+	function vibrate(options?: BaseOptions): void;
+
+	/**
+	 * 调用震动功能。
+	 */
+	function vibrateLong(options?: BaseOptions): void;
+
+	/**
+	 * 调用震动功能。
+	 */
+	function vibrateShort(options?: BaseOptions): void;
+	//#endregion
+
+	//#region 拨打电话 https://docs.alipay.com/mini/api/macke-call
+	interface MakePhoneCallOptions extends BaseOptions {
+		/**
+		 * 需要拨打的电话号码
+		 */
+		number: string;
+	}
+	/**
+	 * 拨打电话
+	 */
+	function makePhoneCall(options: MakePhoneCallOptions): void;
+	//#endregion
+
+	//#region 获取服务器时间 https://docs.alipay.com/mini/api/get-server-time
+	interface GetServerTimeOptions extends BaseOptions {
+		success?(res: {
+			/** 服务器时间的毫秒数 */
+			time: number;
+		}): void;
+	}
+	function getServerTime(options: GetServerTimeOptions): void;
+	//#endregion
+
+	//#region 用户截屏事件 https://docs.alipay.com/mini/api/user-capture-screen
+	/**
+	 * 监听用户主动截屏事件，用户使用系统截屏按键截屏时触发此事件
+	 */
+	function onUserCaptureScreen(callback?: (res: any) => void): void;
+
+	/**
+	 * 取消监听截屏事件。一般需要与 my.onUserCaptureScreen 成对出现。
+	 */
+	function offUserCaptureScreen(): void;
+	//#endregion
+
+	//#region 屏幕亮度 https://docs.alipay.com/mini/api/screen-brightness
+	interface SetKeepScreenOnOptions extends BaseOptions {
+		/** 是否保持屏幕常亮 */
+		keepScreenOn: boolean;
+		success?(res: { errMsg: string }): void;
+	}
+	/**
+	 * 设置是否保持常亮状态。
+	 * 仅在当前小程序生效，离开小程序后设置失效。
+	 */
+	function setKeepScreenOn(options?: SetKeepScreenOnOptions): void;
+
+	interface GetScreenBrightnessOptions extends BaseOptions {
+		/** 屏幕亮度值，范围 0~1，0 最暗，1 最亮 */
+		success(value: number): void;
+	}
+	/**
+	 * 获取屏幕亮度
+	 */
+	function getScreenBrightness(options?: GetScreenBrightnessOptions): void;
+
+	interface SetScreenBrightnessOptions extends BaseOptions {
+		/** 需要设置的屏幕亮度，取值范围0-1 */
+		brightness: number;
+	}
+	/**
+	 * 设置屏幕亮度
+	 */
+	function setScreenBrightness(options: SetScreenBrightnessOptions): void;
+	//#endregion
+
+	//#region 权限引导 https://docs.alipay.com/mini/api/show-auth-guide
+	interface showAuthGuideOptions extends BaseOptions {
+		/**
+		 * 引导的权限标识，用于标识该权限类型(如 LBS)
+		 * 支持的 authType 如下：
+		 *
+		 * 权限名称	权限码	支持平台
+		 * 后台保活权限	BACKGROUNDER	Android
+		 * 桌面快捷权限	SHORTCUT	Android
+		 * 麦克风权限	MICROPHONE	iOS
+		 * 通讯录权限	ADDRESSBOOK	iOS
+		 * 相机权限	CAMERA	iOS
+		 * 照片权限	PHOTO	iOS
+		 * push通知栏权限	NOTIFICATION	iOS
+		 * 自启动权限	SELFSTARTING	Android
+		 * lbs总开关	LBSSERVICE	iOS
+		 * lbs开关(app)	LBS	iOS
+		 */
+		authType: 'BACKGROUNDER' | 'SHORTCUT' | 'MICROPHONE' | 'ADDRESSBOOK' | 'CAMERA' | 'PHOTO' | 'NOTIFICATION' | 'SELFSTARTING' | 'LBSSERVICE' | 'LBS';
+	}
+	function showAuthGuide(options: showAuthGuideOptions): void;
+	//#endregion
+}
+
+// 扫码
+declare namespace my {
+	//#region 扫码 https://docs.alipay.com/mini/api/scan
+	type scanType = "qr" | "bar";
+	interface ScanCodeData {
+		/**
+		 * 扫描二维码时返回二维码数据
+		 */
+		code: string;
+		/**
+		 * 所扫码的类型
+		 */
+		qrCode: string;
+		/**
+		 * 扫描条形码时返回条形码数据
+		 */
+		barCode: string;
+	}
+	interface ScanOptions extends BaseOptions {
+		/**
+		 * 扫码样式(默认 qr)：
+		 * 1. qr,扫码框样式为二维码扫码框
+		 * 1. bar，扫码样式为条形码扫码框
+		 */
+		type?: scanType;
+		/**
+		 * 是否隐藏相册（不允许从相册选择图片），只能从相机扫码
+		 */
+		hideAlbum?: boolean;
+		success?(res: ScanCodeData): void;
+	}
+	/**
+	 * 调起客户端扫码界面，扫码成功后返回对应的结果
+	 */
+	function scan(options: ScanOptions): void;
+	//#endregion
+}
+
+// 蓝牙
+declare namespace my {
+	//#region 快速接入 https://docs.alipay.com/mini/api/bluetooth-intro
+	//#endregion
+
+	//#region API https://docs.alipay.com/mini/api/bluetooth-api
+	interface OpenBluetoothAdapterOptions extends BaseOptions {
+		/** 不传的话默认是true，表示是否在离开当前页面时自动断开蓝牙(仅对android有效) */
+		autoClose: boolean;
+		success(res: {
+			/**
+			 * 是否支持 BLE
+			 */
+			isSupportBLE: boolean;
+		}): void;
+	}
+	/**
+	 * 初始化小程序蓝牙模块，生效周期为调用 my.openBluetoothAdapter 至调用 my.closeBluetoothAdapter 或小程序被销毁为止。 在小程序蓝牙适配器模块生效期间，开发者可以正常调用下面的小程序API，并会收到蓝牙模块相关的 on 事件回调。
+	 */
+	function openBluetoothAdapter(options: Partial<OpenBluetoothAdapterOptions>): void;
+
+	interface CloseBluetoothAdapterOptions extends BaseOptions {
+		success(res: any): void;
+	}
+	/**
+	 * 关闭本机蓝牙模块
+	 */
+	function closeBluetoothAdapter(options: CloseBluetoothAdapterOptions): void;
+
+	interface BluetoothAdapterStateData extends ErrMsgResponse {
+		/**
+		 * 是否正在搜索设备
+		 */
+		discovering: boolean;
+		/**
+		 * 蓝牙模块是否可用(需支持 BLE 并且蓝牙是打开状态)
+		 */
+		available: boolean;
+	}
+	interface GetBluetoothAdapterStateOptions extends BaseOptions {
+		success(res: BluetoothAdapterStateData): void;
+	}
+	/**
+	 * 获取本机蓝牙适配器状态
+	 */
+	function getBluetoothAdapterState(options: GetBluetoothAdapterStateOptions): void;
+
+	interface StartBluetoothDevicesDiscoveryOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备主 service 的 uuid 列表
+		 * 某些蓝牙设备会广播自己的主 service 的 uuid。如果这里传入该数组，那么根据该 uuid 列表，只搜索有这个主服务的设备。
+		 */
+		services?: string[];
+		/**
+		 * 否允许重复上报同一设备， 如果允许重复上报，则onDeviceFound 方法会多次上报同一设备，但是 RSSI 值会有不同
+		 */
+		allowDuplicatesKey?: boolean;
+		/**
+		 * 上报设备的间隔，默认为0，意思是找到新设备立即上报，否则根据传入的间隔上报
+		 */
+		interval?: number;
+	}
+	/**
+	 * 开始搜寻附近的蓝牙外围设备。搜索结果将在 my.onBluetoothDeviceFound 事件中返回。
+	 */
+	function startBluetoothDevicesDiscovery(options: StartBluetoothDevicesDiscoveryOptions): void;
+
+	interface StopBluetoothDevicesDiscoveryOptions extends BaseOptions {
+		success(res: ErrMsgResponse): void;
+	}
+	/**
+	 * 停止搜寻附近的蓝牙外围设备。请在确保找到需要连接的设备后调用该方法停止搜索。
+	 */
+	function stopBluetoothDevicesDiscovery(options: StopBluetoothDevicesDiscoveryOptions): void;
+
+	/**
+	 * 蓝牙设备信息
+	 */
+	interface BluetoothDevice {
+		/**
+		 * 蓝牙设备名称，某些设备可能没有
+		 */
+		name: string;
+		/**
+		 * (兼容旧版本) 值与 name 一致
+		 */
+		deviceName: string;
+		/**
+		 * 广播设备名称
+		 */
+		localName: string;
+		/**
+		 * 设备的 id
+		 */
+		deviceId: string;
+		/**
+		 * 设备信号强度
+		 */
+		RSSI: number;
+		/**
+		 * 设备的广播内容
+		 */
+		advertisData: ArrayBuffer;
+		/**
+		 * 设备的manufacturerData
+		 */
+		manufacturerData: ArrayBuffer;
+	}
+	interface GetBluetoothDevicesOptions extends BaseOptions {
+		success(
+			res: {
+				devices: BluetoothDevice[];
+			} & ErrMsgResponse
+		): void;
+	}
+	/**
+	 * 获取所有已发现的蓝牙设备，包括已经和本机处于连接状态的设备。
+	 */
+	function getBluetoothDevices(options: GetBluetoothDevicesOptions): void;
+
+	interface GetConnectedBluetoothDevicesOptions extends BaseOptions {
+		services?: string[];
+		success(
+			res: {
+				devices: BluetoothDevice[];
+			} & ErrMsgResponse
+		): void;
+	}
+	/**
+	 * 获取处于已连接状态的设备。
+	 */
+	function getConnectedBluetoothDevices(options: GetConnectedBluetoothDevicesOptions): void;
+
+	interface BLEDeviceOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备id
+		 */
+		deviceId: string;
+	}
+	/**
+	 * 连接低功耗蓝牙设备。
+	 */
+	function connectBLEDevice(options: BLEDeviceOptions): void;
+
+	/**
+	 * 断开与低功耗蓝牙设备的连接。
+	 */
+	function disconnectBLEDevice(options: BLEDeviceOptions): void;
+
+	interface WriteBLECharacteristicValueOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 蓝牙特征值对应服务的 uuid
+		 */
+		serviceId: string;
+		/**
+		 * 蓝牙特征值的 uuid
+		 */
+		characteristicId: string;
+		/**
+		 * 蓝牙设备特征值对应的值，16进制字符串，限制在20字节内
+		 */
+		value: string;
+	}
+	/**
+	 * 向低功耗蓝牙设备特征值中写入数据。
+	 */
+	function writeBLECharacteristicValue(
+		options: WriteBLECharacteristicValueOptions
+	): void;
+
+	interface ReadBLECharacteristicValueOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 蓝牙特征值对应服务的 uuid
+		 */
+		serviceId: string;
+		/**
+		 * 蓝牙特征值的 uuid
+		 */
+		characteristicId: string;
+		success(
+			res: {
+				characteristic: {
+					/**
+					 * 蓝牙设备特征值的 uuid
+					 */
+					characteristicId: string;
+					/**
+					 * 蓝牙设备特征值对应服务的 uuid
+					 */
+					serviceId: string;
+					/**
+					 * 蓝牙设备特征值对应的二进制值
+					 */
+					value: ArrayBuffer;
+				};
+			} & ErrMsgResponse
+		): void;
+	}
+
+	/**
+	 * 读取低功耗蓝牙设备特征值中的数据。调用后在 my.onBLECharacteristicValueChange() 事件中接收数据返回。
+	 */
+	function readBLECharacteristicValue(options: ReadBLECharacteristicValueOptions): void;
+
+	interface NotifyBLECharacteristicValueChangeOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 蓝牙特征值对应 service 的 uuid
+		 */
+		serviceId: string;
+		/**
+		 * 蓝牙特征值的 uuid
+		 */
+		characteristicId: string;
+		/**
+		 * notify 的 descriptor 的 uuid （只有android 会用到，非必填，默认值00002902-0000-10008000-00805f9b34fb）
+		 */
+		descriptorId?: string;
+		/**
+		 * 是否启用notify或indicate
+		 */
+		state?: boolean;
+	}
+	function notifyBLECharacteristicValueChange(optons: NotifyBLECharacteristicValueChangeOptions): void;
+
+	interface NotifyBLECharacteristicValueChangedOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 蓝牙特征值对应服务的 uuid
+		 */
+		serviceId: string;
+		/**
+		 * 蓝牙特征值的 uuid
+		 */
+		characteristicId: string;
+		/**
+		 * notify 的 descriptor 的 uuid （只有android 会用到，非必填，默认值00002902-0000-10008000-00805f9b34fb）
+		 */
+		descriptorId?: string;
+		/**
+		 * true: 启用 notify; false: 停用 notify
+		 */
+		state: boolean;
+		success(res: ErrMsgResponse): void;
+	}
+	/**
+	 * 启用低功耗蓝牙设备特征值变化时的 notify 功能。注意：设备的特征值必须支持 notify/indicate 才可以成功调用，具体参照 characteristic 的 properties 属性 另外，必须先启用 notify 才能监听到设备 characteristicValueChange 事件。
+	 */
+	function notifyBLECharacteristicValueChanged(options: NotifyBLECharacteristicValueChangedOptions): void;
+
+	interface GetBLEDeviceServicesOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 成功则返回本机蓝牙适配器状态
+		 */
+		success(res: {
+			services: Array<{
+				/**
+				 * 蓝牙设备服务的 uuid
+				 */
+				serviceId: string;
+				/**
+				 * 该服务是否为主服务
+				 */
+				isPrimary: boolean;
+			}>;
+		} & ErrMsgResponse): void;
+	}
+	/**
+	 * 获取蓝牙设备所有 service（服务）
+	 */
+	function getBLEDeviceServices(options: GetBLEDeviceServicesOptions): void;
+
+	interface GetBLEDeviceCharacteristicsOptions extends BaseOptions {
+		/**
+		 * 蓝牙设备 id，参考 device 对象
+		 */
+		deviceId: string;
+		/**
+		 * 蓝牙服务 uuid
+		 */
+		serviceId: string;
+		/**
+		 * 成功则返回本机蓝牙适配器状态
+		 */
+		success(res: {
+			characteristics: Array<{
+				/**
+				 * 蓝牙设备特征值的 uuid
+				 */
+				characteristicId: string;
+				/**
+				 * 蓝牙设备特征值对应服务的 uuid
+				 */
+				serviceId: string;
+				/**
+				 * 蓝牙设备特征值对应的16进制值
+				 */
+				value: ArrayBuffer;
+				/**
+				 * 该特征值支持的操作类型
+				 */
+				properties: Array<{
+					/**
+					 * 该特征值是否支持 read 操作
+					 */
+					read: boolean;
+					/**
+					 * 该特征值是否支持 write 操作
+					 */
+					write: boolean;
+					/**
+					 * 该特征值是否支持 notify 操作
+					 */
+					notify: boolean;
+					/**
+					 * 该特征值是否支持 indicate 操作
+					 */
+					indicate: boolean;
+				}>;
+			}>;
+		} & ErrMsgResponse): void;
+	}
+	/**
+	 * 获取蓝牙设备所有 characteristic（特征值）
+	 */
+	function getBLEDeviceCharacteristics(options: GetBLEDeviceCharacteristicsOptions): void;
+
+	interface OnBluetoothDeviceFoundOptions extends BaseOptions {
+		success?(res: {
+			devices: BluetoothDevice[];
+		}): void;
+	}
+	/**
+	 * 搜索到新的蓝牙设备时触发此事件。
+	 */
+	function onBluetoothDeviceFound(options: OnBluetoothDeviceFoundOptions): void;
+
+	/**
+	 * 移除寻找到新的蓝牙设备事件的监听。
+	 */
+	function offBluetoothDeviceFound(callback?: any): void;
+
+	interface OnBLECharacteristicValueChangeOptions extends BaseOptions {
+		success?(res: {
+			/**
+			 * 蓝牙设备 id，参考 device 对象
+			 */
+			deviceId: string;
+			/**
+			 * 蓝牙特征值对应 service 的 uuid
+			 */
+			serviceId: string;
+			/**
+			 * 蓝牙特征值的 uuid
+			 */
+			characteristicId: string;
+			/**
+			 * 特征值最新的16进制值
+			 */
+			value: ArrayBuffer;
+		}): void;
+	}
+	/**
+	 * 监听低功耗蓝牙设备的特征值变化的事件。
+	 */
+	function onBLECharacteristicValueChange(options: OnBLECharacteristicValueChangeOptions): void;
+
+	interface OnBLEConnectionStateChangedOptions extends BaseOptions {
+		success?(res: {
+			/**
+			 * 蓝牙设备 id，参考 device 对象
+			 */
+			deviceId: string;
+			/**
+			 * 连接目前的状态
+			 */
+			connected: boolean;
+		}): void;
+	}
+	/**
+	 * 移除低功耗蓝牙设备的特征值变化事件的监听。
+	 */
+	function offBLECharacteristicValueChange(callback?: any): void;
+
+	/**
+	 * 监听低功耗蓝牙连接的错误事件，包括设备丢失，连接异常断开等。
+	 */
+	function onBLEConnectionStateChanged(options: OnBLEConnectionStateChangedOptions): void;
+
+	/**
+	 * 移除低功耗蓝牙连接状态变化事件的监听。
+	 */
+	function offBLEConnectionStateChanged(): void;
+
+	interface BluetoothAdapterState {
+		/**
+		 * 蓝牙适配器是否可用
+		 */
+		available: boolean;
+		/**
+		 * 蓝牙适配器是否处于搜索状态
+		 */
+		discovering: boolean;
+	}
+	/**
+	 * 监听本机蓝牙状态变化的事件。
+	 */
+	function onBluetoothAdapterStateChange(callback: (res: BluetoothAdapterState) => void): void;
+
+	/**
+	 * 移除本机蓝牙状态变化的事件的监听。
+	 */
+	function offBluetoothAdapterStateChange(): void;
+	//#endregion
+}
+
+// iBeacon
+declare namespace my {
+	//#region iBeacon https://docs.alipay.com/mini/api/yqleyc
+	interface StartBeaconDiscoveryOptions extends BaseOptions {
+		/**
+		 * iBeacon设备广播的 uuids
+		 */
+		uuids: string[];
+		success?(res: ErrMsgResponse): void;
+	}
+	/**
+	 * 开始搜索附近的iBeacon设备
+	 */
+	function startBeaconDiscovery(options: StartBeaconDiscoveryOptions): void;
+
+	interface StopBeaconDiscoveryOptions extends BaseOptions {
+		success?(res: ErrMsgResponse): void;
+	}
+	/**
+	 * 停止搜索附近的iBeacon设备
+	 */
+	function stopBeaconDiscovery(options: StopBeaconDiscoveryOptions): void;
+
+	interface Beacon {
+		/** iBeacon 设备广播的 uuid */
+		uuid: string;
+		/** iBeacon 设备的主 id */
+		major: string;
+		/** iBeacon 设备的次 id */
+		minor: string;
+		/** 表示设备距离的枚举值(0-3分别代表：未知、极近、近、远) */
+		proximity: 0 | 1 | 2 | 3;
+		/** iBeacon 设备的距离 */
+		accuracy: number;
+		/** iBeacon 信号强度 */
+		rssi: number;
+	}
+	interface GetBeaconsSuccess {
+		beacons: Beacon[];
+		/**
+		 * errorCode=0 ,接口调用成功
+		 */
+		errCode: string;
+		/**
+		 * ok
+		 */
+		errMsg: string;
+	}
+	interface GetBeaconsOptions extends BaseOptions {
+		success?(options: GetBeaconsSuccess): void;
+	}
+	/**
+	 * 获取所有已搜索到的iBeacon设备
+	 */
+	function getBeacons(options: GetBeaconsOptions): void;
+
+	interface BeaconUpdateOptions extends BaseOptions {
+		success?(res: {
+			beacons: Beacon[];
+		}): void;
+	}
+	/**
+	 * 监听 iBeacon 设备的更新事件
+	 */
+	function onBeaconUpdate(options: BeaconUpdateOptions): void;
+
+	interface BeaconServiceChangeOptions extends BaseOptions {
+		success?(res: {
+			/**
+			 * 服务目前是否可用
+			 */
+			available: boolean;
+			/**
+			 * 目前是否处于搜索状态
+			 */
+			discovering: boolean;
+		}): void;
+	}
+	/**
+	 * 监听 iBeacon 服务的状态变化
+	 */
+	function onBeaconServiceChange(options: BeaconServiceChangeOptions): void;
+	//#endregion
+}
+
+// 数据安全
+declare namespace my {
+	//#region 数据安全 https://docs.alipay.com/mini/api/data-safe
+	interface RsaOptions extends BaseOptions {
+		/**
+		 * 使用rsa加密还是rsa解密，encrypt加密，decrypt解密
+		 */
+		action: string;
+		/**
+		 * 要处理的文本，加密为原始文本，解密为Base64编码格式文本
+		 */
+		text: string;
+		/**
+		 * rsa秘钥，加密使用公钥，解密使用私钥
+		 */
+		key: string;
+		success?(res: {
+			/**
+			 * 经过处理过后得到的文本，加密为Base64编码文本，解密为原始文本
+			 */
+			text: string;
+		}): void;
+	}
+	/**
+	 * 非对称加密。
+	 */
+	function rsa(options: RsaOptions): void;
+	//#endregion
+}
+
+// 分享
+declare namespace my {
+	//#region 分享 https://docs.alipay.com/mini/api/share_app
+	//#endregion
+}
+
+// 自定义分析
+declare namespace my {
+	//#region 自定义分析 https://docs.alipay.com/mini/api/report
+	/**
+	 * 自定义分析数据的上报接口。使用前需要在小程序管理后台的事件管理中新建事件，并配置好事件名和字段。
+	 *
+	 * @param eventName 自定义事件名，需申请
+	 * @param data 上报的数据
+	 */
+	function reportAnalytics(eventName: string, data: any): void;
+
+	/**
+	 * 隐藏分享按钮。
+	 */
+	function hideShareMenu(options?: BaseOptions): void;
+	//#endregion
+}
+
+declare namespace my {
+	interface LaunchOptions {
+		/**
+		 * 打开小程序的路径
+		 */
+		path: string;
+		/**
+		 * 打开小程序的query
+		 */
+		query: object;
+		/**
+		 * 打开小程序的[场景值]
+		 */
+		scene: number;
+		/**
+		 * shareTicket，详见 获取更多[转发信息]
+		 */
+		shareTicket: string;
+		/**
+		 * 当场景为由从另一个小程序或公众号或App打开时，返回此字段
+		 */
+		referrerInfo: object;
+		/**
+		 * 来源小程序或公众号或App的 appId，详见下方说明
+		 */
+		"referrerInfo.appId": string;
+		/**
+		 * 来源小程序传过来的数据，scene=1037或1038时支持
+		 */
+		"referrerInfo.extraData": object;
+		// #endregion
+	}
+	interface AppOptions {
+		/**
+		 * 监听小程序初始化。
+		 * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
+		 * 生命周期函数
+		 */
+		onLaunch?: (this: App, option: LaunchOptions) => void;
+		/**
+		 * 监听小程序显示。
+		 * 当小程序启动，或从后台进入前台显示，会触发 onShow
+		 * 生命周期函数
+		 */
+		onShow?: (this: App, option: LaunchOptions) => void;
+		/**
+		 * 监听小程序隐藏。
+		 * 当小程序从前台进入后台，会触发 onHide
+		 * 生命周期函数
+		 */
+		onHide?: (this: App) => void;
+		/**
+		 * 错误监听函数
+		 * 当小程序发生脚本错误或者 api 调用失败时
+		 * 会触发 onError 并带上错误信息
+		 */
+		onError?: (this: App, msg: string) => void;
+		/**
+		 * 小程序退出时触发
+		 */
+		onUnlaunch?: (this: App) => void;
+		/**
+		 * 全局Data
+		 */
+		globalData?: object;
+		[key: string]: any;
+	}
+	interface CreateIntersectionObserverOption {
+		thresholds?: [number, number];
+		initialRatio?: number;
+		selectAll?: boolean;
+	}
+
+	interface Margins {
+		left?: number;
+		right?: number;
+		top?: number;
+		bottom?: number;
+	}
+	interface ObserveResponse {
+		id: string;
+		dataset: any;
+		time: number;
+		intersectionRatio: number; // 相交区域占目标节点的布局区域的比例
+		boundingClientRect: RectArea;
+		intersectionRect: RectArea;
+		relativeRect: RectArea;
+	}
+	interface IntersectionObserver {
+		relativeTo(selector?: string, margins?: Margins): IntersectionObserver;
+		relativeToViewport(margins?: Margins): IntersectionObserver;
+		observe(
+			selector?: string,
+			callback?: (response: ObserveResponse) => void
+		): IntersectionObserver;
+		disconnect(): void;
+	}
+	interface ComponentRelation {
+		/** 目标组件的相对关系，可选的值为 parent 、 child 、 ancestor 、 descendant */
+		type: "parent" | "child" | "ancestor" | "descendant";
+		/** 如果这一项被设置，则它表示关联的目标节点所应具有的behavior，所有拥有这一behavior的组件节点都会被关联 */
+		target?: string;
+		/** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
+		linked?: (target: Component) => void;
+		/** 关系生命周期函数，当关系在页面节点树中发生改变时触发，触发时机在组件moved生命周期之后 */
+		linkChanged?: (target: Component) => void;
+		/** 关系生命周期函数，当关系脱离页面节点树时触发，触发时机在组件detached生命周期之后 */
+		unlinked?: (target: Component) => void;
+	}
+	interface Component {
+		/**
+		 * 组件的文件路径
+		 */
+		is: string;
+		/**
+		 * 节点id
+		 */
+		id: string;
+		/**
+		 * 节点dataset
+		 */
+		dataset: string;
+		/**
+		 * 组件数据，包括内部数据和属性值
+		 */
+		data: any;
+
+		/**
+		 * 组件数据，包括内部数据和属性值（与 data 一致）
+		 */
+		properties: any;
+		/**
+		 * 将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值
+		 * 1. 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。
+		 * 2. 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
+		 * 3. 请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题
+		 * @param data object 以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value
+		 * @param [callback] callback 是一个回调函数，在这次setData对界面渲染完毕后调用
+		 */
+		setData(
+			data: any,
+			callback?: () => void
+		): void;
+		hasBehavior(behavior: any): boolean;
+		triggerEvent(
+			name: string,
+			details?: any,
+			options?: Partial<{
+				bubbles: boolean;
+				composed: boolean;
+				capturePhase: boolean;
+			}>
+		): void;
+		createSelectorQuery(): SelectorQuery;
+		createIntersectionObserver(
+			options?: CreateIntersectionObserverOption
+		): IntersectionObserver;
+		/**
+		 * 使用选择器选择组件实例节点
+		 * 返回匹配到的第一个组件实例对象
+		 */
+		selectComponent(selector: string): Component;
+		/**
+		 * selector  使用选择器选择组件实例节点，返回匹配到的全部组件实例对象组成的数组
+		 */
+		selectAllComponents(selector: string): Component[];
+		getRelationNodes(relationKey: string): ComponentRelation[];
+	}
+	interface Page extends Component {
+		/**
+		 * data
+		 */
+		data: any;
+		/**
+		 * 强制更新
+		 */
+		forceUpdate(): void;
+		/**
+		 * 字段可以获取到当前页面的路径。
+		 */
+		route(): void;
+		/**
+		 * 更新
+		 */
+		update(): void;
+		/**
+		 * 将页面滚动到目标位置。
+		 *
+		 * scrollTop 滚动到页面的目标位置（单位px）
+		 * [duration] 滚动动画的时长，默认300ms，单位 ms
+		 */
+		pageScrollTo(option?: PageScrollToOptions): void;
+		[key: string]: any;
+	}
+	interface App {
+		data: any;
+		/**
+		 * 获取当前页面
+		 */
+		getCurrentPage(): Page;
+		[key: string]: any;
+	}
+	interface EventTarget {
+		id: string;
+		tagName: string;
+		dataset: { [name: string]: string };
+	}
+	type TouchEventType =
+		| "tap"
+		| "touchstart"
+		| "touchmove"
+		| "touchcancel"
+		| "touchend"
+		| "touchforcechange";
+
+	type TransitionEventType =
+		| "transitionend"
+		| "animationstart"
+		| "animationiteration"
+		| "animationend";
+
+	type EventType =
+		| "input"
+		| "form"
+		| "submit"
+		| "scroll"
+		| TouchEventType
+		| TransitionEventType
+		| "tap"
+		| "longpress";
+	interface BaseEvent<T extends string, Detail> {
+		type: T;
+		timeStamp: number;
+		currentTarget: EventTarget;
+		target: EventTarget;
+		detail: Detail;
+	}
+	interface Options {
+		query: any;		// 当前小程序的 query
+		path: string;	// 当前小程序的页面地址
+	}
+	interface PageOptions {
+		data: any;
+		onLaunch(this: Page, options: Options): void;
+		onShow(this: Page, options: Options): void;
+		onHide(this: Page): void;
+		onError(this: Page): void;
+		[key: string]: any;
+	}
+	function postMessage(param: any): void;
+	type onMessageFun = (p: any) => void;
+	let onMessage: onMessageFun;
+}
+
+declare function App(app: Partial<my.AppOptions & my.App>): void;
+
+declare function getApp(): my.App;
+
+declare function Behavior(options?: any): my.Component;
+
+declare function Component(options?: any): my.Component;
+
+declare function Page(options: Partial<my.PageOptions & my.Page>): void;
+
+declare function getCurrentPages(): my.Page[];
diff --git a/types/ali-app/tsconfig.json b/types/ali-app/tsconfig.json
new file mode 100644
index 0000000000..a2402fac2c
--- /dev/null
+++ b/types/ali-app/tsconfig.json
@@ -0,0 +1,28 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"lib": [
+			"esnext",
+			"dom"
+		],
+		"noImplicitAny": true,
+		"noImplicitThis": true,
+		"strictNullChecks": true,
+		"strictFunctionTypes": true,
+		"baseUrl": "../",
+		"typeRoots": [
+			"../"
+		],
+		"types": [],
+		"noEmit": true,
+		"forceConsistentCasingInFileNames": true,
+		"esModuleInterop": true
+	},
+	"files": [
+		"index.d.ts",
+		"ali-app-tests.ts"
+	],
+	"exclude": [
+		".prettierrc"
+	]
+}
\ No newline at end of file
diff --git a/types/ali-app/tslint.json b/types/ali-app/tslint.json
new file mode 100644
index 0000000000..f491d1bed9
--- /dev/null
+++ b/types/ali-app/tslint.json
@@ -0,0 +1,7 @@
+{
+	"extends": "dtslint/dt.json",
+	"rules": {
+		"no-mergeable-namespace": false,
+		"no-unnecessary-generics": false
+	}
+}
\ No newline at end of file
diff --git a/types/ali-oss/ali-oss-tests.ts b/types/ali-oss/ali-oss-tests.ts
new file mode 100644
index 0000000000..dc751b8d44
--- /dev/null
+++ b/types/ali-oss/ali-oss-tests.ts
@@ -0,0 +1,25 @@
+import * as OSS from 'ali-oss';
+
+const ossOptions: OSS.Options = {
+    accessKeyId: 'your access key',
+    accessKeySecret: 'your access secret',
+    bucket: 'your bucket name',
+    region: 'oss-cn-hangzhou'
+};
+
+const client = new OSS(ossOptions);
+
+const clusterOptions: OSS.ClusterOptions = {
+    clusters: [],
+};
+
+const clusterClient = new OSS.Cluster(clusterOptions);
+
+const imageOptions: OSS.ImageClientOptions = {
+    imageHost: 'xxxx',
+    accessKeyId: 'xxxx',
+    accessKeySecret: 'xxxx',
+    bucket: 'xxxx'
+};
+
+const imageClient = new OSS.ImageClient(imageOptions);
diff --git a/types/ali-oss/index.d.ts b/types/ali-oss/index.d.ts
new file mode 100644
index 0000000000..13f7f56ff9
--- /dev/null
+++ b/types/ali-oss/index.d.ts
@@ -0,0 +1,873 @@
+// Type definitions for ali-oss 6.0
+// Project: https://github.com/ali-sdk/ali-oss
+// Definitions by: Ptrdu <https://github.com/ptrdu>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+export = OSS;
+
+// basic OSS
+declare namespace OSS {
+    interface Options {
+        accessKeyId: string; // access secret you create
+        accessKeySecret: string; // access secret you create
+        stsToken?: string; // used by temporary authorization
+        bucket?: string; //  the default bucket you want to access If you don't have any bucket, please use putBucket() create one first.
+        endpoint?: string; // oss region domain. It takes priority over region.
+        region?: string; // the bucket data region location, please see Data Regions, default is oss-cn-hangzhou.
+        internal?: boolean; //  access OSS with aliyun internal network or not, default is false. If your servers are running on aliyun too, you can set true to save lot of money.
+        secure?: boolean; // instruct OSS client to use HTTPS (secure: true) or HTTP (secure: false) protocol.
+        timeout?: string | number; // instance level timeout for all operations, default is 60s
+    }
+
+    interface Bucket {
+        name: string;
+        region: string;
+        creationDate: string;
+        StorageClass: StorageType;
+    }
+
+    type StorageType = "Standard" | "IA" | "Archive";
+
+    type ACLType = "public-read-write" | "public-read" | "and private";
+
+    type HTTPMethods = "GET" | "POST" | "DELETE" | "PUT";
+
+    interface RequestOptions {
+        // the operation timeout
+        timeout?: number;
+    }
+
+    type RuleStatusType = "Enabled" | "Disabled";
+
+    interface LifecycleRule {
+        id?: string; // rule id, if not set, OSS will auto create it with random string.
+        prefix: string; // store prefix
+        status: RuleStatusType; // rule status, allow values: Enabled or Disabled
+        days?: number | string; // expire after the days
+        date: string; // expire date, e.g.: 2022-10-11T00:00:00.000Z date and days only set one.
+    }
+
+    interface CORSRule {
+        allowedOrigin: string | string[]; // configure for Access-Control-Allow-Origin header
+        allowedMethod: string | string[]; // configure for Access-Control-Allow-Methods header
+        allowedHeader?: string | string[]; // configure for Access-Control-Allow-Headers header
+        exposeHeader?: string | string[]; // configure for Access-Control-Expose-Headers header
+        maxAgeSeconds?: string | string[]; // configure for Access-Control-Max-Age header
+    }
+
+    interface OwnerType {
+        id: string;
+        displayName: string;
+    }
+
+    interface ObjectMeta  {
+        name: string; // object name on oss
+        lastModified: string; // object last modified GMT date, e.g.: 2015-02-19T08:39:44.000Z
+        etag: string; // object etag contains ", e.g.: "5B3C1A2E053D763E1B002CC607C5A0FE"
+        type: string; // object type, e.g.: Normal
+        size: number; // object size, e.g.: 344606
+        storageClass: StorageType;
+        owner: OwnerType;
+    }
+
+    interface NormalSuccessResponse {
+        // response status
+        status: number;
+        // response headers
+        headers: object; // todo the object in detail
+        // response size
+        size: number;
+        //  request total use time (ms)
+        rt: number;
+    }
+
+    interface UserMeta {
+        uid: number;
+        pid: number;
+    }
+
+    interface ObjectCallback {
+        url: string; // After a file is uploaded successfully, the OSS sends a callback request to this URL.
+        host?: string; // The host header value for initiating callback requests.
+        body: string; // The value of the request body when a callback is initiated, for example, key=$(key)&etag=$(etag)&my_var=$(x:my_var).
+        contentType?: string; // The Content-Type of the callback requests initiatiated, It supports application/x-www-form-urlencoded and application/json, and the former is the default value.
+        customValue?: object;
+        headers?: object; //  extra headers, detail see RFC 2616
+    }
+
+    interface ModifyData {
+        lastModified: string; //  object last modified GMT string
+        etag: string; // object etag contains ", e.g.: "5B3C1A2E053D763E1B002CC607C5A0FE"
+    }
+
+    interface Checkpoint  {
+        file: any; // The file object selected by the user, if the browser is restarted, it needs the user to manually trigger the settings
+        name: string; //  object key
+        fileSize: number;
+        partSize: number;
+        uploadId: string;
+        doneParts: Array<{ number: number, etag: string }>;
+    }
+
+    interface ObjectPart {
+        PartNumber: number;
+        LastModified: any; // {Date} Time when a part is uploaded.
+        ETag: string;
+        size: number;
+    }
+
+    interface Upload {
+        name: string;
+        uploadId: string;
+        initiated: any;
+    }
+
+    interface Channel {
+        Name: string;
+        Description: string;
+        Status: string;
+        LastModified: string;
+        PublishUrls: string[];
+        PlayUrls: string[];
+    }
+
+    interface ChannelHistory {
+        StartTime: string; //
+        EndTime: string;
+        RemoteAddr: string; //  the remote addr
+    }
+// parameters type
+    interface ListBucketsQueryType {
+        prefix?: string; // search buckets using prefix key
+        marker?: string; // search start from marker, including marker key
+        'max-keys'?: string | number; // max buckets, default is 100, limit to 1000
+    }
+
+    interface PutBucketOptions {
+        timeout: number;
+        storageClass: StorageType;
+    }
+
+    interface PutBucketWebsiteConfig {
+        index: string; // default page, e.g.: index.html
+        error?: string; // error page, e.g.: 'error.html'
+    }
+
+    interface ListObjectsQuery {
+        prefix?: string; // search object using prefix key
+        marker?: string; // search start from marker, including marker key
+        delimiter?: string; // delimiter search scope e.g. / only search current dir, not including subdir
+        'max-keys': string | number; // max objects, default is 100, limit to 1000
+    }
+
+    interface ListObjectResult {
+        objects: ObjectMeta[];
+        prefixes: string[];
+        isTruncated: boolean;
+        nextMarker: string;
+        res: NormalSuccessResponse;
+    }
+
+    interface PutObjectOptions {
+        timeout?: number; // the operation timeout
+        mime?: string; // custom mime, will send with Content-Type entity header
+        meta?: UserMeta; // user meta, will send with x-oss-meta- prefix string e.g.: { uid: 123, pid: 110 }
+        callback: ObjectCallback;
+    }
+
+    interface PutObjectResult {
+        name: string;
+        data: object;
+        res: NormalSuccessResponse;
+    }
+
+    interface PutStreamOptions {
+        contentLength?: number; // the stream length, chunked encoding will be used if absent
+        timeout: number; // the operation timeout
+        mime: string; // custom mime, will send with Content-Type entity header
+        meta: UserMeta;
+        callback: ObjectCallback;
+    }
+
+    interface AppendObjectOptions {
+        position?: string; // specify the position which is the content length of the latest object
+        timeout?: number; // the operation timeout
+        mime?: string; // custom mime, will send with Content-Type entity header
+        meta?: UserMeta;
+        headers?: object;
+    }
+
+    interface AppendObjectResult {
+        name: string;
+        url: string; // the url of oss
+        res: NormalSuccessResponse;
+        nextAppendPosition: string; // the next position
+    }
+
+    interface HeadObjectOptions {
+        timeout?: number;
+        headers?: object;
+    }
+
+    interface HeadObjectResult {
+        status: number; // response status, maybe 200 or 304
+        meta: UserMeta;
+        res: NormalSuccessResponse;
+    }
+
+    interface GetObjectOptions {
+        timeout?: number;
+        process?: string; // image process params, will send with x-oss-process e.g.: {process: 'image/resize,w_200'}
+        headers?: object;
+    }
+
+    interface GetObjectResult {
+        content?: any; // file content buffer if file parameter is null or ignore
+        res: NormalSuccessResponse;
+    }
+
+    interface GetStreamOptions {
+        timeout?: number;
+        process?: string; // image process params, will send with x-oss-process e.g.: {process: 'image/resize,w_200'}
+        headers?: object;
+    }
+
+    interface GetStreamResult {
+        stream?: any; // readable stream instance if response status is not 200, stream will be null.
+        res: NormalSuccessResponse;
+    }
+
+    interface CopyObjectOptions {
+        timeout?: number;
+        meta?: UserMeta;
+        headers?: object;
+    }
+
+    interface CopyAndPutMetaResult {
+        data: ModifyData;
+        res: NormalSuccessResponse;
+    }
+
+    interface DeleteMultiOptions {
+        quite?: boolean; // quite mode or verbose mode, default is false
+        timeout?: number;
+    }
+
+    interface DeleteMultiResult {
+        deleted?: string[]; // deleted object names list
+        res: NormalSuccessResponse;
+    }
+
+    interface ResponseHeaderType {
+        'content-type'?: string;
+        'content-disposition'?: string;
+        'cache-control'?: string;
+    }
+
+    interface SignatureUrlOptions {
+        expires?: number; // after expires seconds, the url will become invalid, default is 1800
+        method?: HTTPMethods; // the HTTP method, default is 'GET'
+        'Content-Type'?: string; // set the request content type
+        process?: string;
+        response?: ResponseHeaderType; // set the response headers for download
+        callback?: ObjectCallback;
+    }
+
+    interface GetACLResult {
+        acl: ACLType;
+        res: NormalSuccessResponse;
+    }
+
+    interface InitMultipartUploadOptions {
+        timeout?: number;
+        mime?: string; // Mime file type
+        meta?: UserMeta;
+        headers?: object;
+    }
+
+    interface InitMultipartUploadResult {
+        res: { status: number, headers: object, size: number, rt: number };
+        bucket: string; // bucket name
+        name: string; // object name store on OSS
+        uploadId: string; // upload id, use for uploadPart, completeMultipart
+    }
+
+    interface UploadPartResult {
+        name: string;
+        etag: string;
+        res: NormalSuccessResponse;
+    }
+
+    interface CompleteMultipartUploadOptions {
+        timeout?: number;
+        callback?: ObjectCallback;
+        headers?: object;
+    }
+
+    interface CompleteMultipartUploadResult {
+        bucket: string;
+        name: string;
+        etag: string;
+        data: object;
+        res: NormalSuccessResponse;
+    }
+
+    interface MultipartUploadOptions {
+        parallel?: number; // the number of parts to be uploaded in parallel
+        partSize?: number; // the suggested size for each part
+        progress?: (...args: any[]) => any; // the progress callback called after each successful upload of one part
+        checkpoint?: Checkpoint; // the checkpoint to resume upload, if this is provided, it will continue the upload from where interrupted, otherwise a new multipart upload will be created.
+        meta?: UserMeta;
+        mime?: string;
+        callback?: ObjectCallback;
+        headers?: object;
+        timeout?: number;
+        copyheaders?: object; //  {Object} only uploadPartCopy api used, detail
+    }
+
+    interface MultipartUploadResult {
+        bucket: string;
+        name: string;
+        etag: string;
+        data: object;
+        res: NormalSuccessResponse;
+    }
+
+    interface MultipartUploadCopyResult {
+        bucket: string;
+        name: string;
+        etag: string;
+        res: NormalSuccessResponse;
+    }
+
+    interface MultipartUploadCopySourceData {
+        sourceKey: string; // the source object name
+        sourceBucketName: string; // sourceData.  the source bucket name
+        startOffset: number; // data copy start byte offset, e.g: 0
+        endOffset: number; // data copy end byte offset, e.g: 102400
+    }
+
+    interface ListPartsQuery {
+        'max-parts': number; // The maximum part number in the response of the OSS. default value: 1000.
+        'part-number-marker': number; // Starting position of a specific list. A part is listed only when the part number is greater than the value of this parameter.
+        'encoding-type': string; // Specify the encoding of the returned content and the encoding type. Optional value: url
+    }
+
+    interface ListPartsResult {
+        uploadId: string;
+        bucket: string;
+        name: string;
+        PartNumberMarker: number;
+        nextPartNumberMarker: number;
+        maxParts: number;
+        isTruncated: boolean;
+        parts: ObjectPart[];
+        res: NormalSuccessResponse;
+    }
+
+    interface ListUploadsQuery {
+        prefix?: string;
+        'max-uploads'?: number;
+        'key-marker'?: string;
+        'upload-id-marker'?: string;
+    }
+
+    interface ListUploadsResult {
+        res: NormalSuccessResponse;
+        bucket: string;
+        nextKeyMarker: any;
+        nextUploadIdMarker: any;
+        isTruncated: boolean;
+        uploads: Upload[];
+    }
+
+    interface PutChannelConf {
+        Description?: string;
+        Status?: string;
+        Target?: {
+            Type: string,
+            FragDuration: number,
+            FragCount: number,
+            PlaylistName: string
+        };
+    }
+
+    interface PutChannelResult {
+        publishUrls: string[];
+        playUrls: string[];
+        res: NormalSuccessResponse;
+    }
+
+    interface GetChannelResult {
+        Status: string;
+        ConnectedTime?: string;
+        RemoteAddr?: string;
+        Video?: object;
+        Audio?: object;
+        res: NormalSuccessResponse;
+    }
+
+    interface ListChannelsQuery {
+        prefix: string; // the channel id prefix (returns channels with this prefix)
+        marker: string; // the channel id marker (returns channels after this id)
+        'max-keys ': number; // max number of channels to return
+    }
+
+    interface ListChannelsResult {
+        channels: Channel[];
+        nextMarker: string | null;
+        isTruncated: boolean;
+        res: NormalSuccessResponse;
+    }
+
+    interface ChannelHistoryResult {
+        records: ChannelHistory;
+        res: NormalSuccessResponse;
+    }
+
+    interface GetRtmpUrlOptions {
+        expires?: number; // the expire time in seconds of the url
+        params?: object; // the additional parameters for url, e.g.: {playlistName: 'play.m3u8'}
+        timeout?: number; // the operation timeout
+    }
+}
+
+/// cluster
+declare namespace OSS {
+    interface ClusterType {
+        host: string;
+        accessKeyId: string;
+        accessKeySecret: string;
+    }
+
+    interface ClusterOptions {
+        clusters: ClusterType[];
+        schedule?: string;
+    }
+
+    class Cluster {
+        constructor(options: ClusterOptions)
+
+        list(query: ListObjectsQuery | null, options: RequestOptions): Promise<ListObjectResult>;
+
+        put(name: string, file: any, options?: PutObjectOptions): Promise<PutObjectResult>;
+
+        putStream(name: string, stream: any, options?: PutStreamOptions): Promise<{ name: string, res: NormalSuccessResponse }>;
+
+        head(name: string, options?: HeadObjectOptions): Promise<HeadObjectResult>;
+
+        get(name: string, file?: any, options?: GetObjectOptions): Promise<GetObjectResult>;
+
+        getStream(name?: string, options?: GetStreamOptions): Promise<GetStreamResult>;
+
+        delete(name: string, options?: RequestOptions): Promise<NormalSuccessResponse>;
+
+        copy(name: string, sourceName: string, options?: CopyObjectOptions): Promise<CopyAndPutMetaResult>;
+
+        putMeta(name: string, meta: UserMeta, options: RequestOptions): Promise<CopyAndPutMetaResult>;
+
+        deleteMulti(names: string[], options?: DeleteMultiOptions): Promise<DeleteMultiResult>;
+
+        signatureUrl(name: string, options?: SignatureUrlOptions): string;
+
+        putACL(name: string, acl: ACLType, options?: RequestOptions): Promise<NormalSuccessResponse>;
+
+        restore(name: string, options?: RequestOptions): Promise<NormalSuccessResponse>;
+    }
+}
+
+// image
+declare namespace OSS {
+    interface ImageClientOptions {
+        imageHost: string; // your image service domain that binding to a OSS bucket
+        accessKeyId: string; // access key you create on aliyun console website
+        accessKeySecret: string; // access secret you create
+        bucket: string; //  the default bucket you want to access If you don't have any bucket, please use putBucket() create one first.
+        region?: string; // the bucket data region location, please see Data Regions, default is oss-cn-hangzhou
+        internal?: boolean; // access OSS with aliyun internal network or not, default is false If your servers are running on aliyun too, you can set true to save lot of money.
+        timeout?: string | number; // instance level timeout for all operations, default is 60s
+    }
+
+    interface ImageGetOptions {
+        timeout?: number;
+        headers?: object;
+    }
+
+    interface StyleData {
+        Name: string; // style name
+        Content: string; // style content
+        CreateTime: string; // style create time
+        LastModifyTime: string; // style last modify time
+    }
+
+    class ImageClient {
+        constructor(options: ImageClientOptions)
+
+        /**
+         * Get an image from the image channel.
+         */
+        get(name: string, file?: any, options?: ImageGetOptions): Promise<{ content: any, res: NormalSuccessResponse }>;
+
+        /**
+         * Get an image read stream.
+         */
+        getStream(name: string, options?: ImageGetOptions): Promise<{ stream: any, res: NormalSuccessResponse }>;
+
+        /**
+         * Get a image exif info by image object name from the image channel.
+         */
+        getExif(name: string, options?: RequestOptions): Promise<{ data: object, res: NormalSuccessResponse }>;
+
+        /**
+         * Get a image info and exif info by image object name from the image channel.
+         */
+        getInfo(name: string, options?: RequestOptions): Promise<{ data: object, res: NormalSuccessResponse }>;
+
+        /**
+         * todo
+         */
+        putStyle(name: string, style: string, options?: RequestOptions): Promise<{ data: object, res: NormalSuccessResponse }>;
+
+        /**
+         * Get a style by name from the image channel.
+         */
+        getStyle(name: string, options?: RequestOptions): Promise<{ data: StyleData, res: NormalSuccessResponse}>;
+
+        /**
+         * Get all styles from the image channel.
+         */
+        listStyle(options?: RequestOptions): Promise<StyleData[]>;
+
+        /**
+         * todo
+         */
+        deleteStyle(styleName: string, options?: RequestOptions): Promise<NormalSuccessResponse>;
+
+        /**
+         * Create a signature url for directly download.
+         */
+        signatureUrl(name: string, options?: { expires?: string, timeout?: string }): string;
+    }
+}
+
+declare class OSS {
+    constructor(options: OSS.Options)
+
+    /******************************************* the bucket operations *************************************************/
+
+    // base operators
+    /**
+     * List buckets in this account.
+     */
+    listBuckets(query: OSS.ListBucketsQueryType | null, options?: OSS.RequestOptions): Promise<OSS.Bucket[]>;
+
+    /**
+     * Create a new bucket.
+     */
+    putBucket(name: string, options?: OSS.PutBucketOptions): Promise<{ bucket: string, res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Use the bucket.
+     */
+    useBucket(name: string): void;
+
+    /**
+     * Delete an empty bucket.
+     */
+    deleteBucket(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get bucket information,include CreationDate、ExtranetEndpoint、IntranetEndpoint、Location、Name、StorageClass、 Owner、AccessControlList
+     */
+    getBucketInfo(name: string): Promise<any>;
+
+    /**
+     * Get bucket location
+     */
+    getBucketLocation(name: string): Promise<any>;
+
+    // ACL operations
+    /**
+     * Update the bucket ACL.
+     */
+    putBucketACL(name: string, acl: OSS.ACLType, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the bucket ACL.
+     *   acl - acl settings string
+     */
+    getBucketACL(name: string, options?: OSS.RequestOptions): Promise<{ acl: string, res: OSS.NormalSuccessResponse }>;
+
+    // logging operations
+    /**
+     * Update the bucket logging settings. Log file will create every one hour and name format: <prefix><bucket>-YYYY-mm-DD-HH-MM-SS-UniqueString.
+     */
+    putBucketLogging(name: string, prefix?: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the bucket logging settings.
+     */
+    getBucketLogging(name: string, options?: OSS.RequestOptions): Promise<{ enable: boolean, prefix: string | null, res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete the bucket logging settings.
+     */
+    deleteBucketLogging(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    // Website operations
+    /**
+     * Set the bucket as a static website.
+     */
+    putBucketWebsite(name: string, config: OSS.PutBucketWebsiteConfig): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the bucket website config.
+     */
+    getBucketWebsite(name: string, options?: OSS.RequestOptions): Promise<{ index: string, error: string, res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete the bucket website config.
+     */
+    deleteBucketWebsite(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    // referer operations
+    /**
+     * Set the bucket request Referer white list.
+     */
+    putBucketReferer(name: string, allowEmpty: boolean, referers: string[], options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the bucket request Referer white list.
+     */
+    getBucketReferer(name: string, options?: OSS.RequestOptions): Promise<{ allowEmpty: boolean, referers: string[], res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete the bucket request Referer white list.
+     */
+    deleteBucketReferer(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    // lifecycle operations
+    /**
+     * Set the bucket object lifecycle.
+     */
+    putBucketLifecycle(name: string, rules: OSS.LifecycleRule[], options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the bucket object lifecycle.
+     */
+    getBucketLifecycle(name: string, options?: OSS.RequestOptions): Promise<{ rules: OSS.LifecycleRule[], res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete the bucket object lifecycle.
+     */
+    deleteBucketLifecycle(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    // CORS operations
+    /**
+     * Set CORS rules of the bucket object
+     */
+    putBucketCORS(name: string, rules: OSS.CORSRule[], options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get CORS rules of the bucket object.
+     */
+    getBucketCORS(name: string): Promise<{ rules: OSS.CORSRule[], res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete CORS rules of the bucket object.
+     */
+    deleteBucketCORS(name: string): Promise<OSS.NormalSuccessResponse>;
+
+    /********************************************************** Object operations ********************************************/
+    /**
+     * List objects in the bucket.
+     */
+    list(query: OSS.ListObjectsQuery | null, options: OSS.RequestOptions): Promise<OSS.ListObjectResult>;
+
+    /**
+     * Add an object to the bucket.
+     */
+    put(name: string, file: any, options?: OSS.PutObjectOptions): Promise<OSS.PutObjectResult>;
+
+    /**
+     * Add a stream object to the bucket.
+     */
+    putStream(name: string, stream: any, options?: OSS.PutStreamOptions): Promise<{ name: string, res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Append an object to the bucket, it's almost same as put, but it can add content to existing object rather than override it.
+     */
+    append(name: string, file: any, options?: OSS.AppendObjectOptions): Promise<OSS.AppendObjectResult>;
+
+    /**
+     * Get the Object url. If provide baseUrl, will use baseUrl instead the default endpoint.
+     */
+    getObjectUrl(name: string, baseUrl?: string): string;
+
+    /**
+     * Get the Object url. If provide baseUrl, will use baseUrl instead the default bucket and endpoint. Suggest use generateObjectUrl instead of getObjectUrl.
+     */
+    generateObjectUrl(name: string, baseUrl?: string): string;
+
+    /**
+     * Head an object and get the meta info.
+     */
+    head(name: string, options?: OSS.HeadObjectOptions): Promise<OSS.HeadObjectResult>;
+
+    /**
+     * Get an object from the bucket.
+     */
+    get(name: string, file?: any, options?: OSS.GetObjectOptions): Promise<OSS.GetObjectResult>;
+
+    /**
+     * Get an object read stream.
+     */
+    getStream(name?: string, options?: OSS.GetStreamOptions): Promise<OSS.GetStreamResult>;
+
+    /**
+     * Delete an object from the bucket.
+     */
+    delete(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Copy an object from sourceName to name.
+     */
+    copy(name: string, sourceName: string, options?: OSS.CopyObjectOptions): Promise<OSS.CopyAndPutMetaResult>;
+
+    /**
+     * Set an exists object meta.
+     */
+    putMeta(name: string, meta: OSS.UserMeta, options: OSS.RequestOptions): Promise<OSS.CopyAndPutMetaResult>;
+
+    /**
+     * Delete multi objects in one request.
+     */
+    deleteMulti(names: string[], options?: OSS.DeleteMultiOptions): Promise<OSS.DeleteMultiResult>;
+
+    /**
+     * Create a signature url for download or upload object. When you put object with signatureUrl ,you need to pass Content-Type.Please look at the example.
+     */
+    signatureUrl(name: string, options?: OSS.SignatureUrlOptions): string;
+
+    /**
+     * Set object's ACL.
+     */
+    putACL(name: string, acl: OSS.ACLType, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get object's ACL.
+     */
+    getACL(name: string, options?: OSS.RequestOptions): Promise<OSS.GetACLResult>;
+
+    /**
+     * Restore Object.
+     */
+    restore(name: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * multi upload
+     */
+    initMultipartUpload(name: string, options?: OSS.InitMultipartUploadOptions): Promise<OSS.InitMultipartUploadResult>;
+
+    /**
+     * After initiating a Multipart Upload event, you can upload data in parts based on the specified object name and Upload ID.
+     */
+    uploadPart(name: string, uploadId: string, partNo: number, file: any, start: number, end: number, options?: OSS.RequestOptions): Promise<OSS.UploadPartResult>;
+
+    /**
+     * Using Upload Part Copy, you can copy data from an existing object and upload a part of the data.
+     * When copying a file larger than 1 GB, you must use the Upload Part Copy method. If you want to copy a file smaller than 1 GB, see Copy Object.
+     */
+    uploadPartCopy(
+        name: string,
+        uploadId: string,
+        partNo: number,
+        range: string,
+        sourceData: { sourceKey: string, sourceBucketName: string },
+        options: { timeout?: number, headers?: object }
+    ): Promise<OSS.UploadPartResult>;
+
+    /**
+     * After uploading all data parts, you must call the Complete Multipart Upload API to complete Multipart Upload for the entire file.
+     */
+    completeMultipartUpload(
+        name: string,
+        uploadId: string,
+        parts: Array<{ number: number, etag: string }>,
+        options?: OSS.CompleteMultipartUploadOptions
+    ): Promise<OSS.CompleteMultipartUploadResult>;
+
+    /**
+     * Upload file with OSS multipart.
+     */
+    multipartUpload(name: string, file: any, options: OSS.MultipartUploadOptions): Promise<OSS.MultipartUploadResult>;
+
+    /**
+     * Copy file with OSS multipart.
+     * this function contains head, initMultipartUpload, uploadPartCopy, completeMultipartUpload.
+     * When copying a file larger than 1 GB, you should use the Upload Part Copy method. If you want to copy a file smaller than 1 GB, see Copy Object.
+     */
+    multipartUploadCopy(name: string, sourceData: OSS.MultipartUploadCopySourceData, options?: OSS.MultipartUploadOptions): Promise<OSS.MultipartUploadCopyResult>;
+
+    /**
+     * The ListParts command can be used to list all successfully uploaded parts mapped to a specific upload ID, i.e.: those not completed and not aborted.
+     */
+    listParts(name: string, uploadId: string, query?: OSS.ListPartsQuery, options?: OSS.RequestOptions): Promise<OSS.ListPartsResult>;
+
+    /**
+     * List on-going multipart uploads, i.e.: those not completed and not aborted.
+     */
+    listUploads(query: OSS.ListUploadsQuery, options?: OSS.RequestOptions): Promise<OSS.ListUploadsResult>;
+
+    /**
+     * Abort a multipart upload for object.
+     */
+    abortMultipartUpload(name: string, uploadId: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /************************************************ RTMP Operations *************************************************************/
+    /**
+     * Create a live channel.
+     */
+    putChannel(id: string, conf: OSS.PutChannelConf, options?: OSS.RequestOptions): Promise<OSS.PutChannelResult>;
+
+    /**
+     * Get live channel info.
+     */
+    getChannel(id: string, options?: OSS.RequestOptions): Promise<{ data: OSS.PutChannelConf, res: OSS.NormalSuccessResponse }>;
+
+    /**
+     * Delete a live channel.
+     */
+    deleteChannel(id: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Change the live channel status.
+     */
+    putChannelStatus(id: string, status?: string, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get the live channel status.
+     */
+    getChannelStatus(id: string, options?: OSS.RequestOptions): Promise<OSS.GetChannelResult>;
+
+    /**
+     * List channels.
+     */
+    listChannels(query: OSS.ListChannelsQuery, options?: OSS.RequestOptions): Promise<OSS.ListChannelsResult>;
+
+    /**
+     * Get the live channel history.
+     */
+    getChannelHistory(id: string, options?: OSS.RequestOptions): Promise<OSS.ChannelHistoryResult>;
+
+    /**
+     * Create a VOD playlist for the channel.
+     */
+    createVod(id: string, name: string, time: { startTime: number, endTime: number }, options?: OSS.RequestOptions): Promise<OSS.NormalSuccessResponse>;
+
+    /**
+     * Get signatured rtmp url for publishing.
+     */
+    getRtmpUrl(channelId?: string, options?: OSS.GetRtmpUrlOptions): string;
+}
diff --git a/types/ali-oss/tsconfig.json b/types/ali-oss/tsconfig.json
new file mode 100644
index 0000000000..6a0fb7441b
--- /dev/null
+++ b/types/ali-oss/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ali-oss-tests.ts"
+    ]
+}
diff --git a/types/ali-oss/tslint.json b/types/ali-oss/tslint.json
new file mode 100644
index 0000000000..8192d88dd1
--- /dev/null
+++ b/types/ali-oss/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-mergeable-namespace": false
+    }
+}
diff --git a/types/alt/tslint.json b/types/alt/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/alt/tslint.json
+++ b/types/alt/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/amplitude-js/amplitude-js-tests.ts b/types/amplitude-js/amplitude-js-tests.ts
index 4f3c2ea307..c5ffbe9898 100644
--- a/types/amplitude-js/amplitude-js-tests.ts
+++ b/types/amplitude-js/amplitude-js-tests.ts
@@ -1,85 +1,110 @@
 // Tests for Amplitude SDK TypeScript definitions
 
 module Amplitude.Tests {
+
     function all() {
-        amplitude.init('YOUR_API_KEY_HERE', null, {
-            // optional configuration options
+        var client: amplitude.AmplitudeClient = new amplitude.AmplitudeClient();
+        var identify: amplitude.Identify = new amplitude.Identify();
+        var revenue: amplitude.Revenue = new amplitude.Revenue();
+
+        client = amplitude.getInstance();
+        client = amplitude.getInstance('some name');
+
+        amplitude.__VERSION__ === '1.2.3';
+        amplitude.options.logLevel = 'WARN';
+
+        amplitude.init('API_KEY', 'USER_ID', {
             saveEvents: true,
             includeUtm: true,
             includeReferrer: true,
             batchEvents: true,
             eventUploadThreshold: 50
-        });
-        amplitude.init('YOUR_API_KEY_HERE', 'USER_ID_HERE', null, () => {});
+        }, function () { });
+        amplitude.init('API_KEY', 'USER_ID', { includeReferrer: true, includeUtm: true });
+        amplitude.init('API_KEY', 'USER_ID');
+        amplitude.init('API_KEY');
 
-        amplitude.logEvent('EVENT_IDENTIFIER_HERE');
-        amplitude.setUserId('USER_ID_HERE');
-        amplitude.init('YOUR_API_KEY_HERE', 'USER_ID_HERE');
-        amplitude.setUserId(null); // not string 'null'
-        amplitude.setVersionName('VERSION_NAME_HERE');
-
-        amplitude.regenerateDeviceId();
-        amplitude.setDeviceId('CUSTOM_DEVICE_ID');
-
-        amplitude.logEvent('EVENT_IDENTIFIER_HERE', {
-            'color': 'blue',
-            'age': 20,
-            'key': 'value'
-        });
+        amplitude.logEvent('Clicked Homepage Button', { 'finished_flow': false, 'clicks': 15 });
+        amplitude.logEvent('EVENT_IDENTIFIER_HERE', { 'color': 'blue', 'age': 20, 'key': 'value' });
         amplitude.logEvent("EVENT_IDENTIFIER_HERE", null, (httpCode, response) => { });
+        amplitude.logEventWithGroups('initialize_game', { 'key': 'value' }, { 'sport': 'soccer' });
+
+        amplitude.setDeviceId('45f0954f-eb79-4463-ac8a-233a6f45a8f0');
+        amplitude.setDomain('.amplitude.com');
+        amplitude.setGroup('orgId', '15');
+        amplitude.setGroup('orgId', ['15', '16']);
+        amplitude.setUserId('joe@gmail.com');
+        amplitude.setUserProperties({ 'gender': 'female', 'sign_up_complete': true })
+        amplitude.setVersionName('1.12.3');
+        amplitude.isNewSession();
+        amplitude.getSessionId() === 123;
 
-        let identify = new amplitude.Identify().set('gender', 'female').set('age', 20);
         amplitude.identify(identify);
+        amplitude.logRevenue(3.99, 1, 'product_1234');
+        amplitude.logRevenueV2(revenue);
 
-        identify = new amplitude.Identify().setOnce('sign_up_date', '08/24/2015');
-        amplitude.identify(identify);
 
-        identify = new amplitude.Identify().setOnce('sign_up_date', '09/14/2015');
-        amplitude.identify(identify);
+        client.init('API_KEY', 'USER_ID', {
+            saveEvents: true,
+            includeUtm: true,
+            includeReferrer: true,
+            batchEvents: true,
+            eventUploadThreshold: 50
+        }, function () { });
+        client.init('API_KEY', 'USER_ID', { includeReferrer: true, includeUtm: true });
+        client.init('API_KEY', 'USER_ID');
+        client.init('API_KEY');
 
-        identify = new amplitude.Identify().unset('gender').unset('age');
-        amplitude.identify(identify);
+        client.logEvent('Clicked Homepage Button', { 'finished_flow': false, 'clicks': 15 });
+        client.logEvent('EVENT_IDENTIFIER_HERE', { 'color': 'blue', 'age': 20, 'key': 'value' });
+        client.logEvent("EVENT_IDENTIFIER_HERE", null, (httpCode, response) => { });
+        client.logEventWithGroups('initialize_game', { 'key': 'value' }, { 'sport': 'soccer' });
+        client.logEventWithTimestamp('EVENT_IDENTIFIER_HERE', { 'key': 'value' }, 1505430378000, (httpCode, response) => { });
 
+
+        client.setDeviceId('45f0954f-eb79-4463-ac8a-233a6f45a8f0');
+        client.setDomain('.amplitude.com');
+        client.setUserId('joe@gmail.com');
+        client.setOptOut(true);
+        client.setGroup('type', 'name');
+        client.setGroup('type', ['name', 'name2']);
+        client.setUserProperties({ 'gender': 'female', 'sign_up_complete': true });
+        client.setGlobalUserProperties({ 'gender': 'female', 'sign_up_complete': true });
+        client.setVersionName('1.12.3');
+        client.setSessionId(1505430378000);
+
+        client.options.logLevel = 'WARN';
+        client.getSessionId() === 123;
+        client.isNewSession() === true;
+        client.regenerateDeviceId();
+        client.clearUserProperties();
+
+        client.identify(identify);
+        client.logRevenue(3.99, 1, 'product_1234');
+        client.logRevenueV2(revenue);
+
+
+        identify = new amplitude.Identify().set('colors', ['rose', 'gold']).add('karma', 1).setOnce('sign_up_date', '2016-03-31');
         identify = new amplitude.Identify().add('karma', 1).add('friends', 1);
-        amplitude.identify(identify);
-
-        identify = new amplitude.Identify().append('ab-tests', 'new-user-test').append('some_list', [1, 2, 3, 4, 'values']);
-        amplitude.identify(identify);
-
-        identify = new amplitude.Identify().prepend('ab-tests', 'new-user-test').prepend('some_list', [1, 2, 3, 4, 'values']);
-        amplitude.identify(identify);
-
-        identify = new amplitude.Identify()
-            .set('karma', 10)
-            .add('karma', 1)
-            .unset('karma');
-        amplitude.identify(identify);
-
+        identify = new amplitude.Identify().set('karma', 10).add('karma', 1).unset('karma');
+        identify = new amplitude.Identify().append('ab-tests', 'new-user-tests');
+        identify.append('some_list', [1, 2, 3, 4, 'values']);
+        identify = new amplitude.Identify().prepend('ab-tests', 'new-user-tests');
+        identify.prepend('some_list', [1, 2, 3, 4, 'values']);
+        identify = new amplitude.Identify().set('user_type', 'beta');
+        identify.set('name', { 'first': 'John', 'last': 'Doe' });
+        identify = new amplitude.Identify().setOnce('sign_up_date', '2016-04-01');
+        identify = new amplitude.Identify().unset('user_type').unset('age');
         identify = new amplitude.Identify()
             .set('colors', ['rose', 'gold'])
             .append('ab-tests', 'campaign_a')
             .append('existing_list', [4, 5]);
-        amplitude.identify(identify);
 
-        amplitude.setUserProperties({
-            gender: 'female',
-            age: 20
-        });
 
-        amplitude.clearUserProperties();
-
-        amplitude.setOptOut(true);
-        amplitude.setOptOut(false);
-
-        amplitude.setGroup('orgId', '15');
-        amplitude.setGroup('sport', ['soccer', 'tennis']);
-
-        // TODO: Implement those.
-        /*
-        var revenue = new amplitude.Revenue().setProductId('com.company.productId').setPrice(3.99).setQuantity(3);
-        amplitude.logRevenueV2(revenue);
-
-        amplitude.logEventWithGroups('initialize_game', { 'key': 'value' }, { 'sport': 'soccer' });
-        */
+        revenue = new amplitude.Revenue().setProductId('productIdentifier').setPrice(10.99);
+        revenue = new amplitude.Revenue().setProductId('productIdentifier').setPrice(10.99).setEventProperties({ 'city': 'San Francisco' });
+        revenue = new amplitude.Revenue().setProductId('productIdentifier').setPrice(10.99).setQuantity(5);
+        revenue = new amplitude.Revenue().setProductId('productIdentifier').setPrice(10.99).setRevenueType('purchase');
     }
+
 }
diff --git a/types/amplitude-js/index.d.ts b/types/amplitude-js/index.d.ts
index 613f5ad5d8..1cdb843589 100644
--- a/types/amplitude-js/index.d.ts
+++ b/types/amplitude-js/index.d.ts
@@ -1,61 +1,146 @@
-// Type definitions for Amplitude SDK 2.12.1
+// Type definitions for Amplitude SDK 4.4.0
 // Project: https://github.com/amplitude/Amplitude-Javascript
 // Definitions by: Arvydas Sidorenko <https://github.com/Asido>
-// Definitions: https://github.com/Asido/DefinitelyTyped
+//                 Dan Manastireanu <https://github.com/danmana>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module amplitude {
+
+    type Callback = (responseCode: number, responseBody: string, details?: { reason: string; }) => void;
+    type LogReturn = number | void;
+
     interface Config {
+        apiEndpoint?: string;
         batchEvents?: boolean;
         cookieExpiration?: number;
         cookieName?: string;
+        userId?: string;
         deviceId?: string;
+        deviceIdFromUrlParam?: boolean;
         domain?: string;
         eventUploadPeriodMillis?: number;
         eventUploadThreshold?: number;
+        forceHttps?: boolean;
+        includeGclid?: boolean;
         includeReferrer?: boolean;
         includeUtm?: boolean;
         language?: string;
+        logLevel?: 'DISABLE' | 'ERROR' | 'WARN' | 'INFO';
         optOut?: boolean;
         platform?: string;
         saveEvents?: boolean;
         savedMaxCount?: number;
+        saveParamsReferrerOncePerSession?: boolean;
         sessionTimeout?: number;
+        trackingOptions?: {
+            city?: boolean;
+            country?: boolean;
+            device_model?: boolean;
+            dma?: boolean;
+            ip_address?: boolean;
+            language?: boolean;
+            os_name?: boolean;
+            os_version?: boolean;
+            platform?: boolean;
+            region?: boolean;
+            version_name?: boolean;
+        },
+        unsentKey?: string;
+        unsentIdentifyKey?: string;
         uploadBatchSize?: number;
     }
 
     export class Identify {
         set(key: string, value: any): Identify;
         setOnce(key: string, value: any): Identify;
-        add(key: string, value: number): Identify;
+        add(key: string, value: number | string): Identify;
         append(key: string, value: any): Identify;
         prepend(key: string, value: any): Identify;
 
         unset(key: string): Identify;
     }
 
-    export function init(apiKey: string): void;
-    export function init(apiKey: string, userId: string): void;
-    export function init(apiKey: string, userId: string, options: Config): void;
-    export function init(apiKey: string, userId: string, options: Config, callback: () => void): void;
+    export class Revenue {
+
+        setProductId(productId: string): Revenue;
+        setQuantity(quantity: number): Revenue;
+        setPrice(price: number): Revenue;
+        setRevenueType(revenueType: string): Revenue;
+        setEventProperties(eventProperties: any): Revenue;
+    }
+
+    export class AmplitudeClient {
+
+        constructor(instanceName?: string);
+
+        options: Config;
+
+        init(apiKey: string, userId?: string, config?: Config, callback?: (client: AmplitudeClient) => void): void;
+
+        setVersionName(versionName: string): void;
+
+        isNewSession(): boolean;
+        setSessionId(sessionId: number): void;
+        getSessionId(): number;
+
+        setDomain(domain: string): void;
+        setUserId(userId: string): void;
+
+        setDeviceId(id: string): void;
+        regenerateDeviceId(): void;
+
+        identify(identify_obj: Identify, opt_callback?: Callback): void;
+
+        setUserProperties(properties: any): void;
+        setGlobalUserProperties(properties: any): void;
+        clearUserProperties(): void;
+
+        setOptOut(enable: boolean): void;
+
+        setGroup(groupType: string, groupName: string | string[]): void;
+
+        logEvent(event: string, data?: any, callback?: Callback): LogReturn;
+        logEventWithGroups(event: string, data?: any, groups?: any, callback?: Callback): LogReturn;
+        logRevenueV2(revenue_obj: Revenue): LogReturn;
+        logRevenue(pric: number, quantity: number, product: string): LogReturn;
+        logEventWithTimestamp(event: string, data?: any, timestamp?: number, callback?: Callback): LogReturn;
+    }
+
+    // Proxy methods that get executed on the default AmplitudeClient instance (not all client methods are proxied)
+
+    export function init(apiKey: string, userId?: string, options?: Config, callback?: (client: AmplitudeClient) => void): void;
 
     export function setVersionName(version: string): void;
+
+    export function isNewSession(): boolean;
+    export function getSessionId(): number;
+
+    export function setDomain(domain: string): void;
+
     export function setUserId(userId: string): void;
 
     export function setDeviceId(id: string): void;
     export function regenerateDeviceId(): void;
 
-    export function identify(identify: Identify): void;
+    export function identify(identify: Identify, callback?: Callback): void;
 
-    export function setUserProperties(properties: Object): void;
+    export function setUserProperties(properties: any): void;
+    export function setGlobalUserProperties(properties: any): void;
     export function clearUserProperties(): void;
 
     export function setOptOut(optOut: boolean): void;
 
     export function setGroup(groupType: string, groupName: string | string[]): void;
 
-    export function logEvent(event: string): void;
-    export function logEvent(event: string, data: Object): void;
-    export function logEvent(event: string, data: Object, callback: (httpCode: number, response: any) => void): void;
+    export function logEvent(event: string, data?: any, callback?: Callback): LogReturn;
+    export function logEventWithGroups(event: string, data?: any, groups?: any, callback?: Callback): LogReturn;
+    export function logRevenueV2(revenue_obj: Revenue): LogReturn;
+    export function logRevenue(pric: number, quantity: number, product: string): LogReturn;
+    export function logEventWithTimestamp(event: string, data?: any, timestamp?: number, callback?: Callback): LogReturn;
 
+
+
+    export function getInstance(instanceName?: string): AmplitudeClient;
+    export const __VERSION__: string;
     export var options: Config;
 }
diff --git a/types/amqplib/index.d.ts b/types/amqplib/index.d.ts
index 9ad6d9ceda..2ea088f841 100644
--- a/types/amqplib/index.d.ts
+++ b/types/amqplib/index.d.ts
@@ -8,7 +8,7 @@
 
 import * as Promise from 'bluebird';
 import * as events from 'events';
-import { Replies, Options, Message } from './properties';
+import { Replies, Options, Message, GetMessage, ConsumeMessage } from './properties';
 export * from './properties';
 
 export interface Connection extends events.EventEmitter {
@@ -40,10 +40,10 @@ export interface Channel extends events.EventEmitter {
     publish(exchange: string, routingKey: string, content: Buffer, options?: Options.Publish): boolean;
     sendToQueue(queue: string, content: Buffer, options?: Options.Publish): boolean;
 
-    consume(queue: string, onMessage: (msg: Message | null) => any, options?: Options.Consume): Promise<Replies.Consume>;
+    consume(queue: string, onMessage: (msg: ConsumeMessage | null) => any, options?: Options.Consume): Promise<Replies.Consume>;
 
     cancel(consumerTag: string): Promise<Replies.Empty>;
-    get(queue: string, options?: Options.Get): Promise<Message | false>;
+    get(queue: string, options?: Options.Get): Promise<GetMessage | false>;
 
     ack(message: Message, allUpTo?: boolean): void;
     ackAll(): void;
diff --git a/types/amqplib/properties.d.ts b/types/amqplib/properties.d.ts
index 9f96b14f5c..97dc8ac393 100644
--- a/types/amqplib/properties.d.ts
+++ b/types/amqplib/properties.d.ts
@@ -145,12 +145,32 @@ export interface Message {
     properties: MessageProperties;
 }
 
-export interface MessageFields {
+export interface GetMessage extends Message {
+    fields: GetMessageFields;
+}
+
+export interface ConsumeMessage extends Message {
+    fields: ConsumeMessageFields;
+}
+
+export interface CommonMessageFields {
     deliveryTag: number;
     redelivered: boolean;
     exchange: string;
     routingKey: string;
-    messageCount: string;
+}
+
+export interface MessageFields extends CommonMessageFields {
+    messageCount?: number;
+    consumerTag?: string;
+}
+
+export interface GetMessageFields extends CommonMessageFields {
+    messageCount: number;
+}
+
+export interface ConsumeMessageFields extends CommonMessageFields {
+    deliveryTag: number;
 }
 
 export interface MessageProperties {
diff --git a/types/amqplib/tslint.json b/types/amqplib/tslint.json
index bfc9508c49..f64a783725 100644
--- a/types/amqplib/tslint.json
+++ b/types/amqplib/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // All are TODOs
+        "no-any-union": false,
         "no-empty-interface": false,
         "prefer-const": false
     }
diff --git a/types/angular-bootstrap-lightbox/tslint.json b/types/angular-bootstrap-lightbox/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/angular-bootstrap-lightbox/tslint.json
+++ b/types/angular-bootstrap-lightbox/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/angular-material/index.d.ts b/types/angular-material/index.d.ts
index 6885916e8a..db74c97d10 100644
--- a/types/angular-material/index.d.ts
+++ b/types/angular-material/index.d.ts
@@ -76,6 +76,7 @@ declare module 'angular' {
 
         interface IConfirmDialog extends IPresetDialog<IConfirmDialog> {
             cancel(cancel: string): IConfirmDialog;
+            multiple(multiple: boolean): IConfirmDialog;
         }
 
         interface IPromptDialog extends IPresetDialog<IPromptDialog> {
@@ -340,6 +341,7 @@ declare module 'angular' {
 
         interface IMenuService {
             hide(response?: any, options?: any): IPromise<any>;
+            open(event?: MouseEvent): void;
         }
 
         interface IColorPalette {
diff --git a/types/angular-meteor/tslint.json b/types/angular-meteor/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/angular-meteor/tslint.json
+++ b/types/angular-meteor/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/angular-pdfjs-viewer/tsconfig.json b/types/angular-pdfjs-viewer/tsconfig.json
index bdae87bf50..05a851782e 100644
--- a/types/angular-pdfjs-viewer/tsconfig.json
+++ b/types/angular-pdfjs-viewer/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/angular-promise-tracker/angular-promise-tracker-tests.ts b/types/angular-promise-tracker/angular-promise-tracker-tests.ts
index 0365709cf5..6b8b8abd31 100644
--- a/types/angular-promise-tracker/angular-promise-tracker-tests.ts
+++ b/types/angular-promise-tracker/angular-promise-tracker-tests.ts
@@ -1,5 +1,5 @@
-angular.module('promise-tracker-tests', []).run(['$q', 'promiseTracker',
-    ($q: angular.IQService, promiseTracker: angular.promisetracker.PromiseTrackerService) => {
+angular.module('promise-tracker-tests', []).run(['$q', '$http', 'promiseTracker',
+    ($q: angular.IQService, $http: angular.IHttpService, promiseTracker: angular.promisetracker.PromiseTrackerService) => {
         const trackerWithoutOptions = promiseTracker();
 
         const options = {
@@ -19,4 +19,8 @@ angular.module('promise-tracker-tests', []).run(['$q', 'promiseTracker',
         const addedPromise: angular.IDeferred<void> = trackerWithOptions.addPromise(promiseToAdd);
 
         const trackerWithSomeOptions = promiseTracker({activationDelay: 500});
+
+        $http.post('/foo', {}, { });
+        $http.post('/foo', {}, { tracker: trackerWithOptions });
+        $http.post('/foo', {}, { tracker: [trackerWithoutOptions, trackerWithOptions] });
 }]);
diff --git a/types/angular-promise-tracker/index.d.ts b/types/angular-promise-tracker/index.d.ts
index 85a87bad63..78849fa3e1 100644
--- a/types/angular-promise-tracker/index.d.ts
+++ b/types/angular-promise-tracker/index.d.ts
@@ -28,4 +28,8 @@ declare module 'angular' {
             (options?: PromiseTrackerOptions): PromiseTracker;
         }
     }
+
+    interface IRequestShortcutConfig {
+        tracker?: angular.promisetracker.PromiseTracker | angular.promisetracker.PromiseTracker[];
+    }
 }
diff --git a/types/angular-q-extras/tsconfig.json b/types/angular-q-extras/tsconfig.json
index 3047a809eb..973131f033 100644
--- a/types/angular-q-extras/tsconfig.json
+++ b/types/angular-q-extras/tsconfig.json
@@ -6,7 +6,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/angular-toastr/angular-toastr-tests.ts b/types/angular-toastr/angular-toastr-tests.ts
index 6cb4290b3c..37a9885e9c 100644
--- a/types/angular-toastr/angular-toastr-tests.ts
+++ b/types/angular-toastr/angular-toastr-tests.ts
@@ -16,6 +16,10 @@ angular
             closeButton: false,
             closeHtml: '<button>&times;</button>',
             extendedTimeOut: 1000,
+            extraData: {
+                txt: "sample text",
+                action: () => {/* Do action */},
+            },
             iconClasses: {
                 error: 'toast-error',
                 info: 'toast-info',
@@ -29,7 +33,6 @@ angular
             progressBar: false,
             tapToDismiss: true,
             templates: {
-
                 toast: 'directives/toast/toast.html',
                 progressbar: 'directives/progressbar/progressbar.html'
             },
diff --git a/types/angular-toastr/index.d.ts b/types/angular-toastr/index.d.ts
index 21cf13cce2..f264e71f46 100644
--- a/types/angular-toastr/index.d.ts
+++ b/types/angular-toastr/index.d.ts
@@ -24,6 +24,7 @@ declare module 'angular' {
             closeButton?: boolean;
             closeHtml?: string;
             extendedTimeOut?: number;
+            extraData?: any,
             messageClass?: string;
             onHidden?: (wasClicked: boolean, toast: angular.toastr.IToast) => void;
             onShown?: (toast: angular.toastr.IToast) => void;
diff --git a/types/angular-ui-sortable/angular-ui-sortable-tests.ts b/types/angular-ui-sortable/angular-ui-sortable-tests.ts
index 9ecde2f92a..9418b5741c 100644
--- a/types/angular-ui-sortable/angular-ui-sortable-tests.ts
+++ b/types/angular-ui-sortable/angular-ui-sortable-tests.ts
@@ -16,6 +16,9 @@ interface SortLogInfo {
   Text: string;
 }
 
+// Ensure that the jQuery-ui defined `sortable()` method is not overwritten
+jQuery().sortable(); // $ExpectType JQuery<HTMLElement>
+
 myApp.controller('sortableController', function ($scope: MySortableControllerScope) {
   $scope.sortableOptions = {
     activate: function(e, ui) {
@@ -84,6 +87,7 @@ myApp.controller('sortableController', function ($scope: MySortableControllerSco
     update: function(e, ui) {
       var jQueryEventObject: JQueryEventObject = e;
       var uiSortableUIParams: ng.ui.UISortableUIParams<SortableModelInfo> = ui;
+      ui.item.sortable; // $ExpectType UISortableProperties<SortableModelInfo>
       var voidcanceled: void = ui.item.sortable.cancel();
       var isCanceled: Boolean = ui.item.sortable.isCanceled();
       var isCustomHelperUsed: Boolean =ui.item.sortable.isCustomHelperUsed();
diff --git a/types/angular-ui-sortable/index.d.ts b/types/angular-ui-sortable/index.d.ts
index aa81038346..9ecf06e112 100644
--- a/types/angular-ui-sortable/index.d.ts
+++ b/types/angular-ui-sortable/index.d.ts
@@ -2,12 +2,16 @@
 // Project: https://github.com/angular-ui/ui-sortable
 // Definitions by: Thodoris Greasidis <https://github.com/thgreasi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.4
 
 /// <reference types="angular" />
+/// <reference types="jqueryui" />
 
 import * as ng from 'angular';
 
+// Diff / Omit taken from https://github.com/Microsoft/TypeScript/issues/12215#issuecomment-311923766
+type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
+
 declare module 'angular' {
     export namespace ui {
 
@@ -79,11 +83,11 @@ declare module 'angular' {
             isCustomHelperUsed(): Boolean;
         }
 
-        interface UISortableUIItem<T> extends ng.IAugmentedJQuery {
+        interface UISortableUIItem<T> extends Omit<ng.IAugmentedJQuery, 'sortable'> {
             sortable: UISortableProperties<T>;
         }
 
-        interface UISortableUIParams<T> extends SortableUIParams {
+        interface UISortableUIParams<T> extends Omit<SortableUIParams, 'item'> {
             item: UISortableUIItem<T>;
         }
 
diff --git a/types/angular-wizard/index.d.ts b/types/angular-wizard/index.d.ts
index 33fa8b2b0a..fa14a2f2f7 100644
--- a/types/angular-wizard/index.d.ts
+++ b/types/angular-wizard/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/mgonto/angular-wizard
 // Definitions by: Marko Jurisic <https://github.com/mjurisic>, Ronald Wildenberg <https://github.com/rwwilden>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 import * as angular from 'angular';
 
diff --git a/types/angular-wizard/tslint.json b/types/angular-wizard/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/angular-wizard/tslint.json
+++ b/types/angular-wizard/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/animejs/index.d.ts b/types/animejs/index.d.ts
index a975f59513..069187b15e 100644
--- a/types/animejs/index.d.ts
+++ b/types/animejs/index.d.ts
@@ -4,7 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
-type FunctionBasedParamter = (element: HTMLElement, index: number, length: number) => number;
+type FunctionBasedParameter = (element: HTMLElement, index: number, length: number) => number;
 type AnimeCallbackFunction = (anim: anime.AnimeInstance) => void;
 // Allowing null is necessary because DOM queries may not return anything.
 type AnimeTarget = string | object | HTMLElement | SVGElement | NodeList | null;
@@ -55,10 +55,10 @@ declare namespace anime {
 	interface AnimeAnimParams {
 		targets: AnimeTarget | ReadonlyArray<AnimeTarget>;
 
-		duration?: number | FunctionBasedParamter;
-		delay?: number | FunctionBasedParamter;
-		elasticity?: number | FunctionBasedParamter;
-		round?: number | boolean | FunctionBasedParamter;
+		duration?: number | FunctionBasedParameter;
+		delay?: number | FunctionBasedParameter;
+		elasticity?: number | FunctionBasedParameter;
+		round?: number | boolean | FunctionBasedParameter;
 
 		easing?: EasingOptions | string | ReadonlyArray<number>;
 
@@ -106,7 +106,7 @@ declare namespace anime {
 	}
 
 	interface AnimeTimelineAnimParams extends AnimeAnimParams {
-		offset: number | string | FunctionBasedParamter;
+		offset: number | string | FunctionBasedParameter;
 	}
 
 	interface AnimeTimelineInstance extends AnimeInstance {
diff --git a/types/ansi-styles/index.d.ts b/types/ansi-styles/index.d.ts
index a07ac962ab..b67cdada41 100644
--- a/types/ansi-styles/index.d.ts
+++ b/types/ansi-styles/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: bryn austin bellomy <https://github.com/brynbellomy>
 //                 plylrnsdy <https://github.com/plylrnsdy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
+// TypeScript Version: 2.1
 
 import { EscapeCode } from './escape-code';
 
diff --git a/types/ansi/ansi-tests.ts b/types/ansi/ansi-tests.ts
new file mode 100644
index 0000000000..0c033c6839
--- /dev/null
+++ b/types/ansi/ansi-tests.ts
@@ -0,0 +1,32 @@
+import ansi = require('ansi');
+const cursor = ansi(process.stdout);
+
+Object.keys({
+    white: 37
+  , black: 30
+  , blue: 34
+  , cyan: 36
+  , green: 32
+  , magenta: 35
+  , red: 31
+  , yellow: 33
+  , grey: 90
+  , brightBlack: 90
+  , brightRed: 91
+  , brightGreen: 92
+  , brightYellow: 93
+  , brightBlue: 94
+  , brightMagenta: 95
+  , brightCyan: 96
+  , brightWhite: 97
+}).forEach((color) => {
+    const cname = color.replace(/([a-z])([A-Z])/g, (_: string, l: string, u: string): string => `${l} ${u.toLowerCase()}`);
+
+    ((cursor[color] as (...anything: any[]) => ansi.Cursor)()
+        .bold()
+        .bg)[color === 'blue' || color === 'brightBlue' ? 'black' : 'blue']()
+        .write(
+            `Hello, bold ${cname} world!\n`
+        )
+        .reset();
+});
diff --git a/types/ansi/index.d.ts b/types/ansi/index.d.ts
new file mode 100644
index 0000000000..4e486d61ef
--- /dev/null
+++ b/types/ansi/index.d.ts
@@ -0,0 +1,181 @@
+// Type definitions for ansi 0.3
+// Project: https://www.npmjs.com/package/ansi
+// Definitions by: Gustavo6046 <https://github.com/Gustavo6046>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+/**
+ * References:
+ *
+ *   - http://en.wikipedia.org/wiki/ANSI_escape_code
+ *   - http://www.termsys.demon.co.uk/vtansi.htm
+ *
+ */
+
+/// <reference types="node" />
+import { Stream } from "stream";
+
+interface CursorOptions {
+    enabled: boolean;
+    buffering: boolean;
+}
+
+declare function ansi(stream: Stream, options?: CursorOptions): ansi.Cursor;
+
+declare namespace ansi {
+    class Cursor {
+        bg: Colorer;
+        fg: Colorer;
+
+        constructor(stream: Stream, options?: CursorOptions);
+
+        /**
+         * Helper function that calls `write()` on the underlying Stream.
+         * Returns `this` instead of the write() return value to keep
+         * the chaining going.
+         */
+        write(data: string): Cursor;
+
+        /**
+         * Buffer `write()` calls into memory.
+         *
+         * @api public
+         */
+        buffer(): Cursor;
+
+        /**
+         * Write out the in-memory buffer.
+         *
+         * @api public
+         */
+        flush(): Cursor;
+
+        /**
+         * Makes a beep sound!
+         */
+        beep(): Cursor;
+
+        /**
+         * Moves cursor to specific position
+         */
+        goto(x?: number, y?: number): Cursor;
+
+        /**
+         * Resets all ANSI formatting on the stream.
+         */
+        reset(): Cursor;
+
+        /**
+         * Sets the foreground color with the given RGB values.
+         * The closest match out of the 216 colors is picked.
+         */
+        rgb(r: number, g: number, b: number): Cursor;
+
+        /**
+         * Accepts CSS color codes for use with ANSI escape codes.
+         * For example: `#FF000` would be bright red.
+         */
+        hex(color: string): Cursor;
+
+        up(): Cursor;
+        down(): Cursor;
+        forward(): Cursor;
+        back(): Cursor;
+        nextLine(): Cursor;
+        previousLine(): Cursor;
+        horizontalAbsolute(): Cursor;
+        eraseData(): Cursor;
+        eraseLine(): Cursor;
+        scrollUp(): Cursor;
+        scrollDown(): Cursor;
+        savePosition(): Cursor;
+        restorePosition(): Cursor;
+        queryPosition(): Cursor;
+        hide(): Cursor;
+        show(): Cursor;
+
+        bold(): Cursor;
+        italic(): Cursor;
+        underline(): Cursor;
+        inverse(): Cursor;
+        resetbold(): Cursor;
+        resetitalic(): Cursor;
+        resetunderline(): Cursor;
+        resetinverse(): Cursor;
+
+        white(): Cursor;
+        black(): Cursor;
+        blue(): Cursor;
+        cyan(): Cursor;
+        green(): Cursor;
+        magenta(): Cursor;
+        red(): Cursor;
+        yellow(): Cursor;
+        grey(): Cursor;
+        brightBlack(): Cursor;
+        brightRed(): Cursor;
+        brightGreen(): Cursor;
+        brightYellow(): Cursor;
+        brightBlue(): Cursor;
+        brightMagenta(): Cursor;
+        brightCyan(): Cursor;
+        brightWhite(): Cursor;
+    }
+
+    /**
+     * The `Colorer` class manages both the background and foreground colors.
+     */
+    class Colorer {
+        constructor(cursor: Cursor, base: string);
+
+        /**
+         * Write an ANSI color code, ensuring that the same code doesn't get rewritten.
+         */
+        _setColorCode(code: string): Colorer;
+
+        /**
+         * Resets the color.
+         */
+        reset(): Cursor;
+
+        /**
+         * Sets the foreground color with the given RGB values.
+         * The closest match out of the 216 colors is picked.
+         */
+        rgb(r: number, g: number, b: number): Cursor;
+
+        /**
+         * Accepts CSS color codes for use with ANSI escape codes.
+         * For example: `#FF000` would be bright red.
+         */
+        hex(color: string): Cursor;
+
+        white(): Cursor;
+        black(): Cursor;
+        blue(): Cursor;
+        cyan(): Cursor;
+        green(): Cursor;
+        magenta(): Cursor;
+        red(): Cursor;
+        yellow(): Cursor;
+        grey(): Cursor;
+        brightBlack(): Cursor;
+        brightRed(): Cursor;
+        brightGreen(): Cursor;
+        brightYellow(): Cursor;
+        brightBlue(): Cursor;
+        brightMagenta(): Cursor;
+        brightCyan(): Cursor;
+        brightWhite(): Cursor;
+    }
+
+    interface Cursor {
+        [key: string]: ((...anything: any[]) => Cursor) | Colorer;
+    }
+
+    interface Colorer {
+        [key: string]: (...anything: any[]) => (Cursor | Colorer);
+    }
+}
+
+export = ansi;
diff --git a/types/ansi/tsconfig.json b/types/ansi/tsconfig.json
new file mode 100644
index 0000000000..8c698148e6
--- /dev/null
+++ b/types/ansi/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "files": [
+        "index.d.ts",
+        "ansi-tests.ts"
+    ],
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "noEmit": true,
+        "types": [],
+        "forceConsistentCasingInFileNames": true
+    }
+}
\ No newline at end of file
diff --git a/types/ansi/tslint.json b/types/ansi/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/ansi/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/aos/aos-tests.ts b/types/aos/aos-tests.ts
new file mode 100644
index 0000000000..3936d80499
--- /dev/null
+++ b/types/aos/aos-tests.ts
@@ -0,0 +1,35 @@
+import * as Aos from "aos";
+
+const options: Aos.AosOptions = {
+    disable: () => true,
+    startEvent: "DOMContentLoaded",
+    initClassName: "aos-init",
+    animatedClassName: "aos-animate",
+    useClassNames: false,
+
+    offset: 120,
+    delay: 0,
+    duration: 400,
+    easing: "ease-in-out-back",
+    once: false,
+    mirror: false,
+    anchorPlacement: "center-bottom"
+};
+
+Aos.init();
+Aos.init(options);
+
+Aos.refresh();
+Aos.refreshHard();
+
+document.addEventListener("aos:in", event => {
+    event;
+    event.detail;
+});
+
+document.addEventListener("aos:out", () => {});
+
+// aos also creates custom events for every unique id, which you can't cover in d.ts
+document.addEventListener("aos:in:sectionId" as Aos.AosEventType, event => {
+    event.detail;
+});
diff --git a/types/aos/global.d.ts b/types/aos/global.d.ts
new file mode 100644
index 0000000000..63b6e26f9d
--- /dev/null
+++ b/types/aos/global.d.ts
@@ -0,0 +1,7 @@
+interface Document {
+    addEventListener(
+        type: Aos.AosEventType,
+        listener: (event: Aos.AosEvent) => void,
+        options?: boolean | AddEventListenerOptions
+    ): void;
+}
diff --git a/types/aos/index.d.ts b/types/aos/index.d.ts
new file mode 100644
index 0000000000..1e1a9f7cc6
--- /dev/null
+++ b/types/aos/index.d.ts
@@ -0,0 +1,130 @@
+// Type definitions for aos 3.0
+// Project: https://github.com/michalsnik/aos
+// Definitions by: Rostislav Shermenyov <https://github.com/shermendev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+declare namespace Aos {
+    type easingOptions =
+        | "linear"
+        | "ease"
+        | "ease-in"
+        | "ease-out"
+        | "ease-in-out"
+        | "ease-in-back"
+        | "ease-out-back"
+        | "ease-in-out-back"
+        | "ease-in-sine"
+        | "ease-out-sine"
+        | "ease-in-out-sine"
+        | "ease-in-quad"
+        | "ease-out-quad"
+        | "ease-in-out-quad"
+        | "ease-in-cubic"
+        | "ease-out-cubic"
+        | "ease-in-out-cubic"
+        | "ease-in-quart"
+        | "ease-out-quart"
+        | "ease-in-out-quart";
+
+    type anchorPlacementOptions =
+        | "top-bottom"
+        | "top-center"
+        | "top-top"
+        | "center-bottom"
+        | "center-center"
+        | "center-top"
+        | "bottom-bottom"
+        | "bottom-center"
+        | "bottom-top";
+
+    interface Aos {
+        /**
+         * Initializing AOS
+         * - Create options merging defaults with user defined options
+         * - Set attributes on <body> as global setting - css relies on it
+         * - Attach preparing elements to options.startEvent,
+         *   window resize and orientation change
+         * - Attach function that handle scroll and everything connected to it
+         *   to window scroll event and fire once document is ready to set initial state
+         *  @param options options
+         */
+        init(options?: AosOptions): void;
+        /**
+         * Refresh AOS
+         */
+        refresh(): void;
+        /**
+         * Hard refresh
+         * create array with new elements and trigger refresh
+         */
+        refreshHard(): void;
+    }
+
+    interface AosOptions {
+        // #region Global settings
+        /**
+         * Class applied on animation
+         */
+        animatedClassName?: string;
+        /**
+         * Accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
+         */
+        disable?: "phone" | "tablet" | "mobile" | boolean | (() => boolean);
+        /**
+         * Class applied after initialization
+         */
+        initClassName?: string;
+        /**
+         * Name of the event dispatched on the document, that AOS should initialize on
+         */
+        startEvent?: string;
+        /**
+         * If true, will add content of `data-aos` as classes on scroll
+         */
+        useClassNames?: boolean;
+        // #endregion
+
+        // #region Settings that can be overridden on per-element basis, by `data-aos-*` attributes
+        /**
+         * Defines which position of the element regarding to window should trigger the animation
+         */
+        anchorPlacement?: anchorPlacementOptions;
+        /**
+         * Values from 0 to 3000, with step 50ms
+         */
+        delay?: number;
+        /**
+         * Values from 0 to 3000, with step 50ms
+         */
+        duration?: number;
+        /**
+         * Default easing for AOS animations
+         */
+        easing?: easingOptions;
+        /**
+         * Whether elements should animate out while scrolling past them
+         */
+        mirror?: boolean;
+        /**
+         * Offset (in px) from the original trigger point
+         */
+        offset?: number;
+        /**
+         * Whether animation should happen only once - while scrolling down
+         */
+        once?: boolean;
+        // #endregion
+    }
+
+    interface AosEvent extends Event {
+        detail: Element;
+    }
+
+    type AosEventType = "aos:in" | "aos:out";
+}
+
+declare const Aos: Aos.Aos;
+
+export = Aos;
+export as namespace Aos;
diff --git a/types/aos/tsconfig.json b/types/aos/tsconfig.json
new file mode 100644
index 0000000000..9af3663613
--- /dev/null
+++ b/types/aos/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+      "index.d.ts",
+      "global.d.ts",
+      "aos-tests.ts"
+  ]
+}
diff --git a/types/mali/tslint.json b/types/aos/tslint.json
similarity index 100%
rename from types/mali/tslint.json
rename to types/aos/tslint.json
diff --git a/types/aphrodite/index.d.ts b/types/aphrodite/index.d.ts
index 3e7807b6b6..f41aadec46 100644
--- a/types/aphrodite/index.d.ts
+++ b/types/aphrodite/index.d.ts
@@ -12,7 +12,7 @@ type FontFamily =
     | BaseCSSProperties['fontFamily']
     | CSS.FontFace;
 
-type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 type CSSProperties = Omit<BaseCSSProperties, 'fontFamily' | 'transition' | 'animationName' > & {
     fontFamily?: FontFamily | FontFamily[];
diff --git a/types/apollo-codegen/index.d.ts b/types/apollo-codegen/index.d.ts
index ea5d415418..4309db4116 100644
--- a/types/apollo-codegen/index.d.ts
+++ b/types/apollo-codegen/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/apollographql/apollo-codegen
 // Definitions by: Bradley Ayers <https://github.com/bradleyayers>, Maria Carrasco <https://github.com/kostspielig>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { Options } from 'graphql/utilities/schemaPrinter';
 
diff --git a/types/apollo-upload-client/index.d.ts b/types/apollo-upload-client/index.d.ts
index 7c1e3cb7b6..c6476f2ae9 100644
--- a/types/apollo-upload-client/index.d.ts
+++ b/types/apollo-upload-client/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/jaydenseric/apollo-upload-client#readme
 // Definitions by: Edward Sammut Alessi <https://github.com/Slessi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.6
 
 import { ApolloLink } from "apollo-link";
 import { HttpOptions } from "apollo-link-http-common";
diff --git a/types/apollo-upload-client/tsconfig.json b/types/apollo-upload-client/tsconfig.json
index 2a023ff111..a78e75500c 100644
--- a/types/apollo-upload-client/tsconfig.json
+++ b/types/apollo-upload-client/tsconfig.json
@@ -2,7 +2,9 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6", "dom"
+            "es6",
+            "dom",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/apostrophe/index.d.ts b/types/apostrophe/index.d.ts
index bab1b3a7de..9c415a3931 100644
--- a/types/apostrophe/index.d.ts
+++ b/types/apostrophe/index.d.ts
@@ -7,7 +7,10 @@
 export = apostrophe;
 export as namespace apos;
 
-declare function apostrophe(options: any, ...args: any[]): any;
+declare function apostrophe(
+    options: apostrophe.AposConstructor,
+    ...args: any[]
+): any;
 
 declare namespace apostrophe {
     const moogBundle: {
@@ -15,6 +18,20 @@ declare namespace apostrophe {
         modules: string[];
     };
 
+    // Pass in custom modules as first argument
+    // second argument is additional custom options e.g. restApi exposed by apostrophe-headless
+    interface AposConstructor<M = {}, O = {}> {
+        afterInit?: () => void;
+        afterListen?: () => void;
+        initFailed?: (error: any) => void;
+        baseUrl?: string;
+        modules: { [K in AposCoreModules & M]?: AposModuleOptions | O };
+        prefix?: string;
+        root?: string;
+        rootDir?: string;
+        shortName: string;
+    }
+
     const ui: {
         globalBusy: (state: any) => any;
         link: (
@@ -124,8 +141,18 @@ declare namespace apostrophe {
         name: string;
         type: string;
         label: string;
+        help?: string;
         required?: boolean;
         options?: AposObject;
+        choices?: SelectChoice[];
+        widgetType?: string;
+        titleField?: string;
+        schema?: Field[];
+    }
+
+    interface SelectChoice {
+        label: string;
+        value: string;
     }
 
     type Fields = Field[];
@@ -290,6 +317,7 @@ declare namespace apostrophe {
             label: string;
             fields: string[];
         }[];
+        beforeConstruct?: (self: any, options: any) => any;
         defer?: boolean;
         filters?: {
             projection?: {
diff --git a/types/app-module-path/app-module-path-tests.ts b/types/app-module-path/app-module-path-tests.ts
new file mode 100644
index 0000000000..5dc1012ca1
--- /dev/null
+++ b/types/app-module-path/app-module-path-tests.ts
@@ -0,0 +1,7 @@
+import { addPath, enableForDir, removePath } from 'app-module-path';
+
+addPath('/tmp');
+
+enableForDir('/tmp');
+
+removePath('/tmp');
diff --git a/types/app-module-path/index.d.ts b/types/app-module-path/index.d.ts
new file mode 100644
index 0000000000..00280c4191
--- /dev/null
+++ b/types/app-module-path/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for app-module-path 2.2
+// Project: https://github.com/patrick-steele-idem/app-module-path-node
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+export function addPath(path: string, parent?: any): void;
+
+export function enableForDir(dir: string): void;
+
+export function removePath(path: string): void;
diff --git a/types/app-module-path/tsconfig.json b/types/app-module-path/tsconfig.json
new file mode 100644
index 0000000000..93d4d0a365
--- /dev/null
+++ b/types/app-module-path/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "app-module-path-tests.ts"
+    ]
+}
diff --git a/types/app-module-path/tslint.json b/types/app-module-path/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/app-module-path/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/arangodb/index.d.ts b/types/arangodb/index.d.ts
index 32ad04210b..238cea2379 100644
--- a/types/arangodb/index.d.ts
+++ b/types/arangodb/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/arangodb/arangodb
 // Definitions by: Alan Plum <https://github.com/pluma>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 /// <reference types="node" />
 
@@ -1440,6 +1440,81 @@ declare module "@arangodb/foxx/router" {
     export = createRouter;
 }
 
+declare module "@arangodb/foxx/queues" {
+    interface QueueItem {
+        name: string;
+        mount: string;
+        backOff?: ((failureCount: number) => number) | number;
+        maxFailures?: number;
+        schema?: Foxx.Schema;
+        preprocess?: (data: any) => any;
+    }
+
+    interface Script {
+        name: string;
+        mount: string;
+    }
+
+    type JobCallback = (result: any, jobData: any, job: ArangoDB.Document<Job>) => void;
+
+    interface Job {
+        status: string;
+        queue: string;
+        type: Script;
+        failures: object[];
+        runs: number;
+        data: any;
+        created: number;
+        modified: number;
+        delayUntil: number;
+        maxFailures: number;
+        repeatDelay: number;
+        repeatTimes: number;
+        repeatUntil: number;
+        success?: string;
+        failure?: string;
+        runFailures: number;
+        abort(): void;
+    }
+
+    interface JobOptions {
+        success?: JobCallback;
+        failure?: JobCallback;
+        delayUntil?: number | Date;
+        backOff?: ((failureCount: number) => number) | number;
+        maxFailures?: number;
+        repeatTimes?: number;
+        repeatUntil?: number | Date;
+        repeatDelay?: number;
+    }
+
+    interface Queue {
+        push(item: QueueItem, data: any, opts?: JobOptions): void;
+        get(jobId: string): ArangoDB.Document<Job>;
+        delete(jobId: string): boolean;
+        pending(script?: Script): string[];
+        progress(script?: Script): string[];
+        complete(script?: Script): string[];
+        failed(script?: Script): string[];
+        all(script?: Script): string[];
+    }
+
+    function createQueue(name: string, maxWorkers?: number): Queue;
+    function deleteQueue(name: string): boolean;
+    function get(name: string): Queue;
+
+    export {
+        createQueue as create,
+        deleteQueue as delete,
+        get,
+        JobOptions,
+        Job,
+        Queue,
+        QueueItem,
+        Script,
+    };
+}
+
 declare module "@arangodb/foxx/graphql" {
     import { formatError, GraphQLSchema } from "graphql";
     type GraphQLModule = object;
@@ -1698,7 +1773,7 @@ declare module "@arangodb/crypto" {
         key: string | null,
         token: string,
         noVerify?: boolean
-    ): string | null;
+    ): object | null;
     function md5(message: string): string;
     function sha1(message: string): string;
     function sha224(message: string): string;
diff --git a/types/arangodb/tsconfig.json b/types/arangodb/tsconfig.json
index f778fd7c47..d30610b604 100644
--- a/types/arangodb/tsconfig.json
+++ b/types/arangodb/tsconfig.json
@@ -1,7 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": ["es6"],
+        "lib": ["es6", "esnext.asynciterable"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/arcgis-js-api/index.d.ts b/types/arcgis-js-api/index.d.ts
index 97eb679110..28e51384c9 100644
--- a/types/arcgis-js-api/index.d.ts
+++ b/types/arcgis-js-api/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for ArcGIS API for JavaScript 4.8
+// Type definitions for ArcGIS API for JavaScript 4.9
 // Project: http://js.arcgis.com
 // Definitions by: Esri <https://github.com/Esri>
 //                 Bjorn Svensson <https://github.com/bsvensson>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.7
 
 
 interface HashMap<T = any> {
@@ -300,6 +300,14 @@ declare namespace __esri {
      * 
      */
     clone(): Basemap;
+    /**
+     * Loads all the externally loadable resources associated with the basemap. For the basemap this will load all the base layers and reference layers.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#loadAll)
+     * 
+     * 
+     */
+    loadAll(): IPromise<Basemap>;
   }
 
   interface BasemapConstructor {
@@ -625,7 +633,7 @@ declare namespace __esri {
    */
   interface config {
     /**
-     * The URL for font resources used by the [Font](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#family) class with 2D WebGL enabled [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html). To use your own hosted fonts, make sure to follow our naming conventions (e.g. "arial-unicode-ms-bold").
+     * The URL for font resources used by the [Font](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#family) class in [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) labels. To use your own hosted fonts, you must follow the kebab-case naming convention (e.g. "arial-unicode-ms-bold").
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#fontsUrl)
      * 
@@ -686,42 +694,6 @@ declare namespace __esri {
 
 
   export interface configRequest extends Object {
-    /**
-     * Indicates whether the library automatically detects if [CORS](http://enable-cors.org/) (Cross-Origin Resource Sharing) specification is supported by ArcGIS Servers used in your application.  Upon successful detection, the server will be added to `corsEnabledServers` list. CORS detection will not be performed for a server if it is already listed in `corsEnabledServers`.  The default is `true` if your application is running in a web browser, or `false` if your application is running on [Apache Cordova](https://cordova.apache.org/) platform.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     */
-    corsDetection?: boolean;
-    /**
-     * Number of seconds to wait for response from the ArcGIS Server during CORS detection. If the detection is not complete before this time expires, then it is assumed that the server does not support CORS.  Applicable when `corsDetection` is true.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     * 
-     * @default 15
-     */
-    corsDetectionTimeout?: number;
-    /**
-     * A list of servers known to support CORS specification.  By default, this list includes many Esri hosted servers that are known to support CORS and is updated at every release as the list grows. The API is capable of automatically detecting CORS support for servers used in an application (see `corsDetection`). If you are aware that a server supports CORS, add it to this list. Since the API includes some servers by default it's important to add items onto this array rather than overwriting it.  Example:
-     * ```js
-     * // Add a known server to the list.
-     * require(["esri/config"], function(esriConfig) {
-     *   esriConfig.request.corsEnabledServers.push("<hostname>.<domain>:<port>");
-     * });
-     * ```
-     * 
-     * You can also pass objects to this property with the following specification:
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     */
-    corsEnabledServers?: (string | configRequestCorsEnabledServers)[];
-    /**
-     * Indicates whether the proxy specified in `proxyUrl` is used for all AJAX requests made using [request](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html) and images added using `<img>` element.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     * 
-     * @default false
-     */
-    forceProxy?: boolean;
     /**
      * List of domain suffixes known to support https. This will automatically upgrade requests made to such domains to use https instead of http when the application is not running on http. Note that port numbers should not be included in the domain suffix to be matched.  If no `httpsDomains` list exists , the API redirects all calls using https. If the list exists and a domain of a required http resource is not listed, the API sends the URL as it is specified within the code. Likewise, if the list exists and the domain of a required http resource is listed in it, the API sends an https request to that resource.  The list includes the following domain suffixes by default:
      *   * `arcgis.com`
@@ -769,6 +741,12 @@ declare namespace __esri {
      * @default 2000
      */
     maxUrlLength?: number;
+    /**
+     * A proxy rule defines a proxy for a set of resources with an identical URL prefix. When using [esriRequest](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html), if a target URL matches a rule, then the request will be sent to the specified proxy. Rather than populating this array directly, use the urlUtils.addProxyRule() method. Rule objects have the following properties:
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
+     */
+    proxyRules?: configRequestProxyRules[];
     /**
      * Resource proxy for your application. It is used by the library when communicating with a web server hosted on a domain that is different from the domain where your application is hosted.  The library may or may not use the proxy depending on the type of request made, whether the server support CORS, whether the application is being run on older versions of browsers etc. To keep it simple, it is recommended that you always configure a resource proxy for your application.  You can download the resource proxy from this [GitHub repo](https://github.com/Esri/resource-proxy). 
      * ```js
@@ -789,13 +767,16 @@ declare namespace __esri {
      */
     timeout?: number;
     /**
-     * Indicates whether the library will use [CORS](http://enable-cors.org/)-enabled requests when communicating with a web server hosted on a domain that is different from the domain where the application is hosted. If `true`, AJAX requests are directly made to servers that support CORS. If `with-credentials` is specified, then AJAX requests will use credentials stored in a client's cookies. If `false`, direct requests are not made. A proxy will be used if available.
+     * **Since:** 4.9 Indicates whether cross origin requests made to the associated server should include credentials such as cookies and authorization headers. 
+     * ```js
+     * require(["esri/config"], function(esriConfig) {
+     *   esriConfig.request.trustedServers.push("[<protocol>//]<hostname>.<domain>[:<port>]");
+     * });
+     * ```
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     * 
-     * @default with-credentials
      */
-    useCors?: string | boolean;
+    trustedServers?: string[];
     /**
      * **Since:** 4.5 Indicates whether `esri/request` will request a credential from `IdentityManager`.
      * 
@@ -804,30 +785,6 @@ declare namespace __esri {
      * @default true
      */
     useIdentity?: boolean;
-    /**
-     * A proxy rule defines a proxy for a set of resources with an identical URL prefix. When using [esriRequest](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html), if a target URL matches a rule, then the request will be sent to the specified proxy. Rather than populating this array directly, use the urlUtils.addProxyRule() method. Rule objects have the following properties:
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     */
-    proxyRules?: configRequestProxyRules[];
-  }
-
-
-  export interface configRequestCorsEnabledServers extends Object {
-    /**
-     * The host name of the server to add to the list of CORS-enabled servers.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     */
-    host?: string | RegExp;
-    /**
-     * Indicates whether requests made to the associated server should include credentials such as cookies and authorization headers.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request)
-     * 
-     * @default false
-     */
-    withCredentials?: boolean;
   }
 
 
@@ -909,7 +866,7 @@ declare namespace __esri {
      */
     after?: AfterInterceptorCallback;
     /**
-     * Callback function that can make changes to the URL or options before the request is sent.
+     * Make changes to the request URL or options before the request is sent.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#RequestInterceptor)
      */
@@ -921,13 +878,13 @@ declare namespace __esri {
      */
     headers?: any;
     /**
-     * Sets or adds a query parameter into `requestOptions.query`. See also: [requestOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions).
+     * Sets or adds query parameters into `requestOptions.query`. See also: [requestOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#RequestInterceptor)
      */
     query?: any;
     /**
-     * Hardcodes the response. The request will not be sent. This is resolved as the response `data`.
+     * Hardcodes the [response](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestResponse). The request will not be sent. This is resolved as the response `data`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#RequestInterceptor)
      */
@@ -1000,7 +957,7 @@ declare namespace __esri {
      */
     declared<T>(baseClass: T, ...mixinClasses: any[]): T;
     /**
-     * This convenience decorator is used to define an [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html) property. Any property defined with this decorator can now be `get` and `set`. In addition, you can [watch for any property changes](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html). Many times this decorator is used in conjunction with the [@renderable](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-support-widget.html) decorator.
+     * This convenience decorator is used to define an [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html) property. Any property defined with this decorator can now be `get` and `set`. In addition, you can [watch for any property changes](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html). Many times this decorator is used in conjunction with the [@renderable](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-support-widget.html#renderable) decorator.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-accessorSupport-decorators.html#property)
      * 
@@ -1935,25 +1892,19 @@ declare namespace __esri {
 
   export const workers: workers;
 
-  /**
-   * The Connection class is used to access code loaded into a separate thread via the [workers framework](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers.html).
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html)
-   */
   interface Connection {
     /**
-     * A convenient method that broadcasts a message to all workers. Use this method if it is mandatory that all workers need to have a piece of information which is critical for them to process additional requests.
+     * A convenient method that invokes a method on each worker.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#broadcast)
      * 
-     * @param methodName The name of the method to invoke on all workers.
-     * @param data The object which contains all required parameters to be passed to the method. The data passed between the main thread and the workers framework are copied, not shared. Objects are serialized and de-serialized on both ends.
-     * @param transferList An array of [Transferable](https://developer.mozilla.org/en-US/docs/Web/API/Transferable) objects. Transferable objects are transferred from one context to another with a zero-copy operation, which results in a big performance improvement when sending large data sets.
+     * @param methodName The name of the remote method to invoke on all workers.
+     * @param data The unique parameter passed as argument of the remote method.
      * 
      */
-    broadcast(methodName: string, data?: any, transferList?: any[]): IPromise<any[]>;
+    broadcast(methodName: string, data?: any): IPromise<any>[];
     /**
-     * Closes the existing connection instance to workers. Notify all workers to destroy the connection instance and unload the connection module.
+     * Closes the existing connection instance to workers. Notifies all workers to destroy the connection instance and dispose the remote module.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#close)
      * 
@@ -1961,19 +1912,30 @@ declare namespace __esri {
      */
     close(): void;
     /**
-     * Invokes a method on the script loaded with the workers framework.
+     * Invokes a [method](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#basic-invocation) on the remote module loaded with the worker.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#invoke)
      * 
      * @param methodName The name of the method to be invoked in the script.
-     * @param data The object which contains all required parameters to be passed to the method. The data passed between the main thread and the workers framework are copied, not shared. Objects are serialized and de-serialized on both ends.
-     * @param transferList An array of [Transferable](https://developer.mozilla.org/en-US/docs/Web/API/Transferable) objects. Each transferable object in the array should have a corresponding entry in the data object. Transferable objects are transferred from one context to another with a zero-copy operation, which results in a big performance improvement when sending large data sets.
+     * @param data The unique parameter passed as argument of the remote method. See [Passing multiple parameters](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#multiple-parameters) section to pass more than one parameter to the remote method.
+     * @param transferList An array of [Transferable](https://developer.mozilla.org/en-US/docs/Web/API/Transferable) objects. Each transferable object in the array should have a corresponding entry in the data object. See [Using transferables](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html#using-transferables) section for more information.
      * 
      */
     invoke(methodName: string, data?: any, transferList?: any[]): IPromise<any>;
   }
 
-  export const Connection: Connection;
+  interface ConnectionConstructor {
+    /**
+     * This class is used to execute remote methods located on the module loaded into a separate thread via the [workers framework](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-workers-Connection.html)
+     */
+
+
+    new(): Connection;
+  }
+
+  export const Connection: ConnectionConstructor;
 
 
   export interface workersOpenOptions extends Object {
@@ -3642,7 +3604,7 @@ declare namespace __esri {
 
 
     /**
-     * Creates a mesh representing a box. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Box UV coordinate space**  The box geometry will have UV coordinates generated according to the following scheme:  <img src="../assets/img/apiref/geometry/mesh-box-uv.png" width="300" height="300"/>
+     * Creates a mesh representing a box. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Box UV coordinate space**  The box geometry will have UV coordinates generated according to the following scheme:  <img src="../../assets/img/apiref/geometry/mesh-box-uv.png" width="300" height="300"/>
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#createBox)
      * 
@@ -3656,7 +3618,7 @@ declare namespace __esri {
      */
     createBox(location: Point, params?: MeshCreateBoxParams): Mesh;
     /**
-     * Creates a mesh representing a cylinder. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Cylinder UV coordinate space**  The cylinder geometry will have UV coordinates generated according to the following scheme (example is shown for 8 vertices cylinder):  <img src="../assets/img/apiref/geometry/mesh-cylinder-uv.png" width="300" height="300"/>
+     * Creates a mesh representing a cylinder. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Cylinder UV coordinate space**  The cylinder geometry will have UV coordinates generated according to the following scheme (example is shown for 8 vertices cylinder):  <img src="../../assets/img/apiref/geometry/mesh-cylinder-uv.png" width="300" height="300"/>
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#createCylinder)
      * 
@@ -3681,7 +3643,7 @@ declare namespace __esri {
      */
     createFromPolygon(polygon: Polygon, params?: MeshCreateFromPolygonParams): Mesh;
     /**
-     * Creates a mesh representing a plane. The spatial reference of the resulting mesh is the same as the location where it is placed. A plane consists of two triangles and may be conveniently oriented at creation time.  **Plane UV coordinate space**  The plane geometry will have UV coordinates generated according to the following scheme:  <img src="../assets/img/apiref/geometry/mesh-plane-uv.png" width="300" height="300"/>
+     * Creates a mesh representing a plane. The spatial reference of the resulting mesh is the same as the location where it is placed. A plane consists of two triangles and may be conveniently oriented at creation time.  **Plane UV coordinate space**  The plane geometry will have UV coordinates generated according to the following scheme:  <img src="../../assets/img/apiref/geometry/mesh-plane-uv.png" width="300" height="300"/>
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#createPlane)
      * 
@@ -3695,7 +3657,7 @@ declare namespace __esri {
      */
     createPlane(location: Point, params?: MeshCreatePlaneParams): Mesh;
     /**
-     * Creates a mesh representing a sphere. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Sphere UV coordinate space**  The sphere geometry will have UV coordinates generated according to the following scheme (example is shown for 8x8 vertices sphere):  <img src="../assets/img/apiref/geometry/mesh-sphere-uv.png" width="300" height="300"/>
+     * Creates a mesh representing a sphere. The spatial reference of the resulting mesh is the same as the location where it is placed.  **Sphere UV coordinate space**  The sphere geometry will have UV coordinates generated according to the following scheme (example is shown for 8x8 vertices sphere):  <img src="../../assets/img/apiref/geometry/mesh-sphere-uv.png" width="300" height="300"/>
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#createSphere)
      * 
@@ -4040,11 +4002,17 @@ declare namespace __esri {
      */
     uv?: Float32Array | number[] | Float64Array;
     /**
-     * A flat array of the vertex normals (3 elements per vertex).
+     * A flat array of the vertex normals (3 elements per vertex ranging from -1 to 1).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#vertexAttributes)
      */
-    normal?: Float32Array | number[] | Uint32Array;
+    normal?: Float32Array | number[] | Float64Array;
+    /**
+     * **Since: 4.9**    A flat array of the vertex colors (4 elements per vertex ranging from 0 to 255). Vertex colors are multiplied by the component material color (if any is defined).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#vertexAttributes)
+     */
+    color?: Uint8Array | number[] | Uint8ClampedArray;
   }
 
   export interface MeshVertexAttributes extends AnonymousAccessor {
@@ -4061,11 +4029,17 @@ declare namespace __esri {
      */
     uv?: Float32Array;
     /**
-     * A flat array of the vertex normals (3 elements per vertex).
+     * A flat array of the vertex normals (3 elements per vertex ranging from -1 to 1).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#vertexAttributes)
      */
     normal?: Float32Array;
+    /**
+     * **Since: 4.9**    A flat array of the vertex colors (4 elements per vertex ranging from 0 to 255). Vertex colors are multiplied by the component material color (if any is defined).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Mesh.html#vertexAttributes)
+     */
+    color?: Uint8Array;
   }
 
   interface Multipoint extends Geometry {
@@ -4901,6 +4875,20 @@ declare namespace __esri {
   export const GeographicTransformationStep: GeographicTransformationStepConstructor;
 
   interface ImageMeshColor extends Accessor {
+    /**
+     * A direct reference to the image data. The image data can be an [image element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement), [canvas element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement) or [ImageData](https://developer.mozilla.org/en-US/docs/Web/API/ImageData).  The data property is mutually exclusive with the url property, setting the data will clear the url (if there is one).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#data)
+     */
+    data: HTMLImageElement | HTMLCanvasElement | ImageData;
+    /**
+     * Indicates whether the image data should be interpreted as being semi-transparent. The default value is automatically derived when the data property contains a canvas element or an ImageData object. In all other cases it defaults to `false`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#transparent)
+     * 
+     * @default undefined
+     */
+    transparent: boolean;
     /**
      * For ImageMeshColor the type is always `image`.
      * 
@@ -4908,7 +4896,7 @@ declare namespace __esri {
      */
     readonly type: "image";
     /**
-     * The url to the image resource. This can either be a remote url (absolute or relative) or a data url.
+     * The url to the image resource. This can either be a remote url (absolute or relative) or a data url.  The url property is mutually exclusive with the data property, setting the url will clear the data (if there is one).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#url)
      */
@@ -4926,7 +4914,7 @@ declare namespace __esri {
 
   interface ImageMeshColorConstructor {
     /**
-     * ImageMeshColor is a type of mesh color that represents an image mapped to the mesh by its uv vertex attributes. ImageMeshColor instances can be used with the [MeshComponent.material.color](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-MeshComponent.html#material) property.
+     * ImageMeshColor is a type of mesh color that represents an image mapped to the mesh by its uv vertex attributes. ImageMeshColor instances can be used with the [MeshComponent.material.color](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-MeshComponent.html#material) property. Images can be referred to either by url or directly by data ( [image element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement), [canvas element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement) or [ImageData](https://developer.mozilla.org/en-US/docs/Web/API/ImageData)).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html)
      */
@@ -4938,7 +4926,21 @@ declare namespace __esri {
 
   interface ImageMeshColorProperties {
     /**
-     * The url to the image resource. This can either be a remote url (absolute or relative) or a data url.
+     * A direct reference to the image data. The image data can be an [image element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement), [canvas element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement) or [ImageData](https://developer.mozilla.org/en-US/docs/Web/API/ImageData).  The data property is mutually exclusive with the url property, setting the data will clear the url (if there is one).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#data)
+     */
+    data?: HTMLImageElement | HTMLCanvasElement | ImageData;
+    /**
+     * Indicates whether the image data should be interpreted as being semi-transparent. The default value is automatically derived when the data property contains a canvas element or an ImageData object. In all other cases it defaults to `false`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#transparent)
+     * 
+     * @default undefined
+     */
+    transparent?: boolean;
+    /**
+     * The url to the image resource. This can either be a remote url (absolute or relative) or a data url.  The url property is mutually exclusive with the data property, setting the url will clear the data (if there is one).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-ImageMeshColor.html#url)
      */
@@ -5081,7 +5083,7 @@ declare namespace __esri {
      */
     createFromElevation(source: ElevationLayer | Ground | ElevationSampler, extent: Extent, params?: meshUtilsCreateFromElevationParams): IPromise<Mesh>;
     /**
-     * Georeferences vertices specified in a Cartesian coordinate system. This is useful when converting general 3D model meshes not typically georeferenced. This method operates on mesh vertex attributes and will convert positions and normals (if specified) from a local (0, 0, 0) Cartesian system to the properly georeferenced coordinates at the specified location.
+     * Georeferences vertices specified in a Cartesian coordinate system. This is useful when converting general 3D model meshes not typically georeferenced. This method operates on mesh vertex attributes and will convert positions and normals (if specified) from a local (0, 0, 0) Cartesian system to the properly georeferenced coordinates at the specified `location`. The `location`'s coordinate system determines the units of the converted positions. If the coordinate system is WGS84, metric units are used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-meshUtils.html#georeference)
      * 
@@ -5172,9 +5174,10 @@ declare namespace __esri {
      * 
      * @param geometries An array of geometries to normalize.
      * @param geometryService A geometry service used to perform the normalization. If this value is `null` then the default geometry service in [esriConfig.geometryServiceUrl](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#geometryServiceUrl) is used.
+     * @param requestOptions Additional [options](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#esriRequest) to be used for the data request.
      * 
      */
-    normalizeCentralMeridian(geometries: Geometry[], geometryService?: GeometryService): IPromise<Geometry[]>;
+    normalizeCentralMeridian(geometries: Geometry[], geometryService?: GeometryService, requestOptions?: any): IPromise<Geometry[]>;
   }
 
   export const normalizeUtils: normalizeUtils;
@@ -5315,7 +5318,7 @@ declare namespace __esri {
      */
     popupTemplate: PopupTemplate;
     /**
-     * The [Symbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html) for the graphic. Choosing a symbol for a graphic depends on the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) type (SceneView or MapView), and the [geometry type](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html#type) of the graphic.  If the symbol is not specified for a graphic in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html), it displays using the symbol defined in the layer's [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html). Each graphic may have its own symbol specified when the parent layer is a [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html).
+     * The [Symbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html) for the graphic. Choosing a symbol for a graphic depends on the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) type (SceneView or MapView), and the [geometry type](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html#type) of the graphic.  Each graphic may have its own symbol specified when the parent layer is a [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html). For a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) the symbol of each graphic should not be set by the developer since the graphics' rendering properties are determined by the layer's [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol)
      */
@@ -5407,7 +5410,7 @@ declare namespace __esri {
      */
     popupTemplate?: PopupTemplateProperties;
     /**
-     * The [Symbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html) for the graphic. Choosing a symbol for a graphic depends on the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) type (SceneView or MapView), and the [geometry type](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html#type) of the graphic.  If the symbol is not specified for a graphic in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html), it displays using the symbol defined in the layer's [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html). Each graphic may have its own symbol specified when the parent layer is a [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html).
+     * The [Symbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html) for the graphic. Choosing a symbol for a graphic depends on the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) type (SceneView or MapView), and the [geometry type](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html#type) of the graphic.  Each graphic may have its own symbol specified when the parent layer is a [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html). For a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) the symbol of each graphic should not be set by the developer since the graphics' rendering properties are determined by the layer's [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol)
      */
@@ -5424,7 +5427,7 @@ declare namespace __esri {
 
   interface Ground extends Accessor, Loadable, JSONSupport {
     /**
-     * A collection of [ElevationLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html) that define the elevation or terrain that makes up the ground surface. When elevation layers are added to the ground, the topographical variations of the surface are rendered in 3D as they would appear in the real world.  ![elev-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/ground/elev-default.png)  When the layers collection is empty, the ground surface is flat.  ![no-elev](https://developers.arcgis.com/javascript/latest/assets/img/apiref/ground/no-elev.png)
+     * A collection of [ElevationLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html) that define the elevation or terrain that makes up the ground surface. When elevation layers are added to the ground, the topographical variations of the surface are rendered in 3D as they would appear in the real world.  ![elev-default](https://developers.arcgis.com/javascript/assets/img/apiref/ground/elev-default.png)  When the layers collection is empty, the ground surface is flat.  ![no-elev](https://developers.arcgis.com/javascript/assets/img/apiref/ground/no-elev.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html#layers)
      */
@@ -5479,6 +5482,14 @@ declare namespace __esri {
      * 
      */
     createElevationSampler(extent: Extent, options?: GroundCreateElevationSamplerOptions): IPromise<ElevationSampler>;
+    /**
+     * Loads all the externally loadable resources associated with the ground. For the ground this will load all the layers.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html#loadAll)
+     * 
+     * 
+     */
+    loadAll(): IPromise<Ground>;
     /**
      * Queries the ground layer services for elevation values for the given geometry. The returned result contains a copy of the geometry with z-values sampled from elevation data from the first layer that has data available.
      * 
@@ -5509,7 +5520,7 @@ declare namespace __esri {
 
   interface GroundProperties extends LoadableProperties {
     /**
-     * A collection of [ElevationLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html) that define the elevation or terrain that makes up the ground surface. When elevation layers are added to the ground, the topographical variations of the surface are rendered in 3D as they would appear in the real world.  ![elev-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/ground/elev-default.png)  When the layers collection is empty, the ground surface is flat.  ![no-elev](https://developers.arcgis.com/javascript/latest/assets/img/apiref/ground/no-elev.png)
+     * A collection of [ElevationLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html) that define the elevation or terrain that makes up the ground surface. When elevation layers are added to the ground, the topographical variations of the surface are rendered in 3D as they would appear in the real world.  ![elev-default](https://developers.arcgis.com/javascript/assets/img/apiref/ground/elev-default.png)  When the layers collection is empty, the ground surface is flat.  ![no-elev](https://developers.arcgis.com/javascript/assets/img/apiref/ground/no-elev.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html#layers)
      */
@@ -6474,11 +6485,9 @@ declare namespace __esri {
      * @param extent The extent of the view. This value is provided by the [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param width The width of the view in pixels. This value is provided by the [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param height The height of the view in pixels. This value is provided by the [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
-     * @param options Optional settings for the image request. The options have the following properties.
-     * @param options.allowImageDataAccess Indicates if access to pixels of the image is allowed. This value must be set to `true` if the layer will be drawn in 3D and [WebGL textures](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL) are required to display the layer. Loading of WebGL textures is dependent on [cross-domain access](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL#Cross-domain_textures) controls. This option allows cross-domain access to create WebGL textures.
      * 
      */
-    fetchImage(extent: Extent, width: number, height: number, options?: BaseDynamicLayerFetchImageOptions): IPromise<HTMLImageElement | HTMLCanvasElement>;
+    fetchImage(extent: Extent, width: number, height: number): IPromise<HTMLImageElement | HTMLCanvasElement>;
     /**
      * This method returns a URL to an image for a given extent, width, and height. Override this method to construct the URL for the image based on user interaction.
      * 
@@ -6513,16 +6522,6 @@ declare namespace __esri {
 
   }
 
-
-  export interface BaseDynamicLayerFetchImageOptions extends Object {
-    /**
-     * Indicates if access to pixels of the image is allowed. This value must be set to `true` if the layer will be drawn in 3D and [WebGL textures](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL) are required to display the layer. Loading of WebGL textures is dependent on [cross-domain access](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL#Cross-domain_textures) controls. This option allows cross-domain access to create WebGL textures.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BaseDynamicLayer.html#fetchImage)
-     */
-    allowImageDataAccess?: boolean;
-  }
-
   export interface BaseDynamicLayerLayerviewCreateEvent {
 
     layerView: LayerView;
@@ -6721,10 +6720,9 @@ declare namespace __esri {
      * @param row The row (y) position of the tile fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param col The column (x) position of the tile to fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param options Optional settings for the tile request. The options have the following properties.
-     * @param options.allowImageDataAccess Indicates if access to pixels of the image is allowed. This value must be set to `true` if the layer will be drawn in 3D and [WebGL textures](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL) are required to display the layer. Loading of WebGL textures is dependent on [cross-domain access](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL#Cross-domain_textures) controls. This option allows cross-domain access to create WebGL textures.
      * 
      */
-    fetchTile(level: number, row: number, col: number, options?: BaseTileLayerFetchTileOptions): IPromise<HTMLImageElement | HTMLCanvasElement>;
+    fetchTile(level: number, row: number, col: number, options?: any): IPromise<HTMLImageElement | HTMLCanvasElement>;
     /**
      * Returns the bounds of the tile as an array of four numbers that be readily converted to an [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) object. The value for each item in the array is described in the following table: 
      * 
@@ -6755,7 +6753,7 @@ declare namespace __esri {
      * @param col Tile column. This value is provided by the [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * 
      */
-    getTileUrl(level: number, row: number, col: number): string | IPromise<any>;
+    getTileUrl(level: number, row: number, col: number): string;
 
 
     on(name: "layerview-create", eventHandler: BaseTileLayerLayerviewCreateEventHandler): IHandle;
@@ -6792,16 +6790,6 @@ declare namespace __esri {
     tileInfo?: TileInfoProperties;
   }
 
-
-  export interface BaseTileLayerFetchTileOptions extends Object {
-    /**
-     * Indicates if access to pixels of the image is allowed. This value must be set to `true` if the layer will be drawn in 3D and [WebGL textures](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL) are required to display the layer. Loading of WebGL textures is dependent on [cross-domain access](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL#Cross-domain_textures) controls. This option allows cross-domain access to create WebGL textures.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BaseTileLayer.html#fetchTile)
-     */
-    allowImageDataAccess?: boolean;
-  }
-
   export interface BaseTileLayerLayerviewCreateEvent {
 
     layerView: LayerView;
@@ -6964,7 +6952,7 @@ declare namespace __esri {
      */
     elevationInfo: CSVLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#featureReduction)
      */
@@ -6977,9 +6965,7 @@ declare namespace __esri {
     fields: Field[];
     /**
      * The label definition for this layer, specified as an array of [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html). Use this property to specify labeling properties for the layer.  For labels to display in the view, the [labelsVisible](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelsVisible) property of this layer must be set to `true`.  Multiple Label classes with different `where` clauses can be used to define several labels with varying styles on the same feature. Likewise, multiple label classes may be used to label different types of features (for example blue labels for lakes and green labels for parks). 
-     * > **Known Limitations** 
-     *   * WebGL must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display.
-     *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     * > **Known Limitations**  Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelingInfo)
      */
@@ -6987,7 +6973,6 @@ declare namespace __esri {
     /**
      * Indicates whether to display labels for this layer. If `true`, labels will appear as defined in the [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelingInfo) property. 
      * > **Known Limitations** 
-     *   * WebGL must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display.
      *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Currently the `labelsVisible` property must be explicitly set to `true` for labels to be printed.
      * 
@@ -7017,7 +7002,7 @@ declare namespace __esri {
      */
     longitudeField: string;
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#maxScale)
      * 
@@ -7025,7 +7010,7 @@ declare namespace __esri {
      */
     maxScale: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale.
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#minScale)
      * 
@@ -7059,7 +7044,7 @@ declare namespace __esri {
      */
     renderer: Renderer;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#screenSizePerspectiveEnabled)
@@ -7209,7 +7194,7 @@ declare namespace __esri {
      */
     elevationInfo?: CSVLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#featureReduction)
      */
@@ -7222,9 +7207,7 @@ declare namespace __esri {
     fields?: FieldProperties[];
     /**
      * The label definition for this layer, specified as an array of [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html). Use this property to specify labeling properties for the layer.  For labels to display in the view, the [labelsVisible](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelsVisible) property of this layer must be set to `true`.  Multiple Label classes with different `where` clauses can be used to define several labels with varying styles on the same feature. Likewise, multiple label classes may be used to label different types of features (for example blue labels for lakes and green labels for parks). 
-     * > **Known Limitations** 
-     *   * WebGL must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display.
-     *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     * > **Known Limitations**  Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelingInfo)
      */
@@ -7232,7 +7215,6 @@ declare namespace __esri {
     /**
      * Indicates whether to display labels for this layer. If `true`, labels will appear as defined in the [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#labelingInfo) property. 
      * > **Known Limitations** 
-     *   * WebGL must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display.
      *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Currently the `labelsVisible` property must be explicitly set to `true` for labels to be printed.
      * 
@@ -7262,7 +7244,7 @@ declare namespace __esri {
      */
     longitudeField?: string;
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#maxScale)
      * 
@@ -7270,7 +7252,7 @@ declare namespace __esri {
      */
     maxScale?: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale.
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#minScale)
      * 
@@ -7304,7 +7286,7 @@ declare namespace __esri {
      */
     renderer?: RendererProperties;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html#screenSizePerspectiveEnabled)
@@ -7422,7 +7404,6 @@ declare namespace __esri {
      * @param width The width of the view in pixels.
      * @param height The height of the view in pixels.
      * @param options The parameter options is an object with the following properties.
-     * @param options.allowImageDataAccess Indicates if the access to the pixels of the image is required.
      * @param options.rotation The rotation in degrees of the exported image. Available since ArcGIS Server 10.3.
      * @param options.pixelRatio The ratio of the resolution in physical pixels of the image to the resolution it will be displayed at.
      * 
@@ -7469,12 +7450,6 @@ declare namespace __esri {
 
 
   export interface DynamicLayerFetchImageOptions extends Object {
-    /**
-     * Indicates if the access to the pixels of the image is required.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-DynamicLayer.html#fetchImage)
-     */
-    allowImageDataAccess?: boolean;
     /**
      * The rotation in degrees of the exported image. Available since ArcGIS Server 10.3.
      * 
@@ -7585,7 +7560,7 @@ declare namespace __esri {
 
   interface ElevationLayerConstructor {
     /**
-     * ElevationLayer is a tile layer used for rendering elevations in [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A default [world elevation layer](http://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer) can be added to the map by setting the [map's ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground) property to `world-elevation`.
+     * ElevationLayer is a tile layer used for rendering elevations in [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A default [world elevation layer](https://www.arcgis.com/home/item.html?id=7029fb60158543ad845c7e1527af11e4) can be added to the map by setting the [map's ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground) property to `world-elevation`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html)
      */
@@ -7725,8 +7700,7 @@ declare namespace __esri {
      */
     copyright: string;
     /**
-     * The SQL where clause used to filter features on the client. Only the features that satisfy the definition expression are displayed in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). Setting a definition expression is useful when the dataset is large and you don't want to bring all features to the client for analysis. Definition expressions may be set when a layer is constructed prior to it loading in the view or after it has been added to the map. If the definition expression is set after the layer has been added to the map, the view will automatically refresh itself to display the features that satisfy the new definition expression. 
-     * > **Known Limitations**  Definition expressions will not be honored when working with FeatureLayers created from client-side graphics.
+     * The SQL where clause used to filter features on the client. Only the features that satisfy the definition expression are displayed in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). Setting a definition expression is useful when the dataset is large and you don't want to bring all features to the client for analysis. Definition expressions may be set when a layer is constructed prior to it loading in the view or after it has been added to the map. If the definition expression is set after the layer has been added to the map, the view will automatically refresh itself to display the features that satisfy the new definition expression.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)
      */
@@ -7744,19 +7718,19 @@ declare namespace __esri {
      */
     dynamicDataSource: DynamicMapLayer | DynamicDataLayer;
     /**
-     * Specifies how graphics are placed on the vertical axis (z). This property may only be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). See the [ElevationInfo sample](https://developers.arcgis.com/javascript/latest/sample-code/scene-elevationinfo/index.html) for an example of how this property may be used.
+     * Specifies how features are placed on the vertical axis (z). This property may only be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). See the [ElevationInfo sample](https://developers.arcgis.com/javascript/latest/sample-code/scene-elevationinfo/index.html) for an example of how this property may be used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
     elevationInfo: FeatureLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#featureReduction)
      */
     featureReduction: FeatureLayerFeatureReduction;
     /**
-     * An array of fields in the layer. Each field represents an attribute that may contain a value for each feature in the layer. For example, a field named `POP_2015`, stores information about total population as a numeric value for each feature; this value represents the total number of people living within the geographic bounds of the feature.  This property must be set in the constructor when creating a FeatureLayer from client-side [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). To create FeatureLayers from client-side graphics you must also set the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.
+     * An array of fields in the layer. Each field represents an attribute that may contain a value for each feature in the layer. For example, a field named `POP_2015`, stores information about total population as a numeric value for each feature; this value represents the total number of people living within the geographic bounds of the feature.  This property must be set in the constructor when creating a FeatureLayer from client-side [features](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). To create FeatureLayers from client-side features you must also set the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields)
      */
@@ -7768,13 +7742,13 @@ declare namespace __esri {
      */
     readonly gdbVersion: string;
     /**
-     * The geometry type of features in the layer. All features must be of the same type. This property is read-only when the layer is created from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url).  However, when creating a FeatureLayer from client-side graphics, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.  **Possible Values:** point | mulitpoint | polyline | polygon | extent | mesh
+     * The geometry type of features in the layer. All features must be of the same type. This property is read-only when the layer is created from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url).  When creating a FeatureLayer from client-side features, this property is inferred by the geometryType of the features provided in the layer's [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source) property.  **Possible Values:** point | multipoint | polyline | polygon | extent | mesh
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType)
      */
     geometryType: string;
     /**
-     * Value is `true` if attachments are enabled on the feature layer.
+     * Indicates if attachments are enabled on the feature layer. Use `FeatureLayer.capabilities.data.supportsAttachment` instead.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#hasAttachments)
      * 
@@ -7782,19 +7756,19 @@ declare namespace __esri {
      */
     readonly hasAttachments: boolean;
     /**
-     * Indicates if the features in the layer have M values.
+     * Indicates whether the client-side features in the layer have `M` (measurement) values. Use the `supportsM` property in the FeatureLayer's [capabilities.data](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) object to verify if `M` values are supported on [feature service](https://developers.arcgis.com/rest/services-reference/feature-service.htm) features.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#hasM)
      * 
-     * @default false
+     * @default undefined
      */
     readonly hasM: boolean;
     /**
-     * Indicates if the features in the layer have Z values. See [elevationInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo) for details regarding placement and rendering of graphics with z-values in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     * Indicates whether the client-side features in the layer have `Z` (elevation) values. Refer to [elevationInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo) for details regarding placement and rendering of features with z-values in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Use the `supportsZ` property in the FeatureLayer's [capabilities.data](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) object to verify if `Z` values are supported on [feature service](https://developers.arcgis.com/rest/services-reference/feature-service.htm) features.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#hasZ)
      * 
-     * @default false
+     * @default undefined
      */
     readonly hasZ: boolean;
     /**
@@ -7806,7 +7780,6 @@ declare namespace __esri {
     /**
      * The label definition for this layer, specified as an array of [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html). Use this property to specify labeling properties for the layer such as label expression, placement, and size.  The [labelsVisible](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelsVisible) property of this layer must be set to `true` for labels to display in the view.  Multiple Label classes with different `where` clauses can be used to define several labels with varying styles on the same feature. Likewise, multiple label classes may be used to label different types of features (for example blue labels for lakes and green labels for parks). 
      * > **Known Limitations** 
-     *   * [WebGL](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-rendering) must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display. Be sure to review the [WebGL limitations](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-limitations).
      *   * Currently only FeatureLayers with point and polygon geometries are supported.
      *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -7816,9 +7789,8 @@ declare namespace __esri {
     /**
      * Indicates whether to display labels for this layer. If `true`, labels will appear as defined in the [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelingInfo) property. 
      * > **Known Limitations** 
-     *   * [WebGL](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-rendering) must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display. Be sure to review the [WebGL limitations](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-limitations).
      *   * Currently only FeatureLayers with point and polygon geometries are supported.
-     *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     *   * Currently 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) only support one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) per feature.
      *   * Currently the `labelsVisible` property must be explicitly set to `true` for labels to be printed.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelsVisible)
@@ -7846,7 +7818,7 @@ declare namespace __esri {
      */
     legendEnabled: boolean;
     /**
-     * The name of one of the provided [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields) for each graphic containing a unique value or identifier for that graphic. This is required when constructing a FeatureLayer from a collection of client-side [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html).  When creating a FeatureLayer from client-side graphics, the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * The name of an `oid` [field](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields) containing a unique value or identifier for each feature in the layer. This is required when constructing a FeatureLayer from a collection of client-side [features](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField)
      */
@@ -7872,7 +7844,13 @@ declare namespace __esri {
      */
     popupTemplate: PopupTemplate;
     /**
-     * The renderer assigned to the layer. The renderer defines how to visualize each feature in the layer. Depending on the renderer type, features may be visualized with the same symbol, or with varying symbols based on the values of provided attribute fields or functions.  However, when creating a FeatureLayer from client-side graphics, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType) properties.
+     * Array of [relationships](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html) set up for the layer. Each object in the array describes the layer's [relationship](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html) with another layer or table.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#relationships)
+     */
+    readonly relationships: Relationship;
+    /**
+     * The renderer assigned to the layer. The renderer defines how to visualize each feature in the layer. Depending on the renderer type, features may be visualized with the same symbol, or with varying symbols based on the values of provided attribute fields or functions.  However, when creating a FeatureLayer from client-side features, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField) properties.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer)
      */
@@ -7894,7 +7872,7 @@ declare namespace __esri {
      */
     returnZ: boolean;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#screenSizePerspectiveEnabled)
@@ -7903,13 +7881,13 @@ declare namespace __esri {
      */
     screenSizePerspectiveEnabled: boolean;
     /**
-     * A collection of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) objects used to create a FeatureLayer. This property should only used when creating a FeatureLayer from client-side graphics. When creating a FeatureLayer from client-side graphics, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * A collection of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) objects used to create a FeatureLayer. The geometry of each feature all must have a matching [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType). This property should only be used when creating a FeatureLayer from client-side features. When creating a FeatureLayer from client-side features, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.  Use [applyEdits()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits) method to add, remove, and update features from a layer at runtime. Once `applyEdits()` resolves successfully, use [queryFeatures()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures) to return updated features.  The [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference) and [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType) properties are determined based on the features provided to this property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)
      */
     source: Collection<Graphic>;
     /**
-     * The spatial reference of the layer. When creating the layer from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url), the spatial reference is read from the service.  This property should be set explicitly when creating a FeatureLayer from client-side graphics. When creating a FeatureLayer from client-side graphics, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * The spatial reference of the layer. When creating the layer from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url), the spatial reference is read from the service.  When creating a FeatureLayer from client-side features, this property is inferred from the geometries of the features provided in the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source) property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference)
      */
@@ -7952,7 +7930,18 @@ declare namespace __esri {
     readonly version: number;
 
     /**
-     * Applies edits to features in a feature layer. New features can be created and existing features can be updated or deleted. Feature geometries and/or attributes may be modified. Only applicable to layers in a [feature service](https://developers.arcgis.com/rest/services-reference/feature-service.htm).
+     * Adds an attachment to a feature. This operation is available only if the layer's [capabilities.data.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is set to `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#addAttachment)
+     * 
+     * @param feature Feature to which the attachment is to be added.
+     * @param attachment HTML form that contains a file upload field pointing to the file to be added as an attachment.
+     * 
+     */
+    addAttachment(feature: Graphic, attachment: HTMLFormElement | FormData): IPromise<FeatureEditResult>;
+    /**
+     * Applies edits to features in a layer. New features can be created and existing features can be updated or deleted. Feature geometries and/or attributes may be modified. Only applicable to layers in a [feature service](https://developers.arcgis.com/rest/services-reference/feature-service.htm) and client-side features set through the layer's [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source). 
+     * > **Known Limitations**  FeatureLayer.applyEdits() is not supported for client-side features in [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits)
      * 
@@ -7971,6 +7960,16 @@ declare namespace __esri {
      * 
      */
     createQuery(): Query;
+    /**
+     * Deletes attachments from a feature. This operation is available only if the layer's [capabilities.data.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is set to `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#deleteAttachments)
+     * 
+     * @param feature Feature containing attachments to be deleted.
+     * @param attachmentIds Ids of the attachments to be deleted.
+     * 
+     */
+    deleteAttachments(feature: Graphic, attachmentIds: number[]): IPromise<FeatureEditResult>;
     /**
      * Returns a [FeatureType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureType.html) describing the feature's type. This is applicable if the layer containing the feature has a [typeIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#typeIdField).
      * 
@@ -7991,32 +7990,33 @@ declare namespace __esri {
      * 
      */
     getFieldDomain(fieldName: string, options?: FeatureLayerGetFieldDomainOptions): Domain;
+    /**
+     * Query information about attachments associated with features. It will return an error if the layer's [capabilities.data.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property is `false`. Attachments for multiple features can be queried if the layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is `true`. 
+     * > **Known Limitations**  When the layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property is `false`, [AttachmentQuery.objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds) property only accepts a single `objectId`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryAttachments)
+     * 
+     * @param attachmentQuery Specifies the attachment parameters for query.
+     * 
+     */
+    queryAttachments(attachmentQuery: AttachmentQuery | AttachmentQueryProperties): IPromise<AttachmentInfo[]>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against the feature service and returns the [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of features that satisfy the query. If no parameters are specified, then the extent and count of all features satisfying the layer's configuration/filters are returned. This is valid only for [hosted feature services](http://doc.arcgis.com/en/arcgis-online/share-maps/hosted-web-layers.htm) on [arcgis.com](http://arcgis.com) and for ArcGIS Server 10.3.1 and later. 
      * > To query for the extent of features/graphics available to or visible in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) on the client rather than making a server-side query, you must use the [FeatureLayerView.queryExtent()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#queryExtent) method.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryExtent)
      * 
-     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then the extent and count of all features satisfying the layer's configuration/filters are returned. If working with a FeatureLayer created from a FeatureCollection (via [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)), only the [geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#geometry), [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#objectIds), and [spatialRelationship](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#spatialRelationship) properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that `intersects` is the only supported operation.
+     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then the extent and count of all features satisfying the layer's configuration/filters are returned.
      * 
      */
     queryExtent(params?: Query | QueryProperties): IPromise<any>;
     /**
-     * Query information about attachments associated with a specified feature.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatureAttachments)
-     * 
-     * @param feature The feature to query.
-     * 
-     */
-    queryFeatureAttachments(feature: Graphic): IPromise<AttachmentInfo[]>;
-    /**
-     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against the feature service and returns the number of features that satisfy the query. If no parameters are specified, then the total number of features satisfying the layer's configuration/filters is returned. 
+     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against the feature service and returns the number of features that satisfy the query. If no parameters are specified, the total number of features satisfying the layer's configuration/filters is returned. 
      * > To query for the count of features/graphics available to or visible in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) on the client rather than making a server-side query, you must use the [FeatureLayerView.queryFeatureCount()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#queryFeatureCount) method.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatureCount)
      * 
-     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then the total number of features satisfying the layer's configuration/filters is returned. If working with a FeatureLayer created from a FeatureCollection (via [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)), only the [geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#geometry), [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#objectIds), and [spatialRelationship](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#spatialRelationship) properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that `intersects` is the only supported operation.
+     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, the total number of features satisfying the layer's configuration/filters is returned.
      * 
      */
     queryFeatureCount(params?: Query | QueryProperties): IPromise<number>;
@@ -8026,7 +8026,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures)
      * 
-     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then all features satisfying the layer's configuration/filters are returned. If working with a FeatureLayer created from a FeatureCollection (via [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)), only the [geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#geometry), [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#objectIds), and [spatialRelationship](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#spatialRelationship) properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that `intersects` is the only supported operation.
+     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then all features satisfying the layer's configuration/filters are returned.
      * 
      */
     queryFeatures(params?: Query | QueryProperties): IPromise<FeatureSet>;
@@ -8036,10 +8036,30 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryObjectIds)
      * 
-     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then the Object IDs of all features satisfying the layer's configuration/filters are returned. If working with a FeatureLayer created from a FeatureCollection (via [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)), only the [geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#geometry), [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#objectIds), and [spatialRelationship](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#spatialRelationship) properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that `intersects` is the only supported operation.
+     * @param params Specifies the attributes and spatial filter of the query. If no parameters are specified, then the Object IDs of all features satisfying the layer's configuration/filters are returned.
      * 
      */
     queryObjectIds(params?: Query | QueryProperties): IPromise<number[]>;
+    /**
+     * Executes a [RelationshipQuery](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html) against the feature service and returns [FeatureSets](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html) grouped by source layer or table objectIds.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryRelatedFeatures)
+     * 
+     * @param relationshipQuery Specifies relationship parameters for querying related features or records from a layer or a table.
+     * 
+     */
+    queryRelatedFeatures(relationshipQuery: RelationshipQuery | RelationshipQueryProperties): IPromise<any>;
+    /**
+     * Updates an existing attachment for a feature. This operation is available only if the layer's [capabilities.data.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is set to `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#updateAttachment)
+     * 
+     * @param feature The feature containing the attachment to be updated.
+     * @param attachmentId Id of the attachment to be updated.
+     * @param attachment HTML form that contains a file upload field pointing to the file to be added as an attachment.
+     * 
+     */
+    updateAttachment(feature: Graphic, attachmentId: number, attachment: HTMLFormElement | FormData): IPromise<FeatureEditResult>;
 
 
     on(name: "layerview-create", eventHandler: FeatureLayerLayerviewCreateEventHandler): IHandle;
@@ -8049,7 +8069,7 @@ declare namespace __esri {
 
   interface FeatureLayerConstructor {
     /**
-     * A FeatureLayer is a single layer that can be created from a [Map Service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-map-service.htm) or [Feature Service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-feature-service-.htm); ArcGIS Online or ArcGIS Enterprise portal items; or from an array of client-side graphics. It is composed of discrete features, each of which has a [Geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html) that allows it to be rendered in either a 2D [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) as a [graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) with spatial context. Features also contain data [attributes](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#attributes) that provide additional information about the real-world feature it represents; attributes may be viewed in [popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupTemplate) windows and used for [rendering](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) the layer. FeatureLayers may be [queried](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures), [analyzed](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html), and [rendered](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) to visualize data in a spatial context.
+     * A FeatureLayer is a single layer that can be created from a [Map Service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-map-service.htm) or [Feature Service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-feature-service-.htm); ArcGIS Online or ArcGIS Enterprise portal items; or from an array of client-side features. It is composed of discrete features, each of which has a [Geometry](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html) that allows it to be rendered in either a 2D [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) as a [graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) with spatial context. Features also contain data [attributes](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#attributes) that provide additional information about the real-world feature it represents; attributes may be viewed in [popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupTemplate) windows and used for [rendering](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) the layer. FeatureLayers may be [queried](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures), [analyzed](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html), and [rendered](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) to visualize data in a spatial context.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html)
      */
@@ -8069,8 +8089,7 @@ declare namespace __esri {
      */
     copyright?: string;
     /**
-     * The SQL where clause used to filter features on the client. Only the features that satisfy the definition expression are displayed in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). Setting a definition expression is useful when the dataset is large and you don't want to bring all features to the client for analysis. Definition expressions may be set when a layer is constructed prior to it loading in the view or after it has been added to the map. If the definition expression is set after the layer has been added to the map, the view will automatically refresh itself to display the features that satisfy the new definition expression. 
-     * > **Known Limitations**  Definition expressions will not be honored when working with FeatureLayers created from client-side graphics.
+     * The SQL where clause used to filter features on the client. Only the features that satisfy the definition expression are displayed in the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). Setting a definition expression is useful when the dataset is large and you don't want to bring all features to the client for analysis. Definition expressions may be set when a layer is constructed prior to it loading in the view or after it has been added to the map. If the definition expression is set after the layer has been added to the map, the view will automatically refresh itself to display the features that satisfy the new definition expression.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)
      */
@@ -8088,25 +8107,25 @@ declare namespace __esri {
      */
     dynamicDataSource?: DynamicMapLayer | DynamicDataLayer;
     /**
-     * Specifies how graphics are placed on the vertical axis (z). This property may only be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). See the [ElevationInfo sample](https://developers.arcgis.com/javascript/latest/sample-code/scene-elevationinfo/index.html) for an example of how this property may be used.
+     * Specifies how features are placed on the vertical axis (z). This property may only be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). See the [ElevationInfo sample](https://developers.arcgis.com/javascript/latest/sample-code/scene-elevationinfo/index.html) for an example of how this property may be used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
     elevationInfo?: FeatureLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  Currently this property is only supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) for point features with non-draped [Icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  ![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#featureReduction)
      */
     featureReduction?: FeatureLayerFeatureReduction;
     /**
-     * An array of fields in the layer. Each field represents an attribute that may contain a value for each feature in the layer. For example, a field named `POP_2015`, stores information about total population as a numeric value for each feature; this value represents the total number of people living within the geographic bounds of the feature.  This property must be set in the constructor when creating a FeatureLayer from client-side [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). To create FeatureLayers from client-side graphics you must also set the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.
+     * An array of fields in the layer. Each field represents an attribute that may contain a value for each feature in the layer. For example, a field named `POP_2015`, stores information about total population as a numeric value for each feature; this value represents the total number of people living within the geographic bounds of the feature.  This property must be set in the constructor when creating a FeatureLayer from client-side [features](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). To create FeatureLayers from client-side features you must also set the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields)
      */
     fields?: FieldProperties[];
     /**
-     * The geometry type of features in the layer. All features must be of the same type. This property is read-only when the layer is created from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url).  However, when creating a FeatureLayer from client-side graphics, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties.  **Possible Values:** point | mulitpoint | polyline | polygon | extent | mesh
+     * The geometry type of features in the layer. All features must be of the same type. This property is read-only when the layer is created from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url).  When creating a FeatureLayer from client-side features, this property is inferred by the geometryType of the features provided in the layer's [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source) property.  **Possible Values:** point | multipoint | polyline | polygon | extent | mesh
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType)
      */
@@ -8120,7 +8139,6 @@ declare namespace __esri {
     /**
      * The label definition for this layer, specified as an array of [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html). Use this property to specify labeling properties for the layer such as label expression, placement, and size.  The [labelsVisible](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelsVisible) property of this layer must be set to `true` for labels to display in the view.  Multiple Label classes with different `where` clauses can be used to define several labels with varying styles on the same feature. Likewise, multiple label classes may be used to label different types of features (for example blue labels for lakes and green labels for parks). 
      * > **Known Limitations** 
-     *   * [WebGL](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-rendering) must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display. Be sure to review the [WebGL limitations](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-limitations).
      *   * Currently only FeatureLayers with point and polygon geometries are supported.
      *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -8130,9 +8148,8 @@ declare namespace __esri {
     /**
      * Indicates whether to display labels for this layer. If `true`, labels will appear as defined in the [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelingInfo) property. 
      * > **Known Limitations** 
-     *   * [WebGL](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-rendering) must be enabled in 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) for labels to display. Be sure to review the [WebGL limitations](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#webgl-limitations).
      *   * Currently only FeatureLayers with point and polygon geometries are supported.
-     *   * Currently only one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) is supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     *   * Currently 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) only support one [LabelClass](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html) per feature.
      *   * Currently the `labelsVisible` property must be explicitly set to `true` for labels to be printed.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#labelsVisible)
@@ -8160,7 +8177,7 @@ declare namespace __esri {
      */
     legendEnabled?: boolean;
     /**
-     * The name of one of the provided [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields) for each graphic containing a unique value or identifier for that graphic. This is required when constructing a FeatureLayer from a collection of client-side [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html).  When creating a FeatureLayer from client-side graphics, the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * The name of an `oid` [field](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields) containing a unique value or identifier for each feature in the layer. This is required when constructing a FeatureLayer from a collection of client-side [features](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField)
      */
@@ -8186,7 +8203,7 @@ declare namespace __esri {
      */
     popupTemplate?: PopupTemplateProperties;
     /**
-     * The renderer assigned to the layer. The renderer defines how to visualize each feature in the layer. Depending on the renderer type, features may be visualized with the same symbol, or with varying symbols based on the values of provided attribute fields or functions.  However, when creating a FeatureLayer from client-side graphics, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType) properties.
+     * The renderer assigned to the layer. The renderer defines how to visualize each feature in the layer. Depending on the renderer type, features may be visualized with the same symbol, or with varying symbols based on the values of provided attribute fields or functions.  However, when creating a FeatureLayer from client-side features, this property must be specified in the layer's constructor along with the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField) properties.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer)
      */
@@ -8208,7 +8225,7 @@ declare namespace __esri {
      */
     returnZ?: boolean;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#screenSizePerspectiveEnabled)
@@ -8217,13 +8234,13 @@ declare namespace __esri {
      */
     screenSizePerspectiveEnabled?: boolean;
     /**
-     * A collection of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) objects used to create a FeatureLayer. This property should only used when creating a FeatureLayer from client-side graphics. When creating a FeatureLayer from client-side graphics, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * A collection of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) objects used to create a FeatureLayer. The geometry of each feature all must have a matching [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType). This property should only be used when creating a FeatureLayer from client-side features. When creating a FeatureLayer from client-side features, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.  Use [applyEdits()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits) method to add, remove, and update features from a layer at runtime. Once `applyEdits()` resolves successfully, use [queryFeatures()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures) to return updated features.  The [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference) and [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType) properties are determined based on the features provided to this property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source)
      */
     source?: CollectionProperties<GraphicProperties>;
     /**
-     * The spatial reference of the layer. When creating the layer from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url), the spatial reference is read from the service.  This property should be set explicitly when creating a FeatureLayer from client-side graphics. When creating a FeatureLayer from client-side graphics, the [fields](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#fields), [objectIdField](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#objectIdField), [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source), [geometryType](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#geometryType), and [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#renderer) properties must also be set.
+     * The spatial reference of the layer. When creating the layer from a [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#url), the spatial reference is read from the service.  When creating a FeatureLayer from client-side features, this property is inferred from the geometries of the features provided in the [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#source) property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#spatialReference)
      */
@@ -8248,52 +8265,6 @@ declare namespace __esri {
     url?: string;
   }
 
-
-  export interface AttachmentInfo extends Object {
-    /**
-     * The content type of the attachment. For example, `image/jpeg`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    contentType: string;
-    /**
-     * The identifier for the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    id: number;
-    /**
-     * Keywords for the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    keywords: string;
-    /**
-     * The name of the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    name: string;
-    /**
-     * The parent object id of the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    parentObjectId: number;
-    /**
-     * The size of the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    size: number;
-    /**
-     * The URL of the attachment.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentInfo)
-     */
-    url: string;
-  }
-
   /**
    * FeatureEditResult represents the result of adding, updating or deleting a feature.
    * 
@@ -8385,7 +8356,7 @@ declare namespace __esri {
      */
     supportsM: boolean;
     /**
-     * Indicates if the features in the layer support Z values. Requires ArcGIS Server service 10.1 or greater. See [elevationInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo) for details regarding placement and rendering of graphics with z-values in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+     * Indicates if the features in the layer support Z values. Requires ArcGIS Server service 10.1 or greater. See [elevationInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo) for details regarding placement and rendering of features with z-values in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities)
      */
@@ -8504,6 +8475,12 @@ declare namespace __esri {
 
 
   export interface FeatureLayerCapabilitiesQuery extends Object {
+    /**
+     * Indicates if the layer supports [queryAttachments()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryAttachments) operation. If `false`, [queryAttachments()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryAttachments) can only return attachments for one feature at a time. If `true`, `queryAttachments()` can return attachments for array of [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities)
+     */
+    supportsAttachments: boolean;
     /**
      * Indicates if the geometry centroid associated with each polygon feature can be returned. This operation is only supported in ArcGIS Online hosted feature services.
      * 
@@ -8534,6 +8511,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities)
      */
     supportsGeometryProperties: boolean;
+    /**
+     * Indicates if the layer supports the [having](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#having) clause on the service. Requires an ArcGIS Server service 10.6.1 or greater.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities)
+     */
+    supportsHavingClause: boolean;
     /**
      * Indicates if features returned in the query response can be ordered by one or more fields. Requires an ArcGIS Server service 10.3 or greater.
      * 
@@ -8609,27 +8592,27 @@ declare namespace __esri {
 
   export interface FeatureLayerElevationInfo extends Object {
     /**
-     * Defines how the graphic is placed with respect to the terrain surface. If the geometry consists of multiple points (e.g. lines or polygons), the elevation is evaluated separately for each point. See the table below for a list of possible values. 
+     * Defines how the feature is placed with respect to the terrain surface. If the geometry consists of multiple points (e.g. lines or polygons), the elevation is evaluated separately for each point. See the table below for a list of possible values. 
      * 
      * Mode | Description
      * ------|------------
-     * on-the-ground | Graphics are draped on the terrain surface. This is the default value for features with [Polyline](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polyline.html) or [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries and features with [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) geometries rendered with [ObjectSymbol3DLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html).
-     * relative-to-ground | Graphics are placed at an elevation relative to the terrain surface. The graphic's elevation is determined by summing up the terrain elevation and the geometry's z-value (if present). If `featureExpressionInfo` is defined, the result of the expression is used instead of the geometry’s z-value. `relative-to-ground` is the default value for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) geometries rendered with [IconSymbol3DLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html).
-     * absolute-height | Graphics are placed at an absolute height above sea level. This height is determined by the geometry's z-value (if present). If `featureExpressionInfo` is defined, the result of the expression is used instead of the geometry’s z-value. This mode doesn't take the elevation of the terrain into account. This is the default value of features with any geometry type where [hasZ](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#hasZ) is `true`.
-     * relative-to-scene | Graphics are aligned to buildings and other objects part of 3D Object [SceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html) or [IntegratedMeshLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-IntegratedMeshLayer.html), depending on which has higher elevation. If the graphic is not directly above a building or any other feature, it is aligned to the terrain surface elevation. If defined, the result of `featureExpressionInfo` is added to the 3D Object/terrain surface elevation. In this mode z-values are ignored.
+     * on-the-ground | Features are draped on the terrain surface. This is the default value for features with [Polyline](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polyline.html) or [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries and features with [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) geometries rendered with [ObjectSymbol3DLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html).
+     * relative-to-ground | Features are placed at an elevation relative to the terrain surface. The feature's elevation is determined by summing up the terrain elevation and the geometry's z-value (if present). If `featureExpressionInfo` is defined, the result of the expression is used instead of the geometry’s z-value. `relative-to-ground` is the default value for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) geometries rendered with [IconSymbol3DLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html).
+     * absolute-height | Features are placed at an absolute height above sea level. This height is determined by the geometry's z-value (if present). If `featureExpressionInfo` is defined, the result of the expression is used instead of the geometry’s z-value. This mode doesn't take the elevation of the terrain into account. This is the default value of features with any geometry type where [hasZ](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#hasZ) is `true`.
+     * relative-to-scene | Features are aligned to buildings and other objects part of 3D Object [SceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html) or [IntegratedMeshLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-IntegratedMeshLayer.html), depending on which has higher elevation. If the feature is not directly above a building or any other feature, it is aligned to the terrain surface elevation. If defined, the result of `featureExpressionInfo` is added to the 3D Object/terrain surface elevation. In this mode z-values are ignored.
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
     mode: string;
     /**
-     * An elevation offset, which is added to the vertical position of the graphic. If `unit` is not defined, the offset is in `meters`. When `mode = "on-the-ground"`, this property has no effect.
+     * An elevation offset, which is added to the vertical position of the feature. If `unit` is not defined, the offset is in `meters`. When `mode = "on-the-ground"`, this property has no effect.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
     offset?: number;
     /**
-     * This object contains information about setting a custom height on the graphic. If this property is set, then z values are not considered for calculating graphic height.
+     * This object contains information about setting a custom height on the feature. If this property is set, then z values are not considered for calculating feature height.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
@@ -8645,7 +8628,7 @@ declare namespace __esri {
 
   export interface FeatureLayerElevationInfoFeatureExpressionInfo extends Object {
     /**
-     * An [Arcade expression](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) evaluating to a number that determines the height of the graphic. If the geometry has z-values, they will be ignored and only `featureExpressionInfo` is used to calculate the vertical position of the graphic. When `mode = "on-the-ground"`, this property has no effect. For line and polygon geometries the result of the expression is the same for all vertices of a feature.
+     * An [Arcade expression](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) evaluating to a number that determines the height of the feature. If the geometry has z-values, they will be ignored and only `featureExpressionInfo` is used to calculate the vertical position of the feature. When `mode = "on-the-ground"`, this property has no effect. For line and polygon geometries the result of the expression is the same for all vertices of a feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#elevationInfo)
      */
@@ -8801,7 +8784,7 @@ declare namespace __esri {
      */
     graphics: Collection<Graphic>;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html#screenSizePerspectiveEnabled)
@@ -8893,7 +8876,7 @@ declare namespace __esri {
      */
     graphics?: CollectionProperties<GraphicProperties>;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html#screenSizePerspectiveEnabled)
@@ -9317,7 +9300,7 @@ declare namespace __esri {
      */
     title: string;
     /**
-     * The layer type provides a convenient way to check the type of the layer without the need to import specific layer modules.  **Possible values:** base-dynamic | base-elevation | base-tile | elevation | feature | graphics | group | imagery | integrated-mesh | map-image | open-street-map | point-cloud | scene | stream | tile | unknown | unsupported | vector-tile | web-tile
+     * The layer type provides a convenient way to check the type of the layer without the need to import specific layer modules.  **Possible values:** base-dynamic | base-elevation | base-tile | bing-maps | elevation | feature | graphics | group | imagery | integrated-mesh | map-image | open-street-map | point-cloud | scene | stream | tile | unknown | unsupported | vector-tile | web-tile
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#type)
      */
@@ -9454,7 +9437,20 @@ declare namespace __esri {
     portalItem: PortalItem;
   }
 
-  interface MapImageLayer extends Layer, ArcGISMapService, ArcGISDynamicMapService, DynamicLayer, ScaleRangeLayer, RefreshableLayer {
+  interface MapImageLayer extends Layer, SublayersOwner, ArcGISMapService, ArcGISDynamicMapService, DynamicLayer, ScaleRangeLayer, RefreshableLayer {
+    /**
+     * A flat [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of all the [sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers) in the MapImageLayer including the sublayers of its sublayers. All sublayers are referenced in the order in which they are drawn in the view (bottom to top).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#allSublayers)
+     */
+    readonly allSublayers: Collection<Sublayer>;
+    /**
+     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) objects that allow you to alter the properties of one or more sublayers of the MapImageLayer. If this property is not specified, all the sublayers from the service are displayed as defined in the service. If an empty array is passed to this property then none of the sublayers from the service are displayed in the layer.  All sublayers are referenced in the order in which they are drawn in the view (bottom to top). They may be [added](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#add), [removed](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#remove), or [reordered](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#reorder) using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. Because [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) extends [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html), its properties may be [watched](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html#watchProperties).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers)
+     */
+    sublayers: Collection<Sublayer>;
+
 
     on(name: "layerview-create", eventHandler: MapImageLayerLayerviewCreateEventHandler): IHandle;
 
@@ -9476,7 +9472,12 @@ declare namespace __esri {
   export const MapImageLayer: MapImageLayerConstructor;
 
   interface MapImageLayerProperties extends LayerProperties, ArcGISMapServiceProperties, ArcGISDynamicMapServiceProperties, DynamicLayerProperties, ScaleRangeLayerProperties, RefreshableLayerProperties {
-
+    /**
+     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) objects that allow you to alter the properties of one or more sublayers of the MapImageLayer. If this property is not specified, all the sublayers from the service are displayed as defined in the service. If an empty array is passed to this property then none of the sublayers from the service are displayed in the layer.  All sublayers are referenced in the order in which they are drawn in the view (bottom to top). They may be [added](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#add), [removed](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#remove), or [reordered](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#reorder) using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. Because [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) extends [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html), its properties may be [watched](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html#watchProperties).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers)
+     */
+    sublayers?: CollectionProperties<SublayerProperties>;
   }
 
   export interface MapImageLayerLayerviewCreateEvent {
@@ -9579,12 +9580,6 @@ declare namespace __esri {
   }
 
   interface ArcGISDynamicMapService {
-    /**
-     * A flat [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of all the [sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#sublayers) in the MapImageLayer including the sublayers of its sublayers. All sublayers are referenced in the order in which they are drawn in the view (bottom to top).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#allSublayers)
-     */
-    readonly allSublayers: Collection<Sublayer>;
     /**
      * The output dots per inch (DPI) of the MapImageLayer.
      * 
@@ -9631,12 +9626,6 @@ declare namespace __esri {
      * @default true
      */
     imageTransparency: boolean;
-    /**
-     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) objects that allow you to alter the properties of one or more sublayers of the MapImageLayer. If this property is not specified, all the sublayers from the service are displayed as defined in the service. If an empty array is passed to this property then none of the sublayers from the service are displayed in the layer.  All sublayers are referenced in the order in which they are drawn in the view (bottom to top). They may be [added](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#add), [removed](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#remove), or [reordered](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#reorder) using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. Because [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) extends [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html), its properties may be [watched](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html#watchProperties).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#sublayers)
-     */
-    sublayers: Collection<Sublayer>;
 
     /**
      * Gets the parameters of the exported image to use when calling the [export REST operation](https://developers.arcgis.com/rest/services-reference/export-map.htm).
@@ -9651,23 +9640,6 @@ declare namespace __esri {
      * 
      */
     createExportImageParameters(extent: Extent, width: number, height: number, options?: ArcGISDynamicMapServiceCreateExportImageParametersOptions): any;
-    /**
-     * Returns a deep clone of a map service's [sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) as defined by the service. This is useful for scenarios when the developer is unfamiliar with the service sublayers and needs to "reset" the layer's sublayers to match those defined by the service.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#createServiceSublayers)
-     * 
-     * 
-     */
-    createServiceSublayers(): Collection<Sublayer>;
-    /**
-     * Returns the sublayer with the given layerId.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#findSublayerById)
-     * 
-     * @param id The [id](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#id) of the sublayer.
-     * 
-     */
-    findSublayerById(id: number): Sublayer;
   }
 
   interface ArcGISDynamicMapServiceConstructor {
@@ -9725,12 +9697,6 @@ declare namespace __esri {
      * @default true
      */
     imageTransparency?: boolean;
-    /**
-     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) objects that allow you to alter the properties of one or more sublayers of the MapImageLayer. If this property is not specified, all the sublayers from the service are displayed as defined in the service. If an empty array is passed to this property then none of the sublayers from the service are displayed in the layer.  All sublayers are referenced in the order in which they are drawn in the view (bottom to top). They may be [added](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#add), [removed](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#remove), or [reordered](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#reorder) using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. Because [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) extends [Accessor](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html), its properties may be [watched](https://developers.arcgis.com/javascript/latest/guide/working-with-props/index.html#watchProperties).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISDynamicMapService.html#sublayers)
-     */
-    sublayers?: CollectionProperties<SublayerProperties>;
   }
 
 
@@ -10160,7 +10126,13 @@ declare namespace __esri {
 
   export interface ArcGISMapServiceCapabilitiesExportMap extends Object {
     /**
-     * Indicates if sublayers rendering can be modifyied or added using dynamic layers.
+     * Indicates if sublayers can be added, removed, or reordered.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISMapService.html#capabilities)
+     */
+    supportsSublayersChanges: boolean;
+    /**
+     * Indicates if sublayers rendering can be modified or added using dynamic layers.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ArcGISMapService.html#capabilities)
      */
@@ -10286,7 +10258,7 @@ declare namespace __esri {
 
   interface ScaleRangeLayer {
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#maxScale)
      * 
@@ -10294,7 +10266,7 @@ declare namespace __esri {
      */
     maxScale: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale.
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#minScale)
      * 
@@ -10313,7 +10285,7 @@ declare namespace __esri {
 
   interface ScaleRangeLayerProperties {
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#maxScale)
      * 
@@ -10321,7 +10293,7 @@ declare namespace __esri {
      */
     maxScale?: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale.
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-ScaleRangeLayer.html#minScale)
      * 
@@ -10438,6 +10410,34 @@ declare namespace __esri {
     versionString: string;
   }
 
+  interface SublayersOwner {
+    /**
+     * Returns a deep clone of a map service's [sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) as defined by the service. This is useful for scenarios when the developer is unfamiliar with the service sublayers and needs to "reset" the layer's sublayers to match those defined by the service.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-SublayersOwner.html#createServiceSublayers)
+     * 
+     * 
+     */
+    createServiceSublayers(): Collection<Sublayer>;
+    /**
+     * Returns the sublayer with the given layerId.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-mixins-SublayersOwner.html#findSublayerById)
+     * 
+     * @param id The [id](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#id) of the sublayer.
+     * 
+     */
+    findSublayerById(id: number): Sublayer;
+  }
+
+  interface SublayersOwnerConstructor {
+
+
+    new(): SublayersOwner;
+  }
+
+  export const SublayersOwner: SublayersOwnerConstructor;
+
   interface OpenStreetMapLayer extends WebTileLayer {
 
     on(name: "layerview-create", eventHandler: OpenStreetMapLayerLayerviewCreateEventHandler): IHandle;
@@ -10607,7 +10607,7 @@ declare namespace __esri {
      */
     elevationInfo: SceneLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  This property is only supported for point scene layers with non-draped [Icon](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  [![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-point-styles/index.html) 
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  This property is only supported for point scene layers with non-draped [Icon](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  [![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-point-styles/index.html) 
      * > **Known Limitation**  When applying featureReduction on a point SceneLayer layer updates are slow. This will be addressed in upcoming releases.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html#featureReduction)
@@ -10675,7 +10675,7 @@ declare namespace __esri {
      */
     renderer: Renderer;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html#screenSizePerspectiveEnabled)
@@ -10780,7 +10780,7 @@ declare namespace __esri {
      */
     elevationInfo?: SceneLayerElevationInfo;
     /**
-     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  This property is only supported for point scene layers with non-draped [Icon](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  [![declutter](https://developers.arcgis.com/javascript/latest/assets/img/samples/city-points-declutter.gif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-point-styles/index.html) 
+     * Configures the method for decluttering overlapping features in the view. If this property is not set (or set to `null`), every feature is drawn individually.  This property is only supported for point scene layers with non-draped [Icon](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) or [Text](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html) symbol layers.  [![declutter](https://developers.arcgis.com/javascript/assets/img/samples/city-points-declutter.gif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-point-styles/index.html) 
      * > **Known Limitation**  When applying featureReduction on a point SceneLayer layer updates are slow. This will be addressed in upcoming releases.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html#featureReduction)
@@ -10848,7 +10848,7 @@ declare namespace __esri {
      */
     renderer?: RendererProperties;
     /**
-     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
+     * Apply perspective scaling to screen-size point symbols in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). When `true`, screen sized objects such as [icons](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html) or [callouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-Callout3D.html) integrate better in the 3D scene by applying a certain perspective projection to the sizing of features. This only applies when using a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).  `layer.screenSizePerspectiveEnabled = true`  ![screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-screenSize-perspective.png)  `layer.screenSizePerspectiveEnabled = false`  ![no-screen-size-perspective](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-no-screenSize-perspective.png) 
      * > **Known Limitations**  Screen size perspective is currently not optimized for situations where the camera is very near the ground, or for scenes with point features located far from the ground surface. In these cases it may be better to turn off screen size perspective. As screen size perspective changes the size based on distance to the camera, it should be set to false when using {@link module:esri/renderers/Renderer#SizeVisualVariable size visual variables}.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html#screenSizePerspectiveEnabled)
@@ -10930,7 +10930,7 @@ declare namespace __esri {
      */
     geometryDefinition: Extent;
     /**
-     * Maximum number of features to show per trackId
+     * Maximum number of features to show per [trackId](https://enterprise.arcgis.com/en/geoevent/latest/get-started/essential-geoevent-server-vocabulary.htm#ESRI_SECTION1_F45BBCE9ADFA4E57AF38DD225921EFCD).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#maximumTrackPoints)
      */
@@ -10943,7 +10943,7 @@ declare namespace __esri {
     purgeOptions: StreamLayerPurgeOptions;
 
     /**
-     * Updates the [filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#filter) on the layer. The filter is updated on all views that contain the layer. If the input `filterChanges` object is `undefined` or `null`, the spatial and attribute filters are removed. To update the filter on a single layer view associated with the layer, use the [StreamLayerView.updateFilter()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#updateFilter) method after getting the layer view object.  Filter changes only apply to incoming features. Features already displayed in the view are not filtered. Therefore, you may want to clear the graphics in the layer view prior to applying a new filter. To do so, get the layer view then call [removeAll()](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#removeAll) on the [StreamLayerView.graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#graphics). You may also filter features already present in the view using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. See the examples below.
+     * Updates the [filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#filter) on the layer. The filter is updated on all views that contain the layer. If the input `filterChanges` object is `undefined` or `null`, the spatial and attribute filters are removed. To update the filter on a single layer view associated with the layer, use the [StreamLayerView.updateFilter()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#updateFilter) method after getting the layer view object.  Filter changes only apply to incoming features. Features already displayed in the view will be removed automatically.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#updateFilter)
      * 
@@ -10988,7 +10988,7 @@ declare namespace __esri {
      */
     geometryDefinition?: ExtentProperties;
     /**
-     * Maximum number of features to show per trackId
+     * Maximum number of features to show per [trackId](https://enterprise.arcgis.com/en/geoevent/latest/get-started/essential-geoevent-server-vocabulary.htm#ESRI_SECTION1_F45BBCE9ADFA4E57AF38DD225921EFCD).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#maximumTrackPoints)
      */
@@ -11070,6 +11070,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-CodedValueDomain.html#codedValues)
      */
     codedValues: CodedValueDomainCodedValues[];
+    /**
+     * The domain type. This value is always `coded-value`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-CodedValueDomain.html#type)
+     */
+    readonly type: "coded-value";
 
     /**
      * Returns the name of the coded-value associated with the specified code.
@@ -11418,45 +11424,67 @@ declare namespace __esri {
 
   interface Field extends Accessor, JSONSupport {
     /**
-     * The alias name for the field.
+     * The display name for the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#alias)
+     * 
+     * @default null
      */
     alias: string;
+    /**
+     * The default value set for the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#defaultValue)
+     * 
+     * @default undefined
+     */
+    defaultValue: number | string | any | any;
     /**
      * The domain associated with the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#domain)
+     * 
+     * @default null
      */
     domain: Domain;
     /**
      * Indicates whether the field is editable.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#editable)
+     * 
+     * @default true
      */
     editable: boolean;
     /**
      * The field length.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#length)
+     * 
+     * @default -1
      */
     length: number;
     /**
      * The name of the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#name)
+     * 
+     * @default null
      */
     name: string;
     /**
      * Indicates if the field can accept `null` values. *Requires ArcGIS Server version 10.1 or greater.*
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#nullable)
+     * 
+     * @default true
      */
     nullable: boolean;
     /**
      * The data type of the field.  **Possible Values:** small-integer | integer | single | double | long | string | date | oid | geometry | blob | raster | guid | global-id | xml
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#type)
+     * 
+     * @default null
      */
     type: string;
   }
@@ -11473,45 +11501,67 @@ declare namespace __esri {
 
   interface FieldProperties {
     /**
-     * The alias name for the field.
+     * The display name for the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#alias)
+     * 
+     * @default null
      */
     alias?: string;
+    /**
+     * The default value set for the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#defaultValue)
+     * 
+     * @default undefined
+     */
+    defaultValue?: number | string | any | any;
     /**
      * The domain associated with the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#domain)
+     * 
+     * @default null
      */
     domain?: DomainProperties;
     /**
      * Indicates whether the field is editable.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#editable)
+     * 
+     * @default true
      */
     editable?: boolean;
     /**
      * The field length.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#length)
+     * 
+     * @default -1
      */
     length?: number;
     /**
      * The name of the field.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#name)
+     * 
+     * @default null
      */
     name?: string;
     /**
      * Indicates if the field can accept `null` values. *Requires ArcGIS Server version 10.1 or greater.*
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#nullable)
+     * 
+     * @default true
      */
     nullable?: boolean;
     /**
      * The data type of the field.  **Possible Values:** small-integer | integer | single | double | long | string | date | oid | geometry | blob | raster | guid | global-id | xml
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Field.html#type)
+     * 
+     * @default null
      */
     type?: string;
   }
@@ -11672,6 +11722,12 @@ declare namespace __esri {
   }
 
   interface InheritedDomain extends Domain {
+    /**
+     * The domain type. This value is always `inherited`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-InheritedDomain.html#type)
+     */
+    readonly type: "inherited";
   }
 
   interface InheritedDomainConstructor {
@@ -11806,7 +11862,7 @@ declare namespace __esri {
      * > **Known Limitations** 
      *   * Currently, if the label has a [line callout](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-LineCallout3D.html) in a 3D SceneView, then only `above-center` is supported.
      *   * Label placement only applies to [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) layers in 3D SceneViews.
-     *   * FeatureLayers only support labeling for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) and [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries rendered with WebGL.
+     *   * FeatureLayers only support labeling for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) and [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#labelPlacement)
      * 
@@ -11814,7 +11870,7 @@ declare namespace __esri {
      */
     labelPlacement: string;
     /**
-     * The maximum scale to show labels. The value of maxScale should always be less than the value of [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale). If the value is `0`, then the label's visibility isn't dependent on maximum scale.
+     * The maximum scale (most zoomed in) at which labels are visible in the view. A value of `0` means the label's visibility does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale)
      * 
@@ -11822,7 +11878,7 @@ declare namespace __esri {
      */
     maxScale: number;
     /**
-     * The minimum scale to show labels. The value of minScale should always be greater than the value of [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale). If the value of this property is `0`, then the visibility of labels isn't dependent on minimum scale.
+     * The minimum scale (most zoomed out) at which labels are visible in the view. A value of `0` means the label's visibility does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale)
      * 
@@ -11891,7 +11947,7 @@ declare namespace __esri {
      * > **Known Limitations** 
      *   * Currently, if the label has a [line callout](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-callouts-LineCallout3D.html) in a 3D SceneView, then only `above-center` is supported.
      *   * Label placement only applies to [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) layers in 3D SceneViews.
-     *   * FeatureLayers only support labeling for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) and [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries rendered with WebGL.
+     *   * FeatureLayers only support labeling for [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) and [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html) geometries.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#labelPlacement)
      * 
@@ -11899,7 +11955,7 @@ declare namespace __esri {
      */
     labelPlacement?: string;
     /**
-     * The maximum scale to show labels. The value of maxScale should always be less than the value of [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale). If the value is `0`, then the label's visibility isn't dependent on maximum scale.
+     * The maximum scale (most zoomed in) at which labels are visible in the view. A value of `0` means the label's visibility does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale)
      * 
@@ -11907,7 +11963,7 @@ declare namespace __esri {
      */
     maxScale?: number;
     /**
-     * The minimum scale to show labels. The value of minScale should always be greater than the value of [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale). If the value of this property is `0`, then the visibility of labels isn't dependent on minimum scale.
+     * The minimum scale (most zoomed out) at which labels are visible in the view. A value of `0` means the label's visibility does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#minScale)
      * 
@@ -12388,6 +12444,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-RangeDomain.html#minValue)
      */
     minValue: number;
+    /**
+     * The domain type. This value is always `range`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-RangeDomain.html#type)
+     */
+    readonly type: "range";
   }
 
   interface RangeDomainConstructor {
@@ -12489,49 +12551,33 @@ declare namespace __esri {
 
   interface Relationship extends Accessor {
     /**
-     * The cardinality which specifies the number of objects in the origin [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) related to the number of objects in the destination [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). A relationship can have one of three cardinalities: 
-     *   * "one-to-one"
-     *   * "one-to-many"
-     *   * "many-to-many"
-     *   
-     *   
-     * Please see the [Desktop help](http://desktop.arcgis.com/en/arcmap/10.3/manage-data/relationships/relationship-class-properties.htm#GUID-989CB1D1-AC51-4A4C-8D9D-0AB9E647FFFD) for additional information on cardinality.
+     * The cardinality which specifies the number of objects in the origin [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) related to the number of objects in the destination [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). Please see the [Desktop help](http://desktop.arcgis.com/en/arcmap/10.3/manage-data/relationships/relationship-class-properties.htm#GUID-989CB1D1-AC51-4A4C-8D9D-0AB9E647FFFD) for additional information on cardinality.  **Possible values:** one-to-one | one-to-many | many-to-many
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#cardinality)
-     * 
-     * @default null
      */
     cardinality: string;
     /**
      * The unique ID for the relationship. These ids for the relationships the [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) participates in are listed in the ArcGIS Services directory.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#id)
-     * 
-     * @default null
      */
     id: number;
     /**
      * The field used to establish the relate within the [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#keyField)
-     * 
-     * @default null
      */
     keyField: string;
     /**
      * The name of the relationship.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#name)
-     * 
-     * @default null
      */
     name: string;
     /**
      * The unique ID of the related [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#relatedTableId)
-     * 
-     * @default null
      */
     relatedTableId: number;
   }
@@ -12546,49 +12592,33 @@ declare namespace __esri {
 
   interface RelationshipProperties {
     /**
-     * The cardinality which specifies the number of objects in the origin [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) related to the number of objects in the destination [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). A relationship can have one of three cardinalities: 
-     *   * "one-to-one"
-     *   * "one-to-many"
-     *   * "many-to-many"
-     *   
-     *   
-     * Please see the [Desktop help](http://desktop.arcgis.com/en/arcmap/10.3/manage-data/relationships/relationship-class-properties.htm#GUID-989CB1D1-AC51-4A4C-8D9D-0AB9E647FFFD) for additional information on cardinality.
+     * The cardinality which specifies the number of objects in the origin [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) related to the number of objects in the destination [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). Please see the [Desktop help](http://desktop.arcgis.com/en/arcmap/10.3/manage-data/relationships/relationship-class-properties.htm#GUID-989CB1D1-AC51-4A4C-8D9D-0AB9E647FFFD) for additional information on cardinality.  **Possible values:** one-to-one | one-to-many | many-to-many
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#cardinality)
-     * 
-     * @default null
      */
     cardinality?: string;
     /**
      * The unique ID for the relationship. These ids for the relationships the [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) participates in are listed in the ArcGIS Services directory.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#id)
-     * 
-     * @default null
      */
     id?: number;
     /**
      * The field used to establish the relate within the [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#keyField)
-     * 
-     * @default null
      */
     keyField?: string;
     /**
      * The name of the relationship.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#name)
-     * 
-     * @default null
      */
     name?: string;
     /**
      * The unique ID of the related [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Relationship.html#relatedTableId)
-     * 
-     * @default null
      */
     relatedTableId?: number;
   }
@@ -12621,11 +12651,11 @@ declare namespace __esri {
      */
     labelsVisible: boolean;
     /**
-     * The [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) to which the sublayer belongs.
+     * The [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) or [TileLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html) to which the sublayer belongs.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#layer)
      */
-    layer: MapImageLayer;
+    layer: MapImageLayer | TileLayer;
     /**
      * Indicates whether the layer will be included in the legend. When `false`, the layer will be excluded from the legend.
      * 
@@ -12635,37 +12665,13 @@ declare namespace __esri {
      */
     legendEnabled: boolean;
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.  The user or developer can only set `minScale` and `maxScale` if the new values are within the scale range defined in the map service. 
-     * ```js
-     * // the service specifies minScale = 10000 and maxScale = 500000
-     * 
-     * // this is valid
-     * sublayer.minScale = 30000;
-     * sublayer.maxScale = 100000;
-     * 
-     * // this is not valid because the values are
-     * // outside the range specified by the service
-     * sublayer.minScale = 5000;
-     * sublayer.maxScale = 1000000;
-     * ```
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#maxScale)
      */
     maxScale: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.  The user or developer can only set `minScale` and `maxScale` if the new values are within the scale range defined in the map service. 
-     * ```js
-     * // the service specifies minScale = 10000 and maxScale = 500000
-     * 
-     * // this is valid
-     * sublayer.minScale = 30000;
-     * sublayer.maxScale = 100000;
-     * 
-     * // this is not valid because the values are
-     * // outside the range specified by the service
-     * sublayer.minScale = 5000;
-     * sublayer.maxScale = 1000000;
-     * ```
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#minScale)
      */
@@ -12687,7 +12693,7 @@ declare namespace __esri {
     /**
      * The popup template for the sublayer. When set, the `popupTemplate` allows users to access attributes and display their values in the [view's popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#popup) when the user clicks the image.  Sublayers with a [RasterDataSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#RasterDataSource) cannot be queried and therefore do not support [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). 
      * > **Known Limitations** 
-     *   * [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in PopupTemplates set on MapImageLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
+     *   * [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in PopupTemplates set on MapImageLayer sublayers or TileLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#popupTemplate)
      */
@@ -12695,7 +12701,7 @@ declare namespace __esri {
     /**
      * The renderer to apply to the sublayer. This value overrides the renderer read from the map service. 
      * > **Known Limitations** 
-     *   * [3D symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol3D.html) are not currently supported in renderers set on MapImageLayer sublayers.
+     *   * [3D symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol3D.html) are not currently supported in renderers set on sublayers.
      *   * [Visual variables](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-SimpleRenderer.html#visualVariables) and [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in renderers set on MapImageLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#renderer)
@@ -12724,7 +12730,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#url)
      */
-    url: string;
+    readonly url: string;
     /**
      * Indicates if the layer is visible in the view.
      * 
@@ -12769,7 +12775,7 @@ declare namespace __esri {
 
   interface SublayerConstructor {
     /**
-     * Represents a sublayer in a [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html). MapImageLayer allows you to display, query, and analyze layers from data defined in a [map service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-map-service.htm). Map services contain sublayers with properties such as [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#renderer), [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#labelingInfo), and [definitionExpression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#definitionExpression), and others that are defined on the server. The properties of each sublayer on the map service may be dynamically changed by the user or developer.
+     * Represents a sublayer in a [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) or a [TileLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html). MapImageLayer allows you to display, query, and analyze layers from data defined in a [map service](http://server.arcgis.com/en/server/latest/publish-services/windows/what-is-a-map-service.htm). Map services contain sublayers with properties such as [renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#renderer), [labelingInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#labelingInfo), and [definitionExpression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#definitionExpression), and others that are defined on the server. The properties of each MapImageLayer sublayer on the map service may be dynamically changed by the user or developer. The properties of each TileLayer sublayer are read-only, and cannot be modified.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html)
      */
@@ -12807,11 +12813,11 @@ declare namespace __esri {
      */
     labelsVisible?: boolean;
     /**
-     * The [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) to which the sublayer belongs.
+     * The [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) or [TileLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html) to which the sublayer belongs.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#layer)
      */
-    layer?: MapImageLayerProperties;
+    layer?: MapImageLayerProperties | TileLayerProperties;
     /**
      * Indicates whether the layer will be included in the legend. When `false`, the layer will be excluded from the legend.
      * 
@@ -12821,37 +12827,13 @@ declare namespace __esri {
      */
     legendEnabled?: boolean;
     /**
-     * The maximum scale at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.  The user or developer can only set `minScale` and `maxScale` if the new values are within the scale range defined in the map service. 
-     * ```js
-     * // the service specifies minScale = 10000 and maxScale = 500000
-     * 
-     * // this is valid
-     * sublayer.minScale = 30000;
-     * sublayer.maxScale = 100000;
-     * 
-     * // this is not valid because the values are
-     * // outside the range specified by the service
-     * sublayer.minScale = 5000;
-     * sublayer.maxScale = 1000000;
-     * ```
+     * The maximum scale (most zoomed in) at which the layer is visible in the view. If the map is zoomed in beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale. The maxScale value should always be smaller than the [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#minScale) value, and greater than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#maxScale)
      */
     maxScale?: number;
     /**
-     * The minimum scale at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a maximum scale.  The user or developer can only set `minScale` and `maxScale` if the new values are within the scale range defined in the map service. 
-     * ```js
-     * // the service specifies minScale = 10000 and maxScale = 500000
-     * 
-     * // this is valid
-     * sublayer.minScale = 30000;
-     * sublayer.maxScale = 100000;
-     * 
-     * // this is not valid because the values are
-     * // outside the range specified by the service
-     * sublayer.minScale = 5000;
-     * sublayer.maxScale = 1000000;
-     * ```
+     * The minimum scale (most zoomed out) at which the layer is visible in the view. If the map is zoomed out beyond this scale, the layer will not be visible. A value of `0` means the layer does not have a minimum scale. The minScale value should always be larger than the [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#maxScale) value, and lesser than or equal to the service specification.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#minScale)
      */
@@ -12873,7 +12855,7 @@ declare namespace __esri {
     /**
      * The popup template for the sublayer. When set, the `popupTemplate` allows users to access attributes and display their values in the [view's popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#popup) when the user clicks the image.  Sublayers with a [RasterDataSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#RasterDataSource) cannot be queried and therefore do not support [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). 
      * > **Known Limitations** 
-     *   * [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in PopupTemplates set on MapImageLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
+     *   * [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in PopupTemplates set on MapImageLayer sublayers or TileLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#popupTemplate)
      */
@@ -12881,7 +12863,7 @@ declare namespace __esri {
     /**
      * The renderer to apply to the sublayer. This value overrides the renderer read from the map service. 
      * > **Known Limitations** 
-     *   * [3D symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol3D.html) are not currently supported in renderers set on MapImageLayer sublayers.
+     *   * [3D symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol3D.html) are not currently supported in renderers set on sublayers.
      *   * [Visual variables](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-SimpleRenderer.html#visualVariables) and [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expressions are not supported in renderers set on MapImageLayer sublayers unless they reference ArcGIS Enterprise 10.6 map services (or later) created from ArcGIS Pro.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#renderer)
@@ -12905,12 +12887,6 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#title)
      */
     title?: string;
-    /**
-     * The URL to the REST endpoint of the sublayer. This allows you to view the schema of fields and query tables located in registered workspaces.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#url)
-     */
-    url?: string;
     /**
      * Indicates if the layer is visible in the view.
      * 
@@ -13802,13 +13778,35 @@ declare namespace __esri {
     title?: string;
   }
 
-  interface TileLayer extends Layer, ArcGISMapService, ArcGISCachedService, RefreshableLayer, ScaleRangeLayer, PortalLayer {
+  interface TileLayer extends Layer, SublayersOwner, ArcGISMapService, ArcGISCachedService, RefreshableLayer, ScaleRangeLayer, PortalLayer {
+    /**
+     * A flat [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of all the [sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#sublayers) in the TileLayer including the sublayers of its sublayers. All sublayers are referenced in the order in which they are drawn in the view (bottom to top).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#allSublayers)
+     */
+    readonly allSublayers: Collection<Sublayer>;
     /**
      * The URL that points to the location of the layer's attribution data.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#attributionDataUrl)
      */
     readonly attributionDataUrl: string;
+    /**
+     * Indicates if the layer has attribution data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#hasAttributionData)
+     */
+    readonly hasAttributionData: boolean;
+    /**
+     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [Sublayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html) objects. All sublayers are referenced in the order in which they are drawn in the view (bottom to top). Sublayer properties on TileLayer are read-only, with the following exceptions:
+     *   * [legendEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#legendEnabled)
+     *   * [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#popupEnabled)
+     *   * [popupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#popupTemplate)
+     *   * [title](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-Sublayer.html#title)
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#sublayers)
+     */
+    readonly sublayers: Collection<Sublayer>;
     /**
      * An array of tile servers used for changing map tiles.
      * 
@@ -13837,7 +13835,6 @@ declare namespace __esri {
      * @param row The row(y) position of the tile fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param col The column(x) position of the tile to fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param options Optional settings for the tile request. The options have the following properties.
-     * @param options.allowImageDataAccess Indicates if the access to pixels of the image is allowed.
      * @param options.timestamp Number to append to the tile request to prevent fetching the tile from the browser cache.
      * 
      */
@@ -13905,12 +13902,6 @@ declare namespace __esri {
 
 
   export interface TileLayerFetchTileOptions extends Object {
-    /**
-     * Indicates if the access to pixels of the image is allowed.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html#fetchTile)
-     */
-    allowImageDataAccess?: boolean;
     /**
      * Number to append to the tile request to prevent fetching the tile from the browser cache.
      * 
@@ -14181,7 +14172,7 @@ declare namespace __esri {
      */
     styleUrl: string;
     /**
-     * Asbolute URL for sprites included in a style.
+     * Absolute URL for sprites included in a style.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VectorTileLayer.html#currentStyleInfo)
      */
@@ -14261,7 +14252,6 @@ declare namespace __esri {
      * @param row The row(y) position of the tile fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param column The column(x) position of the tile to fetch. This value is provided by [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
      * @param options Optional settings for the tile request. The options have the following properties.
-     * @param options.allowImageDataAccess Indicates if the access to pixels of the image is allowed.
      * @param options.timestamp A timestamp to append to the tile url to avoid loading a cached version of the tile.
      * 
      */
@@ -14339,12 +14329,6 @@ declare namespace __esri {
 
 
   export interface WebTileLayerFetchTileOptions extends Object {
-    /**
-     * Indicates if the access to pixels of the image is allowed.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WebTileLayer.html#fetchTile)
-     */
-    allowImageDataAccess?: boolean;
     /**
      * A timestamp to append to the tile url to avoid loading a cached version of the tile.
      * 
@@ -14474,7 +14458,6 @@ declare namespace __esri {
      * @param width The width of the view in pixels.
      * @param height The height of the view in pixels.
      * @param options The parameter options is an object with the following properties.
-     * @param options.allowImageDataAccess Indicates if the access to the pixels of the image is required.
      * @param options.pixelRatio The ratio of the resolution in physical pixels of the image to the resolution it will be displayed at.
      * @param options.rotation The rotation in degrees of the exported image.
      * 
@@ -14635,12 +14618,6 @@ declare namespace __esri {
 
 
   export interface WMSLayerFetchImageOptions extends Object {
-    /**
-     * Indicates if the access to the pixels of the image is required.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WMSLayer.html#fetchImage)
-     */
-    allowImageDataAccess?: boolean;
     /**
      * The ratio of the resolution in physical pixels of the image to the resolution it will be displayed at.
      * 
@@ -14812,30 +14789,35 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/satellite.jpg)
-     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/hybrid.jpg)
-     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/oceans.jpg)
-     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/national-geographic.jpg)
-     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/terrain.jpg)
-     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/osm.jpg)
-     * dark-gray-vector | ![dark-gray-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * gray-vector | ![gray-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * streets-vector | ![streets-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * topo-vector | ![topo-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * streets-night-vector | ![streets-night-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-night.jpg)
-     * streets-relief-vector | ![streets-relief-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-relief.jpg)
-     * streets-navigation-vector | ![streets-navigation-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-navigation.jpg)
+     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/satellite.jpg)
+     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/hybrid.jpg)
+     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/oceans.jpg)
+     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/national-geographic.jpg)
+     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/terrain.jpg)
+     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/osm.jpg)
+     * dark-gray-vector | ![dark-gray-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * gray-vector | ![gray-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * streets-vector | ![streets-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * topo-vector | ![topo-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * streets-night-vector | ![streets-night-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-night.jpg)
+     * streets-relief-vector | ![streets-relief-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-relief.jpg)
+     * streets-navigation-vector | ![streets-navigation-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-navigation.jpg)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap)
      */
     basemap: Basemap;
     /**
-     * Specifies the surface properties for the map. This property is only relevant when adding the map to a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). It renders the terrain or topographical variations in the real world on the map's surface with a collection of [ElevationLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html).  This value can be an instance of [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html), or the string `world-elevation` for a default instance of ground using the [World Elevation Service](https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer). The ground may not be set to `null` or `undefined`, it is guaranteed to always contain an instance of type [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html). The elevation can be removed from the ground by setting the ground property to a new empty [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html) instance or by removing all the ground layers.
+     * Specifies the surface properties for the map. This property is only relevant when adding the map to a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). It renders the terrain or topographical variations in the real world on the map's surface with a collection of [ElevationLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html).  This value can be an instance of [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html), or one of the following strings:
+     *   * `world-elevation` for a default instance of ground using the [Terrain3D Service](https://www.arcgis.com/home/item.html?id=7029fb60158543ad845c7e1527af11e4).
+     *   * `world-topobathymetry` for an instance of ground that combines surface elevation and bathymetry using the [TopoBathy3D Service](https://www.arcgis.com/home/item.html?id=0c69ba5a5d254118841d43f03aa3e97d).
+     *   
+     *   
+     * The ground may not be set to `null` or `undefined`, it is guaranteed to always contain an instance of type [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html). The elevation can be removed from the ground by setting the ground property to a new empty [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html) instance or by removing all the ground layers.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground)
      */
@@ -14860,30 +14842,35 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/satellite.jpg)
-     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/hybrid.jpg)
-     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/oceans.jpg)
-     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/national-geographic.jpg)
-     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/terrain.jpg)
-     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/osm.jpg)
-     * dark-gray-vector | ![dark-gray-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * gray-vector | ![gray-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * streets-vector | ![streets-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * topo-vector | ![topo-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * streets-night-vector | ![streets-night-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-night.jpg)
-     * streets-relief-vector | ![streets-relief-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-relief.jpg)
-     * streets-navigation-vector | ![streets-navigation-vector](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets-navigation.jpg)
+     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/satellite.jpg)
+     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/hybrid.jpg)
+     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/oceans.jpg)
+     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/national-geographic.jpg)
+     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/terrain.jpg)
+     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/osm.jpg)
+     * dark-gray-vector | ![dark-gray-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * gray-vector | ![gray-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * streets-vector | ![streets-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * topo-vector | ![topo-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * streets-night-vector | ![streets-night-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-night.jpg)
+     * streets-relief-vector | ![streets-relief-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-relief.jpg)
+     * streets-navigation-vector | ![streets-navigation-vector](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets-navigation.jpg)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap)
      */
     basemap?: BasemapProperties | string;
     /**
-     * Specifies the surface properties for the map. This property is only relevant when adding the map to a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). It renders the terrain or topographical variations in the real world on the map's surface with a collection of [ElevationLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html).  This value can be an instance of [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html), or the string `world-elevation` for a default instance of ground using the [World Elevation Service](https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer). The ground may not be set to `null` or `undefined`, it is guaranteed to always contain an instance of type [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html). The elevation can be removed from the ground by setting the ground property to a new empty [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html) instance or by removing all the ground layers.
+     * Specifies the surface properties for the map. This property is only relevant when adding the map to a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). It renders the terrain or topographical variations in the real world on the map's surface with a collection of [ElevationLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ElevationLayer.html).  This value can be an instance of [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html), or one of the following strings:
+     *   * `world-elevation` for a default instance of ground using the [Terrain3D Service](https://www.arcgis.com/home/item.html?id=7029fb60158543ad845c7e1527af11e4).
+     *   * `world-topobathymetry` for an instance of ground that combines surface elevation and bathymetry using the [TopoBathy3D Service](https://www.arcgis.com/home/item.html?id=0c69ba5a5d254118841d43f03aa3e97d).
+     *   
+     *   
+     * The ground may not be set to `null` or `undefined`, it is guaranteed to always contain an instance of type [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html). The elevation can be removed from the ground by setting the ground property to a new empty [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html) instance or by removing all the ground layers.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground)
      */
@@ -14902,7 +14889,7 @@ declare namespace __esri {
 
   interface PopupTemplate extends Accessor, JSONSupport {
     /**
-     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each object represents an action or function that may be executed by clicking the icon or image symbolizing them in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). By default, every [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  PopupTemplates do not have default actions. To override actions on the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) using PopupTemplate see [overwriteActions](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions). Actions defined in a PopupTemplate will only appear in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) for features or layers that apply that particular PopupTemplate.  The order of each action in the popup is the same order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event in [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the PopupTemplate that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
+     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each object represents an action or function that may be executed by clicking the icon or image symbolizing them in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). By default, every [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  PopupTemplates do not have default actions. To override actions on the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) using PopupTemplate see [overwriteActions](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions). Actions defined in a PopupTemplate will only appear in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) for features or layers that apply that particular PopupTemplate.  The order of each action in the popup is the same order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event in [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the PopupTemplate that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#actions)
      */
@@ -14953,6 +14940,14 @@ declare namespace __esri {
      * @default null
      */
     layerOptions: PopupTemplateLayerOptions;
+    /**
+     * An array of fields used in the PopupTemplate. Use this property to indicate what fields are required to fully render the PopupTemplate.  To fetch the values from all fields, use `["*"]`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#outFields)
+     * 
+     * @default null
+     */
+    outFields: string[];
     /**
      * Indicates whether actions should replace existing [popup actions](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#actions).
      * 
@@ -14985,7 +14980,7 @@ declare namespace __esri {
 
   interface PopupTemplateProperties {
     /**
-     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each object represents an action or function that may be executed by clicking the icon or image symbolizing them in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). By default, every [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  PopupTemplates do not have default actions. To override actions on the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) using PopupTemplate see [overwriteActions](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions). Actions defined in a PopupTemplate will only appear in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) for features or layers that apply that particular PopupTemplate.  The order of each action in the popup is the same order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event in [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the PopupTemplate that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
+     * A [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each object represents an action or function that may be executed by clicking the icon or image symbolizing them in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). By default, every [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  PopupTemplates do not have default actions. To override actions on the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) using PopupTemplate see [overwriteActions](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions). Actions defined in a PopupTemplate will only appear in the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) for features or layers that apply that particular PopupTemplate.  The order of each action in the popup is the same order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event in [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the PopupTemplate that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#actions)
      */
@@ -15036,6 +15031,14 @@ declare namespace __esri {
      * @default null
      */
     layerOptions?: PopupTemplateLayerOptions;
+    /**
+     * An array of fields used in the PopupTemplate. Use this property to indicate what fields are required to fully render the PopupTemplate.  To fetch the values from all fields, use `["*"]`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#outFields)
+     * 
+     * @default null
+     */
+    outFields?: string[];
     /**
      * Indicates whether actions should replace existing [popup actions](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#actions).
      * 
@@ -15053,7 +15056,7 @@ declare namespace __esri {
   }
 
   /**
-   * Attachments are a type of popup element. Similar to text and media elements, attachments can only be set within the content.  ![popuptemplate-attachments-element](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-attachments-element.png)   The object specification for the fields popup element is provided below.
+   * Attachments are a type of popup element. Similar to text and media elements, attachments can only be set within the content.  ![popuptemplate-attachments-element](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-attachments-element.png)   The object specification for the fields popup element is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#attachments)
    */
@@ -15067,7 +15070,7 @@ declare namespace __esri {
   }
 
   /**
-   * It is possible to set the fieldInfos directly within the PopupTemplate's content. If the fieldInfos is not set within the content, it will revert to whatever may be set within the [PopupTemplate.fieldInfos](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#fieldInfos) property.  ![popuptemplate-fields-element](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-fields-element.png)  The object specification for the fields popup element is provided below.
+   * It is possible to set the fieldInfos directly within the PopupTemplate's content. If the fieldInfos is not set within the content, it will revert to whatever may be set within the [PopupTemplate.fieldInfos](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#fieldInfos) property.  ![popuptemplate-fields-element](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-fields-element.png)  The object specification for the fields popup element is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#fields)
    */
@@ -15087,7 +15090,7 @@ declare namespace __esri {
   }
 
   /**
-   * It is possible to set media elements such as charts and/or images within the PopupTemplate's content. This content is set within the mediaInfos.  ![popuptemplate-media-element](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-media-element.png)  The object specification for the media popup element is provided below.
+   * It is possible to set media elements such as charts and/or images within the PopupTemplate's content. This content is set within the mediaInfos.  ![popuptemplate-media-element](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-media-element.png)  The object specification for the media popup element is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#media)
    */
@@ -15207,7 +15210,7 @@ declare namespace __esri {
   }
 
   /**
-   * An object used to define descriptive text as an element within the PopupTemplate's content. The text may reference values returned from a field attribute or an [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression.  ![popuptemplate-text-element](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-text-element.png)  The object specification for the text popup element is provided below.
+   * An object used to define descriptive text as an element within the PopupTemplate's content. The text may reference values returned from a field attribute or an [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression.  ![popuptemplate-text-element](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-text-element.png)  The object specification for the text popup element is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#text)
    */
@@ -15368,6 +15371,8 @@ declare namespace __esri {
      * When `true`, the organization's public items, groups and users are included in search queries. When `false`, no public items outside of the organization are included. However, public items which are part of the organization are included.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html#canSearchPublic)
+     * 
+     * @default true
      */
     canSearchPublic: boolean;
     /**
@@ -15849,6 +15854,8 @@ declare namespace __esri {
      * When `true`, the organization's public items, groups and users are included in search queries. When `false`, no public items outside of the organization are included. However, public items which are part of the organization are included.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html#canSearchPublic)
+     * 
+     * @default true
      */
     canSearchPublic?: boolean;
     /**
@@ -17573,19 +17580,11 @@ declare namespace __esri {
      */
     defaultSymbol: Symbol;
     /**
-     * The name of the attribute field the renderer uses to render data. A function may also be used to return a numeric value if the data does not already explicitly exist in a field.
+     * The name of a numeric attribute field whose data determines the symbol of each feature based on the class breaks defined in [classBreakInfos](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#classBreakInfos).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#field)
      */
-    field: string | Function;
-    /**
-     * If `true`, graphics with attribute values equal to the max value of a class will be included in that class. Set this property to `false` if the desired behavior is to make a class include values less than, but not equal to the max value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#isMaxInclusive)
-     * 
-     * @default true
-     */
-    isMaxInclusive: boolean;
+    field: string;
     /**
      * An object providing options for displaying the renderer in the Legend.
      * 
@@ -17712,19 +17711,11 @@ declare namespace __esri {
      */
     defaultSymbol?: SymbolProperties;
     /**
-     * The name of the attribute field the renderer uses to render data. A function may also be used to return a numeric value if the data does not already explicitly exist in a field.
+     * The name of a numeric attribute field whose data determines the symbol of each feature based on the class breaks defined in [classBreakInfos](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#classBreakInfos).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#field)
      */
-    field?: string | Function;
-    /**
-     * If `true`, graphics with attribute values equal to the max value of a class will be included in that class. Set this property to `false` if the desired behavior is to make a class include values less than, but not equal to the max value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html#isMaxInclusive)
-     * 
-     * @default true
-     */
-    isMaxInclusive?: boolean;
+    field?: string;
     /**
      * An object providing options for displaying the renderer in the Legend.
      * 
@@ -18550,17 +18541,11 @@ declare namespace __esri {
      */
     maxDataValue: number;
     /**
-     * Indicates the source of the data values used to determine the size of each feature. 
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the size of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html), which includes the feature's attributes, and returns the value used to determine the size of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the size of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#BoundedMinMax)
      */
-    field?: string | Function;
+    field?: string;
     /**
      * The minimum data value used in the size ramp. Features with this value or lower will be rendered at the size defined in `minSize`.
      * 
@@ -18605,7 +18590,7 @@ declare namespace __esri {
   }
 
   /**
-   * The **color** visual variable defines how a continuous color ramp is applied to features based on the values of a numeric attribute field. The minimum and maximum values of the data should be indicated along with their respective color values. You must specify `stops` to construct the color ramp, and either `field` or `valueExpression` to define the driving value.  [![renderer-vv-color](https://developers.arcgis.com/javascript/latest/assets/img/samples/7-vv-color.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/index.html)  The object specification for color is provided below.
+   * The **color** visual variable defines how a continuous color ramp is applied to features based on the values of a numeric attribute field. The minimum and maximum values of the data should be indicated along with their respective color values. You must specify `stops` to construct the color ramp, and either `field` or `valueExpression` to define the driving value.  [![renderer-vv-color](https://developers.arcgis.com/javascript/assets/img/samples/7-vv-color.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/index.html)  The object specification for color is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
    */
@@ -18617,41 +18602,35 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the data values used to determine the color of each feature.
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the color of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) including a feature's attributes and returns the value used to determine the color of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the color of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    field: string | Function;
+    field?: string;
     /**
      * Name of the numeric attribute field by which to normalize the data. If this field is used, then the values in `stops` should be normalized as percentages or ratios.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    normalizationField: string;
+    normalizationField?: string;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression evaluating to a number. This expression can reference field values using the `$feature` global variable and perform mathematical calculations and logical evaluations at runtime. The values returned from this expression are the data used to drive the visualization. This takes precedence over `field`. Therefore, this property is typically used as an alternative to `field` in visual variables.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    valueExpression: string;
+    valueExpression?: string;
     /**
      * The title identifying and describing the associated [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression as defined in the `valueExpression` property. This is displayed as the title of the corresponding color ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) in the absence of a provided `title` in the `legendOptions` property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    valueExpressionTitle: string;
+    valueExpressionTitle?: string;
     /**
      * An object providing options for displaying the color ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    legendOptions: ColorVisualVariableLegendOptions;
+    legendOptions?: ColorVisualVariableLegendOptions;
     /**
      * An array of objects that defines the color ramp in a sequence of stops. At least two stops are required. Features with values between the given stops will be assigned colors along the ramp proportional to the minimum and maximum values used. The stops must be listed in ascending order based on the value of the `value` property in each stop. Each stop object has the following specification:
      * 
@@ -18661,7 +18640,7 @@ declare namespace __esri {
   }
 
   /**
-   * The **opacity** visual variable defines the opacity of each feature's symbol based on a numeric attribute field value. The minimum and maximum values of the data should be indicated along with their respective opacity values. The specification for this object is provided below. You must specify `stops` to construct the opacity ramp, and either `field` or `valueExpression` to define the driving value.  [![renderer-vv-opacity](https://developers.arcgis.com/javascript/latest/assets/img/samples/12-vv-transparency.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/index.html)
+   * The **opacity** visual variable defines the opacity of each feature's symbol based on a numeric attribute field value. The minimum and maximum values of the data should be indicated along with their respective opacity values. The specification for this object is provided below. You must specify `stops` to construct the opacity ramp, and either `field` or `valueExpression` to define the driving value.  [![renderer-vv-opacity](https://developers.arcgis.com/javascript/assets/img/samples/12-vv-transparency.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/index.html)
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
    */
@@ -18673,41 +18652,35 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the data values used to determine the opacity of each feature.
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the opacity of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) including the attributes of the feature and returns the value used to determine the opacity of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the opacity of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    field: string | Function;
+    field?: string;
     /**
      * Name of the attribute field by which to normalize the data. If this field is used, then the values in `stops` should be normalized as percentages or ratios.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    normalizationField: string;
+    normalizationField?: string;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression evaluating to a number. This expression can reference field values using the `$feature` global variable and perform mathematical calculations and logical evaluations at runtime. The values returned from this expression are the data used to drive the visualization. This takes precedence over `field`. Therefore, this property is typically used as an alternative to `field` in visual variables.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    valueExpression: string;
+    valueExpression?: string;
     /**
      * The title identifying and describing the associated [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression as defined in the `valueExpression` property. This is displayed as the title of the corresponding opacity ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) in the absence of a provided `title` in the `legendOptions` property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    valueExpressionTitle: string;
+    valueExpressionTitle?: string;
     /**
      * An object providing options for displaying the opacity ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    legendOptions: OpacityVisualVariableLegendOptions;
+    legendOptions?: OpacityVisualVariableLegendOptions;
     /**
      * An array of objects that defines the thematic opacity ramp in a sequence of stops. At least two stops are required. The stops must be listed in ascending order based on the value of the `value` property in each stop. Each stop object has the following specification:
      * 
@@ -18717,7 +18690,7 @@ declare namespace __esri {
   }
 
   /**
-   * Defines a [size visual variable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) where data values are interpreted as real-world sizes based on a given unit. Features are then sized according to the real-world measurements, not thematic values and screen units.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The object specification for this object is provided below.
+   * Defines a [size visual variable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) where data values are interpreted as real-world sizes based on a given unit. Features are then sized according to the real-world measurements, not thematic values and screen units.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The object specification for this object is provided below.
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RealWorldSize)
    */
@@ -18729,17 +18702,11 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the data values used to determine the size of each feature.
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the size of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html), which includes the feature's attributes, and returns the value used to determine the size of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the size of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RealWorldSize)
      */
-    field?: string | Function;
+    field?: string;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression evaluating to a number. This expression can reference field values using the `$feature` global variable and perform mathematical calculations and logical evaluations at runtime. The values returned from this expression are the data used to drive the visualization. This takes precedence over `field`. Therefore, this property is typically used as an alternative to `field` in visual variables.
      * 
@@ -18772,7 +18739,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RealWorldSize)
      */
-    valueRepresentation: string;
+    valueRepresentation?: string;
     /**
      * An object providing options for displaying the size ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
@@ -18803,7 +18770,7 @@ declare namespace __esri {
   }
 
   /**
-   * The **rotation** visual variable defines how features rendered with [marker symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MarkerSymbol.html) or [text symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html) in a MapView or [3D object symbol layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html) in a SceneView are rotated. The rotation value is determined by mapping the values to data in a field, or by other arithmetic means with a function.  This object may be used to depict variables such as wind direction, vehicle heading, etc.  [![renderer-vv-rotation](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/renderer-vv-rotation.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/index.html) 
+   * The **rotation** visual variable defines how features rendered with [marker symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MarkerSymbol.html) or [text symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html) in a MapView or [3D object symbol layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html) in a SceneView are rotated. The rotation value is determined by mapping the values to data in a field, or by other arithmetic means with an Arcade expression.  This object may be used to depict variables such as wind direction, vehicle heading, etc.  [![renderer-vv-rotation](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/renderer-vv-rotation.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/index.html) 
    * > **Known Limitations**  In a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) rotation visual variables are not currently supported with [marker symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MarkerSymbol.html), [text symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html), [3D icon symbol layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html) and [3D text symbol layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol3DLayer.html).
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable)
@@ -18816,23 +18783,17 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the rotation angle of each feature.
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the rotation angle of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html), which includes the feature's attributes, and returns the rotation angle of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the rotation angle of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable)
      */
-    field: string | Function;
+    field?: string;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression evaluating to a number. This expression can reference field values using the `$feature` global variable and perform mathematical calculations and logical evaluations at runtime. The values returned from this expression are the data used to drive the visualization. This takes precedence over `field`. Therefore, this property is typically used as an alternative to `field` in visual variables.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable)
      */
-    valueExpression: string;
+    valueExpression?: string;
     /**
      * Only applicable when working in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Defines the axis the rotation visual variable should be applied to when rendering features with an [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html).  If the symbol resource is aligned such that its forward facing side points in the direction of the y-axis (the y-axis always points North in WGS84 or WebMercator coordinates), its upwards facing side is pointing in the direction of the z-axis, and its right-hand side points in the direction of the x-axis (the x-axis always points East in WGS84 or WebMercator coordinates), then the following rotation axis will rotate the symbol as indicated by their name. 
      * 
@@ -18873,17 +18834,11 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the data values used to determine the size of each feature. 
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the size of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html), which includes the feature's attributes, and returns the value used to determine the size of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the size of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ScaleDependentIcons)
      */
-    field?: string | Function;
+    field?: string;
     /**
      * The name of the numeric attribute field used to normalize the data in `field`. If this field is used, then the values in `maxDataValue` and `minDataValue` should be normalized as percentages or ratios.
      * 
@@ -18987,7 +18942,7 @@ declare namespace __esri {
    *   * **[RealWorldSize](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RealWorldSize)** - Feature sizes are determined based on real-world measurements and units, not thematic values and screen units.
    *   
    *   
-   * [![renderer-unique-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)
+   * [![renderer-unique-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable)
    */
@@ -19007,17 +18962,11 @@ declare namespace __esri {
      */
     type: string;
     /**
-     * Indicates the source of the data values used to determine the size of each feature.
-     * 
-     * Value Type | Description
-     * ------|-----------
-     * String | The name of the numeric attribute field that contains the data values used to determine the size of each feature.
-     * Function | A function that iterates through each [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html), which includes the feature's attributes, and returns the value used to determine the size of the given feature.
-     * 
+     * The name of the numeric attribute field that contains the data values used to determine the size of each feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ThematicStops)
      */
-    field?: string | Function;
+    field?: string;
     /**
      * The name of the numeric attribute field used to normalize the data in `field`. If this field is used, then the values in `stops` should be normalized as percentages or ratios.
      * 
@@ -19094,13 +19043,13 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    title: string;
+    title?: string;
     /**
      * Indicates whether to show the color ramp in the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    showLegend: boolean;
+    showLegend?: boolean;
   }
 
 
@@ -19122,7 +19071,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable)
      */
-    label: string;
+    label?: string;
   }
 
 
@@ -19132,13 +19081,13 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    title: string;
+    title?: string;
     /**
      * Indicates whether to show the opacity ramp in the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    showLegend: boolean;
+    showLegend?: boolean;
   }
 
 
@@ -19160,7 +19109,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable)
      */
-    label: string;
+    label?: string;
   }
 
 
@@ -19314,6 +19263,50 @@ declare namespace __esri {
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html)
    */
   interface color {
+    /**
+     * Generates a continuous color [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) representing the age of features based on one or more fields. The age of a feature is calculated based on a given `startTime` and `endTime`, one of which must be a date field in the input `layer`. This method generates an Arcade expression and calculates statistics on the output of the expression to accomplish this. The resulting renderer contains a continuous color visual variable that maps optimal colors based on the indicated basemap to data values based on the resulting statistics of the expression.  You are required to provide a `layer`, `view`, `startTime`, and `endTime` to generate this renderer. Optionally, you can set a `unit` and a `theme` for the visualization. Other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the statistics object to the `statistics` parameter to avoid making an extra call to the server.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     * 
+     * @param params Input parameters for generating a continuous color visualization of age for time data returned from start and/or end date field(s). See the table below for details of each parameter.
+     * @param params.layer The layer for which the visualization is generated.
+     * @param params.view The view instance in which the visualization will be rendered.
+     * @param params.startTime The name of the field, or a date value representing the start time in the age calculation. If a date value is specified, then the `endTime` paramter must reference a Date field in the layer.
+     * @param params.endTime The name of the field, or a date value representing the end time in the age calculation. If a date value is specified, then the `startTime` paramter must reference a Date field in the layer.
+     * @param params.unit The time unit used to calculate the difference between `endTime` and `startTime`. If a unit is not specified, then a suggested unit is determined based on the spread and distribution of the data.  **Possible Values:** years | months | days | hours | minutes | seconds
+     * @param params.basemap The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * @param params.theme 
+     * Determines which values will be emphasized in the continuous ramp and the map. Possible values are listed below.
+     * 
+     *   | Value | Description | Example |
+     *   | ----- | ----------- | ------- |
+     *   | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     *   | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     *   | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     *   | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
+     * @param params.legendOptions Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * @param params.colorScheme In authoring apps, the user may select a pre-defined color scheme. Pass the scheme object to this property to avoid getting one based on a `theme` and the `basemap`.
+     * @param params.symbolType 
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * @param params.defaultSymbolEnabled Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * @param params.colorMixMode 
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     */
+    createAgeRenderer(params: colorCreateAgeRendererParams): IPromise<AgeRendererResult>;
     /**
      * Generates a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html) that may be applied directly to the layer used to call this method. The resulting renderer defines the symbol color of each feature based on the value of the given `field` value. A default color scheme is determined based on the given `basemap`. Depending on the `classificationMethod`, class breaks (or data ranges) are generated based on the statistics of the data. Each feature is assigned a color based on the class break in which the value of the `field` falls.  In most cases you will provide a `layer`, `basemap`, `field`, and `classificationMethod` to generate this renderer. This is a scenario in which the statistics of the data aren't well known and the user doesn't know what colors to use in the visualization. You can also use a `valueExpression` instead of a `field` to visualize features based on a value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications.
      * 
@@ -19348,7 +19341,7 @@ declare namespace __esri {
      * @param params.colorScheme In authoring apps, the user may select a pre-defined color scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This option only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to describe a field instead of using the field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.minValue A minimum value set by the user. Use this in conjunction with `maxValue` to generate class breaks between lower and upper bounds. This will be the lower bound of the lowest class break.
@@ -19389,14 +19382,14 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * @param params.colorScheme In authoring apps, the user may select a pre-defined color scheme. Pass the scheme object to this property to avoid getting one based on a `theme` and the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
@@ -19466,14 +19459,14 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * @param params.colorScheme In authoring apps, the user may select a pre-defined color scheme. Pass the scheme object to this property to avoid getting one based on a `theme` and the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
@@ -19488,6 +19481,56 @@ declare namespace __esri {
 
   export const color: color;
 
+  /**
+   * The result object of the [createAgeRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer) method. See the table below for details of each property.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+   */
+  export interface AgeRendererResult extends Object {
+    /**
+     * The renderer object configured to best match the given basemap and the spread of the data. Set this on a layer's `renderer` property to update its visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    renderer: ClassBreaksRenderer;
+    /**
+     * A color visual variable configured based on the statistics of the data and the given basemap and scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    visualVariable: ColorVisualVariable;
+    /**
+     * The time unit used to represent age in the output `renderer`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    unit: string;
+    /**
+     * The color scheme used by the visual variable.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    colorScheme: ColorScheme;
+    /**
+     * Indicates whether default values are used in the absence of sufficient data and/or statistics from the layer. Default values are typically used when all features have the same field value or no value at all.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    defaultValuesUsed: boolean;
+    /**
+     * Basic statistics returned from a query to the service for data from the given field name or expression.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    statistics: SummaryStatisticsResult;
+    /**
+     * The ID of the basemap used to determine the optimal fill color of the features.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#AgeRendererResult)
+     */
+    basemapId: string;
+  }
+
   /**
    * The result object of the [createClassBreaksRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createClassBreaksRenderer) method. See the table below for details of each property.
    * 
@@ -19527,6 +19570,134 @@ declare namespace __esri {
   }
 
 
+  export interface colorCreateAgeRendererParams extends Object {
+    /**
+     * The layer for which the visualization is generated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    layer: FeatureLayer | SceneLayer | CSVLayer;
+    /**
+     * The view instance in which the visualization will be rendered.
+     * 
+     * [Read more...](global.html)
+     */
+    view: View;
+    /**
+     * The name of the field, or a date value representing the start time in the age calculation. If a date value is specified, then the `endTime` paramter must reference a Date field in the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    startTime: Date | string | number;
+    /**
+     * The name of the field, or a date value representing the end time in the age calculation. If a date value is specified, then the `startTime` paramter must reference a Date field in the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    endTime: Date | string | number;
+    /**
+     * The time unit used to calculate the difference between `endTime` and `startTime`. If a unit is not specified, then a suggested unit is determined based on the spread and distribution of the data.  **Possible Values:** years | months | days | hours | minutes | seconds
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    unit?: string;
+    /**
+     * The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     * 
+     * @default gray
+     */
+    basemap?: string | Basemap;
+    /**
+     * Determines which values will be emphasized in the continuous ramp and the map. Possible values are listed below.
+     * 
+     *   | Value | Description | Example |
+     *   | ----- | ----------- | ------- |
+     *   | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     *   | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     *   | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     *   | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    theme?: string;
+    /**
+     * Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    legendOptions?: colorCreateAgeRendererParamsLegendOptions;
+    /**
+     * A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    statistics?: SummaryStatisticsResult;
+    /**
+     * In authoring apps, the user may select a pre-defined color scheme. Pass the scheme object to this property to avoid getting one based on a `theme` and the `basemap`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    colorScheme?: ColorScheme;
+    /**
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     * 
+     * @default 2d
+     */
+    symbolType?: string;
+    /**
+     * Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     * 
+     * @default true
+     */
+    defaultSymbolEnabled?: boolean;
+    /**
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     * 
+     * @default replace
+     */
+    colorMixMode?: string;
+  }
+
+
+  export interface colorCreateAgeRendererParamsLegendOptions extends Object {
+    /**
+     * The title used to represent the age color ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    title?: string;
+    /**
+     * Indicates whether to include the age renderer in the legend.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createAgeRenderer)
+     */
+    showLegend?: boolean;
+  }
+
+
   export interface colorCreateClassBreaksRendererParams extends Object {
     /**
      * The layer for which the visualization is generated.
@@ -19625,7 +19796,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This option only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createClassBreaksRenderer)
      */
@@ -19743,10 +19914,10 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createContinuousRenderer)
@@ -19771,7 +19942,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createContinuousRenderer)
      */
@@ -19979,10 +20150,10 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createVisualVariable)
@@ -20007,7 +20178,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-color.html#createVisualVariable)
      */
@@ -20272,7 +20443,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-location.html#createRenderer)
      */
-    locationScheme?: PointLocationScheme | PolylineLocationScheme | PolygonLocationScheme;
+    locationScheme?: LocationScheme;
     /**
      * The SceneView instance in which the visualization will be rendered. This parameter is required if `symbolType = "3d-volumetric"`, except for layers with a `mesh` geometryType.
      * 
@@ -20328,7 +20499,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-location.html#RendererResult)
      */
-    locationScheme: PointLocationScheme | PolylineLocationScheme | PolygonLocationScheme;
+    locationScheme: LocationScheme;
     /**
      * The ID of the basemap used to determine the optimal fill color of the features.
      * 
@@ -20354,7 +20525,7 @@ declare namespace __esri {
      * @param params.normalizationField The name of the field to normalize the values of the given `field`. Providing a normalization field helps minimize some visualization errors and standardizes the data so all features are visualized with minimal bias due to area differences or count variation. This option is commonly used when visualizing densities.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
@@ -20401,7 +20572,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-opacity.html#createVisualVariable)
      */
@@ -20486,6 +20657,578 @@ declare namespace __esri {
     authoringInfo: AuthoringInfo;
   }
 
+  /**
+   * This object contains a helper method for generating a predominance visualization. Visualizing predominance involves coloring a [layer’s](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html) features based on which attribute among a set of competing numeric attributes wins or beats the others in total count. Common applications of this include visualizing election results, survey results, and demographic majorities.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html)
+   */
+  interface predominance {
+    /**
+     * Generates a predominance renderer based on a set of competing numeric fields.  Visualizing predominance involves coloring a [layer’s](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html) features based on which attribute among a set of competing numeric attributes wins or beats the others in total count. Common applications of this include visualizing election results, survey results, and demographic majorities.  For example, suppose you have a layer of U.S. counties with fields containing the total sales of various crops: wheat, soybeans, corn, cotton, and vegetables. If a feature has the following values for each field: 
+     * 
+     * Field Name | Count | Color
+     * -----------|-------|------
+     * Wheat | 130 | purple
+     * Soybeans | 2000 | blue
+     * Corn | 0 | yellow
+     * Cotton | 300 | green
+     * Vegetables | 120 | red
+     * 
+     * Then the renderer symbolizes the feature with a blue color since Soybeans is the predominant crop.  The predominant field of a feature is determined based on the result of an Arcade expression generated by this method. You are required to provide a `layer`, `view`, and list of `fields` to generate this renderer. Optionally, you can set `includeSizeVariable` to `true` to change the size of each feature to indicate how influential the feature is compared to the entire layer as a whole. You can also set `includeOpacityVariable` to `true` to add opacity to each feature depending on how strong the predominant field is compared to all the other fields. For the example above, the feature would likely be opaque since Soybeans beats all other features combined by a wide margin. If the Soybean total were still the highest, but only 301, then the feature would be very transparent, indicating the Soybean total wins, but not by a wide margin.  Other options are provided for convenience for more involved custom visualization authoring applications.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @param params Input parameters for generating a predominance visualization based on a set of competing field(s). See the table below for details of each parameter.
+     * @param params.layer The layer for which the visualization is generated.
+     * @param params.view The view instance in which the visualization will be rendered.
+     * @param params.fields A set of competing numeric fields used as the basis of the predominance visualization. For example, if creating an election map, you would indicate the names of each field representing the candidate or political party where total votes are stored.
+     * @param params.basemap The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * @param params.includeOpacityVariable Indicates whether to include data-driven opacity in the final renderer. If `true`, features where the predominant value beats all others by a large margin are given a high opacity. Features where the predominant value beats others by a small margin will be assigned a low opacity, indicating that while the feature has a winning value, it doesn't win by much.  ![predominance-opacity](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/predominance-opacity.png)
+     * @param params.includeSizeVariable Indicates whether to include data-driven size in the final renderer. If `true`, features will be assigned a sized based on the sum of all competing values in the `fields` param. Features with small total counts will be sized with small icons or lines depending on the geometry type of the layer, and features with large total counts will be sized with large icons or lines. Enabling this option is good for visualizing how influential a particular feature is compared to the dataset as a whole. It removes bias introduced by features with large geographic areas, but relatively small data values.  ![predominance-size](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/predominance-size.png)
+     * @param params.legendOptions Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * @param params.sortBy 
+     * Indicates how values should be sorted in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html). See the table below for information about values that may be passed to this parameter.
+     * 
+     *   Possible Value | Description
+     *   ---------------|------------
+     *   count | Unique values/types will be sorted from highest to lowest based on the count of features that fall in each category.
+     *   value | Unique values/types will be sorted in the order they were specified in the `fields` parameter.
+     * 
+     *   **Possible Values:** count | value
+     * @param params.predominanceScheme In authoring apps, the user may select a pre-defined predominance scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * @param params.symbolType 
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * @param params.defaultSymbolEnabled Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * @param params.colorMixMode 
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     */
+    createRenderer(params: predominanceCreateRendererParams): IPromise<predominanceRendererResult>;
+  }
+
+  export const predominance: predominance;
+
+
+  export interface predominanceCreateRendererParams extends Object {
+    /**
+     * The layer for which the visualization is generated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    layer: FeatureLayer | SceneLayer | CSVLayer;
+    /**
+     * The view instance in which the visualization will be rendered.
+     * 
+     * [Read more...](global.html)
+     */
+    view: View;
+    /**
+     * A set of competing numeric fields used as the basis of the predominance visualization. For example, if creating an election map, you would indicate the names of each field representing the candidate or political party where total votes are stored.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    fields: predominanceCreateRendererParamsFields[];
+    /**
+     * The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @default gray
+     */
+    basemap?: string | Basemap;
+    /**
+     * Indicates whether to include data-driven opacity in the final renderer. If `true`, features where the predominant value beats all others by a large margin are given a high opacity. Features where the predominant value beats others by a small margin will be assigned a low opacity, indicating that while the feature has a winning value, it doesn't win by much.  ![predominance-opacity](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/predominance-opacity.png)
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    includeOpacityVariable?: boolean;
+    /**
+     * Indicates whether to include data-driven size in the final renderer. If `true`, features will be assigned a sized based on the sum of all competing values in the `fields` param. Features with small total counts will be sized with small icons or lines depending on the geometry type of the layer, and features with large total counts will be sized with large icons or lines. Enabling this option is good for visualizing how influential a particular feature is compared to the dataset as a whole. It removes bias introduced by features with large geographic areas, but relatively small data values.  ![predominance-size](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/predominance-size.png)
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    includeSizeVariable?: boolean;
+    /**
+     * Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    legendOptions?: predominanceCreateRendererParamsLegendOptions;
+    /**
+     * A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    statistics?: SummaryStatisticsResult;
+    /**
+     * Indicates how values should be sorted in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html). See the table below for information about values that may be passed to this parameter.
+     * 
+     *   Possible Value | Description
+     *   ---------------|------------
+     *   count | Unique values/types will be sorted from highest to lowest based on the count of features that fall in each category.
+     *   value | Unique values/types will be sorted in the order they were specified in the `fields` parameter.
+     * 
+     *   **Possible Values:** count | value
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @default count
+     */
+    sortBy?: string;
+    /**
+     * In authoring apps, the user may select a pre-defined predominance scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    predominanceScheme?: PredominanceScheme;
+    /**
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @default 2d
+     */
+    symbolType?: string;
+    /**
+     * Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @default true
+     */
+    defaultSymbolEnabled?: boolean;
+    /**
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     * 
+     * @default replace
+     */
+    colorMixMode?: string;
+  }
+
+
+  export interface predominanceCreateRendererParamsFields extends Object {
+    /**
+     * The name of a numeric field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    name: string;
+    /**
+     * The label describing the field name (or category) in the legend. This is should be used if the given field doesn't have an intuitive field name. For example, for a field named `dem` representing the total vote count for the Democratic party, you can set the label to `Democrat` to clarify the name of the category in the final visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    label?: string;
+  }
+
+
+  export interface predominanceCreateRendererParamsLegendOptions extends Object {
+    /**
+     * The title used to describe the renderer in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    title?: string;
+    /**
+     * Indicates whether to include the renderer in the legend.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer)
+     */
+    showLegend?: boolean;
+  }
+
+  /**
+   * The result object of the [createRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#createRenderer) method. See the table below for details of each property.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+   */
+  export interface predominanceRendererResult extends Object {
+    /**
+     * The unique value renderer object representing the predominance visualization. Set this on a layer's `renderer` property to update its visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    renderer: UniqueValueRenderer;
+    /**
+     * An array of objects describing the value, symbol, and count of each unique type or category represented in the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    predominantCategoryInfos: UniqueValueInfo[];
+    /**
+     * An array of objects describing the values or categories excluded from consideration in visualizing data from the given fields. The specification of each object matches that of the objects specified in the `predominantCategoryInfos` property.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    excludedCategoryInfos: any[];
+    /**
+     * A size visual variable representing the total count of all fields included in the predominance visualization. This is included if the `includeSizeVariable` parameter is true.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    size?: sizeVisualVariableResult;
+    /**
+     * An opacity visual variable representing the percentage of the total count comprised by the predominant value of all fields. This variable indicates the strength of a particular value's predominance compared to the other values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    opacity?: opacityVisualVariableResult;
+    /**
+     * The predominance scheme used by the renderer based on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    predominanceScheme: PredominanceScheme;
+    /**
+     * The ID of the basemap used to determine the optimal fill color of the features.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html#RendererResult)
+     */
+    basemapId: string;
+  }
+
+  /**
+   * This object contains a helper method for creating a renderer for exploring the relationship between two numeric attributes. This is commonly known as a [bivariate choropleth](http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/) visualization. This renderer classifies each variable in either 2, 3, or 4 classes along separate color ramps. One of those ramps is rotated 90 degrees and overlaid on the other to create a 2x2, 3x3, or 4x4 square grid. The x-axis indicates the range of values for one variable, and the y-axis indicates the range for the second variable. The squares running diagonal from the lower left corner to the upper right corner indicate features where the two variables may be related or in agreement with one another.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html)
+   */
+  interface relationship {
+    /**
+     * Generates a relationship renderer (bivariate choropleth) based on a set of competing numeric fields.  Each feature's category is determined based on the result of an Arcade expression generated internally by this method. You are required provide a `layer`, `view`, `field1` name, and `field2` name to generate this renderer. Optionally, you can set the `focus` to change the rotation of the legend and the `numClasses` parameter to change the grid size of the legend.  Other options are provided for convenience for more involved custom visualization authoring applications.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @param params Input parameters for generating a relationship visualization based on a pair of numeric field(s). See the table below for details of each parameter.
+     * @param params.layer The layer for which the visualization is generated.
+     * @param params.view The view instance in which the visualization will be rendered.
+     * @param params.field1 A numeric field that will be used to explore its relationship with `field2`. In the default visualization, the values of this field are rendered along the vertical axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * @param params.field2 A numeric field that will be used to explore its relationship with `field1`. In the default visualization, the values of this field are rendered along the horizontal axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * @param params.classificationMethod The method for classifying each field's data values. See [classBreaks](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-classBreaks.html#classBreaks) for more information about each classification type.  **Possible Values:** quantile | equal-interval | natural-breaks
+     * @param params.focus 
+     * Determines the orientation of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html). This value does not change the renderer or symbology of any features in the layer. This affects the legend only. See the table below for a description of the possible values. See the class description at the top of this page for a more thorough explanation of how to read the legend. 
+     * 
+     *   Value | Example | Description
+     *   ------|-------------|--------
+     *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-null.png) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
+     *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-hh.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
+     *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-hl.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
+     *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-lh.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
+     *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-ll.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
+     * @param params.numClasses 
+     * Indicates the number of classes by which to break up the values of each field. More classes give you more detail, but more colors, making the visualization more difficult to understand. There are only three possible values. 
+     * 
+     * 2 classes | 3 classes | 4 classes
+     * --|--|---
+     * ![relationship-breaks-2](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-2.png) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-3.png) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-4.png)
+     * 
+     * **Possible Values:** 2 | 3 | 4
+     * @param params.basemap The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * @param params.legendOptions Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * @param params.relationshipScheme In authoring apps, the user may select a pre-defined relationship scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * @param params.symbolType 
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * @param params.defaultSymbolEnabled Enables the `defaultSymbol` on the renderer and assigns it to features with no value or that fall outside of the prescribed class breaks.
+     * @param params.colorMixMode 
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     */
+    createRenderer(params: relationshipCreateRendererParams): IPromise<relationshipRendererResult>;
+  }
+
+  export const relationship: relationship;
+
+
+  export interface relationshipCreateRendererParams extends Object {
+    /**
+     * The layer for which the visualization is generated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    layer: FeatureLayer | SceneLayer | CSVLayer;
+    /**
+     * The view instance in which the visualization will be rendered.
+     * 
+     * [Read more...](global.html)
+     */
+    view: View;
+    /**
+     * A numeric field that will be used to explore its relationship with `field2`. In the default visualization, the values of this field are rendered along the vertical axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    field1: relationshipCreateRendererParamsField1;
+    /**
+     * A numeric field that will be used to explore its relationship with `field1`. In the default visualization, the values of this field are rendered along the horizontal axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    field2: relationshipCreateRendererParamsField2;
+    /**
+     * The method for classifying each field's data values. See [classBreaks](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-classBreaks.html#classBreaks) for more information about each classification type.  **Possible Values:** quantile | equal-interval | natural-breaks
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default quantile
+     */
+    classificationMethod?: string;
+    /**
+     * Determines the orientation of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html). This value does not change the renderer or symbology of any features in the layer. This affects the legend only. See the table below for a description of the possible values. See the class description at the top of this page for a more thorough explanation of how to read the legend. 
+     * 
+     *   Value | Example | Description
+     *   ------|-------------|--------
+     *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-null.png) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
+     *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-hh.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
+     *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-hl.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
+     *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-lh.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
+     *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-legend-ll.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    focus?: string;
+    /**
+     * Indicates the number of classes by which to break up the values of each field. More classes give you more detail, but more colors, making the visualization more difficult to understand. There are only three possible values. 
+     * 
+     * 2 classes | 3 classes | 4 classes
+     * --|--|---
+     * ![relationship-breaks-2](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-2.png) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-3.png) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/smartmapping/relationship-breaks-4.png)
+     * 
+     * **Possible Values:** 2 | 3 | 4
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default 3
+     */
+    numClasses?: number;
+    /**
+     * The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default gray
+     */
+    basemap?: string | Basemap;
+    /**
+     * Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    legendOptions?: relationshipCreateRendererParamsLegendOptions;
+    /**
+     * In authoring apps, the user may select a pre-defined relationship scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    relationshipScheme?: RelationshipScheme;
+    /**
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default 2d
+     */
+    symbolType?: string;
+    /**
+     * Enables the `defaultSymbol` on the renderer and assigns it to features with no value or that fall outside of the prescribed class breaks.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default true
+     */
+    defaultSymbolEnabled?: boolean;
+    /**
+     * **This option only applies to generating renderers for mesh SceneLayers**. Specifies how the symbol's color is applied to the geometry color/texture. See the documentation in [FillSymbol3DLayer.material](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#material) for more context. See the table below for possible values. 
+     * 
+     *   Value | Description
+     *   ------|------------
+     *   tint | Applies the symbol `color` to the desaturated geometry/texture color.
+     *   replace | Removes the geometry/texture color and applies the symbol `color`.
+     *   multiply | Multiplies geometry/texture color value with the symbol `color` value. The result is a darker color. Multiplying with white keeps the geometry color the same.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     * 
+     * @default replace
+     */
+    colorMixMode?: string;
+  }
+
+
+  export interface relationshipCreateRendererParamsField1 extends Object {
+    /**
+     * The name of a numeric field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    field: string;
+    /**
+     * The name of a numeric field used to normalize the given `field`. In choropleth visualizations it is best practice to normalize your data values if they haven't already been normalized.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    normalizationField?: string;
+    /**
+     * The maximum bound of values to visualize in the given field. If a feature's value is greater than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    maxValue?: number;
+    /**
+     * The minimum bound of values to visualize in the given field. If a feature's value is less than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    minValue?: number;
+  }
+
+
+  export interface relationshipCreateRendererParamsField2 extends Object {
+    /**
+     * The name of a numeric field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    field: string;
+    /**
+     * The name of a numeric field used to normalize the given `field`. In choropleth visualizations it is best practice to normalize your data values if they haven't already been normalized.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    normalizationField?: string;
+    /**
+     * The maximum bound of values to visualize in the given field. If a feature's value is greater than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    maxValue?: number;
+    /**
+     * The minimum bound of values to visualize in the given field. If a feature's value is less than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    minValue?: number;
+  }
+
+
+  export interface relationshipCreateRendererParamsLegendOptions extends Object {
+    /**
+     * The title used to describe the renderer in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    title?: string;
+    /**
+     * Indicates whether to include the renderer in the legend.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer)
+     */
+    showLegend?: boolean;
+  }
+
+  /**
+   * The result object of the [createRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#createRenderer) method. See the table below for details of each property.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+   */
+  export interface relationshipRendererResult extends Object {
+    /**
+     * The renderer object representing the relationship visualization. Set this on a layer's `renderer` property to update its visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    renderer: UniqueValueRenderer;
+    /**
+     * Describes each class break for both fields considered in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    classBreaks: RendererResultClassBreaks;
+    /**
+     * Describes each container or bin used in the visualization. Each unique value info object describes a class break for `field1` and `field2`. Therefore, features with the same color fall share will have values that fall in the same class break for `field1` and the same class break for `field2`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    uniqueValueInfos: UniqueValueInfo[];
+    /**
+     * The relationship scheme used by the renderer based on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    relationshipScheme: RelationshipScheme;
+    /**
+     * The ID of the basemap used to determine the optimal fill colors of the features.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    basemapId: string;
+  }
+
+
+  export interface RendererResultClassBreaks extends Object {
+    /**
+     * The class breaks generated for values in the `field1` parameter.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    field1: ClassBreaksResult;
+    /**
+     * The class breaks generated for values in the `field2` parameter.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html#RendererResult)
+     */
+    field2: ClassBreaksResult;
+  }
+
   /**
    * This object contains helper methods for generating data-driven visualizations with continuous size or class breaks based on a field value or expression from features in a [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html). The methods in this module generate renderer or visual variable objects that may be applied directly to a supported layer. The renderers specify how features should be visualized based on data values and sizes optimized based on the indicated basemap.
    * 
@@ -20493,7 +21236,34 @@ declare namespace __esri {
    */
   interface size {
     /**
-     * Generates a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html) that may be applied directly to the layer used to call this method. The resulting renderer defines the symbol size of each feature based on the value of the given `field` value. A default size scheme is determined based on the given `basemap`. Depending on the `classificationMethod`, class breaks (or data ranges) are generated based on the statistics of the data. Each feature is assigned a color based on the class break in which the value of the `field` falls.  In most cases you will provide a `layer`, `basemap`, `field`, and `classificationMethod` to generate this renderer. This is a scenario in which the statistics of the data aren't well known and the user doesn't know what sizes to use in the visualization. You can also use a `valueExpression` instead of a `field` to visualize features based on a value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications.
+     * Generates a continuous size [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) representing the age of features based on one or more fields. The age of a feature is calculated based on a given `startTime` and `endTime`, one of which must be a date field in the input `layer`. This method generates an Arcade expression and calculates statistics on the output of the expression to accomplish this. The resulting renderer contains a continuous size visual variable that maps optimal sizes based on the indicated basemap to data values based on the resulting statistics of the expression.  You are required to provide a `layer`, `view`, `startTime`, and `endTime` to generate this renderer. Optionally, you can set a `unit` for the visualization. Other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the statistics object to the `statistics` parameter to avoid making an extra call to the server.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     * 
+     * @param params Input parameters for generating a continuous size visualization of age for time data returned from start and/or end date field(s). See the table below for details of each parameter.
+     * @param params.layer The layer for which the visualization is generated.
+     * @param params.view The view instance in which the visualization will be rendered.
+     * @param params.startTime The name of the field, or a date value representing the start time in the age calculation. If a date value is specified, then the `endTime` paramter must reference a Date field in the layer.
+     * @param params.endTime The name of the field, or a date value representing the end time in the age calculation. If a date value is specified, then the `startTime` paramter must reference a Date field in the layer.
+     * @param params.unit The time unit used to calculate the difference between `endTime` and `startTime`. If a unit is not specified, then a suggested unit is determined based on the spread and distribution of the data.  **Possible Values:** years | months | days | hours | minutes | seconds
+     * @param params.basemap The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * @param params.legendOptions Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * @param params.sizeScheme In authoring apps, the user may select a pre-defined size scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * @param params.symbolType 
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * @param params.defaultSymbolEnabled Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * 
+     */
+    createAgeRenderer(params: sizeCreateAgeRendererParams): IPromise<sizeAgeRendererResult>;
+    /**
+     * Generates a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-ClassBreaksRenderer.html) that may be applied directly to the layer used to call this method. The resulting renderer defines the symbol size of each feature based on the value of the given `field` value. A default size scheme is determined based on the given `basemap`. Depending on the `classificationMethod`, class breaks (or data ranges) are generated based on the statistics of the data. Each feature is assigned a size based on the class break in which the value of the `field` falls.  In most cases you will provide a `layer`, `basemap`, `field`, and `classificationMethod` to generate this renderer. This is a scenario in which the statistics of the data aren't well known and the user doesn't know what sizes to use in the visualization. You can also use a `valueExpression` instead of a `field` to visualize features based on a value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createClassBreaksRenderer)
      * 
@@ -20526,7 +21296,7 @@ declare namespace __esri {
      * @param params.sizeScheme In authoring apps, the user may select a pre-defined size scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to describe a field instead of using the field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.minValue A minimum value set by the user. Use this in conjunction with `maxValue` to generate class breaks between lower and upper bounds. This will be the lower bound of the lowest class break.
@@ -20546,7 +21316,7 @@ declare namespace __esri {
      */
     createClassBreaksRenderer(params: sizeCreateClassBreaksRendererParams): IPromise<sizeClassBreaksRendererResult>;
     /**
-     * Generates a [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) that may be applied directly to the layer used to call this method. The renderer contains a continuous size visual variable that maps marker sizes to specific stop values based on queried statistics from the indicated field or expression.  In most cases you will provide a `layer`, `basemap`, and `field` to generate this renderer. This is a scenario in which the statistics of the data aren't well known and the user doesn't know what colors to use in the visualization. You can also use a `valueExpression` instead of a `field` to visualize features based on a value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the statistics object to the `statistics` parameter to avoid making an extra call to the server.
+     * Generates a [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) that may be applied directly to the layer used to call this method. The renderer contains a continuous size visual variable that maps marker sizes to specific stop values based on queried statistics from the indicated field or expression.  In most cases you will provide a `layer`, `basemap`, and `field` to generate this renderer. This is a scenario in which the statistics of the data aren't well known and the user doesn't know what sizes to use in the visualization. You can also use a `valueExpression` instead of a `field` to visualize features based on a value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the statistics object to the `statistics` parameter to avoid making an extra call to the server.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createContinuousRenderer)
      * 
@@ -20558,7 +21328,7 @@ declare namespace __esri {
      * @param params.sizeScheme In authoring apps, the user may select a pre-defined size scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
@@ -20579,7 +21349,7 @@ declare namespace __esri {
      */
     createContinuousRenderer(params: sizeCreateContinuousRendererParams): IPromise<sizeContinuousRendererResult>;
     /**
-     * This method generates an array of size visual variables with default stops that are optimally chosen based on the statistics queried for the indicated field or expression and mapped to appropriate sizes.  There are two different ways this method may be called. The most common case is by providing a `layer`, `basemap`, and `field`. This is the scenario where the statistics of the data aren't well known and the user doesn't know what colors to use. You can optionally use a `valueExpression` instead of a field to visualize features based on a numeric value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the object in the `statistics` parameter to avoid making an extra call to the server. You can also provide a `colorScheme` if you don't want one picked for you. In this case the `basemap` and `theme` options would be ignored.  The resulting array of visual variables will contain exactly one size visual variable unless the `axis` parameter is set to "height".
+     * This method generates an array of size visual variables with default stops that are optimally chosen based on the statistics queried for the indicated field or expression and mapped to appropriate sizes.  There are two different ways this method may be called. The most common case is by providing a `layer`, `basemap`, and `field`. This is the scenario where the statistics of the data aren't well known and the user doesn't know what sizes to use. You can optionally use a `valueExpression` instead of a field to visualize features based on a numeric value returned from a script executed at runtime.  The other options are provided for convenience for more involved custom visualization authoring applications. For example, if you already generated statistics in another operation, you can pass the object in the `statistics` parameter to avoid making an extra call to the server. You can also provide a `sizeScheme` if you don't want one picked for you. In this case the `basemap` and `theme` options would be ignored.  The resulting array of visual variables will contain exactly one size visual variable unless the `axis` parameter is set to "height".
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createVisualVariables)
      * 
@@ -20591,7 +21361,7 @@ declare namespace __esri {
      * @param params.sizeScheme In authoring apps, the user may select a pre-defined size scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.legendOptions Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
@@ -20607,6 +21377,56 @@ declare namespace __esri {
 
   export const size: size;
 
+  /**
+   * The result object of the [createAgeRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer) method. See the table below for details of each property.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+   */
+  export interface sizeAgeRendererResult extends Object {
+    /**
+     * The renderer object configured to best match the given basemap and the spread of the data. Set this on a layer's `renderer` property to update its visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    renderer: ClassBreaksRenderer;
+    /**
+     * Size visual variables configured based on the statistics of the data and the given basemap and scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    visualVariables: SizeVisualVariable[];
+    /**
+     * The time unit used to represent age in the output `renderer`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    unit: string;
+    /**
+     * The size scheme used by the visual variables.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    sizeScheme: SizeScheme;
+    /**
+     * Indicates whether default values are used in the absence of sufficient data and/or statistics from the layer. Default values are typically used when all features have the same field value or no value at all.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    defaultValuesUsed: boolean;
+    /**
+     * Basic statistics returned from a query for the generated expression.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    statistics: SummaryStatisticsResult;
+    /**
+     * The ID of the basemap used to determine the optimal fill color of the features.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#AgeRendererResult)
+     */
+    basemapId: string;
+  }
+
   /**
    * The result object of the [createClassBreaksRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createClassBreaksRenderer) method. See the table below for details of each property.
    * 
@@ -20630,7 +21450,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#ClassBreaksRendererResult)
      */
-    sizeScheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme: SizeScheme;
     /**
      * Indicates whether default values are used in the absence of sufficient data and/or statistics from the layer. Default values are typically used when all features have the same field value or no value at all.
      * 
@@ -20668,7 +21488,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#ContinuousRendererResult)
      */
-    sizeScheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme: SizeScheme;
     /**
      * Indicates whether default values are used in the absence of sufficient data and/or statistics from the layer. Default values are typically used when all features have the same field value or no value at all.
      * 
@@ -20690,6 +21510,105 @@ declare namespace __esri {
   }
 
 
+  export interface sizeCreateAgeRendererParams extends Object {
+    /**
+     * The layer for which the visualization is generated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    layer: FeatureLayer | SceneLayer | CSVLayer;
+    /**
+     * The view instance in which the visualization will be rendered.
+     * 
+     * [Read more...](global.html)
+     */
+    view: View;
+    /**
+     * The name of the field, or a date value representing the start time in the age calculation. If a date value is specified, then the `endTime` paramter must reference a Date field in the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    startTime: Date | string | number;
+    /**
+     * The name of the field, or a date value representing the end time in the age calculation. If a date value is specified, then the `startTime` paramter must reference a Date field in the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    endTime: Date | string | number;
+    /**
+     * The time unit used to calculate the difference between `endTime` and `startTime`. If a unit is not specified, then a suggested unit is determined based on the spread and distribution of the data.  **Possible Values:** years | months | days | hours | minutes | seconds
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    unit?: string;
+    /**
+     * The [named string](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap) or basemap object of the Esri basemap that will be paired with the output visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     * 
+     * @default gray
+     */
+    basemap?: string | Basemap;
+    /**
+     * Provides options for modifying [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) properties describing the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    legendOptions?: sizeCreateAgeRendererParamsLegendOptions;
+    /**
+     * A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. The `createAgeRenderer()` method generates an Arcade expression and executes a statistics query against the layer for the result of the expression. If statistics for the expression have already been generated, then pass the object here to avoid making a second statistics query.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    statistics?: SummaryStatisticsResult;
+    /**
+     * In authoring apps, the user may select a pre-defined size scheme. Pass the scheme object to this property to avoid getting one based on the `basemap`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    sizeScheme?: SizeScheme;
+    /**
+     * The type of symbol to generate. This depends on the view in which you are working and the desired visualization. This parameter does not need to be specified for layers with a `mesh` geometry type. Possible values are described below. 
+     * 
+     *   | Value | Description |
+     *   | ----- | ----------- |
+     *   | 2d | Generates a visualization using 2D symbols such as [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), or [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html). Use this option if generating a visualization for data in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html). |
+     *   | 3d-flat | Generates a visualization using 3D symbols with flat symbol layers such as [IconSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html), [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3DLayer.html), or [FillSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html). Use this option if generating a 2D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). |
+     *   | 3d-volumetric | Generates a visualization using 3D symbols with volumetric symbol layers such as [ObjectSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html), [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PathSymbol3DLayer.html), or [ExtrudeSymbol3DLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ExtrudeSymbol3DLayer.html). Use this option if generating a 3D visualization for data in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). A SceneView instance must be provided to the `view` parameter if this option is used. |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     * 
+     * @default 2d
+     */
+    symbolType?: string;
+    /**
+     * Enables the `defaultSymbol` on the renderer and assigns it to features with no value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     * 
+     * @default true
+     */
+    defaultSymbolEnabled?: boolean;
+  }
+
+
+  export interface sizeCreateAgeRendererParamsLegendOptions extends Object {
+    /**
+     * The title used to represent the age size ramp in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    title?: string;
+    /**
+     * Indicates whether to include the age renderer in the legend.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createAgeRenderer)
+     */
+    showLegend?: boolean;
+  }
+
+
   export interface sizeCreateClassBreaksRendererParams extends Object {
     /**
      * The layer for which the visualization is generated.
@@ -20774,7 +21693,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createClassBreaksRenderer)
      */
-    sizeScheme?: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme?: SizeScheme;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * 
@@ -20788,7 +21707,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createClassBreaksRenderer)
      */
@@ -20892,7 +21811,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createContinuousRenderer)
      */
-    sizeScheme?: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme?: SizeScheme;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * 
@@ -20906,7 +21825,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createContinuousRenderer)
      */
@@ -21022,7 +21941,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createVisualVariables)
      */
-    sizeScheme?: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme?: SizeScheme;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * 
@@ -21036,7 +21955,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#createVisualVariables)
      */
@@ -21090,7 +22009,7 @@ declare namespace __esri {
      * 
      * @default all
      */
-    axis?: boolean;
+    axis?: string;
   }
 
 
@@ -21126,7 +22045,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-size.html#VisualVariableResult)
      */
-    sizeScheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme: SizeScheme;
     /**
      * Indicates whether default values were used in the absence of sufficient data and/or statistics from the layer. Default values are typically used when all features have the same field value or no value at all.
      * 
@@ -21255,7 +22174,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
      */
-    uniqueValueInfos: RendererResultUniqueValueInfos[];
+    uniqueValueInfos: UniqueValueInfo[];
     /**
      * An array of objects describing the values or categories excluded from consideration in visualizing data from the given field. The specification of each object matches that of the objects specified in the `uniqueValueInfos` property.
      * 
@@ -21267,7 +22186,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
      */
-    typeScheme: PointTypeScheme | PolylineTypeScheme | PolygonTypeScheme | MeshTypeScheme;
+    typeScheme: TypeScheme;
     /**
      * The ID of the basemap used to determine the optimal color scheme to represent the categorical variable.
      * 
@@ -21311,7 +22230,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#createPCClassRenderer)
      */
-    typeScheme?: PointTypeScheme;
+    typeScheme?: TypeSchemeForPoint;
     /**
      * A statistics object generated from the [uniqueValues](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-uniqueValues.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
      * 
@@ -21371,7 +22290,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#createRenderer)
      */
-    typeScheme?: PointTypeScheme | PolylineTypeScheme | PolygonTypeScheme | MeshTypeScheme;
+    typeScheme?: TypeScheme;
     /**
      * An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number or a string. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * 
@@ -21451,30 +22370,34 @@ declare namespace __esri {
     title: string;
   }
 
-
-  export interface RendererResultUniqueValueInfos extends Object {
+  /**
+   * Describes the symbol, label, and value of a unique value generated by the [createRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#createRenderer) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#UniqueValueInfo)
+   */
+  export interface UniqueValueInfo extends Object {
     /**
-     * A unique value representing a type or category of features in the layer.
+     * A unique value representing a type or category of features in a layer.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#UniqueValueInfo)
      */
     value: string | number;
     /**
-     * The number of features assigned the given `value` (or belonging to the given category).
+     * The number of features with the given `value` (or belonging to the given category).
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#UniqueValueInfo)
      */
     count: number;
     /**
      * The label describing the value or category in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#UniqueValueInfo)
      */
     label: string;
     /**
      * The symbol used to represent features belonging to the given category.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#RendererResult)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-type.html#UniqueValueInfo)
      */
     symbol: Symbol;
   }
@@ -21497,7 +22420,7 @@ declare namespace __esri {
      * @param params.normalizationField The name of the field to normalize the values of the given `field`. Providing a normalization field helps minimize some visualization errors and standardizes the data so all features are visualized with minimal bias due to area differences or count variation. This option is commonly used when visualizing densities.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
      * @param params.minValue A custom minimum value set by the user. Use this in conjunction with `maxValue` to generate statistics between lower and upper bounds. This will be the lowest stop in the returned visual variables.
@@ -21530,7 +22453,7 @@ declare namespace __esri {
      * @param params.normalizationField The name of the field to normalize the values of the given `field`. Providing a normalization field helps minimize some visualization errors and standardizes the data so all features are visualized with minimal bias due to area differences or count variation. This option is commonly used when visualizing densities.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
      * @param params.valueExpressionTitle Text describing the value returned from the `valueExpression`. This is used by the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html) widget.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter is only supported for service based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.statistics A statistics object generated from the [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html) function. If statistics for the field have already been generated, then pass the object here to avoid making a second statistics query to the server.
      * @param params.minValue A custom minimum value set by the user. Use this in conjunction with `maxValue` to generate statistics between lower and upper bounds. This will be the lowest stop in the returned visual variables.
@@ -21631,7 +22554,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createContinuousRenderer)
      */
@@ -21709,10 +22632,10 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createContinuousRenderer)
@@ -21749,7 +22672,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createContinuousRenderer)
      */
-    sizeScheme?: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme?: SizeScheme;
     /**
      * Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
@@ -21809,7 +22732,7 @@ declare namespace __esri {
      */
     valueExpressionTitle?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter is only supported for service based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createVisualVariables)
      */
@@ -21871,10 +22794,10 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createVisualVariables)
@@ -21919,7 +22842,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#createVisualVariables)
      */
-    sizeScheme?: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme?: SizeScheme;
     /**
      * Provides options for setting a title to a field when an expression is provided instead of a field name. This title will represent the field in the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
@@ -22011,7 +22934,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#ContinuousRendererResult)
      */
-    sizeScheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme: SizeScheme;
   }
 
 
@@ -22043,7 +22966,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-univariateColorSize.html#VisualVariablesResult)
      */
-    sizeScheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme;
+    sizeScheme: SizeScheme;
   }
 
   /**
@@ -22075,7 +22998,7 @@ declare namespace __esri {
      * @param params.maxValue The maximum bounding value for the class breaks definition. Use this in conjunction with `minValue` to generate class breaks between lower and upper bounds.
      * @param params.numClasses Indicates the number of classes to generate for the class breaks definition.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.view A [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) or [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) instance is required when a `valueExpression` is specified.
      * @param params.features A subset of features for which to generate the class breaks.
@@ -22153,7 +23076,7 @@ declare namespace __esri {
      */
     valueExpression?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-classBreaks.html#classBreaks)
      */
@@ -22261,7 +23184,7 @@ declare namespace __esri {
      * @param params.maxValue The maximum bounding value for the histogram. Use this in conjunction with `minValue` to generate a histogram between custom lower and upper bounds.
      * @param params.numBins Indicates the number of classes to generate for the histogram.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.view A [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) or [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) instance is required when a `valueExpression` is specified.
      * @param params.features A subset of features for which to generate the histogram.
@@ -22341,7 +23264,7 @@ declare namespace __esri {
      */
     valueExpression?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-histogram.html#histogram)
      */
@@ -22429,7 +23352,7 @@ declare namespace __esri {
      * @param params.layer The layer from which to generate statistics for the given `field`.
      * @param params.field The name of the numeric field for which the summary statistics will be generated. This property is ignored if a `valueExpression` is used.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
-     * @param params.sqlExpression A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.normalizationField The field by which to normalize the values returned from the given `field`.
      * @param params.minValue The minimum bounding value for the statistics calculation. Use this in conjunction with `maxValue` to generate statistics between lower and upper bounds.
@@ -22516,7 +23439,7 @@ declare namespace __esri {
      */
     valueExpression?: string;
     /**
-     * A SQL expression evaluating to a number. This parameter only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-summaryStatistics.html#summaryStatistics)
      */
@@ -22574,7 +23497,7 @@ declare namespace __esri {
      * @param params.layer The layer from which to query for unique values.
      * @param params.field The name of the numeric or string field from which the unique values will be obtained. This property is ignored if a `valueExpression` is used.
      * @param params.valueExpression An [Arcade](https://developers.arcgis.com/javascript/latest/guide/arcade/index.html) expression that returns a number or string. This expression can reference field values using the `$feature` global variable. This property overrides the `field` property and therefore is used instead of an input `field` value.
-     * @param params.sqlExpression A SQL expression evaluating to a number or string. This parameter only applies to service-based FeatureLayers.
+     * @param params.sqlExpression A SQL expression evaluating to a number or string.
      * @param params.sqlWhere A SQL where clause used to filter features for the statistics query. For example, this is useful in situations where you want to avoid dividing by zero as is the case with creating a predominance visualization.
      * @param params.returnAllCodedValues Indicates that all domain codes should be returned if the given field has domain values.
      * @param params.view A [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) or [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) instance is required when a `valueExpression` is specified.
@@ -22595,7 +23518,7 @@ declare namespace __esri {
    */
   export interface UniqueValuesResult extends Object {
     /**
-     * An array of objects, each containing a unique value/type/category present in the field specifed in the [uniqueValues()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-uniqueValues.html#uniqueValues) query. See table below for the specification of each object.
+     * An array of objects, each containing a unique value/type/category present in the field specified in the [uniqueValues()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-uniqueValues.html#uniqueValues) query. See table below for the specification of each object.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-uniqueValues.html#UniqueValuesResult)
      */
@@ -22623,7 +23546,7 @@ declare namespace __esri {
      */
     valueExpression?: string;
     /**
-     * A SQL expression evaluating to a number or string. This parameter only applies to service-based FeatureLayers.
+     * A SQL expression evaluating to a number or string.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-statistics-uniqueValues.html#uniqueValues)
      */
@@ -22690,6 +23613,19 @@ declare namespace __esri {
      * 
      */
     flipColors(scheme: ColorScheme): ColorScheme;
+    /**
+     * Returns all schemes matching the given color ramp.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#getMatchingSchemes)
+     * 
+     * @param theme The name of the theme from which to get color schemes.
+     * @param colors An array of colors used to match with schemes for the given theme.
+     * @param geometryType The geometry type of the layer for which the color scheme will be applied.
+     * @param worldScale Indicates whether 3D volumetric symbols will be used in the visualization.
+     * @param view The [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) instance used to calculate the suggested sizes of the symbols.  This is required for 3D visualizations.
+     * 
+     */
+    getMatchingSchemes(theme: string, colors: Color[], geometryType: string, worldScale?: boolean, view?: SceneView): ColorScheme[];
     /**
      * Returns a primary scheme and secondary schemes defining symbol properties for data-driven color visualizions in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). The `basemap` parameter determines the color schemes of the graphics used to visualize each feature. The `geometryType` determines which type of symbol to return.
      * 
@@ -22703,15 +23639,15 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * @param params.view The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
      * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
      * 
      */
-    getSchemes(params: colorGetSchemesParams): any;
+    getSchemes(params: colorGetSchemesParams): ColorSchemes;
     /**
      * Returns metadata for the available themes. If a `basemap` is provided, returns themes that look best with the given basemap.
      * 
@@ -22744,10 +23680,10 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#getSchemes)
@@ -22772,11 +23708,18 @@ declare namespace __esri {
    * 
    * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
    */
-  export interface ColorScheme extends Object {
+  export type ColorScheme = ColorSchemeForPoint | ColorSchemeForPolyline | ColorSchemeForPolygon | ColorSchemeForMesh;
+
+  /**
+   * Properties defining the symbology scheme used to visualize mesh features with attribute data-driven color.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
+   */
+  export interface ColorSchemeForMesh extends Object {
     /**
      * The unique id of the color scheme to usee in the visualization. The id is assigned based on the following template: `<themeName>/<basemapName>/<schemeName>`.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     id: string;
     /**
@@ -22784,92 +23727,344 @@ declare namespace __esri {
      * 
      * | Value | Description | Example |
      * | ----- | ----------- | ------- |
-     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-high-to-low.png) |
-     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-above-and-below.png) |
-     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-centered-on.png) |
-     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/sm-extremes.png) |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
      * 
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     theme: string;
     /**
      * The continuous color ramp that will be applied to the visualization.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     colors: Color[];
     /**
      * The color of the symbol used to indicate features with no data and features that are out of range.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     noDataColor: Color;
     /**
      * Predefined classed color schemes to use for the visualization.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
-    colorsForClassBreaks: ColorSchemeColorsForClassBreaks[];
+    colorsForClassBreaks: ColorSchemeForMeshColorsForClassBreaks[];
+    /**
+     * The opacity of the symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize point features with attribute data-driven color.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+   */
+  export interface ColorSchemeForPoint extends Object {
+    /**
+     * The unique id of the color scheme to usee in the visualization. The id is assigned based on the following template: `<themeName>/<basemapName>/<schemeName>`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    id: string;
+    /**
+     * Indicates which values will be emphasized in the continuous ramp and the map. Possible values are listed below.
+     * 
+     * | Value | Description | Example |
+     * | ----- | ----------- | ------- |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    theme: string;
+    /**
+     * The continuous color ramp that will be applied to the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    colors: Color[];
+    /**
+     * The color of the symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    noDataColor: Color;
+    /**
+     * Predefined classed color schemes to use for the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    colorsForClassBreaks: ColorSchemeForPointColorsForClassBreaks[];
     /**
      * Properties for defining the outline of the symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
      */
-    outline: ColorSchemeOutline;
+    outline: ColorSchemeForPointOutline;
     /**
-     * The default size of the symbol in pixels or points if the geometry type is `point`.
+     * The default size of the symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
      */
     size: number;
     /**
-     * The default width of the symbol in pixels or points if the geometry type is `polyline`.
+     * The opacity of the symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polygon features with attribute data-driven color.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+   */
+  export interface ColorSchemeForPolygon extends Object {
+    /**
+     * The unique id of the color scheme to usee in the visualization. The id is assigned based on the following template: `<themeName>/<basemapName>/<schemeName>`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    id: string;
+    /**
+     * Indicates which values will be emphasized in the continuous ramp and the map. Possible values are listed below.
+     * 
+     * | Value | Description | Example |
+     * | ----- | ----------- | ------- |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    theme: string;
+    /**
+     * The continuous color ramp that will be applied to the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    colors: Color[];
+    /**
+     * The color of the symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    noDataColor: Color;
+    /**
+     * Predefined classed color schemes to use for the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    colorsForClassBreaks: ColorSchemeForPolygonColorsForClassBreaks[];
+    /**
+     * Properties for defining the outline of the symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    outline: ColorSchemeForPolygonOutline;
+    /**
+     * The opacity of the symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polyline features with attribute data-driven color.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+   */
+  export interface ColorSchemeForPolyline extends Object {
+    /**
+     * The unique id of the color scheme to usee in the visualization. The id is assigned based on the following template: `<themeName>/<basemapName>/<schemeName>`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    id: string;
+    /**
+     * Indicates which values will be emphasized in the continuous ramp and the map. Possible values are listed below.
+     * 
+     * | Value | Description | Example |
+     * | ----- | ----------- | ------- |
+     * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-high-to-low.png) |
+     * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-above-and-below.png) |
+     * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-centered-on.png) |
+     * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/sm-extremes.png) |
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    theme: string;
+    /**
+     * The continuous color ramp that will be applied to the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    colors: Color[];
+    /**
+     * The color of the symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    noDataColor: Color;
+    /**
+     * Predefined classed color schemes to use for the visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    colorsForClassBreaks: ColorSchemeForPolylineColorsForClassBreaks[];
+    /**
+     * The default width of the symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
      */
     width: number;
     /**
      * The opacity of the symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
      */
     opacity: number;
   }
 
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemes)
+   */
+  export interface ColorSchemes extends Object {
+    /**
+     * The color scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemes)
+     */
+    primaryScheme: ColorScheme;
+    /**
+     * Additional color schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemes)
+     */
+    secondarySchemes: ColorScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemes)
+     */
+    basemapId: string;
+  }
 
-  export interface ColorSchemeColorsForClassBreaks extends Object {
+
+  export interface ColorSchemeForMeshColorsForClassBreaks extends Object {
     /**
      * An array of hex color strings. Each color is assigned to a specific break in classed color visualizations.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     colors: Color[];
     /**
      * The number of classes used in the classed color visualization.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForMesh)
      */
     numClasses: number;
   }
 
 
-  export interface ColorSchemeOutline extends Object {
+  export interface ColorSchemeForPointColorsForClassBreaks extends Object {
+    /**
+     * An array of hex color strings. Each color is assigned to a specific break in classed color visualizations.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    colors: Color[];
+    /**
+     * The number of classes used in the classed color visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
+     */
+    numClasses: number;
+  }
+
+
+  export interface ColorSchemeForPointOutline extends Object {
     /**
      * The outline color of the symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
      */
     color: Color;
     /**
      * The width of the symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPoint)
      */
     width: number;
   }
 
 
+  export interface ColorSchemeForPolygonColorsForClassBreaks extends Object {
+    /**
+     * An array of hex color strings. Each color is assigned to a specific break in classed color visualizations.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    colors: Color[];
+    /**
+     * The number of classes used in the classed color visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    numClasses: number;
+  }
+
+
+  export interface ColorSchemeForPolygonOutline extends Object {
+    /**
+     * The outline color of the symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    color: Color;
+    /**
+     * The width of the symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolygon)
+     */
+    width: number;
+  }
+
+
+  export interface ColorSchemeForPolylineColorsForClassBreaks extends Object {
+    /**
+     * An array of hex color strings. Each color is assigned to a specific break in classed color visualizations.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    colors: Color[];
+    /**
+     * The number of classes used in the classed color visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-color.html#ColorSchemeForPolyline)
+     */
+    numClasses: number;
+  }
+
+
   interface symbologyLocation {
     /**
      * Clones a location scheme object.
@@ -22879,7 +24074,7 @@ declare namespace __esri {
      * @param scheme The location scheme object to clone.
      * 
      */
-    cloneScheme(scheme: PointLocationScheme | PolylineLocationScheme | PolygonLocationScheme): PointLocationScheme | PolylineLocationScheme | PolygonLocationScheme;
+    cloneScheme(scheme: LocationScheme): LocationScheme;
     /**
      * Returns a primary scheme and secondary schemes defining symbol properties for location-only visualizions in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or [SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html). The `basemap` parameter determines the color of the graphics used to visualize each feature. The `geometryType` determines which type of symbol to return.
      * 
@@ -22892,7 +24087,7 @@ declare namespace __esri {
      * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
      * 
      */
-    getSchemes(params: locationGetSchemesParams): any;
+    getSchemes(params: locationGetSchemesParams): LocationSchemes;
   }
 
   export const symbologyLocation: symbologyLocation;
@@ -22926,59 +24121,86 @@ declare namespace __esri {
   }
 
   /**
-   * Properties defining the location-only symbology scheme used to visualize point features.
+   * Defines the symbology scheme used to visualize default location-based symbols depending on the layer's geometry type.
    * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationScheme)
    */
-  export interface PointLocationScheme extends Object {
+  export type LocationScheme = LocationSchemeForPoint | LocationSchemeForPolyline | LocationSchemeForPolygon | LocationSchemeForMesh;
+
+  /**
+   * Properties defining the location-only symbology scheme used to visualize mesh features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForMesh)
+   */
+  export interface LocationSchemeForMesh extends Object {
     /**
-     * The fill color of the marker symbol.
+     * The color of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForMesh)
      */
     color: Color;
     /**
-     * Properties for defining the outline of the marker symbol.
+     * The opacity of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
-     */
-    outline: PointLocationSchemeOutline;
-    /**
-     * The size of the marker symbol in pixels or points.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
-     */
-    size: number;
-    /**
-     * The opacity of the marker symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForMesh)
      */
     opacity: number;
   }
 
   /**
-   * Properties defining the location-only symbology scheme used to visualize polygon features driven by attribute data.
+   * Properties defining the location-only symbology scheme used to visualize point features.
    * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
    */
-  export interface PolygonLocationScheme extends Object {
+  export interface LocationSchemeForPoint extends Object {
+    /**
+     * The fill color of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
+     */
+    color: Color;
+    /**
+     * Properties for defining the outline of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
+     */
+    outline: LocationSchemeForPointOutline;
+    /**
+     * The size of the marker symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
+     */
+    size: number;
+    /**
+     * The opacity of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the location-only symbology scheme used to visualize polygon features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
+   */
+  export interface LocationSchemeForPolygon extends Object {
     /**
      * The color of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
      */
     color: Color;
     /**
      * Properties for defining the outline of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
      */
-    outline: PolygonLocationSchemeOutline;
+    outline: LocationSchemeForPolygonOutline;
     /**
      * The opacity of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
      */
     opacity: number;
   }
@@ -22986,62 +24208,711 @@ declare namespace __esri {
   /**
    * Properties defining the location-only symbology scheme used to visualize polyline features.
    * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolylineLocationScheme)
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolyline)
    */
-  export interface PolylineLocationScheme extends Object {
+  export interface LocationSchemeForPolyline extends Object {
     /**
      * The color of the line symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolylineLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolyline)
      */
     color: Color;
     /**
      * The width of the line symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolylineLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolyline)
      */
     width: number;
     /**
      * The opacity of the line symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolylineLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolyline)
      */
     opacity: number;
   }
 
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemes)
+   */
+  export interface LocationSchemes extends Object {
+    /**
+     * The location scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemes)
+     */
+    primaryScheme: LocationScheme;
+    /**
+     * Additional location schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemes)
+     */
+    secondarySchemes: LocationScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemes)
+     */
+    basemapId: string;
+  }
 
-  export interface PointLocationSchemeOutline extends Object {
+
+  export interface LocationSchemeForPointOutline extends Object {
     /**
      * The outline color of the marker symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
      */
     color: Color;
     /**
      * The width of the marker symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PointLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPoint)
      */
     width: number;
   }
 
 
-  export interface PolygonLocationSchemeOutline extends Object {
+  export interface LocationSchemeForPolygonOutline extends Object {
     /**
      * The outline color of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
      */
     color: Color;
     /**
      * The width of the fill symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#PolygonLocationScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-location.html#LocationSchemeForPolygon)
      */
     width: number;
   }
 
 
+  interface symbologyPredominance {
+    /**
+     * Clones a predominance scheme object.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#cloneScheme)
+     * 
+     * @param scheme The predominance scheme object to clone.
+     * 
+     */
+    cloneScheme(scheme: PredominanceScheme): PredominanceScheme;
+    /**
+     * Returns a primary scheme and secondary schemes defining symbol properties for predominance-based data-driven visualizations in a [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html). The `basemap` parameter determines the color of the symbols used to visualize each feature. The `geometryType` determines which type of symbol to return.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     * 
+     * @param params See the table below for details of each parameter that may be passed to this function.
+     * @param params.basemap The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features with the given basemap.
+     * @param params.geometryType The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * @param params.numColors The number of unique values to include in the predominance visualization.
+     * @param params.theme Determines which set of primary and secondary color schemes to return  **Possible Values:** default
+     * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
+     * @param params.view The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
+     * 
+     */
+    getSchemes(params: predominanceGetSchemesParams): PredominanceSchemes;
+  }
+
+  export const symbologyPredominance: symbologyPredominance;
+
+
+  export interface predominanceGetSchemesParams extends Object {
+    /**
+     * The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features with the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     */
+    basemap: string | Basemap;
+    /**
+     * The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     */
+    geometryType: string;
+    /**
+     * The number of unique values to include in the predominance visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     */
+    numColors: number;
+    /**
+     * Determines which set of primary and secondary color schemes to return  **Possible Values:** default
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     * 
+     * @default default
+     */
+    theme?: string;
+    /**
+     * Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes)
+     */
+    worldScale?: boolean;
+    /**
+     * The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
+     * 
+     * [Read more...](global.html)
+     */
+    view?: SceneView;
+  }
+
+  /**
+   * Defines the symbology scheme used to visualize predominance based on the layer's geometry type.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceScheme)
+   */
+  export type PredominanceScheme = PredominanceSchemeForPoint | PredominanceSchemeForPolyline | PredominanceSchemeForPolygon | PredominanceSchemeForMesh;
+
+  /**
+   * Properties defining the symbology scheme used to visualize predominance for mesh features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForMesh)
+   */
+  export interface PredominanceSchemeForMesh extends Object {
+    /**
+     * The fill colors of the mesh symbols used for each category.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForMesh)
+     */
+    colors: Color[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForMesh)
+     */
+    noDataColor: Color;
+    /**
+     * The opacity of the symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForMesh)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize predominance for point features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+   */
+  export interface PredominanceSchemeForPoint extends Object {
+    /**
+     * The fill colors of the point symbols used for each category.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    colors: Color[];
+    /**
+     * The color of the point symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    outline: PredominanceSchemeForPointOutline;
+    /**
+     * The opacity of the point symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    opacity: number;
+    /**
+     * The scheme defining the size visual variable if included in a predominance visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    sizeScheme: SizeSchemeForPoint;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize predominance for polygon features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+   */
+  export interface PredominanceSchemeForPolygon extends Object {
+    /**
+     * The fill colors of the polygon symbols used for each category.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    colors: Color[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    outline: PredominanceSchemeForPolygonOutline;
+    /**
+     * The opacity of the symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    opacity: number;
+    /**
+     * The scheme defining the size visual variable if included in a predominance visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    sizeScheme: SizeSchemeForPolygon;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize predominance for polyline features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+   */
+  export interface PredominanceSchemeForPolyline extends Object {
+    /**
+     * The colors of the line symbols used for each category.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+     */
+    colors: Color[];
+    /**
+     * The color of the line symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+     */
+    noDataColor: Color;
+    /**
+     * The default width of the line symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+     */
+    width: number;
+    /**
+     * The opacity of the line symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+     */
+    opacity: number;
+    /**
+     * The scheme defining the size visual variable if included in a predominance visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolyline)
+     */
+    sizeScheme: SizeSchemeForPolyline;
+  }
+
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemes)
+   */
+  export interface PredominanceSchemes extends Object {
+    /**
+     * The predominance scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemes)
+     */
+    primaryScheme: PredominanceScheme;
+    /**
+     * Additional predominance schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemes)
+     */
+    secondarySchemes: PredominanceScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemes)
+     */
+    basemapId: string;
+  }
+
+
+  export interface PredominanceSchemeForPointOutline extends Object {
+    /**
+     * The outline color of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    color: Color;
+    /**
+     * The width of the marker symbol in points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPoint)
+     */
+    width: number;
+  }
+
+
+  export interface PredominanceSchemeForPolygonOutline extends Object {
+    /**
+     * The outline color of the fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    color: Color;
+    /**
+     * The width of the fill symbol's outline in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-predominance.html#PredominanceSchemeForPolygon)
+     */
+    width: number;
+  }
+
+
+  interface symbologyRelationship {
+    /**
+     * Clones a relationship (bivariate color) scheme object.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#cloneScheme)
+     * 
+     * @param scheme The relationship scheme object to clone.
+     * 
+     */
+    cloneScheme(scheme: RelationshipScheme): RelationshipScheme;
+    /**
+     * Returns a primary scheme and secondary schemes defining symbol properties for relationship-based (bivariate choropleth) data-driven visualizations in a [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html). The `basemap` parameter determines the color of the symbols used to visualize each feature. The `geometryType` determines which type of symbol to return.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes)
+     * 
+     * @param params See the table below for details of each parameter that may be passed to this function.
+     * @param params.basemap The basemap to pair with the visualization. This value indicates the best symbol colors for visualizing features with the given basemap.
+     * @param params.geometryType The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * @param params.theme Determines which set of primary and secondary color schemes to return  **Possible Values:** default
+     * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
+     * @param params.view The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
+     * 
+     */
+    getSchemes(params: relationshipGetSchemesParams): RelationshipSchemes;
+  }
+
+  export const symbologyRelationship: symbologyRelationship;
+
+
+  export interface relationshipGetSchemesParams extends Object {
+    /**
+     * The basemap to pair with the visualization. This value indicates the best symbol colors for visualizing features with the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes)
+     */
+    basemap: string | Basemap;
+    /**
+     * The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes)
+     */
+    geometryType: string;
+    /**
+     * Determines which set of primary and secondary color schemes to return  **Possible Values:** default
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes)
+     * 
+     * @default default
+     */
+    theme?: string;
+    /**
+     * Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes)
+     */
+    worldScale?: boolean;
+    /**
+     * The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
+     * 
+     * [Read more...](global.html)
+     */
+    view?: SceneView;
+  }
+
+  /**
+   * Defines the symbology scheme used to visualize relationship renderers (bivariate color) based on the layer's geometry type.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipScheme)
+   */
+  export type RelationshipScheme = RelationshipSchemeForPoint | RelationshipSchemeForPolyline | RelationshipSchemeForPolygon | RelationshipSchemeForMesh;
+
+  /**
+   * Properties defining the symbology scheme used to visualize relationship renderers (bivariate color) for mesh features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+   */
+  export interface RelationshipSchemeForMesh extends Object {
+    /**
+     * The ID uniquely identifying the color scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    id: string;
+    /**
+     * Defines the colors to use in each bin of the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    colorsForClassBreaks: RelationshipSchemeForMeshColorsForClassBreaks[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    noDataColor: Color;
+    /**
+     * The opacity of the fill symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize relationship renderers (bivariate color) for point features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+   */
+  export interface RelationshipSchemeForPoint extends Object {
+    /**
+     * The ID uniquely identifying the color scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    id: string;
+    /**
+     * Defines the colors to use in each bin of the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    colorsForClassBreaks: RelationshipSchemeForPointColorsForClassBreaks[];
+    /**
+     * The color of the point symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    outline: RelationshipSchemeForPointOutline;
+    /**
+     * The opacity of the point symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    opacity: number;
+    /**
+     * The size of the point symbol in points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    size: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize relationship renderers (bivariate color) for polygon features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+   */
+  export interface RelationshipSchemeForPolygon extends Object {
+    /**
+     * The ID uniquely identifying the color scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    id: string;
+    /**
+     * Defines the colors to use in each bin of the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    colorsForClassBreaks: RelationshipSchemeForPolygonColorsForClassBreaks[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    outline: RelationshipSchemeForPolygonOutline;
+    /**
+     * The opacity of the fill symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize relationship renderers (bivariate color) for polyline features.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+   */
+  export interface RelationshipSchemeForPolyline extends Object {
+    /**
+     * The ID uniquely identifying the color scheme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    id: string;
+    /**
+     * Defines the colors to use in each bin of the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    colorsForClassBreaks: RelationshipSchemeForPolylineColorsForClassBreaks[];
+    /**
+     * The color of the line symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    noDataColor: Color;
+    /**
+     * The opacity of the line symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    opacity: number;
+    /**
+     * The width of the line symbol in points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    width: number;
+  }
+
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemes)
+   */
+  export interface RelationshipSchemes extends Object {
+    /**
+     * The relationship scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemes)
+     */
+    primaryScheme: RelationshipScheme;
+    /**
+     * Additional relationship schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemes)
+     */
+    secondarySchemes: RelationshipScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemes)
+     */
+    basemapId: string;
+  }
+
+
+  export interface RelationshipSchemeForMeshColorsForClassBreaks extends Object {
+    /**
+     * The colors of the fill symbols used for each bin in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    colors: Color[][];
+    /**
+     * The number of breaks (rows/columns) for each variable in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForMesh)
+     */
+    numClasses: number;
+  }
+
+
+  export interface RelationshipSchemeForPointColorsForClassBreaks extends Object {
+    /**
+     * The fill colors of the point symbols used for each bin in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    colors: Color[][];
+    /**
+     * The number of breaks (rows/columns) for each variable in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    numClasses: number;
+  }
+
+
+  export interface RelationshipSchemeForPointOutline extends Object {
+    /**
+     * The outline color of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    color: Color;
+    /**
+     * The width of the outline in points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPoint)
+     */
+    width: number;
+  }
+
+
+  export interface RelationshipSchemeForPolygonColorsForClassBreaks extends Object {
+    /**
+     * The colors of the fill symbols used for each bin in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    colors: Color[][];
+    /**
+     * The number of breaks (rows/columns) for each variable in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    numClasses: number;
+  }
+
+
+  export interface RelationshipSchemeForPolygonOutline extends Object {
+    /**
+     * The outline color of the fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    color: Color;
+    /**
+     * The width of the outline in points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolygon)
+     */
+    width: number;
+  }
+
+
+  export interface RelationshipSchemeForPolylineColorsForClassBreaks extends Object {
+    /**
+     * The colors of the line symbols used for each bin in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    colors: Color[][];
+    /**
+     * The number of breaks (rows/columns) for each variable in the relationship visualization.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-relationship.html#RelationshipSchemeForPolyline)
+     */
+    numClasses: number;
+  }
+
+
   interface symbologySize {
     /**
      * Clones a size scheme object.
@@ -23051,7 +24922,7 @@ declare namespace __esri {
      * @param scheme The SizeScheme object to clone.
      * 
      */
-    cloneScheme(scheme: PointSizeScheme | PolylineSizeScheme | PolygonSizeScheme): any;
+    cloneScheme(scheme: SizeScheme): SizeScheme;
     /**
      * Returns a primary scheme and secondary schemes defining symbol properties for size-based data-driven visualizions in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). The `basemap` parameter determines the color of the graphics used to visualize each feature. The `geometryType` determines which type of symbol to return.
      * 
@@ -23059,148 +24930,16 @@ declare namespace __esri {
      * 
      * @param params See the table below for details of each parameter that may be passed to this function.
      * @param params.basemap The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features against the given basemap.
-     * @param params.geometryType The geometry type of the features to visualize. **Possible Values:** point | multipoint | polyline | polygon
+     * @param params.geometryType The geometry type of the features to visualize.   **Possible Values:** point | multipoint | polyline | polygon
      * @param params.view The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
      * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
      * 
      */
-    getSchemes(params: sizeGetSchemesParams): any;
+    getSchemes(params: sizeGetSchemesParams): SizeSchemes;
   }
 
   export const symbologySize: symbologySize;
 
-  /**
-   * Properties defining the symbology scheme used to visualize point features driven by attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-   */
-  export interface PointSizeScheme extends Object {
-    /**
-     * The fill color of the marker symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    color: Color;
-    /**
-     * The color of the marker symbol used to indicate features with no data and features that are out of range.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * Properties for defining the outline of the marker symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    outline: PointSizeSchemeOutline;
-    /**
-     * The default size of the marker symbol in pixels or points.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    size: number;
-    /**
-     * The size of the marker symbol (in pixels or points) used to indicate features with no data and features that are out of range.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    noDataSize: number;
-    /**
-     * The minimum size of a marker symbol in pixels or points representing features with low data values.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    minSize: number;
-    /**
-     * The maximum size of a marker symbol in pixels or points representing features with high data values.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    maxSize: number;
-    /**
-     * The opacity of the marker symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
-     */
-    opacity: number;
-  }
-
-  /**
-   * Properties defining the symbology scheme used to visualize polygon features driven by attribute data. When visualized by size, polygons are represented with marker symbols.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
-   */
-  export interface PolygonSizeScheme extends Object {
-    /**
-     * The scheme defining the symbology of the marker symbol used to represent polygon features by size.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
-     */
-    marker: PointSizeScheme;
-    /**
-     * The schema defining the backgound symbol of the feature. This is a fill symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
-     */
-    background: PolygonSizeSchemeBackground;
-    /**
-     * The opacity of the symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
-     */
-    opacity: number;
-  }
-
-  /**
-   * Properties defining the symbology scheme used to visualize polyline features driven by attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-   */
-  export interface PolylineSizeScheme extends Object {
-    /**
-     * The color of the line symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    color: Color;
-    /**
-     * The color of the line symbol used to indicate features with no data and features that are out of range.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * The default width of the line symbol in pixels or points.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    width: number;
-    /**
-     * The width of the line symbol in pixels or points used to indicate features with no data and features that are out of range.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    noDataWidth: number;
-    /**
-     * The minimum width of a line symbol in pixels or points representing features with low data values.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    minWidth: number;
-    /**
-     * The maximum width of a line symbol in pixels or points representing features with high data values.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    maxWidth: number;
-    /**
-     * The opacity of the line symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolylineSizeScheme)
-     */
-    opacity: number;
-  }
-
 
   export interface sizeGetSchemesParams extends Object {
     /**
@@ -23210,7 +24949,7 @@ declare namespace __esri {
      */
     basemap: string | Basemap;
     /**
-     * The geometry type of the features to visualize. **Possible Values:** point | multipoint | polyline | polygon
+     * The geometry type of the features to visualize.   **Possible Values:** point | multipoint | polyline | polygon
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#getSchemes)
      */
@@ -23229,50 +24968,215 @@ declare namespace __esri {
     worldScale?: boolean;
   }
 
+  /**
+   * Properties defining the symbology scheme used to visualize features with attribute data-driven size.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeScheme)
+   */
+  export type SizeScheme = SizeSchemeForPoint | SizeSchemeForPolyline | SizeSchemeForPolygon;
 
-  export interface PointSizeSchemeOutline extends Object {
+  /**
+   * Properties defining the symbology scheme used to visualize point features driven by attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+   */
+  export interface SizeSchemeForPoint extends Object {
+    /**
+     * The fill color of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    color: Color;
+    /**
+     * The color of the marker symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    outline: SizeSchemeForPointOutline;
+    /**
+     * The default size of the marker symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    size: number;
+    /**
+     * The size of the marker symbol (in pixels or points) used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    noDataSize: number;
+    /**
+     * The minimum size of a marker symbol in pixels or points representing features with low data values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    minSize: number;
+    /**
+     * The maximum size of a marker symbol in pixels or points representing features with high data values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    maxSize: number;
+    /**
+     * The opacity of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polygon features driven by attribute data. When visualized by size, polygons are represented with marker symbols.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
+   */
+  export interface SizeSchemeForPolygon extends Object {
+    /**
+     * The scheme defining the symbology of the marker symbol used to represent polygon features by size.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
+     */
+    marker: SizeSchemeForPoint;
+    /**
+     * The schema defining the backgound symbol of the feature. This is a fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
+     */
+    background: SizeSchemeForPolygonBackground;
+    /**
+     * The opacity of the symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polyline features driven by attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+   */
+  export interface SizeSchemeForPolyline extends Object {
+    /**
+     * The color of the line symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    color: Color;
+    /**
+     * The color of the line symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    noDataColor: Color;
+    /**
+     * The default width of the line symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    width: number;
+    /**
+     * The width of the line symbol in pixels or points used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    noDataWidth: number;
+    /**
+     * The minimum width of a line symbol in pixels or points representing features with low data values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    minWidth: number;
+    /**
+     * The maximum width of a line symbol in pixels or points representing features with high data values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    maxWidth: number;
+    /**
+     * The opacity of the line symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolyline)
+     */
+    opacity: number;
+  }
+
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemes)
+   */
+  export interface SizeSchemes extends Object {
+    /**
+     * The size scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemes)
+     */
+    primaryScheme: SizeScheme;
+    /**
+     * Additional size schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemes)
+     */
+    secondarySchemes: SizeScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemes)
+     */
+    basemapId: string;
+  }
+
+
+  export interface SizeSchemeForPointOutline extends Object {
     /**
      * The outline color of the marker symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
      */
     color: Color;
     /**
      * The width of the marker symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PointSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPoint)
      */
     width: number;
   }
 
 
-  export interface PolygonSizeSchemeBackground extends Object {
+  export interface SizeSchemeForPolygonBackground extends Object {
     /**
      * The color of the fill symbol representing the polygon.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
      */
     color: Color;
     /**
      * Properties for defining the outline of the background fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
      */
-    outline: PolygonSizeSchemeBackgroundOutline;
+    outline: SizeSchemeForPolygonBackgroundOutline;
   }
 
 
-  export interface PolygonSizeSchemeBackgroundOutline extends Object {
+  export interface SizeSchemeForPolygonBackgroundOutline extends Object {
     /**
      * The outline color of the background fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
      */
     color: Color;
     /**
      * The width of the background fill symbol's outline in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#PolygonSizeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-size.html#SizeSchemeForPolygon)
      */
     width: number;
   }
@@ -23287,163 +25191,35 @@ declare namespace __esri {
      * @param scheme The type scheme object to clone.
      * 
      */
-    cloneScheme(scheme: PointTypeScheme | PolylineTypeScheme | PolygonTypeScheme | MeshTypeScheme): any;
+    cloneScheme(scheme: TypeScheme): TypeScheme;
     /**
-     * Returns a primary scheme and secondary schemes defining symbol properties for type-based data-driven visualizions in a [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html). The `basemap` parameter determines the color of the graphics used to visualize each feature. The `geometryType` determines which type of symbol to return.
+     * Returns a primary scheme and secondary schemes defining symbol properties for type-based data-driven visualizations in a [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html). The `basemap` parameter determines the color of the graphics used to visualize each feature. The `geometryType` determines which type of symbol to return.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#getSchemes)
      * 
      * @param params See the table below for details of each parameter that may be passed to this function.
-     * @param params.basemap The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features against the given basemap.
-     * @param params.geometryType The geometry type of the features to visualize. **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * @param params.basemap The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features with the given basemap.
+     * @param params.geometryType The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
      * @param params.theme Determines whether to return a standardized  unique value scheme for point cloud class renderers (i.e. when the `CLASS_CODE` field is driving the visualization in a [PointCloudLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-PointCloudLayer.html)), or to return the other default primary schemes used in other unique value renderers generated for non-point cloud layer types.  **Possible Values:** point-cloud-class | default
      * @param params.worldScale Indicates if the size units of the scheme will be in meters. This should be `true` when the scheme is intended for 3D volumetric symbology. A `view` must be provided if this property is set to `true`.
      * @param params.view The SceneView instance in which the scheme will be used. This property is only applicable when the scheme will be used in conjunction with 3D symbols.
      * 
      */
-    getSchemes(params: typeGetSchemesParams): any;
+    getSchemes(params: typeGetSchemesParams): TypeSchemes;
   }
 
   export const symbologyType: symbologyType;
 
-  /**
-   * Properties defining the symbology scheme used to visualize mesh features driven by type-based attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#MeshTypeScheme)
-   */
-  export interface MeshTypeScheme extends Object {
-    /**
-     * The fill colors of the symbols comprising the theme.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#MeshTypeScheme)
-     */
-    colors: Color[];
-    /**
-     * The color of the fill symbol used to indicate features with no data.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#MeshTypeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * The opacity of the symbol (0 - 1).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#MeshTypeScheme)
-     */
-    opacity: number;
-  }
-
-  /**
-   * Properties defining the symbology scheme used to visualize point features driven by type-based attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-   */
-  export interface PointTypeScheme extends Object {
-    /**
-     * The fill colors of the point symbols comprising the theme.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-     */
-    colors: Color[];
-    /**
-     * The color of the point symbol used to indicate features with no data.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * Properties for defining the outline of the marker symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-     */
-    outline: PointTypeSchemeOutline;
-    /**
-     * The default size of the point symbol in pixels, points, or real-world units.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-     */
-    size: number;
-    /**
-     * The opacity of the point symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
-     */
-    opacity: number;
-  }
-
-  /**
-   * Properties defining the symbology scheme used to visualize polygon features driven by type-based attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
-   */
-  export interface PolygonTypeScheme extends Object {
-    /**
-     * The fill colors of the symbols comprising the theme.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
-     */
-    colors: Color[];
-    /**
-     * The color of the fill symbol used to indicate features with no data.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * Properties for defining the outline of the fill symbol.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
-     */
-    outline: PolygonTypeSchemeOutline;
-    /**
-     * The opacity of the symbol (0 - 1).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
-     */
-    opacity: number;
-  }
-
-  /**
-   * Properties defining the symbology scheme used to visualize polyline features driven by type-based attribute data.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolylineTypeScheme)
-   */
-  export interface PolylineTypeScheme extends Object {
-    /**
-     * The colors of the line symbols comprising the theme.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolylineTypeScheme)
-     */
-    colors: Color[];
-    /**
-     * The color of the line symbol used to indicate features with no data and features that are out of range.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolylineTypeScheme)
-     */
-    noDataColor: Color;
-    /**
-     * The default width of the line symbol in pixels or points.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolylineTypeScheme)
-     */
-    width: number;
-    /**
-     * The opacity of the line symbol (0 - 1).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolylineTypeScheme)
-     */
-    opacity: number;
-  }
-
 
   export interface typeGetSchemesParams extends Object {
     /**
-     * The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features against the given basemap.
+     * The basemap to pair with the visualization. This value indicates the best symbol color for visualizing features with the given basemap.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#getSchemes)
      */
     basemap: string | Basemap;
     /**
-     * The geometry type of the features to visualize. **Possible Values:** point | multipoint | polyline | polygon | mesh
+     * The geometry type of the features to visualize.  **Possible Values:** point | multipoint | polyline | polygon | mesh
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#getSchemes)
      */
@@ -23470,34 +25246,195 @@ declare namespace __esri {
     view?: SceneView;
   }
 
+  /**
+   * Properties defining the symbology scheme used to visualize features with attribute data-driven types.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeScheme)
+   */
+  export type TypeScheme = TypeSchemeForPoint | TypeSchemeForPolyline | TypeSchemeForPolygon | TypeSchemeForMesh;
 
-  export interface PointTypeSchemeOutline extends Object {
+  /**
+   * Properties defining the symbology scheme used to visualize mesh features driven by type-based attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForMesh)
+   */
+  export interface TypeSchemeForMesh extends Object {
+    /**
+     * The fill colors of the symbols comprising the theme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForMesh)
+     */
+    colors: Color[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForMesh)
+     */
+    noDataColor: Color;
+    /**
+     * The opacity of the symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForMesh)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize point features driven by type-based attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+   */
+  export interface TypeSchemeForPoint extends Object {
+    /**
+     * The fill colors of the point symbols comprising the theme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+     */
+    colors: Color[];
+    /**
+     * The color of the point symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the marker symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+     */
+    outline: TypeSchemeForPointOutline;
+    /**
+     * The default size of the point symbol in pixels, points, or real-world units.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+     */
+    size: number;
+    /**
+     * The opacity of the point symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polygon features driven by type-based attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
+   */
+  export interface TypeSchemeForPolygon extends Object {
+    /**
+     * The fill colors of the symbols comprising the theme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
+     */
+    colors: Color[];
+    /**
+     * The color of the fill symbol used to indicate features with no data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
+     */
+    noDataColor: Color;
+    /**
+     * Properties for defining the outline of the fill symbol.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
+     */
+    outline: TypeSchemeForPolygonOutline;
+    /**
+     * The opacity of the symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
+     */
+    opacity: number;
+  }
+
+  /**
+   * Properties defining the symbology scheme used to visualize polyline features driven by type-based attribute data.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolyline)
+   */
+  export interface TypeSchemeForPolyline extends Object {
+    /**
+     * The colors of the line symbols comprising the theme.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolyline)
+     */
+    colors: Color[];
+    /**
+     * The color of the line symbol used to indicate features with no data and features that are out of range.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolyline)
+     */
+    noDataColor: Color;
+    /**
+     * The default width of the line symbol in pixels or points.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolyline)
+     */
+    width: number;
+    /**
+     * The opacity of the line symbol (0 - 1).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolyline)
+     */
+    opacity: number;
+  }
+
+  /**
+   * The return object of the [getSchemes()](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#getSchemes) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemes)
+   */
+  export interface TypeSchemes extends Object {
+    /**
+     * The type scheme best suited for the given basemap and geometry type.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemes)
+     */
+    primaryScheme: TypeScheme;
+    /**
+     * Additional type schemes that may be used to visualize data of the given geometry type overlaid on the given basemap.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemes)
+     */
+    secondarySchemes: TypeScheme[];
+    /**
+     * The ID of the basemap associated with the given schemes.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemes)
+     */
+    basemapId: string;
+  }
+
+
+  export interface TypeSchemeForPointOutline extends Object {
     /**
      * The outline color of the marker symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
      */
     color: Color;
     /**
      * The width of the marker symbol in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PointTypeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPoint)
      */
     width: number;
   }
 
 
-  export interface PolygonTypeSchemeOutline extends Object {
+  export interface TypeSchemeForPolygonOutline extends Object {
     /**
      * The outline color of the fill symbol.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
      */
     color: Color;
     /**
      * The width of the fill symbol's outline in pixels or points.
      * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#PolygonTypeScheme)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-symbology-type.html#TypeSchemeForPolygon)
      */
     width: number;
   }
@@ -23510,25 +25447,25 @@ declare namespace __esri {
      */
     classificationMethod: string;
     /**
-     * field for relationship.
+     * A numeric field used for generating a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html) along with [field2](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2). In the default visualization, the values of this field are rendered along the vertical axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
      */
-    field1: any;
+    field1: AuthoringInfoField1;
     /**
-     * field for relationship.
+     * A numeric field used for generating a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html) along with [field1](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1). In the default visualization, the values of this field are rendered along the horizontal axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
      */
-    field2: any;
+    field2: AuthoringInfoField2;
     /**
-     * An array of string values representing field names used for creating predominance renderers.
+     * An array of string values representing field names used for creating a [predominance renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#fields)
      */
     fields: string[];
     /**
-     * focus for relationship.
+     * The focus of a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html). This determines the orientation of the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#focus)
      */
@@ -23540,7 +25477,7 @@ declare namespace __esri {
      */
     lengthUnit: string;
     /**
-     * numClasses for relationship.
+     * The number of classes used to classify each field of a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html). This determines the number of categories in the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#numClasses)
      */
@@ -23552,7 +25489,7 @@ declare namespace __esri {
      */
     standardDeviationInterval: number;
     /**
-     * Indicates the renderer type generated from one of the Smart Mapping functions.  **Possible Values:** class-breaks-size | class-breaks-color | predominance | univariate-color-size
+     * Indicates the renderer type generated from one of the Smart Mapping functions.  **Possible Values:** class-breaks-size | class-breaks-color | classed-color | classed-size | predominance | relationship | univariate-color-size
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#type)
      */
@@ -23592,25 +25529,25 @@ declare namespace __esri {
      */
     classificationMethod?: string;
     /**
-     * field for relationship.
+     * A numeric field used for generating a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html) along with [field2](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2). In the default visualization, the values of this field are rendered along the vertical axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
      */
-    field1?: any;
+    field1?: AuthoringInfoField1;
     /**
-     * field for relationship.
+     * A numeric field used for generating a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html) along with [field1](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1). In the default visualization, the values of this field are rendered along the horizontal axis of the [Legend](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
      */
-    field2?: any;
+    field2?: AuthoringInfoField2;
     /**
-     * An array of string values representing field names used for creating predominance renderers.
+     * An array of string values representing field names used for creating a [predominance renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-predominance.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#fields)
      */
     fields?: string[];
     /**
-     * focus for relationship.
+     * The focus of a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html). This determines the orientation of the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#focus)
      */
@@ -23622,7 +25559,7 @@ declare namespace __esri {
      */
     lengthUnit?: string;
     /**
-     * numClasses for relationship.
+     * The number of classes used to classify each field of a [relationship renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-smartMapping-creators-relationship.html). This determines the number of categories in the legend.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#numClasses)
      */
@@ -23634,7 +25571,7 @@ declare namespace __esri {
      */
     standardDeviationInterval?: number;
     /**
-     * Indicates the renderer type generated from one of the Smart Mapping functions.  **Possible Values:** class-breaks-size | class-breaks-color | predominance | univariate-color-size
+     * Indicates the renderer type generated from one of the Smart Mapping functions.  **Possible Values:** class-breaks-size | class-breaks-color | classed-color | classed-size | predominance | relationship | univariate-color-size
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#type)
      */
@@ -23647,6 +25584,62 @@ declare namespace __esri {
     visualVariables?: AuthoringInfoVisualVariableProperties[];
   }
 
+
+  export interface AuthoringInfoField1 extends Object {
+    /**
+     * The name of a numeric field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
+     */
+    field: string;
+    /**
+     * The name of a numeric field used to normalize the given `field`. In choropleth visualizations it is best practice to normalize your data values if they haven't already been normalized.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
+     */
+    normalizationField?: string;
+    /**
+     * The maximum bound of values to visualize in the given field. If a feature's value is greater than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
+     */
+    maxValue?: number;
+    /**
+     * The minimum bound of values to visualize in the given field. If a feature's value is less than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field1)
+     */
+    minValue?: number;
+  }
+
+
+  export interface AuthoringInfoField2 extends Object {
+    /**
+     * The name of a numeric field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
+     */
+    field: string;
+    /**
+     * The name of a numeric field used to normalize the given `field`. In choropleth visualizations it is best practice to normalize your data values if they haven't already been normalized.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
+     */
+    normalizationField?: string;
+    /**
+     * The maximum bound of values to visualize in the given field. If a feature's value is greater than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
+     */
+    maxValue?: number;
+    /**
+     * The minimum bound of values to visualize in the given field. If a feature's value is less than this value, then it will be assigned the default symbol of the renderer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-support-AuthoringInfo.html#field2)
+     */
+    minValue?: number;
+  }
+
   interface AuthoringInfoVisualVariable extends Accessor, JSONSupport {
     /**
      * If an age or timeline renderer was generated, indicates the end time of the visualization.
@@ -23863,11 +25856,11 @@ declare namespace __esri {
      */
     defaultSymbol: Symbol;
     /**
-     * The name of the attribute field the renderer uses to match unique values or types. A function may also be used to return a string value representing unique types if the desired type does not already explicitly exist in a field.
+     * The name of the attribute field the renderer uses to match unique values or types.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-UniqueValueRenderer.html#field)
      */
-    field: string | Function;
+    field: string;
     /**
      * If needed, specifies the name of an additional attribute field the renderer will use to match values. For example, if you specify two fields: 
      * ```js
@@ -24033,11 +26026,11 @@ declare namespace __esri {
      */
     defaultSymbol?: SymbolProperties;
     /**
-     * The name of the attribute field the renderer uses to match unique values or types. A function may also be used to return a string value representing unique types if the desired type does not already explicitly exist in a field.
+     * The name of the attribute field the renderer uses to match unique values or types.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-UniqueValueRenderer.html#field)
      */
-    field?: string | Function;
+    field?: string;
     /**
      * If needed, specifies the name of an additional attribute field the renderer will use to match values. For example, if you specify two fields: 
      * ```js
@@ -24159,16 +26152,17 @@ declare namespace __esri {
 
   interface VisualVariablesMixin {
     /**
-     * Visual variables define the parameters for data-driven geographic visualizations of numeric data. They allow you to easily map continuous ramps of [color](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable), [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable), [opacity](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable), and/or [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) to minimum and maximum data values of one of the layer's numeric attribute fields.  Visual variables can primarily be used in two ways.  **1**. Thematic mapping  Visual variables allow you to easily create stunning visualizations based on thematic attributes (e.g. population, education, rank, money, magnitude, etc.) in either 2D or 3D. This is accomplished by mapping data values from a numeric field attribute to color, size, and/or opacity values. The renderer then takes over and re-sizes or shades features based on the value of the given field and its position relative to the minimum and maximum values. The sample below uses three visual variables (size, color, and opacity).  [![renderer-unique-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)  **2**. Mapping real-world sizes  The [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) visual variable can be used to visualize the true sizes of features (e.g. tree canopy, road width, building height, etc.) based on their size in the real world. This can be particularly powerful when working in a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). The image below shows a layer of building footprints that uses visual variables to extrude each feature to the true height of the buildings based on data stored in an attribute field.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The `visualVariables` property of the renderer is an array of objects called "visual variables". Each object must indicate the type of visual variable to apply (e.g. color, size, opacity, rotation), the numeric field from which to drive the visualization, and the ramp of visual values to map to the data. The following list identifies each visual variable type and provides a link to the specification table of each. 
+     * Visual variables define the parameters for data-driven geographic visualizations of numeric data. They allow you to easily map continuous ramps of [color](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable), [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable), [opacity](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable), and/or [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) to minimum and maximum data values of one of the layer's numeric attribute fields.  Visual variables can primarily be used in two ways.  **1**. Thematic mapping  Visual variables allow you to easily create stunning visualizations based on thematic attributes (e.g. population, education, rank, money, magnitude, etc.) in either 2D or 3D. This is accomplished by mapping data values from a numeric field attribute to color, size, and/or opacity values. The renderer then takes over and re-sizes or shades features based on the value of the given field and its position relative to the minimum and maximum values. The sample below uses three visual variables (size, color, and opacity).  [![renderer-unique-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)  **2**. Mapping real-world sizes  The [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) visual variable can be used to visualize the true sizes of features (e.g. tree canopy, road width, building height, etc.) based on their size in the real world. This can be particularly powerful when working in a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). The image below shows a layer of building footprints that uses visual variables to extrude each feature to the true height of the buildings based on data stored in an attribute field.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The `visualVariables` property of the renderer is an array of objects called "visual variables". Each object must indicate the type of visual variable to apply (e.g. color, size, opacity, rotation), the numeric field from which to drive the visualization, and the ramp of visual values to map to the data. The following list identifies each visual variable type and provides a link to the specification table of each. 
      * 
      * Type | Object Specification | Legend Example
      * -----|----------------------|---------------
-     * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-color-vv.png)
-     * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-size-vv.png)
-     * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-opacity-vv.png)
+     * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-color-vv.png)
+     * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-size-vv.png)
+     * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-opacity-vv.png)
      * rotation | [RotationVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) | -
      * 
-     * See the [Visualize features with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/index.html) for an example of using multiple visual variables to visualize your data.
+     * See the [Visualize features with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/index.html) for an example of using multiple visual variables to visualize your data. 
+     * > **Known Limitations**  Color and opacity visual variables must not have more than 8 stops and size visual variables must not have more than 6 stops. This does not apply to variables driven by view scale.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-VisualVariablesMixin.html#visualVariables)
      */
@@ -24185,16 +26179,17 @@ declare namespace __esri {
 
   interface VisualVariablesMixinProperties {
     /**
-     * Visual variables define the parameters for data-driven geographic visualizations of numeric data. They allow you to easily map continuous ramps of [color](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable), [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable), [opacity](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable), and/or [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) to minimum and maximum data values of one of the layer's numeric attribute fields.  Visual variables can primarily be used in two ways.  **1**. Thematic mapping  Visual variables allow you to easily create stunning visualizations based on thematic attributes (e.g. population, education, rank, money, magnitude, etc.) in either 2D or 3D. This is accomplished by mapping data values from a numeric field attribute to color, size, and/or opacity values. The renderer then takes over and re-sizes or shades features based on the value of the given field and its position relative to the minimum and maximum values. The sample below uses three visual variables (size, color, and opacity).  [![renderer-unique-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)  **2**. Mapping real-world sizes  The [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) visual variable can be used to visualize the true sizes of features (e.g. tree canopy, road width, building height, etc.) based on their size in the real world. This can be particularly powerful when working in a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). The image below shows a layer of building footprints that uses visual variables to extrude each feature to the true height of the buildings based on data stored in an attribute field.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The `visualVariables` property of the renderer is an array of objects called "visual variables". Each object must indicate the type of visual variable to apply (e.g. color, size, opacity, rotation), the numeric field from which to drive the visualization, and the ramp of visual values to map to the data. The following list identifies each visual variable type and provides a link to the specification table of each. 
+     * Visual variables define the parameters for data-driven geographic visualizations of numeric data. They allow you to easily map continuous ramps of [color](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable), [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable), [opacity](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable), and/or [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) to minimum and maximum data values of one of the layer's numeric attribute fields.  Visual variables can primarily be used in two ways.  **1**. Thematic mapping  Visual variables allow you to easily create stunning visualizations based on thematic attributes (e.g. population, education, rank, money, magnitude, etc.) in either 2D or 3D. This is accomplished by mapping data values from a numeric field attribute to color, size, and/or opacity values. The renderer then takes over and re-sizes or shades features based on the value of the given field and its position relative to the minimum and maximum values. The sample below uses three visual variables (size, color, and opacity).  [![renderer-unique-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/index.html)  **2**. Mapping real-world sizes  The [size](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) visual variable can be used to visualize the true sizes of features (e.g. tree canopy, road width, building height, etc.) based on their size in the real world. This can be particularly powerful when working in a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). The image below shows a layer of building footprints that uses visual variables to extrude each feature to the true height of the buildings based on data stored in an attribute field.  [![renderer-vv-rw](https://developers.arcgis.com/javascript/assets/img/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/index.html)  The `visualVariables` property of the renderer is an array of objects called "visual variables". Each object must indicate the type of visual variable to apply (e.g. color, size, opacity, rotation), the numeric field from which to drive the visualization, and the ramp of visual values to map to the data. The following list identifies each visual variable type and provides a link to the specification table of each. 
      * 
      * Type | Object Specification | Legend Example
      * -----|----------------------|---------------
-     * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-color-vv.png)
-     * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-size-vv.png)
-     * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/img/apiref/renderers/legend-opacity-vv.png)
+     * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#ColorVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-color-vv.png)
+     * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#SizeVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-size-vv.png)
+     * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#OpacityVisualVariable) | ![legend-color-vv](https://developers.arcgis.com/javascript/assets/img/apiref/renderers/legend-opacity-vv.png)
      * rotation | [RotationVisualVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html#RotationVisualVariable) | -
      * 
-     * See the [Visualize features with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/index.html) for an example of using multiple visual variables to visualize your data.
+     * See the [Visualize features with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/index.html) for an example of using multiple visual variables to visualize your data. 
+     * > **Known Limitations**  Color and opacity visual variables must not have more than 8 stops and size visual variables must not have more than 6 stops. This does not apply to variables driven by view scale.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-VisualVariablesMixin.html#visualVariables)
      */
@@ -24209,7 +26204,7 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#esriRequest)
      * 
      * @param url The request URL.
-     * @param options An object with the following properties that describe the request.
+     * @param options The options specified by the user in the data request. See [RequestOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions) for available properties.
      * 
      */
     esriRequest(url: string, options?: RequestOptions): IPromise<RequestResponse>;
@@ -24284,25 +26279,44 @@ declare namespace __esri {
    */
   export interface RequestOptions extends Object {
     /**
-     * Indicates if the request should be made using the HTTP POST method. By default, this is determined automatically based on the request size. This option is ignored when `responseType = "image"`.  **Possible Values:** auto | post
+     * If the request URL points to a web server that requires parameters, specify them here.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
      */
-    method?: string;
+    query?: any;
     /**
-     * Name of the callback parameter (a special service parameter) to be specified when requesting data in JSONP format. It is ignored for all other data formats. For ArcGIS services the value is always `callback`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
-     */
-    callbackParamName?: string;
-    /**
-     * Response format. When this value is `image` the `method` and `timeout` options are ignored.  **Possible Values:** json | xml | text | blob | array-buffer | document | image
+     * Response format. When this value is `image` the `headers` and `timeout` options are ignored.  **Possible Values:** json | xml | text | blob | array-buffer | document | image
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
      */
     responseType?: string;
     /**
-     * Headers to use for the request. This is an object whose property names are header names. This is not applicable for non-XHR requests.
+     * [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) allows for cancelable requests. If canceled, the promise will be rejected with an error named `AbortError`. See also [AbortController](https://developer.mozilla.org/en-US/docs/Web/API/AbortController).  Example:
+     * ```js
+     * const controller = new AbortController();
+     * const signal = controller.signal;
+     * 
+     * esriRequest(url, { signal })
+     *   .then((response) => {
+     *     // The request went OK
+     *   })
+     *   .catch((err) => {
+     *     if (err.name === 'AbortError') {
+     *       console.log('Request aborted');
+     *     } else {
+     *       console.error('Error encountered', err);
+     *     }
+     *   });
+     * 
+     * // Abort requests that are aware of the controller's signal
+     * controller.abort();
+     * ```
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
+     */
+    signal?: AbortSignal;
+    /**
+     * Headers to use for the request. This is an object whose property names are header names. This option is ignored when `responseType = "image"`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
      */
@@ -24314,11 +26328,11 @@ declare namespace __esri {
      */
     timeout?: number;
     /**
-     * If the request URL points to a web server that requires parameters, specify them here.
+     * Indicates if the request should be made using the HTTP POST method. By default, this is determined automatically based on the request size.  **Possible Values:** auto | post
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
      */
-    query?: any;
+    method?: string;
     /**
      * If uploading a file, specify the form data or element used to submit the file here. If a form element is specified, the parameters of the `query` will be added to the URL. If not specified, then query parameters will only be added to the URL when a GET request is used. If POST is used, then query parameters will be added to the body.
      * 
@@ -24337,12 +26351,6 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
      */
     cacheBust?: boolean;
-    /**
-     * Indicates whether apps are allowed to read image data (when used with Canvas) from images hosted on third-party sites. Only applicable when `responseType = "image"`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions)
-     */
-    allowImageDataAccess?: boolean;
     /**
      * Indicates if and how requests to ArcGIS Services are authenticated. Only applicable when [`esriConfig.request.useIdentity = true`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request). 
      * 
@@ -24378,7 +26386,7 @@ declare namespace __esri {
      */
     requestOptions?: RequestOptions;
     /**
-     * If ssl is enabled or not.
+     * Indicates if the request required https.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestResponse)
      */
@@ -24460,7 +26468,7 @@ declare namespace __esri {
 
   interface ActionButton extends ActionBase {
     /**
-     * The URL to an image that will be used to represent the action. This property will be used as a background image for the node. It may be used in conjunction with the `className` property or by itself. If neither `image` nor `className` are specified, a default icon ![default icon](https://developers.arcgis.com/javascript/latest/assets/img/guide/whats-new/41/default-action.png) will display.
+     * The URL to an image that will be used to represent the action. This property will be used as a background image for the node. It may be used in conjunction with the `className` property or by itself. If neither `image` nor `className` are specified, a default icon ![default icon](https://developers.arcgis.com/javascript/assets/img/guide/whats-new/41/default-action.png) will display.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html#image)
      */
@@ -25018,7 +27026,7 @@ declare namespace __esri {
 
   interface FillSymbol3DLayer extends Symbol3DLayer {
     /**
-     * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MeshSymbol3D.html).  ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbol3d-edges-solid-2.png)
+     * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MeshSymbol3D.html).  ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbol3d-edges-solid-2.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#edges)
      */
@@ -25062,7 +27070,7 @@ declare namespace __esri {
 
   interface FillSymbol3DLayerProperties extends Symbol3DLayerProperties {
     /**
-     * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MeshSymbol3D.html).  ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbol3d-edges-solid-2.png)
+     * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MeshSymbol3D.html).  ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbol3d-edges-solid-2.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol3DLayer.html#edges)
      */
@@ -25134,7 +27142,7 @@ declare namespace __esri {
     size: number;
     /**
      * The text style. Specifies whether a font should be styled: normal, italic, or oblique.  **Possible Values:** normal | italic | oblique 
-     * > **Known Limitations**  `oblique` is not supported in 2D WebGL enabled [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html).
+     * > **Known Limitations**  `oblique` is not supported in 2D [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) labels.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#style)
      * 
@@ -25143,7 +27151,7 @@ declare namespace __esri {
     style: "normal" | "italic" | "oblique";
     /**
      * The text weight. Specifies the level of boldness.  **Possible Values:** normal | bold | bolder | lighter 
-     * > **Known Limitations**  `bolder` and `lighter` are not supported in 2D WebGL enabled [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html).
+     * > **Known Limitations**  `bolder` and `lighter` are not supported in 2D [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) labels.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#weight)
      * 
@@ -25199,7 +27207,7 @@ declare namespace __esri {
     size?: number | string;
     /**
      * The text style. Specifies whether a font should be styled: normal, italic, or oblique.  **Possible Values:** normal | italic | oblique 
-     * > **Known Limitations**  `oblique` is not supported in 2D WebGL enabled [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html).
+     * > **Known Limitations**  `oblique` is not supported in 2D [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) labels.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#style)
      * 
@@ -25208,7 +27216,7 @@ declare namespace __esri {
     style?: "normal" | "italic" | "oblique";
     /**
      * The text weight. Specifies the level of boldness.  **Possible Values:** normal | bold | bolder | lighter 
-     * > **Known Limitations**  `bolder` and `lighter` are not supported in 2D WebGL enabled [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html).
+     * > **Known Limitations**  `bolder` and `lighter` are not supported in 2D [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) and [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) labels.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html#weight)
      * 
@@ -25358,11 +27366,11 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * circle | ![s3d-icon-circle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-circle.png)
-     * square |  ![s3d-icon-square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-square.png)
-     * cross | ![s3d-icon-cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-cross.png)
-     * x | ![s3d-icon-x](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-x.png)
-     * kite | ![s3d-icon-kite](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-kite.png)
+     * circle | ![s3d-icon-circle](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-circle.png)
+     * square |  ![s3d-icon-square](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-square.png)
+     * cross | ![s3d-icon-cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-cross.png)
+     * x | ![s3d-icon-x](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-x.png)
+     * kite | ![s3d-icon-kite](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-kite.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-IconSymbol3DLayer.html#resource)
@@ -25444,13 +27452,13 @@ declare namespace __esri {
      */
     screenLength?: number;
     /**
-     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid the vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
+     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid the vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html#verticalOffset)
      */
     minWorldLength?: number;
     /**
-     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
+     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html#verticalOffset)
      */
@@ -25465,13 +27473,13 @@ declare namespace __esri {
      */
     screenLength: number;
     /**
-     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid the vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
+     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid the vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html#verticalOffset)
      */
     minWorldLength?: number;
     /**
-     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
+     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LabelSymbol3D.html#verticalOffset)
      */
@@ -25897,13 +27905,13 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * sphere | ![s3d-object-sphere](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-sphere.png)
-     * cylinder | ![s3d-object-cylinder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-cylinder.png)
-     * cube | ![s3d-object-cube](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-cube.png)
-     * cone | ![s3d-object-cone](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-cone.png)
-     * inverted-cone | ![s3d-object-inverted-cone](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-inverted-cone.png)
-     * diamond | ![s3d-object-diamond](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-diamond.png)
-     * tetrahedron | ![s3d-object-tetrahedron](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-tetrahedron.png)
+     * sphere | ![s3d-object-sphere](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-sphere.png)
+     * cylinder | ![s3d-object-cylinder](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-cylinder.png)
+     * cube | ![s3d-object-cube](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-cube.png)
+     * cone | ![s3d-object-cone](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-cone.png)
+     * inverted-cone | ![s3d-object-inverted-cone](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-inverted-cone.png)
+     * diamond | ![s3d-object-diamond](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-diamond.png)
+     * tetrahedron | ![s3d-object-tetrahedron](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-tetrahedron.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-ObjectSymbol3DLayer.html#resource)
@@ -26128,8 +28136,8 @@ declare namespace __esri {
     readonly type: "picture-marker";
     /**
      * The URL to the image. To avoid CORS issues with this symbol, do one of the following: 
-     *   * Use an image hosted on the same domain as the application.
-     *   * If the image is on a different domain and that server is CORS enabled, add the domain to the [corsEnabledServers](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request) array.
+     *   * Make certain that the [image](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url) is hosted on a [CORS enabled server](https://enable-cors.org/server.html).
+     *   * Use an [image](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url) hosted on the same domain as the application.
      *   * Install a proxy.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url)
@@ -26179,8 +28187,8 @@ declare namespace __esri {
     height?: number | string;
     /**
      * The URL to the image. To avoid CORS issues with this symbol, do one of the following: 
-     *   * Use an image hosted on the same domain as the application.
-     *   * If the image is on a different domain and that server is CORS enabled, add the domain to the [corsEnabledServers](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#request) array.
+     *   * Make certain that the [image](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url) is hosted on a [CORS enabled server](https://enable-cors.org/server.html).
+     *   * Use an [image](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url) hosted on the same domain as the application.
      *   * Install a proxy.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#url)
@@ -26264,13 +28272,13 @@ declare namespace __esri {
      */
     screenLength?: number;
     /**
-     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
+     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PointSymbol3D.html#verticalOffset)
      */
     minWorldLength?: number;
     /**
-     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
+     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PointSymbol3D.html#verticalOffset)
      */
@@ -26285,13 +28293,13 @@ declare namespace __esri {
      */
     screenLength: number;
     /**
-     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
+     * The minimum vertical symbol offset in world units. It acts as a lower bound to avoid vertical offset becoming too small.  In the following animation the green symbol on the left has `minWorldLength = 20` and for the orange symbol on the right `minWorldLength` has not been set:  ![minWorldLength-on](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-minWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PointSymbol3D.html#verticalOffset)
      */
     minWorldLength?: number;
     /**
-     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
+     * The maximum vertical symbol offset in world units. It acts as an upper bound to avoid vertical offset becoming too big.  In the following animation the green symbols have `maxWorldLength = 50` and orange symbols don't have `maxWorldLength` set:  ![maxWorldLength](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3D-line-callout-maxWorldLength.gif)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PointSymbol3D.html#verticalOffset)
      */
@@ -26348,14 +28356,14 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|-------------
-     * backward-diagonal | ![sfs-backward-diagonal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-backward-diagonal.png)
-     * cross | ![sfs-cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-cross.png)
-     * diagonal-cross | ![sfs-diagonal-cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-diagonal-cross.png)
-     * forward-diagonal | ![sfs-forward-diagonal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-forward-diagonal.png)
-     * horizontal | ![sfs-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-horizontal.png)
+     * backward-diagonal | ![sfs-backward-diagonal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-backward-diagonal.png)
+     * cross | ![sfs-cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-cross.png)
+     * diagonal-cross | ![sfs-diagonal-cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-diagonal-cross.png)
+     * forward-diagonal | ![sfs-forward-diagonal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-forward-diagonal.png)
+     * horizontal | ![sfs-horizontal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-horizontal.png)
      * none | The polygon has no fill.
-     * solid | ![sfs-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-solid.png)
-     * vertical | ![sfs-vertical](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-vertical.png)
+     * solid | ![sfs-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-solid.png)
+     * vertical | ![sfs-vertical](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-vertical.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26409,14 +28417,14 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|-------------
-     * backward-diagonal | ![sfs-backward-diagonal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-backward-diagonal.png)
-     * cross | ![sfs-cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-cross.png)
-     * diagonal-cross | ![sfs-diagonal-cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-diagonal-cross.png)
-     * forward-diagonal | ![sfs-forward-diagonal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-forward-diagonal.png)
-     * horizontal | ![sfs-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-horizontal.png)
+     * backward-diagonal | ![sfs-backward-diagonal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-backward-diagonal.png)
+     * cross | ![sfs-cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-cross.png)
+     * diagonal-cross | ![sfs-diagonal-cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-diagonal-cross.png)
+     * forward-diagonal | ![sfs-forward-diagonal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-forward-diagonal.png)
+     * horizontal | ![sfs-horizontal](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-horizontal.png)
      * none | The polygon has no fill.
-     * solid | ![sfs-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-solid.png)
-     * vertical | ![sfs-vertical](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sfs-vertical.png)
+     * solid | ![sfs-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-solid.png)
+     * vertical | ![sfs-vertical](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sfs-vertical.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26433,9 +28441,9 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|---------
-     * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-butt.png)
-     * round | ![sls-cap-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-round.png)
-     * square | ![sls-cap-square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-square.png)
+     * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-butt.png)
+     * round | ![sls-cap-round](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-round.png)
+     * square | ![sls-cap-square](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-square.png)
      * 
      * > **Known Limitations** 
      *   * This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
@@ -26451,9 +28459,9 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|---------
-     * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-bevel.png)
-     * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-miter.png)
-     * round | ![sls-join-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-round.png)
+     * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-bevel.png)
+     * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-miter.png)
+     * round | ![sls-join-round](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-round.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26476,18 +28484,18 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|-------------
-     * dash | ![sls-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash.png)
-     * dash-dot | ![sls-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot.png)
-     * dot | ![sls-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dot.png)
-     * long-dash | ![sls-long-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash.png)
-     * long-dash-dot | ![sls-long-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash-dot.png)
-     * long-dash-dot-dot | ![sls-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot-dot.png)
+     * dash | ![sls-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash.png)
+     * dash-dot | ![sls-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash-dot.png)
+     * dot | ![sls-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dot.png)
+     * long-dash | ![sls-long-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-long-dash.png)
+     * long-dash-dot | ![sls-long-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-long-dash-dot.png)
+     * long-dash-dot-dot | ![sls-dash-dot-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash-dot-dot.png)
      * none | The line has no symbol.
-     * short-dash | ![sls-short-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash.png)
-     * short-dash-dot | ![sls-short-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot.png)
-     * short-dash-dot-dot | ![sls-short-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot-dot.png)
-     * short-dot | ![sls-short-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dot.png)
-     * solid | ![sls-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-solid.png)
+     * short-dash | ![sls-short-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash.png)
+     * short-dash-dot | ![sls-short-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash-dot.png)
+     * short-dash-dot-dot | ![sls-short-dash-dot-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash-dot-dot.png)
+     * short-dot | ![sls-short-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dot.png)
+     * solid | ![sls-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-solid.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26533,9 +28541,9 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|---------
-     * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-butt.png)
-     * round | ![sls-cap-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-round.png)
-     * square | ![sls-cap-square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-square.png)
+     * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-butt.png)
+     * round | ![sls-cap-round](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-round.png)
+     * square | ![sls-cap-square](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-cap-square.png)
      * 
      * > **Known Limitations** 
      *   * This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
@@ -26551,9 +28559,9 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|---------
-     * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-bevel.png)
-     * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-miter.png)
-     * round | ![sls-join-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-round.png)
+     * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-bevel.png)
+     * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-miter.png)
+     * round | ![sls-join-round](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/sls-join-round.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26576,18 +28584,18 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|-------------
-     * dash | ![sls-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash.png)
-     * dash-dot | ![sls-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot.png)
-     * dot | ![sls-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dot.png)
-     * long-dash | ![sls-long-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash.png)
-     * long-dash-dot | ![sls-long-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash-dot.png)
-     * long-dash-dot-dot | ![sls-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot-dot.png)
+     * dash | ![sls-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash.png)
+     * dash-dot | ![sls-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash-dot.png)
+     * dot | ![sls-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dot.png)
+     * long-dash | ![sls-long-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-long-dash.png)
+     * long-dash-dot | ![sls-long-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-long-dash-dot.png)
+     * long-dash-dot-dot | ![sls-dash-dot-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-dash-dot-dot.png)
      * none | The line has no symbol.
-     * short-dash | ![sls-short-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash.png)
-     * short-dash-dot | ![sls-short-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot.png)
-     * short-dash-dot-dot | ![sls-short-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot-dot.png)
-     * short-dot | ![sls-short-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dot.png)
-     * solid | ![sls-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-solid.png)
+     * short-dash | ![sls-short-dash](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash.png)
+     * short-dash-dot | ![sls-short-dash-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash-dot.png)
+     * short-dash-dot-dot | ![sls-short-dash-dot-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dash-dot-dot.png)
+     * short-dot | ![sls-short-dot](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-short-dot.png)
+     * solid | ![sls-solid](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sls-solid.png)
      * 
      * > **Known Limitations**  This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
@@ -26634,11 +28642,11 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * circle | ![sms_circle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-circle.png)
-     * cross | ![sms_cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-cross.png)
-     * diamond | ![sms_diamond](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-diamond.png)
-     * square | ![sms_square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-square.png)
-     * x | ![sms_x](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-x.png)
+     * circle | ![sms_circle](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-circle.png)
+     * cross | ![sms_cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-cross.png)
+     * diamond | ![sms_diamond](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-diamond.png)
+     * square | ![sms_square](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-square.png)
+     * x | ![sms_x](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-x.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html#style)
@@ -26713,11 +28721,11 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * circle | ![sms_circle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-circle.png)
-     * cross | ![sms_cross](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-cross.png)
-     * diamond | ![sms_diamond](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-diamond.png)
-     * square | ![sms_square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-square.png)
-     * x | ![sms_x](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sms-x.png)
+     * circle | ![sms_circle](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-circle.png)
+     * cross | ![sms_cross](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-cross.png)
+     * diamond | ![sms_diamond](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-diamond.png)
+     * square | ![sms_square](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-square.png)
+     * x | ![sms_x](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols-sms-x.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html#style)
@@ -26822,7 +28830,7 @@ declare namespace __esri {
 
   interface SymbolConstructor {
     /**
-     * Symbol is the base class for all symbols. Symbols represent point, line, polygon, and mesh geometries as vector graphics within a [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). They can be set on individual [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol) or in a [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) that is applied to a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html).
+     * Symbol is the base class for all symbols. Symbols represent point, line, polygon, and mesh geometries as vector graphics within a [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). Symbols can only be set directly on individual [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol) in a [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html) or in [View.graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#graphics). Otherwise they are assigned to a [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html) that is applied to a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or a [SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html)
      */
@@ -26916,13 +28924,13 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * icon | ![s3d-icon](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-icon-circle.png)
-     * object | ![s3d-object](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-object-sphere.png)
-     * line | ![s3d-line](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-line-line.png)
-     * path | ![s3d-path](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-path-tube.png)
-     * fill | ![s3d-fill](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-fill-solid.png)
-     * extrusion | ![s3d-extrusion](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-extrude-solid.png)
-     * text | ![s3d-text](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols3d-label-text.png)
+     * icon | ![s3d-icon](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-icon-circle.png)
+     * object | ![s3d-object](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-object-sphere.png)
+     * line | ![s3d-line](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-line-line.png)
+     * path | ![s3d-path](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-path-tube.png)
+     * fill | ![s3d-fill](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-fill-solid.png)
+     * extrusion | ![s3d-extrusion](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-extrude-solid.png)
+     * text | ![s3d-text](https://developers.arcgis.com/javascript/assets/img/apiref/symbols/symbols3d-label-text.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol3DLayer.html#type)
@@ -28380,7 +30388,7 @@ declare namespace __esri {
     updateDelay: number;
 
     /**
-     * Sends a request to the print service to create a print page using the options specified in the [PrintParameters](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-PrintParameters.html).
+     * Sends a request to the print service to create a printable static image of the map using the options specified in the [PrintParameters](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-PrintParameters.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-PrintTask.html#execute)
      * 
@@ -28388,7 +30396,7 @@ declare namespace __esri {
      * @param requestOptions Additional [options](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#esriRequest) to be used for the data request (will override requestOptions defined during construction).
      * 
      */
-    execute(params: PrintParameters, requestOptions?: any): IPromise<any>;
+    execute(params: PrintParameters, requestOptions?: any): IPromise<PrintResponse>;
   }
 
   interface PrintTaskConstructor {
@@ -28414,16 +30422,30 @@ declare namespace __esri {
     updateDelay?: number;
   }
 
+  /**
+   * Represents the reponse of the [execute()](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-PrintTask.html#execute) method.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-PrintTask.html#PrintResponse)
+   */
+  export interface PrintResponse extends Object {
+    /**
+     * URL pointing to the location of the generated printout of the view.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-PrintTask.html#PrintResponse)
+     */
+    url: string;
+  }
+
   interface QueryTask extends Task {
     /**
-     * Specify the geodatabase version to display. Requires ArcGIS Server service 10.1 or greater.
+     * Specify the geodatabase version to query. Requires ArcGIS Server service 10.1 or greater.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#gdbVersion)
      */
     gdbVersion: string;
 
     /**
-     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against an ArcGIS Server map layer. The result is returned as a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html), which can be accessed using the `.then()` method. A [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html) contains an array of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) features, which can be added to the map. This array will not be populated if no results are found.
+     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against the layer specified in the [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#url). The result is returned as a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html), which can be accessed using the `.then()` method. A [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html) contains an array of [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) features, which can be added to the map. This array will not be populated if no results are found.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#execute)
      * 
@@ -28433,7 +30455,17 @@ declare namespace __esri {
      */
     execute(query: Query | QueryProperties, requestOptions?: any): IPromise<FeatureSet>;
     /**
-     * Gets a count of the number of features that satisfy the input query. Valid only for layers published using ArcGIS Server 10 SP1 or greater. Layers published with earlier versions of ArcGIS Server return an error to the `errback` param of `.then()`.
+     * Query information about attachments associated with features from a [feature layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) specified in the [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#url). It will return an error if the layer does not support [attachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeAttachmentQuery)
+     * 
+     * @param attachmentQuery Specifies the attachment parameters for query.
+     * @param requestOptions Additional [options](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#esriRequest) to be used for the data request (will override requestOptions defined during construction).
+     * 
+     */
+    executeAttachmentQuery(attachmentQuery: AttachmentQuery | AttachmentQueryProperties, requestOptions?: any): IPromise<AttachmentInfo[]>;
+    /**
+     * Gets a count of the number of features that satisfy the input query. Valid for layers published with 10.0 SP1.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeForCount)
      * 
@@ -28443,7 +30475,7 @@ declare namespace __esri {
      */
     executeForCount(query: Query | QueryProperties, requestOptions?: any): IPromise<number>;
     /**
-     * Gets the extent of the features that satisfy the input query. The count of features that satisfy the input query is returned upon resolution as well. Valid only for [hosted feature services](http://doc.arcgis.com/en/arcgis-online/share-maps/hosted-web-layers.htm) on [arcgis.com](http://arcgis.com) and for ArcGIS Server 10.3.1 and later.
+     * Gets the extent of the features that satisfy the input query. The count of features that satisfy the input query is returned upon resolution as well. At 10.3, this option is only available for [hosted feature services](https://doc.arcgis.com/en/arcgis-online/share-maps/hosted-web-layers.htm). At 10.3.1, this option is available for all feature services and map service layers.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeForExtent)
      * 
@@ -28453,7 +30485,7 @@ declare namespace __esri {
      */
     executeForExtent(params: Query, requestOptions?: any): IPromise<any>;
     /**
-     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against an ArcGIS Server map layer. The result is an array of the object IDs of features that satisfy the input query.
+     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against the layer specified in the [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#url). The result is an array of the object IDs of features that satisfy the input query.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeForIds)
      * 
@@ -28463,11 +30495,11 @@ declare namespace __esri {
      */
     executeForIds(query: Query | QueryProperties, requestOptions?: any): IPromise<number[]>;
     /**
-     * Executes a [RelationshipQuery](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html) against an ArcGIS Server map layer (or table). If the query is successful, the result is returned as a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html), which can be accessed using the `.then()` method.
+     * Executes a [RelationshipQuery](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html) against the layer or table specified in the [url](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#url). If the query is successful, the returned results are [FeatureSets](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html) grouped by source layer or table objectIds.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeRelationshipQuery)
      * 
-     * @param relationshipQuery Specifies the attributes and spatial filter of the query.
+     * @param relationshipQuery Specifies relationship parameters for querying related features or records from a layer or a table.
      * @param requestOptions Additional [options](https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#esriRequest) to be used for the data request (will override requestOptions defined during construction).
      * 
      */
@@ -28476,7 +30508,7 @@ declare namespace __esri {
 
   interface QueryTaskConstructor {
     /**
-     * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) operation on a layer. The most common method used in this class is [execute()](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#execute), which executes the query as defined in the [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) object that is passed as a parameter to the function. `QueryTask.execute()` returns a Promise that resolves to a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html), which contains the features in the layer that satisfy the [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html).
+     * Executes different types of query operations on a layer. The most common method used in this class is [execute()](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#execute), which executes the query as defined in the [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) object that is passed as a parameter to the function. `QueryTask.execute()` returns a Promise that resolves to a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html), which contains the features in the layer that satisfy the [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html)
      */
@@ -28488,13 +30520,57 @@ declare namespace __esri {
 
   interface QueryTaskProperties extends TaskProperties {
     /**
-     * Specify the geodatabase version to display. Requires ArcGIS Server service 10.1 or greater.
+     * Specify the geodatabase version to query. Requires ArcGIS Server service 10.1 or greater.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#gdbVersion)
      */
     gdbVersion?: string;
   }
 
+  /**
+   * The AttachmentInfo returns information about attachments associated with a feature. This resource is available only if the [feature layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) has attachments.
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+   */
+  export interface AttachmentInfo extends Object {
+    /**
+     * The content type of the attachment. For example, `image/jpeg`. See the [ArcGIS REST API documentation](https://developers.arcgis.com/rest/services-reference/query-attachments-feature-service-layer-.htm) for more information on supported attachment types.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    contentType: string;
+    /**
+     * The identifier for the attachment.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    id: number;
+    /**
+     * The name of the attachment.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    name: string;
+    /**
+     * The parent or the feature object id of the attachment.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    parentObjectId: number;
+    /**
+     * The size of the attachment.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    size: number;
+    /**
+     * The URL of the attachment.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#AttachmentInfo)
+     */
+    url: string;
+  }
+
   interface RouteTask extends Task {
     /**
      * Solves the route against the route layer with the route parameters.
@@ -28714,6 +30790,119 @@ declare namespace __esri {
     polygons?: PolygonProperties[];
   }
 
+  interface AttachmentQuery extends Accessor, JSONSupport {
+    /**
+     * The file format that is supported by query attachment. For example, `image/jpeg`. See the [ArcGIS REST API documentation](https://developers.arcgis.com/rest/services-reference/query-attachments-feature-service-layer-.htm) for more information on supported attachment types.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#attachmentTypes)
+     */
+    attachmentTypes: string[];
+    /**
+     * The definition expression to be applied to the layer. Only features that satisfy the definition expression and are in the list of [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds) will be returned.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#definitionExpression)
+     */
+    definitionExpression: string;
+    /**
+     * An array of globalIds for the features in the layer being queried. The query results will return attachments only for specified global ids.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#globalIds)
+     */
+    globalIds: number[];
+    /**
+     * The number of features to retrieve. This option should be used in conjunction with the [start property](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#start). Use this to implement paging (i.e. to retrieve "pages" of results when querying). Default Value is `10`.  If not provided, but an instance of AttachmentQuery has a `start` property, then the default value of `num` is `maxRecordCount`. The maximum value for this parameter is the value of the layer's `maxRecordCount` of the service, which can be found at the REST endpoint of the feature layer.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#num)
+     */
+    num: number;
+    /**
+     * An array of objectIds of the features to be queried for attachments. When the feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property is `false`, it only accepts a single `objectId`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds)
+     */
+    objectIds: number[];
+    /**
+     * The file size of the attachment is specified in bytes. You can enter a file size range [1000,15000] to query for attachments. The query result will return all attachments within the specified file size range (1000 - 15000).  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#size)
+     */
+    size: number[];
+    /**
+     * This option fetches query results by skipping a specified number of records. The query results start from the next record. The default value is `0`. This parameter only applies when the feature layer's [capabilities.query.supportsPagination](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is `true`. You can use this option to fetch records that are beyond `maxRecordCount`.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#start)
+     */
+    start: number;
+
+    /**
+     * Creates a deep clone of AttachmentQuery object.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#clone)
+     * 
+     * 
+     */
+    clone(): AttachmentQuery;
+  }
+
+  interface AttachmentQueryConstructor {
+    /**
+     * This class defines parameters for executing queries for feature attachments from a [feature layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). Once an AttachmentQuery object's properties are defined, it can then be passed into the [QueryTask.executeAttachmentQuery()](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-QueryTask.html#executeAttachmentQuery) or [FeatureLayer.queryAttachments()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryAttachments) methods, which will return attachmentInfos grouped by the source feature objectIds.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html)
+     */
+
+    new(properties?: AttachmentQueryProperties): AttachmentQuery;
+
+    fromJSON(json: any): AttachmentQuery;
+  }
+
+  export const AttachmentQuery: AttachmentQueryConstructor;
+
+  interface AttachmentQueryProperties {
+    /**
+     * The file format that is supported by query attachment. For example, `image/jpeg`. See the [ArcGIS REST API documentation](https://developers.arcgis.com/rest/services-reference/query-attachments-feature-service-layer-.htm) for more information on supported attachment types.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#attachmentTypes)
+     */
+    attachmentTypes?: string[];
+    /**
+     * The definition expression to be applied to the layer. Only features that satisfy the definition expression and are in the list of [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds) will be returned.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#definitionExpression)
+     */
+    definitionExpression?: string;
+    /**
+     * An array of globalIds for the features in the layer being queried. The query results will return attachments only for specified global ids.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#globalIds)
+     */
+    globalIds?: number[];
+    /**
+     * The number of features to retrieve. This option should be used in conjunction with the [start property](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#start). Use this to implement paging (i.e. to retrieve "pages" of results when querying). Default Value is `10`.  If not provided, but an instance of AttachmentQuery has a `start` property, then the default value of `num` is `maxRecordCount`. The maximum value for this parameter is the value of the layer's `maxRecordCount` of the service, which can be found at the REST endpoint of the feature layer.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#num)
+     */
+    num?: number;
+    /**
+     * An array of objectIds of the features to be queried for attachments. When the feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property is `false`, it only accepts a single `objectId`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#objectIds)
+     */
+    objectIds?: number[];
+    /**
+     * The file size of the attachment is specified in bytes. You can enter a file size range [1000,15000] to query for attachments. The query result will return all attachments within the specified file size range (1000 - 15000).  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#size)
+     */
+    size?: number[];
+    /**
+     * This option fetches query results by skipping a specified number of records. The query results start from the next record. The default value is `0`. This parameter only applies when the feature layer's [capabilities.query.supportsPagination](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) is `true`. You can use this option to fetch records that are beyond `maxRecordCount`.  Requires an ArcGIS Server service 10.5 or greater and feature layer's [capabilities.query.supportsAttachments](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) to be `true`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-AttachmentQuery.html#start)
+     */
+    start?: number;
+  }
+
   interface BufferParameters extends Accessor {
     /**
      * The spatial reference in which the geometries are buffered.  If `bufferSpatialReference` is not specified, the geometries are buffered in the spatial reference specified by `outSpatialReference`. If `outSpatialReference` is also not specified, they are buffered in the spatial reference of the features.
@@ -31588,7 +33777,7 @@ declare namespace __esri {
      */
     scalebarUnit?: string;
     /**
-     * An array of [LegendLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-LegendLayer.html) containing the id's of the layers that will be included in the legend. If `legendLayers` is not specified, all operational layers will be present in the legend. To specify that no layers will be included in the legend set `legendLayer = []`.
+     * An array of [LegendLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-LegendLayer.html) containing the id's of the layers that will be included in the legend. If `legendLayers` is not specified, all operational layers (non-tiled layers) will be present in the legend. To specify that no layers will be included in the legend set `legendLayer = []`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-PrintTemplate.html#layoutOptions)
      */
@@ -31733,11 +33922,17 @@ declare namespace __esri {
      */
     geometryPrecision: number;
     /**
-     * One or more field names that will be used to group the statistics. This is only valid when [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) has been defined.
+     * Used only in [statistical queries](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#statistic). When one or more field names are provided in this property, the output statisics will be grouped based on unique values from those fields. This is only valid when [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) has been defined.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#groupByFieldsForStatistics)
      */
     groupByFieldsForStatistics: string[];
+    /**
+     * A condition used with [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) and [groupByFieldsForStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#groupByFieldsForStatistics) to limit query results to groups that satisfy the aggregation function(s).  The following aggregation functions are supported in this clause: `MIN` | `MAX` | `AVG` | `SUM` | `STDDEV` | `COUNT` | `VAR`  Aggregation functions used in `having` must be included in the `outStatistics` as well. See the snippet below for an example of how this works.  For service-based layer queries, this parameter applies only if the [supportsHavingClause](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property of the layer is `true`. This property is supported on all [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) queries.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#having)
+     */
+    having: string;
     /**
      * The historic moment to query. This parameter applies only if the `supportsQueryWithHistoricMoment` capability of the service being queried is `true`. This setting is provided in the layer resource.
      * 
@@ -31745,8 +33940,8 @@ declare namespace __esri {
      */
     historicMoment: Date;
     /**
-     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of [outSpatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outSpatialReference). If `outSpatialReference` is not defined, the spatial reference of the view is used. 
-     * > **Known Limitations**  This property does not apply to layer view or [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) queries.
+     * The maximum distance in units of [outSpatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outSpatialReference) used for generalizing geometries returned by the query operation. It limits how far any part of the generalized geometry can be from the original geometry. If `outSpatialReference` is not defined, the spatialReference of the data is used. 
+     * > **Known Limitations**  This property does not apply to [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) or [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) queries.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#maxAllowableOffset)
      */
@@ -32007,11 +34202,17 @@ declare namespace __esri {
      */
     geometryPrecision?: number;
     /**
-     * One or more field names that will be used to group the statistics. This is only valid when [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) has been defined.
+     * Used only in [statistical queries](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#statistic). When one or more field names are provided in this property, the output statisics will be grouped based on unique values from those fields. This is only valid when [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) has been defined.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#groupByFieldsForStatistics)
      */
     groupByFieldsForStatistics?: string[];
+    /**
+     * A condition used with [outStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outStatistics) and [groupByFieldsForStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#groupByFieldsForStatistics) to limit query results to groups that satisfy the aggregation function(s).  The following aggregation functions are supported in this clause: `MIN` | `MAX` | `AVG` | `SUM` | `STDDEV` | `COUNT` | `VAR`  Aggregation functions used in `having` must be included in the `outStatistics` as well. See the snippet below for an example of how this works.  For service-based layer queries, this parameter applies only if the [supportsHavingClause](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property of the layer is `true`. This property is supported on all [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) queries.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#having)
+     */
+    having?: string;
     /**
      * The historic moment to query. This parameter applies only if the `supportsQueryWithHistoricMoment` capability of the service being queried is `true`. This setting is provided in the layer resource.
      * 
@@ -32019,8 +34220,8 @@ declare namespace __esri {
      */
     historicMoment?: DateProperties;
     /**
-     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of [outSpatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outSpatialReference). If `outSpatialReference` is not defined, the spatial reference of the view is used. 
-     * > **Known Limitations**  This property does not apply to layer view or [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) queries.
+     * The maximum distance in units of [outSpatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#outSpatialReference) used for generalizing geometries returned by the query operation. It limits how far any part of the generalized geometry can be from the original geometry. If `outSpatialReference` is not defined, the spatialReference of the data is used. 
+     * > **Known Limitations**  This property does not apply to [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) or [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) queries.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html#maxAllowableOffset)
      */
@@ -32444,13 +34645,13 @@ declare namespace __esri {
 
   interface RelationshipQuery extends Accessor, JSONSupport {
     /**
-     * The definition expression to be applied to the related table or layer. Only records that fit the definition expression and are in the list of `objectIds` will be returned.
+     * The definition expression to be applied to the related table or layer. Only records in the list of [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#objectIds) that satisfy the definition expression are queried for related records.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#definitionExpression)
      */
     definitionExpression: string;
     /**
-     * Specify the geodatabase version to display.
+     * Specify the geodatabase version to query.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#gdbVersion)
      */
@@ -32462,37 +34663,37 @@ declare namespace __esri {
      */
     geometryPrecision: number;
     /**
-     * The historic moment to query. This parameter applies only if the `supportsHistoricMoment` property of the layers being queried is set to `true`.
+     * The historic moment to query. This parameter applies only if the `supportsHistoricMoment` on [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property of the layer is set to `true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#historicMoment)
      */
     historicMoment: Date;
     /**
-     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of `outSpatialReference`. If `outSpatialReference` is not defined, the spatial reference of the map is used.
+     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of `outSpatialReference`. If `outSpatialReference` is not defined, the [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#spatialReference) of the view is used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#maxAllowableOffset)
      */
     maxAllowableOffset: number;
     /**
-     * A comma delimited list of ObjectIds for the features in the layer/table being queried.
+     * An array of objectIds for the features in the layer/table being queried.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#objectIds)
      */
     objectIds: number[];
     /**
-     * Attribute fields to include in the FeatureSet. Fields must exist in the map layer. You must list actual field names rather than the alias names. You are, however, able to use the alias names when you display the results. You can set field alias names in the map document.  When specifying the output fields, you should limit the fields to only those you expect to use in the query or the results. The fewer fields you include, the faster the response will be.  Each query must have access to the Shape and ObjectId fields for a layer. However, your list of fields does not need to include these two fields.
+     * Attribute fields to include in the FeatureSet. Fields must exist in the map layer. You must list actual field names rather than the alias names. You are, however, able to use the alias names when you display the results.  When specifying the output fields, you should limit the fields to only those you expect to use in the query or the results. The fewer fields you include, the faster the response will be.  Each query must have access to the Shape and ObjectId fields for a layer. However, your list of fields does not need to include these two fields.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#outFields)
      */
     outFields: string[];
     /**
-     * The spatial reference for the returned geometry. If not specified, the geometry is returned in the spatial reference of the map.
+     * The spatial reference for the returned geometry. If `outSpatialReference` is not defined, the [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#spatialReference) of the view is used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#outSpatialReference)
      */
     outSpatialReference: SpatialReference;
     /**
-     * The ID of the relationship to test. The ids for the relationships the table or layer participates in are listed in the ArcGIS Services directory.
+     * The ID of the relationship to be queried. The ids for the relationships the table or layer participates in are listed in the ArcGIS Services directory. The ID of the relationship to be queried. The relationships that this layer/table participates in are included in the Feature Service Layer resource response. Records in tables/layers corresponding to the related table/layer of the relationship are queried.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#relationshipId)
      */
@@ -32528,13 +34729,13 @@ declare namespace __esri {
 
   interface RelationshipQueryProperties {
     /**
-     * The definition expression to be applied to the related table or layer. Only records that fit the definition expression and are in the list of `objectIds` will be returned.
+     * The definition expression to be applied to the related table or layer. Only records in the list of [objectIds](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#objectIds) that satisfy the definition expression are queried for related records.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#definitionExpression)
      */
     definitionExpression?: string;
     /**
-     * Specify the geodatabase version to display.
+     * Specify the geodatabase version to query.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#gdbVersion)
      */
@@ -32546,37 +34747,37 @@ declare namespace __esri {
      */
     geometryPrecision?: number;
     /**
-     * The historic moment to query. This parameter applies only if the `supportsHistoricMoment` property of the layers being queried is set to `true`.
+     * The historic moment to query. This parameter applies only if the `supportsHistoricMoment` on [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#capabilities) property of the layer is set to `true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#historicMoment)
      */
     historicMoment?: DateProperties;
     /**
-     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of `outSpatialReference`. If `outSpatialReference` is not defined, the spatial reference of the map is used.
+     * The maximum allowable offset used for generalizing geometries returned by the query operation. The offset is in the units of `outSpatialReference`. If `outSpatialReference` is not defined, the [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#spatialReference) of the view is used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#maxAllowableOffset)
      */
     maxAllowableOffset?: number;
     /**
-     * A comma delimited list of ObjectIds for the features in the layer/table being queried.
+     * An array of objectIds for the features in the layer/table being queried.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#objectIds)
      */
     objectIds?: number[];
     /**
-     * Attribute fields to include in the FeatureSet. Fields must exist in the map layer. You must list actual field names rather than the alias names. You are, however, able to use the alias names when you display the results. You can set field alias names in the map document.  When specifying the output fields, you should limit the fields to only those you expect to use in the query or the results. The fewer fields you include, the faster the response will be.  Each query must have access to the Shape and ObjectId fields for a layer. However, your list of fields does not need to include these two fields.
+     * Attribute fields to include in the FeatureSet. Fields must exist in the map layer. You must list actual field names rather than the alias names. You are, however, able to use the alias names when you display the results.  When specifying the output fields, you should limit the fields to only those you expect to use in the query or the results. The fewer fields you include, the faster the response will be.  Each query must have access to the Shape and ObjectId fields for a layer. However, your list of fields does not need to include these two fields.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#outFields)
      */
     outFields?: string[];
     /**
-     * The spatial reference for the returned geometry. If not specified, the geometry is returned in the spatial reference of the map.
+     * The spatial reference for the returned geometry. If `outSpatialReference` is not defined, the [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#spatialReference) of the view is used.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#outSpatialReference)
      */
     outSpatialReference?: SpatialReferenceProperties;
     /**
-     * The ID of the relationship to test. The ids for the relationships the table or layer participates in are listed in the ArcGIS Services directory.
+     * The ID of the relationship to be queried. The ids for the relationships the table or layer participates in are listed in the ArcGIS Services directory. The ID of the relationship to be queried. The relationships that this layer/table participates in are included in the Feature Service Layer resource response. Records in tables/layers corresponding to the related table/layer of the relationship are queried.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-RelationshipQuery.html#relationshipId)
      */
@@ -33789,7 +35990,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-StatisticDefinition.html#statisticType)
      */
-    statisticType: string;
+    statisticType: "count" | "sum" | "min" | "max" | "avg" | "stddev" | "var";
   }
 
   interface StatisticDefinitionConstructor {
@@ -33820,7 +36021,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-StatisticDefinition.html#statisticType)
      */
-    statisticType?: string;
+    statisticType?: "count" | "sum" | "min" | "max" | "avg" | "stddev" | "var";
   }
 
   interface TrimExtendParameters extends Accessor {
@@ -39521,7 +41722,7 @@ declare namespace __esri {
      *   * Z: Elevation
      *   
      *   
-     * ![externalRenderers-renderCoordinateTransformAt](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/3d/externalRenderers-renderCoordinateTransformAt.png)  When [view.viewingMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) is `global`, a linear transformation does not take the curvature of the globe or other non-linear projection aspects into account. Thus, the resulting coordinates will only appear correct within a small region around the origin of the local Cartesian system.  The allowable spatial reference of `origin` depends on the [viewingMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode):
+     * ![externalRenderers-renderCoordinateTransformAt](https://developers.arcgis.com/javascript/assets/img/apiref/views/3d/externalRenderers-renderCoordinateTransformAt.png)  When [view.viewingMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) is `global`, a linear transformation does not take the curvature of the globe or other non-linear projection aspects into account. Thus, the resulting coordinates will only appear correct within a small region around the origin of the local Cartesian system.  The allowable spatial reference of `origin` depends on the [viewingMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode):
      *   * In `global` mode, it can either be Web Mercator or WGS84.
      *   * In `local` mode, it has to match [view.spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#spatialReference).
      *   
@@ -39924,7 +42125,7 @@ declare namespace __esri {
      */
     readonly height: number;
     /**
-     * A Popup object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#map).  The view has a default instance of [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) with predefined styles and a template for defining content. The content in this default instance may be modified directly in the [popup's content](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#content) or in a layer's [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).  You may create a new [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) instance and set it to this property to customize the style, positioning, and content of the popup in favor of using the default popup instance on the view.
+     * A Popup object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#map).  The view has a default instance of [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) with predefined styles and a template for defining content. The content in this default instance may be modified directly in the [popup's content](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#content) or in a layer's [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).  You may create a new [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) instance and set it to this property to customize the style, positioning, and content of the popup in favor of using the default popup instance on the view.  In addition, if wanting to prevent any popups from opening, use the syntax below:
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#popup)
      */
@@ -39983,7 +42184,7 @@ declare namespace __esri {
      */
     container?: HTMLDivElement | string;
     /**
-     * A Popup object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#map).  The view has a default instance of [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) with predefined styles and a template for defining content. The content in this default instance may be modified directly in the [popup's content](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#content) or in a layer's [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).  You may create a new [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) instance and set it to this property to customize the style, positioning, and content of the popup in favor of using the default popup instance on the view.
+     * A Popup object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#map).  The view has a default instance of [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) with predefined styles and a template for defining content. The content in this default instance may be modified directly in the [popup's content](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#content) or in a layer's [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).  You may create a new [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) instance and set it to this property to customize the style, positioning, and content of the popup in favor of using the default popup instance on the view.  In addition, if wanting to prevent any popups from opening, use the syntax below:
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-DOMContainer.html#popup)
      */
@@ -40031,10 +42232,105 @@ declare namespace __esri {
 
   }
 
+  interface GamepadInputDevice extends Accessor {
+    /**
+     * The native Gamepad object exposed by the browser.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-gamepad-GamepadInputDevice.html#native)
+     */
+    readonly native: Gamepad;
+  }
+
+  interface GamepadInputDeviceConstructor {
+    /**
+     * Properties and configuration of a gamepad.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-gamepad-GamepadInputDevice.html)
+     */
+
+    new(properties?: GamepadInputDeviceProperties): GamepadInputDevice;
+  }
+
+  export const GamepadInputDevice: GamepadInputDeviceConstructor;
+
+  interface GamepadInputDeviceProperties {
+
+  }
+
+  interface GamepadSettings extends Accessor {
+    /**
+     * A readonly collection of all gamepads detected. Can be watched for gamepads to be connected or disconnected.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-gamepad-GamepadSettings.html#devices)
+     */
+    readonly devices: Collection<GamepadInputDevice>;
+    /**
+     * Determines what focus is required for gamepad events to be dispatched.  Possible values: document | view | none 
+     * 
+     * Possible Value | Description
+     * ---------------|------------
+     * document | Gamepad events are emitted when any part of the current webpage has focus. This allows for gamepad events being emitted even while a UI element is focused.
+     * view | Gamepad events are emitted when the view [container element](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#container) has browser focus. This is useful when multiple views might be present on a single webpage.
+     * none | Gamepad events are emitted independently of focus.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-gamepad-GamepadSettings.html#enabledFocusMode)
+     * 
+     * @default document
+     */
+    enabledFocusMode: "document" | "view" | "none";
+  }
+
+  interface GamepadSettingsConstructor {
+
+
+    new(properties?: GamepadSettingsProperties): GamepadSettings;
+  }
+
+  export const GamepadSettings: GamepadSettingsConstructor;
+
+  interface GamepadSettingsProperties {
+    /**
+     * Determines what focus is required for gamepad events to be dispatched.  Possible values: document | view | none 
+     * 
+     * Possible Value | Description
+     * ---------------|------------
+     * document | Gamepad events are emitted when any part of the current webpage has focus. This allows for gamepad events being emitted even while a UI element is focused.
+     * view | Gamepad events are emitted when the view [container element](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#container) has browser focus. This is useful when multiple views might be present on a single webpage.
+     * none | Gamepad events are emitted independently of focus.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-gamepad-GamepadSettings.html#enabledFocusMode)
+     * 
+     * @default document
+     */
+    enabledFocusMode?: "document" | "view" | "none";
+  }
+
+  interface Input extends Accessor {
+    /**
+     * Gamepad input specific configuration settings.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-input-Input.html#gamepad)
+     */
+    readonly gamepad: GamepadSettings;
+  }
+
+  interface InputConstructor {
+
+
+    new(properties?: InputProperties): Input;
+  }
+
+  export const Input: InputConstructor;
+
+  interface InputProperties {
+
+  }
+
   interface CSVLayerView extends LayerView {
     /**
-     * Highlights the given feature(s). 
-     * > **Known Limitations**  In 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) this method is only supported for [CSVLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html) that have opted in to [WebGL rendering](esri-layers-FeatureLayer.html#webgl-rendering).
+     * Highlights the given feature(s).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-CSVLayerView.html#highlight)
      * 
@@ -40044,7 +42340,8 @@ declare namespace __esri {
     highlight(target?: Graphic | Graphic[] | number | number[]): any;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns the [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of features that satisfy the query. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are not currently supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
      *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
@@ -40060,7 +42357,8 @@ declare namespace __esri {
     queryExtent(params?: Query | QueryProperties): IPromise<any>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns the number of features that satisfy the query. If query parameters are not provided, the count of all features available for drawing is returned. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
      *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
@@ -40076,7 +42374,8 @@ declare namespace __esri {
     queryFeatureCount(params?: Query | QueryProperties): IPromise<number>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html). If query parameters are not provided, all features available for drawing are returned. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
      *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
@@ -40092,7 +42391,8 @@ declare namespace __esri {
     queryFeatures(params?: Query | QueryProperties): IPromise<FeatureSet>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns array of the ObjectIDs of features that satisfy the input query. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
      *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
@@ -40129,8 +42429,7 @@ declare namespace __esri {
     readonly layer: FeatureLayer;
 
     /**
-     * Highlights the given feature(s). 
-     * > **Known Limitations**  In 2D [MapViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) this method is only supported for [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) that have opted in to [WebGL rendering](esri-layers-FeatureLayer.html#webgl-rendering).
+     * Highlights the given feature(s).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight)
      * 
@@ -40140,10 +42439,11 @@ declare namespace __esri {
     highlight(target?: Graphic | Graphic[] | number | number[]): any;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns the [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of features that satisfy the query. Valid only for [hosted feature services](http://doc.arcgis.com/en/arcgis-online/share-maps/hosted-web-layers.htm) on [arcgis.com](http://arcgis.com) and for ArcGIS Server 10.3.1 and later. If query parameters are not provided, the extent and count of all features available for drawing are returned.  To query for the extent of features directly from a Feature Service rather than those visible in the view, you must use the [FeatureLayer.queryExtent()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryExtent) method. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries are executed against quantized geometries in the layer view. The resolution of layer view geometries, is only as precise as the scale resolution of the view. Therefore, the results of the same query could be different when executed at different scales. This also means that geometries returned from any layer view query will likewise be at the same scale resolution of the view.
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
-     *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
+     *   * Spatial queries are not currently supported if the FeatureLayerView has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
      *   * Gusterberg (Ferro) (8042) – Austria/Czech Republic
      *   * ISN2016 (8086) - Iceland
@@ -40157,10 +42457,11 @@ declare namespace __esri {
     queryExtent(params?: Query | QueryProperties): IPromise<any>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns the number of features that satisfy the query. If query parameters are not provided, the count of all features available for drawing is returned.  To query for the count of features directly from a Feature Service rather than those visible in the view, you must use the [FeatureLayer.queryFeatureCount()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatureCount) method. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries are executed against quantized geometries in the layer view. The resolution of layer view geometries, is only as precise as the scale resolution of the view. Therefore, the results of the same query could be different when executed at different scales. This also means that geometries returned from any layer view query will likewise be at the same scale resolution of the view.
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
-     *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
+     *   * Spatial queries are not currently supported if the FeatureLayerView has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
      *   * Gusterberg (Ferro) (8042) – Austria/Czech Republic
      *   * ISN2016 (8086) - Iceland
@@ -40174,10 +42475,11 @@ declare namespace __esri {
     queryFeatureCount(params?: Query | QueryProperties): IPromise<number>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns a [FeatureSet](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-FeatureSet.html). If query parameters are not provided, all features available for drawing are returned.  To execute a query against all the features in a Feature Service rather than only those in the client, you must use the [FeatureLayer.queryFeatures()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryFeatures) method. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries are executed against quantized geometries in the layer view. The resolution of layer view geometries, is only as precise as the scale resolution of the view. Therefore, the results of the same query could be different when executed at different scales. This also means that geometries returned from any layer view query will likewise be at the same scale resolution of the view.
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
-     *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
+     *   * Spatial queries are not currently supported if the FeatureLayerView has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
      *   * Gusterberg (Ferro) (8042) – Austria/Czech Republic
      *   * ISN2016 (8086) - Iceland
@@ -40191,10 +42493,11 @@ declare namespace __esri {
     queryFeatures(params?: Query | QueryProperties): IPromise<FeatureSet>;
     /**
      * Executes a [Query](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-Query.html) against features available for drawing in the layer view and returns array of the ObjectIDs of features that satisfy the input query. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned.  To query for ObjectIDs of features directly from a Feature Service rather than those visible in the view, you must use the [FeatureLayer.queryObjectIds()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryObjectIds) method. 
-     * > **Known Limitations**  **3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) limitations**  Queries with `outStatistics` and any other parameter involving statistics are currently not supported.  **SVG limitations (default)**  Only the `geometry` , `objectIds`, and `spatialRelationship`  properties are supported in the query object. Spatial queries only support [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) geometries with `spatialRelationship = 'intersects'`.  **WebGL limitations** 
+     * > **Known Limitations** 
+     *   * Queries with `outStatistics` and any other parameter involving statistics are currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      *   * Spatial queries are executed against quantized geometries in the layer view. The resolution of layer view geometries, is only as precise as the scale resolution of the view. Therefore, the results of the same query could be different when executed at different scales. This also means that geometries returned from any layer view query will likewise be at the same scale resolution of the view.
      *   * Spatial queries have the same limitations as those listed in the [projection engine](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html) documentation.
-     *   * Spatial queries are not currently supported if the layer view has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
+     *   * Spatial queries are not currently supported if the FeatureLayerView has any of the following [SpatialReferences](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html):
      *   * GDM 2000 (4742) – Malaysia
      *   * Gusterberg (Ferro) (8042) – Austria/Czech Republic
      *   * ISN2016 (8086) - Iceland
@@ -40531,7 +42834,7 @@ declare namespace __esri {
      */
     connect(): IPromise<any>;
     /**
-     * Closes the web socket connection with the stream service. This is called internally when the StreamLayer is removed from a view.  To verify when the connection is closed, watch the [connectionStatus](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#property:connectionStatus) property.
+     * Closes the web socket connection with the stream service. This is called internally when the StreamLayer is removed from a view. To verify when the connection is closed, watch the [connectionStatus](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#connectionStatus) property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#disconnect)
      * 
@@ -40539,7 +42842,7 @@ declare namespace __esri {
      */
     disconnect(): void;
     /**
-     * Updates the [filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#filter) on the StreamLayerView. The filter is updated only on the layer view from which it is called. To update the filter on all layer views generated from a common layer, use the [StreamLayer.updateFilter()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#updateFilter) method. If the input `filter` object is `undefined` or `null`, the spatial and attribute filters are removed.  Filter changes only apply to incoming features. Features already displayed in the view are not filtered. Therefore, you may want to clear the graphics in the layer view prior to applying a new filter. To do so, get the layer view then call [removeAll()](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#removeAll) on the [StreamLayerView.graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#graphics). You may also filter features already present in the view using the [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) methods. See the examples below.
+     * Updates the [filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#filter) on the StreamLayerView. The filter is updated only on the layer view from which it is called. To update the filter on all layer views generated from a common layer, use the [StreamLayer.updateFilter()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html#updateFilter) method. If the input `filter` object is `undefined` or `null`, the spatial and attribute filters are removed.  Filter changes only apply to incoming features. Features already displayed in the view will be removed automatically.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html#updateFilter)
      * 
@@ -40556,7 +42859,7 @@ declare namespace __esri {
 
   interface StreamLayerViewConstructor {
     /**
-     * The StreamLayerView provides methods for connecting, disconnecting, and filtering data received from a stream service for a layer view associated with a [StreamLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html).
+     * Represents the [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) of a [StreamLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html) after it has been added to a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html) in either a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-StreamLayerView.html)
      */
@@ -40632,8 +42935,7 @@ declare namespace __esri {
      */
     extent: Extent;
     /**
-     * Options for configuring the highlight. Use the highlight method on the appropriate [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) to highlight a feature. 
-     * > **Known Limitations**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight. See [FeatureLayerView.highlight()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) for details of how to highlight features.
+     * Options for configuring the highlight. Use the highlight method on the appropriate [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) to highlight a feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions)
      */
@@ -40700,9 +43002,9 @@ declare namespace __esri {
      * @param target.scale The [MapView.scale](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#scale) to go to.
      * @param target.zoom The [MapView.zoom](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#zoom) to go to.
      * @param options Animation options. See properties below for object specifications.
-     * @param options.animate Indicates if the transition to the new view should be animated.
+     * @param options.animate Indicates if the transition to the new view should be animated. If set to false, `duration` and `easing` properties are ignored.
      * @param options.duration The duration of the animation in milliseconds.
-     * @param options.easing The easing function used for the animation.  **Possible Values:** linear | ease | ease-in | ease-out | ease-in-out
+     * @param options.easing The easing function used for the animation. See [easing functions](https://easings.net/) for graphical representations of these functions.  **Possible Values:** linear | ease | ease-in | ease-out | ease-in-out
      * 
      */
     goTo(target: number[] | Geometry | Geometry[] | Graphic | Graphic[] | Viewpoint | MapViewGoToTarget, options?: MapViewGoToOptions): IPromise<any>;
@@ -40730,9 +43032,9 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#on)
      * 
-     * @param type The name of the event or the events to listen for.
-     * @param modifiersOrHandler Additional modifier keys to filter the events by. Alternatively, if no modifiers are required, the function to call when the event is fired.
-     * @param handler? The function to call when the event is fired, if modifiers were specified.
+     * @param type The name of the event or events to listen for.
+     * @param modifiersOrHandler Additional modifier keys to filter events. Please see [Key Values](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values) for possible values. All the standard key values are supported. Alternatively, if no modifiers are required, the function will call when the event fires.  The following events don't support modifier keys: `blur`, `focus`, `layerview-create`, `layerview-destroy`, `resize`.
+     * @param handler The function to call when the event is fired, if modifiers were specified.
      * 
      */
     on(type: string | string[], modifiersOrHandler: string[] | EventHandler, handler?: EventHandler): IHandle;
@@ -40866,8 +43168,7 @@ declare namespace __esri {
      */
     extent?: ExtentProperties;
     /**
-     * Options for configuring the highlight. Use the highlight method on the appropriate [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) to highlight a feature. 
-     * > **Known Limitations**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight. See [FeatureLayerView.highlight()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) for details of how to highlight features.
+     * Options for configuring the highlight. Use the highlight method on the appropriate [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) to highlight a feature.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions)
      */
@@ -41170,7 +43471,7 @@ declare namespace __esri {
 
   export interface MapViewGoToOptions extends Object {
     /**
-     * Indicates if the transition to the new view should be animated.
+     * Indicates if the transition to the new view should be animated. If set to false, `duration` and `easing` properties are ignored.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo)
      * 
@@ -41181,10 +43482,12 @@ declare namespace __esri {
      * The duration of the animation in milliseconds.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo)
+     * 
+     * @default 200
      */
     duration?: number;
     /**
-     * The easing function used for the animation.  **Possible Values:** linear | ease | ease-in | ease-out | ease-in-out
+     * The easing function used for the animation. See [easing functions](https://easings.net/) for graphical representations of these functions.  **Possible Values:** linear | ease | ease-in | ease-out | ease-in-out
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo)
      * 
@@ -41475,6 +43778,105 @@ declare namespace __esri {
     mapPoint: Point;
   }
 
+  interface gamepadGamepadSettings extends Accessor {
+    /**
+     * Use this property to explicitly select the gamepad device for map and scene navigation. If unspecified then all connected gamepads will be able to navigate.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#device)
+     * 
+     * @default null
+     */
+    device: GamepadInputDevice;
+    /**
+     * Whether gamepad navigation is enabled on the View. If this is enabled, but no `device` is specified, the first supported one will be selected automatically.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#enabled)
+     * 
+     * @default true
+     */
+    enabled: boolean;
+    /**
+     * This setting controls the behavior of forward and back movement of the left stick. If set to `pan`, movement will be at a constant altitude (panning the view forward and backward) whereas `zoom` will move the view in the viewing direction. Pan is best suited for exploring a scene as if on foot or in a car. Zoom mode provides great control to navigate the scene similar to a flight simulator.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#mode)
+     * 
+     * @default pan
+     */
+    mode: "pan" | "zoom";
+    /**
+     * Determines whether pressing the tilt axis forwards make the view tilt down (towards the nadir), or up (towards the zenith). The default behavior is to tilt the view down when pressing the stick that controls tilt forwards.  **Possible Values:** forward-down | forward-up
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#tiltDirection)
+     * 
+     * @default forward-down
+     */
+    tiltDirection: "forward-down" | "forward-up";
+  }
+
+  interface gamepadGamepadSettingsConstructor {
+
+
+    new(properties?: gamepadGamepadSettingsProperties): gamepadGamepadSettings;
+  }
+
+  export const gamepadGamepadSettings: gamepadGamepadSettingsConstructor;
+
+  interface gamepadGamepadSettingsProperties {
+    /**
+     * Use this property to explicitly select the gamepad device for map and scene navigation. If unspecified then all connected gamepads will be able to navigate.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#device)
+     * 
+     * @default null
+     */
+    device?: GamepadInputDeviceProperties;
+    /**
+     * Whether gamepad navigation is enabled on the View. If this is enabled, but no `device` is specified, the first supported one will be selected automatically.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#enabled)
+     * 
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * This setting controls the behavior of forward and back movement of the left stick. If set to `pan`, movement will be at a constant altitude (panning the view forward and backward) whereas `zoom` will move the view in the viewing direction. Pan is best suited for exploring a scene as if on foot or in a car. Zoom mode provides great control to navigate the scene similar to a flight simulator.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#mode)
+     * 
+     * @default pan
+     */
+    mode?: "pan" | "zoom";
+    /**
+     * Determines whether pressing the tilt axis forwards make the view tilt down (towards the nadir), or up (towards the zenith). The default behavior is to tilt the view down when pressing the stick that controls tilt forwards.  **Possible Values:** forward-down | forward-up
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-gamepad-GamepadSettings.html#tiltDirection)
+     * 
+     * @default forward-down
+     */
+    tiltDirection?: "forward-down" | "forward-up";
+  }
+
+  interface Navigation extends Accessor {
+    /**
+     * Gamepad navigation specific configuration settings.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-navigation-Navigation.html#gamepad)
+     */
+    readonly gamepad: gamepadGamepadSettings;
+  }
+
+  interface NavigationConstructor {
+
+
+    new(properties?: NavigationProperties): Navigation;
+  }
+
+  export const Navigation: NavigationConstructor;
+
+  interface NavigationProperties {
+
+  }
+
   interface SceneView extends View, BreakpointsOwner {
     /**
      * Allows the view to be partially or fully transparent when composited with the webpage elements behind it. This property can only be set once at construction time. When alpha compositing is enabled, web scenes are less performant. It's important to set this property to `true` only when you need to apply transparency on the view.
@@ -41499,7 +43901,7 @@ declare namespace __esri {
      */
     center: Point;
     /**
-     * Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of a local scene. If defined, only data (including the basemap) within the area will be displayed.  The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) scenes.  ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-clipping-area.png%20%22Local%20scene%20with%20clippingArea%22)  The clippingArea property contains an internal reference which may be modified in the future. To persist or modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#clone).
+     * Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of a local scene. If defined, only data (including the basemap) within the area will be displayed.  The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) scenes.  ![scene-clipping-area](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-clipping-area.png%20%22Local%20scene%20with%20clippingArea%22)  The clippingArea property contains an internal reference which may be modified in the future. To persist or modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#clone).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clippingArea)
      */
@@ -41585,8 +43987,8 @@ declare namespace __esri {
      * 
      * Value | Example | Description
      * ------|-------|------------
-     * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
-     * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clipplingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
+     * global | ![scene-global](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
+     * local | ![scene-local](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clipplingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
      * 
      * Depending on the viewing mode different [supported coordinate systems](esri-views-SceneView.html#supported-coordinate-systems) are available.
      * 
@@ -41639,11 +44041,11 @@ declare namespace __esri {
      * @param target.tilt The [Camera.tilt](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position) to go to.
      * @param target.position The [Camera.position](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position) to go to.
      * @param options View transition options.
-     * @param options.animate Indicates if the transition to the new view should be animated.
+     * @param options.animate Indicates if the transition to the new view should be animated. If set to false, `speedFactor`, `duration`, `maxDuration`, and `easing` properties are ignored.
      * @param options.speedFactor Increases or decreases the animation speed by the specified factor. A speedFactor of 2 will make the animation twice as fast, while a speedFactor of 0.5 will make the animation half as fast. Setting the speed factor will automatically adapt the default maxDuration accordingly.
      * @param options.duration Set the exact duration (in milliseconds) of the animation. Note that by default, animation duration is calculated based on the time required to reach the target at a constant speed. Setting duration overrides the speedFactor option. Note that the resulting duration is still limited to the maxDuration.
      * @param options.maxDuration The maximum allowed duration (in milliseconds) of the animation. The default maxDuration value takes the specified speedFactor into account.
-     * @param options.easing The easing function to use for the animation. This may either be a preset (named) function, or a user specified function. Supported named presets are: `linear`, `in-cubic`, `out-cubic`, `in-out-cubic`, `in-expo`, `out-expo`, `in-out-expo`  By default, animations that are less than 1000 ms use an out easing function; longer animations use an in-out function.
+     * @param options.easing The easing function to use for the animation. This may either be a preset (named) function, or a user specified function. Supported named presets are: `linear`, `in-cubic`, `out-cubic`, `in-out-cubic`, `in-expo`, `out-expo`, `in-out-expo`, `in-out-coast-quadratic`. See [easing functions](https://easings.net/) for graphical representations of these functions.  By default, animations that are less than 1000 ms use the `out-expo` easing function; longer animations use the `in-out-coast-quadratic` easing function.
      * 
      */
     goTo(target: number[] | Geometry | Geometry[] | Graphic | Graphic[] | Viewpoint | Camera | SceneViewGoToTarget, options?: SceneViewGoToOptions): IPromise<any>;
@@ -41671,12 +44073,26 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#on)
      * 
-     * @param type The name of the event or the events to listen for.
-     * @param modifiersOrHandler Additional modifier keys to filter the events by. Alternatively, if no modifiers are required, the function to call when the event is fired.
-     * @param handler? The function to call when the event is fired, if modifiers were specified.
+     * @param type The name of the event or events to listen for.
+     * @param modifiersOrHandler Additional modifier keys to filter events. Please see [Key Values](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values) for possible values. All the standard key values are supported. Alternatively, if no modifiers are required, the function will call when the event fires.  The following events don't support modifier keys: `blur`, `focus`, `layerview-create`, `layerview-destroy`, `resize`.
+     * @param handler The function to call when the event is fired, if modifiers were specified.
      * 
      */
     on(type: string | string[], modifiersOrHandler: string[] | EventHandler, handler?: EventHandler): IHandle;
+    /**
+     * Create a screenshot of the current view. Screenshots include only elements that are rendered on the canvas (all geographical elements), but excludes overlayed DOM elements (UI, popups, measurement labels, etc.). By default, a screenshot of the whole view is created. Different options allow for creating different types of screenshots, including taking screenshots at different aspect ratios, different resolutions and creating thumbnails.  Screenshots are always taken inside the padded area of the view (see [padding](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#padding)).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     * 
+     * @param options Screenshot options.
+     * @param options.format The format of the resulting encoded data url.  **Possible values**: jpg | png.
+     * @param options.quality The quality (0 to 100) of the encoded image when encoding as `jpg`.
+     * @param options.width The width of the screenshot (defaults to the area width). The height will be derived automatically if left unspecified, according to the aspect ratio of the of the screenshot area.
+     * @param options.height The height of the screenshot (defaults to the area height). The width will be derived automatically if left unspecified, according to the aspect ratio of the screenshot area.
+     * @param options.area Specifies whether to take a screenshot of a specific area of the view. The area coordinates are relative to the origin of the padded view (see [padding](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#padding)) and will be clipped to the view size. Defaults to the whole view (padding excluded).
+     * 
+     */
+    takeScreenshot(options?: SceneViewTakeScreenshotOptions): IPromise<Screenshot>;
     /**
      * Converts the given screen point to a [map point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html).
      * 
@@ -41810,7 +44226,7 @@ declare namespace __esri {
      */
     center?: PointProperties | number[];
     /**
-     * Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of a local scene. If defined, only data (including the basemap) within the area will be displayed.  The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) scenes.  ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-clipping-area.png%20%22Local%20scene%20with%20clippingArea%22)  The clippingArea property contains an internal reference which may be modified in the future. To persist or modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#clone).
+     * Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html) of a local scene. If defined, only data (including the basemap) within the area will be displayed.  The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewingMode) scenes.  ![scene-clipping-area](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-clipping-area.png%20%22Local%20scene%20with%20clippingArea%22)  The clippingArea property contains an internal reference which may be modified in the future. To persist or modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#clone).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clippingArea)
      */
@@ -41896,8 +44312,8 @@ declare namespace __esri {
      * 
      * Value | Example | Description
      * ------|-------|------------
-     * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
-     * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clipplingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
+     * global | ![scene-global](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
+     * local | ![scene-local](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clipplingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
      * 
      * Depending on the viewing mode different [supported coordinate systems](esri-views-SceneView.html#supported-coordinate-systems) are available.
      * 
@@ -42510,8 +44926,8 @@ declare namespace __esri {
      * 
      *   Known Value | Example
      *   ------------|---------
-     *   low | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-atmosphere.png)
-     *   high | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-atmosphere-realistic.png)
+     *   low | ![scene-atmosphere](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-atmosphere.png)
+     *   high | ![scene-atmosphere](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-atmosphere-realistic.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#environment)
@@ -42527,8 +44943,8 @@ declare namespace __esri {
      * 
      *   Known Value | Example
      *   ------------|---------
-     *   low | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-atmosphere.png)
-     *   high | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/img/apiref/views/scene-atmosphere-realistic.png)
+     *   low | ![scene-atmosphere](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-atmosphere.png)
+     *   high | ![scene-atmosphere](https://developers.arcgis.com/javascript/assets/img/apiref/views/scene-atmosphere-realistic.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#environment)
@@ -42612,7 +45028,7 @@ declare namespace __esri {
 
   export interface SceneViewGoToOptions extends Object {
     /**
-     * Indicates if the transition to the new view should be animated.
+     * Indicates if the transition to the new view should be animated. If set to false, `speedFactor`, `duration`, `maxDuration`, and `easing` properties are ignored.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo)
      * 
@@ -42642,7 +45058,7 @@ declare namespace __esri {
      */
     maxDuration?: number;
     /**
-     * The easing function to use for the animation. This may either be a preset (named) function, or a user specified function. Supported named presets are: `linear`, `in-cubic`, `out-cubic`, `in-out-cubic`, `in-expo`, `out-expo`, `in-out-expo`  By default, animations that are less than 1000 ms use an out easing function; longer animations use an in-out function.
+     * The easing function to use for the animation. This may either be a preset (named) function, or a user specified function. Supported named presets are: `linear`, `in-cubic`, `out-cubic`, `in-out-cubic`, `in-expo`, `out-expo`, `in-out-expo`, `in-out-coast-quadratic`. See [easing functions](https://easings.net/) for graphical representations of these functions.  By default, animations that are less than 1000 ms use the `out-expo` easing function; longer animations use the `in-out-coast-quadratic` easing function.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo)
      */
@@ -42767,6 +45183,72 @@ declare namespace __esri {
   }
 
 
+  export interface SceneViewTakeScreenshotOptions extends Object {
+    /**
+     * The format of the resulting encoded data url.  **Possible values**: jpg | png.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     * 
+     * @default jpg
+     */
+    format?: string;
+    /**
+     * The quality (0 to 100) of the encoded image when encoding as `jpg`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     * 
+     * @default 98
+     */
+    quality?: number;
+    /**
+     * The width of the screenshot (defaults to the area width). The height will be derived automatically if left unspecified, according to the aspect ratio of the of the screenshot area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    width?: number;
+    /**
+     * The height of the screenshot (defaults to the area height). The width will be derived automatically if left unspecified, according to the aspect ratio of the screenshot area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    height?: number;
+    /**
+     * Specifies whether to take a screenshot of a specific area of the view. The area coordinates are relative to the origin of the padded view (see [padding](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#padding)) and will be clipped to the view size. Defaults to the whole view (padding excluded).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    area?: SceneViewTakeScreenshotOptionsArea;
+  }
+
+
+  export interface SceneViewTakeScreenshotOptionsArea extends Object {
+    /**
+     * The x coordinate of the area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    x?: number;
+    /**
+     * The y coordinate of the area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    y?: number;
+    /**
+     * The width of the area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    width?: number;
+    /**
+     * The height of the area.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot)
+     */
+    height?: number;
+  }
+
+
   export interface SceneViewToMapScreenPoint extends Object {
     /**
      * The horizontal screen coordinate to convert.
@@ -42782,6 +45264,26 @@ declare namespace __esri {
     y: number;
   }
 
+  /**
+   * Object returned when [takeScreenshot()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#takeScreenshot) promise resolves:
+   * 
+   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#Screenshot)
+   */
+  export interface Screenshot extends Object {
+    /**
+     * A data url representing the screenshot.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#Screenshot)
+     */
+    dataUrl: string;
+    /**
+     * The raw RGBA image data.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#Screenshot)
+     */
+    data: ImageData;
+  }
+
 
   export interface SceneViewDragEventOrigin extends Object {
 
@@ -43033,6 +45535,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#groundView)
      */
     readonly groundView: GroundView;
+    /**
+     * Options to configure input handling of the View.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#input)
+     */
+    readonly input: Input;
     /**
      * Indication whether the view is being interacted with (for example when panning).
      * 
@@ -43053,6 +45561,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#map)
      */
     map: Map;
+    /**
+     * Options to configure the navigation behavior of the View.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#navigation)
+     */
+    readonly navigation: Navigation;
     /**
      * Use the padding property to make the [center](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#center), and [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#extent), etc. work off a subsection of the full view. This is particularly useful when layering UI elements or semi-transparent content on top of portions of the view. See the [view padding sample](https://developers.arcgis.com/javascript/latest/sample-code/view-padding/index.html) for an example of how this works.
      * 
@@ -43075,6 +45589,12 @@ declare namespace __esri {
      * @default false
      */
     readonly ready: boolean;
+    /**
+     * Represents the current value of one pixel in the unit of the view's [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#spatialReference). The value of resolution is calculated by dividing the view's [extent width](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#width) by [its width](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#width).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#resolution)
+     */
+    readonly resolution: number;
     /**
      * The spatial reference of the view. This indicates the [Projected Coordinate System](https://developers.arcgis.com/rest/services-reference/projected-coordinate-systems.htm) or the [Geographic Coordinate System](https://developers.arcgis.com/rest/services-reference/geographic-coordinate-systems.htm) used to locate geographic features in the map. In a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) the following [supported coordinate systems](esri-views-SceneView.html#supported-coordinate-systems) are available.  The spatial reference can either be set explicitly or automatically derived from the following: 
      *   * In the case of a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html), if the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#map) is a [WebScene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) instance, the [WebScene.initialViewProperties.spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#initialViewProperties) is used.
@@ -43289,7 +45809,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks)
      */
-    bookmarks: any[];
+    bookmarks: Collection<Bookmark>;
     /**
      * The initial view of the WebMap. This object contains properties such as [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-InitialViewProperties.html#viewpoint), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-InitialViewProperties.html#spatialReference), that should be applied to the view when the WebMap loads.
      * 
@@ -43367,6 +45887,14 @@ declare namespace __esri {
      * 
      */
     load(): IPromise<any>;
+    /**
+     * Loads all the externally loadable resources associated with the webmap. For the webmap this will load the ground, basemap and layers.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#loadAll)
+     * 
+     * 
+     */
+    loadAll(): IPromise<WebMap>;
   }
 
   interface WebMapConstructor {
@@ -43393,7 +45921,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks)
      */
-    bookmarks?: any[];
+    bookmarks?: CollectionProperties<BookmarkProperties>;
     /**
      * The initial view of the WebMap. This object contains properties such as [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-InitialViewProperties.html#viewpoint), [spatialReference](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-InitialViewProperties.html#spatialReference), that should be applied to the view when the WebMap loads.
      * 
@@ -43426,6 +45954,66 @@ declare namespace __esri {
     widgets?: any;
   }
 
+  interface Bookmark extends Accessor {
+    /**
+     * The extent of the specified bookmark item.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#extent)
+     */
+    extent: Extent;
+    /**
+     * The name of the bookmark item. Used as a label in the [Bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html) widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#name)
+     */
+    name: string;
+    /**
+     * The URL for a thumbnail image.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#thumbnail)
+     */
+    thumbnail: BookmarkThumbnail;
+  }
+
+  interface BookmarkConstructor {
+
+
+    new(properties?: BookmarkProperties): Bookmark;
+  }
+
+  export const Bookmark: BookmarkConstructor;
+
+  interface BookmarkProperties {
+    /**
+     * The extent of the specified bookmark item.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#extent)
+     */
+    extent?: ExtentProperties;
+    /**
+     * The name of the bookmark item. Used as a label in the [Bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html) widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#name)
+     */
+    name?: string;
+    /**
+     * The URL for a thumbnail image.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#thumbnail)
+     */
+    thumbnail?: BookmarkThumbnail;
+  }
+
+
+  export interface BookmarkThumbnail extends Object {
+    /**
+     * URL to a thumbnail to display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html#thumbnail)
+     */
+    url?: string;
+  }
+
   interface InitialViewProperties extends Accessor, corePromise {
     /**
      * The spatial reference of the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html). This indicates the [Projected Coordinate System](https://developers.arcgis.com/rest/services-reference/projected-coordinate-systems.htm) or the [Geographic Coordinate System](https://developers.arcgis.com/rest/services-reference/geographic-coordinate-systems.htm) used to locate geographic features in the map.
@@ -43572,6 +46160,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#sourceVersion)
      */
     readonly sourceVersion: WebSceneSourceVersion;
+    /**
+     * The URL to the thumbnail used for the web scene. The thumbnail will by default be the thumbnail URL from the portal item associated to the web scene. The thumbnail of the web scene may be updated by changing the thumbnail URL and saving the web scene. Use #updateFrom to update the thumbnail automatically from a specified view.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#thumbnailUrl)
+     */
+    thumbnailUrl: string;
 
     /**
      * Triggers the loading of the WebScene instance.  A WebScene is considered [loaded](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#loaded) when its [operational layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#layers), [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#basemap) and [ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#ground) are fully created. When created with a [portalItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#portalItem), `load()` will first fetch its data to create the content, otherwise it resolves immediately.  The [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) automatically calls the `load()` method when a WebScene instance is added to its [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#map) property so it can display in the view and load each individual layer. If the WebScene is used outside of a view, for example to preload it, you must call `load()` explicitly to interact with its resources.
@@ -43581,6 +46175,14 @@ declare namespace __esri {
      * 
      */
     load(): IPromise<any>;
+    /**
+     * Loads all the externally loadable resources associated with the webscene. For the webscene this will load the ground, basemap, layers and slide basemaps.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#loadAll)
+     * 
+     * 
+     */
+    loadAll(): IPromise<WebScene>;
     /**
      * Saves the webscene to its associated portal item. The portal item to save to must already exist and be valid. This is a convenience method that will use [PortalItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-PortalItem.html#update) to store the webscene in the item. The web scene is saved according to [web scene specification](https://developers.arcgis.com/web-scene-specification/) standards.  Use [updateFrom](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom) to store the current view properties in the webscene before saving it.  Note that this saves the webscene to its existing item. Depending on how the scene is shared, users that do not own the scene may modify it. To save an existing scene as a new item owned by the user signed into the portal instance, use [saveAs()](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#saveAs).  The webscene will be automatically loaded if it is not already before saving.
      * 
@@ -43612,17 +46214,19 @@ declare namespace __esri {
      */
     toJSON(): any;
     /**
-     * Update properties of the WebScene related to the view. This should usually be called just before saving a scene. The following properties are updated from the view:  1. `initialViewProperties.spatialReference` 2. `initialViewProperties.viewingMode` 3. `clippingArea` 4. `heightModelInfo`  Depending on the provided options, the following properties are also updated:  1. `initialViewProperties.environment` 1. `initialViewProperties.viewpoint`
+     * Update properties of the WebScene related to the view. This should usually be called just before saving a scene. The following properties are updated from the view:  1. `initialViewProperties.spatialReference` 2. `initialViewProperties.viewingMode` 3. `clippingArea` 4. `heightModelInfo`  Depending on the provided options, the following properties are also updated:  1. `initialViewProperties.environment` 2. `initialViewProperties.viewpoint` 3. `thumbnail`
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
      * 
      * @param view the view to update from.
      * @param options update options.
-     * @param options.environmentExcluded update the initial environment from the view, defaults to false.
-     * @param options.viewpointExcluded update the initial viewpoint from the view, defaults to false.
+     * @param options.environmentExcluded do not update the initial environment from the view, defaults to false.
+     * @param options.viewpointExcluded do not update the initial viewpoint from the view, defaults to false.
+     * @param options.thumbnailExcluded do not update the thumbnail from the view, defaults to viewpointExcluded.
+     * @param options.thumbnailSize the size of the thumbnail. Defaults to 600x400 (ratio 1.5:1). Note that the thumbnail size may currently not be larger than the size of the view.
      * 
      */
-    updateFrom(view: SceneView, options?: WebSceneUpdateFromOptions): void;
+    updateFrom(view: SceneView, options?: WebSceneUpdateFromOptions): IPromise<any>;
   }
 
   interface WebSceneConstructor {
@@ -43693,6 +46297,12 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#presentation)
      */
     presentation?: PresentationProperties;
+    /**
+     * The URL to the thumbnail used for the web scene. The thumbnail will by default be the thumbnail URL from the portal item associated to the web scene. The thumbnail of the web scene may be updated by changing the thumbnail URL and saving the web scene. Use #updateFrom to update the thumbnail automatically from a specified view.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#thumbnailUrl)
+     */
+    thumbnailUrl?: string;
   }
 
   interface ApplicationProperties extends Accessor {
@@ -44026,7 +46636,7 @@ declare namespace __esri {
      */
     atmosphereEnabled: boolean;
     /**
-     * Specifies how the background of the scene (which lies behind sky, stars and atmosphere) should be displayed. By default this is simply a single, fully opaque, black color.
+     * Specifies how the background of the scene (which lies behind sky, stars and atmosphere) should be displayed. The default value of `null` displays a single, fully opaque, black color.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Environment.html#background)
      * 
@@ -44076,7 +46686,7 @@ declare namespace __esri {
      */
     atmosphereEnabled?: boolean;
     /**
-     * Specifies how the background of the scene (which lies behind sky, stars and atmosphere) should be displayed. By default this is simply a single, fully opaque, black color.
+     * Specifies how the background of the scene (which lies behind sky, stars and atmosphere) should be displayed. The default value of `null` displays a single, fully opaque, black color.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Environment.html#background)
      * 
@@ -44286,16 +46896,16 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/satellite.jpg)
-     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/hybrid.jpg)
-     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/oceans.jpg)
-     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/national-geographic.jpg)
-     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/terrain.jpg)
-     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/osm.jpg)
+     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/satellite.jpg)
+     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/hybrid.jpg)
+     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/oceans.jpg)
+     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/national-geographic.jpg)
+     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/terrain.jpg)
+     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/osm.jpg)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Slide.html#basemap)
@@ -44422,16 +47032,16 @@ declare namespace __esri {
      * 
      * Value | Description
      * ------|------------
-     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/streets.jpg)
-     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/satellite.jpg)
-     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/hybrid.jpg)
-     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/topo.jpg)
-     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/gray.jpg)
-     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/dark-gray.jpg)
-     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/oceans.jpg)
-     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/national-geographic.jpg)
-     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/terrain.jpg)
-     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/latest/assets/img/apiref/basemap/osm.jpg)
+     * streets | ![basemap-streets](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/streets.jpg)
+     * satellite | ![basemap-satellite](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/satellite.jpg)
+     * hybrid | ![basemap-hybrid](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/hybrid.jpg)
+     * topo | ![basemap-topo](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/topo.jpg)
+     * gray | ![basemap-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/gray.jpg)
+     * dark-gray | ![basemap-dark-gray](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/dark-gray.jpg)
+     * oceans | ![basemap-oceans](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/oceans.jpg)
+     * national-geographic | ![basemap-national-geographic](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/national-geographic.jpg)
+     * terrain | ![basemap-terrain](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/terrain.jpg)
+     * osm | ![basemap-osm](https://developers.arcgis.com/javascript/assets/img/apiref/basemap/osm.jpg)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Slide.html#basemap)
@@ -44565,7 +47175,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Slide.html#createFrom)
      * 
-     * @default 112
+     * @default 120
      */
     width?: number;
     /**
@@ -44573,7 +47183,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Slide.html#createFrom)
      * 
-     * @default 61
+     * @default 75
      */
     height?: number;
   }
@@ -44764,17 +47374,45 @@ declare namespace __esri {
 
   export interface WebSceneUpdateFromOptions extends Object {
     /**
-     * update the initial environment from the view, defaults to false.
+     * do not update the initial environment from the view, defaults to false.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
      */
     environmentExcluded?: boolean;
     /**
-     * update the initial viewpoint from the view, defaults to false.
+     * do not update the initial viewpoint from the view, defaults to false.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
      */
     viewpointExcluded?: boolean;
+    /**
+     * do not update the thumbnail from the view, defaults to viewpointExcluded.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
+     */
+    thumbnailExcluded?: boolean;
+    /**
+     * the size of the thumbnail. Defaults to 600x400 (ratio 1.5:1). Note that the thumbnail size may currently not be larger than the size of the view.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
+     */
+    thumbnailSize?: WebSceneUpdateFromOptionsThumbnailSize;
+  }
+
+
+  export interface WebSceneUpdateFromOptionsThumbnailSize extends Object {
+    /**
+     * the width of the thumbnail.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
+     */
+    width: number;
+    /**
+     * the height of the thumbnail.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html#updateFrom)
+     */
+    height: number;
   }
 
   interface AreaMeasurement3D extends Widget {
@@ -44853,10 +47491,10 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html#viewModel)
      */
-    viewModel?: AreaMeasurement3DViewModel;
+    viewModel?: AreaMeasurement3DViewModelProperties;
   }
 
-  interface AreaMeasurement3DViewModel {
+  interface AreaMeasurement3DViewModel extends Accessor {
     /**
      * The current measurement of the area.
      * 
@@ -44912,12 +47550,34 @@ declare namespace __esri {
   interface AreaMeasurement3DViewModelConstructor {
 
 
-
-    new(properties?: any): AreaMeasurement3DViewModel;
+    new(properties?: AreaMeasurement3DViewModelProperties): AreaMeasurement3DViewModel;
   }
 
   export const AreaMeasurement3DViewModel: AreaMeasurement3DViewModelConstructor;
 
+  interface AreaMeasurement3DViewModelProperties {
+    /**
+     * Unit system (imperial, metric) or specific unit used for displaying the distance values.  **Possible Values:** imperial | metric | square-inches | square-feet | square-yards | square-miles | square-meters | square-kilometers | square-us-feet | acres | ares | hectares
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D-AreaMeasurement3DViewModel.html#unit)
+     */
+    unit?: string;
+    /**
+     * List of unit systems (imperial, metric) and specific units for displaying the area values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D-AreaMeasurement3DViewModel.html#unitOptions)
+     * 
+     * @default ["metric", "imperial", "square-inches", "square-feet", "square-yards", "square-miles", "square-us-feet", "square-meters", "square-kilometers", "acres", "ares", "hectares"]
+     */
+    unitOptions?: string[];
+    /**
+     * The view from which the widget will operate.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D-AreaMeasurement3DViewModel.html#view)
+     */
+    view?: SceneViewProperties;
+  }
+
 
   export interface AreaMeasurement3DViewModelMeasurement extends Object {
     /**
@@ -45049,10 +47709,10 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attribution.html#viewModel)
      */
-    viewModel?: AttributionViewModel;
+    viewModel?: AttributionViewModelProperties;
   }
 
-  interface AttributionViewModel {
+  interface AttributionViewModel extends Accessor {
     /**
      * A collection of [AttributionItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attribution-AttributionViewModel.html#AttributionItem)s.
      * 
@@ -45082,12 +47742,20 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attribution-AttributionViewModel.html)
      */
 
-
-    new(properties?: any): AttributionViewModel;
+    new(properties?: AttributionViewModelProperties): AttributionViewModel;
   }
 
   export const AttributionViewModel: AttributionViewModelConstructor;
 
+  interface AttributionViewModelProperties {
+    /**
+     * The view from which the view model will operate.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attribution-AttributionViewModel.html#view)
+     */
+    view?: MapViewProperties | SceneViewProperties;
+  }
+
   /**
    * The following properties define an attribution item that contains the attribution text for a layer.
    * 
@@ -45612,11 +48280,11 @@ declare namespace __esri {
 
   interface Bookmarks extends Widget, GoTo {
     /**
-     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html)s.
+     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html)s.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#bookmarks)
      */
-    bookmarks: Collection<Bookmark>;
+    readonly bookmarks: Collection<Bookmark>;
     /**
      * The widget's default CSS icon class.
      * 
@@ -45663,7 +48331,7 @@ declare namespace __esri {
 
   interface BookmarksConstructor {
     /**
-     * The Bookmarks widget allows end users to quickly navigate to a particular area of interest. It displays a list of bookmarks, which typically are defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
+     * The Bookmarks widget allows end users to quickly navigate to a particular area of interest. It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), which typically are defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html)
      */
@@ -45674,12 +48342,6 @@ declare namespace __esri {
   export const Bookmarks: BookmarksConstructor;
 
   interface BookmarksProperties extends WidgetProperties, GoToProperties {
-    /**
-     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html)s.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#bookmarks)
-     */
-    bookmarks?: CollectionProperties<Bookmark>;
     /**
      * The view from which the widget will operate.
      * 
@@ -45694,61 +48356,19 @@ declare namespace __esri {
     viewModel?: BookmarksViewModelProperties;
   }
 
-  interface Bookmark {
-    /**
-     * The `active` property is true while goTo() is animating.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html#active)
-     * 
-     * @default false
-     */
-    active: boolean;
-    /**
-     * The extent of the specified bookmark item.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html#extent)
-     */
-    extent: Extent;
-    /**
-     * The name of the bookmark item. Used as a label in the [Bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html) widget.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html#name)
-     */
-    name: string;
-    /**
-     * The URL for a thumbnail image.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html#thumbnail)
-     */
-    thumbnail: BookmarkThumbnail;
-  }
-
-  interface BookmarkConstructor {
-
-
-
-    new(properties?: any): Bookmark;
-  }
-
-  export const Bookmark: BookmarkConstructor;
-
-
-  export interface BookmarkThumbnail extends Object {
-    /**
-     * URL to a thumbnail to display.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html#thumbnail)
-     */
-    url?: string;
-  }
-
   interface BookmarksViewModel extends Accessor, GoTo {
     /**
-     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html)s.
+     * The [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html) that is being navigated to.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-BookmarksViewModel.html#activeBookmark)
+     */
+    readonly activeBookmark: Bookmark;
+    /**
+     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html)s.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-BookmarksViewModel.html#bookmarks)
      */
-    bookmarks: Collection<Bookmark>;
+    readonly bookmarks: Collection<Bookmark>;
     /**
      * The view model's state.  **Possible Values:** loading | disabled
      * 
@@ -45784,12 +48404,6 @@ declare namespace __esri {
   export const BookmarksViewModel: BookmarksViewModelConstructor;
 
   interface BookmarksViewModelProperties extends GoToProperties {
-    /**
-     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-Bookmark.html)s.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-BookmarksViewModel.html#bookmarks)
-     */
-    bookmarks?: CollectionProperties<Bookmark>;
     /**
      * The view from which the widget will operate.
      * 
@@ -47399,7 +50013,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Directions.html#SearchProperties)
      */
-    sources?: Collection<FeatureLayerSource | LocatorSource>;
+    sources?: Collection<FeatureLayerSearchSource | LocatorSearchSource>;
     /**
      * Indicates whether to display suggestions as the user enters input text in the widget.
      * 
@@ -47496,10 +50110,10 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectLineMeasurement3D.html#viewModel)
      */
-    viewModel?: DirectLineMeasurement3DViewModel;
+    viewModel?: DirectLineMeasurement3DViewModelProperties;
   }
 
-  interface DirectLineMeasurement3DViewModel {
+  interface DirectLineMeasurement3DViewModel extends Accessor {
     /**
      * The current measurement calculated between the two points.
      * 
@@ -47555,12 +50169,34 @@ declare namespace __esri {
   interface DirectLineMeasurement3DViewModelConstructor {
 
 
-
-    new(properties?: any): DirectLineMeasurement3DViewModel;
+    new(properties?: DirectLineMeasurement3DViewModelProperties): DirectLineMeasurement3DViewModel;
   }
 
   export const DirectLineMeasurement3DViewModel: DirectLineMeasurement3DViewModelConstructor;
 
+  interface DirectLineMeasurement3DViewModelProperties {
+    /**
+     * Unit system (imperial, metric) or specific unit used for displaying the distance values.  **Possible Values:** imperial | metric | inches | feet | yards | miles | nautical-miles |  meters | kilometers | us-feet
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectLineMeasurement3D-DirectLineMeasurement3DViewModel.html#unit)
+     */
+    unit?: string;
+    /**
+     * List of unit systems (imperial, metric) and specific units for displaying the distance values.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectLineMeasurement3D-DirectLineMeasurement3DViewModel.html#unitOptions)
+     * 
+     * @default ["metric", "imperial", "inches", "feet", "yards", "miles", "nautical-miles", "us-feet", "meters", "kilometers"]
+     */
+    unitOptions?: string[];
+    /**
+     * The view from which the widget will operate.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectLineMeasurement3D-DirectLineMeasurement3DViewModel.html#view)
+     */
+    view?: SceneViewProperties;
+  }
+
 
   export interface DirectLineMeasurement3DViewModelMeasurement extends Object {
     /**
@@ -47645,13 +50281,13 @@ declare namespace __esri {
      */
     content: Node | string | Widget;
     /**
-     * Whether the widget is currently expanded or not.
+     * Indicates whether the widget is currently expanded or not.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#expanded)
      * 
      * @default false
      */
-    readonly expanded: boolean;
+    expanded: boolean;
     /**
      * Icon font used to style the Expand button. Will automatically use the [content's](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#content) iconClass if it has one.
      * 
@@ -47673,7 +50309,7 @@ declare namespace __esri {
      */
     group: string;
     /**
-     * A number to display at the corner of the widget to indicate the number of, for example, open issues or unread notices.  ![expand widget icon number](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/expand-with-iconnumber.png)
+     * A number to display at the corner of the widget to indicate the number of, for example, open issues or unread notices.  ![expand widget icon number](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/expand-with-iconnumber.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#iconNumber)
      */
@@ -47777,6 +50413,14 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#content)
      */
     content?: Node | string | WidgetProperties;
+    /**
+     * Indicates whether the widget is currently expanded or not.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#expanded)
+     * 
+     * @default false
+     */
+    expanded?: boolean;
     /**
      * Icon font used to style the Expand button. Will automatically use the [content's](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#content) iconClass if it has one.
      * 
@@ -47798,7 +50442,7 @@ declare namespace __esri {
      */
     group?: string;
     /**
-     * A number to display at the corner of the widget to indicate the number of, for example, open issues or unread notices.  ![expand widget icon number](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/expand-with-iconnumber.png)
+     * A number to display at the corner of the widget to indicate the number of, for example, open issues or unread notices.  ![expand widget icon number](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/expand-with-iconnumber.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#iconNumber)
      */
@@ -48101,6 +50745,513 @@ declare namespace __esri {
     content?: any;
   }
 
+  interface FeatureForm extends Widget {
+    /**
+     * The associated feature containing the editable attributes. A common way to access this is via the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest) or [SceneView's](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest) `hitTest()` method.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#feature)
+     */
+    feature: Graphic;
+    /**
+     * Array of field configuration objects. This is where you specify what fields to display and how you wish to display them. 
+     * > When not set, all fields except for `editor`, `globalID`, and `objectID` fields will be included, otherwise it is up to the developer to set the right field(s) to override and display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#fieldConfig)
+     */
+    fieldConfig: FieldConfig[];
+    /**
+     * Layer containing the editable feature attributes. If this layer is not specified, it is the same as the [graphic's layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#layer).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#layer)
+     */
+    layer: FeatureLayer;
+    /**
+     * The view model for this widget. This is a class that contains all the logic (properties and methods) that controls this widget's behavior. See the [FeatureFormViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html) class to access all properties and methods on the widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#viewModel)
+     */
+    viewModel: FeatureFormViewModel;
+
+    /**
+     * Returns all of the field values, regardless of whether or not they were updated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#getValues)
+     * 
+     * 
+     */
+    getValues(): any;
+    /**
+     * *This method is primarily used by developers when implementing custom widgets.* It must be implemented by subclasses for rendering.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#render)
+     * 
+     * 
+     */
+    render(): any;
+    /**
+     * Fires the [submit](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#event:submit) event.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#submit)
+     * 
+     * 
+     */
+    submit(): void;
+  }
+
+  interface FeatureFormConstructor {
+    /**
+     * The FeatureForm widget displays attributes of a feature. This widget renders input fields based on the feature's attributes and whether the field allows editing. Use this widget, in combination with [FeatureLayer.applyEdits](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits), to enable an end user to update a feature's attribute on a specified editable feature layer(s).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html)
+     */
+
+    new(properties?: FeatureFormProperties): FeatureForm;
+  }
+
+  export const FeatureForm: FeatureFormConstructor;
+
+  interface FeatureFormProperties extends WidgetProperties {
+    /**
+     * The associated feature containing the editable attributes. A common way to access this is via the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest) or [SceneView's](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest) `hitTest()` method.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#feature)
+     */
+    feature?: GraphicProperties;
+    /**
+     * Array of field configuration objects. This is where you specify what fields to display and how you wish to display them. 
+     * > When not set, all fields except for `editor`, `globalID`, and `objectID` fields will be included, otherwise it is up to the developer to set the right field(s) to override and display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#fieldConfig)
+     */
+    fieldConfig?: FieldConfigProperties[];
+    /**
+     * Layer containing the editable feature attributes. If this layer is not specified, it is the same as the [graphic's layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#layer).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#layer)
+     */
+    layer?: FeatureLayerProperties;
+    /**
+     * The view model for this widget. This is a class that contains all the logic (properties and methods) that controls this widget's behavior. See the [FeatureFormViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html) class to access all properties and methods on the widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#viewModel)
+     */
+    viewModel?: FeatureFormViewModelProperties;
+  }
+
+  interface FeatureFormViewModel extends Accessor, Evented {
+    /**
+     * The associated feature containing the editable attributes. A common way to access this is via the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest) or [SceneView's](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest) `hitTest()` method.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#feature)
+     */
+    feature: Graphic;
+    /**
+     * Array of field configuration objects. This is where you specify what fields to display and how you wish to display them. 
+     * > When not set, all fields except for `editor`, `globalID`, and `objectID` fields will be included, otherwise it is up to the developer to set the right field(s) to override and display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#fieldConfig)
+     */
+    fieldConfig: FieldConfig[];
+    /**
+     * The input fields to be rendered by the [FeatureForm](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html) widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#inputField)
+     */
+    readonly inputField: InputField[];
+    /**
+     * Layer containing the editable feature attributes. If this layer is not specified, it is the same as the [graphic's layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#layer).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#layer)
+     */
+    layer: FeatureLayer;
+    /**
+     * The widget's state. Possible values are in the table below. 
+     * 
+     * Value | Description
+     * ------|------------
+     * ready | Dependencies are met and has valid property values.
+     * disabled | Dependencies are missing and cannot provide valid inputs.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#state)
+     * 
+     * @default disabled
+     */
+    readonly state: string;
+
+    /**
+     * Returns all of the field values, regardless of whether or not they were updated.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#getValues)
+     * 
+     * 
+     */
+    getValues(): any;
+    /**
+     * Fires the [submit](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#event:submit) event.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#submit)
+     * 
+     * 
+     */
+    submit(): void;
+  }
+
+  interface FeatureFormViewModelConstructor {
+    /**
+     * Provides the logic for the [FeatureForm](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html) widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html)
+     */
+
+    new(properties?: FeatureFormViewModelProperties): FeatureFormViewModel;
+  }
+
+  export const FeatureFormViewModel: FeatureFormViewModelConstructor;
+
+  interface FeatureFormViewModelProperties {
+    /**
+     * The associated feature containing the editable attributes. A common way to access this is via the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest) or [SceneView's](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest) `hitTest()` method.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#feature)
+     */
+    feature?: GraphicProperties;
+    /**
+     * Array of field configuration objects. This is where you specify what fields to display and how you wish to display them. 
+     * > When not set, all fields except for `editor`, `globalID`, and `objectID` fields will be included, otherwise it is up to the developer to set the right field(s) to override and display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#fieldConfig)
+     */
+    fieldConfig?: FieldConfigProperties[];
+    /**
+     * Layer containing the editable feature attributes. If this layer is not specified, it is the same as the [graphic's layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#layer).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#layer)
+     */
+    layer?: FeatureLayerProperties;
+  }
+
+  interface FieldConfig extends Accessor {
+    /**
+     * The field name.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldConfig.html#name)
+     */
+    name: string;
+    /**
+     * The field options.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldConfig.html#options)
+     */
+    options: FieldOptions;
+  }
+
+  interface FieldConfigConstructor {
+
+
+    new(properties?: FieldConfigProperties): FieldConfig;
+  }
+
+  export const FieldConfig: FieldConfigConstructor;
+
+  interface FieldConfigProperties {
+    /**
+     * The field name.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldConfig.html#name)
+     */
+    name?: string;
+    /**
+     * The field options.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldConfig.html#options)
+     */
+    options?: FieldOptionsProperties;
+  }
+
+  interface FieldOptions extends Accessor {
+    /**
+     * The field's description. The description is shown below the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#description)
+     */
+    description: string;
+    /**
+     * The field's domain. This is used to constrain the allowable values of the layer. 
+     * > This only applies to relevant field types. For example, [RangeDomain](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-RangeDomain.html) only applies to `numeric` and `date` field types.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#domain)
+     */
+    domain: CodedValueDomain | RangeDomain;
+    /**
+     * Indicates whether the field is editable. 
+     * > This does not change the underlying service's field and whether it is editable.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#editable)
+     * 
+     * @default true
+     */
+    editable: boolean;
+    /**
+     * The type of editor to use for `string` field types. Possible values are in the table below. 
+     * 
+     * Value | Description
+     * ------|------------
+     * text-box | An HTML textbox will be used to capture input.
+     * text-area | An HTML textarea will be used to capture input.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#editorType)
+     * 
+     * @default "text-box"
+     */
+    editorType: string;
+    /**
+     * This property is rendered as a tooltip in the [FeatureForm](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html) widget. It displays a hint for the attribute field's value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#hint)
+     */
+    hint: string;
+    /**
+     * The field's label. The label is shown above the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#label)
+     */
+    label: string;
+    /**
+     * Restricts the input length. 
+     * > This only applies to `numeric` and `text` field types.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#maxLength)
+     * 
+     * @default -1
+     */
+    maxLength: number;
+    /**
+     * Indicates whether the field is required. 
+     * > This cannot change the underlying service's field requirements. 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#required)
+     * 
+     * @default false
+     */
+    required: boolean;
+    /**
+     * When `true`, the field is displayed. Otherwise, it is hidden.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#visible)
+     * 
+     * @default true
+     */
+    visible: boolean;
+  }
+
+  interface FieldOptionsConstructor {
+
+
+    new(properties?: FieldOptionsProperties): FieldOptions;
+  }
+
+  export const FieldOptions: FieldOptionsConstructor;
+
+  interface FieldOptionsProperties {
+    /**
+     * The field's description. The description is shown below the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#description)
+     */
+    description?: string;
+    /**
+     * The field's domain. This is used to constrain the allowable values of the layer. 
+     * > This only applies to relevant field types. For example, [RangeDomain](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-RangeDomain.html) only applies to `numeric` and `date` field types.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#domain)
+     */
+    domain?: CodedValueDomainProperties | RangeDomainProperties;
+    /**
+     * Indicates whether the field is editable. 
+     * > This does not change the underlying service's field and whether it is editable.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#editable)
+     * 
+     * @default true
+     */
+    editable?: boolean;
+    /**
+     * The type of editor to use for `string` field types. Possible values are in the table below. 
+     * 
+     * Value | Description
+     * ------|------------
+     * text-box | An HTML textbox will be used to capture input.
+     * text-area | An HTML textarea will be used to capture input.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#editorType)
+     * 
+     * @default "text-box"
+     */
+    editorType?: string;
+    /**
+     * This property is rendered as a tooltip in the [FeatureForm](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html) widget. It displays a hint for the attribute field's value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#hint)
+     */
+    hint?: string;
+    /**
+     * The field's label. The label is shown above the field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#label)
+     */
+    label?: string;
+    /**
+     * Restricts the input length. 
+     * > This only applies to `numeric` and `text` field types.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#maxLength)
+     * 
+     * @default -1
+     */
+    maxLength?: number;
+    /**
+     * Indicates whether the field is required. 
+     * > This cannot change the underlying service's field requirements. 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#required)
+     * 
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * When `true`, the field is displayed. Otherwise, it is hidden.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FieldOptions.html#visible)
+     * 
+     * @default true
+     */
+    visible?: boolean;
+  }
+
+  interface InputField extends Accessor {
+    /**
+     * The field's description.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#description)
+     */
+    readonly description: string;
+    /**
+     * The input value's domain. This is used to constrain the allowable values of the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#domain)
+     */
+    readonly domain: CodedValueDomain | RangeDomain;
+    /**
+     * When true, the field is editable.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#editable)
+     */
+    readonly editable: boolean;
+    /**
+     * The type of editor used when working with `string` fields. Possible values are in the table below. 
+     * 
+     * Value | Description
+     * ------|------------
+     * text-box | An HTML textbox used to capture input.
+     * text-area | An HTML textarea used to capture input.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#editorType)
+     * 
+     * @default "text-box"
+     */
+    readonly editorType: string;
+    /**
+     * If the input field's value is invalid, this property returns validation error code. Otherwise, it is `null`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#error)
+     */
+    readonly error: string;
+    /**
+     * A user-friendly formatted error message based on the [validation error code](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#error).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#errorMessage)
+     */
+    readonly errorMessage: string;
+    /**
+     * A hint for the field's value. This property is rendered as a tooltip.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#hint)
+     */
+    readonly hint: string;
+    /**
+     * The field's label.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#label)
+     */
+    readonly label: string;
+    /**
+     * Restricts the input length.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#maxLength)
+     */
+    readonly maxLength: number;
+    /**
+     * The associated field name.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#name)
+     */
+    readonly name: string;
+    /**
+     * Indicates whether the field is required.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#required)
+     */
+    readonly required: boolean;
+    /**
+     * The type of input field. Possible values are listed below. 
+     * 
+     * Value | Description
+     * ------|------------
+     * number | Input represents a number.
+     * text |   Input represents text.
+     * date | Input represents a date.
+     * unsupported | The field represents an unsupported value. A `blob` field type is an example of this.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#type)
+     */
+    readonly type: string;
+    /**
+     * When `true`, the input value is invalid. Otherwise, it is valid.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#valid)
+     */
+    readonly valid: boolean;
+    /**
+     * The input's value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#value)
+     */
+    readonly value: number | string | any;
+    /**
+     * When `true`, the field is displayed. Otherwise, it is hidden.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-InputField.html#visible)
+     */
+    readonly visible: boolean;
+  }
+
+  interface InputFieldConstructor {
+
+
+    new(properties?: InputFieldProperties): InputField;
+  }
+
+  export const InputField: InputFieldConstructor;
+
+  interface InputFieldProperties {
+
+  }
+
   interface Fullscreen extends Widget {
     /**
      * The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode.
@@ -48270,6 +51421,14 @@ declare namespace __esri {
      */
     viewpoint: Viewpoint;
 
+    /**
+     * This function provides the ability to interrupt and cancel the process of navigating the view back to the view's initial extent.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home.html#cancelGo)
+     * 
+     * 
+     */
+    cancelGo(): void;
     /**
      * Animates the view to the initial Viewpoint of the view or the value of [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home.html#viewpoint).
      * 
@@ -48351,6 +51510,14 @@ declare namespace __esri {
      */
     viewpoint: Viewpoint;
 
+    /**
+     * This function provides the ability to interrupt and cancel the process of navigating the view back to the view's initial extent.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home-HomeViewModel.html#cancelGo)
+     * 
+     * 
+     */
+    cancelGo(): void;
     /**
      * Animates the view to the initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html) of the view or the value of [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home-HomeViewModel.html#viewpoint).
      * 
@@ -48413,7 +51580,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#operationalItems)
      */
-    operationalItems: Collection<ListItem>;
+    readonly operationalItems: Collection<ListItem>;
     /**
      * Option for enabling status indicators, which indicate whether or not each layer is loading resources.
      * 
@@ -48470,12 +51637,6 @@ declare namespace __esri {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#listItemCreatedFunction)
      */
     listItemCreatedFunction?: ListItemCreatedHandler;
-    /**
-     * A collection of [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)s representing operational layers.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#operationalItems)
-     */
-    operationalItems?: CollectionProperties<ListItem>;
     /**
      * Option for enabling status indicators, which indicate whether or not each layer is loading resources.
      * 
@@ -48702,7 +51863,7 @@ declare namespace __esri {
      */
     content: Widget | HTMLElement | string | any[];
     /**
-     * The URL or data URI of an image used to represent the panel. This property will be used as a background image for the node. If neither `image` nor `className` are specified, a default icon ![default icon](https://developers.arcgis.com/javascript/latest/assets/img/guide/whats-new/41/default-action.png) will display.
+     * The URL or data URI of an image used to represent the panel. This property will be used as a background image for the node. If neither `image` nor `className` are specified, a default icon ![default icon](https://developers.arcgis.com/javascript/assets/img/guide/whats-new/41/default-action.png) will display.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItemPanel.html#image)
      */
@@ -48772,19 +51933,13 @@ declare namespace __esri {
      */
     layerInfos: LegendLayerInfos[];
     /**
-     * Indicates the style of the legend. The style determines the legend's layout and behavior. See the table below for a list of possible values. 
-     * 
-     * Value | Description
-     * ------|------------
-     * classic | The legend has a portrait orientation. The user can scroll vertically when many elements are included in the legend's content.
-     * card | In wide views, the legend has a landscape orientation that allows users to scroll horizontally to view all legend elements. This style is responsive, making it ideal for mobile web apps. In smaller views, the legend collapses to occupy less space. One element is shown at a time in a card-style layout, which the user can navigate horizontally.
-     * 
+     * Indicates the style of the legend. The style determines the legend's layout and behavior. You can either specify a string or an object to indicate the style. The known string values are the same values listed in the table within the `type` property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)
      * 
      * @default classic
      */
-    style: string;
+    style: string | LegendStyle;
     /**
      * A reference to the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Set this to link the widget to a specific view.
      * 
@@ -48822,19 +51977,13 @@ declare namespace __esri {
      */
     layerInfos?: LegendLayerInfos[];
     /**
-     * Indicates the style of the legend. The style determines the legend's layout and behavior. See the table below for a list of possible values. 
-     * 
-     * Value | Description
-     * ------|------------
-     * classic | The legend has a portrait orientation. The user can scroll vertically when many elements are included in the legend's content.
-     * card | In wide views, the legend has a landscape orientation that allows users to scroll horizontally to view all legend elements. This style is responsive, making it ideal for mobile web apps. In smaller views, the legend collapses to occupy less space. One element is shown at a time in a card-style layout, which the user can navigate horizontally.
-     * 
+     * Indicates the style of the legend. The style determines the legend's layout and behavior. You can either specify a string or an object to indicate the style. The known string values are the same values listed in the table within the `type` property.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)
      * 
      * @default classic
      */
-    style?: string;
+    style?: string | LegendStyle;
     /**
      * A reference to the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Set this to link the widget to a specific view.
      * 
@@ -48859,6 +52008,37 @@ declare namespace __esri {
     layer: Layer;
   }
 
+
+  export interface LegendStyle extends Object {
+    /**
+     * Specifies the style of the legend. There are two possible values listed in the table below: 
+     * 
+     * Value | Description
+     * ------|------------
+     * classic | The legend has a portrait orientation. The user can scroll vertically when many elements are included in the legend's content.
+     * card | In wide views, the legend has a landscape orientation that allows users to scroll horizontally to view all legend elements. This style can be responsive, making it ideal for mobile web apps. In smaller views, the legend collapses to occupy less space. One element is shown at a time in a card-style layout, which the user can navigate horizontally.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)
+     */
+    type: string;
+    /**
+     * When a `card` type is specified, you can specify one of the following layout options. 
+     * 
+     * Value | Description
+     * ------|------------
+     * auto | This layout is responsive so that in wide views the legend has a `side-by-side` layout, and a `stack` layout in smaller (mobile) views.
+     * side-by-side | The legend has a landscape orientation that allows users to scroll horizontally to view multiple legend cards at a time.
+     * stack | The legend cards are stacked, which conserves space, but restricts the user to seeing only one card at a time.
+     * 
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)
+     * 
+     * @default stack
+     */
+    layout?: string;
+  }
+
   interface Locate extends Widget, GoTo {
     /**
      * The HTML5 Geolocation Position options for locating. Refer to [Geolocation API Specification](http://www.w3.org/TR/geolocation-API/#position-options) for details.
@@ -48923,6 +52103,14 @@ declare namespace __esri {
      */
     viewModel: LocateViewModel;
 
+    /**
+     * This function provides the ability to interrupt and cancel the process of programmatically obtaining the location of the user's device.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Locate.html#cancelLocate)
+     * 
+     * 
+     */
+    cancelLocate(): void;
     /**
      * Animates the view to the user's location.
      * 
@@ -49022,6 +52210,14 @@ declare namespace __esri {
      */
     readonly state: string;
 
+    /**
+     * This function provides the ability to interrupt and cancel the process of programmatically obtaining the location of the user's device.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Locate-LocateViewModel.html#cancelLocate)
+     * 
+     * 
+     */
+    cancelLocate(): void;
     /**
      * Animates the view to the user's location.
      * 
@@ -49066,8 +52262,8 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|--------
-     * vertical | ![navigation-toggle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle.png)
-     * horizontal | ![navigation-toggle-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle-horizontal.png)
+     * vertical | ![navigation-toggle](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/navigation-toggle.png)
+     * horizontal | ![navigation-toggle-horizontal](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/navigation-toggle-horizontal.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html#layout)
@@ -49124,8 +52320,8 @@ declare namespace __esri {
      * 
      * Possible Value | Example
      * ---------------|--------
-     * vertical | ![navigation-toggle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle.png)
-     * horizontal | ![navigation-toggle-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle-horizontal.png)
+     * vertical | ![navigation-toggle](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/navigation-toggle.png)
+     * horizontal | ![navigation-toggle-horizontal](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/navigation-toggle-horizontal.png)
      * 
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html#layout)
@@ -49224,7 +52420,7 @@ declare namespace __esri {
 
   interface Popup extends Widget, GoTo, Evented {
     /**
-     * Defines actions that may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the `actions` array or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the array.  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) classes.
+     * Defines actions that may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the `actions` array or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the array.  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) classes.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#actions)
      */
@@ -49296,7 +52492,7 @@ declare namespace __esri {
      */
     readonly featureCount: number;
     /**
-     * Shows pagination for the popup if available. This allows the user to scroll through various [selected features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#features) using either arrows  ![popup-pagination-arrows](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup-pagination-arrows.png)  or a menu.  ![popup-feature-menu](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup-pagination-menu.png)
+     * Shows pagination for the popup if available. This allows the user to scroll through various [selected features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#features) using either arrows  ![popup-pagination-arrows](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popup-pagination-arrows.png)  or a menu.  ![popup-feature-menu](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popup-pagination-menu.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#featureNavigationEnabled)
      */
@@ -49308,8 +52504,7 @@ declare namespace __esri {
      */
     features: Graphic[];
     /**
-     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). 
-     * > **Known Limitation**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight.
+     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#highlightEnabled)
      * 
@@ -49477,7 +52672,7 @@ declare namespace __esri {
 
   interface PopupProperties extends WidgetProperties, GoToProperties {
     /**
-     * Defines actions that may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the `actions` array or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the array.  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) classes.
+     * Defines actions that may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the `actions` array or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the array.  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) classes.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#actions)
      */
@@ -49535,7 +52730,7 @@ declare namespace __esri {
      */
     dockOptions?: PopupDockOptions;
     /**
-     * Shows pagination for the popup if available. This allows the user to scroll through various [selected features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#features) using either arrows  ![popup-pagination-arrows](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup-pagination-arrows.png)  or a menu.  ![popup-feature-menu](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup-pagination-menu.png)
+     * Shows pagination for the popup if available. This allows the user to scroll through various [selected features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#features) using either arrows  ![popup-pagination-arrows](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popup-pagination-arrows.png)  or a menu.  ![popup-feature-menu](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popup-pagination-menu.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#featureNavigationEnabled)
      */
@@ -49547,8 +52742,7 @@ declare namespace __esri {
      */
     features?: GraphicProperties[];
     /**
-     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). 
-     * > **Known Limitation**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight.
+     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#highlightEnabled)
      * 
@@ -49607,7 +52801,7 @@ declare namespace __esri {
 
   interface PopupViewModel extends Accessor, Evented, GoTo {
     /**
-     * [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each action may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
+     * [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each action may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#actions)
      */
@@ -49647,8 +52841,7 @@ declare namespace __esri {
      */
     features: Graphic[];
     /**
-     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). 
-     * > **Known Limitation**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight.
+     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#highlightEnabled)
      * 
@@ -49774,7 +52967,7 @@ declare namespace __esri {
 
   interface PopupViewModelProperties extends GoToProperties {
     /**
-     * [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each action may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
+     * [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects. Each action may be executed by clicking the icon or image symbolizing them in the popup. By default, every popup has a `zoom-to` action styled with a magnifying glass icon ![popupTemplate-zoom-action](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/popuptemplate-zoom-action.png). When this icon is clicked, the view zooms in four LODs and centers on the selected feature.  You may override this action by removing it from the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) or by setting the [overwriteActions](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). The order of each action in the popup is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).  The [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event fires each time an action in the popup is clicked. This event should be used to execute custom code for each action clicked. For example, if you would like to add a `zoom-out` action to the popup that zooms the view out several LODs, you would define the zoom-out code in a separate function. Then you would call the custom `zoom-out` function in the [trigger-action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#event:trigger-action) event handler. See the sample code snippet below for more details on how this works.  Actions are defined with the properties listed in the [ActionButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [ActionToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) class.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#actions)
      */
@@ -49800,8 +52993,7 @@ declare namespace __esri {
      */
     features?: GraphicProperties[];
     /**
-     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). 
-     * > **Known Limitation**  Only [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) rendered with [WebGL](esri-layers-FeatureLayer.html#webgl-rendering) support highlight.
+     * Highlight the selected popup feature using the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#highlightOptions) set on the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or the [highlightOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#highlightOptions) set on the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup-PopupViewModel.html#highlightEnabled)
      * 
@@ -50436,13 +53628,13 @@ declare namespace __esri {
 
   interface widgetsSearch extends Widget, GoTo {
     /**
-     * The [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources) object currently selected. Can be either a [feature layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or a [locator task](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html).
+     * The [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources) object currently selected. Can be either a [FeatureLayerSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html) or a module:esri/widget/Search/LocatorSearchSource.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#activeSource)
      * 
      * @default null
      */
-    readonly activeSource: FeatureLayer | Locator;
+    readonly activeSource: FeatureLayerSearchSource | LocatorSearchSource;
     /**
      * The selected source's index. This value is `-1` when all sources are selected.
      * 
@@ -50452,7 +53644,7 @@ declare namespace __esri {
      */
     activeSourceIndex: number;
     /**
-     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
+     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-allplaceholder.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#allPlaceholder)
      * 
@@ -50488,7 +53680,7 @@ declare namespace __esri {
      */
     readonly label: string;
     /**
-     * Enables location services within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png) 
+     * Enables location services within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-locationEnabled.png) 
      * > The use of this property is only supported on secure origins. To use it, switch your application to a secure origin, such as HTTPS. Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that supports [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/Window/isSecureContext#Browser_compatibility) (currently Chrome and Firefox).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#locationEnabled)
@@ -50521,21 +53713,13 @@ declare namespace __esri {
      */
     minSuggestCharacters: number;
     /**
-     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). This is not the same as using [popupOpenOnSelect](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupOpenOnSelect) which opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but it is not opened by default.
+     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupEnabled)
      * 
      * @default true
      */
     popupEnabled: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected. Using `popupOpenOnSelect` opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but not opened by default.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupOpenOnSelect)
-     * 
-     * @default true
-     */
-    popupOpenOnSelect: boolean;
     /**
      * A customized PopupTemplate for the selected feature. Note that specifying a wildcard {*} for the popupTemplate will return all fields in addition to search-specific fields.
      * 
@@ -50551,7 +53735,8 @@ declare namespace __esri {
      */
     portal: Portal;
     /**
-     * The graphic used to highlight the resulting feature or location.
+     * The graphic used to highlight the resulting feature or location. 
+     * A graphic will be placed in the View's [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#graphics) for [layer views](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) that do not support the `highlight` method.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#resultGraphic)
      */
@@ -50571,7 +53756,7 @@ declare namespace __esri {
      */
     readonly results: any[];
     /**
-     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
+     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-false.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#searchAllEnabled)
      * 
@@ -50592,23 +53777,23 @@ declare namespace __esri {
     readonly selectedResult: SearchResult;
     /**
      * The Search widget may be used to search features in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or geocode locations with a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html). The `sources` property defines the sources from which to search for the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#view) specified by the Search widget instance. There are two types of sources: 
-     *   * [LocatorSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     *   * [FeatureLayerSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
+     *   * [FeatureLayerSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html)
+     *   * [LocatorSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html)
      *   
      *   
-     * Any combination of one or more [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource) sources may be used together in the same instance of the Search widget.
+     * Any combination of these sources may be used together in the same instance of the Search widget.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources)
      */
-    sources: Collection<FeatureLayerSource | LocatorSource>;
+    sources: Collection<FeatureLayerSearchSource | LocatorSearchSource>;
     /**
-     * An array of results from the [suggest method](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggest).  This is available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * An array of results from the [suggest method](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggest).  This is available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggestions)
      */
     readonly suggestions: SuggestResult[];
     /**
-     * Enable suggestions for the widget.  This is only available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * Enable suggestions for the widget.  This is only available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggestionsEnabled)
      * 
@@ -50670,7 +53855,7 @@ declare namespace __esri {
      */
     search(searchTerm?: string | Geometry | SuggestResult | number[][]): IPromise<SearchResponse>;
     /**
-     * Performs a suggest() request on the active Locator. It also uses the current value of the widget or one that is passed in.  Suggestions are available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * Performs a suggest() request on the active Locator. It also uses the current value of the widget or one that is passed in.  Suggestions are available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggest)
      * 
@@ -50702,7 +53887,7 @@ declare namespace __esri {
      */
     activeSourceIndex?: number;
     /**
-     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
+     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-allplaceholder.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#allPlaceholder)
      * 
@@ -50726,7 +53911,7 @@ declare namespace __esri {
      */
     includeDefaultSources?: boolean | Function;
     /**
-     * Enables location services within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png) 
+     * Enables location services within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-locationEnabled.png) 
      * > The use of this property is only supported on secure origins. To use it, switch your application to a secure origin, such as HTTPS. Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that supports [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/Window/isSecureContext#Browser_compatibility) (currently Chrome and Firefox).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#locationEnabled)
@@ -50759,21 +53944,13 @@ declare namespace __esri {
      */
     minSuggestCharacters?: number;
     /**
-     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). This is not the same as using [popupOpenOnSelect](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupOpenOnSelect) which opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but it is not opened by default.
+     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupEnabled)
      * 
      * @default true
      */
     popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected. Using `popupOpenOnSelect` opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but not opened by default.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#popupOpenOnSelect)
-     * 
-     * @default true
-     */
-    popupOpenOnSelect?: boolean;
     /**
      * A customized PopupTemplate for the selected feature. Note that specifying a wildcard {*} for the popupTemplate will return all fields in addition to search-specific fields.
      * 
@@ -50797,7 +53974,7 @@ declare namespace __esri {
      */
     resultGraphicEnabled?: boolean;
     /**
-     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
+     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-false.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#searchAllEnabled)
      * 
@@ -50812,17 +53989,17 @@ declare namespace __esri {
     searchTerm?: string;
     /**
      * The Search widget may be used to search features in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or geocode locations with a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html). The `sources` property defines the sources from which to search for the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#view) specified by the Search widget instance. There are two types of sources: 
-     *   * [LocatorSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     *   * [FeatureLayerSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
+     *   * [FeatureLayerSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html)
+     *   * [LocatorSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html)
      *   
      *   
-     * Any combination of one or more [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource) sources may be used together in the same instance of the Search widget.
+     * Any combination of these sources may be used together in the same instance of the Search widget.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources)
      */
-    sources?: CollectionProperties<FeatureLayerSource | LocatorSource>;
+    sources?: CollectionProperties<FeatureLayerSearchSourceProperties | LocatorSearchSourceProperties>;
     /**
-     * Enable suggestions for the widget.  This is only available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * Enable suggestions for the widget.  This is only available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#suggestionsEnabled)
      * 
@@ -50843,13 +54020,517 @@ declare namespace __esri {
     viewModel?: SearchViewModelProperties;
   }
 
+  interface FeatureLayerSearchSource extends SearchSource, JSONSupport {
+    /**
+     * The results are displayed using this field. Defaults to the layer's `displayField` or the first string field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#displayField)
+     */
+    displayField: string;
+    /**
+     * Indicates to only return results that match the search value exactly. This property only applies to `string` field searches. `exactMatch` is always `true` when searching fields of type `number`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#exactMatch)
+     * 
+     * @default false
+     */
+    exactMatch: boolean;
+    /**
+     * The feature layer queried in the search. This is **required**.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#featureLayer)
+     */
+    featureLayer: FeatureLayer;
+    /**
+     * The name of the source for display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#name)
+     */
+    name: string;
+    /**
+     * An array of string values representing the names of fields in the feature layer to search.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#searchFields)
+     */
+    searchFields: string[];
+    /**
+     * A template string used to display multiple fields in a defined order when results are displayed.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#searchTemplate)
+     */
+    searchTemplate: string;
+    /**
+     * A template string used to display multiple fields in a defined order when suggestions are displayed. This takes precedence over `displayField`. Field names in the template must have the following format: `{FieldName}`. An example suggestionTemplate could look something like: `Name: {OWNER}, Parcel: {PARCEL_ID}`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#suggestionTemplate)
+     */
+    suggestionTemplate: string;
+
+    /**
+     * Creates a deep clone of this object.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#clone)
+     * 
+     * 
+     */
+    clone(): FeatureLayerSearchSource;
+  }
+
+  interface FeatureLayerSearchSourceConstructor {
+
+
+    new(properties?: FeatureLayerSearchSourceProperties): FeatureLayerSearchSource;
+
+    fromJSON(json: any): FeatureLayerSearchSource;
+  }
+
+  export const FeatureLayerSearchSource: FeatureLayerSearchSourceConstructor;
+
+  interface FeatureLayerSearchSourceProperties extends SearchSourceProperties {
+    /**
+     * The results are displayed using this field. Defaults to the layer's `displayField` or the first string field.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#displayField)
+     */
+    displayField?: string;
+    /**
+     * Indicates to only return results that match the search value exactly. This property only applies to `string` field searches. `exactMatch` is always `true` when searching fields of type `number`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#exactMatch)
+     * 
+     * @default false
+     */
+    exactMatch?: boolean;
+    /**
+     * The feature layer queried in the search. This is **required**.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#featureLayer)
+     */
+    featureLayer?: FeatureLayerProperties;
+    /**
+     * The name of the source for display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#name)
+     */
+    name?: string;
+    /**
+     * An array of string values representing the names of fields in the feature layer to search.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#searchFields)
+     */
+    searchFields?: string[];
+    /**
+     * A template string used to display multiple fields in a defined order when results are displayed.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#searchTemplate)
+     */
+    searchTemplate?: string;
+    /**
+     * A template string used to display multiple fields in a defined order when suggestions are displayed. This takes precedence over `displayField`. Field names in the template must have the following format: `{FieldName}`. An example suggestionTemplate could look something like: `Name: {OWNER}, Parcel: {PARCEL_ID}`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html#suggestionTemplate)
+     */
+    suggestionTemplate?: string;
+  }
+
+  interface LocatorSearchSource extends SearchSource, JSONSupport {
+    /**
+     * A string array which limits the results to one or more categories. For example, `Populated Place` or `airport`. Only applicable when using the World Geocode Service.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#categories)
+     */
+    categories: string[];
+    /**
+     * Constricts search results to a specified country code. For example, `US` for United States or `SE` for Sweden. Only applies to the World Geocode Service.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#countryCode)
+     */
+    countryCode: string;
+    /**
+     * Sets the sources for local `distance` and `minScale` for searching. See the object specification table below for details.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#localSearchOptions)
+     */
+    localSearchOptions: LocatorSearchSourceLocalSearchOptions;
+    /**
+     * When reverse geocoding a result, use this distance in meters.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#locationToAddressDistance)
+     * 
+     * @default 1500
+     */
+    locationToAddressDistance: number;
+    /**
+     * The locator task used to search. This is **required** and defaults to the [World Geocoding Service](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#locator)
+     */
+    locator: Locator;
+    /**
+     * The name of the source for display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#name)
+     */
+    name: string;
+    /**
+     * A template string used to display multiple fields in a defined order when results are displayed.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#searchTemplate)
+     */
+    searchTemplate: string;
+    /**
+     * The field name of the Single Line Address Field in the REST services directory for the locator service. Common values are `SingleLine` and `SingleLineFieldName`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#singleLineFieldName)
+     */
+    singleLineFieldName: string;
+
+    /**
+     * Creates a deep clone of this object.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#clone)
+     * 
+     * 
+     */
+    clone(): LocatorSearchSource;
+  }
+
+  interface LocatorSearchSourceConstructor {
+
+
+    new(properties?: LocatorSearchSourceProperties): LocatorSearchSource;
+
+    fromJSON(json: any): LocatorSearchSource;
+  }
+
+  export const LocatorSearchSource: LocatorSearchSourceConstructor;
+
+  interface LocatorSearchSourceProperties extends SearchSourceProperties {
+    /**
+     * A string array which limits the results to one or more categories. For example, `Populated Place` or `airport`. Only applicable when using the World Geocode Service.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#categories)
+     */
+    categories?: string[];
+    /**
+     * Constricts search results to a specified country code. For example, `US` for United States or `SE` for Sweden. Only applies to the World Geocode Service.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#countryCode)
+     */
+    countryCode?: string;
+    /**
+     * Sets the sources for local `distance` and `minScale` for searching. See the object specification table below for details.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#localSearchOptions)
+     */
+    localSearchOptions?: LocatorSearchSourceLocalSearchOptions;
+    /**
+     * When reverse geocoding a result, use this distance in meters.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#locationToAddressDistance)
+     * 
+     * @default 1500
+     */
+    locationToAddressDistance?: number;
+    /**
+     * The locator task used to search. This is **required** and defaults to the [World Geocoding Service](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#locator)
+     */
+    locator?: LocatorProperties;
+    /**
+     * The name of the source for display.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#name)
+     */
+    name?: string;
+    /**
+     * A template string used to display multiple fields in a defined order when results are displayed.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#searchTemplate)
+     */
+    searchTemplate?: string;
+    /**
+     * The field name of the Single Line Address Field in the REST services directory for the locator service. Common values are `SingleLine` and `SingleLineFieldName`.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#singleLineFieldName)
+     */
+    singleLineFieldName?: string;
+  }
+
+
+  export interface LocatorSearchSourceLocalSearchOptions extends Object {
+    /**
+     * The distance to search.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#localSearchOptions)
+     */
+    distance?: number;
+    /**
+     * The minimum scale used to search locally.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html#localSearchOptions)
+     */
+    minScale?: number;
+  }
+
+  interface SearchSource extends JSONSupport {
+    /**
+     * Indicates whether to automatically navigate to the selected result once selected.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#autoNavigate)
+     * 
+     * @default true
+     */
+    autoNavigate: boolean;
+    /**
+     * This property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#filter)
+     */
+    filter: SearchSourceFilter;
+    /**
+     * Indicates the maximum number of search results to return.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#maxResults)
+     * 
+     * @default 6
+     */
+    maxResults: number;
+    /**
+     * Indicates the maximum number of suggestions to return for the widget's input.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#maxSuggestions)
+     * 
+     * @default 6
+     */
+    maxSuggestions: number;
+    /**
+     * Indicates the minimum number of characters required before querying for a suggestion.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#minSuggestCharacters)
+     * 
+     * @default 1
+     */
+    minSuggestCharacters: number;
+    /**
+     * Specifies the fields returned with the search results.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#outFields)
+     */
+    outFields: string[];
+    /**
+     * Used as a hint for the source input text.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#placeholder)
+     */
+    placeholder: string;
+    /**
+     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#popupEnabled)
+     */
+    popupEnabled: boolean;
+    /**
+     * The popup template used to display search results. If no popup is needed, set the source's popupTemplate to `null`. 
+     * > This property should be set in instances where there is no existing [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) configured. For example, [feature sources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html) will default to any existing [popupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupTemplate) configured on the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#popupTemplate)
+     */
+    popupTemplate: PopupTemplate;
+    /**
+     * Specify this to prefix the user's input of the search text.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#prefix)
+     */
+    prefix: string;
+    /**
+     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultSymbol).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultGraphicEnabled)
+     */
+    resultGraphicEnabled: boolean;
+    /**
+     * The symbol used to display the result.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultSymbol)
+     */
+    resultSymbol: Symbol;
+    /**
+     * Specify this to add a suffix to the user's input for the search value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#suffix)
+     */
+    suffix: string;
+    /**
+     * Indicates whether to display suggestions as the user enters input text in the widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#suggestionsEnabled)
+     * 
+     * @default true
+     */
+    suggestionsEnabled: boolean;
+    /**
+     * Indicates whether to constrain the search results to the view's extent.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#withinViewEnabled)
+     * 
+     * @default false
+     */
+    withinViewEnabled: boolean;
+    /**
+     * The set zoom scale for the resulting search result. This scale is automatically honored.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#zoomScale)
+     */
+    zoomScale: number;
+  }
+
+  interface SearchSourceConstructor {
+
+
+    new(properties?: SearchSourceProperties): SearchSource;
+
+    fromJSON(json: any): SearchSource;
+  }
+
+  export const SearchSource: SearchSourceConstructor;
+
+  interface SearchSourceProperties {
+    /**
+     * Indicates whether to automatically navigate to the selected result once selected.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#autoNavigate)
+     * 
+     * @default true
+     */
+    autoNavigate?: boolean;
+    /**
+     * This property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#filter)
+     */
+    filter?: SearchSourceFilter;
+    /**
+     * Indicates the maximum number of search results to return.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#maxResults)
+     * 
+     * @default 6
+     */
+    maxResults?: number;
+    /**
+     * Indicates the maximum number of suggestions to return for the widget's input.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#maxSuggestions)
+     * 
+     * @default 6
+     */
+    maxSuggestions?: number;
+    /**
+     * Indicates the minimum number of characters required before querying for a suggestion.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#minSuggestCharacters)
+     * 
+     * @default 1
+     */
+    minSuggestCharacters?: number;
+    /**
+     * Specifies the fields returned with the search results.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#outFields)
+     */
+    outFields?: string[];
+    /**
+     * Used as a hint for the source input text.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#placeholder)
+     */
+    placeholder?: string;
+    /**
+     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#popupEnabled)
+     */
+    popupEnabled?: boolean;
+    /**
+     * The popup template used to display search results. If no popup is needed, set the source's popupTemplate to `null`. 
+     * > This property should be set in instances where there is no existing [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) configured. For example, [feature sources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html) will default to any existing [popupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupTemplate) configured on the layer.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#popupTemplate)
+     */
+    popupTemplate?: PopupTemplateProperties;
+    /**
+     * Specify this to prefix the user's input of the search text.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#prefix)
+     */
+    prefix?: string;
+    /**
+     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultSymbol).
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultGraphicEnabled)
+     */
+    resultGraphicEnabled?: boolean;
+    /**
+     * The symbol used to display the result.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#resultSymbol)
+     */
+    resultSymbol?: SymbolProperties;
+    /**
+     * Specify this to add a suffix to the user's input for the search value.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#suffix)
+     */
+    suffix?: string;
+    /**
+     * Indicates whether to display suggestions as the user enters input text in the widget.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#suggestionsEnabled)
+     * 
+     * @default true
+     */
+    suggestionsEnabled?: boolean;
+    /**
+     * Indicates whether to constrain the search results to the view's extent.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#withinViewEnabled)
+     * 
+     * @default false
+     */
+    withinViewEnabled?: boolean;
+    /**
+     * The set zoom scale for the resulting search result. This scale is automatically honored.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#zoomScale)
+     */
+    zoomScale?: number;
+  }
+
+
+  export interface SearchSourceFilter extends Object {
+    /**
+     * The where clause specified for filtering suggests or search results.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#filter)
+     */
+    where?: string;
+    /**
+     * The filter geometry for suggests or search results.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchSource.html#filter)
+     */
+    geometry?: Geometry;
+  }
+
   interface SearchViewModel extends Accessor, Evented, GoTo {
     /**
      * The [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources) object currently selected. Can be either a [feature layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or a [locator task](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#activeSource)
      */
-    readonly activeSource: FeatureLayer | Locator;
+    readonly activeSource: FeatureLayerSearchSource | LocatorSearchSource;
     /**
      * The selected source's index. This value is `-1` when all sources are selected.
      * 
@@ -50859,7 +54540,7 @@ declare namespace __esri {
      */
     activeSourceIndex: number;
     /**
-     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
+     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-allplaceholder.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#allPlaceholder)
      * 
@@ -50871,7 +54552,7 @@ declare namespace __esri {
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#allSources)
      */
-    readonly allSources: Collection<FeatureLayerSource | LocatorSource>;
+    readonly allSources: Collection<FeatureLayerSearchSource | LocatorSearchSource>;
     /**
      * Indicates whether to automatically select and zoom to the first geocoded result. If `false`, the [findAddressCandidates](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-find-address-candidates.htm) operation will still geocode the input string, but the top result will not be selected. To work with the geocoded results, you can set up a [search-complete](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#event:search-complete) event handler and get the results through the event object.
      * 
@@ -50881,11 +54562,11 @@ declare namespace __esri {
      */
     autoSelect: boolean;
     /**
-     * A read-only property that is a [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [FeaturelayerSources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource) and/or [LocatorSources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource). This property may contain [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) [locators](http://enterprise.arcgis.com/en/server/latest/publish-services/windows/geocode-services.htm) and any web map or web scene [configurable search sources](http://doc.arcgis.com/en/arcgis-online/create-maps/configure-feature-search.htm).  This property is used to populate the Search UI if the [sources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources) property is not set.
+     * A read-only property that is a [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of module:esri/widgets/Search/FeaturelayerSource and/or [LocatorSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html). This property may contain [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) [locators](http://enterprise.arcgis.com/en/server/latest/publish-services/windows/geocode-services.htm) and any web map or web scene [configurable search sources](http://doc.arcgis.com/en/arcgis-online/create-maps/configure-feature-search.htm).  This property is used to populate the Search UI if the [sources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources) property is not set.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#defaultSources)
      */
-    readonly defaultSources: Collection<FeatureLayerSource | LocatorSource>;
+    readonly defaultSources: Collection<FeatureLayerSearchSource | LocatorSearchSource>;
     /**
      * The default [symbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Symbol.html) for the search result.
      * 
@@ -50903,7 +54584,7 @@ declare namespace __esri {
      */
     includeDefaultSources: boolean | Function;
     /**
-     * Indicates whether location services are enabled within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png) 
+     * Indicates whether location services are enabled within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-locationEnabled.png) 
      * > The use of this property is only supported on secure origins. To use it, switch your application to a secure origin, such as HTTPS. Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that supports [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/Window/isSecureContext#Browser_compatibility) (currently Chrome and Firefox).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#locationEnabled)
@@ -50948,21 +54629,13 @@ declare namespace __esri {
      */
     readonly placeholder: string;
     /**
-     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). This is not the same as using [popupOpenOnSelect](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupOpenOnSelect) which opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but it is not opened by default.
+     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupEnabled)
      * 
      * @default true
      */
     popupEnabled: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected. Using `popupOpenOnSelect` opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but not opened by default.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupOpenOnSelect)
-     * 
-     * @default true
-     */
-    popupOpenOnSelect: boolean;
     /**
      * A customized PopupTemplate for the selected feature. Note that specifying a wildcard {*} for the popupTemplate will return all fields in addition to search-specific fields.
      * 
@@ -50986,7 +54659,8 @@ declare namespace __esri {
      */
     readonly resultGraphic: Graphic;
     /**
-     * Indicates if the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic) will display at the location of the selected feature.
+     * Indicates if the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic) will display at the location of the selected feature. 
+     * A graphic will be placed in the View's [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#graphics) for [layer views](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) that do not support the `highlight` method.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphicEnabled)
      * 
@@ -51002,7 +54676,7 @@ declare namespace __esri {
      */
     readonly results: any[];
     /**
-     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-true-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
+     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-true-false](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-false.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#searchAllEnabled)
      * 
@@ -51033,15 +54707,15 @@ declare namespace __esri {
     readonly selectedSuggestion: Geometry | SearchViewModelSuggestResult;
     /**
      * The Search widget may be used to search features in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or geocode locations with a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html). The `sources` property defines the sources from which to search for the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#view) specified by the Search widget instance. There are two types of sources: 
-     *   * [LocatorSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     *   * [FeatureLayerSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
+     *   * [FeatureLayerSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html)
+     *   * [LocatorSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html)
      *   
      *   
-     * Any combination of one or more [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource) sources may be used together in the same instance of the Search widget.
+     * Any combination of these sources may be used together in the same instance of the Search widget.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources)
      */
-    sources: Collection<FeatureLayerSource | LocatorSource>;
+    sources: Collection<FeatureLayerSearchSource | LocatorSearchSource>;
     /**
      * The current state of the widget. This property was removed from [Search](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html) and should now be accessed within the [SearchViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html).  **Possible Values:** ready | disabled | searching
      * 
@@ -51059,7 +54733,7 @@ declare namespace __esri {
      */
     suggestionDelay: number;
     /**
-     * An array of results from the [suggest method](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggest).  This is available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * An array of results from the [suggest method](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggest).  This is available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggestions)
      * 
@@ -51067,7 +54741,7 @@ declare namespace __esri {
      */
     readonly suggestions: SearchViewModelSuggestResult[];
     /**
-     * Enable suggestions for the widget.  This is only available if working with a 10.3 geocoding service that has [suggest capability loaded] (https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * Enable suggestions for the widget.  This is only available if working with a 10.3 or greater geocoding service that has [suggest capability loaded] (https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggestionsEnabled)
      * 
@@ -51109,7 +54783,7 @@ declare namespace __esri {
      */
     searchNearby(): IPromise<SearchViewModelSearchResponse>;
     /**
-     * Performs a suggest() request on the active Locator. It also uses the current value of the widget or one that is passed in.  Suggestions are available if working with a 10.3 geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e.`supportsPagination = true`.
+     * Performs a suggest() request on the active Locator. It also uses the current value of the widget or one that is passed in.  Suggestions are available if working with a 10.3 or greater geocoding service that has [suggest capability loaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e.`supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggest)
      * 
@@ -51150,7 +54824,7 @@ declare namespace __esri {
      */
     activeSourceIndex?: number;
     /**
-     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
+     * String value used as a hint for input text when searching on multiple sources. See the image below to view the location and style of this text in the context of the widget.  ![search-allPlaceholder](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-allplaceholder.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#allPlaceholder)
      * 
@@ -51182,7 +54856,7 @@ declare namespace __esri {
      */
     includeDefaultSources?: boolean | Function;
     /**
-     * Indicates whether location services are enabled within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png) 
+     * Indicates whether location services are enabled within the widget.  ![locationEnabled](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-locationEnabled.png) 
      * > The use of this property is only supported on secure origins. To use it, switch your application to a secure origin, such as HTTPS. Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that supports [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/Window/isSecureContext#Browser_compatibility) (currently Chrome and Firefox).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#locationEnabled)
@@ -51221,21 +54895,13 @@ declare namespace __esri {
      */
     minSuggestCharacters?: number;
     /**
-     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html). This is not the same as using [popupOpenOnSelect](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupOpenOnSelect) which opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but it is not opened by default.
+     * Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can be clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupEnabled)
      * 
      * @default true
      */
     popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected. Using `popupOpenOnSelect` opens the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) any time a search is performed.  It is possible to have `popupOpenOnSelect=false` but `popupEnabled=true` so the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) can be opened by someone but not opened by default.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#popupOpenOnSelect)
-     * 
-     * @default true
-     */
-    popupOpenOnSelect?: boolean;
     /**
      * A customized PopupTemplate for the selected feature. Note that specifying a wildcard {*} for the popupTemplate will return all fields in addition to search-specific fields.
      * 
@@ -51251,7 +54917,8 @@ declare namespace __esri {
      */
     portal?: PortalProperties;
     /**
-     * Indicates if the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic) will display at the location of the selected feature.
+     * Indicates if the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic) will display at the location of the selected feature. 
+     * A graphic will be placed in the View's [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#graphics) for [layer views](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) that do not support the `highlight` method.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphicEnabled)
      * 
@@ -51259,7 +54926,7 @@ declare namespace __esri {
      */
     resultGraphicEnabled?: boolean;
     /**
-     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-true-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
+     * Indicates whether to display the option to search all sources. When `true`, the "All" option is displayed by default:  ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-true.png)  When `false`, no option to search all sources at once is available:  ![search-searchAllEnabled-true-false](https://developers.arcgis.com/javascript/assets/img/apiref/widgets/search-enablesearchingall-false.png)
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#searchAllEnabled)
      * 
@@ -51274,15 +54941,15 @@ declare namespace __esri {
     searchTerm?: string;
     /**
      * The Search widget may be used to search features in a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) or geocode locations with a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html). The `sources` property defines the sources from which to search for the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#view) specified by the Search widget instance. There are two types of sources: 
-     *   * [LocatorSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     *   * [FeatureLayerSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
+     *   * [FeatureLayerSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-FeatureLayerSearchSource.html)
+     *   * [LocatorSearchSource](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html)
      *   
      *   
-     * Any combination of one or more [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource) sources may be used together in the same instance of the Search widget.
+     * Any combination of these sources may be used together in the same instance of the Search widget.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources)
      */
-    sources?: CollectionProperties<FeatureLayerSource | LocatorSource>;
+    sources?: CollectionProperties<FeatureLayerSearchSourceProperties | LocatorSearchSourceProperties>;
     /**
      * The millisecond delay after keyup and before making a [suggest](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggest) network request.
      * 
@@ -51292,7 +54959,7 @@ declare namespace __esri {
      */
     suggestionDelay?: number;
     /**
-     * Enable suggestions for the widget.  This is only available if working with a 10.3 geocoding service that has [suggest capability loaded] (https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 feature layer that supports pagination, i.e. `supportsPagination = true`.
+     * Enable suggestions for the widget.  This is only available if working with a 10.3 or greater geocoding service that has [suggest capability loaded] (https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#suggestionsEnabled)
      * 
@@ -51309,310 +54976,6 @@ declare namespace __esri {
     view?: MapViewProperties | SceneViewProperties;
   }
 
-  /**
-   * The following properties define a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html)-based [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources) whose features may be searched by the Search widget.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-   */
-  export interface SearchViewModelFeatureLayerSource extends Object {
-    /**
-     * The Popup instance used for the selected result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    popup: Popup;
-    /**
-     * Indicates whether to automatically navigate to the selected result once selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    autoNavigate?: boolean;
-    /**
-     * Indicates to only return results that match the search value exactly. This property only applies to `string` field searches. `exactMatch` is always `true` when searching fields of type `number`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    exactMatch?: boolean;
-    /**
-     * The feature layer queried in the search. This is **required**.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    featureLayer: FeatureLayer;
-    /**
-     * As of version 4.4, this property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    filter: SearchViewModelFeatureLayerSourceFilter;
-    /**
-     * Indicates the maximum number of search results to return.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    maxResults?: number;
-    /**
-     * Indicates the maximum number of suggestions to return for the widget's input.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    maxSuggestions?: number;
-    /**
-     * Indicates the minimum number of characters required before querying for a suggestion.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    minSuggestCharacters?: number;
-    /**
-     * The name of the source for display.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    name: string;
-    /**
-     * Specifies the fields returned with the search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    outFields: string[];
-    /**
-     * Used as a hint for the source input text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    placeholder: string;
-    /**
-     * The results are displayed using this field. Defaults to the layer's `displayField` or the first string field.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    displayField: string;
-    /**
-     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    popupOpenOnSelect?: boolean;
-    /**
-     * Specify this to prefix the input for the search text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    prefix: string;
-    /**
-     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultSymbol).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    resultGraphicEnabled?: boolean;
-    /**
-     * The symbol used for the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    resultSymbol: Symbol;
-    /**
-     * An array of string values representing the names of fields in the feature layer to search.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    searchFields: string[];
-    /**
-     * Specify this to suffix the input for the search value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    suffix: string;
-    /**
-     * Indicates whether to display suggestions as the user enters input text in the widget. The default value is `true`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    suggestionsEnabled: boolean;
-    /**
-     * A template string used to display multiple fields in a defined order when suggestions are displayed. This takes precedence over `displayField`. Field names in the template must have the following format: `{FieldName}`. An example suggestionTemplate could look something like: `Name: {OWNER}, Parcel: {PARCEL_ID}`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    suggestionTemplate: string;
-    /**
-     * Indicates whether to constrain the search results to the view's extent.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    withinViewEnabled: boolean;
-    /**
-     * Applicable to the specified source. If the result does not have an associated extent, specify this number to use as the zoom scale for the result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    zoomScale: number;
-  }
-
-  /**
-   * The following properties define a [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources) pointing to a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html) that may be used to geocode locations with the Search widget.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-   */
-  export interface SearchViewModelLocatorSource extends Object {
-    /**
-     * Used as a hint for the source input text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    placeholder: string;
-    /**
-     * Indicates whether to automatically navigate to the selected result once selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    autoNavigate?: boolean;
-    /**
-     * Constricts search results to a specified country code. For example, `US` for United States or `SE` for Sweden. Only applies to the World Geocode Service. View the [World Geocoding Service documentation](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm) for more information.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    countryCode: string;
-    /**
-     * As of version 4.4, this property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    filter: SearchViewModelLocatorSourceFilter;
-    /**
-     * Sets the sources for local `distance` and `minScale` for searching. See the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    localSearchOptions: SearchViewModelLocatorSourceLocalSearchOptions;
-    /**
-     * When reverse geocoding a result, use this distance in meters.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    locationToAddressDistance?: number;
-    /**
-     * The locator task used to search. This is **required** and defaults to the [World Geocoding Service](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    locator: Locator;
-    /**
-     * Indicates the maximum number of search results to return.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    maxResults?: number;
-    /**
-     * Indicates the maximum number of suggestions to return for the widget's input.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    maxSuggestions?: number;
-    /**
-     * Indicates the minimum number of characters required before querying for a suggestion.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    minSuggestCharacters?: number;
-    /**
-     * The name of the source for display.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    name: string;
-    /**
-     * Specifies the fields returned with the search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    outFields: string[];
-    /**
-     * A string array which limits the results to one or more categories. For example "Populated Place" or "airport". Only applicable when using the World Geocode Service. View the [World Geocoding Service documentation](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm) for more information.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    categories: string[];
-    /**
-     * The Popup instance used for the selected result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    popup: Popup;
-    /**
-     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    popupOpenOnSelect?: boolean;
-    /**
-     * Specify this to prefix the input for the search text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    prefix: string;
-    /**
-     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultSymbol).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    resultGraphicEnabled?: boolean;
-    /**
-     * The symbol used for the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#resultGraphic).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    resultSymbol: Symbol;
-    /**
-     * A template string used to display multiple fields in a defined order when results are displayed, e.g. `"{Street}, {City}, {ZIP}"`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    searchTemplate: string;
-    /**
-     * The field name of the Single Line Address Field in the REST services directory for the locator service. Common values are `SingleLine` and `SingleLineFieldName`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    singleLineFieldName: string;
-    /**
-     * Indicates whether to display suggestions as the user enters input text in the widget.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    suggestionsEnabled?: boolean;
-    /**
-     * Specify this to suffix the input for the search value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    suffix: string;
-    /**
-     * Indicates whether to constrain the search results to the view's extent.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    withinViewEnabled: boolean;
-    /**
-     * Applicable to the specified source. If the result does not have an associated extent, specify this number to use as the zoom scale for the result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    zoomScale: number;
-  }
-
   export interface SearchViewModelSearchClearEvent {
   }
 
@@ -51786,54 +55149,6 @@ declare namespace __esri {
   }
 
 
-  export interface SearchViewModelFeatureLayerSourceFilter extends Object {
-    /**
-     * The where clause specified for filtering suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    where: string;
-    /**
-     * The filter geometry for suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#FeatureLayerSource)
-     */
-    geometry: Geometry;
-  }
-
-
-  export interface SearchViewModelLocatorSourceFilter extends Object {
-    /**
-     * The where clause specified for filtering suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    where: string;
-    /**
-     * The filter geometry for suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    geometry: Geometry;
-  }
-
-
-  export interface SearchViewModelLocatorSourceLocalSearchOptions extends Object {
-    /**
-     * The distance to search.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    distance: number;
-    /**
-     * The minimum scale used to search locally.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#LocatorSource)
-     */
-    minScale: number;
-  }
-
-
   export interface SearchViewModelSearchCompleteEventResults extends Object {
 
     results: SearchResult[];
@@ -51907,310 +55222,6 @@ declare namespace __esri {
     source: any;
   }
 
-  /**
-   * The following properties define a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html)-based [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources) whose features may be searched by the Search widget.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-   */
-  export interface FeatureLayerSource extends Object {
-    /**
-     * The Popup instance used for the selected result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    popup: Popup;
-    /**
-     * Indicates whether to automatically navigate to the selected result once selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    autoNavigate?: boolean;
-    /**
-     * Indicates to only return results that match the search value exactly. This property only applies to `string` field searches. `exactMatch` is always `true` when searching fields of type `number`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    exactMatch?: boolean;
-    /**
-     * The feature layer queried in the search. This is **required**.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    featureLayer: FeatureLayer;
-    /**
-     * As of version 4.4, this property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    filter: FeatureLayerSourceFilter;
-    /**
-     * Indicates the maximum number of search results to return.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    maxResults?: number;
-    /**
-     * Indicates the maximum number of suggestions to return for the widget's input.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    maxSuggestions?: number;
-    /**
-     * Indicates the minimum number of characters required before querying for a suggestion.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    minSuggestCharacters?: number;
-    /**
-     * The name of the source for display.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    name: string;
-    /**
-     * Specifies the fields returned with the search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    outFields: string[];
-    /**
-     * Used as a hint for the source input text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    placeholder: string;
-    /**
-     * The results are displayed using this field. Defaults to the layer's `displayField` or the first string field.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    displayField: string;
-    /**
-     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    popupOpenOnSelect?: boolean;
-    /**
-     * Specify this to prefix the input for the search text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    prefix: string;
-    /**
-     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#resultSymbol).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    resultGraphicEnabled?: boolean;
-    /**
-     * The symbol used for the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#resultGraphic).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    resultSymbol: Symbol;
-    /**
-     * An array of string values representing the names of fields in the feature layer to search.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    searchFields: string[];
-    /**
-     * Specify this to suffix the input for the search value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    suffix: string;
-    /**
-     * Indicates whether to display suggestions as the user enters input text in the widget.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    suggestionsEnabled?: boolean;
-    /**
-     * A template string used to display multiple fields in a defined order when suggestions are displayed. This takes precedence over `displayField`. Field names in the template must have the following format: `{FieldName}`. An example suggestionTemplate could look something like: `Name: {OWNER}, Parcel: {PARCEL_ID}`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    suggestionTemplate: string;
-    /**
-     * Indicates whether to constrain the search results to the view's extent.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    withinViewEnabled: boolean;
-    /**
-     * The set zoom scale for the resulting search result. This scale is automatically honored.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    zoomScale: number;
-  }
-
-  /**
-   * The following properties define a [source](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#sources) pointing to a [Locator](https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-Locator.html) that may be used to geocode locations with the Search widget.
-   * 
-   * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-   */
-  export interface LocatorSource extends Object {
-    /**
-     * Used as a hint for the source input text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    placeholder: string;
-    /**
-     * Indicates whether to automatically navigate to the selected result once selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    autoNavigate?: boolean;
-    /**
-     * Constricts search results to a specified country code. For example, `US` for United States or `SE` for Sweden. Only applies to the World Geocode Service. View the [World Geocoding Service documentation](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm) for more information.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    countryCode: string;
-    /**
-     * As of version 4.4, this property replaces the now deprecated `searchQueryParams`, `suggestQueryParams`, and `searchExtent` properties. Please see the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    filter: LocatorSourceFilter;
-    /**
-     * Sets the sources for local `distance` and `minScale` for searching. See the object specification table below for details.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    localSearchOptions: LocatorSourceLocalSearchOptions;
-    /**
-     * When reverse geocoding a result, use this distance in meters.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    locationToAddressDistance?: number;
-    /**
-     * The locator task used to search. This is **required** and defaults to the [World Geocoding Service](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    locator: Locator;
-    /**
-     * Indicates the maximum number of search results to return.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    maxResults?: number;
-    /**
-     * Indicates the maximum number of suggestions to return for the widget's input.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    maxSuggestions?: number;
-    /**
-     * Indicates the minimum number of characters required before querying for a suggestion.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    minSuggestCharacters?: number;
-    /**
-     * The name of the source for display.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    name: string;
-    /**
-     * Specifies the fields returned with the search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    outFields: string[];
-    /**
-     * A string array which limits the results to one or more categories. For example "Populated Place" or "airport". Only applicable when using the World Geocode Service. View the [World Geocoding Service documentation](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-category-filtering.htm) for more information.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    categories: string[];
-    /**
-     * The Popup instance used for the selected result.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    popup: Popup;
-    /**
-     * Indicates whether to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a selected result is clicked.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    popupEnabled?: boolean;
-    /**
-     * Indicates whether to show the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) when a result is selected.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    popupOpenOnSelect?: boolean;
-    /**
-     * Specify this to prefix the input for the search text.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    prefix: string;
-    /**
-     * Indicates whether to show a graphic on the map for the selected source using the [resultSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#resultSymbol).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    resultGraphicEnabled?: boolean;
-    /**
-     * The symbol used for the [resultGraphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#resultGraphic).
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    resultSymbol?: Symbol;
-    /**
-     * A template string used to display multiple fields in a defined order when results are displayed, e.g. `"{Street}, {City}, {ZIP}"`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    searchTemplate?: string;
-    /**
-     * The field name of the Single Line Address Field in the REST services directory for the locator service. Common values are `SingleLine` and `SingleLineFieldName`.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    singleLineFieldName: string;
-    /**
-     * Indicates whether to display suggestions as the user enters input text in the widget.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    suggestionsEnabled?: boolean;
-    /**
-     * Specify this to suffix the input for the search value.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    suffix?: string;
-    /**
-     * Indicates whether to constrain the search results to the view's extent.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    withinViewEnabled?: boolean;
-    /**
-     * The set zoom scale for the resulting search result. This scale is automatically honored.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    zoomScale?: number;
-  }
-
   /**
    * When resolved, returns this response after calling [search](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#search).
    * 
@@ -52340,54 +55351,6 @@ declare namespace __esri {
   }
 
 
-  export interface FeatureLayerSourceFilter extends Object {
-    /**
-     * The where clause specified for filtering suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    where: string;
-    /**
-     * The filter geometry for suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#FeatureLayerSource)
-     */
-    geometry: Geometry;
-  }
-
-
-  export interface LocatorSourceFilter extends Object {
-    /**
-     * The where clause specified for filtering suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    where: string;
-    /**
-     * The filter geometry for suggests or search results.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    geometry: Geometry;
-  }
-
-
-  export interface LocatorSourceLocalSearchOptions extends Object {
-    /**
-     * The distance to search.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    distance: number;
-    /**
-     * The minimum scale used to search locally.
-     * 
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#LocatorSource)
-     */
-    minScale: number;
-  }
-
-
   export interface SearchResponseResults extends Object {
     /**
      * An array of search results.
@@ -52659,7 +55622,7 @@ declare namespace __esri {
 
   interface SketchViewModel extends Accessor, Evented {
     /**
-     * Graphic representing the sketch that is being drawn on the view.
+     * Graphic representing the sketch that is being drawn or updated on the view.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#graphic)
      */
@@ -52731,7 +55694,7 @@ declare namespace __esri {
     view: MapView;
 
     /**
-     * Completes the active drawing and fires the [create-complete](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:create-complete) event. If called mid-drawing, `complete()` finishes the active drawing and keeps the valid geometry.
+     * Completes the active drawing and fires the [create-complete](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:create-complete) or [update-complete](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:update-complete) event depending on the draw operation. If called mid-drawing, `complete()` finishes the active drawing and keeps the valid geometry.
      * 
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#complete)
      * 
@@ -52756,6 +55719,14 @@ declare namespace __esri {
      * 
      */
     create(drawAction: string, drawOptions?: SketchViewModelCreateDrawOptions): void;
+    /**
+     * Incrementally redo actions recorded in the stack. Calling this method will fire the [redo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:redo) event.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#redo)
+     * 
+     * 
+     */
+    redo(): void;
     /**
      * Resets SketchViewModel to prepare for another create operation. Reset discards the current drawing, if called mid drawing.
      * 
@@ -52764,6 +55735,14 @@ declare namespace __esri {
      * 
      */
     reset(): void;
+    /**
+     * Incrementally undo actions recorded in the stack. Calling this method will fire the [undo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:undo) event.
+     * 
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#undo)
+     * 
+     * 
+     */
+    undo(): void;
     /**
      * Initializes an update operation for the selected geometry and fires [update-init](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#event:update-init) event.
      * 
@@ -53528,7 +56507,7 @@ declare namespace __esri {
 
     /**
      * A utility method used for building the value for a widget's `class` property. This aids in simplifying CSS class setup. 
-     * > Prior to version 4.7, there were various approaches towards setting CSS classes. These were dependant upon variables, such as whether the classes were:
+     * > Prior to version 4.7, there were various approaches towards setting CSS classes. These were dependent upon variables, such as whether the classes were:
      *   * a single static class,
      *   * multiple static classes, or
      *   * dynamic classes.
@@ -54024,6 +57003,11 @@ declare module "esri/core/HandleOwner" {
   export = HandleOwner;
 }
 
+declare module "esri/core/workers/Connection" {
+  import Connection = __esri.Connection;
+  export = Connection;
+}
+
 declare module "esri/geometry/Circle" {
   import Circle = __esri.Circle;
   export = Circle;
@@ -54724,6 +57708,11 @@ declare module "esri/tasks/support/AreasAndLengthsParameters" {
   export = AreasAndLengthsParameters;
 }
 
+declare module "esri/tasks/support/AttachmentQuery" {
+  import AttachmentQuery = __esri.AttachmentQuery;
+  export = AttachmentQuery;
+}
+
 declare module "esri/tasks/support/BufferParameters" {
   import BufferParameters = __esri.BufferParameters;
   export = BufferParameters;
@@ -54969,6 +57958,31 @@ declare module "esri/views/ViewAnimation" {
   export = ViewAnimation;
 }
 
+declare module "esri/views/input/Input" {
+  import Input = __esri.Input;
+  export = Input;
+}
+
+declare module "esri/views/input/gamepad/GamepadInputDevice" {
+  import GamepadInputDevice = __esri.GamepadInputDevice;
+  export = GamepadInputDevice;
+}
+
+declare module "esri/views/input/gamepad/GamepadSettings" {
+  import GamepadSettings = __esri.GamepadSettings;
+  export = GamepadSettings;
+}
+
+declare module "esri/views/navigation/Navigation" {
+  import Navigation = __esri.Navigation;
+  export = Navigation;
+}
+
+declare module "esri/views/navigation/gamepad/GamepadSettings" {
+  import gamepadGamepadSettings = __esri.gamepadGamepadSettings;
+  export = gamepadGamepadSettings;
+}
+
 declare module "esri/views/layers/LayerView" {
   import LayerView = __esri.LayerView;
   export = LayerView;
@@ -55064,6 +58078,11 @@ declare module "esri/views/2d/layers/BaseLayerView2D" {
   export = BaseLayerView2D;
 }
 
+declare module "esri/webmap/Bookmark" {
+  import Bookmark = __esri.Bookmark;
+  export = Bookmark;
+}
+
 declare module "esri/webmap/InitialViewProperties" {
   import InitialViewProperties = __esri.InitialViewProperties;
   export = InitialViewProperties;
@@ -55189,6 +58208,11 @@ declare module "esri/widgets/Feature" {
   export = Feature;
 }
 
+declare module "esri/widgets/FeatureForm" {
+  import FeatureForm = __esri.FeatureForm;
+  export = FeatureForm;
+}
+
 declare module "esri/widgets/Fullscreen" {
   import Fullscreen = __esri.Fullscreen;
   export = Fullscreen;
@@ -55299,11 +58323,6 @@ declare module "esri/widgets/BasemapToggle/BasemapToggleViewModel" {
   export = BasemapToggleViewModel;
 }
 
-declare module "esri/widgets/Bookmarks/Bookmark" {
-  import Bookmark = __esri.Bookmark;
-  export = Bookmark;
-}
-
 declare module "esri/widgets/Bookmarks/BookmarksViewModel" {
   import BookmarksViewModel = __esri.BookmarksViewModel;
   export = BookmarksViewModel;
@@ -55339,6 +58358,26 @@ declare module "esri/widgets/Feature/FeatureViewModel" {
   export = FeatureViewModel;
 }
 
+declare module "esri/widgets/FeatureForm/FeatureFormViewModel" {
+  import FeatureFormViewModel = __esri.FeatureFormViewModel;
+  export = FeatureFormViewModel;
+}
+
+declare module "esri/widgets/FeatureForm/FieldConfig" {
+  import FieldConfig = __esri.FieldConfig;
+  export = FieldConfig;
+}
+
+declare module "esri/widgets/FeatureForm/FieldOptions" {
+  import FieldOptions = __esri.FieldOptions;
+  export = FieldOptions;
+}
+
+declare module "esri/widgets/FeatureForm/InputField" {
+  import InputField = __esri.InputField;
+  export = InputField;
+}
+
 declare module "esri/widgets/Fullscreen/FullscreenViewModel" {
   import FullscreenViewModel = __esri.FullscreenViewModel;
   export = FullscreenViewModel;
@@ -55394,6 +58433,21 @@ declare module "esri/widgets/ScaleBar/ScaleBarViewModel" {
   export = ScaleBarViewModel;
 }
 
+declare module "esri/widgets/Search/FeatureLayerSearchSource" {
+  import FeatureLayerSearchSource = __esri.FeatureLayerSearchSource;
+  export = FeatureLayerSearchSource;
+}
+
+declare module "esri/widgets/Search/LocatorSearchSource" {
+  import LocatorSearchSource = __esri.LocatorSearchSource;
+  export = LocatorSearchSource;
+}
+
+declare module "esri/widgets/Search/SearchSource" {
+  import SearchSource = __esri.SearchSource;
+  export = SearchSource;
+}
+
 declare module "esri/widgets/Search/SearchViewModel" {
   import SearchViewModel = __esri.SearchViewModel;
   export = SearchViewModel;
@@ -55479,6 +58533,11 @@ declare module "esri/layers/mixins/SceneService" {
   export = SceneService;
 }
 
+declare module "esri/layers/mixins/SublayersOwner" {
+  import SublayersOwner = __esri.SublayersOwner;
+  export = SublayersOwner;
+}
+
 declare module "esri/renderers/VisualVariablesMixin" {
   import VisualVariablesMixin = __esri.VisualVariablesMixin;
   export = VisualVariablesMixin;
@@ -55574,11 +58633,6 @@ declare module "esri/core/workers" {
   export = workers;
 }
 
-declare module "esri/core/workers/Connection" {
-  import Connection = __esri.Connection;
-  export = Connection;
-}
-
 declare module "esri/core/accessorSupport/decorators" {
   import decorators = __esri.decorators;
   export = decorators;
@@ -55639,6 +58693,16 @@ declare module "esri/renderers/smartMapping/creators/opacity" {
   export = opacity;
 }
 
+declare module "esri/renderers/smartMapping/creators/predominance" {
+  import predominance = __esri.predominance;
+  export = predominance;
+}
+
+declare module "esri/renderers/smartMapping/creators/relationship" {
+  import relationship = __esri.relationship;
+  export = relationship;
+}
+
 declare module "esri/renderers/smartMapping/creators/size" {
   import size = __esri.size;
   export = size;
@@ -55684,6 +58748,16 @@ declare module "esri/renderers/smartMapping/symbology/location" {
   export = symbologyLocation;
 }
 
+declare module "esri/renderers/smartMapping/symbology/predominance" {
+  import symbologyPredominance = __esri.symbologyPredominance;
+  export = symbologyPredominance;
+}
+
+declare module "esri/renderers/smartMapping/symbology/relationship" {
+  import symbologyRelationship = __esri.symbologyRelationship;
+  export = symbologyRelationship;
+}
+
 declare module "esri/renderers/smartMapping/symbology/size" {
   import symbologySize = __esri.symbologySize;
   export = symbologySize;
diff --git a/types/arcgis-js-api/v3/index.d.ts b/types/arcgis-js-api/v3/index.d.ts
index 5ce4cfa06c..a42c651068 100644
--- a/types/arcgis-js-api/v3/index.d.ts
+++ b/types/arcgis-js-api/v3/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ArcGIS API for JavaScript 3.25
+// Type definitions for ArcGIS API for JavaScript 3.26
 // Project: https://developers.arcgis.com/javascript/3/
 // Definitions by: Esri <https://github.com/Esri>
 //                 Bjorn Svensson <https://github.com/bsvensson>
@@ -1897,6 +1897,8 @@ declare module "esri" {
   export interface ReportPlayerOptions {
     /** Indicates whether left and right arrows key can be used to paginate when viewMode is set to PlayerViewModes.PANELS_IN_SLIDES. */
     allowKeyboardNavigation?: boolean;
+    /** As of version 3.26 Configuration to specify the location of the JavaScript API to use when exporting an Infographic to Dynamic HTML. */
+    config?: any;
     /** Specifies which export options are available for the report. */
     dataProvider?: DataProviderGE;
     /** Specifies how the ReportPlayer should zoom by default. */
@@ -3506,7 +3508,7 @@ declare module "esri/dijit/Attribution" {
     /**
      * Creates a new Attribution object.
      * @param options An object that defines the attribution options.
-     * @param srcNodeRef HTML element where the time slider should be rendered.
+     * @param srcNodeRef HTML element where the attribution widget should be rendered.
      */
     constructor(options: esri.AttributionOptions, srcNodeRef: Node | string);
     /** Destroy the attribution widget. */
@@ -7584,6 +7586,8 @@ declare module "esri/dijit/geoenrichment/ReportPlayer/ReportPlayer" {
   class ReportPlayer {
     /** Indicates whether left and right arrows key can be used to paginate when viewMode is set to PlayerViewModes.PANELS_IN_SLIDES. */
     allowKeyboardNavigation: boolean;
+    /** Configuration to specify the location of the JavaScript API to use when exporting an Infographic to Dynamic HTML. */
+    config: any;
     /** Data Provider for the ReportPlayer which allows you to specify which export options are available when running the report. */
     dataProvider: DataProviderGE;
     /** Specifies how the ReportPlayer should zoom by default. */
@@ -7607,7 +7611,7 @@ declare module "esri/dijit/geoenrichment/ReportPlayer/ReportPlayer" {
      * @param params Various parameters that can be used to configure the ReportPlayer.
      * @param srcNode Reference or id of the HTML element where the widget should be rendered.
      */
-    constructor(params: esri.ReportPlayerOptions, srcNode?: Node | string);
+    constructor(params?: esri.ReportPlayerOptions, srcNode?: Node | string);
     /**
      * Generates the report for the supplied parameters.
      * @param dataProviderParams See the object specifications table below for the structure of the dataProviderParams object.
diff --git a/types/argparse/index.d.ts b/types/argparse/index.d.ts
index cf4d1f648e..3330055b1f 100644
--- a/types/argparse/index.d.ts
+++ b/types/argparse/index.d.ts
@@ -69,6 +69,7 @@ export interface ArgumentParserOptions {
     prog?: string;
     usage?: string;
     version?: string;
+    debug?: boolean;
 }
 
 export interface ArgumentGroupOptions {
diff --git a/types/array.prototype.flatmap/array.prototype.flatmap-tests.ts b/types/array.prototype.flatmap/array.prototype.flatmap-tests.ts
new file mode 100644
index 0000000000..5236a352ca
--- /dev/null
+++ b/types/array.prototype.flatmap/array.prototype.flatmap-tests.ts
@@ -0,0 +1,47 @@
+import flatMap = require("array.prototype.flatmap");
+import "array.prototype.flatmap/auto";
+import flatMapImpl = require("array.prototype.flatmap/implementation");
+import getPolyfill = require("array.prototype.flatmap/polyfill");
+import shim = require("array.prototype.flatmap/shim");
+
+// infers type of the output array from the return type of the callback
+flatMap(["foo"], word => word.split("")); // $ExpectType string[]
+flatMapImpl(["foo"], word => word.split("")); // $ExpectType string[]
+["foo"].flatMap(word => word.split("")); // $ExpectType string[]
+
+// infers the type of the value argument to the callback
+flatMap([1, 2], word => word.split("")); // $ExpectError
+flatMapImpl([1, 2], word => word.split("")); // $ExpectError
+[1, 2].flatMap(word => word.split("")); // $ExpectError
+
+// the callback must return an array
+flatMap([1, 2], word => word); // $ExpectError
+flatMapImpl([1, 2], word => word); // $ExpectError
+[1, 2].flatMap(word => word); // $ExpectError
+
+// the callback accepts an index argument
+flatMap(["foo"], (_, index) => [index]); // $ExpectType number[]
+flatMapImpl(["foo"], (_, index) => [index]); // $ExpectType number[]
+["foo"].flatMap((_, index) => [index]); // $ExpectType number[]
+
+// the callback accepts an argument that refers to the original array
+flatMap(["foo"], (_, __, input) => input); // $ExpectType string[]
+flatMapImpl(["foo"], (_, __, input) => input); // $ExpectType string[]
+["foo"].flatMap((_, __, input) => input); // $ExpectType string[]
+
+// the third argument is used as the calling context for the callback
+flatMap(["foo"], function() { return this.foo; }, { foo: [1, 2] }); // $ExpectType number[]
+flatMapImpl(["foo"], function() { return this.foo; }, { foo: [1, 2] }); // $ExpectType number[]
+["foo"].flatMap(function() { return this.foo; }, { foo: [1, 2] }); // $ExpectType number[]
+
+// assumes that value of `this` in callback is `undefined` by default (this is
+// accurate in strict mode)
+flatMap([1], function() { return [this]; }); // $ExpectType undefined[]
+flatMapImpl([1], function() { return [this]; }); // $ExpectType undefined[]
+[1].flatMap(function() { return [this]; }); // $ExpectType undefined[]
+
+// `getPolyfill` returns a flatMap implementation
+getPolyfill()(["foo"], word => word.split("")); // $ExpectType string[]
+
+// `shim` installs a flatMap implementation in `Array` prototype and returns it
+shim()(["foo"], word => word.split("")); // $ExpectType string[]
diff --git a/types/array.prototype.flatmap/auto.d.ts b/types/array.prototype.flatmap/auto.d.ts
new file mode 100644
index 0000000000..43177fb3ad
--- /dev/null
+++ b/types/array.prototype.flatmap/auto.d.ts
@@ -0,0 +1,6 @@
+interface Array<T> {
+    flatMap<U, R extends object | undefined = undefined>(
+        fn: (this: R, x: T, index: number, array: this) => U[],
+        thisArg?: R
+    ): U[];
+}
diff --git a/types/array.prototype.flatmap/implementation.d.ts b/types/array.prototype.flatmap/implementation.d.ts
new file mode 100644
index 0000000000..80ad9f39d0
--- /dev/null
+++ b/types/array.prototype.flatmap/implementation.d.ts
@@ -0,0 +1,7 @@
+// This is the same type as the callable signature in `FlatMap` in `index.d.ts`.
+declare function flatMap<A, B, T extends object | undefined = undefined>(
+    xs: ReadonlyArray<A>,
+    fn: (this: T, x: A, index: number, array: A[]) => B[],
+    thisArg?: T
+): B[];
+export = flatMap;
diff --git a/types/array.prototype.flatmap/index.d.ts b/types/array.prototype.flatmap/index.d.ts
new file mode 100644
index 0000000000..6bcc29f8b5
--- /dev/null
+++ b/types/array.prototype.flatmap/index.d.ts
@@ -0,0 +1,21 @@
+// Type definitions for array.prototype.flatmap 1.2
+// Project: https://github.com/es-shims/Array.prototype.flatMap#readme
+// Definitions by: Jesse Hallett <https://github.com/hallettj>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import flatMapImpl = require("./implementation");
+
+interface FlatMap {
+    <A, B, T extends object | undefined = undefined>(
+        xs: ReadonlyArray<A>,
+        fn: (this: T, x: A, index: number, array: A[]) => B[],
+        thisArg?: T
+    ): B[];
+    getPolyfill(): typeof flatMapImpl;
+    implementation: typeof flatMapImpl;
+    shim(): typeof flatMapImpl;
+}
+
+declare const flatMap: FlatMap;
+export = flatMap;
diff --git a/types/array.prototype.flatmap/polyfill.d.ts b/types/array.prototype.flatmap/polyfill.d.ts
new file mode 100644
index 0000000000..ad228b4065
--- /dev/null
+++ b/types/array.prototype.flatmap/polyfill.d.ts
@@ -0,0 +1,4 @@
+import flatMap = require("./implementation");
+
+declare function getPolyfill(): typeof flatMap;
+export = getPolyfill;
diff --git a/types/array.prototype.flatmap/shim.d.ts b/types/array.prototype.flatmap/shim.d.ts
new file mode 100644
index 0000000000..9f75c3a88a
--- /dev/null
+++ b/types/array.prototype.flatmap/shim.d.ts
@@ -0,0 +1,4 @@
+import flatMap = require("./implementation");
+
+declare function shim(): typeof flatMap;
+export = shim;
diff --git a/types/array.prototype.flatmap/tsconfig.json b/types/array.prototype.flatmap/tsconfig.json
new file mode 100644
index 0000000000..8a046f1837
--- /dev/null
+++ b/types/array.prototype.flatmap/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "array.prototype.flatmap-tests.ts",
+        "auto.d.ts",
+        "implementation.d.ts",
+        "index.d.ts",
+        "polyfill.d.ts",
+        "shim.d.ts"
+    ]
+}
diff --git a/types/deepmerge/tslint.json b/types/array.prototype.flatmap/tslint.json
similarity index 100%
rename from types/deepmerge/tslint.json
rename to types/array.prototype.flatmap/tslint.json
diff --git a/types/ascii-art/ascii-art-tests.ts b/types/ascii-art/ascii-art-tests.ts
new file mode 100644
index 0000000000..d5a2d567f8
--- /dev/null
+++ b/types/ascii-art/ascii-art-tests.ts
@@ -0,0 +1,193 @@
+import art from 'ascii-art';
+
+art.font('test', 'doom').toPromise();
+
+art.font('my text', 'Doom', (rendered: string) => {
+    rendered.big();
+});
+
+art.font('my text', 'Doom', '', (rendered) => {
+    rendered.big();
+});
+
+art.artwork({
+	artwork: 'textfiles.com/art/st-char.asc'
+}).lines(31, 45, (rendered: string) => {
+	// cleanup non-unix terminators
+	rendered = rendered.replace(/\r/g, '');
+	art.image({
+		filepath : '~/Images/earth_in_space.jpg',
+		alphabet : 'ultra-wide'
+	}).overlay(rendered, {
+		x: 0,
+		y: -1,
+		style: 'red+blink',
+		transparent: '&'
+	}, (_final: any) => {});
+});
+
+art.font('Ghost Wire BBS', 'Doom', (logo) => {
+    art.font('No place like home', 'rusted', (subtext) => {
+        art.table({
+            verticalBar : ' ',
+            horizontalBar : ' ',
+            intersection : ' ',
+            data: [
+                {name: art.style('current users', 'red'), value: '203'},
+                {name: 'operator', value: 'vince.vega'},
+                {name: 'dial-in', value: '(917)555-4202'},
+            ]
+        }).lines(2, (table: any) => {
+            art.image({
+                filepath : '~/Images/starburst_red.jpg',
+                alphabet : 'ultra-wide'
+            }).lines(2, 30).overlay(logo, {
+                x: 0,
+                y: 0,
+                style: 'blue',
+            }).overlay(subtext, {
+                x: 19,
+                y: 8,
+                style: 'yellow',
+            }).overlay(table, {
+                x: -1,
+                y: -1,
+                style: 'green',
+            }, (_final: any) => {
+            });
+        });
+    });
+});
+
+art.image({
+	width : 40,
+	filepath : '/Images/initech.png',
+	alphabet : 'wide'
+}).font('INITECH', 'Doom', 'cyan', (_ascii) => {
+});
+
+art.table({
+    data: [
+        {text: '    .\'ANDRE.    '},
+        {text: '   ..THE.GIANT\'.  '},
+        {text: '.With.Bobby."The.Brain"'},
+        {text: '.Heenan.'}
+    ],
+    verticalBar : ' ',
+    horizontalBar : ' ',
+    intersection : ' '
+}).lines(2, (table: any) => {
+    art.strings([
+        'ANDRE',
+        'the',
+        'GIANT',
+        'POSSE',
+        '7\'4"',
+        '520 LB'
+    ], 'rusted', (andre: any, the: any, giant: any, posse: any, height: any, weight: any) => {
+        art.strings([ 'has', 'a'], 'twopoint', (has: any, a: any) => {
+            art.image({
+                filepath : '/Images/andre_has_a_posse.jpeg',
+                alphabet : 'ultra-wide'
+            }).overlay(andre, {
+                x: 8, y: 4,
+                style: 'white'
+            }).overlay(the, {
+                x: 10, y: 7,
+                style: 'white',
+                transparent : true
+            }).overlay(giant, {
+                x: 8, y: 10,
+                style: 'white',
+                transparent : true
+            }).overlay(has, {
+                x: 10, y: 14,
+                style: 'white'
+            }).overlay(a, {
+                x: 13, y: 17,
+                style: 'white'
+            }).overlay(posse, {
+                x: 5, y: 20,
+                style: 'bright_black',
+                transparent: true
+            }).overlay(height, {
+                x: 59, y: 3,
+                style: 'bright_black',
+                transparent: true
+            }).overlay(weight, {
+                x: 59, y: 8,
+                style: 'bright_black',
+                transparent: true
+            }).overlay(table, {
+                x: 6, y: -6,
+                style: 'bright_black',
+                transparent: true
+            }, (_final: any) => {
+            });
+        });
+    });
+});
+
+art.Figlet.fontPath = 'Fonts';
+
+const image = new art.Image({
+	filepath: '~/Images/metropolis.jpg',
+	alphabet: 'variant4'
+});
+image.write((_err: any, _rendered: string) => {
+});
+
+art.font('Prompt', 'Basic', 'red').font('v1', 'Doom', 'magenta', (_rendered) => {
+});
+
+art.image({
+	width : 40,
+	filepath : '/Images/initech.png',
+	alphabet : 'wide'
+}).font('INITECH', 'Doom', 'cyan', (_ascii) => {
+});
+
+art.style('my text', 'red+underline');
+
+art.table({
+    width : 80,
+    data : [ /* ... */ ],
+    verticalBar : ' ',
+    horizontalBar : ' ',
+    intersection : ' ',
+    columns : [
+        {
+            value : 'Product',
+            style : 'black+gray_bg'
+        }, {
+            value : 'Maker',
+            style : 'white'
+        }, {
+            value : 'Location',
+            style : 'white'
+        }
+    ]
+}, (_rendered) => {
+    // use rendered text
+});
+
+art.table({
+    width : 80,
+    data : [ /* ... */ ],
+    bars : {
+        ul_corner: '┏',
+        ur_corner: '┓',
+        lr_corner: '┛',
+        ll_corner: '┗',
+        bottom_t: '┻',
+        top_t: '┳',
+        right_t: '┫',
+        left_t: '┣',
+        intersection: '╋',
+        vertical: '┃',
+        horizontal: '━',
+    },
+    borderColor : 'bright_white',
+}, (_rendered) => {
+	// use rendered text
+});
diff --git a/types/ascii-art/index.d.ts b/types/ascii-art/index.d.ts
new file mode 100644
index 0000000000..3a753a183b
--- /dev/null
+++ b/types/ascii-art/index.d.ts
@@ -0,0 +1,43 @@
+// Type definitions for ascii-art 1.4
+// Project: https://github.com/khrome/ascii-art
+// Definitions by: Lukas Elmer <https://github.com/lukaselmer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export type StyleType = (text: string, style?: string, close?: boolean) => Art;
+export type FontType = ((text: string, font?: string, styleOrCallback?: string | Cb, callback?: Cb) => Art);
+export type ImageType = (options: object, callback?: Cb) => Art;
+export type TableType = (options: object, callback?: Cb) => Art;
+export type ArtworkType = (options: object, callback?: Cb) => Art;
+export type LinesType = (...options: any[]) => Art;
+export type OverlayType = (...options: any[]) => Art;
+export type JoinType = (...options: any[]) => Art;
+export type StringsType = (...options: any[]) => Art;
+
+export const style: StyleType;
+export const font: FontType;
+export const image: ImageType;
+export const table: TableType;
+export const artwork: ArtworkType;
+export const lines: LinesType;
+export const overlay: OverlayType;
+export const join: JoinType;
+export const strings: StringsType;
+export const Figlet: any;
+export const Image: any;
+
+export interface Art {
+    style: StyleType;
+    font: FontType;
+    image: ImageType;
+    table: TableType;
+    artwork: ArtworkType;
+    lines: LinesType;
+    overlay: OverlayType;
+    join: JoinType;
+    working: boolean;
+
+    toPromise: (() => Promise<string>);
+}
+
+export type Cb = (result: string) => void;
diff --git a/types/ascii-art/tsconfig.json b/types/ascii-art/tsconfig.json
new file mode 100644
index 0000000000..1f9759cc1f
--- /dev/null
+++ b/types/ascii-art/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "allowSyntheticDefaultImports": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ascii-art-tests.ts"
+    ]
+}
diff --git a/types/ascii-art/tslint.json b/types/ascii-art/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/ascii-art/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/ascii2mathml/index.d.ts b/types/ascii2mathml/index.d.ts
index dcb9f7bb98..0ff3b1d10e 100644
--- a/types/ascii2mathml/index.d.ts
+++ b/types/ascii2mathml/index.d.ts
@@ -7,29 +7,31 @@ export = A2MML;
 
 declare var A2MML: ascii2mathml;
 
-interface Options {
-    decimalMark?: string;
-    colSep?: string;
-    rowSep?: string;
-    display?: 'inline' | 'block';
-    dir?: 'ltr' | 'rtl';
-    bare?: boolean;
-    standalone?: boolean;
-    annotate?: boolean;
-}
-
 interface ascii2mathml {
     /**
      * Generates a function with default options set to convert
      * ASCIIMath expression to MathML markup.
      * @param options Options
      */
-    (options: Options): ascii2mathml;
+    (options: A2MML.Options): ascii2mathml;
 
     /**
      * Converts ASCIIMath expression to MathML markup.
      * @param asciimath ASCIIMath expression
      * @param options Options
      */
-    (asciimath: string, options?: Options): string;
+    (asciimath: string, options?: A2MML.Options): string;
+}
+
+declare namespace A2MML {
+    interface Options {
+        decimalMark?: string;
+        colSep?: string;
+        rowSep?: string;
+        display?: 'inline' | 'block';
+        dir?: 'ltr' | 'rtl';
+        bare?: boolean;
+        standalone?: boolean;
+        annotate?: boolean;
+    }
 }
diff --git a/types/assert/assert-tests.ts b/types/assert/assert-tests.ts
new file mode 100644
index 0000000000..22248c18bd
--- /dev/null
+++ b/types/assert/assert-tests.ts
@@ -0,0 +1,10 @@
+import * as assert from 'assert';
+
+assert(true, "it's working");
+
+assert.ok(true, "inner functions work as well");
+
+assert.throws(() => {});
+assert.throws(() => {}, () => {}, "works wonderfully");
+
+assert['fail'](true, true, "works like a charm");
diff --git a/types/assert/index.d.ts b/types/assert/index.d.ts
new file mode 100644
index 0000000000..d79805f5af
--- /dev/null
+++ b/types/assert/index.d.ts
@@ -0,0 +1,45 @@
+// Type definitions for commonjs-assert 1.4
+// Project: https://github.com/browserify/commonjs-assert
+// Definitions by: Nico Gallinal <https://github.com/nicoabie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function assert(value: any, message?: string): void;
+
+declare namespace assert {
+    function fail(actual?: any, expected?: any, message?: string, operator?: string): void;
+
+    function ok(value: any, message?: string): void;
+
+    function equal(actual: any, expected: any, message?: string): void;
+
+    function notEqual(actual: any, expected: any, message?: string): void;
+
+    function deepEqual(actual: any, expected: any, message?: string): void;
+
+    function notDeepEqual(acutal: any, expected: any, message?: string): void;
+
+    function strictEqual(actual: any, expected: any, message?: string): void;
+
+    function notStrictEqual(actual: any, expected: any, message?: string): void;
+
+    function throws(block: () => void, message?: string): void;
+    function throws(block: () => void, error: () => void | ((err: any) => boolean) | RegExp, message?: string): void;
+
+    function doesNotThrow(block: () => void, message?: string): void;
+    function doesNotThrow(block: () => void, error: () => void | ((err: any) => boolean) | RegExp, message?: string): void;
+
+    function ifError(value: any): void;
+
+    class AssertionError implements Error {
+        name: string;
+        message: string;
+        actual: any;
+        expected: any;
+        operator: string;
+        generatedMessage: boolean;
+
+        constructor(options?: { message?: string; actual?: any; expected?: any; operator?: string; stackStartFunction?: () => void });
+    }
+}
+
+export = assert;
diff --git a/types/assert/tsconfig.json b/types/assert/tsconfig.json
new file mode 100644
index 0000000000..5ab217b2ab
--- /dev/null
+++ b/types/assert/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "assert-tests.ts"
+    ]
+}
diff --git a/types/assert/tslint.json b/types/assert/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/assert/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/astring/index.d.ts b/types/astring/index.d.ts
new file mode 100644
index 0000000000..c2768e7d5f
--- /dev/null
+++ b/types/astring/index.d.ts
@@ -0,0 +1,50 @@
+// Type definitions for astring 1.3
+// Project: https://github.com/davidbonnet/astring
+// Definitions by: Nikolaj Kappler <https://github.com/nkappler>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as ESTree from 'estree';
+import 'node';
+import { Stream } from 'stream';
+
+export interface Options {
+    /** string to use for indentation (defaults to "  ") */
+    indent?: string;
+    /** string to use for line endings (defaults to "\n") */
+    lineEnd?: string;
+    /** indent level to start from (defaults to 0) */
+    startingIndentLevel?: number;
+    /** generate comments if true (defaults to false) */
+    comments?: boolean;
+    /** custom code generator (defaults to astring.baseGenerator) */
+    generator?: object;
+    /** source map generator (defaults to null), see https://github.com/mozilla/source-map#sourcemapgenerator */
+    sourceMap?: any;
+}
+
+/** Returns a string representing the rendered code of the provided AST `node`. However, if an `output` stream is provided in the options, it writes to that stream and returns it. */
+export function generate(node: ESTree.Node, options?: Options): string;
+/** Returns a string representing the rendered code of the provided AST `node`. However, if an `output` stream is provided in the options, it writes to that stream and returns it. */
+export function generate(node: ESTree.Node, options: Options & {
+    /** output stream to write the rendered code to (defaults to null) */
+    output: Stream;
+}): Stream;
+
+/**
+ * A code generator consists of a mapping of node names and functions that take two arguments: `node` and `state`.
+ * The `node` points to the node from which to generate the code and the `state` exposes the `write` method that takes generated code strings.
+ */
+export type Generator = { [key in ESTree.Node["type"]]: (node: Extract<ESTree.Node, { type: key }>, state: { write(s: string): void }) => void };
+
+/** Base generator that can be used to extend Astring. See https://github.com/davidbonnet/astring#extending */
+export const baseGenerator: Generator;
+
+declare global {
+    interface astring {
+        generate: typeof generate;
+        /** Base generator that can be used to extend Astring. See https://github.com/davidbonnet/astring#extending */
+        baseGenerator: Generator;
+    }
+    const astring: astring;
+}
diff --git a/types/astring/test/astring-global.test.ts b/types/astring/test/astring-global.test.ts
new file mode 100644
index 0000000000..c756c9c60e
--- /dev/null
+++ b/types/astring/test/astring-global.test.ts
@@ -0,0 +1,5 @@
+// global scope function
+astring.generate(null);
+
+// global scope function
+astring.baseGenerator.Program(null, { write(s: string) { return; } });
diff --git a/types/astring/test/astring.test.ts b/types/astring/test/astring.test.ts
new file mode 100644
index 0000000000..782af01017
--- /dev/null
+++ b/types/astring/test/astring.test.ts
@@ -0,0 +1,32 @@
+import { baseGenerator, generate } from "astring";
+import { FunctionExpression, MemberExpression, Program } from "estree";
+import { Stream } from "stream";
+
+const ast: Program = null;
+const functionE: FunctionExpression = null;
+const memberE: MemberExpression = null;
+
+// should accept different nodes
+generate(ast);
+generate(functionE);
+generate(memberE);
+
+// options without output option should generate string
+const string: string = generate(ast, {
+    comments: true,
+    generator: baseGenerator,
+    indent: "\t",
+    lineEnd: "\n",
+    startingIndentLevel: 42,
+    sourceMap: null
+});
+
+// options with output option should return Stream
+const stream: Stream = generate(ast, {
+    output: new Stream()
+});
+
+// Generator should map node types to functions whose first parameter is same node type
+baseGenerator.Program(ast, { write(s: string) { return; } });
+baseGenerator.FunctionExpression(functionE, { write(s: string) { return; } });
+baseGenerator.MemberExpression(memberE, { write(s: string) { return; } });
diff --git a/types/astring/tsconfig.json b/types/astring/tsconfig.json
new file mode 100644
index 0000000000..b00d44f643
--- /dev/null
+++ b/types/astring/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test/astring.test.ts",
+        "test/astring-global.test.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/astring/tslint.json b/types/astring/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/astring/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/async/index.d.ts b/types/async/index.d.ts
index 961dd73ebb..e6cfd3bcaa 100644
--- a/types/async/index.d.ts
+++ b/types/async/index.d.ts
@@ -2,34 +2,34 @@
 // Project: https://github.com/caolan/async
 // Definitions by: Boris Yankov <https://github.com/borisyankov>, Arseniy Maximov <https://github.com/kern0>, Joe Herman <https://github.com/Penryn>, Angus Fenying <https://github.com/fenying>, Pascal Martin <https://github.com/pascalmartin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 export as namespace async;
 
 export interface Dictionary<T> { [key: string]: T; }
 export type IterableCollection<T> = T[] | IterableIterator<T> | Dictionary<T>
 
-export interface ErrorCallback<T> { (err?: T): void; }
-export interface AsyncBooleanResultCallback<E> { (err?: E, truthValue?: boolean): void; }
-export interface AsyncResultCallback<T, E> { (err?: E, result?: T): void; }
-export interface AsyncResultArrayCallback<T, E> { (err?: E, results?: Array<T | undefined>): void; }
-export interface AsyncResultObjectCallback<T, E> { (err: E | undefined, results: Dictionary<T | undefined>): void; }
+export interface ErrorCallback<E = Error> { (err?: E | null): void; }
+export interface AsyncBooleanResultCallback<E = Error> { (err?: E | null, truthValue?: boolean): void; }
+export interface AsyncResultCallback<T, E = Error> { (err?: E | null, result?: T): void; }
+export interface AsyncResultArrayCallback<T, E = Error> { (err?: E | null, results?: Array<T | undefined>): void; }
+export interface AsyncResultObjectCallback<T, E = Error> { (err: E | undefined, results: Dictionary<T | undefined>): void; }
 
-export interface AsyncFunction<T, E> { (callback: (err?: E, result?: T) => void): void; }
-export interface AsyncFunctionEx<T, E> { (callback: (err?: E, ...results: T[]) => void): void; }
-export interface AsyncIterator<T, E> { (item: T, callback: ErrorCallback<E>): void; }
-export interface AsyncForEachOfIterator<T, E> { (item: T, key: number|string, callback: ErrorCallback<E>): void; }
-export interface AsyncResultIterator<T, R, E> { (item: T, callback: AsyncResultCallback<R, E>): void; }
-export interface AsyncMemoIterator<T, R, E> { (memo: R | undefined, item: T, callback: AsyncResultCallback<R, E>): void; }
-export interface AsyncBooleanIterator<T, E> { (item: T, callback: AsyncBooleanResultCallback<E>): void; }
+export interface AsyncFunction<T, E = Error> { (callback: (err?: E | null, result?: T) => void): void; }
+export interface AsyncFunctionEx<T, E = Error> { (callback: (err?: E | null, ...results: T[]) => void): void; }
+export interface AsyncIterator<T, E = Error> { (item: T, callback: ErrorCallback<E>): void; }
+export interface AsyncForEachOfIterator<T, E = Error> { (item: T, key: number|string, callback: ErrorCallback<E>): void; }
+export interface AsyncResultIterator<T, R, E = Error> { (item: T, callback: AsyncResultCallback<R, E>): void; }
+export interface AsyncMemoIterator<T, R, E = Error> { (memo: R | undefined, item: T, callback: AsyncResultCallback<R, E>): void; }
+export interface AsyncBooleanIterator<T, E = Error> { (item: T, callback: AsyncBooleanResultCallback<E>): void; }
 
-export interface AsyncWorker<T, E> { (task: T, callback: ErrorCallback<E>): void; }
-export interface AsyncVoidFunction<E> { (callback: ErrorCallback<E>): void; }
+export interface AsyncWorker<T, E = Error> { (task: T, callback: ErrorCallback<E>): void; }
+export interface AsyncVoidFunction<E = Error> { (callback: ErrorCallback<E>): void; }
 
 export type AsyncAutoTasks<R extends Dictionary<any>, E> = { [K in keyof R]: AsyncAutoTask<R[K], R, E> }
 export type AsyncAutoTask<R1, R extends Dictionary<any>, E> = AsyncAutoTaskFunctionWithoutDependencies<R1, E> | (keyof R | AsyncAutoTaskFunction<R1, R, E>)[];
-export interface AsyncAutoTaskFunctionWithoutDependencies<R1, E> { (cb: AsyncResultCallback<R1, E> | ErrorCallback<E>): void; }
-export interface AsyncAutoTaskFunction<R1, R extends Dictionary<any>, E> { (results: R, cb: AsyncResultCallback<R1, E> | ErrorCallback<E>): void; }
+export interface AsyncAutoTaskFunctionWithoutDependencies<R1, E = Error> { (cb: AsyncResultCallback<R1, E> | ErrorCallback<E>): void; }
+export interface AsyncAutoTaskFunction<R1, R extends Dictionary<any>, E = Error> { (results: R, cb: AsyncResultCallback<R1, E> | ErrorCallback<E>): void; }
 
 export interface AsyncQueue<T> {
     length(): number;
@@ -37,9 +37,8 @@ export interface AsyncQueue<T> {
     running(): number;
     idle(): boolean;
     concurrency: number;
-    push<E>(task: T | T[], callback?: ErrorCallback<E>): void;
-    push<R,E>(task: T, callback?: AsyncResultCallback<R, E>): void;
-    unshift<E>(task: T | T[], callback?: ErrorCallback<E>): void;
+    push<R,E = Error>(task: T | T[], callback?: AsyncResultCallback<R, E>): void;
+    unshift<E = Error>(task: T | T[], callback?: ErrorCallback<E>): void;
     saturated: () => any;
     empty: () => any;
     drain: () => any;
@@ -61,7 +60,7 @@ export interface AsyncPriorityQueue<T> {
     concurrency: number;
     started: boolean;
     paused: boolean;
-    push<R,E>(task: T | T[], priority: number, callback?: AsyncResultArrayCallback<R, E>): void;
+    push<R,E = Error>(task: T | T[], priority: number, callback?: AsyncResultArrayCallback<R, E>): void;
     saturated: () => any;
     empty: () => any;
     drain: () => any;
@@ -94,112 +93,113 @@ export interface AsyncCargo {
 }
 
 // Collections
-export function each<T, E>(arr: IterableCollection<T>, iterator: AsyncIterator<T, E>, callback?: ErrorCallback<E>): void;
+export function each<T, E = Error>(arr: IterableCollection<T>, iterator: AsyncIterator<T, E>, callback?: ErrorCallback<E>): void;
 export const eachSeries: typeof each;
-export function eachLimit<T, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncIterator<T, E>, callback?: ErrorCallback<E>): void;
+export function eachLimit<T, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncIterator<T, E>, callback?: ErrorCallback<E>): void;
 export const forEach: typeof each;
 export const forEachSeries: typeof each;
 export const forEachLimit: typeof eachLimit;
-export function forEachOf<T, E>(obj: IterableCollection<T>, iterator: AsyncForEachOfIterator<T, E>, callback?: ErrorCallback<E>): void;
+export function forEachOf<T, E = Error>(obj: IterableCollection<T>, iterator: AsyncForEachOfIterator<T, E>, callback?: ErrorCallback<E>): void;
 export const forEachOfSeries: typeof forEachOf;
-export function forEachOfLimit<T, E>(obj: IterableCollection<T>, limit: number, iterator: AsyncForEachOfIterator<T, E>, callback?: ErrorCallback<E>): void;
+export function forEachOfLimit<T, E = Error>(obj: IterableCollection<T>, limit: number, iterator: AsyncForEachOfIterator<T, E>, callback?: ErrorCallback<E>): void;
 export const eachOf: typeof forEachOf;
 export const eachOfSeries: typeof forEachOf;
 export const eachOfLimit: typeof forEachOfLimit;
-export function map<T, R, E>(arr: T[] | IterableIterator<T>, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
-export function map<T, R, E>(arr: Dictionary<T>, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
+export function map<T, R, E = Error>(arr: T[] | IterableIterator<T>, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
+export function map<T, R, E = Error>(arr: Dictionary<T>, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
 export const mapSeries: typeof map;
-export function mapLimit<T, R, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
-export function mapValuesLimit<T, R, E>(obj: Dictionary<T>, limit: number, iteratee: (value: T, key: string, callback: AsyncResultCallback<R, E>) => void, callback: AsyncResultObjectCallback<R, E>): void;
-export function mapValues<T, R, E>(obj: Dictionary<T>, iteratee: (value: T, key: string, callback: AsyncResultCallback<R, E>) => void, callback: AsyncResultObjectCallback<R, E>): void;
+export function mapLimit<T, R, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncResultIterator<T, R, E>, callback?: AsyncResultArrayCallback<R, E>): void;
+export function mapValuesLimit<T, R, E = Error>(obj: Dictionary<T>, limit: number, iteratee: (value: T, key: string, callback: AsyncResultCallback<R, E>) => void, callback: AsyncResultObjectCallback<R, E>): void;
+export function mapValues<T, R, E = Error>(obj: Dictionary<T>, iteratee: (value: T, key: string, callback: AsyncResultCallback<R, E>) => void, callback: AsyncResultObjectCallback<R, E>): void;
 export const mapValuesSeries: typeof mapValues;
-export function filter<T, E>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultArrayCallback<T, E>): void;
+export function filter<T, E = Error>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultArrayCallback<T, E>): void;
 export const filterSeries: typeof filter;
-export function filterLimit<T, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultArrayCallback<T, E>): void;
+export function filterLimit<T, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultArrayCallback<T, E>): void;
 export const select: typeof filter;
 export const selectSeries: typeof filter;
 export const selectLimit: typeof filterLimit;
 export const reject: typeof filter;
 export const rejectSeries: typeof filter;
 export const rejectLimit: typeof filterLimit;
-export function reduce<T, R, E>(arr: T[] | IterableIterator<T>, memo: R, iterator: AsyncMemoIterator<T, R, E>, callback?: AsyncResultCallback<R, E>): void;
+export function reduce<T, R, E = Error>(arr: T[] | IterableIterator<T>, memo: R, iterator: AsyncMemoIterator<T, R, E>, callback?: AsyncResultCallback<R, E>): void;
 export const inject: typeof reduce;
 export const foldl: typeof reduce;
 export const reduceRight: typeof reduce;
 export const foldr: typeof reduce;
-export function detect<T, E>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultCallback<T, E>): void;
+export function detect<T, E = Error>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultCallback<T, E>): void;
 export const detectSeries: typeof detect;
-export function detectLimit<T, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultCallback<T, E>): void;
+export function detectLimit<T, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncResultCallback<T, E>): void;
 export const find: typeof detect;
 export const findSeries: typeof detect;
 export const findLimit: typeof detectLimit;
-export function sortBy<T, V, E>(arr: T[] | IterableIterator<T>, iterator: AsyncResultIterator<T, V, E>, callback?: AsyncResultArrayCallback<T, E>): void;
-export function some<T, E>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
+export function sortBy<T, V, E = Error>(arr: T[] | IterableIterator<T>, iterator: AsyncResultIterator<T, V, E>, callback?: AsyncResultArrayCallback<T, E>): void;
+export function some<T, E = Error>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
 export const someSeries: typeof some;
-export function someLimit<T, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
+export function someLimit<T, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
 export const any: typeof some;
 export const anySeries: typeof someSeries;
 export const anyLimit: typeof someLimit;
-export function every<T, E>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
+export function every<T, E = Error>(arr: IterableCollection<T>, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
 export const everySeries: typeof every;
-export function everyLimit<T, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
+export function everyLimit<T, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncBooleanIterator<T, E>, callback?: AsyncBooleanResultCallback<E>): void;
 export const all: typeof every;
 export const allSeries: typeof every;
 export const allLimit: typeof everyLimit;
 
-export function concat<T, R, E>(arr: IterableCollection<T>, iterator: AsyncResultIterator<T, R[], E>, callback?: AsyncResultArrayCallback<R, E>): void;
-export function concatLimit<T, R, E>(arr: IterableCollection<T>, limit: number, iterator: AsyncResultIterator<T, R[], E>, callback?: AsyncResultArrayCallback<R, E>): void;
+export function concat<T, R, E = Error>(arr: IterableCollection<T>, iterator: AsyncResultIterator<T, R[], E>, callback?: AsyncResultArrayCallback<R, E>): void;
+export function concatLimit<T, R, E = Error>(arr: IterableCollection<T>, limit: number, iterator: AsyncResultIterator<T, R[], E>, callback?: AsyncResultArrayCallback<R, E>): void;
 export const concatSeries: typeof concat;
 
 // Control Flow
-export function series<T, E>(tasks: AsyncFunction<T, E>[], callback?: AsyncResultArrayCallback<T, E>): void;
-export function series<T, E>(tasks: Dictionary<AsyncFunction<T, E>>, callback?: AsyncResultObjectCallback<T, E>): void;
-export function parallel<T, E>(tasks: Array<AsyncFunction<T, E>>, callback?: AsyncResultArrayCallback<T, E>): void;
-export function parallel<T, E>(tasks: Dictionary<AsyncFunction<T, E>>, callback?: AsyncResultObjectCallback<T, E>): void;
-export function parallelLimit<T, E>(tasks: Array<AsyncFunction<T, E>>, limit: number, callback?: AsyncResultArrayCallback<T, E>): void;
-export function parallelLimit<T, E>(tasks: Dictionary<AsyncFunction<T, E>>, limit: number, callback?: AsyncResultObjectCallback<T, E>): void;
-export function whilst<E>(test: () => boolean, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
-export function doWhilst<T, E>(fn: AsyncFunctionEx<T, E>, test: (...results: T[]) => boolean, callback: ErrorCallback<E>): void;
-export function until<E>(test: () => boolean, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
-export function doUntil<T, E>(fn: AsyncFunctionEx<T, E>, test: (...results: T[]) => boolean, callback: ErrorCallback<E>): void;
-export function during<E>(test: (testCallback : AsyncBooleanResultCallback<E>) => void, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
-export function doDuring<E>(fn: AsyncVoidFunction<E>, test: (testCallback: AsyncBooleanResultCallback<E>) => void, callback: ErrorCallback<E>): void;
-export function forever<E>(next: (next : ErrorCallback<E>) => void, errBack: ErrorCallback<E>) : void;
-export function waterfall<T, E>(tasks: Function[], callback?: AsyncResultCallback<T, E | Error>): void;
+export function series<T, E = Error>(tasks: AsyncFunction<T, E>[], callback?: AsyncResultArrayCallback<T, E>): void;
+export function series<T, E = Error>(tasks: Dictionary<AsyncFunction<T, E>>, callback?: AsyncResultObjectCallback<T, E>): void;
+export function parallel<T, E = Error>(tasks: Array<AsyncFunction<T, E>>, callback?: AsyncResultArrayCallback<T, E>): void;
+export function parallel<T, E = Error>(tasks: Dictionary<AsyncFunction<T, E>>, callback?: AsyncResultObjectCallback<T, E>): void;
+export function parallelLimit<T, E = Error>(tasks: Array<AsyncFunction<T, E>>, limit: number, callback?: AsyncResultArrayCallback<T, E>): void;
+export function parallelLimit<T, E = Error>(tasks: Dictionary<AsyncFunction<T, E>>, limit: number, callback?: AsyncResultObjectCallback<T, E>): void;
+export function whilst<E = Error>(test: () => boolean, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
+export function doWhilst<T, E = Error>(fn: AsyncFunctionEx<T, E>, test: (...results: T[]) => boolean, callback: ErrorCallback<E>): void;
+export function until<E = Error>(test: () => boolean, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
+export function doUntil<T, E = Error>(fn: AsyncFunctionEx<T, E>, test: (...results: T[]) => boolean, callback: ErrorCallback<E>): void;
+export function during<E = Error>(test: (testCallback : AsyncBooleanResultCallback<E>) => void, fn: AsyncVoidFunction<E>, callback: ErrorCallback<E>): void;
+export function doDuring<E = Error>(fn: AsyncVoidFunction<E>, test: (testCallback: AsyncBooleanResultCallback<E>) => void, callback: ErrorCallback<E>): void;
+export function forever<E = Error>(next: (next : ErrorCallback<E>) => void, errBack: ErrorCallback<E>) : void;
+export function waterfall<T, E = Error>(tasks: Function[], callback?: AsyncResultCallback<T, E>): void;
 export function compose(...fns: Function[]): Function;
 export function seq(...fns: Function[]): Function;
 export function applyEach(fns: Function[], ...argsAndCallback: any[]): void;           // applyEach(fns, args..., callback). TS does not support ... for a middle argument. Callback is optional.
 export function applyEachSeries(fns: Function[], ...argsAndCallback: any[]): void;     // applyEachSeries(fns, args..., callback). TS does not support ... for a middle argument. Callback is optional.
-export function queue<T, E>(worker: AsyncWorker<T, E>, concurrency?: number): AsyncQueue<T>;
-export function queue<T, R, E>(worker: AsyncResultIterator<T, R, E>, concurrency?: number): AsyncQueue<T>;
-export function priorityQueue<T, E>(worker: AsyncWorker<T, E>, concurrency: number): AsyncPriorityQueue<T>;
-export function cargo<E>(worker : (tasks: any[], callback : ErrorCallback<E>) => void, payload? : number) : AsyncCargo;
-export function auto<R extends Dictionary<any>, E>(tasks: AsyncAutoTasks<R, E>, concurrency?: number, callback?: AsyncResultCallback<R, E>): void;
-export function autoInject<E>(tasks: any, callback?: AsyncResultCallback<any, E>): void;
-export function retry<T, E>(opts: number, task: (callback : AsyncResultCallback<T, E>, results: any) => void, callback:  AsyncResultCallback<any, E | Error>): void;
-export function retry<T, E>(opts: { times: number, interval: number|((retryCount: number) => number) }, task: (callback: AsyncResultCallback<T, E>, results : any) => void, callback:  AsyncResultCallback<any, E | Error>): void;
-export function retryable<T, E>(opts: number | {times: number, interval: number}, task: AsyncFunction<T, E>): AsyncFunction<T, E | Error>;
-export function apply<E>(fn: Function, ...args: any[]): AsyncFunction<any,E | Error>;
+export function queue<T, E = Error>(worker: AsyncWorker<T, E>, concurrency?: number): AsyncQueue<T>;
+export function queue<T, R, E = Error>(worker: AsyncResultIterator<T, R, E>, concurrency?: number): AsyncQueue<T>;
+export function priorityQueue<T, E = Error>(worker: AsyncWorker<T, E>, concurrency: number): AsyncPriorityQueue<T>;
+export function cargo<E = Error>(worker : (tasks: any[], callback : ErrorCallback<E>) => void, payload? : number) : AsyncCargo;
+export function auto<R extends Dictionary<any>, E = Error>(tasks: AsyncAutoTasks<R, E>, concurrency?: number, callback?: AsyncResultCallback<R, E>): void;
+export function auto<R extends Dictionary<any>, E = Error>(tasks: AsyncAutoTasks<R, E>, callback?: AsyncResultCallback<R, E>): void;
+export function autoInject<E = Error>(tasks: any, callback?: AsyncResultCallback<any, E>): void;
+export function retry<T, E = Error>(opts: number, task: (callback : AsyncResultCallback<T, E>, results: any) => void, callback:  AsyncResultCallback<any, E>): void;
+export function retry<T, E = Error>(opts: { times: number, interval: number|((retryCount: number) => number) }, task: (callback: AsyncResultCallback<T, E>, results : any) => void, callback:  AsyncResultCallback<any, E>): void;
+export function retryable<T, E = Error>(opts: number | {times: number, interval: number}, task: AsyncFunction<T, E>): AsyncFunction<T, E>;
+export function apply<E = Error>(fn: Function, ...args: any[]): AsyncFunction<any,E>;
 export function nextTick(callback: Function, ...args: any[]): void;
 export const setImmediate: typeof nextTick;
 
-export function reflect<T, E>(fn: AsyncFunction<T, E>) : (callback: (err: null, result: {error?: E, value?: T}) => void) => void;
-export function reflectAll<T, E>(tasks: AsyncFunction<T, E>[]): ((callback: (err: null, result: {error?: E, value?: T}) => void) => void)[];
+export function reflect<T, E = Error>(fn: AsyncFunction<T, E>) : (callback: (err: null, result: {error?: E, value?: T}) => void) => void;
+export function reflectAll<T, E = Error>(tasks: AsyncFunction<T, E>[]): ((callback: (err: null, result: {error?: E, value?: T}) => void) => void)[];
 
-export function timeout<T, E>(fn: AsyncFunction<T, E>, milliseconds: number, info?: any): AsyncFunction<T, E | Error>;
-export function timeout<T, R, E>(fn: AsyncResultIterator<T, R, E>, milliseconds: number, info?: any): AsyncResultIterator<T, R, E | Error>;
+export function timeout<T, E = Error>(fn: AsyncFunction<T, E>, milliseconds: number, info?: any): AsyncFunction<T, E>;
+export function timeout<T, R, E = Error>(fn: AsyncResultIterator<T, R, E>, milliseconds: number, info?: any): AsyncResultIterator<T, R, E>;
 
 export function times<T, E> (n: number, iterator: AsyncResultIterator<number, T, E>, callback: AsyncResultArrayCallback<T, E>): void;
-export function timesSeries<T, E>(n: number, iterator: AsyncResultIterator<number, T, E>, callback: AsyncResultArrayCallback<T, E>): void;
-export function timesLimit<T, E>(n: number, limit: number, iterator: AsyncResultIterator<number, T, E>, callback: AsyncResultArrayCallback<T, E>): void;
+export function timesSeries<T, E = Error>(n: number, iterator: AsyncResultIterator<number, T, E>, callback: AsyncResultArrayCallback<T, E>): void;
+export function timesLimit<T, E = Error>(n: number, limit: number, iterator: AsyncResultIterator<number, T, E>, callback: AsyncResultArrayCallback<T, E>): void;
 
-export function transform<T, R, E>(arr: T[], iteratee: (acc: R[], item: T, key: number, callback: (error?: E) => void) => void, callback?: AsyncResultArrayCallback<T, E>): void;
-export function transform<T, R, E>(arr: T[], acc: R[], iteratee: (acc: R[], item: T, key: number, callback: (error?: E) => void) => void, callback?: AsyncResultArrayCallback<T, E>): void;
+export function transform<T, R, E = Error>(arr: T[], iteratee: (acc: R[], item: T, key: number, callback: (error?: E) => void) => void, callback?: AsyncResultArrayCallback<T, E>): void;
+export function transform<T, R, E = Error>(arr: T[], acc: R[], iteratee: (acc: R[], item: T, key: number, callback: (error?: E) => void) => void, callback?: AsyncResultArrayCallback<T, E>): void;
 
-export function transform<T, R, E>(arr: {[key: string] : T}, iteratee: (acc: {[key: string] : R}, item: T, key: string, callback: (error?: E) => void) => void, callback?: AsyncResultObjectCallback<T, E>): void;
-export function transform<T, R, E>(arr: {[key: string] : T}, acc: {[key: string] : R}, iteratee: (acc: {[key: string] : R}, item: T, key: string, callback: (error?: E) => void) => void, callback?: AsyncResultObjectCallback<T, E>): void;
+export function transform<T, R, E = Error>(arr: {[key: string] : T}, iteratee: (acc: {[key: string] : R}, item: T, key: string, callback: (error?: E) => void) => void, callback?: AsyncResultObjectCallback<T, E>): void;
+export function transform<T, R, E = Error>(arr: {[key: string] : T}, acc: {[key: string] : R}, iteratee: (acc: {[key: string] : R}, item: T, key: string, callback: (error?: E) => void) => void, callback?: AsyncResultObjectCallback<T, E>): void;
 
-export function race<T, E>(tasks: (AsyncFunction<T, E>)[], callback: AsyncResultCallback<T, E | Error>) : void;
+export function race<T, E = Error>(tasks: (AsyncFunction<T, E>)[], callback: AsyncResultCallback<T, E>) : void;
 
 // Utils
 export function memoize(fn: Function, hasher?: Function): Function;
diff --git a/types/async/test/index.ts b/types/async/test/index.ts
index 3c6c2f5dfe..574a5ed8b9 100644
--- a/types/async/test/index.ts
+++ b/types/async/test/index.ts
@@ -114,7 +114,7 @@ async.series([
 ],
 function (err, results) { });
 
-async.series<string,Error>([
+async.series<string>([
     function (callback) {
         callback(undefined, 'one');
     },
@@ -138,7 +138,7 @@ async.series({
 },
 function (err, results) { });
 
-async.series<number,Error>({
+async.series<number>({
     one: function (callback) {
         setTimeout(function () {
             callback(undefined, 1);
@@ -178,7 +178,7 @@ async.parallel([
 ],
 function (err, results) { });
 
-async.parallel<string,Error>([
+async.parallel<string>([
     function (callback) {
         setTimeout(function () {
             callback(undefined, 'one');
@@ -207,7 +207,7 @@ async.parallel({
 },
 function (err, results) { });
 
-async.parallel<number,Error>({
+async.parallel<number>({
     one: function (callback) {
         setTimeout(function () {
             callback(undefined, 1);
@@ -273,7 +273,7 @@ async.waterfall([
 ], function (err, result) { });
 
 
-var q = async.queue<any,Error>(function (task: any, callback: (err?:Error,msg?:string) => void) {
+var q = async.queue<any>(function (task: any, callback: (err?:Error,msg?:string) => void) {
     console.log('hello ' + task.name);
     callback(undefined,'a message.');
 }, 2);
@@ -293,7 +293,7 @@ q.push([{ name: 'baz' }, { name: 'bay' }, { name: 'bax' }], function (err) {
     console.log('finished processing bar');
 });
 
-q.push<string,Error>({name: 'foo'}, function (err,msg) {
+q.push<string>({name: 'foo'}, function (err, msg) {
   console.log('foo finished with a message "'+ msg! + '"');
 });
 
@@ -330,7 +330,7 @@ q.resume();
 q.kill();
 
 // tests for strongly typed tasks
-var q2 = async.queue<string,Error>(function (task: string, callback: () => void) {
+var q2 = async.queue<string>(function (task: string, callback: () => void) {
     console.log('Task: ' + task);
     callback();
 }, 1);
@@ -356,7 +356,7 @@ q2.unshift(['task3', 'task4', 'task5'], function (error) {
 });
 
 
-var aq = async.queue<number, number, Error>(function (level: number, callback: (error?: Error, newLevel?: number) => void) {
+var aq = async.queue<number, number>(function (level: number, callback: (error?: Error, newLevel?: number) => void) {
     console.log('hello ' + level);
     callback(undefined, level+1);
 });
@@ -387,14 +387,47 @@ cargo.push({ name: 'baz' }, function (err: Error) {
 
 var filename = '';
 async.auto({
-    get_data: function (callback: any) { },
-    make_folder: function (callback: any) { },
+    get_data: function (callback: AsyncResultCallback<any>) { },
+    make_folder: function (callback: AsyncResultCallback<any>) { },
     //arrays with different types are not accepted by TypeScript.
-    write_file: ['get_data', 'make_folder', <any>function (callback: any) {
+    write_file: ['get_data', 'make_folder', function (callback: AsyncResultCallback<any>) {
         callback(null, filename);
-    }],
+    } as any],
     //arrays with different types are not accepted by TypeScript.
-    email_link: ['write_file', <any>function (callback: any, results: any) { }]
+    email_link: ['write_file', function (callback: AsyncResultCallback<any>, results: any) { } as any]
+});
+
+async.auto({
+    get_data: function (callback: AsyncResultCallback<any>) { },
+    make_folder: function (callback: AsyncResultCallback<any>) { },
+    //arrays with different types are not accepted by TypeScript.
+    write_file: ['get_data', 'make_folder', function (callback: AsyncResultCallback<any>) {
+        callback(null, filename);
+    } as any],
+    //arrays with different types are not accepted by TypeScript.
+    email_link: ['write_file', function (callback: AsyncResultCallback<any>, results: any) { } as any]
+}, function (err, results) {
+    console.log('finished auto');
+});
+
+interface A {
+    get_data: any;
+    make_folder: any;
+    write_file: any;
+    email_link: any;
+}
+
+async.auto<A>({
+    get_data: function (callback: AsyncResultCallback<any>) { },
+    make_folder: function (callback: AsyncResultCallback<any>) { },
+    //arrays with different types are not accepted by TypeScript.
+    write_file: ['get_data', 'make_folder', function (callback: AsyncResultCallback<any>) {
+        callback(null, filename);
+    } as any],
+    //arrays with different types are not accepted by TypeScript.
+    email_link: ['write_file', function (callback: AsyncResultCallback<any>, results: any) { } as any]
+}, 1, function (err, results) {
+    console.log('finished auto');
 });
 
 async.retry(3, function (callback, results) { }, function (err, result) { });
@@ -459,10 +492,10 @@ async.dir(function (name: string, callback: any) {
 
 // each
 
-async.each<number,Error>({
+async.each<number>({
     "a": 1,
     "b": 2
-}, function(val: number, next: ErrorCallback<Error>): void {
+}, function(val: number, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -478,10 +511,10 @@ async.each<number,Error>({
 
 });
 
-async.eachSeries<number, Error>({
+async.eachSeries<number>({
     "a": 1,
     "b": 2
-}, function(val: number, next: ErrorCallback<Error>): void {
+}, function(val: number, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -497,14 +530,14 @@ async.eachSeries<number, Error>({
 
 });
 
-async.eachLimit<number, Error>({
+async.eachLimit<number>({
     "a": 1,
     "b": 2,
     "c": 3,
     "d": 4,
     "e": 5,
     "f": 6
-}, 2, function(val: number, next: ErrorCallback<Error>): void {
+}, 2, function(val: number, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -522,10 +555,10 @@ async.eachLimit<number, Error>({
 
 // forEachOf/eachOf
 
-async.eachOf<number, Error>({
+async.eachOf<number>({
     "a": 1,
     "b": 2
-}, function(val: number, key: string, next: ErrorCallback<Error>): void {
+}, function(val: number, key: string, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -541,10 +574,10 @@ async.eachOf<number, Error>({
 
 });
 
-async.forEachOfSeries<number, Error>({
+async.forEachOfSeries<number>({
     "a": 1,
     "b": 2
-}, function(val: number, key: string, next: ErrorCallback<Error>): void {
+}, function(val: number, key: string, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -560,14 +593,14 @@ async.forEachOfSeries<number, Error>({
 
 });
 
-async.forEachOfLimit<number, Error>({
+async.forEachOfLimit<number>({
     "a": 1,
     "b": 2,
     "c": 3,
     "d": 4,
     "e": 5,
     "f": 6
-}, 2, function(val: number, key: string, next: ErrorCallback<Error>): void {
+}, 2, function(val: number, key: string, next: ErrorCallback): void {
 
     setTimeout(function(): void {
 
@@ -585,11 +618,11 @@ async.forEachOfLimit<number, Error>({
 
 // map
 
-async.map<number, string, Error>({
+async.map<number, string>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, next: AsyncResultCallback<string, Error>): void {
+}, function(val: number, next: AsyncResultCallback<string>): void {
 
     setTimeout(function(): void {
 
@@ -605,11 +638,11 @@ async.map<number, string, Error>({
 
 });
 
-async.mapSeries<number, string, Error>({
+async.mapSeries<number, string>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, next: AsyncResultCallback<string, Error>): void {
+}, function(val: number, next: AsyncResultCallback<string>): void {
 
     setTimeout(function(): void {
 
@@ -625,14 +658,14 @@ async.mapSeries<number, string, Error>({
 
 });
 
-async.mapLimit<number, string, Error>({
+async.mapLimit<number, string>({
     "a": 1,
     "b": 2,
     "c": 3,
     "d": 4,
     "e": 5,
     "f": 6
-}, 2, function(val: number, next: AsyncResultCallback<string, Error>): void {
+}, 2, function(val: number, next: AsyncResultCallback<string>): void {
 
     setTimeout(function(): void {
 
@@ -650,11 +683,11 @@ async.mapLimit<number, string, Error>({
 
 // mapValues
 
-async.mapValues<number, string, Error>({
+async.mapValues<number, string>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, key: string, next: AsyncResultCallback<string, Error>): void {
+}, function(val: number, key: string, next: AsyncResultCallback<string>): void {
 
     setTimeout(function(): void {
 
@@ -670,11 +703,11 @@ async.mapValues<number, string, Error>({
 
 });
 
-async.mapValuesSeries<number, string, Error>({
+async.mapValuesSeries<number, string>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, key: string, next: AsyncResultCallback<string, Error>): void {
+}, function(val: number, key: string, next: AsyncResultCallback<string>): void {
 
     setTimeout(function(): void {
 
@@ -692,11 +725,11 @@ async.mapValuesSeries<number, string, Error>({
 
 // filter/select/reject
 
-async.filter<number, Error>({
+async.filter<number>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, next: AsyncBooleanResultCallback<Error>): void {
+}, function(val: number, next: AsyncBooleanResultCallback): void {
 
     setTimeout(function(): void {
 
@@ -712,11 +745,11 @@ async.filter<number, Error>({
 
 });
 
-async.reject<number, Error>({
+async.reject<number>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(val: number, next: AsyncBooleanResultCallback<Error>): void {
+}, function(val: number, next: AsyncBooleanResultCallback): void {
 
     setTimeout(function(): void {
 
@@ -734,11 +767,11 @@ async.reject<number, Error>({
 
 // concat
 
-async.concat<string, string, Error>({
+async.concat<string, string>({
     "a": "1",
     "b": "2",
     "c": "3"
-}, function(item: string, next: AsyncResultCallback<string[], Error>): void {
+}, function(item: string, next: AsyncResultCallback<string[]>): void {
 
     console.log(`async.concat: ${item}`);
 
@@ -752,11 +785,11 @@ async.concat<string, string, Error>({
 
 // detect/find
 
-async.detect<number, Error>({
+async.detect<number>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(item: number, next: AsyncBooleanResultCallback<Error>): void {
+}, function(item: number, next: AsyncBooleanResultCallback): void {
 
     console.log(`async.detect/find: ${item}`);
 
@@ -777,11 +810,11 @@ async.detect<number, Error>({
 
 // every/all
 
-async.every<number,Error>({
+async.every<number>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(item: number, next: AsyncBooleanResultCallback<Error>): void {
+}, function(item: number, next: AsyncBooleanResultCallback): void {
 
     console.log(`async.every/all: ${item}`);
 
@@ -795,11 +828,11 @@ async.every<number,Error>({
 
 // some/any
 
-async.some<number, Error>({
+async.some<number>({
     "a": 1,
     "b": 2,
     "c": 3
-}, function(item: number, next: AsyncBooleanResultCallback<Error>): void {
+}, function(item: number, next: AsyncBooleanResultCallback): void {
 
     console.log(`async.some/any: ${item}`);
 
diff --git a/types/asynciterator/tslint.json b/types/asynciterator/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/asynciterator/tslint.json
+++ b/types/asynciterator/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/athenajs/index.d.ts b/types/athenajs/index.d.ts
new file mode 100644
index 0000000000..08c828679e
--- /dev/null
+++ b/types/athenajs/index.d.ts
@@ -0,0 +1,784 @@
+// Type definitions for athenajs 0.1
+// Project: https://github.com/AthenaJS/athenajs
+// Definitions by: Nicolas Ramz <https://github.com/warpdesign>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export as namespace AthenaJS;
+
+export function Dom(sel?: string | HTMLElement): _Dom<HTMLElement>;
+
+export class Scene {
+    constructor(options?: SceneOptions);
+    map: Map;
+    hudScene: Scene | null;
+    running: boolean;
+    opacity: number;
+    addObject(object: Drawable | Drawable[], layer?: number): Scene;
+    animate(fxName: string, options: EffectOptions): Promise;
+    bindEvents(eventList: string): void;
+    debug(bool?: boolean): void;
+    fadeIn(duration: number): Promise;
+    fadeOut(duration: number): Promise;
+    fadeInAndOut(inDuration: number, delay: number, outDuration: number): Promise;
+    getOpacity(): number;
+    getPlayTime(): number;
+    load(type: string, src: string, id?: string): void;
+    loadAudio(src: string, id?: string): void;
+    loadImage(src: string, id?: string): void;
+    loadMap(src: string, id?: string): void;
+    notify(name: string, data?: JSObject): void;
+    removeObject(obj: Drawable): void;
+    setBackgroundImage(image: string|HTMLImageElement): void;
+    setLayerPriority(layer: number, background: boolean): void;
+    setMap(map: Map | JSObject, x?: number, y?: number): void;
+    setOpacity(opacity: number): void;
+    setup(): void;
+    start(): void;
+    stop(): void;
+}
+export class Game {
+    constructor(options: GameOptions);
+    bindEvents(eventList: string): void;
+    setScene(scene: Scene): void;
+    toggleFullscreen(): void;
+    toggleSound(bool: boolean): void;
+    toggleTileInspector(bool: boolean): void;
+    togglePause(): void;
+    scene: Scene;
+    sound: boolean;
+}
+export class Drawable {
+    constructor(type: string, options: DrawableOptions);
+    addChild(child: Drawable): void;
+    animate(name: string, options: JSObject): Promise;
+    center(): Drawable;
+    destroy(data?: any): void;
+    moveTo(x: number, y: number, duration?: number): Drawable;
+    notify(id: string, data?: JSObject): void;
+    onCollision(object: Drawable): void;
+    onEvent(eventType: string, data?: JSObject): void;
+    playSound(id: string, options?: { pan?: boolean, loop?: false }): void;
+    setBehavior(behavior: string | { new(sprite: Drawable, options?: JSObject): Behavior }, options?: JSObject): void;
+    setScale(scale: number): void;
+    getCurrentWidth(): number;
+    getCurrentHeight(): number;
+    getProperty(prop: string): any;
+    setProperty(prop: string, value: any): void;
+    setMask(mask: MaskOptions | null, exclude?: boolean): void;
+    stopAnimate(endValue?: number): void;
+    reset(): void;
+    show(): void;
+    hide(): void;
+    type: string;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    vx: number;
+    vy: number;
+    canCollide: boolean;
+    currentMovement: string;
+    running: boolean;
+    movable: boolean;
+    behavior: Behavior;
+    currentMap: Map;
+    data: JSObject;
+    visible: boolean;
+}
+
+export interface MaskOptions {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+export interface MenuItem {
+    text: string;
+    selectable: boolean;
+    visible: boolean;
+    active?: boolean;
+}
+
+export interface MenuOptions {
+    title: string;
+    color: string;
+    menuItems: MenuItem[];
+}
+
+export class Menu extends Drawable {
+    constructor(id: string, options: MenuOptions);
+    nextItem(): void;
+    getSelectedItemIndex(): number;
+}
+
+export class SimpleText extends Drawable {
+    constructor(type: string, simpleTextOptions: SimpleTextOptions);
+    getCurrentOffsetX(): number;
+    getCurrentOffsetY(): number;
+    setColor(color: string): void;
+    setSize(width: number, height: number): void;
+    setText(text: string): void;
+}
+export class Paint extends Drawable {
+    constructor(type: string, paintOptions: PaintOptions);
+    arc(cx: number, cy: number, r: number, starteAngle: number, endAngle: number, fillStyle: string, borderSize: number): void;
+    fill(color?: string): void;
+    circle(cx: number, cy: number, r: number, fillStyle?: string, borderWidth?: number, borderStyle?: string): void;
+    rect(x: number, y: number, width: number, height: number, color: string): void;
+    name: string;
+    color: string;
+}
+
+export class BitmapText extends Drawable {
+    constructor(type: string, textOptions: BitmapTextOptions);
+    setText(text: string): void;
+}
+
+export class Sprite extends Drawable {
+    constructor(type: string, spriteOptions: SpriteOptions);
+    addAnimation(name: string, imgPath: string, options: AnimOptions): void;
+    setAnimation(name: string, fn?: Callback, frameNum?: number, revert?: boolean): void;
+    clearMove(): void;
+}
+
+export interface pixelPos {
+    x: number;
+    y: number;
+}
+
+export class Map {
+    constructor(options: MapOptions);
+    addObject(obj: Drawable, layerIndex?: number): void;
+    addTileSet(tiles: TileDesc[]): void;
+    checkMatrixForCollision(buffer: number[], matrixWidth: number, x: number, y: number, behavior: number): boolean;
+    clear(tileNum?: number, behavior?: number): void;
+    getTileBehaviorAtIndex(col: number, row: number): number;
+    getTileIndexFromPixel(x: number, y: number): pixelPos;
+    moveTo(x: number, y: number): void;
+    respawn(): void;
+    setData(map: Uint8Array, behaviors: Uint8Array): void;
+    setEasing(easing: string): void;
+    shift(startLine: number, height: number): void;
+    updateTile(col: number, row: number, tileNum?: number, behavior?: number): void;
+    duration: number;
+    numRows: number;
+    numCols: number;
+    width: number;
+    height: number;
+    tileWidth: number;
+    tileHeight: number;
+}
+
+export class Tile {
+    constructor(options: JSObject);
+    static TYPE: {
+        AIR: 1;
+        WALL: 2;
+        LADDER: 3;
+    };
+    offsetX: number;
+    offsetY: number;
+    width: number;
+    height: number;
+
+    inertia: number;
+    upCollide: boolean;
+    downCollide: boolean;
+}
+
+export interface TileDesc {
+    offsetX: number;
+    offsetY: number;
+    width: number;
+    height: number;
+}
+
+export interface MapOptions {
+    src: string;
+    tileWidth: number;
+    tileHeight: number;
+    width: number;
+    height: number;
+    viewportW?: number;
+    viewportH?: number;
+    buffer?: ArrayBuffer;
+}
+
+export interface FXInstance {
+    addFX(fxName: string, FxClass: { new(options: EffectOptions, display: Display): Effect }): void;
+}
+
+export const FX: FXInstance;
+
+export class _FX {
+    /**
+     * Creates the FX class, adding the linear easing
+     */
+    constructor();
+
+    /**
+     * Add a new Effect
+     */
+    addFX(fxName: string, FxClass: { new(): Effect }): void;
+
+    /**
+     * Retrieve an effect Class by its name
+     *
+     */
+    getEffect(fxName: string): Effect;
+
+    /**
+     * Add a new easing function for other objects to use
+     *
+     */
+    addEasing(easingName: string, easingFn: (x?: number, t?: number, b?: number, c?: number, d?: number) => void): void;
+
+    /**
+     * Retrieves an easing function
+     *
+     */
+    getEasing(easingName: string): (x?: number, t?: number, b?: number, c?: number, d?: number) => void;
+}
+
+export interface EffectOptions {
+    easing?: string;
+    when?: string;
+    startValue?: number;
+    endValue?: number;
+    duration?: number;
+}
+
+export class Effect {
+    width: number;
+    height: number;
+    buffer: RenderingContext;
+    animProgress: number;
+    startValue: number;
+    ended: boolean;
+    /**
+     * This the class constructor. Default options are:
+     *
+     */
+    constructor(options: EffectOptions, display: Display);
+
+    /**
+     * Changes the easing function used for the ffect
+     *
+     */
+    setEasing(easing: (x?: number, t?: number, b?: number, c?: number, d?: number) => void): void;
+
+    /**
+     * Called when the ffect is started.
+     *
+     * This method can be overriden but the super should always be called
+     */
+    start(): Promise;
+
+    /**
+     * called when the effect is stopped
+     */
+    stop(object: any, setEndValue: any): void;
+
+    /**
+     * Calculates current animation process
+     *
+     * This method can be overridden but the super should always be calle first
+     */
+    process(ctx: RenderingContext, fxCtx?: RenderingContext, obj?: any): boolean;
+}
+
+// why do we need this ?
+export type RenderingContext = CanvasRenderingContext2D;
+
+export interface DisplayOptions {
+    width: number;
+    height: number;
+    type: string;
+    layers?: boolean[];
+    name: string;
+}
+
+export class Display {
+    /**
+     * Creates a new Display instance
+     *
+     */
+    constructor(options: DisplayOptions, target: string | HTMLElement);
+
+    /**
+     * Creates a new (offscreen) drawing buffer
+     *
+     */
+    getBuffer(width: number, height: number): RenderingContext;
+
+    /**
+     * Toggles fullscreen display scaling
+     */
+    toggleFullscreen(): void;
+
+    /**
+     * Changes the zIndex property of the specified layer canvas
+     *
+     */
+    setLayerZIndex(layer: number, zIndex: number): void;
+
+    /**
+     * Clears a canvas display buffer
+     *
+     */
+    clearScreen(ctx: RenderingContext): void;
+
+    /**
+     * Clears every rendering buffer, including the special fxCtx one
+     */
+    clearAllScreens(): void;
+
+    /**
+     * Changes the (CSS) opacity of a canvas
+     *
+     */
+    setCanvasOpacity(canvas: HTMLElement, opacity: number): void;
+
+    /**
+     * Renders the specified scene
+     *
+     */
+    renderScene(scene: Scene): void;
+
+    /**
+     * Prepares the canvas before rendering images.
+     *
+     * Explanation: during development, I noticed that the very first time
+     * the ctx.drawImage() was used to draw onto a canvas, it took a very long time,
+     * like at least 10ms for a very small 32x32 pixels drawImage.
+     *
+     * Subsequent calls do not have this problem and are instant.
+     * Maybe some ColorFormat conversion happens.
+     *
+     * This method makes sure that when the game starts rendering, we don't have
+     * any of these delays that can impact gameplay and alter the gameplay experience
+     * in a negative way.
+     */
+    prepareCanvas(resources: JSObject[]): void;
+
+    /**
+     * Starts an animation on the display
+     *
+     */
+    animate(fxName: string, options: EffectOptions, context: RenderingContext): Promise;
+
+    /**
+     * stops current animation
+     *
+     * TODO
+     */
+    stopAnimate(fxName?: string): void;
+
+    /**
+     * Executes an effect on a frame at a given time
+     *
+     */
+    executeFx(ctx: RenderingContext, fxCtx: RenderingContext, obj: Drawable, time: number, when: string): void;
+
+    /**
+     * Clears every display layer and clears fx queues
+     */
+    clearDisplay(): void;
+}
+
+export const InputManager: _InputManager;
+
+export class MapEvent {
+    /**
+     * Creates a new MapEvent
+     *
+     */
+    constructor(map: Map);
+
+    /**
+     * Resets the MapEvent switches, events and items
+     */
+    reset(): void;
+
+    /**
+     * Adds a new [`Drawable`]{#item} onto the map
+     *
+     */
+    addItem(id: string, item: Drawable): void;
+
+    /**
+     * Returns an item
+     *
+     */
+    getItem(id: string): Drawable | undefined;
+
+    // TODO: ability to trigger an event once a switch has been modified
+    setSwitch(id: string, bool: boolean): void;
+
+    toggleSwitch(id: string): void;
+
+    /**
+     * Retrieves a switch from the map using its id
+     *
+     */
+    getSwitch(id: string): any;
+
+    /**
+     * checks of conditions of specified trigger are valid
+     *
+     */
+    checkConditions(trigger: JSObject): boolean;
+
+    handleAction(options: JSObject): void;
+
+    handleEvent(options: JSObject): boolean;
+
+    /**
+     * Schedule adding a new object to the map
+     */
+    scheduleSprite(spriteId: string, spriteOptions: JSObject, delay: number): Drawable;
+
+    /**
+     * Add a new wave of objects to the map
+     * Used for example when the player triggers apparition of several enemies or bonuses
+     *
+     * @related {Wave}
+     */
+    handleWave(options: JSObject): boolean;
+
+    endWave(): void;
+
+    triggerEvent(id: string): void;
+
+    isEventTriggered(id: string): boolean;
+}
+
+export class Behavior {
+    vx: number;
+    vy: number;
+    gravity: number;
+    sprite: Drawable;
+    constructor(sprite: Drawable, options?: JSObject);
+    onUpdate(timestamp: number): void;
+    onVXChange?(vx: number): void;
+    onVYChange?(vy: number): void;
+
+    /**
+     * Returns current mapEvent
+     *
+     */
+    getMapEvent(): MapEvent;
+    reset(): void;
+}
+
+export interface _AudioManager {
+    audioCache: JSObject;
+    enabled: boolean;
+    /**
+     * Adds a new sound element to the audio cache.
+     * *Note* if a sound with the same id has already been added, it will be replaced
+     * by the new one.
+     *
+     */
+    addSound(id: string, element: HTMLAudioElement): void;
+/**
+ * Toggles global sound playback
+ *
+ */
+    toggleSound(bool: boolean): void;
+/**
+ * Plays the specified sound with `id`.
+ *
+ */
+    play(id: string, loop?: boolean, volume?: number, panning?: number): any;
+/**
+ * Stops playing the sound id
+ *
+ */
+    stop(id: string, instanceId: any): void;
+}
+
+export const AudioManager: _AudioManager;
+
+export interface Res {
+    id: string;
+    type: string;
+    src: string;
+}
+
+export type Callback = (...args: any[]) => void;
+
+export interface _NotificationManager {
+    notify(name: string, data?: JSObject): void;
+}
+
+export const NotificationManager: _NotificationManager;
+
+export interface _ResourceManager {
+    addResources(resource: Res, group?: string): Promise;
+    getCanvasFromImage(image: HTMLImageElement): HTMLCanvasElement;
+    getResourceById(id: string, group?: string, fullObject?: boolean): any;
+    loadResources(group: string, progressCb?: Callback, errorCb?: Callback): void;
+    loadImage(res: Res, group?: string): Promise;
+    loadAudio(res: Res, group?: string): Promise;
+    newResourceFromPool(id: string): any;
+    registerScript(id: string, elt: any, poolSize?: number): void;
+}
+
+export const ResourceManager: _ResourceManager;
+
+export interface _InputManager {
+/**
+ * A list of common keyCodes
+ */
+KEYS: {
+    'UP': 38,
+    'DOWN': 40,
+    'LEFT': 37,
+    'RIGHT': 39,
+    'SPACE': 32,
+    'ENTER': 13,
+    'ESCAPE': 27,
+    'CTRL': 17
+};
+/**
+ * List of common pad buttons
+ */
+PAD_BUTTONS: {
+    32: 1, // Face (main) buttons
+    FACE_0: 1,
+    FACE_3: 2,
+    FACE_4: 3,
+    LEFT_SHOULDER: 4, // Top shoulder buttons
+    RIGHT_SHOULDER: 5,
+    LEFT_SHOULDER_BOTTOM: 6, // Bottom shoulder buttons
+    RIGHT_SHOULDER_BOTTOM: 7,
+    SELECT: 8,
+    START: 9,
+    LEFT_ANALOGUE_STICK: 10, // Analogue sticks (if depressible)
+    RIGHT_ANALOGUE_STICK: 11,
+    38: 12, // Directional (discrete) pad
+    40: 13,
+    37: 14,
+    39: 15
+};
+axes: JSObject;
+newGamepadPollDelay: number;
+gamepadSupport: boolean;
+recording: boolean;
+playingEvents: boolean;
+playingPos: number;
+/*recordedEvents: Array,*/
+pad: null;
+latches: JSObject;
+keyPressed: JSObject;
+padPressed: JSObject;
+keyCb: JSObject;
+enabled: boolean;
+inputMode: string;
+// virtual joystick instance
+dPadJoystick: null;
+jPollInterval: number;
+/**
+ * Initializes the InputManager with a reference to the game.
+ *
+ * This method prepares the InputManager by reseting keyboard states/handlers and
+ * set current inputMode
+ *
+ */
+    init(): void;
+/**
+ * Starts recording input events. They are stored into `InputManager.recordedEvents`
+ */
+startRecordingEvents(): void;
+/**
+ * Stops recording events.
+ */
+stopRecordingEvents(): void;
+/**
+ * After events have been reccorded they can be played back using this method.
+ */
+playRecordedEvents(): void;
+/**
+ * Sets next key states using recorded events
+ *
+ * TODO: add an optional callback to be called at the end of the playback
+ * so that demo can be looped.
+ */
+nextRecordedEvents(): void;
+/**
+ * Saves current event state onto the recordedEvents stack
+ */
+/**
+ * Changes input mode
+ *
+ */
+setInputMode(mode: string): void;
+    /**
+     * Returns an object with the state of all keys
+     */
+    getAllKeysStatus(): JSObject;
+    getKeyStatus(key: string, latch: boolean): boolean;
+    isKeyDown(key: string|number, latch?: boolean): boolean;
+    /**
+     * Install callback that gets called when a key is pressed/released
+     *
+     */
+    installKeyCallback(key: string, event: string, callback: (key: string, event: string) => void): void;
+    removeKeyCallback(key: string, event: string, callback: () => void): void;
+    clearEvents(): void;
+}
+
+export interface Promise {
+    then(val?: () => any): Promise;
+    catch(val?: () => any): Promise;
+}
+
+/* Deferred */
+export class Deferred {
+    constructor();
+    /**
+     * Creates and immediately resolves a new deferred.
+     *
+     */
+    static resolve(val?: any): Promise;
+    promise: Promise;
+    reject(val: any): void;
+    resolve(val: any): void;
+}
+
+/* Dom support */
+export interface _Dom<TElement> extends Iterable<TElement> {
+    [key: number]: TElement;
+    length: number;
+    css(prop: string, val: string): _Dom<TElement>;
+    css(prop: JSObject): _Dom<TElement>;
+    css(prop: string): string|null;
+    find(selector: string): _Dom<TElement>;
+    appendTo(selector: string | _Dom<TElement> | HTMLElement): _Dom<TElement>;
+    attr(att: string, val: string): _Dom<TElement>;
+    attr(att: JSObject): _Dom<TElement>;
+    addClass(classes: string): _Dom<TElement>;
+    removeClass(classes: string): _Dom<TElement>;
+    html(str: string): _Dom<TElement>;
+    show(): _Dom<TElement>;
+    hide(): _Dom<TElement>;
+}
+
+/* Game Support */
+export interface GameOptions {
+    name: string;
+    showFps: boolean;
+    width: number;
+    height: number;
+    debug: boolean;
+    scene?: Scene;
+    target?: string | HTMLElement;
+    sound?: boolean;
+}
+
+export interface SceneOptions {
+    name?: string;
+    resources?: Res[];
+    opacity?: number;
+    layers?: number;
+    hudScene?: Scene;
+}
+
+export interface DrawableOptions {
+    x?: number;
+    y?: number;
+    behavior?: { new(sprite: Drawable, options?: JSObject): Behavior };
+    canCollide?: boolean;
+    canCollideFriendBullet?: boolean;
+    collideGroup?: number;
+    objectId?: string;
+    layer?: number;
+    map?: Map;
+    visible?: boolean;
+    pool?: number;
+}
+
+export interface SimpleTextOptions extends DrawableOptions {
+    text?: string;
+    width?: number;
+    height?: number;
+    fontFace?: string;
+    fontSize?: string;
+    fontStyle?: string;
+    fontWeight?: string;
+    align?: string;
+    color?: string;
+}
+
+export interface PaintOptions extends DrawableOptions {
+    width?: number;
+    height?: number;
+    color?: string;
+    lineHeight?: number;
+}
+
+export interface BitmapTextOptions extends DrawableOptions {
+    width?: number;
+    height?: number;
+    offsetX: number;
+    startY: number;
+    charWidth: number;
+    charHeight: number;
+    imageId?: string;
+    imageSrc?: string;
+    scrollOffsetX?: number;
+    scrollOffsetY?: number;
+    text?: string;
+    size?: string;
+}
+
+export interface SpriteOptions extends DrawableOptions {
+    easing?: string;
+    imageId?: string;
+    animations?: Animations;
+    data?: JSObject;
+}
+
+export interface AnimOptions {
+    numFrames: number;
+    frameWidth: number;
+    frameHeight: number;
+    frameDuration: number;
+    offsetX?: number;
+    offsetY?: number;
+    frameSpacing?: number;
+}
+
+export interface AnimationObject {
+    frameDuration?: number;
+    frames: Array<{
+        offsetX: number;
+        offsetY: number;
+        width: number;
+        height: number;
+        hitBox?: {
+            x: number;
+            y: number;
+            x2: number;
+            y2: number;
+        },
+        plane?: number;
+    }>;
+    loop?: number;
+    speed?: number;
+}
+
+export interface JSObject {
+    [key: string]: any;
+}
+
+export interface Animations {
+    [key: string]: AnimationObject;
+}
+
+export interface GameEvent {
+    type: string;
+    data: JSObject;
+}
diff --git a/types/athenajs/test/bitmaptext.ts b/types/athenajs/test/bitmaptext.ts
new file mode 100644
index 0000000000..b32a0d2541
--- /dev/null
+++ b/types/athenajs/test/bitmaptext.ts
@@ -0,0 +1,18 @@
+import { BitmapText } from 'athenajs';
+
+const bitmap: BitmapText = new BitmapText('myBitmap', {
+    size: 'big',
+    width: 180,
+    height: 32,
+    visible: false,
+    scrollOffsetX: 0,
+    scrollOffsetY: 0,
+    text: 'pause',
+    offsetX: 34,
+    startY: 36,
+    charWidth: 18,
+    charHeight: 18,
+    imageId: 'font'
+});
+
+bitmap.center();
diff --git a/types/athenajs/test/deferred.ts b/types/athenajs/test/deferred.ts
new file mode 100644
index 0000000000..5cdc077a19
--- /dev/null
+++ b/types/athenajs/test/deferred.ts
@@ -0,0 +1,28 @@
+import { Deferred } from 'athenajs';
+
+let def: Deferred;
+
+// static Deferred.resolve
+Deferred.resolve(true).then(() => {
+    console.log('resolved');
+})
+    .then(() => {
+        console.log('resolved');
+    });
+
+def = new Deferred();
+
+// resolve/reject
+def.resolve(10);
+
+def = new Deferred();
+def.reject(false);
+def.promise.then(() => {
+    console.log('done');
+})
+    .then(() => {
+        console.log('real done');
+    })
+    .catch(() => {
+        console.log('oops');
+    });
diff --git a/types/athenajs/test/dom.ts b/types/athenajs/test/dom.ts
new file mode 100644
index 0000000000..c3a0df08c0
--- /dev/null
+++ b/types/athenajs/test/dom.ts
@@ -0,0 +1,33 @@
+import { Dom } from 'athenajs';
+
+const div = Dom('div');
+const body = Dom(document.body);
+const domElt: HTMLElement = body[0];
+
+// Dom.appendTo
+div.appendTo(body).show().hide();
+div.appendTo(domElt);
+
+const str: string | null = body.css('display');
+const i: number = body.length;
+
+// Dom.css
+body.css('display', ' block');
+body.css({ display: 'none' });
+body.css('display', 'block');
+
+// Dom.find
+body.find('div').appendTo('body');
+
+// Dom.attr
+body.attr('data-test', 'hi');
+body.attr({ 'data-test2': 'foo' });
+
+// Dom.addClass/Dom.removeClass
+body.addClass('foo').removeClass('foo');
+
+// Dom.show/hide
+body.show().hide();
+
+// Dom.html
+body.html('<div>foo</div>');
diff --git a/types/athenajs/test/drawable.ts b/types/athenajs/test/drawable.ts
new file mode 100644
index 0000000000..7caaccaf8d
--- /dev/null
+++ b/types/athenajs/test/drawable.ts
@@ -0,0 +1,36 @@
+import { Behavior, Drawable, Map } from 'athenajs';
+
+const sprite = new Drawable('mySprite', {
+    objectId: 'my Rocking Sprite',
+    layer: 0
+});
+const sprite2 = new Drawable('mySprite2', {});
+
+sprite.addChild(sprite2);
+sprite.animate('Fade', {
+    duration: 100
+});
+sprite.moveTo(0, 0).notify('yo!');
+
+sprite.onCollision(sprite2);
+sprite.onEvent('boom');
+sprite.playSound('explosion', {
+    pan: true
+});
+sprite.setBehavior('stupid');
+sprite.setBehavior(Behavior);
+sprite.setScale(1.0);
+
+const str: string = sprite.getProperty('strProp');
+sprite.setProperty('strProp', str);
+
+sprite.setMask({
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100
+});
+
+sprite.setMask(null);
+
+sprite.stopAnimate(10);
diff --git a/types/athenajs/test/game.ts b/types/athenajs/test/game.ts
new file mode 100644
index 0000000000..b6505251f8
--- /dev/null
+++ b/types/athenajs/test/game.ts
@@ -0,0 +1,23 @@
+import { Game, Scene } from 'athenajs';
+
+let myScene: Scene = new Scene();
+let sound: boolean;
+
+const game: Game = new Game({
+    name: 'myGame',
+    showFps: true,
+    width: 320,
+    height: 200,
+    debug: true,
+    scene: myScene,
+    target: 'body',
+    sound: true
+});
+
+game.setScene(myScene);
+game.toggleSound(false);
+game.toggleTileInspector(true);
+game.toggleFullscreen();
+game.togglePause();
+myScene = game.scene;
+sound = game.sound;
diff --git a/types/athenajs/test/map.ts b/types/athenajs/test/map.ts
new file mode 100644
index 0000000000..a2d21ab7f0
--- /dev/null
+++ b/types/athenajs/test/map.ts
@@ -0,0 +1,29 @@
+import { Map, TileDesc } from 'athenajs';
+
+const map = new Map({
+    src: "tiles",
+    tileWidth: 32,
+    tileHeight: 32,
+    width: 29 * 32,
+    height: 8 * 32,
+    viewportW: 320,
+    viewportH: 200
+});
+const tiles: TileDesc[] = [];
+const mapContent: Uint8Array = new Uint8Array(10);
+const behaviors: Uint8Array = new Uint8Array(10);
+
+for (let row = 0; row < 8; row++) {
+    for (let col = 0; col < 29; col++) {
+        tiles.push({
+            offsetX: col * 32,
+            offsetY: row * 32,
+            width: 32,
+            height: 32
+        });
+    }
+}
+
+map.addTileSet(tiles);
+
+map.setData(mapContent, behaviors);
diff --git a/types/athenajs/test/paint.ts b/types/athenajs/test/paint.ts
new file mode 100644
index 0000000000..3b6d60b705
--- /dev/null
+++ b/types/athenajs/test/paint.ts
@@ -0,0 +1,12 @@
+import { Paint } from 'athenajs';
+
+const paint: Paint = new Paint('brush', {
+    width: 300,
+    height: 200,
+    color: 'red'
+});
+
+paint.color = 'red';
+paint.circle(0, 0, 150);
+paint.circle(0, 0, 100, 'green');
+paint.circle(0, 0, 50, 'green', 2, 'blue');
diff --git a/types/athenajs/test/scene.ts b/types/athenajs/test/scene.ts
new file mode 100644
index 0000000000..c39e85f1d0
--- /dev/null
+++ b/types/athenajs/test/scene.ts
@@ -0,0 +1,58 @@
+import { Game, Scene, Drawable, Map } from 'athenajs';
+
+let num: number;
+
+const hudScene = new Scene();
+const myScene: Scene = new Scene({
+    name: 'myScene',
+    resources: [{
+        id: 'myRes',
+        src: 'src',
+        type: 'image'
+    }],
+    opacity: 1,
+    layers: 0,
+    hudScene
+});
+
+num = myScene.getOpacity();
+myScene.setOpacity(10);
+
+const sprite = new Drawable('mySprite', {});
+
+myScene.debug(false);
+myScene.bindEvents('gameover');
+myScene.addObject(sprite);
+myScene.animate('Fade', {
+    easing: 'linear'
+}).then(() => {
+    console.log('effect ended');
+    });
+myScene.fadeIn(1000).then(() => {
+    myScene.fadeOut(2000);
+    myScene.fadeInAndOut(2000, 1000, 1000);
+    console.log(myScene.getPlayTime());
+});
+
+myScene.load('image', 'img/foo.png');
+myScene.load('image', 'img/background.png', 'bg');
+myScene.loadAudio('sound/yeah.mp3');
+myScene.loadImage('img/bar.gif');
+myScene.loadAudio('sound/yeah.mp3');
+myScene.loadAudio('maps/map.json');
+
+myScene.setBackgroundImage(new Image());
+myScene.setLayerPriority(10, true);
+
+myScene.notify('ready');
+
+myScene.removeObject(sprite);
+
+myScene.setMap({});
+myScene.setMap(new Map({
+    src: 'img/tiles.png',
+    tileWidth: 24,
+    tileHeight: 32,
+    width: 240,
+    height: 320
+}));
diff --git a/types/athenajs/test/simpletext.ts b/types/athenajs/test/simpletext.ts
new file mode 100644
index 0000000000..2599d366c4
--- /dev/null
+++ b/types/athenajs/test/simpletext.ts
@@ -0,0 +1,17 @@
+import { SimpleText } from 'athenajs';
+
+const myText: SimpleText = new SimpleText('MyText', {
+    text: 'yop',
+    width: 100,
+    height: 200,
+    fontFace: 'Arial',
+    fontSize: '20px',
+    fontStyle: 'italic',
+    fontWeight: '300',
+    align: 'center',
+    color: 'white'
+});
+
+myText.setSize(100, 200);
+myText.setText('Hi!');
+myText.setColor('rgba(0,0,0,.4');
diff --git a/types/athenajs/test/sprite.ts b/types/athenajs/test/sprite.ts
new file mode 100644
index 0000000000..bc2106c4ce
--- /dev/null
+++ b/types/athenajs/test/sprite.ts
@@ -0,0 +1,28 @@
+import { Sprite } from 'athenajs';
+
+const sprite: Sprite = new Sprite('mySprite', {
+    imageId: 'tiles',
+    animations: {
+        anim1: {
+            frameDuration: 1,
+            frames: [{
+                offsetX: 396,
+                offsetY: 2,
+                width: 64,
+                height: 96,
+                hitBox: {
+                    x: 1,
+                    y: 4,
+                    x2: 62,
+                    y2: 95
+                },
+                plane: 0
+            }],
+            loop: 0
+        }
+    }
+});
+
+sprite.setAnimation('anim1', () => {
+    sprite.setAnimation('anim1', () => { console.log('the end!'); }, 0, true);
+});
diff --git a/types/athenajs/test/tetris/flash_lines.ts b/types/athenajs/test/tetris/flash_lines.ts
new file mode 100644
index 0000000000..668d2c1f33
--- /dev/null
+++ b/types/athenajs/test/tetris/flash_lines.ts
@@ -0,0 +1,35 @@
+import { Paint, PaintOptions } from 'athenajs';
+
+interface FlashOptions extends PaintOptions {
+    lineHeight: number;
+    x: number;
+    y: number;
+    width: number;
+}
+
+export default class FlashLines extends Paint {
+    lines: number[];
+    lineHeight: number;
+
+    constructor(name: string, options: FlashOptions) {
+        super('flashlines', options);
+
+        this.lines = [];
+        this.lineHeight = options.lineHeight;
+    }
+
+    flash() {
+        return this.animate('Fade', {
+            startValue: 1,
+            endValue: 0,
+            duration: 400,
+            loop: 2
+        });
+    }
+
+    render() {
+        for (const line of this.lines) {
+            this.rect(0, line * this.lineHeight, this.width, this.lineHeight, 'white');
+        }
+    }
+}
diff --git a/types/athenajs/test/tetris/grid.ts b/types/athenajs/test/tetris/grid.ts
new file mode 100644
index 0000000000..ed6d96a2d0
--- /dev/null
+++ b/types/athenajs/test/tetris/grid.ts
@@ -0,0 +1,469 @@
+import { Scene, Map, Tile, Dom, SimpleText, AudioManager as AM, Deferred } from "athenajs";
+import Shape from "./shape";
+import FlashLines from "./flash_lines";
+
+// size constants
+const MAP_ROWS = 22;
+const MAP_COLS = 12;
+const TILE_WIDTH = 20;
+const TILE_HEIGHT = 20;
+// tile offsets in the spritesheet
+const MAP_TILES_OFFSET_Y = 440;
+const WALL_TILE_OFFSET_X = 140;
+const BACK_TILE_OFFSET_X = 160;
+// wall tile number
+const WALL_TILE = 8;
+// game width
+const TOTAL_WIDTH = 800;
+const TOTAL_HEIGHT = 600;
+// speed (drop delay) at start
+const START_TIMING = 1200;
+// speed increase at each level
+const LEVEL_TIMING = 55;
+
+class Grid extends Scene {
+  // game parameters
+  score: number;
+  level: number;
+  timing: number;
+  lines: number;
+  scoreTable: number[];
+
+  // game sprites
+  // current tetris shape
+  shape: Shape;
+  // next tetris shape
+  nextShape: Shape;
+  // next tetris string
+  nextString: SimpleText;
+  // score
+  scoreString: SimpleText;
+  // "line:"
+  linesString: SimpleText;
+  // "level:"
+  levelString: SimpleText;
+  // "pause:"
+  pauseString: SimpleText;
+  // flashing lines
+  flashLines: FlashLines;
+  // ->, <-
+  controls: SimpleText;
+
+  constructor() {
+    super({
+      resources: [
+        {
+          id: "tiles",
+          type: "image",
+          src: "img/tetris_tiles.png"
+        },
+        {
+          id: "gameover",
+          type: "audio",
+          src: "sound/gameover.mp3"
+        },
+        {
+          id: "ground",
+          type: "audio",
+          src: "sound/ground.mp3"
+        },
+        {
+          id: "level",
+          type: "audio",
+          src: "sound/level.mp3"
+        },
+        {
+          id: "lines",
+          type: "audio",
+          src: "sound/lines.mp3"
+        },
+        {
+          id: "lines_tetris",
+          type: "audio",
+          src: "sound/lines_tetris.mp3"
+        },
+        {
+          id: "move",
+          type: "audio",
+          src: "sound/move.mp3"
+        },
+        {
+          id: "pause",
+          type: "audio",
+          src: "sound/pause.mp3"
+        },
+        {
+          id: "rotate",
+          type: "audio",
+          src: "sound/rotate.mp3"
+        }
+      ]
+    });
+
+    // here we keep game-related properties
+    this.score = 0;
+    this.level = 0;
+    this.lines = 0;
+    this.timing = START_TIMING;
+    this.scoreTable = [40, 100, 300, 1200];
+
+    // we only need to catch the 'ground' event from the 'shape' element
+    this.bindEvents("shape:ground");
+  }
+
+  /**
+   * Generate tileset for the tetris map, mostly hardcoded stuff
+   *
+   */
+  generateTileSet() {
+    // create the list of all tiles for the map
+    const tiles = [
+      {
+        offsetX: WALL_TILE_OFFSET_X,
+        offsetY: MAP_TILES_OFFSET_Y,
+        width: TILE_WIDTH,
+        height: TILE_HEIGHT
+      }
+    ];
+
+    // add a tile for each color
+    for (let i = 0, offset = 0; i < 7; ++i, offset += TILE_WIDTH) {
+      tiles.push({
+        offsetX: offset,
+        offsetY: MAP_TILES_OFFSET_Y,
+        width: TILE_WIDTH,
+        height: TILE_HEIGHT
+      });
+    }
+
+    tiles.push({
+      offsetX: BACK_TILE_OFFSET_X,
+      offsetY: MAP_TILES_OFFSET_Y,
+      width: TILE_WIDTH,
+      height: TILE_HEIGHT
+    });
+
+    return tiles;
+  }
+
+  /**
+   * Generates the map of the game, adding walls around the playground
+   */
+  createMap() {
+    // first create the map with an empty buffer
+    const map = new Map({
+      src: "tiles",
+      tileWidth: TILE_WIDTH,
+      tileHeight: TILE_WIDTH,
+      width: TILE_WIDTH * MAP_COLS,
+      height: TILE_HEIGHT * MAP_ROWS,
+      buffer: new ArrayBuffer(MAP_COLS * MAP_ROWS * 2)
+    });
+
+    // finally add the tileset
+    map.addTileSet(this.generateTileSet());
+
+    return map;
+  }
+
+  resetMap() {
+    const map = this.map;
+
+    map.clear(0, Tile.TYPE.AIR);
+
+    // set map tiles around the playground as wall tiles
+    for (let i = 0; i < map.numRows; ++i) {
+      map.updateTile(0, i, WALL_TILE, Tile.TYPE.WALL);
+      map.updateTile(map.numCols - 1, i, WALL_TILE, Tile.TYPE.WALL);
+    }
+
+    for (let i = 0; i < map.numCols; ++i) {
+      map.updateTile(i, map.numRows - 1, WALL_TILE, Tile.TYPE.WALL);
+    }
+  }
+
+  /**
+   * Generates the tile sprite that will be moved by the player
+   */
+  createShapes() {
+    this.shape = new Shape("shape", {
+      data: {
+        speed: this.timing
+      }
+    });
+
+    this.nextShape = new Shape("nextShape", {
+      x: 610,
+      y: 110
+    });
+
+    this.nextShape.movable = false;
+    this.nextString = new SimpleText("nextString", {
+      text: "Next",
+      x: 620,
+      y: 70
+    });
+
+    this.scoreString = new SimpleText("scoreString", {
+      text: "Score: 0",
+      x: 50,
+      y: 70
+    });
+
+    this.linesString = new SimpleText("linesString", {
+      text: "Lines: 0",
+      x: 50,
+      y: 120
+    });
+
+    this.levelString = new SimpleText("levelString", {
+      text: "Level: 0",
+      x: 50,
+      y: 170
+    });
+
+    this.pauseString = new SimpleText("pauseString", {
+      text: "Pause",
+      x: 380,
+      y: 550,
+      visible: false
+    });
+
+    this.controls = new SimpleText("controlsString", {
+      text: "Controls:\narrow keys",
+      x: 50,
+      y: 220
+    });
+
+    this.flashLines = new FlashLines("flash", {
+      x: (TOTAL_WIDTH - TILE_WIDTH * MAP_COLS) / 2 + TILE_WIDTH,
+      y: (TOTAL_HEIGHT - TILE_HEIGHT * MAP_ROWS) / 2,
+      width: TILE_WIDTH * (MAP_COLS - 2),
+      lineHeight: TILE_HEIGHT
+    });
+  }
+
+  /**
+   * Called when the scene is ready: generates the map and adds the player's shape
+   * sprite onto the screen
+   */
+  setup() {
+    this.createShapes();
+
+    this.map = this.createMap();
+  }
+
+  start() {
+    const map = this.map;
+
+    this.setBackgroundImage("img/background.png");
+
+    // center map
+    this.setMap(
+      map,
+      (TOTAL_WIDTH - map.width) / 2,
+      (TOTAL_HEIGHT - map.height) / 2
+    );
+
+    map.addObject(this.shape);
+
+    this.addObject([
+      this.nextShape,
+      this.nextString,
+      this.linesString,
+      this.scoreString,
+      this.levelString,
+      this.pauseString,
+      this.flashLines,
+      this.controls
+    ]);
+
+    this.reset();
+  }
+
+  reset() {
+    this.score = 0;
+    this.level = 0;
+    this.lines = 0;
+    this.timing = START_TIMING;
+    this.resetMap();
+    this.shape.moveToTop();
+
+    this.shape.setRandomShape();
+    this.nextShape.setRandomShape();
+    this.linesString.setText("Lines: " + this.lines);
+    this.scoreString.setText("Score: " + this.score);
+    this.levelString.setText("Level: " + this.level);
+
+    this.shape.movable = true;
+    this.shape.behavior.reset();
+  }
+
+  /**
+   * Called on game over, simply displays the score in an alert box and restarts the game
+   */
+  gameover() {
+    AM.play("gameover");
+    alert("game over!" + this.score);
+    this.reset();
+  }
+
+  /**
+   * This method is called whenever an event that has been registered is received
+   *
+   */
+  onEvent(event: any) {
+    const nextShape = this.nextShape;
+    const shape = this.shape;
+
+    switch (event.type) {
+      case "shape:ground":
+        // update the map with the new shape
+        this.updateMap();
+        // check for lines to remove
+        this.removeLinesFromMap(
+          event.data.startLine,
+          event.data.numRows
+        ).then(() => {
+          shape.setShape(nextShape.shapeName, nextShape.rotation);
+          nextShape.setRandomShape();
+
+          this.shape.moveToTop();
+
+          // we may have a game over here: if the shape collides with another one
+          if (!this.shape.snapTile(0, 0, false)) {
+            this.gameover();
+          } else {
+            this.shape.movable = true;
+          }
+        });
+        break;
+    }
+  }
+
+  /**
+   * This method is called when a shape has reached the ground: in this case
+   * we simply update the map using the shape's matrix
+   */
+  updateMap() {
+    const shape = this.shape;
+    const data = this.shape.shape;
+    const map = this.map;
+    const pos = map.getTileIndexFromPixel(shape.x, shape.y);
+    const buffer = shape.getMatrix();
+    const rows = data.height / map.tileHeight;
+    const cols = data.width / map.tileWidth;
+
+    for (let j = 0; j < rows; ++j) {
+      for (let i = 0; i < cols; ++i) {
+        if (buffer[j * cols + i]) {
+          map.updateTile(pos.x + i, pos.y + j, data.color, Tile.TYPE.WALL);
+        }
+      }
+    }
+  }
+
+  /**
+   * returns the number of lines that contains no hole, starting from
+   * startLine up to startLine + height
+   *
+   */
+  getLinesToRemove(startLine: number, height: number): number[] {
+    console.log("[Grid] getLinesToRemove()");
+    const map = this.map;
+    const lines: number[] = [];
+    let lastLine = startLine + height - 1;
+
+    // avoid bottom ground
+    if (lastLine > map.numRows - 2) lastLine = map.numRows - 2;
+
+    for (let j = lastLine; j >= startLine; --j) {
+      let hole = false;
+      for (let i = 1; i < map.numCols - 1; ++i) {
+        hole = hole || map.getTileBehaviorAtIndex(i, j) !== Tile.TYPE.WALL;
+      }
+      if (!hole) {
+        lines.push(j);
+      }
+    }
+
+    return lines;
+  }
+
+  /**
+   * Updates level + level object's text
+   */
+  updateLevel() {
+    const oldLevel = this.level;
+    this.level = Math.floor(this.lines / 10);
+    this.levelString.setText("Level: " + this.level);
+    this.timing = START_TIMING - this.level * LEVEL_TIMING;
+    this.shape.data['speed'] = this.timing;
+    oldLevel !== this.level && AM.play("level");
+  }
+
+  /**
+   * Updates the player's score using line number & current level
+   *
+   */
+  increaseScore(lines: number) {
+    this.score +=
+      this.scoreTable[lines - 1] + this.level * this.scoreTable[lines - 1];
+    this.lines += lines;
+    this.linesString.setText("Lines: " + this.lines);
+    this.scoreString.setText("Score: " + this.score);
+
+    if (lines === 4) {
+      AM.play("lines_tetris");
+    } else {
+      AM.play("lines");
+    }
+  }
+
+  /**
+   * Removes lines from the map, shifting the map as needed, and adding
+   * empty tiles at the top
+   *
+   */
+  removeLinesFromMap(startLine: number, height: number) {
+    const map = this.map;
+    const lines = this.getLinesToRemove(startLine, height);
+
+    // no full lines detected
+    if (!lines.length) {
+      return Deferred.resolve(true);
+    }
+
+    this.flashLines.lines = lines;
+    return this.flashLines.flash().then(() => {
+      // shift the map for each line to remove
+      for (let i = 0; i < lines.length; ++i) {
+        map.shift(lines[i] + i, 1);
+      }
+
+      // add wall at each side of the new lines
+      for (let i = 0; i < height; ++i) {
+        for (let j = 0; j < map.numCols; ++j) {
+          map.updateTile(j, i, 0, Tile.TYPE.AIR);
+        }
+        map.updateTile(0, i, 8, Tile.TYPE.WALL);
+        map.updateTile(map.numCols - 1, i, 8, Tile.TYPE.WALL);
+      }
+
+      Dom('.athena-game').addClass('shake-vertical shake-constant');
+      setTimeout(() => {
+        Dom('.athena-game').removeClass('shake-vertical shake-constant');
+      }, 300);
+
+      this.increaseScore(lines.length);
+      this.updateLevel();
+    });
+  }
+
+  pause(isRunning: boolean) {
+    this.pauseString.visible = !isRunning;
+    AM.play("pause");
+  }
+}
+
+export default Grid;
diff --git a/types/athenajs/test/tetris/shape.ts b/types/athenajs/test/tetris/shape.ts
new file mode 100644
index 0000000000..4d8ed9c64b
--- /dev/null
+++ b/types/athenajs/test/tetris/shape.ts
@@ -0,0 +1,256 @@
+import { Sprite, Tile, AudioManager as AM, JSObject } from 'athenajs';
+import ShapeBehavior from './shape_behavior';
+
+interface shapeDescription {
+    name: string;
+    width: number;
+    height: number;
+    color: number;
+    rotations: number[][];
+}
+
+class Shape extends Sprite {
+    shapes: shapeDescription[];
+    // current shape
+    shape: shapeDescription;
+    shapeName: string;
+    // current shape rotation
+    rotation: number;
+
+    constructor(name: string, options = {}) {
+        super(name, {
+            imageId: 'tiles',
+            easing: 'linear',
+            // behavior: ShapeBehavior,
+            // ...options
+        });
+
+        /**
+         * Hardcoded tetris shapes. In addition to its width/height, color and
+         * name, each shape contains a rotation a matrix for each rotation
+         * that looks like:
+         *
+         *  ---
+         * |J
+         * |JJJ
+         * |
+         *  ---
+         *
+         * Matrix: [1, 0, 0,
+         *          1, 1, 1
+         *          0, 0, 0]
+         *
+         * Each shape contains four different rotations
+         */
+        this.shapes = [
+            {
+                name: 'I', width: 80, height: 80, color: 7, rotations: [
+                    [0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0],
+                    [0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0],
+                    [0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0],
+                    [0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0]
+                ]
+            },
+            {
+                name: 'J', width: 60, height: 60, color: 6, rotations: [
+                    [1, 0, 0, 1, 1, 1, 0, 0, 0],
+                    [0, 1, 1, 0, 1, 0, 0, 1, 0],
+                    [0, 0, 0, 1, 1, 1, 0, 0, 1],
+                    [0, 1, 0, 0, 1, 0, 1, 1, 0]
+                ]
+            },
+            {
+                name: 'L', width: 60, height: 60, color: 5, rotations: [
+                    [0, 0, 1, 1, 1, 1, 0, 0, 0],
+                    [0, 1, 0, 0, 1, 0, 0, 1, 1],
+                    [0, 0, 0, 1, 1, 1, 1, 0, 0],
+                    [1, 1, 0, 0, 1, 0, 0, 1, 0]
+                ]
+            },
+            {
+                name: 'O', width: 80, height: 60, color: 4, rotations: [
+                    [0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0],
+                    [0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0],
+                    [0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0],
+                    [0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0]
+                ]
+            },
+            {
+                name: 'S', width: 60, height: 60, color: 3, rotations: [
+                    [0, 1, 1, 1, 1, 0, 0, 0, 0],
+                    [0, 1, 0, 0, 1, 1, 0, 0, 1],
+                    [0, 0, 0, 0, 1, 1, 1, 1, 0],
+                    [1, 0, 0, 1, 1, 0, 0, 1, 0]
+                ]
+            },
+            {
+                name: 'Z', width: 60, height: 60, color: 2, rotations: [
+                    [1, 1, 0, 0, 1, 1, 0, 0, 0],
+                    [0, 0, 1, 0, 1, 1, 0, 1, 0],
+                    [0, 0, 0, 1, 1, 0, 0, 1, 1],
+                    [0, 1, 0, 1, 1, 0, 1, 0, 0]
+                ]
+            },
+            {
+                name: 'T', width: 60, height: 60, color: 1, rotations: [
+                    [0, 1, 0, 1, 1, 1, 0, 0, 0],
+                    [0, 1, 0, 0, 1, 1, 0, 1, 0],
+                    [0, 0, 0, 1, 1, 1, 0, 1, 0],
+                    [0, 1, 0, 1, 1, 0, 0, 1, 0]
+                ]
+            }
+        ];
+
+        this.addAnimations();
+        this.setShape('S', 0);
+    }
+
+    /**
+     * Moves the shape at the top center of the map
+     */
+    moveToTop(): void {
+        if (this.shape) {
+            const map = this.currentMap;
+            const col = Math.floor(((map.width - this.shape.width) / 2) / map.tileWidth);
+
+            this.moveTo(col * map.tileWidth, 0);
+        }
+    }
+
+    /**
+     * Changes the sprite's shape and rotation
+     *
+     */
+    setShape(name: string, rotation: number): void {
+        this.shapeName = name;
+        this.rotation = rotation;
+        this.shape = this.shapes.find((shape) => shape.name === this.shapeName) || this.shapes[0];
+        this.setAnimation(`${name}${rotation}`);
+    }
+
+    /**
+     * Pick a new random shape
+     */
+    setRandomShape(): void {
+        const shapeName = this.shapes[Math.random() * 7 | 0].name;
+        const rotation = Math.random() * 4 | 0;
+
+        console.log(`[Shape] setRandomShape() - ${shapeName}`);
+
+        if (!this.movable) {
+            this.animate('Fade', {
+                duration: 200,
+                startValue: 1,
+                endValue: 0
+            }).then(() => {
+                this.setShape(shapeName, rotation);
+                this.animate('Fade', {
+                    duration: 200,
+                    startValue: 0,
+                    endValue: 1
+                });
+            });
+        } else {
+            this.setShape(shapeName, rotation);
+        }
+    }
+
+    /**
+     * Returns current matrix for the shape
+     *
+     */
+    getMatrix(rotation = -1): number[] {
+        return this.shape.rotations[rotation === -1 ? this.rotation : rotation];
+    }
+
+    /**
+     * Move the shape on the map by a certain number of tiles, optionnaly sending an event
+     * of a collision is detected
+     *
+     */
+    snapTile(horizontal = 0, vertical = 0, notify = true, noSound = false): boolean {
+        const map = this.currentMap;
+        const buffer = this.getMatrix();
+        const tilePos = map.getTileIndexFromPixel(this.x, this.y);
+        const newX = tilePos.x + horizontal;
+        const newY = tilePos.y + vertical;
+
+        // first check there is no collision with walls
+        if (!map.checkMatrixForCollision(buffer, this.shape.width, newX, newY, Tile.TYPE.WALL)) {
+            this.x += horizontal * map.tileWidth;
+            this.y += vertical * map.tileHeight;
+
+            return true;
+        } else {
+            // if a collision was detected and vertical == 1 it means the shape reached
+            // the ground: in this case we send a notification for the grid
+            // and make the shape stop responding to user input or timer
+            if (vertical === 1) {
+                this.movable = false;
+                if (notify) {
+                    AM.play('ground');
+                    this.notify('ground', {
+                        startLine: tilePos.y,
+                        numRows: this.shape.height / map.tileHeight
+                    });
+                }
+            }
+            return false;
+        }
+    }
+
+    /**
+     * Switches to the next shape's rotation, if no collision found onto the map
+     */
+    nextRotation(): void {
+        let matrix: number[];
+        let newRotation = this.rotation + 1;
+
+        const map = this.currentMap;
+        const tilePos = map.getTileIndexFromPixel(this.x, this.y);
+
+        // cycles if last position reached
+        if (newRotation > 3) {
+            newRotation = 0;
+        }
+
+        // get current shape + position matrix
+        matrix = this.getMatrix(newRotation);
+
+        if (!map.checkMatrixForCollision(matrix, this.shape.width, tilePos.x, tilePos.y, Tile.TYPE.WALL)) {
+            // change shape rotation if no collision detected
+            this.setShape(this.shapeName, newRotation);
+            AM.play('rotate');
+        } else {
+            console.log('rotation not possible');
+        }
+    }
+
+    /**
+     * We add a new Sprite animation for each combination of rotation + shapeType:
+     * {
+     *  'J0', // first rotation of the J Shape
+     * ....
+     *  'J3', // last rotation of the J Shape
+     *  'L0', // first rotation of the L shape
+     *  ...
+     * }
+     */
+    addAnimations(): void {
+        // shape sprite images start at the top of the image file
+        let offsetY = 0;
+
+        this.shapes.forEach((shape) => {
+            let offsetX = 0;
+            for (let i = 0; i < 4; ++i) {
+                this.addAnimation(`${shape.name}${i}`, 'tiles', {
+                    offsetY, offsetX, frameWidth: shape.width, frameHeight: shape.height, frameDuration: 1, numFrames: 1
+                });
+                offsetX += shape.width;
+            }
+            offsetY += shape.height;
+        });
+    }
+}
+
+export default Shape;
diff --git a/types/athenajs/test/tetris/shape_behavior.ts b/types/athenajs/test/tetris/shape_behavior.ts
new file mode 100644
index 0000000000..7804696454
--- /dev/null
+++ b/types/athenajs/test/tetris/shape_behavior.ts
@@ -0,0 +1,140 @@
+import { Behavior, InputManager as IM, AudioManager as AM, Sprite, Drawable } from 'athenajs';
+import Shape from './shape';
+
+/**
+ * Simple Behavior for the tetris shape that moves the shape on cursor key press
+ * and when timer is reached
+ *
+ *
+ * @see {Behavior}
+ */
+class ShapeBehavior extends Behavior {
+    state: number;
+    lastRotation: number;
+    ts: number;
+    LONG_DELAY: number;
+    SMALL_DELAY: number;
+    delay: number;
+    key: number;
+    timerEnabled: boolean;
+    startTime: number;
+
+    constructor(sprite: Shape, options?: any) {
+        super(sprite as Drawable, options);
+
+        // current behavior state: moving right, left, top, bottom
+        this.state = 0;
+        // when lastRotation happened
+        this.lastRotation = 0;
+        this.ts = 0;
+        // long delay before starting to move quickly
+        this.LONG_DELAY = 250;
+        // repeat-delay once the long delay has been reached
+        this.SMALL_DELAY = 70;
+
+        this.reset();
+    }
+
+    reset() {
+        IM.clearEvents();
+
+        // current delay before repeating a key
+        this.delay = this.LONG_DELAY;
+        this.key = 0;
+        this.timerEnabled = true;
+    }
+
+    /**
+     * When the player keeps a key down, we wait for a long delay before
+     * quickly moving the picece: we don't want to miss interpret his move.
+     *
+     * If he quickly releases the key and quickly presses it, we have to
+     * react though
+     *
+     */
+    ready(state: number, timestamp: number): boolean {
+        // if the player pressed a different key
+        // we react immediately but have to wait a long_delay
+        // before repeating the key if he keeps pressing it
+        if (this.state !== state) {
+            this.ts = timestamp;
+            this.state = state;
+            this.delay = this.LONG_DELAY;
+            return true;
+        } else if (timestamp - this.ts > this.delay) {
+            // player keeps pressing the key for a long delay
+            // we react and set delay to a smaller one to quickly
+            // repeat the action
+            this.ts = timestamp;
+            this.delay = this.SMALL_DELAY;
+            return true;
+        } else {
+            // repeat delay not reached
+            return false;
+        }
+    }
+
+    /**
+     * Checks tetris timer
+     *
+     */
+    timer(timestamp: number): boolean {
+        const sprite = this.sprite;
+        if (!this.startTime) {
+            this.startTime = timestamp;
+        } else {
+            if (timestamp - this.startTime > sprite.data['speed']) {
+                // timer reached
+                this.startTime = timestamp;
+                return true;
+            }
+        }
+        return false;
+    }
+
+    checkKeyDelay(key: number, timestamp: number, x: number, y: number): void {
+        const sprite = this.sprite as Shape;
+        if (this.ready(key, timestamp)) {
+            sprite.snapTile(x, y) && AM.play('move');
+        }
+    }
+
+    /**
+     * This method is called when updating the shape's position
+     * and updates its position when cursor keys are pressed or
+     * the timer happened
+     */
+    onUpdate(timestamp: number) {
+        const sprite = this.sprite as Shape;
+
+        // debug: stop the timer when t key is pressed
+        if (IM.isKeyDown(84)) {
+            this.timerEnabled = !this.timerEnabled;
+            return;
+        }
+
+        // first check timer
+        if (this.timerEnabled && this.timer(timestamp)) {
+            // timer reached: move the sprite down
+            sprite.snapTile(0, 1);
+            return;
+        }
+
+        // Then checks cursor keys
+        if (IM.isKeyDown('DOWN')) {
+            this.checkKeyDelay(1, timestamp, 0, 1);
+        } else if (IM.isKeyDown('LEFT')) {
+            this.checkKeyDelay(2, timestamp, -1, 0);
+        } else if (IM.isKeyDown('RIGHT')) {
+            this.checkKeyDelay(3, timestamp, 1, 0);
+        } else if ((IM.isKeyDown('UP') || IM.isKeyDown('SPACE')) && (timestamp - this.lastRotation > 150)) {
+            this.lastRotation = timestamp;
+            sprite.nextRotation();
+        } else if (this.state) {
+            // key released
+            this.ready(0, timestamp);
+        }
+    }
+}
+
+export default ShapeBehavior;
diff --git a/types/athenajs/test/tetris/tetris.ts b/types/athenajs/test/tetris/tetris.ts
new file mode 100644
index 0000000000..05434a2249
--- /dev/null
+++ b/types/athenajs/test/tetris/tetris.ts
@@ -0,0 +1,11 @@
+import { Game } from 'athenajs';
+import Grid from './grid';
+
+const tetris = new Game({
+    name: 'athena-tetris',
+    showFps: true,
+    debug: true,
+    width: 800,
+    height: 600,
+    scene: new Grid()
+});
diff --git a/types/athenajs/tsconfig.json b/types/athenajs/tsconfig.json
new file mode 100644
index 0000000000..54a31f17a7
--- /dev/null
+++ b/types/athenajs/tsconfig.json
@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "noEmit": true,
+    "types": [],
+    "lib": [
+        "es5",
+        "es6",
+        "es2015.iterable",
+        "dom"
+    ],
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+    "index.d.ts",
+    "test/dom.ts",
+    "test/deferred.ts",
+    "test/game.ts",
+    "test/scene.ts",
+    "test/drawable.ts",
+    "test/simpletext.ts",
+    "test/paint.ts",
+    "test/bitmaptext.ts",
+    "test/sprite.ts",
+    "test/map.ts",
+    "test/tetris/tetris.ts",
+    "test/tetris/shape.ts",
+    "test/tetris/grid.ts",
+    "test/tetris/shape_behavior.ts",
+    "test/tetris/flash_lines.ts"
+  ]
+}
\ No newline at end of file
diff --git a/types/athenajs/tslint.json b/types/athenajs/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/athenajs/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/atlassian-crowd-client/lib/models/session.d.ts b/types/atlassian-crowd-client/lib/models/session.d.ts
index 2ef16a0814..2369f976bc 100644
--- a/types/atlassian-crowd-client/lib/models/session.d.ts
+++ b/types/atlassian-crowd-client/lib/models/session.d.ts
@@ -3,7 +3,7 @@ declare class Session {
     readonly token: string;
     readonly createdAt: Date;
     readonly expiresAt: Date;
- 
+
     constructor(token: string, createdAt: Date, expiresAt: Date);
     toCrowd(): SessionObj;
     static fromCrowd(obj: SessionObj): Session;
diff --git a/types/atlassian-crowd-client/settings.d.ts b/types/atlassian-crowd-client/settings.d.ts
index 755c26038a..4c56a85e06 100644
--- a/types/atlassian-crowd-client/settings.d.ts
+++ b/types/atlassian-crowd-client/settings.d.ts
@@ -3,7 +3,7 @@ export interface Settings {
     readonly application: {
         readonly name: string;
         readonly password: string;
-    }
+    };
     readonly nesting?: boolean;
     readonly sessionTimeout?: number;
     readonly debug?: boolean;
diff --git a/types/atom/atom-tests.ts b/types/atom/atom-tests.ts
index 9d01e194a9..9a04b9c7b6 100644
--- a/types/atom/atom-tests.ts
+++ b/types/atom/atom-tests.ts
@@ -557,8 +557,8 @@ function testDesializerManager() {
     }
 
     function isStorableClass(o: object): o is StorableClass {
-        if (typeof o === "object" && (<StorableClass> o).name &&
-            (<StorableClass> o).name === "test") {
+        if (typeof o === "object" && (o as StorableClass).name &&
+            (o as StorableClass).name === "test") {
             return true;
         } else {
             return false;
@@ -1748,6 +1748,14 @@ function testProject() {
     // Accessing the git repository
     repositories = project.getRepositories();
 
+    subscription = project.observeRepositories(gitRepo => {
+        const repo: Atom.GitRepository = gitRepo;
+    });
+
+    subscription = project.onDidAddRepository(gitRepo => {
+        const repo: Atom.GitRepository = gitRepo;
+    });
+
     async function getDirectoryRepo() {
         const potentialRepo = await project.repositoryForDirectory(dir);
         if (potentialRepo) repository = potentialRepo;
@@ -3041,6 +3049,25 @@ function testTextEditor() {
     editor.addGutter({ name: "Test", priority: 42 });
     editor.addGutter({ name: "Test", visible: true });
     editor.addGutter({ name: "Test", priority: 42, visible: true });
+    editor.addGutter({ name: "Test", type: 'decorated' });
+    editor.addGutter({ name: "Test", type: 'line-number' });
+    editor.addGutter({ name: "Test", class: 'someClass' });
+    editor.addGutter({ name: "Test", labelFn(lineData) {
+        num = lineData.bufferRow;
+        num = lineData.screenRow;
+        num = lineData.maxDigits;
+        bool = lineData.foldable;
+        bool = lineData.softWrapped;
+        return 'label';
+    }});
+    editor.addGutter({ name: "Test", onMouseDown(lineData) {
+        num = lineData.bufferRow;
+        num = lineData.screenRow;
+    } });
+    editor.addGutter({ name: "Test", onMouseMove(lineData) {
+        num = lineData.bufferRow;
+        num = lineData.screenRow;
+    } });
 
     gutters = editor.getGutters();
 
diff --git a/types/atom/index.d.ts b/types/atom/index.d.ts
index c403569ab2..d77663c460 100644
--- a/types/atom/index.d.ts
+++ b/types/atom/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Atom 1.28
+// Type definitions for Atom 1.31
 // Project: https://github.com/atom/atom
 // Definitions by: GlenCFL <https://github.com/GlenCFL>
 //                 smhxx <https://github.com/smhxx>
@@ -7,7 +7,7 @@
 // TypeScript Version: 2.3
 
 // NOTE: only those classes exported within this file should be retain that status below.
-// https://github.com/atom/atom/blob/v1.28.0/exports/atom.js
+// https://github.com/atom/atom/blob/v1.31.0/exports/atom.js
 
 /// <reference types="node" />
 
@@ -2415,11 +2415,7 @@ export class TextEditor {
 
     // Gutters
     /** Add a custom Gutter. */
-    addGutter(options: {
-        name: string,
-        priority?: number,
-        visible?: boolean,
-    }): Gutter;
+    addGutter(options: GutterOptions): Gutter;
 
     /** Get this editor's gutters. */
     getGutters(): Gutter[];
@@ -2459,6 +2455,74 @@ export class TextEditor {
     tokenForBufferPosition(pos: PointCompatible): {value: string, scopes: string[]};
 }
 
+export interface GutterOptions {
+    /** (required) A unique String to identify this gutter. */
+    name: string;
+
+    /**
+     * A Number that determines stacking order between gutters.
+     * Lower priority items are forced closer to the edges of the window. (default: -100)
+     */
+    priority?: number;
+
+    /**
+     * Boolean specifying whether the gutter is visible initially after being created.
+     * (default: true)
+     */
+    visible?: boolean;
+
+    /**
+     * String specifying the type of gutter to create.
+     * 'decorated' gutters are useful as a destination for decorations created with
+     * Gutter::decorateMarker.
+     * 'line-number' gutters.
+     */
+    type?: 'decorated' | 'line-number';
+
+    /** String added to the CSS classnames of the gutter's root DOM element. */
+    class?: string;
+
+    /**
+     * Function called by a 'line-number' gutter to generate the label for each
+     * line number element. Should return a String that will be used to label the
+     * corresponding line.
+     */
+    labelFn?: (lineData: LineDataExtended) => string;
+
+    /**
+     * Function to be called when a mousedown event is received by a line-number
+     * element within this type: 'line-number' Gutter. If unspecified, the default
+     * behavior is to select the clicked buffer row.
+     */
+    onMouseDown?: (lineData: LineData) => void;
+
+    /**
+     * Function to be called when a mousemove event occurs on a line-number
+     * element within within this type: 'line-number' Gutter.
+     */
+    onMouseMove?: (lineData: LineData) => void;
+}
+
+export interface LineData {
+    /** Number indicating the zero-indexed buffer index of a line. */
+    bufferRow: number;
+
+    /** Number indicating the zero-indexed screen index. */
+    screenRow: number;
+}
+
+/** Object containing information about each line to label. */
+export interface LineDataExtended extends LineData {
+    /** Boolean that is true if a fold may be created here. */
+    foldable: boolean;
+
+    /** Boolean if this screen row is the soft-wrapped continuation of the same buffer row. */
+    softWrapped: boolean;
+
+    /** Number the maximum number of digits necessary to represent any known screen row. */
+    maxDigits: number;
+}
+
 export interface PixelPosition {
     left: number;
     top: number;
@@ -4497,6 +4561,12 @@ export interface Project {
      */
     getRepositories(): GitRepository[];
 
+    /** Invoke the given callback with all current and future repositories in the project. */
+    observeRepositories(callback: (repository: GitRepository) => void): Disposable;
+
+    /** Invoke the given callback when a repository is added to the project. */
+    onDidAddRepository(callback: (repository: GitRepository) => void): Disposable;
+
     /** Get the repository for a given directory asynchronously. */
     repositoryForDirectory(directory: Directory): Promise<GitRepository|null>;
 
@@ -5844,7 +5914,7 @@ export interface TextEditorObservedEvent {
 // information under certain contexts.
 
 // NOTE: the config schema with these defaults can be found here:
-//   https://github.com/atom/atom/blob/v1.28.0/src/config-schema.js
+//   https://github.com/atom/atom/blob/v1.31.0/src/config-schema.js
 /**
  *  Allows you to strongly type Atom configuration variables. Additional key:value
  *  pairings merged into this interface will result in configuration values under
diff --git a/types/atom/tslint.json b/types/atom/tslint.json
index 4c3e6e9036..3811d3257c 100644
--- a/types/atom/tslint.json
+++ b/types/atom/tslint.json
@@ -4,6 +4,9 @@
         "await-promise": [true, "CancellablePromise"],
         "indent": [true, "spaces", 4],
         "max-line-length": [true, 100],
-        "no-any": true
+        "no-any": true,
+
+        // TODOs
+        "no-declare-current-package": false
     }
 }
diff --git a/types/auth-header/auth-header-tests.ts b/types/auth-header/auth-header-tests.ts
new file mode 100644
index 0000000000..e8b510531c
--- /dev/null
+++ b/types/auth-header/auth-header-tests.ts
@@ -0,0 +1,6 @@
+import * as auth from 'auth-header';
+
+const basic: string = auth.format('Basic');
+const basic2: string = auth.format({scheme: 'Basic'});
+
+const parsed: {scheme: string, token: null | string | string[]} = auth.parse('');
diff --git a/types/auth-header/index.d.ts b/types/auth-header/index.d.ts
new file mode 100644
index 0000000000..fab462be9e
--- /dev/null
+++ b/types/auth-header/index.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for auth-header 1.0
+// Project: https://github.com/izaakschroeder/auth-header
+// Definitions by: ForbesLindesay <https://github.com/ForbesLindesay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+type Params =
+    | Array<[string, string | ReadonlyArray<string>]>
+    | {[key: string]: string | ReadonlyArray<string>};
+export {Params};
+
+export interface TokenOptions {
+    scheme: string;
+    token?: string;
+    params?: Params;
+}
+
+export interface Token {
+    scheme: string;
+    params: {[key: string]: string | string[]};
+    token: null | string | string[];
+}
+
+export function format(token: TokenOptions): string;
+export function format(scheme: string, token?: string, params?: Params): string;
+
+export function parse(header: string): Token;
diff --git a/types/auth-header/tsconfig.json b/types/auth-header/tsconfig.json
new file mode 100644
index 0000000000..58c6fad6d7
--- /dev/null
+++ b/types/auth-header/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "auth-header-tests.ts"
+    ]
+}
diff --git a/types/fast-diff/tslint.json b/types/auth-header/tslint.json
similarity index 100%
rename from types/fast-diff/tslint.json
rename to types/auth-header/tslint.json
diff --git a/types/auth0-js/auth0-js-tests.ts b/types/auth0-js/auth0-js-tests.ts
index f13599ebae..6d21de4ed3 100644
--- a/types/auth0-js/auth0-js-tests.ts
+++ b/types/auth0-js/auth0-js-tests.ts
@@ -11,6 +11,7 @@ webAuth.authorize({
     responseType: 'token',
     redirectUri: 'https://example.com/auth/callback',
 	language: 'en',
+    login_hint: "email@email.com",
 	prompt: 'login',
 });
 
diff --git a/types/auth0-js/index.d.ts b/types/auth0-js/index.d.ts
index 033a4bcbde..7ca266e6ce 100644
--- a/types/auth0-js/index.d.ts
+++ b/types/auth0-js/index.d.ts
@@ -4,6 +4,7 @@
 //                 Matt Durrant <https://github.com/mdurrant>
 //                 Peter Blazejewicz <https://github.com/peterblazejewicz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 export as namespace auth0;
 
@@ -172,7 +173,7 @@ export class WebAuth {
      *
      * @param callback: any(err, token_payload)
      */
-    parseHash(callback: Auth0Callback<Auth0DecodedHash>): void;
+    parseHash(callback: Auth0Callback<Auth0DecodedHash | null, Auth0ParseHashError>): void;
 
     /**
      * Parse the url hash and extract the returned tokens depending on the transaction.
@@ -183,7 +184,7 @@ export class WebAuth {
      *
      * @param callback: any(err, token_payload)
      */
-    parseHash(options: ParseHashOptions, callback: Auth0Callback<Auth0DecodedHash>): void;
+    parseHash(options: ParseHashOptions, callback: Auth0Callback<Auth0DecodedHash | null, Auth0ParseHashError>): void;
 
     /**
      * Decodes the id_token and verifies  the nonce.
@@ -482,7 +483,7 @@ export class CrossOriginAuthentication {
     callback(): void;
 }
 
-export type Auth0Callback<T> = (error: null | Auth0Error, result: T) => void;
+export type Auth0Callback<T, E = Auth0Error> = (error: null | E, result: T) => void;
 
 export interface TokenProvider {
     enableCache?: boolean;
@@ -522,18 +523,51 @@ export interface PasswordlessAuthOptions {
     email: string;
 }
 
+/**
+ * These are error codes defined by the auth0-js lib.
+ */
+export type LibErrorCodes = 'timeout' | 'request_error' | 'invalid_token';
+
+/**
+ * The user was not logged in at Auth0, so silent authentication is not possible.
+ */
+export type LoginRequiredErrorCode = 'login_required';
+
+/**
+ * The user was logged in at Auth0 and has authorized the application, but needs to
+ * be redirected elsewhere before authentication can be completed; for example, when
+ * using a redirect rule.
+ */
+export type InteractionRequiredErrorCode = 'interaction_required';
+
+/**
+ * The user was logged in at Auth0, but needs to give consent to authorize the application.
+ */
+export type ConsentRequiredErrorCode = 'consent_required';
+
+/**
+ * These are error codes defined by the OpenID Connect specification.
+ */
+export type SpecErrorCodes =
+    LoginRequiredErrorCode |
+    InteractionRequiredErrorCode |
+    ConsentRequiredErrorCode |
+    'account_selection_required' |
+    'invalid_request_uri' |
+    'invalid_request_object' |
+    'request_not_supported' |
+    'request_uri_not_supported' |
+    'registration_not_supported';
+
 export interface Auth0Error {
-    error?: any;
-    errorDescription?: string;
-    code?: string;
-    description?: string;
-    name?: string;
-    policy?: string;
-    original?: any;
-    statusCode?: number;
-    statusText?: string;
+    error: LibErrorCodes | SpecErrorCodes | string;
+    errorDescription: string;
 }
 
+export type Auth0ParseHashError = Auth0Error & {
+    state?: string;
+};
+
 /**
  * The contents of the authResult object returned by {@link WebAuth#parseHash }
  */
@@ -761,6 +795,7 @@ export interface AuthorizeOptions {
     scope?: string;
     audience?: string;
 	language?: string;
+    login_hint?: string;
 	prompt?: string;
     mode?: "login" | "signUp";
 }
diff --git a/types/auth0-lock/auth0-lock-tests.ts b/types/auth0-lock/auth0-lock-tests.ts
index 4b5c60e716..6e23e81d5e 100644
--- a/types/auth0-lock/auth0-lock-tests.ts
+++ b/types/auth0-lock/auth0-lock-tests.ts
@@ -140,12 +140,17 @@ new Auth0Lock(CLIENT_ID, DOMAIN, otherOptions);
 const multiVariantOptions : Auth0LockConstructorOptions = {
   container: "myContainer",
   closable: false,
+  language: "en",
   languageDictionary: {
     signUpTerms: "I agree to the <a href='/terms' target='_new'>terms of service</a> ...",
     title: "My Company",
   },
+  autoclose: true,
   autofocus: false,
+  allowAutocomplete: false,
+  scrollGlobalMessagesIntoView: false,
   allowShowPassword: true,
+  allowPasswordAutocomplete: false,
 };
 
 new Auth0Lock(CLIENT_ID, DOMAIN, multiVariantOptions);
diff --git a/types/auth0-lock/index.d.ts b/types/auth0-lock/index.d.ts
index 622ac3d36c..2916ec58c8 100644
--- a/types/auth0-lock/index.d.ts
+++ b/types/auth0-lock/index.d.ts
@@ -5,6 +5,7 @@
 //                 Larry Faudree <https://github.com/lfaudreejr>
 //                 Will Caulfield <https://github.com/willcaul>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.7
 
 /// <reference types="auth0-js" />
 
@@ -98,6 +99,7 @@ interface Auth0LockAuthOptions {
     params?: Auth0LockAuthParamsOptions;
     redirect?: boolean;
     redirectUrl?: string;
+    responseMode?: string;
     responseType?: string;
     sso?: boolean;
     audience?: string;
@@ -113,8 +115,10 @@ interface Auth0LockPopupOptions {
 interface Auth0LockConstructorOptions {
     additionalSignUpFields?: Auth0LockAdditionalSignUpField[];
     allowedConnections?: string[];
+    allowAutocomplete?: boolean;
     allowForgotPassword?: boolean;
     allowLogin?: boolean;
+    allowPasswordAutocomplete?: boolean;
     allowSignUp?: boolean;
     allowShowPassword?: boolean;
     assetsUrl?: string;
@@ -129,6 +133,7 @@ interface Auth0LockConstructorOptions {
     defaultADUsernameFromEmailPrefix?: string;
     defaultDatabaseConnection?: string;
     defaultEnterpriseConnection?: string;
+    flashMessage?: Auth0LockFlashMessageOptions;
     forgotPasswordLink?: string;
     hashCleanup?: boolean;
     initialScreen?: "login" | "signUp" | "forgotPassword";
@@ -142,6 +147,7 @@ interface Auth0LockConstructorOptions {
     popupOptions?: Auth0LockPopupOptions;
     prefill?: { email?: string, username?: string};
     rememberLastLogin?: boolean;
+    scrollGlobalMessagesIntoView?: boolean;
     signupLink?: string;
     socialButtonStyle?: "big" | "small";
     theme?: Auth0LockThemeOptions;
diff --git a/types/auth0/auth0-tests.ts b/types/auth0/auth0-tests.ts
index f4251364d2..60bbf86823 100644
--- a/types/auth0/auth0-tests.ts
+++ b/types/auth0/auth0-tests.ts
@@ -203,3 +203,26 @@ management.linkUsers('primaryId', { user_id: 'secondaryId' })
 management.linkUsers('primaryId', { user_id: 'secondaryId' },
   (err: Error, result: any) => {});
 
+// Get all clients (with promise)
+management.getClients()
+  .then((clients: auth0.Client[]) => {
+    console.log(clients);
+  })
+  .catch((err) => {
+    // Handle the error
+  });
+
+//Get all clients (with callback)
+management.getClients((err: Error, clients: auth0.Client[]) => {});
+
+// Get all clients with params (with promise)
+management.getClients({fields:['name','client_metadata'], include_fields:true})
+  .then((clients: auth0.Client[]) => {
+    console.log(clients);
+  })
+  .catch((err) => {
+    // Handle the error
+  });
+
+// Get all cients with params (with callback)
+management.getClients({fields:['name','client_metadata'], include_fields:true}, (err:Error, clients:auth0.Client[]) => {});
diff --git a/types/auth0/index.d.ts b/types/auth0/index.d.ts
index e03ad5aa06..39d9d36fd7 100644
--- a/types/auth0/index.d.ts
+++ b/types/auth0/index.d.ts
@@ -1,11 +1,9 @@
 // Type definitions for auth0 2.9.2
 // Project: https://github.com/auth0/node-auth0
-// Definitions by: Wilson Hobbs <https://github.com/wbhob>, Seth Westphal <https://github.com/westy92>, Amiram Korach <https://github.com/amiram>
+// Definitions by: Seth Westphal <https://github.com/westy92>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-import * as Promise from 'bluebird';
-
 export interface ManagementClientOptions {
   token?: string;
   domain: string;
@@ -588,7 +586,19 @@ export interface ImpersonateSettingOptions {
   clientId?: string;
 }
 
-
+export type ClientAppType = 'native' | 'spa' | 'regular_web' | 'non_interactive' | 'rms' | 'box' |
+  'cloudbees' | 'concur' | 'dropbox' | 'mscrm' | 'echosign' | 'egnyte' | 'newrelic' | 'office365' |
+  'salesforce' | 'sentry' | 'sharepoint' | 'slack' | 'springcm' | 'zendesk' | 'zoom';
+export interface GetClientsOptions {
+    fields?: string[];
+    include_fields?: boolean;
+    page?: number;
+    per_page?: number;
+    include_totals?: boolean;
+    is_global?: boolean;
+    is_first_party?: boolean;
+    app_type?: ClientAppType[];
+}
 
 export class AuthenticationClient {
 
@@ -661,8 +671,9 @@ export class ManagementClient {
 
 
   // Clients
-  getClients(): Promise<Client[]>;
-  getClients(cb: (err: Error, clients: Client[]) => void): void;
+  getClients(params?: GetClientsOptions): Promise<Client[]>;
+  getClients(cb: (err: Error, clients: Client[]) => void ): void;
+  getClients(params: GetClientsOptions, cb: (err: Error, clients: Client[]) => void ): void;
 
   getClient(params: ClientParams): Promise<Client>;
   getClient(params: ClientParams, cb: (err: Error, client: Client) => void): void;
diff --git a/types/autobahn/index.d.ts b/types/autobahn/index.d.ts
index 59bb2c404d..c62f6115af 100644
--- a/types/autobahn/index.d.ts
+++ b/types/autobahn/index.d.ts
@@ -190,6 +190,8 @@ declare namespace autobahn {
     export class Connection {
         constructor(options?: IConnectionOptions);
 
+        isOpen: boolean;
+        
         open(): void;
 
         close(reason?: string, message?: string): void;
diff --git a/types/autoprefixer/autoprefixer-tests.ts b/types/autoprefixer/autoprefixer-tests.ts
index 47ef1cbc08..21940ac008 100644
--- a/types/autoprefixer/autoprefixer-tests.ts
+++ b/types/autoprefixer/autoprefixer-tests.ts
@@ -1,17 +1,17 @@
-import * as autopref from 'autoprefixer';
+import autoprefixer = require("autoprefixer");
+import { Transformer } from 'postcss';
 
-const ap: autopref.Transformer = autopref({
-	browsers: ['> 5%', 'last 2 versions'],
-	env: '',
-	cascade: true,
-	add: true,
-	remove: true,
-	supports: true,
-	flexbox: true,
-	grid: true,
-	stats: {},
+const ap1: Transformer = autoprefixer();
+
+const ap2: Transformer = autoprefixer({
+  browsers: [],
+  env: "test",
+  cascade: false,
+  add: false,
+  remove: false,
+  supports: false,
+  flexbox: false,
+  grid: false,
+  stats: {},
+  ignoreUnknownVersions: false,
 });
-const ap2: autopref.Transformer = autopref({
-	flexbox: 'no-2009',
-});
-const info: string = ap.info();
diff --git a/types/autoprefixer/index.d.ts b/types/autoprefixer/index.d.ts
index 1957632053..faf11371db 100644
--- a/types/autoprefixer/index.d.ts
+++ b/types/autoprefixer/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for autoprefixer 6.7
+// Type definitions for autoprefixer 9.1
 // Project: https://github.com/postcss/autoprefixer
-// Definitions by: Armando Meziat <https://github.com/odnamrataizem>
+// Definitions by:  Armando Meziat <https://github.com/odnamrataizem>, murt <https://github.com/murt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
-import { Plugin, Transformer as PostcssTransformer } from 'postcss';
+import { Plugin } from "postcss";
 
 declare namespace autoprefixer {
     interface Options {
@@ -16,15 +17,10 @@ declare namespace autoprefixer {
         flexbox?: boolean | 'no-2009';
         grid?: boolean;
         stats?: any;
+        ignoreUnknownVersions?: boolean;
     }
 
-    interface Transformer extends PostcssTransformer {
-        info(): string;
-    }
-
-    interface Autoprefixer extends Plugin<Options> {
-        (opts?: Options): Transformer;
-    }
+    type Autoprefixer = Plugin<Options>;
 }
 
 declare const autoprefixer: autoprefixer.Autoprefixer;
diff --git a/types/autoprefixer/package.json b/types/autoprefixer/package.json
index c4c2b4c357..1e1a719545 100644
--- a/types/autoprefixer/package.json
+++ b/types/autoprefixer/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "postcss": "^5.2.15"
+        "postcss": "7.x.x"
     }
 }
diff --git a/types/await-timeout/await-timeout-tests.ts b/types/await-timeout/await-timeout-tests.ts
new file mode 100644
index 0000000000..96dcdefdee
--- /dev/null
+++ b/types/await-timeout/await-timeout-tests.ts
@@ -0,0 +1,131 @@
+import Timeout from "await-timeout";
+
+/**
+ * This test is just a TS-friendly version of the await-timeout README:
+ * https://github.com/vitalets/await-timeout/blob/v0.3.0/README.md
+ *
+ * How to generate this file:
+ * 1. Paste the source code of README.md
+ * 2. Replace every code fence with async () => {}
+ * 3. Comment out all other lines
+ * 4. Add and remove import statements and repeated statements
+ * 5. Declare required globals
+ */
+
+// -- Globals --
+declare const fetch: (url: string) => Promise<any>;
+declare const console: any;
+declare const MyTimeoutError: any;
+
+// --- README ---
+
+// ## Usage
+// 1. Just wait some time:
+async () => {
+    // wait 1000 ms and resolve
+    await Timeout.set(1000);
+
+    // wait 1000 ms and reject with 'Error'
+    await Timeout.set(1000, 'Error');
+};
+
+// 2. Use `Timeout` instance inside `try...finally` block to make proper cleanup:
+async () => {
+    const timer = new Timeout();
+    try {
+        await Promise.race([
+            fetch('https://example.com'),
+            timer.set(1000)
+            .then(() => Promise.reject('Timeout'))
+        ]);
+    } finally {
+        timer.clear();
+    }
+};
+
+// ## API
+// ### new Timeout()
+// Constructs new timeout instance. It does not start timer but creates variable for timer manipulation.
+async () => {
+    const timer = new Timeout();
+};
+// > Note : having separate variable is useful for clearing timeout in `finally` block
+
+// ### .set(ms, [message]) ⇒ `Promise`
+// Starts new timer like `setTimeout()` and returns promise. The promise will be resolved after `ms` milliseconds:
+async () => {
+    const timer = new Timeout();
+    timer.set(1000)
+    .then(() => console.log('1000 ms passed.'));
+};
+
+// If you need to reject after timeout:
+async () => {
+    const timer = new Timeout();
+    timer.set(1000)
+    .then(() => {throw new Error('Timeout'); });
+};
+
+// Or reject with custom error:
+async () => {
+    const timer = new Timeout();
+    timer.set(1000)
+    .then(() => {throw new MyTimeoutError(); });
+};
+// The second parameter `message` is just convenient way to reject with `new Error(message)`:
+async () => {
+    const timer = new Timeout();
+    timer.set(1000, 'Timeout');
+    // is equivalent to
+    timer.set(1000).then(() => {throw new Error('Timeout'); });
+};
+
+// If you need to just wait some time - use static version of `.set()` :
+async () => {
+    Timeout.set(1000).then(/*...*/);
+};
+
+// ### .wrap(promise, ms, [message]) ⇒ `Promise`
+// Wraps existing promise with timeout:
+//  * promise automatically rejected after timeout
+//  * timeout automatically cleared if promise fulfills first
+async () => {
+    const promise = fetch('https://example.com');
+
+    const timeoutedPromise = Timeout.wrap(promise, 1000, 'Timeout');
+};
+// Actually it is a shortcut for        :
+async () => {
+    const promise = fetch('https://example.com');
+
+    const timer = new Timeout();
+    try {
+        const timeoutedPromise = await Promise.race([
+            promise,
+            timer.set(1000, 'Timeout')
+        ]);
+    } finally {
+        timer.clear();
+    }
+};
+
+// ### .clear()
+// Clears existing timeout like `clearTimeout()`.
+async () => {
+    const timer = new Timeout();
+    timer.set(1000)
+    .then(() => console.log('This will never be called, because timeout is cleared on the next line'));
+    timer.clear();
+};
+
+// With [ES7 async / await ] `.clear()` can be used in `finally` block:
+async () => {
+    async function foo() {
+        const timer = new Timeout();
+        try {
+            // some async stuff
+        } finally {
+            timer.clear();
+        }
+    }
+};
diff --git a/types/await-timeout/index.d.ts b/types/await-timeout/index.d.ts
new file mode 100644
index 0000000000..ce202c6024
--- /dev/null
+++ b/types/await-timeout/index.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for await-timeout 0.3
+// Project: https://github.com/vitalets/await-timeout
+// Definitions by: Sean Zhu <https://github.com/szhu>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export default Timeout;
+
+declare class Timeout {
+    static set(delay: number): Promise<undefined>;
+    static set(delay: number, message: string): Promise<never>;
+
+    static wrap(promise: Promise<any>, delay: number, error?: string): Promise<any>;
+
+    set(delay: number): Promise<undefined>;
+    set(delay: number, message: string): Promise<never>;
+    clear(): void;
+}
diff --git a/types/await-timeout/tsconfig.json b/types/await-timeout/tsconfig.json
new file mode 100644
index 0000000000..2ecb27e688
--- /dev/null
+++ b/types/await-timeout/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "await-timeout-tests.ts"
+    ]
+}
diff --git a/types/gitlab/tslint.json b/types/await-timeout/tslint.json
similarity index 100%
rename from types/gitlab/tslint.json
rename to types/await-timeout/tslint.json
diff --git a/types/aws-lambda/aws-lambda-tests.ts b/types/aws-lambda/aws-lambda-tests.ts
index 5fa225eafd..00b71132e9 100644
--- a/types/aws-lambda/aws-lambda-tests.ts
+++ b/types/aws-lambda/aws-lambda-tests.ts
@@ -8,6 +8,7 @@ declare let error: Error;
 declare let bool: boolean;
 declare let boolOrUndefined: boolean | undefined;
 declare let apiGwEvtReqCtx: AWSLambda.APIGatewayEventRequestContext;
+declare let apiGwEvtReqCtxOpt: AWSLambda.APIGatewayEventRequestContext | null | undefined;
 declare let apiGwEvt: AWSLambda.APIGatewayEvent;
 declare let customAuthorizerEvt: AWSLambda.CustomAuthorizerEvent;
 declare let clientCtx: AWSLambda.ClientContext;
@@ -102,11 +103,13 @@ str = apiGwEvtReqCtx.resourcePath;
 /* API Gateway Event */
 strOrNull = apiGwEvt.body;
 str = apiGwEvt.headers["example"];
+str = apiGwEvt.multiValueHeaders["example"][0];
 str = apiGwEvt.httpMethod;
 bool = apiGwEvt.isBase64Encoded;
 str = apiGwEvt.path;
 str = apiGwEvt.pathParameters!["example"];
 str = apiGwEvt.queryStringParameters!["example"];
+str = apiGwEvt.multiValueQueryStringParameters!["example"][0];
 str = apiGwEvt.stageVariables!["example"];
 apiGwEvtReqCtx = apiGwEvt.requestContext;
 str = apiGwEvt.resource;
@@ -115,10 +118,12 @@ str = apiGwEvt.resource;
 str = customAuthorizerEvt.type;
 str = customAuthorizerEvt.methodArn;
 strOrUndefined = customAuthorizerEvt.authorizationToken;
-str = apiGwEvt.pathParameters!["example"];
-str = apiGwEvt.queryStringParameters!["example"];
-str = apiGwEvt.stageVariables!["example"];
-apiGwEvtReqCtx = apiGwEvt.requestContext;
+str = customAuthorizerEvt.headers!["example"];
+str = customAuthorizerEvt.multiValueHeaders!["example"][0];
+str = customAuthorizerEvt.pathParameters!["example"];
+str = customAuthorizerEvt.queryStringParameters!["example"];
+str = customAuthorizerEvt.multiValueQueryStringParameters!["example"][0];
+apiGwEvtReqCtxOpt = customAuthorizerEvt.requestContext;
 
 /* DynamoDB Stream Event */
 const dynamoDBStreamEvent: AWSLambda.DynamoDBStreamEvent = {
@@ -245,6 +250,9 @@ num = proxyResult.statusCode;
 proxyResult.headers!["example"] = str;
 proxyResult.headers!["example"] = bool;
 proxyResult.headers!["example"] = num;
+proxyResult.multiValueHeaders!["example"][0] = str;
+proxyResult.multiValueHeaders!["example"][0] = bool;
+proxyResult.multiValueHeaders!["example"][0] = num;
 boolOrUndefined = proxyResult.isBase64Encoded;
 str = proxyResult.body;
 
@@ -383,6 +391,8 @@ cognitoUserPoolEvent.triggerSource === "TokenGeneration_Authentication";
 cognitoUserPoolEvent.triggerSource === "TokenGeneration_NewPasswordChallenge";
 cognitoUserPoolEvent.triggerSource === "TokenGeneration_AuthenticateDevice";
 cognitoUserPoolEvent.triggerSource === "TokenGeneration_RefreshTokens";
+cognitoUserPoolEvent.triggerSource === "UserMigration_Authentication";
+cognitoUserPoolEvent.triggerSource === "UserMigration_ForgotPassword";
 str = cognitoUserPoolEvent.region;
 str = cognitoUserPoolEvent.userPoolId;
 strOrUndefined = cognitoUserPoolEvent.userName;
@@ -404,6 +414,7 @@ strOrUndefined = cognitoUserPoolEvent.request.session![0].challengeMetadata;
 strOrUndefined = cognitoUserPoolEvent.request.challengeName;
 str = cognitoUserPoolEvent.request.privateChallengeParameters!["answer"];
 str = cognitoUserPoolEvent.request.challengeAnswer!;
+strOrUndefined = cognitoUserPoolEvent.request.password;
 boolOrUndefined = cognitoUserPoolEvent.response.answerCorrect;
 strOrUndefined = cognitoUserPoolEvent.response.smsMessage;
 strOrUndefined = cognitoUserPoolEvent.response.emailMessage;
@@ -415,6 +426,14 @@ str = cognitoUserPoolEvent.response.publicChallengeParameters!["captchaUrl"];
 str = cognitoUserPoolEvent.response.privateChallengeParameters!["answer"];
 strOrUndefined = cognitoUserPoolEvent.response.challengeMetadata;
 boolOrUndefined = cognitoUserPoolEvent.response.answerCorrect;
+str = cognitoUserPoolEvent.response.userAttributes!["username"];
+cognitoUserPoolEvent.response.finalUserStatus === "CONFIRMED";
+cognitoUserPoolEvent.response.finalUserStatus === "RESET_REQUIRED";
+cognitoUserPoolEvent.response.messageAction === "SUPPRESS";
+cognitoUserPoolEvent.response.desiredDeliveryMediums === ["EMAIL"];
+cognitoUserPoolEvent.response.desiredDeliveryMediums === ["SMS"];
+cognitoUserPoolEvent.response.desiredDeliveryMediums === ["SMS", "EMAIL"];
+boolOrUndefined = cognitoUserPoolEvent.response.forceAliasCreation;
 
 // CloudFormation Custom Resource
 switch (cloudformationCustomResourceEvent.RequestType) {
diff --git a/types/aws-lambda/index.d.ts b/types/aws-lambda/index.d.ts
index cce721e68c..d9d22f8c65 100644
--- a/types/aws-lambda/index.d.ts
+++ b/types/aws-lambda/index.d.ts
@@ -22,6 +22,8 @@
 //                 Louis Larry <https://github.com/louislarry>
 //                 Daniel Papukchiev <https://github.com/dpapukchiev>
 //                 Oliver Hookins <https://github.com/ohookins>
+//                 Trevor Leach <https://github.com/trevor-leach>
+//                 James Gregory <https://github.com/jagregory>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -58,11 +60,13 @@ export interface APIGatewayEventRequestContext {
 export interface APIGatewayProxyEvent {
     body: string | null;
     headers: { [name: string]: string };
+    multiValueHeaders: { [name: string]: string[] };
     httpMethod: string;
     isBase64Encoded: boolean;
     path: string;
     pathParameters: { [name: string]: string } | null;
     queryStringParameters: { [name: string]: string } | null;
+    multiValueQueryStringParameters: { [name: string]: string[] } | null;
     stageVariables: { [name: string]: string } | null;
     requestContext: APIGatewayEventRequestContext;
     resource: string;
@@ -75,8 +79,10 @@ export interface CustomAuthorizerEvent {
     methodArn: string;
     authorizationToken?: string;
     headers?: { [name: string]: string };
+    multiValueHeaders?: { [name: string]: string[] };
     pathParameters?: { [name: string]: string } | null;
     queryStringParameters?: { [name: string]: string } | null;
+    multiValueQueryStringParameters?: { [name: string]: string[] } | null;
     requestContext?: APIGatewayEventRequestContext;
 }
 
@@ -234,7 +240,9 @@ export interface CognitoUserPoolTriggerEvent {
     | "TokenGeneration_Authentication"
     | "TokenGeneration_NewPasswordChallenge"
     | "TokenGeneration_AuthenticateDevice"
-    | "TokenGeneration_RefreshTokens";
+    | "TokenGeneration_RefreshTokens"
+    | "UserMigration_Authentication"
+    | "UserMigration_ForgotPassword";
     region: string;
     userPoolId: string;
     userName?: string;
@@ -256,6 +264,7 @@ export interface CognitoUserPoolTriggerEvent {
         challengeName?: string;
         privateChallengeParameters?: { [key: string]: string };
         challengeAnswer?: string;
+        password?: string;
     };
     response: {
         autoConfirmUser?: boolean;
@@ -269,6 +278,11 @@ export interface CognitoUserPoolTriggerEvent {
         privateChallengeParameters?: { [key: string]: string };
         challengeMetadata?: string;
         answerCorrect?: boolean;
+        userAttributes?: { [key: string]: string };
+        finalUserStatus?: "CONFIRMED" | "RESET_REQUIRED";
+        messageAction?: "SUPPRESS";
+        desiredDeliveryMediums?: Array<"EMAIL" | "SMS">;
+        forceAliasCreation?: boolean;
     };
 }
 export type CognitoUserPoolEvent = CognitoUserPoolTriggerEvent;
@@ -433,6 +447,9 @@ export interface APIGatewayProxyResult {
     headers?: {
         [header: string]: boolean | number | string;
     };
+    multiValueHeaders?: {
+        [header: string]: Array<boolean | number | string>;
+    };
     body: string;
     isBase64Encoded?: boolean;
 }
diff --git a/types/axe-webdriverjs/tsconfig.json b/types/axe-webdriverjs/tsconfig.json
index d8637d03e4..4eaf433c1c 100644
--- a/types/axe-webdriverjs/tsconfig.json
+++ b/types/axe-webdriverjs/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/axios-token-interceptor/index.d.ts b/types/axios-token-interceptor/index.d.ts
index 85121f8165..a09fb7591b 100644
--- a/types/axios-token-interceptor/index.d.ts
+++ b/types/axios-token-interceptor/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/sandrinodimattia/axios-token-interceptor#readme
 // Definitions by: Mike Dodge <https://github.com/innovation-team>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import { AxiosRequestConfig } from 'axios';
 
diff --git a/types/azure-sb/index.d.ts b/types/azure-sb/index.d.ts
index 9f9d07d3dc..bd62e100ab 100644
--- a/types/azure-sb/index.d.ts
+++ b/types/azure-sb/index.d.ts
@@ -75,7 +75,7 @@ export namespace Azure.ServiceBus {
         DefaultMessageTimeToLive: string;
         DuplicateDetectionHistoryTimeWindow: string;
         EnablePartitioning: boolean;
-        MaxSizeInMegaBytes: number;
+        MaxSizeInMegabytes: number;
         RequiresDuplicateDetection: boolean;
     }
 
diff --git a/types/azure/index.d.ts b/types/azure/index.d.ts
index 8e7a321713..d35729d385 100644
--- a/types/azure/index.d.ts
+++ b/types/azure/index.d.ts
@@ -159,13 +159,13 @@ export declare class BlobService extends StorageServiceClient {
     //#region Service Methods
 
     /**
-    * Gets the properties of a storage account�s Blob service, including Azure Storage Analytics.
+    * Gets the properties of a storage account's Blob service, including Azure Storage Analytics.
     */
     getServiceProperties(callback: StorageServicePropertiesCallback): void;
     getServiceProperties(options: TimeoutIntervalOptions, callback: StorageServicePropertiesCallback): void;
 
     /**
-    * Sets the properties of a storage account�s Blob service, including Azure Storage Analytics.
+    * Sets the properties of a storage account's Blob service, including Azure Storage Analytics.
     * You can also use this operation to set the default request version for all incoming requests that do not have a version specified.
     */
     setServiceProperties(serviceProperties: StorageServiceProperties, callback: StorageCallbackVoid): void;
@@ -256,7 +256,7 @@ export declare class BlobService extends StorageServiceClient {
     setBlobProperties(container: string, blob: string, options: SetBlobPropertiesOptions, callback: StorageCallback<BlobResult>): void;
 
     /**
-     * Sets user-defined metadata for the specified blob or snapshot as one or more name-value pairs 
+     * Sets user-defined metadata for the specified blob or snapshot as one or more name-value pairs
      * It does not return or modify the content of the blob.
      */
     setBlobMetadata(container: string, blob: string, metadata: StorageMetadata, callback: StorageCallback<BlobResult>): void;
@@ -288,9 +288,9 @@ export declare class BlobService extends StorageServiceClient {
 
     /**
      * Marks the specified blob or snapshot for deletion. The blob is later deleted during garbage collection.
-     * If a blob has snapshots, you must delete them when deleting the blob. Using the deleteSnapshots option, you can choose either to delete both the blob and its snapshots, 
+     * If a blob has snapshots, you must delete them when deleting the blob. Using the deleteSnapshots option, you can choose either to delete both the blob and its snapshots,
      * or to delete only the snapshots but not the blob itself. If the blob has snapshots, you must include the deleteSnapshots option or the blob service will return an error
-     * and nothing will be deleted. 
+     * and nothing will be deleted.
      * If you are deleting a specific snapshot using the snapshotId option, the deleteSnapshots option must NOT be included.
      */
     deleteBlob(container: string, blob: string, callback: StorageCallback<boolean>): void;
@@ -445,8 +445,8 @@ export declare class BlobService extends StorageServiceClient {
     //#region Lease Methods
 
     /**
-     * Acquires a new lease. 
-     * If container and blob are specified, acquires a blob lease. 
+     * Acquires a new lease.
+     * If container and blob are specified, acquires a blob lease.
      * Otherwise, if only container is specified and blob is null, acquires a container lease.
      */
     acquireLease(container: string, blob: string, callback: StorageCallback<LeaseResult>): void;
@@ -521,13 +521,13 @@ export declare class QueueService extends StorageServiceClient {
     //#region Service Methods
 
     /**
-    * Gets the properties of a storage account�s Blob service, including Azure Storage Analytics.
+    * Gets the properties of a storage account's Blob service, including Azure Storage Analytics.
     */
     getServiceProperties(callback: StorageServicePropertiesCallback): void;
     getServiceProperties(options: TimeoutIntervalOptions, callback: StorageServicePropertiesCallback): void;
 
     /**
-    * Sets the properties of a storage account�s Blob service, including Azure Storage Analytics.
+    * Sets the properties of a storage account's Blob service, including Azure Storage Analytics.
     * You can also use this operation to set the default request version for all incoming requests that do not have a version specified.
     */
     setServiceProperties(serviceProperties: StorageServiceProperties, callback: StorageCallbackVoid): void;
@@ -684,7 +684,7 @@ interface RoleEnvironmentInterface extends events.EventEmitter {
 
     /**
      * Indicates whether the role instance is running in the Microsoft Azure
-     * environment.  It is good practice to enclose any code that uses 
+     * environment.  It is good practice to enclose any code that uses
      * service runtime in the isAvailable callback.
      */
     isAvailable(callback: SimpleCallback<boolean>): void;
@@ -702,7 +702,7 @@ interface RoleEnvironmentInterface extends events.EventEmitter {
 
     /**
      * Retrieves the settings in the service configuration file.
-     * 
+     *
      * A role's configuration settings are defined in the service definition file.
      * Values for configuration settings are set in the service configuration file.
      * For more information on configuration settings, see the [Service Definition Schema](http://msdn.microsoft.com/en-us/library/windowsazure/ee758711.aspx)
@@ -719,10 +719,10 @@ interface RoleEnvironmentInterface extends events.EventEmitter {
 
     /**
      * Requests that the current role instance be stopped and restarted.
-     * 
+     *
      * Before the role instance is recycled, the Microsoft Azure load balancer takes the role instance out of rotation.
      * This ensures that no new requests are routed to the instance while it is restarting.
-     * 
+     *
      * A call to `RequestRecycle` initiates the normal shutdown cycle. Microsoft Azure raises the
      * `Stopping` event and calls the `OnStop` method so that you can run the necessary code to
      * prepare the instance to be recycled.
@@ -731,7 +731,7 @@ interface RoleEnvironmentInterface extends events.EventEmitter {
 
     /**
      * Sets the status of the role instance.
-     * 
+     *
      * An instance may indicate that it is in one of two states: Ready or Busy. If an instance's state is Ready, it is
      * prepared to receive requests from the load balancer. If the instance's state is Busy, it will not receive
      * requests from the load balancer.
diff --git a/types/babel__core/index.d.ts b/types/babel__core/index.d.ts
index 277228341b..85a89392af 100644
--- a/types/babel__core/index.d.ts
+++ b/types/babel__core/index.d.ts
@@ -4,16 +4,16 @@
 //                 Marvin Hagemeister <https://github.com/marvinhagemeister>
 //                 Melvin Groenhoff <https://github.com/mgroenhoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 import { GeneratorOptions } from "@babel/generator";
 import traverse, { Visitor, NodePath } from "@babel/traverse";
 import template from "@babel/template";
 import * as t from "@babel/types";
-import { ParseOptions } from "@babel/parser";
+import { ParserOptions } from "@babel/parser";
 
 export {
-    ParseOptions,
+    ParserOptions,
     GeneratorOptions,
     t as types,
     template,
@@ -217,7 +217,7 @@ export interface TransformOptions {
      *
      * Default: `{}`
      */
-    parserOpts?: ParseOptions | null;
+    parserOpts?: ParserOptions | null;
 
     /**
      * List of plugins to load and use
diff --git a/types/babel__core/package.json b/types/babel__core/package.json
index c2ca8a8f9b..582285d229 100644
--- a/types/babel__core/package.json
+++ b/types/babel__core/package.json
@@ -1,6 +1,7 @@
 {
     "private": true,
     "dependencies": {
-        "@babel/types": "^7.0.0-beta.54"
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
     }
 }
diff --git a/types/babel__core/tsconfig.json b/types/babel__core/tsconfig.json
index 2f96e019cb..22eb208383 100644
--- a/types/babel__core/tsconfig.json
+++ b/types/babel__core/tsconfig.json
@@ -22,9 +22,6 @@
             "@babel/generator": [
                 "babel__generator"
             ],
-            "@babel/parser": [
-                "babel__parser"
-            ],
             "@babel/template": [
                 "babel__template"
             ],
diff --git a/types/babel__generator/babel__generator-tests.ts b/types/babel__generator/babel__generator-tests.ts
index 90a668ad55..728638c868 100644
--- a/types/babel__generator/babel__generator-tests.ts
+++ b/types/babel__generator/babel__generator-tests.ts
@@ -1,9 +1,9 @@
 // Example from https://github.com/babel/babel/tree/master/packages/babel-generator
 import generate from "@babel/generator";
-import { parse } from "@babel/parser";
+import * as t from "@babel/types";
 
 const code = "class Example {}";
-const ast = parse(code);
+declare const ast: t.Node;
 
 ast.type;
 ast.loc!.start;
diff --git a/types/babel__generator/index.d.ts b/types/babel__generator/index.d.ts
index 03fcf2765a..9b6a9fbc1c 100644
--- a/types/babel__generator/index.d.ts
+++ b/types/babel__generator/index.d.ts
@@ -4,7 +4,7 @@
 //                 Johnny Estilles <https://github.com/johnnyestilles>
 //                 Melvin Groenhoff <https://github.com/mgroenhoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 import * as t from "@babel/types";
 
diff --git a/types/babel__generator/package.json b/types/babel__generator/package.json
index c2ca8a8f9b..2442a952db 100644
--- a/types/babel__generator/package.json
+++ b/types/babel__generator/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "@babel/types": "^7.0.0-beta.54"
+        "@babel/types": "^7.0.0"
     }
 }
diff --git a/types/babel__generator/tsconfig.json b/types/babel__generator/tsconfig.json
index be65e3da1f..01acda5d38 100644
--- a/types/babel__generator/tsconfig.json
+++ b/types/babel__generator/tsconfig.json
@@ -18,9 +18,6 @@
         "paths": {
             "@babel/generator": [
                 "babel__generator"
-            ],
-            "@babel/parser": [
-                "babel__parser"
             ]
         }
     },
diff --git a/types/babel__parser/babel__parser-tests.ts b/types/babel__parser/babel__parser-tests.ts
deleted file mode 100644
index 1c9873e5e8..0000000000
--- a/types/babel__parser/babel__parser-tests.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { parse, parseExpression } from "@babel/parser";
-
-declare function assert(expr: boolean): void;
-
-const code = `function square(n) {
-  return n * n;
-}`;
-
-const node = parse(code);
-assert(node.type === "File");
-assert(node.start === 0);
-assert(node.end === 38);
-assert(!!node.loc && node.loc.start > node.loc.end);
-
-parse(code, {
-  sourceType: "module", // default: "script"
-  plugins: ["jsx"] // default: []
-});
diff --git a/types/babel__parser/index.d.ts b/types/babel__parser/index.d.ts
deleted file mode 100644
index bf383ffa0c..0000000000
--- a/types/babel__parser/index.d.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-// Type definitions for @babel/parser 7.0
-// Project: https://github.com/babel/babel/tree/master/packages/babel-parser
-// Definitions by: Troy Gerwien <https://github.com/yortus>
-//                 Marvin Hagemeister <https://github.com/marvinhagemeister>
-//                 Melvin Groenhoff <https://github.com/mgroenhoff>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
-
-import { File, Expression } from "@babel/types";
-
-export function parse(code: string, opts?: ParseOptions): File;
-
-export function parseExpression(input: string, options?: ParseOptions): Expression;
-
-export interface ParseOptions {
-    /**
-     * By default, import and export declarations can only appear at a program's top level.
-     * Setting this option to true allows them anywhere where a statement is allowed.
-     */
-    allowImportExportEverywhere?: boolean;
-
-    /**
-     * By default, await use is not allowed outside of an async function. Set this to true to accept such code.
-     */
-    allowAwaitOutsideFunction?: boolean;
-
-    /**
-     * By default, a return statement at the top level raises an error. Set this to true to accept such code.
-     */
-    allowReturnOutsideFunction?: boolean;
-
-    allowSuperOutsideMethod?: boolean;
-
-    /**
-     * Indicate the mode the code should be parsed in. Can be one of "script", "module", or "unambiguous".
-     * Defaults to "script". "unambiguous" will make @babel/parser attempt to guess, based on the presence of ES6 import or export
-     * statements. Files with ES6 imports and exports are considered "module" and are otherwise "script".
-     */
-    sourceType?: "script" | "module" | "unambiguous";
-
-    /**
-     * Correlate output AST nodes with their source filename. Useful when
-     * generating code and source maps from the ASTs of multiple input files.
-     */
-    sourceFilename?: string;
-
-    /**
-     * By default, the first line of code parsed is treated as line 1. You can provide a line number to alternatively start with. Useful
-     * for integration with other source tools.
-     */
-    startLine?: number;
-
-    /**
-     * Array containing the plugins that you want to enable.
-     */
-    plugins?: PluginList;
-
-    strictMode?: boolean;
-
-    /**
-     * Adds a `ranges` property to each node: `[node.start, node.end]`
-     */
-    ranges?: boolean;
-
-    /**
-     * Adds all parsed tokens to a `tokens` property on the `File` node
-     */
-    tokens?: boolean;
-}
-
-export type PluginList = Array<PluginName | [PluginName, PluginOptions]>;
-
-export type PluginName =
-    "asyncGenerators" |
-    "bigInt" |
-    "classPrivateMethods" |
-    "classPrivateProperties" |
-    "classProperties" |
-    "decorators" |
-    "doExpressions" |
-    "dynamicImport" |
-    "estree" |
-    "exportDefaultFrom" |
-    "exportNamespaceFrom" |
-    "flow" |
-    "flowComments" |
-    "functionBind" |
-    "functionSent" |
-    "importMeta" |
-    "jsx" |
-    "nullishCoalescingOperator" |
-    "numericSeparator" |
-    "objectRestSpread" |
-    "optionalCatchBinding" |
-    "optionalChaining" |
-    "pipelineOperator" |
-    "throwExpressions" |
-    "typescript";
-
-export interface PluginOptions {
-    decorators?: {
-        decoratorsBeforeExport?: boolean;
-    };
-    flow?: {
-        all?: boolean;
-    };
-}
diff --git a/types/babel__template/index.d.ts b/types/babel__template/index.d.ts
index 5f3bc18bc3..8750e52d8e 100644
--- a/types/babel__template/index.d.ts
+++ b/types/babel__template/index.d.ts
@@ -4,12 +4,12 @@
 //                 Marvin Hagemeister <https://github.com/marvinhagemeister>
 //                 Melvin Groenhoff <https://github.com/mgroenhoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
-import { ParseOptions } from "@babel/parser";
+import { ParserOptions } from "@babel/parser";
 import { Expression, File, Program, Statement } from "@babel/types";
 
-export interface TemplateBuilderOptions extends ParseOptions {
+export interface TemplateBuilderOptions extends ParserOptions {
     /**
      * A set of placeholder names to automatically accept. Items in this list do not need to match the given placeholder pattern.
      */
diff --git a/types/babel__template/package.json b/types/babel__template/package.json
index c2ca8a8f9b..582285d229 100644
--- a/types/babel__template/package.json
+++ b/types/babel__template/package.json
@@ -1,6 +1,7 @@
 {
     "private": true,
     "dependencies": {
-        "@babel/types": "^7.0.0-beta.54"
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
     }
 }
diff --git a/types/babel__template/tsconfig.json b/types/babel__template/tsconfig.json
index 386236c02f..50fce77ad8 100644
--- a/types/babel__template/tsconfig.json
+++ b/types/babel__template/tsconfig.json
@@ -20,9 +20,6 @@
             "@babel/generator": [
                 "babel__generator"
             ],
-            "@babel/parser": [
-                "babel__parser"
-            ],
             "@babel/template": [
                 "babel__template"
             ]
diff --git a/types/babel__traverse/babel__traverse-tests.ts b/types/babel__traverse/babel__traverse-tests.ts
index 2fc7b07a8a..5b4fbbef5f 100644
--- a/types/babel__traverse/babel__traverse-tests.ts
+++ b/types/babel__traverse/babel__traverse-tests.ts
@@ -1,4 +1,3 @@
-import { parse } from "@babel/parser";
 import traverse, { Visitor } from "@babel/traverse";
 import * as t from "@babel/types";
 
@@ -21,11 +20,7 @@ const MyVisitor2: Visitor = {
 };
 
 // Example from https://github.com/thejameskyle/babel-handbook/blob/master/translations/en/plugin-handbook.md#babel-traverse
-const code = `function square(n) {
-    return n * n;
-}`;
-
-const ast = parse(code);
+declare const ast: t.Node;
 
 traverse(ast, {
     enter(path) {
diff --git a/types/babel__traverse/index.d.ts b/types/babel__traverse/index.d.ts
index 475ca9fb14..465a60464f 100644
--- a/types/babel__traverse/index.d.ts
+++ b/types/babel__traverse/index.d.ts
@@ -5,7 +5,7 @@
 //                 Ryan Petrich <https://github.com/rpetrich>
 //                 Melvin Groenhoff <https://github.com/mgroenhoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 import * as t from "@babel/types";
 
diff --git a/types/babel__traverse/package.json b/types/babel__traverse/package.json
index c2ca8a8f9b..2442a952db 100644
--- a/types/babel__traverse/package.json
+++ b/types/babel__traverse/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "@babel/types": "^7.0.0-beta.54"
+        "@babel/types": "^7.0.0"
     }
 }
diff --git a/types/babel__traverse/tsconfig.json b/types/babel__traverse/tsconfig.json
index 898675d222..b6c30190af 100644
--- a/types/babel__traverse/tsconfig.json
+++ b/types/babel__traverse/tsconfig.json
@@ -17,9 +17,6 @@
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
         "paths": {
-            "@babel/parser": [
-                "babel__parser"
-            ],
             "@babel/traverse": [
                 "babel__traverse"
             ]
diff --git a/types/babylon/index.d.ts b/types/babylon/index.d.ts
index 07eb74bb32..b179f6f357 100644
--- a/types/babylon/index.d.ts
+++ b/types/babylon/index.d.ts
@@ -46,6 +46,7 @@ export type PluginName =
     'estree' |
     'jsx' |
     'flow' |
+    'typescript' |
     'classConstructorCall' |
     'doExpressions' |
     'objectRestSpread' |
diff --git a/types/backbone-fetch-cache/backbone-fetch-cache-tests.ts b/types/backbone-fetch-cache/backbone-fetch-cache-tests.ts
index 072e3c29ce..6c2d852961 100644
--- a/types/backbone-fetch-cache/backbone-fetch-cache-tests.ts
+++ b/types/backbone-fetch-cache/backbone-fetch-cache-tests.ts
@@ -64,7 +64,7 @@ const modelOpts: Backbone.ModelFetchWithCacheOptions = {
     context: {},
 };
 
-const hoge = <Backbone.ModelWithCache> new Backbone.Model;
+const hoge = new Backbone.Model() as Backbone.ModelWithCache;
 hoge.fetch(modelOpts);
 
 const collectionOpts: Backbone.CollectionFetchWithCacheOptions = {
@@ -76,5 +76,5 @@ const collectionOpts: Backbone.CollectionFetchWithCacheOptions = {
     prefillSuccess: (self: any) => { },
 };
 
-const fuga = <Backbone.CollectionWithCache> new Backbone.Collection;
+const fuga = new Backbone.Collection() as Backbone.CollectionWithCache;
 fuga.fetch(collectionOpts);
diff --git a/types/backbone-relational/index.d.ts b/types/backbone-relational/index.d.ts
index a1c8c3eefb..403759ac97 100644
--- a/types/backbone-relational/index.d.ts
+++ b/types/backbone-relational/index.d.ts
@@ -122,7 +122,19 @@ declare module 'backbone' {
 
     }
 
-    export class Store extends Events {
+    export class Store implements Events {
+        on(eventName: string, callback?: (...args: any[]) => void, context?: any): any;
+        on(eventMap: EventsHash): any;
+        on(eventName: any, callback?: any, context?: any): any;
+        off(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+        trigger(eventName: string, ...args: any[]): any;
+        bind(eventName: string, callback: (...args: any[]) => void, context?: any): any;
+        unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+        once(events: string, callback: (...args: any[]) => void, context?: any): any;
+        listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+        listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+        stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
+
         initializeRelation(model, relation, options);
 
         addModelScope(scope:any):void;
diff --git a/types/backbone.layoutmanager/tslint.json b/types/backbone.layoutmanager/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/backbone.layoutmanager/tslint.json
+++ b/types/backbone.layoutmanager/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/backbone.marionette/index.d.ts b/types/backbone.marionette/index.d.ts
index bacd045ba1..4edaba87b7 100644
--- a/types/backbone.marionette/index.d.ts
+++ b/types/backbone.marionette/index.d.ts
@@ -4,13 +4,15 @@
 //                 Natan Vivo <https://github.com/nvivo>,
 //                 Sven Tschui <https://github.com/sventschui>,
 //                 Volker Nauruhn <https://github.com/razorness>,
-//                 Ard Timmerman <https://github.com/confususs>
+//                 Ard Timmerman <https://github.com/confususs>,
+//                 J. Joe Koullas <https://github.com/jjoekoullas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
 import * as Backbone from 'backbone';
 import * as JQuery from 'jquery';
 import * as Radio from 'backbone.radio';
+import * as _ from 'underscore';
 
 export as namespace Marionette;
 
@@ -179,6 +181,131 @@ export class Container<TView> {
      * Find a view by it's cid.
      */
     remove(view: TView): void;
+
+    /**
+     * @see _.forEach
+     */
+    forEach(iterator: _.ListIterator<TView, void>, context?: any): Container<TView>;
+
+    /**
+     * @see _.each
+     */
+    each(iterator: _.ListIterator<TView, void>, context?: any): Container<TView>;
+
+    /**
+     * @see _.map
+     */
+    map<TResult>(iterator: _.ListIterator<TView, TResult>, context?: any): TResult[];
+
+    /**
+     * @see _.find
+     */
+    find(iterator: _.ListIterator<TView, boolean>, context?: any): Container<TView> | undefined;
+
+    /**
+     * @see _.detect
+     */
+    detect(iterator: _.ListIterator<TView, boolean>, context?: any): Container<TView> | undefined;
+
+    /**
+     * @see _.filter
+     */
+    filter(iterator: _.ListIterator<TView, boolean>, context?: any): TView[];
+
+    /**
+     * @see _.select
+     */
+    select(iterator: _.ListIterator<TView, boolean>, context?: any): TView[];
+
+    /**
+     * @see _.reject
+     */
+    reject(iterator: _.ListIterator<TView, boolean>, context?: any): TView[];
+
+    /**
+     * @see _.every
+     */
+    every(iterator: _.ListIterator<TView, boolean>, context?: any): boolean;
+
+    /**
+     * @see _.all
+     */
+    all(iterator: _.ListIterator<TView, boolean>, context?: any): boolean;
+
+    /**
+     * @see _.some
+     */
+    some(iterator: _.ListIterator<TView, boolean>, context?: any): boolean;
+
+    /**
+     * @see _.any
+     */
+    any(iterator: _.ListIterator<TView, boolean>, context?: any): boolean;
+
+    /**
+     * @see _.include
+     */
+    include(value: TView, fromIndex?: number): boolean;
+
+    /**
+     * @see _.contains
+     */
+    contains(value: TView, fromIndex?: number): boolean;
+
+    /**
+     * @see _.invoke
+     */
+    invoke(methodName: string, ...args: any[]): any;
+
+    /**
+     * @see _.toArray
+     */
+    toArray(): TView[];
+
+    /**
+     * @see _.first
+     */
+    first(): TView | undefined;
+
+    /**
+     * @see _.initial
+     */
+    initial(n?: number): TView[];
+
+    /**
+     * @see _.rest
+     */
+    rest(n?: number): TView[];
+
+    /**
+     * @see _.last
+     */
+    last(n: number): TView[];
+
+    /**
+     * @see _.without
+     */
+    without(...values: TView[]): TView[];
+
+    /**
+     * @see _.isEmpty
+     */
+    isEmpty(): boolean;
+
+    /**
+     * @see _.pluck
+     */
+    pluck(propertyName: string): any[];
+
+    /**
+     * @see _.reduce
+     */
+    reduce<TResult>(iterator: _.MemoIterator<TView, TResult>, memo?: TResult, context?: any): TResult;
+
+    /**
+     * @see _.partition
+     */
+    partition(iterator: _.ListIterator<TView, boolean>, context?: any): TView[][];
 }
 
 /**
@@ -280,9 +407,21 @@ export interface ObjectOptions extends RadioMixinOptions {
  * A base class which other classes can extend from. Object incorporates many
  * backbone conventions and utilities like initialize and Backbone.Events.
  */
-export class Object extends Backbone.Events implements CommonMixin, RadioMixin {
+export class Object implements CommonMixin, RadioMixin, Backbone.Events {
     constructor(options?: ObjectOptions);
 
+    on(eventName: string, callback?: (...args: any[]) => void, context?: any): any;
+    on(eventMap: EventsHash): any;
+    on(eventName: any, callback?: any, context?: any): any;
+    off(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+    trigger(eventName: string, ...args: any[]): any;
+    bind(eventName: string, callback: (...args: any[]) => void, context?: any): any;
+    unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+    once(events: string, callback: (...args: any[]) => void, context?: any): any;
+    listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+    listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+    stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
+
     /**
      * Receives a hash of event names and functions and/or function names,
      * and returns the same hash with the function names replaced with the
@@ -1154,7 +1293,7 @@ export class View<TModel extends Backbone.Model> extends Backbone.View<TModel> i
 export interface CollectionViewOptions<
     TModel extends Backbone.Model,
     TCollection extends Backbone.Collection<TModel> = Backbone.Collection<TModel>
-> extends Backbone.ViewOptions<TModel>, ViewMixinOptions {
+    > extends Backbone.ViewOptions<TModel>, ViewMixinOptions {
     /**
      * Specify a child view to use.
      */
diff --git a/types/backbone.paginator/backbone.paginator-tests.ts b/types/backbone.paginator/backbone.paginator-tests.ts
index f24e2855f5..0c1b0cf9a8 100644
--- a/types/backbone.paginator/backbone.paginator-tests.ts
+++ b/types/backbone.paginator/backbone.paginator-tests.ts
@@ -70,8 +70,8 @@ namespace InitializingWithOptions {
   });
 
   var testCollection6 = new TestCollection([
-    <TestModel>{},
-    <TestModel>{},
+    {} as TestModel,
+    {} as TestModel,
   ]);
 }
 
diff --git a/types/backbone.radio/index.d.ts b/types/backbone.radio/index.d.ts
index 12fc6d384f..ac953aa00b 100644
--- a/types/backbone.radio/index.d.ts
+++ b/types/backbone.radio/index.d.ts
@@ -71,7 +71,18 @@ declare module "backbone" {
             stopReplying(commandName?: string, callback?: (...args: any[]) => any, context?: any): Requests;
         }
 
-        class Channel extends Backbone.Events implements Commands, Requests {
+        class Channel implements Commands, Requests, Backbone.Events {
+            on(eventName: string, callback?: (...args: any[]) => void, context?: any): any;
+            on(eventMap: EventsHash): any;
+            on(eventName: any, callback?: any, context?: any): any;
+            off(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+            trigger(eventName: string, ...args: any[]): any;
+            bind(eventName: string, callback: (...args: any[]) => void, context?: any): any;
+            unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+            once(events: string, callback: (...args: any[]) => void, context?: any): any;
+            listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+            listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+            stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
             channelName: string;
             reset(): Channel;
 
diff --git a/types/backbone/backbone-tests.ts b/types/backbone/backbone-tests.ts
index 65a1463978..563c21634c 100644
--- a/types/backbone/backbone-tests.ts
+++ b/types/backbone/backbone-tests.ts
@@ -1,6 +1,6 @@
 function test_events() {
 
-    var object = new Backbone.Events();
+    var object = Backbone.Events;
     object.on("alert", (eventName: string) => alert("Triggered " + eventName));
 
     object.trigger("alert", "an event");
diff --git a/types/backbone/index.d.ts b/types/backbone/index.d.ts
index 81bce43606..ca36541735 100644
--- a/types/backbone/index.d.ts
+++ b/types/backbone/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Boris Yankov <https://github.com/borisyankov>
 //                 Natan Vivo <https://github.com/nvivo>
 //                 kenjiru <https://github.com/kenjiru>
+//                 jjoekoullas <https://github.com/jjoekoullas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -94,21 +95,34 @@ declare namespace Backbone {
         [selector: string]: string | {(eventObject: JQueryEventObject): void};
     }
 
-    class Events {
-        on(eventName: string, callback?: Function, context?: any): any;
+    export const Events: Events;
+    interface Events {
+        on(eventName: string, callback?: (...args: any[]) => void, context?: any): any;
         on(eventMap: EventsHash): any;
-        off(eventName?: string, callback?: Function, context?: any): any;
+        off(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
         trigger(eventName: string, ...args: any[]): any;
-        bind(eventName: string, callback: Function, context?: any): any;
-        unbind(eventName?: string, callback?: Function, context?: any): any;
+        bind(eventName: string, callback: (...args: any[]) => void, context?: any): any;
+        unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
 
-        once(events: string, callback: Function, context?: any): any;
-        listenTo(object: any, events: string, callback: Function): any;
-        listenToOnce(object: any, events: string, callback: Function): any;
-        stopListening(object?: any, events?: string, callback?: Function): any;
+        once(events: string, callback: (...args: any[]) => void, context?: any): any;
+        listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+        listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+        stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
     }
 
-    class ModelBase extends Events {
+    class ModelBase implements Events {
+        on(eventName: string, callback?: Function, context?: any): any;
+        on(eventMap: EventsHash): any;
+        on(eventName: any, callback?: any, context?: any): any
+        off(eventName?: string, callback?: Function, context?: any): any
+        trigger(eventName: string, ...args: any[]): any
+        bind(eventName: string, callback: Function, context?: any): any
+        unbind(eventName?: string, callback?: Function, context?: any): any
+        once(events: string, callback: Function, context?: any): any
+        listenTo(object: any, events: string, callback: Function):any
+        listenToOnce(object: any, events: string, callback: Function): any
+        stopListening(object?: any, events?: string, callback?: Function): any
+
         parse(response: any, options?: any): any;
         toJSON(options?: any): any;
         sync(...arg: any[]): JQueryXHR;
@@ -353,7 +367,7 @@ declare namespace Backbone {
         without(...values: TModel[]): TModel[];
     }
 
-    class Router extends Events {
+    class Router extends EventSignatures {
 
         /**
         * Do not use, prefer TypeScript's extend functionality.
@@ -382,7 +396,7 @@ declare namespace Backbone {
 
     var history: History;
 
-    class History extends Events {
+    class History extends EventSignatures {
 
         handlers: any[];
         interval: number;
@@ -419,7 +433,7 @@ declare namespace Backbone {
       attributes?: {[id: string]: any};
     }
 
-    class View<TModel extends Model> extends Events {
+    class View<TModel extends Model> extends EventSignatures {
 
         /**
         * Do not use, prefer TypeScript's extend functionality.
@@ -471,3 +485,21 @@ declare namespace Backbone {
     function noConflict(): typeof Backbone;
     var $: JQueryStatic;
 }
+
+/**
+ * This is not for external use and is only here as a convenient way to
+ * specify signatures for internal implementers of Backbone.Events
+ */
+declare abstract class EventSignatures implements Backbone.Events {
+        on(eventName: string, callback?: (...args: any[]) => void, context?: any): any;
+        on(eventMap: Backbone.EventsHash): any;
+        off(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+        trigger(eventName: string, ...args: any[]): any;
+        bind(eventName: string, callback: (...args: any[]) => void, context?: any): any;
+        unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any): any;
+
+        once(events: string, callback: (...args: any[]) => void, context?: any): any;
+        listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+        listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+        stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
+}
\ No newline at end of file
diff --git a/types/backbone/tslint.json b/types/backbone/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/backbone/tslint.json
+++ b/types/backbone/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/baconjs/baconjs-tests.ts b/types/baconjs/baconjs-tests.ts
index 2755bec595..b7d6db4c0f 100644
--- a/types/baconjs/baconjs-tests.ts
+++ b/types/baconjs/baconjs-tests.ts
@@ -120,7 +120,7 @@ function CommonMethodsInEventStreamsAndProperties() {
     Bacon.fromArray([1, 2, 3]).withStateMachine(0, (sum, event) => {
         if (event.hasValue()) {
             // had to cast to `number` because event:Bacon.Next<number>|Bacon.Error<{}>
-            return [sum + <number>event.value(), []];
+            return [sum + (event.value() as number), []];
         }
         else if (event.isEnd()) {
             return [undefined, [new Bacon.Next(sum), event]];
@@ -140,8 +140,8 @@ function CommonMethodsInEventStreamsAndProperties() {
 
     {
         // This is handy for keeping track whether we are currently awaiting an AJAX response:
-        var ajaxRequest = <Bacon.Observable<Error, JQueryXHR>>{},
-            ajaxResponse = <Bacon.Observable<Error, JQueryXHR>>{},
+        var ajaxRequest = {} as Bacon.Observable<Error, JQueryXHR>,
+            ajaxResponse = {} as Bacon.Observable<Error, JQueryXHR>,
             showAjaxIndicator = ajaxRequest.awaiting(ajaxResponse);
     }
 
diff --git a/types/baidumap-web-sdk/tslint.json b/types/baidumap-web-sdk/tslint.json
index aab43caa1d..eccb336643 100644
--- a/types/baidumap-web-sdk/tslint.json
+++ b/types/baidumap-web-sdk/tslint.json
@@ -2,14 +2,21 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // All are TODOs
-        "eofline": false,
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "ban-types": false,
         "comment-format": false,
         "dt-header": false,
+        "eofline": false,
         "max-line-length": false,
         "member-access": false,
+        "no-consecutive-blank-lines": false,
+        "no-empty-interface": false,
         "no-namespace": false,
+        "no-unnecessary-class": false,
         "no-useless-files": false,
         "no-var": false,
-        "semicolon": false
+        "semicolon": false,
+        "space-before-function-paren": false
     }
 }
diff --git a/types/basicauth-middleware/basicauth-middleware-tests.ts b/types/basicauth-middleware/basicauth-middleware-tests.ts
new file mode 100644
index 0000000000..258f382807
--- /dev/null
+++ b/types/basicauth-middleware/basicauth-middleware-tests.ts
@@ -0,0 +1,21 @@
+import express = require('express');
+import basicAuth = require('basicauth-middleware');
+
+const app = express();
+
+app.use(basicAuth("username", "password", "realm"));
+app.use(basicAuth([["username", "password"]]));
+
+function checkSync(username: string, password: string): boolean {
+  return username === "user" && password === "pass";
+}
+function checkCallback(username: string, password: string, callback: (err: Error|null, authorized: boolean) => void): void {
+  callback(null, username === "user" && password === "pass");
+}
+function checkPromise(username: string, password: string): Promise<boolean> {
+  return Promise.resolve(true);
+}
+
+app.use(basicAuth(checkSync));
+app.use(basicAuth(checkCallback));
+app.use(basicAuth(checkPromise));
diff --git a/types/basicauth-middleware/index.d.ts b/types/basicauth-middleware/index.d.ts
new file mode 100644
index 0000000000..21e3a27ad8
--- /dev/null
+++ b/types/basicauth-middleware/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for basicauth-middleware 3.1
+// Project: https://github.com/nchaulet/basicauth-middleware
+// Definitions by: My Self <https://github.com/nchaulet>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { RequestHandler } from "express";
+type checkFunctionSync = (username: string, password: string) => boolean;
+type checkFunctionCallback = (username: string, password: string, callback: (err: Error|null, authorized: boolean) => void) => void;
+type checkFunctionPromise = (username: string, password: string) => PromiseLike<boolean>;
+type CheckFunction = checkFunctionSync | checkFunctionPromise | checkFunctionCallback;
+
+declare function basicAuth(checkFnOrUsers: Array<[string, string]>|CheckFunction, realm?: string): RequestHandler;
+declare function basicAuth(username: string, password: string, realm?: string): RequestHandler;
+
+export = basicAuth;
diff --git a/types/basicauth-middleware/tsconfig.json b/types/basicauth-middleware/tsconfig.json
new file mode 100644
index 0000000000..e31e940e70
--- /dev/null
+++ b/types/basicauth-middleware/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+
+    },
+    "files": [
+        "index.d.ts",
+        "basicauth-middleware-tests.ts"
+    ]
+}
diff --git a/types/grid-styled/tslint.json b/types/basicauth-middleware/tslint.json
similarity index 100%
rename from types/grid-styled/tslint.json
rename to types/basicauth-middleware/tslint.json
diff --git a/types/bcrypt/index.d.ts b/types/bcrypt/index.d.ts
index 3cf57ca562..674a65bba5 100644
--- a/types/bcrypt/index.d.ts
+++ b/types/bcrypt/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for bcrypt 2.0
+// Type definitions for bcrypt 3.0
 // Project: https://www.npmjs.org/package/bcrypt
 // Definitions by:  Peter Harris <https://github.com/codeanimal>
 //                  Ayman Nedjmeddine <https://github.com/IOAyman>
diff --git a/types/bell/bell-tests.ts b/types/bell/bell-tests.ts
index bcd3a3d40c..26a29670a0 100644
--- a/types/bell/bell-tests.ts
+++ b/types/bell/bell-tests.ts
@@ -16,7 +16,7 @@ async function run() {
         clientSecret: '',
         scope(request) {
             const scopes = ['public_profile', 'email'];
-            if ((<RequestQuery> request.query).wantsSharePermission) {
+            if ((request.query as RequestQuery).wantsSharePermission) {
               scopes.push('publish_actions');
             }
             return scopes;
@@ -105,5 +105,53 @@ async function run() {
         clientId: '',
         clientSecret: '',
         scope: ['user_read', 'channel_read']
+    },
+    {
+        provider: {
+            auth: 'http://test.com/auth',
+            token: 'http://test.com/auth',
+            name: 'custom',
+            protocol: 'oauth',
+            temporary: 'wat',
+            async profile(credentials, params, get) {
+                console.log(credentials.provider);
+                console.log(credentials.query);
+                console.log(credentials.secret);
+                console.log(this.clientId);
+                credentials.profile = await get('http://test.com/profile', {
+                    a: 'test',
+                });
+            },
+        },
+        password: 'cookie_encryption_password_secure',
+        isSecure: false,
+        clientId: '',
+        clientSecret: '',
+        location: () => '',
+    },
+    {
+        provider: {
+            auth: 'http://test.com/auth',
+            token: 'http://test.com/auth',
+            name: 'custom',
+            protocol: 'oauth2',
+            scope: ['a', 's', 'd', 'f'],
+            scopeSeparator: '~~~',
+            async profile(credentials, params, get) {
+                console.log(credentials.provider);
+                console.log(credentials.query);
+                console.log(credentials.token);
+                console.log(credentials.refreshToken);
+                console.log(this.clientId);
+                credentials.profile = await get('http://test.com/profile', {
+                    a: 'test',
+                });
+            },
+        },
+        password: 'cookie_encryption_password_secure',
+        isSecure: false,
+        clientId: '',
+        clientSecret: '',
+        location: () => '',
     }];
 }
diff --git a/types/bell/index.d.ts b/types/bell/index.d.ts
index cf6a6866e1..4b56a239a3 100644
--- a/types/bell/index.d.ts
+++ b/types/bell/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/hapijs/bell
 // Definitions by: Simon Schick <https://github.com/SimonSchick>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.7
+// TypeScript Version: 2.8
 
 import { Server, Request, Plugin, AuthCredentials } from 'hapi';
 
@@ -22,45 +22,45 @@ export interface StringLikeMap {
     [key: string]: string | number;
 }
 export type Provider =
-    'arcgisonline' |
-    'auth0' |
-    'azuread' |
-    'bitbucket' |
-    'digitalocean' |
-    'discord' |
-    'dropbox' |
-    'dropboxV2' |
-    'facebook' |
-    'fitbit' |
-    'foursquare' |
-    'github' |
-    'gitlab' |
-    'google' |
-    'googleplus' |
-    'instagram' |
-    'linkedin' |
-    'live' |
-    'medium' |
-    'meetup' |
-    'mixer' |
-    'nest' |
-    'office365' |
-    'okta' |
-    'phabricator' |
-    'pingfed' |
-    'pinterest' |
-    'reddit' |
-    'salesforce' |
-    'slack' |
-    'spotify' |
-    'stripe' |
-    'trakt' |
-    'tumblr' |
-    'twitch' |
-    'twitter' |
-    'vk' |
-    'wordpress' |
-    'yahoo';
+  'arcgisonline' |
+  'auth0' |
+  'azuread' |
+  'bitbucket' |
+  'digitalocean' |
+  'discord' |
+  'dropbox' |
+  'dropboxV2' |
+  'facebook' |
+  'fitbit' |
+  'foursquare' |
+  'github' |
+  'gitlab' |
+  'google' |
+  'googleplus' |
+  'instagram' |
+  'linkedin' |
+  'live' |
+  'medium' |
+  'meetup' |
+  'mixer' |
+  'nest' |
+  'office365' |
+  'okta' |
+  'phabricator' |
+  'pingfed' |
+  'pinterest' |
+  'reddit' |
+  'salesforce' |
+  'slack' |
+  'spotify' |
+  'stripe' |
+  'trakt' |
+  'tumblr' |
+  'twitch' |
+  'twitter' |
+  'vk' |
+  'wordpress' |
+  'yahoo';
 
 export type RequestPassThrough = (request: Request) => PromiseLike<AuthCredentials> | AuthCredentials;
 
@@ -188,29 +188,33 @@ export interface KnownProviderOptions extends RequiredProviderOptions, OptionalO
  * @param uri the requested resource URI (bell will add the token or authentication header as needed).
  * @param params any URI query parameters (cannot include them in the URI due to signature requirements).
  */
-export type AuthedRequest = (uri: string, params: { [key: string]: string } | null) => Promise<any>;
+export type AuthedRequest = (uri: string, params?: { [key: string]: string }) => Promise<object>;
+
+export interface Credentials {
+  provider: Provider | 'custom';
+  token: string;
+  query: StringLikeMap;
+  /**
+   * Varying data depending on provider.
+   */
+  profile?: object;
+}
+
+export interface Credentials1 extends Credentials {
+  secret: string;
+}
+
+export interface Credentials2 extends Credentials {
+  refreshToken?: string;
+  expiresIn?: number;
+}
 
 export interface CustomProtocol {
   /**
-   * the authorization protocol used.
+   * The name of the protocol.
+   * @default custom
    */
-  protocol: 'oauth' | 'oauth2';
-  /**
-   * the OAuth signature method (OAuth 1.0a only). Must be one of:
-   * * 'HMAC-SHA1' - default
-   * * 'RSA-SHA1' - in that case, the clientSecret is your RSA private key
-   */
-  signatureMethod?: 'HMAC-SHA1' | 'RSA-SHA1';
-  /**
-   * the temporary credentials (request token) endpoint (OAuth 1.0a only).
-   */
-  temporary?: string;
-  /**
-   * boolean that determines if OAuth client id and client secret will be sent
-   * as parameters as opposed to an Authorization header (OAuth 2.0 only).
-   * Defaults to false.
-   */
-  useParamsAuth?: boolean;
+  name?: string;
   /**
    * the authorization endpoint URI.
    */
@@ -219,18 +223,6 @@ export interface CustomProtocol {
    * the access token endpoint URI.
    */
   token: string;
-  /**
-   * the OAuth version.
-   */
-  version?: string;
-  /**
-   * an array of scope strings (OAuth 2.0 only).
-   */
-  scope?: string[] | ((query: StringLikeMap) => string[]);
-  /**
-   * the scope separator character (OAuth 2.0 only). Only required when a provider has a broken OAuth 2.0 implementation. Defaults to space (Facebook and GitHub default to comma).
-   */
-  scopeSeparator?: string;
   /**
    * a headers object with additional headers required by the provider
    * (e.g. GitHub required the 'User-Agent' header which is set by default).
@@ -238,23 +230,68 @@ export interface CustomProtocol {
   headers?: {
     [key: string]: string;
   };
+}
+
+/**
+ * a function used to obtain user profile information and normalize it.
+ * @param credentials the credentials object.
+ * Change the object directly within the function (profile information is typically stored under credentials.profile).
+ * @param params the parsed information received from the provider (e.g. token, secret, and other custom fields).
+ * @param get an OAuth helper function to make authenticated requests using the credentials received.
+ */
+export type ProfileGetter<C extends Credentials> = (this: CustomProviderOptions, credentials: C, params: { [key: string]: string }, get: AuthedRequest) => Promise<void>;
+
+export interface CustomProtocol1 extends CustomProtocol {
   /**
-   * a function used to obtain user profile information and normalize it.
-   * @param credentials the credentials object.
-   * Change the object directly within the function (profile information is typically stored under credentials.profile).
-   * @param params the parsed information received from the provider (e.g. token, secret, and other custom fields).
-   * @param get an OAuth helper function to make authenticated requests using the credentials received.
+   * the authorization protocol used.
    */
-  profile(credentials: any, params: { [key: string]: string }, get: AuthedRequest): Promise<void>;
+  protocol: 'oauth';
+
+  /**
+   * the OAuth signature method. Must be one of:
+   * * 'HMAC-SHA1' - default
+   * * 'RSA-SHA1' - in that case, the clientSecret is your RSA private key
+   */
+  signatureMethod?: 'HMAC-SHA1' | 'RSA-SHA1';
+  /**
+   * the temporary credentials (request token) endpoint).
+   */
+  temporary?: string;
+
+  profile: ProfileGetter<Credentials1>;
+}
+
+export interface CustomProtocol2 extends CustomProtocol {
+  /**
+   * the authorization protocol used.
+   */
+  protocol: 'oauth2';
+  /**
+   * an array of scope strings.
+   */
+  scope?: string[] | ((query: StringLikeMap) => string[]);
+  /**
+   * boolean that determines if OAuth client id and client secret will be sent
+   * as parameters as opposed to an Authorization header.
+   * Defaults to false.
+   */
+  useParamsAuth?: boolean;
+
+  /**
+   * the scope separator character. Only required when a provider has a broken OAuth 2.0 implementation. Defaults to space (Facebook and GitHub default to comma).
+   */
+  scopeSeparator?: string;
+
+  profile: ProfileGetter<Credentials2>;
 }
 
 export interface CustomProviderOptions extends RequiredProviderOptions, OptionalOptions {
-  provider: CustomProtocol;
+  provider: CustomProtocol1 | CustomProtocol2;
 }
 
 export type BellOptions = CustomProviderOptions | KnownProviderOptions;
 
-export const plugin: Plugin<CustomProviderOptions | KnownProviderOptions>;
+export const plugin: Plugin<BellOptions>;
 /**
  * Enables simulation mode.
  */
diff --git a/types/better-scroll/index.d.ts b/types/better-scroll/index.d.ts
index 326dd2c3a0..91e5710805 100644
--- a/types/better-scroll/index.d.ts
+++ b/types/better-scroll/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for better-scroll 1.12
 // Project: https://github.com/ustbhuangyi/better-scroll
 // Definitions by: cloudstone <https://github.com/stoneChen>
+//                 jack <https://github.com/cnjack>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // TypeScript Version: 2.2
@@ -42,6 +43,24 @@ export interface PullUpOption {
     threshold: number;
 }
 
+export interface MouseWheelOption {
+  speed: number;
+  invert: boolean;
+  easeTime: number;
+}
+
+export interface ZoomOption {
+  start: number;
+  min: number;
+  max: number;
+}
+
+export interface InfinityOption {
+  fetch: (count: number) => void;
+  render: (item: any, div: Element) => Element;
+  createTombstone: () => Element;
+}
+
 export interface BounceObjectOption {
     top?: boolean;
     bottom?: boolean;
@@ -49,6 +68,10 @@ export interface BounceObjectOption {
     right?: boolean;
 }
 
+export interface DoubleClick {
+  delay: number;
+}
+
 export interface EaseOption {
     swipe?: {
         style: string;
@@ -73,6 +96,7 @@ export interface BsOption {
     directionLockThreshold: number;
     eventPassthrough: string | boolean;
     click: boolean;
+    dblclick: boolean | DoubleClick;
     tap: boolean;
     bounce: boolean | BounceObjectOption;
     bounceTime: number;
@@ -140,6 +164,23 @@ export interface BsOption {
      * }
      */
     pullUpLoad: Partial<PullUpOption> | boolean;
+
+    // mouseWheel: {
+    //  speed: 20,
+    //  invert: false,
+    //  easeTime: 300
+    // }
+    mouseWheel: Partial<MouseWheelOption> | boolean;
+
+    // zoom: {
+    //  start: 1,
+    //  min: 1,
+    //  max: 4
+    // }
+    zoom: Partial<ZoomOption> | boolean;
+
+    // https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options-advanced.html
+    infinity: Partial<InfinityOption> | boolean;
 }
 
 export interface Position {
diff --git a/types/better-sqlite3/better-sqlite3-tests.ts b/types/better-sqlite3/better-sqlite3-tests.ts
index 34ee6808c3..7272d88f7e 100644
--- a/types/better-sqlite3/better-sqlite3-tests.ts
+++ b/types/better-sqlite3/better-sqlite3-tests.ts
@@ -2,24 +2,32 @@ import Database = require('better-sqlite3');
 
 const integer = Database.Integer(1);
 const err = new Database.SqliteError('ok', 'ok');
+const result: Database.RunResult = { changes: 1, lastInsertRowid: 1 };
+const options: Database.Options = { fileMustExist: true, memory: true, readonly: true };
+const registrationOptions: Database.RegistrationOptions = {
+    deterministic: true,
+    name: '',
+    safeIntegers: true,
+    varargs: true
+};
 
 let db = Database('.');
-db = new Database('.', {memory: true});
+db = new Database('.', { memory: true });
 db.exec('CREATE TABLE test (id INTEGER PRIMARY KEY NOT NULL, name TEXT NOT NULL);');
 db.exec('INSERT INTO test(name) VALUES("name");');
 db.pragma('data_version', true);
 db.checkpoint();
 db.checkpoint('main');
-db.register(() => {});
-db.register({name: 'noop', deterministic: true, varargs: true}, () => {});
+db.register(() => { });
+db.register({ name: 'noop', deterministic: true, varargs: true }, () => { });
 db.defaultSafeIntegers();
 db.defaultSafeIntegers(true);
 
 const stmt = db.prepare('SELECT * FROM test WHERE name == ?;');
 stmt.get(['name']);
-stmt.all({name: 'name'});
-stmt.each('name', (row: {name: string}) => {});
-stmt.each((row: {name: string}) => {});
+stmt.all({ name: 'name' });
+stmt.each('name', (row: { name: string }) => { });
+stmt.each((row: { name: string }) => { });
 stmt.pluck();
 stmt.pluck(true);
 stmt.bind('name');
diff --git a/types/better-sqlite3/index.d.ts b/types/better-sqlite3/index.d.ts
index 899a85a2e2..5a4859e21f 100644
--- a/types/better-sqlite3/index.d.ts
+++ b/types/better-sqlite3/index.d.ts
@@ -1,88 +1,94 @@
-// Type definitions for better-sqlite3 3.1
+// Type definitions for better-sqlite3 5.0
 // Project: http://github.com/JoshuaWise/better-sqlite3
 // Definitions by: Ben Davies <https://github.com/Morfent>
 //                 Mathew Rumsey <https://github.com/matrumz>
+//                 Santiago Aguilar <https://github.com/sant123>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-import Integer = require('integer');
-
-interface RunResult {
-	changes: number;
-	lastInsertROWID: Integer.IntLike;
-}
+import Integer = require("integer");
 
 declare class Statement {
-	database: Database;
-	source: string;
-	returnsData: boolean;
-	constructor(db: Database, sources: string[]);
+    database: Database;
+    source: string;
+    returnsData: boolean;
+    constructor(db: Database, sources: string[]);
 
-	run(...params: any[]): RunResult;
-	get(...params: any[]): any;
-	all(...params: any[]): any[];
-	each(params: any, cb: (row: any) => void): void;
-	each(cb: (row: any) => void): void;
-	each(...params: any[]): void;
-	pluck(toggleState?: boolean): this;
-	bind(...params: any[]): this;
-	safeIntegers(toggleState?: boolean): this;
+    run(...params: any[]): Database.RunResult;
+    get(...params: any[]): any;
+    all(...params: any[]): any[];
+    each(params: any, cb: (row: any) => void): void;
+    each(cb: (row: any) => void): void;
+    each(...params: any[]): void;
+    pluck(toggleState?: boolean): this;
+    bind(...params: any[]): this;
+    safeIntegers(toggleState?: boolean): this;
 }
 
 declare class Transaction {
-	database: Database;
-	source: string;
-	constructor(db: Database, sources: string[]);
+    database: Database;
+    source: string;
+    constructor(db: Database, sources: string[]);
 
-	run(...params: any[]): RunResult;
-	bind(...params: any[]): this;
-	safeIntegers(toggleState?: boolean): this;
-}
-
-interface DatabaseOptions {
-	memory?: boolean;
-	readonly?: boolean;
-	fileMustExist?: boolean;
-}
-
-interface RegistrationOptions {
-	name?: string;
-	varargs?: boolean;
-	deterministic?: boolean;
-	safeIntegers?: boolean;
+    run(...params: any[]): Database.RunResult;
+    bind(...params: any[]): this;
+    safeIntegers(toggleState?: boolean): this;
 }
 
 interface Database {
-	memory: boolean;
-	readonly: boolean;
-	name: string;
-	open: boolean;
-	inTransaction: boolean;
+    memory: boolean;
+    readonly: boolean;
+    name: string;
+    open: boolean;
+    inTransaction: boolean;
 
-	prepare(source: string): Statement;
-	transaction(sources: string[]): Transaction;
-	exec(source: string): this;
-	pragma(source: string, simplify?: boolean): any;
-	checkpoint(databaseName?: string): this;
-	register(cb: (...params: any[]) => any): this;
-	register(options: RegistrationOptions, cb: (...params: any[]) => any): this;
-	close(): this;
-	defaultSafeIntegers(toggleState?: boolean): this;
+    prepare(source: string): Statement;
+    transaction(sources: string[]): Transaction;
+    exec(source: string): this;
+    pragma(source: string, simplify?: boolean): any;
+    checkpoint(databaseName?: string): this;
+    register(cb: (...params: any[]) => any): this;
+    register(
+        options: Database.RegistrationOptions,
+        cb: (...params: any[]) => any
+    ): this;
+    close(): this;
+    defaultSafeIntegers(toggleState?: boolean): this;
 }
 
 declare class SqliteError implements Error {
-	name: string;
-	message: string;
-	code: string;
-	constructor(message: string, code: string);
+    name: string;
+    message: string;
+    code: string;
+    constructor(message: string, code: string);
 }
 
 interface DatabaseConstructor {
-	new(filename: string, options?: DatabaseOptions): Database;
-	(filename: string, options?: DatabaseOptions): Database;
-	prototype: Database;
+    new (filename: string, options?: Database.Options): Database;
+    (filename: string, options?: Database.Options): Database;
+    prototype: Database;
 
-	Integer: typeof Integer;
-	SqliteError: typeof SqliteError;
+    Integer: typeof Integer;
+    SqliteError: typeof SqliteError;
+}
+
+declare namespace Database {
+    interface RunResult {
+        changes: number;
+        lastInsertRowid: Integer.IntLike;
+    }
+
+    interface Options {
+        memory?: boolean;
+        readonly?: boolean;
+        fileMustExist?: boolean;
+    }
+
+    interface RegistrationOptions {
+        name?: string;
+        varargs?: boolean;
+        deterministic?: boolean;
+        safeIntegers?: boolean;
+    }
 }
 
 declare const Database: DatabaseConstructor;
diff --git a/types/bezier-js/bezier-js-tests.ts b/types/bezier-js/bezier-js-tests.ts
index 003b6e1c45..9bcada8474 100644
--- a/types/bezier-js/bezier-js-tests.ts
+++ b/types/bezier-js/bezier-js-tests.ts
@@ -21,6 +21,11 @@ function test() {
         startcap: cap, endcap: cap, forward: bezier, back: bezier, bbox: bbox, intersections: function (shape) { return [[0]]; }
     };
     var split: BezierJs.Split = { left: bezier, right: bezier, span: [point] };
+    var quadratic: BezierJs.Bezier = BezierJs.Bezier.quadraticFromPoints({ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 2 }, 0.5);
+    var quadratic: BezierJs.Bezier = BezierJs.Bezier.quadraticFromPoints({ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 2 });
+    var cubic: BezierJs.Bezier = BezierJs.Bezier.cubicFromPoints({ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 2 }, 0.5, 2);
+    var cubic: BezierJs.Bezier = BezierJs.Bezier.cubicFromPoints({ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 2 }, 0.5);
+    var cubic: BezierJs.Bezier = BezierJs.Bezier.cubicFromPoints({ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 2 });
 
     bezier.arcs();
     bezier.clockwise;
diff --git a/types/bezier-js/index.d.ts b/types/bezier-js/index.d.ts
index b44b027dc2..ffd74f5d46 100644
--- a/types/bezier-js/index.d.ts
+++ b/types/bezier-js/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for Bezier.js
 // Project: https://github.com/Pomax/bezierjs
 // Definitions by: Dan Marshall <https://github.com/danmarshall>
+//                 Simon <https://github.com/Epskampie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace BezierJs {
@@ -96,8 +97,8 @@ declare namespace BezierJs {
         constructor(p1: Point, p2: Point, p3: Point, p4?: Point);
         static fromSVG(svgString: string): Bezier;
         static getABC(n: number, S: Point, B: Point, E: Point, t: number): ABC;
-        static quadraticFromPoints(p1: Point, p2: Point, p3: Point, t: number): Bezier;
-        static cubicFromPoints(S: Point, B: Point, E: Point, t: number, d1: number): Bezier;
+        static quadraticFromPoints(p1: Point, p2: Point, p3: Point, t?: number): Bezier;
+        static cubicFromPoints(S: Point, B: Point, E: Point, t?: number, d1?: number): Bezier;
         static getUtils(): typeof utils;
         getUtils(): typeof utils;
         valueOf(): string;
diff --git a/types/bl/bl-tests.ts b/types/bl/bl-tests.ts
index 084cf1925a..68fbc79279 100644
--- a/types/bl/bl-tests.ts
+++ b/types/bl/bl-tests.ts
@@ -9,16 +9,27 @@ var str: string;
 var noAssert: boolean;
 
 bl = new BufferList();
+bl = new BufferList(bl);
+bl = new BufferList([bl]);
+bl = new BufferList(Buffer.from('asdf'));
+bl = new BufferList([Buffer.from('asdf')]);
+bl = new BufferList('hi');
 bl = new BufferList((err:Error, buffer:Buffer) => {
-
+    if (err) {
+        throw err;
+    }
+    console.log(buffer.toString());
 });
 
 bl.append(buffer);
+num = bl.length;
+
 num = bl.get(num);
 
 buffer = bl.slice(num, num);
 buffer = bl.slice(num);
 buffer = bl.slice();
+bl.shallowSlice(0, 1).shallowSlice();
 
 bl.copy(buffer, num, num, num);
 bl.copy(buffer, num, num);
@@ -34,8 +45,11 @@ str = bl.toString(str, num, num);
 str = bl.toString(str, num);
 str = bl.toString(str);
 str = bl.toString();
-
-num = bl.length;
+bl.indexOf('foo', 0, 'hex') === 1;
+bl.indexOf(Buffer.from('foo')) === 1;
+bl.indexOf(4) === 1;
+bl.indexOf(bl) === 1;
+bl.indexOf(new Uint8Array([1,3,4])) === 2;
 
 num = bl.readDoubleBE(offset, noAssert);
 num = bl.readDoubleBE(offset);
diff --git a/types/bl/index.d.ts b/types/bl/index.d.ts
index 8ad01671fd..8bd9e96aac 100644
--- a/types/bl/index.d.ts
+++ b/types/bl/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for BufferList v0.8.0
+// Type definitions for BufferList v2.1.0
 // Project: https://github.com/rvagg/bl
 // Definitions by: Bart van der Schoor <https://github.com/Bartvds>
+//                 Francis Gulotta <https://github.com/reconbot>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -9,17 +10,18 @@
 import stream = require('stream');
 
 declare class BufferList extends stream.Duplex {
-    constructor(callback?: (err: Error, buffer: Buffer) => void);
+    constructor(callbackOrData?: ((err: Error, buffer: Buffer) => void) | Buffer | Buffer[] | BufferList | BufferList[] | string);
 
+    length: number;
     append(buffer: Buffer | Buffer[] | BufferList | BufferList[] | string): void;
     get(index: number): number;
     slice(start?: number, end?: number): Buffer;
+    shallowSlice(start?: number, end?: number): BufferList;
     copy(dest: Buffer, destStart?: number, srcStart?: number, srcEnd?: number): void;
     duplicate(): BufferList;
     consume(bytes?: number): void;
     toString(encoding?: string, start?: number, end?: number): string;
-    length: number;
-
+    indexOf(value: string | number | Uint8Array | BufferList | Buffer, byteOffset?: number, encoding?: string): number;
     readDoubleBE(offset: number, noAssert?: boolean): number;
     readDoubleLE(offset: number, noAssert?: boolean): number;
     readFloatBE(offset: number, noAssert?: boolean): number;
diff --git a/types/bn.js/index.d.ts b/types/bn.js/index.d.ts
index 8c0bc8dd5f..db4c9f8b9e 100644
--- a/types/bn.js/index.d.ts
+++ b/types/bn.js/index.d.ts
@@ -45,7 +45,7 @@ interface ReductionContext {
 declare class BN {
     constructor(
         number: number | string | number[] | Buffer | BN,
-        base?: number,
+        base?: number | 'hex',
         endian?: Endianness
     );
     constructor(
diff --git a/types/bookshelf/tslint.json b/types/bookshelf/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/bookshelf/tslint.json
+++ b/types/bookshelf/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/boom/boom-tests.ts b/types/boom/boom-tests.ts
index 5ffd808de4..2cae1aec29 100644
--- a/types/boom/boom-tests.ts
+++ b/types/boom/boom-tests.ts
@@ -144,12 +144,12 @@ const boomifiedError = Boom.boomify(new Error('test'), { statusCode: 400, messag
 
 // isBoom
 
-const isBoomError = new Boom('test')
+const isBoomError = new Boom('test');
 
 Boom.isBoom(isBoomError);
 
-const maybeBoom = <any>new Boom('test');
-if(Boom.isBoom(maybeBoom)) {
+const maybeBoom = <any> new Boom('test');
+if (Boom.isBoom(maybeBoom)) {
     // isBoom is a type guard that allows accessing these properties:
     maybeBoom.output.headers;
 }
@@ -183,7 +183,8 @@ interface CustomPayload extends Boom.Payload {
 /**
  * Test assignment of custom error data:
  */
-const errorWithData = Boom.badImplementation('', { custom1: 'test', customType: 'Custom1', isCustom: true } as CustomData1);
+// tslint:disable-next-line:no-object-literal-type-assertion
+const errorWithData = Boom.badImplementation('', <CustomData1> { custom1: 'test', customType: 'Custom1', isCustom: true });
 const errorWithNoExplicitDataType: Boom = errorWithData; // can assign to error without explicit data type
 const errorWithExplicitType: Boom<CustomData> = errorWithData; // can assign to union data type
 const errorWithConcreteCustomData: Boom<CustomData1> = errorWithData; // can assign to concrete data type
diff --git a/types/boom/index.d.ts b/types/boom/index.d.ts
index b38dafe038..71a738a009 100644
--- a/types/boom/index.d.ts
+++ b/types/boom/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for boom 7.2.0
+// Type definitions for boom 7.2
 // Project: https://github.com/hapijs/boom
 // Definitions by: Igor Rogatty <https://github.com/rogatty>
 //                 AJP <https://github.com/AJamesPhillips>
@@ -10,28 +10,31 @@
 
  export = Boom;
 /**
-     * boom provides a set of utilities for returning HTTP errors. Each utility returns a Boom error response object (instance of Error) which includes the following properties:
-     * @see {@link https://github.com/hapijs/boom#boom}
-     */
+ * boom provides a set of utilities for returning HTTP errors. Each utility returns a Boom error response object (instance of Error) which includes the following properties:
+ * @see {@link https://github.com/hapijs/boom#boom}
+ */
 declare class Boom<Data = any> extends Error {
-
-        /** Creates a new Boom object using the provided message and then calling boomify() to decorate the error with the Boom properties. */
-        constructor(message?: string | Error, options?: Boom.Options<Data>);
-        /** isBoom - if true, indicates this is a Boom object instance. */
-        isBoom: boolean;
-        /** isServer - convenience bool indicating status code >= 500. */
-        isServer: boolean;
-        /** message - the error message. */
-        message: string;
-        /** output - the formatted response. Can be directly manipulated after object construction to return a custom error response. Allowed root keys: */
-        output: Boom.Output;
-        /** reformat() - rebuilds error.output using the other object properties. */
-        reformat: () => string;
-        /** "If message is unset, the 'error' segment of the header will not be present and isMissing will be true on the error object." mentioned in @see {@link https://github.com/hapijs/boom#boomunauthorizedmessage-scheme-attributes} */
-        isMissing?: boolean;
-        /** https://github.com/hapijs/boom#createstatuscode-message-data and https://github.com/hapijs/boom/blob/v4.3.0/lib/index.js#L99 */
-        data: Data;
-    }
+    /** Creates a new Boom object using the provided message and then calling boomify() to decorate the error with the Boom properties. */
+    constructor(message?: string | Error, options?: Boom.Options<Data>);
+    /** isBoom - if true, indicates this is a Boom object instance. */
+    isBoom: boolean;
+    /** isServer - convenience bool indicating status code >= 500. */
+    isServer: boolean;
+    /** message - the error message. */
+    message: string;
+    /** output - the formatted response. Can be directly manipulated after object construction to return a custom error response. Allowed root keys: */
+    output: Boom.Output;
+    /** reformat() - rebuilds error.output using the other object properties. */
+    reformat(): string;
+    /**
+     * "If message is unset, the 'error' segment of the header will not be present and
+     * isMissing will be true on the error object." mentioned in
+     * @see {@link https://github.com/hapijs/boom#boomunauthorizedmessage-scheme-attributes}
+     */
+    isMissing?: boolean;
+    /** https://github.com/hapijs/boom#createstatuscode-message-data and https://github.com/hapijs/boom/blob/v4.3.0/lib/index.js#L99 */
+    data: Data;
+}
 declare namespace Boom {
     interface Options<Data> {
         /** statusCode - the HTTP status code. Defaults to 500 if no status code is already set. */
@@ -44,20 +47,32 @@ declare namespace Boom {
         ctor?: any;
         /** message - error message string. If the error already has a message, the provided message is added as a prefix. Defaults to no message. */
         message?: string;
-        /** override - if false, the err provided is a Boom object, and a statusCode or message are provided, the values are ignored. Defaults to true (apply the provided statusCode and message options to the error regardless of its type, Error or Boom object). */
+        /**
+         * override - if false, the err provided is a Boom object, and a statusCode or message are
+         * provided, the values are ignored. Defaults to true (apply the provided statusCode and
+         * message options to the error regardless of its type, Error or Boom object).
+         */
         override?: boolean;
     }
 
     interface Output {
         /** statusCode - the HTTP status code (typically 4xx or 5xx). */
         statusCode: number;
-        /** headers - an object containing any HTTP headers where each key is a header name and value is the header content. (Limited value type to string https://github.com/hapijs/boom/issues/151 ) */
+        /**
+         * headers - an object containing any HTTP headers where each key is a header name and
+         * value is the header content. (Limited value type to string
+         * https://github.com/hapijs/boom/issues/151 )
+         */
         headers: {[index: string]: string};
-        /** payload - the formatted object used as the response payload (stringified). Can be directly manipulated but any changes will be lost if reformat() is called. Any content allowed and by default includes the following content: */
+        /**
+         * payload - the formatted object used as the response payload (stringified).
+         * Can be directly manipulated but any changes will be lost if reformat() is called.
+         * Any content allowed and by default includes the following content:
+         */
         payload: Payload;
     }
 
-     interface Payload {
+    interface Payload {
         /** statusCode - the HTTP status code, derived from error.output.statusCode. */
         statusCode: number;
         /** error - the HTTP status message (e.g. 'Bad Request', 'Internal Server Error') derived from statusCode. */
@@ -79,13 +94,13 @@ declare namespace Boom {
      * @param options optional additional options
      * @see {@link https://github.com/hapijs/boom#boomifyerror-options}
      */
-     function boomify(error: Error, options?: { statusCode?: number, message?: string, override?: boolean }): Boom<null>;
+    function boomify(error: Error, options?: { statusCode?: number, message?: string, override?: boolean }): Boom<null>;
 
     /**
      * Identifies whether an error is a Boom object. Same as calling instanceof Boom.
      * @param error the error object to identify.
      */
-     function isBoom(error: Error): error is Boom
+    function isBoom(error: Error): error is Boom;
 
     // 4xx
     /**
@@ -94,7 +109,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boombadrequestmessage-data}
      */
-     function badRequest<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function badRequest<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 401 Unauthorized error
@@ -102,13 +117,21 @@ declare namespace Boom {
      * @param scheme can be one of the following:
      *      * an authentication scheme name
      *      * an array of string values. These values will be separated by ', ' and set to the 'WWW-Authenticate' header.
-     * @param attributes an object of values to use while setting the 'WWW-Authenticate' header. This value is only used when scheme is a string, otherwise it is ignored. Every key/value pair will be included in the 'WWW-Authenticate' in the format of 'key="value"' as well as in the response payload under the attributes key. Alternatively value can be a string which is use to set the value of the scheme, for example setting the token value for negotiate header. If string is used message parameter must be null. null and undefined will be replaced with an empty string. If attributes is set, message will be used as the 'error' segment of the 'WWW-Authenticate' header. If message is unset, the 'error' segment of the header will not be present and isMissing will be true on the error object.
+     * @param attributes an object of values to use while setting the 'WWW-Authenticate' header.
+     * This value is only used when scheme is a string, otherwise it is ignored.
+     * Every key/value pair will be included in the 'WWW-Authenticate' in the format of
+     * 'key="value"' as well as in the response payload under the attributes key.
+     * Alternatively value can be a string which is use to set the value of the scheme,
+     * for example setting the token value for negotiate header.
+     * If string is used message parameter must be null.
+     * null and undefined will be replaced with an empty string. If attributes is set,
+     * message will be used as the 'error' segment of the 'WWW-Authenticate' header.
+     * If message is unset, the 'error' segment of the header will not be present and isMissing will be true on the error object.
      * @see {@link https://github.com/hapijs/boom#boomunauthorizedmessage-scheme-attributes}
      */
-     function unauthorized(message?: string, scheme?: string, attributes?: {[index: string]: string}): Boom<null>;
-     function unauthorized(message?: string, scheme?: string[]): Boom<null>;
-     function unauthorized(message?: null, scheme?: string, attributes?: {[index: string]: string} | string): Boom<null>;
-     function unauthorized(message?: null, scheme?: string[]): Boom<null>;
+    function unauthorized(message?: string, scheme?: string, attributes?: {[index: string]: string}): Boom<null>;
+    function unauthorized(message?: string, scheme?: string[]): Boom<null>;
+    function unauthorized(message?: null, scheme?: string, attributes?: {[index: string]: string} | string): Boom<null>;
 
     /**
      * Returns a 402 Payment Required error
@@ -116,7 +139,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boompaymentrequiredmessage-data}
      */
-     function paymentRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function paymentRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 403 Forbidden error
@@ -124,7 +147,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomforbiddenmessage-data}
      */
-     function forbidden<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function forbidden<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 404 Not Found error
@@ -132,7 +155,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomnotfoundmessage-data}
      */
-     function notFound<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function notFound<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 405 Method Not Allowed error
@@ -141,7 +164,7 @@ declare namespace Boom {
      * @param allow optional string or array of strings (to be combined and separated by ', ') which is set to the 'Allow' header.
      * @see {@link https://github.com/hapijs/boom#boommethodnotallowedmessage-data-allow}
      */
-     function methodNotAllowed<Data = null>(message?: string, data?: Data, allow?: string | string[]): Boom<Data>;
+    function methodNotAllowed<Data = null>(message?: string, data?: Data, allow?: string | string[]): Boom<Data>;
 
     /**
      * Returns a 406 Not Acceptable error
@@ -149,7 +172,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomnotacceptablemessage-data}
      */
-     function notAcceptable<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function notAcceptable<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 407 Proxy Authentication Required error
@@ -157,7 +180,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomproxyauthrequiredmessage-data}
      */
-     function proxyAuthRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function proxyAuthRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 408 Request Time-out error
@@ -165,7 +188,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomclienttimeoutmessage-data}
      */
-     function clientTimeout<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function clientTimeout<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 409 Conflict error
@@ -173,7 +196,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomconflictmessage-data}
      */
-     function conflict<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function conflict<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 410 Gone error
@@ -181,7 +204,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomresourcegonemessage-data}
      */
-     function resourceGone<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function resourceGone<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 411 Length Required error
@@ -189,7 +212,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomlengthrequiredmessage-data}
      */
-     function lengthRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function lengthRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 412 Precondition Failed error
@@ -197,7 +220,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boompreconditionfailedmessage-data}
      */
-     function preconditionFailed<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function preconditionFailed<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 413 Request Entity Too Large error
@@ -205,7 +228,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomentitytoolargemessage-data}
      */
-     function entityTooLarge<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function entityTooLarge<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 414 Request-URI Too Large error
@@ -213,7 +236,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomuritoolongmessage-data}
      */
-     function uriTooLong<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function uriTooLong<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 415 Unsupported Media Type error
@@ -221,7 +244,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomunsupportedmediatypemessage-data}
      */
-     function unsupportedMediaType<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function unsupportedMediaType<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 416 Requested Range Not Satisfiable error
@@ -229,7 +252,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomrangenotsatisfiablemessage-data}
      */
-     function rangeNotSatisfiable<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function rangeNotSatisfiable<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 417 Expectation Failed error
@@ -237,7 +260,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomexpectationfailedmessage-data}
      */
-     function expectationFailed<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function expectationFailed<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 418 I'm a Teapot error
@@ -245,7 +268,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomteapotmessage-data}
      */
-     function teapot<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function teapot<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 422 Unprocessable Entity error
@@ -253,7 +276,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boombaddatamessage-data}
      */
-     function badData<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function badData<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 423 Locked error
@@ -261,7 +284,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomlockedmessage-data}
      */
-     function locked<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function locked<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 424 Failed Dependency error
@@ -269,7 +292,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomfaileddependencymessage-data}
      */
-     function failedDependency<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function failedDependency<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 428 Precondition Required error
@@ -277,7 +300,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boompreconditionrequiredmessage-data}
      */
-     function preconditionRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function preconditionRequired<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 429 Too Many Requests error
@@ -285,7 +308,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomtoomanyrequestsmessage-data}
      */
-     function tooManyRequests<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function tooManyRequests<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 451 Unavailable For Legal Reasons error
@@ -293,7 +316,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomillegalmessage-data}
      */
-     function illegal<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function illegal<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     // 5xx
     /**
@@ -303,7 +326,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boombadimplementationmessage-data---alias-internal}
      */
-     function badImplementation<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function badImplementation<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 500 Internal Server Error error
@@ -312,7 +335,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boombadimplementationmessage-data---alias-internal}
      */
-     function internal<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function internal<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 501 Not Implemented error with your error message to the user
@@ -320,7 +343,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomnotimplementedmessage-data}
      */
-     function notImplemented<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function notImplemented<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 502 Bad Gateway error with your error message to the user
@@ -328,7 +351,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boombadgatewaymessage-data}
      */
-     function badGateway<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function badGateway<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 503 Service Unavailable error with your error message to the user
@@ -336,7 +359,7 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomserverunavailablemessage-data}
      */
-     function serverUnavailable<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function serverUnavailable<Data = null>(message?: string, data?: Data): Boom<Data>;
 
     /**
      * Returns a 504 Gateway Time-out error with your error message to the user
@@ -344,5 +367,5 @@ declare namespace Boom {
      * @param data optional additional error data.
      * @see {@link https://github.com/hapijs/boom#boomgatewaytimeoutmessage-data}
      */
-     function gatewayTimeout<Data = null>(message?: string, data?: Data): Boom<Data>;
+    function gatewayTimeout<Data = null>(message?: string, data?: Data): Boom<Data>;
 }
diff --git a/types/boom/tslint.json b/types/boom/tslint.json
index a41bf5d19a..1c36270d47 100644
--- a/types/boom/tslint.json
+++ b/types/boom/tslint.json
@@ -1,79 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
+        "no-angle-bracket-type-assertion": false
     }
 }
diff --git a/types/boom/v4/boom-tests.ts b/types/boom/v4/boom-tests.ts
index 33e86699e8..ee2a8eefb8 100644
--- a/types/boom/v4/boom-tests.ts
+++ b/types/boom/v4/boom-tests.ts
@@ -1,5 +1,4 @@
 import Boom = require('boom');
-import * as Hapi from 'hapi';
 
 // 4xx and data type
 
diff --git a/types/boom/v4/tsconfig.json b/types/boom/v4/tsconfig.json
index f8f2968c34..58f1109eee 100644
--- a/types/boom/v4/tsconfig.json
+++ b/types/boom/v4/tsconfig.json
@@ -25,4 +25,4 @@
         "index.d.ts",
         "boom-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/bootpag/index.d.ts b/types/bootpag/index.d.ts
index af47cc3219..bf7c134e35 100644
--- a/types/bootpag/index.d.ts
+++ b/types/bootpag/index.d.ts
@@ -32,12 +32,12 @@ declare namespace JqueryBootpag {
         leaps?: boolean;
 
         /**
-         * next button text (default "�")
+         * next button text (default ???)
          */
         next?: string;
 
         /**
-         * prev button text (default "�")
+         * prev button text (default ???)
          */
         prev?: string;
 
diff --git a/types/bootstrap-maxlength/index.d.ts b/types/bootstrap-maxlength/index.d.ts
index e1fd71deb8..0a92539850 100644
--- a/types/bootstrap-maxlength/index.d.ts
+++ b/types/bootstrap-maxlength/index.d.ts
@@ -113,7 +113,7 @@ declare namespace BootstrapMaxlength {
          */
         message?: string | ((currentText : string, maxLength: Number) => string),
         /**
-         * If true the input will count using utf8 bytesize/encoding. For example: the '�' character is counted as two characters.
+         * If true the input will count using utf8 bytesize/encoding. For example: the '¢' character is counted as two characters.
          * @default false
          */
         utf8?: boolean,
diff --git a/types/bootstrap-toggle/bootstrap-toggle-tests.ts b/types/bootstrap-toggle/bootstrap-toggle-tests.ts
new file mode 100644
index 0000000000..764415a048
--- /dev/null
+++ b/types/bootstrap-toggle/bootstrap-toggle-tests.ts
@@ -0,0 +1,38 @@
+import 'bootstrap-toggle';
+
+const $elem = $("#toggle");
+
+// Test Initialise Cases
+$elem.bootstrapToggle();
+
+$elem.bootstrapToggle({});
+
+$elem.bootstrapToggle({
+    // Defaults from source project
+    on: 'On',
+    off: 'Off',
+    onstyle: 'primary',
+    offstyle: 'default',
+    size: 'normal',
+    style: '',
+    width: null,
+    height: null
+});
+
+$elem.bootstrapToggle({
+    width: 100,
+    height: 100
+});
+
+$elem.bootstrapToggle({
+    width: "100%",
+    height: "100%"
+});
+
+// Methods
+$elem.bootstrapToggle("destroy");
+$elem.bootstrapToggle("on");
+$elem.bootstrapToggle("off");
+$elem.bootstrapToggle("toggle");
+$elem.bootstrapToggle("enable");
+$elem.bootstrapToggle("disable");
diff --git a/types/bootstrap-toggle/index.d.ts b/types/bootstrap-toggle/index.d.ts
new file mode 100644
index 0000000000..51dcec9446
--- /dev/null
+++ b/types/bootstrap-toggle/index.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for bootstrap-toggle 2.2
+// Project: https://github.com/minhur/bootstrap-toggle
+// Definitions by: Mitchell Grice <https://github.com/gricey432>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="jquery"/>
+
+interface BootstrapToggleOptions {
+    on?: string;
+    off?: string;
+    size?: string;
+    onstyle?: string;
+    offstyle?: string;
+    style?: string;
+    width?: number | string | null;
+    height?: number | string | null;
+}
+
+interface JQuery {
+    bootstrapToggle(options?: BootstrapToggleOptions): JQuery;
+    bootstrapToggle(command: "destroy" | "on" | "off" | "toggle" | "enable" | "disable"): JQuery;
+}
diff --git a/types/bootstrap-toggle/tsconfig.json b/types/bootstrap-toggle/tsconfig.json
new file mode 100644
index 0000000000..b3d28afbde
--- /dev/null
+++ b/types/bootstrap-toggle/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "bootstrap-toggle-tests.ts"
+    ]
+}
diff --git a/types/react-i18next/tslint.json b/types/bootstrap-toggle/tslint.json
similarity index 100%
rename from types/react-i18next/tslint.json
rename to types/bootstrap-toggle/tslint.json
diff --git a/types/bootstrap/v3/bootstrap-tests.ts b/types/bootstrap/v3/bootstrap-tests.ts
index cd786b41a7..00a8fa44fd 100644
--- a/types/bootstrap/v3/bootstrap-tests.ts
+++ b/types/bootstrap/v3/bootstrap-tests.ts
@@ -1,48 +1,267 @@
-$('body').off('.data-api');
-$('body').off('.alert.data-api');
+// --------------------------------------------------------------------------------------
+// Modal
+// --------------------------------------------------------------------------------------
 
-$(".btn.danger").button("toggle").addClass("fat");
-$("#myModal").modal();
-$("#myModal").modal({ keyboard: false });
-$("#myModal").modal('show');
+$(".modal").modal();
 
-$('#myModal').on('show', (e) => e.preventDefault());
+$(".modal").modal("show");
 
-$('#myModal').modal({ keyboard: false });
-$('#myModal').modal('toggle');
+$(".modal").modal("toggle");
 
-$('.dropdown-toggle').dropdown();
+$(".modal").modal("handleUpdate");
 
-$('#navbar').scrollspy();
-$('body').scrollspy({ target: '#navbar-example' });
+$(".modal").modal({
+    backdrop: "static",
+    keyboard: false,
+    show: true,
+    remote: "remote.html",
+});
 
-$('#element').tooltip('show');
+$(".modal").modal({
+    backdrop: false,
+});
 
-$('#element').popover('show');
+// --------------------------------------------------------------------------------------
+// Dropdown
+// --------------------------------------------------------------------------------------
+
+$(".dropdown").dropdown();
+
+$(".dropdown").dropdown("toggle");
+
+// --------------------------------------------------------------------------------------
+// Scrollspy
+// --------------------------------------------------------------------------------------
+
+$(".navbar").scrollspy();
+
+$(".navbar").scrollspy("refresh");
+
+$(".navbar").scrollspy({
+    target: "#navbar-example",
+    offset: 10,
+});
+
+// --------------------------------------------------------------------------------------
+// Tooltip
+// --------------------------------------------------------------------------------------
+
+$("#element").tooltip();
+
+$("#element").tooltip("show");
+
+$("#element").tooltip({
+    animation: true,
+    container: false,
+    delay: 0,
+    html: false,
+    placement: "top",
+    selector: ".selector",
+    template: '<div class="tooltip" role="tooltip"></div>',
+    title: "",
+    trigger: "hover focus",
+    viewport: { selector: "body", padding: 0 },
+});
+
+$("#element").tooltip({
+    container: "body",
+});
+
+$("#element").tooltip({
+    delay: { show: 500, hide: 100 },
+});
+
+$("#element").tooltip({
+    placement() { return "top"; },
+});
+
+$("#element").tooltip({
+    placement(tooltip: HTMLElement, trigger: Element) {
+        console.log(this.options.delay);
+        return "top";
+    },
+});
+
+$("#element").tooltip({
+    placement(tooltip: HTMLElement, trigger: Element) {
+        // $ExpectError
+        console.log(this.options.content); // only for PopoverOption, not TooltipOption
+        return "top";
+    },
+});
+
+$("#element").tooltip({
+    title() { return this.id; },
+});
+
+$("#element").tooltip({
+    viewport: "body",
+});
+
+// --------------------------------------------------------------------------------------
+// Popover
+// --------------------------------------------------------------------------------------
+
+$("#element").popover();
+
+$("#element").popover("show");
+
+$("#element").popover({
+    animation: true,
+    container: false,
+    content: "content",
+    delay: 0,
+    html: false,
+    placement: "top",
+    selector: ".selector",
+    template: '<div class="tooltip" role="tooltip"></div>',
+    title: "",
+    trigger: "hover focus",
+    viewport: { selector: "body", padding: 0 },
+});
+
+$("#element").popover({
+    container: "body",
+});
+
+$("#element").popover({
+    content() { return `Elem id: ${this.id}`; },
+});
+
+$("#element").popover({
+    delay: { show: 500, hide: 100 },
+});
+
+$("#element").popover({
+    placement() { return "top"; },
+});
+
+$("#element").popover({
+    placement(tooltip: HTMLElement, trigger: Element) {
+        console.log(this.options.content);
+        return "top";
+    },
+});
+
+$("#element").popover({
+    title() { return `Elem id: ${this.id}`; },
+});
+
+$("#element").popover({
+    viewport: "body",
+});
+
+// --------------------------------------------------------------------------------------
+// Alert
+// --------------------------------------------------------------------------------------
 
 $(".alert").alert();
-$(".alert").alert('close');
 
-$('.nav-tabs').button();
-$().button('toggle');
+$(".alert").alert("close");
+
+// --------------------------------------------------------------------------------------
+// Button
+// --------------------------------------------------------------------------------------
+
+$(".btn").button();
+
+$(".btn").button("toggle");
+
+$(".btn").button("reset");
+
+$(".btn").button("Swaps text to any data defined text state.");
+
+// --------------------------------------------------------------------------------------
+// Collapse
+// --------------------------------------------------------------------------------------
 
 $(".collapse").collapse();
 
-$('#myCollapsible').collapse({ toggle: false });
+$(".collapse").collapse("toggle");
 
-$('.carousel').carousel();
-$('.carousel').carousel({ interval: 2000 });
-
-$('.typeahead').typeahead({
-    matcher: item => true,
-    sorter: (items: any[]) => items,
-    updater: item => item,
-    highlighter: item => ""
+$(".collapse").collapse({
+    parent: "#selector",
+    toggle: false,
 });
 
-$('#navbar').affix();
+// --------------------------------------------------------------------------------------
+// Carousel
+// --------------------------------------------------------------------------------------
 
-$('.item').emulateTransitionEnd(2000);
+$(".carousel").carousel();
+
+$(".carousel").carousel("cycle");
+
+$(".carousel").carousel(200);
+
+$(".carousel").carousel({
+    interval: 2000,
+    pause: "hover",
+    wrap: true,
+    keyboard: false,
+});
+
+$(".carousel").carousel({
+    interval: false,
+});
+
+$(".carousel").carousel({
+    pause: null,
+});
+
+// --------------------------------------------------------------------------------------
+// Affix
+// --------------------------------------------------------------------------------------
+
+$(".affix").affix();
+
+$(".affix").affix("checkPosition");
+
+$(".affix").affix({
+    offset: 10,
+    target: window,
+});
+
+$(".affix").affix({
+    offset: { top: 10, bottom: 5 },
+});
+
+$(".affix").affix({
+    offset: { top: 10 },
+});
+
+$(".affix").affix({
+    offset: { bottom: () => 10 },
+});
+
+$(".affix").affix({
+    offset: {
+        top: 100,
+        bottom() {
+            const that = this as BootstrapOffset;
+            return (that.bottom = $(".footer").outerHeight(true)!);
+        },
+    }
+});
+
+$(".affix").affix({
+    target: ".selector",
+});
+
+$(".affix").affix({
+    target: document.getElementById("id")!,
+});
+
+$(".affix").affix({
+    target: $("#id"),
+});
+
+// --------------------------------------------------------------------------------------
+// Transition
+// --------------------------------------------------------------------------------------
+
+$(".item").emulateTransitionEnd(2000);
 
 $.support.transition = false;
-console.log(($.support.transition as any as TransitionEventNames).end === "transitionend");
+
+console.log(($.support.transition as TransitionEventNames).end === "transitionend");
diff --git a/types/bootstrap/v3/index.d.ts b/types/bootstrap/v3/index.d.ts
index 06142cc1d1..a6ddbeb1f8 100644
--- a/types/bootstrap/v3/index.d.ts
+++ b/types/bootstrap/v3/index.d.ts
@@ -1,21 +1,49 @@
-// Type definitions for Bootstrap 3.3.5
+// Type definitions for Bootstrap 3.3
 // Project: http://twitter.github.com/bootstrap/
 // Definitions by: Boris Yankov <https://github.com/borisyankov>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-
 /// <reference types="jquery"/>
 
-interface ModalOptions {
-    backdrop?: boolean|string;
-    keyboard?: boolean;
-    show?: boolean;
-    remote?: string;
+// --------------------------------------------------------------------------
+// Some Types and Interfaces
+// --------------------------------------------------------------------------
+
+type BootstrapPlacement = "auto" | "top" | "bottom" | "left" | "right";
+
+type BootstrapTrigger = "click" | "hover" | "focus" | "manual" |
+    "click hover" | "click focus" | "hover focus" |
+    "click hover focus";
+
+type BootstrapDynamicOffset = (elem: JQuery) => number;
+
+interface BootstrapDelay {
+    show?: number;
+    hide?: number;
 }
 
-interface ModalOptionsBackdropString {
-    backdrop?: string; // for "static"
+interface BootstrapOffset {
+    top?: number | BootstrapDynamicOffset;
+    bottom?: number | BootstrapDynamicOffset;
+}
+
+interface BootstrapViewport {
+    padding?: number;
+    selector: string;
+}
+
+interface TooltipInstance<T extends TooltipOptions> {
+    options: T;
+}
+
+// --------------------------------------------------------------------------------------
+// Options Interfaces
+// --------------------------------------------------------------------------------------
+
+interface ModalOptions {
+    backdrop?: boolean | "static";
     keyboard?: boolean;
     show?: boolean;
     remote?: string;
@@ -28,103 +56,83 @@ interface ScrollSpyOptions {
 
 interface TooltipOptions {
     animation?: boolean;
+    container?: string | false;
+    delay?: number | BootstrapDelay;
     html?: boolean;
-    placement?: string | Function;
+    placement?: BootstrapPlacement | ((this: TooltipInstance<this>, tooltip: HTMLElement, trigger: Element) => BootstrapPlacement);
     selector?: string;
-    title?: string | Function;
-    trigger?: string;
     template?: string;
-    delay?: number | Object;
-    container?: string | boolean;
-    viewport?: string | Function | Object;
+    title?: string | ((this: Element) => string);
+    trigger?: BootstrapTrigger;
+    viewport?: string | BootstrapViewport;
 }
 
-interface PopoverOptions {
-    animation?: boolean;
-    html?: boolean;
-    placement?: string | Function;
-    selector?: string;
-    trigger?: string;
-    title?: string | Function;
-    template?: string;
-    content?: any;
-    delay?: number | Object;
-    container?: string | boolean;
-    viewport?: string | Function | Object;
+interface PopoverOptions extends TooltipOptions {
+    content?: string | ((this: Element) => string);
 }
 
 interface CollapseOptions {
-    parent?: any;    
+    parent?: string | false;
     toggle?: boolean;
 }
 
 interface CarouselOptions {
-    interval?: number;
-    pause?: string;
+    interval?: number | false;
+    pause?: "hover" | null;
     wrap?: boolean;
     keyboard?: boolean;
 }
 
-interface TypeaheadOptions {
-    source?: any;
-    items?: number;
-    minLength?: number;
-    matcher?: (item: any) => boolean;
-    sorter?: (items: any[]) => any[];
-    updater?: (item: any) => any;
-    highlighter?: (item: any) => string;
+interface AffixOptions {
+    offset?: number | BootstrapOffset;
+    target?: string | Node | JQuery | Window;
 }
 
-interface AffixOptions {
-    offset?: number | Function | Object;
-    target?: any;
+// --------------------------------------------------------------------------------------
+// jQuery
+// --------------------------------------------------------------------------------------
+
+interface JQuery {
+    modal(action?: "toggle" | "show" | "hide" | "handleUpdate"): JQuery;
+    modal(options: ModalOptions): JQuery;
+
+    dropdown(action?: "toggle"): JQuery;
+
+    scrollspy(action?: "refresh"): JQuery;
+    scrollspy(options: ScrollSpyOptions): JQuery;
+
+    tab(action?: "show"): JQuery;
+
+    tooltip(action?: "show" | "hide" | "toggle" | "destroy"): JQuery;
+    tooltip(options: TooltipOptions): JQuery;
+
+    popover(action?: "show" | "hide" | "toggle" | "destroy"): JQuery;
+    popover(options: PopoverOptions): JQuery;
+
+    alert(action?: "close"): JQuery;
+
+    button(action?: "toggle" | "reset" | string): JQuery;
+
+    collapse(action?: "toggle" | "show" | "hide"): JQuery;
+    collapse(options: CollapseOptions): JQuery;
+
+    carousel(action?: "cycle" | "pause" | number | "prev" | "next"): JQuery;
+    carousel(options: CarouselOptions): JQuery;
+
+    affix(action?: "checkPosition"): JQuery;
+    affix(options: AffixOptions): JQuery;
+
+    emulateTransitionEnd(duration: number): JQuery;
 }
 
+// --------------------------------------------------------------------------------------
+// Other
+// --------------------------------------------------------------------------------------
+
 interface TransitionEventNames {
     end: string;
 }
 
-interface JQuery {
-    modal(options?: ModalOptions): JQuery;
-    modal(options?: ModalOptionsBackdropString): JQuery;
-    modal(command: string, relatedTarget?: Element): JQuery;
-
-    dropdown(): JQuery;
-    dropdown(command: string): JQuery;
-
-    scrollspy(command: string): JQuery;
-    scrollspy(options?: ScrollSpyOptions): JQuery;
-
-    tab(): JQuery;
-    tab(command: string): JQuery;
-
-    tooltip(options?: TooltipOptions): JQuery;
-    tooltip(command: string): JQuery;
-
-    popover(options?: PopoverOptions): JQuery;
-    popover(command: string): JQuery;
-
-    alert(): JQuery;
-    alert(command: string): JQuery;
-
-    button(): JQuery;
-    button(command: string): JQuery;
-
-    collapse(options?: CollapseOptions): JQuery;
-    collapse(command: string): JQuery;
-
-    carousel(options?: CarouselOptions): JQuery;
-    carousel(command: string): JQuery;
-    carousel(index: number): JQuery;
-
-    typeahead(options?: TypeaheadOptions): JQuery;
-
-    affix(options?: AffixOptions): JQuery;
-    affix(command: string): JQuery;
-
-    emulateTransitionEnd(duration: number): JQuery;
-}
-
 interface JQuerySupport {
     transition: boolean | TransitionEventNames;
 }
diff --git a/types/bootstrap/v3/tsconfig.json b/types/bootstrap/v3/tsconfig.json
index 585af4f8b2..38477cd68e 100644
--- a/types/bootstrap/v3/tsconfig.json
+++ b/types/bootstrap/v3/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../../",
         "typeRoots": [
diff --git a/types/bootstrap/v3/tslint.json b/types/bootstrap/v3/tslint.json
index a41bf5d19a..075fa88707 100644
--- a/types/bootstrap/v3/tslint.json
+++ b/types/bootstrap/v3/tslint.json
@@ -1,79 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
+        "no-single-declare-module": false
     }
 }
diff --git a/types/bootstrap3-dialog/tsconfig.json b/types/bootstrap3-dialog/tsconfig.json
index cdf93479b7..774e895668 100644
--- a/types/bootstrap3-dialog/tsconfig.json
+++ b/types/bootstrap3-dialog/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/broccoli-plugin/broccoli-plugin-tests.ts b/types/broccoli-plugin/broccoli-plugin-tests.ts
new file mode 100644
index 0000000000..4434fce10c
--- /dev/null
+++ b/types/broccoli-plugin/broccoli-plugin-tests.ts
@@ -0,0 +1,46 @@
+import Plugin = require('broccoli-plugin');
+
+declare function copySync(src: string, dest: string): void;
+declare function setTimeout(callback: () => void, duration: number): void;
+
+class SlowItDown extends Plugin {
+    constructor(private readonly waitInMS: number) {
+        super([], {
+            annotation: `${waitInMS} ms`,
+            needsCache: false
+        });
+    }
+
+    async build() {
+        await new Promise(resolve => setTimeout(resolve, this.waitInMS));
+    }
+}
+
+class FileCopier extends Plugin {
+    constructor(inputNodes: Plugin.BroccoliNode[]) {
+        super(inputNodes, {
+            name: 'CopyFiles',
+            persistentOutput: true
+        });
+    }
+
+    build() {
+        for (const input of this.inputPaths) {
+            copySync(input, this.outputPath);
+        }
+    }
+
+    getCallbackObject() {
+        return this;
+    }
+}
+
+new FileCopier([
+    new SlowItDown(5000),
+    'src',
+    'assets'
+]);
+
+new Plugin(); // $ExpectError
+new Plugin([{}]); // $ExpectError
+new Plugin([], { foo: 'bar' }); // $ExpectError
diff --git a/types/broccoli-plugin/index.d.ts b/types/broccoli-plugin/index.d.ts
new file mode 100644
index 0000000000..36b1da65e2
--- /dev/null
+++ b/types/broccoli-plugin/index.d.ts
@@ -0,0 +1,78 @@
+// Type definitions for broccoli-plugin 1.3
+// Project: https://github.com/broccolijs/broccoli-plugin
+// Definitions by: Dan Freeman <https://github.com/dfreeman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export = BroccoliPlugin;
+
+declare namespace BroccoliPlugin {
+    type BroccoliNode = BroccoliPlugin | string;
+
+    interface BroccoliPluginOptions {
+        /**
+         * The name of this plugin. Defaults to `this.constructor.name`.
+         */
+        name?: string;
+
+        /**
+         * A descriptive annotation. Useful for debugging, to tell multiple
+         * instances of the same plugin apart.
+         */
+        annotation?: string;
+
+        /**
+         * If `true`, the output directory is not automatically emptied between
+         * builds. Defaults to `false`.
+         */
+        persistentOutput?: boolean;
+
+        /**
+         * If `true`, a cache directory is created automatically and the path is
+         * set at `cachePath`. If `false`, a cache directory is not created and
+         * `this.cachePath` is `undefined`. Defaults to `true`.
+         */
+        needsCache?: boolean;
+    }
+}
+
+declare class BroccoliPlugin {
+    constructor(inputNodes: BroccoliPlugin.BroccoliNode[], options?: BroccoliPlugin.BroccoliPluginOptions);
+
+    /**
+     * An array of paths on disk corresponding to each node in `inputNodes`.
+     * Your plugin will read files from these paths.
+     */
+    readonly inputPaths: ReadonlyArray<string>;
+
+    /**
+     * The path on disk corresponding to this plugin instance (this node).
+     * Your plugin will write files to this path. This directory is emptied by
+     * Broccoli before each build, unless the `persistentOutput` options is
+     * `true`.
+     */
+    readonly outputPath: string;
+
+    /**
+     * The path on disk to an auxiliary cache directory. Use this to store
+     * files that you want preserved between builds. This directory will
+     * only be deleted when Broccoli exits. If a cache directory is not
+     * needed, set `needsCache` to false when calling `broccoli-plugin`
+     * constructor.
+     */
+    readonly cachePath?: string;
+
+    /**
+     * Override this method in your subclass. It will be called on each
+     * (re-)build. All paths stay the same between builds.
+     * To perform asynchronous work, return a promise.
+     */
+    build(): void | Promise<any>;
+
+    /**
+     * Advanced usage only.
+     * Return the object on which Broccoli will call `obj.build()`. Called
+     * once after instantiation. By default, returns `this`.
+     */
+    getCallbackObject(): { build(): void | Promise<any> };
+}
diff --git a/types/broccoli-plugin/tsconfig.json b/types/broccoli-plugin/tsconfig.json
new file mode 100644
index 0000000000..0f36813dc1
--- /dev/null
+++ b/types/broccoli-plugin/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "broccoli-plugin-tests.ts"
+    ]
+}
diff --git a/types/react-i18next/v4/tslint.json b/types/broccoli-plugin/tslint.json
similarity index 100%
rename from types/react-i18next/v4/tslint.json
rename to types/broccoli-plugin/tslint.json
diff --git a/types/browserslist/browserslist-tests.ts b/types/browserslist/browserslist-tests.ts
new file mode 100644
index 0000000000..d5e88e5b5d
--- /dev/null
+++ b/types/browserslist/browserslist-tests.ts
@@ -0,0 +1,22 @@
+import browserslist from "browserslist";
+
+browserslist(); // $ExpectType string[]
+browserslist(""); // $ExpectType string[]
+browserslist([""]); // $ExpectType string[]
+
+const opts: browserslist.Options[] = [
+    {},
+    { path: "" },
+    { env: "" },
+    { stats: { "": { "": 0 } } },
+    { config: "" },
+    { ignoreUnknownVersions: false },
+    { dangerousExtend: false }
+];
+for (const opt of opts) {
+    browserslist("", opt); // $ExpectType string[]
+    browserslist([""], opt); // $ExpectType string[]
+}
+
+browserslist.coverage([""]); // $ExpectType number
+browserslist.coverage([""], { "": { "": 0 } }); // $ExpectType number
diff --git a/types/browserslist/index.d.ts b/types/browserslist/index.d.ts
new file mode 100644
index 0000000000..7c4a0add0c
--- /dev/null
+++ b/types/browserslist/index.d.ts
@@ -0,0 +1,34 @@
+// Type definitions for browserslist 4.3
+// Project: https://github.com/browserslist/browserslist#readme
+// Definitions by: Dave Cardwell <https://github.com/davecardwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.7
+
+declare namespace browserslist {
+    interface Browserslist {
+        (queries?: string | ReadonlyArray<string>, opts?: Options): string[];
+
+        coverage: (browsers: ReadonlyArray<string>, stats?: Stats) => number;
+
+        clearCaches: () => void;
+    }
+
+    interface Stats {
+        [browser: string]: {
+            [version: string]: number;
+        };
+    }
+
+    interface Options {
+        path?: string;
+        env?: string;
+        stats?: Stats;
+        config?: string;
+        ignoreUnknownVersions?: boolean;
+        dangerousExtend?: boolean;
+    }
+}
+
+declare var browserslist: browserslist.Browserslist;
+
+export = browserslist;
diff --git a/types/browserslist/tsconfig.json b/types/browserslist/tsconfig.json
new file mode 100644
index 0000000000..cf68d8bf64
--- /dev/null
+++ b/types/browserslist/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true
+    },
+    "files": ["index.d.ts", "browserslist-tests.ts"]
+}
diff --git a/types/browserslist/tslint.json b/types/browserslist/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/browserslist/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/bull/bull-tests.tsx b/types/bull/bull-tests.tsx
index a8c7f403a7..dd484ce1d1 100644
--- a/types/bull/bull-tests.tsx
+++ b/types/bull/bull-tests.tsx
@@ -125,6 +125,7 @@ videoQueue.add({ video: 'http://example.com/video1.mov' }, { jobId: 1 })
 pdfQueue
 .on('error', (err: Error) => undefined)
 .on('active', (job: Queue.Job, jobPromise: Queue.JobPromise) => jobPromise.cancel())
+.on('waiting', (jobId: Queue.JobId) => undefined)
 .on('active', (job: Queue.Job) => undefined)
 .on('stalled', (job: Queue.Job) => undefined)
 .on('progress', (job: Queue.Job) => undefined)
@@ -132,4 +133,53 @@ pdfQueue
 .on('failed', (job: Queue.Job) => undefined)
 .on('paused', () => undefined)
 .on('resumed', () => undefined)
-.on('cleaned', (jobs: Queue.Job[], status: Queue.JobStatus) => undefined);
+.on('cleaned', (jobs: Queue.Job[], status: Queue.JobStatusClean) => undefined)
+.on('drained', () => undefined)
+.on('removed', (job: Queue.Job) => undefined);
+
+// test different process methods
+
+const profileQueue = new Queue('profile');
+// Max concurrency for requestProfile is 100
+profileQueue.process('requestProfile', 100, () => {});
+profileQueue.process(100, () => {});
+
+// other tests
+const myQueue = new Queue('myQueue', {
+    settings: {
+        drainDelay: 5
+    },
+    defaultJobOptions: {
+        stackTraceLimit: 1,
+    }
+});
+
+myQueue.on('active', (job: Queue.Job) => {
+    job.moveToCompleted();
+    job.moveToCompleted('done');
+    job.moveToCompleted('done', true);
+    job.moveToCompleted('done', true).then(val => {
+        if (val) {
+            const nextJobData: any = val[0];
+            const nextJobId: Queue.JobId = val[1];
+        }
+    });
+
+    job.moveToFailed({ message: "Call to external service failed!" }, true);
+    job.moveToFailed(new Error('test error'), true);
+    job.moveToFailed(new Error('test error'), true).then(val => {
+        if (val) {
+            const nextJobData: any = val[0];
+            const nextJobId: Queue.JobId = val[1];
+        }
+    });
+
+    job.discard();
+});
+
+// test all constructor options:
+
+new Queue('profile');
+new Queue('profile', 'url');
+new Queue('profile', { prefix: 'test' });
+new Queue('profile', 'url', { prefix: 'test' });
diff --git a/types/bull/index.d.ts b/types/bull/index.d.ts
index ac820290f2..6096d98145 100644
--- a/types/bull/index.d.ts
+++ b/types/bull/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for bull 3.3
+// Type definitions for bull 3.4
 // Project: https://github.com/OptimalBits/bull
 // Definitions by: Bruno Grieder <https://github.com/bgrieder>
 //                 Cameron Crothers <https://github.com/JProgrammer>
@@ -10,6 +10,8 @@
 //                 Bond Akinmade <https://github.com/bondz>
 //                 Wuha Team <https://github.com/wuha-team>
 //                 Alec Brunelle <https://github.com/aleccool213>
+//                 Dan Manastireanu <https://github.com/danmana>
+//                 Kjell-Morten Bratsberg Thorsen <https://github.com/kjellmorten>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -23,9 +25,9 @@ import * as Promise from "bluebird";
  */
 declare const Bull: {
   (queueName: string, opts?: Bull.QueueOptions): Bull.Queue;
-  (queueName: string, url?: string): Bull.Queue; // tslint:disable-line unified-signatures
+  (queueName: string, url: string, opts?: Bull.QueueOptions): Bull.Queue; // tslint:disable-line unified-signatures
   new (queueName: string, opts?: Bull.QueueOptions): Bull.Queue;
-  new (queueName: string, url?: string): Bull.Queue; // tslint:disable-line unified-signatures
+  new (queueName: string, url: string, opts?: Bull.QueueOptions): Bull.Queue; // tslint:disable-line unified-signatures
 };
 
 declare namespace Bull {
@@ -92,6 +94,12 @@ declare namespace Bull {
     backoffStrategies?: {
       [key: string]: (attemptsMade: number, err: typeof Error) => number;
     };
+
+    /**
+     * A timeout for when the queue is in `drained` state (empty waiting for jobs).
+     * It is used when calling `queue.getNextJob()`, which will pass it to `.brpoplpush` on the Redis client.
+     */
+    drainDelay?: number;
   }
 
   type DoneCallback = (error?: Error | null, value?: any) => void;
@@ -141,6 +149,11 @@ declare namespace Bull {
      */
     retry(): Promise<void>;
 
+    /**
+     * Ensure this job is never ran again even if attemptsMade is less than job.attempts.
+     */
+    discard(): Promise<void>;
+
     /**
      * Returns a promise that resolves to the returned data when the job has been finished.
      * TODO: Add a watchdog to check if the job has finished periodically.
@@ -148,6 +161,18 @@ declare namespace Bull {
      */
     finished(): Promise<any>;
 
+    /**
+     * Moves a job to the `completed` queue. Pulls a job from 'waiting' to 'active'
+     * and returns a tuple containing the next jobs data and id. If no job is in the `waiting` queue, returns null.
+     */
+    moveToCompleted(returnValue?: string, ignoreLock?: boolean): Promise<[any, JobId] | null>;
+
+    /**
+     * Moves a job to the `failed` queue. Pulls a job from 'waiting' to 'active'
+     * and returns a tuple containing the next jobs data and id. If no job is in the `waiting` queue, returns null.
+     */
+    moveToFailed(errorInfo: { message: string; }, ignoreLock?: boolean): Promise<[any, JobId] | null>;
+
     /**
      * Promotes a job that is currently "delayed" to the "waiting" state and executed as soon as possible.
      */
@@ -170,6 +195,7 @@ declare namespace Bull {
   }
 
   type JobStatus = 'completed' | 'waiting' | 'active' | 'delayed' | 'failed';
+  type JobStatusClean = 'completed' | 'wait' | 'active' | 'delayed' | 'failed';
 
   interface BackoffOptions {
     /**
@@ -205,6 +231,11 @@ declare namespace Bull {
      * Cron pattern specifying when the job should execute
      */
     cron: string;
+
+    /**
+     * Start date when the repeat job should start repeating (only with cron).
+     */
+    startDate?: Date | string | number;
   }
 
   interface EveryRepeatOptions extends RepeatOptions {
@@ -273,6 +304,11 @@ declare namespace Bull {
      * Default behavior is to keep the job in the completed set.
      */
     removeOnFail?: boolean;
+
+    /**
+     * Limits the amount of stack trace lines that will be recorded in the stacktrace.
+     */
+    stackTraceLimit?: number;
   }
 
   interface JobCounts {
@@ -601,12 +637,12 @@ declare namespace Bull {
 
     /**
      * Tells the queue remove all jobs created outside of a grace period in milliseconds.
-     * You can clean the jobs with the following states: completed, waiting, active, delayed, and failed.
+     * You can clean the jobs with the following states: completed, wait (typo for waiting), active, delayed, and failed.
      * @param grace Grace period in milliseconds.
      * @param status Status of the job to clean. Values are completed, wait, active, delayed, and failed. Defaults to completed.
      * @param limit Maximum amount of jobs to clean per call. If not provided will clean all matching jobs.
      */
-    clean(grace: number, status?: JobStatus, limit?: number): Promise<Array<Job<T>>>;
+    clean(grace: number, status?: JobStatusClean, limit?: number): Promise<Array<Job<T>>>;
 
     /**
      * Listens to queue events
@@ -618,6 +654,11 @@ declare namespace Bull {
      */
     on(event: 'error', callback: ErrorEventCallback): this;
 
+    /**
+     * A Job is waiting to be processed as soon as a worker is idling.
+     */
+    on(event: 'waiting', callback: WaitingEventCallback): this;
+
     /**
      * A job has started. You can use `jobPromise.cancel()` to abort it
      */
@@ -654,6 +695,11 @@ declare namespace Bull {
      */
     on(event: 'resumed', callback: EventCallback): this; // tslint:disable-line unified-signatures
 
+    /**
+     * A job successfully removed.
+     */
+    on(event: 'removed', callback: RemovedEventCallback<T>): this;
+
     /**
      * Old jobs have been cleaned from the queue.
      * `jobs` is an array of jobs that were removed, and `type` is the type of those jobs.
@@ -661,6 +707,12 @@ declare namespace Bull {
      * @see Queue#clean() for details
      */
     on(event: 'cleaned', callback: CleanedEventCallback<T>): this;
+
+    /**
+     * Emitted every time the queue has processed all the waiting jobs
+     * (even if there can be some delayed jobs not yet processed)
+     */
+    on(event: 'drained', callback: EventCallback): this; // tslint:disable-line unified-signatures
   }
 
   type EventCallback = () => void;
@@ -684,7 +736,11 @@ declare namespace Bull {
 
   type FailedEventCallback<T = any> = (job: Job<T>, error: Error) => void;
 
-  type CleanedEventCallback<T = any> = (jobs: Array<Job<T>>, status: JobStatus) => void;
+  type CleanedEventCallback<T = any> = (jobs: Array<Job<T>>, status: JobStatusClean) => void;
+
+  type RemovedEventCallback<T = any> = (job: Job<T>) => void;
+
+  type WaitingEventCallback = (jobId: JobId) => void;
 }
 
 export = Bull;
diff --git a/types/bunyan-winston-adapter/index.d.ts b/types/bunyan-winston-adapter/index.d.ts
index 718c9804e1..1ce6ae0a8b 100644
--- a/types/bunyan-winston-adapter/index.d.ts
+++ b/types/bunyan-winston-adapter/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/gluwer/bunyan-winston-adapter
 // Definitions by: Steve Hipwell <https://github.com/stevehipwell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
 import * as bunyan from "bunyan";
 import { Logger } from "winston";
diff --git a/types/bunyan/bunyan-tests.ts b/types/bunyan/bunyan-tests.ts
index e1d1861049..1072ec2031 100644
--- a/types/bunyan/bunyan-tests.ts
+++ b/types/bunyan/bunyan-tests.ts
@@ -6,6 +6,14 @@ const ringBufferOptions: Logger.RingBufferOptions = {
 const ringBuffer: Logger.RingBuffer = new Logger.RingBuffer(ringBufferOptions);
 ringBuffer.write("hello");
 
+const rotatingFileStreamOptions: Logger.RotatingFileStreamOptions = {
+    period: "1d",
+    count: 10,
+    path: "path"
+};
+const rotatingFileStream: Logger.RotatingFileStream = new Logger.RotatingFileStream(rotatingFileStreamOptions);
+rotatingFileStream.write("hello");
+
 let level: number;
 level = Logger.resolveLevel("trace");
 level = Logger.resolveLevel("debug");
@@ -49,6 +57,11 @@ const options: Logger.LoggerOptions = {
         stream: ringBuffer,
         level: Logger.ERROR,
         reemitErrorEvents: true
+    }, {
+        type: 'raw',
+        stream: rotatingFileStream,
+        level: Logger.ERROR,
+        reemitErrorEvents: true
     }]
 };
 
diff --git a/types/bunyan/index.d.ts b/types/bunyan/index.d.ts
index 4ee972d29c..f6f0b287aa 100644
--- a/types/bunyan/index.d.ts
+++ b/types/bunyan/index.d.ts
@@ -270,6 +270,29 @@ declare namespace Logger {
         destroy(): void;
         destroySoon(): void;
     }
+
+    interface RotatingFileStreamOptions {
+        path: string;
+        count?: number;
+        period?: string;
+    }
+
+    class RotatingFileStream extends EventEmitter implements NodeJS.WritableStream {
+        constructor(options: RotatingFileStreamOptions);
+
+        writable: boolean;
+        periodNum: number;
+        periodScope: string;
+        stream: any;
+        rotQueue: any[];
+        rotating: boolean;
+
+        write(record: any): boolean;
+        end(record?: any): void;
+        destroy(): void;
+        destroySoon(): void;
+        rotate(): void;
+    }
 }
 
 export = Logger;
diff --git a/types/business-rules-engine/Validation.d.ts b/types/business-rules-engine/Validation.d.ts
index 7f61f517be..bff7bf6243 100644
--- a/types/business-rules-engine/Validation.d.ts
+++ b/types/business-rules-engine/Validation.d.ts
@@ -1,239 +1 @@
-// Type definitions for business-rules-engine - v1.0.20
-// Project: https://github.com/rsamec/form
-// Definitions by: Roman Samec <https://github.com/rsamec>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace Validation {
-    interface IErrorCustomMessage {
-        (config: any, args: any): string;
-    }
-    interface IPropertyValidator {
-        isAcceptable(s: any): boolean;
-        customMessage?: IErrorCustomMessage;
-        tagName?: string;
-    }
-    interface IStringValidator extends IPropertyValidator {
-        isAcceptable(s: string): boolean;
-    }
-    interface IAsyncPropertyValidator {
-        isAcceptable(s: any): Q.Promise<boolean>;
-        customMessage?: IErrorCustomMessage;
-        isAsync: boolean;
-        tagName?: string;
-    }
-    interface IAsyncStringPropertyValidator extends IAsyncPropertyValidator {
-        isAcceptable(s: string): Q.Promise<boolean>;
-    }
-    enum CompareOperator {
-        LessThan = 0,
-        LessThanEqual = 1,
-        Equal = 2,
-        NotEqual = 3,
-        GreaterThanEqual = 4,
-        GreaterThan = 5,
-    }
-    interface IError {
-        HasError: boolean;
-        ErrorMessage: string;
-        TranslateArgs?: IErrorTranslateArgs;
-    }
-    interface IErrorTranslateArgs {
-        TranslateId: string;
-        MessageArgs: any;
-        CustomMessage?: IErrorCustomMessage;
-    }
-    interface IOptional {
-        (): boolean;
-    }
-    interface IValidationFailure extends IError {
-        IsAsync: boolean;
-        Error: IError;
-    }
-    interface IValidationResult {
-        Name: string;
-        Add(validationResult: IValidationResult): void;
-        Remove(index: number): void;
-        Children: IValidationResult[];
-        HasErrors: boolean;
-        HasErrorsDirty: boolean;
-        ErrorMessage: string;
-        ErrorCount: number;
-        Optional?: IOptional;
-        TranslateArgs?: IErrorTranslateArgs[];
-    }
-    interface IValidate {
-        (args: IError): void;
-    }
-    interface IAsyncValidate {
-        (args: IError): Q.Promise<any>;
-    }
-    interface IValidatorFce {
-        Name: string;
-        ValidationFce?: IValidate;
-        AsyncValidationFce?: IAsyncValidate;
-    }
-    interface IValidator {
-        Validate(context: any): IValidationFailure;
-        ValidateAsync(context: any): Q.Promise<IValidationFailure>;
-        Error: IError;
-    }
-    interface IAbstractValidator<T> {
-        RuleFor(prop: string, validator: IPropertyValidator): any;
-        ValidationFor(prop: string, validatorFce: IValidatorFce): any;
-        Validation(validatorFce: IValidatorFce): any;
-        ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>): any;
-        CreateRule(name: string): IAbstractValidationRule<any>;
-        CreateAbstractRule(name: string): IAbstractValidationRule<any>;
-        CreateAbstractListRule(name: string): IAbstractValidationRule<any>;
-        ForList: boolean;
-    }
-    interface IAbstractValidationRule<T> {
-        Validate(context: T): IValidationResult;
-        ValidateAsync(context: T): Q.Promise<IValidationResult>;
-        ValidateAll(context: T): Q.Promise<IValidationResult>;
-        ValidateProperty(context: T, propName: string): void;
-        ValidationResult: IValidationResult;
-        Rules: {
-            [name: string]: IPropertyValidationRule<T>;
-        };
-        Validators: {
-            [name: string]: IValidator;
-        };
-        Children: {
-            [name: string]: IAbstractValidationRule<any>;
-        };
-    }
-    interface IPropertyValidationRule<T> {
-        Validators: {
-            [name: string]: any;
-        };
-        Validate(context: IValidationContext<T>): IValidationFailure[];
-        ValidateAsync(context: IValidationContext<T>): Q.Promise<IValidationFailure[]>;
-    }
-    interface IValidationContext<T> {
-        Value: string;
-        Key: string;
-        Data: T;
-    }
-    class Error implements IError {
-        public HasError: boolean;
-        public ErrorMessage: string;
-        constructor();
-    }
-    class ValidationFailure implements IError {
-        public Error: IError;
-        public IsAsync: boolean;
-        constructor(Error: IError, IsAsync: boolean);
-        public HasError : boolean;
-        public ErrorMessage : string;
-        public TranslateArgs : IErrorTranslateArgs;
-    }
-    class ValidationResult implements IValidationResult {
-        public Name: string;
-        constructor(Name: string);
-        public IsDirty: boolean;
-        public Children : IValidationResult[];
-        public Add(error: IValidationResult): void;
-        public Remove(index: number): void;
-        public Optional: IOptional;
-        public TranslateArgs: IErrorTranslateArgs[];
-        public HasErrorsDirty : boolean;
-        public HasErrors : boolean;
-        public ErrorCount : number;
-        public ErrorMessage : string;
-    }
-    class CompositeValidationResult implements IValidationResult {
-        public Name: string;
-        public Children: IValidationResult[];
-        constructor(Name: string);
-        public Optional: IOptional;
-        public AddFirst(error: IValidationResult): void;
-        public Add(error: IValidationResult): void;
-        public Remove(index: number): void;
-        public HasErrorsDirty : boolean;
-        public HasErrors : boolean;
-        public ErrorCount : number;
-        public ErrorMessage : string;
-        public TranslateArgs : IErrorTranslateArgs[];
-        public LogErrors(headerMessage?: string): void;
-        public Errors : {
-            [name: string]: IValidationResult;
-        };
-        private FlattenErros;
-        public SetDirty(): void;
-        public SetPristine(): void;
-        private SetDirtyEx(node, dirty);
-        private flattenErrors(node, errorCollection);
-        private traverse(node, indent);
-    }
-    class AbstractValidator<T> implements IAbstractValidator<T> {
-        public Validators: {
-            [name: string]: IPropertyValidator[];
-        };
-        public AbstractValidators: {
-            [name: string]: IAbstractValidator<any>;
-        };
-        public ValidationFunctions: {
-            [name: string]: IValidatorFce[];
-        };
-        public RuleFor(prop: string, validator: IPropertyValidator): void;
-        public ValidationFor(prop: string, fce: IValidatorFce): void;
-        public Validation(fce: IValidatorFce): void;
-        public ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>, forList?: boolean): void;
-        public CreateAbstractRule(name: string): IAbstractValidationRule<T>;
-        public CreateAbstractListRule(name: string): IAbstractValidationRule<T>;
-        public CreateRule(name: string): IAbstractValidationRule<T>;
-        public ForList: boolean;
-    }
-    class MessageLocalization {
-        static customMsg: string;
-        static defaultMessages: {
-            "required": string;
-            "remote": string;
-            "email": string;
-            "url": string;
-            "date": string;
-            "dateISO": string;
-            "number": string;
-            "digits": string;
-            "signedDigits": string;
-            "creditcard": string;
-            "equalTo": string;
-            "maxlength": string;
-            "minlength": string;
-            "rangelength": string;
-            "range": string;
-            "max": string;
-            "min": string;
-            "step": string;
-            "contains": string;
-            "mask": string;
-            "custom": string;
-        };
-        static ValidationMessages: {
-            "required": string;
-            "remote": string;
-            "email": string;
-            "url": string;
-            "date": string;
-            "dateISO": string;
-            "number": string;
-            "digits": string;
-            "signedDigits": string;
-            "creditcard": string;
-            "equalTo": string;
-            "maxlength": string;
-            "minlength": string;
-            "rangelength": string;
-            "range": string;
-            "max": string;
-            "min": string;
-            "step": string;
-            "contains": string;
-            "mask": string;
-            "custom": string;
-        };
-        static GetValidationMessage(validator: any): string;
-    }
-}
 declare module "node-validation" {export = Validation;}
diff --git a/types/business-rules-engine/index.d.ts b/types/business-rules-engine/index.d.ts
index d85cd49c81..593eb92f51 100644
--- a/types/business-rules-engine/index.d.ts
+++ b/types/business-rules-engine/index.d.ts
@@ -4,242 +4,237 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-// Source: typings/business-rules-engine/Validation.d.ts
-
 import * as Q from "q";
 
-declare namespace Validation {
-    interface IErrorCustomMessage {
-        (config: any, args: any): string;
-    }
-    interface IPropertyValidator {
-        isAcceptable(s: any): boolean;
-        customMessage?: IErrorCustomMessage;
-        tagName?: string;
-    }
-    interface IStringValidator extends IPropertyValidator {
-        isAcceptable(s: string): boolean;
-    }
-    interface IAsyncPropertyValidator {
-        isAcceptable(s: any): Q.Promise<boolean>;
-        customMessage?: IErrorCustomMessage;
-        isAsync: boolean;
-        tagName?: string;
-    }
-    interface IAsyncStringPropertyValidator extends IAsyncPropertyValidator {
-        isAcceptable(s: string): Q.Promise<boolean>;
-    }
-    enum CompareOperator {
-        LessThan = 0,
-        LessThanEqual = 1,
-        Equal = 2,
-        NotEqual = 3,
-        GreaterThanEqual = 4,
-        GreaterThan = 5,
-    }
-    interface IError {
-        HasError: boolean;
-        ErrorMessage: string;
-        TranslateArgs?: IErrorTranslateArgs;
-    }
-    interface IErrorTranslateArgs {
-        TranslateId: string;
-        MessageArgs: any;
-        CustomMessage?: IErrorCustomMessage;
-    }
-    interface IOptional {
-        (): boolean;
-    }
-    interface IValidationFailure extends IError {
-        IsAsync: boolean;
-        Error: IError;
-    }
-    interface IValidationResult {
-        Name: string;
-        Add(validationResult: IValidationResult): void;
-        Remove(index: number): void;
-        Children: IValidationResult[];
-        HasErrors: boolean;
-        HasErrorsDirty: boolean;
-        ErrorMessage: string;
-        ErrorCount: number;
-        Optional?: IOptional;
-        TranslateArgs?: IErrorTranslateArgs[];
-    }
-    interface IValidate {
-        (args: IError): void;
-    }
-    interface IAsyncValidate {
-        (args: IError): Q.Promise<any>;
-    }
-    interface IValidatorFce {
-        Name: string;
-        ValidationFce?: IValidate;
-        AsyncValidationFce?: IAsyncValidate;
-    }
-    interface IValidator {
-        Validate(context: any): IValidationFailure;
-        ValidateAsync(context: any): Q.Promise<IValidationFailure>;
-        Error: IError;
-    }
-    interface IAbstractValidator<T> {
-        RuleFor(prop: string, validator: IPropertyValidator): any;
-        ValidationFor(prop: string, validatorFce: IValidatorFce): any;
-        Validation(validatorFce: IValidatorFce): any;
-        ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>): any;
-        CreateRule(name: string): IAbstractValidationRule<any>;
-        CreateAbstractRule(name: string): IAbstractValidationRule<any>;
-        CreateAbstractListRule(name: string): IAbstractValidationRule<any>;
-        ForList: boolean;
-    }
-    interface IAbstractValidationRule<T> {
-        Validate(context: T): IValidationResult;
-        ValidateAsync(context: T): Q.Promise<IValidationResult>;
-        ValidateAll(context: T): Q.Promise<IValidationResult>;
-        ValidateProperty(context: T, propName: string): void;
-        ValidationResult: IValidationResult;
-        Rules: {
-            [name: string]: IPropertyValidationRule<T>;
-        };
-        Validators: {
-            [name: string]: IValidator;
-        };
-        Children: {
-            [name: string]: IAbstractValidationRule<any>;
-        };
-    }
-    interface IPropertyValidationRule<T> {
-        Validators: {
-            [name: string]: any;
-        };
-        Validate(context: IValidationContext<T>): IValidationFailure[];
-        ValidateAsync(context: IValidationContext<T>): Q.Promise<IValidationFailure[]>;
-    }
-    interface IValidationContext<T> {
-        Value: string;
-        Key: string;
-        Data: T;
-    }
-    class Error implements IError {
-        public HasError: boolean;
-        public ErrorMessage: string;
-        constructor();
-    }
-    class ValidationFailure implements IError {
-        public Error: IError;
-        public IsAsync: boolean;
-        constructor(Error: IError, IsAsync: boolean);
-        public HasError : boolean;
-        public ErrorMessage : string;
-        public TranslateArgs : IErrorTranslateArgs;
-    }
-    class ValidationResult implements IValidationResult {
-        public Name: string;
-        constructor(Name: string);
-        public IsDirty: boolean;
-        public Children : IValidationResult[];
-        public Add(error: IValidationResult): void;
-        public Remove(index: number): void;
-        public Optional: IOptional;
-        public TranslateArgs: IErrorTranslateArgs[];
-        public HasErrorsDirty : boolean;
-        public HasErrors : boolean;
-        public ErrorCount : number;
-        public ErrorMessage : string;
-    }
-    class CompositeValidationResult implements IValidationResult {
-        public Name: string;
-        public Children: IValidationResult[];
-        constructor(Name: string);
-        public Optional: IOptional;
-        public AddFirst(error: IValidationResult): void;
-        public Add(error: IValidationResult): void;
-        public Remove(index: number): void;
-        public HasErrorsDirty : boolean;
-        public HasErrors : boolean;
-        public ErrorCount : number;
-        public ErrorMessage : string;
-        public TranslateArgs : IErrorTranslateArgs[];
-        public LogErrors(headerMessage?: string): void;
-        public Errors : {
-            [name: string]: IValidationResult;
-        };
-        private FlattenErros;
-        public SetDirty(): void;
-        public SetPristine(): void;
-        private SetDirtyEx(node, dirty);
-        private flattenErrors(node, errorCollection);
-        private traverse(node, indent);
-    }
-    class AbstractValidator<T> implements IAbstractValidator<T> {
-        public Validators: {
-            [name: string]: IPropertyValidator[];
-        };
-        public AbstractValidators: {
-            [name: string]: IAbstractValidator<any>;
-        };
-        public ValidationFunctions: {
-            [name: string]: IValidatorFce[];
-        };
-        public RuleFor(prop: string, validator: IPropertyValidator): void;
-        public ValidationFor(prop: string, fce: IValidatorFce): void;
-        public Validation(fce: IValidatorFce): void;
-        public ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>, forList?: boolean): void;
-        public CreateAbstractRule(name: string): IAbstractValidationRule<T>;
-        public CreateAbstractListRule(name: string): IAbstractValidationRule<T>;
-        public CreateRule(name: string): IAbstractValidationRule<T>;
-        public ForList: boolean;
-    }
-    class MessageLocalization {
-        static customMsg: string;
-        static defaultMessages: {
-            "required": string;
-            "remote": string;
-            "email": string;
-            "url": string;
-            "date": string;
-            "dateISO": string;
-            "number": string;
-            "digits": string;
-            "signedDigits": string;
-            "creditcard": string;
-            "equalTo": string;
-            "maxlength": string;
-            "minlength": string;
-            "rangelength": string;
-            "range": string;
-            "max": string;
-            "min": string;
-            "step": string;
-            "contains": string;
-            "mask": string;
-            "custom": string;
-        };
-        static ValidationMessages: {
-            "required": string;
-            "remote": string;
-            "email": string;
-            "url": string;
-            "date": string;
-            "dateISO": string;
-            "number": string;
-            "digits": string;
-            "signedDigits": string;
-            "creditcard": string;
-            "equalTo": string;
-            "maxlength": string;
-            "minlength": string;
-            "rangelength": string;
-            "range": string;
-            "max": string;
-            "min": string;
-            "step": string;
-            "contains": string;
-            "mask": string;
-            "custom": string;
-        };
-        static GetValidationMessage(validator: any): string;
-    }
+export interface IErrorCustomMessage {
+    (config: any, args: any): string;
+}
+export interface IPropertyValidator {
+    isAcceptable(s: any): boolean;
+    customMessage?: IErrorCustomMessage;
+    tagName?: string;
+}
+export interface IStringValidator extends IPropertyValidator {
+    isAcceptable(s: string): boolean;
+}
+export interface IAsyncPropertyValidator {
+    isAcceptable(s: any): Q.Promise<boolean>;
+    customMessage?: IErrorCustomMessage;
+    isAsync: boolean;
+    tagName?: string;
+}
+export interface IAsyncStringPropertyValidator extends IAsyncPropertyValidator {
+    isAcceptable(s: string): Q.Promise<boolean>;
+}
+export enum CompareOperator {
+    LessThan = 0,
+    LessThanEqual = 1,
+    Equal = 2,
+    NotEqual = 3,
+    GreaterThanEqual = 4,
+    GreaterThan = 5,
+}
+export interface IError {
+    HasError: boolean;
+    ErrorMessage: string;
+    TranslateArgs?: IErrorTranslateArgs;
+}
+export interface IErrorTranslateArgs {
+    TranslateId: string;
+    MessageArgs: any;
+    CustomMessage?: IErrorCustomMessage;
+}
+export interface IOptional {
+    (): boolean;
+}
+export interface IValidationFailure extends IError {
+    IsAsync: boolean;
+    Error: IError;
+}
+export interface IValidationResult {
+    Name: string;
+    Add(validationResult: IValidationResult): void;
+    Remove(index: number): void;
+    Children: IValidationResult[];
+    HasErrors: boolean;
+    HasErrorsDirty: boolean;
+    ErrorMessage: string;
+    ErrorCount: number;
+    Optional?: IOptional;
+    TranslateArgs?: IErrorTranslateArgs[];
+}
+export interface IValidate {
+    (args: IError): void;
+}
+export interface IAsyncValidate {
+    (args: IError): Q.Promise<any>;
+}
+export interface IValidatorFce {
+    Name: string;
+    ValidationFce?: IValidate;
+    AsyncValidationFce?: IAsyncValidate;
+}
+export interface IValidator {
+    Validate(context: any): IValidationFailure;
+    ValidateAsync(context: any): Q.Promise<IValidationFailure>;
+    Error: IError;
+}
+export interface IAbstractValidator<T> {
+    RuleFor(prop: string, validator: IPropertyValidator): any;
+    ValidationFor(prop: string, validatorFce: IValidatorFce): any;
+    Validation(validatorFce: IValidatorFce): any;
+    ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>): any;
+    CreateRule(name: string): IAbstractValidationRule<any>;
+    CreateAbstractRule(name: string): IAbstractValidationRule<any>;
+    CreateAbstractListRule(name: string): IAbstractValidationRule<any>;
+    ForList: boolean;
+}
+export interface IAbstractValidationRule<T> {
+    Validate(context: T): IValidationResult;
+    ValidateAsync(context: T): Q.Promise<IValidationResult>;
+    ValidateAll(context: T): Q.Promise<IValidationResult>;
+    ValidateProperty(context: T, propName: string): void;
+    ValidationResult: IValidationResult;
+    Rules: {
+        [name: string]: IPropertyValidationRule<T>;
+    };
+    Validators: {
+        [name: string]: IValidator;
+    };
+    Children: {
+        [name: string]: IAbstractValidationRule<any>;
+    };
+}
+export interface IPropertyValidationRule<T> {
+    Validators: {
+        [name: string]: any;
+    };
+    Validate(context: IValidationContext<T>): IValidationFailure[];
+    ValidateAsync(context: IValidationContext<T>): Q.Promise<IValidationFailure[]>;
+}
+export interface IValidationContext<T> {
+    Value: string;
+    Key: string;
+    Data: T;
+}
+export class Error implements IError {
+    public HasError: boolean;
+    public ErrorMessage: string;
+    constructor();
+}
+export class ValidationFailure implements IError {
+    public Error: IError;
+    public IsAsync: boolean;
+    constructor(Error: IError, IsAsync: boolean);
+    public HasError : boolean;
+    public ErrorMessage : string;
+    public TranslateArgs : IErrorTranslateArgs;
+}
+export class ValidationResult implements IValidationResult {
+    public Name: string;
+    constructor(Name: string);
+    public IsDirty: boolean;
+    public Children : IValidationResult[];
+    public Add(error: IValidationResult): void;
+    public Remove(index: number): void;
+    public Optional: IOptional;
+    public TranslateArgs: IErrorTranslateArgs[];
+    public HasErrorsDirty : boolean;
+    public HasErrors : boolean;
+    public ErrorCount : number;
+    public ErrorMessage : string;
+}
+export class CompositeValidationResult implements IValidationResult {
+    public Name: string;
+    public Children: IValidationResult[];
+    constructor(Name: string);
+    public Optional: IOptional;
+    public AddFirst(error: IValidationResult): void;
+    public Add(error: IValidationResult): void;
+    public Remove(index: number): void;
+    public HasErrorsDirty : boolean;
+    public HasErrors : boolean;
+    public ErrorCount : number;
+    public ErrorMessage : string;
+    public TranslateArgs : IErrorTranslateArgs[];
+    public LogErrors(headerMessage?: string): void;
+    public Errors : {
+        [name: string]: IValidationResult;
+    };
+    private FlattenErros;
+    public SetDirty(): void;
+    public SetPristine(): void;
+    private SetDirtyEx(node, dirty);
+    private flattenErrors(node, errorCollection);
+    private traverse(node, indent);
+}
+export class AbstractValidator<T> implements IAbstractValidator<T> {
+    public Validators: {
+        [name: string]: IPropertyValidator[];
+    };
+    public AbstractValidators: {
+        [name: string]: IAbstractValidator<any>;
+    };
+    public ValidationFunctions: {
+        [name: string]: IValidatorFce[];
+    };
+    public RuleFor(prop: string, validator: IPropertyValidator): void;
+    public ValidationFor(prop: string, fce: IValidatorFce): void;
+    public Validation(fce: IValidatorFce): void;
+    public ValidatorFor<K>(prop: string, validator: IAbstractValidator<K>, forList?: boolean): void;
+    public CreateAbstractRule(name: string): IAbstractValidationRule<T>;
+    public CreateAbstractListRule(name: string): IAbstractValidationRule<T>;
+    public CreateRule(name: string): IAbstractValidationRule<T>;
+    public ForList: boolean;
+}
+export class MessageLocalization {
+    static customMsg: string;
+    static defaultMessages: {
+        "required": string;
+        "remote": string;
+        "email": string;
+        "url": string;
+        "date": string;
+        "dateISO": string;
+        "number": string;
+        "digits": string;
+        "signedDigits": string;
+        "creditcard": string;
+        "equalTo": string;
+        "maxlength": string;
+        "minlength": string;
+        "rangelength": string;
+        "range": string;
+        "max": string;
+        "min": string;
+        "step": string;
+        "contains": string;
+        "mask": string;
+        "custom": string;
+    };
+    static ValidationMessages: {
+        "required": string;
+        "remote": string;
+        "email": string;
+        "url": string;
+        "date": string;
+        "dateISO": string;
+        "number": string;
+        "digits": string;
+        "signedDigits": string;
+        "creditcard": string;
+        "equalTo": string;
+        "maxlength": string;
+        "minlength": string;
+        "rangelength": string;
+        "range": string;
+        "max": string;
+        "min": string;
+        "step": string;
+        "contains": string;
+        "mask": string;
+        "custom": string;
+    };
+    static GetValidationMessage(validator: any): string;
 }
-export = Validation;
 export as namespace Validation;
diff --git a/types/caller/caller-tests.ts b/types/caller/caller-tests.ts
new file mode 100644
index 0000000000..81d8d64606
--- /dev/null
+++ b/types/caller/caller-tests.ts
@@ -0,0 +1,4 @@
+import caller = require('caller');
+
+const callerFile: string = caller();
+const callerFile2: string = caller(1);
diff --git a/types/caller/index.d.ts b/types/caller/index.d.ts
new file mode 100644
index 0000000000..f09b6f129b
--- /dev/null
+++ b/types/caller/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for caller 1.0
+// Project: https://github.com/totherik/caller
+// Definitions by: Ignocide <https://github.com/ignocide>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function caller(depth?: number): string;
+
+export = caller;
diff --git a/types/gitlab/tsconfig.json b/types/caller/tsconfig.json
similarity index 94%
rename from types/gitlab/tsconfig.json
rename to types/caller/tsconfig.json
index f1297faf67..80ae4b956e 100644
--- a/types/gitlab/tsconfig.json
+++ b/types/caller/tsconfig.json
@@ -18,6 +18,6 @@
     },
     "files": [
         "index.d.ts",
-        "gitlab-tests.ts"
+        "caller-tests.ts"
     ]
 }
diff --git a/types/caller/tslint.json b/types/caller/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/caller/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/caniuse-api/caniuse-api-tests.ts b/types/caniuse-api/caniuse-api-tests.ts
new file mode 100644
index 0000000000..46b6a1eec4
--- /dev/null
+++ b/types/caniuse-api/caniuse-api-tests.ts
@@ -0,0 +1,17 @@
+import * as caniuse from "caniuse-api";
+
+caniuse.features; // $ExpectType string[]
+
+caniuse.getSupport(""); // $ExpectType BrowserSupport
+
+caniuse.isSupported("", ""); // $ExpectType boolean
+caniuse.isSupported("", [""]); // $ExpectType boolean
+
+caniuse.find(""); // $ExpectType string[]
+
+caniuse.getLatestStableBrowsers(); // $ExpectType string[]
+
+caniuse.setBrowserScope(""); // $ExpectType void
+caniuse.setBrowserScope([""]); // $ExpectType void
+
+caniuse.getBrowserScope(); // $ExpectType string[]
diff --git a/types/caniuse-api/index.d.ts b/types/caniuse-api/index.d.ts
new file mode 100644
index 0000000000..ce6dac23ec
--- /dev/null
+++ b/types/caniuse-api/index.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for caniuse-api 3.0
+// Project: https://github.com/nyalab/caniuse-api#readme
+// Definitions by: Dave Cardwell <https://github.com/davecardwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export const features: string[];
+
+export interface BrowserSupport {
+    [browser: string]: {
+        y?: number;
+        n?: number;
+        a?: number;
+        x?: number;
+    };
+}
+
+export function getSupport(feature: string): BrowserSupport;
+
+export function isSupported(
+    feature: string,
+    browsers: string | ReadonlyArray<string>
+): boolean;
+
+export function find(query: string): string[];
+
+export function getLatestStableBrowsers(): string[];
+
+export function setBrowserScope(
+    browserscope: string | ReadonlyArray<string>
+): void;
+
+export function getBrowserScope(): string[];
diff --git a/types/caniuse-api/tsconfig.json b/types/caniuse-api/tsconfig.json
new file mode 100644
index 0000000000..2e43754f9e
--- /dev/null
+++ b/types/caniuse-api/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "caniuse-api-tests.ts"]
+}
diff --git a/types/caniuse-api/tslint.json b/types/caniuse-api/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/caniuse-api/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/cassandra-driver/index.d.ts b/types/cassandra-driver/index.d.ts
index 33a9f5988f..f57f203a03 100644
--- a/types/cassandra-driver/index.d.ts
+++ b/types/cassandra-driver/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for cassandra-driver v3.4.1
+// Type definitions for cassandra-driver v3.5.0
 // Project: https://github.com/datastax/nodejs-driver
 // Definitions by: Marc Fisher <https://github.com/Svjard>
 //                 Christian D <https://github.com/pc-jedi>
@@ -413,7 +413,7 @@ export namespace types {
     pageState: string;
     nextPage: Function;
 
-    first(): Row;
+    first(): Row | null;
     getPageState(): string;
     getColumns(): Array<{ [key: string]: string; }>;
     wasApplied(): boolean;
@@ -526,7 +526,8 @@ export interface ClientOptions {
   protocolOptions?: {
     port?: number,
     maxSchemaAgreementWaitSeconds?: number,
-    maxVersion?: number
+    maxVersion?: number,
+    noCompact?: boolean
   },
   socketOptions?: {
     connectTimeout?: number,
diff --git a/types/catbox-memory/catbox-memory-tests.ts b/types/catbox-memory/catbox-memory-tests.ts
new file mode 100644
index 0000000000..9c4c1bcdfe
--- /dev/null
+++ b/types/catbox-memory/catbox-memory-tests.ts
@@ -0,0 +1,8 @@
+import * as CatboxMemory from 'catbox-memory';
+
+const client = new CatboxMemory<string>({
+    allowMixedContent: true,
+    cloneBuffersOnGet: false,
+    maxByteSize: 1024,
+    minCleanupIntervalMsec: 1000,
+});
diff --git a/types/catbox-memory/index.d.ts b/types/catbox-memory/index.d.ts
new file mode 100644
index 0000000000..b615d6c45d
--- /dev/null
+++ b/types/catbox-memory/index.d.ts
@@ -0,0 +1,47 @@
+// Type definitions for catbox-memory 4.0
+// Project: https://github.com/hapijs/catbox-memory#readme
+// Definitions by: Simon Schick <https://github.com/SimonSchick>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { ClientApi } from 'catbox';
+
+interface CatboxMemory<T> extends ClientApi<T> {}
+
+// tslint:disable-next-line:no-unnecessary-class
+declare class CatboxMemory<T> implements ClientApi<T> {
+    constructor(options?: CatboxMemory.Options);
+}
+
+declare namespace CatboxMemory {
+    interface Options {
+        /**
+         * Sets an upper limit on the number of bytes that can be stored in the cache.
+         * Once this limit is reached no additional items will be added to the cache until some expire.
+         * The utilized memory calculation is a rough approximation and must not be relied on.
+         * @default 104857600 (100MB).
+         */
+        maxByteSize?: number;
+        /**
+         * The minimum number of milliseconds in between each cache cleanup.
+         * @default 1000 (1 second)
+         */
+        minCleanupIntervalMsec?: number;
+        /**
+         * by default, all data is cached as JSON strings, and converted to an object using JSON.parse() on retrieval.
+         * By setting this option to true, Buffer data can be stored alongside the stringified data.
+         * Buffers are not stringified, and are copied before storage to prevent the value from changing while in the cache.
+         * @default false
+         */
+        allowMixedContent?: boolean;
+        /**
+         * by default, buffers stored in the cache with allowMixedContent set to true are copied when they are set but not when they are retrieved.
+         * This means a change to the buffer returned by a get() will change the value in the cache. To prevent this,
+         * set cloneBuffersOnGet to true to always return a copy of the cached buffer.
+         * @default false
+         */
+        cloneBuffersOnGet?: boolean;
+    }
+}
+
+export = CatboxMemory;
diff --git a/types/catbox-memory/tsconfig.json b/types/catbox-memory/tsconfig.json
new file mode 100644
index 0000000000..c52e660d39
--- /dev/null
+++ b/types/catbox-memory/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "catbox-memory-tests.ts"
+    ]
+}
diff --git a/types/catbox-memory/tslint.json b/types/catbox-memory/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/catbox-memory/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/catbox-redis/catbox-redis-tests.ts b/types/catbox-redis/catbox-redis-tests.ts
index d7fb5eb701..91d86445b7 100644
--- a/types/catbox-redis/catbox-redis-tests.ts
+++ b/types/catbox-redis/catbox-redis-tests.ts
@@ -1,6 +1,6 @@
 import * as CatbotRedis from 'catbox-redis';
 
-const cache = new CatbotRedis({
+const cache = new CatbotRedis<string>({
     host: 'localhost',
     partition: 'test',
     port: 2018,
@@ -10,3 +10,8 @@ cache.get({
     segment: 'test',
     id: 'test',
 });
+
+cache.set({
+    segment: 'test',
+    id: 'test',
+}, 'test', 123);
diff --git a/types/catbox-redis/index.d.ts b/types/catbox-redis/index.d.ts
index a0d3590953..18972c6493 100644
--- a/types/catbox-redis/index.d.ts
+++ b/types/catbox-redis/index.d.ts
@@ -53,7 +53,7 @@ declare module 'catbox-redis' {
         sentinelName?: string;
       }
     }
-    class CatboxRedis extends Client {
+    class CatboxRedis<T> extends Client<T> {
       constructor(options: CatboxRedis.CatboxRedisOptions);
     }
     export = CatboxRedis;
diff --git a/types/catbox/catbox-tests.ts b/types/catbox/catbox-tests.ts
index 25d4826d25..e86d2a94af 100644
--- a/types/catbox/catbox-tests.ts
+++ b/types/catbox/catbox-tests.ts
@@ -1,16 +1,22 @@
-import { CacheItem, Client, Policy, EnginePrototypeOrObject } from "catbox";
+import { Client, Policy, EnginePrototypeOrObject, DecoratedResult, CachedObject } from "catbox";
 
 const Memory: EnginePrototypeOrObject = {
     async start(): Promise<void> {},
     stop(): void {},
-    async get(): Promise<null | CacheItem> {},
+    async get(): Promise<null | CachedObject<string>> {
+        return {
+            item: 'asd',
+            stored: 12,
+            ttl: 123,
+        };
+    },
     async set(): Promise<void> {},
     async drop(): Promise<void> {},
     isReady(): boolean { return true; },
     validateSegmentName(segment: string): null { return null; },
 };
 
-const client = new Client(Memory, { partition: 'cache' });
+const client = new Client<string>(Memory, { partition: 'cache' });
 
 const cache = new Policy({
     expiresIn: 5000,
@@ -25,3 +31,11 @@ cache.drop('foo').then(() => {});
 cache.isReady();
 
 cache.stats();
+
+const decoratedCache = new Policy({
+    getDecoratedValue: true,
+}, client, 'cache2');
+
+decoratedCache.get('test').then((a: DecoratedResult<string>) => {
+    const res: string = a.value;
+});
diff --git a/types/catbox/index.d.ts b/types/catbox/index.d.ts
index f6881b1aef..62b99ac5b3 100644
--- a/types/catbox/index.d.ts
+++ b/types/catbox/index.d.ts
@@ -4,7 +4,7 @@
 //                 AJP <https://github.com/AJamesPhillips>
 //                 Rodrigo Saboya <https://github.com/saboya>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 /**
  * Client
@@ -17,7 +17,7 @@
  *    the Riak bucket, or as a key prefix in Redis and Memcached. To share the cache across multiple clients, use the same partition name.
  * @see {@link https://github.com/hapijs/catbox#client}
  */
-export class Client implements ClientApi {
+export class Client<T> implements ClientApi<T> {
     constructor(engine: EnginePrototypeOrObject, options: ClientOptions);
 
     /** start() - creates a connection to the cache server. Must be called before any other method is available. */
@@ -28,14 +28,14 @@ export class Client implements ClientApi {
      * get(key, callback) - retrieve an item from the cache engine if found where:
      *  * key - a cache key object (see [ICacheKey]).
      */
-    get(key: CacheKey): Promise<null | CachedObject>;
+    get(key: CacheKey): Promise<null | CachedObject<T>>;
     /**
      * set(key, value, ttl, callback) - store an item in the cache for a specified length of time, where:
      *  * key - a cache key object (see [ICacheKey]).
      *  * value - the string or object value to be stored.
      *  * ttl - a time-to-live value in milliseconds after which the item is automatically removed from the cache (or is marked invalid).
      */
-    set(key: CacheKey, value: CacheItem, ttl: number): Promise<void>;
+    set(key: CacheKey, value: T, ttl: number): Promise<void>;
     /**
      * drop(key, callback) - remove an item from cache where:
      *  * key - a cache key object (see [ICacheKey]).
@@ -47,13 +47,13 @@ export class Client implements ClientApi {
     validateSegmentName(segment: string): null | Error;
 }
 
-export type EnginePrototypeOrObject = EnginePrototype | ClientApi;
+export type EnginePrototypeOrObject = EnginePrototype<any> | ClientApi<any>;
 
 /**
  * A prototype CatBox engine function
  */
-export interface EnginePrototype {
-    new(settings: ClientOptions): ClientApi;
+export interface EnginePrototype<T> {
+    new(settings: ClientOptions): ClientApi<T>;
 }
 
 /**
@@ -61,7 +61,7 @@ export interface EnginePrototype {
  * The Client object provides the following methods:
  * @see {@link https://github.com/hapijs/catbox#api}
  */
-export interface ClientApi {
+export interface ClientApi<T> {
     /** start() - creates a connection to the cache server. Must be called before any other method is available. */
     start(): Promise<void>;
     /** stop() - terminates the connection to the cache server. */
@@ -70,14 +70,14 @@ export interface ClientApi {
      * get(key, callback) - retrieve an item from the cache engine if found where:
      *  * key - a cache key object (see [ICacheKey]).
      */
-    get(key: CacheKey): Promise<null | CachedObject>;
+    get(key: CacheKey): Promise<null | CachedObject<T>>;
     /**
      * set(key, value, ttl) - store an item in the cache for a specified length of time, where:
      *  * key - a cache key object (see [ICacheKey]).
      *  * value - the string or object value to be stored.
      *  * ttl - a time-to-live value in milliseconds after which the item is automatically removed from the cache (or is marked invalid).
      */
-    set(key: CacheKey, value: CacheItem, ttl: number): Promise<void>;
+    set(key: CacheKey, value: T, ttl: number): Promise<void>;
     /**
      * drop(key) - remove an item from cache where:
      *  * key - a cache key object (see [ICacheKey]).
@@ -100,17 +100,15 @@ export interface CacheKey {
 }
 
 /** Cached object contains the following: */
-export interface CachedObject {
+export interface CachedObject<T> {
     /** item - the value stored in the cache using set(). */
-    item: any;
+    item: T;
     /** stored - the timestamp when the item was stored in the cache (in milliseconds). */
     stored: number;
     /** ttl - the remaining time-to-live (not the original value used when storing the object). */
     ttl: number;
 }
 
-export type CacheItem = any;
-
 export interface ClientOptions {
     /**
      * this will store items under keys that start with this value.
@@ -118,89 +116,71 @@ export interface ClientOptions {
     partition: string;
 }
 
+export type PolicyOptionVariants<T> = PolicyOptions<T> | DecoratedPolicyOptions<T>;
+
+export type Id = string | { id: string };
+
 /**
- * The Policy object provides a convenient cache interface by setting a global policy which is automatically applied to every storage action.
+ * The Policy object provides a convenient cache interface by setting a
+ * global policy which is automatically applied to every storage action.
  * The object is constructed using new Policy(options, [cache, segment]) where:
  *  * options - an object with the IPolicyOptions structure
  *  * cache - a Client instance (which has already been started).
- *  * segment - required when cache is provided. The segment name used to isolate cached items within the cache partition.
+ *  * segment - required when cache is provided. The segment name used to
+ * isolate cached items within the cache partition.
  * @see {@link https://github.com/hapijs/catbox#policy}
  */
-export class Policy implements PolicyAPI {
-    constructor(options: PolicyOptions, cache: Client, segment: string);
+export class Policy<T, O extends PolicyOptionVariants<T>> {
+    constructor(options: O, cache: Client<T>, segment: string);
     /**
-     * get(id) - retrieve an item from the cache. If the item is not found and the generateFunc method was provided,
-     * a new value is generated, stored in the cache, and returned. Multiple concurrent requests are queued and processed once. The method arguments are:
-     *  * id - the unique item identifier (within the policy segment). Can be a string or an object with the required 'id' key.
+     *  retrieve an item from the cache. If the item is not
+     * found and the generateFunc method was provided,
+     * a new value is generated, stored in the cache, and returned.
+     * Multiple concurrent requests are queued and processed once. The method arguments are:
+     * @param id the unique item identifier (within the policy segment).
+     * Can be a string or an object with the required 'id' key.
      */
-    get(id: string | { id: string }): Promise<PolicyGetPromiseResult | null>;
+    get(id: Id): Promise<O extends DecoratedPolicyOptions<T> ? DecoratedResult<T> : T | null>;
+
     /**
-     * set(id, value, ttl) - store an item in the cache where:
-     *  * id - the unique item identifier (within the policy segment).
-     *  * value - the string or object value to be stored.
-     *  * ttl - a time-to-live override value in milliseconds after which the item is automatically removed from the cache (or is marked invalid).
+     * store an item in the cache where:
+     * @param id - the unique item identifier (within the policy segment).
+     * @param value - the string or object value to be stored.
+     * @param ttl - a time-to-live override value in milliseconds after which the item is automatically
+     * removed from the cache (or is marked invalid).
      *    This should be set to 0 in order to use the caching rules configured when creating the Policy object.
      */
-    set(id: string | { id: string }, value: CacheItem, ttl: number | null): Promise<void>;
+    set(id: Id, value: T, ttl?: number): Promise<void>;
     /**
-     * drop(id) - remove the item from cache where:
-     *  * id - the unique item identifier (within the policy segment).
+     * remove the item from cache where:
+     * @param id the unique item identifier (within the policy segment).
+     */
+    drop(id: Id): Promise<void>;
+    /**
+     * given a created timestamp in milliseconds, returns the time-to-live left
+     * based on the configured rules.
      */
-    drop(id: string | { id: string }): Promise<void>;
-    /** ttl(created) - given a created timestamp in milliseconds, returns the time-to-live left based on the configured rules. */
     ttl(created: number): number;
-    /** rules(options) - changes the policy rules after construction (note that items already stored will not be affected) */
-    rules(options: PolicyOptions): void;
-    /** isReady() - returns true if cache engine determines itself as ready, false if it is not ready or if there is no cache engine set. */
+    /** changes the policy rules after construction (note that items already stored will not be affected) */
+    rules(options: PolicyOptions<T>): void;
+    /**
+     * returns true if cache engine determines itself as ready, false if it is not ready or if
+     * here is no cache engine set.
+     */
     isReady(): boolean;
-    /** stats - an object with cache statistics */
+    /** an object with cache statistics */
     stats(): CacheStatisticsObject;
 }
 
-/**
- * Policy API
- * The Policy object provides the following methods:
- * @see {@link https://github.com/hapijs/catbox#api-1}
- */
-export interface PolicyAPI {
-    /**
-     * get(id) - retrieve an item from the cache. If the item is not found and the generateFunc method was provided,
-     * a new value is generated, stored in the cache, and returned. Multiple concurrent requests are queued and processed once. The method arguments are:
-     *  * id - the unique item identifier (within the policy segment). Can be a string or an object with the required 'id' key.
-     */
-    get(id: string | { id: string }): Promise<PolicyGetPromiseResult | null>;
-    /**
-     * set(id, value, ttl) - store an item in the cache where:
-     *  * id - the unique item identifier (within the policy segment).
-     *  * value - the string or object value to be stored.
-     *  * ttl - a time-to-live override value in milliseconds after which the item is automatically removed from the cache (or is marked invalid).
-     *    This should be set to 0 in order to use the caching rules configured when creating the Policy object.
-     */
-    set(id: string | { id: string }, value: CacheItem, ttl: number | null): Promise<void>;
-    /**
-     * drop(id) - remove the item from cache where:
-     *  * id - the unique item identifier (within the policy segment).
-     */
-    drop(id: string | { id: string }): Promise<void>;
-    /** ttl(created) - given a created timestamp in milliseconds, returns the time-to-live left based on the configured rules. */
-    ttl(created: number): number;
-    /** rules(options) - changes the policy rules after construction (note that items already stored will not be affected) */
-    rules(options: PolicyOptions): void;
-    /** isReady() - returns true if cache engine determines itself as ready, false if it is not ready or if there is no cache engine set. */
-    isReady(): boolean;
-    /** stats - an object with cache statistics */
-    stats(): CacheStatisticsObject;
-}
-
-export interface PolicyGetPromiseResult {
-    value: CacheItem;
-    cached: PolicyGetCachedOptions;
+export interface DecoratedResult<T> {
+    value: T;
+    cached: PolicyGetCachedOptions<T>;
     report: PolicyGetReportLog;
 }
 
-export interface PolicyGetCachedOptions {
+export interface PolicyGetCachedOptions<T> {
     /** item - the cached value. */
-    item: CacheItem;
+    item: T;
     /** stored - the timestamp when the item was stored in the cache. */
     stored: number;
     /** ttl - the cache ttl value for the record. */
@@ -212,13 +192,13 @@ export interface PolicyGetCachedOptions {
 /**
  * @see {@link https://github.com/hapijs/catbox#policy}
  */
-export interface PolicyOptions {
+export interface PolicyOptions<T> {
     /** expiresIn - relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
     expiresIn?: number;
     /** expiresAt - time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Uses local time. Cannot be used together with expiresIn. */
     expiresAt?: string;
     /** generateFunc - a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: */
-    generateFunc?: GenerateFunc;
+    generateFunc?: GenerateFunc<T>;
     /**
      * staleIn - number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided.
      * Must be less than expiresIn. Alternatively function that returns staleIn value in milliseconds. The function signature is function(stored, ttl) where:
@@ -242,11 +222,18 @@ export interface PolicyOptions {
     generateIgnoreWriteError?: boolean;
     /**
      * pendingGenerateTimeout - number of milliseconds while generateFunc call is in progress for a given id, before a subsequent generateFunc call is allowed.
-     * Defaults to 0, no blocking of concurrent generateFunc calls beyond staleTimeout.
+     * @default 0, no blocking of concurrent generateFunc calls beyond staleTimeout.
      */
     pendingGenerateTimeout?: number;
 }
 
+export interface DecoratedPolicyOptions<T> extends PolicyOptions<T> {
+    /**
+     * @default false
+     */
+    getDecoratedValue?: boolean;
+}
+
 export interface GenerateFuncFlags {
     ttl: number;
 }
@@ -262,7 +249,7 @@ export interface GenerateFuncFlags {
  *      * ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy.
  * @see {@link https://github.com/hapijs/catbox#policy}
  */
-export type GenerateFunc = (id: string, flags: GenerateFuncFlags) => Promise<CacheItem>;
+export type GenerateFunc<T> = (id: string, flags: GenerateFuncFlags) => Promise<T>;
 
 /**
  * An object with logging information about the generation operation containing the following keys (as relevant):
diff --git a/types/chai-fs/chai-fs-tests.ts b/types/chai-fs/chai-fs-tests.ts
new file mode 100644
index 0000000000..2b7df3ed8f
--- /dev/null
+++ b/types/chai-fs/chai-fs-tests.ts
@@ -0,0 +1,400 @@
+import { assert, expect, use, should } from 'chai';
+import Chaifs = require('chai-fs');
+
+use(Chaifs);
+should();
+
+const name = 'name';
+const path = 'tmp/';
+const otherPath = 'otherPath/';
+const msg = 'message';
+const array: any[] = [1, 2, 3, 4];
+const data: ArrayBuffer = new ArrayBuffer(512);
+const obj: object = { key: 'value' };
+const schema = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');
+
+// basename()
+expect(path).to.have.basename(name);
+expect(path).to.have.basename(name, msg);
+expect(path).to.not.have.basename(name);
+expect(path).to.not.have.basename(name, msg);
+
+path.should.have.basename(name);
+path.should.have.basename(name, msg);
+path.should.not.have.basename(name);
+path.should.not.have.basename(name, msg);
+
+assert.basename(path, name);
+assert.basename(path, name, msg);
+assert.notBasename(path, name);
+assert.notBasename(path, name, msg);
+
+// dirname()
+expect(path).to.have.dirname(name);
+expect(path).to.have.dirname(name, msg);
+expect(path).to.not.have.dirname(name);
+expect(path).to.not.have.dirname(name, msg);
+
+path.should.have.dirname(name);
+path.should.have.dirname(name, msg);
+path.should.not.have.dirname(name);
+path.should.not.have.dirname(name, msg);
+
+assert.dirname(path, name);
+assert.dirname(path, name, msg);
+assert.notDirname(path, name);
+assert.notDirname(path, name, msg);
+
+// extname()
+expect(path).to.have.extname(name);
+expect(path).to.have.extname(name, msg);
+expect(path).to.not.have.extname(name);
+expect(path).to.not.have.extname(name, msg);
+
+path.should.have.extname(name);
+path.should.have.extname(name, msg);
+path.should.not.have.extname(name);
+path.should.not.have.extname(name, msg);
+
+assert.extname(path, name);
+assert.extname(path, name, msg);
+assert.notExtname(path, name);
+assert.notExtname(path, name, msg);
+
+// path()
+expect(path).to.be.a.path();
+expect(path).to.be.a.path(msg);
+expect(path).to.not.be.a.path();
+expect(path).to.not.be.a.path(msg);
+
+path.should.be.a.path();
+path.should.be.a.path(msg);
+path.should.be.a.path();
+path.should.be.a.path(msg);
+path.should.not.be.a.path();
+path.should.not.be.a.path(msg);
+
+assert.pathExists(path);
+assert.pathExists(path, msg);
+assert.notPathExists(path);
+assert.notPathExists(path, msg);
+
+// directory
+expect(path).to.be.a.directory();
+expect(path).to.be.a.directory(msg);
+expect(path).to.not.be.a.directory();
+expect(path).to.not.be.a.directory(msg);
+
+path.should.be.a.directory();
+path.should.be.a.directory(msg);
+path.should.not.be.a.directory();
+path.should.not.be.a.directory(msg);
+
+assert.isDirectory(path);
+assert.isDirectory(path, msg);
+assert.notIsDirectory(path);
+assert.notIsDirectory(path, msg);
+
+// directory().and.empty
+expect(path).to.be.a.directory().and.empty;
+expect(path).to.be.a.directory(msg).and.empty;
+expect(path).to.be.a.directory().and.not.empty;
+expect(path).to.be.a.directory(msg).and.not.empty;
+
+path.should.be.a.directory().and.empty;
+path.should.be.a.directory(msg).and.empty;
+path.should.be.a.directory().and.not.empty;
+path.should.be.a.directory(msg).and.not.empty;
+
+assert.isEmptyDirectory(path);
+assert.isEmptyDirectory(path, msg);
+assert.notIsEmptyDirectory(path);
+assert.notIsEmptyDirectory(path, msg);
+
+// directory().with.contents([...])
+// #1
+expect(path).to.be.a.directory(msg).with.contents(array);
+expect(path).to.be.a.directory(msg).with.contents(array, msg);
+// #2
+expect(path).to.be.a.directory(msg).and.not.have.contents(array);
+expect(path).to.be.a.directory(msg).and.not.have.contents(array, msg);
+// #3
+expect(path).to.be.a.directory(msg).with.deep.contents(array);
+expect(path).to.be.a.directory(msg).with.deep.contents(array, msg);
+// #4
+expect(path).to.be.a.directory(msg).and.not.have.deep.contents(array);
+expect(path).to.be.a.directory(msg).and.not.have.deep.contents(array, msg);
+// #5
+expect(path).to.be.a.directory(msg).and.include.contents(array);
+expect(path).to.be.a.directory(msg).and.include.contents(array, msg);
+// #6
+expect(path).to.be.a.directory(msg).and.not.include.contents(array);
+expect(path).to.be.a.directory(msg).and.not.include.contents(array, msg);
+
+// #1
+path.should.be.a.directory(msg).with.contents(array);
+path.should.be.a.directory(msg).with.contents(array, msg);
+// #2
+path.should.be.a.directory(msg).and.not.have.contents(array);
+path.should.be.a.directory(msg).and.not.have.contents(array, msg);
+// #3
+path.should.be.a.directory(msg).with.deep.contents(array);
+path.should.be.a.directory(msg).with.deep.contents(array, msg);
+// #4
+path.should.be.a.directory(msg).and.not.have.deep.contents(array);
+path.should.be.a.directory(msg).and.not.have.deep.contents(array, msg);
+// #5
+path.should.be.a.directory(msg).and.include.contents(array);
+path.should.be.a.directory(msg).and.include.contents(array, msg);
+// #6
+path.should.be.a.directory(msg).and.not.include.contents(array);
+path.should.be.a.directory(msg).and.not.include.contents(array, msg);
+
+assert.directoryContent(path, array);
+assert.directoryContent(path, array, msg);
+assert.notDirectoryContent(path, array);
+assert.notDirectoryContent(path, array, msg);
+assert.directoryDeepContent(path, array);
+assert.directoryDeepContent(path, array, msg);
+assert.notDirectoryDeepContent(path, array);
+assert.notDirectoryDeepContent(path, array, msg);
+assert.directoryInclude(path, array);
+assert.directoryInclude(path, array, msg);
+assert.notDirectoryInclude(path, array);
+assert.notDirectoryInclude(path, array, msg);
+
+// directory().with.files([...])
+// #1
+expect(path).to.be.a.directory(msg).with.files(array);
+expect(path).to.be.a.directory(msg).with.files(array, msg);
+// #2
+expect(path).to.be.a.directory(msg).with.files(array);
+expect(path).to.be.a.directory(msg).with.files(array, msg);
+// #3
+expect(path).to.be.a.directory(msg).and.not.have.files(array);
+expect(path).to.be.a.directory(msg).and.not.have.files(array, msg);
+// #4
+expect(path).to.be.a.directory(msg).and.not.have.files(array);
+expect(path).to.be.a.directory(msg).and.not.have.files(array, msg);
+// #5
+expect(path).to.be.a.directory(msg).with.deep.files(array, msg);
+expect(path).to.be.a.directory(msg).with.deep.files(array);
+// #6
+expect(path).to.be.a.directory(msg).with.deep.files(array);
+expect(path).to.be.a.directory(msg).with.deep.files(array, msg);
+// #7
+expect(path).to.be.a.directory(msg).and.not.have.deep.files(array);
+expect(path).to.be.a.directory(msg).and.not.have.deep.files(array, msg);
+// #8
+expect(path).to.be.a.directory(msg).and.not.have.deep.files(array);
+expect(path).to.be.a.directory(msg).and.not.have.deep.files(array, msg);
+// #9
+expect(path).to.be.a.directory(msg).and.include.files(array);
+expect(path).to.be.a.directory(msg).and.include.files(array, msg);
+// #10
+expect(path).to.be.a.directory(msg).and.not.include.files(array);
+expect(path).to.be.a.directory(msg).and.not.include.files(array, msg);
+
+// #1
+path.should.be.a.directory(msg).with.files(array);
+path.should.be.a.directory(msg).with.files(array, msg);
+// #2
+path.should.be.a.directory().and.not.have.files(array);
+path.should.be.a.directory(msg).and.not.have.files(array);
+path.should.be.a.directory(msg).and.not.have.files(array, msg);
+// #3
+path.should.be.a.directory().with.deep.files(array);
+path.should.be.a.directory(msg).with.deep.files(array);
+path.should.be.a.directory(msg).with.deep.files(array, msg);
+// #4
+path.should.be.a.directory(msg).and.not.have.deep.files(array);
+path.should.be.a.directory(msg).and.not.have.deep.files(array, msg);
+// #5
+path.should.be.a.directory(msg).and.include.files(array);
+path.should.be.a.directory(msg).and.include.files(array, msg);
+// #6
+path.should.be.a.directory(msg).and.not.include.files(array);
+path.should.be.a.directory(msg).and.not.include.files(array, msg);
+
+assert.directoryFiles(path, array);
+assert.directoryFiles(path, array, msg);
+assert.notDirectoryFiles(path, array);
+assert.notDirectoryFiles(path, array, msg);
+assert.directoryDeepFiles(path, array);
+assert.directoryDeepFiles(path, array, msg);
+assert.notDirectoryDeepFiles(path, array);
+assert.notDirectoryDeepFiles(path, array, msg);
+assert.directoryIncludeFiles(path, array);
+assert.directoryIncludeFiles(path, array, msg);
+assert.notDirectoryIncludeFiles(path, array);
+assert.notDirectoryIncludeFiles(path, array, msg);
+
+// directory().with.subDirs([...])
+// #1
+expect(path).to.be.a.directory(msg).with.subDirs(array);
+expect(path).to.be.a.directory(msg).with.subDirs(array, msg);
+// #2
+expect(path).to.be.a.directory(msg).and.not.have.subDirs(array);
+expect(path).to.be.a.directory(msg).and.not.have.subDirs(array, msg);
+// #3
+expect(path).to.be.a.directory(msg).with.deep.subDirs(array);
+expect(path).to.be.a.directory(msg).with.deep.subDirs(array, msg);
+// #4
+expect(path).to.be.a.directory(msg).and.not.have.deep.subDirs(array);
+expect(path).to.be.a.directory(msg).and.not.have.deep.subDirs(array, msg);
+// #5
+expect(path).to.be.a.directory(msg).and.include.subDirs(array);
+expect(path).to.be.a.directory(msg).and.include.subDirs(array, msg);
+// #6
+expect(path).to.be.a.directory(msg).and.not.include.subDirs(array);
+expect(path).to.be.a.directory(msg).and.not.include.subDirs(array, msg);
+
+// #1
+path.should.be.a.directory(msg).with.subDirs(array);
+path.should.be.a.directory(msg).with.subDirs(array, msg);
+// #2
+path.should.be.a.directory(msg).and.not.have.subDirs(array);
+path.should.be.a.directory(msg).and.not.have.subDirs(array, msg);
+// #3
+path.should.be.a.directory(msg).with.deep.subDirs(array);
+path.should.be.a.directory(msg).with.deep.subDirs(array, msg);
+// #4
+path.should.be.a.directory(msg).and.not.have.deep.subDirs(array);
+path.should.be.a.directory(msg).and.not.have.deep.subDirs(array, msg);
+// #5
+path.should.be.a.directory(msg).and.include.subDirs(array);
+path.should.be.a.directory(msg).and.include.subDirs(array, msg);
+// #6
+path.should.be.a.directory(msg).and.not.include.subDirs(array);
+path.should.be.a.directory(msg).and.not.include.subDirs(array, msg);
+
+assert.directorySubDirs(path, array, msg);
+assert.notDirectorySubDirs(path, array, msg);
+assert.directoryDeepSubDirs(path, array, msg);
+assert.notDirectoryDeepSubDirs(path, array, msg);
+assert.directoryIncludeSubDirs(path, array, msg);
+assert.notDirectoryIncludeSubDirs(path, array, msg);
+
+// directory().and.equal(otherPath)
+// #1
+expect(path).to.be.a.directory(msg).and.equal(otherPath);
+expect(path).to.be.a.directory(msg).and.equal(otherPath, msg);
+// #2
+expect(path).to.be.a.directory(msg).and.not.equal(otherPath);
+expect(path).to.be.a.directory(msg).and.not.equal(otherPath, msg);
+// #3
+expect(path).to.be.a.directory(msg).and.deep.equal(otherPath);
+expect(path).to.be.a.directory(msg).and.deep.equal(otherPath, msg);
+// #4
+expect(path).to.be.a.directory(msg).and.not.deep.equal(otherPath);
+expect(path).to.be.a.directory(msg).and.not.deep.equal(otherPath, msg);
+
+// #1
+path.should.be.a.directory(msg).and.equal(otherPath);
+path.should.be.a.directory(msg).and.equal(otherPath, msg);
+// #2
+path.should.be.a.directory(msg).and.not.equal(otherPath);
+path.should.be.a.directory(msg).and.not.equal(otherPath, msg);
+// #3
+path.should.be.a.directory(msg).and.deep.equal(otherPath);
+path.should.be.a.directory(msg).and.deep.equal(otherPath, msg);
+// #4
+path.should.be.a.directory(msg).and.not.deep.equal(otherPath);
+path.should.be.a.directory(msg).and.not.deep.equal(otherPath, msg);
+
+assert.directoryEqual(path, otherPath, msg);
+assert.notDirectoryEqual(path, otherPath, msg);
+assert.directoryDeepEqual(path, otherPath, msg);
+assert.notDirectoryDeepEqual(path, otherPath, msg);
+
+// file()
+expect(path).to.be.a.file();
+expect(path).to.be.a.file(msg);
+expect(path).to.not.be.a.file();
+expect(path).to.not.be.a.file(msg);
+
+path.should.be.a.file();
+path.should.be.a.file(msg);
+path.should.not.be.a.file();
+path.should.not.be.a.file(msg);
+
+assert.isFile(path);
+assert.isFile(path, msg);
+assert.notIsFile(path);
+assert.notIsFile(path, msg);
+
+// file().and.empty
+expect(path).to.be.a.file(msg).and.empty;
+expect(path).to.be.a.file(msg).and.not.empty;
+
+path.should.be.a.file(msg).and.empty;
+path.should.be.a.file(msg).and.not.empty;
+
+assert.isEmptyFile(path, msg);
+assert.notIsEmptyFile(path, msg);
+
+// file().with.content(str)
+expect(path).to.be.a.file(msg).with.content(data);
+expect(path).to.be.a.file(msg).with.content(data, msg);
+expect(path).to.be.a.file(msg).and.not.have.content(data);
+expect(path).to.be.a.file(msg).and.not.have.content(data, msg);
+
+path.should.be.a.file(msg).with.content(data);
+path.should.be.a.file(msg).with.content(data, msg);
+path.should.be.a.file(msg).and.not.have.content(data);
+path.should.be.a.file(msg).and.not.have.content(data, msg);
+
+assert.fileContent(path, data);
+assert.fileContent(path, data, msg);
+assert.notFileContent(path, data);
+assert.notFileContent(path, data, msg);
+
+// file().with.contents.that.match(/xyz/)
+// expect(path).to.be.a.file(msg).with.contents.that.match(/xyz/, msg);
+// expect(path).to.be.a.file(msg).and.not.have.contents.that.match(/xyz/, msg);
+
+// path.should.be.a.file(msg).with.contents.that.match(/xyz/, msg);
+// path.should.be.a.file(msg).and.not.have.contents.that.match(/xyz/, msg);
+
+assert.fileContentMatch(path, /xyz/);
+assert.fileContentMatch(path, /xyz/, msg);
+assert.notFileContentMatch(path, /xyz/);
+assert.notFileContentMatch(path, /xyz/, msg);
+
+// file().and.equal(otherPath)
+expect(path).to.be.a.file(msg).and.equal(otherPath);
+expect(path).to.be.a.file(msg).and.equal(otherPath, msg);
+expect(path).to.be.a.file(msg).and.not.equal(otherPath);
+expect(path).to.be.a.file(msg).and.not.equal(otherPath, msg);
+
+path.should.be.a.file(msg).and.equal(otherPath);
+path.should.be.a.file(msg).and.equal(otherPath, msg);
+path.should.be.a.file(msg).and.not.equal(otherPath);
+path.should.be.a.file(msg).and.not.equal(otherPath, msg);
+
+assert.fileEqual(path, otherPath, msg);
+assert.notFileEqual(path, otherPath, msg);
+
+// file().with.json
+expect(path).to.be.a.file(msg).with.json;
+expect(path).to.be.a.file(msg).with.not.json;
+
+path.should.be.a.file(msg).with.json;
+path.should.be.a.file(msg).with.not.json;
+
+assert.jsonFile(path);
+assert.jsonFile(path, msg);
+assert.notJsonFile(path);
+assert.notJsonFile(path, msg);
+
+// file().using.json.schema(obj)
+expect(path).to.be.a.file(msg).with.json.using.schema(obj);
+expect(path).to.be.a.file(msg).with.json.not.using.schema(obj);
+
+path.should.be.a.file(msg).with.json.using.schema(obj);
+path.should.be.a.file(msg).with.json.not.using.schema(obj);
+
+assert.jsonSchemaFile(path, schema);
+assert.jsonSchemaFile(path, schema, msg);
+assert.notJsonSchemaFile(path, schema);
+assert.notJsonSchemaFile(path, schema, msg);
diff --git a/types/chai-fs/index.d.ts b/types/chai-fs/index.d.ts
new file mode 100644
index 0000000000..3b82eee078
--- /dev/null
+++ b/types/chai-fs/index.d.ts
@@ -0,0 +1,222 @@
+// Type definitions for chai-fs 2.0
+// Project: https://github.com/chaijs/chai-fs
+// Definitions by: Dimitar Danailov <https://github.com/dimitardanailov>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/// <reference types="node" />
+/// <reference types="chai" />
+
+declare global {
+    namespace Chai {
+        interface TypeComparison {
+            path(msg?: string): Assertion;
+            directory(msg?: string): Assertion;
+            file(msg?: string): Assertion;
+        }
+
+        interface Deep {
+            contents(array: any[], msg?: string): Assertion;
+            files(array: any[], msg?: string): Assertion;
+            subDirs(array: any[], msg?: string): Assertion;
+        }
+
+        interface Include {
+            contents(array: any[], msg?: string): Assertion;
+            files(array: any[], msg?: string): Assertion;
+            subDirs(array: any[], msg?: string): Assertion;
+        }
+
+        interface LanguageChains {
+            json: Assertion;
+            using: Assertion;
+        }
+
+        interface Assertion extends LanguageChains, NumericComparison, TypeComparison {
+            // Basename
+            basename(path?: string, name?: string, msg?: string): Assertion;
+            notBasename(path: string, name: string, msg?: string): Assertion;
+
+            // Dirname
+            dirname(name: string, msg?: string): Assertion;
+            notDirname(path: string, name: string, msg?: string): Assertion;
+
+            // Еxtname
+            extname(path: string, name?: string, msg?: string): Assertion;
+            notExtname(path: string, name: string, msg?: string): Assertion;
+
+            // Path
+            pathExists(path: string, msg?: string): Assertion;
+            notPathExists(path: string, msg?: string): Assertion;
+
+            // Directory
+            isDirectory(path: string, msg?: string): Assertion;
+            notIsDirectory(path: string, msg?: string): Assertion;
+
+            // directory().and.empty
+            isEmptyDirectory(path: string, msg?: string): Assertion;
+            notIsEmptyDirectory(path: string, msg?: string): Assertion;
+
+            // directory().with.contents([...])
+            contents(array: any[], msg?: string): Assertion;
+            directoryContent(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryContent(path: string, array: any[], msg?: string): Assertion;
+            directoryDeepContent(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryDeepContent(path: string, array: any[], msg?: string): Assertion;
+            directoryInclude(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryInclude(path: string, array: any[], msg?: string): Assertion;
+
+            // directory().with.files([...])
+            files(array: any[], msg?: string): Assertion;
+            directoryFiles(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryFiles(path: string, array: any[], msg?: string): Assertion;
+            directoryDeepFiles(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryDeepFiles(path: string, array: any[], msg?: string): Assertion;
+            directoryIncludeFiles(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryIncludeFiles(path: string, array: any[], msg?: string): Assertion;
+
+            // directory().with.subDirs([...])
+            subDirs(array: any[], msg?: string): Assertion;
+            directorySubDirs(path: string, array: any[], msg?: string): Assertion;
+            notDirectorySubDirs(path: string, array: any[], msg?: string): Assertion;
+            directoryDeepSubDirs(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryDeepSubDirs(path: string, array: any[], msg?: string): Assertion;
+            directoryIncludeSubDirs(path: string, array: any[], msg?: string): Assertion;
+            notDirectoryIncludeSubDirs(path: string, array: any[], msg?: string): Assertion;
+
+            // directory().and.equal(otherPath)
+            directoryEqual(path: string, otherPath: string, msg?: string): Assertion;
+            notDirectoryEqual(path: string, otherPath: string, msg?: string): Assertion;
+            directoryDeepEqual(path: string, otherPath: string, msg?: string): Assertion;
+            notDirectoryDeepEqual(path: string, otherPath: string, msg?: string): Assertion;
+
+            // file
+            isFile(path: string, msg?: string): Assertion;
+            notIsFile(path: string, msg?: string): Assertion;
+
+            // file().and.empty
+            isEmptyFile(path: string, msg?: string): Assertion;
+            notIsEmptyFile(path: string, msg?: string): Assertion;
+
+            // file().with.content(str)
+            content(data: any, msg?: string): Assertion;
+            fileContent(path: string, data: any, msg?: string): Assertion;
+            notFileContent(path: string, data: any, msg?: string): Assertion;
+
+            // file().with.contents.that.match(/xyz/)
+            fileContentMatch(path: string, regExp: RegExp, msg?: string): Assertion;
+            notFileContentMatch(path: string, regExp: RegExp, msg?: string): Assertion;
+
+            // file().and.equal(otherPath)
+            fileEqual(path: string, otherPath: string, msg?: string): Assertion;
+            notFileEqual(path: string, otherPath: string, msg?: string): Assertion;
+
+            // file().with.json
+            jsonFile(path: string, msg?: string): Assertion;
+            notJsonFile(path: string, msg?: string): Assertion;
+
+            // file().using.json.schema(obj)
+            jsonSchemaFile(path: string, schema: any, msg?: string): Assertion;
+            notJsonSchemaFile(path: string, schema: any, msg?: string): Assertion;
+            schema(obj: object): Assertion;
+        }
+
+        interface Assert {
+            // Basename
+            basename(path: string, name: string, msg?: string): void;
+            notBasename(path: string, name: string, msg?: string): void;
+
+            // Dirname
+            dirname(path: string, name?: string, msg?: string): void;
+            notDirname(path: string, name: string, msg?: string): void;
+
+            // Еxtname
+            extname(path: string, name: string, msg?: string): void;
+            notExtname(path: string, name: string, msg?: string): void;
+
+            // Path
+            path(msg?: string): void;
+            pathExists(path: string, msg?: string): void;
+            notPathExists(path: string, msg?: string): void;
+
+            // Directory
+            directory(msg?: string): void;
+            isDirectory(path: string, msg?: string): void;
+            notIsDirectory(path: string, msg?: string): void;
+
+            // directory().and.empty
+            isEmptyDirectory(path: string, msg?: string): void;
+            notIsEmptyDirectory(path: string, msg?: string): void;
+
+            // directory().with.contents([...])
+            contents(array: any[], msg?: string): void;
+            directoryContent(path: string, array: any[], msg?: string): void;
+            notDirectoryContent(path: string, array: any[], msg?: string): void;
+            directoryDeepContent(path: string, array: any[], msg?: string): void;
+            notDirectoryDeepContent(path: string, array: any[], msg?: string): void;
+            directoryInclude(path: string, array: any[], msg?: string): void;
+            notDirectoryInclude(path: string, array: any[], msg?: string): void;
+
+            // directory().with.files([...])
+            files(array: any[], msg?: string): void;
+            directoryFiles(path: string, array: any[], msg?: string): void;
+            notDirectoryFiles(path: string, array: any[], msg?: string): void;
+            directoryDeepFiles(path: string, array: any[], msg?: string): void;
+            notDirectoryDeepFiles(path: string, array: any[], msg?: string): void;
+            directoryIncludeFiles(path: string, array: any[], msg?: string): void;
+            notDirectoryIncludeFiles(path: string, array: any[], msg?: string): void;
+
+            // directory().with.subDirs([...])
+            subDirs(array: any[], msg?: string): void;
+            directorySubDirs(path: string, array: any[], msg?: string): void;
+            notDirectorySubDirs(path: string, array: any[], msg?: string): void;
+            directoryDeepSubDirs(path: string, array: any[], msg?: string): void;
+            notDirectoryDeepSubDirs(path: string, array: any[], msg?: string): void;
+            directoryIncludeSubDirs(path: string, array: any[], msg?: string): void;
+            notDirectoryIncludeSubDirs(path: string, array: any[], msg?: string): void;
+
+            // directory().and.equal(otherPath)
+            directoryEqual(path: string, otherPath: string, msg?: string): void;
+            notDirectoryEqual(path: string, otherPath: string, msg?: string): void;
+            directoryDeepEqual(path: string, otherPath: string, msg?: string): void;
+            notDirectoryDeepEqual(path: string, otherPath: string, msg?: string): void;
+
+            // file
+            file(msg?: string): void;
+            isFile(path: string, msg?: string): void;
+            notIsFile(path: string, msg?: string): void;
+
+            // file().and.empty
+            isEmptyFile(path: string, msg?: string): void;
+            notIsEmptyFile(path: string, msg?: string): void;
+
+            // file().with.content(str)
+            fileContent(path: string, data: any, msg?: string): void;
+            notFileContent(path: string, data: any, msg?: string): void;
+
+            // file().with.contents.that.match(/xyz/)
+            fileContentMatch(path: string, regExp: RegExp, msg?: string): void;
+            notFileContentMatch(path: string, regExp: RegExp, msg?: string): void;
+
+            // file().and.equal(otherPath)
+            fileEqual(path: string, otherPath: string, msg?: string): void;
+            notFileEqual(path: string, otherPath: string, msg?: string): void;
+
+            // file().with.json
+            jsonFile(path: string, msg?: string): void;
+            notJsonFile(path: string, msg?: string): void;
+
+            // file().using.json.schema(obj)
+            jsonSchemaFile(path: string, schema: any, msg?: string): void;
+            notJsonSchemaFile(path: string, schema: any, msg?: string): void;
+            schema(obj: object): void;
+        }
+    }
+}
+
+declare function chaiFs(chai: any, utils: any): void;
+export = chaiFs;
+
+interface Object {
+    should: Chai.Assertion;
+}
diff --git a/types/chai-fs/tsconfig.json b/types/chai-fs/tsconfig.json
new file mode 100644
index 0000000000..8ca5abeb7d
--- /dev/null
+++ b/types/chai-fs/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "chai-fs-tests.ts"
+    ]
+}
diff --git a/types/chai-fs/tslint.json b/types/chai-fs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/chai-fs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/chai-http/tsconfig.json b/types/chai-http/tsconfig.json
index 3554b4ab09..45d92cf188 100644
--- a/types/chai-http/tsconfig.json
+++ b/types/chai-http/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/chai-jest-snapshot/tslint.json b/types/chai-jest-snapshot/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/chai-jest-snapshot/tslint.json
+++ b/types/chai-jest-snapshot/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/chai-jquery/chai-jquery-tests.ts b/types/chai-jquery/chai-jquery-tests.ts
index 894acf9ca5..bd798be847 100644
--- a/types/chai-jquery/chai-jquery-tests.ts
+++ b/types/chai-jquery/chai-jquery-tests.ts
@@ -67,6 +67,10 @@ function test_disabled() {
     expect($('#foo')).to.be.disabled;
 }
 
+function test_enabled() {
+    expect($('#foo')).to.be.enabled;
+}
+
 function test_empty() {
     $('.empty').should.be.empty;
     expect($('body')).not.to.be.empty;
diff --git a/types/chai-jquery/index.d.ts b/types/chai-jquery/index.d.ts
index bd6826ca08..c2827d2e05 100644
--- a/types/chai-jquery/index.d.ts
+++ b/types/chai-jquery/index.d.ts
@@ -25,6 +25,7 @@ declare namespace Chai {
         selected(): Assertion;
         checked(): Assertion;
         disabled(): Assertion;
+        enabled(): Assertion;
         (selector: string): Assertion;
     }
 
diff --git a/types/chai/chai-tests.ts b/types/chai/chai-tests.ts
index 2c81c42aeb..36002d9bfa 100644
--- a/types/chai/chai-tests.ts
+++ b/types/chai/chai-tests.ts
@@ -808,6 +808,24 @@ function frozen() {
     expect(Object.freeze({})).to.be.frozen;
     ({}).should.be.not.frozen;
     Object.freeze({}).should.be.frozen;
+
+    expect([1, 2, 3]).to.have.all.members([1, 2, 3]);
+    expect([1, 2, 3]).to.have.all.members(Object.freeze([1, 2, 3]));
+
+    expect({1: "", 2: "", 3: ""}).to.have.all.keys([1, 2, 3]);
+    expect({1: "", 2: "", 3: ""}).to.have.all.keys(Object.freeze([1, 2, 3]));
+
+    assert.notDeepInclude([1, 2, 3], 1);
+    assert.notDeepInclude(Object.freeze([1, 2, 3]), 1);
+
+    assert.include([1, 2, 3], 1);
+    assert.include(Object.freeze([1, 2, 3]), 1);
+
+    assert.notInclude([1, 2, 3], 1);
+    assert.notInclude(Object.freeze([1, 2, 3]), 1);
+
+    expect([1, 2, 3]).to.have.oneOf([1, 2, 3]);
+    expect([1, 2, 3]).to.have.oneOf(Object.freeze([1, 2, 3]));
 }
 
 class PoorlyConstructedError {
@@ -1145,6 +1163,8 @@ function members() {
     expect([5, 4]).not.members([]);
     expect([5, 4]).not.members([6, 3]);
     expect([5, 4]).not.members([5, 4, 2]);
+
+    expect([5, 4]).to.have.all.members([4, 5]);
 }
 
 function increaseDecreaseChange() {
diff --git a/types/chai/index.d.ts b/types/chai/index.d.ts
index 6f0edecc06..5f73803757 100644
--- a/types/chai/index.d.ts
+++ b/types/chai/index.d.ts
@@ -118,7 +118,7 @@ declare namespace Chai {
         extensible: Assertion;
         sealed: Assertion;
         frozen: Assertion;
-        oneOf(list: any[], message?: string): Assertion;
+        oneOf(list: ReadonlyArray<any>, message?: string): Assertion;
     }
 
     interface LanguageChains {
@@ -195,6 +195,7 @@ declare namespace Chai {
 
     interface KeyFilter {
         keys: Keys;
+        members: Members;
     }
 
     interface Equal {
@@ -234,7 +235,7 @@ declare namespace Chai {
 
     interface Keys {
         (...keys: string[]): Assertion;
-        (keys: any[]|Object): Assertion;
+        (keys: ReadonlyArray<any>|Object): Assertion;
     }
 
     interface Throw {
@@ -251,7 +252,7 @@ declare namespace Chai {
     }
 
     interface Members {
-        (set: any[], message?: string): Assertion;
+        (set: ReadonlyArray<any>, message?: string): Assertion;
     }
 
     interface PropertyChange {
@@ -695,7 +696,7 @@ declare namespace Chai {
          * @param needle   Potential value contained in haystack.
          * @param message   Message to display on error.
          */
-        include<T>(haystack: T[], needle: T, message?: string): void;
+        include<T>(haystack: ReadonlyArray<T>, needle: T, message?: string): void;
 
         /**
          * Asserts that haystack does not include needle.
@@ -704,7 +705,7 @@ declare namespace Chai {
          * @param needle   Potential expected substring of haystack.
          * @param message   Message to display on error.
          */
-        notInclude(haystack: string | any[], needle: any, message?: string): void;
+        notInclude(haystack: string | ReadonlyArray<any>, needle: any, message?: string): void;
 
         /**
          * Asserts that haystack includes needle. Can be used to assert the inclusion of a value in an array or a subset of properties in an object. Deep equality is used.
@@ -731,7 +732,7 @@ declare namespace Chai {
          * @param needle   Potential expected substring of haystack.
          * @param message   Message to display on error.
          */
-        notDeepInclude(haystack: string | any[], needle: any, message?: string): void;
+        notDeepInclude(haystack: string | ReadonlyArray<any>, needle: any, message?: string): void;
 
         /**
          * Asserts that ‘haystack’ includes ‘needle’. Can be used to assert the inclusion of a subset of properties in an object.
diff --git a/types/chart.js/chart.js-tests.ts b/types/chart.js/chart.js-tests.ts
index 41ab453e0f..705392baed 100644
--- a/types/chart.js/chart.js-tests.ts
+++ b/types/chart.js/chart.js-tests.ts
@@ -19,7 +19,7 @@ const chart: Chart = new Chart(new CanvasRenderingContext2D(), {
                 backgroundColor: "#000000",
                 borderWidth: 1,
                 label: "test",
-                data: [1]
+                data: [1, null, 3]
             }
         ]
     },
@@ -36,6 +36,7 @@ const chart: Chart = new Chart(new CanvasRenderingContext2D(), {
         tooltips: {
             filter: data => Number(data.yLabel) > 0,
             intersect: true,
+            mode: 'index',
             itemSort: (a, b) => Math.random() - 0.5,
             position: "average",
             caretPadding: 2,
@@ -125,6 +126,7 @@ const chartConfig: Chart.ChartConfiguration = {
             backgroundColor: '#37738353',
             borderColor: '#37738353',
             borderWidth: 3,
+            borderCapStyle: 'round',
             fill: true
         }]
     },
diff --git a/types/chart.js/index.d.ts b/types/chart.js/index.d.ts
index 37f4757460..884ddaa760 100644
--- a/types/chart.js/index.d.ts
+++ b/types/chart.js/index.d.ts
@@ -10,7 +10,6 @@
 //                 Guillaume Rodriguez <https://github.com/guillaume-ro-fr>
 //                 Simon Archer <https://github.com/archy-bold>
 //                 Ken Elkabany <https://github.com/braincore>
-//                 Slavik Nychkalo <https://github.com/gebeto>
 //                 Francesco Benedetto <https://github.com/frabnt>
 //                 Alexandros Dorodoulis <https://github.com/alexdor>
 //                 Manuel Heidrich <https://github.com/mahnuh>
@@ -174,6 +173,8 @@ declare namespace Chart {
 
     type PositionType = 'left' | 'right' | 'top' | 'bottom';
 
+    type InteractionMode = 'point' | 'nearest' | 'single' | 'label' | 'index' | 'x-axis' | 'dataset' | 'x' | 'y';
+
     interface ChartArea {
         top: number;
         right: number;
@@ -185,10 +186,10 @@ declare namespace Chart {
         text?: string;
         fillStyle?: string;
         hidden?: boolean;
-        lineCap?: string;
+        lineCap?: 'butt' | 'round' | 'square';
         lineDash?: number[];
         lineDashOffset?: number;
-        lineJoin?: string;
+        lineJoin?: 'bevel' | 'round' | 'miter';
         lineWidth?: number;
         strokeStyle?: string;
         pointStyle?: PointStyle;
@@ -331,7 +332,7 @@ declare namespace Chart {
     interface ChartTooltipOptions {
         enabled?: boolean;
         custom?(a: any): void;
-        mode?: string;
+        mode?: InteractionMode;
         intersect?: boolean;
         backgroundColor?: ChartColor;
         titleFontFamily?: string;
@@ -373,7 +374,7 @@ declare namespace Chart {
     type ChartTooltipPositioner = (elements: any[], eventPosition: Point) => Point;
 
     interface ChartHoverOptions {
-        mode?: string;
+        mode?: InteractionMode;
         animationDuration?: number;
         intersect?: boolean;
         onHover?(this: Chart, event: MouseEvent, activeElements: Array<{}>): any;
@@ -479,7 +480,12 @@ declare namespace Chart {
         fontStyle?: string;
     }
 
-    interface TickOptions {
+    interface TickOptions extends NestedTickOptions {
+        minor?: NestedTickOptions | false;
+        major?: NestedTickOptions | false;
+    }
+
+    interface NestedTickOptions {
         autoSkip?: boolean;
         autoSkipPadding?: number;
         backdropColor?: ChartColor;
@@ -504,6 +510,7 @@ declare namespace Chart {
         reverse?: boolean;
         showLabelBackdrop?: boolean;
         source?: 'auto' | 'data' | 'labels';
+        stepSize?: number;
         suggestedMax?: number;
         suggestedMin?: number;
     }
@@ -540,12 +547,12 @@ declare namespace Chart {
         backgroundColor?: ChartColor | ChartColor[];
         borderWidth?: number | number[];
         borderColor?: ChartColor | ChartColor[];
-        borderCapStyle?: string;
+        borderCapStyle?: 'butt' | 'round' | 'square';
         borderDash?: number[];
         borderDashOffset?: number;
-        borderJoinStyle?: string;
+        borderJoinStyle?: 'bevel' | 'round' | 'miter';
         borderSkipped?: PositionType;
-        data?: number[] | ChartPoint[];
+        data?: Array<number | null | undefined> | ChartPoint[];
         fill?: boolean | number | string;
         hoverBackgroundColor?: string | string[];
         hoverBorderColor?: string | string[];
@@ -565,7 +572,7 @@ declare namespace Chart {
         pointStyle?: PointStyle | HTMLImageElement | HTMLCanvasElement | Array<PointStyle | HTMLImageElement | HTMLCanvasElement>;
         xAxisID?: string;
         yAxisID?: string;
-        type?: string;
+        type?: ChartType | string;
         hidden?: boolean;
         hideInLegendAndTooltip?: boolean;
         showLine?: boolean;
diff --git a/types/chartist/chartist-tests.ts b/types/chartist/chartist-tests.ts
index bd7006723e..cb7f884264 100644
--- a/types/chartist/chartist-tests.ts
+++ b/types/chartist/chartist-tests.ts
@@ -197,6 +197,7 @@ new Chartist.Bar('.ct-chart', {
 }, {
     // Default mobile configuration
     stackBars: true,
+    stackMode: 'accumulate',
     axisX: {
         labelInterpolationFnc: (value: string) => {
             return value.split(/\s+/).map((word: string) => {
diff --git a/types/chartist/index.d.ts b/types/chartist/index.d.ts
index 3d72210c73..9b096839cc 100644
--- a/types/chartist/index.d.ts
+++ b/types/chartist/index.d.ts
@@ -283,6 +283,7 @@ declare namespace Chartist {
          * If set to true this property will cause the series bars to be stacked and form a total for each series point. This will also influence the y-axis and the overall bounds of the chart. In stacked mode the seriesBarDistance property will have no effect.
          */
         stackBars?: boolean;
+        stackMode?: 'overlap' | 'accumulate';
 
         horizontalBars?: boolean;
         distributeSeries?: boolean;
diff --git a/types/chartmogul-node/common.d.ts b/types/chartmogul-node/common.d.ts
index ced10f98d7..d12587f090 100644
--- a/types/chartmogul-node/common.d.ts
+++ b/types/chartmogul-node/common.d.ts
@@ -1,5 +1,5 @@
 export interface Map {
-    [key: string]: any
+    [key: string]: any;
 }
 export interface CursorParams {
     page?: number;
@@ -15,9 +15,9 @@ export interface Cursor {
     total_pages?: number;
 }
 export interface Entries<T> extends Cursor {
-    entries: T[]
+    entries: T[];
 }
-interface Summary {
+export interface Summary {
     current: number;
     previous: number;
     ['percentage-change']: number;
@@ -25,4 +25,4 @@ interface Summary {
 export interface EntriesSummary<T> {
     entries: T[];
     summary: Summary;
-}
\ No newline at end of file
+}
diff --git a/types/cheerio/index.d.ts b/types/cheerio/index.d.ts
index cb8031705e..6c893021a3 100644
--- a/types/cheerio/index.d.ts
+++ b/types/cheerio/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Cheerio v0.22.0
 // Project: https://github.com/cheeriojs/cheerio
-// Definitions by: Bret Little <https://github.com/blittle>, VILIC VANE <http://vilic.info>, Wayne Maurer <https://github.com/wmaurer>, Umar Nizamani <https://github.com/umarniz>, LiJinyao <https://github.com/LiJinyao>, Chennakrishna <https://github.com/chennakrishna8>
+// Definitions by: Bret Little <https://github.com/blittle>, VILIC VANE <http://vilic.info>, Wayne Maurer <https://github.com/wmaurer>, Umar Nizamani <https://github.com/umarniz>, LiJinyao <https://github.com/LiJinyao>, Chennakrishna <https://github.com/chennakrishna8>, AzSiAz <https://github.com/AzSiAz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 interface Cheerio {
@@ -111,9 +111,8 @@ interface Cheerio {
 
     eq(index: number): Cheerio;
 
-    get(): string[];
-    get(): CheerioElement[];
-    get(index: number): CheerioElement;
+    get(): any[];
+    get(index: number): any;
 
     index(): number;
     index(selector: string): number;
diff --git a/types/chordsheetjs/chordsheetjs-tests.ts b/types/chordsheetjs/chordsheetjs-tests.ts
new file mode 100644
index 0000000000..7f01828e7f
--- /dev/null
+++ b/types/chordsheetjs/chordsheetjs-tests.ts
@@ -0,0 +1,5 @@
+import { Song, HtmlTableFormatter } from 'chordsheetjs';
+
+const song = new Song({ key: 'value' });
+const formatter = new HtmlTableFormatter();
+formatter.format(song);
diff --git a/types/chordsheetjs/index.d.ts b/types/chordsheetjs/index.d.ts
new file mode 100644
index 0000000000..ee2e69593f
--- /dev/null
+++ b/types/chordsheetjs/index.d.ts
@@ -0,0 +1,372 @@
+// Type definitions for chordsheetjs 2.8
+// Project: https://github.com/martijnversluis/ChordSheetJS
+// Definitions by: Adam Bloom <https://github.com/adamsbloom>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/**
+ * Represents a chord with the corresponding (partial) lyrics
+ */
+export class ChordLyricsPair {
+    /**
+     * Initialises a ChordLyricsPair
+     * @param chords The chords
+     * @param lyrics The lyrics
+     */
+    constructor(chords: string, lyrics: string);
+
+    chords: string;
+    lyrics: string;
+
+    /**
+     * Indicates whether a ChordLyricsPair should be visible in a formatted chord sheet (except for ChordPro sheets)
+     */
+    isRenderable: () => boolean;
+
+    /**
+     * Returns a deep copy of the ChordLyricsPair, useful when programmatically transforming a song
+     */
+    clone: () => ChordLyricsPair;
+
+    toString: () => string;
+}
+
+/**
+ * Represents a tag/directive. See https://www.chordpro.org/chordpro/ChordPro-Directives.html
+ */
+export class Tag {
+    constructor(name: string, value: string | null);
+
+    /**
+     * The tag full name. When the original tag used the short name, `name` will return the full name.
+     */
+    name: string;
+
+    /**
+     * The tag value
+     */
+    value: string | null;
+
+    static parse(tag: string): Tag | null;
+    static parseWithRegex(tag: string, regex: string): Tag | null;
+
+    /**
+     * The original tag name that was used to construct the tag.
+     */
+    originalName: string;
+
+    /**
+     * Checks whether the tag value is a non-empty string.
+     */
+    hasValue(): boolean;
+
+    /**
+     * Checks whether the tag is usually rendered inline. It currently only applies to comment tags.
+     */
+    isRenderable(): boolean;
+
+    /**
+     * Checks whether the tag is either a standard meta tag or a custom meta directive (`{x_some_name}`)
+     */
+    isMetaTag(): boolean;
+
+    /**
+     * Returns a clone of the tag.
+     */
+    clone(): Tag;
+
+    toString(): string;
+}
+
+/**
+ * Represents a line in a chord sheet, consisting of items of type ChordLyricsPair or Tag
+ */
+export class Line {
+    constructor();
+
+    /**
+     * The items (ChordLyricsPair or Tag) of which the line consists
+     */
+    items: Array<ChordLyricsPair | Tag>;
+
+    /**
+     * The line type, This is set by the ChordProParser when it read tags like {start_of_chorus} or {start_of_verse}
+     * Values can be 'verse', 'chorus' or 'none'
+     */
+    type: 'verse' | 'chorus' | 'none';
+
+    /**
+     * Indicates whether the line contains any items
+     */
+    isEmpty(): boolean;
+
+    /**
+     * Adds an item to the line
+     * @param item The item to be added
+     */
+    addItem(item: ChordLyricsPair | Tag): void;
+
+    /**
+     * Indicates whether the line contains items that are renderable
+     */
+    hasRenderableItems(): boolean;
+
+    /**
+     * Returns a deep copy of the line and all of its items
+     */
+    clone(): Line;
+
+    /**
+     * Indicates whether the line type is 'verse'
+     */
+    isVerse(): boolean;
+
+    /**
+     * Indicates whether the line type is 'chorus'
+     */
+    isChorus(): boolean;
+
+    /**
+     * Indicates whether the line contains items that are renderable. Please use hasRenderableItems
+     * @deprecated
+     */
+    hasContent(): boolean;
+
+    addChordLyricsPair(
+        chords: ChordLyricsPair | string,
+        lyrics: string
+    ): ChordLyricsPair;
+    ensureChordLyricsPair(): void;
+    chords(chr: string): void;
+    lyrics(chr: string): void;
+    addTag(name: Tag | string, value: string | null): Tag;
+}
+
+/**
+ * Represents a paragraph of lines in a chord sheet
+ */
+export class Paragraph {
+    constructor();
+
+    /**
+     * The Line items of which the paragraph consists
+     */
+    lines: Line[];
+
+    addLine(line: Line): void;
+
+    /**
+     * Tries to determine the common type for all lines. If the types for all lines are equal, it returns that type.
+     * If not, it returns 'indeterminate'.
+     */
+    type: string;
+}
+
+/**
+ * Represents a song in a chord sheet. Currently a chord sheet can only have one song.
+ */
+export class Song {
+    constructor(metadata: object);
+
+    /**
+     * The Line items of which the song consists
+     */
+    lines: Line[];
+
+    /**
+     * The Paragraph items of which the song consists
+     */
+    paragraphs: Paragraph[];
+
+    currentLine: Line;
+    currentParagraph: Paragraph;
+    assignMetaData(metadata: object): void;
+
+    /**
+     * Returns the song lines, skipping the leading empty lines (empty as in not rendering any content). This is useful
+     * if you want to skip the "header lines": the lines that only contain meta data.
+     */
+    bodyLines: Line[];
+
+    chords(chr: string): void;
+    lyrics(chr: string): void;
+    addLine(): Line;
+    setCurrentLineType(type: string): void;
+    flushLine(): void;
+    finish(): void;
+    addChordLyricsPair(): ChordLyricsPair;
+    ensureLine(): void;
+    addParagraph(): Paragraph;
+    ensureParagraph(): void;
+    addTag(tagContents: string): Tag;
+
+    /**
+     * Returns a deep clone of the song
+     */
+    clone(): Song;
+
+    setMetaData(name: string, value: string): void;
+    metaData: object;
+    optimizedMetaData: object;
+    getOptimizedMetaData(): object;
+    optimizeMetaDataValue(
+        valueSet: string[] | undefined
+    ): string | string[] | null;
+    getMetaData(name: string): string | null;
+}
+
+/**
+ * Represents a parser warning, currently only used by ChordProParser.
+ */
+export class ParserWarning {
+    /**
+     * The warning message
+     */
+    message: string;
+
+    /**
+     * The line number on which the warning occurred
+     */
+    lineNumber: string;
+
+    toString(): string;
+}
+
+/**
+ * Parses a ChordPro chord sheet
+ */
+export class ChordProParser {
+    /**
+     * Parses a ChordPro chord sheet into a song
+     * @param chordProChordSheet The ChordPro chord sheet
+     */
+    parse(chordProChordSheet: string): Song;
+
+    song: Song;
+    lineNumber: number;
+    sectionType: string;
+    warnings: ParserWarning[];
+
+    parseDocument(document: string): void;
+    readLyrics(chr: string): void;
+    readChords(chr: string): void;
+    readTag(chr: string): void;
+    readComment(chr: string): void;
+    finishTag(): void;
+    resetTag(): void;
+    applyTag(tag: Tag): void;
+    startSection(sectionType: string, tag: Tag): void;
+    endSection(sectionType: string, tag: Tag): void;
+    checkCurrentSectionType(sectionType: string, tag: Tag): void;
+    addWarning(message: string): void;
+}
+
+export interface ChordSheetParserProps {
+    preserveWhitespace: boolean;
+}
+
+/**
+ * Formats a song into a plain text chord sheet
+ */
+export class ChordSheetParser {
+    constructor(props: ChordSheetParserProps);
+
+    song: Song;
+    lines: Line[];
+    songLine: Line;
+    chordLyricsPair: ChordLyricsPair;
+    currentLine: number;
+    lineCount: number;
+    processingText: string;
+    preserveWhitespace: boolean;
+
+    /**
+     * Parses a chord sheet into a song
+     * @param chordSheet The ChordPro chord sheet
+     */
+    parse(chordSheet: string): Song;
+
+    parseLine(line: string): void;
+    parseNonEmptyLine(line: string): void;
+    initialize(document: string): void;
+    readLine(): Line;
+    hasNextLine(): boolean;
+    parseLyricsWithChords(chordsLine: string, lyricsLine: string): void;
+    processCharacters(chordsLine: string, lyricsLine: string): void;
+    addCharacter(chr: string, nextChar: string): void;
+    shouldAddCharacterToChords(nextChar: string): boolean;
+    ensureChordLyricsPairInitialized(): void;
+}
+
+export interface SongHeader {
+    title: string;
+    subtitle: string;
+}
+
+export class TextFormatter {
+    constructor();
+    /**
+     * Formats a song into a plain text chord sheet
+     * @param song The song to be formatted
+     */
+    format(song: Song): string;
+    formatHeader(header: SongHeader): string;
+    formatParagraphs(song: Song): string;
+    formatParagraph(paragraph: Paragraph): string;
+    formatLine(line: Line): string;
+    formatTitle(title: string): string;
+    formatSubtitle(subtitle: string): string;
+    formatTopLine(line: Line): string | null;
+    chordLyricsPairLength(chordLyricsPair: ChordLyricsPair): number;
+    formatItemTop(item: Tag | ChordLyricsPair | Line): string;
+    formatLineBottom(line: Line): string;
+    formatLineWithFormatter(
+        line: Line,
+        formatter: (x: string) => string
+    ): string;
+    formatItemBottom(item: Tag | ChordLyricsPair | Line): string;
+}
+
+/**
+ * Formats a song into HTML. It uses TABLEs to align lyrics with chords, which makes the HTML for things like
+ * PDF conversion.
+ */
+export class HtmlTableFormatter {
+    constructor();
+    /**
+     * Formats a song into HTML.
+     * @param song The song to be formatted
+     */
+    format(song: Song): string;
+}
+
+/**
+ * Formats a song into HTML. It uses DIVs to align lyrics with chords, which makes it useful for responsive web pages.
+ */
+export class HtmlDivFormatter {
+    constructor();
+    /**
+     * Formats a song into HTML.
+     * @param song The song to be formatted
+     */
+    format(song: Song): string;
+}
+
+/**
+ * Formats a song into a ChordPro chord sheet
+ */
+export class ChordProFormatter {
+    constructor();
+    /**
+     * Formats a song into a ChordPro chord sheet.
+     * @param song The song to be formatted
+     */
+    format(song: Song): string;
+
+    formatLine(line: Line): string;
+    formatItem(item: Tag | ChordLyricsPair | Line): string;
+    formatTag(tag: Tag): string;
+    formatChordLyricsPair(chordLyricsPair: ChordLyricsPair): string;
+    formatChordLyricsPairChords(chordLyricsPair: ChordLyricsPair): string;
+    formatChordLyricsPairLyrics(chordLyricsPair: ChordLyricsPair): string;
+}
diff --git a/types/chordsheetjs/tsconfig.json b/types/chordsheetjs/tsconfig.json
new file mode 100644
index 0000000000..0b2e8140ca
--- /dev/null
+++ b/types/chordsheetjs/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "chordsheetjs-tests.ts"]
+}
diff --git a/types/chordsheetjs/tslint.json b/types/chordsheetjs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/chordsheetjs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/chroma-js/chroma-js-tests.ts b/types/chroma-js/chroma-js-tests.ts
index fdd1b5946b..f1709dd31a 100644
--- a/types/chroma-js/chroma-js-tests.ts
+++ b/types/chroma-js/chroma-js-tests.ts
@@ -82,6 +82,9 @@ function test_color() {
     chroma('aquamarine').luminance(0.5, 'lab');
     chroma('aquamarine').luminance(0.5, 'hsl');
     chroma('orange').hex();
+    chroma('orange').hex('auto');
+    chroma('orange').hex('rgb');
+    chroma('orange').alpha(0.5).hex('rgba');
     chroma('#ffa500').name();
     chroma('#ffa505').name();
     chroma('teal').css();
@@ -107,6 +110,11 @@ function test_color() {
     chroma('teal').alpha(0.5).css();
     chroma('teal').css('hsl');
     chroma('orange').rgb();
+
+    chroma('#000000').num();
+    chroma('#0000ff').num();
+    chroma('#00ff00').num();
+    chroma('#ff0000').num();
 }
 
 function test_scale() {
diff --git a/types/chroma-js/index.d.ts b/types/chroma-js/index.d.ts
index faeba01bb1..162a318dc8 100644
--- a/types/chroma-js/index.d.ts
+++ b/types/chroma-js/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Chroma.js 1.3
+// Type definitions for Chroma.js 1.4
 // Project: https://github.com/gka/chroma.js
 // Definitions by: Sebastian Brückner <https://github.com/invliD>, Marcin Pacholec <https://github.com/mpacholec>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -260,9 +260,18 @@ declare namespace chroma {
         luminance(l: number, colorSpace?: keyof ColorSpaces): Color;
 
         /**
-         * Get color as hexadecimal string. E.g. '#ffa500'
+         * Get color as hexadecimal string.
+         *
+         * @param mode `auto` - string will include alpha channel only if it's less than 1.
+         *             `rgb`  - string will not include alpha channel.
+         *             `rgba` - string will include alpha channel.
+         *
+         * @example
+         * chroma('orange').hex() === '#ffa500'
+         * chroma('orange').alpha(0.5).hex() === '#ffa50080'
+         * chroma('orange').alpha(0.5).hex('rgb') === '#ffa500'
          */
-        hex(): string;
+        hex(mode?: 'auto' | 'rgb' | 'rgba'): string;
 
         /**
          * Returns the named color. Falls back to hexadecimal RGB string, if the color isn't present.
@@ -280,6 +289,17 @@ declare namespace chroma {
          * [temperature gradient]{@link ChromaStatic.temperature} above.
          */
         temperature(): number;
+
+        /**
+         * Returns the numeric representation of the hexadecimal RGB color.
+         *
+         * @example
+         * chroma('#000000').num() === 0
+         * chroma('#0000ff').num() === 255
+         * chroma('#00ff00').num() === 65280
+         * chroma('#ff0000').num() === 16711680
+         */
+        num(): number;
     } & {
         [K in keyof ColorSpaces]: () => ColorSpaces[K];
     };
diff --git a/types/chrome-apps/index.d.ts b/types/chrome-apps/index.d.ts
index 33b760ce82..8873e80da2 100644
--- a/types/chrome-apps/index.d.ts
+++ b/types/chrome-apps/index.d.ts
@@ -612,7 +612,10 @@ declare namespace chrome {
              * @deprecated Deprecated since Chrome 36. Use innerBounds or outerBounds.
              */
             maxHeight?: integer;
-            /** Type of window to create */
+            /**
+             * @deprecated Deprecated since Chrome 69. All app windows use the 'shell' window type.
+             * @description Type of window to create
+             **/
             type?: 'shell';
             /**
              * If true, the window will have its own shelf icon.
@@ -919,7 +922,8 @@ declare namespace chrome {
             level?: integer;
         }
         /**
-         * Device properties by which to filter the list of returned audio devices. If the filter is not set or set to {}, returned device list will contain all available audio devices.
+         * Device properties by which to filter the list of returned audio devices.
+         * If the filter is not set or set to {}, returned device list will contain all available audio devices.
          */
         interface Filter {
             /**
@@ -1083,8 +1087,9 @@ declare namespace chrome {
         function getDevices(callback: (devices: Device[]) => void): void;
 
         /**
-         * Get a list of Bluetooth devices known to the system, including paired and recently discovered devices.
-         * @param filter Since Chrome 67. Some criteria to filter the list of returned bluetooth devices. If the filter is not set or set to {}, returned device list will contain all bluetooth devices. Right now this is only supported in ChromeOS, for other platforms, a full list is returned.
+         * @since Chrome 67.
+         * @description Get a list of Bluetooth devices known to the system, including paired and recently discovered devices.
+         * @param filter Some criteria to filter the list of returned bluetooth devices. If the filter is not set or set to {}, returned device list will contain all bluetooth devices. Right now this is only supported in ChromeOS, for other platforms, a full list is returned.
          * @param callback Called when the search is completed.
          */
         function getDevices(filter: DeviceFilter, callback: (devices: Device[]) => void): void;
@@ -2082,12 +2087,12 @@ declare namespace chrome {
         /**
          * **Dev channel only.**
          * Sets image data to clipboard
-         * @param imageData The encoded image data. *Since Chrome 70. Warning: this is the current Beta channel.*
-         * @param type The type of image being passed. *Since Chrome 70. Warning: this is the current Beta channel.*
+         * @param imageData The encoded image data. *Since Chrome 71. Warning: this is the current Dev channel.*
+         * @param type The type of image being passed. *Since Chrome 71. Warning: this is the current Dev channel.*
          * @param [additionalItems] Additional data items for describing image data.
          *      The callback is called with chrome.runtime.lastError set to error code if there is an error.
          *      Requires clipboard and clipboardWrite permissions.
-         *      *Since Chrome 70. Warning: this is the current Beta channel.*
+         *      *Since Chrome 71. Warning: this is the current Dev channel.*
          * @param [callback]
          */
         function setImageData(imageData: ArrayBuffer, type: ImageType, additionalItems?: AdditionalItems, callback?: () => void): void;
@@ -3078,7 +3083,8 @@ declare namespace chrome {
             'document_end' |
             'document_idle';
         /**
-         * The origin of injected CSS.
+         * @since Chrome 66.
+         * @description The origin of injected CSS.
          **/
         type CSSOrigin =
             'author' |
@@ -3363,7 +3369,7 @@ declare namespace chrome {
         function chooseEntry(options: ChooseEntryOptionsBase, callback: FileEntryCallback<ChooseEntryOptionsBase>): void;
         function chooseEntry(options: ChooseFileEntryOptions, callback: FileEntryCallback<ChooseFileEntryOptions>): void;
         function chooseEntry(options: ChooseSaveFileEntryOptions, callback: FileEntryCallback<ChooseSaveFileEntryOptions>): void;
-        function chooseEntry(options: ChooseMultipleFilesEntryOptions, callback: FileEntryCallback<ChooseFileEntryOptions>): void;
+        function chooseEntry(options: ChooseMultipleFilesEntryOptions, callback: FileEntryCallback<ChooseMultipleFilesEntryOptions>): void;
         function chooseEntry(options: ChooseDirectoryEntryOptions, callback: FileEntryCallback<ChooseDirectoryEntryOptions>): void;
         /** Returns the file entry with the given id if it can be restored. This call will fail with a runtime error otherwise. */
         function restoreEntry(id: string, callback: (entry: FileEntry) => void): void;
@@ -5968,6 +5974,11 @@ declare namespace chrome {
             SSID?: S;
             /** The network signal strength. */
             SignalStrength?: integer;
+            /**
+             * @since Chrome 70
+             * @description The tethering state associated with the connection.
+             */
+            TetheringState?: string;
         }
         interface WiFiProperties<M extends ManagedObject = 'unmanaged',
             OF extends _internal_.ObjectFunction = 'getter',
@@ -6379,8 +6390,8 @@ declare namespace chrome {
             progress?: integer;
 
             /**
-             * Whether to show UI indicating that the app will visibly respond to clicks on the body of a notification.
-             * @since Chrome 32.
+             * @deprecated Deprecated since Chrome 67. This UI hint is ignored as of Chrome 67
+             * @description Whether to show UI indicating that the app will visibly respond to clicks on the body of a notification.
              */
             isClickable?: boolean;
 
@@ -6391,6 +6402,13 @@ declare namespace chrome {
              * @since Chrome 50
              */
             requireInteraction?: boolean;
+
+            /**
+             * @since Chrome 70.
+             * @description Indicates that no sounds or vibrations should be made when the notification is being shown.
+             * @default false
+             */
+            silent?: boolean;
         }
 
         /** The notification closed, either by the system or by user action. */
@@ -6405,8 +6423,10 @@ declare namespace chrome {
          */
         const onPermissionLevelChanged: chrome.events.Event<(level: string) => void>;
         /**
-         * The user clicked on a link for the app's notification settings.
-         * @since Chrome 32.
+         * @deprecated Deprecated since Chrome 65. Custom notification settings button is no longer supported.
+         * @description The user clicked on a link for the app's notification settings.
+         * As of Chrome 47, only ChromeOS has UI that dispatches this event.
+         * As of Chrome 65, that UI has been removed from ChromeOS, too.
          */
         const onShowSettings: chrome.events.Event<() => void>;
 
@@ -9319,7 +9339,10 @@ declare namespace chrome {
             /** The display mode height in native pixels. */
             heightInNativePixels: integer;
 
-            /** The display mode UI scale factor. */
+            /**
+             * @deprecated Deprecated since Chrome 70. Use `displayZoomFactor`
+             * @description The display mode UI scale factor.
+             **/
             uiScale: integer;
 
             /** The display mode device scale factor. */
@@ -9380,15 +9403,16 @@ declare namespace chrome {
              * If set to true, changes the display mode to unified desktop.
              * If set to false, unified desktop mode will be disabled.
              * This is only valid for the primary display.
-             * If provided, mirroringSourceId must not be provided and other properties may not apply. This is has no effect if not provided.
-             * @see(See enableUnifiedDesktop for details).
+             * If provided, mirroringSourceId must not be provided and other properties may not apply.
+             * This is has no effect if not provided.
+             * @see(See `enableUnifiedDesktop` for details).
              * @since Chrome 59
              * */
             isUnified?: boolean;
 
             /**
              * @requires(CrOS) Chrome OS only.
-             * @deprecated Deprecated since Chrome 68. Use *setMirrorMode*
+             * @deprecated Deprecated since Chrome 68. Use ´setMirrorMode´
              * @see setMirrorMode
              * @description
              * If set and not empty, enables mirroring for this display.
@@ -9416,7 +9440,7 @@ declare namespace chrome {
              * If set, updates the display's rotation.
              * Legal values are [0, 90, 180, 270].
              * The rotation is set clockwise, relative to the display's vertical position.
-             * It's applied after overscan paramter.
+             * It's applied after overscan parameter.
              */
             rotation?: 0 | 90 | 180 | 270;
 
@@ -9912,10 +9936,10 @@ declare namespace chrome {
             /** The language that this voice supports, in the form language-region. Examples: 'en', 'en-US', 'en-GB', 'zh-CN'. */
             lang?: string;
             /**
-             * This voice's gender.
-             * One of: 'male', or 'female'
+             * @deprecated Deprecated since Chrome 70. Gender is deprecated and will be ignored.
+             * @description This voice's gender.
              */
-            gender?: string;
+            gender?: 'male' | 'female';
             /** The name of the voice. */
             voiceName?: string;
             /** The ID of the extension providing this voice. */
@@ -9959,10 +9983,10 @@ declare namespace chrome {
             /** The extension ID of the speech engine to use, if known. */
             extensionId?: string;
             /**
-             * Gender of voice for synthesized speech.
-             * One of: 'male', or 'female'
+             * @deprecated Deprecated since Chrome 70. Gender is deprecated and will be ignored.
+             * @description Gender of voice for synthesized speech.
              */
-            gender?: string;
+            gender?: 'male' | 'female';
             /** The TTS event types the voice must support. */
             requiredEventTypes?: string[];
             /** The TTS event types that you are interested in listening to. If missing, all event types may be sent. */
@@ -10983,7 +11007,7 @@ declare namespace chrome {
          */
         class RequestMatcher {
             protected readonly typeGuard: 'RequestMatcher';
-            constructor (parameters?: RequestMatcherFields);
+            constructor(parameters?: RequestMatcherFields);
             public readonly instanceType: string;
         }
 
@@ -11001,7 +11025,7 @@ declare namespace chrome {
         /** Declarative event action that redirects a network request.  */
         class RedirectRequest {
             protected readonly typeGuard: 'RedirectRequest';
-            constructor (parameters: RedirectRequestParams);
+            constructor(parameters: RedirectRequestParams);
             public readonly instanceType: string;
         }
 
@@ -11036,7 +11060,7 @@ declare namespace chrome {
          */
         class RedirectByRegEx {
             protected readonly typeGuard: 'RedirectByRegEx';
-            constructor (parameters: RedirectByRegExParams);
+            constructor(parameters: RedirectByRegExParams);
             public readonly instanceType: string;
         }
 
@@ -11055,7 +11079,7 @@ declare namespace chrome {
          */
         class SetRequestHeader {
             protected readonly typeGuard: 'SetRequestHeader';
-            constructor (parameters: SetRequestHeaderParams);
+            constructor(parameters: SetRequestHeaderParams);
             public readonly instanceType: string;
         }
 
@@ -11072,7 +11096,7 @@ declare namespace chrome {
          */
         class RemoveRequestHeader {
             protected readonly typeGuard: 'RemoveRequestHeader';
-            constructor (parameters: RemoveRequestHeaderParams);
+            constructor(parameters: RemoveRequestHeaderParams);
             public readonly instanceType: string;
         }
 
@@ -11091,7 +11115,7 @@ declare namespace chrome {
          */
         class AddResponseHeader {
             protected readonly typeGuard: 'AddResponseHeader';
-            constructor (parameters: AddResponseHeaderParams);
+            constructor(parameters: AddResponseHeaderParams);
             public readonly instanceType: string;
         }
 
@@ -11107,7 +11131,7 @@ declare namespace chrome {
          */
         class RemoveResponseHeader {
             protected readonly typeGuard: 'RemoveResponseHeader';
-            constructor (parameters: RemoveResponseHeaderParams);
+            constructor(parameters: RemoveResponseHeaderParams);
             public readonly instanceType: string;
         }
 
@@ -11133,7 +11157,7 @@ declare namespace chrome {
          */
         class IgnoreRules {
             protected readonly typeGuard: 'IgnoreRules';
-            constructor (parameters: IgnoreRulesParams);
+            constructor(parameters: IgnoreRulesParams);
             public readonly instanceType: string;
         }
 
@@ -11150,7 +11174,7 @@ declare namespace chrome {
          */
         class SendMessageToExtension {
             protected readonly typeGuard: 'SendMessageToExtension';
-            constructor (parameters: SendMessageParams);
+            constructor(parameters: SendMessageParams);
             public readonly instanceType: string;
         }
 
@@ -11248,7 +11272,7 @@ declare namespace chrome {
          */
         class AddRequestCookie {
             protected readonly typeGuard: 'AddRequestCookie';
-            constructor (parameters: AddCookie<RequestCookie>);
+            constructor(parameters: AddCookie<RequestCookie>);
             public readonly instanceType: string;
         }
 
@@ -11259,7 +11283,7 @@ declare namespace chrome {
          */
         class AddResponseCookie {
             protected readonly typeGuard: 'AddResponseCookie';
-            constructor (parameters: AddCookie<ResponseCookie>);
+            constructor(parameters: AddCookie<ResponseCookie>);
             public readonly instanceType: string;
         }
 
@@ -11292,7 +11316,7 @@ declare namespace chrome {
              * @param modification Attributes that shall be overridden in cookies that machted the filter.
              *                     Attributes that are set to an empty string are removed.
              */
-            constructor (parameters: EditCookieParams<RequestCookie, RequestCookie>);
+            constructor(parameters: EditCookieParams<RequestCookie, RequestCookie>);
             public readonly instanceType: string;
         }
 
@@ -11306,7 +11330,7 @@ declare namespace chrome {
              * @param filter Filter for cookies that will be modified.All empty entries are ignored.
              * @param modification
              */
-            constructor (parameter: EditCookieParams<FilterResponseCookie, ResponseCookie>);
+            constructor(parameter: EditCookieParams<FilterResponseCookie, ResponseCookie>);
             public readonly instanceType: string;
         }
 
@@ -11316,7 +11340,7 @@ declare namespace chrome {
          */
         class RemoveRequestCookie {
             protected readonly typeGuard: 'RemoveRequestCookie';
-            constructor (parameters: RemoveCookieParams<RequestCookie>);
+            constructor(parameters: RemoveCookieParams<RequestCookie>);
             public readonly instanceType: string;
         }
 
@@ -11340,7 +11364,7 @@ declare namespace chrome {
          */
         class RemoveResponseCookie {
             protected readonly typeGuard: 'RemoveResponseCookie';
-            constructor (parameters: RemoveCookieParams<FilterResponseCookie>);
+            constructor(parameters: RemoveCookieParams<FilterResponseCookie>);
             public readonly instanceType: string;
         }
 
@@ -11518,7 +11542,7 @@ declare namespace chrome {
  */
 declare class HTMLAppViewElement extends HTMLElement {
     /** Create a new AppView tag */
-    constructor ();
+    constructor();
     /**
      * Requests another app to be embedded.
      * @param app The extension id of the app to be embedded.
@@ -11626,7 +11650,7 @@ declare class HTMLWebViewElement extends HTMLElement {
     src: string;
 
     /** Create a new element */
-    constructor ();
+    constructor();
 
     /**
      * Queries audio state.
@@ -11908,6 +11932,21 @@ declare class HTMLWebViewElement extends HTMLElement {
      */
     loadDataWithBaseUrl(dataUrl: string, baseUrl: string, virtualUrl?: string): void;
 
+    /**
+     * @since Chrome 71
+     * @description Sets spatial navigation state of the webview.
+     * @param enabled Spatial navigation state value.
+     */
+    setSpatialNavigationEnabled(enabled: boolean): void;
+
+    /**
+     * @since Chrome 71
+     * @description Queries whether spatial navigation is enabled for the webview.
+     * @param callback Callback that will provide the value of the spatial navigation state.
+     */
+    isSpatialNavigationEnabled(callback: (enabled: boolean) => void): void;
+
+
     /**
      * Forcibly kills the guest web page's renderer process.
      * This may affect multiple webview tags in the current app if they share the same process,
diff --git a/types/chrome-apps/test/index.ts b/types/chrome-apps/test/index.ts
index 93864d107b..499a34bab1 100644
--- a/types/chrome-apps/test/index.ts
+++ b/types/chrome-apps/test/index.ts
@@ -1114,6 +1114,7 @@ chrome.networking.onc.getNetworks({ 'networkType': 'All' }, (networkList) => {
         if (networkObj.WiFi) {
             // WiFi active :)
             console.log('Wifi BSID: ' + networkObj.WiFi.BSSID);
+            const state = networkObj.WiFi.TetheringState;
         }
         chrome.networking.onc.setProperties(networkObj.GUID || '', {
             WiFi: {
@@ -1124,6 +1125,19 @@ chrome.networking.onc.getNetworks({ 'networkType': 'All' }, (networkList) => {
         chrome.networking.onc.getProperties(networkObj.GUID || '', (props) => {
             const WiFiResult = props.WiFi;
         });
+        chrome.networking.onc.getState(networkObj.GUID || '', (state) => {
+            const wifiState = state.WiFi || {};
+            return wifiState.TetheringState;
+        });
+        chrome.networking.onc.getManagedProperties(networkObj.GUID || '', (result) => {
+            const wifiResult = result.WiFi;
+            if (wifiResult !== undefined) {
+                const managed = wifiResult.HexSSID;
+                if (managed !== undefined) {
+                    return managed.UserPolicy;
+                }
+            }
+        });
     }
 });
 
diff --git a/types/chrome/index.d.ts b/types/chrome/index.d.ts
index 49f079e159..ba074550f8 100644
--- a/types/chrome/index.d.ts
+++ b/types/chrome/index.d.ts
@@ -4525,12 +4525,12 @@ declare namespace chrome.pageAction {
      * Shows the page action. The page action is shown whenever the tab is selected.
      * @param tabId The id of the tab for which you want to modify the page action.
      */
-    export function hide(tabId: number): void;
+    export function hide(tabId: number, callback?: () => void): void;
     /**
      * Shows the page action. The page action is shown whenever the tab is selected.
      * @param tabId The id of the tab for which you want to modify the page action.
      */
-    export function show(tabId: number): void;
+    export function show(tabId: number, callback?: () => void): void;
     /** Sets the title of the page action. This is displayed in a tooltip over the page action. */
     export function setTitle(details: TitleDetails): void;
     /** Sets the html document to be opened as a popup when the user clicks on the page action's icon. */
diff --git a/types/chrome/tslint.json b/types/chrome/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/chrome/tslint.json
+++ b/types/chrome/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/ckeditor/ckeditor-tests.ts b/types/ckeditor/ckeditor-tests.ts
index a6f9c9cf5c..6a0b50a4d8 100644
--- a/types/ckeditor/ckeditor-tests.ts
+++ b/types/ckeditor/ckeditor-tests.ts
@@ -914,6 +914,9 @@ function test_skin() {
     CKEDITOR.skin.loadPart('part', () => console.log('load'));
 
     var path2: string = CKEDITOR.skin.path();
+
+    CKEDITOR.skin.ua_dialog = 'ie,iequirks,ie8,gecko';
+    CKEDITOR.skin.ua_editor = 'ie,gecko';
 }
 
 function test_style() {
diff --git a/types/ckeditor/index.d.ts b/types/ckeditor/index.d.ts
index 6815d3aa98..69c23d6a99 100644
--- a/types/ckeditor/index.d.ts
+++ b/types/ckeditor/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://ckeditor.com/ckeditor-4/
 // Definitions by: Thomas Wittwer <https://github.com/wittwert>
 //                 Stuart Long <https://github.com/stuartlong>
+//                 Viktor Pegy <https://github.com/viktorpegy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // WORK-IN-PROGRESS: Any contribution support welcomed.
@@ -2168,6 +2169,8 @@ declare namespace CKEDITOR {
         // tslint:disable-next-line:no-duplicate-variable
         var name: string;
         var ua: { [name: string]: any };
+        var ua_dialog: string;
+        var ua_editor: string;
 
         function addIcon(name: string, path: string, offset?: number, bgsize?: string): void;
         function chameleon(editor: string, part: string): void;
diff --git a/types/ckeditor__ckeditor5-utils/ckeditor__ckeditor5-utils-tests.ts b/types/ckeditor__ckeditor5-utils/ckeditor__ckeditor5-utils-tests.ts
new file mode 100644
index 0000000000..82c272a6ec
--- /dev/null
+++ b/types/ckeditor__ckeditor5-utils/ckeditor__ckeditor5-utils-tests.ts
@@ -0,0 +1,594 @@
+import * as utils from "ckeditor__ckeditor5-utils";
+
+declare const document: Document;
+declare const locale: utils.Locale;
+declare let bool: boolean;
+declare let changes: utils.Change[];
+declare let emitter: utils.Emitter;
+declare let htmlElement: HTMLElement;
+declare let map: Map<string, number>;
+declare let num: number;
+declare let rect: utils.Rect;
+declare let rectOrNull: utils.Rect | null;
+declare let str: string;
+
+// utils/dom
+
+utils.createElement(document, "p");
+utils.createElement(document, "p", {class: "foo"});
+utils.createElement(document, "p", null, "foo");
+utils.createElement(document, "p", null, ["foo", utils.createElement(document, "img")]);
+
+// TODO? utils/dom/emittermixin
+
+utils.getAncestors(htmlElement);
+
+utils.getBorderWidths(htmlElement);
+
+utils.getCommonAncestor(htmlElement, htmlElement);
+
+str = utils.getDataFromElement(htmlElement);
+
+let strNull: HTMLElement | null = utils.getPositionedAncestor();
+strNull = utils.getPositionedAncestor(htmlElement);
+
+num = utils.indexOf(htmlElement);
+
+utils.insertAt(htmlElement, 2, htmlElement);
+
+bool = utils.isNode(htmlElement);
+bool = utils.isNode(new Date());
+
+bool = utils.isRange(new Range());
+bool = utils.isRange(new Date());
+
+bool = utils.isText(new Text("foo"));
+bool = utils.isText(new Date());
+
+bool = utils.isWindow(window);
+bool = utils.isWindow(new Date());
+
+let position: utils.Position;
+
+position = utils.getOptimalPosition({
+    element: htmlElement,
+    target: () => htmlElement,
+    positions: [(targetRect, elementRect) => ({
+        top: targetRect.top,
+        left: targetRect.left + elementRect.width,
+        name: "right"
+    })]
+});
+
+position = utils.getOptimalPosition({
+    element: htmlElement,
+    target: htmlElement,
+    positions: [
+        (targetRect) => ({
+            top: targetRect.bottom,
+            left: targetRect.left,
+            name: "mySouthEastPosition"
+        }),
+        (targetRect, elementRect) => ({
+            top: targetRect.top - elementRect.height,
+            left: targetRect.left,
+            name: "myNorthEastPosition"
+        })
+    ],
+    limiter: document.body,
+    fitInViewport: true,
+});
+
+rect = new utils.Rect(document.body);
+rect = new utils.Rect(document.getSelection()!.getRangeAt(0));
+rect = new utils.Rect(window);
+rect = new utils.Rect({top: 0, right: 10, bottom: 10, left: 0, width: 10, height: 10});
+rect = new utils.Rect(rect);
+rect = new utils.Rect(document.body.getClientRects().item(0)!);
+
+rect = rect.clone();
+bool = rect.contains(rect);
+rect = rect.excludeScrollbarsAndBorders();
+num = rect.getArea();
+rect = rect.getIntersection(rect);
+num = rect.getIntersectionArea(rect);
+rectOrNull = rect.getVisible();
+bool = rect.isEqual(rect);
+rect = rect.moveBy(1, 1);
+rect = rect.moveTo(1, 1);
+
+utils.remove(htmlElement);
+
+utils.scrollAncestorsToShowTarget(new Range());
+utils.scrollAncestorsToShowTarget(htmlElement);
+
+utils.scrollViewportToShowTarget({target: new Range()});
+utils.scrollViewportToShowTarget({target: htmlElement});
+utils.scrollViewportToShowTarget({target: new Range(), viewportOffset: 30});
+utils.scrollViewportToShowTarget({target: htmlElement, viewportOffset: 30});
+
+utils.setDataInElement(htmlElement, "<b>foo</b>");
+
+str = utils.toUnit("rem")(10);
+
+// utils/ckeditorerror ========================================================
+
+const regularError = new Error("foo");
+let ckeditorError: utils.CKEditorError;
+
+const data = {bar: 1};
+ckeditorError = new utils.CKEditorError("foo");
+ckeditorError = new utils.CKEditorError("foo", data);
+
+utils.CKEditorError.isCKEditorError(ckeditorError);
+utils.CKEditorError.isCKEditorError(regularError);
+
+// utils/collection ===========================================================
+
+interface Foo {
+    foo: number;
+}
+
+interface Props {
+    id: string;
+}
+
+interface PropsStr {
+    id: string;
+    name: string;
+}
+
+declare let foo: Foo;
+let items: PropsStr[];
+let itemOrNull: Props | null;
+let itemOrUndef: Props | undefined;
+
+const item1 = {id: "id1"};
+const item2 = {id: "id2"};
+const itemStr1 = {id: "foo", name: "yy"};
+const itemStr2 = {id: "foo", name: "xx"};
+
+const coll = new utils.Collection<Props>();
+const collStr = new utils.Collection<PropsStr>({idProperty: "name"});
+
+coll.add(item1);
+coll.add(item2);
+collStr.add(itemStr1);
+collStr.add(itemStr2);
+
+coll.add(item1, 0);
+coll.add(item1).add(item2);
+
+coll.clear();
+
+items = collStr.filter((item) => item.name === "yy");
+items = collStr.filter((_, idx) => idx > 0);
+items = collStr.filter(function(this: Foo, _, idx) {return this.foo > 0 && idx === 0; }, foo);
+
+itemOrUndef = collStr.find((item) => item.name === "yy");
+itemOrUndef = collStr.find((_, idx) => idx === 3);
+itemOrUndef = collStr.find(function(this: Foo, _, idx) {return this.foo > 0 && idx === 0; }, foo);
+
+itemOrNull = coll.get(0);
+itemOrNull = coll.get("id1");
+
+num = coll.getIndex("id1");
+num = coll.getIndex(item1);
+
+coll.remove(0);
+coll.remove("id1");
+coll.remove(item1);
+
+const strings: string[] = collStr.map((item) => item.name);
+const nums: number[] = collStr.map((_, idx) => idx);
+const bools: boolean[] = collStr.map(function(this: Foo, _, idx) {return this.foo === idx; }, foo);
+
+// collection#bindTo
+
+interface LabelObj {
+    label: string;
+}
+
+interface LabelValueObj {
+    label: {value: string};
+}
+
+interface HiddenObj {
+    hidden: boolean;
+}
+
+class FactoryClass {
+    factoryLabel: string;
+    constructor(data: LabelObj) {
+        this.factoryLabel = data.label;
+    }
+}
+
+const source1 = new utils.Collection<LabelObj>({idProperty: "label"});
+const target1 = new utils.Collection<FactoryClass>();
+
+target1.bindTo(source1).as(FactoryClass);
+
+source1.add({label: "foo"});
+source1.add({label: "bar"});
+
+source1.remove(0);
+console.log(target1.length);
+console.log(target1.get(0)!.factoryLabel);
+
+class FooClass {
+    fooLabel: string;
+    constructor(data: LabelObj) {
+        this.fooLabel = data.label;
+    }
+}
+
+class BarClass {
+    barLabel: string;
+    constructor(data: LabelObj) {
+        this.barLabel = data.label;
+    }
+}
+
+const source2 = new utils.Collection<LabelObj>({idProperty: "label"});
+const target2 = new utils.Collection<FooClass | BarClass>();
+
+target2.bindTo(source2).using((item) => {
+    if (item.label === "foo") {
+        return new FooClass(item);
+    } else {
+        return new BarClass(item);
+    }
+});
+
+source2.add({label: "foo"});
+source2.add({label: "bar"});
+
+console.log(target2.length);
+console.log(target2.get(0)! instanceof FooClass);
+console.log(target2.get(1)! instanceof BarClass);
+
+const source3 = new utils.Collection<LabelValueObj>({idProperty: "label"});
+const target3 = new utils.Collection<LabelValueObj["label"]>();
+
+target3.bindTo(source2).using("label");
+
+source3.add({label: {value: "foo"}});
+source3.add({label: {value: "bar"}});
+
+console.log(target3.length);
+console.log(target3.get(0)!.value);
+console.log(target3.get(1)!.value);
+
+const source4 = new utils.Collection<HiddenObj>();
+const target4 = new utils.Collection<HiddenObj | null>();
+
+target4.bindTo(source4).using(item => {
+    if (item.hidden) {
+        return null;
+    }
+
+    return item;
+});
+
+source4.add({hidden: true});
+source4.add({hidden: false});
+
+// utils/comparearrays ========================================================
+
+utils.compareArrays([0, 2], [0, 2, 1]);
+utils.compareArrays(["abc", 0 ], ["abc", 0, 3]);
+
+// utils/config ===============================================================
+
+let strOrUndef: string | undefined;
+let config: utils.Config;
+const defaultConfig = {
+    foo: 1, bar: 2,
+};
+
+config = new utils.Config();
+config = new utils.Config({foo: 10});
+config = new utils.Config({}, defaultConfig);
+config = new utils.Config({foo: 10}, defaultConfig);
+
+config.define({
+    resize: {
+        minHeight: 400,
+        hidden: true
+    }
+});
+
+config.define("resize", {minHeight: 400, hidden: true});
+config.define("language", "en");
+config.define("resize.minHeight", 400);
+
+str = config.get("language");
+num = config.get("resize.minHeight");
+
+config.define("language", undefined);
+strOrUndef = config.get("language");
+
+// utils/count ================================================================
+
+num = utils.count([1, 2, 3, 4, 5]);
+
+// utils/diff =================================================================
+
+changes = utils.diff("aba", "acca");
+changes = utils.diff(Array.from("aba"), Array.from("acca"));
+
+// utils/difftochanges ========================================================
+
+const input = Array.from("abc");
+const output = Array.from("xaby");
+const allChanges = utils.diffToChanges(utils.diff(input, output), output);
+allChanges.forEach(change => {
+    if (change.type === "insert") {
+        input.splice(change.index, 0, ...change.values);
+    } else if (change.type === "delete") {
+        input.splice(change.index, change.howMany);
+    }
+});
+
+// utils/elementreplacer ======================================================
+
+const replacer = new utils.ElementReplacer();
+
+replacer.replace(htmlElement, htmlElement);
+replacer.replace(htmlElement);
+
+replacer.restore();
+
+// utils/emittermixin
+
+emitter = utils.EmitterMixin;
+emitter = Object.create(utils.EmitterMixin);
+
+emitter.delegate("foo") ;
+emitter.delegate("foo", "bar");
+emitter.delegate("foo").to(emitter);
+emitter.delegate("foo").to(emitter, "bar");
+emitter.delegate("foo").to(emitter, name => name + "-delegated");
+
+emitter.fire("foo");
+emitter.fire("foo", 1, "b", true);
+emitter.fire("getSelectedContent", (evt: utils.EventInfo<any>) => {
+    evt.return = new DocumentFragment();
+    evt.stop();
+});
+
+emitter.listenTo(emitter, "foo", () => {});
+emitter.listenTo(emitter, "foo", () => {}, {priority: 10});
+emitter.listenTo(emitter, "foo", () => {}, {priority: "highest"});
+
+emitter.off("foo");
+emitter.off("foo", () => {});
+
+emitter.on("foo", () => {});
+emitter.on("foo", () => {}, {priority: 10});
+emitter.on("foo", () => {}, {priority: "normal"});
+
+emitter.once("foo", () => {});
+emitter.once("foo", () => {}, {priority: 10});
+emitter.once("foo", () => {}, {priority: "lowest"});
+
+emitter.stopDelegating();
+emitter.stopDelegating("foo");
+emitter.stopDelegating("foo", emitter);
+
+emitter.stopListening();
+emitter.stopListening(emitter);
+emitter.stopListening(emitter, "foo");
+emitter.stopListening(emitter, "foo", () => {});
+
+// utils/env ==================================================================
+
+bool = utils.env.isEdge;
+bool = utils.env.isMac;
+
+// utils/eventinfo ============================================================
+
+const event = new utils.EventInfo({a: 1}, "test");
+num = event.source.a;
+str = event.name;
+
+event.path[0];
+
+event.stop();
+event.off();
+
+bool = event.stop.called;
+bool = event.off.called;
+
+// utils/fastdiff =============================================================
+
+utils.fastDiff(str, "2ab").forEach(change => {
+    if (change.type === "insert") {
+        str = str.substring(0, change.index) + change.values.join("") + str.substring(change.index);
+    } else if (change.type === "delete") {
+        str = str.substring(0, change.index) + str.substring(change.index + change.howMany);
+    }
+});
+
+// utils/first ================================================================
+
+const collection = [ 11, 22 ];
+const iterator = collection[Symbol.iterator]();
+
+utils.first(iterator);
+
+// utils/focustracker =========================================================
+
+const focusTracker = new utils.FocusTracker();
+htmlElement = focusTracker.focusedElement;
+bool = focusTracker.isFocused;
+focusTracker.add(htmlElement);
+focusTracker.remove(htmlElement);
+
+// utils/isiterable ===========================================================
+
+bool = utils.isIterable(str);
+bool = utils.isIterable([1, 2, 3]);
+
+// utils/keyboard =============================================================
+
+num = utils.keyCodes.a;
+num = utils.keyCodes["a"];
+
+num = utils.getCode("0");
+num = utils.getCode({keyCode: 48}) ;
+num = utils.getCode({keyCode: 48, altKey: true, ctrlKey: true, shiftKey: true});
+
+str = utils.getEnvKeystrokeText("alt+A");
+
+num = utils.parseKeystroke("Ctrl+A");
+num = utils.parseKeystroke(["ctrl", "a"]);
+num = utils.parseKeystroke(["shift", 33]);
+
+// utils/keystrokehandler =====================================================
+
+declare const keystroke: utils.KeystrokeInfo;
+const keystrokes = new utils.KeystrokeHandler();
+
+const spy = utils.spy();
+keystrokes.set("Ctrl+A", spy);
+keystrokes.set(["Ctrl", "A"], spy);
+keystrokes.set(["Ctrl", "A"], spy, {priority: "high"});
+keystrokes.set(["Ctrl", 33], spy, {priority: 10});
+
+const emitterMixxin = Object.create(utils.EmitterMixin) as utils.Emitter;
+keystrokes.listenTo(emitterMixxin);
+
+bool = keystrokes.press(keystroke);
+
+keystrokes.destroy();
+
+// utils/locale ===============================================================
+
+locale.t("Label");
+locale.t('Created file "%0" in %1ms.', ["fileName", "100"]);
+
+// utils/log ==================================================================
+
+utils.log.warn("message");
+utils.log.warn('plugin-load: It was not possible to load the "{$pluginName}" plugin in module "{$moduleName}', {
+    pluginName: "foo",
+    moduleName: "bar"
+});
+
+utils.log.error("message");
+utils.log.error('plugin-load: It was not possible to load the "{$pluginName}" plugin in module "{$moduleName}', {
+    pluginName: "foo",
+    moduleName: "bar"
+});
+
+// utils/mapsequal ============================================================
+
+utils.mapsEqual(map, map);
+
+// utils/mix ==================================================================
+
+class Editor {
+    b: () => number;
+}
+
+interface SomeMixin {
+    a: () => string;
+}
+
+const SomeMixin = {
+    a() {
+        return "a";
+    }
+};
+
+utils.mix(Editor, SomeMixin);
+const mixEditor = new Editor() as Editor & SomeMixin;
+mixEditor.a();
+mixEditor.b();
+
+// utils/nth ==================================================================
+
+function* getGenerator() {
+    yield 11;
+    yield 22;
+    yield 33;
+}
+
+utils.nth(2, getGenerator());
+
+// utils/objecttomap ==========================================================
+
+const objMap: Map<string, number> = utils.objectToMap({foo: 1, bar: 2});
+num = objMap.get("foo")!;
+
+// utils/observablemixin ======================================================
+
+const observable: utils.Observable = utils.ObservableMixin;
+
+const vehicle = Object.create(utils.ObservableMixin) as utils.Observable;
+const car = Object.create(utils.ObservableMixin) as utils.Observable;
+
+vehicle.bind("color");
+vehicle.bind("color", "year");
+vehicle.bind("color", "year").to(car);
+vehicle.bind("color", "year").to(car, "color");
+vehicle.bind("color", "year").to(car, "color", car, "year");
+vehicle.bind("year").to(car, "color", car, "year", (a: string, b: number) => a + b);
+vehicle.bind("custom").to(car, "color", car, "year", car, "hue", (...args: Array<string | number>) => args.join("/")); // TS 3.0: [string, number, string]
+vehicle.bind("color").toMany([car, car], "color", () => {});
+
+vehicle.decorate("method");
+
+car.set("color", "red");
+car.set("seats", undefined);
+car.set({
+    color: "blue",
+    wheels: 4,
+    seats: 5,
+});
+
+vehicle.unbind();
+vehicle.unbind("color");
+vehicle.unbind("color", "year");
+
+// utils/priorities ===========================================================
+
+num = utils.priorities.get(2);
+num = utils.priorities.get("normal");
+
+// utils/spy
+
+const fn1 = utils.spy();
+fn1();
+bool = fn1.called;
+
+// utils/tomap
+
+map = utils.toMap({foo: 1, bar: 2});
+map = utils.toMap([["foo", 1], ["bar", 2]]);
+map = utils.toMap(map);
+
+// utils/translation-service ==================================================
+
+utils.add("pl", {
+    OK: "OK",
+    "Cancel [context: reject]": "Anuluj"
+});
+
+utils.translate("pl", "Cancel [context: reject]");
+
+// utils/uid ==================================================================
+
+str = utils.uid();
+
+// utils/unicode ==============================================================
+
+bool = utils.isCombiningMark("a");
+bool = utils.isHighSurrogateHalf("a");
+bool = utils.isInsideCombinedSymbol(str, 2);
+bool = utils.isInsideSurrogatePair(str, 2);
+bool = utils.isLowSurrogateHalf(String.fromCharCode(57166));
+
+// utils/version ==============================================================
diff --git a/types/ckeditor__ckeditor5-utils/index.d.ts b/types/ckeditor__ckeditor5-utils/index.d.ts
new file mode 100644
index 0000000000..8d9d50e889
--- /dev/null
+++ b/types/ckeditor__ckeditor5-utils/index.d.ts
@@ -0,0 +1,471 @@
+// Type definitions for @ckeditor/ckeditor5-utils 10.2
+// Project: https://github.com/ckeditor/ckeditor5-utils
+// Definitions by: denisname <https://github.com/denisname>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+// Helpers
+
+export interface DeleteChange {
+    index: number;
+    type: "delete";
+    howMany: number;
+}
+
+export interface InsertChange {
+    index: number;
+    type: "insert";
+    values: string[];
+}
+
+export interface BindChain {
+    to(observable: Observable, ...bindProperties: Array<Observable | string | Function>): void;
+    toMany(observable: Observable[], ...bindProperties: Array<Observable | string | Function>): void;
+}
+
+export interface CollectionBindTo<T, K> {
+    as: (Class: {new(item: T): K}) => void;
+    using: (callbackOrProperty: keyof T | ((item: T) => K)) => void;
+}
+
+// utils/dom
+
+export function createElement(doc: Document, name: string, attributes?: object | null, children?: Node | string | Array<Node | string>): Element;
+
+// TODO? utils/dom/emittermixin
+
+export function getAncestors(node: Node): Array<Node | DocumentFragment>;
+
+export function getBorderWidths(element: HTMLElement): {top: number, right: number, bottom: number, left: number};
+
+export function getCommonAncestor(nodeA: Node, nodeB: Node): Node | DocumentFragment | Document | null;
+
+export function getDataFromElement(el: HTMLElement): string;
+
+export function getPositionedAncestor(element?: HTMLElement): HTMLElement | null;
+
+export function indexOf(node: Node): number;
+
+export function insertAt(parentElement: Element, index: number, nodeToInsert: Node): void;
+
+export function isNode(obj: any): obj is Node;
+
+export function isRange(obj: any): obj is Range;
+
+export function isText(obj: any): obj is Text;
+
+export function isWindow(obj: any): obj is Window;
+
+export interface Options {
+    element: HTMLElement;
+    fitInViewport?: boolean;
+    limiter?: HTMLElement | Range | ClientRect | Rect | (() => HTMLElement | Range | ClientRect | Rect);
+    positions: Array<(targetRect: Rect, elementRect: Rect) => Position>;
+    target: HTMLElement | Range | ClientRect | Rect | (() => HTMLElement | Range | ClientRect | Rect);
+}
+
+export interface Position {
+    left: number;
+    name: string;
+    top: number;
+}
+
+export function getOptimalPosition(options: Options): Position;
+
+export class Rect {
+    readonly bottom: number;
+    readonly height: number;
+    readonly left: number;
+    readonly right: number;
+    readonly top: number;
+    readonly width: number;
+
+    constructor(source: HTMLElement | Range | Window | ClientRect | Rect | object);
+    clone(): Rect;
+    contains(anotherRect: Rect): boolean;
+    excludeScrollbarsAndBorders(): Rect;
+    getArea(): number;
+    getIntersection(anotherRect: Rect): Rect;
+    getIntersectionArea(anotherRect: Rect): number;
+    getVisible(): Rect | null;
+    isEqual(rect: Rect): boolean;
+    moveBy(x: number, y: number): Rect;
+    moveTo(x: number, y: number): Rect;
+
+    static getDomRangeRects(range: Range): Rect[];
+}
+
+export function remove(node: Node): void;
+
+export function scrollAncestorsToShowTarget(target: HTMLElement | Range): void;
+
+export function scrollViewportToShowTarget(options: {target: HTMLElement | Range, viewportOffset?: number}): void;
+
+export function setDataInElement(el: HTMLElement, data: string): void;
+
+export function toUnit(unit: string): (value: number) => string;
+
+// utils/ckeditorerror
+
+export const DOCUMENTATION_URL: string;
+
+export class CKEditorError extends Error {
+    data: object | undefined;
+    name: string;
+
+    constructor(message: string, data?: object);
+
+    static isCKEditorError(error: Error): boolean;
+}
+
+export function attachLinkToDocumentation(message: string): string;
+
+// utils/collection
+
+export function as(Class: Function): void;
+export function using(callbackOrProperty: Function | string): void;
+
+export class Collection<T> implements Iterable<T>, Emitter {
+    first: T | null;
+    last: T | null;
+    length: number;
+
+    constructor(options?: {idProperty?: keyof T});
+    add(item: T, index?: number): this;
+    bindTo<S>(externalCollection: Collection<S>): CollectionBindTo<S, T>;
+    clear(): void;
+    filter(callbackfn: (item: T, index: number) => boolean, thisArg?: any): T[];
+    find(predicate: (item: T, index: number) => boolean, thisArg?: any): T | undefined;
+    get(idOrIndex: string | number): T | null;
+    getIndex(idOrItem: string | T): number;
+    map<U>(callbackfn: (item: T, index: number) => U, thisArg?: any): U[];
+    remove(subject: T | number | string): T;
+
+    // Iterable<T>
+    [Symbol.iterator](): Iterator<T>;
+
+    // Emitter
+    delegate(...events: string[]): EmitterMixinDelegateChain;
+    fire(eventOrInfo: string | EventInfo<Emitter>, ...args: any[]): any;
+    listenTo(emitter: Emitter, event: string, callback: Function, options?: {priority?: PriorityString | number }): void;
+    off(event: string, callback?: Function): void;
+    on(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    once(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    stopDelegating(event?: string, emitter?: Emitter): void;
+    stopListening(emitter?: Emitter, event?: string, callback?: Function): void;
+}
+
+// utils/comparearrays
+
+export type ArrayRelation = "extension" | "same" | "prefix";
+
+export function compareArrays<T>(a: ReadonlyArray<T>, b: ReadonlyArray<T>): number | ArrayRelation;
+
+// utils/config
+
+export class Config {
+    constructor(configurations?: object, defaultConfigurations?: object);
+    define(name: object): void;
+    define(name: string, value: any): void;
+    get(name: string): any /*| undefined*/;
+    set(name: string, value: any /*| undefined*/): void;
+}
+
+// utils/count
+
+export function count(iterator: Iterable<any>): number;
+
+// utils/diff
+
+export type Change = "equal" | "insert" | "delete";
+
+export function diff(a: string, b: string, cmp?: (a: string, b: string) => boolean): Change[];
+export function diff(a: ReadonlyArray<string>, b: ReadonlyArray<string>, cmp?: (a: string, b: string) => boolean): Change[];
+
+// utils/difftochanges
+
+export function diffToChanges(diff: Change[], output: string | string[]): Array<DeleteChange | InsertChange>;
+
+// utils/elementreplacer
+
+export class ElementReplacer {
+    replace(element: HTMLElement, newElement?: HTMLElement): void;
+    restore(): void;
+}
+
+// utils/emittermixin
+
+export const EmitterMixin: Emitter;
+
+export interface Emitter {
+    delegate(...events: string[]): EmitterMixinDelegateChain;
+    fire(eventOrInfo: string | EventInfo<Emitter>, ...args: any[]): any;
+    listenTo(emitter: Emitter, event: string, callback: Function, options?: {priority?: PriorityString | number }): void;
+    off(event: string, callback?: Function): void;
+    on(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    once(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    stopDelegating(event?: string, emitter?: Emitter): void;
+    stopListening(emitter?: Emitter, event?: string, callback?: Function): void;
+}
+
+export interface EmitterMixinDelegateChain {
+    to(emitter: Emitter, nameOrFunction?: string | ((name: string) => string)): void;
+}
+
+// utils/env
+
+export namespace env {
+    const isEdge: boolean;
+    const isMac: boolean;
+}
+
+// utils/eventinfo
+
+export class EventInfo<T> {
+    readonly name: string;
+    readonly path: object[];
+    return: any /*| undefined*/;
+    readonly source: T;
+
+    constructor(source: T, name: string);
+    off: {
+        (): void;
+        called: boolean;
+    };
+    stop: {
+        (): void;
+        called: boolean;
+    };
+}
+
+// utils/fastdiff
+
+export function fastDiff(oldText: string, newText: string): Array<DeleteChange | InsertChange>;
+
+// utils/first
+
+export function first<T>(iterable: Iterable<T>): T;
+
+// utils/focustracker
+
+export class FocusTracker implements Observable {
+    readonly focusedElement: HTMLElement;
+    readonly isFocused: boolean;
+
+    add(element: HTMLElement): void;
+    remove(element: HTMLElement): void;
+
+    // Observable
+    bind(...bindProperties: string[]): BindChain;
+    decorate(methodName: string): void;
+    set(name: object): void;
+    set(name: string, value: any): void;
+    unbind(...unbindProperties: string[]): void;
+
+    // Observable (Emitter)
+    delegate(...events: string[]): EmitterMixinDelegateChain;
+    fire(eventOrInfo: string | EventInfo<Emitter>, ...args: any[]): any;
+    listenTo(emitter: Emitter, event: string, callback: Function, options?: {priority?: PriorityString | number }): void;
+    off(event: string, callback?: Function): void;
+    on(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    once(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    stopDelegating(event?: string, emitter?: Emitter): void;
+    stopListening(emitter?: Emitter, event?: string, callback?: Function): void;
+}
+
+// utils/isiterable
+
+export function isIterable(value: any): value is Iterable<any>;
+
+// utils/keyboard
+
+export const keyCodes: {
+    a: 65,
+    b: 66,
+    c: 67;
+    d: 68;
+    e: 69;
+    f: 70;
+    g: 71;
+    h: 72;
+    i: 73;
+    j: 74;
+    k: 75;
+    l: 76;
+    m: 77;
+    n: 78;
+    o: 79;
+    p: 80;
+    q: 81;
+    r: 82;
+    s: 83;
+    t: 84;
+    u: 85;
+    v: 86;
+    w: 87;
+    x: 88;
+    y: 89;
+    z: 90;
+
+    0: 48;
+    1: 49;
+    2: 50;
+    3: 51;
+    4: 52;
+    5: 53;
+    6: 54;
+    7: 55;
+    8: 56;
+    9: 57;
+
+    f1: 112;
+    f2: 113;
+    f3: 114;
+    f4: 115;
+    f5: 116;
+    f6: 117;
+    f7: 118;
+    f8: 118;
+    f9: 120;
+    f10: 121;
+    f11: 122;
+    f12: 123;
+
+    arrowleft: 37,
+    arrowup: 38,
+    arrowright: 39,
+    arrowdown: 40,
+    backspace: 8,
+    "delete": 46,
+    enter: 13,
+    space: 32,
+    esc: 27,
+    tab: 9,
+    ctrl: 0x110000,
+    cmd: 0x110000,
+    shift: 0x220000,
+    alt: 0x440000
+};
+
+export interface KeystrokeInfo {
+    altKey?: boolean;
+    ctrlKey?: boolean;
+    keyCode: number;
+    shiftKey?: boolean;
+}
+
+export function getCode(key: string | KeystrokeInfo): number;
+
+export function getEnvKeystrokeText(keystroke: string): string;
+
+export function parseKeystroke(keystroke: string | Array<number | string>): number;
+
+// utils/keystrokehandler
+
+export class KeystrokeHandler {
+    constructor();
+    destroy(): void;
+    listenTo(emitter: Emitter): void;
+    press(keyEvtData: KeystrokeInfo): boolean;
+    set(keystroke: string | Array<string | number>, callback: Function, options?: {priority?: PriorityString | number}): void;
+}
+
+// utils/locale
+
+export class Locale {
+    readonly language: string;
+
+    constructor(language?: string);
+    t(str: string, values?: string[]): string;
+}
+
+// utils/log
+
+export namespace log {
+    function error(message: string, data?: object): void;
+    function warn(message: string, data?: object): void;
+}
+
+// utils/mapsequal
+
+export function mapsEqual<K, V>(mapsA: Map<K, V>, mapsB: Map<K, V>): boolean;
+
+// utils/mix
+
+export function mix(baseClass: {new(): any}, ...mixins: any[]): void;
+
+// utils/nth
+
+export function nth<T>(index: number, iterable: Iterable<T>): T;
+
+// utils/objecttomap
+
+export function objectToMap<T extends object>(obj: T): Map<keyof T, T[keyof T]>;
+
+// utils/observablemixin
+
+export const ObservableMixin: Observable;
+
+export interface Observable extends Emitter {
+    bind(...bindProperties: string[]): BindChain;
+    decorate(methodName: string): void;
+    set(name: object): void;
+    set(name: string, value: any): void;
+    unbind(...unbindProperties: string[]): void;
+
+    // Emitter
+    delegate(...events: string[]): EmitterMixinDelegateChain;
+    fire(eventOrInfo: string | EventInfo<Emitter>, ...args: any[]): any;
+    listenTo(emitter: Emitter, event: string, callback: Function, options?: {priority?: PriorityString | number }): void;
+    off(event: string, callback?: Function): void;
+    on(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    once(event: string, callback: Function, options?: {priority: PriorityString | number}): void;
+    stopDelegating(event?: string, emitter?: Emitter): void;
+    stopListening(emitter?: Emitter, event?: string, callback?: Function): void;
+}
+
+// utils/priorities
+
+export namespace priorities {
+    function get(priority: PriorityString | number): number;
+}
+
+export type PriorityString = "highest" | "high" | "normal" | "low" | "lowest";
+
+// utils/spy
+
+export function spy(): {(): void; called: boolean};
+
+// utils/tomap
+
+export function toMap<K, V>(data: Map<K, V>): Map<K, V>;
+export function toMap<K extends string, V = any>(data: ReadonlyArray<[K, V]>): Map<K, V>;
+export function toMap<T extends object>(data: T): Map<keyof T, T[keyof T]>;
+
+// utils/translation-service
+
+export function add(language: string, translations: {[key: string]: string}): void;
+
+export function translate(language: string, translationKey: string): string;
+
+// TODO: CKEDITOR_TRANSLATIONS
+
+// utils/uid
+
+export function uid(): string;
+
+// utils/unicode
+
+export function isCombiningMark(character: string): boolean;
+
+export function isHighSurrogateHalf(character: string): boolean;
+
+export function isInsideCombinedSymbol(string: string, offset: number): boolean;
+
+export function isInsideSurrogatePair(string: string, offset: number): boolean;
+
+export function isLowSurrogateHalf(character: string): boolean;
+
+// utils/version
+
+// TODO: CKEDITOR_VERSION;
diff --git a/types/ckeditor__ckeditor5-utils/tsconfig.json b/types/ckeditor__ckeditor5-utils/tsconfig.json
new file mode 100644
index 0000000000..1fbda2fd6b
--- /dev/null
+++ b/types/ckeditor__ckeditor5-utils/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ckeditor__ckeditor5-utils-tests.ts"
+    ]
+}
diff --git a/types/ckeditor__ckeditor5-utils/tslint.json b/types/ckeditor__ckeditor5-utils/tslint.json
new file mode 100644
index 0000000000..332951717c
--- /dev/null
+++ b/types/ckeditor__ckeditor5-utils/tslint.json
@@ -0,0 +1,20 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "ban-types": {
+            "options": [
+                ["Object", "Avoid using the `Object` type. Did you mean `object`?"],
+                ["Boolean", "Avoid using the `Boolean` type. Did you mean `boolean`?"],
+                ["Number", "Avoid using the `Number` type. Did you mean `number`?"],
+                ["String", "Avoid using the `String` type. Did you mean `string`?"],
+                ["Symbol", "Avoid using the `Symbol` type. Did you mean `symbol`?"]
+            ]
+        },
+        "quotemark": [
+            true,
+            "double",
+            "avoid-escape",
+            "avoid-template"
+        ]
+    }
+}
diff --git a/types/cli-table2/cli-table2-tests.ts b/types/cli-table2/cli-table2-tests.ts
index dfaed4ec33..97d8c82dbe 100644
--- a/types/cli-table2/cli-table2-tests.ts
+++ b/types/cli-table2/cli-table2-tests.ts
@@ -230,3 +230,24 @@ table26.push(
 // feel free to use colors in your content strings, column widths will be calculated correctly
 const table27 = new Table({ colWidths: [5], style: { head: [], border: [] } }) as Table.HorizontalTable;
 table27.push([/*colors.red(*/'hello'/*)*/]);
+
+// Header as text
+const table28 = new Table({ head: ["Top Header 1", "Top Header 2"] }) as Table.HorizontalTable;
+table28.push(
+    ['Value Row 1 Col 1', 'Value Row 1 Col 2'],
+    ['Value Row 2 Col 1', 'Value Row 2 Col 2']
+);
+
+// Header as Cells
+const table29 = new Table({ head: [{content: "Top Header 1"}, {content: "Top Header 2"}] }) as Table.HorizontalTable;
+table29.push(
+    ['Value Row 1 Col 1', 'Value Row 1 Col 2'],
+    ['Value Row 2 Col 1', 'Value Row 2 Col 2']
+);
+
+// ColSpan in header
+const table30 = new Table({ head: [{content: "Top Header 1", colSpan: 2}, {content: "Top Header 3"}] }) as Table.HorizontalTable;
+table30.push(
+    ['Value Row 1 Col 1', 'Value Row 1 Col 2', 'Value Row 1 Col 3'],
+    ['Value Row 2 Col 1', 'Value Row 2 Col 2', 'Value Row 2 Col 3']
+);
diff --git a/types/cli-table2/index.d.ts b/types/cli-table2/index.d.ts
index b216b23832..865439f000 100644
--- a/types/cli-table2/index.d.ts
+++ b/types/cli-table2/index.d.ts
@@ -31,7 +31,7 @@ declare namespace CliTable2 {
         rowHeights: Array<number | null>;
         colAligns: HorizontalAlignment[];
         rowAligns: VerticalAlignment[];
-        head: string[];
+        head: Cell[];
         wordWrap: boolean;
     }
 
diff --git a/types/code/code-tests.ts b/types/code/code-tests.ts
index 9e5f12645f..f9b55ca72e 100644
--- a/types/code/code-tests.ts
+++ b/types/code/code-tests.ts
@@ -103,6 +103,7 @@ expect("abcd").to.have.length(4);
 
 expect(5).to.equal(5);
 expect({ a: 1 }).to.equal({ a: 1 });
+expect([1, 2, 3]).to.equal([1, 2, 3]);
 
 expect(Object.create(null)).to.equal({}, { prototype: false });
 
diff --git a/types/code/index.d.ts b/types/code/index.d.ts
index 3bdca4be9a..7047fc0702 100644
--- a/types/code/index.d.ts
+++ b/types/code/index.d.ts
@@ -125,9 +125,9 @@ export interface Values<T> {
     /** Asserts that the reference value has a length property matching the provided size or an object with the specified number of keys. */
     length(size: number): AssertionChain<T>;
     /** Asserts that the reference value equals the provided value. */
-    equal(value: T, options?: any): AssertionChain<T>;
+    equal(value: T | T[], options?: any): AssertionChain<T>;
     /** Asserts that the reference value equals the provided value. */
-    equals(value: T, options?: any): AssertionChain<T>;
+    equals(value: T | T[], options?: any): AssertionChain<T>;
     /** Asserts that the reference value is greater than (>) the provided value. */
     above(value: T): AssertionChain<T>;
     /** Asserts that the reference value is greater than (>) the provided value. */
diff --git a/types/codemirror/codemirror-comment.d.ts b/types/codemirror/codemirror-comment.d.ts
new file mode 100644
index 0000000000..47b99fd989
--- /dev/null
+++ b/types/codemirror/codemirror-comment.d.ts
@@ -0,0 +1,47 @@
+// Type definitions for CodeMirror
+// Project: https://github.com/marijnh/CodeMirror
+// Definitions by: Nikolaj Kappler <https://github.com/nkappler>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// See docs https://codemirror.net/doc/manual.html#addon_comment
+
+// Todo: add 'toggleComment' command, once command type definitions exist in main definitions
+
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
+
+    interface Editor {
+        /** Tries to uncomment the current selection, and if that fails, line-comments it. */
+        toggleComment(options?: CommentOptions): void;
+        /** Set the lines in the given range to be line comments. Will fall back to `blockComment` when no line comment style is defined for the mode. */
+        lineComment(from: Position, to: Position, options?: CommentOptions): void;
+        /** Wrap the code in the given range in a block comment. Will fall back to `lineComment` when no block comment style is defined for the mode. */
+        blockComment(from: Position, to: Position, options?: CommentOptions): void;
+        /** Try to uncomment the given range. Returns `true` if a comment range was found and removed, `false` otherwise. */
+        uncomment(from: Position, to: Position, options?: CommentOptions): boolean;
+    }
+
+    interface CommentOptions {
+        /** Override the [comment string properties](https://codemirror.net/doc/manual.html#mode_comment) of the mode with custom comment strings. */
+        blockCommentStart?: string;
+        /** Override the [comment string properties](https://codemirror.net/doc/manual.html#mode_comment) of the mode with custom comment strings. */
+        blockCommentEnd?: string;
+        /** Override the [comment string properties](https://codemirror.net/doc/manual.html#mode_comment) of the mode with custom comment strings. */
+        blockCommentLead?: string;
+        /** Override the [comment string properties](https://codemirror.net/doc/manual.html#mode_comment) of the mode with custom comment strings. */
+        lineComment?: string;
+        /** A string that will be inserted after opening and leading markers, and before closing comment markers. Defaults to a single space. */
+        padding?: string;
+        /** Whether, when adding line comments, to also comment lines that contain only whitespace. */
+        commentBlankLines?: boolean;
+        /** When adding line comments and this is turned on, it will align the comment block to the current indentation of the first line of the block. */
+        indent?: boolean;
+        /** When block commenting, this controls whether the whole lines are indented, or only the precise range that is given. Defaults to `true`. */
+        fullLines?: boolean;
+    }
+}
+
+declare module "codemirror/addon/comment/comment" {
+    export = CodeMirror;
+}
diff --git a/types/codemirror/codemirror-panel.d.ts b/types/codemirror/codemirror-panel.d.ts
new file mode 100644
index 0000000000..2059c8ff72
--- /dev/null
+++ b/types/codemirror/codemirror-panel.d.ts
@@ -0,0 +1,51 @@
+// Type definitions for CodeMirror
+// Project: https://github.com/marijnh/CodeMirror
+// Definitions by: Nikolaj Kappler <https://github.com/nkappler>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// See docs https://codemirror.net/doc/manual.html#addon_panel
+
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
+    interface Panel {
+        /**Removes the panel from the editor */
+        clear(): void;
+        /**Notifies panel that height of DOM node has changed */
+        changed(height?: number): void;
+    }
+
+    interface ShowPanelOptions {
+        /**Controls the position of the newly added panel. The following values are recognized:  
+         * `top` (default): Adds the panel at the very top.  
+         *  `after-top`: Adds the panel at the bottom of the top panels.  
+         *  `bottom`: Adds the panel at the very bottom.  
+         *  `before-bottom`: Adds the panel at the top of the bottom panels.  
+        */
+        position?: "top" | "after-top" | "bottom" | "before-bottom";
+        /**The new panel will be added before the given panel. */
+        before?: Panel;
+        /**The new panel will be added after the given panel. */
+        after?: Panel;
+        /**The new panel will replace the given panel. */
+        replace?: Panel;
+        /**Whether to scroll the editor to keep the text's vertical position stable, when adding a panel above it. Defaults to false. */
+        stable?: boolean;
+    }
+
+    interface Editor {
+
+        /**
+         * Places a DOM node above or below an editor and shrinks the editor to make room for the node.
+         * When using the `after`, `before` or `replace` options, if the panel doesn't exists or has been removed, the value of the `position` option will be used as a fallback.
+         * @param node the DOM node
+         * @param options optional options object
+         */
+        addPanel(node: HTMLElement, options?: ShowPanelOptions): Panel;
+
+    }
+}
+
+declare module "codemirror/addon/display/panel" {
+    export = CodeMirror;
+}
diff --git a/types/codemirror/index.d.ts b/types/codemirror/index.d.ts
index a3b775ab5e..cdc3c4cd7c 100644
--- a/types/codemirror/index.d.ts
+++ b/types/codemirror/index.d.ts
@@ -4,6 +4,7 @@
 //                 nrbernard <https://github.com/nrbernard>
 //                 Pr1st0n <https://github.com/Pr1st0n>
 //                 rileymiller <https://github.com/rileymiller>
+//                 toddself <https://github.com/toddself>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export = CodeMirror;
@@ -28,11 +29,11 @@ declare namespace CodeMirror {
     The returned position will be the end of the changed range, after the change is applied. */
     function changeEnd(change: EditorChange): Position;
 
-    /** It contains a string that indicates the version of the library. This is a triple of integers "major.minor.patch", 
+    /** It contains a string that indicates the version of the library. This is a triple of integers "major.minor.patch",
     where patch is zero for releases, and something else (usually one) for dev snapshots. */
     var version: string;
 
-    /** An object containing default values for all options. 
+    /** An object containing default values for all options.
     You can assign to its properties to modify defaults (though this won't affect editors that have already been created). */
     var defaults: any;
 
@@ -260,16 +261,7 @@ declare namespace CodeMirror {
         line should be either an integer or a line handle, and node should be a DOM node, which will be displayed below the given line.
         options, when given, should be an object that configures the behavior of the widget.
         Note that the widget node will become a descendant of nodes with CodeMirror-specific CSS classes, and those classes might in some cases affect it. */
-        addLineWidget(line: any, node: HTMLElement, options?: {
-            /** Whether the widget should cover the gutter. */
-            coverGutter?: boolean;
-            /** Whether the widget should stay fixed in the face of horizontal scrolling. */
-            noHScroll?: boolean;
-            /** Causes the widget to be placed above instead of below the text of the line. */
-            above?: boolean;
-            /** When true, will cause the widget to be rendered even if the line it is associated with is hidden. */
-            showIfHidden?: boolean;
-        }): CodeMirror.LineWidget;
+        addLineWidget(line: any, node: HTMLElement, options?: CodeMirror.LineWidgetOptions): CodeMirror.LineWidget;
 
 
         /** Programatically set the size of the editor (overriding the applicable CSS rules).
@@ -346,8 +338,8 @@ declare namespace CodeMirror {
         /** Retrieves information about the token the current mode found before the given position (a {line, ch} object). */
         getTokenAt(pos: CodeMirror.Position, precise?: boolean): Token;
 
-        /** This is a (much) cheaper version of getTokenAt useful for when you just need the type of the token at a given position, 
-        and no other information. Will return null for unstyled tokens, and a string, potentially containing multiple 
+        /** This is a (much) cheaper version of getTokenAt useful for when you just need the type of the token at a given position,
+        and no other information. Will return null for unstyled tokens, and a string, potentially containing multiple
         space-separated style names, otherwise. */
         getTokenTypeAt(pos: CodeMirror.Position): string;
 
@@ -364,6 +356,12 @@ declare namespace CodeMirror {
         It will call the function, buffering up all changes, and only doing the expensive update after the function returns.
         This can be a lot faster. The return value from this method will be the return value of your function. */
         operation<T>(fn: ()=> T): T;
+        
+        /** In normal circumstances, use the above operation method. But if you want to buffer operations happening asynchronously, or that can't all be wrapped in a callback
+        function, you can call startOperation to tell CodeMirror to start buffering changes, and endOperation to actually render all the updates. Be careful: if you use this
+        API and forget to call endOperation, the editor will just never update. */
+        startOperation(): void;
+        endOperation(): void;
 
         /** Adjust the indentation of the given line.
         The second argument (which defaults to "smart") may be one of:
@@ -426,7 +424,7 @@ declare namespace CodeMirror {
         off(eventName: 'cursorActivity', handler: (instance: CodeMirror.Editor) => void ): void;
 
         /** This event is fired before the selection is moved. Its handler may modify the resulting selection head and anchor.
-        Handlers for this event have the same restriction as "beforeChange" handlers � they should not do anything to directly update the state of the editor. */
+        Handlers for this event have the same restriction as "beforeChange" handlers they should not do anything to directly update the state of the editor. */
         on(eventName: 'beforeSelectionChange', handler: (instance: CodeMirror.Editor, selection: { head: CodeMirror.Position; anchor: CodeMirror.Position; }) => void ): void;
         off(eventName: 'beforeSelectionChange', handler: (instance: CodeMirror.Editor, selection: { head: CodeMirror.Position; anchor: CodeMirror.Position; }) => void ): void;
 
@@ -537,20 +535,20 @@ declare namespace CodeMirror {
         Note that line handles have a text property containing the line's content (as a string). */
         eachLine(start: number, end: number, f: (line: CodeMirror.LineHandle) => void ): void;
 
-        /** Set the editor content as 'clean', a flag that it will retain until it is edited, and which will be set again 
-        when such an edit is undone again. Useful to track whether the content needs to be saved. This function is deprecated 
+        /** Set the editor content as 'clean', a flag that it will retain until it is edited, and which will be set again
+        when such an edit is undone again. Useful to track whether the content needs to be saved. This function is deprecated
         in favor of changeGeneration, which allows multiple subsystems to track different notions of cleanness without interfering.*/
         markClean(): void;
-        
-        /** Returns a number that can later be passed to isClean to test whether any edits were made (and not undone) in the 
-        meantime. If closeEvent is true, the current history event will be ‘closed’, meaning it can't be combined with further 
+
+        /** Returns a number that can later be passed to isClean to test whether any edits were made (and not undone) in the
+        meantime. If closeEvent is true, the current history event will be ‘closed’, meaning it can't be combined with further
         changes (rapid typing or deleting events are typically combined).*/
         changeGeneration(closeEvent?: boolean): number;
 
-        /** Returns whether the document is currently clean — not modified since initialization or the last call to markClean if 
+        /** Returns whether the document is currently clean — not modified since initialization or the last call to markClean if
         no argument is passed, or since the matching call to changeGeneration if a generation value is given. */
         isClean(generation?: number): boolean;
-        
+
 
         /** Get the currently selected code. */
         getSelection(): string;
@@ -559,7 +557,7 @@ declare namespace CodeMirror {
         getSelections(lineSep?: string): Array<string>;
 
         /** Replace the selection with the given string. By default, the new selection will span the inserted text.
-        The optional collapse argument can be used to change this � passing "start" or "end" will collapse the selection to the start or end of the inserted text. */
+        The optional collapse argument can be used to change this -- passing "start" or "end" will collapse the selection to the start or end of the inserted text. */
         replaceSelection(replacement: string, collapse?: string): void;
 
         /** start is a an optional string indicating which end of the selection to return.
@@ -672,6 +670,11 @@ declare namespace CodeMirror {
         /** Returns an array containing all marked ranges in the document. */
         getAllMarks(): CodeMirror.TextMarker[];
 
+        /** Adds a line widget, an element shown below a line, spanning the whole of the editor's width, and moving the lines below it downwards.
+        line should be either an integer or a line handle, and node should be a DOM node, which will be displayed below the given line.
+        options, when given, should be an object that configures the behavior of the widget.
+        Note that the widget node will become a descendant of nodes with CodeMirror-specific CSS classes, and those classes might in some cases affect it. */
+        addLineWidget(line: any, node: HTMLElement, options?: CodeMirror.LineWidgetOptions): CodeMirror.LineWidget;
 
         /** Gets the mode object for the editor. Note that this is distinct from getOption("mode"), which gives you the mode specification,
         rather than the resolved, instantiated mode object. */
@@ -709,8 +712,27 @@ declare namespace CodeMirror {
         or undefined if the marker is no longer in the document. */
         find(): {from: CodeMirror.Position, to: CodeMirror.Position};
 
+        /**  Called when you've done something that might change the size of the marker and want to cheaply update the display*/
+        changed(): void;
+
         /**  Returns an object representing the options for the marker. If copyWidget is given true, it will clone the value of the replacedWith option, if any. */
         getOptions(copyWidget: boolean): CodeMirror.TextMarkerOptions;
+
+        /** Fired when the cursor enters the marked range */
+        on(eventName: 'beforeCursorEnter', handler: () =>  void) : void;
+        off(eventName: 'beforeCursorEnter', handler: () => void) : void;
+
+        /** Fired when the range is cleared, either through cursor movement in combination with clearOnEnter or through a call to its clear() method */
+        on(eventName: 'clear', handler: (from: Position, to: Position) => void) : void;
+        off(eventName: 'clear', handler: () => void) : void;
+
+        /** Fired when the last part of the marker is removed from the document by editing operations */
+        on(eventName: 'hide', handler: () => void) : void;
+        off(eventname: 'hide', handler: () => void) : void;
+
+        /** Fired when, after the marker was removed by editing, a undo operation brough the marker back */
+        on(eventName: 'unhide', handler: () => void) : void;
+        off(eventname: 'unhide', handler: () => void) : void;
     }
 
     interface LineWidget {
@@ -722,6 +744,17 @@ declare namespace CodeMirror {
         changed(): void;
     }
 
+    interface LineWidgetOptions {
+        /** Whether the widget should cover the gutter. */
+        coverGutter?: boolean;
+        /** Whether the widget should stay fixed in the face of horizontal scrolling. */
+        noHScroll?: boolean;
+        /** Causes the widget to be placed above instead of below the text of the line. */
+        above?: boolean;
+        /** When true, will cause the widget to be rendered even if the line it is associated with is hidden. */
+        showIfHidden?: boolean;
+    }
+
     interface EditorChange {
         /** Position (in the pre-change coordinate system) where the change started. */
         from: CodeMirror.Position;
diff --git a/types/codemirror/test/comment.ts b/types/codemirror/test/comment.ts
new file mode 100644
index 0000000000..f022704a86
--- /dev/null
+++ b/types/codemirror/test/comment.ts
@@ -0,0 +1,16 @@
+const editor = CodeMirror(document.body);
+const position: CodeMirror.Position = { ch: 0, line: 0 };
+const opt: CodeMirror.CommentOptions = {
+    blockCommentEnd: "*/",
+    blockCommentStart: "/*",
+    blockCommentLead: "*",
+    commentBlankLines: true,
+    fullLines: true,
+    indent: true,
+    lineComment: "//",
+    padding: " "
+};
+editor.toggleComment(opt);
+editor.blockComment(position, position, opt);
+editor.lineComment(position, position, opt);
+const b: boolean = editor.uncomment(position, position, opt);
diff --git a/types/codemirror/test/index.ts b/types/codemirror/test/index.ts
index bd2aefac88..851e891e8f 100644
--- a/types/codemirror/test/index.ts
+++ b/types/codemirror/test/index.ts
@@ -91,3 +91,12 @@ CodeMirror.registerHelper("lint", "javascript", {});
 
 myCodeMirror.isReadOnly();
 myCodeMirror.execCommand('selectAll');
+
+let htmlElement1 = document.createElement('div');
+let htmlElement2 = document.createElement('div');
+let widget1 = myCodeMirror.addLineWidget(1, htmlElement1, {});
+let widget2 = doc.addLineWidget(1, htmlElement2, {});
+widget1.clear();
+widget2.clear();
+htmlElement1.remove();
+htmlElement2.remove();
diff --git a/types/codemirror/test/panel.ts b/types/codemirror/test/panel.ts
new file mode 100644
index 0000000000..3cf200beae
--- /dev/null
+++ b/types/codemirror/test/panel.ts
@@ -0,0 +1,17 @@
+
+var cm: CodeMirror.Editor = CodeMirror(document.body);
+
+var panel1 = cm.addPanel(document.body);
+
+var panel2: CodeMirror.Panel = cm.addPanel(document.body, {
+    position: "top",
+    after: panel1,
+    before: panel1,
+    replace: panel1,
+    stable: true
+});
+
+panel2.changed();
+panel2.changed(100);
+
+panel2.clear();
diff --git a/types/codemirror/tsconfig.json b/types/codemirror/tsconfig.json
index a2c6a52430..d081586f6e 100644
--- a/types/codemirror/tsconfig.json
+++ b/types/codemirror/tsconfig.json
@@ -20,13 +20,17 @@
     "files": [
         "index.d.ts",
         "codemirror-matchbrackets.d.ts",
+        "codemirror-panel.d.ts",
         "codemirror-runmode.d.ts",
         "codemirror-showhint.d.ts",
+        "codemirror-comment.d.ts",
         "searchcursor.d.ts",
         "test/index.ts",
         "test/matchbrackets.ts",
+        "test/panel.ts",
         "test/runmode.ts",
         "test/searchcursor.ts",
-        "test/showhint.ts"
+        "test/showhint.ts",
+        "test/comment.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/colresizable/colresizable-tests.ts b/types/colresizable/colresizable-tests.ts
new file mode 100644
index 0000000000..9fc62512c1
--- /dev/null
+++ b/types/colresizable/colresizable-tests.ts
@@ -0,0 +1,61 @@
+$("#table").colResizable(); // $ExpectType JQuery<HTMLElement>
+
+$("#table").colResizable({
+    resizeMode: "fit",
+    disable: false,
+    disabledColumns: [1, 2, 3],
+    liveDrag: true,
+    postbackSafe: false,
+    partialRefresh: true,
+    headerOnly: false,
+    gripInnerHtml: "",
+    draggingClass: ".myClass",
+    minWidth: 100,
+    hoverCursor: 'pointer',
+    dragCursor: 'e-resize',
+    flush: false,
+    marginLeft: "14px",
+    marginRight: "auto",
+    fixed: false,
+
+    onResize(evt) {
+        evt.currentTarget; // $ExpectType Element
+    },
+    onDrag(evt) {
+        evt.currentTarget; // $ExpectType Element
+    }
+});
+
+// Samples at http://www.bacubacu.com/colresizable
+function onSampleResized(e: JQueryMouseEventObject) {
+    const table = $(e.currentTarget); // reference to the resized table
+}
+
+$("#sample").colResizable({
+    liveDrag: true,
+    gripInnerHtml: "<div class='grip'></div>",
+    draggingClass: "dragging",
+    onResize: onSampleResized
+});
+
+function postbackSample() {
+	$("#updatePanelSample").colResizable({
+		liveDrag: true,
+		postbackSafe: true,
+		partialRefresh: true
+	});
+}
+
+$("#flexSample").colResizable({resizeMode: 'flex'});
+
+$("#overflowSample").colResizable({resizeMode: 'overflow'});
+
+function onSlide() {}
+
+$("#sample5").colResizable({
+	liveDrag: true,
+	draggingClass: "rangeDrag",
+	gripInnerHtml: "<div class='rangeGrip'></div>",
+	onResize: onSlide,
+	minWidth: 8
+});
diff --git a/types/colresizable/index.d.ts b/types/colresizable/index.d.ts
new file mode 100644
index 0000000000..693c40923c
--- /dev/null
+++ b/types/colresizable/index.d.ts
@@ -0,0 +1,149 @@
+// Type definitions for colresizable 1.6
+// Project: http://bacubacu.com/colresizable/
+// Definitions by: Gilles Waeber <https://github.com/gilleswaeber>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="jquery" />
+
+interface JQuery {
+    colResizable(param?: colResizable.Settings): JQuery;
+}
+
+declare namespace colResizable {
+    interface Settings {
+        /**
+         * [default: 'fit']  It is used to set how the resize method works. Those are the possible values:
+         * - 'fit': this is default resizing model, in which resizing a column does not alter table width, which means that when a column is expanded the next one shrinks.
+         * - 'flex': in this mode tables can change its width and each column can shrink or expand independently if there is enough space in the parent container.
+         *           If there is not enough space, columns will share its width as they are resized. Table will never get bigger than its parent.
+         * - 'overflow': allows to resize columns with overflow of parent container.
+         * [version: 1.6]
+         */
+        resizeMode?: 'fit' | 'flex' | 'overflow';
+
+        /**
+         * [default: false] When set to true the table layout is updated while dragging column anchors.
+         * liveDrag enabled is more CPU consuming so it is not recommended for slow computers, specially when dealing with huge or extremely complicated tables.
+         * [version: 1.0]
+         */
+        liveDrag?: boolean;
+
+        /**
+         * @deprecated use resizeMode instead
+         * [default: true] It is used to set how the resize method works.
+         * In fixed mode resizing a column does not alter total table width, which means that when a column is expanded the next one shrinks.
+         * If fixed is set to false then table can change its width and each column can shrink or expand independently.
+         * [version: 1.5]
+         */
+        fixed?: boolean;
+
+        /**
+         * [default: false]  This attribute can be used to specify that the manually selected column widths must remain unaltered after a postback or browser refresh.
+         * This feature is mainly oriented to those pages created with server-side logic (codebehind), such as PHP or .NET, and it is only compatible with browsers
+         * with sessionStorage support (all modern browsers).
+         * However, if you are targeting older browsers (such as IE7 and IE8) you can still emulate sessionStorage using sessionStorage.js.
+         * It is important to note that some browsers (IE and FF) doesn’t enable the sessionStorage object while running the website directly from the local file system,
+         * so if you want to test this feature it is recommended to view the website through a web server or use browsers such as Chrome or Opera which doesn’t have this limitation.
+         * Don't worry about compatibility issues, once your site is up on the internet, all browsers will act in exactly the same way.
+         * [version: 1.3]
+         */
+        postbackSafe?: boolean;
+
+        /**
+         * [default: false]  This attribute should be set to true if the table is inside of an updatePanel or any other kind of partial page refresh using ajax.
+         * Table's ID should be same before and after the partial partial refresh.
+         * [version: 1.5]
+         */
+        partialRefresh?: boolean;
+
+        /**
+         * [default: false]  This attribute can be used to prevent vertical expansion of the column anchors to fit the table height.
+         * If it is set to true, column handler's size will be bounded to the first row's vertical size.
+         * [version: 1.2]
+         */
+        headerOnly?: boolean;
+
+        /**
+         * [default: ""]  Its purpose is to allow column anchor customization by defining the HTML to be used in the column grips to provide some visual feedback.
+         * It can be used in a wide range of ways to obtain very different outputs, and its flexibility can be increased by combining it with the draggingClass attribute.
+         * [version: 1.0]
+         */
+        gripInnerHtml?: string;
+
+        /**
+         * [default: (internal class)]  This attribute is used as the css class assigned to column anchors while being dragged. It can be used for visual feedback purposes.
+         * [version: 1.0]
+         */
+        draggingClass?: string;
+
+        /**
+         * [default: false] When set to true it aims to remove all previously added enhancements such as events and additional DOM elements assigned by this plugin to
+         * a single or collection of tables. It is required to disable a previously colResized table prior its removal from the document object tree.
+         * [version: 1.0]
+         */
+        disable?: boolean;
+
+        /**
+         * [default: [ ] ] An array of column indexes to be excluded, so it will not be possible to drag them manually.
+         * [version: 1.6]
+         */
+        disabledColumns?: number[];
+
+        /**
+         * [default: 15]  This value specifies the minimum width (measured in pixels) that is allowed for the columns.
+         * [version: 1.1]
+         */
+        minWidth?: number;
+
+        /**
+         * [default: "e-resize"]  This attribute can be used to customize the cursor that will be displayed when the user is positioned on the column anchors.
+         * [version: 1.3]
+         */
+        hoverCursor?: string;
+
+        /**
+         * [default: "e-resize"]  Defines the cursor that will be used while the user is resizing a column.
+         * [version: 1.3]
+         */
+        dragCursor?: string;
+
+        /**
+         * [default: false]  Flush is only effective when postbackSafe is enabled.
+         * Its purpose is to remove all previously stored data related to the current table layout to get it back to its original layout preventing width restoration after postback.
+         * [version: ]
+         */
+        flush?: boolean;
+
+        /**
+         * [default: null]  If the target table contains an explicit margin-left CSS rule, the same value must be used in this attribute (for example: "auto", "20%", "10px").
+         * The reason why it is needed it is because most browsers (all except of IE) don’t allow direct access to the current CSS rule applied to an element in
+         * its original units (such as "%", "em" or "auto" values).
+         * If you know any workaround which doesn’t involve iteration through all the styles defined in the site and any other external dependencies, please let me know!
+         * [version: 1.3]
+         */
+        marginLeft?: string;
+
+        /**
+         * [default: null]  It behaves in exactly the same way than the marginLeft attribute but applied to the right margin.
+         * [version: 1.3]
+         */
+        marginRight?: string;
+
+        /**
+         * If a callback function is supplied it will be fired when the user has ended dragging a column anchor altering the previous table layout.
+         * The callback function can obtain a reference to the updated table through the currentTarget attribute of the event retrieved by parameters
+         * [version: 1.0]
+         */
+        onResize?: FunctionCallback;
+
+        /**
+         * This event is fired while dragging a column anchor if liveDrag is enabled. It can be useful if the table is being used as a multiple range slider.
+         * The callback function can obtain a reference to the updated table through the currentTarget attribute of the event retrieved by parameters
+         * [version: 1.1]
+         */
+        onDrag?: FunctionCallback;
+    }
+
+    type FunctionCallback = (e: JQueryMouseEventObject) => void;
+}
diff --git a/types/colresizable/tsconfig.json b/types/colresizable/tsconfig.json
new file mode 100644
index 0000000000..35bf902824
--- /dev/null
+++ b/types/colresizable/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "colresizable-tests.ts"
+    ]
+}
diff --git a/types/colresizable/tslint.json b/types/colresizable/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/colresizable/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/combined-stream/combined-stream-tests.ts b/types/combined-stream/combined-stream-tests.ts
index ffdc0eaac7..540db77b68 100644
--- a/types/combined-stream/combined-stream-tests.ts
+++ b/types/combined-stream/combined-stream-tests.ts
@@ -1,17 +1,17 @@
-import CombinedStream = require("combined-stream");
-import { createReadStream, createWriteStream } from "fs";
+import CombinedStream = require('combined-stream');
+import { createReadStream, createWriteStream } from 'fs';
 
 const stream1 = new CombinedStream();
 
-stream1.append(createReadStream("tsconfig.json"));
-stream1.append(createReadStream("tslint.json"));
-stream1.append(createReadStream("index.d.ts"));
+stream1.append(createReadStream('tsconfig.json'));
+stream1.append(createReadStream('tslint.json'));
+stream1.append(createReadStream('index.d.ts'));
 
-stream1.pipe(createWriteStream("combined.txt"));
+stream1.pipe(createWriteStream('combined.txt'));
 
 const stream2 = CombinedStream.create({
     maxDataSize: 1 << 32,
-    pauseStreams: false,
+    pauseStreams: false
 });
 
 stream1.destroy();
@@ -19,12 +19,29 @@ stream1.destroy();
 // should log true
 console.log(CombinedStream.isStreamLike(stream2));
 
-stream2.on("data", (data) => {
+stream2.on('data', data => {
     console.log(data);
 });
 
-stream2.pipe(createWriteStream("combined.txt"));
+stream2.pipe(createWriteStream('combined.txt'));
 
 stream2.write(CombinedStream.name);
 
 stream2.destroy();
+
+const arrowFunction = (): CombinedStream => {
+    const stream3 = new CombinedStream();
+
+    // test next function
+    stream3.append(next => {
+        stream3.append('hello world');
+        next(createReadStream(''));
+    });
+
+    // next function with no next
+    stream3.append(() => {
+        stream3.append('hello again');
+    });
+
+    return stream3;
+};
diff --git a/types/combined-stream/index.d.ts b/types/combined-stream/index.d.ts
index 271814a4af..b82b399e7f 100644
--- a/types/combined-stream/index.d.ts
+++ b/types/combined-stream/index.d.ts
@@ -1,19 +1,27 @@
 // Type definitions for combined-stream 1.0
 // Project: https://github.com/felixge/node-combined-stream
-// Definitions by: Felix Geisendörfer <https://github.com/felixge>, Tomek Łaziuk <https://github.com/tlaziuk>
+// Definitions by: Felix Geisendörfer <https://github.com/felixge>, Tomek Łaziuk <https://github.com/tlaziuk>, Kon Pik <https://github.com/konpikwastaken>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
 
-import { Stream } from "stream";
+import { Stream } from 'stream';
 
-declare class CombinedStream extends Stream implements CombinedStream.Options {
+type Appendable = NodeJS.ReadableStream | NodeJS.WritableStream | Buffer | string | NextFunction;
+type NextFunction = (next: (stream: Appendable) => any) => any;
+
+interface Options {
+    maxDataSize?: number;
+    pauseStreams?: boolean;
+}
+
+declare class CombinedStream extends Stream implements Options {
     readonly writable: boolean;
     readonly readable: boolean;
     readonly dataSize: number;
     maxDataSize: number;
     pauseStreams: boolean;
-    append(stream: NodeJS.ReadableStream | NodeJS.WritableStream | Buffer | string): this;
+    append(stream: Appendable): this;
     write(data: any): void;
     pause(): void;
     resume(): void;
@@ -34,23 +42,15 @@ declare class CombinedStream extends Stream implements CombinedStream.Options {
     _emitError(error: Error): void;
 
     // events
-    on(event: "close" | "end" | "resume" | "pause", cb: () => void): this;
-    on(event: "error", cb: (err: Error) => void): this;
-    on(event: "data", cb: (data: any) => void): this;
-    once(event: "close" | "end" | "resume" | "pause", cb: () => void): this;
-    once(event: "error", cb: (err: Error) => void): this;
-    once(event: "data", cb: (data: any) => void): this;
-}
+    on(event: 'close' | 'end' | 'resume' | 'pause', cb: () => void): this;
+    on(event: 'error', cb: (err: Error) => void): this;
+    on(event: 'data', cb: (data: any) => void): this;
+    once(event: 'close' | 'end' | 'resume' | 'pause', cb: () => void): this;
+    once(event: 'error', cb: (err: Error) => void): this;
+    once(event: 'data', cb: (data: any) => void): this;
 
-declare namespace CombinedStream {
-    interface Options {
-        maxDataSize?: number;
-        pauseStreams?: boolean;
-    }
-
-    function create(options?: Options): CombinedStream;
-
-    function isStreamLike(stream: any): stream is Stream;
+    static create(options?: Options): CombinedStream;
+    static isStreamLike(stream: any): stream is Stream;
 }
 
 export = CombinedStream;
diff --git a/types/cometd/cometd-tests.ts b/types/cometd/cometd-tests.ts
index ada9412c04..ef56879d6f 100644
--- a/types/cometd/cometd-tests.ts
+++ b/types/cometd/cometd-tests.ts
@@ -1,4 +1,4 @@
-import { CometD, Listener, Message } from "cometd";
+import { CometD, Listener, Message, SubscriptionHandle } from "cometd";
 
 const cometd = new CometD();
 
@@ -78,7 +78,7 @@ cometd.unsubscribe(subscription3, additionalInfoUnsubscribe, unsubscribeReply =>
 // Subscribers versus Listeners
 // ============================
 
-let _reportListener: Listener | undefined;
+let _reportListener: SubscriptionHandle | undefined;
 
 cometd.addListener("/meta/handshake", message => {
     // Only subscribe if the handshake is successful
@@ -106,7 +106,7 @@ cometd.addListener("/meta/handshake", message => {
 // Dynamic Resubscription
 // ======================
 
-let _subscription: Listener | undefined;
+let _subscription: SubscriptionHandle | undefined;
 
 class Controller {
     dynamicSubscribe = () => {
diff --git a/types/cometd/index.d.ts b/types/cometd/index.d.ts
index 32e4f962bb..cd829d444c 100644
--- a/types/cometd/index.d.ts
+++ b/types/cometd/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for CometD 4.0
 // Project: http://cometd.org
-// Definitions by: Derek Cicerone <https://github.com/derekcicerone>, Daniel Perez Alvarez <https://github.com/unindented>
+// Definitions by: Derek Cicerone <https://github.com/derekcicerone>, Daniel Perez Alvarez <https://github.com/unindented>, Alex Henry <https://github.com/alxHenry>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -75,6 +75,15 @@ export interface Message {
 }
 
 export type Listener = (message: Message) => void;
+export type Callback = (data: any) => void;
+
+export interface SubscriptionHandle {
+    id: number;
+    channel: string;
+    listener: boolean;
+    callback: Callback;
+    scope?: any;
+}
 
 export interface Extension {
     incoming?: Listener;
@@ -202,14 +211,14 @@ export class CometD {
      * @param callback the callback to call when a message is sent to the channel
      * @returns the subscription handle to be passed to `removeListener`
      */
-    addListener(channel: string, callback: Listener): Listener;
+    addListener(channel: string, callback: Listener): SubscriptionHandle;
 
     /**
      * Removes the subscription obtained with a call to `addListener`.
      *
      * @param subscription the subscription to unsubscribe.
      */
-    removeListener(subscription: Listener): void;
+    removeListener(subscription: SubscriptionHandle): void;
 
     /**
      * Removes all listeners registered with `addListener` or `subscribe`.
@@ -234,7 +243,7 @@ export class CometD {
      * @param subscribeCallback a function to be invoked when the subscription is acknowledged
      * @return the subscription handle to be passed to `unsubscribe`
      */
-    subscribe(channel: string, callback: Listener, subscribeCallback?: Listener): Listener;
+    subscribe(channel: string, callback: Callback, subscribeCallback?: Listener): SubscriptionHandle;
 
     /**
      * Subscribes to the given channel, performing the given callback in the given scope when a
@@ -255,7 +264,7 @@ export class CometD {
      * @param subscribeCallback a function to be invoked when the subscription is acknowledged
      * @return the subscription handle to be passed to `unsubscribe`
      */
-    subscribe(channel: string, callback: Listener, subscribeProps: object, subscribeCallback?: Listener): Listener;
+    subscribe(channel: string, callback: Callback, subscribeProps: object, subscribeCallback?: Listener): SubscriptionHandle;
 
     /**
      * Unsubscribes the subscription obtained with a call to `subscribe`.
@@ -263,7 +272,7 @@ export class CometD {
      * @param subscription the subscription to unsubscribe.
      * @param unsubscribeCallback a function to be invoked when the unsubscription is acknowledged
      */
-    unsubscribe(subscription: Listener, unsubscribeCallback?: Listener): void;
+    unsubscribe(subscription: SubscriptionHandle, unsubscribeCallback?: Listener): void;
 
     /**
      * Unsubscribes the subscription obtained with a call to `subscribe`.
@@ -272,12 +281,12 @@ export class CometD {
      * @param unsubscribeProps an object to be merged with the unsubscribe message
      * @param unsubscribeCallback a function to be invoked when the unsubscription is acknowledged
      */
-    unsubscribe(subscription: Listener, unsubscribeProps: object, unsubscribeCallback?: Listener): void;
+    unsubscribe(subscription: SubscriptionHandle, unsubscribeProps: object, unsubscribeCallback?: Listener): void;
 
     /**
      * Resubscribes as necessary in case of a re-handshake.
      */
-    resubscribe(subscription: Listener, subscribeProps?: object): Listener;
+    resubscribe(subscription: SubscriptionHandle, subscribeProps?: object): SubscriptionHandle;
 
     /**
      * Removes all subscriptions added via `subscribe`, but does not remove the listeners added via
@@ -463,5 +472,5 @@ export class CometD {
      * @param isListener whether it was a listener
      * @param message the message received from the Bayeux server
      */
-    onListenerException: (exception: any, subscriptionHandle: Listener, isListener: boolean, message: string) => void;
+    onListenerException: (exception: any, subscriptionHandle: SubscriptionHandle, isListener: boolean, message: string) => void;
 }
diff --git a/types/commangular/commangular-mock.d.ts b/types/commangular/commangular-mock.d.ts
index 134e4d0d1e..a31563bc9e 100644
--- a/types/commangular/commangular-mock.d.ts
+++ b/types/commangular/commangular-mock.d.ts
@@ -4,33 +4,33 @@
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
 
 declare module commangular {
-	
+
 	///////////////////////////////////////////////////////////////////////////
     // Commangular Static
     // see http://commangular.org/docs/#commangular-namespace
     ///////////////////////////////////////////////////////////////////////////
 	interface ICommAngularStatic {
-		
+
 		/**
 		 * Mock dispatch function for testing commands.
 		 */
 		dispatch( ec: ICommandCall, callback: Function ): void;
 	}
-	
+
 	interface ICommandCall {
 		/**
 		 * Name of the command that needs to
 		 * execute
 		 */
 		command: string;
-		
+
 		/**
 		 * Data that needs to be passed to the command
 		 */
 		data?: any;
 	}
-	
-	
+
+
 	/**
 	 * Object type expected to be passed into the callback function
 	 * of the dispatch() function
@@ -41,25 +41,25 @@ declare module commangular {
 		 * @param key The property name that is in the object that was passed
 		 */
 		dataPassed( key : string ) : any;
-		
+
 		/**
 		 * The data that was returned by the command
 		 * @param key The result key that was defined in the command. If no result
 		 * 		was defined use 'lastResult' as the key
 		 */
 		resultKey( key: string ): any;
-		
+
 		/**
 		 * Indicates if the command execution was cancelled.
 		 */
 		canceled( ): boolean;
-		
+
 		/**
 		 * Indicates if the command was executed????
 		 */
 		commandExecuted( ): boolean;
 	}
-	
+
 }
 
 
@@ -67,7 +67,6 @@ declare module commangular {
 * Mock dispatch function for testing commands.
 * @param ec an ICommandCall object
 * @param callback The function that will be called upon the completion of the command
-* 		function should expecte an ICommandInfo paramter.
+* 		function should expecte an ICommandInfo parameter.
 */
-declare function dispatch( ec: commangular.ICommandCall, callback: Function ): void;	
-
+declare function dispatch( ec: commangular.ICommandCall, callback: Function ): void;
diff --git a/types/commercetools__enzyme-extensions/commercetools__enzyme-extensions-tests.tsx b/types/commercetools__enzyme-extensions/commercetools__enzyme-extensions-tests.tsx
new file mode 100644
index 0000000000..bceab689e7
--- /dev/null
+++ b/types/commercetools__enzyme-extensions/commercetools__enzyme-extensions-tests.tsx
@@ -0,0 +1,30 @@
+import React = require('react');
+import enzyme = require('enzyme');
+import configureExtensions = require('@commercetools/enzyme-extensions');
+
+configureExtensions(enzyme.ShallowWrapper);
+
+function App() {
+    return <Child cb={() => 'Hello world'} />;
+}
+
+interface ChildProps {
+    cb: () => string;
+}
+
+function Child(props: ChildProps) {
+    return <div>{props.cb()}</div>;
+}
+
+enzyme.shallow(<App />)
+    .find(App)
+    .renderProp('render');
+enzyme.shallow(<App />)
+    .find(Child)
+    .renderProp('render', 1, 2);
+
+enzyme.shallow(<App />)
+    .find(Child)
+    .drill(props => props.cb());
+
+enzyme.shallow(<App />).until(Child);
diff --git a/types/commercetools__enzyme-extensions/index.d.ts b/types/commercetools__enzyme-extensions/index.d.ts
new file mode 100644
index 0000000000..7c009f8e95
--- /dev/null
+++ b/types/commercetools__enzyme-extensions/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for @commercetools/enzyme-extensions 3.0
+// Project: https://github.com/commercetools/enzyme-extensions
+// Definitions by: Christian Rackerseder <https://github.com/screendriver>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as enzyme from 'enzyme';
+
+declare module 'enzyme' {
+    interface UntilOptions {
+        maxDepth: number;
+    }
+    interface ShallowWrapper<P = {}> {
+        renderProp(propName: string, ...args: any[]): ShallowWrapper<P>;
+        drill(expander: (props: any) => ShallowWrapper): ShallowWrapper<P>;
+        until(selector: EnzymeSelector, options?: UntilOptions): ShallowWrapper<P>;
+    }
+}
+
+declare function monkeyPatchShallowWrapper(s: typeof enzyme.ShallowWrapper): void;
+
+export = monkeyPatchShallowWrapper;
diff --git a/types/commercetools__enzyme-extensions/tsconfig.json b/types/commercetools__enzyme-extensions/tsconfig.json
new file mode 100644
index 0000000000..9e6d70239e
--- /dev/null
+++ b/types/commercetools__enzyme-extensions/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "paths": {
+            "@commercetools/enzyme-extensions": ["commercetools__enzyme-extensions"]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "commercetools__enzyme-extensions-tests.tsx"
+    ]
+}
diff --git a/types/commercetools__enzyme-extensions/tslint.json b/types/commercetools__enzyme-extensions/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/commercetools__enzyme-extensions/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/compare-func/compare-func-tests.ts b/types/compare-func/compare-func-tests.ts
new file mode 100644
index 0000000000..47b2842724
--- /dev/null
+++ b/types/compare-func/compare-func-tests.ts
@@ -0,0 +1,30 @@
+import compareFunc = require("compare-func");
+
+// This is taken from https://github.com/stevemao/compare-func/blob/master/README.md#usage and extended
+
+// sort by an object property
+[{ x: "b" }, { x: "a" }, { x: "c" }].sort(compareFunc("x"));
+// => [{x: "a"}, {x: "b"}, {x: "c"}]
+
+// sort by a nested object property
+[{ x: { y: "b" } }, { x: { y: "a" } }].sort(compareFunc("x.y"));
+// => [{x: {y: "a"}}, {x: {y: "b"}}]
+
+// sort by the `x` property, then `y`
+[{ x: "c", y: "c" }, { x: "b", y: "a" }, { x: "b", y: "b" }].sort(compareFunc(["x", "y"]));
+// => [{x: "b", y: "a"}, {x: "b", y: "b"}, {x: "c", y: "c"}]
+
+// sort by the returned value
+[{ x: "b" }, { x: "a" }, { x: "c" }].sort(compareFunc((el) => el.x));
+// => [{x: "a"}, {x: "b"}, {x: "c"}]
+
+// sort by an array of functions
+[{ x: "c", y: "c" }, { x: "b", y: "a" }, { x: "b", y: "b" }].sort(compareFunc([
+    (el) => el.x,
+    (el) => el.y,
+]));
+// => [{x: "a"}, {x: "b"}, {x: "c"}]
+
+// sort by itself
+[1, 3, 2].sort(compareFunc());
+// => [1, 2, 3]
diff --git a/types/compare-func/index.d.ts b/types/compare-func/index.d.ts
new file mode 100644
index 0000000000..357de04fb0
--- /dev/null
+++ b/types/compare-func/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for compare-func 1.3
+// Project: https://github.com/stevemao/compare-func
+// Definitions by: Dogan Fennibay <https://github.com/fennibay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+type extractFunc<T> = (e: T) => number | string;
+
+declare function compare_func<T>(prop?: ReadonlyArray<string | extractFunc<T>> | string | extractFunc<T>):
+    (e1: T, e2: T) => number;
+
+export = compare_func;
diff --git a/types/compare-func/tsconfig.json b/types/compare-func/tsconfig.json
new file mode 100644
index 0000000000..9aa5f60c9d
--- /dev/null
+++ b/types/compare-func/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "compare-func-tests.ts"
+    ]
+}
diff --git a/types/compare-func/tslint.json b/types/compare-func/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/compare-func/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/connect-datadog/connect-datadog-tests.ts b/types/connect-datadog/connect-datadog-tests.ts
new file mode 100644
index 0000000000..4160ba4bc0
--- /dev/null
+++ b/types/connect-datadog/connect-datadog-tests.ts
@@ -0,0 +1,16 @@
+import connectDD = require('connect-datadog');
+import dogstatsd = require('node-dogstatsd');
+
+// works with no options
+const middleware = connectDD({});
+
+// works with all options
+const middleware2 = connectDD({
+    stat: 'foo',
+    path: true,
+    method: true,
+    protocol: true,
+    response_code: true,
+    tags: ['abc', 'def'],
+    dogstatsd: new dogstatsd.StatsD('localhost'),
+});
diff --git a/types/connect-datadog/index.d.ts b/types/connect-datadog/index.d.ts
new file mode 100644
index 0000000000..c3aad8aac7
--- /dev/null
+++ b/types/connect-datadog/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for connect-datadog 0.0
+// Project: https://github.com/AppPress/node-connect-datadog
+// Definitions by: Moshe Good <https://github.com/moshegood>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import express = require('express');
+import dogstatsd = require('node-dogstatsd');
+
+export = Factory;
+
+declare function Factory(options?: Factory.Options): express.RequestHandler;
+
+declare namespace Factory {
+    interface Options {
+        stat?: string;
+        tags?: string[];
+        path?: boolean;
+        method?: boolean;
+        protocol?: boolean;
+        response_code?: boolean;
+        dogstatsd?: dogstatsd.StatsD;
+    }
+}
diff --git a/types/connect-datadog/tsconfig.json b/types/connect-datadog/tsconfig.json
new file mode 100644
index 0000000000..fa91239b96
--- /dev/null
+++ b/types/connect-datadog/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "connect-datadog-tests.ts"
+    ]
+}
diff --git a/types/connect-datadog/tslint.json b/types/connect-datadog/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/connect-datadog/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/consola/consola-tests.ts b/types/consola/consola-tests.ts
new file mode 100644
index 0000000000..f6cc225346
--- /dev/null
+++ b/types/consola/consola-tests.ts
@@ -0,0 +1,15 @@
+import * as consola from 'consola';
+
+consola.start('TEST');
+consola.info('TEST');
+consola.success('TEST');
+consola.error('TEST');
+
+const logger = new consola.Consola({
+    level: 30,
+});
+
+logger.start('TEST');
+logger.info('TEST');
+logger.success('TEST');
+logger.error('TEST');
diff --git a/types/consola/index.d.ts b/types/consola/index.d.ts
new file mode 100644
index 0000000000..a17c0c5c8f
--- /dev/null
+++ b/types/consola/index.d.ts
@@ -0,0 +1,39 @@
+// Type definitions for consola 1.x
+// Project: https://github.com/nuxt/consola
+// Definitions by: Jungwoo An <https://github.com/Jungwoo-An>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+export interface LevelType {
+    level: number;
+    color: string;
+    isError?: boolean;
+}
+
+export interface Reporter {
+    log(logObj: any): void;
+}
+
+export interface Option {
+    level?: number;
+    types?: LevelType;
+    reporters?: Reporter[];
+}
+
+export class Consola {
+    constructor(option?: Option);
+
+    add(reporter: Reporter): Consola;
+    remove(reporter: Reporter): Consola;
+    clear(): Consola;
+    withScope(scope: string): void;
+    start(...arguments: string[]): void;
+    success(...arguments: string[]): void;
+    info(...arguments: string[]): void;
+    error(...arguments: Array<string | Error>): void;
+}
+
+export function start(...arguments: string[]): void;
+export function success(...arguments: string[]): void;
+export function info(...arguments: string[]): void;
+export function error(...arguments: Array<string | Error>): void;
diff --git a/types/consola/tsconfig.json b/types/consola/tsconfig.json
new file mode 100644
index 0000000000..aab34c3363
--- /dev/null
+++ b/types/consola/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noEmit": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "consola-tests.ts"]
+}
diff --git a/types/consola/tslint.json b/types/consola/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/consola/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/console-ui/console-ui-tests.ts b/types/console-ui/console-ui-tests.ts
new file mode 100644
index 0000000000..0092ce60db
--- /dev/null
+++ b/types/console-ui/console-ui-tests.ts
@@ -0,0 +1,60 @@
+import { Question } from 'inquirer';
+import UI = require('console-ui');
+
+new UI({
+    inputStream: process.stdin,
+    outputStream: process.stderr,
+    errorStream: process.stdout,
+    writeLevel: 'DEBUG',
+    ci: false
+});
+
+const ui = new UI();
+
+ui.write(); // $ExpectError
+ui.write('hello');
+ui.write('hello', 'DEBUG');
+ui.write('hello', 'INFO');
+ui.write('hello', 'WARNING');
+ui.write('hello', 'ERROR');
+ui.write('hello', 'NONEXISTENT'); // $ExpectError
+
+ui.writeLine(); // $ExpectError
+ui.writeLine('hello');
+ui.writeLine('hello', 'DEBUG');
+ui.writeLine('hello', 'INFO');
+ui.writeLine('hello', 'WARNING');
+ui.writeLine('hello', 'ERROR');
+ui.writeLine('hello', 'NONEXISTENT'); // $ExpectError
+
+ui.writeDebugLine('hello');
+
+ui.writeWarnLine('hello');
+ui.writeWarnLine('hello', true);
+ui.writeWarnLine('hello', false, true);
+
+ui.writeDeprecateLine('hello');
+ui.writeDeprecateLine('hello', true);
+ui.writeDeprecateLine('hello', false, true);
+
+ui.writeError(new Error('boom!'));
+ui.writeError('boom!'); // $ExpectError
+
+ui.setWriteLevel('DEBUG');
+ui.setWriteLevel('INFO');
+ui.setWriteLevel('WARNING');
+ui.setWriteLevel('ERROR');
+ui.setWriteLevel('NONEXISTENT'); // $ExpectError
+
+ui.startProgress('hello');
+ui.stopProgress();
+ui.stopProgress('hello'); // $ExpectError
+
+const question: Question<{ answer: boolean }> = {
+    message: 'Yes / No?',
+    type: 'confirm'
+};
+
+ui.prompt(question).then(result => {
+    result.answer; // $ExpectType boolean
+});
diff --git a/types/console-ui/index.d.ts b/types/console-ui/index.d.ts
new file mode 100644
index 0000000000..a5a7cb994a
--- /dev/null
+++ b/types/console-ui/index.d.ts
@@ -0,0 +1,93 @@
+// Type definitions for console-ui 2.2
+// Project: https://github.com/ember-cli/console-ui#readme
+// Definitions by: Dan Freeman <https://github.com/dfreeman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Readable, Writable } from 'stream';
+import { Questions } from 'inquirer';
+
+type WriteLevel = 'DEBUG' | 'INFO' | 'WARNING' | 'ERROR';
+
+export = UI;
+
+/**
+ * The UI provides the CLI with a unified mechanism for providing output and
+ * requesting input from the user. This becomes useful when wanting to adjust
+ * logLevels, or mock input/output for tests.
+ */
+declare class UI {
+    constructor(options?: {
+        inputStream?: Readable;
+        outputStream?: Writable;
+        errorStream?: Writable;
+        writeLevel?: WriteLevel;
+        ci?: boolean;
+    });
+
+    /**
+     * Unified mechanism to write a string to the console.
+     * Optionally include a writeLevel, this is used to decide if the specific
+     * logging mechanism should or should not be printed.
+     */
+    write(message: string, level?: WriteLevel): void;
+
+    /**
+     * Unified mechanism to write a string and new line to the console.
+     * Optionally include a writeLevel, this is used to decide if the specific
+     * logging mechanism should or should not be printed.
+     */
+    writeLine(message: string, level?: WriteLevel): void;
+
+    /**
+     * Helper method to write a string with the DEBUG writeLevel and gray chalk
+     */
+    writeDebugLine(message: string): void;
+
+    /**
+     * Helper method to write a string with the INFO writeLevel and cyan chalk
+     */
+    writeInfoLine(message: string): void;
+
+    /**
+     * Helper method to write a string with the WARNING writeLevel and yellow chalk.
+     * Optionally include a test. If falsy, the warning will be printed. By default, warnings
+     * will be prepended with WARNING text when printed.
+     */
+    writeWarnLine(message: string, test?: boolean, prepend?: boolean): void;
+
+    /**
+     * Helper method to write a string with the WARNING writeLevel and yellow chalk.
+     * Optionally include a test. If falsy, the deprecation will be printed. By default deprecations
+     * will be prepended with DEPRECATION text when printed.
+     */
+    writeDeprecateLine(message: string, test?: boolean, prepend?: boolean): void;
+
+    /**
+     * Unified mechanism to an Error to the console.
+     * This will occure at a writeLevel of ERROR
+     */
+    writeError(error: object): void;
+
+    /**
+     * Sets the write level for the UI. Valid write levels are 'DEBUG', 'INFO',
+     * 'WARNING', and 'ERROR'.
+     */
+    setWriteLevel(level: WriteLevel): void;
+
+    /**
+     * Begins a progress spinner with a message (only if the INFO write level is visible).
+     */
+    startProgress(message: string): void;
+
+    /**
+     * Ends the current progress spinner.
+     */
+    stopProgress(): void;
+
+    /**
+     * Launch the prompt interface (inquiry session) with (Array of Questions || Question)
+     * See [Inquirer.js#question](https://github.com/SBoudrias/Inquirer.js#question) for Question properties
+     */
+    prompt<T>(questions: Questions<T>, callback?: (answers: T) => void): Promise<T>;
+}
diff --git a/types/console-ui/tsconfig.json b/types/console-ui/tsconfig.json
new file mode 100644
index 0000000000..fbb24995c7
--- /dev/null
+++ b/types/console-ui/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "console-ui-tests.ts"
+    ]
+}
diff --git a/types/console-ui/tslint.json b/types/console-ui/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/console-ui/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/consul/index.d.ts b/types/consul/index.d.ts
index 3d344ae983..096a906c8b 100644
--- a/types/consul/index.d.ts
+++ b/types/consul/index.d.ts
@@ -625,6 +625,7 @@ declare namespace Consul {
             dc?: string;
             tag?: string;
             passing?: boolean;
+            near?: string;
         }
 
         interface StateOptions extends CommonOptions {
diff --git a/types/cookie/index.d.ts b/types/cookie/index.d.ts
index bb7fc2cb54..cb03c91980 100644
--- a/types/cookie/index.d.ts
+++ b/types/cookie/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for cookie 0.3
 // Project: https://github.com/jshttp/cookie
-// Definitions by: Pine Mizune <https://github.com/pine613>
+// Definitions by: Pine Mizune <https://github.com/pine>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface CookieSerializeOptions {
diff --git a/types/copy-text-to-clipboard/tslint.json b/types/copy-text-to-clipboard/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/copy-text-to-clipboard/tslint.json
+++ b/types/copy-text-to-clipboard/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/cordova-plugin-bluetoothclassic-serial/cordova-plugin-bluetoothclassic-serial-tests.ts b/types/cordova-plugin-bluetoothclassic-serial/cordova-plugin-bluetoothclassic-serial-tests.ts
new file mode 100644
index 0000000000..72925fe5ba
--- /dev/null
+++ b/types/cordova-plugin-bluetoothclassic-serial/cordova-plugin-bluetoothclassic-serial-tests.ts
@@ -0,0 +1,63 @@
+let BluetoothClassicSerial: BluetoothClassicSerial =
+  window.BluetoothClassicSerial;
+
+BluetoothClassicSerial.connect(
+  "",
+  [""]
+);
+BluetoothClassicSerial.connect(
+  "",
+  [""],
+  results => {}
+);
+BluetoothClassicSerial.connect(
+  "",
+  [""],
+  results => {},
+  error => {}
+);
+BluetoothClassicSerial.connectInsecure("", [""]);
+BluetoothClassicSerial.connectInsecure("", [""], results => {});
+BluetoothClassicSerial.connectInsecure("", [""], results => {}, error => {});
+BluetoothClassicSerial.register(() => {});
+BluetoothClassicSerial.disconnect(results => {});
+BluetoothClassicSerial.disconnect(results => {}, error => {});
+BluetoothClassicSerial.write("", "");
+BluetoothClassicSerial.write("", "", results => {});
+BluetoothClassicSerial.write("", "", results => {}, error => {});
+BluetoothClassicSerial.available("");
+BluetoothClassicSerial.available("", results => {});
+BluetoothClassicSerial.available("", results => {}, error => {});
+BluetoothClassicSerial.read("");
+BluetoothClassicSerial.read("", results => {});
+BluetoothClassicSerial.read("", results => {}, error => {});
+BluetoothClassicSerial.readUntil("", "");
+BluetoothClassicSerial.readUntil("", "", results => {});
+BluetoothClassicSerial.readUntil("", "", results => {}, error => {});
+BluetoothClassicSerial.subscribe("", "");
+BluetoothClassicSerial.subscribe("", "", results => {});
+BluetoothClassicSerial.subscribe("", "", results => {}, error => {});
+BluetoothClassicSerial.unsubscribe("");
+BluetoothClassicSerial.unsubscribe("", results => {});
+BluetoothClassicSerial.unsubscribe("", results => {}, error => {});
+BluetoothClassicSerial.subscribeRawData("");
+BluetoothClassicSerial.subscribeRawData("", results => {});
+BluetoothClassicSerial.subscribeRawData("", results => {}, error => {});
+BluetoothClassicSerial.unsubscribeRawData("");
+BluetoothClassicSerial.unsubscribeRawData("", results => {});
+BluetoothClassicSerial.unsubscribeRawData("", results => {}, error => {});
+BluetoothClassicSerial.clear("");
+BluetoothClassicSerial.clear("", results => {});
+BluetoothClassicSerial.clear("", results => {}, error => {});
+BluetoothClassicSerial.list(results => {});
+BluetoothClassicSerial.list(results => {}, error => {});
+BluetoothClassicSerial.isConnected(results => {});
+BluetoothClassicSerial.isConnected(results => {}, error => {});
+BluetoothClassicSerial.isEnabled(results => {});
+BluetoothClassicSerial.isEnabled(results => {}, error => {});
+BluetoothClassicSerial.showBluetoothSettings(results => {});
+BluetoothClassicSerial.showBluetoothSettings(results => {}, error => {});
+BluetoothClassicSerial.enable(results => {});
+BluetoothClassicSerial.enable(results => {}, error => {});
+BluetoothClassicSerial.discoverUnpaired(results => {});
+BluetoothClassicSerial.discoverUnpaired(results => {}, error => {});
diff --git a/types/cordova-plugin-bluetoothclassic-serial/index.d.ts b/types/cordova-plugin-bluetoothclassic-serial/index.d.ts
new file mode 100644
index 0000000000..2dfe8c94ae
--- /dev/null
+++ b/types/cordova-plugin-bluetoothclassic-serial/index.d.ts
@@ -0,0 +1,105 @@
+// Type definitions for cordova-plugin-bluetoothClassic-serial 0.9
+// Project: https://github.com/soltius/BluetoothClassicSerial
+// Definitions by: Wouter Roosendaal <https://github.com/tuvokki>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Global object bluetoothClassicSerial.
+ */
+interface Window {
+  BluetoothClassicSerial: BluetoothClassicSerial;
+}
+
+interface BluetoothClassicSerial {
+  connect: (
+    deviceId: string,
+    interfaceArray: [any],
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  connectInsecure: (
+    deviceId: string,
+    interfaceArray: [any],
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  register: (data_cb?: () => any) => void;
+  disconnect: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  write: (
+    interfaceId: string,
+    data: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  available: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  read: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  readUntil: (
+    interfaceId: string,
+    delimiter: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  subscribe: (
+    interfaceId: string,
+    delimiter: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  unsubscribe: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  subscribeRawData: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  unsubscribeRawData: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  clear: (
+    interfaceId: string,
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  list: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  isConnected: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  isEnabled: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  showBluetoothSettings: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  enable: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+  discoverUnpaired: (
+    success_cb?: (results: any) => any,
+    fail_cb?: (error: any) => any
+  ) => void;
+}
+
+declare var bluetoothClassicSerial: BluetoothClassicSerial;
diff --git a/types/cordova-plugin-bluetoothclassic-serial/tsconfig.json b/types/cordova-plugin-bluetoothclassic-serial/tsconfig.json
new file mode 100644
index 0000000000..5cd12b710a
--- /dev/null
+++ b/types/cordova-plugin-bluetoothclassic-serial/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "cordova-plugin-bluetoothclassic-serial-tests.ts"
+    ]
+}
diff --git a/types/cordova-plugin-bluetoothclassic-serial/tslint.json b/types/cordova-plugin-bluetoothclassic-serial/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/cordova-plugin-bluetoothclassic-serial/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/cordova/tslint.json b/types/cordova/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/cordova/tslint.json
+++ b/types/cordova/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/core-object/-private/utils.d.ts b/types/core-object/-private/utils.d.ts
new file mode 100644
index 0000000000..35e3880150
--- /dev/null
+++ b/types/core-object/-private/utils.d.ts
@@ -0,0 +1,40 @@
+export type Constructor<Instance> = new (...args: any[]) => Instance;
+export type Mix<T, U> = U & Pick<T, Exclude<keyof T, keyof U>>;
+export type Values<T> = T[keyof T];
+
+/** Just the strings corresponding to method names on the given type */
+export type MethodNames<T> = Values<{ [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never }>;
+
+/**
+ * Given a `this` type, arg types tuple and return type, creates a function-ish
+ * type that can only be only be invoked via `.call` or `.apply`. Because of the
+ * way CoreObject's `_super` works, it's an error to write e.g. `this._super.init()`;
+ */
+export interface CallOrApply<This, Args, Return> {
+    apply: (thisArg: This, args: Args extends undefined ? any[] : Args | IArguments) => Return;
+
+    // TODO support this properly with `...args: Args` once we can restrict to 3.0+ on DT
+    call:
+        Args extends undefined ? (thisArg: This) => Return :
+        Args extends [infer A] ? (thisArg: This, a: A) => Return :
+        Args extends [infer A, infer B] ? (thisArg: This, a: A, b: B) => Return :
+        Args extends [infer A, infer B, infer C] ? (thisArg: This, a: A, b: B, c: C) => Return :
+        Args extends [infer A, infer B, infer C, infer D] ? (thisArg: This, a: A, b: B, c: C, d: D) => Return :
+        (thisArg: This, ...args: any[]) => Return;
+}
+
+/**
+ * The type of `this._super`, which has keys for all methods appearing in the given
+ * type, but forces the caller to use `.call` or `.apply` to invoke them.
+ */
+export type Super<T> = {
+    // TODO just do `infer Args` once we can restrict to 3.0+ on DT
+    [K in MethodNames<T>]:
+        T[K] extends () => infer Return ? CallOrApply<T, undefined, Return> :
+        T[K] extends (a: infer A) => infer Return ? CallOrApply<T, [A], Return> :
+        T[K] extends (a: infer A, b: infer B) => infer Return ? CallOrApply<T, [A, B], Return> :
+        T[K] extends (a: infer A, b: infer B, c: infer C) => infer Return ? CallOrApply<T, [A, B, C], Return> :
+        T[K] extends (a: infer A, b: infer B, c: infer C, d: infer D) => infer Return ? CallOrApply<T, [A, B, C, D], Return> :
+        T[K] extends (...args: any[]) => infer Return ? CallOrApply<T, any[], Return> :
+        never;
+};
diff --git a/types/core-object/core-object-tests.ts b/types/core-object/core-object-tests.ts
new file mode 100644
index 0000000000..b434ee97fc
--- /dev/null
+++ b/types/core-object/core-object-tests.ts
@@ -0,0 +1,163 @@
+import { Mix, MethodNames } from 'core-object/-private/utils';
+import CoreObject, { ExtendOptions, ExtendThisType } from 'core-object';
+
+//////////// Mix ////////////
+
+declare const mix1: Mix<{ a: number }, { b: string }>;
+mix1.a; // $ExpectType number
+mix1.b; // $ExpectType string
+
+declare const mix2: Mix<{ a: number }, { a: string }>;
+mix2.a; // $ExpectType string
+mix2.b; // $ExpectError
+
+//////////// MethodNames ////////////
+
+declare const names1: MethodNames<{ a: string }>;
+names1; // $ExpectType never
+
+declare const names2: MethodNames<{ a: () => number; b(arg: number): void }>;
+names2; // $ExpectType "a" | "b"
+
+declare const names3: MethodNames<{ a: () => 'hi'; b: null }>;
+names3; // $ExpectType "a"
+
+//////////// ExtendOptions ////////////
+
+const extendOptions1: ExtendOptions<{}> = { a: 1, b: 'hi' };
+const extendOptions2: ExtendOptions<{ a: number }> = { b: 'hi' };
+const extendOptions3: ExtendOptions<{ a: number }> = { a: 5 };
+const extendOptions4: ExtendOptions<{ a: number }> = { a: 'hi' }; // $ExpectError
+
+//////////// ExtendThisType ////////////
+
+declare function extendThisType1<T>(options: T & ExtendThisType<{ prop: string; method: () => number }, T>): void;
+extendThisType1({
+    otherMethod() {
+        this.prop; // $ExpectType string
+        this.random; // $ExpectError
+
+        this._super.method.call(this); // $ExpectType number
+        this._super.random; // $ExpectError
+    }
+});
+
+//////////// CoreObject ////////////
+
+const A = CoreObject.extend({
+    foo: 'hello',
+
+    method(): string {
+        return this.foo;
+    }
+});
+
+const a = new A();
+a.foo; // $ExpectType string
+a.bar; // $ExpectError
+a.method(); // $ExpectType string
+
+const B = A.extend({
+    bar: 123,
+
+    other(): string {
+        return this._super.method.call(this) + this.foo;
+    }
+});
+
+const b = new B();
+b.foo; // $ExpectType string
+b.bar; // $ExpectType number
+b.method(); // $ExpectType string
+b.other(); // $ExpectType string
+
+class ClassWithMethods extends CoreObject.extend({
+    extendMethod(arg: number): string {
+        return 'ok';
+    }
+}) {
+    esMethod(arg: string): number {
+        return 123;
+    }
+}
+
+const ExtendSubclass = ClassWithMethods.extend({
+    anotherMethod() {
+        this._super.extendMethod(1); // $ExpectError
+        this._super.esMethod('hi'); // $ExpectError
+
+        this._super.extendMethod.call(this, 1); // $ExpectType string
+        this._super.extendMethod.apply(this, [1]); // $ExpectType string
+
+        this._super.esMethod.call(this, 'hi'); // $ExpectType number
+        this._super.esMethod.apply(this, ['hi']); // $ExpectType number
+    }
+});
+
+class ESSubclass extends ClassWithMethods {
+    anotherMethod() {
+        this._super; // $ExpectError
+
+        super.extendMethod(1); // $ExpectType string
+        super.esMethod('hi'); // $ExpectType number
+    }
+}
+
+ClassWithMethods.extend({ extendMethod: null }); // $ExpectError
+ClassWithMethods.extend({ extendMethod() {} }); // $ExpectError
+ClassWithMethods.extend({ esMethod: null }); // $ExpectError
+ClassWithMethods.extend({ esMethod() {} }); // $ExpectError
+
+ClassWithMethods.extend({
+    extendMethod(arg: number): string {
+        const result = this._super.extendMethod.call(this, arg);
+        result; // $ExpectType string
+        return result;
+    },
+
+    esMethod(arg: string): number {
+        const result = this._super.esMethod.call(this, arg);
+        result; // $ExpectType number
+        return result;
+    }
+});
+
+declare class ClassWithManyMethods extends CoreObject {
+    method0(): 0;
+    method1(a: 'a'): 1;
+    method2(a: 'a', b: 'b'): 2;
+    method3(a: 'a', b: 'b', c: 'c'): 3;
+    method4(a: 'a', b: 'b', c: 'c', d: 'd'): 4;
+    method5(a: 'a', b: 'b', c: 'c', d: 'd', e: 'e'): 5;
+}
+
+ClassWithManyMethods.extend({
+    child(): void {
+        this._super.method0.call(this); // $ExpectType 0
+        this._super.method0.apply(this, []); // $ExpectType 0
+
+        this._super.method1.call(this, 'a'); // $ExpectType 1
+        this._super.method1.apply(this, ['a']); // $ExpectType 1
+        this._super.method1.call(this, 'x'); // $ExpectError
+        this._super.method1.apply(this, ['x']); // $ExpectError
+
+        this._super.method2.call(this, 'a', 'b'); // $ExpectType 2
+        this._super.method2.apply(this, ['a', 'b']); // $ExpectType 2
+        this._super.method2.call(this, 'a', 'x'); // $ExpectError
+        this._super.method2.apply(this, ['a', 'x']); // $ExpectError
+
+        this._super.method3.call(this, 'a', 'b', 'c'); // $ExpectType 3
+        this._super.method3.apply(this, ['a', 'b', 'c']); // $ExpectType 3
+        this._super.method3.call(this, 'a', 'b', 'x'); // $ExpectError
+        this._super.method3.apply(this, ['a', 'b', 'x']); // $ExpectError
+
+        this._super.method4.call(this, 'a', 'b', 'c', 'd'); // $ExpectType 4
+        this._super.method4.apply(this, ['a', 'b', 'c', 'd']); // $ExpectType 4
+        this._super.method4.call(this, 'a', 'b', 'c', 'x'); // $ExpectError
+        this._super.method4.apply(this, ['a', 'b', 'c', 'x']); // $ExpectError
+
+        // Arity 4 is as high as we go for arg checking
+        this._super.method5.call(this, 'foo', 'bar', 'baz'); // $ExpectType 5
+        this._super.method5.apply(this, ['foo', 'bar', 'baz']); // $ExpectType 5
+    }
+});
diff --git a/types/core-object/index.d.ts b/types/core-object/index.d.ts
new file mode 100644
index 0000000000..aa4566cac2
--- /dev/null
+++ b/types/core-object/index.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for core-object 3.0
+// Project: https://github.com/ember-cli/core-object
+// Definitions by: Dan Freeman <https://github.com/dfreeman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { Mix, Super, Constructor } from './-private/utils';
+
+/** The type of options allowed to be passed to `Base.extend()` */
+export type ExtendOptions<Base> = { [K in keyof Base]?: Base[K] } & Record<string, any>;
+
+/** The `this` type for any methods on the options passed to `Base.extend()` */
+export type ExtendThisType<Base, Ext> = ThisType<Mix<Base, Ext> & { _super: Super<Base> }>;
+
+export default class CoreObject {
+    // TODO restrict to `Record<string, unknown>` once we can restrict to 3.0+ on DT
+    init(options?: Record<string, any>): void;
+
+    static extend<BaseClass extends Constructor<any>, Ext extends ExtendOptions<InstanceType<BaseClass>>>(
+        this: BaseClass,
+        options: Ext & ExtendThisType<InstanceType<BaseClass>, Ext>
+    ): BaseClass & Constructor<Mix<InstanceType<BaseClass>, Ext>>;
+}
diff --git a/types/core-object/tsconfig.json b/types/core-object/tsconfig.json
new file mode 100644
index 0000000000..908527fc38
--- /dev/null
+++ b/types/core-object/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "-private/utils.d.ts",
+        "core-object-tests.ts"
+    ]
+}
diff --git a/types/core-object/tslint.json b/types/core-object/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/core-object/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/cote/cote-tests.ts b/types/cote/cote-tests.ts
index 8fd52a73a4..1851654625 100644
--- a/types/cote/cote-tests.ts
+++ b/types/cote/cote-tests.ts
@@ -80,10 +80,10 @@ class Readme {
             payload: { val: number };
         }
 
-        randomResponder.on('randomRequest', (req: RandomRequest, callback: (answer: number) => void) => {
+        randomResponder.on('randomRequest', (req: RandomRequest, callback: (error: any, answer?: number) => void) => {
             const answer = Math.floor(Math.random() * 10);
             console.log('request', req.payload.val, 'answering with', answer);
-            callback(answer);
+            callback(null, answer);
         });
     }
 
diff --git a/types/cote/index.d.ts b/types/cote/index.d.ts
index f6c60c54a2..4c959af76b 100644
--- a/types/cote/index.d.ts
+++ b/types/cote/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for cote 0.14
+// Type definitions for cote 0.17
 // Project: https://github.com/dashersw/cote#readme
 // Definitions by: makepost <https://github.com/makepost>
+//                 Labat Robin <https://github.com/roblabat>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import { EventEmitter2 } from "eventemitter2";
@@ -55,7 +56,7 @@ export class Requester extends Component {
      * @param event Request.
      * @param callback Function to execute after getting a result.
      */
-    send<T extends Event>(event: T, callback: (result: any) => void): void;
+    send<T extends Event>(event: T, callback: (error: any, result: any) => void): void;
 }
 
 /**
@@ -100,7 +101,7 @@ export class Responder extends Component {
     on<T extends Event>(
         type: string | string[],
         listener: (
-            ((event: T, callback: (result: any) => void) => void) |
+            ((event: T, callback: (error: any, result: any) => void) => void) |
             ((event: T) => Promise<any>)
         )
     ): this;
diff --git a/types/countdown/tslint.json b/types/countdown/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/countdown/tslint.json
+++ b/types/countdown/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/country-list/country-list-tests.ts b/types/country-list/country-list-tests.ts
index d96fe630e2..50952d2a87 100644
--- a/types/country-list/country-list-tests.ts
+++ b/types/country-list/country-list-tests.ts
@@ -1,5 +1,4 @@
-import countries from 'country-list';
-const Countries = countries();
+import * as Countries from 'country-list';
 
 Countries.getCode('Barbados'); // BB
 
@@ -14,3 +13,5 @@ Countries.getName('BB'); // Barbados
 Countries.getNameList();
 
 Countries.getNames();
+
+Countries.overwrite([{ code: 'TW', name: 'Taiwan' }]);
diff --git a/types/country-list/index.d.ts b/types/country-list/index.d.ts
index 6c1747ff2a..ac3c80c9d5 100644
--- a/types/country-list/index.d.ts
+++ b/types/country-list/index.d.ts
@@ -1,41 +1,45 @@
-// Type definitions for country-list 1.1
+// Type definitions for country-list 2.1
 // Project: https://github.com/fannarsh/country-list
 // Definitions by: Kyle Roach <https://github.com/iRoachie>
+//                 Adam Binford <https://github.com/Kimahriman>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-export default function Countries(): {
-  /**
-   * Expects a two-digit country code. Returns the name for that country. If not found, it returns undefined.
-   */
-  getName(code: string): string | undefined;
+/**
+ * Expects an array of code and country name pairs to add to the list. Doesn't return anything.
+ */
+export function overwrite(countries: Array<{ code: string, name: string}>): void;
 
-  /**
-   * Expects the English country name. Returns the code for that country. If not found, it returns undefined.
-   */
-  getCode(name: string): string | undefined;
+/**
+ * Expects a two-digit country code. Returns the name for that country. If not found, it returns undefined.
+ */
+export function getName(code: string): string | undefined;
 
-  /**
-   * Returns an array of all country names.
-   */
-  getNames(): string[];
+/**
+ * Expects the English country name. Returns the code for that country. If not found, it returns undefined.
+ */
+export function getCode(name: string): string | undefined;
 
-  /**
-   * Returns an array of all country codes.
-   */
-  getCodes(): string[];
+/**
+ * Returns an array of all country names.
+ */
+export function getNames(): string[];
 
-  /**
-   * Returns a key-value object of all countries using the name as key.
-   */
-  getNameList(): {[name: string]: string};
+/**
+ * Returns an array of all country codes.
+ */
+export function getCodes(): string[];
 
-  /**
-   * Returns a key-value object of all countries using the code as key.
-   */
-  getCodeList(): {[code: string]: string};
+/**
+ * Returns a key-value object of all countries using the name as key.
+ */
+export function getNameList(): {[name: string]: string};
 
-  /**
-   * Returns an array of all country information, in the same format as it gets imported.
-   */
-  getData(): Array<{ code: string, name: string }>;
-};
+/**
+ * Returns a key-value object of all countries using the code as key.
+ */
+export function getCodeList(): {[code: string]: string};
+
+/**
+ * Returns an array of all country information, in the same format as it gets imported.
+ */
+export function getData(): Array<{ code: string, name: string }>;
diff --git a/types/country-list/v1/country-list-tests.ts b/types/country-list/v1/country-list-tests.ts
new file mode 100644
index 0000000000..d96fe630e2
--- /dev/null
+++ b/types/country-list/v1/country-list-tests.ts
@@ -0,0 +1,16 @@
+import countries from 'country-list';
+const Countries = countries();
+
+Countries.getCode('Barbados'); // BB
+
+Countries.getCodes();
+
+Countries.getCodeList();
+
+Countries.getData();
+
+Countries.getName('BB'); // Barbados
+
+Countries.getNameList();
+
+Countries.getNames();
diff --git a/types/country-list/v1/index.d.ts b/types/country-list/v1/index.d.ts
new file mode 100644
index 0000000000..e225845bde
--- /dev/null
+++ b/types/country-list/v1/index.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for country-list 1.1
+// Project: https://github.com/fannarsh/country-list
+// Definitions by: Kyle Roach <https://github.com/iRoachie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export default function Countries(): {
+    /**
+     * Expects a two-digit country code. Returns the name for that country. If not found, it returns undefined.
+     */
+    getName(code: string): string | undefined;
+
+    /**
+     * Expects the English country name. Returns the code for that country. If not found, it returns undefined.
+     */
+    getCode(name: string): string | undefined;
+
+    /**
+     * Returns an array of all country names.
+     */
+    getNames(): string[];
+
+    /**
+     * Returns an array of all country codes.
+     */
+    getCodes(): string[];
+
+    /**
+     * Returns a key-value object of all countries using the name as key.
+     */
+    getNameList(): {[name: string]: string};
+
+    /**
+     * Returns a key-value object of all countries using the code as key.
+     */
+    getCodeList(): {[code: string]: string};
+
+    /**
+     * Returns an array of all country information, in the same format as it gets imported.
+     */
+    getData(): Array<{ code: string, name: string }>;
+};
diff --git a/types/country-list/v1/tsconfig.json b/types/country-list/v1/tsconfig.json
new file mode 100644
index 0000000000..f10adfdde5
--- /dev/null
+++ b/types/country-list/v1/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "country-list": ["country-list/v1"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "country-list-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/country-list/v1/tslint.json b/types/country-list/v1/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/country-list/v1/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/countup.js/countup.js-tests.ts b/types/countup.js/countup.js-tests.ts
new file mode 100644
index 0000000000..4b0dfc36d6
--- /dev/null
+++ b/types/countup.js/countup.js-tests.ts
@@ -0,0 +1,32 @@
+const b = new CountUp(".foo", 0, 100);
+
+const options: CountUp.CountUpOptions = {
+    decimal: ",",
+    useGrouping: true,
+    suffix: "-",
+    prefix: "=",
+    separator: "/",
+    useEasing: true,
+    formattingFn: number => number + "-",
+    easingFn: (t, b, c, d) => t + b + c + d,
+    numerals: ["q", 2, "e", [3], "t", 0, "u", 7, "o", "p"]
+};
+
+const element = document.getElementById("#id");
+if (element) {
+    const instance2 = new CountUp(element, 2, "3", 0, "5", options);
+}
+
+const instance = new CountUp(".js-target", 2, "3", 0, "5", options);
+
+instance.start();
+
+instance.start(() => {
+    console.log(instance.version());
+});
+
+instance.update(999);
+
+instance.pauseResume();
+
+if (instance.paused) instance.reset();
diff --git a/types/countup.js/index.d.ts b/types/countup.js/index.d.ts
new file mode 100644
index 0000000000..e74376d75b
--- /dev/null
+++ b/types/countup.js/index.d.ts
@@ -0,0 +1,124 @@
+// Type definitions for countup.js 1.9
+// Project: https://github.com/inorganik/CountUp.js
+// Definitions by: Rostislav Shermenyov <https://github.com/shermendev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class CountUp {
+    /**
+     * @param target Id of html element or var of previously selected html element where counting occurs
+     * @param startVal The value you want to begin at
+     * @param endVal The value you want to arrive at
+     * @param decimals Number of decimal places, default 0
+     * @param duration Duration of animation in seconds, default 2
+     * @param options Object of options
+     */
+    constructor(
+        target: string | HTMLElement,
+        startVal: number | string,
+        endVal: number | string,
+        decimals?: number | string,
+        duration?: number | string,
+        options?: CountUp.CountUpOptions
+    );
+    // #region Dynamic params
+    // Will appear(or not) in the CountUpInstance object once the other functions fire
+    // i.e. paused will return undefined instead of boolean unless the pauseResume() was called before
+    countDown?: boolean;
+    d?: any;
+    dec?: number;
+    decimals?: number;
+    duration?: number;
+    endVal?: number;
+    error?: string;
+    frameVal?: number;
+    initialized?: boolean;
+    options?: CountUp.CountUpOptions;
+    paused?: boolean;
+    rAF?: number;
+    remaining?: number;
+    startTime?: number;
+    startVal?: number;
+    timestamp?: number;
+    callback?(): void;
+    // #endregion
+    /**
+     * @param timestamp
+     */
+    count(timestamp: number): void;
+    initialize(): boolean;
+    /**
+     * Toggles pause/resume animation.
+     */
+    pauseResume(): void;
+    /**
+     * Print value to target.
+     * @param value number that will be passed to formattingFn and then printed to the target
+     */
+    printValue(value: number): void;
+    /**
+     * Reset to startVal so animation can be run again.
+     */
+    reset(): void;
+    /**
+     * Start your animation.
+     * @param callback Option callback to run on animation end
+     */
+    start(callback?: () => void): void;
+    /**
+     * Pass a new endVal and start animation.
+     * @param newEndVal new value
+     */
+    update(newEndVal: number | string): void;
+    version(): string;
+}
+
+declare namespace CountUp {
+    interface CountUpOptions {
+        /**
+         * Character to use as a decimal
+         */
+        decimal?: string;
+        /**
+         * Optional custom easing function, default is Robert Penner's easeOutExpo
+         * @param t current time
+         * @param b start value
+         * @param c change in value
+         * @param d duration
+         * @return calculated value
+         */
+        easingFn?(t: number, b: number, c: number, d: number): number;
+        /**
+         * Optional custom formatting function
+         * @param num
+         * @return
+         */
+        formattingFn?(num: number): string;
+        /**
+         * Optionally pass an array of custom numerals for 0-9
+         */
+        numerals?: any[];
+        /**
+         * Optional text before the result
+         */
+        prefix?: string;
+        /**
+         * Character to use as a separator
+         */
+        separator?: string;
+        /**
+         * Optional text after the result
+         */
+        suffix?: string;
+        /**
+         * Toggle easing
+         */
+        useEasing?: boolean;
+        /**
+         * 1,000,000 vs 1000000
+         */
+        useGrouping?: boolean;
+    }
+}
+
+export = CountUp;
+export as namespace CountUp;
diff --git a/types/countup.js/tsconfig.json b/types/countup.js/tsconfig.json
new file mode 100644
index 0000000000..dc6a91b4a2
--- /dev/null
+++ b/types/countup.js/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+      "index.d.ts",
+      "countup.js-tests.ts"
+  ]
+}
diff --git a/types/countup.js/tslint.json b/types/countup.js/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/countup.js/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
diff --git a/types/critters-webpack-plugin/critters-webpack-plugin-tests.ts b/types/critters-webpack-plugin/critters-webpack-plugin-tests.ts
new file mode 100644
index 0000000000..69d520eaff
--- /dev/null
+++ b/types/critters-webpack-plugin/critters-webpack-plugin-tests.ts
@@ -0,0 +1,14 @@
+import Critters from 'critters-webpack-plugin';
+
+new Critters({
+    compress: true,
+    external: true,
+    inlineFonts: false,
+    preloadFonts: true,
+    keyframes: 'critical',
+    noscriptFallback: true,
+    inlineThreshold: 0,
+    mergeStylesheets: true,
+    pruneSource: true,
+    minimumExternalSize: 0,
+});
diff --git a/types/critters-webpack-plugin/index.d.ts b/types/critters-webpack-plugin/index.d.ts
new file mode 100644
index 0000000000..daf9b3c218
--- /dev/null
+++ b/types/critters-webpack-plugin/index.d.ts
@@ -0,0 +1,85 @@
+// Type definitions for critters-webpack-plugin 2.0
+// Project: https://github.com/GoogleChromeLabs/critters
+// Definitions by: Juan José González Giraldo <https://github.com/JuanJoseGonGi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Plugin } from 'webpack';
+
+export default Critters;
+declare class Critters extends Plugin {
+    constructor(options?: Critters.CrittersOptions);
+}
+
+declare namespace Critters {
+    interface CrittersOptions {
+        /**
+         * Inline styles from external stylesheets.
+         * @default true
+         */
+        external?: boolean;
+        /**
+         * Inline external stylesheets smaller than a given size.
+         * @default 0
+         */
+        inlineThreshold?: number;
+        /**
+         * If the non-critical external stylesheet would be below this size, just inline it.
+         * @default 0
+         */
+        minimumExternalSize?: number;
+        /**
+         * Remove inlined rules from the external stylesheet.
+         * @default true
+         */
+        pruneSource?: boolean;
+        /**
+         * Merged inlined stylesheets into a single <style> tag.
+         * @default true
+         */
+        mergeStylesheets?: boolean;
+        /**
+         * The mechanism to use for lazy-loading stylesheets. [JS] indicates that a strategy requires JavaScript (falls back to <noscript>).
+         * - default: Move stylesheet links to the end of the document and insert preload meta tags in their place.
+         * - "body": Move all external stylesheet links to the end of the document.
+         * - "media": Load stylesheets asynchronously by adding media="not x" and removing once loaded. [JS]
+         * - "swap": Convert stylesheet links to preloads that swap to rel="stylesheet" once loaded. [JS]
+         * - "js": Inject an asynchronous CSS loader similar to LoadCSS and use it to load stylesheets. [JS]
+         * - "js-lazy": Like "js", but the stylesheet is disabled until fully loaded.
+         */
+        preload?: 'body' | 'media' | 'swap' | 'js' | 'js-lazy';
+        /**
+         * Add <noscript> fallback to JS-based strategies
+         */
+        noscriptFallback?: boolean;
+        /**
+         * Inline critical font-face rules.
+         * @default false
+         */
+        inlineFonts?: boolean;
+        /**
+         * Preloads critical fonts.
+         * @default true
+         */
+        preloadFonts?: boolean;
+        /**
+         * Shorthand for setting inlineFonts+preloadFonts - Values:
+         * - true to inline critical font-face rules and preload the fonts.
+         * - false to don"t inline any font-face rules and don"t preload fonts.
+         */
+        fonts?: boolean;
+        /**
+         * Controls which keyframes rules are inlined. - Values:
+         * - "critical": Inline keyframes rules used by the critical CSS.
+         * - "all" Inline all keyframes rules.
+         * - "none" Remove all keyframes rules
+         * @default "critical"
+         */
+        keyframes?: 'critical' | 'all' | 'none';
+        /**
+         * Compress resulting critical CSS.
+         * @default true
+         */
+        compress?: boolean;
+    }
+}
diff --git a/types/critters-webpack-plugin/tsconfig.json b/types/critters-webpack-plugin/tsconfig.json
new file mode 100644
index 0000000000..7e571e7b68
--- /dev/null
+++ b/types/critters-webpack-plugin/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "critters-webpack-plugin-tests.ts"]
+}
diff --git a/types/critters-webpack-plugin/tslint.json b/types/critters-webpack-plugin/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/critters-webpack-plugin/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/cropperjs/tslint.json b/types/cropperjs/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/cropperjs/tslint.json
+++ b/types/cropperjs/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/crpc/crpc-tests.ts b/types/crpc/crpc-tests.ts
new file mode 100644
index 0000000000..ade069cbba
--- /dev/null
+++ b/types/crpc/crpc-tests.ts
@@ -0,0 +1,3 @@
+import crpc from 'crpc';
+
+const client = crpc('https://example.com/');
diff --git a/types/crpc/index.d.ts b/types/crpc/index.d.ts
new file mode 100644
index 0000000000..8947443c42
--- /dev/null
+++ b/types/crpc/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for crpc 0.2
+// Project: https://github.com/billinghamj/crpc
+// Definitions by: Alexander Forbes-Reed <https://github.com/0xdeafcafe>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+export type Client = <TRes>(path: string, body: any, options?: {} | null) => Promise<TRes>;
+
+export default function crpc(baseUrl: string, options?: {}): Client;
diff --git a/types/crpc/tsconfig.json b/types/crpc/tsconfig.json
new file mode 100644
index 0000000000..657ccc0d04
--- /dev/null
+++ b/types/crpc/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "esModuleInterop": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "crpc-tests.ts"
+    ]
+}
diff --git a/types/crpc/tslint.json b/types/crpc/tslint.json
new file mode 100644
index 0000000000..8f3d5d7eec
--- /dev/null
+++ b/types/crpc/tslint.json
@@ -0,0 +1,6 @@
+{
+	"extends": "dtslint/dt.json",
+	"rules": {
+		"no-unnecessary-generics": false
+	}
+}
diff --git a/types/css-tree/css-tree-tests.ts b/types/css-tree/css-tree-tests.ts
new file mode 100644
index 0000000000..efec46e7fb
--- /dev/null
+++ b/types/css-tree/css-tree-tests.ts
@@ -0,0 +1,612 @@
+import * as csstree from "css-tree";
+
+const ast = csstree.parse('.a { color: red; }');
+ast; // $ExpectType CssNode
+
+csstree.parse('.a { color: red; }', {}); // $ExpectType CssNode
+csstree.parse('.a { color: red; }', {context: 'selector', positions: true}); // $ExpectType CssNode
+
+csstree.walk(ast, (node, item, list) => {
+    node; // $ExpectType CssNode
+    item; // $ExpectType ListItem<CssNode>
+    list; // $ExpectType List<CssNode>
+});
+
+csstree.walk(ast, {});
+
+csstree.walk(ast, {
+    enter(node, item, list) {
+        this.stylesheet; // $ExpectType StyleSheet
+        node; // $ExpectType CssNode
+        item; // $ExpectType ListItem<CssNode>
+        list; // $ExpectType List<CssNode>
+    },
+    leave(node, item, list) {
+        this.stylesheet; // $ExpectType StyleSheet
+        node; // $ExpectType CssNode
+        item; // $ExpectType ListItem<CssNode>
+        list; // $ExpectType List<CssNode>
+    },
+    visit: 'ClassSelector',
+    reverse: false,
+});
+
+csstree.generate(ast); // $ExpectType string
+
+csstree.generate(ast, {}); // $ExpectType string
+
+csstree.generate(ast, {
+    sourceMap: true,
+    decorator: handlers => ({
+        children(node, delimiter) {
+            node; // $ExpectType CssNode
+            delimiter; // $ExpectType ((node: CssNode) => void) | undefined
+            handlers.children.call(handlers, node, delimiter);
+        },
+        node(node) {
+            node; // $ExpectType CssNode
+            handlers.node.call(node);
+        },
+        chunk(chunk) {
+            chunk; // $ExpectType string
+            handlers.chunk.call(chunk);
+        },
+        result() {
+            return handlers.result.call(handlers);
+        }
+    }),
+});
+
+const property = csstree.property('*-vendor-property');
+property.name = 'test'; // $ExpectError
+
+const keyword = csstree.keyword('-vendor-keyword');
+keyword.name = 'test'; // $ExpectError
+
+csstree.clone(ast); // $ExpectType CssNode
+
+const fromPlain = csstree.fromPlainObject({
+    type: 'SelectorList',
+    children: []
+});
+fromPlain; // $ExpectType CssNode
+
+const toPlain = csstree.toPlainObject({
+    type: 'SelectorList',
+    children: new csstree.List<csstree.CssNode>(),
+});
+toPlain; // $ExpectType CssNodePlain
+
+interface Test {
+    a: string;
+}
+
+const list = new csstree.List<Test>();
+
+const anItem = list.createItem({a: 'c'});
+anItem; // $ExpectType ListItem<Test>
+
+list.fromArray([{a: 'b'}]);
+list.toArray(); // $ExpectType Test[]
+list.getSize(); // $ExpectType number
+list.isEmpty(); // $ExpectType boolean
+list.first(); // $ExpectType Test | null
+list.last(); // $ExpectType Test | null
+list.each(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+}, {b: 'c'});
+list.each(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+});
+list.forEach(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+}, {b: 'c'});
+list.forEach(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+});
+list.eachRight(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+}, {b: 'c'});
+list.eachRight(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+});
+list.forEachRight(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+}, {b: 'c'});
+list.forEachRight(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+});
+list.nextUntil(anItem, function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+}, {b: 'c'});
+list.nextUntil(anItem, function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+});
+list.prevUntil(anItem, function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+}, {b: 'c'});
+list.prevUntil(anItem, function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+});
+list.some(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+}, {b: 'c'});
+list.some(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return true;
+});
+const map1 = list.map(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return { c: 'd' };
+}, {b: 'c'});
+map1; // $ExpectType List<{ c: string; }>
+const map2 = list.map(function(item, node, list) {
+    this; // $ExpectType List<Test>
+    item; // $ExpectType Test
+    node; // $ExpectType ListItem<Test>
+    list; // $ExpectType List<Test>
+    return { c: 'd' };
+});
+map2; // $ExpectType List<{ c: string; }>
+
+const list2 = new csstree.List<Test | null>();
+
+const filter1 = list2.filter(function(item, node, list): item is Test {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test | null
+    node; // $ExpectType ListItem<Test | null>
+    list; // $ExpectType List<Test | null>
+    return !!item;
+}, {b: 'c'});
+filter1; // $ExpectType List<Test>
+const filter2 = list2.filter(function(item, node, list): item is Test {
+    this; // $ExpectType List<Test | null>
+    item; // $ExpectType Test | null
+    node; // $ExpectType ListItem<Test | null>
+    list; // $ExpectType List<Test | null>
+    return !!item;
+});
+filter2; // $ExpectType List<Test>
+const filter3 = list2.filter(function(item, node, list) {
+    this.b; // $ExpectType string
+    item; // $ExpectType Test | null
+    node; // $ExpectType ListItem<Test | null>
+    list; // $ExpectType List<Test | null>
+    return true;
+}, {b: 'c'});
+filter3; // $ExpectType List<Test | null>
+const filter4 = list2.filter(function(item, node, list) {
+    this; // $ExpectType List<Test | null>
+    item; // $ExpectType Test | null
+    node; // $ExpectType ListItem<Test | null>
+    list; // $ExpectType List<Test | null>
+    return true;
+});
+filter4; // $ExpectType List<Test | null>
+
+list.clear();
+list.copy(); // $ExpectType List<Test>
+list.prepend(anItem); // $ExpectType List<Test>
+list.prependData({a: 'b'}); // $ExpectType List<Test>
+list.append(anItem); // $ExpectType List<Test>
+list.appendData({a: 'b'}); // $ExpectType List<Test>
+list.insert(anItem, anItem); // $ExpectType List<Test>
+list.insertData({a: 'b'}, anItem); // $ExpectType List<Test>
+list.remove(anItem); // $ExpectType ListItem<Test>
+list.push({a: 'b'}); // $ExpectType void
+list.pop(); // $ExpectType ListItem<Test> | undefined
+list.unshift({a: 'b'}); // $ExpectType void
+list.shift(); // $ExpectType ListItem<Test> | undefined
+list.prependList(list); // $ExpectType List<Test>
+list.appendList(list); // $ExpectType List<Test>
+list.insertList(list, anItem); // $ExpectType List<Test>
+list.replace(anItem, list); // $ExpectType List<Test>
+list.replace(anItem, anItem); // $ExpectType List<Test>
+
+switch (ast.type) {
+    case 'AnPlusB':
+        ast.a; // $ExpectType string | null
+        ast.b; // $ExpectType string | null
+        break;
+
+    case 'Atrule':
+        ast.name; // $ExpectType string
+        ast.prelude; // $ExpectType AtrulePrelude | Raw | null
+        ast.block; // $ExpectType Block | null
+        break;
+
+    case 'AtrulePrelude':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'AttributeSelector':
+        ast.name; // $ExpectType Identifier
+        ast.matcher; // $ExpectType string | null
+        ast.value; // $ExpectType Identifier | StringNode | null
+        ast.flags; // $ExpectType string | null
+        break;
+
+    case 'Block':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'Brackets':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'CDC':
+        break;
+
+    case 'CDO':
+        break;
+
+    case 'ClassSelector':
+        ast.name; // $ExpectType string
+        break;
+
+    case 'Combinator':
+        ast.name; // $ExpectType string
+        break;
+
+    case 'Comment':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'Declaration':
+        ast.important; // $ExpectType string | boolean
+        ast.property; // $ExpectType string
+        ast.value; // $ExpectType Raw | Value
+        break;
+
+    case 'DeclarationList':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'Dimension':
+        ast.value; // $ExpectType string
+        ast.unit; // $ExpectType string
+        break;
+
+    case 'Function':
+        ast.name; // $ExpectType string
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'HexColor':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'IdSelector':
+        ast.name; // $ExpectType string
+        break;
+
+    case 'Identifier':
+        ast.name; // $ExpectType string
+        break;
+
+    case 'MediaFeature':
+        ast.name; // $ExpectType string
+        ast.value; // $ExpectType Dimension | Identifier | NumberNode | Ratio | null
+        break;
+
+    case 'MediaQuery':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'MediaQueryList':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'Nth':
+        ast.nth; // $ExpectType AnPlusB | Identifier
+        ast.selector; // $ExpectType SelectorList | null
+        break;
+
+    case 'Number':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'Operator':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'Parentheses':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'Percentage':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'PseudoClassSelector':
+        ast.name; // $ExpectType string
+        ast.children; // $ExpectType List<CssNode> | null
+        break;
+
+    case 'PseudoElementSelector':
+        ast.name; // $ExpectType string
+        ast.children; // $ExpectType List<CssNode> | null
+        break;
+
+    case 'Ratio':
+        ast.left; // $ExpectType string
+        ast.right; // $ExpectType string
+        break;
+
+    case 'Raw':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'Rule':
+        ast.prelude; // $ExpectType Raw | SelectorList
+        ast.block; // $ExpectType Block
+        break;
+
+    case 'Selector':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'SelectorList':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'String':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'StyleSheet':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'TypeSelector':
+        ast.name; // $ExpectType string
+        break;
+
+    case 'UnicodeRange':
+        ast.value; // $ExpectType string
+        break;
+
+    case 'Url':
+        ast.value; // $ExpectType Raw | StringNode
+        break;
+
+    case 'Value':
+        ast.children; // $ExpectType List<CssNode>
+        break;
+
+    case 'WhiteSpace':
+        ast.value; // $ExpectType string
+        break;
+
+    default:
+        ast; // $ExpectType never
+}
+
+switch (toPlain.type) {
+    case 'AnPlusB':
+        toPlain.a; // $ExpectType string | null
+        toPlain.b; // $ExpectType string | null
+        break;
+
+    case 'Atrule':
+        toPlain.name; // $ExpectType string
+        toPlain.prelude; // $ExpectType Raw | AtrulePreludePlain | null
+        toPlain.block; // $ExpectType BlockPlain | null
+        break;
+
+    case 'AtrulePrelude':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'AttributeSelector':
+        toPlain.name; // $ExpectType Identifier
+        toPlain.matcher; // $ExpectType string | null
+        toPlain.value; // $ExpectType Identifier | StringNode | null
+        toPlain.flags; // $ExpectType string | null
+        break;
+
+    case 'Block':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'Brackets':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'CDC':
+        break;
+
+    case 'CDO':
+        break;
+
+    case 'ClassSelector':
+        toPlain.name; // $ExpectType string
+        break;
+
+    case 'Combinator':
+        toPlain.name; // $ExpectType string
+        break;
+
+    case 'Comment':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'Declaration':
+        toPlain.important; // $ExpectType string | boolean
+        toPlain.property; // $ExpectType string
+        toPlain.value; // $ExpectType Raw | ValuePlain
+        break;
+
+    case 'DeclarationList':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'Dimension':
+        toPlain.value; // $ExpectType string
+        toPlain.unit; // $ExpectType string
+        break;
+
+    case 'Function':
+        toPlain.name; // $ExpectType string
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'HexColor':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'IdSelector':
+        toPlain.name; // $ExpectType string
+        break;
+
+    case 'Identifier':
+        toPlain.name; // $ExpectType string
+        break;
+
+    case 'MediaFeature':
+        toPlain.name; // $ExpectType string
+        toPlain.value; // $ExpectType Dimension | Identifier | NumberNode | Ratio | null
+        break;
+
+    case 'MediaQuery':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'MediaQueryList':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'Nth':
+        toPlain.nth; // $ExpectType AnPlusB | Identifier
+        toPlain.selector; // $ExpectType SelectorListPlain | null
+        break;
+
+    case 'Number':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'Operator':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'Parentheses':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'Percentage':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'PseudoClassSelector':
+        toPlain.name; // $ExpectType string
+        toPlain.children; // $ExpectType CssNodePlain[] | null
+        break;
+
+    case 'PseudoElementSelector':
+        toPlain.name; // $ExpectType string
+        toPlain.children; // $ExpectType CssNodePlain[] | null
+        break;
+
+    case 'Ratio':
+        toPlain.left; // $ExpectType string
+        toPlain.right; // $ExpectType string
+        break;
+
+    case 'Raw':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'Rule':
+        toPlain.prelude; // $ExpectType Raw | SelectorListPlain
+        toPlain.block; // $ExpectType BlockPlain
+        break;
+
+    case 'Selector':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'SelectorList':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'String':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'StyleSheet':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'TypeSelector':
+        toPlain.name; // $ExpectType string
+        break;
+
+    case 'UnicodeRange':
+        toPlain.value; // $ExpectType string
+        break;
+
+    case 'Url':
+        toPlain.value; // $ExpectType Raw | StringNode
+        break;
+
+    case 'Value':
+        toPlain.children; // $ExpectType CssNodePlain[]
+        break;
+
+    case 'WhiteSpace':
+        toPlain.value; // $ExpectType string
+        break;
+
+    default:
+        toPlain; // $ExpectType never
+}
diff --git a/types/css-tree/index.d.ts b/types/css-tree/index.d.ts
new file mode 100644
index 0000000000..b4a42ee1dc
--- /dev/null
+++ b/types/css-tree/index.d.ts
@@ -0,0 +1,565 @@
+// Type definitions for css-tree 1.0
+// Project: https://github.com/csstree/csstree
+// Definitions by: Erik Källén <https://github.com/erik-kallen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.7
+
+export interface CssLocation {
+    source: string;
+    start: {
+        offset: number;
+        line: number;
+        column: number
+    };
+    end: {
+        offset: number;
+        line: number;
+        column: number
+    };
+}
+
+export interface ListItem<TData> {
+    prev: ListItem<TData> | null;
+    next: ListItem<TData> | null;
+    data: TData;
+}
+
+export type IteratorFn<TData, TResult, TContext = List<TData>> = (this: TContext, item: TData, node: ListItem<TData>, list: List<TData>) => TResult;
+export type FilterFn<TData, TResult extends TData, TContext = List<TData>> = (this: TContext, item: TData, node: ListItem<TData>, list: List<TData>) => item is TResult;
+
+export class List<TData> {
+    constructor();
+    fromArray(array: TData[]): List<TData>;
+    createItem(data: TData): ListItem<TData>;
+    toArray(): TData[];
+    toJSON(): TData[];
+    getSize(): number;
+    isEmpty(): boolean;
+    first(): TData | null;
+    last(): TData | null;
+    each<TContext>(fn: IteratorFn<TData, void, TContext>, context: TContext): void;
+    each(fn: IteratorFn<TData, void>): void;
+    forEach<TContext>(fn: IteratorFn<TData, void, TContext>, context: TContext): void;
+    forEach(fn: IteratorFn<TData, void>): void;
+    eachRight<TContext>(fn: IteratorFn<TData, void, TContext>, context: TContext): void;
+    eachRight(fn: IteratorFn<TData, void>): void;
+    forEachRight<TContext>(fn: IteratorFn<TData, void, TContext>, context: TContext): void;
+    forEachRight(fn: IteratorFn<TData, void>): void;
+    nextUntil<TContext>(start: ListItem<TData>, fn: IteratorFn<TData, boolean, TContext>, context: TContext): void;
+    nextUntil(start: ListItem<TData>, fn: IteratorFn<TData, boolean>): void;
+    prevUntil<TContext>(start: ListItem<TData>, fn: IteratorFn<TData, boolean, TContext>, context: TContext): void;
+    prevUntil(start: ListItem<TData>, fn: IteratorFn<TData, boolean>): void;
+    some<TContext>(fn: IteratorFn<TData, boolean, TContext>, context: TContext): void;
+    some(fn: IteratorFn<TData, boolean>): void;
+    map<TContext, TResult>(fn: IteratorFn<TData, TResult, TContext>, context: TContext): List<TResult>;
+    map<TResult>(fn: IteratorFn<TData, TResult>): List<TResult>;
+    filter<TContext, TResult extends TData>(fn: FilterFn<TData, TResult, TContext>, context: TContext): List<TResult>;
+    filter<TResult extends TData>(fn: FilterFn<TData, TResult>): List<TResult>;
+    filter<TContext>(fn: IteratorFn<TData, boolean, TContext>, context: TContext): List<TData>;
+    filter(fn: IteratorFn<TData, boolean>): List<TData>;
+    clear(): void;
+    copy(): List<TData>;
+    prepend(item: ListItem<TData>): List<TData>;
+    prependData(data: TData): List<TData>;
+    append(item: ListItem<TData>): List<TData>;
+    appendData(data: TData): List<TData>;
+    insert(item: ListItem<TData>, before: ListItem<TData>): List<TData>;
+    insertData(data: TData, before: ListItem<TData>): List<TData>;
+    remove(item: ListItem<TData>): ListItem<TData>;
+    push(item: TData): void;
+    pop(): ListItem<TData> | undefined;
+    unshift(data: TData): void;
+    shift(): ListItem<TData> | undefined;
+    prependList(list: List<TData>): List<TData>;
+    appendList(list: List<TData>): List<TData>;
+    insertList(list: List<TData>, before: ListItem<TData>): List<TData>;
+    replace(oldItem: ListItem<TData>, newItemOrList: List<TData> | ListItem<TData>): List<TData>;
+}
+
+export interface CssNodeCommon {
+    type: string;
+    loc?: CssLocation;
+}
+
+export interface AnPlusB extends CssNodeCommon {
+    type: 'AnPlusB';
+    a: string | null;
+    b: string | null;
+}
+
+export interface Atrule extends CssNodeCommon {
+    type: 'Atrule';
+    name: string;
+    prelude: AtrulePrelude | Raw | null;
+    block: Block | null;
+}
+
+export interface AtrulePlain extends CssNodeCommon {
+    type: 'Atrule';
+    name: string;
+    prelude: AtrulePreludePlain | Raw | null;
+    block: BlockPlain | null;
+}
+
+export interface AtrulePrelude extends CssNodeCommon {
+    type: 'AtrulePrelude';
+    children: List<CssNode>;
+}
+
+export interface AtrulePreludePlain extends CssNodeCommon {
+    type: 'AtrulePrelude';
+    children: CssNodePlain[];
+}
+
+export interface AttributeSelector extends CssNodeCommon {
+    type: 'AttributeSelector';
+    name: Identifier;
+    matcher: string | null;
+    value: StringNode | Identifier | null;
+    flags: string | null;
+}
+
+export interface Block extends CssNodeCommon {
+    type: 'Block';
+    children: List<CssNode>;
+}
+
+export interface BlockPlain extends CssNodeCommon {
+    type: 'Block';
+    children: CssNodePlain[];
+}
+
+export interface Brackets extends CssNodeCommon {
+    type: 'Brackets';
+    children: List<CssNode>;
+}
+
+export interface BracketsPlain extends CssNodeCommon {
+    type: 'Brackets';
+    children: CssNodePlain[];
+}
+
+export interface CDC extends CssNodeCommon {
+    type: 'CDC';
+}
+
+export interface CDO extends CssNodeCommon {
+    type: 'CDO';
+}
+
+export interface ClassSelector extends CssNodeCommon {
+    type: 'ClassSelector';
+    name: string;
+}
+
+export interface Combinator extends CssNodeCommon {
+    type: 'Combinator';
+    name: string;
+}
+
+export interface Comment extends CssNodeCommon {
+    type: 'Comment';
+    value: string;
+}
+
+export interface Declaration extends CssNodeCommon {
+    type: 'Declaration';
+    important: boolean | string;
+    property: string;
+    value: Value | Raw;
+}
+
+export interface DeclarationPlain extends CssNodeCommon {
+    type: 'Declaration';
+    important: boolean | string;
+    property: string;
+    value: ValuePlain | Raw;
+}
+
+export interface DeclarationList extends CssNodeCommon {
+    type: 'DeclarationList';
+    children: List<CssNode>;
+}
+
+export interface DeclarationListPlain extends CssNodeCommon {
+    type: 'DeclarationList';
+    children: CssNodePlain[];
+}
+
+export interface Dimension extends CssNodeCommon {
+    type: 'Dimension';
+    value: string;
+    unit: string;
+}
+
+export interface FunctionNode extends CssNodeCommon {
+    type: 'Function';
+    name: string;
+    children: List<CssNode>;
+}
+
+export interface FunctionNodePlain extends CssNodeCommon {
+    type: 'Function';
+    name: string;
+    children: CssNodePlain[];
+}
+
+export interface HexColor extends CssNodeCommon {
+    type: 'HexColor';
+    value: string;
+}
+
+export interface IdSelector extends CssNodeCommon {
+    type: 'IdSelector';
+    name: string;
+}
+
+export interface Identifier extends CssNodeCommon {
+    type: 'Identifier';
+    name: string;
+}
+
+export interface MediaFeature extends CssNodeCommon {
+    type: 'MediaFeature';
+    name: string;
+    value: Identifier | NumberNode | Dimension | Ratio | null;
+}
+
+export interface MediaQuery extends CssNodeCommon {
+    type: 'MediaQuery';
+    children: List<CssNode>;
+}
+
+export interface MediaQueryPlain extends CssNodeCommon {
+    type: 'MediaQuery';
+    children: CssNodePlain[];
+}
+
+export interface MediaQueryList extends CssNodeCommon {
+    type: 'MediaQueryList';
+    children: List<CssNode>;
+}
+
+export interface MediaQueryListPlain extends CssNodeCommon {
+    type: 'MediaQueryList';
+    children: CssNodePlain[];
+}
+
+export interface Nth extends CssNodeCommon {
+    type: 'Nth';
+    nth: AnPlusB | Identifier;
+    selector: SelectorList | null;
+}
+
+export interface NthPlain extends CssNodeCommon {
+    type: 'Nth';
+    nth: AnPlusB | Identifier;
+    selector: SelectorListPlain | null;
+}
+
+export interface NumberNode extends CssNodeCommon {
+    type: 'Number';
+    value: string;
+}
+
+export interface Operator extends CssNodeCommon {
+    type: 'Operator';
+    value: string;
+}
+
+export interface Parentheses extends CssNodeCommon {
+    type: 'Parentheses';
+    children: List<CssNode>;
+}
+
+export interface ParenthesesPlain extends CssNodeCommon {
+    type: 'Parentheses';
+    children: CssNodePlain[];
+}
+
+export interface Percentage extends CssNodeCommon {
+    type: 'Percentage';
+    value: string;
+}
+
+export interface PseudoClassSelector extends CssNodeCommon {
+    type: 'PseudoClassSelector';
+    name: string;
+    children: List<CssNode> | null;
+}
+
+export interface PseudoClassSelectorPlain extends CssNodeCommon {
+    type: 'PseudoClassSelector';
+    name: string;
+    children: CssNodePlain[] | null;
+}
+
+export interface PseudoElementSelector extends CssNodeCommon {
+    type: 'PseudoElementSelector';
+    name: string;
+    children: List<CssNode> | null;
+}
+
+export interface PseudoElementSelectorPlain extends CssNodeCommon {
+    type: 'PseudoElementSelector';
+    name: string;
+    children: CssNodePlain[] | null;
+}
+
+export interface Ratio extends CssNodeCommon {
+    type: 'Ratio';
+    left: string;
+    right: string;
+}
+
+export interface Raw extends CssNodeCommon {
+    type: 'Raw';
+    value: string;
+}
+
+export interface Rule extends CssNodeCommon {
+    type: 'Rule';
+    prelude: SelectorList | Raw;
+    block: Block;
+}
+
+export interface RulePlain extends CssNodeCommon {
+    type: 'Rule';
+    prelude: SelectorListPlain | Raw;
+    block: BlockPlain;
+}
+
+export interface Selector extends CssNodeCommon {
+    type: 'Selector';
+    children: List<CssNode>;
+}
+
+export interface SelectorPlain extends CssNodeCommon {
+    type: 'Selector';
+    children: CssNodePlain[];
+}
+
+export interface SelectorList extends CssNodeCommon {
+    type: 'SelectorList';
+    children: List<CssNode>;
+}
+
+export interface SelectorListPlain extends CssNodeCommon {
+    type: 'SelectorList';
+    children: CssNodePlain[];
+}
+
+export interface StringNode extends CssNodeCommon {
+    type: 'String';
+    value: string;
+}
+
+export interface StyleSheet extends CssNodeCommon {
+    type: 'StyleSheet';
+    children: List<CssNode>;
+}
+
+export interface StyleSheetPlain extends CssNodeCommon {
+    type: 'StyleSheet';
+    children: CssNodePlain[];
+}
+
+export interface TypeSelector extends CssNodeCommon {
+    type: 'TypeSelector';
+    name: string;
+}
+
+export interface UnicodeRange extends CssNodeCommon {
+    type: 'UnicodeRange';
+    value: string;
+}
+
+export interface Url extends CssNodeCommon {
+    type: 'Url';
+    value: StringNode | Raw;
+}
+
+export interface Value extends CssNodeCommon {
+    type: 'Value';
+    children: List<CssNode>;
+}
+
+export interface ValuePlain extends CssNodeCommon {
+    type: 'Value';
+    children: CssNodePlain[];
+}
+
+export interface WhiteSpace extends CssNodeCommon {
+    type: 'WhiteSpace';
+    value: string;
+}
+
+export type CssNode =
+    AnPlusB
+    | Atrule
+    | AtrulePrelude
+    | AttributeSelector
+    | Block
+    | Brackets
+    | CDC
+    | CDO
+    | ClassSelector
+    | Combinator
+    | Comment
+    | Declaration
+    | DeclarationList
+    | Dimension
+    | FunctionNode
+    | HexColor
+    | IdSelector
+    | Identifier
+    | MediaFeature
+    | MediaQuery
+    | MediaQueryList
+    | Nth
+    | NumberNode
+    | Operator
+    | Parentheses
+    | Percentage
+    | PseudoClassSelector
+    | PseudoElementSelector
+    | Ratio
+    | Raw
+    | Rule
+    | Selector
+    | SelectorList
+    | StringNode
+    | StyleSheet
+    | TypeSelector
+    | UnicodeRange
+    | Url
+    | Value
+    | WhiteSpace;
+
+export type CssNodePlain =
+    AnPlusB
+    | AtrulePlain
+    | AtrulePreludePlain
+    | AttributeSelector
+    | BlockPlain
+    | BracketsPlain
+    | CDC
+    | CDO
+    | ClassSelector
+    | Combinator
+    | Comment
+    | DeclarationPlain
+    | DeclarationListPlain
+    | Dimension
+    | FunctionNodePlain
+    | HexColor
+    | IdSelector
+    | Identifier
+    | MediaFeature
+    | MediaQueryPlain
+    | MediaQueryListPlain
+    | NthPlain
+    | NumberNode
+    | Operator
+    | ParenthesesPlain
+    | Percentage
+    | PseudoClassSelectorPlain
+    | PseudoElementSelectorPlain
+    | Ratio
+    | Raw
+    | RulePlain
+    | SelectorPlain
+    | SelectorListPlain
+    | StringNode
+    | StyleSheetPlain
+    | TypeSelector
+    | UnicodeRange
+    | Url
+    | ValuePlain
+    | WhiteSpace;
+
+export interface SyntaxParseError extends SyntaxError {
+    input: string;
+    offset: number;
+    rawMessage: string;
+}
+
+export interface ParseOptions {
+    context?: string;
+    atrule?: string;
+    positions?: boolean;
+    onParseError?: (error: SyntaxParseError, fallbackNode: CssNode) => void;
+    filename?: string;
+    offset?: number;
+    line?: number;
+    column?: number;
+    parseAtrulePrelude?: boolean;
+    parseRulePrelude?: boolean;
+    parseValue?: boolean;
+    parseCustomProperty?: boolean;
+}
+
+export function parse(text: string, options?: ParseOptions): CssNode;
+
+export interface GenerateHandlers {
+    children: (node: CssNode, delimiter?: (node: CssNode) => void) => void;
+    node: (node: CssNode) => void;
+    chunk: (chunk: string) => void;
+    result: () => string;
+}
+
+export interface GenerateOptions {
+    sourceMap?: boolean;
+    decorator?: (handlers: GenerateHandlers) => GenerateHandlers;
+}
+
+export function generate(ast: CssNode, options?: GenerateOptions): string;
+
+export interface WalkContext {
+    root: CssNode;
+    stylesheet: StyleSheet;
+    atrule: Atrule;
+    atrulePrelude: AtrulePrelude;
+    rule: Rule;
+    selector: SelectorList;
+    block: Block;
+    declaration: Declaration;
+    function: FunctionNode | PseudoClassSelector | PseudoElementSelector;
+}
+
+export type EnterOrLeaveFn = (this: WalkContext, node: CssNode, item: ListItem<CssNode>, list: List<CssNode>) => void;
+
+export interface WalkOptions {
+    enter?: EnterOrLeaveFn;
+    leave?: EnterOrLeaveFn;
+    visit?: string;
+    reverse?: boolean;
+}
+
+export function walk(ast: CssNode, options: EnterOrLeaveFn | WalkOptions): void;
+
+export interface Property {
+    readonly basename: string;
+    readonly name: string;
+    readonly hack: string;
+    readonly vendor: string;
+    readonly prefix: string;
+    readonly custom: boolean;
+}
+
+export function property(value: string): Property;
+
+export interface Keyword {
+    readonly basename: string;
+    readonly name: string;
+    readonly vendor: string;
+    readonly prefix: string;
+    readonly custom: boolean;
+}
+
+export function keyword(value: string): Keyword;
+
+export function clone(node: CssNode): CssNode;
+
+export function fromPlainObject(node: CssNodePlain): CssNode;
+export function toPlainObject(node: CssNode): CssNodePlain;
diff --git a/types/css-tree/tsconfig.json b/types/css-tree/tsconfig.json
new file mode 100644
index 0000000000..d6851ae80d
--- /dev/null
+++ b/types/css-tree/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "css-tree-tests.ts"
+    ]
+}
diff --git a/types/css-tree/tslint.json b/types/css-tree/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/css-tree/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/csso/csso-tests.ts b/types/csso/csso-tests.ts
index 74e0b51dd9..fdcb102d61 100644
--- a/types/csso/csso-tests.ts
+++ b/types/csso/csso-tests.ts
@@ -15,7 +15,7 @@ csso.minify('.test { color: #ff0000; }', {
     logger: () => {}
 });
 
-csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000').css;
+csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000').css; // $ExpectType string
 csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000').map;
 csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000', {
     sourceMap: true,
@@ -27,14 +27,30 @@ csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000', {
     forceMediaMerge: true,
     clone: false,
     comments: '',
-    logger: () => {}
+    logger: () => {},
+    usage: {
+        tags: ['ul', 'li'],
+        ids: ['x'],
+        classes: ['a', 'b'],
+        blacklist: {
+            tags: ['body'],
+            ids: ['y'],
+            classes: ['c'],
+        },
+        scopes: [
+            ['a', 'b', 'c'],
+            ['d', 'e']
+        ],
+    },
 });
 
-csso.compress({}).ast;
-csso.compress({}, {
+csso.compress({ type: 'CDC' }).ast; // $ExpectType CssNode
+csso.compress({ type: 'CDC' }, {
     restructure: false,
     forceMediaMerge: true,
     clone: false,
     comments: '',
     logger: () => {}
-}).ast;
+}).ast; // $ExpectType CssNode
+
+csso.syntax.parse('.b {font-weight: bold}'); // $ExpectType CssNode
diff --git a/types/csso/index.d.ts b/types/csso/index.d.ts
index f89f395129..b12ce67b8d 100644
--- a/types/csso/index.d.ts
+++ b/types/csso/index.d.ts
@@ -1,8 +1,11 @@
 // Type definitions for csso 3.5
 // Project: https://github.com/css/csso
 // Definitions by: Christian Rackerseder <https://github.com/screendriver>
+//                 Erik Källén <https://github.com/erik-kallen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.6
+// TypeScript Version: 2.7
+
+import * as csstree from 'css-tree';
 
 declare namespace csso {
     interface Result {
@@ -16,6 +19,18 @@ declare namespace csso {
         map: object | null;
     }
 
+    interface Usage {
+        tags?: string[];
+        ids?: string[];
+        classes?: string[];
+        scopes?: string[][];
+        blacklist?: {
+            tags?: string[];
+            ids?: string[];
+            classes?: string[];
+        };
+    }
+
     interface CompressOptions {
         /**
          * Disable or enable a structure optimisations.
@@ -44,7 +59,7 @@ declare namespace csso {
         /**
          * Usage data for advanced optimisations.
          */
-        usage?: object;
+        usage?: Usage;
         /**
          * Function to track every step of transformation.
          */
@@ -100,7 +115,9 @@ interface Csso {
     /**
      * Does the main task – compress an AST.
      */
-    compress(ast: object, options?: csso.CompressOptions): { ast: object };
+    compress(ast: csstree.CssNode, options?: csso.CompressOptions): { ast: csstree.CssNode };
+
+    syntax: typeof csstree;
 }
 
 declare const csso: Csso;
diff --git a/types/custom-functions-runtime/custom-functions-runtime-tests.ts b/types/custom-functions-runtime/custom-functions-runtime-tests.ts
index c35c172d7c..fc24ae6491 100644
--- a/types/custom-functions-runtime/custom-functions-runtime-tests.ts
+++ b/types/custom-functions-runtime/custom-functions-runtime-tests.ts
@@ -1,11 +1,10 @@
-/* Note that this is a sample function for the purpose of running the below CustomFunctionsMappings test */
-function ADD10(n: number) {
+/* Note that this is a sample function for the purpose of running the below CustomFunctionsMappings test. */
+function addTen(n: number) {
     return n + 10;
 }
 
-CustomFunctionMappings = {
-    addTen: ADD10
-};
+/* Assume that the function id for addTen in the function's JSON metadata is specified as ADDTEN. */
+CustomFunctionMappings.ADDTEN = addTen;
 
 async function getStockValues(ticker: string): Promise<number> {
     const response = await fetch(`myService.com/prices/${ticker}`);
diff --git a/types/custom-functions-runtime/index.d.ts b/types/custom-functions-runtime/index.d.ts
index 58acfaa6c0..1363f0de25 100644
--- a/types/custom-functions-runtime/index.d.ts
+++ b/types/custom-functions-runtime/index.d.ts
@@ -1,5 +1,5 @@
 // Type definitions for Custom Functions 1.4
-// Project: http://dev.office.com
+// Project: https://github.com/OfficeDev/office-js
 // Definitions by: OfficeDev <https://github.com/OfficeDev>, Michael Zlatkovsky <https://github.com/Zlatkovsky>, Michelle Scharlock <https://github.com/mscharlock>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
@@ -9,16 +9,26 @@ office-js
 Copyright (c) Microsoft Corporation
 */
 
-////////////////////////////////////////////////////////////////
-//////////////////// Begin custom-functions-runtime ////////////
-////////////////////////////////////////////////////////////////
-
 /**
- * Enables you to map your own name that uses lowercase letters to a function.
+ * Specific to Excel Custom Functions.
+ * Enables you to set key-value pairs which map
+ * a function's id in the JSON metadata to the JS function name.
+ * @beta
  */
 declare let CustomFunctionMappings: { [key: string]: Function };
-
+/**
+ * CustomFunctions namespace, used by Excel Custom Functions
+ * @beta
+ */
 declare namespace CustomFunctions {
+    /**
+     * A handler passed automatically as the last parameter
+     * to a streaming function. With this parameter, a
+     * function can use handler.setResult to set a cell value
+     * or hook into the handler.onCanceled event to
+     * to handle what happens when the function stops streaming.
+     * @beta
+     */
     interface StreamingHandler<T> extends CancelableHandler {
         /**
          * Sets the returned result for a streaming custom function.
@@ -26,7 +36,9 @@ declare namespace CustomFunctions {
          */
         setResult: (value: T | Error) => void;
     }
-
+    /**
+     * CancelableHandler interface
+     */
     interface CancelableHandler {
         /**
          * Handles what should occur when a custom function is canceled.
@@ -35,7 +47,3 @@ declare namespace CustomFunctions {
         onCanceled: () => void;
     }
 }
-
-////////////////////////////////////////////////////////////////
-//////////////////// End custom-functions-runtime ////////////
-////////////////////////////////////////////////////////////////
diff --git a/types/cytoscape/cytoscape-tests.ts b/types/cytoscape/cytoscape-tests.ts
index 0cffa42b31..dc0607a3c3 100644
--- a/types/cytoscape/cytoscape-tests.ts
+++ b/types/cytoscape/cytoscape-tests.ts
@@ -36,7 +36,8 @@ const showAllStyle: cytoscape.Stylesheet[] = [
       'text-halign': 'center',
       shape: 'rectangle',
       'min-zoomed-font-size': 20,
-      opacity: 1
+      opacity: 1,
+      width: 'mapData(weight, 40, 80, 20, 60)'
     }
   },
   {
@@ -125,7 +126,7 @@ cy.on('zoom', (event) => {
 cy.off('zoom');
 // events(cy); - TODO
 
-cy.add({ data: { id: 'g' }, position: {x: 200, y: 150} });
+cy.add({ data: { id: 'g', someOtherKey: 'value' }, position: {x: 200, y: 150} });
 cy.add([
   { data: { id: 'h' }, position: {x: 250, y: 100} }
 ]);
diff --git a/types/cytoscape/index.d.ts b/types/cytoscape/index.d.ts
index 59482ad507..7ea05577be 100644
--- a/types/cytoscape/index.d.ts
+++ b/types/cytoscape/index.d.ts
@@ -133,6 +133,8 @@ declare namespace cytoscape {
     }
 
     interface EdgeDataDefinition extends ElementDataDefinition {
+        id?: string;
+
         /**
          * the source node id (edge comes from this node)
          */
@@ -141,6 +143,8 @@ declare namespace cytoscape {
          * the target node id (edge goes to this node)
          */
         target: string;
+
+        [key: string]: any;
     }
 
     interface NodeDefinition extends ElementDefinition {
@@ -148,7 +152,9 @@ declare namespace cytoscape {
     }
 
     interface NodeDataDefinition extends ElementDataDefinition {
+        id?: string;
         parent?: string;
+        [key: string]: any;
     }
 
     interface CytoscapeOptions {
@@ -3445,13 +3451,13 @@ declare namespace cytoscape {
              * This property can take on the special value label
              * so the width is automatically based on the node’s label.
              */
-            "width"?: number | "label";
+            "width"?: number | string;
             /**
              * The height of the node’s body.
              * This property can take on the special value label
              * so the height is automatically based on the node’s label.
              */
-            "height"?: number | "label";
+            "height"?: number | string;
             /**
              * The shape of the node’s body.
              */
@@ -3624,7 +3630,7 @@ declare namespace cytoscape {
             /**
              * The width of an edge’s line.
              */
-            "width"?: number | "label";
+            "width"?: number | string;
             /**
              * The curving method used to separate two or more edges between two nodes;
              * may be
diff --git a/types/d3-array/d3-array-tests.ts b/types/d3-array/d3-array-tests.ts
index 42bf95bcfe..11f208f869 100644
--- a/types/d3-array/d3-array-tests.ts
+++ b/types/d3-array/d3-array-tests.ts
@@ -40,12 +40,14 @@ class MixedObject {
 }
 
 let num: number;
-let date: Date;
+let undef: undefined;
+let mixedObject: MixedObject;
 
 let numOrUndefined: number | undefined;
 let strOrUndefined: string | undefined;
 let numericOrUndefined: NumCoercible | undefined;
 let dateOrUndefined: Date | undefined;
+let mixedObjectOrUndefined: MixedObject | undefined;
 let numOrUndefinedExtent: [number, number] | [undefined, undefined];
 let strOrUndefinedExtent: [string, string] | [undefined, undefined];
 let numericOrUndefinedExtent: [NumCoercible, NumCoercible] | [undefined, undefined];
@@ -68,6 +70,7 @@ const mixedObjectArray = [
 ];
 
 const mixedObjectOrUndefinedArray = [...mixedObjectArray, undefined];
+const mixedObjectArrayLike = mixedObjectArray as ArrayLike<MixedObject>;
 
 let typedArray = Uint8Array.from(numbersArray);
 let readonlyNumbersArray = numbersArray as ReadonlyArray<number>;
@@ -76,32 +79,60 @@ const readonlyStringyNumbersArray = stringyNumbersArray as ReadonlyArray<string>
 const readonlyNumericArray = numericArray as ReadonlyArray<NumCoercible>;
 const readonlyDateArray = dateArray as ReadonlyArray<Date>;
 const readonlyMixedObjectArray = mixedObjectArray as ReadonlyArray<MixedObject>;
-const readonlyMixedObjectOrUndefinedArray = mixedObjectOrUndefinedArray as ReadonlyArray<MixedObject>;
+const readonlyMixedObjectOrUndefinedArray = mixedObjectOrUndefinedArray as ReadonlyArray<MixedObject | undefined>;
 
-function accessorMixedObjectToNum(datum: MixedObject, index: number, array: MixedObject[]): number {
+function accessorMixedObjectToNum(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): number {
     return datum.num;
 }
 
-function accessorMixedObjectToStr(datum: MixedObject, index: number, array: MixedObject[]): string {
+function accessorMixedObjectToStr(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): string {
     return datum.str;
 }
 
-function accessorMixedObjectToNumeric(datum: MixedObject, index: number, array: MixedObject[]): NumCoercible {
+function accessorMixedObjectToNumeric(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): NumCoercible {
     return datum.numeric;
 }
 
-function accessorMixedObjectToDate(datum: MixedObject, index: number, array: MixedObject[]): Date {
+function accessorMixedObjectToDate(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): Date {
     return datum.date;
 }
 
-function accessorMixedObjectToNumOrUndefined(datum: MixedObject | undefined, index: number, array: Array<MixedObject | undefined>): number | undefined | null {
+function accessorMixedObjectToNumOrUndefined(datum: MixedObject | undefined, index: number, array: ArrayLike<MixedObject | undefined>): number | undefined | null {
     return datum ? datum.num : undefined;
 }
 
-function accessorMixedObjectToStrOrUndefined(datum: MixedObject | undefined, index: number, array: MixedObject[]): string | undefined | null {
+function accessorMixedObjectToStrOrUndefined(datum: MixedObject | undefined, index: number, array: ArrayLike<MixedObject>): string | undefined | null {
     return datum ? datum.str : undefined;
 }
 
+function accessorLikeMixedObjectToNum(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): number {
+    return datum.num;
+}
+
+function accessorLikeMixedObjectToStr(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): string {
+    return datum.str;
+}
+
+function accessorLikeMixedObjectToNumeric(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): NumCoercible {
+    return datum.numeric;
+}
+
+function accessorLikeMixedObjectToDate(datum: MixedObject, index: number, array: ArrayLike<MixedObject>): Date {
+    return datum.date;
+}
+
+function accessorLikeMixedObjectToNumOrUndefined(datum: MixedObject | undefined, index: number, array: ArrayLike<MixedObject | undefined>): number | undefined | null {
+    return datum ? datum.num : undefined;
+}
+
+function accessorLikeMixedObjectToStrOrUndefined(datum: MixedObject | undefined, index: number, array: ArrayLike<MixedObject>): string | undefined | null {
+    return datum ? datum.str : undefined;
+}
+
+function accessorReadOnlyMixedObjectToNumOrUndefined(datum: MixedObject | undefined, index: number, array: ArrayLike<MixedObject | undefined>): number | undefined | null {
+    return datum ? datum.num : undefined;
+}
+
 // -----------------------------------------------------------------------------
 // Test Statistics
 // -----------------------------------------------------------------------------
@@ -131,7 +162,24 @@ numericOrUndefined = d3Array.max(mixedObjectArray, accessorMixedObjectToNumeric)
 dateOrUndefined = d3Array.max(mixedObjectArray, accessorMixedObjectToDate);
 numOrUndefined = d3Array.max(mixedObjectArray, accessorMixedObjectToNumOrUndefined);
 strOrUndefined = d3Array.max(mixedObjectArray, accessorMixedObjectToStrOrUndefined);
-numOrUndefined = d3Array.max(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.max(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
+
+numOrUndefined = d3Array.max(mixedObjectArrayLike, accessorLikeMixedObjectToNum);
+numOrUndefined = d3Array.max(mixedObjectArray, accessorLikeMixedObjectToNum);
+numOrUndefined = d3Array.max(mixedObjectArray, accessorReadOnlyMixedObjectToNumOrUndefined);
+
+numOrUndefined = d3Array.max(mixedObjectArray, (d) => {
+    const l: MixedObject = d;
+    return l.num;
+});
+
+strOrUndefined = d3Array.max(mixedObjectArray, (d) => {
+    const l: MixedObject = d;
+    return l.str;
+});
+
+// $ExpectError
+numOrUndefined = d3Array.max(readonlyNumbersArray, (d, i, a) => { a.push(3); return 0; });
 
 // min() -----------------------------------------------------------------------
 
@@ -158,7 +206,7 @@ numericOrUndefined = d3Array.min(mixedObjectArray, accessorMixedObjectToNumeric)
 dateOrUndefined = d3Array.min(mixedObjectArray, accessorMixedObjectToDate);
 numOrUndefined = d3Array.min(mixedObjectArray, accessorMixedObjectToNumOrUndefined);
 strOrUndefined = d3Array.min(mixedObjectArray, accessorMixedObjectToStrOrUndefined);
-numOrUndefined = d3Array.max(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.min(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // extent() --------------------------------------------------------------------
 
@@ -185,7 +233,7 @@ mixedOrUndefinedExtent = d3Array.extent(mixedObjectArray, accessorMixedObjectToN
 dateMixedOrUndefined = d3Array.extent(mixedObjectArray, accessorMixedObjectToDate);
 numOrUndefinedExtent = d3Array.extent(mixedObjectArray, accessorMixedObjectToNumOrUndefined);
 strOrUndefinedExtent = d3Array.extent(mixedObjectArray, accessorMixedObjectToStrOrUndefined);
-numOrUndefinedExtent = d3Array.extent(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefinedExtent = d3Array.extent(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // mean() ----------------------------------------------------------------------
 
@@ -200,7 +248,7 @@ numOrUndefined = d3Array.mean(readonlyNumbersOrUndefinedArray);
 
 numOrUndefined = d3Array.mean(mixedObjectArray, accessorMixedObjectToNum);
 numOrUndefined = d3Array.mean(mixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.mean(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.mean(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // median() --------------------------------------------------------------------
 
@@ -215,7 +263,7 @@ numOrUndefined = d3Array.median(readonlyNumbersOrUndefinedArray);
 
 numOrUndefined = d3Array.median(mixedObjectArray, accessorMixedObjectToNum);
 numOrUndefined = d3Array.median(mixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.median(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.median(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // quantile() ------------------------------------------------------------------
 
@@ -230,7 +278,7 @@ numOrUndefined = d3Array.quantile(readonlyNumbersOrUndefinedArray, 0.5);
 
 numOrUndefined = d3Array.quantile(mixedObjectArray, 0.5, accessorMixedObjectToNum);
 numOrUndefined = d3Array.quantile(mixedObjectOrUndefinedArray, 0.5, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.quantile(readonlyMixedObjectOrUndefinedArray, 0.5, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.quantile(readonlyMixedObjectOrUndefinedArray, 0.5, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // sum() -----------------------------------------------------------------------
 
@@ -245,7 +293,7 @@ numOrUndefined = d3Array.sum(readonlyNumbersOrUndefinedArray);
 
 numOrUndefined = d3Array.sum(mixedObjectArray, accessorMixedObjectToNum);
 numOrUndefined = d3Array.sum(mixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.sum(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.sum(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // deviation() -----------------------------------------------------------------
 
@@ -260,7 +308,7 @@ numOrUndefined = d3Array.deviation(readonlyNumbersOrUndefinedArray);
 
 numOrUndefined = d3Array.deviation(mixedObjectArray, accessorMixedObjectToNum);
 numOrUndefined = d3Array.deviation(mixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.deviation(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.deviation(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // variance() ------------------------------------------------------------------
 
@@ -275,7 +323,7 @@ numOrUndefined = d3Array.variance(readonlyNumbersOrUndefinedArray);
 
 numOrUndefined = d3Array.variance(mixedObjectArray, accessorMixedObjectToNum);
 numOrUndefined = d3Array.variance(mixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
-numOrUndefined = d3Array.variance(readonlyMixedObjectOrUndefinedArray, accessorMixedObjectToNumOrUndefined);
+numOrUndefined = d3Array.variance(readonlyMixedObjectOrUndefinedArray, accessorReadOnlyMixedObjectToNumOrUndefined);
 
 // -----------------------------------------------------------------------------
 // Test Searching Arrays
@@ -480,8 +528,10 @@ let mergedArray: MixedObject[];
 
 mergedArray = d3Array.merge(testArrays); // inferred type
 mergedArray = d3Array.merge<MixedObject>(testArrays); // explicit type
-// mergedArray = d3Array.merge<MixedObject>([[10, 40, 30], [15, 30]]); // fails, type mismatch
-// mergedArray = d3Array.merge([testArray1, [15, 30]]); // fails, type mismatch
+// $ExpectError
+mergedArray = d3Array.merge<MixedObject>([[10, 40, 30], [15, 30]]); // fails, type mismatch
+// $ExpectError
+mergedArray = d3Array.merge([testArray1, [15, 30]]); // fails, type mismatch
 
 mergedArray = d3Array.merge(readonlyTestArrays); // inferred type
 mergedArray = d3Array.merge<MixedObject>(readonlyTestArrays); // explicit type
@@ -546,6 +596,7 @@ numbersArray = d3Array.pairs(readonlyMergedArray, (a, b) => {
 // getting a permutation of array elements
 mergedArray = d3Array.permute(mergedArray, [1, 0, 2, 5, 3, 4, 6]);
 mergedArray = d3Array.permute(readonlyMergedArray, [1, 0, 2, 5, 3, 4, 6]);
+mergedArray = d3Array.permute(readonlyMergedArray, nums);
 
 // Getting an ordered array with object properties
 
@@ -556,7 +607,10 @@ const testObject = {
     more: [10, 30, 40]
 };
 
-const x: Array<number | string | Date | number[]> = d3Array.permute(testObject, ['name', 'val', 'when', 'more']);
+const p1: Array<number | string | Date | number[]> = d3Array.permute(testObject, ['name', 'val', 'when', 'more']);
+const p2: Array<Date | number[]> = d3Array.permute(testObject, ['when', 'more']);
+// $ExpectError
+const p3 = d3Array.permute(testObject, ['when', 'unknown']);
 
 // range() ---------------------------------------------------------------------
 
@@ -569,7 +623,8 @@ numbersArray = d3Array.range(1, 10, 0.5);
 mergedArray = d3Array.shuffle(mergedArray);
 mergedArray = d3Array.shuffle(mergedArray, 1);
 mergedArray = d3Array.shuffle(mergedArray, 1, 3);
-// mergedArray = d3Array.shuffle(readonlyMergedArray); // fails, shuffle mutates input array in-place
+// $ExpectError
+mergedArray = d3Array.shuffle(readonlyMergedArray); // fails, shuffle mutates input array in-place
 
 // Test each TypedArray explicitly. Can't use ArrayLike in this case because shuffle is mutable and ArrayLike would include ReadonlyArray
 const resultInt8: Int8Array = d3Array.shuffle(new Int8Array(numbersArray));
@@ -608,98 +663,261 @@ testArrays = d3Array.zip(readonlyTestArray1, readonlyTestArray2);
 // Test Histogram
 // -----------------------------------------------------------------------------
 
-const tScale = scaleTime();
+const timeScale = scaleTime();
 
 // Create histogram generator ==================================================
 
-let defaultHistogram: d3Array.HistogramGenerator<number, number>;
-defaultHistogram = d3Array.histogram();
+// number - number
+let histoNumber_Number: d3Array.HistogramGeneratorNumber<number, number>;
+histoNumber_Number = d3Array.histogram();
+histoNumber_Number = d3Array.histogram<number, number>();
 
-let testHistogram: d3Array.HistogramGenerator<MixedObject, Date>;
-testHistogram = d3Array.histogram<MixedObject, Date>();
+// MixedObject - number | undefined
+let histoMixed_NumberOrUndefined: d3Array.HistogramGeneratorNumber<MixedObject, number | undefined>;
+histoMixed_NumberOrUndefined = d3Array.histogram<MixedObject, number | undefined>();
+
+// MixedObject | undefined - number | undefined
+let histoMixedOrUndefined_NumberOrUndefined: d3Array.HistogramGeneratorNumber<MixedObject | undefined, number | undefined>;
+histoMixedOrUndefined_NumberOrUndefined = d3Array.histogram<MixedObject | undefined, number | undefined>();
+
+// MixedObject | undefined - number
+let histoMixedOrUndefined_Number: d3Array.HistogramGeneratorNumber<MixedObject | undefined, number>;
+histoMixedOrUndefined_Number = d3Array.histogram<MixedObject | undefined, number>();
+
+// MixedObject - Date
+let histoMixedObject_Date: d3Array.HistogramGeneratorDate<MixedObject, Date>;
+histoMixedObject_Date = d3Array.histogram<MixedObject, Date>();
+
+// MixedObject - Date | undefined
+let histoMixedObject_DateOrUndefined: d3Array.HistogramGeneratorDate<MixedObject, Date | undefined>;
+histoMixedObject_DateOrUndefined = d3Array.histogram<MixedObject, Date | undefined>();
+
+let defaultHistogram: d3Array.HistogramGeneratorNumber<number, number>;
+defaultHistogram = d3Array.histogram();
 
 // Configure histogram generator ===============================================
 
 // value(...) ------------------------------------------------------------------
 
-testHistogram = testHistogram.value((d, i, data) => {
-    const datum: MixedObject = d; // d is of type MixedObject
-    const index: number = i; // i is number
-    const array: ArrayLike<MixedObject> = data; // data is of type MixedObject[]
-    return datum.date;
+let valueAccessorFn: (d: MixedObject, i: number, data: MixedObject[]) => Date;
+valueAccessorFn = histoMixedObject_Date.value();
+
+type valueAccessor<D, V> = (d: D, i: number, data: D[]) => V;
+
+// number - number
+const valueFnNumber_Number: valueAccessor<number, number> = histoNumber_Number.value();
+histoNumber_Number = histoNumber_Number.value((d: number, i: number, data: ArrayLike<number>) => {
+    return d - num;
 });
 
-let valueAccessorFn: (d: MixedObject, i: number, data: MixedObject[]) => Date;
-valueAccessorFn = testHistogram.value();
+// MixedObject - number | undefined
+const valueFnMixedObject_NumberOrUndefined: valueAccessor<MixedObject, number | undefined> = histoMixed_NumberOrUndefined.value();
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.value((d: MixedObject, i: number, data: ArrayLike<MixedObject>) => {
+    return d.str === "NA" ? undefined : d.num;
+});
+
+// MixedObject | undefined - number | undefined
+const valueFnMixedOrUndefined_NumberOrUndefined: valueAccessor<MixedObject | undefined, number | undefined> = histoMixedOrUndefined_NumberOrUndefined.value();
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.value((d: MixedObject | undefined, i: number, data: ArrayLike<MixedObject | undefined>) => {
+    return d ? d.num : undefined;
+});
+
+// MixedObject | undefined - number
+const valueFnMixedOrUndefined_Number: valueAccessor<MixedObject | undefined, number> = histoMixedOrUndefined_Number.value();
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.value((d: MixedObject | undefined, i: number, data: ArrayLike<MixedObject | undefined>) => {
+    return d ? d.num : 0;
+});
+
+// MixedObject - Date
+const valueFnMixedObject_Date: valueAccessor<MixedObject, Date> = histoMixedObject_Date.value();
+histoMixedObject_Date = histoMixedObject_Date.value((d: MixedObject, i: number, data: ArrayLike<MixedObject>) => {
+    return d.date;
+});
+
+// MixedObject - Date | undefined
+const valueFnMixedObject_DateOrUndefined: valueAccessor<MixedObject, Date | undefined> = histoMixedObject_DateOrUndefined.value();
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.value((d: MixedObject, i: number, data: ArrayLike<MixedObject>) => {
+    return d.date;
+});
 
 // domain(...) -----------------------------------------------------------------
 
-// test with array
-testHistogram = testHistogram.domain([new Date(2014, 3, 15), new Date(2017, 4, 15)]);
+const domain = timeScale.domain();
+let domainFnNumber: (array: number[]) => [number, number] | [undefined, undefined];
+let domainFnNumberOrUndef: (array: Array<number | undefined>) => [number, number] | [undefined, undefined];
+let domainFnDate: (values: Date[]) => [Date, Date];
 
-// usage with scale domain:
-const domain = tScale.domain();
+// number - number
+domainFnNumber = histoNumber_Number.domain();
+histoNumber_Number = histoNumber_Number.domain([0, 100]);
+histoNumber_Number = histoNumber_Number.domain(d3Array.extent);
 
-testHistogram = testHistogram.domain([domain[0], domain[domain.length]]);
+// MixedObject - number | undefined
+domainFnNumber = histoNumber_Number.domain();
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.domain([0, 100]);
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.domain(d3Array.extent);
 
-// testHistogram = testHistogram.domain(tScale.domain()); // fails, as scale domain is an array with possibly more than the two elements expected by histogram
+// MixedObject | undefined - number | undefined
+domainFnNumberOrUndef = histoMixedOrUndefined_NumberOrUndefined.domain();
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.domain([0, 100]);
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.domain(d3Array.extent);
 
-// use with accessor function
-testHistogram = testHistogram.domain(values => [values[0], values[values.length]]);
+// MixedObject | undefined - number
+domainFnNumber = histoMixedOrUndefined_Number.domain();
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.domain([0, 100]);
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.domain(d3Array.extent);
 
-// get current domain accessor function
-let domainAccessorFn: (values: Date[]) => [Date, Date];
-domainAccessorFn = testHistogram.domain();
+// MixedObject - Date
+domainFnDate = histoMixedObject_Date.domain();
+histoMixedObject_Date = histoMixedObject_Date.domain([new Date(2014, 3, 15), new Date(2017, 4, 15)]);
+histoMixedObject_Date = histoMixedObject_Date.domain([domain[0], domain[domain.length]]);
+histoMixedObject_Date = histoMixedObject_Date.domain((values) => [values[0], values[values.length]]);
+// $ExpectError
+histoMixedObject_Date = histoMixedObject_Date.domain(timeScale.domain()); // fails, as scale domain is an array with possibly more than the two elements expected by histogram
+
+// MixedObject - Date | undefined
+domainFnDate = histoMixedObject_Date.domain();
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.domain([new Date(2014, 3, 15), new Date(2017, 4, 15)]);
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.domain([domain[0], domain[domain.length]]);
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.domain((values) =>  [values[0]!, values[values.length]!]);
 
 // thresholds(...) -------------------------------------------------------------
 
-// with count constant
-defaultHistogram = defaultHistogram.thresholds(3);
+type thresholdsWithUndefinedCont = d3Array.ThresholdCountGenerator;
+type thresholdsWithUndefinedArray = d3Array.ThresholdNumberArrayGenerator<number | undefined>;
 
-// with threshold count generator
-defaultHistogram = defaultHistogram.thresholds(d3Array.thresholdScott);
+let thresholds: d3Array.ThresholdCountGenerator<number> | d3Array.ThresholdNumberArrayGenerator<number>;
+let thresholdsWithUndefined: thresholdsWithUndefinedCont | thresholdsWithUndefinedArray;
+const thresholdsArray: d3Array.ThresholdNumberArrayGenerator<number> = (x: ArrayLike<number>) => [5, 10, 20];
 
-// with thresholds value array
+let thresholdsDate: d3Array.ThresholdDateArrayGenerator<Date>;
+let thresholdsDateOrUndefined: d3Array.ThresholdDateArrayGenerator<Date | undefined>;
 
-testHistogram = testHistogram.thresholds([new Date(2015, 11, 15), new Date(2016, 6, 1), new Date(2016, 8, 30)]);
+// number - number
+thresholds = histoNumber_Number.thresholds();
+histoNumber_Number = histoNumber_Number.thresholds(3);
+histoNumber_Number = histoNumber_Number.thresholds([5, 10, 20]);
+histoNumber_Number = histoNumber_Number.thresholds(d3Array.thresholdScott);
+histoNumber_Number = histoNumber_Number.thresholds(thresholdsArray);
 
-// with thresholds value array accessors
-testHistogram = testHistogram.thresholds((values: Date[], min: Date, max: Date) => {
-    let thresholds: Date[];
-    thresholds = [values[0], values[2], values[4]];
+// MixedObject - number | undefined
+thresholdsWithUndefined = histoMixed_NumberOrUndefined.thresholds();
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.thresholds(3);
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.thresholds([5, 10, 20]);
+histoMixed_NumberOrUndefined = histoMixed_NumberOrUndefined.thresholds(d3Array.thresholdScott);
+
+// MixedObject | undefined - number | undefined
+thresholdsWithUndefined = histoMixedOrUndefined_NumberOrUndefined.thresholds();
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.thresholds(3);
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.thresholds([5, 10, 20]);
+histoMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined.thresholds(d3Array.thresholdScott);
+
+// MixedObject | undefined - number
+thresholds = histoMixedOrUndefined_Number.thresholds();
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.thresholds(5);
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.thresholds([5, 10, 20]);
+histoMixedOrUndefined_Number = histoMixedOrUndefined_Number.thresholds(d3Array.thresholdSturges);
+
+// MixedObject - Date
+thresholdsDate = histoMixedObject_Date.thresholds();
+histoMixedObject_Date = histoMixedObject_Date.thresholds([new Date(2015, 11, 15), new Date(2016, 6, 1), new Date(2016, 8, 30)]);
+histoMixedObject_Date = histoMixedObject_Date.thresholds(timeScale.ticks(timeYear));
+histoMixedObject_Date = histoMixedObject_Date.thresholds((values: ArrayLike<Date>) => [new Date(2015, 11, 15), new Date(2016, 6, 1), new Date(2016, 8, 30)]);
+histoMixedObject_Date = histoMixedObject_Date.thresholds((values: ArrayLike<Date>, min: Date, max: Date) => {
+    const thresholds: Date[] = [values[0], values[2], values[4]];
+    return thresholds;
+});
+// $ExpectError
+histoMixedObject_Date = histoMixedObject_Date.thresholds(d3Array.thresholdScott);
+
+// MixedObject - Date | undefined
+thresholdsDateOrUndefined = histoMixedObject_DateOrUndefined.thresholds();
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.thresholds([new Date(2015, 11, 15), new Date(2016, 6, 1), new Date(2016, 8, 30)]);
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.thresholds(timeScale.ticks(timeYear));
+histoMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined.thresholds((values: ArrayLike<Date | undefined>, min: Date, max: Date) => {
+    const thresholds: Date[] = [values[0]!, new Date(2015, 11, 15), values[values.length]!];
     return thresholds;
 });
 
-testHistogram = testHistogram.thresholds(tScale.ticks(timeYear));
-
 // Use histogram generator =====================================================
 
-numbersArray = [-1, 0, 1, 1, 3, 20, 234];
+undef = d3Array.histogram()([])[0].x0 as undefined;
+undef = d3Array.histogram<number | undefined, number | undefined>()([undefined])[0].x0 as undefined;
 
-let defaultBins: Array<d3Array.Bin<number, number>>;
-defaultBins = defaultHistogram(numbersArray);
+// number - number
+let binsNumber_Number: Array<d3Array.Bin<number, number>>;
+binsNumber_Number = histoNumber_Number([-1, 0, 1, 1, 3, 20, 234]);
 
-let defaultBin: d3Array.Bin<number, number>;
-defaultBin = defaultBins[0];
+let binNumber_Number: d3Array.Bin<number, number>;
+binNumber_Number = binsNumber_Number[0];
 
-num = defaultBin.length; // defaultBin is array
-num = defaultBin[0]; // with element type number
-num = defaultBin.x0; // bin lower bound is number
-num = defaultBin.x1; // bin upper bound is number
+num = binNumber_Number.length;
+num = binNumber_Number[0];
+numOrUndefined = binNumber_Number.x0;
+numOrUndefined = binNumber_Number.x1;
 
-let testBins: Array<d3Array.Bin<MixedObject, Date>>;
-testBins = testHistogram(mixedObjectArray);
-testBins = testHistogram(readonlyMixedObjectArray);
+// MixedObject - number | undefined
+let binsNumberMixed_NumberOrUndefined: Array<d3Array.Bin<MixedObject, number | undefined>>;
+binsNumberMixed_NumberOrUndefined = histoMixed_NumberOrUndefined(mixedObjectArray);
 
-let testBin: d3Array.Bin<MixedObject, Date>;
-testBin = testBins[0];
+let binNumberMixed_NumberOrUndefined: d3Array.Bin<MixedObject, number | undefined>;
+binNumberMixed_NumberOrUndefined = binsNumberMixed_NumberOrUndefined[0];
 
-num = testBin.length; // defaultBin is array
-const mixedObject: MixedObject = testBin[0]; // with element type MixedObject
-date = testBin.x0; // bin lower bound is Date
-date = testBin.x1; // bin upper bound is Date
+num = binNumberMixed_NumberOrUndefined.length;
+mixedObject = binNumberMixed_NumberOrUndefined[0];
+numOrUndefined = binNumberMixed_NumberOrUndefined.x0;
+numOrUndefined = binNumberMixed_NumberOrUndefined.x1;
 
-// Histogram Tresholds =========================================================
+// MixedObject | undefined - number | undefined
+let binsNumberMixedOrUndefined_NumberOrUndefined: Array<d3Array.Bin<MixedObject | undefined, number | undefined>>;
+binsNumberMixedOrUndefined_NumberOrUndefined = histoMixedOrUndefined_NumberOrUndefined(mixedObjectArray);
+
+let binNumberMixedOrUndefined_NumberOrUndefined: d3Array.Bin<MixedObject | undefined, number | undefined>;
+binNumberMixedOrUndefined_NumberOrUndefined = binsNumberMixedOrUndefined_NumberOrUndefined[0];
+
+num = binNumberMixedOrUndefined_NumberOrUndefined.length;
+mixedObjectOrUndefined = binNumberMixedOrUndefined_NumberOrUndefined[0];
+numOrUndefined = binNumberMixedOrUndefined_NumberOrUndefined.x0;
+numOrUndefined = binNumberMixedOrUndefined_NumberOrUndefined.x1;
+
+// MixedObject | undefined - number
+let binsNumberMixedOrUndefined_Number: Array<d3Array.Bin<MixedObject | undefined, number>>;
+binsNumberMixedOrUndefined_Number = histoMixedOrUndefined_Number(mixedObjectArray);
+
+let binNumberMixedOrUndefined_Number: d3Array.Bin<MixedObject | undefined, number>;
+binNumberMixedOrUndefined_Number = binsNumberMixedOrUndefined_Number[0];
+
+num = binNumberMixedOrUndefined_Number.length;
+mixedObjectOrUndefined = binNumberMixedOrUndefined_Number[0];
+numOrUndefined = binNumberMixedOrUndefined_Number.x0;
+numOrUndefined = binNumberMixedOrUndefined_Number.x1;
+
+// MixedObject - Date
+let binsMixedObject_Date: Array<d3Array.Bin<MixedObject, Date>>;
+binsMixedObject_Date = histoMixedObject_Date(mixedObjectArray);
+binsMixedObject_Date = histoMixedObject_Date(readonlyMixedObjectArray);
+
+let binMixedObject_Date: d3Array.Bin<MixedObject, Date>;
+binMixedObject_Date = binsMixedObject_Date[0];
+
+num = binMixedObject_Date.length;
+mixedObject = binMixedObject_Date[0];
+dateOrUndefined = binMixedObject_Date.x0;
+dateOrUndefined = binMixedObject_Date.x1;
+
+// MixedObject - Date | undefined
+let binsMixedObject_DateOrUndefined: Array<d3Array.Bin<MixedObject, Date | undefined>>;
+binsMixedObject_DateOrUndefined = histoMixedObject_DateOrUndefined(mixedObjectArray);
+
+let binMixedObject_DateOrUndefined: d3Array.Bin<MixedObject, Date | undefined>;
+binMixedObject_DateOrUndefined = binsMixedObject_DateOrUndefined[0];
+
+num = binMixedObject_DateOrUndefined.length;
+mixedObject = binMixedObject_DateOrUndefined[0];
+dateOrUndefined = binMixedObject_DateOrUndefined.x0;
+dateOrUndefined = binMixedObject_DateOrUndefined.x1;
+
+// Histogram Thresholds ========================================================
 
 numbersArray = [-1, 0, 1, 1, 3, 20, 234];
 typedArray = new Uint8Array(numbersArray);
@@ -716,3 +934,8 @@ num = d3Array.thresholdScott(readonlyNumbersArray, -1, 234);
 num = d3Array.thresholdSturges(numbersArray);
 num = d3Array.thresholdSturges(typedArray);
 num = d3Array.thresholdSturges(readonlyNumbersArray);
+
+// Deprecated ==================================================================
+
+const histDeprecatedNumber: d3Array.HistogramGenerator<MixedObject, number> = d3Array.histogram<MixedObject, number>();
+const histDeprecatedDate: d3Array.HistogramGenerator<MixedObject, Date> = d3Array.histogram<MixedObject, Date>();
diff --git a/types/d3-array/index.d.ts b/types/d3-array/index.d.ts
index a42f8e1fe9..391e2786be 100644
--- a/types/d3-array/index.d.ts
+++ b/types/d3-array/index.d.ts
@@ -1,10 +1,13 @@
 // Type definitions for D3JS d3-array module 1.2
 // Project: https://github.com/d3/d3-array
-// Definitions by: Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>, Tom Wanzek <https://github.com/tomwanzek>
+// Definitions by: Alex Ford <https://github.com/gustavderdrache>
+//                 Boris Yankov <https://github.com/borisyankov>
+//                 Tom Wanzek <https://github.com/tomwanzek>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-// Last module patch version validated against: 1.2.0
+// Last module patch version validated against: 1.2.1
 
 // --------------------------------------------------------------------------
 // Shared Types and Interfaces
@@ -90,18 +93,27 @@ export function extent<T, U extends Numeric>(array: ArrayLike<T>, accessor: (dat
  * Return the mean of an array of numbers
  */
 export function mean<T extends Numeric>(array: ArrayLike<T | undefined | null>): number | undefined;
+
+/**
+ * Return the mean of an array of numbers
+ */
 export function mean<T>(array: ArrayLike<T>, accessor: (datum: T, index: number, array: ArrayLike<T>) => number | undefined | null): number | undefined;
 
 /**
  * Return the median of an array of numbers
  */
 export function median<T extends Numeric>(array: ArrayLike<T | undefined | null>): number | undefined;
+
+/**
+ * Return the median of an array of numbers
+ */
 export function median<T>(array: ArrayLike<T>, accessor: (element: T, i: number, array: ArrayLike<T>) => number | undefined | null): number | undefined;
 
 /**
  * Returns the p-quantile of an array of numbers
  */
 export function quantile<T extends Numeric>(array: ArrayLike<T | undefined | null>, p: number): number | undefined;
+
 export function quantile<T>(array: ArrayLike<T>, p: number, accessor: (element: T, i: number, array: ArrayLike<T>) => number | undefined | null): number | undefined;
 
 /**
@@ -216,19 +228,23 @@ export function pairs<T>(array: ArrayLike<T>): Array<[T, T]>;
  * Returns the empty array if the input array has fewer than two elements.
  *
  * @param array Array of input elements
- * @param reducer A reducer function taking as input to adjecent elements of the input array and returning a reduced value.
+ * @param reducer A reducer function taking as input to adjacent elements of the input array and returning a reduced value.
  */
 export function pairs<T, U>(array: ArrayLike<T>, reducer: (a: T, b: T) => U): U[];
 
 /**
- * Given the specified array, return an array corresponding to the list of indices in 'keys'.
+ * Returns a permutation of the specified array using the specified array of indexes.
+ * The returned array contains the corresponding element in array for each index in indexes, in order.
+ * For example, `permute(["a", "b", "c"], [1, 2, 0]) // ["b", "c", "a"]`
  */
 export function permute<T>(array: { [key: number]: T }, keys: ArrayLike<number>): T[];
 
 /**
- * Given the specified object, return an array corresponding to the list of property names in 'keys'.
+ * Extract the values from an object into an array with a stable order. For example:
+ * `var object = {yield: 27, year: 1931, site: "University Farm"};`
+ * `d3.permute(object, ["site", "yield"]); // ["University Farm", 27]`
  */
-export function permute<T>(object: { [key: string]: T }, keys: ArrayLike<string>): T[];
+export function permute<T, K extends keyof T>(object: T, keys: ArrayLike<K>): Array<T[K]>;
 
 /**
  * Generates a 0-based numeric sequence. The output range does not include 'stop'.
@@ -312,29 +328,102 @@ export function zip<T>(...arrays: Array<ArrayLike<T>>): T[][];
 // Histogram
 // --------------------------------------------------------------------------------------
 
-export interface Bin<Datum, Value extends number | Date> extends Array<Datum> {
-    x0: Value;
-    x1: Value;
+export interface Bin<Datum, Value extends number | Date | undefined> extends Array<Datum> {
+    x0: Value | undefined;
+    x1: Value | undefined;
 }
 
 /**
  * Type definition for threshold generator which returns the count of recommended thresholds
  */
-export type ThresholdCountGenerator = (values: ArrayLike<number>, min?: number, max?: number) => number;
+export type ThresholdCountGenerator<Value extends number | undefined = number | undefined> =
+    (values: ArrayLike<Value>, min: number, max: number) => number;
 
 /**
- * Type definition for threshold generator which returns an array of recommended thresholds
+ * Type definition for threshold generator which returns an array of recommended numbers thresholds
  */
-export type ThresholdArrayGenerator<Value extends number | Date> = (values: ArrayLike<Value>, min?: Value, max?: Value) => Value[];
+export type ThresholdNumberArrayGenerator<Value extends number | undefined> =
+    (values: ArrayLike<Value>, min: number, max: number) => Value[];
 
-export interface HistogramGenerator<Datum, Value extends number | Date> {
+/**
+ * Type definition for threshold generator which returns an array of recommended dates thresholds
+ */
+export type ThresholdDateArrayGenerator<Value extends Date | undefined> =
+    (values: ArrayLike<Value>, min: Date, max: Date) => Value[];
+
+/**
+ * @deprecated Use ThresholdNumberArrayGenerator or ThresholdDateArrayGenerator.
+ */
+export type ThresholdArrayGenerator = ThresholdNumberArrayGenerator<number>;
+
+/**
+ * @deprecated Use `HistogramGeneratorNumber<Datum, Value>` for `number` values and `HistogramGeneratorDate<Datum, Value> for `Date` values.
+ */
+export interface HistogramGenerator<Datum, Value extends number | Date | undefined> {
     (data: ArrayLike<Datum>): Array<Bin<Datum, Value>>;
+
     value(): (d: Datum, i: number, data: ArrayLike<Datum>) => Value;
     value(valueAccessor: (d: Datum, i: number, data: ArrayLike<Datum>) => Value): this;
-    domain(): (values: ArrayLike<Value>) => [Value, Value];
+
+    domain(): (values: ArrayLike<Value>) => [Value, Value] | [undefined, undefined];
     domain(domain: [Value, Value]): this;
-    domain(domainAccessor: (values: ArrayLike<Value>) => [Value, Value]): this;
-    thresholds(): ThresholdCountGenerator | ThresholdArrayGenerator<Value>;
+    domain(domainAccessor: (values: ArrayLike<Value>) => [Value, Value] | [undefined, undefined]): this;
+
+    /**
+     * Set the array of values to be used as thresholds in determining the bins.
+     *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
+     * @param thresholds Array of threshold values used for binning. The elements must
+     * be of the same type as the materialized values of the histogram.
+     */
+    thresholds(thresholds: ArrayLike<Value>): this;
+}
+
+export interface HistogramCommon<Datum, Value extends number | Date | undefined> {
+    (data: ArrayLike<Datum>): Array<Bin<Datum, Value>>;
+
+    value(): (d: Datum, i: number, data: ArrayLike<Datum>) => Value;
+    value(valueAccessor: (d: Datum, i: number, data: ArrayLike<Datum>) => Value): this;
+}
+
+export interface HistogramGeneratorDate<Datum, Value extends Date | undefined> extends HistogramCommon<Datum, Date> {
+    domain(): (values: ArrayLike<Value>) => [Date, Date];
+    domain(domain: [Date, Date]): this;
+    domain(domainAccessor: (values: ArrayLike<Value>) => [Date, Date]): this;
+
+    thresholds(): ThresholdDateArrayGenerator<Value>;
+    /**
+     * Set the array of values to be used as thresholds in determining the bins.
+     *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
+     * @param thresholds Array of threshold values used for binning. The elements must
+     * be of the same type as the materialized values of the histogram.
+     */
+    thresholds(thresholds: ArrayLike<Value>): this;
+    /**
+     * Set a threshold accessor function, which returns the array of values to be used as
+     * thresholds in determining the bins.
+     *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
+     * @param thresholds A function which accepts as arguments the array of materialized values, and
+     * optionally the domain minimum and maximum. The function calculates and returns the array of values to be used as
+     * thresholds in determining the bins.
+     */
+    thresholds(thresholds: ThresholdDateArrayGenerator<Value>): this;
+}
+
+export interface HistogramGeneratorNumber<Datum, Value extends number | undefined> extends HistogramCommon<Datum, Value> {
+    domain(): (values: ArrayLike<Value>) => [number, number] | [undefined, undefined];
+    domain(domain: [number, number]): this;
+    domain(domainAccessor: (values: ArrayLike<Value>) => [number, number] | [undefined, undefined]): this;
+
+    thresholds(): ThresholdCountGenerator<Value> | ThresholdNumberArrayGenerator<Value>;
     /**
      * Divide the domain uniformly into approximately count bins. IMPORTANT: This threshold
      * setting approach only works, when the materialized values are numbers!
@@ -354,10 +443,10 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
      * and the last bin.x1 is always equal to the maximum domain value.
      *
      * @param count A function which accepts as arguments the array of materialized values, and
-     * optionally the domain minimum and maximum. The function calcutates and returns the suggested
+     * optionally the domain minimum and maximum. The function calculates and returns the suggested
      * number of bins.
      */
-    thresholds(count: ThresholdCountGenerator): this;
+    thresholds(count: ThresholdCountGenerator<Value>): this;
     /**
      * Set the array of values to be used as thresholds in determining the bins.
      *
@@ -376,21 +465,28 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
      * and the last bin.x1 is always equal to the maximum domain value.
      *
      * @param thresholds A function which accepts as arguments the array of materialized values, and
-     * optionally the domain minimum and maximum. The function calcutates and returns the array of values to be used as
+     * optionally the domain minimum and maximum. The function calculates and returns the array of values to be used as
      * thresholds in determining the bins.
      */
-    thresholds(thresholds: ThresholdArrayGenerator<Value>): this;
+    thresholds(thresholds: ThresholdNumberArrayGenerator<Value>): this;
 }
 
-export function histogram(): HistogramGenerator<number, number>;
-export function histogram<Datum, Value extends number | Date>(): HistogramGenerator<Datum, Value>;
+export function histogram(): HistogramGeneratorNumber<number, number>;
+export function histogram<Datum, Value extends number | undefined>(): HistogramGeneratorNumber<Datum, Value>;
+export function histogram<Datum, Value extends Date | undefined>(): HistogramGeneratorDate<Datum, Value>;
+
+/**
+ * @deprecated Do not use Value generic which mixes number and Date types. Use either number or Date
+ * (in combination with undefined, as applicable) to obtain a type-specific histogram generator.
+ */
+export function histogram<Datum, Value extends number | Date | undefined>(): HistogramGenerator<Datum, Value>;
 
 // --------------------------------------------------------------------------------------
 // Histogram Thresholds
 // --------------------------------------------------------------------------------------
 
-export function thresholdFreedmanDiaconis(values: ArrayLike<number>, min: number, max: number): number; // of type ThresholdCountGenerator
+export function thresholdFreedmanDiaconis(values: ArrayLike<number | undefined>, min: number, max: number): number; // of type ThresholdCountGenerator
 
-export function thresholdScott(values: ArrayLike<number>, min: number, max: number): number; // of type ThresholdCountGenerator
+export function thresholdScott(values: ArrayLike<number | undefined>, min: number, max: number): number; // of type ThresholdCountGenerator
 
-export function thresholdSturges(values: ArrayLike<number>): number; // of type ThresholdCountGenerator
+export function thresholdSturges(values: ArrayLike<number | undefined>): number; // of type ThresholdCountGenerator
diff --git a/types/d3-array/tsconfig.json b/types/d3-array/tsconfig.json
index a1dbb238ee..3c940b388e 100644
--- a/types/d3-array/tsconfig.json
+++ b/types/d3-array/tsconfig.json
@@ -8,7 +8,7 @@
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
-        "strictFunctionTypes": false,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/d3-brush/d3-brush-tests.ts b/types/d3-brush/d3-brush-tests.ts
index bce080f424..dc2c9a0dc8 100644
--- a/types/d3-brush/d3-brush-tests.ts
+++ b/types/d3-brush/d3-brush-tests.ts
@@ -98,7 +98,7 @@ brush.on('end', function(d, i, g) {
 // -----------------------------------------------------------------------------
 
 const g = select<SVGSVGElement, any>('svg')
-    .append<SVGGElement>('g')
+    .append('g')
     .classed('brush', true)
     .datum<BrushDatum>({
         extent: [[0, 0], [300, 200]],
@@ -108,7 +108,7 @@ const g = select<SVGSVGElement, any>('svg')
 g.call(brush);
 
 const gX = select<SVGSVGElement, any>('svg')
-    .append<SVGGElement>('g')
+    .append('g')
     .classed('brush', true)
     .datum<BrushDatum>({
         extent: [[0, 0], [300, 200]],
diff --git a/types/d3-chord/d3-chord-tests.ts b/types/d3-chord/d3-chord-tests.ts
index 284e307024..4c36641e77 100644
--- a/types/d3-chord/d3-chord-tests.ts
+++ b/types/d3-chord/d3-chord-tests.ts
@@ -193,5 +193,5 @@ ribbonPaths = select<SVGGElement, any>('g')
     .datum(chords)
     .selectAll()
     .data(chords => chords)
-    .enter().append<SVGPathElement>('path')
+    .enter().append('path')
     .attr('d', svgRibbon);
diff --git a/types/d3-contour/d3-contour-tests.ts b/types/d3-contour/d3-contour-tests.ts
index 4563521751..2d23017040 100644
--- a/types/d3-contour/d3-contour-tests.ts
+++ b/types/d3-contour/d3-contour-tests.ts
@@ -10,7 +10,7 @@ import * as d3Contour from 'd3-contour';
 import {
     range,
     thresholdSturges,
-    ThresholdArrayGenerator,
+    ThresholdNumberArrayGenerator,
     ThresholdCountGenerator
 } from 'd3-array';
 import { geoPath } from 'd3-geo';
@@ -39,13 +39,13 @@ function goldsteinPrice(x: number, y: number) {
 
 let size: [number, number];
 let boolFlag: boolean;
-const thresholdArrayGen: ThresholdArrayGenerator<number> = (values: ArrayLike<number>, min?: number, max?: number) => {
+const thresholdArrayGen: ThresholdNumberArrayGenerator<number> = (values: ArrayLike<number>, min?: number, max?: number) => {
     let thresholds: number[];
     thresholds = [values[1], values[2], values[4]];
     return thresholds;
 };
 
-let thresholdGenerator: ThresholdArrayGenerator<number> | ThresholdCountGenerator;
+let thresholdGenerator: ThresholdNumberArrayGenerator<number> | ThresholdCountGenerator<number>;
 let pathStringMaybe: string | null;
 let num: number;
 
@@ -144,6 +144,13 @@ contDensCustom = contDensCustom.y((datum) => {
 // get
 const yAcc: (d: CustomDatum) => number = contDensCustom.y();
 
+// weight(...) -----------------------------------------------------------------
+contDensCustom = contDensCustom.weight((datum) => {
+    return 5;
+});
+
+// get
+const weightAcc: (d: CustomDatum) => number = contDensCustom.weight();
 // size(...) -------------------------------------------------------------------
 
 // set with chainability
diff --git a/types/d3-contour/index.d.ts b/types/d3-contour/index.d.ts
index c0b3d70b5e..bb77fb4ef8 100644
--- a/types/d3-contour/index.d.ts
+++ b/types/d3-contour/index.d.ts
@@ -1,13 +1,13 @@
-// Type definitions for d3-contour 1.2
+// Type definitions for d3-contour 1.3
 // Project: https://d3js.org/d3-contour/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Hugues Stefanski <https://github.com/Ledragon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-// Last module patch version validated against: 1.2.0
+// Last module patch version validated against: 1.3.2
 
 import { MultiPolygon } from 'geojson';
-import { ThresholdArrayGenerator, ThresholdCountGenerator } from 'd3-array';
+import { ThresholdNumberArrayGenerator, ThresholdCountGenerator } from 'd3-array';
 
 /**
  * An extended GeoJSON MultiPolygon representing a contour.
@@ -78,7 +78,7 @@ export interface Contours {
     /**
      * Returns the current threshold generator, which by default implements Sturges’ formula.
      */
-    thresholds(): ThresholdCountGenerator | ThresholdArrayGenerator<number>;
+    thresholds(): ThresholdCountGenerator<number> | ThresholdNumberArrayGenerator<number>;
     /**
      * Sets the threshold generator to use the specified count and returns this contour generator.
      * The input values’ extent will be uniformly divided into approximately count bins.
@@ -110,7 +110,7 @@ export interface Contours {
      * @param thresholds A threshold generator function. The threshold generator function is passed the array of input values
      * as its argument and returns either an array of calculated thresholds, or the count of thresholds to use.
      */
-    thresholds(thresholds: ThresholdCountGenerator | ThresholdArrayGenerator<number>): this;
+    thresholds(thresholds: ThresholdCountGenerator<number> | ThresholdNumberArrayGenerator<number>): this;
 }
 
 /**
@@ -169,6 +169,18 @@ export interface ContourDensity<Datum = [number, number]> {
      */
     y(y: (d: Datum) => number): this;
 
+    /**
+     * Returns the current point weight accessor.
+     */
+    weight(): (d: Datum) => number;
+
+    /**
+     * Sets the point weight accessor and returns the density contour estimator.
+     *
+     * @param weight A point weight accessor function.
+     */
+    weight(weight: (d: Datum) => number): this;
+
     /**
      * Returns the current size, which defaults to [960, 500].
      */
@@ -196,7 +208,7 @@ export interface ContourDensity<Datum = [number, number]> {
     /**
      * Returns the current threshold generator, which by default generates about twenty nicely-rounded density thresholds.
      */
-    thresholds(): ThresholdCountGenerator | ThresholdArrayGenerator<number>;
+    thresholds(): ThresholdCountGenerator<number> | ThresholdNumberArrayGenerator<number>;
     /**
      * Sets the threshold generator to use the specified count and returns this density contour estimator.
      * Approximately count uniformly-spaced nicely-rounded thresholds will be generated.
@@ -228,7 +240,7 @@ export interface ContourDensity<Datum = [number, number]> {
      * @param thresholds A threshold generator function. The threshold generator function is passed the array of input values
      * as its argument and returns either an array of calculated thresholds, or the count of thresholds to use.
      */
-    thresholds(thresholds: ThresholdCountGenerator | ThresholdArrayGenerator<number>): this;
+    thresholds(thresholds: ThresholdCountGenerator<number> | ThresholdNumberArrayGenerator<number>): this;
 
     /**
      * Returns the current bandwidth, which defaults to 20.4939….
diff --git a/types/d3-drag/index.d.ts b/types/d3-drag/index.d.ts
index 9aa1ccf8d2..3e76a2f976 100644
--- a/types/d3-drag/index.d.ts
+++ b/types/d3-drag/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/d3/d3-drag/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 // Last module patch version validated against: 1.2.1
 
diff --git a/types/d3-dsv/d3-dsv-tests.ts b/types/d3-dsv/d3-dsv-tests.ts
index f3adb34e00..259180632f 100644
--- a/types/d3-dsv/d3-dsv-tests.ts
+++ b/types/d3-dsv/d3-dsv-tests.ts
@@ -5,6 +5,7 @@
  * in the sense of typing and call signature consistency. They
  * are not intended as functional tests.
  */
+/* tslint:disable:no-unnecessary-type-assertion */
 
 import * as d3Dsv from 'd3-dsv';
 
@@ -16,9 +17,9 @@ const csvTestString = '1997,Ford,E350,2.34\n2000,Mercury,Cougar,2.38';
 const tsvTestString = '1997\tFord\tE350\t2.34\n2000\tMercury\tCougar\t2.38';
 const pipedTestString = '1997|Ford|E350|2.34\n2000|Mercury|Cougar|2.38';
 
-const csvTestStringWithHeader = 'Year,Make,Model,Length\n1997,Ford,E350,2.34\n2000,Mercury,Cougar,2.38';
-const tsvTestStringWithHeader = 'Year\tMake\tModel\tLength\n1997\tFord\tE350\t2.34\n2000\tMercury\tCougar\t2.38';
-const pipedTestStringWithHeader = 'Year|Make|Model|Length\n1997|Ford|E350|2.34\n2000|Mercury|Cougar|2.38';
+const csvTestStringWithHeader = `Year,Make,Model,Length\n${csvTestString}`;
+const tsvTestStringWithHeader = `Year\tMake\tModel\tLength\n${tsvTestString}`;
+const pipedTestStringWithHeader = `Year|Make|Model|Length\n${pipedTestString}`;
 
 interface ParsedTestObject {
     year: Date | null;
@@ -33,9 +34,8 @@ let parseMappedArray: d3Dsv.DSVParsedArray<ParsedTestObject>;
 let parseRowsArray: string[][];
 let parseRowsMappedArray: ParsedTestObject[];
 
+let parsedTestObject: ParsedTestObject;
 let columns: string[];
-let num: number;
-let dateNull: Date | null;
 let str: string;
 let strMaybe: string | undefined;
 
@@ -48,12 +48,8 @@ let strMaybe: string | undefined;
 // without row mapper -----------------------------------------------------------------------
 
 parseArray = d3Dsv.csvParse(csvTestStringWithHeader);
-
 columns = parseArray.columns;
-
-strMaybe = parseArray[0]['Year'];
-// $ExpectError
-date = parseArray[0]['Year']; // fails, return value is string
+strMaybe = parseArray[0].Year;
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -61,28 +57,15 @@ parseMappedArray = d3Dsv.csvParse(csvTestStringWithHeader, (rawRow, index, colum
     const rr: d3Dsv.DSVRowString = rawRow;
     const i: number = index;
     const c: string[] = columns;
-    const pr: ParsedTestObject = {
-        year: rr['Year'] ? new Date(+rr['Year']!, 0, 1) : null,
-        make: rr['Make'] ? rr['Make']! : "Missing Value",
-        model: rr['Model'] ? rr['Model']! : "Missing Value",
-        length: rr['Length'] ? +rr['Length']! : NaN
-    };
-    return pr;
-});
-
-parseMappedArray = d3Dsv.csvParse(csvTestStringWithHeader, (rawRow, index, columns) => {
-    const rr: d3Dsv.DSVRowString = rawRow;
-    const i: number = index;
-    const c: string[] = columns;
-    const d: number | null = rr['Year'] ? +rr['Year']! : null;
+    const d: number | null = rr.Year ? +rr.Year! : null;
     const pr: ParsedTestObject | null | undefined = d !== null
         ? (
             d > 1997
                 ? {
                     year: new Date(d, 0, 1),
-                    make: rr['Make'] ? rr['Make']! : "Missing Value",
-                    model: rr['Model'] ? rr['Model']! : "Missing Value",
-                    length: rr['Length'] ? +rr['Length']! : NaN
+                    make: rr.Make ? rr.Make! : "Missing Value",
+                    model: rr.Model ? rr.Model! : "Missing Value",
+                    length: rr.Length ? +rr.Length! : NaN
                 }
                 : undefined
         )
@@ -91,21 +74,14 @@ parseMappedArray = d3Dsv.csvParse(csvTestStringWithHeader, (rawRow, index, colum
 });
 
 columns = parseMappedArray.columns;
-
-dateNull = parseMappedArray[0].year;
-strMaybe = parseMappedArray[0].make;
-strMaybe = parseMappedArray[0].model;
-num = parseMappedArray[0].length;
+parsedTestObject = parseMappedArray[0];
 
 // csvParseRows(...) ============================================================================
 
 // without row mapper -----------------------------------------------------------------------
 
 parseRowsArray = d3Dsv.csvParseRows(csvTestString);
-
 strMaybe = parseRowsArray[0][0]; // 'Year' of first row
-// $ExpectError
-date = parseRowsArray[0][0]; // fails, return value is string
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -128,15 +104,12 @@ parseRowsMappedArray = d3Dsv.csvParseRows(csvTestString, (rawRow, index) => {
     return pr;
 });
 
-dateNull = parseRowsMappedArray[0].year;
-strMaybe = parseRowsMappedArray[0].make;
-strMaybe = parseRowsMappedArray[0].model;
-num = parseRowsMappedArray[0].length;
-
 // csvFormat(...) ============================================================================
 
 str = d3Dsv.csvFormat(parseRowsMappedArray);
-str = d3Dsv.csvFormat(parseRowsMappedArray, columns);
+str = d3Dsv.csvFormat(parseRowsMappedArray, ["year", "length"]);
+// $ExpectError
+str = d3Dsv.csvFormat(parseRowsMappedArray, ["year", "unknown"]);
 
 // csvFormatRows(...) ========================================================================
 
@@ -156,12 +129,8 @@ str = d3Dsv.csvFormatRows(parseRowsMappedArray.map((d, i) => [
 // without row mapper -----------------------------------------------------------------------
 
 parseArray = d3Dsv.tsvParse(tsvTestStringWithHeader);
-
 columns = parseArray.columns;
-
-strMaybe = parseArray[0]['Year'];
-// $ExpectError
-date = parseArray[0]['Year']; // fails, return value is string
+strMaybe = parseArray[0].Year;
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -169,15 +138,15 @@ parseMappedArray = d3Dsv.tsvParse(tsvTestStringWithHeader, (rawRow, index, colum
     const rr: d3Dsv.DSVRowString = rawRow;
     const i: number = index;
     const c: string[] = columns;
-    const d: number | null = rr['Year'] ? +rr['Year']! : null;
+    const d: number | null = rr.Year ? +rr.Year! : null;
     const pr: ParsedTestObject | null | undefined = d !== null
         ? (
             d > 1997
                 ? {
                     year: new Date(d, 0, 1),
-                    make: rr['Make'] ? rr['Make']! : "Missing Value",
-                    model: rr['Model'] ? rr['Model']! : "Missing Value",
-                    length: rr['Length'] ? +rr['Length']! : NaN
+                    make: rr.Make ? rr.Make! : "Missing Value",
+                    model: rr.Model ? rr.Model! : "Missing Value",
+                    length: rr.Length ? +rr.Length! : NaN
                 }
                 : undefined
         )
@@ -186,21 +155,14 @@ parseMappedArray = d3Dsv.tsvParse(tsvTestStringWithHeader, (rawRow, index, colum
 });
 
 columns = parseMappedArray.columns;
-
-dateNull = parseMappedArray[0].year;
-strMaybe = parseMappedArray[0].make;
-strMaybe = parseMappedArray[0].model;
-num = parseMappedArray[0].length;
+parsedTestObject = parseMappedArray[0];
 
 // tsvParseRows(...) ============================================================================
 
 // without row mapper -----------------------------------------------------------------------
 
 parseRowsArray = d3Dsv.tsvParseRows(tsvTestString);
-
 strMaybe = parseRowsArray[0][0]; // 'Year' of first row
-// $ExpectError
-date = parseRowsArray[0][0]; // fails, return value is string
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -223,15 +185,12 @@ parseRowsMappedArray = d3Dsv.tsvParseRows(tsvTestString, (rawRow, index) => {
     return pr;
 });
 
-dateNull = parseRowsMappedArray[0].year;
-strMaybe = parseRowsMappedArray[0].make;
-strMaybe = parseRowsMappedArray[0].model;
-num = parseRowsMappedArray[0].length;
-
 // tsvFormat(...) ============================================================================
 
 str = d3Dsv.tsvFormat(parseRowsMappedArray);
-str = d3Dsv.tsvFormat(parseRowsMappedArray, columns);
+str = d3Dsv.tsvFormat(parseRowsMappedArray, ["year", "length"]);
+// $ExpectError
+str = d3Dsv.tsvFormat(parseRowsMappedArray, ["year", "unknown"]);
 
 // tsvFormatRows(...) ========================================================================
 
@@ -256,12 +215,8 @@ dsv = d3Dsv.dsvFormat('|');
 // without row mapper -----------------------------------------------------------------------
 
 parseArray = dsv.parse(pipedTestStringWithHeader);
-
 columns = parseArray.columns;
-
-strMaybe = parseArray[0]['Year'];
-// $ExpectError
-date = parseArray[0]['Year']; // fails, return value is string
+strMaybe = parseArray[0].Year;
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -269,15 +224,15 @@ parseMappedArray = dsv.parse(pipedTestStringWithHeader, (rawRow, index, columns)
     const rr: d3Dsv.DSVRowString = rawRow;
     const i: number = index;
     const c: string[] = columns;
-    const d: number | null = rr['Year'] ? +rr['Year']! : null;
+    const d: number | null = rr.Year ? +rr.Year! : null;
     const pr: ParsedTestObject | null | undefined = d !== null
         ? (
             d > 1997
                 ? {
                     year: new Date(d, 0, 1),
-                    make: rr['Make'] ? rr['Make']! : "Missing Value",
-                    model: rr['Model'] ? rr['Model']! : "Missing Value",
-                    length: rr['Length'] ? +rr['Length']! : NaN
+                    make: rr.Make ? rr.Make! : "Missing Value",
+                    model: rr.Model ? rr.Model! : "Missing Value",
+                    length: rr.Length ? +rr.Length! : NaN
                 }
                 : undefined
         )
@@ -286,21 +241,14 @@ parseMappedArray = dsv.parse(pipedTestStringWithHeader, (rawRow, index, columns)
 });
 
 columns = parseMappedArray.columns;
-
-dateNull = parseMappedArray[0].year;
-strMaybe = parseMappedArray[0].make;
-strMaybe = parseMappedArray[0].model;
-num = parseMappedArray[0].length;
+parsedTestObject = parseMappedArray[0];
 
 // parseRows(...) ============================================================================
 
 // without row mapper -----------------------------------------------------------------------
 
 parseRowsArray = dsv.parseRows(pipedTestString);
-
 strMaybe = parseRowsArray[0][0]; // 'Year' of first row
-// $ExpectError
-date = parseRowsArray[0][0]; // fails, return value is string
 
 // with row mapper ---------------------------------------------------------------------------
 
@@ -323,15 +271,12 @@ parseRowsMappedArray = dsv.parseRows(pipedTestString, (rawRow, index) => {
     return pr;
 });
 
-dateNull = parseRowsMappedArray[0].year;
-strMaybe = parseRowsMappedArray[0].make;
-strMaybe = parseRowsMappedArray[0].model;
-num = parseRowsMappedArray[0].length;
-
 // format(...) ============================================================================
 
 str = dsv.format(parseRowsMappedArray);
-str = dsv.format(parseRowsMappedArray, columns);
+str = dsv.format(parseRowsMappedArray, ["year", "length"]);
+// $ExpectError
+str = dsv.format(parseRowsMappedArray, ["year", "unknown"]);
 
 // formatRows(...) ========================================================================
 
diff --git a/types/d3-dsv/index.d.ts b/types/d3-dsv/index.d.ts
index 228384ed42..bdebc5ca01 100644
--- a/types/d3-dsv/index.d.ts
+++ b/types/d3-dsv/index.d.ts
@@ -1,9 +1,13 @@
 // Type definitions for D3JS d3-dsv module 1.0
 // Project: https://github.com/d3/d3-dsv/
-// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+//                 Alex Ford <https://github.com/gustavderdrache>
+//                 Boris Yankov <https://github.com/borisyankov>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
-// Last module patch version validated against: 1.0.8
+// Last module patch version validated against: 1.0.10
 
 // ------------------------------------------------------------------------------------------
 // Shared Types and Interfaces
@@ -19,6 +23,8 @@ export interface DSVRowString {
 /**
  * An object representing a DSV parsed row with values represented as an arbitrary datatype, depending
  * on the performed parsed row mapping.
+ *
+ * @deprecated
  */
 export interface DSVRowAny {
     [key: string]: any;
@@ -70,7 +76,7 @@ export function csvParse(csvString: string): DSVParsedArray<DSVRowString>;
  * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
  * In effect, row is similar to applying a map and filter operator to the returned rows.
  */
-export function csvParse<ParsedRow extends DSVRowAny>(
+export function csvParse<ParsedRow extends object>(
     csvString: string,
     row: (rawRow: DSVRowString, index: number, columns: string[]) => ParsedRow | undefined | null
 ): DSVParsedArray<ParsedRow>;
@@ -105,7 +111,7 @@ export function csvParseRows(csvString: string): string[][];
  * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
  * In effect, row is similar to applying a map and filter operator to the returned rows.
  */
-export function csvParseRows<ParsedRow extends DSVRowAny>(
+export function csvParseRows<ParsedRow extends object>(
     csvString: string,
     row: (rawRow: string[], index: number) => ParsedRow | undefined | null
 ): ParsedRow[];
@@ -126,7 +132,7 @@ export function csvParseRows<ParsedRow extends DSVRowAny>(
  * @param rows Array of object rows.
  * @param columns An array of strings representing the column names.
  */
-export function csvFormat(rows: DSVRowAny[], columns?: string[]): string;
+export function csvFormat<T extends object>(rows: T[], columns?: Array<keyof T>): string;
 
 // csvFormatRows(...) ========================================================================
 
@@ -180,7 +186,7 @@ export function tsvParse(tsvString: string): DSVParsedArray<DSVRowString>;
  * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
  * In effect, row is similar to applying a map and filter operator to the returned rows.
  */
-export function tsvParse<MappedRow extends DSVRowAny>(
+export function tsvParse<MappedRow extends object>(
     tsvString: string,
     row: (rawRow: DSVRowString, index: number, columns: string[]) => MappedRow | undefined | null
 ): DSVParsedArray<MappedRow>;
@@ -215,7 +221,7 @@ export function tsvParseRows(tsvString: string): string[][];
  * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
  * In effect, row is similar to applying a map and filter operator to the returned rows.
  */
-export function tsvParseRows<MappedRow extends DSVRowAny>(
+export function tsvParseRows<MappedRow extends object>(
     tsvString: string,
     row: (rawRow: string[], index: number) => MappedRow | undefined | null
 ): MappedRow[];
@@ -236,7 +242,7 @@ export function tsvParseRows<MappedRow extends DSVRowAny>(
  * @param rows Array of object rows.
  * @param columns An array of strings representing the column names.
  */
-export function tsvFormat(rows: DSVRowAny[], columns?: string[]): string;
+export function tsvFormat<T extends object>(rows: T[], columns?: Array<keyof T>): string;
 
 // tsvFormatRows(...) ========================================================================
 
@@ -288,7 +294,7 @@ export interface DSV {
      * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
      * In effect, row is similar to applying a map and filter operator to the returned rows.
      */
-    parse<ParsedRow extends DSVRowAny>(
+    parse<ParsedRow extends object>(
         dsvString: string,
         row: (rawRow: DSVRowString, index: number, columns: string[]) => ParsedRow | undefined | null
     ): DSVParsedArray<ParsedRow>;
@@ -317,7 +323,7 @@ export interface DSV {
      * the row is skipped and will be omitted from the array returned by dsv.parse; otherwise, the returned value defines the corresponding row object.
      * In effect, row is similar to applying a map and filter operator to the returned rows.
      */
-    parseRows<ParsedRow extends DSVRowAny>(
+    parseRows<ParsedRow extends object>(
         dsvString: string,
         row: (rawRow: string[], index: number) => ParsedRow | undefined | null
     ): ParsedRow[];
@@ -334,7 +340,7 @@ export interface DSV {
      * @param rows Array of object rows.
      * @param columns An array of strings representing the column names.
      */
-    format(rows: DSVRowAny[], columns?: string[]): string;
+    format<T extends object>(rows: T[], columns?: Array<keyof T>): string;
 
     /**
      * Formats the specified array of array of string rows as delimiter-separated values, returning a string.
diff --git a/types/d3-fetch/index.d.ts b/types/d3-fetch/index.d.ts
index 25343d1bf5..3ea81690a0 100644
--- a/types/d3-fetch/index.d.ts
+++ b/types/d3-fetch/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://d3js.org/d3-fetch/
 // Definitions by: Hugues Stefanski <https://github.com/ledragon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
 // Last module patch version validated against: 1.1.0
 
diff --git a/types/d3-graphviz/d3-graphviz-tests.ts b/types/d3-graphviz/d3-graphviz-tests.ts
new file mode 100644
index 0000000000..eef9436a09
--- /dev/null
+++ b/types/d3-graphviz/d3-graphviz-tests.ts
@@ -0,0 +1,16 @@
+import { select, BaseType } from 'd3-selection';
+import * as d3Graphviz from 'd3-graphviz';
+
+let graphviz: d3Graphviz.Graphviz<BaseType, any, BaseType, any>;
+
+// Can get a graphviz render using extension method on d3-select
+graphviz = select('test').graphviz();
+
+// Can use graphviz method as selector
+graphviz = d3Graphviz.graphviz('test');
+
+// Can get the options
+const options: d3Graphviz.GraphvizOptions = d3Graphviz.graphviz('').options();
+
+// Can set the options
+graphviz = graphviz.options(options);
diff --git a/types/d3-graphviz/index.d.ts b/types/d3-graphviz/index.d.ts
new file mode 100644
index 0000000000..e3a30ce4f7
--- /dev/null
+++ b/types/d3-graphviz/index.d.ts
@@ -0,0 +1,455 @@
+// Type definitions for d3-graphviz 2.6
+// Project: https://github.com/magjac/d3-graphviz
+// Definitions by: Dom Parfitt <https://github.com/DomParfitt>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { ZoomBehavior } from 'd3-zoom';
+import { Selection, BaseType, ValueFn } from 'd3-selection';
+import { Transition } from 'd3-transition';
+
+/**
+ * Define methods which act as extensions to d3-selection
+ */
+declare module 'd3-selection' {
+    interface Selection<GElement extends BaseType, Datum, PElement extends BaseType, PDatum> {
+        /**
+         * Returns a new graphviz renderer instance on the first element in the given selection. If a graphviz renderer instance already exists
+         * on that element, instead returns the existing graphviz renderer instance.
+         * @param options either a GraphvizOptions object representing the options of the graphviz renderer or a boolean representing the
+         *                  useWorker option.
+         */
+        graphviz(options?: GraphvizOptions | boolean): Graphviz<GElement, Datum, BaseType, PDatum>;
+
+        /**
+         * For each selected element, selects the first descendant element that matches the specified selector string in the same ways as
+         * d3-selection.select, but does not propagate any associated data from the current element to the corresponding selected element.
+         */
+        selectWithoutDataPropagation(): Selection<GElement, Datum, PElement, PDatum>;
+    }
+}
+
+/**
+ * Creates a new graphviz renderer instance on the first element matching the given selector string. If the selector is not a string,
+ * instead creates a new graphviz renderer instance on the specified node. If a graphviz renderer instance already exists on that
+ * element, instead returns the existing graphviz renderer instance.
+ * @param selector either a string representing a selector for a given node or an instance of a node
+ * @param options the options to be applied to the graphviz renderer
+ */
+export function graphviz(selector: string | BaseType, options?: GraphvizOptions | boolean): Graphviz<BaseType, any, BaseType, any>;
+
+/**
+ * Interface representing the Graphviz Renderer. Methods generally return the instance of the
+ * object they were called on (i.e this) in order to allow for easy method chaining.
+ */
+export interface Graphviz<GElement extends BaseType, Datum, PElement extends BaseType, PDatum> {
+    // Options
+    /**
+     * Gets the currently set options object on the renderer
+     */
+    options(): GraphvizOptions;
+
+    /**
+     * Sets the options provided. Does not overwrite existing options that are not
+     * provided in the options parameter.
+     * @param options the options to set on the renderer
+     */
+    options(options: GraphvizOptions): this;
+
+    // Rendering
+    /**
+     * Renders an SVG graph from the specified src string and appends it to the selection the grapviz
+     * renderer instance was generated on.
+     * @param src a string representing a valid string in the DOT language
+     * @param callback
+     */
+    renderDot(src: string, callback?: () => void): this;
+
+    /**
+     * Starts computation of the layout of a graph from the specified dotSrc string and saves the data for
+     * rendering the SVG with {@link render} at a later stage.
+     * @param src a string representing a valid string in the DOT language
+     * @param callback
+     */
+    dot(src: string, callback?: () => void): this;
+
+    /**
+     * Starts rendering of an SVG graph from data saved by {@link dot} and appends it to the selection
+     * the grapviz renderer instance was generated on.
+     * @param callback
+     */
+    render(callback?: () => void): this;
+
+    /**
+     * Sets the Graphviz layout engine name to the specified engine string.
+     * @param engine a string taking one of the following values:
+     *            - circo
+     *            - dot
+     *            - fdp
+     *            - neato
+     *            - osage
+     *            - patchwork
+     *            - twopi
+     */
+    engine(engine: Engine): this;
+
+    /**
+     * Sets the callback that is called if the layout computation encounters
+     * an error. If no callback is passed then it removes the existing callback.
+     * @param callback the call back function triggered by an error
+     */
+    onerror(callback?: (errorMessage: any) => void): this;
+
+    // Images
+    /**
+     * Add an image reference. Must be called before {@link renderDot} ir {@link dot}
+     * are called.
+     * @param path the path of the image, may be a filename, relative or absolute path or a URL
+     * @param width the width of the image, if a string is used then it may specify units. Allowed
+     *               units are: in, px, pc, pt, cm, or mm. If no units are given or dimensions are
+     *               given as numbers, points (pt) are used.
+     * @param height the height of the image, which follows the same unit rules as width.
+     */
+    addImage(path: string, width: number | string, height: number | string): this;
+
+    // Creating Transitions
+    /**
+     * Applies the specified transition name to subsequent SVG rendering. Accepts the same arguments
+     * as {@link d3-select.transition} or a function, but returns the graph renderer instance, not the
+     * transition. If name is a function, it is taken to be a transition factory. A transition factory
+     * is a function that returns a transition.
+     * @param name either a function returning a transition, a transition object or a string naming a
+     *              transition
+     */
+    transition(name?: () => Transition<GElement, Datum, PElement, PDatum> | string | Transition<GElement, Datum, PElement, PDatum>): this;
+
+    /**
+     * Returns the active transition on the generated graph's top level svg with the specified name,
+     * if any. Returns null if there is no such active transition on the top level svg node.
+     * @param name the name of the transition
+     */
+    active(name?: string): Transition<GElement, Datum, PElement, PDatum> | null;
+
+    // Controlling SVG and Graph Size
+    /**
+     * Sets the SVG width attribute.
+     * @param width the width in pixels
+     */
+    width(width: number): this;
+
+    /**
+     * Sets the SVG height attribute
+     * @param height the height in pixels
+     */
+    height(height: number): this;
+
+    /**
+     * Sets whether the graph's viewbox is affected by the size of its parent SVG's size
+     * @param fit true, if the graph should scale to fit its parent, false if it should
+     *             remain at its original size
+     */
+    fit(fit: boolean): this;
+
+    /**
+     * Sets the value the graph should scale by in relation to its parent SVG. Scaling
+     * only occurs if fit is set to true
+     * @param scale the scale value with 1.0 being 100%, 0.5 being 50% etc.
+     */
+    scale(scale: number): this;
+
+    // Control Flow
+    /**
+     * Adds or removes a listener to the graphviz renderer instance for the specified event typenames.
+     * @param typenames
+     * @param callback
+     */
+    on(typenames: TypeNames, callback?: () => void): this;
+
+    /**
+     * Sets whether events are logged or not.
+     * @param enable true if events should be logged, false if not
+     */
+    logEvents(enable: boolean): this;
+
+    // Controlling Fade
+    /**
+     * Sets whether fade in and out of nodes is enabled.
+     * @param enable true to enable fade in and out, false to disable
+     */
+    fade(enable: boolean): this;
+
+    // Controlling Animated Growth of Entering Edges
+    /**
+     * Sets whether animated growth of entering edges is enabled.
+     * @param enable true to animate entering edges, false to disable
+     */
+    growEnteringEdges(enable: boolean): this;
+
+    // Controlling Path Tweening
+    /**
+     * Enables or disables path tweening
+     * @param enable true if path tweening should be enabled, false if it should be disabled
+     */
+    tweenPaths(enable: boolean): this;
+
+    /**
+     * Sets the precision of path tweening. If precision is a number, sets the precision used
+     * during path tweening to precision points. The precision is the length of each path
+     * segment during tweening. If instead precision is a string containing '%', sets the
+     * relative precision.
+     * @param precision the precision as either a number of a string containing a percentage
+     */
+    tweenPrecision(precision: number | string): this;
+
+    // Controlling Shape Tweening
+    /**
+     * Enables or disables shape tweening during transitions. Implicitly sets path tweening
+     * as enabled due to SVGs handling for them.
+     * @param enable true if shape tweening should be enabled, false if it should be disabled
+     */
+    tweenShapes(enable: boolean): this;
+
+    /**
+     * Enables or disables conversion of polygons with an equal number of sides during shape
+     * tweening.
+     * @param enable true if conversion should be enabled, false if it should be disabled.
+     */
+    convertEqualSidedPolygons(enable: boolean): this;
+
+    // Controlling Panning & Zooming
+    /**
+     * Enables or disables zooming and panning.
+     * @param enable true if zooming should be enabled, false if it should be disabled.
+     */
+    zoom(enable: boolean): this;
+
+    /**
+     * Returns the zoom behaviour of a graph. If the zoom is disable or the graph has not
+     * yet been rendered then returns null.
+     */
+    zoomBehavior(): ZoomBehavior<Element, Datum> | null;
+
+    /**
+     * Returns the selection to which zoom behaviour has been applied. If zoom is disabled
+     * or the graph has not yet been rendered then returns null.
+     */
+    zoomSelection(): Element | null;
+
+    /**
+     * Sets the scale extend for zooming where the first number is the minimum allowed zoom
+     * and the second is the maximum.
+     * @param extent a tuple containing the minimum and maximum allowed zoom
+     */
+    zoomScaleExtent(extent?: [number, number]): this;
+
+    /**
+     * Sets the translate extent which restricts panning.
+     * @param extent a tuple of the form ((x0, y0), (x1, y1)) where (x0, y0) is the top-left
+     *               corner of the "world" and (x1, y1) is the bottom-right corner
+     */
+    zoomTranslateExtent(extent?: [[number, number], [number, number]]): this;
+
+    /**
+     * Resets any transformations made by panning and zooming.
+     * @param transition an optional transition to apply during reset.
+     */
+    resetZoom(transition?: string | Transition<GElement, Datum, PElement, PDatum>): this;
+
+    // Maintaining Object Constancy
+    /**
+     * Sets the key mode to the the provided mode string. Must be set before passing in
+     * any DOT strings.
+     * @param keyMode
+     */
+    keyMode(keyMode: KeyMode): this;
+
+    // Customizing Graph Attributes
+    /**
+     *
+     * @param callback
+     */
+    attributer(callback?: ValueFn<GElement, Datum, void>): this;
+
+    // Accessing Extracted Data
+    /**
+     * Returns the data extracted by {@link dot} or null if none exists.
+     */
+    data(): Datum;
+
+    // Modifying an Existing Graph and Animating the Changes
+    // Edges
+    /**
+     * Draws a straight edge from (x1, y1) to (x2, y2) using coordinates relative to top level G container element of the graph.
+     * @param x1 the starting x co-ordinate
+     * @param y1 the starting y co-ordinate
+     * @param x2 the ending x co-ordinate
+     * @param y2 the ending y co-ordinate
+     * @param attributes object containing DOT attributes
+     * @param options object containing the options used when drawing the edge
+     */
+    drawEdge(x1: number, y1: number, x2: number, y2: number, attributes?: DotAttributes, options?: EdgeOptions): this;
+
+    /**
+     * Updates properties and attributes of the edge currently drawn with {@link drawEdge},
+     * using the same arguments. This method cannot be used after the edge has been inserted
+     * into the graph data with {@link insertDrawnEdge.}
+     * @param x1 the starting x co-ordinate
+     * @param y1 the starting y co-ordinate
+     * @param x2 the ending x co-ordinate
+     * @param y2 the ending y co-ordinate
+     * @param attributes object containing DOT attributes
+     * @param options object containing the options used when drawing the edge
+     */
+    updateDrawnEdge(x1: number, y1: number, x2: number, y2: number, attributes?: DotAttributes, options?: EdgeOptions): this;
+
+    /**
+     * Updates the end point of the edge currently drawn with {@link drawEdge},
+     * accepting the same options argument. This method cannot be used after the
+     * edge has been inserted into the graph data with {@link insertDrawnEdge}.
+     * @param x2 the ending x co-ordinate
+     * @param y2 the ending y co-ordinate
+     * @param options object containing the options used when drawing the edge
+     */
+    moveDrawnEdgeEndPoint(x2: number, y2: number, options?: EdgeOptions): this;
+
+    /**
+     * Inserts the edge into the graph data, making it available for an animated
+     * transition into a subsequent new layout.
+     * @param name the name of the edge.
+     */
+    insertDrawnEdge(name: string): this;
+
+    /**
+     * Removes the edge currently drawn with {@link drawEdge}. This method cannot
+     * be used after the edge has been inserted into the graph data with
+     * {@link insertDrawnEdge}.
+     */
+    removeDrawnEdge(): this;
+
+    /**
+     * Returns a {@link Selection} containing the edge currently being drawn. The selection is empty
+     * if no edge has been drawn or the lastest drawn edge has been inserted into the graph data with
+     * {@link insertDrawnNode}.
+     */
+    drawnEdgeSelection(): Selection<GElement, Datum, PElement, PDatum>;
+
+    // Nodes
+    /**
+     * Draws a node with the upper left corner of its bounding box at (x, y), using
+     * coordinates relative to the top level G container element of the graph.
+     * @param x x co-ordinate of the top-left bounding box of the node
+     * @param y y co-ordinate of the top-left bounding box of the node
+     * @param nodeId the ID of the node
+     * @param attributes object containing DOT attributes
+     * @param options object containing the options used when drawing the node, currently unused
+     */
+    drawNode(x: number, y: number, nodeId: string, attributes?: DotAttributes, options?: any): this;
+
+    /**
+     * Updates properties and attributes of the node currently drawn with {@link drawNode},
+     * using the same arguments. This method cannot be used after the node has been inserted
+     *  into the graph data with {@link insertDrawnNode}.
+     * @param x x co-ordinate of the top-left bounding box of the node
+     * @param y y co-ordinate of the top-left bounding box of the node
+     * @param nodeId the ID of the node
+     * @param attributes object containing DOT attributes
+     * @param options object containing the options used when drawing the node, currently unused
+     */
+    updateDrawnNode(x: number, y: number, nodeId: string, attributes?: DotAttributes, options?: any): this;
+
+    /**
+     * Updates the position of the upper left corner of the node currently drawn
+     * with {@link drawNode}, accepting the same options argument. This method
+     * cannot be used after the node has been inserted into the graph data with
+     * {@link insertDrawnNode}.
+     * @param x new x co-ordinate of the top-left bounding box of the node
+     * @param y new y co-ordinate of the top-left bounding box of the node
+     * @param options object containing the options used when drawing the node, currently unused
+     */
+    moveDrawnNode(x: number, y: number, options?: any): this;
+
+    /**
+     * Inserts the node into the graph data, making it available for an animated
+     * transition into a subsequent new layout.
+     * @param nodeId the ID of the node
+     */
+    insertDrawnNode(nodeId: string): this;
+
+    /**
+     * Removes the node currently drawn with {@link drawNode}. This method cannot
+     * be used after the node has been inserted into the graph data with {@link insertDrawnNode}.
+     */
+    removeDrawnNode(): this;
+
+    /**
+     * Returns a {@link Selection} containing the node currently being drawn. The selection is empty
+     * if no node has been drawn or the lastest drawn node has been inserted into the graph data with
+     * {@link insertDrawnNode}.
+     */
+    drawnNodeSelection(): Selection<GElement, Datum, PElement, PDatum>;
+
+    // Large Graphs
+    /**
+     * Sets the total memory available to Viz.js to size bytes, which should be a power of 2.
+     * @param size the size in bytes of memory allocated to Viz.js
+     */
+    totalMemory(size: number): this;
+}
+
+/**
+ * Enum defining the valid strings that can be passed in as an engine
+ */
+export type Engine = 'circo' | 'dot' | 'fdp' | 'neato' | 'osage' | 'patchwork' | 'twopi';
+
+/**
+ * Enum defining the valid strings that can be passed as TypeNames
+ */
+export type TypeNames = 'initEnd' | 'start' | 'layoutStart' | 'layoutEnd' | 'dataExtractEnd' |
+    'dataProcessPass1End' | 'dataProcessPass2End' | 'dataProcessEnd' |
+    'renderStart' | 'renderEnd' | 'transitionStart' | 'transitionEnd' |
+    'restoreEnd' | 'end' | string; // string included to allow for optional addition of a name, e.g. initEnd.foo
+
+/**
+ * Enum defining the valid strings that can be passed as KeyModes
+ */
+export type KeyMode = 'title' | 'id' | 'tag-index' | 'index';
+
+/**
+ * Interface defining the options present on the Graphviz Renderer.
+ * Most map directly to methods that can be used to set their values.
+ */
+export interface GraphvizOptions {
+    useWorker?: boolean;
+    engine?: Engine;
+    totalMemory?: number;
+    keyMode?: KeyMode;
+    fade?: boolean;
+    tweenPaths?: boolean;
+    tweenShapes?: boolean;
+    convertEqualSidedPolygons?: boolean;
+    tweenPrecision?: number | string;
+    growEnteringEdges?: boolean;
+    zoom?: boolean;
+    zoomScaleExtent?: [number, number];
+    zoomTranslateExtent?: [[number, number], [number, number]];
+    width?: number;
+    height?: number;
+    scale?: number;
+    fit?: boolean;
+}
+
+/**
+ * Interface defining the attributes available per the DOT language
+ */
+export interface DotAttributes {
+    style?: any;
+    URL?: any;
+    tooltip?: any;
+}
+
+/**
+ * Interface defining the options available for rendering edges
+ */
+export interface EdgeOptions {
+    shortening: number;
+}
diff --git a/types/d3-graphviz/tsconfig.json b/types/d3-graphviz/tsconfig.json
new file mode 100644
index 0000000000..55afef6cff
--- /dev/null
+++ b/types/d3-graphviz/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "d3-graphviz-tests.ts"
+    ]
+}
diff --git a/types/d3-graphviz/tslint.json b/types/d3-graphviz/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/d3-graphviz/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/d3-sankey/index.d.ts b/types/d3-sankey/index.d.ts
index c619b5c8c3..4f70bbbe61 100644
--- a/types/d3-sankey/index.d.ts
+++ b/types/d3-sankey/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/d3/d3-sankey/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 // Last module patch version validated against: 0.7.1
 
diff --git a/types/d3-selection/d3-selection-tests.ts b/types/d3-selection/d3-selection-tests.ts
index b99c81e39a..bafc1aeb11 100644
--- a/types/d3-selection/d3-selection-tests.ts
+++ b/types/d3-selection/d3-selection-tests.ts
@@ -74,7 +74,8 @@ let body: d3Selection.Selection<HTMLBodyElement, BodyDatum, HTMLElement, any> =
 // with Group element of type BaseType and datum of type 'any' The parent element is of type 'null' with datum of type 'undefined'
 
 const baseTypeEl2: d3Selection.Selection<d3Selection.BaseType, any, null, undefined> = d3Selection.select(baseTypeEl.node());
-// let body2: d3Selection.Selection<HTMLElement, any, null, undefined> = d3Selection.select(baseTypeEl.node()); // fails as baseTypeEl.node() is of type cannot be assigned to HTMLElement
+// $ExpectError
+const body2: d3Selection.Selection<HTMLElement, any, null, undefined> = d3Selection.select(baseTypeEl.node()); // fails as baseTypeEl.node() is of type cannot be assigned to HTMLElement
 
 const body3: d3Selection.Selection<HTMLBodyElement, any, null, undefined> = d3Selection.select(body.node()!); // element types match, but datum is of type 'any' as it cannot be inferred from .node()
 
@@ -86,18 +87,21 @@ const body4: d3Selection.Selection<HTMLBodyElement, BodyDatum, null, undefined>
 //  Explicitly cast body.node() to HTMLBodyElement to narrow selection definition.
 const body5: d3Selection.Selection<HTMLBodyElement, BodyDatum, null, undefined> = d3Selection.select<HTMLBodyElement, BodyDatum>(body.node()!);
 
-// d3Selection.select<HTMLBodyElement, BodyDatum>(baseTypeEl.node()!); // fails as baseTypeEl.node() is not of type HTMLBodyElement
+// $ExpectError
+d3Selection.select<HTMLBodyElement, BodyDatum>(baseTypeEl.node()!); // fails as baseTypeEl.node() is not of type HTMLBodyElement
 
 // test, when it is not certain, whether an element of the type to be selected exists
 let maybeSVG1: d3Selection.Selection<SVGSVGElement | null, any, HTMLElement, undefined>;
 maybeSVG1 = d3Selection.select<SVGSVGElement | null, any>('svg');
 
 let maybeSVG2: d3Selection.Selection<SVGSVGElement | null, any, null, undefined>;
-// maybeSVG2 = d3Selection.select<SVGSVGElement, any>(maybeSVG1.node()); // fails with strict function types
+// $ExpectError
+maybeSVG2 = d3Selection.select<SVGSVGElement, any>(maybeSVG1.node()); // fails with strict function types
 maybeSVG2 = d3Selection.select<SVGSVGElement | null, any>(maybeSVG1.node());
 
 // fails, as node type mismatches selection type
-// let body7: d3Selection.Selection<HTMLBodyElement | null, any, HTMLElement, undefined> = d3Selection.select<HTMLBodyElement | null, any>(maybeSVG1.node());
+// $ExpectError
+const body7: d3Selection.Selection<HTMLBodyElement | null, any, HTMLElement, undefined> = d3Selection.select<HTMLBodyElement | null, any>(maybeSVG1.node());
 
 // test "special case DOM objects"
 
@@ -127,7 +131,8 @@ const divElements: d3Selection.Selection<HTMLDivElement, DivDatum, HTMLElement,
 
 const baseTypeElements2: d3Selection.Selection<d3Selection.BaseType, any, null, undefined> = d3Selection.selectAll(baseTypeElements.nodes());
 // fails, group elements types not of compatible for baseTypeElements
-// let divElements2: d3Selection.Selection<HTMLDivElement, any, null, undefined> = d3Selection.selectAll(baseTypeElements.nodes());
+// $ExpectError
+const divElements2: d3Selection.Selection<HTMLDivElement, any, null, undefined> = d3Selection.selectAll(baseTypeElements.nodes());
 
 // element types match, but datum is of type 'any' as it cannot be inferred from .nodes()
 const divElements3: d3Selection.Selection<HTMLDivElement, any, null, undefined> = d3Selection.selectAll(divElements.nodes());
@@ -137,7 +142,8 @@ const divElements3: d3Selection.Selection<HTMLDivElement, any, null, undefined>
 
 const divElements4: d3Selection.Selection<HTMLDivElement, DivDatum, null, undefined> = d3Selection.selectAll<HTMLDivElement, DivDatum>(divElements.nodes());
 
-// d3Selection.selectAll<HTMLDivElement, DivDatum>(baseTypeElements.nodes()); // fails as baseTypeEl.node() is not of type HTMLBodyElement
+// $ExpectError
+d3Selection.selectAll<HTMLDivElement, DivDatum>(baseTypeElements.nodes()); // fails as baseTypeEl.node() is not of type HTMLBodyElement
 
 // selectAll(...) accepts NodeListOf<...> argument
 
@@ -161,8 +167,8 @@ const documentLinks: d3Selection.Selection<HTMLAnchorElement | HTMLAreaElement,
 const svgEl: d3Selection.Selection<SVGSVGElement, SVGDatum, HTMLElement, any> = d3Selection.select<SVGSVGElement, SVGDatum>('svg');
 
 let firstG: d3Selection.Selection<SVGGElement, SVGDatum, HTMLElement, any> = svgEl.select<SVGGElement>('g');
-// let firstG_2: d3Selection.Selection<SVGGElement, SVGDatum, SVGSVGElement, any> = svgEl.select<SVGGElement>('g'); // fails, parent element of selection does not change with .select(...)
-// firstG = svgEl.select('g'); // fails, element type defaults to 'BaseType', but SVGGElement expected on left-hand side
+// $ExpectError
+const firstG_2: d3Selection.Selection<SVGGElement, SVGDatum, SVGSVGElement, any> = svgEl.select<SVGGElement>('g'); // fails, parent element of selection does not change with .select(...)
 // firstG = svgEl.select<SVGSVGElement>('svg'); // fails, element type of SVGSVGElement provided, but SVGGElement expected on left-hand side (silly test to begin with)
 
 // test, when it is not certain, whether an element of the type to be selected exists
@@ -180,14 +186,16 @@ firstG = svgEl.select(svgGroupSelector);
 
 firstG = svgEl.select(function() {
     const that: SVGSVGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     console.log('Get <svg> Element width using "this": ', this.width.baseVal.value); // 'this' type is SVGSVGElement
     return this.querySelector('g')!; // this of type SVGSVGElement by type inference
 });
 
 firstG = svgEl.select(function(d, i, g) {
     const that: SVGSVGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     const datum: SVGDatum = d;
     const index: number = i;
     const group: SVGSVGElement[] | d3Selection.ArrayLike<SVGSVGElement> = g;
@@ -199,9 +207,10 @@ firstG = svgEl.select(function(d, i, g) {
     return this.querySelector('g')!; // this of type SVGSVGElement by type inference
 });
 
-// firstG = svgEl.select(function() {
-//     return this.querySelector('a'); // fails, return type HTMLAnchorElement is not compatible with SVGGElement expected by firstG
-// });
+// $ExpectError
+firstG = svgEl.select(function() {
+    return this.querySelector('a'); // fails, return type HTMLAnchorElement is not compatible with SVGGElement expected by firstG
+});
 
 // selectAll(...) sub-selection --------------------------------------------------------------
 
@@ -219,7 +228,6 @@ emptySubSelection = svgEl.selectAll(undefined);
 let elementsUnknownData: d3Selection.Selection<SVGGElement, any, SVGSVGElement, SVGDatum> = svgEl.selectAll<SVGGElement, any>('g');
 // let elementsAndDataUnknown: d3Selection.Selection<d3Selection.BaseType, any, SVGSVGElement, SVGDatum> = svgEl.selectAll('g'); // fails with strictFunctionTypes
 let gElementsOldData: d3Selection.Selection<SVGGElement, CircleDatum, SVGSVGElement, SVGDatum> = svgEl.selectAll<SVGGElement, CircleDatum>('g');
-// gElementsOldData = svgEl.selectAll('g'); // fails default type parameters of selectAll for group element type and datum type do not match
 
 // Using selectAll(...) sub-selection with a selector function argument.
 
@@ -232,18 +240,21 @@ gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(svgGroupSelectorAll
 function wrongSvgGroupSelectorAll(this: HTMLElement, d: SVGDatum, i: number, groups: HTMLElement[]): NodeListOf<SVGGElement> {
     return this.querySelectorAll('g');
 }
-// gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(wrongSvgGroupSelectorAll); // fails, wrong this context
+// $ExpectError
+gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(wrongSvgGroupSelectorAll); // fails, wrong this context
 
 gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(function() {
     const that: SVGSVGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     console.log('Get <svg> Element width using "this": ', this.width.baseVal.value); // 'this' type is SVGSVGElement
     return this.querySelectorAll('g'); // this of type SVGSVGElement by type inference
 });
 
 gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(function(d, i, g) {
     const that: SVGSVGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     const datum: SVGDatum = d;
     const index: number = i;
     const group: SVGSVGElement[] | d3Selection.ArrayLike<SVGSVGElement> = g;
@@ -255,31 +266,32 @@ gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(function(d, i, g) {
     return this.querySelectorAll('g');
 });
 
-// gElementsOldData = svgEl.selectAll(function() { // fails, because Datum type is not compatible as selectAll defaults to 'any', but gElementsOldData expects CircleDatum
-//     return this.querySelectorAll('g');
-// });
-
-// gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(function() {  // fails, return type HTMLAnchorElement is not compatible with SVGGElement expected by selectAll-typing
-//     return this.querySelectorAll('a');
-// });
+// $ExpectError
+gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(function() {  // fails, return type HTMLAnchorElement is not compatible with SVGGElement expected by selectAll-typing
+    return this.querySelectorAll('a');
+});
 
 elementsUnknownData = svgEl.selectAll(svgGroupSelectorAll);
 
 elementsUnknownData = svgEl.selectAll(function() {
     const that: SVGSVGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     console.log('Get <svg> Element width using "this": ', this.width.baseVal.value); // 'this' type is SVGSVGElement
     return this.querySelectorAll('g'); // this of type SVGSVGElement by type inference
 });
 
-// gElementsUnknownData = svgEl.selectAll(function() { // fails, return type HTMLAnchorElement is not compatible with SVGGElement
-//     return this.querySelectorAll('a');
-// });
+// $ExpectError
+gElementsUnknownData = svgEl.selectAll(function() { // fails, return type HTMLAnchorElement is not compatible with SVGGElement
+    return this.querySelectorAll('a');
+});
 
 maybeG.selectAll(function(d, i, g) {
     const that: SVGGElement | null = this;
-    // const that2: SVGGElement = this; // fails with strictNullChecks
-    // const that3: HTMLElement | null  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: SVGGElement = this; // fails with strictNullChecks
+    // $ExpectError
+    const that3: HTMLElement | null  = this; // fails, type mismatch
     const datum: SVGDatum = d;
     const index: number = i;
     const group: Array<SVGGElement | null> | d3Selection.ArrayLike<SVGGElement | null> = g;
@@ -290,11 +302,13 @@ maybeG.selectAll(function(d, i, g) {
 
 // selector(...) and selectorAll(...) ----------------------------------------------------
 
-// d3Selection.select<SVGGElement>(d3Selection.selector<SVGGElement>('g')); // fails, selector as argument to top-level select not supported
+// $ExpectError
+d3Selection.select<SVGGElement>(d3Selection.selector<SVGGElement>('g')); // fails, selector as argument to top-level select not supported
 
 // supported on sub-selection
 firstG = svgEl.select(d3Selection.selector<SVGGElement>('g')); // type parameter of select(...) inferred
-// firstG = svgEl.select<SVGGElement>(d3Selection.selector<HTMLDivElement>('div')); // fails, select and selector mismatch
+// $ExpectError
+firstG = svgEl.select<SVGGElement>(d3Selection.selector<HTMLDivElement>('div')); // fails, select and selector mismatch
 
 gElementsOldData = svgEl.selectAll<SVGGElement, CircleDatum>(d3Selection.selectorAll<SVGGElement>('g'));
 
@@ -308,7 +322,8 @@ filteredGElements = gElementsOldData.filter('.top-level');
 
 filteredGElements = gElementsOldData.filter(function(d, i, g) {
     const that: SVGGElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     const datum: CircleDatum = d;
     const index: number = i;
     const group: SVGGElement[] | d3Selection.ArrayLike<SVGGElement> = g;
@@ -325,16 +340,18 @@ filteredGElements = gElementsOldData.filter(function(d, i, g) {
 let filteredGElements2: d3Selection.Selection<SVGGElement, any, HTMLElement, any>;
 
 filteredGElements2 = d3Selection.selectAll<SVGElement, any>('.any-svg-type').filter<SVGGElement>('g');
-// filteredGElements2 = d3Selection.selectAll('.any-type').filter('g'); // fails without using narrowing generic on filter method
+// $ExpectError
+filteredGElements2 = d3Selection.selectAll('.any-type').filter('g'); // fails without using narrowing generic on filter method
 
 filteredGElements2 = d3Selection.selectAll<SVGElement, any>('.any-svg-type').filter<SVGGElement>(function() {
     const that: SVGElement = this;
     return that.tagName === 'g' || that.tagName === 'G';
 });
-// filteredGElements2 = d3Selection.selectAll<SVGElement, any>('.any-svg-type').filter(function(){
-//     const that: SVGElement = this;
-//     return that.tagName === 'g'|| that.tagName === 'G';
-// }); // fails without using narrowing generic on filter method
+// $ExpectError
+filteredGElements2 = d3Selection.selectAll<SVGElement, any>('.any-svg-type').filter(function() {
+    const that: SVGElement = this;
+    return that.tagName === 'g' || that.tagName === 'G';
+}); // fails without using narrowing generic on filter method
 
 // matcher() -----------------------------------------------------------------------------
 
@@ -371,7 +388,8 @@ circles = d3Selection.selectAll<SVGCircleElement, CircleDatumAlternative>('circl
 circles = circles // re-assignment test chaining return-type
     .attr('cx', function(d, i, g) {
         const that: SVGGElement = this;
-        // const that2: HTMLElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: HTMLElement  = this; // fails, type mismatch
         const datum: CircleDatum = d;
         const index: number = i;
         const group: SVGGElement[] | d3Selection.ArrayLike<SVGGElement> = g;
@@ -395,7 +413,8 @@ divs = divs
 divs = divs
     .classed('zero-px-padding', function(d, i, g) {
         const that: HTMLDivElement = this;
-        // const that2: SVGElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: SVGElement  = this; // fails, type mismatch
         const datum: DivDatum = d;
         const index: number = i;
         const group: HTMLDivElement[] | d3Selection.ArrayLike<HTMLDivElement> = g;
@@ -411,13 +430,15 @@ divs = divs
 divs = divs
     .style('background-color', 'blue') // string
     .style('hidden', false) // boolean
-    // .style('color', 'green', 'test') // fails, invalid priority value
+    // $ExpectError
+    .style('color', 'green', 'test') // fails, invalid priority value
     .style('color', 'green', 'important');
 
 divs = divs
     .style('padding', function(d, i, g) {
         const that: HTMLDivElement = this;
-        // const that2: SVGElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: SVGElement  = this; // fails, type mismatch
         const datum: DivDatum = d;
         const index: number = i;
         const group: HTMLDivElement[] | d3Selection.ArrayLike<HTMLDivElement> = g;
@@ -428,7 +449,8 @@ divs = divs
         return d.padding; // string return value
     })
     .style('hidden', () => true, null) // boolean return + test: priority = null
-    //    .style('color', function() { return 'green'; }, 'test') // fails, test: invalid priority value
+    // $ExpectError
+    .style('color', () => 'green', 'test') // fails, test: invalid priority value
     .style('color', () => 'green', 'important'); // boolean return + test: priority = 'important';
 
 // property(...) Tests
@@ -442,7 +464,8 @@ circles = circles
 circles = circles
     .property('__hitchhikersguide__', function(d, i, g) {
         const that: SVGCircleElement = this;
-        // const that2: HTMLElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: HTMLElement  = this; // fails, type mismatch
         const datum: CircleDatumAlternative = d;
         const index: number = i;
         const group: SVGCircleElement[] | d3Selection.ArrayLike<SVGCircleElement> = g;
@@ -466,7 +489,8 @@ body = body
 body = body
     .text(function(d, i, g) {
         const that: HTMLBodyElement = this;
-        // const that2: SVGElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: SVGElement  = this; // fails, type mismatch
         const datum: BodyDatum = d;
         const index: number = i;
         const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -482,7 +506,8 @@ body = body
 body = body
     .html(function(d, i, g) {
         const that: HTMLBodyElement = this;
-        // const that2: SVGElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: SVGElement  = this; // fails, type mismatch
         const datum: BodyDatum = d;
         const index: number = i;
         const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -521,13 +546,15 @@ let newBodyDatum: { newFoo: string };
 
 newBodyDatum = body.datum({ newFoo: 'new foo' }).datum(); // inferred type
 
-// body.datum<BodyDatum>({ newFoo: 'new foo' }); // fails, data type incompatible
+// $ExpectError
+body.datum<BodyDatum>({ newFoo: 'new foo' }); // fails, data type incompatible
 
 // function-based
 
 newBodyDatum = body.datum(function(d, i, g) {
     const that: HTMLBodyElement = this;
-    // const that2: SVGElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: SVGElement  = this; // fails, type mismatch
     const datum: BodyDatum = d;
     const index: number = i;
     const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -536,10 +563,11 @@ newBodyDatum = body.datum(function(d, i, g) {
     return { newFoo: 'new foo' };
 }).datum(); // inferred type
 
-// newBodyDatum = body.datum<BodyDatum>(function(d) { // fails, data type incompatible with return value type
-//     console.log('HTML5 Custom Data Attributes of body: ', this.dataset); // this typings HTMLBodyElement
-//     return { newFoo: 'new foo' };
-// }).datum(); // inferred type
+// $ExpectError
+newBodyDatum = body.datum<BodyDatum>(function(d) { // fails, data type incompatible with return value type
+    console.log('HTML5 Custom Data Attributes of body: ', this.dataset); // this typings HTMLBodyElement
+    return { newFoo: 'new foo' };
+}).datum(); // inferred type
 
 // SCENARIO 1: Fully type-parameterized
 
@@ -560,7 +588,8 @@ d3Selection.select('#svg-1') // irrelevant typing to get contextual typing in la
     .datum(data2) // new data type inferred
     .classed('has-transform-property', function(d, i, g) {
         const that: SVGGElement = this;
-        // const that2: HTMLElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: HTMLElement  = this; // fails, type mismatch
         const datum: CircleDatumAlternative[] = d;
         const index: number = i;
         const group: SVGGElement[] | d3Selection.ArrayLike<SVGGElement> = g;
@@ -569,14 +598,14 @@ d3Selection.select('#svg-1') // irrelevant typing to get contextual typing in la
     });
 
 // below fails, as 'this' in .classed(...) will default to BaseType, which may be null and does not have 'transform' property
-
-// d3Selection.select('#svg-1') // irrelevant typing to get contextual typing in last step of chain
-//     .select('g.circles-group') // missing typing of selected DOM element for use in .classed(...)
-//     .datum(data2) // new data type inferred
-//     .classed('has-transform-property', function(d) {
-//         console.log('Color of first data element array', d.length > 0? d[0].color:  'Data array empty'); // CircleDatumAlternative type
-//         return this.transform !== undefined;
-//     });
+d3Selection.select('#svg-1') // irrelevant typing to get contextual typing in last step of chain
+    .select('g.circles-group') // missing typing of selected DOM element for use in .classed(...)
+    .datum(data2) // new data type inferred
+    .classed('has-transform-property', function(d) {
+        console.log('Color of first data element array', d.length > 0 ? d[0].color : 'Data array empty'); // CircleDatumAlternative type
+        // $ExpectError
+        return this.transform !== undefined;
+    });
 
 // SCENARIO 3: Only inferred typing (To have datum-type in 'classed' method call, no need for DOM object access)
 
@@ -585,7 +614,8 @@ d3Selection.select('#svg-1') // irrelevant typing to get contextual typing in la
     .datum(data2) // new data type inferred
     .classed('has-green-first-data-element', function(d, i, g) {
         const that: d3Selection.BaseType = this;
-        // const that2: Element  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: Element  = this; // fails, type mismatch
         const datum: CircleDatumAlternative[] = d;
         const index: number = i;
         const group: d3Selection.BaseType[] | d3Selection.ArrayLike<d3Selection.BaseType> = g;
@@ -655,7 +685,7 @@ circles2 = d3Selection.select<SVGSVGElement, any>('#svg2')
     .selectAll() // create empty Selection
     .data(startCircleData) // assign data for circles to be added (no previous circles)
     .enter() // obtain enter selection
-    .append<SVGCircleElement>('circle');
+    .append('circle');
 
 // UPDATE-selection with continuation in data type ---------------------------------
 
@@ -663,7 +693,8 @@ circles2 = d3Selection.select<SVGSVGElement, any>('#svg2')
 circles2 = circles2 // returned update selection has the same type parameters as original selection, if data type is unchanged
     .data<CircleDatumAlternative>(endCircleData, d => d.nodeId);
 
-// circles2.data<DivDatum>(endCircleData, function(d) { return d.nodeId; }); // fails, forced data type parameter and data argument mismatch
+// $ExpectError
+circles2.data<DivDatum>(endCircleData, (d) => d.nodeId); // fails, forced data type parameter and data argument mismatch
 
 // ENTER-selection -----------------------------------------------------------------
 
@@ -674,7 +705,7 @@ let enterElements: d3Selection.Selection<d3Selection.EnterElement, CircleDatumAl
 enterElements = circles2.enter(); // enter selection
 
 const enterCircles = enterElements
-    .append<SVGCircleElement>('circle') // enter selection with materialized DOM elements (svg circles)
+    .append('circle') // enter selection with materialized DOM elements (svg circles)
     .attr('cx', d => d.cx)
     .attr('cy', d => d.cy)
     .attr('r', d => d.r)
@@ -690,7 +721,8 @@ const exitCircles = circles2.exit<CircleDatumAlternative>(); // Note: need to re
 exitCircles
     .style('opacity', function(d, i, g) {
         const that: SVGCircleElement = this;
-        // const that2: HTMLElement  = this; // fails, type mismatch
+        // $ExpectError
+        const that2: HTMLElement  = this; // fails, type mismatch
         const datum: CircleDatumAlternative = d;
         const index: number = i;
         const group: SVGCircleElement[] | d3Selection.ArrayLike<SVGCircleElement> = g;
@@ -702,12 +734,13 @@ exitCircles
 // Note: the alternative using only .exit() without typing, will fail, if access to datum properties is attempted.
 // If access to d is not required, the short-hand is acceptable e.g. circles2.exit().remove();
 
-// let exitCircles2 = circles2.exit(); // Note: Without explicit re-typing to the old data type, the data type default to '{}'
-// exitCircles2
-//     .style('opacity', function(d) {
-//         console.log('Circle Radius exit node: ', this.r.baseVal.value);
-//          return d.color === 'green' ? 1 : 0; // fails, as data type is defaulted to {}. If datum access is required, this should trigger the thought to type .exit<...>
-//     });
+const exitCircles2 = circles2.exit(); // Note: Without explicit re-typing to the old data type, the data type default to '{}'
+exitCircles2
+    .style('opacity', function(d) {
+        console.log('Circle Radius exit node: ', this.r.baseVal.value);
+        // $ExpectError
+        return d.color === 'green' ? 1 : 0; // fails, as data type is defaulted to {}. If datum access is required, this should trigger the thought to type .exit<...>
+    });
 
 // MERGE ENTER + UPDATE ------------------------------------------------------------------
 
@@ -730,22 +763,21 @@ let nRow: number[];
 
 let tr: d3Selection.Selection<HTMLTableRowElement, number[], HTMLTableElement, any>;
 tr = d3Selection.select('body')
-    .append<HTMLTableElement>('table')
+    .append('table')
     .selectAll()
     .data(matrix)
-    // .data([{test: 1}, {test: 2}]) // fails, using this data statement instead, would fail assignment to tr due to the data type of tr Selection
-    // .data<number[]>([{test: 1}, {test: 2}]) // fails, using this data statement instead, would fail because of its type parameter not being met by input
-    .enter().append<HTMLTableRowElement>('tr');
+    // $ExpectError
+    .data<number[]>([{test: 1}, {test: 2}]) // fails, using this data statement instead, would fail because of its type parameter not being met by input
+    .enter().append('tr');
 
 nMatrix = tr.data(); // i.e. matrix
 
 let td: d3Selection.Selection<HTMLTableDataCellElement, number, HTMLTableRowElement, number[]>;
 td = tr.selectAll()
     .data(d => d) // d : Array<number> inferred (Array[4] of number per parent <tr>)
-    .enter().append<HTMLTableDataCellElement>('td')
+    .enter().append('td')
     .text(function(d, i, g) {
         const that: HTMLTableDataCellElement = this;
-        // const that2: Element  = this; // fails, type mismatch
         const datum: number = d;
         const index: number = i;
         const group: HTMLTableDataCellElement[] | d3Selection.ArrayLike<HTMLTableDataCellElement> = g;
@@ -778,20 +810,27 @@ nRow = td2.data(); // flattened matrix (Array[16] of number)
 
 // append(...), creator(...) and create(...) ---------------------------------------------
 
-// without append<...> typing returned selection has group element of type BaseType
-let newDiv: d3Selection.Selection<d3Selection.BaseType, BodyDatum, HTMLElement, any>;
+let newCircle: d3Selection.Selection<SVGCircleElement, BodyDatum, HTMLElement, any>;
+newCircle = body.append('circle');
+
+let newDiv: d3Selection.Selection<HTMLDivElement, BodyDatum, HTMLElement, any>;
 newDiv = body.append('div');
 
-let newDiv2: d3Selection.Selection<HTMLDivElement, BodyDatum, HTMLElement, any>;
-newDiv2 = body.append<HTMLDivElement>('div');
+newDiv = body.append<HTMLDivElement>('div');
 
 // using creator
-newDiv2 = body.append(d3Selection.creator<HTMLDivElement>('div'));
-// newDiv2 = body.append(d3Selection.creator('div')); // fails, as creator returns BaseType element, but HTMLDivElement is expected.
+newCircle = body.append(d3Selection.creator('circle'));
+newDiv = body.append(d3Selection.creator('div'));
+newDiv = body.append(d3Selection.creator<HTMLDivElement>('custom_div_elem'));
+// $ExpectError
+newDiv = body.append(d3Selection.creator('a'));
+// $ExpectError
+newDiv = body.append(d3Selection.creator<HTMLAnchorElement>('a'));
 
-newDiv2 = body.append(function(d, i, g) {
+newDiv = body.append(function(d, i, g) {
     const that: HTMLBodyElement = this;
-    // const that2: SVGElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: SVGElement  = this; // fails, type mismatch
     const datum: BodyDatum = d;
     const index: number = i;
     const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -799,28 +838,30 @@ newDiv2 = body.append(function(d, i, g) {
     return this.ownerDocument!.createElement('div'); // this-type HTMLBodyElement
 });
 
-// newDiv2 = body.append<HTMLDivElement>(function(d) {
-//     return this.ownerDocument.createElement('a'); // fails, HTMLDivElement expected by type parameter, HTMLAnchorElement returned
-// });
+// $ExpectError
+newDiv = body.append<HTMLDivElement>(function(d) {
+    return this.ownerDocument!.createElement('a'); // fails, HTMLDivElement expected by type parameter, HTMLAnchorElement returned
+});
 
-// newDiv2 = body.append(function(d) {
-//     return this.ownerDocument.createElement('a'); // fails, HTMLDivElement expected by inference, HTMLAnchorElement returned
-// });
+// $ExpectError
+newDiv = body.append(function(d) {
+    return this.ownerDocument!.createElement('a'); // fails, HTMLDivElement expected by inference, HTMLAnchorElement returned
+});
 
 // create a detached element
 
+let detachedCircle: d3Selection.Selection<SVGCircleElement, undefined, null, undefined>;
+
+detachedCircle = d3Selection.create('circle');
+
 let detachedDiv: d3Selection.Selection<HTMLDivElement, undefined, null, undefined>;
 
-detachedDiv = d3Selection.create<HTMLDivElement>('div');
+detachedDiv = d3Selection.create('div');
+detachedDiv = d3Selection.create<HTMLDivElement>('custom_div_elem');
 
 // insert(...) ---------------------------------------------------------------------------
 
-// without insert<...> typing returned selection has group element of type BaseType
-let newParagraph: d3Selection.Selection<d3Selection.BaseType, BodyDatum, HTMLElement, any>;
-newParagraph = body.insert('p', 'p.second-paragraph');
-newParagraph = body.insert('p');
-
-// Two arguments; the first can be string, selection , or a
+// Two arguments; the first can be string, selection, or a
 
 const typeValueFunction = function(
   this: HTMLBodyElement,
@@ -840,32 +881,37 @@ const beforeValueFunction = function(
     return this.children[0];
 };
 
-let newParagraph2: d3Selection.Selection<HTMLParagraphElement, BodyDatum, HTMLElement, any>;
+let newParagraph: d3Selection.Selection<HTMLParagraphElement, BodyDatum, HTMLElement, any>;
+
+// 1 args, with 3 possibilities each, makes 3 possible combinations:
+newParagraph = body.insert('p', 'p.second-paragraph');
+newParagraph = body.insert('p', beforeValueFunction);
+newParagraph = body.insert('p');
 
 // 2 args, with 3 possibilities each, makes 9 possible combinations:
-newParagraph2 = body.insert<HTMLParagraphElement>('p', 'p.second-paragraph');
-newParagraph2 = body.insert<HTMLParagraphElement>('p', beforeValueFunction);
-newParagraph2 = body.insert<HTMLParagraphElement>('p');
+newParagraph = body.insert<HTMLParagraphElement>('p', 'p.second-paragraph');
+newParagraph = body.insert<HTMLParagraphElement>('p', beforeValueFunction);
+newParagraph = body.insert<HTMLParagraphElement>('p');
 
-newParagraph2 = body.insert(d3Selection.creator<HTMLParagraphElement>('p'), 'p.second-paragraph');
-newParagraph2 = body.insert(d3Selection.creator<HTMLParagraphElement>('p'), beforeValueFunction);
-newParagraph2 = body.insert(d3Selection.creator<HTMLParagraphElement>('p'));
+newParagraph = body.insert(d3Selection.creator<HTMLParagraphElement>('p'), 'p.second-paragraph');
+newParagraph = body.insert(d3Selection.creator<HTMLParagraphElement>('p'), beforeValueFunction);
+newParagraph = body.insert(d3Selection.creator<HTMLParagraphElement>('p'));
 
-newParagraph2 = body.insert(typeValueFunction, 'p.second-paragraph');
-newParagraph2 = body.insert(typeValueFunction, beforeValueFunction);
-newParagraph2 = body.insert(typeValueFunction);
+newParagraph = body.insert(typeValueFunction, 'p.second-paragraph');
+newParagraph = body.insert(typeValueFunction, beforeValueFunction);
+newParagraph = body.insert(typeValueFunction);
 
 // clone(...) ----------------------------------------------------------------------------
 
 let clonedParagraph: d3Selection.Selection<HTMLParagraphElement, BodyDatum, HTMLElement, any>;
 
 // shallow clone
-clonedParagraph = newParagraph2.clone();
+clonedParagraph = newParagraph.clone();
 
 // deep clone
 
 newParagraph.append('span');
-clonedParagraph = newParagraph2.clone(true);
+clonedParagraph = newParagraph.clone(true);
 
 // sort(...) -----------------------------------------------------------------------------
 
@@ -909,7 +955,8 @@ const size: number = gElementsOldData.size();
 // returns 'this' selection
 circles = circles.each(function(d, i, g) {  // check chaining return type by re-assigning
     const that: SVGCircleElement = this;
-    // const that2: HTMLElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: HTMLElement  = this; // fails, type mismatch
     const datum: CircleDatum = d;
     const index: number = i;
     const group: SVGCircleElement[] | d3Selection.ArrayLike<SVGCircleElement> = g;
@@ -931,13 +978,15 @@ function enforceMinRadius(selection: d3Selection.Selection<SVGCircleElement, Cir
 // returns 'this' selection
 circles = circles.call(enforceMinRadius, 40); // check chaining return type by re-assigning
 
-// circles.call(function(selection: d3Selection.Selection<HTMLDivElement, CircleDatum, any, any>):void {
-//     // fails, group element types of selection not compatible: SVGCircleElement v HTMLDivElement
-// });
+// $ExpectError
+circles.call((selection: d3Selection.Selection<HTMLDivElement, CircleDatum, any, any>) => {
+    // fails, group element types of selection not compatible: SVGCircleElement v HTMLDivElement
+});
 
-// circles.call(function(selection: d3Selection.Selection<SVGCircleElement, DivDatum, any, any>):void {
-//     // fails, group datum types of selection not compatible: CircleDatumAlternative v DivDatum
-// });
+// $ExpectError
+circles.call((selection: d3Selection.Selection<SVGCircleElement, DivDatum, any, any>) => {
+    // fails, group datum types of selection not compatible: CircleDatumAlternative v DivDatum
+});
 
 // ---------------------------------------------------------------------------------------
 // Tests of Event Handling
@@ -949,7 +998,8 @@ let listener: undefined | ((this: HTMLBodyElement, datum: BodyDatum, index: numb
 
 body = body.on('click', function(d, i, g) {
     const that: HTMLBodyElement = this;
-    // const that2: SVGElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: SVGElement  = this; // fails, type mismatch
     const datum: BodyDatum = d;
     const index: number = i;
     const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -981,7 +1031,8 @@ body = body.dispatch('fooEvent', fooEventParam); // re-assign for chaining test;
 
 body = body.dispatch('fooEvent', function(d, i, g) { // re-assign for chaining test;
     const that: HTMLBodyElement = this;
-    // const that2: SVGElement  = this; // fails, type mismatch
+    // $ExpectError
+    const that2: SVGElement  = this; // fails, type mismatch
     const datum: BodyDatum = d;
     const index: number = i;
     const group: HTMLBodyElement[] | d3Selection.ArrayLike<HTMLBodyElement> = g;
@@ -1016,11 +1067,16 @@ function customListener(this: HTMLBodyElement | null, finalOpponent: string): st
 
 const resultText: string = d3Selection.customEvent(successEvent, customListener, body.node(), 'Wales');
 
-// let result = d3Selection.customEvent(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in call
-// let resultValue: number = d3Selection.customEvent(successEvent, customListener, body.node(), 'Wales'); // fails, incompatible return types
-// d3Selection.customEvent<SVGCircleElement, any>(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in type parameter and call
-// d3Selection.customEvent<HTMLBodyElement, any>(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in type parameter and call
-// d3Selection.customEvent<HTMLBodyElement, number>(successEvent, customListener, body.node(), 'Wales'); // fails, incompatible return types
+// $ExpectError
+const result = d3Selection.customEvent(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in call
+// $ExpectError
+const resultValue: number = d3Selection.customEvent(successEvent, customListener, body.node(), 'Wales'); // fails, incompatible return types
+// $ExpectError
+d3Selection.customEvent<SVGCircleElement, any>(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in type parameter and call
+// $ExpectError
+d3Selection.customEvent<HTMLBodyElement, any>(successEvent, customListener, circles.nodes()[0], 'Wales'); // fails, incompatible 'this' context in type parameter and call
+// $ExpectError
+d3Selection.customEvent<HTMLBodyElement, number>(successEvent, customListener, body.node(), 'Wales'); // fails, incompatible return types
 
 // mouse() ---------------------------------------------------------------------------------
 
diff --git a/types/d3-selection/index.d.ts b/types/d3-selection/index.d.ts
index d9988636fd..c29f7aa952 100644
--- a/types/d3-selection/index.d.ts
+++ b/types/d3-selection/index.d.ts
@@ -1,7 +1,11 @@
 // Type definitions for D3JS d3-selection module 1.3
 // Project: https://github.com/d3/d3-selection/
-// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+//                 Alex Ford <https://github.com/gustavderdrache>
+//                 Boris Yankov <https://github.com/borisyankov>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 // Last module patch version validated against: 1.3.0
 
@@ -461,6 +465,19 @@ export interface Selection<GElement extends BaseType, Datum, PElement extends Ba
      */
     html(value: ValueFn<GElement, Datum, string | null>): this;
 
+    /**
+     * Appends a new element of this type (tag name) as the last child of each selected element,
+     * or before the next following sibling in the update selection if this is an enter selection.
+     * The latter behavior for enter selections allows you to insert elements into the DOM in an order consistent with the new bound data;
+     * however, note that selection.order may still be required if updating elements change order
+     * (i.e., if the order of new data is inconsistent with old data).
+     *
+     * This method returns a new selection containing the appended elements.
+     * Each new element inherits the data of the current elements, if any.
+     *
+     * @param type A string representing the tag name.
+     */
+    append<K extends keyof ElementTagNameMap>(type: K): Selection<ElementTagNameMap[K], Datum, PElement, PDatum>;
     /**
      * Appends a new element of this type (tag name) as the last child of each selected element,
      * or before the next following sibling in the update selection if this is an enter selection.
@@ -479,6 +496,7 @@ export interface Selection<GElement extends BaseType, Datum, PElement extends Ba
      * (for example, svg implies svg:svg)
      */
     append<ChildElement extends BaseType>(type: string): Selection<ChildElement, Datum, PElement, PDatum>;
+
     /**
      * Appends a new element of the type provided by the element creator function as the last child of each selected element,
      * or before the next following sibling in the update selection if this is an enter selection.
@@ -497,6 +515,27 @@ export interface Selection<GElement extends BaseType, Datum, PElement extends Ba
      */
     append<ChildElement extends BaseType>(type: ValueFn<GElement, Datum, ChildElement>): Selection<ChildElement, Datum, PElement, PDatum>;
 
+    /**
+     * Inserts a new element of the specified type (tag name) before the first element matching the specified
+     * before selector for each selected element. For example, a before selector :first-child will prepend nodes before the first child.
+     * If before is not specified, it defaults to null. (To append elements in an order consistent with bound data, use selection.append.)
+     *
+     * This method returns a new selection containing the appended elements.
+     * Each new element inherits the data of the current elements, if any.
+     *
+     * The generic refers to the type of the child element to be appended.
+     *
+     * @param type A string representing the tag name for the element type to be inserted.
+     * @param before One of:
+     *   * A CSS selector string for the element before which the insertion should occur.
+     *   * A child selector function which is evaluated for each selected element, in order, being passed the current datum (d),
+     *     the current index (i), and the current group (nodes), with this as the current DOM element (nodes[i]). This function should return the child element
+     *     before which the element should be inserted.
+     */
+    insert<K extends keyof ElementTagNameMap>(
+        type: K,
+        before?: string | ValueFn<GElement, Datum, BaseType>
+    ): Selection<ElementTagNameMap[K], Datum, PElement, PDatum>;
     /**
      * Inserts a new element of the specified type (tag name) before the first element matching the specified
      * before selector for each selected element. For example, a before selector :first-child will prepend nodes before the first child.
@@ -524,7 +563,7 @@ export interface Selection<GElement extends BaseType, Datum, PElement extends Ba
     insert<ChildElement extends BaseType>(
         type: string | ValueFn<GElement, Datum, ChildElement>,
         before?: string | ValueFn<GElement, Datum, BaseType>
-        ): Selection<ChildElement, Datum, PElement, PDatum>;
+    ): Selection<ChildElement, Datum, PElement, PDatum>;
 
     /**
      * Removes the selected elements from the document.
@@ -1112,6 +1151,13 @@ export function window(DOMNode: Window | Document | Element): Window;
 // for explicit bound-context dependent use
 // ---------------------------------------------------------------------------
 
+/**
+ * Given the specified element name, returns a single-element selection containing
+ * a detached element of the given name in the current document.
+ *
+ * @param name tag name of the element to be added.
+ */
+export function create<K extends keyof ElementTagNameMap>(name: K): Selection<ElementTagNameMap[K], undefined, null, undefined>;
 /**
  * Given the specified element name, returns a single-element selection containing
  * a detached element of the given name in the current document.
@@ -1121,6 +1167,13 @@ export function window(DOMNode: Window | Document | Element): Window;
  */
 export function create<NewGElement extends Element>(name: string): Selection<NewGElement, undefined, null, undefined>;
 
+/**
+ * Given the specified element name, returns a function which creates an element of the given name,
+ * assuming that "this" is the parent element.
+ *
+ * @param name Tag name of the element to be added.
+ */
+export function creator<K extends keyof ElementTagNameMap>(name: K): (this: BaseType) => ElementTagNameMap[K];
 /**
  * Given the specified element name, returns a function which creates an element of the given name,
  * assuming that "this" is the parent element.
diff --git a/types/d3-selection/tslint.json b/types/d3-selection/tslint.json
index 26ee29cf50..c89636b4b7 100644
--- a/types/d3-selection/tslint.json
+++ b/types/d3-selection/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODO
+        "no-angle-bracket-type-assertion": false,
         "no-this-assignment": false,
         "unified-signatures": false,
         "no-unnecessary-generics": false
diff --git a/types/d3-shape/index.d.ts b/types/d3-shape/index.d.ts
index 83222d0ff0..eccf7f1b80 100644
--- a/types/d3-shape/index.d.ts
+++ b/types/d3-shape/index.d.ts
@@ -2,11 +2,16 @@
 // Project: https://github.com/d3/d3-shape/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 // Last module patch version validated against: 1.2.0
 
 import { Path } from 'd3-path';
 
+declare global {
+    interface CanvasRenderingContext2D {} // tslint:disable-line no-empty-interface
+}
+
 // -----------------------------------------------------------------------------------
 // Shared Types and Interfaces
 // -----------------------------------------------------------------------------------
diff --git a/types/d3-transition/d3-transition-tests.ts b/types/d3-transition/d3-transition-tests.ts
index 9ee4a8e43d..19f05ec9c3 100644
--- a/types/d3-transition/d3-transition-tests.ts
+++ b/types/d3-transition/d3-transition-tests.ts
@@ -102,7 +102,7 @@ circles = select<SVGSVGElement, any>('svg')
     .selectAll()
     .data(startCircleData)
     .enter()
-    .append<SVGCircleElement>('circle')
+    .append('circle')
     .attr('cx', d => d.cx)
     .attr('cy', d => d.cy)
     .attr('r', d => d.r)
@@ -114,7 +114,7 @@ circles = circles
 
 const enterCircles = circles
     .enter()
-    .append<SVGCircleElement>('circle')
+    .append('circle')
     .classed('big', d => d.r > 10)
     .attr('cx', d => d.cx)
     .attr('cy', d => d.cy)
diff --git a/types/d3-zoom/d3-zoom-tests.ts b/types/d3-zoom/d3-zoom-tests.ts
index 819f344422..19a16930d6 100644
--- a/types/d3-zoom/d3-zoom-tests.ts
+++ b/types/d3-zoom/d3-zoom-tests.ts
@@ -65,11 +65,11 @@ const svg = select<SVGSVGElement, undefined>('svg')
     .attr('width', d => d.width)
     .attr('height', d => d.height);
 
-const g = svg.append<SVGGElement>('g');
+const g = svg.append('g');
 
 g.selectAll()
     .data<[number, number]>(points)
-    .enter().append<SVGCircleElement>('circle')
+    .enter().append('circle')
     .attr('cx', d => d[0])
     .attr('cy', d => d[1])
     .attr('r', 2.5);
@@ -280,7 +280,7 @@ canvas.call(canvasZoom);
 // SVG Example --------------------------------------------------------------
 
 // attach the zoom behavior to an overlay svg rectangle
-const svgOverlay: Selection<SVGRectElement, SVGDatum, HTMLElement, any> = svg.append<SVGRectElement>('rect')
+const svgOverlay: Selection<SVGRectElement, SVGDatum, HTMLElement, any> = svg.append('rect')
     .attr('width', d => d.width)
     .attr('height', d => d.height)
     .style('fill', 'none')
diff --git a/types/d3-zoom/tslint.json b/types/d3-zoom/tslint.json
index 26ee29cf50..c89636b4b7 100644
--- a/types/d3-zoom/tslint.json
+++ b/types/d3-zoom/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODO
+        "no-angle-bracket-type-assertion": false,
         "no-this-assignment": false,
         "unified-signatures": false,
         "no-unnecessary-generics": false
diff --git a/types/d3/index.d.ts b/types/d3/index.d.ts
index 8b44deac1a..c249edf3cc 100644
--- a/types/d3/index.d.ts
+++ b/types/d3/index.d.ts
@@ -1,6 +1,9 @@
 // Type definitions for D3JS d3 standard bundle 5.0
 // Project: https://github.com/d3/d3
-// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+//                 Alex Ford <https://github.com/gustavderdrache>
+//                 Boris Yankov <https://github.com/borisyankov>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -11,7 +14,11 @@
 
 export as namespace d3;
 
+/**
+ * Version number in format _Major.Minor.BugFix_, like 5.0.0.
+ */
 export const version: string;
+
 export * from 'd3-array';
 export * from 'd3-axis';
 export * from 'd3-brush';
diff --git a/types/d3/tsconfig.json b/types/d3/tsconfig.json
index 8ec0a8e64e..bc3e8cf886 100644
--- a/types/d3/tsconfig.json
+++ b/types/d3/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
diff --git a/types/d3/v3/tslint.json b/types/d3/v3/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/d3/v3/tslint.json
+++ b/types/d3/v3/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/d3/v4/index.d.ts b/types/d3/v4/index.d.ts
index b4b784884b..12448e60c8 100644
--- a/types/d3/v4/index.d.ts
+++ b/types/d3/v4/index.d.ts
@@ -1,6 +1,9 @@
 // Type definitions for D3JS d3 standard bundle 4.13
 // Project: https://github.com/d3/d3
-// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+//                 Alex Ford <https://github.com/gustavderdrache>
+//                 Boris Yankov <https://github.com/borisyankov>
+//                 denisname <https://github.com/denisname>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -8,7 +11,11 @@
 
 export as namespace d3;
 
+/**
+ * Version number in format _Major.Minor.BugFix_, like 4.13.0.
+ */
 export const version: string;
+
 export * from 'd3-array';
 export * from 'd3-axis';
 export * from 'd3-brush';
diff --git a/types/d3/v4/tsconfig.json b/types/d3/v4/tsconfig.json
index d4341019c7..bf267af99d 100644
--- a/types/d3/v4/tsconfig.json
+++ b/types/d3/v4/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../../",
         "typeRoots": [
diff --git a/types/d3kit/d3kit-tests.ts b/types/d3kit/d3kit-tests.ts
index ec3b2de1ce..705b9fcc59 100644
--- a/types/d3kit/d3kit-tests.ts
+++ b/types/d3kit/d3kit-tests.ts
@@ -304,7 +304,7 @@ function test_svg_chart() {
      * Test plate functions
      */
     plate = new d3kit.SvgPlate();
-    plate = <d3kit.SvgPlate> chart.addPlate('a-plate', plate, true); // with doNotAppend
+    plate = chart.addPlate('a-plate', plate, true) as d3kit.SvgPlate; // with doNotAppend
     chart = chart.addPlate('a-plate', plate);       // without doNotAppend
     chart = chart.removePlate('a-plate');
 
@@ -381,7 +381,7 @@ function test_hybrid_chart() {
      * Test plate functions
      */
     plate = new d3kit.SvgPlate();
-    plate = <d3kit.SvgPlate> chart.addPlate('a-plate', plate, true); // with doNotAppend
+    plate = chart.addPlate('a-plate', plate, true) as d3kit.SvgPlate; // with doNotAppend
     chart = chart.addPlate('a-plate', plate);       // without doNotAppend
     chart = chart.removePlate('a-plate');
 
diff --git a/types/d3kit/v1/d3kit-tests.ts b/types/d3kit/v1/d3kit-tests.ts
index 18f1f144f9..92c20fa35d 100644
--- a/types/d3kit/v1/d3kit-tests.ts
+++ b/types/d3kit/v1/d3kit-tests.ts
@@ -380,8 +380,8 @@ describe('Skeleton', function(){
           b: 2
         });
         expect(skeleton).to.include.keys(['a', 'b']);
-        expect((<any>skeleton).a).to.equal(1);
-        expect((<any>skeleton).b).to.equal(2);
+        expect((skeleton as any).a).to.equal(1);
+        expect((skeleton as any).b).to.equal(2);
       });
       it('should overwrite existing fields', function(){
         skeleton.mixin({
@@ -391,7 +391,7 @@ describe('Skeleton', function(){
           b: 3
         });
         expect(skeleton).to.include.keys(['b']);
-        expect((<any>skeleton).b).to.equal(3);
+        expect((skeleton as any).b).to.equal(3);
       });
       it('should keep original fields if not overwritten', function(){
         skeleton.mixin({
@@ -403,9 +403,9 @@ describe('Skeleton', function(){
           b: 3
         });
         expect(skeleton).to.include.keys(['a', 'b', 'c']);
-        expect((<any>skeleton).a).to.equal(1);
-        expect((<any>skeleton).b).to.equal(3);
-        expect((<any>skeleton).c).to.equal(20);
+        expect((skeleton as any).a).to.equal(1);
+        expect((skeleton as any).b).to.equal(3);
+        expect((skeleton as any).c).to.equal(20);
       });
     });
 
@@ -720,7 +720,7 @@ describe('Chartlet', function(){
   beforeEach(function(done){
     ChildChartlet = function() {
       var chartlet = new d3kit.Chartlet(callback, callback, callback);
-      (<any>chartlet).runTest = function (testFunction: any) {
+      (chartlet as any).runTest = function (testFunction: any) {
         testFunction(chartlet);
       };
       return chartlet;
@@ -730,7 +730,7 @@ describe('Chartlet', function(){
       var chartlet = new d3kit.Chartlet(callback, callback, callback);
       var child = ChildChartlet();
       configureFunction(chartlet, child);
-      (<any>chartlet).runTest = (<any>child).runTest;
+      (chartlet as any).runTest = (child as any).runTest;
       return chartlet;
     };
 
@@ -850,7 +850,7 @@ describe('Chartlet', function(){
         })
         .property('foo', function(d:number) {return 2 * d;});
 
-      (<any>parent).runTest(function(child: d3kit.Chartlet) {
+      (parent as any).runTest(function(child: d3kit.Chartlet) {
         expect(child.getPropertyValue('bar', 4, 0)).to.be.equal(8);
       });
     });
@@ -862,7 +862,7 @@ describe('Chartlet', function(){
         })
         .property('foo', function(d:number) {return 2 * d;});
 
-      (<any>parent).runTest(function(child: d3kit.Chartlet) {
+      (parent as any).runTest(function(child: d3kit.Chartlet) {
         expect(child.getPropertyValue('foo', 4, 0)).to.be.equal(8);
       });
     });
@@ -878,7 +878,7 @@ describe('Chartlet', function(){
         .property('bar', function(d:number) {return 3 * d;})
         .property('baz', function(d:number) {return 4 * d;});
 
-      (<any>parent).runTest(function(child: d3kit.Chartlet) {
+      (parent as any).runTest(function(child: d3kit.Chartlet) {
         expect(child.getPropertyValue('foo-x', 1, 0)).to.be.equal(2);
         expect(child.getPropertyValue('bar-x', 1, 0)).to.be.equal(3);
         expect(child.getPropertyValue('baz-x', 1, 0)).to.be.equal(4);
@@ -894,7 +894,7 @@ describe('Chartlet', function(){
         .property('bar', function(d:number) {return 3 * d;})
         .property('baz', function(d:number) {return 4 * d;});
 
-      (<any>parent).runTest(function(child: d3kit.Chartlet) {
+      (parent as any).runTest(function(child: d3kit.Chartlet) {
         expect(child.getPropertyValue('foo', 1, 0)).to.be.equal(2);
         expect(child.getPropertyValue('bar', 1, 0)).to.be.equal(3);
         expect(child.getPropertyValue('baz', 1, 0)).to.be.equal(4);
@@ -914,7 +914,7 @@ describe('Chartlet', function(){
       var child = new d3kit.Chartlet(callback, callback, callback, ['foo'])
         .publishEventsTo(parent.getDispatcher());
 
-      (<any>child.getDispatcher()).foo(99);
+      (child.getDispatcher() as any).foo(99);
     });
   });
 });
diff --git a/types/datadog-tracer/index.d.ts b/types/datadog-tracer/index.d.ts
index e7a11245fe..a3efea0a65 100644
--- a/types/datadog-tracer/index.d.ts
+++ b/types/datadog-tracer/index.d.ts
@@ -2,6 +2,8 @@
 // Project: https://github.com/rochdev/datadog-tracer-js#readme
 // Definitions by: Dinesh Saravanan Kumaraswamy <https://github.com/dineshsaravanan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
 import * as opentracing from "opentracing";
 import { EventEmitter } from "events";
 
diff --git a/types/datatables.net-autofill/tsconfig.json b/types/datatables.net-autofill/tsconfig.json
index e17d5de5da..f9373c0cbc 100644
--- a/types/datatables.net-autofill/tsconfig.json
+++ b/types/datatables.net-autofill/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/date-arithmetic/date-arithmetic-tests.ts b/types/date-arithmetic/date-arithmetic-tests.ts
index 509551dd92..b0cf5d85cc 100644
--- a/types/date-arithmetic/date-arithmetic-tests.ts
+++ b/types/date-arithmetic/date-arithmetic-tests.ts
@@ -19,3 +19,10 @@ dateArithmetic.subtract(new Date(2010, 7, 24), 6, 'month');
 dateArithmetic.subtract(new Date(2010, 7, 23), 7, 'year');
 dateArithmetic.subtract(new Date(2010, 7, 22), 8, 'decade');
 dateArithmetic.subtract(new Date(2010, 7, 21), 9, 'century');
+
+dateArithmetic.eq(new Date(), new Date());
+dateArithmetic.neq(new Date(), new Date());
+dateArithmetic.gt(new Date(), new Date());
+dateArithmetic.gte(new Date(), new Date());
+dateArithmetic.lt(new Date(), new Date());
+dateArithmetic.lte(new Date(), new Date());
diff --git a/types/date-arithmetic/index.d.ts b/types/date-arithmetic/index.d.ts
index ad669fd523..f168838f32 100644
--- a/types/date-arithmetic/index.d.ts
+++ b/types/date-arithmetic/index.d.ts
@@ -12,6 +12,24 @@ interface dateArithmeticStatic {
 
     /** Subtract specified amount of units from a provided date and return new date as a result */
     subtract(date: Date, num: number, unit: Unit): Date;
+
+    /** Compare two dates and return true if they are equal */
+    eq(date: Date, date2: Date): Boolean;
+
+    /** Compare two dates and return false if they are equal */
+    neq(date: Date, date2: Date): Boolean;
+
+    /** Compare two dates and return true if date is greater than date2 */
+    gt(date: Date, date2: Date): Boolean;
+
+    /** Compare two dates and return true if date is greater or equal than date2 */
+    gte(date: Date, date2: Date): Boolean;
+
+    /** Compare two dates and return true if date is less than date2 */
+    lt(date: Date, date2: Date): Boolean;
+
+    /** Compare two dates and return true if date is less or equal than date2 */
+    lte(date: Date, date2: Date): Boolean;
 }
 
 declare module 'dateArithmetic' {
diff --git a/types/db-migrate-base/db-migrate-base-tests.ts b/types/db-migrate-base/db-migrate-base-tests.ts
index 79d81a75f9..e9c46f4873 100644
--- a/types/db-migrate-base/db-migrate-base-tests.ts
+++ b/types/db-migrate-base/db-migrate-base-tests.ts
@@ -3,7 +3,7 @@
 import * as DbMigrateBase from "db-migrate-base";
 
 // Throw together a dummy driver
-let db = <DbMigrateBase.Base>{};
+let db = {} as DbMigrateBase.Base;
 
 let callback = (err: any, response: any) => {
   // Do nothing.
diff --git a/types/db-migrate-pg/db-migrate-pg-tests.ts b/types/db-migrate-pg/db-migrate-pg-tests.ts
index adf2716074..b31d88e37d 100644
--- a/types/db-migrate-pg/db-migrate-pg-tests.ts
+++ b/types/db-migrate-pg/db-migrate-pg-tests.ts
@@ -3,7 +3,7 @@
 import * as DbMigratePg from "db-migrate-pg";
 
 // Throw together a dummy driver
-let db = <DbMigratePg.PgDriver>{};
+let db = {} as DbMigratePg.PgDriver;
 
 let callback = (err: any, response: any) => {
   // Do nothing.
diff --git a/types/dd-trace/dd-trace-tests.ts b/types/dd-trace/dd-trace-tests.ts
index 8169358155..9d6936875a 100644
--- a/types/dd-trace/dd-trace-tests.ts
+++ b/types/dd-trace/dd-trace-tests.ts
@@ -9,6 +9,7 @@ tracer.init({
         debug: msg => {},
         error: err => {},
     },
+    tags: { tracerEnv: 'dev'}
 });
 
 function useWebFrameworkPlugin(plugin: "express" | "hapi" | "koa" | "restify") {
diff --git a/types/dd-trace/index.d.ts b/types/dd-trace/index.d.ts
index 90aa9afc66..311fa7675e 100644
--- a/types/dd-trace/index.d.ts
+++ b/types/dd-trace/index.d.ts
@@ -110,6 +110,11 @@ interface TracerOptions {
         debug: (message: string) => void;
         error: (err: Error) => void;
     };
+
+    /**
+     * Global tags that should be assigned to every span.
+     */
+    tags?: { [key: string]: any };
 }
 
 interface ExperimentalOptions {}
diff --git a/types/dd-trace/src/opentracing/span_context.d.ts b/types/dd-trace/src/opentracing/span_context.d.ts
index d966771c2f..7e2b06dd4d 100644
--- a/types/dd-trace/src/opentracing/span_context.d.ts
+++ b/types/dd-trace/src/opentracing/span_context.d.ts
@@ -22,7 +22,7 @@ interface SpanContextLike {
     trace?: {
         started: number[],
         finished: number[]
-    }
+    };
 }
 
 export = DatadogSpanContext;
diff --git a/types/debounce/debounce-tests.ts b/types/debounce/debounce-tests.ts
index 81924d2a28..4acff7c446 100644
--- a/types/debounce/debounce-tests.ts
+++ b/types/debounce/debounce-tests.ts
@@ -13,3 +13,8 @@ const imm1: number = (debounce((x: number) => x * 2, 100, true))(2);
 
 const clearable = debounce(doThings);
 clearable.clear();
+
+// Intentionally asserts that the member variable has all the same benefits as the direct export.
+// Eventually, if debounce stop supporting the CommonJS-only module calling (`require("debounce")(...)`),
+// we can remove this and change the top import&require to `import { debounce } from "debounce";`.
+const assertsSame: typeof debounce = debounce.debounce;
diff --git a/types/debounce/index.d.ts b/types/debounce/index.d.ts
index 09a9c82e38..fa244351d6 100644
--- a/types/debounce/index.d.ts
+++ b/types/debounce/index.d.ts
@@ -1,7 +1,13 @@
-// Type definitions for debounce 1.0
+// Type definitions for debounce 3.0
 // Project: https://github.com/component/debounce
 // Definitions by: Denis Sokolov <https://github.com/denis-sokolov>
+//                 Josh Goldberg <https://github.com/joshuakgoldberg>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare function debounce<A extends Function>(f: A, interval?: number, immediate?: boolean): A & { clear(): void; };
-export = debounce;
+declare namespace _debounce {
+    const debounce: typeof _debounce;
+}
+
+declare function _debounce<A extends Function>(f: A, interval?: number, immediate?: boolean): A & { clear(): void; };
+
+export = _debounce;
diff --git a/types/debug/debug-tests.ts b/types/debug/debug-tests.ts
index 73a16fe782..bad51ed584 100644
--- a/types/debug/debug-tests.ts
+++ b/types/debug/debug-tests.ts
@@ -18,3 +18,9 @@ log("Namespace: %s", log.namespace);
 var error:debug.IDebugger = debug("DefinitelyTyped:error");
 error.log = console.error.bind(console);
 error("This should be printed to stderr");
+
+var extendedLog: debug.IDebugger = log.extend('extended');
+extendedLog("Testing this is also an IDebugger.");
+
+var extendedWithCustomDelimiter: debug.IDebugger = log.extend('with-delim', '.');
+extendedWithCustomDelimiter("Testing this is an IDebugger, too.");
\ No newline at end of file
diff --git a/types/debug/index.d.ts b/types/debug/index.d.ts
index 8987b13a26..2eca1c8fb8 100644
--- a/types/debug/index.d.ts
+++ b/types/debug/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Seon-Wook Park <https://github.com/swook>
 //                 Gal Talmor <https://github.com/galtalmor>
 //                 John McLaughlin <https://github.com/zamb3zi>
+//                 Brasten Sager <https://github.com/brasten>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare var debug: debug.IDebug;
@@ -34,5 +35,6 @@ declare namespace debug {
         enabled: boolean;
         log: Function;
         namespace: string;
+        extend: (namespace: string, delimiter?: string) => debug.IDebugger;
     }
 }
diff --git a/types/deep-diff/deep-diff-tests.ts b/types/deep-diff/deep-diff-tests.ts
index 42abf98ee1..6192dad9e5 100644
--- a/types/deep-diff/deep-diff-tests.ts
+++ b/types/deep-diff/deep-diff-tests.ts
@@ -1,9 +1,6 @@
+import { diff, observableDiff, applyChange, Diff } from 'deep-diff';
 
-
-import _deepDiff = require('deep-diff');
-var diff = _deepDiff.diff;
-
-var lhs = {
+let lhs = {
     name: 'my object',
     description: 'it\'s an object!',
     details: {
@@ -13,7 +10,7 @@ var lhs = {
     }
 };
 
-var rhs = {
+let rhs = {
     name: 'updated object',
     description: 'it\'s an object!',
     details: {
@@ -23,17 +20,13 @@ var rhs = {
     }
 };
 
-var differences: deepDiff.IDiff[] = diff(lhs, rhs);
+const differences: Array<Diff<any>> = diff(lhs, rhs);
 
 console.log(differences);
 
-
 // --------------------------
 
-var observableDiff = _deepDiff.observableDiff;
-var applyChange = _deepDiff.applyChange;
-
-var lhs = {
+lhs = {
     name: 'my object',
     description: 'it\'s an object!',
     details: {
@@ -43,7 +36,7 @@ var lhs = {
     }
 };
 
-var rhs = {
+rhs = {
     name: 'updated object',
     description: 'it\'s an object!',
     details: {
@@ -53,7 +46,7 @@ var rhs = {
     }
 };
 
-observableDiff(lhs, rhs, function (d: deepDiff.IDiff) {
+observableDiff(lhs, rhs, d => {
     // Apply all changes except those to the 'name' property...
     if (d.path.length !== 1 || d.path.join('.') !== 'name') {
         applyChange(lhs, rhs, d);
diff --git a/types/deep-diff/index.d.ts b/types/deep-diff/index.d.ts
index de17a03bc8..ac4d50b44a 100644
--- a/types/deep-diff/index.d.ts
+++ b/types/deep-diff/index.d.ts
@@ -1,42 +1,60 @@
-// Type definitions for deep-diff
+// Type definitions for deep-diff 1.0
 // Project: https://github.com/flitbit/diff/
 // Definitions by: ZauberNerd <https://github.com/ZauberNerd>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
-declare namespace deepDiff {
-    interface IDiff {
-        kind: string;
-        path: string[];
-        lhs: any;
-        rhs: any;
-        index?: number;
-        item?: IDiff;
-    }
-
-    interface IAccumulator {
-        push(diff: IDiff): void;
-        length: number;
-    }
-
-    interface IPrefilter {
-        (path: string[], key: string): boolean;
-    }
-
-    interface IDeepDiff {        
-        diff(lhs: Object, rhs: Object, prefilter?: IPrefilter, acc?: IAccumulator): IDiff[];
-        diff(): IDiff;
-        observableDiff(lhs: Object, rhs: Object, changes: Function, prefilter?: IPrefilter, path?: string[], key?: string, stack?: Object[]): void;
-        applyDiff(target: Object, source: Object, filter: Function): void;
-        applyChange(target: Object, source: Object, change: IDiff): void;
-        revertChange(target: Object, source: Object, change: IDiff): void;
-        isConflict(): boolean;
-        noConflict(): IDeepDiff;
-    }
+export interface DiffNew<RHS> {
+    kind: 'N';
+    path?: any[];
+    rhs: RHS;
 }
 
-declare var DeepDiff: deepDiff.IDeepDiff;
-
-declare module "deep-diff" {
-    var diff: deepDiff.IDeepDiff;
-    export = diff;
+export interface DiffDeleted<LHS> {
+    kind: 'D';
+    path?: any[];
+    lhs: LHS;
 }
+
+export interface DiffEdit<LHS, RHS = LHS> {
+    kind: 'E';
+    path?: any[];
+    lhs: LHS;
+    rhs: RHS;
+}
+
+export interface DiffArray<LHS, RHS = LHS> {
+    kind: 'A';
+    path?: any[];
+    index: number;
+    item: Diff<LHS, RHS>;
+}
+
+export type Diff<LHS, RHS = LHS> = DiffNew<RHS> | DiffDeleted<LHS> | DiffEdit<LHS, RHS> | DiffArray<LHS, RHS>;
+
+export type PreFilterFunction = (path: any[], key: any) => boolean;
+export interface PreFilterObject<LHS, RHS = LHS> {
+    prefilter?(path: any[], key: any): boolean;
+    normalize?(currentPath: any, key: any, lhs: LHS, rhs: RHS): [ LHS, RHS ] | undefined;
+}
+export type PreFilter<LHS, RHS = LHS> = PreFilterFunction | PreFilterObject<LHS, RHS>;
+
+export interface Accumulator<LHS, RHS = LHS> {
+    push(diff: Diff<LHS, RHS>): void;
+    length: number;
+}
+
+export type Observer<LHS, RHS = LHS> = (diff: Diff<LHS, RHS>) => void;
+
+export type Filter<LHS, RHS = LHS> = (target: LHS, source: RHS, change: Diff<LHS, RHS>) => boolean;
+
+export function diff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, prefilter?: PreFilter<LHS, RHS>): Array<Diff<LHS, RHS>> | undefined;
+export function diff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, prefilter?: PreFilter<LHS, RHS>, acc?: Accumulator<LHS, RHS>): Accumulator<LHS, RHS>;
+export function orderIndependentDiff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, prefilter?: PreFilter<LHS, RHS>): Array<Diff<LHS, RHS>> | undefined;
+export function orderIndependentDiff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, prefilter?: PreFilter<LHS, RHS>, acc?: Accumulator<LHS, RHS>): Accumulator<LHS, RHS>;
+export function observableDiff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, observer?: Observer<LHS, RHS>, prefilter?: PreFilter<LHS, RHS>, orderIndependent?: boolean): Array<Diff<LHS, RHS>>;
+export function orderIndependentDeepDiff<LHS, RHS = LHS>(lhs: LHS, rhs: RHS, changes: Array<Diff<LHS, RHS>>, prefilter: PreFilter<LHS, RHS>, path: any[], key: any, stack: any[]): void;
+export function orderIndepHash(object: any): number;
+export function applyDiff<LHS, RHS = LHS>(target: LHS, source: RHS, filter?: Filter<LHS, RHS>): void;
+export function applyChange<LHS>(target: LHS, source: any, change: Diff<LHS, any>): void;
+export function revertChange<LHS>(target: LHS, source: any, change: Diff<LHS, any>): void;
diff --git a/types/deep-diff/tslint.json b/types/deep-diff/tslint.json
index a41bf5d19a..3db14f85ea 100644
--- a/types/deep-diff/tslint.json
+++ b/types/deep-diff/tslint.json
@@ -1,79 +1 @@
-{
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
-}
+{ "extends": "dtslint/dt.json" }
diff --git a/types/deepmerge/deepmerge-tests.ts b/types/deepmerge/deepmerge-tests.ts
deleted file mode 100644
index dcd21ff3c3..0000000000
--- a/types/deepmerge/deepmerge-tests.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as deepmerge from "deepmerge";
-
-const x = {
-    foo: { bar: 3 },
-    array: [{ does: 'work', too: [1, 2, 3] }]
-};
-const y = {
-    foo: { baz: 4 },
-    quux: 5,
-    array: [{ does: 'work', too: [4, 5, 6] }, { really: 'yes' }]
-};
-
-const expected = {
-    foo: { bar: 3, baz: 4 },
-    array: [{ does: 'work', too: [1, 2, 3, 4, 5, 6] }, { really: 'yes' }],
-    quux: 5
-};
-
-const result = deepmerge(x, y);
-const anyResult = deepmerge<any>(x, y);
-
-function reverseConcat(dest: number[], src: number[]) {
-    return src.concat(dest);
-}
-
-const withOptions = deepmerge(x, y, {
-    clone: false,
-    arrayMerge: reverseConcat
-});
diff --git a/types/deepmerge/index.d.ts b/types/deepmerge/index.d.ts
deleted file mode 100644
index 39158354de..0000000000
--- a/types/deepmerge/index.d.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// Type definitions for deepmerge 2.1
-// Project: https://github.com/KyleAMathews/deepmerge
-// Definitions by: marvinscharle <https://github.com/marvinscharle>
-//                 syy1125 <https://github.com/syy1125>
-//                 AppLover69 <https://github.com/AppLover69>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
-
-export = deepmerge;
-
-declare function deepmerge<T>(x: Partial<T>, y: Partial<T>, options?: deepmerge.Options): T;
-declare function deepmerge<T1, T2>(x: T1, y: T2, options?: deepmerge.Options): T1 & T2;
-
-declare namespace deepmerge {
-    interface Options {
-        clone?: boolean;
-        arrayMerge?(destination: any[], source: any[], options?: Options): any[];
-        isMergeableObject?(value: object): boolean;
-    }
-
-    function all<T>(objects: Array<Partial<T>>, options?: Options): T;
-}
-
-declare global {
-    interface Window {
-        deepmerge<T>(x: Partial<T>, y: Partial<T>, options?: deepmerge.Options): T;
-        deepmerge<T1, T2>(x: T1, y: T2, options?: deepmerge.Options): T1 & T2;
-    }
-}
diff --git a/types/depd/tslint.json b/types/depd/tslint.json
index 9e23990c45..d4081f4bdf 100644
--- a/types/depd/tslint.json
+++ b/types/depd/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODO
+        "no-angle-bracket-type-assertion": false,
         "no-object-literal-type-assertion": false
     }
 }
diff --git a/types/deps-sort/deps-sort-tests.ts b/types/deps-sort/deps-sort-tests.ts
new file mode 100644
index 0000000000..e706edaefb
--- /dev/null
+++ b/types/deps-sort/deps-sort-tests.ts
@@ -0,0 +1,31 @@
+import depsSort = require("deps-sort");
+
+function browserifyTest(opts: depsSort.Options) {
+    const depsOpts: depsSort.Options = {
+        index: opts != null && opts.index,
+        dedupe: opts != null && opts.dedupe,
+        expose: opts.expose || { id: "file.txt" }
+    };
+
+    const res = depsSort(); // 'opts' are optional
+    res.pipe(depsSort(depsOpts));
+
+    res.once("error", (err: any) => {
+        console.error("module-deps error: ", err);
+    });
+
+    const inst: NodeJS.ReadWriteStream = depsSort({
+        index: true,
+        expose: { id: "file.txt" }
+    });
+
+    inst.on("file", (file, id) => {
+        console.log("file", file, id);
+    });
+    inst.on("package", (pkg) => {
+        console.log("package", pkg);
+    });
+    inst.on("transform", (tr, file) => {
+        console.log("transform", tr, file);
+    });
+}
diff --git a/types/deps-sort/index.d.ts b/types/deps-sort/index.d.ts
new file mode 100644
index 0000000000..e32c826771
--- /dev/null
+++ b/types/deps-sort/index.d.ts
@@ -0,0 +1,85 @@
+// Type definitions for deps-sort 2.0
+// Project: https://github.com/browserify/deps-sort
+// Definitions by: TeamworkGuy2 <https://github.com/TeamworkGuy2>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+import * as stream from "stream";
+
+/**
+ * Return a new through stream that should get written module-deps objects and will output sorted objects.
+ */
+declare function depsSort(opts?: depsSort.Options): stream.Transform;
+
+/**
+ * Sort module-deps output for deterministic browserify bundles.
+ */
+declare namespace depsSort {
+    /**
+     * module-deps constructor options
+     */
+    interface Options {
+        /**
+         * When true, for each module-deps row, insert 'row.index' with the numeric index and
+         * 'row.indexDeps' like 'row.deps' but mapping require strings to row indices
+         */
+        index?: boolean;
+
+        /**
+         * array of names or object mapping names to true not to mangle with integer indexes when 'index' is turned on.
+         * If 'expose' maps names to strings, those strings will be used to resolve the indexed references.
+         */
+        expose?: string[] | { [name: string]: boolean | string };
+
+        /**
+         * Set 'row.dedupe' for files that match existing contents. Sets 'row.dedupeIndex' when 'index' is enabled.
+         * When 'row.dedupe' is set, 'row.sameDeps' will be set to a boolean of whether the dependencies at the dedupe target match (true) or just the source content (false).
+         */
+        dedupe?: boolean;
+
+        [prop: string]: any;
+    }
+
+    /**
+     * Input objects are file objects in the module-deps shape. They must at least have these properties:
+     */
+    interface InputRow {
+        /**
+         * a unique identifier for the file
+         */
+        id: string;
+        /**
+         * the file contents
+         */
+        source: string;
+        /**
+         * dependencies for this file, mapping strings as used in require() to row IDs
+         */
+        deps: string[];
+    }
+
+    /**
+     * All the input properties, and:
+     */
+    interface OutputRow {
+        /**
+         * when 'opts.index' is true, the sorted numeric index of the row
+         */
+        index: number;
+        /**
+         * like 'row.deps', but mapping to 'row.index' instead of 'row.id'
+         */
+        indexDeps: { [id: string]: number };
+        /**
+         * when 'opts.dedupe' is true, contains the row ID of a file with identical contents
+         */
+        dedupe: string;
+        /**
+         * like 'row.dedupe', but contains the 'row.index' instead of 'row.id'
+         */
+        dedupeIndex: number;
+    }
+}
+
+export = depsSort;
diff --git a/types/deepmerge/tsconfig.json b/types/deps-sort/tsconfig.json
similarity index 94%
rename from types/deepmerge/tsconfig.json
rename to types/deps-sort/tsconfig.json
index b863d1bcb9..15871fb95e 100644
--- a/types/deepmerge/tsconfig.json
+++ b/types/deps-sort/tsconfig.json
@@ -18,6 +18,6 @@
     },
     "files": [
         "index.d.ts",
-        "deepmerge-tests.ts"
+        "deps-sort-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/deps-sort/tslint.json b/types/deps-sort/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/deps-sort/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/detect-browser/detect-browser-tests.ts b/types/detect-browser/detect-browser-tests.ts
index 48abb964f8..7453ed044a 100644
--- a/types/detect-browser/detect-browser-tests.ts
+++ b/types/detect-browser/detect-browser-tests.ts
@@ -1,7 +1,64 @@
-import { detect } from 'detect-browser';
+import { BrowserName, BrowserInfo, detect } from 'detect-browser';
 const browser = detect();
 
 if (browser) {
-    const name: string = browser.name;
-    const version: string = browser.version;
+    const name: string | undefined = browser.name;
+    const version: string | undefined = browser.version;
+    const os: string | undefined | null = browser.os;
+    const bot: true | undefined = browser.bot;
 }
+
+const browserInfos: BrowserInfo[] = [];
+
+// Those that can happen when 'detect' hits on a browser
+
+browserInfos.push(
+  {
+    name: "chrome",
+    version: "1.2.3",
+    os: null
+  }
+);
+
+browserInfos.push(
+  {
+    name: "edge",
+    version: "24.5.3",
+    os: "Sun OS"
+  }
+);
+
+browserInfos.push(
+  {
+    name: "edge",
+    version: "13.0",
+    os: "Windows 10",
+    bot: true
+  }
+);
+
+// Those that could be returned when it's a bot
+
+browserInfos.push(
+    {
+        name: "facebook",
+        version: "1.0.2",
+        os: "Linux",
+        bot: true
+    }
+);
+
+browserInfos.push(
+    {
+        name: "crios",
+        version: "2.9.4",
+        os: undefined,
+        bot: true
+    }
+);
+
+browserInfos.push(
+    {
+        bot: true
+    }
+);
diff --git a/types/detect-browser/index.d.ts b/types/detect-browser/index.d.ts
index 22d6bf9c17..943484b013 100644
--- a/types/detect-browser/index.d.ts
+++ b/types/detect-browser/index.d.ts
@@ -1,30 +1,42 @@
-// Type definitions for detect-browser 2.0
+// Type definitions for detect-browser 3.0
 // Project: https://github.com/DamonOehlman/detect-browser
 // Definitions by: Rogier Schouten <https://github.com/rogierschouten>
-// Definitions: https://github.com/borisyankov/DefinitelyTyped
+//                 Brian Caruso <https://github.com/carusology>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export {};
 
 export type BrowserName =
+    "aol" |
     "android" |
     "bb10" |
     "chrome" |
     "crios" |
     "edge" |
+    "facebook" |
     "firefox" |
     "fxios" |
     "ie" |
+    "instagram" |
     "ios" |
+    "ios-webview" |
     "kakaotalk" |
+    "node" |
     "opera" |
     "phantomjs" |
     "safari" |
+    "samsung" |
     "vivaldi" |
-    "yandexbrowser" |
-    "node";
+    "yandexbrowser";
 
 export interface BrowserInfo {
-    name: BrowserName;
-    version: string;
-    os: string;
+    name?: string;
+    version?: string;
+    os?: string | null;
+    bot?: true;
 }
 
-export function detect(): null | BrowserInfo;
+export function detect(): null | false | BrowserInfo;
+export function detectOS(userAgentString: string): null | string;
+export function parseUserAgent(userAgentString: string): null | BrowserInfo;
+export function getNodeVersion(): false | BrowserInfo;
diff --git a/types/detect-character-encoding/detect-character-encoding-tests.ts b/types/detect-character-encoding/detect-character-encoding-tests.ts
new file mode 100644
index 0000000000..42f21a688e
--- /dev/null
+++ b/types/detect-character-encoding/detect-character-encoding-tests.ts
@@ -0,0 +1,10 @@
+import detectCharacterEncoding = require("detect-character-encoding");
+
+const buf: Buffer = null as any;
+
+const result: detectCharacterEncoding.Result | null = detectCharacterEncoding(buf);
+
+if (result) {
+    const str: string = result.encoding;
+    const num: number = result.confidence;
+}
diff --git a/types/detect-character-encoding/index.d.ts b/types/detect-character-encoding/index.d.ts
new file mode 100644
index 0000000000..123a7659eb
--- /dev/null
+++ b/types/detect-character-encoding/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for detect-character-encoding 0.7
+// Project: https://github.com/sonicdoe/detect-character-encoding#readme
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node"/>
+
+export = detectCharacterEncoding;
+
+declare function detectCharacterEncoding(buf: Buffer): detectCharacterEncoding.Result | null;
+
+declare namespace detectCharacterEncoding {
+    interface Result {
+        encoding: string;
+        confidence: number;
+    }
+}
diff --git a/types/detect-character-encoding/tsconfig.json b/types/detect-character-encoding/tsconfig.json
new file mode 100644
index 0000000000..e2adad72dd
--- /dev/null
+++ b/types/detect-character-encoding/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "detect-character-encoding-tests.ts"
+    ]
+}
diff --git a/types/detect-character-encoding/tslint.json b/types/detect-character-encoding/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/detect-character-encoding/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/detective/detective-tests.ts b/types/detective/detective-tests.ts
new file mode 100644
index 0000000000..b0c176af03
--- /dev/null
+++ b/types/detective/detective-tests.ts
@@ -0,0 +1,16 @@
+import detective = require("detective");
+
+const opts: detective.Options = {
+    parse: {
+        sourceType: "module",
+        allowImportExportEverywhere: true
+    }
+};
+
+detective("content", opts).filter((x) => x && x.length > 0);
+
+const detectiveFunc: detective.Detective = detective;
+
+detectiveFunc.find("str").strings.forEach((dep) => {
+    const b: boolean = dep[0] === '.';
+});
diff --git a/types/detective/index.d.ts b/types/detective/index.d.ts
new file mode 100644
index 0000000000..771d88f40c
--- /dev/null
+++ b/types/detective/index.d.ts
@@ -0,0 +1,106 @@
+// Type definitions for detective 5.1
+// Project: https://github.com/browserify/detective
+// Definitions by: TeamworkGuy2 <https://github.com/TeamworkGuy2>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as acorn from "acorn";
+
+/**
+ * Find all calls to require() by walking the AST
+ */
+declare namespace detective {
+    interface Detective {
+        /**
+         * Give some source body src, return an array of all the require() calls with string arguments.
+         * The options parameter opts is passed along to detective.find().
+         */
+        (src: string, opts?: Options): string[];
+        /**
+         * Give some source body 'src', return 'found' DetectiveResults
+         */
+		find(src: string, opts?: Options): DetectiveResults;
+    }
+
+    interface Options {
+        /**
+         * specify a different function name instead of "require"
+         */
+        word?: string;
+        /**
+         * when true, populate found.nodes
+         */
+        nodes?: string;
+        /**
+         * a function returning whether an AST CallExpression node is a require call
+         */
+        isRequire?: (node: any) => boolean;
+        /**
+         * supply options directly to acorn with some support for esprima-style options range and loc
+         */
+        parse?: acorn.Options;
+        /**
+         * Indicates the ECMAScript version to parse. Must be either 3, 5, 6 (2015),
+         * 7 (2016), 8 (2017), 9 (2018) or 10 (2019, partial support). This influences
+         * support for strict mode, the set of reserved words, and support for new syntax features.
+         * Default is 9.
+         */
+        ecmaVersion?: string | number;
+
+        /**
+         * If false, using a reserved word will generate an error. Defaults to true for ecmaVersion 3,
+         * false for higher versions. When given the value "never", reserved words and keywords can
+         * also not be used as property names (as in Internet Explorer's old parser).
+         */
+        allowReserved?: boolean | "never";
+        /**
+         * By default, a return statement at the top level raises an error. Set this to true to accept such code.
+         */
+        allowReturnOutsideFunction?: boolean;
+        /**
+         * By default, import and export declarations can only appear at a program's top level.
+         * Setting this option to true allows them anywhere where a statement is allowed.
+         */
+        allowImportExportEverywhere?: boolean;
+        /**
+         * When this is enabled (off by default), if the code starts with the
+         * characters #! (as in a shellscript), the first line will be treated as a comment.
+         */
+        allowHashBang?: boolean;
+        /**
+         * When true, each node has a loc object attached with start and end subobjects, each of which
+         * contains the one-based line and zero-based column numbers in {line, column} form. Default is false.
+         */
+        locations?: boolean;
+        /**
+         * Nodes have their start and end characters offsets recorded in start and end properties
+         * (directly on the node, rather than the loc object, which holds line/column data.
+         * To also add a semi-standardized range property holding a [start, end] array with
+         * the same numbers, set the ranges option to true.
+         */
+        ranges?: string;
+        /**
+         * Indicate the mode the code should be parsed in. Can be either "script" or "module".
+         * This influences global strict mode and parsing of import and export declarations.
+         */
+        sourceType?: ("script" | "module");
+    }
+
+    interface DetectiveResults {
+        /**
+         * an array of each string found in a require()
+         */
+        strings: string[];
+        /**
+         * an array of each stringified expression found in a require() call
+         */
+        expressions: string[];
+        /**
+         * (when opts.nodes === true) - an array of AST nodes for each argument found in a require() call
+         */
+        nodes?: any[];
+    }
+}
+
+declare var detective: detective.Detective;
+
+export = detective;
diff --git a/types/detective/tsconfig.json b/types/detective/tsconfig.json
new file mode 100644
index 0000000000..49cdedb7fd
--- /dev/null
+++ b/types/detective/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "detective-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/detective/tslint.json b/types/detective/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/detective/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/detox/detox-tests.ts b/types/detox/detox-tests.ts
index 82e3a62d3a..58fe5c1912 100644
--- a/types/detox/detox-tests.ts
+++ b/types/detox/detox-tests.ts
@@ -15,8 +15,17 @@ describe('Test', () => {
     test('Test', async () => {
         await element(by.id('element')).replaceText('text');
         await element(by.id('element')).tap();
+        await element(by.id('element')).scroll(50, 'down');
+        await element(by.id('scrollView')).scrollTo('bottom');
         await expect(element(by.id('element')).atIndex(0)).toNotExist();
+        await element(by.id('scrollView')).swipe('down', 'fast');
+        await element(by.type('UIPickerView')).setColumnToValue(1, "6");
+
+        await expect(element(by.id('element').withAncestor(by.id('parent_element')))).toNotExist();
+        await expect(element(by.id('element').withDescendant(by.id('child_element')))).toNotExist();
 
         await waitFor(element(by.id('element'))).toBeVisible().withTimeout(2000);
+        await device.pressBack();
+        await waitFor(element(by.text('Text5'))).toBeVisible().whileElement(by.id('ScrollView630')).scroll(50, 'down');
     });
 });
diff --git a/types/detox/index.d.ts b/types/detox/index.d.ts
index f4479ff4db..a7bfa12bca 100644
--- a/types/detox/index.d.ts
+++ b/types/detox/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for detox 7.3
+// Type definitions for detox 9.0
 // Project: https://github.com/wix/detox
-// Definitions by: Tareq El-Masri <https://github.com/TareqElMasri>
+// Definitions by: Tareq El-Masri <https://github.com/TareqElMasri>, Steve Chun <https://github.com/stevechun>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare const detox: Detox.Detox;
@@ -22,7 +22,7 @@ declare namespace Detox {
          *      await detox.init(config);
          * });
          */
-        init(config: any, options: DetoxInitOptions): Promise<void>;
+        init(config: any, options?: DetoxInitOptions): Promise<void>;
         /**
          * Artifacts currently include only logs from the app process before each task
          * @param args
@@ -142,6 +142,10 @@ declare namespace Detox {
          * }
          */
         getPlatform(): "ios" | "android";
+        /**
+         * Simulate press back button (Android Only)
+         */
+        pressBack(): Promise<void>;
         /**
          * Simulate shake (iOS Only)
          */
@@ -153,18 +157,6 @@ declare namespace Detox {
     interface Element {
         (by: Matchers): DetoxAny;
 
-        /**
-         * Select by parent element
-         * @param parent
-         * @example await element(by.id('Grandson883').withAncestor(by.id('Son883')));
-         */
-        withAncestor(parent: Element): DetoxAny;
-        /**
-         * Select by child element
-         * @param parent
-         * @example await element(by.id('Son883').withDescendant(by.id('Grandson883')));
-         */
-        withDescendant(child: Element): DetoxAny;
         /**
          * Choose from multiple elements matching the same matcher using index
          * @param index
@@ -173,6 +165,8 @@ declare namespace Detox {
         atIndex(index: number): DetoxAny;
     }
     interface Matchers {
+        (by: Matchers): Matchers;
+
         /**
          * by.id will match an id that is given to the view via testID prop.
          * @param id
@@ -205,6 +199,24 @@ declare namespace Detox {
          * @example await element(by.traits(['button']));
          */
         traits(traits: string[]): Matchers;
+        /**
+         * Find an element by a matcher with a parent matcher
+         * @param parentBy
+         * @example await element(by.id('Grandson883').withAncestor(by.id('Son883')));
+         */
+        withAncestor(parentBy: Matchers): Matchers;
+        /**
+         * Find an element by a matcher with a child matcher
+         * @param childBy
+         * @example await element(by.id('Son883').withDescendant(by.id('Grandson883')));
+         */
+        withDescendant(childBy: Matchers): Matchers;
+        /**
+         * Find an element by multiple matchers
+         * @param by
+         * @example await element(by.text('Product').and(by.id('product_name'));
+         */
+        and(by: Matchers): Matchers;
     }
     interface Expect<R> {
         (element: Element): Expect<any>;
@@ -271,10 +283,10 @@ declare namespace Detox {
         withTimeout(millis: number): Promise<void>;
         /**
          * Performs the action repeatedly on the element until an expectation is met
-         * @param element
+         * @param by
          * @example await waitFor(element(by.text('Text5'))).toBeVisible().whileElement(by.id('ScrollView630')).scroll(50, 'down');
          */
-        whileElement(by: Matchers): Element;
+        whileElement(by: Matchers): DetoxAny;
     }
     interface Actions<R> {
         /**
@@ -325,14 +337,14 @@ declare namespace Detox {
          * await element(by.id('scrollView')).scroll(100, 'down');
          * await element(by.id('scrollView')).scroll(100, 'up');
          */
-        scroll(pixels: number, direction: Direction): Actions<Promise<R>>;
+        scroll(pixels: number, direction: Direction): Promise<Actions<R>>;
         /**
          * Scroll to edge.
          * @param edge
          * @example await element(by.id('scrollView')).scrollTo('bottom');
          * await element(by.id('scrollView')).scrollTo('top');
          */
-        scrollTo(edge: Direction): Actions<Promise<R>>;
+        scrollTo(edge: Direction): Promise<Actions<R>>;
         /**
          *
          * @param direction
@@ -342,7 +354,7 @@ declare namespace Detox {
          * await element(by.id('scrollView')).swipe('down', 'fast');
          * await element(by.id('scrollView')).swipe('down', 'fast', 0.5);
          */
-        swipe(direction: Direction, speed?: Speed, percentage?: number): Actions<Promise<R>>;
+        swipe(direction: Direction, speed?: Speed, percentage?: number): Promise<Actions<R>>;
         /**
          * (iOS Only) column - number of datepicker column (starts from 0) value - string value in setted column (must be correct)
          * @param column
@@ -351,13 +363,18 @@ declare namespace Detox {
          * await element(by.type('UIPickerView')).setColumnToValue(1,"6");
          * await element(by.type('UIPickerView')).setColumnToValue(2,"34");
          */
-        setColumnToValue(column: number, value: string): Actions<Promise<R>>;
+        setColumnToValue(column: number, value: string): Promise<Actions<R>>;
     }
 
     type Direction = "left" | "right" | "top" | "bottom" | "up" | "down";
     type Orientation = "portrait" | "landscape";
     type Speed = "fast" | "slow";
 
+    interface LanguageAndLocale {
+        language?: string;
+        locale?: string;
+    }
+
     interface DetoxInitOptions {
         /**
          * Detox exports device, expect, element, by and waitFor as globals by default, if you want to control their initialization manually, set init detox with initGlobals set to false.
@@ -404,5 +421,10 @@ declare namespace Detox {
          * The added launchArgs will be passed through the launch command to the device and be accessible via [[NSProcessInfo processInfo] arguments]
          */
         launchArgs?: any;
+
+        /**
+         * Launch config for specifying the native language and locale
+         */
+        languageAndLocale?: LanguageAndLocale;
     }
 }
diff --git a/types/dev-ip/dev-ip-tests.ts b/types/dev-ip/dev-ip-tests.ts
new file mode 100644
index 0000000000..2b91ce3b05
--- /dev/null
+++ b/types/dev-ip/dev-ip-tests.ts
@@ -0,0 +1,13 @@
+import devIp = require("dev-ip");
+
+const ips = devIp();
+
+function main() {
+    if (typeof ips === "boolean") {
+        return;
+    }
+
+    ips.map(ip => `ip: ${ip}`);
+}
+
+main();
diff --git a/types/dev-ip/index.d.ts b/types/dev-ip/index.d.ts
new file mode 100644
index 0000000000..52914375e5
--- /dev/null
+++ b/types/dev-ip/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for dev-ip 1.0
+// Project: https://github.com/shakyshane/dev-ip
+// Definitions by: Mike Engel <https://github.com/mike-engel>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Returns either an array of IP addresses or false if none can be found (offline, etc)
+ */
+declare function devIp(): string[] | boolean;
+
+export = devIp;
diff --git a/types/dev-ip/tsconfig.json b/types/dev-ip/tsconfig.json
new file mode 100644
index 0000000000..ab721e10de
--- /dev/null
+++ b/types/dev-ip/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "dev-ip-tests.ts"]
+}
diff --git a/types/dev-ip/tslint.json b/types/dev-ip/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dev-ip/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/devexpress-web/index.d.ts b/types/devexpress-web/index.d.ts
index 9b29d9e0db..5c2feff240 100644
--- a/types/devexpress-web/index.d.ts
+++ b/types/devexpress-web/index.d.ts
@@ -1,10 +1,9 @@
-// Type definitions for DevExpress ASP.NET v172.6
+// Type definitions for DevExpress ASP.NET 182.3
 // Project: http://devexpress.com/
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-/// <reference types="knockout"/>
 /// <reference types="jquery"/>
 
 /**
@@ -276,14 +275,11 @@ interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
      */
     (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
 }
-/**
- * References a method that will handle the ItemBeforeWidgetDisposed events.
- */
 interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
     /**
-     * References a method that will handle the ItemBeforeWidgetDisposed events.
-     * @param source The event source.
-     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     * 
+     * @param source 
+     * @param e 
      */
     (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
 }
@@ -882,6 +878,21 @@ interface MapExportOptions {
      */
     SizeMode: string;
 }
+/**
+ * Contains settings that specify parameters affecting how the Treemap dashboard item is Printing and Exporting.
+ */
+interface TreemapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Treemap dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Treemap dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Treemap dashboard item.
+     * Value: A TreemapExportSizeMode enumeration member that specifies the print size mode for the Treemap dashboard item.
+     */
+    SizeMode: string;
+}
 /**
  * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
  */
@@ -976,6 +987,16 @@ interface ASPxClientDashboardExportOptions {
      * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
      */
     MapOptions: MapExportOptions;
+    /**
+     * Provides access to options for exporting a Treemap dashboard item.
+     * Value: A TreemapExportOptions object containing settings that specify parameters affecting how the Treemap dashboard item is exported.
+     */
+    TreemapOptions: TreemapExportOptions;
+}
+interface ExportFontInfo {
+    Name: string;
+    GdiCharSet: any;
+    UseCustomFontInfo: boolean;
 }
 /**
  * Contains options related to exporting a dashboard/dashboard item to the PDF format.
@@ -1116,6 +1137,7 @@ interface DashboardPdfExportOptions {
      * Value: A TreemapExportSizeMode value that specifies the export size mode for the Treemap dashboard item.
      */
     TreemapSizeMode: string;
+    FontInfo: ExportFontInfo;
 }
 /**
  * Contains options related to exporting a dashboard/dashboard item to an image.
@@ -1161,6 +1183,7 @@ interface DashboardImageExportOptions {
      * Value: A string value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
      */
     ScaleFactor: number;
+    FontInfo: ExportFontInfo;
 }
 /**
  * Contains options related to exporting a dashboard/dashboard item to the Excel format.
@@ -1221,10 +1244,7 @@ interface ASPxClientDashboard extends ASPxClientControl {
      * Occurs after a new dashboard is displayed in the ASPxClientDashboard.
      */
     DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboard>>;
-    /**
-     * For internal use.
-     */
-    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardCustomizeMenuItemsEventHandler<ASPxClientDashboard>>;
+    DashboardInitialized: ASPxClientEvent<ASPxClientDashboardInitializedEventHandler<ASPxClientDashboard>>;
     /**
      * Occurs before any element in the Web Dashboard control has been rendered.
      */
@@ -1301,6 +1321,56 @@ interface ASPxClientDashboard extends ASPxClientControl {
      * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.).
      */
     DashboardTitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboard>>;
+    SelectedTabPageChanged: ASPxClientEvent<ASPxClientSelectedTabPageChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+    ReloadData(): void;
+    /**
+     * Refreshes an entire dashboard displayed in the Web Dashboard control.
+     */
+    Refresh(): void;
+    /**
+     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
+     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
+     */
+    Refresh(itemName: string): void;
+    /**
+     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
+     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
+     */
+    Refresh(itemName: string[]): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
     /**
      * Returns names of the predefined ranges available for the specified Range Filter.
      * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
@@ -1323,10 +1393,7 @@ interface ASPxClientDashboard extends ASPxClientControl {
      * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
      */
     PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
-    /**
-     * Gets the DashboardControl object that is the client-side part of the Web Dashboard.
-     */
-    GetDashboardControl(): DashboardControl;
+    GetDashboardControl(): Object;
     /**
      * Switches the ASPxClientDashboard to the viewer mode.
      */
@@ -1339,14 +1406,39 @@ interface ASPxClientDashboard extends ASPxClientControl {
      * Gets the current working mode of the Web Dashboard.
      */
     GetWorkingMode(): string;
+    IsDesignMode(): boolean;
+    /**
+     * 
+     * @param itemName 
+     */
+    MaximizeDashboardItem(itemName: string): void;
+    RestoreDashboardItem(): void;
+    GetMaximizedDashboardItemName(): string;
+    /**
+     * 
+     * @param tabContainerName 
+     */
+    GetSelectedTabPageIndex(tabContainerName: string): number;
+    /**
+     * 
+     * @param tabContainerName 
+     */
+    GetSelectedTabPage(tabContainerName: string): string;
+    /**
+     * 
+     * @param tabContainerName 
+     * @param index 
+     */
+    SetSelectedTabPageIndex(tabContainerName: string, index: number): void;
+    /**
+     * 
+     * @param tabPageName 
+     */
+    SetSelectedTabPage(tabPageName: string): void;
     /**
      * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboard.
      */
     GetDashboardId(): string;
-    /**
-     * Gets the name of the dashboard that is displayed in the ASPxClientDashboard.
-     */
-    GetDashboardName(): string;
     /**
      * Gets the state of the dashboard displayed in the ASPxClientDashboard.
      */
@@ -1672,54 +1764,6 @@ interface ASPxClientDashboard extends ASPxClientControl {
      * @param itemName A String that specifies a component name of the master filter item.
      */
     GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
-    /**
-     * Returns the client data for the specified dashboard item.
-     * @param itemName A string that specifies the component name of the dashboard item.
-     */
-    GetItemData(itemName: string): ASPxClientDashboardItemData;
-    /**
-     * Refreshes an entire dashboard displayed in the Web Dashboard control.
-     */
-    Refresh(): void;
-    /**
-     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
-     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
-     */
-    Refresh(itemName: string): void;
-    /**
-     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
-     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
-     */
-    Refresh(itemName: string[]): void;
-    /**
-     * Requests underlying data for the specified dashboard item.
-     * @param itemName A string that specifies the component name of the dashboard item.
-     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
-     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
-     */
-    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
-    /**
-     * Returns the currently selected range in the specified Range Filter dashboard item.
-     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
-     */
-    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
-    /**
-     * Returns the visible range for the specified Range Filter dashboard item.
-     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
-     */
-    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
-    /**
-     * Selects the required range in the specified Range Filter dashboard item.
-     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
-     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
-     */
-    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
-    /**
-     * Selects a predefined range in the Range Filter dashboard item.
-     * @param itemName A String value that specifies the component name of the Range Filter.
-     * @param dateTimePeriodName A String value that specifies the predefined range name.
-     */
-    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
 }
 /**
  * References a method that will handle the DashboardStateChanged event.
@@ -1762,28 +1806,17 @@ interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
      * Value: A string value that is an identifier of newly opened dashboard.
      */
     DashboardId: string;
+}
+interface ASPxClientDashboardInitializedEventHandler<S> {
     /**
-     * Gets the name of a newly opened dashboard.
-     * Value: A string value that is the name of newly opened dashboard.
+     * 
+     * @param source 
+     * @param e 
      */
-    DashboardName: string;
+    (source: S, e: ASPxClientDashboardInitializedEventArgs): void;
 }
-interface ASPxClientDashboardCustomizeMenuItemsEventHandler<S> {
-    (source: S, e: ASPxClientDashboardCustomizeMenuItemsEventArgs): void;
-}
-interface ASPxClientDashboardMenuItem {
-    id: string;
-    title: string;
-    template: string;
-    selected: boolean;
-    disabled: boolean;
-    hasSeparator: boolean;
-    click: Function;
-    hotKey: number;
-}
-interface ASPxClientDashboardCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
-    Items: ASPxClientDashboardMenuItem[];
-    FindById(itemId: string): ASPxClientDashboardMenuItem;
+interface ASPxClientDashboardInitializedEventArgs extends ASPxClientEventArgs {
+    DashboardId: string;
 }
 /**
  * References a method that will handle the BeforeRender event.
@@ -1989,6 +2022,19 @@ interface ASPxClientDashboardEndUpdateEventArgs extends ASPxClientEventArgs {
      */
     DashboardId: string;
 }
+interface ASPxClientSelectedTabPageChangedEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientSelectedTabPageChangedEventArgs): void;
+}
+interface ASPxClientSelectedTabPageChangedEventArgs extends ASPxClientEventArgs {
+    TabContainerName: string;
+    SelectedPage: string;
+    PreviousPage: string;
+}
 /**
  * A client-side equivalent of the ASPxDashboardViewer control.
  */
@@ -2066,9 +2112,9 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
      */
     ItemCaptionToolbarUpdated: ASPxClientEvent<ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
     /**
-     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.).
+     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.) of the Web Viewer.
      */
-    TitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    DashboardTitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
     /**
      * Reloads data in the data sources.
      */
@@ -2658,510 +2704,6 @@ interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventAr
      */
     ItemName: string;
 }
-/**
- * Provides data for the onCustomizeText handler.
- */
-interface CardWidgetCustomizeTextEventArgs {
-    /**
-     * Gets a dimension/measure value to be displayed within the card.
-     */
-    getValue(): Object;
-    /**
-     * Gets a formatted value displayed within the card.
-     */
-    getDefaultText(): string;
-}
-/**
- * A Card widget that visualizes a Card dashboard item's data.
- */
-interface CardWidget {
-    /**
-     * Gets or sets the background color for a card.
-     * Value: A string that specifies the <a href="https://www.w3schools.com/html/html_colors.asp">HTML color</a> used to paint a card's background.
-     */
-    cardBackColor: string;
-    /**
-     * Allows you to customize texts displayed within individual cards.
-     * Value: A handler used customize texts displayed within individual cards.
-     */
-    onCustomizeText: Object;
-    /**
-     * Gets the root element of the widget.
-     */
-    element(): Object;
-}
-/**
- * When implemented, represents the Web Dashboard extension.
- */
-interface IExtension {
-    /**
-     * Gets a unique name of a Web Dashboard extension.
-     * Value: A string value that is a unique name of a Web Dashboard extension.
-     */
-    name: string;
-    /**
-     * Contains code that will be invoked when you register the dashboard extension.
-     */
-    start(): void;
-    /**
-     * Contains code that will be invoked when you unregister the dashboard extension.
-     */
-    stop(): void;
-}
-/**
- * A client-side part of the Web Dashboard.
- */
-interface DashboardControl {
-    /**
-     * Gets or sets knockout templates that you can use in the Web Dashboard.
-     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template collection.
-     */
-    customTemplates: KnockoutObservableArray<any>;
-    /**
-     * Provides an access to the collection of registered dashboard extensions.
-     * Value: An array of IExtension objects that are dashboard extensions.
-     */
-    extensions: IExtension[];
-    /**
-     * Initializes a new dashboard with the specified name and JSON model.
-     * @param id A string value that is a unique name of the created dashboard.
-     * @param dashboardJson A dashboard model encoded in the specified JSON string.
-     */
-    initializeDashboard(id: string, dashboardJson: string): void;
-    /**
-     * Initializes a new dashboard with the specified name, JSON model and initial state.
-     * @param id A string value that is a unique name of the created dashboard.
-     * @param dashboardJson A dashboard model encoded in the specified JSON string.
-     * @param initialState A JSON object that specifies the  dashboard state.
-     */
-    initializeDashboard(id: string, dashboardJson: string, initialState: Object): void;
-    /**
-     * Allows you to register a dashboard extension to add its functionality to the Web Dashboard.
-     * @param extension An IExtension object that is a dashboard extension.
-     */
-    registerExtension(extension: IExtension): void;
-    /**
-     * Allows you to get access to the extension.
-     * @param extensionName A string value that is the dashboard extension name.
-     */
-    findExtension(extensionName: string): IExtension;
-    /**
-     * Allows you to unregister a dashboard extension to disable its functionality in the Web Dashboard.
-     * @param extensionName A string value that is a dashboard extension name.
-     */
-    unregisterExtension(extensionName: string): void;
-}
-interface UrlStateExtension extends IExtension {
-}
-interface Element {
-}
-/**
- * The content of the Dashboard Parameters dialog.
- */
-interface ParameterDialogContent {
-    /**
-     * Gets the Dashboard Parameters dialog's grid that displays parameter values.
-     * Value: The Dashboards Parameters dialog's grid that displays parameter values.
-     */
-    grid: Object;
-    /**
-     * Applies changes made in the Dashboard Parameters dialog.
-     */
-    submitParameterValues(): void;
-    /**
-     * Resets changes in the Dashboard Parameters dialog to the default values.
-     */
-    resetParameterValues(): void;
-    valueChanged(): void;
-}
-/**
- * A Web Dashboard extension that is the Dashboard Parameters dialog.
- */
-interface DashboardParameterDialogExtension extends IExtension {
-    /**
-     * Gets or sets whether to show the Dashboard Parameters button in the dashboard title.
-     * Value: true, to show the Dashboard Parameters button; otherwise, false.
-     */
-    showDialogButton: KnockoutObservableBoolean;
-    /**
-     * Invokes the Dashboard Parameters dialog.
-     */
-    show(): void;
-    /**
-     * Closes the Dashboard Parameters dialog.
-     */
-    hide(): void;
-    /**
-     * Allows you to be notified about the dashboard parameter settings changes.
-     * @param callback A custom function.
-     */
-    subscribeToContentChanges(callback: Function): Object;
-    /**
-     * Renders the content of the Dashboard Parameters dialog inside the specified JQuery element.
-     * @param element A JQuery element where the Dashboard Parameters dialog content is rendered.
-     */
-    renderContent(element: Element): ParameterDialogContent;
-}
-interface DashboardExportExtension extends IExtension {
-}
-interface ViewerApiExtension extends IExtension {
-}
-interface DashboardCurrencyEditorExtension extends IExtension {
-}
-interface DataSourceBrowserExtension extends IExtension {
-}
-interface DataSourceWizardExtension extends IExtension {
-}
-interface DashboardItemMenuExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that allows you to configure color schemes.
- */
-interface DashboardColorSchemeEditorExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that allows you to keep track of all user actions, and cancel or repeat them.
- */
-interface UndoRedoExtension extends IExtension {
-    /**
-     * Allows you to track whether the Web Dashboard has unsaved changes.
-     */
-    isChanged(): boolean;
-}
-/**
- * A Web Dashboard extension that is the dashboard item's Binding menu allowing you to create and modify data binding.
- */
-interface BindingPanelExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that is the dashboard item's Convert To menu allowing you to convert or duplicate the current item.
- */
-interface ConversionPanelExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that allows you to save the current dashboard.
- */
-interface SaveDashboardExtension extends IExtension {
-    /**
-     * Allows you to save the current dashboard with a specified unique name and JSON model.
-     * @param dashboardId A string value that is a unique name of the created dashboard.
-     * @param dashboardJson A dashboard model encoded in the specified JSON string.
-     */
-    performSaveDashboard(dashboardId: string, dashboardJson: string): void;
-    /**
-     * Allows you to invoke a custom function while you save a dashboard.
-     * @param action A custom function that is invoked when the dashboard is about to be saved.
-     */
-    ensureDashboardSaved(action: Function): void;
-    /**
-     * Saves the opened dashboard.
-     */
-    saveDashboard(): void;
-}
-/**
- * A Web Dashboard extension that allows you to create a new dashboard.
- */
-interface CreateDashboardExtension extends IExtension {
-    /**
-     * Creates a new dashboard with a specified name and JSON model.
-     * @param dashboardName A string value that is the name of the created dashboard.
-     * @param dashboardJson A dashboard model encoded in the specified JSON string.
-     */
-    performCreateDashboard(dashboardName: string, dashboardJson: string): void;
-}
-/**
- * A Web Dashboard extension that allows you to open the created dashboards.
- */
-interface OpenDashboardExtension extends IExtension {
-    /**
-     * Loads a dashboard with the specified identifier from the dashboard storage.
-     * @param id A String value that specifies the unique dashboard name.
-     */
-    loadDashboard(id: string): void;
-}
-/**
- * A Web Dashboard extension that is the dashboard item's Interactivity menu containing settings that affect on interaction between various dashboard items.
- */
-interface InteractivityPanelExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that is the dashboard item's Options menu containing specific options and settings related to the current dashboard item.
- */
-interface OptionsPanelExtension extends IExtension {
-}
-/**
- * A Web Dashboard extension that is the dashboard title editor.
- */
-interface DashboardTitleEditorExtension extends IExtension {
-}
-/**
- * The Dashboard Panel extension that allows users to switch between dashboards and enable the Designer mode.
- */
-interface DashboardPanelExtension extends IExtension {
-    /**
-     * Gets or sets the width of the Dashboard Panel extension.
-     * Value: An integer value that specifies the Dashboard Panel's width.
-     */
-    panelWidth: number;
-    /**
-     * Gets or sets whether the Dashboard Panel is visible.
-     * Value: true, to display the Dashboard Panel; otherwise, false.
-     */
-    visible: KnockoutObservableBoolean;
-    /**
-     * Gets or sets whether you can switch into the designer mode.
-     * Value: true, to display the Edit in Designer button on the dashboard panel; otherwise, false.
-     */
-    allowSwitchToDesigner: KnockoutObservableBoolean;
-}
-/**
- * An extension that is a list of available data sources used to provide data to the Web Dashboard.
- */
-interface AvailableDataSourcesExtension extends IExtension {
-}
-/**
- * A dashboard menu item.
- */
-interface DashboardMenuItem {
-    /**
-     * Gets or sets a unique identifier of a dashboard menu item.
-     * Value: A string value that is a menu item's unique identifier.
-     */
-    id: string;
-    /**
-     * Gets or sets a dashboard menu item title.
-     * Value: A string value that is a dashboard menu item title.
-     */
-    title: string;
-    /**
-     * Gets or sets a position of the dashboard menu item within the dashboard menu.
-     * Value: A zero-based integer specifying the position of the current dashboard menu item.
-     */
-    index: number;
-    /**
-     * Gets or sets a code of the key used in the keyboard shortcut. This shortcut allows you to invoke the current menu item.
-     * Value: An integer value that specifies a key code.
-     */
-    hotKey: number;
-    /**
-     * Gets or sets a custom function that is invoked when a click occurs.
-     * Value: A custom function that is invoked when a click occurs.
-     */
-    click: Function;
-    /**
-     * Gets or sets a knockout template for the extension.
-     * Value: A string value that is an id of the knockout template.
-     */
-    template: string;
-    /**
-     * Gets or sets whether the dashboard menu item is selected.
-     * Value: true, if the dashboard menu item is selected; otherwise, false;
-     */
-    selected: KnockoutObservableBoolean;
-    /**
-     * Gets whether a dashboard menu item is disabled.
-     * Value: true, if a dashboard menu item should be disabled; otherwise, false.
-     */
-    disabled: KnockoutObservableBoolean;
-    /**
-     * Gets or sets whether a dashboard menu item has a separator.
-     * Value: true, if a dashboard menu item has a separator; otherwise, false.
-     */
-    hasSeparator: boolean;
-    /**
-     * Gets or sets data that is used by a menu item.
-     * Value: An object that contains data used by a menu item.
-     */
-    data: Object;
-}
-/**
- * A toolbox item of the specified dashboard toolbox group.
- */
-interface DashboardToolboxItem {
-    /**
-     * Gets or sets a dashboard item type.
-     * Value: A string value that is a dashboard item type.
-     */
-    type: string;
-    /**
-     * Gets or sets an icon of the dashboard toolbox item.
-     * Value: A string value that is the icon id from the SVG definition.
-     */
-    icon: string;
-    /**
-     * Gets or sets a unique name of the dashboard toolbox item.
-     * Value: A string value that is a toolbox item's unique name.
-     */
-    name: string;
-    /**
-     * Gets or sets a dashboard toolbox item title.
-     * Value: A string value that is a dashboard toolbox item title.
-     */
-    title: string;
-    /**
-     * Gets or sets whether a toolbox item should be disabled.
-     * Value: true, if a toolbox item should be disabled; otherwise, false.
-     */
-    disabled: KnockoutObservableBoolean;
-    /**
-     * Gets or sets a custom function that is invoked when a click occurs.
-     * Value: A custom function that is invoked when a click occurs.
-     */
-    click: Function;
-}
-/**
- * A toolbar item of the specified dashboard toolbar group.
- */
-interface DashboardToolbarItem {
-    /**
-     * Gets or sets an icon of the dashboard toolbar item.
-     * Value: A string value that is the icon id from the SVG definition.
-     */
-    icon: string;
-    /**
-     * Gets or sets a unique name of the dashboard toolbar item.
-     * Value: A string value that is a unique toolbar item name.
-     */
-    name: string;
-    /**
-     * Gets or sets a dashboard toolbar item title.
-     * Value: A string value that is a dashboard toolbar item title.
-     */
-    title: string;
-    /**
-     * Gets or sets whether a toolbar item should be disabled.
-     * Value: true, if a toolbar item is disabled; otherwise, false.
-     */
-    disabled: KnockoutObservableBoolean;
-    /**
-     * Gets or sets a knockout extension template.
-     * Value: A string value that is an id of the knockout template.
-     */
-    template: string;
-    /**
-     * Gets or sets a custom function that is invoked when a click occurs.
-     * Value: A custom function that is invoked when a click occurs.
-     */
-    click: Function;
-}
-/**
- * A toolbox group that contains dashboard toolbox items.
- */
-interface DashboardToolboxGroup {
-    /**
-     * Gets or sets a unique name of the dashboard toolbox group.
-     * Value: A string value that is a unique toolbox group name.
-     */
-    name: string;
-    /**
-     * Gets or sets a dashboard toolbox group title.
-     * Value: A string value that is a dashboard toolbox group title.
-     */
-    title: string;
-    /**
-     * Gets or sets a position of the toolbox group within the Toolbox.
-     * Value: A zero-based integer specifying the position of the current toolbox group.
-     */
-    index: number;
-    /**
-     * Provides access to a collection of toolbox group items.
-     * Value: A DashboardToolboxItem).
-     */
-    items: KnockoutObservableArray<any>;
-}
-/**
- * A toolbar group that contains dashboard toolbar items.
- */
-interface DashboardToolbarGroup {
-    /**
-     * Gets or sets a unique name of the dashboard toolbar group.
-     * Value: A string value that is a unique toolbar group name.
-     */
-    name: string;
-    /**
-     * Gets or sets a dashboard toolbar group title.
-     * Value: A string value that is a dashboard toolbar group title.
-     */
-    title: string;
-    /**
-     * Gets or sets a position of the toolbar group within the Toolbox.
-     * Value: A zero-based integer specifying the position of the current toolbar group.
-     */
-    index: number;
-    /**
-     * Provides access to a collection of toolbar group items.
-     * Value: A DashboardToolbarItem).
-     */
-    items: KnockoutObservableArray<any>;
-}
-/**
- * The Web Dashboard Toolbox extension that provides access to the dashboard menu and allows you to add dashboard items, as well as undo or repeat user actions.
- */
-interface ToolboxExtension extends IExtension {
-    /**
-     * Provides access to a collection of the dashboard menu items.
-     * Value: A DashboardMenuItem).
-     */
-    menuItems: KnockoutObservableArray<any>;
-    /**
-     * Provides access to a collection of the Toolbox groups.
-     * Value: A DashboardToolboxGroup).
-     */
-    toolboxGroups: KnockoutObservableArray<any>;
-    /**
-     * Provides access to a collection of toolbar groups from the Toolbox.
-     * Value: A DashboardToolbarGroup).
-     */
-    toolbarGroups: KnockoutObservableArray<any>;
-    /**
-     * For internal use.
-     */
-    menuVisible: KnockoutObservableBoolean;
-    /**
-     * Allows you to add a specified menu item to the dashboard menu.
-     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
-     */
-    addMenuItem(menuItem: DashboardMenuItem): void;
-    /**
-     * Removes the specified dashboard item from the dashboard menu.
-     * @param menuItemId A string value that is a unique dashboard item name.
-     */
-    removeMenuItem(menuItemId: string): void;
-    /**
-     * Simulates a dashboard menu item selection.
-     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
-     */
-    selectMenuItem(menuItem: DashboardMenuItem): void;
-    /**
-     * Allows you to add a specified toolbox item into a specified toolbox group.
-     * @param groupName A string value that is a toolbox group name. To get a toolbox group name, use the name property.
-     * @param toolboxItem A DashboardToolboxItem object that is a dashboard toolbox item.
-     */
-    addToolboxItem(groupName: string, toolboxItem: DashboardToolboxItem): void;
-    /**
-     * Removes the specified item from the specified toolbox group.
-     * @param groupName A string value that is a unique toolbox group name (name).
-     * @param toolboxItemName A string value that is a unique toolbox item name (name).
-     */
-    removeToolboxItem(groupName: string, toolboxItemName: string): void;
-    /**
-     * Allows you to add a specified toolbar item into a specified toolbar group.
-     * @param groupName A string value that is a toolbar group name. To get a toolbar group name, use the name property.
-     * @param toolbarItem A DashboardToolbarItem object that is a dashboard toolbar item.
-     */
-    addToolbarItem(groupName: string, toolbarItem: DashboardToolbarItem): void;
-    /**
-     * Removes the specified toolbar item from the specified toolbar group.
-     * @param groupName A string value that is a unique toolbar group name.
-     * @param toolbarItemName A string value that is a unique toolbar item name.
-     */
-    removeToolbarItem(groupName: string, toolbarItemName: string): void;
-}
-/**
- * A Web Dashboard extension that allows you to create and edit dashboard parameters.
- */
-interface DashboardParameterEditorExtension extends IExtension {
-}
 /**
  * Serves as the base object for all the editors included in the client-side object model.
  */
@@ -3218,6 +2760,15 @@ interface ASPxClientEdit extends ASPxClientEditBase {
      * Returns an HTML element that represents the control's input element.
      */
     GetInputElement(): Object;
+    /**
+     * Returns a value indicating whether the editor's state is read-only on the client-side.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's state is read-only on the client side.
+     * @param readOnly true, to make the control read-only on the client side; otherwise, false.
+     */
+    SetReadOnly(readOnly: boolean): void;
     /**
      * Sets input focus to the editor.
      */
@@ -3402,6 +2953,10 @@ interface ASPxClientCalendar extends ASPxClientEdit {
      * Allows you to disable the calendar's days.
      */
     CustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs when an end user clicks a date cell.
+     */
+    CellClick: ASPxClientEvent<ASPxClientCalendarCellClickEventHandler<ASPxClientCalendar>>;
     /**
      * Occurs on the client-side when an end-user presses a key while the editor has focus.
      */
@@ -3524,6 +3079,17 @@ interface ASPxClientCalendarCustomDisabledDateEventHandler<S> {
      */
     (source: S, e: ASPxClientCalendarCustomDisabledDateEventArgs): void;
 }
+interface ASPxClientCalendarCellClickEventArgs extends ASPxClientEventArgs {
+    date: Date;
+}
+interface ASPxClientCalendarCellClickEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCalendarCellClickEventArgs): void;
+}
 /**
  * Represents the client-side equivalent of the ASPxCaptcha control.
  */
@@ -3671,7 +3237,7 @@ interface ASPxClientButtonEditBase extends ASPxClientTextBoxBase {
  */
 interface ASPxClientDropDownEditBase extends ASPxClientButtonEditBase {
     /**
-     * Occurs on the client-side when the drop down window is opened.
+     * Occurs on the client-side when the drop down window is opened by the dropdown button click.
      */
     DropDown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
     /**
@@ -3741,6 +3307,14 @@ interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
      * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
      */
     SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires before the filtering is executed.
+     */
+    ItemFiltering: ASPxClientEvent<ASPxClientListEditItemFilteringEventHandler<ASPxClientComboBox>>;
+    /**
+     * Enables you to highlight the filtered items.
+     */
+    CustomHighlighting: ASPxClientEvent<ASPxClientListEditCustomHighlightingEventHandler<ASPxClientComboBox>>;
     /**
      * Specifies the text displayed within the editor's edit box.
      * @param text A string value specifying the editor's text.
@@ -3892,6 +3466,12 @@ interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
      * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
      */
     InsertItem(index: number, texts: string[]): void;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     * @param applyFilter true, to use the specified text as a filter and apply it to the editor, otherwise, false.
+     */
+    SetText(text: string, applyFilter: boolean): void;
     /**
      * Determines whether the drop-down content is loaded; if not - loads the content.
      * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
@@ -3966,6 +3546,10 @@ interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
      * Allows you to disable the calendar's days.
      */
     CalendarCustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Occurs when an end user clicks a calendar date cell.
+     */
+    CalendarCellClick: ASPxClientEvent<ASPxClientCalendarCellClickEventHandler<ASPxClientDateEdit>>;
     /**
      * This event is not in effect for the ASPxClientDateEdit. Use the DateChanged event instead.
      */
@@ -3991,6 +3575,10 @@ interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
      * Returns the number of days in a range selected within a date edit.
      */
     GetRangeDayCount(): number;
+    /**
+     * Gets the range length.
+     */
+    GetRangeLength(): number;
     /**
      * Gets the minimum date of the editor.
      */
@@ -4045,6 +3633,10 @@ interface ASPxClientParseDateEventHandler<S> {
  * Represents a base for client editor objects realizing the dropdown editor functionality.
  */
 interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Allows you to handle a click on 'Ok' and 'Cancel' buttons in the drop-down arrow.
+     */
+    DropDownCommandButtonClick: ASPxClientEvent<ASPxClientDropDownCommandEventHandler<ASPxClientDropDownEdit>>;
     /**
      * Obtains the key value associated with the text displayed within the editor's edit box.
      */
@@ -4055,6 +3647,17 @@ interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
      */
     SetKeyValue(keyValue: string): void;
 }
+interface ASPxClientDropDownCommandEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientDropDownCommandEventArgs): void;
+}
+interface ASPxClientDropDownCommandEventArgs extends ASPxClientCancelEventArgs {
+    commandName: string;
+}
 /**
  * A method that will handle the client events involving a keyboard key being pressed or released.
  */
@@ -4282,6 +3885,14 @@ interface ASPxClientListBox extends ASPxClientListEdit {
      * Occurs on the client when the editor's item is double clicked.
      */
     ItemDoubleClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires before the filtering is executed.
+     */
+    ItemFiltering: ASPxClientEvent<ASPxClientListEditItemFilteringEventHandler<ASPxClientListBox>>;
+    /**
+     * Enables you to highlight the filtered items.
+     */
+    CustomHighlighting: ASPxClientEvent<ASPxClientListEditCustomHighlightingEventHandler<ASPxClientListBox>>;
     /**
      * Gets the number of items contained in the editor's item collection.
      */
@@ -4422,7 +4033,7 @@ interface ASPxClientListBox extends ASPxClientListEdit {
      */
     PerformCallback(parameter: string): void;
     /**
-     * Adds a new item to the editor, specifying the item's display text, and returns the added item's index.
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
      * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
      */
     AddItem(texts: string[]): number;
@@ -4617,6 +4228,63 @@ interface ASPxClientListEditItemSelectedChangedEventArgs extends ASPxClientProce
      */
     isSelected: boolean;
 }
+/**
+ * A method that will handle the ItemFiltering events.
+ */
+interface ASPxClientListEditItemFilteringEventHandler<S> {
+    /**
+     * A method that will handle the ItemFiltering events.
+     * @param source The event source.
+     * @param e A ASPxClientListEditItemFilteringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemFilteringEventArgs): void;
+}
+/**
+ * Provides data for the ItemFiltering events.
+ */
+interface ASPxClientListEditItemFilteringEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the editor item object related to the event.
+     * Value: An ASPxClientListEditItem object representing the processed editor item.
+     */
+    item: ASPxClientListEditItem;
+    /**
+     * Specifies whether the item should be shown in the search result.
+     * Value: true, to show the item; otherwise, false.
+     */
+    isFit: boolean;
+    /**
+     * Gets a string that is a filter condition for the editor's items typed by a user.
+     * Value: A string value specifying the filter text typed by a user.
+     */
+    filter: string;
+}
+/**
+ * A method that will handle the CustomHighlighting events.
+ */
+interface ASPxClientListEditCustomHighlightingEventHandler<S> {
+    /**
+     * A method that will handle the CustomHighlighting events.
+     * @param source The event source.
+     * @param e A ASPxClientListEditCustomHighlightingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditCustomHighlightingEventArgs): void;
+}
+/**
+ * Provides data for the CustomHighlighting events.
+ */
+interface ASPxClientListEditCustomHighlightingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies rules according to which the editor highlights the filtered items.
+     * Value: An object representing the highlighting rules.
+     */
+    highlighting: Object;
+    /**
+     * Gets a string that is a filter condition for the editor's items typed by a user.
+     * Value: A string value specifying the filter text typed by a user.
+     */
+    filter: string;
+}
 /**
  * Represents a client-side equivalent of the ASPxProgressBar control.
  */
@@ -4886,6 +4554,10 @@ interface ASPxClientTokenBox extends ASPxClientComboBox {
      * Fires on the client side after the token collection has been changed.
      */
     TokensChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTokenBox>>;
+    /**
+     * For internal use only.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientTokenBox>>;
     /**
      * Adds a new token with the specified text to the end of the control's token collection.
      * @param text A string value specifying the token's text.
@@ -4958,6 +4630,22 @@ interface ASPxClientTokenBox extends ASPxClientComboBox {
      * @param caseSensitive true, if tokens are case sensitive; otherwise, false.
      */
     IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * For internal use only.
+     * @param index 
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * For internal use only.
+     * @param item 
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     * @param applyFilter true, to use the specified text as a filter and apply it to the editor, otherwise, false.
+     */
+    SetText(text: string, applyFilter: boolean): void;
     /**
      * Changes the editor's value.
      * @param value An object representing the data to be assigned to the editor's edit value.
@@ -5285,6 +4973,9 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * Enables you to prevent columns from being sorted.
      */
     ColumnSorting: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    ColumnGrouping: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    GroupRowExpanding: ASPxClientEvent<ASPxClientCardViewGroupCancelEventHandler<ASPxClientCardView>>;
+    GroupRowCollapsing: ASPxClientEvent<ASPxClientCardViewGroupCancelEventHandler<ASPxClientCardView>>;
     /**
      * Occurs when a grid switches to batch edit mode.
      */
@@ -5321,6 +5012,10 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * Occurs on the client side before a card is deleted in batch edit mode.
      */
     BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is recovered in batch edit mode.
+     */
+    BatchEditCardRecovering: ASPxClientEvent<ASPxClientCardViewBatchEditCardRecoveringEventHandler<ASPxClientCardView>>;
     /**
      * Occurs on the client side when the focused cell is about to be changed.
      */
@@ -5357,6 +5052,116 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * Fires after the customization window has been closed.
      */
     CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first card displayed within the grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the CardView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the customization window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the customization window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the customization window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the customization window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client grid.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the card values displayed within all selected cards.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns key values of selected cards displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified card.
+     * @param visibleIndex An integer value that identifies the data card.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the card values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the number of cards actually displayed within the active page.
+     */
+    GetVisibleCardsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the client column to which the specified data source field is bound.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
     /**
      * Returns the editor used to edit the specified column's values.
      * @param column An ASPxClientCardViewColumn object that specifies the required column within the client grid.
@@ -5535,6 +5340,75 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
      */
     SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * 
+     * @param column 
+     */
+    GroupBy(column: ASPxClientCardViewColumn): void;
+    /**
+     * 
+     * @param columnIndex 
+     */
+    GroupBy(columnIndex: number): void;
+    /**
+     * 
+     * @param columnFieldNameOrId 
+     */
+    GroupBy(columnFieldNameOrId: string): void;
+    /**
+     * 
+     * @param column 
+     * @param groupIndex 
+     */
+    GroupBy(column: ASPxClientCardViewColumn, groupIndex: number): void;
+    /**
+     * 
+     * @param columnIndex 
+     * @param groupIndex 
+     */
+    GroupBy(columnIndex: number, groupIndex: number): void;
+    /**
+     * 
+     * @param columnFieldNameOrId 
+     * @param groupIndex 
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number): void;
+    /**
+     * 
+     * @param column 
+     * @param groupIndex 
+     * @param sortOrder 
+     */
+    GroupBy(column: ASPxClientCardViewColumn, groupIndex: number, sortOrder: string): void;
+    /**
+     * 
+     * @param columnIndex 
+     * @param groupIndex 
+     * @param sortOrder 
+     */
+    GroupBy(columnIndex: number, groupIndex: number, sortOrder: string): void;
+    /**
+     * 
+     * @param columnFieldNameOrId 
+     * @param groupIndex 
+     * @param sortOrder 
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number, sortOrder: string): void;
+    /**
+     * 
+     * @param column 
+     */
+    Ungroup(column: ASPxClientCardViewColumn): void;
+    /**
+     * 
+     * @param columnIndex 
+     */
+    Ungroup(columnIndex: number): void;
+    /**
+     * 
+     * @param columnFieldNameOrId 
+     */
+    Ungroup(columnFieldNameOrId: string): void;
     /**
      * Hides the specified column.
      * @param column An ASPxClientCardViewColumn object that represents the column to hide.
@@ -5746,7 +5620,19 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      */
     IsCardSelectedOnPage(visibleIndex: number): boolean;
     /**
-     * Exports a grid data to a file in the specified format.
+     * 
+     * @param visibleIndex 
+     */
+    ExpandGroupRow(visibleIndex: number): void;
+    /**
+     * 
+     * @param visibleIndex 
+     */
+    CollapseGroupRow(visibleIndex: number): void;
+    ExpandAll(): void;
+    CollapseAll(): void;
+    /**
+     * Exports grid data to a file in the specified format.
      * @param format An ASPxClientCardViewExportFormat object specifying the export format.
      */
     ExportTo(format: ASPxClientCardViewExportFormat): void;
@@ -5783,116 +5669,6 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * @param onSuccess A client action to perform if the server round-trip completed successfully.
      */
     PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
-    /**
-     * Selects the specified page.
-     * @param pageIndex An integer value that specifies the active page's index.
-     */
-    GotoPage(pageIndex: number): void;
-    /**
-     * Gets the index of the page currently being selected.
-     */
-    GetPageIndex(): number;
-    /**
-     * Gets the number of pages to which the grid's data is divided.
-     */
-    GetPageCount(): number;
-    /**
-     * Activates the next page.
-     */
-    NextPage(): void;
-    /**
-     * Activates the previous page.
-     */
-    PrevPage(): void;
-    /**
-     * Returns the index of the first card displayed within the grid's active page.
-     */
-    GetTopVisibleIndex(): number;
-    /**
-     * Indicates whether the grid is in edit mode.
-     */
-    IsEditing(): boolean;
-    /**
-     * Saves all the changes made and switches the grid to browse mode.
-     */
-    UpdateEdit(): void;
-    /**
-     * Cancels all the changes made and switches the CardView to browse mode.
-     */
-    CancelEdit(): void;
-    /**
-     * Updates data displayed within the grid.
-     */
-    Refresh(): void;
-    /**
-     * Indicates whether the customization window is displayed.
-     */
-    IsCustomizationWindowVisible(): boolean;
-    /**
-     * Invokes the customization window.
-     */
-    ShowCustomizationWindow(): void;
-    /**
-     * Invokes the customization window and displays it over the specified HTML element.
-     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
-     */
-    ShowCustomizationWindow(showAtElement?: Object): void;
-    /**
-     * Closes the customization window.
-     */
-    HideCustomizationWindow(): void;
-    /**
-     * Returns the number of columns within the client grid.
-     */
-    GetColumnCount(): number;
-    /**
-     * Returns the card values displayed within all selected cards.
-     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
-     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
-     */
-    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
-    /**
-     * Returns key values of selected cards displayed within the current page.
-     */
-    GetSelectedKeysOnPage(): Object[];
-    /**
-     * Sends a callback to the server and generates the server-side CustomDataCallback event.
-     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
-     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
-     */
-    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
-    /**
-     * Returns the values of the specified data source fields within the specified card.
-     * @param visibleIndex An integer value that identifies the data card.
-     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
-     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
-     */
-    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
-    /**
-     * Returns the card values displayed within the current page.
-     * @param fieldNames The names of data source fields whose values are returned.
-     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
-     */
-    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
-    /**
-     * Returns the number of cards actually displayed within the active page.
-     */
-    GetVisibleCardsOnPage(): number;
-    /**
-     * Returns the client column that resides at the specified position within the column collection.
-     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
-     */
-    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
-    /**
-     * Returns the column with the specified unique identifier.
-     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
-     */
-    GetColumnById(columnId: string): ASPxClientCardViewColumn;
-    /**
-     * Returns the client column to which the specified data source field is bound.
-     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
-     */
-    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
 }
 /**
  * Represents a client column.
@@ -6002,6 +5778,17 @@ interface ASPxClientCardViewCardClickEventArgs extends ASPxClientCancelEventArgs
      */
     htmlEvent: Object;
 }
+interface ASPxClientCardViewGroupCancelEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCardViewGroupCancelEventArgs): void;
+}
+interface ASPxClientCardViewGroupCancelEventArgs extends ASPxClientCancelEventArgs {
+    visibleIndex: number;
+}
 /**
  * A method that will handle the CustomButtonClick event.
  */
@@ -6324,6 +6111,32 @@ interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCan
      */
     cardValues: Object;
 }
+/**
+ * A method that will handle the BatchEditCardRecovering event.
+ */
+interface ASPxClientCardViewBatchEditCardRecoveringEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardRecovering event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditCardRecoveringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardRecoveringEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardRecovering event.
+ */
+interface ASPxClientCardViewBatchEditCardRecoveringEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells has been recovered.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about recovered cells.
+     * Value: A hashtable that stores information about recovered cells.
+     */
+    cardValues: Object;
+}
 /**
  * A method that will handle the FocusedCellChanging event.
  */
@@ -6372,6 +6185,10 @@ interface ASPxClientCardViewBatchEditApi {
      * Returns an array of the inserted card visible indices.
      */
     GetInsertedCardIndices(): number[];
+    /**
+     * Returns an array of the updated cards' visible indices.
+     */
+    GetUpdatedCardIndices(): number[];
     /**
      * Indicates if the card with the specified visible index is deleted.
      * @param visibleIndex An integer value that identifies the card by its visible index.
@@ -6447,6 +6264,10 @@ interface ASPxClientCardViewBatchEditApi {
      * Gets information about the cell currently being edited.
      */
     GetEditCellInfo(): ASPxClientCardViewCellInfo;
+    /**
+     * Returns an object that stores unsaved changes.
+     */
+    GetUnsavedChanges(): Object;
     /**
      * Returns a value that indicates whether the card view has changed data.
      */
@@ -6531,6 +6352,10 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Enables you to prevent columns from being sorted.
      */
     ColumnSorting: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to cancel data grouping.
+     */
+    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
     /**
      * Fires in response to changing row focus.
      */
@@ -6539,10 +6364,6 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Fires before a row has been focused.
      */
     RowFocusing: ASPxClientEvent<ASPxClientGridViewRowFocusingEventHandler<ASPxClientGridView>>;
-    /**
-     * Enables you to cancel data grouping.
-     */
-    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
     /**
      * Fires when an end-user starts dragging the column's header and enables you to cancel this operation.
      */
@@ -6627,6 +6448,12 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Occurs on the client side before a data row is deleted in batch edit mode.
      */
     BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a row is deleted in batch edit mode.
+     */
+    BatchEditRowRecovering: ASPxClientEvent<ASPxClientGridViewBatchEditRowRecoveringEventHandler<ASPxClientGridView>>;
+    BatchEditChangesPreviewShowing: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientGridView>>;
+    BatchEditChangesPreviewShown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
     /**
      * Occurs on the client side when the focused cell is about to be changed.
      */
@@ -6647,6 +6474,34 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Fires after the Customization Window has been closed.
      */
     CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Deletes the specified row.
+     * @param visibleIndex An integer value that identifies the row.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with the specified key value.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Returns the focused row's index.
+     */
+    GetFocusedRowIndex(): number;
+    /**
+     * Moves focus to the specified row.
+     * @param visibleIndex An integer value that specifies the focused row's index.
+     */
+    SetFocusedRowIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected rows within the grid.
+     */
+    SelectRows(): void;
+    /**
+     * Selects the specified row displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRows(visibleIndex: number): void;
     /**
      * Selects the specified rows within the grid.
      * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
@@ -7481,34 +7336,6 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Adds a new record.
      */
     AddNewRow(): void;
-    /**
-     * Deletes the specified row.
-     * @param visibleIndex An integer value that identifies the row.
-     */
-    DeleteRow(visibleIndex: number): void;
-    /**
-     * Deletes a row with the specified key value.
-     * @param key An object that uniquely identifies the row.
-     */
-    DeleteRowByKey(key: Object): void;
-    /**
-     * Returns the focused row's index.
-     */
-    GetFocusedRowIndex(): number;
-    /**
-     * Moves focus to the specified row.
-     * @param visibleIndex An integer value that specifies the focused row's index.
-     */
-    SetFocusedRowIndex(visibleIndex: number): void;
-    /**
-     * Selects all the unselected rows within the grid.
-     */
-    SelectRows(): void;
-    /**
-     * Selects the specified row displayed within the grid.
-     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
-     */
-    SelectRows(visibleIndex: number): void;
 }
 /**
  * A client grid column.
@@ -8100,6 +7927,32 @@ interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCanc
      */
     rowValues: Object;
 }
+/**
+ * A method that will handle the BatchEditRowRecovering event.
+ */
+interface ASPxClientGridViewBatchEditRowRecoveringEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowRecovering event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditRowRecoveringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowRecoveringEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowRecovering event.
+ */
+interface ASPxClientGridViewBatchEditRowRecoveringEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about recovered cells.
+     * Value: A hashtable that stores information about recovered cells.
+     */
+    rowValues: Object;
+}
 /**
  * A method that will handle the FocusedCellChanging event.
  */
@@ -8163,6 +8016,10 @@ interface ASPxClientGridViewBatchEditApi {
      * Returns an array of the inserted row visible indices.
      */
     GetInsertedRowIndices(): number[];
+    /**
+     * Returns an array of the updated rows visible indices.
+     */
+    GetUpdatedRowIndices(): number[];
     /**
      * Indicates if the row with specified visible index is deleted.
      * @param visibleIndex An integer value that identifies the row by its visible index.
@@ -8197,6 +8054,8 @@ interface ASPxClientGridViewBatchEditApi {
      * @param key An object that uniquely identifies the row.
      */
     RecoverRowByKey(key: Object): void;
+    ShowChangesPreview(): void;
+    HideChangesPreview(): void;
     /**
      * Programmatically moves the focus to the previous cell in the row.
      */
@@ -8206,7 +8065,7 @@ interface ASPxClientGridViewBatchEditApi {
      */
     MoveFocusForward(): boolean;
     /**
-     * Sets a value of the specified cell.
+     * Sets the value of the specified cell.
      * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
      * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
      * @param value An object that contains the new cell value.
@@ -8238,6 +8097,10 @@ interface ASPxClientGridViewBatchEditApi {
      * Gets information about the cell currently being edited.
      */
     GetEditCellInfo(): ASPxClientGridViewCellInfo;
+    /**
+     * Returns an object that stores unsaved changes.
+     */
+    GetUnsavedChanges(): Object;
     /**
      * Returns a value that indicates whether the grid has changed data.
      */
@@ -8261,7 +8124,7 @@ interface ASPxClientGridViewBatchEditApi {
     /**
      * Resets changes in the specified cell.
      * @param visibleIndex An integer value that specifies the visible index of a row containing the processed cell.
-     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param columnIndex An integer value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
      */
     ResetChanges(visibleIndex: number, columnIndex: number): void;
     /**
@@ -8335,6 +8198,10 @@ interface ASPxClientVerticalGrid extends ASPxClientGridBase {
      * Occurs on the client side before a record is deleted in batch edit mode.
      */
     BatchEditRecordDeleting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is deleted in batch edit mode.
+     */
+    BatchEditRecordRecovering: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordRecoveringEventHandler<ASPxClientVerticalGrid>>;
     /**
      * Enables you to specify whether record data is valid and provide an error text.
      */
@@ -9219,6 +9086,32 @@ interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxCli
      */
     recordValues: Object;
 }
+/**
+ * A method that will handle the BatchEditRecordRecovering event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordRecoveringEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordRecovering event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditRecordRecoveringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordRecoveringEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordRecovering event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordRecoveringEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about recovered cells.
+     * Value: A hashtable that stores information about recovered cells.
+     */
+    recordValues: Object;
+}
 /**
  * A method that will handle the FocusedCellChanging event.
  */
@@ -9282,6 +9175,10 @@ interface ASPxClientVerticalGridBatchEditApi {
      * Returns an array of the inserted record visible indices.
      */
     GetInsertedRecordIndices(): number[];
+    /**
+     * Returns an array of the updated records visible indices.
+     */
+    GetUpdatedRecordIndices(): number[];
     /**
      * Indicates if the record with the specified visible index is deleted.
      * @param visibleIndex An integer value that identifies the record by its visible index.
@@ -9325,7 +9222,7 @@ interface ASPxClientVerticalGridBatchEditApi {
      */
     MoveFocusForward(): boolean;
     /**
-     * Sets a value of the specified cell.
+     * Sets the value of the specified cell.
      * @param visibleIndex An integer zero-based index that identifies the record containing the processed cell.
      * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
      * @param value An object that contains the new cell value.
@@ -9357,6 +9254,10 @@ interface ASPxClientVerticalGridBatchEditApi {
      * Gets information about the cell currently being edited.
      */
     GetEditCellInfo(): ASPxClientVerticalGridCellInfo;
+    /**
+     * Returns an object that stores unsaved changes.
+     */
+    GetUnsavedChanges(): Object;
     /**
      * Returns a value that indicates whether the vertical grid has changed data.
      */
@@ -9688,6 +9589,11 @@ interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxCli
      * Value: true, if the player controls are displayed; otherwise, false.
      */
     showPlayerControls: boolean;
+    /**
+     * Determines if the target YouTube video can be displayed in fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
 }
 /**
  * Contains settings related to the CHANGEYOUTUBEVIDEO_COMMAND command parameter.
@@ -10694,6 +10600,10 @@ interface ASPxClientHtmlEditorYouTubeDialog extends ASPxClientHtmlEditorEditElem
      * Provides access to the client object of the "Show player controls" check box in the Html Editor's YouTube Video dialog.
      */
     GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Allow fullscreen" check box in the Html Editor's "Insert YouTube Video" dialog.
+     */
+    GetAllowFullscreenCheckBox(): ASPxClientCheckBox;
 }
 /**
  * Provides base client functionality for the Table dialog within the ASPxHtmlEditor.
@@ -11064,6 +10974,7 @@ interface ASPxClientPivotMenuItemClickEventArgs extends ASPxClientEventArgs {
      * Value: An integer value that identifies the field value.
      */
     FieldValueIndex: number;
+    Area: string;
 }
 /**
  * A client-side equivalent of the ASPxPivotCustomizationControl control.
@@ -11383,6 +11294,37 @@ interface ASPxClientRichEditPopupMenuShowingEventArgs extends ASPxClientCancelEv
      */
     menuItems: ASPxClientRichEditPopupMenuItemCollection;
 }
+/**
+ * A method that will handle the AutoCorrect event.
+ */
+interface ASPxClientRichEditAutoCorrectEventHandler<S> {
+    /**
+     * A method that will handle the ParagraphPropertiesChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditAutoCorrectEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditAutoCorrectEventArgs): void;
+}
+/**
+ * Provides data for the AutoCorrect event.
+ */
+interface ASPxClientRichEditAutoCorrectEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether the event is handled.
+     * Value: true, if the event is handled and further processing is not required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets the input string to check whether it should be replaced.
+     * Value: A string that can be replaced.
+     */
+    text: string;
+    /**
+     * Gets the input string's interval.
+     * Value: An <see cref="Interval" /> value specifying the input string's interval within an active sub-document.
+     */
+    interval: Interval;
+}
 /**
  * A client-side equivalent of the ASPxRichEdit object.
  */
@@ -11495,6 +11437,10 @@ interface ASPxClientRichEdit extends ASPxClientControl {
      * Occurs when a paragraph's formatting is changed.
      */
     ParagraphPropertiesChanged: ASPxClientEvent<ASPxClientRichEditParagraphPropertiesChangedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires when text is typed in the control.
+     */
+    AutoCorrect: ASPxClientEvent<ASPxClientRichEditAutoCorrectEventHandler<ASPxClientRichEdit>>;
     /**
      * Enables you to switch the full-screen mode of the Rich Text Editor.
      * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
@@ -11950,7 +11896,7 @@ interface RichEditCommands {
      */
     insertBookmark: InsertBookmarkCommand;
     /**
-     * A command to delete a specific bookmark.
+     * Gets a command to delete a specific bookmark.
      * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
      */
     deleteBookmark: DeleteBookmarkCommand;
@@ -12074,6 +12020,21 @@ interface RichEditCommands {
      * Value: A <see cref="SetFullscreenCommand" /> object that provides methods for executing the command and checking its state.
      */
     setFullscreen: SetFullscreenCommand;
+    /**
+     * Gets a command to change the Rich Edit's document view type.
+     * Value: A <see cref="ChangeViewTypeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeViewType: ChangeViewTypeCommand;
+    /**
+     * Gets a command to force synchronizing the server document model with the client model and execute a callback function if it is necessary.
+     * Value: A <see cref="ForceSyncWithServerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    forceSyncWithServer: ForceSyncWithServerCommand;
+    /**
+     * Gets a command to insert content created on the server to the client model.
+     * Value: A <see cref="InsertContentFromServerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertContentFromServer: InsertContentFromServerCommand;
     /**
      * Gets a command to invoke the Bulleted and Numbering dialog window.
      * Value: A <see cref="OpenNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
@@ -12185,7 +12146,7 @@ interface RichEditCommands {
      */
     decrementNumberingIndent: DecrementNumberingIndentCommand;
     /**
-     * Gets a command to create a field with an empty code and populate it with the characters in the selected range (if it is not collapsed).
+     * Gets a command to add a field at the current position in a document.
      * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createField: CreateFieldCommand;
@@ -12200,7 +12161,7 @@ interface RichEditCommands {
      */
     showFieldCodes: ShowFieldCodesCommand;
     /**
-     * Get a command to display all field codes in place of the fields in the document.
+     * Gets a command to display all field codes in place of the fields in the document.
      * Value: A <see cref="ShowAllFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
      */
     showAllFieldCodes: ShowAllFieldCodesCommand;
@@ -12235,10 +12196,60 @@ interface RichEditCommands {
      */
     createTimeField: CreateTimeFieldCommand;
     /**
-     * A command to replace the selection with a PAGE field displaying the current page number.
+     * Gets a command to replace the selection with a PAGE field displaying the current page number.
      * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createPageField: CreatePageFieldCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to a figure.
+     * Value: A <see cref="InsertFiguresCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFiguresCaption: InsertFiguresCaptionCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to a table.
+     * Value: A <see cref="InsertTablesCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTablesCaption: InsertTablesCaptionCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to an equation.
+     * Value: A <see cref="InsertEquationsCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertEquationsCaption: InsertEquationsCaptionCommand;
+    /**
+     * Gets a command to create a table of figures on the base of figures captions.
+     * Value: A <see cref="InsertTableOfFiguresCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfFigures: InsertTableOfFiguresCommand;
+    /**
+     * Gets a command to create a table of tables on the base of tables captions.
+     * Value: A <see cref="InsertTableOfTablesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfTables: InsertTableOfTablesCommand;
+    /**
+     * Gets a command to create a table of equations on the base of equation captions.
+     * Value: A <see cref="InsertTableOfEquationsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfEquations: InsertTableOfEquationsCommand;
+    /**
+     * Gets a command to insert a table of contents.
+     * Value: A <see cref="InsertTableOfContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfContents: InsertTableOfContentsCommand;
+    /**
+     * Gets a command that changes the specified hyperlink.
+     * Value: A <see cref="ChangeHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeHyperlink: ChangeHyperlinkCommand;
+    /**
+     * Gets a command to update a table of contents.
+     * Value: A <see cref="UpdateTableOfContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateTableOfContents: UpdateTableOfContentsCommand;
+    /**
+     * Gets a command to apply a paragraph level to the selected text
+     * Value: A <see cref="SetParagraphLevelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setParagraphLevel: SetParagraphLevelCommand;
     /**
      * Gets a command changing all selected text to the sentence case capitalization.
      * Value: A <see cref="MakeTextSentenceCaseCommand" /> object that provides methods for executing the command and checking its state.
@@ -12599,6 +12610,21 @@ interface RichEditCommands {
      * Value: A <see cref="ShowTableGridLinesCommand" /> object that provides methods for executing the command and checking its state.
      */
     showTableGridLines: ShowTableGridLinesCommand;
+    /**
+     * Gets a command that fits the specified table to its contents.
+     * Value: A <see cref="ToggleTableAutoFitContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableAutoFitContents: ToggleTableAutoFitContentsCommand;
+    /**
+     * Gets a command that fits the specified table to a document's window.
+     * Value: A <see cref="ToggleTableAutoFitWindowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableAutoFitWindow: ToggleTableAutoFitWindowCommand;
+    /**
+     * Gets a command that disables automatic adjusting of the selected table.
+     * Value: A <see cref="ToggleTableFixedColumnWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableFixedColumnWidth: ToggleTableFixedColumnWidthCommand;
     /**
      * Gets a command to invoke the Search Panel allowing end-users to search text and navigate through search results.
      * Value: A <see cref="OpenFindPanelCommand" /> object that provides methods for executing the command and checking its state.
@@ -12724,6 +12750,24 @@ interface RichEditCommands {
      * Value: A <see cref="InsertHtmlCommand" /> object that provides methods for executing the command and checking its state.
      */
     insertHtml: InsertHtmlCommand;
+    /**
+     * Gets a command to add RTF formatted content at the specified position.
+     * Value: A <see cref="InsertRtfCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertRtf: InsertRtfCommand;
+    /**
+     * Gets a command to receive RTF formatted content from the document in the specified range.
+     * Value: A <see cref="GetRtfCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    getRtf: GetRtfCommand;
+    /**
+     * Gets a command to prevent the control UI from being updated until the endUpdate method is called.
+     */
+    beginUpdate(): void;
+    /**
+     * Re-enables render operations after a call to the beginUpdate method and forces immediate re-rendering.
+     */
+    endUpdate(): void;
 }
 /**
  * Serves as a base for objects that implement different client command functionalities.
@@ -12782,6 +12826,16 @@ interface RichEditDocument {
      * Value: A <see cref="SubDocument" /> object storing information about the essential document functionality.
      */
     activeSubDocument: SubDocument;
+    /**
+     * Provides access to the document's main sub-document.
+     * Value: A <see cref="SubDocument" /> object storing the main sub-document.
+     */
+    mainSubDocument: SubDocument;
+    /**
+     * Provides access to the document's sub-documents.
+     * Value: An array of the <see cref="SubDocument[]" />
+     */
+    subDocuments: SubDocument[];
     /**
      * Provides information about sections in the current document.
      * Value: An array of Section objects storing information about sections.
@@ -12812,6 +12866,11 @@ interface RichEditDocument {
      * Value: A <see cref="SpellingInfo" /> object.
      */
     spellingInfo: SpellingInfo;
+    /**
+     * Returns the sub-document with the specified identifier.
+     * @param subDocumentId An integer value specifying the required sub-document.
+     */
+    getSubDocumentById(subDocumentId: number): SubDocument;
 }
 /**
  * An abstract numbering list definition that defines the appearance and behavior of numbered paragraphs in a document.
@@ -12827,6 +12886,11 @@ interface AbstractNumberingList {
  * Defines a paragraph in the document.
  */
 interface Paragraph {
+    /**
+     * Gets the paragraph's index.
+     * Value: An integer value specifying the paragraph's index.
+     */
+    index: number;
     /**
      * Gets the paragraph's character length.
      * Value: An integer value specifying the element length in characters.
@@ -12892,6 +12956,11 @@ interface Field {
      * Value: A string representing an URI.
      */
     hyperlinkUri: string;
+    /**
+     * Returns a value specifying whether the field is a hyperlink.
+     * Value: true, if the field is a hyperlink; otherwise, false.
+     */
+    isHyperlink: boolean;
     /**
      * Gets or sets the text for the tooltip displayed when the mouse hovers over a hyperlink field.
      * Value: A string containing the tooltip text.
@@ -13066,6 +13135,36 @@ declare enum DocumentFormat {
     ePub=9,
     Doc=10
 }
+/**
+ * Contains floating objects base settings.
+ */
+interface FloatingObjectInfo {
+    /**
+     * Gets the position of the floating object's anchor in the parent sub-document.
+     * Value: An integer value specifying the anchor's position.
+     */
+    position: number;
+    /**
+     * Gets the parent sub-document what stores the current floating object.
+     * Value: A <see cref="SubDocument" /> object representing the parent sub-document.
+     */
+    parentSubDocument: SubDocument;
+}
+/**
+ * Contains floating text boxes settings.
+ */
+interface FloatingTextBoxInfo extends FloatingObjectInfo {
+    /**
+     * Gets the sub-document representing the floating text box's content.
+     * Value: A <see cref="SubDocument" /> object representing the text box's content
+     */
+    contentSubDocument: SubDocument;
+}
+/**
+ * Contains floating pictures settings.
+ */
+interface FloatingPictureInfo extends FloatingObjectInfo {
+}
 /**
  * Contains a set of methods and properties to work with the document selection.
  */
@@ -13075,11 +13174,41 @@ interface RichEditSelection {
      * Value: An array of Interval objects.
      */
     intervals: Interval[];
+    /**
+     * Gets whether a floating picture or text box is selected.
+     * Value: true, if only a floating picture or text box is selected; otherwise, false.
+     */
+    isFloatingObjectSelected: boolean;
+    /**
+     * Gets whether only a text box is selected.
+     * Value: true, if only a text box or any its content is selected; otherwise, false.
+     */
+    isTextBoxSelected: boolean;
+    /**
+     * Gets whether only a picture is selected.
+     * Value: true, if only the picture is selected; otherwise, false.
+     */
+    isPictureSelected: boolean;
     /**
      * Gets or sets a value specifying whether the current selection is collapsed (and represents the cursor position).
      * Value: true, if the selection is collapsed; otherwise, false.
      */
     collapsed: boolean;
+    /**
+     * Defines the selection as the specified position.
+     * @param position An integer value specifying the position in the sub-document.
+     */
+    setSelection(position: number): void;
+    /**
+     * Defines the selection to the specified interval.
+     * @param interval An  value specifying the target interval.
+     */
+    setSelection(interval: Interval): void;
+    /**
+     * Defines the selection as the specified intervals.
+     * @param intervals An array of the Interval objects specifying the target intervals.
+     */
+    setSelection(intervals: Interval[]): void;
     /**
      * Gets the maximum position of a document interval in the selection.
      */
@@ -13286,6 +13415,25 @@ interface RichEditSelection {
      * @param pageIndex An integer value specifying the active page's index.
      */
     setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Makes the selected text box active.
+     */
+    setTextBoxSubDocumentAsActive(): void;
+    /**
+     * Makes the specified text box active.
+     * @param position An integer value identifying the target text box by its anchor position.
+     */
+    setTextBoxSubDocumentAsActive(position: number): void;
+    /**
+     * Makes the specified text box active.
+     * @param textBoxInfo A FloatingTextBoxInfo object identifying the target text box.
+     */
+    setTextBoxSubDocumentAsActive(textBoxInfo: FloatingTextBoxInfo): void;
+    /**
+     * Makes the specified sub-document active.
+     * @param id An integer value identifying the target sub-document by its id.
+     */
+    setActiveSubDocumentById(id: number): void;
 }
 /**
  * Defines a document's interval.
@@ -13480,6 +13628,25 @@ interface SubDocument {
      * Value: An integer that is the number of character positions in the document.
      */
     length: number;
+    /**
+     * Provides information about floating text boxes contained within the sub-document if it is the main sub-document or header/footer.
+     * Value: An array of FloatingTextBoxInfo objects storing the information about floating text boxes.
+     */
+    floatingTextBoxesInfo: FloatingTextBoxInfo[];
+    /**
+     * Provides information about floating pictures in the sub-document.
+     * Value: An array of FloatingPictureInfo objects storing information about floating objects.
+     */
+    floatingPicturesInfo: FloatingPictureInfo[];
+    /**
+     * Return the document's textual representation contained in the specified interval.
+     * @param interval A text buffer interval that contains the target text.
+     */
+    getTextByInterval(interval: Interval): string;
+    /**
+     * Returns information specific for floating text boxes about the sub-document.
+     */
+    getFloatingTextBoxInfo(): FloatingTextBoxInfo;
     /**
      * Returns a field if its interval includes the specified position.
      * @param position An integer value specifying the target field's position.
@@ -13500,6 +13667,46 @@ interface SubDocument {
      * @param interval A text buffer interval that contains the target tables.
      */
     findTables(interval: Interval): Field[];
+    /**
+     * Returns an array of paragraphs whose range includes the specified position in the sub-document.
+     * @param position An integer value specifying the target position in the sub-document.
+     */
+    findParagraphs(position: number): Paragraph[];
+    /**
+     * Returns an array of paragraphs whose range intersects the specified interval in the sub-document.
+     * @param interval An Interval object specifying the target interval in the sub-document.
+     */
+    findParagraphs(interval: Interval): Paragraph[];
+    /**
+     * Returns an array of paragraphs whose range intersects the specified intervals in the sub-document.
+     * @param intervals An array of the Interval object specifying the target intervals in the sub-document.
+     */
+    findParagraphs(intervals: Interval[]): Paragraph[];
+    /**
+     * Returns an array of bookmarks whose range includes the specified position in the sub-document.
+     * @param position An integer value specifying the target position in the sub-document.
+     */
+    findBookmarks(position: number): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose range intersects the specified interval in the sub-document.
+     * @param interval An Interval object specifying the target interval in the sub-document.
+     */
+    findBookmarks(interval: Interval): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose range intersects the specified intervals in the sub-document.
+     * @param intervals An array of Interval objects specifying the target intervals in the sub-document.
+     */
+    findBookmarks(intervals: Interval[]): Bookmark[];
+    /**
+     * Returns a bookmark specified by its name.
+     * @param name A string value specifying the target bookmark's name.
+     */
+    findBookmarks(name: string): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose names are matched to the specified regular expression.
+     * @param regExp A string value specifying the regular expression that defines the pattern for searching by names in the sub-document's bookmark collection.
+     */
+    findBookmarks(regExp: any): Bookmark[];
 }
 declare enum SubDocumentType {
     Main=0,
@@ -13718,6 +13925,11 @@ interface CreateFieldCommand extends CommandWithSimpleStateBase {
      * Executes the CreateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
      */
     execute(): boolean;
+    /**
+     * Executes the CreateFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param code A string value specifying the field code receiving to the created field.
+     */
+    execute(code: string): boolean;
 }
 /**
  * A command to update the field's result.
@@ -13802,6 +14014,78 @@ interface CreatePageFieldCommand extends CommandWithSimpleStateBase {
      */
     execute(): boolean;
 }
+/**
+ * A command to insert a caption for a figure.
+ */
+interface InsertFiguresCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFiguresCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a caption for a table.
+ */
+interface InsertTablesCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTablesCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a caption for an equation.
+ */
+interface InsertEquationsCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertEquationsCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of figures.
+ */
+interface InsertTableOfFiguresCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfFiguresCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of tables.
+ */
+interface InsertTableOfTablesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfTablesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of equations.
+ */
+interface InsertTableOfEquationsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfEquationsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table of contents.
+ */
+interface InsertTableOfContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update a table of contents.
+ */
+interface UpdateTableOfContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateTableOfContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
 /**
  * A command to navigate to the next data record of the bound data source.
  */
@@ -14047,7 +14331,7 @@ interface FileSaveCommand extends CommandWithSimpleStateBase {
 interface FileSaveAsCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param path A string value specifying path to the saving file. Note that the path should be relative to the work directory.
+     * @param path A string value specifying the path to the saving file. Note that the path should be relative to the work directory.
      */
     execute(path: string): boolean;
     /**
@@ -14664,6 +14948,18 @@ interface OpenHyperlinkCommand extends CommandWithSimpleStateBase {
      */
     execute(): boolean;
 }
+/**
+ * A command to change the specified hyperlink.
+ */
+interface ChangeHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ChangeHyperlinkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldIndex An integer value specifying the field's index in the specified sub-document.
+     * @param hyperlinkSettings An object specifying the hyperlink's properties.
+     * @param subDocumentId A nullable value specifying the sub-document.
+     */
+    execute(fieldIndex: number, hyperlinkSettings: HyperlinkSettings, subDocumentId?: any): boolean;
+}
 /**
  * Contains settings to define hyperlinks.
  */
@@ -14684,7 +14980,7 @@ interface HyperlinkSettings {
      */
     url: string;
     /**
-     * Gets or sets the associated bookmak.
+     * Gets or sets the associated bookmark.
      * Value: A string value specifying the bookmark name.
      */
     bookmark: string;
@@ -15060,6 +15356,32 @@ interface InsertTextCommand extends CommandWithSimpleStateBase {
      * @param text A string value specifying a text to insert.
      */
     execute(text: string): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param interval An object specifying the text range in the active sub-document that will be replaced with the inserted text.
+     */
+    execute(text: string, interval: Interval): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param interval An object specifying the text range that will be replaced with the inserted text.
+     * @param subDocumentId An integer value specifying the sub-document.
+     */
+    execute(text: string, interval: Interval, subDocumentId: number): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param position An integer value specifying the text's position where to insert the text.
+     */
+    execute(text: string, position: number): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param position An integer value specifying the text's position where to insert the text.
+     * @param subDocumentId An integer value specifying the sub-document.
+     */
+    execute(text: string, position: number, subDocumentId: number): boolean;
 }
 /**
  * A command to delete the text in a selected range.
@@ -15672,6 +15994,20 @@ interface ChangeTabsCommand extends CommandBase {
      */
     getState(): any;
 }
+/**
+ * A command to apply a paragraph level to the selected text
+ */
+interface SetParagraphLevelCommand extends CommandBase {
+    /**
+     * Executes the SetParagraphLevelCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param level An integer value specifying the applied style. The value should be in the range from 0 to 9.
+     */
+    execute(level: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
 /**
  * Contains the information about tab stops.
  */
@@ -15821,6 +16157,50 @@ declare enum ParagraphFirstLineIndent {
     Indented=1,
     Hanging=2
 }
+/**
+ * A command to add an RTF formatted content in the selected position.
+ */
+interface InsertRtfCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the active sub-document.
+     */
+    execute(rtfText: string, position: number): boolean;
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the specified sub-document.
+     * @param subDocumentId A value identifying the target sub-document.
+     */
+    execute(rtfText: string, position: number, subDocumentId: number): boolean;
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the specified sub-document.
+     * @param subDocumentId A value identifying the target sub-document.
+     * @param callback A callback function that passes the inserted content's Interval object and the bool parameter that displays whether the RTF formatted string is valid.
+     */
+    execute(rtfText: string, position: number, subDocumentId: number, callback: (arg1: Interval, arg2: boolean) => void): boolean;
+}
+/**
+ * A command to receive a document's content in RTF format.
+ */
+interface GetRtfCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GetRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param interval An object specifying the required interval in the current sub-document.
+     * @param callback A function that passes the RTF formatted string as a parameter.
+     */
+    execute(interval: Interval, callback: (arg1: string) => void): boolean;
+    /**
+     * Executes the GetRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param interval An object specifying the required interval in the specified sub-document.
+     * @param callback A function that passes the RTF formatted string as a parameter.
+     * @param subDocumentId A value identifying the target sub-document.
+     */
+    execute(interval: Interval, callback: (arg1: string) => void, subDocumentId: number): boolean;
+}
 /**
  * A command to assign a shortcut to the specified client command.
  */
@@ -16357,6 +16737,33 @@ interface ShowTableGridLinesCommand extends CommandWithBooleanStateBase {
      */
     execute(showTableGridLines: boolean): boolean;
 }
+/**
+ * A command to fit the specified table to its contents.
+ */
+interface ToggleTableAutoFitContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableAutoFitContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to fit the specified table to a document's window.
+ */
+interface ToggleTableAutoFitWindowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableAutoFitWindowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to disable automatic adjusting of the selected table.
+ */
+interface ToggleTableFixedColumnWidthCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableFixedColumnWidthCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
 /**
  * Contains the table style settings that modify the table appearance.
  */
@@ -17168,226 +17575,60 @@ interface SetFullscreenCommand extends CommandWithBooleanStateBase {
     execute(fullscreen: boolean): boolean;
 }
 /**
- * Holds the information that determines what action types can be performed for appointments.
+ * A command to change the Rich Edit's document view type.
  */
-interface ASPxClientAppointmentFlags {
+interface ChangeViewTypeCommand extends CommandWithBooleanStateBase {
     /**
-     * Gets a value that specifies whether an end-user is allowed to delete appointments.
-     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     * Executes the ChangeViewTypeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param viewType A string value specifying the Rich Edit's document view type.
      */
-    allowDelete: boolean;
+    execute(viewType: string): boolean;
     /**
-     * Gets a value that specifies whether an end-user is allowed to edit appointments.
-     * Value: true if the end-user can edit appointments; otherwise, false.
+     * Executes the ChangeViewTypeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param viewType A string value specifying the Rich Edit's document view type.
      */
-    allowEdit: boolean;
-    /**
-     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
-     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
-     */
-    allowResize: boolean;
-    /**
-     * Gets a value that specifies whether an end-user is allowed to copy appointments.
-     * Value: true if a user can copy appointments; otherwise, false. Default is true.
-     */
-    allowCopy: boolean;
-    /**
-     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
-     * Value: true if the user can drag and drop appointments; otherwise, false.
-     */
-    allowDrag: boolean;
-    /**
-     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
-     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
-     */
-    allowDragBetweenResources: boolean;
-    /**
-     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
-     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
-     */
-    allowInplaceEditor: boolean;
-    /**
-     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
-     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
-     */
-    allowConflicts: boolean;
+    execute(viewType: any): boolean;
 }
 /**
- * Represents a client-side equivalent of the Appointment class.
+ * A command to force synchronizing the server document model with the client model and execute a callback function if it is necessary.
  */
-interface ASPxClientAppointment {
+interface ForceSyncWithServerCommand extends CommandBase {
     /**
-     * Gets the time interval of the appointment for client-side scripting.
-     * Value: An ASPxClientTimeInterval object, representing the interval assigned to an appointment.
+     * Executes the ForceSyncWithServerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when the server model is updated.
      */
-    interval: ASPxClientTimeInterval;
+    execute(callback: Function): boolean;
     /**
-     * Gets the identifiers of resources associated with the appointment for client-side scripting.
-     * Value: An array of string representations for resource identifiers.
+     * Executes the ForceSyncWithServerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
      */
-    resources: string[];
+    execute(): boolean;
+}
+declare enum ViewType {
+    Simple=0,
+    PrintLayout=1
+}
+/**
+ * A command to insert content created on the server to the client model.
+ */
+interface InsertContentFromServerCommand extends CommandBase {
     /**
-     * Gets the ID of an appointment for use in client-side scripts.
-     * Value: A string representation of the appointment ID.
+     * Executes the InsertContentFromServerCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param requestId An integer value identifying the request to the server.
+     * @param position An integer value specifying position where to insert content to the active sub-document.
+     * @param subDocumentId An integer value identifying the target sub-document.
      */
-    appointmentId: string;
+    execute(requestId: string, position: number, subDocumentId: number): boolean;
     /**
-     * Gets the type of appointment for use in client-side scripts.
-     * Value: An ASPxAppointmentType enumeration member, representing the appointment's type.
+     * Executes the InsertContentFromServerCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param requestId An integer value identifying the request to the server.
+     * @param position An integer value specifying the position where to insert content to the active sub-document.
      */
-    appointmentType: ASPxAppointmentType;
+    execute(requestId: string, position: number): boolean;
     /**
-     * Gets the index of the availability status object associated with the appointment.
-     * Value: An integer value that specifies the index of the corresponding Statuses collection.
+     * Executes the InsertContentFromServerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param requestId An integer value identifying the request to the server.
      */
-    statusIndex: number;
-    /**
-     * Gets  the index of the label object associated with the appointment for client-side scripting.
-     * Value: An integer value that specifies the index of the corresponding Labels collection.
-     */
-    labelIndex: number;
-    /**
-     * Gets the client appointment value that is equivalent in meaning to the Subject property.
-     * Value: A string representing the appointment subject.
-     */
-    subject: string;
-    /**
-     * Gets the client appointment value that is equivalent in meaning to the Description property.
-     * Value: A string, representing the description for an appointment.
-     */
-    description: string;
-    /**
-     * Gets the client appointment value that is equivalent in meaning to the Location property.
-     * Value: A string representing the appointment location.
-     */
-    location: string;
-    /**
-     * Gets the client appointment value that is equivalent in meaning to the AllDay property.
-     * Value: true indicates the all-day appointment; otherwise, false.
-     */
-    allDay: boolean;
-    /**
-     * Adds a resource to the collection of resources associated with the client appointment.
-     * @param resourceId An object, representing the resource id.
-     */
-    AddResource(resourceId: Object): void;
-    /**
-     * Gets the resource associated with the client-side appointment by its index.
-     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
-     */
-    GetResource(index: number): Object;
-    /**
-     * Sets the property value of the client appointment, corresponding to the Start appointment property.
-     * @param start A JavaScript Date object representing the appointment start.
-     */
-    SetStart(start: Date): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the Start appointment property.
-     */
-    GetStart(): Date;
-    /**
-     * Sets the property value of the client appointment, corresponding to the End appointment property.
-     * @param end A JavaScript Date object representing the end of the appointment.
-     */
-    SetEnd(end: Date): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the End appointment property.
-     */
-    GetEnd(): Date;
-    /**
-     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
-     * @param duration A TimeSpan object representing the appointment duration.
-     */
-    SetDuration(duration: any): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the Duration appointment property.
-     */
-    GetDuration(): number;
-    /**
-     * Sets the ID of the client appointment.
-     * @param id An object representing the appointment identifier.
-     */
-    SetId(id: Object): void;
-    /**
-     * Gets the ID of the client appointment.
-     */
-    GetId(): Object;
-    /**
-     * Specifies the type of the current client appointment.
-     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
-     */
-    SetAppointmentType(type: ASPxAppointmentType): void;
-    /**
-     * Gets the type of the client appointment.
-     */
-    GetAppointmentType(): ASPxAppointmentType;
-    /**
-     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
-     * @param statusId An integer representing the index in the AppointmentStatusCollection.
-     */
-    SetStatusId(statusId: number): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the StatusId appointment property.
-     */
-    GetStatusId(): number;
-    /**
-     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
-     * @param statusId An integer representing the index of the label in the Labels label collection.
-     */
-    SetLabelId(statusId: number): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the LabelId appointment property.
-     */
-    GetLabelId(): number;
-    /**
-     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
-     * @param subject A string containing the appointment subject.
-     */
-    SetSubject(subject: string): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the Subject appointment property.
-     */
-    GetSubject(): string;
-    /**
-     * Sets the property value of the client appointment, corresponding to the Description appointment property.
-     * @param description A string representing the appointment description.
-     */
-    SetDescription(description: string): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the Description appointment property.
-     */
-    GetDescription(): string;
-    /**
-     * Sets the property value of the client appointment, corresponding to the Location appointment property.
-     * @param location A string representing the appointment location.
-     */
-    SetLocation(location: string): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the Location appointment property.
-     */
-    GetLocation(): string;
-    /**
-     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
-     * @param allDay true to indicate the all-day appointment; otherwise, false.
-     */
-    SetAllDay(allDay: boolean): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the AllDay appointment property.
-     */
-    GetAllDay(): boolean;
-    /**
-     * Gets the appointment that is the RecurrencePattern for the current appointment.
-     */
-    GetRecurrencePattern(): ASPxClientAppointment;
-    /**
-     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
-     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
-     */
-    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
-    /**
-     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
-     */
-    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+    execute(requestId: string): boolean;
 }
 /**
  * A client point object.
@@ -17431,250 +17672,6 @@ interface ASPxClientRect {
      */
     GetHeight(): number;
 }
-/**
- * Contains information defining the occurrences of a recurring client appointment.
- */
-interface ASPxClientRecurrenceInfo {
-    /**
-     * Sets the recurrence start date.
-     * @param start A JavaScript date object value that specifies the start date for the recurrence.
-     */
-    SetStart(start: Date): void;
-    /**
-     * Gets the recurrence start date.
-     */
-    GetStart(): Date;
-    /**
-     * Sets the recurrence end date.
-     * @param end A JavaScript Date object that specifies the end date for the recurrence.
-     */
-    SetEnd(end: Date): void;
-    /**
-     * Gets the recurrence end date.
-     */
-    GetEnd(): Date;
-    /**
-     * Sets the duration of the recurrence.
-     * @param duration A TimeSpan object representing the duration.
-     */
-    SetDuration(duration: any): void;
-    /**
-     * Gets the duration of the recurrence.
-     */
-    GetDuration(): number;
-    /**
-     * Sets the time base for the frequency of the corresponding appointment occurrences.
-     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
-     */
-    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
-    /**
-     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
-     */
-    GetRecurrenceType(): ASPxClientRecurrenceType;
-    /**
-     * Sets the day/days in a week that the corresponding appointment recurs on.
-     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
-     */
-    SetWeekDays(weekDays: ASPxClientWeekDays): void;
-    /**
-     * Gets the day/days in a week on which the corresponding appointment occurs.
-     */
-    GetWeekDays(): ASPxClientWeekDays;
-    /**
-     * Sets how many times the appointment occurs.
-     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
-     */
-    SetOccurrenceCount(occurrenceCount: number): void;
-    /**
-     * Gets how many times the appointment occurs.
-     */
-    GetOccurrenceCount(): number;
-    /**
-     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
-     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
-     */
-    SetPeriodicity(periodicity: number): void;
-    /**
-     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
-     */
-    GetPeriodicity(): number;
-    /**
-     * Sets the ordinal number of a day within a defined month.
-     * @param dayNumber A positive integer value that specifies the day number within a month.
-     */
-    SetDayNumber(dayNumber: number): void;
-    /**
-     * Gets the ordinal number of a day within a defined month.
-     */
-    GetDayNumber(): number;
-    /**
-     * Sets the occurrence number of the week in a month for the recurrence pattern.
-     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
-     */
-    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
-    /**
-     * Gets the occurrence number of the week in a month for the recurrence pattern.
-     */
-    GetWeekOfMonth(): ASPxClientWeekOfMonth;
-    /**
-     * Sets the month (as a number) on which the corresponding appointment occurs.
-     * @param month A positive integer value that specifies the month's number.
-     */
-    SetMonth(month: number): void;
-    /**
-     * Gets the month (as a number) on which the corresponding appointment recurs.
-     */
-    GetMonth(): number;
-    /**
-     * Gets the type of the recurrence range.
-     */
-    GetRange(): ASPxClientRecurrenceRange;
-    /**
-     * Sets the type of the recurrence range.
-     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
-     */
-    SetRange(range: ASPxClientRecurrenceRange): void;
-}
-/**
- * Contains types of the recurrence range.
- */
-interface ASPxClientRecurrenceRange {
-    /**
-     * A recurring appointment will not have an end date, i.e. infinite recurrence
-     * Value: The "NoEndDate" string.
-     */
-    NoEndDate: string;
-    /**
-     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
-     * Value: The "OccurrenceCount" string.
-     */
-    OccurrenceCount: string;
-    /**
-     * A recurring appointment will end after the date specified by the SetEnd method.
-     * Value: The "EndByDate" string.
-     */
-    EndByDate: string;
-}
-/**
- * Contains recurrence types.
- */
-interface ASPxClientRecurrenceType {
-    /**
-     * The recurring appointment occurs on a daily basis.
-     * Value: The "Daily" string.
-     */
-    Daily: string;
-    /**
-     * The recurring appointment reoccurs on a weekly basis.
-     * Value: The "Weekly" string.
-     */
-    Weekly: string;
-    /**
-     * The recurring appointment reoccurs on a monthly basis.
-     * Value: The "Monthly" string.
-     */
-    Monthly: string;
-    /**
-     * The recurring appointment reoccurs on an yearly basis.
-     * Value: The "Yearly" string.
-     */
-    Yearly: string;
-    /**
-     * The recurring appointment occurs on an hourly base.
-     * Value: The "Hourly" string.
-     */
-    Hourly: string;
-}
-/**
- * Contains days and groups of days for use in recurrence patterns.
- */
-interface ASPxClientWeekDays {
-    /**
-     * Specifies Sunday.
-     * Value: The integer 1 value.
-     */
-    Sunday: number;
-    /**
-     * Specifies Monday.
-     * Value: The integer 2 value.
-     */
-    Monday: number;
-    /**
-     * Specifies Tuesday.
-     * Value: The integer 4 value.
-     */
-    Tuesday: number;
-    /**
-     * Specifies Wednesday.
-     * Value: The integer 8 value.
-     */
-    Wednesday: number;
-    /**
-     * Specifies Thursday.
-     * Value: The integer 16 value.
-     */
-    Thursday: number;
-    /**
-     * Specifies Friday.
-     * Value: The integer 32 value.
-     */
-    Friday: number;
-    /**
-     * Specifies Saturday.
-     * Value: The integer 64 value.
-     */
-    Saturday: number;
-    /**
-     * Specifies Saturday and Sunday.
-     * Value: The integer 65 value.
-     */
-    WeekendDays: number;
-    /**
-     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
-     * Value: The integer 62 value.
-     */
-    WorkDays: number;
-    /**
-     * Specifies every day of the week.
-     * Value: The integer 127 value.
-     */
-    EveryDay: number;
-}
-/**
- * Contains number of weeks in a month in which the event occurs.
- */
-interface ASPxClientWeekOfMonth {
-    /**
-     * There isn't any recurrence rule based on the weeks in a month.
-     * Value: The integer 0 value.
-     */
-    None: number;
-    /**
-     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
-     * Value: The integer 1 value.
-     */
-    First: number;
-    /**
-     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
-     * Value: The integer 2 value.
-     */
-    Second: number;
-    /**
-     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
-     * Value: The integer 3 value.
-     */
-    Third: number;
-    /**
-     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
-     * Value: The integer 4 value;
-     */
-    Fourth: number;
-    /**
-     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
-     * Value: The integer 5 value;
-     */
-    Last: number;
-}
 /**
  * Represents a client-side equivalent of the WeekDaysCheckEdit control.
  */
@@ -17933,65 +17930,739 @@ interface AppointmentPropertyNames {
     Pattern: string;
 }
 /**
- * Represents the client-side equivalent of the TimeInterval class.
+ * Contains information about a client tooltip.
  */
-interface ASPxClientTimeInterval {
+interface ASPxClientSchedulerToolTipData {
     /**
-     * Gets a value indicating if the time interval is All-Day.
+     * Returns the client appointment for which the tooltip is displayed.
      */
-    GetAllDay(): boolean;
+    GetAppointment(): ASPxClientAppointment;
     /**
-     * Sets a value specifying if the time interval is All-Day.
-     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
+     * Returns the client time interval for which the tooltip is displayed.
      */
-    SetAllDay(allDayValue: boolean): void;
+    GetInterval(): ASPxClientTimeInterval;
     /**
-     * Client-side function that returns the start time of the interval.
+     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     */
+    GetResources(): string[];
+}
+/**
+ * A client-side equivalent of the ASPxSchedulerToolTipBase control.
+ */
+interface ASPxClientToolTipBase {
+    /**
+     * Returns the value that indicates whether or not the tooltip can be displayed.
+     */
+    CanShowToolTip(): boolean;
+    /**
+     * Ends updating the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Updates the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Closes the tooltip.
+     */
+    Close(): void;
+    /**
+     * Gets the tooltip position.
+     * @param bounds An object that represents the tooltip bounds.
+     */
+    CalculatePosition(bounds: Object): ASPxClientPoint;
+    /**
+     * Displays the Appointment Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowAppointmentMenu(eventObject: Object): void;
+    /**
+     * Displays the View Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowViewMenu(eventObject: Object): void;
+    /**
+     * Returns the string representation of the specified interval.
+     * @param interval An ASPxClientTimeInterval object to convert.
+     */
+    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSchedulerStorageControl control.
+ */
+interface ASPxClientSchedulerStorageControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSchedulerStorageControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Occurs when a reminder is invoked.
+     */
+    ReminderAlert: ASPxClientEvent<ReminderAlertEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Retrieves the collection of appointments that are in the specified time interval.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     * @param interval An ASPxClientTimeInterval object specifying the required time interval.
+     */
+    GetAppointments(onSuccess: (arg1: string) => void, interval: ASPxClientTimeInterval): void;
+    /**
+     * Retrieves the collection of appointments that are in the specified time interval and are assigned to the specified resources.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     * @param interval An ASPxClientTimeInterval object specifying the required time interval.
+     * @param resources An array of string values representing the resources' IDs.
+     */
+    GetAppointments(onSuccess: (arg1: string) => void, interval: ASPxClientTimeInterval, resources: string[]): void;
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param onSuccess A handler of a function which will receive and process the appointments.
+     * @param appointmentId An appointment's identifier.
+     */
+    GetAppointmentById(onSuccess: (arg1: string) => void, appointmentId: string): void;
+    /**
+     * Retrieves the collection of resources.
+     * @param onSuccess A client action to perform if the server round-trip has completed successfully.
+     */
+    GetResources(onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the resource by its ID.
+     * @param onSuccess A handler of a function which will receive and process the properties' values.
+     * @param resourceId A string value specifying the resource ID.
+     */
+    GetResourceById(onSuccess: (arg1: string) => void, resourceId: string): void;
+    /**
+     * Client-side scripting method to insert the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting method to update the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Dismisses all reminders.
+     */
+    DismissAllReminders(): void;
+    /**
+     * Snoozes all reminders.
+     */
+    SnoozeAllReminders(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded.
+     */
+    Refresh(): void;
+}
+/**
+ * Holds the information that determines what action types can be performed for appointments.
+ */
+interface ASPxClientAppointmentFlags {
+    /**
+     * Gets a value that specifies whether an end-user is allowed to delete appointments.
+     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     */
+    allowDelete: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to edit appointments.
+     * Value: true if the end-user can edit appointments; otherwise, false.
+     */
+    allowEdit: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
+     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
+     */
+    allowResize: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to copy appointments.
+     * Value: true if a user can copy appointments; otherwise, false. Default is true.
+     */
+    allowCopy: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
+     * Value: true if the user can drag and drop appointments; otherwise, false.
+     */
+    allowDrag: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
+     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
+     */
+    allowDragBetweenResources: boolean;
+    /**
+     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
+     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
+     */
+    allowInplaceEditor: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
+     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
+     */
+    allowConflicts: boolean;
+}
+/**
+ * Represents a client-side equivalent of the Appointment class.
+ */
+interface ASPxClientAppointment {
+    /**
+     * Returns the client appointment ID.
+     * Value: A string value representing the client appointment's ID.
+     */
+    appointmentId: string;
+    /**
+     * Gets or sets the time interval of the time cells covered by the current appointment.
+     * Value: A ASPxClientTimeInterval object which represents the time interval.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment.
+     * Value: An array of string values that are resources.
+     */
+    resources: string[];
+    /**
+     * Gets the appointment type.
+     * Value: A <see cref="ASPxAppointmentType" /> enumeration member.
+     */
+    appointmentType: ASPxAppointmentType;
+    /**
+     * Gets the status index.
+     * Value: An integer value representing the index of the status.
+     */
+    statusIndex: number;
+    /**
+     * Returns the label's index.
+     * Value: An integer value specifying the index of the label in the labels collection.
+     */
+    labelIndex: number;
+    /**
+     * Adds a resource to the collection of resources associated with the client appointment.
+     * @param resourceId An object, representing the resource id.
+     */
+    AddResource(resourceId: string): void;
+    /**
+     * Gets the resource associated with the client-side appointment by its index.
+     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
+     */
+    GetResource(index: number): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Start appointment property.
+     * @param start A JavaScript Date object representing the appointment start.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the start date and time of the appointment.
      */
     GetStart(): Date;
     /**
-     * Client-side function that returns the duration of the specified time interval.
+     * Sets the property value of the client appointment, corresponding to the End appointment property.
+     * @param end A JavaScript Date object representing the end of the appointment.
      */
-    GetDuration(): number;
+    SetEnd(end: Date): void;
     /**
-     * Client-side function that returns the end time of the interval.
+     * Gets the end date and time of the appointment.
      */
     GetEnd(): Date;
     /**
-     * Client-side function that sets the start time of the interval.
-     * @param value A DateTime value, representing the beginning of the interval.
+     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
+     * @param duration A TimeSpan object representing the appointment duration.
      */
-    SetStart(value: Date): void;
+    SetDuration(duration: any): void;
     /**
-     * Client-side function that returns the duration of the specified time interval.
-     * @param value A TimeSpan  object, representing the duration of the time period.
+     * Returns the duration of the appointment.
      */
-    SetDuration(value: any): void;
+    GetDuration(): number;
     /**
-     * Client-side function that sets the end time of the interval.
-     * @param value A DateTime value, representing the end of the interval.
+     * Sets the ID of the client appointment.
+     * @param id An string value representing the appointment identifier.
      */
-    SetEnd(value: Date): void;
+    SetId(id: string): void;
     /**
-     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
-     * @param interval The object to compare with the current object.
+     * Gets the ID of the client appointment.
      */
-    Equals(interval: ASPxClientTimeInterval): boolean;
+    GetId(): string;
     /**
-     * Checks if the current time interval intersects with the specified time interval.
-     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     * Specifies the type of the current client appointment.
+     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
      */
-    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    SetAppointmentType(type: ASPxAppointmentType): void;
     /**
-     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
-     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     * Returns the appointment type.
      */
-    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    GetAppointmentType(): ASPxAppointmentType;
     /**
-     * Client-side function that determines whether the specified interval is contained within the current one.
-     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
+     * @param statusId An integer representing the index in the AppointmentStatusCollection.
      */
-    Contains(interval: ASPxClientTimeInterval): boolean;
+    SetStatusId(statusId: number): void;
+    /**
+     * Gets or sets the integer identifier of the status object associated with the appointment.
+     */
+    GetStatusId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
+     * @param statusId An integer representing the index of the label in the Labels label collection.
+     */
+    SetLabelId(statusId: number): void;
+    /**
+     * Gets or sets the integer identifier of the label object associated with the appointment.
+     */
+    GetLabelId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
+     * @param subject A string containing the appointment subject.
+     */
+    SetSubject(subject: string): void;
+    /**
+     * Gets or sets the appointment's subject text.
+     */
+    GetSubject(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Description appointment property.
+     * @param description A string representing the appointment description.
+     */
+    SetDescription(description: string): void;
+    /**
+     * Gets the description of the appointment.
+     */
+    GetDescription(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Location appointment property.
+     * @param location A string representing the appointment location.
+     */
+    SetLocation(location: string): void;
+    /**
+     * Gets or sets the text that specifies a place where the appointment is scheduled.
+     */
+    GetLocation(): string;
+    /**
+     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
+     * @param allDay true to indicate the all-day appointment; otherwise, false.
+     */
+    SetAllDay(allDay: boolean): void;
+    /**
+     * Returns a value specifying whether the current appointment lasts the entire day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Gets the appointment that is the RecurrencePattern for the current appointment.
+     */
+    GetRecurrencePattern(): ASPxClientAppointment;
+    /**
+     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
+     */
+    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
+     */
+    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+}
+/**
+ * Contains information defining the occurrences of a recurring client appointment.
+ */
+interface ASPxClientRecurrenceInfo {
+    /**
+     * Sets the recurrence start date.
+     * @param start A JavaScript date object value that specifies the start date for the recurrence.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the recurrence start date.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the recurrence end date.
+     * @param end A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the duration of the recurrence.
+     * @param duration A TimeSpan object representing the duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the duration of the recurrence.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the time base for the frequency of the corresponding appointment occurrences.
+     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
+     */
+    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
+    /**
+     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the day/days in a week that the corresponding appointment recurs on.
+     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
+     */
+    SetWeekDays(weekDays: ASPxClientWeekDays): void;
+    /**
+     * Gets the day/days in a week on which the corresponding appointment occurs.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
+     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
+     */
+    SetPeriodicity(periodicity: number): void;
+    /**
+     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
+     */
+    GetPeriodicity(): number;
+    /**
+     * Sets the ordinal number of a day within a defined month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
+     */
+    SetDayNumber(dayNumber: number): void;
+    /**
+     * Gets the ordinal number of a day within a defined month.
+     */
+    GetDayNumber(): number;
+    /**
+     * Sets the occurrence number of the week in a month for the recurrence pattern.
+     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
+     */
+    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
+    /**
+     * Gets the occurrence number of the week in a month for the recurrence pattern.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+    /**
+     * Sets the month (as a number) on which the corresponding appointment occurs.
+     * @param month A positive integer value that specifies the month's number.
+     */
+    SetMonth(month: number): void;
+    /**
+     * Gets the month (as a number) on which the corresponding appointment recurs.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+}
+/**
+ * Represents a client-side equivalent of the AppointmentType enumeration.
+ */
+interface ASPxAppointmentType {
+    /**
+     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
+     * Value: A "Normal" string value.
+     */
+    Normal: string;
+    /**
+     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
+     * Value: A "Pattern" string value.
+     */
+    Pattern: string;
+    /**
+     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
+     * Value: An "Occurrence" string value.
+     */
+    Occurrence: string;
+    /**
+     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
+     * Value: A "ChangedOccurrence" string value.
+     */
+    ChangedOccurrence: string;
+    /**
+     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
+     * Value: A "DeletedOccurrence" string value.
+     */
+    DeletedOccurrence: string;
+}
+/**
+ * Contains types of the recurrence range.
+ */
+interface ASPxClientRecurrenceRange {
+    /**
+     * A recurring appointment will not have an end date, i.e. infinite recurrence
+     * Value: The "NoEndDate" string.
+     */
+    NoEndDate: string;
+    /**
+     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
+     * Value: The "OccurrenceCount" string.
+     */
+    OccurrenceCount: string;
+    /**
+     * A recurring appointment will end after the date specified by the SetEnd method.
+     * Value: The "EndByDate" string.
+     */
+    EndByDate: string;
+}
+/**
+ * Contains recurrence types.
+ */
+interface ASPxClientRecurrenceType {
+    /**
+     * The recurring appointment occurs on a daily basis.
+     * Value: The "Daily" string.
+     */
+    Daily: string;
+    /**
+     * The recurring appointment reoccurs on a weekly basis.
+     * Value: The "Weekly" string.
+     */
+    Weekly: string;
+    /**
+     * The recurring appointment reoccurs on a monthly basis.
+     * Value: The "Monthly" string.
+     */
+    Monthly: string;
+    /**
+     * The recurring appointment reoccurs on an yearly basis.
+     * Value: The "Yearly" string.
+     */
+    Yearly: string;
+    /**
+     * The recurring appointment occurs on an hourly base.
+     * Value: The "Hourly" string.
+     */
+    Hourly: string;
+}
+/**
+ * Contains number of weeks in a month in which the event occurs.
+ */
+interface ASPxClientWeekOfMonth {
+    /**
+     * There isn't any recurrence rule based on the weeks in a month.
+     * Value: The integer 0 value.
+     */
+    None: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
+     * Value: The integer 1 value.
+     */
+    First: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
+     * Value: The integer 2 value.
+     */
+    Second: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
+     * Value: The integer 3 value.
+     */
+    Third: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
+     * Value: The integer 4 value;
+     */
+    Fourth: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
+     * Value: The integer 5 value;
+     */
+    Last: number;
+}
+/**
+ * Contains days and groups of days for use in recurrence patterns.
+ */
+interface ASPxClientWeekDays {
+    /**
+     * Specifies Sunday.
+     * Value: The integer 1 value.
+     */
+    Sunday: number;
+    /**
+     * Specifies Monday.
+     * Value: The integer 2 value.
+     */
+    Monday: number;
+    /**
+     * Specifies Tuesday.
+     * Value: The integer 4 value.
+     */
+    Tuesday: number;
+    /**
+     * Specifies Wednesday.
+     * Value: The integer 8 value.
+     */
+    Wednesday: number;
+    /**
+     * Specifies Thursday.
+     * Value: The integer 16 value.
+     */
+    Thursday: number;
+    /**
+     * Specifies Friday.
+     * Value: The integer 32 value.
+     */
+    Friday: number;
+    /**
+     * Specifies Saturday.
+     * Value: The integer 64 value.
+     */
+    Saturday: number;
+    /**
+     * Specifies Saturday and Sunday.
+     * Value: The integer 65 value.
+     */
+    WeekendDays: number;
+    /**
+     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
+     * Value: The integer 62 value.
+     */
+    WorkDays: number;
+    /**
+     * Specifies every day of the week.
+     * Value: The integer 127 value.
+     */
+    EveryDay: number;
+}
+/**
+ * Contains information related to the reminder alert.
+ */
+interface ASPxClientReminderAlertNotification {
+    /**
+     * Returns the triggered reminder.
+     * Value: An ASPxClientReminder object.
+     */
+    reminder: ASPxClientReminder;
+    /**
+     * Gets the appointment associated with the triggered reminder.
+     * Value: An ASPxClientAppointment object.
+     */
+    appointment: ASPxClientAppointment;
+    /**
+     * Gets or sets whether the reminder is handled and therefore no default processing is required.
+     * Value: true, if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets or sets whether an alert is invoked for a particular reminder.
+     * Value: true, if the reminder doesn't generate an alert notification; otherwise, false.
+     */
+    ignore: boolean;
+    /**
+     * Gets the triggered reminder's ID.
+     */
+    GetReminderId(): string;
+    /**
+     * Gets the triggered reminder.
+     */
+    GetReminder(): ASPxClientReminder;
+    /**
+     * Gets the appointment associated with the reminder.
+     */
+    GetAppointment(): ASPxClientAppointment;
+}
+/**
+ * Represents a client-side equivalent of the Reminder class.
+ */
+interface ASPxClientReminder {
+    /**
+     * Gets the reminder's ID.
+     */
+    GetId(): string;
+    /**
+     * Returns the date and time when the reminder is alerted.
+     */
+    GetAlertTime(): Date;
+    /**
+     * Gets the time interval before the appointment's start time.
+     */
+    GetTimeBeforeStart(): Date;
+    /**
+     * Gets the custom field bound to the reminder.
+     * @param key A string object representing the custom field's ID.
+     */
+    GetCustomField(key: string): Object;
+    /**
+     * Switches the reminder off for the associated appointment.
+     */
+    Dismiss(): void;
+    /**
+     * Delays the reminder's alert until the alert time has increased by the specified interval.
+     * @param remindAfter An integer value that is the time interval.
+     */
+    Snooze(remindAfter: number): void;
+}
+/**
+ * A method that will handle the ReminderAlert event.
+ */
+interface ReminderAlertEventHandler<S> {
+    /**
+     * A method that will handle the ReminderAlert event.
+     * @param source The event source.
+     * @param e An ASPxClientSchedulerStorageControl object that contains event data.
+     */
+    (source: S, e: ASPxClientSchedulerStorageReminderAlertEventArgs): void;
+}
+/**
+ * Provides data for the ReminderAlert event.
+ */
+interface ASPxClientSchedulerStorageReminderAlertEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of currently triggered reminders.
+     * Value: An array of ASPxClientReminderAlertNotification objects.
+     */
+    alertNotifications: ASPxClientReminderAlertNotification[];
+}
+/**
+ * Represents a client-side equivalent of the Resource class.
+ */
+interface ASPxClientResource {
+    /**
+     * Gets the resource ID.
+     * Value: A string value representing the resource ID.
+     */
+    resourceId: string;
+    /**
+     * Returns the resource's caption.
+     * Value: A string value that is the resource's caption.
+     */
+    caption: string;
+    /**
+     * Gets the resource's color.
+     * Value: A string value representing the resource's color name.
+     */
+    color: string;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): string;
+    /**
+     * Returns the resource's caption.
+     */
+    GetCaption(): string;
+    /**
+     * Gets the resource's color.
+     */
+    GetColor(): string;
 }
 /**
  * Holds action types for the client-side Refresh method.
@@ -18118,6 +18789,11 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Fires on the client side before the appointment tooltip is shown.
      */
     AppointmentToolTipShowing: ASPxClientEvent<ASPxClientAppointmentToolTipShowingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Sets whether the resources with specified IDs are visible.
+     * @param resourceIds An array of string values specifying the resources IDs.
+     */
+    SetVisibleResources(resourceIds: string[]): void;
     /**
      * Client-side scripting  method that gets the active View.
      */
@@ -18212,7 +18888,7 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Client-side function that returns an appointment with the specified ID.
      * @param id An appointment's identifier.
      */
-    GetAppointmentById(id: Object): ASPxClientAppointment;
+    GetAppointmentById(id: string): ASPxClientAppointment;
     /**
      * Client-side function that returns the id's of selected appointments.
      */
@@ -18221,25 +18897,25 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Client-side function that removes the appointment specified by its client ID from a collection of selected appointments.
      * @param aptId An appointment's identifier.
      */
-    DeselectAppointmentById(aptId: Object): void;
+    DeselectAppointmentById(aptId: string): void;
     /**
      * Client-side function that selects an appointment with the specified ID.
      * @param aptId An appointment's identifier.
      */
-    SelectAppointmentById(aptId: Object): void;
+    SelectAppointmentById(aptId: string): void;
     /**
      * Selects the appointment with the specified ID.
-     * @param aptId An integer value specifying the appointment ID.
+     * @param aptId A string value specifying the appointment ID.
      * @param scrollToSelection true, to scroll to the selected appointment; otherwise, false.
      */
-    SelectAppointmentById(aptId: Object, scrollToSelection: boolean): void;
+    SelectAppointmentById(aptId: string, scrollToSelection: boolean): void;
     /**
      * Enables obtaining appointment property values in a client-side script. Executes the callback command with the AppointmentData identifier.
-     * @param aptId An integer, representing the appointment ID.
+     * @param aptId A string, representing the appointment ID.
      * @param propertyNames An array of strings, representing the appointment properties to query.
-     * @param onCallBack A handler of a function which will receive and process the properties' values.
+     * @param onCallBack A handler of a function which will receive and process the property values.
      */
-    GetAppointmentProperties(aptId: number, propertyNames: string[], onCallBack: Object): string[];
+    GetAppointmentProperties(aptId: string, propertyNames: string[], onCallBack: Object): string[];
     /**
      * Initiates a callback to retrieve and apply the values for the specified list of properties to the specified appointment, and transfer control to the specified function.
      * @param clientAppointment An ASPxClientAppointment object that is the client appointment for which the data is retrieved.
@@ -18416,6 +19092,7 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * @param height An integer value specifying the scheduler's height.
      */
     SetHeight(height: number): void;
+    GetFloatingActionButton(): ASPxClientFloatingActionButton;
 }
 /**
  * Represents a client-side equivalent of the SchedulerViewType object.
@@ -18477,36 +19154,6 @@ interface ASPxSchedulerGroupType {
      */
     Resource: string;
 }
-/**
- * Represents a client-side equivalent of the AppointmentType enumeration.
- */
-interface ASPxAppointmentType {
-    /**
-     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
-     * Value: A "Normal" string value.
-     */
-    Normal: string;
-    /**
-     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
-     * Value: A "Pattern" string value.
-     */
-    Pattern: string;
-    /**
-     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
-     * Value: An "Occurrence" string value.
-     */
-    Occurrence: string;
-    /**
-     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
-     * Value: A "ChangedOccurrence" string value.
-     */
-    ChangedOccurrence: string;
-    /**
-     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
-     * Value: A "DeletedOccurrence" string value.
-     */
-    DeletedOccurrence: string;
-}
 interface ASPxClientAppointmentDeletingEventHandler<S> {
     /**
      * A method that will handle the AppointmentDeleting event.
@@ -18520,10 +19167,10 @@ interface ASPxClientAppointmentDeletingEventHandler<S> {
  */
 interface ASPxClientAppointmentDeletingEventArgs extends ASPxClientCancelEventArgs {
     /**
-     * Gets client IDs of the appointments that are intended to be removed.
+     * Gets client IDs of the appointments to be removed.
      * Value: An array of client appointment identifiers, representing appointments passed for deletion.
      */
-    appointmentIds: Object[];
+    appointmentIds: string[];
 }
 interface AppointmentClickEventHandler<S> {
     /**
@@ -18875,28 +19522,28 @@ interface ASPxClientAppointmentDragInfo {
 interface CellClickEventHandler<S> {
     /**
      * A method that will handle the CellClick event.
-     * @param source The event sender (typically an ASPxClientScheduler control).
-     * @param e A CellClickEventArgs object that contains event data.
+     * @param source The event source.
+     * @param e A ASPxClientSchedulerCellClickEventArgs object that contains event data
      */
-    (source: S, e: CellClickEventArgs): void;
+    (source: S, e: ASPxClientSchedulerCellClickEventArgs): void;
 }
 /**
- * Provides data for the CellDoubleClick events.
+ * Provides data for the CellClick event.
  */
-interface CellClickEventArgs extends ASPxClientEventArgs {
+interface ASPxClientSchedulerCellClickEventArgs extends ASPxClientEventArgs {
     /**
-     * Provides access to an object containing information about an HTML element representing the clicked time cell.
-     * Value: An object containing information about an HTML element.
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
      */
     htmlElement: Object;
     /**
-     * Provides access to a time interval occupied by the clicked time cell.
-     * Value: An <see cref="ASPxClientTimeInterval" /> object.
+     * Gets the time interval of the time cells related to the event.
+     * Value: An ASPxClientTimeInterval object specifying the time interval.
      */
     interval: ASPxClientTimeInterval;
     /**
-     * Gets the name of a resource to which the clicked time cell belongs.
-     * Value: A string containing the name of a resource.
+     * Gets the resource identifier associated with the cell related to the event.
+     * Value: A string value representing the resource.
      */
     resource: string;
 }
@@ -18922,64 +19569,106 @@ interface ASPxClientAppointmentToolTipShowingEventArgs extends ASPxClientCancelE
     appointment: ASPxClientAppointment;
 }
 /**
- * Contains information about a client tooltip.
+ * Represents the client-side equivalent of the TimeInterval class.
  */
-interface ASPxClientSchedulerToolTipData {
+interface ASPxClientTimeInterval {
     /**
-     * Returns the client appointment for which the tooltip is displayed.
+     * Gets a value indicating if the time interval is All-Day.
      */
-    GetAppointment(): ASPxClientAppointment;
+    GetAllDay(): boolean;
     /**
-     * Returns the client time interval for which the tooltip is displayed.
+     * Sets a value specifying if the time interval is All-Day.
+     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
      */
-    GetInterval(): ASPxClientTimeInterval;
+    SetAllDay(allDayValue: boolean): void;
     /**
-     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     * Client-side function that returns the start time of the interval.
      */
-    GetResources(): Object[];
+    GetStart(): Date;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     */
+    GetDuration(): number;
+    /**
+     * Client-side function that returns the end time of the interval.
+     */
+    GetEnd(): Date;
+    /**
+     * Client-side function that sets the start time of the interval.
+     * @param value A DateTime value, representing the beginning of the interval.
+     */
+    SetStart(value: Date): void;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     * @param value A TimeSpan  object, representing the duration of the time period.
+     */
+    SetDuration(value: any): void;
+    /**
+     * Client-side function that sets the end time of the interval.
+     * @param value A DateTime value, representing the end of the interval.
+     */
+    SetEnd(value: Date): void;
+    /**
+     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
+     * @param interval The object to compare with the current object.
+     */
+    Equals(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Client-side function that determines whether the specified interval is contained within the current one.
+     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     */
+    Contains(interval: ASPxClientTimeInterval): boolean;
 }
-/**
- * A client-side equivalent of the ASPxSchedulerToolTipBase control.
- */
-interface ASPxClientToolTipBase {
+interface ASPxClientDateNavigator extends ASPxClientControl {
+    DayCellCustomHighlight: ASPxClientEvent<ASPxClientDateNavigatorDayCellCustomHighlightEventHandler<ASPxClientDateNavigator>>;
+    SelectionChanged: ASPxClientEvent<ASPxClientDateNavigatorSelectionChangedEventHandler<ASPxClientDateNavigator>>;
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientDateNavigatorVisibleMonthChangedEventHandler<ASPxClientDateNavigator>>;
+}
+interface ASPxClientDateNavigatorDayCellCustomHighlightEventHandler<S> {
     /**
-     * Returns the value that indicates whether or not the tooltip can be displayed.
+     * 
+     * @param source 
+     * @param e 
      */
-    CanShowToolTip(): boolean;
+    (source: S, e: ASPxClientDateNavigatorDayCellCustomHighlightEventArgs): void;
+}
+interface ASPxClientDateNavigatorDayCellCustomHighlightEventArgs extends ASPxClientEventArgs {
+    htmlElement: Object;
+    date: Date;
+    appointments: ASPxClientAppointment[];
+}
+interface ASPxClientDateNavigatorVisibleMonthChangedEventHandler<S> {
     /**
-     * Ends updating the tooltip content.
-     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     * 
+     * @param source 
+     * @param e 
      */
-    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    (source: S, e: ASPxClientDateNavigatorVisibleMonthChangedEventArgs): void;
+}
+interface ASPxClientDateNavigatorVisibleMonthChangedEventArgs extends ASPxClientEventArgs {
+    startDate: Date;
+    endDate: Date;
+}
+interface ASPxClientDateNavigatorSelectionChangedEventHandler<S> {
     /**
-     * Updates the tooltip content.
-     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     * 
+     * @param source 
+     * @param e 
      */
-    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
-    /**
-     * Closes the tooltip.
-     */
-    Close(): void;
-    /**
-     * Gets the tooltip position.
-     * @param bounds An object that represents the tooltip bounds.
-     */
-    CalculatePosition(bounds: Object): ASPxClientPoint;
-    /**
-     * Displays the Appointment Menu at the position of the tooltip.
-     * @param eventObject An object containing information about the event in which the menu is displayed.
-     */
-    ShowAppointmentMenu(eventObject: Object): void;
-    /**
-     * Displays the View Menu at the position of the tooltip.
-     * @param eventObject An object containing information about the event in which the menu is displayed.
-     */
-    ShowViewMenu(eventObject: Object): void;
-    /**
-     * Returns the string representation of the specified interval.
-     * @param interval An ASPxClientTimeInterval object to convert.
-     */
-    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+    (source: S, e: ASPxClientDateNavigatorSelectionChangedEventArgs): void;
+}
+interface ASPxClientDateNavigatorSelectionChangedEventArgs extends ASPxClientEventArgs {
+    selectedDates: Date[];
 }
 /**
  * Represents the client-side equivalent of the ASPxSpellChecker class.
@@ -19096,7 +19785,63 @@ declare enum ASPxClientSpreadsheetPopupMenuType {
     Picture=4,
     Chart=5,
     Cell=7,
-    AutoFilter=8
+    AutoFilter=8,
+    PivotTable=9,
+    PivotTableAutoFilter=10
+}
+declare enum ASPxClientSpreadsheetEditMode {
+    None=0,
+    Cell=1,
+    Comment=2
+}
+declare enum ASPxClientSpreadsheetViewMode {
+    Editing=0,
+    Reading=1
+}
+/**
+ * Contains settings specifying size and position of a spreadsheet cell's in-place editor.
+ */
+interface ASPxClientSpreadsheetRectangle {
+    /**
+     * Gets the x-coordinate of the specified cell's left side.
+     * Value: An integer value specifying the x-coordinate of the cell's left side.
+     */
+    x: number;
+    /**
+     * Gets the y-coordinate of the specified cell's top side.
+     * Value: An integer value specifying the y-coordinate of the cell's top side.
+     */
+    y: number;
+    /**
+     * Gets the width value of the cell's in-place editor.
+     * Value: An integer value specifying the width value.
+     */
+    width: number;
+    /**
+     * Gets the height value of the cell's in-place editor.
+     * Value: An integer value specifying the height value.
+     */
+    height: number;
+    /**
+     * Gets the x-coordinate of the specified cell's editor.
+     * Value: An integer value specifying the specified cell editor's x-coordinate.
+     */
+    left: number;
+    /**
+     * Gets the y-coordinate of the specified cell's editor.
+     * Value: An integer value specifying the specified cell editor's y-coordinate.
+     */
+    top: number;
+    /**
+     * Gets the y-coordinate of the specified cell's bottom side.
+     * Value: An integer value specifying the y-coordinate of the cell's bottom side.
+     */
+    bottom: number;
+    /**
+     * Gets the x-coordinate of the specified cell's right side.
+     * Value: An integer value specifying the x-coordinate of the cell's right side.
+     */
+    right: number;
 }
 /**
  * A method that will handle the CustomCommandExecuted event.
@@ -19222,6 +19967,27 @@ interface ASPxClientSpreadsheetPopupMenuShowingEventArgs extends ASPxClientCance
      */
     menuType: any;
 }
+/**
+ * A method that will handle the ViewModeChanged event.
+ */
+interface ASPxClientSpreadsheetViewModeChangedEventHandler<S> {
+    /**
+     * A method that will handle the ViewModeChanged event.
+     * @param source The event sender (typically an ASPxClientSpreadsheet object).
+     * @param e A ASPxClientSpreadsheetViewModeChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetViewModeChangedEventArgs): void;
+}
+/**
+ * Provides data for the ViewModeChanged event.
+ */
+interface ASPxClientSpreadsheetViewModeChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the control's current view mode when the event is triggered.
+     * Value: A <see cref="ASPxClientSpreadsheetViewMode" /> value specifying the control's view mode.
+     */
+    oldViewMode: any;
+}
 /**
  * A client-side equivalent of the ASPxSpreadsheet object.
  */
@@ -19258,6 +20024,10 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * Fires after a document change has been applied to the server and server and client document models have been synchronized.
      */
     EndSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs when the control's view mode is changed.
+     */
+    ViewModeChanged: ASPxClientEvent<ASPxClientSpreadsheetViewModeChangedEventHandler<ASPxClientSpreadsheet>>;
     /**
      * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
      */
@@ -19266,6 +20036,22 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * Occurs before the context menu is displayed and allows menu customization.
      */
     PopupMenuShowing: ASPxClientEvent<ASPxClientSpreadsheetPopupMenuShowingEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the cell editor is opened.
+     */
+    CellBeginEdit: ASPxClientEvent<ASPxClientSpreadsheetCellBeginEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the cell editor is closed and the entered value is committed.
+     */
+    CellEndEdit: ASPxClientEvent<ASPxClientSpreadsheetCellEndEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the active cell's editor is closed and the entered value is rolled back.
+     */
+    CellCancelEdit: ASPxClientEvent<ASPxClientSpreadsheetCellCancelEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs when attempting to edit a locked cell in a protected worksheet.
+     */
+    ProtectionWarning: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpreadsheet>>;
     /**
      * Sets input focus to the Spreadsheet.
      */
@@ -19279,6 +20065,36 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
      */
     SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Returns the control's view mode.
+     */
+    GetViewMode(): any;
+    /**
+     * Specifies the control's view mode.
+     * @param mode A value specifying the control's view mode.
+     */
+    SetViewMode(mode: any): void;
+    /**
+     * Returns the type of the element currently being edited in the Spreadsheet control.
+     */
+    GetEditMode(): any;
+    /**
+     * Applies a value stored within the editor to the active cell
+     */
+    ApplyCellEdit(): void;
+    /**
+     * Cancels editing of the active cell.
+     */
+    CancelCellEdit(): void;
+    /**
+     * Specifies the editor's value of the edited cell.
+     * @param text A string specifying text received by the cell's editor.
+     */
+    SetCellEditorText(text: string): void;
+    /**
+     * Gets a name of the worksheet that is currently displayed within the spreadsheet.
+     */
+    GetActiveSheetName(): string;
     /**
      * Returns the current selection made in a Spreadsheet.
      */
@@ -19293,6 +20109,12 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * @param rowModelIndex An integer value specifying the cell's row index.
      */
     GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the specified cell's bounds.
+     * @param colModelIndex An integer value specifying the zero-based column index.
+     * @param rowModelIndex An integer value specifying the zero-based row index.
+     */
+    GetCellBounds(colModelIndex: number, rowModelIndex: number): ASPxClientSpreadsheetRectangle;
     /**
      * Returns the comment associated with the specified data cell.
      * @param colModelIndex An integer value specifying the data cell's column index.
@@ -19497,10 +20319,118 @@ interface ASPxClientSpreadsheetPopupMenuItemCollection {
      */
     Clear(): void;
 }
+/**
+ * A method that will handle the CellBeginEdit event.
+ */
+interface ASPxClientSpreadsheetCellBeginEditEventHandler<S> {
+    /**
+     * A method that will handle the CellBeginEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellBeginEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellBeginEditEventArgs): void;
+}
+/**
+ * Provides data for the CellBeginEdit event.
+ */
+interface ASPxClientSpreadsheetCellBeginEditEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the active cell's column index.
+     * Value: An integer value specifying the zero-based column index.
+     */
+    columnIndex: number;
+    /**
+     * Gets the active cell's row index.
+     * Value: An integer value specifying the zero-based row index.
+     */
+    rowIndex: number;
+    /**
+     * Gets the active cell's formula.
+     * Value: A string value specifying the formula.
+     */
+    formula: string;
+    /**
+     * Gets the active cell's current value.
+     * Value: A string value specifying the cell's value.
+     */
+    value: string;
+    /**
+     * Gets the current worksheet's name.
+     * Value: A string value specifying the current worksheet's name.
+     */
+    sheetName: string;
+}
+/**
+ * A method that will handle the CellEndEdit event.
+ */
+interface ASPxClientSpreadsheetCellEndEditEventHandler<S> {
+    /**
+     * A method that will handle the CellEndEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellEndEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellEndEditEventArgs): void;
+}
+/**
+ * Provides data for the CellEndEdit event.
+ */
+interface ASPxClientSpreadsheetCellEndEditEventArgs extends ASPxClientSpreadsheetCellBeginEditEventArgs {
+    /**
+     * Gets or sets the text stored within the active cell's editor.
+     * Value: A string value that specifies the editor's text.
+     */
+    editorText: string;
+}
+/**
+ * A method that will handle the CellCancelEdit event.
+ */
+interface ASPxClientSpreadsheetCellCancelEditEventHandler<S> {
+    /**
+     * A method that will handle the CellCancelEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellCancelEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellCancelEditEventArgs): void;
+}
+/**
+ * Provides data for the CellCancelEdit event.
+ */
+interface ASPxClientSpreadsheetCellCancelEditEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active cell's column index.
+     * Value: An integer value specifying the zero-based column index.
+     */
+    columnIndex: number;
+    /**
+     * Gets the active cell's row index.
+     * Value: An integer value specifying the zero-based row index.
+     */
+    rowIndex: number;
+    /**
+     * Gets the active cell's formula.
+     * Value: A string value specifying the formula.
+     */
+    formula: string;
+    /**
+     * Gets the active cell's current value.
+     * Value: A string value specifying the cell's value
+     */
+    value: string;
+    /**
+     * Gets the current worksheet's name.
+     * Value: A string value specifying the current worksheet's name.
+     */
+    sheetName: string;
+}
 /**
  * Represents the client ASPxTreeList.
  */
 interface ASPxClientTreeList extends ASPxClientControl {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientTreeListBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientTreeListBatchEditApi;
     /**
      * Occurs when a callback for server-side processing is initiated.
      */
@@ -19569,6 +20499,50 @@ interface ASPxClientTreeList extends ASPxClientControl {
      * Occurs after a node drag and drop operation is completed.
      */
     EndDragNode: ASPxClientEvent<ASPxClientTreeListEndDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a tree list switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientTreeListBatchEditStartEditingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a tree list leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientTreeListBatchEditEndEditingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to specify whether the node date is valid and provide an error text.
+     */
+    BatchEditNodeValidating: ASPxClientEvent<ASPxClientTreeListBatchEditNodeValidatingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientTreeListBatchEditTemplateCellFocusedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientTreeListBatchEditChangesSavingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientTreeListBatchEditChangesCancelingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before a node is inserted in batch edit mode.
+     */
+    BatchEditNodeInserting: ASPxClientEvent<ASPxClientTreeListBatchEditNodeInsertingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before a node is deleted in batch edit mode.
+     */
+    BatchEditNodeDeleting: ASPxClientEvent<ASPxClientTreeListBatchEditNodeDeletingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before a node is recovered in batch edit mode.
+     */
+    BatchEditNodeRecovering: ASPxClientEvent<ASPxClientTreeListBatchEditNodeRecoveringEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientTreeListBatchEditConfirmShowingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientTreeListFocusedCellChangingEventHandler<ASPxClientTreeList>>;
     /**
      * Enables you to prevent columns from being resized.
      */
@@ -19577,6 +20551,89 @@ interface ASPxClientTreeList extends ASPxClientControl {
      * Occurs after a column's width has been changed by an end-user.
      */
     ColumnResized: ASPxClientEvent<ASPxClientTreeListColumnResizedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Scrolls the tree list so that the specified node becomes visible.
+     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     */
+    MakeNodeVisible(nodeKey: string): void;
+    /**
+     * Returns the current vertical scroll position of the tree list's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the tree list's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the tree list's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the tree list's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Exports tree list data to a file in the specified format.
+     * @param format An ASPxClientTreeListExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientTreeListExportFormat): void;
+    /**
+     * Applies the specified filter expression to the tree list.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client Tree List.
+     */
+    ClearFilter(): void;
+    /**
+     * Applies a filter specified in the filter row to the ASPxTreeList.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Applies the specified search panel filter criterion to tree list data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the ASPxTreeList.
+     */
+    GetAutoFilterEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client Tree List.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientTreeListColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
     /**
      * Hides the Filter Control.
      */
@@ -19963,88 +21020,15 @@ interface ASPxClientTreeList extends ASPxClientControl {
      */
     FocusEditor(columnNameOrFieldName: string): void;
     /**
-     * Scrolls the tree list so that the specified node becomes visible.
-     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     * Gets information about a focused cell.
      */
-    MakeNodeVisible(nodeKey: string): void;
+    GetFocusedCell(): ASPxClientTreeListCellInfo;
     /**
-     * Returns the current vertical scroll position of the tree list's content.
+     * Focuses a specified cell.
+     * @param nodeKey An integer value that specifies a node key.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
      */
-    GetVerticalScrollPosition(): number;
-    /**
-     * Returns the current horizontal scroll position of the tree list's content.
-     */
-    GetHorizontalScrollPosition(): number;
-    /**
-     * Specifies the vertical scroll position for the tree list's content.
-     * @param position An integer value specifying the vertical scroll position.
-     */
-    SetVerticalScrollPosition(position: number): void;
-    /**
-     * Specifies the horizontal scroll position for the tree list's content.
-     * @param position An integer value specifying the horizontal scroll position.
-     */
-    SetHorizontalScrollPosition(position: number): void;
-    /**
-     * Exports tree list data to a file in the specified format.
-     * @param format An ASPxClientTreeListExportFormat object specifying the export format.
-     */
-    ExportTo(format: ASPxClientTreeListExportFormat): void;
-    /**
-     * Applies the specified filter expression to the tree list.
-     * @param filterExpression A string value that specifies the filter expression.
-     */
-    ApplyFilter(filterExpression: string): void;
-    /**
-     * Clears the filter expression applied to a client Tree List.
-     */
-    ClearFilter(): void;
-    /**
-     * Applies a filter specified in the filter row to the ASPxTreeList.
-     */
-    ApplyOnClickRowFilter(): void;
-    /**
-     * Applies the specified search panel filter criterion to tree list data.
-     * @param value A string value that specifies the filter criterion.
-     */
-    ApplySearchPanelFilter(value: string): void;
-    /**
-     * Returns the editor used to edit the value in the auto filter row for the specified data column.
-     * @param column An ASPxClientTreeListColumn object that represents the data column within the ASPxTreeList.
-     */
-    GetAutoFilterEditor(column: ASPxClientTreeListColumn): Object;
-    /**
-     * Returns the editor used to edit the value in the auto filter row for the specified data column.
-     * @param columnIndex An integer value that identifies the data column by its index.
-     */
-    GetAutoFilterEditor(columnIndex: number): Object;
-    /**
-     * Returns the editor used to edit the value in the auto filter row for the specified data column.
-     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
-     */
-    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
-    /**
-     * Applies a filter to the specified data column.
-     * @param column An ASPxClientTreeListColumn object that represents the data column within the client Tree List.
-     * @param val A string value that specifies the filter expression.
-     */
-    AutoFilterByColumn(column: ASPxClientTreeListColumn, val: string): void;
-    /**
-     * Applies a filter to the specified data column.
-     * @param columnIndex An integer value that specifies the column's position within the column collection.
-     * @param val A string value that specifies the filter expression.
-     */
-    AutoFilterByColumn(columnIndex: number, val: string): void;
-    /**
-     * Applies a filter to the specified data column.
-     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
-     * @param val A string value that specifies the filter expression.
-     */
-    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
-    /**
-     * Displays the Filter Control.
-     */
-    ShowFilterControl(): void;
+    SetFocusedCell(nodeKey: string, columnIndex: number): void;
 }
 /**
  * Represents a client column.
@@ -20325,6 +21309,456 @@ interface ASPxClientTreeListToolbarItemClickEventHandler<S> {
      */
     (source: S, e: ASPxClientTreeListToolbarItemClickEventArgs): void;
 }
+/**
+ * A method that will handle the BatchEditStartEditing event.
+ */
+interface ASPxClientTreeListBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientTreeListBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the tree list column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the focused tree list column.
+     */
+    focusedColumn: ASPxClientTreeListColumn;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditEndEditing event.
+ */
+interface ASPxClientTreeListBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientTreeListBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditNodeValidating event.
+ */
+interface ASPxClientTreeListBatchEditNodeValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeValidating event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeValidating event.
+ */
+interface ASPxClientTreeListBatchEditNodeValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides validation information of a validated node.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientTreeListBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source The event sender.
+     * @param e A ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientTreeListColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientTreeListColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientTreeListBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientTreeListBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientTreeListBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientTreeListBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditNodeInserting event.
+ */
+interface ASPxClientTreeListBatchEditNodeInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeInserting event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeInserting event.
+ */
+interface ASPxClientTreeListBatchEditNodeInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the parent node key.
+     * Value: A String value that identifies the parent node.
+     */
+    parentNodeKey: string;
+}
+/**
+ * A method that will handle the BatchEditNodeDeleting event.
+ */
+interface ASPxClientTreeListBatchEditNodeDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeDeleting event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeDeleting event.
+ */
+interface ASPxClientTreeListBatchEditNodeDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditNodeRecovering event.
+ */
+interface ASPxClientTreeListBatchEditNodeRecoveringEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeRecovering event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListBatchEditNodeRecoveringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeRecoveringEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeRecovering event.
+ */
+interface ASPxClientTreeListBatchEditNodeRecoveringEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets a hashtable that maintains information about recovered cells.
+     * Value: A hashtable that stores information about recovered cells.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditConfirmShowing event.
+ */
+interface ASPxClientTreeListBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientTreeListBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientTreeListFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientTreeListFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientTreeListCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientTreeListCellInfo;
+}
+/**
+ * Provides members related to Batch Edit Mode.
+ */
+interface ASPxClientTreeListBatchEditApi {
+    /**
+     * Programmatically moves the focus to the previous cell in the node.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the node.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientTreeListCellInfo;
+    /**
+     * Ends cell or node editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+    /**
+     * Returns an object that stores unsaved changes.
+     */
+    GetUnsavedChanges(): Object;
+    /**
+     * Sets the specified cell value.
+     * @param nodeKey A string value that identifies the key of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(nodeKey: string, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the specified cell value.
+     * @param nodeKey A string value that identifies the key of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(nodeKey: string, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param nodeKey A zero-based integer value that specifies a visible index of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial 
+     */
+    GetCellValue(nodeKey: string, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding data cell content.
+     * @param nodeKey An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(nodeKey: string, columnFieldNameOrId: string): Object;
+    /**
+     * Returns a value that indicates whether the Tree List has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified node has changed data.
+     * @param nodeKey An string value that specifies the node key.
+     */
+    HasChanges(nodeKey: string): boolean;
+    /**
+     * Returns a value that indicates whether the specified node has changed data.
+     * @param nodeKey An string value that specifies the node key.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(nodeKey: string, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified node.
+     * @param nodeKey An string value that specifies the node key.
+     */
+    ResetChanges(nodeKey: string): void;
+    /**
+     * Resets changes in the specified node.
+     * @param nodeKey An string value that specifies the key of the node containing the processed cell.
+     * @param columnIndex An integer value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(nodeKey: string, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param nodeKey A string value that specifies the key of a node containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(nodeKey: string, columnIndex: number): void;
+    /**
+     * Performs validation of tree list data contained in all nodes when the tree list operates in Batch Edit mode.
+     * @param validateOnlyModified true, to validate only modified nodes; otherwise, false.
+     */
+    ValidateNodes(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of tree list data contained in a specified node when the tree list operates in Batch Edit mode.
+     * @param nodeKey An integer value specifying the visible index of the validated node.
+     */
+    ValidateNode(nodeKey: string): boolean;
+    /**
+     * Indicates if the node with the specified key is deleted.
+     * @param nodeKey An string value that identifies the node by its key.
+     */
+    IsDeletedNode(nodeKey: string): boolean;
+    /**
+     * Indicates if the node with the specified key is newly created.
+     * @param nodeKey An string value that identifies the node by its key.
+     */
+    IsNewNode(nodeKey: string): boolean;
+    /**
+     * Adds a new node when ASPxTreeList is in Batch Edit mode.
+     * @param parentNodeKey A string value representing a parent node key.
+     */
+    AddNewNode(parentNodeKey: string): void;
+    /**
+     * Deletes the specified node when ASPxTreeList is in Batch Edit.
+     * @param nodeKey An integer value that identifies the node index.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Recovers the specified node when ASPxTreeList is in Batch Edit mode.
+     * @param nodeKey An string value that identifies the node key.
+     */
+    RecoverNode(nodeKey: string): void;
+    /**
+     * Returns an array of node keys.
+     * @param includeDeleted true, to include deleted cards keys to the returned array; otherwise, false.
+     */
+    GetNodeKeys(includeDeleted: boolean): string[];
+    /**
+     * Returns an array of the inserted node keys.
+     */
+    GetInsertedNodeKeys(): string[];
+    /**
+     * Returns an array of the deleted node keys.
+     */
+    GetDeletedNodeKeys(): string[];
+    /**
+     * Returns an array of the updated nodes' keys.
+     */
+    GetUpdatedNodeKeys(): string[];
+}
+/**
+ * Contains information on a tree list cell.
+ */
+interface ASPxClientTreeListCellInfo {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An ASPxClientTreeListColumn object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientTreeListColumn;
+}
 /**
  * Represents a client-side equivalent of the BootstrapAccordion control.
  */
@@ -20828,12 +22262,15 @@ interface BootstrapClientComboBox extends ASPxClientComboBox {
  * Represents a client-side equivalent of the BootstrapDateEdit control.
  */
 interface BootstrapClientDateEdit extends ASPxClientDateEdit {
+    GetRangeLength(): number;
 }
 /**
  * Represents a client-side equivalent of the BootstrapDropDownEdit control.
  */
 interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
 }
+interface BootstrapClientFileManager extends ASPxClientFileManager {
+}
 /**
  * Represents a client-side equivalent of the BootstrapFormLayout control.
  */
@@ -21284,6 +22721,15 @@ interface BootstrapClientPopupMenu extends ASPxClientPopupMenu {
  */
 interface BootstrapClientProgressBar extends ASPxClientProgressBar {
 }
+interface BootstrapClientRibbon extends ASPxClientRibbon {
+    /**
+     * 
+     * @param name 
+     */
+    GetQuickActionItem(name: string): ASPxClientRibbonItem;
+}
+interface BootstrapClientRichEdit extends ASPxClientRichEdit {
+}
 /**
  * Represents a client-side equivalent of the BootstrapSpinEdit control.
  */
@@ -21631,8 +23077,8 @@ interface BootstrapClientTagBox extends ASPxClientTokenBox {
      */
     GetSelectedItem(): BootstrapClientListBoxItem;
     /**
-     * Sets the list editor's selected item.
-     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     * This member is not in effect for this class. It is overridden only for the purpose of preventing it from appearing in Microsoft Visual Studio designer tools.
+     * @param item 
      */
     SetSelectedItem(item: BootstrapClientListBoxItem): void;
     /**
@@ -21750,6 +23196,11 @@ interface BootstrapClientTagBox extends ASPxClientTokenBox {
      * @param cssClass A String containing the name of a CSS class.
      */
     SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * For internal use only.
+     * @param item 
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
     /**
      * Sets the list editor's selected item.
      * @param item An ASPxClientListEditItem object that specifies the item to select.
@@ -21982,7 +23433,7 @@ interface BootstrapClientGridView extends ASPxClientGridView {
 /**
  * Represents the client BootstrapCardView.
  */
-interface BootstrapClientCardView extends ASPxClientGridView {
+interface BootstrapClientCardView extends ASPxClientCardView {
 }
 /**
  * Represents a client-side equivalent of the BootstrapWebClientUIWidget class.
@@ -22338,6 +23789,42 @@ interface BootstrapClientRangeSelectorValueChangedEventHandler<S> {
      */
     (source: S, e: BootstrapClientRangeSelectorValueChangedEventArgs): void;
 }
+interface BootstrapClientSparkline extends BootstrapUIWidgetBase {
+    OptionChanged: ASPxClientEvent<BootstrapClientSparklineOptionChangedEventHandler<BootstrapClientSparkline>>;
+    TooltipHidden: ASPxClientEvent<BootstrapClientSparklineTooltipHiddenEventHandler<BootstrapClientSparkline>>;
+    TooltipShown: ASPxClientEvent<BootstrapClientSparklineTooltipShownEventHandler<BootstrapClientSparkline>>;
+    /**
+     * 
+     * @param fileName 
+     * @param format 
+     */
+    ExportTo(fileName: string, format: string): void;
+    Print(): void;
+}
+interface BootstrapClientSparklineOptionChangedEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetOptionChangedEventArgs): void;
+}
+interface BootstrapClientSparklineTooltipHiddenEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapClientSparklineTooltipShownEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
 /**
  * A method that will handle the Init event.
  */
@@ -22571,6 +24058,12 @@ interface MVCxClientCardView extends ASPxClientCardView {
      * @param onCallback A ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
      */
     GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
     /**
      * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
@@ -22582,12 +24075,6 @@ interface MVCxClientCardView extends ASPxClientCardView {
      * @param onSuccess A client action to perform if the server round-trip completed successfully.
      */
     PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
-    /**
-     * Sends a callback to the server and generates the server-side CustomDataCallback event.
-     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
-     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
-     */
-    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
 }
 /**
  * A client-side counterpart of the Chart extension.
@@ -22978,6 +24465,56 @@ interface MVCxClientPopupControl extends ASPxClientPopupControl {
      */
     PerformCallback(parameter: string): void;
 }
+/**
+ * A client-side counterpart of the Query Builder extension.
+ */
+interface MVCxClientQueryBuilder extends ASPxClientQueryBuilder {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientQueryBuilder>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientQueryBuilderSaveCommandExecutedEventHandler<MVCxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server and generates the server-side event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientQueryBuilderSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientQueryBuilderSaveCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientQueryBuilderSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientQueryBuilderSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the Save command execution result.
+     * Value: An object that specifies the command execution result.
+     */
+    Result: string;
+}
 /**
  * A client-side equivalent of the MVCxDocumentViewer class.
  */
@@ -23213,6 +24750,15 @@ interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventA
  */
 interface MVCxSchedulerToolTipType {
 }
+/**
+ * A client-side counterpart of the Scheduler Storage Control extension.
+ */
+interface MVCxClientSchedulerStorage extends ASPxClientSchedulerStorageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSchedulerStorage>>;
+}
 /**
  * A client-side counterpart of the Spreadsheet extension.
  */
@@ -23479,7 +25025,7 @@ interface ASPxClientEventArgs {
  */
 interface ASPxClientBeginCallbackEventArgs extends ASPxClientEventArgs {
     /**
-     * Gets a command name that identifies which client action forced a callback to be occurred.
+     * Gets a command name that identifies which client action forced a callback to occur.
      * Value: A string value that represents the name of the command which initiated a callback.
      */
     command: string;
@@ -23827,11 +25373,6 @@ interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingMo
      */
     cancel: boolean;
 }
-/**
- * Provides access to an observable boolean, that allows you to detect and respond to changes.
- */
-interface KnockoutObservableBoolean {
-}
 /**
  * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
  */
@@ -25872,6 +27413,136 @@ interface ASPxClientFileManagerToolbarItem extends ASPxClientMenuItem {
      */
     index: number;
 }
+interface ASPxClientFloatingActionButtonVerticalPosition {
+}
+interface ASPxClientFloatingActionButtonHorizontalPosition {
+}
+interface ASPxClientFloatingActionButtonTextVisibilityMode {
+}
+interface ASPxClientFloatingActionButtonCollapseReason {
+    API: string;
+    CollapseButton: string;
+    ActionItem: string;
+}
+interface ASPxClientFABActionItemBase {
+    GetText(): string;
+    /**
+     * 
+     * @param value 
+     */
+    SetText(value: string): void;
+    GetActionName(): string;
+}
+interface ASPxClientFABActionItem extends ASPxClientFABActionItemBase {
+    GetVisible(): boolean;
+    /**
+     * 
+     * @param value 
+     */
+    SetVisible(value: boolean): void;
+}
+interface ASPxClientFABAction extends ASPxClientFABActionItemBase {
+    GetContextName(): string;
+    GetItemCount(): number;
+    /**
+     * 
+     * @param index 
+     */
+    GetItem(index: number): ASPxClientFABActionItem;
+    /**
+     * 
+     * @param name 
+     */
+    GetActionItemByName(name: string): ASPxClientFABActionItem;
+}
+interface ASPxClientFloatingActionButton extends ASPxClientControl {
+    ActionItemClick: ASPxClientEvent<ASPxClientFloatingActionButtonActionItemClickEventHandler<ASPxClientFloatingActionButton>>;
+    ContextChanging: ASPxClientEvent<ASPxClientFloatingActionButtonContextChangingEventHandler<ASPxClientFloatingActionButton>>;
+    ActionExpanding: ASPxClientEvent<ASPxClientFloatingActionButtonActionExpandingEventHandler<ASPxClientFloatingActionButton>>;
+    ActionCollapsing: ASPxClientEvent<ASPxClientFloatingActionButtonActionCollapsingEventHandler<ASPxClientFloatingActionButton>>;
+    /**
+     * 
+     * @param verticalPosition 
+     */
+    SetVerticalPosition(verticalPosition: ASPxClientFloatingActionButtonVerticalPosition): void;
+    /**
+     * 
+     * @param horizontalPosition 
+     */
+    SetHorizontalPosition(horizontalPosition: ASPxClientFloatingActionButtonHorizontalPosition): void;
+    /**
+     * 
+     * @param value 
+     */
+    SetVerticalMargin(value: number): void;
+    /**
+     * 
+     * @param value 
+     */
+    SetHorizontalMargin(value: number): void;
+    /**
+     * 
+     * @param mode 
+     */
+    SetTextVisibilityMode(mode: ASPxClientFloatingActionButtonTextVisibilityMode): void;
+    /**
+     * 
+     * @param id 
+     */
+    SetContainerElementID(id: string): void;
+    /**
+     * 
+     * @param element 
+     */
+    SetContainerElement(element: Object): void;
+    /**
+     * 
+     * @param contextName 
+     */
+    SetActionContext(contextName: string): void;
+    /**
+     * 
+     * @param contextName 
+     * @param expand 
+     */
+    SetActionContext(contextName: string, expand: boolean): void;
+    GetActionContext(): string;
+}
+interface ASPxClientFloatingActionButtonActionItemClickEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientFloatingActionButtonActionItemClickEventArgs): void;
+}
+interface ASPxClientFloatingActionButtonActionItemClickEventArgs extends ASPxClientEventArgs {
+    actionName: string;
+}
+interface ASPxClientFloatingActionButtonActionCollapsingEventHandler<S> {
+    (source: S, e: ASPxClientFloatingActionButtonActionCollapsingEventArgs): void;
+}
+interface ASPxClientFloatingActionButtonActionCollapsingEventArgs extends ASPxClientEventArgs {
+    contextName: string;
+    collapseReason: ASPxClientFloatingActionButtonCollapseReason;
+}
+interface ASPxClientFloatingActionButtonActionExpandingEventHandler<S> {
+    (source: S, e: ASPxClientFloatingActionButtonActionExpandingEventArgs): void;
+}
+interface ASPxClientFloatingActionButtonActionExpandingEventArgs extends ASPxClientEventArgs {
+    contextName: string;
+}
+interface ASPxClientFloatingActionButtonContextChangingEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientFloatingActionButtonContextChangingEventArgs): void;
+}
+interface ASPxClientFloatingActionButtonContextChangingEventArgs extends ASPxClientEventArgs {
+    action: ASPxClientFABAction;
+}
 /**
  * A client-side equivalent of the ASPxFormLayout's LayoutItem object.
  */
@@ -26042,6 +27713,8 @@ interface ASPxClientHintWindow {
      * Forces the ASPxClientHint's window to recalculate its position.
      */
     UpdatePosition(): void;
+    SetContent(html: Object, options: ASPxClientHintOptions): void;
+    SetContentLoading(): void;
 }
 /**
  * A method that will handle the Showing event.
@@ -26352,16 +28025,32 @@ interface ASPxClientImageSlider extends ASPxClientControl {
      * Occurs on the client side when a thumbnail is clicked.
      */
     ThumbnailItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires for each Image Slider's item that is loaded on callback.
+     */
+    ItemLoadedOnCallback: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
     /**
      * Returns an item specified by its index within the image slider's item collection.
      * @param index An integer value specifying the zero-based index of the item to be retrieved.
      */
     GetItem(index: number): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     * @param forceLoad true, to force the item's loading; otherwise, false.
+     */
+    GetItem(index: number, forceLoad: boolean): ASPxClientImageSliderItem;
     /**
      * Returns an item specified by its name.
      * @param name A string value specifying the name of the item.
      */
     GetItemByName(name: string): ASPxClientImageSliderItem;
+    /**
+     * Returns the image slider's item by its name.
+     * @param name A string value representing the item's name.
+     * @param forceLoad true, to force the item's loading; otherwise, false.
+     */
+    GetItemByName(name: string, forceLoad: boolean): ASPxClientImageSliderItem;
     /**
      * Returns the index of the active item within the image slider control.
      */
@@ -26386,6 +28075,10 @@ interface ASPxClientImageSlider extends ASPxClientControl {
      * Gets the number of items contained in the control's item collection.
      */
     GetItemCount(): number;
+    /**
+     * Gets the loaded items.
+     */
+    GetLoadedItems(): ASPxClientImageSliderItem[];
     /**
      * Sets input focus to the ASPxImageSlider control.
      */
@@ -26453,6 +28146,11 @@ interface ASPxClientImageSliderItem {
      * Value: A string value that is the item's display text.
      */
     text: string;
+    /**
+     * Gets whether the image slider's item is loaded.
+     * Value: true, is the item is loaded; otherwise, false.
+     */
+    loaded: boolean;
 }
 /**
  * The client-side equivalent of the ASPxImageZoomNavigator object.
@@ -26603,6 +28301,10 @@ interface ASPxClientMenu extends ASPxClientMenuBase {
      * @param orientation 'Vertical' to orient the menu vertically; 'Horizontal' to orient the menu horizontally.
      */
     SetOrientation(orientation: string): void;
+    /**
+     * Expands or collapses the side menu.
+     */
+    ToggleSideMenu(): void;
 }
 /**
  * A method that will handle the menu's client events concerning manipulations with an item.
@@ -27117,7 +28819,7 @@ interface ASPxClientObjectContainer extends ASPxClientControl {
      */
     PercentLoaded(): string;
     /**
-     * Starts playing the Flash movie.
+     * Starts playing media files.
      */
     Play(): void;
     /**
@@ -29766,6 +31468,12 @@ interface ASPxClientWebChartControl extends ASPxClientControl {
      * @param format A string  value specifying a format in which a report should be exported.
      */
     SaveToWindow(format: string): void;
+    /**
+     * Specifies the chart size.
+     * @param width The chart width.
+     * @param height The chart height.
+     */
+    SetChartSize(width: number, height: number): void;
     /**
      * Gets the main DOM (Document Object Model) element on a Web Page representing this ASPxClientWebChartControl object.
      */
@@ -29787,40 +31495,40 @@ interface ASPxClientWebChartControlCustomDrawCrosshairEventHandler<S> {
  */
 interface ASPxClientWebChartControlCustomDrawCrosshairEventArgs extends ASPxClientProcessingModeEventArgs {
     /**
-     * Gets crosshair elements settings  to custom draw a crosshair cursor.
-     * Value: An  ASPxClientCrosshairElement object.
+     * Returns crosshair elements settings to custom draw a crosshair cursor.
+     * Value: An array of ASPxClientCrosshairElement objects.
      */
-    crosshairElements: ASPxClientCrosshairElement;
+    crosshairElements: ASPxClientCrosshairElement[];
     /**
-     * Gets the settings of crosshair axis label elements to customize their appearance.
-     * Value: An ASPxClientCrosshairAxisLabelElement object.
+     * Returns the crosshair axis label elements to customize their appearance.
+     * Value: An array of ASPxClientCrosshairAxisLabelElement objects.
      */
-    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement;
+    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement[];
     /**
      * Gets crosshair line element settings that are used to custom draw a crosshair cursor.
      * Value: An ASPxClientCrosshairLineElement object that contains crosshair line element settings.
      */
     cursorCrosshairLineElement: ASPxClientCrosshairLineElement;
     /**
-     * Gets the settings of crosshair group header elements to customize their appearance.
-     * Value: An ASPxClientCrosshairGroupHeaderElement object.
+     * Returns the crosshair group header elements to customize their appearance.
+     * Value: An array of ASPxClientCrosshairGroupHeaderElement objects.
      */
-    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement;
+    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement[];
     /**
      * Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
-     * Value: An ASPxClientCrosshairElementGroup object.
+     * Value: An array of ASPxClientCrosshairElementGroup objects.
      */
-    crosshairElementGroups: ASPxClientCrosshairElementGroup;
+    crosshairElementGroups: ASPxClientCrosshairElementGroup[];
+    /**
+     * Returns the crosshair legend elements to custom draw the Crosshair.
+     * Value: An array of the ASPxClientCrosshairLegendElement objects.
+     */
+    crosshairLegendElements: ASPxClientCrosshairLegendElement[];
 }
 /**
  * Represents the client-side equivalent of the CrosshairElement class.
  */
 interface ASPxClientCrosshairElement {
-    /**
-     * Gets a series that a crosshair element hovers over when implementing a custom draw.
-     * Value: An ASPxClientSeries object which represents the series currently being painted.
-     */
-    Series: ASPxClientSeries;
     /**
      * Gets the series point that a crosshair element hovers over when implementing a custom draw.
      * Value: An ASPxClientSeriesPoint object, representing the series point that a crosshair element hovers over.
@@ -29846,6 +31554,16 @@ interface ASPxClientCrosshairElement {
      * Value: true, if the crosshair element is visible; otherwise, false.
      */
     visible: boolean;
+    /**
+     * Gets a series that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Gets an indicator that a crosshair element hovers over when the Crosshair Cursor is custom drawn.
+     * Value: An ASPxClientIndicator object which represents the series currently being painted.
+     */
+    Indicator: ASPxClientIndicator;
 }
 /**
  * Represents the client-side equivalent of the CrosshairLineElement class.
@@ -29872,6 +31590,34 @@ interface ASPxClientCrosshairSeriesLabelElement {
  */
 interface ASPxClientCrosshairElementGroup {
 }
+interface ASPxClientCrosshairLegendElementBase {
+    /**
+     * Returns the Crosshair Cursor's line element to custom draw the crosshair.
+     * Value: An ASPxClientCrosshairLineElement object that represents the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element to custom draw the crosshair.
+     * Value: An ASPxClientCrosshairAxisLabelElement object that represents the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Returns the value that specifies whether the crosshair legend element is visible.
+     * Value: true, if the crosshair legend element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+interface ASPxClientCrosshairIndicatorLegendElement extends ASPxClientCrosshairLegendElementBase {
+    Point: ASPxClientIndicatorPoint;
+    Indicator: ASPxClientIndicator;
+}
+/**
+ * The client-side equivalent of the CrosshairLegendElement class.
+ */
+interface ASPxClientCrosshairLegendElement extends ASPxClientCrosshairLegendElementBase {
+    Series: ASPxClientSeries;
+    Point: ASPxClientSeriesPoint;
+}
 /**
  * Represents a method that will handle the ObjectSelected events.
  */
@@ -29997,6 +31743,11 @@ interface ASPxClientWebChartHitInfo {
      * Value: true if the test point is within a non-default pane; otherwise, false.
      */
     inNonDefaultPane: boolean;
+    /**
+     * Returns the value that indicates whether the test point is within the pane title.
+     * Value: true, if the test point is within a pane title; otherwise, false.
+     */
+    inPaneTitle: boolean;
     /**
      * Gets a value indicating whether the test point is within the legend.
      * Value: true if the test point is within a legend; otherwise, false.
@@ -30087,6 +31838,11 @@ interface ASPxClientWebChartHitInfo {
      * Value: An ASPxClientXYDiagramPane object.
      */
     nonDefaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the client-side pane title instance from under the test point.
+     * Value: A pane title.
+     */
+    paneTitle: ASPxClientPaneTitle;
     /**
      * Gets the client-side legend instance from under the test point.
      * Value: An ASPxClientLegend object.
@@ -30482,6 +32238,7 @@ interface ASPxClientXYDiagramPane extends ASPxClientWebChartElementNamed {
      * Value: An ASPxClientXYDiagram object, to which the pane belongs.
      */
     diagram: ASPxClientXYDiagram;
+    title: ASPxClientPaneTitle;
 }
 /**
  * Represents the client-side equivalent of the XYDiagram3D class.
@@ -30855,6 +32612,23 @@ interface ASPxClientSeriesPoint extends ASPxClientWebChartRequiredElement {
      */
     toolTipHint: string;
 }
+interface ASPxClientIndicatorPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Returns the series to which the indicator and its point belong.
+     * Value: The series that stores the indicator to which the point belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Returns the indicator point's argument.
+     * Value: An indicator point's argument.
+     */
+    argument: Object;
+    /**
+     * Returns the values for the indicator point that the Crosshair Cursor highlights.
+     * Value: The indicator point's values.
+     */
+    values: Object[];
+}
 /**
  * Represents the client-side equivalent of the Legend class.
  */
@@ -30910,6 +32684,21 @@ interface ASPxClientSeriesTitle extends ASPxClientTitleBase {
      */
     series: ASPxClientSeries;
 }
+/**
+ * The pane title.
+ */
+interface ASPxClientPaneTitle extends ASPxClientWebChartRequiredElement {
+    /**
+     * Returns the pane title's text.
+     * Value: The pane title's text.
+     */
+    text: string;
+    /**
+     * Returns the value that defines how to align the pane title.
+     * Value: The string that defines alignment.
+     */
+    alignment: string;
+}
 /**
  * Represents the client-side equivalent of the Indicator class.
  */
@@ -31499,6 +33288,11 @@ interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
      * Value: A String value, specifying the color of a crosshair value line.
      */
     valueLineColor: string;
+    /**
+     * Gets the value specifying how the Crosshair Cursor's lines snap to points when hovering on them.
+     * Value: The value that specifies how lines snap.
+     */
+    linesMode: string;
 }
 /**
  * The chart print options storage.
@@ -31594,6 +33388,15 @@ interface ASPxClientChartPrintOptions {
      * @param customPaperName A String object, specifying the name of the custom paper width-height ratio.
      */
     SetCustomPaperName(customPaperName: string): void;
+    /**
+     * Returns the value that defines whether to display the crosshair on the printed or exported chart.
+     */
+    GetPrintCrosshair(): boolean;
+    /**
+     * Specifies the value that defines whether to display the crosshair on the printed or exported chart.
+     * @param printCrosshair true, if the crosshair should be printed or exported; otherwise, false.
+     */
+    SetPrintCrosshair(printCrosshair: boolean): void;
 }
 /**
  * Represents the client-side equivalent of the CustomLegendItem class.
@@ -31783,7 +33586,7 @@ interface ASPxClientQueryBuilder extends ASPxClientControl {
      */
     Save(): void;
     /**
-     * Invokes a Data Preview for the current query.
+     * Invokes a Previewing Results for the current query.
      */
     ShowPreview(): void;
     /**
@@ -31893,6 +33696,7 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Occurs when a report tab was closed in the Web Report Designer.
      */
     ReportTabClosed: ASPxClientEvent<ASPxClientReportDesignerReportTabClosedEventHandler<ASPxClientReportDesigner>>;
+    TabChanged: ASPxClientEvent<ASPxClientReportDesignerTabChangedEventHandler<ASPxClientReportDesigner>>;
     /**
      * Occurs on the client each time a server-side error raises.
      */
@@ -31921,6 +33725,7 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Enables you to customize the Toolbox of the Web Report Designer.
      */
     CustomizeToolbox: ASPxClientEvent<ASPxClientReportDesignerCustomizeToolboxEventHandler<ASPxClientReportDesigner>>;
+    CustomizeFieldListActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeFieldListActionsEventHandler<ASPxClientReportDesigner>>;
     /**
      * Occurs after a report has been switched to Print Preview.
      */
@@ -31957,6 +33762,7 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Occurs before the Web Report Designer UI is initialized.
      */
     BeforeRender: ASPxClientEvent<ASPxClientReportDesignerBeforeRenderEventHandler<ASPxClientReportDesigner>>;
+    PreviewCustomizeExportOptions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeExportOptionsEventHandler<ASPxClientReportDesigner>>;
     /**
      * Sends a callback to the server with the specified argument.
      * @param arg A String value, specifying the callback argument.
@@ -32005,6 +33811,19 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
      */
     IsModified(): boolean;
+    GetCurrentTab(): ASPxDesignerNavigateTab;
+    GetTabs(): ASPxDesignerNavigateTab[];
+    /**
+     * 
+     * @param tab 
+     */
+    CloseTab(tab: ASPxDesignerNavigateTab): void;
+    /**
+     * 
+     * @param tab 
+     * @param force 
+     */
+    CloseTab(tab: ASPxDesignerNavigateTab, force: boolean): void;
     /**
      * Resets the value returned by the IsModified method.
      */
@@ -32239,6 +34058,10 @@ interface ASPxClientReportDesignerCustomizeToolboxEventArgs extends ASPxClientEv
      */
     ControlsFactory: ASPxDesignerControlsFactory;
 }
+interface ASPxClientReportDesignerCustomizeFieldListActionsEventArgs extends ASPxClientEventArgs {
+    Item: Object;
+    Actions: Object[];
+}
 /**
  * A method that will handle the CustomizeMenuActions event.
  */
@@ -32360,6 +34183,14 @@ interface ASPxClientReportDesignerReportTabClosedEventHandler<S> {
      */
     (source: S, e: ASPxClientReportDesignerTabEventArgs): void;
 }
+interface ASPxClientReportDesignerTabChangedEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientReportDesignerTabEventArgs): void;
+}
 /**
  * A method that will handle the OnServerError event.
  */
@@ -32426,6 +34257,14 @@ interface ASPxClientReportDesignerCustomizeToolboxEventHandler<S> {
      */
     (source: S, e: ASPxClientReportDesignerCustomizeToolboxEventArgs): void;
 }
+interface ASPxClientReportDesignerCustomizeFieldListActionsEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeFieldListActionsEventArgs): void;
+}
 /**
  * A method that will handle the CustomizeLocalization event.
  */
@@ -32512,11 +34351,7 @@ interface ASPxDesignerNavigateTab {
      * Value: A knockout computed string that specifies the tab's display name.
      */
     displayName: any;
-    /**
-     * Provides access to a value that specifies whether or not the report in the current tab has been changed.
-     * Value: A knockout computed boolean object, whose value is true if the report has been modified, and false otherwise.
-     */
-    isDirty: any;
+    isModified: any;
     /**
      * Provides access to a report opened in the current tab.
      * Value: A knockout observable object that specifies a report opened in the current tab.
@@ -32532,6 +34367,8 @@ interface ASPxDesignerNavigateTab {
      * Value: A knockout observable string that specifies the report URL.
      */
     url: any;
+    resetIsModified(): void;
+    refresh(): void;
 }
 /**
  * A model of dialogs used to save and open reports in the Web Report Designer.
@@ -32696,6 +34533,74 @@ interface ASPxDesignerToolboxItem {
      */
     isToolboxItem: boolean;
 }
+/**
+ * Provides information required to serialize an element.
+ */
+interface ASPxDesignerElementSerializationInfo {
+    /**
+     * Gets the property name that will be used in the model to store the property value.
+     * Value: A String value.
+     */
+    propertyName: string;
+    /**
+     * Gets the property name in the model that is displayed in the Property grid.
+     * Value: A String value.
+     */
+    displayName: string;
+    /**
+     * Gets the property name that will be used during serialization to store the property value.
+     * Value: A String value.
+     */
+    modelName: string;
+    /**
+     * Gets the default property value used for serialization.
+     * Value: A Object value.
+     */
+    defaultVal: Object;
+    /**
+     * Gets the information about a complex object's content.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Gets a value indicating whether or not the property returns an array.
+     * Value: true if the property returns an array; otherwise false.
+     */
+    array: boolean;
+    /**
+     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
+     * Value: true to serialize an object to the ObjectStorage; otherwise false.
+     */
+    link: boolean;
+    /**
+     * Gets a value specifying the type of value editor for the Property Grid.
+     * Value: An ASPxDesignerElementEditor object.
+     */
+    editor: ASPxDesignerElementEditor;
+    /**
+     * Gets the collection of values displayed in the Property grid.
+     * Value: An array of ASPxDesignerElementEditorItem objects.
+     */
+    valuesArray: ASPxDesignerElementEditorItem[];
+    /**
+     * Gets the rules for validating the property value entered into its editor.
+     * Value: An array of Object values.
+     */
+    validationRules: Object[];
+    /**
+     * Gets the visibility state of the value editor in the Property Grid.
+     * Value: A Object value.
+     */
+    visible: Object;
+    /**
+     * Gets a value, indicating whether or not the property value can be edited.
+     * Value: true to disable the property editing; otherwise false.
+     */
+    disabled: Object;
+}
+interface ASPxDesignerElementSerializationInfoWithBindings extends ASPxDesignerElementSerializationInfo {
+    bindingName: string;
+}
 /**
  * Enables you to customize controls available in the Toolbox of the Web Report Designer.
  */
@@ -32722,6 +34627,33 @@ interface ASPxDesignerControlsFactory {
      * @param propertyDisplayName A string that specifies the property display name.
      */
     getPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * 
+     * @param controlType 
+     * @param propertyName 
+     * @param events 
+     * @param group 
+     * @param objectProperties 
+     */
+    setExpressionBinding(controlType: string, propertyName: string, events: string[], group: string, objectProperties: string[]): void;
+    /**
+     * 
+     * @param controlType 
+     * @param propertyNames 
+     */
+    hideExpressionBindings(controlType: string, propertyNames: string[]): void;
+    /**
+     * 
+     * @param parentType 
+     * @param extendedOptions 
+     */
+    inheritControl(parentType: string, extendedOptions: ASPxDesignerToolboxItem): ASPxDesignerToolboxItem;
+    /**
+     * 
+     * @param options 
+     * @param isExpression 
+     */
+    createPopularBindingInfo(options: ASPxDesignerElementSerializationInfoWithBindings, isExpression?: boolean): ASPxDesignerElementSerializationInfoWithBindings;
 }
 /**
  * Provides information about a report parameter type.
@@ -32957,6 +34889,7 @@ interface ASPxClientMenuAction {
      * Value: A string that specifies the name of the CSS class.
      */
     imageClassName: string;
+    imageTemplateName: string;
     /**
      * Provides access to the action performed when a button is clicked.
      * Value: The specific action implementation.
@@ -33063,71 +34996,6 @@ interface ASPxDesignerElementParameterDescriptor {
      */
     visible: boolean;
 }
-/**
- * Provides information required to serialize an element.
- */
-interface ASPxDesignerElementSerializationInfo {
-    /**
-     * Gets the property name that will be used in the model to store the property value.
-     * Value: A String value.
-     */
-    propertyName: string;
-    /**
-     * Gets the property name in the model that is displayed in the Property grid.
-     * Value: A String value.
-     */
-    displayName: string;
-    /**
-     * Gets the property name that will be used during serialization to store the property value.
-     * Value: A String value.
-     */
-    modelName: string;
-    /**
-     * Gets the default property value used for serialization.
-     * Value: A Object value.
-     */
-    defaultVal: Object;
-    /**
-     * Gets the information about a complex object's content.
-     * Value: An array of ASPxDesignerElementSerializationInfo objects.
-     */
-    info: ASPxDesignerElementSerializationInfo[];
-    /**
-     * Gets a value indicating whether or not the property returns an array.
-     * Value: true if the property returns an array; otherwise false.
-     */
-    array: boolean;
-    /**
-     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
-     * Value: true to serialize an object to the ObjectStorage; otherwise false.
-     */
-    link: boolean;
-    /**
-     * Gets a value specifying the type of value editor for the Property Grid.
-     * Value: An ASPxDesignerElementEditor object.
-     */
-    editor: ASPxDesignerElementEditor;
-    /**
-     * Gets the collection of values displayed in the Property grid.
-     * Value: An array of ASPxDesignerElementEditorItem objects.
-     */
-    valuesArray: ASPxDesignerElementEditorItem[];
-    /**
-     * Gets the rules for validating the property value entered into its editor.
-     * Value: An array of Object values.
-     */
-    validationRules: Object[];
-    /**
-     * Gets the visibility state of the value editor in the Property Grid.
-     * Value: A Object value.
-     */
-    visible: Object;
-    /**
-     * Gets a value, indicating whether or not the property value can be edited.
-     * Value: true to disable the property editing; otherwise false.
-     */
-    disabled: Object;
-}
 /**
  * Provides information about a serialized property's value editor used in the Property Grid.
  */
@@ -33342,6 +35210,25 @@ interface ASPxClientPreviewClickEventArgs extends ASPxClientEventArgs {
      */
     GetBrickValue(key: string): string;
 }
+interface ASPxClientCustomizeExportOptionsEventArgs extends ASPxClientEventArgs {
+    HideExportOptionsPanel(): void;
+    /**
+     * 
+     * @param format 
+     */
+    HideFormat(format: Object): void;
+    /**
+     * 
+     * @param format 
+     * @param properties 
+     */
+    HideProperties(format: Object, properties: Object[]): void;
+    /**
+     * 
+     * @param format 
+     */
+    GetExportOptionsModel(format: Object): Object;
+}
 /**
  * Provides information about a visual brick used to render a report control to construct a document in the Web Document Viewer.
  */
@@ -33450,6 +35337,7 @@ interface ASPxClientWebDocumentViewer extends ASPxClientControl {
      * Occurs before the Web Document Viewer UI is initialized.
      */
     BeforeRender: ASPxClientEvent<ASPxClientWebDocumentViewerBeforeRenderEventHandler<ASPxClientWebDocumentViewer>>;
+    CustomizeExportOptions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeExportOptionsEventHandler<ASPxClientWebDocumentViewer>>;
     /**
      * Provides access to the Document Viewer's client-side model.
      */
@@ -33658,6 +35546,14 @@ interface ASPxClientWebDocumentViewerBeforeRenderEventHandler<S> {
      */
     (source: S, previewModel: Object): void;
 }
+interface ASPxClientWebDocumentViewerCustomizeExportOptionsEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCustomizeExportOptionsEventArgs): void;
+}
 /**
  * Provides information about the result of preforming a custom document operation on the client side.
  */
@@ -34034,8 +35930,17 @@ interface DashboardExportImageFormatStatic {
     Jpg: string;
 }
 interface ExcelExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
     none: string;
+    /**
+     * The filter state is placed below in the exported document.
+     */
     below: string;
+    /**
+     * The filter state is placed on a separate sheet in the exported workbook.
+     */
     separatePage: string;
 }
 interface DashboardExportExcelFormatStatic {
@@ -34694,6 +36599,9 @@ interface ASPxClientCardViewStatic extends ASPxClientGridBaseStatic {
      */
     Cast(obj: Object): ASPxClientCardView;
 }
+interface ASPxClientCardViewCallbackCommandStatic {
+    GroupBySelectorValue: string;
+}
 interface ASPxClientCardViewExportFormatStatic extends ASPxClientGridExportFormatStatic {
 }
 interface ASPxClientGridViewStatic extends ASPxClientGridBaseStatic {
@@ -35301,6 +37209,31 @@ interface ASPxClientRichEditStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientRichEdit;
 }
+interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
+}
+interface ASPxClientSchedulerStorageControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientScheduler;
+}
 interface ASPxSchedulerDateTimeHelperStatic {
     /**
      * Returns the date part of the specified DateTime value.
@@ -35331,36 +37264,15 @@ interface ASPxSchedulerDateTimeHelperStatic {
      */
     CeilDateTime(date: Date, spanInMs: any): Date;
 }
-interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
-}
-interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
-}
-interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
-}
-interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
-}
-interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
-}
-interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
-}
-interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
-}
-interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
-}
 interface ASPxClientTimeIntervalStatic {
     /**
-     * Gets the duration of a time interval between two points in time.
-     * @param start A DateTime object specifying the starting point of the time interval.
-     * @param end A DateTime object specifying the ending point of the time interval.
+     * Calculates the time interval duration.
+     * @param start A DateTime value that specifies the start date time value.
+     * @param end A DateTime value that specifies the end date time value.
      */
     CalculateDuration(start: Date, end: Date): number;
 }
-interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
-    /**
-     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
-     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
-     */
-    Cast(obj: Object): ASPxClientScheduler;
+interface ASPxClientDateNavigatorStatic extends ASPxClientControlStatic {
 }
 interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
     /**
@@ -35435,6 +37347,8 @@ interface BootstrapClientDateEditStatic extends ASPxClientDateEditStatic {
 }
 interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic {
 }
+interface BootstrapClientFileManagerStatic extends ASPxClientFileManagerStatic {
+}
 interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
 }
 interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
@@ -35457,6 +37371,10 @@ interface BootstrapClientPopupMenuStatic extends ASPxClientPopupMenuStatic {
 }
 interface BootstrapClientProgressBarStatic extends ASPxClientProgressBarStatic {
 }
+interface BootstrapClientRibbonStatic extends ASPxClientRibbonStatic {
+}
+interface BootstrapClientRichEditStatic extends ASPxClientRichEditStatic {
+}
 interface BootstrapClientSpinEditStatic extends ASPxClientSpinEditStatic {
 }
 interface BootstrapClientTimeEditStatic extends ASPxClientTimeEditStatic {
@@ -35484,7 +37402,7 @@ interface BootstrapClientUtilsStatic {
 }
 interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
 }
-interface BootstrapClientCardViewStatic extends ASPxClientGridViewStatic {
+interface BootstrapClientCardViewStatic extends ASPxClientCardViewStatic {
 }
 interface BootstrapUIWidgetBaseStatic extends ASPxClientControlStatic {
 }
@@ -35498,6 +37416,8 @@ interface BootstrapClientPieChartStatic extends BootstrapClientChartBaseStatic {
 }
 interface BootstrapClientRangeSelectorStatic extends BootstrapUIWidgetBaseStatic {
 }
+interface BootstrapClientSparklineStatic extends BootstrapUIWidgetBaseStatic {
+}
 interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -35617,6 +37537,8 @@ interface MVCxClientPopupControlStatic extends ASPxClientPopupControlStatic {
      */
     Cast(obj: Object): MVCxClientPopupControl;
 }
+interface MVCxClientQueryBuilderStatic extends ASPxClientQueryBuilderStatic {
+}
 interface MVCxClientDocumentViewerStatic extends ASPxClientDocumentViewerStatic {
 }
 interface MVCxClientReportViewerStatic extends ASPxClientReportViewerStatic {
@@ -35658,6 +37580,13 @@ interface MVCxSchedulerToolTipTypeStatic {
      */
     Selection: number;
 }
+interface MVCxClientSchedulerStorageStatic extends ASPxClientSchedulerStorageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSchedulerStorage;
+}
 interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -35949,6 +37878,24 @@ interface ASPxClientFileManagerCallbackCommandStatic {
     VirtualScrolling: string;
     GridViewVirtualScrolling: string;
 }
+interface ASPxClientFloatingActionButtonVerticalPositionStatic {
+    Bottom: string;
+    Top: string;
+    TopEdge: string;
+}
+interface ASPxClientFloatingActionButtonHorizontalPositionStatic {
+    LeftEdge: string;
+    Left: string;
+    Center: string;
+    Right: string;
+}
+interface ASPxClientFloatingActionButtonTextVisibilityModeStatic {
+    Always: string;
+    OnHover: string;
+    Hidden: string;
+}
+interface ASPxClientFloatingActionButtonStatic extends ASPxClientControlStatic {
+}
 interface ASPxClientFormLayoutStatic extends ASPxClientControlStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -36543,6 +38490,18 @@ interface ASPxClientUtilsStatic {
      * Gets the height of the window's client region.
      */
     GetDocumentClientHeight(): number;
+    /**
+     * 
+     * @param element 
+     * @param className 
+     */
+    AddClassNameToElement(element: Object, className: string): void;
+    /**
+     * 
+     * @param element 
+     * @param className 
+     */
+    RemoveClassNameFromElement(element: Object, className: string): void;
     /**
      * Gets a value indicating whether the object passed via the parentElement parameter is a parent of the object passed via the element parameter.
      * @param parentElement An object specifying the parent HTML element.
@@ -36647,6 +38606,7 @@ interface ASPxClientUtilsStatic {
      * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
      */
     GetEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+    SetEditorValues(values: Object): void;
     /**
      * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
      * @param message A String value that specifies a text.
@@ -36777,6 +38737,7 @@ declare var ASPxClientGridViewCallbackCommand: ASPxClientGridViewCallbackCommand
 declare var ASPxClientGridExportFormat: ASPxClientGridExportFormatStatic;
 declare var ASPxClientGridLookup: ASPxClientGridLookupStatic;
 declare var ASPxClientCardView: ASPxClientCardViewStatic;
+declare var ASPxClientCardViewCallbackCommand: ASPxClientCardViewCallbackCommandStatic;
 declare var ASPxClientCardViewExportFormat: ASPxClientCardViewExportFormatStatic;
 declare var ASPxClientGridView: ASPxClientGridViewStatic;
 declare var ASPxClientGridViewExportFormat: ASPxClientGridViewExportFormatStatic;
@@ -36789,7 +38750,6 @@ declare var ASPxClientHtmlEditorMediaPreloadMode: ASPxClientHtmlEditorMediaPrelo
 declare var ASPxClientPivotGrid: ASPxClientPivotGridStatic;
 declare var ASPxClientPivotCustomization: ASPxClientPivotCustomizationStatic;
 declare var ASPxClientRichEdit: ASPxClientRichEditStatic;
-declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
 declare var ASPxClientWeekDaysCheckEdit: ASPxClientWeekDaysCheckEditStatic;
 declare var ASPxClientRecurrenceRangeControl: ASPxClientRecurrenceRangeControlStatic;
 declare var ASPxClientRecurrenceControlBase: ASPxClientRecurrenceControlBaseStatic;
@@ -36798,8 +38758,11 @@ declare var ASPxClientWeeklyRecurrenceControl: ASPxClientWeeklyRecurrenceControl
 declare var ASPxClientMonthlyRecurrenceControl: ASPxClientMonthlyRecurrenceControlStatic;
 declare var ASPxClientYearlyRecurrenceControl: ASPxClientYearlyRecurrenceControlStatic;
 declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
-declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientSchedulerStorageControl: ASPxClientSchedulerStorageControlStatic;
 declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
+declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
+declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientDateNavigator: ASPxClientDateNavigatorStatic;
 declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
 declare var ASPxClientSpellCheckerStopCheckingReason: ASPxClientSpellCheckerStopCheckingReasonStatic;
 declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
@@ -36815,6 +38778,7 @@ declare var BootstrapClientRadioButton: BootstrapClientRadioButtonStatic;
 declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
 declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
 declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
+declare var BootstrapClientFileManager: BootstrapClientFileManagerStatic;
 declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
 declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
 declare var BootstrapClientImage: BootstrapClientImageStatic;
@@ -36826,6 +38790,8 @@ declare var BootstrapClientPager: BootstrapClientPagerStatic;
 declare var BootstrapClientPopupControl: BootstrapClientPopupControlStatic;
 declare var BootstrapClientPopupMenu: BootstrapClientPopupMenuStatic;
 declare var BootstrapClientProgressBar: BootstrapClientProgressBarStatic;
+declare var BootstrapClientRibbon: BootstrapClientRibbonStatic;
+declare var BootstrapClientRichEdit: BootstrapClientRichEditStatic;
 declare var BootstrapClientSpinEdit: BootstrapClientSpinEditStatic;
 declare var BootstrapClientTimeEdit: BootstrapClientTimeEditStatic;
 declare var BootstrapClientTabControl: BootstrapClientTabControlStatic;
@@ -36846,6 +38812,7 @@ declare var BootstrapClientChart: BootstrapClientChartStatic;
 declare var BootstrapClientPolarChart: BootstrapClientPolarChartStatic;
 declare var BootstrapClientPieChart: BootstrapClientPieChartStatic;
 declare var BootstrapClientRangeSelector: BootstrapClientRangeSelectorStatic;
+declare var BootstrapClientSparkline: BootstrapClientSparklineStatic;
 declare var MVCxClientCalendar: MVCxClientCalendarStatic;
 declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
 declare var MVCxClientCardView: MVCxClientCardViewStatic;
@@ -36863,6 +38830,7 @@ declare var MVCxClientListBox: MVCxClientListBoxStatic;
 declare var MVCxClientNavBar: MVCxClientNavBarStatic;
 declare var MVCxClientPivotGrid: MVCxClientPivotGridStatic;
 declare var MVCxClientPopupControl: MVCxClientPopupControlStatic;
+declare var MVCxClientQueryBuilder: MVCxClientQueryBuilderStatic;
 declare var MVCxClientDocumentViewer: MVCxClientDocumentViewerStatic;
 declare var MVCxClientReportViewer: MVCxClientReportViewerStatic;
 declare var MVCxClientReportDesigner: MVCxClientReportDesignerStatic;
@@ -36870,6 +38838,7 @@ declare var MVCxClientRichEdit: MVCxClientRichEditStatic;
 declare var MVCxClientRoundPanel: MVCxClientRoundPanelStatic;
 declare var MVCxClientScheduler: MVCxClientSchedulerStatic;
 declare var MVCxSchedulerToolTipType: MVCxSchedulerToolTipTypeStatic;
+declare var MVCxClientSchedulerStorage: MVCxClientSchedulerStorageStatic;
 declare var MVCxClientSpreadsheet: MVCxClientSpreadsheetStatic;
 declare var MVCxClientPageControl: MVCxClientPageControlStatic;
 declare var MVCxClientTokenBox: MVCxClientTokenBoxStatic;
@@ -36896,6 +38865,10 @@ declare var ASPxClientFileManager: ASPxClientFileManagerStatic;
 declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandConstsStatic;
 declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
 declare var ASPxClientFileManagerCallbackCommand: ASPxClientFileManagerCallbackCommandStatic;
+declare var ASPxClientFloatingActionButtonVerticalPosition: ASPxClientFloatingActionButtonVerticalPositionStatic;
+declare var ASPxClientFloatingActionButtonHorizontalPosition: ASPxClientFloatingActionButtonHorizontalPositionStatic;
+declare var ASPxClientFloatingActionButtonTextVisibilityMode: ASPxClientFloatingActionButtonTextVisibilityModeStatic;
+declare var ASPxClientFloatingActionButton: ASPxClientFloatingActionButtonStatic;
 declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
 declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
 declare var ASPxClientHint: ASPxClientHintStatic;
diff --git a/types/devexpress-web/tslint.json b/types/devexpress-web/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/devexpress-web/tslint.json
+++ b/types/devexpress-web/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/devexpress-web/v161/tslint.json b/types/devexpress-web/v161/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/devexpress-web/v161/tslint.json
+++ b/types/devexpress-web/v161/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/devexpress-web/v162/tslint.json b/types/devexpress-web/v162/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/devexpress-web/v162/tslint.json
+++ b/types/devexpress-web/v162/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/devexpress-web/v171/tslint.json b/types/devexpress-web/v171/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/devexpress-web/v171/tslint.json
+++ b/types/devexpress-web/v171/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/devexpress-web/v172/devexpress-web-tests.ts b/types/devexpress-web/v172/devexpress-web-tests.ts
new file mode 100644
index 0000000000..ef7eb8de37
--- /dev/null
+++ b/types/devexpress-web/v172/devexpress-web-tests.ts
@@ -0,0 +1,418 @@
+declare var hiddenField: ASPxClientHiddenField;
+declare var mainCallbackPanel: ASPxClientCallbackPanel;
+declare var loginPopup: ASPxClientPopupControl;
+declare var searchButton: ASPxClientButton;
+declare var searchComboBox: ASPxClientComboBox;
+declare var roomsNumberSpinEdit: ASPxClientSpinEdit;
+declare var adultsNumberSpinEdit: ASPxClientSpinEdit; 
+declare var childrenNumberSpinEdit: ASPxClientSpinEdit;
+declare var checkInDateEdit: ASPxClientDateEdit;
+declare var checkOutDateEdit: ASPxClientDateEdit;
+declare var backSlider: ASPxClientImageSlider;
+declare var locationComboBox: ASPxClientComboBox;
+declare var nightyRateTrackBar: ASPxClientTrackBar;
+declare var customerRatingTrackBar: ASPxClientTrackBar;
+declare var ourRatingCheckBoxList: ASPxClientCheckBoxList;
+declare var startFilterPopupControl: ASPxClientPopupControl;
+declare var imagePopupControl: ASPxClientPopupControl;
+declare var emailTextBox: ASPxClientTextBox;
+declare var creditCardEmailTextBox: ASPxClientTextBox;
+declare var accountEmailTextBox: ASPxClientTextBox;
+declare var bookingPageControl: ASPxClientPageControl;
+declare var paymentTypePageControl: ASPxClientPageControl;
+declare var offerFormPopup: ASPxClientPopupControl;
+declare var roomsSpinEdit: ASPxClientSpinEdit;
+declare var adultsSpinEdit: ASPxClientSpinEdit;
+declare var childrenSpinEdit: ASPxClientSpinEdit;
+declare var hotelDetailsCallbackPanel: ASPxClientCallbackPanel;
+declare var leftPanel: ASPxClientPanel;
+declare var menuButton: ASPxClientButton;
+declare var aboutWindow: ASPxClientPopupControl;
+declare var offersZone: ASPxClientDockZone;
+
+module DXDemo {
+    function showPage(page: string, params: { [key: string]: any }, skipHistory?: boolean): void {
+        var queryString = getQueryString(params || {});
+        hiddenField.Set("page", page);
+        hiddenField.Set("parameters", queryString);
+        hideMenu();
+        var uri = queryString.length ? (page + "?" + queryString) : page;
+        try {
+            if (!skipHistory && window.history && window.history.pushState)
+                window.history.pushState(uri, "", uri || "Default.aspx");
+        } catch (e) { }
+        mainCallbackPanel.PerformCallback(uri);
+    };
+
+    export function onMainMenuItemClick(s: ASPxClientMenu, e: ASPxClientMenuItemClickEventArgs): void {
+        switch (e.item.name) {
+            case "login":
+                hideMenu();
+                setTimeout(function () { loginPopup.ShowAtElementByID("MainCallbackPanel_ContentPane"); }, 300);
+                break;
+            case "offers":
+                showPage("SpecialOffers", {});
+                break;
+            default:
+                hideMenu();
+                setTimeout(function () { showAboutWindow(); }, 300);
+                break;
+        }
+    };
+
+    export function onLoginButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        loginPopup.Hide();
+        showAboutWindow();
+    };
+
+    export function onSearchButtonClick(): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            showPage("ShowHotels", {
+                location: searchComboBox.GetValue(),
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsNumberSpinEdit.GetValue() || 1,
+                adults: adultsNumberSpinEdit.GetValue() || 1,
+                children: childrenNumberSpinEdit.GetValue() || 0
+            });
+        }
+    };
+
+    export function onSearchComboBoxIndexChanged(s: ASPxClientComboBox, e: ASPxClientProcessingModeEventArgs): void {
+        hideMenu();
+        searchButton.AdjustControl();
+    };
+
+    export function onIndexOfferCloseClick(index: number): void {
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + index);
+        var sibPanel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + (index == 1 ? 2 : 1));
+        panel.Hide();
+        sibPanel.MakeFloat();
+        sibPanel.SetWidth(offersZone.GetWidth());
+        sibPanel.Dock(offersZone);
+    };
+
+    export function onLogoClick(): void {
+        showPage("", null, false);
+    };
+
+    export function onMenuNavButtonCheckedChanged(s: ASPxClientCheckBox, e: ASPxClientProcessingModeEventArgs): void {
+        var mainContainer = mainCallbackPanel.GetMainElement();
+        if (s.GetChecked()) {
+            backSlider.Pause();
+            showMenu();
+        }
+        else {
+            hideMenu();
+            backSlider.Play();
+        }
+    };
+
+    export function onBackNavButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        var params = getCurrentQueryParams();
+        switch (getCurrentPage()) {
+            case "PrintInvoice":
+                showPage("Booking", params, false);
+                break;
+            case "Booking":
+                if (bookingPageControl.GetActiveTabIndex() > 0)
+                    bookingPageControl.SetActiveTabIndex(bookingPageControl.GetActiveTabIndex() - 1);
+                else
+                    showPage("ShowRooms", params, false);
+                break;
+            case "ShowRooms":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowDetails":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowHotels":
+            case "SpecialOffers":
+                showPage("", null, false);
+                break;
+        }
+    };
+
+    export function updateSearchResults(): void {
+        var params = getCurrentQueryParams();
+        params["location"] = locationComboBox.GetValue();
+        params["minprice"] = nightyRateTrackBar.GetPositionStart();
+        params["maxprice"] = nightyRateTrackBar.GetPositionEnd();
+        params["custrating"] = customerRatingTrackBar.GetPosition();
+        params["ourrating"] = ourRatingCheckBoxList.GetSelectedValues().join(",");
+        showPage("ShowHotels", params);
+    };
+
+    export function onBookHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onDetailsHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onShowStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        startFilterPopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    export function onChangeStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var params = getCurrentQueryParams();
+            params["checkin"] = getFormattedDate(<Date>checkInDateEdit.GetValue());
+            params["checkout"] = getFormattedDate(<Date>checkOutDateEdit.GetValue());
+            params["rooms"] = roomsNumberSpinEdit.GetValue() || 1;
+            params["adults"] = adultsNumberSpinEdit.GetValue() || 1;
+            params["children"] = childrenNumberSpinEdit.GetValue() || 0;
+            startFilterPopupControl.Hide();
+            showPage(hiddenField.Get("page").toString(), params);
+        }
+    };
+
+    export function onBookRoomButtonClick(roomID: string): void {
+        var params = getCurrentQueryParams();
+        params["roomID"] = roomID;
+        showPage("Booking", params);
+    };
+
+    export function onShowRoomsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onShowDetailsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onRoomImageNavItemClick(roomID: string, pictureName: string): void {
+        setTimeout(function () {
+            imagePopupControl.PerformCallback(roomID + "|" + pictureName);
+            imagePopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+        }, 500);
+    };
+
+    export function onRoomsNavBarExpandedChanged(s: ASPxClientNavBar, e: ASPxClientNavBarGroupEventArgs): void {
+        ASPxClientControl.AdjustControls(s.GetMainElement());
+    };
+
+    export function onNextBookingStepButtonClick(step: number): void {
+        var valid = true;
+        var validationGroup = "";
+        if (step == 1)
+            validationGroup = "Account";
+        if (step == 2)
+            validationGroup = "RoomDetails";
+        if (step == 3)
+            validationGroup = "PaymentDetails";
+
+        switch (step) {
+            case 1:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Account");
+                if (valid) {
+                    emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    creditCardEmailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    showPage("Booking", getCurrentQueryParams());
+                    return;
+                }
+                break;
+            case 2:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "RoomDetails");
+                emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                break;
+            case 3:
+                var paymentType = paymentTypePageControl.GetActiveTabIndex();
+                if (paymentType == 0)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "CreditCard");
+                else if (paymentType == 1)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Cash");
+                else if (paymentType == 2)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "PayPal");
+                break;
+        }
+        if (valid) {
+            bookingPageControl.GetTab(step).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(step);
+        }
+    };
+
+    export function onAccountCaptchaHiddenFieldInit(s: ASPxClientHiddenField, e: ASPxClientEventArgs): void {
+        if (s.Get("IsCaptchaValid")) {
+            bookingPageControl.GetTab(1).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(1);
+        }
+    };
+
+    export function onFinishBookingStepButtonClick(): void {
+        showAboutWindow();
+    };
+
+    export function OnPrintInvoiceButtonClick(): void {
+        showPage("PrintInvoice", getCurrentQueryParams());
+    };
+
+    export function onOfferClick(offerID: string): void {
+        offerFormPopup.SetContentHtml("");
+        offerFormPopup.PerformCallback(offerID);
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + offerID);
+        var panelElement = <HTMLElement>panel.GetMainElement();
+        if (panelElement.offsetWidth < 330 || panelElement.offsetHeight < 250) {
+            offerFormPopup.SetWidth(400);
+            offerFormPopup.SetHeight(280);
+            offerFormPopup.ShowAtElementByID("SpecialOffersContainer");
+        }
+        else {
+            offerFormPopup.SetWidth(panelElement.offsetWidth);
+            offerFormPopup.SetHeight(panelElement.offsetHeight);
+            offerFormPopup.ShowAtElement(panelElement);
+        }
+    };
+
+    export function onSpecialOfferCheckButtonClick(hotelID: string, locationID: string): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var queryParams: { [key: string]: any } = {
+                location: locationID,
+                hotelID: hotelID,
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsSpinEdit.GetValue() || 1,
+                adults: adultsSpinEdit.GetValue() || 1,
+                children: childrenSpinEdit.GetValue() || 0
+            };
+            showPage("ShowRooms", queryParams);
+        }
+    };
+
+    export function onIndexOfferClick(): void {
+        showPage("SpecialOffers", {});
+    };
+
+    export function onControlsInit(): void {
+        ASPxClientUtils.AttachEventToElement(window, 'popstate', onHistoryPopState);
+        var pathParts = document.location.href.split("/");
+        var url = pathParts[pathParts.length - 1];
+        try {
+            if (window.history)
+                window.history.replaceState(url, "");
+        } catch (e) { }
+        ASPxClientUtils.AttachEventToElement(window, "resize", onWindowResize);
+        if (ASPxClientUtils.iOSPlatform) {
+            // animate
+        }
+    };
+
+    export function updateRatingLabels(ratingControl: ASPxClientTrackBar) {
+        var start = ratingControl.GetPositionStart().toString();
+        var end = ratingControl.GetPositionEnd().toString();
+        document.getElementById("cpLeftLabelID").innerHTML = start + " " + end;
+    };
+
+    export function onRatingControlItemClick(s: ASPxClientRatingControl, e: ASPxClientRatingControlItemClickEventArgs): void {
+        hotelDetailsCallbackPanel.PerformCallback(s.GetValue().toString());
+    };
+
+    export function onInputKeyDown(s: ASPxClientTextBox, e: ASPxClientEditKeyEventArgs): void {
+        var keyCode = ASPxClientUtils.GetKeyCode(e.htmlEvent);
+        if (keyCode == 13)
+            (<HTMLElement>s.GetInputElement()).blur();
+    };
+
+    function getCurrentPage(): string {
+        var hfPage = <string>hiddenField.Get("page");
+        if (hfPage)
+            return hfPage;
+        var pathParts = document.location.pathname.split("/");
+        return pathParts[pathParts.length - 1];
+    };
+
+    function showAboutWindow(): void {
+        aboutWindow.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    function hideMenu(): void {
+        leftPanel.Collapse();
+        if (menuButton.GetMainElement() && menuButton.GetChecked())
+            menuButton.SetChecked(false);
+    };
+
+    function showMenu(): void {
+        leftPanel.Expand();
+    };
+
+    var _resizeSpecialOffersTimeoutID = -1;
+    function onWindowResize(): void {
+        switch (<string>hiddenField.Get("page")) {
+            case "SpecialOffers":
+                if (_resizeSpecialOffersTimeoutID == -1)
+                    _resizeSpecialOffersTimeoutID = setTimeout(resizeSpecialOffers, 200);
+                break;
+        }
+        hidePopups("AboutWindow", "StartFilterPopupControl", "LoginPopup", "OfferFormPopup", "ImagePopupControl");
+    };
+
+    function hidePopups(...names: string[]): void {
+        for (var i = 0; i < names.length; i++) {
+            var popupControl = <ASPxClientPopupControl>ASPxClientControl.GetControlCollection().GetByName(names[i]);
+            popupControl.Hide();
+        }
+    };
+
+    function resizeSpecialOffers(): void {
+        for (var i = 1; i <= 4; i++) {
+            var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + i);
+            if (panel && panel.IsVisible()) {
+                var zone = panel.GetOwnerZone();
+                zone.SetWidth((<HTMLElement>(<HTMLElement>zone.GetMainElement()).parentNode).offsetWidth)
+            }
+        }
+        _resizeSpecialOffersTimeoutID = -1;
+    };
+
+    function getFormattedDate(date: Date): string {
+        return (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
+    };
+
+    function getCurrentQueryParams(): { [key:string]: any } {
+        var hfParams = <string>hiddenField.Get("parameters");
+        if (hfParams)
+            return getParamsByQueryString(hfParams);
+        var query = document.location.search;
+        if (query[0] === "?")
+            query = query.substr(1);
+        return getParamsByQueryString(query);
+    };
+
+    function getQueryString(params: { [key:string]: any }): string {
+        var queryItems: any[] = [];
+        for (var key in params) {
+            if (!params.hasOwnProperty(key)) continue;
+            queryItems.push(key + "=" + params[key]);
+        }
+        if (queryItems.length > 0)
+            return queryItems.join("&");
+        return "";
+    };
+
+    function getParamsByQueryString(queryString: string): { [key: string]: string } {
+        var result: { [key: string]: any } = {};
+        if (queryString) {
+            var queryStringArray = queryString.split("&");
+            for (var i = 0; i < queryStringArray.length; i++) {
+                var part = queryStringArray[i].split('=');
+                if (part.length != 2) continue;
+                result[part[0]] = decodeURIComponent(part[1].replace(/\+/g, " "));
+            }
+        }
+        return result;
+    };
+
+    function onHistoryPopState(evt: any): void {
+        if (evt.state !== null && evt.state !== undefined) {
+            var uriParts = evt.state.split("?");
+            showPage(uriParts[0], getParamsByQueryString(uriParts[1]), true);
+        }
+    };
+}
\ No newline at end of file
diff --git a/types/devexpress-web/v172/index.d.ts b/types/devexpress-web/v172/index.d.ts
new file mode 100644
index 0000000000..9b29d9e0db
--- /dev/null
+++ b/types/devexpress-web/v172/index.d.ts
@@ -0,0 +1,36943 @@
+// Type definitions for DevExpress ASP.NET v172.6
+// Project: http://devexpress.com/
+// Definitions by: DevExpress Inc. <http://devexpress.com/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="knockout"/>
+/// <reference types="jquery"/>
+
+/**
+ * A client-side counterpart of the DashboardViewer extension.
+ */
+interface MVCxClientDashboardViewer extends ASPxClientDashboardViewer {
+}
+/**
+ * Represents a list of records from the dashboard data source.
+ */
+interface ASPxClientDashboardItemUnderlyingData {
+    /**
+     * Gets the number of rows in the underlying data set.
+     */
+    GetRowCount(): number;
+    /**
+     * Returns the value of the specified cell within the underlying data set.
+     * @param rowIndex An integer value that specifies the zero-based index of the required row.
+     * @param dataMember A String that specifies the required data member.
+     */
+    GetRowValue(rowIndex: number, dataMember: string): Object;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Returns whether or not a request for underlying data was successful.
+     */
+    IsDataReceived(): boolean;
+    /**
+     * Returns a callstack containing the error caused by an unsuccessful request for underlying data.
+     */
+    GetRequestDataError(): string;
+}
+/**
+ * Contains parameters used to obtain the underlying data for the dashboard item.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataParameters {
+    /**
+     * Gets or sets an array of data member identifiers used to obtain underlying data.
+     * Value: An array of string values that specify data member identifiers.
+     */
+    DataMembers: string[];
+    /**
+     * Gets or sets axis points used to obtain the underlying data.
+     * Value: An array of ASPxClientDashboardItemDataAxisPoint objects that represent axis points.
+     */
+    AxisPoints: ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets or sets the dimension value used to obtain the underlying data.
+     * Value: The dimension value.
+     */
+    ValuesByAxisName: Object;
+    /**
+     * Gets or sets the unique dimension value used to obtain the underlying data.
+     * Value: The unique dimension value.
+     */
+    UniqueValuesByAxisName: Object;
+}
+/**
+ * References a method executed after an asynchronous request is complete.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataCompleted {
+    /**
+     * References a method executed after an asynchronous request is completed.
+     * @param data An ASPxClientDashboardItemUnderlyingData object that represents a list of records from the dashboard data source.
+     */
+    (data: ASPxClientDashboardItemUnderlyingData): void;
+}
+/**
+ * References a method that will handle the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventHandler<S> {
+    /**
+     * References a method that will handle the ItemClick events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item for which the event has been raised.
+     * Value: A string value that is the dashboard item name.
+     */
+    ItemName: string;
+    /**
+     * Gets the dashboard item's client data.
+     */
+    GetData(): ASPxClientDashboardItemData;
+    /**
+     * Returns the axis point corresponding to the clicked visual element.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Gets measures corresponding to the clicked visual element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets deltas corresponding to the clicked visual element.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Requests underlying data corresponding to the clicked visual element.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     * @param dataMembers (Optional) An array of string values that specify data members used to obtain underlying data. If this parameter is not specified, underlying data for all available data members will be requested.
+     */
+    RequestUnderlyingData(onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted, dataMembers: string[]): void;
+}
+/**
+ * References a method that will handle the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventHandler<S> {
+    /**
+     * References a method that will handle the ItemVisualInteractivity events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemVisualInteractivityEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemVisualInteractivityEventArgs): void;
+}
+/**
+ * Provides data for the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets the selection mode for dashboard item elements.
+     */
+    GetSelectionMode(): string;
+    /**
+     * Sets the selection mode for dashboard item elements.
+     * @param selectionMode A String that specifies the selection mode.
+     */
+    SetSelectionMode(selectionMode: string): void;
+    /**
+     * Returns whether or not highlighting is enabled for the current dashboard item.
+     */
+    IsHighlightingEnabled(): boolean;
+    /**
+     * Enables highlighting for the current dashboard item.
+     * @param enableHighlighting true, to enable highlighting; otherwise, false.
+     */
+    EnableHighlighting(enableHighlighting: boolean): void;
+    /**
+     * Gets data axes used to perform custom interactivity actions.
+     */
+    GetTargetAxes(): string[];
+    /**
+     * Sets data axes used to perform custom interactivity actions.
+     * @param targetAxes An array of String objects that specify names of data axes.
+     */
+    SetTargetAxes(targetAxes: string[]): void;
+    /**
+     * Gets the default selection for the current dashboard item.
+     */
+    GetDefaultSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Sets the default selection for the current dashboard item.
+     * @param values An array of ASPxClientDashboardItemDataAxisPointTuple objects specifying axis point tuples used to select default elements.
+     */
+    SetDefaultSelection(values: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+}
+/**
+ * References a method that will handle the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemSelectionChanged events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemSelectionChangedEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets currently selected elements.
+     */
+    GetCurrentSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+}
+/**
+ * References a method that will handle the ItemElementCustomColor event.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventHandler<S> {
+    /**
+     * References a method that will handle the ItemElementCustomColor events.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemElementCustomColorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemElementCustomColorEventArgs): void;
+}
+/**
+ * Provides data for the ItemElementCustomColor events.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item for which the event was raised.
+     */
+    ItemName: string;
+    /**
+     * Gets the axis point tuple that corresponds to the current dashboard item element.
+     */
+    GetTargetElement(): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Gets the color of the current dashboard item element.
+     */
+    GetColor(): string;
+    /**
+     * Sets the color of the current dashboard item element.
+     * @param color A String that specifies the color of the current dashboard item element.
+     */
+    SetColor(color: string): void;
+    /**
+     * Gets measures corresponding to the current dashboard item element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+}
+/**
+ * References a method that will handle the ItemWidgetCreated events.
+ */
+interface ASPxClientDashboardItemWidgetCreatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetCreated events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdating event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatingEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdating event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdated event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemBeforeWidgetDisposed events.
+ */
+interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeforeWidgetDisposed events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * Provides data for events related to client widgets used to visualize data in dashboard items.
+ */
+interface ASPxClientDashboardItemWidgetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns an underlying widget corresponding to the current dashboard item.
+     */
+    GetWidget(): Object;
+}
+/**
+ * Represents multidimensional data visualized in the dashboard item.
+ */
+interface ASPxClientDashboardItemData {
+    /**
+     * Gets the names of the axes that constitute the current ASPxClientDashboardItemData.
+     */
+    GetAxisNames(): string[];
+    /**
+     * Returns the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxis(axisName: string): ASPxClientDashboardItemDataAxis;
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the measures for the current ASPxClientDashboardItemData object.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets the deltas for the current ASPxClientDashboardItemData object.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point tuple.
+     * @param tuple A ASPxClientDashboardItemDataAxisPointTuple object that is a tuple of axis points.
+     */
+    GetSlice(tuple: ASPxClientDashboardItemDataAxisPointTuple): ASPxClientDashboardItemData;
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point.
+     * @param axisPoint An ASPxClientDashboardItemDataAxisPoint object that is the data point in a multidimensional space.
+     */
+    GetSlice(axisPoint: ASPxClientDashboardItemDataAxisPoint): ASPxClientDashboardItemData;
+    /**
+     * Returns a total summary value for the specified measure.
+     * @param measureId A String that is the measure identifier.
+     */
+    GetMeasureValue(measureId: string): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the summary value for the specified delta.
+     * @param deltaId A String that is the data item identifier.
+     */
+    GetDeltaValue(deltaId: string): ASPxClientDashboardItemDataDeltaValue;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Creates a tuple based on the specified axes names and corresponding values.
+     * @param values An array of name-value pairs containing the axis name and corresponding values.
+     */
+    CreateTuple(values: Object[]): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Creates a tuple based on the specified axis points.
+     * @param axisPoints An array of ASPxClientDashboardItemDataAxisPoint objects that specify axis points belonging to different data axes.
+     */
+    CreateTuple(axisPoints: ASPxClientDashboardItemDataAxisPoint[]): ASPxClientDashboardItemDataAxisPointTuple;
+}
+/**
+ * An axis that contains data points corresponding to the specified value hierarchy.
+ */
+interface ASPxClientDashboardItemDataAxis {
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points belonging to the current axis.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the root axis point belonging to the current ASPxClientDashboardItemDataAxis.
+     */
+    GetRootPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns axis points corresponding to values of the last-level dimension.
+     */
+    GetPoints(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns axis points corresponding to the specified dimension.
+     * @param dimensionId A String that is the dimension identifier.
+     */
+    GetPointsByDimension(dimensionId: string): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns the data point for the specified axis by unique values.
+     * @param uniqueValues A hierarchy of unique values identifying the required data point.
+     */
+    GetPointByUniqueValues(uniqueValues: Object[]): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Contains the dimension metadata.
+ */
+interface ASPxClientDashboardItemDataDimension {
+    /**
+     * Gets the dimension identifier.
+     * Value: A string value that is the dimension identifier.
+     */
+    Id: string;
+    /**
+     * Gets or sets the name of the dimension.
+     * Value: A string value that is the name of the dimension.
+     */
+    Name: string;
+    /**
+     * Gets the data member identifier for the current dimension.
+     * Value: A string value that identifies a data member.
+     */
+    DataMember: string;
+    /**
+     * Gets the group interval for date-time values for the current dimension.
+     * Value: A string value that represents how date-time values are grouped.
+     */
+    DateTimeGroupInterval: string;
+    /**
+     * Gets the group interval for string values.
+     * Value: A string value that specifies the group interval for string values.
+     */
+    TextGroupInterval: string;
+    /**
+     * Formats the specified value using format settings of the current dimension.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the measure metadata.
+ */
+interface ASPxClientDashboardItemDataMeasure {
+    /**
+     * Gets the measure identifier.
+     * Value: A string value that is the measure identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the measure.
+     * Value: A string value that is the name of the measure.
+     */
+    Name: string;
+    /**
+     * Gets the data member that identifies the data source list used to provide data for the current measure.
+     * Value: A string value that identifies the data source list used to provide data for the current measure.
+     */
+    DataMember: string;
+    /**
+     * Gets the type of summary function calculated against the current measure.
+     * Value: A string value that identifies the type of summary function calculated against the current measure.
+     */
+    SummaryType: string;
+    /**
+     * Formats the specified value using format settings of the current measure.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the delta metadata.
+ */
+interface ASPxClientDashboardItemDataDelta {
+    /**
+     * Gets the data item identifier.
+     * Value: A string that is the data item identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the data item container.
+     * Value: A string value that is the name of the data item container.
+     */
+    Name: string;
+    /**
+     * Gets the identifier for the measure that provides actual values.
+     * Value: A string value that is the measure identifier.
+     */
+    ActualMeasureId: string;
+    /**
+     * Gets the identifier for the measure that provides target values.
+     * Value: A string value that is the measure identifier.
+     */
+    TargetMeasureId: string;
+}
+/**
+ * Provides dimension values at the specified axis point.
+ */
+interface ASPxClientDashboardItemDataDimensionValue {
+    /**
+     * Gets the current dimension value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the unique value for the current dimension value.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the display text for the current dimension value.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides the measure value and display text.
+ */
+interface ASPxClientDashboardItemDataMeasureValue {
+    /**
+     * Gets the measure value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the measure display text.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides delta element values.
+ */
+interface ASPxClientDashboardItemDataDeltaValue {
+    /**
+     * Provides access to the actual value displayed within the delta element.
+     */
+    GetActualValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the target value.
+     */
+    GetTargetValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the absolute difference between the actual and target values.
+     */
+    GetAbsoluteVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percent of variation between the actual and target values.
+     */
+    GetPercentVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percentage of the actual value in the target value.
+     */
+    GetPercentOfTarget(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the main delta value.
+     */
+    GetDisplayValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the first additional delta value.
+     */
+    GetDisplaySubValue1(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the second additional delta value.
+     */
+    GetDisplaySubValue2(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the value specifying the condition for displaying the delta indication.
+     */
+    GetIsGood(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the type of delta indicator.
+     */
+    GetIndicatorType(): ASPxClientDashboardItemDataMeasureValue;
+}
+/**
+ * References a method that will handle the ItemCaptionToolbarUpdated event.
+ */
+interface ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemCaptionToolbarUpdated event.
+     * @param source The event source.
+     * @param e The ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCaptionToolbarUpdated event.
+ */
+interface ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a component name of the dashboard item.
+     * Value: A string value that is a component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Provides access to caption options of the dashboard item.
+     * Value: A <a href="https://documentation.devexpress.com/ClientDashboard/api/DevExpress.Dashboard.DashboardItemCaptionToolbarOptions.html">DashboardItemCaptionToolbarOptions</a> object containing caption options of the dashboard item.
+     */
+    Options: Object;
+}
+/**
+ * References a method that will handle the DashboardTitleToolbarUpdated event.
+ */
+interface ASPxClientDashboardTitleToolbarUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardTitleToolbarUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardTitleToolbarUpdatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardTitleToolbarUpdatedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardTitleToolbarUpdated event.
+ */
+interface ASPxClientDashboardTitleToolbarUpdatedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to dashboard title options.
+     * Value: A <a href="https://documentation.devexpress.com/ClientDashboard/api/DevExpress.Dashboard.DashboardTitleToolbarOptions.html">DashboardTitleToolbarOptions</a> object containing dashboard title options.
+     */
+    Options: Object;
+}
+/**
+ * A point on the data axis.
+ */
+interface ASPxClientDashboardItemDataAxisPoint {
+    /**
+     * Gets the name of the axis to which the current axis point belongs.
+     */
+    GetAxisName(): string;
+    /**
+     * Gets the last level dimension corresponding to the current axis point.
+     */
+    GetDimension(): ASPxClientDashboardItemDataDimension;
+    /**
+     * Gets the collection of dimensions used to create a hierarchy of axis points from the root point to the current axis point.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the value corresponding to the current axis point.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the display text corresponding to the current axis point.
+     */
+    GetDisplayText(): string;
+    /**
+     * Gets the unique value corresponding to the current axis point.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the dimension values at the specified axis point.
+     */
+    GetDimensionValue(): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the dimension value at the current axis point.
+     * @param dimensionId A String value that specifies the dimension identifier.
+     */
+    GetDimensionValue(dimensionId: string): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the child axis points for the current axis point.
+     */
+    GetChildren(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets the parent axis point for the current axis point.
+     */
+    GetParent(): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Represents a tuple of axis points.
+ */
+interface ASPxClientDashboardItemDataAxisPointTuple {
+    /**
+     * Returns the axis point belonging to the default data axis.
+     */
+    GetAxisPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns the axis point belonging to the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * A range in the Range Filter dashboard item.
+ */
+interface ASPxClientDashboardRangeFilterSelection {
+    /**
+     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
+     * Value: A maximum value in the range of the Range Filter dashboard item.
+     */
+    Maximum: Object;
+    /**
+     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
+     * Value: A minimum value in the range of the Range Filter dashboard item.
+     */
+    Minimum: Object;
+}
+/**
+ * A collection of ASPxClientDashboardParameter objects.
+ */
+interface ASPxClientDashboardParameters {
+    /**
+     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
+     */
+    GetParameterList(): ASPxClientDashboardParameter[];
+    /**
+     * Returns a dashboard parameter by its name.
+     * @param name A String object that specifies the parameter name.
+     */
+    GetParameterByName(name: string): ASPxClientDashboardParameter;
+    /**
+     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
+     * @param index An integer value that specifies the parameter index.
+     */
+    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
+}
+/**
+ * A client-side dashboard parameter.
+ */
+interface ASPxClientDashboardParameter {
+    /**
+     * Gets the dashboard parameter name on the client side.
+     * Value: A string value that is the dashboard parameter name on the client side.
+     */
+    Name: string;
+    /**
+     * Gets the dashboard parameter value on the client side.
+     * Value: A string value that specifies the dashboard parameter value on the client side.
+     */
+    Value: Object;
+    /**
+     * Returns a parameter name.
+     */
+    GetName(): string;
+    /**
+     * Returns a current parameter value(s).
+     */
+    GetValue(): Object;
+    /**
+     * Specifies the current parameter value(s).
+     * @param value The current parameter value(s).
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a default parameter value.
+     */
+    GetDefaultValue(): Object;
+    /**
+     * Returns the parameter's description displayed to an end-user.
+     */
+    GetDescription(): string;
+    /**
+     * Returns a parameter type.
+     */
+    GetType(): string;
+    /**
+     * Returns possible parameter values.
+     */
+    GetValues(): ASPxClientDashboardParameterValue[];
+}
+/**
+ * Provides access to the parameter value and display text.
+ */
+interface ASPxClientDashboardParameterValue {
+    /**
+     * Returns the parameter display text.
+     */
+    GetDisplayText(): string;
+    /**
+     * Returns a parameter value.
+     */
+    GetValue(): Object;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+ */
+interface ImageFormatOptions {
+    /**
+     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
+     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     */
+    Resolution: number;
+}
+/**
+ * Contains options which define how the dashboard item is exported to Excel format.
+ */
+interface ExcelFormatOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
+ */
+interface GridExportOptions {
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    FitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
+ */
+interface PivotExportOptions {
+    /**
+     * Gets or sets whether to print the column headers of the Pivot dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
+ */
+interface PieExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
+ */
+interface GaugeExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Card dashboard item is exported.
+ */
+interface CardExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
+ */
+interface RangeFilterExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Chart dashboard items are exported.
+ */
+interface ChartExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Map dashboard items are exported.
+ */
+interface MapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the map dashboard item.
+     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
+ */
+interface ASPxClientDashboardExportOptions {
+    /**
+     * Gets or sets the standard paper size.
+     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
+     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets the filter state's location on the exported document.
+     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
+     */
+    FilterState: string;
+    /**
+     * Provides access to options for exporting a dashboard or individual items in Image format.
+     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+     */
+    ImageOptions: ImageFormatOptions;
+    /**
+     * Provides access to options for exporting individual dashboard items in Excel format.
+     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
+     */
+    ExcelOptions: ExcelFormatOptions;
+    /**
+     * Provides access to options for exporting a Grid dashboard item.
+     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
+     */
+    GridOptions: GridExportOptions;
+    /**
+     * Provides access to options for exporting a Pivot dashboard item.
+     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
+     */
+    PivotOptions: PivotExportOptions;
+    /**
+     * Provides access to options for exporting a Pie dashboard item.
+     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
+     */
+    PieOptions: PieExportOptions;
+    /**
+     * Provides access to options for exporting a Gauge dashboard item.
+     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
+     */
+    GaugeOptions: GaugeExportOptions;
+    /**
+     * Provides access to options for exporting a Card dashboard item.
+     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
+     */
+    CardOptions: CardExportOptions;
+    /**
+     * Provides access to options for exporting a Range Filter dashboard item.
+     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
+     */
+    RangeFilterOptions: RangeFilterExportOptions;
+    /**
+     * Provides access to options for exporting a Chart dashboard item.
+     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
+     */
+    ChartOptions: ChartExportOptions;
+    /**
+     * Provides access to options for exporting map dashboard items.
+     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
+     */
+    MapOptions: MapExportOptions;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the PDF format.
+ */
+interface DashboardPdfExportOptions {
+    /**
+     * Gets or sets the type of paper for the exported document.
+     * Value: A DashboardExportPaperKind value that specifies the type of paper for the exported document.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard/dashboard item.
+     * Value: A DashboardExportPageLayout value that specifies the page orientation used to export a dashboard/dashboard item.
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling a dashboard/dashboard item in the exported document.
+     * Value: A DashboardExportScaleMode value that specifies the mode for scaling a dashboard/dashboard item in the exported document.
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the mode for scaling a dashboard/dashboard item in the exported document.
+     * Value: A DashboardExportDocumentScaleMode value that specifies the mode for scaling a dashboard/dashboard item in the exported document.
+     */
+    DocumentScaleMode: string;
+    /**
+     * Gets or sets whether the page orientation used to export a dashboard is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a dashboard; otherwise, false.
+     */
+    DashboardAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A Single value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets a position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+    /**
+     * Gets or sets whether cards within the Card dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange cards automatically on the exported page; otherwise, false.
+     */
+    CardAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Chart dashboard item; otherwise, false.
+     */
+    ChartAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A ChartExportSizeMode value that specifies the export size mode for the Chart dashboard item.
+     */
+    ChartSizeMode: string;
+    /**
+     * Gets or sets whether gauges within the Gauge dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange gauges automatically on the exported page; otherwise, false.
+     */
+    GaugeAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    GridFitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Grid dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    GridPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Map dashboard item; otherwise, false.
+     */
+    MapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Map dashboard item.
+     * Value: A MapExportSizeMode value that specifies the export size mode for the Map dashboard item.
+     */
+    MapSizeMode: string;
+    /**
+     * Gets or sets whether pies within the Pie dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange pies automatically on the exported page; otherwise, false.
+     */
+    PieAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Pivot dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    PivotPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Range Filter dashboard item; otherwise, false.
+     */
+    RangeFilterAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A RangeFilterExportSizeMode value that specifies the export size mode for the Range Filter dashboard item.
+     */
+    RangeFilterSizeMode: string;
+    /**
+     * Gets or sets whether the page orientation used to export the Treemap dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Treemap dashboard item; otherwise, false.
+     */
+    TreemapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Treemap dashboard item.
+     * Value: A TreemapExportSizeMode value that specifies the export size mode for the Treemap dashboard item.
+     */
+    TreemapSizeMode: string;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to an image.
+ */
+interface DashboardImageExportOptions {
+    /**
+     * Gets or sets a title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: true, to include a dashboard title (or dashboard item's caption) as the exported document title; otherwise, false.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets an image format in which the dashboard/dashboard item is exported.
+     * Value: A DashboardExportImageFormat value that specifies an image format in which the dashboard/dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     */
+    Resolution: number;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A string value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the Excel format.
+ */
+interface DashboardExcelExportOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A DashboardExportExcelFormat value that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets the position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExcelExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+}
+/**
+ * A client-side equivalent of the ASPxDashboard control.
+ */
+interface ASPxClientDashboard extends ASPxClientControl {
+    /**
+     * Fires when a round trip to the server has been initiated by a call to the client PerformDataCallback method.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the state of the dashboard displayed in the ASPxClientDashboard is changed.
+     */
+    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after a new dashboard is displayed in the ASPxClientDashboard.
+     */
+    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * For internal use.
+     */
+    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardCustomizeMenuItemsEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs before any element in the Web Dashboard control has been rendered.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientDashboardBeforeRenderEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a master filter state is changed.
+     */
+    ItemMasterFilterStateChanged: ASPxClientEvent<ASPxClientDashboardItemMasterFilterStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a drill-down/drill-up is performed.
+     */
+    ItemDrillDownStateChanged: ASPxClientEvent<ASPxClientDashboardItemDrillDownStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the available interactivity actions have changed for the specific dashboard item.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientActionAvailabilityChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after parameter values provided using a Dynamic List are loaded.
+     */
+    DynamicLookUpValuesLoaded: ASPxClientEvent<ASPxClientDynamicLookUpValuesLoadedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard item update is initiated.
+     */
+    ItemBeginUpdate: ASPxClientEvent<ASPxClientItemBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard item update is performed.
+     */
+    ItemEndUpdate: ASPxClientEvent<ASPxClientItemEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard update is initiated.
+     */
+    DashboardBeginUpdate: ASPxClientEvent<ASPxClientDashboardBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard update is performed.
+     */
+    DashboardEndUpdate: ASPxClientEvent<ASPxClientDashboardEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to customize a dashboard item's caption (for instance, add custom buttons, menus, etc.).
+     */
+    ItemCaptionToolbarUpdated: ASPxClientEvent<ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.).
+     */
+    DashboardTitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
+    /**
+     * 
+     * @param itemName 
+     */
+    UpdateItemCaptionToolbar(itemName: string): void;
+    UpdateDashboardTitleToolbar(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Gets the DashboardControl object that is the client-side part of the Web Dashboard.
+     */
+    GetDashboardControl(): DashboardControl;
+    /**
+     * Switches the ASPxClientDashboard to the viewer mode.
+     */
+    SwitchToViewer(): void;
+    /**
+     * Switches the ASPxClientDashboard to the designer mode.
+     */
+    SwitchToDesigner(): void;
+    /**
+     * Gets the current working mode of the Web Dashboard.
+     */
+    GetWorkingMode(): string;
+    /**
+     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboard.
+     */
+    GetDashboardId(): string;
+    /**
+     * Gets the name of the dashboard that is displayed in the ASPxClientDashboard.
+     */
+    GetDashboardName(): string;
+    /**
+     * Gets the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    GetDashboardState(): string;
+    /**
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardState A JSON object that specifies the dashboard state.
+     */
+    SetDashboardState(dashboardState: Object): void;
+    /**
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardStateString A string value that specifies the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    SetDashboardState(dashboardStateString: string): void;
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param dashboardId A string value that specifies the dashboard identifier.
+     */
+    LoadDashboard(dashboardId: string): void;
+    /**
+     * Saves a current dashboard to the dashboard storage.
+     */
+    SaveDashboard(): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Invokes the dialog that allows end-users to export the entire dashboard to the specified format.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF', 'Image', or 'Excel'.
+     */
+    ShowExportDashboardDialog(format: string): void;
+    /**
+     * Invokes the dialog that allows end-users to export the dashboard item to the specified format.
+     * @param itemComponentName A string value that specifies the component name of the dashboard item to export.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'. Note that some items (i.e., ImageDashboardItem) do not support exporting to the 'Excel' format.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns whether or not master filtering  can be applied in the current state of the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down into the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down into the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+    /**
+     * Refreshes an entire dashboard displayed in the Web Dashboard control.
+     */
+    Refresh(): void;
+    /**
+     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
+     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
+     */
+    Refresh(itemName: string): void;
+    /**
+     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
+     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
+     */
+    Refresh(itemName: string[]): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+}
+/**
+ * References a method that will handle the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardStateChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the current state of the dashboard.
+     * Value: A string value that is the current state of the dashboard.
+     */
+    DashboardState: string;
+}
+/**
+ * References a method that will handle the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of a newly opened dashboard.
+     * Value: A string value that is an identifier of newly opened dashboard.
+     */
+    DashboardId: string;
+    /**
+     * Gets the name of a newly opened dashboard.
+     * Value: A string value that is the name of newly opened dashboard.
+     */
+    DashboardName: string;
+}
+interface ASPxClientDashboardCustomizeMenuItemsEventHandler<S> {
+    (source: S, e: ASPxClientDashboardCustomizeMenuItemsEventArgs): void;
+}
+interface ASPxClientDashboardMenuItem {
+    id: string;
+    title: string;
+    template: string;
+    selected: boolean;
+    disabled: boolean;
+    hasSeparator: boolean;
+    click: Function;
+    hotKey: number;
+}
+interface ASPxClientDashboardCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
+    Items: ASPxClientDashboardMenuItem[];
+    FindById(itemId: string): ASPxClientDashboardMenuItem;
+}
+/**
+ * References a method that will handle the BeforeRender event.
+ */
+interface ASPxClientDashboardBeforeRenderEventHandler<S> {
+    /**
+     * References a method that will handle the BeforeRender event.
+     * @param source The event source.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * Serves as the base class for classes that provide data for client-side events related to dashboard items.
+ */
+interface ASPxClientDashboardItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns whether or not the specified value is null.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is 'others'.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemMasterFilterStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemMasterFilterStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemMasterFilterStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the currently selected values.
+     * Value: An array of objects that are the currently selected values.
+     */
+    Values: Object[][];
+}
+/**
+ * References a method that will handle the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemDrillDownStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemDrillDownStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemDrillDownStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the drill-down action performed in the dashboard item.
+     * Value: A string value that is the drill-down action performed in the dashboard item.
+     */
+    Action: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventHandler<S> {
+    /**
+     * References a method that will handle the DynamicLookUpValuesLoaded event.
+     * @param source The event source.
+     * @param e A ASPxClientDynamicLookUpValuesLoadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDynamicLookUpValuesLoadedEventArgs): void;
+}
+/**
+ * Provides data for the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dashboard parameter name whose values have been loaded.
+     * Value: A string value that is the dashboard parameter name whose values have been loaded.
+     */
+    ParameterName: string;
+}
+/**
+ * References a method that will handle the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemEndUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
+/**
+ * References a method that will handle the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardEndUpdate event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
+/**
+ * A client-side equivalent of the ASPxDashboardViewer control.
+ */
+interface ASPxClientDashboardViewer extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the available interactivity actions have changed.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientDashboardActionAvailabilityChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user changes the state of the master filter.
+     */
+    MasterFilterSet: ASPxClientEvent<ASPxClientDashboardMasterFilterSetEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clears the selection in the master filter item.
+     */
+    MasterFilterCleared: ASPxClientEvent<ASPxClientDashboardMasterFilterClearedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Provides the capability to handle data loading errors in the ASPxClientDashboardViewer.
+     */
+    DataLoadingError: ASPxClientEvent<ASPxClientDashboardDataLoadingErrorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-down is performed.
+     */
+    DrillDownPerformed: ASPxClientEvent<ASPxClientDashboardDrillDownPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-up is performed.
+     */
+    DrillUpPerformed: ASPxClientEvent<ASPxClientDashboardDrillUpPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the ASPxClientDashboardViewer is loaded.
+     */
+    Loaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to customize a dashboard item's caption (for instance, add custom buttons, menus, etc.).
+     */
+    ItemCaptionToolbarUpdated: ASPxClientEvent<ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.).
+     */
+    TitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Reloads data in the data sources.
+     */
+    ReloadData(): void;
+    /**
+     * Reloads data in the data sources.
+     * @param parameters An array of ASPxClientDashboardParameter objects that specify dashboard parameters on the client side.
+     */
+    ReloadData(parameters: ASPxClientDashboardParameter[]): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Locks the EndUpdateParameters method call.
+     */
+    BeginUpdateParameters(): void;
+    /**
+     * Unlocks the BeginUpdateParameters method and applies changes made to the parameter settings.
+     */
+    EndUpdateParameters(): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * 
+     * @param itemName 
+     */
+    UpdateItemCaptionToolbar(itemName: string): void;
+    UpdateDashboardTitleToolbar(): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Shows the dialog that allows end-users to export the dashboard.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'.
+     */
+    ShowExportDialog(format: string): void;
+    /**
+     * Shows the dialog that allows end-users to export the dashboard item.
+     * @param itemComponentName A component name of the dashboard item.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardImageExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns the dashboard width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the dashboard height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the dashboard width.
+     * @param width An integer value that specifies the dashboard width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the dashboard height.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Specifies the dashboard size.
+     * @param width An integer value that specifies the dashboard width.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down for the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down for the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns whether or not the specified master filter item allows selecting one or more elements.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets whether or not data reloading is available in the current state of dashboard item.
+     * Value: true, if data reloading is available in the current state of dashboard item; otherwise, false.
+     */
+    IsReloadDataAvailable: boolean;
+    /**
+     * Gets interactivity actions currently available for the dashboard item.
+     * Value: An array of ASPxClientDashboardItemAction objects that represent interactivity actions currently available for the dashboard item.
+     */
+    ItemActions: ASPxClientDashboardItemAction[];
+}
+/**
+ * References a method that will handle the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventHandler<S> {
+    /**
+     * References a method that will handle the DataLoadingError event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDataLoadingErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDataLoadingErrorEventArgs): void;
+}
+/**
+ * Provides data for the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Allows you to determine whether or not the error message will be shown.
+     */
+    IsErrorMessageShown(): boolean;
+    /**
+     * Allows you to specify whether to show the error message.
+     * @param value true, to show the error message; otherwise, false.
+     */
+    ShowErrorMessage(value: boolean): void;
+    /**
+     * Allows you to obtain the displayed error message.
+     */
+    GetError(): string;
+    /**
+     * Allows you to specify the displayed error message.
+     * @param value A string value that specifies the displayed error message.
+     */
+    SetError(value: string): void;
+}
+/**
+ * Represents an interactivity action in the dashboard item.
+ */
+interface ASPxClientDashboardItemAction {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets interactivity actions performed on a dashboard item.
+     * Value: An array of ASPxClientDashboardAction values that specify interactivity actions performed on a dashboard item.
+     */
+    Actions: any[];
+}
+declare enum ASPxClientDashboardAction {
+    SetMasterFilter=0,
+    ClearMasterFilter=1,
+    DrillDown=2,
+    DrillUp=3
+}
+/**
+ * References a method that will handle the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterSet event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterSetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterSetEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string value that specifies the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values of currently selected elements in the master filter item.
+     * Value: Values of currently selected elements in the master filter item.
+     */
+    Values: Object[][];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterCleared event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterClearedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterClearedEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillDownPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillDownPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillDownPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillUpPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillUpPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillUpPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * Provides data for the onCustomizeText handler.
+ */
+interface CardWidgetCustomizeTextEventArgs {
+    /**
+     * Gets a dimension/measure value to be displayed within the card.
+     */
+    getValue(): Object;
+    /**
+     * Gets a formatted value displayed within the card.
+     */
+    getDefaultText(): string;
+}
+/**
+ * A Card widget that visualizes a Card dashboard item's data.
+ */
+interface CardWidget {
+    /**
+     * Gets or sets the background color for a card.
+     * Value: A string that specifies the <a href="https://www.w3schools.com/html/html_colors.asp">HTML color</a> used to paint a card's background.
+     */
+    cardBackColor: string;
+    /**
+     * Allows you to customize texts displayed within individual cards.
+     * Value: A handler used customize texts displayed within individual cards.
+     */
+    onCustomizeText: Object;
+    /**
+     * Gets the root element of the widget.
+     */
+    element(): Object;
+}
+/**
+ * When implemented, represents the Web Dashboard extension.
+ */
+interface IExtension {
+    /**
+     * Gets a unique name of a Web Dashboard extension.
+     * Value: A string value that is a unique name of a Web Dashboard extension.
+     */
+    name: string;
+    /**
+     * Contains code that will be invoked when you register the dashboard extension.
+     */
+    start(): void;
+    /**
+     * Contains code that will be invoked when you unregister the dashboard extension.
+     */
+    stop(): void;
+}
+/**
+ * A client-side part of the Web Dashboard.
+ */
+interface DashboardControl {
+    /**
+     * Gets or sets knockout templates that you can use in the Web Dashboard.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template collection.
+     */
+    customTemplates: KnockoutObservableArray<any>;
+    /**
+     * Provides an access to the collection of registered dashboard extensions.
+     * Value: An array of IExtension objects that are dashboard extensions.
+     */
+    extensions: IExtension[];
+    /**
+     * Initializes a new dashboard with the specified name and JSON model.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    initializeDashboard(id: string, dashboardJson: string): void;
+    /**
+     * Initializes a new dashboard with the specified name, JSON model and initial state.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     * @param initialState A JSON object that specifies the  dashboard state.
+     */
+    initializeDashboard(id: string, dashboardJson: string, initialState: Object): void;
+    /**
+     * Allows you to register a dashboard extension to add its functionality to the Web Dashboard.
+     * @param extension An IExtension object that is a dashboard extension.
+     */
+    registerExtension(extension: IExtension): void;
+    /**
+     * Allows you to get access to the extension.
+     * @param extensionName A string value that is the dashboard extension name.
+     */
+    findExtension(extensionName: string): IExtension;
+    /**
+     * Allows you to unregister a dashboard extension to disable its functionality in the Web Dashboard.
+     * @param extensionName A string value that is a dashboard extension name.
+     */
+    unregisterExtension(extensionName: string): void;
+}
+interface UrlStateExtension extends IExtension {
+}
+interface Element {
+}
+/**
+ * The content of the Dashboard Parameters dialog.
+ */
+interface ParameterDialogContent {
+    /**
+     * Gets the Dashboard Parameters dialog's grid that displays parameter values.
+     * Value: The Dashboards Parameters dialog's grid that displays parameter values.
+     */
+    grid: Object;
+    /**
+     * Applies changes made in the Dashboard Parameters dialog.
+     */
+    submitParameterValues(): void;
+    /**
+     * Resets changes in the Dashboard Parameters dialog to the default values.
+     */
+    resetParameterValues(): void;
+    valueChanged(): void;
+}
+/**
+ * A Web Dashboard extension that is the Dashboard Parameters dialog.
+ */
+interface DashboardParameterDialogExtension extends IExtension {
+    /**
+     * Gets or sets whether to show the Dashboard Parameters button in the dashboard title.
+     * Value: true, to show the Dashboard Parameters button; otherwise, false.
+     */
+    showDialogButton: KnockoutObservableBoolean;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    show(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    hide(): void;
+    /**
+     * Allows you to be notified about the dashboard parameter settings changes.
+     * @param callback A custom function.
+     */
+    subscribeToContentChanges(callback: Function): Object;
+    /**
+     * Renders the content of the Dashboard Parameters dialog inside the specified JQuery element.
+     * @param element A JQuery element where the Dashboard Parameters dialog content is rendered.
+     */
+    renderContent(element: Element): ParameterDialogContent;
+}
+interface DashboardExportExtension extends IExtension {
+}
+interface ViewerApiExtension extends IExtension {
+}
+interface DashboardCurrencyEditorExtension extends IExtension {
+}
+interface DataSourceBrowserExtension extends IExtension {
+}
+interface DataSourceWizardExtension extends IExtension {
+}
+interface DashboardItemMenuExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to configure color schemes.
+ */
+interface DashboardColorSchemeEditorExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to keep track of all user actions, and cancel or repeat them.
+ */
+interface UndoRedoExtension extends IExtension {
+    /**
+     * Allows you to track whether the Web Dashboard has unsaved changes.
+     */
+    isChanged(): boolean;
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Binding menu allowing you to create and modify data binding.
+ */
+interface BindingPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Convert To menu allowing you to convert or duplicate the current item.
+ */
+interface ConversionPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to save the current dashboard.
+ */
+interface SaveDashboardExtension extends IExtension {
+    /**
+     * Allows you to save the current dashboard with a specified unique name and JSON model.
+     * @param dashboardId A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performSaveDashboard(dashboardId: string, dashboardJson: string): void;
+    /**
+     * Allows you to invoke a custom function while you save a dashboard.
+     * @param action A custom function that is invoked when the dashboard is about to be saved.
+     */
+    ensureDashboardSaved(action: Function): void;
+    /**
+     * Saves the opened dashboard.
+     */
+    saveDashboard(): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create a new dashboard.
+ */
+interface CreateDashboardExtension extends IExtension {
+    /**
+     * Creates a new dashboard with a specified name and JSON model.
+     * @param dashboardName A string value that is the name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performCreateDashboard(dashboardName: string, dashboardJson: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to open the created dashboards.
+ */
+interface OpenDashboardExtension extends IExtension {
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param id A String value that specifies the unique dashboard name.
+     */
+    loadDashboard(id: string): void;
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Interactivity menu containing settings that affect on interaction between various dashboard items.
+ */
+interface InteractivityPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Options menu containing specific options and settings related to the current dashboard item.
+ */
+interface OptionsPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard title editor.
+ */
+interface DashboardTitleEditorExtension extends IExtension {
+}
+/**
+ * The Dashboard Panel extension that allows users to switch between dashboards and enable the Designer mode.
+ */
+interface DashboardPanelExtension extends IExtension {
+    /**
+     * Gets or sets the width of the Dashboard Panel extension.
+     * Value: An integer value that specifies the Dashboard Panel's width.
+     */
+    panelWidth: number;
+    /**
+     * Gets or sets whether the Dashboard Panel is visible.
+     * Value: true, to display the Dashboard Panel; otherwise, false.
+     */
+    visible: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether you can switch into the designer mode.
+     * Value: true, to display the Edit in Designer button on the dashboard panel; otherwise, false.
+     */
+    allowSwitchToDesigner: KnockoutObservableBoolean;
+}
+/**
+ * An extension that is a list of available data sources used to provide data to the Web Dashboard.
+ */
+interface AvailableDataSourcesExtension extends IExtension {
+}
+/**
+ * A dashboard menu item.
+ */
+interface DashboardMenuItem {
+    /**
+     * Gets or sets a unique identifier of a dashboard menu item.
+     * Value: A string value that is a menu item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets or sets a dashboard menu item title.
+     * Value: A string value that is a dashboard menu item title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the dashboard menu item within the dashboard menu.
+     * Value: A zero-based integer specifying the position of the current dashboard menu item.
+     */
+    index: number;
+    /**
+     * Gets or sets a code of the key used in the keyboard shortcut. This shortcut allows you to invoke the current menu item.
+     * Value: An integer value that specifies a key code.
+     */
+    hotKey: number;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+    /**
+     * Gets or sets a knockout template for the extension.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets whether the dashboard menu item is selected.
+     * Value: true, if the dashboard menu item is selected; otherwise, false;
+     */
+    selected: KnockoutObservableBoolean;
+    /**
+     * Gets whether a dashboard menu item is disabled.
+     * Value: true, if a dashboard menu item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether a dashboard menu item has a separator.
+     * Value: true, if a dashboard menu item has a separator; otherwise, false.
+     */
+    hasSeparator: boolean;
+    /**
+     * Gets or sets data that is used by a menu item.
+     * Value: An object that contains data used by a menu item.
+     */
+    data: Object;
+}
+/**
+ * A toolbox item of the specified dashboard toolbox group.
+ */
+interface DashboardToolboxItem {
+    /**
+     * Gets or sets a dashboard item type.
+     * Value: A string value that is a dashboard item type.
+     */
+    type: string;
+    /**
+     * Gets or sets an icon of the dashboard toolbox item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbox item.
+     * Value: A string value that is a toolbox item's unique name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox item title.
+     * Value: A string value that is a dashboard toolbox item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbox item should be disabled.
+     * Value: true, if a toolbox item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbar item of the specified dashboard toolbar group.
+ */
+interface DashboardToolbarItem {
+    /**
+     * Gets or sets an icon of the dashboard toolbar item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbar item.
+     * Value: A string value that is a unique toolbar item name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar item title.
+     * Value: A string value that is a dashboard toolbar item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbar item should be disabled.
+     * Value: true, if a toolbar item is disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a knockout extension template.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbox group that contains dashboard toolbox items.
+ */
+interface DashboardToolboxGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbox group.
+     * Value: A string value that is a unique toolbox group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox group title.
+     * Value: A string value that is a dashboard toolbox group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbox group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbox group.
+     */
+    index: number;
+    /**
+     * Provides access to a collection of toolbox group items.
+     * Value: A DashboardToolboxItem).
+     */
+    items: KnockoutObservableArray<any>;
+}
+/**
+ * A toolbar group that contains dashboard toolbar items.
+ */
+interface DashboardToolbarGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbar group.
+     * Value: A string value that is a unique toolbar group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar group title.
+     * Value: A string value that is a dashboard toolbar group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbar group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbar group.
+     */
+    index: number;
+    /**
+     * Provides access to a collection of toolbar group items.
+     * Value: A DashboardToolbarItem).
+     */
+    items: KnockoutObservableArray<any>;
+}
+/**
+ * The Web Dashboard Toolbox extension that provides access to the dashboard menu and allows you to add dashboard items, as well as undo or repeat user actions.
+ */
+interface ToolboxExtension extends IExtension {
+    /**
+     * Provides access to a collection of the dashboard menu items.
+     * Value: A DashboardMenuItem).
+     */
+    menuItems: KnockoutObservableArray<any>;
+    /**
+     * Provides access to a collection of the Toolbox groups.
+     * Value: A DashboardToolboxGroup).
+     */
+    toolboxGroups: KnockoutObservableArray<any>;
+    /**
+     * Provides access to a collection of toolbar groups from the Toolbox.
+     * Value: A DashboardToolbarGroup).
+     */
+    toolbarGroups: KnockoutObservableArray<any>;
+    /**
+     * For internal use.
+     */
+    menuVisible: KnockoutObservableBoolean;
+    /**
+     * Allows you to add a specified menu item to the dashboard menu.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    addMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Removes the specified dashboard item from the dashboard menu.
+     * @param menuItemId A string value that is a unique dashboard item name.
+     */
+    removeMenuItem(menuItemId: string): void;
+    /**
+     * Simulates a dashboard menu item selection.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    selectMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Allows you to add a specified toolbox item into a specified toolbox group.
+     * @param groupName A string value that is a toolbox group name. To get a toolbox group name, use the name property.
+     * @param toolboxItem A DashboardToolboxItem object that is a dashboard toolbox item.
+     */
+    addToolboxItem(groupName: string, toolboxItem: DashboardToolboxItem): void;
+    /**
+     * Removes the specified item from the specified toolbox group.
+     * @param groupName A string value that is a unique toolbox group name (name).
+     * @param toolboxItemName A string value that is a unique toolbox item name (name).
+     */
+    removeToolboxItem(groupName: string, toolboxItemName: string): void;
+    /**
+     * Allows you to add a specified toolbar item into a specified toolbar group.
+     * @param groupName A string value that is a toolbar group name. To get a toolbar group name, use the name property.
+     * @param toolbarItem A DashboardToolbarItem object that is a dashboard toolbar item.
+     */
+    addToolbarItem(groupName: string, toolbarItem: DashboardToolbarItem): void;
+    /**
+     * Removes the specified toolbar item from the specified toolbar group.
+     * @param groupName A string value that is a unique toolbar group name.
+     * @param toolbarItemName A string value that is a unique toolbar item name.
+     */
+    removeToolbarItem(groupName: string, toolbarItemName: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create and edit dashboard parameters.
+ */
+interface DashboardParameterEditorExtension extends IExtension {
+}
+/**
+ * Serves as the base object for all the editors included in the client-side object model.
+ */
+interface ASPxClientEditBase extends ASPxClientControl {
+    /**
+     * Returns the editor's value.
+     */
+    GetValue(): Object;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the text displayed in the editor caption.
+     */
+    GetCaption(): string;
+    /**
+     * Specifies the text displayed in the editor caption.
+     * @param caption A string value specifying the editor caption.
+     */
+    SetCaption(caption: string): void;
+}
+/**
+ * Serves as the base object for all the editors that support validation.
+ */
+interface ASPxClientEdit extends ASPxClientEditBase {
+    /**
+     * Fires on the client side when the editor receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires on the client side when the editor loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Allows you to specify whether the value entered into the editor is valid, and whether the editor is allowed to lose focus.
+     */
+    Validation: ASPxClientEvent<ASPxClientEditValidationEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires after the editor's value has been changed by end-user interactions.
+     */
+    ValueChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientEdit>>;
+    /**
+     * Returns an HTML element that represents the control's input element.
+     */
+    GetInputElement(): Object;
+    /**
+     * Sets input focus to the editor.
+     */
+    Focus(): void;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value is valid.
+     * @param isValid True if the editor's value is valid; otherwise, False.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs the editor's validation.
+     */
+    Validate(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxBinaryImage control.
+ */
+interface ASPxClientBinaryImage extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after an image is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Fires on the client side if any server error occurs during server-side processing of a callback sent by the ASPxClientBinaryImage.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Sets the size of the image editor.
+     * @param width An integer value that specifies the control's width.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * For internal use only.
+     */
+    GetValue(): Object;
+    /**
+     * For internal use only.
+     * @param value 
+     */
+    SetValue(value: Object): void;
+    /**
+     * Removes an image from the editor content.
+     */
+    Clear(): void;
+    /**
+     * Returns a name of the last uploaded file.
+     */
+    GetUploadedFileName(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxButton control.
+ */
+interface ASPxClientButton extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the button's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Occurs on the client side after a button is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientButtonClickEventHandler<ASPxClientButton>>;
+    /**
+     * Simulates a mouse click action on the button control.
+     */
+    DoClick(): void;
+    /**
+     * Returns a value indicating whether the button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value that specifies the button's checked status.
+     * @param value true if the button is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the button.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL pointing to the image displayed within the button.
+     * @param value A string value that is the URL to the image displayed within the button.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Sets a value specifying whether the button is enabled.
+     * @param value true to enable the button; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns a value indicating whether the button is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets input focus to the button.
+     */
+    Focus(): void;
+}
+/**
+ * A method that will handle the client Click event.
+ */
+interface ASPxClientButtonClickEventHandler<S> {
+    /**
+     * A method that will handle the client Click event.
+     * @param source An object that is the event's source.
+     * @param e An ASPxClientButtonClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonClickEventArgs): void;
+}
+/**
+ * Provides data for the Click event.
+ */
+interface ASPxClientButtonClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Specifies whether both the event's default action and the event's bubbling upon the hierarchy of event handlers should be canceled.
+     * Value: true to cancel the event's default action and the event's bubbling upon the hierarchy of event handlers; otherwise, false.
+     */
+    cancelEventAndBubble: boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCalendar control.
+ */
+interface ASPxClientCalendar extends ASPxClientEdit {
+    /**
+     * Fires on the client side after the selected date has been changed within the calendar.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side when the month displayed within the calendar is changed.
+     */
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side after the callback server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCalendar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCalendar>>;
+    /**
+     * Tests whether the specified date is selected.
+     * @param date A date-time value that specifies the date to test.
+     */
+    IsDateSelected(date: Date): boolean;
+    /**
+     * Sets the date that specifies the month and year to be displayed in the calendar.
+     * @param date The date that specifies calendar's visible month and year.
+     */
+    SetVisibleDate(date: Date): void;
+    /**
+     * Sets the calendar's selected date.
+     * @param date A date object that specifies the calendar's selected date.
+     */
+    SetSelectedDate(date: Date): void;
+    /**
+     * Returns the calendar's selected date.
+     */
+    GetSelectedDate(): Date;
+    /**
+     * Gets the date that determines the month and year that are currently displayed in the calendar.
+     */
+    GetVisibleDate(): Date;
+    /**
+     * Selects the specified date within the calendar.
+     * @param date A date-time value that specifies the selected date.
+     */
+    SelectDate(date: Date): void;
+    /**
+     * Selects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    SelectRange(start: Date, end: Date): void;
+    /**
+     * Deselects the specified date within the calendar.
+     * @param date A date-time value that specifies the date to deselect.
+     */
+    DeselectDate(date: Date): void;
+    /**
+     * Deselects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    DeselectRange(start: Date, end: Date): void;
+    /**
+     * Deselects all the selected dates within the calendar.
+     */
+    ClearSelection(): void;
+    /**
+     * Returns a list of dates which are selected within the calendar.
+     */
+    GetSelectedDates(): Date[];
+    /**
+     * Gets the minimum date on the calendar.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the calendar.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date on the calendar.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the calendar.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the date processed in the calendar.
+     * Value: A DateTime value containing processed data.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether selection of the processed calendar date is disabled.
+     * Value: true, if the date is disabled; otherwise, false.
+     */
+    isDisabled: boolean;
+}
+/**
+ * A method that will handle the client CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDisabledDate event.
+     * @param source The event source.
+     * @param e An ASPxClientCalendarCustomDisabledDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCalendarCustomDisabledDateEventArgs): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCaptcha control.
+ */
+interface ASPxClientCaptcha extends ASPxClientControl {
+    /**
+     * Sets input focus to the control's text box.
+     */
+    Focus(): void;
+    /**
+     * Refreshes the code displayed within the editor's challenge image.
+     */
+    Refresh(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCheckBox control.
+ */
+interface ASPxClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButton control.
+ */
+interface ASPxClientRadioButton extends ASPxClientCheckBox {
+    /**
+     * Returns a value indicating whether the radio button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the radio button's checked status.
+     * @param isChecked true if the radio button is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+}
+/**
+ * Represents a base for client-side objects which allow single-line text input.
+ */
+interface ASPxClientTextEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's text is changed and focus moves out of the editor by end-user interactions.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's input value is changed before the focus moves out of the editor by end-user interactions.
+     */
+    UserInput: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+    /**
+     * Selects all text in the text editor.
+     */
+    SelectAll(): void;
+    /**
+     * Sets the caret position within the edited text.
+     * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
+     */
+    SetCaretPosition(position: number): void;
+    /**
+     * Obtains the caret position within the edited text.
+     */
+    GetCaretPosition(): number;
+    /**
+     * Selects the specified portion of the editor's text.
+     * @param startPos A zero-based integer value specifying the selection's starting position.
+     * @param endPos A zero-based integer value specifying the selection's ending position.
+     * @param scrollToSelection true to scroll the editor's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(startPos: number, endPos: number, scrollToSelection: boolean): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying and editing text data in their edit regions.
+ */
+interface ASPxClientTextBoxBase extends ASPxClientTextEdit {
+}
+/**
+ * Represents a base for client button editor objects.
+ */
+interface ASPxClientButtonEditBase extends ASPxClientTextBoxBase {
+    /**
+     * Occurs on the client side after an editor button is clicked.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientButtonEditBase>>;
+    /**
+     * Specifies whether the button is visible.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     * @param value true, to make the button visible; otherwise, false.
+     */
+    SetButtonVisible(number: number, value: boolean): void;
+    /**
+     * Returns a value specifying whether a button is displayed.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     */
+    GetButtonVisible(number: number): boolean;
+}
+/**
+ * Represents a base class for the editors that contain a drop down window.
+ */
+interface ASPxClientDropDownEditBase extends ASPxClientButtonEditBase {
+    /**
+     * Occurs on the client-side when the drop down window is opened.
+     */
+    DropDown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side when the drop down window is closed.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side before the drop down window is closed and allows you to cancel the operation.
+     */
+    QueryCloseUp: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Modifies the size of the drop down window in accordance with its content.
+     */
+    AdjustDropDownWindow(): void;
+    /**
+     * Invokes the editor's drop down window.
+     */
+    ShowDropDown(): void;
+    /**
+     * Closes the opened drop down window of the editor.
+     */
+    HideDropDown(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxColorEdit control.
+ */
+interface ASPxClientColorEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected color has been changed within the color editor via end-user interaction.
+     */
+    ColorChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientColorEdit. Use the ColorChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * Returns the color editor's value.
+     */
+    GetColor(): string;
+    /**
+     * Specifies the color value for the color editor.
+     * @param value A string value specifying the editor color.
+     */
+    SetColor(value: string): void;
+    /**
+     * Indicates whether the automatic color item is selected.
+     */
+    IsAutomaticColorSelected(): boolean;
+}
+/**
+ * Represent the client-side equivalent of the ASPxComboBox control.
+ */
+interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientComboBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientComboBox>>;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     */
+    SetText(text: string): void;
+    /**
+     * Adds a new item to the editor specifying the item's display text and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Removes all items from the client combo box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Prevents the client combobox editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the index of the selected item within the combo box editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the combobox editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Gets the text displayed in the editor's edit box.
+     */
+    GetText(): string;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Determines whether the drop-down content is loaded; if not - loads the content.
+     * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
+     */
+    EnsureDropDownLoaded(callbackFunction: Object): void;
+    /**
+     * Defines the HTML content for the specified combo box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the combo box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified combo box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxDateEdit control.
+ */
+interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected date has been changed within the date editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Enables you to convert the value entered by an end user into the value that will be stored by the date editor.
+     */
+    ParseDate: ASPxClientEvent<ASPxClientParseDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CalendarCustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientDateEdit. Use the DateChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Returns the calendar of the date editor.
+     */
+    GetCalendar(): ASPxClientCalendar;
+    /**
+     * Returns the built-in time edit control.
+     */
+    GetTimeEdit(): ASPxClientTimeEdit;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+    /**
+     * Returns the number of days in a range selected within a date edit.
+     */
+    GetRangeDayCount(): number;
+    /**
+     * Gets the minimum date of the editor.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the editor.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date of the editor.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the editor.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the ParseDate client-side event that parses a string entered into a date editor.
+ */
+interface ASPxClientParseDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value entered into the date editor by an end user.
+     * Value: The string value entered into the date editor by an end user.
+     */
+    value: string;
+    /**
+     * Gets or sets the edit value of the date editor.
+     * Value: A date/time value representing the edit value of the date editor.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the client ParseDate event, that parses a date editor's value when entered.
+ */
+interface ASPxClientParseDateEventHandler<S> {
+    /**
+     * A method that will handle the ParseDate event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientParseDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientParseDateEventArgs): void;
+}
+/**
+ * Represents a base for client editor objects realizing the dropdown editor functionality.
+ */
+interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Obtains the key value associated with the text displayed within the editor's edit box.
+     */
+    GetKeyValue(): string;
+    /**
+     * Specifies the key value associated with the text displayed within the editor's edit box.
+     * @param keyValue A string specifying the key value associated with the editor's value (displayed text).
+     */
+    SetKeyValue(keyValue: string): void;
+}
+/**
+ * A method that will handle the client events involving a keyboard key being pressed or released.
+ */
+interface ASPxClientEditKeyEventHandler<S> {
+    /**
+     * A method that will handle the client events concerning a keyboard key being pressed.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientEditKeyEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditKeyEventArgs): void;
+}
+/**
+ * Provides data for the client events involved with a key being pressed or released.
+ */
+interface ASPxClientEditKeyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle client validation events.
+ */
+interface ASPxClientEditValidationEventHandler<S> {
+    /**
+     * A method that will handle client validation events.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientEditValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditValidationEventArgs): void;
+}
+/**
+ * Provides data for the client events that are related to data validation (see Validate).
+ */
+interface ASPxClientEditValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error description.
+     * Value: A string representing the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the value is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the editor's value being validated.
+     * Value: An object that represents the validated value.
+     */
+    value: string;
+}
+/**
+ * Represents the client ASPxFilterControl.
+ */
+interface ASPxClientFilterControl extends ASPxClientControl {
+    /**
+     * Occurs after a new filter expression has been applied.
+     */
+    Applied: ASPxClientEvent<ASPxClientFilterAppliedEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFilterControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Returns the filter expression.
+     */
+    GetFilterExpression(): string;
+    /**
+     * Returns the applied filter expression.
+     */
+    GetAppliedFilterExpression(): string;
+    /**
+     * Returns the editor used to edit operand values for the specified filter column.
+     * @param editorIndex An integer value that identifies the filter column by its index within the collection.
+     */
+    GetEditor(editorIndex: number): ASPxClientEditBase;
+    /**
+     * Returns a value indicating whether the filter expression being currently composed on the client side is valid - all expression conditions are filled.
+     */
+    IsFilterExpressionValid(): boolean;
+    /**
+     * Applies a filter constructed by an end-user.
+     */
+    Apply(): void;
+    /**
+     * Resets the current filter expression to a previously applied filter expression.
+     */
+    Reset(): void;
+}
+/**
+ * A method that will handle the Applied event.
+ */
+interface ASPxClientFilterAppliedEventHandler<S> {
+    /**
+     * A method that will handle the Applied event.
+     * @param source The event source.
+     * @param e An ASPxClientFilterAppliedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFilterAppliedEventArgs): void;
+}
+/**
+ * Provides data for the Applied event.
+ */
+interface ASPxClientFilterAppliedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the filter expression currently being applied.
+     * Value: A string value that specifies the filter expression currently being applied.
+     */
+    filterExpression: string;
+}
+/**
+ * Represents a base for client editor objects that display a list of items.
+ */
+interface ASPxClientListEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientListEdit>>;
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Returns the index of the selected item within the list editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Sets the list editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ListEditItem object.
+ */
+interface ASPxClientListEditItem {
+    /**
+     * Gets a value that indicates whether a list edit item is selected.
+     * Value: true if a list edit item is selected; otherwise, false.
+     */
+    selected: boolean;
+    /**
+     * Gets an editor to which the current item belongs.
+     * Value: An ASPxClientListEdit object that represents the item's owner editor.
+     */
+    listEditBase: ASPxClientListEdit;
+    /**
+     * Gets the item's index.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets the item's associated image.
+     * Value: A string value that represents the path to the image displayed by the item.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that represents the item's display text.
+     */
+    text: string;
+    /**
+     * Gets the item's associated value.
+     * Value: An object that represents the value associated with the item.
+     */
+    value: Object;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its index.
+     * @param columnIndex An integer value that specifies the column's index within the editor's Columns collection.
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its field name.
+     * @param columnName A string value that specifies the column's field name defined via the FieldName property.
+     */
+    GetColumnText(columnName: string): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxListBox control.
+ */
+interface ASPxClientListBox extends ASPxClientListEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientListBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a different item in the list box has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client when the editor's item is double clicked.
+     */
+    ItemDoubleClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientListBox>>;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns an array of the list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all list box items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all list box items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects the items with the specified indices within a list box.
+     * @param indices An array of integer values that represent the items indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Unselects an array of the list box items with the specified indices.
+     * @param indices An array of integer values that represent the indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Select the items with the specified values within a list box.
+     * @param values An array of Object[] objects that represent the item's values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects an array of the list box items with the specified values.
+     * @param values An array of Object[] objects that represent the values.
+     */
+    UnselectValues(values: Object[]): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Initializes the ASPxClientListBox client object when its parent container becomes visible dynamically, on the client side.
+     */
+    InitOnContainerMadeVisible(): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Prevents the client list box editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method, and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Removes all items from the client list box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the added item's index.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Defines the HTML content for the specified list box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the list box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified list box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Serves as the base type for the ASPxClientRadioButtonList objects.
+ */
+interface ASPxClientCheckListBase extends ASPxClientListEdit {
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButtonList control.
+ */
+interface ASPxClientRadioButtonList extends ASPxClientCheckListBase {
+}
+/**
+ * A client-side equivalent of the ASPxCheckBoxList object.
+ */
+interface ASPxClientCheckBoxList extends ASPxClientCheckListBase {
+    /**
+     * Occurs on the client side after a different item in the check box list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientCheckBoxList>>;
+    /**
+     * Returns an array of the check box list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the check box list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the check box list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all check box list items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all check box list items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Selects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Unselects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    UnselectValues(values: Object[]): void;
+}
+/**
+ * A method that will handle the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedIndexChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientListEditItemSelectedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemSelectedChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the item is selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxProgressBar control.
+ */
+interface ASPxClientProgressBar extends ASPxClientEditBase {
+    /**
+     * Sets the position of the operation's progress.
+     * @param position An integer value specifying the progress position.
+     */
+    SetPosition(position: number): void;
+    /**
+     * Gets the position of the operation's progress.
+     */
+    GetPosition(): number;
+    /**
+     * Sets the pattern used to format the displayed text for the progress bar.
+     * @param text A  value that is the format pattern.
+     */
+    SetCustomDisplayFormat(text: string): void;
+    /**
+     * Returns the text displayed within the progress bar.
+     */
+    GetDisplayText(): string;
+    /**
+     * Sets the percentage representation of the progress position.
+     */
+    GetPercent(): number;
+    /**
+     * Sets the minimum range value of the progress bar.
+     * @param min An integer value specifying the minimum value of the progress bar range.
+     */
+    SetMinimum(min: number): void;
+    /**
+     * Sets the maximum range value of the progress bar.
+     * @param max An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMaximum(max: number): void;
+    /**
+     * Gets the minimum range value of the progress bar.
+     */
+    GetMinimum(): number;
+    /**
+     * Gets the maximum range value of the progress bar.
+     */
+    GetMaximum(): number;
+    /**
+     * Sets the minimum and maximum range values of the progress bar.
+     * @param minValue An integer value specifying the minimum value of the progress bar range.
+     * @param maxValue An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMinMaxValues(minValue: number, maxValue: number): void;
+}
+/**
+ * Represents a base class for the ASPxClientSpinEdit object.
+ */
+interface ASPxClientSpinEditBase extends ASPxClientButtonEditBase {
+    /**
+     * This event is not in effect for the ASPxClientSpinEditBase. Use the ASPxClientTimeEdit.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEditBase>>;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpinEdit control.
+ */
+interface ASPxClientSpinEdit extends ASPxClientSpinEditBase {
+    /**
+     * Occurs on the client side when the editor's value is altered in any way.
+     */
+    NumberChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEdit>>;
+    /**
+     * Specifies the value of the spin edit control on the client side.
+     * @param number A Decimal value specifying the control value.
+     */
+    SetValue(number: number): void;
+    /**
+     * Sets the spin editor's value.
+     * @param number A decimal number specifying the value to assign to the spin editor.
+     */
+    SetNumber(number: number): void;
+    /**
+     * Gets a number which represents the spin editor's value.
+     */
+    GetNumber(): number;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the minimum value of the editor.
+     * @param value A decimal value specifying the minimum value of the editor.
+     */
+    SetMinValue(value: number): void;
+    /**
+     * Gets the minimum value of the editor.
+     */
+    GetMinValue(): number;
+    /**
+     * Sets the maximum value of the editor.
+     * @param value A decimal value specifying the maximum value of the editor.
+     */
+    SetMaxValue(value: number): void;
+    /**
+     * Gets the maximum value of the editor.
+     */
+    GetMaxValue(): number;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTimeEdit control.
+ */
+interface ASPxClientTimeEdit extends ASPxClientSpinEditBase {
+    /**
+     * Fires after the selected date has been changed within the time editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimeEdit>>;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+}
+/**
+ * Represents a base for client-side static editors whose values cannot be visually changed by end users.
+ */
+interface ASPxClientStaticEdit extends ASPxClientEditBase {
+    /**
+     * Occurs on the client side after an end-user clicks within a static editor.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientStaticEdit>>;
+}
+/**
+ * A method that will handle client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditEventHandler<S> {
+    /**
+     * A method that will handle client-side events which concern clicking within editors.
+     * @param source An object representing the event source. Identifies the editor that raised the event.
+     * @param e An ASPxClientEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditClickEventArgs): void;
+}
+/**
+ * Provides data for the client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the HTML element related to the event.
+     * Value: An object that represents the clicked HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHyperLink control.
+ */
+interface ASPxClientHyperLink extends ASPxClientStaticEdit {
+    /**
+     * Gets an URL which defines the navigation location for the editor's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies an URL which defines the navigation location for the editor's hyperlink.
+     * @param url A string value which specifies an URL to where the client web browser will navigate when a hyperlink in the editor is clicked.
+     */
+    SetNavigateUrl(url: string): void;
+    /**
+     * Gets the text caption displayed for the hyperlink in the hyperlink editor.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text caption displayed for the hyperlink in the hyperlink editor.
+     * @param text A string value specifying the text caption for the hyperlink in the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying images.
+ */
+interface ASPxClientImageBase extends ASPxClientStaticEdit {
+    /**
+     * Sets the size of the image displayed within the image editor.
+     * @param width An integer value that specifies the image's width.
+     * @param height An integer value that specifies the image's height.
+     */
+    SetSize(width: number, height: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxImage control.
+ */
+interface ASPxClientImage extends ASPxClientImageBase {
+    /**
+     * Returns the URL pointing to the image displayed within the image editor.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the image editor.
+     * @param url A string value specifying the URL to the image displayed within the editor.
+     */
+    SetImageUrl(url: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxLabel control.
+ */
+interface ASPxClientLabel extends ASPxClientStaticEdit {
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTextBox control.
+ */
+interface ASPxClientTextBox extends ASPxClientTextBoxBase {
+}
+/**
+ * Represents the client-side equivalent of the ASPxMemo control.
+ */
+interface ASPxClientMemo extends ASPxClientTextEdit {
+}
+/**
+ * Represents the client-side equivalent of the ASPxButtonEdit control.
+ */
+interface ASPxClientButtonEdit extends ASPxClientButtonEditBase {
+}
+/**
+ * A method that will handle the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventHandler<S> {
+    /**
+     * A method that will handle the ButtonClick event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientButtonEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonEditClickEventArgs): void;
+}
+/**
+ * Provides data for the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the clicked button.
+     * Value: An integer value representing the index of the clicked button within the editor's Buttons collection.
+     */
+    buttonIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxTokenBox object.
+ */
+interface ASPxClientTokenBox extends ASPxClientComboBox {
+    /**
+     * Fires on the client side after the token collection has been changed.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTokenBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text A string value specifying the token's text.
+     */
+    AddToken(text: string): void;
+    /**
+     * Removes a token specified by its text from the client token box.
+     * @param text A string value that is the text of the token to be removed.
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a token specified by its index from the client token box.
+     * @param index An integer value that is the index of the token to be removed.
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Sets a collection of tokens.
+     * @param collection A  object that is the collection of tokens.
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Removes all tokens contained in the token box.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text A string value that specifies the text of the token.
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Gets the token texts, separated with a sign, specified by the TextSeparator property.
+     */
+    GetText(): string;
+    /**
+     * Sets the token texts, separated with a sign, specified by the TextSeparator property.
+     * @param text A string value that is the token texts separated with a text separator.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the editor value.
+     */
+    GetValue(): string;
+    /**
+     * Sets the editor value.
+     * @param value A string that is the editor value.
+     */
+    SetValue(value: string): void;
+    /**
+     * Returns a value that indicates if the specified token (string) is a custom token.
+     * @param text A string value that is a token.
+     * @param caseSensitive true, if tokens are case sensitive; otherwise, false.
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * The client-side equivalent of the ASPxTrackBar control.
+ */
+interface ASPxClientTrackBar extends ASPxClientEdit {
+    /**
+     * Fires on the client side before a track bar position is changed and allows you to cancel the action.
+     */
+    PositionChanging: ASPxClientEvent<ASPxClientTrackBarPositionChangingEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Fires after the editor's position has been changed.
+     */
+    PositionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user moves a cursor while the drag handle is held down.
+     */
+    Track: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a drag handle and moves it.
+     */
+    TrackStart: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a drag handle after moving it.
+     */
+    TrackEnd: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Returns a track bar item index by the item's value.
+     * @param value An object that specifies the item's value.
+     */
+    GetItemIndexByValue(value: Object): number;
+    /**
+     * Returns a track bar item's associated value.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemValue(index: number): Object;
+    /**
+     * Returns a track bar item text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemText(index: number): string;
+    /**
+     * Returns a track bar item's tooltip text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemToolTip(index: number): string;
+    /**
+     * Returns the number of the track bar items that are maintained by the item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Specifies the secondary drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionEnd(position: number): void;
+    /**
+     * Specifies the main drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionStart(position: number): void;
+    /**
+     * Returns the secondary drag handle position.
+     */
+    GetPositionEnd(): number;
+    /**
+     * Returns the main drag handle position.
+     */
+    GetPositionStart(): number;
+    /**
+     * Gets a drag handle position.
+     */
+    GetPosition(): number;
+    /**
+     * Specifies a drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPosition(position: number): void;
+}
+/**
+ * A method that will handle the client PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventHandler<S> {
+    /**
+     * A method that will handle the PositionChanging event.
+     * @param source The event source. Identifies the ASPxTrackBar control that raised the event.
+     * @param e A ASPxClientTrackBarPositionChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTrackBarPositionChangingEventArgs): void;
+}
+/**
+ * Provides data for the PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the current drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPosition: number;
+    /**
+     * Gets the current secondary drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionEnd: number;
+    /**
+     * Gets the current main drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionStart: number;
+    /**
+     * Gets a position where the drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPosition: number;
+    /**
+     * Gets a position where the secondary drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionEnd: number;
+    /**
+     * Gets a position where the main drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionStart: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxValidationSummary control.
+ */
+interface ASPxClientValidationSummary extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the validation summary's visibility is changed.
+     */
+    VisibilityChanged: ASPxClientEvent<ASPxClientValidationSummaryVisibilityChangedEventHandler<ASPxClientValidationSummary>>;
+}
+/**
+ * A method that will handle the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventHandler<S> {
+    /**
+     * A method that will handle the VisibilityChanged client event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientValidationSummaryVisibilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationSummaryVisibilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the editor is visible on the client.
+     * Value: true if the editor is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client ASPxGaugeControl.
+ */
+interface ASPxClientGaugeControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Fires when errors have occurred during callback processing.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Lists values that specify the position relative to the target column in which a moved column should be placed.
+ */
+interface ASPxClientGridColumnMovingTargetPosition {
+    /**
+     * A moved column should be placed to the right of the target column.
+     */
+    Right: number;
+    /**
+     * A moved column should be placed to the left of the target column.
+     */
+    Left: number;
+    /**
+     * A moved column should be placed at the top of the target column.
+     */
+    Top: number;
+    /**
+     * A moved column should be placed at the bottom of the target column.
+     */
+    Bottom: number;
+}
+/**
+ * Represents the client ASPxGridView.
+ */
+interface ASPxClientGridBase extends ASPxClientControl {
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientGridToolbarItemClickEventHandler<ASPxClientGridBase>>;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a grid's toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
+}
+/**
+ * Serves as a base object implementing the client column functionality.
+ */
+interface ASPxClientGridColumnBase {
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientGridExportFormat {
+}
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridToolbarItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string value that is the toolbar name.
+     */
+    toolbarName: string;
+    /**
+     * Gets the clicked menu item
+     * Value: An ASPxClientMenu value that is the menu item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
+/**
+ * The client-side equivalent of the ASPxGridLookup control.
+ */
+interface ASPxClientGridLookup extends ASPxClientDropDownEditBase {
+    /**
+     * Fires on the client when a data row is clicked within the built-in dropdown grid.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Returns a client object representing the built-in dropdown grid.
+     */
+    GetGridView(): ASPxClientGridView;
+    /**
+     * Confirms the current selection made by an end-user within the editor's dropdown grid.
+     */
+    ConfirmCurrentSelection(): void;
+    /**
+     * Cancels the current selection made by an end-user within the editor's dropdown grid and rolls back to the last confirmed selection. The selection can be confirmed by either pressing the Enter key or calling the ConfirmCurrentSelection method.
+     */
+    RollbackToLastConfirmedSelection(): void;
+}
+/**
+ * Represents the client ASPxCardView.
+ */
+interface ASPxClientCardView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientCardViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientCardViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientCardViewCustomButtonEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientCardViewSelectionEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientCardViewBatchEditStartEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid leaves batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientCardViewBatchEditEndEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientCardViewBatchEditConfirmShowingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to specify whether card data is valid and provide an error text.
+     */
+    BatchEditCardValidating: ASPxClientEvent<ASPxClientCardViewBatchEditCardValidatingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientCardViewBatchEditChangesSavingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientCardViewBatchEditChangesCancelingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is inserted in batch edit mode.
+     */
+    BatchEditCardInserting: ASPxClientEvent<ASPxClientCardViewBatchEditCardInsertingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is deleted in batch edit mode.
+     */
+    BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientCardViewFocusedCellChangingEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is clicked.
+     */
+    CardClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is double clicked.
+     */
+    CardDblClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires in response to changing card focus.
+     */
+    FocusedCardChanged: ASPxClientEvent<ASPxClientCardViewFocusEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires before a card has been focused.
+     */
+    CardFocusing: ASPxClientEvent<ASPxClientCardViewCardFocusingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientCardView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the customization window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientCardViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientCardViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientCardViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientCardViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientCardViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientCardViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param cardVisibleIndex An  value that specifies the visible index of the card.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(cardVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientCardViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientCardViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A string value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the CardView.
+     * @param moveBefore true, to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Returns the key value of the specified card.
+     * @param visibleIndex An integer value that specifies the card's visible index.
+     */
+    GetCardKey(visibleIndex: number): string;
+    /**
+     * Switches the CardView to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a card to be edited.
+     */
+    StartEditCard(visibleIndex: number): void;
+    /**
+     * Switches the ASPxCardView to edit mode.
+     * @param key An object that uniquely identifies a card to be edited.
+     */
+    StartEditCardByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new card is being edited.
+     */
+    IsNewCardEditing(): boolean;
+    /**
+     * Adds a new card.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card.
+     * @param visibleIndex An integer value that identifies the card.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with the specified key value.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Returns the focused card's index.
+     */
+    GetFocusedCardIndex(): number;
+    /**
+     * Moves focus to the specified card.
+     * @param visibleIndex An integer value that specifies the focused card's index.
+     */
+    SetFocusedCardIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected cards within the CardView.
+     */
+    SelectCards(): void;
+    /**
+     * Selects the specified card displayed within the CardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCards(visibleIndex: number): void;
+    /**
+     * Selects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    SelectCards(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCards(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified card within the GridView.
+     * @param visibleIndex An integer zero-based index that identifies the data card within the grid.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCards(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCardsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified card displayed within the CardView.
+     * @param key An object that uniquely identifies the card.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    SelectCardsByKey(keys: Object[]): void;
+    /**
+     * Selects a card displayed within the CardView by its key.
+     * @param key An object that uniquely identifies the card.
+     */
+    SelectCardsByKey(key: Object): void;
+    /**
+     * Deselects the specified cards displayed within the ASPxCardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    UnselectCardsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified card displayed within the ASPxCardView.
+     * @param key An object that uniquely identifies the card.
+     */
+    UnselectCardsByKey(key: Object): void;
+    /**
+     * Deselects all the selected cards within the ASPxCardView.
+     */
+    UnselectCards(): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    UnselectCards(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCards(visibleIndex: number): void;
+    /**
+     * Deselects all grid cards that match the filter criteria currently applied to the CardView.
+     */
+    UnselectFilteredCards(): void;
+    /**
+     * Selects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified cards (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected cards displayed on the current page.
+     */
+    SelectAllCardsOnPage(): void;
+    /**
+     * Allows you to select or deselect all cards displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected cards displayed on the current page; false to deselect all selected cards on the page.
+     */
+    SelectAllCardsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected cards displayed on the current page.
+     */
+    UnselectAllCardsOnPage(): void;
+    /**
+     * Returns the number of selected cards.
+     */
+    GetSelectedCardCount(): number;
+    /**
+     * Indicates whether or not the specified card is selected within the current page.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsCardSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Exports a grid data to a file in the specified format.
+     * @param format An ASPxClientCardViewExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientCardViewExportFormat): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the grid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client CardView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first card displayed within the grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the CardView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the customization window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the customization window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the customization window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the customization window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client grid.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the card values displayed within all selected cards.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns key values of selected cards displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified card.
+     * @param visibleIndex An integer value that identifies the data card.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the card values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the number of cards actually displayed within the active page.
+     */
+    GetVisibleCardsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the client column to which the specified data source field is bound.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientCardViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientCardViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of card values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxCardView column.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientCardViewColumn object that represents the processed column.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A method that will handle the client CardFocusing event.
+ */
+interface ASPxClientCardViewCardFocusingEventHandler<S> {
+    /**
+     * Represents a method that will handle the CardFocusing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewCardFocusingEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardFocusingEventArgs): void;
+}
+/**
+ * Provides data for the CardFocusing event.
+ */
+interface ASPxClientCardViewCardFocusingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the card visible index.
+     * Value: An integer value specifying the visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardFocusing event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventHandler<S> {
+    /**
+     * A method that will handle the CardClick event.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCardClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardClickEventArgs): void;
+}
+/**
+ * Provides data for the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the card whose custom button has been clicked.
+     * Value: An integer value that identifies the card whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the card whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the card has been selected.
+     * Value: true if the card has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all cards displayed within a page have been selected or unselected.
+     * Value: true if all cards displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client FocusedCardChanged event.
+ */
+interface ASPxClientCardViewFocusEventHandler<S> {
+    /**
+     * Represents a method that will handle the FocusedCardChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewFocusEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientCardViewFocusEventArgs): void;
+}
+/**
+ * Provides data for the corresponding event.
+ */
+interface ASPxClientCardViewFocusEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets whether card focusing has been changed on the server.
+     * Value: true , if the card focusing has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the CardView column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the focused CardView column.
+     */
+    focusedColumn: ASPxClientCardViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditCardValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer value that specifies the processed card's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a card currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientCardViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardDeleting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information of a card's cell currently being focused.
+     * Value: A ASPxClientCardViewCellInfo object that provides information about the card's cell.
+     */
+    cellInfo: ASPxClientCardViewCellInfo;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientCardViewBatchEditApi {
+    /**
+     * Performs validation of CardView data contained in the cards when the CardView operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified cards should be validated; otherwise, false.
+     */
+    ValidateCards(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of CardView data contained in the specified card when the CardView operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated card.
+     */
+    ValidateCard(visibleIndex: number): boolean;
+    /**
+     * Returns an array of card visible indices.
+     * @param includeDeleted true, to include visible indices of deleted cards to the returned array; otherwise, false.
+     */
+    GetCardVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted card visible indices.
+     */
+    GetDeletedCardIndices(): number[];
+    /**
+     * Returns an array of the inserted card visible indices.
+     */
+    GetInsertedCardIndices(): number[];
+    /**
+     * Indicates if the card with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsDeletedCard(visibleIndex: number): boolean;
+    /**
+     * Indicates if the card with the specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsNewCard(visibleIndex: number): boolean;
+    /**
+     * Adds a new card when ASPxCardView is in Batch Edit mode.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card when ASPxCardView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the card index.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with a specified key value when ASPxCardView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Recovers the specified card when ASPxCardView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the card index.
+     */
+    RecoverCard(visibleIndex: number): void;
+    /**
+     * Recovers a card with a specified key value when ASPxCardView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the card.
+     */
+    RecoverCardByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the card
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the card.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientCardViewCellInfo;
+    /**
+     * Returns a value that indicates whether the card view has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified card has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified card.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or card editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientCardViewCellInfo {
+    /**
+     * Gets the visible index of the card that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    cardVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientCardViewExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * A client-side equivalent of the ASPxGridView object.
+ */
+interface ASPxClientGridView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientGridViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientGridViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientGridViewCustomButtonEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientGridViewSelectionEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires in response to changing row focus.
+     */
+    FocusedRowChanged: ASPxClientEvent<ASPxClientGridViewFocusEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a row has been focused.
+     */
+    RowFocusing: ASPxClientEvent<ASPxClientGridViewRowFocusingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to cancel data grouping.
+     */
+    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires when an end-user starts dragging the column's header and enables you to cancel this operation.
+     */
+    ColumnStartDragging: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientGridViewColumnProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to control column movement.
+     */
+    ColumnMoving: ASPxClientEvent<ASPxClientGridViewColumnMovingEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is expanded.
+     */
+    RowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is collapsed.
+     */
+    RowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is expanded.
+     */
+    DetailRowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is collapsed.
+     */
+    DetailRowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is clicked.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is double clicked.
+     */
+    RowDblClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after an end-user right clicks in the GridView, and enables you to provide a custom context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientGridViewContextMenuEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client side when a context menu item has been clicked.
+     */
+    ContextMenuItemClick: ASPxClientEvent<ASPxClientGridViewContextMenuItemClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to specify whether row data is valid and provide an error text.
+     */
+    BatchEditRowValidating: ASPxClientEvent<ASPxClientGridViewBatchEditRowValidatingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientGridViewBatchEditConfirmShowingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientGridViewBatchEditStartEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientGridViewBatchEditEndEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientGridViewBatchEditChangesSavingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientGridViewBatchEditChangesCancelingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is inserted in batch edit mode.
+     */
+    BatchEditRowInserting: ASPxClientEvent<ASPxClientGridViewBatchEditRowInsertingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is deleted in batch edit mode.
+     */
+    BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientGridViewFocusedCellChangingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientGridView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Selects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    SelectRows(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRows(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified row within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the data row within the grid.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRows(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRowsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    SelectRowsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid row by its key.
+     * @param key An object that uniquely identifies the row.
+     */
+    SelectRowsByKey(key: Object): void;
+    /**
+     * Deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    UnselectRowsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     */
+    UnselectRowsByKey(key: Object): void;
+    /**
+     * Deselects all the selected rows within the grid.
+     */
+    UnselectRows(): void;
+    /**
+     * Deselects the specified rows (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    UnselectRows(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified row (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRows(visibleIndex: number): void;
+    /**
+     * Deselects all grid rows that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRows(): void;
+    /**
+     * Selects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified row (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected rows displayed on the current page.
+     */
+    SelectAllRowsOnPage(): void;
+    /**
+     * Allows you to select or deselect all rows displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected rows displayed on the current page; false to deselect all selected rows on the page.
+     */
+    SelectAllRowsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected rows displayed on the current page.
+     */
+    UnselectAllRowsOnPage(): void;
+    /**
+     * Returns the number of selected rows.
+     */
+    GetSelectedRowCount(): number;
+    /**
+     * Indicates whether or not the specified row is selected within the current page.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsRowSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a group row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsGroupRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a data row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDataRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified group row is expanded.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    IsGroupRowExpanded(visibleIndex: number): boolean;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVertScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorzScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVertScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorzScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Sets the scrollability of various types of grid rows when the grid displays fixed columns.
+     * @param scrollableRowSettings An object specifying which types of grid rows should or should not be scrollable.
+     */
+    SetFixedColumnScrollableRows(scrollableRowSettings: Object): void;
+    /**
+     * Exports a grid data to a file in the specified format.
+     * @param format An ASPxClientGridViewExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientGridViewExportFormat): void;
+    /**
+     * Returns a value specifying the indices of the rows visible in the browser's view port.
+     * @param includePartiallyVisible true, to include partially visible rows, otherwise, false.
+     */
+    GetRowIndicesVisibleInViewPort(includePartiallyVisible: boolean): number[];
+    /**
+     * Applies a filter specified in the filter row to the GridView.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data colum within the ASPxGridView.
+     */
+    GetAutoFilterEditor(column: ASPxClientGridViewColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client GridView.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientGridViewColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the GridView.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client GridView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first data row displayed within the GridView's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the GridView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnsCount(): number;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the row values displayed within all selected rows.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected rows are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns key values of selected rows displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified row.
+     * @param visibleIndex An integer value that identifies the data row.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified row are returned.
+     * @param onCallback An ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetRowValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the row values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetPageRowValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the number of rows actually displayed within the active page.
+     */
+    GetVisibleRowsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientGridViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientGridViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientGridViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientGridViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientGridViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientGridViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientGridViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param rowVisibleIndex An integer value that specifies the visible index of the row.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(rowVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Invokes the Customization Dialog and displays it over the grid.
+     */
+    ShowCustomizationDialog(): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A String value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the ASPxGridView's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the ASPxGridView's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Returns an object specifying the grid column's layout.
+     */
+    GetColumnLayout(): Object;
+    /**
+     * Specifies the grid column's layout.
+     * @param columnLayout An object specifying the grid column's layout.
+     */
+    SetColumnLayout(columnLayout: Object): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     */
+    GroupBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GroupBy(columnIndex: number): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GroupBy(columnFieldNameOrId: string): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnIndex: number, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnIndex: number, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number, sortOrder: string): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the ASPxGridView.
+     */
+    UnGroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    UnGroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    UnGroup(columnFieldNameOrId: string): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param column A ASPxClientGridViewColumn object that is the grid column.
+     */
+    Ungroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnIndex An integer value that is the column index.
+     */
+    Ungroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnFieldNameOrId A string value that is the column's FieldName or ID.
+     */
+    Ungroup(columnFieldNameOrId: string): void;
+    /**
+     * Expands all group rows.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all group rows.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all detail rows.
+     */
+    ExpandAllDetailRows(): void;
+    /**
+     * Collapses all detail rows.
+     */
+    CollapseAllDetailRows(): void;
+    /**
+     * Expands the specified group row preserving the collapsed state of any child group row.
+     * @param visibleIndex An integer value that identifies the group row.
+     */
+    ExpandRow(visibleIndex: number): void;
+    /**
+     * Expands the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row.
+     * @param recursive true to expand any child group rows at all nesting levels; false to preserve the collapsed state of any child group rows.
+     */
+    ExpandRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Collapses the specified group row preserving the expanded state of child group rows.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    CollapseRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     * @param recursive true to collapse child group rows at all nesting levels; false to preserve the expanded state of any child group row.
+     */
+    CollapseRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Scrolls the view to the specified row.
+     * @param visibleIndex An integer value that identifies a row by its visible index.
+     */
+    MakeRowVisible(visibleIndex: number): void;
+    /**
+     * Expands the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    ExpandDetailRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    CollapseDetailRow(visibleIndex: number): void;
+    /**
+     * Returns the key value of the specified data row.
+     * @param visibleIndex An integer value that specifies the row's visible index.
+     */
+    GetRowKey(visibleIndex: number): string;
+    /**
+     * Switches the grid to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a data row to be edited.
+     */
+    StartEditRow(visibleIndex: number): void;
+    /**
+     * Switches the grid to edit mode.
+     * @param key An object that uniquely identifies a data row to be edited.
+     */
+    StartEditRowByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new row is being edited.
+     */
+    IsNewRowEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row.
+     * @param visibleIndex An integer value that identifies the row.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with the specified key value.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Returns the focused row's index.
+     */
+    GetFocusedRowIndex(): number;
+    /**
+     * Moves focus to the specified row.
+     * @param visibleIndex An integer value that specifies the focused row's index.
+     */
+    SetFocusedRowIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected rows within the grid.
+     */
+    SelectRows(): void;
+    /**
+     * Selects the specified row displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRows(visibleIndex: number): void;
+}
+/**
+ * A client grid column.
+ */
+interface ASPxClientGridViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the column's unique identifier.
+     * Value: A string value that specifies the column's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientGridViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxGridView column.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientGridViewColumn object that represents the processed column.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the client events concerned with column processing.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with column processing.
+     * @param source The event source.
+     * @param e A ASPxClientGridViewColumnProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events  concerned with column processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a grid column related to the event.
+     * Value: An ASPxClientGridViewColumn object representing the column related to the event.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the RowExpanding events.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer zero-based index that identifies the processed row.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the row whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the row has been selected.
+     * Value: true if the row has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all rows displayed within a page have been selected or unselected.
+     * Value: true if all rows displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client FocusedRowChanged event.
+ */
+interface ASPxClientGridViewFocusEventHandler<S> {
+    /**
+     * Represents a method that will handle the FocusedRowChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewFocusEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientGridViewFocusEventArgs): void;
+}
+/**
+ * Provides data for the corresponding event.
+ */
+interface ASPxClientGridViewFocusEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets whether the row focusing has been changed on the server.
+     * Value: true , if the row focusing has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client RowFocusing event.
+ */
+interface ASPxClientGridViewRowFocusingEventHandler<S> {
+    /**
+     * Represents a method that will handle the RowFocusing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowFocusingEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowFocusingEventArgs): void;
+}
+/**
+ * Provides data for the RowFocusing event.
+ */
+interface ASPxClientGridViewRowFocusingEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowFocusing event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the RowClick events.
+ */
+interface ASPxClientGridViewRowClickEventHandler<S> {
+    /**
+     * A method that will handle the RowClick event.
+     * @param source The event source. This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewRowClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowClickEventArgs): void;
+}
+/**
+ * Provides data for the RowClick event.
+ */
+interface ASPxClientGridViewRowClickEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies grid element.
+     */
+    objectType: string;
+    /**
+     * Identifies the grid element being right clicked by the user.
+     * Value: A zero-based integer index that identifies the grid element being clicked by the user.
+     */
+    index: number;
+    /**
+     * Provides access to the parameters associated with the ContextMenu event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets the currently processed menu object.
+     * Value: An object that is the currently processed menu.
+     */
+    menu: Object;
+    /**
+     * Specifies whether a browser context menu should be displayed.
+     * Value: true, to display a browser context menu; otherwise, false.    The default is false.
+     */
+    showBrowserMenu: boolean;
+}
+/**
+ * A method that will handle the client ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the clicked context menu item.
+     * Value: An <see cref="ASPxClientMenuItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies the grid element.
+     */
+    objectType: string;
+    /**
+     * Returns the processed element index.
+     * Value: An integer value that specifies the processed element index.
+     */
+    elementIndex: number;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+    /**
+     * Specifies whether default context menu item click is handled manually, so no default processing is required.
+     * Value: true if no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the row whose custom button has been clicked.
+     * Value: An integer value that identifies the row whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnMoving event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnMovingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnMovingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether a column is allowed to be moved.
+     * Value: true to allow column moving; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets the column currently being dragged by an end-user.
+     * Value: An ASPxClientGridViewColumn object that represents the column currently being dragged by an end-user.
+     */
+    sourceColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets the target column, before or after which the source column will be inserted (if dropped).
+     * Value: An ASPxClientGridViewColumn object that represents the target column. null (Nothing in Visual Basic) if the source column isn't over the column header panel.
+     */
+    destinationColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets whether the source column will be inserted before the target column (if dropped).
+     * Value: true if the source column will be inserted before the target column (if dropped); otherwise, false.
+     */
+    isDropBefore: boolean;
+    /**
+     * Gets whether the source column is currently over the Group Panel.
+     * Value: true if the source column is currently over the Group Panel; otherwise, false.
+     */
+    isGroupPanel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the focused grid column.
+     */
+    focusedColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells has been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditRowValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a row currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientGridViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientGridViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowDeleting event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientGridViewCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientGridViewCellInfo;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientGridViewCellInfo {
+    /**
+     * Gets the visible index of the row that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    rowVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientGridViewBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all rows when the grid operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified rows should be validated; otherwise, false.
+     */
+    ValidateRows(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified row when the grid operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated row.
+     */
+    ValidateRow(visibleIndex: number): boolean;
+    /**
+     * Returns an array of row visible indices.
+     * @param includeDeleted true, to include visible indices of deleted rows to the returned array; otherwise, false.
+     */
+    GetRowVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted row visible indices.
+     */
+    GetDeletedRowIndices(): number[];
+    /**
+     * Returns an array of the inserted row visible indices.
+     */
+    GetInsertedRowIndices(): number[];
+    /**
+     * Indicates if the row with specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDeletedRow(visibleIndex: number): boolean;
+    /**
+     * Indicates if the row with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsNewRow(visibleIndex: number): boolean;
+    /**
+     * Adds a new row when ASPxGridView is in Batch Edit mode.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row when ASPxGridView is in Batch Edit.
+     * @param visibleIndex An integer value that identifies the row index.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with a specified key value when ASPxGridView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Recovers the specified row when ASPxGridView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the row index.
+     */
+    RecoverRow(visibleIndex: number): void;
+    /**
+     * Recovers a row with a specified key value when ASPxGridView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the row.
+     */
+    RecoverRowByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the row.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the row.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientGridViewCellInfo;
+    /**
+     * Returns a value that indicates whether the grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified row has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     * @param columnFieldNameOrId A string value that identifies the column by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified row.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or row editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientGridViewExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * A client-side equivalent of the ASPxVerticalGrid object.
+ */
+interface ASPxClientVerticalGrid extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientVerticalGridBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientVerticalGridBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientVerticalGridCustomButtonEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientVerticalGridSelectionEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditStartEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditEndEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesSavingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is inserted in batch edit mode.
+     */
+    BatchEditRecordInserting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is deleted in batch edit mode.
+     */
+    BatchEditRecordDeleting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to specify whether record data is valid and provide an error text.
+     */
+    BatchEditRecordValidating: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientVerticalGridFocusedCellChangingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent rows from being sorted.
+     */
+    RowSorting: ASPxClientEvent<ASPxClientVerticalGridRowCancelEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side before the expansion state of a row is changed by end-user interaction.
+     */
+    RowExpandedChanging: ASPxClientEvent<ASPxClientVerticalGridRowExpandingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side after a row's expansion state has been changed by end-user interaction.
+     */
+    RowExpandedChanged: ASPxClientEvent<ASPxClientVerticalGridRowExpandedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is clicked.
+     */
+    RecordClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is double clicked.
+     */
+    RecordDblClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientVerticalGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     */
+    SortBy(rowIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    SortBy(rowFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true, to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param row An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Returns the key value of the specified data row (record in the vertical grid).
+     * @param visibleIndex An integer value that specifies the record's visible index.
+     */
+    GetRecordKey(visibleIndex: number): string;
+    /**
+     * Adds a new record.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with the specified key value.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Selects all the unselected records within the grid.
+     */
+    SelectRecords(): void;
+    /**
+     * Selects the specified record displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecords(visibleIndex: number): void;
+    /**
+     * Selects the specified rercords within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    SelectRecords(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified records within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecords(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified record within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the record within the grid.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecords(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecordsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    SelectRecordsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid record by its key.
+     * @param key An object that uniquely identifies the record.
+     */
+    SelectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all the selected records within the grid.
+     */
+    UnselectRecords(): void;
+    /**
+     * Deselects the specified records (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    UnselectRecords(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified record (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecords(visibleIndex: number): void;
+    /**
+     * Deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    UnselectRecordsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     */
+    UnselectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all grid records that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRecords(): void;
+    /**
+     * Selects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified record (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected records displayed on the current page.
+     */
+    SelectAllRecordsOnPage(): void;
+    /**
+     * Allows you to select or deselect all records displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected records displayed on the current page; false to deselect all selected records on the page.
+     */
+    SelectAllRecordsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected records displayed on the current page.
+     */
+    UnselectAllRecordsOnPage(): void;
+    /**
+     * Returns the number of selected records.
+     */
+    GetSelectedRecordCount(): number;
+    /**
+     * Indicates whether or not the specified record is selected within the current page.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsRecordSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Exports a grid data to a file in the specified format.
+     * @param format An ASPxClientVerticalGridExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientVerticalGridExportFormat): void;
+    /**
+     * Returns the values of the specified data source fields within the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     * @param fieldNames The names of data source fields separated using a semicolon, whose values within the specified record are returned.
+     * @param onCallback An ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetRecordValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the record values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetPageRecordValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the number of records actually displayed on the active page.
+     */
+    GetVisibleRecordsOnPage(): number;
+    /**
+     * Returns the number of rows within the client vertical grid.
+     */
+    GetRowCount(): number;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the ASPxVerticalGrid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client vertical grid.
+     */
+    ClearFilter(): void;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first record displayed within the vertical grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxVerticalGrid to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Returns the record values displayed within all selected records.
+     * @param fieldNames The names of data source fields separated by a semicolon, whose values within the selected records are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns key values of selected records displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     */
+    GetEditor(row: ASPxClientVerticalGridRow): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowIndex An integer value that specifies the row's position within the rows collection.
+     */
+    GetEditor(rowIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    GetEditor(rowFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Returns the client row that resides at the specified position within the row collection.
+     * @param rowIndex A zero-based index that identifies the row within the row collection (the row's Index property value).
+     */
+    GetRow(rowIndex: number): ASPxClientVerticalGridRow;
+    /**
+     * Returns the row with the specified unique identifier.
+     * @param rowId A string value that specifies the row's unique identifier (the row's Name property value).
+     */
+    GetRowById(rowId: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the client row which is bound to the specified data source field.
+     * @param rowFieldName A string value that specifies the name of the data source field to which the row is bound (the row's fieldName property value).
+     */
+    GetRowByField(rowFieldName: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Gets the value that specifies whether the required row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the row.
+     */
+    GetRowExpanded(row: ASPxClientVerticalGridRow): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified index is expanded.
+     * @param rowIndex An integer value specifying the row's index.
+     */
+    GetRowExpanded(rowIndex: number): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified field name or ID is expanded.
+     * @param rowFieldNameOrId A string value specifying the row's field name or ID.
+     */
+    GetRowExpanded(rowFieldNameOrId: string): boolean;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(row: ASPxClientVerticalGridRow, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowIndex An integer value specifying the index of the row.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowIndex: number, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowFieldNameOrId: string, value: boolean): void;
+}
+/**
+ * A client grid row.
+ */
+interface ASPxClientVerticalGridRow extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the row.
+     * Value: A string value assigned to the row's Name property.
+     */
+    name: string;
+    /**
+     * Gets the row's position within the collection.
+     * Value: An integer zero-bazed index that specifies the row's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current row.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the row is visible.
+     * Value: true, to display the row; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientVerticalGridValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of record values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxVerticalGrid row.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxVerticalGrid row.
+ */
+interface ASPxClientVerticalGridRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client row.
+     * Value: An ASPxClientVerticalGridRow object that represents the processed row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventHandler<S> {
+    /**
+     * A method that will handle the RecordClick event.
+     * @param source The event source. This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridRecordClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRecordClickEventArgs): void;
+}
+/**
+ * Provides data for the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the RecordClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the record whose custom button has been clicked.
+     * Value: An integer value that identifies the record whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the record whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the record has been selected.
+     * Value: true, if the record has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all records displayed within a page have been selected or unselected.
+     * Value: true if all records displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandedEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the expanded row.
+     * Value: An ASPxClientVerticalGridRow object that represents the expanded row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandingEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventArgs extends ASPxClientVerticalGridRowExpandedEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid row that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the focused grid row.
+     */
+    focusedRow: ASPxClientVerticalGridRow;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: Gets a hashtable that maintains information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditRecordValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information on the record currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed row.
+     * Value: A <see cref="ASPxClientVerticalGridRow" /> object that is the client-side row object.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordInserting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordDeleting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    recordValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientVerticalGridCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientVerticalGridCellInfo;
+}
+/**
+ * Contains information on a cell that is being edited.
+ */
+interface ASPxClientVerticalGridCellInfo {
+    /**
+     * Gets the row that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the row which contains the processed cell.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets the visible index of the record that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    recordVisibleIndex: number;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientVerticalGridBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all records when the grid operates in batch edit mode.
+     * @param validateOnlyModified true, if only modified records should be validated; otherwise, false.
+     */
+    ValidateRecords(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified record when the grid operates in batch edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated record.
+     */
+    ValidateRecord(visibleIndex: number): boolean;
+    /**
+     * Returns an array of record visible indices.
+     * @param includeDeleted true, to include visible indices of deleted records to the returned array; otherwise, false.
+     */
+    GetRecordVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted record visible indices.
+     */
+    GetDeletedRecordIndices(): number[];
+    /**
+     * Returns an array of the inserted record visible indices.
+     */
+    GetInsertedRecordIndices(): number[];
+    /**
+     * Indicates if the record with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsDeletedRecord(visibleIndex: number): boolean;
+    /**
+     * Indicates if the record with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsNewRecord(visibleIndex: number): boolean;
+    /**
+     * Adds a new record when ASPxVerticalGrid is in Batch Edit mode.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record when ASPxVerticalGrid is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the record index.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with a specified key value when ASPxVerticalGrid is in Batch Edit mode.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Recovers the specified record when ASPxVerticalGrid is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the record index.
+     */
+    RecoverRecord(visibleIndex: number): void;
+    /**
+     * Recovers a record with a specified key value when ASPxVerticalGrid is in Batch Edit mode.
+     * @param key An object that uniquely identifies the record.
+     */
+    RecoverRecordByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the record.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the record.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, rowFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding the data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientVerticalGridCellInfo;
+    /**
+     * Returns a value that indicates whether the vertical grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified record has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     * @param rowFieldNameOrId A string value that identifies the row by the name of the data source field to which the row is bound, or by the row's name.
+     */
+    HasChanges(visibleIndex: number, rowFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified record.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Switches the specified cell to batch edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A zero-based integer value that identifies the row which contains the processed cell in the rows collection.
+     */
+    StartEdit(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Ends the cell(s) editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the row's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientVerticalGridExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * Contains style settings related to media elements in ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorCommandStyleSettings {
+    /**
+     * Gets or sets a media element's CSS class name.
+     * Value: A string that specifies a class name.
+     */
+    className: string;
+    /**
+     * Gets or sets an element's width.
+     * Value: A string that specifies an element's width <a href="http://www.w3schools.com/cssref/pr_dim_width.asp">in any correct format</a>.
+     */
+    width: string;
+    /**
+     * Gets or sets an element's height.
+     * Value: A string that specifies an element's height <a href="http://www.w3schools.com/cssref/pr_dim_height.asp">in any correct format</a>.
+     */
+    height: string;
+    /**
+     * Gets or sets a media element's border width.
+     * Value: A string that specifies a border width <a href="http://www.w3schools.com/cssref/pr_border-width.asp">in any correct format</a>.
+     */
+    borderWidth: string;
+    /**
+     * Gets or sets a media element's border color.
+     * Value: A string that specifies a border color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    borderColor: string;
+    /**
+     * Gets or sets a media element's border style.
+     * Value: A string that specifies a border style <a href="http://www.w3schools.com/cssref/pr_border-style.asp">in any correct format</a>.
+     */
+    borderStyle: string;
+    /**
+     * Gets or sets an element's top margin.
+     * Value: A string that specifies an element's top margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginTop: string;
+    /**
+     * Gets or sets an element's right margin.
+     * Value: A string that specifies an element's right margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginRight: string;
+    /**
+     * Gets or sets an element's bottom margin.
+     * Value: A string that specifies an element's bottom margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginBottom: string;
+    /**
+     * Gets or sets an element's left margin.
+     * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginLeft: string;
+    /**
+     * Gets or sets a media element's background color.
+     * Value: A string that specifies a background color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    backgroundColor: string;
+    /**
+     * Gets or sets the element's text alignment.
+     * Value: A string value that specifies the element's text alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    textAlign: string;
+    /**
+     * Gets or sets the element's vertical alignment.
+     * Value: A string value that specifies the element's vertical alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    verticalAlign: string;
+}
+/**
+ * The base class for parameters used in the ASPxHtmlEditor's client-side commands.
+ */
+interface ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Gets the currently selected element in the ASPxHtmlEditor.
+     * Value: An HTML object which is the currently selected element.
+     */
+    selectedElement: Object;
+}
+/**
+ * Contains settings related to the INSERTIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertImageCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the source of the target image.
+     * Value: A string specifying the source of the target image.
+     */
+    src: string;
+    /**
+     * Creates an alternate text for the target image.
+     * Value: A string that specifies an alternate text for the target image.
+     */
+    alt: string;
+    /**
+     * Determines if the target image is wrapped with text.
+     * Value: true, if the target image is wrapped with text; otherwise, false.
+     */
+    useFloat: boolean;
+    /**
+     * Determines the position of the target image.
+     * Value: A string value defining the position of the target image.
+     */
+    align: string;
+    /**
+     * Contains the style settings specifying the appearance of the target image.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the target image.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the CHANGEIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeImageCommandArguments extends ASPxClientHtmlEditorInsertImageCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTLINK_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the url of the page the target link goes to.
+     * Value: A string value specifying the target link url.
+     */
+    url: string;
+    /**
+     * Specifiies the text of the target link.
+     * Value: A string value specifying the text of the target link.
+     */
+    text: string;
+    /**
+     * Determines where to open the target link.
+     * Value: A string that specifies where to open the target link <a href="http://www.w3schools.com/tags/att_a_target.asp">in any correct format</a>.
+     */
+    target: string;
+    /**
+     * Defines the title of the target link.
+     * Value: A string value defining the title of the target link.
+     */
+    title: string;
+    /**
+     * Contains the style settings defining the appearance of the target link element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target link element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * The base class for parameters related to inserting or changing media elements in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeMediaElementCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Defines the <a href="http://www.w3schools.com/tags/att_global_id.asp">HTML "id"</a> attribute of the target media element.
+     * Value: A string value which is a unique identifier for the element.
+     */
+    id: string;
+    /**
+     * Defines the source of the target media element.
+     * Value: A string defining the source of the target media element.
+     */
+    src: string;
+    /**
+     * Determines the position of the target media element.
+     * Value: A string value indicating the position of the target media element.
+     */
+    align: string;
+    /**
+     * Contains the style settings defining the appearance of the target media element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target media element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Returns the name of the client-side command corresponding to the parameter.
+     */
+    GetCommandName(): string;
+}
+/**
+ * The base class for parameters related to inserting or changing HTML5 media elements (Audio and Video) in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if a media file will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Determines if a media file repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the media player controls should be displayed.
+     * Value: true, if media player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+    /**
+     * Determines how a media file should be loaded when the page loads.
+     * Value: One of the ASPxClientHtmlEditorMediaPreloadMode enumeration values.
+     */
+    preloadMode: string;
+}
+/**
+ * Contains settings related to the INSERTAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertAudioCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+}
+/**
+ * Contains settings related to the CHANGEAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeAudioCommandArguments extends ASPxClientHtmlEditorInsertAudioCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertVideoCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+    /**
+     * Defines the URL of an image that is shown while the video file is downloading, or until an end-user clicks the play button.
+     * Value: A string value that specifies the poster image URL.
+     */
+    posterUrl: string;
+}
+/**
+ * Contains settings related to the CHANGEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeVideoCommandArguments extends ASPxClientHtmlEditorInsertVideoCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertFlashCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if the target flash element will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Defines if the target flash element repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the flash related items are displayed in the context menu of the target flash element.
+     * Value: true, if the specific context menu items are displayed; otherwise, false
+     */
+    enableFlashMenu: boolean;
+    /**
+     * Determines if the target flash element can be displayed in the fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
+    /**
+     * Defines the rendering quality level used for the target flash element.
+     * Value: A string value that specifies the target flash element rendering quality.
+     */
+    quality: string;
+}
+/**
+ * Contains settings related to the CHANGEFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeFlashCommandArguments extends ASPxClientHtmlEditorInsertFlashCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if suggested videos are shown after the target YouTube video finishes.
+     * Value: true, to show suggested videos; otherwise, false
+     */
+    showRelatedVideos: boolean;
+    /**
+     * Determines if the target YouTube video title and player actions (Watch later, Share) are shown.
+     * Value: true, to display the title and player actions; otherwise, false.
+     */
+    showVideoInfo: boolean;
+    /**
+     * Determines if the privacy-enhanced mode is enabled for the target YouTube video.
+     * Value: true, if the privace-enhanced mode is enabled; otherwise, false
+     */
+    enablePrivacyEnhancedMode: boolean;
+    /**
+     * Determines if the player controls are displayed for the target YouTube video.
+     * Value: true, if the player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+}
+/**
+ * Contains settings related to the CHANGEYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeYouTubeVideoCommandArguments extends ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments {
+}
+/**
+ * Contains settings related to the TABLEPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTablePropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target table element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target table element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Determines the position of the target table element.
+     * Value: A string value indicating the position of the target table element.
+     */
+    align: string;
+    /**
+     * Gets or sets a table cell padding.
+     * Value: An integer value that is the cell padding.
+     */
+    cellPadding: number;
+    /**
+     * Gets or sets the table cell spacing.
+     * Value: An integer value that is the table cell spacing.
+     */
+    cellSpacing: number;
+    /**
+     * Gets or sets a value that is the table caption.
+     * Value: A string value that is the caption.
+     */
+    caption: string;
+    /**
+     * Gets or sets a value indicating whether the first row/column serves as the table's header.
+     * Value: A string value that specifies whether the first row/column serves as the table's header.
+     */
+    headers: string;
+    /**
+     * Gets or sets the table's summary.
+     * Value: A string value that is the table's summary.
+     */
+    summary: string;
+}
+/**
+ * Contains settings related to the INSERTTABLE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertTableCommandArguments extends ASPxClientHtmlEditorTablePropertiesCommandArguments {
+    /**
+     * Gets or sets the count of columns in the table.
+     * Value: An integer value that is the count of columns.
+     */
+    columns: number;
+    /**
+     * Gets or sets the count of rows in the table.
+     * Value: An integer value that is the count of rows.
+     */
+    rows: number;
+    /**
+     * Gets or sets a value indicating whether all table columns should have equal width.
+     * Value: true, to create equal widths for all columns; otherwise, false.
+     */
+    isEqualColumnWidth: boolean;
+}
+/**
+ * Contains settings related to the TABLECELLPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target cell element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target cell element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Gets or sets a value that indicates whether the cell settings should be applied to all cells in the table.
+     * Value: true, if the cell settings should be applied to all cells in the table; otherwise, false.
+     */
+    applyForAll: boolean;
+}
+/**
+ * Contains settings related to the TABLEROWPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings specifying the appearance of the specified table row.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the specified table row.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the TABLECOLUMNPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target column element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target column element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * A method that will handle the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client DialogInitialized event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorDialogInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogInitializedEventArgs): void;
+}
+/**
+ * Provides data for the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dialog that has been initialized.
+     * Value: A string value that is the name of the initialized dialog.
+     */
+    dialogName: string;
+    /**
+     * Gets a dialog object related to the event.
+     * Value: A ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+}
+/**
+ * Provides data for the event that fires when the HTML Editor dialogs are closed or are going to be closed.
+ */
+interface ASPxClientHtmlEditorDialogCloseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dialog name related to the event.
+     * Value: A string value that is the dialog name.
+     */
+    dialogName: string;
+    /**
+     * Gets the dialog object related to the event.
+     * Value: An ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosing event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosed event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
+}
+/**
+ * A method that will handle the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventHandler<S> {
+    /**
+     * A method that will handle the client CommandExecuted event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorCommandExecutingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandExecutingEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value specifying the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: An object containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events related to command processing.
+ */
+interface ASPxClientHtmlEditorCommandEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientHtmlEditorCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to command processing (CustomCommand).
+ */
+interface ASPxClientHtmlEditorCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogOpened event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed custom dialog.
+     * Value: A string value that represents the value assigned to the processed custom dialog's Name property.
+     */
+    name: string;
+}
+/**
+ * Provides data for client events that relate to closing a custom dialog.
+ */
+interface ASPxClientHtmlEditorCustomDialogCloseEventArgsBase extends ASPxClientHtmlEditorCustomDialogEventArgs {
+    /**
+     * Gets the status of the closed custom dialog.
+     * Value: An object representing a custom dialog's closing status. By default, it's the "cancel" string if the dialog operation is canceled, or the "ok" string if a dialog is closed by submitting a file. You can also provide your custom status, if your dialog contains additional buttons.
+     */
+    status: Object;
+}
+/**
+ * A method that will handle the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosing event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosed event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets an object associated with the closed dialog.
+     * Value: An object containing custom data associated with dialog closing.
+     */
+    data: Object;
+}
+/**
+ * A method that will handle the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventHandler<S> {
+    /**
+     * A method that will handle the client Validation event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorValidationEventArgs): void;
+}
+/**
+ * Provides data for the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the HTML markup that is the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to validate.
+     */
+    html: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientHtmlEditorTabEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanged event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies an editor tab.
+     * Value: A string value that is the tab name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the ActiveTabChanging event.
+ */
+interface ASPxClientHtmlEditorTabCancelEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanging event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancellable ActiveTabChanging event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabCancelEventArgs extends ASPxClientHtmlEditorTabEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventHandler<S> {
+    /**
+     * A method that will handle the BeforePaste event.
+     * @param source The event source. This parameter identifies the HTML editor object that raised the event.
+     * @param e An ASPxClientHtmlEditorBeforePasteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorBeforePasteEventArgs): void;
+}
+/**
+ * Provides data for the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value identifying the command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the HTML markup that is about to be pasted to the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to paste.
+     */
+    html: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHtmlEditor control.
+ */
+interface ASPxClientHtmlEditor extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a dialog has been initialized.
+     */
+    DialogInitialized: ASPxClientEvent<ASPxClientHtmlEditorDialogInitializedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a dialog is going to be closed.
+     */
+    DialogClosing: ASPxClientEvent<ASPxClientHtmlEditorDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a dialog is closed.
+     */
+    DialogClosed: ASPxClientEvent<ASPxClientHtmlEditorDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before a default or custom command has been executed and allows you to cancel the action.
+     */
+    CommandExecuting: ASPxClientEvent<ASPxClientHtmlEditorCommandExecutingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Enables you to implement a custom command's logic.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs after a default or custom command has been executed on the client side.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client when a selection is changed within the ASPxHtmlEditor.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side when the content of the editor changes.
+     */
+    HtmlChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is opened.
+     */
+    CustomDialogOpened: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a custom dialog is closed.
+     */
+    CustomDialogClosing: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is closed.
+     */
+    CustomDialogClosed: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Allows you to specify whether the value entered into the ASPxHtmlEditor is valid.
+     */
+    Validation: ASPxClientEvent<ASPxClientHtmlEditorValidationEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side before a context menu is shown.
+     */
+    ContextMenuShowing: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHtmlEditor.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires after a callback, sent by the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after the editor content is spell checked.
+     */
+    SpellingChecked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientHtmlEditorTabEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before the active tab is changed within a control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientHtmlEditorTabCancelEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before an HTML code is pasted to editor content, and allows you to modify it.
+     */
+    BeforePaste: ASPxClientEvent<ASPxClientHtmlEditorBeforePasteEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Returns the document object generated by an iframe element within a design view area.
+     */
+    GetDesignViewDocument(): Object;
+    /**
+     * Provides access to the client ASPxPopupControl object that is a Html Editor's dialog.
+     */
+    GetDialogPopupControl(): ASPxClientPopupControl;
+    /**
+     * Returns the document object generated by an iframe element within a preview area.
+     */
+    GetPreviewDocument(): Object;
+    /**
+     * Returns a collection of client context menu objects.
+     */
+    GetContextMenu(): ASPxClientPopupMenu;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Sets input focus to the ASPxHtmlEditor's edit region.
+     */
+    Focus(): void;
+    /**
+     * Gets the HTML markup that represents the editor's content.
+     */
+    GetHtml(): string;
+    /**
+     * Specifies the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetHtml(html: string): void;
+    /**
+     * Sets the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     * @param clearUndoHistory true to clear the undo stack; otherwise, false.
+     */
+    SetHtml(html: string, clearUndoHistory: boolean): void;
+    /**
+     * Replaces placeholders with the specified values.
+     * @param html A string value that specifies the HTML code to process.
+     * @param placeholders An array of objects that specify the placeholders and values to replace them.
+     */
+    ReplacePlaceholders(html: string, placeholders: Object[]): string;
+    /**
+     * Creates a parameter for ASPxHtmlEditor's client-side commands related to changing media elements.
+     * @param element An element that is being changed.
+     */
+    CreateChangeMediaElementCommandArguments(element: Object): ASPxClientHtmlEditorChangeMediaElementCommandArguments;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     * @param parameter A string value specifying additional information about the command to perform.
+     * @param addToUndoHistory true, to add the specified command to the undo stack; otherwise, false.
+     */
+    ExecuteCommand(commandName: string, parameter: Object, addToUndoHistory: boolean): boolean;
+    /**
+     * Adds the current editor state to the undo/redo history.
+     */
+    SaveToUndoHistory(): void;
+    /**
+     * Returns the selection in the ASPxHtmlEditor.
+     */
+    GetSelection(): ASPxClientHtmlEditorSelection;
+    /**
+     * Restores the selection within the ASPxHtmlEditor.
+     */
+    RestoreSelection(): boolean;
+    /**
+     * Sets the value of the combo box within the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the combo box's command name within the HtmlEditor's control collection.
+     * @param value A string value that specifies the combo box's new value.
+     */
+    SetToolbarComboBoxValue(commandName: string, value: string): void;
+    /**
+     * Sets the value of the dropdown item picker in the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the dropdown item picker by its command name. This value is contained in the CommandName property.
+     * @param value A string value that specifies the dropdown item picker's new value, i.e., the ToolbarItemPickerItem object.
+     */
+    SetToolbarDropDownItemPickerValue(commandName: string, value: string): void;
+    /**
+     * Specifies the visibility of a ribbon context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param active true to make a category visible; false to make it hidden.
+     */
+    SetRibbonContextTabCategoryVisible(categoryName: string, active: string): void;
+    /**
+     * Provides access to an object implementing the HtmlEditor's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value passes validation.
+     * @param isValid true if the editor's value passes validation; otherwise, false.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs validation of the editor's content.
+     */
+    Validate(): void;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Set an active tab specified by its name.
+     * @param name A string value that is the name of the tab.
+     */
+    SetActiveTabByName(name: string): void;
+    /**
+     * Returns the name of the active HTML editor tab.
+     */
+    GetActiveTabName(): string;
+    /**
+     * Reconnect the control to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * Provides client functionality for dialogs within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client ASPxFormLayout object that arranges all editors in the Html Editor's dialogs.
+     */
+    GetFormLayout(): ASPxClientFormLayout;
+    /**
+     * Provides access to the client object of the "OK" button in the Html Editor's dialogs.
+     */
+    GetOkButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Html Editor's dialogs.
+     */
+    GetCancelButton(): ASPxClientButton;
+}
+/**
+ * Provides client functionality for Html Editor dialogs operated with its elements.
+ */
+interface ASPxClientHtmlEditorEditElementDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Border style" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderStyleComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border width" spin editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Border color" color editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Top margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetTopMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Bottom margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBottomMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Left margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetLeftMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Right margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetRightMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "CSS class" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetCssClassNameComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Change Element Properties dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeElementPropertiesDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "ID" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetIdTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Title" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTitleTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Direction" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDirectionComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Value" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetValueTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Tab index" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTabIndexTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Disabled" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDisabledCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Input type" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetInputTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "For" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetForTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Name" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Method" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMethodTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Action" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetActionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Checked" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetCheckedCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Max length" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMaxLengthTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Size" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSizeTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Readonly" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetReadonlyCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Src" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSrcTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accept" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAcceptTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Alt" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAltTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Start" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetStartSpinEdit(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the element width measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows to specify the element height measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Link dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorLinkDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "E-mail to" text box in the Html Editor's Link dialog.
+     */
+    GetEmailTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Text" text box in the Html Editor's Link dialog.
+     */
+    GetTextTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "ToolTip" text box in the Html Editor's Link dialog.
+     */
+    GetTooltipTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Subject" text box in the Html Editor's Link dialog.
+     */
+    GetSubjectTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "URL" text box in the Html Editor's Link dialog.
+     */
+    GetUrlTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the file manager used in the Link dialog's "Select Document" popup window.
+     */
+    GetFileManager(): ASPxClientFileManager;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupCancelButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Select" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupSelectButton(): ASPxClientButton;
+    /**
+     * Provides access to the client popup control object that is the "Select Document" popup window in the Html Editor's Link dialog.
+     */
+    GetSelectDocumentPopupControl(): ASPxClientPopupControl;
+    /**
+     * Provides access to the client object of the "Open in new window" check box in the Html Editor's Link dialog.
+     */
+    GetOpenInNewWindowCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client radio button list object used to specify the link type in the Html Editor's Link dialog.
+     */
+    GetLinkTypeRadioButtonList(): ASPxClientRadioButtonList;
+}
+/**
+ * Provides client functionality for the Placeholder dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPlaceholderDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the ASPxListBox client object that lists placeholder names in the Html Editor's Placeholder dialog.
+     */
+    GetPlaceholderNameListBox(): ASPxClientListBox;
+}
+/**
+ * Provides client functionality for the Paste From Word dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPasteFromWordDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Remove font family" check box in the Html Editor's Flash dialog.
+     */
+    GetRemoveFontFamilyCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the media dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorMediaDialogBase extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the media file selector that allows you to insert/change media files in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetMediaFileSelector(): ASPxClientMediaFileSelector;
+    /**
+     * Provides access to the client object of the "More options" check box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetMoreOptionsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetHeightSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Position" combo box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetPositionComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Image dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorImageDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Size" combo box in the Html Editor's Image dialog.
+     */
+    GetSizeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Create thumbnail" check box in the Html Editor's Image dialog.
+     */
+    GetCreateThumbnailCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "New image name" text box in the Html Editor's Image dialog.
+     */
+    GetThumbnailNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Wrap text around image" check box in the Html Editor's Image dialog.
+     */
+    GetWrapTextCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Description" text box in the Html Editor's Image dialog.
+     */
+    GetDescriptionTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the Flash dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorFlashDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Quality" combo box in the Html Editor's Flash dialog.
+     */
+    GetQualityComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Flash dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Enable flash menu" check box in the Html Editor's Flash dialog.
+     */
+    GetEnableFlashMenuCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Flash dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Allow fullscreen" check box in the Html Editor's Flash dialog.
+     */
+    GetAllowFullscreenCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Audio dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorAudioDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Audio dialogs.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Audio dialogs.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Audio dialogs.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Audio dialogs.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorVideoDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Video dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Video dialog.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Video dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Poster URL" text box in the Html Editor's Video dialog.
+     */
+    GetPosterTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the YouTube Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorYouTubeDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "Enable privacy-enhanced mode" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetConfidentModeCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show suggested videos when the video finishes" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowSameVideosCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show video title and player actions" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowVideoNameCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides base client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialogBase extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Background color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBackgroundColorColorEdit(): ASPxClientColorEdit;
+}
+/**
+ * Provides client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's Table dialogs.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you to specify the table width value.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table width measurement unit.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you specify the table height value.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table height measurement unit.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Cell padding" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellPaddingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Cell spacing" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellSpacingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Alignment" combo box in the Html Editor's Table dialogs.
+     */
+    GetAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border Color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Border size" spin editor in the Html Editor's Table dialogs.
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Headers" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeadersComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Caption" text box in the Html Editor's Table dialogs.
+     */
+    GetCaptionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Summary" text box in the Html Editor's Table dialogs.
+     */
+    GetSummaryTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accessibility" check box related to the Html Editor's Table dialogs.
+     */
+    GetAccessibilityCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Insert Table dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorInsertTableDialog extends ASPxClientHtmlEditorTableDialog {
+    /**
+     * Provides access to the client object of the "Columns" spin editor in the Html Editor's Table dialogs.
+     */
+    GetColumnCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Rows" spin editor in the Html Editor's Table dialogs.
+     */
+    GetRowCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Equal column widths" check box in the Html Editor's Table dialogs.
+     */
+    GetEqualWidthCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for Table dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableElementPropertiesDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Horizontal" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetHorizontalAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Vertical" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetVerticalAlignmentComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Cell Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Apply to all cells in the table" check box in the Html Editor's Cell Properties dialog.
+     */
+    GetApplyToAllCellsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Row Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client ASPxSpinEdit object that allows you to specify the row height in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the row height measurement unit in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Column Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor that allows you to set the column width value in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box that allows you to specify the column width measurement unit in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * A selection in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorSelection {
+    /**
+     * Returns a DOM element that relates to the current selection.
+     */
+    GetSelectedElement(): Object;
+    /**
+     * Returns the HTML markup specifying the currently selected ASPxHtmlEditor content.
+     */
+    GetHtml(): string;
+    /**
+     * Returns the text within the currently selected ASPxHtmlEditor content.
+     */
+    GetText(): string;
+    /**
+     * Returns an array of the currently selected elements.
+     */
+    GetElements(): Object[];
+    /**
+     * Sets the new HTML markup in place of the currently selected within ASPxHtmlEditor content.
+     * @param html A string value specifying the new HTML markup.
+     * @param addToHistory true to add this operation to the history; otherwise, false.
+     */
+    SetHtml(html: string, addToHistory: boolean): void;
+}
+/**
+ * The client-side equivalent of the ASPxPivotGrid control.
+ */
+interface ASPxClientPivotGrid extends ASPxClientControl {
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientPivotGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires after a callback that has been processed on the server returns back to the client.
+     */
+    AfterCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires before a callback is sent to the server for server-side processing.
+     */
+    BeforeCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client side after the customization form's visible state has been changed.
+     */
+    CustomizationFieldsVisibleChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is clicked.
+     */
+    CellClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is double clicked.
+     */
+    CellDblClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a custom menu item has been clicked.
+     */
+    PopupMenuItemClick: ASPxClientEvent<ASPxClientPivotMenuItemClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Indicates whether the Defer Layout Update check box is enabled.
+     */
+    IsDeferUpdatesChecked(): boolean;
+    /**
+     * Indicates whether the Filter Editor (Prefilter) is visible.
+     */
+    IsPrefilterVisible(): boolean;
+    /**
+     * Shows the Filter Editor.
+     */
+    ShowPrefilter(): void;
+    /**
+     * Hides the Filter Editor.
+     */
+    HidePrefilter(): void;
+    /**
+     * Clears the filter expression applied using the Prefilter (Filter Editor).
+     */
+    ClearPrefilter(): void;
+    /**
+     * Enables or disables the current filter applied by the Filter Editor (Prefilter).
+     */
+    ChangePrefilterEnabled(): void;
+    /**
+     * Returns a value that specifies whether the customization form is visible.
+     */
+    GetCustomizationFieldsVisibility(): boolean;
+    /**
+     * Specifies the visibility of the customization form.
+     * @param value true to display the customization form; false to hide the customization form.
+     */
+    SetCustomizationFieldsVisibility(value: boolean): void;
+    /**
+     * Switches the customization form's visible state.
+     */
+    ChangeCustomizationFieldsVisibility(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the CellDblClick event.
+ */
+interface ASPxClientClickEventHandler<S> {
+    /**
+     * A method that will handle the CellDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDblClick client events.
+ */
+interface ASPxClientClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the parameters associated with the CellDblClick events.
+     * Value: An object that contains parameters associated with the CellDblClick events.
+     */
+    HtmlEvent: Object;
+    /**
+     * Gets the processed cell's value.
+     * Value: An object that represents the processed cell's value.
+     */
+    Value: Object;
+    /**
+     * Gets the index of a column that owns the processed cell.
+     * Value: An integer value that identifies a column.
+     */
+    ColumnIndex: number;
+    /**
+     * Gets the index of a row that owns the processed cell.
+     * Value: An integer value that identifies a row.
+     */
+    RowIndex: number;
+    /**
+     * Gets a column field value.
+     * Value: An object that represents a column field value.
+     */
+    ColumnValue: Object;
+    /**
+     * Gets a row field value.
+     * Value: An object that represents a row field value.
+     */
+    RowValue: Object;
+    /**
+     * Gets a column field name.
+     * Value: A String value that represents a column field name.
+     */
+    ColumnFieldName: string;
+    /**
+     * Gets a row field name.
+     * Value: A String value that represents a row field name.
+     */
+    RowFieldName: string;
+    /**
+     * Gets a column value type.
+     * Value: A String value that represents a column value type.
+     */
+    ColumnValueType: string;
+    /**
+     * Gets a row value type.
+     * Value: A String value that represents a row value type.
+     */
+    RowValueType: string;
+    /**
+     * Gets the index of the data field which corresponds to the clicked summary value.
+     * Value: An integer value that identifies the data field.
+     */
+    DataIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientPivotMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPivotMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the context menu's type.
+     * Value: A PivotGridPopupMenuType enumeration value that identifies the context menu.
+     */
+    MenuType: string;
+    /**
+     * Gets the name of the menu item currently being clicked.
+     * Value: A String value that identifies the clicked item by its name.
+     */
+    MenuItemName: string;
+    /**
+     * Gets the field's unique indentifier.
+     * Value: A string which specifies the field's unique indentifier.
+     */
+    FieldID: string;
+    /**
+     * Gets the index of the field value for which the popup menu has been invoked.
+     * Value: An integer value that identifies the field value.
+     */
+    FieldValueIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxPivotCustomizationControl control.
+ */
+interface ASPxClientPivotCustomization extends ASPxClientControl {
+    /**
+     * Returns an HTML element that represents the root of the control's hierarchy.
+     */
+    GetMainContainer(): Object;
+    /**
+     * Returns a client-side equivalent of the owner Pivot Grid Control.
+     */
+    GetPivotGrid(): ASPxClientPivotGrid;
+    /**
+     * Specifies the Customization Control's height.
+     * @param value An integer value that specifies the Customization Control's height.
+     */
+    SetHeight(value: number): void;
+    /**
+     * Specifies the Customization Control's width.
+     * @param value An integer value that specifies the Customization Control's width.
+     */
+    SetWidth(value: number): void;
+    /**
+     * Recalculates the Customization Control height.
+     */
+    UpdateHeight(): void;
+    /**
+     * Specifies the Customization Control's layout.
+     * @param layout A string that specifies the Customization Control's layout.
+     */
+    SetLayout(layout: string): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the RichEdit that raised the event.
+     * @param e A ASPxClientRichEditCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A method that will handle the KeyDown event.
+ */
+interface ASPxClientRichEditKeyDownEventHandler<S> {
+    /**
+     * A method that will handle the KeyDown event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditKeyDownEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditKeyDownEventArgs): void;
+}
+/**
+ * Provides data for the KeyDown event.
+ */
+interface ASPxClientRichEditKeyDownEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the KeyUp event.
+ */
+interface ASPxClientRichEditKeyUpEventHandler<S> {
+    /**
+     * A method that will handle the KeyUp event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditKeyUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditKeyUpEventArgs): void;
+}
+/**
+ * Provides data for the KeyUp event.
+ */
+interface ASPxClientRichEditKeyUpEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the PointerDown event.
+ */
+interface ASPxClientRichEditPointerDownEventHandler<S> {
+    /**
+     * A method that will handle the PointerDown event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPointerDownEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPointerDownEventArgs): void;
+}
+/**
+ * Provides data for the PointerDown event.
+ */
+interface ASPxClientRichEditPointerDownEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the PointerUp event.
+ */
+interface ASPxClientRichEditPointerUpEventHandler<S> {
+    /**
+     * A method that will handle the PointerUp event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPointerUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPointerUpEventArgs): void;
+}
+/**
+ * Provides data for the PointerUp event.
+ */
+interface ASPxClientRichEditPointerUpEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContentInserted event.
+ */
+interface ASPxClientRichEditContentInsertedEventHandler<S> {
+    /**
+     * A method that will handle the ContentInserted event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditContentInsertedEventArgs that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditContentInsertedEventArgs): void;
+}
+/**
+ * Provides data for the ContentInserted event.
+ */
+interface ASPxClientRichEditContentInsertedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier.
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the inserted content.
+     * Value: An object that stores the inserted content's length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the ContentRemoved event.
+ */
+interface ASPxClientRichEditContentRemovedEventHandler<S> {
+    /**
+     * A method that will handle the ContentRemoved event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditContentRemovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditContentRemovedEventArgs): void;
+}
+/**
+ * Provides data for the ContentRemoved event.
+ */
+interface ASPxClientRichEditContentRemovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the removed content.
+     * Value: An object that stores the removed content's length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the CharacterPropertiesChanged event.
+ */
+interface ASPxClientRichEditCharacterPropertiesChangedEventHandler<S> {
+    /**
+     * A method that will handle the CharacterPropertiesChanged event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditCharacterPropertiesChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCharacterPropertiesChangedEventArgs): void;
+}
+/**
+ * Provides data for the CharacterPropertiesChanged event.
+ */
+interface ASPxClientRichEditCharacterPropertiesChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier.
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the changed characters.
+     * Value: An object that stores the changed character length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the ParagraphPropertiesChanged event.
+ */
+interface ASPxClientRichEditParagraphPropertiesChangedEventHandler<S> {
+    /**
+     * A method that will handle the ParagraphPropertiesChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditParagraphPropertiesChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditParagraphPropertiesChangedEventArgs): void;
+}
+/**
+ * Provides data for the ParagraphPropertiesChanged event.
+ */
+interface ASPxClientRichEditParagraphPropertiesChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier
+     */
+    subDocumentId: number;
+    /**
+     * Gets the changed paragraph's index.
+     * Value: An integer value specifying the changed paragraph's identifier.
+     */
+    paragraphIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuShowing event.
+ */
+interface ASPxClientRichEditPopupMenuShowingEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuShowing event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPopupMenuShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPopupMenuShowingEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuShowing event.
+ */
+interface ASPxClientRichEditPopupMenuShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides access to a collection of menu items in the context menu being invoked.
+     * Value: A <see cref="ASPxClientRichEditPopupMenuItemCollection" /> object representing the context menu's item collection.
+     */
+    menuItems: ASPxClientRichEditPopupMenuItemCollection;
+}
+/**
+ * A client-side equivalent of the ASPxRichEdit object.
+ */
+interface ASPxClientRichEdit extends ASPxClientControl {
+    /**
+     * Provides access to document structural elements.
+     * Value: A <see cref="RichEditDocument" /> object that lists a RichEdit document's structural elements.
+     */
+    document: RichEditDocument;
+    /**
+     * Provides access to the RichEdit's client-side commands.
+     * Value: A <see cref="RichEditCommands" /> object that lists the RichEdit's client-side commands.
+     */
+    commands: RichEditCommands;
+    /**
+     * Provides access to the client methods that change the selection.
+     * Value: A <see cref="RichEditSelection" /> object that lists methods to work with the selection.
+     */
+    selection: RichEditSelection;
+    /**
+     * Gets a unit converter.
+     * Value: A <see cref="RichEditUnitConverter" /> object representing a unit converter.
+     */
+    unitConverter: RichEditUnitConverter;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientRichEditCustomCommandExecutedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the RichEdit.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side when a document model is loaded into the control.
+     */
+    DocumentLoaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires if any change is made to the RichEdit's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the active sub-document is substituted with another sub-document.
+     */
+    ActiveSubDocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the control receives focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the control loses focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the mouse pointer is over the RichEdit's document and a mouse button is pressed.
+     */
+    PointerDown: ASPxClientEvent<ASPxClientRichEditPointerDownEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the mouse button is released if it was pressed within the RichEdit's document.
+     */
+    PointerUp: ASPxClientEvent<ASPxClientRichEditPointerUpEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a key is pressed while the ASPxRichEdit's document has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientRichEditKeyDownEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a key is released while the ASPxRichEdit's document has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientRichEditKeyUpEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a pop-up menu is about to be shown.
+     */
+    PopupMenuShowing: ASPxClientEvent<ASPxClientRichEditPopupMenuShowingEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a hyperlink is activated within the document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientRichEditHyperlinkClickEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the selection is changed within the document.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when content is inserted into the document.
+     */
+    ContentInserted: ASPxClientEvent<ASPxClientRichEditContentInsertedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when content is removed from the document
+     */
+    ContentRemoved: ASPxClientEvent<ASPxClientRichEditContentRemovedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the characters' formatting is changed.
+     */
+    CharacterPropertiesChanged: ASPxClientEvent<ASPxClientRichEditCharacterPropertiesChangedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a paragraph's formatting is changed.
+     */
+    ParagraphPropertiesChanged: ASPxClientEvent<ASPxClientRichEditParagraphPropertiesChangedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Enables you to switch the full-screen mode of the Rich Text Editor.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Provides access to an object implementing the RichEdit's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Sets input focus to the RichEdit.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Reconnects the RichEdit to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * Represents an individual item of the Rich Edit's context menu.
+ */
+interface ASPxClientRichEditPopupMenuItem {
+    /**
+     * Gets the immediate parent menu item to which the current menu item belongs.
+     * Value: A ASPxClientRichEditPopupMenuItem object representing the menu item's immediate parent.
+     */
+    parent: ASPxClientRichEditPopupMenuItem;
+    /**
+     * Gets or sets the unique identifier name for the current menu item.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+    /**
+     * Gets or sets the text content of the current menu item.
+     * Value: A string value that specifies the text content of the menu item.
+     */
+    text: string;
+    /**
+     * Gets or sets a value that indicates whether the menu item is enabled, allowing the item to respond to end-user interactions.
+     * Value: true if the item is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets or sets the CSS class name defining the menu item's image.
+     * Value: A string value specifying the class name.
+     */
+    imageClassName: string;
+    /**
+     * Gets or sets a URL which defines the navigation location.
+     * Value: A string value which represents a URL where the client web browser will navigate.
+     */
+    navigateUrl: string;
+    /**
+     * Gets or sets the URL of the menu item's image.
+     * Value: A string value that specifies the location of an image.
+     */
+    imageUrl: string;
+    /**
+     * Gets or sets a value that specifies whether the current menu item starts a group.
+     * Value: true if the current menu item starts a group; otherwise, false.
+     */
+    beginGroup: boolean;
+    /**
+     * Gets or sets the current menu item's tooltip text.
+     * Value: A string which specifies the text content of the current menu item's tooltip.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the window or frame at which to target the contents of the URL associated with the current menu item.
+     * Value: A string which identifies the window or frame at which to target the URL content.
+     */
+    target: string;
+    /**
+     * Gets a collection that contains the submenu items of the current menu item.
+     */
+    GetSubItems(): ASPxClientRichEditPopupMenuItemCollection;
+    /**
+     * Returns the menu item's sub-item with the specified index.
+     * @param index An integer value specifying the index of the sub-item within a collection of the current menu item's submenu items.
+     */
+    GetItem(index: number): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns the menu item's sub-item with the specified name property value.
+     * @param name A string value specifying the name property value of the sub-item to find.
+     */
+    GetItemByName(name: string): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns the total number of the menu item's child items (submenu items).
+     */
+    GetItemCount(): number;
+}
+/**
+ * Represents a collection of items in the Rich Edit's context menu.
+ */
+interface ASPxClientRichEditPopupMenuItemCollection {
+    /**
+     * Adds the specified menu item to the end of the collection.
+     * @param item An ASPxClientRichEditPopupMenuItem object specifying the item to be added to the collection.
+     */
+    Add(item: ASPxClientRichEditPopupMenuItem): void;
+    /**
+     * Removes a menu item specified by its index within the collection.
+     * @param index An integer value specifying the index of the menu item to remove.
+     */
+    Remove(index: number): void;
+    /**
+     * Removes a menu item specified by its name.
+     * @param name A string value specifying the name property value of a menu item to remove from the collection.
+     */
+    RemoveByName(name: string): void;
+    /**
+     * Adds the specified item to the specified position within the collection.
+     * @param index An integer value that specifies the zero-based index at which the specified item should be inserted.
+     * @param item An ASPxClientRichEditPopupMenuItem object to insert.
+     */
+    Insert(index: number, item: ASPxClientRichEditPopupMenuItem): void;
+    /**
+     * Returns the total number of menu items in the collection.
+     */
+    GetCount(): number;
+    /**
+     * Returns an item object with the specified name property value.
+     * @param name A string value representing the name property value of the required item.
+     */
+    GetByName(name: string): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns a menu item specified by its index in the collection.
+     * @param index An integer value that is the zero-based index of the <see cref="ASPxClientRichEditPopupMenuItem" /> to retrieve from the ASPxClientRichEditPopupMenuItemCollection.
+     */
+    Get(index: number): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Removes all menu items from the collection.
+     */
+    Clear(): void;
+}
+/**
+ * Contains a set of the available client commands.
+ */
+interface RichEditCommands {
+    /**
+     * Gets a command to create a new empty document.
+     * Value: A <see cref="FileNewCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileNew: FileNewCommand;
+    /**
+     * Gets a command to open a document stored in the specified file.
+     * Value: A <see cref="FileOpenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpen: FileOpenCommand;
+    /**
+     * Gets a command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+     * Value: A <see cref="FileOpenDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpenDialog: FileOpenDialogCommand;
+    /**
+     * Gets a command to save the document at its original location on the server.
+     * Value: A <see cref="FileSaveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSave: FileSaveCommand;
+    /**
+     * Gets a command to download the document specifying the file's extension.
+     * Value: A <see cref="FileDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileDownload: FileDownloadCommand;
+    /**
+     * Gets a command to save a document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAs: FileSaveAsCommand;
+    /**
+     * Gets a command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAsDialog: FileSaveAsDialogCommand;
+    /**
+     * Gets a command to invoke a browser-specific Print dialog allowing one to print the current document.
+     * Value: A <see cref="FilePrintCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    filePrint: FilePrintCommand;
+    /**
+     * Gets a command to cancel changes caused by the previous command.
+     * Value: A <see cref="UndoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    undo: UndoCommand;
+    /**
+     * Gets a command to reverse actions of the previous undo command.
+     * Value: A <see cref="RedoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    redo: RedoCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the clipboard.
+     * Value: A <see cref="CopyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copy: CopyCommand;
+    /**
+     * Gets a command to paste the text from the clipboard over the selection.
+     * Value: A <see cref="PasteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    paste: PasteCommand;
+    /**
+     * Gets a command to cut the selected text and place it to the clipboard.
+     * Value: A <see cref="CutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    cut: CutCommand;
+    /**
+     * Gets a command to change the font name of characters in a selected range.
+     * Value: A <see cref="ChangeFontNameCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontName: ChangeFontNameCommand;
+    /**
+     * Gets a command to change the font size (in points) of characters in a selected range.
+     * Value: A <see cref="ChangeFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSize: ChangeFontSizeCommand;
+    /**
+     * Gets a command to increase the font size of characters in a selected range to the closest larger predefined value (in points).
+     * Value: A <see cref="IncreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseFontSize: IncreaseFontSizeCommand;
+    /**
+     * Gets a command to decrease the selected range's font size to the closest smaller predefined value (in points).
+     * Value: A <see cref="DecreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseFontSize: DecreaseFontSizeCommand;
+    /**
+     * Gets a command to convert selected text to upper case.
+     * Value: A <see cref="MakeTextUpperCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextUpperCase: MakeTextUpperCaseCommand;
+    /**
+     * Gets a command to convert selected text to lower case.
+     * Value: A <see cref="MakeTextLowerCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextLowerCase: MakeTextLowerCaseCommand;
+    /**
+     * Gets a command to capitalize each word in the selected sentence.
+     * Value: A <see cref="CapitalizeEachWordTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    capitalizeEachWordTextCase: CapitalizeEachWordTextCaseCommand;
+    /**
+     * Gets a command to toggle case for each character - upper case becomes lower, lower case becomes upper.
+     * Value: A <see cref="ToggleTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTextCase: ToggleTextCaseCommand;
+    /**
+     * Gets a command to change the bold formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontBoldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBold: ChangeFontBoldCommand;
+    /**
+     * Gets a command to change the italic formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontItalicCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontItalic: ChangeFontItalicCommand;
+    /**
+     * Gets a command to change the underline formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontUnderlineCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontUnderline: ChangeFontUnderlineCommand;
+    /**
+     * Gets a command to change the strikeout formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontStrikeoutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontStrikeout: ChangeFontStrikeoutCommand;
+    /**
+     * Gets a command to change the superscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSuperscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSuperscript: ChangeFontSuperscriptCommand;
+    /**
+     * Gets a command to change the subscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSubscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSubscript: ChangeFontSubscriptCommand;
+    /**
+     * Gets a command to change the font color of characters in a selected range.
+     * Value: A <see cref="ChangeFontForeColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontForeColor: ChangeFontForeColorCommand;
+    /**
+     * Gets a command to change the background color of characters in a selected range.
+     * Value: A <see cref="ChangeFontBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBackColor: ChangeFontBackColorCommand;
+    /**
+     * Gets a command to reset textual and paragraph formatting in the selected range to default values.
+     * Value: A <see cref="ClearFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    clearFormatting: ClearFormattingCommand;
+    /**
+     * Gets a command to apply a character or paragraph style settings to text in a selected range.
+     * Value: A <see cref="ChangeStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeStyle: ChangeStyleCommand;
+    /**
+     * Gets a command to toggle between the bulleted paragraph and normal text.
+     * Value: A <see cref="ToggleBulletedListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleBulletedList: ToggleBulletedListCommand;
+    /**
+     * Gets a command to toggle between the numbered paragraph and normal text.
+     * Value: A <see cref="ToggleNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleNumberingList: ToggleNumberingListCommand;
+    /**
+     * Gets a command to toggle between the multilevel list style and normal text.
+     * Value: A <see cref="ToggleMultilevelListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleMultilevelList: ToggleMultilevelListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected range.
+     * Value: A <see cref="IncreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseIndent: IncreaseIndentCommand;
+    /**
+     * Gets a command to decrease the indent level of paragraphs in a selected range.
+     * Value: A <see cref="DecreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseIndent: DecreaseIndentCommand;
+    /**
+     * Gets a command to toggle hidden symbol visibility.
+     * Value: A <see cref="ShowHiddenSymbolsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHiddenSymbols: ShowHiddenSymbolsCommand;
+    /**
+     * Gets a command to toggle left paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentLeft: ToggleParagraphAlignmentLeftCommand;
+    /**
+     * Gets a command to toggle centered paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentCenter: ToggleParagraphAlignmentCenterCommand;
+    /**
+     * Gets a command to toggle right paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentRight: ToggleParagraphAlignmentRightCommand;
+    /**
+     * Gets a command to toggle justified paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentJustifyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentJustify: ToggleParagraphAlignmentJustifyCommand;
+    /**
+     * Gets a command to format a current paragraph with single line spacing.
+     * Value: A <see cref="SetSingleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSingleParagraphSpacing: SetSingleParagraphSpacingCommand;
+    /**
+     * Gets a command to format a current paragraph with one and a half line spacing.
+     * Value: A <see cref="SetSesquialteralParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSesquialteralParagraphSpacing: SetSesquialteralParagraphSpacingCommand;
+    /**
+     * Gets a command to format a selected paragraph with double line spacing.
+     * Value: A <see cref="SetDoubleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDoubleParagraphSpacing: SetDoubleParagraphSpacingCommand;
+    /**
+     * Gets a command to add spacing before a paragraph.
+     * Value: A <see cref="AddSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingBeforeParagraph: AddSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to add spacing after a paragraph.
+     * Value: A <see cref="AddSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingAfterParagraph: AddSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to remove spacing before the selected paragraph.
+     * Value: A <see cref="RemoveSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingBeforeParagraph: RemoveSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to remove spacing after the selected paragraph.
+     * Value: A <see cref="RemoveSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingAfterParagraph: RemoveSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to change the background color of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphBackColor: ChangeParagraphBackColorCommand;
+    /**
+     * Gets a command to invoke the Font dialog window.
+     * Value: A <see cref="OpenFontFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFontFormattingDialog: OpenFontFormattingDialogCommand;
+    /**
+     * Gets a command to change the font formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontFormatting: ChangeFontFormattingCommand;
+    /**
+     * Gets a command to invoke the Indents And Spacing tab of the Paragraph dialog window.
+     * Value: A <see cref="OpenParagraphFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openParagraphFormattingDialog: OpenParagraphFormattingDialogCommand;
+    /**
+     * Gets a command to apply formatting settings to paragraphs within a selected range.
+     * Value: A <see cref="ChangeParagraphFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphFormatting: ChangeParagraphFormattingCommand;
+    /**
+     * Gets a command to insert a page break at the current position in the document.
+     * Value: A <see cref="InsertPageBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPageBreak: InsertPageBreakCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="OpenInsertTableDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertTableDialog: OpenInsertTableDialogCommand;
+    /**
+     * Gets a command to insert a rectangular table of the specified size.
+     * Value: A <see cref="InsertTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTable: InsertTableCommand;
+    /**
+     * Gets a command to invoke the Insert Image dialog window.
+     * Value: A <see cref="OpenInsertPictureDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertPictureDialog: OpenInsertPictureDialogCommand;
+    /**
+     * Gets a command to insert an inline picture stored by the specified web address.
+     * Value: A <see cref="InsertPictureCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPicture: InsertPictureCommand;
+    /**
+     * Gets a command to invoke the Bookmark dialog window.
+     * Value: A <see cref="OpenInsertBookmarkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertBookmarkDialog: OpenInsertBookmarkDialogCommand;
+    /**
+     * Gets a command to insert a new bookmark that references the current selection.
+     * Value: A <see cref="InsertBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertBookmark: InsertBookmarkCommand;
+    /**
+     * A command to delete a specific bookmark.
+     * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteBookmark: DeleteBookmarkCommand;
+    /**
+     * Gets a command to navigate to the specified bookmark.
+     * Value: A <see cref="GoToBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToBookmark: GoToBookmarkCommand;
+    /**
+     * Gets a command to invoke the Hyperlink dialog window.
+     * Value: A <see cref="OpenInsertHyperlinkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertHyperlinkDialog: OpenInsertHyperlinkDialogCommand;
+    /**
+     * Gets a command to insert and update a hyperlink field in place of a selected range.
+     * Value: A <see cref="InsertHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHyperlink: InsertHyperlinkCommand;
+    /**
+     * Gets a command to delete the selected hyperlink.
+     * Value: A <see cref="DeleteHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlink: DeleteHyperlinkCommand;
+    /**
+     * Gets a command to delete all hyperlinks in the selected range.
+     * Value: A <see cref="DeleteHyperlinksCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlinks: DeleteHyperlinksCommand;
+    /**
+     * Gets a command to go to a bookmark or URI contained within the selected hyperlink.
+     * Value: A <see cref="OpenHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openHyperlink: OpenHyperlinkCommand;
+    /**
+     * Gets a command to invoke the Symbols dialog window.
+     * Value: A <see cref="OpenInsertSymbolDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertSymbolDialog: OpenInsertSymbolDialogCommand;
+    /**
+     * Gets a command to insert characters into a document instead of a selected range.
+     * Value: A <see cref="InsertSymbolCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSymbol: InsertSymbolCommand;
+    /**
+     * Gets a command to apply page margins settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageMargins: ChangePageMarginsCommand;
+    /**
+     * Gets a command to invoke the Margins tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPageMarginsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPageMarginsDialog: OpenPageMarginsDialogCommand;
+    /**
+     * Gets a command to apply page orientation settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageOrientationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageOrientation: ChangePageOrientationCommand;
+    /**
+     * Gets a command to invoke the Page Setup dialog.
+     * Value: A <see cref="SetPageSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setPageSizeDialog: SetPageSizeDialogCommand;
+    /**
+     * Gets a command to invoke the Paper tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPagePaperSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPagePaperSizeDialog: OpenPagePaperSizeDialogCommand;
+    /**
+     * Gets a command to apply page size settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageSize: ChangePageSizeCommand;
+    /**
+     * Gets a command to change the number of columns having the same width in a section.
+     * Value: A <see cref="ChangeSectionEqualColumnCountCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionEqualColumnCount: ChangeSectionEqualColumnCountCommand;
+    /**
+     * Gets a command to invoke the Columns dialog window.
+     * Value: A <see cref="OpenSectionColumnsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSectionColumnsDialog: OpenSectionColumnsDialogCommand;
+    /**
+     * Gets a command to apply column layout settings to a section.
+     * Value: A <see cref="ChangeSectionColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionColumns: ChangeSectionColumnsCommand;
+    /**
+     * Gets a command to insert a column break at the current position in the document.
+     * Value: A <see cref="InsertColumnBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertColumnBreak: InsertColumnBreakCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next page.
+     * Value: A <see cref="InsertSectionBreakNextPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakNextPage: InsertSectionBreakNextPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next even-numbered page.
+     * Value: A <see cref="InsertSectionBreakEvenPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakEvenPage: InsertSectionBreakEvenPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next odd-numbered page.
+     * Value: A <see cref="InsertSectionBreakOddPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakOddPage: InsertSectionBreakOddPageCommand;
+    /**
+     * Gets a command to set the background color of all pages contained in the document.
+     * Value: A <see cref="ChangePageColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageColor: ChangePageColorCommand;
+    /**
+     * Gets a command to toggle the horizontal ruler's visibility.
+     * Value: A <see cref="ShowHorizontalRulerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHorizontalRuler: ShowHorizontalRulerCommand;
+    /**
+     * Gets a command to toggle the fullscreen mode.
+     * Value: A <see cref="SetFullscreenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setFullscreen: SetFullscreenCommand;
+    /**
+     * Gets a command to invoke the Bulleted and Numbering dialog window.
+     * Value: A <see cref="OpenNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openNumberingListDialog: OpenNumberingListDialogCommand;
+    /**
+     * Gets a command to insert a paragraph break at the current position in the document.
+     * Value: A <see cref="InsertParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertParagraph: InsertParagraphCommand;
+    /**
+     * Gets a command to insert text in place of a selected range.
+     * Value: A <see cref="InsertTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertText: InsertTextCommand;
+    /**
+     * Gets a command to delete text and in-line objects in a selected range.
+     * Value: A <see cref="DeleteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    delete: DeleteCommand;
+    /**
+     * Gets a command to remove the previous word.
+     * Value: A <see cref="RemovePrevWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removePrevWord: RemovePrevWordCommand;
+    /**
+     * Gets a command to remove the next word.
+     * Value: A <see cref="RemoveNextWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNextWord: RemoveNextWordCommand;
+    /**
+     * Gets a command to move the cursor backwards and erase characters in a selected range.
+     * Value: A <see cref="BackspaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    backspace: BackspaceCommand;
+    /**
+     * Gets a command to insert the line break at the current position in the document.
+     * Value: A <see cref="InsertLineBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertLineBreak: InsertLineBreakCommand;
+    /**
+     * Gets a command to scale a selected in-line picture.
+     * Value: A <see cref="ChangePictureScaleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePictureScale: ChangePictureScaleCommand;
+    /**
+     * Gets a command to increment the left indent of paragraphs in a selected range.
+     * Value: A <see cref="IncrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementParagraphLeftIndent: IncrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to decrement the paragraph's left indent position.
+     * Value: A <see cref="DecrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementParagraphLeftIndent: DecrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to move the selected range.
+     * Value: A <see cref="MoveContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    moveContent: MoveContentCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the specified position.
+     * Value: A <see cref="CopyContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copyContent: CopyContentCommand;
+    /**
+     * Gets a command to insert a tab character at the current position in the document.
+     * Value: A <see cref="InsertTabCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTab: InsertTabCommand;
+    /**
+     * Gets a command to add a non-breaking space in place of a selected range
+     * Value: A <see cref="InsertNonBreakingSpaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNonBreakingSpace: InsertNonBreakingSpaceCommand;
+    /**
+     * Gets a command to invoke the Tabs dialog window.
+     * Value: A <see cref="OpenTabsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTabsDialog: OpenTabsDialogCommand;
+    /**
+     * Gets a command to change the default tab stop value of a document and apply custom tab settings to the selected paragraphs.
+     * Value: A <see cref="ChangeTabsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTabs: ChangeTabsCommand;
+    /**
+     * Gets a command to invoke the Customize Numbered List dialog window.
+     * Value: A <see cref="OpenCustomNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openCustomNumberingListDialog: OpenCustomNumberingListDialogCommand;
+    /**
+     * Gets a command to customize the numbered list parameters.
+     * Value: A <see cref="ChangeCustomNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeCustomNumberingList: ChangeCustomNumberingListCommand;
+    /**
+     * Gets a command to restart the numbering list.
+     * Value: A <see cref="RestartNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    restartNumberingList: RestartNumberingListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="IncrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementNumberingIndent: IncrementNumberingIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="DecrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementNumberingIndent: DecrementNumberingIndentCommand;
+    /**
+     * Gets a command to create a field with an empty code and populate it with the characters in the selected range (if it is not collapsed).
+     * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createField: CreateFieldCommand;
+    /**
+     * Gets a command to update each field's result in the selection.
+     * Value: A <see cref="UpdateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateField: UpdateFieldCommand;
+    /**
+     * Gets a command to display the selected field's codes.
+     * Value: A <see cref="ShowFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showFieldCodes: ShowFieldCodesCommand;
+    /**
+     * Get a command to display all field codes in place of the fields in the document.
+     * Value: A <see cref="ShowAllFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showAllFieldCodes: ShowAllFieldCodesCommand;
+    /**
+     * Gets a command to continue the list's numbering.
+     * Value: A <see cref="ContinueNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    continueNumberingList: ContinueNumberingListCommand;
+    /**
+     * Gets a command to insert numeration to a paragraph making it a numbering list item.
+     * Value: A <see cref="InsertNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNumeration: InsertNumerationCommand;
+    /**
+     * Gets a command to exclude the selected paragraphs from the numbered list.
+     * Value: A <see cref="RemoveNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNumeration: RemoveNumerationCommand;
+    /**
+     * Gets a command to update all fields in the document.
+     * Value: A <see cref="UpdateAllFieldsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateAllFields: UpdateAllFieldsCommand;
+    /**
+     * Gets a command to insert and update a field with a DATE code.
+     * Value: A <see cref="CreateDateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createDateField: CreateDateFieldCommand;
+    /**
+     * Gets a command to replace the selection with a TIME field displaying the current time.
+     * Value: A <see cref="CreateTimeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createTimeField: CreateTimeFieldCommand;
+    /**
+     * A command to replace the selection with a PAGE field displaying the current page number.
+     * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageField: CreatePageFieldCommand;
+    /**
+     * Gets a command changing all selected text to the sentence case capitalization.
+     * Value: A <see cref="MakeTextSentenceCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextSentenceCase: MakeTextSentenceCaseCommand;
+    /**
+     * Gets a command to switch the text capitalization in the selection.
+     * Value: A <see cref="SwitchTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    switchTextCase: SwitchTextCaseCommand;
+    /**
+     * Gets a command to navigate to the first data record.
+     * Value: A <see cref="GoToFirstDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFirstDataRecord: GoToFirstDataRecordCommand;
+    /**
+     * Gets a command to navigate to the previous data record of the bound data source.
+     * Value: A <see cref="GoToPreviousDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousDataRecord: GoToPreviousDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record of the bound data source.
+     * Value: A <see cref="GoToNextDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextDataRecord: GoToNextDataRecordCommand;
+    /**
+     * Gets a command to open the specified data record.
+     * Value: A <see cref="GoToDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToDataRecord: GoToDataRecordCommand;
+    /**
+     * Gets a command to navigate to the last data record of the bound data source.
+     * Value: A <see cref="GoToLastDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToLastDataRecord: GoToLastDataRecordCommand;
+    /**
+     * Gets a command to display or hide actual data in MERGEFIELD fields.
+     * Value: A <see cref="ShowMergedDataCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showMergedData: ShowMergedDataCommand;
+    /**
+     * Gets a command to invoke the Insert Merge Field dialog window.
+     * Value: A <see cref="MergeFieldDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeFieldDialog: MergeFieldDialogCommand;
+    /**
+     * Gets a command to replace the selection with a MERGEFIELD (a data source column name is passed with a parameter).
+     * Value: A <see cref="CreateMergeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createMergeField: CreateMergeFieldCommand;
+    /**
+     * Gets a command to invoke the Export Range dialog window to start a mail merge.
+     * Value: A <see cref="MailMergeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeDialog: MailMergeDialogCommand;
+    /**
+     * Gets a command to perform a mail merge and download the merged document.
+     * Value: A <see cref="MailMergeAndDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndDownload: MailMergeAndDownloadCommand;
+    /**
+     * Gets a command to perform a mail merge and save the merged document to the server.
+     * Value: A <see cref="MailMergeAndSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndSaveAs: MailMergeAndSaveAsCommand;
+    /**
+     * Gets a command to create a header sub-document (if it is not yet created) and set it as an active sub-document instead of the main sub-document.
+     * Value: A <see cref="InsertHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHeader: InsertHeaderCommand;
+    /**
+     * Gets a command to create a footer sub-document (if it is not yet created) and set it as an active sub-document instead of the main sub-document.
+     * Value: A <see cref="InsertFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFooter: InsertFooterCommand;
+    /**
+     * Gets a command to link a header/footer to the previous section, so it has the same content.
+     * Value: A <see cref="LinkHeaderFooterToPreviousCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    linkHeaderFooterToPrevious: LinkHeaderFooterToPreviousCommand;
+    /**
+     * Gets a command to substitute a header sub-document with a footer sub-document of the same page as an active sub-document.
+     * Value: A <see cref="GoToFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFooter: GoToFooterCommand;
+    /**
+     * Gets a command to substitute a footer sub-document with a header sub-document of the same page as an active sub-document.
+     * Value: A <see cref="GoToHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToHeader: GoToHeaderCommand;
+    /**
+     * Gets a command to substitute a current header/footer with a header/footer of the next section as an active sub-document.
+     * Value: A <see cref="GoToNextHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextHeaderFooter: GoToNextHeaderFooterCommand;
+    /**
+     * Gets a command to substitute a current header/footer with a header/footer of the previous section as an active sub-document.
+     * Value: A <see cref="GoToPreviousHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousHeaderFooter: GoToPreviousHeaderFooterCommand;
+    /**
+     * Gets a command to enable (or disable if it is enabled) a different page header and footer for the first page of the current section.
+     * Value: A <see cref="SetDifferentFirstPageHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentFirstPageHeaderFooter: SetDifferentFirstPageHeaderFooterCommand;
+    /**
+     * Gets a command to enable (or disable if it is enabled) a different page header and footer for odd and even pages of the current section.
+     * Value: A <see cref="SetDifferentOddAndEvenPagesHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentOddAndEvenPagesHeaderFooter: SetDifferentOddAndEvenPagesHeaderFooterCommand;
+    /**
+     * Gets a command to substitute a header/footer sub-document with the main sub-document as an active sub-document.
+     * Value: A <see cref="CloseHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    closeHeaderFooter: CloseHeaderFooterCommand;
+    /**
+     * Gets a command to replace the selection with a NUMPAGES field displaying the total number of pages.
+     * Value: A <see cref="CreatePageCountFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageCountField: CreatePageCountFieldCommand;
+    /**
+     * Gets a command to invoke the Table tab of the Table Properties dialog window.
+     * Value: A <see cref="OpenTableFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableFormattingDialog: OpenTableFormattingDialogCommand;
+    /**
+     * Gets a command to change the selected table's formatting.
+     * Value: A <see cref="ChangeTableFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableFormatting: ChangeTableFormattingCommand;
+    /**
+     * Gets a command to change the selected table rows' preferred height.
+     * Value: A <see cref="ChangeTableRowPreferredHeightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableRowPreferredHeight: ChangeTableRowPreferredHeightCommand;
+    /**
+     * Gets a command to change the preferred cell width of the selected table rows.
+     * Value: A <see cref="ChangeTableCellPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellPreferredWidth: ChangeTableCellPreferredWidthCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideBorders: ToggleTableCellInsideBordersCommand;
+    /**
+     * Gets a command to change the selected table columns' preferred width.
+     * Value: A <see cref="ChangeTableColumnPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableColumnPreferredWidth: ChangeTableColumnPreferredWidthCommand;
+    /**
+     * Gets a command to change the cell formatting of the selected table elements.
+     * Value: A <see cref="ChangeTableCellFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellFormatting: ChangeTableCellFormattingCommand;
+    /**
+     * Gets a command to insert a table column to the left of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheLeft: InsertTableColumnToTheLeftCommand;
+    /**
+     * Gets a command to insert a table column to the right of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheRight: InsertTableColumnToTheRightCommand;
+    /**
+     * Gets a command to insert a row in the table below the selected row.
+     * Value: A <see cref="InsertTableRowBelowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowBelow: InsertTableRowBelowCommand;
+    /**
+     * Gets a command to insert a row in the table above the selected row.
+     * Value: A <see cref="InsertTableRowAboveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowAbove: InsertTableRowAboveCommand;
+    /**
+     * Gets a command to delete the selected rows in the table.
+     * Value: A <see cref="DeleteTableRowsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableRows: DeleteTableRowsCommand;
+    /**
+     * Gets a command to delete the selected columns in the table.
+     * Value: A <see cref="DeleteTableColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableColumns: DeleteTableColumnsCommand;
+    /**
+     * Gets a command to insert table cells with a horizontal shift into the selected table.
+     * Value: A <see cref="InsertTableCellWithShiftToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellWithShiftToTheLeft: InsertTableCellWithShiftToTheLeftCommand;
+    /**
+     * Gets a command to delete the selected table cells with a horizontal shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftHorizontallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftHorizontally: DeleteTableCellsWithShiftHorizontallyCommand;
+    /**
+     * Gets a command to delete the selected table cells with a vertical shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftVertically: DeleteTableCellsWithShiftVerticallyCommand;
+    /**
+     * Gets a command to delete the selected table.
+     * Value: A <see cref="DeleteTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTable: DeleteTableCommand;
+    /**
+     * Gets a command to invoke the Insert Cells dialog window.
+     * Value: A <see cref="InsertTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsDialog: InsertTableCellsDialogCommand;
+    /**
+     * Gets a command to invoke the Delete Cells dialog window.
+     * Value: A <see cref="DeleteTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsDialog: DeleteTableCellsDialogCommand;
+    /**
+     * Gets a command to merge the selected cells.
+     * Value: A <see cref="MergeTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeTableCells: MergeTableCellsCommand;
+    /**
+     * Gets a command to invoke the Split Cells dialog window.
+     * Value: A <see cref="SplitTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCellsDialog: SplitTableCellsDialogCommand;
+    /**
+     * Gets a command to split the selected table cells.
+     * Value: A <see cref="SplitTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCells: SplitTableCellsCommand;
+    /**
+     * Gets a command to insert table cells with a vertical shift into the selected table.
+     * Value: A <see cref="InsertTableCellsWithShiftToTheVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsWithShiftToTheVertically: InsertTableCellsWithShiftToTheVerticallyCommand;
+    /**
+     * Gets a command to invoke the Borders tab of the Borders and Shading dialog window.
+     * Value: A <see cref="OpenTableBordersAndShadingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableBordersAndShadingDialog: OpenTableBordersAndShadingDialogCommand;
+    /**
+     * Gets a command to change the selected table's borders and shading.
+     * Value: A <see cref="ChangeTableBordersAndShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBordersAndShading: ChangeTableBordersAndShadingCommand;
+    /**
+     * Gets a command to apply top-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopLeft: ToggleTableCellAlignTopLeftCommand;
+    /**
+     * Gets a command to apply top-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopCenter: ToggleTableCellAlignTopCenterCommand;
+    /**
+     * Gets a command to apply top-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopRight: ToggleTableCellAlignTopRightCommand;
+    /**
+     * Gets a command to apply middle-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleLeft: ToggleTableCellAlignMiddleLeftCommand;
+    /**
+     * Gets a command to apply middle-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleCenter: ToggleTableCellAlignMiddleCenterCommand;
+    /**
+     * Gets a command to apply middle-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleRight: ToggleTableCellAlignMiddleRightCommand;
+    /**
+     * Gets a command to apply bottom-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomLeft: ToggleTableCellAlignBottomLeftCommand;
+    /**
+     * Gets a command to apply bottom-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomCenter: ToggleTableCellAlignBottomCenterCommand;
+    /**
+     * Gets a command to apply bottom-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomRight: ToggleTableCellAlignBottomRightCommand;
+    /**
+     * Gets a command to change the selected table's style.
+     * Value: A <see cref="ChangeTableStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableStyle: ChangeTableStyleCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the top border for the selected cells.
+     * Value: A <see cref="ToggleTableCellTopBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellTopBorder: ToggleTableCellTopBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the right border for the selected cells.
+     * Value: A <see cref="ToggleTableCellRightBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellRightBorder: ToggleTableCellRightBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the bottom border for the selected cells.
+     * Value: A <see cref="ToggleTableCellBottomBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellBottomBorder: ToggleTableCellBottomBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the left border for the selected cells.
+     * Value: A <see cref="ToggleTableCellLeftBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellLeftBorder: ToggleTableCellLeftBorderCommand;
+    /**
+     * Gets a command to remove the borders of the selected table cells.
+     * Value: A <see cref="RemoveTableCellBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeTableCellBorders: RemoveTableCellBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings to all borders of the selected cells.
+     * Value: A <see cref="ToggleTableCellAllBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAllBorders: ToggleTableCellAllBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside horizontal borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideHorizontalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideHorizontalBorders: ToggleTableCellInsideHorizontalBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside vertical borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideVerticalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideVerticalBorders: ToggleTableCellInsideVerticalBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the outside borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellOutsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellOutsideBorders: ToggleTableCellOutsideBordersCommand;
+    /**
+     * Gets a command to change the selected table's style options.
+     * Value: A <see cref="ChangeTableLookCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableLook: ChangeTableLookCommand;
+    /**
+     * Gets a command to apply borders' drawing settings.
+     * Value: A <see cref="ChangeTableBorderRepositoryItemCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBorderRepositoryItem: ChangeTableBorderRepositoryItemCommand;
+    /**
+     * Gets a command to change cell shading in selected table cells.
+     * Value: A <see cref="ChangeTableCellShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellShading: ChangeTableCellShadingCommand;
+    /**
+     * Gets a command to toggle the display of grid lines for a table with no borders applied - on/off.
+     * Value: A <see cref="ShowTableGridLinesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showTableGridLines: ShowTableGridLinesCommand;
+    /**
+     * Gets a command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+     * Value: A <see cref="OpenFindPanelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindPanel: OpenFindPanelCommand;
+    /**
+     * Gets a command to invoke the Find and Replace dialog window.
+     * Value: A <see cref="OpenFindAndReplaceDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindAndReplaceDialog: OpenFindAndReplaceDialogCommand;
+    /**
+     * Gets a command to find all matches of the specified text in the document.
+     * Value: A <see cref="FindAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    findAll: FindAllCommand;
+    /**
+     * Gets a command to hide the search results.
+     * Value: A <see cref="HideFindResultsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    hideFindResults: HideFindResultsCommand;
+    /**
+     * Gets a command to replace all matches of the specified text with new characters.
+     * Value: A <see cref="ReplaceAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceAll: ReplaceAllCommand;
+    /**
+     * Gets a command to find and replace a next match of the specified text after the cursor position with new characters.
+     * Value: A <see cref="ReplaceNextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceNext: ReplaceNextCommand;
+    /**
+     * Gets a command to invoke the Spelling dialog window.
+     * Value: A <see cref="OpenSpellingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSpellingDialog: OpenSpellingDialogCommand;
+    /**
+     * Gets a command to assign a shortcut to the specified client command.
+     * Value: A <see cref="AssignShortcutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    assignShortcut: AssignShortcutCommand;
+    /**
+     * Gets a command to invoke the Layout dialog window to customize the settings of a floating object.
+     * Value: A <see cref="OpenLayoutOptionsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openLayoutOptionsDialog: OpenLayoutOptionsDialogCommand;
+    /**
+     * Gets a command to insert a floating text box.
+     * Value: A <see cref="InsertFloatingTextBoxCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFloatingTextBox: InsertFloatingTextBoxCommand;
+    /**
+     * Gets a command to modify a floating object's alignment position.
+     * Value: A <see cref="ChangeFloatingObjectAlignmentPositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAlignmentPosition: ChangeFloatingObjectAlignmentPositionCommand;
+    /**
+     * Gets a command to change a floating object's absolute position.
+     * Value: A <see cref="ChangeFloatingObjectAbsolutePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsolutePosition: ChangeFloatingObjectAbsolutePositionCommand;
+    /**
+     * Gets a command to modify a floating object's relative position.
+     * Value: A <see cref="ChangeFloatingObjectRelativePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRelativePosition: ChangeFloatingObjectRelativePositionCommand;
+    /**
+     * Gets a command to lock a floating object's anchor.
+     * Value: A <see cref="ChangeFloatingObjectLockAnchorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAnchor: ChangeFloatingObjectLockAnchorCommand;
+    /**
+     * Gets a command to modify a floating object's text wrapping settings.
+     * Value: A <see cref="ChangeFloatingObjectTextWrappingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectTextWrapping: ChangeFloatingObjectTextWrappingCommand;
+    /**
+     * Gets a command to change a floating object's absolute size.
+     * Value: A <see cref="ChangeFloatingObjectAbsoluteSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsoluteSize: ChangeFloatingObjectAbsoluteSizeCommand;
+    /**
+     * Gets a command to modify a text box's relative size settings.
+     * Value: A <see cref="ChangeTextBoxRelativeSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxRelativeSize: ChangeTextBoxRelativeSizeCommand;
+    /**
+     * Gets a command to rotate a floating object.
+     * Value: A <see cref="ChangeFloatingObjectRotationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRotation: ChangeFloatingObjectRotationCommand;
+    /**
+     * Gets a command to lock a floating object's aspect ratio.
+     * Value: A <see cref="ChangeFloatingObjectLockAspectRatioCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAspectRatio: ChangeFloatingObjectLockAspectRatioCommand;
+    /**
+     * Gets a command to modify a floating object's background fill color.
+     * Value: A <see cref="ChangeFloatingObjectFillColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectFillColor: ChangeFloatingObjectFillColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline color.
+     * Value: A <see cref="ChangeFloatingObjectOutlineColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineColor: ChangeFloatingObjectOutlineColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline width.
+     * Value: A <see cref="ChangeFloatingObjectOutlineWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineWidth: ChangeFloatingObjectOutlineWidthCommand;
+    /**
+     * Gets a command to modify a text box's content margins.
+     * Value: A <see cref="ChangeTextBoxContentMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxContentMargins: ChangeTextBoxContentMarginsCommand;
+    /**
+     * Gets a command to resize the shape to fit the text in the text box.
+     * Value: A <see cref="ChangeTextBoxResizeShapeToFitTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxResizeShapeToFitText: ChangeTextBoxResizeShapeToFitTextCommand;
+    /**
+     * Gets a command to add an HTML formatted content in place of a selected range.
+     * Value: A <see cref="InsertHtmlCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHtml: InsertHtmlCommand;
+}
+/**
+ * Serves as a base for objects that implement different client command functionalities.
+ */
+interface CommandBase {
+}
+/**
+ * Serves as a base for commands with a simple common command state.
+ */
+interface CommandWithSimpleStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): SimpleCommandState;
+}
+/**
+ * Serves as a base for commands with the Boolean state.
+ */
+interface CommandWithBooleanStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Defines a simple state common to most of the client commands.
+ */
+interface SimpleCommandState {
+    /**
+     * Gets a value indicating whether the command's UI element is enabled (within the ribbon and context menu).
+     * Value: true, if the command's related UI element is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets a value indicating whether the command's UI element is visible.
+     * Value: true, if the command's related UI element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Defines the state of a command.
+ */
+interface CommandState<T> extends SimpleCommandState {
+    /**
+     * Gets the command state value.
+     * Value: A T object specifying the command state value.
+     */
+    value: T;
+}
+/**
+ * Contains a set properties providing the current information about certain document structural elements.
+ */
+interface RichEditDocument {
+    /**
+     * Provides the information about the active sub-document.
+     * Value: A <see cref="SubDocument" /> object storing information about the essential document functionality.
+     */
+    activeSubDocument: SubDocument;
+    /**
+     * Provides information about sections in the current document.
+     * Value: An array of Section objects storing information about sections.
+     */
+    sectionsInfo: Section[];
+    /**
+     * Provides information about paragraph styles in the current document.
+     * Value: An array of ParagraphStyle objects storing information about paragraph styles.
+     */
+    paragraphStylesInfo: ParagraphStyle[];
+    /**
+     * Provides information about character styles in the current document.
+     * Value: An array of CharacterStyle objects storing information about character styles.
+     */
+    characterStylesInfo: CharacterStyle[];
+    /**
+     * Provides information about numbered paragraphs in the document.
+     * Value: An array of AbstractNumberingList objects storing the information about numbered paragraphs.
+     */
+    abstractNumberingListsInfo: AbstractNumberingList[];
+    /**
+     * Provides information about table styles in the current document.
+     * Value: An array of TableStyle objects storing information about table styles.
+     */
+    tableStylesInfo: TableStyle[];
+    /**
+     * Provides information about spell checking in the current document.
+     * Value: A <see cref="SpellingInfo" /> object.
+     */
+    spellingInfo: SpellingInfo;
+}
+/**
+ * An abstract numbering list definition that defines the appearance and behavior of numbered paragraphs in a document.
+ */
+interface AbstractNumberingList {
+    /**
+     * Gets or sets a value indicating whether an abstract numbering list is deleted.
+     * Value: true, if the abstract numbering list is deleted; otherwise, false.
+     */
+    deleted: boolean;
+}
+/**
+ * Defines a paragraph in the document.
+ */
+interface Paragraph {
+    /**
+     * Gets the paragraph's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the paragraph's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the text buffer interval occupied by the current paragraph element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the name of the paragraph style applied to the current paragraph (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+    /**
+     * Gets the index of a list applied to the paragraph.
+     * Value: An integer that is the index of a list to which the paragraph belongs.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the current paragraph in the numbering list.
+     * Value: An integer that is the index of the list level of the current paragraph.
+     */
+    listLevelIndex: number;
+}
+/**
+ * Defines a field in the document.
+ */
+interface Field {
+    /**
+     * Gets the field's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the field length in a document.
+     * Value: An integer value specifying the field length.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the field code element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    codeInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the field result element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    resultInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the current field element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets or sets a URI to navigate to when the hyperlink (represented by the current field) is activated.
+     * Value: A string representing an URI.
+     */
+    hyperlinkUri: string;
+    /**
+     * Gets or sets the text for the tooltip displayed when the mouse hovers over a hyperlink field.
+     * Value: A string containing the tooltip text.
+     */
+    hyperlinkTip: string;
+    /**
+     * Gets or sets the name of a bookmark (or a hyperlink) in the current document which shall be the target of the hyperlink field.
+     * Value: A string representing the bookmark's name.
+     */
+    hyperlinkAnchor: string;
+    /**
+     * Gets a value specifying whether a field's code or result is dispalyed.
+     * Value: true, if the field code is displayed; false, if the field result is displayed.
+     */
+    showCode: boolean;
+    /**
+     * Gets the index of the field
+     * Value: An integer value specifying the field's index
+     */
+    index: number;
+}
+/**
+ * Defines a bookmark in the document.
+ */
+interface Bookmark {
+    /**
+     * Gets the bookmark's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the bookmark's length.
+     * Value: An integer value specifying the length of the bookmark.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current bookmark element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the name of a bookmark in the document.
+     * Value: A string that is the unique bookmark's name.
+     */
+    name: string;
+}
+/**
+ * Defines a section in the document.
+ */
+interface Section {
+    /**
+     * Gets the section's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the section's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current section element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides access to the section's headers.
+     * Value: An array of HeaderFooter objects storing information about the section's headers.
+     */
+    headers: HeaderFooter[];
+    /**
+     * Provides access to the section's footers.
+     * Value: An array of HeaderFooter objects storing information about the section's footers.
+     */
+    footers: HeaderFooter[];
+}
+/**
+ * Contains settings defining a header or footer in a document.
+ */
+interface HeaderFooter {
+    /**
+     * Gets the type of the header (footer).
+     * Value: One of the <see cref="HeaderFooterType" /> values.
+     */
+    type: any;
+    /**
+     * Provides access to an object implementing the basic document functionality that is common to the header, footer and the main document body.
+     * Value: A <see cref="SubDocument" /> object exposing the basic document functionality.
+     */
+    subDocument: SubDocument;
+}
+/**
+ * Contains in-line picture settings.
+ */
+interface InlinePictureInfo {
+    /**
+     * Gets the image identifier.
+     * Value: An integer value specifying the image identifier.
+     */
+    id: number;
+    /**
+     * Gets the image position.
+     * Value: An integer value specifying the image position.
+     */
+    position: number;
+    /**
+     * Gets the initial image width.
+     * Value: An integer value specifying the image width.
+     */
+    initialWidth: number;
+    /**
+     * Gets the initial image height.
+     * Value: An integer value specifying the image height.
+     */
+    initialHeight: number;
+    /**
+     * Gets the X-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the X-axis.
+     */
+    scaleX: number;
+    /**
+     * Gets the Y-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the Y-axis.
+     */
+    scaleY: number;
+    /**
+     * Gets the actual image width.
+     * Value: An integer value specifying the image width.
+     */
+    actualWidth: number;
+    /**
+     * Gets the actual image height.
+     * Value: An integer value specifying the image height.
+     */
+    actualHeight: number;
+}
+declare enum HeaderFooterType {
+    First=0,
+    Odd=1,
+    Primary=1,
+    Even=2
+}
+/**
+ * Contains the settings defining a file to save to.
+ */
+interface RichEditFileInfo {
+    /**
+     * Gets or sets the file's folder name.
+     * Value: A string value specifying the folder name.
+     */
+    folderPath: string;
+    /**
+     * Gets or sets the file name.
+     * Value: A string value specifying the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets the file's document format.
+     * Value: A DocumentFormat enumeration value.
+     */
+    documentFormat: any;
+}
+declare enum DocumentFormat {
+    Undefined=0,
+    PlainText=1,
+    Rtf=2,
+    Html=3,
+    OpenXml=4,
+    Mht=5,
+    WordML=6,
+    OpenDocument=7,
+    ePub=9,
+    Doc=10
+}
+/**
+ * Contains a set of methods and properties to work with the document selection.
+ */
+interface RichEditSelection {
+    /**
+     * Gets or sets an array of document intervals in the selection.
+     * Value: An array of Interval objects.
+     */
+    intervals: Interval[];
+    /**
+     * Gets or sets a value specifying whether the current selection is collapsed (and represents the cursor position).
+     * Value: true, if the selection is collapsed; otherwise, false.
+     */
+    collapsed: boolean;
+    /**
+     * Gets the maximum position of a document interval in the selection.
+     */
+    getIntervalMaxPosition(): number;
+    /**
+     * Moves the cursor to the next line.
+     */
+    goToNextLine(): void;
+    /**
+     * Moves the cursor to the next line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located.
+     */
+    goToLineEnd(): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located.
+     */
+    goToLineStart(): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous line.
+     */
+    goToPreviousLine(): void;
+    /**
+     * Moves the cursor to the previous line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next character.
+     */
+    goToNextCharacter(): void;
+    /**
+     * Moves the cursor to the next character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextCharacter(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous character.
+     */
+    goToPreviousCharacter(): void;
+    /**
+     * Moves the cursor to the previous character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousCharacter(extendSelection: boolean): void;
+    /**
+     * Selects the line in which the cursor is located.
+     */
+    selectLine(): void;
+    /**
+     * Selects the line in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the next page.
+     */
+    goToNextPage(): void;
+    /**
+     * Moves the cursor to the beginning of the next page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the previous page.
+     */
+    goToPreviousPage(): void;
+    /**
+     * Moves the cursor to the beginning of the previous page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the document.
+     */
+    goToDocumentStart(): void;
+    /**
+     * Moves the cursor to the start of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the document.
+     */
+    goToDocumentEnd(): void;
+    /**
+     * Moves the cursor to the end of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next word.
+     */
+    goToNextWord(): void;
+    /**
+     * Moves the cursor to the next word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous word.
+     */
+    goToPrevWord(): void;
+    /**
+     * Moves the cursor to the previous word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPrevWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located.
+     */
+    goToParagraphStart(): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located.
+     */
+    goToParagraphEnd(): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphEnd(extendSelection: boolean): void;
+    /**
+     * Selects the paragraph in which the cursor is located.
+     */
+    selectParagraph(): void;
+    /**
+     * Moves the cursor to the next page break mark.
+     */
+    goToStartNextPageCommand(): void;
+    /**
+     * Moves the cursor to the next page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartNextPageCommand(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous page break mark.
+     */
+    goToStartPrevPageCommand(): void;
+    /**
+     * Moves the cursor to the previous page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartPrevPageCommand(extendSelection: boolean): void;
+    /**
+     * Selects the table cell in which the cursor is located.
+     */
+    selectTableCell(): void;
+    /**
+     * Selects the table cell in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableCell(extendSelection: boolean): void;
+    /**
+     * Selects the table row in which the cursor is located.
+     */
+    selectTableRow(): void;
+    /**
+     * Selects the table row in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableRow(extendSelection: boolean): void;
+    /**
+     * Selects the entire table in which the cursor is located.
+     */
+    selectTable(): void;
+    /**
+     * Selects the entire table in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTable(extendSelection: boolean): void;
+    /**
+     * Selects the editor's entire content.
+     */
+    selectAll(): void;
+    /**
+     * Makes the main sub-document active and moves the cursor to its beginning.
+     */
+    setMainSubDocumentAsActive(): void;
+    /**
+     * Creates a footer sub-document (if it was not created before) and sets the footer as the active sub-document. Moves the cursor to the footer's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setFooterSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Creates a header sub-document (if it was not created before) and sets the header as the active sub-document. Moves the cursor to the header's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+}
+/**
+ * Defines a document's interval.
+ */
+interface Interval {
+    /**
+     * Gets the interval's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the interval's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+}
+/**
+ * Contains spell checking related settings.
+ */
+interface SpellingInfo {
+    /**
+     * Gets a value specifying the spell checking state.
+     * Value: One of the <see cref="SpellCheckerState" /> enumeration values.
+     */
+    spellCheckerState: any;
+    /**
+     * Provides access to an array containing misspelled intervals.
+     * Value: An array of MisspelledInterval objects.
+     */
+    misspelledIntervals: MisspelledInterval[];
+}
+declare enum SpellCheckerState {
+    Disabled=0,
+    InProgress=1,
+    Done=2
+}
+/**
+ * Contains the settings defining a misspelled interval.
+ */
+interface MisspelledInterval {
+    /**
+     * Gets the start position of the misspelled word in the interval.
+     * Value: An integer value specifying the misspelled word's start position.
+     */
+    start: number;
+    /**
+     * Gets the length of the misspelled interval.
+     * Value: An integer value specifying the misspelled interval's length.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the spelling error type.
+     * Value: One of the <see cref="SpellingErrorType" /> enumeration values.
+     */
+    errorType: any;
+    /**
+     * Gets an erroneous word found during spell check.
+     * Value: A string that is the erroneous or misspelled word.
+     */
+    word: string;
+    /**
+     * Gets a list of suggested words to replace the misspelled word.
+     * Value: A string array containing suggested words.
+     */
+    suggestions: string[];
+}
+declare enum SpellingErrorType {
+    Misspelling=0,
+    Repeating=1
+}
+/**
+ * Serves as a base for objects implementing different element styles.
+ */
+interface StyleBase {
+    /**
+     * Gets or sets the name of the style.
+     * Value: A string specifying the style name.
+     */
+    name: string;
+    /**
+     * Gets whether the specified style is marked as deleted.
+     * Value: true, if the style is deleted; otherwise, false.
+     */
+    isDeleted: boolean;
+}
+/**
+ * Defines the paragraph style settings.
+ */
+interface ParagraphStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="CharacterStyle" /> object representing a character style linked to a current style.
+     */
+    linkedStyle: CharacterStyle;
+    /**
+     * Gets or sets the default style for a paragraph that immediately follows the current paragraph.
+     * Value: A <see cref="ParagraphStyle" /> object specifying the style for the next paragraph.
+     */
+    nextStyle: ParagraphStyle;
+    /**
+     * Gets the index of the list item associated with the paragraph formatted with the current style.
+     * Value: An integer value specifying the list item index.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the paragraph formatted with the current style.
+     * Value: An integer that is the list level index.
+     */
+    listLevelIndex: number;
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="ParagraphStyle" /> object representing the parent style.
+     */
+    parent: ParagraphStyle;
+}
+/**
+ * Contains characteristics of a character style in a document.
+ */
+interface CharacterStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="ParagraphStyle" /> object representing a paragraph style linked to a current style.
+     */
+    linkedStyle: ParagraphStyle;
+    /**
+     * Gets the style form which the current style inherits.
+     * Value: A <see cref="CharacterStyle" /> object representing the parent style.
+     */
+    parent: CharacterStyle;
+}
+/**
+ * Defines the table style settings.
+ */
+interface TableStyle extends StyleBase {
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="TableStyle" /> object that is the parent style.
+     */
+    parent: TableStyle;
+}
+/**
+ * Exposes the settings providing the information about the essential document functionality.
+ */
+interface SubDocument {
+    /**
+     * Gets the sub-document identifier.
+     * Value: An integer value specifying the sub-document identifier.
+     */
+    id: number;
+    /**
+     * Gets a value specifying the sub-document type.
+     * Value: One of the <see cref="SubDocumentType" /> enumeration values.
+     */
+    type: any;
+    /**
+     * Provides information about paragraphs contained in the document.
+     * Value: An array of Paragraph objects storing information about document paragraphs.
+     */
+    paragraphsInfo: Paragraph[];
+    /**
+     * Provides information about fields in the current document.
+     * Value: An array of Field objects storing information about document fields.
+     */
+    fieldsInfo: Field[];
+    /**
+     * Provides information about tables contained in the document.
+     * Value: An array of Table objects storing information about document tables.
+     */
+    tablesInfo: Table[];
+    /**
+     * Provides information about document bookmarks.
+     * Value: An array of Bookmark objects storing information about document bookmarks.
+     */
+    bookmarksInfo: Bookmark[];
+    /**
+     * Provides access to an array of objects containing in-line picture settings.
+     * Value: An array of <see cref="InlinePictureInfo[]" /> objects.
+     */
+    inlinePicturesInfo: InlinePictureInfo[];
+    /**
+     * Gets the document's textual representation.
+     * Value: A string value specifying the document's text.
+     */
+    text: string;
+    /**
+     * Gets the character length of the document.
+     * Value: An integer that is the number of character positions in the document.
+     */
+    length: number;
+    /**
+     * Returns a field if its interval includes the specified position.
+     * @param position An integer value specifying the target field's position.
+     */
+    findFields(position: number): Field[];
+    /**
+     * Returns all fields contained in the specified interval.
+     * @param interval A text buffer interval that contains the target fields.
+     */
+    findFields(interval: Interval): Field[];
+    /**
+     * Returns a table if its interval includes the specified position.
+     * @param position An integer value specifying the target table's position.
+     */
+    findTables(position: number): Field[];
+    /**
+     * Returns all tables contained in the specified interval.
+     * @param interval A text buffer interval that contains the target tables.
+     */
+    findTables(interval: Interval): Field[];
+}
+declare enum SubDocumentType {
+    Main=0,
+    Header=1,
+    Footer=2,
+    TextBox=3
+}
+/**
+ * Defines a table in the document.
+ */
+interface Table {
+    /**
+     * Gets the table's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table length in characters.
+     * Value: A integer value specifying the character length of the table.
+     */
+    length: number;
+    /**
+     * Gets an index of the table.
+     * Value: An integer value specifying the table's index.
+     */
+    index: number;
+    /**
+     * Gets the text buffer interval occupied by the current table element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides access to a collection of table rows.
+     * Value: An array of TableRow objects storing information about individual table rows.
+     */
+    rows: TableRow[];
+    /**
+     * Gets the name of the style applied to the table (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+}
+/**
+ * Defines a table row in the document.
+ */
+interface TableRow {
+    /**
+     * Gets the table row's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table row's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table row element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides information about the table row's cells.
+     * Value: An array of TableCell objects storing information about cells.
+     */
+    cells: TableCell[];
+}
+/**
+ * Defines a table cell in the document.
+ */
+interface TableCell {
+    /**
+     * Gets the table cell's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table cell's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table cell element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+}
+/**
+ * Contains the method to convert different units of measurement.
+ */
+interface RichEditUnitConverter {
+    /**
+     * Converts a measurement from pixels to twips.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToTwips(value: number): number;
+    /**
+     * Converts a measurement from inches to twips.
+     * @param value The inches value (floating) to be converted.
+     */
+    inchesToTwips(value: number): number;
+    /**
+     * Converts a measurement from points to twips.
+     * @param value The points value to be converted.
+     */
+    pointsToTwips(value: number): number;
+    /**
+     * Converts a value in centimeters to twips.
+     * @param value A floating value specifying the value in centimeters to convert.
+     */
+    centimetersToTwips(value: number): number;
+    /**
+     * Converts a measurement from twips to centimeters.
+     * @param value The twips value to be converted.
+     */
+    twipsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from pixels to centimeters.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from twips to inches.
+     * @param value The twips value to be converted.
+     */
+    twipsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to inches.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to points.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToPoints(value: number): number;
+    /**
+     * Converts a measurement from twips to points.
+     * @param value The twips value to be converted.
+     */
+    twipsToPoints(value: number): number;
+}
+/**
+ * A command to invoke the Bookmark dialog.
+ */
+interface OpenInsertBookmarkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertBookmarkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a new bookmark that references the current selection.
+ */
+interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertBookmarkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying a name of the created bookmark.
+     * @param start An integer value specifying the start position of the bookmark's range.
+     * @param length An integer value specifying the length of the bookmark's range.
+     */
+    execute(name: string, start: number, length: number): boolean;
+}
+/**
+ * A command to delete a specific bookmark.
+ */
+interface DeleteBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying a name of the deleted bookmark.
+     */
+    execute(name: string): boolean;
+}
+/**
+ * Gets a command to navigate to the specified bookmark in the document.
+ */
+interface GoToBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying the bookmark's name
+     */
+    execute(name: string): boolean;
+}
+/**
+ * A command to paste the text from the clipboard over the selection.
+ */
+interface PasteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the PasteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the clipboard.
+ */
+interface CopyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to cut the selected text and place it to the clipboard.
+ */
+interface CutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert an empty document field at the current position in the document.
+ */
+interface CreateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update the field's result.
+ */
+interface UpdateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when updating of all fields in the selection is completed.
+     */
+    execute(callback: Function): boolean;
+}
+/**
+ * A command to display the selected field's field codes.
+ */
+interface ShowFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display all field codes in place of the fields in the document.
+ */
+interface ShowAllFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowAllFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowAllFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update all fields in the selected range.
+ */
+interface UpdateAllFieldsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when updating of all fields in the document is completed.
+     */
+    execute(callback: Function): boolean;
+}
+/**
+ * A command to insert a DATE field displaying the current date.
+ */
+interface CreateDateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateDateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a TIME field displaying the current time.
+ */
+interface CreateTimeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateTimeFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a PAGE field displaying the current page number.
+ */
+interface CreatePageFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToDataRecordCommand extends CommandBase {
+    /**
+     * Executes the GoToDataRecordCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param activeRecordIndex An integer value specifying index of the next data record.
+     */
+    execute(activeRecordIndex: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the settings defining a data record.
+ */
+interface DataRecordOptions {
+    /**
+     * Gets or sets the index of the active data record.
+     * Value: An integer value specifying the data record index.
+     */
+    activeRecordIndex: number;
+    /**
+     * Gets or sets the count of data source records.
+     * Value: An integer value specifying the count of data source records.
+     */
+    recordCount: number;
+}
+/**
+ * A command to navigate to the first data record of the bound data source.
+ */
+interface GoToFirstDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFirstDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous data record of the bound data source.
+ */
+interface GoToPreviousDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToNextDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the last data record of the bound data source.
+ */
+interface GoToLastDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToLastDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display or hide actual data in MERGEFIELD fields.
+ */
+interface ShowMergedDataCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowMergedDataCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowMergedDataCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showMergedData true to display merged data, false to hide merged data.
+     */
+    execute(showMergedData: boolean): boolean;
+}
+/**
+ * A command to invoke the Insert Merge Field dialog.
+ */
+interface MergeFieldDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeFieldDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+ */
+interface CreateMergeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateMergeFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldName A string value specifying the name of the merge field.
+     */
+    execute(fieldName: string): boolean;
+}
+/**
+ * Gets a command to invoke the Export Range dialog to start a mail merge.
+ */
+interface MailMergeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MailMergeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to start the mail merge process and download the resulting document containing the merged information.
+ */
+interface MailMergeAndDownloadCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     */
+    execute(documentFormat: any): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     * @param settings A MailMergeSettings object containing settings to set up mail merge operations.
+     */
+    execute(fileExtension: string, settings: MailMergeSettings): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
+     */
+    execute(documentFormat: any, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to start the mail merge process and save the resulting merged document to the server.
+ */
+interface MailMergeAndSaveAsCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param filePath A string value specifying path to the saving file on the server.
+     */
+    execute(filePath: string): boolean;
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileInfo A RichEditFileInfo object specifying a file to save to.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
+     */
+    execute(fileInfo: RichEditFileInfo, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a NUMPAGES field displaying the total number of pages.
+ */
+interface CreatePageCountFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageCountFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to set up mail merge operations.
+ */
+interface MailMergeSettings {
+    /**
+     * Gets or sets a value specifying which data rows should be exported into a merged document.
+     * Value: One of the <see cref="MailMergeExportRange" /> values.
+     */
+    range: any;
+    /**
+     * Gets or sets the index of the row from which the exported range starts.
+     * Value: An integer value specifying the row index.
+     */
+    exportFrom: number;
+    /**
+     * Gets or sets the number of data rows in the exported mail-merge range.
+     * Value: An integer value specifying the row count.
+     */
+    exportRecordsCount: number;
+    /**
+     * Gets or sets the merge mode.
+     * Value: One of the <see cref="MergeMode" /> values.
+     */
+    mergeMode: any;
+}
+declare enum MergeMode {
+    NewParagraph=0,
+    NewSection=1,
+    JoinTables=2
+}
+declare enum MailMergeExportRange {
+    AllRecords=0,
+    CurrentRecord=1,
+    Range=2
+}
+/**
+ * A command to create a new empty document.
+ */
+interface FileNewCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileNewCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to open the file, specifying its path.
+ */
+interface FileOpenCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the opening file.
+     */
+    execute(path: string): boolean;
+}
+/**
+ * A command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+ */
+interface FileOpenDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to save the document to a file.
+ */
+interface FileSaveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+ */
+interface FileSaveAsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the saving file. Note that the path should be relative to the work directory.
+     */
+    execute(path: string): boolean;
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileInfo A <see cref="Boolean" /> object specifying a file to save to.
+     */
+    execute(fileInfo: RichEditFileInfo): boolean;
+}
+/**
+ * A command to download the document file, specifying its extension.
+ */
+interface FileDownloadCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the extension of the downloading file.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat A DocumentFormat enumeration value.
+     */
+    execute(documentFormat: any): boolean;
+}
+/**
+ * A command to open the file's Save As dialog.
+ */
+interface FileSaveAsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke a browser-specific Print dialog allowing one to print the current document.
+ */
+interface FilePrintCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FilePrintCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+ */
+interface OpenFindPanelCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindPanelCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Find and Replace dialog.
+ */
+interface OpenFindAndReplaceDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindAndReplaceDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to find all matches of the specified text in the document.
+ */
+interface FindAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying finding text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight the search results; otherwise, false.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean): boolean;
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to find.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight the search results; otherwise, false.
+     * @param results An array of Interval objects containing the search results.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean, results: Interval[]): boolean;
+}
+/**
+ * A command to hide the search results.
+ */
+interface HideFindResultsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the HideFindResultsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to search for a specific text and replace all matches in the document with the specified string.
+ */
+interface ReplaceAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to replace.
+     * @param replaceText A string value specifying the inserted text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to search for a specific text and replace the next match in the document with the specified string.
+ */
+interface ReplaceNextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceNextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to replace.
+     * @param replaceText A string value specifying the inserted text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+interface OpenLayoutOptionsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenLayoutOptionsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a floating text box.
+ */
+interface InsertFloatingTextBoxCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFloatingTextBoxCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to lock a floating object's anchor.
+ */
+interface ChangeFloatingObjectLockAnchorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAnchorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAnchor true to lock the anchor; false, otherwise.
+     */
+    execute(lockAnchor: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's alignment position.
+ */
+interface ChangeFloatingObjectAlignmentPositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAlignmentPositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAlignmentPositionSettings object specifying alignment position settings.
+     */
+    execute(settings: FloatingObjectAlignmentPositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute position.
+ */
+interface ChangeFloatingObjectAbsolutePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsolutePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsolutePositionSettings object specifying object position settings.
+     */
+    execute(settings: FloatingObjectAbsolutePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's relative position.
+ */
+interface ChangeFloatingObjectRelativePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRelativePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectRelativePositionSettings object specifying relative positioin settings.
+     */
+    execute(settings: FloatingObjectRelativePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's text wrapping settings.
+ */
+interface ChangeFloatingObjectTextWrappingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectTextWrappingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectTextWrappingSettings object specifying text wrapping settings.
+     */
+    execute(settings: FloatingObjectTextWrappingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute size.
+ */
+interface ChangeFloatingObjectAbsoluteSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsoluteSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsoluteSizeSettings object specifying absolute size settings.
+     */
+    execute(settings: FloatingObjectAbsoluteSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' relative size settings.
+ */
+interface ChangeTextBoxRelativeSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxRelativeSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TextBoxRelativeSizeSettings object specifying relative size settings.
+     */
+    execute(settings: TextBoxRelativeSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to rotate a floating object.
+ */
+interface ChangeFloatingObjectRotationCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRotationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rotation An integer value specifying the angle of rotation.
+     */
+    execute(rotation: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to lock a floating object's aspect ratio.
+ */
+interface ChangeFloatingObjectLockAspectRatioCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAspectRatioCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAspectRatio true to lock the aspect ratio and maintain the proportions; otherwise, false.
+     */
+    execute(lockAspectRatio: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's background fill color.
+ */
+interface ChangeFloatingObjectFillColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectFillColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline color.
+ */
+interface ChangeFloatingObjectOutlineColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline width.
+ */
+interface ChangeFloatingObjectOutlineWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer value specifying the outline width.
+     */
+    execute(width: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' content margins.
+ */
+interface ChangeTextBoxContentMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxContentMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A Margins object specifying margin settings.
+     */
+    execute(settings: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to resize the shape to fit the text in the text box.
+ */
+interface ChangeTextBoxResizeShapeToFitTextCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxResizeShapeToFitTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param resizeShapeToFitText true, to resize the shape to fit the text; otherwise, false.
+     */
+    execute(resizeShapeToFitText: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains alignment position settings for floating objects.
+ */
+interface FloatingObjectAlignmentPositionSettings {
+    /**
+     * Gets or sets a value specifying how a floating object is horizontally aligned relative to an element specified by the horizontalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionAlignment" /> enumeration values.
+     */
+    horizontalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the horizontal alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a value specifying how a floating object is vertically aligned relative to an element specified by the verticalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionAlignment" /> enumeration values.
+     */
+    verticalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the vertical alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains page margin settings.
+ */
+interface FloatingObjectAbsolutePositionSettings {
+    /**
+     * Gets or sets a floating object's horizontal position relative to an element specified by the horizontalPositionType property.
+     * Value: An integer value specifying the position in twips.
+     */
+    horizontalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a floating object's vertical position relative to an element specified by the verticalPositionType property.
+     * Value: An integer value specifying the position in twips.
+     */
+    verticalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains relative position settings for floating objects.
+ */
+interface FloatingObjectRelativePositionSettings {
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the horizontalRelativePosition property
+     * Value: An integer value specifying the horizontal position in twips.
+     */
+    horizontalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the verticalRelativePosition property
+     * Value: An integer value specifying the vertical position in twips.
+     */
+    verticalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains text wrapping settings for floating objects.
+ */
+interface FloatingObjectTextWrappingSettings {
+    /**
+     * Gets or sets a value specifying how text is wrapped around a floating object.
+     * Value: One of the <see cref="FloatingObjectTextWrapType" /> enumeration values.
+     */
+    floatingObjectTextWrapType: any;
+    /**
+     * Gets or sets a value specifying how text can wrap around a floating object's left and right sides.
+     * Value: One of the <see cref="FloatingObjectTextWrapSide" /> enumeration values.
+     */
+    floatingObjectTextWrapSide: any;
+    /**
+     * Gets or sets the left offset of text wrapping.
+     * Value: An integer value specifying the left offset in twips.
+     */
+    leftDistance: number;
+    /**
+     * Gets or sets the right offset of text wrapping.
+     * Value: An integer value specifying the right offset in twips.
+     */
+    rightDistance: number;
+    /**
+     * Gets or sets the top offset of text wrapping.
+     * Value: An integer value specifying the top offset in twips.
+     */
+    topDistance: number;
+    /**
+     * Gets or sets the bottom offset of text wrapping.
+     * Value: An integer value specifying the bottom offset in twips.
+     */
+    bottomDistance: number;
+}
+/**
+ * Contains absolute size settings for floating objects.
+ */
+interface FloatingObjectAbsoluteSizeSettings {
+    /**
+     * Gets or sets a floating object's absolute width.
+     * Value: An integer value specifying the width in twips.
+     */
+    absoluteWidth: number;
+    /**
+     * Gets or sets a floating object's absolute height.
+     * Value: An integer value specifying the height in twips.
+     */
+    absoluteHeight: number;
+}
+/**
+ * Contains relative size settings for floating objects.
+ */
+interface TextBoxRelativeSizeSettings {
+    /**
+     * Gets or sets the percentage specifying a floating object's width relative to the element defined by the relativeWidthType property.
+     * Value: An integer value specifying the relative width, as a percentage.
+     */
+    relativeWidth: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object width is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeWidthType" /> enumeration values.
+     */
+    relativeWidthType: any;
+    /**
+     * Gets or sets the percentage specifying a floating object's height relative to the element defined by the relativeHeightType property.
+     * Value: An integer value specifying the relative height, as a percentage.
+     */
+    relativeHeight: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object height is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeHeightType" /> enumeration values.
+     */
+    relativeHeightType: any;
+}
+declare enum FloatingObjectRelativeWidthType {
+    Margin=0,
+    Page=1,
+    LeftMargin=2,
+    RightMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectRelativeHeightType {
+    Margin=0,
+    Page=1,
+    TopMargin=2,
+    BottomMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectTextWrapType {
+    None=0,
+    TopAndBottom=1,
+    Tight=2,
+    Through=3,
+    Square=4
+}
+declare enum FloatingObjectTextWrapSide {
+    Both=0,
+    Left=1,
+    Right=2,
+    Largest=3
+}
+declare enum FloatingObjectHorizontalPositionType {
+    Page=0,
+    Character=1,
+    Column=2,
+    Margin=3,
+    LeftMargin=4,
+    RightMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectHorizontalPositionAlignment {
+    None=0,
+    Left=1,
+    Center=2,
+    Right=3,
+    Inside=4,
+    Outside=5
+}
+declare enum FloatingObjectVerticalPositionType {
+    Page=0,
+    Line=1,
+    Paragraph=2,
+    Margin=3,
+    TopMargin=4,
+    BottomMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectVerticalPositionAlignment {
+    None=0,
+    Top=1,
+    Center=2,
+    Bottom=3,
+    Inside=4,
+    Outside=5
+}
+/**
+ * A command to cancel changes caused by the previous command.
+ */
+interface UndoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UndoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to reverse actions of the previous undo command.
+ */
+interface RedoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RedoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add an HTML formatted content in place of a selected range.
+ */
+interface InsertHtmlCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHtmlCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param html A string that specifies the inserted HTML code.
+     */
+    execute(html: string): boolean;
+}
+/**
+ * A command to invoke the Hyperlink dialog.
+ */
+interface OpenInsertHyperlinkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertHyperlinkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a hyperlink at the current position in the document.
+ */
+interface InsertHyperlinkCommand extends CommandBase {
+    /**
+     * Executes the InsertHyperlinkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A HyperlinkSettings object specifying hyperlink settings.
+     */
+    execute(settings: HyperlinkSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to delete the selected hyperlink.
+ */
+interface DeleteHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete all hyperlinks in a selected range.
+ */
+interface DeleteHyperlinksCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinksCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+ */
+interface OpenHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define hyperlinks.
+ */
+interface HyperlinkSettings {
+    /**
+     * Gets or sets a text displayed for a hyperlink.
+     * Value: A string value specifying the hyperlink display text.
+     */
+    text: string;
+    /**
+     * Gets or sets a text for the tooltip displayed when the mouse hovers over a hyperlink.
+     * Value: A string containing the tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the hyperlink destination.
+     * Value: A string value that specifies the destination to which a hyperlink refers.
+     */
+    url: string;
+    /**
+     * Gets or sets the associated bookmak.
+     * Value: A string value specifying the bookmark name.
+     */
+    bookmark: string;
+}
+/**
+ * A command to insert a page break at the current position in the document.
+ */
+interface InsertPageBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPageBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a column break at the current position in the document.
+ */
+interface InsertColumnBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertColumnBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next page.
+ */
+interface InsertSectionBreakNextPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakNextPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next even-numbered page.
+ */
+interface InsertSectionBreakEvenPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakEvenPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next odd-numbered page.
+ */
+interface InsertSectionBreakOddPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakOddPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert the line break at the current position in the document.
+ */
+interface InsertLineBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertLineBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the bulleted paragraph and normal text.
+ */
+interface ToggleBulletedListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleBulletedListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the numbered paragraph and normal text.
+ */
+interface ToggleNumberingListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the multilevel list style and normal text.
+ */
+interface ToggleMultilevelListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleMultilevelListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Bulleted and Numbering dialog.
+ */
+interface OpenNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenNumberingListDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Customize Numbered List dialog.
+ */
+interface OpenCustomNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenCustomNumberingListDialogCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+}
+/**
+ * A command to customize the numbered list parameters.
+ */
+interface ChangeCustomNumberingListCommand extends CommandBase {
+    /**
+     * Executes the ChangeCustomNumberingListCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying the numbering list index.
+     * @param listLevelSettings An array of ListLevelSettings objects defining settings for list levels.
+     */
+    execute(abstractNumberingListIndex: number, listLevelSettings: ListLevelSettings[]): boolean;
+    /**
+     * Gets information about the command state.
+     * @param abstractNumberingListIndex An integer value specifying the index of the abstract numbering list item whose state to return.
+     */
+    getState(abstractNumberingListIndex: number): any;
+}
+/**
+ * A command to restart the numbering list.
+ */
+interface RestartNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RestartNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected numbered list.
+ */
+interface IncrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected numbered list.
+ */
+interface DecrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to continue the list's numbering.
+ */
+interface ContinueNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ContinueNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert numeration to a paragraph making it a numbering list item.
+ */
+interface InsertNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param numberingListIndex An integer value specifying an index of the numbering list.
+     * @param isAbstractNumberingList true, to insert an abstract numbering list; otherwise, false.
+     */
+    execute(numberingListIndex: number, isAbstractNumberingList: boolean): boolean;
+}
+/**
+ * A command to remove the selected numeration.
+ */
+interface RemoveNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNumerationCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define individual bulleted or numbered list levels.
+ */
+interface ListLevelSettings {
+    /**
+     * Gets or sets the pattern used to format the list level for display purposes.
+     * Value: A string value specifying the format pattern.
+     */
+    displayFormatString: string;
+    /**
+     * Gets or sets the numbering format used for the current list level's paragraph.
+     * Value: One of the <see cref="ListLevelFormat" /> values.
+     */
+    format: any;
+    /**
+     * Gets the list level item's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets or sets the paragraph text alignment within numbered list levels.
+     * Value: One of the <see cref="ListLevelNumberAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the character inserted after the number for a numbered list item.
+     * Value: A string value that is the trailing character for the list level.
+     */
+    separator: string;
+    /**
+     * Gets or sets the left indent for text within the current list level's paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a value specifying the indent of the first line of the current list level's paragraph.
+     * Value: An integer value specifying the indent.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets a value specifying whether and how the first line of the current list level's paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets the font name of the current list level's paragraph.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the font color of the current list level's paragraph.
+     * Value: A string value specifying the font color.
+     */
+    fontColor: string;
+    /**
+     * Gets or sets the font size of the current list level's paragraph.
+     * Value: An integer value specifying the font size.
+     */
+    fontSize: number;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is bold.
+     * Value: true, if the font formatting is bold; otherwise, false.
+     */
+    fontBold: boolean;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is italic.
+     * Value: true, if the font formatting is italic; otherwise, false.
+     */
+    fontItalic: boolean;
+}
+declare enum ListLevelFormat {
+    Decimal=0,
+    AIUEOHiragana=1,
+    AIUEOFullWidthHiragana=2,
+    ArabicAbjad=3,
+    ArabicAlpha=4,
+    Bullet=5,
+    CardinalText=6,
+    Chicago=7,
+    ChineseCounting=8,
+    ChineseCountingThousand=9,
+    ChineseLegalSimplified=10,
+    Chosung=11,
+    DecimalEnclosedCircle=12,
+    DecimalEnclosedCircleChinese=13,
+    DecimalEnclosedFullstop=14,
+    DecimalEnclosedParentheses=15,
+    DecimalFullWidth=16,
+    DecimalFullWidth2=17,
+    DecimalHalfWidth=18,
+    DecimalZero=19,
+    Ganada=20,
+    Hebrew1=21,
+    Hebrew2=22,
+    Hex=23,
+    HindiConsonants=24,
+    HindiDescriptive=25,
+    HindiNumbers=26,
+    HindiVowels=27,
+    IdeographDigital=28,
+    IdeographEnclosedCircle=29,
+    IdeographLegalTraditional=30,
+    IdeographTraditional=31,
+    IdeographZodiac=32,
+    IdeographZodiacTraditional=33,
+    Iroha=34,
+    IrohaFullWidth=35,
+    JapaneseCounting=36,
+    JapaneseDigitalTenThousand=37,
+    JapaneseLegal=38,
+    KoreanCounting=39,
+    KoreanDigital=40,
+    KoreanDigital2=41,
+    KoreanLegal=42,
+    LowerLetter=43,
+    LowerRoman=44,
+    None=45,
+    NumberInDash=46,
+    Ordinal=47,
+    OrdinalText=48,
+    RussianLower=49,
+    RussianUpper=50,
+    TaiwaneseCounting=51,
+    TaiwaneseCountingThousand=52,
+    TaiwaneseDigital=53,
+    ThaiDescriptive=54,
+    ThaiLetters=55,
+    ThaiNumbers=56,
+    UpperLetter=57,
+    UpperRoman=58,
+    VietnameseDescriptive=59
+}
+declare enum ListLevelNumberAlignment {
+    Left=0,
+    Center=1,
+    Right=2
+}
+/**
+ * A command to invoke the Insert Image dialog.
+ */
+interface OpenInsertPictureDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertPictureDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a picture from a file.
+ */
+interface InsertPictureCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPictureCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param imageUrl A string value specifying picture's Url.
+     */
+    execute(imageUrl: string): boolean;
+}
+/**
+ * A command to invoke the Symbols dialog.
+ */
+interface OpenInsertSymbolDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertSymbolDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a character into the document.
+ */
+interface InsertSymbolCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSymbolCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param symbol A string value specifying symbols to insert.
+     * @param fontName A string value specifying the font of symbols to insert.
+     */
+    execute(symbol: string, fontName: string): boolean;
+}
+/**
+ * A command to insert a paragraph break at the current position in the document.
+ */
+interface InsertParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert text at the current position in the document.
+ */
+interface InsertTextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     */
+    execute(text: string): boolean;
+}
+/**
+ * A command to delete the text in a selected range.
+ */
+interface DeleteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the previous word.
+ */
+interface RemovePrevWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemovePrevWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the next word.
+ */
+interface RemoveNextWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNextWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to move the cursor backwards and erase the character in that space.
+ */
+interface BackspaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the BackspaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to scale pictures in a selected range.
+ */
+interface ChangePictureScaleCommand extends CommandBase {
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param scale A Scale object specifying scaling of the picture.
+     */
+    execute(scale: Scale): boolean;
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param x An integer number specifying the scaling value for the width of the picture as a percentage.
+     * @param y An integer number specifying the scaling value for the height of the picture as a percentage.
+     */
+    execute(x: number, y: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to move the selected range to a specific position in the document.
+ */
+interface MoveContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MoveContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying position to insert selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the specified position.
+ */
+interface CopyContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying a position of the inserted text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to insert a tab character at the current position in the document.
+ */
+interface InsertTabCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTabCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add a non-breaking space in place of a selected range.
+ */
+interface InsertNonBreakingSpaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNonBreakingSpaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines the scaling settings.
+ */
+interface Scale {
+    /**
+     * Gets or sets the image's y-scale factor as a percent.
+     * Value: An integer value that is the y-scale factor as a percent.
+     */
+    x: number;
+    /**
+     * Gets or sets the image's x-scale factor as a percent.
+     * Value: An integer value that is the x-scale factor as a percent.
+     */
+    y: number;
+}
+/**
+ * A command to change page margin settings.
+ */
+interface ChangePageMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param left An integer number specifying left margin of the page in twips.
+     * @param top An integer number specifying top margin of the page in twips.
+     * @param right An integer number specifying right margin of the page in twips.
+     * @param bottom An integer number specifying bottom margin of the page in twips.
+     */
+    execute(left: number, top: number, right: number, bottom: number): boolean;
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param margins A Margins object specifying page margin settings.
+     */
+    execute(margins: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Margins tab of the Page Setup dialog.
+ */
+interface OpenPageMarginsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPageMarginsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page orientation.
+ */
+interface ChangePageOrientationCommand extends CommandBase {
+    /**
+     * Executes the ChangePageOrientationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param isPortrait One of the Orientation enumeration values.
+     */
+    execute(isPortrait: any): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paper tab of the Page Setup dialog.
+ */
+interface OpenPagePaperSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPagePaperSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to set the page size.
+ */
+interface SetPageSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SetPageSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page size.
+ */
+interface ChangePageSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer number specifying width of the page in twips.
+     * @param height An integer number specifying height of the page in twips.
+     */
+    execute(width: number, height: number): boolean;
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param size A Size object specifying the page size settings.
+     */
+    execute(size: Size): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the number of section columns having the same width.
+ */
+interface ChangeSectionEqualColumnCountCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionEqualColumnCountCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An interger number specifying the number of section columns having the same width.
+     */
+    execute(columnCount: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Columns dialog.
+ */
+interface OpenSectionColumnsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSectionColumnsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the settings of individual section columns.
+ */
+interface ChangeSectionColumnsCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionColumnsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columns An array of SectionColumn objects.
+     */
+    execute(columns: SectionColumn[]): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of the page.
+ */
+interface ChangePageColorCommand extends CommandBase {
+    /**
+     * Executes the ChangePageColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying a background color of all pages contained in the document. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to activate the page header and begin editing.
+ */
+interface InsertHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to activate the page footer and begin editing.
+ */
+interface InsertFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to link a header/footer to the previous section, so it has the same content.
+ */
+interface LinkHeaderFooterToPreviousCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the LinkHeaderFooterToPreviousCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page footer from the page header in the header/footer editing mode.
+ */
+interface GoToFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page header from the page footer in the header/footer editing mode.
+ */
+interface GoToHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next page header or footer in the header/footer editing mode.
+ */
+interface GoToNextHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous page header or footer in the header/footer editing mode.
+ */
+interface GoToPreviousHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+ */
+interface SetDifferentFirstPageHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentFirstPage true to apply a different text for the first page's header and footer, false to remove the difference.
+     */
+    execute(differentFirstPage: boolean): boolean;
+}
+/**
+ * A command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+ */
+interface SetDifferentOddAndEvenPagesHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentOddAndEvenPages true to apply a different text for the header and footer of the odd and even pages , false to remove the difference.
+     */
+    execute(differentOddAndEvenPages: boolean): boolean;
+}
+/**
+ * A command to finish header/footer editing.
+ */
+interface CloseHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CloseHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines a section column in the document.
+ */
+interface SectionColumn {
+    /**
+     * Gets or sets the width of the section column.
+     * Value: An integer value specifying the section column width in twips.
+     */
+    width: number;
+    /**
+     * Gets or sets the amount of space between adjacent section columns.
+     * Value: An integer value specifying the spacing after a column in twips.
+     */
+    spacing: number;
+}
+/**
+ * Defines the size settings.
+ */
+interface Size {
+    /**
+     * Gets or sets the width value in twips.
+     * Value: An integer value specifying the width.
+     */
+    width: number;
+    /**
+     * Gets or sets the height value in twips.
+     * Value: An integer value specifying the height.
+     */
+    height: number;
+}
+/**
+ * Defines the margin settings.
+ */
+interface Margins {
+    /**
+     * Gets or sets the left margin.
+     * Value: An integer value specifying the left margin in twips.
+     */
+    left: number;
+    /**
+     * Gets or sets the top margin.
+     * Value: An integer value specifying the top margin in twips.
+     */
+    top: number;
+    /**
+     * Gets or sets the right margin.
+     * Value: An integer value specifying the right margin in twips.
+     */
+    right: number;
+    /**
+     * Gets or sets the bottom margin.
+     * Value: An integer value specifying the bottom margin in twips.
+     */
+    bottom: number;
+}
+declare enum Orientation {
+    Landscape=0,
+    Portrait=1
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected range.
+ */
+interface IncreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected range.
+ */
+interface DecreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the visibility of hidden symbols.
+ */
+interface ShowHiddenSymbolsCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display hidden symbols; otherwise, false.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle left paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle centered paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle justified paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentJustifyCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentJustifyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with single line spacing.
+ */
+interface SetSingleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSingleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with one and a half line spacing.
+ */
+interface SetSesquialteralParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSesquialteralParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with double line spacing.
+ */
+interface SetDoubleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDoubleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing before a paragraph.
+ */
+interface AddSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing after a paragraph.
+ */
+interface AddSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing before the selected paragraph.
+ */
+interface RemoveSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing after the selected paragraph.
+ */
+interface RemoveSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the background color of paragraphs in a selected range.
+ */
+interface ChangeParagraphBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying a background color of the paragraphs in a selected range. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paragraph dialog allowing end-users to set paragraph formatting.
+ */
+interface OpenParagraphFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenParagraphFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the formatting of paragraphs in a selected range.
+ */
+interface ChangeParagraphFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A ParagraphFormattingSettings object specifying paragraph formatting settings.
+     */
+    execute(settings: ParagraphFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increment the left indentation of paragraphs in a selected range.
+ */
+interface IncrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the left indentation of paragraphs in a selected range.
+ */
+interface DecrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Tabs paragraph dialog.
+ */
+interface OpenTabsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTabsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change paragraph tab stops.
+ */
+interface ChangeTabsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTabsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TabsSettings object maintaining the information about tab stops.
+     */
+    execute(settings: TabsSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the information about tab stops.
+ */
+interface TabsSettings {
+    /**
+     * Gets or sets the default tab stop value.
+     * Value: An integer value specifying the default tab stop.
+     */
+    defaultTabStop: number;
+    /**
+     * Gets or sets a list of tab stops.
+     * Value: An array of TabSettings objects containing individual tab stop settings.
+     */
+    tabs: TabSettings[];
+}
+/**
+ * Contains settings of a tab stop.
+ */
+interface TabSettings {
+    /**
+     * Gets or sets the alignment type, specifying how any text after the tab will be lined up.
+     * Value: One of the <see cref="TabAlign" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the tab leader style, i.e., the symbol used as a tab leader.
+     * Value: One of the <see cref="TabLeaderType" /> values.
+     */
+    leader: any;
+    /**
+     * Gets or sets the position of the tab stop.
+     * Value: A number representing the distance from the left edge of the text area.
+     */
+    position: number;
+    /**
+     * Gets or sets whether the individual tab stop is in effect.
+     * Value: true to switch off this tab stop; otherwise, false.
+     */
+    deleted: boolean;
+}
+declare enum TabAlign {
+    Left=0,
+    Center=1,
+    Right=2,
+    Decimal=3
+}
+declare enum TabLeaderType {
+    None=0,
+    Dots=1,
+    MiddleDots=2,
+    Hyphens=3,
+    Underline=4,
+    ThickLine=5,
+    EqualSign=6
+}
+/**
+ * Contains settings to define the paragraph formatting.
+ */
+interface ParagraphFormattingSettings {
+    /**
+     * Gets or sets the paragraph alignment.
+     * Value: One of the <see cref="ParagraphAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the outline level of a paragraph.
+     * Value: An integer specifying the level number.
+     */
+    outlineLevel: number;
+    /**
+     * Gets or sets the right indent value for the specified paragraph (in twips).
+     * Value: An integer value specifying the right indent.
+     */
+    rightIndent: number;
+    /**
+     * Gets or sets the spacing before each selected paragraph (in twips).
+     * Value: An integer value specifying the spacing before the paragraph.
+     */
+    spacingBefore: number;
+    /**
+     * Gets or sets the spacing after each selected paragraph (in twips).
+     * Value: An integer value specifying the spacing after the paragraph.
+     */
+    spacingAfter: number;
+    /**
+     * Gets or sets a value which determines the spacing between lines in a paragraph.
+     * Value: One of the <see cref="ParagraphLineSpacingType" /> values.
+     */
+    lineSpacingType: any;
+    /**
+     * Gets or sets a value specifying whether and how the first line of a paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets a value specifying the indent of the first line of a paragraph (in twips).
+     * Value: An integer value specifying the indent of the first line.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets whether to suppress addition of additional space (contextual spacing) between paragraphs of the same style.
+     * Value: true to remove extra spacing between paragraphs, false to add extra space.
+     */
+    contextualSpacing: boolean;
+    /**
+     * Gets or sets whether to prevent all page breaks that interrupt a paragraph.
+     * Value: true, to keep paragraph lines together; otherwise, false.
+     */
+    keepLinesTogether: boolean;
+    /**
+     * Gets or sets whether a page break is inserted automatically before a specified paragraph(s).
+     * Value: true, if a page break is inserted automatically before a paragraph(s); otherwise, false.
+     */
+    pageBreakBefore: boolean;
+    /**
+     * Gets or sets the left indent for text within a paragraph (in twips).
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a line spacing value (in twips).
+     * Value: An integer value specifying the line spacing.
+     */
+    lineSpacing: number;
+    /**
+     * Gets or sets the paragraph background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+}
+declare enum ParagraphAlignment {
+    Left=0,
+    Right=1,
+    Center=2,
+    Justify=3
+}
+declare enum ParagraphLineSpacingType {
+    Single=0,
+    Sesquialteral=1,
+    Double=2,
+    Multiple=3,
+    Exactly=4,
+    AtLeast=5
+}
+declare enum ParagraphFirstLineIndent {
+    None=0,
+    Indented=1,
+    Hanging=2
+}
+/**
+ * A command to assign a shortcut to the specified client command.
+ */
+interface AssignShortcutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AssignShortcutCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param keyCode A specifically generated code that uniquely identifies the combination of keys specified for a shortcut. This code is specified using the GetShortcutCode method.
+     * @param callback A callback function to execute when a shortcut is activated.
+     */
+    execute(keyCode: number, callback: Function): boolean;
+}
+/**
+ * A command to invoke the Spelling dialog window.
+ */
+interface OpenSpellingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSpellingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface OpenInsertTableDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertTableDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface InsertTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An integer value specifying a number of columns in a generated table.
+     * @param rowCount An integer value specifying a number of rows in a generated table.
+     */
+    execute(columnCount: number, rowCount: number): boolean;
+}
+/**
+ * A command to invoke the Table Properties dialog.
+ */
+interface OpenTableFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's formatting.
+ */
+interface ChangeTableFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object containing the settings to format a table.
+     */
+    execute(settings: TableFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred row height.
+ */
+interface ChangeTableRowPreferredHeightCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableRowPreferredHeightCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredHeight A TableHeightUnit object specifying preferred height of the selected table rows.
+     */
+    execute(preferredHeight: TableHeightUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the preferred cell width of the selected table rows.
+ */
+interface ChangeTableCellPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table rows.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred column width.
+ */
+interface ChangeTableColumnPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableColumnPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table columns.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the cell formatting of the selected table elements.
+ */
+interface ChangeTableCellFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object specifying cell formatting of the selected table elements.
+     */
+    execute(settings: TableCellFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a table column to the left of the current position in the table.
+ */
+interface InsertTableColumnToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table column to the right of the current position in the table.
+ */
+interface InsertTableColumnToTheRightCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table below the selected row.
+ */
+interface InsertTableRowBelowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowBelowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table above the selected row.
+ */
+interface InsertTableRowAboveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowAboveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table rows.
+ */
+interface DeleteTableRowsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableRowsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table columns.
+ */
+interface DeleteTableColumnsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableColumnsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert table cells with a horizontal shift into the selected table.
+ */
+interface InsertTableCellWithShiftToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellWithShiftToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a horizontal shift.
+ */
+interface DeleteTableCellsWithShiftHorizontallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftHorizontallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a vertical shift.
+ */
+interface DeleteTableCellsWithShiftVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table.
+ */
+interface DeleteTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Cells dialog.
+ */
+interface InsertTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Delete Cells dialog.
+ */
+interface DeleteTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to merge the selected table cells.
+ */
+interface MergeTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeTableCellsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Split Cells dialog.
+ */
+interface SplitTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to split the selected table cells based on the specified options.
+ */
+interface SplitTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rowCount An integer value specifying a number of rows in the split table cells.
+     * @param columnCount An integer value specifying a number of columns in the split table cells.
+     * @param mergeBeforeSplit true to merge the selected cells before the splitting; otherwise, false.
+     */
+    execute(rowCount: number, columnCount: number, mergeBeforeSplit: boolean): boolean;
+}
+/**
+ * A command to insert table cells with a vertical shift into the selected table.
+ */
+interface InsertTableCellsWithShiftToTheVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsWithShiftToTheVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Borders and Shading table dialog.
+ */
+interface OpenTableBordersAndShadingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableBordersAndShadingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change borders and shading of the selected table elements.
+ */
+interface ChangeTableBordersAndShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBordersAndShadingCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object with settings specifying table borders.
+     * @param applyToWholeTable true to apply the border settings to the whole table, false to apply the border settings to the selected cells.
+     */
+    execute(settings: TableBordersSettings, applyToWholeTable: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to apply top-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style.
+ */
+interface ChangeTableStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A TableStyle object specifying the style applying to the table.
+     */
+    execute(style: TableStyle): boolean;
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of style applying to the table.
+     */
+    execute(styleName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle top borders for selected cells on/off.
+ */
+interface ToggleTableCellTopBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellTopBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right borders for selected cells on/off.
+ */
+interface ToggleTableCellRightBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellRightBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle bottom borders for selected cells on/off.
+ */
+interface ToggleTableCellBottomBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellBottomBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle left borders for selected cells on/off.
+ */
+interface ToggleTableCellLeftBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellLeftBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the borders of the selected table cells.
+ */
+interface RemoveTableCellBordersCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveTableCellBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle all borders for selected cells on/off.
+ */
+interface ToggleTableCellAllBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAllBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner horizontal borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideHorizontalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideHorizontalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner vertical borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideVerticalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideVerticalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle outer borders for selected cells on/off.
+ */
+interface ToggleTableCellOutsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellOutsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style options.
+ */
+interface ChangeTableLookCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableLookCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableLookSettings object containing the settings that modify the table appearance.
+     */
+    execute(settings: TableLookSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the repository item's table border style.
+ */
+interface ChangeTableBorderRepositoryItemCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBorderRepositoryItemCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object specifying the repository item's table border style.
+     */
+    execute(settings: TableBorderSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change cell shading in the selected table elements.
+ */
+interface ChangeTableCellShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellShadingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the color of the selected cells' shading. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle the display of grid lines for a table with no borders applied - on/off.
+ */
+interface ShowTableGridLinesCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowTableGridLinesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowTableGridLinesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showTableGridLines true to display grid lines of the table, false to hide grid lines of the table.
+     */
+    execute(showTableGridLines: boolean): boolean;
+}
+/**
+ * Contains the table style settings that modify the table appearance.
+ */
+interface TableLookSettings {
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether row banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyRowBanding: boolean;
+    /**
+     * Gets or sets a value specifying whether column banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyColumnBanding: boolean;
+}
+/**
+ * Contains settings to define table borders.
+ */
+interface TableBordersSettings {
+    /**
+     * Gets or sets the top border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    top: TableBorderSettings;
+    /**
+     * Gets or sets the right border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    right: TableBorderSettings;
+    /**
+     * Gets or sets the bottom border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    bottom: TableBorderSettings;
+    /**
+     * Gets or sets the left border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    left: TableBorderSettings;
+    /**
+     * Gets or sets the inside horizontal border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideHorizontal: TableBorderSettings;
+    /**
+     * Gets or sets the inside vertical border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideVertical: TableBorderSettings;
+    /**
+     * Gets or sets the background color of table borders.
+     * Value: A string value specifying the background color.
+     */
+    backgroundColor: string;
+}
+/**
+ * Contains settings to define a table border.
+ */
+interface TableBorderSettings {
+    /**
+     * Gets or sets the border color.
+     * Value: A string value specifying the border color.
+     */
+    color: string;
+    /**
+     * Gets or sets the border line width in twips.
+     * Value: An integer value defining the border line width.
+     */
+    width: number;
+    /**
+     * Gets or sets the border line style.
+     * Value: A <see cref="BorderLineStyle" /> object defining the border line style.
+     */
+    style: any;
+}
+declare enum BorderLineStyle {
+    None=0,
+    Single=1,
+    Thick=2,
+    Double=3,
+    Dotted=4,
+    Dashed=5,
+    DotDash=6,
+    DotDotDash=7,
+    Triple=8,
+    ThinThickSmallGap=9,
+    ThickThinSmallGap=10,
+    ThinThickThinSmallGap=11,
+    ThinThickMediumGap=12,
+    ThickThinMediumGap=13,
+    ThinThickThinMediumGap=14,
+    ThinThickLargeGap=15,
+    ThickThinLargeGap=16,
+    ThinThickThinLargeGap=17,
+    Wave=18,
+    DoubleWave=19,
+    DashSmallGap=20,
+    DashDotStroked=21,
+    ThreeDEmboss=22,
+    ThreeDEngrave=23,
+    Outset=24,
+    Inset=25,
+    Apples=26,
+    ArchedScallops=27,
+    BabyPacifier=28,
+    BabyRattle=29,
+    Balloons3Colors=30,
+    BalloonsHotAir=31,
+    BasicBlackDashes=32,
+    BasicBlackDots=33,
+    BasicBlackSquares=34,
+    BasicThinLines=35,
+    BasicWhiteDashes=36,
+    BasicWhiteDots=37,
+    BasicWhiteSquares=38,
+    BasicWideInline=39,
+    BasicWideMidline=40,
+    BasicWideOutline=41,
+    Bats=42,
+    Birds=43,
+    BirdsFlight=44,
+    Cabins=45,
+    CakeSlice=46,
+    CandyCorn=47,
+    CelticKnotwork=48,
+    CertificateBanner=49,
+    ChainLink=50,
+    ChampagneBottle=51,
+    CheckedBarBlack=52,
+    CheckedBarColor=53,
+    Checkered=54,
+    ChristmasTree=55,
+    CirclesLines=56,
+    CirclesRectangles=57,
+    ClassicalWave=58,
+    Clocks=59,
+    Compass=60,
+    Confetti=61,
+    ConfettiGrays=62,
+    ConfettiOutline=63,
+    ConfettiStreamers=64,
+    ConfettiWhite=65,
+    CornerTriangles=66,
+    CouponCutoutDashes=67,
+    CouponCutoutDots=68,
+    CrazyMaze=69,
+    CreaturesButterfly=70,
+    CreaturesFish=71,
+    CreaturesInsects=72,
+    CreaturesLadyBug=73,
+    CrossStitch=74,
+    Cup=75,
+    DecoArch=76,
+    DecoArchColor=77,
+    DecoBlocks=78,
+    DiamondsGray=79,
+    DoubleD=80,
+    DoubleDiamonds=81,
+    Earth1=82,
+    Earth2=83,
+    EclipsingSquares1=84,
+    EclipsingSquares2=85,
+    EggsBlack=86,
+    Fans=87,
+    Film=88,
+    Firecrackers=89,
+    FlowersBlockPrint=90,
+    FlowersDaisies=91,
+    FlowersModern1=92,
+    FlowersModern2=93,
+    FlowersPansy=94,
+    FlowersRedRose=95,
+    FlowersRoses=96,
+    FlowersTeacup=97,
+    FlowersTiny=98,
+    Gems=99,
+    GingerbreadMan=100,
+    Gradient=101,
+    Handmade1=102,
+    Handmade2=103,
+    HeartBalloon=104,
+    HeartGray=105,
+    Hearts=106,
+    HeebieJeebies=107,
+    Holly=108,
+    HouseFunky=109,
+    Hypnotic=110,
+    IceCreamCones=111,
+    LightBulb=112,
+    Lightning1=113,
+    Lightning2=114,
+    MapleLeaf=115,
+    MapleMuffins=116,
+    MapPins=117,
+    Marquee=118,
+    MarqueeToothed=119,
+    Moons=120,
+    Mosaic=121,
+    MusicNotes=122,
+    Northwest=123,
+    Ovals=124,
+    Packages=125,
+    PalmsBlack=126,
+    PalmsColor=127,
+    PaperClips=128,
+    Papyrus=129,
+    PartyFavor=130,
+    PartyGlass=131,
+    Pencils=132,
+    People=133,
+    PeopleHats=134,
+    PeopleWaving=135,
+    Poinsettias=136,
+    PostageStamp=137,
+    Pumpkin1=138,
+    PushPinNote1=139,
+    PushPinNote2=140,
+    Pyramids=141,
+    PyramidsAbove=142,
+    Quadrants=143,
+    Rings=144,
+    Safari=145,
+    Sawtooth=146,
+    SawtoothGray=147,
+    ScaredCat=148,
+    Seattle=149,
+    ShadowedSquares=150,
+    SharksTeeth=151,
+    ShorebirdTracks=152,
+    Skyrocket=153,
+    SnowflakeFancy=154,
+    Snowflakes=155,
+    Sombrero=156,
+    Southwest=157,
+    Stars=158,
+    Stars3d=159,
+    StarsBlack=160,
+    StarsShadowed=161,
+    StarsTop=162,
+    Sun=163,
+    Swirligig=164,
+    TornPaper=165,
+    TornPaperBlack=166,
+    Trees=167,
+    TriangleParty=168,
+    Triangles=169,
+    Tribal1=170,
+    Tribal2=171,
+    Tribal3=172,
+    Tribal4=173,
+    Tribal5=174,
+    Tribal6=175,
+    TwistedLines1=176,
+    TwistedLines2=177,
+    Vine=178,
+    Waveline=179,
+    WeavingAngles=180,
+    WeavingBraid=181,
+    WeavingRibbon=182,
+    WeavingStrips=183,
+    WhiteFlowers=184,
+    Woodwork=185,
+    XIllusions=186,
+    ZanyTriangles=187,
+    ZigZag=188,
+    ZigZagStitch=189,
+    Nil=-1
+}
+/**
+ * Contains the settings to define the table cell formatting.
+ */
+interface TableCellFormattingSettings {
+    /**
+     * Gets or sets a table cell's preferred width.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the preferred cell width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the vertical alignment of a table cell's content.
+     * Value: One the <see cref="TableCellVerticalAlignment" /> values.
+     */
+    verticalAlignment: any;
+    /**
+     * Gets or sets a value specifying whether text is wrapped in a table cell.
+     * Value: true if text is wrapped; false if text is not wrapped.
+     */
+    noWrap: boolean;
+    /**
+     * Gets or sets a table cell's left margin in twips.
+     * Value: An integer value specifying the left margin.
+     */
+    marginLeft: number;
+    /**
+     * Gets or sets a table cell's right margin in twips.
+     * Value: An integer value specifying the right margin.
+     */
+    marginRight: number;
+    /**
+     * Gets or sets a table cell's top margin in twips.
+     * Value: An integer value specifying the top margin.
+     */
+    marginTop: number;
+    /**
+     * Gets or sets a table cell's bottom margin in twips.
+     * Value: An integer value specifying the bottom margin.
+     */
+    marginBottom: number;
+    /**
+     * Gets or sets a value specifying whether a table cell's margins are inherited from the table level settings.
+     * Value: true to inherit table level margins; false to use a table cell's own margin settings.
+     */
+    marginsSameAsTable: boolean;
+}
+declare enum TableCellVerticalAlignment {
+    Top=0,
+    Both=1,
+    Center=2,
+    Bottom=3
+}
+/**
+ * Contains the settings to format a table.
+ */
+interface TableFormattingSettings {
+    /**
+     * Gets or sets the preferred width of cells in the table.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the alignment of table rows.
+     * Value: One of the <see cref="TableRowAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the table's left indent in twips.
+     * Value: An integer value specifying the indent.
+     */
+    indent: number;
+    /**
+     * Gets or sets the spacing between table cells in twips.
+     * Value: An integer value specifying the spacing.
+     */
+    spacingBetweenCells: number;
+    /**
+     * Gets or sets a value specifying whether spacing is allowed between table cells.
+     * Value: true, to allow spacing; otherwise, false.
+     */
+    allowSpacingBetweenCells: boolean;
+    /**
+     * Gets or sets a value that specifying whether to allow automatic resizing of table cells to fit their contents.
+     * Value: true, to allow automatic resizing; otherwise, false.
+     */
+    resizeToFitContent: boolean;
+    /**
+     * Gets or sets the default left margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginLeft: number;
+    /**
+     * Gets or sets the default right margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginRight: number;
+    /**
+     * Gets or sets the default top margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginTop: number;
+    /**
+     * Gets or sets the default bottom margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginBottom: number;
+}
+/**
+ * Contains settings defining the table width's measurement units and value.
+ */
+interface TableWidthUnit {
+    /**
+     * Gets or sets the table width value in twips.
+     * Value: An integer value specifying the table width.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table width.
+     * Value: One of the <see cref="TableWidthUnitType" /> values.
+     */
+    type: any;
+}
+/**
+ * Contains settings defining the table height's measurement units and value.
+ */
+interface TableHeightUnit {
+    /**
+     * Gets or sets the table height value in twips.
+     * Value: An integer value specifying the table height.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table height.
+     * Value: One of the <see cref="TableHeightUnitType" /> enumeration values.
+     */
+    type: any;
+}
+declare enum TableHeightUnitType {
+    Minimum=0,
+    Auto=1,
+    Exact=2
+}
+declare enum TableRowAlignment {
+    Both=0,
+    Center=1,
+    Distribute=2,
+    Left=3,
+    NumTab=4,
+    Right=5
+}
+declare enum TableWidthUnitType {
+    Nil=0,
+    Auto=1,
+    FiftiethsOfPercent=2,
+    ModelUnits=3
+}
+/**
+ * A command to change the font name of characters in a selected range.
+ */
+interface ChangeFontNameCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontNameCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontName A string specifying the font name.
+     */
+    execute(fontName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the font size of characters in a selected range.
+ */
+interface ChangeFontSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSize An integer number specifying the font size in points.
+     */
+    execute(fontSize: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increase the font size of characters in a selected range to the closest larger predefined value.
+ */
+interface IncreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrease the font size of characters in a selected range to the closest smaller predefined value.
+ */
+interface DecreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to upper case.
+ */
+interface MakeTextUpperCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextUpperCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to lower case.
+ */
+interface MakeTextLowerCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextLowerCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to capitalize each word in the selected sentence.
+ */
+interface CapitalizeEachWordTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CapitalizeEachWordTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the case for each character - upper case becomes lower, lower case becomes upper.
+ */
+interface ToggleTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the bold formatting of characters in a selected range.
+ */
+interface ChangeFontBoldCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontBoldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontBoldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontBold true to apply bold formatting to the text, false to remove bold formatting.
+     */
+    execute(fontBold: boolean): boolean;
+}
+/**
+ * A command to change the italic formatting of characters in a selected range.
+ */
+interface ChangeFontItalicCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontItalicCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontItalicCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontItalic true to apply italic formatting to the text, false to remove italic formatting.
+     */
+    execute(fontItalic: boolean): boolean;
+}
+/**
+ * A command to change the underline formatting of characters in a selected range.
+ */
+interface ChangeFontUnderlineCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontUnderlineCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontUnderlineCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontUnderline true to apply underline formatting to the text, false to remove underline formatting.
+     */
+    execute(fontUnderline: boolean): boolean;
+}
+/**
+ * A command to change the strikeout formatting of characters in a selected range.
+ */
+interface ChangeFontStrikeoutCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontStrikeout true to apply strikeout formatting to the text, false to remove strikeout formatting.
+     */
+    execute(fontStrikeout: boolean): boolean;
+}
+/**
+ * A command to change the superscript formatting of characters in a selected range.
+ */
+interface ChangeFontSuperscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSuperscript true to apply superscript formatting to the text, false to remove superscript formatting.
+     */
+    execute(fontSuperscript: boolean): boolean;
+}
+/**
+ * A command to change the subscript formatting of characters in the selected range.
+ */
+interface ChangeFontSubscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSubscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSubscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSubscript true to apply subscript formatting to the text, false to remove subscript formatting.
+     */
+    execute(fontSubscript: boolean): boolean;
+}
+/**
+ * A command to change the font color of characters in a selected range.
+ */
+interface ChangeFontForeColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontForeColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the font color. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of characters in a selected range.
+ */
+interface ChangeFontBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the background font color. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to reset the selected text's formatting to default.
+ */
+interface ClearFormattingCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ClearFormattingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected range's style.
+ */
+interface ChangeStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A StyleBase object specifying the selected range's style.
+     */
+    execute(style: StyleBase): boolean;
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the applying style's name.
+     * @param isParagraphStyle true to apply the style to a paragraph, false to apply the style to a character.
+     */
+    execute(styleName: string, isParagraphStyle: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Font dialog allowing end-users to change the font, size and style of the selected text.
+ */
+interface OpenFontFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFontFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the text of all selected sentences to sentence case.
+ */
+interface MakeTextSentenceCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextSentenceCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to switch the text case at the current position in the document.
+ */
+interface SwitchTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SwitchTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the font formatting of characters in a selected range.
+ */
+interface ChangeFontFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A  FontFormattingSettings object specifying font formatting settings.
+     */
+    execute(settings: FontFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains settings to define the font formatting.
+ */
+interface FontFormattingSettings {
+    /**
+     * Gets or sets the character(s) font name.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the character(s) font size (in points).
+     * Value: An integer value specifying the font size.
+     */
+    size: number;
+    /**
+     * Gets or sets the foreground color of characters.
+     * Value: A string value specifying the foreground color.
+     */
+    foreColor: string;
+    /**
+     * Gets or sets the character background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+    /**
+     * Gets or sets the type of underline applied to the character(s).
+     * Value: true, if characters are underlined; otherwise, false.
+     */
+    underline: boolean;
+    /**
+     * Gets or sets the color of the underline for the specified characters.
+     * Value: A string value specifying the underline color.
+     */
+    underlineColor: string;
+    /**
+     * Gets or sets whether the character formatting is bold.
+     * Value: true, if characters are bold; otherwise, false.
+     */
+    bold: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is italicized.
+     * Value: true, if characters are italicized; otherwise, false.
+     */
+    italic: boolean;
+    /**
+     * Gets or sets a value specifying whether the strikeout formatting is applied to a character(s).
+     * Value: true, if the strikeout formatting is applied; otherwise, false.
+     */
+    strikeout: boolean;
+    /**
+     * Gets or sets whether only word characters are underlined.
+     * Value: true to underline only characters in words; false to underline all characters.
+     */
+    underlineWordsOnly: boolean;
+    /**
+     * Gets or sets a value specifying character script formatting.
+     * Value: One of the <see cref="CharacterFormattingScript" /> values.
+     */
+    script: any;
+    /**
+     * Gets or sets a value indicating whether all characters are capital letters.
+     * Value: true, if all characters are capitalized; otherwise, false.
+     */
+    allCaps: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is hidden.
+     * Value: true, if characters are hidden; otherwise, false.
+     */
+    hidden: boolean;
+}
+declare enum CharacterFormattingScript {
+    Normal=0,
+    Subscript=1,
+    Superscript=2
+}
+/**
+ * A command to toggle the horizontal ruler's visibility.
+ */
+interface ShowHorizontalRulerCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHorizontalRulerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHorizontalRulerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display the horizontal ruler, false to hide the horizontal ruler.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle the fullscreen mode.
+ */
+interface SetFullscreenCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetFullscreenCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetFullscreenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fullscreen true to apply the fullscreen mode, false to disable the fullscreen mode.
+     */
+    execute(fullscreen: boolean): boolean;
+}
+/**
+ * Holds the information that determines what action types can be performed for appointments.
+ */
+interface ASPxClientAppointmentFlags {
+    /**
+     * Gets a value that specifies whether an end-user is allowed to delete appointments.
+     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     */
+    allowDelete: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to edit appointments.
+     * Value: true if the end-user can edit appointments; otherwise, false.
+     */
+    allowEdit: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
+     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
+     */
+    allowResize: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to copy appointments.
+     * Value: true if a user can copy appointments; otherwise, false. Default is true.
+     */
+    allowCopy: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
+     * Value: true if the user can drag and drop appointments; otherwise, false.
+     */
+    allowDrag: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
+     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
+     */
+    allowDragBetweenResources: boolean;
+    /**
+     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
+     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
+     */
+    allowInplaceEditor: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
+     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
+     */
+    allowConflicts: boolean;
+}
+/**
+ * Represents a client-side equivalent of the Appointment class.
+ */
+interface ASPxClientAppointment {
+    /**
+     * Gets the time interval of the appointment for client-side scripting.
+     * Value: An ASPxClientTimeInterval object, representing the interval assigned to an appointment.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the identifiers of resources associated with the appointment for client-side scripting.
+     * Value: An array of string representations for resource identifiers.
+     */
+    resources: string[];
+    /**
+     * Gets the ID of an appointment for use in client-side scripts.
+     * Value: A string representation of the appointment ID.
+     */
+    appointmentId: string;
+    /**
+     * Gets the type of appointment for use in client-side scripts.
+     * Value: An ASPxAppointmentType enumeration member, representing the appointment's type.
+     */
+    appointmentType: ASPxAppointmentType;
+    /**
+     * Gets the index of the availability status object associated with the appointment.
+     * Value: An integer value that specifies the index of the corresponding Statuses collection.
+     */
+    statusIndex: number;
+    /**
+     * Gets  the index of the label object associated with the appointment for client-side scripting.
+     * Value: An integer value that specifies the index of the corresponding Labels collection.
+     */
+    labelIndex: number;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Subject property.
+     * Value: A string representing the appointment subject.
+     */
+    subject: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Description property.
+     * Value: A string, representing the description for an appointment.
+     */
+    description: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Location property.
+     * Value: A string representing the appointment location.
+     */
+    location: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the AllDay property.
+     * Value: true indicates the all-day appointment; otherwise, false.
+     */
+    allDay: boolean;
+    /**
+     * Adds a resource to the collection of resources associated with the client appointment.
+     * @param resourceId An object, representing the resource id.
+     */
+    AddResource(resourceId: Object): void;
+    /**
+     * Gets the resource associated with the client-side appointment by its index.
+     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
+     */
+    GetResource(index: number): Object;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Start appointment property.
+     * @param start A JavaScript Date object representing the appointment start.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Start appointment property.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the End appointment property.
+     * @param end A JavaScript Date object representing the end of the appointment.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the End appointment property.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
+     * @param duration A TimeSpan object representing the appointment duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Duration appointment property.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the ID of the client appointment.
+     * @param id An object representing the appointment identifier.
+     */
+    SetId(id: Object): void;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): Object;
+    /**
+     * Specifies the type of the current client appointment.
+     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
+     */
+    SetAppointmentType(type: ASPxAppointmentType): void;
+    /**
+     * Gets the type of the client appointment.
+     */
+    GetAppointmentType(): ASPxAppointmentType;
+    /**
+     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
+     * @param statusId An integer representing the index in the AppointmentStatusCollection.
+     */
+    SetStatusId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the StatusId appointment property.
+     */
+    GetStatusId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
+     * @param statusId An integer representing the index of the label in the Labels label collection.
+     */
+    SetLabelId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the LabelId appointment property.
+     */
+    GetLabelId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
+     * @param subject A string containing the appointment subject.
+     */
+    SetSubject(subject: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Subject appointment property.
+     */
+    GetSubject(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Description appointment property.
+     * @param description A string representing the appointment description.
+     */
+    SetDescription(description: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Description appointment property.
+     */
+    GetDescription(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Location appointment property.
+     * @param location A string representing the appointment location.
+     */
+    SetLocation(location: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Location appointment property.
+     */
+    GetLocation(): string;
+    /**
+     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
+     * @param allDay true to indicate the all-day appointment; otherwise, false.
+     */
+    SetAllDay(allDay: boolean): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the AllDay appointment property.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Gets the appointment that is the RecurrencePattern for the current appointment.
+     */
+    GetRecurrencePattern(): ASPxClientAppointment;
+    /**
+     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
+     */
+    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
+     */
+    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+}
+/**
+ * A client point object.
+ */
+interface ASPxClientPoint {
+    /**
+     * Gets the point's X-coordinate.
+     */
+    GetX(): number;
+    /**
+     * Gets the point's Y-coordinate.
+     */
+    GetY(): number;
+}
+/**
+ * A client rectangle object.
+ */
+interface ASPxClientRect {
+    /**
+     * Gets the X-coordinate of the rectangle's left edge.
+     */
+    GetLeft(): number;
+    /**
+     * Gets the X-coordinate of the rectangle's right edge.
+     */
+    GetRight(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's top edge.
+     */
+    GetTop(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's bottom edge.
+     */
+    GetBottom(): number;
+    /**
+     * Gets the rectangle's width.
+     */
+    GetWidth(): number;
+    /**
+     * Gets the rectangle's height.
+     */
+    GetHeight(): number;
+}
+/**
+ * Contains information defining the occurrences of a recurring client appointment.
+ */
+interface ASPxClientRecurrenceInfo {
+    /**
+     * Sets the recurrence start date.
+     * @param start A JavaScript date object value that specifies the start date for the recurrence.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the recurrence start date.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the recurrence end date.
+     * @param end A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the duration of the recurrence.
+     * @param duration A TimeSpan object representing the duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the duration of the recurrence.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the time base for the frequency of the corresponding appointment occurrences.
+     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
+     */
+    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
+    /**
+     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the day/days in a week that the corresponding appointment recurs on.
+     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
+     */
+    SetWeekDays(weekDays: ASPxClientWeekDays): void;
+    /**
+     * Gets the day/days in a week on which the corresponding appointment occurs.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
+     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
+     */
+    SetPeriodicity(periodicity: number): void;
+    /**
+     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
+     */
+    GetPeriodicity(): number;
+    /**
+     * Sets the ordinal number of a day within a defined month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
+     */
+    SetDayNumber(dayNumber: number): void;
+    /**
+     * Gets the ordinal number of a day within a defined month.
+     */
+    GetDayNumber(): number;
+    /**
+     * Sets the occurrence number of the week in a month for the recurrence pattern.
+     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
+     */
+    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
+    /**
+     * Gets the occurrence number of the week in a month for the recurrence pattern.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+    /**
+     * Sets the month (as a number) on which the corresponding appointment occurs.
+     * @param month A positive integer value that specifies the month's number.
+     */
+    SetMonth(month: number): void;
+    /**
+     * Gets the month (as a number) on which the corresponding appointment recurs.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+}
+/**
+ * Contains types of the recurrence range.
+ */
+interface ASPxClientRecurrenceRange {
+    /**
+     * A recurring appointment will not have an end date, i.e. infinite recurrence
+     * Value: The "NoEndDate" string.
+     */
+    NoEndDate: string;
+    /**
+     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
+     * Value: The "OccurrenceCount" string.
+     */
+    OccurrenceCount: string;
+    /**
+     * A recurring appointment will end after the date specified by the SetEnd method.
+     * Value: The "EndByDate" string.
+     */
+    EndByDate: string;
+}
+/**
+ * Contains recurrence types.
+ */
+interface ASPxClientRecurrenceType {
+    /**
+     * The recurring appointment occurs on a daily basis.
+     * Value: The "Daily" string.
+     */
+    Daily: string;
+    /**
+     * The recurring appointment reoccurs on a weekly basis.
+     * Value: The "Weekly" string.
+     */
+    Weekly: string;
+    /**
+     * The recurring appointment reoccurs on a monthly basis.
+     * Value: The "Monthly" string.
+     */
+    Monthly: string;
+    /**
+     * The recurring appointment reoccurs on an yearly basis.
+     * Value: The "Yearly" string.
+     */
+    Yearly: string;
+    /**
+     * The recurring appointment occurs on an hourly base.
+     * Value: The "Hourly" string.
+     */
+    Hourly: string;
+}
+/**
+ * Contains days and groups of days for use in recurrence patterns.
+ */
+interface ASPxClientWeekDays {
+    /**
+     * Specifies Sunday.
+     * Value: The integer 1 value.
+     */
+    Sunday: number;
+    /**
+     * Specifies Monday.
+     * Value: The integer 2 value.
+     */
+    Monday: number;
+    /**
+     * Specifies Tuesday.
+     * Value: The integer 4 value.
+     */
+    Tuesday: number;
+    /**
+     * Specifies Wednesday.
+     * Value: The integer 8 value.
+     */
+    Wednesday: number;
+    /**
+     * Specifies Thursday.
+     * Value: The integer 16 value.
+     */
+    Thursday: number;
+    /**
+     * Specifies Friday.
+     * Value: The integer 32 value.
+     */
+    Friday: number;
+    /**
+     * Specifies Saturday.
+     * Value: The integer 64 value.
+     */
+    Saturday: number;
+    /**
+     * Specifies Saturday and Sunday.
+     * Value: The integer 65 value.
+     */
+    WeekendDays: number;
+    /**
+     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
+     * Value: The integer 62 value.
+     */
+    WorkDays: number;
+    /**
+     * Specifies every day of the week.
+     * Value: The integer 127 value.
+     */
+    EveryDay: number;
+}
+/**
+ * Contains number of weeks in a month in which the event occurs.
+ */
+interface ASPxClientWeekOfMonth {
+    /**
+     * There isn't any recurrence rule based on the weeks in a month.
+     * Value: The integer 0 value.
+     */
+    None: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
+     * Value: The integer 1 value.
+     */
+    First: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
+     * Value: The integer 2 value.
+     */
+    Second: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
+     * Value: The integer 3 value.
+     */
+    Third: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
+     * Value: The integer 4 value;
+     */
+    Fourth: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
+     * Value: The integer 5 value;
+     */
+    Last: number;
+}
+/**
+ * Represents a client-side equivalent of the WeekDaysCheckEdit control.
+ */
+interface ASPxClientWeekDaysCheckEdit extends ASPxClientControl {
+    /**
+     * Gets the selection state of the week day check boxes.
+     */
+    GetValue(): ASPxClientWeekDays;
+    /**
+     * Gets the selection state of the week day check boxes.
+     * @param value An ASPxClientWeekDays object specifying the selection state of the week day check boxes.
+     */
+    SetValue(value: ASPxClientWeekDays): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceRangeControl.
+ */
+interface ASPxClientRecurrenceRangeControl extends ASPxClientControl {
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEndDate(): Date;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Sets the recurrence end date.
+     * @param date A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEndDate(date: Date): void;
+}
+/**
+ * A base for client equivalents of recurrence controls available in the XtraScheduler library.
+ */
+interface ASPxClientRecurrenceControlBase extends ASPxClientControl {
+    /**
+     * Returns an object providing access to the ASPxClientRecurrenceControlBase control's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientRecurrenceControlBase control.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the DailyRecurrenceControl - a control for specifying the daily recurrence.
+ */
+interface ASPxClientDailyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientDailyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientDailyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the WeeklyRecurrenceControl.
+ */
+interface ASPxClientWeeklyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientWeeklyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientWeeklyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the MonthlyRecurrenceControl.
+ */
+interface ASPxClientMonthlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientMonthlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientMonthlyRecurrenceControll.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the YearlyRecurrenceControl.
+ */
+interface ASPxClientYearlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientYearlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientYearlyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * An object providing access to an ASPxClientRecurrenceControlBase control's editor values.
+ */
+interface DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Get the frequency with which the appointment occurs with respect to the appointment's recurrence type.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientDailyRecurrenceControl's editor values.
+ */
+interface DailyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of days between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a daily recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientWeeklyRecurrenceControl's editor values.
+ */
+interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of weeks between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientMonthlyRecurrenceControl's editor values.
+ */
+interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets the number of months between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a monthly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientYearlyRecurrenceControl's editor values.
+ */
+interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a yearly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets or sets the number of a week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * Provides base functionality for the ASPxClientScheduler's forms.
+ */
+interface ASPxClientFormBase {
+    /**
+     * Occurs when the form has been closed.
+     */
+    FormClosed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientFormBase>>;
+    /**
+     * Closes the form.
+     */
+    Close(): void;
+    /**
+     * Sets the visibility state of the specified form element.
+     * @param element An object specifying the element whose visibility state should be changed.
+     * @param isVisible true to display the element; false to hide the element.
+     */
+    SetVisibleCore(element: Object, isVisible: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceTypeEdit.
+ */
+interface ASPxClientRecurrenceTypeEdit extends ASPxClientRadioButtonList {
+    /**
+     * Gets the selected recurrence type.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the selected recurrence type.
+     * @param recurrenceType An ASPxClientRecurrenceType enumeration value.
+     */
+    SetRecurrenceType(recurrenceType: ASPxClientRecurrenceType): void;
+}
+/**
+ * Contains lists of property names for different appointment types.
+ */
+interface AppointmentPropertyNames {
+    /**
+     * Gets the list of properties characteristic for appointments of the Normal type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Normal: string;
+    /**
+     * Gets the list of properties characteristic for appointments of the Pattern type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Pattern: string;
+}
+/**
+ * Represents the client-side equivalent of the TimeInterval class.
+ */
+interface ASPxClientTimeInterval {
+    /**
+     * Gets a value indicating if the time interval is All-Day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Sets a value specifying if the time interval is All-Day.
+     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
+     */
+    SetAllDay(allDayValue: boolean): void;
+    /**
+     * Client-side function that returns the start time of the interval.
+     */
+    GetStart(): Date;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     */
+    GetDuration(): number;
+    /**
+     * Client-side function that returns the end time of the interval.
+     */
+    GetEnd(): Date;
+    /**
+     * Client-side function that sets the start time of the interval.
+     * @param value A DateTime value, representing the beginning of the interval.
+     */
+    SetStart(value: Date): void;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     * @param value A TimeSpan  object, representing the duration of the time period.
+     */
+    SetDuration(value: any): void;
+    /**
+     * Client-side function that sets the end time of the interval.
+     * @param value A DateTime value, representing the end of the interval.
+     */
+    SetEnd(value: Date): void;
+    /**
+     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
+     * @param interval The object to compare with the current object.
+     */
+    Equals(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Client-side function that determines whether the specified interval is contained within the current one.
+     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     */
+    Contains(interval: ASPxClientTimeInterval): boolean;
+}
+/**
+ * Holds action types for the client-side Refresh method.
+ */
+interface ASPxClientSchedulerRefreshAction {
+    /**
+     * Gets the value of the action parameter which initiates a simple reload of the control.
+     * Value: An integer representing the action parameter value.
+     */
+    None: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its data-dependent satellites.
+     * Value: An integer representing the action parameter value.
+     */
+    VisibleIntervalChanged: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its satellite View controls.
+     * Value: An integer representing the action parameter value.
+     */
+    ActiveViewTypeChanged: number;
+}
+/**
+ * Contains methods allowing you to perform or cancel an operation.
+ */
+interface ASPxClientAppointmentOperation {
+    /**
+     * Passes parameters to the corresponding callback function to accomplish the operation.
+     */
+    Apply(): void;
+    /**
+     * Cancels the operation.
+     */
+    Cancel(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxScheduler control.
+ */
+interface ASPxClientScheduler extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientScheduler.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the Scheduler control is about to change its active view.
+     */
+    ActiveViewChanging: ASPxClientEvent<ActiveViewChangingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event. Occurs after the active view of the ASPxScheduler has been changed.
+     */
+    ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user presses a keyboard shortcut.
+     */
+    Shortcut: ASPxClientEvent<ShortcutEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user clicks an appointment.
+     */
+    AppointmentClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user double clicks on an appointment.
+     */
+    AppointmentDoubleClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user clicks a time cell.
+     */
+    CellClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when and end-user double-clicks a time cell.
+     */
+    CellDoubleClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the user selects an appointment.
+     */
+    AppointmentsSelectionChanged: ASPxClientEvent<AppointmentsSelectionEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the time cell selection is changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the time cell selection is about to change.
+     */
+    SelectionChanging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the  time interval of the scheduling area is changed.
+     */
+    VisibleIntervalChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when one of  More Buttons is clicked.
+     */
+    MoreButtonClicked: ASPxClientEvent<MoreButtonClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when a popup menu item is clicked.
+     */
+    MenuItemClicked: ASPxClientEvent<MenuItemClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs after an appointment has been dragged and dropped.
+     */
+    AppointmentDrop: ASPxClientEvent<AppointmentDropEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being dragged.
+     */
+    AppointmentDrag: ASPxClientEvent<AppointmentDragEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being resized.
+     */
+    AppointmentResizing: ASPxClientEvent<AppointmentResizingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when an appointment is resized.
+     */
+    AppointmentResize: ASPxClientEvent<AppointmentResizeEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that fires before an appointment is deleted.
+     */
+    AppointmentDeleting: ASPxClientEvent<ASPxClientAppointmentDeletingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side before the appointment tooltip is shown.
+     */
+    AppointmentToolTipShowing: ASPxClientEvent<ASPxClientAppointmentToolTipShowingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side scripting  method that gets the active View.
+     */
+    GetActiveViewType(): ASPxSchedulerViewType;
+    /**
+     * Client-side scripting  method to change the ASPxScheduler's active View.
+     * @param value A ASPxSchedulerViewType enumeration value, representing a view type to set.
+     */
+    SetActiveViewType(value: ASPxSchedulerViewType): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded using the specified refresh action.
+     * @param refreshAction An ASPxClientSchedulerRefreshAction enumeration value, specifying the refresh action.
+     */
+    Refresh(refreshAction: ASPxClientSchedulerRefreshAction): void;
+    /**
+     * Client-side function that returns the type of grouping applied to the appointments displayed in the scheduler.
+     */
+    GetGroupType(): ASPxSchedulerGroupType;
+    /**
+     * Client-side scripting method which raises the callback command to set the GroupType.
+     * @param value An ASPxSchedulerGroupType enumeration value, which specifies how appointments are grouped.
+     */
+    SetGroupType(value: ASPxSchedulerGroupType): void;
+    /**
+     * Client-side method that navigates the scheduler to the current system date.
+     */
+    GotoToday(): void;
+    /**
+     * Client-side scripting method which raises the GotoDate callback command.
+     * @param date A DateTime value specifying the destination time.
+     */
+    GotoDate(date: Date): void;
+    /**
+     * Client-side function which slides the visible interval one time span back.
+     */
+    NavigateBackward(): void;
+    /**
+     * Client-side function which slides the visible interval one time span forward.
+     */
+    NavigateForward(): void;
+    /**
+     * Client-side method which raises the callback command to change the ClientTimeZoneId of the scheduler.
+     * @param timeZoneId A string, a time zone identifier which is valid for the System.TimeZoneInfo.Id property.
+     */
+    ChangeTimeZoneId(timeZoneId: string): void;
+    /**
+     * Displays a Selection ToolTip on a position given by the specified coordinates.
+     * @param x An integer representing the X-coordinate.
+     * @param y An integer representing the Y-coordinate.
+     */
+    ShowSelectionToolTip(x: number, y: number): void;
+    /**
+     * Client-side function that returns the time interval, selected in the scheduler.
+     */
+    GetSelectedInterval(): ASPxClientTimeInterval;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     */
+    SetSelection(interval: ASPxClientTimeInterval): void;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     * @param resourceId An integer value specifying the ID of the resource to which the specified time interval belongs.
+     */
+    SetSelection(interval: ASPxClientTimeInterval, resourceId: string): void;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     * @param resourceId An integer value specifying the ID of the resource to which the specified time interval belongs.
+     * @param scrollToSelection true, to scroll the scheduler's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(interval: ASPxClientTimeInterval, resourceId: string, scrollToSelection: boolean): void;
+    /**
+     * Client-side function that returns the ResourceId of selected time cell's resource.
+     */
+    GetSelectedResource(): string;
+    /**
+     * Gets a collection of visible appointments.
+     */
+    GetVisibleAppointments(): ASPxClientAppointment[];
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param id An appointment's identifier.
+     */
+    GetAppointmentById(id: Object): ASPxClientAppointment;
+    /**
+     * Client-side function that returns the id's of selected appointments.
+     */
+    GetSelectedAppointmentIds(): string[];
+    /**
+     * Client-side function that removes the appointment specified by its client ID from a collection of selected appointments.
+     * @param aptId An appointment's identifier.
+     */
+    DeselectAppointmentById(aptId: Object): void;
+    /**
+     * Client-side function that selects an appointment with the specified ID.
+     * @param aptId An appointment's identifier.
+     */
+    SelectAppointmentById(aptId: Object): void;
+    /**
+     * Selects the appointment with the specified ID.
+     * @param aptId An integer value specifying the appointment ID.
+     * @param scrollToSelection true, to scroll to the selected appointment; otherwise, false.
+     */
+    SelectAppointmentById(aptId: Object, scrollToSelection: boolean): void;
+    /**
+     * Enables obtaining appointment property values in a client-side script. Executes the callback command with the AppointmentData identifier.
+     * @param aptId An integer, representing the appointment ID.
+     * @param propertyNames An array of strings, representing the appointment properties to query.
+     * @param onCallBack A handler of a function which will receive and process the properties' values.
+     */
+    GetAppointmentProperties(aptId: number, propertyNames: string[], onCallBack: Object): string[];
+    /**
+     * Initiates a callback to retrieve and apply the values for the specified list of properties to the specified appointment, and transfer control to the specified function.
+     * @param clientAppointment An ASPxClientAppointment object that is the client appointment for which the data is retrieved.
+     * @param propertyNames An array of strings, that are the names of appointment properties to query.
+     * @param onCallBack A handler of a function executed after a callback.
+     */
+    RefreshClientAppointmentProperties(clientAppointment: ASPxClientAppointment, propertyNames: string[], onCallBack: Object): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its client ID.
+     * @param aptClientId A string, representing the appointment client identifier.
+     */
+    ShowAppointmentFormByClientId(aptClientId: string): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its storage identifier.
+     * @param aptServerId A string, representing the appointment identifier.
+     */
+    ShowAppointmentFormByServerId(aptServerId: string): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either 'Day' or 'WorkWeek'.
+     */
+    SetTopRowTime(duration: number, viewType: ASPxSchedulerViewType): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     */
+    SetTopRowTime(duration: number): void;
+    /**
+     * Gets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either "Day" or  "WorkWeek", otherwise the result is undefined.
+     */
+    GetTopRowTime(viewType: ASPxSchedulerViewType): number;
+    /**
+     * Gets the time of day corresponding to the start of the topmost displayed time cell row.
+     */
+    GetTopRowTime(): number;
+    /**
+     * Client-side scripting method which displays the Loading Panel.
+     */
+    ShowLoadingPanel(): void;
+    /**
+     * Client-side scripting method which hides the Loading Panel from view.
+     */
+    HideLoadingPanel(): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     * @param resourceId An object representing the identifier of a resource associated with the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date, resourceId: string): void;
+    /**
+     * Client-side scripting  method to insert the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to update the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side method that allows retrieving a collection of time intervals displayed by the ASPxScheduler.
+     */
+    GetVisibleIntervals(): ASPxClientTimeInterval[];
+    /**
+     * Changes the container that the ASPxScheduler tooltip belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangeToolTipContainer(container: Object): void;
+    /**
+     * Changes the container that the ASPxScheduler pop-up menu belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangePopupMenuContainer(container: Object): void;
+    /**
+     * Returns focus to the form if the ASPxScheduler control is not visible when the reminder fires.
+     * @param container A DIV object that is located in such a way that it is visible on the page in situations when the ASPxScheduler control is hidden.
+     */
+    ChangeFormContainer(container: Object): void;
+    /**
+     * Client-side scripting method that saves appointment modifications and closes the form.
+     */
+    AppointmentFormSave(): void;
+    /**
+     * Client-side scripting method that deletes the appointment being edited.
+     */
+    AppointmentFormDelete(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the appointment editing form.
+     */
+    AppointmentFormCancel(): void;
+    /**
+     * Client-side scripting method that navigates the scheduler to the date selected in the GotoDate form and closes the form.
+     */
+    GoToDateFormApply(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the GotoDate form.
+     */
+    GoToDateFormCancel(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormSave(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormCancel(): void;
+    /**
+     * Client-side scripting method that invokes the appointment editing form for the appointment being edited in the inplace editor.
+     */
+    InplaceEditFormShowMore(): void;
+    /**
+     * Client-side scripting method that closes the Reminder form.
+     */
+    ReminderFormCancel(): void;
+    /**
+     * Client-side scripting method that calls the Dismiss method for the selected reminder.
+     */
+    ReminderFormDismiss(): void;
+    /**
+     * Client-side scripting method that dismisses all reminders shown in the Reminder form.
+     */
+    ReminderFormDismissAll(): void;
+    /**
+     * Client-side scripting method that changes the alert time for the selected reminder to the specified interval.
+     */
+    ReminderFormSnooze(): void;
+    /**
+     * Specifies whether the toolbar is visible.
+     * @param visible true, to make the toolbar visible; otherwise, false.
+     */
+    SetToolbarVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a toolbar is displayed.
+     */
+    GetToolbarVisible(): boolean;
+    /**
+     * Specifies whether the Resource Navigator is visible.
+     * @param visible true, to make the Resource Navigator visible; otherwise, false.
+     */
+    SetResourceNavigatorVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether the Resource Navigator is displayed.
+     */
+    GetResourceNavigatorVisible(): boolean;
+    /**
+     * Returns the value specifying the Scheduler's scrollable area height.
+     */
+    GetScrollAreaHeight(): number;
+    /**
+     * Specifies the All-Day Area area height.
+     * @param height An integer value specifying the all-day area height.
+     */
+    SetAllDayAreaHeight(height: number): void;
+    /**
+     * Gets the All-Day Area area height.
+     */
+    GetAllDayAreaHeight(): number;
+    /**
+     * Sets the Scheduler's height.
+     * @param height An integer value specifying the scheduler's height.
+     */
+    SetHeight(height: number): void;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerViewType object.
+ */
+interface ASPxSchedulerViewType {
+    /**
+     * Gets a string representation equivalent of Day enumeration for use in client scripts.
+     * Value: A string "Day", indicating the DayView.
+     */
+    Day: string;
+    /**
+     * Gets a string representation equivalent of WorkWeek enumeration for use in client scripts.
+     * Value: A string "WorkWeek", indicating the WorkWeekView.
+     */
+    WorkWeek: string;
+    /**
+     * Gets a string representation equivalent of Week enumeration for use in client scripts.
+     * Value: A string "Week", indicating the WeekView.
+     */
+    Week: string;
+    /**
+     * Gets a string representation equivalent of Month enumeration for use in client scripts.
+     * Value: A string "Month", indicating the MonthView.
+     */
+    Month: string;
+    /**
+     * Gets a string representation equivalent of Timeline enumeration for use in client scripts.
+     * Value: A string "Timeline", indicating the TimelineView.
+     */
+    Timeline: string;
+    /**
+     * Gets a string representation equivalent of FullWeek enumeration for use in client scripts.
+     * Value: A string "FullWeek", indicating the FullWeekView.
+     */
+    FullWeek: string;
+    /**
+     * Gets a string representation equivalent to the Agenda enumeration for use in client scripts.
+     * Value: A string "Agenda", indicating the AgendaView.
+     */
+    Agenda: string;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerGroupType enumeration.
+ */
+interface ASPxSchedulerGroupType {
+    /**
+     * Gets a string representation equivalent of None enumeration for use in client scripts.
+     * Value: A "None" string value.
+     */
+    None: string;
+    /**
+     * Gets a string representation equivalent of Date enumeration for use in client scripts.
+     * Value: A "Date" string value.
+     */
+    Date: string;
+    /**
+     * Gets a string representation equivalent of Resource enumeration for use in client scripts.
+     * Value: A "Resource" string value.
+     */
+    Resource: string;
+}
+/**
+ * Represents a client-side equivalent of the AppointmentType enumeration.
+ */
+interface ASPxAppointmentType {
+    /**
+     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
+     * Value: A "Normal" string value.
+     */
+    Normal: string;
+    /**
+     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
+     * Value: A "Pattern" string value.
+     */
+    Pattern: string;
+    /**
+     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
+     * Value: An "Occurrence" string value.
+     */
+    Occurrence: string;
+    /**
+     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
+     * Value: A "ChangedOccurrence" string value.
+     */
+    ChangedOccurrence: string;
+    /**
+     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
+     * Value: A "DeletedOccurrence" string value.
+     */
+    DeletedOccurrence: string;
+}
+interface ASPxClientAppointmentDeletingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDeleting event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDeletingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDeleting event.
+ */
+interface ASPxClientAppointmentDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets client IDs of the appointments that are intended to be removed.
+     * Value: An array of client appointment identifiers, representing appointments passed for deletion.
+     */
+    appointmentIds: Object[];
+}
+interface AppointmentClickEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A AppointmentClickEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentClickEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDoubleClick events.
+ */
+interface AppointmentClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the client appointment ID for the appointment being clicked.
+     * Value: A string, representing the client ID of the appointment.
+     */
+    appointmentId: string;
+    /**
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
+     */
+    htmlElement: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentsSelectionChanged event.
+     * @param source The ASPxScheduler control which fires the event.
+     * @param e A AppointmentsSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentsSelectionEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets identifiers of the selected appointments.
+     * Value: A comma separated list of string values, representing appointment IDs.
+     */
+    appointmentIds: string[];
+}
+/**
+ * A method that will handle the Shortcut event.
+ */
+interface ShortcutEventHandler<S> {
+    /**
+     * A method that will handle the Shortcut event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ShortcutEventArgs object that contains event data.
+     */
+    (source: S, e: ShortcutEventArgs): void;
+}
+/**
+ * Provides data for the client-side Shortcut event.
+ */
+interface ShortcutEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of a command associated with the keyboard shortcut.
+     * Value: A string containing a command name.
+     */
+    commandName: string;
+    /**
+     * Gets an object containing information about a keyboard shortcut event.
+     * Value: An object containing event data.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true, if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventHandler<S> {
+    /**
+     * A method that will handle the ActiveViewChanging event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e An ActiveViewChangingEventArgs object that contains event data
+     */
+    (source: S, e: ActiveViewChangingEventArgs): void;
+}
+/**
+ * Provides data for the client-side ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value of the ActiveView property before modification.
+     * Value: A SchedulerViewType enumeration.
+     */
+    oldView: ASPxSchedulerViewType;
+    /**
+     * Gets the new value of the ActiveView property.
+     * Value: A string, which is the SchedulerViewType enumeration value.
+     */
+    newView: ASPxSchedulerViewType;
+    /**
+     * Gets or sets whether the change of active view should be canceled.
+     * Value: true to cancel the operation; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the MoreButtonClicked event.
+ */
+interface MoreButtonClickedEventHandler<S> {
+    /**
+     * A method that will handle MoreButtonClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MoreButtonClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MoreButtonClickedEventArgs): void;
+}
+/**
+ * Provides data for the MoreButtonClicked client-side event.
+ */
+interface MoreButtonClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the Start or End values of the target appointment.
+     * Value: A DateTime value representing the target appointment's boundary.
+     */
+    targetDateTime: Date;
+    /**
+     * Gets the time interval of the cell where the button is located.
+     * Value: An ASPxClientTimeInterval object representing the time interval of the cell which holds the button.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the resource identifier associated with the cell where the button is located.
+     * Value: A string, corresponding to ResourceId.
+     */
+    resource: string;
+    /**
+     * Gets or sets whether an event is handled. If it is handled, default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the MenuItemClicked event.
+ */
+interface MenuItemClickedEventHandler<S> {
+    /**
+     * A method that will handle the MenuItemClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MenuItemClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MenuItemClickedEventArgs): void;
+}
+/**
+ * Provides data for the MenuItemClicked event.
+ */
+interface MenuItemClickedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the menu item which is clicked.
+     * Value: A string, containing the menu item name.
+     */
+    itemName: string;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentDrag event.
+ */
+interface AppointmentDragEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrag event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentDragEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDragEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrag event.
+ */
+interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not appointments can be dropped into the intervals over which they are currently dragged.
+     * Value: true to allow dropping appointments; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current drag operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Provides information about dragged appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+/**
+ * A method that will handle the AppointmentDrop event.
+ */
+interface AppointmentDropEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrop event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentDropEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDropEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrop event.
+ */
+interface ASPxClientAppointmentDropEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Provides information about dropped appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dropped appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+interface AppointmentResizeEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResize event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizeEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResize event.
+ */
+interface ASPxClientAppointmentResizeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether default event processing is required.
+     * Value: true to process an event using only custom code; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * A method that will handle the AppointmentResizing event.
+ */
+interface AppointmentResizingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResizing event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResizing event.
+ */
+interface ASPxClientAppointmentResizingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not an appointment can be resized to the new time interval.
+     * Value: true to allow resizing the appointment; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current appointment resizing operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * Stores information about an appointment drag operation.
+ */
+interface ASPxClientAppointmentDragInfo {
+    /**
+     * Gets the dragged appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources that were associated with the appointment before the drag operation.
+     * Value: A array of strings containing resource identifiers.
+     */
+    oldResources: string[];
+    /**
+     * Gets the appointment's interval after the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment after the drag operation.
+     * Value: An array of strings containing resource identifiers.
+     */
+    newResources: string[];
+}
+/**
+ * A method that will handle the CellDoubleClick events.
+ */
+interface CellClickEventHandler<S> {
+    /**
+     * A method that will handle the CellClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A CellClickEventArgs object that contains event data.
+     */
+    (source: S, e: CellClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDoubleClick events.
+ */
+interface CellClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object containing information about an HTML element representing the clicked time cell.
+     * Value: An object containing information about an HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Provides access to a time interval occupied by the clicked time cell.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the name of a resource to which the clicked time cell belongs.
+     * Value: A string containing the name of a resource.
+     */
+    resource: string;
+}
+/**
+ * A method that will handle the client AppointmentToolTipShowing event.
+ */
+interface ASPxClientAppointmentToolTipShowingEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source.
+     * @param e An ASPxClientAppointmentToolTipShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentToolTipShowingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentToolTipShowing event.
+ */
+interface ASPxClientAppointmentToolTipShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the appointment.
+     * Value: An ASPxClientAppointment object representing the appointment.
+     */
+    appointment: ASPxClientAppointment;
+}
+/**
+ * Contains information about a client tooltip.
+ */
+interface ASPxClientSchedulerToolTipData {
+    /**
+     * Returns the client appointment for which the tooltip is displayed.
+     */
+    GetAppointment(): ASPxClientAppointment;
+    /**
+     * Returns the client time interval for which the tooltip is displayed.
+     */
+    GetInterval(): ASPxClientTimeInterval;
+    /**
+     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     */
+    GetResources(): Object[];
+}
+/**
+ * A client-side equivalent of the ASPxSchedulerToolTipBase control.
+ */
+interface ASPxClientToolTipBase {
+    /**
+     * Returns the value that indicates whether or not the tooltip can be displayed.
+     */
+    CanShowToolTip(): boolean;
+    /**
+     * Ends updating the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Updates the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Closes the tooltip.
+     */
+    Close(): void;
+    /**
+     * Gets the tooltip position.
+     * @param bounds An object that represents the tooltip bounds.
+     */
+    CalculatePosition(bounds: Object): ASPxClientPoint;
+    /**
+     * Displays the Appointment Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowAppointmentMenu(eventObject: Object): void;
+    /**
+     * Displays the View Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowViewMenu(eventObject: Object): void;
+    /**
+     * Returns the string representation of the specified interval.
+     * @param interval An ASPxClientTimeInterval object to convert.
+     */
+    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpellChecker class.
+ */
+interface ASPxClientSpellChecker extends ASPxClientControl {
+    /**
+     * Client-side event that occurs before the spell check starts.
+     */
+    BeforeCheck: ASPxClientEvent<ASPxClientBeforeCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs before a message box informing about process completion is shown.
+     */
+    CheckCompleteFormShowing: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs when a spell check is finished.
+     */
+    AfterCheck: ASPxClientEvent<ASPxClientAfterCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Occurs after a word is changed in a checked text.
+     */
+    WordChanged: ASPxClientEvent<ASPxClientWordChangedEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Starts the spelling check of the text contained within the element specified by the CheckedElementID value.
+     */
+    Check(): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param element An object representing the element being checked.
+     */
+    CheckElement(element: Object): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param id A string representing the identifier of the element being checked.
+     */
+    CheckElementById(id: string): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerElement An object representing a control which contains elements being checked.
+     */
+    CheckElementsInContainer(containerElement: Object): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerId A string, specifying the control's identifier.
+     */
+    CheckElementsInContainerById(containerId: string): void;
+}
+/**
+ * Represents an object that will handle the client-side BeforeCheck event.
+ */
+interface ASPxClientBeforeCheckEventHandler<S> {
+    /**
+     * A method that will handle the BeforeCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerBeforeCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerBeforeCheckEventArgs): void;
+}
+/**
+ * Provides data for an event that occurs before a spelling check is started. Represents the client-side equivalent of the BeforeCheckEventArgs class.
+ */
+interface ASPxClientSpellCheckerBeforeCheckEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which is going to be checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+}
+/**
+ * Represents an object that will handle the client-side AfterCheck event.
+ */
+interface ASPxClientAfterCheckEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerAfterCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * Provides data for the client event that occurs after a spelling check is complete.
+ */
+interface ASPxClientSpellCheckerAfterCheckEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which has been checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+    /**
+     * Gets the text that has been checked.
+     * Value: A string, containing checked text.
+     */
+    checkedText: string;
+    /**
+     * Gets a value specifying whether spell checking is finished or stopped by the user.
+     * Value: A string value identifying the reason ("Default" or "User").
+     */
+    reason: string;
+}
+/**
+ * Represents an object that will handle the client-side WordChanged event.
+ */
+interface ASPxClientWordChangedEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The event source.
+     * @param e An ASPxClientSpellCheckerAfterCheckEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+declare enum ASPxClientSpreadsheetPopupMenuType {
+    ColumnHeading=0,
+    RowHeading=1,
+    SheetTab=3,
+    Picture=4,
+    Chart=5,
+    Cell=7,
+    AutoFilter=8
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+    /**
+     * This property is now obsolete. Use the commandName property instead.
+     */
+    item: ASPxClientRibbonItem;
+}
+/**
+ * A method that will handle the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventHandler<S> {
+    /**
+     * A method that will handle the DocumentChanged event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetDocumentChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetDocumentChangedEventArgs): void;
+}
+/**
+ * Provides data for the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventHandler<S> {
+    /**
+     * A method that will handle the EndSynchronization events.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetSynchronizationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSynchronizationEventArgs): void;
+}
+/**
+ * Provides data for the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e An ASPxClientSpreadsheetHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A method that will handle the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuShowing event.
+     * @param source The event sender (typically an ASPxClientSpreadsheet object).
+     * @param e A ASPxClientSpreadsheetPopupMenuShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetPopupMenuShowingEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides access to a collection of menu items in the context menu being invoked.
+     * Value: A <see cref="ASPxClientSpreadsheetPopupMenuItemCollection" /> object representing the context menu's item collection.
+     */
+    menuItems: ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Gets the currently displayed context menu's type.
+     * Value: One of the <see cref="ASPxClientSpreadsheetPopupMenuType" /> enumeration values.
+     */
+    menuType: any;
+}
+/**
+ * A client-side equivalent of the ASPxSpreadsheet object.
+ */
+interface ASPxClientSpreadsheet extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSpreadsheet.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client when a selection is changed in the ASPxSpreadsheet.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientSpreadsheetSelectionChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientSpreadsheetCustomCommandExecutedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires if any change is made to the Spreadsheet's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientSpreadsheetDocumentChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientSpreadsheetHyperlinkClickEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the context menu is displayed and allows menu customization.
+     */
+    PopupMenuShowing: ASPxClientEvent<ASPxClientSpreadsheetPopupMenuShowingEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Sets input focus to the Spreadsheet.
+     */
+    Focus(): void;
+    /**
+     * Gets access to the client ribbon object.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Enables you to switch the full-screen mode of the Spreadsheet.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Returns the current selection made in a Spreadsheet.
+     */
+    GetSelection(): ASPxClientSpreadsheetSelection;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Gets the value of the specified cell.
+     * @param colModelIndex An integer value specifying the cell's column index.
+     * @param rowModelIndex An integer value specifying the cell's row index.
+     */
+    GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Returns the comment associated with the specified data cell.
+     * @param colModelIndex An integer value specifying the data cell's column index.
+     * @param rowModelIndex An integer value specifying the data cell's row index.
+     */
+    GetCellComment(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the value of the currently active cell.
+     */
+    GetActiveCellValue(): Object;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side DocumentCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side DocumentCallback event.
+     */
+    PerformDocumentCallback(parameter: string): void;
+    /**
+     * Reconnects the Spreadsheet to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientSpreadsheetSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object that determines the currently selected region within the Spreadsheet.
+     * Value: A <see cref="ASPxClientSpreadsheetSelection" /> object defining the current selection.
+     */
+    selection: ASPxClientSpreadsheetSelection;
+}
+/**
+ * Represents the selection in the Spreadsheet.
+ */
+interface ASPxClientSpreadsheetSelection {
+    /**
+     * Gets the column index of the active cell.
+     * Value: An integer value specifying the active cell column index.
+     */
+    activeCellColumnIndex: number;
+    /**
+     * Gets the row index of the active cell.
+     * Value: An integer value specifying the active cell row index.
+     */
+    activeCellRowIndex: number;
+    /**
+     * Gets the index of the selection's left column.
+     * Value: An integer value specifying the index of the left column within the selection.
+     */
+    leftColumnIndex: number;
+    /**
+     * Gets the index of the selection's top row.
+     * Value: An integer value specifying the index of the top row within the selection.
+     */
+    topRowIndex: number;
+    /**
+     * Gets the index of the selection's right column.
+     * Value: An integer value specifying the index of the right column within the selection.
+     */
+    rightColumnIndex: number;
+    /**
+     * Gets the index of the selection's bottom row.
+     * Value: An integer value specifying the index of the bottom row within the selection.
+     */
+    bottomRowIndex: number;
+}
+/**
+ * Represents an individual item of the Spreadsheet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItem {
+    /**
+     * Gets the immediate parent menu item to which the current menu item belongs.
+     * Value: A ASPxClientSpreadsheetPopupMenuItem object representing the menu item's immediate parent.
+     */
+    parent: ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Gets or sets the unique identifier name for the current menu item.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+    /**
+     * Gets or sets the text content of the current menu item.
+     * Value: A string value that specifies the text content of the menu item.
+     */
+    text: string;
+    /**
+     * Gets or sets a value that indicates whether the menu item is enabled, allowing the item to respond to end-user interactions.
+     * Value: true if the item is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets or sets the CSS class name defining the menu item's image.
+     * Value: A string value specifying the class name.
+     */
+    imageClassName: string;
+    /**
+     * Gets or sets an URL which defines the navigation location.
+     * Value: A string value which represents an URL where the client web browser will navigate.
+     */
+    navigateUrl: string;
+    /**
+     * Gets or sets the URL of the menu item's image.
+     * Value: A string value that specifies the location of an image.
+     */
+    imageUrl: string;
+    /**
+     * Gets or sets a value that specifies whether the current menu item starts a group.
+     * Value: true if the current menu item starts a group; otherwise, false.
+     */
+    beginGroup: boolean;
+    /**
+     * Gets or sets the current menu item's tooltip text.
+     * Value: A string which specifies the text content of the current menu item's tooltip.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the window or frame at which to target the contents of the URL associated with the current menu item.
+     * Value: A string which identifies the window or frame at which to target the URL content.
+     */
+    target: string;
+    /**
+     * Gets a collection that contains the submenu items of the current menu item.
+     */
+    GetSubItems(): ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Returns the menu item's sub-item with the specified index.
+     * @param index An integer value specifying the index of the sub-item within a collection of the current menu item's submenu items.
+     */
+    GetItem(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the menu item's sub-item with the specified name property value.
+     * @param name A string value specifying the name property value of the sub-item to find.
+     */
+    GetItemByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the total number of the menu item's child items (submenu items).
+     */
+    GetItemCount(): number;
+}
+/**
+ * Represents a collection of items in the Spreadhseet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItemCollection {
+    /**
+     * Adds the specified menu item to the end of the collection.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object specifying the item to be added to the collection.
+     */
+    Add(item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Removes a menu item specified by its index within the collection.
+     * @param index An integer value specifying the index of the menu item to remove.
+     */
+    Remove(index: number): void;
+    /**
+     * Removes a menu item specified by its name.
+     * @param name A string value specifying the name property value of a menu item to remove from the collection.
+     */
+    RemoveByName(name: string): void;
+    /**
+     * Adds the specified item to the specified position within the collection.
+     * @param index An integer value that specifies the zero-based index at which the specified item should be inserted.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object to insert.
+     */
+    Insert(index: number, item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Returns the total number of menu items in the collection.
+     */
+    GetCount(): number;
+    /**
+     * Returns an item object with the specified name property value.
+     * @param name A string value representing the name property value of the required item.
+     */
+    GetByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns a menu item specified by its index in the collection.
+     * @param index An integer value that is the zero-based index of the <see cref="ASPxClientSpreadsheetPopupMenuItem" /> to retrieve from the ASPxClientSpreadsheetPopupMenuItemCollection.
+     */
+    Get(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Removes all menu items from the collection.
+     */
+    Clear(): void;
+}
+/**
+ * Represents the client ASPxTreeList.
+ */
+interface ASPxClientTreeList extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientTreeList.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to display a context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientTreeListContextMenuEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientTreeListCustomButtonEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientTreeListToolbarItemClickEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before the focused node has been changed.
+     */
+    NodeFocusing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires in response to changing node focus.
+     */
+    FocusedNodeChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the selection has been changed via end-user interaction.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the callback has been processed in the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientTreeListCustomDataCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is double clicked.
+     */
+    NodeDblClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is expanded.
+     */
+    NodeExpanding: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is collapsed.
+     */
+    NodeCollapsing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs before a node is dragged by an end-user.
+     */
+    StartDragNode: ASPxClientEvent<ASPxClientTreeListStartDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a node drag and drop operation is completed.
+     */
+    EndDragNode: ASPxClientEvent<ASPxClientTreeListEndDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientTreeListColumnResizingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientTreeListColumnResizedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Sets input focus to the ASPxTreeList.
+     */
+    Focus(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
+    /**
+     * Returns the focused node's key value.
+     */
+    GetFocusedNodeKey(): string;
+    /**
+     * Moves focus to the specified node.
+     * @param key A String value that uniquely identifies the node.
+     */
+    SetFocusedNodeKey(key: string): void;
+    /**
+     * Indicates whether the specified node is selected.
+     * @param nodeKey A String value that identifies the node by its key value.
+     */
+    IsNodeSelected(nodeKey: string): any;
+    /**
+     * Selects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    SelectNode(nodeKey: string): void;
+    /**
+     * Selects or deselects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     * @param state true to select the node; otherwise, false.
+     */
+    SelectNode(nodeKey: string, state: boolean): void;
+    /**
+     * Obtains key values of selected nodes that are displayed within the current page.
+     */
+    GetVisibleSelectedNodeKeys(): string[];
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param htmlElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(htmlElement: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCustomCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames A string value that contains the names of data source fields whose values within the specified node are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames The names of data source fields whose values within the specified node are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within visible nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within visible nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Selects the specified page.
+     * @param index An integer value that specifies the active page's index.
+     */
+    GoToPage(index: number): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the ASPxTreeList's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Returns the specified node's state.
+     * @param nodeKey A String value that identifies the node.
+     */
+    GetNodeState(nodeKey: string): string;
+    /**
+     * Expands all nodes.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all Node.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands the specified node preserving the collapsed state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    ExpandNode(key: string): void;
+    /**
+     * Collapses the specified node preserving the expanded state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    CollapseNode(key: string): void;
+    /**
+     * Obtains key values of nodes that are displayed within the current page.
+     */
+    GetVisibleNodeKeys(): string[];
+    /**
+     * Returns an HTML table row that represents the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    GetNodeHtmlElement(nodeKey: string): Object;
+    /**
+     * Returns the number of visible columns within the client ASPxTreeList.
+     */
+    GetVisibleColumnCount(): number;
+    /**
+     * Returns the number of columns within the client ASPxTreeList.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the column located at the specified position within the Columns collection.
+     * @param index An integer value that identifies the column within the collection (the column's Index property value).
+     */
+    GetColumnByIndex(index: number): ASPxClientTreeListColumn;
+    /**
+     * Returns the column with the specified name.
+     * @param name A string value that specifies the column's name (the column's Name property value).
+     */
+    GetColumnByName(name: string): ASPxClientTreeListColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param fieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByFieldName(fieldName: string): ASPxClientTreeListColumn;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     */
+    SortBy(nameOrFieldName: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientTreeListColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Switches the ASPxTreeList to edit mode.
+     * @param nodeKey A string value that identifies the node by its key value.
+     */
+    StartEdit(nodeKey: string): void;
+    /**
+     * Saves all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Indicates whether the ASPxTreeList is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Gets the key value of the node currently being edited.
+     */
+    GetEditingNodeKey(): string;
+    /**
+     * Moves the specified node to a new position.
+     * @param nodeKey A string value that identifies the target node by its key value.
+     * @param parentNodeKey A string value that identifies the node to whose child collection the target node is moved. An empty string to display the target node within the root.
+     */
+    MoveNode(nodeKey: string, parentNodeKey: string): void;
+    /**
+     * Deletes the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new root node values to be edited.
+     */
+    StartEditNewNode(): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new node values to be edited.
+     * @param parentNodeKey A String value that identifies the parent node, which owns a new node.
+     */
+    StartEditNewNode(parentNodeKey: string): void;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that identifies the column by its position within the column collection.
+     */
+    GetEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditor(columnNameOrFieldName: string): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditValue(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     */
+    GetEditValue(columnIndex: number): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditValue(columnNameOrFieldName: string): Object;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientTreeListColumn, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnNameOrFieldName: string, value: Object): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param column A ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    FocusEditor(column: ASPxClientTreeListColumn): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnIndex An integer value that identifies the data column.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnNameOrFieldName A String value that specifies the column's name or field name.
+     */
+    FocusEditor(columnNameOrFieldName: string): void;
+    /**
+     * Scrolls the tree list so that the specified node becomes visible.
+     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     */
+    MakeNodeVisible(nodeKey: string): void;
+    /**
+     * Returns the current vertical scroll position of the tree list's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the tree list's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the tree list's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the tree list's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Exports tree list data to a file in the specified format.
+     * @param format An ASPxClientTreeListExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientTreeListExportFormat): void;
+    /**
+     * Applies the specified filter expression to the tree list.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client Tree List.
+     */
+    ClearFilter(): void;
+    /**
+     * Applies a filter specified in the filter row to the ASPxTreeList.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Applies the specified search panel filter criterion to tree list data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the ASPxTreeList.
+     */
+    GetAutoFilterEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client Tree List.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientTreeListColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientTreeListColumn {
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A String value that specifies the name of a data field.
+     */
+    fieldName: string;
+}
+/**
+ * Lists values that specify the document formats available for export from the tree list.
+ */
+interface ASPxClientTreeListExportFormat {
+}
+/**
+ * Provides data for the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the information that has been collected on the client-side and sent to the  server-side CustomDataCallback event.
+     * Value: A string value that represents the information that has been collected on the client-side and sent to the server-side CustomDataCallback event.
+     */
+    arg: string;
+    /**
+     * Gets the information passed from the server-side CustomDataCallback event.
+     * Value: An object that represents the information passed from the server-side CustomDataCallback event.
+     */
+    result: Object;
+}
+/**
+ * A method that will handle the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the CustomDataCallback event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomDataCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the NodeDblClick events.
+ */
+interface ASPxClientTreeListNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides access to the parameters associated with the NodeDblClick events.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the NodeDblClick event.
+ */
+interface ASPxClientTreeListNodeEventHandler<S> {
+    /**
+     * A method that will handle the NodeDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListNodeEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Identifies which tree list element has been right-clicked.
+     * Value: A string value that identifies which tree list element ('Header' or 'Node') has been right-clicked.
+     */
+    objectType: string;
+    /**
+     * Gets a value that identifies the right-clicked object.
+     * Value: The right-clicked object's identifier.
+     */
+    objectKey: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that relates to the processed event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether to invoke the browser's context menu.
+     * Value: true to hide the browser's context menu; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event sender.
+     * @param e An ASPxClientTreeListContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets an array of targets where a node can be dragged.
+     * Value: An array of objects that represent targets for the dragged node.
+     */
+    targets: Object[];
+}
+/**
+ * A method that will handle the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the StartDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListStartDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListStartDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets the target element.
+     * Value: An object that represents the target element to which the dragged node has been dropped.
+     */
+    targetElement: Object;
+}
+/**
+ * A method that will handle the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the EndDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListEndDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListEndDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the key value of the node whose custom button has been clicked.
+     * Value: A string value that uniquely identifies the node whose custom button has been clicked.
+     */
+    nodeKey: string;
+    /**
+     * Gets the button's index.
+     * Value: An integer value that specifies the button's position within the CustomButtons collection.
+     */
+    buttonIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A String value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomButtonEventArgs): void;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+ */
+interface ASPxClientTreeListValuesCallback {
+    /**
+     * A JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * Provides data for the ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResizing event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResized event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizedEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index related to the event.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string object that is the toolbar name.
+     */
+    toolbarName: string;
+    /**
+     * Gets the clicked menu item
+     * Value: An ASPxClientMenu value that is the menu item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListToolbarItemClickEventArgs): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapAccordion control.
+ */
+interface BootstrapClientAccordion extends ASPxClientNavBar {
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): BootstrapClientAccordionGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): BootstrapClientAccordionGroup;
+    /**
+     * Returns the Accordion control's active group.
+     */
+    GetActiveGroup(): BootstrapClientAccordionGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A BootstrapClientAccordionGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: BootstrapClientAccordionGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): BootstrapClientAccordionItem;
+    /**
+     * Returns the selected item within the Accordion control.
+     */
+    GetSelectedItem(): BootstrapClientAccordionItem;
+    /**
+     * Selects the specified item within the Accordion control on the client side.
+     * @param item A BootstrapClientAccordionItem object specifying the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientAccordionItem): void;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+}
+/**
+ * Represents a client-side equivalent of the Accordion's BootstrapAccordionGroup object.
+ */
+interface BootstrapClientAccordionGroup extends ASPxClientNavBarGroup {
+    /**
+     * Gets the BootstrapClientAccordion object to which the current group belongs.
+     * Value: A <see cref="BootstrapClientAccordion" /> object that is the group's owner.
+     */
+    navBar: BootstrapClientAccordion;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientAccordionItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): BootstrapClientAccordionItem;
+    /**
+     * Gets the text displayed within an accordion group header badge.
+     */
+    GetHeaderBadgeText(): string;
+    /**
+     * Sets the text displayed within an accordion group header badge.
+     * @param text A String specifying the badge text.
+     */
+    SetHeaderBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within an accordion group header badge.
+     */
+    GetHeaderBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within an accordion group header badge.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetHeaderBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the Accordion's BootstrapAccordionItem object.
+ */
+interface BootstrapClientAccordionItem extends ASPxClientNavBarItem {
+    /**
+     * Gets the BootstrapClientAccordion object to which the current item belongs.
+     * Value: A <see cref="BootstrapClientAccordion" /> object that is the item's owner.
+     */
+    navBar: BootstrapClientAccordion;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: A <see cref="BootstrapClientAccordionGroup" /> object representing the group to which the item belongs.
+     */
+    group: BootstrapClientAccordionGroup;
+    /**
+     * Gets the text displayed within the accordion item badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the accordion item badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the accordion item badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the accordion item badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the Accordion item.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the Accordion item.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning manipulations with an item.
+ */
+interface BootstrapClientAccordionItemEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning manipulations with an item.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionItemEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionItemEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on items.
+ */
+interface BootstrapClientAccordionItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: A BootstrapClientAccordionItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientAccordionItem;
+    /**
+     * Gets an HTML object that contains the processed Accordion item.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning manipulations with a group.
+ */
+interface BootstrapClientAccordionGroupEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning manipulations with a group.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on groups.
+ */
+interface BootstrapClientAccordionGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: A BootstrapClientAccordionGroup object, manipulations on which forced the event to be raised.
+     */
+    group: BootstrapClientAccordionGroup;
+}
+/**
+ * A method that will handle the Accordion control's cancelable client events concerning manipulations with a group.
+ */
+interface BootstrapClientAccordionGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on accordion groups.
+ */
+interface BootstrapClientAccordionGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: A BootstrapClientAccordionGroup object, manipulations on which forced the event to be raised.
+     */
+    group: BootstrapClientAccordionGroup;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning clicks on groups.
+ */
+interface BootstrapClientAccordionGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning clicks on groups.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's group headers.
+ */
+interface BootstrapClientAccordionGroupClickEventArgs extends BootstrapClientAccordionGroupCancelEventArgs {
+    /**
+     * Gets an HTML object that contains the processed Accordion group.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the BootstrapBinaryImage control.
+ */
+interface BootstrapClientBinaryImage extends ASPxClientHyperLink {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButton control.
+ */
+interface BootstrapClientButton extends ASPxClientButton {
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Gets the text displayed within the button badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the button badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the button badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the button badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCalendar control.
+ */
+interface BootstrapClientCalendar extends ASPxClientCalendar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCallbackPanel control.
+ */
+interface BootstrapClientCallbackPanel extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the BootstrapClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBox control.
+ */
+interface BootstrapClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state has been changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<BootstrapClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButton control.
+ */
+interface BootstrapClientRadioButton extends BootstrapClientCheckBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapComboBox control.
+ */
+interface BootstrapClientComboBox extends ASPxClientComboBox {
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding field within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDateEdit control.
+ */
+interface BootstrapClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDropDownEdit control.
+ */
+interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapFormLayout control.
+ */
+interface BootstrapClientFormLayout extends ASPxClientFormLayout {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapHyperLink control.
+ */
+interface BootstrapClientHyperLink extends ASPxClientHyperLink {
+    /**
+     * Gets the text displayed within the hyperlink badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the hyperlink badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the hyperlink badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the hyperlink badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents the client-side equivalent of the BootstrapImage control.
+ */
+interface BootstrapClientImage extends ASPxClientImage {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapListEditItem object.
+ */
+interface BootstrapClientListBoxItem extends ASPxClientListEditItem {
+    /**
+     * This member is not in effect for this class. It is overridden only for the purpose of preventing it from appearing in Microsoft Visual Studio designer tools.
+     */
+    imageUrl: string;
+    /**
+     * Gets the CSS class of the icon displayed by the list box item.
+     * Value: A string containing the name of a CSS class.
+     */
+    iconCssClass: string;
+    /**
+     * 
+     * @param columnIndex 
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * 
+     * @param columnName 
+     */
+    GetColumnText(columnName: string): string;
+    /**
+     * Returns the list item's text value that corresponds to a data field specified by its index.
+     * @param fieldIndex An integer value that specifies the field's index within the editor's Fields collection.
+     */
+    GetFieldText(fieldIndex: number): string;
+    /**
+     * Returns the list item's text value that corresponds to a data field specified by its name.
+     * @param fieldName A string value that specifies the data field's name defined via a FieldName property.
+     */
+    GetFieldText(fieldName: string): string;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapListBox control.
+ */
+interface BootstrapClientListBox extends ASPxClientListBox {
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): BootstrapClientListBoxItem[];
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of BootstrapClientListBoxItem objects that represent the items.
+     */
+    SelectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of BootstrapClientListBoxItem objects that represent the items.
+     */
+    UnselectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding field within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBoxList control.
+ */
+interface BootstrapClientCheckBoxList extends ASPxClientCheckBoxList {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButtonList control.
+ */
+interface BootstrapClientRadioButtonList extends ASPxClientRadioButtonList {
+}
+/**
+ * Represents a client-side equivalent of the menu's BootstrapMenuItem object.
+ */
+interface BootstrapClientMenuItem extends ASPxClientMenuItem {
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: A BootstrapClientMenuItem object representing the item's immediate parent.
+     */
+    parent: BootstrapClientMenuItem;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Gets the text displayed within the menu item badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the menu item badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the menu item badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the menu item badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the menu item.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the menu item.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMenu control.
+ */
+interface BootstrapClientMenu extends ASPxClientMenu {
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within the Menu control on the client side.
+     * @param item A BootstrapClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: BootstrapClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface BootstrapClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on menu items.
+ */
+interface BootstrapClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: A BootstrapClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientMenuItem;
+}
+/**
+ * A method that will handle the ItemMouseOver events.
+ */
+interface BootstrapClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events related to mouse hovering over menu items.
+ */
+interface BootstrapClientMenuItemMouseEventArgs extends BootstrapClientMenuItemEventArgs {
+}
+/**
+ * A method that will handle client ItemClick events.
+ */
+interface BootstrapClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's items.
+ */
+interface BootstrapClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: A BootstrapClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientMenuItem;
+    /**
+     * Gets an HTML object that contains the processed Menu item.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPager control.
+ */
+interface BootstrapClientPager extends ASPxClientPager {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupControl control.
+ */
+interface BootstrapClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Sets the CSS selector of a web control or HTML element with which the current popup window is associated.
+     * @param selector A string value specifying the CSS selector of the web control or HTML element with which the popup window is associated.
+     */
+    SetPopupElementCssSelector(selector: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupMenu control.
+ */
+interface BootstrapClientPopupMenu extends ASPxClientPopupMenu {
+    /**
+     * Returns the popup menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within a the Popup Menu control on the client side.
+     * @param item A BootstrapClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: BootstrapClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): BootstrapClientMenuItem;
+    /**
+     * Sets the CSS selector of a web control or HTML element with which the current popup menu is associated.
+     * @param selector A string value specifying the CSS selector of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementCssSelector(selector: string): void;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapProgressBar control.
+ */
+interface BootstrapClientProgressBar extends ASPxClientProgressBar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapSpinEdit control.
+ */
+interface BootstrapClientSpinEdit extends ASPxClientSpinEdit {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapClientTimeEdit control.
+ */
+interface BootstrapClientTimeEdit extends ASPxClientTimeEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTabControl control.
+ */
+interface BootstrapClientTabControl extends ASPxClientTabControl {
+    /**
+     * Returns the active tab within the Tab Control.
+     */
+    GetActiveTab(): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the Tab Control on the client side.
+     * @param tab A BootstrapClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: BootstrapClientTab): void;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): BootstrapClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPageControl control.
+ */
+interface BootstrapClientPageControl extends ASPxClientPageControl {
+    /**
+     * Returns the active tab within the Page Control.
+     */
+    GetActiveTab(): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the Page Control on the client side.
+     * @param tab A BootstrapClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: BootstrapClientTab): void;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): BootstrapClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): BootstrapClientTab;
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An BootstrapClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: BootstrapClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab A BootstrapClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: BootstrapClientTab, html: string): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's BootstrapTabPage object.
+ */
+interface BootstrapClientTab extends ASPxClientTab {
+    /**
+     * Gets the text displayed within the tab badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the tab badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the tab badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the tab badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value 
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the tab.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the tab.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+    /**
+     * Gets the CSS class of an icon displayed by the tab when it is active.
+     */
+    GetActiveIconCssClass(): string;
+    /**
+     * Sets the CSS class of an icon displayed by the tab when it is active.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetActiveIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface BootstrapClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event source. Identifies the BootstrapClientTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on tabs.
+ */
+interface BootstrapClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: A BootstrapClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: BootstrapClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface BootstrapClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event source. Identifies the BootstrapTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events related to manipulations on tabs.
+ */
+interface BootstrapClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: A BootstrapClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: BootstrapClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true, to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on tabs.
+ */
+interface BootstrapClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source An object representing the event source. Identifies the BootstrapTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's tabs.
+ */
+interface BootstrapClientTabControlTabClickEventArgs extends BootstrapClientTabControlTabCancelEventArgs {
+    /**
+     * Gets an HTML object that contains the processed tab.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A client-side equivalent of the BootstrapTagBox object.
+ */
+interface BootstrapClientTagBox extends ASPxClientTokenBox {
+    /**
+     * Use the TagsChanged event instead.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<BootstrapClientTagBox>>;
+    /**
+     * Fires on the client side after the tag collection has been changed.
+     */
+    TagsChanged: ASPxClientEvent<ASPxClientEventHandler<BootstrapClientTagBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text 
+     */
+    AddToken(text: string): void;
+    /**
+     * Adds a new tag with the specified text to the end of the control's tag collection.
+     * @param text A string value specifying the tag's text.
+     */
+    AddTag(text: string): void;
+    /**
+     * Use the RemoveTagByText method instead.
+     * @param text 
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a tag specified by its text from the tag box on the client.
+     * @param text A string value that is the text of the tag to be removed.
+     */
+    RemoveTagByText(text: string): void;
+    /**
+     * Use the RemoveTag method instead.
+     * @param index 
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Removes a tag specified by its index from the tag box on the client.
+     * @param index An integer value that is the index of the tag to be removed.
+     */
+    RemoveTag(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index 
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index 
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag's text.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index 
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag's remove button.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Returns a collection of tags.
+     */
+    GetTagCollection(): string[];
+    /**
+     * Returns a collection of tokens.
+     * @param collection 
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Sets a collection of tags.
+     * @param collection An  object that is the collection of tags.
+     */
+    SetTagCollection(collection: string[]): void;
+    /**
+     * Use the ClearTagCollection method instead.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Removes all tags contained in the tag box.
+     */
+    ClearTagCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text 
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Returns the index of a tag specified by its text.
+     * @param text A string value that specifies the text of the tag.
+     */
+    GetTagIndexByText(text: string): number;
+    /**
+     * Use the IsCustomTag method instead.
+     * @param text 
+     * @param caseSensitive 
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Returns a value that indicates if the specified tag (string) is a custom tag.
+     * @param text A string value that is a tag.
+     * @param caseSensitive true, if tags are case sensitive; otherwise, false.
+     */
+    IsCustomTag(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Returns the editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the tag box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns an item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a list item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     * @param value 
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     * @param value 
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTextBox control.
+ */
+interface BootstrapClientTextBox extends ASPxClientTextBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMemo control.
+ */
+interface BootstrapClientMemo extends ASPxClientMemo {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButtonEdit control.
+ */
+interface BootstrapClientButtonEdit extends ASPxClientButtonEdit {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapToolbar control.
+ */
+interface BootstrapClientToolbar extends BootstrapClientMenu {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTreeView control.
+ */
+interface BootstrapClientTreeView extends ASPxClientTreeView {
+    /**
+     * Returns a node specified by its index within the Tree View's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): BootstrapClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns the selected node within the Tree View control on the client side.
+     */
+    GetSelectedNode(): BootstrapClientTreeViewNode;
+    /**
+     * Selects the specified node within the Tree View control on the client side.
+     * @param node A BootstrapClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: BootstrapClientTreeViewNode): void;
+    /**
+     * Gets the root node of the Tree View control.
+     */
+    GetRootNode(): BootstrapClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+}
+/**
+ * Represents a client-side equivalent of the TreeView's BootstrapTreeViewNode object.
+ */
+interface BootstrapClientTreeViewNode extends ASPxClientTreeViewNode {
+    /**
+     * Gets the BootstrapClientTreeView object to which the current node belongs.
+     * Value: A <see cref="BootstrapClientTreeView" /> object that is the node's owner.
+     */
+    treeView: BootstrapClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: A BootstrapClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): BootstrapClientTreeViewNode;
+    /**
+     * Gets the text displayed within the node badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the node badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the node badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the node badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the node.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the node.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface BootstrapClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events related to node processing, and allowing the event's processing to be passed to the server side.
+ */
+interface BootstrapClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * A method that will handle the NodeClick event.
+ */
+interface BootstrapClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface BootstrapClientTreeViewNodeClickEventArgs extends BootstrapClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets an HTML object that contains the processed Tree View node.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the Tree View control's client events, concerning manipulations with a node.
+ */
+interface BootstrapClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the Tree View control's client events, concerning manipulations with a node.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface BootstrapClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * A method that will handle the Tree View's cancelable client events, concerning manipulations with nodes.
+ */
+interface BootstrapClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the Tree View's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface BootstrapClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapUploadControl.
+ */
+interface BootstrapClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * Represents the client BootstrapGridView.
+ */
+interface BootstrapClientGridView extends ASPxClientGridView {
+}
+/**
+ * Represents the client BootstrapCardView.
+ */
+interface BootstrapClientCardView extends ASPxClientGridView {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapWebClientUIWidget class.
+ */
+interface BootstrapUIWidgetBase extends ASPxClientControl {
+    /**
+     * Fires once, after the widget is initialized.
+     */
+    Init: ASPxClientEvent<BootstrapUIWidgetInitializedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when the widget has finished drawing itself.
+     */
+    Drawn: ASPxClientEvent<BootstrapUIWidgetDrawnEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when the widget is removed from the DOM using the remove(), empty(), or html() jQuery methods only.
+     */
+    Disposing: ASPxClientEvent<BootstrapUIWidgetDisposingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires after an option of the widget has been changed.
+     */
+    OptionChanged: ASPxClientEvent<BootstrapUIWidgetOptionChangedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires before data from the widget is exported.
+     */
+    Exporting: ASPxClientEvent<BootstrapUIWidgetExportingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires after data from the widget is exported.
+     */
+    Exported: ASPxClientEvent<BootstrapUIWidgetExportedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Raised before a file with exported data is saved on the user's local storage.
+     */
+    FileSaving: ASPxClientEvent<BootstrapUIWidgetFileSavingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when an error or warning appears in the widget.
+     */
+    IncidentOccurred: ASPxClientEvent<BootstrapUIWidgetErrorEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Gets an instance of the widget.
+     */
+    GetInstance(): Object;
+    /**
+     * Sets the widget's options to values specified in the passed object.
+     * @param options An object containing key-value pairs specifying new option values.
+     */
+    SetOptions(options: Object): void;
+    /**
+     * Gets the client data source instance.
+     * @param dataSource A DevExtreme <a href="https://js.devexpress.com/Documentation/ApiReference/Data_Layer/DataSource/">DataSource</a> object.
+     */
+    SetDataSource(dataSource: Object): void;
+    /**
+     * Gets the client data source instance.
+     */
+    GetDataSource(): Object;
+    /**
+     * Exports the widget.
+     * @param format A string specifying the target file format.
+     * @param fileName A string specifying the file name.
+     */
+    ExportTo(format: string, fileName: string): void;
+    /**
+     * Invokes the browser's Print window to print the widget's contents.
+     */
+    Print(): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapChartBase class.
+ */
+interface BootstrapClientChartBase extends BootstrapUIWidgetBase {
+    /**
+     * Fires when the Series and Points chart elements are ready to be accessed.
+     */
+    Done: ASPxClientEvent<BootstrapClientChartBaseDoneEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when an item on the chart legend is clicked.
+     */
+    LegendClick: ASPxClientEvent<BootstrapClientChartBaseLegendClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a series point.
+     */
+    PointClick: ASPxClientEvent<BootstrapClientChartBasePointClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the hover state of a series point has been changed.
+     */
+    PointHoverChanged: ASPxClientEvent<BootstrapClientChartBasePointHoverChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the selection state of a series point has been changed.
+     */
+    PointSelectionChanged: ASPxClientEvent<BootstrapClientChartBasePointSelectionChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a point's tooltip becomes hidden.
+     */
+    TooltipHidden: ASPxClientEvent<BootstrapClientChartBaseTooltipHiddenEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a point's tooltip appears.
+     */
+    TooltipShown: ASPxClientEvent<BootstrapClientChartBaseTooltipShownEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a label on the argument axis.
+     */
+    ArgumentAxisClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a series.
+     */
+    SeriesClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the hover state of a series has been changed.
+     */
+    SeriesHoverChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the selection state of a series has been changed.
+     */
+    SeriesSelectionChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<BootstrapClientChartBase>>;
+}
+/**
+ * Represents a client-side equivalent of the Chart control.
+ */
+interface BootstrapClientChart extends BootstrapClientChartBase {
+    /**
+     * Fires when a chart zooming or scrolling begins.
+     */
+    ZoomStart: ASPxClientEvent<BootstrapClientChartZoomStartEventHandler<BootstrapClientChart>>;
+    /**
+     * Fires when a chart zooming or scrolling ends.
+     */
+    ZoomEnd: ASPxClientEvent<BootstrapClientChartZoomEndEventHandler<BootstrapClientChart>>;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPolarChart control.
+ */
+interface BootstrapClientPolarChart extends BootstrapClientChartBase {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPieChart control.
+ */
+interface BootstrapClientPieChart extends BootstrapClientChartBase {
+}
+/**
+ * A method that will handle the Done event.
+ */
+interface BootstrapClientChartBaseDoneEventHandler<S> {
+    /**
+     * A method that will handle the Done event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the LegendClick event.
+ */
+interface BootstrapClientChartBaseLegendClickEventHandler<S> {
+    /**
+     * A method that will handle the LegendClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the Invoke event.
+ */
+interface BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<S> {
+    /**
+     * A method that will handle the Invoke event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the PointClick event.
+ */
+interface BootstrapClientChartBasePointClickEventHandler<S> {
+    /**
+     * A method that will handle the PointClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the PointHoverChanged event.
+ */
+interface BootstrapClientChartBasePointHoverChangedEventHandler<S> {
+    /**
+     * A method that will handle the PointHoverChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the PointSelectionChanged event.
+ */
+interface BootstrapClientChartBasePointSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the PointSelectionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the TooltipHidden event.
+ */
+interface BootstrapClientChartBaseTooltipHiddenEventHandler<S> {
+    /**
+     * A method that will handle the TooltipHidden event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the TooltipShown event.
+ */
+interface BootstrapClientChartBaseTooltipShownEventHandler<S> {
+    /**
+     * A method that will handle the TooltipShown event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesClick event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesClickEventHandler<S> {
+    /**
+     * A method that will handle the SeriesClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesHoverChanged event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<S> {
+    /**
+     * A method that will handle the SeriesHoverChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesSelectionChanged event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SeriesSelectionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the ZoomStart event.
+ */
+interface BootstrapClientChartZoomStartEventHandler<S> {
+    /**
+     * A method that will handle the ZoomStart event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the ZoomEnd event.
+ */
+interface BootstrapClientChartZoomEndEventHandler<S> {
+    /**
+     * A method that will handle the ZoomEnd event.
+     * @param source The event source.
+     * @param e A BootstrapClientChartZoomEndEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientChartZoomEndEventArgs): void;
+}
+/**
+ * Provides base data for the client-side events.
+ */
+interface BootstrapUIWidgetEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * The widget instance.
+     * Value: An object specifying the widget instance.
+     */
+    component: Object;
+    /**
+     * The widget's container.
+     * Value: An object specifying the widget's container.
+     */
+    element: Object;
+}
+/**
+ * Provides data for the ZoomEnd event.
+ */
+interface BootstrapClientChartZoomEndEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The value that became the start of the argument axis after zooming or scrolling ended.
+     * Value: An object specifying the start of the argument axis.
+     */
+    rangeStart: Object;
+    /**
+     * The value that became the end of the argument axis after zooming or scrolling ended.
+     * Value: An object specifying the end of the argument axis.
+     */
+    rangeEnd: Object;
+}
+/**
+ * Represents a client-side equivalent of the Range Selector control.
+ */
+interface BootstrapClientRangeSelector extends BootstrapUIWidgetBase {
+    /**
+     * Fires after the selected range has been changed by moving one of the sliders.
+     */
+    ValueChanged: ASPxClientEvent<BootstrapClientRangeSelectorValueChangedEventHandler<BootstrapClientRangeSelector>>;
+    /**
+     * Gets the Range Selector's selected value range.
+     */
+    GetValue(): Object[];
+    /**
+     * Gets the Range Selector's selected value range.
+     * @param value An array containing the value range.
+     */
+    SetValue(value: Object[]): void;
+}
+/**
+ * Provides data for events which concern manipulations on the selected range.
+ */
+interface BootstrapClientRangeSelectorValueChangedEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The value currently specified for the RangeSelector control.
+     * Value: A System.Object instance defining the current value specified for a RangeSelector control.
+     */
+    value: Object;
+    /**
+     * The previous value of a RangeSelector control.
+     * Value: A System.Object type defining the previous value specified for a RangeSelector control.
+     */
+    previousValue: Object;
+}
+/**
+ * A method that will handle the ValueChanged event.
+ */
+interface BootstrapClientRangeSelectorValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ValueChanged event.
+     * @param source The event source.
+     * @param e A BootstrapClientRangeSelectorValueChangedEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientRangeSelectorValueChangedEventArgs): void;
+}
+/**
+ * A method that will handle the Init event.
+ */
+interface BootstrapUIWidgetInitializedEventHandler<S> {
+    /**
+     * A method that will handle the Init event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Drawn event.
+ */
+interface BootstrapUIWidgetDrawnEventHandler<S> {
+    /**
+     * A method that will handle the Drawn event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Disposing event.
+ */
+interface BootstrapUIWidgetDisposingEventHandler<S> {
+    /**
+     * A method that will handle the Disposing event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Exported event.
+ */
+interface BootstrapUIWidgetExportedEventHandler<S> {
+    /**
+     * A method that will handle the Exported event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the OptionChanged event.
+ */
+interface BootstrapUIWidgetOptionChangedEventHandler<S> {
+    /**
+     * A method that will handle the OptionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetOptionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetOptionChangedEventArgs): void;
+}
+/**
+ * Provides data for client events raised in response to changing the widget's options.
+ */
+interface BootstrapUIWidgetOptionChangedEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The option's full name.
+     * Value: A string value specifying the option's full name.
+     */
+    fullName: string;
+    /**
+     * The option's short name.
+     * Value: A string value specifying the option's short name.
+     */
+    name: string;
+    /**
+     * The option's old value.
+     * Value: An object that is the option's old value.
+     */
+    previousValue: Object;
+    /**
+     * The option's new value.
+     * Value: An object that is the option's new value.
+     */
+    value: Object;
+}
+/**
+ * A method that will handle the Exporting event.
+ */
+interface BootstrapUIWidgetExportingEventHandler<S> {
+    /**
+     * A method that will handle the Exporting event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetExportEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+/**
+ * A method that will handle the FileSaving event.
+ */
+interface BootstrapUIWidgetFileSavingEventHandler<S> {
+    /**
+     * A method that will handle the FileSaving event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetExportEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+/**
+ * Provides data for events related to saving files in the built-in dialogs.
+ */
+interface BootstrapUIWidgetExportEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * Allows you to cancel file saving.
+     * Value: true, to cancel the file saving; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the saved data as a BLOB object.
+     * Value: A <a href="https://msdn.microsoft.com/en-us/library/dd301120.aspx" target="_blank">BLOB</a> object containing saved data.
+     */
+    data: Object;
+    /**
+     * Gets a name of a saved file.
+     * Value: A string value specifying the saved file's name.
+     */
+    fileName: string;
+    /**
+     * Gets the saved file's format.
+     * Value: A string value specifying the saved file's format.
+     */
+    format: string;
+}
+/**
+ * A method that will handle the IncidentOccurred event.
+ */
+interface BootstrapUIWidgetErrorEventHandler<S> {
+    /**
+     * A method that will handle the IncidentOccurred event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetErrorEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetErrorEventArgs): void;
+}
+/**
+ * Provides data for client events raised in response to widget errors.
+ */
+interface BootstrapUIWidgetErrorEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * Contains information on the error that occurred.
+     * Value: An object containing information on the error that occurred.
+     */
+    target: Object;
+}
+/**
+ * Provides data for client events related to actions performed on the widget's visual elements.
+ */
+interface BootstrapUIWidgetElementActionEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The DOM element that initiated the event.
+     * Value: An object that initiated the event.
+     */
+    target: Object;
+}
+/**
+ * Provides data for the client-side clicking events.
+ */
+interface BootstrapUIWidgetElementClickEventArgs extends BootstrapUIWidgetElementActionEventArgs {
+    /**
+     * The jQuery event that caused the handler execution.
+     * Value: An object of the <a href="http://api.jquery.com/Types/#Event" target="_blank">jQuery.Event</a> type.
+     */
+    jQueryEvent: Object;
+}
+/**
+ * A client-side counterpart of the Calendar and CalendarFor extensions.
+ */
+interface MVCxClientCalendar extends ASPxClientCalendar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCalendar>>;
+}
+/**
+ * A client-side counterpart of the CallbackPanel extension.
+ */
+interface MVCxClientCallbackPanel extends ASPxClientCallbackPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCallbackPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the CardView extension.
+ */
+interface MVCxClientCardView extends ASPxClientCardView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCardView>>;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the CardView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the CardView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the Chart extension.
+ */
+interface MVCxClientChart extends ASPxClientWebChartControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientChart>>;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ComboBox and ComboBoxFor extensions.
+ */
+interface MVCxClientComboBox extends ASPxClientComboBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientComboBox>>;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the DataView extension.
+ */
+interface MVCxClientDataView extends ASPxClientDataView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDataView>>;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DateEdit extension.
+ */
+interface MVCxClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * A client-side counterpart of the DockManager extension.
+ */
+interface MVCxClientDockManager extends ASPxClientDockManager {
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DockPanel extension.
+ */
+interface MVCxClientDockPanel extends ASPxClientDockPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDockPanel>>;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the FileManager extension.
+ */
+interface MVCxClientFileManager extends ASPxClientFileManager {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientFileManager>>;
+    /**
+     * Sends a callback with a parameter to update the FileManager by processing the passed information on the server, in an Action specified via the extension's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the file manager's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param data A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the GridView extension.
+ */
+interface MVCxClientGridView extends ASPxClientGridView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientGridView>>;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the GridView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the GridView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the HtmlEditor extension.
+ */
+interface MVCxClientHtmlEditor extends ASPxClientHtmlEditor {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientHtmlEditor>>;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformDataCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback An ASPxClientDataCallback object that is the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(data: Object, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A client-side counterpart of the ImageGallery extension.
+ */
+interface MVCxClientImageGallery extends ASPxClientImageGallery {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientImageGallery>>;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ListBox and ListBoxFor extensions.
+ */
+interface MVCxClientListBox extends ASPxClientListBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientListBox>>;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the NavBar extension.
+ */
+interface MVCxClientNavBar extends ASPxClientNavBar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientNavBar>>;
+}
+/**
+ * A client-side counterpart of the PivotGrid extension.
+ */
+interface MVCxClientPivotGrid extends ASPxClientPivotGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPivotGrid>>;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Passes PivotGrid callback parameters to the specified object.
+     * @param obj An object that receives PivotGrid callback parameters.
+     */
+    FillStateObject(obj: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PopupControl extension.
+ */
+interface MVCxClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPopupControl>>;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameters to update the popup window by processing the related popup window and the passed information on the server, in an Action specified by the PopupControl's CallbackRouteValues property.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, data: Object): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window.
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side equivalent of the MVCxDocumentViewer class.
+ */
+interface MVCxClientDocumentViewer extends ASPxClientDocumentViewer {
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientDocumentViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDocumentViewer>>;
+}
+/**
+ * Obsolete. Use the MVCxClientDocumentViewer class instead.
+ */
+interface MVCxClientReportViewer extends ASPxClientReportViewer {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportViewer>>;
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientReportViewer>>;
+}
+/**
+ * A method that will handle the BeforeExportRequest event.
+ */
+interface MVCxClientBeforeExportRequestEventHandler<S> {
+    /**
+     * A method that will handle the BeforeExportRequest event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeforeExportRequestEventArgs): void;
+}
+/**
+ * Provides data for client BeforeExportRequest events.
+ */
+interface MVCxClientBeforeExportRequestEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A client-side equivalent of the MVCxReportDesigner class.
+ */
+interface MVCxClientReportDesigner extends ASPxClientReportDesigner {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientReportDesignerSaveCommandExecutedEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A Object value, specifying the callback argument.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientReportDesignerSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the operation result.
+     * Value: A String value, specifying the operation result.
+     */
+    Result: string;
+}
+/**
+ * A client-side counterpart of the RichEdit extension.
+ */
+interface MVCxClientRichEdit extends ASPxClientRichEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRichEdit>>;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the RoundPanel extension.
+ */
+interface MVCxClientRoundPanel extends ASPxClientRoundPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRoundPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the Scheduler extension.
+ */
+interface MVCxClientScheduler extends ASPxClientScheduler {
+    /**
+     * Occurs on the client side when the tooltip is about to be displayed.
+     */
+    ToolTipDisplaying: ASPxClientEvent<MVCxClientSchedulerToolTipDisplayingEventHandler<MVCxClientScheduler>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientScheduler>>;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A template that is rendered to display a tooltip.
+ */
+interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
+    /**
+     * Gets the tooltip type.
+     * Value: A MVCxSchedulerToolTipType object that specifies the tooltip type.
+     */
+    type: MVCxSchedulerToolTipType;
+}
+/**
+ * A delegate method that enables you to adjust the tooltip content before displaying.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ToolTipDisplaying event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientSchedulerToolTipDisplayingEventArgs object that contains the related arguments.
+     */
+    (source: S, e: MVCxClientSchedulerToolTipDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ToolTipDisplaying event.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tooltip related to the event.
+     * Value: A MVCxClientSchedulerTemplateToolTip object that specifies the tooltip.
+     */
+    toolTip: MVCxClientSchedulerTemplateToolTip;
+    /**
+     * Gets information about the tooltip related to the event.
+     * Value: A ASPxClientSchedulerToolTipData object that specifies information about the tooltip.
+     */
+    data: ASPxClientSchedulerToolTipData;
+}
+/**
+ * Lists available tooltip types.
+ */
+interface MVCxSchedulerToolTipType {
+}
+/**
+ * A client-side counterpart of the Spreadsheet extension.
+ */
+interface MVCxClientSpreadsheet extends ASPxClientSpreadsheet {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSpreadsheet>>;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PageControl extension.
+ */
+interface MVCxClientPageControl extends ASPxClientPageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPageControl>>;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the TokenBox and TokenBoxFor extensions.
+ */
+interface MVCxClientTokenBox extends ASPxClientTokenBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTokenBox>>;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the TreeList extension.
+ */
+interface MVCxClientTreeList extends ASPxClientTreeList {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeList>>;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the TreeList's CustomDataCallback event. This method does not update the TreeList.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformCustomDataCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+}
+/**
+ * A client-side counterpart of the TreeView extension.
+ */
+interface MVCxClientTreeView extends ASPxClientTreeView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeView>>;
+}
+/**
+ * A client-side counterpart of the UploadControl extension.
+ */
+interface MVCxClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * A method that will handle client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientGlobalBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventArgs extends ASPxClientGlobalBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * An ASP.NET MVC equivalent of the client ASPxClientGlobalEvents component.
+ */
+interface MVCxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress MVC extensions contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientGlobalBeginCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a DevExpress MVC extension.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<MVCxClientGlobalEvents>>;
+}
+/**
+ * A client-side counterpart of the VerticalGrid extension.
+ */
+interface MVCxClientVerticalGrid extends ASPxClientVerticalGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientVerticalGrid>>;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the VerticalGrid's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the VerticalGrid.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+}
+/**
+ * A client-side equivalent of the MVCxWebDocumentViewer class.
+ */
+interface MVCxClientWebDocumentViewer extends ASPxClientWebDocumentViewer {
+}
+interface ANCxClientBeginCallbackEventHandler<S> {
+    (source: S, e: ANCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Serves as the base class for arguments of the web controls' client-side events.
+ */
+interface ASPxClientEventArgs {
+}
+/**
+ * Provides data for client events related to the beginning of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command name that identifies which client action forced a callback to be occurred.
+     * Value: A string value that represents the name of the command which initiated a callback.
+     */
+    command: string;
+}
+interface ANCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    customArgs: Object;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControlBase {
+    /**
+     * Gets the unique, hierarchically-qualified identifier for the control.
+     * Value: The fully-qualified identifier for the control.
+     */
+    name: string;
+    /**
+     * Occurs on the client side after the control has been initialized.
+     */
+    Init: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlBase>>;
+    /**
+     * Returns an HTML element that is the root of the control's hierarchy.
+     */
+    GetMainElement(): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+    /**
+     * Returns a client instance of the control that is the parent for a specified control.
+     */
+    GetParentControl(): Object;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetClientVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible 
+     */
+    SetClientVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible true to make a control visible; false to make it hidden.
+     */
+    SetVisible(visible: boolean): void;
+    /**
+     * Returns a value that determines whether a callback request sent by a web control is being currently processed on the server side.
+     */
+    InCallback(): boolean;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControl extends ASPxClientControlBase {
+    /**
+     * Returns the control's width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the control's height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the control's width.
+     * @param width An integer value that specifies the control's width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the control's height.   Note that this method is not in effect for some controls.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Modifies the control's size against the control's container.
+     */
+    AdjustControl(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallback control.
+ */
+interface ASPxClientCallback extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallback.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client side when a callback initiated by the client Callback event's handler returns back to the client.
+     */
+    CallbackComplete: ASPxClientEvent<ASPxClientCallbackCompleteEventHandler<ASPxClientCallback>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    SendCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the client events related to completion of callback server-side processing.
+ */
+interface ASPxClientCallbackCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client events related to completion of callback server-side processing.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCallbackCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackCompleteEventArgs): void;
+}
+/**
+ * Provides data for events concerning the final processing of a callback.
+ */
+interface ASPxClientCallbackCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: string;
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * Serves as the base class for controls that implement panel functionality.
+ */
+interface ASPxClientPanelBase extends ASPxClientControl {
+    /**
+     * Returns the HTML code that is the content of the panel.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML content for the panel.
+     * @param html A string value that is the HTML code defining the content of the panel.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the panel is enabled.
+     * @param enabled true to enable the panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPanel control.
+ */
+interface ASPxClientPanel extends ASPxClientPanelBase {
+    /**
+     * Occurs when the expanded panel is closed.
+     */
+    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Occurs when an end-user opens the expand panel.
+     */
+    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Expands or collapses the client panel.
+     */
+    Toggle(): void;
+    /**
+     * Returns a value specifying whether the panel can be expanded.
+     */
+    IsExpandable(): boolean;
+    /**
+     * Returns a value specifying whether the panel is expanded.
+     */
+    IsExpanded(): boolean;
+    /**
+     * Expands the collapsed panel.
+     */
+    Expand(): void;
+    /**
+     * Collapses the expanded panel.
+     */
+    Collapse(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallbackPanel control.
+ */
+interface ASPxClientCallbackPanel extends ASPxClientPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the control's loading panel.
+     */
+    GetLoadingPanelText(): string;
+    /**
+     * Sets the text to be displayed within the control's loading panel.
+     * @param loadingPanelText A string value specifying the text to be displayed within the loading panel.
+     */
+    SetLoadingPanelText(loadingPanelText: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents the event object used for client-side events.
+ */
+interface ASPxClientEvent<T> {
+    /**
+     * Dynamically connects the event with an appropriate event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    AddHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from the associated event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    RemoveHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from all the associated event handler functions.
+     */
+    ClearHandlers(): void;
+    /**
+     * For internal use only.
+     * @param source 
+     * @param e 
+     */
+    FireEvent(source: Object, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the client-side events of a web control's client-side equivalent.
+ */
+interface ASPxClientEventHandler<S> {
+    /**
+     * A method that will handle the client-side events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the control that raised the event.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the cancelable events of a web control's client-side equivalent.
+ */
+interface ASPxClientCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCancelEventArgs): void;
+}
+/**
+ * Provides data for cancelable client events.
+ */
+interface ASPxClientCancelEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Provides access to an observable boolean, that allows you to detect and respond to changes.
+ */
+interface KnockoutObservableBoolean {
+}
+/**
+ * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+ */
+interface ASPxClientDataCallback {
+    /**
+     * A JavaScript function which receives a callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+     * @param sender An object whose client method generated a callback.
+     * @param result A string value that represents the result of server-side callback processing.
+     */
+    (sender: Object, result: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCloudControl control.
+ */
+interface ASPxClientCloudControl extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientCloudControlItemEventHandler<ASPxClientCloudControl>>;
+}
+/**
+ * A method that will handle client events involving manipulations with the control's items.
+ */
+interface ASPxClientCloudControlItemEventHandler<S> {
+    /**
+     * A method that will handle client events concerning manipulations with items.
+     * @param source The event source. This parameter identifies the cloud control object which raised the event.
+     * @param e An ASPxClientCloudControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCloudControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which involve clicking on the control's items.
+ */
+interface ASPxClientCloudControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the client events related to the begining of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientBeginCallbackEventArgs): void;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle client EndCallback events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle the EndCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventArgs extends ASPxClientEndCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle a CustomCallback client event exposed by some DevExpress web controls.
+ */
+interface ASPxClientCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the client CustomCallback event of some controls.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientCustomDataCallbackEventHandler object that contains event data.
+     */
+    (source: S, e: ASPxClientCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the CustomCallback event.
+ */
+interface ASPxClientCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing, related to the CustomCallback event.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * A method that will handle client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle client CallbackError events.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientCallbackErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error message that describes the server error that occurred.
+     * Value: A string value that represents the error message.
+     */
+    message: string;
+    /**
+     * Gets or sets whether the event is handled and the default error handling actions are not required.
+     * Value: true if the error is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle the CallbackError event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventArgs extends ASPxClientCallbackErrorEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the ValidationCompleted client event.
+ */
+interface ASPxClientValidationCompletedEventHandler<S> {
+    /**
+     * A method that will handle the ValidationCompleted event.
+     * @param source An object representing the event source. Identifies the ASPxClientGlobalEvents object that raised the event.
+     * @param e An ASPxClientValidationCompletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationCompletedEventArgs): void;
+}
+/**
+ * Provides data for the ValidationCompleted client event that allows you to centrally validate user input within all DevExpress web controls to which validation is applied.
+ */
+interface ASPxClientValidationCompletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a container object that holds the validated control(s).
+     * Value: An object that represents a container of the validated control(s).
+     */
+    container: Object;
+    /**
+     * Gets the name of the validation group name to which validation has been applied.
+     * Value: A string value that represents the name of the validation group that has been validated.
+     */
+    validationGroup: string;
+    /**
+     * Gets a value that indicates whether validation has been applied to both visible and invisible controls.
+     * Value: true if validation has been applied to both visible and invisible controls; false if only visible controls have been validated.
+     */
+    invisibleControlsValidated: boolean;
+    /**
+     * Gets a value specifying whether the validation has been completed successfully.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the first control (either visible or invisible) that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first invalid control.
+     */
+    firstInvalidControl: ASPxClientControl;
+    /**
+     * Gets the first visible control that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first visible invalid control.
+     */
+    firstVisibleInvalidControl: ASPxClientControl;
+}
+/**
+ * A method that will handle the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client ControlsInitialized event.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientControlsInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientControlsInitializedEventArgs): void;
+}
+/**
+ * Provides data for the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value that specifies whether a callback is sent during a controls initialization.
+     * Value: true if a callback is sent; otherwise, false.
+     */
+    isCallback: boolean;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientControlPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param control An object to compare against the criteria defined within the method.
+     */
+    (control: Object): boolean;
+}
+/**
+ * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+ */
+interface ASPxClientControlAction {
+    /**
+     * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+     * @param control An object that specifies a control.
+     */
+    (control: Object): void;
+}
+/**
+ * A collection object used on the client side to maintain particular client control objects
+ */
+interface ASPxClientControlCollection {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any DevExpress web control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Returns a collection item identified by its unique hierarchically-qualified identifier.
+     * @param name A string value representing the hierarchically-qualified identifier of the required control.
+     */
+    Get(name: Object): Object;
+    /**
+     * Returns a DevExpress client control object identified by its unique hierarchically-qualified identifier (either ClientInstanceName or ClientID property value).
+     * @param name A string value that is the hierarchically-qualified identifier of the required DevExpress control.
+     */
+    GetByName(name: string): Object;
+    /**
+     * Returns all controls in the collection that satisfy the specified predicate.
+     * @param predicate An ASPxClientControlPredicate object that is a predicate used to search for controls in the collection.
+     */
+    GetControlsByPredicate(predicate: ASPxClientControlPredicate): Object[];
+    /**
+     * Returns all controls of the specified type.
+     * @param type The object specifying the client control type.
+     */
+    GetControlsByType(type: Object): Object[];
+    /**
+     * Performs the specified action for each control in the collection.
+     * @param action An ASPxClientControlAction object specifying an action to perform.
+     */
+    ForEachControl(action: ASPxClientControlAction): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxDataView object.
+ */
+interface ASPxClientDataView extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDataView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDataView>>;
+    /**
+     * Activates the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page that is currently active.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the size of a single ASPxDataView's page.
+     */
+    GetPageSize(): number;
+    /**
+     * Sets the size of a single ASPxDataView's page.
+     * @param pageSize An integer value that specifies the page size.
+     */
+    SetPageSize(pageSize: number): void;
+    /**
+     * Gets the number of pages into which the ASPxDataView's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the first page.
+     */
+    FirstPage(): void;
+    /**
+     * Activates the last page.
+     */
+    LastPage(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientDockingFilterPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param item An object to compare against the criteria defined within the method.
+     */
+    (item: Object): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockManager   object.
+ */
+interface ASPxClientDockManager extends ASPxClientControl {
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side before a panel is closed, and allows you to cancel the action.
+     */
+    PanelClosing: ASPxClientEvent<ASPxClientDockManagerCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel is closed.
+     */
+    PanelCloseUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel pops up.
+     */
+    PanelPopUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been invoked.
+     */
+    PanelShown: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been resized.
+     */
+    PanelResize: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns a zone specified by its unique identifier (zoneUID).
+     * @param zoneUID A string value specifying the unique identifier of the zone.
+     */
+    GetZoneByUID(zoneUID: string): ASPxClientDockZone;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels contained in a page.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+    /**
+     * Returns an array of zones contained in a page.
+     */
+    GetZones(): ASPxClientDockZone[];
+    /**
+     * Returns an array of zones that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a zone meets those criteria.
+     */
+    GetZones(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockZone[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle client-side events concerning manipulations with panels.
+ */
+interface ASPxClientDockManagerEventHandler<S> {
+    /**
+     * A method that will handle client-side events concerning manipulations with panels.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on panels.
+ */
+interface ASPxClientDockManagerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventHandler<S> {
+    /**
+     * A method that will handle the PanelClosing event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Serves as a base class for the ASPxClientPopupControl classes.
+ */
+interface ASPxClientPopupControlBase extends ASPxClientControl {
+    /**
+     * Occurs on the client side when window resizing initiates.
+     */
+    BeforeResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when window resizing completes.
+     */
+    AfterResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window closes or hides.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientPopupWindowCloseUpEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Enables you to cancel window closing on the client side.
+     */
+    Closing: ASPxClientEvent<ASPxClientPopupWindowCancelEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window is invoked.
+     */
+    PopUp: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a window has been resized.
+     */
+    Resize: ASPxClientEvent<ASPxClientPopupWindowResizeEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a control's window has been invoked.
+     */
+    Shown: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when the window pin state is changed.
+     */
+    PinnedChanged: ASPxClientEvent<ASPxClientPopupWindowPinnedChangedEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Modifies a control's window size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Brings the window to the front of the z-order.
+     */
+    BringToFront(): void;
+    /**
+     * Returns a value indicating whether the window is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrameWindow(): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's window.
+     */
+    GetContentUrl(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer by default.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Gets the width of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentWidth(): number;
+    /**
+     * Gets the height of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentHeight(): number;
+    /**
+     * Returns a value indicating whether the window is maximized.
+     */
+    GetMaximized(): boolean;
+    /**
+     * Returns a value indicating whether the window is pinned.
+     */
+    GetPinned(): boolean;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's window.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Sets a value indicating whether the window is collapsed.
+     * @param value true, to collapse the window; otherwise, false.
+     */
+    SetCollapsed(value: boolean): void;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets the URL to point to the web page that should be loaded into, and displayed within the control's window.
+     * @param url A string value specifying the URL to the web page displayed within the control's window.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer by default.
+     * @param value A string value that is the URL for the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's footer.
+     * @param value A string value that specifies a window's footer text.
+     */
+    SetFooterText(value: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's header.
+     * @param value A string value that specifies a window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Sets a value indicating whether the window is maximized.
+     * @param value true. to maximize the window; otherwise, false.
+     */
+    SetMaximized(value: boolean): void;
+    /**
+     * Sets a value indicating whether the window is pinned.
+     * @param value true, to pin the window; otherwise, false.
+     */
+    SetPinned(value: boolean): void;
+    /**
+     * Invokes the control's window.
+     */
+    Show(): void;
+    /**
+     * Invokes the control's window at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the control's window and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the control's window and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the control's window at the specified position.
+     * @param x A integer value specifying the x-coordinate of the window's display position.
+     * @param y A integer value specifying the y-coordinate of the window's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Closes the control's window.
+     */
+    Hide(): void;
+    /**
+     * Returns a value that specifies whether the control's window is displayed.
+     */
+    IsVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockPanel object.
+ */
+interface ASPxClientDockPanel extends ASPxClientPopupControlBase {
+    /**
+     * Gets or sets the unique identifier of a panel on a page.
+     * Value: A string that is the unique identifier of a panel.
+     */
+    panelUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Retrieves a zone that owns the current panel.
+     */
+    GetOwnerZone(): ASPxClientDockZone;
+    /**
+     * Docks the current panel in the specified zone.
+     * @param zone An ASPxClientDockZone object specifying the zone.
+     */
+    Dock(zone: ASPxClientDockZone): void;
+    /**
+     * Docks the current panel in a zone at the specified position.
+     * @param zone An ASPxClientDockZone object specifying the zone, where the panel is docked
+     * @param visibleIndex An integer value specifying the visible index position.
+     */
+    Dock(zone: ASPxClientDockZone, visibleIndex: number): void;
+    /**
+     * Undocks the current panel.
+     */
+    MakeFloat(): void;
+    /**
+     * Undocks the current panel and place it at the specified position.
+     * @param x An integer value that specifies the X-coordinate of the panel's display position.
+     * @param y An integer value that specifies the Y-coordinate of the panel's display position.
+     */
+    MakeFloat(x: number, y: number): void;
+    /**
+     * Gets a value specifying the position of the current panel, amongst the visible panels within a zone.
+     */
+    GetVisibleIndex(): number;
+    /**
+     * Sets a value specifying the position of the current panel, amongst the visible panels in a zone.
+     * @param visibleIndex An integer value specifying the zero-based index of the panel amongst visible panels in the zone.
+     */
+    SetVisibleIndex(visibleIndex: number): void;
+    /**
+     * Returns a value indicating whether the panel is docked.
+     */
+    IsDocked(): boolean;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterFloat event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterFloat event.
+ */
+interface ASPxClientDockPanelProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A client-side equivalent of the ASPxDockZone object.
+ */
+interface ASPxClientDockZone extends ASPxClientControl {
+    /**
+     * Gets or sets the unique identifier of a zone on a page.
+     * Value: A string that is the unique identifier of a zone.
+     */
+    zoneUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockZoneCancelEventHandler<ASPxClientDockZone>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockZoneProcessingModeEventHandler<ASPxClientDockZone>>;
+    /**
+     * Returns a value that indicates the orientation in which panels are stacked in the current zone.
+     */
+    IsVertical(): boolean;
+    /**
+     * Gets a value that indicates whether the zone can enlarge its size.
+     */
+    GetAllowGrowing(): boolean;
+    /**
+     * Gets the number of panels contained in the zone.
+     */
+    GetPanelCount(): number;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns a panel specified by its visible index.
+     * @param visibleIndex An integer value specifying the panel's position among the visible panels within the current zone.
+     */
+    GetPanelByVisibleIndex(visibleIndex: number): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels docked in the current zone.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are docked in the current zone and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e A ASPxClientDockZoneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e An  ASPxClientDockZoneProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Represents the client-side equivalent of the ASPxFileManager control.
+ */
+interface ASPxClientFileManager extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFileManager.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the selected file has been changed.
+     */
+    SelectedFileChanged: ASPxClientEvent<ASPxClientFileManagerFileEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when an end-user opens a file by double-clicking it or pressing the Enter key.
+     */
+    SelectedFileOpened: ASPxClientEvent<ASPxClientFileManagerFileOpenedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the focused item has been changed.
+     */
+    FocusedItemChanged: ASPxClientEvent<ASPxClientFileManagerFocusedItemChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientFileManagerSelectionChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the current folder has been changed within a file manager.
+     */
+    CurrentFolderChanged: ASPxClientEvent<ASPxClientFileManagerCurrentFolderChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the folder is created, and allows you to cancel the action.
+     */
+    FolderCreating: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a folder has been created.
+     */
+    FolderCreated: ASPxClientEvent<ASPxClientFileManagerItemCreatedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is renamed and allows you to cancel the action.
+     */
+    ItemRenaming: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been renamed.
+     */
+    ItemRenamed: ASPxClientEvent<ASPxClientFileManagerItemRenamedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is deleted and allows you to cancel the action.
+     */
+    ItemDeleting: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been deleted.
+     */
+    ItemDeleted: ASPxClientEvent<ASPxClientFileManagerItemDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been deleted.
+     */
+    ItemsDeleted: ASPxClientEvent<ASPxClientFileManagerItemsDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is moved and allows you to cancel the action.
+     */
+    ItemMoving: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been moved.
+     */
+    ItemMoved: ASPxClientEvent<ASPxClientFileManagerItemMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been moved .
+     */
+    ItemsMoved: ASPxClientEvent<ASPxClientFileManagerItemsMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is copied and allows you to cancel the action.
+     */
+    ItemCopying: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager item has been copied.
+     */
+    ItemCopied: ASPxClientEvent<ASPxClientFileManagerItemCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been copied.
+     */
+    ItemsCopied: ASPxClientEvent<ASPxClientFileManagerItemsCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any error occurs while editing an item.
+     */
+    ErrorOccurred: ASPxClientEvent<ASPxClientFileManagerErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to display the alert with the result error description.
+     */
+    ErrorAlertDisplaying: ASPxClientEvent<ASPxClientFileManagerErrorAlertDisplayingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires when a custom item is clicked, allowing you to perform custom actions.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientFileManagerCustomCommandEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when the file manager updates the state of toolbar or context menu items.
+     */
+    ToolbarUpdating: ASPxClientEvent<ASPxClientFileManagerToolbarUpdatingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to highlight the search text, which is specified using the filter box, in templates.
+     */
+    HighlightItemTemplate: ASPxClientEvent<ASPxClientFileManagerHighlightItemTemplateEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file upload starts, and allows you to cancel the action.
+     */
+    FileUploading: ASPxClientEvent<ASPxClientFileManagerFileUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the selected items are uploaded and allows you to cancel the action.
+     */
+    FilesUploading: ASPxClientEvent<ASPxClientFileManagerFilesUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file has been uploaded.
+     */
+    FileUploaded: ASPxClientEvent<ASPxClientFileManagerFileUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after upload of all selected files has been completed.
+     */
+    FilesUploaded: ASPxClientEvent<ASPxClientFileManagerFilesUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    FileUploadValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file download starts, and allows you to cancel the action.
+     */
+    FileDownloading: ASPxClientEvent<ASPxClientFileManagerFileDownloadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Gets the name of the currently active file manager area.
+     */
+    GetActiveAreaName(): string;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     */
+    ExecuteCommand(commandName: string): boolean;
+    /**
+     * Returns the selected file within the ASPxFileManager control's file container.
+     */
+    GetSelectedFile(): ASPxClientFileManagerFile;
+    /**
+     * Returns an array of the file manager's selected items.
+     */
+    GetSelectedItems(): ASPxClientFileManagerFile[];
+    /**
+     * Returns a list of files that are loaded on the current page.
+     */
+    GetItems(): ASPxClientFileManagerFile[];
+    /**
+     * Sends a callback to the server and returns a list of files that are contained within the current folder.
+     * @param onCallback A  object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetAllItems(onCallback: ASPxClientFileManagerAllItemsCallback): void;
+    /**
+     * Returns a toolbar item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetToolbarItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Returns a context menu item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetContextMenuItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Gets the current folder's path.
+     */
+    GetCurrentFolderPath(): string;
+    /**
+     * Gets the current folder's path with the specified separator.
+     * @param separator A string value that specifies the separator between the folder's name within a path.
+     */
+    GetCurrentFolderPath(separator: string): string;
+    /**
+     * Gets the current folder's path with the specified settings.
+     * @param separator A string value that specifies the separator between the folder's name within the path.
+     * @param skipRootFolder true to skip the root folder; otherwise, false.
+     */
+    GetCurrentFolderPath(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Sets the current folder's path.
+     * @param path A String value that is the relative path to the folder (without the root folder).
+     * @param onCallback A ASPxClientFileManagerCallback object that is the JavaScript function that receives the callback data as a parameter.
+     */
+    SetCurrentFolderPath(path: string, onCallback: ASPxClientFileManagerCallback): void;
+    /**
+     * Gets the current folder's ID.
+     */
+    GetCurrentFolderId(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which receives callback data obtained via a call to the client SetCurrentFolderPath method.
+ */
+interface ASPxClientFileManagerCallback {
+    /**
+     * A JavaScript function that receives callback data obtained via a call to the SetCurrentFolderPath method.
+     * @param result An object that contains a callback data.
+     */
+    (result: Object): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerItem object and serves as a base class for client file and folder objects.
+ */
+interface ASPxClientFileManagerItem {
+    /**
+     * Gets the name of the current item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the item's unique identifier.
+     * Value: A String value that specifies the item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets a value that indicates if the current file manager item is a folder.
+     * Value: true if the current item is a folder or parent folder; false if the current item is a file.
+     */
+    isFolder: boolean;
+    /**
+     * Specifies whether the file manager item is selected.
+     * @param selected true, to select the item; otherwise, false.
+     */
+    SetSelected(selected: boolean): void;
+    /**
+     * Gets a value indicating whether the item is selected in the file manager.
+     */
+    IsSelected(): boolean;
+    /**
+     * Gets the current item's full name.
+     */
+    GetFullName(): string;
+    /**
+     * Gets the current item's full name with the specified separator.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     */
+    GetFullName(separator: string): string;
+    /**
+     * Gets the current item's full name with the specified settings.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     * @param skipRootFolder true, to skip the root folder; otherwise, false.
+     */
+    GetFullName(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Gets the current item's metadata.
+     */
+    GetMetadata(): Object;
+}
+/**
+ * Represents the client-side equivalent of the FileManagerFile object.
+ */
+interface ASPxClientFileManagerFile extends ASPxClientFileManagerItem {
+    /**
+     * Downloads a file from a file manager.
+     */
+    Download(): void;
+}
+/**
+ * A client-side equivalent of the FileManagerFolder object.
+ */
+interface ASPxClientFileManagerFolder extends ASPxClientFileManagerItem {
+    /**
+     * Gets a value specifying whether an item is a parent folder.
+     * Value: true if an item is a parent folder; false if an item is a file or folder.
+     */
+    isParentFolder: boolean;
+}
+/**
+ * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+ */
+interface ASPxClientFileManagerAllItemsCallback {
+    /**
+     * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+     * @param items An array of ASPxClientFileManagerItem objects that are items contained in the current folder.
+     */
+    (items: ASPxClientFileManagerItem[]): void;
+}
+/**
+ * A method that will handle the client SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened events.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerFileEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a file related to the event.
+     * Value: An ASPxClientFileManagerFile object that represents a file currently being processed.
+     */
+    file: ASPxClientFileManagerFile;
+}
+/**
+ * A method that will handle the client SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened event.
+     * @param source The event source. This parameter identifies the file manager object which raised the event.
+     * @param e An ASPxClientFileManagerFileOpenedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileOpenedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * Serves as a base for classes that are used as arguments for events generated on the client side.
+ */
+interface ASPxClientFileManagerActionEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+    /**
+     * Gets the name of the currently processed item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets a value specifying whether the current processed item is a folder.
+     * Value: true if the processed  item is a folder; false if the processed item is a file.
+     */
+    isFolder: boolean;
+}
+/**
+ * A method that will handle the client ItemRenaming events.
+ */
+interface ASPxClientFileManagerItemEditingEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenaming events.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemEditingEventArgs): void;
+}
+/**
+ * Provides data for the item editing event.
+ */
+interface ASPxClientFileManagerItemEditingEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenamed event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemRenamedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemRenamedEventArgs): void;
+}
+/**
+ * Provides data for the ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the previous name of the renamed item.
+     * Value: A  string value that specifies the item name.
+     */
+    oldName: string;
+}
+/**
+ * A method that will handle the client ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+}
+/**
+ * A method that will handle the client ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventHandler<S> {
+    /**
+     * A method that will handle the FolderCreated event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCreatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCreatedEventArgs): void;
+}
+/**
+ * Provides data for the FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventHandler<S> {
+    /**
+     * A method that will handle the client ErrorOccurred event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorEventArgs): void;
+}
+/**
+ * Provides data for the ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the error description.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an event error message is sent to the ErrorAlertDisplaying event.
+     * Value: true to sent an error message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets a specifically generated code that uniquely identifies an error, which occurs while editing an item.
+     * Value: An integer value that specifies the code uniquely identifying an error.
+     */
+    errorCode: number;
+}
+/**
+ * A method that will handle the client ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ErrorAlertDisplaying event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerErrorAlertDisplayingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorAlertDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the errors description.
+     * Value: A string that is the errors description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the event fires.
+     * Value: true to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+}
+/**
+ * A method that will handle the client FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FileUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is being uploaded.
+     * Value: A string value specifying the path where a file is being uploaded.
+     */
+    folder: string;
+    /**
+     * Gets the name of a file selected for upload.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are being uploaded.
+     * Value: A string value specifying the folder path.
+     */
+    folder: string;
+    /**
+     * Gets the names of files selected for upload.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FileUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is uploaded.
+     * Value: A string value specifying the uploaded file path.
+     */
+    folder: string;
+    /**
+     * Gets the name of the uploaded file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+}
+/**
+ * A method that will handle the client FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are uploaded.
+     * Value: A string value specifying the uploaded files path.
+     */
+    folder: string;
+    /**
+     * Gets an array of uploaded file names.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+}
+/**
+ * A method that will handle the client FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventHandler<S> {
+    /**
+     * A method that will handle the FileDownloading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileDownloadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileDownloadingEventArgs): void;
+}
+/**
+ * Provides data for the FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventHandler<S> {
+    /**
+     * A method that will handle the FocusedItemChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFocusedItemChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFocusedItemChangedEventArgs): void;
+}
+/**
+ * Provides data for the FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the focused item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventHandler<S> {
+    /**
+     * A method that will handle the CurrentFolderChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerCurrentFolderChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCurrentFolderChangedEventArgs): void;
+}
+/**
+ * Provides data for the CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently processed folder.
+     * Value: A string value that specifies the folder's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the folder currently being processed.
+     * Value: A string value that is the folder's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the currently processed file.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the file currently being processed.
+     * Value: A string value that is the file's full name.
+     */
+    fullName: string;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the file has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * A method that will handle the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommand event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerCustomCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCustomCommandEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+}
+/**
+ * A method that will handle the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarUpdating event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerToolbarUpdatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerToolbarUpdatingEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently active file manager area.
+     * Value: A string value that identifies the active area.
+     */
+    activeAreaName: string;
+}
+/**
+ * A method that will handle the client HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventHandler<S> {
+    /**
+     * A method that will handle the HighlightItemTemplate event.
+     * @param source The event source. This parameter identifies the file manager object that raised the event.
+     * @param e An ASPxClientFileManagerHighlightItemTemplateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerHighlightItemTemplateEventArgs): void;
+}
+/**
+ * Provides data for the HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that is a filter value specified by the filter box.
+     * Value: A string that is a filter value.
+     */
+    filterValue: string;
+    /**
+     * Gets the name of the item currently being processed.
+     * Value: A string that is the item name.
+     */
+    itemName: string;
+    /**
+     * Gets an element containing the item template.
+     * Value: An object that is an element containing the item template.
+     */
+    templateElement: string;
+    /**
+     * Get the name of the cascading style sheet (CSS) class associated with an item in the highlighted state.
+     * Value: A string that is the name of a CSS class.
+     */
+    highlightCssClassName: string;
+}
+/**
+ * Represents a client-side equivalent of the menu's MenuItem object.
+ */
+interface ASPxClientMenuItem {
+    /**
+     * Gets the menu object to which the current item belongs.
+     * Value: An ASPxClientMenuBase object representing the menu to which the item belongs.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: An ASPxClientMenuItem object representing the item's immediate parent.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * Gets the item's index within the parent's collection of items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the parent object (a menu or item) to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the menu item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * For internal use only.
+     */
+    indexPath: string;
+    /**
+     * Returns the number of the current menu item's immediate child items.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Indicates whether the menu item is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Specifies whether the menu item is checked.
+     * @param value true if the menu item is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value specifying whether a menu item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the menu item is enabled.
+     * @param value true to enable the menu item; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value A string value specifying the URL to the image displayed within the menu item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets a URL which defines the navigation location for the menu item.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the menu item.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the menu item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the menu item.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the menu item.
+     * @param value A string value specifying the text to be displayed within the menu item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a menu item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the menu item's visibility.
+     * @param value true if the menu item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerToolbarItemBase object.
+ */
+interface ASPxClientFileManagerToolbarItem extends ASPxClientMenuItem {
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    index: number;
+}
+/**
+ * A client-side equivalent of the ASPxFormLayout's LayoutItem object.
+ */
+interface ASPxClientLayoutItem {
+    /**
+     * Gets the form layout object to which the current item belongs.
+     * Value: An <see cref="ASPxClientFormLayout" /> object representing the form layout to which the item belongs.
+     */
+    formLayout: ASPxClientFormLayout;
+    /**
+     * Gets the name that uniquely identifies the layout item.
+     * Value: A string value that represents the value assigned to the layout item's Name property.
+     */
+    name: string;
+    /**
+     * Gets the immediate parent layout item to which the current layout item belongs.
+     * Value: An <see cref="ASPxClientLayoutItem" /> object representing the item's immediate parent.
+     */
+    parent: ASPxClientLayoutItem;
+    /**
+     * Returns the current layout item's subitem specified by its name.
+     * @param name A string value specifying the name of the layout item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+    /**
+     * Returns a value specifying whether a layout item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the layout item's visibility.
+     * @param value true, if the layout item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Specifies the text displayed in the layout item caption.
+     * @param caption A string value specifying the item caption.
+     */
+    SetCaption(caption: string): void;
+    /**
+     * Returns the text displayed in the layout item caption.
+     */
+    GetCaption(): string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxFormLayout object.
+ */
+interface ASPxClientFormLayout extends ASPxClientControl {
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+}
+/**
+ * Represents a client-side equivalent of the ASPxGlobalEvents component.
+ */
+interface ASPxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any of DevExpress web controls.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientGlobalEvents>>;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHiddenField control.
+ */
+interface ASPxClientHiddenField extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHiddenField.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the value of the specified property.
+     */
+    Add(propertyName: string, propertyValue: Object): void;
+    /**
+     * Returns the value with the specified property name.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Get(propertyName: string): Object;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the property value.
+     */
+    Set(propertyName: string, propertyValue: Object): void;
+    /**
+     * Removes the specified value from the ASPxHiddenField collection.
+     * @param propertyName A string value representing the property name.
+     */
+    Remove(propertyName: string): void;
+    /**
+     * Clears the ASPxHiddenField's value collection.
+     */
+    Clear(): void;
+    /**
+     * Returns a value indicating whether the value with the specified property name is contained within the ASPxHiddenField control's value collection.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Contains(propertyName: string): boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHint control.
+ */
+interface ASPxClientHint extends ASPxClientControl {
+    /**
+     * Occurs on the client side when a hint is about to be shown.
+     */
+    Showing: ASPxClientEvent<ASPxClientHintShowingEventHandler>;
+    /**
+     * Occurs on the client side when a hint is about to be hidden.
+     */
+    Hiding: ASPxClientEvent<ASPxClientHintHidingEventHandler>;
+    /**
+     * This method is not in effect for a ASPxClientHint object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     */
+    Show(targetElement: Object): ASPxClientHintWindow;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     */
+    Show(targetSelector: string): ASPxClientHintWindow;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHint's window.
+ */
+interface ASPxClientHintWindow {
+    /**
+     * Forces the ASPxClientHint's window to recalculate its position.
+     */
+    UpdatePosition(): void;
+}
+/**
+ * A method that will handle the Showing event.
+ */
+interface ASPxClientHintShowingEventHandler {
+    /**
+     * A method that will handle the Showing event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintShowingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintShowingEventArgs): void;
+}
+/**
+ * Provides data for the Showing event.
+ */
+interface ASPxClientHintShowingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element related to the event.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the Hiding event.
+ */
+interface ASPxClientHintHidingEventHandler {
+    /**
+     * A method that will handle the Hiding event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintHidingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintHidingEventArgs): void;
+}
+/**
+ * Provides data for the Hiding event.
+ */
+interface ASPxClientHintHidingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint element.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * The hint control's options.
+ */
+interface ASPxClientHintOptions {
+    /**
+     * Gets or sets which user action triggers a hint.
+     * Value: A string value that is a user action.
+     */
+    triggerAction: string;
+    /**
+     * Gets or sets the delay in displaying the hint.
+     * Value: An integer value that specifies the time interval, in milliseconds, after which a hint is displayed.
+     */
+    appearAfter: number;
+    /**
+     * Gets or sets the duration after which a hint disappears when the mouse pointer is no longer positioned over the target element.
+     * Value: The length of time (in milliseconds) a hint is displayed after the mouse pointer is no longer positioned over the target element.
+     */
+    disappearAfter: number;
+    /**
+     * Gets or sets a value that specifies whether a hint is displayed in a callout box.
+     * Value: true, to display a hint in a callout box; otherwise, false.
+     */
+    showCallout: boolean;
+    /**
+     * Gets or sets a value that specifies whether a hint's title is displayed.
+     * Value: true, to display the hint's title; otherwise, false.
+     */
+    showTitle: boolean;
+    /**
+     * Gets or sets where a hint should be positioned.
+     * Value: A string value that specifies a hint position.
+     */
+    position: string;
+    /**
+     * Gets or sets a custom CSS class name that will be assigned to the root ASPxHint element.
+     * Value: A string value that is the CSS class name.
+     */
+    className: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    contentAttribute: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    titleAttribute: string;
+    /**
+     * Gets or sets the hint's content.
+     * Value: A string value that is the hint's content.
+     */
+    content: string;
+    /**
+     * Gets or sets a value that is the hint's title.
+     * Value: A string value that is the title text.
+     */
+    title: string;
+    /**
+     * Gets or sets a value that is the HTML DOM-element.
+     * Value: A string that is the DOM-element.
+     */
+    container: string;
+    /**
+     * A handler for the Showing event.
+     * Value: An <see cref="ASPxClientHintShowingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onShowing: ASPxClientHintShowingEventHandler;
+    /**
+     * A handler for the Hiding event.
+     * Value: An <see cref="ASPxClientHintHidingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onHiding: ASPxClientHintHidingEventHandler;
+    /**
+     * Gets or sets a value that is the hint's width.
+     * Value: A string value that is the hint's width.
+     */
+    width: string;
+    /**
+     * Gets or sets a value that is the hint's height.
+     * Value: A string value that is the hint's height.
+     */
+    height: string;
+    /**
+     * Gets or sets the X coordinate.
+     * Value: An integer value that is the X coordinate.
+     */
+    x: number;
+    /**
+     * Gets or sets the Y coordinate.
+     * Value: An integer value that is the Y coordinate.
+     */
+    y: number;
+    /**
+     * Gets or sets a value that specifies whether to flip the hint to the opposite position relative to the target element.
+     * Value: true, to flip the hint; otherwise, false.
+     */
+    allowFlip: boolean;
+    /**
+     * Gets or sets a value that specifies whether to shift a hint if its content and title are hidden outside of the client area.
+     * Value: true, to shift the hint; otherwise, false.
+     */
+    allowShift: boolean;
+    /**
+     * Gets or sets whether it should use animation effects when a hint appears.
+     * Value: true if animation is enabled; otherwise false.
+     */
+    animation: any;
+    /**
+     * Gets the offset of a hint.
+     * Value: An integer value.
+     */
+    offset: number;
+}
+/**
+ * The client-side equivalent of the ASPxImageGallery control.
+ */
+interface ASPxClientImageGallery extends ASPxClientDataView {
+    /**
+     * Fires on the client side before the fullscreen viewer is shown and allows you to cancel the action.
+     */
+    FullscreenViewerShowing: ASPxClientEvent<ASPxClientImageGalleryCancelEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Occurs on the client side after an active item has been changed within the fullscreen viewer.
+     */
+    FullscreenViewerActiveItemIndexChanged: ASPxClientEvent<ASPxClientImageGalleryFullscreenViewerEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Shows the fullscreen viewer with the specified active item.
+     * @param index An Int32 value that is an index of the active item.
+     */
+    ShowFullscreenViewer(index: number): void;
+    /**
+     * Hides the fullscreen viewer.
+     */
+    HideFullscreenViewer(): void;
+    /**
+     * Makes the specified item active within the fullscreen viewer on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetFullscreenViewerActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetFullscreenViewerItemCount(): number;
+    /**
+     * Returns the index of the active item within the fullscreen viewer.
+     */
+    GetFullscreenViewerActiveItemIndex(): number;
+    /**
+     * Plays a slide show within a fullscreen viewer.
+     */
+    PlaySlideShow(): void;
+    /**
+     * Pauses a slide show within a fullscreen viewer.
+     */
+    PauseSlideShow(): void;
+}
+/**
+ * A method that will handle the client FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerShowing event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryCancelEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the client FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerActiveItemIndexChanged event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryFullscreenViewerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryFullscreenViewerEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A client-side equivalent of the ASPxImageSlider object.
+ */
+interface ASPxClientImageSlider extends ASPxClientControl {
+    /**
+     * Occurs after the active image, displayed within the image area, is changed.
+     */
+    ActiveItemChanged: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires after an image item has been clicked within the image area.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Occurs on the client side when a thumbnail is clicked.
+     */
+    ThumbnailItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientImageSliderItem;
+    /**
+     * Returns the index of the active item within the image slider control.
+     */
+    GetActiveItemIndex(): number;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Returns the active item within the ASPxImageSlider control.
+     */
+    GetActiveItem(): ASPxClientImageSliderItem;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param item An ASPxClientImageSliderItem object specifying the item to select.
+     * @param preventAnimation true to prevent animation effect; false to enable animation.
+     */
+    SetActiveItem(item: ASPxClientImageSliderItem, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Sets input focus to the ASPxImageSlider control.
+     */
+    Focus(): void;
+    /**
+     * Plays a slide show within an image slider.
+     */
+    Play(): void;
+    /**
+     * Pauses a slide show within image slider.
+     */
+    Pause(): void;
+    /**
+     * Gets a value indicating whether the slide show is playing.
+     */
+    IsSlideShowPlaying(): boolean;
+}
+/**
+ * A method that will handle the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventHandler<S> {
+    /**
+     * A method that will handle the ItemClick events.
+     * @param source The event source. Identifies the ASPxImageSlider control that raised the event.
+     * @param e An ASPxClientImageSliderItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageSliderItemEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientImageSliderItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientImageSliderItem;
+}
+/**
+ * A client-side equivalent of the image slider's ImageSliderItem object.
+ */
+interface ASPxClientImageSliderItem {
+    /**
+     * Gets an image slider to which the current item belongs.
+     * Value: An <see cref="ASPxClientImageSlider" /> object that is the item's owner.
+     */
+    imageSlider: ASPxClientImageSlider;
+    /**
+     * Gets the item's index within an items collection.
+     * Value: An integer value is the item's zero-based index within the Items collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the image slider item.
+     * Value: A string value that is the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Gets or sets the path to the image displayed within the ASPxClientImageSliderItem.
+     * Value: A <see cref="String" /> value specifying the path to the image.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that is the item's display text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxImageZoomNavigator object.
+ */
+interface ASPxClientImageZoomNavigator extends ASPxClientImageSlider {
+}
+/**
+ * A client-side equivalent of the ASPxImageZoom object.
+ */
+interface ASPxClientImageZoom extends ASPxClientControl {
+    /**
+     * Sets the properties on an image displayed in the image zoom control.
+     * @param imageUrl A string value specifying the path to the preview image displayed in the preview image.
+     * @param largeImageUrl A string value specifying the path to the preview image displayed in the zoom window and the expand window.
+     * @param zoomWindowText A string value specifying the text displayed in the zoom window.
+     * @param expandWindowText A string value specifying the text displayed in the expand window.
+     * @param alternateText A string value that specifies the alternate text displayed instead of the image.
+     */
+    SetImageProperties(imageUrl: string, largeImageUrl: string, zoomWindowText: string, expandWindowText: string, alternateText: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxLoadingPanel control.
+ */
+interface ASPxClientLoadingPanel extends ASPxClientControl {
+    /**
+     * Invokes the loading panel.
+     */
+    Show(): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified HTML element.
+     * @param htmlElement An object that specifies the required HTML element.
+     */
+    ShowInElement(htmlElement: Object): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified element.
+     * @param id A string that specifies the required element's identifier.
+     */
+    ShowInElementByID(id: string): void;
+    /**
+     * Invokes the loading panel at the specified position.
+     * @param x An integer value specifying the x-coordinate of the loading panel's display position.
+     * @param y An integer value specifying the y-coordinate of the loaidng panel's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Sets the text to be displayed within the ASPxLoadingPanel.
+     * @param text A string value specifying the text to be displayed within the ASPxLoadingPanel.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the text displayed within the ASPxLoadingPanel.
+     */
+    GetText(): string;
+    /**
+     * Hides the loading panel.
+     */
+    Hide(): void;
+}
+/**
+ * Represents the client-side equivalent of the area that is used within the Html Editor's media dialogs.
+ */
+interface ASPxClientMediaFileSelector extends ASPxClientControl {
+    /**
+     * Returns a URL text from the URL text box in Html Editor's media dialogs.
+     */
+    GetUrl(): string;
+    /**
+     * Sets a URL text in the Html Editor's media dialogs.
+     * @param url A string value that is the Url text.
+     */
+    SetUrl(url: string): void;
+}
+/**
+ * Serves as the base type for the ASPxClientPopupMenu objects.
+ */
+interface ASPxClientMenuBase extends ASPxClientControl {
+    /**
+     * Fires after a menu item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientMenuItemClickEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a menu item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a menu item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu pops up.
+     */
+    PopUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu closes.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Returns the number of menu items at the root menu level.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): ASPxClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): ASPxClientMenuItem;
+}
+/**
+ * Represents a client collection that maintains client menu objects.
+ */
+interface ASPxClientMenuCollection extends ASPxClientControlCollection {
+    /**
+     * Recalculates the position of visible sub menus.
+     */
+    RecalculateAll(): void;
+    /**
+     * Hides all menus maitained by the collection.
+     */
+    HideAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxMenu object.
+ */
+interface ASPxClientMenu extends ASPxClientMenuBase {
+    /**
+     * Gets a value specifying the menu orientation.
+     */
+    GetOrientation(): string;
+    /**
+     * Sets the menu orientation.
+     * @param orientation 'Vertical' to orient the menu vertically; 'Horizontal' to orient the menu horizontally.
+     */
+    SetOrientation(orientation: string): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface ASPxClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source The event source. This parameter identifies the menu object which raised the event.
+     * @param e An ASPxClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on menu items.
+ */
+interface ASPxClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+}
+/**
+ * A method that will handle client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventArgs extends ASPxClientMenuItemEventArgs {
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An HTML object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's items.
+ */
+interface ASPxClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's items.
+ */
+interface ASPxClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Contains options affecting the touch scrolling functionality.
+ */
+interface ASPxClientTouchUIOptions {
+    /**
+     * Gets or sets a value that specifies whether or not the horizontal scroll bar should be displayed.
+     * Value: true to display the horizontal scroll bar; otherwise, false. The default value is true.
+     */
+    showHorizontalScrollbar: boolean;
+    /**
+     * Gets or sets a value that specifies whether or not the vertical scroll bar should be displayed.
+     * Value: true to display the vertical scroll bar; otherwise, false. The default value is true.
+     */
+    showVerticalScrollbar: boolean;
+    /**
+     * Gets or sets the name of the CSS class defining the vertical scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    vScrollClassName: string;
+    /**
+     * Gets or sets the name of the CSS class defining the horizontal scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    hScrollClassName: string;
+}
+/**
+ * Contains a method allowing you to apply the current scroll extender to a specific element.
+ */
+interface ScrollExtender {
+    /**
+     * Applies the current scroll extender to the element specified by the ID.
+     * @param id A string value specifying the element's ID.
+     */
+    ChangeElement(id: string): void;
+    /**
+     * Applies the current scroll extender to the specified DOM element.
+     * @param element An object specifying the required DOM element.
+     */
+    ChangeElement(element: Object): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNavBar control.
+ */
+interface ASPxClientNavBar extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientNavBarItemEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side after a group's expansion state has been changed.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientNavBarGroupEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side before the expansion state of a group is changed.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientNavBarGroupCancelEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires when a group header is clicked.
+     */
+    HeaderClick: ASPxClientEvent<ASPxClientNavBarGroupClickEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientNavBar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientNavBar>>;
+    /**
+     * Returns the number of groups in the navbar.
+     */
+    GetGroupCount(): number;
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): ASPxClientNavBarGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): ASPxClientNavBarGroup;
+    /**
+     * Returns the navbar's active group.
+     */
+    GetActiveGroup(): ASPxClientNavBarGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+    /**
+     * Returns the selected item within the navbar control.
+     */
+    GetSelectedItem(): ASPxClientNavBarItem;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+    /**
+     * Collapses all groups of the navbar.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all groups of the navbar.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarGroup object.
+ */
+interface ASPxClientNavBarGroup {
+    /**
+     * Gets the navbar to which the current group belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the group belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group's index within a collection of a navbar's groups.
+     * Value: An integer value representing the group's zero-based index within the Groups collection of the navbar to which the group belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the group.
+     * Value: A string value that represents the value assigned to the group's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a group is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether the group is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets the group's expansion state.
+     * @param value true to expand the group; false to collapse the group.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value specifying whether a group is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Returns text displayed within a group.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within a group.
+     * @param text A string value that is the text displayed within the navbar group.
+     */
+    SetText(text: string): void;
+    /**
+     * Specifies whether the group is visible.
+     * @param value true if the group is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Returns the number of items in the group.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientNavBarItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarItem object.
+ */
+interface ASPxClientNavBarItem {
+    /**
+     * Gets the navbar to which the current item belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the item belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: An ASPxClientNavBarGroup object representing the group to which the item belongs.
+     */
+    group: ASPxClientNavBarGroup;
+    /**
+     * Gets the item's index within a collection of a group's items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the group to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value indicating whether an item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the item is enabled.
+     * @param value true if the item is enabled; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value A string value that specifies the URL to the image displayed within the item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the item's navigation location.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the item's navigation location.
+     * @param value A string value which represents the URL to where the client web browser will navigate when the item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the item.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the item.
+     * @param value A string value that represents the text displayed within the item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether an item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the item is visible.
+     * @param value true is the item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with an item.
+ */
+interface ASPxClientNavBarItemEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on items.
+ */
+interface ASPxClientNavBarItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: An ASPxClientNavBarItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientNavBarItem;
+    /**
+     * Gets the HTML object that contains the processed navbar item.
+     * Value: An object representing a container for the navbar item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object, manipulations on which forced the event to be raised.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object representing the group manipulations on which forced the navbar to raise the event.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning clicks on groups.
+     * @param source The event source. This parameter identifies the navbar object which raised the event.
+     * @param e An ASPxClientNavBarGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventArgs extends ASPxClientNavBarGroupCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed group.
+     * Value: An object representing a container for the group related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNewsControl object.
+ */
+interface ASPxClientNewsControl extends ASPxClientDataView {
+    /**
+     * Fires after an item's tail has been clicked.
+     */
+    TailClick: ASPxClientEvent<ASPxClientNewsControlItemEventHandler<ASPxClientNewsControl>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientNewsControlItemEventHandler<S> {
+    /**
+     * A method that will handle the news control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the news control object that raised the event.
+     * @param e An ASPxClientNewsControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNewsControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern tail clicking within the control's items.
+ */
+interface ASPxClientNewsControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxObjectContainer control.
+ */
+interface ASPxClientObjectContainer extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the FSCommand action is called within the associated flash object's action script.
+     */
+    FlashScriptCommand: ASPxClientEvent<ASPxClientFlashScriptCommandEventHandler<ASPxClientObjectContainer>>;
+    /**
+     * Play the Flash movie backwards.
+     */
+    Back(): void;
+    /**
+     * Returns the value of the Flash variable specified.
+     * @param name A string value that specifies the Flash variable.
+     */
+    GetVariable(name: string): string;
+    /**
+     * Play the Flash movie forwards.
+     */
+    Forward(): void;
+    /**
+     * Activates the specified frame in the Flash movie.
+     * @param frameNumber An integer value that specifies the requested frame.
+     */
+    GotoFrame(frameNumber: number): void;
+    /**
+     * Indicates whether the Flash movie is currently playing.
+     */
+    IsPlaying(): boolean;
+    /**
+     * Loads the Flash movie to the specified layer.
+     * @param layerNumber An integer value that identifies a layer in which to load the movie.
+     * @param url A string value that specifies the movie's URL.
+     */
+    LoadMovie(layerNumber: number, url: string): void;
+    /**
+     * Pans a zoomed-in Flash movie to the specified coordinates.
+     * @param x An integer value that specifies the X-coordinate.
+     * @param y An integer value that specifies the Y-coordinate.
+     * @param mode 0 the coordinates are pixels; 1 the coordinates are a percentage of the window.
+     */
+    Pan(x: number, y: number, mode: number): void;
+    /**
+     * Returns the percent of the Flash Player movie that has streamed into the browser so far.
+     */
+    PercentLoaded(): string;
+    /**
+     * Starts playing the Flash movie.
+     */
+    Play(): void;
+    /**
+     * Rewinds the Flash movie to the first frame.
+     */
+    Rewind(): void;
+    /**
+     * Sets the value of the specified Flash variable.
+     * @param name A string value that specifies the Flash variable.
+     * @param value A string value that represents a new value.
+     */
+    SetVariable(name: string, value: string): void;
+    /**
+     * Zooms in on the specified rectangular area of the Flash movie.
+     * @param left An integer value that specifies the x-coordinate of the rectangle's left side, in twips.
+     * @param top An integer value that specifies the y-coordinate of the rectangle's top side, in twips.
+     * @param right An integer value that specifies the x-coordinate of the rectangle's right side, in twips.
+     * @param bottom An integer value that specifies the y-coordinate of the rectangle's bottom side, in twips.
+     */
+    SetZoomRect(left: number, top: number, right: number, bottom: number): void;
+    /**
+     * Stops playing the Flash movie.
+     */
+    StopPlay(): void;
+    /**
+     * Returns the total number of frames in the Flash movie.
+     */
+    TotalFrames(): number;
+    /**
+     * Zooms the Flash view by a relative scale factor.
+     * @param percent An integer value that specifies the relative scale factor, as a  percentage.
+     */
+    Zoom(percent: number): void;
+    /**
+     * Starts playing a Quick Time movie.
+     */
+    QTPlay(): void;
+    /**
+     * Stops playing a Quick Time movie.
+     */
+    QTStopPlay(): void;
+    /**
+     * Rewinds a Quick Time movie to the first frame.
+     */
+    QTRewind(): void;
+    /**
+     * Steps through a Quick Time video stream by a specified number of frames.
+     * @param count An integer value that specifies the number of frames to step.
+     */
+    QTStep(count: number): void;
+}
+/**
+ * A method that will handle the FlashScriptCommand event.
+ */
+interface ASPxClientFlashScriptCommandEventHandler<S> {
+    /**
+     * A method that will handle the FlashScriptCommand event.
+     * @param source The event source.
+     * @param e A ASPxClientFlashScriptCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFlashScriptCommandEventArgs): void;
+}
+/**
+ * Provides data for the FlashScriptCommand client event.
+ */
+interface ASPxClientFlashScriptCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's command parameter.
+     */
+    command: string;
+    /**
+     * Gets arguments passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's args parameter.
+     */
+    args: string;
+}
+/**
+ * Lists the available link types within office documents.
+ */
+interface ASPxClientOfficeDocumentLinkType {
+}
+/**
+ * Represents the client-side equivalent of the ASPxPager control.
+ */
+interface ASPxClientPager extends ASPxClientControl {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupControl control.
+ */
+interface ASPxClientPopupControl extends ASPxClientPopupControlBase {
+    /**
+     * Occurs when a popup window's close button is clicked.
+     */
+    CloseButtonClick: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControl>>;
+    /**
+     * This method is not in effect for a ASPxClientPopupControl object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked a default popup window.
+     */
+    GetPopUpReasonMouseEvent(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked the specified popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowPopUpReasonMouseEvent(window: ASPxClientPopupWindow): Object;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window.
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Specifies the default popup window's size.
+     * @param width An integer value that specifies the default popup window's width.
+     * @param height An integer value that specifies the default popup window's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Gets the width of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Gets the height of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the height of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the width of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Specifies the size of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param width An integer value that specifies the required popup window's width.
+     * @param height An integer value that specifies the required popup window's height.
+     */
+    SetWindowSize(window: ASPxClientPopupWindow, width: number, height: number): void;
+    /**
+     * Returns the HTML code that is the content of the popup control's default popup window.
+     */
+    GetContentHTML(): string;
+    /**
+     * Defines the HTML content for the popup control's default popup window.
+     * @param html A string value that is the HTML code defining the content of the popup window.
+     */
+    SetContentHTML(html: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control's window is associated.
+     * @param window An ASPxClientPopupWindow object representing a popup control's window.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup control's window is associated.
+     */
+    SetWindowPopupElementID(window: ASPxClientPopupWindow, popupElementId: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element to which the popup control is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the default window within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an index of the object that invoked the specified popup window, within the window's PopupElementID list.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElementIndex(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns an object that invoked the default window.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Returns an object that invoked the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElement(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns a value that specifies whether the popup control's specific window is displayed.
+     * @param window A ASPxClientPopupWindow object representing the popup window whose visibility is checked.
+     */
+    IsWindowVisible(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Returns a popup window specified by its index.
+     * @param index An integer value specifying the zero-based index of the popup window object to be retrieved.
+     */
+    GetWindow(index: number): ASPxClientPopupWindow;
+    /**
+     * Returns a popup window specified by its name.
+     * @param name A string value specifying the name of the popup window.
+     */
+    GetWindowByName(name: string): ASPxClientPopupWindow;
+    /**
+     * Returns the number of popup windows in the popup control.
+     */
+    GetWindowCount(): number;
+    /**
+     * Invokes the popup control's specific window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     */
+    ShowWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Invokes the specified popup window at the popup element with the specified index.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element within the window's PopupElementID list.
+     */
+    ShowWindow(window: ASPxClientPopupWindow, popupElementIndex: number): void;
+    /**
+     * Invokes the popup control's specific window and displays it over the specified HTML element.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param htmlElement An object specifying the HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Invokes the popup control's specific window and displays it over an HTML element specified by its unique identifier.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElementByID(window: ASPxClientPopupWindow, id: string): void;
+    /**
+     * Invokes the popup control's specific popup window at the specified position.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param x A integer value specifying the x-coordinate of the popup window's display position.
+     * @param y A integer value specifying the y-coordinate of the popup window's display position.
+     */
+    ShowWindowAtPos(window: ASPxClientPopupWindow, x: number, y: number): void;
+    /**
+     * Brings the specified popup window to the front of the z-order.
+     * @param window A ASPxClientPopupWindow object representing the popup window.
+     */
+    BringWindowToFront(window: ASPxClientPopupWindow): void;
+    /**
+     * Closes the popup control's specified window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to close.
+     */
+    HideWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHtml(window: ASPxClientPopupWindow): string;
+    /**
+     * Defines the HTML content for a specific popup window within the popup control.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param html A string value that represents the HTML code defining the content of the specified popup window.
+     */
+    SetWindowContentHtml(window: ASPxClientPopupWindow, html: string): void;
+    /**
+     * Stretches the popup window in adaptive mode vertically to the full height of the browser window.
+     */
+    StretchVertically(): void;
+    /**
+     * Stretches the specified popup window in adaptive mode vertically to the full height of the browser window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    WindowStretchVertically(window: ASPxClientPopupWindow): void;
+    /**
+     * Sets the minimum width of the popup window in adaptive mode.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode.
+     */
+    SetAdaptiveMinWidth(minWidth: number): void;
+    /**
+     * Sets the minimum width of the popup window in adaptive mode.
+     * @param minWidth A string value specifying the minimum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetAdaptiveMinWidth(minWidth: string): void;
+    /**
+     * Sets the minimum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMinWidth(window: ASPxClientPopupWindow, minWidth: number): void;
+    /**
+     * Sets the minimum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetWindowAdaptiveMinWidth(window: ASPxClientPopupWindow, minWidth: string): void;
+    /**
+     * Sets the maximum width of the popup window in adaptive mode.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode.
+     */
+    SetAdaptiveMaxWidth(maxWidth: number): void;
+    /**
+     * Sets the maximum width of the popup window in adaptive mode.
+     * @param maxWidth A string value specifying the maximum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetAdaptiveMaxWidth(maxWidth: string): void;
+    /**
+     * Sets the maximum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMaxWidth(window: ASPxClientPopupWindow, maxWidth: number): void;
+    /**
+     * Sets the maximum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetWindowAdaptiveMaxWidth(window: ASPxClientPopupWindow, maxWidth: string): void;
+    /**
+     * Sets the minimum height of the popup window in adaptive mode.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode.
+     */
+    SetAdaptiveMinHeight(minHeight: number): void;
+    /**
+     * Sets the minimum height of the popup window in adaptive mode.
+     * @param minHeight A string value specifying the minimum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetAdaptiveMinHeight(minHeight: string): void;
+    /**
+     * Sets the minimum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMinHeight(window: ASPxClientPopupWindow, minHeight: number): void;
+    /**
+     * Sets the minimum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetWindowAdaptiveMinHeight(window: ASPxClientPopupWindow, minHeight: string): void;
+    /**
+     * Sets the maximum height of the popup window in adaptive mode.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode.
+     */
+    SetAdaptiveMaxHeight(maxHeight: number): void;
+    /**
+     * Sets the maximum height of the popup window in adaptive mode.
+     * @param maxHeight A string value specifying the maximum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetAdaptiveMaxHeight(maxHeight: string): void;
+    /**
+     * Sets the maximum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMaxHeight(window: ASPxClientPopupWindow, maxHeight: number): void;
+    /**
+     * Sets the maximum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetWindowAdaptiveMaxHeight(window: ASPxClientPopupWindow, maxHeight: string): void;
+    /**
+     * Returns an iframe object containing a web page specified via the specified popup window's SetWindowContentUrl client method).
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentIFrame(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentUrl(window: ASPxClientPopupWindow): string;
+    /**
+     * Sets the URL pointing to the web page that should be loaded into and displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param url A string value specifying the URL to the web page to be displayed within the specified popup window.
+     */
+    SetWindowContentUrl(window: ASPxClientPopupWindow, url: string): void;
+    /**
+     * Returns a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowPinned(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to pin the window; otherwise, false.
+     */
+    SetWindowPinned(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowMaximized(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to maximize the window; otherwise, false.
+     */
+    SetWindowMaximized(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowCollapsed(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to collapse the window; otherwise, false.
+     */
+    SetWindowCollapsed(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    RefreshWindowContentUrl(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     */
+    UpdatePosition(): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at the specified HTML element.
+     * @param htmlElement An object specifying the HTML element to which the default popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdatePositionAtElement(htmlElement: Object): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    UpdateWindowPosition(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at the specified HTML element.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param htmlElement An object specifying the HTML element to which the specified popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdateWindowPositionAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Refreshes the connection between the ASPxPopupControl and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+}
+/**
+ * Represents a client-side equivalent of a popup control's PopupWindow object.
+ */
+interface ASPxClientPopupWindow {
+    /**
+     * Gets the popup control to which the current popup window belongs.
+     * Value: An ASPxClientPopupControl object representing the popup control to which the window belongs.
+     */
+    popupControl: ASPxClientPopupControl;
+    /**
+     * Gets the index of the current popup window within the popup control's Windows collection.
+     * Value: An integer value representing the zero-based index of the current popup window within the Windows collection of the popup control to which the window belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current popup window.
+     * Value: A string value that represents a value assigned to the popup window's Name property.
+     */
+    name: string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer.
+     * @param value A string value that is the URL to the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Returns the text displayed within the window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed within the window's header.
+     * @param value A string value that specifies the window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Returns the text displayed within the popup window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Specifies the text displayed within the window's footer.
+     * @param value A string value that specifies the window's footer text.
+     */
+    SetFooterText(value: string): void;
+}
+/**
+ * A method that will handle the popup control's client events invoked in response to manipulating a popup window.
+ */
+interface ASPxClientPopupWindowEventHandler<S> {
+    /**
+     * A method that will handle the popup control's client events when a popup window is manipulated.
+     * @param source An object representing the event's source. Identifies the popup control object (ASPxClientPopupControl) that raised the event.
+     * @param e An ASPxClientPopupWindowEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowEventArgs): void;
+}
+/**
+ * Provides data for events concerning client manipulations on popup windows.
+ */
+interface ASPxClientPopupWindowEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+}
+/**
+ * A method that will handle the popup window's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventHandler<S> {
+    /**
+     * A method that will handle the popup window's cancelable client events.
+     * @param source An object representing the event's source. Identifies the popup window object that raised the event.
+     * @param e An ASPxClientPopupWindowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCancelEventArgs): void;
+}
+/**
+ * Provides data for the popup control's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+    /**
+     * Gets the value that identifies the reason the popup window is about to close.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventHandler<S> {
+    /**
+     * A method that will handle the CloseUp event.
+     * @param source The event source.
+     * @param e An ASPxClientPopupWindowCloseUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCloseUpEventArgs): void;
+}
+/**
+ * Provides data for the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets the value that identifies the reason the popup window closes.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventHandler<S> {
+    /**
+     * A method that will handle the Resize event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowResizeEventArgs): void;
+}
+/**
+ * Provides data for the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Returns the value indicating the window state after resizing.
+     * Value: The integer value indicating the window resize state.
+     */
+    resizeState: number;
+}
+/**
+ * A method that will handle the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventHandler<S> {
+    /**
+     * A method that will handle the PinnedChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowPinnedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowPinnedChangedEventArgs): void;
+}
+/**
+ * Provides data for the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets a value indicating whether the processed popup window has been pinned.
+     * Value: true, if the window has been pinned; otherwise, false.
+     */
+    pinned: boolean;
+}
+/**
+ * Represents a client collection that maintains client popup control objects.
+ */
+interface ASPxClientPopupControlCollection extends ASPxClientControlCollection {
+    /**
+     * Hides all popup windows maintained by the collection.
+     */
+    HideAllWindows(): void;
+}
+/**
+ * Declares client constants that identify the reason the popup window closes.
+ */
+interface ASPxClientPopupControlCloseReason {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupMenu object.
+ */
+interface ASPxClientPopupMenu extends ASPxClientMenuBase {
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup menu is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the popup menu within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an object that invoked the popup menu.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Refreshes the connection between the ASPxPopupMenu and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+    /**
+     * Hides the popup menu.
+     */
+    Hide(): void;
+    /**
+     * Invokes the popup menu.
+     */
+    Show(): void;
+    /**
+     * Invokes the popup menu at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the popup menu and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the popup menu and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the popup menu at the specified position.
+     * @param x An integer value specifying the x-coordinate of the popup menu's display position.
+     * @param y An integer value specifying the y-coordinate of the popup menu's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRatingControl control.
+ */
+interface ASPxClientRatingControl extends ASPxClientControl {
+    /**
+     * Fires on the server after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientRatingControlItemClickEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a rating control item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a rating control item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Gets the item tooltip title specified by the item index.
+     * @param index An integer value specifying the item index.
+     */
+    GetTitle(index: number): string;
+    /**
+     * Returns a value indicating whether the control's status is read-only.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's status is read-only.
+     * @param value true to make the control read-only; otherwise, false.
+     */
+    SetReadOnly(value: boolean): void;
+    /**
+     * Returns the value of the ASPxRatingControl.
+     */
+    GetValue(): number;
+    /**
+     * Modifies the value of the ASPxRatingControl on the client side.
+     * @param value A decimal value representing the value of the control.
+     */
+    SetValue(value: number): void;
+}
+/**
+ * A method that will handle the client ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventHandler<S> {
+    /**
+     * A method that will handle the client ItemClick event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientRatingControlItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the clicked item's index.
+     */
+    index: number;
+}
+/**
+ * A method that will handle the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source The event source.
+     * @param e An ASPxClientRatingControlItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemMouseEventArgs): void;
+}
+/**
+ * Provides data for the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the related item's index.
+     */
+    index: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRibbon control.
+ */
+interface ASPxClientRibbon extends ASPxClientControl {
+    /**
+     * Occurs after an end-user executes an action on a ribbon item.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientRibbonCommandExecutedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a ribbon control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientRibbonTabEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs on the client side when the ribbon minimization state is changed by end-user actions.
+     */
+    MinimizationStateChanged: ASPxClientEvent<ASPxClientRibbonMinimizationStateEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs when the file tab is clicked.
+     */
+    FileTabClicked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after a dialog box launcher has been clicked.
+     */
+    DialogBoxLauncherClicked: ASPxClientEvent<ASPxClientRibbonDialogBoxLauncherClickedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires after key tips are closed by pressing Esc.
+     */
+    KeyTipsClosedOnEscape: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Specifies whether the ribbon control is enabled.
+     * @param enabled true to enable the ribbon; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the ribbon is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientRibbonTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientRibbonTab;
+    /**
+     * Returns the number of tabs in the ribbon Tabs collection.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns the active tab within the ribbon control.
+     */
+    GetActiveTab(): ASPxClientRibbonTab;
+    /**
+     * Makes the specified tab active in the ribbon control on the client side.
+     * @param tab A ASPxClientRibbonTab object specifying the tab selection.
+     */
+    SetActiveTab(tab: ASPxClientRibbonTab): void;
+    /**
+     * Makes a tab active within the ribbon control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns a ribbon item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientRibbonItem;
+    /**
+     * Returns a value of item with the specified name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemValueByName(name: string): Object;
+    /**
+     * Sets the value of the item with the specified name.
+     * @param name A string value specifying the name of the item.
+     * @param value An object that is the new item value.
+     */
+    SetItemValueByName(name: string, value: Object): void;
+    /**
+     * Specifies whether the ribbon is minimized.
+     * @param minimized true to set the ribbon state to minimized; false to set the ribbon state to normal.
+     */
+    SetMinimized(minimized: boolean): void;
+    /**
+     * Gets a value specifying whether the ribbon is minimized.
+     */
+    GetMinimized(): boolean;
+    /**
+     * Specifies the visibility of a context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param visible true to make a category visible; false to make it hidden.
+     */
+    SetContextTabCategoryVisible(categoryName: string, visible: boolean): void;
+    /**
+     * Shows ribbon key tips.
+     */
+    ShowKeyTips(): void;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonTab object.
+ */
+interface ASPxClientRibbonTab {
+    /**
+     * Gets the client ribbon object to which the current tab belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the tab belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets or sets the tab's index within the collection.
+     * Value: An integer value that is the zero-based index of the tab within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon tab.
+     * Value: A string value that is the tab's name.
+     */
+    name: string;
+    /**
+     * Returns the text displayed in the tab.
+     */
+    GetText(): string;
+    /**
+     * Sets a value specifying whether the tab is enabled.
+     * @param enabled true to enable the tab; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether a ribbon tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether a ribbon tab is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonGroup object.
+ */
+interface ASPxClientRibbonGroup {
+    /**
+     * Gets the client ribbon object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the group belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets the client tab object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object to which the group belongs.
+     */
+    tab: ASPxClientRibbonTab;
+    /**
+     * Gets or sets the group's index within the collection.
+     * Value: An integer value that is the zero-based index of the group within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon group.
+     * Value: A string value that is the group's name.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a ribbon group is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonItemBase object.
+ */
+interface ASPxClientRibbonItem {
+    /**
+     * Gets the client group object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the item belongs.
+     */
+    group: ASPxClientRibbonGroup;
+    /**
+     * Gets or sets the item's index within the collection.
+     * Value: An integer value that is the zero-based index of the item within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the client ribbon object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the item belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Returns a value indicating whether a ribbon item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the item is enabled.
+     * @param enabled true to enable the item; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns the item value.
+     */
+    GetValue(): Object;
+    /**
+     * Sets the item value.
+     * @param value An  that specifies the item value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value specifying whether a ribbon item is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A method that will handle the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CommandExecuted event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientRibbonItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientRibbonItem;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventHandler<S> {
+    /**
+     * A method that will handle the ActiveTabChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e A ASPxClientRibbonTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object that is the tab, manipulations on which forced the ribbon control to raise the event.
+     */
+    tab: ASPxClientRibbonTab;
+}
+/**
+ * A method that will handle the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventHandler<S> {
+    /**
+     * A method that will handle the MinimizationStateChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonMinimizationStateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonMinimizationStateEventArgs): void;
+}
+/**
+ * Provides data for the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the value indicating the new ribbon state.
+     * Value: The integer value indicating the ribbon minimization state.
+     */
+    ribbonState: number;
+}
+/**
+ * A method that will handle the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventHandler<S> {
+    /**
+     * A method that will handle the DialogBoxLauncherClicked event.
+     * @param source The event source. This parameter identifies the ribbon object which raised the event.
+     * @param e An ASPxClientRibbonDialogBoxLauncherClickedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonDialogBoxLauncherClickedEventArgs): void;
+}
+/**
+ * Provides data for the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the client group object to which the clicked dialog box launcher belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the dialog box launcher belongs.
+     */
+    group: ASPxClientRibbonGroup;
+}
+/**
+ * Represents a client-side equivalent of the ASPxRoundPanel control.
+ */
+interface ASPxClientRoundPanel extends ASPxClientPanelBase {
+    /**
+     * Fires on the client side after a panel has been expanded or collapsed via end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client side before a panel is expanded or collapsed by end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanging: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientRoundPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the panel's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed in the panel's header.
+     * @param text A string value that specifies the panel header's text.
+     */
+    SetHeaderText(text: string): void;
+    /**
+     * Returns a value indicating whether the panel is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Sets a value indicating whether the panel is collapsed.
+     * @param collapsed true, to collapse the panel; otherwise, false.
+     */
+    SetCollapsed(collapsed: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxSplitter object.
+ */
+interface ASPxClientSplitter extends ASPxClientControl {
+    /**
+     * Fires before a pane is resized.
+     */
+    PaneResizing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been resized.
+     */
+    PaneResized: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is collapsed.
+     */
+    PaneCollapsing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been collapsed.
+     */
+    PaneCollapsed: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is expanded.
+     */
+    PaneExpanding: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been expanded.
+     */
+    PaneExpanded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Occurs when a pane resize operation has been completed.
+     */
+    PaneResizeCompleted: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a specific web page has been loaded into a pane.
+     */
+    PaneContentUrlLoaded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Returns the number of panes at the root level of a splitter.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the splitter's root pane specified by its index within the Panes collection.
+     * @param index An integer value specifying the zero-based index of the root pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns a pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Specifies whether the control's panes can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Returns a string value that represents the client state of splitter panes.
+     */
+    GetLayoutData(): string;
+}
+/**
+ * Represents a client-side equivalent of the splitter's SplitterPane object.
+ */
+interface ASPxClientSplitterPane {
+    /**
+     * Gets the index of the current pane within the pane collection to which it belongs.
+     * Value: An integer value representing the zero-based index of the current pane within the SplitterPaneCollection collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current splitter pane.
+     * Value: A string value that represents the value assigned to the pane's Name property.
+     */
+    name: string;
+    /**
+     * Returns a client splitter object that contains the current pane.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Returns the immediate parent of the current pane.
+     */
+    GetParentPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the previous sibling pane of the current pane.
+     */
+    GetPrevPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the next sibling pane of the current pane.
+     */
+    GetNextPane(): ASPxClientSplitterPane;
+    /**
+     * Determines whether the current pane is the first pane within the SplitterPaneCollection.
+     */
+    IsFirstPane(): boolean;
+    /**
+     * Determines whether the current pane is the last pane within the SplitterPaneCollection.
+     */
+    IsLastPane(): boolean;
+    /**
+     * Returns a value that indicates the orientation in which the current pane and its sibling panes are stacked.
+     */
+    IsVertical(): boolean;
+    /**
+     * Returns the number of the current pane's immediate child panes.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the current pane's immediate child pane specified by its index.
+     * @param index An integer value specifying the zero-based index of the child pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns the current pane's child pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Gets the width of the pane's content area.
+     */
+    GetClientWidth(): number;
+    /**
+     * Gets the height of the pane's content area.
+     */
+    GetClientHeight(): number;
+    /**
+     * Collapses the current pane and occupies its space by maximizing the specified pane.
+     * @param maximizedPane A ASPxClientSplitterPane object specifying the pane to be maximized to occupy the freed space.
+     */
+    Collapse(maximizedPane: ASPxClientSplitterPane): boolean;
+    /**
+     * Collapses the current pane in a forward direction and occupies its space by maximizing the previous adjacent pane.
+     */
+    CollapseForward(): boolean;
+    /**
+     * Collapses the current pane in a backward direction, and occupies its space by maximizing the next adjacent pane.
+     */
+    CollapseBackward(): boolean;
+    /**
+     * Expands the current pane object on the client side.
+     */
+    Expand(): boolean;
+    /**
+     * Returns whether the pane is collapsed.
+     */
+    IsCollapsed(): boolean;
+    /**
+     * Returns whether the pane's content is loaded from an external web page.
+     */
+    IsContentUrlPane(): boolean;
+    /**
+     * Gets the URL of a web page displayed as a pane's content.
+     */
+    GetContentUrl(): string;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane, but should not be cached by a client browser.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     * @param preventBrowserCaching true to prevent the browser to cache the loaded content; false to allow browser caching.
+     */
+    SetContentUrl(url: string, preventBrowserCaching: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the current pane.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Returns an iframe object containing a web page specified via the pane's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Specifies whether the current pane can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Forces the client PaneResized event to be generated.
+     */
+    RaiseResizedEvent(): void;
+    /**
+     * Returns an HTML element representing a splitter pane object.
+     */
+    GetElement(): Object;
+    /**
+     * Specifies the splitter pane's size in pixels.
+     * @param size An integer value that specifies the splitter pane's size.
+     */
+    SetSize(size: number): void;
+    /**
+     * Specifies the splitter pane's size, in pixels or percents.
+     * @param size A string value that specifies the splitter pane's size, in pixels or percents.
+     */
+    SetSize(size: string): void;
+    /**
+     * Returns the splitter pane's size, in pixels or percents.
+     */
+    GetSize(): string;
+    /**
+     * Returns the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     */
+    GetScrollTop(): number;
+    /**
+     * Specifies the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollTop(value: number): void;
+    /**
+     * Returns the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     */
+    GetScrollLeft(): number;
+    /**
+     * Specifies the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollLeft(value: number): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventHandler<S> {
+    /**
+     * A method that will handle the splitter's client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter object that raised the event.
+     * @param e An ASPxClientSplitterPaneEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneEventArgs): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the pane object related to the event.
+     * Value: An ASPxClientSplitterPane object, manipulations on which forced the event to be raised.
+     */
+    pane: ASPxClientSplitterPane;
+}
+/**
+ * A method that will handle a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventHandler<S> {
+    /**
+     * A method that will handle a splitter control's cancelable client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter control object that raised the event.
+     * @param e An ASPxClientSplitterPaneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneCancelEventArgs): void;
+}
+/**
+ * Provides data for a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventArgs extends ASPxClientSplitterPaneEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a base for the ASPxClientPageControl objects.
+ */
+interface ASPxClientTabControlBase extends ASPxClientControl {
+    /**
+     * Fires when a tab is clicked.
+     */
+    TabClick: ASPxClientEvent<ASPxClientTabControlTabClickEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a tab control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientTabControlTabEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side before the active tab is changed within a tab control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientTabControlTabCancelEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a client tab control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Modifies a tab page's size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Returns the active tab within the tab control.
+     */
+    GetActiveTab(): ASPxClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+    /**
+     * Returns the index of the active tab within the tab control.
+     */
+    GetActiveTabIndex(): number;
+    /**
+     * Makes a tab active within the tab control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns the number of tabs in the ASPxTabControl.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientTab;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTabControl object.
+ */
+interface ASPxClientTabControl extends ASPxClientTabControlBase {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPageControl object.
+ */
+interface ASPxClientPageControl extends ASPxClientTabControlBase {
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's TabPage object.
+ */
+interface ASPxClientTab {
+    /**
+     * Gets the tab control to which the current tab belongs.
+     * Value: An ASPxClientTabControlBase object representing the control to which the tab belongs.
+     */
+    tabControl: ASPxClientTabControlBase;
+    /**
+     * Gets the index of the current tab (tabbed page) within the control's collection of tabs (tabbed pages).
+     * Value: An integer value representing the zero-based index of the current tab (tabbed page) within the TabPages) collection of the control to which the tab belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current tab.
+     * Value: A string value that represents the value assigned to the tab's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the tab is enabled.
+     * @param value true to enable the tab; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value A string value that is the URL to the image displayed within the tab.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value A string value that is the URL to the image displayed within the active tab.
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the tab.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the tab.
+     * @param value A string value which is a URL to where the client web browser will navigate when the tab is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the tab.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the tab.
+     * @param value A string value that is the text displayed within the tab.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a tab is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the tab is visible.
+     * @param value true is the tab is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: ASPxClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: ASPxClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source The event source. This parameter identifies the tab control object which raised the event.
+     * @param e An ASPxClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventArgs extends ASPxClientTabControlTabCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed tab.
+     * Value: An object representing a container for the tab related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTimer object.
+ */
+interface ASPxClientTimer extends ASPxClientControl {
+    /**
+     * Fires on the client side when the specified timer interval has elapsed, and the timer is enabled.
+     */
+    Tick: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimer>>;
+    /**
+     * Returns a value indicating whether the timer is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Enables the timer.
+     * @param enabled true to turn the timer on; false, to turn the timer off.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Gets the time before the Tick event.
+     */
+    GetInterval(): number;
+    /**
+     * Specifies the time before the Tick event.
+     * @param interval An integer value that specifies the number of milliseconds before the Tick event is raised relative to the last occurrence of the Tick event. The value cannot be less than one.
+     */
+    SetInterval(interval: number): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTitleIndex object.
+ */
+interface ASPxClientTitleIndex extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientTitleIndexItemEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTitleIndex.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTitleIndex>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientTitleIndexItemEventHandler<S> {
+    /**
+     * A method that will handle the title index control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the title index control object that raised the event.
+     * @param e An ASPxClientTitleIndexItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTitleIndexItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on the control's items.
+ */
+interface ASPxClientTitleIndexItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView object.
+ */
+interface ASPxClientTreeView extends ASPxClientControl {
+    /**
+     * Fires on the client side after a node has been clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeViewNodeClickEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side after a node's expansion state has been changed by end-user interaction.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientTreeViewNodeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side before the expansion state of a node is changed via end-user interaction.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientTreeViewNodeCancelEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side when the node's checked state is changed by clicking on a check box.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientTreeViewNodeProcessingModeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTreeView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeView>>;
+    /**
+     * Returns a node specified by its index within the ASPxTreeView's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the number of nodes at the ASPxTreeView's zero level.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the selected node within the ASPxTreeView control on the client side.
+     */
+    GetSelectedNode(): ASPxClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+    /**
+     * Gets the root node of the ASPxTreeView object.
+     */
+    GetRootNode(): ASPxClientTreeViewNode;
+    /**
+     * Collapses all nodes in the ASPxTreeView on the client side.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all nodes in the ASPxTreeView on the client side.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView's TreeViewNode object.
+ */
+interface ASPxClientTreeViewNode {
+    /**
+     * Gets the client representation of the ASPxTreeView control to which the current node belongs.
+     * Value: An ASPxClientTreeView object representing the control to which the node belongs.
+     */
+    treeView: ASPxClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: An ASPxClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: ASPxClientTreeViewNode;
+    /**
+     * Gets the node's index within the parent's collection of nodes.
+     * Value: An integer value representing the node's zero-based index within the Nodes collection of the node to which the node belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the node.
+     * Value: A string value that represents the value assigned to the node's Name property.
+     */
+    name: string;
+    /**
+     * Returns the number of the current node's immediate child nodes.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a value indicating whether the node is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets a value which specifies the node's expansion state.
+     * @param value true if the node is expanded; otherwise, false.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value indicating whether the node is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value indicating whether the node is checked.
+     * @param value true if the node is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value which specifies the node's check state.
+     */
+    GetCheckState(): string;
+    /**
+     * Returns a value specifying whether the node is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the node is enabled.
+     * @param value true to make the node enabled; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value A string value specifying the URL to the image displayed within the node.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the node's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the node's navigate URL.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the node is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Gets the text, displayed within the node.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text, displayed within the node.
+     * @param value A string value that represents the text displayed within the node.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a node is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the node is visible.
+     * @param value true if the node is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Gets the HTML object that contains the current node.
+     */
+    GetHtmlElement(): Object;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the ASPxClientTreeView control that raised the event.
+     * @param e An ASPxClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events concerned with node processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxClientTreeView.ItemClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source The ASPxClientTreeView control which fires the event.
+     * @param e An ASPxClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventArgs extends ASPxClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets the HTML object that contains the processed node.
+     * Value: An object representing a container for the node related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ASPxTreeView control's client events concerning manipulations with a node.
+ */
+interface ASPxClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView control's client events, concerning manipulations with a node.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView control object that raised the event.
+     * @param e An ASPxClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface ASPxClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+ */
+interface ASPxClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView object that raised the event.
+     * @param e An ASPxClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface ASPxClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the ASPxUploadControl control.
+ */
+interface ASPxClientUploadControl extends ASPxClientControl {
+    /**
+     * Occurs on the client after a file has been uploaded.
+     */
+    FileUploadComplete: ASPxClientEvent<ASPxClientUploadControlFileUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client after upload of all selected files has been completed.
+     */
+    FilesUploadComplete: ASPxClientEvent<ASPxClientUploadControlFilesUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before upload of the specified files starts.
+     */
+    FileUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before file upload is started.
+     */
+    FilesUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires on the client side when the text within the control's edit box is changed while the control has focus.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientUploadControlTextChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the progress bar indicator position is changed.
+     */
+    UploadingProgressChanged: ASPxClientEvent<ASPxClientUploadControlUploadingProgressChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the file input elements count is changed.
+     */
+    FileInputCountChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    ValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse enters a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneEnter: ASPxClientEvent<ASPxClientUploadControlDropZoneEnterEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse leaves a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneLeave: ASPxClientEvent<ASPxClientUploadControlDropZoneLeaveEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Specifies whether the upload control's Advanced mode is enabled.
+     */
+    IsAdvancedModeEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file to the web server's memory.
+     */
+    UploadFile(): void;
+    /**
+     * Adds a new file input element to the ASPxUploadControl.
+     */
+    AddFileInput(): void;
+    /**
+     * Removes a file input element from the ASPxUploadControl.
+     * @param index An integer value that represents a file input element's index.
+     */
+    RemoveFileInput(index: number): void;
+    /**
+     * Removes a file with the specified index from the selected file list.
+     * @param fileIndex An integer value that is the zero-based index of an item in the file list.
+     */
+    RemoveFileFromSelection(fileIndex: number): void;
+    /**
+     * Removes the specified file from the list of files selected for uploading in the upload control.
+     * @param file An ASPxClientUploadControl object that is the file to be removed from the list of files.
+     */
+    RemoveFileFromSelection(file: ASPxClientUploadControlFile): void;
+    /**
+     * Returns files selected for uploading within the specified file input.
+     * @param inputIndex An integer value that specifies the index of a file input. Default value is "0".
+     */
+    GetSelectedFiles(inputIndex: number): ASPxClientUploadControlFile[];
+    /**
+     * Gets the text displayed within the edit box of the specified file input element.
+     * @param index An integer value that specifies the required file input element's index.
+     */
+    GetText(index: number): string;
+    /**
+     * Gets the number of file input elements contained within the ASPxUploadControl.
+     */
+    GetFileInputCount(): number;
+    /**
+     * Specifies the count of the file input elements within the upload control.
+     * @param count An integer value that specifies the file input elements count.
+     */
+    SetFileInputCount(count: number): void;
+    /**
+     * Specifies whether the upload control is enabled.
+     * @param enabled true, to enable the upload control; otherwise, false.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the upload control is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file(s) to the web server's memory.
+     */
+    Upload(): void;
+    /**
+     * Cancels the initiated file uploading process.
+     */
+    Cancel(): void;
+    /**
+     * Clears the file selection in the upload control.
+     */
+    ClearText(): void;
+    /**
+     * Sets the text to be displayed within the add button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetAddButtonText(text: string): void;
+    /**
+     * Sets the text to be displayed within the upload button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetUploadButtonText(text: string): void;
+    /**
+     * Returns the text displayed within the add button.
+     */
+    GetAddButtonText(): string;
+    /**
+     * Returns the text displayed within the upload button.
+     */
+    GetUploadButtonText(): string;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs), a click on which invokes file upload dialog.
+     * @param ids A string value specifying the ID or a list of IDs separated by the semicolon (;).
+     */
+    SetDialogTriggerID(ids: string): void;
+}
+/**
+ * A method that will handle the client FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploadStart event.
+     * @param source The event source. Identifies the ASPxUploadControl control that raised the event.
+     * @param e A ASPxClientUploadControlFilesUploadStartEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadStartEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that handles the FileUploadComplete client event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlFileUploadCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFileUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FileUploadComplete event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+    /**
+     * Gets or sets a value indicating whether the uploaded file passes validation.
+     * Value: true if the file is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the error text to be displayed within the ASPxUploadControl's error frame.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value representing callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the FilesUploadComplete client event.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client FilesUploadComplete event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e A  object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadComplete client event, which enables you to perform specific actions after all selected files have been uploaded.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error text to be displayed within the upload control's error frame.
+     * Value: A string value that is the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value that is the callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the TextChanged client event.
+ */
+interface ASPxClientUploadControlTextChangedEventHandler<S> {
+    /**
+     * A method that will handle the TextChanged client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlTextChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlTextChangedEventArgs): void;
+}
+/**
+ * Provides data for the TextChanged client event that allows you to respond to an end-user changing an edit box's text.
+ */
+interface ASPxClientUploadControlTextChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+}
+/**
+ * A method that will handle the ASPxUploadControl's client event, concerned with changes in upload progress.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventHandler<S> {
+    /**
+     * A method that will handle the ASPxUploadControl's client event concerning the uploading process being changed.
+     * @param source An object representing the event's source. Identifies the ASPxUploadControl object that raised the event.
+     * @param e An ASPxClientUploadControlUploadingProgressChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlUploadingProgressChangedEventArgs): void;
+}
+/**
+ * Provides data for the UploadingProgressChanged event.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the number of the files selected for upload.
+     * Value: An integer value that represents the total number of selected files.
+     */
+    fileCount: number;
+    /**
+     * Gets the name of the file being currently uploaded.
+     * Value: A string value that represents the file name.
+     */
+    currentFileName: string;
+    /**
+     * Gets the content length of the currently uploaded file.
+     * Value: An integer value specifying the content length.
+     */
+    currentFileContentLength: number;
+    /**
+     * Gets the content length of the current file already uploaded to the server.
+     * Value: An integer value that is the content length.
+     */
+    currentFileUploadedContentLength: number;
+    /**
+     * Gets the position of the current file upload progress.
+     * Value: An <see cref="Int32" /> value specifying the upload progress position.
+     */
+    currentFileProgress: number;
+    /**
+     * Gets the content length of the files selected for upload.
+     * Value: An integer value specifying the total content length of the selected files.
+     */
+    totalContentLength: number;
+    /**
+     * Gets the content length of the files already uploaded to the server.
+     * Value: An integer value that represents the content length.
+     */
+    uploadedContentLength: number;
+    /**
+     * Gets the current position of total upload progress.
+     * Value: An <see cref="Int32" /> value specifying the total upload progress position.
+     */
+    progress: number;
+}
+/**
+ * A method that will handle the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventHandler<S> {
+    /**
+     * A method that will handle the ValidationErrorOccurred event.
+     * @param source The event source.
+     * @param e An ASPxClientUploadControlValidationErrorOccurredEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlValidationErrorOccurredEventArgs): void;
+}
+/**
+ * Provides data for the ValidationErrorOccurred event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error text.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the ValidationErrorOccurred event fires.
+     * Value: true, to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets the validation settings for the selected files.
+     * Value: An ASPxClientUploadControlValidationSettings object that provides validation settings.
+     */
+    validationSettings: ASPxClientUploadControlValidationSettings;
+    /**
+     * Returns an array of invalid files.
+     * Value: An array of the ASPxClientUploadControlInvalidFileInfo objects.
+     */
+    invalidFiles: ASPxClientUploadControlInvalidFileInfo[];
+}
+/**
+ * Contains settings that relate to the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationSettings {
+    /**
+     * Gets the maximum file size.
+     * Value: An <see cref="Int64" /> value that specifies the maximum file size, in bytes.
+     */
+    maxFileSize: any;
+    /**
+     * Gets the maximum count of files that can be selected for uploading at once.
+     * Value: An integer value that specifies the maximum count of files.
+     */
+    maxFileCount: number;
+    /**
+     * Gets the allowed file extensions.
+     * Value: An array of string values that contains file extensions that are allowed.
+     */
+    allowedFileExtensions: string[];
+    /**
+     * Gets which characters in a file name are not allowed.
+     * Value: An array of string values that contains characters that are not allowed.
+     */
+    invalidFileNameCharacters: string[];
+}
+/**
+ * Contains settings of the file that hasn't passed validation.
+ */
+interface ASPxClientUploadControlInvalidFileInfo {
+    /**
+     * Gets the name of the invalid file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets the size of the invalid file.
+     * Value: An integer value that specifies the file size.
+     */
+    fileSize: number;
+    /**
+     * Gets the error type.
+     * Value: An ASPxClientUploadControlValidationErrorTypeConsts object that provides possible types of errors.
+     */
+    errorType: ASPxClientUploadControlValidationErrorTypeConsts;
+}
+/**
+ * Declares client constants containing codes of validation errors that can occur while selecting files for uploading.
+ */
+interface ASPxClientUploadControlValidationErrorTypeConsts {
+}
+/**
+ * Represents a client file that corresponds to a particular file selected for uploading in the upload control.
+ */
+interface ASPxClientUploadControlFile {
+    /**
+     * Gets the name of the file selected for uploading.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the size of the file selected for uploading.
+     * Value: An Int64 value specifying the file's size, in bytes.
+     */
+    size: any;
+    /**
+     * Provides access to the file as a native Javascript object.
+     * Value: A JavaScript object that is the file selected for uploading.
+     */
+    sourceFileObject: any;
+}
+/**
+ * A method that will handle the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneEnter event.
+     * @param source The event source. This parameter identifies the upload control object which raised the event.
+     * @param e An ASPxClientUploadControlDropZoneEnterEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneEnterEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * A method that will handle the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneLeave event.
+     * @param source The event source. Identifies the upload control object that raised the event.
+     * @param e A ASPxClientUploadControlDropZoneLeaveEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneLeaveEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * The JavaScript equivalent of the ASPxChartDesigner class.
+ */
+interface ASPxClientChartDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientChartDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientChartDesignerSaveCommandExecuteEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Client Chart Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientChartDesignerCustomizeMenuActionsEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientChartDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the model of the Client Chart Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * For internal use.
+     */
+    GetJsonChartModel(): string;
+}
+/**
+ * A method that will handle the SaveCommandExecute  event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * Represents a method that will handle the SaveCommandExecute event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e A ASPxClientChartDesignerSaveCommandExecuteEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for a chart control's SaveCommandExecute event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value specifying whether an event has been handled.
+     * Value: true, if the event hasn't been handled by a control; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * Represents a method that will handle the CustomizeMenuActions events.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * Represents a method that will handle the CustomizeMenuActions event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e An ASPxClientChartDesignerCustomizeMenuActionsEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * An action of the Client Chart Designer's menu.
+ */
+interface ASPxClientChartDesignerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when the Client Chart Designer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for a chart control's CustomizeMenuActions event on the client side.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of the Client Chart Designer's menu actions.
+     * Value: An array of the ASPxClientChartDesignerMenuAction objects.
+     */
+    actions: ASPxClientChartDesignerMenuAction[];
+}
+/**
+ * A class which provides access to the entire hierarchy of chart elements on the client side.
+ */
+interface ASPxClientWebChartControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientWebChartControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is hot-tracked.
+     */
+    ObjectHotTracked: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs before crosshair items are drawn when the chart's contents are being drawn.
+     */
+    CustomDrawCrosshair: ASPxClientEvent<ASPxClientWebChartControlCustomDrawCrosshairEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is selected.
+     */
+    ObjectSelected: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Returns an ASPxClientWebChart object, which contains information about the hierarchy of a chart control, and provides access to the main properties of chart elements  on the client side.
+     */
+    GetChart(): ASPxClientWebChart;
+    /**
+     * Returns the printing options of the chart control.
+     */
+    GetPrintOptions(): ASPxClientChartPrintOptions;
+    /**
+     * Changes the mouse pointer, which is shown when the mouse is over the chart control, to the pointer with the specified name.
+     * @param cursor A string value representing the name of the desired cursor.
+     */
+    SetCursor(cursor: string): void;
+    /**
+     * Returns the specific chart element which is located under the test point.
+     * @param x An integer value that specifies the x coordinate of the test point.
+     * @param y An integer value that specifies the y coordinate of the test point.
+     */
+    HitTest(x: number, y: number): ASPxClientHitObject[];
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Prints the current chart on the client side.
+     */
+    Print(): void;
+    /**
+     * Loads a chart which should be customized from its object model.
+     * @param serializedChartObjectModel A String object representing the chart model.
+     */
+    LoadFromObjectModel(serializedChartObjectModel: string): void;
+    /**
+     * Exports a chart to the file of the specified format, and saves it to the disk.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Exports a chart to a file in the specified format, and saves it to disk, using the specified file name.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     * @param filename A string value specifying the file name, to which a chart should be exported. If this parameter is missing or set to an empty string, then the created file will be named using the client-side name of a chart.
+     */
+    SaveToDisk(format: string, filename: string): void;
+    /**
+     * Exports a report to the file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string  value specifying a format in which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Gets the main DOM (Document Object Model) element on a Web Page representing this ASPxClientWebChartControl object.
+     */
+    GetMainDOMElement(): Object;
+}
+/**
+ * A method that will handle the CustomDrawCrosshair  event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventHandler<S> {
+    /**
+     * A method that will handle the CustomDrawCrosshair event.
+     * @param source The event source. This parameter identifies the chartControl which raised the event.
+     * @param e An ASPxClientWebChartControlCustomDrawCrosshairEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlCustomDrawCrosshairEventArgs): void;
+}
+/**
+ * Provides data for a chart control's CustomDrawCrosshair event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets crosshair elements settings  to custom draw a crosshair cursor.
+     * Value: An  ASPxClientCrosshairElement object.
+     */
+    crosshairElements: ASPxClientCrosshairElement;
+    /**
+     * Gets the settings of crosshair axis label elements to customize their appearance.
+     * Value: An ASPxClientCrosshairAxisLabelElement object.
+     */
+    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets crosshair line element settings that are used to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object that contains crosshair line element settings.
+     */
+    cursorCrosshairLineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Gets the settings of crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairGroupHeaderElement object.
+     */
+    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement;
+    /**
+     * Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairElementGroup object.
+     */
+    crosshairElementGroups: ASPxClientCrosshairElementGroup;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElement class.
+ */
+interface ASPxClientCrosshairElement {
+    /**
+     * Gets a series that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Gets the series point that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeriesPoint object, representing the series point that a crosshair element hovers over.
+     */
+    Point: ASPxClientSeriesPoint;
+    /**
+     * Gets or sets the crosshair line element to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object, representing the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element.
+     * Value: An ASPxClientCrosshairAxisLabelElement object, representing the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets the crosshair label element.
+     * Value: An ASPxClientCrosshairSeriesLabelElement object, representing the crosshair label element.
+     */
+    LabelElement: ASPxClientCrosshairSeriesLabelElement;
+    /**
+     * Specifies whether the crosshair element is visible when implementing custom drawing in the crosshair cursor.
+     * Value: true, if the crosshair element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairLineElement class.
+ */
+interface ASPxClientCrosshairLineElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairAxisLabelElement class.
+ */
+interface ASPxClientCrosshairAxisLabelElement {
+}
+/**
+ * The client-side equivalent of the CrosshairGroupHeaderElement class.
+ */
+interface ASPxClientCrosshairGroupHeaderElement {
+}
+/**
+ * The client-side equivalent of the CrosshairLabelElement class.
+ */
+interface ASPxClientCrosshairSeriesLabelElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElementGroup class.
+ */
+interface ASPxClientCrosshairElementGroup {
+}
+/**
+ * Represents a method that will handle the ObjectSelected events.
+ */
+interface ASPxClientWebChartControlHotTrackEventHandler<S> {
+    /**
+     * Represents a method that will handle the ObjectSelected events.
+     * @param source The event source. This parameter identifies the ASPxClientWebChartControl which raised the event.
+     * @param e An ASPxClientWebChartControlHotTrackEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlHotTrackEventArgs): void;
+}
+/**
+ * Provides data for a chart control's ObjectSelected events on the client side.
+ */
+interface ASPxClientWebChartControlHotTrackEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Provides access on the client side to the chart element, for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, which represents the chart element for which the event was raised.
+     */
+    hitObject: ASPxClientWebChartElement;
+    /**
+     * Provides access on the client side to the object, which is in some way related to the object being hit. The returned value depends on the hitObject type and hit point location.
+     * Value: An ASPxClientWebChartElement object representing an additional object that relates to the one being hit.
+     */
+    additionalHitObject: ASPxClientWebChartElement;
+    /**
+     * Gets details on the chart elements located at the point where an end-user has clicked when hot-tracking or selecting a chart element on the client side.
+     * Value: An ASPxClientWebChartHitInfo object, which contains information about the chart elements located at the point where an end-user has clicked.
+     */
+    hitInfo: ASPxClientWebChartHitInfo;
+    /**
+     * Provides access on the client side to the chart and all its elements.
+     * Value: An ASPxClientWebChart object, which provides access to chart properties.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    absoluteX: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    absoluteY: number;
+    /**
+     * Gets a value indicating whether the hot-tracking or object selection should be canceled.
+     * Value: true to cancel the hot-tracking or selection of an object; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object under the hit test point within a chart control, on the client side.
+ */
+interface ASPxClientHitObject {
+    /**
+     * Gets the chart element for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, representing the chart element for which the event was raised.
+     */
+    Object: ASPxClientWebChartElement;
+    /**
+     * Provides access to an object, which is in some way related to the object being hit. The returned value depends on the Object type and hit point location.
+     * Value: An ASPxClientWebChartElement object that represents an additional object related to the one being hit.
+     */
+    AdditionalObject: ASPxClientWebChartElement;
+}
+/**
+ * Contains information about a specific test point within a chart control, on the client side.
+ */
+interface ASPxClientWebChartHitInfo {
+    /**
+     * Gets a value indicating whether the test point is within the chart.
+     * Value: true if the test point is within a chart; otherwise, false.
+     */
+    inChart: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the chart title.
+     * Value: true if the test point is within a chart title; otherwise, false.
+     */
+    inChartTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis.
+     * Value: true if the test point is within an axis; otherwise, false.
+     */
+    inAxis: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis label item.
+     * Value: true if the test point is within an axis label item; otherwise, false.
+     */
+    inAxisLabelItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis title.
+     * Value: true if the test point is within an axis title; otherwise, false.
+     */
+    inAxisTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the constant line.
+     * Value: true if the test point is within a constant line; otherwise, false.
+     */
+    inConstantLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the diagram.
+     * Value: true if the test point is within a diagram; otherwise, false.
+     */
+    inDiagram: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the non-default pane.
+     * Value: true if the test point is within a non-default pane; otherwise, false.
+     */
+    inNonDefaultPane: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the legend.
+     * Value: true if the test point is within a legend; otherwise, false.
+     */
+    inLegend: boolean;
+    /**
+     * Gets the value indicating whether or not the test point is within a custom legend item.
+     * Value: true if the test point is within a custom legend item; otherwise, false.
+     */
+    inCustomLegendItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series.
+     * Value: true if the test point is within a series; otherwise, false.
+     */
+    inSeries: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series label.
+     * Value: true if the test point is within a series label; otherwise, false.
+     */
+    inSeriesLabel: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series point.
+     * Value: true if the test point is within a series point; otherwise, false.
+     */
+    inSeriesPoint: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series title.
+     * Value: true if the test point is within a series title; otherwise, false.
+     */
+    inSeriesTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the trendline.
+     * Value: true if the test point is within a trendline; otherwise, false.
+     */
+    inTrendLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the Fibonacci Indicator.
+     * Value: true if the test point is within a Fibonacci Indicator; otherwise, false.
+     */
+    inFibonacciIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the regression line.
+     * Value: true if the test point is within a regression line; otherwise, false.
+     */
+    inRegressionLine: boolean;
+    /**
+     * Gets a value specifying whether the test point is within an indicator.
+     * Value: true if the test point is within an indicator; otherwise, false.
+     */
+    inIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within an annotation.
+     * Value: true if the test point is within an annotation; otherwise, false.
+     */
+    inAnnotation: boolean;
+    /**
+     * Gets a value indicating whether the test point is within a hyperlink.
+     * Value: true, if the test point is within a hyperlink; otherwise, false.
+     */
+    inHyperlink: boolean;
+    /**
+     * Gets the client-side chart instance from under the test point.
+     * Value: An ASPxClientWebChart object.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the client-side chart title instance from under the test point.
+     * Value: An ASPxClientChartTitle object.
+     */
+    chartTitle: ASPxClientChartTitle;
+    /**
+     * Gets the client-side axis instance from under the test point.
+     * Value: An ASPxClientAxisBase descendant.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the client-side constant line instance from under the test point.
+     * Value: An ASPxClientConstantLine object.
+     */
+    constantLine: ASPxClientConstantLine;
+    /**
+     * Gets the client-side diagram instance from under the test point.
+     * Value: An ASPxClientXYDiagramBase descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Gets the client-side non-default pane instance from under the test point.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    nonDefaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the client-side legend instance from under the test point.
+     * Value: An ASPxClientLegend object.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Gets a custom legend item which is located under the test point.
+     * Value: An ASPxClientCustomLegendItem object which represents the item located under the test point.
+     */
+    customLegendItem: ASPxClientCustomLegendItem;
+    /**
+     * Gets the client-side series instance from under the test point.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the client-side series label instance from under the test point.
+     * Value: An ASPxClientSeriesLabel object.
+     */
+    seriesLabel: ASPxClientSeriesLabel;
+    /**
+     * Gets the client-side series title instance from under the test point.
+     * Value: An ASPxClientSeriesTitle object.
+     */
+    seriesTitle: ASPxClientSeriesTitle;
+    /**
+     * Gets the client-side trendline instance from under the test point.
+     * Value: An ASPxClientTrendLine object.
+     */
+    trendLine: ASPxClientTrendLine;
+    /**
+     * Gets the client-side Fibonacci indicator instance from under the test point.
+     * Value: An ASPxClientFibonacciIndicator object.
+     */
+    fibonacciIndicator: ASPxClientFibonacciIndicator;
+    /**
+     * Gets the client-side regression line instance from under the test point.
+     * Value: An ASPxClientRegressionLine object.
+     */
+    regressionLine: ASPxClientRegressionLine;
+    /**
+     * Gets the client-side indicator instance from under the test point.
+     * Value: An ASPxClientIndicator descendant.
+     */
+    indicator: ASPxClientIndicator;
+    /**
+     * Gets the client-side annotation instance from under the test point.
+     * Value: An ASPxClientAnnotation object.
+     */
+    annotation: ASPxClientAnnotation;
+    /**
+     * Gets the client-side series point instance from under the test point.
+     * Value: An ASPxClientSeriesPoint object.
+     */
+    seriesPoint: ASPxClientSeriesPoint;
+    /**
+     * Gets the client-side axis label item instance from under the test point.
+     * Value: An ASPxClientAxisLabelItem object.
+     */
+    axisLabelItem: ASPxClientAxisLabelItem;
+    /**
+     * Gets the client-side axis title instance from under the test point.
+     * Value: An ASPxClientAxisTitle object.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Returns a hyperlink which is located under the test point.
+     * Value: A String object representing a hyperlink.
+     */
+    hyperlink: string;
+}
+/**
+ * Represents the client-side equivalent of the DiagramCoordinates class.
+ */
+interface ASPxClientDiagramCoordinates {
+    /**
+     * Gets the type of the argument scale.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets the type of the value scale.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the argument of the data point as a text string.
+     * Value: A string object, representing a data point's argument.
+     */
+    qualitativeArgument: string;
+    /**
+     * Gets the numerical representation of the data point's argument.
+     * Value: A Double value, representing the data point's argument.
+     */
+    numericalArgument: number;
+    /**
+     * Gets the date-time representation of the data point's argument.
+     * Value: A date object, representing the point's argument.
+     */
+    dateTimeArgument: Date;
+    /**
+     * Gets the numerical representation of the data point's value.
+     * Value: A Double value, representing the data point's value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the date-time representation of the data point's value.
+     * Value: A date object, representing the point's value.
+     */
+    dateTimeValue: Date;
+    /**
+     * Gets the X-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of arguments (X-axis).
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of values (Y-axis).
+     */
+    axisY: ASPxClientAxisBase;
+    /**
+     * Gets the pane of the diagram point.
+     * Value: An ASPxClientXYDiagramPane descendant, representing the pane.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Checks whether the current object represents a point outside the diagram area.
+     */
+    IsEmpty(): boolean;
+    /**
+     * Gets the value of the client-side axis instance.
+     * @param axis An ASPxClientAxisBase class descendant, representing the axis that contains the requested value.
+     */
+    GetAxisValue(axis: ASPxClientAxisBase): ASPxClientAxisValue;
+}
+/**
+ * Contains the information about an axis value.
+ */
+interface ASPxClientAxisValue {
+    /**
+     * Gets the axis scale type.
+     * Value: A String value, specifying the axis scale type.
+     */
+    scaleType: string;
+    /**
+     * Gets the axis value, if the axis scale type is qualitative.
+     * Value: A String value, specifying the axis value.
+     */
+    qualitativeValue: string;
+    /**
+     * Gets the axis value, if the axis scale type is numerical.
+     * Value: A Double value, specifying the axis value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the axis value, if the axis scale type is date-time.
+     * Value: A DateTime value, specifying the axis value.
+     */
+    dateTimeValue: Date;
+}
+/**
+ * Represents the client-side equivalent of the ControlCoordinates class.
+ */
+interface ASPxClientControlCoordinates {
+    /**
+     * Gets the point's pane.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the point's X-coordinate, in pixels.
+     * Value: An integer value, specifying the X-coordinate (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the point's Y-coordinate, in pixels.
+     * Value: An integer value, specifying the Y-coordinate (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the point's visibility state.
+     * Value: "Visible", "Hidden", or "Undefined".
+     */
+    visibility: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartElement class.
+ */
+interface ASPxClientWebChartElement {
+    /**
+     * Gets the chart that owns the current chart element.
+     * Value: An ASPxClientWebChart object, to which the chart element belongs.
+     */
+    chart: ASPxClientWebChart;
+}
+/**
+ * Represents a base class for chart elements, which are not necessarily required to be present on the client side.
+ */
+interface ASPxClientWebChartEmptyElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents a base class for chart elements, which are required to be present on the client side.
+ */
+interface ASPxClientWebChartRequiredElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents the client-side equivalent of the ChartElementNamed class.
+ */
+interface ASPxClientWebChartElementNamed extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the name of the chart element.
+     * Value: A string object representing the name of the chart element.
+     */
+    name: string;
+}
+/**
+ * Represents the client-side equivalent of the WebChartControl control.
+ */
+interface ASPxClientWebChart extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the client-side Chart Control that owns the current chart.
+     * Value: An ASPxClientWebChartControl object, to which the chart belongs.
+     */
+    chartControl: ASPxClientWebChartControl;
+    /**
+     * Gets the chart's diagram and provides access to its settings.
+     * Value: An ASPxClientRadarDiagram),  that represents the chart's diagram.
+     */
+    diagram: ASPxClientWebChartElement;
+    /**
+     * Provides access to the chart's collection of series.
+     * Value: An array of ASPxClientSeries objects that represent the collection of series.
+     */
+    series: ASPxClientSeries[];
+    /**
+     * Provides access to the collection of chart titles.
+     * Value: An array of ASPxClientChartTitle objects, that represent the collection of chart titles.
+     */
+    titles: ASPxClientChartTitle[];
+    /**
+     * Provides access to the chart's collection of annotations.
+     * Value: An array of ASPxClientAnnotation objects, representing the collection of annotations.
+     */
+    annotations: ASPxClientAnnotation[];
+    /**
+     * Gets the chart's legend and provides access to its settings.
+     * Value: An ASPxClientLegend object that represents the chart's legend.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Returns the collection of legends.
+     * Value: An array of ASPxClientLegend objects.
+     */
+    legends: ASPxClientLegend[];
+    /**
+     * Gets the name of the appearance, which is currently used to draw the chart's elements.
+     * Value: A string value that represents the appearance name.
+     */
+    appearanceName: string;
+    /**
+     * Gets the name of the palette currently used to draw the chart's series.
+     * Value: A string value that represents the palette name.
+     */
+    paletteName: string;
+    /**
+     * Gets a value indicating whether series tooltips should be shown.
+     * Value: true to show tooltips for series; otherwise, false.
+     */
+    showSeriesToolTip: boolean;
+    /**
+     * Gets a value indicating whether point tooltips should be shown.
+     * Value: true to show tooltips for series points; otherwise, false.
+     */
+    showPointToolTip: boolean;
+    /**
+     * Gets a value indicating whether a crosshair cursor should be shown.
+     * Value: true to show a crosshair cursor; otherwise, false.
+     */
+    showCrosshair: boolean;
+    /**
+     * Gets a value that contains information on how the tooltip position is defined, for example, relative to a mouse pointer or chart element.
+     * Value: An ASPxClientToolTipPosition class descendant that defines the tooltip position type.
+     */
+    toolTipPosition: ASPxClientToolTipPosition;
+    /**
+     * Returns the tooltip controller that shows tooltips for chart elements.
+     * Value: An ASPxClientToolTipController object.
+     */
+    toolTipController: ASPxClientToolTipController;
+    /**
+     * Gets the settings for a crosshair cursor concerning its position and appearance on a diagram.
+     * Value: An ASPxClientCrosshairOptions object descendant which provides access to crosshair cursor options on a diagram.
+     */
+    crosshairOptions: ASPxClientCrosshairOptions;
+    /**
+     * Gets a css postfix for a chart.
+     * Value: A string value.
+     */
+    cssPostfix: string;
+    /**
+     * Gets or sets a value which specifies how the chart elements are selected.
+     * Value: A String object representing the name of the selection mode.
+     */
+    selectionMode: string;
+}
+/**
+ * Represents the client-side equivalent of the SimpleDiagram class.
+ */
+interface ASPxClientSimpleDiagram extends ASPxClientWebChartEmptyElement {
+}
+/**
+ * Represents the base class for all diagram classes, which have X and Y axes.
+ */
+interface ASPxClientXYDiagramBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the X-axis.
+     * Value: An ASPxClientAxisBase object which represents the X-axis.
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis.
+     * Value: An ASPxClientAxisBase object which represents the Y-axis.
+     */
+    axisY: ASPxClientAxisBase;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram2D class.
+ */
+interface ASPxClientXYDiagram2D extends ASPxClientXYDiagramBase {
+    /**
+     * Provides access to a collection of secondary X-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesX: ASPxClientAxis[];
+    /**
+     * Provides access to a collection of secondary Y-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesY: ASPxClientAxis[];
+    /**
+     * Provides access to a default pane object.
+     * Value: An ASPxClientXYDiagramPane object which represents the default pane of a chart.
+     */
+    defaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Provides access to an array of a diagram's panes.
+     * Value: An array of ASPxClientXYDiagramPane objects.
+     */
+    panes: ASPxClientXYDiagramPane[];
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     * @param axisX An ASPxClientAxis2D descendant, representing the X-axis.
+     * @param axisY An ASPxClientAxis2D descendant, representing the Y-axis.
+     * @param pane An ASPxClientXYDiagramPane object, representing the pane.
+     */
+    DiagramToPoint(argument: Object, value: Object, axisX: ASPxClientAxis2D, axisY: ASPxClientAxis2D, pane: ASPxClientXYDiagramPane): ASPxClientControlCoordinates;
+    /**
+     * Shows the Crosshair Cursor at the point with the specified coordinates.
+     * @param screenX The horizontal coordinate that is related to the top-left angle of the chart.
+     * @param screenY The vertical coordinate that is related to the top-left angle of the chart.
+     */
+    ShowCrosshair(screenX: number, screenY: number): void;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram class.
+ */
+interface ASPxClientXYDiagram extends ASPxClientXYDiagram2D {
+    /**
+     * Gets a value indicating whether the diagram is rotated.
+     * Value: true if the diagram is rotated; otherwise, false.
+     */
+    rotated: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagram class.
+ */
+interface ASPxClientSwiftPlotDiagram extends ASPxClientXYDiagram2D {
+}
+/**
+ * Represents the client-side equivalent of the XYDiagramPane class.
+ */
+interface ASPxClientXYDiagramPane extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the diagram that owns the current pane object.
+     * Value: An ASPxClientXYDiagram object, to which the pane belongs.
+     */
+    diagram: ASPxClientXYDiagram;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram3D class.
+ */
+interface ASPxClientXYDiagram3D extends ASPxClientXYDiagramBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarDiagram class.
+ */
+interface ASPxClientRadarDiagram extends ASPxClientXYDiagramBase {
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     */
+    DiagramToPoint(argument: Object, value: Object): ASPxClientControlCoordinates;
+}
+/**
+ * Represents the client-side equivalent of the AxisBase class.
+ */
+interface ASPxClientAxisBase extends ASPxClientWebChartElementNamed {
+    /**
+     * Provides access to the XY-diagram which contains the current axis.
+     * Value: An ASPxClientXYDiagramBase class descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Provides acess to the range of the axis coordinates.
+     * Value: An ASPxClientAxisRange object, which contains the common range settings of the axis coordinates.
+     */
+    range: ASPxClientAxisRange;
+}
+/**
+ * Represents the client-side equivalent of the Axis2D class.
+ */
+interface ASPxClientAxis2D extends ASPxClientAxisBase {
+    /**
+     * Provides access to an axis title object.
+     * Value: An ASPxClientAxisTitle object which represents the axis title.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Provides access to the axis strips collection.
+     * Value: An array of ASPxClientStrip objects.
+     */
+    strips: ASPxClientStrip[];
+    /**
+     * Provides access to the collection of the axis constant lines.
+     * Value: An array of ASPxClientConstantLine objects which represent constant lines that belong to this axis.
+     */
+    constantLines: ASPxClientConstantLine[];
+}
+/**
+ * Represents the client-side equivalent of the Axis class.
+ */
+interface ASPxClientAxis extends ASPxClientAxis2D {
+    /**
+     * Gets a value indicating whether the axis is reversed.
+     * Value: true if the axis is reversed; otherwise, false.
+     */
+    reverse: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagramAxis class.
+ */
+interface ASPxClientSwiftPlotDiagramAxis extends ASPxClientAxis2D {
+}
+/**
+ * Represents the client-side equivalent of the Axis3D class.
+ */
+interface ASPxClientAxis3D extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarAxis class.
+ */
+interface ASPxClientRadarAxis extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the AxisTitle class.
+ */
+interface ASPxClientAxisTitle extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which the axis title belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of the axis title.
+     * Value: A string object which contains the axis title's text.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the AxisLabelItem class.
+ */
+interface ASPxClientAxisLabelItem extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which an axis label item belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of an axis label item.
+     * Value: A string object which contains the axis label item's text.
+     */
+    text: string;
+    /**
+     * Gets the axis value to which an axis label item corresponds.
+     * Value: An object that specifies the axis value.
+     */
+    axisValue: Object;
+    /**
+     * Gets the internal representation of the axis value to which an axis label item corresponds.
+     * Value: A Double value which specifies the internal representation of the axis value.
+     */
+    axisValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the AxisRange class.
+ */
+interface ASPxClientAxisRange extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis that owns the current axis range object.
+     * Value: An ASPxClientAxisBase object, to which the axis range belongs.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the minimum value to display on an axis.
+     * Value: An object representing the minimum value of the axis range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value to display on an axis.
+     * Value: An object representing the maximum value of the axis range.
+     */
+    maxValue: Object;
+    /**
+     * Gets the internal float representation of the range minimum value.
+     * Value: A Double value which specifies the internal representation of the range minimum value.
+     */
+    minValueInternal: number;
+    /**
+     * Gets the internal float representation of the range maximum value.
+     * Value: A Double value which specifies the internal representation of the range maximum value.
+     */
+    maxValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the Strip class.
+ */
+interface ASPxClientStrip extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current strip object.
+     * Value: An ASPxClientAxis object, to which the strip belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the minimum value of the strip's range.
+     * Value: An object that represents the minimum value of the strip's range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value of the strip's range.
+     * Value: An object that represents the maximum value of the strip's range.
+     */
+    maxValue: Object;
+}
+/**
+ * Represents the client-side equivalent of the ConstantLine class.
+ */
+interface ASPxClientConstantLine extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current constant line object.
+     * Value: An ASPxClientAxis object, to which the constant line belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the constant line's position along the axis.
+     * Value: An object that specifies the constant line's position.
+     */
+    value: Object;
+    /**
+     * Gets the constant line title.
+     * Value: A string object, representing the title's text.
+     */
+    title: string;
+}
+/**
+ * Represents the client-side equivalent of the Series class.
+ */
+interface ASPxClientSeries extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets a value that specifies the view type of the series.
+     * Value: A string object which contains the current view type.
+     */
+    viewType: string;
+    /**
+     * Gets a value that specifies the scale type for the argument data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets a value that specifies the scale type for the value data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the X-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the X-axis name.
+     */
+    axisX: string;
+    /**
+     * Gets the Y-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Gets the pane that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the pane's name.
+     */
+    pane: string;
+    /**
+     * Gets a value indicating whether the series is visible.
+     * Value: true if the series is visible; otherwise, false.
+     */
+    visible: boolean;
+    /**
+     * Gets a value that specifies whether or not a tooltip is enabled for a chart.
+     * Value: true - a tooltip is enabled for a chart; false - a tooltip is disabled.
+     */
+    toolTipEnabled: boolean;
+    /**
+     * Gets the text to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets an image to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipImage: string;
+    /**
+     * Gets the settings of series labels.
+     * Value: An ASPxClientSeriesLabel object, which provides the series label settings.
+     */
+    label: ASPxClientSeriesLabel;
+    /**
+     * Gets the series' collection of data points.
+     * Value: An array of ASPxClientSeriesPoint objects, that represent the series' data points.
+     */
+    points: ASPxClientSeriesPoint[];
+    /**
+     * Provides access to the collection of series titles.
+     * Value: An array of ASPxClientSeriesTitle objects, that represent the collection of series titles.
+     */
+    titles: ASPxClientSeriesTitle[];
+    /**
+     * Gets the series' collection of indicators.
+     * Value: An array of ASPxClientIndicator objects, that belong to the series.
+     */
+    indicators: ASPxClientIndicator[];
+    /**
+     * Provides access to the collection of regression lines.
+     * Value: An array of ASPxClientRegressionLine objects which represent regression lines available for the series.
+     */
+    regressionLines: ASPxClientRegressionLine[];
+    /**
+     * Provides access to the collection of trendlines.
+     * Value: An array of ASPxClientTrendLine objects, that represent the collection of trendlines.
+     */
+    trendLines: ASPxClientTrendLine[];
+    /**
+     * Provides access to the collection of Fibonacci Indicators.
+     * Value: An array of ASPxClientFibonacciIndicator objects, that represent the collection of Fibonacci Indicators.
+     */
+    fibonacciIndicators: ASPxClientFibonacciIndicator[];
+    /**
+     * Gets the color of a series.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets a value that defines a group for stacked series.
+     * Value: A string value.
+     */
+    stackedGroup: string;
+    /**
+     * Gets a string which represents the pattern specifying the text to be displayed within a crosshair label for the current Series  type.
+     * Value: A Empty.
+     */
+    crosshairLabelPattern: string;
+    /**
+     * This property is intended for internal use only.
+     * Value: A String value.
+     */
+    groupedElementsPattern: string;
+    /**
+     * Returns a collection of crosshair value items.
+     * Value: An array of ASPxClientCrosshairValueItem objects.
+     */
+    crosshairValueItems: ASPxClientCrosshairValueItem[];
+    /**
+     * Gets a value indicating whether a crosshair cursor is enabled.
+     * Value: true if a crosshair cursor is enabled; otherwise, false.
+     */
+    actualCrosshairEnabled: boolean;
+    /**
+     * Gets a value indicating whether a crosshair label should be shown for this series.
+     * Value: true if crosshair labels are visible; otherwise, false.
+     */
+    actualCrosshairLabelVisibility: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SeriesLabelBase class.
+ */
+interface ASPxClientSeriesLabel extends ASPxClientWebChartElement {
+    /**
+     * Gets the series that owns the current series label object.
+     * Value: An ASPxClientSeries object, to which the series label belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the common text for all series point labels.
+     * Value: Returns an empty string object.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the SeriesPoint class.
+ */
+interface ASPxClientSeriesPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the series that owns the current series point object.
+     * Value: An ASPxClientSeries object, to which the series point belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the data point's argument.
+     * Value: An object that specifies the data point's argument.
+     */
+    argument: Object;
+    /**
+     * Gets the point's data value(s).
+     * Value: An array of objects that represent the data value(s) of the series data point.
+     */
+    values: Object[];
+    /**
+     * Gets the text to be displayed within series points tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets the color of a series point.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets the percent value of a series point.
+     * Value: A float value.
+     */
+    percentValue: number;
+    /**
+     * Gets a hint that is shown in series points tooltips.
+     * Value: A string value.
+     */
+    toolTipHint: string;
+}
+/**
+ * Represents the client-side equivalent of the Legend class.
+ */
+interface ASPxClientLegend extends ASPxClientWebChartEmptyElement {
+    /**
+     * Returns a value which determines whether to use checkboxes instead of markers on a chart legend for all legend items.
+     * Value: true, if legend checkboxes are shown instead of markers for all legend items; otherwise, false.
+     */
+    useCheckBoxes: boolean;
+    /**
+     * Returns a collection of custom legend items of the legend.
+     * Value: A collection of ASPxClientCustomLegendItem objects.
+     */
+    customItems: ASPxClientCustomLegendItem[];
+    /**
+     * Returns the name of the legend.
+     * Value: The string value representing the name of the legend.
+     */
+    name: string;
+}
+/**
+ * Represents the base for ASPxClientSeriesTitle classes.
+ */
+interface ASPxClientTitleBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the lines of text within a title.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+    /**
+     * Gets the alignment of the title.
+     * Value: A string value containing the text, which specifies the alignment of a title.
+     */
+    alignment: string;
+    /**
+     * Gets a value that specifies to which edges of a parent element the title should be docked.
+     * Value: A string value.
+     */
+    dock: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartTitle class.
+ */
+interface ASPxClientChartTitle extends ASPxClientTitleBase {
+}
+/**
+ * Represents the client-side equivalent of the SeriesTitle class.
+ */
+interface ASPxClientSeriesTitle extends ASPxClientTitleBase {
+    /**
+     * Gets the series that owns the current title object.
+     * Value: An ASPxClientSeries object, to which the series title belongs.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the Indicator class.
+ */
+interface ASPxClientIndicator extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the indicator's associated series.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicator class.
+ */
+interface ASPxClientFinancialIndicator extends ASPxClientIndicator {
+    /**
+     * Gets the first point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's first point.
+     */
+    point1: ASPxClientFinancialIndicatorPoint;
+    /**
+     * Gets the second point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's second point.
+     */
+    point2: ASPxClientFinancialIndicatorPoint;
+}
+/**
+ * Represents the client-side equivalent of the TrendLine class.
+ */
+interface ASPxClientTrendLine extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FibonacciIndicator class.
+ */
+interface ASPxClientFibonacciIndicator extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicatorPoint class.
+ */
+interface ASPxClientFinancialIndicatorPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the financial indicator that owns the current financial indicator point.
+     * Value: An ASPxClientFinancialIndicator object, to which the point belongs.
+     */
+    financialIndicator: ASPxClientFinancialIndicator;
+    /**
+     * Gets the argument of the financial indicator's point.
+     * Value: An object that specifies the point argument.
+     */
+    argument: Object;
+    /**
+     * Gets a value, indicating how the value of a financial indicator's point is obtained.
+     * Value: A string value, which indicates how to obtain a financial indicator point's value.
+     */
+    valueLevel: string;
+}
+/**
+ * The client-side equivalent of the SingleLevelIndicator class.
+ */
+interface ASPxClientSingleLevelIndicator extends ASPxClientIndicator {
+    /**
+     * Gets a value specifying the value level to which the single-level indicator corresponds.
+     * Value: A string value.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RegressionLine class.
+ */
+interface ASPxClientRegressionLine extends ASPxClientSingleLevelIndicator {
+}
+/**
+ * The client-side equivalent of the MovingAverage class.
+ */
+interface ASPxClientMovingAverage extends ASPxClientSingleLevelIndicator {
+    /**
+     * Gets the number of data points used to calculate the moving average.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value specifying whether to display a Moving Average, Envelope, or both.
+     * Value: A string value.
+     */
+    kind: string;
+    /**
+     * Gets a value specifying the Envelope percent.
+     * Value: A double value which specifies the Envelope percent.
+     */
+    envelopePercent: number;
+}
+/**
+ * The client-side equivalent of the SimpleMovingAverage class.
+ */
+interface ASPxClientSimpleMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the ExponentialMovingAverage class.
+ */
+interface ASPxClientExponentialMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the WeightedMovingAverage class.
+ */
+interface ASPxClientWeightedMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the TriangularMovingAverage class.
+ */
+interface ASPxClientTriangularMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTema class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTema extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the BollingerBands class.
+ */
+interface ASPxClientBollingerBands extends ASPxClientIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MedianPrice class.
+ */
+interface ASPxClientMedianPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the TypicalPrice class.
+ */
+interface ASPxClientTypicalPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the WeightedClose class.
+ */
+interface ASPxClientWeightedClose extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the SeparatePaneIndicator class.
+ */
+interface ASPxSeparatePaneIndicator extends ASPxClientIndicator {
+    /**
+     * Returns the name of the Y-axis that is used to plot the current indicator on a ASPxClientXYDiagram.
+     * Value: A string value specifying the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Returns the name of a pane, used to plot the separate pane indicator on an XYDiagram.
+     * Value: A string that is the name of a pane.
+     */
+    pane: string;
+}
+/**
+ * Represents the client-side equivalent of the AverageTrueRange class.
+ */
+interface ASPxClientAverageTrueRange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the ChaikinsVolatility class.
+ */
+interface ASPxClientChaikinsVolatility extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the CommodityChannelIndex class.
+ */
+interface ASPxClientCommodityChannelIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the DetrendedPriceOscillator class.
+ */
+interface ASPxClientDetrendedPriceOscillator extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MassIndex class.
+ */
+interface ASPxClientMassIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the count of points used to calculate the exponential moving average (EMA).
+     * Value: An integer value, specifying the count of points used to calculate EMA.
+     */
+    movingAveragePointsCount: number;
+    /**
+     * Returns the count of summable values.
+     * Value: An integer value specifying the count of summable ratios.
+     */
+    sumPointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the MovingAverageConvergenceDivergence class.
+ */
+interface ASPxClientMovingAverageConvergenceDivergence extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the short period value required to calculate the indicator.
+     * Value: An integer value specifying the short period value.
+     */
+    shortPeriod: number;
+    /**
+     * Returns the long period value required to calculate the indicator.
+     * Value: An integer value specifying the long period.
+     */
+    longPeriod: number;
+    /**
+     * Returns the smoothing period value required to calculate the indicator.
+     * Value: An integer value specifying the smoothing period value.
+     */
+    signalSmoothingPeriod: number;
+}
+/**
+ * Represents the client-side equivalent of the RateOfChange class.
+ */
+interface ASPxClientRateOfChange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RelativeStrengthIndex class.
+ */
+interface ASPxClientRelativeStrengthIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviation class.
+ */
+interface ASPxClientStandardDeviation extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTrix class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTrix extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the WilliamsR class.
+ */
+interface ASPxClientWilliamsR extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the FixedValueErrorBars class.
+ */
+interface ASPxClientFixedValueErrorBars extends ASPxClientIndicator {
+    /**
+     * Gets or sets the fixed positive error value.
+     * Value: A double value specifying the positive error value.
+     */
+    positiveError: number;
+    /**
+     * Returns the fixed negative error value.
+     * Value: A double value specifying the negative error value.
+     */
+    negativeError: number;
+}
+/**
+ * Represents the client-side equivalent of the PercentageErrorBars class.
+ */
+interface ASPxClientPercentageErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the value specifying the percentage of error values of series point values.
+     * Value: A double value specifying the percentage. Values less than or equal to 0 are not allowed.
+     */
+    percent: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviationErrorBars class.
+ */
+interface ASPxClientStandardDeviationErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the multiplier on which the standard deviation value is multiplied before display.
+     * Value: A double value specifying the multiplier. Values less than 0 are not allowed.
+     */
+    multiplier: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardErrorBars class.
+ */
+interface ASPxClientStandardErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the DataSourceBasedErrorBars class.
+ */
+interface ASPxClientDataSourceBasedErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the Annotation class.
+ */
+interface ASPxClientAnnotation extends ASPxClientWebChartElementNamed {
+}
+/**
+ * Represents the client-side equivalent of the TextAnnotation class.
+ */
+interface ASPxClientTextAnnotation extends ASPxClientAnnotation {
+    /**
+     * Gets the lines of text within an annotation.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+}
+/**
+ * Represents the client-side equivalent of the ImageAnnotation class.
+ */
+interface ASPxClientImageAnnotation extends ASPxClientAnnotation {
+}
+/**
+ * The client-side equivalent of the CrosshairValueItem class.
+ */
+interface ASPxClientCrosshairValueItem {
+    /**
+     * Gets the value that is displayed in a crosshair label.
+     * Value: A float value.
+     */
+    value: number;
+    /**
+     * Gets an index of a point for which this crosshair value item is displayed.
+     * Value: An integer value.
+     */
+    pointIndex: number;
+}
+/**
+ * The client-side equivalent of the ChartToolTipController class.
+ */
+interface ASPxClientToolTipController extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether an image should be shown in tooltips.
+     * Value: true to show an image in tooltips; otherwise, false.
+     */
+    showImage: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show text in tooltips.
+     * Value: true to show text in tooltips; otherwise, false.
+     */
+    showText: boolean;
+    /**
+     * Gets a value that defines the position of an image within a tooltip.
+     * Value: A string value.
+     */
+    imagePosition: string;
+    /**
+     * Gets a value that defines when tooltips should be invoked.
+     * Value: A string value.
+     */
+    openMode: string;
+}
+/**
+ * The client-side equivalent of the ToolTipPosition class.
+ */
+interface ASPxClientToolTipPosition {
+}
+/**
+ * The client-side equivalent of the ToolTipRelativePosition class.
+ */
+interface ASPxClientToolTipRelativePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the ToolTipFreePosition class.
+ */
+interface ASPxClientToolTipFreePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+    /**
+     * Gets the ID of a pane.
+     * Value: An integer value.
+     */
+    paneID: number;
+    /**
+     * Gets an object containing settings that define how a tooltip should be docked.
+     * Value: A string value.
+     */
+    dockPosition: string;
+}
+/**
+ * The client-side equivalent of the CrosshairLabelPosition class.
+ */
+interface ASPxClientCrosshairPosition {
+    /**
+     * Gets the horizontal offset of a crosshair cursor.
+     * Value: An integer value that is the X-offset.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a crosshair cursor.
+     * Value: An integer value that is the Y-offset.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the CrosshairMousePosition class.
+ */
+interface ASPxClientCrosshairMousePosition extends ASPxClientCrosshairPosition {
+}
+/**
+ * The client-side equivalent of the CrosshairFreePosition class.
+ */
+interface ASPxClientCrosshairFreePosition extends ASPxClientCrosshairPosition {
+    /**
+     * Gets a Pane's ID when the crosshair cursor is in the free position mode.
+     * Value: An integer value that is the pane's ID.
+     */
+    paneID: number;
+    /**
+     * Gets a string containing information on a crosshair label's dock position when the crosshair cursor is in the free position mode.
+     * Value: A string value containing information on a crosshair label's dock position.
+     */
+    dockPosition: string;
+}
+/**
+ * Defines line style settings.
+ */
+interface ASPxClientLineStyle extends ASPxClientWebChartElement {
+    /**
+     * Gets the dash style used to paint the line.
+     * Value: A string value that contains information about the style used to paint the line.
+     */
+    dashStyle: string;
+    /**
+     * Gets the thickness that corresponds to the value of the current ASPxClientLineStyle object.
+     * Value: An integer value which specifies the thickness, in pixels.
+     */
+    thickness: number;
+    /**
+     * Returns the join style for the ends of consecutive lines.
+     * Value: A string representing the name of the line join type.
+     */
+    lineJoin: string;
+}
+/**
+ * The client-side equivalent of the CrosshairOptions class.
+ */
+interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the X-axis.
+     * Value: true to show a crosshair label for the X-axis; otherwise, false.
+     */
+    showAxisXLabels: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the Y-axis.
+     * Value: true to show the crosshair label for the Y-axis; otherwise, false.
+     */
+    showAxisYLabels: boolean;
+    /**
+     * Gets a value that defines whether a crosshair label of a series point indicated by a crosshair cursor is shown on a diagram.
+     * Value: true if a crosshair label indicated by a crosshair cursor is shown on a diagram; otherwise, false.
+     */
+    showCrosshairLabels: boolean;
+    /**
+     * Gets a value that indicates whether a crosshair cursor argument line is shown for a series point on a diagram.
+     * Value: true if a crosshair cursor argument line is displayed on a diagram;  otherwise, false.
+     */
+    showArgumentLine: boolean;
+    /**
+     * Specifies whether to show a value line of a series point indicated by a crosshair cursor on a diagram.
+     * Value: true to display a value line indicated by a crosshair cursor on a diagram; otherwise, false.
+     */
+    showValueLine: boolean;
+    /**
+     * Gets a value that specifies whether to show a crosshair cursor in a focused pane only.
+     * Value: true to display a crosshair cursor in a focused pane; otherwise, false.
+     */
+    showOnlyInFocusedPane: boolean;
+    /**
+     * Specifies the current snap mode of a crosshair cursor.
+     * Value: A string value.
+     */
+    snapMode: string;
+    /**
+     * Specifies the way in which the crosshair label is shown for a series on a diagram.
+     * Value: A string value that specifies how the crosshair label is shown for a series.
+     */
+    crosshairLabelMode: string;
+    /**
+     * Gets a value that indicates whether to show a header for each series group in crosshair cursor labels.
+     * Value: true, to show a group header in crosshair cursor labels; otherwise, false.
+     */
+    showGroupHeaders: boolean;
+    /**
+     * Gets a string which represents the  pattern specifying the group header text to be displayed within the crosshair label.
+     * Value: A String, which represents the group header's pattern.
+     */
+    groupHeaderPattern: string;
+    /**
+     * Gets a value that specifies whether the Crosshair cursor should show points that are out of visual range.
+     * Value: true if the out of visual range points should be shown in the Crosshair label; otherwise false.
+     */
+    showOutOfRangePoints: boolean;
+    /**
+     * Gets the identifier specifying the behavior of the selection of points shown in the crosshair label.
+     * Value: The selection behavior identifier.
+     */
+    valueSelectionMode: string;
+    /**
+     * Gets the color of a crosshair argument line.
+     * Value: A String value, specifying the color of a crosshair argument line.
+     */
+    argumentLineColor: string;
+    /**
+     * Gets the color of a crosshair value line.
+     * Value: A String value, specifying the color of a crosshair value line.
+     */
+    valueLineColor: string;
+}
+/**
+ * The chart print options storage.
+ */
+interface ASPxClientChartPrintOptions {
+    /**
+     * Gets the size mode used to print a chart.
+     */
+    GetSizeMode(): string;
+    /**
+     * Sets the size mode used to print a chart.
+     * @param sizeMode A System.String object, specifying the name of the size mode.
+     */
+    SetSizeMode(sizeMode: string): void;
+    /**
+     * Gets a value indicating that the landscape orientation will be used to print a chart.
+     */
+    GetLandscape(): boolean;
+    /**
+     * Sets a value indicating that the landscape orientation will be used to print a chart.
+     * @param landscape A Boolean value, specifying that the landscape orientation will be used to print a chart.
+     */
+    SetLandscape(landscape: boolean): void;
+    /**
+     * Gets the left margin which will be used to print a chart.
+     */
+    GetMarginLeft(): number;
+    /**
+     * Sets the left margin which will be used to print a chart.
+     * @param marginLeft A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginLeft(marginLeft: number): void;
+    /**
+     * Gets the top margin which will be used to print a chart.
+     */
+    GetMarginTop(): number;
+    /**
+     * Sets the top margin which will be used to print a chart.
+     * @param marginTop A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginTop(marginTop: number): void;
+    /**
+     * Gets the right margin which will be used to print a chart.
+     */
+    GetMarginRight(): number;
+    /**
+     * Sets the right margin which will be used to print a chart.
+     * @param marginRight A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginRight(marginRight: number): void;
+    /**
+     * Gets the bottom margin which will be used to print a chart.
+     */
+    GetMarginBottom(): number;
+    /**
+     * Sets the bottom margin which will be used to print a chart.
+     * @param marginBottom A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginBottom(marginBottom: number): void;
+    /**
+     * Gets the predefined size ratio of the paper which will be used to print a chart.
+     */
+    GetPaperKind(): string;
+    /**
+     * Sets the predefined size ratio of the paper which will be used to print a chart.
+     * @param paperKind A System.String object, specifying the name of a size ratio.
+     */
+    SetPaperKind(paperKind: string): void;
+    /**
+     * Gets the custom paper width which will be used to print a chart.
+     */
+    GetCustomPaperWidth(): number;
+    /**
+     * Sets the custom paper width which will be used to print a chart.
+     * @param customPaperWidth A System.Int32 object, specifying the width in hundredths of an inch.
+     */
+    SetCustomPaperWidth(customPaperWidth: number): void;
+    /**
+     * Gets the custom paper height which will be used to print a chart.
+     */
+    GetCustomPaperHeight(): number;
+    /**
+     * Sets the custom paper height which will be used to print a chart.
+     * @param customPaperHeight A System.Int32 object, specifying the height in hundredths of an inch.
+     */
+    SetCustomPaperHeight(customPaperHeight: number): void;
+    /**
+     * Gets the name of the custom paper width-height ratio used to print the chart.
+     */
+    GetCustomPaperName(): string;
+    /**
+     * Sets the name of the custom paper width-height ratio used to print a chart.
+     * @param customPaperName A String object, specifying the name of the custom paper width-height ratio.
+     */
+    SetCustomPaperName(customPaperName: string): void;
+}
+/**
+ * Represents the client-side equivalent of the CustomLegendItem class.
+ */
+interface ASPxClientCustomLegendItem extends ASPxClientWebChartElementNamed {
+    /**
+     * Returns the text displayed by the custom legend item.
+     * Value: A string value that specifies legend item text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxDocumentViewer control.
+ */
+interface ASPxClientDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientDocumentViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when the value of an item within the Document Viewer's report toolbar is changed.
+     */
+    ToolbarItemValueChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when an item within the Document Viewer's report toolbar is clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client side when a report page is loaded into this ASPxClientDocumentViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Provides access to the Splitter of the ASPxClientDocumentViewer.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Provides access to the ASPxClientDocumentViewer's preview that exposes methods to print and export the document.
+     */
+    GetViewer(): ASPxClientReportViewer;
+    /**
+     * Provides access to the Document Viewer toolbar on the client.
+     */
+    GetToolbar(): ASPxClientReportToolbar;
+    /**
+     * Provides access to the Ribbon of the ASPxClientDocumentViewer.
+     */
+    GetRibbonToolbar(): ASPxClientRibbon;
+    /**
+     * Provides access to the parameters panel of the ASPxClientDocumentViewer.
+     */
+    GetParametersPanel(): ASPxClientReportParametersPanel;
+    /**
+     * Provides access to the document of the ASPxClientDocumentViewer.
+     */
+    GetDocumentMap(): ASPxClientReportDocumentMap;
+    /**
+     * Sets focus on the report control specified by its bookmark.
+     * @param pageIndex An integer value, specifying the page index.
+     * @param bookmarkPath A String value, specifying the path to the bookmark.
+     */
+    GotoBookmark(pageIndex: number, bookmarkPath: string): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified page index.
+     * @param pageIndex A Int32 representing the index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays the specified report page.
+     * @param pageIndex An integer value, identifying the report page.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+}
+/**
+ * A method that will handle the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemValueChanged event.
+     * @param source A Object that is the event source.
+     * @param e An ASPxClientToolbarItemValueChangedEventArgs object, containing the event arguments.
+     */
+    (source: S, e: ASPxClientToolbarItemValueChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Provides access to the toolbar's value editor on the client.
+     * Value: An ASPxClientControl descendant.
+     */
+    editor: ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ASPxQueryBuilder control.
+ */
+interface ASPxClientQueryBuilder extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientQueryBuilder.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the menu actions of a Query Builder.
+     */
+    CustomizeToolbarActions: ASPxClientEvent<ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the Query Builder's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientQueryBuilderCustomizeLocalizationEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientQueryBuilderSaveCommandExecuteEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the ASPxClientQueryBuilder properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Query Builder.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened query serialized to Json.
+     */
+    GetJsonQueryModel(): string;
+    /**
+     * Saves the current query.
+     */
+    Save(): void;
+    /**
+     * Invokes a Data Preview for the current query.
+     */
+    ShowPreview(): void;
+    /**
+     * Specifies whether or not the current query is a valid SQL string.
+     */
+    IsQueryValid(): boolean;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientQueryBuilderSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientQueryBuilderSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeToolbarActions event.
+ */
+interface ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbarActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientQueryBuilderCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * The client-side equivalent of the Web Report Designer control.
+ */
+interface ASPxClientReportDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientReportDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientReportDesignerSaveCommandExecuteEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's menu actions.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client side when the Report Designer is being closed.
+     */
+    ExitDesigner: ASPxClientEvent<ASPxClientReportDesignerExitDesignerEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be saved in the Web Report Designer.
+     */
+    ReportSaving: ASPxClientEvent<ASPxClientReportDesignerReportSavingEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been saved in the Web Report Designer.
+     */
+    ReportSaved: ASPxClientEvent<ASPxClientReportDesignerReportSavedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be opened in the Web Report Designer.
+     */
+    ReportOpening: ASPxClientEvent<ASPxClientReportDesignerReportOpeningEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been opened in the Web Report Designer.
+     */
+    ReportOpened: ASPxClientEvent<ASPxClientReportDesignerReportOpenedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report tab is about to be closed in the Web Report Designer.
+     */
+    ReportTabClosing: ASPxClientEvent<ASPxClientReportDesignerReportTabClosingEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report tab was closed in the Web Report Designer.
+     */
+    ReportTabClosed: ASPxClientEvent<ASPxClientReportDesignerReportTabClosedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client each time a server-side error raises.
+     */
+    OnServerError: ASPxClientEvent<ASPxClientReportDesignerErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a component has been added to the report currently being edited in the Web Report Designer.
+     */
+    ComponentAdded: ASPxClientEvent<ASPxClientReportDesignerComponentAddedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's UI elements.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientReportDesignerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save dialog of the Web Report Designer.
+     */
+    CustomizeSaveDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save Report dialog of the Web Report Designer.
+     */
+    CustomizeSaveAsDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Open Report dialog of the Web Report Designer.
+     */
+    CustomizeOpenDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeOpenDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Toolbox of the Web Report Designer.
+     */
+    CustomizeToolbox: ASPxClientEvent<ASPxClientReportDesignerCustomizeToolboxEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a report has been switched to Print Preview.
+     */
+    PreviewDocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time an editing field's value changes in Print Preview.
+     */
+    PreviewEditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize UI elements of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the actions of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when the left mouse button is clicked on a report document in Print Preview.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values are reset to their default values in Print Preview.
+     */
+    PreviewParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values are submitted in Print Preview.
+     */
+    PreviewParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientReportDesignerCustomizeLocalizationEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs before the Web Report Designer UI is initialized.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientReportDesignerBeforeRenderEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the Report Designer properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Provides access to a client-side model of a Web Report Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Provides access to the Document Viewer's client-side model.
+     */
+    GetPreviewModel(): ASPxClientSidePreviewModel;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path A string that specifies the path to the property.
+     */
+    GetPropertyInfo(controlType: string, path: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns information about the specified properties of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path An array of strings that specify paths to properties.
+     */
+    GetPropertyInfo(controlType: string, path: string[]): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns actions performed by buttons available in the menu and toolbar of the Web Report Designer.
+     */
+    GetButtonStorage(): Object;
+    /**
+     * Gets a client-side model of the currently opened report serialized to Json.
+     */
+    GetJsonReportModel(): string;
+    /**
+     * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
+     */
+    IsModified(): boolean;
+    /**
+     * Resets the value returned by the IsModified method.
+     */
+    ResetIsModified(): void;
+    /**
+     * Adds a custom property to the Properties Panel.
+     * @param groupName A string that specifies the name of group to which a property should be added.
+     * @param property An object that provides information required to serialize a property.
+     */
+    AddToPropertyGrid(groupName: string, property: ASPxDesignerElementSerializationInfo): void;
+    /**
+     * Adds a custom parameter type to the Web End-User Report Designer.
+     * @param parameterInfo An object that provides information about a parameter type to be added.
+     * @param editorOptions An object that provides information about an editor used to specify parameter values in design mode.
+     */
+    AddParameterType(parameterInfo: ASPxDesignerParameterType, editorOptions: ASPxDesignerEditorOptions): void;
+    /**
+     * Removes the specified parameter type from the Web End-User Report Designer.
+     * @param parameterType A string that specifies a parameter type to be deleted.
+     */
+    RemoveParameterType(parameterType: string): void;
+    /**
+     * Returns an object that contains information on the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterInfo(parameterType: string): ASPxDesignerParameterType;
+    /**
+     * Returns a value editor associated with the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterEditor(parameterType: string): ASPxDesignerEditorOptions;
+    /**
+     * Returns the report layout stored in a report storage under the specified URL.
+     * @param url A string that specifies the report URL.
+     */
+    ReportStorageGetData(url: string): any;
+    /**
+     * Stores the specified report to a report storage using the specified URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the URL used to save a report.
+     */
+    ReportStorageSetData(reportLayout: string, url: string): any;
+    /**
+     * Stores the specified report to a report storage using a new URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the default report URL.
+     */
+    ReportStorageSetNewData(reportLayout: string, url: string): any;
+    /**
+     * Saves the current report.
+     */
+    SaveReport(): any;
+    /**
+     * Closes the report tab currently being opened in the Web Report Designer.
+     */
+    CloseCurrentTab(): void;
+    /**
+     * Saves the current report under a new name.
+     * @param reportName A string that specifies the report name.
+     */
+    SaveNewReport(reportName: string): any;
+    /**
+     * Returns the report URLs and display names existing in a report storage.
+     */
+    ReportStorageGetUrls(): any;
+    /**
+     * Opens the specified report on the Web Report Designer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): void;
+    /**
+     * Switches the Web Report Designer to the preview mode.
+     */
+    ShowPreview(): void;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Provides data for the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * Provides data for the events related to opening and saving reports in the Web Report Designer.
+ */
+interface ASPxClientReportDesignerDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the URL of the report currently being processed.
+     * Value: A string that specifies the URL of the report currently being processed.
+     */
+    Url: string;
+    /**
+     * Specifies the report currently being processed.
+     * Value: An object that specifies the report currently being processed.
+     */
+    Report: Object;
+}
+/**
+ * Provides data for the events related to opening and saving reports in the Web Report Designer.
+ */
+interface ASPxClientReportDesignerDialogCancelEventArgs extends ASPxClientReportDesignerDialogEventArgs {
+    /**
+     * Specifies whether or not the operation performed with a report should be canceled.
+     * Value: true, if the operation should be canceled; otherwise, false.
+     */
+    Cancel: boolean;
+}
+/**
+ * Provides data for the ReportTabClosed event.
+ */
+interface ASPxClientReportDesignerTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the report tab currently being processed.
+     * Value: An object that specifies the report tab currently being processed.
+     */
+    Tab: ASPxDesignerNavigateTab;
+}
+/**
+ * Provides data for the ReportTabClosing event.
+ */
+interface ASPxClientReportDesignerTabClosingEventArgs extends ASPxClientReportDesignerTabEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true, if the event was handled and no other processing should occur; otherwise, false.
+     */
+    Handled: boolean;
+    /**
+     * Specifies the JQueryDeferred object, which when resolved, forces the report tab to be closed.
+     * Value: A JQueryDeferred object.
+     */
+    ReadyToClose: JQueryDeferred<any>;
+}
+/**
+ * Provides data for the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to information about a server-side error.
+     * Value: An object that provides information about an error.
+     */
+    Error: Object;
+}
+/**
+ * Provides data for the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the model of a component that has been added to a report.
+     * Value: An object that specifies the component model.
+     */
+    Model: Object;
+    /**
+     * Gets the parent of a component that has been added to a report.
+     * Value: An object that specifies the component parent.
+     */
+    Parent: Object;
+}
+/**
+ * Provides data for the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save dialog.
+     * Value: An object that specifies the Save dialog.
+     */
+    Popup: ASPxDesignerSaveDialog;
+    /**
+     * Customizes the Save dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save Report dialog.
+     * Value: An object that specifies the  Save Report dialog.
+     */
+    Popup: ASPxDesignerSaveAsDialog;
+    /**
+     * Customizes the Save Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Open Report dialog.
+     * Value: An object that specifies the Open Report dialog.
+     */
+    Popup: ASPxDesignerOpenDialog;
+    /**
+     * Customizes the Open Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Open Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides information about all controls available in the Toolbox.
+     * Value: An ASPxDesignerControlsFactory object that provides information about toolbox controls.
+     */
+    ControlsFactory: ASPxDesignerControlsFactory;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientReportDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientReportDesignerCustomizeElementsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
+}
+/**
+ * A method that will handle the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventHandler<S> {
+    /**
+     * A method that will handle the ExitDesigner event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerExitDesignerEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerExitDesignerEventArgs): void;
+}
+/**
+ * A method that will handle the ReportSaving event.
+ */
+interface ASPxClientReportDesignerReportSavingEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaving event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogCancelEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogCancelEventArgs): void;
+}
+/**
+ * A method that will handle the ReportSaved event.
+ */
+interface ASPxClientReportDesignerReportSavedEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaved event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpening event.
+ */
+interface ASPxClientReportDesignerReportOpeningEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpening event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogCancelEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogCancelEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpened event.
+ */
+interface ASPxClientReportDesignerReportOpenedEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpened event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportTabClosing event.
+ */
+interface ASPxClientReportDesignerReportTabClosingEventHandler<S> {
+    /**
+     * A method that will handle the ReportTabClosing event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerTabClosingEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerTabClosingEventArgs): void;
+}
+/**
+ * A method that will handle the ReportTabClosed event.
+ */
+interface ASPxClientReportDesignerReportTabClosedEventHandler<S> {
+    /**
+     * A method that will handle the ReportTabClosed event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerTabEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerTabEventArgs): void;
+}
+/**
+ * A method that will handle the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventHandler<S> {
+    /**
+     * A method that will handle the OnServerError event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerErrorEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerErrorEventArgs): void;
+}
+/**
+ * A method that will handle the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventHandler<S> {
+    /**
+     * A method that will handle the ComponentAdded event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerComponentAddedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerComponentAddedEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveAsDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeOpenDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeOpenDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeOpenDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbox event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeToolboxEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeToolboxEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientReportDesignerCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * A method that will handle the BeforeRender event.
+ */
+interface ASPxClientReportDesignerBeforeRenderEventHandler<S> {
+    /**
+     * A method that will handle the BeforeRender event.
+     * @param source The event sender.
+     * @param designerModel A client-side Report Designer model.
+     */
+    (source: S, designerModel: Object): void;
+}
+/**
+ * Provides information about a value editor used in the Property Grid.
+ */
+interface ASPxDesignerEditorOptions {
+    /**
+     * Provides access to the name of an HTML template specifying the editor and header of a complex object.
+     * Value: A string that specifies the HTML template.
+     */
+    header: string;
+    /**
+     * Provides access to the name of an HTML template used by a complex object's editor.
+     * Value: A string that specifies the name of an HTML template.
+     */
+    content: string;
+    /**
+     * Provides access to the type of the editor model.
+     * Value: An object that specifies the editor type.
+     */
+    editorType: Object;
+}
+/**
+ * Provides functionality to an undo/redo engine in the Web Report Designer.
+ */
+interface ASPxDesignerUndoEngine {
+    /**
+     * Provides access to a value that specifies whether or not the redo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the redo action can be performed, and false otherwise.
+     */
+    redoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not the undo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the undo action can be performed, and false otherwise.
+     */
+    undoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not a report has been changed.
+     * Value: A knockout observable boolean object, whose value is true if the report has been modified, and false otherwise.
+     */
+    isDirty: any;
+    /**
+     * Undoes all changes made to a report.
+     */
+    undoAll(): void;
+    /**
+     * Clears information about edit operations made to a report, so they cannot not be undone.
+     */
+    clearHistory(): void;
+    /**
+     * Undoes the last edit action in a report.
+     */
+    undo(): void;
+    /**
+     * Reverses the results of the last undo action.
+     */
+    redo(): void;
+}
+/**
+ * Provides functionality for a tab displayed a report in the Web Report Designer.
+ */
+interface ASPxDesignerNavigateTab {
+    /**
+     * Provides access to a value that specifies the display name of the current tab.
+     * Value: A knockout computed string that specifies the tab's display name.
+     */
+    displayName: any;
+    /**
+     * Provides access to a value that specifies whether or not the report in the current tab has been changed.
+     * Value: A knockout computed boolean object, whose value is true if the report has been modified, and false otherwise.
+     */
+    isDirty: any;
+    /**
+     * Provides access to a report opened in the current tab.
+     * Value: A knockout observable object that specifies a report opened in the current tab.
+     */
+    report: any;
+    /**
+     * Provides access to an engine that manages undo and redo operations in the Web Report Designer.
+     * Value: An object that specifies an undo/redo engine.
+     */
+    undoEngine: ASPxDesignerUndoEngine;
+    /**
+     * Provides access to the URL of a report opened in the current tab.
+     * Value: A knockout observable string that specifies the report URL.
+     */
+    url: any;
+}
+/**
+ * A model of dialogs used to save and open reports in the Web Report Designer.
+ */
+interface ASPxDesignerDialogModel {
+    /**
+     * Provides access to the collection of buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in a dialog.
+     */
+    popupButtons: Object[];
+    /**
+     * Specifies a function that gets the report URL.
+     */
+    getUrl(): string;
+    /**
+     * Specifies a function that sets the report URL.
+     * @param url A string that specifies the report URL.
+     */
+    setUrl(url: string): void;
+    /**
+     * Specifies a function to be executed when showing a dialog.
+     * @param tab An object that specifies the report tab for which a dialog is invoked.
+     */
+    onShow(tab: ASPxDesignerNavigateTab): void;
+}
+/**
+ * Provides the base functionality for dialogs used to open and save reports on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to a dialog's width.
+     * Value: A knockout observable object that specifies a dialog's width.
+     */
+    width: any;
+    /**
+     * Provides access to a dialog's height.
+     * Value: A knockout observable object that specifies a dialog's height.
+     */
+    height: any;
+    /**
+     * Provides access to the name of an HTML template used by a dialog.
+     * Value: A knockout observable string that specifies the name of the HTML template used by a dialog.
+     */
+    template: any;
+    /**
+     * Provides access to buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in the dialog.
+     */
+    buttons: Object[];
+    /**
+     * Provides access to a dialog's model.
+     * Value: A knockout observable object of the ASPxDesignerDialogModel type.
+     */
+    model: any;
+    /**
+     * Provides access to a report tab for which a dialog appears.
+     * Value: A knockout observable object of the ASPxDesignerNavigateTab type.
+     */
+    tab: any;
+    /**
+     * Provides access to a value that specifies a dialog's visibility state.
+     * Value: true, if the dialog is visible; otherwise, false;
+     */
+    visible: any;
+    /**
+     * Provides access to a dialog's title.
+     * Value: A string that specifies a dialog's title.
+     */
+    title: string;
+    /**
+     * Shows the dialog for the specified report tab.
+     * @param tab A report tab for which the dialog should be shown.
+     */
+    show(tab: ASPxDesignerNavigateTab): void;
+    /**
+     * Customizes the dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model An object that specifies the dialog model.
+     */
+    customize(template: string, model: ASPxDesignerDialogModel): void;
+    /**
+     * Cancels the dialog.
+     */
+    cancel(): void;
+}
+/**
+ * Provides functionality for the Save dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to the Save Report dialog that appears if a user selected to save changes in the Save dialog.
+     * Value: An object that specifies the Save As dialog.
+     */
+    saveReportDialog: ASPxDesignerSaveAsDialog;
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be saved.
+     */
+    save(url: string): void;
+    /**
+     * Closes the dialog without saving the current report.
+     */
+    notSave(): void;
+}
+/**
+ * Provides functionality for the Save Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveAsDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies a URL of the report to be saved.
+     */
+    save(url: string): void;
+}
+/**
+ * Provides functionality for the Open Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerOpenDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Opens the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be opened.
+     */
+    open(url: string): void;
+}
+/**
+ * Provides information about a toolbox control item.
+ */
+interface ASPxDesignerToolboxItem {
+    /**
+     * Provides access to information required to serialize a toolbox control.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects that provide information required to serialize an element.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Provides access to a surface type of toolbox control.
+     * Value: A surface type of toolbox control.
+     */
+    surfaceType: any;
+    /**
+     * Provides access to a toolbox control type.
+     * Value: A toolbox control type.
+     */
+    type: any;
+    /**
+     * Provides access to a zero-based index of a control in the toolbox.
+     * Value: An integer value that specifies a control index in the toolbox.
+     */
+    toolboxIndex: number;
+    /**
+     * Provides access to the default property values used for a toolbox control.
+     * Value: An object that specifies default propery values.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to popular properties of a toolbox control.
+     * Value: An array of strings that specify names of popular properties.
+     */
+    popularProperties: string[];
+    /**
+     * Gets whether a control item is displayed in a toolbox.
+     * Value: true, if the control is available in the toolbox; otherwise, false.
+     */
+    isToolboxItem: boolean;
+}
+/**
+ * Enables you to customize controls available in the Toolbox of the Web Report Designer.
+ */
+interface ASPxDesignerControlsFactory {
+    /**
+     * Returns information about the specified toolbox control.
+     * @param controlType A string that specifies the control type.
+     */
+    getControlInfo(controlType: string): ASPxDesignerToolboxItem;
+    /**
+     * Returns a control type by the specified model.
+     * @param model An object that specifies the control model.
+     */
+    getControlType(model: Object): string;
+    /**
+     * Registers the specified control in the Toolbox of the Web Report Designer.
+     * @param typeName A string that specifies the name of a custom control.
+     * @param metadata An ASPxDesignerToolboxItem object that provides information about a toolbox item.
+     */
+    registerControl(typeName: string, metadata: ASPxDesignerToolboxItem): void;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param propertyDisplayName A string that specifies the property display name.
+     */
+    getPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+}
+/**
+ * Provides information about a report parameter type.
+ */
+interface ASPxDesignerParameterType {
+    /**
+     * Provides access to an actual parameter type.
+     * Value: A string that specifies the parameter type.
+     */
+    value: string;
+    /**
+     * Provides access to a text displayed to end-users when creating parameters of the current type.
+     * Value: A string displayed to end-users.
+     */
+    displayValue: string;
+    /**
+     * Provides access to the default value for parameters of the current type.
+     * Value: An object that specifies the default value.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to the specifics of a current parameter type.
+     * Value: Parameter type specifics.
+     */
+    specifics: string;
+    /**
+     * Converts the specified parameter value to the current parameter type.
+     * @param val An object that specifies the parameter value to be converted.
+     */
+    valueConverter(val: Object): Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Document Map.
+ */
+interface ASPxClientReportDocumentMap extends ASPxClientControl {
+    /**
+     * Occurs after the content of the Document Viewer's document map is updated.
+     */
+    ContentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientReportDocumentMap>>;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Parameters Panel.
+ */
+interface ASPxClientReportParametersPanel extends ASPxClientControl {
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param parametersInfo An array of ASPxClientReportParameterInfo values specifying parameters and values to assign.
+     */
+    AssignParameters(parametersInfo: ASPxClientReportParameterInfo[]): void;
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param path A System.String specifying the parameter's path.
+     * @param value An object specifying the parameter value.
+     */
+    AssignParameter(path: string, value: Object): void;
+    /**
+     * Returns an array storing the names of parameters available in a report.
+     */
+    GetParameterNames(): string[];
+    /**
+     * Returns a value editor that is associated with a parameter with the specified name.
+     * @param parameterName A String value, specifying the parameter name.
+     */
+    GetEditorByParameterName(parameterName: string): ASPxClientControl;
+}
+/**
+ * Provides information about a report parameter on the client side.
+ */
+interface ASPxClientReportParameterInfo {
+    /**
+     * Specifies the parameter path, relative to its parent container (e.g., "subreport1.subreportParameter1" for a subreport's parameter, or "parameter1" for a report's parameter).
+     * Value: A String value, specifying the parameter path (e.g., "subreport1.subreportParameter1").
+     */
+    Path: string;
+    /**
+     * Provides access to a parameter value on the client.
+     * Value: A Object value.
+     */
+    Value: Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's toolbar.
+ */
+interface ASPxClientReportToolbar extends ASPxClientControl {
+    /**
+     * Provides access to the control template assigned for the specified menu item.
+     * @param name A String value, specifying the menu item name.
+     */
+    GetItemTemplateControl(name: string): ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ReportViewer.
+ */
+interface ASPxClientReportViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientReportViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client side when another report page is loaded into this ASPxClientReportViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Submits the values of the specified parameters.
+     * @param parameters A dictionary containing the parameter names, along with their Object values.
+     */
+    SubmitParameters(parameters: { [key: string]: Object; }): void;
+    /**
+     * Prints a report shown in the ReportViewer.
+     */
+    Print(): void;
+    /**
+     * Prints a report page with the specified page index.
+     * @param pageIndex An integer value which specifies an index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays a report page with the specified page index in the ReportViewer.
+     * @param pageIndex An integer value which specifies the index of a page to be displayed.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+}
+/**
+ * A method that will handle the PageLoad events.
+ */
+interface ASPxClientReportViewerPageLoadEventHandler<S> {
+    /**
+     * A method that will handle the PageLoad event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportViewerPageLoadEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportViewerPageLoadEventArgs): void;
+}
+/**
+ * Provides data for the PageLoad events on the client side.
+ */
+interface ASPxClientReportViewerPageLoadEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying a zero-based index of a page to be displayed in a report viewer.
+     * Returns: $
+     */
+    PageIndex: number;
+    /**
+     * Gets a value specifying the total number of pages displayed in a report viewer.
+     * Returns: $
+     */
+    PageCount: number;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the first page of a report.
+     */
+    IsFirstPage(): boolean;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the last page of a report.
+     */
+    IsLastPage(): boolean;
+}
+/**
+ * Provides data for the CustomizeParameterEditors events.
+ */
+interface ASPxClientCustomizeParameterEditorsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to an object that stores information required to serialize a parameter editor.
+     * Value: An ASPxDesignerElementSerializationInfo object.
+     */
+    info: ASPxDesignerElementSerializationInfo;
+}
+/**
+ * Provides data for the CustomizeParameterLookUpSource events.
+ */
+interface ASPxClientCustomizeParameterLookUpSourceEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object that stores information about the parameter.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to the collection of look-up parameter values.
+     * Value: An array of ASPxDesignerElementEditorItem objects that store information about look-up parameter values.
+     */
+    items: ASPxDesignerElementEditorItem[];
+    /**
+     * Specifies the data source that provides look-up values for the parameter editor.
+     * Value: An Object specifying the data source that provides look-up values to the parameter editor.
+     */
+    dataSource: Object;
+}
+/**
+ * Provides information about a command available in the toolbar or menu.
+ */
+interface ASPxClientMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A string that is the command text.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A string that specifies the name of the CSS class.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: An ASPxClientMenuActionHotKey object that specifies the keyboard shortcut.
+     */
+    hotKey: ASPxClientMenuActionHotKey;
+    /**
+     * Specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: boolean;
+    /**
+     * Provides access to a value that specifies the command location.
+     * Value: A string that specifies the command location.
+     */
+    container: string;
+}
+/**
+ * Provides information about a hot key used to perform an action assigned to a menu item.
+ */
+interface ASPxClientMenuActionHotKey {
+    /**
+     * Provides access to a hot key code.
+     * Value: An integer value that specifies the hot key code.
+     */
+    keyCode: number;
+    /**
+     * Provides access to a value that specifies whether the CTRL key is used in combination with a hot key.
+     * Value: true, if the CTRL key is included into the key combination; otherwise, false.
+     */
+    ctrlKey: boolean;
+}
+/**
+ * Provides data for the CustomizeMenuActions.
+ */
+interface ASPxClientCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of actions available in the toolbar and menu.
+     * Value: An array of ASPxClientMenuAction objects.
+     */
+    Actions: ASPxClientMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value that specifies the action ID.
+     */
+    GetById(actionId: string): ASPxClientMenuAction;
+}
+/**
+ * Provides data for the CustomizeElements events.
+ */
+interface ASPxClientCustomizeElementsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of UI elements.
+     * Value: An array of the ASPxReportUIElement objects.
+     */
+    Elements: ASPxReportUIElement[];
+    /**
+     * Returns UI elements with the specified ID.
+     * @param templateId A string that specifies the element ID.
+     */
+    GetById(templateId: string): ASPxReportUIElement[];
+}
+/**
+ * Provides general information about a report parameter.
+ */
+interface ASPxDesignerElementParameterDescriptor {
+    /**
+     * Provides access to the parameter description.
+     * Value: A String value, specifying the parameter description.
+     */
+    description: string;
+    /**
+     * Provides access to the parameter name.
+     * Value: A String value, specifying the parameter name.
+     */
+    name: string;
+    /**
+     * Provides access to the parameter type.
+     * Value: A String value, specifying the parameter type.
+     */
+    type: string;
+    /**
+     * Provides access to the parameter value.
+     * Value: A Object, specifying the parameter value.
+     */
+    value: Object;
+    /**
+     * Provides access to the parameter visibility state.
+     * Value: true if the parameter is visible; otherwise false.
+     */
+    visible: boolean;
+}
+/**
+ * Provides information required to serialize an element.
+ */
+interface ASPxDesignerElementSerializationInfo {
+    /**
+     * Gets the property name that will be used in the model to store the property value.
+     * Value: A String value.
+     */
+    propertyName: string;
+    /**
+     * Gets the property name in the model that is displayed in the Property grid.
+     * Value: A String value.
+     */
+    displayName: string;
+    /**
+     * Gets the property name that will be used during serialization to store the property value.
+     * Value: A String value.
+     */
+    modelName: string;
+    /**
+     * Gets the default property value used for serialization.
+     * Value: A Object value.
+     */
+    defaultVal: Object;
+    /**
+     * Gets the information about a complex object's content.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Gets a value indicating whether or not the property returns an array.
+     * Value: true if the property returns an array; otherwise false.
+     */
+    array: boolean;
+    /**
+     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
+     * Value: true to serialize an object to the ObjectStorage; otherwise false.
+     */
+    link: boolean;
+    /**
+     * Gets a value specifying the type of value editor for the Property Grid.
+     * Value: An ASPxDesignerElementEditor object.
+     */
+    editor: ASPxDesignerElementEditor;
+    /**
+     * Gets the collection of values displayed in the Property grid.
+     * Value: An array of ASPxDesignerElementEditorItem objects.
+     */
+    valuesArray: ASPxDesignerElementEditorItem[];
+    /**
+     * Gets the rules for validating the property value entered into its editor.
+     * Value: An array of Object values.
+     */
+    validationRules: Object[];
+    /**
+     * Gets the visibility state of the value editor in the Property Grid.
+     * Value: A Object value.
+     */
+    visible: Object;
+    /**
+     * Gets a value, indicating whether or not the property value can be edited.
+     * Value: true to disable the property editing; otherwise false.
+     */
+    disabled: Object;
+}
+/**
+ * Provides information about a serialized property's value editor used in the Property Grid.
+ */
+interface ASPxDesignerElementEditor {
+    /**
+     * Gets the name of an HTML template specifying the editor and header of a complex object (i.e., an object having its content properties specified).
+     * Value: A String value.
+     */
+    header: string;
+    /**
+     * Gets a nullable value, specifying the name of an HTML template used by a complex object's editor.
+     * Value: A String value.
+     */
+    content: string;
+    /**
+     * Gets additional options for <a href="https://js.devexpress.com/Documentation/Overview/">DevExtreme</a> UI widgets.
+     * Value: An object that provides editor options.
+     */
+    extendedOptions: Object;
+    /**
+     * Gets a nullable value, specifying the type of the editor's model.
+     * Value: A Object value.
+     */
+    editorType: Object;
+}
+/**
+ * Provides information about property values.
+ */
+interface ASPxDesignerElementEditorItem {
+    /**
+     * Gets an actual property value.
+     * Value: A Object value.
+     */
+    value: Object;
+    /**
+     * Gets a value displayed by a property editor.
+     * Value: A String value.
+     */
+    displayValue: string;
+}
+/**
+ * Provides information about a UI element of the Web Report Designer or Web Document Viewer.
+ */
+interface ASPxReportUIElement {
+    /**
+     * Provides access to an element model.
+     * Value: An object that specifies the element model.
+     */
+    model: Object;
+    /**
+     * Provides access to the name of an HTML template used by an element.
+     * Value: A string that specifies the name of the HTML template.
+     */
+    templateName: string;
+}
+/**
+ * Provides data for the PreviewDocumentReady events.
+ */
+interface ASPxClientWebDocumentViewerDocumentReadyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the report ID.
+     */
+    ReportId: string;
+    /**
+     * Specifies the report document ID.
+     */
+    DocumentId: string;
+    /**
+     * Specifies the total number of pages in a report document.
+     */
+    PageCount: number;
+}
+/**
+ * Provides data for the PreviewEditingFieldChanged events.
+ */
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an editing field whose value has been changed.
+     * Value: An object that specifies an editing field whose content has been changed.
+     */
+    Field: ASPxClientWebDocumentViewerEditingField;
+    /**
+     * Provides access to a previous value of an editing field.
+     * Value: An object that specifies an editing field's previous value.
+     */
+    OldValue: Object;
+    /**
+     * Provides access to a new value of an editing field.
+     * Value: An object that specifies an editing field's new value.
+     */
+    NewValue: Object;
+}
+/**
+ * Provides functionality for a field whose content can be edited in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerEditingField {
+    /**
+     * Provides access to a value that specifies whether or not an editing field's content can be customized in Print Preview.
+     * Returns: true, if a field cannot be edited in Print Preview; otherwise, false.
+     */
+    readOnly: any;
+    /**
+     * Provides access to the current value of an editing field.
+     * Returns: An object that specifies the current field value.
+     */
+    editValue: any;
+    /**
+     * Returns the unique identifier of an editing field.
+     */
+    id(): string;
+    /**
+     * Returns the ID of a logical group to which an editing field for a check box belongs.
+     */
+    groupID(): string;
+    /**
+     * Returns the name of an editor used to change a field value in Print Preview.
+     */
+    editorName(): string;
+    /**
+     * Returns the index of the page on which an editing field is located.
+     */
+    pageIndex(): number;
+}
+/**
+ * Provides data for the PreviewParametersSubmitted events.
+ */
+interface ASPxClientParametersSubmittedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters and their submitted values.
+     * Value: A dictionary containing the parameter names along with their values.
+     */
+    Parameters: { [key: string]: Object; };
+}
+/**
+ * Provides data for the PreviewParametersReset events.
+ */
+interface ASPxClientParametersResetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters whose values have been reset.
+     * Value: An ASPxClientWebDocumentViewerParameter array.
+     */
+    Parameters: ASPxClientWebDocumentViewerParameter[];
+}
+/**
+ * Provides general information about a report parameter on the client-side of the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerParameter {
+    /**
+     * Provides access to the current value of a report parameter.
+     * Value: An object that specifies the report parameter's current value.
+     */
+    value: Object;
+    /**
+     * Provides access to a report parameter's value type.
+     * Value: An object that specifies the report parameter type.
+     */
+    type: Object;
+    /**
+     * Provides access to a value that specifies whether or not a parameter can have multiple values.
+     * Value: true, if a parameter can have multiple values; otherwise, false.
+     */
+    isMultiValue: boolean;
+    /**
+     * Returns an object that provides general information about a report parameter.
+     */
+    getParameterDescriptor(): ASPxDesignerElementParameterDescriptor;
+}
+/**
+ * Provides data for the PreviewClick events.
+ */
+interface ASPxClientPreviewClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying the zero-based index of the page that has been clicked.
+     * Value: An integer value that specifies a page index.
+     */
+    PageIndex: number;
+    /**
+     * Provides information on a visual brick representing content of a report control that has been clicked.
+     * Value: An object that provides information on a visual brick.
+     */
+    Brick: ASPxClientWebDocumentViewerBrick;
+    /**
+     * Specifies whether or not the event was handled and no default processing is required.
+     * Value: true, if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    Handled: boolean;
+    /**
+     * Specifies the default function used to handle the PreviewClick event.
+     */
+    DefaultHandler(): void;
+    /**
+     * Returns the text displayed by the Brick.
+     */
+    GetBrickText(): string;
+    /**
+     * Returns a string providing additional information on the Brick.
+     */
+    GetBrickValue(): string;
+    /**
+     * Returns a string providing additional information about the current Brick by the specified key.
+     * @param key A string that specifies a unique key.
+     */
+    GetBrickValue(key: string): string;
+}
+/**
+ * Provides information about a visual brick used to render a report control to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrick {
+    /**
+     * Provides access to a brick's content.
+     * Value: A dictionary that stores content keys along with the corresponding contents.
+     */
+    content: { [key: string]: string; };
+    /**
+     * Provides access to navigation settings of the current brick.
+     * Value: An object that provides a brick's navigation settings.
+     */
+    navigation: ASPxClientWebDocumentViewerBrickNavigation;
+    /**
+     * Provides access to a brick's top vertical coordinate.
+     * Value: An integer value that specifies the brick's top coordinate.
+     */
+    top: number;
+    /**
+     * Provides access to a brick's left horizontal coordinate.
+     * Value: An integer value that specifies the brick's left coordinate.
+     */
+    left: number;
+    /**
+     * Provides access to a brick's width.
+     * Value: An integer value that specifies the brick width.
+     */
+    width: number;
+    /**
+     * Provides access to a brick's height.
+     * Value: An integer value that specifies the brick height.
+     */
+    height: number;
+    /**
+     * Provides access to a value that specifies whether or not the right-to-left feature is enabled for a brick.
+     * Value: true, if the right-to-left feature is enabled; otherwise, false.
+     */
+    rtl: boolean;
+}
+/**
+ * Provides navigation settings for a brick used to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrickNavigation {
+    /**
+     * Provides access to the URL to navigate to when a brick is a clicked.
+     * Value: A string that specifies the URL.
+     */
+    url: string;
+    /**
+     * Provides access to a value that specifies the target window or frame in which to display the linked Web page's content when the brick is clicked.
+     * Value: A string that specifies the window or frame to which to target the URL's content.
+     */
+    target: string;
+    /**
+     * Provides access to a drill-down key.
+     * Value: A string that specifies a drill-down key.
+     */
+    drillDownKey: string;
+}
+/**
+ * A client-side equivalent of the ASPxWebDocumentViewer class.
+ */
+interface ASPxClientWebDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs after the Web Document Viewer loads a report document.
+     */
+    DocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time an editing field's value changes.
+     */
+    EditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Allows you to customize the Web Document Viewer's UI elements.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Enables you to customize the Web Document Viewer's menu actions.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs when the left mouse button is clicked on a report document.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values are reset to their default values.
+     */
+    ParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values are submitted.
+     */
+    ParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Enables you to customize the Web Document Viewer's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeLocalizationEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs before the Web Document Viewer UI is initialized.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientWebDocumentViewerBeforeRenderEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Provides access to the Document Viewer's client-side model.
+     */
+    GetPreviewModel(): ASPxClientSidePreviewModel;
+    /**
+     * Provides access to the report preview.
+     */
+    GetReportPreview(): ASPxClientReportPreview;
+    /**
+     * Provide access to the report parameters' client-side model.
+     */
+    GetParametersModel(): ASPxClientSideParametersModel;
+    /**
+     * Enables navigation between drill-through reports on the client-side.
+     * @param customData Provides access to custom client data associated with a currently previewed report.
+     */
+    DrillThrough(customData: string): any;
+    /**
+     * Opens the specified report on the Web Document Viewer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): any;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value that specifies the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     * @param inlineResult true, to try opening the result file in a new browser tab without a download; otherwise, false.
+     */
+    ExportTo(format: string, inlineResult: boolean): void;
+    /**
+     * Returns the current page's zero-based index.
+     */
+    GetCurrentPageIndex(): number;
+    /**
+     * Displays the report page with the specified page index.
+     * @param pageIndex A zero-based integer value that specifies the index of a page to be displayed.
+     */
+    GoToPage(pageIndex: number): void;
+    /**
+     * Closes the document which is currently opened in the Web Document Viewer.
+     */
+    Close(): void;
+    /**
+     * Resets the report parameter values to the default values.
+     */
+    ResetParameters(): void;
+    /**
+     * Starts building a report document.
+     */
+    StartBuild(): void;
+    /**
+     * Performs a custom operation with a currently opened document on the client side.
+     */
+    PerformCustomDocumentOperation(): any;
+    /**
+     * Performs a custom operation with a currently opened document on the client-side.
+     * @param customData Provides access to custom client data associated with a target document operation.
+     */
+    PerformCustomDocumentOperation(customData: string): any;
+    /**
+     * Performs a custom operation with a currently opened document on the client-side.
+     * @param customData Provides access to custom client data associated with a target document operation.
+     * @param hideMessageFromUser true, to hide a message with the operation result from a user; otherwise, false.
+     */
+    PerformCustomDocumentOperation(customData: string, hideMessageFromUser: boolean): any;
+    /**
+     * Updates the Web Document Viewer properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+}
+/**
+ * A method that will handle the EditingFieldChanged event.
+ */
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<S> {
+    /**
+     * A method that will handle the PreviewEditingFieldChanged event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerEditingFieldChangedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientWebDocumentViewerEditingFieldChangedEventArgs): void;
+}
+/**
+ * A method that will handle the DocumentReady event.
+ */
+interface ASPxClientWebDocumentViewerDocumentReadyEventHandler<S> {
+    /**
+     * A method that will handle the PreviewDocumentReady event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerDocumentReadyEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientWebDocumentViewerDocumentReadyEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeElementsEventHandler<S> {
+    /**
+     * A method that will handle the PreviewCustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the PreviewClick event.
+ */
+interface ASPxClientWebDocumentViewerPreviewClickEventHandler<S> {
+    /**
+     * A method that will handle the PreviewClick event.
+     * @param source The event sender.
+     * @param e An ASPxClientPreviewClickEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientPreviewClickEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersReset event.
+ */
+interface ASPxClientWebDocumentViewerParametersResetEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersReset event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersResetEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersResetEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersSubmitted event.
+ */
+interface ASPxClientWebDocumentViewerParametersSubmittedEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersSubmitted event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersSubmittedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersSubmittedEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * A method that will handle the BeforeRender event.
+ */
+interface ASPxClientWebDocumentViewerBeforeRenderEventHandler<S> {
+    /**
+     * A method that will handle the BeforeRender event.
+     * @param source The event sender.
+     * @param previewModel A client-side Document Viewer model.
+     */
+    (source: S, previewModel: Object): void;
+}
+/**
+ * Provides information about the result of preforming a custom document operation on the client side.
+ */
+interface ASPxClientWebDocumentViewerDocumentOperationResponse {
+    /**
+     * Specifies whether a document operation has been successfully performed.
+     * Value: true, if the document operation has been successfully performed; otherwise, false.
+     */
+    succeeded: boolean;
+    /**
+     * Specifies the error message to display if performing a document operation fails.
+     * Value: A string specifying the text of the error message.
+     */
+    message: string;
+    /**
+     * Specifies custom data associated with the performed document operation.
+     * Value: A string containing information associated with the document operation.
+     */
+    customData: string;
+    /**
+     * Specifies the document ID.
+     * Value: A string that specifies the document ID.
+     */
+    documentId: string;
+}
+/**
+ * Provides information a client-side Document Preview model.
+ */
+interface ASPxClientSidePreviewModel {
+    /**
+     * Provides access to the report preview.
+     * Value: An object that specifies the report preview.
+     */
+    reportPreview: ASPxClientReportPreview;
+    /**
+     * Provides access to a panel at the right of the Document Viewer.
+     * Value: An object that specifies the panel at the right of the Document Viewer.
+     */
+    tabPanel: ASPxClientDocumentPreviewTabPanel;
+    /**
+     * Opens the specified report on the Web Document Viewer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): any;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value that specifies the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     * @param inlineResult true, to try opening the result file in a new browser tab without a download; otherwise, false.
+     */
+    ExportTo(format: string, inlineResult: boolean): void;
+    /**
+     * Returns the current page's zero-based index.
+     */
+    GetCurrentPageIndex(): number;
+    /**
+     * Displays the report page with the specified page index.
+     * @param pageIndex A zero-based integer value that specifies the index of a page to be displayed.
+     */
+    GoToPage(pageIndex: number): void;
+    /**
+     * Closes the document which is currently opened in the Web Document Viewer.
+     */
+    Close(): void;
+    /**
+     * Resets the report parameter values to the default values.
+     */
+    ResetParameters(): void;
+    /**
+     * Starts building a report document.
+     */
+    StartBuild(): void;
+    /**
+     * Provide access to the report parameters' client-side model.
+     */
+    GetParametersModel(): ASPxClientSideParametersModel;
+}
+/**
+ * Provides information about the Document Viewer's tab panel.
+ */
+interface ASPxClientDocumentPreviewTabPanel {
+    /**
+     * Specifies the width of the panel at the right of the Document Viewer.
+     * Value: A knockout observable object that specifies the tab panel width.
+     */
+    width: any;
+    /**
+     * Specifies whether the panel at the right of the Document Viewer is collapsed.
+     * Value: A knockout observable object that specifies whether the tab panel is collapsed.
+     */
+    collapsed: any;
+    /**
+     * Provides access to the tabs of the panel at the right of the Document Viewer.
+     * Value: A collection of ASPxClientDocumentPreviewTab objects.
+     */
+    tabs: ASPxClientDocumentPreviewTab[];
+}
+/**
+ * Provides information about a tab available in the Document Viewer.
+ */
+interface ASPxClientDocumentPreviewTab {
+    /**
+     * Provides access to the name of an HTML template used by a tab.
+     * Value: A knockout observable string that specifies the name of the HTML template used by the tab.
+     */
+    template: string;
+    /**
+     * Provides access to the tab text.
+     * Value: A string that specifies the tab text.
+     */
+    text: string;
+    /**
+     * Provides access to a tab model.
+     * Value: An object that specifies the tab model.
+     */
+    model: Object;
+    /**
+     * Provides access to the value that specifies whether a tab is active.
+     * Value: A knockout observable object that specifies whether the tab is active.
+     */
+    active: any;
+    /**
+     * Provides access to the value that specifies whether a tab is visible.
+     * Value: A knockout observable object that specifies whether the tab is visible.
+     */
+    visible: any;
+}
+/**
+ * Provides information about the report parameters' client-side model.
+ */
+interface ASPxClientSideParametersModel {
+    /**
+     * Provides information about the tab for specifying parameter values.
+     * Value: An object that provides information about the Parameters tab.
+     */
+    tabInfo: ASPxClientDocumentPreviewTab;
+    /**
+     * Initiates passing parameter values and generating the report document.
+     */
+    submit(): void;
+    /**
+     * Serializes report parameters before passing them to the server.
+     */
+    serializeParameters(): void;
+}
+/**
+ * Provides information about a report preview.
+ */
+interface ASPxClientReportPreview {
+    /**
+     * Zooms the Document Viewer's current document.
+     * Value: A knockout observable object that specifies the zoom factor.
+     */
+    zoom: any;
+    /**
+     * Enables the Document Viewer's multi-page mode.
+     * Value: A knockout observable object that specifies whether the multi-page mode is enabled.
+     */
+    showMultipagePreview: any;
+    /**
+     * Provides access to the current document page's index.
+     * Value: A knockout observable object that specifies the zero-based index of the current page.
+     */
+    pageIndex: any;
+    /**
+     * Provides access to document pages.
+     * Value: An array of objects that specify document pages.
+     */
+    pages: any;
+    /**
+     * Provides access to a value that specifies whether the document is currently building.
+     * Value: A knockout observable object that specifies whether the document is building.
+     */
+    documentBuilding: any;
+}
+
+interface MVCxClientDashboardViewerStatic extends ASPxClientDashboardViewerStatic {
+}
+interface DashboardDataAxisNamesStatic {
+    /**
+     * Identifies a default axis in all data-bound dashboard items.
+     */
+    DefaultAxis: string;
+    /**
+     * Identifies a series axis in a chart and pie.
+     */
+    ChartSeriesAxis: string;
+    /**
+     * Identifies an argument axis in a chart, scatter chart and pie.
+     */
+    ChartArgumentAxis: string;
+    /**
+     * Identifies a sparkline axis in a grid and cards.
+     */
+    SparklineAxis: string;
+    /**
+     * Identifies a pivot column axis.
+     */
+    PivotColumnAxis: string;
+    /**
+     * Identifies a pivot row axis.
+     */
+    PivotRowAxis: string;
+}
+interface DashboardSpecialValuesStatic {
+    /**
+     * Represents a null value.
+     */
+    NullValue: string;
+    /**
+     * Represents a null value in OLAP mode.
+     */
+    OlapNullValue: string;
+    /**
+     * Represents an Others value.
+     */
+    OthersValue: string;
+    /**
+     * Represents an error value (for instance, this can be a calculated field value that cannot be evaluated).
+     */
+    ErrorValue: string;
+    /**
+     * Returns whether or not the specified value is an NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OlapNullValue.
+     * @param value The specified value.
+     */
+    IsOlapNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an ErrorValue.
+     * @param value The specified value.
+     */
+    IsErrorValue(value: Object): boolean;
+}
+interface DashboardExportPageLayoutStatic {
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is portrait.
+     */
+    Portrait: string;
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is landscape.
+     */
+    Landscape: string;
+}
+interface DashboardExportPaperKindStatic {
+    /**
+     * Letter paper (8.5 in. by 11 in.).
+     */
+    Letter: string;
+    /**
+     * Legal paper (8.5 in. by 14 in.).
+     */
+    Legal: string;
+    /**
+     * Executive paper (7.25 in. by 10.5 in.).
+     */
+    Executive: string;
+    /**
+     * A5 paper (148 mm by 210 mm).
+     */
+    A5: string;
+    /**
+     * A4 paper (210 mm by 297 mm).
+     */
+    A4: string;
+    /**
+     * A3 paper (297 mm by 420 mm).
+     */
+    A3: string;
+}
+interface DashboardExportScaleModeStatic {
+    /**
+     * The dashboard (dashboard item) on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard (dashboard item) on the exported page is changed according to the scale factor value.
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed according to the width of the exported page.
+     */
+    AutoFitToPageWidth: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed to fit its content on a single page.
+     */
+    AutoFitWithinOnePage: string;
+}
+interface DashboardExportDocumentScaleModeStatic {
+    /**
+     * The dashboard / dashboard item on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard / dashboard item on the exported page is changed according to the scale factor value (ScaleFactor).
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard / dashboard item is changed according to the width of the exported pages.
+     */
+    AutoFitToPagesWidth: string;
+}
+interface DashboardExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
+    None: string;
+    /**
+     * The filter state is placed below the dashboard (dashboard item) in the exported document.
+     */
+    Below: string;
+    /**
+     * The filter state is placed on a separate page in the exported document.
+     */
+    SeparatePage: string;
+}
+interface DashboardStateExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported dashboard/dashboard item.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate page.
+     */
+    SeparatePage: string;
+}
+interface DashboardStateExcelExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported data.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate sheet.
+     */
+    SeparateSheet: string;
+}
+interface DashboardExportImageFormatStatic {
+    /**
+     * The PNG image format.
+     */
+    Png: string;
+    /**
+     * The GIF image format.
+     */
+    Gif: string;
+    /**
+     * The JPG image format.
+     */
+    Jpg: string;
+}
+interface ExcelExportFilterStateStatic {
+    none: string;
+    below: string;
+    separatePage: string;
+}
+interface DashboardExportExcelFormatStatic {
+    /**
+     * The Excel 97 - Excel 2003 (XLS) file format.
+     */
+    Xls: string;
+    /**
+     * The Office Excel 2007 XML-based (XLSX) file format.
+     */
+    Xlsx: string;
+    /**
+     * A comma-separated values (CSV) file format.
+     */
+    Csv: string;
+}
+interface ChartExportSizeModeStatic {
+    /**
+     * A chart dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A chart dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A chart dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface MapExportSizeModeStatic {
+    /**
+     * A map dashboard item is exported in a size identical to that shown on the dashboard
+     */
+    None: string;
+    /**
+     * A map dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface TreemapExportSizeModeStatic {
+    /**
+     * For internal use.
+     */
+    none: string;
+    /**
+     * For internal use.
+     */
+    zoom: string;
+}
+interface RangeFilterExportSizeModeStatic {
+    /**
+     * A Range Filter dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A Range Filter dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A Range Filter dashboard item is resized proportionally to best fit the printed page.
+     */
+    Zoom: string;
+}
+interface DashboardSelectionModeStatic {
+    None: string;
+    Single: string;
+    Multiple: string;
+}
+interface ASPxClientDashboardStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDashboardViewer;
+}
+interface ASPxClientEditBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientEditStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Assigns a null value to all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container, and belonging to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ClearEditorsInContainer(container: Object): void;
+    /**
+     * Assigns a null value to all editors which are located within the specified container object, and belonging to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object, and belonging to a specific validation group.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object.
+     * @param containerId A string value specifying the editor container's identifier.
+     */
+    ClearEditorsInContainerById(containerId: string): void;
+    /**
+     * Assigns a null value to all editors which belong to a specific validation group, dependent on the visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified validation group; false to clear only visible editors.
+     */
+    ClearGroup(validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors which belong to a specific validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearGroup(validationGroup: string): void;
+    /**
+     * Performs validation of all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ValidateEditorsInContainer(container: Object): boolean;
+    /**
+     * Performs validation of the editors which are located within the specified container and belong to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors which are located within the specified container.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    ValidateEditorsInContainerById(containerId: string): boolean;
+    /**
+     * Performs validation of editors contained within the specified validation group, dependent on the editor visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified validation group; false to validate only visible editors.
+     */
+    ValidateGroup(validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors contained within the specified validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ValidateGroup(validationGroup: string): boolean;
+    /**
+     * Verifies whether the editors in a specified visibility state, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(container: Object, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(container: Object, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors located in a specified container are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    AreEditorsValid(container: Object): boolean;
+    /**
+     * Verifies whether the editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    AreEditorsValid(containerId: string): boolean;
+    /**
+     * Verifies whether visible editors on a page are valid.
+     */
+    AreEditorsValid(): boolean;
+    /**
+     * Attaches a handler to the ASPxClientEdit's event indicating whether the editor has been changed since the previous state.
+     * @param handler An object representing a handler.
+     * @param predicate An ASPxClientControlPredicate object representing the predicate criteria.
+     */
+    AttachEditorModificationListener(handler: Object, predicate: ASPxClientControlPredicate): void;
+    /**
+     * Detaches a handler from the editor's event if the editor meets the predicate criteria.
+     * @param handler An object representing a handler.
+     * @param predicate An ASPxClientControlPredicate object representing a predicate criteria.
+     */
+    DetachEditorModificationListener(handler: Object, predicate: ASPxClientControlPredicate): void;
+}
+interface ASPxClientBinaryImageStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientBinaryImage;
+}
+interface ASPxClientButtonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButton;
+}
+interface ASPxClientCalendarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCalendar;
+}
+interface ASPxClientCaptchaStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCaptcha;
+}
+interface ASPxClientCheckBoxStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBox;
+}
+interface ASPxClientRadioButtonStatic extends ASPxClientCheckBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButton;
+}
+interface ASPxClientTextEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientTextBoxBaseStatic extends ASPxClientTextEditStatic {
+}
+interface ASPxClientButtonEditBaseStatic extends ASPxClientTextBoxBaseStatic {
+}
+interface ASPxClientDropDownEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientColorEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientColorEdit;
+}
+interface ASPxClientComboBoxStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientComboBox;
+}
+interface ASPxClientDateEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDateEdit;
+}
+interface ASPxClientDropDownEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDropDownEdit;
+}
+interface ASPxClientFilterControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFilterControl;
+}
+interface ASPxClientListEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientListBoxStatic extends ASPxClientListEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientListBox;
+}
+interface ASPxClientCheckListBaseStatic extends ASPxClientListEditStatic {
+}
+interface ASPxClientRadioButtonListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButtonList;
+}
+interface ASPxClientCheckBoxListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBoxList;
+}
+interface ASPxClientProgressBarStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientProgressBar;
+}
+interface ASPxClientSpinEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientSpinEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpinEdit;
+}
+interface ASPxClientTimeEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimeEdit;
+}
+interface ASPxClientStaticEditStatic extends ASPxClientEditBaseStatic {
+}
+interface ASPxClientHyperLinkStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHyperLink;
+}
+interface ASPxClientImageBaseStatic extends ASPxClientStaticEditStatic {
+}
+interface ASPxClientImageStatic extends ASPxClientImageBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImage;
+}
+interface ASPxClientLabelStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLabel;
+}
+interface ASPxClientTextBoxStatic extends ASPxClientTextBoxBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTextBox;
+}
+interface ASPxClientMemoStatic extends ASPxClientTextEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMemo;
+}
+interface ASPxClientButtonEditStatic extends ASPxClientButtonEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButtonEdit;
+}
+interface ASPxClientTokenBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTokenBox;
+}
+interface ASPxClientTrackBarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTrackBar;
+}
+interface ASPxClientValidationSummaryStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGaugeControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGaugeControl;
+}
+interface ASPxClientGridBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGridViewCallbackCommandStatic {
+    /**
+     * Default value: "NEXTPAGE"
+     */
+    NextPage: string;
+    /**
+     * Default value: "PREVPAGE"
+     */
+    PreviousPage: string;
+    /**
+     * Default value: "GOTOPAGE"
+     */
+    GotoPage: string;
+    /**
+     * Default value: "SELECTROWS"
+     */
+    SelectRows: string;
+    /**
+     * Default value: "SELECTROWSKEY"
+     */
+    SelectRowsKey: string;
+    /**
+     * Default value: "SELECTION"
+     */
+    Selection: string;
+    /**
+     * Default value: "FOCUSEDROW"
+     */
+    FocusedRow: string;
+    /**
+     * Default value: "GROUP"
+     */
+    Group: string;
+    /**
+     * Default value: "UNGROUP"
+     */
+    UnGroup: string;
+    /**
+     * Default value: "SORT"
+     */
+    Sort: string;
+    /**
+     * Default value: "COLUMNMOVE"
+     */
+    ColumnMove: string;
+    /**
+     * Default value: "COLLAPSEALL"
+     */
+    CollapseAll: string;
+    /**
+     * Default value: "EXPANDALL"
+     */
+    ExpandAll: string;
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+    /**
+     * Default value: "COLLAPSEROW"
+     */
+    CollapseRow: string;
+    /**
+     * Default value: "HIDEALLDETAIL"
+     */
+    HideAllDetail: string;
+    /**
+     * Default value: "SHOWALLDETAIL"
+     */
+    ShowAllDetail: string;
+    /**
+     * Default value: "SHOWDETAILROW"
+     */
+    ShowDetailRow: string;
+    /**
+     * Default value: "HIDEDETAILROW"
+     */
+    HideDetailRow: string;
+    /**
+     * Default value: "PAGERONCLICK"
+     */
+    PagerOnClick: string;
+    /**
+     * Default value: "APPLYFILTER"
+     */
+    ApplyFilter: string;
+    /**
+     * Default value: "APPLYCOLUMNFILTER"
+     */
+    ApplyColumnFilter: string;
+    /**
+     * Default value: "APPLYMULTICOLUMNFILTER"
+     */
+    ApplyMultiColumnFilter: string;
+    /**
+     * Default value: "APPLYHEADERCOLUMNFILTER"
+     */
+    ApplyHeaderColumnFilter: string;
+    /**
+     * Default value: "APPLYSEARCHPANELFILTER"
+     */
+    ApplySearchPanelFilter: string;
+    /**
+     * Default value: "APPLYCUSTOMIZATIONDIALOGCHANGES"
+     */
+    ApplyCustomizationDialogChanges: string;
+    /**
+     * Default value: "FILTERROWMENU"
+     */
+    FilterRowMenu: string;
+    /**
+     * Default value: "STARTEDIT"
+     */
+    StartEdit: string;
+    /**
+     * Default value: "CANCELEDIT"
+     */
+    CancelEdit: string;
+    /**
+     * Default value: "UPDATEEDIT"
+     */
+    UpdateEdit: string;
+    /**
+     * Default value: "ADDNEWROW"
+     */
+    AddNewRow: string;
+    /**
+     * Default value: "DELETEROW"
+     */
+    DeleteRow: string;
+    /**
+     * Default value: "CUSTOMBUTTON"
+     */
+    CustomButton: string;
+    /**
+     * Default value: "CUSTOMCALLBACK"
+     */
+    CustomCallback: string;
+    /**
+     * Default value: "SHOWFILTERCONTROL"
+     */
+    ShowFilterControl: string;
+    /**
+     * Default value: "CLOSEFILTERCONTROL"
+     */
+    CloseFilterControl: string;
+    /**
+     * Default value: "SETFILTERENABLED"
+     */
+    SetFilterEnabled: string;
+    /**
+     * Default value: "REFRESH"
+     */
+    Refresh: string;
+    /**
+     * Default value: "SELFIELDVALUES"
+     */
+    SelFieldValues: string;
+    /**
+     * Default value: "ROWVALUES"
+     */
+    RowValues: string;
+    /**
+     * Default value: "PAGEROWVALUES"
+     */
+    PageRowValues: string;
+    /**
+     * Default value: "FILTERPOPUP"
+     */
+    FilterPopup: string;
+    /**
+     * Default value: "CONTEXTMENU"
+     */
+    ContextMenu: string;
+    /**
+     * Default value: "TOOLBAR"
+     */
+    Toolbar: string;
+    /**
+     * Default value: "EXPORT"
+     */
+    Export: string;
+    /**
+     * Default value: "CUSTOMVALUES"
+     */
+    CustomValues: string;
+}
+interface ASPxClientGridExportFormatStatic {
+    /**
+     * Identifies Portable Document Format (.pdf).
+     */
+    Pdf: string;
+    /**
+     * Identifies DOCX format (.docx).
+     */
+    Docx: string;
+    /**
+     * Identifies Rich Text Format (.rtf).
+     */
+    Rtf: string;
+    /**
+     * Identifies Comma Separated Values format (.csv).
+     */
+    Csv: string;
+    /**
+     * Identifies Excel Binary File format (.xls).
+     */
+    Xls: string;
+    /**
+     * Identifies XML spreadsheet file format (.xlsx).
+     */
+    Xlsx: string;
+}
+interface ASPxClientGridLookupStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridLookup;
+}
+interface ASPxClientCardViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCardView;
+}
+interface ASPxClientCardViewExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientGridViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridView;
+}
+interface ASPxClientGridViewExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientVerticalGridStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientVerticalGrid;
+}
+interface ASPxClientVerticalGridCallbackCommandStatic {
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+}
+interface ASPxClientVerticalGridExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientCommandConstsStatic {
+    /**
+     * Identifies a command that shows a search panel.
+     * Value: "showsearchpanel"
+     */
+    SHOWSEARCHPANEL_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Find and Replace dialog.
+     * Value: "findandreplacedialog"
+     */
+    FINDANDREPLACE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that applies the bold text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "bold"
+     */
+    BOLD_COMMAND: string;
+    /**
+     * Identifies a command that makes the selected text italic or regular type depending on the current state.
+     * Value: "italic"
+     */
+    ITALIC_COMMAND: string;
+    /**
+     * Identifies a command that applies the underline text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "underline"
+     */
+    UNDERLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the strike through text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "strikethrough"
+     */
+    STRIKETHROUGH_COMMAND: string;
+    /**
+     * Identifies a command that applies the superscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "superscript"
+     */
+    SUPERSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that applies the subscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "subscript"
+     */
+    SUBSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that centers the content of the currently focused paragraph.
+     * Value: "justifycenter"
+     */
+    JUSTIFYCENTER_COMMAND: string;
+    /**
+     * Identifies a command that left justifies the content of the currently focused paragraph.
+     * Value: "justifyleft"
+     */
+    JUSTIFYLEFT_COMMAND: string;
+    /**
+     * Identifies a command that creates an indent for the selected paragarph.
+     * Value: "indent"
+     */
+    INDENT_COMMAND: string;
+    /**
+     * Identifies a command that creates an outdent for the focused paragarph.
+     * Value: "outdent"
+     */
+    OUTDENT_COMMAND: string;
+    /**
+     * Identifies a command that right justifies the content of the currently focused paragraph.
+     * Value: "justifyright"
+     */
+    JUSTIFYRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that fully justifies the content of the currently focused paragraph (aligned with both the left and right margines).
+     * Value: "justifyfull"
+     */
+    JUSTIFYFULL_COMMAND: string;
+    /**
+     * Identifies a command that changes the size of the selected text.
+     * Value: "fontsize"
+     */
+    FONTSIZE_COMMAND: string;
+    /**
+     * Identifies a command that changes the font of the selected text.
+     * Value: "fontname"
+     */
+    FONTNAME_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a fore color pickers and sets the selected text fore color.
+     * Value: "forecolor"
+     */
+    FONTCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a back color pickers and sets the selected text back color.
+     * Value: "backcolor"
+     */
+    BACKCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that wraps the selected paragraph in the specified html tag.
+     * Value: "formatblock"
+     */
+    FORMATBLOCK_COMMAND: string;
+    /**
+     * Identifies a command that wraps the currently selected text content in a specific html tag with a css class assigned to it.
+     * Value: "applycss"
+     */
+    APPLYCSS_COMMAND: string;
+    /**
+     * Identifies a command that removes all formatting from the selected content.
+     * Value: "removeformat"
+     */
+    REMOVEFORMAT_COMMAND: string;
+    /**
+     * Identifies a command that cancels the last action.
+     * Value: "undo"
+     */
+    UNDO_COMMAND: string;
+    /**
+     * Identifies a command that returns a previously canceled action.
+     * Value: "redo"
+     */
+    REDO_COMMAND: string;
+    /**
+     * Identifies a command that copies the selected content.
+     * Value: "copy"
+     */
+    COPY_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard at the current cursor position.
+     * Value: "paste"
+     */
+    PASTE_COMMAND: string;
+    /**
+     * Identifies a command that pastes a specified content taking into account that it was copied from Word.
+     * Value: "pastefromword"
+     */
+    PASTEFROMWORD_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Paste from Word dialog.
+     * Value: "pastefromworddialog"
+     */
+    PASTEFROMWORDDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that cuts the selected content.
+     * Value: "cut"
+     */
+    CUT_COMMAND: string;
+    /**
+     * Identifies a command that selects all content inside the html editor.
+     * Value: "selectall"
+     */
+    SELECT_ALL: string;
+    /**
+     * Identifies a command that deletes the selected content.
+     * Value: "delete"
+     */
+    DELETE_COMMAND: string;
+    /**
+     * Identifies a command that can be used to correctly insert HTML code into the editor.
+     * Value: "pastehtml"
+     */
+    PASTEHTML_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new ordered list.
+     * Value: "insertorderedlist"
+     */
+    INSERTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new unordered list.
+     * Value: "insertunorderedlist"
+     */
+    INSERTUNORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that restarts the current ordered list.
+     * Value: "restartorderedlist"
+     */
+    RESTARTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that continues a disrupted ordered list.
+     * Value: "continueorderedlist"
+     */
+    CONTINUEORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that removes a hyperlink from the selected text or image.
+     * Value: "unlink"
+     */
+    UNLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new hyperlink.
+     * Value: "insertlink"
+     */
+    INSERTLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new image.
+     * Value: "insertimage"
+     */
+    INSERTIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected image.
+     * Value: "changeimage"
+     */
+    CHANGEIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that initiates spell checking.
+     * Value: "checkspelling"
+     */
+    CHECKSPELLING_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Image dialog.
+     * Value: "insertimagedialog"
+     */
+    INSERTIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Image dialog.
+     * Value: "changeimagedialog"
+     */
+    CHANGEIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Link dialog.
+     * Value: "insertlinkdialog"
+     */
+    INSERTLINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Link dialog.
+     * Value: "changelinkdialog"
+     */
+    CHANGELINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Table dialog.
+     * Value: "inserttabledialog"
+     */
+    INSERTTABLE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Table Properties dialog.
+     * Value: "tablepropertiesdialog"
+     */
+    TABLEPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Cell Properties dialog.
+     * Value: "tablecellpropertiesdialog"
+     */
+    TABLECELLPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Column Properties dialog.
+     * Value: "tablecolumnpropertiesdialog"
+     */
+    TABLECOLUMNPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Row Properties dialog.
+     * Value: "tablerowpropertiesdialog"
+     */
+    TABLEROWPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes a default browser Print dialog, allowing an end-user to print the content of the html editor.
+     * Value: "print"
+     */
+    PRINT_COMMAND: string;
+    /**
+     * Identifies a command that toggles the full-screen mode.
+     * Value: "fullscreen"
+     */
+    FULLSCREEN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new table.
+     * Value: "inserttable"
+     */
+    INSERTTABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table.
+     * Value: "changetable"
+     */
+    CHANGETABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table cell.
+     * Value: "changetablecell"
+     */
+    CHANGETABLECELL_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table row.
+     * Value: "changetablerow"
+     */
+    CHANGETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table column.
+     * Value: "changetablecolumn"
+     */
+    CHANGETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table.
+     * Value: "deletetable"
+     */
+    DELETETABLE_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table row.
+     * Value: "deletetablerow"
+     */
+    DELETETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table column.
+     * Value: "deletetablecolumn"
+     */
+    DELETETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the left from the currently focused one.
+     * Value: "inserttablecolumntoleft"
+     */
+    INSERTTABLECOLUMNTOLEFT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the right from the currently focused one.
+     * Value: "inserttablecolumntoright"
+     */
+    INSERTTABLECOLUMNTORIGHT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row below the currently focused one.
+     * Value: "inserttablerowbelow"
+     */
+    INSERTTABLEROWBELOW_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row above the currently focused one.
+     * Value: "inserttablerowabove"
+     */
+    INSERTTABLEROWABOVE_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell horizontally.
+     * Value: "splittablecellhorizontally"
+     */
+    SPLITTABLECELLHORIZONTALLY_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell vertically.
+     * Value: "splittablecellvertically"
+     */
+    SPLITTABLECELLVERTICALLY_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one to the right.
+     * Value: "mergetablecellright"
+     */
+    MERGETABLECELLRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one below.
+     * Value: "mergetablecelldown"
+     */
+    MERGETABLECELLDOWN_COMMAND: string;
+    /**
+     * Identifies a command that invokes a custom dialog.
+     * Value: "customdialog"
+     */
+    CUSTOMDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that exports the html editor content.
+     * Value: "export"
+     */
+    EXPORT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new audio element.
+     * Value: "insertaudio"
+     */
+    INSERTAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new video.
+     * Value: "insertvideo"
+     */
+    INSERTVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new flash element.
+     * Value: "insertflash"
+     */
+    INSERTFLASH_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new YouTube video.
+     * Value: "insertyoutubevideo"
+     */
+    INSERTYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected audio element.
+     * Value: "changeaudio"
+     */
+    CHANGEAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected video element.
+     * Value: "changevideo"
+     */
+    CHANGEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected flash element.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected YouTube video element.
+     * Value: "changeyoutubevideo"
+     */
+    CHANGEYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Audio dialog.
+     * Value: "insertaudiodialog"
+     */
+    INSERTAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Video dialog.
+     * Value: "insertvideodialog"
+     */
+    INSERTVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Flash dialog.
+     * Value: "insertflashdialog"
+     */
+    INSERTFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert YouTube Video dialog.
+     * Value: "insertyoutubevideodialog"
+     */
+    INSERTYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Audio dialog.
+     * Value: "changeaudiodialog"
+     */
+    CHANGEAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Video dialog.
+     * Value: "changevideodialog"
+     */
+    CHANGEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Flash dialog.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change YouTube Video dialog.
+     * Value: "changeyoutubevideodialog"
+     */
+    CHANGEYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to SourceFormatting.
+     * Value: "pastehtmlsourceformatting"
+     */
+    PASTEHTMLSOURCEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to PlainText.
+     * Value: "pastehtmlplaintext"
+     */
+    PASTEHTMLPLAINTEXT_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to MergeFormatting.
+     * Value: "pastehtmlmergeformatting"
+     */
+    PASTEHTMLMERGEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new placeholder.
+     * Value: "insertplaceholder"
+     */
+    INSERTPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected placeholder.
+     * Value: "changeplaceholder"
+     */
+    CHANGEPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Placeholder dialog.
+     * Value: "insertplaceholderdialog"
+     */
+    INSERTPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Placeholder dialog.
+     * Value: "changeplaceholderdialog"
+     */
+    CHANGEPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that updates the editor content.
+     * Value: "updatedocument"
+     */
+    UPDATEDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that changes properties of the element selected in the tag inspector.
+     * Value: "changeelementproperties"
+     */
+    CHANGEELEMENTPROPERTIES_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Element Properties dialog.
+     * Value: "changeelementpropertiesdialog"
+     */
+    CHANGEELEMENTPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that comments the selected HTML code. If no code is selected, it comments the focused tag.
+     * Value: "comment"
+     */
+    COMMENT_COMMAND: string;
+    /**
+     * Identifies a command that uncomments the selected HTML code. If no code is selected, the command uncomments the currently focused tag.
+     * Value: "uncomment"
+     */
+    UNCOMMENTHTML_COMMAND: string;
+    /**
+     * Identifies a command that formats the current HTML document.
+     * Value: "formatdocument"
+     */
+    FORMATDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that applies the indent formatting to the selected content.
+     * Value: "indent"
+     */
+    INDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the outdent formatting to the focused content.
+     * Value: "outdent"
+     */
+    OUTDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that collapses the selected HTML tag.
+     * Value: "collapsetag"
+     */
+    COLLAPSETAG_COMMAND: string;
+    /**
+     * Identifies a command that expands the selected HTML tag.
+     * Value: "expandtag"
+     */
+    EXPANDTAG_COMMAND: string;
+    /**
+     * Identifies a command that shows intellisense for the HTML code editor.
+     * Value: "showintellisense"
+     */
+    SHOWINTELLISENSE_COMMAND: string;
+}
+interface ASPxClientHtmlEditorStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHtmlEditor;
+    /**
+     * Programmatically closes a custom dialog, supplying it with specific parameters.
+     * @param status An object representing a custom dialog's closing status.
+     * @param data An object representing custom data associated with a custom dialog.
+     */
+    CustomDialogComplete(status: Object, data: Object): void;
+    /**
+     * Highlights the text.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     */
+    HighlightText(text: string, searchContainer: Object): void;
+    /**
+     * Highlights the text with the specified settings.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     * @param className A string value specifying the text color.
+     */
+    HighlightText(text: string, searchContainer: Object, className: string): void;
+    /**
+     * Highlights the text with the specified text color and background color.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     * @param color A string value specifying the text color.
+     * @param backgroundColor A string value specifying the background color.
+     */
+    HighlightText(text: string, searchContainer: Object, color: string, backgroundColor: string): void;
+}
+interface ASPxClientHtmlEditorMediaPreloadModeStatic {
+    /**
+     * The browser does not load a media file when the page loads.
+     */
+    None: string;
+    /**
+     * The browser loads the entire video when the page loads.
+     */
+    Auto: string;
+    /**
+     * The browser loads only metadata when the page loads.
+     */
+    Metadata: string;
+}
+interface ASPxClientPivotGridStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPivotGrid;
+}
+interface ASPxClientPivotCustomizationStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRichEditStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRichEdit;
+}
+interface ASPxSchedulerDateTimeHelperStatic {
+    /**
+     * Returns the date part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the date.
+     */
+    TruncToDate(date: Date): Date;
+    /**
+     * Returns the day time part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the day time.
+     */
+    ToDayTime(date: Date): any;
+    /**
+     * Adds the specified number of days to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add days.
+     * @param dayCount The number of days to add.
+     */
+    AddDays(date: Date, dayCount: number): Date;
+    /**
+     * Adds the specified timespan to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add a timespan.
+     * @param timeSpan A TimeSpan object specifying the timespan to add.
+     */
+    AddTimeSpan(date: Date, timeSpan: any): Date;
+    /**
+     * Rounds a DateTime value up to the nearest interval.
+     * @param date A DateTime object containing a value to round.
+     * @param spanInMs A TimeSpan object specifying an interval to which to round.
+     */
+    CeilDateTime(date: Date, spanInMs: any): Date;
+}
+interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
+}
+interface ASPxClientTimeIntervalStatic {
+    /**
+     * Gets the duration of a time interval between two points in time.
+     * @param start A DateTime object specifying the starting point of the time interval.
+     * @param end A DateTime object specifying the ending point of the time interval.
+     */
+    CalculateDuration(start: Date, end: Date): number;
+}
+interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientScheduler;
+}
+interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpellChecker;
+}
+interface ASPxClientSpellCheckerStopCheckingReasonStatic {
+    /**
+     * Spell checking is finished normally.
+     */
+    Default: string;
+    /**
+     * The user stopped spell checking.
+     */
+    User: string;
+}
+interface ASPxClientSpreadsheetStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpreadsheet;
+}
+interface ASPxClientTreeListStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeList;
+}
+interface ASPxClientTreeListExportFormatStatic {
+    /**
+     * Identifies Portable Document Format (.pdf).
+     */
+    Pdf: string;
+    /**
+     * Identifies DOCX format (.docx).
+     */
+    Docx: string;
+    /**
+     * Identifies Rich Text Format (.rtf).
+     */
+    Rtf: string;
+    /**
+     * Identifies Excel Binary File format (.xls).
+     */
+    Xls: string;
+    /**
+     * Identifies XML spreadsheet file format (.xlsx).
+     */
+    Xlsx: string;
+}
+interface BootstrapClientAccordionStatic extends ASPxClientNavBarStatic {
+}
+interface BootstrapClientBinaryImageStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientButtonStatic extends ASPxClientButtonStatic {
+}
+interface BootstrapClientCalendarStatic extends ASPxClientCalendarStatic {
+}
+interface BootstrapClientCallbackPanelStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientCheckBoxStatic extends ASPxClientEditStatic {
+}
+interface BootstrapClientRadioButtonStatic extends BootstrapClientCheckBoxStatic {
+}
+interface BootstrapClientComboBoxStatic extends ASPxClientComboBoxStatic {
+}
+interface BootstrapClientDateEditStatic extends ASPxClientDateEditStatic {
+}
+interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic {
+}
+interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
+}
+interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientImageStatic extends ASPxClientImageStatic {
+}
+interface BootstrapClientListBoxStatic extends ASPxClientListBoxStatic {
+}
+interface BootstrapClientCheckBoxListStatic extends ASPxClientCheckBoxListStatic {
+}
+interface BootstrapClientRadioButtonListStatic extends ASPxClientRadioButtonListStatic {
+}
+interface BootstrapClientMenuStatic extends ASPxClientMenuStatic {
+}
+interface BootstrapClientPagerStatic extends ASPxClientPagerStatic {
+}
+interface BootstrapClientPopupControlStatic extends ASPxClientPopupControlStatic {
+}
+interface BootstrapClientPopupMenuStatic extends ASPxClientPopupMenuStatic {
+}
+interface BootstrapClientProgressBarStatic extends ASPxClientProgressBarStatic {
+}
+interface BootstrapClientSpinEditStatic extends ASPxClientSpinEditStatic {
+}
+interface BootstrapClientTimeEditStatic extends ASPxClientTimeEditStatic {
+}
+interface BootstrapClientTabControlStatic extends ASPxClientTabControlStatic {
+}
+interface BootstrapClientPageControlStatic extends ASPxClientPageControlStatic {
+}
+interface BootstrapClientTagBoxStatic extends ASPxClientTokenBoxStatic {
+}
+interface BootstrapClientTextBoxStatic extends ASPxClientTextBoxStatic {
+}
+interface BootstrapClientMemoStatic extends ASPxClientMemoStatic {
+}
+interface BootstrapClientButtonEditStatic extends ASPxClientButtonEditStatic {
+}
+interface BootstrapClientToolbarStatic extends BootstrapClientMenuStatic {
+}
+interface BootstrapClientTreeViewStatic extends ASPxClientTreeViewStatic {
+}
+interface BootstrapClientUploadControlStatic extends ASPxClientUploadControlStatic {
+}
+interface BootstrapClientUtilsStatic {
+    UpdateDefaultStyles(): void;
+}
+interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
+}
+interface BootstrapClientCardViewStatic extends ASPxClientGridViewStatic {
+}
+interface BootstrapUIWidgetBaseStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientChartBaseStatic extends BootstrapUIWidgetBaseStatic {
+}
+interface BootstrapClientChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPolarChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPieChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientRangeSelectorStatic extends BootstrapUIWidgetBaseStatic {
+}
+interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCalendar;
+}
+interface MVCxClientCallbackPanelStatic extends ASPxClientCallbackPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCallbackPanel;
+}
+interface MVCxClientCardViewStatic extends ASPxClientCardViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCardView;
+}
+interface MVCxClientChartStatic extends ASPxClientWebChartControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientChart;
+}
+interface MVCxClientComboBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientComboBox;
+}
+interface MVCxClientDataViewStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDataView;
+}
+interface MVCxClientDateEditStatic extends ASPxClientDateEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDateEdit;
+}
+interface MVCxClientDockManagerStatic extends ASPxClientDockManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockManager;
+}
+interface MVCxClientDockPanelStatic extends ASPxClientDockPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockPanel;
+}
+interface MVCxClientFileManagerStatic extends ASPxClientFileManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientFileManager;
+}
+interface MVCxClientGridViewStatic extends ASPxClientGridViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientGridView;
+}
+interface MVCxClientHtmlEditorStatic extends ASPxClientHtmlEditorStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientHtmlEditor;
+}
+interface MVCxClientImageGalleryStatic extends ASPxClientImageGalleryStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientImageGallery;
+}
+interface MVCxClientListBoxStatic extends ASPxClientListBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientListBox;
+}
+interface MVCxClientNavBarStatic extends ASPxClientNavBarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientNavBar;
+}
+interface MVCxClientPivotGridStatic extends ASPxClientPivotGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPivotGrid;
+}
+interface MVCxClientPopupControlStatic extends ASPxClientPopupControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPopupControl;
+}
+interface MVCxClientDocumentViewerStatic extends ASPxClientDocumentViewerStatic {
+}
+interface MVCxClientReportViewerStatic extends ASPxClientReportViewerStatic {
+}
+interface MVCxClientReportDesignerStatic extends ASPxClientReportDesignerStatic {
+}
+interface MVCxClientRichEditStatic extends ASPxClientRichEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRichEdit;
+}
+interface MVCxClientRoundPanelStatic extends ASPxClientRoundPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRoundPanel;
+}
+interface MVCxClientSchedulerStatic extends ASPxClientSchedulerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientScheduler;
+}
+interface MVCxSchedulerToolTipTypeStatic {
+    /**
+     * The tooltip is displayed for a selected appointment.
+     */
+    Appointment: number;
+    /**
+     * The tooltip is displayed for a dragged appointment.
+     */
+    AppointmentDrag: number;
+    /**
+     * The tooltip is displayed for a selected time interval.
+     */
+    Selection: number;
+}
+interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSpreadsheet;
+}
+interface MVCxClientPageControlStatic extends ASPxClientPageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPageControl;
+}
+interface MVCxClientTokenBoxStatic extends ASPxClientTokenBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTokenBox;
+}
+interface MVCxClientTreeListStatic extends ASPxClientTreeListStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeList;
+}
+interface MVCxClientTreeViewStatic extends ASPxClientTreeViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeView;
+}
+interface MVCxClientUploadControlStatic extends ASPxClientUploadControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientUploadControl;
+}
+interface MVCxClientUtilsStatic {
+    /**
+     * Loads service resources (such as scripts, CSS files, etc.) required for DevExpress functionality to work properly after a non DevExpress callback has been processed on the server and returned back to the client.
+     */
+    FinalizeCallback(): void;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+}
+interface MVCxClientGlobalEventsStatic {
+    /**
+     * Dynamically connects the ControlsInitialized client event with an appropriate event handler function.
+     * @param handler A object representing the event handling function's content.
+     */
+    AddControlsInitializedEventHandler(handler: ASPxClientControlsInitializedEventHandler<any>): void;
+    /**
+     * Dynamically connects the BeginCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddBeginCallbackEventHandler(handler: MVCxClientBeginCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the EndCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddEndCallbackEventHandler(handler: ASPxClientEndCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the CallbackError client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddCallbackErrorHandler(handler: ASPxClientCallbackErrorEventHandler<any>): void;
+}
+interface MVCxClientVerticalGridStatic extends ASPxClientVerticalGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientVerticalGrid;
+}
+interface MVCxClientWebDocumentViewerStatic extends ASPxClientWebDocumentViewerStatic {
+}
+interface ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControlBase;
+}
+interface ASPxClientControlStatic extends ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControl;
+    /**
+     * Modifies the controls size on the page.
+     */
+    AdjustControls(): void;
+    /**
+     * Modifies the controls size within the specified container.
+     * @param container An HTML element that is the container of the controls.
+     */
+    AdjustControls(container: Object): void;
+    /**
+     * Returns a collection of client web control objects.
+     */
+    GetControlCollection(): ASPxClientControlCollection;
+}
+interface ASPxClientCallbackStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallback;
+}
+interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanelBase;
+}
+interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanel;
+}
+interface ASPxClientCallbackPanelStatic extends ASPxClientPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallbackPanel;
+}
+interface ASPxClientCloudControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCloudControl;
+}
+interface ASPxClientDataViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDataView;
+}
+interface ASPxClientDockManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockManager;
+}
+interface ASPxClientPopupControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDockPanelStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockPanel;
+}
+interface ASPxClientDockZoneStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockZone;
+}
+interface ASPxClientFileManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFileManager;
+}
+interface ASPxClientFileManagerCommandConstsStatic {
+    /**
+     * The name of a command that is executed when an end-user renames an item.
+     */
+    Rename: string;
+    /**
+     * The name of a command that is executed when an end-user moves an item.
+     */
+    Move: string;
+    /**
+     * The name of a command that is executed when an end-user deletes an item.
+     */
+    Delete: string;
+    /**
+     * The name of a command that is executed when an end-user creates a folder.
+     */
+    Create: string;
+    /**
+     * The name of a command that is executed when an end-user uploads a file.
+     */
+    Upload: string;
+    /**
+     * The name of a command that is executed when an end-user downloads an item.
+     */
+    Download: string;
+    /**
+     * The name of a command that is executed when an end-user copies an item.
+     */
+    Copy: string;
+    /**
+     * The name of a command that is executed when an end-user opens an item.
+     */
+    Open: string;
+}
+interface ASPxClientFileManagerErrorConstsStatic {
+    /**
+     * The specified file is not found.    Return Value: 0
+     */
+    FileNotFound: number;
+    /**
+     * The specified folder is not found.    Return Value: 1
+     */
+    FolderNotFound: number;
+    /**
+     * Access is denied.    Return Value: 2
+     */
+    AccessDenied: number;
+    /**
+     * Unspecified IO error occurs.    Return Value: 3
+     */
+    UnspecifiedIO: number;
+    /**
+     * Unspecified error occurs.    Return Value: 4
+     */
+    Unspecified: number;
+    /**
+     * The file/folder name is empty.    Return Value: 5
+     */
+    EmptyName: number;
+    /**
+     * The operation was canceled.    Return Value: 6
+     */
+    CanceledOperation: number;
+    /**
+     * The specified name contains invalid characters.    Return Value: 7
+     */
+    InvalidSymbols: number;
+    /**
+     * The specified file extension is not allowed.    Return Value: 8
+     */
+    WrongExtension: number;
+    /**
+     * The file/folder is being used by another process.    Return Value: 9
+     */
+    UsedByAnotherProcess: number;
+    /**
+     * The specified file/folder already exists.    Return Value: 10
+     */
+    AlreadyExists: number;
+}
+interface ASPxClientFileManagerCallbackCommandStatic {
+    GetAllItems: string;
+    GetFileList: string;
+    Refresh: string;
+    DeleteItems: string;
+    MoveItems: string;
+    CopyItems: string;
+    RenameItem: string;
+    Download: string;
+    ShowFolderBrowserDialog: string;
+    ShowCreateFolderEditorInTreeView: string;
+    CreateFolder: string;
+    SelectedFileOpened: string;
+    FoldersTreeView: string;
+    FolderBrowserTreeView: string;
+    GridView: string;
+    ChangeFolder: string;
+    ChangeFolderInTreeView: string;
+    CustomCallback: string;
+    VirtualScrolling: string;
+    GridViewVirtualScrolling: string;
+}
+interface ASPxClientFormLayoutStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFormLayout;
+}
+interface ASPxClientHiddenFieldStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHiddenField;
+}
+interface ASPxClientHintStatic extends ASPxClientControlStatic {
+    /**
+     * Forces the hint to reselect target UI elements according to the specified CSS selector.
+     */
+    Update(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     */
+    UpdatePosition(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     * @param hintElementOrTargetElement An object that is the hint element or the target element.
+     */
+    UpdatePosition(hintElementOrTargetElement: Object): void;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Register(targetSelector: string, options: ASPxClientHintOptions): ASPxClientHint;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param contentAttribute A string value that is the attribute name. Specifies from which target element's attribute a hint obtains its content.
+     */
+    Register(targetSelector: string, contentAttribute: string): ASPxClientHint;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies for which UI elements the hint is displayed.
+     * @param onShowing An ASPxClientHintShowingEventHandler object that is a handler for the displayed event.
+     */
+    Register(targetSelector: string, onShowing: ASPxClientHintShowingEventHandler): ASPxClientHint;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetSelector: string, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetSelector: string, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement An object that is the target element.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetElement: Object, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetElement: Object, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(options: ASPxClientHintOptions): void;
+    /**
+     * Hides a hint window.
+     * @param targetSelector A string value that is the CSS selector.
+     */
+    Hide(targetSelector: string): void;
+    /**
+     * Hides a hint window.
+     * @param targetElementOrHintElement An object that is the target element or hint element.
+     */
+    Hide(targetElementOrHintElement: Object): void;
+    /**
+     * Hides all hints.
+     */
+    HideAll(): void;
+}
+interface ASPxClientImageGalleryStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageGallery;
+}
+interface ASPxClientImageSliderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageSlider;
+}
+interface ASPxClientImageZoomNavigatorStatic extends ASPxClientImageSliderStatic {
+}
+interface ASPxClientImageZoomStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientLoadingPanelStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLoadingPanel;
+}
+interface ASPxClientMediaFileSelectorStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientMenuBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Returns a collection of client menu objects.
+     */
+    GetMenuCollection(): ASPxClientMenuCollection;
+}
+interface ASPxClientMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMenu;
+}
+interface ASPxClientTouchUIStatic {
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param id A string value specifying the element's ID.
+     */
+    MakeScrollable(id: string): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param element An object that specifies the required DOM element.
+     */
+    MakeScrollable(element: Object): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with  scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param id A string value specifying the name of a DOM element that should be extended with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(id: string, options: ASPxClientTouchUIOptions): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param element An object specifying the DOM element to extend with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(element: Object, options: ASPxClientTouchUIOptions): ScrollExtender;
+}
+interface ASPxClientNavBarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNavBar;
+}
+interface ASPxClientNewsControlStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNewsControl;
+}
+interface ASPxClientObjectContainerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientObjectContainer;
+}
+interface ASPxClientPagerStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientPopupControlStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupControl;
+    /**
+     * Returns a collection of client popup control objects.
+     */
+    GetPopupControlCollection(): ASPxClientPopupControlCollection;
+}
+interface ASPxClientPopupControlResizeStateStatic {
+    /**
+     * A window has been resized. Returns 0.
+     */
+    Resized: number;
+    /**
+     * A window has been collapsed. Returns 1.
+     */
+    Collapsed: number;
+    /**
+     * A window has been expanded. Returns 2.
+     */
+    Expanded: number;
+    /**
+     * A window has been maximized. Returns 3.
+     */
+    Maximized: number;
+    /**
+     * A window has been restored after maximizing. Returns 4.
+     */
+    RestoredAfterMaximized: number;
+}
+interface ASPxClientPopupControlCloseReasonStatic {
+    /**
+     * The window has been closed by an API.
+     */
+    API: string;
+    /**
+     * An end-user clicks the close header button.
+     */
+    CloseButton: string;
+    /**
+     * An end-user clicks outside the window's region
+     */
+    OuterMouseClick: string;
+    /**
+     * An end-user moves the mouse pointer out of the window region.
+     */
+    MouseOut: string;
+    /**
+     * An end-user presses the ESC key.
+     */
+    Escape: string;
+}
+interface ASPxClientPopupMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupMenu;
+}
+interface ASPxClientRatingControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRatingControl;
+}
+interface ASPxClientRibbonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRibbon;
+}
+interface ASPxClientRibbonStateStatic {
+    /**
+     * A ribbon is in the normal state. Returns 0
+     */
+    Normal: number;
+    /**
+     * A ribbon is minimized. Returns 1
+     */
+    Minimized: number;
+    /**
+     * A ribbon is temporarily shown. Returns 2
+     */
+    TemporaryShown: number;
+}
+interface ASPxClientRoundPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRoundPanel;
+}
+interface ASPxClientSplitterStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSplitter;
+}
+interface ASPxClientTabControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientTabControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTabControl;
+}
+interface ASPxClientPageControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPageControl;
+}
+interface ASPxClientTimerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimer;
+}
+interface ASPxClientTitleIndexStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTitleIndex;
+}
+interface ASPxClientTreeViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeView;
+}
+interface ASPxClientUploadControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientUploadControl;
+}
+interface ASPxClientUploadControlValidationErrorTypeConstsStatic {
+    /**
+     * The allowed maximum file size is exceeded.  Return Value: 1
+     */
+    MaxFileSizeExceeded: number;
+    /**
+     * The file's extension is not allowed.  Return Value: 2
+     */
+    NotAllowedFileExtension: number;
+    /**
+     * The allowed maximum count of the files is exceeded.  Return Value: 3
+     */
+    MaxFileCountExceeded: number;
+    /**
+     * A file name contains invalid character.Return Value: 4
+     */
+    FileNameContainsInvalidCharacter: number;
+}
+interface ASPxClientUtilsStatic {
+    /**
+     * Gets the user-agent string, which identifies the client browser and provides certain system details of the client computer.
+     * Value: A string value representing the browser's user-agent string.
+     */
+    agent: string;
+    /**
+     * Gets a value that specifies whether the client browser is Opera.
+     * Value: true if the client browser is Opera; otherwise, false.
+     */
+    opera: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Opera version 9.
+     * Value: true if the client browser is Opera version 9; otherwise, false.
+     */
+    opera9: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari.
+     * Value: true if the client browser is Safari; otherwise, false.
+     */
+    safari: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari version 3.
+     * Value: true if the client browser is Safari version 3; otherwise, false.
+     */
+    safari3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari, running under a MacOS operating system.
+     * Value: true if the client browser is Safari, running under a MacOS operating system; otherwise, false.
+     */
+    safariMacOS: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Google Chrome.
+     * Value: true if the client browser is Google Chrome; otherwise, false.
+     */
+    chrome: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer.
+     * Value: true if the client browser is Intenet Explorer; otherwise, false.
+     */
+    ie: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer version 7.
+     * Value: true if the client browser is Intenet Explorer version 7; otherwise, false.
+     */
+    ie7: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox.
+     * Value: true if the client browser is Firefox; otherwise, false.
+     */
+    firefox: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox version 3.
+     * Value: true if the client browser is Firefox version 3; otherwise, false.
+     */
+    firefox3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Mozilla.
+     * Value: true if the client browser is Mozilla; otherwise, false.
+     */
+    mozilla: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Netscape.
+     * Value: true if the client browser is Netscape; otherwise, false.
+     */
+    netscape: boolean;
+    /**
+     * Gets a value that specifies a client browser's full version.
+     * Value: A double precision floating-point value that specifies a client browser's version.
+     */
+    browserVersion: number;
+    /**
+     * Gets a value that specifies a client browser's major version.
+     * Value: An integer value that specifies a client browser's major version.
+     */
+    browserMajorVersion: number;
+    /**
+     * Gets a value that specifies whether the application is run under a MacOS platform.
+     * Value: true if the application is run under the MacOS platform; otherwise, false.
+     */
+    macOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Windows platform.
+     * Value: true if the application is run under the Windows platform; otherwise, false.
+     */
+    windowsPlatform: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on WebKit.
+     * Value: true if the client browser is based on WebKit; otherwise, false.
+     */
+    webKitFamily: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on Netscape.
+     * Value: true if client browser is based on Netscape; otherwise, false.
+     */
+    netscapeFamily: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports touch.
+     * Value: true if the client browser supports touch; otherwise, false.
+     */
+    touchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the WebKit touch user interface.
+     * Value: true if the client browser supports the WebKit touch user interface; otherwise, false.
+     */
+    webKitTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the Microsoft touch user interface.
+     * Value: true if the client browser supports the Microsoft touch user interface; otherwise, false.
+     */
+    msTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under an iOS platform.
+     * Value: true if the application is run under the iOS platform; otherwise, false.
+     */
+    iOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Android platform.
+     * Value: true if the application is run under the Android platform; otherwise, false.
+     */
+    androidPlatform: boolean;
+    /**
+     * Inserts the specified item into the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to insert.
+     */
+    ArrayInsert(array: Object[], element: Object): void;
+    /**
+     * Removes the specified item from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to remove.
+     */
+    ArrayRemove(array: Object[], element: Object): void;
+    /**
+     * Removes an item at the specified index location from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param index The zero-based index location of the array item to remove.
+     */
+    ArrayRemoveAt(array: Object[], index: number): void;
+    /**
+     * Removes all items from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     */
+    ArrayClear(array: Object[]): void;
+    /**
+     * Searches for the specified array item and returns the zero-based index of its first occurrence within the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to locate.
+     */
+    ArrayIndexOf(array: Object[], element: Object): number;
+    /**
+     * Binds the specified function to a specific element's event, so that the function gets called whenever the event fires on the element.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name without the "on" prefix.
+     * @param method An object that specifies the event's handling function.
+     */
+    AttachEventToElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Unbinds the specified function from a specific element's event, so that the function stops receiving notifications when the event fires.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name.
+     * @param method An object that specifies the event's handling function.
+     */
+    DetachEventFromElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Returns the object that fired the event.
+     * @param htmlEvent An object that represents the current event.
+     */
+    GetEventSource(htmlEvent: Object): Object;
+    /**
+     * Gets the x-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventX(htmlEvent: Object): number;
+    /**
+     * Gets the y-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventY(htmlEvent: Object): number;
+    /**
+     * Gets the keyboard code for the specified event.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetKeyCode(htmlEvent: Object): number;
+    /**
+     * Cancels the default action of the specified event.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEvent(htmlEvent: Object): boolean;
+    /**
+     * Cancels both the specified event's default action and the event's bubbling upon the hierarchy of event handlers.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEventAndBubble(htmlEvent: Object): boolean;
+    /**
+     * Removes mouse capture from the specified event's source object.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventDragStart(htmlEvent: Object): boolean;
+    /**
+     * Clears any text selection made within the window's client region.
+     */
+    ClearSelection(): void;
+    /**
+     * Gets a value that indicates whether the specified object exists on the client side.
+     * @param obj The object to test.
+     */
+    IsExists(obj: Object): boolean;
+    /**
+     * Gets a value that indicates whether the specified object is a function.
+     * @param obj The object to test.
+     */
+    IsFunction(obj: Object): boolean;
+    /**
+     * Gets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteX(element: Object): number;
+    /**
+     * Gets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteY(element: Object): number;
+    /**
+     * Sets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param x An integer value specifying the required element's x-coordinate, in pixels.
+     */
+    SetAbsoluteX(element: Object, x: number): void;
+    /**
+     * Sets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param y An integer value specifying the required element's y-coordinate, in pixels.
+     */
+    SetAbsoluteY(element: Object, y: number): void;
+    /**
+     * Returns the distance between the top edge of the document and the topmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollTop(): number;
+    /**
+     * Returns the distance between the left edge of the document and the leftmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollLeft(): number;
+    /**
+     * Gets the width of the window's client region.
+     */
+    GetDocumentClientWidth(): number;
+    /**
+     * Gets the height of the window's client region.
+     */
+    GetDocumentClientHeight(): number;
+    /**
+     * Gets a value indicating whether the object passed via the parentElement parameter is a parent of the object passed via the element parameter.
+     * @param parentElement An object specifying the parent HTML element.
+     * @param element An object specifying the child HTML element.
+     */
+    GetIsParent(parentElement: Object, element: Object): boolean;
+    /**
+     * Returns a reference to the specified HTML element's first parent object which has an ID that matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param id A string specifying the required parent's ID.
+     */
+    GetParentById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose element name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     */
+    GetParentByTagName(element: Object, tagName: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose class name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param className A string value specifying the class name of the desired HTML element.
+     */
+    GetParentByClassName(element: Object, className: string): Object;
+    /**
+     * Returns a reference to the first element that has the specified ID in the parent HTML element specified.
+     * @param element An object identifying the parent HTML element to search.
+     * @param id A string specifying the ID attribute value of the desired child element.
+     */
+    GetChildById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the particular element that has the specified element name and is contained within the specified parent HTML element.
+     * @param element An object specifying the parent HTML element to search.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     * @param index An integer value specifying the zero-based index of the desired element amongst all the matching elements found.
+     */
+    GetChildByTagName(element: Object, tagName: string, index: number): Object;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     */
+    SetCookie(name: string, value: string): void;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     * @param expirationDate A date-time object that represents the expiration date and time for the cookie.
+     */
+    SetCookie(name: string, value: string, expirationDate: Date): void;
+    /**
+     * Retrieves a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    GetCookie(name: string): string;
+    /**
+     * Deletes a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    DeleteCookie(name: string): void;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameters.
+     * @param keyCode An integer value that specifies the code of the key. Codes are available via the ASPx.KeyCode client object's members.
+     * @param isCtrlKey true, if the CTRL key should be included into the key combination; otherwise, false.
+     * @param isShiftKey true, if the SHIFT key should be included into the key combination; otherwise, false.
+     * @param isAltKey true, if the ALT key should be included into the key combination; otherwise, false.
+     */
+    GetShortcutCode(keyCode: number, isCtrlKey: boolean, isShiftKey: boolean, isAltKey: boolean): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the pressed key combination, which is specified by the related HTML event.
+     * @param htmlEvent A DHTML event object that relates to a key combination being pressed.
+     */
+    GetShortcutCodeByEvent(htmlEvent: Object): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameter.
+     * @param shortcutString A string value that specifies the key combination.
+     */
+    StringToShortcutCode(shortcutString: string): number;
+    /**
+     * Trims all leading and trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    Trim(str: string): string;
+    /**
+     * Trims all leading whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimStart(str: string): string;
+    /**
+     * Trims all trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimEnd(str: string): string;
+    /**
+     * Returns values of editors located in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors located in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+}
+interface ASPxClientChartDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientChartDesigner;
+}
+interface ASPxClientWebChartControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebChartControl;
+}
+interface ASPxClientDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDocumentViewer;
+}
+interface ASPxClientQueryBuilderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientQueryBuilder;
+}
+interface ASPxClientReportDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportDesigner;
+}
+interface ASPxClientReportDocumentMapStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportParametersPanelStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportToolbarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportToolbar;
+}
+interface ASPxClientReportViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportViewer;
+}
+interface ASPxClientWebDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebDocumentViewer;
+}
+
+declare var MVCxClientDashboardViewer: MVCxClientDashboardViewerStatic;
+declare var DashboardDataAxisNames: DashboardDataAxisNamesStatic;
+declare var DashboardSpecialValues: DashboardSpecialValuesStatic;
+declare var DashboardExportPageLayout: DashboardExportPageLayoutStatic;
+declare var DashboardExportPaperKind: DashboardExportPaperKindStatic;
+declare var DashboardExportScaleMode: DashboardExportScaleModeStatic;
+declare var DashboardExportDocumentScaleMode: DashboardExportDocumentScaleModeStatic;
+declare var DashboardExportFilterState: DashboardExportFilterStateStatic;
+declare var DashboardStateExportPosition: DashboardStateExportPositionStatic;
+declare var DashboardStateExcelExportPosition: DashboardStateExcelExportPositionStatic;
+declare var DashboardExportImageFormat: DashboardExportImageFormatStatic;
+declare var ExcelExportFilterState: ExcelExportFilterStateStatic;
+declare var DashboardExportExcelFormat: DashboardExportExcelFormatStatic;
+declare var ChartExportSizeMode: ChartExportSizeModeStatic;
+declare var MapExportSizeMode: MapExportSizeModeStatic;
+declare var TreemapExportSizeMode: TreemapExportSizeModeStatic;
+declare var RangeFilterExportSizeMode: RangeFilterExportSizeModeStatic;
+declare var DashboardSelectionMode: DashboardSelectionModeStatic;
+declare var ASPxClientDashboard: ASPxClientDashboardStatic;
+declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
+declare var ASPxClientEditBase: ASPxClientEditBaseStatic;
+declare var ASPxClientEdit: ASPxClientEditStatic;
+declare var ASPxClientBinaryImage: ASPxClientBinaryImageStatic;
+declare var ASPxClientButton: ASPxClientButtonStatic;
+declare var ASPxClientCalendar: ASPxClientCalendarStatic;
+declare var ASPxClientCaptcha: ASPxClientCaptchaStatic;
+declare var ASPxClientCheckBox: ASPxClientCheckBoxStatic;
+declare var ASPxClientRadioButton: ASPxClientRadioButtonStatic;
+declare var ASPxClientTextEdit: ASPxClientTextEditStatic;
+declare var ASPxClientTextBoxBase: ASPxClientTextBoxBaseStatic;
+declare var ASPxClientButtonEditBase: ASPxClientButtonEditBaseStatic;
+declare var ASPxClientDropDownEditBase: ASPxClientDropDownEditBaseStatic;
+declare var ASPxClientColorEdit: ASPxClientColorEditStatic;
+declare var ASPxClientComboBox: ASPxClientComboBoxStatic;
+declare var ASPxClientDateEdit: ASPxClientDateEditStatic;
+declare var ASPxClientDropDownEdit: ASPxClientDropDownEditStatic;
+declare var ASPxClientFilterControl: ASPxClientFilterControlStatic;
+declare var ASPxClientListEdit: ASPxClientListEditStatic;
+declare var ASPxClientListBox: ASPxClientListBoxStatic;
+declare var ASPxClientCheckListBase: ASPxClientCheckListBaseStatic;
+declare var ASPxClientRadioButtonList: ASPxClientRadioButtonListStatic;
+declare var ASPxClientCheckBoxList: ASPxClientCheckBoxListStatic;
+declare var ASPxClientProgressBar: ASPxClientProgressBarStatic;
+declare var ASPxClientSpinEditBase: ASPxClientSpinEditBaseStatic;
+declare var ASPxClientSpinEdit: ASPxClientSpinEditStatic;
+declare var ASPxClientTimeEdit: ASPxClientTimeEditStatic;
+declare var ASPxClientStaticEdit: ASPxClientStaticEditStatic;
+declare var ASPxClientHyperLink: ASPxClientHyperLinkStatic;
+declare var ASPxClientImageBase: ASPxClientImageBaseStatic;
+declare var ASPxClientImage: ASPxClientImageStatic;
+declare var ASPxClientLabel: ASPxClientLabelStatic;
+declare var ASPxClientTextBox: ASPxClientTextBoxStatic;
+declare var ASPxClientMemo: ASPxClientMemoStatic;
+declare var ASPxClientButtonEdit: ASPxClientButtonEditStatic;
+declare var ASPxClientTokenBox: ASPxClientTokenBoxStatic;
+declare var ASPxClientTrackBar: ASPxClientTrackBarStatic;
+declare var ASPxClientValidationSummary: ASPxClientValidationSummaryStatic;
+declare var ASPxClientGaugeControl: ASPxClientGaugeControlStatic;
+declare var ASPxClientGridBase: ASPxClientGridBaseStatic;
+declare var ASPxClientGridViewCallbackCommand: ASPxClientGridViewCallbackCommandStatic;
+declare var ASPxClientGridExportFormat: ASPxClientGridExportFormatStatic;
+declare var ASPxClientGridLookup: ASPxClientGridLookupStatic;
+declare var ASPxClientCardView: ASPxClientCardViewStatic;
+declare var ASPxClientCardViewExportFormat: ASPxClientCardViewExportFormatStatic;
+declare var ASPxClientGridView: ASPxClientGridViewStatic;
+declare var ASPxClientGridViewExportFormat: ASPxClientGridViewExportFormatStatic;
+declare var ASPxClientVerticalGrid: ASPxClientVerticalGridStatic;
+declare var ASPxClientVerticalGridCallbackCommand: ASPxClientVerticalGridCallbackCommandStatic;
+declare var ASPxClientVerticalGridExportFormat: ASPxClientVerticalGridExportFormatStatic;
+declare var ASPxClientCommandConsts: ASPxClientCommandConstsStatic;
+declare var ASPxClientHtmlEditor: ASPxClientHtmlEditorStatic;
+declare var ASPxClientHtmlEditorMediaPreloadMode: ASPxClientHtmlEditorMediaPreloadModeStatic;
+declare var ASPxClientPivotGrid: ASPxClientPivotGridStatic;
+declare var ASPxClientPivotCustomization: ASPxClientPivotCustomizationStatic;
+declare var ASPxClientRichEdit: ASPxClientRichEditStatic;
+declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
+declare var ASPxClientWeekDaysCheckEdit: ASPxClientWeekDaysCheckEditStatic;
+declare var ASPxClientRecurrenceRangeControl: ASPxClientRecurrenceRangeControlStatic;
+declare var ASPxClientRecurrenceControlBase: ASPxClientRecurrenceControlBaseStatic;
+declare var ASPxClientDailyRecurrenceControl: ASPxClientDailyRecurrenceControlStatic;
+declare var ASPxClientWeeklyRecurrenceControl: ASPxClientWeeklyRecurrenceControlStatic;
+declare var ASPxClientMonthlyRecurrenceControl: ASPxClientMonthlyRecurrenceControlStatic;
+declare var ASPxClientYearlyRecurrenceControl: ASPxClientYearlyRecurrenceControlStatic;
+declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
+declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
+declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
+declare var ASPxClientSpellCheckerStopCheckingReason: ASPxClientSpellCheckerStopCheckingReasonStatic;
+declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
+declare var ASPxClientTreeList: ASPxClientTreeListStatic;
+declare var ASPxClientTreeListExportFormat: ASPxClientTreeListExportFormatStatic;
+declare var BootstrapClientAccordion: BootstrapClientAccordionStatic;
+declare var BootstrapClientBinaryImage: BootstrapClientBinaryImageStatic;
+declare var BootstrapClientButton: BootstrapClientButtonStatic;
+declare var BootstrapClientCalendar: BootstrapClientCalendarStatic;
+declare var BootstrapClientCallbackPanel: BootstrapClientCallbackPanelStatic;
+declare var BootstrapClientCheckBox: BootstrapClientCheckBoxStatic;
+declare var BootstrapClientRadioButton: BootstrapClientRadioButtonStatic;
+declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
+declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
+declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
+declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
+declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
+declare var BootstrapClientImage: BootstrapClientImageStatic;
+declare var BootstrapClientListBox: BootstrapClientListBoxStatic;
+declare var BootstrapClientCheckBoxList: BootstrapClientCheckBoxListStatic;
+declare var BootstrapClientRadioButtonList: BootstrapClientRadioButtonListStatic;
+declare var BootstrapClientMenu: BootstrapClientMenuStatic;
+declare var BootstrapClientPager: BootstrapClientPagerStatic;
+declare var BootstrapClientPopupControl: BootstrapClientPopupControlStatic;
+declare var BootstrapClientPopupMenu: BootstrapClientPopupMenuStatic;
+declare var BootstrapClientProgressBar: BootstrapClientProgressBarStatic;
+declare var BootstrapClientSpinEdit: BootstrapClientSpinEditStatic;
+declare var BootstrapClientTimeEdit: BootstrapClientTimeEditStatic;
+declare var BootstrapClientTabControl: BootstrapClientTabControlStatic;
+declare var BootstrapClientPageControl: BootstrapClientPageControlStatic;
+declare var BootstrapClientTagBox: BootstrapClientTagBoxStatic;
+declare var BootstrapClientTextBox: BootstrapClientTextBoxStatic;
+declare var BootstrapClientMemo: BootstrapClientMemoStatic;
+declare var BootstrapClientButtonEdit: BootstrapClientButtonEditStatic;
+declare var BootstrapClientToolbar: BootstrapClientToolbarStatic;
+declare var BootstrapClientTreeView: BootstrapClientTreeViewStatic;
+declare var BootstrapClientUploadControl: BootstrapClientUploadControlStatic;
+declare var BootstrapClientUtils: BootstrapClientUtilsStatic;
+declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
+declare var BootstrapClientCardView: BootstrapClientCardViewStatic;
+declare var BootstrapUIWidgetBase: BootstrapUIWidgetBaseStatic;
+declare var BootstrapClientChartBase: BootstrapClientChartBaseStatic;
+declare var BootstrapClientChart: BootstrapClientChartStatic;
+declare var BootstrapClientPolarChart: BootstrapClientPolarChartStatic;
+declare var BootstrapClientPieChart: BootstrapClientPieChartStatic;
+declare var BootstrapClientRangeSelector: BootstrapClientRangeSelectorStatic;
+declare var MVCxClientCalendar: MVCxClientCalendarStatic;
+declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
+declare var MVCxClientCardView: MVCxClientCardViewStatic;
+declare var MVCxClientChart: MVCxClientChartStatic;
+declare var MVCxClientComboBox: MVCxClientComboBoxStatic;
+declare var MVCxClientDataView: MVCxClientDataViewStatic;
+declare var MVCxClientDateEdit: MVCxClientDateEditStatic;
+declare var MVCxClientDockManager: MVCxClientDockManagerStatic;
+declare var MVCxClientDockPanel: MVCxClientDockPanelStatic;
+declare var MVCxClientFileManager: MVCxClientFileManagerStatic;
+declare var MVCxClientGridView: MVCxClientGridViewStatic;
+declare var MVCxClientHtmlEditor: MVCxClientHtmlEditorStatic;
+declare var MVCxClientImageGallery: MVCxClientImageGalleryStatic;
+declare var MVCxClientListBox: MVCxClientListBoxStatic;
+declare var MVCxClientNavBar: MVCxClientNavBarStatic;
+declare var MVCxClientPivotGrid: MVCxClientPivotGridStatic;
+declare var MVCxClientPopupControl: MVCxClientPopupControlStatic;
+declare var MVCxClientDocumentViewer: MVCxClientDocumentViewerStatic;
+declare var MVCxClientReportViewer: MVCxClientReportViewerStatic;
+declare var MVCxClientReportDesigner: MVCxClientReportDesignerStatic;
+declare var MVCxClientRichEdit: MVCxClientRichEditStatic;
+declare var MVCxClientRoundPanel: MVCxClientRoundPanelStatic;
+declare var MVCxClientScheduler: MVCxClientSchedulerStatic;
+declare var MVCxSchedulerToolTipType: MVCxSchedulerToolTipTypeStatic;
+declare var MVCxClientSpreadsheet: MVCxClientSpreadsheetStatic;
+declare var MVCxClientPageControl: MVCxClientPageControlStatic;
+declare var MVCxClientTokenBox: MVCxClientTokenBoxStatic;
+declare var MVCxClientTreeList: MVCxClientTreeListStatic;
+declare var MVCxClientTreeView: MVCxClientTreeViewStatic;
+declare var MVCxClientUploadControl: MVCxClientUploadControlStatic;
+declare var MVCxClientUtils: MVCxClientUtilsStatic;
+declare var MVCxClientGlobalEvents: MVCxClientGlobalEventsStatic;
+declare var MVCxClientVerticalGrid: MVCxClientVerticalGridStatic;
+declare var MVCxClientWebDocumentViewer: MVCxClientWebDocumentViewerStatic;
+declare var ASPxClientControlBase: ASPxClientControlBaseStatic;
+declare var ASPxClientControl: ASPxClientControlStatic;
+declare var ASPxClientCallback: ASPxClientCallbackStatic;
+declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
+declare var ASPxClientPanel: ASPxClientPanelStatic;
+declare var ASPxClientCallbackPanel: ASPxClientCallbackPanelStatic;
+declare var ASPxClientCloudControl: ASPxClientCloudControlStatic;
+declare var ASPxClientDataView: ASPxClientDataViewStatic;
+declare var ASPxClientDockManager: ASPxClientDockManagerStatic;
+declare var ASPxClientPopupControlBase: ASPxClientPopupControlBaseStatic;
+declare var ASPxClientDockPanel: ASPxClientDockPanelStatic;
+declare var ASPxClientDockZone: ASPxClientDockZoneStatic;
+declare var ASPxClientFileManager: ASPxClientFileManagerStatic;
+declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandConstsStatic;
+declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
+declare var ASPxClientFileManagerCallbackCommand: ASPxClientFileManagerCallbackCommandStatic;
+declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
+declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
+declare var ASPxClientHint: ASPxClientHintStatic;
+declare var ASPxClientImageGallery: ASPxClientImageGalleryStatic;
+declare var ASPxClientImageSlider: ASPxClientImageSliderStatic;
+declare var ASPxClientImageZoomNavigator: ASPxClientImageZoomNavigatorStatic;
+declare var ASPxClientImageZoom: ASPxClientImageZoomStatic;
+declare var ASPxClientLoadingPanel: ASPxClientLoadingPanelStatic;
+declare var ASPxClientMediaFileSelector: ASPxClientMediaFileSelectorStatic;
+declare var ASPxClientMenuBase: ASPxClientMenuBaseStatic;
+declare var ASPxClientMenu: ASPxClientMenuStatic;
+declare var ASPxClientTouchUI: ASPxClientTouchUIStatic;
+declare var ASPxClientNavBar: ASPxClientNavBarStatic;
+declare var ASPxClientNewsControl: ASPxClientNewsControlStatic;
+declare var ASPxClientObjectContainer: ASPxClientObjectContainerStatic;
+declare var ASPxClientPager: ASPxClientPagerStatic;
+declare var ASPxClientPopupControl: ASPxClientPopupControlStatic;
+declare var ASPxClientPopupControlResizeState: ASPxClientPopupControlResizeStateStatic;
+declare var ASPxClientPopupControlCloseReason: ASPxClientPopupControlCloseReasonStatic;
+declare var ASPxClientPopupMenu: ASPxClientPopupMenuStatic;
+declare var ASPxClientRatingControl: ASPxClientRatingControlStatic;
+declare var ASPxClientRibbon: ASPxClientRibbonStatic;
+declare var ASPxClientRibbonState: ASPxClientRibbonStateStatic;
+declare var ASPxClientRoundPanel: ASPxClientRoundPanelStatic;
+declare var ASPxClientSplitter: ASPxClientSplitterStatic;
+declare var ASPxClientTabControlBase: ASPxClientTabControlBaseStatic;
+declare var ASPxClientTabControl: ASPxClientTabControlStatic;
+declare var ASPxClientPageControl: ASPxClientPageControlStatic;
+declare var ASPxClientTimer: ASPxClientTimerStatic;
+declare var ASPxClientTitleIndex: ASPxClientTitleIndexStatic;
+declare var ASPxClientTreeView: ASPxClientTreeViewStatic;
+declare var ASPxClientUploadControl: ASPxClientUploadControlStatic;
+declare var ASPxClientUploadControlValidationErrorTypeConsts: ASPxClientUploadControlValidationErrorTypeConstsStatic;
+declare var ASPxClientUtils: ASPxClientUtilsStatic;
+declare var ASPxClientChartDesigner: ASPxClientChartDesignerStatic;
+declare var ASPxClientWebChartControl: ASPxClientWebChartControlStatic;
+declare var ASPxClientDocumentViewer: ASPxClientDocumentViewerStatic;
+declare var ASPxClientQueryBuilder: ASPxClientQueryBuilderStatic;
+declare var ASPxClientReportDesigner: ASPxClientReportDesignerStatic;
+declare var ASPxClientReportDocumentMap: ASPxClientReportDocumentMapStatic;
+declare var ASPxClientReportParametersPanel: ASPxClientReportParametersPanelStatic;
+declare var ASPxClientReportToolbar: ASPxClientReportToolbarStatic;
+declare var ASPxClientReportViewer: ASPxClientReportViewerStatic;
+declare var ASPxClientWebDocumentViewer: ASPxClientWebDocumentViewerStatic;
+
diff --git a/types/devexpress-web/v172/tsconfig.json b/types/devexpress-web/v172/tsconfig.json
new file mode 100644
index 0000000000..8fb2f3ce22
--- /dev/null
+++ b/types/devexpress-web/v172/tsconfig.json
@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+	"paths": {
+            "devexpress-web": [
+                "devexpress-web/v172"
+            ],
+            "devexpress-web/*": [
+                "devexpress-web/v172/*"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "devexpress-web-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/maxmind/tslint.json b/types/devexpress-web/v172/tslint.json
similarity index 100%
rename from types/maxmind/tslint.json
rename to types/devexpress-web/v172/tslint.json
diff --git a/types/devexpress-web/v181/devexpress-web-tests.ts b/types/devexpress-web/v181/devexpress-web-tests.ts
new file mode 100644
index 0000000000..ef7eb8de37
--- /dev/null
+++ b/types/devexpress-web/v181/devexpress-web-tests.ts
@@ -0,0 +1,418 @@
+declare var hiddenField: ASPxClientHiddenField;
+declare var mainCallbackPanel: ASPxClientCallbackPanel;
+declare var loginPopup: ASPxClientPopupControl;
+declare var searchButton: ASPxClientButton;
+declare var searchComboBox: ASPxClientComboBox;
+declare var roomsNumberSpinEdit: ASPxClientSpinEdit;
+declare var adultsNumberSpinEdit: ASPxClientSpinEdit; 
+declare var childrenNumberSpinEdit: ASPxClientSpinEdit;
+declare var checkInDateEdit: ASPxClientDateEdit;
+declare var checkOutDateEdit: ASPxClientDateEdit;
+declare var backSlider: ASPxClientImageSlider;
+declare var locationComboBox: ASPxClientComboBox;
+declare var nightyRateTrackBar: ASPxClientTrackBar;
+declare var customerRatingTrackBar: ASPxClientTrackBar;
+declare var ourRatingCheckBoxList: ASPxClientCheckBoxList;
+declare var startFilterPopupControl: ASPxClientPopupControl;
+declare var imagePopupControl: ASPxClientPopupControl;
+declare var emailTextBox: ASPxClientTextBox;
+declare var creditCardEmailTextBox: ASPxClientTextBox;
+declare var accountEmailTextBox: ASPxClientTextBox;
+declare var bookingPageControl: ASPxClientPageControl;
+declare var paymentTypePageControl: ASPxClientPageControl;
+declare var offerFormPopup: ASPxClientPopupControl;
+declare var roomsSpinEdit: ASPxClientSpinEdit;
+declare var adultsSpinEdit: ASPxClientSpinEdit;
+declare var childrenSpinEdit: ASPxClientSpinEdit;
+declare var hotelDetailsCallbackPanel: ASPxClientCallbackPanel;
+declare var leftPanel: ASPxClientPanel;
+declare var menuButton: ASPxClientButton;
+declare var aboutWindow: ASPxClientPopupControl;
+declare var offersZone: ASPxClientDockZone;
+
+module DXDemo {
+    function showPage(page: string, params: { [key: string]: any }, skipHistory?: boolean): void {
+        var queryString = getQueryString(params || {});
+        hiddenField.Set("page", page);
+        hiddenField.Set("parameters", queryString);
+        hideMenu();
+        var uri = queryString.length ? (page + "?" + queryString) : page;
+        try {
+            if (!skipHistory && window.history && window.history.pushState)
+                window.history.pushState(uri, "", uri || "Default.aspx");
+        } catch (e) { }
+        mainCallbackPanel.PerformCallback(uri);
+    };
+
+    export function onMainMenuItemClick(s: ASPxClientMenu, e: ASPxClientMenuItemClickEventArgs): void {
+        switch (e.item.name) {
+            case "login":
+                hideMenu();
+                setTimeout(function () { loginPopup.ShowAtElementByID("MainCallbackPanel_ContentPane"); }, 300);
+                break;
+            case "offers":
+                showPage("SpecialOffers", {});
+                break;
+            default:
+                hideMenu();
+                setTimeout(function () { showAboutWindow(); }, 300);
+                break;
+        }
+    };
+
+    export function onLoginButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        loginPopup.Hide();
+        showAboutWindow();
+    };
+
+    export function onSearchButtonClick(): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            showPage("ShowHotels", {
+                location: searchComboBox.GetValue(),
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsNumberSpinEdit.GetValue() || 1,
+                adults: adultsNumberSpinEdit.GetValue() || 1,
+                children: childrenNumberSpinEdit.GetValue() || 0
+            });
+        }
+    };
+
+    export function onSearchComboBoxIndexChanged(s: ASPxClientComboBox, e: ASPxClientProcessingModeEventArgs): void {
+        hideMenu();
+        searchButton.AdjustControl();
+    };
+
+    export function onIndexOfferCloseClick(index: number): void {
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + index);
+        var sibPanel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + (index == 1 ? 2 : 1));
+        panel.Hide();
+        sibPanel.MakeFloat();
+        sibPanel.SetWidth(offersZone.GetWidth());
+        sibPanel.Dock(offersZone);
+    };
+
+    export function onLogoClick(): void {
+        showPage("", null, false);
+    };
+
+    export function onMenuNavButtonCheckedChanged(s: ASPxClientCheckBox, e: ASPxClientProcessingModeEventArgs): void {
+        var mainContainer = mainCallbackPanel.GetMainElement();
+        if (s.GetChecked()) {
+            backSlider.Pause();
+            showMenu();
+        }
+        else {
+            hideMenu();
+            backSlider.Play();
+        }
+    };
+
+    export function onBackNavButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        var params = getCurrentQueryParams();
+        switch (getCurrentPage()) {
+            case "PrintInvoice":
+                showPage("Booking", params, false);
+                break;
+            case "Booking":
+                if (bookingPageControl.GetActiveTabIndex() > 0)
+                    bookingPageControl.SetActiveTabIndex(bookingPageControl.GetActiveTabIndex() - 1);
+                else
+                    showPage("ShowRooms", params, false);
+                break;
+            case "ShowRooms":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowDetails":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowHotels":
+            case "SpecialOffers":
+                showPage("", null, false);
+                break;
+        }
+    };
+
+    export function updateSearchResults(): void {
+        var params = getCurrentQueryParams();
+        params["location"] = locationComboBox.GetValue();
+        params["minprice"] = nightyRateTrackBar.GetPositionStart();
+        params["maxprice"] = nightyRateTrackBar.GetPositionEnd();
+        params["custrating"] = customerRatingTrackBar.GetPosition();
+        params["ourrating"] = ourRatingCheckBoxList.GetSelectedValues().join(",");
+        showPage("ShowHotels", params);
+    };
+
+    export function onBookHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onDetailsHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onShowStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        startFilterPopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    export function onChangeStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var params = getCurrentQueryParams();
+            params["checkin"] = getFormattedDate(<Date>checkInDateEdit.GetValue());
+            params["checkout"] = getFormattedDate(<Date>checkOutDateEdit.GetValue());
+            params["rooms"] = roomsNumberSpinEdit.GetValue() || 1;
+            params["adults"] = adultsNumberSpinEdit.GetValue() || 1;
+            params["children"] = childrenNumberSpinEdit.GetValue() || 0;
+            startFilterPopupControl.Hide();
+            showPage(hiddenField.Get("page").toString(), params);
+        }
+    };
+
+    export function onBookRoomButtonClick(roomID: string): void {
+        var params = getCurrentQueryParams();
+        params["roomID"] = roomID;
+        showPage("Booking", params);
+    };
+
+    export function onShowRoomsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onShowDetailsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onRoomImageNavItemClick(roomID: string, pictureName: string): void {
+        setTimeout(function () {
+            imagePopupControl.PerformCallback(roomID + "|" + pictureName);
+            imagePopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+        }, 500);
+    };
+
+    export function onRoomsNavBarExpandedChanged(s: ASPxClientNavBar, e: ASPxClientNavBarGroupEventArgs): void {
+        ASPxClientControl.AdjustControls(s.GetMainElement());
+    };
+
+    export function onNextBookingStepButtonClick(step: number): void {
+        var valid = true;
+        var validationGroup = "";
+        if (step == 1)
+            validationGroup = "Account";
+        if (step == 2)
+            validationGroup = "RoomDetails";
+        if (step == 3)
+            validationGroup = "PaymentDetails";
+
+        switch (step) {
+            case 1:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Account");
+                if (valid) {
+                    emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    creditCardEmailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    showPage("Booking", getCurrentQueryParams());
+                    return;
+                }
+                break;
+            case 2:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "RoomDetails");
+                emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                break;
+            case 3:
+                var paymentType = paymentTypePageControl.GetActiveTabIndex();
+                if (paymentType == 0)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "CreditCard");
+                else if (paymentType == 1)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Cash");
+                else if (paymentType == 2)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "PayPal");
+                break;
+        }
+        if (valid) {
+            bookingPageControl.GetTab(step).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(step);
+        }
+    };
+
+    export function onAccountCaptchaHiddenFieldInit(s: ASPxClientHiddenField, e: ASPxClientEventArgs): void {
+        if (s.Get("IsCaptchaValid")) {
+            bookingPageControl.GetTab(1).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(1);
+        }
+    };
+
+    export function onFinishBookingStepButtonClick(): void {
+        showAboutWindow();
+    };
+
+    export function OnPrintInvoiceButtonClick(): void {
+        showPage("PrintInvoice", getCurrentQueryParams());
+    };
+
+    export function onOfferClick(offerID: string): void {
+        offerFormPopup.SetContentHtml("");
+        offerFormPopup.PerformCallback(offerID);
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + offerID);
+        var panelElement = <HTMLElement>panel.GetMainElement();
+        if (panelElement.offsetWidth < 330 || panelElement.offsetHeight < 250) {
+            offerFormPopup.SetWidth(400);
+            offerFormPopup.SetHeight(280);
+            offerFormPopup.ShowAtElementByID("SpecialOffersContainer");
+        }
+        else {
+            offerFormPopup.SetWidth(panelElement.offsetWidth);
+            offerFormPopup.SetHeight(panelElement.offsetHeight);
+            offerFormPopup.ShowAtElement(panelElement);
+        }
+    };
+
+    export function onSpecialOfferCheckButtonClick(hotelID: string, locationID: string): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var queryParams: { [key: string]: any } = {
+                location: locationID,
+                hotelID: hotelID,
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsSpinEdit.GetValue() || 1,
+                adults: adultsSpinEdit.GetValue() || 1,
+                children: childrenSpinEdit.GetValue() || 0
+            };
+            showPage("ShowRooms", queryParams);
+        }
+    };
+
+    export function onIndexOfferClick(): void {
+        showPage("SpecialOffers", {});
+    };
+
+    export function onControlsInit(): void {
+        ASPxClientUtils.AttachEventToElement(window, 'popstate', onHistoryPopState);
+        var pathParts = document.location.href.split("/");
+        var url = pathParts[pathParts.length - 1];
+        try {
+            if (window.history)
+                window.history.replaceState(url, "");
+        } catch (e) { }
+        ASPxClientUtils.AttachEventToElement(window, "resize", onWindowResize);
+        if (ASPxClientUtils.iOSPlatform) {
+            // animate
+        }
+    };
+
+    export function updateRatingLabels(ratingControl: ASPxClientTrackBar) {
+        var start = ratingControl.GetPositionStart().toString();
+        var end = ratingControl.GetPositionEnd().toString();
+        document.getElementById("cpLeftLabelID").innerHTML = start + " " + end;
+    };
+
+    export function onRatingControlItemClick(s: ASPxClientRatingControl, e: ASPxClientRatingControlItemClickEventArgs): void {
+        hotelDetailsCallbackPanel.PerformCallback(s.GetValue().toString());
+    };
+
+    export function onInputKeyDown(s: ASPxClientTextBox, e: ASPxClientEditKeyEventArgs): void {
+        var keyCode = ASPxClientUtils.GetKeyCode(e.htmlEvent);
+        if (keyCode == 13)
+            (<HTMLElement>s.GetInputElement()).blur();
+    };
+
+    function getCurrentPage(): string {
+        var hfPage = <string>hiddenField.Get("page");
+        if (hfPage)
+            return hfPage;
+        var pathParts = document.location.pathname.split("/");
+        return pathParts[pathParts.length - 1];
+    };
+
+    function showAboutWindow(): void {
+        aboutWindow.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    function hideMenu(): void {
+        leftPanel.Collapse();
+        if (menuButton.GetMainElement() && menuButton.GetChecked())
+            menuButton.SetChecked(false);
+    };
+
+    function showMenu(): void {
+        leftPanel.Expand();
+    };
+
+    var _resizeSpecialOffersTimeoutID = -1;
+    function onWindowResize(): void {
+        switch (<string>hiddenField.Get("page")) {
+            case "SpecialOffers":
+                if (_resizeSpecialOffersTimeoutID == -1)
+                    _resizeSpecialOffersTimeoutID = setTimeout(resizeSpecialOffers, 200);
+                break;
+        }
+        hidePopups("AboutWindow", "StartFilterPopupControl", "LoginPopup", "OfferFormPopup", "ImagePopupControl");
+    };
+
+    function hidePopups(...names: string[]): void {
+        for (var i = 0; i < names.length; i++) {
+            var popupControl = <ASPxClientPopupControl>ASPxClientControl.GetControlCollection().GetByName(names[i]);
+            popupControl.Hide();
+        }
+    };
+
+    function resizeSpecialOffers(): void {
+        for (var i = 1; i <= 4; i++) {
+            var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + i);
+            if (panel && panel.IsVisible()) {
+                var zone = panel.GetOwnerZone();
+                zone.SetWidth((<HTMLElement>(<HTMLElement>zone.GetMainElement()).parentNode).offsetWidth)
+            }
+        }
+        _resizeSpecialOffersTimeoutID = -1;
+    };
+
+    function getFormattedDate(date: Date): string {
+        return (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
+    };
+
+    function getCurrentQueryParams(): { [key:string]: any } {
+        var hfParams = <string>hiddenField.Get("parameters");
+        if (hfParams)
+            return getParamsByQueryString(hfParams);
+        var query = document.location.search;
+        if (query[0] === "?")
+            query = query.substr(1);
+        return getParamsByQueryString(query);
+    };
+
+    function getQueryString(params: { [key:string]: any }): string {
+        var queryItems: any[] = [];
+        for (var key in params) {
+            if (!params.hasOwnProperty(key)) continue;
+            queryItems.push(key + "=" + params[key]);
+        }
+        if (queryItems.length > 0)
+            return queryItems.join("&");
+        return "";
+    };
+
+    function getParamsByQueryString(queryString: string): { [key: string]: string } {
+        var result: { [key: string]: any } = {};
+        if (queryString) {
+            var queryStringArray = queryString.split("&");
+            for (var i = 0; i < queryStringArray.length; i++) {
+                var part = queryStringArray[i].split('=');
+                if (part.length != 2) continue;
+                result[part[0]] = decodeURIComponent(part[1].replace(/\+/g, " "));
+            }
+        }
+        return result;
+    };
+
+    function onHistoryPopState(evt: any): void {
+        if (evt.state !== null && evt.state !== undefined) {
+            var uriParts = evt.state.split("?");
+            showPage(uriParts[0], getParamsByQueryString(uriParts[1]), true);
+        }
+    };
+}
\ No newline at end of file
diff --git a/types/devexpress-web/v181/index.d.ts b/types/devexpress-web/v181/index.d.ts
new file mode 100644
index 0000000000..2818ced7ad
--- /dev/null
+++ b/types/devexpress-web/v181/index.d.ts
@@ -0,0 +1,38693 @@
+// Type definitions for DevExpress ASP.NET 181.7
+// Project: http://devexpress.com/
+// Definitions by: DevExpress Inc. <http://devexpress.com/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="knockout"/>
+/// <reference types="jquery"/>
+
+/**
+ * A client-side counterpart of the DashboardViewer extension.
+ */
+interface MVCxClientDashboardViewer extends ASPxClientDashboardViewer {
+}
+/**
+ * Provides data for the onCustomizeText handler.
+ */
+interface CardWidgetCustomizeTextEventArgs {
+    /**
+     * Gets a dimension/measure value to be displayed within the card.
+     */
+    getValue(): Object;
+    /**
+     * Gets a formatted value displayed within the card.
+     */
+    getDefaultText(): string;
+}
+/**
+ * A Card widget that visualizes a Card dashboard item's data.
+ */
+interface CardWidget {
+    /**
+     * Gets or sets the background color for a card.
+     * Value: A string that specifies the <a href="https://www.w3schools.com/html/html_colors.asp">HTML color</a> used to paint a card's background.
+     */
+    cardBackColor: string;
+    /**
+     * Allows you to customize texts displayed within individual cards.
+     * Value: A handler used customize texts displayed within individual cards.
+     */
+    onCustomizeText: Object;
+    /**
+     * Gets the root element of the widget.
+     */
+    element(): Object;
+}
+/**
+ * When implemented, represents the Web Dashboard extension.
+ */
+interface IExtension {
+    /**
+     * Gets a unique name of a Web Dashboard extension.
+     * Value: A string value that is a unique name of a Web Dashboard extension.
+     */
+    name: string;
+    /**
+     * Contains code that will be invoked when you register the dashboard extension.
+     */
+    start(): void;
+    /**
+     * Contains code that will be invoked when you unregister the dashboard extension.
+     */
+    stop(): void;
+}
+/**
+ * A client-side part of the Web Dashboard.
+ */
+interface DashboardControl {
+    /**
+     * Gets or sets knockout templates that you can use in the Web Dashboard.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template collection.
+     */
+    customTemplates: KnockoutObservableArray<any>;
+    /**
+     * Provides an access to the collection of registered dashboard extensions.
+     * Value: An array of IExtension objects that are dashboard extensions.
+     */
+    extensions: IExtension[];
+    /**
+     * Initializes a new dashboard with the specified name and JSON model.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    initializeDashboard(id: string, dashboardJson: string): void;
+    /**
+     * Initializes a new dashboard with the specified name, JSON model and initial state.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     * @param initialState A JSON object that specifies the  dashboard state.
+     */
+    initializeDashboard(id: string, dashboardJson: string, initialState: Object): void;
+    /**
+     * Allows you to register a dashboard extension to add its functionality to the Web Dashboard.
+     * @param extension An IExtension object that is a dashboard extension.
+     */
+    registerExtension(extension: IExtension): void;
+    /**
+     * Allows you to get access to the extension.
+     * @param extensionName A string value that is the dashboard extension name.
+     */
+    findExtension(extensionName: string): IExtension;
+    /**
+     * Allows you to unregister a dashboard extension to disable its functionality in the Web Dashboard.
+     * @param extensionName A string value that is a dashboard extension name.
+     */
+    unregisterExtension(extensionName: string): void;
+}
+interface UrlStateExtension extends IExtension {
+}
+interface Element {
+}
+/**
+ * The content of the Dashboard Parameters dialog.
+ */
+interface ParameterDialogContent {
+    /**
+     * Gets the Dashboard Parameters dialog's grid that displays parameter values.
+     * Value: The Dashboards Parameters dialog's grid that displays parameter values.
+     */
+    grid: Object;
+    /**
+     * Applies changes made in the Dashboard Parameters dialog.
+     */
+    submitParameterValues(): void;
+    /**
+     * Resets changes in the Dashboard Parameters dialog to the default values.
+     */
+    resetParameterValues(): void;
+    valueChanged(): void;
+}
+/**
+ * A Web Dashboard extension that is the Dashboard Parameters dialog.
+ */
+interface DashboardParameterDialogExtension extends IExtension {
+    /**
+     * Gets or sets whether to show the Dashboard Parameters button in the dashboard title.
+     * Value: true, to show the Dashboard Parameters button; otherwise, false.
+     */
+    showDialogButton: KnockoutObservableBoolean;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    show(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    hide(): void;
+    /**
+     * Allows you to be notified about the dashboard parameter settings changes.
+     * @param callback A custom function.
+     */
+    subscribeToContentChanges(callback: Function): Object;
+    /**
+     * Renders the content of the Dashboard Parameters dialog inside the specified JQuery element.
+     * @param element A JQuery element where the Dashboard Parameters dialog content is rendered.
+     */
+    renderContent(element: Element): ParameterDialogContent;
+}
+interface DashboardExportExtension extends IExtension {
+}
+interface ViewerApiExtension extends IExtension {
+}
+interface DashboardCurrencyEditorExtension extends IExtension {
+}
+interface DataSourceBrowserExtension extends IExtension {
+}
+interface DataSourceWizardExtension extends IExtension {
+}
+interface DashboardItemMenuExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to configure color schemes.
+ */
+interface DashboardColorSchemeEditorExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to keep track of all user actions, and cancel or repeat them.
+ */
+interface UndoRedoExtension extends IExtension {
+    /**
+     * Allows you to track whether the Web Dashboard has unsaved changes.
+     */
+    isChanged(): boolean;
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Binding menu allowing you to create and modify data binding.
+ */
+interface BindingPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Convert To menu allowing you to convert or duplicate the current item.
+ */
+interface ConversionPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to save the current dashboard.
+ */
+interface SaveDashboardExtension extends IExtension {
+    /**
+     * Allows you to save the current dashboard with a specified unique name and JSON model.
+     * @param dashboardId A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performSaveDashboard(dashboardId: string, dashboardJson: string): void;
+    /**
+     * Allows you to invoke a custom function while you save a dashboard.
+     * @param action A custom function that is invoked when the dashboard is about to be saved.
+     */
+    ensureDashboardSaved(action: Function): void;
+    /**
+     * Saves the opened dashboard.
+     */
+    saveDashboard(): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create a new dashboard.
+ */
+interface CreateDashboardExtension extends IExtension {
+    /**
+     * Creates a new dashboard with a specified name and JSON model.
+     * @param dashboardName A string value that is the name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performCreateDashboard(dashboardName: string, dashboardJson: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to open the created dashboards.
+ */
+interface OpenDashboardExtension extends IExtension {
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param id A String value that specifies the unique dashboard name.
+     */
+    loadDashboard(id: string): void;
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Interactivity menu containing settings that affect on interaction between various dashboard items.
+ */
+interface InteractivityPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard item's Options menu containing specific options and settings related to the current dashboard item.
+ */
+interface OptionsPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that is the dashboard title editor.
+ */
+interface DashboardTitleEditorExtension extends IExtension {
+}
+/**
+ * The Dashboard Panel extension that allows users to switch between dashboards and enable the Designer mode.
+ */
+interface DashboardPanelExtension extends IExtension {
+    /**
+     * Gets or sets the width of the Dashboard Panel extension.
+     * Value: An integer value that specifies the Dashboard Panel's width.
+     */
+    panelWidth: number;
+    /**
+     * Gets or sets whether the Dashboard Panel is visible.
+     * Value: true, to display the Dashboard Panel; otherwise, false.
+     */
+    visible: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether you can switch into the designer mode.
+     * Value: true, to display the Edit in Designer button on the dashboard panel; otherwise, false.
+     */
+    allowSwitchToDesigner: KnockoutObservableBoolean;
+}
+/**
+ * An extension that is a list of available data sources used to provide data to the Web Dashboard.
+ */
+interface AvailableDataSourcesExtension extends IExtension {
+}
+/**
+ * A dashboard menu item.
+ */
+interface DashboardMenuItem {
+    /**
+     * Gets or sets a unique identifier of a dashboard menu item.
+     * Value: A string value that is a menu item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets or sets a dashboard menu item title.
+     * Value: A string value that is a dashboard menu item title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the dashboard menu item within the dashboard menu.
+     * Value: A zero-based integer specifying the position of the current dashboard menu item.
+     */
+    index: number;
+    /**
+     * Gets or sets a code of the key used in the keyboard shortcut. This shortcut allows you to invoke the current menu item.
+     * Value: An integer value that specifies a key code.
+     */
+    hotKey: number;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+    /**
+     * Gets or sets a knockout template for the extension.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets whether the dashboard menu item is selected.
+     * Value: true, if the dashboard menu item is selected; otherwise, false;
+     */
+    selected: KnockoutObservableBoolean;
+    /**
+     * Gets whether a dashboard menu item is disabled.
+     * Value: true, if a dashboard menu item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether a dashboard menu item has a separator.
+     * Value: true, if a dashboard menu item has a separator; otherwise, false.
+     */
+    hasSeparator: boolean;
+    /**
+     * Gets or sets data that is used by a menu item.
+     * Value: An object that contains data used by a menu item.
+     */
+    data: Object;
+}
+/**
+ * A toolbox item of the specified dashboard toolbox group.
+ */
+interface DashboardToolboxItem {
+    /**
+     * Gets or sets a dashboard item type.
+     * Value: A string value that is a dashboard item type.
+     */
+    type: string;
+    /**
+     * Gets or sets an icon of the dashboard toolbox item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbox item.
+     * Value: A string value that is a toolbox item's unique name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox item title.
+     * Value: A string value that is a dashboard toolbox item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbox item should be disabled.
+     * Value: true, if a toolbox item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbar item of the specified dashboard toolbar group.
+ */
+interface DashboardToolbarItem {
+    /**
+     * Gets or sets an icon of the dashboard toolbar item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbar item.
+     * Value: A string value that is a unique toolbar item name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar item title.
+     * Value: A string value that is a dashboard toolbar item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbar item should be disabled.
+     * Value: true, if a toolbar item is disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a knockout extension template.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbox group that contains dashboard toolbox items.
+ */
+interface DashboardToolboxGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbox group.
+     * Value: A string value that is a unique toolbox group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox group title.
+     * Value: A string value that is a dashboard toolbox group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbox group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbox group.
+     */
+    index: number;
+    /**
+     * Provides access to a collection of toolbox group items.
+     * Value: A DashboardToolboxItem).
+     */
+    items: KnockoutObservableArray<any>;
+}
+/**
+ * A toolbar group that contains dashboard toolbar items.
+ */
+interface DashboardToolbarGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbar group.
+     * Value: A string value that is a unique toolbar group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar group title.
+     * Value: A string value that is a dashboard toolbar group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbar group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbar group.
+     */
+    index: number;
+    /**
+     * Provides access to a collection of toolbar group items.
+     * Value: A DashboardToolbarItem).
+     */
+    items: KnockoutObservableArray<any>;
+}
+/**
+ * The Web Dashboard Toolbox extension that provides access to the dashboard menu and allows you to add dashboard items, as well as undo or repeat user actions.
+ */
+interface ToolboxExtension extends IExtension {
+    /**
+     * Provides access to a collection of the dashboard menu items.
+     * Value: A DashboardMenuItem).
+     */
+    menuItems: KnockoutObservableArray<any>;
+    /**
+     * Provides access to a collection of the Toolbox groups.
+     * Value: A DashboardToolboxGroup).
+     */
+    toolboxGroups: KnockoutObservableArray<any>;
+    /**
+     * Provides access to a collection of toolbar groups from the Toolbox.
+     * Value: A DashboardToolbarGroup).
+     */
+    toolbarGroups: KnockoutObservableArray<any>;
+    /**
+     * For internal use.
+     */
+    menuVisible: KnockoutObservableBoolean;
+    /**
+     * Allows you to add a specified menu item to the dashboard menu.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    addMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Removes the specified dashboard item from the dashboard menu.
+     * @param menuItemId A string value that is a unique dashboard item name.
+     */
+    removeMenuItem(menuItemId: string): void;
+    /**
+     * Simulates a dashboard menu item selection.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    selectMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Allows you to add a specified toolbox item into a specified toolbox group.
+     * @param groupName A string value that is a toolbox group name. To get a toolbox group name, use the name property.
+     * @param toolboxItem A DashboardToolboxItem object that is a dashboard toolbox item.
+     */
+    addToolboxItem(groupName: string, toolboxItem: DashboardToolboxItem): void;
+    /**
+     * Removes the specified item from the specified toolbox group.
+     * @param groupName A string value that is a unique toolbox group name (name).
+     * @param toolboxItemName A string value that is a unique toolbox item name (name).
+     */
+    removeToolboxItem(groupName: string, toolboxItemName: string): void;
+    /**
+     * Allows you to add a specified toolbar item into a specified toolbar group.
+     * @param groupName A string value that is a toolbar group name. To get a toolbar group name, use the name property.
+     * @param toolbarItem A DashboardToolbarItem object that is a dashboard toolbar item.
+     */
+    addToolbarItem(groupName: string, toolbarItem: DashboardToolbarItem): void;
+    /**
+     * Removes the specified toolbar item from the specified toolbar group.
+     * @param groupName A string value that is a unique toolbar group name.
+     * @param toolbarItemName A string value that is a unique toolbar item name.
+     */
+    removeToolbarItem(groupName: string, toolbarItemName: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create and edit dashboard parameters.
+ */
+interface DashboardParameterEditorExtension extends IExtension {
+}
+/**
+ * Represents a list of records from the dashboard data source.
+ */
+interface ASPxClientDashboardItemUnderlyingData {
+    /**
+     * Gets the number of rows in the underlying data set.
+     */
+    GetRowCount(): number;
+    /**
+     * Returns the value of the specified cell within the underlying data set.
+     * @param rowIndex An integer value that specifies the zero-based index of the required row.
+     * @param dataMember A String that specifies the required data member.
+     */
+    GetRowValue(rowIndex: number, dataMember: string): Object;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Returns whether or not a request for underlying data was successful.
+     */
+    IsDataReceived(): boolean;
+    /**
+     * Returns a callstack containing the error caused by an unsuccessful request for underlying data.
+     */
+    GetRequestDataError(): string;
+}
+/**
+ * Contains parameters used to obtain the underlying data for the dashboard item.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataParameters {
+    /**
+     * Gets or sets an array of data member identifiers used to obtain underlying data.
+     * Value: An array of string values that specify data member identifiers.
+     */
+    DataMembers: string[];
+    /**
+     * Gets or sets axis points used to obtain the underlying data.
+     * Value: An array of ASPxClientDashboardItemDataAxisPoint objects that represent axis points.
+     */
+    AxisPoints: ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets or sets the dimension value used to obtain the underlying data.
+     * Value: The dimension value.
+     */
+    ValuesByAxisName: Object;
+    /**
+     * Gets or sets the unique dimension value used to obtain the underlying data.
+     * Value: The unique dimension value.
+     */
+    UniqueValuesByAxisName: Object;
+}
+/**
+ * References a method executed after an asynchronous request is complete.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataCompleted {
+    /**
+     * References a method executed after an asynchronous request is completed.
+     * @param data An ASPxClientDashboardItemUnderlyingData object that represents a list of records from the dashboard data source.
+     */
+    (data: ASPxClientDashboardItemUnderlyingData): void;
+}
+/**
+ * References a method that will handle the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventHandler<S> {
+    /**
+     * References a method that will handle the ItemClick events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item for which the event has been raised.
+     * Value: A string value that is the dashboard item name.
+     */
+    ItemName: string;
+    /**
+     * Gets the dashboard item's client data.
+     */
+    GetData(): ASPxClientDashboardItemData;
+    /**
+     * Returns the axis point corresponding to the clicked visual element.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Gets measures corresponding to the clicked visual element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets deltas corresponding to the clicked visual element.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Requests underlying data corresponding to the clicked visual element.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     * @param dataMembers (Optional) An array of string values that specify data members used to obtain underlying data. If this parameter is not specified, underlying data for all available data members will be requested.
+     */
+    RequestUnderlyingData(onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted, dataMembers: string[]): void;
+}
+/**
+ * References a method that will handle the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventHandler<S> {
+    /**
+     * References a method that will handle the ItemVisualInteractivity events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemVisualInteractivityEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemVisualInteractivityEventArgs): void;
+}
+/**
+ * Provides data for the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets the selection mode for dashboard item elements.
+     */
+    GetSelectionMode(): string;
+    /**
+     * Sets the selection mode for dashboard item elements.
+     * @param selectionMode A String that specifies the selection mode.
+     */
+    SetSelectionMode(selectionMode: string): void;
+    /**
+     * Returns whether or not highlighting is enabled for the current dashboard item.
+     */
+    IsHighlightingEnabled(): boolean;
+    /**
+     * Enables highlighting for the current dashboard item.
+     * @param enableHighlighting true, to enable highlighting; otherwise, false.
+     */
+    EnableHighlighting(enableHighlighting: boolean): void;
+    /**
+     * Gets data axes used to perform custom interactivity actions.
+     */
+    GetTargetAxes(): string[];
+    /**
+     * Sets data axes used to perform custom interactivity actions.
+     * @param targetAxes An array of String objects that specify names of data axes.
+     */
+    SetTargetAxes(targetAxes: string[]): void;
+    /**
+     * Gets the default selection for the current dashboard item.
+     */
+    GetDefaultSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Sets the default selection for the current dashboard item.
+     * @param values An array of ASPxClientDashboardItemDataAxisPointTuple objects specifying axis point tuples used to select default elements.
+     */
+    SetDefaultSelection(values: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+}
+/**
+ * References a method that will handle the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemSelectionChanged events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemSelectionChangedEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets currently selected elements.
+     */
+    GetCurrentSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+}
+/**
+ * References a method that will handle the ItemElementCustomColor event.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventHandler<S> {
+    /**
+     * References a method that will handle the ItemElementCustomColor events.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemElementCustomColorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemElementCustomColorEventArgs): void;
+}
+/**
+ * Provides data for the ItemElementCustomColor events.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item for which the event was raised.
+     */
+    ItemName: string;
+    /**
+     * Gets the axis point tuple that corresponds to the current dashboard item element.
+     */
+    GetTargetElement(): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Gets the color of the current dashboard item element.
+     */
+    GetColor(): string;
+    /**
+     * Sets the color of the current dashboard item element.
+     * @param color A String that specifies the color of the current dashboard item element.
+     */
+    SetColor(color: string): void;
+    /**
+     * Gets measures corresponding to the current dashboard item element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+}
+/**
+ * References a method that will handle the ItemWidgetCreated events.
+ */
+interface ASPxClientDashboardItemWidgetCreatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetCreated events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdating event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatingEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdating event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdated event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * Provides data for events related to client widgets used to visualize data in dashboard items.
+ */
+interface ASPxClientDashboardItemWidgetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns an underlying widget corresponding to the current dashboard item.
+     */
+    GetWidget(): Object;
+}
+/**
+ * Represents multidimensional data visualized in the dashboard item.
+ */
+interface ASPxClientDashboardItemData {
+    /**
+     * Gets the names of the axes that constitute the current ASPxClientDashboardItemData.
+     */
+    GetAxisNames(): string[];
+    /**
+     * Returns the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxis(axisName: string): ASPxClientDashboardItemDataAxis;
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the measures for the current ASPxClientDashboardItemData object.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets the deltas for the current ASPxClientDashboardItemData object.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point tuple.
+     * @param tuple A ASPxClientDashboardItemDataAxisPointTuple object that is a tuple of axis points.
+     */
+    GetSlice(tuple: ASPxClientDashboardItemDataAxisPointTuple): ASPxClientDashboardItemData;
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point.
+     * @param axisPoint An ASPxClientDashboardItemDataAxisPoint object that is the data point in a multidimensional space.
+     */
+    GetSlice(axisPoint: ASPxClientDashboardItemDataAxisPoint): ASPxClientDashboardItemData;
+    /**
+     * Returns a total summary value for the specified measure.
+     * @param measureId A String that is the measure identifier.
+     */
+    GetMeasureValue(measureId: string): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the summary value for the specified delta.
+     * @param deltaId A String that is the data item identifier.
+     */
+    GetDeltaValue(deltaId: string): ASPxClientDashboardItemDataDeltaValue;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Creates a tuple based on the specified axes names and corresponding values.
+     * @param values An array of name-value pairs containing the axis name and corresponding values.
+     */
+    CreateTuple(values: Object[]): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Creates a tuple based on the specified axis points.
+     * @param axisPoints An array of ASPxClientDashboardItemDataAxisPoint objects that specify axis points belonging to different data axes.
+     */
+    CreateTuple(axisPoints: ASPxClientDashboardItemDataAxisPoint[]): ASPxClientDashboardItemDataAxisPointTuple;
+}
+/**
+ * An axis that contains data points corresponding to the specified value hierarchy.
+ */
+interface ASPxClientDashboardItemDataAxis {
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points belonging to the current axis.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the root axis point belonging to the current ASPxClientDashboardItemDataAxis.
+     */
+    GetRootPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns axis points corresponding to values of the last-level dimension.
+     */
+    GetPoints(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns axis points corresponding to the specified dimension.
+     * @param dimensionId A String that is the dimension identifier.
+     */
+    GetPointsByDimension(dimensionId: string): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns the data point for the specified axis by unique values.
+     * @param uniqueValues A hierarchy of unique values identifying the required data point.
+     */
+    GetPointByUniqueValues(uniqueValues: Object[]): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Contains the dimension metadata.
+ */
+interface ASPxClientDashboardItemDataDimension {
+    /**
+     * Gets the dimension identifier.
+     * Value: A string value that is the dimension identifier.
+     */
+    Id: string;
+    /**
+     * Gets or sets the name of the dimension.
+     * Value: A string value that is the name of the dimension.
+     */
+    Name: string;
+    /**
+     * Gets the data member identifier for the current dimension.
+     * Value: A string value that identifies a data member.
+     */
+    DataMember: string;
+    /**
+     * Gets the group interval for date-time values for the current dimension.
+     * Value: A string value that represents how date-time values are grouped.
+     */
+    DateTimeGroupInterval: string;
+    /**
+     * Gets the group interval for string values.
+     * Value: A string value that specifies the group interval for string values.
+     */
+    TextGroupInterval: string;
+    /**
+     * Formats the specified value using format settings of the current dimension.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the measure metadata.
+ */
+interface ASPxClientDashboardItemDataMeasure {
+    /**
+     * Gets the measure identifier.
+     * Value: A string value that is the measure identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the measure.
+     * Value: A string value that is the name of the measure.
+     */
+    Name: string;
+    /**
+     * Gets the data member that identifies the data source list used to provide data for the current measure.
+     * Value: A string value that identifies the data source list used to provide data for the current measure.
+     */
+    DataMember: string;
+    /**
+     * Gets the type of summary function calculated against the current measure.
+     * Value: A string value that identifies the type of summary function calculated against the current measure.
+     */
+    SummaryType: string;
+    /**
+     * Formats the specified value using format settings of the current measure.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the delta metadata.
+ */
+interface ASPxClientDashboardItemDataDelta {
+    /**
+     * Gets the data item identifier.
+     * Value: A string that is the data item identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the data item container.
+     * Value: A string value that is the name of the data item container.
+     */
+    Name: string;
+    /**
+     * Gets the identifier for the measure that provides actual values.
+     * Value: A string value that is the measure identifier.
+     */
+    ActualMeasureId: string;
+    /**
+     * Gets the identifier for the measure that provides target values.
+     * Value: A string value that is the measure identifier.
+     */
+    TargetMeasureId: string;
+}
+/**
+ * Provides dimension values at the specified axis point.
+ */
+interface ASPxClientDashboardItemDataDimensionValue {
+    /**
+     * Gets the current dimension value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the unique value for the current dimension value.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the display text for the current dimension value.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides the measure value and display text.
+ */
+interface ASPxClientDashboardItemDataMeasureValue {
+    /**
+     * Gets the measure value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the measure display text.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides delta element values.
+ */
+interface ASPxClientDashboardItemDataDeltaValue {
+    /**
+     * Provides access to the actual value displayed within the delta element.
+     */
+    GetActualValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the target value.
+     */
+    GetTargetValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the absolute difference between the actual and target values.
+     */
+    GetAbsoluteVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percent of variation between the actual and target values.
+     */
+    GetPercentVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percentage of the actual value in the target value.
+     */
+    GetPercentOfTarget(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the main delta value.
+     */
+    GetDisplayValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the first additional delta value.
+     */
+    GetDisplaySubValue1(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the second additional delta value.
+     */
+    GetDisplaySubValue2(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the value specifying the condition for displaying the delta indication.
+     */
+    GetIsGood(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the type of delta indicator.
+     */
+    GetIndicatorType(): ASPxClientDashboardItemDataMeasureValue;
+}
+/**
+ * References a method that will handle the ItemCaptionToolbarUpdated event.
+ */
+interface ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemCaptionToolbarUpdated event.
+     * @param source The event source.
+     * @param e The ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCaptionToolbarUpdated event.
+ */
+interface ASPxClientDashboardItemCaptionToolbarUpdatedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a component name of the dashboard item.
+     * Value: A string value that is a component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Provides access to caption options of the dashboard item.
+     * Value: A <a href="https://documentation.devexpress.com/ClientDashboard/api/DevExpress.Dashboard.DashboardItemCaptionToolbarOptions.html">DashboardItemCaptionToolbarOptions</a> object containing caption options of the dashboard item.
+     */
+    Options: Object;
+}
+/**
+ * References a method that will handle the DashboardTitleToolbarUpdated event.
+ */
+interface ASPxClientDashboardTitleToolbarUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardTitleToolbarUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardTitleToolbarUpdatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardTitleToolbarUpdatedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardTitleToolbarUpdated event.
+ */
+interface ASPxClientDashboardTitleToolbarUpdatedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to dashboard title options.
+     * Value: A <a href="https://documentation.devexpress.com/ClientDashboard/api/DevExpress.Dashboard.DashboardTitleToolbarOptions.html">DashboardTitleToolbarOptions</a> object containing dashboard title options.
+     */
+    Options: Object;
+}
+/**
+ * A point on the data axis.
+ */
+interface ASPxClientDashboardItemDataAxisPoint {
+    /**
+     * Gets the name of the axis to which the current axis point belongs.
+     */
+    GetAxisName(): string;
+    /**
+     * Gets the last level dimension corresponding to the current axis point.
+     */
+    GetDimension(): ASPxClientDashboardItemDataDimension;
+    /**
+     * Gets the collection of dimensions used to create a hierarchy of axis points from the root point to the current axis point.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the value corresponding to the current axis point.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the display text corresponding to the current axis point.
+     */
+    GetDisplayText(): string;
+    /**
+     * Gets the unique value corresponding to the current axis point.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the dimension values at the specified axis point.
+     */
+    GetDimensionValue(): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the dimension value at the current axis point.
+     * @param dimensionId A String value that specifies the dimension identifier.
+     */
+    GetDimensionValue(dimensionId: string): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the child axis points for the current axis point.
+     */
+    GetChildren(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets the parent axis point for the current axis point.
+     */
+    GetParent(): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Represents a tuple of axis points.
+ */
+interface ASPxClientDashboardItemDataAxisPointTuple {
+    /**
+     * Returns the axis point belonging to the default data axis.
+     */
+    GetAxisPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns the axis point belonging to the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * A range in the Range Filter dashboard item.
+ */
+interface ASPxClientDashboardRangeFilterSelection {
+    /**
+     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
+     * Value: A maximum value in the range of the Range Filter dashboard item.
+     */
+    Maximum: Object;
+    /**
+     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
+     * Value: A minimum value in the range of the Range Filter dashboard item.
+     */
+    Minimum: Object;
+}
+/**
+ * A collection of ASPxClientDashboardParameter objects.
+ */
+interface ASPxClientDashboardParameters {
+    /**
+     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
+     */
+    GetParameterList(): ASPxClientDashboardParameter[];
+    /**
+     * Returns a dashboard parameter by its name.
+     * @param name A String object that specifies the parameter name.
+     */
+    GetParameterByName(name: string): ASPxClientDashboardParameter;
+    /**
+     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
+     * @param index An integer value that specifies the parameter index.
+     */
+    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
+}
+/**
+ * A client-side dashboard parameter.
+ */
+interface ASPxClientDashboardParameter {
+    /**
+     * Gets the dashboard parameter name on the client side.
+     * Value: A string value that is the dashboard parameter name on the client side.
+     */
+    Name: string;
+    /**
+     * Gets the dashboard parameter value on the client side.
+     * Value: A string value that specifies the dashboard parameter value on the client side.
+     */
+    Value: Object;
+    /**
+     * Returns a parameter name.
+     */
+    GetName(): string;
+    /**
+     * Returns a current parameter value(s).
+     */
+    GetValue(): Object;
+    /**
+     * Specifies the current parameter value(s).
+     * @param value The current parameter value(s).
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a default parameter value.
+     */
+    GetDefaultValue(): Object;
+    /**
+     * Returns the parameter's description displayed to an end-user.
+     */
+    GetDescription(): string;
+    /**
+     * Returns a parameter type.
+     */
+    GetType(): string;
+    /**
+     * Returns possible parameter values.
+     */
+    GetValues(): ASPxClientDashboardParameterValue[];
+}
+/**
+ * Provides access to the parameter value and display text.
+ */
+interface ASPxClientDashboardParameterValue {
+    /**
+     * Returns the parameter display text.
+     */
+    GetDisplayText(): string;
+    /**
+     * Returns a parameter value.
+     */
+    GetValue(): Object;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+ */
+interface ImageFormatOptions {
+    /**
+     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
+     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     */
+    Resolution: number;
+}
+/**
+ * Contains options which define how the dashboard item is exported to Excel format.
+ */
+interface ExcelFormatOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
+ */
+interface GridExportOptions {
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    FitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
+ */
+interface PivotExportOptions {
+    /**
+     * Gets or sets whether to print the column headers of the Pivot dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
+ */
+interface PieExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
+ */
+interface GaugeExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Card dashboard item is exported.
+ */
+interface CardExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
+ */
+interface RangeFilterExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Chart dashboard items are exported.
+ */
+interface ChartExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Map dashboard items are exported.
+ */
+interface MapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the map dashboard item.
+     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Treemap dashboard item is Printing and Exporting.
+ */
+interface TreemapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Treemap dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Treemap dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Treemap dashboard item.
+     * Value: A TreemapExportSizeMode enumeration member that specifies the print size mode for the Treemap dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
+ */
+interface ASPxClientDashboardExportOptions {
+    /**
+     * Gets or sets the standard paper size.
+     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
+     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets the filter state's location on the exported document.
+     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
+     */
+    FilterState: string;
+    /**
+     * Provides access to options for exporting a dashboard or individual items in Image format.
+     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+     */
+    ImageOptions: ImageFormatOptions;
+    /**
+     * Provides access to options for exporting individual dashboard items in Excel format.
+     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
+     */
+    ExcelOptions: ExcelFormatOptions;
+    /**
+     * Provides access to options for exporting a Grid dashboard item.
+     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
+     */
+    GridOptions: GridExportOptions;
+    /**
+     * Provides access to options for exporting a Pivot dashboard item.
+     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
+     */
+    PivotOptions: PivotExportOptions;
+    /**
+     * Provides access to options for exporting a Pie dashboard item.
+     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
+     */
+    PieOptions: PieExportOptions;
+    /**
+     * Provides access to options for exporting a Gauge dashboard item.
+     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
+     */
+    GaugeOptions: GaugeExportOptions;
+    /**
+     * Provides access to options for exporting a Card dashboard item.
+     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
+     */
+    CardOptions: CardExportOptions;
+    /**
+     * Provides access to options for exporting a Range Filter dashboard item.
+     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
+     */
+    RangeFilterOptions: RangeFilterExportOptions;
+    /**
+     * Provides access to options for exporting a Chart dashboard item.
+     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
+     */
+    ChartOptions: ChartExportOptions;
+    /**
+     * Provides access to options for exporting map dashboard items.
+     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
+     */
+    MapOptions: MapExportOptions;
+    /**
+     * Provides access to options for exporting a Treemap dashboard item.
+     * Value: A TreemapExportOptions object containing settings that specify parameters affecting how the Treemap dashboard item is exported.
+     */
+    TreemapOptions: TreemapExportOptions;
+}
+interface ExportFontInfo {
+    Name: string;
+    GdiCharSet: any;
+    UseCustomFontInfo: boolean;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the PDF format.
+ */
+interface DashboardPdfExportOptions {
+    /**
+     * Gets or sets the type of paper for the exported document.
+     * Value: A DashboardExportPaperKind value that specifies the type of paper for the exported document.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard/dashboard item.
+     * Value: A DashboardExportPageLayout value that specifies the page orientation used to export a dashboard/dashboard item.
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling a dashboard/dashboard item in the exported document.
+     * Value: A DashboardExportScaleMode value that specifies the mode for scaling a dashboard/dashboard item in the exported document.
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the mode for scaling a dashboard/dashboard item in the exported document.
+     * Value: A DashboardExportDocumentScaleMode value that specifies the mode for scaling a dashboard/dashboard item in the exported document.
+     */
+    DocumentScaleMode: string;
+    /**
+     * Gets or sets whether the page orientation used to export a dashboard is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a dashboard; otherwise, false.
+     */
+    DashboardAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A Single value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets a position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+    /**
+     * Gets or sets whether cards within the Card dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange cards automatically on the exported page; otherwise, false.
+     */
+    CardAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Chart dashboard item; otherwise, false.
+     */
+    ChartAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A ChartExportSizeMode value that specifies the export size mode for the Chart dashboard item.
+     */
+    ChartSizeMode: string;
+    /**
+     * Gets or sets whether gauges within the Gauge dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange gauges automatically on the exported page; otherwise, false.
+     */
+    GaugeAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    GridFitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Grid dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    GridPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Map dashboard item; otherwise, false.
+     */
+    MapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Map dashboard item.
+     * Value: A MapExportSizeMode value that specifies the export size mode for the Map dashboard item.
+     */
+    MapSizeMode: string;
+    /**
+     * Gets or sets whether pies within the Pie dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange pies automatically on the exported page; otherwise, false.
+     */
+    PieAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Pivot dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    PivotPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Range Filter dashboard item; otherwise, false.
+     */
+    RangeFilterAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A RangeFilterExportSizeMode value that specifies the export size mode for the Range Filter dashboard item.
+     */
+    RangeFilterSizeMode: string;
+    /**
+     * Gets or sets whether the page orientation used to export the Treemap dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Treemap dashboard item; otherwise, false.
+     */
+    TreemapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Treemap dashboard item.
+     * Value: A TreemapExportSizeMode value that specifies the export size mode for the Treemap dashboard item.
+     */
+    TreemapSizeMode: string;
+    FontInfo: ExportFontInfo;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to an image.
+ */
+interface DashboardImageExportOptions {
+    /**
+     * Gets or sets a title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: true, to include a dashboard title (or dashboard item's caption) as the exported document title; otherwise, false.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets an image format in which the dashboard/dashboard item is exported.
+     * Value: A DashboardExportImageFormat value that specifies an image format in which the dashboard/dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     */
+    Resolution: number;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A string value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+    FontInfo: ExportFontInfo;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the Excel format.
+ */
+interface DashboardExcelExportOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A DashboardExportExcelFormat value that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets the position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExcelExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+}
+/**
+ * A client-side equivalent of the ASPxDashboard control.
+ */
+interface ASPxClientDashboard extends ASPxClientControl {
+    /**
+     * Fires when a round trip to the server has been initiated by a call to the client PerformDataCallback method.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the state of the dashboard displayed in the ASPxClientDashboard is changed.
+     */
+    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after a new dashboard is displayed in the ASPxClientDashboard.
+     */
+    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs before any element in the Web Dashboard control has been rendered.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientDashboardBeforeRenderEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a master filter state is changed.
+     */
+    ItemMasterFilterStateChanged: ASPxClientEvent<ASPxClientDashboardItemMasterFilterStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a drill-down/drill-up is performed.
+     */
+    ItemDrillDownStateChanged: ASPxClientEvent<ASPxClientDashboardItemDrillDownStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the available interactivity actions have changed for the specific dashboard item.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientActionAvailabilityChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after parameter values provided using a Dynamic List are loaded.
+     */
+    DynamicLookUpValuesLoaded: ASPxClientEvent<ASPxClientDynamicLookUpValuesLoadedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard item update is initiated.
+     */
+    ItemBeginUpdate: ASPxClientEvent<ASPxClientItemBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard item update is performed.
+     */
+    ItemEndUpdate: ASPxClientEvent<ASPxClientItemEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard update is initiated.
+     */
+    DashboardBeginUpdate: ASPxClientEvent<ASPxClientDashboardBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard update is performed.
+     */
+    DashboardEndUpdate: ASPxClientEvent<ASPxClientDashboardEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to customize a dashboard item's caption (for instance, add custom buttons, menus, etc.).
+     */
+    ItemCaptionToolbarUpdated: ASPxClientEvent<ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.).
+     */
+    DashboardTitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
+    /**
+     * 
+     * @param itemName 
+     */
+    UpdateItemCaptionToolbar(itemName: string): void;
+    UpdateDashboardTitleToolbar(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Gets the DashboardControl object that is the client-side part of the Web Dashboard.
+     */
+    GetDashboardControl(): DashboardControl;
+    /**
+     * Switches the ASPxClientDashboard to the viewer mode.
+     */
+    SwitchToViewer(): void;
+    /**
+     * Switches the ASPxClientDashboard to the designer mode.
+     */
+    SwitchToDesigner(): void;
+    /**
+     * Gets the current working mode of the Web Dashboard.
+     */
+    GetWorkingMode(): string;
+    IsDesignMode(): boolean;
+    /**
+     * 
+     * @param itemName 
+     */
+    MaximizeDashboardItem(itemName: string): void;
+    RestoreDashboardItem(): void;
+    GetMaximizedDashboardItemName(): string;
+    /**
+     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboard.
+     */
+    GetDashboardId(): string;
+    /**
+     * Gets the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    GetDashboardState(): string;
+    /**
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardState A JSON object that specifies the dashboard state.
+     */
+    SetDashboardState(dashboardState: Object): void;
+    /**
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardStateString A string value that specifies the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    SetDashboardState(dashboardStateString: string): void;
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param dashboardId A string value that specifies the dashboard identifier.
+     */
+    LoadDashboard(dashboardId: string): void;
+    /**
+     * Saves a current dashboard to the dashboard storage.
+     */
+    SaveDashboard(): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Invokes the dialog that allows end-users to export the entire dashboard to the specified format.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF', 'Image', or 'Excel'.
+     */
+    ShowExportDashboardDialog(format: string): void;
+    /**
+     * Invokes the dialog that allows end-users to export the dashboard item to the specified format.
+     * @param itemComponentName A string value that specifies the component name of the dashboard item to export.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'. Note that some items (i.e., ImageDashboardItem) do not support exporting to the 'Excel' format.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns whether or not master filtering  can be applied in the current state of the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down into the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down into the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+    ReloadData(): void;
+    /**
+     * Refreshes an entire dashboard displayed in the Web Dashboard control.
+     */
+    Refresh(): void;
+    /**
+     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
+     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
+     */
+    Refresh(itemName: string): void;
+    /**
+     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
+     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
+     */
+    Refresh(itemName: string[]): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+}
+/**
+ * References a method that will handle the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardStateChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the current state of the dashboard.
+     * Value: A string value that is the current state of the dashboard.
+     */
+    DashboardState: string;
+}
+/**
+ * References a method that will handle the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of a newly opened dashboard.
+     * Value: A string value that is an identifier of newly opened dashboard.
+     */
+    DashboardId: string;
+}
+/**
+ * References a method that will handle the BeforeRender event.
+ */
+interface ASPxClientDashboardBeforeRenderEventHandler<S> {
+    /**
+     * References a method that will handle the BeforeRender event.
+     * @param source The event source.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * Serves as the base class for classes that provide data for client-side events related to dashboard items.
+ */
+interface ASPxClientDashboardItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns whether or not the specified value is null.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is 'others'.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemMasterFilterStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemMasterFilterStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemMasterFilterStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the currently selected values.
+     * Value: An array of objects that are the currently selected values.
+     */
+    Values: Object[][];
+}
+/**
+ * References a method that will handle the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemDrillDownStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemDrillDownStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemDrillDownStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the drill-down action performed in the dashboard item.
+     * Value: A string value that is the drill-down action performed in the dashboard item.
+     */
+    Action: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventHandler<S> {
+    /**
+     * References a method that will handle the DynamicLookUpValuesLoaded event.
+     * @param source The event source.
+     * @param e A ASPxClientDynamicLookUpValuesLoadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDynamicLookUpValuesLoadedEventArgs): void;
+}
+/**
+ * Provides data for the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dashboard parameter name whose values have been loaded.
+     * Value: A string value that is the dashboard parameter name whose values have been loaded.
+     */
+    ParameterName: string;
+}
+/**
+ * References a method that will handle the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemEndUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
+/**
+ * References a method that will handle the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardEndUpdate event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
+/**
+ * A client-side equivalent of the ASPxDashboardViewer control.
+ */
+interface ASPxClientDashboardViewer extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the available interactivity actions have changed.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientDashboardActionAvailabilityChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user changes the state of the master filter.
+     */
+    MasterFilterSet: ASPxClientEvent<ASPxClientDashboardMasterFilterSetEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clears the selection in the master filter item.
+     */
+    MasterFilterCleared: ASPxClientEvent<ASPxClientDashboardMasterFilterClearedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Provides the capability to handle data loading errors in the ASPxClientDashboardViewer.
+     */
+    DataLoadingError: ASPxClientEvent<ASPxClientDashboardDataLoadingErrorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-down is performed.
+     */
+    DrillDownPerformed: ASPxClientEvent<ASPxClientDashboardDrillDownPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-up is performed.
+     */
+    DrillUpPerformed: ASPxClientEvent<ASPxClientDashboardDrillUpPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the ASPxClientDashboardViewer is loaded.
+     */
+    Loaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to customize a dashboard item's caption (for instance, add custom buttons, menus, etc.).
+     */
+    ItemCaptionToolbarUpdated: ASPxClientEvent<ASPxClientDashboardItemCaptionToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to customize a dashboard title (for instance, add custom buttons, menus, etc.) of the Web Viewer.
+     */
+    DashboardTitleToolbarUpdated: ASPxClientEvent<ASPxClientDashboardTitleToolbarUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Reloads data in the data sources.
+     */
+    ReloadData(): void;
+    /**
+     * Reloads data in the data sources.
+     * @param parameters An array of ASPxClientDashboardParameter objects that specify dashboard parameters on the client side.
+     */
+    ReloadData(parameters: ASPxClientDashboardParameter[]): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Locks the EndUpdateParameters method call.
+     */
+    BeginUpdateParameters(): void;
+    /**
+     * Unlocks the BeginUpdateParameters method and applies changes made to the parameter settings.
+     */
+    EndUpdateParameters(): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * 
+     * @param itemName 
+     */
+    UpdateItemCaptionToolbar(itemName: string): void;
+    UpdateDashboardTitleToolbar(): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Shows the dialog that allows end-users to export the dashboard.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'.
+     */
+    ShowExportDialog(format: string): void;
+    /**
+     * Shows the dialog that allows end-users to export the dashboard item.
+     * @param itemComponentName A component name of the dashboard item.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardImageExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns the dashboard width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the dashboard height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the dashboard width.
+     * @param width An integer value that specifies the dashboard width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the dashboard height.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Specifies the dashboard size.
+     * @param width An integer value that specifies the dashboard width.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down for the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down for the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns whether or not the specified master filter item allows selecting one or more elements.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets whether or not data reloading is available in the current state of dashboard item.
+     * Value: true, if data reloading is available in the current state of dashboard item; otherwise, false.
+     */
+    IsReloadDataAvailable: boolean;
+    /**
+     * Gets interactivity actions currently available for the dashboard item.
+     * Value: An array of ASPxClientDashboardItemAction objects that represent interactivity actions currently available for the dashboard item.
+     */
+    ItemActions: ASPxClientDashboardItemAction[];
+}
+/**
+ * References a method that will handle the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventHandler<S> {
+    /**
+     * References a method that will handle the DataLoadingError event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDataLoadingErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDataLoadingErrorEventArgs): void;
+}
+/**
+ * Provides data for the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Allows you to determine whether or not the error message will be shown.
+     */
+    IsErrorMessageShown(): boolean;
+    /**
+     * Allows you to specify whether to show the error message.
+     * @param value true, to show the error message; otherwise, false.
+     */
+    ShowErrorMessage(value: boolean): void;
+    /**
+     * Allows you to obtain the displayed error message.
+     */
+    GetError(): string;
+    /**
+     * Allows you to specify the displayed error message.
+     * @param value A string value that specifies the displayed error message.
+     */
+    SetError(value: string): void;
+}
+/**
+ * Represents an interactivity action in the dashboard item.
+ */
+interface ASPxClientDashboardItemAction {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets interactivity actions performed on a dashboard item.
+     * Value: An array of ASPxClientDashboardAction values that specify interactivity actions performed on a dashboard item.
+     */
+    Actions: any[];
+}
+declare enum ASPxClientDashboardAction {
+    SetMasterFilter=0,
+    ClearMasterFilter=1,
+    DrillDown=2,
+    DrillUp=3
+}
+/**
+ * References a method that will handle the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterSet event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterSetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterSetEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string value that specifies the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values of currently selected elements in the master filter item.
+     * Value: Values of currently selected elements in the master filter item.
+     */
+    Values: Object[][];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterCleared event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterClearedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterClearedEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillDownPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillDownPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillDownPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillUpPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillUpPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillUpPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * Serves as the base object for all the editors included in the client-side object model.
+ */
+interface ASPxClientEditBase extends ASPxClientControl {
+    /**
+     * Returns the editor's value.
+     */
+    GetValue(): Object;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the text displayed in the editor caption.
+     */
+    GetCaption(): string;
+    /**
+     * Specifies the text displayed in the editor caption.
+     * @param caption A string value specifying the editor caption.
+     */
+    SetCaption(caption: string): void;
+}
+/**
+ * Serves as the base object for all the editors that support validation.
+ */
+interface ASPxClientEdit extends ASPxClientEditBase {
+    /**
+     * Fires on the client side when the editor receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires on the client side when the editor loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Allows you to specify whether the value entered into the editor is valid, and whether the editor is allowed to lose focus.
+     */
+    Validation: ASPxClientEvent<ASPxClientEditValidationEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires after the editor's value has been changed by end-user interactions.
+     */
+    ValueChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientEdit>>;
+    /**
+     * Returns an HTML element that represents the control's input element.
+     */
+    GetInputElement(): Object;
+    /**
+     * Returns a value indicating whether the editor's state is read-only on the client-side.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's state is read-only on the client side.
+     * @param readOnly true, to make the control read-only on the client side; otherwise, false.
+     */
+    SetReadOnly(readOnly: boolean): void;
+    /**
+     * Sets input focus to the editor.
+     */
+    Focus(): void;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value is valid.
+     * @param isValid True if the editor's value is valid; otherwise, False.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs the editor's validation.
+     */
+    Validate(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxBinaryImage control.
+ */
+interface ASPxClientBinaryImage extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after an image is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Fires on the client side if any server error occurs during server-side processing of a callback sent by the ASPxClientBinaryImage.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Sets the size of the image editor.
+     * @param width An integer value that specifies the control's width.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * For internal use only.
+     */
+    GetValue(): Object;
+    /**
+     * For internal use only.
+     * @param value 
+     */
+    SetValue(value: Object): void;
+    /**
+     * Removes an image from the editor content.
+     */
+    Clear(): void;
+    /**
+     * Returns a name of the last uploaded file.
+     */
+    GetUploadedFileName(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxButton control.
+ */
+interface ASPxClientButton extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the button's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Occurs on the client side after a button is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientButtonClickEventHandler<ASPxClientButton>>;
+    /**
+     * Simulates a mouse click action on the button control.
+     */
+    DoClick(): void;
+    /**
+     * Returns a value indicating whether the button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value that specifies the button's checked status.
+     * @param value true if the button is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the button.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL pointing to the image displayed within the button.
+     * @param value A string value that is the URL to the image displayed within the button.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Sets a value specifying whether the button is enabled.
+     * @param value true to enable the button; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns a value indicating whether the button is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets input focus to the button.
+     */
+    Focus(): void;
+}
+/**
+ * A method that will handle the client Click event.
+ */
+interface ASPxClientButtonClickEventHandler<S> {
+    /**
+     * A method that will handle the client Click event.
+     * @param source An object that is the event's source.
+     * @param e An ASPxClientButtonClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonClickEventArgs): void;
+}
+/**
+ * Provides data for the Click event.
+ */
+interface ASPxClientButtonClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Specifies whether both the event's default action and the event's bubbling upon the hierarchy of event handlers should be canceled.
+     * Value: true to cancel the event's default action and the event's bubbling upon the hierarchy of event handlers; otherwise, false.
+     */
+    cancelEventAndBubble: boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCalendar control.
+ */
+interface ASPxClientCalendar extends ASPxClientEdit {
+    /**
+     * Fires on the client side after the selected date has been changed within the calendar.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side when the month displayed within the calendar is changed.
+     */
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side after the callback server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCalendar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCalendar>>;
+    /**
+     * Tests whether the specified date is selected.
+     * @param date A date-time value that specifies the date to test.
+     */
+    IsDateSelected(date: Date): boolean;
+    /**
+     * Sets the date that specifies the month and year to be displayed in the calendar.
+     * @param date The date that specifies calendar's visible month and year.
+     */
+    SetVisibleDate(date: Date): void;
+    /**
+     * Sets the calendar's selected date.
+     * @param date A date object that specifies the calendar's selected date.
+     */
+    SetSelectedDate(date: Date): void;
+    /**
+     * Returns the calendar's selected date.
+     */
+    GetSelectedDate(): Date;
+    /**
+     * Gets the date that determines the month and year that are currently displayed in the calendar.
+     */
+    GetVisibleDate(): Date;
+    /**
+     * Selects the specified date within the calendar.
+     * @param date A date-time value that specifies the selected date.
+     */
+    SelectDate(date: Date): void;
+    /**
+     * Selects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    SelectRange(start: Date, end: Date): void;
+    /**
+     * Deselects the specified date within the calendar.
+     * @param date A date-time value that specifies the date to deselect.
+     */
+    DeselectDate(date: Date): void;
+    /**
+     * Deselects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    DeselectRange(start: Date, end: Date): void;
+    /**
+     * Deselects all the selected dates within the calendar.
+     */
+    ClearSelection(): void;
+    /**
+     * Returns a list of dates which are selected within the calendar.
+     */
+    GetSelectedDates(): Date[];
+    /**
+     * Gets the minimum date on the calendar.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the calendar.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date on the calendar.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the calendar.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the date processed in the calendar.
+     * Value: A DateTime value containing processed data.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether selection of the processed calendar date is disabled.
+     * Value: true, if the date is disabled; otherwise, false.
+     */
+    isDisabled: boolean;
+}
+/**
+ * A method that will handle the client CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDisabledDate event.
+     * @param source The event source.
+     * @param e An ASPxClientCalendarCustomDisabledDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCalendarCustomDisabledDateEventArgs): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCaptcha control.
+ */
+interface ASPxClientCaptcha extends ASPxClientControl {
+    /**
+     * Sets input focus to the control's text box.
+     */
+    Focus(): void;
+    /**
+     * Refreshes the code displayed within the editor's challenge image.
+     */
+    Refresh(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCheckBox control.
+ */
+interface ASPxClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButton control.
+ */
+interface ASPxClientRadioButton extends ASPxClientCheckBox {
+    /**
+     * Returns a value indicating whether the radio button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the radio button's checked status.
+     * @param isChecked true if the radio button is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+}
+/**
+ * Represents a base for client-side objects which allow single-line text input.
+ */
+interface ASPxClientTextEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's text is changed and focus moves out of the editor by end-user interactions.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's input value is changed before the focus moves out of the editor by end-user interactions.
+     */
+    UserInput: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+    /**
+     * Selects all text in the text editor.
+     */
+    SelectAll(): void;
+    /**
+     * Sets the caret position within the edited text.
+     * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
+     */
+    SetCaretPosition(position: number): void;
+    /**
+     * Obtains the caret position within the edited text.
+     */
+    GetCaretPosition(): number;
+    /**
+     * Selects the specified portion of the editor's text.
+     * @param startPos A zero-based integer value specifying the selection's starting position.
+     * @param endPos A zero-based integer value specifying the selection's ending position.
+     * @param scrollToSelection true to scroll the editor's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(startPos: number, endPos: number, scrollToSelection: boolean): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying and editing text data in their edit regions.
+ */
+interface ASPxClientTextBoxBase extends ASPxClientTextEdit {
+}
+/**
+ * Represents a base for client button editor objects.
+ */
+interface ASPxClientButtonEditBase extends ASPxClientTextBoxBase {
+    /**
+     * Occurs on the client side after an editor button is clicked.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientButtonEditBase>>;
+    /**
+     * Specifies whether the button is visible.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     * @param value true, to make the button visible; otherwise, false.
+     */
+    SetButtonVisible(number: number, value: boolean): void;
+    /**
+     * Returns a value specifying whether a button is displayed.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     */
+    GetButtonVisible(number: number): boolean;
+}
+/**
+ * Represents a base class for the editors that contain a drop down window.
+ */
+interface ASPxClientDropDownEditBase extends ASPxClientButtonEditBase {
+    /**
+     * Occurs on the client-side when the drop down window is opened by the dropdown button click.
+     */
+    DropDown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side when the drop down window is closed.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side before the drop down window is closed and allows you to cancel the operation.
+     */
+    QueryCloseUp: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Modifies the size of the drop down window in accordance with its content.
+     */
+    AdjustDropDownWindow(): void;
+    /**
+     * Invokes the editor's drop down window.
+     */
+    ShowDropDown(): void;
+    /**
+     * Closes the opened drop down window of the editor.
+     */
+    HideDropDown(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxColorEdit control.
+ */
+interface ASPxClientColorEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected color has been changed within the color editor via end-user interaction.
+     */
+    ColorChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientColorEdit. Use the ColorChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * Returns the color editor's value.
+     */
+    GetColor(): string;
+    /**
+     * Specifies the color value for the color editor.
+     * @param value A string value specifying the editor color.
+     */
+    SetColor(value: string): void;
+    /**
+     * Indicates whether the automatic color item is selected.
+     */
+    IsAutomaticColorSelected(): boolean;
+}
+/**
+ * Represent the client-side equivalent of the ASPxComboBox control.
+ */
+interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientComboBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires before the filtering is executed.
+     */
+    ItemFiltering: ASPxClientEvent<ASPxClientListEditItemFilteringEventHandler<ASPxClientComboBox>>;
+    /**
+     * Enables you to highlight the filtered items.
+     */
+    CustomHighlighting: ASPxClientEvent<ASPxClientListEditCustomHighlightingEventHandler<ASPxClientComboBox>>;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     */
+    SetText(text: string): void;
+    /**
+     * Adds a new item to the editor specifying the item's display text and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Removes all items from the client combo box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Prevents the client combobox editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the index of the selected item within the combo box editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the combobox editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Gets the text displayed in the editor's edit box.
+     */
+    GetText(): string;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     * @param applyFilter true, to use the specified text as a filter and apply it to the editor, otherwise, false.
+     */
+    SetText(text: string, applyFilter: boolean): void;
+    /**
+     * Determines whether the drop-down content is loaded; if not - loads the content.
+     * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
+     */
+    EnsureDropDownLoaded(callbackFunction: Object): void;
+    /**
+     * Defines the HTML content for the specified combo box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the combo box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified combo box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxDateEdit control.
+ */
+interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected date has been changed within the date editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Enables you to convert the value entered by an end user into the value that will be stored by the date editor.
+     */
+    ParseDate: ASPxClientEvent<ASPxClientParseDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CalendarCustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientDateEdit. Use the DateChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Returns the calendar of the date editor.
+     */
+    GetCalendar(): ASPxClientCalendar;
+    /**
+     * Returns the built-in time edit control.
+     */
+    GetTimeEdit(): ASPxClientTimeEdit;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+    /**
+     * Returns the number of days in a range selected within a date edit.
+     */
+    GetRangeDayCount(): number;
+    /**
+     * Gets the minimum date of the editor.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the editor.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date of the editor.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the editor.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the ParseDate client-side event that parses a string entered into a date editor.
+ */
+interface ASPxClientParseDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value entered into the date editor by an end user.
+     * Value: The string value entered into the date editor by an end user.
+     */
+    value: string;
+    /**
+     * Gets or sets the edit value of the date editor.
+     * Value: A date/time value representing the edit value of the date editor.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the client ParseDate event, that parses a date editor's value when entered.
+ */
+interface ASPxClientParseDateEventHandler<S> {
+    /**
+     * A method that will handle the ParseDate event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientParseDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientParseDateEventArgs): void;
+}
+/**
+ * Represents a base for client editor objects realizing the dropdown editor functionality.
+ */
+interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Obtains the key value associated with the text displayed within the editor's edit box.
+     */
+    GetKeyValue(): string;
+    /**
+     * Specifies the key value associated with the text displayed within the editor's edit box.
+     * @param keyValue A string specifying the key value associated with the editor's value (displayed text).
+     */
+    SetKeyValue(keyValue: string): void;
+}
+/**
+ * A method that will handle the client events involving a keyboard key being pressed or released.
+ */
+interface ASPxClientEditKeyEventHandler<S> {
+    /**
+     * A method that will handle the client events concerning a keyboard key being pressed.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientEditKeyEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditKeyEventArgs): void;
+}
+/**
+ * Provides data for the client events involved with a key being pressed or released.
+ */
+interface ASPxClientEditKeyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle client validation events.
+ */
+interface ASPxClientEditValidationEventHandler<S> {
+    /**
+     * A method that will handle client validation events.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientEditValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditValidationEventArgs): void;
+}
+/**
+ * Provides data for the client events that are related to data validation (see Validate).
+ */
+interface ASPxClientEditValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error description.
+     * Value: A string representing the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the value is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the editor's value being validated.
+     * Value: An object that represents the validated value.
+     */
+    value: string;
+}
+/**
+ * Represents the client ASPxFilterControl.
+ */
+interface ASPxClientFilterControl extends ASPxClientControl {
+    /**
+     * Occurs after a new filter expression has been applied.
+     */
+    Applied: ASPxClientEvent<ASPxClientFilterAppliedEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFilterControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Returns the filter expression.
+     */
+    GetFilterExpression(): string;
+    /**
+     * Returns the applied filter expression.
+     */
+    GetAppliedFilterExpression(): string;
+    /**
+     * Returns the editor used to edit operand values for the specified filter column.
+     * @param editorIndex An integer value that identifies the filter column by its index within the collection.
+     */
+    GetEditor(editorIndex: number): ASPxClientEditBase;
+    /**
+     * Returns a value indicating whether the filter expression being currently composed on the client side is valid - all expression conditions are filled.
+     */
+    IsFilterExpressionValid(): boolean;
+    /**
+     * Applies a filter constructed by an end-user.
+     */
+    Apply(): void;
+    /**
+     * Resets the current filter expression to a previously applied filter expression.
+     */
+    Reset(): void;
+}
+/**
+ * A method that will handle the Applied event.
+ */
+interface ASPxClientFilterAppliedEventHandler<S> {
+    /**
+     * A method that will handle the Applied event.
+     * @param source The event source.
+     * @param e An ASPxClientFilterAppliedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFilterAppliedEventArgs): void;
+}
+/**
+ * Provides data for the Applied event.
+ */
+interface ASPxClientFilterAppliedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the filter expression currently being applied.
+     * Value: A string value that specifies the filter expression currently being applied.
+     */
+    filterExpression: string;
+}
+/**
+ * Represents a base for client editor objects that display a list of items.
+ */
+interface ASPxClientListEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientListEdit>>;
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Returns the index of the selected item within the list editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Sets the list editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ListEditItem object.
+ */
+interface ASPxClientListEditItem {
+    /**
+     * Gets a value that indicates whether a list edit item is selected.
+     * Value: true if a list edit item is selected; otherwise, false.
+     */
+    selected: boolean;
+    /**
+     * Gets an editor to which the current item belongs.
+     * Value: An ASPxClientListEdit object that represents the item's owner editor.
+     */
+    listEditBase: ASPxClientListEdit;
+    /**
+     * Gets the item's index.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets the item's associated image.
+     * Value: A string value that represents the path to the image displayed by the item.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that represents the item's display text.
+     */
+    text: string;
+    /**
+     * Gets the item's associated value.
+     * Value: An object that represents the value associated with the item.
+     */
+    value: Object;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its index.
+     * @param columnIndex An integer value that specifies the column's index within the editor's Columns collection.
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its field name.
+     * @param columnName A string value that specifies the column's field name defined via the FieldName property.
+     */
+    GetColumnText(columnName: string): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxListBox control.
+ */
+interface ASPxClientListBox extends ASPxClientListEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientListBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a different item in the list box has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client when the editor's item is double clicked.
+     */
+    ItemDoubleClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires before the filtering is executed.
+     */
+    ItemFiltering: ASPxClientEvent<ASPxClientListEditItemFilteringEventHandler<ASPxClientListBox>>;
+    /**
+     * Enables you to highlight the filtered items.
+     */
+    CustomHighlighting: ASPxClientEvent<ASPxClientListEditCustomHighlightingEventHandler<ASPxClientListBox>>;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns an array of the list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all list box items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all list box items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects the items with the specified indices within a list box.
+     * @param indices An array of integer values that represent the items indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Unselects an array of the list box items with the specified indices.
+     * @param indices An array of integer values that represent the indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Select the items with the specified values within a list box.
+     * @param values An array of Object[] objects that represent the item's values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects an array of the list box items with the specified values.
+     * @param values An array of Object[] objects that represent the values.
+     */
+    UnselectValues(values: Object[]): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Initializes the ASPxClientListBox client object when its parent container becomes visible dynamically, on the client side.
+     */
+    InitOnContainerMadeVisible(): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Prevents the client list box editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method, and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Removes all items from the client list box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Defines the HTML content for the specified list box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the list box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified list box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Serves as the base type for the ASPxClientRadioButtonList objects.
+ */
+interface ASPxClientCheckListBase extends ASPxClientListEdit {
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButtonList control.
+ */
+interface ASPxClientRadioButtonList extends ASPxClientCheckListBase {
+}
+/**
+ * A client-side equivalent of the ASPxCheckBoxList object.
+ */
+interface ASPxClientCheckBoxList extends ASPxClientCheckListBase {
+    /**
+     * Occurs on the client side after a different item in the check box list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientCheckBoxList>>;
+    /**
+     * Returns an array of the check box list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the check box list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the check box list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all check box list items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all check box list items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Selects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Unselects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    UnselectValues(values: Object[]): void;
+}
+/**
+ * A method that will handle the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedIndexChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientListEditItemSelectedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemSelectedChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the item is selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * A method that will handle the ItemFiltering events.
+ */
+interface ASPxClientListEditItemFilteringEventHandler<S> {
+    /**
+     * A method that will handle the ItemFiltering events.
+     * @param source The event source.
+     * @param e A ASPxClientListEditItemFilteringEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemFilteringEventArgs): void;
+}
+/**
+ * Provides data for the ItemFiltering events.
+ */
+interface ASPxClientListEditItemFilteringEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the editor item object related to the event.
+     * Value: An ASPxClientListEditItem object representing the processed editor item.
+     */
+    item: ASPxClientListEditItem;
+    /**
+     * Specifies whether the item should be shown in the search result.
+     * Value: true, to show the item; otherwise, false.
+     */
+    isFit: boolean;
+    /**
+     * Gets a string that is a filter condition for the editor's items typed by a user.
+     * Value: A string value specifying the filter text typed by a user.
+     */
+    filter: string;
+}
+/**
+ * A method that will handle the CustomHighlighting events.
+ */
+interface ASPxClientListEditCustomHighlightingEventHandler<S> {
+    /**
+     * A method that will handle the CustomHighlighting events.
+     * @param source The event source.
+     * @param e A ASPxClientListEditCustomHighlightingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditCustomHighlightingEventArgs): void;
+}
+/**
+ * Provides data for the CustomHighlighting events.
+ */
+interface ASPxClientListEditCustomHighlightingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies rules according to which the editor highlights the filtered items.
+     * Value: An object representing the highlighting rules.
+     */
+    highlighting: Object;
+    /**
+     * Gets a string that is a filter condition for the editor's items typed by a user.
+     * Value: A string value specifying the filter text typed by a user.
+     */
+    filter: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxProgressBar control.
+ */
+interface ASPxClientProgressBar extends ASPxClientEditBase {
+    /**
+     * Sets the position of the operation's progress.
+     * @param position An integer value specifying the progress position.
+     */
+    SetPosition(position: number): void;
+    /**
+     * Gets the position of the operation's progress.
+     */
+    GetPosition(): number;
+    /**
+     * Sets the pattern used to format the displayed text for the progress bar.
+     * @param text A  value that is the format pattern.
+     */
+    SetCustomDisplayFormat(text: string): void;
+    /**
+     * Returns the text displayed within the progress bar.
+     */
+    GetDisplayText(): string;
+    /**
+     * Sets the percentage representation of the progress position.
+     */
+    GetPercent(): number;
+    /**
+     * Sets the minimum range value of the progress bar.
+     * @param min An integer value specifying the minimum value of the progress bar range.
+     */
+    SetMinimum(min: number): void;
+    /**
+     * Sets the maximum range value of the progress bar.
+     * @param max An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMaximum(max: number): void;
+    /**
+     * Gets the minimum range value of the progress bar.
+     */
+    GetMinimum(): number;
+    /**
+     * Gets the maximum range value of the progress bar.
+     */
+    GetMaximum(): number;
+    /**
+     * Sets the minimum and maximum range values of the progress bar.
+     * @param minValue An integer value specifying the minimum value of the progress bar range.
+     * @param maxValue An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMinMaxValues(minValue: number, maxValue: number): void;
+}
+/**
+ * Represents a base class for the ASPxClientSpinEdit object.
+ */
+interface ASPxClientSpinEditBase extends ASPxClientButtonEditBase {
+    /**
+     * This event is not in effect for the ASPxClientSpinEditBase. Use the ASPxClientTimeEdit.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEditBase>>;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpinEdit control.
+ */
+interface ASPxClientSpinEdit extends ASPxClientSpinEditBase {
+    /**
+     * Occurs on the client side when the editor's value is altered in any way.
+     */
+    NumberChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEdit>>;
+    /**
+     * Specifies the value of the spin edit control on the client side.
+     * @param number A Decimal value specifying the control value.
+     */
+    SetValue(number: number): void;
+    /**
+     * Sets the spin editor's value.
+     * @param number A decimal number specifying the value to assign to the spin editor.
+     */
+    SetNumber(number: number): void;
+    /**
+     * Gets a number which represents the spin editor's value.
+     */
+    GetNumber(): number;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the minimum value of the editor.
+     * @param value A decimal value specifying the minimum value of the editor.
+     */
+    SetMinValue(value: number): void;
+    /**
+     * Gets the minimum value of the editor.
+     */
+    GetMinValue(): number;
+    /**
+     * Sets the maximum value of the editor.
+     * @param value A decimal value specifying the maximum value of the editor.
+     */
+    SetMaxValue(value: number): void;
+    /**
+     * Gets the maximum value of the editor.
+     */
+    GetMaxValue(): number;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTimeEdit control.
+ */
+interface ASPxClientTimeEdit extends ASPxClientSpinEditBase {
+    /**
+     * Fires after the selected date has been changed within the time editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimeEdit>>;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+}
+/**
+ * Represents a base for client-side static editors whose values cannot be visually changed by end users.
+ */
+interface ASPxClientStaticEdit extends ASPxClientEditBase {
+    /**
+     * Occurs on the client side after an end-user clicks within a static editor.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientStaticEdit>>;
+}
+/**
+ * A method that will handle client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditEventHandler<S> {
+    /**
+     * A method that will handle client-side events which concern clicking within editors.
+     * @param source An object representing the event source. Identifies the editor that raised the event.
+     * @param e An ASPxClientEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditClickEventArgs): void;
+}
+/**
+ * Provides data for the client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the HTML element related to the event.
+     * Value: An object that represents the clicked HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHyperLink control.
+ */
+interface ASPxClientHyperLink extends ASPxClientStaticEdit {
+    /**
+     * Gets an URL which defines the navigation location for the editor's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies an URL which defines the navigation location for the editor's hyperlink.
+     * @param url A string value which specifies an URL to where the client web browser will navigate when a hyperlink in the editor is clicked.
+     */
+    SetNavigateUrl(url: string): void;
+    /**
+     * Gets the text caption displayed for the hyperlink in the hyperlink editor.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text caption displayed for the hyperlink in the hyperlink editor.
+     * @param text A string value specifying the text caption for the hyperlink in the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying images.
+ */
+interface ASPxClientImageBase extends ASPxClientStaticEdit {
+    /**
+     * Sets the size of the image displayed within the image editor.
+     * @param width An integer value that specifies the image's width.
+     * @param height An integer value that specifies the image's height.
+     */
+    SetSize(width: number, height: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxImage control.
+ */
+interface ASPxClientImage extends ASPxClientImageBase {
+    /**
+     * Returns the URL pointing to the image displayed within the image editor.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the image editor.
+     * @param url A string value specifying the URL to the image displayed within the editor.
+     */
+    SetImageUrl(url: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxLabel control.
+ */
+interface ASPxClientLabel extends ASPxClientStaticEdit {
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTextBox control.
+ */
+interface ASPxClientTextBox extends ASPxClientTextBoxBase {
+}
+/**
+ * Represents the client-side equivalent of the ASPxMemo control.
+ */
+interface ASPxClientMemo extends ASPxClientTextEdit {
+}
+/**
+ * Represents the client-side equivalent of the ASPxButtonEdit control.
+ */
+interface ASPxClientButtonEdit extends ASPxClientButtonEditBase {
+}
+/**
+ * A method that will handle the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventHandler<S> {
+    /**
+     * A method that will handle the ButtonClick event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientButtonEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonEditClickEventArgs): void;
+}
+/**
+ * Provides data for the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the clicked button.
+     * Value: An integer value representing the index of the clicked button within the editor's Buttons collection.
+     */
+    buttonIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxTokenBox object.
+ */
+interface ASPxClientTokenBox extends ASPxClientComboBox {
+    /**
+     * Fires on the client side after the token collection has been changed.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTokenBox>>;
+    /**
+     * For internal use only.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientTokenBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text A string value specifying the token's text.
+     */
+    AddToken(text: string): void;
+    /**
+     * Removes a token specified by its text from the client token box.
+     * @param text A string value that is the text of the token to be removed.
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a token specified by its index from the client token box.
+     * @param index An integer value that is the index of the token to be removed.
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Sets a collection of tokens.
+     * @param collection A  object that is the collection of tokens.
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Removes all tokens contained in the token box.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text A string value that specifies the text of the token.
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Gets the token texts, separated with a sign, specified by the TextSeparator property.
+     */
+    GetText(): string;
+    /**
+     * Sets the token texts, separated with a sign, specified by the TextSeparator property.
+     * @param text A string value that is the token texts separated with a text separator.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the editor value.
+     */
+    GetValue(): string;
+    /**
+     * Sets the editor value.
+     * @param value A string that is the editor value.
+     */
+    SetValue(value: string): void;
+    /**
+     * Returns a value that indicates if the specified token (string) is a custom token.
+     * @param text A string value that is a token.
+     * @param caseSensitive true, if tokens are case sensitive; otherwise, false.
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * For internal use only.
+     * @param index 
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * For internal use only.
+     * @param item 
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     * @param applyFilter true, to use the specified text as a filter and apply it to the editor, otherwise, false.
+     */
+    SetText(text: string, applyFilter: boolean): void;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * The client-side equivalent of the ASPxTrackBar control.
+ */
+interface ASPxClientTrackBar extends ASPxClientEdit {
+    /**
+     * Fires on the client side before a track bar position is changed and allows you to cancel the action.
+     */
+    PositionChanging: ASPxClientEvent<ASPxClientTrackBarPositionChangingEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Fires after the editor's position has been changed.
+     */
+    PositionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user moves a cursor while the drag handle is held down.
+     */
+    Track: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a drag handle and moves it.
+     */
+    TrackStart: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a drag handle after moving it.
+     */
+    TrackEnd: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Returns a track bar item index by the item's value.
+     * @param value An object that specifies the item's value.
+     */
+    GetItemIndexByValue(value: Object): number;
+    /**
+     * Returns a track bar item's associated value.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemValue(index: number): Object;
+    /**
+     * Returns a track bar item text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemText(index: number): string;
+    /**
+     * Returns a track bar item's tooltip text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemToolTip(index: number): string;
+    /**
+     * Returns the number of the track bar items that are maintained by the item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Specifies the secondary drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionEnd(position: number): void;
+    /**
+     * Specifies the main drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionStart(position: number): void;
+    /**
+     * Returns the secondary drag handle position.
+     */
+    GetPositionEnd(): number;
+    /**
+     * Returns the main drag handle position.
+     */
+    GetPositionStart(): number;
+    /**
+     * Gets a drag handle position.
+     */
+    GetPosition(): number;
+    /**
+     * Specifies a drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPosition(position: number): void;
+}
+/**
+ * A method that will handle the client PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventHandler<S> {
+    /**
+     * A method that will handle the PositionChanging event.
+     * @param source The event source. Identifies the ASPxTrackBar control that raised the event.
+     * @param e A ASPxClientTrackBarPositionChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTrackBarPositionChangingEventArgs): void;
+}
+/**
+ * Provides data for the PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the current drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPosition: number;
+    /**
+     * Gets the current secondary drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionEnd: number;
+    /**
+     * Gets the current main drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionStart: number;
+    /**
+     * Gets a position where the drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPosition: number;
+    /**
+     * Gets a position where the secondary drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionEnd: number;
+    /**
+     * Gets a position where the main drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionStart: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxValidationSummary control.
+ */
+interface ASPxClientValidationSummary extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the validation summary's visibility is changed.
+     */
+    VisibilityChanged: ASPxClientEvent<ASPxClientValidationSummaryVisibilityChangedEventHandler<ASPxClientValidationSummary>>;
+}
+/**
+ * A method that will handle the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventHandler<S> {
+    /**
+     * A method that will handle the VisibilityChanged client event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientValidationSummaryVisibilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationSummaryVisibilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the editor is visible on the client.
+     * Value: true if the editor is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client ASPxGaugeControl.
+ */
+interface ASPxClientGaugeControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Fires when errors have occurred during callback processing.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Lists values that specify the position relative to the target column in which a moved column should be placed.
+ */
+interface ASPxClientGridColumnMovingTargetPosition {
+    /**
+     * A moved column should be placed to the right of the target column.
+     */
+    Right: number;
+    /**
+     * A moved column should be placed to the left of the target column.
+     */
+    Left: number;
+    /**
+     * A moved column should be placed at the top of the target column.
+     */
+    Top: number;
+    /**
+     * A moved column should be placed at the bottom of the target column.
+     */
+    Bottom: number;
+}
+/**
+ * Represents the client ASPxGridView.
+ */
+interface ASPxClientGridBase extends ASPxClientControl {
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientGridToolbarItemClickEventHandler<ASPxClientGridBase>>;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a grid's toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
+}
+/**
+ * Serves as a base object implementing the client column functionality.
+ */
+interface ASPxClientGridColumnBase {
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientGridExportFormat {
+}
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridToolbarItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string value that is the toolbar name.
+     */
+    toolbarName: string;
+    /**
+     * Gets the clicked menu item
+     * Value: An ASPxClientMenu value that is the menu item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
+/**
+ * The client-side equivalent of the ASPxGridLookup control.
+ */
+interface ASPxClientGridLookup extends ASPxClientDropDownEditBase {
+    /**
+     * Fires on the client when a data row is clicked within the built-in dropdown grid.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Returns a client object representing the built-in dropdown grid.
+     */
+    GetGridView(): ASPxClientGridView;
+    /**
+     * Confirms the current selection made by an end-user within the editor's dropdown grid.
+     */
+    ConfirmCurrentSelection(): void;
+    /**
+     * Cancels the current selection made by an end-user within the editor's dropdown grid and rolls back to the last confirmed selection. The selection can be confirmed by either pressing the Enter key or calling the ConfirmCurrentSelection method.
+     */
+    RollbackToLastConfirmedSelection(): void;
+}
+/**
+ * Represents the client ASPxCardView.
+ */
+interface ASPxClientCardView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientCardViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientCardViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientCardViewCustomButtonEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientCardViewSelectionEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientCardViewBatchEditStartEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid leaves batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientCardViewBatchEditEndEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientCardViewBatchEditConfirmShowingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to specify whether card data is valid and provide an error text.
+     */
+    BatchEditCardValidating: ASPxClientEvent<ASPxClientCardViewBatchEditCardValidatingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientCardViewBatchEditChangesSavingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientCardViewBatchEditChangesCancelingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is inserted in batch edit mode.
+     */
+    BatchEditCardInserting: ASPxClientEvent<ASPxClientCardViewBatchEditCardInsertingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is deleted in batch edit mode.
+     */
+    BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientCardViewFocusedCellChangingEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is clicked.
+     */
+    CardClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is double clicked.
+     */
+    CardDblClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires in response to changing card focus.
+     */
+    FocusedCardChanged: ASPxClientEvent<ASPxClientCardViewFocusEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires before a card has been focused.
+     */
+    CardFocusing: ASPxClientEvent<ASPxClientCardViewCardFocusingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientCardView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the customization window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientCardViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientCardViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientCardViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientCardViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientCardViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientCardViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param cardVisibleIndex An  value that specifies the visible index of the card.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(cardVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientCardViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientCardViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A string value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the CardView.
+     * @param moveBefore true, to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Returns the key value of the specified card.
+     * @param visibleIndex An integer value that specifies the card's visible index.
+     */
+    GetCardKey(visibleIndex: number): string;
+    /**
+     * Switches the CardView to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a card to be edited.
+     */
+    StartEditCard(visibleIndex: number): void;
+    /**
+     * Switches the ASPxCardView to edit mode.
+     * @param key An object that uniquely identifies a card to be edited.
+     */
+    StartEditCardByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new card is being edited.
+     */
+    IsNewCardEditing(): boolean;
+    /**
+     * Adds a new card.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card.
+     * @param visibleIndex An integer value that identifies the card.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with the specified key value.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Returns the focused card's index.
+     */
+    GetFocusedCardIndex(): number;
+    /**
+     * Moves focus to the specified card.
+     * @param visibleIndex An integer value that specifies the focused card's index.
+     */
+    SetFocusedCardIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected cards within the CardView.
+     */
+    SelectCards(): void;
+    /**
+     * Selects the specified card displayed within the CardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCards(visibleIndex: number): void;
+    /**
+     * Selects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    SelectCards(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCards(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified card within the GridView.
+     * @param visibleIndex An integer zero-based index that identifies the data card within the grid.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCards(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCardsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified card displayed within the CardView.
+     * @param key An object that uniquely identifies the card.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    SelectCardsByKey(keys: Object[]): void;
+    /**
+     * Selects a card displayed within the CardView by its key.
+     * @param key An object that uniquely identifies the card.
+     */
+    SelectCardsByKey(key: Object): void;
+    /**
+     * Deselects the specified cards displayed within the ASPxCardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    UnselectCardsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified card displayed within the ASPxCardView.
+     * @param key An object that uniquely identifies the card.
+     */
+    UnselectCardsByKey(key: Object): void;
+    /**
+     * Deselects all the selected cards within the ASPxCardView.
+     */
+    UnselectCards(): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    UnselectCards(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCards(visibleIndex: number): void;
+    /**
+     * Deselects all grid cards that match the filter criteria currently applied to the CardView.
+     */
+    UnselectFilteredCards(): void;
+    /**
+     * Selects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified cards (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected cards displayed on the current page.
+     */
+    SelectAllCardsOnPage(): void;
+    /**
+     * Allows you to select or deselect all cards displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected cards displayed on the current page; false to deselect all selected cards on the page.
+     */
+    SelectAllCardsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected cards displayed on the current page.
+     */
+    UnselectAllCardsOnPage(): void;
+    /**
+     * Returns the number of selected cards.
+     */
+    GetSelectedCardCount(): number;
+    /**
+     * Indicates whether or not the specified card is selected within the current page.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsCardSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Exports grid data to a file in the specified format.
+     * @param format An ASPxClientCardViewExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientCardViewExportFormat): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the grid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client CardView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first card displayed within the grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the CardView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the customization window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the customization window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the customization window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the customization window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client grid.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the card values displayed within all selected cards.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns key values of selected cards displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified card.
+     * @param visibleIndex An integer value that identifies the data card.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the card values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the number of cards actually displayed within the active page.
+     */
+    GetVisibleCardsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the client column to which the specified data source field is bound.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientCardViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientCardViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of card values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxCardView column.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientCardViewColumn object that represents the processed column.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A method that will handle the client CardFocusing event.
+ */
+interface ASPxClientCardViewCardFocusingEventHandler<S> {
+    /**
+     * Represents a method that will handle the CardFocusing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewCardFocusingEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardFocusingEventArgs): void;
+}
+/**
+ * Provides data for the CardFocusing event.
+ */
+interface ASPxClientCardViewCardFocusingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the card visible index.
+     * Value: An integer value specifying the visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardFocusing event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventHandler<S> {
+    /**
+     * A method that will handle the CardClick event.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCardClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardClickEventArgs): void;
+}
+/**
+ * Provides data for the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the card whose custom button has been clicked.
+     * Value: An integer value that identifies the card whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the card whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the card has been selected.
+     * Value: true if the card has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all cards displayed within a page have been selected or unselected.
+     * Value: true if all cards displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client FocusedCardChanged event.
+ */
+interface ASPxClientCardViewFocusEventHandler<S> {
+    /**
+     * Represents a method that will handle the FocusedCardChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewFocusEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientCardViewFocusEventArgs): void;
+}
+/**
+ * Provides data for the corresponding event.
+ */
+interface ASPxClientCardViewFocusEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets whether card focusing has been changed on the server.
+     * Value: true , if the card focusing has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the CardView column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the focused CardView column.
+     */
+    focusedColumn: ASPxClientCardViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditCardValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer value that specifies the processed card's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a card currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientCardViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardDeleting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information of a card's cell currently being focused.
+     * Value: A ASPxClientCardViewCellInfo object that provides information about the card's cell.
+     */
+    cellInfo: ASPxClientCardViewCellInfo;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientCardViewBatchEditApi {
+    /**
+     * Performs validation of CardView data contained in the cards when the CardView operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified cards should be validated; otherwise, false.
+     */
+    ValidateCards(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of CardView data contained in the specified card when the CardView operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated card.
+     */
+    ValidateCard(visibleIndex: number): boolean;
+    /**
+     * Returns an array of card visible indices.
+     * @param includeDeleted true, to include visible indices of deleted cards to the returned array; otherwise, false.
+     */
+    GetCardVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted card visible indices.
+     */
+    GetDeletedCardIndices(): number[];
+    /**
+     * Returns an array of the inserted card visible indices.
+     */
+    GetInsertedCardIndices(): number[];
+    /**
+     * Indicates if the card with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsDeletedCard(visibleIndex: number): boolean;
+    /**
+     * Indicates if the card with the specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsNewCard(visibleIndex: number): boolean;
+    /**
+     * Adds a new card when ASPxCardView is in Batch Edit mode.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card when ASPxCardView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the card index.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with a specified key value when ASPxCardView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Recovers the specified card when ASPxCardView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the card index.
+     */
+    RecoverCard(visibleIndex: number): void;
+    /**
+     * Recovers a card with a specified key value when ASPxCardView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the card.
+     */
+    RecoverCardByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the card
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the card.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientCardViewCellInfo;
+    /**
+     * Returns a value that indicates whether the card view has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified card has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified card.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or card editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientCardViewCellInfo {
+    /**
+     * Gets the visible index of the card that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    cardVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientCardViewExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * A client-side equivalent of the ASPxGridView object.
+ */
+interface ASPxClientGridView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientGridViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientGridViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientGridViewCustomButtonEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientGridViewSelectionEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires in response to changing row focus.
+     */
+    FocusedRowChanged: ASPxClientEvent<ASPxClientGridViewFocusEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a row has been focused.
+     */
+    RowFocusing: ASPxClientEvent<ASPxClientGridViewRowFocusingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to cancel data grouping.
+     */
+    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires when an end-user starts dragging the column's header and enables you to cancel this operation.
+     */
+    ColumnStartDragging: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientGridViewColumnProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to control column movement.
+     */
+    ColumnMoving: ASPxClientEvent<ASPxClientGridViewColumnMovingEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is expanded.
+     */
+    RowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is collapsed.
+     */
+    RowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is expanded.
+     */
+    DetailRowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is collapsed.
+     */
+    DetailRowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is clicked.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is double clicked.
+     */
+    RowDblClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after an end-user right clicks in the GridView, and enables you to provide a custom context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientGridViewContextMenuEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client side when a context menu item has been clicked.
+     */
+    ContextMenuItemClick: ASPxClientEvent<ASPxClientGridViewContextMenuItemClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to specify whether row data is valid and provide an error text.
+     */
+    BatchEditRowValidating: ASPxClientEvent<ASPxClientGridViewBatchEditRowValidatingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientGridViewBatchEditConfirmShowingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientGridViewBatchEditStartEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientGridViewBatchEditEndEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientGridViewBatchEditChangesSavingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientGridViewBatchEditChangesCancelingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is inserted in batch edit mode.
+     */
+    BatchEditRowInserting: ASPxClientEvent<ASPxClientGridViewBatchEditRowInsertingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is deleted in batch edit mode.
+     */
+    BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientGridViewFocusedCellChangingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientGridView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Selects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    SelectRows(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRows(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified row within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the data row within the grid.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRows(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRowsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    SelectRowsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid row by its key.
+     * @param key An object that uniquely identifies the row.
+     */
+    SelectRowsByKey(key: Object): void;
+    /**
+     * Deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    UnselectRowsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     */
+    UnselectRowsByKey(key: Object): void;
+    /**
+     * Deselects all the selected rows within the grid.
+     */
+    UnselectRows(): void;
+    /**
+     * Deselects the specified rows (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    UnselectRows(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified row (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRows(visibleIndex: number): void;
+    /**
+     * Deselects all grid rows that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRows(): void;
+    /**
+     * Selects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified row (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected rows displayed on the current page.
+     */
+    SelectAllRowsOnPage(): void;
+    /**
+     * Allows you to select or deselect all rows displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected rows displayed on the current page; false to deselect all selected rows on the page.
+     */
+    SelectAllRowsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected rows displayed on the current page.
+     */
+    UnselectAllRowsOnPage(): void;
+    /**
+     * Returns the number of selected rows.
+     */
+    GetSelectedRowCount(): number;
+    /**
+     * Indicates whether or not the specified row is selected within the current page.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsRowSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a group row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsGroupRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a data row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDataRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified group row is expanded.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    IsGroupRowExpanded(visibleIndex: number): boolean;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVertScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorzScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVertScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorzScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Sets the scrollability of various types of grid rows when the grid displays fixed columns.
+     * @param scrollableRowSettings An object specifying which types of grid rows should or should not be scrollable.
+     */
+    SetFixedColumnScrollableRows(scrollableRowSettings: Object): void;
+    /**
+     * Exports a grid data to a file in the specified format.
+     * @param format An ASPxClientGridViewExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientGridViewExportFormat): void;
+    /**
+     * Returns a value specifying the indices of the rows visible in the browser's view port.
+     * @param includePartiallyVisible true, to include partially visible rows, otherwise, false.
+     */
+    GetRowIndicesVisibleInViewPort(includePartiallyVisible: boolean): number[];
+    /**
+     * Applies a filter specified in the filter row to the GridView.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data colum within the ASPxGridView.
+     */
+    GetAutoFilterEditor(column: ASPxClientGridViewColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client GridView.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientGridViewColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the GridView.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client GridView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first data row displayed within the GridView's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the GridView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnsCount(): number;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the row values displayed within all selected rows.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected rows are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns key values of selected rows displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified row.
+     * @param visibleIndex An integer value that identifies the data row.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified row are returned.
+     * @param onCallback An ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetRowValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the row values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetPageRowValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the number of rows actually displayed within the active page.
+     */
+    GetVisibleRowsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientGridViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientGridViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientGridViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientGridViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientGridViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientGridViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientGridViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param rowVisibleIndex An integer value that specifies the visible index of the row.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(rowVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Invokes the Customization Dialog and displays it over the grid.
+     */
+    ShowCustomizationDialog(): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A String value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the ASPxGridView's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the ASPxGridView's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Returns an object specifying the grid column's layout.
+     */
+    GetColumnLayout(): Object;
+    /**
+     * Specifies the grid column's layout.
+     * @param columnLayout An object specifying the grid column's layout.
+     */
+    SetColumnLayout(columnLayout: Object): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     */
+    GroupBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GroupBy(columnIndex: number): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GroupBy(columnFieldNameOrId: string): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnIndex: number, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnIndex: number, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number, sortOrder: string): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the ASPxGridView.
+     */
+    UnGroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    UnGroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    UnGroup(columnFieldNameOrId: string): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param column A ASPxClientGridViewColumn object that is the grid column.
+     */
+    Ungroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnIndex An integer value that is the column index.
+     */
+    Ungroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnFieldNameOrId A string value that is the column's FieldName or ID.
+     */
+    Ungroup(columnFieldNameOrId: string): void;
+    /**
+     * Expands all group rows.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all group rows.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all detail rows.
+     */
+    ExpandAllDetailRows(): void;
+    /**
+     * Collapses all detail rows.
+     */
+    CollapseAllDetailRows(): void;
+    /**
+     * Expands the specified group row preserving the collapsed state of any child group row.
+     * @param visibleIndex An integer value that identifies the group row.
+     */
+    ExpandRow(visibleIndex: number): void;
+    /**
+     * Expands the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row.
+     * @param recursive true to expand any child group rows at all nesting levels; false to preserve the collapsed state of any child group rows.
+     */
+    ExpandRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Collapses the specified group row preserving the expanded state of child group rows.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    CollapseRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     * @param recursive true to collapse child group rows at all nesting levels; false to preserve the expanded state of any child group row.
+     */
+    CollapseRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Scrolls the view to the specified row.
+     * @param visibleIndex An integer value that identifies a row by its visible index.
+     */
+    MakeRowVisible(visibleIndex: number): void;
+    /**
+     * Expands the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    ExpandDetailRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    CollapseDetailRow(visibleIndex: number): void;
+    /**
+     * Returns the key value of the specified data row.
+     * @param visibleIndex An integer value that specifies the row's visible index.
+     */
+    GetRowKey(visibleIndex: number): string;
+    /**
+     * Switches the grid to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a data row to be edited.
+     */
+    StartEditRow(visibleIndex: number): void;
+    /**
+     * Switches the grid to edit mode.
+     * @param key An object that uniquely identifies a data row to be edited.
+     */
+    StartEditRowByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new row is being edited.
+     */
+    IsNewRowEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row.
+     * @param visibleIndex An integer value that identifies the row.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with the specified key value.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Returns the focused row's index.
+     */
+    GetFocusedRowIndex(): number;
+    /**
+     * Moves focus to the specified row.
+     * @param visibleIndex An integer value that specifies the focused row's index.
+     */
+    SetFocusedRowIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected rows within the grid.
+     */
+    SelectRows(): void;
+    /**
+     * Selects the specified row displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRows(visibleIndex: number): void;
+}
+/**
+ * A client grid column.
+ */
+interface ASPxClientGridViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the column's unique identifier.
+     * Value: A string value that specifies the column's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientGridViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxGridView column.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientGridViewColumn object that represents the processed column.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the client events concerned with column processing.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with column processing.
+     * @param source The event source.
+     * @param e A ASPxClientGridViewColumnProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events  concerned with column processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a grid column related to the event.
+     * Value: An ASPxClientGridViewColumn object representing the column related to the event.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the RowExpanding events.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer zero-based index that identifies the processed row.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the row whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the row has been selected.
+     * Value: true if the row has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all rows displayed within a page have been selected or unselected.
+     * Value: true if all rows displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client FocusedRowChanged event.
+ */
+interface ASPxClientGridViewFocusEventHandler<S> {
+    /**
+     * Represents a method that will handle the FocusedRowChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewFocusEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientGridViewFocusEventArgs): void;
+}
+/**
+ * Provides data for the corresponding event.
+ */
+interface ASPxClientGridViewFocusEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets whether the row focusing has been changed on the server.
+     * Value: true , if the row focusing has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client RowFocusing event.
+ */
+interface ASPxClientGridViewRowFocusingEventHandler<S> {
+    /**
+     * Represents a method that will handle the RowFocusing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowFocusingEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowFocusingEventArgs): void;
+}
+/**
+ * Provides data for the RowFocusing event.
+ */
+interface ASPxClientGridViewRowFocusingEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowFocusing event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the RowClick events.
+ */
+interface ASPxClientGridViewRowClickEventHandler<S> {
+    /**
+     * A method that will handle the RowClick event.
+     * @param source The event source. This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewRowClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowClickEventArgs): void;
+}
+/**
+ * Provides data for the RowClick event.
+ */
+interface ASPxClientGridViewRowClickEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies grid element.
+     */
+    objectType: string;
+    /**
+     * Identifies the grid element being right clicked by the user.
+     * Value: A zero-based integer index that identifies the grid element being clicked by the user.
+     */
+    index: number;
+    /**
+     * Provides access to the parameters associated with the ContextMenu event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets the currently processed menu object.
+     * Value: An object that is the currently processed menu.
+     */
+    menu: Object;
+    /**
+     * Specifies whether a browser context menu should be displayed.
+     * Value: true, to display a browser context menu; otherwise, false.    The default is false.
+     */
+    showBrowserMenu: boolean;
+}
+/**
+ * A method that will handle the client ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the clicked context menu item.
+     * Value: An <see cref="ASPxClientMenuItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies the grid element.
+     */
+    objectType: string;
+    /**
+     * Returns the processed element index.
+     * Value: An integer value that specifies the processed element index.
+     */
+    elementIndex: number;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+    /**
+     * Specifies whether default context menu item click is handled manually, so no default processing is required.
+     * Value: true if no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the row whose custom button has been clicked.
+     * Value: An integer value that identifies the row whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnMoving event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnMovingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnMovingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether a column is allowed to be moved.
+     * Value: true to allow column moving; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets the column currently being dragged by an end-user.
+     * Value: An ASPxClientGridViewColumn object that represents the column currently being dragged by an end-user.
+     */
+    sourceColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets the target column, before or after which the source column will be inserted (if dropped).
+     * Value: An ASPxClientGridViewColumn object that represents the target column. null (Nothing in Visual Basic) if the source column isn't over the column header panel.
+     */
+    destinationColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets whether the source column will be inserted before the target column (if dropped).
+     * Value: true if the source column will be inserted before the target column (if dropped); otherwise, false.
+     */
+    isDropBefore: boolean;
+    /**
+     * Gets whether the source column is currently over the Group Panel.
+     * Value: true if the source column is currently over the Group Panel; otherwise, false.
+     */
+    isGroupPanel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the focused grid column.
+     */
+    focusedColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells has been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditRowValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a row currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientGridViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientGridViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowDeleting event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientGridViewCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientGridViewCellInfo;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientGridViewCellInfo {
+    /**
+     * Gets the visible index of the row that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    rowVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientGridViewBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all rows when the grid operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified rows should be validated; otherwise, false.
+     */
+    ValidateRows(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified row when the grid operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated row.
+     */
+    ValidateRow(visibleIndex: number): boolean;
+    /**
+     * Returns an array of row visible indices.
+     * @param includeDeleted true, to include visible indices of deleted rows to the returned array; otherwise, false.
+     */
+    GetRowVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted row visible indices.
+     */
+    GetDeletedRowIndices(): number[];
+    /**
+     * Returns an array of the inserted row visible indices.
+     */
+    GetInsertedRowIndices(): number[];
+    /**
+     * Indicates if the row with specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDeletedRow(visibleIndex: number): boolean;
+    /**
+     * Indicates if the row with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsNewRow(visibleIndex: number): boolean;
+    /**
+     * Adds a new row when ASPxGridView is in Batch Edit mode.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row when ASPxGridView is in Batch Edit.
+     * @param visibleIndex An integer value that identifies the row index.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with a specified key value when ASPxGridView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Recovers the specified row when ASPxGridView is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the row index.
+     */
+    RecoverRow(visibleIndex: number): void;
+    /**
+     * Recovers a row with a specified key value when ASPxGridView is in Batch Edit mode.
+     * @param key An object that uniquely identifies the row.
+     */
+    RecoverRowByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the row.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the row.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientGridViewCellInfo;
+    /**
+     * Returns a value that indicates whether the grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified row has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     * @param columnFieldNameOrId A string value that identifies the column by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified row.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex An integer value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or row editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientGridViewExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * A client-side equivalent of the ASPxVerticalGrid object.
+ */
+interface ASPxClientVerticalGrid extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientVerticalGridBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientVerticalGridBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientVerticalGridCustomButtonEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientVerticalGridSelectionEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditStartEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditEndEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesSavingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is inserted in batch edit mode.
+     */
+    BatchEditRecordInserting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is deleted in batch edit mode.
+     */
+    BatchEditRecordDeleting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to specify whether record data is valid and provide an error text.
+     */
+    BatchEditRecordValidating: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientVerticalGridFocusedCellChangingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent rows from being sorted.
+     */
+    RowSorting: ASPxClientEvent<ASPxClientVerticalGridRowCancelEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side before the expansion state of a row is changed by end-user interaction.
+     */
+    RowExpandedChanging: ASPxClientEvent<ASPxClientVerticalGridRowExpandingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side after a row's expansion state has been changed by end-user interaction.
+     */
+    RowExpandedChanged: ASPxClientEvent<ASPxClientVerticalGridRowExpandedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is clicked.
+     */
+    RecordClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is double clicked.
+     */
+    RecordDblClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientVerticalGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     */
+    SortBy(rowIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    SortBy(rowFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true, to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param row An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Returns the key value of the specified data row (record in the vertical grid).
+     * @param visibleIndex An integer value that specifies the record's visible index.
+     */
+    GetRecordKey(visibleIndex: number): string;
+    /**
+     * Adds a new record.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with the specified key value.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Selects all the unselected records within the grid.
+     */
+    SelectRecords(): void;
+    /**
+     * Selects the specified record displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecords(visibleIndex: number): void;
+    /**
+     * Selects the specified rercords within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    SelectRecords(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified records within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecords(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified record within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the record within the grid.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecords(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecordsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    SelectRecordsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid record by its key.
+     * @param key An object that uniquely identifies the record.
+     */
+    SelectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all the selected records within the grid.
+     */
+    UnselectRecords(): void;
+    /**
+     * Deselects the specified records (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    UnselectRecords(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified record (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecords(visibleIndex: number): void;
+    /**
+     * Deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    UnselectRecordsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     */
+    UnselectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all grid records that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRecords(): void;
+    /**
+     * Selects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified record (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected records displayed on the current page.
+     */
+    SelectAllRecordsOnPage(): void;
+    /**
+     * Allows you to select or deselect all records displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected records displayed on the current page; false to deselect all selected records on the page.
+     */
+    SelectAllRecordsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected records displayed on the current page.
+     */
+    UnselectAllRecordsOnPage(): void;
+    /**
+     * Returns the number of selected records.
+     */
+    GetSelectedRecordCount(): number;
+    /**
+     * Indicates whether or not the specified record is selected within the current page.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsRecordSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Exports a grid data to a file in the specified format.
+     * @param format An ASPxClientVerticalGridExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientVerticalGridExportFormat): void;
+    /**
+     * Returns the values of the specified data source fields within the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     * @param fieldNames The names of data source fields separated using a semicolon, whose values within the specified record are returned.
+     * @param onCallback An ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetRecordValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the record values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetPageRecordValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the number of records actually displayed on the active page.
+     */
+    GetVisibleRecordsOnPage(): number;
+    /**
+     * Returns the number of rows within the client vertical grid.
+     */
+    GetRowCount(): number;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the ASPxVerticalGrid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client vertical grid.
+     */
+    ClearFilter(): void;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first record displayed within the vertical grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxVerticalGrid to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Returns the record values displayed within all selected records.
+     * @param fieldNames The names of data source fields separated by a semicolon, whose values within the selected records are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns key values of selected records displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     */
+    GetEditor(row: ASPxClientVerticalGridRow): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowIndex An integer value that specifies the row's position within the rows collection.
+     */
+    GetEditor(rowIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    GetEditor(rowFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Returns the client row that resides at the specified position within the row collection.
+     * @param rowIndex A zero-based index that identifies the row within the row collection (the row's Index property value).
+     */
+    GetRow(rowIndex: number): ASPxClientVerticalGridRow;
+    /**
+     * Returns the row with the specified unique identifier.
+     * @param rowId A string value that specifies the row's unique identifier (the row's Name property value).
+     */
+    GetRowById(rowId: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the client row which is bound to the specified data source field.
+     * @param rowFieldName A string value that specifies the name of the data source field to which the row is bound (the row's fieldName property value).
+     */
+    GetRowByField(rowFieldName: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Gets the value that specifies whether the required row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the row.
+     */
+    GetRowExpanded(row: ASPxClientVerticalGridRow): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified index is expanded.
+     * @param rowIndex An integer value specifying the row's index.
+     */
+    GetRowExpanded(rowIndex: number): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified field name or ID is expanded.
+     * @param rowFieldNameOrId A string value specifying the row's field name or ID.
+     */
+    GetRowExpanded(rowFieldNameOrId: string): boolean;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(row: ASPxClientVerticalGridRow, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowIndex An integer value specifying the index of the row.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowIndex: number, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowFieldNameOrId: string, value: boolean): void;
+}
+/**
+ * A client grid row.
+ */
+interface ASPxClientVerticalGridRow extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the row.
+     * Value: A string value assigned to the row's Name property.
+     */
+    name: string;
+    /**
+     * Gets the row's position within the collection.
+     * Value: An integer zero-bazed index that specifies the row's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current row.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the row is visible.
+     * Value: true, to display the row; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientVerticalGridValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of record values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxVerticalGrid row.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxVerticalGrid row.
+ */
+interface ASPxClientVerticalGridRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client row.
+     * Value: An ASPxClientVerticalGridRow object that represents the processed row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventHandler<S> {
+    /**
+     * A method that will handle the RecordClick event.
+     * @param source The event source. This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridRecordClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRecordClickEventArgs): void;
+}
+/**
+ * Provides data for the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the RecordClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the record whose custom button has been clicked.
+     * Value: An integer value that identifies the record whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the record whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the record has been selected.
+     * Value: true, if the record has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all records displayed within a page have been selected or unselected.
+     * Value: true if all records displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandedEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the expanded row.
+     * Value: An ASPxClientVerticalGridRow object that represents the expanded row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandingEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventArgs extends ASPxClientVerticalGridRowExpandedEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid row that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the focused grid row.
+     */
+    focusedRow: ASPxClientVerticalGridRow;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: Gets a hashtable that maintains information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditRecordValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information on the record currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed row.
+     * Value: A <see cref="ASPxClientVerticalGridRow" /> object that is the client-side row object.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordInserting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordDeleting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    recordValues: Object;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientVerticalGridCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientVerticalGridCellInfo;
+}
+/**
+ * Contains information on a cell that is being edited.
+ */
+interface ASPxClientVerticalGridCellInfo {
+    /**
+     * Gets the row that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the row which contains the processed cell.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets the visible index of the record that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    recordVisibleIndex: number;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientVerticalGridBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all records when the grid operates in batch edit mode.
+     * @param validateOnlyModified true, if only modified records should be validated; otherwise, false.
+     */
+    ValidateRecords(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified record when the grid operates in batch edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated record.
+     */
+    ValidateRecord(visibleIndex: number): boolean;
+    /**
+     * Returns an array of record visible indices.
+     * @param includeDeleted true, to include visible indices of deleted records to the returned array; otherwise, false.
+     */
+    GetRecordVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted record visible indices.
+     */
+    GetDeletedRecordIndices(): number[];
+    /**
+     * Returns an array of the inserted record visible indices.
+     */
+    GetInsertedRecordIndices(): number[];
+    /**
+     * Indicates if the record with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsDeletedRecord(visibleIndex: number): boolean;
+    /**
+     * Indicates if the record with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsNewRecord(visibleIndex: number): boolean;
+    /**
+     * Adds a new record when ASPxVerticalGrid is in Batch Edit mode.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record when ASPxVerticalGrid is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the record index.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with a specified key value when ASPxVerticalGrid is in Batch Edit mode.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Recovers the specified record when ASPxVerticalGrid is in Batch Edit mode.
+     * @param visibleIndex An integer value that identifies the record index.
+     */
+    RecoverRecord(visibleIndex: number): void;
+    /**
+     * Recovers a record with a specified key value when ASPxVerticalGrid is in Batch Edit mode.
+     * @param key An object that uniquely identifies the record.
+     */
+    RecoverRecordByKey(key: Object): void;
+    /**
+     * Programmatically moves the focus to the previous cell in the record.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the record.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, rowFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding the data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientVerticalGridCellInfo;
+    /**
+     * Returns a value that indicates whether the vertical grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified record has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     * @param rowFieldNameOrId A string value that identifies the row by the name of the data source field to which the row is bound, or by the row's name.
+     */
+    HasChanges(visibleIndex: number, rowFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified record.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Switches the specified cell to batch edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A zero-based integer value that identifies the row which contains the processed cell in the rows collection.
+     */
+    StartEdit(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Ends the cell(s) editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the row's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+}
+/**
+ * Lists values that specify the document formats available for export from the grid.
+ */
+interface ASPxClientVerticalGridExportFormat extends ASPxClientGridExportFormat {
+}
+/**
+ * Contains style settings related to media elements in ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorCommandStyleSettings {
+    /**
+     * Gets or sets a media element's CSS class name.
+     * Value: A string that specifies a class name.
+     */
+    className: string;
+    /**
+     * Gets or sets an element's width.
+     * Value: A string that specifies an element's width <a href="http://www.w3schools.com/cssref/pr_dim_width.asp">in any correct format</a>.
+     */
+    width: string;
+    /**
+     * Gets or sets an element's height.
+     * Value: A string that specifies an element's height <a href="http://www.w3schools.com/cssref/pr_dim_height.asp">in any correct format</a>.
+     */
+    height: string;
+    /**
+     * Gets or sets a media element's border width.
+     * Value: A string that specifies a border width <a href="http://www.w3schools.com/cssref/pr_border-width.asp">in any correct format</a>.
+     */
+    borderWidth: string;
+    /**
+     * Gets or sets a media element's border color.
+     * Value: A string that specifies a border color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    borderColor: string;
+    /**
+     * Gets or sets a media element's border style.
+     * Value: A string that specifies a border style <a href="http://www.w3schools.com/cssref/pr_border-style.asp">in any correct format</a>.
+     */
+    borderStyle: string;
+    /**
+     * Gets or sets an element's top margin.
+     * Value: A string that specifies an element's top margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginTop: string;
+    /**
+     * Gets or sets an element's right margin.
+     * Value: A string that specifies an element's right margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginRight: string;
+    /**
+     * Gets or sets an element's bottom margin.
+     * Value: A string that specifies an element's bottom margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginBottom: string;
+    /**
+     * Gets or sets an element's left margin.
+     * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginLeft: string;
+    /**
+     * Gets or sets a media element's background color.
+     * Value: A string that specifies a background color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    backgroundColor: string;
+    /**
+     * Gets or sets the element's text alignment.
+     * Value: A string value that specifies the element's text alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    textAlign: string;
+    /**
+     * Gets or sets the element's vertical alignment.
+     * Value: A string value that specifies the element's vertical alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    verticalAlign: string;
+}
+/**
+ * The base class for parameters used in the ASPxHtmlEditor's client-side commands.
+ */
+interface ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Gets the currently selected element in the ASPxHtmlEditor.
+     * Value: An HTML object which is the currently selected element.
+     */
+    selectedElement: Object;
+}
+/**
+ * Contains settings related to the INSERTIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertImageCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the source of the target image.
+     * Value: A string specifying the source of the target image.
+     */
+    src: string;
+    /**
+     * Creates an alternate text for the target image.
+     * Value: A string that specifies an alternate text for the target image.
+     */
+    alt: string;
+    /**
+     * Determines if the target image is wrapped with text.
+     * Value: true, if the target image is wrapped with text; otherwise, false.
+     */
+    useFloat: boolean;
+    /**
+     * Determines the position of the target image.
+     * Value: A string value defining the position of the target image.
+     */
+    align: string;
+    /**
+     * Contains the style settings specifying the appearance of the target image.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the target image.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the CHANGEIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeImageCommandArguments extends ASPxClientHtmlEditorInsertImageCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTLINK_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the url of the page the target link goes to.
+     * Value: A string value specifying the target link url.
+     */
+    url: string;
+    /**
+     * Specifiies the text of the target link.
+     * Value: A string value specifying the text of the target link.
+     */
+    text: string;
+    /**
+     * Determines where to open the target link.
+     * Value: A string that specifies where to open the target link <a href="http://www.w3schools.com/tags/att_a_target.asp">in any correct format</a>.
+     */
+    target: string;
+    /**
+     * Defines the title of the target link.
+     * Value: A string value defining the title of the target link.
+     */
+    title: string;
+    /**
+     * Contains the style settings defining the appearance of the target link element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target link element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * The base class for parameters related to inserting or changing media elements in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeMediaElementCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Defines the <a href="http://www.w3schools.com/tags/att_global_id.asp">HTML "id"</a> attribute of the target media element.
+     * Value: A string value which is a unique identifier for the element.
+     */
+    id: string;
+    /**
+     * Defines the source of the target media element.
+     * Value: A string defining the source of the target media element.
+     */
+    src: string;
+    /**
+     * Determines the position of the target media element.
+     * Value: A string value indicating the position of the target media element.
+     */
+    align: string;
+    /**
+     * Contains the style settings defining the appearance of the target media element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target media element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Returns the name of the client-side command corresponding to the parameter.
+     */
+    GetCommandName(): string;
+}
+/**
+ * The base class for parameters related to inserting or changing HTML5 media elements (Audio and Video) in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if a media file will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Determines if a media file repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the media player controls should be displayed.
+     * Value: true, if media player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+    /**
+     * Determines how a media file should be loaded when the page loads.
+     * Value: One of the ASPxClientHtmlEditorMediaPreloadMode enumeration values.
+     */
+    preloadMode: string;
+}
+/**
+ * Contains settings related to the INSERTAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertAudioCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+}
+/**
+ * Contains settings related to the CHANGEAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeAudioCommandArguments extends ASPxClientHtmlEditorInsertAudioCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertVideoCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+    /**
+     * Defines the URL of an image that is shown while the video file is downloading, or until an end-user clicks the play button.
+     * Value: A string value that specifies the poster image URL.
+     */
+    posterUrl: string;
+}
+/**
+ * Contains settings related to the CHANGEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeVideoCommandArguments extends ASPxClientHtmlEditorInsertVideoCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertFlashCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if the target flash element will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Defines if the target flash element repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the flash related items are displayed in the context menu of the target flash element.
+     * Value: true, if the specific context menu items are displayed; otherwise, false
+     */
+    enableFlashMenu: boolean;
+    /**
+     * Determines if the target flash element can be displayed in the fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
+    /**
+     * Defines the rendering quality level used for the target flash element.
+     * Value: A string value that specifies the target flash element rendering quality.
+     */
+    quality: string;
+}
+/**
+ * Contains settings related to the CHANGEFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeFlashCommandArguments extends ASPxClientHtmlEditorInsertFlashCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if suggested videos are shown after the target YouTube video finishes.
+     * Value: true, to show suggested videos; otherwise, false
+     */
+    showRelatedVideos: boolean;
+    /**
+     * Determines if the target YouTube video title and player actions (Watch later, Share) are shown.
+     * Value: true, to display the title and player actions; otherwise, false.
+     */
+    showVideoInfo: boolean;
+    /**
+     * Determines if the privacy-enhanced mode is enabled for the target YouTube video.
+     * Value: true, if the privace-enhanced mode is enabled; otherwise, false
+     */
+    enablePrivacyEnhancedMode: boolean;
+    /**
+     * Determines if the player controls are displayed for the target YouTube video.
+     * Value: true, if the player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+    /**
+     * Determines if the target YouTube video can be displayed in fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
+}
+/**
+ * Contains settings related to the CHANGEYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeYouTubeVideoCommandArguments extends ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments {
+}
+/**
+ * Contains settings related to the TABLEPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTablePropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target table element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target table element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Determines the position of the target table element.
+     * Value: A string value indicating the position of the target table element.
+     */
+    align: string;
+    /**
+     * Gets or sets a table cell padding.
+     * Value: An integer value that is the cell padding.
+     */
+    cellPadding: number;
+    /**
+     * Gets or sets the table cell spacing.
+     * Value: An integer value that is the table cell spacing.
+     */
+    cellSpacing: number;
+    /**
+     * Gets or sets a value that is the table caption.
+     * Value: A string value that is the caption.
+     */
+    caption: string;
+    /**
+     * Gets or sets a value indicating whether the first row/column serves as the table's header.
+     * Value: A string value that specifies whether the first row/column serves as the table's header.
+     */
+    headers: string;
+    /**
+     * Gets or sets the table's summary.
+     * Value: A string value that is the table's summary.
+     */
+    summary: string;
+}
+/**
+ * Contains settings related to the INSERTTABLE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertTableCommandArguments extends ASPxClientHtmlEditorTablePropertiesCommandArguments {
+    /**
+     * Gets or sets the count of columns in the table.
+     * Value: An integer value that is the count of columns.
+     */
+    columns: number;
+    /**
+     * Gets or sets the count of rows in the table.
+     * Value: An integer value that is the count of rows.
+     */
+    rows: number;
+    /**
+     * Gets or sets a value indicating whether all table columns should have equal width.
+     * Value: true, to create equal widths for all columns; otherwise, false.
+     */
+    isEqualColumnWidth: boolean;
+}
+/**
+ * Contains settings related to the TABLECELLPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target cell element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target cell element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Gets or sets a value that indicates whether the cell settings should be applied to all cells in the table.
+     * Value: true, if the cell settings should be applied to all cells in the table; otherwise, false.
+     */
+    applyForAll: boolean;
+}
+/**
+ * Contains settings related to the TABLEROWPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings specifying the appearance of the specified table row.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the specified table row.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the TABLECOLUMNPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target column element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target column element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * A method that will handle the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client DialogInitialized event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorDialogInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogInitializedEventArgs): void;
+}
+/**
+ * Provides data for the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dialog that has been initialized.
+     * Value: A string value that is the name of the initialized dialog.
+     */
+    dialogName: string;
+    /**
+     * Gets a dialog object related to the event.
+     * Value: A ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+}
+/**
+ * Provides data for the event that fires when the HTML Editor dialogs are closed or are going to be closed.
+ */
+interface ASPxClientHtmlEditorDialogCloseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dialog name related to the event.
+     * Value: A string value that is the dialog name.
+     */
+    dialogName: string;
+    /**
+     * Gets the dialog object related to the event.
+     * Value: An ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosing event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosed event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
+}
+/**
+ * A method that will handle the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventHandler<S> {
+    /**
+     * A method that will handle the client CommandExecuted event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorCommandExecutingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandExecutingEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value specifying the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: An object containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events related to command processing.
+ */
+interface ASPxClientHtmlEditorCommandEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientHtmlEditorCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to command processing (CustomCommand).
+ */
+interface ASPxClientHtmlEditorCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogOpened event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed custom dialog.
+     * Value: A string value that represents the value assigned to the processed custom dialog's Name property.
+     */
+    name: string;
+}
+/**
+ * Provides data for client events that relate to closing a custom dialog.
+ */
+interface ASPxClientHtmlEditorCustomDialogCloseEventArgsBase extends ASPxClientHtmlEditorCustomDialogEventArgs {
+    /**
+     * Gets the status of the closed custom dialog.
+     * Value: An object representing a custom dialog's closing status. By default, it's the "cancel" string if the dialog operation is canceled, or the "ok" string if a dialog is closed by submitting a file. You can also provide your custom status, if your dialog contains additional buttons.
+     */
+    status: Object;
+}
+/**
+ * A method that will handle the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosing event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosed event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets an object associated with the closed dialog.
+     * Value: An object containing custom data associated with dialog closing.
+     */
+    data: Object;
+}
+/**
+ * A method that will handle the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventHandler<S> {
+    /**
+     * A method that will handle the client Validation event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorValidationEventArgs): void;
+}
+/**
+ * Provides data for the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the HTML markup that is the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to validate.
+     */
+    html: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientHtmlEditorTabEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanged event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies an editor tab.
+     * Value: A string value that is the tab name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the ActiveTabChanging event.
+ */
+interface ASPxClientHtmlEditorTabCancelEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanging event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancellable ActiveTabChanging event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabCancelEventArgs extends ASPxClientHtmlEditorTabEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventHandler<S> {
+    /**
+     * A method that will handle the BeforePaste event.
+     * @param source The event source. This parameter identifies the HTML editor object that raised the event.
+     * @param e An ASPxClientHtmlEditorBeforePasteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorBeforePasteEventArgs): void;
+}
+/**
+ * Provides data for the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value identifying the command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the HTML markup that is about to be pasted to the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to paste.
+     */
+    html: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHtmlEditor control.
+ */
+interface ASPxClientHtmlEditor extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a dialog has been initialized.
+     */
+    DialogInitialized: ASPxClientEvent<ASPxClientHtmlEditorDialogInitializedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a dialog is going to be closed.
+     */
+    DialogClosing: ASPxClientEvent<ASPxClientHtmlEditorDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a dialog is closed.
+     */
+    DialogClosed: ASPxClientEvent<ASPxClientHtmlEditorDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before a default or custom command has been executed and allows you to cancel the action.
+     */
+    CommandExecuting: ASPxClientEvent<ASPxClientHtmlEditorCommandExecutingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Enables you to implement a custom command's logic.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs after a default or custom command has been executed on the client side.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client when a selection is changed within the ASPxHtmlEditor.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side when the content of the editor changes.
+     */
+    HtmlChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is opened.
+     */
+    CustomDialogOpened: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a custom dialog is closed.
+     */
+    CustomDialogClosing: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is closed.
+     */
+    CustomDialogClosed: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Allows you to specify whether the value entered into the ASPxHtmlEditor is valid.
+     */
+    Validation: ASPxClientEvent<ASPxClientHtmlEditorValidationEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side before a context menu is shown.
+     */
+    ContextMenuShowing: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHtmlEditor.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires after a callback, sent by the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after the editor content is spell checked.
+     */
+    SpellingChecked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientHtmlEditorTabEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before the active tab is changed within a control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientHtmlEditorTabCancelEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before an HTML code is pasted to editor content, and allows you to modify it.
+     */
+    BeforePaste: ASPxClientEvent<ASPxClientHtmlEditorBeforePasteEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Returns the document object generated by an iframe element within a design view area.
+     */
+    GetDesignViewDocument(): Object;
+    /**
+     * Provides access to the client ASPxPopupControl object that is a Html Editor's dialog.
+     */
+    GetDialogPopupControl(): ASPxClientPopupControl;
+    /**
+     * Returns the document object generated by an iframe element within a preview area.
+     */
+    GetPreviewDocument(): Object;
+    /**
+     * Returns a collection of client context menu objects.
+     */
+    GetContextMenu(): ASPxClientPopupMenu;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Sets input focus to the ASPxHtmlEditor's edit region.
+     */
+    Focus(): void;
+    /**
+     * Gets the HTML markup that represents the editor's content.
+     */
+    GetHtml(): string;
+    /**
+     * Specifies the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetHtml(html: string): void;
+    /**
+     * Sets the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     * @param clearUndoHistory true to clear the undo stack; otherwise, false.
+     */
+    SetHtml(html: string, clearUndoHistory: boolean): void;
+    /**
+     * Replaces placeholders with the specified values.
+     * @param html A string value that specifies the HTML code to process.
+     * @param placeholders An array of objects that specify the placeholders and values to replace them.
+     */
+    ReplacePlaceholders(html: string, placeholders: Object[]): string;
+    /**
+     * Creates a parameter for ASPxHtmlEditor's client-side commands related to changing media elements.
+     * @param element An element that is being changed.
+     */
+    CreateChangeMediaElementCommandArguments(element: Object): ASPxClientHtmlEditorChangeMediaElementCommandArguments;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     * @param parameter A string value specifying additional information about the command to perform.
+     * @param addToUndoHistory true, to add the specified command to the undo stack; otherwise, false.
+     */
+    ExecuteCommand(commandName: string, parameter: Object, addToUndoHistory: boolean): boolean;
+    /**
+     * Adds the current editor state to the undo/redo history.
+     */
+    SaveToUndoHistory(): void;
+    /**
+     * Returns the selection in the ASPxHtmlEditor.
+     */
+    GetSelection(): ASPxClientHtmlEditorSelection;
+    /**
+     * Restores the selection within the ASPxHtmlEditor.
+     */
+    RestoreSelection(): boolean;
+    /**
+     * Sets the value of the combo box within the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the combo box's command name within the HtmlEditor's control collection.
+     * @param value A string value that specifies the combo box's new value.
+     */
+    SetToolbarComboBoxValue(commandName: string, value: string): void;
+    /**
+     * Sets the value of the dropdown item picker in the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the dropdown item picker by its command name. This value is contained in the CommandName property.
+     * @param value A string value that specifies the dropdown item picker's new value, i.e., the ToolbarItemPickerItem object.
+     */
+    SetToolbarDropDownItemPickerValue(commandName: string, value: string): void;
+    /**
+     * Specifies the visibility of a ribbon context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param active true to make a category visible; false to make it hidden.
+     */
+    SetRibbonContextTabCategoryVisible(categoryName: string, active: string): void;
+    /**
+     * Provides access to an object implementing the HtmlEditor's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value passes validation.
+     * @param isValid true if the editor's value passes validation; otherwise, false.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs validation of the editor's content.
+     */
+    Validate(): void;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Set an active tab specified by its name.
+     * @param name A string value that is the name of the tab.
+     */
+    SetActiveTabByName(name: string): void;
+    /**
+     * Returns the name of the active HTML editor tab.
+     */
+    GetActiveTabName(): string;
+    /**
+     * Reconnect the control to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * Provides client functionality for dialogs within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client ASPxFormLayout object that arranges all editors in the Html Editor's dialogs.
+     */
+    GetFormLayout(): ASPxClientFormLayout;
+    /**
+     * Provides access to the client object of the "OK" button in the Html Editor's dialogs.
+     */
+    GetOkButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Html Editor's dialogs.
+     */
+    GetCancelButton(): ASPxClientButton;
+}
+/**
+ * Provides client functionality for Html Editor dialogs operated with its elements.
+ */
+interface ASPxClientHtmlEditorEditElementDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Border style" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderStyleComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border width" spin editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Border color" color editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Top margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetTopMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Bottom margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBottomMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Left margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetLeftMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Right margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetRightMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "CSS class" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetCssClassNameComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Change Element Properties dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeElementPropertiesDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "ID" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetIdTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Title" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTitleTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Direction" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDirectionComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Value" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetValueTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Tab index" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTabIndexTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Disabled" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDisabledCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Input type" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetInputTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "For" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetForTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Name" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Method" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMethodTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Action" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetActionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Checked" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetCheckedCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Max length" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMaxLengthTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Size" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSizeTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Readonly" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetReadonlyCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Src" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSrcTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accept" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAcceptTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Alt" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAltTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Start" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetStartSpinEdit(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the element width measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows to specify the element height measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Link dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorLinkDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "E-mail to" text box in the Html Editor's Link dialog.
+     */
+    GetEmailTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Text" text box in the Html Editor's Link dialog.
+     */
+    GetTextTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "ToolTip" text box in the Html Editor's Link dialog.
+     */
+    GetTooltipTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Subject" text box in the Html Editor's Link dialog.
+     */
+    GetSubjectTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "URL" text box in the Html Editor's Link dialog.
+     */
+    GetUrlTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the file manager used in the Link dialog's "Select Document" popup window.
+     */
+    GetFileManager(): ASPxClientFileManager;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupCancelButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Select" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupSelectButton(): ASPxClientButton;
+    /**
+     * Provides access to the client popup control object that is the "Select Document" popup window in the Html Editor's Link dialog.
+     */
+    GetSelectDocumentPopupControl(): ASPxClientPopupControl;
+    /**
+     * Provides access to the client object of the "Open in new window" check box in the Html Editor's Link dialog.
+     */
+    GetOpenInNewWindowCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client radio button list object used to specify the link type in the Html Editor's Link dialog.
+     */
+    GetLinkTypeRadioButtonList(): ASPxClientRadioButtonList;
+}
+/**
+ * Provides client functionality for the Placeholder dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPlaceholderDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the ASPxListBox client object that lists placeholder names in the Html Editor's Placeholder dialog.
+     */
+    GetPlaceholderNameListBox(): ASPxClientListBox;
+}
+/**
+ * Provides client functionality for the Paste From Word dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPasteFromWordDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Remove font family" check box in the Html Editor's Flash dialog.
+     */
+    GetRemoveFontFamilyCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the media dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorMediaDialogBase extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the media file selector that allows you to insert/change media files in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetMediaFileSelector(): ASPxClientMediaFileSelector;
+    /**
+     * Provides access to the client object of the "More options" check box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetMoreOptionsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetHeightSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Position" combo box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetPositionComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Image dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorImageDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Size" combo box in the Html Editor's Image dialog.
+     */
+    GetSizeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Create thumbnail" check box in the Html Editor's Image dialog.
+     */
+    GetCreateThumbnailCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "New image name" text box in the Html Editor's Image dialog.
+     */
+    GetThumbnailNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Wrap text around image" check box in the Html Editor's Image dialog.
+     */
+    GetWrapTextCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Description" text box in the Html Editor's Image dialog.
+     */
+    GetDescriptionTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the Flash dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorFlashDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Quality" combo box in the Html Editor's Flash dialog.
+     */
+    GetQualityComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Flash dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Enable flash menu" check box in the Html Editor's Flash dialog.
+     */
+    GetEnableFlashMenuCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Flash dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Allow fullscreen" check box in the Html Editor's Flash dialog.
+     */
+    GetAllowFullscreenCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Audio dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorAudioDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Audio dialogs.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Audio dialogs.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Audio dialogs.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Audio dialogs.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorVideoDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Video dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Video dialog.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Video dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Poster URL" text box in the Html Editor's Video dialog.
+     */
+    GetPosterTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the YouTube Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorYouTubeDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "Enable privacy-enhanced mode" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetConfidentModeCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show suggested videos when the video finishes" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowSameVideosCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show video title and player actions" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowVideoNameCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Allow fullscreen" check box in the Html Editor's "Insert YouTube Video" dialog.
+     */
+    GetAllowFullscreenCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides base client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialogBase extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Background color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBackgroundColorColorEdit(): ASPxClientColorEdit;
+}
+/**
+ * Provides client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's Table dialogs.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you to specify the table width value.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table width measurement unit.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you specify the table height value.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table height measurement unit.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Cell padding" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellPaddingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Cell spacing" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellSpacingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Alignment" combo box in the Html Editor's Table dialogs.
+     */
+    GetAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border Color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Border size" spin editor in the Html Editor's Table dialogs.
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Headers" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeadersComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Caption" text box in the Html Editor's Table dialogs.
+     */
+    GetCaptionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Summary" text box in the Html Editor's Table dialogs.
+     */
+    GetSummaryTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accessibility" check box related to the Html Editor's Table dialogs.
+     */
+    GetAccessibilityCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Insert Table dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorInsertTableDialog extends ASPxClientHtmlEditorTableDialog {
+    /**
+     * Provides access to the client object of the "Columns" spin editor in the Html Editor's Table dialogs.
+     */
+    GetColumnCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Rows" spin editor in the Html Editor's Table dialogs.
+     */
+    GetRowCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Equal column widths" check box in the Html Editor's Table dialogs.
+     */
+    GetEqualWidthCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for Table dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableElementPropertiesDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Horizontal" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetHorizontalAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Vertical" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetVerticalAlignmentComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Cell Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Apply to all cells in the table" check box in the Html Editor's Cell Properties dialog.
+     */
+    GetApplyToAllCellsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Row Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client ASPxSpinEdit object that allows you to specify the row height in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the row height measurement unit in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Column Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor that allows you to set the column width value in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box that allows you to specify the column width measurement unit in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * A selection in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorSelection {
+    /**
+     * Returns a DOM element that relates to the current selection.
+     */
+    GetSelectedElement(): Object;
+    /**
+     * Returns the HTML markup specifying the currently selected ASPxHtmlEditor content.
+     */
+    GetHtml(): string;
+    /**
+     * Returns the text within the currently selected ASPxHtmlEditor content.
+     */
+    GetText(): string;
+    /**
+     * Returns an array of the currently selected elements.
+     */
+    GetElements(): Object[];
+    /**
+     * Sets the new HTML markup in place of the currently selected within ASPxHtmlEditor content.
+     * @param html A string value specifying the new HTML markup.
+     * @param addToHistory true to add this operation to the history; otherwise, false.
+     */
+    SetHtml(html: string, addToHistory: boolean): void;
+}
+/**
+ * The client-side equivalent of the ASPxPivotGrid control.
+ */
+interface ASPxClientPivotGrid extends ASPxClientControl {
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientPivotGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires after a callback that has been processed on the server returns back to the client.
+     */
+    AfterCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires before a callback is sent to the server for server-side processing.
+     */
+    BeforeCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client side after the customization form's visible state has been changed.
+     */
+    CustomizationFieldsVisibleChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is clicked.
+     */
+    CellClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is double clicked.
+     */
+    CellDblClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a custom menu item has been clicked.
+     */
+    PopupMenuItemClick: ASPxClientEvent<ASPxClientPivotMenuItemClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Indicates whether the Defer Layout Update check box is enabled.
+     */
+    IsDeferUpdatesChecked(): boolean;
+    /**
+     * Indicates whether the Filter Editor (Prefilter) is visible.
+     */
+    IsPrefilterVisible(): boolean;
+    /**
+     * Shows the Filter Editor.
+     */
+    ShowPrefilter(): void;
+    /**
+     * Hides the Filter Editor.
+     */
+    HidePrefilter(): void;
+    /**
+     * Clears the filter expression applied using the Prefilter (Filter Editor).
+     */
+    ClearPrefilter(): void;
+    /**
+     * Enables or disables the current filter applied by the Filter Editor (Prefilter).
+     */
+    ChangePrefilterEnabled(): void;
+    /**
+     * Returns a value that specifies whether the customization form is visible.
+     */
+    GetCustomizationFieldsVisibility(): boolean;
+    /**
+     * Specifies the visibility of the customization form.
+     * @param value true to display the customization form; false to hide the customization form.
+     */
+    SetCustomizationFieldsVisibility(value: boolean): void;
+    /**
+     * Switches the customization form's visible state.
+     */
+    ChangeCustomizationFieldsVisibility(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the CellDblClick event.
+ */
+interface ASPxClientClickEventHandler<S> {
+    /**
+     * A method that will handle the CellDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDblClick client events.
+ */
+interface ASPxClientClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the parameters associated with the CellDblClick events.
+     * Value: An object that contains parameters associated with the CellDblClick events.
+     */
+    HtmlEvent: Object;
+    /**
+     * Gets the processed cell's value.
+     * Value: An object that represents the processed cell's value.
+     */
+    Value: Object;
+    /**
+     * Gets the index of a column that owns the processed cell.
+     * Value: An integer value that identifies a column.
+     */
+    ColumnIndex: number;
+    /**
+     * Gets the index of a row that owns the processed cell.
+     * Value: An integer value that identifies a row.
+     */
+    RowIndex: number;
+    /**
+     * Gets a column field value.
+     * Value: An object that represents a column field value.
+     */
+    ColumnValue: Object;
+    /**
+     * Gets a row field value.
+     * Value: An object that represents a row field value.
+     */
+    RowValue: Object;
+    /**
+     * Gets a column field name.
+     * Value: A String value that represents a column field name.
+     */
+    ColumnFieldName: string;
+    /**
+     * Gets a row field name.
+     * Value: A String value that represents a row field name.
+     */
+    RowFieldName: string;
+    /**
+     * Gets a column value type.
+     * Value: A String value that represents a column value type.
+     */
+    ColumnValueType: string;
+    /**
+     * Gets a row value type.
+     * Value: A String value that represents a row value type.
+     */
+    RowValueType: string;
+    /**
+     * Gets the index of the data field which corresponds to the clicked summary value.
+     * Value: An integer value that identifies the data field.
+     */
+    DataIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientPivotMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPivotMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the context menu's type.
+     * Value: A PivotGridPopupMenuType enumeration value that identifies the context menu.
+     */
+    MenuType: string;
+    /**
+     * Gets the name of the menu item currently being clicked.
+     * Value: A String value that identifies the clicked item by its name.
+     */
+    MenuItemName: string;
+    /**
+     * Gets the field's unique indentifier.
+     * Value: A string which specifies the field's unique indentifier.
+     */
+    FieldID: string;
+    /**
+     * Gets the index of the field value for which the popup menu has been invoked.
+     * Value: An integer value that identifies the field value.
+     */
+    FieldValueIndex: number;
+    Area: string;
+}
+/**
+ * A client-side equivalent of the ASPxPivotCustomizationControl control.
+ */
+interface ASPxClientPivotCustomization extends ASPxClientControl {
+    /**
+     * Returns an HTML element that represents the root of the control's hierarchy.
+     */
+    GetMainContainer(): Object;
+    /**
+     * Returns a client-side equivalent of the owner Pivot Grid Control.
+     */
+    GetPivotGrid(): ASPxClientPivotGrid;
+    /**
+     * Specifies the Customization Control's height.
+     * @param value An integer value that specifies the Customization Control's height.
+     */
+    SetHeight(value: number): void;
+    /**
+     * Specifies the Customization Control's width.
+     * @param value An integer value that specifies the Customization Control's width.
+     */
+    SetWidth(value: number): void;
+    /**
+     * Recalculates the Customization Control height.
+     */
+    UpdateHeight(): void;
+    /**
+     * Specifies the Customization Control's layout.
+     * @param layout A string that specifies the Customization Control's layout.
+     */
+    SetLayout(layout: string): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the RichEdit that raised the event.
+     * @param e A ASPxClientRichEditCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A method that will handle the KeyDown event.
+ */
+interface ASPxClientRichEditKeyDownEventHandler<S> {
+    /**
+     * A method that will handle the KeyDown event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditKeyDownEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditKeyDownEventArgs): void;
+}
+/**
+ * Provides data for the KeyDown event.
+ */
+interface ASPxClientRichEditKeyDownEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the KeyUp event.
+ */
+interface ASPxClientRichEditKeyUpEventHandler<S> {
+    /**
+     * A method that will handle the KeyUp event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditKeyUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditKeyUpEventArgs): void;
+}
+/**
+ * Provides data for the KeyUp event.
+ */
+interface ASPxClientRichEditKeyUpEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the PointerDown event.
+ */
+interface ASPxClientRichEditPointerDownEventHandler<S> {
+    /**
+     * A method that will handle the PointerDown event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPointerDownEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPointerDownEventArgs): void;
+}
+/**
+ * Provides data for the PointerDown event.
+ */
+interface ASPxClientRichEditPointerDownEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the PointerUp event.
+ */
+interface ASPxClientRichEditPointerUpEventHandler<S> {
+    /**
+     * A method that will handle the PointerUp event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPointerUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPointerUpEventArgs): void;
+}
+/**
+ * Provides data for the PointerUp event.
+ */
+interface ASPxClientRichEditPointerUpEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContentInserted event.
+ */
+interface ASPxClientRichEditContentInsertedEventHandler<S> {
+    /**
+     * A method that will handle the ContentInserted event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditContentInsertedEventArgs that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditContentInsertedEventArgs): void;
+}
+/**
+ * Provides data for the ContentInserted event.
+ */
+interface ASPxClientRichEditContentInsertedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier.
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the inserted content.
+     * Value: An object that stores the inserted content's length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the ContentRemoved event.
+ */
+interface ASPxClientRichEditContentRemovedEventHandler<S> {
+    /**
+     * A method that will handle the ContentRemoved event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditContentRemovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditContentRemovedEventArgs): void;
+}
+/**
+ * Provides data for the ContentRemoved event.
+ */
+interface ASPxClientRichEditContentRemovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the removed content.
+     * Value: An object that stores the removed content's length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the CharacterPropertiesChanged event.
+ */
+interface ASPxClientRichEditCharacterPropertiesChangedEventHandler<S> {
+    /**
+     * A method that will handle the CharacterPropertiesChanged event.
+     * @param source The event source
+     * @param e An ASPxClientRichEditCharacterPropertiesChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCharacterPropertiesChangedEventArgs): void;
+}
+/**
+ * Provides data for the CharacterPropertiesChanged event.
+ */
+interface ASPxClientRichEditCharacterPropertiesChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier.
+     */
+    subDocumentId: number;
+    /**
+     * Gets the text buffer interval related to the changed characters.
+     * Value: An object that stores the changed character length and position.
+     */
+    interval: Interval;
+}
+/**
+ * A method that will handle the ParagraphPropertiesChanged event.
+ */
+interface ASPxClientRichEditParagraphPropertiesChangedEventHandler<S> {
+    /**
+     * A method that will handle the ParagraphPropertiesChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditParagraphPropertiesChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditParagraphPropertiesChangedEventArgs): void;
+}
+/**
+ * Provides data for the ParagraphPropertiesChanged event.
+ */
+interface ASPxClientRichEditParagraphPropertiesChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active sub-document's identifier.
+     * Value: An integer value specifying the sub-document's identifier
+     */
+    subDocumentId: number;
+    /**
+     * Gets the changed paragraph's index.
+     * Value: An integer value specifying the changed paragraph's identifier.
+     */
+    paragraphIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuShowing event.
+ */
+interface ASPxClientRichEditPopupMenuShowingEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuShowing event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditPopupMenuShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditPopupMenuShowingEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuShowing event.
+ */
+interface ASPxClientRichEditPopupMenuShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides access to a collection of menu items in the context menu being invoked.
+     * Value: A <see cref="ASPxClientRichEditPopupMenuItemCollection" /> object representing the context menu's item collection.
+     */
+    menuItems: ASPxClientRichEditPopupMenuItemCollection;
+}
+/**
+ * A method that will handle the AutoCorrect event.
+ */
+interface ASPxClientRichEditAutoCorrectEventHandler<S> {
+    /**
+     * A method that will handle the ParagraphPropertiesChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditAutoCorrectEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditAutoCorrectEventArgs): void;
+}
+/**
+ * Provides data for the AutoCorrect event.
+ */
+interface ASPxClientRichEditAutoCorrectEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether the event is handled.
+     * Value: true, if the event is handled and further processing is not required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets the input string to check whether it should be replaced.
+     * Value: A string that can be replaced.
+     */
+    text: string;
+    /**
+     * Gets the input string's interval.
+     * Value: An <see cref="Interval" /> value specifying the input string's interval within an active sub-document.
+     */
+    interval: Interval;
+}
+/**
+ * A client-side equivalent of the ASPxRichEdit object.
+ */
+interface ASPxClientRichEdit extends ASPxClientControl {
+    /**
+     * Provides access to document structural elements.
+     * Value: A <see cref="RichEditDocument" /> object that lists a RichEdit document's structural elements.
+     */
+    document: RichEditDocument;
+    /**
+     * Provides access to the RichEdit's client-side commands.
+     * Value: A <see cref="RichEditCommands" /> object that lists the RichEdit's client-side commands.
+     */
+    commands: RichEditCommands;
+    /**
+     * Provides access to the client methods that change the selection.
+     * Value: A <see cref="RichEditSelection" /> object that lists methods to work with the selection.
+     */
+    selection: RichEditSelection;
+    /**
+     * Gets a unit converter.
+     * Value: A <see cref="RichEditUnitConverter" /> object representing a unit converter.
+     */
+    unitConverter: RichEditUnitConverter;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientRichEditCustomCommandExecutedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the RichEdit.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side when a document model is loaded into the control.
+     */
+    DocumentLoaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires if any change is made to the RichEdit's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the active sub-document is substituted with another sub-document.
+     */
+    ActiveSubDocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the control receives focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the control loses focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the mouse pointer is over the RichEdit's document and a mouse button is pressed.
+     */
+    PointerDown: ASPxClientEvent<ASPxClientRichEditPointerDownEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the mouse button is released if it was pressed within the RichEdit's document.
+     */
+    PointerUp: ASPxClientEvent<ASPxClientRichEditPointerUpEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a key is pressed while the ASPxRichEdit's document has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientRichEditKeyDownEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a key is released while the ASPxRichEdit's document has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientRichEditKeyUpEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a pop-up menu is about to be shown.
+     */
+    PopupMenuShowing: ASPxClientEvent<ASPxClientRichEditPopupMenuShowingEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a hyperlink is activated within the document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientRichEditHyperlinkClickEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the selection is changed within the document.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when content is inserted into the document.
+     */
+    ContentInserted: ASPxClientEvent<ASPxClientRichEditContentInsertedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when content is removed from the document
+     */
+    ContentRemoved: ASPxClientEvent<ASPxClientRichEditContentRemovedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the characters' formatting is changed.
+     */
+    CharacterPropertiesChanged: ASPxClientEvent<ASPxClientRichEditCharacterPropertiesChangedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a paragraph's formatting is changed.
+     */
+    ParagraphPropertiesChanged: ASPxClientEvent<ASPxClientRichEditParagraphPropertiesChangedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires when text is typed in the control.
+     */
+    AutoCorrect: ASPxClientEvent<ASPxClientRichEditAutoCorrectEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Enables you to switch the full-screen mode of the Rich Text Editor.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Provides access to an object implementing the RichEdit's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Sets input focus to the RichEdit.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Reconnects the RichEdit to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * Represents an individual item of the Rich Edit's context menu.
+ */
+interface ASPxClientRichEditPopupMenuItem {
+    /**
+     * Gets the immediate parent menu item to which the current menu item belongs.
+     * Value: A ASPxClientRichEditPopupMenuItem object representing the menu item's immediate parent.
+     */
+    parent: ASPxClientRichEditPopupMenuItem;
+    /**
+     * Gets or sets the unique identifier name for the current menu item.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+    /**
+     * Gets or sets the text content of the current menu item.
+     * Value: A string value that specifies the text content of the menu item.
+     */
+    text: string;
+    /**
+     * Gets or sets a value that indicates whether the menu item is enabled, allowing the item to respond to end-user interactions.
+     * Value: true if the item is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets or sets the CSS class name defining the menu item's image.
+     * Value: A string value specifying the class name.
+     */
+    imageClassName: string;
+    /**
+     * Gets or sets a URL which defines the navigation location.
+     * Value: A string value which represents a URL where the client web browser will navigate.
+     */
+    navigateUrl: string;
+    /**
+     * Gets or sets the URL of the menu item's image.
+     * Value: A string value that specifies the location of an image.
+     */
+    imageUrl: string;
+    /**
+     * Gets or sets a value that specifies whether the current menu item starts a group.
+     * Value: true if the current menu item starts a group; otherwise, false.
+     */
+    beginGroup: boolean;
+    /**
+     * Gets or sets the current menu item's tooltip text.
+     * Value: A string which specifies the text content of the current menu item's tooltip.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the window or frame at which to target the contents of the URL associated with the current menu item.
+     * Value: A string which identifies the window or frame at which to target the URL content.
+     */
+    target: string;
+    /**
+     * Gets a collection that contains the submenu items of the current menu item.
+     */
+    GetSubItems(): ASPxClientRichEditPopupMenuItemCollection;
+    /**
+     * Returns the menu item's sub-item with the specified index.
+     * @param index An integer value specifying the index of the sub-item within a collection of the current menu item's submenu items.
+     */
+    GetItem(index: number): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns the menu item's sub-item with the specified name property value.
+     * @param name A string value specifying the name property value of the sub-item to find.
+     */
+    GetItemByName(name: string): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns the total number of the menu item's child items (submenu items).
+     */
+    GetItemCount(): number;
+}
+/**
+ * Represents a collection of items in the Rich Edit's context menu.
+ */
+interface ASPxClientRichEditPopupMenuItemCollection {
+    /**
+     * Adds the specified menu item to the end of the collection.
+     * @param item An ASPxClientRichEditPopupMenuItem object specifying the item to be added to the collection.
+     */
+    Add(item: ASPxClientRichEditPopupMenuItem): void;
+    /**
+     * Removes a menu item specified by its index within the collection.
+     * @param index An integer value specifying the index of the menu item to remove.
+     */
+    Remove(index: number): void;
+    /**
+     * Removes a menu item specified by its name.
+     * @param name A string value specifying the name property value of a menu item to remove from the collection.
+     */
+    RemoveByName(name: string): void;
+    /**
+     * Adds the specified item to the specified position within the collection.
+     * @param index An integer value that specifies the zero-based index at which the specified item should be inserted.
+     * @param item An ASPxClientRichEditPopupMenuItem object to insert.
+     */
+    Insert(index: number, item: ASPxClientRichEditPopupMenuItem): void;
+    /**
+     * Returns the total number of menu items in the collection.
+     */
+    GetCount(): number;
+    /**
+     * Returns an item object with the specified name property value.
+     * @param name A string value representing the name property value of the required item.
+     */
+    GetByName(name: string): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Returns a menu item specified by its index in the collection.
+     * @param index An integer value that is the zero-based index of the <see cref="ASPxClientRichEditPopupMenuItem" /> to retrieve from the ASPxClientRichEditPopupMenuItemCollection.
+     */
+    Get(index: number): ASPxClientRichEditPopupMenuItem;
+    /**
+     * Removes all menu items from the collection.
+     */
+    Clear(): void;
+}
+/**
+ * Contains a set of the available client commands.
+ */
+interface RichEditCommands {
+    /**
+     * Gets a command to create a new empty document.
+     * Value: A <see cref="FileNewCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileNew: FileNewCommand;
+    /**
+     * Gets a command to open a document stored in the specified file.
+     * Value: A <see cref="FileOpenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpen: FileOpenCommand;
+    /**
+     * Gets a command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+     * Value: A <see cref="FileOpenDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpenDialog: FileOpenDialogCommand;
+    /**
+     * Gets a command to save the document at its original location on the server.
+     * Value: A <see cref="FileSaveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSave: FileSaveCommand;
+    /**
+     * Gets a command to download the document specifying the file's extension.
+     * Value: A <see cref="FileDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileDownload: FileDownloadCommand;
+    /**
+     * Gets a command to save a document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAs: FileSaveAsCommand;
+    /**
+     * Gets a command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAsDialog: FileSaveAsDialogCommand;
+    /**
+     * Gets a command to invoke a browser-specific Print dialog allowing one to print the current document.
+     * Value: A <see cref="FilePrintCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    filePrint: FilePrintCommand;
+    /**
+     * Gets a command to cancel changes caused by the previous command.
+     * Value: A <see cref="UndoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    undo: UndoCommand;
+    /**
+     * Gets a command to reverse actions of the previous undo command.
+     * Value: A <see cref="RedoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    redo: RedoCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the clipboard.
+     * Value: A <see cref="CopyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copy: CopyCommand;
+    /**
+     * Gets a command to paste the text from the clipboard over the selection.
+     * Value: A <see cref="PasteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    paste: PasteCommand;
+    /**
+     * Gets a command to cut the selected text and place it to the clipboard.
+     * Value: A <see cref="CutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    cut: CutCommand;
+    /**
+     * Gets a command to change the font name of characters in a selected range.
+     * Value: A <see cref="ChangeFontNameCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontName: ChangeFontNameCommand;
+    /**
+     * Gets a command to change the font size (in points) of characters in a selected range.
+     * Value: A <see cref="ChangeFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSize: ChangeFontSizeCommand;
+    /**
+     * Gets a command to increase the font size of characters in a selected range to the closest larger predefined value (in points).
+     * Value: A <see cref="IncreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseFontSize: IncreaseFontSizeCommand;
+    /**
+     * Gets a command to decrease the selected range's font size to the closest smaller predefined value (in points).
+     * Value: A <see cref="DecreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseFontSize: DecreaseFontSizeCommand;
+    /**
+     * Gets a command to convert selected text to upper case.
+     * Value: A <see cref="MakeTextUpperCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextUpperCase: MakeTextUpperCaseCommand;
+    /**
+     * Gets a command to convert selected text to lower case.
+     * Value: A <see cref="MakeTextLowerCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextLowerCase: MakeTextLowerCaseCommand;
+    /**
+     * Gets a command to capitalize each word in the selected sentence.
+     * Value: A <see cref="CapitalizeEachWordTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    capitalizeEachWordTextCase: CapitalizeEachWordTextCaseCommand;
+    /**
+     * Gets a command to toggle case for each character - upper case becomes lower, lower case becomes upper.
+     * Value: A <see cref="ToggleTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTextCase: ToggleTextCaseCommand;
+    /**
+     * Gets a command to change the bold formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontBoldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBold: ChangeFontBoldCommand;
+    /**
+     * Gets a command to change the italic formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontItalicCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontItalic: ChangeFontItalicCommand;
+    /**
+     * Gets a command to change the underline formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontUnderlineCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontUnderline: ChangeFontUnderlineCommand;
+    /**
+     * Gets a command to change the strikeout formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontStrikeoutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontStrikeout: ChangeFontStrikeoutCommand;
+    /**
+     * Gets a command to change the superscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSuperscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSuperscript: ChangeFontSuperscriptCommand;
+    /**
+     * Gets a command to change the subscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSubscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSubscript: ChangeFontSubscriptCommand;
+    /**
+     * Gets a command to change the font color of characters in a selected range.
+     * Value: A <see cref="ChangeFontForeColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontForeColor: ChangeFontForeColorCommand;
+    /**
+     * Gets a command to change the background color of characters in a selected range.
+     * Value: A <see cref="ChangeFontBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBackColor: ChangeFontBackColorCommand;
+    /**
+     * Gets a command to reset textual and paragraph formatting in the selected range to default values.
+     * Value: A <see cref="ClearFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    clearFormatting: ClearFormattingCommand;
+    /**
+     * Gets a command to apply a character or paragraph style settings to text in a selected range.
+     * Value: A <see cref="ChangeStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeStyle: ChangeStyleCommand;
+    /**
+     * Gets a command to toggle between the bulleted paragraph and normal text.
+     * Value: A <see cref="ToggleBulletedListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleBulletedList: ToggleBulletedListCommand;
+    /**
+     * Gets a command to toggle between the numbered paragraph and normal text.
+     * Value: A <see cref="ToggleNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleNumberingList: ToggleNumberingListCommand;
+    /**
+     * Gets a command to toggle between the multilevel list style and normal text.
+     * Value: A <see cref="ToggleMultilevelListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleMultilevelList: ToggleMultilevelListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected range.
+     * Value: A <see cref="IncreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseIndent: IncreaseIndentCommand;
+    /**
+     * Gets a command to decrease the indent level of paragraphs in a selected range.
+     * Value: A <see cref="DecreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseIndent: DecreaseIndentCommand;
+    /**
+     * Gets a command to toggle hidden symbol visibility.
+     * Value: A <see cref="ShowHiddenSymbolsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHiddenSymbols: ShowHiddenSymbolsCommand;
+    /**
+     * Gets a command to toggle left paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentLeft: ToggleParagraphAlignmentLeftCommand;
+    /**
+     * Gets a command to toggle centered paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentCenter: ToggleParagraphAlignmentCenterCommand;
+    /**
+     * Gets a command to toggle right paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentRight: ToggleParagraphAlignmentRightCommand;
+    /**
+     * Gets a command to toggle justified paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentJustifyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentJustify: ToggleParagraphAlignmentJustifyCommand;
+    /**
+     * Gets a command to format a current paragraph with single line spacing.
+     * Value: A <see cref="SetSingleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSingleParagraphSpacing: SetSingleParagraphSpacingCommand;
+    /**
+     * Gets a command to format a current paragraph with one and a half line spacing.
+     * Value: A <see cref="SetSesquialteralParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSesquialteralParagraphSpacing: SetSesquialteralParagraphSpacingCommand;
+    /**
+     * Gets a command to format a selected paragraph with double line spacing.
+     * Value: A <see cref="SetDoubleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDoubleParagraphSpacing: SetDoubleParagraphSpacingCommand;
+    /**
+     * Gets a command to add spacing before a paragraph.
+     * Value: A <see cref="AddSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingBeforeParagraph: AddSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to add spacing after a paragraph.
+     * Value: A <see cref="AddSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingAfterParagraph: AddSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to remove spacing before the selected paragraph.
+     * Value: A <see cref="RemoveSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingBeforeParagraph: RemoveSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to remove spacing after the selected paragraph.
+     * Value: A <see cref="RemoveSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingAfterParagraph: RemoveSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to change the background color of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphBackColor: ChangeParagraphBackColorCommand;
+    /**
+     * Gets a command to invoke the Font dialog window.
+     * Value: A <see cref="OpenFontFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFontFormattingDialog: OpenFontFormattingDialogCommand;
+    /**
+     * Gets a command to change the font formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontFormatting: ChangeFontFormattingCommand;
+    /**
+     * Gets a command to invoke the Indents And Spacing tab of the Paragraph dialog window.
+     * Value: A <see cref="OpenParagraphFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openParagraphFormattingDialog: OpenParagraphFormattingDialogCommand;
+    /**
+     * Gets a command to apply formatting settings to paragraphs within a selected range.
+     * Value: A <see cref="ChangeParagraphFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphFormatting: ChangeParagraphFormattingCommand;
+    /**
+     * Gets a command to insert a page break at the current position in the document.
+     * Value: A <see cref="InsertPageBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPageBreak: InsertPageBreakCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="OpenInsertTableDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertTableDialog: OpenInsertTableDialogCommand;
+    /**
+     * Gets a command to insert a rectangular table of the specified size.
+     * Value: A <see cref="InsertTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTable: InsertTableCommand;
+    /**
+     * Gets a command to invoke the Insert Image dialog window.
+     * Value: A <see cref="OpenInsertPictureDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertPictureDialog: OpenInsertPictureDialogCommand;
+    /**
+     * Gets a command to insert an inline picture stored by the specified web address.
+     * Value: A <see cref="InsertPictureCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPicture: InsertPictureCommand;
+    /**
+     * Gets a command to invoke the Bookmark dialog window.
+     * Value: A <see cref="OpenInsertBookmarkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertBookmarkDialog: OpenInsertBookmarkDialogCommand;
+    /**
+     * Gets a command to insert a new bookmark that references the current selection.
+     * Value: A <see cref="InsertBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertBookmark: InsertBookmarkCommand;
+    /**
+     * Gets a command to delete a specific bookmark.
+     * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteBookmark: DeleteBookmarkCommand;
+    /**
+     * Gets a command to navigate to the specified bookmark.
+     * Value: A <see cref="GoToBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToBookmark: GoToBookmarkCommand;
+    /**
+     * Gets a command to invoke the Hyperlink dialog window.
+     * Value: A <see cref="OpenInsertHyperlinkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertHyperlinkDialog: OpenInsertHyperlinkDialogCommand;
+    /**
+     * Gets a command to insert and update a hyperlink field in place of a selected range.
+     * Value: A <see cref="InsertHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHyperlink: InsertHyperlinkCommand;
+    /**
+     * Gets a command to delete the selected hyperlink.
+     * Value: A <see cref="DeleteHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlink: DeleteHyperlinkCommand;
+    /**
+     * Gets a command to delete all hyperlinks in the selected range.
+     * Value: A <see cref="DeleteHyperlinksCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlinks: DeleteHyperlinksCommand;
+    /**
+     * Gets a command to go to a bookmark or URI contained within the selected hyperlink.
+     * Value: A <see cref="OpenHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openHyperlink: OpenHyperlinkCommand;
+    /**
+     * Gets a command to invoke the Symbols dialog window.
+     * Value: A <see cref="OpenInsertSymbolDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertSymbolDialog: OpenInsertSymbolDialogCommand;
+    /**
+     * Gets a command to insert characters into a document instead of a selected range.
+     * Value: A <see cref="InsertSymbolCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSymbol: InsertSymbolCommand;
+    /**
+     * Gets a command to apply page margins settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageMargins: ChangePageMarginsCommand;
+    /**
+     * Gets a command to invoke the Margins tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPageMarginsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPageMarginsDialog: OpenPageMarginsDialogCommand;
+    /**
+     * Gets a command to apply page orientation settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageOrientationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageOrientation: ChangePageOrientationCommand;
+    /**
+     * Gets a command to invoke the Page Setup dialog.
+     * Value: A <see cref="SetPageSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setPageSizeDialog: SetPageSizeDialogCommand;
+    /**
+     * Gets a command to invoke the Paper tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPagePaperSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPagePaperSizeDialog: OpenPagePaperSizeDialogCommand;
+    /**
+     * Gets a command to apply page size settings to sections located within a selected range.
+     * Value: A <see cref="ChangePageSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageSize: ChangePageSizeCommand;
+    /**
+     * Gets a command to change the number of columns having the same width in a section.
+     * Value: A <see cref="ChangeSectionEqualColumnCountCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionEqualColumnCount: ChangeSectionEqualColumnCountCommand;
+    /**
+     * Gets a command to invoke the Columns dialog window.
+     * Value: A <see cref="OpenSectionColumnsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSectionColumnsDialog: OpenSectionColumnsDialogCommand;
+    /**
+     * Gets a command to apply column layout settings to a section.
+     * Value: A <see cref="ChangeSectionColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionColumns: ChangeSectionColumnsCommand;
+    /**
+     * Gets a command to insert a column break at the current position in the document.
+     * Value: A <see cref="InsertColumnBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertColumnBreak: InsertColumnBreakCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next page.
+     * Value: A <see cref="InsertSectionBreakNextPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakNextPage: InsertSectionBreakNextPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next even-numbered page.
+     * Value: A <see cref="InsertSectionBreakEvenPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakEvenPage: InsertSectionBreakEvenPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next odd-numbered page.
+     * Value: A <see cref="InsertSectionBreakOddPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakOddPage: InsertSectionBreakOddPageCommand;
+    /**
+     * Gets a command to set the background color of all pages contained in the document.
+     * Value: A <see cref="ChangePageColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageColor: ChangePageColorCommand;
+    /**
+     * Gets a command to toggle the horizontal ruler's visibility.
+     * Value: A <see cref="ShowHorizontalRulerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHorizontalRuler: ShowHorizontalRulerCommand;
+    /**
+     * Gets a command to toggle the fullscreen mode.
+     * Value: A <see cref="SetFullscreenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setFullscreen: SetFullscreenCommand;
+    /**
+     * Gets a command to force synchronizing the server document model with the client model and execute a callback function if it is necessary.
+     * Value: A <see cref="ForceSyncWithServerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    forceSyncWithServer: ForceSyncWithServerCommand;
+    /**
+     * Gets a command to invoke the Bulleted and Numbering dialog window.
+     * Value: A <see cref="OpenNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openNumberingListDialog: OpenNumberingListDialogCommand;
+    /**
+     * Gets a command to insert a paragraph break at the current position in the document.
+     * Value: A <see cref="InsertParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertParagraph: InsertParagraphCommand;
+    /**
+     * Gets a command to insert text in place of a selected range.
+     * Value: A <see cref="InsertTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertText: InsertTextCommand;
+    /**
+     * Gets a command to delete text and in-line objects in a selected range.
+     * Value: A <see cref="DeleteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    delete: DeleteCommand;
+    /**
+     * Gets a command to remove the previous word.
+     * Value: A <see cref="RemovePrevWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removePrevWord: RemovePrevWordCommand;
+    /**
+     * Gets a command to remove the next word.
+     * Value: A <see cref="RemoveNextWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNextWord: RemoveNextWordCommand;
+    /**
+     * Gets a command to move the cursor backwards and erase characters in a selected range.
+     * Value: A <see cref="BackspaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    backspace: BackspaceCommand;
+    /**
+     * Gets a command to insert the line break at the current position in the document.
+     * Value: A <see cref="InsertLineBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertLineBreak: InsertLineBreakCommand;
+    /**
+     * Gets a command to scale a selected in-line picture.
+     * Value: A <see cref="ChangePictureScaleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePictureScale: ChangePictureScaleCommand;
+    /**
+     * Gets a command to increment the left indent of paragraphs in a selected range.
+     * Value: A <see cref="IncrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementParagraphLeftIndent: IncrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to decrement the paragraph's left indent position.
+     * Value: A <see cref="DecrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementParagraphLeftIndent: DecrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to move the selected range.
+     * Value: A <see cref="MoveContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    moveContent: MoveContentCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the specified position.
+     * Value: A <see cref="CopyContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copyContent: CopyContentCommand;
+    /**
+     * Gets a command to insert a tab character at the current position in the document.
+     * Value: A <see cref="InsertTabCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTab: InsertTabCommand;
+    /**
+     * Gets a command to add a non-breaking space in place of a selected range
+     * Value: A <see cref="InsertNonBreakingSpaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNonBreakingSpace: InsertNonBreakingSpaceCommand;
+    /**
+     * Gets a command to invoke the Tabs dialog window.
+     * Value: A <see cref="OpenTabsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTabsDialog: OpenTabsDialogCommand;
+    /**
+     * Gets a command to change the default tab stop value of a document and apply custom tab settings to the selected paragraphs.
+     * Value: A <see cref="ChangeTabsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTabs: ChangeTabsCommand;
+    /**
+     * Gets a command to invoke the Customize Numbered List dialog window.
+     * Value: A <see cref="OpenCustomNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openCustomNumberingListDialog: OpenCustomNumberingListDialogCommand;
+    /**
+     * Gets a command to customize the numbered list parameters.
+     * Value: A <see cref="ChangeCustomNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeCustomNumberingList: ChangeCustomNumberingListCommand;
+    /**
+     * Gets a command to restart the numbering list.
+     * Value: A <see cref="RestartNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    restartNumberingList: RestartNumberingListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="IncrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementNumberingIndent: IncrementNumberingIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="DecrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementNumberingIndent: DecrementNumberingIndentCommand;
+    /**
+     * Gets a command to add a field at the current position in a document.
+     * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createField: CreateFieldCommand;
+    /**
+     * Gets a command to update each field's result in the selection.
+     * Value: A <see cref="UpdateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateField: UpdateFieldCommand;
+    /**
+     * Gets a command to display the selected field's codes.
+     * Value: A <see cref="ShowFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showFieldCodes: ShowFieldCodesCommand;
+    /**
+     * Gets a command to display all field codes in place of the fields in the document.
+     * Value: A <see cref="ShowAllFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showAllFieldCodes: ShowAllFieldCodesCommand;
+    /**
+     * Gets a command to continue the list's numbering.
+     * Value: A <see cref="ContinueNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    continueNumberingList: ContinueNumberingListCommand;
+    /**
+     * Gets a command to insert numeration to a paragraph making it a numbering list item.
+     * Value: A <see cref="InsertNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNumeration: InsertNumerationCommand;
+    /**
+     * Gets a command to exclude the selected paragraphs from the numbered list.
+     * Value: A <see cref="RemoveNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNumeration: RemoveNumerationCommand;
+    /**
+     * Gets a command to update all fields in the document.
+     * Value: A <see cref="UpdateAllFieldsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateAllFields: UpdateAllFieldsCommand;
+    /**
+     * Gets a command to insert and update a field with a DATE code.
+     * Value: A <see cref="CreateDateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createDateField: CreateDateFieldCommand;
+    /**
+     * Gets a command to replace the selection with a TIME field displaying the current time.
+     * Value: A <see cref="CreateTimeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createTimeField: CreateTimeFieldCommand;
+    /**
+     * Gets a command to replace the selection with a PAGE field displaying the current page number.
+     * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageField: CreatePageFieldCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to a figure.
+     * Value: A <see cref="InsertFiguresCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFiguresCaption: InsertFiguresCaptionCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to a table.
+     * Value: A <see cref="InsertTablesCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTablesCaption: InsertTablesCaptionCommand;
+    /**
+     * Gets a command to add a caption (numbered label) to an equation.
+     * Value: A <see cref="InsertEquationsCaptionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertEquationsCaption: InsertEquationsCaptionCommand;
+    /**
+     * Gets a command to create a table of figures on the base of figures captions.
+     * Value: A <see cref="InsertTableOfFiguresCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfFigures: InsertTableOfFiguresCommand;
+    /**
+     * Gets a command to create a table of tables on the base of tables captions.
+     * Value: A <see cref="InsertTableOfTablesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfTables: InsertTableOfTablesCommand;
+    /**
+     * Gets a command to create a table of equations on the base of equation captions.
+     * Value: A <see cref="InsertTableOfEquationsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfEquations: InsertTableOfEquationsCommand;
+    /**
+     * Gets a command to insert a table of contents.
+     * Value: A <see cref="InsertTableOfContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableOfContents: InsertTableOfContentsCommand;
+    /**
+     * Gets a command that changes the specified hyperlink.
+     * Value: A <see cref="ChangeHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeHyperlink: ChangeHyperlinkCommand;
+    /**
+     * Gets a command to update a table of contents.
+     * Value: A <see cref="UpdateTableOfContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateTableOfContents: UpdateTableOfContentsCommand;
+    /**
+     * Gets a command to apply a paragraph level to the selected text
+     * Value: A <see cref="SetParagraphLevelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setParagraphLevel: SetParagraphLevelCommand;
+    /**
+     * Gets a command changing all selected text to the sentence case capitalization.
+     * Value: A <see cref="MakeTextSentenceCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextSentenceCase: MakeTextSentenceCaseCommand;
+    /**
+     * Gets a command to switch the text capitalization in the selection.
+     * Value: A <see cref="SwitchTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    switchTextCase: SwitchTextCaseCommand;
+    /**
+     * Gets a command to navigate to the first data record.
+     * Value: A <see cref="GoToFirstDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFirstDataRecord: GoToFirstDataRecordCommand;
+    /**
+     * Gets a command to navigate to the previous data record of the bound data source.
+     * Value: A <see cref="GoToPreviousDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousDataRecord: GoToPreviousDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record of the bound data source.
+     * Value: A <see cref="GoToNextDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextDataRecord: GoToNextDataRecordCommand;
+    /**
+     * Gets a command to open the specified data record.
+     * Value: A <see cref="GoToDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToDataRecord: GoToDataRecordCommand;
+    /**
+     * Gets a command to navigate to the last data record of the bound data source.
+     * Value: A <see cref="GoToLastDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToLastDataRecord: GoToLastDataRecordCommand;
+    /**
+     * Gets a command to display or hide actual data in MERGEFIELD fields.
+     * Value: A <see cref="ShowMergedDataCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showMergedData: ShowMergedDataCommand;
+    /**
+     * Gets a command to invoke the Insert Merge Field dialog window.
+     * Value: A <see cref="MergeFieldDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeFieldDialog: MergeFieldDialogCommand;
+    /**
+     * Gets a command to replace the selection with a MERGEFIELD (a data source column name is passed with a parameter).
+     * Value: A <see cref="CreateMergeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createMergeField: CreateMergeFieldCommand;
+    /**
+     * Gets a command to invoke the Export Range dialog window to start a mail merge.
+     * Value: A <see cref="MailMergeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeDialog: MailMergeDialogCommand;
+    /**
+     * Gets a command to perform a mail merge and download the merged document.
+     * Value: A <see cref="MailMergeAndDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndDownload: MailMergeAndDownloadCommand;
+    /**
+     * Gets a command to perform a mail merge and save the merged document to the server.
+     * Value: A <see cref="MailMergeAndSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndSaveAs: MailMergeAndSaveAsCommand;
+    /**
+     * Gets a command to create a header sub-document (if it is not yet created) and set it as an active sub-document instead of the main sub-document.
+     * Value: A <see cref="InsertHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHeader: InsertHeaderCommand;
+    /**
+     * Gets a command to create a footer sub-document (if it is not yet created) and set it as an active sub-document instead of the main sub-document.
+     * Value: A <see cref="InsertFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFooter: InsertFooterCommand;
+    /**
+     * Gets a command to link a header/footer to the previous section, so it has the same content.
+     * Value: A <see cref="LinkHeaderFooterToPreviousCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    linkHeaderFooterToPrevious: LinkHeaderFooterToPreviousCommand;
+    /**
+     * Gets a command to substitute a header sub-document with a footer sub-document of the same page as an active sub-document.
+     * Value: A <see cref="GoToFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFooter: GoToFooterCommand;
+    /**
+     * Gets a command to substitute a footer sub-document with a header sub-document of the same page as an active sub-document.
+     * Value: A <see cref="GoToHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToHeader: GoToHeaderCommand;
+    /**
+     * Gets a command to substitute a current header/footer with a header/footer of the next section as an active sub-document.
+     * Value: A <see cref="GoToNextHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextHeaderFooter: GoToNextHeaderFooterCommand;
+    /**
+     * Gets a command to substitute a current header/footer with a header/footer of the previous section as an active sub-document.
+     * Value: A <see cref="GoToPreviousHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousHeaderFooter: GoToPreviousHeaderFooterCommand;
+    /**
+     * Gets a command to enable (or disable if it is enabled) a different page header and footer for the first page of the current section.
+     * Value: A <see cref="SetDifferentFirstPageHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentFirstPageHeaderFooter: SetDifferentFirstPageHeaderFooterCommand;
+    /**
+     * Gets a command to enable (or disable if it is enabled) a different page header and footer for odd and even pages of the current section.
+     * Value: A <see cref="SetDifferentOddAndEvenPagesHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentOddAndEvenPagesHeaderFooter: SetDifferentOddAndEvenPagesHeaderFooterCommand;
+    /**
+     * Gets a command to substitute a header/footer sub-document with the main sub-document as an active sub-document.
+     * Value: A <see cref="CloseHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    closeHeaderFooter: CloseHeaderFooterCommand;
+    /**
+     * Gets a command to replace the selection with a NUMPAGES field displaying the total number of pages.
+     * Value: A <see cref="CreatePageCountFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageCountField: CreatePageCountFieldCommand;
+    /**
+     * Gets a command to invoke the Table tab of the Table Properties dialog window.
+     * Value: A <see cref="OpenTableFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableFormattingDialog: OpenTableFormattingDialogCommand;
+    /**
+     * Gets a command to change the selected table's formatting.
+     * Value: A <see cref="ChangeTableFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableFormatting: ChangeTableFormattingCommand;
+    /**
+     * Gets a command to change the selected table rows' preferred height.
+     * Value: A <see cref="ChangeTableRowPreferredHeightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableRowPreferredHeight: ChangeTableRowPreferredHeightCommand;
+    /**
+     * Gets a command to change the preferred cell width of the selected table rows.
+     * Value: A <see cref="ChangeTableCellPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellPreferredWidth: ChangeTableCellPreferredWidthCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideBorders: ToggleTableCellInsideBordersCommand;
+    /**
+     * Gets a command to change the selected table columns' preferred width.
+     * Value: A <see cref="ChangeTableColumnPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableColumnPreferredWidth: ChangeTableColumnPreferredWidthCommand;
+    /**
+     * Gets a command to change the cell formatting of the selected table elements.
+     * Value: A <see cref="ChangeTableCellFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellFormatting: ChangeTableCellFormattingCommand;
+    /**
+     * Gets a command to insert a table column to the left of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheLeft: InsertTableColumnToTheLeftCommand;
+    /**
+     * Gets a command to insert a table column to the right of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheRight: InsertTableColumnToTheRightCommand;
+    /**
+     * Gets a command to insert a row in the table below the selected row.
+     * Value: A <see cref="InsertTableRowBelowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowBelow: InsertTableRowBelowCommand;
+    /**
+     * Gets a command to insert a row in the table above the selected row.
+     * Value: A <see cref="InsertTableRowAboveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowAbove: InsertTableRowAboveCommand;
+    /**
+     * Gets a command to delete the selected rows in the table.
+     * Value: A <see cref="DeleteTableRowsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableRows: DeleteTableRowsCommand;
+    /**
+     * Gets a command to delete the selected columns in the table.
+     * Value: A <see cref="DeleteTableColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableColumns: DeleteTableColumnsCommand;
+    /**
+     * Gets a command to insert table cells with a horizontal shift into the selected table.
+     * Value: A <see cref="InsertTableCellWithShiftToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellWithShiftToTheLeft: InsertTableCellWithShiftToTheLeftCommand;
+    /**
+     * Gets a command to delete the selected table cells with a horizontal shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftHorizontallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftHorizontally: DeleteTableCellsWithShiftHorizontallyCommand;
+    /**
+     * Gets a command to delete the selected table cells with a vertical shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftVertically: DeleteTableCellsWithShiftVerticallyCommand;
+    /**
+     * Gets a command to delete the selected table.
+     * Value: A <see cref="DeleteTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTable: DeleteTableCommand;
+    /**
+     * Gets a command to invoke the Insert Cells dialog window.
+     * Value: A <see cref="InsertTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsDialog: InsertTableCellsDialogCommand;
+    /**
+     * Gets a command to invoke the Delete Cells dialog window.
+     * Value: A <see cref="DeleteTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsDialog: DeleteTableCellsDialogCommand;
+    /**
+     * Gets a command to merge the selected cells.
+     * Value: A <see cref="MergeTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeTableCells: MergeTableCellsCommand;
+    /**
+     * Gets a command to invoke the Split Cells dialog window.
+     * Value: A <see cref="SplitTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCellsDialog: SplitTableCellsDialogCommand;
+    /**
+     * Gets a command to split the selected table cells.
+     * Value: A <see cref="SplitTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCells: SplitTableCellsCommand;
+    /**
+     * Gets a command to insert table cells with a vertical shift into the selected table.
+     * Value: A <see cref="InsertTableCellsWithShiftToTheVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsWithShiftToTheVertically: InsertTableCellsWithShiftToTheVerticallyCommand;
+    /**
+     * Gets a command to invoke the Borders tab of the Borders and Shading dialog window.
+     * Value: A <see cref="OpenTableBordersAndShadingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableBordersAndShadingDialog: OpenTableBordersAndShadingDialogCommand;
+    /**
+     * Gets a command to change the selected table's borders and shading.
+     * Value: A <see cref="ChangeTableBordersAndShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBordersAndShading: ChangeTableBordersAndShadingCommand;
+    /**
+     * Gets a command to apply top-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopLeft: ToggleTableCellAlignTopLeftCommand;
+    /**
+     * Gets a command to apply top-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopCenter: ToggleTableCellAlignTopCenterCommand;
+    /**
+     * Gets a command to apply top-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopRight: ToggleTableCellAlignTopRightCommand;
+    /**
+     * Gets a command to apply middle-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleLeft: ToggleTableCellAlignMiddleLeftCommand;
+    /**
+     * Gets a command to apply middle-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleCenter: ToggleTableCellAlignMiddleCenterCommand;
+    /**
+     * Gets a command to apply middle-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleRight: ToggleTableCellAlignMiddleRightCommand;
+    /**
+     * Gets a command to apply bottom-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomLeft: ToggleTableCellAlignBottomLeftCommand;
+    /**
+     * Gets a command to apply bottom-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomCenter: ToggleTableCellAlignBottomCenterCommand;
+    /**
+     * Gets a command to apply bottom-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomRight: ToggleTableCellAlignBottomRightCommand;
+    /**
+     * Gets a command to change the selected table's style.
+     * Value: A <see cref="ChangeTableStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableStyle: ChangeTableStyleCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the top border for the selected cells.
+     * Value: A <see cref="ToggleTableCellTopBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellTopBorder: ToggleTableCellTopBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the right border for the selected cells.
+     * Value: A <see cref="ToggleTableCellRightBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellRightBorder: ToggleTableCellRightBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the bottom border for the selected cells.
+     * Value: A <see cref="ToggleTableCellBottomBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellBottomBorder: ToggleTableCellBottomBorderCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the left border for the selected cells.
+     * Value: A <see cref="ToggleTableCellLeftBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellLeftBorder: ToggleTableCellLeftBorderCommand;
+    /**
+     * Gets a command to remove the borders of the selected table cells.
+     * Value: A <see cref="RemoveTableCellBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeTableCellBorders: RemoveTableCellBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings to all borders of the selected cells.
+     * Value: A <see cref="ToggleTableCellAllBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAllBorders: ToggleTableCellAllBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside horizontal borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideHorizontalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideHorizontalBorders: ToggleTableCellInsideHorizontalBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the inside vertical borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellInsideVerticalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideVerticalBorders: ToggleTableCellInsideVerticalBordersCommand;
+    /**
+     * Gets a command to apply (or cancel) border settings of the outside borders for the selected cells.
+     * Value: A <see cref="ToggleTableCellOutsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellOutsideBorders: ToggleTableCellOutsideBordersCommand;
+    /**
+     * Gets a command to change the selected table's style options.
+     * Value: A <see cref="ChangeTableLookCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableLook: ChangeTableLookCommand;
+    /**
+     * Gets a command to apply borders' drawing settings.
+     * Value: A <see cref="ChangeTableBorderRepositoryItemCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBorderRepositoryItem: ChangeTableBorderRepositoryItemCommand;
+    /**
+     * Gets a command to change cell shading in selected table cells.
+     * Value: A <see cref="ChangeTableCellShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellShading: ChangeTableCellShadingCommand;
+    /**
+     * Gets a command to toggle the display of grid lines for a table with no borders applied - on/off.
+     * Value: A <see cref="ShowTableGridLinesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showTableGridLines: ShowTableGridLinesCommand;
+    /**
+     * Gets a command that fits the specified table to its contents.
+     * Value: A <see cref="ToggleTableAutoFitContentsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableAutoFitContents: ToggleTableAutoFitContentsCommand;
+    /**
+     * Gets a command that fits the specified table to a document's window.
+     * Value: A <see cref="ToggleTableAutoFitWindowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableAutoFitWindow: ToggleTableAutoFitWindowCommand;
+    /**
+     * Gets a command that disables automatic adjusting of the selected table.
+     * Value: A <see cref="ToggleTableFixedColumnWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableFixedColumnWidth: ToggleTableFixedColumnWidthCommand;
+    /**
+     * Gets a command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+     * Value: A <see cref="OpenFindPanelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindPanel: OpenFindPanelCommand;
+    /**
+     * Gets a command to invoke the Find and Replace dialog window.
+     * Value: A <see cref="OpenFindAndReplaceDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindAndReplaceDialog: OpenFindAndReplaceDialogCommand;
+    /**
+     * Gets a command to find all matches of the specified text in the document.
+     * Value: A <see cref="FindAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    findAll: FindAllCommand;
+    /**
+     * Gets a command to hide the search results.
+     * Value: A <see cref="HideFindResultsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    hideFindResults: HideFindResultsCommand;
+    /**
+     * Gets a command to replace all matches of the specified text with new characters.
+     * Value: A <see cref="ReplaceAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceAll: ReplaceAllCommand;
+    /**
+     * Gets a command to find and replace a next match of the specified text after the cursor position with new characters.
+     * Value: A <see cref="ReplaceNextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceNext: ReplaceNextCommand;
+    /**
+     * Gets a command to invoke the Spelling dialog window.
+     * Value: A <see cref="OpenSpellingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSpellingDialog: OpenSpellingDialogCommand;
+    /**
+     * Gets a command to assign a shortcut to the specified client command.
+     * Value: A <see cref="AssignShortcutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    assignShortcut: AssignShortcutCommand;
+    /**
+     * Gets a command to invoke the Layout dialog window to customize the settings of a floating object.
+     * Value: A <see cref="OpenLayoutOptionsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openLayoutOptionsDialog: OpenLayoutOptionsDialogCommand;
+    /**
+     * Gets a command to insert a floating text box.
+     * Value: A <see cref="InsertFloatingTextBoxCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFloatingTextBox: InsertFloatingTextBoxCommand;
+    /**
+     * Gets a command to modify a floating object's alignment position.
+     * Value: A <see cref="ChangeFloatingObjectAlignmentPositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAlignmentPosition: ChangeFloatingObjectAlignmentPositionCommand;
+    /**
+     * Gets a command to change a floating object's absolute position.
+     * Value: A <see cref="ChangeFloatingObjectAbsolutePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsolutePosition: ChangeFloatingObjectAbsolutePositionCommand;
+    /**
+     * Gets a command to modify a floating object's relative position.
+     * Value: A <see cref="ChangeFloatingObjectRelativePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRelativePosition: ChangeFloatingObjectRelativePositionCommand;
+    /**
+     * Gets a command to lock a floating object's anchor.
+     * Value: A <see cref="ChangeFloatingObjectLockAnchorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAnchor: ChangeFloatingObjectLockAnchorCommand;
+    /**
+     * Gets a command to modify a floating object's text wrapping settings.
+     * Value: A <see cref="ChangeFloatingObjectTextWrappingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectTextWrapping: ChangeFloatingObjectTextWrappingCommand;
+    /**
+     * Gets a command to change a floating object's absolute size.
+     * Value: A <see cref="ChangeFloatingObjectAbsoluteSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsoluteSize: ChangeFloatingObjectAbsoluteSizeCommand;
+    /**
+     * Gets a command to modify a text box's relative size settings.
+     * Value: A <see cref="ChangeTextBoxRelativeSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxRelativeSize: ChangeTextBoxRelativeSizeCommand;
+    /**
+     * Gets a command to rotate a floating object.
+     * Value: A <see cref="ChangeFloatingObjectRotationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRotation: ChangeFloatingObjectRotationCommand;
+    /**
+     * Gets a command to lock a floating object's aspect ratio.
+     * Value: A <see cref="ChangeFloatingObjectLockAspectRatioCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAspectRatio: ChangeFloatingObjectLockAspectRatioCommand;
+    /**
+     * Gets a command to modify a floating object's background fill color.
+     * Value: A <see cref="ChangeFloatingObjectFillColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectFillColor: ChangeFloatingObjectFillColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline color.
+     * Value: A <see cref="ChangeFloatingObjectOutlineColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineColor: ChangeFloatingObjectOutlineColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline width.
+     * Value: A <see cref="ChangeFloatingObjectOutlineWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineWidth: ChangeFloatingObjectOutlineWidthCommand;
+    /**
+     * Gets a command to modify a text box's content margins.
+     * Value: A <see cref="ChangeTextBoxContentMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxContentMargins: ChangeTextBoxContentMarginsCommand;
+    /**
+     * Gets a command to resize the shape to fit the text in the text box.
+     * Value: A <see cref="ChangeTextBoxResizeShapeToFitTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxResizeShapeToFitText: ChangeTextBoxResizeShapeToFitTextCommand;
+    /**
+     * Gets a command to add an HTML formatted content in place of a selected range.
+     * Value: A <see cref="InsertHtmlCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHtml: InsertHtmlCommand;
+    /**
+     * Gets a command to add RTF formatted content at the specified position.
+     * Value: A <see cref="InsertRtfCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertRtf: InsertRtfCommand;
+    /**
+     * Gets a command to receive RTF formatted content from the document in the specified range.
+     * Value: A <see cref="GetRtfCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    getRtf: GetRtfCommand;
+    /**
+     * Gets a command to prevent the control UI from being updated until the endUpdate method is called.
+     */
+    beginUpdate(): void;
+    /**
+     * Re-enables render operations after a call to the beginUpdate method and forces immediate re-rendering.
+     */
+    endUpdate(): void;
+}
+/**
+ * Serves as a base for objects that implement different client command functionalities.
+ */
+interface CommandBase {
+}
+/**
+ * Serves as a base for commands with a simple common command state.
+ */
+interface CommandWithSimpleStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): SimpleCommandState;
+}
+/**
+ * Serves as a base for commands with the Boolean state.
+ */
+interface CommandWithBooleanStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Defines a simple state common to most of the client commands.
+ */
+interface SimpleCommandState {
+    /**
+     * Gets a value indicating whether the command's UI element is enabled (within the ribbon and context menu).
+     * Value: true, if the command's related UI element is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets a value indicating whether the command's UI element is visible.
+     * Value: true, if the command's related UI element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Defines the state of a command.
+ */
+interface CommandState<T> extends SimpleCommandState {
+    /**
+     * Gets the command state value.
+     * Value: A T object specifying the command state value.
+     */
+    value: T;
+}
+/**
+ * Contains a set properties providing the current information about certain document structural elements.
+ */
+interface RichEditDocument {
+    /**
+     * Provides the information about the active sub-document.
+     * Value: A <see cref="SubDocument" /> object storing information about the essential document functionality.
+     */
+    activeSubDocument: SubDocument;
+    /**
+     * Provides access to the document's main sub-document.
+     * Value: A <see cref="SubDocument" /> object storing the main sub-document.
+     */
+    mainSubDocument: SubDocument;
+    /**
+     * Provides access to the document's sub-documents.
+     * Value: An array of the <see cref="SubDocument[]" />
+     */
+    subDocuments: SubDocument[];
+    /**
+     * Provides information about sections in the current document.
+     * Value: An array of Section objects storing information about sections.
+     */
+    sectionsInfo: Section[];
+    /**
+     * Provides information about paragraph styles in the current document.
+     * Value: An array of ParagraphStyle objects storing information about paragraph styles.
+     */
+    paragraphStylesInfo: ParagraphStyle[];
+    /**
+     * Provides information about character styles in the current document.
+     * Value: An array of CharacterStyle objects storing information about character styles.
+     */
+    characterStylesInfo: CharacterStyle[];
+    /**
+     * Provides information about numbered paragraphs in the document.
+     * Value: An array of AbstractNumberingList objects storing the information about numbered paragraphs.
+     */
+    abstractNumberingListsInfo: AbstractNumberingList[];
+    /**
+     * Provides information about table styles in the current document.
+     * Value: An array of TableStyle objects storing information about table styles.
+     */
+    tableStylesInfo: TableStyle[];
+    /**
+     * Provides information about spell checking in the current document.
+     * Value: A <see cref="SpellingInfo" /> object.
+     */
+    spellingInfo: SpellingInfo;
+    /**
+     * Returns the sub-document with the specified identifier.
+     * @param subDocumentId An integer value specifying the required sub-document.
+     */
+    getSubDocumentById(subDocumentId: number): SubDocument;
+}
+/**
+ * An abstract numbering list definition that defines the appearance and behavior of numbered paragraphs in a document.
+ */
+interface AbstractNumberingList {
+    /**
+     * Gets or sets a value indicating whether an abstract numbering list is deleted.
+     * Value: true, if the abstract numbering list is deleted; otherwise, false.
+     */
+    deleted: boolean;
+}
+/**
+ * Defines a paragraph in the document.
+ */
+interface Paragraph {
+    /**
+     * Gets the paragraph's index.
+     * Value: An integer value specifying the paragraph's index.
+     */
+    index: number;
+    /**
+     * Gets the paragraph's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the paragraph's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the text buffer interval occupied by the current paragraph element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the name of the paragraph style applied to the current paragraph (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+    /**
+     * Gets the index of a list applied to the paragraph.
+     * Value: An integer that is the index of a list to which the paragraph belongs.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the current paragraph in the numbering list.
+     * Value: An integer that is the index of the list level of the current paragraph.
+     */
+    listLevelIndex: number;
+}
+/**
+ * Defines a field in the document.
+ */
+interface Field {
+    /**
+     * Gets the field's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the field length in a document.
+     * Value: An integer value specifying the field length.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the field code element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    codeInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the field result element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    resultInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the current field element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets or sets a URI to navigate to when the hyperlink (represented by the current field) is activated.
+     * Value: A string representing an URI.
+     */
+    hyperlinkUri: string;
+    /**
+     * Returns a value specifying whether the field is a hyperlink.
+     * Value: true, if the field is a hyperlink; otherwise, false.
+     */
+    isHyperlink: boolean;
+    /**
+     * Gets or sets the text for the tooltip displayed when the mouse hovers over a hyperlink field.
+     * Value: A string containing the tooltip text.
+     */
+    hyperlinkTip: string;
+    /**
+     * Gets or sets the name of a bookmark (or a hyperlink) in the current document which shall be the target of the hyperlink field.
+     * Value: A string representing the bookmark's name.
+     */
+    hyperlinkAnchor: string;
+    /**
+     * Gets a value specifying whether a field's code or result is dispalyed.
+     * Value: true, if the field code is displayed; false, if the field result is displayed.
+     */
+    showCode: boolean;
+    /**
+     * Gets the index of the field
+     * Value: An integer value specifying the field's index
+     */
+    index: number;
+}
+/**
+ * Defines a bookmark in the document.
+ */
+interface Bookmark {
+    /**
+     * Gets the bookmark's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the bookmark's length.
+     * Value: An integer value specifying the length of the bookmark.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current bookmark element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the name of a bookmark in the document.
+     * Value: A string that is the unique bookmark's name.
+     */
+    name: string;
+}
+/**
+ * Defines a section in the document.
+ */
+interface Section {
+    /**
+     * Gets the section's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the section's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current section element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides access to the section's headers.
+     * Value: An array of HeaderFooter objects storing information about the section's headers.
+     */
+    headers: HeaderFooter[];
+    /**
+     * Provides access to the section's footers.
+     * Value: An array of HeaderFooter objects storing information about the section's footers.
+     */
+    footers: HeaderFooter[];
+}
+/**
+ * Contains settings defining a header or footer in a document.
+ */
+interface HeaderFooter {
+    /**
+     * Gets the type of the header (footer).
+     * Value: One of the <see cref="HeaderFooterType" /> values.
+     */
+    type: any;
+    /**
+     * Provides access to an object implementing the basic document functionality that is common to the header, footer and the main document body.
+     * Value: A <see cref="SubDocument" /> object exposing the basic document functionality.
+     */
+    subDocument: SubDocument;
+}
+/**
+ * Contains in-line picture settings.
+ */
+interface InlinePictureInfo {
+    /**
+     * Gets the image identifier.
+     * Value: An integer value specifying the image identifier.
+     */
+    id: number;
+    /**
+     * Gets the image position.
+     * Value: An integer value specifying the image position.
+     */
+    position: number;
+    /**
+     * Gets the initial image width.
+     * Value: An integer value specifying the image width.
+     */
+    initialWidth: number;
+    /**
+     * Gets the initial image height.
+     * Value: An integer value specifying the image height.
+     */
+    initialHeight: number;
+    /**
+     * Gets the X-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the X-axis.
+     */
+    scaleX: number;
+    /**
+     * Gets the Y-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the Y-axis.
+     */
+    scaleY: number;
+    /**
+     * Gets the actual image width.
+     * Value: An integer value specifying the image width.
+     */
+    actualWidth: number;
+    /**
+     * Gets the actual image height.
+     * Value: An integer value specifying the image height.
+     */
+    actualHeight: number;
+}
+declare enum HeaderFooterType {
+    First=0,
+    Odd=1,
+    Primary=1,
+    Even=2
+}
+/**
+ * Contains the settings defining a file to save to.
+ */
+interface RichEditFileInfo {
+    /**
+     * Gets or sets the file's folder name.
+     * Value: A string value specifying the folder name.
+     */
+    folderPath: string;
+    /**
+     * Gets or sets the file name.
+     * Value: A string value specifying the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets the file's document format.
+     * Value: A DocumentFormat enumeration value.
+     */
+    documentFormat: any;
+}
+declare enum DocumentFormat {
+    Undefined=0,
+    PlainText=1,
+    Rtf=2,
+    Html=3,
+    OpenXml=4,
+    Mht=5,
+    WordML=6,
+    OpenDocument=7,
+    ePub=9,
+    Doc=10
+}
+/**
+ * Contains floating objects base settings.
+ */
+interface FloatingObjectInfo {
+    /**
+     * Gets the position of the floating object's anchor in the parent sub-document.
+     * Value: An integer value specifying the anchor's position.
+     */
+    position: number;
+    /**
+     * Gets the parent sub-document what stores the current floating object.
+     * Value: A <see cref="SubDocument" /> object representing the parent sub-document.
+     */
+    parentSubDocument: SubDocument;
+}
+/**
+ * Contains floating text boxes settings.
+ */
+interface FloatingTextBoxInfo extends FloatingObjectInfo {
+    /**
+     * Gets the sub-document representing the floating text box's content.
+     * Value: A <see cref="SubDocument" /> object representing the text box's content
+     */
+    contentSubDocument: SubDocument;
+}
+/**
+ * Contains floating pictures settings.
+ */
+interface FloatingPictureInfo extends FloatingObjectInfo {
+}
+/**
+ * Contains a set of methods and properties to work with the document selection.
+ */
+interface RichEditSelection {
+    /**
+     * Gets or sets an array of document intervals in the selection.
+     * Value: An array of Interval objects.
+     */
+    intervals: Interval[];
+    /**
+     * Gets whether a floating picture or text box is selected.
+     * Value: true, if only a floating picture or text box is selected; otherwise, false.
+     */
+    isFloatingObjectSelected: boolean;
+    /**
+     * Gets whether only a text box is selected.
+     * Value: true, if only a text box or any its content is selected; otherwise, false.
+     */
+    isTextBoxSelected: boolean;
+    /**
+     * Gets whether only a picture is selected.
+     * Value: true, if only the picture is selected; otherwise, false.
+     */
+    isPictureSelected: boolean;
+    /**
+     * Gets or sets a value specifying whether the current selection is collapsed (and represents the cursor position).
+     * Value: true, if the selection is collapsed; otherwise, false.
+     */
+    collapsed: boolean;
+    /**
+     * Defines the selection as the specified position.
+     * @param position An integer value specifying the position in the sub-document.
+     */
+    setSelection(position: number): void;
+    /**
+     * Defines the selection to the specified interval.
+     * @param interval An  value specifying the target interval.
+     */
+    setSelection(interval: Interval): void;
+    /**
+     * Defines the selection as the specified intervals.
+     * @param intervals An array of the Interval objects specifying the target intervals.
+     */
+    setSelection(intervals: Interval[]): void;
+    /**
+     * Gets the maximum position of a document interval in the selection.
+     */
+    getIntervalMaxPosition(): number;
+    /**
+     * Moves the cursor to the next line.
+     */
+    goToNextLine(): void;
+    /**
+     * Moves the cursor to the next line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located.
+     */
+    goToLineEnd(): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located.
+     */
+    goToLineStart(): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous line.
+     */
+    goToPreviousLine(): void;
+    /**
+     * Moves the cursor to the previous line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next character.
+     */
+    goToNextCharacter(): void;
+    /**
+     * Moves the cursor to the next character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextCharacter(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous character.
+     */
+    goToPreviousCharacter(): void;
+    /**
+     * Moves the cursor to the previous character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousCharacter(extendSelection: boolean): void;
+    /**
+     * Selects the line in which the cursor is located.
+     */
+    selectLine(): void;
+    /**
+     * Selects the line in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the next page.
+     */
+    goToNextPage(): void;
+    /**
+     * Moves the cursor to the beginning of the next page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the previous page.
+     */
+    goToPreviousPage(): void;
+    /**
+     * Moves the cursor to the beginning of the previous page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the document.
+     */
+    goToDocumentStart(): void;
+    /**
+     * Moves the cursor to the start of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the document.
+     */
+    goToDocumentEnd(): void;
+    /**
+     * Moves the cursor to the end of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next word.
+     */
+    goToNextWord(): void;
+    /**
+     * Moves the cursor to the next word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous word.
+     */
+    goToPrevWord(): void;
+    /**
+     * Moves the cursor to the previous word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPrevWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located.
+     */
+    goToParagraphStart(): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located.
+     */
+    goToParagraphEnd(): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphEnd(extendSelection: boolean): void;
+    /**
+     * Selects the paragraph in which the cursor is located.
+     */
+    selectParagraph(): void;
+    /**
+     * Moves the cursor to the next page break mark.
+     */
+    goToStartNextPageCommand(): void;
+    /**
+     * Moves the cursor to the next page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartNextPageCommand(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous page break mark.
+     */
+    goToStartPrevPageCommand(): void;
+    /**
+     * Moves the cursor to the previous page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartPrevPageCommand(extendSelection: boolean): void;
+    /**
+     * Selects the table cell in which the cursor is located.
+     */
+    selectTableCell(): void;
+    /**
+     * Selects the table cell in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableCell(extendSelection: boolean): void;
+    /**
+     * Selects the table row in which the cursor is located.
+     */
+    selectTableRow(): void;
+    /**
+     * Selects the table row in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableRow(extendSelection: boolean): void;
+    /**
+     * Selects the entire table in which the cursor is located.
+     */
+    selectTable(): void;
+    /**
+     * Selects the entire table in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTable(extendSelection: boolean): void;
+    /**
+     * Selects the editor's entire content.
+     */
+    selectAll(): void;
+    /**
+     * Makes the main sub-document active and moves the cursor to its beginning.
+     */
+    setMainSubDocumentAsActive(): void;
+    /**
+     * Creates a footer sub-document (if it was not created before) and sets the footer as the active sub-document. Moves the cursor to the footer's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setFooterSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Creates a header sub-document (if it was not created before) and sets the header as the active sub-document. Moves the cursor to the header's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Makes the selected text box active.
+     */
+    setTextBoxSubDocumentAsActive(): void;
+    /**
+     * Makes the specified text box active.
+     * @param position An integer value identifying the target text box by its anchor position.
+     */
+    setTextBoxSubDocumentAsActive(position: number): void;
+    /**
+     * Makes the specified text box active.
+     * @param textBoxInfo A FloatingTextBoxInfo object identifying the target text box.
+     */
+    setTextBoxSubDocumentAsActive(textBoxInfo: FloatingTextBoxInfo): void;
+    /**
+     * Makes the specified sub-document active.
+     * @param id An integer value identifying the target sub-document by its id.
+     */
+    setActiveSubDocumentById(id: number): void;
+}
+/**
+ * Defines a document's interval.
+ */
+interface Interval {
+    /**
+     * Gets the interval's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the interval's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+}
+/**
+ * Contains spell checking related settings.
+ */
+interface SpellingInfo {
+    /**
+     * Gets a value specifying the spell checking state.
+     * Value: One of the <see cref="SpellCheckerState" /> enumeration values.
+     */
+    spellCheckerState: any;
+    /**
+     * Provides access to an array containing misspelled intervals.
+     * Value: An array of MisspelledInterval objects.
+     */
+    misspelledIntervals: MisspelledInterval[];
+}
+declare enum SpellCheckerState {
+    Disabled=0,
+    InProgress=1,
+    Done=2
+}
+/**
+ * Contains the settings defining a misspelled interval.
+ */
+interface MisspelledInterval {
+    /**
+     * Gets the start position of the misspelled word in the interval.
+     * Value: An integer value specifying the misspelled word's start position.
+     */
+    start: number;
+    /**
+     * Gets the length of the misspelled interval.
+     * Value: An integer value specifying the misspelled interval's length.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Gets the spelling error type.
+     * Value: One of the <see cref="SpellingErrorType" /> enumeration values.
+     */
+    errorType: any;
+    /**
+     * Gets an erroneous word found during spell check.
+     * Value: A string that is the erroneous or misspelled word.
+     */
+    word: string;
+    /**
+     * Gets a list of suggested words to replace the misspelled word.
+     * Value: A string array containing suggested words.
+     */
+    suggestions: string[];
+}
+declare enum SpellingErrorType {
+    Misspelling=0,
+    Repeating=1
+}
+/**
+ * Serves as a base for objects implementing different element styles.
+ */
+interface StyleBase {
+    /**
+     * Gets or sets the name of the style.
+     * Value: A string specifying the style name.
+     */
+    name: string;
+    /**
+     * Gets whether the specified style is marked as deleted.
+     * Value: true, if the style is deleted; otherwise, false.
+     */
+    isDeleted: boolean;
+}
+/**
+ * Defines the paragraph style settings.
+ */
+interface ParagraphStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="CharacterStyle" /> object representing a character style linked to a current style.
+     */
+    linkedStyle: CharacterStyle;
+    /**
+     * Gets or sets the default style for a paragraph that immediately follows the current paragraph.
+     * Value: A <see cref="ParagraphStyle" /> object specifying the style for the next paragraph.
+     */
+    nextStyle: ParagraphStyle;
+    /**
+     * Gets the index of the list item associated with the paragraph formatted with the current style.
+     * Value: An integer value specifying the list item index.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the paragraph formatted with the current style.
+     * Value: An integer that is the list level index.
+     */
+    listLevelIndex: number;
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="ParagraphStyle" /> object representing the parent style.
+     */
+    parent: ParagraphStyle;
+}
+/**
+ * Contains characteristics of a character style in a document.
+ */
+interface CharacterStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="ParagraphStyle" /> object representing a paragraph style linked to a current style.
+     */
+    linkedStyle: ParagraphStyle;
+    /**
+     * Gets the style form which the current style inherits.
+     * Value: A <see cref="CharacterStyle" /> object representing the parent style.
+     */
+    parent: CharacterStyle;
+}
+/**
+ * Defines the table style settings.
+ */
+interface TableStyle extends StyleBase {
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="TableStyle" /> object that is the parent style.
+     */
+    parent: TableStyle;
+}
+/**
+ * Exposes the settings providing the information about the essential document functionality.
+ */
+interface SubDocument {
+    /**
+     * Gets the sub-document identifier.
+     * Value: An integer value specifying the sub-document identifier.
+     */
+    id: number;
+    /**
+     * Gets a value specifying the sub-document type.
+     * Value: One of the <see cref="SubDocumentType" /> enumeration values.
+     */
+    type: any;
+    /**
+     * Provides information about paragraphs contained in the document.
+     * Value: An array of Paragraph objects storing information about document paragraphs.
+     */
+    paragraphsInfo: Paragraph[];
+    /**
+     * Provides information about fields in the current document.
+     * Value: An array of Field objects storing information about document fields.
+     */
+    fieldsInfo: Field[];
+    /**
+     * Provides information about tables contained in the document.
+     * Value: An array of Table objects storing information about document tables.
+     */
+    tablesInfo: Table[];
+    /**
+     * Provides information about document bookmarks.
+     * Value: An array of Bookmark objects storing information about document bookmarks.
+     */
+    bookmarksInfo: Bookmark[];
+    /**
+     * Provides access to an array of objects containing in-line picture settings.
+     * Value: An array of <see cref="InlinePictureInfo[]" /> objects.
+     */
+    inlinePicturesInfo: InlinePictureInfo[];
+    /**
+     * Gets the document's textual representation.
+     * Value: A string value specifying the document's text.
+     */
+    text: string;
+    /**
+     * Gets the character length of the document.
+     * Value: An integer that is the number of character positions in the document.
+     */
+    length: number;
+    /**
+     * Provides information about floating text boxes contained within the sub-document if it is the main sub-document or header/footer.
+     * Value: An array of FloatingTextBoxInfo objects storing the information about floating text boxes.
+     */
+    floatingTextBoxesInfo: FloatingTextBoxInfo[];
+    /**
+     * Provides information about floating pictures in the sub-document.
+     * Value: An array of FloatingPictureInfo objects storing information about floating objects.
+     */
+    floatingPicturesInfo: FloatingPictureInfo[];
+    /**
+     * Return the document's textual representation contained in the specified interval.
+     * @param interval A text buffer interval that contains the target text.
+     */
+    getTextByInterval(interval: Interval): string;
+    /**
+     * Returns information specific for floating text boxes about the sub-document.
+     */
+    getFloatingTextBoxInfo(): FloatingTextBoxInfo;
+    /**
+     * Returns a field if its interval includes the specified position.
+     * @param position An integer value specifying the target field's position.
+     */
+    findFields(position: number): Field[];
+    /**
+     * Returns all fields contained in the specified interval.
+     * @param interval A text buffer interval that contains the target fields.
+     */
+    findFields(interval: Interval): Field[];
+    /**
+     * Returns a table if its interval includes the specified position.
+     * @param position An integer value specifying the target table's position.
+     */
+    findTables(position: number): Field[];
+    /**
+     * Returns all tables contained in the specified interval.
+     * @param interval A text buffer interval that contains the target tables.
+     */
+    findTables(interval: Interval): Field[];
+    /**
+     * Returns an array of paragraphs whose range includes the specified position in the sub-document.
+     * @param position An integer value specifying the target position in the sub-document.
+     */
+    findParagraphs(position: number): Paragraph[];
+    /**
+     * Returns an array of paragraphs whose range intersects the specified interval in the sub-document.
+     * @param interval An Interval object specifying the target interval in the sub-document.
+     */
+    findParagraphs(interval: Interval): Paragraph[];
+    /**
+     * Returns an array of paragraphs whose range intersects the specified intervals in the sub-document.
+     * @param intervals An array of the Interval object specifying the target intervals in the sub-document.
+     */
+    findParagraphs(intervals: Interval[]): Paragraph[];
+    /**
+     * Returns an array of bookmarks whose range includes the specified position in the sub-document.
+     * @param position An integer value specifying the target position in the sub-document.
+     */
+    findBookmarks(position: number): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose range intersects the specified interval in the sub-document.
+     * @param interval An Interval object specifying the target interval in the sub-document.
+     */
+    findBookmarks(interval: Interval): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose range intersects the specified intervals in the sub-document.
+     * @param intervals An array of Interval objects specifying the target intervals in the sub-document.
+     */
+    findBookmarks(intervals: Interval[]): Bookmark[];
+    /**
+     * Returns a bookmark specified by its name.
+     * @param name A string value specifying the target bookmark's name.
+     */
+    findBookmarks(name: string): Bookmark[];
+    /**
+     * Returns an array of bookmarks whose names are matched to the specified regular expression.
+     * @param regExp A string value specifying the regular expression that defines the pattern for searching by names in the sub-document's bookmark collection.
+     */
+    findBookmarks(regExp: any): Bookmark[];
+}
+declare enum SubDocumentType {
+    Main=0,
+    Header=1,
+    Footer=2,
+    TextBox=3
+}
+/**
+ * Defines a table in the document.
+ */
+interface Table {
+    /**
+     * Gets the table's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table length in characters.
+     * Value: A integer value specifying the character length of the table.
+     */
+    length: number;
+    /**
+     * Gets an index of the table.
+     * Value: An integer value specifying the table's index.
+     */
+    index: number;
+    /**
+     * Gets the text buffer interval occupied by the current table element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides access to a collection of table rows.
+     * Value: An array of TableRow objects storing information about individual table rows.
+     */
+    rows: TableRow[];
+    /**
+     * Gets the name of the style applied to the table (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+}
+/**
+ * Defines a table row in the document.
+ */
+interface TableRow {
+    /**
+     * Gets the table row's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table row's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table row element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+    /**
+     * Provides information about the table row's cells.
+     * Value: An array of TableCell objects storing information about cells.
+     */
+    cells: TableCell[];
+}
+/**
+ * Defines a table cell in the document.
+ */
+interface TableCell {
+    /**
+     * Gets the table cell's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table cell's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table cell element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    interval: Interval;
+}
+/**
+ * Contains the method to convert different units of measurement.
+ */
+interface RichEditUnitConverter {
+    /**
+     * Converts a measurement from pixels to twips.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToTwips(value: number): number;
+    /**
+     * Converts a measurement from inches to twips.
+     * @param value The inches value (floating) to be converted.
+     */
+    inchesToTwips(value: number): number;
+    /**
+     * Converts a measurement from points to twips.
+     * @param value The points value to be converted.
+     */
+    pointsToTwips(value: number): number;
+    /**
+     * Converts a value in centimeters to twips.
+     * @param value A floating value specifying the value in centimeters to convert.
+     */
+    centimetersToTwips(value: number): number;
+    /**
+     * Converts a measurement from twips to centimeters.
+     * @param value The twips value to be converted.
+     */
+    twipsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from pixels to centimeters.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from twips to inches.
+     * @param value The twips value to be converted.
+     */
+    twipsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to inches.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to points.
+     * @param value The pixels value to be converted.
+     */
+    pixelsToPoints(value: number): number;
+    /**
+     * Converts a measurement from twips to points.
+     * @param value The twips value to be converted.
+     */
+    twipsToPoints(value: number): number;
+}
+/**
+ * A command to invoke the Bookmark dialog.
+ */
+interface OpenInsertBookmarkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertBookmarkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a new bookmark that references the current selection.
+ */
+interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertBookmarkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying a name of the created bookmark.
+     * @param start An integer value specifying the start position of the bookmark's range.
+     * @param length An integer value specifying the length of the bookmark's range.
+     */
+    execute(name: string, start: number, length: number): boolean;
+}
+/**
+ * A command to delete a specific bookmark.
+ */
+interface DeleteBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying a name of the deleted bookmark.
+     */
+    execute(name: string): boolean;
+}
+/**
+ * Gets a command to navigate to the specified bookmark in the document.
+ */
+interface GoToBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying the bookmark's name
+     */
+    execute(name: string): boolean;
+}
+/**
+ * A command to paste the text from the clipboard over the selection.
+ */
+interface PasteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the PasteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the clipboard.
+ */
+interface CopyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to cut the selected text and place it to the clipboard.
+ */
+interface CutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert an empty document field at the current position in the document.
+ */
+interface CreateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the CreateFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param code A string value specifying the field code receiving to the created field.
+     */
+    execute(code: string): boolean;
+}
+/**
+ * A command to update the field's result.
+ */
+interface UpdateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when updating of all fields in the selection is completed.
+     */
+    execute(callback: Function): boolean;
+}
+/**
+ * A command to display the selected field's field codes.
+ */
+interface ShowFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display all field codes in place of the fields in the document.
+ */
+interface ShowAllFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowAllFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowAllFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update all fields in the selected range.
+ */
+interface UpdateAllFieldsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when updating of all fields in the document is completed.
+     */
+    execute(callback: Function): boolean;
+}
+/**
+ * A command to insert a DATE field displaying the current date.
+ */
+interface CreateDateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateDateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a TIME field displaying the current time.
+ */
+interface CreateTimeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateTimeFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a PAGE field displaying the current page number.
+ */
+interface CreatePageFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a caption for a figure.
+ */
+interface InsertFiguresCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFiguresCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a caption for a table.
+ */
+interface InsertTablesCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTablesCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a caption for an equation.
+ */
+interface InsertEquationsCaptionCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertEquationsCaptionCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of figures.
+ */
+interface InsertTableOfFiguresCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfFiguresCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of tables.
+ */
+interface InsertTableOfTablesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfTablesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to create a table of equations.
+ */
+interface InsertTableOfEquationsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfEquationsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table of contents.
+ */
+interface InsertTableOfContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableOfContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update a table of contents.
+ */
+interface UpdateTableOfContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateTableOfContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToDataRecordCommand extends CommandBase {
+    /**
+     * Executes the GoToDataRecordCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param activeRecordIndex An integer value specifying index of the next data record.
+     */
+    execute(activeRecordIndex: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the settings defining a data record.
+ */
+interface DataRecordOptions {
+    /**
+     * Gets or sets the index of the active data record.
+     * Value: An integer value specifying the data record index.
+     */
+    activeRecordIndex: number;
+    /**
+     * Gets or sets the count of data source records.
+     * Value: An integer value specifying the count of data source records.
+     */
+    recordCount: number;
+}
+/**
+ * A command to navigate to the first data record of the bound data source.
+ */
+interface GoToFirstDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFirstDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous data record of the bound data source.
+ */
+interface GoToPreviousDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToNextDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the last data record of the bound data source.
+ */
+interface GoToLastDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToLastDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display or hide actual data in MERGEFIELD fields.
+ */
+interface ShowMergedDataCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowMergedDataCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowMergedDataCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showMergedData true to display merged data, false to hide merged data.
+     */
+    execute(showMergedData: boolean): boolean;
+}
+/**
+ * A command to invoke the Insert Merge Field dialog.
+ */
+interface MergeFieldDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeFieldDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+ */
+interface CreateMergeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateMergeFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldName A string value specifying the name of the merge field.
+     */
+    execute(fieldName: string): boolean;
+}
+/**
+ * Gets a command to invoke the Export Range dialog to start a mail merge.
+ */
+interface MailMergeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MailMergeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to start the mail merge process and download the resulting document containing the merged information.
+ */
+interface MailMergeAndDownloadCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     */
+    execute(documentFormat: any): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     * @param settings A MailMergeSettings object containing settings to set up mail merge operations.
+     */
+    execute(fileExtension: string, settings: MailMergeSettings): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
+     */
+    execute(documentFormat: any, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to start the mail merge process and save the resulting merged document to the server.
+ */
+interface MailMergeAndSaveAsCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param filePath A string value specifying path to the saving file on the server.
+     */
+    execute(filePath: string): boolean;
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileInfo A RichEditFileInfo object specifying a file to save to.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
+     */
+    execute(fileInfo: RichEditFileInfo, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a NUMPAGES field displaying the total number of pages.
+ */
+interface CreatePageCountFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageCountFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to set up mail merge operations.
+ */
+interface MailMergeSettings {
+    /**
+     * Gets or sets a value specifying which data rows should be exported into a merged document.
+     * Value: One of the <see cref="MailMergeExportRange" /> values.
+     */
+    range: any;
+    /**
+     * Gets or sets the index of the row from which the exported range starts.
+     * Value: An integer value specifying the row index.
+     */
+    exportFrom: number;
+    /**
+     * Gets or sets the number of data rows in the exported mail-merge range.
+     * Value: An integer value specifying the row count.
+     */
+    exportRecordsCount: number;
+    /**
+     * Gets or sets the merge mode.
+     * Value: One of the <see cref="MergeMode" /> values.
+     */
+    mergeMode: any;
+}
+declare enum MergeMode {
+    NewParagraph=0,
+    NewSection=1,
+    JoinTables=2
+}
+declare enum MailMergeExportRange {
+    AllRecords=0,
+    CurrentRecord=1,
+    Range=2
+}
+/**
+ * A command to create a new empty document.
+ */
+interface FileNewCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileNewCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to open the file, specifying its path.
+ */
+interface FileOpenCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the opening file.
+     */
+    execute(path: string): boolean;
+}
+/**
+ * A command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+ */
+interface FileOpenDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to save the document to a file.
+ */
+interface FileSaveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+ */
+interface FileSaveAsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying the path to the saving file. Note that the path should be relative to the work directory.
+     */
+    execute(path: string): boolean;
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileInfo A <see cref="Boolean" /> object specifying a file to save to.
+     */
+    execute(fileInfo: RichEditFileInfo): boolean;
+}
+/**
+ * A command to download the document file, specifying its extension.
+ */
+interface FileDownloadCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the extension of the downloading file.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat A DocumentFormat enumeration value.
+     */
+    execute(documentFormat: any): boolean;
+}
+/**
+ * A command to open the file's Save As dialog.
+ */
+interface FileSaveAsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke a browser-specific Print dialog allowing one to print the current document.
+ */
+interface FilePrintCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FilePrintCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+ */
+interface OpenFindPanelCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindPanelCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Find and Replace dialog.
+ */
+interface OpenFindAndReplaceDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindAndReplaceDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to find all matches of the specified text in the document.
+ */
+interface FindAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying finding text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight the search results; otherwise, false.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean): boolean;
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to find.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight the search results; otherwise, false.
+     * @param results An array of Interval objects containing the search results.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean, results: Interval[]): boolean;
+}
+/**
+ * A command to hide the search results.
+ */
+interface HideFindResultsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the HideFindResultsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to search for a specific text and replace all matches in the document with the specified string.
+ */
+interface ReplaceAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to replace.
+     * @param replaceText A string value specifying the inserted text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to search for a specific text and replace the next match in the document with the specified string.
+ */
+interface ReplaceNextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceNextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to replace.
+     * @param replaceText A string value specifying the inserted text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+interface OpenLayoutOptionsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenLayoutOptionsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a floating text box.
+ */
+interface InsertFloatingTextBoxCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFloatingTextBoxCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to lock a floating object's anchor.
+ */
+interface ChangeFloatingObjectLockAnchorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAnchorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAnchor true to lock the anchor; false, otherwise.
+     */
+    execute(lockAnchor: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's alignment position.
+ */
+interface ChangeFloatingObjectAlignmentPositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAlignmentPositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAlignmentPositionSettings object specifying alignment position settings.
+     */
+    execute(settings: FloatingObjectAlignmentPositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute position.
+ */
+interface ChangeFloatingObjectAbsolutePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsolutePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsolutePositionSettings object specifying object position settings.
+     */
+    execute(settings: FloatingObjectAbsolutePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's relative position.
+ */
+interface ChangeFloatingObjectRelativePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRelativePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectRelativePositionSettings object specifying relative positioin settings.
+     */
+    execute(settings: FloatingObjectRelativePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's text wrapping settings.
+ */
+interface ChangeFloatingObjectTextWrappingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectTextWrappingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectTextWrappingSettings object specifying text wrapping settings.
+     */
+    execute(settings: FloatingObjectTextWrappingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute size.
+ */
+interface ChangeFloatingObjectAbsoluteSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsoluteSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsoluteSizeSettings object specifying absolute size settings.
+     */
+    execute(settings: FloatingObjectAbsoluteSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' relative size settings.
+ */
+interface ChangeTextBoxRelativeSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxRelativeSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TextBoxRelativeSizeSettings object specifying relative size settings.
+     */
+    execute(settings: TextBoxRelativeSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to rotate a floating object.
+ */
+interface ChangeFloatingObjectRotationCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRotationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rotation An integer value specifying the angle of rotation.
+     */
+    execute(rotation: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to lock a floating object's aspect ratio.
+ */
+interface ChangeFloatingObjectLockAspectRatioCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAspectRatioCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAspectRatio true to lock the aspect ratio and maintain the proportions; otherwise, false.
+     */
+    execute(lockAspectRatio: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's background fill color.
+ */
+interface ChangeFloatingObjectFillColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectFillColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline color.
+ */
+interface ChangeFloatingObjectOutlineColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline width.
+ */
+interface ChangeFloatingObjectOutlineWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer value specifying the outline width.
+     */
+    execute(width: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' content margins.
+ */
+interface ChangeTextBoxContentMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxContentMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A Margins object specifying margin settings.
+     */
+    execute(settings: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to resize the shape to fit the text in the text box.
+ */
+interface ChangeTextBoxResizeShapeToFitTextCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxResizeShapeToFitTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param resizeShapeToFitText true, to resize the shape to fit the text; otherwise, false.
+     */
+    execute(resizeShapeToFitText: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains alignment position settings for floating objects.
+ */
+interface FloatingObjectAlignmentPositionSettings {
+    /**
+     * Gets or sets a value specifying how a floating object is horizontally aligned relative to an element specified by the horizontalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionAlignment" /> enumeration values.
+     */
+    horizontalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the horizontal alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a value specifying how a floating object is vertically aligned relative to an element specified by the verticalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionAlignment" /> enumeration values.
+     */
+    verticalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the vertical alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains page margin settings.
+ */
+interface FloatingObjectAbsolutePositionSettings {
+    /**
+     * Gets or sets a floating object's horizontal position relative to an element specified by the horizontalPositionType property.
+     * Value: An integer value specifying the position in twips.
+     */
+    horizontalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a floating object's vertical position relative to an element specified by the verticalPositionType property.
+     * Value: An integer value specifying the position in twips.
+     */
+    verticalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains relative position settings for floating objects.
+ */
+interface FloatingObjectRelativePositionSettings {
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the horizontalRelativePosition property
+     * Value: An integer value specifying the horizontal position in twips.
+     */
+    horizontalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the verticalRelativePosition property
+     * Value: An integer value specifying the vertical position in twips.
+     */
+    verticalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains text wrapping settings for floating objects.
+ */
+interface FloatingObjectTextWrappingSettings {
+    /**
+     * Gets or sets a value specifying how text is wrapped around a floating object.
+     * Value: One of the <see cref="FloatingObjectTextWrapType" /> enumeration values.
+     */
+    floatingObjectTextWrapType: any;
+    /**
+     * Gets or sets a value specifying how text can wrap around a floating object's left and right sides.
+     * Value: One of the <see cref="FloatingObjectTextWrapSide" /> enumeration values.
+     */
+    floatingObjectTextWrapSide: any;
+    /**
+     * Gets or sets the left offset of text wrapping.
+     * Value: An integer value specifying the left offset in twips.
+     */
+    leftDistance: number;
+    /**
+     * Gets or sets the right offset of text wrapping.
+     * Value: An integer value specifying the right offset in twips.
+     */
+    rightDistance: number;
+    /**
+     * Gets or sets the top offset of text wrapping.
+     * Value: An integer value specifying the top offset in twips.
+     */
+    topDistance: number;
+    /**
+     * Gets or sets the bottom offset of text wrapping.
+     * Value: An integer value specifying the bottom offset in twips.
+     */
+    bottomDistance: number;
+}
+/**
+ * Contains absolute size settings for floating objects.
+ */
+interface FloatingObjectAbsoluteSizeSettings {
+    /**
+     * Gets or sets a floating object's absolute width.
+     * Value: An integer value specifying the width in twips.
+     */
+    absoluteWidth: number;
+    /**
+     * Gets or sets a floating object's absolute height.
+     * Value: An integer value specifying the height in twips.
+     */
+    absoluteHeight: number;
+}
+/**
+ * Contains relative size settings for floating objects.
+ */
+interface TextBoxRelativeSizeSettings {
+    /**
+     * Gets or sets the percentage specifying a floating object's width relative to the element defined by the relativeWidthType property.
+     * Value: An integer value specifying the relative width, as a percentage.
+     */
+    relativeWidth: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object width is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeWidthType" /> enumeration values.
+     */
+    relativeWidthType: any;
+    /**
+     * Gets or sets the percentage specifying a floating object's height relative to the element defined by the relativeHeightType property.
+     * Value: An integer value specifying the relative height, as a percentage.
+     */
+    relativeHeight: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object height is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeHeightType" /> enumeration values.
+     */
+    relativeHeightType: any;
+}
+declare enum FloatingObjectRelativeWidthType {
+    Margin=0,
+    Page=1,
+    LeftMargin=2,
+    RightMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectRelativeHeightType {
+    Margin=0,
+    Page=1,
+    TopMargin=2,
+    BottomMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectTextWrapType {
+    None=0,
+    TopAndBottom=1,
+    Tight=2,
+    Through=3,
+    Square=4
+}
+declare enum FloatingObjectTextWrapSide {
+    Both=0,
+    Left=1,
+    Right=2,
+    Largest=3
+}
+declare enum FloatingObjectHorizontalPositionType {
+    Page=0,
+    Character=1,
+    Column=2,
+    Margin=3,
+    LeftMargin=4,
+    RightMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectHorizontalPositionAlignment {
+    None=0,
+    Left=1,
+    Center=2,
+    Right=3,
+    Inside=4,
+    Outside=5
+}
+declare enum FloatingObjectVerticalPositionType {
+    Page=0,
+    Line=1,
+    Paragraph=2,
+    Margin=3,
+    TopMargin=4,
+    BottomMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectVerticalPositionAlignment {
+    None=0,
+    Top=1,
+    Center=2,
+    Bottom=3,
+    Inside=4,
+    Outside=5
+}
+/**
+ * A command to cancel changes caused by the previous command.
+ */
+interface UndoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UndoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to reverse actions of the previous undo command.
+ */
+interface RedoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RedoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add an HTML formatted content in place of a selected range.
+ */
+interface InsertHtmlCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHtmlCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param html A string that specifies the inserted HTML code.
+     */
+    execute(html: string): boolean;
+}
+/**
+ * A command to invoke the Hyperlink dialog.
+ */
+interface OpenInsertHyperlinkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertHyperlinkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a hyperlink at the current position in the document.
+ */
+interface InsertHyperlinkCommand extends CommandBase {
+    /**
+     * Executes the InsertHyperlinkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A HyperlinkSettings object specifying hyperlink settings.
+     */
+    execute(settings: HyperlinkSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to delete the selected hyperlink.
+ */
+interface DeleteHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete all hyperlinks in a selected range.
+ */
+interface DeleteHyperlinksCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinksCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+ */
+interface OpenHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the specified hyperlink.
+ */
+interface ChangeHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ChangeHyperlinkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldIndex An integer value specifying the field's index in the specified sub-document.
+     * @param hyperlinkSettings An object specifying the hyperlink's properties.
+     * @param subDocumentId A nullable value specifying the sub-document.
+     */
+    execute(fieldIndex: number, hyperlinkSettings: HyperlinkSettings, subDocumentId?: any): boolean;
+}
+/**
+ * Contains settings to define hyperlinks.
+ */
+interface HyperlinkSettings {
+    /**
+     * Gets or sets a text displayed for a hyperlink.
+     * Value: A string value specifying the hyperlink display text.
+     */
+    text: string;
+    /**
+     * Gets or sets a text for the tooltip displayed when the mouse hovers over a hyperlink.
+     * Value: A string containing the tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the hyperlink destination.
+     * Value: A string value that specifies the destination to which a hyperlink refers.
+     */
+    url: string;
+    /**
+     * Gets or sets the associated bookmark.
+     * Value: A string value specifying the bookmark name.
+     */
+    bookmark: string;
+}
+/**
+ * A command to insert a page break at the current position in the document.
+ */
+interface InsertPageBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPageBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a column break at the current position in the document.
+ */
+interface InsertColumnBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertColumnBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next page.
+ */
+interface InsertSectionBreakNextPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakNextPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next even-numbered page.
+ */
+interface InsertSectionBreakEvenPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakEvenPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next odd-numbered page.
+ */
+interface InsertSectionBreakOddPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakOddPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert the line break at the current position in the document.
+ */
+interface InsertLineBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertLineBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the bulleted paragraph and normal text.
+ */
+interface ToggleBulletedListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleBulletedListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the numbered paragraph and normal text.
+ */
+interface ToggleNumberingListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the multilevel list style and normal text.
+ */
+interface ToggleMultilevelListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleMultilevelListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Bulleted and Numbering dialog.
+ */
+interface OpenNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenNumberingListDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Customize Numbered List dialog.
+ */
+interface OpenCustomNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenCustomNumberingListDialogCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+}
+/**
+ * A command to customize the numbered list parameters.
+ */
+interface ChangeCustomNumberingListCommand extends CommandBase {
+    /**
+     * Executes the ChangeCustomNumberingListCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying the numbering list index.
+     * @param listLevelSettings An array of ListLevelSettings objects defining settings for list levels.
+     */
+    execute(abstractNumberingListIndex: number, listLevelSettings: ListLevelSettings[]): boolean;
+    /**
+     * Gets information about the command state.
+     * @param abstractNumberingListIndex An integer value specifying the index of the abstract numbering list item whose state to return.
+     */
+    getState(abstractNumberingListIndex: number): any;
+}
+/**
+ * A command to restart the numbering list.
+ */
+interface RestartNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RestartNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected numbered list.
+ */
+interface IncrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected numbered list.
+ */
+interface DecrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to continue the list's numbering.
+ */
+interface ContinueNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ContinueNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert numeration to a paragraph making it a numbering list item.
+ */
+interface InsertNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param numberingListIndex An integer value specifying an index of the numbering list.
+     * @param isAbstractNumberingList true, to insert an abstract numbering list; otherwise, false.
+     */
+    execute(numberingListIndex: number, isAbstractNumberingList: boolean): boolean;
+}
+/**
+ * A command to remove the selected numeration.
+ */
+interface RemoveNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNumerationCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define individual bulleted or numbered list levels.
+ */
+interface ListLevelSettings {
+    /**
+     * Gets or sets the pattern used to format the list level for display purposes.
+     * Value: A string value specifying the format pattern.
+     */
+    displayFormatString: string;
+    /**
+     * Gets or sets the numbering format used for the current list level's paragraph.
+     * Value: One of the <see cref="ListLevelFormat" /> values.
+     */
+    format: any;
+    /**
+     * Gets the list level item's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets or sets the paragraph text alignment within numbered list levels.
+     * Value: One of the <see cref="ListLevelNumberAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the character inserted after the number for a numbered list item.
+     * Value: A string value that is the trailing character for the list level.
+     */
+    separator: string;
+    /**
+     * Gets or sets the left indent for text within the current list level's paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a value specifying the indent of the first line of the current list level's paragraph.
+     * Value: An integer value specifying the indent.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets a value specifying whether and how the first line of the current list level's paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets the font name of the current list level's paragraph.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the font color of the current list level's paragraph.
+     * Value: A string value specifying the font color.
+     */
+    fontColor: string;
+    /**
+     * Gets or sets the font size of the current list level's paragraph.
+     * Value: An integer value specifying the font size.
+     */
+    fontSize: number;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is bold.
+     * Value: true, if the font formatting is bold; otherwise, false.
+     */
+    fontBold: boolean;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is italic.
+     * Value: true, if the font formatting is italic; otherwise, false.
+     */
+    fontItalic: boolean;
+}
+declare enum ListLevelFormat {
+    Decimal=0,
+    AIUEOHiragana=1,
+    AIUEOFullWidthHiragana=2,
+    ArabicAbjad=3,
+    ArabicAlpha=4,
+    Bullet=5,
+    CardinalText=6,
+    Chicago=7,
+    ChineseCounting=8,
+    ChineseCountingThousand=9,
+    ChineseLegalSimplified=10,
+    Chosung=11,
+    DecimalEnclosedCircle=12,
+    DecimalEnclosedCircleChinese=13,
+    DecimalEnclosedFullstop=14,
+    DecimalEnclosedParentheses=15,
+    DecimalFullWidth=16,
+    DecimalFullWidth2=17,
+    DecimalHalfWidth=18,
+    DecimalZero=19,
+    Ganada=20,
+    Hebrew1=21,
+    Hebrew2=22,
+    Hex=23,
+    HindiConsonants=24,
+    HindiDescriptive=25,
+    HindiNumbers=26,
+    HindiVowels=27,
+    IdeographDigital=28,
+    IdeographEnclosedCircle=29,
+    IdeographLegalTraditional=30,
+    IdeographTraditional=31,
+    IdeographZodiac=32,
+    IdeographZodiacTraditional=33,
+    Iroha=34,
+    IrohaFullWidth=35,
+    JapaneseCounting=36,
+    JapaneseDigitalTenThousand=37,
+    JapaneseLegal=38,
+    KoreanCounting=39,
+    KoreanDigital=40,
+    KoreanDigital2=41,
+    KoreanLegal=42,
+    LowerLetter=43,
+    LowerRoman=44,
+    None=45,
+    NumberInDash=46,
+    Ordinal=47,
+    OrdinalText=48,
+    RussianLower=49,
+    RussianUpper=50,
+    TaiwaneseCounting=51,
+    TaiwaneseCountingThousand=52,
+    TaiwaneseDigital=53,
+    ThaiDescriptive=54,
+    ThaiLetters=55,
+    ThaiNumbers=56,
+    UpperLetter=57,
+    UpperRoman=58,
+    VietnameseDescriptive=59
+}
+declare enum ListLevelNumberAlignment {
+    Left=0,
+    Center=1,
+    Right=2
+}
+/**
+ * A command to invoke the Insert Image dialog.
+ */
+interface OpenInsertPictureDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertPictureDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a picture from a file.
+ */
+interface InsertPictureCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPictureCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param imageUrl A string value specifying picture's Url.
+     */
+    execute(imageUrl: string): boolean;
+}
+/**
+ * A command to invoke the Symbols dialog.
+ */
+interface OpenInsertSymbolDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertSymbolDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a character into the document.
+ */
+interface InsertSymbolCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSymbolCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param symbol A string value specifying symbols to insert.
+     * @param fontName A string value specifying the font of symbols to insert.
+     */
+    execute(symbol: string, fontName: string): boolean;
+}
+/**
+ * A command to insert a paragraph break at the current position in the document.
+ */
+interface InsertParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert text at the current position in the document.
+ */
+interface InsertTextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     */
+    execute(text: string): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param interval An object specifying the text range in the active sub-document that will be replaced with the inserted text.
+     */
+    execute(text: string, interval: Interval): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param interval An object specifying the text range that will be replaced with the inserted text.
+     * @param subDocumentId An integer value specifying the sub-document.
+     */
+    execute(text: string, interval: Interval, subDocumentId: number): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param position An integer value specifying the text's position where to insert the text.
+     */
+    execute(text: string, position: number): boolean;
+    /**
+     * Executes the InsertTextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying a text to insert.
+     * @param position An integer value specifying the text's position where to insert the text.
+     * @param subDocumentId An integer value specifying the sub-document.
+     */
+    execute(text: string, position: number, subDocumentId: number): boolean;
+}
+/**
+ * A command to delete the text in a selected range.
+ */
+interface DeleteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the previous word.
+ */
+interface RemovePrevWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemovePrevWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the next word.
+ */
+interface RemoveNextWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNextWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to move the cursor backwards and erase the character in that space.
+ */
+interface BackspaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the BackspaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to scale pictures in a selected range.
+ */
+interface ChangePictureScaleCommand extends CommandBase {
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param scale A Scale object specifying scaling of the picture.
+     */
+    execute(scale: Scale): boolean;
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param x An integer number specifying the scaling value for the width of the picture as a percentage.
+     * @param y An integer number specifying the scaling value for the height of the picture as a percentage.
+     */
+    execute(x: number, y: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to move the selected range to a specific position in the document.
+ */
+interface MoveContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MoveContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying position to insert selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the specified position.
+ */
+interface CopyContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying a position of the inserted text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to insert a tab character at the current position in the document.
+ */
+interface InsertTabCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTabCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add a non-breaking space in place of a selected range.
+ */
+interface InsertNonBreakingSpaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNonBreakingSpaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines the scaling settings.
+ */
+interface Scale {
+    /**
+     * Gets or sets the image's y-scale factor as a percent.
+     * Value: An integer value that is the y-scale factor as a percent.
+     */
+    x: number;
+    /**
+     * Gets or sets the image's x-scale factor as a percent.
+     * Value: An integer value that is the x-scale factor as a percent.
+     */
+    y: number;
+}
+/**
+ * A command to change page margin settings.
+ */
+interface ChangePageMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param left An integer number specifying left margin of the page in twips.
+     * @param top An integer number specifying top margin of the page in twips.
+     * @param right An integer number specifying right margin of the page in twips.
+     * @param bottom An integer number specifying bottom margin of the page in twips.
+     */
+    execute(left: number, top: number, right: number, bottom: number): boolean;
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param margins A Margins object specifying page margin settings.
+     */
+    execute(margins: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Margins tab of the Page Setup dialog.
+ */
+interface OpenPageMarginsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPageMarginsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page orientation.
+ */
+interface ChangePageOrientationCommand extends CommandBase {
+    /**
+     * Executes the ChangePageOrientationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param isPortrait One of the Orientation enumeration values.
+     */
+    execute(isPortrait: any): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paper tab of the Page Setup dialog.
+ */
+interface OpenPagePaperSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPagePaperSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to set the page size.
+ */
+interface SetPageSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SetPageSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page size.
+ */
+interface ChangePageSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer number specifying width of the page in twips.
+     * @param height An integer number specifying height of the page in twips.
+     */
+    execute(width: number, height: number): boolean;
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param size A Size object specifying the page size settings.
+     */
+    execute(size: Size): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the number of section columns having the same width.
+ */
+interface ChangeSectionEqualColumnCountCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionEqualColumnCountCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An interger number specifying the number of section columns having the same width.
+     */
+    execute(columnCount: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Columns dialog.
+ */
+interface OpenSectionColumnsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSectionColumnsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the settings of individual section columns.
+ */
+interface ChangeSectionColumnsCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionColumnsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columns An array of SectionColumn objects.
+     */
+    execute(columns: SectionColumn[]): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of the page.
+ */
+interface ChangePageColorCommand extends CommandBase {
+    /**
+     * Executes the ChangePageColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying a background color of all pages contained in the document. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to activate the page header and begin editing.
+ */
+interface InsertHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to activate the page footer and begin editing.
+ */
+interface InsertFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to link a header/footer to the previous section, so it has the same content.
+ */
+interface LinkHeaderFooterToPreviousCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the LinkHeaderFooterToPreviousCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page footer from the page header in the header/footer editing mode.
+ */
+interface GoToFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page header from the page footer in the header/footer editing mode.
+ */
+interface GoToHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next page header or footer in the header/footer editing mode.
+ */
+interface GoToNextHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous page header or footer in the header/footer editing mode.
+ */
+interface GoToPreviousHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+ */
+interface SetDifferentFirstPageHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentFirstPage true to apply a different text for the first page's header and footer, false to remove the difference.
+     */
+    execute(differentFirstPage: boolean): boolean;
+}
+/**
+ * A command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+ */
+interface SetDifferentOddAndEvenPagesHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentOddAndEvenPages true to apply a different text for the header and footer of the odd and even pages , false to remove the difference.
+     */
+    execute(differentOddAndEvenPages: boolean): boolean;
+}
+/**
+ * A command to finish header/footer editing.
+ */
+interface CloseHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CloseHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines a section column in the document.
+ */
+interface SectionColumn {
+    /**
+     * Gets or sets the width of the section column.
+     * Value: An integer value specifying the section column width in twips.
+     */
+    width: number;
+    /**
+     * Gets or sets the amount of space between adjacent section columns.
+     * Value: An integer value specifying the spacing after a column in twips.
+     */
+    spacing: number;
+}
+/**
+ * Defines the size settings.
+ */
+interface Size {
+    /**
+     * Gets or sets the width value in twips.
+     * Value: An integer value specifying the width.
+     */
+    width: number;
+    /**
+     * Gets or sets the height value in twips.
+     * Value: An integer value specifying the height.
+     */
+    height: number;
+}
+/**
+ * Defines the margin settings.
+ */
+interface Margins {
+    /**
+     * Gets or sets the left margin.
+     * Value: An integer value specifying the left margin in twips.
+     */
+    left: number;
+    /**
+     * Gets or sets the top margin.
+     * Value: An integer value specifying the top margin in twips.
+     */
+    top: number;
+    /**
+     * Gets or sets the right margin.
+     * Value: An integer value specifying the right margin in twips.
+     */
+    right: number;
+    /**
+     * Gets or sets the bottom margin.
+     * Value: An integer value specifying the bottom margin in twips.
+     */
+    bottom: number;
+}
+declare enum Orientation {
+    Landscape=0,
+    Portrait=1
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected range.
+ */
+interface IncreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected range.
+ */
+interface DecreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the visibility of hidden symbols.
+ */
+interface ShowHiddenSymbolsCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display hidden symbols; otherwise, false.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle left paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle centered paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle justified paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentJustifyCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentJustifyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with single line spacing.
+ */
+interface SetSingleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSingleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with one and a half line spacing.
+ */
+interface SetSesquialteralParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSesquialteralParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with double line spacing.
+ */
+interface SetDoubleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDoubleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing before a paragraph.
+ */
+interface AddSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing after a paragraph.
+ */
+interface AddSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing before the selected paragraph.
+ */
+interface RemoveSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing after the selected paragraph.
+ */
+interface RemoveSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the background color of paragraphs in a selected range.
+ */
+interface ChangeParagraphBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying a background color of the paragraphs in a selected range. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paragraph dialog allowing end-users to set paragraph formatting.
+ */
+interface OpenParagraphFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenParagraphFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the formatting of paragraphs in a selected range.
+ */
+interface ChangeParagraphFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A ParagraphFormattingSettings object specifying paragraph formatting settings.
+     */
+    execute(settings: ParagraphFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increment the left indentation of paragraphs in a selected range.
+ */
+interface IncrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the left indentation of paragraphs in a selected range.
+ */
+interface DecrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Tabs paragraph dialog.
+ */
+interface OpenTabsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTabsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change paragraph tab stops.
+ */
+interface ChangeTabsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTabsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TabsSettings object maintaining the information about tab stops.
+     */
+    execute(settings: TabsSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to apply a paragraph level to the selected text
+ */
+interface SetParagraphLevelCommand extends CommandBase {
+    /**
+     * Executes the SetParagraphLevelCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param level An integer value specifying the applied style. The value should be in the range from 0 to 9.
+     */
+    execute(level: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the information about tab stops.
+ */
+interface TabsSettings {
+    /**
+     * Gets or sets the default tab stop value.
+     * Value: An integer value specifying the default tab stop.
+     */
+    defaultTabStop: number;
+    /**
+     * Gets or sets a list of tab stops.
+     * Value: An array of TabSettings objects containing individual tab stop settings.
+     */
+    tabs: TabSettings[];
+}
+/**
+ * Contains settings of a tab stop.
+ */
+interface TabSettings {
+    /**
+     * Gets or sets the alignment type, specifying how any text after the tab will be lined up.
+     * Value: One of the <see cref="TabAlign" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the tab leader style, i.e., the symbol used as a tab leader.
+     * Value: One of the <see cref="TabLeaderType" /> values.
+     */
+    leader: any;
+    /**
+     * Gets or sets the position of the tab stop.
+     * Value: A number representing the distance from the left edge of the text area.
+     */
+    position: number;
+    /**
+     * Gets or sets whether the individual tab stop is in effect.
+     * Value: true to switch off this tab stop; otherwise, false.
+     */
+    deleted: boolean;
+}
+declare enum TabAlign {
+    Left=0,
+    Center=1,
+    Right=2,
+    Decimal=3
+}
+declare enum TabLeaderType {
+    None=0,
+    Dots=1,
+    MiddleDots=2,
+    Hyphens=3,
+    Underline=4,
+    ThickLine=5,
+    EqualSign=6
+}
+/**
+ * Contains settings to define the paragraph formatting.
+ */
+interface ParagraphFormattingSettings {
+    /**
+     * Gets or sets the paragraph alignment.
+     * Value: One of the <see cref="ParagraphAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the outline level of a paragraph.
+     * Value: An integer specifying the level number.
+     */
+    outlineLevel: number;
+    /**
+     * Gets or sets the right indent value for the specified paragraph (in twips).
+     * Value: An integer value specifying the right indent.
+     */
+    rightIndent: number;
+    /**
+     * Gets or sets the spacing before each selected paragraph (in twips).
+     * Value: An integer value specifying the spacing before the paragraph.
+     */
+    spacingBefore: number;
+    /**
+     * Gets or sets the spacing after each selected paragraph (in twips).
+     * Value: An integer value specifying the spacing after the paragraph.
+     */
+    spacingAfter: number;
+    /**
+     * Gets or sets a value which determines the spacing between lines in a paragraph.
+     * Value: One of the <see cref="ParagraphLineSpacingType" /> values.
+     */
+    lineSpacingType: any;
+    /**
+     * Gets or sets a value specifying whether and how the first line of a paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets a value specifying the indent of the first line of a paragraph (in twips).
+     * Value: An integer value specifying the indent of the first line.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets whether to suppress addition of additional space (contextual spacing) between paragraphs of the same style.
+     * Value: true to remove extra spacing between paragraphs, false to add extra space.
+     */
+    contextualSpacing: boolean;
+    /**
+     * Gets or sets whether to prevent all page breaks that interrupt a paragraph.
+     * Value: true, to keep paragraph lines together; otherwise, false.
+     */
+    keepLinesTogether: boolean;
+    /**
+     * Gets or sets whether a page break is inserted automatically before a specified paragraph(s).
+     * Value: true, if a page break is inserted automatically before a paragraph(s); otherwise, false.
+     */
+    pageBreakBefore: boolean;
+    /**
+     * Gets or sets the left indent for text within a paragraph (in twips).
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a line spacing value (in twips).
+     * Value: An integer value specifying the line spacing.
+     */
+    lineSpacing: number;
+    /**
+     * Gets or sets the paragraph background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+}
+declare enum ParagraphAlignment {
+    Left=0,
+    Right=1,
+    Center=2,
+    Justify=3
+}
+declare enum ParagraphLineSpacingType {
+    Single=0,
+    Sesquialteral=1,
+    Double=2,
+    Multiple=3,
+    Exactly=4,
+    AtLeast=5
+}
+declare enum ParagraphFirstLineIndent {
+    None=0,
+    Indented=1,
+    Hanging=2
+}
+/**
+ * A command to add an RTF formatted content in the selected position.
+ */
+interface InsertRtfCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the active sub-document.
+     */
+    execute(rtfText: string, position: number): boolean;
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the specified sub-document.
+     * @param subDocumentId A value identifying the target sub-document.
+     */
+    execute(rtfText: string, position: number, subDocumentId: number): boolean;
+    /**
+     * Executes the InsertRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rtfText A string representing the RTF formatted content to insert.
+     * @param position A value specifying the position to insert in the specified sub-document.
+     * @param subDocumentId A value identifying the target sub-document.
+     * @param callback A callback function that passes the inserted content's Interval object and the bool parameter that displays whether the RTF formatted string is valid.
+     */
+    execute(rtfText: string, position: number, subDocumentId: number, callback: (arg1: Interval, arg2: boolean) => void): boolean;
+}
+/**
+ * A command to receive a document's content in RTF format.
+ */
+interface GetRtfCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GetRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param interval An object specifying the required interval in the current sub-document.
+     * @param callback A function that passes the RTF formatted string as a parameter.
+     */
+    execute(interval: Interval, callback: (arg1: string) => void): boolean;
+    /**
+     * Executes the GetRtfCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param interval An object specifying the required interval in the specified sub-document.
+     * @param callback A function that passes the RTF formatted string as a parameter.
+     * @param subDocumentId A value identifying the target sub-document.
+     */
+    execute(interval: Interval, callback: (arg1: string) => void, subDocumentId: number): boolean;
+}
+/**
+ * A command to assign a shortcut to the specified client command.
+ */
+interface AssignShortcutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AssignShortcutCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param keyCode A specifically generated code that uniquely identifies the combination of keys specified for a shortcut. This code is specified using the GetShortcutCode method.
+     * @param callback A callback function to execute when a shortcut is activated.
+     */
+    execute(keyCode: number, callback: Function): boolean;
+}
+/**
+ * A command to invoke the Spelling dialog window.
+ */
+interface OpenSpellingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSpellingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface OpenInsertTableDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertTableDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface InsertTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An integer value specifying a number of columns in a generated table.
+     * @param rowCount An integer value specifying a number of rows in a generated table.
+     */
+    execute(columnCount: number, rowCount: number): boolean;
+}
+/**
+ * A command to invoke the Table Properties dialog.
+ */
+interface OpenTableFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's formatting.
+ */
+interface ChangeTableFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object containing the settings to format a table.
+     */
+    execute(settings: TableFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred row height.
+ */
+interface ChangeTableRowPreferredHeightCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableRowPreferredHeightCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredHeight A TableHeightUnit object specifying preferred height of the selected table rows.
+     */
+    execute(preferredHeight: TableHeightUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the preferred cell width of the selected table rows.
+ */
+interface ChangeTableCellPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table rows.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred column width.
+ */
+interface ChangeTableColumnPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableColumnPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table columns.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the cell formatting of the selected table elements.
+ */
+interface ChangeTableCellFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object specifying cell formatting of the selected table elements.
+     */
+    execute(settings: TableCellFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a table column to the left of the current position in the table.
+ */
+interface InsertTableColumnToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table column to the right of the current position in the table.
+ */
+interface InsertTableColumnToTheRightCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table below the selected row.
+ */
+interface InsertTableRowBelowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowBelowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table above the selected row.
+ */
+interface InsertTableRowAboveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowAboveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table rows.
+ */
+interface DeleteTableRowsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableRowsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table columns.
+ */
+interface DeleteTableColumnsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableColumnsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert table cells with a horizontal shift into the selected table.
+ */
+interface InsertTableCellWithShiftToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellWithShiftToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a horizontal shift.
+ */
+interface DeleteTableCellsWithShiftHorizontallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftHorizontallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a vertical shift.
+ */
+interface DeleteTableCellsWithShiftVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table.
+ */
+interface DeleteTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Cells dialog.
+ */
+interface InsertTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Delete Cells dialog.
+ */
+interface DeleteTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to merge the selected table cells.
+ */
+interface MergeTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeTableCellsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Split Cells dialog.
+ */
+interface SplitTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to split the selected table cells based on the specified options.
+ */
+interface SplitTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rowCount An integer value specifying a number of rows in the split table cells.
+     * @param columnCount An integer value specifying a number of columns in the split table cells.
+     * @param mergeBeforeSplit true to merge the selected cells before the splitting; otherwise, false.
+     */
+    execute(rowCount: number, columnCount: number, mergeBeforeSplit: boolean): boolean;
+}
+/**
+ * A command to insert table cells with a vertical shift into the selected table.
+ */
+interface InsertTableCellsWithShiftToTheVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsWithShiftToTheVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Borders and Shading table dialog.
+ */
+interface OpenTableBordersAndShadingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableBordersAndShadingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change borders and shading of the selected table elements.
+ */
+interface ChangeTableBordersAndShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBordersAndShadingCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object with settings specifying table borders.
+     * @param applyToWholeTable true to apply the border settings to the whole table, false to apply the border settings to the selected cells.
+     */
+    execute(settings: TableBordersSettings, applyToWholeTable: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to apply top-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style.
+ */
+interface ChangeTableStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A TableStyle object specifying the style applying to the table.
+     */
+    execute(style: TableStyle): boolean;
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of style applying to the table.
+     */
+    execute(styleName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle top borders for selected cells on/off.
+ */
+interface ToggleTableCellTopBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellTopBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right borders for selected cells on/off.
+ */
+interface ToggleTableCellRightBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellRightBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle bottom borders for selected cells on/off.
+ */
+interface ToggleTableCellBottomBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellBottomBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle left borders for selected cells on/off.
+ */
+interface ToggleTableCellLeftBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellLeftBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the borders of the selected table cells.
+ */
+interface RemoveTableCellBordersCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveTableCellBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle all borders for selected cells on/off.
+ */
+interface ToggleTableCellAllBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAllBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner horizontal borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideHorizontalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideHorizontalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner vertical borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideVerticalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideVerticalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle outer borders for selected cells on/off.
+ */
+interface ToggleTableCellOutsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellOutsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style options.
+ */
+interface ChangeTableLookCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableLookCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableLookSettings object containing the settings that modify the table appearance.
+     */
+    execute(settings: TableLookSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the repository item's table border style.
+ */
+interface ChangeTableBorderRepositoryItemCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBorderRepositoryItemCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object specifying the repository item's table border style.
+     */
+    execute(settings: TableBorderSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change cell shading in the selected table elements.
+ */
+interface ChangeTableCellShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellShadingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the color of the selected cells' shading. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle the display of grid lines for a table with no borders applied - on/off.
+ */
+interface ShowTableGridLinesCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowTableGridLinesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowTableGridLinesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showTableGridLines true to display grid lines of the table, false to hide grid lines of the table.
+     */
+    execute(showTableGridLines: boolean): boolean;
+}
+/**
+ * A command to fit the specified table to its contents.
+ */
+interface ToggleTableAutoFitContentsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableAutoFitContentsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to fit the specified table to a document's window.
+ */
+interface ToggleTableAutoFitWindowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableAutoFitWindowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to disable automatic adjusting of the selected table.
+ */
+interface ToggleTableFixedColumnWidthCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTableFixedColumnWidthCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains the table style settings that modify the table appearance.
+ */
+interface TableLookSettings {
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether row banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyRowBanding: boolean;
+    /**
+     * Gets or sets a value specifying whether column banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyColumnBanding: boolean;
+}
+/**
+ * Contains settings to define table borders.
+ */
+interface TableBordersSettings {
+    /**
+     * Gets or sets the top border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    top: TableBorderSettings;
+    /**
+     * Gets or sets the right border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    right: TableBorderSettings;
+    /**
+     * Gets or sets the bottom border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    bottom: TableBorderSettings;
+    /**
+     * Gets or sets the left border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    left: TableBorderSettings;
+    /**
+     * Gets or sets the inside horizontal border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideHorizontal: TableBorderSettings;
+    /**
+     * Gets or sets the inside vertical border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideVertical: TableBorderSettings;
+    /**
+     * Gets or sets the background color of table borders.
+     * Value: A string value specifying the background color.
+     */
+    backgroundColor: string;
+}
+/**
+ * Contains settings to define a table border.
+ */
+interface TableBorderSettings {
+    /**
+     * Gets or sets the border color.
+     * Value: A string value specifying the border color.
+     */
+    color: string;
+    /**
+     * Gets or sets the border line width in twips.
+     * Value: An integer value defining the border line width.
+     */
+    width: number;
+    /**
+     * Gets or sets the border line style.
+     * Value: A <see cref="BorderLineStyle" /> object defining the border line style.
+     */
+    style: any;
+}
+declare enum BorderLineStyle {
+    None=0,
+    Single=1,
+    Thick=2,
+    Double=3,
+    Dotted=4,
+    Dashed=5,
+    DotDash=6,
+    DotDotDash=7,
+    Triple=8,
+    ThinThickSmallGap=9,
+    ThickThinSmallGap=10,
+    ThinThickThinSmallGap=11,
+    ThinThickMediumGap=12,
+    ThickThinMediumGap=13,
+    ThinThickThinMediumGap=14,
+    ThinThickLargeGap=15,
+    ThickThinLargeGap=16,
+    ThinThickThinLargeGap=17,
+    Wave=18,
+    DoubleWave=19,
+    DashSmallGap=20,
+    DashDotStroked=21,
+    ThreeDEmboss=22,
+    ThreeDEngrave=23,
+    Outset=24,
+    Inset=25,
+    Apples=26,
+    ArchedScallops=27,
+    BabyPacifier=28,
+    BabyRattle=29,
+    Balloons3Colors=30,
+    BalloonsHotAir=31,
+    BasicBlackDashes=32,
+    BasicBlackDots=33,
+    BasicBlackSquares=34,
+    BasicThinLines=35,
+    BasicWhiteDashes=36,
+    BasicWhiteDots=37,
+    BasicWhiteSquares=38,
+    BasicWideInline=39,
+    BasicWideMidline=40,
+    BasicWideOutline=41,
+    Bats=42,
+    Birds=43,
+    BirdsFlight=44,
+    Cabins=45,
+    CakeSlice=46,
+    CandyCorn=47,
+    CelticKnotwork=48,
+    CertificateBanner=49,
+    ChainLink=50,
+    ChampagneBottle=51,
+    CheckedBarBlack=52,
+    CheckedBarColor=53,
+    Checkered=54,
+    ChristmasTree=55,
+    CirclesLines=56,
+    CirclesRectangles=57,
+    ClassicalWave=58,
+    Clocks=59,
+    Compass=60,
+    Confetti=61,
+    ConfettiGrays=62,
+    ConfettiOutline=63,
+    ConfettiStreamers=64,
+    ConfettiWhite=65,
+    CornerTriangles=66,
+    CouponCutoutDashes=67,
+    CouponCutoutDots=68,
+    CrazyMaze=69,
+    CreaturesButterfly=70,
+    CreaturesFish=71,
+    CreaturesInsects=72,
+    CreaturesLadyBug=73,
+    CrossStitch=74,
+    Cup=75,
+    DecoArch=76,
+    DecoArchColor=77,
+    DecoBlocks=78,
+    DiamondsGray=79,
+    DoubleD=80,
+    DoubleDiamonds=81,
+    Earth1=82,
+    Earth2=83,
+    EclipsingSquares1=84,
+    EclipsingSquares2=85,
+    EggsBlack=86,
+    Fans=87,
+    Film=88,
+    Firecrackers=89,
+    FlowersBlockPrint=90,
+    FlowersDaisies=91,
+    FlowersModern1=92,
+    FlowersModern2=93,
+    FlowersPansy=94,
+    FlowersRedRose=95,
+    FlowersRoses=96,
+    FlowersTeacup=97,
+    FlowersTiny=98,
+    Gems=99,
+    GingerbreadMan=100,
+    Gradient=101,
+    Handmade1=102,
+    Handmade2=103,
+    HeartBalloon=104,
+    HeartGray=105,
+    Hearts=106,
+    HeebieJeebies=107,
+    Holly=108,
+    HouseFunky=109,
+    Hypnotic=110,
+    IceCreamCones=111,
+    LightBulb=112,
+    Lightning1=113,
+    Lightning2=114,
+    MapleLeaf=115,
+    MapleMuffins=116,
+    MapPins=117,
+    Marquee=118,
+    MarqueeToothed=119,
+    Moons=120,
+    Mosaic=121,
+    MusicNotes=122,
+    Northwest=123,
+    Ovals=124,
+    Packages=125,
+    PalmsBlack=126,
+    PalmsColor=127,
+    PaperClips=128,
+    Papyrus=129,
+    PartyFavor=130,
+    PartyGlass=131,
+    Pencils=132,
+    People=133,
+    PeopleHats=134,
+    PeopleWaving=135,
+    Poinsettias=136,
+    PostageStamp=137,
+    Pumpkin1=138,
+    PushPinNote1=139,
+    PushPinNote2=140,
+    Pyramids=141,
+    PyramidsAbove=142,
+    Quadrants=143,
+    Rings=144,
+    Safari=145,
+    Sawtooth=146,
+    SawtoothGray=147,
+    ScaredCat=148,
+    Seattle=149,
+    ShadowedSquares=150,
+    SharksTeeth=151,
+    ShorebirdTracks=152,
+    Skyrocket=153,
+    SnowflakeFancy=154,
+    Snowflakes=155,
+    Sombrero=156,
+    Southwest=157,
+    Stars=158,
+    Stars3d=159,
+    StarsBlack=160,
+    StarsShadowed=161,
+    StarsTop=162,
+    Sun=163,
+    Swirligig=164,
+    TornPaper=165,
+    TornPaperBlack=166,
+    Trees=167,
+    TriangleParty=168,
+    Triangles=169,
+    Tribal1=170,
+    Tribal2=171,
+    Tribal3=172,
+    Tribal4=173,
+    Tribal5=174,
+    Tribal6=175,
+    TwistedLines1=176,
+    TwistedLines2=177,
+    Vine=178,
+    Waveline=179,
+    WeavingAngles=180,
+    WeavingBraid=181,
+    WeavingRibbon=182,
+    WeavingStrips=183,
+    WhiteFlowers=184,
+    Woodwork=185,
+    XIllusions=186,
+    ZanyTriangles=187,
+    ZigZag=188,
+    ZigZagStitch=189,
+    Nil=-1
+}
+/**
+ * Contains the settings to define the table cell formatting.
+ */
+interface TableCellFormattingSettings {
+    /**
+     * Gets or sets a table cell's preferred width.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the preferred cell width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the vertical alignment of a table cell's content.
+     * Value: One the <see cref="TableCellVerticalAlignment" /> values.
+     */
+    verticalAlignment: any;
+    /**
+     * Gets or sets a value specifying whether text is wrapped in a table cell.
+     * Value: true if text is wrapped; false if text is not wrapped.
+     */
+    noWrap: boolean;
+    /**
+     * Gets or sets a table cell's left margin in twips.
+     * Value: An integer value specifying the left margin.
+     */
+    marginLeft: number;
+    /**
+     * Gets or sets a table cell's right margin in twips.
+     * Value: An integer value specifying the right margin.
+     */
+    marginRight: number;
+    /**
+     * Gets or sets a table cell's top margin in twips.
+     * Value: An integer value specifying the top margin.
+     */
+    marginTop: number;
+    /**
+     * Gets or sets a table cell's bottom margin in twips.
+     * Value: An integer value specifying the bottom margin.
+     */
+    marginBottom: number;
+    /**
+     * Gets or sets a value specifying whether a table cell's margins are inherited from the table level settings.
+     * Value: true to inherit table level margins; false to use a table cell's own margin settings.
+     */
+    marginsSameAsTable: boolean;
+}
+declare enum TableCellVerticalAlignment {
+    Top=0,
+    Both=1,
+    Center=2,
+    Bottom=3
+}
+/**
+ * Contains the settings to format a table.
+ */
+interface TableFormattingSettings {
+    /**
+     * Gets or sets the preferred width of cells in the table.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the alignment of table rows.
+     * Value: One of the <see cref="TableRowAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the table's left indent in twips.
+     * Value: An integer value specifying the indent.
+     */
+    indent: number;
+    /**
+     * Gets or sets the spacing between table cells in twips.
+     * Value: An integer value specifying the spacing.
+     */
+    spacingBetweenCells: number;
+    /**
+     * Gets or sets a value specifying whether spacing is allowed between table cells.
+     * Value: true, to allow spacing; otherwise, false.
+     */
+    allowSpacingBetweenCells: boolean;
+    /**
+     * Gets or sets a value that specifying whether to allow automatic resizing of table cells to fit their contents.
+     * Value: true, to allow automatic resizing; otherwise, false.
+     */
+    resizeToFitContent: boolean;
+    /**
+     * Gets or sets the default left margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginLeft: number;
+    /**
+     * Gets or sets the default right margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginRight: number;
+    /**
+     * Gets or sets the default top margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginTop: number;
+    /**
+     * Gets or sets the default bottom margin for cells in the table in twips.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginBottom: number;
+}
+/**
+ * Contains settings defining the table width's measurement units and value.
+ */
+interface TableWidthUnit {
+    /**
+     * Gets or sets the table width value in twips.
+     * Value: An integer value specifying the table width.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table width.
+     * Value: One of the <see cref="TableWidthUnitType" /> values.
+     */
+    type: any;
+}
+/**
+ * Contains settings defining the table height's measurement units and value.
+ */
+interface TableHeightUnit {
+    /**
+     * Gets or sets the table height value in twips.
+     * Value: An integer value specifying the table height.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table height.
+     * Value: One of the <see cref="TableHeightUnitType" /> enumeration values.
+     */
+    type: any;
+}
+declare enum TableHeightUnitType {
+    Minimum=0,
+    Auto=1,
+    Exact=2
+}
+declare enum TableRowAlignment {
+    Both=0,
+    Center=1,
+    Distribute=2,
+    Left=3,
+    NumTab=4,
+    Right=5
+}
+declare enum TableWidthUnitType {
+    Nil=0,
+    Auto=1,
+    FiftiethsOfPercent=2,
+    ModelUnits=3
+}
+/**
+ * A command to change the font name of characters in a selected range.
+ */
+interface ChangeFontNameCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontNameCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontName A string specifying the font name.
+     */
+    execute(fontName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the font size of characters in a selected range.
+ */
+interface ChangeFontSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSize An integer number specifying the font size in points.
+     */
+    execute(fontSize: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increase the font size of characters in a selected range to the closest larger predefined value.
+ */
+interface IncreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrease the font size of characters in a selected range to the closest smaller predefined value.
+ */
+interface DecreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to upper case.
+ */
+interface MakeTextUpperCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextUpperCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to lower case.
+ */
+interface MakeTextLowerCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextLowerCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to capitalize each word in the selected sentence.
+ */
+interface CapitalizeEachWordTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CapitalizeEachWordTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the case for each character - upper case becomes lower, lower case becomes upper.
+ */
+interface ToggleTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the bold formatting of characters in a selected range.
+ */
+interface ChangeFontBoldCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontBoldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontBoldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontBold true to apply bold formatting to the text, false to remove bold formatting.
+     */
+    execute(fontBold: boolean): boolean;
+}
+/**
+ * A command to change the italic formatting of characters in a selected range.
+ */
+interface ChangeFontItalicCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontItalicCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontItalicCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontItalic true to apply italic formatting to the text, false to remove italic formatting.
+     */
+    execute(fontItalic: boolean): boolean;
+}
+/**
+ * A command to change the underline formatting of characters in a selected range.
+ */
+interface ChangeFontUnderlineCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontUnderlineCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontUnderlineCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontUnderline true to apply underline formatting to the text, false to remove underline formatting.
+     */
+    execute(fontUnderline: boolean): boolean;
+}
+/**
+ * A command to change the strikeout formatting of characters in a selected range.
+ */
+interface ChangeFontStrikeoutCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontStrikeout true to apply strikeout formatting to the text, false to remove strikeout formatting.
+     */
+    execute(fontStrikeout: boolean): boolean;
+}
+/**
+ * A command to change the superscript formatting of characters in a selected range.
+ */
+interface ChangeFontSuperscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSuperscript true to apply superscript formatting to the text, false to remove superscript formatting.
+     */
+    execute(fontSuperscript: boolean): boolean;
+}
+/**
+ * A command to change the subscript formatting of characters in the selected range.
+ */
+interface ChangeFontSubscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSubscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSubscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSubscript true to apply subscript formatting to the text, false to remove subscript formatting.
+     */
+    execute(fontSubscript: boolean): boolean;
+}
+/**
+ * A command to change the font color of characters in a selected range.
+ */
+interface ChangeFontForeColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontForeColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the font color. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of characters in a selected range.
+ */
+interface ChangeFontBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying the background font color. May be specified as a color name or a hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to reset the selected text's formatting to default.
+ */
+interface ClearFormattingCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ClearFormattingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected range's style.
+ */
+interface ChangeStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A StyleBase object specifying the selected range's style.
+     */
+    execute(style: StyleBase): boolean;
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the applying style's name.
+     * @param isParagraphStyle true to apply the style to a paragraph, false to apply the style to a character.
+     */
+    execute(styleName: string, isParagraphStyle: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Font dialog allowing end-users to change the font, size and style of the selected text.
+ */
+interface OpenFontFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFontFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the text of all selected sentences to sentence case.
+ */
+interface MakeTextSentenceCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextSentenceCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to switch the text case at the current position in the document.
+ */
+interface SwitchTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SwitchTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the font formatting of characters in a selected range.
+ */
+interface ChangeFontFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A  FontFormattingSettings object specifying font formatting settings.
+     */
+    execute(settings: FontFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains settings to define the font formatting.
+ */
+interface FontFormattingSettings {
+    /**
+     * Gets or sets the character(s) font name.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the character(s) font size (in points).
+     * Value: An integer value specifying the font size.
+     */
+    size: number;
+    /**
+     * Gets or sets the foreground color of characters.
+     * Value: A string value specifying the foreground color.
+     */
+    foreColor: string;
+    /**
+     * Gets or sets the character background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+    /**
+     * Gets or sets the type of underline applied to the character(s).
+     * Value: true, if characters are underlined; otherwise, false.
+     */
+    underline: boolean;
+    /**
+     * Gets or sets the color of the underline for the specified characters.
+     * Value: A string value specifying the underline color.
+     */
+    underlineColor: string;
+    /**
+     * Gets or sets whether the character formatting is bold.
+     * Value: true, if characters are bold; otherwise, false.
+     */
+    bold: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is italicized.
+     * Value: true, if characters are italicized; otherwise, false.
+     */
+    italic: boolean;
+    /**
+     * Gets or sets a value specifying whether the strikeout formatting is applied to a character(s).
+     * Value: true, if the strikeout formatting is applied; otherwise, false.
+     */
+    strikeout: boolean;
+    /**
+     * Gets or sets whether only word characters are underlined.
+     * Value: true to underline only characters in words; false to underline all characters.
+     */
+    underlineWordsOnly: boolean;
+    /**
+     * Gets or sets a value specifying character script formatting.
+     * Value: One of the <see cref="CharacterFormattingScript" /> values.
+     */
+    script: any;
+    /**
+     * Gets or sets a value indicating whether all characters are capital letters.
+     * Value: true, if all characters are capitalized; otherwise, false.
+     */
+    allCaps: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is hidden.
+     * Value: true, if characters are hidden; otherwise, false.
+     */
+    hidden: boolean;
+}
+declare enum CharacterFormattingScript {
+    Normal=0,
+    Subscript=1,
+    Superscript=2
+}
+/**
+ * A command to toggle the horizontal ruler's visibility.
+ */
+interface ShowHorizontalRulerCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHorizontalRulerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHorizontalRulerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display the horizontal ruler, false to hide the horizontal ruler.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle the fullscreen mode.
+ */
+interface SetFullscreenCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetFullscreenCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetFullscreenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fullscreen true to apply the fullscreen mode, false to disable the fullscreen mode.
+     */
+    execute(fullscreen: boolean): boolean;
+}
+/**
+ * A command to force synchronizing the server document model with the client model and execute a callback function if it is necessary.
+ */
+interface ForceSyncWithServerCommand extends CommandBase {
+    /**
+     * Executes the ForceSyncWithServerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param callback A callback function that is performed when the server model is updated.
+     */
+    execute(callback: Function): boolean;
+    /**
+     * Executes the ForceSyncWithServerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A client point object.
+ */
+interface ASPxClientPoint {
+    /**
+     * Gets the point's X-coordinate.
+     */
+    GetX(): number;
+    /**
+     * Gets the point's Y-coordinate.
+     */
+    GetY(): number;
+}
+/**
+ * A client rectangle object.
+ */
+interface ASPxClientRect {
+    /**
+     * Gets the X-coordinate of the rectangle's left edge.
+     */
+    GetLeft(): number;
+    /**
+     * Gets the X-coordinate of the rectangle's right edge.
+     */
+    GetRight(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's top edge.
+     */
+    GetTop(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's bottom edge.
+     */
+    GetBottom(): number;
+    /**
+     * Gets the rectangle's width.
+     */
+    GetWidth(): number;
+    /**
+     * Gets the rectangle's height.
+     */
+    GetHeight(): number;
+}
+/**
+ * Represents a client-side equivalent of the WeekDaysCheckEdit control.
+ */
+interface ASPxClientWeekDaysCheckEdit extends ASPxClientControl {
+    /**
+     * Gets the selection state of the week day check boxes.
+     */
+    GetValue(): ASPxClientWeekDays;
+    /**
+     * Gets the selection state of the week day check boxes.
+     * @param value An ASPxClientWeekDays object specifying the selection state of the week day check boxes.
+     */
+    SetValue(value: ASPxClientWeekDays): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceRangeControl.
+ */
+interface ASPxClientRecurrenceRangeControl extends ASPxClientControl {
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEndDate(): Date;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Sets the recurrence end date.
+     * @param date A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEndDate(date: Date): void;
+}
+/**
+ * A base for client equivalents of recurrence controls available in the XtraScheduler library.
+ */
+interface ASPxClientRecurrenceControlBase extends ASPxClientControl {
+    /**
+     * Returns an object providing access to the ASPxClientRecurrenceControlBase control's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientRecurrenceControlBase control.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the DailyRecurrenceControl - a control for specifying the daily recurrence.
+ */
+interface ASPxClientDailyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientDailyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientDailyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the WeeklyRecurrenceControl.
+ */
+interface ASPxClientWeeklyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientWeeklyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientWeeklyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the MonthlyRecurrenceControl.
+ */
+interface ASPxClientMonthlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientMonthlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientMonthlyRecurrenceControll.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the YearlyRecurrenceControl.
+ */
+interface ASPxClientYearlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientYearlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientYearlyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * An object providing access to an ASPxClientRecurrenceControlBase control's editor values.
+ */
+interface DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Get the frequency with which the appointment occurs with respect to the appointment's recurrence type.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientDailyRecurrenceControl's editor values.
+ */
+interface DailyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of days between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a daily recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientWeeklyRecurrenceControl's editor values.
+ */
+interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of weeks between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientMonthlyRecurrenceControl's editor values.
+ */
+interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets the number of months between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a monthly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientYearlyRecurrenceControl's editor values.
+ */
+interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a yearly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets or sets the number of a week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * Provides base functionality for the ASPxClientScheduler's forms.
+ */
+interface ASPxClientFormBase {
+    /**
+     * Occurs when the form has been closed.
+     */
+    FormClosed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientFormBase>>;
+    /**
+     * Closes the form.
+     */
+    Close(): void;
+    /**
+     * Sets the visibility state of the specified form element.
+     * @param element An object specifying the element whose visibility state should be changed.
+     * @param isVisible true to display the element; false to hide the element.
+     */
+    SetVisibleCore(element: Object, isVisible: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceTypeEdit.
+ */
+interface ASPxClientRecurrenceTypeEdit extends ASPxClientRadioButtonList {
+    /**
+     * Gets the selected recurrence type.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the selected recurrence type.
+     * @param recurrenceType An ASPxClientRecurrenceType enumeration value.
+     */
+    SetRecurrenceType(recurrenceType: ASPxClientRecurrenceType): void;
+}
+/**
+ * Contains lists of property names for different appointment types.
+ */
+interface AppointmentPropertyNames {
+    /**
+     * Gets the list of properties characteristic for appointments of the Normal type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Normal: string;
+    /**
+     * Gets the list of properties characteristic for appointments of the Pattern type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Pattern: string;
+}
+/**
+ * Contains information about a client tooltip.
+ */
+interface ASPxClientSchedulerToolTipData {
+    /**
+     * Returns the client appointment for which the tooltip is displayed.
+     */
+    GetAppointment(): ASPxClientAppointment;
+    /**
+     * Returns the client time interval for which the tooltip is displayed.
+     */
+    GetInterval(): ASPxClientTimeInterval;
+    /**
+     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     */
+    GetResources(): string[];
+}
+/**
+ * A client-side equivalent of the ASPxSchedulerToolTipBase control.
+ */
+interface ASPxClientToolTipBase {
+    /**
+     * Returns the value that indicates whether or not the tooltip can be displayed.
+     */
+    CanShowToolTip(): boolean;
+    /**
+     * Ends updating the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Updates the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Closes the tooltip.
+     */
+    Close(): void;
+    /**
+     * Gets the tooltip position.
+     * @param bounds An object that represents the tooltip bounds.
+     */
+    CalculatePosition(bounds: Object): ASPxClientPoint;
+    /**
+     * Displays the Appointment Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowAppointmentMenu(eventObject: Object): void;
+    /**
+     * Displays the View Menu at the position of the tooltip.
+     * @param eventObject An object containing information about the event in which the menu is displayed.
+     */
+    ShowViewMenu(eventObject: Object): void;
+    /**
+     * Returns the string representation of the specified interval.
+     * @param interval An ASPxClientTimeInterval object to convert.
+     */
+    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSchedulerStorageControl control.
+ */
+interface ASPxClientSchedulerStorageControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSchedulerStorageControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Occurs when a reminder is invoked.
+     */
+    ReminderAlert: ASPxClientEvent<ReminderAlertEventHandler<ASPxClientSchedulerStorageControl>>;
+    /**
+     * Retrieves the collection of appointments that are in the specified time interval.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     * @param interval An ASPxClientTimeInterval object specifying the required time interval.
+     */
+    GetAppointments(onSuccess: (arg1: string) => void, interval: ASPxClientTimeInterval): void;
+    /**
+     * Retrieves the collection of appointments that are in the specified time interval and are assigned to the specified resources.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     * @param interval An ASPxClientTimeInterval object specifying the required time interval.
+     * @param resources An array of string values representing the resources' IDs.
+     */
+    GetAppointments(onSuccess: (arg1: string) => void, interval: ASPxClientTimeInterval, resources: string[]): void;
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param onSuccess A handler of a function which will receive and process the appointments.
+     * @param appointmentId An appointment's identifier.
+     */
+    GetAppointmentById(onSuccess: (arg1: string) => void, appointmentId: string): void;
+    /**
+     * Retrieves the collection of resources.
+     * @param onSuccess A client action to perform if the server round-trip has completed successfully.
+     */
+    GetResources(onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the resource by its ID.
+     * @param onSuccess A handler of a function which will receive and process the properties' values.
+     * @param resourceId A string value specifying the resource ID.
+     */
+    GetResourceById(onSuccess: (arg1: string) => void, resourceId: string): void;
+    /**
+     * Client-side scripting method to insert the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting method to update the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param appointment An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(appointment: ASPxClientAppointment): void;
+    /**
+     * Dismisses all reminders.
+     */
+    DismissAllReminders(): void;
+    /**
+     * Snoozes all reminders.
+     */
+    SnoozeAllReminders(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded.
+     */
+    Refresh(): void;
+}
+/**
+ * Holds the information that determines what action types can be performed for appointments.
+ */
+interface ASPxClientAppointmentFlags {
+    /**
+     * Gets a value that specifies whether an end-user is allowed to delete appointments.
+     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     */
+    allowDelete: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to edit appointments.
+     * Value: true if the end-user can edit appointments; otherwise, false.
+     */
+    allowEdit: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
+     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
+     */
+    allowResize: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to copy appointments.
+     * Value: true if a user can copy appointments; otherwise, false. Default is true.
+     */
+    allowCopy: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
+     * Value: true if the user can drag and drop appointments; otherwise, false.
+     */
+    allowDrag: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
+     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
+     */
+    allowDragBetweenResources: boolean;
+    /**
+     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
+     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
+     */
+    allowInplaceEditor: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
+     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
+     */
+    allowConflicts: boolean;
+}
+/**
+ * Represents a client-side equivalent of the Appointment class.
+ */
+interface ASPxClientAppointment {
+    /**
+     * Returns the client appointment ID.
+     * Value: A string value representing the client appointment's ID.
+     */
+    appointmentId: string;
+    /**
+     * Gets or sets the time interval of the time cells covered by the current appointment.
+     * Value: A ASPxClientTimeInterval object which represents the time interval.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment.
+     * Value: An array of string values that are resources.
+     */
+    resources: string[];
+    /**
+     * Gets the appointment type.
+     * Value: A <see cref="ASPxAppointmentType" /> enumeration member.
+     */
+    appointmentType: ASPxAppointmentType;
+    /**
+     * Gets the status index.
+     * Value: An integer value representing the index of the status.
+     */
+    statusIndex: number;
+    /**
+     * Returns the label's index.
+     * Value: An integer value specifying the index of the label in the labels collection.
+     */
+    labelIndex: number;
+    /**
+     * Adds a resource to the collection of resources associated with the client appointment.
+     * @param resourceId An object, representing the resource id.
+     */
+    AddResource(resourceId: string): void;
+    /**
+     * Gets the resource associated with the client-side appointment by its index.
+     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
+     */
+    GetResource(index: number): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Start appointment property.
+     * @param start A JavaScript Date object representing the appointment start.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the start date and time of the appointment.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the End appointment property.
+     * @param end A JavaScript Date object representing the end of the appointment.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the end date and time of the appointment.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
+     * @param duration A TimeSpan object representing the appointment duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Returns the duration of the appointment.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the ID of the client appointment.
+     * @param id An string value representing the appointment identifier.
+     */
+    SetId(id: string): void;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): string;
+    /**
+     * Specifies the type of the current client appointment.
+     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
+     */
+    SetAppointmentType(type: ASPxAppointmentType): void;
+    /**
+     * Returns the appointment type.
+     */
+    GetAppointmentType(): ASPxAppointmentType;
+    /**
+     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
+     * @param statusId An integer representing the index in the AppointmentStatusCollection.
+     */
+    SetStatusId(statusId: number): void;
+    /**
+     * Gets or sets the integer identifier of the status object associated with the appointment.
+     */
+    GetStatusId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
+     * @param statusId An integer representing the index of the label in the Labels label collection.
+     */
+    SetLabelId(statusId: number): void;
+    /**
+     * Gets or sets the integer identifier of the label object associated with the appointment.
+     */
+    GetLabelId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
+     * @param subject A string containing the appointment subject.
+     */
+    SetSubject(subject: string): void;
+    /**
+     * Gets or sets the appointment's subject text.
+     */
+    GetSubject(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Description appointment property.
+     * @param description A string representing the appointment description.
+     */
+    SetDescription(description: string): void;
+    /**
+     * Gets the description of the appointment.
+     */
+    GetDescription(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Location appointment property.
+     * @param location A string representing the appointment location.
+     */
+    SetLocation(location: string): void;
+    /**
+     * Gets or sets the text that specifies a place where the appointment is scheduled.
+     */
+    GetLocation(): string;
+    /**
+     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
+     * @param allDay true to indicate the all-day appointment; otherwise, false.
+     */
+    SetAllDay(allDay: boolean): void;
+    /**
+     * Returns a value specifying whether the current appointment lasts the entire day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Gets the appointment that is the RecurrencePattern for the current appointment.
+     */
+    GetRecurrencePattern(): ASPxClientAppointment;
+    /**
+     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
+     */
+    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
+     */
+    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+}
+/**
+ * Contains information defining the occurrences of a recurring client appointment.
+ */
+interface ASPxClientRecurrenceInfo {
+    /**
+     * Sets the recurrence start date.
+     * @param start A JavaScript date object value that specifies the start date for the recurrence.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the recurrence start date.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the recurrence end date.
+     * @param end A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the duration of the recurrence.
+     * @param duration A TimeSpan object representing the duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the duration of the recurrence.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the time base for the frequency of the corresponding appointment occurrences.
+     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
+     */
+    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
+    /**
+     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the day/days in a week that the corresponding appointment recurs on.
+     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
+     */
+    SetWeekDays(weekDays: ASPxClientWeekDays): void;
+    /**
+     * Gets the day/days in a week on which the corresponding appointment occurs.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
+     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
+     */
+    SetPeriodicity(periodicity: number): void;
+    /**
+     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
+     */
+    GetPeriodicity(): number;
+    /**
+     * Sets the ordinal number of a day within a defined month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
+     */
+    SetDayNumber(dayNumber: number): void;
+    /**
+     * Gets the ordinal number of a day within a defined month.
+     */
+    GetDayNumber(): number;
+    /**
+     * Sets the occurrence number of the week in a month for the recurrence pattern.
+     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
+     */
+    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
+    /**
+     * Gets the occurrence number of the week in a month for the recurrence pattern.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+    /**
+     * Sets the month (as a number) on which the corresponding appointment occurs.
+     * @param month A positive integer value that specifies the month's number.
+     */
+    SetMonth(month: number): void;
+    /**
+     * Gets the month (as a number) on which the corresponding appointment recurs.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+}
+/**
+ * Represents a client-side equivalent of the AppointmentType enumeration.
+ */
+interface ASPxAppointmentType {
+    /**
+     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
+     * Value: A "Normal" string value.
+     */
+    Normal: string;
+    /**
+     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
+     * Value: A "Pattern" string value.
+     */
+    Pattern: string;
+    /**
+     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
+     * Value: An "Occurrence" string value.
+     */
+    Occurrence: string;
+    /**
+     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
+     * Value: A "ChangedOccurrence" string value.
+     */
+    ChangedOccurrence: string;
+    /**
+     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
+     * Value: A "DeletedOccurrence" string value.
+     */
+    DeletedOccurrence: string;
+}
+/**
+ * Contains types of the recurrence range.
+ */
+interface ASPxClientRecurrenceRange {
+    /**
+     * A recurring appointment will not have an end date, i.e. infinite recurrence
+     * Value: The "NoEndDate" string.
+     */
+    NoEndDate: string;
+    /**
+     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
+     * Value: The "OccurrenceCount" string.
+     */
+    OccurrenceCount: string;
+    /**
+     * A recurring appointment will end after the date specified by the SetEnd method.
+     * Value: The "EndByDate" string.
+     */
+    EndByDate: string;
+}
+/**
+ * Contains recurrence types.
+ */
+interface ASPxClientRecurrenceType {
+    /**
+     * The recurring appointment occurs on a daily basis.
+     * Value: The "Daily" string.
+     */
+    Daily: string;
+    /**
+     * The recurring appointment reoccurs on a weekly basis.
+     * Value: The "Weekly" string.
+     */
+    Weekly: string;
+    /**
+     * The recurring appointment reoccurs on a monthly basis.
+     * Value: The "Monthly" string.
+     */
+    Monthly: string;
+    /**
+     * The recurring appointment reoccurs on an yearly basis.
+     * Value: The "Yearly" string.
+     */
+    Yearly: string;
+    /**
+     * The recurring appointment occurs on an hourly base.
+     * Value: The "Hourly" string.
+     */
+    Hourly: string;
+}
+/**
+ * Contains number of weeks in a month in which the event occurs.
+ */
+interface ASPxClientWeekOfMonth {
+    /**
+     * There isn't any recurrence rule based on the weeks in a month.
+     * Value: The integer 0 value.
+     */
+    None: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
+     * Value: The integer 1 value.
+     */
+    First: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
+     * Value: The integer 2 value.
+     */
+    Second: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
+     * Value: The integer 3 value.
+     */
+    Third: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
+     * Value: The integer 4 value;
+     */
+    Fourth: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
+     * Value: The integer 5 value;
+     */
+    Last: number;
+}
+/**
+ * Contains days and groups of days for use in recurrence patterns.
+ */
+interface ASPxClientWeekDays {
+    /**
+     * Specifies Sunday.
+     * Value: The integer 1 value.
+     */
+    Sunday: number;
+    /**
+     * Specifies Monday.
+     * Value: The integer 2 value.
+     */
+    Monday: number;
+    /**
+     * Specifies Tuesday.
+     * Value: The integer 4 value.
+     */
+    Tuesday: number;
+    /**
+     * Specifies Wednesday.
+     * Value: The integer 8 value.
+     */
+    Wednesday: number;
+    /**
+     * Specifies Thursday.
+     * Value: The integer 16 value.
+     */
+    Thursday: number;
+    /**
+     * Specifies Friday.
+     * Value: The integer 32 value.
+     */
+    Friday: number;
+    /**
+     * Specifies Saturday.
+     * Value: The integer 64 value.
+     */
+    Saturday: number;
+    /**
+     * Specifies Saturday and Sunday.
+     * Value: The integer 65 value.
+     */
+    WeekendDays: number;
+    /**
+     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
+     * Value: The integer 62 value.
+     */
+    WorkDays: number;
+    /**
+     * Specifies every day of the week.
+     * Value: The integer 127 value.
+     */
+    EveryDay: number;
+}
+/**
+ * Contains information related to the reminder alert.
+ */
+interface ASPxClientReminderAlertNotification {
+    /**
+     * Returns the triggered reminder.
+     * Value: An ASPxClientReminder object.
+     */
+    reminder: ASPxClientReminder;
+    /**
+     * Gets the appointment associated with the triggered reminder.
+     * Value: An ASPxClientAppointment object.
+     */
+    appointment: ASPxClientAppointment;
+    /**
+     * Gets or sets whether the reminder is handled and therefore no default processing is required.
+     * Value: true, if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets or sets whether an alert is invoked for a particular reminder.
+     * Value: true, if the reminder doesn't generate an alert notification; otherwise, false.
+     */
+    ignore: boolean;
+    /**
+     * Gets the triggered reminder's ID.
+     */
+    GetReminderId(): string;
+    /**
+     * Gets the triggered reminder.
+     */
+    GetReminder(): ASPxClientReminder;
+    /**
+     * Gets the appointment associated with the reminder.
+     */
+    GetAppointment(): ASPxClientAppointment;
+}
+/**
+ * Represents a client-side equivalent of the Reminder class.
+ */
+interface ASPxClientReminder {
+    /**
+     * Gets the reminder's ID.
+     */
+    GetId(): string;
+    /**
+     * Returns the date and time when the reminder is alerted.
+     */
+    GetAlertTime(): Date;
+    /**
+     * Gets the time interval before the appointment's start time.
+     */
+    GetTimeBeforeStart(): Date;
+    /**
+     * Gets the custom field bound to the reminder.
+     * @param key A string object representing the custom field's ID.
+     */
+    GetCustomField(key: string): Object;
+    /**
+     * Switches the reminder off for the associated appointment.
+     */
+    Dismiss(): void;
+    /**
+     * Delays the reminder's alert until the alert time has increased by the specified interval.
+     * @param remindAfter An integer value that is the time interval.
+     */
+    Snooze(remindAfter: number): void;
+}
+/**
+ * A method that will handle the ReminderAlert event.
+ */
+interface ReminderAlertEventHandler<S> {
+    /**
+     * A method that will handle the ReminderAlert event.
+     * @param source The event source.
+     * @param e An ASPxClientSchedulerStorageControl object that contains event data.
+     */
+    (source: S, e: ASPxClientSchedulerStorageReminderAlertEventArgs): void;
+}
+/**
+ * Provides data for the ReminderAlert event.
+ */
+interface ASPxClientSchedulerStorageReminderAlertEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of currently triggered reminders.
+     * Value: An array of ASPxClientReminderAlertNotification objects.
+     */
+    alertNotifications: ASPxClientReminderAlertNotification[];
+}
+/**
+ * Represents a client-side equivalent of the Resource class.
+ */
+interface ASPxClientResource {
+    /**
+     * Gets the resource ID.
+     * Value: A string value representing the resource ID.
+     */
+    resourceId: string;
+    /**
+     * Returns the resource's caption.
+     * Value: A string value that is the resource's caption.
+     */
+    caption: string;
+    /**
+     * Gets the resource's color.
+     * Value: A string value representing the resource's color name.
+     */
+    color: string;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): string;
+    /**
+     * Returns the resource's caption.
+     */
+    GetCaption(): string;
+    /**
+     * Gets the resource's color.
+     */
+    GetColor(): string;
+}
+/**
+ * Holds action types for the client-side Refresh method.
+ */
+interface ASPxClientSchedulerRefreshAction {
+    /**
+     * Gets the value of the action parameter which initiates a simple reload of the control.
+     * Value: An integer representing the action parameter value.
+     */
+    None: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its data-dependent satellites.
+     * Value: An integer representing the action parameter value.
+     */
+    VisibleIntervalChanged: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its satellite View controls.
+     * Value: An integer representing the action parameter value.
+     */
+    ActiveViewTypeChanged: number;
+}
+/**
+ * Contains methods allowing you to perform or cancel an operation.
+ */
+interface ASPxClientAppointmentOperation {
+    /**
+     * Passes parameters to the corresponding callback function to accomplish the operation.
+     */
+    Apply(): void;
+    /**
+     * Cancels the operation.
+     */
+    Cancel(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxScheduler control.
+ */
+interface ASPxClientScheduler extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientScheduler.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the Scheduler control is about to change its active view.
+     */
+    ActiveViewChanging: ASPxClientEvent<ActiveViewChangingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event. Occurs after the active view of the ASPxScheduler has been changed.
+     */
+    ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user presses a keyboard shortcut.
+     */
+    Shortcut: ASPxClientEvent<ShortcutEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user clicks an appointment.
+     */
+    AppointmentClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user double clicks on an appointment.
+     */
+    AppointmentDoubleClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user clicks a time cell.
+     */
+    CellClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when and end-user double-clicks a time cell.
+     */
+    CellDoubleClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the user selects an appointment.
+     */
+    AppointmentsSelectionChanged: ASPxClientEvent<AppointmentsSelectionEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the time cell selection is changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the time cell selection is about to change.
+     */
+    SelectionChanging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the  time interval of the scheduling area is changed.
+     */
+    VisibleIntervalChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when one of  More Buttons is clicked.
+     */
+    MoreButtonClicked: ASPxClientEvent<MoreButtonClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when a popup menu item is clicked.
+     */
+    MenuItemClicked: ASPxClientEvent<MenuItemClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs after an appointment has been dragged and dropped.
+     */
+    AppointmentDrop: ASPxClientEvent<AppointmentDropEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being dragged.
+     */
+    AppointmentDrag: ASPxClientEvent<AppointmentDragEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being resized.
+     */
+    AppointmentResizing: ASPxClientEvent<AppointmentResizingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when an appointment is resized.
+     */
+    AppointmentResize: ASPxClientEvent<AppointmentResizeEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that fires before an appointment is deleted.
+     */
+    AppointmentDeleting: ASPxClientEvent<ASPxClientAppointmentDeletingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side before the appointment tooltip is shown.
+     */
+    AppointmentToolTipShowing: ASPxClientEvent<ASPxClientAppointmentToolTipShowingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Sets whether the resources with specified IDs are visible.
+     * @param resourceIds An array of string values specifying the resources IDs.
+     */
+    SetVisibleResources(resourceIds: string[]): void;
+    /**
+     * Client-side scripting  method that gets the active View.
+     */
+    GetActiveViewType(): ASPxSchedulerViewType;
+    /**
+     * Client-side scripting  method to change the ASPxScheduler's active View.
+     * @param value A ASPxSchedulerViewType enumeration value, representing a view type to set.
+     */
+    SetActiveViewType(value: ASPxSchedulerViewType): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded using the specified refresh action.
+     * @param refreshAction An ASPxClientSchedulerRefreshAction enumeration value, specifying the refresh action.
+     */
+    Refresh(refreshAction: ASPxClientSchedulerRefreshAction): void;
+    /**
+     * Client-side function that returns the type of grouping applied to the appointments displayed in the scheduler.
+     */
+    GetGroupType(): ASPxSchedulerGroupType;
+    /**
+     * Client-side scripting method which raises the callback command to set the GroupType.
+     * @param value An ASPxSchedulerGroupType enumeration value, which specifies how appointments are grouped.
+     */
+    SetGroupType(value: ASPxSchedulerGroupType): void;
+    /**
+     * Client-side method that navigates the scheduler to the current system date.
+     */
+    GotoToday(): void;
+    /**
+     * Client-side scripting method which raises the GotoDate callback command.
+     * @param date A DateTime value specifying the destination time.
+     */
+    GotoDate(date: Date): void;
+    /**
+     * Client-side function which slides the visible interval one time span back.
+     */
+    NavigateBackward(): void;
+    /**
+     * Client-side function which slides the visible interval one time span forward.
+     */
+    NavigateForward(): void;
+    /**
+     * Client-side method which raises the callback command to change the ClientTimeZoneId of the scheduler.
+     * @param timeZoneId A string, a time zone identifier which is valid for the System.TimeZoneInfo.Id property.
+     */
+    ChangeTimeZoneId(timeZoneId: string): void;
+    /**
+     * Displays a Selection ToolTip on a position given by the specified coordinates.
+     * @param x An integer representing the X-coordinate.
+     * @param y An integer representing the Y-coordinate.
+     */
+    ShowSelectionToolTip(x: number, y: number): void;
+    /**
+     * Client-side function that returns the time interval, selected in the scheduler.
+     */
+    GetSelectedInterval(): ASPxClientTimeInterval;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     */
+    SetSelection(interval: ASPxClientTimeInterval): void;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     * @param resourceId An integer value specifying the ID of the resource to which the specified time interval belongs.
+     */
+    SetSelection(interval: ASPxClientTimeInterval, resourceId: string): void;
+    /**
+     * Selects time cells which encompass the specified time interval on the client side.
+     * @param interval An ASPxClientTimeInterval object that specifies the time interval to select.
+     * @param resourceId An integer value specifying the ID of the resource to which the specified time interval belongs.
+     * @param scrollToSelection true, to scroll the scheduler's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(interval: ASPxClientTimeInterval, resourceId: string, scrollToSelection: boolean): void;
+    /**
+     * Client-side function that returns the ResourceId of selected time cell's resource.
+     */
+    GetSelectedResource(): string;
+    /**
+     * Gets a collection of visible appointments.
+     */
+    GetVisibleAppointments(): ASPxClientAppointment[];
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param id An appointment's identifier.
+     */
+    GetAppointmentById(id: string): ASPxClientAppointment;
+    /**
+     * Client-side function that returns the id's of selected appointments.
+     */
+    GetSelectedAppointmentIds(): string[];
+    /**
+     * Client-side function that removes the appointment specified by its client ID from a collection of selected appointments.
+     * @param aptId An appointment's identifier.
+     */
+    DeselectAppointmentById(aptId: string): void;
+    /**
+     * Client-side function that selects an appointment with the specified ID.
+     * @param aptId An appointment's identifier.
+     */
+    SelectAppointmentById(aptId: string): void;
+    /**
+     * Selects the appointment with the specified ID.
+     * @param aptId A string value specifying the appointment ID.
+     * @param scrollToSelection true, to scroll to the selected appointment; otherwise, false.
+     */
+    SelectAppointmentById(aptId: string, scrollToSelection: boolean): void;
+    /**
+     * Enables obtaining appointment property values in a client-side script. Executes the callback command with the AppointmentData identifier.
+     * @param aptId A string, representing the appointment ID.
+     * @param propertyNames An array of strings, representing the appointment properties to query.
+     * @param onCallBack A handler of a function which will receive and process the property values.
+     */
+    GetAppointmentProperties(aptId: string, propertyNames: string[], onCallBack: Object): string[];
+    /**
+     * Initiates a callback to retrieve and apply the values for the specified list of properties to the specified appointment, and transfer control to the specified function.
+     * @param clientAppointment An ASPxClientAppointment object that is the client appointment for which the data is retrieved.
+     * @param propertyNames An array of strings, that are the names of appointment properties to query.
+     * @param onCallBack A handler of a function executed after a callback.
+     */
+    RefreshClientAppointmentProperties(clientAppointment: ASPxClientAppointment, propertyNames: string[], onCallBack: Object): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its client ID.
+     * @param aptClientId A string, representing the appointment client identifier.
+     */
+    ShowAppointmentFormByClientId(aptClientId: string): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its storage identifier.
+     * @param aptServerId A string, representing the appointment identifier.
+     */
+    ShowAppointmentFormByServerId(aptServerId: string): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either 'Day' or 'WorkWeek'.
+     */
+    SetTopRowTime(duration: number, viewType: ASPxSchedulerViewType): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     */
+    SetTopRowTime(duration: number): void;
+    /**
+     * Gets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either "Day" or  "WorkWeek", otherwise the result is undefined.
+     */
+    GetTopRowTime(viewType: ASPxSchedulerViewType): number;
+    /**
+     * Gets the time of day corresponding to the start of the topmost displayed time cell row.
+     */
+    GetTopRowTime(): number;
+    /**
+     * Client-side scripting method which displays the Loading Panel.
+     */
+    ShowLoadingPanel(): void;
+    /**
+     * Client-side scripting method which hides the Loading Panel from view.
+     */
+    HideLoadingPanel(): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     * @param resourceId An object representing the identifier of a resource associated with the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date, resourceId: string): void;
+    /**
+     * Client-side scripting  method to insert the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to update the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side method that allows retrieving a collection of time intervals displayed by the ASPxScheduler.
+     */
+    GetVisibleIntervals(): ASPxClientTimeInterval[];
+    /**
+     * Changes the container that the ASPxScheduler tooltip belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangeToolTipContainer(container: Object): void;
+    /**
+     * Changes the container that the ASPxScheduler pop-up menu belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangePopupMenuContainer(container: Object): void;
+    /**
+     * Returns focus to the form if the ASPxScheduler control is not visible when the reminder fires.
+     * @param container A DIV object that is located in such a way that it is visible on the page in situations when the ASPxScheduler control is hidden.
+     */
+    ChangeFormContainer(container: Object): void;
+    /**
+     * Client-side scripting method that saves appointment modifications and closes the form.
+     */
+    AppointmentFormSave(): void;
+    /**
+     * Client-side scripting method that deletes the appointment being edited.
+     */
+    AppointmentFormDelete(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the appointment editing form.
+     */
+    AppointmentFormCancel(): void;
+    /**
+     * Client-side scripting method that navigates the scheduler to the date selected in the GotoDate form and closes the form.
+     */
+    GoToDateFormApply(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the GotoDate form.
+     */
+    GoToDateFormCancel(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormSave(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormCancel(): void;
+    /**
+     * Client-side scripting method that invokes the appointment editing form for the appointment being edited in the inplace editor.
+     */
+    InplaceEditFormShowMore(): void;
+    /**
+     * Client-side scripting method that closes the Reminder form.
+     */
+    ReminderFormCancel(): void;
+    /**
+     * Client-side scripting method that calls the Dismiss method for the selected reminder.
+     */
+    ReminderFormDismiss(): void;
+    /**
+     * Client-side scripting method that dismisses all reminders shown in the Reminder form.
+     */
+    ReminderFormDismissAll(): void;
+    /**
+     * Client-side scripting method that changes the alert time for the selected reminder to the specified interval.
+     */
+    ReminderFormSnooze(): void;
+    /**
+     * Specifies whether the toolbar is visible.
+     * @param visible true, to make the toolbar visible; otherwise, false.
+     */
+    SetToolbarVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a toolbar is displayed.
+     */
+    GetToolbarVisible(): boolean;
+    /**
+     * Specifies whether the Resource Navigator is visible.
+     * @param visible true, to make the Resource Navigator visible; otherwise, false.
+     */
+    SetResourceNavigatorVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether the Resource Navigator is displayed.
+     */
+    GetResourceNavigatorVisible(): boolean;
+    /**
+     * Returns the value specifying the Scheduler's scrollable area height.
+     */
+    GetScrollAreaHeight(): number;
+    /**
+     * Specifies the All-Day Area area height.
+     * @param height An integer value specifying the all-day area height.
+     */
+    SetAllDayAreaHeight(height: number): void;
+    /**
+     * Gets the All-Day Area area height.
+     */
+    GetAllDayAreaHeight(): number;
+    /**
+     * Sets the Scheduler's height.
+     * @param height An integer value specifying the scheduler's height.
+     */
+    SetHeight(height: number): void;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerViewType object.
+ */
+interface ASPxSchedulerViewType {
+    /**
+     * Gets a string representation equivalent of Day enumeration for use in client scripts.
+     * Value: A string "Day", indicating the DayView.
+     */
+    Day: string;
+    /**
+     * Gets a string representation equivalent of WorkWeek enumeration for use in client scripts.
+     * Value: A string "WorkWeek", indicating the WorkWeekView.
+     */
+    WorkWeek: string;
+    /**
+     * Gets a string representation equivalent of Week enumeration for use in client scripts.
+     * Value: A string "Week", indicating the WeekView.
+     */
+    Week: string;
+    /**
+     * Gets a string representation equivalent of Month enumeration for use in client scripts.
+     * Value: A string "Month", indicating the MonthView.
+     */
+    Month: string;
+    /**
+     * Gets a string representation equivalent of Timeline enumeration for use in client scripts.
+     * Value: A string "Timeline", indicating the TimelineView.
+     */
+    Timeline: string;
+    /**
+     * Gets a string representation equivalent of FullWeek enumeration for use in client scripts.
+     * Value: A string "FullWeek", indicating the FullWeekView.
+     */
+    FullWeek: string;
+    /**
+     * Gets a string representation equivalent to the Agenda enumeration for use in client scripts.
+     * Value: A string "Agenda", indicating the AgendaView.
+     */
+    Agenda: string;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerGroupType enumeration.
+ */
+interface ASPxSchedulerGroupType {
+    /**
+     * Gets a string representation equivalent of None enumeration for use in client scripts.
+     * Value: A "None" string value.
+     */
+    None: string;
+    /**
+     * Gets a string representation equivalent of Date enumeration for use in client scripts.
+     * Value: A "Date" string value.
+     */
+    Date: string;
+    /**
+     * Gets a string representation equivalent of Resource enumeration for use in client scripts.
+     * Value: A "Resource" string value.
+     */
+    Resource: string;
+}
+interface ASPxClientAppointmentDeletingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDeleting event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDeletingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDeleting event.
+ */
+interface ASPxClientAppointmentDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets client IDs of the appointments to be removed.
+     * Value: An array of client appointment identifiers, representing appointments passed for deletion.
+     */
+    appointmentIds: string[];
+}
+interface AppointmentClickEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A AppointmentClickEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentClickEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDoubleClick events.
+ */
+interface AppointmentClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the client appointment ID for the appointment being clicked.
+     * Value: A string, representing the client ID of the appointment.
+     */
+    appointmentId: string;
+    /**
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
+     */
+    htmlElement: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentsSelectionChanged event.
+     * @param source The ASPxScheduler control which fires the event.
+     * @param e A AppointmentsSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentsSelectionEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets identifiers of the selected appointments.
+     * Value: A comma separated list of string values, representing appointment IDs.
+     */
+    appointmentIds: string[];
+}
+/**
+ * A method that will handle the Shortcut event.
+ */
+interface ShortcutEventHandler<S> {
+    /**
+     * A method that will handle the Shortcut event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ShortcutEventArgs object that contains event data.
+     */
+    (source: S, e: ShortcutEventArgs): void;
+}
+/**
+ * Provides data for the client-side Shortcut event.
+ */
+interface ShortcutEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of a command associated with the keyboard shortcut.
+     * Value: A string containing a command name.
+     */
+    commandName: string;
+    /**
+     * Gets an object containing information about a keyboard shortcut event.
+     * Value: An object containing event data.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true, if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventHandler<S> {
+    /**
+     * A method that will handle the ActiveViewChanging event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e An ActiveViewChangingEventArgs object that contains event data
+     */
+    (source: S, e: ActiveViewChangingEventArgs): void;
+}
+/**
+ * Provides data for the client-side ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value of the ActiveView property before modification.
+     * Value: A SchedulerViewType enumeration.
+     */
+    oldView: ASPxSchedulerViewType;
+    /**
+     * Gets the new value of the ActiveView property.
+     * Value: A string, which is the SchedulerViewType enumeration value.
+     */
+    newView: ASPxSchedulerViewType;
+    /**
+     * Gets or sets whether the change of active view should be canceled.
+     * Value: true to cancel the operation; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the MoreButtonClicked event.
+ */
+interface MoreButtonClickedEventHandler<S> {
+    /**
+     * A method that will handle MoreButtonClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MoreButtonClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MoreButtonClickedEventArgs): void;
+}
+/**
+ * Provides data for the MoreButtonClicked client-side event.
+ */
+interface MoreButtonClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the Start or End values of the target appointment.
+     * Value: A DateTime value representing the target appointment's boundary.
+     */
+    targetDateTime: Date;
+    /**
+     * Gets the time interval of the cell where the button is located.
+     * Value: An ASPxClientTimeInterval object representing the time interval of the cell which holds the button.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the resource identifier associated with the cell where the button is located.
+     * Value: A string, corresponding to ResourceId.
+     */
+    resource: string;
+    /**
+     * Gets or sets whether an event is handled. If it is handled, default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the MenuItemClicked event.
+ */
+interface MenuItemClickedEventHandler<S> {
+    /**
+     * A method that will handle the MenuItemClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MenuItemClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MenuItemClickedEventArgs): void;
+}
+/**
+ * Provides data for the MenuItemClicked event.
+ */
+interface MenuItemClickedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the menu item which is clicked.
+     * Value: A string, containing the menu item name.
+     */
+    itemName: string;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentDrag event.
+ */
+interface AppointmentDragEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrag event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentDragEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDragEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrag event.
+ */
+interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not appointments can be dropped into the intervals over which they are currently dragged.
+     * Value: true to allow dropping appointments; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current drag operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Provides information about dragged appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+/**
+ * A method that will handle the AppointmentDrop event.
+ */
+interface AppointmentDropEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrop event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentDropEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDropEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrop event.
+ */
+interface ASPxClientAppointmentDropEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Provides information about dropped appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dropped appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+interface AppointmentResizeEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResize event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizeEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResize event.
+ */
+interface ASPxClientAppointmentResizeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether default event processing is required.
+     * Value: true to process an event using only custom code; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * A method that will handle the AppointmentResizing event.
+ */
+interface AppointmentResizingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResizing event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResizing event.
+ */
+interface ASPxClientAppointmentResizingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not an appointment can be resized to the new time interval.
+     * Value: true to allow resizing the appointment; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current appointment resizing operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * Stores information about an appointment drag operation.
+ */
+interface ASPxClientAppointmentDragInfo {
+    /**
+     * Gets the dragged appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources that were associated with the appointment before the drag operation.
+     * Value: A array of strings containing resource identifiers.
+     */
+    oldResources: string[];
+    /**
+     * Gets the appointment's interval after the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment after the drag operation.
+     * Value: An array of strings containing resource identifiers.
+     */
+    newResources: string[];
+}
+/**
+ * A method that will handle the CellDoubleClick events.
+ */
+interface CellClickEventHandler<S> {
+    /**
+     * A method that will handle the CellClick event.
+     * @param source The event source.
+     * @param e A ASPxClientSchedulerCellClickEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSchedulerCellClickEventArgs): void;
+}
+/**
+ * Provides data for the CellClick event.
+ */
+interface ASPxClientSchedulerCellClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
+     */
+    htmlElement: Object;
+    /**
+     * Gets the time interval of the time cells related to the event.
+     * Value: An ASPxClientTimeInterval object specifying the time interval.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the resource identifier associated with the cell related to the event.
+     * Value: A string value representing the resource.
+     */
+    resource: string;
+}
+/**
+ * A method that will handle the client AppointmentToolTipShowing event.
+ */
+interface ASPxClientAppointmentToolTipShowingEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source.
+     * @param e An ASPxClientAppointmentToolTipShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentToolTipShowingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentToolTipShowing event.
+ */
+interface ASPxClientAppointmentToolTipShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the appointment.
+     * Value: An ASPxClientAppointment object representing the appointment.
+     */
+    appointment: ASPxClientAppointment;
+}
+/**
+ * Represents the client-side equivalent of the TimeInterval class.
+ */
+interface ASPxClientTimeInterval {
+    /**
+     * Gets a value indicating if the time interval is All-Day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Sets a value specifying if the time interval is All-Day.
+     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
+     */
+    SetAllDay(allDayValue: boolean): void;
+    /**
+     * Client-side function that returns the start time of the interval.
+     */
+    GetStart(): Date;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     */
+    GetDuration(): number;
+    /**
+     * Client-side function that returns the end time of the interval.
+     */
+    GetEnd(): Date;
+    /**
+     * Client-side function that sets the start time of the interval.
+     * @param value A DateTime value, representing the beginning of the interval.
+     */
+    SetStart(value: Date): void;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     * @param value A TimeSpan  object, representing the duration of the time period.
+     */
+    SetDuration(value: any): void;
+    /**
+     * Client-side function that sets the end time of the interval.
+     * @param value A DateTime value, representing the end of the interval.
+     */
+    SetEnd(value: Date): void;
+    /**
+     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
+     * @param interval The object to compare with the current object.
+     */
+    Equals(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Client-side function that determines whether the specified interval is contained within the current one.
+     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     */
+    Contains(interval: ASPxClientTimeInterval): boolean;
+}
+interface ASPxClientDateNavigator extends ASPxClientControl {
+    DayCellCustomHighlight: ASPxClientEvent<ASPxClientDateNavigatorDayCellCustomHighlightEventHandler<ASPxClientDateNavigator>>;
+    SelectionChanged: ASPxClientEvent<ASPxClientDateNavigatorSelectionChangedEventHandler<ASPxClientDateNavigator>>;
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientDateNavigatorVisibleMonthChangedEventHandler<ASPxClientDateNavigator>>;
+}
+interface ASPxClientDateNavigatorDayCellCustomHighlightEventHandler<S> {
+    (source: S, e: ASPxClientDateNavigatorDayCellCustomHighlightEventArgs): void;
+}
+interface ASPxClientDateNavigatorDayCellCustomHighlightEventArgs extends ASPxClientEventArgs {
+    htmlElement: Object;
+    date: Date;
+    appointments: ASPxClientAppointment[];
+}
+interface ASPxClientDateNavigatorVisibleMonthChangedEventHandler<S> {
+    (source: S, e: ASPxClientDateNavigatorVisibleMonthChangedEventArgs): void;
+}
+interface ASPxClientDateNavigatorVisibleMonthChangedEventArgs extends ASPxClientEventArgs {
+    startDate: Date;
+    endDate: Date;
+}
+interface ASPxClientDateNavigatorSelectionChangedEventHandler<S> {
+    (source: S, e: ASPxClientDateNavigatorSelectionChangedEventArgs): void;
+}
+interface ASPxClientDateNavigatorSelectionChangedEventArgs extends ASPxClientEventArgs {
+    selectedDates: Date[];
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpellChecker class.
+ */
+interface ASPxClientSpellChecker extends ASPxClientControl {
+    /**
+     * Client-side event that occurs before the spell check starts.
+     */
+    BeforeCheck: ASPxClientEvent<ASPxClientBeforeCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs before a message box informing about process completion is shown.
+     */
+    CheckCompleteFormShowing: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs when a spell check is finished.
+     */
+    AfterCheck: ASPxClientEvent<ASPxClientAfterCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Occurs after a word is changed in a checked text.
+     */
+    WordChanged: ASPxClientEvent<ASPxClientWordChangedEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Starts the spelling check of the text contained within the element specified by the CheckedElementID value.
+     */
+    Check(): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param element An object representing the element being checked.
+     */
+    CheckElement(element: Object): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param id A string representing the identifier of the element being checked.
+     */
+    CheckElementById(id: string): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerElement An object representing a control which contains elements being checked.
+     */
+    CheckElementsInContainer(containerElement: Object): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerId A string, specifying the control's identifier.
+     */
+    CheckElementsInContainerById(containerId: string): void;
+}
+/**
+ * Represents an object that will handle the client-side BeforeCheck event.
+ */
+interface ASPxClientBeforeCheckEventHandler<S> {
+    /**
+     * A method that will handle the BeforeCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerBeforeCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerBeforeCheckEventArgs): void;
+}
+/**
+ * Provides data for an event that occurs before a spelling check is started. Represents the client-side equivalent of the BeforeCheckEventArgs class.
+ */
+interface ASPxClientSpellCheckerBeforeCheckEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which is going to be checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+}
+/**
+ * Represents an object that will handle the client-side AfterCheck event.
+ */
+interface ASPxClientAfterCheckEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerAfterCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * Provides data for the client event that occurs after a spelling check is complete.
+ */
+interface ASPxClientSpellCheckerAfterCheckEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which has been checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+    /**
+     * Gets the text that has been checked.
+     * Value: A string, containing checked text.
+     */
+    checkedText: string;
+    /**
+     * Gets a value specifying whether spell checking is finished or stopped by the user.
+     * Value: A string value identifying the reason ("Default" or "User").
+     */
+    reason: string;
+}
+/**
+ * Represents an object that will handle the client-side WordChanged event.
+ */
+interface ASPxClientWordChangedEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The event source.
+     * @param e An ASPxClientSpellCheckerAfterCheckEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+declare enum ASPxClientSpreadsheetPopupMenuType {
+    ColumnHeading=0,
+    RowHeading=1,
+    SheetTab=3,
+    Picture=4,
+    Chart=5,
+    Cell=7,
+    AutoFilter=8
+}
+declare enum ASPxClientSpreadsheetEditMode {
+    None=0,
+    Cell=1,
+    Comment=2
+}
+declare enum ASPxClientSpreadsheetViewMode {
+    Editing=0,
+    Reading=1
+}
+/**
+ * Contains settings specifying size and position of a spreadsheet cell's in-place editor.
+ */
+interface ASPxClientSpreadsheetRectangle {
+    /**
+     * Gets the x-coordinate of the specified cell's editor.
+     * Value: An integer value specifying the specified cell editor's x-coordinate.
+     */
+    left: number;
+    /**
+     * Gets the y-coordinate of the specified cell's editor.
+     * Value: An integer value specifying the specified cell editor's y-coordinate.
+     */
+    top: number;
+    /**
+     * Gets the width value of the cell's in-place editor.
+     * Value: An integer value specifying the width value.
+     */
+    width: number;
+    /**
+     * Gets the height value of the cell's in-place editor.
+     * Value: An integer value specifying the height value.
+     */
+    height: number;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+    /**
+     * This property is now obsolete. Use the commandName property instead.
+     */
+    item: ASPxClientRibbonItem;
+}
+/**
+ * A method that will handle the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventHandler<S> {
+    /**
+     * A method that will handle the DocumentChanged event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetDocumentChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetDocumentChangedEventArgs): void;
+}
+/**
+ * Provides data for the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventHandler<S> {
+    /**
+     * A method that will handle the EndSynchronization events.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetSynchronizationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSynchronizationEventArgs): void;
+}
+/**
+ * Provides data for the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e An ASPxClientSpreadsheetHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A method that will handle the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuShowing event.
+     * @param source The event sender (typically an ASPxClientSpreadsheet object).
+     * @param e A ASPxClientSpreadsheetPopupMenuShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetPopupMenuShowingEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides access to a collection of menu items in the context menu being invoked.
+     * Value: A <see cref="ASPxClientSpreadsheetPopupMenuItemCollection" /> object representing the context menu's item collection.
+     */
+    menuItems: ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Gets the currently displayed context menu's type.
+     * Value: One of the <see cref="ASPxClientSpreadsheetPopupMenuType" /> enumeration values.
+     */
+    menuType: any;
+}
+/**
+ * A method that will handle the ViewModeChanged event.
+ */
+interface ASPxClientSpreadsheetViewModeChangedEventHandler<S> {
+    /**
+     * A method that will handle the ViewModeChanged event.
+     * @param source The event sender (typically an ASPxClientSpreadsheet object).
+     * @param e A ASPxClientSpreadsheetViewModeChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetViewModeChangedEventArgs): void;
+}
+/**
+ * Provides data for the ViewModeChanged event.
+ */
+interface ASPxClientSpreadsheetViewModeChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the control's current view mode when the event is triggered.
+     * Value: A <see cref="ASPxClientSpreadsheetViewMode" /> value specifying the control's view mode.
+     */
+    oldViewMode: any;
+}
+/**
+ * A client-side equivalent of the ASPxSpreadsheet object.
+ */
+interface ASPxClientSpreadsheet extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSpreadsheet.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client when a selection is changed in the ASPxSpreadsheet.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientSpreadsheetSelectionChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientSpreadsheetCustomCommandExecutedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires if any change is made to the Spreadsheet's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientSpreadsheetDocumentChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs when the control's view mode is changed.
+     */
+    ViewModeChanged: ASPxClientEvent<ASPxClientSpreadsheetViewModeChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientSpreadsheetHyperlinkClickEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the context menu is displayed and allows menu customization.
+     */
+    PopupMenuShowing: ASPxClientEvent<ASPxClientSpreadsheetPopupMenuShowingEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the cell editor is opened.
+     */
+    CellBeginEdit: ASPxClientEvent<ASPxClientSpreadsheetCellBeginEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the cell editor is closed and the entered value is committed.
+     */
+    CellEndEdit: ASPxClientEvent<ASPxClientSpreadsheetCellEndEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the active cell's editor is closed and the entered value is rolled back.
+     */
+    CellCancelEdit: ASPxClientEvent<ASPxClientSpreadsheetCellCancelEditEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs when attempting to edit a locked cell in a protected worksheet.
+     */
+    ProtectionWarning: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Sets input focus to the Spreadsheet.
+     */
+    Focus(): void;
+    /**
+     * Gets access to the client ribbon object.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Enables you to switch the full-screen mode of the Spreadsheet.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Returns the control's view mode.
+     */
+    GetViewMode(): any;
+    /**
+     * Specifies the control's view mode.
+     * @param mode A value specifying the control's view mode.
+     */
+    SetViewMode(mode: any): void;
+    /**
+     * Returns the type of the element currently being edited in the Spreadsheet control.
+     */
+    GetEditMode(): any;
+    /**
+     * Applies a value stored within the editor to the active cell
+     */
+    ApplyCellEdit(): void;
+    /**
+     * Cancels editing of the active cell.
+     */
+    CancelCellEdit(): void;
+    /**
+     * Specifies the editor's value of the edited cell.
+     * @param text A string specifying text received by the cell's editor.
+     */
+    SetCellEditorText(text: string): void;
+    /**
+     * Gets a name of the worksheet that is currently displayed within the spreadsheet.
+     */
+    GetActiveSheetName(): string;
+    /**
+     * Returns the current selection made in a Spreadsheet.
+     */
+    GetSelection(): ASPxClientSpreadsheetSelection;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Gets the value of the specified cell.
+     * @param colModelIndex An integer value specifying the cell's column index.
+     * @param rowModelIndex An integer value specifying the cell's row index.
+     */
+    GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the specified cell's bounds.
+     * @param colModelIndex An integer value specifying the zero-based column index.
+     * @param rowModelIndex An integer value specifying the zero-based row index.
+     */
+    GetCellBounds(colModelIndex: number, rowModelIndex: number): ASPxClientSpreadsheetRectangle;
+    /**
+     * Returns the comment associated with the specified data cell.
+     * @param colModelIndex An integer value specifying the data cell's column index.
+     * @param rowModelIndex An integer value specifying the data cell's row index.
+     */
+    GetCellComment(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the value of the currently active cell.
+     */
+    GetActiveCellValue(): Object;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side DocumentCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side DocumentCallback event.
+     */
+    PerformDocumentCallback(parameter: string): void;
+    /**
+     * Reconnects the Spreadsheet to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientSpreadsheetSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object that determines the currently selected region within the Spreadsheet.
+     * Value: A <see cref="ASPxClientSpreadsheetSelection" /> object defining the current selection.
+     */
+    selection: ASPxClientSpreadsheetSelection;
+}
+/**
+ * Represents the selection in the Spreadsheet.
+ */
+interface ASPxClientSpreadsheetSelection {
+    /**
+     * Gets the column index of the active cell.
+     * Value: An integer value specifying the active cell column index.
+     */
+    activeCellColumnIndex: number;
+    /**
+     * Gets the row index of the active cell.
+     * Value: An integer value specifying the active cell row index.
+     */
+    activeCellRowIndex: number;
+    /**
+     * Gets the index of the selection's left column.
+     * Value: An integer value specifying the index of the left column within the selection.
+     */
+    leftColumnIndex: number;
+    /**
+     * Gets the index of the selection's top row.
+     * Value: An integer value specifying the index of the top row within the selection.
+     */
+    topRowIndex: number;
+    /**
+     * Gets the index of the selection's right column.
+     * Value: An integer value specifying the index of the right column within the selection.
+     */
+    rightColumnIndex: number;
+    /**
+     * Gets the index of the selection's bottom row.
+     * Value: An integer value specifying the index of the bottom row within the selection.
+     */
+    bottomRowIndex: number;
+}
+/**
+ * Represents an individual item of the Spreadsheet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItem {
+    /**
+     * Gets the immediate parent menu item to which the current menu item belongs.
+     * Value: A ASPxClientSpreadsheetPopupMenuItem object representing the menu item's immediate parent.
+     */
+    parent: ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Gets or sets the unique identifier name for the current menu item.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+    /**
+     * Gets or sets the text content of the current menu item.
+     * Value: A string value that specifies the text content of the menu item.
+     */
+    text: string;
+    /**
+     * Gets or sets a value that indicates whether the menu item is enabled, allowing the item to respond to end-user interactions.
+     * Value: true if the item is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets or sets the CSS class name defining the menu item's image.
+     * Value: A string value specifying the class name.
+     */
+    imageClassName: string;
+    /**
+     * Gets or sets an URL which defines the navigation location.
+     * Value: A string value which represents an URL where the client web browser will navigate.
+     */
+    navigateUrl: string;
+    /**
+     * Gets or sets the URL of the menu item's image.
+     * Value: A string value that specifies the location of an image.
+     */
+    imageUrl: string;
+    /**
+     * Gets or sets a value that specifies whether the current menu item starts a group.
+     * Value: true if the current menu item starts a group; otherwise, false.
+     */
+    beginGroup: boolean;
+    /**
+     * Gets or sets the current menu item's tooltip text.
+     * Value: A string which specifies the text content of the current menu item's tooltip.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the window or frame at which to target the contents of the URL associated with the current menu item.
+     * Value: A string which identifies the window or frame at which to target the URL content.
+     */
+    target: string;
+    /**
+     * Gets a collection that contains the submenu items of the current menu item.
+     */
+    GetSubItems(): ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Returns the menu item's sub-item with the specified index.
+     * @param index An integer value specifying the index of the sub-item within a collection of the current menu item's submenu items.
+     */
+    GetItem(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the menu item's sub-item with the specified name property value.
+     * @param name A string value specifying the name property value of the sub-item to find.
+     */
+    GetItemByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the total number of the menu item's child items (submenu items).
+     */
+    GetItemCount(): number;
+}
+/**
+ * Represents a collection of items in the Spreadhseet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItemCollection {
+    /**
+     * Adds the specified menu item to the end of the collection.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object specifying the item to be added to the collection.
+     */
+    Add(item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Removes a menu item specified by its index within the collection.
+     * @param index An integer value specifying the index of the menu item to remove.
+     */
+    Remove(index: number): void;
+    /**
+     * Removes a menu item specified by its name.
+     * @param name A string value specifying the name property value of a menu item to remove from the collection.
+     */
+    RemoveByName(name: string): void;
+    /**
+     * Adds the specified item to the specified position within the collection.
+     * @param index An integer value that specifies the zero-based index at which the specified item should be inserted.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object to insert.
+     */
+    Insert(index: number, item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Returns the total number of menu items in the collection.
+     */
+    GetCount(): number;
+    /**
+     * Returns an item object with the specified name property value.
+     * @param name A string value representing the name property value of the required item.
+     */
+    GetByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns a menu item specified by its index in the collection.
+     * @param index An integer value that is the zero-based index of the <see cref="ASPxClientSpreadsheetPopupMenuItem" /> to retrieve from the ASPxClientSpreadsheetPopupMenuItemCollection.
+     */
+    Get(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Removes all menu items from the collection.
+     */
+    Clear(): void;
+}
+/**
+ * A method that will handle the CellBeginEdit event.
+ */
+interface ASPxClientSpreadsheetCellBeginEditEventHandler<S> {
+    /**
+     * A method that will handle the CellBeginEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellBeginEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellBeginEditEventArgs): void;
+}
+/**
+ * Provides data for the CellBeginEdit event.
+ */
+interface ASPxClientSpreadsheetCellBeginEditEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the active cell's column index.
+     * Value: An integer value specifying the zero-based column index.
+     */
+    columnIndex: number;
+    /**
+     * Gets the active cell's row index.
+     * Value: An integer value specifying the zero-based row index.
+     */
+    rowIndex: number;
+    /**
+     * Gets the active cell's formula.
+     * Value: A string value specifying the formula.
+     */
+    formula: string;
+    /**
+     * Gets the active cell's current value.
+     * Value: A string value specifying the cell's value.
+     */
+    value: string;
+    /**
+     * Gets the current worksheet's name.
+     * Value: A string value specifying the current worksheet's name.
+     */
+    sheetName: string;
+}
+/**
+ * A method that will handle the CellEndEdit event.
+ */
+interface ASPxClientSpreadsheetCellEndEditEventHandler<S> {
+    /**
+     * A method that will handle the CellEndEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellEndEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellEndEditEventArgs): void;
+}
+/**
+ * Provides data for the CellEndEdit event.
+ */
+interface ASPxClientSpreadsheetCellEndEditEventArgs extends ASPxClientSpreadsheetCellBeginEditEventArgs {
+    /**
+     * Gets or sets the text stored within the active cell's editor.
+     * Value: A string value that specifies the editor's text.
+     */
+    editorText: string;
+}
+/**
+ * A method that will handle the CellCancelEdit event.
+ */
+interface ASPxClientSpreadsheetCellCancelEditEventHandler<S> {
+    /**
+     * A method that will handle the CellCancelEdit event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCellCancelEditEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCellCancelEditEventArgs): void;
+}
+/**
+ * Provides data for the CellCancelEdit event.
+ */
+interface ASPxClientSpreadsheetCellCancelEditEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the active cell's column index.
+     * Value: An integer value specifying the zero-based column index.
+     */
+    columnIndex: number;
+    /**
+     * Gets the active cell's row index.
+     * Value: An integer value specifying the zero-based row index.
+     */
+    rowIndex: number;
+    /**
+     * Gets the active cell's formula.
+     * Value: A string value specifying the formula.
+     */
+    formula: string;
+    /**
+     * Gets the active cell's current value.
+     * Value: A string value specifying the cell's value
+     */
+    value: string;
+    /**
+     * Gets the current worksheet's name.
+     * Value: A string value specifying the current worksheet's name.
+     */
+    sheetName: string;
+}
+/**
+ * Represents the client ASPxTreeList.
+ */
+interface ASPxClientTreeList extends ASPxClientControl {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientTreeListBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientTreeListBatchEditApi;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientTreeList.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to display a context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientTreeListContextMenuEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientTreeListCustomButtonEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientTreeListToolbarItemClickEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before the focused node has been changed.
+     */
+    NodeFocusing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires in response to changing node focus.
+     */
+    FocusedNodeChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the selection has been changed via end-user interaction.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the callback has been processed in the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientTreeListCustomDataCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is double clicked.
+     */
+    NodeDblClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is expanded.
+     */
+    NodeExpanding: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is collapsed.
+     */
+    NodeCollapsing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs before a node is dragged by an end-user.
+     */
+    StartDragNode: ASPxClientEvent<ASPxClientTreeListStartDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a node drag and drop operation is completed.
+     */
+    EndDragNode: ASPxClientEvent<ASPxClientTreeListEndDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a tree list switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientTreeListBatchEditStartEditingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a tree list leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientTreeListBatchEditEndEditingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to specify whether the node date is valid and provide an error text.
+     */
+    BatchEditNodeValidating: ASPxClientEvent<ASPxClientTreeListBatchEditNodeValidatingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientTreeListBatchEditTemplateCellFocusedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientTreeListBatchEditChangesSavingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientTreeListBatchEditChangesCancelingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before a node is inserted in batch edit mode.
+     */
+    BatchEditNodeInserting: ASPxClientEvent<ASPxClientTreeListBatchEditNodeInsertingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side before a node is deleted in batch edit mode.
+     */
+    BatchEditNodeDeleting: ASPxClientEvent<ASPxClientTreeListBatchEditNodeDeletingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientTreeListBatchEditConfirmShowingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientTreeListFocusedCellChangingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientTreeListColumnResizingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientTreeListColumnResizedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Scrolls the tree list so that the specified node becomes visible.
+     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     */
+    MakeNodeVisible(nodeKey: string): void;
+    /**
+     * Returns the current vertical scroll position of the tree list's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the tree list's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the tree list's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the tree list's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Exports tree list data to a file in the specified format.
+     * @param format An ASPxClientTreeListExportFormat object specifying the export format.
+     */
+    ExportTo(format: ASPxClientTreeListExportFormat): void;
+    /**
+     * Applies the specified filter expression to the tree list.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client Tree List.
+     */
+    ClearFilter(): void;
+    /**
+     * Applies a filter specified in the filter row to the ASPxTreeList.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Applies the specified search panel filter criterion to tree list data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the ASPxTreeList.
+     */
+    GetAutoFilterEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client Tree List.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientTreeListColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Specifies a custom editor for the search panel on the client side.
+     * @param editor An ASPxClientEdit object representing a custom editor.
+     */
+    SetSearchPanelCustomEditor(editor: ASPxClientEdit): void;
+    /**
+     * Sets input focus to the ASPxTreeList.
+     */
+    Focus(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
+    /**
+     * Returns the focused node's key value.
+     */
+    GetFocusedNodeKey(): string;
+    /**
+     * Moves focus to the specified node.
+     * @param key A String value that uniquely identifies the node.
+     */
+    SetFocusedNodeKey(key: string): void;
+    /**
+     * Indicates whether the specified node is selected.
+     * @param nodeKey A String value that identifies the node by its key value.
+     */
+    IsNodeSelected(nodeKey: string): any;
+    /**
+     * Selects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    SelectNode(nodeKey: string): void;
+    /**
+     * Selects or deselects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     * @param state true to select the node; otherwise, false.
+     */
+    SelectNode(nodeKey: string, state: boolean): void;
+    /**
+     * Obtains key values of selected nodes that are displayed within the current page.
+     */
+    GetVisibleSelectedNodeKeys(): string[];
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param htmlElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(htmlElement: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCustomCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames A string value that contains the names of data source fields whose values within the specified node are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames The names of data source fields whose values within the specified node are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within visible nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within visible nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Selects the specified page.
+     * @param index An integer value that specifies the active page's index.
+     */
+    GoToPage(index: number): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the ASPxTreeList's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Returns the specified node's state.
+     * @param nodeKey A String value that identifies the node.
+     */
+    GetNodeState(nodeKey: string): string;
+    /**
+     * Expands all nodes.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all Node.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands the specified node preserving the collapsed state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    ExpandNode(key: string): void;
+    /**
+     * Collapses the specified node preserving the expanded state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    CollapseNode(key: string): void;
+    /**
+     * Obtains key values of nodes that are displayed within the current page.
+     */
+    GetVisibleNodeKeys(): string[];
+    /**
+     * Returns an HTML table row that represents the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    GetNodeHtmlElement(nodeKey: string): Object;
+    /**
+     * Returns the number of visible columns within the client ASPxTreeList.
+     */
+    GetVisibleColumnCount(): number;
+    /**
+     * Returns the number of columns within the client ASPxTreeList.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the column located at the specified position within the Columns collection.
+     * @param index An integer value that identifies the column within the collection (the column's Index property value).
+     */
+    GetColumnByIndex(index: number): ASPxClientTreeListColumn;
+    /**
+     * Returns the column with the specified name.
+     * @param name A string value that specifies the column's name (the column's Name property value).
+     */
+    GetColumnByName(name: string): ASPxClientTreeListColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param fieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByFieldName(fieldName: string): ASPxClientTreeListColumn;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     */
+    SortBy(nameOrFieldName: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientTreeListColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Switches the ASPxTreeList to edit mode.
+     * @param nodeKey A string value that identifies the node by its key value.
+     */
+    StartEdit(nodeKey: string): void;
+    /**
+     * Saves all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Indicates whether the ASPxTreeList is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Gets the key value of the node currently being edited.
+     */
+    GetEditingNodeKey(): string;
+    /**
+     * Moves the specified node to a new position.
+     * @param nodeKey A string value that identifies the target node by its key value.
+     * @param parentNodeKey A string value that identifies the node to whose child collection the target node is moved. An empty string to display the target node within the root.
+     */
+    MoveNode(nodeKey: string, parentNodeKey: string): void;
+    /**
+     * Deletes the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new root node values to be edited.
+     */
+    StartEditNewNode(): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new node values to be edited.
+     * @param parentNodeKey A String value that identifies the parent node, which owns a new node.
+     */
+    StartEditNewNode(parentNodeKey: string): void;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that identifies the column by its position within the column collection.
+     */
+    GetEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditor(columnNameOrFieldName: string): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditValue(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     */
+    GetEditValue(columnIndex: number): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditValue(columnNameOrFieldName: string): Object;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientTreeListColumn, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnNameOrFieldName: string, value: Object): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param column A ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    FocusEditor(column: ASPxClientTreeListColumn): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnIndex An integer value that identifies the data column.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnNameOrFieldName A String value that specifies the column's name or field name.
+     */
+    FocusEditor(columnNameOrFieldName: string): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientTreeListCellInfo;
+    /**
+     * Focuses a specified cell.
+     * @param nodeKey An integer value that specifies a node key.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(nodeKey: string, columnIndex: number): void;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientTreeListColumn {
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A String value that specifies the name of a data field.
+     */
+    fieldName: string;
+}
+/**
+ * Lists values that specify the document formats available for export from the tree list.
+ */
+interface ASPxClientTreeListExportFormat {
+}
+/**
+ * Provides data for the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the information that has been collected on the client-side and sent to the  server-side CustomDataCallback event.
+     * Value: A string value that represents the information that has been collected on the client-side and sent to the server-side CustomDataCallback event.
+     */
+    arg: string;
+    /**
+     * Gets the information passed from the server-side CustomDataCallback event.
+     * Value: An object that represents the information passed from the server-side CustomDataCallback event.
+     */
+    result: Object;
+}
+/**
+ * A method that will handle the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the CustomDataCallback event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomDataCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the NodeDblClick events.
+ */
+interface ASPxClientTreeListNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides access to the parameters associated with the NodeDblClick events.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the NodeDblClick event.
+ */
+interface ASPxClientTreeListNodeEventHandler<S> {
+    /**
+     * A method that will handle the NodeDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListNodeEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Identifies which tree list element has been right-clicked.
+     * Value: A string value that identifies which tree list element ('Header' or 'Node') has been right-clicked.
+     */
+    objectType: string;
+    /**
+     * Gets a value that identifies the right-clicked object.
+     * Value: The right-clicked object's identifier.
+     */
+    objectKey: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that relates to the processed event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether to invoke the browser's context menu.
+     * Value: true to hide the browser's context menu; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event sender.
+     * @param e An ASPxClientTreeListContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets an array of targets where a node can be dragged.
+     * Value: An array of objects that represent targets for the dragged node.
+     */
+    targets: Object[];
+}
+/**
+ * A method that will handle the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the StartDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListStartDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListStartDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets the target element.
+     * Value: An object that represents the target element to which the dragged node has been dropped.
+     */
+    targetElement: Object;
+}
+/**
+ * A method that will handle the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the EndDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListEndDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListEndDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the key value of the node whose custom button has been clicked.
+     * Value: A string value that uniquely identifies the node whose custom button has been clicked.
+     */
+    nodeKey: string;
+    /**
+     * Gets the button's index.
+     * Value: An integer value that specifies the button's position within the CustomButtons collection.
+     */
+    buttonIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A String value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomButtonEventArgs): void;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+ */
+interface ASPxClientTreeListValuesCallback {
+    /**
+     * A JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * Provides data for the ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResizing event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResized event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizedEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index related to the event.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string object that is the toolbar name.
+     */
+    toolbarName: string;
+    /**
+     * Gets the clicked menu item
+     * Value: An ASPxClientMenu value that is the menu item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListToolbarItemClickEventArgs): void;
+}
+/**
+ * A method that will handle the BatchEditStartEditing event.
+ */
+interface ASPxClientTreeListBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientTreeListBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the tree list column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the focused tree list column.
+     */
+    focusedColumn: ASPxClientTreeListColumn;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditEndEditing event.
+ */
+interface ASPxClientTreeListBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientTreeListBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditNodeValidating event.
+ */
+interface ASPxClientTreeListBatchEditNodeValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeValidating event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeValidating event.
+ */
+interface ASPxClientTreeListBatchEditNodeValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides validation information of a validated node.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientTreeListBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source The event sender.
+     * @param e A ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientTreeListBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientTreeListColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientTreeListColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientTreeListBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientTreeListBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientTreeListBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientTreeListBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditNodeInserting event.
+ */
+interface ASPxClientTreeListBatchEditNodeInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeInserting event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeInserting event.
+ */
+interface ASPxClientTreeListBatchEditNodeInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the parent node key.
+     * Value: A String value that identifies the parent node.
+     */
+    parentNodeKey: string;
+}
+/**
+ * A method that will handle the BatchEditNodeDeleting event.
+ */
+interface ASPxClientTreeListBatchEditNodeDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditNodeDeleting event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditNodeDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditNodeDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditNodeDeleting event.
+ */
+interface ASPxClientTreeListBatchEditNodeDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the value of the processed cell.
+     * Value: A String value that identifies the node values.
+     */
+    nodeValues: Object;
+}
+/**
+ * A method that will handle the BatchEditConfirmShowing event.
+ */
+interface ASPxClientTreeListBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientTreeListBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientTreeListFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e A ASPxClientTreeListFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientTreeListFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientTreeListCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientTreeListCellInfo;
+}
+/**
+ * Provides members related to Batch Edit Mode.
+ */
+interface ASPxClientTreeListBatchEditApi {
+    /**
+     * Programmatically moves the focus to the previous cell in the node.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the node.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientTreeListCellInfo;
+    /**
+     * Ends cell or node editing.
+     */
+    EndEdit(): void;
+    /**
+     * Provides the text displayed within the cell according to the specified display format rule.
+     * @param columnFieldNameOrId A string value representing the column's unique identifier or field name.
+     * @param value An object representing a value.
+     */
+    GetColumnDisplayText(columnFieldNameOrId: string, value: Object): string;
+    /**
+     * Sets the specified cell value.
+     * @param nodeKey A string value that identifies the key of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(nodeKey: string, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the specified cell value.
+     * @param nodeKey A string value that identifies the key of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(nodeKey: string, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param nodeKey A zero-based integer value that specifies a visible index of a node containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial 
+     */
+    GetCellValue(nodeKey: string, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding data cell content.
+     * @param nodeKey An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(nodeKey: string, columnFieldNameOrId: string): Object;
+    /**
+     * Returns a value that indicates whether the Tree List has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified node has changed data.
+     * @param nodeKey An string value that specifies the node key.
+     */
+    HasChanges(nodeKey: string): boolean;
+    /**
+     * Returns a value that indicates whether the specified node has changed data.
+     * @param nodeKey An string value that specifies the node key.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(nodeKey: string, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified node.
+     * @param nodeKey An string value that specifies the node key.
+     */
+    ResetChanges(nodeKey: string): void;
+    /**
+     * Resets changes in the specified node.
+     * @param nodeKey An string value that specifies the key of the node containing the processed cell.
+     * @param columnIndex An integer value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(nodeKey: string, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param nodeKey A string value that specifies the key of a node containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(nodeKey: string, columnIndex: number): void;
+    /**
+     * Performs validation of tree list data contained in all nodes when the tree list operates in Batch Edit mode.
+     * @param validateOnlyModified true, to validate only modified nodes; otherwise, false.
+     */
+    ValidateNodes(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of tree list data contained in a specified node when the tree list operates in Batch Edit mode.
+     * @param nodeKey An integer value specifying the visible index of the validated node.
+     */
+    ValidateNode(nodeKey: string): boolean;
+    /**
+     * Indicates if the node with the specified key is deleted.
+     * @param nodeKey An string value that identifies the node by its key.
+     */
+    IsDeletedNode(nodeKey: string): boolean;
+    /**
+     * Indicates if the node with the specified key is newly created.
+     * @param nodeKey An string value that identifies the node by its key.
+     */
+    IsNewNode(nodeKey: string): boolean;
+    /**
+     * Adds a new node when ASPxTreeList is in Batch Edit mode.
+     * @param parentNodeKey A string value representing a parent node key.
+     */
+    AddNewNode(parentNodeKey: string): void;
+    /**
+     * Deletes the specified node when ASPxTreeList is in Batch Edit.
+     * @param nodeKey An integer value that identifies the node index.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Recovers the specified node when ASPxTreeList is in Batch Edit mode.
+     * @param nodeKey An string value that identifies the node key.
+     */
+    RecoverNode(nodeKey: string): void;
+    /**
+     * Returns an array of node keys.
+     * @param includeDeleted true, to include deleted cards keys to the returned array; otherwise, false.
+     */
+    GetNodeKeys(includeDeleted: boolean): string[];
+    /**
+     * Returns an array of the inserted node keys.
+     */
+    GetInsertedNodeKeys(): string[];
+    /**
+     * Returns an array of the deleted node keys.
+     */
+    GetDeletedNodeKeys(): string[];
+}
+/**
+ * Contains information on a tree list cell.
+ */
+interface ASPxClientTreeListCellInfo {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An ASPxClientTreeListColumn object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapAccordion control.
+ */
+interface BootstrapClientAccordion extends ASPxClientNavBar {
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): BootstrapClientAccordionGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): BootstrapClientAccordionGroup;
+    /**
+     * Returns the Accordion control's active group.
+     */
+    GetActiveGroup(): BootstrapClientAccordionGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A BootstrapClientAccordionGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: BootstrapClientAccordionGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): BootstrapClientAccordionItem;
+    /**
+     * Returns the selected item within the Accordion control.
+     */
+    GetSelectedItem(): BootstrapClientAccordionItem;
+    /**
+     * Selects the specified item within the Accordion control on the client side.
+     * @param item A BootstrapClientAccordionItem object specifying the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientAccordionItem): void;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+}
+/**
+ * Represents a client-side equivalent of the Accordion's BootstrapAccordionGroup object.
+ */
+interface BootstrapClientAccordionGroup extends ASPxClientNavBarGroup {
+    /**
+     * Gets the BootstrapClientAccordion object to which the current group belongs.
+     * Value: A <see cref="BootstrapClientAccordion" /> object that is the group's owner.
+     */
+    navBar: BootstrapClientAccordion;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientAccordionItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): BootstrapClientAccordionItem;
+    /**
+     * Gets the text displayed within an accordion group header badge.
+     */
+    GetHeaderBadgeText(): string;
+    /**
+     * Sets the text displayed within an accordion group header badge.
+     * @param text A String specifying the badge text.
+     */
+    SetHeaderBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within an accordion group header badge.
+     */
+    GetHeaderBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within an accordion group header badge.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetHeaderBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the Accordion's BootstrapAccordionItem object.
+ */
+interface BootstrapClientAccordionItem extends ASPxClientNavBarItem {
+    /**
+     * Gets the BootstrapClientAccordion object to which the current item belongs.
+     * Value: A <see cref="BootstrapClientAccordion" /> object that is the item's owner.
+     */
+    navBar: BootstrapClientAccordion;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: A <see cref="BootstrapClientAccordionGroup" /> object representing the group to which the item belongs.
+     */
+    group: BootstrapClientAccordionGroup;
+    /**
+     * Gets the text displayed within the accordion item badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the accordion item badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the accordion item badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the accordion item badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the Accordion item.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the Accordion item.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning manipulations with an item.
+ */
+interface BootstrapClientAccordionItemEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning manipulations with an item.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionItemEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionItemEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on items.
+ */
+interface BootstrapClientAccordionItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: A BootstrapClientAccordionItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientAccordionItem;
+    /**
+     * Gets an HTML object that contains the processed Accordion item.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning manipulations with a group.
+ */
+interface BootstrapClientAccordionGroupEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning manipulations with a group.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on groups.
+ */
+interface BootstrapClientAccordionGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: A BootstrapClientAccordionGroup object, manipulations on which forced the event to be raised.
+     */
+    group: BootstrapClientAccordionGroup;
+}
+/**
+ * A method that will handle the Accordion control's cancelable client events concerning manipulations with a group.
+ */
+interface BootstrapClientAccordionGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on accordion groups.
+ */
+interface BootstrapClientAccordionGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: A BootstrapClientAccordionGroup object, manipulations on which forced the event to be raised.
+     */
+    group: BootstrapClientAccordionGroup;
+}
+/**
+ * A method that will handle the Accordion control's client events concerning clicks on groups.
+ */
+interface BootstrapClientAccordionGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the Accordion control's client events concerning clicks on groups.
+     * @param source An object representing the event source. Identifies the BootstrapClientAccordion control that raised the event.
+     * @param e An BootstrapClientAccordionGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientAccordionGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's group headers.
+ */
+interface BootstrapClientAccordionGroupClickEventArgs extends BootstrapClientAccordionGroupCancelEventArgs {
+    /**
+     * Gets an HTML object that contains the processed Accordion group.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the BootstrapBinaryImage control.
+ */
+interface BootstrapClientBinaryImage extends ASPxClientHyperLink {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButton control.
+ */
+interface BootstrapClientButton extends ASPxClientButton {
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Gets the text displayed within the button badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the button badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the button badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the button badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCalendar control.
+ */
+interface BootstrapClientCalendar extends ASPxClientCalendar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCallbackPanel control.
+ */
+interface BootstrapClientCallbackPanel extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the BootstrapClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBox control.
+ */
+interface BootstrapClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state has been changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<BootstrapClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButton control.
+ */
+interface BootstrapClientRadioButton extends BootstrapClientCheckBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapComboBox control.
+ */
+interface BootstrapClientComboBox extends ASPxClientComboBox {
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding field within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a Combo Box item badge.
+     * @param index The index of a Combo Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDateEdit control.
+ */
+interface BootstrapClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDropDownEdit control.
+ */
+interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapFormLayout control.
+ */
+interface BootstrapClientFormLayout extends ASPxClientFormLayout {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapHyperLink control.
+ */
+interface BootstrapClientHyperLink extends ASPxClientHyperLink {
+    /**
+     * Gets the text displayed within the hyperlink badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the hyperlink badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the hyperlink badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the hyperlink badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents the client-side equivalent of the BootstrapImage control.
+ */
+interface BootstrapClientImage extends ASPxClientImage {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapListEditItem object.
+ */
+interface BootstrapClientListBoxItem extends ASPxClientListEditItem {
+    /**
+     * This member is not in effect for this class. It is overridden only for the purpose of preventing it from appearing in Microsoft Visual Studio designer tools.
+     */
+    imageUrl: string;
+    /**
+     * Gets the CSS class of the icon displayed by the list box item.
+     * Value: A string containing the name of a CSS class.
+     */
+    iconCssClass: string;
+    /**
+     * 
+     * @param columnIndex 
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * 
+     * @param columnName 
+     */
+    GetColumnText(columnName: string): string;
+    /**
+     * Returns the list item's text value that corresponds to a data field specified by its index.
+     * @param fieldIndex An integer value that specifies the field's index within the editor's Fields collection.
+     */
+    GetFieldText(fieldIndex: number): string;
+    /**
+     * Returns the list item's text value that corresponds to a data field specified by its name.
+     * @param fieldName A string value that specifies the data field's name defined via a FieldName property.
+     */
+    GetFieldText(fieldName: string): string;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapListBox control.
+ */
+interface BootstrapClientListBox extends ASPxClientListBox {
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item A BootstrapClientListBoxItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): BootstrapClientListBoxItem[];
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of BootstrapClientListBoxItem objects that represent the items.
+     */
+    SelectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of BootstrapClientListBoxItem objects that represent the items.
+     */
+    UnselectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding field within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a List Box item badge.
+     * @param index The index of a List Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBoxList control.
+ */
+interface BootstrapClientCheckBoxList extends ASPxClientCheckBoxList {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButtonList control.
+ */
+interface BootstrapClientRadioButtonList extends ASPxClientRadioButtonList {
+}
+/**
+ * Represents a client-side equivalent of the menu's BootstrapMenuItem object.
+ */
+interface BootstrapClientMenuItem extends ASPxClientMenuItem {
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: A BootstrapClientMenuItem object representing the item's immediate parent.
+     */
+    parent: BootstrapClientMenuItem;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Gets the text displayed within the menu item badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the menu item badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the menu item badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the menu item badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the menu item.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the menu item.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMenu control.
+ */
+interface BootstrapClientMenu extends ASPxClientMenu {
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within the Menu control on the client side.
+     * @param item A BootstrapClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: BootstrapClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface BootstrapClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on menu items.
+ */
+interface BootstrapClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: A BootstrapClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientMenuItem;
+}
+/**
+ * A method that will handle the ItemMouseOver events.
+ */
+interface BootstrapClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events related to mouse hovering over menu items.
+ */
+interface BootstrapClientMenuItemMouseEventArgs extends BootstrapClientMenuItemEventArgs {
+}
+/**
+ * A method that will handle client ItemClick events.
+ */
+interface BootstrapClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source. Identifies the BootstrapMenu control that raised the event.
+     * @param e An BootstrapClientMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's items.
+ */
+interface BootstrapClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: A BootstrapClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: BootstrapClientMenuItem;
+    /**
+     * Gets an HTML object that contains the processed Menu item.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPager control.
+ */
+interface BootstrapClientPager extends ASPxClientPager {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupControl control.
+ */
+interface BootstrapClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Sets the CSS selector of a web control or HTML element with which the current popup window is associated.
+     * @param selector A string value specifying the CSS selector of the web control or HTML element with which the popup window is associated.
+     */
+    SetPopupElementCssSelector(selector: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupMenu control.
+ */
+interface BootstrapClientPopupMenu extends ASPxClientPopupMenu {
+    /**
+     * Returns the popup menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): BootstrapClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): BootstrapClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): BootstrapClientMenuItem;
+    /**
+     * Selects the specified menu item within a the Popup Menu control on the client side.
+     * @param item A BootstrapClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: BootstrapClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): BootstrapClientMenuItem;
+    /**
+     * Sets the CSS selector of a web control or HTML element with which the current popup menu is associated.
+     * @param selector A string value specifying the CSS selector of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementCssSelector(selector: string): void;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapProgressBar control.
+ */
+interface BootstrapClientProgressBar extends ASPxClientProgressBar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapSpinEdit control.
+ */
+interface BootstrapClientSpinEdit extends ASPxClientSpinEdit {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapClientTimeEdit control.
+ */
+interface BootstrapClientTimeEdit extends ASPxClientTimeEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTabControl control.
+ */
+interface BootstrapClientTabControl extends ASPxClientTabControl {
+    /**
+     * Returns the active tab within the Tab Control.
+     */
+    GetActiveTab(): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the Tab Control on the client side.
+     * @param tab A BootstrapClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: BootstrapClientTab): void;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): BootstrapClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPageControl control.
+ */
+interface BootstrapClientPageControl extends ASPxClientPageControl {
+    /**
+     * Returns the active tab within the Page Control.
+     */
+    GetActiveTab(): BootstrapClientTab;
+    /**
+     * Makes the specified tab active within the Page Control on the client side.
+     * @param tab A BootstrapClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: BootstrapClientTab): void;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): BootstrapClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): BootstrapClientTab;
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An BootstrapClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: BootstrapClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab A BootstrapClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: BootstrapClientTab, html: string): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's BootstrapTabPage object.
+ */
+interface BootstrapClientTab extends ASPxClientTab {
+    /**
+     * Gets the text displayed within the tab badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the tab badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the tab badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the tab badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value 
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the tab.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the tab.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+    /**
+     * Gets the CSS class of an icon displayed by the tab when it is active.
+     */
+    GetActiveIconCssClass(): string;
+    /**
+     * Sets the CSS class of an icon displayed by the tab when it is active.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetActiveIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface BootstrapClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event source. Identifies the BootstrapClientTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events related to manipulations on tabs.
+ */
+interface BootstrapClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: A BootstrapClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: BootstrapClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface BootstrapClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event source. Identifies the BootstrapTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events related to manipulations on tabs.
+ */
+interface BootstrapClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: A BootstrapClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: BootstrapClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true, to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on tabs.
+ */
+interface BootstrapClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source An object representing the event source. Identifies the BootstrapTabControl that raised the event.
+     * @param e An BootstrapClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events related to clicking on the control's tabs.
+ */
+interface BootstrapClientTabControlTabClickEventArgs extends BootstrapClientTabControlTabCancelEventArgs {
+    /**
+     * Gets an HTML object that contains the processed tab.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A client-side equivalent of the BootstrapTagBox object.
+ */
+interface BootstrapClientTagBox extends ASPxClientTokenBox {
+    /**
+     * Use the TagsChanged event instead.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<BootstrapClientTagBox>>;
+    /**
+     * Fires on the client side after the tag collection has been changed.
+     */
+    TagsChanged: ASPxClientEvent<ASPxClientEventHandler<BootstrapClientTagBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text 
+     */
+    AddToken(text: string): void;
+    /**
+     * Adds a new tag with the specified text to the end of the control's tag collection.
+     * @param text A string value specifying the tag's text.
+     */
+    AddTag(text: string): void;
+    /**
+     * Use the RemoveTagByText method instead.
+     * @param text 
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a tag specified by its text from the tag box on the client.
+     * @param text A string value that is the text of the tag to be removed.
+     */
+    RemoveTagByText(text: string): void;
+    /**
+     * Use the RemoveTag method instead.
+     * @param index 
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Removes a tag specified by its index from the tag box on the client.
+     * @param index An integer value that is the index of the tag to be removed.
+     */
+    RemoveTag(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index 
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index 
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag's text.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index 
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified tag's remove button.
+     * @param index An integer value that is the tag index.
+     */
+    GetTagRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Returns a collection of tags.
+     */
+    GetTagCollection(): string[];
+    /**
+     * Returns a collection of tokens.
+     * @param collection 
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Sets a collection of tags.
+     * @param collection An  object that is the collection of tags.
+     */
+    SetTagCollection(collection: string[]): void;
+    /**
+     * Use the ClearTagCollection method instead.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Removes all tags contained in the tag box.
+     */
+    ClearTagCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text 
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Returns the index of a tag specified by its text.
+     * @param text A string value that specifies the text of the tag.
+     */
+    GetTagIndexByText(text: string): number;
+    /**
+     * Use the IsCustomTag method instead.
+     * @param text 
+     * @param caseSensitive 
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Returns a value that indicates if the specified tag (string) is a custom tag.
+     * @param text A string value that is a tag.
+     * @param caseSensitive true, if tags are case sensitive; otherwise, false.
+     */
+    IsCustomTag(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Returns the editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * This member is not in effect for this class. It is overridden only for the purpose of preventing it from appearing in Microsoft Visual Studio designer tools.
+     * @param item 
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the tag box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns an item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a list item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     * @param value 
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     * @param value 
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * This method is not in effect for the BootstrapClientTagBox class.
+     * @param index 
+     * @param texts 
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param iconCssClass A String value specifying the CSS class of the image displayed by the list item.
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item into the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Gets the text displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     */
+    GetItemBadgeText(index: number): string;
+    /**
+     * Sets the text displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     * @param text A String specifying the badge text.
+     */
+    SetItemBadgeText(index: number, text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     */
+    GetItemBadgeIconCssClass(index: number): string;
+    /**
+     * Sets the CSS class of the icon displayed within a Tag Box item badge.
+     * @param index The index of a Tag Box item.
+     * @param cssClass A String containing the name of a CSS class.
+     */
+    SetItemBadgeIconCssClass(index: number, cssClass: string): void;
+    /**
+     * For internal use only.
+     * @param item 
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTextBox control.
+ */
+interface BootstrapClientTextBox extends ASPxClientTextBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMemo control.
+ */
+interface BootstrapClientMemo extends ASPxClientMemo {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButtonEdit control.
+ */
+interface BootstrapClientButtonEdit extends ASPxClientButtonEdit {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapToolbar control.
+ */
+interface BootstrapClientToolbar extends BootstrapClientMenu {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTreeView control.
+ */
+interface BootstrapClientTreeView extends ASPxClientTreeView {
+    /**
+     * Returns a node specified by its index within the Tree View's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): BootstrapClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns the selected node within the Tree View control on the client side.
+     */
+    GetSelectedNode(): BootstrapClientTreeViewNode;
+    /**
+     * Selects the specified node within the Tree View control on the client side.
+     * @param node A BootstrapClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: BootstrapClientTreeViewNode): void;
+    /**
+     * Gets the root node of the Tree View control.
+     */
+    GetRootNode(): BootstrapClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+}
+/**
+ * Represents a client-side equivalent of the TreeView's BootstrapTreeViewNode object.
+ */
+interface BootstrapClientTreeViewNode extends ASPxClientTreeViewNode {
+    /**
+     * Gets the BootstrapClientTreeView object to which the current node belongs.
+     * Value: A <see cref="BootstrapClientTreeView" /> object that is the node's owner.
+     */
+    treeView: BootstrapClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: A BootstrapClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): BootstrapClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): BootstrapClientTreeViewNode;
+    /**
+     * Gets the text displayed within the node badge.
+     */
+    GetBadgeText(): string;
+    /**
+     * Sets the text displayed within the node badge.
+     * @param text A String specifying the badge text.
+     */
+    SetBadgeText(text: string): void;
+    /**
+     * Gets the CSS class of the icon displayed within the node badge.
+     */
+    GetBadgeIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed within the node badge.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetBadgeIconCssClass(cssClass: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value 
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets the CSS class of the icon displayed by the node.
+     */
+    GetIconCssClass(): string;
+    /**
+     * Sets the CSS class of the icon displayed by the node.
+     * @param cssClass A string containing the name of a CSS class.
+     */
+    SetIconCssClass(cssClass: string): void;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface BootstrapClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events related to node processing, and allowing the event's processing to be passed to the server side.
+ */
+interface BootstrapClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * A method that will handle the NodeClick event.
+ */
+interface BootstrapClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface BootstrapClientTreeViewNodeClickEventArgs extends BootstrapClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets an HTML object that contains the processed Tree View node.
+     * Value: An HTML object.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: A DHTML event object.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the Tree View control's client events, concerning manipulations with a node.
+ */
+interface BootstrapClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the Tree View control's client events, concerning manipulations with a node.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface BootstrapClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * A method that will handle the Tree View's cancelable client events, concerning manipulations with nodes.
+ */
+interface BootstrapClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the Tree View's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event source. Identifies the BootstrapClientTreeView control that raised the event.
+     * @param e An BootstrapClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface BootstrapClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: A BootstrapClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: BootstrapClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapUploadControl.
+ */
+interface BootstrapClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * Represents the client BootstrapGridView.
+ */
+interface BootstrapClientGridView extends ASPxClientGridView {
+}
+/**
+ * Represents the client BootstrapCardView.
+ */
+interface BootstrapClientCardView extends ASPxClientCardView {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapWebClientUIWidget class.
+ */
+interface BootstrapUIWidgetBase extends ASPxClientControl {
+    /**
+     * Fires once, after the widget is initialized.
+     */
+    Init: ASPxClientEvent<BootstrapUIWidgetInitializedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when the widget has finished drawing itself.
+     */
+    Drawn: ASPxClientEvent<BootstrapUIWidgetDrawnEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when the widget is removed from the DOM using the remove(), empty(), or html() jQuery methods only.
+     */
+    Disposing: ASPxClientEvent<BootstrapUIWidgetDisposingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires after an option of the widget has been changed.
+     */
+    OptionChanged: ASPxClientEvent<BootstrapUIWidgetOptionChangedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires before data from the widget is exported.
+     */
+    Exporting: ASPxClientEvent<BootstrapUIWidgetExportingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires after data from the widget is exported.
+     */
+    Exported: ASPxClientEvent<BootstrapUIWidgetExportedEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Raised before a file with exported data is saved on the user's local storage.
+     */
+    FileSaving: ASPxClientEvent<BootstrapUIWidgetFileSavingEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Fires when an error or warning appears in the widget.
+     */
+    IncidentOccurred: ASPxClientEvent<BootstrapUIWidgetErrorEventHandler<BootstrapUIWidgetBase>>;
+    /**
+     * Gets an instance of the widget.
+     */
+    GetInstance(): Object;
+    /**
+     * Sets the widget's options to values specified in the passed object.
+     * @param options An object containing key-value pairs specifying new option values.
+     */
+    SetOptions(options: Object): void;
+    /**
+     * Gets the client data source instance.
+     * @param dataSource A DevExtreme <a href="https://js.devexpress.com/Documentation/ApiReference/Data_Layer/DataSource/">DataSource</a> object.
+     */
+    SetDataSource(dataSource: Object): void;
+    /**
+     * Gets the client data source instance.
+     */
+    GetDataSource(): Object;
+    /**
+     * Exports the widget.
+     * @param format A string specifying the target file format.
+     * @param fileName A string specifying the file name.
+     */
+    ExportTo(format: string, fileName: string): void;
+    /**
+     * Invokes the browser's Print window to print the widget's contents.
+     */
+    Print(): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapChartBase class.
+ */
+interface BootstrapClientChartBase extends BootstrapUIWidgetBase {
+    /**
+     * Fires when the Series and Points chart elements are ready to be accessed.
+     */
+    Done: ASPxClientEvent<BootstrapClientChartBaseDoneEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when an item on the chart legend is clicked.
+     */
+    LegendClick: ASPxClientEvent<BootstrapClientChartBaseLegendClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a series point.
+     */
+    PointClick: ASPxClientEvent<BootstrapClientChartBasePointClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the hover state of a series point has been changed.
+     */
+    PointHoverChanged: ASPxClientEvent<BootstrapClientChartBasePointHoverChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the selection state of a series point has been changed.
+     */
+    PointSelectionChanged: ASPxClientEvent<BootstrapClientChartBasePointSelectionChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a point's tooltip becomes hidden.
+     */
+    TooltipHidden: ASPxClientEvent<BootstrapClientChartBaseTooltipHiddenEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a point's tooltip appears.
+     */
+    TooltipShown: ASPxClientEvent<BootstrapClientChartBaseTooltipShownEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a label on the argument axis.
+     */
+    ArgumentAxisClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when a user clicks a series.
+     */
+    SeriesClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesClickEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the hover state of a series has been changed.
+     */
+    SeriesHoverChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<BootstrapClientChartBase>>;
+    /**
+     * Fires when the selection state of a series has been changed.
+     */
+    SeriesSelectionChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<BootstrapClientChartBase>>;
+}
+/**
+ * Represents a client-side equivalent of the Chart control.
+ */
+interface BootstrapClientChart extends BootstrapClientChartBase {
+    /**
+     * Fires when a chart zooming or scrolling begins.
+     */
+    ZoomStart: ASPxClientEvent<BootstrapClientChartZoomStartEventHandler<BootstrapClientChart>>;
+    /**
+     * Fires when a chart zooming or scrolling ends.
+     */
+    ZoomEnd: ASPxClientEvent<BootstrapClientChartZoomEndEventHandler<BootstrapClientChart>>;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPolarChart control.
+ */
+interface BootstrapClientPolarChart extends BootstrapClientChartBase {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPieChart control.
+ */
+interface BootstrapClientPieChart extends BootstrapClientChartBase {
+}
+/**
+ * A method that will handle the Done event.
+ */
+interface BootstrapClientChartBaseDoneEventHandler<S> {
+    /**
+     * A method that will handle the Done event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the LegendClick event.
+ */
+interface BootstrapClientChartBaseLegendClickEventHandler<S> {
+    /**
+     * A method that will handle the LegendClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the Invoke event.
+ */
+interface BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<S> {
+    /**
+     * A method that will handle the Invoke event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the PointClick event.
+ */
+interface BootstrapClientChartBasePointClickEventHandler<S> {
+    /**
+     * A method that will handle the PointClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the PointHoverChanged event.
+ */
+interface BootstrapClientChartBasePointHoverChangedEventHandler<S> {
+    /**
+     * A method that will handle the PointHoverChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the PointSelectionChanged event.
+ */
+interface BootstrapClientChartBasePointSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the PointSelectionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the TooltipHidden event.
+ */
+interface BootstrapClientChartBaseTooltipHiddenEventHandler<S> {
+    /**
+     * A method that will handle the TooltipHidden event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the TooltipShown event.
+ */
+interface BootstrapClientChartBaseTooltipShownEventHandler<S> {
+    /**
+     * A method that will handle the TooltipShown event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesClick event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesClickEventHandler<S> {
+    /**
+     * A method that will handle the SeriesClick event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementClickEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesHoverChanged event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<S> {
+    /**
+     * A method that will handle the SeriesHoverChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the SeriesSelectionChanged event.
+ */
+interface BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SeriesSelectionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetElementActionEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+/**
+ * A method that will handle the ZoomStart event.
+ */
+interface BootstrapClientChartZoomStartEventHandler<S> {
+    /**
+     * A method that will handle the ZoomStart event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the ZoomEnd event.
+ */
+interface BootstrapClientChartZoomEndEventHandler<S> {
+    /**
+     * A method that will handle the ZoomEnd event.
+     * @param source The event source.
+     * @param e A BootstrapClientChartZoomEndEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientChartZoomEndEventArgs): void;
+}
+/**
+ * Provides base data for the client-side events.
+ */
+interface BootstrapUIWidgetEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * The widget instance.
+     * Value: An object specifying the widget instance.
+     */
+    component: Object;
+    /**
+     * The widget's container.
+     * Value: An object specifying the widget's container.
+     */
+    element: Object;
+}
+/**
+ * Provides data for the ZoomEnd event.
+ */
+interface BootstrapClientChartZoomEndEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The value that became the start of the argument axis after zooming or scrolling ended.
+     * Value: An object specifying the start of the argument axis.
+     */
+    rangeStart: Object;
+    /**
+     * The value that became the end of the argument axis after zooming or scrolling ended.
+     * Value: An object specifying the end of the argument axis.
+     */
+    rangeEnd: Object;
+}
+/**
+ * Represents a client-side equivalent of the Range Selector control.
+ */
+interface BootstrapClientRangeSelector extends BootstrapUIWidgetBase {
+    /**
+     * Fires after the selected range has been changed by moving one of the sliders.
+     */
+    ValueChanged: ASPxClientEvent<BootstrapClientRangeSelectorValueChangedEventHandler<BootstrapClientRangeSelector>>;
+    /**
+     * Gets the Range Selector's selected value range.
+     */
+    GetValue(): Object[];
+    /**
+     * Gets the Range Selector's selected value range.
+     * @param value An array containing the value range.
+     */
+    SetValue(value: Object[]): void;
+}
+/**
+ * Provides data for events which concern manipulations on the selected range.
+ */
+interface BootstrapClientRangeSelectorValueChangedEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The value currently specified for the RangeSelector control.
+     * Value: A System.Object instance defining the current value specified for a RangeSelector control.
+     */
+    value: Object;
+    /**
+     * The previous value of a RangeSelector control.
+     * Value: A System.Object type defining the previous value specified for a RangeSelector control.
+     */
+    previousValue: Object;
+}
+/**
+ * A method that will handle the ValueChanged event.
+ */
+interface BootstrapClientRangeSelectorValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ValueChanged event.
+     * @param source The event source.
+     * @param e A BootstrapClientRangeSelectorValueChangedEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapClientRangeSelectorValueChangedEventArgs): void;
+}
+interface BootstrapClientSparkline extends BootstrapUIWidgetBase {
+    OptionChanged: ASPxClientEvent<BootstrapClientSparklineOptionChangedEventHandler<BootstrapClientSparkline>>;
+    TooltipHidden: ASPxClientEvent<BootstrapClientSparklineTooltipHiddenEventHandler<BootstrapClientSparkline>>;
+    TooltipShown: ASPxClientEvent<BootstrapClientSparklineTooltipShownEventHandler<BootstrapClientSparkline>>;
+    /**
+     * 
+     * @param fileName 
+     * @param format 
+     */
+    ExportTo(fileName: string, format: string): void;
+    Print(): void;
+}
+interface BootstrapClientSparklineOptionChangedEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetOptionChangedEventArgs): void;
+}
+interface BootstrapClientSparklineTooltipHiddenEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapClientSparklineTooltipShownEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Init event.
+ */
+interface BootstrapUIWidgetInitializedEventHandler<S> {
+    /**
+     * A method that will handle the Init event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Drawn event.
+ */
+interface BootstrapUIWidgetDrawnEventHandler<S> {
+    /**
+     * A method that will handle the Drawn event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Disposing event.
+ */
+interface BootstrapUIWidgetDisposingEventHandler<S> {
+    /**
+     * A method that will handle the Disposing event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the Exported event.
+ */
+interface BootstrapUIWidgetExportedEventHandler<S> {
+    /**
+     * A method that will handle the Exported event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetEventArgsBase object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+/**
+ * A method that will handle the OptionChanged event.
+ */
+interface BootstrapUIWidgetOptionChangedEventHandler<S> {
+    /**
+     * A method that will handle the OptionChanged event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetOptionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetOptionChangedEventArgs): void;
+}
+/**
+ * Provides data for client events raised in response to changing the widget's options.
+ */
+interface BootstrapUIWidgetOptionChangedEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The option's full name.
+     * Value: A string value specifying the option's full name.
+     */
+    fullName: string;
+    /**
+     * The option's short name.
+     * Value: A string value specifying the option's short name.
+     */
+    name: string;
+    /**
+     * The option's old value.
+     * Value: An object that is the option's old value.
+     */
+    previousValue: Object;
+    /**
+     * The option's new value.
+     * Value: An object that is the option's new value.
+     */
+    value: Object;
+}
+/**
+ * A method that will handle the Exporting event.
+ */
+interface BootstrapUIWidgetExportingEventHandler<S> {
+    /**
+     * A method that will handle the Exporting event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetExportEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+/**
+ * A method that will handle the FileSaving event.
+ */
+interface BootstrapUIWidgetFileSavingEventHandler<S> {
+    /**
+     * A method that will handle the FileSaving event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetExportEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+/**
+ * Provides data for events related to saving files in the built-in dialogs.
+ */
+interface BootstrapUIWidgetExportEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * Allows you to cancel file saving.
+     * Value: true, to cancel the file saving; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the saved data as a BLOB object.
+     * Value: A <a href="https://msdn.microsoft.com/en-us/library/dd301120.aspx" target="_blank">BLOB</a> object containing saved data.
+     */
+    data: Object;
+    /**
+     * Gets a name of a saved file.
+     * Value: A string value specifying the saved file's name.
+     */
+    fileName: string;
+    /**
+     * Gets the saved file's format.
+     * Value: A string value specifying the saved file's format.
+     */
+    format: string;
+}
+/**
+ * A method that will handle the IncidentOccurred event.
+ */
+interface BootstrapUIWidgetErrorEventHandler<S> {
+    /**
+     * A method that will handle the IncidentOccurred event.
+     * @param source The event source.
+     * @param e A BootstrapUIWidgetErrorEventArgs object that contains event data.
+     */
+    (source: S, e: BootstrapUIWidgetErrorEventArgs): void;
+}
+/**
+ * Provides data for client events raised in response to widget errors.
+ */
+interface BootstrapUIWidgetErrorEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * Contains information on the error that occurred.
+     * Value: An object containing information on the error that occurred.
+     */
+    target: Object;
+}
+/**
+ * Provides data for client events related to actions performed on the widget's visual elements.
+ */
+interface BootstrapUIWidgetElementActionEventArgs extends BootstrapUIWidgetEventArgsBase {
+    /**
+     * The DOM element that initiated the event.
+     * Value: An object that initiated the event.
+     */
+    target: Object;
+}
+/**
+ * Provides data for the client-side clicking events.
+ */
+interface BootstrapUIWidgetElementClickEventArgs extends BootstrapUIWidgetElementActionEventArgs {
+    /**
+     * The jQuery event that caused the handler execution.
+     * Value: An object of the <a href="http://api.jquery.com/Types/#Event" target="_blank">jQuery.Event</a> type.
+     */
+    jQueryEvent: Object;
+}
+/**
+ * A client-side counterpart of the Calendar and CalendarFor extensions.
+ */
+interface MVCxClientCalendar extends ASPxClientCalendar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCalendar>>;
+}
+/**
+ * A client-side counterpart of the CallbackPanel extension.
+ */
+interface MVCxClientCallbackPanel extends ASPxClientCallbackPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCallbackPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the CardView extension.
+ */
+interface MVCxClientCardView extends ASPxClientCardView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCardView>>;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the CardView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the CardView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the Chart extension.
+ */
+interface MVCxClientChart extends ASPxClientWebChartControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientChart>>;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ComboBox and ComboBoxFor extensions.
+ */
+interface MVCxClientComboBox extends ASPxClientComboBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientComboBox>>;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the DataView extension.
+ */
+interface MVCxClientDataView extends ASPxClientDataView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDataView>>;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DateEdit extension.
+ */
+interface MVCxClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * A client-side counterpart of the DockManager extension.
+ */
+interface MVCxClientDockManager extends ASPxClientDockManager {
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DockPanel extension.
+ */
+interface MVCxClientDockPanel extends ASPxClientDockPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDockPanel>>;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the FileManager extension.
+ */
+interface MVCxClientFileManager extends ASPxClientFileManager {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientFileManager>>;
+    /**
+     * Sends a callback with a parameter to update the FileManager by processing the passed information on the server, in an Action specified via the extension's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the file manager's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param data A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the GridView extension.
+ */
+interface MVCxClientGridView extends ASPxClientGridView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientGridView>>;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the GridView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the GridView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the HtmlEditor extension.
+ */
+interface MVCxClientHtmlEditor extends ASPxClientHtmlEditor {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientHtmlEditor>>;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformDataCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback An ASPxClientDataCallback object that is the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(data: Object, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A client-side counterpart of the ImageGallery extension.
+ */
+interface MVCxClientImageGallery extends ASPxClientImageGallery {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientImageGallery>>;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ListBox and ListBoxFor extensions.
+ */
+interface MVCxClientListBox extends ASPxClientListBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientListBox>>;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the NavBar extension.
+ */
+interface MVCxClientNavBar extends ASPxClientNavBar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientNavBar>>;
+}
+/**
+ * A client-side counterpart of the PivotGrid extension.
+ */
+interface MVCxClientPivotGrid extends ASPxClientPivotGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPivotGrid>>;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Passes PivotGrid callback parameters to the specified object.
+     * @param obj An object that receives PivotGrid callback parameters.
+     */
+    FillStateObject(obj: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PopupControl extension.
+ */
+interface MVCxClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPopupControl>>;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameters to update the popup window by processing the related popup window and the passed information on the server, in an Action specified by the PopupControl's CallbackRouteValues property.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, data: Object): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window.
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the Query Builder extension.
+ */
+interface MVCxClientQueryBuilder extends ASPxClientQueryBuilder {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientQueryBuilder>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientQueryBuilderSaveCommandExecutedEventHandler<MVCxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server and generates the server-side event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientQueryBuilderSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientQueryBuilderSaveCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientQueryBuilderSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientQueryBuilderSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the Save command execution result.
+     * Value: An object that specifies the command execution result.
+     */
+    Result: string;
+}
+/**
+ * A client-side equivalent of the MVCxDocumentViewer class.
+ */
+interface MVCxClientDocumentViewer extends ASPxClientDocumentViewer {
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientDocumentViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDocumentViewer>>;
+}
+/**
+ * Obsolete. Use the MVCxClientDocumentViewer class instead.
+ */
+interface MVCxClientReportViewer extends ASPxClientReportViewer {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportViewer>>;
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientReportViewer>>;
+}
+/**
+ * A method that will handle the BeforeExportRequest event.
+ */
+interface MVCxClientBeforeExportRequestEventHandler<S> {
+    /**
+     * A method that will handle the BeforeExportRequest event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeforeExportRequestEventArgs): void;
+}
+/**
+ * Provides data for client BeforeExportRequest events.
+ */
+interface MVCxClientBeforeExportRequestEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A client-side equivalent of the MVCxReportDesigner class.
+ */
+interface MVCxClientReportDesigner extends ASPxClientReportDesigner {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientReportDesignerSaveCommandExecutedEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A Object value, specifying the callback argument.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientReportDesignerSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the operation result.
+     * Value: A String value, specifying the operation result.
+     */
+    Result: string;
+}
+/**
+ * A client-side counterpart of the RichEdit extension.
+ */
+interface MVCxClientRichEdit extends ASPxClientRichEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRichEdit>>;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the RoundPanel extension.
+ */
+interface MVCxClientRoundPanel extends ASPxClientRoundPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRoundPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the Scheduler extension.
+ */
+interface MVCxClientScheduler extends ASPxClientScheduler {
+    /**
+     * Occurs on the client side when the tooltip is about to be displayed.
+     */
+    ToolTipDisplaying: ASPxClientEvent<MVCxClientSchedulerToolTipDisplayingEventHandler<MVCxClientScheduler>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientScheduler>>;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A template that is rendered to display a tooltip.
+ */
+interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
+    /**
+     * Gets the tooltip type.
+     * Value: A MVCxSchedulerToolTipType object that specifies the tooltip type.
+     */
+    type: MVCxSchedulerToolTipType;
+}
+/**
+ * A delegate method that enables you to adjust the tooltip content before displaying.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ToolTipDisplaying event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientSchedulerToolTipDisplayingEventArgs object that contains the related arguments.
+     */
+    (source: S, e: MVCxClientSchedulerToolTipDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ToolTipDisplaying event.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tooltip related to the event.
+     * Value: A MVCxClientSchedulerTemplateToolTip object that specifies the tooltip.
+     */
+    toolTip: MVCxClientSchedulerTemplateToolTip;
+    /**
+     * Gets information about the tooltip related to the event.
+     * Value: A ASPxClientSchedulerToolTipData object that specifies information about the tooltip.
+     */
+    data: ASPxClientSchedulerToolTipData;
+}
+/**
+ * Lists available tooltip types.
+ */
+interface MVCxSchedulerToolTipType {
+}
+/**
+ * A client-side counterpart of the Scheduler Storage Control extension.
+ */
+interface MVCxClientSchedulerStorage extends ASPxClientSchedulerStorageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSchedulerStorage>>;
+}
+/**
+ * A client-side counterpart of the Spreadsheet extension.
+ */
+interface MVCxClientSpreadsheet extends ASPxClientSpreadsheet {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSpreadsheet>>;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PageControl extension.
+ */
+interface MVCxClientPageControl extends ASPxClientPageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPageControl>>;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the TokenBox and TokenBoxFor extensions.
+ */
+interface MVCxClientTokenBox extends ASPxClientTokenBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTokenBox>>;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the TreeList extension.
+ */
+interface MVCxClientTreeList extends ASPxClientTreeList {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeList>>;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the TreeList's CustomDataCallback event. This method does not update the TreeList.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformCustomDataCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+}
+/**
+ * A client-side counterpart of the TreeView extension.
+ */
+interface MVCxClientTreeView extends ASPxClientTreeView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeView>>;
+}
+/**
+ * A client-side counterpart of the UploadControl extension.
+ */
+interface MVCxClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * A method that will handle client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientGlobalBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventArgs extends ASPxClientGlobalBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * An ASP.NET MVC equivalent of the client ASPxClientGlobalEvents component.
+ */
+interface MVCxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress MVC extensions contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientGlobalBeginCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a DevExpress MVC extension.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<MVCxClientGlobalEvents>>;
+}
+/**
+ * A client-side counterpart of the VerticalGrid extension.
+ */
+interface MVCxClientVerticalGrid extends ASPxClientVerticalGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientVerticalGrid>>;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the VerticalGrid's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the VerticalGrid.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+}
+/**
+ * A client-side equivalent of the MVCxWebDocumentViewer class.
+ */
+interface MVCxClientWebDocumentViewer extends ASPxClientWebDocumentViewer {
+}
+interface ANCxClientBeginCallbackEventHandler<S> {
+    (source: S, e: ANCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Serves as the base class for arguments of the web controls' client-side events.
+ */
+interface ASPxClientEventArgs {
+}
+/**
+ * Provides data for client events related to the beginning of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command name that identifies which client action forced a callback to occur.
+     * Value: A string value that represents the name of the command which initiated a callback.
+     */
+    command: string;
+}
+interface ANCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    customArgs: Object;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControlBase {
+    /**
+     * Gets the unique, hierarchically-qualified identifier for the control.
+     * Value: The fully-qualified identifier for the control.
+     */
+    name: string;
+    /**
+     * Occurs on the client side after the control has been initialized.
+     */
+    Init: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlBase>>;
+    /**
+     * Returns an HTML element that is the root of the control's hierarchy.
+     */
+    GetMainElement(): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+    /**
+     * Returns a client instance of the control that is the parent for a specified control.
+     */
+    GetParentControl(): Object;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetClientVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible 
+     */
+    SetClientVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible true to make a control visible; false to make it hidden.
+     */
+    SetVisible(visible: boolean): void;
+    /**
+     * Returns a value that determines whether a callback request sent by a web control is being currently processed on the server side.
+     */
+    InCallback(): boolean;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControl extends ASPxClientControlBase {
+    /**
+     * Returns the control's width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the control's height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the control's width.
+     * @param width An integer value that specifies the control's width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the control's height.   Note that this method is not in effect for some controls.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Modifies the control's size against the control's container.
+     */
+    AdjustControl(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallback control.
+ */
+interface ASPxClientCallback extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallback.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client side when a callback initiated by the client Callback event's handler returns back to the client.
+     */
+    CallbackComplete: ASPxClientEvent<ASPxClientCallbackCompleteEventHandler<ASPxClientCallback>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    SendCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the client events related to completion of callback server-side processing.
+ */
+interface ASPxClientCallbackCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client events related to completion of callback server-side processing.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCallbackCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackCompleteEventArgs): void;
+}
+/**
+ * Provides data for events concerning the final processing of a callback.
+ */
+interface ASPxClientCallbackCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: string;
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * Serves as the base class for controls that implement panel functionality.
+ */
+interface ASPxClientPanelBase extends ASPxClientControl {
+    /**
+     * Returns the HTML code that is the content of the panel.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML content for the panel.
+     * @param html A string value that is the HTML code defining the content of the panel.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the panel is enabled.
+     * @param enabled true to enable the panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPanel control.
+ */
+interface ASPxClientPanel extends ASPxClientPanelBase {
+    /**
+     * Occurs when the expanded panel is closed.
+     */
+    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Occurs when an end-user opens the expand panel.
+     */
+    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Expands or collapses the client panel.
+     */
+    Toggle(): void;
+    /**
+     * Returns a value specifying whether the panel can be expanded.
+     */
+    IsExpandable(): boolean;
+    /**
+     * Returns a value specifying whether the panel is expanded.
+     */
+    IsExpanded(): boolean;
+    /**
+     * Expands the collapsed panel.
+     */
+    Expand(): void;
+    /**
+     * Collapses the expanded panel.
+     */
+    Collapse(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallbackPanel control.
+ */
+interface ASPxClientCallbackPanel extends ASPxClientPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the control's loading panel.
+     */
+    GetLoadingPanelText(): string;
+    /**
+     * Sets the text to be displayed within the control's loading panel.
+     * @param loadingPanelText A string value specifying the text to be displayed within the loading panel.
+     */
+    SetLoadingPanelText(loadingPanelText: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents the event object used for client-side events.
+ */
+interface ASPxClientEvent<T> {
+    /**
+     * Dynamically connects the event with an appropriate event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    AddHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from the associated event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    RemoveHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from all the associated event handler functions.
+     */
+    ClearHandlers(): void;
+    /**
+     * For internal use only.
+     * @param source 
+     * @param e 
+     */
+    FireEvent(source: Object, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the client-side events of a web control's client-side equivalent.
+ */
+interface ASPxClientEventHandler<S> {
+    /**
+     * A method that will handle the client-side events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the control that raised the event.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the cancelable events of a web control's client-side equivalent.
+ */
+interface ASPxClientCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCancelEventArgs): void;
+}
+/**
+ * Provides data for cancelable client events.
+ */
+interface ASPxClientCancelEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Provides access to an observable boolean, that allows you to detect and respond to changes.
+ */
+interface KnockoutObservableBoolean {
+}
+/**
+ * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+ */
+interface ASPxClientDataCallback {
+    /**
+     * A JavaScript function which receives a callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+     * @param sender An object whose client method generated a callback.
+     * @param result A string value that represents the result of server-side callback processing.
+     */
+    (sender: Object, result: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCloudControl control.
+ */
+interface ASPxClientCloudControl extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientCloudControlItemEventHandler<ASPxClientCloudControl>>;
+}
+/**
+ * A method that will handle client events involving manipulations with the control's items.
+ */
+interface ASPxClientCloudControlItemEventHandler<S> {
+    /**
+     * A method that will handle client events concerning manipulations with items.
+     * @param source The event source. This parameter identifies the cloud control object which raised the event.
+     * @param e An ASPxClientCloudControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCloudControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which involve clicking on the control's items.
+ */
+interface ASPxClientCloudControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the client events related to the begining of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientBeginCallbackEventArgs): void;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle client EndCallback events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle the EndCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventArgs extends ASPxClientEndCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle a CustomCallback client event exposed by some DevExpress web controls.
+ */
+interface ASPxClientCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the client CustomCallback event of some controls.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientCustomDataCallbackEventHandler object that contains event data.
+     */
+    (source: S, e: ASPxClientCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the CustomCallback event.
+ */
+interface ASPxClientCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing, related to the CustomCallback event.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * A method that will handle client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle client CallbackError events.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientCallbackErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error message that describes the server error that occurred.
+     * Value: A string value that represents the error message.
+     */
+    message: string;
+    /**
+     * Gets or sets whether the event is handled and the default error handling actions are not required.
+     * Value: true if the error is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle the CallbackError event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventArgs extends ASPxClientCallbackErrorEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the ValidationCompleted client event.
+ */
+interface ASPxClientValidationCompletedEventHandler<S> {
+    /**
+     * A method that will handle the ValidationCompleted event.
+     * @param source An object representing the event source. Identifies the ASPxClientGlobalEvents object that raised the event.
+     * @param e An ASPxClientValidationCompletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationCompletedEventArgs): void;
+}
+/**
+ * Provides data for the ValidationCompleted client event that allows you to centrally validate user input within all DevExpress web controls to which validation is applied.
+ */
+interface ASPxClientValidationCompletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a container object that holds the validated control(s).
+     * Value: An object that represents a container of the validated control(s).
+     */
+    container: Object;
+    /**
+     * Gets the name of the validation group name to which validation has been applied.
+     * Value: A string value that represents the name of the validation group that has been validated.
+     */
+    validationGroup: string;
+    /**
+     * Gets a value that indicates whether validation has been applied to both visible and invisible controls.
+     * Value: true if validation has been applied to both visible and invisible controls; false if only visible controls have been validated.
+     */
+    invisibleControlsValidated: boolean;
+    /**
+     * Gets a value specifying whether the validation has been completed successfully.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the first control (either visible or invisible) that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first invalid control.
+     */
+    firstInvalidControl: ASPxClientControl;
+    /**
+     * Gets the first visible control that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first visible invalid control.
+     */
+    firstVisibleInvalidControl: ASPxClientControl;
+}
+/**
+ * A method that will handle the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client ControlsInitialized event.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientControlsInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientControlsInitializedEventArgs): void;
+}
+/**
+ * Provides data for the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value that specifies whether a callback is sent during a controls initialization.
+     * Value: true if a callback is sent; otherwise, false.
+     */
+    isCallback: boolean;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientControlPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param control An object to compare against the criteria defined within the method.
+     */
+    (control: Object): boolean;
+}
+/**
+ * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+ */
+interface ASPxClientControlAction {
+    /**
+     * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+     * @param control An object that specifies a control.
+     */
+    (control: Object): void;
+}
+/**
+ * A collection object used on the client side to maintain particular client control objects
+ */
+interface ASPxClientControlCollection {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any DevExpress web control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Returns a collection item identified by its unique hierarchically-qualified identifier.
+     * @param name A string value representing the hierarchically-qualified identifier of the required control.
+     */
+    Get(name: Object): Object;
+    /**
+     * Returns a DevExpress client control object identified by its unique hierarchically-qualified identifier (either ClientInstanceName or ClientID property value).
+     * @param name A string value that is the hierarchically-qualified identifier of the required DevExpress control.
+     */
+    GetByName(name: string): Object;
+    /**
+     * Returns all controls in the collection that satisfy the specified predicate.
+     * @param predicate An ASPxClientControlPredicate object that is a predicate used to search for controls in the collection.
+     */
+    GetControlsByPredicate(predicate: ASPxClientControlPredicate): Object[];
+    /**
+     * Returns all controls of the specified type.
+     * @param type The object specifying the client control type.
+     */
+    GetControlsByType(type: Object): Object[];
+    /**
+     * Performs the specified action for each control in the collection.
+     * @param action An ASPxClientControlAction object specifying an action to perform.
+     */
+    ForEachControl(action: ASPxClientControlAction): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxDataView object.
+ */
+interface ASPxClientDataView extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDataView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDataView>>;
+    /**
+     * Activates the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page that is currently active.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the size of a single ASPxDataView's page.
+     */
+    GetPageSize(): number;
+    /**
+     * Sets the size of a single ASPxDataView's page.
+     * @param pageSize An integer value that specifies the page size.
+     */
+    SetPageSize(pageSize: number): void;
+    /**
+     * Gets the number of pages into which the ASPxDataView's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the first page.
+     */
+    FirstPage(): void;
+    /**
+     * Activates the last page.
+     */
+    LastPage(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientDockingFilterPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param item An object to compare against the criteria defined within the method.
+     */
+    (item: Object): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockManager   object.
+ */
+interface ASPxClientDockManager extends ASPxClientControl {
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side before a panel is closed, and allows you to cancel the action.
+     */
+    PanelClosing: ASPxClientEvent<ASPxClientDockManagerCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel is closed.
+     */
+    PanelCloseUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel pops up.
+     */
+    PanelPopUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been invoked.
+     */
+    PanelShown: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been resized.
+     */
+    PanelResize: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns a zone specified by its unique identifier (zoneUID).
+     * @param zoneUID A string value specifying the unique identifier of the zone.
+     */
+    GetZoneByUID(zoneUID: string): ASPxClientDockZone;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels contained in a page.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+    /**
+     * Returns an array of zones contained in a page.
+     */
+    GetZones(): ASPxClientDockZone[];
+    /**
+     * Returns an array of zones that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a zone meets those criteria.
+     */
+    GetZones(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockZone[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle client-side events concerning manipulations with panels.
+ */
+interface ASPxClientDockManagerEventHandler<S> {
+    /**
+     * A method that will handle client-side events concerning manipulations with panels.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on panels.
+ */
+interface ASPxClientDockManagerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventHandler<S> {
+    /**
+     * A method that will handle the PanelClosing event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Serves as a base class for the ASPxClientPopupControl classes.
+ */
+interface ASPxClientPopupControlBase extends ASPxClientControl {
+    /**
+     * Occurs on the client side when window resizing initiates.
+     */
+    BeforeResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when window resizing completes.
+     */
+    AfterResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window closes or hides.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientPopupWindowCloseUpEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Enables you to cancel window closing on the client side.
+     */
+    Closing: ASPxClientEvent<ASPxClientPopupWindowCancelEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window is invoked.
+     */
+    PopUp: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a window has been resized.
+     */
+    Resize: ASPxClientEvent<ASPxClientPopupWindowResizeEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a control's window has been invoked.
+     */
+    Shown: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when the window pin state is changed.
+     */
+    PinnedChanged: ASPxClientEvent<ASPxClientPopupWindowPinnedChangedEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Modifies a control's window size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Brings the window to the front of the z-order.
+     */
+    BringToFront(): void;
+    /**
+     * Returns a value indicating whether the window is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrameWindow(): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's window.
+     */
+    GetContentUrl(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer by default.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Gets the width of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentWidth(): number;
+    /**
+     * Gets the height of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentHeight(): number;
+    /**
+     * Returns a value indicating whether the window is maximized.
+     */
+    GetMaximized(): boolean;
+    /**
+     * Returns a value indicating whether the window is pinned.
+     */
+    GetPinned(): boolean;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's window.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Sets a value indicating whether the window is collapsed.
+     * @param value true, to collapse the window; otherwise, false.
+     */
+    SetCollapsed(value: boolean): void;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets the URL to point to the web page that should be loaded into, and displayed within the control's window.
+     * @param url A string value specifying the URL to the web page displayed within the control's window.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer by default.
+     * @param value A string value that is the URL for the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's footer.
+     * @param value A string value that specifies a window's footer text.
+     */
+    SetFooterText(value: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's header.
+     * @param value A string value that specifies a window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Sets a value indicating whether the window is maximized.
+     * @param value true. to maximize the window; otherwise, false.
+     */
+    SetMaximized(value: boolean): void;
+    /**
+     * Sets a value indicating whether the window is pinned.
+     * @param value true, to pin the window; otherwise, false.
+     */
+    SetPinned(value: boolean): void;
+    /**
+     * Invokes the control's window.
+     */
+    Show(): void;
+    /**
+     * Invokes the control's window at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the control's window and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the control's window and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the control's window at the specified position.
+     * @param x A integer value specifying the x-coordinate of the window's display position.
+     * @param y A integer value specifying the y-coordinate of the window's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Closes the control's window.
+     */
+    Hide(): void;
+    /**
+     * Returns a value that specifies whether the control's window is displayed.
+     */
+    IsVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockPanel object.
+ */
+interface ASPxClientDockPanel extends ASPxClientPopupControlBase {
+    /**
+     * Gets or sets the unique identifier of a panel on a page.
+     * Value: A string that is the unique identifier of a panel.
+     */
+    panelUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Retrieves a zone that owns the current panel.
+     */
+    GetOwnerZone(): ASPxClientDockZone;
+    /**
+     * Docks the current panel in the specified zone.
+     * @param zone An ASPxClientDockZone object specifying the zone.
+     */
+    Dock(zone: ASPxClientDockZone): void;
+    /**
+     * Docks the current panel in a zone at the specified position.
+     * @param zone An ASPxClientDockZone object specifying the zone, where the panel is docked
+     * @param visibleIndex An integer value specifying the visible index position.
+     */
+    Dock(zone: ASPxClientDockZone, visibleIndex: number): void;
+    /**
+     * Undocks the current panel.
+     */
+    MakeFloat(): void;
+    /**
+     * Undocks the current panel and place it at the specified position.
+     * @param x An integer value that specifies the X-coordinate of the panel's display position.
+     * @param y An integer value that specifies the Y-coordinate of the panel's display position.
+     */
+    MakeFloat(x: number, y: number): void;
+    /**
+     * Gets a value specifying the position of the current panel, amongst the visible panels within a zone.
+     */
+    GetVisibleIndex(): number;
+    /**
+     * Sets a value specifying the position of the current panel, amongst the visible panels in a zone.
+     * @param visibleIndex An integer value specifying the zero-based index of the panel amongst visible panels in the zone.
+     */
+    SetVisibleIndex(visibleIndex: number): void;
+    /**
+     * Returns a value indicating whether the panel is docked.
+     */
+    IsDocked(): boolean;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterFloat event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterFloat event.
+ */
+interface ASPxClientDockPanelProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A client-side equivalent of the ASPxDockZone object.
+ */
+interface ASPxClientDockZone extends ASPxClientControl {
+    /**
+     * Gets or sets the unique identifier of a zone on a page.
+     * Value: A string that is the unique identifier of a zone.
+     */
+    zoneUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockZoneCancelEventHandler<ASPxClientDockZone>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockZoneProcessingModeEventHandler<ASPxClientDockZone>>;
+    /**
+     * Returns a value that indicates the orientation in which panels are stacked in the current zone.
+     */
+    IsVertical(): boolean;
+    /**
+     * Gets a value that indicates whether the zone can enlarge its size.
+     */
+    GetAllowGrowing(): boolean;
+    /**
+     * Gets the number of panels contained in the zone.
+     */
+    GetPanelCount(): number;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns a panel specified by its visible index.
+     * @param visibleIndex An integer value specifying the panel's position among the visible panels within the current zone.
+     */
+    GetPanelByVisibleIndex(visibleIndex: number): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels docked in the current zone.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are docked in the current zone and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e A ASPxClientDockZoneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e An  ASPxClientDockZoneProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Represents the client-side equivalent of the ASPxFileManager control.
+ */
+interface ASPxClientFileManager extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFileManager.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the selected file has been changed.
+     */
+    SelectedFileChanged: ASPxClientEvent<ASPxClientFileManagerFileEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when an end-user opens a file by double-clicking it or pressing the Enter key.
+     */
+    SelectedFileOpened: ASPxClientEvent<ASPxClientFileManagerFileOpenedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the focused item has been changed.
+     */
+    FocusedItemChanged: ASPxClientEvent<ASPxClientFileManagerFocusedItemChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientFileManagerSelectionChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the current folder has been changed within a file manager.
+     */
+    CurrentFolderChanged: ASPxClientEvent<ASPxClientFileManagerCurrentFolderChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the folder is created, and allows you to cancel the action.
+     */
+    FolderCreating: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a folder has been created.
+     */
+    FolderCreated: ASPxClientEvent<ASPxClientFileManagerItemCreatedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is renamed and allows you to cancel the action.
+     */
+    ItemRenaming: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been renamed.
+     */
+    ItemRenamed: ASPxClientEvent<ASPxClientFileManagerItemRenamedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is deleted and allows you to cancel the action.
+     */
+    ItemDeleting: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been deleted.
+     */
+    ItemDeleted: ASPxClientEvent<ASPxClientFileManagerItemDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been deleted.
+     */
+    ItemsDeleted: ASPxClientEvent<ASPxClientFileManagerItemsDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is moved and allows you to cancel the action.
+     */
+    ItemMoving: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been moved.
+     */
+    ItemMoved: ASPxClientEvent<ASPxClientFileManagerItemMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been moved .
+     */
+    ItemsMoved: ASPxClientEvent<ASPxClientFileManagerItemsMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is copied and allows you to cancel the action.
+     */
+    ItemCopying: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager item has been copied.
+     */
+    ItemCopied: ASPxClientEvent<ASPxClientFileManagerItemCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been copied.
+     */
+    ItemsCopied: ASPxClientEvent<ASPxClientFileManagerItemsCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any error occurs while editing an item.
+     */
+    ErrorOccurred: ASPxClientEvent<ASPxClientFileManagerErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to display the alert with the result error description.
+     */
+    ErrorAlertDisplaying: ASPxClientEvent<ASPxClientFileManagerErrorAlertDisplayingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires when a custom item is clicked, allowing you to perform custom actions.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientFileManagerCustomCommandEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when the file manager updates the state of toolbar or context menu items.
+     */
+    ToolbarUpdating: ASPxClientEvent<ASPxClientFileManagerToolbarUpdatingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to highlight the search text, which is specified using the filter box, in templates.
+     */
+    HighlightItemTemplate: ASPxClientEvent<ASPxClientFileManagerHighlightItemTemplateEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file upload starts, and allows you to cancel the action.
+     */
+    FileUploading: ASPxClientEvent<ASPxClientFileManagerFileUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the selected items are uploaded and allows you to cancel the action.
+     */
+    FilesUploading: ASPxClientEvent<ASPxClientFileManagerFilesUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file has been uploaded.
+     */
+    FileUploaded: ASPxClientEvent<ASPxClientFileManagerFileUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after upload of all selected files has been completed.
+     */
+    FilesUploaded: ASPxClientEvent<ASPxClientFileManagerFilesUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    FileUploadValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file download starts, and allows you to cancel the action.
+     */
+    FileDownloading: ASPxClientEvent<ASPxClientFileManagerFileDownloadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Gets the name of the currently active file manager area.
+     */
+    GetActiveAreaName(): string;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     */
+    ExecuteCommand(commandName: string): boolean;
+    /**
+     * Returns the selected file within the ASPxFileManager control's file container.
+     */
+    GetSelectedFile(): ASPxClientFileManagerFile;
+    /**
+     * Returns an array of the file manager's selected items.
+     */
+    GetSelectedItems(): ASPxClientFileManagerFile[];
+    /**
+     * Returns a list of files that are loaded on the current page.
+     */
+    GetItems(): ASPxClientFileManagerFile[];
+    /**
+     * Sends a callback to the server and returns a list of files that are contained within the current folder.
+     * @param onCallback A  object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetAllItems(onCallback: ASPxClientFileManagerAllItemsCallback): void;
+    /**
+     * Returns a toolbar item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetToolbarItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Returns a context menu item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetContextMenuItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Gets the current folder's path.
+     */
+    GetCurrentFolderPath(): string;
+    /**
+     * Gets the current folder's path with the specified separator.
+     * @param separator A string value that specifies the separator between the folder's name within a path.
+     */
+    GetCurrentFolderPath(separator: string): string;
+    /**
+     * Gets the current folder's path with the specified settings.
+     * @param separator A string value that specifies the separator between the folder's name within the path.
+     * @param skipRootFolder true to skip the root folder; otherwise, false.
+     */
+    GetCurrentFolderPath(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Sets the current folder's path.
+     * @param path A String value that is the relative path to the folder (without the root folder).
+     * @param onCallback A ASPxClientFileManagerCallback object that is the JavaScript function that receives the callback data as a parameter.
+     */
+    SetCurrentFolderPath(path: string, onCallback: ASPxClientFileManagerCallback): void;
+    /**
+     * Gets the current folder's ID.
+     */
+    GetCurrentFolderId(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which receives callback data obtained via a call to the client SetCurrentFolderPath method.
+ */
+interface ASPxClientFileManagerCallback {
+    /**
+     * A JavaScript function that receives callback data obtained via a call to the SetCurrentFolderPath method.
+     * @param result An object that contains a callback data.
+     */
+    (result: Object): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerItem object and serves as a base class for client file and folder objects.
+ */
+interface ASPxClientFileManagerItem {
+    /**
+     * Gets the name of the current item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the item's unique identifier.
+     * Value: A String value that specifies the item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets a value that indicates if the current file manager item is a folder.
+     * Value: true if the current item is a folder or parent folder; false if the current item is a file.
+     */
+    isFolder: boolean;
+    /**
+     * Specifies whether the file manager item is selected.
+     * @param selected true, to select the item; otherwise, false.
+     */
+    SetSelected(selected: boolean): void;
+    /**
+     * Gets a value indicating whether the item is selected in the file manager.
+     */
+    IsSelected(): boolean;
+    /**
+     * Gets the current item's full name.
+     */
+    GetFullName(): string;
+    /**
+     * Gets the current item's full name with the specified separator.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     */
+    GetFullName(separator: string): string;
+    /**
+     * Gets the current item's full name with the specified settings.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     * @param skipRootFolder true, to skip the root folder; otherwise, false.
+     */
+    GetFullName(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Gets the current item's metadata.
+     */
+    GetMetadata(): Object;
+}
+/**
+ * Represents the client-side equivalent of the FileManagerFile object.
+ */
+interface ASPxClientFileManagerFile extends ASPxClientFileManagerItem {
+    /**
+     * Downloads a file from a file manager.
+     */
+    Download(): void;
+}
+/**
+ * A client-side equivalent of the FileManagerFolder object.
+ */
+interface ASPxClientFileManagerFolder extends ASPxClientFileManagerItem {
+    /**
+     * Gets a value specifying whether an item is a parent folder.
+     * Value: true if an item is a parent folder; false if an item is a file or folder.
+     */
+    isParentFolder: boolean;
+}
+/**
+ * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+ */
+interface ASPxClientFileManagerAllItemsCallback {
+    /**
+     * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+     * @param items An array of ASPxClientFileManagerItem objects that are items contained in the current folder.
+     */
+    (items: ASPxClientFileManagerItem[]): void;
+}
+/**
+ * A method that will handle the client SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened events.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerFileEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a file related to the event.
+     * Value: An ASPxClientFileManagerFile object that represents a file currently being processed.
+     */
+    file: ASPxClientFileManagerFile;
+}
+/**
+ * A method that will handle the client SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened event.
+     * @param source The event source. This parameter identifies the file manager object which raised the event.
+     * @param e An ASPxClientFileManagerFileOpenedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileOpenedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * Serves as a base for classes that are used as arguments for events generated on the client side.
+ */
+interface ASPxClientFileManagerActionEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+    /**
+     * Gets the name of the currently processed item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets a value specifying whether the current processed item is a folder.
+     * Value: true if the processed  item is a folder; false if the processed item is a file.
+     */
+    isFolder: boolean;
+}
+/**
+ * A method that will handle the client ItemRenaming events.
+ */
+interface ASPxClientFileManagerItemEditingEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenaming events.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemEditingEventArgs): void;
+}
+/**
+ * Provides data for the item editing event.
+ */
+interface ASPxClientFileManagerItemEditingEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenamed event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemRenamedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemRenamedEventArgs): void;
+}
+/**
+ * Provides data for the ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the previous name of the renamed item.
+     * Value: A  string value that specifies the item name.
+     */
+    oldName: string;
+}
+/**
+ * A method that will handle the client ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+}
+/**
+ * A method that will handle the client ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventHandler<S> {
+    /**
+     * A method that will handle the FolderCreated event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCreatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCreatedEventArgs): void;
+}
+/**
+ * Provides data for the FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventHandler<S> {
+    /**
+     * A method that will handle the client ErrorOccurred event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorEventArgs): void;
+}
+/**
+ * Provides data for the ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the error description.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an event error message is sent to the ErrorAlertDisplaying event.
+     * Value: true to sent an error message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets a specifically generated code that uniquely identifies an error, which occurs while editing an item.
+     * Value: An integer value that specifies the code uniquely identifying an error.
+     */
+    errorCode: number;
+}
+/**
+ * A method that will handle the client ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ErrorAlertDisplaying event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerErrorAlertDisplayingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorAlertDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the errors description.
+     * Value: A string that is the errors description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the event fires.
+     * Value: true to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+}
+/**
+ * A method that will handle the client FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FileUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is being uploaded.
+     * Value: A string value specifying the path where a file is being uploaded.
+     */
+    folder: string;
+    /**
+     * Gets the name of a file selected for upload.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are being uploaded.
+     * Value: A string value specifying the folder path.
+     */
+    folder: string;
+    /**
+     * Gets the names of files selected for upload.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FileUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is uploaded.
+     * Value: A string value specifying the uploaded file path.
+     */
+    folder: string;
+    /**
+     * Gets the name of the uploaded file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+}
+/**
+ * A method that will handle the client FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are uploaded.
+     * Value: A string value specifying the uploaded files path.
+     */
+    folder: string;
+    /**
+     * Gets an array of uploaded file names.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+}
+/**
+ * A method that will handle the client FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventHandler<S> {
+    /**
+     * A method that will handle the FileDownloading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileDownloadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileDownloadingEventArgs): void;
+}
+/**
+ * Provides data for the FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventHandler<S> {
+    /**
+     * A method that will handle the FocusedItemChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFocusedItemChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFocusedItemChangedEventArgs): void;
+}
+/**
+ * Provides data for the FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the focused item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventHandler<S> {
+    /**
+     * A method that will handle the CurrentFolderChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerCurrentFolderChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCurrentFolderChangedEventArgs): void;
+}
+/**
+ * Provides data for the CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently processed folder.
+     * Value: A string value that specifies the folder's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the folder currently being processed.
+     * Value: A string value that is the folder's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the currently processed file.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the file currently being processed.
+     * Value: A string value that is the file's full name.
+     */
+    fullName: string;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the file has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * A method that will handle the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommand event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerCustomCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCustomCommandEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+}
+/**
+ * A method that will handle the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarUpdating event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerToolbarUpdatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerToolbarUpdatingEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently active file manager area.
+     * Value: A string value that identifies the active area.
+     */
+    activeAreaName: string;
+}
+/**
+ * A method that will handle the client HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventHandler<S> {
+    /**
+     * A method that will handle the HighlightItemTemplate event.
+     * @param source The event source. This parameter identifies the file manager object that raised the event.
+     * @param e An ASPxClientFileManagerHighlightItemTemplateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerHighlightItemTemplateEventArgs): void;
+}
+/**
+ * Provides data for the HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that is a filter value specified by the filter box.
+     * Value: A string that is a filter value.
+     */
+    filterValue: string;
+    /**
+     * Gets the name of the item currently being processed.
+     * Value: A string that is the item name.
+     */
+    itemName: string;
+    /**
+     * Gets an element containing the item template.
+     * Value: An object that is an element containing the item template.
+     */
+    templateElement: string;
+    /**
+     * Get the name of the cascading style sheet (CSS) class associated with an item in the highlighted state.
+     * Value: A string that is the name of a CSS class.
+     */
+    highlightCssClassName: string;
+}
+/**
+ * Represents a client-side equivalent of the menu's MenuItem object.
+ */
+interface ASPxClientMenuItem {
+    /**
+     * Gets the menu object to which the current item belongs.
+     * Value: An ASPxClientMenuBase object representing the menu to which the item belongs.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: An ASPxClientMenuItem object representing the item's immediate parent.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * Gets the item's index within the parent's collection of items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the parent object (a menu or item) to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the menu item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * For internal use only.
+     */
+    indexPath: string;
+    /**
+     * Returns the number of the current menu item's immediate child items.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Indicates whether the menu item is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Specifies whether the menu item is checked.
+     * @param value true if the menu item is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value specifying whether a menu item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the menu item is enabled.
+     * @param value true to enable the menu item; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value A string value specifying the URL to the image displayed within the menu item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets a URL which defines the navigation location for the menu item.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the menu item.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the menu item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the menu item.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the menu item.
+     * @param value A string value specifying the text to be displayed within the menu item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a menu item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the menu item's visibility.
+     * @param value true if the menu item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerToolbarItemBase object.
+ */
+interface ASPxClientFileManagerToolbarItem extends ASPxClientMenuItem {
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    index: number;
+}
+/**
+ * A client-side equivalent of the ASPxFormLayout's LayoutItem object.
+ */
+interface ASPxClientLayoutItem {
+    /**
+     * Gets the form layout object to which the current item belongs.
+     * Value: An <see cref="ASPxClientFormLayout" /> object representing the form layout to which the item belongs.
+     */
+    formLayout: ASPxClientFormLayout;
+    /**
+     * Gets the name that uniquely identifies the layout item.
+     * Value: A string value that represents the value assigned to the layout item's Name property.
+     */
+    name: string;
+    /**
+     * Gets the immediate parent layout item to which the current layout item belongs.
+     * Value: An <see cref="ASPxClientLayoutItem" /> object representing the item's immediate parent.
+     */
+    parent: ASPxClientLayoutItem;
+    /**
+     * Returns the current layout item's subitem specified by its name.
+     * @param name A string value specifying the name of the layout item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+    /**
+     * Returns a value specifying whether a layout item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the layout item's visibility.
+     * @param value true, if the layout item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Specifies the text displayed in the layout item caption.
+     * @param caption A string value specifying the item caption.
+     */
+    SetCaption(caption: string): void;
+    /**
+     * Returns the text displayed in the layout item caption.
+     */
+    GetCaption(): string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxFormLayout object.
+ */
+interface ASPxClientFormLayout extends ASPxClientControl {
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+}
+/**
+ * Represents a client-side equivalent of the ASPxGlobalEvents component.
+ */
+interface ASPxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any of DevExpress web controls.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientGlobalEvents>>;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHiddenField control.
+ */
+interface ASPxClientHiddenField extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHiddenField.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the value of the specified property.
+     */
+    Add(propertyName: string, propertyValue: Object): void;
+    /**
+     * Returns the value with the specified property name.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Get(propertyName: string): Object;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the property value.
+     */
+    Set(propertyName: string, propertyValue: Object): void;
+    /**
+     * Removes the specified value from the ASPxHiddenField collection.
+     * @param propertyName A string value representing the property name.
+     */
+    Remove(propertyName: string): void;
+    /**
+     * Clears the ASPxHiddenField's value collection.
+     */
+    Clear(): void;
+    /**
+     * Returns a value indicating whether the value with the specified property name is contained within the ASPxHiddenField control's value collection.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Contains(propertyName: string): boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHint control.
+ */
+interface ASPxClientHint extends ASPxClientControl {
+    /**
+     * Occurs on the client side when a hint is about to be shown.
+     */
+    Showing: ASPxClientEvent<ASPxClientHintShowingEventHandler>;
+    /**
+     * Occurs on the client side when a hint is about to be hidden.
+     */
+    Hiding: ASPxClientEvent<ASPxClientHintHidingEventHandler>;
+    /**
+     * This method is not in effect for a ASPxClientHint object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     */
+    Show(targetElement: Object): ASPxClientHintWindow;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     */
+    Show(targetSelector: string): ASPxClientHintWindow;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHint's window.
+ */
+interface ASPxClientHintWindow {
+    /**
+     * Forces the ASPxClientHint's window to recalculate its position.
+     */
+    UpdatePosition(): void;
+}
+/**
+ * A method that will handle the Showing event.
+ */
+interface ASPxClientHintShowingEventHandler {
+    /**
+     * A method that will handle the Showing event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintShowingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintShowingEventArgs): void;
+}
+/**
+ * Provides data for the Showing event.
+ */
+interface ASPxClientHintShowingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element related to the event.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the Hiding event.
+ */
+interface ASPxClientHintHidingEventHandler {
+    /**
+     * A method that will handle the Hiding event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintHidingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintHidingEventArgs): void;
+}
+/**
+ * Provides data for the Hiding event.
+ */
+interface ASPxClientHintHidingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint element.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * The hint control's options.
+ */
+interface ASPxClientHintOptions {
+    /**
+     * Gets or sets which user action triggers a hint.
+     * Value: A string value that is a user action.
+     */
+    triggerAction: string;
+    /**
+     * Gets or sets the delay in displaying the hint.
+     * Value: An integer value that specifies the time interval, in milliseconds, after which a hint is displayed.
+     */
+    appearAfter: number;
+    /**
+     * Gets or sets the duration after which a hint disappears when the mouse pointer is no longer positioned over the target element.
+     * Value: The length of time (in milliseconds) a hint is displayed after the mouse pointer is no longer positioned over the target element.
+     */
+    disappearAfter: number;
+    /**
+     * Gets or sets a value that specifies whether a hint is displayed in a callout box.
+     * Value: true, to display a hint in a callout box; otherwise, false.
+     */
+    showCallout: boolean;
+    /**
+     * Gets or sets a value that specifies whether a hint's title is displayed.
+     * Value: true, to display the hint's title; otherwise, false.
+     */
+    showTitle: boolean;
+    /**
+     * Gets or sets where a hint should be positioned.
+     * Value: A string value that specifies a hint position.
+     */
+    position: string;
+    /**
+     * Gets or sets a custom CSS class name that will be assigned to the root ASPxHint element.
+     * Value: A string value that is the CSS class name.
+     */
+    className: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    contentAttribute: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    titleAttribute: string;
+    /**
+     * Gets or sets the hint's content.
+     * Value: A string value that is the hint's content.
+     */
+    content: string;
+    /**
+     * Gets or sets a value that is the hint's title.
+     * Value: A string value that is the title text.
+     */
+    title: string;
+    /**
+     * Gets or sets a value that is the HTML DOM-element.
+     * Value: A string that is the DOM-element.
+     */
+    container: string;
+    /**
+     * A handler for the Showing event.
+     * Value: An <see cref="ASPxClientHintShowingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onShowing: ASPxClientHintShowingEventHandler;
+    /**
+     * A handler for the Hiding event.
+     * Value: An <see cref="ASPxClientHintHidingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onHiding: ASPxClientHintHidingEventHandler;
+    /**
+     * Gets or sets a value that is the hint's width.
+     * Value: A string value that is the hint's width.
+     */
+    width: string;
+    /**
+     * Gets or sets a value that is the hint's height.
+     * Value: A string value that is the hint's height.
+     */
+    height: string;
+    /**
+     * Gets or sets the X coordinate.
+     * Value: An integer value that is the X coordinate.
+     */
+    x: number;
+    /**
+     * Gets or sets the Y coordinate.
+     * Value: An integer value that is the Y coordinate.
+     */
+    y: number;
+    /**
+     * Gets or sets a value that specifies whether to flip the hint to the opposite position relative to the target element.
+     * Value: true, to flip the hint; otherwise, false.
+     */
+    allowFlip: boolean;
+    /**
+     * Gets or sets a value that specifies whether to shift a hint if its content and title are hidden outside of the client area.
+     * Value: true, to shift the hint; otherwise, false.
+     */
+    allowShift: boolean;
+    /**
+     * Gets or sets whether it should use animation effects when a hint appears.
+     * Value: true if animation is enabled; otherwise false.
+     */
+    animation: any;
+    /**
+     * Gets the offset of a hint.
+     * Value: An integer value.
+     */
+    offset: number;
+}
+/**
+ * The client-side equivalent of the ASPxImageGallery control.
+ */
+interface ASPxClientImageGallery extends ASPxClientDataView {
+    /**
+     * Fires on the client side before the fullscreen viewer is shown and allows you to cancel the action.
+     */
+    FullscreenViewerShowing: ASPxClientEvent<ASPxClientImageGalleryCancelEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Occurs on the client side after an active item has been changed within the fullscreen viewer.
+     */
+    FullscreenViewerActiveItemIndexChanged: ASPxClientEvent<ASPxClientImageGalleryFullscreenViewerEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Shows the fullscreen viewer with the specified active item.
+     * @param index An Int32 value that is an index of the active item.
+     */
+    ShowFullscreenViewer(index: number): void;
+    /**
+     * Hides the fullscreen viewer.
+     */
+    HideFullscreenViewer(): void;
+    /**
+     * Makes the specified item active within the fullscreen viewer on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetFullscreenViewerActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetFullscreenViewerItemCount(): number;
+    /**
+     * Returns the index of the active item within the fullscreen viewer.
+     */
+    GetFullscreenViewerActiveItemIndex(): number;
+    /**
+     * Plays a slide show within a fullscreen viewer.
+     */
+    PlaySlideShow(): void;
+    /**
+     * Pauses a slide show within a fullscreen viewer.
+     */
+    PauseSlideShow(): void;
+}
+/**
+ * A method that will handle the client FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerShowing event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryCancelEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the client FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerActiveItemIndexChanged event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryFullscreenViewerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryFullscreenViewerEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A client-side equivalent of the ASPxImageSlider object.
+ */
+interface ASPxClientImageSlider extends ASPxClientControl {
+    /**
+     * Occurs after the active image, displayed within the image area, is changed.
+     */
+    ActiveItemChanged: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires after an image item has been clicked within the image area.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Occurs on the client side when a thumbnail is clicked.
+     */
+    ThumbnailItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires for each Image Slider's item that is loaded on callback.
+     */
+    ItemLoadedOnCallback: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     * @param forceLoad true, to force the item's loading; otherwise, false.
+     */
+    GetItem(index: number, forceLoad: boolean): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientImageSliderItem;
+    /**
+     * Returns the image slider's item by its name.
+     * @param name A string value representing the item's name.
+     * @param forceLoad true, to force the item's loading; otherwise, false.
+     */
+    GetItemByName(name: string, forceLoad: boolean): ASPxClientImageSliderItem;
+    /**
+     * Returns the index of the active item within the image slider control.
+     */
+    GetActiveItemIndex(): number;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Returns the active item within the ASPxImageSlider control.
+     */
+    GetActiveItem(): ASPxClientImageSliderItem;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param item An ASPxClientImageSliderItem object specifying the item to select.
+     * @param preventAnimation true to prevent animation effect; false to enable animation.
+     */
+    SetActiveItem(item: ASPxClientImageSliderItem, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Gets the loaded items.
+     */
+    GetLoadedItems(): ASPxClientImageSliderItem[];
+    /**
+     * Sets input focus to the ASPxImageSlider control.
+     */
+    Focus(): void;
+    /**
+     * Plays a slide show within an image slider.
+     */
+    Play(): void;
+    /**
+     * Pauses a slide show within image slider.
+     */
+    Pause(): void;
+    /**
+     * Gets a value indicating whether the slide show is playing.
+     */
+    IsSlideShowPlaying(): boolean;
+}
+/**
+ * A method that will handle the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventHandler<S> {
+    /**
+     * A method that will handle the ItemClick events.
+     * @param source The event source. Identifies the ASPxImageSlider control that raised the event.
+     * @param e An ASPxClientImageSliderItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageSliderItemEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientImageSliderItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientImageSliderItem;
+}
+/**
+ * A client-side equivalent of the image slider's ImageSliderItem object.
+ */
+interface ASPxClientImageSliderItem {
+    /**
+     * Gets an image slider to which the current item belongs.
+     * Value: An <see cref="ASPxClientImageSlider" /> object that is the item's owner.
+     */
+    imageSlider: ASPxClientImageSlider;
+    /**
+     * Gets the item's index within an items collection.
+     * Value: An integer value is the item's zero-based index within the Items collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the image slider item.
+     * Value: A string value that is the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Gets or sets the path to the image displayed within the ASPxClientImageSliderItem.
+     * Value: A <see cref="String" /> value specifying the path to the image.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that is the item's display text.
+     */
+    text: string;
+    /**
+     * Gets whether the image slider's item is loaded.
+     * Value: true, is the item is loaded; otherwise, false.
+     */
+    loaded: boolean;
+}
+/**
+ * The client-side equivalent of the ASPxImageZoomNavigator object.
+ */
+interface ASPxClientImageZoomNavigator extends ASPxClientImageSlider {
+}
+/**
+ * A client-side equivalent of the ASPxImageZoom object.
+ */
+interface ASPxClientImageZoom extends ASPxClientControl {
+    /**
+     * Sets the properties on an image displayed in the image zoom control.
+     * @param imageUrl A string value specifying the path to the preview image displayed in the preview image.
+     * @param largeImageUrl A string value specifying the path to the preview image displayed in the zoom window and the expand window.
+     * @param zoomWindowText A string value specifying the text displayed in the zoom window.
+     * @param expandWindowText A string value specifying the text displayed in the expand window.
+     * @param alternateText A string value that specifies the alternate text displayed instead of the image.
+     */
+    SetImageProperties(imageUrl: string, largeImageUrl: string, zoomWindowText: string, expandWindowText: string, alternateText: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxLoadingPanel control.
+ */
+interface ASPxClientLoadingPanel extends ASPxClientControl {
+    /**
+     * Invokes the loading panel.
+     */
+    Show(): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified HTML element.
+     * @param htmlElement An object that specifies the required HTML element.
+     */
+    ShowInElement(htmlElement: Object): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified element.
+     * @param id A string that specifies the required element's identifier.
+     */
+    ShowInElementByID(id: string): void;
+    /**
+     * Invokes the loading panel at the specified position.
+     * @param x An integer value specifying the x-coordinate of the loading panel's display position.
+     * @param y An integer value specifying the y-coordinate of the loaidng panel's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Sets the text to be displayed within the ASPxLoadingPanel.
+     * @param text A string value specifying the text to be displayed within the ASPxLoadingPanel.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the text displayed within the ASPxLoadingPanel.
+     */
+    GetText(): string;
+    /**
+     * Hides the loading panel.
+     */
+    Hide(): void;
+}
+/**
+ * Represents the client-side equivalent of the area that is used within the Html Editor's media dialogs.
+ */
+interface ASPxClientMediaFileSelector extends ASPxClientControl {
+    /**
+     * Returns a URL text from the URL text box in Html Editor's media dialogs.
+     */
+    GetUrl(): string;
+    /**
+     * Sets a URL text in the Html Editor's media dialogs.
+     * @param url A string value that is the Url text.
+     */
+    SetUrl(url: string): void;
+}
+/**
+ * Serves as the base type for the ASPxClientPopupMenu objects.
+ */
+interface ASPxClientMenuBase extends ASPxClientControl {
+    /**
+     * Fires after a menu item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientMenuItemClickEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a menu item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a menu item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu pops up.
+     */
+    PopUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu closes.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Returns the number of menu items at the root menu level.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): ASPxClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): ASPxClientMenuItem;
+}
+/**
+ * Represents a client collection that maintains client menu objects.
+ */
+interface ASPxClientMenuCollection extends ASPxClientControlCollection {
+    /**
+     * Recalculates the position of visible sub menus.
+     */
+    RecalculateAll(): void;
+    /**
+     * Hides all menus maitained by the collection.
+     */
+    HideAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxMenu object.
+ */
+interface ASPxClientMenu extends ASPxClientMenuBase {
+    /**
+     * Gets a value specifying the menu orientation.
+     */
+    GetOrientation(): string;
+    /**
+     * Sets the menu orientation.
+     * @param orientation 'Vertical' to orient the menu vertically; 'Horizontal' to orient the menu horizontally.
+     */
+    SetOrientation(orientation: string): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface ASPxClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source The event source. This parameter identifies the menu object which raised the event.
+     * @param e An ASPxClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on menu items.
+ */
+interface ASPxClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+}
+/**
+ * A method that will handle client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventArgs extends ASPxClientMenuItemEventArgs {
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An HTML object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's items.
+ */
+interface ASPxClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's items.
+ */
+interface ASPxClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Contains options affecting the touch scrolling functionality.
+ */
+interface ASPxClientTouchUIOptions {
+    /**
+     * Gets or sets a value that specifies whether or not the horizontal scroll bar should be displayed.
+     * Value: true to display the horizontal scroll bar; otherwise, false. The default value is true.
+     */
+    showHorizontalScrollbar: boolean;
+    /**
+     * Gets or sets a value that specifies whether or not the vertical scroll bar should be displayed.
+     * Value: true to display the vertical scroll bar; otherwise, false. The default value is true.
+     */
+    showVerticalScrollbar: boolean;
+    /**
+     * Gets or sets the name of the CSS class defining the vertical scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    vScrollClassName: string;
+    /**
+     * Gets or sets the name of the CSS class defining the horizontal scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    hScrollClassName: string;
+}
+/**
+ * Contains a method allowing you to apply the current scroll extender to a specific element.
+ */
+interface ScrollExtender {
+    /**
+     * Applies the current scroll extender to the element specified by the ID.
+     * @param id A string value specifying the element's ID.
+     */
+    ChangeElement(id: string): void;
+    /**
+     * Applies the current scroll extender to the specified DOM element.
+     * @param element An object specifying the required DOM element.
+     */
+    ChangeElement(element: Object): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNavBar control.
+ */
+interface ASPxClientNavBar extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientNavBarItemEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side after a group's expansion state has been changed.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientNavBarGroupEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side before the expansion state of a group is changed.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientNavBarGroupCancelEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires when a group header is clicked.
+     */
+    HeaderClick: ASPxClientEvent<ASPxClientNavBarGroupClickEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientNavBar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientNavBar>>;
+    /**
+     * Returns the number of groups in the navbar.
+     */
+    GetGroupCount(): number;
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): ASPxClientNavBarGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): ASPxClientNavBarGroup;
+    /**
+     * Returns the navbar's active group.
+     */
+    GetActiveGroup(): ASPxClientNavBarGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+    /**
+     * Returns the selected item within the navbar control.
+     */
+    GetSelectedItem(): ASPxClientNavBarItem;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+    /**
+     * Collapses all groups of the navbar.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all groups of the navbar.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarGroup object.
+ */
+interface ASPxClientNavBarGroup {
+    /**
+     * Gets the navbar to which the current group belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the group belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group's index within a collection of a navbar's groups.
+     * Value: An integer value representing the group's zero-based index within the Groups collection of the navbar to which the group belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the group.
+     * Value: A string value that represents the value assigned to the group's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a group is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether the group is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets the group's expansion state.
+     * @param value true to expand the group; false to collapse the group.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value specifying whether a group is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Returns text displayed within a group.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within a group.
+     * @param text A string value that is the text displayed within the navbar group.
+     */
+    SetText(text: string): void;
+    /**
+     * Specifies whether the group is visible.
+     * @param value true if the group is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Returns the number of items in the group.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientNavBarItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarItem object.
+ */
+interface ASPxClientNavBarItem {
+    /**
+     * Gets the navbar to which the current item belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the item belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: An ASPxClientNavBarGroup object representing the group to which the item belongs.
+     */
+    group: ASPxClientNavBarGroup;
+    /**
+     * Gets the item's index within a collection of a group's items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the group to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value indicating whether an item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the item is enabled.
+     * @param value true if the item is enabled; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value A string value that specifies the URL to the image displayed within the item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the item's navigation location.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the item's navigation location.
+     * @param value A string value which represents the URL to where the client web browser will navigate when the item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the item.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the item.
+     * @param value A string value that represents the text displayed within the item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether an item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the item is visible.
+     * @param value true is the item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with an item.
+ */
+interface ASPxClientNavBarItemEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on items.
+ */
+interface ASPxClientNavBarItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: An ASPxClientNavBarItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientNavBarItem;
+    /**
+     * Gets the HTML object that contains the processed navbar item.
+     * Value: An object representing a container for the navbar item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object, manipulations on which forced the event to be raised.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object representing the group manipulations on which forced the navbar to raise the event.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning clicks on groups.
+     * @param source The event source. This parameter identifies the navbar object which raised the event.
+     * @param e An ASPxClientNavBarGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventArgs extends ASPxClientNavBarGroupCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed group.
+     * Value: An object representing a container for the group related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNewsControl object.
+ */
+interface ASPxClientNewsControl extends ASPxClientDataView {
+    /**
+     * Fires after an item's tail has been clicked.
+     */
+    TailClick: ASPxClientEvent<ASPxClientNewsControlItemEventHandler<ASPxClientNewsControl>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientNewsControlItemEventHandler<S> {
+    /**
+     * A method that will handle the news control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the news control object that raised the event.
+     * @param e An ASPxClientNewsControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNewsControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern tail clicking within the control's items.
+ */
+interface ASPxClientNewsControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxObjectContainer control.
+ */
+interface ASPxClientObjectContainer extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the FSCommand action is called within the associated flash object's action script.
+     */
+    FlashScriptCommand: ASPxClientEvent<ASPxClientFlashScriptCommandEventHandler<ASPxClientObjectContainer>>;
+    /**
+     * Play the Flash movie backwards.
+     */
+    Back(): void;
+    /**
+     * Returns the value of the Flash variable specified.
+     * @param name A string value that specifies the Flash variable.
+     */
+    GetVariable(name: string): string;
+    /**
+     * Play the Flash movie forwards.
+     */
+    Forward(): void;
+    /**
+     * Activates the specified frame in the Flash movie.
+     * @param frameNumber An integer value that specifies the requested frame.
+     */
+    GotoFrame(frameNumber: number): void;
+    /**
+     * Indicates whether the Flash movie is currently playing.
+     */
+    IsPlaying(): boolean;
+    /**
+     * Loads the Flash movie to the specified layer.
+     * @param layerNumber An integer value that identifies a layer in which to load the movie.
+     * @param url A string value that specifies the movie's URL.
+     */
+    LoadMovie(layerNumber: number, url: string): void;
+    /**
+     * Pans a zoomed-in Flash movie to the specified coordinates.
+     * @param x An integer value that specifies the X-coordinate.
+     * @param y An integer value that specifies the Y-coordinate.
+     * @param mode 0 the coordinates are pixels; 1 the coordinates are a percentage of the window.
+     */
+    Pan(x: number, y: number, mode: number): void;
+    /**
+     * Returns the percent of the Flash Player movie that has streamed into the browser so far.
+     */
+    PercentLoaded(): string;
+    /**
+     * Starts playing media files.
+     */
+    Play(): void;
+    /**
+     * Rewinds the Flash movie to the first frame.
+     */
+    Rewind(): void;
+    /**
+     * Sets the value of the specified Flash variable.
+     * @param name A string value that specifies the Flash variable.
+     * @param value A string value that represents a new value.
+     */
+    SetVariable(name: string, value: string): void;
+    /**
+     * Zooms in on the specified rectangular area of the Flash movie.
+     * @param left An integer value that specifies the x-coordinate of the rectangle's left side, in twips.
+     * @param top An integer value that specifies the y-coordinate of the rectangle's top side, in twips.
+     * @param right An integer value that specifies the x-coordinate of the rectangle's right side, in twips.
+     * @param bottom An integer value that specifies the y-coordinate of the rectangle's bottom side, in twips.
+     */
+    SetZoomRect(left: number, top: number, right: number, bottom: number): void;
+    /**
+     * Stops playing the Flash movie.
+     */
+    StopPlay(): void;
+    /**
+     * Returns the total number of frames in the Flash movie.
+     */
+    TotalFrames(): number;
+    /**
+     * Zooms the Flash view by a relative scale factor.
+     * @param percent An integer value that specifies the relative scale factor, as a  percentage.
+     */
+    Zoom(percent: number): void;
+    /**
+     * Starts playing a Quick Time movie.
+     */
+    QTPlay(): void;
+    /**
+     * Stops playing a Quick Time movie.
+     */
+    QTStopPlay(): void;
+    /**
+     * Rewinds a Quick Time movie to the first frame.
+     */
+    QTRewind(): void;
+    /**
+     * Steps through a Quick Time video stream by a specified number of frames.
+     * @param count An integer value that specifies the number of frames to step.
+     */
+    QTStep(count: number): void;
+}
+/**
+ * A method that will handle the FlashScriptCommand event.
+ */
+interface ASPxClientFlashScriptCommandEventHandler<S> {
+    /**
+     * A method that will handle the FlashScriptCommand event.
+     * @param source The event source.
+     * @param e A ASPxClientFlashScriptCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFlashScriptCommandEventArgs): void;
+}
+/**
+ * Provides data for the FlashScriptCommand client event.
+ */
+interface ASPxClientFlashScriptCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's command parameter.
+     */
+    command: string;
+    /**
+     * Gets arguments passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's args parameter.
+     */
+    args: string;
+}
+/**
+ * Lists the available link types within office documents.
+ */
+interface ASPxClientOfficeDocumentLinkType {
+}
+/**
+ * Represents the client-side equivalent of the ASPxPager control.
+ */
+interface ASPxClientPager extends ASPxClientControl {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupControl control.
+ */
+interface ASPxClientPopupControl extends ASPxClientPopupControlBase {
+    /**
+     * Occurs when a popup window's close button is clicked.
+     */
+    CloseButtonClick: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControl>>;
+    /**
+     * This method is not in effect for a ASPxClientPopupControl object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked a default popup window.
+     */
+    GetPopUpReasonMouseEvent(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked the specified popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowPopUpReasonMouseEvent(window: ASPxClientPopupWindow): Object;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window.
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Specifies the default popup window's size.
+     * @param width An integer value that specifies the default popup window's width.
+     * @param height An integer value that specifies the default popup window's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Gets the width of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Gets the height of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the height of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the width of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Specifies the size of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param width An integer value that specifies the required popup window's width.
+     * @param height An integer value that specifies the required popup window's height.
+     */
+    SetWindowSize(window: ASPxClientPopupWindow, width: number, height: number): void;
+    /**
+     * Returns the HTML code that is the content of the popup control's default popup window.
+     */
+    GetContentHTML(): string;
+    /**
+     * Defines the HTML content for the popup control's default popup window.
+     * @param html A string value that is the HTML code defining the content of the popup window.
+     */
+    SetContentHTML(html: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control's window is associated.
+     * @param window An ASPxClientPopupWindow object representing a popup control's window.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup control's window is associated.
+     */
+    SetWindowPopupElementID(window: ASPxClientPopupWindow, popupElementId: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element to which the popup control is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the default window within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an index of the object that invoked the specified popup window, within the window's PopupElementID list.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElementIndex(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns an object that invoked the default window.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Returns an object that invoked the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElement(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns a value that specifies whether the popup control's specific window is displayed.
+     * @param window A ASPxClientPopupWindow object representing the popup window whose visibility is checked.
+     */
+    IsWindowVisible(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Returns a popup window specified by its index.
+     * @param index An integer value specifying the zero-based index of the popup window object to be retrieved.
+     */
+    GetWindow(index: number): ASPxClientPopupWindow;
+    /**
+     * Returns a popup window specified by its name.
+     * @param name A string value specifying the name of the popup window.
+     */
+    GetWindowByName(name: string): ASPxClientPopupWindow;
+    /**
+     * Returns the number of popup windows in the popup control.
+     */
+    GetWindowCount(): number;
+    /**
+     * Invokes the popup control's specific window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     */
+    ShowWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Invokes the specified popup window at the popup element with the specified index.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element within the window's PopupElementID list.
+     */
+    ShowWindow(window: ASPxClientPopupWindow, popupElementIndex: number): void;
+    /**
+     * Invokes the popup control's specific window and displays it over the specified HTML element.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param htmlElement An object specifying the HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Invokes the popup control's specific window and displays it over an HTML element specified by its unique identifier.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElementByID(window: ASPxClientPopupWindow, id: string): void;
+    /**
+     * Invokes the popup control's specific popup window at the specified position.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param x A integer value specifying the x-coordinate of the popup window's display position.
+     * @param y A integer value specifying the y-coordinate of the popup window's display position.
+     */
+    ShowWindowAtPos(window: ASPxClientPopupWindow, x: number, y: number): void;
+    /**
+     * Brings the specified popup window to the front of the z-order.
+     * @param window A ASPxClientPopupWindow object representing the popup window.
+     */
+    BringWindowToFront(window: ASPxClientPopupWindow): void;
+    /**
+     * Closes the popup control's specified window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to close.
+     */
+    HideWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHtml(window: ASPxClientPopupWindow): string;
+    /**
+     * Defines the HTML content for a specific popup window within the popup control.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param html A string value that represents the HTML code defining the content of the specified popup window.
+     */
+    SetWindowContentHtml(window: ASPxClientPopupWindow, html: string): void;
+    /**
+     * Stretches the popup window in adaptive mode vertically to the full height of the browser window.
+     */
+    StretchVertically(): void;
+    /**
+     * Stretches the specified popup window in adaptive mode vertically to the full height of the browser window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    WindowStretchVertically(window: ASPxClientPopupWindow): void;
+    /**
+     * Sets the minimum width of the popup window in adaptive mode.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode.
+     */
+    SetAdaptiveMinWidth(minWidth: number): void;
+    /**
+     * Sets the minimum width of the popup window in adaptive mode.
+     * @param minWidth A string value specifying the minimum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetAdaptiveMinWidth(minWidth: string): void;
+    /**
+     * Sets the minimum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMinWidth(window: ASPxClientPopupWindow, minWidth: number): void;
+    /**
+     * Sets the minimum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minWidth An integer value specifying the minimum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetWindowAdaptiveMinWidth(window: ASPxClientPopupWindow, minWidth: string): void;
+    /**
+     * Sets the maximum width of the popup window in adaptive mode.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode.
+     */
+    SetAdaptiveMaxWidth(maxWidth: number): void;
+    /**
+     * Sets the maximum width of the popup window in adaptive mode.
+     * @param maxWidth A string value specifying the maximum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetAdaptiveMaxWidth(maxWidth: string): void;
+    /**
+     * Sets the maximum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMaxWidth(window: ASPxClientPopupWindow, maxWidth: number): void;
+    /**
+     * Sets the maximum width of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxWidth An integer value specifying the maximum width of the popup window in adaptive mode as a percentage of the browser window inner width value.
+     */
+    SetWindowAdaptiveMaxWidth(window: ASPxClientPopupWindow, maxWidth: string): void;
+    /**
+     * Sets the minimum height of the popup window in adaptive mode.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode.
+     */
+    SetAdaptiveMinHeight(minHeight: number): void;
+    /**
+     * Sets the minimum height of the popup window in adaptive mode.
+     * @param minHeight A string value specifying the minimum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetAdaptiveMinHeight(minHeight: string): void;
+    /**
+     * Sets the minimum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMinHeight(window: ASPxClientPopupWindow, minHeight: number): void;
+    /**
+     * Sets the minimum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param minHeight An integer value specifying the minimum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetWindowAdaptiveMinHeight(window: ASPxClientPopupWindow, minHeight: string): void;
+    /**
+     * Sets the maximum height of the popup window in adaptive mode.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode.
+     */
+    SetAdaptiveMaxHeight(maxHeight: number): void;
+    /**
+     * Sets the maximum height of the popup window in adaptive mode.
+     * @param maxHeight A string value specifying the maximum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetAdaptiveMaxHeight(maxHeight: string): void;
+    /**
+     * Sets the maximum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode.
+     */
+    SetWindowAdaptiveMaxHeight(window: ASPxClientPopupWindow, maxHeight: number): void;
+    /**
+     * Sets the maximum height of the specified popup window in adaptive mode.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param maxHeight An integer value specifying the maximum height of the popup window in adaptive mode as a percentage of the browser window inner height value.
+     */
+    SetWindowAdaptiveMaxHeight(window: ASPxClientPopupWindow, maxHeight: string): void;
+    /**
+     * Returns an iframe object containing a web page specified via the specified popup window's SetWindowContentUrl client method).
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentIFrame(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentUrl(window: ASPxClientPopupWindow): string;
+    /**
+     * Sets the URL pointing to the web page that should be loaded into and displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param url A string value specifying the URL to the web page to be displayed within the specified popup window.
+     */
+    SetWindowContentUrl(window: ASPxClientPopupWindow, url: string): void;
+    /**
+     * Returns a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowPinned(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to pin the window; otherwise, false.
+     */
+    SetWindowPinned(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowMaximized(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to maximize the window; otherwise, false.
+     */
+    SetWindowMaximized(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowCollapsed(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to collapse the window; otherwise, false.
+     */
+    SetWindowCollapsed(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    RefreshWindowContentUrl(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     */
+    UpdatePosition(): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at the specified HTML element.
+     * @param htmlElement An object specifying the HTML element to which the default popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdatePositionAtElement(htmlElement: Object): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    UpdateWindowPosition(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at the specified HTML element.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param htmlElement An object specifying the HTML element to which the specified popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdateWindowPositionAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Refreshes the connection between the ASPxPopupControl and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+}
+/**
+ * Represents a client-side equivalent of a popup control's PopupWindow object.
+ */
+interface ASPxClientPopupWindow {
+    /**
+     * Gets the popup control to which the current popup window belongs.
+     * Value: An ASPxClientPopupControl object representing the popup control to which the window belongs.
+     */
+    popupControl: ASPxClientPopupControl;
+    /**
+     * Gets the index of the current popup window within the popup control's Windows collection.
+     * Value: An integer value representing the zero-based index of the current popup window within the Windows collection of the popup control to which the window belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current popup window.
+     * Value: A string value that represents a value assigned to the popup window's Name property.
+     */
+    name: string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer.
+     * @param value A string value that is the URL to the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Returns the text displayed within the window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed within the window's header.
+     * @param value A string value that specifies the window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Returns the text displayed within the popup window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Specifies the text displayed within the window's footer.
+     * @param value A string value that specifies the window's footer text.
+     */
+    SetFooterText(value: string): void;
+}
+/**
+ * A method that will handle the popup control's client events invoked in response to manipulating a popup window.
+ */
+interface ASPxClientPopupWindowEventHandler<S> {
+    /**
+     * A method that will handle the popup control's client events when a popup window is manipulated.
+     * @param source An object representing the event's source. Identifies the popup control object (ASPxClientPopupControl) that raised the event.
+     * @param e An ASPxClientPopupWindowEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowEventArgs): void;
+}
+/**
+ * Provides data for events concerning client manipulations on popup windows.
+ */
+interface ASPxClientPopupWindowEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+}
+/**
+ * A method that will handle the popup window's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventHandler<S> {
+    /**
+     * A method that will handle the popup window's cancelable client events.
+     * @param source An object representing the event's source. Identifies the popup window object that raised the event.
+     * @param e An ASPxClientPopupWindowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCancelEventArgs): void;
+}
+/**
+ * Provides data for the popup control's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+    /**
+     * Gets the value that identifies the reason the popup window is about to close.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventHandler<S> {
+    /**
+     * A method that will handle the CloseUp event.
+     * @param source The event source.
+     * @param e An ASPxClientPopupWindowCloseUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCloseUpEventArgs): void;
+}
+/**
+ * Provides data for the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets the value that identifies the reason the popup window closes.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventHandler<S> {
+    /**
+     * A method that will handle the Resize event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowResizeEventArgs): void;
+}
+/**
+ * Provides data for the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Returns the value indicating the window state after resizing.
+     * Value: The integer value indicating the window resize state.
+     */
+    resizeState: number;
+}
+/**
+ * A method that will handle the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventHandler<S> {
+    /**
+     * A method that will handle the PinnedChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowPinnedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowPinnedChangedEventArgs): void;
+}
+/**
+ * Provides data for the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets a value indicating whether the processed popup window has been pinned.
+     * Value: true, if the window has been pinned; otherwise, false.
+     */
+    pinned: boolean;
+}
+/**
+ * Represents a client collection that maintains client popup control objects.
+ */
+interface ASPxClientPopupControlCollection extends ASPxClientControlCollection {
+    /**
+     * Hides all popup windows maintained by the collection.
+     */
+    HideAllWindows(): void;
+}
+/**
+ * Declares client constants that identify the reason the popup window closes.
+ */
+interface ASPxClientPopupControlCloseReason {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupMenu object.
+ */
+interface ASPxClientPopupMenu extends ASPxClientMenuBase {
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup menu is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the popup menu within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an object that invoked the popup menu.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Refreshes the connection between the ASPxPopupMenu and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+    /**
+     * Hides the popup menu.
+     */
+    Hide(): void;
+    /**
+     * Invokes the popup menu.
+     */
+    Show(): void;
+    /**
+     * Invokes the popup menu at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the popup menu and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the popup menu and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the popup menu at the specified position.
+     * @param x An integer value specifying the x-coordinate of the popup menu's display position.
+     * @param y An integer value specifying the y-coordinate of the popup menu's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRatingControl control.
+ */
+interface ASPxClientRatingControl extends ASPxClientControl {
+    /**
+     * Fires on the server after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientRatingControlItemClickEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a rating control item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a rating control item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Gets the item tooltip title specified by the item index.
+     * @param index An integer value specifying the item index.
+     */
+    GetTitle(index: number): string;
+    /**
+     * Returns a value indicating whether the control's status is read-only.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's status is read-only.
+     * @param value true to make the control read-only; otherwise, false.
+     */
+    SetReadOnly(value: boolean): void;
+    /**
+     * Returns the value of the ASPxRatingControl.
+     */
+    GetValue(): number;
+    /**
+     * Modifies the value of the ASPxRatingControl on the client side.
+     * @param value A decimal value representing the value of the control.
+     */
+    SetValue(value: number): void;
+}
+/**
+ * A method that will handle the client ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventHandler<S> {
+    /**
+     * A method that will handle the client ItemClick event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientRatingControlItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the clicked item's index.
+     */
+    index: number;
+}
+/**
+ * A method that will handle the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source The event source.
+     * @param e An ASPxClientRatingControlItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemMouseEventArgs): void;
+}
+/**
+ * Provides data for the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the related item's index.
+     */
+    index: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRibbon control.
+ */
+interface ASPxClientRibbon extends ASPxClientControl {
+    /**
+     * Occurs after an end-user executes an action on a ribbon item.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientRibbonCommandExecutedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a ribbon control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientRibbonTabEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs on the client side when the ribbon minimization state is changed by end-user actions.
+     */
+    MinimizationStateChanged: ASPxClientEvent<ASPxClientRibbonMinimizationStateEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs when the file tab is clicked.
+     */
+    FileTabClicked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after a dialog box launcher has been clicked.
+     */
+    DialogBoxLauncherClicked: ASPxClientEvent<ASPxClientRibbonDialogBoxLauncherClickedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires after key tips are closed by pressing Esc.
+     */
+    KeyTipsClosedOnEscape: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Specifies whether the ribbon control is enabled.
+     * @param enabled true to enable the ribbon; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the ribbon is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientRibbonTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientRibbonTab;
+    /**
+     * Returns the number of tabs in the ribbon Tabs collection.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns the active tab within the ribbon control.
+     */
+    GetActiveTab(): ASPxClientRibbonTab;
+    /**
+     * Makes the specified tab active in the ribbon control on the client side.
+     * @param tab A ASPxClientRibbonTab object specifying the tab selection.
+     */
+    SetActiveTab(tab: ASPxClientRibbonTab): void;
+    /**
+     * Makes a tab active within the ribbon control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns a ribbon item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientRibbonItem;
+    /**
+     * Returns a value of item with the specified name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemValueByName(name: string): Object;
+    /**
+     * Sets the value of the item with the specified name.
+     * @param name A string value specifying the name of the item.
+     * @param value An object that is the new item value.
+     */
+    SetItemValueByName(name: string, value: Object): void;
+    /**
+     * Specifies whether the ribbon is minimized.
+     * @param minimized true to set the ribbon state to minimized; false to set the ribbon state to normal.
+     */
+    SetMinimized(minimized: boolean): void;
+    /**
+     * Gets a value specifying whether the ribbon is minimized.
+     */
+    GetMinimized(): boolean;
+    /**
+     * Specifies the visibility of a context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param visible true to make a category visible; false to make it hidden.
+     */
+    SetContextTabCategoryVisible(categoryName: string, visible: boolean): void;
+    /**
+     * Shows ribbon key tips.
+     */
+    ShowKeyTips(): void;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonTab object.
+ */
+interface ASPxClientRibbonTab {
+    /**
+     * Gets the client ribbon object to which the current tab belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the tab belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets or sets the tab's index within the collection.
+     * Value: An integer value that is the zero-based index of the tab within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon tab.
+     * Value: A string value that is the tab's name.
+     */
+    name: string;
+    /**
+     * Returns the text displayed in the tab.
+     */
+    GetText(): string;
+    /**
+     * Sets a value specifying whether the tab is enabled.
+     * @param enabled true to enable the tab; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether a ribbon tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether a ribbon tab is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonGroup object.
+ */
+interface ASPxClientRibbonGroup {
+    /**
+     * Gets the client ribbon object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the group belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets the client tab object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object to which the group belongs.
+     */
+    tab: ASPxClientRibbonTab;
+    /**
+     * Gets or sets the group's index within the collection.
+     * Value: An integer value that is the zero-based index of the group within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon group.
+     * Value: A string value that is the group's name.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a ribbon group is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonItemBase object.
+ */
+interface ASPxClientRibbonItem {
+    /**
+     * Gets the client group object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the item belongs.
+     */
+    group: ASPxClientRibbonGroup;
+    /**
+     * Gets or sets the item's index within the collection.
+     * Value: An integer value that is the zero-based index of the item within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the client ribbon object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the item belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Returns a value indicating whether a ribbon item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the item is enabled.
+     * @param enabled true to enable the item; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns the item value.
+     */
+    GetValue(): Object;
+    /**
+     * Sets the item value.
+     * @param value An  that specifies the item value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value specifying whether a ribbon item is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A method that will handle the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CommandExecuted event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientRibbonItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientRibbonItem;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventHandler<S> {
+    /**
+     * A method that will handle the ActiveTabChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e A ASPxClientRibbonTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object that is the tab, manipulations on which forced the ribbon control to raise the event.
+     */
+    tab: ASPxClientRibbonTab;
+}
+/**
+ * A method that will handle the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventHandler<S> {
+    /**
+     * A method that will handle the MinimizationStateChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonMinimizationStateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonMinimizationStateEventArgs): void;
+}
+/**
+ * Provides data for the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the value indicating the new ribbon state.
+     * Value: The integer value indicating the ribbon minimization state.
+     */
+    ribbonState: number;
+}
+/**
+ * A method that will handle the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventHandler<S> {
+    /**
+     * A method that will handle the DialogBoxLauncherClicked event.
+     * @param source The event source. This parameter identifies the ribbon object which raised the event.
+     * @param e An ASPxClientRibbonDialogBoxLauncherClickedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonDialogBoxLauncherClickedEventArgs): void;
+}
+/**
+ * Provides data for the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the client group object to which the clicked dialog box launcher belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the dialog box launcher belongs.
+     */
+    group: ASPxClientRibbonGroup;
+}
+/**
+ * Represents a client-side equivalent of the ASPxRoundPanel control.
+ */
+interface ASPxClientRoundPanel extends ASPxClientPanelBase {
+    /**
+     * Fires on the client side after a panel has been expanded or collapsed via end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client side before a panel is expanded or collapsed by end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanging: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientRoundPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the panel's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed in the panel's header.
+     * @param text A string value that specifies the panel header's text.
+     */
+    SetHeaderText(text: string): void;
+    /**
+     * Returns a value indicating whether the panel is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Sets a value indicating whether the panel is collapsed.
+     * @param collapsed true, to collapse the panel; otherwise, false.
+     */
+    SetCollapsed(collapsed: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxSplitter object.
+ */
+interface ASPxClientSplitter extends ASPxClientControl {
+    /**
+     * Fires before a pane is resized.
+     */
+    PaneResizing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been resized.
+     */
+    PaneResized: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is collapsed.
+     */
+    PaneCollapsing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been collapsed.
+     */
+    PaneCollapsed: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is expanded.
+     */
+    PaneExpanding: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been expanded.
+     */
+    PaneExpanded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Occurs when a pane resize operation has been completed.
+     */
+    PaneResizeCompleted: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a specific web page has been loaded into a pane.
+     */
+    PaneContentUrlLoaded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Returns the number of panes at the root level of a splitter.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the splitter's root pane specified by its index within the Panes collection.
+     * @param index An integer value specifying the zero-based index of the root pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns a pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Specifies whether the control's panes can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Returns a string value that represents the client state of splitter panes.
+     */
+    GetLayoutData(): string;
+}
+/**
+ * Represents a client-side equivalent of the splitter's SplitterPane object.
+ */
+interface ASPxClientSplitterPane {
+    /**
+     * Gets the index of the current pane within the pane collection to which it belongs.
+     * Value: An integer value representing the zero-based index of the current pane within the SplitterPaneCollection collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current splitter pane.
+     * Value: A string value that represents the value assigned to the pane's Name property.
+     */
+    name: string;
+    /**
+     * Returns a client splitter object that contains the current pane.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Returns the immediate parent of the current pane.
+     */
+    GetParentPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the previous sibling pane of the current pane.
+     */
+    GetPrevPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the next sibling pane of the current pane.
+     */
+    GetNextPane(): ASPxClientSplitterPane;
+    /**
+     * Determines whether the current pane is the first pane within the SplitterPaneCollection.
+     */
+    IsFirstPane(): boolean;
+    /**
+     * Determines whether the current pane is the last pane within the SplitterPaneCollection.
+     */
+    IsLastPane(): boolean;
+    /**
+     * Returns a value that indicates the orientation in which the current pane and its sibling panes are stacked.
+     */
+    IsVertical(): boolean;
+    /**
+     * Returns the number of the current pane's immediate child panes.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the current pane's immediate child pane specified by its index.
+     * @param index An integer value specifying the zero-based index of the child pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns the current pane's child pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Gets the width of the pane's content area.
+     */
+    GetClientWidth(): number;
+    /**
+     * Gets the height of the pane's content area.
+     */
+    GetClientHeight(): number;
+    /**
+     * Collapses the current pane and occupies its space by maximizing the specified pane.
+     * @param maximizedPane A ASPxClientSplitterPane object specifying the pane to be maximized to occupy the freed space.
+     */
+    Collapse(maximizedPane: ASPxClientSplitterPane): boolean;
+    /**
+     * Collapses the current pane in a forward direction and occupies its space by maximizing the previous adjacent pane.
+     */
+    CollapseForward(): boolean;
+    /**
+     * Collapses the current pane in a backward direction, and occupies its space by maximizing the next adjacent pane.
+     */
+    CollapseBackward(): boolean;
+    /**
+     * Expands the current pane object on the client side.
+     */
+    Expand(): boolean;
+    /**
+     * Returns whether the pane is collapsed.
+     */
+    IsCollapsed(): boolean;
+    /**
+     * Returns whether the pane's content is loaded from an external web page.
+     */
+    IsContentUrlPane(): boolean;
+    /**
+     * Gets the URL of a web page displayed as a pane's content.
+     */
+    GetContentUrl(): string;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane, but should not be cached by a client browser.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     * @param preventBrowserCaching true to prevent the browser to cache the loaded content; false to allow browser caching.
+     */
+    SetContentUrl(url: string, preventBrowserCaching: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the current pane.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Returns an iframe object containing a web page specified via the pane's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Specifies whether the current pane can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Forces the client PaneResized event to be generated.
+     */
+    RaiseResizedEvent(): void;
+    /**
+     * Returns an HTML element representing a splitter pane object.
+     */
+    GetElement(): Object;
+    /**
+     * Specifies the splitter pane's size in pixels.
+     * @param size An integer value that specifies the splitter pane's size.
+     */
+    SetSize(size: number): void;
+    /**
+     * Specifies the splitter pane's size, in pixels or percents.
+     * @param size A string value that specifies the splitter pane's size, in pixels or percents.
+     */
+    SetSize(size: string): void;
+    /**
+     * Returns the splitter pane's size, in pixels or percents.
+     */
+    GetSize(): string;
+    /**
+     * Returns the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     */
+    GetScrollTop(): number;
+    /**
+     * Specifies the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollTop(value: number): void;
+    /**
+     * Returns the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     */
+    GetScrollLeft(): number;
+    /**
+     * Specifies the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollLeft(value: number): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventHandler<S> {
+    /**
+     * A method that will handle the splitter's client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter object that raised the event.
+     * @param e An ASPxClientSplitterPaneEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneEventArgs): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the pane object related to the event.
+     * Value: An ASPxClientSplitterPane object, manipulations on which forced the event to be raised.
+     */
+    pane: ASPxClientSplitterPane;
+}
+/**
+ * A method that will handle a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventHandler<S> {
+    /**
+     * A method that will handle a splitter control's cancelable client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter control object that raised the event.
+     * @param e An ASPxClientSplitterPaneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneCancelEventArgs): void;
+}
+/**
+ * Provides data for a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventArgs extends ASPxClientSplitterPaneEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a base for the ASPxClientPageControl objects.
+ */
+interface ASPxClientTabControlBase extends ASPxClientControl {
+    /**
+     * Fires when a tab is clicked.
+     */
+    TabClick: ASPxClientEvent<ASPxClientTabControlTabClickEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a tab control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientTabControlTabEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side before the active tab is changed within a tab control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientTabControlTabCancelEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a client tab control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Modifies a tab page's size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Returns the active tab within the tab control.
+     */
+    GetActiveTab(): ASPxClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+    /**
+     * Returns the index of the active tab within the tab control.
+     */
+    GetActiveTabIndex(): number;
+    /**
+     * Makes a tab active within the tab control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns the number of tabs in the ASPxTabControl.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientTab;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTabControl object.
+ */
+interface ASPxClientTabControl extends ASPxClientTabControlBase {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPageControl object.
+ */
+interface ASPxClientPageControl extends ASPxClientTabControlBase {
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's TabPage object.
+ */
+interface ASPxClientTab {
+    /**
+     * Gets the tab control to which the current tab belongs.
+     * Value: An ASPxClientTabControlBase object representing the control to which the tab belongs.
+     */
+    tabControl: ASPxClientTabControlBase;
+    /**
+     * Gets the index of the current tab (tabbed page) within the control's collection of tabs (tabbed pages).
+     * Value: An integer value representing the zero-based index of the current tab (tabbed page) within the TabPages) collection of the control to which the tab belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current tab.
+     * Value: A string value that represents the value assigned to the tab's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the tab is enabled.
+     * @param value true to enable the tab; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value A string value that is the URL to the image displayed within the tab.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value A string value that is the URL to the image displayed within the active tab.
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the tab.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the tab.
+     * @param value A string value which is a URL to where the client web browser will navigate when the tab is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the tab.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the tab.
+     * @param value A string value that is the text displayed within the tab.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a tab is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the tab is visible.
+     * @param value true is the tab is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: ASPxClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: ASPxClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source The event source. This parameter identifies the tab control object which raised the event.
+     * @param e An ASPxClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventArgs extends ASPxClientTabControlTabCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed tab.
+     * Value: An object representing a container for the tab related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTimer object.
+ */
+interface ASPxClientTimer extends ASPxClientControl {
+    /**
+     * Fires on the client side when the specified timer interval has elapsed, and the timer is enabled.
+     */
+    Tick: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimer>>;
+    /**
+     * Returns a value indicating whether the timer is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Enables the timer.
+     * @param enabled true to turn the timer on; false, to turn the timer off.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Gets the time before the Tick event.
+     */
+    GetInterval(): number;
+    /**
+     * Specifies the time before the Tick event.
+     * @param interval An integer value that specifies the number of milliseconds before the Tick event is raised relative to the last occurrence of the Tick event. The value cannot be less than one.
+     */
+    SetInterval(interval: number): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTitleIndex object.
+ */
+interface ASPxClientTitleIndex extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientTitleIndexItemEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTitleIndex.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTitleIndex>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientTitleIndexItemEventHandler<S> {
+    /**
+     * A method that will handle the title index control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the title index control object that raised the event.
+     * @param e An ASPxClientTitleIndexItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTitleIndexItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on the control's items.
+ */
+interface ASPxClientTitleIndexItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView object.
+ */
+interface ASPxClientTreeView extends ASPxClientControl {
+    /**
+     * Fires on the client side after a node has been clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeViewNodeClickEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side after a node's expansion state has been changed by end-user interaction.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientTreeViewNodeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side before the expansion state of a node is changed via end-user interaction.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientTreeViewNodeCancelEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side when the node's checked state is changed by clicking on a check box.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientTreeViewNodeProcessingModeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTreeView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeView>>;
+    /**
+     * Returns a node specified by its index within the ASPxTreeView's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the number of nodes at the ASPxTreeView's zero level.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the selected node within the ASPxTreeView control on the client side.
+     */
+    GetSelectedNode(): ASPxClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+    /**
+     * Gets the root node of the ASPxTreeView object.
+     */
+    GetRootNode(): ASPxClientTreeViewNode;
+    /**
+     * Collapses all nodes in the ASPxTreeView on the client side.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all nodes in the ASPxTreeView on the client side.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView's TreeViewNode object.
+ */
+interface ASPxClientTreeViewNode {
+    /**
+     * Gets the client representation of the ASPxTreeView control to which the current node belongs.
+     * Value: An ASPxClientTreeView object representing the control to which the node belongs.
+     */
+    treeView: ASPxClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: An ASPxClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: ASPxClientTreeViewNode;
+    /**
+     * Gets the node's index within the parent's collection of nodes.
+     * Value: An integer value representing the node's zero-based index within the Nodes collection of the node to which the node belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the node.
+     * Value: A string value that represents the value assigned to the node's Name property.
+     */
+    name: string;
+    /**
+     * Returns the number of the current node's immediate child nodes.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a value indicating whether the node is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets a value which specifies the node's expansion state.
+     * @param value true if the node is expanded; otherwise, false.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value indicating whether the node is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value indicating whether the node is checked.
+     * @param value true if the node is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value which specifies the node's check state.
+     */
+    GetCheckState(): string;
+    /**
+     * Returns a value specifying whether the node is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the node is enabled.
+     * @param value true to make the node enabled; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value A string value specifying the URL to the image displayed within the node.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the node's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the node's navigate URL.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the node is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Gets the text, displayed within the node.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text, displayed within the node.
+     * @param value A string value that represents the text displayed within the node.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a node is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the node is visible.
+     * @param value true if the node is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Gets the HTML object that contains the current node.
+     */
+    GetHtmlElement(): Object;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the ASPxClientTreeView control that raised the event.
+     * @param e An ASPxClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events concerned with node processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxClientTreeView.ItemClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source The ASPxClientTreeView control which fires the event.
+     * @param e An ASPxClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventArgs extends ASPxClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets the HTML object that contains the processed node.
+     * Value: An object representing a container for the node related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ASPxTreeView control's client events concerning manipulations with a node.
+ */
+interface ASPxClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView control's client events, concerning manipulations with a node.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView control object that raised the event.
+     * @param e An ASPxClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface ASPxClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+ */
+interface ASPxClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView object that raised the event.
+     * @param e An ASPxClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface ASPxClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the ASPxUploadControl control.
+ */
+interface ASPxClientUploadControl extends ASPxClientControl {
+    /**
+     * Occurs on the client after a file has been uploaded.
+     */
+    FileUploadComplete: ASPxClientEvent<ASPxClientUploadControlFileUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client after upload of all selected files has been completed.
+     */
+    FilesUploadComplete: ASPxClientEvent<ASPxClientUploadControlFilesUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before upload of the specified files starts.
+     */
+    FileUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before file upload is started.
+     */
+    FilesUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires on the client side when the text within the control's edit box is changed while the control has focus.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientUploadControlTextChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the progress bar indicator position is changed.
+     */
+    UploadingProgressChanged: ASPxClientEvent<ASPxClientUploadControlUploadingProgressChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the file input elements count is changed.
+     */
+    FileInputCountChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    ValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse enters a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneEnter: ASPxClientEvent<ASPxClientUploadControlDropZoneEnterEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse leaves a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneLeave: ASPxClientEvent<ASPxClientUploadControlDropZoneLeaveEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Specifies whether the upload control's Advanced mode is enabled.
+     */
+    IsAdvancedModeEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file to the web server's memory.
+     */
+    UploadFile(): void;
+    /**
+     * Adds a new file input element to the ASPxUploadControl.
+     */
+    AddFileInput(): void;
+    /**
+     * Removes a file input element from the ASPxUploadControl.
+     * @param index An integer value that represents a file input element's index.
+     */
+    RemoveFileInput(index: number): void;
+    /**
+     * Removes a file with the specified index from the selected file list.
+     * @param fileIndex An integer value that is the zero-based index of an item in the file list.
+     */
+    RemoveFileFromSelection(fileIndex: number): void;
+    /**
+     * Removes the specified file from the list of files selected for uploading in the upload control.
+     * @param file An ASPxClientUploadControl object that is the file to be removed from the list of files.
+     */
+    RemoveFileFromSelection(file: ASPxClientUploadControlFile): void;
+    /**
+     * Returns files selected for uploading within the specified file input.
+     * @param inputIndex An integer value that specifies the index of a file input. Default value is "0".
+     */
+    GetSelectedFiles(inputIndex: number): ASPxClientUploadControlFile[];
+    /**
+     * Gets the text displayed within the edit box of the specified file input element.
+     * @param index An integer value that specifies the required file input element's index.
+     */
+    GetText(index: number): string;
+    /**
+     * Gets the number of file input elements contained within the ASPxUploadControl.
+     */
+    GetFileInputCount(): number;
+    /**
+     * Specifies the count of the file input elements within the upload control.
+     * @param count An integer value that specifies the file input elements count.
+     */
+    SetFileInputCount(count: number): void;
+    /**
+     * Specifies whether the upload control is enabled.
+     * @param enabled true, to enable the upload control; otherwise, false.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the upload control is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file(s) to the web server's memory.
+     */
+    Upload(): void;
+    /**
+     * Cancels the initiated file uploading process.
+     */
+    Cancel(): void;
+    /**
+     * Clears the file selection in the upload control.
+     */
+    ClearText(): void;
+    /**
+     * Sets the text to be displayed within the add button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetAddButtonText(text: string): void;
+    /**
+     * Sets the text to be displayed within the upload button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetUploadButtonText(text: string): void;
+    /**
+     * Returns the text displayed within the add button.
+     */
+    GetAddButtonText(): string;
+    /**
+     * Returns the text displayed within the upload button.
+     */
+    GetUploadButtonText(): string;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs), a click on which invokes file upload dialog.
+     * @param ids A string value specifying the ID or a list of IDs separated by the semicolon (;).
+     */
+    SetDialogTriggerID(ids: string): void;
+}
+/**
+ * A method that will handle the client FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploadStart event.
+     * @param source The event source. Identifies the ASPxUploadControl control that raised the event.
+     * @param e A ASPxClientUploadControlFilesUploadStartEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadStartEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that handles the FileUploadComplete client event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlFileUploadCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFileUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FileUploadComplete event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+    /**
+     * Gets or sets a value indicating whether the uploaded file passes validation.
+     * Value: true if the file is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the error text to be displayed within the ASPxUploadControl's error frame.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value representing callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the FilesUploadComplete client event.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client FilesUploadComplete event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e A  object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadComplete client event, which enables you to perform specific actions after all selected files have been uploaded.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error text to be displayed within the upload control's error frame.
+     * Value: A string value that is the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value that is the callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the TextChanged client event.
+ */
+interface ASPxClientUploadControlTextChangedEventHandler<S> {
+    /**
+     * A method that will handle the TextChanged client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlTextChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlTextChangedEventArgs): void;
+}
+/**
+ * Provides data for the TextChanged client event that allows you to respond to an end-user changing an edit box's text.
+ */
+interface ASPxClientUploadControlTextChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+}
+/**
+ * A method that will handle the ASPxUploadControl's client event, concerned with changes in upload progress.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventHandler<S> {
+    /**
+     * A method that will handle the ASPxUploadControl's client event concerning the uploading process being changed.
+     * @param source An object representing the event's source. Identifies the ASPxUploadControl object that raised the event.
+     * @param e An ASPxClientUploadControlUploadingProgressChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlUploadingProgressChangedEventArgs): void;
+}
+/**
+ * Provides data for the UploadingProgressChanged event.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the number of the files selected for upload.
+     * Value: An integer value that represents the total number of selected files.
+     */
+    fileCount: number;
+    /**
+     * Gets the name of the file being currently uploaded.
+     * Value: A string value that represents the file name.
+     */
+    currentFileName: string;
+    /**
+     * Gets the content length of the currently uploaded file.
+     * Value: An integer value specifying the content length.
+     */
+    currentFileContentLength: number;
+    /**
+     * Gets the content length of the current file already uploaded to the server.
+     * Value: An integer value that is the content length.
+     */
+    currentFileUploadedContentLength: number;
+    /**
+     * Gets the position of the current file upload progress.
+     * Value: An <see cref="Int32" /> value specifying the upload progress position.
+     */
+    currentFileProgress: number;
+    /**
+     * Gets the content length of the files selected for upload.
+     * Value: An integer value specifying the total content length of the selected files.
+     */
+    totalContentLength: number;
+    /**
+     * Gets the content length of the files already uploaded to the server.
+     * Value: An integer value that represents the content length.
+     */
+    uploadedContentLength: number;
+    /**
+     * Gets the current position of total upload progress.
+     * Value: An <see cref="Int32" /> value specifying the total upload progress position.
+     */
+    progress: number;
+}
+/**
+ * A method that will handle the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventHandler<S> {
+    /**
+     * A method that will handle the ValidationErrorOccurred event.
+     * @param source The event source.
+     * @param e An ASPxClientUploadControlValidationErrorOccurredEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlValidationErrorOccurredEventArgs): void;
+}
+/**
+ * Provides data for the ValidationErrorOccurred event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error text.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the ValidationErrorOccurred event fires.
+     * Value: true, to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets the validation settings for the selected files.
+     * Value: An ASPxClientUploadControlValidationSettings object that provides validation settings.
+     */
+    validationSettings: ASPxClientUploadControlValidationSettings;
+    /**
+     * Returns an array of invalid files.
+     * Value: An array of the ASPxClientUploadControlInvalidFileInfo objects.
+     */
+    invalidFiles: ASPxClientUploadControlInvalidFileInfo[];
+}
+/**
+ * Contains settings that relate to the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationSettings {
+    /**
+     * Gets the maximum file size.
+     * Value: An <see cref="Int64" /> value that specifies the maximum file size, in bytes.
+     */
+    maxFileSize: any;
+    /**
+     * Gets the maximum count of files that can be selected for uploading at once.
+     * Value: An integer value that specifies the maximum count of files.
+     */
+    maxFileCount: number;
+    /**
+     * Gets the allowed file extensions.
+     * Value: An array of string values that contains file extensions that are allowed.
+     */
+    allowedFileExtensions: string[];
+    /**
+     * Gets which characters in a file name are not allowed.
+     * Value: An array of string values that contains characters that are not allowed.
+     */
+    invalidFileNameCharacters: string[];
+}
+/**
+ * Contains settings of the file that hasn't passed validation.
+ */
+interface ASPxClientUploadControlInvalidFileInfo {
+    /**
+     * Gets the name of the invalid file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets the size of the invalid file.
+     * Value: An integer value that specifies the file size.
+     */
+    fileSize: number;
+    /**
+     * Gets the error type.
+     * Value: An ASPxClientUploadControlValidationErrorTypeConsts object that provides possible types of errors.
+     */
+    errorType: ASPxClientUploadControlValidationErrorTypeConsts;
+}
+/**
+ * Declares client constants containing codes of validation errors that can occur while selecting files for uploading.
+ */
+interface ASPxClientUploadControlValidationErrorTypeConsts {
+}
+/**
+ * Represents a client file that corresponds to a particular file selected for uploading in the upload control.
+ */
+interface ASPxClientUploadControlFile {
+    /**
+     * Gets the name of the file selected for uploading.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the size of the file selected for uploading.
+     * Value: An Int64 value specifying the file's size, in bytes.
+     */
+    size: any;
+    /**
+     * Provides access to the file as a native Javascript object.
+     * Value: A JavaScript object that is the file selected for uploading.
+     */
+    sourceFileObject: any;
+}
+/**
+ * A method that will handle the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneEnter event.
+     * @param source The event source. This parameter identifies the upload control object which raised the event.
+     * @param e An ASPxClientUploadControlDropZoneEnterEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneEnterEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * A method that will handle the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneLeave event.
+     * @param source The event source. Identifies the upload control object that raised the event.
+     * @param e A ASPxClientUploadControlDropZoneLeaveEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneLeaveEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * The JavaScript equivalent of the ASPxChartDesigner class.
+ */
+interface ASPxClientChartDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientChartDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientChartDesignerSaveCommandExecuteEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Client Chart Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientChartDesignerCustomizeMenuActionsEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientChartDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the model of the Client Chart Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * For internal use.
+     */
+    GetJsonChartModel(): string;
+}
+/**
+ * A method that will handle the SaveCommandExecute  event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * Represents a method that will handle the SaveCommandExecute event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e A ASPxClientChartDesignerSaveCommandExecuteEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for a chart control's SaveCommandExecute event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value specifying whether an event has been handled.
+     * Value: true, if the event hasn't been handled by a control; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * Represents a method that will handle the CustomizeMenuActions events.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * Represents a method that will handle the CustomizeMenuActions event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e An ASPxClientChartDesignerCustomizeMenuActionsEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * An action of the Client Chart Designer's menu.
+ */
+interface ASPxClientChartDesignerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when the Client Chart Designer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for a chart control's CustomizeMenuActions event on the client side.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of the Client Chart Designer's menu actions.
+     * Value: An array of the ASPxClientChartDesignerMenuAction objects.
+     */
+    actions: ASPxClientChartDesignerMenuAction[];
+}
+/**
+ * A class which provides access to the entire hierarchy of chart elements on the client side.
+ */
+interface ASPxClientWebChartControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientWebChartControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is hot-tracked.
+     */
+    ObjectHotTracked: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs before crosshair items are drawn when the chart's contents are being drawn.
+     */
+    CustomDrawCrosshair: ASPxClientEvent<ASPxClientWebChartControlCustomDrawCrosshairEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is selected.
+     */
+    ObjectSelected: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Returns an ASPxClientWebChart object, which contains information about the hierarchy of a chart control, and provides access to the main properties of chart elements  on the client side.
+     */
+    GetChart(): ASPxClientWebChart;
+    /**
+     * Returns the printing options of the chart control.
+     */
+    GetPrintOptions(): ASPxClientChartPrintOptions;
+    /**
+     * Changes the mouse pointer, which is shown when the mouse is over the chart control, to the pointer with the specified name.
+     * @param cursor A string value representing the name of the desired cursor.
+     */
+    SetCursor(cursor: string): void;
+    /**
+     * Returns the specific chart element which is located under the test point.
+     * @param x An integer value that specifies the x coordinate of the test point.
+     * @param y An integer value that specifies the y coordinate of the test point.
+     */
+    HitTest(x: number, y: number): ASPxClientHitObject[];
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Prints the current chart on the client side.
+     */
+    Print(): void;
+    /**
+     * Loads a chart which should be customized from its object model.
+     * @param serializedChartObjectModel A String object representing the chart model.
+     */
+    LoadFromObjectModel(serializedChartObjectModel: string): void;
+    /**
+     * Exports a chart to the file of the specified format, and saves it to the disk.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Exports a chart to a file in the specified format, and saves it to disk, using the specified file name.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     * @param filename A string value specifying the file name, to which a chart should be exported. If this parameter is missing or set to an empty string, then the created file will be named using the client-side name of a chart.
+     */
+    SaveToDisk(format: string, filename: string): void;
+    /**
+     * Exports a report to the file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string  value specifying a format in which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Gets the main DOM (Document Object Model) element on a Web Page representing this ASPxClientWebChartControl object.
+     */
+    GetMainDOMElement(): Object;
+}
+/**
+ * A method that will handle the CustomDrawCrosshair  event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventHandler<S> {
+    /**
+     * A method that will handle the CustomDrawCrosshair event.
+     * @param source The event source. This parameter identifies the chartControl which raised the event.
+     * @param e An ASPxClientWebChartControlCustomDrawCrosshairEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlCustomDrawCrosshairEventArgs): void;
+}
+/**
+ * Provides data for a chart control's CustomDrawCrosshair event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Returns crosshair elements settings to custom draw a crosshair cursor.
+     * Value: An array of ASPxClientCrosshairElement objects.
+     */
+    crosshairElements: ASPxClientCrosshairElement[];
+    /**
+     * Returns the crosshair axis label elements to customize their appearance.
+     * Value: An array of ASPxClientCrosshairAxisLabelElement objects.
+     */
+    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement[];
+    /**
+     * Gets crosshair line element settings that are used to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object that contains crosshair line element settings.
+     */
+    cursorCrosshairLineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Returns the crosshair group header elements to customize their appearance.
+     * Value: An array of ASPxClientCrosshairGroupHeaderElement objects.
+     */
+    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement[];
+    /**
+     * Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
+     * Value: An array of ASPxClientCrosshairElementGroup objects.
+     */
+    crosshairElementGroups: ASPxClientCrosshairElementGroup[];
+    /**
+     * Returns the crosshair legend elements to custom draw the Crosshair.
+     * Value: An array of the ASPxClientCrosshairLegendElement objects.
+     */
+    crosshairLegendElements: ASPxClientCrosshairLegendElement[];
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElement class.
+ */
+interface ASPxClientCrosshairElement {
+    /**
+     * Gets a series that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Gets the series point that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeriesPoint object, representing the series point that a crosshair element hovers over.
+     */
+    Point: ASPxClientSeriesPoint;
+    /**
+     * Gets or sets the crosshair line element to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object, representing the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element.
+     * Value: An ASPxClientCrosshairAxisLabelElement object, representing the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets the crosshair label element.
+     * Value: An ASPxClientCrosshairSeriesLabelElement object, representing the crosshair label element.
+     */
+    LabelElement: ASPxClientCrosshairSeriesLabelElement;
+    /**
+     * Specifies whether the crosshair element is visible when implementing custom drawing in the crosshair cursor.
+     * Value: true, if the crosshair element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairLineElement class.
+ */
+interface ASPxClientCrosshairLineElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairAxisLabelElement class.
+ */
+interface ASPxClientCrosshairAxisLabelElement {
+}
+/**
+ * The client-side equivalent of the CrosshairGroupHeaderElement class.
+ */
+interface ASPxClientCrosshairGroupHeaderElement {
+}
+/**
+ * The client-side equivalent of the CrosshairLabelElement class.
+ */
+interface ASPxClientCrosshairSeriesLabelElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElementGroup class.
+ */
+interface ASPxClientCrosshairElementGroup {
+}
+/**
+ * The client-side equivalent of the CrosshairLegendElement class.
+ */
+interface ASPxClientCrosshairLegendElement {
+    /**
+     * Returns a series that the Crosshair Cursor highlights.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Returns a series point that the Crosshair Cursor highlights.
+     * Value: An ASPxClientSeriesPoint object, representing the series point that the Crosshair hovers over.
+     */
+    Point: ASPxClientSeriesPoint;
+    /**
+     * Returns the Crosshair Cursor's line element to custom draw the crosshair.
+     * Value: An ASPxClientCrosshairLineElement object, representing the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element to custom draw the crosshair.
+     * Value: An ASPxClientCrosshairAxisLabelElement object, representing the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Returns the value specifying whether the crosshair legend element is visible when custom drawing the crosshair cursor.
+     * Value: true, if the crosshair legend element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a method that will handle the ObjectSelected events.
+ */
+interface ASPxClientWebChartControlHotTrackEventHandler<S> {
+    /**
+     * Represents a method that will handle the ObjectSelected events.
+     * @param source The event source. This parameter identifies the ASPxClientWebChartControl which raised the event.
+     * @param e An ASPxClientWebChartControlHotTrackEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlHotTrackEventArgs): void;
+}
+/**
+ * Provides data for a chart control's ObjectSelected events on the client side.
+ */
+interface ASPxClientWebChartControlHotTrackEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Provides access on the client side to the chart element, for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, which represents the chart element for which the event was raised.
+     */
+    hitObject: ASPxClientWebChartElement;
+    /**
+     * Provides access on the client side to the object, which is in some way related to the object being hit. The returned value depends on the hitObject type and hit point location.
+     * Value: An ASPxClientWebChartElement object representing an additional object that relates to the one being hit.
+     */
+    additionalHitObject: ASPxClientWebChartElement;
+    /**
+     * Gets details on the chart elements located at the point where an end-user has clicked when hot-tracking or selecting a chart element on the client side.
+     * Value: An ASPxClientWebChartHitInfo object, which contains information about the chart elements located at the point where an end-user has clicked.
+     */
+    hitInfo: ASPxClientWebChartHitInfo;
+    /**
+     * Provides access on the client side to the chart and all its elements.
+     * Value: An ASPxClientWebChart object, which provides access to chart properties.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    absoluteX: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    absoluteY: number;
+    /**
+     * Gets a value indicating whether the hot-tracking or object selection should be canceled.
+     * Value: true to cancel the hot-tracking or selection of an object; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object under the hit test point within a chart control, on the client side.
+ */
+interface ASPxClientHitObject {
+    /**
+     * Gets the chart element for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, representing the chart element for which the event was raised.
+     */
+    Object: ASPxClientWebChartElement;
+    /**
+     * Provides access to an object, which is in some way related to the object being hit. The returned value depends on the Object type and hit point location.
+     * Value: An ASPxClientWebChartElement object that represents an additional object related to the one being hit.
+     */
+    AdditionalObject: ASPxClientWebChartElement;
+}
+/**
+ * Contains information about a specific test point within a chart control, on the client side.
+ */
+interface ASPxClientWebChartHitInfo {
+    /**
+     * Gets a value indicating whether the test point is within the chart.
+     * Value: true if the test point is within a chart; otherwise, false.
+     */
+    inChart: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the chart title.
+     * Value: true if the test point is within a chart title; otherwise, false.
+     */
+    inChartTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis.
+     * Value: true if the test point is within an axis; otherwise, false.
+     */
+    inAxis: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis label item.
+     * Value: true if the test point is within an axis label item; otherwise, false.
+     */
+    inAxisLabelItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis title.
+     * Value: true if the test point is within an axis title; otherwise, false.
+     */
+    inAxisTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the constant line.
+     * Value: true if the test point is within a constant line; otherwise, false.
+     */
+    inConstantLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the diagram.
+     * Value: true if the test point is within a diagram; otherwise, false.
+     */
+    inDiagram: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the non-default pane.
+     * Value: true if the test point is within a non-default pane; otherwise, false.
+     */
+    inNonDefaultPane: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the legend.
+     * Value: true if the test point is within a legend; otherwise, false.
+     */
+    inLegend: boolean;
+    /**
+     * Gets the value indicating whether or not the test point is within a custom legend item.
+     * Value: true if the test point is within a custom legend item; otherwise, false.
+     */
+    inCustomLegendItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series.
+     * Value: true if the test point is within a series; otherwise, false.
+     */
+    inSeries: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series label.
+     * Value: true if the test point is within a series label; otherwise, false.
+     */
+    inSeriesLabel: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series point.
+     * Value: true if the test point is within a series point; otherwise, false.
+     */
+    inSeriesPoint: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series title.
+     * Value: true if the test point is within a series title; otherwise, false.
+     */
+    inSeriesTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the trendline.
+     * Value: true if the test point is within a trendline; otherwise, false.
+     */
+    inTrendLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the Fibonacci Indicator.
+     * Value: true if the test point is within a Fibonacci Indicator; otherwise, false.
+     */
+    inFibonacciIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the regression line.
+     * Value: true if the test point is within a regression line; otherwise, false.
+     */
+    inRegressionLine: boolean;
+    /**
+     * Gets a value specifying whether the test point is within an indicator.
+     * Value: true if the test point is within an indicator; otherwise, false.
+     */
+    inIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within an annotation.
+     * Value: true if the test point is within an annotation; otherwise, false.
+     */
+    inAnnotation: boolean;
+    /**
+     * Gets a value indicating whether the test point is within a hyperlink.
+     * Value: true, if the test point is within a hyperlink; otherwise, false.
+     */
+    inHyperlink: boolean;
+    /**
+     * Gets the client-side chart instance from under the test point.
+     * Value: An ASPxClientWebChart object.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the client-side chart title instance from under the test point.
+     * Value: An ASPxClientChartTitle object.
+     */
+    chartTitle: ASPxClientChartTitle;
+    /**
+     * Gets the client-side axis instance from under the test point.
+     * Value: An ASPxClientAxisBase descendant.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the client-side constant line instance from under the test point.
+     * Value: An ASPxClientConstantLine object.
+     */
+    constantLine: ASPxClientConstantLine;
+    /**
+     * Gets the client-side diagram instance from under the test point.
+     * Value: An ASPxClientXYDiagramBase descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Gets the client-side non-default pane instance from under the test point.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    nonDefaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the client-side legend instance from under the test point.
+     * Value: An ASPxClientLegend object.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Gets a custom legend item which is located under the test point.
+     * Value: An ASPxClientCustomLegendItem object which represents the item located under the test point.
+     */
+    customLegendItem: ASPxClientCustomLegendItem;
+    /**
+     * Gets the client-side series instance from under the test point.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the client-side series label instance from under the test point.
+     * Value: An ASPxClientSeriesLabel object.
+     */
+    seriesLabel: ASPxClientSeriesLabel;
+    /**
+     * Gets the client-side series title instance from under the test point.
+     * Value: An ASPxClientSeriesTitle object.
+     */
+    seriesTitle: ASPxClientSeriesTitle;
+    /**
+     * Gets the client-side trendline instance from under the test point.
+     * Value: An ASPxClientTrendLine object.
+     */
+    trendLine: ASPxClientTrendLine;
+    /**
+     * Gets the client-side Fibonacci indicator instance from under the test point.
+     * Value: An ASPxClientFibonacciIndicator object.
+     */
+    fibonacciIndicator: ASPxClientFibonacciIndicator;
+    /**
+     * Gets the client-side regression line instance from under the test point.
+     * Value: An ASPxClientRegressionLine object.
+     */
+    regressionLine: ASPxClientRegressionLine;
+    /**
+     * Gets the client-side indicator instance from under the test point.
+     * Value: An ASPxClientIndicator descendant.
+     */
+    indicator: ASPxClientIndicator;
+    /**
+     * Gets the client-side annotation instance from under the test point.
+     * Value: An ASPxClientAnnotation object.
+     */
+    annotation: ASPxClientAnnotation;
+    /**
+     * Gets the client-side series point instance from under the test point.
+     * Value: An ASPxClientSeriesPoint object.
+     */
+    seriesPoint: ASPxClientSeriesPoint;
+    /**
+     * Gets the client-side axis label item instance from under the test point.
+     * Value: An ASPxClientAxisLabelItem object.
+     */
+    axisLabelItem: ASPxClientAxisLabelItem;
+    /**
+     * Gets the client-side axis title instance from under the test point.
+     * Value: An ASPxClientAxisTitle object.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Returns a hyperlink which is located under the test point.
+     * Value: A String object representing a hyperlink.
+     */
+    hyperlink: string;
+}
+/**
+ * Represents the client-side equivalent of the DiagramCoordinates class.
+ */
+interface ASPxClientDiagramCoordinates {
+    /**
+     * Gets the type of the argument scale.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets the type of the value scale.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the argument of the data point as a text string.
+     * Value: A string object, representing a data point's argument.
+     */
+    qualitativeArgument: string;
+    /**
+     * Gets the numerical representation of the data point's argument.
+     * Value: A Double value, representing the data point's argument.
+     */
+    numericalArgument: number;
+    /**
+     * Gets the date-time representation of the data point's argument.
+     * Value: A date object, representing the point's argument.
+     */
+    dateTimeArgument: Date;
+    /**
+     * Gets the numerical representation of the data point's value.
+     * Value: A Double value, representing the data point's value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the date-time representation of the data point's value.
+     * Value: A date object, representing the point's value.
+     */
+    dateTimeValue: Date;
+    /**
+     * Gets the X-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of arguments (X-axis).
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of values (Y-axis).
+     */
+    axisY: ASPxClientAxisBase;
+    /**
+     * Gets the pane of the diagram point.
+     * Value: An ASPxClientXYDiagramPane descendant, representing the pane.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Checks whether the current object represents a point outside the diagram area.
+     */
+    IsEmpty(): boolean;
+    /**
+     * Gets the value of the client-side axis instance.
+     * @param axis An ASPxClientAxisBase class descendant, representing the axis that contains the requested value.
+     */
+    GetAxisValue(axis: ASPxClientAxisBase): ASPxClientAxisValue;
+}
+/**
+ * Contains the information about an axis value.
+ */
+interface ASPxClientAxisValue {
+    /**
+     * Gets the axis scale type.
+     * Value: A String value, specifying the axis scale type.
+     */
+    scaleType: string;
+    /**
+     * Gets the axis value, if the axis scale type is qualitative.
+     * Value: A String value, specifying the axis value.
+     */
+    qualitativeValue: string;
+    /**
+     * Gets the axis value, if the axis scale type is numerical.
+     * Value: A Double value, specifying the axis value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the axis value, if the axis scale type is date-time.
+     * Value: A DateTime value, specifying the axis value.
+     */
+    dateTimeValue: Date;
+}
+/**
+ * Represents the client-side equivalent of the ControlCoordinates class.
+ */
+interface ASPxClientControlCoordinates {
+    /**
+     * Gets the point's pane.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the point's X-coordinate, in pixels.
+     * Value: An integer value, specifying the X-coordinate (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the point's Y-coordinate, in pixels.
+     * Value: An integer value, specifying the Y-coordinate (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the point's visibility state.
+     * Value: "Visible", "Hidden", or "Undefined".
+     */
+    visibility: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartElement class.
+ */
+interface ASPxClientWebChartElement {
+    /**
+     * Gets the chart that owns the current chart element.
+     * Value: An ASPxClientWebChart object, to which the chart element belongs.
+     */
+    chart: ASPxClientWebChart;
+}
+/**
+ * Represents a base class for chart elements, which are not necessarily required to be present on the client side.
+ */
+interface ASPxClientWebChartEmptyElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents a base class for chart elements, which are required to be present on the client side.
+ */
+interface ASPxClientWebChartRequiredElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents the client-side equivalent of the ChartElementNamed class.
+ */
+interface ASPxClientWebChartElementNamed extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the name of the chart element.
+     * Value: A string object representing the name of the chart element.
+     */
+    name: string;
+}
+/**
+ * Represents the client-side equivalent of the WebChartControl control.
+ */
+interface ASPxClientWebChart extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the client-side Chart Control that owns the current chart.
+     * Value: An ASPxClientWebChartControl object, to which the chart belongs.
+     */
+    chartControl: ASPxClientWebChartControl;
+    /**
+     * Gets the chart's diagram and provides access to its settings.
+     * Value: An ASPxClientRadarDiagram),  that represents the chart's diagram.
+     */
+    diagram: ASPxClientWebChartElement;
+    /**
+     * Provides access to the chart's collection of series.
+     * Value: An array of ASPxClientSeries objects that represent the collection of series.
+     */
+    series: ASPxClientSeries[];
+    /**
+     * Provides access to the collection of chart titles.
+     * Value: An array of ASPxClientChartTitle objects, that represent the collection of chart titles.
+     */
+    titles: ASPxClientChartTitle[];
+    /**
+     * Provides access to the chart's collection of annotations.
+     * Value: An array of ASPxClientAnnotation objects, representing the collection of annotations.
+     */
+    annotations: ASPxClientAnnotation[];
+    /**
+     * Gets the chart's legend and provides access to its settings.
+     * Value: An ASPxClientLegend object that represents the chart's legend.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Returns the collection of legends.
+     * Value: An array of ASPxClientLegend objects.
+     */
+    legends: ASPxClientLegend[];
+    /**
+     * Gets the name of the appearance, which is currently used to draw the chart's elements.
+     * Value: A string value that represents the appearance name.
+     */
+    appearanceName: string;
+    /**
+     * Gets the name of the palette currently used to draw the chart's series.
+     * Value: A string value that represents the palette name.
+     */
+    paletteName: string;
+    /**
+     * Gets a value indicating whether series tooltips should be shown.
+     * Value: true to show tooltips for series; otherwise, false.
+     */
+    showSeriesToolTip: boolean;
+    /**
+     * Gets a value indicating whether point tooltips should be shown.
+     * Value: true to show tooltips for series points; otherwise, false.
+     */
+    showPointToolTip: boolean;
+    /**
+     * Gets a value indicating whether a crosshair cursor should be shown.
+     * Value: true to show a crosshair cursor; otherwise, false.
+     */
+    showCrosshair: boolean;
+    /**
+     * Gets a value that contains information on how the tooltip position is defined, for example, relative to a mouse pointer or chart element.
+     * Value: An ASPxClientToolTipPosition class descendant that defines the tooltip position type.
+     */
+    toolTipPosition: ASPxClientToolTipPosition;
+    /**
+     * Returns the tooltip controller that shows tooltips for chart elements.
+     * Value: An ASPxClientToolTipController object.
+     */
+    toolTipController: ASPxClientToolTipController;
+    /**
+     * Gets the settings for a crosshair cursor concerning its position and appearance on a diagram.
+     * Value: An ASPxClientCrosshairOptions object descendant which provides access to crosshair cursor options on a diagram.
+     */
+    crosshairOptions: ASPxClientCrosshairOptions;
+    /**
+     * Gets a css postfix for a chart.
+     * Value: A string value.
+     */
+    cssPostfix: string;
+    /**
+     * Gets or sets a value which specifies how the chart elements are selected.
+     * Value: A String object representing the name of the selection mode.
+     */
+    selectionMode: string;
+}
+/**
+ * Represents the client-side equivalent of the SimpleDiagram class.
+ */
+interface ASPxClientSimpleDiagram extends ASPxClientWebChartEmptyElement {
+}
+/**
+ * Represents the base class for all diagram classes, which have X and Y axes.
+ */
+interface ASPxClientXYDiagramBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the X-axis.
+     * Value: An ASPxClientAxisBase object which represents the X-axis.
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis.
+     * Value: An ASPxClientAxisBase object which represents the Y-axis.
+     */
+    axisY: ASPxClientAxisBase;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram2D class.
+ */
+interface ASPxClientXYDiagram2D extends ASPxClientXYDiagramBase {
+    /**
+     * Provides access to a collection of secondary X-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesX: ASPxClientAxis[];
+    /**
+     * Provides access to a collection of secondary Y-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesY: ASPxClientAxis[];
+    /**
+     * Provides access to a default pane object.
+     * Value: An ASPxClientXYDiagramPane object which represents the default pane of a chart.
+     */
+    defaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Provides access to an array of a diagram's panes.
+     * Value: An array of ASPxClientXYDiagramPane objects.
+     */
+    panes: ASPxClientXYDiagramPane[];
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     * @param axisX An ASPxClientAxis2D descendant, representing the X-axis.
+     * @param axisY An ASPxClientAxis2D descendant, representing the Y-axis.
+     * @param pane An ASPxClientXYDiagramPane object, representing the pane.
+     */
+    DiagramToPoint(argument: Object, value: Object, axisX: ASPxClientAxis2D, axisY: ASPxClientAxis2D, pane: ASPxClientXYDiagramPane): ASPxClientControlCoordinates;
+    /**
+     * Shows the Crosshair Cursor at the point with the specified coordinates.
+     * @param screenX The horizontal coordinate that is related to the top-left angle of the chart.
+     * @param screenY The vertical coordinate that is related to the top-left angle of the chart.
+     */
+    ShowCrosshair(screenX: number, screenY: number): void;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram class.
+ */
+interface ASPxClientXYDiagram extends ASPxClientXYDiagram2D {
+    /**
+     * Gets a value indicating whether the diagram is rotated.
+     * Value: true if the diagram is rotated; otherwise, false.
+     */
+    rotated: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagram class.
+ */
+interface ASPxClientSwiftPlotDiagram extends ASPxClientXYDiagram2D {
+}
+/**
+ * Represents the client-side equivalent of the XYDiagramPane class.
+ */
+interface ASPxClientXYDiagramPane extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the diagram that owns the current pane object.
+     * Value: An ASPxClientXYDiagram object, to which the pane belongs.
+     */
+    diagram: ASPxClientXYDiagram;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram3D class.
+ */
+interface ASPxClientXYDiagram3D extends ASPxClientXYDiagramBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarDiagram class.
+ */
+interface ASPxClientRadarDiagram extends ASPxClientXYDiagramBase {
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     */
+    DiagramToPoint(argument: Object, value: Object): ASPxClientControlCoordinates;
+}
+/**
+ * Represents the client-side equivalent of the AxisBase class.
+ */
+interface ASPxClientAxisBase extends ASPxClientWebChartElementNamed {
+    /**
+     * Provides access to the XY-diagram which contains the current axis.
+     * Value: An ASPxClientXYDiagramBase class descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Provides acess to the range of the axis coordinates.
+     * Value: An ASPxClientAxisRange object, which contains the common range settings of the axis coordinates.
+     */
+    range: ASPxClientAxisRange;
+}
+/**
+ * Represents the client-side equivalent of the Axis2D class.
+ */
+interface ASPxClientAxis2D extends ASPxClientAxisBase {
+    /**
+     * Provides access to an axis title object.
+     * Value: An ASPxClientAxisTitle object which represents the axis title.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Provides access to the axis strips collection.
+     * Value: An array of ASPxClientStrip objects.
+     */
+    strips: ASPxClientStrip[];
+    /**
+     * Provides access to the collection of the axis constant lines.
+     * Value: An array of ASPxClientConstantLine objects which represent constant lines that belong to this axis.
+     */
+    constantLines: ASPxClientConstantLine[];
+}
+/**
+ * Represents the client-side equivalent of the Axis class.
+ */
+interface ASPxClientAxis extends ASPxClientAxis2D {
+    /**
+     * Gets a value indicating whether the axis is reversed.
+     * Value: true if the axis is reversed; otherwise, false.
+     */
+    reverse: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagramAxis class.
+ */
+interface ASPxClientSwiftPlotDiagramAxis extends ASPxClientAxis2D {
+}
+/**
+ * Represents the client-side equivalent of the Axis3D class.
+ */
+interface ASPxClientAxis3D extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarAxis class.
+ */
+interface ASPxClientRadarAxis extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the AxisTitle class.
+ */
+interface ASPxClientAxisTitle extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which the axis title belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of the axis title.
+     * Value: A string object which contains the axis title's text.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the AxisLabelItem class.
+ */
+interface ASPxClientAxisLabelItem extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which an axis label item belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of an axis label item.
+     * Value: A string object which contains the axis label item's text.
+     */
+    text: string;
+    /**
+     * Gets the axis value to which an axis label item corresponds.
+     * Value: An object that specifies the axis value.
+     */
+    axisValue: Object;
+    /**
+     * Gets the internal representation of the axis value to which an axis label item corresponds.
+     * Value: A Double value which specifies the internal representation of the axis value.
+     */
+    axisValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the AxisRange class.
+ */
+interface ASPxClientAxisRange extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis that owns the current axis range object.
+     * Value: An ASPxClientAxisBase object, to which the axis range belongs.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the minimum value to display on an axis.
+     * Value: An object representing the minimum value of the axis range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value to display on an axis.
+     * Value: An object representing the maximum value of the axis range.
+     */
+    maxValue: Object;
+    /**
+     * Gets the internal float representation of the range minimum value.
+     * Value: A Double value which specifies the internal representation of the range minimum value.
+     */
+    minValueInternal: number;
+    /**
+     * Gets the internal float representation of the range maximum value.
+     * Value: A Double value which specifies the internal representation of the range maximum value.
+     */
+    maxValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the Strip class.
+ */
+interface ASPxClientStrip extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current strip object.
+     * Value: An ASPxClientAxis object, to which the strip belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the minimum value of the strip's range.
+     * Value: An object that represents the minimum value of the strip's range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value of the strip's range.
+     * Value: An object that represents the maximum value of the strip's range.
+     */
+    maxValue: Object;
+}
+/**
+ * Represents the client-side equivalent of the ConstantLine class.
+ */
+interface ASPxClientConstantLine extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current constant line object.
+     * Value: An ASPxClientAxis object, to which the constant line belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the constant line's position along the axis.
+     * Value: An object that specifies the constant line's position.
+     */
+    value: Object;
+    /**
+     * Gets the constant line title.
+     * Value: A string object, representing the title's text.
+     */
+    title: string;
+}
+/**
+ * Represents the client-side equivalent of the Series class.
+ */
+interface ASPxClientSeries extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets a value that specifies the view type of the series.
+     * Value: A string object which contains the current view type.
+     */
+    viewType: string;
+    /**
+     * Gets a value that specifies the scale type for the argument data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets a value that specifies the scale type for the value data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the X-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the X-axis name.
+     */
+    axisX: string;
+    /**
+     * Gets the Y-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Gets the pane that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the pane's name.
+     */
+    pane: string;
+    /**
+     * Gets a value indicating whether the series is visible.
+     * Value: true if the series is visible; otherwise, false.
+     */
+    visible: boolean;
+    /**
+     * Gets a value that specifies whether or not a tooltip is enabled for a chart.
+     * Value: true - a tooltip is enabled for a chart; false - a tooltip is disabled.
+     */
+    toolTipEnabled: boolean;
+    /**
+     * Gets the text to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets an image to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipImage: string;
+    /**
+     * Gets the settings of series labels.
+     * Value: An ASPxClientSeriesLabel object, which provides the series label settings.
+     */
+    label: ASPxClientSeriesLabel;
+    /**
+     * Gets the series' collection of data points.
+     * Value: An array of ASPxClientSeriesPoint objects, that represent the series' data points.
+     */
+    points: ASPxClientSeriesPoint[];
+    /**
+     * Provides access to the collection of series titles.
+     * Value: An array of ASPxClientSeriesTitle objects, that represent the collection of series titles.
+     */
+    titles: ASPxClientSeriesTitle[];
+    /**
+     * Gets the series' collection of indicators.
+     * Value: An array of ASPxClientIndicator objects, that belong to the series.
+     */
+    indicators: ASPxClientIndicator[];
+    /**
+     * Provides access to the collection of regression lines.
+     * Value: An array of ASPxClientRegressionLine objects which represent regression lines available for the series.
+     */
+    regressionLines: ASPxClientRegressionLine[];
+    /**
+     * Provides access to the collection of trendlines.
+     * Value: An array of ASPxClientTrendLine objects, that represent the collection of trendlines.
+     */
+    trendLines: ASPxClientTrendLine[];
+    /**
+     * Provides access to the collection of Fibonacci Indicators.
+     * Value: An array of ASPxClientFibonacciIndicator objects, that represent the collection of Fibonacci Indicators.
+     */
+    fibonacciIndicators: ASPxClientFibonacciIndicator[];
+    /**
+     * Gets the color of a series.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets a value that defines a group for stacked series.
+     * Value: A string value.
+     */
+    stackedGroup: string;
+    /**
+     * Gets a string which represents the pattern specifying the text to be displayed within a crosshair label for the current Series  type.
+     * Value: A Empty.
+     */
+    crosshairLabelPattern: string;
+    /**
+     * This property is intended for internal use only.
+     * Value: A String value.
+     */
+    groupedElementsPattern: string;
+    /**
+     * Returns a collection of crosshair value items.
+     * Value: An array of ASPxClientCrosshairValueItem objects.
+     */
+    crosshairValueItems: ASPxClientCrosshairValueItem[];
+    /**
+     * Gets a value indicating whether a crosshair cursor is enabled.
+     * Value: true if a crosshair cursor is enabled; otherwise, false.
+     */
+    actualCrosshairEnabled: boolean;
+    /**
+     * Gets a value indicating whether a crosshair label should be shown for this series.
+     * Value: true if crosshair labels are visible; otherwise, false.
+     */
+    actualCrosshairLabelVisibility: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SeriesLabelBase class.
+ */
+interface ASPxClientSeriesLabel extends ASPxClientWebChartElement {
+    /**
+     * Gets the series that owns the current series label object.
+     * Value: An ASPxClientSeries object, to which the series label belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the common text for all series point labels.
+     * Value: Returns an empty string object.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the SeriesPoint class.
+ */
+interface ASPxClientSeriesPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the series that owns the current series point object.
+     * Value: An ASPxClientSeries object, to which the series point belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the data point's argument.
+     * Value: An object that specifies the data point's argument.
+     */
+    argument: Object;
+    /**
+     * Gets the point's data value(s).
+     * Value: An array of objects that represent the data value(s) of the series data point.
+     */
+    values: Object[];
+    /**
+     * Gets the text to be displayed within series points tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets the color of a series point.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets the percent value of a series point.
+     * Value: A float value.
+     */
+    percentValue: number;
+    /**
+     * Gets a hint that is shown in series points tooltips.
+     * Value: A string value.
+     */
+    toolTipHint: string;
+}
+/**
+ * Represents the client-side equivalent of the Legend class.
+ */
+interface ASPxClientLegend extends ASPxClientWebChartEmptyElement {
+    /**
+     * Returns a value which determines whether to use checkboxes instead of markers on a chart legend for all legend items.
+     * Value: true, if legend checkboxes are shown instead of markers for all legend items; otherwise, false.
+     */
+    useCheckBoxes: boolean;
+    /**
+     * Returns a collection of custom legend items of the legend.
+     * Value: A collection of ASPxClientCustomLegendItem objects.
+     */
+    customItems: ASPxClientCustomLegendItem[];
+    /**
+     * Returns the name of the legend.
+     * Value: The string value representing the name of the legend.
+     */
+    name: string;
+}
+/**
+ * Represents the base for ASPxClientSeriesTitle classes.
+ */
+interface ASPxClientTitleBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the lines of text within a title.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+    /**
+     * Gets the alignment of the title.
+     * Value: A string value containing the text, which specifies the alignment of a title.
+     */
+    alignment: string;
+    /**
+     * Gets a value that specifies to which edges of a parent element the title should be docked.
+     * Value: A string value.
+     */
+    dock: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartTitle class.
+ */
+interface ASPxClientChartTitle extends ASPxClientTitleBase {
+}
+/**
+ * Represents the client-side equivalent of the SeriesTitle class.
+ */
+interface ASPxClientSeriesTitle extends ASPxClientTitleBase {
+    /**
+     * Gets the series that owns the current title object.
+     * Value: An ASPxClientSeries object, to which the series title belongs.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the Indicator class.
+ */
+interface ASPxClientIndicator extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the indicator's associated series.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicator class.
+ */
+interface ASPxClientFinancialIndicator extends ASPxClientIndicator {
+    /**
+     * Gets the first point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's first point.
+     */
+    point1: ASPxClientFinancialIndicatorPoint;
+    /**
+     * Gets the second point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's second point.
+     */
+    point2: ASPxClientFinancialIndicatorPoint;
+}
+/**
+ * Represents the client-side equivalent of the TrendLine class.
+ */
+interface ASPxClientTrendLine extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FibonacciIndicator class.
+ */
+interface ASPxClientFibonacciIndicator extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicatorPoint class.
+ */
+interface ASPxClientFinancialIndicatorPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the financial indicator that owns the current financial indicator point.
+     * Value: An ASPxClientFinancialIndicator object, to which the point belongs.
+     */
+    financialIndicator: ASPxClientFinancialIndicator;
+    /**
+     * Gets the argument of the financial indicator's point.
+     * Value: An object that specifies the point argument.
+     */
+    argument: Object;
+    /**
+     * Gets a value, indicating how the value of a financial indicator's point is obtained.
+     * Value: A string value, which indicates how to obtain a financial indicator point's value.
+     */
+    valueLevel: string;
+}
+/**
+ * The client-side equivalent of the SingleLevelIndicator class.
+ */
+interface ASPxClientSingleLevelIndicator extends ASPxClientIndicator {
+    /**
+     * Gets a value specifying the value level to which the single-level indicator corresponds.
+     * Value: A string value.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RegressionLine class.
+ */
+interface ASPxClientRegressionLine extends ASPxClientSingleLevelIndicator {
+}
+/**
+ * The client-side equivalent of the MovingAverage class.
+ */
+interface ASPxClientMovingAverage extends ASPxClientSingleLevelIndicator {
+    /**
+     * Gets the number of data points used to calculate the moving average.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value specifying whether to display a Moving Average, Envelope, or both.
+     * Value: A string value.
+     */
+    kind: string;
+    /**
+     * Gets a value specifying the Envelope percent.
+     * Value: A double value which specifies the Envelope percent.
+     */
+    envelopePercent: number;
+}
+/**
+ * The client-side equivalent of the SimpleMovingAverage class.
+ */
+interface ASPxClientSimpleMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the ExponentialMovingAverage class.
+ */
+interface ASPxClientExponentialMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the WeightedMovingAverage class.
+ */
+interface ASPxClientWeightedMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the TriangularMovingAverage class.
+ */
+interface ASPxClientTriangularMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTema class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTema extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the BollingerBands class.
+ */
+interface ASPxClientBollingerBands extends ASPxClientIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MedianPrice class.
+ */
+interface ASPxClientMedianPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the TypicalPrice class.
+ */
+interface ASPxClientTypicalPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the WeightedClose class.
+ */
+interface ASPxClientWeightedClose extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the SeparatePaneIndicator class.
+ */
+interface ASPxSeparatePaneIndicator extends ASPxClientIndicator {
+    /**
+     * Returns the name of the Y-axis that is used to plot the current indicator on a ASPxClientXYDiagram.
+     * Value: A string value specifying the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Returns the name of a pane, used to plot the separate pane indicator on an XYDiagram.
+     * Value: A string that is the name of a pane.
+     */
+    pane: string;
+}
+/**
+ * Represents the client-side equivalent of the AverageTrueRange class.
+ */
+interface ASPxClientAverageTrueRange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the ChaikinsVolatility class.
+ */
+interface ASPxClientChaikinsVolatility extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the CommodityChannelIndex class.
+ */
+interface ASPxClientCommodityChannelIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the DetrendedPriceOscillator class.
+ */
+interface ASPxClientDetrendedPriceOscillator extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MassIndex class.
+ */
+interface ASPxClientMassIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the count of points used to calculate the exponential moving average (EMA).
+     * Value: An integer value, specifying the count of points used to calculate EMA.
+     */
+    movingAveragePointsCount: number;
+    /**
+     * Returns the count of summable values.
+     * Value: An integer value specifying the count of summable ratios.
+     */
+    sumPointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the MovingAverageConvergenceDivergence class.
+ */
+interface ASPxClientMovingAverageConvergenceDivergence extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the short period value required to calculate the indicator.
+     * Value: An integer value specifying the short period value.
+     */
+    shortPeriod: number;
+    /**
+     * Returns the long period value required to calculate the indicator.
+     * Value: An integer value specifying the long period.
+     */
+    longPeriod: number;
+    /**
+     * Returns the smoothing period value required to calculate the indicator.
+     * Value: An integer value specifying the smoothing period value.
+     */
+    signalSmoothingPeriod: number;
+}
+/**
+ * Represents the client-side equivalent of the RateOfChange class.
+ */
+interface ASPxClientRateOfChange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RelativeStrengthIndex class.
+ */
+interface ASPxClientRelativeStrengthIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviation class.
+ */
+interface ASPxClientStandardDeviation extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTrix class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTrix extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the WilliamsR class.
+ */
+interface ASPxClientWilliamsR extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the FixedValueErrorBars class.
+ */
+interface ASPxClientFixedValueErrorBars extends ASPxClientIndicator {
+    /**
+     * Gets or sets the fixed positive error value.
+     * Value: A double value specifying the positive error value.
+     */
+    positiveError: number;
+    /**
+     * Returns the fixed negative error value.
+     * Value: A double value specifying the negative error value.
+     */
+    negativeError: number;
+}
+/**
+ * Represents the client-side equivalent of the PercentageErrorBars class.
+ */
+interface ASPxClientPercentageErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the value specifying the percentage of error values of series point values.
+     * Value: A double value specifying the percentage. Values less than or equal to 0 are not allowed.
+     */
+    percent: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviationErrorBars class.
+ */
+interface ASPxClientStandardDeviationErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the multiplier on which the standard deviation value is multiplied before display.
+     * Value: A double value specifying the multiplier. Values less than 0 are not allowed.
+     */
+    multiplier: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardErrorBars class.
+ */
+interface ASPxClientStandardErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the DataSourceBasedErrorBars class.
+ */
+interface ASPxClientDataSourceBasedErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the Annotation class.
+ */
+interface ASPxClientAnnotation extends ASPxClientWebChartElementNamed {
+}
+/**
+ * Represents the client-side equivalent of the TextAnnotation class.
+ */
+interface ASPxClientTextAnnotation extends ASPxClientAnnotation {
+    /**
+     * Gets the lines of text within an annotation.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+}
+/**
+ * Represents the client-side equivalent of the ImageAnnotation class.
+ */
+interface ASPxClientImageAnnotation extends ASPxClientAnnotation {
+}
+/**
+ * The client-side equivalent of the CrosshairValueItem class.
+ */
+interface ASPxClientCrosshairValueItem {
+    /**
+     * Gets the value that is displayed in a crosshair label.
+     * Value: A float value.
+     */
+    value: number;
+    /**
+     * Gets an index of a point for which this crosshair value item is displayed.
+     * Value: An integer value.
+     */
+    pointIndex: number;
+}
+/**
+ * The client-side equivalent of the ChartToolTipController class.
+ */
+interface ASPxClientToolTipController extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether an image should be shown in tooltips.
+     * Value: true to show an image in tooltips; otherwise, false.
+     */
+    showImage: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show text in tooltips.
+     * Value: true to show text in tooltips; otherwise, false.
+     */
+    showText: boolean;
+    /**
+     * Gets a value that defines the position of an image within a tooltip.
+     * Value: A string value.
+     */
+    imagePosition: string;
+    /**
+     * Gets a value that defines when tooltips should be invoked.
+     * Value: A string value.
+     */
+    openMode: string;
+}
+/**
+ * The client-side equivalent of the ToolTipPosition class.
+ */
+interface ASPxClientToolTipPosition {
+}
+/**
+ * The client-side equivalent of the ToolTipRelativePosition class.
+ */
+interface ASPxClientToolTipRelativePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the ToolTipFreePosition class.
+ */
+interface ASPxClientToolTipFreePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+    /**
+     * Gets the ID of a pane.
+     * Value: An integer value.
+     */
+    paneID: number;
+    /**
+     * Gets an object containing settings that define how a tooltip should be docked.
+     * Value: A string value.
+     */
+    dockPosition: string;
+}
+/**
+ * The client-side equivalent of the CrosshairLabelPosition class.
+ */
+interface ASPxClientCrosshairPosition {
+    /**
+     * Gets the horizontal offset of a crosshair cursor.
+     * Value: An integer value that is the X-offset.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a crosshair cursor.
+     * Value: An integer value that is the Y-offset.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the CrosshairMousePosition class.
+ */
+interface ASPxClientCrosshairMousePosition extends ASPxClientCrosshairPosition {
+}
+/**
+ * The client-side equivalent of the CrosshairFreePosition class.
+ */
+interface ASPxClientCrosshairFreePosition extends ASPxClientCrosshairPosition {
+    /**
+     * Gets a Pane's ID when the crosshair cursor is in the free position mode.
+     * Value: An integer value that is the pane's ID.
+     */
+    paneID: number;
+    /**
+     * Gets a string containing information on a crosshair label's dock position when the crosshair cursor is in the free position mode.
+     * Value: A string value containing information on a crosshair label's dock position.
+     */
+    dockPosition: string;
+}
+/**
+ * Defines line style settings.
+ */
+interface ASPxClientLineStyle extends ASPxClientWebChartElement {
+    /**
+     * Gets the dash style used to paint the line.
+     * Value: A string value that contains information about the style used to paint the line.
+     */
+    dashStyle: string;
+    /**
+     * Gets the thickness that corresponds to the value of the current ASPxClientLineStyle object.
+     * Value: An integer value which specifies the thickness, in pixels.
+     */
+    thickness: number;
+    /**
+     * Returns the join style for the ends of consecutive lines.
+     * Value: A string representing the name of the line join type.
+     */
+    lineJoin: string;
+}
+/**
+ * The client-side equivalent of the CrosshairOptions class.
+ */
+interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the X-axis.
+     * Value: true to show a crosshair label for the X-axis; otherwise, false.
+     */
+    showAxisXLabels: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the Y-axis.
+     * Value: true to show the crosshair label for the Y-axis; otherwise, false.
+     */
+    showAxisYLabels: boolean;
+    /**
+     * Gets a value that defines whether a crosshair label of a series point indicated by a crosshair cursor is shown on a diagram.
+     * Value: true if a crosshair label indicated by a crosshair cursor is shown on a diagram; otherwise, false.
+     */
+    showCrosshairLabels: boolean;
+    /**
+     * Gets a value that indicates whether a crosshair cursor argument line is shown for a series point on a diagram.
+     * Value: true if a crosshair cursor argument line is displayed on a diagram;  otherwise, false.
+     */
+    showArgumentLine: boolean;
+    /**
+     * Specifies whether to show a value line of a series point indicated by a crosshair cursor on a diagram.
+     * Value: true to display a value line indicated by a crosshair cursor on a diagram; otherwise, false.
+     */
+    showValueLine: boolean;
+    /**
+     * Gets a value that specifies whether to show a crosshair cursor in a focused pane only.
+     * Value: true to display a crosshair cursor in a focused pane; otherwise, false.
+     */
+    showOnlyInFocusedPane: boolean;
+    /**
+     * Specifies the current snap mode of a crosshair cursor.
+     * Value: A string value.
+     */
+    snapMode: string;
+    /**
+     * Specifies the way in which the crosshair label is shown for a series on a diagram.
+     * Value: A string value that specifies how the crosshair label is shown for a series.
+     */
+    crosshairLabelMode: string;
+    /**
+     * Gets a value that indicates whether to show a header for each series group in crosshair cursor labels.
+     * Value: true, to show a group header in crosshair cursor labels; otherwise, false.
+     */
+    showGroupHeaders: boolean;
+    /**
+     * Gets a string which represents the  pattern specifying the group header text to be displayed within the crosshair label.
+     * Value: A String, which represents the group header's pattern.
+     */
+    groupHeaderPattern: string;
+    /**
+     * Gets a value that specifies whether the Crosshair cursor should show points that are out of visual range.
+     * Value: true if the out of visual range points should be shown in the Crosshair label; otherwise false.
+     */
+    showOutOfRangePoints: boolean;
+    /**
+     * Gets the identifier specifying the behavior of the selection of points shown in the crosshair label.
+     * Value: The selection behavior identifier.
+     */
+    valueSelectionMode: string;
+    /**
+     * Gets the color of a crosshair argument line.
+     * Value: A String value, specifying the color of a crosshair argument line.
+     */
+    argumentLineColor: string;
+    /**
+     * Gets the color of a crosshair value line.
+     * Value: A String value, specifying the color of a crosshair value line.
+     */
+    valueLineColor: string;
+    /**
+     * Gets the value specifying how the Crosshair Cursor's lines snap to points when hovering on them.
+     * Value: The value that specifies how lines snap.
+     */
+    linesMode: string;
+}
+/**
+ * The chart print options storage.
+ */
+interface ASPxClientChartPrintOptions {
+    /**
+     * Gets the size mode used to print a chart.
+     */
+    GetSizeMode(): string;
+    /**
+     * Sets the size mode used to print a chart.
+     * @param sizeMode A System.String object, specifying the name of the size mode.
+     */
+    SetSizeMode(sizeMode: string): void;
+    /**
+     * Gets a value indicating that the landscape orientation will be used to print a chart.
+     */
+    GetLandscape(): boolean;
+    /**
+     * Sets a value indicating that the landscape orientation will be used to print a chart.
+     * @param landscape A Boolean value, specifying that the landscape orientation will be used to print a chart.
+     */
+    SetLandscape(landscape: boolean): void;
+    /**
+     * Gets the left margin which will be used to print a chart.
+     */
+    GetMarginLeft(): number;
+    /**
+     * Sets the left margin which will be used to print a chart.
+     * @param marginLeft A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginLeft(marginLeft: number): void;
+    /**
+     * Gets the top margin which will be used to print a chart.
+     */
+    GetMarginTop(): number;
+    /**
+     * Sets the top margin which will be used to print a chart.
+     * @param marginTop A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginTop(marginTop: number): void;
+    /**
+     * Gets the right margin which will be used to print a chart.
+     */
+    GetMarginRight(): number;
+    /**
+     * Sets the right margin which will be used to print a chart.
+     * @param marginRight A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginRight(marginRight: number): void;
+    /**
+     * Gets the bottom margin which will be used to print a chart.
+     */
+    GetMarginBottom(): number;
+    /**
+     * Sets the bottom margin which will be used to print a chart.
+     * @param marginBottom A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginBottom(marginBottom: number): void;
+    /**
+     * Gets the predefined size ratio of the paper which will be used to print a chart.
+     */
+    GetPaperKind(): string;
+    /**
+     * Sets the predefined size ratio of the paper which will be used to print a chart.
+     * @param paperKind A System.String object, specifying the name of a size ratio.
+     */
+    SetPaperKind(paperKind: string): void;
+    /**
+     * Gets the custom paper width which will be used to print a chart.
+     */
+    GetCustomPaperWidth(): number;
+    /**
+     * Sets the custom paper width which will be used to print a chart.
+     * @param customPaperWidth A System.Int32 object, specifying the width in hundredths of an inch.
+     */
+    SetCustomPaperWidth(customPaperWidth: number): void;
+    /**
+     * Gets the custom paper height which will be used to print a chart.
+     */
+    GetCustomPaperHeight(): number;
+    /**
+     * Sets the custom paper height which will be used to print a chart.
+     * @param customPaperHeight A System.Int32 object, specifying the height in hundredths of an inch.
+     */
+    SetCustomPaperHeight(customPaperHeight: number): void;
+    /**
+     * Gets the name of the custom paper width-height ratio used to print the chart.
+     */
+    GetCustomPaperName(): string;
+    /**
+     * Sets the name of the custom paper width-height ratio used to print a chart.
+     * @param customPaperName A String object, specifying the name of the custom paper width-height ratio.
+     */
+    SetCustomPaperName(customPaperName: string): void;
+    GetPrintCrosshair(): boolean;
+    /**
+     * 
+     * @param printCrosshair 
+     */
+    SetPrintCrosshair(printCrosshair: boolean): void;
+}
+/**
+ * Represents the client-side equivalent of the CustomLegendItem class.
+ */
+interface ASPxClientCustomLegendItem extends ASPxClientWebChartElementNamed {
+    /**
+     * Returns the text displayed by the custom legend item.
+     * Value: A string value that specifies legend item text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxDocumentViewer control.
+ */
+interface ASPxClientDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientDocumentViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when the value of an item within the Document Viewer's report toolbar is changed.
+     */
+    ToolbarItemValueChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when an item within the Document Viewer's report toolbar is clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client side when a report page is loaded into this ASPxClientDocumentViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Provides access to the Splitter of the ASPxClientDocumentViewer.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Provides access to the ASPxClientDocumentViewer's preview that exposes methods to print and export the document.
+     */
+    GetViewer(): ASPxClientReportViewer;
+    /**
+     * Provides access to the Document Viewer toolbar on the client.
+     */
+    GetToolbar(): ASPxClientReportToolbar;
+    /**
+     * Provides access to the Ribbon of the ASPxClientDocumentViewer.
+     */
+    GetRibbonToolbar(): ASPxClientRibbon;
+    /**
+     * Provides access to the parameters panel of the ASPxClientDocumentViewer.
+     */
+    GetParametersPanel(): ASPxClientReportParametersPanel;
+    /**
+     * Provides access to the document of the ASPxClientDocumentViewer.
+     */
+    GetDocumentMap(): ASPxClientReportDocumentMap;
+    /**
+     * Sets focus on the report control specified by its bookmark.
+     * @param pageIndex An integer value, specifying the page index.
+     * @param bookmarkPath A String value, specifying the path to the bookmark.
+     */
+    GotoBookmark(pageIndex: number, bookmarkPath: string): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified page index.
+     * @param pageIndex A Int32 representing the index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays the specified report page.
+     * @param pageIndex An integer value, identifying the report page.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+}
+/**
+ * A method that will handle the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemValueChanged event.
+     * @param source A Object that is the event source.
+     * @param e An ASPxClientToolbarItemValueChangedEventArgs object, containing the event arguments.
+     */
+    (source: S, e: ASPxClientToolbarItemValueChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Provides access to the toolbar's value editor on the client.
+     * Value: An ASPxClientControl descendant.
+     */
+    editor: ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ASPxQueryBuilder control.
+ */
+interface ASPxClientQueryBuilder extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientQueryBuilder.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the menu actions of a Query Builder.
+     */
+    CustomizeToolbarActions: ASPxClientEvent<ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the Query Builder's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientQueryBuilderCustomizeLocalizationEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientQueryBuilderSaveCommandExecuteEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the ASPxClientQueryBuilder properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Query Builder.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened query serialized to Json.
+     */
+    GetJsonQueryModel(): string;
+    /**
+     * Saves the current query.
+     */
+    Save(): void;
+    /**
+     * Invokes a Previewing Results for the current query.
+     */
+    ShowPreview(): void;
+    /**
+     * Specifies whether or not the current query is a valid SQL string.
+     */
+    IsQueryValid(): boolean;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientQueryBuilderSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientQueryBuilderSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeToolbarActions event.
+ */
+interface ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbarActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientQueryBuilderCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * The client-side equivalent of the Web Report Designer control.
+ */
+interface ASPxClientReportDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientReportDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientReportDesignerSaveCommandExecuteEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's menu actions.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client side when the Report Designer is being closed.
+     */
+    ExitDesigner: ASPxClientEvent<ASPxClientReportDesignerExitDesignerEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be saved in the Web Report Designer.
+     */
+    ReportSaving: ASPxClientEvent<ASPxClientReportDesignerReportSavingEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been saved in the Web Report Designer.
+     */
+    ReportSaved: ASPxClientEvent<ASPxClientReportDesignerReportSavedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be opened in the Web Report Designer.
+     */
+    ReportOpening: ASPxClientEvent<ASPxClientReportDesignerReportOpeningEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been opened in the Web Report Designer.
+     */
+    ReportOpened: ASPxClientEvent<ASPxClientReportDesignerReportOpenedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report tab is about to be closed in the Web Report Designer.
+     */
+    ReportTabClosing: ASPxClientEvent<ASPxClientReportDesignerReportTabClosingEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report tab was closed in the Web Report Designer.
+     */
+    ReportTabClosed: ASPxClientEvent<ASPxClientReportDesignerReportTabClosedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client each time a server-side error raises.
+     */
+    OnServerError: ASPxClientEvent<ASPxClientReportDesignerErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a component has been added to the report currently being edited in the Web Report Designer.
+     */
+    ComponentAdded: ASPxClientEvent<ASPxClientReportDesignerComponentAddedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's UI elements.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientReportDesignerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save dialog of the Web Report Designer.
+     */
+    CustomizeSaveDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save Report dialog of the Web Report Designer.
+     */
+    CustomizeSaveAsDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Open Report dialog of the Web Report Designer.
+     */
+    CustomizeOpenDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeOpenDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Toolbox of the Web Report Designer.
+     */
+    CustomizeToolbox: ASPxClientEvent<ASPxClientReportDesignerCustomizeToolboxEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a report has been switched to Print Preview.
+     */
+    PreviewDocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time an editing field's value changes in Print Preview.
+     */
+    PreviewEditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize UI elements of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the actions of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when the left mouse button is clicked on a report document in Print Preview.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values are reset to their default values in Print Preview.
+     */
+    PreviewParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values are submitted in Print Preview.
+     */
+    PreviewParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Web Report Designer's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientReportDesignerCustomizeLocalizationEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs before the Web Report Designer UI is initialized.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientReportDesignerBeforeRenderEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the Report Designer properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Provides access to a client-side model of a Web Report Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Provides access to the Document Viewer's client-side model.
+     */
+    GetPreviewModel(): ASPxClientSidePreviewModel;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path A string that specifies the path to the property.
+     */
+    GetPropertyInfo(controlType: string, path: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns information about the specified properties of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path An array of strings that specify paths to properties.
+     */
+    GetPropertyInfo(controlType: string, path: string[]): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns actions performed by buttons available in the menu and toolbar of the Web Report Designer.
+     */
+    GetButtonStorage(): Object;
+    /**
+     * Gets a client-side model of the currently opened report serialized to Json.
+     */
+    GetJsonReportModel(): string;
+    /**
+     * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
+     */
+    IsModified(): boolean;
+    GetTabs(): ASPxDesignerNavigateTab[];
+    /**
+     * 
+     * @param tab 
+     */
+    CloseTab(tab: ASPxDesignerNavigateTab): void;
+    /**
+     * 
+     * @param tab 
+     * @param force 
+     */
+    CloseTab(tab: ASPxDesignerNavigateTab, force: boolean): void;
+    /**
+     * Resets the value returned by the IsModified method.
+     */
+    ResetIsModified(): void;
+    /**
+     * Adds a custom property to the Properties Panel.
+     * @param groupName A string that specifies the name of group to which a property should be added.
+     * @param property An object that provides information required to serialize a property.
+     */
+    AddToPropertyGrid(groupName: string, property: ASPxDesignerElementSerializationInfo): void;
+    /**
+     * Adds a custom parameter type to the Web End-User Report Designer.
+     * @param parameterInfo An object that provides information about a parameter type to be added.
+     * @param editorOptions An object that provides information about an editor used to specify parameter values in design mode.
+     */
+    AddParameterType(parameterInfo: ASPxDesignerParameterType, editorOptions: ASPxDesignerEditorOptions): void;
+    /**
+     * Removes the specified parameter type from the Web End-User Report Designer.
+     * @param parameterType A string that specifies a parameter type to be deleted.
+     */
+    RemoveParameterType(parameterType: string): void;
+    /**
+     * Returns an object that contains information on the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterInfo(parameterType: string): ASPxDesignerParameterType;
+    /**
+     * Returns a value editor associated with the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterEditor(parameterType: string): ASPxDesignerEditorOptions;
+    /**
+     * Returns the report layout stored in a report storage under the specified URL.
+     * @param url A string that specifies the report URL.
+     */
+    ReportStorageGetData(url: string): any;
+    /**
+     * Stores the specified report to a report storage using the specified URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the URL used to save a report.
+     */
+    ReportStorageSetData(reportLayout: string, url: string): any;
+    /**
+     * Stores the specified report to a report storage using a new URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the default report URL.
+     */
+    ReportStorageSetNewData(reportLayout: string, url: string): any;
+    /**
+     * Saves the current report.
+     */
+    SaveReport(): any;
+    /**
+     * Closes the report tab currently being opened in the Web Report Designer.
+     */
+    CloseCurrentTab(): void;
+    /**
+     * Saves the current report under a new name.
+     * @param reportName A string that specifies the report name.
+     */
+    SaveNewReport(reportName: string): any;
+    /**
+     * Returns the report URLs and display names existing in a report storage.
+     */
+    ReportStorageGetUrls(): any;
+    /**
+     * Opens the specified report on the Web Report Designer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): void;
+    /**
+     * Switches the Web Report Designer to the preview mode.
+     */
+    ShowPreview(): void;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Provides data for the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * Provides data for the events related to opening and saving reports in the Web Report Designer.
+ */
+interface ASPxClientReportDesignerDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the URL of the report currently being processed.
+     * Value: A string that specifies the URL of the report currently being processed.
+     */
+    Url: string;
+    /**
+     * Specifies the report currently being processed.
+     * Value: An object that specifies the report currently being processed.
+     */
+    Report: Object;
+}
+/**
+ * Provides data for the events related to opening and saving reports in the Web Report Designer.
+ */
+interface ASPxClientReportDesignerDialogCancelEventArgs extends ASPxClientReportDesignerDialogEventArgs {
+    /**
+     * Specifies whether or not the operation performed with a report should be canceled.
+     * Value: true, if the operation should be canceled; otherwise, false.
+     */
+    Cancel: boolean;
+}
+/**
+ * Provides data for the ReportTabClosed event.
+ */
+interface ASPxClientReportDesignerTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the report tab currently being processed.
+     * Value: An object that specifies the report tab currently being processed.
+     */
+    Tab: ASPxDesignerNavigateTab;
+}
+/**
+ * Provides data for the ReportTabClosing event.
+ */
+interface ASPxClientReportDesignerTabClosingEventArgs extends ASPxClientReportDesignerTabEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true, if the event was handled and no other processing should occur; otherwise, false.
+     */
+    Handled: boolean;
+    /**
+     * Specifies the JQueryDeferred object, which when resolved, forces the report tab to be closed.
+     * Value: A JQueryDeferred object.
+     */
+    ReadyToClose: JQueryDeferred<any>;
+}
+/**
+ * Provides data for the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to information about a server-side error.
+     * Value: An object that provides information about an error.
+     */
+    Error: Object;
+}
+/**
+ * Provides data for the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the model of a component that has been added to a report.
+     * Value: An object that specifies the component model.
+     */
+    Model: Object;
+    /**
+     * Gets the parent of a component that has been added to a report.
+     * Value: An object that specifies the component parent.
+     */
+    Parent: Object;
+}
+/**
+ * Provides data for the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save dialog.
+     * Value: An object that specifies the Save dialog.
+     */
+    Popup: ASPxDesignerSaveDialog;
+    /**
+     * Customizes the Save dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save Report dialog.
+     * Value: An object that specifies the  Save Report dialog.
+     */
+    Popup: ASPxDesignerSaveAsDialog;
+    /**
+     * Customizes the Save Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Open Report dialog.
+     * Value: An object that specifies the Open Report dialog.
+     */
+    Popup: ASPxDesignerOpenDialog;
+    /**
+     * Customizes the Open Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Open Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides information about all controls available in the Toolbox.
+     * Value: An ASPxDesignerControlsFactory object that provides information about toolbox controls.
+     */
+    ControlsFactory: ASPxDesignerControlsFactory;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientReportDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientReportDesignerCustomizeElementsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
+}
+/**
+ * A method that will handle the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventHandler<S> {
+    /**
+     * A method that will handle the ExitDesigner event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerExitDesignerEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerExitDesignerEventArgs): void;
+}
+/**
+ * A method that will handle the ReportSaving event.
+ */
+interface ASPxClientReportDesignerReportSavingEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaving event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogCancelEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogCancelEventArgs): void;
+}
+/**
+ * A method that will handle the ReportSaved event.
+ */
+interface ASPxClientReportDesignerReportSavedEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaved event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpening event.
+ */
+interface ASPxClientReportDesignerReportOpeningEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpening event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogCancelEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogCancelEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpened event.
+ */
+interface ASPxClientReportDesignerReportOpenedEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpened event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportTabClosing event.
+ */
+interface ASPxClientReportDesignerReportTabClosingEventHandler<S> {
+    /**
+     * A method that will handle the ReportTabClosing event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerTabClosingEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerTabClosingEventArgs): void;
+}
+/**
+ * A method that will handle the ReportTabClosed event.
+ */
+interface ASPxClientReportDesignerReportTabClosedEventHandler<S> {
+    /**
+     * A method that will handle the ReportTabClosed event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerTabEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerTabEventArgs): void;
+}
+/**
+ * A method that will handle the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventHandler<S> {
+    /**
+     * A method that will handle the OnServerError event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerErrorEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerErrorEventArgs): void;
+}
+/**
+ * A method that will handle the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventHandler<S> {
+    /**
+     * A method that will handle the ComponentAdded event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerComponentAddedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerComponentAddedEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveAsDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeOpenDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeOpenDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeOpenDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbox event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeToolboxEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeToolboxEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientReportDesignerCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * A method that will handle the BeforeRender event.
+ */
+interface ASPxClientReportDesignerBeforeRenderEventHandler<S> {
+    /**
+     * A method that will handle the BeforeRender event.
+     * @param source The event sender.
+     * @param designerModel A client-side Report Designer model.
+     */
+    (source: S, designerModel: Object): void;
+}
+/**
+ * Provides information about a value editor used in the Property Grid.
+ */
+interface ASPxDesignerEditorOptions {
+    /**
+     * Provides access to the name of an HTML template specifying the editor and header of a complex object.
+     * Value: A string that specifies the HTML template.
+     */
+    header: string;
+    /**
+     * Provides access to the name of an HTML template used by a complex object's editor.
+     * Value: A string that specifies the name of an HTML template.
+     */
+    content: string;
+    /**
+     * Provides access to the type of the editor model.
+     * Value: An object that specifies the editor type.
+     */
+    editorType: Object;
+}
+/**
+ * Provides functionality to an undo/redo engine in the Web Report Designer.
+ */
+interface ASPxDesignerUndoEngine {
+    /**
+     * Provides access to a value that specifies whether or not the redo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the redo action can be performed, and false otherwise.
+     */
+    redoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not the undo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the undo action can be performed, and false otherwise.
+     */
+    undoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not a report has been changed.
+     * Value: A knockout observable boolean object, whose value is true if the report has been modified, and false otherwise.
+     */
+    isDirty: any;
+    /**
+     * Undoes all changes made to a report.
+     */
+    undoAll(): void;
+    /**
+     * Clears information about edit operations made to a report, so they cannot not be undone.
+     */
+    clearHistory(): void;
+    /**
+     * Undoes the last edit action in a report.
+     */
+    undo(): void;
+    /**
+     * Reverses the results of the last undo action.
+     */
+    redo(): void;
+}
+/**
+ * Provides functionality for a tab displayed a report in the Web Report Designer.
+ */
+interface ASPxDesignerNavigateTab {
+    /**
+     * Provides access to a value that specifies the display name of the current tab.
+     * Value: A knockout computed string that specifies the tab's display name.
+     */
+    displayName: any;
+    isModified: any;
+    /**
+     * Provides access to a report opened in the current tab.
+     * Value: A knockout observable object that specifies a report opened in the current tab.
+     */
+    report: any;
+    /**
+     * Provides access to an engine that manages undo and redo operations in the Web Report Designer.
+     * Value: An object that specifies an undo/redo engine.
+     */
+    undoEngine: ASPxDesignerUndoEngine;
+    /**
+     * Provides access to the URL of a report opened in the current tab.
+     * Value: A knockout observable string that specifies the report URL.
+     */
+    url: any;
+    resetIsModified(): void;
+}
+/**
+ * A model of dialogs used to save and open reports in the Web Report Designer.
+ */
+interface ASPxDesignerDialogModel {
+    /**
+     * Provides access to the collection of buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in a dialog.
+     */
+    popupButtons: Object[];
+    /**
+     * Specifies a function that gets the report URL.
+     */
+    getUrl(): string;
+    /**
+     * Specifies a function that sets the report URL.
+     * @param url A string that specifies the report URL.
+     */
+    setUrl(url: string): void;
+    /**
+     * Specifies a function to be executed when showing a dialog.
+     * @param tab An object that specifies the report tab for which a dialog is invoked.
+     */
+    onShow(tab: ASPxDesignerNavigateTab): void;
+}
+/**
+ * Provides the base functionality for dialogs used to open and save reports on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to a dialog's width.
+     * Value: A knockout observable object that specifies a dialog's width.
+     */
+    width: any;
+    /**
+     * Provides access to a dialog's height.
+     * Value: A knockout observable object that specifies a dialog's height.
+     */
+    height: any;
+    /**
+     * Provides access to the name of an HTML template used by a dialog.
+     * Value: A knockout observable string that specifies the name of the HTML template used by a dialog.
+     */
+    template: any;
+    /**
+     * Provides access to buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in the dialog.
+     */
+    buttons: Object[];
+    /**
+     * Provides access to a dialog's model.
+     * Value: A knockout observable object of the ASPxDesignerDialogModel type.
+     */
+    model: any;
+    /**
+     * Provides access to a report tab for which a dialog appears.
+     * Value: A knockout observable object of the ASPxDesignerNavigateTab type.
+     */
+    tab: any;
+    /**
+     * Provides access to a value that specifies a dialog's visibility state.
+     * Value: true, if the dialog is visible; otherwise, false;
+     */
+    visible: any;
+    /**
+     * Provides access to a dialog's title.
+     * Value: A string that specifies a dialog's title.
+     */
+    title: string;
+    /**
+     * Shows the dialog for the specified report tab.
+     * @param tab A report tab for which the dialog should be shown.
+     */
+    show(tab: ASPxDesignerNavigateTab): void;
+    /**
+     * Customizes the dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model An object that specifies the dialog model.
+     */
+    customize(template: string, model: ASPxDesignerDialogModel): void;
+    /**
+     * Cancels the dialog.
+     */
+    cancel(): void;
+}
+/**
+ * Provides functionality for the Save dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to the Save Report dialog that appears if a user selected to save changes in the Save dialog.
+     * Value: An object that specifies the Save As dialog.
+     */
+    saveReportDialog: ASPxDesignerSaveAsDialog;
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be saved.
+     */
+    save(url: string): void;
+    /**
+     * Closes the dialog without saving the current report.
+     */
+    notSave(): void;
+}
+/**
+ * Provides functionality for the Save Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveAsDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies a URL of the report to be saved.
+     */
+    save(url: string): void;
+}
+/**
+ * Provides functionality for the Open Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerOpenDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Opens the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be opened.
+     */
+    open(url: string): void;
+}
+/**
+ * Provides information about a toolbox control item.
+ */
+interface ASPxDesignerToolboxItem {
+    /**
+     * Provides access to information required to serialize a toolbox control.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects that provide information required to serialize an element.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Provides access to a surface type of toolbox control.
+     * Value: A surface type of toolbox control.
+     */
+    surfaceType: any;
+    /**
+     * Provides access to a toolbox control type.
+     * Value: A toolbox control type.
+     */
+    type: any;
+    /**
+     * Provides access to a zero-based index of a control in the toolbox.
+     * Value: An integer value that specifies a control index in the toolbox.
+     */
+    toolboxIndex: number;
+    /**
+     * Provides access to the default property values used for a toolbox control.
+     * Value: An object that specifies default propery values.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to popular properties of a toolbox control.
+     * Value: An array of strings that specify names of popular properties.
+     */
+    popularProperties: string[];
+    /**
+     * Gets whether a control item is displayed in a toolbox.
+     * Value: true, if the control is available in the toolbox; otherwise, false.
+     */
+    isToolboxItem: boolean;
+}
+/**
+ * Provides information required to serialize an element.
+ */
+interface ASPxDesignerElementSerializationInfo {
+    /**
+     * Gets the property name that will be used in the model to store the property value.
+     * Value: A String value.
+     */
+    propertyName: string;
+    /**
+     * Gets the property name in the model that is displayed in the Property grid.
+     * Value: A String value.
+     */
+    displayName: string;
+    /**
+     * Gets the property name that will be used during serialization to store the property value.
+     * Value: A String value.
+     */
+    modelName: string;
+    /**
+     * Gets the default property value used for serialization.
+     * Value: A Object value.
+     */
+    defaultVal: Object;
+    /**
+     * Gets the information about a complex object's content.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Gets a value indicating whether or not the property returns an array.
+     * Value: true if the property returns an array; otherwise false.
+     */
+    array: boolean;
+    /**
+     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
+     * Value: true to serialize an object to the ObjectStorage; otherwise false.
+     */
+    link: boolean;
+    /**
+     * Gets a value specifying the type of value editor for the Property Grid.
+     * Value: An ASPxDesignerElementEditor object.
+     */
+    editor: ASPxDesignerElementEditor;
+    /**
+     * Gets the collection of values displayed in the Property grid.
+     * Value: An array of ASPxDesignerElementEditorItem objects.
+     */
+    valuesArray: ASPxDesignerElementEditorItem[];
+    /**
+     * Gets the rules for validating the property value entered into its editor.
+     * Value: An array of Object values.
+     */
+    validationRules: Object[];
+    /**
+     * Gets the visibility state of the value editor in the Property Grid.
+     * Value: A Object value.
+     */
+    visible: Object;
+    /**
+     * Gets a value, indicating whether or not the property value can be edited.
+     * Value: true to disable the property editing; otherwise false.
+     */
+    disabled: Object;
+}
+interface ASPxDesignerElementSerializationInfoWithBindings extends ASPxDesignerElementSerializationInfo {
+    bindingName: string;
+}
+/**
+ * Enables you to customize controls available in the Toolbox of the Web Report Designer.
+ */
+interface ASPxDesignerControlsFactory {
+    /**
+     * Returns information about the specified toolbox control.
+     * @param controlType A string that specifies the control type.
+     */
+    getControlInfo(controlType: string): ASPxDesignerToolboxItem;
+    /**
+     * Returns a control type by the specified model.
+     * @param model An object that specifies the control model.
+     */
+    getControlType(model: Object): string;
+    /**
+     * Registers the specified control in the Toolbox of the Web Report Designer.
+     * @param typeName A string that specifies the name of a custom control.
+     * @param metadata An ASPxDesignerToolboxItem object that provides information about a toolbox item.
+     */
+    registerControl(typeName: string, metadata: ASPxDesignerToolboxItem): void;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param propertyDisplayName A string that specifies the property display name.
+     */
+    getPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * 
+     * @param controlType 
+     * @param propertyName 
+     * @param events 
+     * @param group 
+     * @param objectProperties 
+     */
+    setExpressionBinding(controlType: string, propertyName: string, events: string[], group: string, objectProperties: string[]): void;
+    /**
+     * 
+     * @param controlType 
+     * @param propertyNames 
+     */
+    hideExpressionBindings(controlType: string, propertyNames: string[]): void;
+    /**
+     * 
+     * @param parentType 
+     * @param extendedOptions 
+     */
+    inheritControl(parentType: string, extendedOptions: ASPxDesignerToolboxItem): ASPxDesignerToolboxItem;
+    /**
+     * 
+     * @param options 
+     * @param isExpression 
+     */
+    createPopularBindingInfo(options: ASPxDesignerElementSerializationInfoWithBindings, isExpression?: boolean): ASPxDesignerElementSerializationInfoWithBindings;
+}
+/**
+ * Provides information about a report parameter type.
+ */
+interface ASPxDesignerParameterType {
+    /**
+     * Provides access to an actual parameter type.
+     * Value: A string that specifies the parameter type.
+     */
+    value: string;
+    /**
+     * Provides access to a text displayed to end-users when creating parameters of the current type.
+     * Value: A string displayed to end-users.
+     */
+    displayValue: string;
+    /**
+     * Provides access to the default value for parameters of the current type.
+     * Value: An object that specifies the default value.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to the specifics of a current parameter type.
+     * Value: Parameter type specifics.
+     */
+    specifics: string;
+    /**
+     * Converts the specified parameter value to the current parameter type.
+     * @param val An object that specifies the parameter value to be converted.
+     */
+    valueConverter(val: Object): Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Document Map.
+ */
+interface ASPxClientReportDocumentMap extends ASPxClientControl {
+    /**
+     * Occurs after the content of the Document Viewer's document map is updated.
+     */
+    ContentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientReportDocumentMap>>;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Parameters Panel.
+ */
+interface ASPxClientReportParametersPanel extends ASPxClientControl {
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param parametersInfo An array of ASPxClientReportParameterInfo values specifying parameters and values to assign.
+     */
+    AssignParameters(parametersInfo: ASPxClientReportParameterInfo[]): void;
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param path A System.String specifying the parameter's path.
+     * @param value An object specifying the parameter value.
+     */
+    AssignParameter(path: string, value: Object): void;
+    /**
+     * Returns an array storing the names of parameters available in a report.
+     */
+    GetParameterNames(): string[];
+    /**
+     * Returns a value editor that is associated with a parameter with the specified name.
+     * @param parameterName A String value, specifying the parameter name.
+     */
+    GetEditorByParameterName(parameterName: string): ASPxClientControl;
+}
+/**
+ * Provides information about a report parameter on the client side.
+ */
+interface ASPxClientReportParameterInfo {
+    /**
+     * Specifies the parameter path, relative to its parent container (e.g., "subreport1.subreportParameter1" for a subreport's parameter, or "parameter1" for a report's parameter).
+     * Value: A String value, specifying the parameter path (e.g., "subreport1.subreportParameter1").
+     */
+    Path: string;
+    /**
+     * Provides access to a parameter value on the client.
+     * Value: A Object value.
+     */
+    Value: Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's toolbar.
+ */
+interface ASPxClientReportToolbar extends ASPxClientControl {
+    /**
+     * Provides access to the control template assigned for the specified menu item.
+     * @param name A String value, specifying the menu item name.
+     */
+    GetItemTemplateControl(name: string): ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ReportViewer.
+ */
+interface ASPxClientReportViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by ASPxClientReportViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client side when another report page is loaded into this ASPxClientReportViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Submits the values of the specified parameters.
+     * @param parameters A dictionary containing the parameter names, along with their Object values.
+     */
+    SubmitParameters(parameters: { [key: string]: Object; }): void;
+    /**
+     * Prints a report shown in the ReportViewer.
+     */
+    Print(): void;
+    /**
+     * Prints a report page with the specified page index.
+     * @param pageIndex An integer value which specifies an index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays a report page with the specified page index in the ReportViewer.
+     * @param pageIndex An integer value which specifies the index of a page to be displayed.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+}
+/**
+ * A method that will handle the PageLoad events.
+ */
+interface ASPxClientReportViewerPageLoadEventHandler<S> {
+    /**
+     * A method that will handle the PageLoad event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportViewerPageLoadEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportViewerPageLoadEventArgs): void;
+}
+/**
+ * Provides data for the PageLoad events on the client side.
+ */
+interface ASPxClientReportViewerPageLoadEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying a zero-based index of a page to be displayed in a report viewer.
+     * Returns: $
+     */
+    PageIndex: number;
+    /**
+     * Gets a value specifying the total number of pages displayed in a report viewer.
+     * Returns: $
+     */
+    PageCount: number;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the first page of a report.
+     */
+    IsFirstPage(): boolean;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the last page of a report.
+     */
+    IsLastPage(): boolean;
+}
+/**
+ * Provides data for the CustomizeParameterEditors events.
+ */
+interface ASPxClientCustomizeParameterEditorsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to an object that stores information required to serialize a parameter editor.
+     * Value: An ASPxDesignerElementSerializationInfo object.
+     */
+    info: ASPxDesignerElementSerializationInfo;
+}
+/**
+ * Provides data for the CustomizeParameterLookUpSource events.
+ */
+interface ASPxClientCustomizeParameterLookUpSourceEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object that stores information about the parameter.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to the collection of look-up parameter values.
+     * Value: An array of ASPxDesignerElementEditorItem objects that store information about look-up parameter values.
+     */
+    items: ASPxDesignerElementEditorItem[];
+    /**
+     * Specifies the data source that provides look-up values for the parameter editor.
+     * Value: An Object specifying the data source that provides look-up values to the parameter editor.
+     */
+    dataSource: Object;
+}
+/**
+ * Provides information about a command available in the toolbar or menu.
+ */
+interface ASPxClientMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A string that is the command text.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A string that specifies the name of the CSS class.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: An ASPxClientMenuActionHotKey object that specifies the keyboard shortcut.
+     */
+    hotKey: ASPxClientMenuActionHotKey;
+    /**
+     * Specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: boolean;
+    /**
+     * Provides access to a value that specifies the command location.
+     * Value: A string that specifies the command location.
+     */
+    container: string;
+}
+/**
+ * Provides information about a hot key used to perform an action assigned to a menu item.
+ */
+interface ASPxClientMenuActionHotKey {
+    /**
+     * Provides access to a hot key code.
+     * Value: An integer value that specifies the hot key code.
+     */
+    keyCode: number;
+    /**
+     * Provides access to a value that specifies whether the CTRL key is used in combination with a hot key.
+     * Value: true, if the CTRL key is included into the key combination; otherwise, false.
+     */
+    ctrlKey: boolean;
+}
+/**
+ * Provides data for the CustomizeMenuActions.
+ */
+interface ASPxClientCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of actions available in the toolbar and menu.
+     * Value: An array of ASPxClientMenuAction objects.
+     */
+    Actions: ASPxClientMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value that specifies the action ID.
+     */
+    GetById(actionId: string): ASPxClientMenuAction;
+}
+/**
+ * Provides data for the CustomizeElements events.
+ */
+interface ASPxClientCustomizeElementsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of UI elements.
+     * Value: An array of the ASPxReportUIElement objects.
+     */
+    Elements: ASPxReportUIElement[];
+    /**
+     * Returns UI elements with the specified ID.
+     * @param templateId A string that specifies the element ID.
+     */
+    GetById(templateId: string): ASPxReportUIElement[];
+}
+/**
+ * Provides general information about a report parameter.
+ */
+interface ASPxDesignerElementParameterDescriptor {
+    /**
+     * Provides access to the parameter description.
+     * Value: A String value, specifying the parameter description.
+     */
+    description: string;
+    /**
+     * Provides access to the parameter name.
+     * Value: A String value, specifying the parameter name.
+     */
+    name: string;
+    /**
+     * Provides access to the parameter type.
+     * Value: A String value, specifying the parameter type.
+     */
+    type: string;
+    /**
+     * Provides access to the parameter value.
+     * Value: A Object, specifying the parameter value.
+     */
+    value: Object;
+    /**
+     * Provides access to the parameter visibility state.
+     * Value: true if the parameter is visible; otherwise false.
+     */
+    visible: boolean;
+}
+/**
+ * Provides information about a serialized property's value editor used in the Property Grid.
+ */
+interface ASPxDesignerElementEditor {
+    /**
+     * Gets the name of an HTML template specifying the editor and header of a complex object (i.e., an object having its content properties specified).
+     * Value: A String value.
+     */
+    header: string;
+    /**
+     * Gets a nullable value, specifying the name of an HTML template used by a complex object's editor.
+     * Value: A String value.
+     */
+    content: string;
+    /**
+     * Gets additional options for <a href="https://js.devexpress.com/Documentation/Overview/">DevExtreme</a> UI widgets.
+     * Value: An object that provides editor options.
+     */
+    extendedOptions: Object;
+    /**
+     * Gets a nullable value, specifying the type of the editor's model.
+     * Value: A Object value.
+     */
+    editorType: Object;
+}
+/**
+ * Provides information about property values.
+ */
+interface ASPxDesignerElementEditorItem {
+    /**
+     * Gets an actual property value.
+     * Value: A Object value.
+     */
+    value: Object;
+    /**
+     * Gets a value displayed by a property editor.
+     * Value: A String value.
+     */
+    displayValue: string;
+}
+/**
+ * Provides information about a UI element of the Web Report Designer or Web Document Viewer.
+ */
+interface ASPxReportUIElement {
+    /**
+     * Provides access to an element model.
+     * Value: An object that specifies the element model.
+     */
+    model: Object;
+    /**
+     * Provides access to the name of an HTML template used by an element.
+     * Value: A string that specifies the name of the HTML template.
+     */
+    templateName: string;
+}
+/**
+ * Provides data for the PreviewDocumentReady events.
+ */
+interface ASPxClientWebDocumentViewerDocumentReadyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the report ID.
+     */
+    ReportId: string;
+    /**
+     * Specifies the report document ID.
+     */
+    DocumentId: string;
+    /**
+     * Specifies the total number of pages in a report document.
+     */
+    PageCount: number;
+}
+/**
+ * Provides data for the PreviewEditingFieldChanged events.
+ */
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an editing field whose value has been changed.
+     * Value: An object that specifies an editing field whose content has been changed.
+     */
+    Field: ASPxClientWebDocumentViewerEditingField;
+    /**
+     * Provides access to a previous value of an editing field.
+     * Value: An object that specifies an editing field's previous value.
+     */
+    OldValue: Object;
+    /**
+     * Provides access to a new value of an editing field.
+     * Value: An object that specifies an editing field's new value.
+     */
+    NewValue: Object;
+}
+/**
+ * Provides functionality for a field whose content can be edited in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerEditingField {
+    /**
+     * Provides access to a value that specifies whether or not an editing field's content can be customized in Print Preview.
+     * Returns: true, if a field cannot be edited in Print Preview; otherwise, false.
+     */
+    readOnly: any;
+    /**
+     * Provides access to the current value of an editing field.
+     * Returns: An object that specifies the current field value.
+     */
+    editValue: any;
+    /**
+     * Returns the unique identifier of an editing field.
+     */
+    id(): string;
+    /**
+     * Returns the ID of a logical group to which an editing field for a check box belongs.
+     */
+    groupID(): string;
+    /**
+     * Returns the name of an editor used to change a field value in Print Preview.
+     */
+    editorName(): string;
+    /**
+     * Returns the index of the page on which an editing field is located.
+     */
+    pageIndex(): number;
+}
+/**
+ * Provides data for the PreviewParametersSubmitted events.
+ */
+interface ASPxClientParametersSubmittedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters and their submitted values.
+     * Value: A dictionary containing the parameter names along with their values.
+     */
+    Parameters: { [key: string]: Object; };
+}
+/**
+ * Provides data for the PreviewParametersReset events.
+ */
+interface ASPxClientParametersResetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters whose values have been reset.
+     * Value: An ASPxClientWebDocumentViewerParameter array.
+     */
+    Parameters: ASPxClientWebDocumentViewerParameter[];
+}
+/**
+ * Provides general information about a report parameter on the client-side of the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerParameter {
+    /**
+     * Provides access to the current value of a report parameter.
+     * Value: An object that specifies the report parameter's current value.
+     */
+    value: Object;
+    /**
+     * Provides access to a report parameter's value type.
+     * Value: An object that specifies the report parameter type.
+     */
+    type: Object;
+    /**
+     * Provides access to a value that specifies whether or not a parameter can have multiple values.
+     * Value: true, if a parameter can have multiple values; otherwise, false.
+     */
+    isMultiValue: boolean;
+    /**
+     * Returns an object that provides general information about a report parameter.
+     */
+    getParameterDescriptor(): ASPxDesignerElementParameterDescriptor;
+}
+/**
+ * Provides data for the PreviewClick events.
+ */
+interface ASPxClientPreviewClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying the zero-based index of the page that has been clicked.
+     * Value: An integer value that specifies a page index.
+     */
+    PageIndex: number;
+    /**
+     * Provides information on a visual brick representing content of a report control that has been clicked.
+     * Value: An object that provides information on a visual brick.
+     */
+    Brick: ASPxClientWebDocumentViewerBrick;
+    /**
+     * Specifies whether or not the event was handled and no default processing is required.
+     * Value: true, if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    Handled: boolean;
+    /**
+     * Specifies the default function used to handle the PreviewClick event.
+     */
+    DefaultHandler(): void;
+    /**
+     * Returns the text displayed by the Brick.
+     */
+    GetBrickText(): string;
+    /**
+     * Returns a string providing additional information on the Brick.
+     */
+    GetBrickValue(): string;
+    /**
+     * Returns a string providing additional information about the current Brick by the specified key.
+     * @param key A string that specifies a unique key.
+     */
+    GetBrickValue(key: string): string;
+}
+/**
+ * Provides information about a visual brick used to render a report control to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrick {
+    /**
+     * Provides access to a brick's content.
+     * Value: A dictionary that stores content keys along with the corresponding contents.
+     */
+    content: { [key: string]: string; };
+    /**
+     * Provides access to navigation settings of the current brick.
+     * Value: An object that provides a brick's navigation settings.
+     */
+    navigation: ASPxClientWebDocumentViewerBrickNavigation;
+    /**
+     * Provides access to a brick's top vertical coordinate.
+     * Value: An integer value that specifies the brick's top coordinate.
+     */
+    top: number;
+    /**
+     * Provides access to a brick's left horizontal coordinate.
+     * Value: An integer value that specifies the brick's left coordinate.
+     */
+    left: number;
+    /**
+     * Provides access to a brick's width.
+     * Value: An integer value that specifies the brick width.
+     */
+    width: number;
+    /**
+     * Provides access to a brick's height.
+     * Value: An integer value that specifies the brick height.
+     */
+    height: number;
+    /**
+     * Provides access to a value that specifies whether or not the right-to-left feature is enabled for a brick.
+     * Value: true, if the right-to-left feature is enabled; otherwise, false.
+     */
+    rtl: boolean;
+}
+/**
+ * Provides navigation settings for a brick used to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrickNavigation {
+    /**
+     * Provides access to the URL to navigate to when a brick is a clicked.
+     * Value: A string that specifies the URL.
+     */
+    url: string;
+    /**
+     * Provides access to a value that specifies the target window or frame in which to display the linked Web page's content when the brick is clicked.
+     * Value: A string that specifies the window or frame to which to target the URL's content.
+     */
+    target: string;
+    /**
+     * Provides access to a drill-down key.
+     * Value: A string that specifies a drill-down key.
+     */
+    drillDownKey: string;
+}
+/**
+ * A client-side equivalent of the ASPxWebDocumentViewer class.
+ */
+interface ASPxClientWebDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs after the Web Document Viewer loads a report document.
+     */
+    DocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time an editing field's value changes.
+     */
+    EditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Allows you to customize the Web Document Viewer's UI elements.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Enables you to customize the Web Document Viewer's menu actions.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs when the left mouse button is clicked on a report document.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values are reset to their default values.
+     */
+    ParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values are submitted.
+     */
+    ParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Enables you to customize the Web Document Viewer's localization strings.
+     */
+    CustomizeLocalization: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeLocalizationEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs before the Web Document Viewer UI is initialized.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientWebDocumentViewerBeforeRenderEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Provides access to the Document Viewer's client-side model.
+     */
+    GetPreviewModel(): ASPxClientSidePreviewModel;
+    /**
+     * Provides access to the report preview.
+     */
+    GetReportPreview(): ASPxClientReportPreview;
+    /**
+     * Provide access to the report parameters' client-side model.
+     */
+    GetParametersModel(): ASPxClientSideParametersModel;
+    /**
+     * Enables navigation between drill-through reports on the client-side.
+     * @param customData Provides access to custom client data associated with a currently previewed report.
+     */
+    DrillThrough(customData: string): any;
+    /**
+     * Opens the specified report on the Web Document Viewer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): any;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value that specifies the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     * @param inlineResult true, to try opening the result file in a new browser tab without a download; otherwise, false.
+     */
+    ExportTo(format: string, inlineResult: boolean): void;
+    /**
+     * Returns the current page's zero-based index.
+     */
+    GetCurrentPageIndex(): number;
+    /**
+     * Displays the report page with the specified page index.
+     * @param pageIndex A zero-based integer value that specifies the index of a page to be displayed.
+     */
+    GoToPage(pageIndex: number): void;
+    /**
+     * Closes the document which is currently opened in the Web Document Viewer.
+     */
+    Close(): void;
+    /**
+     * Resets the report parameter values to the default values.
+     */
+    ResetParameters(): void;
+    /**
+     * Starts building a report document.
+     */
+    StartBuild(): void;
+    /**
+     * Performs a custom operation with a currently opened document on the client side.
+     */
+    PerformCustomDocumentOperation(): any;
+    /**
+     * Performs a custom operation with a currently opened document on the client-side.
+     * @param customData Provides access to custom client data associated with a target document operation.
+     */
+    PerformCustomDocumentOperation(customData: string): any;
+    /**
+     * Performs a custom operation with a currently opened document on the client-side.
+     * @param customData Provides access to custom client data associated with a target document operation.
+     * @param hideMessageFromUser true, to hide a message with the operation result from a user; otherwise, false.
+     */
+    PerformCustomDocumentOperation(customData: string, hideMessageFromUser: boolean): any;
+    /**
+     * Updates the Web Document Viewer properties' localization settings.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+}
+/**
+ * A method that will handle the EditingFieldChanged event.
+ */
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<S> {
+    /**
+     * A method that will handle the PreviewEditingFieldChanged event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerEditingFieldChangedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientWebDocumentViewerEditingFieldChangedEventArgs): void;
+}
+/**
+ * A method that will handle the DocumentReady event.
+ */
+interface ASPxClientWebDocumentViewerDocumentReadyEventHandler<S> {
+    /**
+     * A method that will handle the PreviewDocumentReady event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerDocumentReadyEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientWebDocumentViewerDocumentReadyEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeElementsEventHandler<S> {
+    /**
+     * A method that will handle the PreviewCustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the PreviewClick event.
+ */
+interface ASPxClientWebDocumentViewerPreviewClickEventHandler<S> {
+    /**
+     * A method that will handle the PreviewClick event.
+     * @param source The event sender.
+     * @param e An ASPxClientPreviewClickEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientPreviewClickEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersReset event.
+ */
+interface ASPxClientWebDocumentViewerParametersResetEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersReset event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersResetEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersResetEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersSubmitted event.
+ */
+interface ASPxClientWebDocumentViewerParametersSubmittedEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersSubmitted event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersSubmittedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersSubmittedEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeLocalization event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeLocalizationEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeLocalization event.
+     * @param source The event sender.
+     */
+    (source: S): void;
+}
+/**
+ * A method that will handle the BeforeRender event.
+ */
+interface ASPxClientWebDocumentViewerBeforeRenderEventHandler<S> {
+    /**
+     * A method that will handle the BeforeRender event.
+     * @param source The event sender.
+     * @param previewModel A client-side Document Viewer model.
+     */
+    (source: S, previewModel: Object): void;
+}
+/**
+ * Provides information about the result of preforming a custom document operation on the client side.
+ */
+interface ASPxClientWebDocumentViewerDocumentOperationResponse {
+    /**
+     * Specifies whether a document operation has been successfully performed.
+     * Value: true, if the document operation has been successfully performed; otherwise, false.
+     */
+    succeeded: boolean;
+    /**
+     * Specifies the error message to display if performing a document operation fails.
+     * Value: A string specifying the text of the error message.
+     */
+    message: string;
+    /**
+     * Specifies custom data associated with the performed document operation.
+     * Value: A string containing information associated with the document operation.
+     */
+    customData: string;
+    /**
+     * Specifies the document ID.
+     * Value: A string that specifies the document ID.
+     */
+    documentId: string;
+}
+/**
+ * Provides information a client-side Document Preview model.
+ */
+interface ASPxClientSidePreviewModel {
+    /**
+     * Provides access to the report preview.
+     * Value: An object that specifies the report preview.
+     */
+    reportPreview: ASPxClientReportPreview;
+    /**
+     * Provides access to a panel at the right of the Document Viewer.
+     * Value: An object that specifies the panel at the right of the Document Viewer.
+     */
+    tabPanel: ASPxClientDocumentPreviewTabPanel;
+    /**
+     * Opens the specified report on the Web Document Viewer's client side.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): any;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value that specifies the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     * @param inlineResult true, to try opening the result file in a new browser tab without a download; otherwise, false.
+     */
+    ExportTo(format: string, inlineResult: boolean): void;
+    /**
+     * Returns the current page's zero-based index.
+     */
+    GetCurrentPageIndex(): number;
+    /**
+     * Displays the report page with the specified page index.
+     * @param pageIndex A zero-based integer value that specifies the index of a page to be displayed.
+     */
+    GoToPage(pageIndex: number): void;
+    /**
+     * Closes the document which is currently opened in the Web Document Viewer.
+     */
+    Close(): void;
+    /**
+     * Resets the report parameter values to the default values.
+     */
+    ResetParameters(): void;
+    /**
+     * Starts building a report document.
+     */
+    StartBuild(): void;
+    /**
+     * Provide access to the report parameters' client-side model.
+     */
+    GetParametersModel(): ASPxClientSideParametersModel;
+}
+/**
+ * Provides information about the Document Viewer's tab panel.
+ */
+interface ASPxClientDocumentPreviewTabPanel {
+    /**
+     * Specifies the width of the panel at the right of the Document Viewer.
+     * Value: A knockout observable object that specifies the tab panel width.
+     */
+    width: any;
+    /**
+     * Specifies whether the panel at the right of the Document Viewer is collapsed.
+     * Value: A knockout observable object that specifies whether the tab panel is collapsed.
+     */
+    collapsed: any;
+    /**
+     * Provides access to the tabs of the panel at the right of the Document Viewer.
+     * Value: A collection of ASPxClientDocumentPreviewTab objects.
+     */
+    tabs: ASPxClientDocumentPreviewTab[];
+}
+/**
+ * Provides information about a tab available in the Document Viewer.
+ */
+interface ASPxClientDocumentPreviewTab {
+    /**
+     * Provides access to the name of an HTML template used by a tab.
+     * Value: A knockout observable string that specifies the name of the HTML template used by the tab.
+     */
+    template: string;
+    /**
+     * Provides access to the tab text.
+     * Value: A string that specifies the tab text.
+     */
+    text: string;
+    /**
+     * Provides access to a tab model.
+     * Value: An object that specifies the tab model.
+     */
+    model: Object;
+    /**
+     * Provides access to the value that specifies whether a tab is active.
+     * Value: A knockout observable object that specifies whether the tab is active.
+     */
+    active: any;
+    /**
+     * Provides access to the value that specifies whether a tab is visible.
+     * Value: A knockout observable object that specifies whether the tab is visible.
+     */
+    visible: any;
+}
+/**
+ * Provides information about the report parameters' client-side model.
+ */
+interface ASPxClientSideParametersModel {
+    /**
+     * Provides information about the tab for specifying parameter values.
+     * Value: An object that provides information about the Parameters tab.
+     */
+    tabInfo: ASPxClientDocumentPreviewTab;
+    /**
+     * Initiates passing parameter values and generating the report document.
+     */
+    submit(): void;
+    /**
+     * Serializes report parameters before passing them to the server.
+     */
+    serializeParameters(): void;
+}
+/**
+ * Provides information about a report preview.
+ */
+interface ASPxClientReportPreview {
+    /**
+     * Zooms the Document Viewer's current document.
+     * Value: A knockout observable object that specifies the zoom factor.
+     */
+    zoom: any;
+    /**
+     * Enables the Document Viewer's multi-page mode.
+     * Value: A knockout observable object that specifies whether the multi-page mode is enabled.
+     */
+    showMultipagePreview: any;
+    /**
+     * Provides access to the current document page's index.
+     * Value: A knockout observable object that specifies the zero-based index of the current page.
+     */
+    pageIndex: any;
+    /**
+     * Provides access to document pages.
+     * Value: An array of objects that specify document pages.
+     */
+    pages: any;
+    /**
+     * Provides access to a value that specifies whether the document is currently building.
+     * Value: A knockout observable object that specifies whether the document is building.
+     */
+    documentBuilding: any;
+}
+
+interface MVCxClientDashboardViewerStatic extends ASPxClientDashboardViewerStatic {
+}
+interface DashboardDataAxisNamesStatic {
+    /**
+     * Identifies a default axis in all data-bound dashboard items.
+     */
+    DefaultAxis: string;
+    /**
+     * Identifies a series axis in a chart and pie.
+     */
+    ChartSeriesAxis: string;
+    /**
+     * Identifies an argument axis in a chart, scatter chart and pie.
+     */
+    ChartArgumentAxis: string;
+    /**
+     * Identifies a sparkline axis in a grid and cards.
+     */
+    SparklineAxis: string;
+    /**
+     * Identifies a pivot column axis.
+     */
+    PivotColumnAxis: string;
+    /**
+     * Identifies a pivot row axis.
+     */
+    PivotRowAxis: string;
+}
+interface DashboardSpecialValuesStatic {
+    /**
+     * Represents a null value.
+     */
+    NullValue: string;
+    /**
+     * Represents a null value in OLAP mode.
+     */
+    OlapNullValue: string;
+    /**
+     * Represents an Others value.
+     */
+    OthersValue: string;
+    /**
+     * Represents an error value (for instance, this can be a calculated field value that cannot be evaluated).
+     */
+    ErrorValue: string;
+    /**
+     * Returns whether or not the specified value is an NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OlapNullValue.
+     * @param value The specified value.
+     */
+    IsOlapNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an ErrorValue.
+     * @param value The specified value.
+     */
+    IsErrorValue(value: Object): boolean;
+}
+interface DashboardExportPageLayoutStatic {
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is portrait.
+     */
+    Portrait: string;
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is landscape.
+     */
+    Landscape: string;
+}
+interface DashboardExportPaperKindStatic {
+    /**
+     * Letter paper (8.5 in. by 11 in.).
+     */
+    Letter: string;
+    /**
+     * Legal paper (8.5 in. by 14 in.).
+     */
+    Legal: string;
+    /**
+     * Executive paper (7.25 in. by 10.5 in.).
+     */
+    Executive: string;
+    /**
+     * A5 paper (148 mm by 210 mm).
+     */
+    A5: string;
+    /**
+     * A4 paper (210 mm by 297 mm).
+     */
+    A4: string;
+    /**
+     * A3 paper (297 mm by 420 mm).
+     */
+    A3: string;
+}
+interface DashboardExportScaleModeStatic {
+    /**
+     * The dashboard (dashboard item) on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard (dashboard item) on the exported page is changed according to the scale factor value.
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed according to the width of the exported page.
+     */
+    AutoFitToPageWidth: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed to fit its content on a single page.
+     */
+    AutoFitWithinOnePage: string;
+}
+interface DashboardExportDocumentScaleModeStatic {
+    /**
+     * The dashboard / dashboard item on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard / dashboard item on the exported page is changed according to the scale factor value (ScaleFactor).
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard / dashboard item is changed according to the width of the exported pages.
+     */
+    AutoFitToPagesWidth: string;
+}
+interface DashboardExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
+    None: string;
+    /**
+     * The filter state is placed below the dashboard (dashboard item) in the exported document.
+     */
+    Below: string;
+    /**
+     * The filter state is placed on a separate page in the exported document.
+     */
+    SeparatePage: string;
+}
+interface DashboardStateExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported dashboard/dashboard item.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate page.
+     */
+    SeparatePage: string;
+}
+interface DashboardStateExcelExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported data.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate sheet.
+     */
+    SeparateSheet: string;
+}
+interface DashboardExportImageFormatStatic {
+    /**
+     * The PNG image format.
+     */
+    Png: string;
+    /**
+     * The GIF image format.
+     */
+    Gif: string;
+    /**
+     * The JPG image format.
+     */
+    Jpg: string;
+}
+interface ExcelExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
+    none: string;
+    /**
+     * The filter state is placed below in the exported document.
+     */
+    below: string;
+    /**
+     * The filter state is placed on a separate sheet in the exported workbook.
+     */
+    separatePage: string;
+}
+interface DashboardExportExcelFormatStatic {
+    /**
+     * The Excel 97 - Excel 2003 (XLS) file format.
+     */
+    Xls: string;
+    /**
+     * The Office Excel 2007 XML-based (XLSX) file format.
+     */
+    Xlsx: string;
+    /**
+     * A comma-separated values (CSV) file format.
+     */
+    Csv: string;
+}
+interface ChartExportSizeModeStatic {
+    /**
+     * A chart dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A chart dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A chart dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface MapExportSizeModeStatic {
+    /**
+     * A map dashboard item is exported in a size identical to that shown on the dashboard
+     */
+    None: string;
+    /**
+     * A map dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface TreemapExportSizeModeStatic {
+    /**
+     * For internal use.
+     */
+    none: string;
+    /**
+     * For internal use.
+     */
+    zoom: string;
+}
+interface RangeFilterExportSizeModeStatic {
+    /**
+     * A Range Filter dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A Range Filter dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A Range Filter dashboard item is resized proportionally to best fit the printed page.
+     */
+    Zoom: string;
+}
+interface DashboardSelectionModeStatic {
+    None: string;
+    Single: string;
+    Multiple: string;
+}
+interface ASPxClientDashboardStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDashboardViewer;
+}
+interface ASPxClientEditBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientEditStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Assigns a null value to all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container, and belonging to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ClearEditorsInContainer(container: Object): void;
+    /**
+     * Assigns a null value to all editors which are located within the specified container object, and belonging to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object, and belonging to a specific validation group.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object.
+     * @param containerId A string value specifying the editor container's identifier.
+     */
+    ClearEditorsInContainerById(containerId: string): void;
+    /**
+     * Assigns a null value to all editors which belong to a specific validation group, dependent on the visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified validation group; false to clear only visible editors.
+     */
+    ClearGroup(validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors which belong to a specific validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearGroup(validationGroup: string): void;
+    /**
+     * Performs validation of all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ValidateEditorsInContainer(container: Object): boolean;
+    /**
+     * Performs validation of the editors which are located within the specified container and belong to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors which are located within the specified container.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    ValidateEditorsInContainerById(containerId: string): boolean;
+    /**
+     * Performs validation of editors contained within the specified validation group, dependent on the editor visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified validation group; false to validate only visible editors.
+     */
+    ValidateGroup(validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors contained within the specified validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ValidateGroup(validationGroup: string): boolean;
+    /**
+     * Verifies whether the editors in a specified visibility state, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(container: Object, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(container: Object, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors located in a specified container are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    AreEditorsValid(container: Object): boolean;
+    /**
+     * Verifies whether the editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    AreEditorsValid(containerId: string): boolean;
+    /**
+     * Verifies whether visible editors on a page are valid.
+     */
+    AreEditorsValid(): boolean;
+    /**
+     * Attaches a handler to the ASPxClientEdit's event indicating whether the editor has been changed since the previous state.
+     * @param handler An object representing a handler.
+     * @param predicate An ASPxClientControlPredicate object representing the predicate criteria.
+     */
+    AttachEditorModificationListener(handler: Object, predicate: ASPxClientControlPredicate): void;
+    /**
+     * Detaches a handler from the editor's event if the editor meets the predicate criteria.
+     * @param handler An object representing a handler.
+     * @param predicate An ASPxClientControlPredicate object representing a predicate criteria.
+     */
+    DetachEditorModificationListener(handler: Object, predicate: ASPxClientControlPredicate): void;
+}
+interface ASPxClientBinaryImageStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientBinaryImage;
+}
+interface ASPxClientButtonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButton;
+}
+interface ASPxClientCalendarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCalendar;
+}
+interface ASPxClientCaptchaStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCaptcha;
+}
+interface ASPxClientCheckBoxStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBox;
+}
+interface ASPxClientRadioButtonStatic extends ASPxClientCheckBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButton;
+}
+interface ASPxClientTextEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientTextBoxBaseStatic extends ASPxClientTextEditStatic {
+}
+interface ASPxClientButtonEditBaseStatic extends ASPxClientTextBoxBaseStatic {
+}
+interface ASPxClientDropDownEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientColorEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientColorEdit;
+}
+interface ASPxClientComboBoxStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientComboBox;
+}
+interface ASPxClientDateEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDateEdit;
+}
+interface ASPxClientDropDownEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDropDownEdit;
+}
+interface ASPxClientFilterControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFilterControl;
+}
+interface ASPxClientListEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientListBoxStatic extends ASPxClientListEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientListBox;
+}
+interface ASPxClientCheckListBaseStatic extends ASPxClientListEditStatic {
+}
+interface ASPxClientRadioButtonListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButtonList;
+}
+interface ASPxClientCheckBoxListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBoxList;
+}
+interface ASPxClientProgressBarStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientProgressBar;
+}
+interface ASPxClientSpinEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientSpinEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpinEdit;
+}
+interface ASPxClientTimeEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimeEdit;
+}
+interface ASPxClientStaticEditStatic extends ASPxClientEditBaseStatic {
+}
+interface ASPxClientHyperLinkStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHyperLink;
+}
+interface ASPxClientImageBaseStatic extends ASPxClientStaticEditStatic {
+}
+interface ASPxClientImageStatic extends ASPxClientImageBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImage;
+}
+interface ASPxClientLabelStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLabel;
+}
+interface ASPxClientTextBoxStatic extends ASPxClientTextBoxBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTextBox;
+}
+interface ASPxClientMemoStatic extends ASPxClientTextEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMemo;
+}
+interface ASPxClientButtonEditStatic extends ASPxClientButtonEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButtonEdit;
+}
+interface ASPxClientTokenBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTokenBox;
+}
+interface ASPxClientTrackBarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTrackBar;
+}
+interface ASPxClientValidationSummaryStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGaugeControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGaugeControl;
+}
+interface ASPxClientGridBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGridViewCallbackCommandStatic {
+    /**
+     * Default value: "NEXTPAGE"
+     */
+    NextPage: string;
+    /**
+     * Default value: "PREVPAGE"
+     */
+    PreviousPage: string;
+    /**
+     * Default value: "GOTOPAGE"
+     */
+    GotoPage: string;
+    /**
+     * Default value: "SELECTROWS"
+     */
+    SelectRows: string;
+    /**
+     * Default value: "SELECTROWSKEY"
+     */
+    SelectRowsKey: string;
+    /**
+     * Default value: "SELECTION"
+     */
+    Selection: string;
+    /**
+     * Default value: "FOCUSEDROW"
+     */
+    FocusedRow: string;
+    /**
+     * Default value: "GROUP"
+     */
+    Group: string;
+    /**
+     * Default value: "UNGROUP"
+     */
+    UnGroup: string;
+    /**
+     * Default value: "SORT"
+     */
+    Sort: string;
+    /**
+     * Default value: "COLUMNMOVE"
+     */
+    ColumnMove: string;
+    /**
+     * Default value: "COLLAPSEALL"
+     */
+    CollapseAll: string;
+    /**
+     * Default value: "EXPANDALL"
+     */
+    ExpandAll: string;
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+    /**
+     * Default value: "COLLAPSEROW"
+     */
+    CollapseRow: string;
+    /**
+     * Default value: "HIDEALLDETAIL"
+     */
+    HideAllDetail: string;
+    /**
+     * Default value: "SHOWALLDETAIL"
+     */
+    ShowAllDetail: string;
+    /**
+     * Default value: "SHOWDETAILROW"
+     */
+    ShowDetailRow: string;
+    /**
+     * Default value: "HIDEDETAILROW"
+     */
+    HideDetailRow: string;
+    /**
+     * Default value: "PAGERONCLICK"
+     */
+    PagerOnClick: string;
+    /**
+     * Default value: "APPLYFILTER"
+     */
+    ApplyFilter: string;
+    /**
+     * Default value: "APPLYCOLUMNFILTER"
+     */
+    ApplyColumnFilter: string;
+    /**
+     * Default value: "APPLYMULTICOLUMNFILTER"
+     */
+    ApplyMultiColumnFilter: string;
+    /**
+     * Default value: "APPLYHEADERCOLUMNFILTER"
+     */
+    ApplyHeaderColumnFilter: string;
+    /**
+     * Default value: "APPLYSEARCHPANELFILTER"
+     */
+    ApplySearchPanelFilter: string;
+    /**
+     * Default value: "APPLYCUSTOMIZATIONDIALOGCHANGES"
+     */
+    ApplyCustomizationDialogChanges: string;
+    /**
+     * Default value: "FILTERROWMENU"
+     */
+    FilterRowMenu: string;
+    /**
+     * Default value: "STARTEDIT"
+     */
+    StartEdit: string;
+    /**
+     * Default value: "CANCELEDIT"
+     */
+    CancelEdit: string;
+    /**
+     * Default value: "UPDATEEDIT"
+     */
+    UpdateEdit: string;
+    /**
+     * Default value: "ADDNEWROW"
+     */
+    AddNewRow: string;
+    /**
+     * Default value: "DELETEROW"
+     */
+    DeleteRow: string;
+    /**
+     * Default value: "CUSTOMBUTTON"
+     */
+    CustomButton: string;
+    /**
+     * Default value: "CUSTOMCALLBACK"
+     */
+    CustomCallback: string;
+    /**
+     * Default value: "SHOWFILTERCONTROL"
+     */
+    ShowFilterControl: string;
+    /**
+     * Default value: "CLOSEFILTERCONTROL"
+     */
+    CloseFilterControl: string;
+    /**
+     * Default value: "SETFILTERENABLED"
+     */
+    SetFilterEnabled: string;
+    /**
+     * Default value: "REFRESH"
+     */
+    Refresh: string;
+    /**
+     * Default value: "SELFIELDVALUES"
+     */
+    SelFieldValues: string;
+    /**
+     * Default value: "ROWVALUES"
+     */
+    RowValues: string;
+    /**
+     * Default value: "PAGEROWVALUES"
+     */
+    PageRowValues: string;
+    /**
+     * Default value: "FILTERPOPUP"
+     */
+    FilterPopup: string;
+    /**
+     * Default value: "CONTEXTMENU"
+     */
+    ContextMenu: string;
+    /**
+     * Default value: "TOOLBAR"
+     */
+    Toolbar: string;
+    /**
+     * Default value: "EXPORT"
+     */
+    Export: string;
+    /**
+     * Default value: "CUSTOMVALUES"
+     */
+    CustomValues: string;
+}
+interface ASPxClientGridExportFormatStatic {
+    /**
+     * Identifies Portable Document Format (.pdf).
+     */
+    Pdf: string;
+    /**
+     * Identifies DOCX format (.docx).
+     */
+    Docx: string;
+    /**
+     * Identifies Rich Text Format (.rtf).
+     */
+    Rtf: string;
+    /**
+     * Identifies Comma Separated Values format (.csv).
+     */
+    Csv: string;
+    /**
+     * Identifies Excel Binary File format (.xls).
+     */
+    Xls: string;
+    /**
+     * Identifies XML spreadsheet file format (.xlsx).
+     */
+    Xlsx: string;
+}
+interface ASPxClientGridLookupStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridLookup;
+}
+interface ASPxClientCardViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCardView;
+}
+interface ASPxClientCardViewExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientGridViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridView;
+}
+interface ASPxClientGridViewExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientVerticalGridStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientVerticalGrid;
+}
+interface ASPxClientVerticalGridCallbackCommandStatic {
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+}
+interface ASPxClientVerticalGridExportFormatStatic extends ASPxClientGridExportFormatStatic {
+}
+interface ASPxClientCommandConstsStatic {
+    /**
+     * Identifies a command that shows a search panel.
+     * Value: "showsearchpanel"
+     */
+    SHOWSEARCHPANEL_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Find and Replace dialog.
+     * Value: "findandreplacedialog"
+     */
+    FINDANDREPLACE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that applies the bold text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "bold"
+     */
+    BOLD_COMMAND: string;
+    /**
+     * Identifies a command that makes the selected text italic or regular type depending on the current state.
+     * Value: "italic"
+     */
+    ITALIC_COMMAND: string;
+    /**
+     * Identifies a command that applies the underline text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "underline"
+     */
+    UNDERLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the strike through text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "strikethrough"
+     */
+    STRIKETHROUGH_COMMAND: string;
+    /**
+     * Identifies a command that applies the superscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "superscript"
+     */
+    SUPERSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that applies the subscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "subscript"
+     */
+    SUBSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that centers the content of the currently focused paragraph.
+     * Value: "justifycenter"
+     */
+    JUSTIFYCENTER_COMMAND: string;
+    /**
+     * Identifies a command that left justifies the content of the currently focused paragraph.
+     * Value: "justifyleft"
+     */
+    JUSTIFYLEFT_COMMAND: string;
+    /**
+     * Identifies a command that creates an indent for the selected paragarph.
+     * Value: "indent"
+     */
+    INDENT_COMMAND: string;
+    /**
+     * Identifies a command that creates an outdent for the focused paragarph.
+     * Value: "outdent"
+     */
+    OUTDENT_COMMAND: string;
+    /**
+     * Identifies a command that right justifies the content of the currently focused paragraph.
+     * Value: "justifyright"
+     */
+    JUSTIFYRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that fully justifies the content of the currently focused paragraph (aligned with both the left and right margines).
+     * Value: "justifyfull"
+     */
+    JUSTIFYFULL_COMMAND: string;
+    /**
+     * Identifies a command that changes the size of the selected text.
+     * Value: "fontsize"
+     */
+    FONTSIZE_COMMAND: string;
+    /**
+     * Identifies a command that changes the font of the selected text.
+     * Value: "fontname"
+     */
+    FONTNAME_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a fore color pickers and sets the selected text fore color.
+     * Value: "forecolor"
+     */
+    FONTCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a back color pickers and sets the selected text back color.
+     * Value: "backcolor"
+     */
+    BACKCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that wraps the selected paragraph in the specified html tag.
+     * Value: "formatblock"
+     */
+    FORMATBLOCK_COMMAND: string;
+    /**
+     * Identifies a command that wraps the currently selected text content in a specific html tag with a css class assigned to it.
+     * Value: "applycss"
+     */
+    APPLYCSS_COMMAND: string;
+    /**
+     * Identifies a command that removes all formatting from the selected content.
+     * Value: "removeformat"
+     */
+    REMOVEFORMAT_COMMAND: string;
+    /**
+     * Identifies a command that cancels the last action.
+     * Value: "undo"
+     */
+    UNDO_COMMAND: string;
+    /**
+     * Identifies a command that returns a previously canceled action.
+     * Value: "redo"
+     */
+    REDO_COMMAND: string;
+    /**
+     * Identifies a command that copies the selected content.
+     * Value: "copy"
+     */
+    COPY_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard at the current cursor position.
+     * Value: "paste"
+     */
+    PASTE_COMMAND: string;
+    /**
+     * Identifies a command that pastes a specified content taking into account that it was copied from Word.
+     * Value: "pastefromword"
+     */
+    PASTEFROMWORD_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Paste from Word dialog.
+     * Value: "pastefromworddialog"
+     */
+    PASTEFROMWORDDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that cuts the selected content.
+     * Value: "cut"
+     */
+    CUT_COMMAND: string;
+    /**
+     * Identifies a command that selects all content inside the html editor.
+     * Value: "selectall"
+     */
+    SELECT_ALL: string;
+    /**
+     * Identifies a command that deletes the selected content.
+     * Value: "delete"
+     */
+    DELETE_COMMAND: string;
+    /**
+     * Identifies a command that can be used to correctly insert HTML code into the editor.
+     * Value: "pastehtml"
+     */
+    PASTEHTML_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new ordered list.
+     * Value: "insertorderedlist"
+     */
+    INSERTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new unordered list.
+     * Value: "insertunorderedlist"
+     */
+    INSERTUNORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that restarts the current ordered list.
+     * Value: "restartorderedlist"
+     */
+    RESTARTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that continues a disrupted ordered list.
+     * Value: "continueorderedlist"
+     */
+    CONTINUEORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that removes a hyperlink from the selected text or image.
+     * Value: "unlink"
+     */
+    UNLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new hyperlink.
+     * Value: "insertlink"
+     */
+    INSERTLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new image.
+     * Value: "insertimage"
+     */
+    INSERTIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected image.
+     * Value: "changeimage"
+     */
+    CHANGEIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that initiates spell checking.
+     * Value: "checkspelling"
+     */
+    CHECKSPELLING_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Image dialog.
+     * Value: "insertimagedialog"
+     */
+    INSERTIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Image dialog.
+     * Value: "changeimagedialog"
+     */
+    CHANGEIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Link dialog.
+     * Value: "insertlinkdialog"
+     */
+    INSERTLINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Link dialog.
+     * Value: "changelinkdialog"
+     */
+    CHANGELINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Table dialog.
+     * Value: "inserttabledialog"
+     */
+    INSERTTABLE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Table Properties dialog.
+     * Value: "tablepropertiesdialog"
+     */
+    TABLEPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Cell Properties dialog.
+     * Value: "tablecellpropertiesdialog"
+     */
+    TABLECELLPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Column Properties dialog.
+     * Value: "tablecolumnpropertiesdialog"
+     */
+    TABLECOLUMNPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Row Properties dialog.
+     * Value: "tablerowpropertiesdialog"
+     */
+    TABLEROWPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes a default browser Print dialog, allowing an end-user to print the content of the html editor.
+     * Value: "print"
+     */
+    PRINT_COMMAND: string;
+    /**
+     * Identifies a command that toggles the full-screen mode.
+     * Value: "fullscreen"
+     */
+    FULLSCREEN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new table.
+     * Value: "inserttable"
+     */
+    INSERTTABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table.
+     * Value: "changetable"
+     */
+    CHANGETABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table cell.
+     * Value: "changetablecell"
+     */
+    CHANGETABLECELL_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table row.
+     * Value: "changetablerow"
+     */
+    CHANGETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table column.
+     * Value: "changetablecolumn"
+     */
+    CHANGETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table.
+     * Value: "deletetable"
+     */
+    DELETETABLE_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table row.
+     * Value: "deletetablerow"
+     */
+    DELETETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table column.
+     * Value: "deletetablecolumn"
+     */
+    DELETETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the left from the currently focused one.
+     * Value: "inserttablecolumntoleft"
+     */
+    INSERTTABLECOLUMNTOLEFT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the right from the currently focused one.
+     * Value: "inserttablecolumntoright"
+     */
+    INSERTTABLECOLUMNTORIGHT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row below the currently focused one.
+     * Value: "inserttablerowbelow"
+     */
+    INSERTTABLEROWBELOW_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row above the currently focused one.
+     * Value: "inserttablerowabove"
+     */
+    INSERTTABLEROWABOVE_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell horizontally.
+     * Value: "splittablecellhorizontally"
+     */
+    SPLITTABLECELLHORIZONTALLY_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell vertically.
+     * Value: "splittablecellvertically"
+     */
+    SPLITTABLECELLVERTICALLY_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one to the right.
+     * Value: "mergetablecellright"
+     */
+    MERGETABLECELLRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one below.
+     * Value: "mergetablecelldown"
+     */
+    MERGETABLECELLDOWN_COMMAND: string;
+    /**
+     * Identifies a command that invokes a custom dialog.
+     * Value: "customdialog"
+     */
+    CUSTOMDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that exports the html editor content.
+     * Value: "export"
+     */
+    EXPORT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new audio element.
+     * Value: "insertaudio"
+     */
+    INSERTAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new video.
+     * Value: "insertvideo"
+     */
+    INSERTVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new flash element.
+     * Value: "insertflash"
+     */
+    INSERTFLASH_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new YouTube video.
+     * Value: "insertyoutubevideo"
+     */
+    INSERTYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected audio element.
+     * Value: "changeaudio"
+     */
+    CHANGEAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected video element.
+     * Value: "changevideo"
+     */
+    CHANGEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected flash element.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected YouTube video element.
+     * Value: "changeyoutubevideo"
+     */
+    CHANGEYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Audio dialog.
+     * Value: "insertaudiodialog"
+     */
+    INSERTAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Video dialog.
+     * Value: "insertvideodialog"
+     */
+    INSERTVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Flash dialog.
+     * Value: "insertflashdialog"
+     */
+    INSERTFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert YouTube Video dialog.
+     * Value: "insertyoutubevideodialog"
+     */
+    INSERTYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Audio dialog.
+     * Value: "changeaudiodialog"
+     */
+    CHANGEAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Video dialog.
+     * Value: "changevideodialog"
+     */
+    CHANGEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Flash dialog.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change YouTube Video dialog.
+     * Value: "changeyoutubevideodialog"
+     */
+    CHANGEYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to SourceFormatting.
+     * Value: "pastehtmlsourceformatting"
+     */
+    PASTEHTMLSOURCEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to PlainText.
+     * Value: "pastehtmlplaintext"
+     */
+    PASTEHTMLPLAINTEXT_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to MergeFormatting.
+     * Value: "pastehtmlmergeformatting"
+     */
+    PASTEHTMLMERGEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new placeholder.
+     * Value: "insertplaceholder"
+     */
+    INSERTPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected placeholder.
+     * Value: "changeplaceholder"
+     */
+    CHANGEPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Placeholder dialog.
+     * Value: "insertplaceholderdialog"
+     */
+    INSERTPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Placeholder dialog.
+     * Value: "changeplaceholderdialog"
+     */
+    CHANGEPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that updates the editor content.
+     * Value: "updatedocument"
+     */
+    UPDATEDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that changes properties of the element selected in the tag inspector.
+     * Value: "changeelementproperties"
+     */
+    CHANGEELEMENTPROPERTIES_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Element Properties dialog.
+     * Value: "changeelementpropertiesdialog"
+     */
+    CHANGEELEMENTPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that comments the selected HTML code. If no code is selected, it comments the focused tag.
+     * Value: "comment"
+     */
+    COMMENT_COMMAND: string;
+    /**
+     * Identifies a command that uncomments the selected HTML code. If no code is selected, the command uncomments the currently focused tag.
+     * Value: "uncomment"
+     */
+    UNCOMMENTHTML_COMMAND: string;
+    /**
+     * Identifies a command that formats the current HTML document.
+     * Value: "formatdocument"
+     */
+    FORMATDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that applies the indent formatting to the selected content.
+     * Value: "indent"
+     */
+    INDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the outdent formatting to the focused content.
+     * Value: "outdent"
+     */
+    OUTDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that collapses the selected HTML tag.
+     * Value: "collapsetag"
+     */
+    COLLAPSETAG_COMMAND: string;
+    /**
+     * Identifies a command that expands the selected HTML tag.
+     * Value: "expandtag"
+     */
+    EXPANDTAG_COMMAND: string;
+    /**
+     * Identifies a command that shows intellisense for the HTML code editor.
+     * Value: "showintellisense"
+     */
+    SHOWINTELLISENSE_COMMAND: string;
+}
+interface ASPxClientHtmlEditorStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHtmlEditor;
+    /**
+     * Programmatically closes a custom dialog, supplying it with specific parameters.
+     * @param status An object representing a custom dialog's closing status.
+     * @param data An object representing custom data associated with a custom dialog.
+     */
+    CustomDialogComplete(status: Object, data: Object): void;
+    /**
+     * Highlights the text.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     */
+    HighlightText(text: string, searchContainer: Object): void;
+    /**
+     * Highlights the text with the specified settings.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     * @param className A string value specifying the text color.
+     */
+    HighlightText(text: string, searchContainer: Object, className: string): void;
+    /**
+     * Highlights the text with the specified text color and background color.
+     * @param text A string value specifying the text to be highlighted.
+     * @param searchContainer An object specifying the container where the specified text should be searched.
+     * @param color A string value specifying the text color.
+     * @param backgroundColor A string value specifying the background color.
+     */
+    HighlightText(text: string, searchContainer: Object, color: string, backgroundColor: string): void;
+}
+interface ASPxClientHtmlEditorMediaPreloadModeStatic {
+    /**
+     * The browser does not load a media file when the page loads.
+     */
+    None: string;
+    /**
+     * The browser loads the entire video when the page loads.
+     */
+    Auto: string;
+    /**
+     * The browser loads only metadata when the page loads.
+     */
+    Metadata: string;
+}
+interface ASPxClientPivotGridStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPivotGrid;
+}
+interface ASPxClientPivotCustomizationStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRichEditStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRichEdit;
+}
+interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
+}
+interface ASPxClientSchedulerStorageControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientScheduler;
+}
+interface ASPxSchedulerDateTimeHelperStatic {
+    /**
+     * Returns the date part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the date.
+     */
+    TruncToDate(date: Date): Date;
+    /**
+     * Returns the day time part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the day time.
+     */
+    ToDayTime(date: Date): any;
+    /**
+     * Adds the specified number of days to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add days.
+     * @param dayCount The number of days to add.
+     */
+    AddDays(date: Date, dayCount: number): Date;
+    /**
+     * Adds the specified timespan to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add a timespan.
+     * @param timeSpan A TimeSpan object specifying the timespan to add.
+     */
+    AddTimeSpan(date: Date, timeSpan: any): Date;
+    /**
+     * Rounds a DateTime value up to the nearest interval.
+     * @param date A DateTime object containing a value to round.
+     * @param spanInMs A TimeSpan object specifying an interval to which to round.
+     */
+    CeilDateTime(date: Date, spanInMs: any): Date;
+}
+interface ASPxClientTimeIntervalStatic {
+    /**
+     * Calculates the time interval duration.
+     * @param start A DateTime value that specifies the start date time value.
+     * @param end A DateTime value that specifies the end date time value.
+     */
+    CalculateDuration(start: Date, end: Date): number;
+}
+interface ASPxClientDateNavigatorStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpellChecker;
+}
+interface ASPxClientSpellCheckerStopCheckingReasonStatic {
+    /**
+     * Spell checking is finished normally.
+     */
+    Default: string;
+    /**
+     * The user stopped spell checking.
+     */
+    User: string;
+}
+interface ASPxClientSpreadsheetStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpreadsheet;
+}
+interface ASPxClientTreeListStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeList;
+}
+interface ASPxClientTreeListExportFormatStatic {
+    /**
+     * Identifies Portable Document Format (.pdf).
+     */
+    Pdf: string;
+    /**
+     * Identifies DOCX format (.docx).
+     */
+    Docx: string;
+    /**
+     * Identifies Rich Text Format (.rtf).
+     */
+    Rtf: string;
+    /**
+     * Identifies Excel Binary File format (.xls).
+     */
+    Xls: string;
+    /**
+     * Identifies XML spreadsheet file format (.xlsx).
+     */
+    Xlsx: string;
+}
+interface BootstrapClientAccordionStatic extends ASPxClientNavBarStatic {
+}
+interface BootstrapClientBinaryImageStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientButtonStatic extends ASPxClientButtonStatic {
+}
+interface BootstrapClientCalendarStatic extends ASPxClientCalendarStatic {
+}
+interface BootstrapClientCallbackPanelStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientCheckBoxStatic extends ASPxClientEditStatic {
+}
+interface BootstrapClientRadioButtonStatic extends BootstrapClientCheckBoxStatic {
+}
+interface BootstrapClientComboBoxStatic extends ASPxClientComboBoxStatic {
+}
+interface BootstrapClientDateEditStatic extends ASPxClientDateEditStatic {
+}
+interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic {
+}
+interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
+}
+interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientImageStatic extends ASPxClientImageStatic {
+}
+interface BootstrapClientListBoxStatic extends ASPxClientListBoxStatic {
+}
+interface BootstrapClientCheckBoxListStatic extends ASPxClientCheckBoxListStatic {
+}
+interface BootstrapClientRadioButtonListStatic extends ASPxClientRadioButtonListStatic {
+}
+interface BootstrapClientMenuStatic extends ASPxClientMenuStatic {
+}
+interface BootstrapClientPagerStatic extends ASPxClientPagerStatic {
+}
+interface BootstrapClientPopupControlStatic extends ASPxClientPopupControlStatic {
+}
+interface BootstrapClientPopupMenuStatic extends ASPxClientPopupMenuStatic {
+}
+interface BootstrapClientProgressBarStatic extends ASPxClientProgressBarStatic {
+}
+interface BootstrapClientSpinEditStatic extends ASPxClientSpinEditStatic {
+}
+interface BootstrapClientTimeEditStatic extends ASPxClientTimeEditStatic {
+}
+interface BootstrapClientTabControlStatic extends ASPxClientTabControlStatic {
+}
+interface BootstrapClientPageControlStatic extends ASPxClientPageControlStatic {
+}
+interface BootstrapClientTagBoxStatic extends ASPxClientTokenBoxStatic {
+}
+interface BootstrapClientTextBoxStatic extends ASPxClientTextBoxStatic {
+}
+interface BootstrapClientMemoStatic extends ASPxClientMemoStatic {
+}
+interface BootstrapClientButtonEditStatic extends ASPxClientButtonEditStatic {
+}
+interface BootstrapClientToolbarStatic extends BootstrapClientMenuStatic {
+}
+interface BootstrapClientTreeViewStatic extends ASPxClientTreeViewStatic {
+}
+interface BootstrapClientUploadControlStatic extends ASPxClientUploadControlStatic {
+}
+interface BootstrapClientUtilsStatic {
+    UpdateDefaultStyles(): void;
+}
+interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
+}
+interface BootstrapClientCardViewStatic extends ASPxClientCardViewStatic {
+}
+interface BootstrapUIWidgetBaseStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientChartBaseStatic extends BootstrapUIWidgetBaseStatic {
+}
+interface BootstrapClientChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPolarChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPieChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientRangeSelectorStatic extends BootstrapUIWidgetBaseStatic {
+}
+interface BootstrapClientSparklineStatic extends BootstrapUIWidgetBaseStatic {
+}
+interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCalendar;
+}
+interface MVCxClientCallbackPanelStatic extends ASPxClientCallbackPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCallbackPanel;
+}
+interface MVCxClientCardViewStatic extends ASPxClientCardViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCardView;
+}
+interface MVCxClientChartStatic extends ASPxClientWebChartControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientChart;
+}
+interface MVCxClientComboBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientComboBox;
+}
+interface MVCxClientDataViewStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDataView;
+}
+interface MVCxClientDateEditStatic extends ASPxClientDateEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDateEdit;
+}
+interface MVCxClientDockManagerStatic extends ASPxClientDockManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockManager;
+}
+interface MVCxClientDockPanelStatic extends ASPxClientDockPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockPanel;
+}
+interface MVCxClientFileManagerStatic extends ASPxClientFileManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientFileManager;
+}
+interface MVCxClientGridViewStatic extends ASPxClientGridViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientGridView;
+}
+interface MVCxClientHtmlEditorStatic extends ASPxClientHtmlEditorStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientHtmlEditor;
+}
+interface MVCxClientImageGalleryStatic extends ASPxClientImageGalleryStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientImageGallery;
+}
+interface MVCxClientListBoxStatic extends ASPxClientListBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientListBox;
+}
+interface MVCxClientNavBarStatic extends ASPxClientNavBarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientNavBar;
+}
+interface MVCxClientPivotGridStatic extends ASPxClientPivotGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPivotGrid;
+}
+interface MVCxClientPopupControlStatic extends ASPxClientPopupControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPopupControl;
+}
+interface MVCxClientQueryBuilderStatic extends ASPxClientQueryBuilderStatic {
+}
+interface MVCxClientDocumentViewerStatic extends ASPxClientDocumentViewerStatic {
+}
+interface MVCxClientReportViewerStatic extends ASPxClientReportViewerStatic {
+}
+interface MVCxClientReportDesignerStatic extends ASPxClientReportDesignerStatic {
+}
+interface MVCxClientRichEditStatic extends ASPxClientRichEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRichEdit;
+}
+interface MVCxClientRoundPanelStatic extends ASPxClientRoundPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRoundPanel;
+}
+interface MVCxClientSchedulerStatic extends ASPxClientSchedulerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientScheduler;
+}
+interface MVCxSchedulerToolTipTypeStatic {
+    /**
+     * The tooltip is displayed for a selected appointment.
+     */
+    Appointment: number;
+    /**
+     * The tooltip is displayed for a dragged appointment.
+     */
+    AppointmentDrag: number;
+    /**
+     * The tooltip is displayed for a selected time interval.
+     */
+    Selection: number;
+}
+interface MVCxClientSchedulerStorageStatic extends ASPxClientSchedulerStorageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSchedulerStorage;
+}
+interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSpreadsheet;
+}
+interface MVCxClientPageControlStatic extends ASPxClientPageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPageControl;
+}
+interface MVCxClientTokenBoxStatic extends ASPxClientTokenBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTokenBox;
+}
+interface MVCxClientTreeListStatic extends ASPxClientTreeListStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeList;
+}
+interface MVCxClientTreeViewStatic extends ASPxClientTreeViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeView;
+}
+interface MVCxClientUploadControlStatic extends ASPxClientUploadControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientUploadControl;
+}
+interface MVCxClientUtilsStatic {
+    /**
+     * Loads service resources (such as scripts, CSS files, etc.) required for DevExpress functionality to work properly after a non DevExpress callback has been processed on the server and returned back to the client.
+     */
+    FinalizeCallback(): void;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+}
+interface MVCxClientGlobalEventsStatic {
+    /**
+     * Dynamically connects the ControlsInitialized client event with an appropriate event handler function.
+     * @param handler A object representing the event handling function's content.
+     */
+    AddControlsInitializedEventHandler(handler: ASPxClientControlsInitializedEventHandler<any>): void;
+    /**
+     * Dynamically connects the BeginCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddBeginCallbackEventHandler(handler: MVCxClientBeginCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the EndCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddEndCallbackEventHandler(handler: ASPxClientEndCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the CallbackError client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddCallbackErrorHandler(handler: ASPxClientCallbackErrorEventHandler<any>): void;
+}
+interface MVCxClientVerticalGridStatic extends ASPxClientVerticalGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientVerticalGrid;
+}
+interface MVCxClientWebDocumentViewerStatic extends ASPxClientWebDocumentViewerStatic {
+}
+interface ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControlBase;
+}
+interface ASPxClientControlStatic extends ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControl;
+    /**
+     * Modifies the controls size on the page.
+     */
+    AdjustControls(): void;
+    /**
+     * Modifies the controls size within the specified container.
+     * @param container An HTML element that is the container of the controls.
+     */
+    AdjustControls(container: Object): void;
+    /**
+     * Returns a collection of client web control objects.
+     */
+    GetControlCollection(): ASPxClientControlCollection;
+}
+interface ASPxClientCallbackStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallback;
+}
+interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanelBase;
+}
+interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanel;
+}
+interface ASPxClientCallbackPanelStatic extends ASPxClientPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallbackPanel;
+}
+interface ASPxClientCloudControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCloudControl;
+}
+interface ASPxClientDataViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDataView;
+}
+interface ASPxClientDockManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockManager;
+}
+interface ASPxClientPopupControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDockPanelStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockPanel;
+}
+interface ASPxClientDockZoneStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockZone;
+}
+interface ASPxClientFileManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFileManager;
+}
+interface ASPxClientFileManagerCommandConstsStatic {
+    /**
+     * The name of a command that is executed when an end-user renames an item.
+     */
+    Rename: string;
+    /**
+     * The name of a command that is executed when an end-user moves an item.
+     */
+    Move: string;
+    /**
+     * The name of a command that is executed when an end-user deletes an item.
+     */
+    Delete: string;
+    /**
+     * The name of a command that is executed when an end-user creates a folder.
+     */
+    Create: string;
+    /**
+     * The name of a command that is executed when an end-user uploads a file.
+     */
+    Upload: string;
+    /**
+     * The name of a command that is executed when an end-user downloads an item.
+     */
+    Download: string;
+    /**
+     * The name of a command that is executed when an end-user copies an item.
+     */
+    Copy: string;
+    /**
+     * The name of a command that is executed when an end-user opens an item.
+     */
+    Open: string;
+}
+interface ASPxClientFileManagerErrorConstsStatic {
+    /**
+     * The specified file is not found.    Return Value: 0
+     */
+    FileNotFound: number;
+    /**
+     * The specified folder is not found.    Return Value: 1
+     */
+    FolderNotFound: number;
+    /**
+     * Access is denied.    Return Value: 2
+     */
+    AccessDenied: number;
+    /**
+     * Unspecified IO error occurs.    Return Value: 3
+     */
+    UnspecifiedIO: number;
+    /**
+     * Unspecified error occurs.    Return Value: 4
+     */
+    Unspecified: number;
+    /**
+     * The file/folder name is empty.    Return Value: 5
+     */
+    EmptyName: number;
+    /**
+     * The operation was canceled.    Return Value: 6
+     */
+    CanceledOperation: number;
+    /**
+     * The specified name contains invalid characters.    Return Value: 7
+     */
+    InvalidSymbols: number;
+    /**
+     * The specified file extension is not allowed.    Return Value: 8
+     */
+    WrongExtension: number;
+    /**
+     * The file/folder is being used by another process.    Return Value: 9
+     */
+    UsedByAnotherProcess: number;
+    /**
+     * The specified file/folder already exists.    Return Value: 10
+     */
+    AlreadyExists: number;
+}
+interface ASPxClientFileManagerCallbackCommandStatic {
+    GetAllItems: string;
+    GetFileList: string;
+    Refresh: string;
+    DeleteItems: string;
+    MoveItems: string;
+    CopyItems: string;
+    RenameItem: string;
+    Download: string;
+    ShowFolderBrowserDialog: string;
+    ShowCreateFolderEditorInTreeView: string;
+    CreateFolder: string;
+    SelectedFileOpened: string;
+    FoldersTreeView: string;
+    FolderBrowserTreeView: string;
+    GridView: string;
+    ChangeFolder: string;
+    ChangeFolderInTreeView: string;
+    CustomCallback: string;
+    VirtualScrolling: string;
+    GridViewVirtualScrolling: string;
+}
+interface ASPxClientFormLayoutStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFormLayout;
+}
+interface ASPxClientHiddenFieldStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHiddenField;
+}
+interface ASPxClientHintStatic extends ASPxClientControlStatic {
+    /**
+     * Forces the hint to reselect target UI elements according to the specified CSS selector.
+     */
+    Update(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     */
+    UpdatePosition(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     * @param hintElementOrTargetElement An object that is the hint element or the target element.
+     */
+    UpdatePosition(hintElementOrTargetElement: Object): void;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Register(targetSelector: string, options: ASPxClientHintOptions): ASPxClientHint;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param contentAttribute A string value that is the attribute name. Specifies from which target element's attribute a hint obtains its content.
+     */
+    Register(targetSelector: string, contentAttribute: string): ASPxClientHint;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies for which UI elements the hint is displayed.
+     * @param onShowing An ASPxClientHintShowingEventHandler object that is a handler for the displayed event.
+     */
+    Register(targetSelector: string, onShowing: ASPxClientHintShowingEventHandler): ASPxClientHint;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetSelector: string, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetSelector: string, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement An object that is the target element.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetElement: Object, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetElement: Object, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(options: ASPxClientHintOptions): void;
+    /**
+     * Hides a hint window.
+     * @param targetSelector A string value that is the CSS selector.
+     */
+    Hide(targetSelector: string): void;
+    /**
+     * Hides a hint window.
+     * @param targetElementOrHintElement An object that is the target element or hint element.
+     */
+    Hide(targetElementOrHintElement: Object): void;
+    /**
+     * Hides all hints.
+     */
+    HideAll(): void;
+}
+interface ASPxClientImageGalleryStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageGallery;
+}
+interface ASPxClientImageSliderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageSlider;
+}
+interface ASPxClientImageZoomNavigatorStatic extends ASPxClientImageSliderStatic {
+}
+interface ASPxClientImageZoomStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientLoadingPanelStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLoadingPanel;
+}
+interface ASPxClientMediaFileSelectorStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientMenuBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Returns a collection of client menu objects.
+     */
+    GetMenuCollection(): ASPxClientMenuCollection;
+}
+interface ASPxClientMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMenu;
+}
+interface ASPxClientTouchUIStatic {
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param id A string value specifying the element's ID.
+     */
+    MakeScrollable(id: string): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param element An object that specifies the required DOM element.
+     */
+    MakeScrollable(element: Object): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with  scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param id A string value specifying the name of a DOM element that should be extended with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(id: string, options: ASPxClientTouchUIOptions): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param element An object specifying the DOM element to extend with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(element: Object, options: ASPxClientTouchUIOptions): ScrollExtender;
+}
+interface ASPxClientNavBarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNavBar;
+}
+interface ASPxClientNewsControlStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNewsControl;
+}
+interface ASPxClientObjectContainerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientObjectContainer;
+}
+interface ASPxClientPagerStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientPopupControlStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupControl;
+    /**
+     * Returns a collection of client popup control objects.
+     */
+    GetPopupControlCollection(): ASPxClientPopupControlCollection;
+}
+interface ASPxClientPopupControlResizeStateStatic {
+    /**
+     * A window has been resized. Returns 0.
+     */
+    Resized: number;
+    /**
+     * A window has been collapsed. Returns 1.
+     */
+    Collapsed: number;
+    /**
+     * A window has been expanded. Returns 2.
+     */
+    Expanded: number;
+    /**
+     * A window has been maximized. Returns 3.
+     */
+    Maximized: number;
+    /**
+     * A window has been restored after maximizing. Returns 4.
+     */
+    RestoredAfterMaximized: number;
+}
+interface ASPxClientPopupControlCloseReasonStatic {
+    /**
+     * The window has been closed by an API.
+     */
+    API: string;
+    /**
+     * An end-user clicks the close header button.
+     */
+    CloseButton: string;
+    /**
+     * An end-user clicks outside the window's region
+     */
+    OuterMouseClick: string;
+    /**
+     * An end-user moves the mouse pointer out of the window region.
+     */
+    MouseOut: string;
+    /**
+     * An end-user presses the ESC key.
+     */
+    Escape: string;
+}
+interface ASPxClientPopupMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupMenu;
+}
+interface ASPxClientRatingControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRatingControl;
+}
+interface ASPxClientRibbonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRibbon;
+}
+interface ASPxClientRibbonStateStatic {
+    /**
+     * A ribbon is in the normal state. Returns 0
+     */
+    Normal: number;
+    /**
+     * A ribbon is minimized. Returns 1
+     */
+    Minimized: number;
+    /**
+     * A ribbon is temporarily shown. Returns 2
+     */
+    TemporaryShown: number;
+}
+interface ASPxClientRoundPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRoundPanel;
+}
+interface ASPxClientSplitterStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSplitter;
+}
+interface ASPxClientTabControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientTabControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTabControl;
+}
+interface ASPxClientPageControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPageControl;
+}
+interface ASPxClientTimerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimer;
+}
+interface ASPxClientTitleIndexStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTitleIndex;
+}
+interface ASPxClientTreeViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeView;
+}
+interface ASPxClientUploadControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientUploadControl;
+}
+interface ASPxClientUploadControlValidationErrorTypeConstsStatic {
+    /**
+     * The allowed maximum file size is exceeded.  Return Value: 1
+     */
+    MaxFileSizeExceeded: number;
+    /**
+     * The file's extension is not allowed.  Return Value: 2
+     */
+    NotAllowedFileExtension: number;
+    /**
+     * The allowed maximum count of the files is exceeded.  Return Value: 3
+     */
+    MaxFileCountExceeded: number;
+    /**
+     * A file name contains invalid character.Return Value: 4
+     */
+    FileNameContainsInvalidCharacter: number;
+}
+interface ASPxClientUtilsStatic {
+    /**
+     * Gets the user-agent string, which identifies the client browser and provides certain system details of the client computer.
+     * Value: A string value representing the browser's user-agent string.
+     */
+    agent: string;
+    /**
+     * Gets a value that specifies whether the client browser is Opera.
+     * Value: true if the client browser is Opera; otherwise, false.
+     */
+    opera: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Opera version 9.
+     * Value: true if the client browser is Opera version 9; otherwise, false.
+     */
+    opera9: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari.
+     * Value: true if the client browser is Safari; otherwise, false.
+     */
+    safari: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari version 3.
+     * Value: true if the client browser is Safari version 3; otherwise, false.
+     */
+    safari3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari, running under a MacOS operating system.
+     * Value: true if the client browser is Safari, running under a MacOS operating system; otherwise, false.
+     */
+    safariMacOS: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Google Chrome.
+     * Value: true if the client browser is Google Chrome; otherwise, false.
+     */
+    chrome: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer.
+     * Value: true if the client browser is Intenet Explorer; otherwise, false.
+     */
+    ie: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer version 7.
+     * Value: true if the client browser is Intenet Explorer version 7; otherwise, false.
+     */
+    ie7: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox.
+     * Value: true if the client browser is Firefox; otherwise, false.
+     */
+    firefox: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox version 3.
+     * Value: true if the client browser is Firefox version 3; otherwise, false.
+     */
+    firefox3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Mozilla.
+     * Value: true if the client browser is Mozilla; otherwise, false.
+     */
+    mozilla: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Netscape.
+     * Value: true if the client browser is Netscape; otherwise, false.
+     */
+    netscape: boolean;
+    /**
+     * Gets a value that specifies a client browser's full version.
+     * Value: A double precision floating-point value that specifies a client browser's version.
+     */
+    browserVersion: number;
+    /**
+     * Gets a value that specifies a client browser's major version.
+     * Value: An integer value that specifies a client browser's major version.
+     */
+    browserMajorVersion: number;
+    /**
+     * Gets a value that specifies whether the application is run under a MacOS platform.
+     * Value: true if the application is run under the MacOS platform; otherwise, false.
+     */
+    macOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Windows platform.
+     * Value: true if the application is run under the Windows platform; otherwise, false.
+     */
+    windowsPlatform: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on WebKit.
+     * Value: true if the client browser is based on WebKit; otherwise, false.
+     */
+    webKitFamily: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on Netscape.
+     * Value: true if client browser is based on Netscape; otherwise, false.
+     */
+    netscapeFamily: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports touch.
+     * Value: true if the client browser supports touch; otherwise, false.
+     */
+    touchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the WebKit touch user interface.
+     * Value: true if the client browser supports the WebKit touch user interface; otherwise, false.
+     */
+    webKitTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the Microsoft touch user interface.
+     * Value: true if the client browser supports the Microsoft touch user interface; otherwise, false.
+     */
+    msTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under an iOS platform.
+     * Value: true if the application is run under the iOS platform; otherwise, false.
+     */
+    iOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Android platform.
+     * Value: true if the application is run under the Android platform; otherwise, false.
+     */
+    androidPlatform: boolean;
+    /**
+     * Inserts the specified item into the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to insert.
+     */
+    ArrayInsert(array: Object[], element: Object): void;
+    /**
+     * Removes the specified item from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to remove.
+     */
+    ArrayRemove(array: Object[], element: Object): void;
+    /**
+     * Removes an item at the specified index location from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param index The zero-based index location of the array item to remove.
+     */
+    ArrayRemoveAt(array: Object[], index: number): void;
+    /**
+     * Removes all items from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     */
+    ArrayClear(array: Object[]): void;
+    /**
+     * Searches for the specified array item and returns the zero-based index of its first occurrence within the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to locate.
+     */
+    ArrayIndexOf(array: Object[], element: Object): number;
+    /**
+     * Binds the specified function to a specific element's event, so that the function gets called whenever the event fires on the element.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name without the "on" prefix.
+     * @param method An object that specifies the event's handling function.
+     */
+    AttachEventToElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Unbinds the specified function from a specific element's event, so that the function stops receiving notifications when the event fires.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name.
+     * @param method An object that specifies the event's handling function.
+     */
+    DetachEventFromElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Returns the object that fired the event.
+     * @param htmlEvent An object that represents the current event.
+     */
+    GetEventSource(htmlEvent: Object): Object;
+    /**
+     * Gets the x-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventX(htmlEvent: Object): number;
+    /**
+     * Gets the y-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventY(htmlEvent: Object): number;
+    /**
+     * Gets the keyboard code for the specified event.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetKeyCode(htmlEvent: Object): number;
+    /**
+     * Cancels the default action of the specified event.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEvent(htmlEvent: Object): boolean;
+    /**
+     * Cancels both the specified event's default action and the event's bubbling upon the hierarchy of event handlers.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEventAndBubble(htmlEvent: Object): boolean;
+    /**
+     * Removes mouse capture from the specified event's source object.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventDragStart(htmlEvent: Object): boolean;
+    /**
+     * Clears any text selection made within the window's client region.
+     */
+    ClearSelection(): void;
+    /**
+     * Gets a value that indicates whether the specified object exists on the client side.
+     * @param obj The object to test.
+     */
+    IsExists(obj: Object): boolean;
+    /**
+     * Gets a value that indicates whether the specified object is a function.
+     * @param obj The object to test.
+     */
+    IsFunction(obj: Object): boolean;
+    /**
+     * Gets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteX(element: Object): number;
+    /**
+     * Gets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteY(element: Object): number;
+    /**
+     * Sets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param x An integer value specifying the required element's x-coordinate, in pixels.
+     */
+    SetAbsoluteX(element: Object, x: number): void;
+    /**
+     * Sets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param y An integer value specifying the required element's y-coordinate, in pixels.
+     */
+    SetAbsoluteY(element: Object, y: number): void;
+    /**
+     * Returns the distance between the top edge of the document and the topmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollTop(): number;
+    /**
+     * Returns the distance between the left edge of the document and the leftmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollLeft(): number;
+    /**
+     * Gets the width of the window's client region.
+     */
+    GetDocumentClientWidth(): number;
+    /**
+     * Gets the height of the window's client region.
+     */
+    GetDocumentClientHeight(): number;
+    /**
+     * Gets a value indicating whether the object passed via the parentElement parameter is a parent of the object passed via the element parameter.
+     * @param parentElement An object specifying the parent HTML element.
+     * @param element An object specifying the child HTML element.
+     */
+    GetIsParent(parentElement: Object, element: Object): boolean;
+    /**
+     * Returns a reference to the specified HTML element's first parent object which has an ID that matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param id A string specifying the required parent's ID.
+     */
+    GetParentById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose element name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     */
+    GetParentByTagName(element: Object, tagName: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose class name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param className A string value specifying the class name of the desired HTML element.
+     */
+    GetParentByClassName(element: Object, className: string): Object;
+    /**
+     * Returns a reference to the first element that has the specified ID in the parent HTML element specified.
+     * @param element An object identifying the parent HTML element to search.
+     * @param id A string specifying the ID attribute value of the desired child element.
+     */
+    GetChildById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the particular element that has the specified element name and is contained within the specified parent HTML element.
+     * @param element An object specifying the parent HTML element to search.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     * @param index An integer value specifying the zero-based index of the desired element amongst all the matching elements found.
+     */
+    GetChildByTagName(element: Object, tagName: string, index: number): Object;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     */
+    SetCookie(name: string, value: string): void;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     * @param expirationDate A date-time object that represents the expiration date and time for the cookie.
+     */
+    SetCookie(name: string, value: string, expirationDate: Date): void;
+    /**
+     * Retrieves a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    GetCookie(name: string): string;
+    /**
+     * Deletes a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    DeleteCookie(name: string): void;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameters.
+     * @param keyCode An integer value that specifies the code of the key. Codes are available via the ASPx.KeyCode client object's members.
+     * @param isCtrlKey true, if the CTRL key should be included into the key combination; otherwise, false.
+     * @param isShiftKey true, if the SHIFT key should be included into the key combination; otherwise, false.
+     * @param isAltKey true, if the ALT key should be included into the key combination; otherwise, false.
+     */
+    GetShortcutCode(keyCode: number, isCtrlKey: boolean, isShiftKey: boolean, isAltKey: boolean): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the pressed key combination, which is specified by the related HTML event.
+     * @param htmlEvent A DHTML event object that relates to a key combination being pressed.
+     */
+    GetShortcutCodeByEvent(htmlEvent: Object): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameter.
+     * @param shortcutString A string value that specifies the key combination.
+     */
+    StringToShortcutCode(shortcutString: string): number;
+    /**
+     * Trims all leading and trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    Trim(str: string): string;
+    /**
+     * Trims all leading whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimStart(str: string): string;
+    /**
+     * Trims all trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimEnd(str: string): string;
+    /**
+     * Returns values of editors located in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors located in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+}
+interface ASPxClientChartDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientChartDesigner;
+}
+interface ASPxClientWebChartControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebChartControl;
+}
+interface ASPxClientDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDocumentViewer;
+}
+interface ASPxClientQueryBuilderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientQueryBuilder;
+}
+interface ASPxClientReportDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportDesigner;
+}
+interface ASPxClientReportDocumentMapStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportParametersPanelStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportToolbarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportToolbar;
+}
+interface ASPxClientReportViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportViewer;
+}
+interface ASPxClientWebDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebDocumentViewer;
+}
+
+declare var MVCxClientDashboardViewer: MVCxClientDashboardViewerStatic;
+declare var DashboardDataAxisNames: DashboardDataAxisNamesStatic;
+declare var DashboardSpecialValues: DashboardSpecialValuesStatic;
+declare var DashboardExportPageLayout: DashboardExportPageLayoutStatic;
+declare var DashboardExportPaperKind: DashboardExportPaperKindStatic;
+declare var DashboardExportScaleMode: DashboardExportScaleModeStatic;
+declare var DashboardExportDocumentScaleMode: DashboardExportDocumentScaleModeStatic;
+declare var DashboardExportFilterState: DashboardExportFilterStateStatic;
+declare var DashboardStateExportPosition: DashboardStateExportPositionStatic;
+declare var DashboardStateExcelExportPosition: DashboardStateExcelExportPositionStatic;
+declare var DashboardExportImageFormat: DashboardExportImageFormatStatic;
+declare var ExcelExportFilterState: ExcelExportFilterStateStatic;
+declare var DashboardExportExcelFormat: DashboardExportExcelFormatStatic;
+declare var ChartExportSizeMode: ChartExportSizeModeStatic;
+declare var MapExportSizeMode: MapExportSizeModeStatic;
+declare var TreemapExportSizeMode: TreemapExportSizeModeStatic;
+declare var RangeFilterExportSizeMode: RangeFilterExportSizeModeStatic;
+declare var DashboardSelectionMode: DashboardSelectionModeStatic;
+declare var ASPxClientDashboard: ASPxClientDashboardStatic;
+declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
+declare var ASPxClientEditBase: ASPxClientEditBaseStatic;
+declare var ASPxClientEdit: ASPxClientEditStatic;
+declare var ASPxClientBinaryImage: ASPxClientBinaryImageStatic;
+declare var ASPxClientButton: ASPxClientButtonStatic;
+declare var ASPxClientCalendar: ASPxClientCalendarStatic;
+declare var ASPxClientCaptcha: ASPxClientCaptchaStatic;
+declare var ASPxClientCheckBox: ASPxClientCheckBoxStatic;
+declare var ASPxClientRadioButton: ASPxClientRadioButtonStatic;
+declare var ASPxClientTextEdit: ASPxClientTextEditStatic;
+declare var ASPxClientTextBoxBase: ASPxClientTextBoxBaseStatic;
+declare var ASPxClientButtonEditBase: ASPxClientButtonEditBaseStatic;
+declare var ASPxClientDropDownEditBase: ASPxClientDropDownEditBaseStatic;
+declare var ASPxClientColorEdit: ASPxClientColorEditStatic;
+declare var ASPxClientComboBox: ASPxClientComboBoxStatic;
+declare var ASPxClientDateEdit: ASPxClientDateEditStatic;
+declare var ASPxClientDropDownEdit: ASPxClientDropDownEditStatic;
+declare var ASPxClientFilterControl: ASPxClientFilterControlStatic;
+declare var ASPxClientListEdit: ASPxClientListEditStatic;
+declare var ASPxClientListBox: ASPxClientListBoxStatic;
+declare var ASPxClientCheckListBase: ASPxClientCheckListBaseStatic;
+declare var ASPxClientRadioButtonList: ASPxClientRadioButtonListStatic;
+declare var ASPxClientCheckBoxList: ASPxClientCheckBoxListStatic;
+declare var ASPxClientProgressBar: ASPxClientProgressBarStatic;
+declare var ASPxClientSpinEditBase: ASPxClientSpinEditBaseStatic;
+declare var ASPxClientSpinEdit: ASPxClientSpinEditStatic;
+declare var ASPxClientTimeEdit: ASPxClientTimeEditStatic;
+declare var ASPxClientStaticEdit: ASPxClientStaticEditStatic;
+declare var ASPxClientHyperLink: ASPxClientHyperLinkStatic;
+declare var ASPxClientImageBase: ASPxClientImageBaseStatic;
+declare var ASPxClientImage: ASPxClientImageStatic;
+declare var ASPxClientLabel: ASPxClientLabelStatic;
+declare var ASPxClientTextBox: ASPxClientTextBoxStatic;
+declare var ASPxClientMemo: ASPxClientMemoStatic;
+declare var ASPxClientButtonEdit: ASPxClientButtonEditStatic;
+declare var ASPxClientTokenBox: ASPxClientTokenBoxStatic;
+declare var ASPxClientTrackBar: ASPxClientTrackBarStatic;
+declare var ASPxClientValidationSummary: ASPxClientValidationSummaryStatic;
+declare var ASPxClientGaugeControl: ASPxClientGaugeControlStatic;
+declare var ASPxClientGridBase: ASPxClientGridBaseStatic;
+declare var ASPxClientGridViewCallbackCommand: ASPxClientGridViewCallbackCommandStatic;
+declare var ASPxClientGridExportFormat: ASPxClientGridExportFormatStatic;
+declare var ASPxClientGridLookup: ASPxClientGridLookupStatic;
+declare var ASPxClientCardView: ASPxClientCardViewStatic;
+declare var ASPxClientCardViewExportFormat: ASPxClientCardViewExportFormatStatic;
+declare var ASPxClientGridView: ASPxClientGridViewStatic;
+declare var ASPxClientGridViewExportFormat: ASPxClientGridViewExportFormatStatic;
+declare var ASPxClientVerticalGrid: ASPxClientVerticalGridStatic;
+declare var ASPxClientVerticalGridCallbackCommand: ASPxClientVerticalGridCallbackCommandStatic;
+declare var ASPxClientVerticalGridExportFormat: ASPxClientVerticalGridExportFormatStatic;
+declare var ASPxClientCommandConsts: ASPxClientCommandConstsStatic;
+declare var ASPxClientHtmlEditor: ASPxClientHtmlEditorStatic;
+declare var ASPxClientHtmlEditorMediaPreloadMode: ASPxClientHtmlEditorMediaPreloadModeStatic;
+declare var ASPxClientPivotGrid: ASPxClientPivotGridStatic;
+declare var ASPxClientPivotCustomization: ASPxClientPivotCustomizationStatic;
+declare var ASPxClientRichEdit: ASPxClientRichEditStatic;
+declare var ASPxClientWeekDaysCheckEdit: ASPxClientWeekDaysCheckEditStatic;
+declare var ASPxClientRecurrenceRangeControl: ASPxClientRecurrenceRangeControlStatic;
+declare var ASPxClientRecurrenceControlBase: ASPxClientRecurrenceControlBaseStatic;
+declare var ASPxClientDailyRecurrenceControl: ASPxClientDailyRecurrenceControlStatic;
+declare var ASPxClientWeeklyRecurrenceControl: ASPxClientWeeklyRecurrenceControlStatic;
+declare var ASPxClientMonthlyRecurrenceControl: ASPxClientMonthlyRecurrenceControlStatic;
+declare var ASPxClientYearlyRecurrenceControl: ASPxClientYearlyRecurrenceControlStatic;
+declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
+declare var ASPxClientSchedulerStorageControl: ASPxClientSchedulerStorageControlStatic;
+declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
+declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
+declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientDateNavigator: ASPxClientDateNavigatorStatic;
+declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
+declare var ASPxClientSpellCheckerStopCheckingReason: ASPxClientSpellCheckerStopCheckingReasonStatic;
+declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
+declare var ASPxClientTreeList: ASPxClientTreeListStatic;
+declare var ASPxClientTreeListExportFormat: ASPxClientTreeListExportFormatStatic;
+declare var BootstrapClientAccordion: BootstrapClientAccordionStatic;
+declare var BootstrapClientBinaryImage: BootstrapClientBinaryImageStatic;
+declare var BootstrapClientButton: BootstrapClientButtonStatic;
+declare var BootstrapClientCalendar: BootstrapClientCalendarStatic;
+declare var BootstrapClientCallbackPanel: BootstrapClientCallbackPanelStatic;
+declare var BootstrapClientCheckBox: BootstrapClientCheckBoxStatic;
+declare var BootstrapClientRadioButton: BootstrapClientRadioButtonStatic;
+declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
+declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
+declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
+declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
+declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
+declare var BootstrapClientImage: BootstrapClientImageStatic;
+declare var BootstrapClientListBox: BootstrapClientListBoxStatic;
+declare var BootstrapClientCheckBoxList: BootstrapClientCheckBoxListStatic;
+declare var BootstrapClientRadioButtonList: BootstrapClientRadioButtonListStatic;
+declare var BootstrapClientMenu: BootstrapClientMenuStatic;
+declare var BootstrapClientPager: BootstrapClientPagerStatic;
+declare var BootstrapClientPopupControl: BootstrapClientPopupControlStatic;
+declare var BootstrapClientPopupMenu: BootstrapClientPopupMenuStatic;
+declare var BootstrapClientProgressBar: BootstrapClientProgressBarStatic;
+declare var BootstrapClientSpinEdit: BootstrapClientSpinEditStatic;
+declare var BootstrapClientTimeEdit: BootstrapClientTimeEditStatic;
+declare var BootstrapClientTabControl: BootstrapClientTabControlStatic;
+declare var BootstrapClientPageControl: BootstrapClientPageControlStatic;
+declare var BootstrapClientTagBox: BootstrapClientTagBoxStatic;
+declare var BootstrapClientTextBox: BootstrapClientTextBoxStatic;
+declare var BootstrapClientMemo: BootstrapClientMemoStatic;
+declare var BootstrapClientButtonEdit: BootstrapClientButtonEditStatic;
+declare var BootstrapClientToolbar: BootstrapClientToolbarStatic;
+declare var BootstrapClientTreeView: BootstrapClientTreeViewStatic;
+declare var BootstrapClientUploadControl: BootstrapClientUploadControlStatic;
+declare var BootstrapClientUtils: BootstrapClientUtilsStatic;
+declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
+declare var BootstrapClientCardView: BootstrapClientCardViewStatic;
+declare var BootstrapUIWidgetBase: BootstrapUIWidgetBaseStatic;
+declare var BootstrapClientChartBase: BootstrapClientChartBaseStatic;
+declare var BootstrapClientChart: BootstrapClientChartStatic;
+declare var BootstrapClientPolarChart: BootstrapClientPolarChartStatic;
+declare var BootstrapClientPieChart: BootstrapClientPieChartStatic;
+declare var BootstrapClientRangeSelector: BootstrapClientRangeSelectorStatic;
+declare var BootstrapClientSparkline: BootstrapClientSparklineStatic;
+declare var MVCxClientCalendar: MVCxClientCalendarStatic;
+declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
+declare var MVCxClientCardView: MVCxClientCardViewStatic;
+declare var MVCxClientChart: MVCxClientChartStatic;
+declare var MVCxClientComboBox: MVCxClientComboBoxStatic;
+declare var MVCxClientDataView: MVCxClientDataViewStatic;
+declare var MVCxClientDateEdit: MVCxClientDateEditStatic;
+declare var MVCxClientDockManager: MVCxClientDockManagerStatic;
+declare var MVCxClientDockPanel: MVCxClientDockPanelStatic;
+declare var MVCxClientFileManager: MVCxClientFileManagerStatic;
+declare var MVCxClientGridView: MVCxClientGridViewStatic;
+declare var MVCxClientHtmlEditor: MVCxClientHtmlEditorStatic;
+declare var MVCxClientImageGallery: MVCxClientImageGalleryStatic;
+declare var MVCxClientListBox: MVCxClientListBoxStatic;
+declare var MVCxClientNavBar: MVCxClientNavBarStatic;
+declare var MVCxClientPivotGrid: MVCxClientPivotGridStatic;
+declare var MVCxClientPopupControl: MVCxClientPopupControlStatic;
+declare var MVCxClientQueryBuilder: MVCxClientQueryBuilderStatic;
+declare var MVCxClientDocumentViewer: MVCxClientDocumentViewerStatic;
+declare var MVCxClientReportViewer: MVCxClientReportViewerStatic;
+declare var MVCxClientReportDesigner: MVCxClientReportDesignerStatic;
+declare var MVCxClientRichEdit: MVCxClientRichEditStatic;
+declare var MVCxClientRoundPanel: MVCxClientRoundPanelStatic;
+declare var MVCxClientScheduler: MVCxClientSchedulerStatic;
+declare var MVCxSchedulerToolTipType: MVCxSchedulerToolTipTypeStatic;
+declare var MVCxClientSchedulerStorage: MVCxClientSchedulerStorageStatic;
+declare var MVCxClientSpreadsheet: MVCxClientSpreadsheetStatic;
+declare var MVCxClientPageControl: MVCxClientPageControlStatic;
+declare var MVCxClientTokenBox: MVCxClientTokenBoxStatic;
+declare var MVCxClientTreeList: MVCxClientTreeListStatic;
+declare var MVCxClientTreeView: MVCxClientTreeViewStatic;
+declare var MVCxClientUploadControl: MVCxClientUploadControlStatic;
+declare var MVCxClientUtils: MVCxClientUtilsStatic;
+declare var MVCxClientGlobalEvents: MVCxClientGlobalEventsStatic;
+declare var MVCxClientVerticalGrid: MVCxClientVerticalGridStatic;
+declare var MVCxClientWebDocumentViewer: MVCxClientWebDocumentViewerStatic;
+declare var ASPxClientControlBase: ASPxClientControlBaseStatic;
+declare var ASPxClientControl: ASPxClientControlStatic;
+declare var ASPxClientCallback: ASPxClientCallbackStatic;
+declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
+declare var ASPxClientPanel: ASPxClientPanelStatic;
+declare var ASPxClientCallbackPanel: ASPxClientCallbackPanelStatic;
+declare var ASPxClientCloudControl: ASPxClientCloudControlStatic;
+declare var ASPxClientDataView: ASPxClientDataViewStatic;
+declare var ASPxClientDockManager: ASPxClientDockManagerStatic;
+declare var ASPxClientPopupControlBase: ASPxClientPopupControlBaseStatic;
+declare var ASPxClientDockPanel: ASPxClientDockPanelStatic;
+declare var ASPxClientDockZone: ASPxClientDockZoneStatic;
+declare var ASPxClientFileManager: ASPxClientFileManagerStatic;
+declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandConstsStatic;
+declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
+declare var ASPxClientFileManagerCallbackCommand: ASPxClientFileManagerCallbackCommandStatic;
+declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
+declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
+declare var ASPxClientHint: ASPxClientHintStatic;
+declare var ASPxClientImageGallery: ASPxClientImageGalleryStatic;
+declare var ASPxClientImageSlider: ASPxClientImageSliderStatic;
+declare var ASPxClientImageZoomNavigator: ASPxClientImageZoomNavigatorStatic;
+declare var ASPxClientImageZoom: ASPxClientImageZoomStatic;
+declare var ASPxClientLoadingPanel: ASPxClientLoadingPanelStatic;
+declare var ASPxClientMediaFileSelector: ASPxClientMediaFileSelectorStatic;
+declare var ASPxClientMenuBase: ASPxClientMenuBaseStatic;
+declare var ASPxClientMenu: ASPxClientMenuStatic;
+declare var ASPxClientTouchUI: ASPxClientTouchUIStatic;
+declare var ASPxClientNavBar: ASPxClientNavBarStatic;
+declare var ASPxClientNewsControl: ASPxClientNewsControlStatic;
+declare var ASPxClientObjectContainer: ASPxClientObjectContainerStatic;
+declare var ASPxClientPager: ASPxClientPagerStatic;
+declare var ASPxClientPopupControl: ASPxClientPopupControlStatic;
+declare var ASPxClientPopupControlResizeState: ASPxClientPopupControlResizeStateStatic;
+declare var ASPxClientPopupControlCloseReason: ASPxClientPopupControlCloseReasonStatic;
+declare var ASPxClientPopupMenu: ASPxClientPopupMenuStatic;
+declare var ASPxClientRatingControl: ASPxClientRatingControlStatic;
+declare var ASPxClientRibbon: ASPxClientRibbonStatic;
+declare var ASPxClientRibbonState: ASPxClientRibbonStateStatic;
+declare var ASPxClientRoundPanel: ASPxClientRoundPanelStatic;
+declare var ASPxClientSplitter: ASPxClientSplitterStatic;
+declare var ASPxClientTabControlBase: ASPxClientTabControlBaseStatic;
+declare var ASPxClientTabControl: ASPxClientTabControlStatic;
+declare var ASPxClientPageControl: ASPxClientPageControlStatic;
+declare var ASPxClientTimer: ASPxClientTimerStatic;
+declare var ASPxClientTitleIndex: ASPxClientTitleIndexStatic;
+declare var ASPxClientTreeView: ASPxClientTreeViewStatic;
+declare var ASPxClientUploadControl: ASPxClientUploadControlStatic;
+declare var ASPxClientUploadControlValidationErrorTypeConsts: ASPxClientUploadControlValidationErrorTypeConstsStatic;
+declare var ASPxClientUtils: ASPxClientUtilsStatic;
+declare var ASPxClientChartDesigner: ASPxClientChartDesignerStatic;
+declare var ASPxClientWebChartControl: ASPxClientWebChartControlStatic;
+declare var ASPxClientDocumentViewer: ASPxClientDocumentViewerStatic;
+declare var ASPxClientQueryBuilder: ASPxClientQueryBuilderStatic;
+declare var ASPxClientReportDesigner: ASPxClientReportDesignerStatic;
+declare var ASPxClientReportDocumentMap: ASPxClientReportDocumentMapStatic;
+declare var ASPxClientReportParametersPanel: ASPxClientReportParametersPanelStatic;
+declare var ASPxClientReportToolbar: ASPxClientReportToolbarStatic;
+declare var ASPxClientReportViewer: ASPxClientReportViewerStatic;
+declare var ASPxClientWebDocumentViewer: ASPxClientWebDocumentViewerStatic;
+
diff --git a/types/devexpress-web/v181/tsconfig.json b/types/devexpress-web/v181/tsconfig.json
new file mode 100644
index 0000000000..9e1c9ce196
--- /dev/null
+++ b/types/devexpress-web/v181/tsconfig.json
@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+		"paths": {
+            "devexpress-web": [
+                "devexpress-web/v181"
+            ],
+            "devexpress-web/*": [
+                "devexpress-web/v181/*"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "devexpress-web-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-i18next/v1/tslint.json b/types/devexpress-web/v181/tslint.json
similarity index 100%
rename from types/react-i18next/v1/tslint.json
rename to types/devexpress-web/v181/tslint.json
diff --git a/types/df-visible/df-visible-tests.ts b/types/df-visible/df-visible-tests.ts
index b4fe92fdf3..2d0e9d9023 100644
--- a/types/df-visible/df-visible-tests.ts
+++ b/types/df-visible/df-visible-tests.ts
@@ -31,3 +31,6 @@ $('#element').visible(true, false, 'horizontal');
 
 // Check only vertical
 $('#element').visible(true, false, 'vertical');
+
+// Check container
+$('#element').visible(true, false, 'horizontal', $('body'))
diff --git a/types/df-visible/index.d.ts b/types/df-visible/index.d.ts
index 5b26722151..721fe46405 100644
--- a/types/df-visible/index.d.ts
+++ b/types/df-visible/index.d.ts
@@ -15,5 +15,5 @@ interface JQuery {
     * @param callback The callback parameter should be a function that looks like this:
     * function(object details) {...};
     */
-    visible(partial?: boolean, hidden?: boolean, direction?: Direction): boolean;
+    visible(partial?: boolean, hidden?: boolean, direction?: Direction, container?: JQuery): boolean;
 }
diff --git a/types/dhtmlxgantt/index.d.ts b/types/dhtmlxgantt/index.d.ts
index 53626662ec..79d02cc181 100644
--- a/types/dhtmlxgantt/index.d.ts
+++ b/types/dhtmlxgantt/index.d.ts
@@ -1731,3 +1731,11 @@ interface GanttStatic {
 
 declare var gantt: GanttStatic;
 declare var Gantt: GanttEnterprise;
+
+declare module "gantt" {
+    export = gantt;
+}
+
+declare module "Gantt" {
+    export = GanttEnterprise;
+}
diff --git a/types/dicer/dicer-tests.ts b/types/dicer/dicer-tests.ts
new file mode 100644
index 0000000000..cd7f7a4251
--- /dev/null
+++ b/types/dicer/dicer-tests.ts
@@ -0,0 +1,81 @@
+import Dicer = require("dicer");
+import * as fs from "fs";
+import * as stream from "stream";
+
+function testDicerSyntax() {
+    const opts: Dicer.Config = {
+        boundary: "testing",
+    };
+    const dicer = new Dicer(opts);
+    const opts2: Dicer.Config = {
+        headerFirst: true,
+        maxHeaderPairs: 1,
+    };
+    const opts3: Dicer.Config = {
+        boundary: "more-testing",
+        headerFirst: false,
+        maxHeaderPairs: 8,
+    };
+    dicer.setBoundary("new-testing-boundary");
+    dicer.on("part", handleDicerPartStream);
+    dicer.on("finish", () => {
+        console.log("dicer parsing finished");
+    });
+    dicer.on("preamble", part => {
+        console.log("dicer preamble to new part");
+    });
+    dicer.on("trailer", data => {
+        console.log(`dicer trailing data found: ${data.length} bytes`);
+    });
+    dicer.on("close", () => {
+        console.log("dicer close");
+    });
+    dicer.on("drain", () => {
+        console.log("dicer drain");
+    });
+    dicer.on("error", err => {
+        console.error(`dicer error: ${err.message || JSON.stringify(err)}`);
+    });
+    dicer.on("finish", () => {
+        console.log("dicer finish");
+    });
+    dicer.on("pipe", (src: stream.Readable) => {
+        console.log("dicer pipe");
+    });
+    dicer.on("unpipe", (src: stream.Readable) => {
+        console.log("dicer unpipe");
+    });
+    const inputFileStream = fs.createReadStream("in-test-file.txt");
+    inputFileStream.pipe(dicer);
+}
+/**
+ * Handle a part found by a Dicer parser
+ *
+ * @param part Part found
+ */
+function handleDicerPartStream(part: Dicer.PartStream) {
+    console.log("dicer part found");
+    const outputFileStream = fs.createWriteStream("out-test-file.txt");
+    part.on("readable", () => {
+        console.log("part readable");
+    });
+    part.on("header", header => {
+        console.log(`part header found:\n${JSON.stringify(header)}`);
+    });
+    part.on("data", () => {
+        console.log("part data");
+    });
+    part.on("finish", () => {
+        console.log("part finished");
+    });
+    part.on("error", err => {
+        console.error(`part error: ${err.message || JSON.stringify(err)}`);
+    });
+    part.on("end", () => {
+        console.log("part ended");
+    });
+    part.on("close", () => {
+        console.log("part closed");
+    });
+    part.pipe(outputFileStream);
+}
diff --git a/types/dicer/index.d.ts b/types/dicer/index.d.ts
new file mode 100644
index 0000000000..55d2c76411
--- /dev/null
+++ b/types/dicer/index.d.ts
@@ -0,0 +1,167 @@
+// Type definitions for dicer 0.2
+// Project: https://github.com/mscdex/dicer
+// Definitions by: Robin Goupil <https://github.com/GoupilRobin>
+//                 BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+/// <reference types="node" />
+
+export = Dicer;
+
+import stream = require("stream");
+
+// tslint:disable:unified-signatures
+
+/**
+ * A very fast streaming multipart parser for node.js.
+ * Dicer is a WritableStream
+ *
+ * Dicer (special) events:
+ * - on('finish', ()) - Emitted when all parts have been parsed and the Dicer instance has been ended.
+ * - on('part', (stream: PartStream)) - Emitted when a new part has been found.
+ * - on('preamble', (stream: PartStream)) - Emitted for preamble if you should happen to need it (can usually be ignored).
+ * - on('trailer', (data: Buffer)) - Emitted when trailing data was found after the terminating boundary (as with the preamble, this can usually be ignored too).
+ */
+declare class Dicer extends stream.Writable {
+    /**
+     * Creates and returns a new Dicer instance with the following valid config settings:
+     *
+     * @param config The configuration to use
+     */
+    constructor(config: Dicer.Config);
+    /**
+     * Sets the boundary to use for parsing and performs some initialization needed for parsing.
+     * You should only need to use this if you set headerFirst to true in the constructor and are parsing the boundary from the preamble header.
+     *
+     * @param boundary The boundary to use
+     */
+    setBoundary(boundary: string): void;
+    addListener(event: "finish", listener: () => void): this;
+    addListener(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    addListener(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    addListener(event: "trailer", listener: (data: Buffer) => void): this;
+    addListener(event: "close", listener: () => void): this;
+    addListener(event: "drain", listener: () => void): this;
+    addListener(event: "error", listener: (err: Error) => void): this;
+    addListener(event: "pipe", listener: (src: stream.Readable) => void): this;
+    addListener(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    addListener(event: string, listener: (...args: any[]) => void): this;
+    on(event: "finish", listener: () => void): this;
+    on(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    on(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    on(event: "trailer", listener: (data: Buffer) => void): this;
+    on(event: "close", listener: () => void): this;
+    on(event: "drain", listener: () => void): this;
+    on(event: "error", listener: (err: Error) => void): this;
+    on(event: "pipe", listener: (src: stream.Readable) => void): this;
+    on(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    on(event: string, listener: (...args: any[]) => void): this;
+    once(event: "finish", listener: () => void): this;
+    once(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    once(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    once(event: "trailer", listener: (data: Buffer) => void): this;
+    once(event: "close", listener: () => void): this;
+    once(event: "drain", listener: () => void): this;
+    once(event: "error", listener: (err: Error) => void): this;
+    once(event: "pipe", listener: (src: stream.Readable) => void): this;
+    once(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    once(event: string, listener: (...args: any[]) => void): this;
+    prependListener(event: "finish", listener: () => void): this;
+    prependListener(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    prependListener(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    prependListener(event: "trailer", listener: (data: Buffer) => void): this;
+    prependListener(event: "close", listener: () => void): this;
+    prependListener(event: "drain", listener: () => void): this;
+    prependListener(event: "error", listener: (err: Error) => void): this;
+    prependListener(event: "pipe", listener: (src: stream.Readable) => void): this;
+    prependListener(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    prependListener(event: string, listener: (...args: any[]) => void): this;
+    prependOnceListener(event: "finish", listener: () => void): this;
+    prependOnceListener(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    prependOnceListener(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    prependOnceListener(event: "trailer", listener: (data: Buffer) => void): this;
+    prependOnceListener(event: "close", listener: () => void): this;
+    prependOnceListener(event: "drain", listener: () => void): this;
+    prependOnceListener(event: "error", listener: (err: Error) => void): this;
+    prependOnceListener(event: "pipe", listener: (src: stream.Readable) => void): this;
+    prependOnceListener(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    prependOnceListener(event: string, listener: (...args: any[]) => void): this;
+    removeListener(event: "finish", listener: () => void): this;
+    removeListener(event: "part", listener: (stream: Dicer.PartStream) => void): this;
+    removeListener(event: "preamble", listener: (stream: Dicer.PartStream) => void): this;
+    removeListener(event: "trailer", listener: (data: Buffer) => void): this;
+    removeListener(event: "close", listener: () => void): this;
+    removeListener(event: "drain", listener: () => void): this;
+    removeListener(event: "error", listener: (err: Error) => void): this;
+    removeListener(event: "pipe", listener: (src: stream.Readable) => void): this;
+    removeListener(event: "unpipe", listener: (src: stream.Readable) => void): this;
+    removeListener(event: string, listener: (...args: any[]) => void): this;
+}
+
+declare namespace Dicer {
+    interface Config {
+        /**
+         * This is the boundary used to detect the beginning of a new part.
+         */
+        boundary?: string;
+        /**
+         * If true, preamble header parsing will be performed first.
+         */
+        headerFirst?: boolean;
+        /**
+         * The maximum number of header key=>value pairs to parse Default: 2000 (same as node's http).
+         */
+        maxHeaderPairs?: number;
+    }
+
+    /**
+     * PartStream is a _ReadableStream_
+     *
+     * PartStream (special) events:
+     * - on('header', (header: object)) - An object containing the header for this particular part. Each property value is an array of one or more string values.
+     */
+    interface PartStream extends stream.Readable {
+        addListener(event: "header", listener: (header: object) => void): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "data", listener: (chunk: Buffer | string) => void): this;
+        addListener(event: "end", listener: () => void): this;
+        addListener(event: "readable", listener: () => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: string, listener: (...args: any[]) => void): this;
+        on(event: "header", listener: (header: object) => void): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "data", listener: (chunk: Buffer | string) => void): this;
+        on(event: "end", listener: () => void): this;
+        on(event: "readable", listener: () => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: string, listener: (...args: any[]) => void): this;
+        once(event: "header", listener: (header: object) => void): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "data", listener: (chunk: Buffer | string) => void): this;
+        once(event: "end", listener: () => void): this;
+        once(event: "readable", listener: () => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: string, listener: (...args: any[]) => void): this;
+        prependListener(event: "header", listener: (header: object) => void): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "data", listener: (chunk: Buffer | string) => void): this;
+        prependListener(event: "end", listener: () => void): this;
+        prependListener(event: "readable", listener: () => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: string, listener: (...args: any[]) => void): this;
+        prependOnceListener(event: "header", listener: (header: object) => void): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "data", listener: (chunk: Buffer | string) => void): this;
+        prependOnceListener(event: "end", listener: () => void): this;
+        prependOnceListener(event: "readable", listener: () => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: string, listener: (...args: any[]) => void): this;
+        removeListener(event: "header", listener: (header: object) => void): this;
+        removeListener(event: "close", listener: () => void): this;
+        removeListener(event: "data", listener: (chunk: Buffer | string) => void): this;
+        removeListener(event: "end", listener: () => void): this;
+        removeListener(event: "readable", listener: () => void): this;
+        removeListener(event: "error", listener: (err: Error) => void): this;
+        removeListener(event: string, listener: (...args: any[]) => void): this;
+    }
+}
diff --git a/types/dicer/tsconfig.json b/types/dicer/tsconfig.json
new file mode 100644
index 0000000000..09c2832cb1
--- /dev/null
+++ b/types/dicer/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dicer-tests.ts"
+    ]
+}
diff --git a/types/dicer/tslint.json b/types/dicer/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dicer/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/diff/diff-tests.ts b/types/diff/diff-tests.ts
index 0dea2a305e..2f640da490 100644
--- a/types/diff/diff-tests.ts
+++ b/types/diff/diff-tests.ts
@@ -16,6 +16,29 @@ diffArraysResult.forEach(result => {
     }
 });
 
+interface DiffObj {
+    value: number;
+}
+const a: DiffObj = {value: 0};
+const b: DiffObj = {value: 1};
+const c: DiffObj = {value: 2};
+const d: DiffObj = {value: 3};
+const arrayOptions: jsdiff.IArrayOptions = {
+    comparator: (left: DiffObj, right: DiffObj) => {
+      return left.value === right.value;
+    }
+};
+const diffResult = jsdiff.diffArrays([a, b, c], [a, b, d], arrayOptions);
+diffResult.forEach(result => {
+    if (result.added) {
+        console.log(`added ${result.value.length} line(s):`, ...result.value);
+    } else if (result.removed) {
+        console.log(`removed ${result.value.length} line(s):`, ...result.value);
+    } else {
+        console.log(`no changes`);
+    }
+});
+
 // --------------------------
 
 class LineDiffWithoutWhitespace extends jsdiff.Diff {
diff --git a/types/diff/index.d.ts b/types/diff/index.d.ts
index 33d337d1b7..760aee4e61 100644
--- a/types/diff/index.d.ts
+++ b/types/diff/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/kpdecker/jsdiff
 // Definitions by: vvakame <https://github.com/vvakame>
 //                 szdc <https://github.com/szdc>
+//                 moc-yuto <https://github.com/moc-yuto>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -18,8 +19,8 @@ declare namespace JsDiff {
         newlineIsToken?: boolean;
     }
 
-    interface IArrayOptions extends IOptions {
-        comparator?: (left: any, right: any) => number;
+    interface IArrayOptions {
+        comparator?: (left: any, right: any) => boolean;
     }
 
     interface IDiffResult {
diff --git a/types/dinero.js/dinero.js-tests.ts b/types/dinero.js/dinero.js-tests.ts
new file mode 100644
index 0000000000..803184c3db
--- /dev/null
+++ b/types/dinero.js/dinero.js-tests.ts
@@ -0,0 +1,71 @@
+import Dinero = require("dinero.js");
+
+Dinero.globalExchangeRatesApi = {
+    endpoint: "https://yourexchangerates.api/latest?base={{from}}",
+    propertyPath: "data.rates.{{to}}",
+    headers: {
+        "user-key": "xxxxxxxxx",
+    },
+};
+Dinero.globalExchangeRatesApi = {
+    endpoint: "https://yourexchangerates.api/latest?base={{from}}",
+    propertyPath: "data.rates.{{to}}",
+    roundingMode: "HALF_UP",
+};
+
+Dinero();
+Dinero({ amount: 1 });
+Dinero({ currency: "USD" });
+Dinero({ precision: 2 });
+
+let number: number;
+let string: string;
+let boolean: boolean;
+
+let dinero: Dinero.Dinero = Dinero();
+let dineroArr: Dinero.Dinero[];
+let dineroObject: Dinero.DineroObject;
+
+number = dinero.getAmount();
+string = dinero.getCurrency();
+string = dinero.setLocale("fr-FR").getLocale();
+number = dinero.convertPrecision(4).getPrecision();
+dinero = dinero.add(Dinero({ amount: 104545, precision: 4 }));
+dinero = dinero.subtract(Dinero({ amount: 104545, precision: 4 }));
+dinero = dinero.multiply(2.00125);
+dinero = dinero.multiply(2.00125, "HALF_UP");
+dinero = dinero.divide(2);
+dinero = dinero.divide(2, "HALF_UP");
+dinero = dinero.percentage(50);
+dineroArr = dinero.allocate([50, 50]);
+dinero.convert("EUR").then(d => (dinero = d));
+dinero.convert("XBT", {
+    endpoint: "https://yourexchangerates.api/latest?base={{from}}",
+    propertyPath: "data.rates.{{to}}",
+    headers: {
+        "user-key": "xxxxxxxxx",
+    },
+    roundingMode: "HALF_UP",
+});
+boolean = dinero.equalsTo(Dinero({ amount: 500, currency: "EUR" }));
+boolean = dinero.lessThan(Dinero({ amount: 800 }));
+boolean = dinero.lessThanOrEqual(Dinero({ amount: 800 }));
+boolean = dinero.greaterThan(Dinero({ amount: 800 }));
+boolean = dinero.greaterThanOrEqual(Dinero({ amount: 800 }));
+boolean = dinero.isZero();
+boolean = dinero.isPositive();
+boolean = dinero.isNegative();
+boolean = dinero.hasSubUnits();
+boolean = dinero.hasCents();
+boolean = dinero.hasSameCurrency(Dinero({ amount: 1000, currency: "EUR" }));
+boolean = dinero.hasSameAmount(Dinero({ amount: 1000, currency: "EUR" }));
+string = dinero.toFormat("0,0 dollar");
+string = dinero.toFormat("0,0 dollar", "HALF_EVEN");
+number = dinero.toUnit();
+number = dinero.toRoundedUnit(1);
+number = dinero.toRoundedUnit(1, "HALF_EVEN");
+dineroObject = dinero.toObject();
+dineroArr = Dinero.normalizePrecision([
+    Dinero({ amount: 100, precision: 2 }),
+    Dinero({ amount: 1000, precision: 3 }),
+]);
diff --git a/types/dinero.js/index.d.ts b/types/dinero.js/index.d.ts
new file mode 100644
index 0000000000..82a5026380
--- /dev/null
+++ b/types/dinero.js/index.d.ts
@@ -0,0 +1,78 @@
+// Type definitions for dinero.js 1.4
+// Project: https://sarahdayan.github.io/dinero.js
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export as namespace Dinero;
+
+export = DineroFactory;
+
+declare function DineroFactory(options?: Dinero.Options): DineroFactory.Dinero;
+
+declare namespace DineroFactory {
+    let globalExchangeRatesApi: ExchangeRatesApiOptions;
+    function normalizePrecision(objects: Dinero[]): Dinero[];
+
+    interface Options {
+        amount?: number;
+        currency?: string;
+        precision?: number;
+    }
+
+    interface Dinero {
+        getAmount(): number;
+        getCurrency(): string;
+        getLocale(): string;
+        setLocale(newLocale: string): Dinero;
+        getPrecision(): number;
+        convertPrecision(newPrecision: number): Dinero;
+        add(addend: Dinero): Dinero;
+        subtract(subtrahend: Dinero): Dinero;
+        multiply(multiplier: number, roundingMode?: RoundingMode): Dinero;
+        divide(divisor: number, roundingMode?: RoundingMode): Dinero;
+        percentage(percentage: number): Dinero;
+        allocate(ratios: number[]): Dinero[];
+        convert(currency: string, options?: ExchangeRatesApiOptions): Promise<Dinero>;
+        equalsTo(comparator: Dinero): boolean;
+        lessThan(comparator: Dinero): boolean;
+        lessThanOrEqual(comparator: Dinero): boolean;
+        greaterThan(comparator: Dinero): boolean;
+        greaterThanOrEqual(comparator: Dinero): boolean;
+        isZero(): boolean;
+        isPositive(): boolean;
+        isNegative(): boolean;
+        hasSubUnits(): boolean;
+        /**
+         * @deprecated since version 2.0
+         */
+        hasCents(): boolean;
+        hasSameCurrency(comparator: Dinero): boolean;
+        hasSameAmount(comparator: Dinero): boolean;
+        toFormat(format?: string, roundingMode?: RoundingMode): string;
+        toUnit(): number;
+        toRoundedUnit(digits: number, roundingMode?: RoundingMode): number;
+        toObject(): DineroObject;
+    }
+
+    type RoundingMode =
+        | "HALF_ODD"
+        | "HALF_EVEN"
+        | "HALF_UP"
+        | "HALF_DOWN"
+        | "HALF_TOWARDS_ZERO"
+        | "HALF_AWAY_FROM_ZERO";
+
+    interface ExchangeRatesApiOptions {
+        endpoint: string;
+        propertyPath: string;
+        headers?: { [header: string]: string };
+        roundingMode?: RoundingMode;
+    }
+
+    interface DineroObject {
+        amount: number;
+        currency: string;
+        precision: number;
+    }
+}
diff --git a/types/dinero.js/tsconfig.json b/types/dinero.js/tsconfig.json
new file mode 100644
index 0000000000..2b306e0676
--- /dev/null
+++ b/types/dinero.js/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dinero.js-tests.ts"
+    ]
+}
diff --git a/types/dinero.js/tslint.json b/types/dinero.js/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dinero.js/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/discord-rpc/discord-rpc-tests.ts b/types/discord-rpc/discord-rpc-tests.ts
new file mode 100644
index 0000000000..c21f32323e
--- /dev/null
+++ b/types/discord-rpc/discord-rpc-tests.ts
@@ -0,0 +1,6 @@
+import * as discordrpc from "discord-rpc";
+
+discordrpc.register('0'); // $ExpectType boolean
+discordrpc.register(0); // $ExpectError
+
+const client = new discordrpc.Client({ transport: 'ipc' });
diff --git a/types/discord-rpc/index.d.ts b/types/discord-rpc/index.d.ts
new file mode 100644
index 0000000000..2d63e363b7
--- /dev/null
+++ b/types/discord-rpc/index.d.ts
@@ -0,0 +1,190 @@
+// Type definitions for discord-rpc 3.0
+// Project: https://github.com/discordjs/RPC#readme
+// Definitions by: Jason Bothell <https://github.com/jasonhaxstuff>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { EventEmitter } from 'events';
+
+export function register(id: string): boolean;
+
+export class Client extends EventEmitter {
+	constructor(options: RPCClientOptions)
+
+	application: {
+		description: string
+		icon: string
+		id: string
+		rpc_origins: string[]
+		name: string
+	};
+
+	user: {
+		username: string
+		discriminator: string
+		id: string
+		avatar: string
+	};
+
+	connect(clientId: string): Promise<Client>;
+	login(options?: RPCLoginOptions): Promise<this>;
+
+	getGuild(id: string, timeout?: number): Promise<Guild>;
+	getGuilds(timeout?: number): Promise<Guild[]>;
+
+	getChannel(id: string, timeout?: number): Promise<Channel>;
+	getChannels(id?: string, timeout?: number): Promise<Channel[]>;
+
+	setCertifiedDevices(devices: CertifiedDevice[]): Promise<null>;
+
+	setUserVoiceSettings(id: string, settings: UserVoiceSettings): Promise<any>;
+
+	selectVoiceChannel(id: string, options?: { timeout?: number, force?: boolean }): Promise<Channel>;
+	selectTextChannel(id: string, options?: { timeout: number, force: boolean }): Promise<Channel>;
+
+	getVoiceSettings(): Promise<VoiceSettings>;
+	setVoiceSettings(args: VoiceSettings): Promise<any>;
+
+	captureShortcut(callback: (shortcut: Array<{ type: number, code: number, name: string }>, stop: () => void) => void): Promise<() => void>;
+
+	setActivity(args?: Presence, pid?: number): Promise<any>;
+	clearActivity(pid?: number): Promise<any>;
+
+	sendJoinInvite(user: { id: string } | string): Promise<any>;
+
+	sendJoinRequest(user: { id: string } | string): Promise<any>;
+	closeJoinRequest(user: { id: string } | string): Promise<any>;
+
+	createLobby(type: string, capacity: number, metadata: any): Promise<any>;
+	updateLobby(lobby: { id: string } | string, options?: { type: string, owner: { id: string } | string, capacity: number, metadata: any }): Promise<any>;
+	deleteLobby(lobby: { id: string } | string): Promise<any>;
+	connectToLobby(id: string, secret: string): Promise<any>;
+	sendToLobby(lobby: { id: string } | string, data: any): Promise<any>;
+	disconnectFromLobby(lobby: { id: string } | string): Promise<any>;
+	updateLobbyMember(lobby: { id: string } | string, user: { id: string } | string, metadata: any): Promise<any>;
+
+	subscribe(event: string, callback: (data: any) => void): Promise<Subscription>;
+	subscribe(event: string, args: any, callback: (data: any) => void): Promise<Subscription>;
+
+	destroy(): Promise<void>;
+}
+
+export interface RPCClientOptions {
+	transport: 'ipc' | 'websocket';
+}
+
+export interface RPCLoginOptions {
+	clientId: string;
+	clientSecret?: string;
+	accessToken?: string;
+	rpcToken?: string;
+	tokenEndpoint?: string;
+	scopes?: string[];
+}
+
+export interface Guild {
+	id: string;
+	name: string;
+	icon_url?: string;
+	members?: any[];
+}
+
+export interface Subscription {
+	unsubscribe(): Promise<boolean>;
+}
+
+export interface Channel {
+	id: string;
+	name: string;
+
+  /**
+   * Guild text: 0, Guild voice: 2, DM: 1, Group DM: 3
+   */
+	type: number;
+
+	guild_id?: string;
+
+  /**
+   * (text)
+   */
+	topic?: string;
+
+  /**
+   * (voice)
+   */
+	bitrate?: number;
+
+  /**
+   * (voice) 0 if none
+   */
+	user_limit?: number;
+
+  /**
+   * (text)
+   */
+	position?: number;
+
+  /**
+   * (voice) https://discordapp.com/developers/docs/resources/voice#voice-state-object
+   */
+	voice_states?: any[];
+
+  /**
+   * (text) https://discordapp.com/developers/docs/resources/channel#message-object
+   */
+	messages?: any[];
+}
+
+export interface CertifiedDevice {
+	type: 'audioinput' | 'audiooutput' | 'videoinput';
+	uuid: string;
+	vendor: { name: string, url: string };
+	model: { name: string, url: string };
+	related: string[];
+	echoCancellation?: boolean;
+	noiseSuppression?: boolean;
+	automaticGainControl?: boolean;
+	hardwareMute?: boolean;
+}
+
+export interface UserVoiceSettings {
+	id: string;
+	pan?: { left: number, right: number };
+	volume?: number;
+	mute?: boolean;
+}
+
+export interface VoiceSettings {
+	automaticGainControl: boolean;
+	echoCancellation: boolean;
+	noiseSuppression: boolean;
+	qos: boolean;
+	silenceWarning: boolean;
+	deaf: boolean;
+	mute: boolean;
+	input?: {
+		device: string,
+		volume: number
+	};
+	output?: {
+		device: string,
+		volume: number
+	};
+	mode?: {
+		autoThreshold: boolean,
+		threshold: number,
+		shortcut: Array<{ type: number, code: number, name: string }>,
+		delay: number
+	};
+}
+
+export interface Presence {
+	state?: string;
+	details?: string;
+	startTimestamp?: number;
+	endTimestamp?: number;
+	largeImageKey?: string;
+	largeImageText?: string;
+	smallImageKey?: string;
+	smallImageText?: string;
+	instance?: boolean;
+}
diff --git a/types/discord-rpc/tsconfig.json b/types/discord-rpc/tsconfig.json
new file mode 100644
index 0000000000..1e761bbf04
--- /dev/null
+++ b/types/discord-rpc/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "discord-rpc-tests.ts"
+    ]
+}
diff --git a/types/discord-rpc/tslint.json b/types/discord-rpc/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/discord-rpc/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/dockerode/index.d.ts b/types/dockerode/index.d.ts
index 5c1c1bfae6..bab3ee6f2b 100644
--- a/types/dockerode/index.d.ts
+++ b/types/dockerode/index.d.ts
@@ -6,6 +6,7 @@
 //                 Ray Fang <https://github.com/lazarusx>
 //                 Marius Meisenzahl <https://github.com/meisenzahl>
 //                 Rob Moran <https://github.com/thegecko>
+//                 Cameron Diver <https://github.com/CameronDiver>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -328,6 +329,20 @@ declare namespace Dockerode {
     MacAddress: string;
   }
 
+  // not complete definition of network inspection
+  // info which is returned by list / inspect
+  interface NetworkInspectInfo {
+    Id: string;
+    Name: string;
+    Driver: string;
+    Created: string;
+    Scope: string;
+    EnableIPv6: boolean;
+    Internal: boolean;
+    Attachable: boolean;
+    Ingress: boolean;
+  }
+
   interface ContainerInspectInfo {
     Id: string;
     Created: string;
@@ -573,6 +588,77 @@ declare namespace Dockerode {
     };
   }
 
+  interface AuthConfig {
+    username: string;
+    password: string;
+    serveraddress: string;
+    email?: string;
+  }
+
+  interface PortBinding {
+    HostIp?: string;
+    HostPort?: string;
+  }
+
+  interface PortMap {
+    [key: string]: PortBinding[];
+  }
+
+  interface RestartPolicy {
+    Name: string;
+    MaximumRetryCount?: number;
+  }
+
+  type LoggingDriverType =
+    | "json-file"
+    | "syslog"
+    | "journald"
+    | "gelf"
+    | "fluentd"
+    | "awslogs"
+    | "splunk"
+    | "etwlogs"
+    | "none";
+
+  interface LogConfig {
+    Type: LoggingDriverType;
+    Config?: { [key: string]: string };
+  }
+
+  interface DeviceMapping {
+    PathOnHost: string;
+    PathInContainer: string;
+    CgroupPermissions: string;
+  }
+
+  /* tslint:disable:interface-name */
+  interface IPAMConfig {
+    IPv4Address?: string;
+    IPv6Address?: string;
+    LinkLocalIPs?: string[];
+  }
+  /* tslint:enable:interface-name */
+
+  interface EndpointSettings {
+    IPAMConfig?: IPAMConfig;
+    Links?: string[];
+    Aliases?: string[];
+    NetworkID?: string;
+    EndpointID?: string;
+    Gateway?: string;
+    IPAddress?: string;
+    IPPrefixLen?: number;
+    IPv6Gateway?: string;
+    GlobalIPv6Address?: string;
+    GlobalIPV6PrefixLen?: number;
+    MacAddress?: string;
+    DriverOpts?: {[key: string]: string};
+  }
+
+  interface EndpointsConfig {
+    [key: string]: EndpointSettings;
+  }
+
   interface ContainerCreateOptions {
     name?: string;
     Hostname?: string;
@@ -620,7 +706,7 @@ declare namespace Dockerode {
       OomScoreAdj?: number;
       PidMode?: string;
       PidsLimit?: number;
-      PortBindings?: { [portAndProtocol: string]: Array<{ [index: string]: string }> };
+      PortBindings?: PortMap;
       PublishAllPorts?: boolean;
       Privileged?: boolean;
       ReadonlyRootfs?: boolean;
@@ -632,31 +718,19 @@ declare namespace Dockerode {
       CapAdd?: string[];
       CapDrop?: string[];
       GroupAdd?: string[];
-      RestartPolicy?: { [index: string]: number | string };
+      RestartPolicy?: RestartPolicy;
       NetworkMode?: string;
-      Devices?: any[];
+      Devices?: DeviceMapping[];
       Sysctls?: { [index: string]: string };
       Ulimits?: Array<{}>;
-      LogConfig?: { [index: string]: string | {} };
+      LogConfig?: LogConfig;
       SecurityOpt?: { [index: string]: any };
       CgroupParent?: string;
       VolumeDriver?: string;
       ShmSize?: number;
     };
     NetworkingConfig?: {
-      EndpointsConfig?: {
-        [index: string]: any;
-        isolated_nw?: {
-          [index: string]: any;
-          IPAMConfig?: {
-            IPv4Address?: string;
-            IPv6Adress?: string;
-            LinkLocalIPs?: string[];
-          }
-          Links?: string[];
-          Aliases?: string[];
-        }
-      }
+      EndpointsConfig?: EndpointsConfig;
     };
   }
 
@@ -823,6 +897,35 @@ declare namespace Dockerode {
   	context: string;
   	src: string[];
   }
+
+  interface DockerVersion {
+    ApiVersion: string;
+    Arch: string;
+    BuildTime: Date;
+    Components: Array<{
+      Details: {
+        ApiVersion: string;
+        Arch: string;
+        BuilTime: Date;
+        Experimental: string;
+        GitCommit: string;
+        GoVersion: string;
+        KernelVersion: string;
+        Os: string;
+      };
+      Name: string;
+      Version: string;
+    }>;
+    GitCommit: string;
+    GoVersion: string;
+    KernelVersion: string;
+    MinAPIVersion: string;
+    Os: string;
+    Platform: {
+      Name: string;
+    };
+    Version: string;
+  }
 }
 
 type Callback<T> = (error?: any, result?: T) => void;
@@ -949,8 +1052,8 @@ declare class Dockerode {
   df(callback: Callback<any>): void;
   df(): Promise<any>;
 
-  version(callback: Callback<any>): void;
-  version(): Promise<any>;
+  version(callback: Callback<Dockerode.DockerVersion>): void;
+  version(): Promise<Dockerode.DockerVersion>;
 
   ping(callback: Callback<any>): void;
   ping(): Promise<any>;
diff --git a/types/dojo/dijit.d.ts b/types/dojo/dijit.d.ts
index b22742b85d..4b75746aed 100644
--- a/types/dojo/dijit.d.ts
+++ b/types/dojo/dijit.d.ts
@@ -2855,7 +2855,7 @@ declare module dijit {
         get(property:"ownerDocument"): Object;
         watch(property:"ownerDocument", callback:{(property?:string, oldValue?:Object, newValue?: Object):void}) :{unwatch():void}
         /**
-         * A parameter needed by RadioGroupSlide only. An optional paramter to force
+         * A parameter needed by RadioGroupSlide only. An optional parameter to force
          * the ContentPane to slide in from a set direction. Defaults
          * to "random", or specify one of "top", "left", "right", "bottom"
          * to slideFrom top, left, right, or bottom.
@@ -6801,7 +6801,7 @@ declare module dijit {
         get(property:"searchContainerNode"): boolean;
         watch(property:"searchContainerNode", callback:{(property?:string, oldValue?:boolean, newValue?: boolean):void}) :{unwatch():void}
         /**
-         * A parameter needed by RadioGroupSlide only. An optional paramter to force
+         * A parameter needed by RadioGroupSlide only. An optional parameter to force
          * the ContentPane to slide in from a set direction. Defaults
          * to "random", or specify one of "top", "left", "right", "bottom"
          * to slideFrom top, left, right, or bottom.
@@ -104923,7 +104923,7 @@ declare module dijit {
             get(property:"searchContainerNode"): boolean;
             watch(property:"searchContainerNode", callback:{(property?:string, oldValue?:boolean, newValue?: boolean):void}) :{unwatch():void}
             /**
-             * A parameter needed by RadioGroupSlide only. An optional paramter to force
+             * A parameter needed by RadioGroupSlide only. An optional parameter to force
              * the ContentPane to slide in from a set direction. Defaults
              * to "random", or specify one of "top", "left", "right", "bottom"
              * to slideFrom top, left, right, or bottom.
diff --git a/types/dojo/dojox.widget.d.ts b/types/dojo/dojox.widget.d.ts
index 9e8ce6563e..36a58aab0d 100644
--- a/types/dojo/dojox.widget.d.ts
+++ b/types/dojo/dojox.widget.d.ts
@@ -17225,7 +17225,7 @@ declare namespace dojox {
             get(property:"searchContainerNode"): boolean;
             watch(property:"searchContainerNode", callback:{(property?:string, oldValue?:boolean, newValue?: boolean):void}) :{unwatch():void}
             /**
-             * A parameter needed by RadioGroupSlide only. An optional paramter to force
+             * A parameter needed by RadioGroupSlide only. An optional parameter to force
              * the ContentPane to slide in from a set direction. Defaults
              * to "random", or specify one of "top", "left", "right", "bottom"
              * to slideFrom top, left, right, or bottom.
@@ -18171,7 +18171,7 @@ declare namespace dojox {
                 get(property:"searchContainerNode"): boolean;
                 watch(property:"searchContainerNode", callback:{(property?:string, oldValue?:boolean, newValue?: boolean):void}) :{unwatch():void}
                 /**
-                 * A parameter needed by RadioGroupSlide only. An optional paramter to force
+                 * A parameter needed by RadioGroupSlide only. An optional parameter to force
                  * the ContentPane to slide in from a set direction. Defaults
                  * to "random", or specify one of "top", "left", "right", "bottom"
                  * to slideFrom top, left, right, or bottom.
@@ -23352,7 +23352,7 @@ declare namespace dojox {
             get(property:"refreshOnShow"): boolean;
             watch(property: "refreshOnShow", callback: { (property?: string, oldValue?: boolean, newValue?: boolean): void }): { unwatch(): void }
             /**
-             * A parameter needed by RadioGroupSlide only. An optional paramter to force
+             * A parameter needed by RadioGroupSlide only. An optional parameter to force
              * the ContentPane to slide in from a set direction. Defaults
              * to "random", or specify one of "top", "left", "right", "bottom"
              * to slideFrom top, left, right, or bottom.
@@ -24411,7 +24411,7 @@ declare namespace dojox {
             get(property:"ownerDocument"): Object;
             watch(property:"ownerDocument", callback:{(property?:string, oldValue?:Object, newValue?: Object):void}) :{unwatch():void}
             /**
-             * A parameter needed by RadioGroupSlide only. An optional paramter to force
+             * A parameter needed by RadioGroupSlide only. An optional parameter to force
              * the ContentPane to slide in from a set direction. Defaults
              * to "random", or specify one of "top", "left", "right", "bottom"
              * to slideFrom top, left, right, or bottom.
@@ -25307,7 +25307,7 @@ declare namespace dojox {
             get(property:"searchContainerNode"): boolean;
             watch(property:"searchContainerNode", callback:{(property?:string, oldValue?:boolean, newValue?: boolean):void}) :{unwatch():void}
             /**
-             * A parameter needed by RadioGroupSlide only. An optional paramter to force
+             * A parameter needed by RadioGroupSlide only. An optional parameter to force
              * the ContentPane to slide in from a set direction. Defaults
              * to "random", or specify one of "top", "left", "right", "bottom"
              * to slideFrom top, left, right, or bottom.
diff --git a/types/dom-loaded/dom-loaded-tests.ts b/types/dom-loaded/dom-loaded-tests.ts
new file mode 100644
index 0000000000..f8a3e5486d
--- /dev/null
+++ b/types/dom-loaded/dom-loaded-tests.ts
@@ -0,0 +1,3 @@
+import domLoaded = require("dom-loaded");
+
+domLoaded.then(() => console.log("DOM is loaded"));
diff --git a/types/dom-loaded/index.d.ts b/types/dom-loaded/index.d.ts
new file mode 100644
index 0000000000..5d4d5154c4
--- /dev/null
+++ b/types/dom-loaded/index.d.ts
@@ -0,0 +1,7 @@
+// Type definitions for dom-loaded 1.0
+// Project: https://github.com/sindresorhus/dom-loaded#readme
+// Definitions by: Lukas Tetzlaf <https://github.com/ltetzlaff>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare const domLoaded: Promise<void>;
+export = domLoaded;
diff --git a/types/dom-loaded/tsconfig.json b/types/dom-loaded/tsconfig.json
new file mode 100644
index 0000000000..7d17914d86
--- /dev/null
+++ b/types/dom-loaded/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dom-loaded-tests.ts"
+    ]
+}
diff --git a/types/dom-loaded/tslint.json b/types/dom-loaded/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dom-loaded/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/dom-mediacapture-record/dom-mediacapture-record-tests.ts b/types/dom-mediacapture-record/dom-mediacapture-record-tests.ts
new file mode 100644
index 0000000000..fe243dabf6
--- /dev/null
+++ b/types/dom-mediacapture-record/dom-mediacapture-record-tests.ts
@@ -0,0 +1,53 @@
+const isWebmSupported: boolean = window.MediaRecorder.isTypeSupported(
+    'video/webm'
+);
+
+const mediaStream = new MediaStream();
+
+const mediaRecorderOptions: MediaRecorderOptions = {
+    mimeType: 'video/webm',
+    audioBitsPerSecond: 1000000,
+    videoBitsPerSecond: 4000000
+};
+
+const blobEvent = new BlobEvent('dataavailable', {
+    data: new Blob(),
+    bubbles: false
+});
+const errorEvent = new MediaRecorderErrorEvent('error', {
+    error: new DOMException(),
+    bubbles: false
+});
+
+const onDataAvailable = (event: BlobEvent) => {
+    const blobType = event.data.type;
+};
+
+const onError = (event: MediaRecorderErrorEvent) => {
+    const errorMessage = event.error.message;
+};
+
+const onEvent = (event: Event) => {};
+
+let recorder = new window.MediaRecorder(mediaStream);
+recorder = new MediaRecorder(mediaStream, mediaRecorderOptions);
+
+recorder.start();
+recorder.stop();
+recorder.start(1000);
+recorder.pause();
+recorder.requestData();
+const state: RecordingState = recorder.state;
+const isRecording = state === 'recording';
+
+recorder.addEventListener('start', onEvent);
+recorder.removeEventListener('start', onEvent);
+recorder.dispatchEvent(blobEvent);
+
+recorder.ondataavailable = onDataAvailable;
+recorder.ondataavailable = onEvent;
+recorder.onerror = onError;
+recorder.onpause = onEvent;
+recorder.onresume = onEvent;
+recorder.onstart = onEvent;
+recorder.onstop = onEvent;
diff --git a/types/dom-mediacapture-record/index.d.ts b/types/dom-mediacapture-record/index.d.ts
new file mode 100644
index 0000000000..fc941e89bf
--- /dev/null
+++ b/types/dom-mediacapture-record/index.d.ts
@@ -0,0 +1,64 @@
+// Type definitions for w3c MediaStream Recording 1.0
+// Project: https://w3c.github.io/mediacapture-record
+// Definitions by: Elias Meire <https://github.com/eliasmeire>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface MediaRecorderErrorEventInit extends EventInit {
+    error: DOMException;
+}
+
+declare class MediaRecorderErrorEvent extends Event {
+    constructor(type: string, eventInitDict: MediaRecorderErrorEventInit);
+    readonly error: DOMException;
+}
+
+interface BlobEventInit extends EventInit {
+    data: Blob;
+    timecode?: number;
+}
+
+declare class BlobEvent extends Event {
+    constructor(type: string, eventInitDict: BlobEventInit);
+    readonly data: Blob;
+    readonly timecode: number;
+}
+
+interface MediaRecorderOptions {
+    mimeType?: string;
+    audioBitsPerSecond?: number;
+    videoBitsPerSecond?: number;
+    bitsPerSecond?: number;
+}
+
+type RecordingState = 'inactive' | 'recording' | 'paused';
+
+declare class MediaRecorder extends EventTarget {
+    readonly stream: MediaStream;
+    readonly mimeType: string;
+    readonly state: RecordingState;
+    readonly videoBitsPerSecond: number;
+    readonly audioBitsPerSecond: number;
+
+    ondataavailable: (event: BlobEvent) => void;
+    onerror: (event: MediaRecorderErrorEvent) => void;
+    onpause: EventListener;
+    onresume: EventListener;
+    onstart: EventListener;
+    onstop: EventListener;
+
+    constructor(stream: MediaStream, options?: MediaRecorderOptions);
+
+    start(timeslice?: number): void;
+    stop(): void;
+    resume(): void;
+    pause(): void;
+    requestData(): void;
+
+    static isTypeSupported(type: string): boolean;
+}
+
+interface Window {
+    MediaRecorder: typeof MediaRecorder;
+    BlobEvent: typeof BlobEvent;
+    MediaRecorderErrorEvent: typeof MediaRecorderErrorEvent;
+}
diff --git a/types/dom-mediacapture-record/tsconfig.json b/types/dom-mediacapture-record/tsconfig.json
new file mode 100644
index 0000000000..1cc0c297ed
--- /dev/null
+++ b/types/dom-mediacapture-record/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "dom-mediacapture-record-tests.ts"]
+}
diff --git a/types/dom-mediacapture-record/tslint.json b/types/dom-mediacapture-record/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/dom-mediacapture-record/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/dompurify/index.d.ts b/types/dompurify/index.d.ts
index b72cc9e5e9..4c3a38d8f5 100644
--- a/types/dompurify/index.d.ts
+++ b/types/dompurify/index.d.ts
@@ -1,10 +1,14 @@
 // Type definitions for DOM Purify
 // Project: https://github.com/cure53/DOMPurify
-// Definitions by: Dave Taylor <http://davetayls.me>, Samira Bazuzi <https://github.com/bazuzi>
+// Definitions by: Dave Taylor <http://davetayls.me>, Samira Bazuzi <https://github.com/bazuzi>, FlowCrypt <https://github.com/FlowCrypt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export as namespace DOMPurify;
 
+export declare let version: string;
+export declare let removed: any[];
+export declare let isSupported: boolean;
+
 export declare function sanitize(source: string | Node): string;
 export declare function sanitize(source: string | Node, config: Config & { RETURN_DOM_FRAGMENT?: false; RETURN_DOM?: false; }): string;
 export declare function sanitize(source: string | Node, config: Config & { RETURN_DOM_FRAGMENT: true; }): DocumentFragment;
@@ -13,6 +17,12 @@ export declare function sanitize(source: string | Node, config: Config): string
 export declare function addHook(hook: 'uponSanitizeElement', cb: (currentNode: Element, data: SanitizeElementHookEvent, config: Config) => void): void;
 export declare function addHook(hook: 'uponSanitizeAttribute', cb: (currentNode: Element, data: SanitizeAttributeHookEvent, config: Config) => void): void;
 export declare function addHook(hook: HookName, cb: (currentNode: Element, data: HookEvent, config: Config) => void): void;
+export declare function setConfig(cfg: Config): void;
+export declare function clearConfig(): void;
+export declare function isValidAttribute(tag: string, attr: string, value: string): boolean;
+export declare function removeHook(entryPoint: HookName): void;
+export declare function removeHooks(entryPoint: HookName): void;
+export declare function removeAllHooks(): void;
 
 interface Config {
     ADD_ATTR?: string[];
@@ -30,6 +40,11 @@ interface Config {
     SAFE_FOR_JQUERY?: boolean;
     SANITIZE_DOM?: boolean;
     WHOLE_DOCUMENT?: boolean;
+    ALLOWED_URI_REGEXP?: RegExp;
+    SAFE_FOR_TEMPLATES?: boolean;
+    ALLOW_UNKNOWN_PROTOCOLS?: boolean;
+    USE_PROFILES?: false | {mathMl?: boolean, svg?: boolean, svgFilters?: boolean, html?: boolean};
+    IN_PLACE?: boolean;
 }
 
 type HookName
diff --git a/types/dot-prop/dot-prop-tests.ts b/types/dot-prop/dot-prop-tests.ts
index 420fe2d320..7b21eb76c9 100644
--- a/types/dot-prop/dot-prop-tests.ts
+++ b/types/dot-prop/dot-prop-tests.ts
@@ -18,6 +18,6 @@ dotProp.has({foo: {bar: 'unicorn'}}, 'foo.bar');
 
 dotProp.delete(obj, 'foo.bar');
 console.log(obj);
-(<any> obj).foo.bar = {x: 'y', y: 'x'};
+(obj as any).foo.bar = {x: 'y', y: 'x'};
 dotProp.delete(obj, 'foo.bar.x');
 console.log(obj);
diff --git a/types/dotenv-safe/index.d.ts b/types/dotenv-safe/index.d.ts
index 114edce926..3004b98ba6 100644
--- a/types/dotenv-safe/index.d.ts
+++ b/types/dotenv-safe/index.d.ts
@@ -2,7 +2,6 @@
 // Project: https://github.com/rolodato/dotenv-safe
 // Definitions by: Stan Goldmann <https://github.com/krenor>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
 
 import env = require("dotenv")
 
@@ -51,11 +50,11 @@ export interface DotenvSafeOptions {
  *
  * @throws MissingEnvVarsError
  */
-export function load(options?: DotenvSafeOptions): env.DotenvResult
+export function load(options?: DotenvSafeOptions): env.DotenvConfigOutput
 
 /**
  * Loads environment variables file into 'process.env'.
  *
  * @throws MissingEnvVarsError
  */
-export function config(options?: DotenvSafeOptions): env.DotenvResult
+export function config(options?: DotenvSafeOptions): env.DotenvConfigOutput
diff --git a/types/dotenv-safe/tsconfig.json b/types/dotenv-safe/tsconfig.json
index 46b51afc29..8858caf94a 100644
--- a/types/dotenv-safe/tsconfig.json
+++ b/types/dotenv-safe/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/dotenv/dotenv-tests.ts b/types/dotenv/dotenv-tests.ts
index 613da3b056..2776e6d202 100644
--- a/types/dotenv/dotenv-tests.ts
+++ b/types/dotenv/dotenv-tests.ts
@@ -1,20 +1,18 @@
-import dotenv = require('dotenv');
+import dotenv = require("dotenv");
 
 const env = dotenv.config();
-const dbUrl: string | null = env.error || !env.parsed ? null : env.parsed['DATABASE_URL'];
+const dbUrl: string | null = env.error || !env.parsed ? null : env.parsed["BASIC"];
 
-dotenv.config({
-    path: '.env'
+dotenv.load({
+  path: ".env-example",
+  encoding: "utf8",
+  debug: true
 });
 
-dotenv.config({
-    encoding: 'utf8'
+const parsed = dotenv.parse("NODE_ENV=production\nDB_HOST=a.b.c");
+const dbHost: string = parsed["DB_HOST"];
+
+const parsedFromBuffer = dotenv.parse(new Buffer("JUSTICE=league\n"), {
+  debug: true
 });
-
-dotenv.load();
-
-const parsed = dotenv.parse("ENVIRONMENT=production\nDEBUG=no\n");
-const debug: string = parsed['DEBUG'];
-
-const parsedFromBuffer = dotenv.parse(new Buffer("JUSTICE=league\n"));
-const justice: string = parsedFromBuffer['JUSTICE'];
+const justice: string = parsedFromBuffer["JUSTICE"];
diff --git a/types/dotenv/index.d.ts b/types/dotenv/index.d.ts
index 4dd67b15c0..f8675ec22e 100644
--- a/types/dotenv/index.d.ts
+++ b/types/dotenv/index.d.ts
@@ -1,46 +1,65 @@
-// Type definitions for dotenv 4.0
+// Type definitions for dotenv 6.1
 // Project: https://github.com/motdotla/dotenv
-// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>, Borek Bernard <https://github.com/borekb>, Eric Naeseth <https://github.com/enaeseth>
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+//                 Borek Bernard <https://github.com/borekb>
+//                 Eric Naeseth <https://github.com/enaeseth>
+//                 Max Beatty <https://github.com/maxbeatty>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
 
+export interface DotenvParseOptions {
+  /**
+   * You may turn on logging to help debug why certain keys or values are not being set as you expect.
+   */
+  debug?: boolean;
+}
+
+export interface DotenvParseOutput {
+  [name: string]: string;
+}
+
 /**
  * Parses a string or buffer in the .env file format into an object.
+ *
+ * @param src - contents to be parsed
+ * @param options - additional options
+ * @returns an object with keys and values based on `src`
  */
-export function parse(src: string | Buffer): {[name: string]: string};
+export function parse(
+  src: string | Buffer,
+  options?: DotenvParseOptions
+): DotenvParseOutput;
+
+export interface DotenvConfigOptions {
+  /**
+   * You may specify a custom path if your file containing environment variables is located elsewhere.
+   */
+  path?: string;
+
+  /**
+   * You may specify the encoding of your file containing environment variables.
+   */
+  encoding?: string;
+
+  /**
+   * You may turn on logging to help debug why certain keys or values are not being set as you expect.
+   */
+  debug?: boolean;
+}
+
+export interface DotenvConfigOutput {
+  error?: Error;
+  parsed?: DotenvParseOutput;
+}
 
 /**
- * Loads `.env` into `process.env`.
- *
- * @return Object Object with either
- * - "parsed" containing the parsed keys and values or
- * - "error" containing an Error object
- *
+ * Loads `.env` file contents into {@link https://nodejs.org/api/process.html#process_process_env | `process.env`}.
  * Example: 'KEY=value' becomes { parsed: { KEY: 'value' } }
+ *
+ * @param options - controls behavior
+ * @returns an object with a `parsed` key if successful or `error` key if an error occurred
+ *
  */
-export function config(options?: DotenvOptions): DotenvResult;
+export function config(options?: DotenvConfigOptions): DotenvConfigOutput;
 export const load: typeof config;
-
-export interface DotenvOptions {
-    /**
-     * You can specify a custom path if your file containing environment variables is named or located differently.
-     *
-     * @default '.env'
-     */
-    path?: string;
-
-    /**
-     * You may specify the encoding of your file containing environment variables using this option.
-     *
-     * @default 'utf8'
-     */
-    encoding?: string;
-}
-
-export interface DotenvResult {
-    error?: Error;
-    parsed?: {
-        [name: string]: string;
-    };
-}
diff --git a/types/doubleclick-gpt/doubleclick-gpt-tests.ts b/types/doubleclick-gpt/doubleclick-gpt-tests.ts
index 9218408268..4d29a46d91 100644
--- a/types/doubleclick-gpt/doubleclick-gpt-tests.ts
+++ b/types/doubleclick-gpt/doubleclick-gpt-tests.ts
@@ -41,7 +41,7 @@ googletag.openConsole();
 
 googletag.setAdIframeTitle("title");
 
-googletag.cmd.push(function() {
+googletag.cmd.push(() => {
     googletag.defineSlot("/1234567/sports", [160, 600]).
             addService(googletag.pubads());
 });
@@ -79,8 +79,8 @@ googletag.pubads().definePassback("/1234567/sports", [468, 60]).
             display();
 
 googletag.pubads().definePassback("/1234567/sports", [160, 600]).
-    updateTargetingFromMap({"color": "red",
-                                                    "interests": ["sports", "music", "movies"]}).
+    updateTargetingFromMap({color: "red",
+                            interests: ["sports", "music", "movies"]}).
             display();
 
 googletag.pubads().enableLazyLoad();
@@ -262,7 +262,7 @@ googletag.pubads().updateCorrelator();
 // The listener will be called only when the pubads service renders a slot.
 // To listen to companion ads, add a similar listener to
 // googletag.companionAds().
-googletag.pubads().addEventListener("slotRenderEnded", function(event: googletag.events.SlotRenderEndedEvent) {
+googletag.pubads().addEventListener("slotRenderEnded", (event: googletag.events.SlotRenderEndedEvent) => {
     console.log("Slot has been rendered:");
     console.log(event);
 });
@@ -273,7 +273,7 @@ googletag.pubads().addEventListener("slotRenderEnded", function(event: googletag
 // however, programmatically filter a listener to respond only to a certain
 // ad slot, using this pattern:
 let targetSlot = slot1;
-googletag.pubads().addEventListener("slotRenderEnded", function(event: googletag.events.SlotRenderEndedEvent) {
+googletag.pubads().addEventListener("slotRenderEnded", (event: googletag.events.SlotRenderEndedEvent) => {
     if (event.slot === targetSlot) {
         // Slot specific logic.
     }
@@ -283,7 +283,7 @@ googletag.pubads().addEventListener("slotRenderEnded", function(event: googletag
 // The listener will be called when the impression is considered viewable.
 // This event also operates at service level, but, as above, you can filter
 // to respond only to a certain ad slot by using this pattern:
-googletag.pubads().addEventListener("impressionViewable", function(event: googletag.events.ImpressionViewableEvent) {
+googletag.pubads().addEventListener("impressionViewable", (event: googletag.events.ImpressionViewableEvent) => {
     if (event.slot === targetSlot) {
         // Slot specific logic.
     }
@@ -317,7 +317,6 @@ slot.clearCategoryExclusions();
 
 // Make an ad request. Any ad can be returned for the slot.
 
-
 slot = googletag.defineSlot("/1234567/sports", [160, 600], "div-1").
         setTargeting("allow_expandable", "true").
         setTargeting("interests", ["sports", "music", "movies"]).
diff --git a/types/doubleclick-gpt/index.d.ts b/types/doubleclick-gpt/index.d.ts
index ab71cdc99a..374f410c36 100644
--- a/types/doubleclick-gpt/index.d.ts
+++ b/types/doubleclick-gpt/index.d.ts
@@ -1,29 +1,30 @@
-// Type definitions for Google Publisher Tag v238
+// Type definitions for Google Publisher Tag 238.0
 // Project: https://developers.google.com/doubleclick-gpt/reference
 // Definitions by: John Wright <https://github.com/johngeorgewright>
 //                 Steven Joyce <https://github.com/steven-joyce>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 declare namespace googletag {
-    export type SingleSizeArray = number[];
+    type SingleSizeArray = number[];
 
-    export type NamedSize = string | string[];
+    type NamedSize = string | string[];
 
-    export type SingleSize = SingleSizeArray | NamedSize;
+    type SingleSize = SingleSizeArray | NamedSize;
 
-    export type MultiSize = SingleSize[];
+    type MultiSize = SingleSize[];
 
-    export type GeneralSize = SingleSize | MultiSize;
+    type GeneralSize = SingleSize | MultiSize;
 
-    export type SizeMapping = GeneralSize[];
+    type SizeMapping = GeneralSize[];
 
-    export type SizeMappingArray = SizeMapping[];
+    type SizeMappingArray = SizeMapping[];
 
-    export interface CommandArray {
-        push(f: Function): number;
+    interface CommandArray {
+        push(f: () => void): number;
     }
 
-    export interface Service {
+    interface Service {
         addEventListener(
           eventType: string,
             listener: (event: events.ImpressionViewableEvent | events.SlotOnloadEvent | events.SlotRenderEndedEvent | events.slotVisibilityChangedEvent) => void
@@ -31,29 +32,29 @@ declare namespace googletag {
         getSlots(): Slot[];
     }
 
-    export interface CompanionAdsService extends Service {
+    interface CompanionAdsService extends Service {
         enableSyncLoading(): void;
         setRefreshUnfilledSlots(value: boolean): void;
     }
 
-    export interface ContentService extends Service {
-        setContent(slot: Slot, content: String): void;
+    interface ContentService extends Service {
+        setContent(slot: Slot, content: string): void;
     }
 
-    export interface LazyLoadOptionsConfig {
-        fetchMarginPercent?: number,
-        renderMarginPercent?: number,
-        mobileScaling?: number
+    interface LazyLoadOptionsConfig {
+        fetchMarginPercent?: number;
+        renderMarginPercent?: number;
+        mobileScaling?: number;
     }
 
-    export interface ResponseInformation {
+    interface ResponseInformation {
         advertiserId: string;
         campaignId: string;
         creativeId?: number;
         lineItemId?: number;
     }
 
-    export interface SafeFrameConfig {
+    interface SafeFrameConfig {
         allowOverlayExpansion?: boolean;
         allowPushExpansion?: boolean;
         sandbox?: boolean;
@@ -78,7 +79,7 @@ declare namespace googletag {
         sizeMapping(): SizeMappingBuilder;
     }
 
-    export interface Slot {
+    interface Slot {
         addService(service: Service): Slot;
         clearCategoryExclusions(): Slot;
         clearTargeting(opt_key?: string): Slot;
@@ -100,7 +101,7 @@ declare namespace googletag {
         setTargeting(key: string, value: string | string[]): Slot;
     }
 
-    export interface PassbackSlot {
+    interface PassbackSlot {
         display(): void;
         get(key: string): string;
         set(key: string, value: string): PassbackSlot;
@@ -109,10 +110,10 @@ declare namespace googletag {
         setTagForChildDirectedTreatment(value: number): PassbackSlot;
         setTagForUnderAgeOfConsent(value: number): PassbackSlot;
         setTargeting(key: string, value: string | string[]): PassbackSlot;
-        updateTargetingFromMap(map: Object): PassbackSlot;
+        updateTargetingFromMap(map: object): PassbackSlot;
     }
 
-    export interface PubAdsService extends Service {
+    interface PubAdsService extends Service {
         clear(opt_slots?: Slot[]): boolean;
         clearCategoryExclusions(): PubAdsService;
         clearTagForChildDirectedTreatment(): PubAdsService;
@@ -148,23 +149,23 @@ declare namespace googletag {
         updateCorrelator(): PubAdsService;
     }
 
-    export interface SizeMappingBuilder {
+    interface SizeMappingBuilder {
         addSize(viewportSize: SingleSizeArray, slotSize: GeneralSize): SizeMappingBuilder;
         build(): SizeMappingArray;
     }
 
-    export namespace events {
-        export interface ImpressionViewableEvent {
+    namespace events {
+        interface ImpressionViewableEvent {
             serviceName: string;
             slot: Slot;
         }
 
-        export interface SlotOnloadEvent {
+        interface SlotOnloadEvent {
             serviceName: string;
             slot: Slot;
         }
 
-        export interface SlotRenderEndedEvent {
+        interface SlotRenderEndedEvent {
             advertiserId?: number;
             creativeId?: number;
             isEmpty: boolean;
@@ -176,7 +177,7 @@ declare namespace googletag {
             sourceAgnosticLineItemId?: number;
         }
 
-        export interface slotVisibilityChangedEvent {
+        interface slotVisibilityChangedEvent {
             inViewPercentage: number;
             serviceName: string;
             slot: Slot;
diff --git a/types/doubleclick-gpt/tsconfig.json b/types/doubleclick-gpt/tsconfig.json
index d240d560ce..7fff409f80 100644
--- a/types/doubleclick-gpt/tsconfig.json
+++ b/types/doubleclick-gpt/tsconfig.json
@@ -1,5 +1,4 @@
 {
-    "compileOnSave": false,
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
@@ -22,4 +21,4 @@
         "index.d.ts",
         "doubleclick-gpt-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/doubleclick-gpt/tslint.json b/types/doubleclick-gpt/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/doubleclick-gpt/tslint.json
+++ b/types/doubleclick-gpt/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/download/tsconfig.json b/types/download/tsconfig.json
index edb8b7f471..809bed13d2 100644
--- a/types/download/tsconfig.json
+++ b/types/download/tsconfig.json
@@ -14,10 +14,15 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "got": [
+                "got/v8"
+            ]
+        }
     },
     "files": [
         "index.d.ts",
         "download-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/downloadjs/downloadjs-tests.ts b/types/downloadjs/downloadjs-tests.ts
index da110af46d..c33159d4ec 100644
--- a/types/downloadjs/downloadjs-tests.ts
+++ b/types/downloadjs/downloadjs-tests.ts
@@ -7,6 +7,7 @@ download(new Blob(['hello world']), 'dlTextBlob.txt', 'text/plain');
 
 download('/robots.txt');
 
+// tslint:disable-next-line no-unnecessary-type-assertion
 download(document.documentElement!.outerHTML, 'dlHTML.html', 'text/html');
 download(new Blob(['hello world'.bold()]), 'dlHtmlBlob.html', 'text/html');
 download('/diff6.png');
diff --git a/types/dplayer/index.d.ts b/types/dplayer/index.d.ts
index a8fbd9e162..38cf0e4e54 100644
--- a/types/dplayer/index.d.ts
+++ b/types/dplayer/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for dplayer 1.24
+// Type definitions for dplayer 1.25
 // Project: https://github.com/DIYgod/DPlayer#readme
 // Definitions by: Guanyunhan <https://github.com/Guanyunhan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -9,6 +9,7 @@ export type Preload = 'none' | 'metadata' | 'auto';
 export type VideoType = 'auto' | 'hls' | 'flv' | 'dash' | 'webtorrent' | 'normal';
 export type SubTitleType = 'webvtt' | 'ass';
 export type DirectionType = 'top' | 'right' | 'bottom';
+export type FullScreenType = 'web' | 'browser';
 
 export enum DPlayerEvents {
   abort = 'abort',
@@ -98,12 +99,20 @@ export interface DPlayerHighLightItem {
   time: number;
 }
 
+export interface DPlayerVideoQuality {
+  name: string;
+  url: string;
+  type?: string;
+}
+
 export interface DPlayerVideo {
   url: string;
   pic?: string;
   thumbnails?: string;
   type?: VideoType | string;
   customType?: any;
+  quality?: DPlayerVideoQuality[];
+  defaultQuality?: number;
 }
 
 export interface DPlayerSubTitle {
@@ -131,8 +140,31 @@ export interface DPlayerAPIBackend {
   send(endpoint: any, danmakuData: DPlayerDanmakuItem, callback: () => void): void;
 }
 
+export interface Danmaku {
+  send(danmaku: DPlayerDanmakuItem, callback: () => void): void;
+
+  draw(danmaku: DPlayerDanmakuItem): void;
+
+  opacity(percentage: number): void;
+
+  clear(): void;
+
+  hide(): void;
+
+  show(): void;
+}
+
+export interface FullScreen {
+  request(type: FullScreenType): void;
+
+  cancel(type: FullScreenType): void;
+}
+
 export default class DPlayer {
   events: any;
+  video: HTMLVideoElement;
+  danmaku: Danmaku;
+  fullScreen: FullScreen;
 
   constructor(options: DPlayerOptions);
 
diff --git a/types/draft-js/index.d.ts b/types/draft-js/index.d.ts
index aea132cb3d..4f2c34dd3a 100644
--- a/types/draft-js/index.d.ts
+++ b/types/draft-js/index.d.ts
@@ -989,6 +989,8 @@ import getVisibleSelectionRect = Draft.Component.Selection.getVisibleSelectionRe
 import DraftEditorCommand = Draft.Model.Constants.DraftEditorCommand;
 import DraftDragType = Draft.Model.Constants.DraftDragType;
 import DraftBlockType = Draft.Model.Constants.DraftBlockType;
+import DraftBlockRenderConfig = Draft.Model.ImmutableData.DraftBlockRenderConfig;
+import DraftBlockRenderMap = Draft.Component.Base.DraftBlockRenderMap;
 import DraftInlineStyleType = Draft.Model.Constants.DraftInlineStyleType;
 import DraftEntityMutability = Draft.Model.Constants.DraftEntityMutability;
 import DraftEntityType = Draft.Model.Constants.DraftEntityType;
@@ -1039,6 +1041,8 @@ export {
     DraftEditorCommand,
     DraftDragType,
     DraftBlockType,
+    DraftBlockRenderConfig,
+    DraftBlockRenderMap,
     DraftInlineStyleType,
     DraftEntityType,
     DraftEntityMutability,
diff --git a/types/dragula/dragula-tests.ts b/types/dragula/dragula-tests.ts
index 5f143406c3..0e6280ae61 100644
--- a/types/dragula/dragula-tests.ts
+++ b/types/dragula/dragula-tests.ts
@@ -30,3 +30,14 @@ var drake = dragula({
     copy: true
 });
 drake.containers.push(document.querySelector('#container'));
+
+dragula([document.getElementById('left'), document.getElementById('right')])
+    .on('drag', function (el: Element) {
+        el.className = el.className.replace('ex-moved', '');
+    }).on('drop', function (el: Element) {
+        el.className += ' ex-moved';
+    }).on('over', function (el: Element, container: Element) {
+        container.className += ' ex-over';
+    }).on('out', function (el: Element, container: Element) {
+        container.className = container.className.replace('ex-over', '');
+    });
diff --git a/types/dragula/index.d.ts b/types/dragula/index.d.ts
index 51998fb583..925a586971 100644
--- a/types/dragula/index.d.ts
+++ b/types/dragula/index.d.ts
@@ -33,7 +33,7 @@ declare namespace dragula {
         cancel(revert:boolean): void;
         cancel(): void;
         remove(): void;
-        on(events: string, callback: Function): void;
+        on(events: string, callback: Function): Drake;
         destroy(): void;
     }
 
diff --git a/types/dts-bundle/index.d.ts b/types/dts-bundle/index.d.ts
index ffdbed678f..87be2e5c7d 100644
--- a/types/dts-bundle/index.d.ts
+++ b/types/dts-bundle/index.d.ts
@@ -8,15 +8,21 @@ interface Options {
     name: string;
     main: string;
     baseDir?: string;
-    exclude?: RegExp;
-    externals?: boolean;
-    indent?: string;
-    newLine?: string;
     out?: string;
-    prefix?: string;
+    externals?: boolean;
+    referenceExternals?: boolean;
+    exclude?: RegExp | ((file: string, external: boolean) => boolean);
     removeSource?: boolean;
+    newLine?: string;
+    indent?: string;
+    prefix?: string;
     separator?: string;
     verbose?: boolean;
+    emitOnIncludedFileNotFound?: boolean;
+    emitOnNoIncludedFileNotFound?: boolean;
+    outputAsModuleFolder?: boolean;
+    headerPath?: string;
+    headerText?: string;
 }
 
 export declare function bundle(opts: Options): void;
diff --git a/types/duplexer3/duplexer3-tests.ts b/types/duplexer3/duplexer3-tests.ts
index c540828d5d..03c5107e94 100644
--- a/types/duplexer3/duplexer3-tests.ts
+++ b/types/duplexer3/duplexer3-tests.ts
@@ -8,7 +8,7 @@ writable._write = (input, encoding, done) => {
     if (readable.push(input)) {
         done();
     } else {
-        readable.once('drain', <(...args: any[]) => void> done);
+        readable.once('drain', done as (...args: any[]) => void);
     }
 };
 
diff --git a/types/duplexify/duplexify-tests.ts b/types/duplexify/duplexify-tests.ts
index 11d33d7303..aeed21e8dc 100644
--- a/types/duplexify/duplexify-tests.ts
+++ b/types/duplexify/duplexify-tests.ts
@@ -8,9 +8,17 @@ duplexify(writable, readable);
 duplexify(writable);
 duplexify(undefined, readable);
 
+duplexify.obj();
+duplexify.obj(writable);
+duplexify.obj(writable, readable);
+duplexify.obj(writable, readable, {});
+
 const d: duplexify.Duplexify = duplexify();
 d.setReadable(readable);
 d.setReadable(); // $ExpectError
 d.setWritable(writable);
 d.setWritable(); // $ExpectError
+d.cork();
+d.uncork();
+
 const f: Duplex = d;
diff --git a/types/duplexify/index.d.ts b/types/duplexify/index.d.ts
index 791a000f8b..7df693e93b 100644
--- a/types/duplexify/index.d.ts
+++ b/types/duplexify/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for duplexify 3.5
+// Type definitions for duplexify 3.6
 // Project: https://github.com/mafintosh/duplexify
 // Definitions by: Sami Kukkonen <https://github.com/strax>
+//                 Jonathan Lui <https://github.com/kinwa91>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 /// <reference types="node" />
 
@@ -11,10 +12,14 @@ export = duplexify;
 interface DuplexifyConstructor {
   (writable?: stream.Writable, readable?: stream.Readable, streamOptions?: stream.DuplexOptions): duplexify.Duplexify;
   new (writable?: stream.Writable, readable?: stream.Readable, streamOptions?: stream.DuplexOptions): duplexify.Duplexify;
+
+  obj(writable?: stream.Writable, readable?: stream.Readable, streamOptions?: stream.DuplexOptions): duplexify.Duplexify;
 }
 declare var duplexify: DuplexifyConstructor;
 declare namespace duplexify {
     interface Duplexify extends stream.Duplex {
+        cork(): void;
+        uncork(): void;
         setWritable(writable: stream.Writable): void;
         setReadable(readable: stream.Readable): void;
     }
diff --git a/types/durandal/index.d.ts b/types/durandal/index.d.ts
index 85dbb86e93..77e73f2501 100644
--- a/types/durandal/index.d.ts
+++ b/types/durandal/index.d.ts
@@ -101,7 +101,7 @@ interface DurandalSystemModule {
 
     /**
      * Creates a deferred object which can be used to create a promise. Optionally pass a function action to perform which will be passed an object used in resolving the promise.
-     * @param {function} [action] The action to defer. You will be passed the deferred object as a paramter.
+     * @param {function} [action] The action to defer. You will be passed the deferred object as a parameter.
      * @returns {Deferred} The deferred object.
      */
     defer<T>(action?: (dfd: DurandalDeferred<T>) => void): DurandalDeferred<T>;
diff --git a/types/dwt/addon.pdf.d.ts b/types/dwt/addon.pdf.d.ts
index 2e7b1d5a84..6a2a8636ee 100644
--- a/types/dwt/addon.pdf.d.ts
+++ b/types/dwt/addon.pdf.d.ts
@@ -6,7 +6,7 @@
 *
 * Copyright 2018, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
-* Version: 13.4
+* Version: 14.2
 */
 
 declare enum EnumDWT_ConvertMode {
diff --git a/types/dwt/index.d.ts b/types/dwt/index.d.ts
index 0656236f08..12e4ac0521 100644
--- a/types/dwt/index.d.ts
+++ b/types/dwt/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for dwt 13.4
+// Type definitions for dwt 14.2
 // Project: http://www.dynamsoft.com/Products/WebTWAIN_Overview.aspx
 // Definitions by: Xiao Ling <https://github.com/yushulx>
 //                 Josh Hall <https://github.com/jbh>
@@ -14,7 +14,7 @@
 *
 * Copyright 2018, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
-* Version: 13.4
+* Version: 14.2
 */
 
 /**
@@ -1372,7 +1372,7 @@ declare enum EnumDWT_UploadDataFormat {
     Base64 = 1
 }
 
-/** 
+/**
  * interface for a DWT container which basically defines a DIV on the page
  */
 interface Container {
@@ -1381,7 +1381,7 @@ interface Container {
     Height: string | number;
 }
 
-/** 
+/**
  * interface for a base64 result
  */
 interface Base64Result {
@@ -2294,7 +2294,7 @@ interface WebTwain {
      */
     Zoom: number;
 
-    /* ignored 
+    /* ignored
     style
     _AutoCropMethod
     */
@@ -2490,7 +2490,7 @@ interface WebTwain {
      * @param {Array} indices indices specifies which images are to be converted to base64.
      * @param {EnumDWT_ImageType} enumImageType the image format in which the images are to be converted to base64.
      * @return {Base64Result}
- 
+
     ConvertToBase64(indices: number[], enumImageType: EnumDWT_ImageType): Base64Result;
     */
 
@@ -2889,12 +2889,12 @@ interface WebTwain {
      * @return {number}
      */
     GetImageYResolution(sImageIndex: number): number;
-
+	
     /**
      * Return the runtime license info.
      * @method WebTwain#GetLicenseInfo
      */
-    GetLicenseInfo(): { Domain: string, Detail: LicenseDetailItem[] };
+    GetLicenseInfo(optionalAsyncSuccessFunc?: (result: any) => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
 
     /**
      * Returns the index of the selected image.
@@ -3289,7 +3289,7 @@ interface WebTwain {
      */
     MoveImage(sSourceImageIndex: number, sTargetImageIndex: number): boolean;
 
-    /*ignored 
+    /*ignored
     OnRefreshUI
     */
 
@@ -3727,7 +3727,7 @@ interface WebTwain {
      * @param {string} InitialDir The initial directory. The algorithm for selecting the initial directory varies on different platforms.
      * @param {boolean} AllowMultiSelect True -- allows users to select more than one file, False -- only allows to select one file.
      * @param {boolean} OverwritePrompt True -- If a file already exists with the same name, the old file will be simply overwritten, False -- not allows to save and overwrite a same name file.
-     * @param {number} Flags If this parameter equals 0, the program will be initiated with the default flags, otherwise initiated with the cumstom value and paramters "AllowMultiSelect" and "OverwritePrompt" will be useless.
+     * @param {number} Flags If this parameter equals 0, the program will be initiated with the default flags, otherwise initiated with the cumstom value and parameters "AllowMultiSelect" and "OverwritePrompt" will be useless.
      * @return {boolean}
      */
     ShowFileDialog(SaveDialog: boolean, Filter: string, FilterIndex: number, DefExtension: string, InitialDir: string, AllowMultiSelect: boolean, OverwritePrompt: boolean, Flags: number): boolean;
@@ -3751,7 +3751,7 @@ interface WebTwain {
      */
     ShowImageEditorEx(x: number, y: number, cx: number, cy: number, nCmdShow: number): boolean;
 
-    /*ingored    
+    /*ingored
     SourceNameItems
     */
 
diff --git a/types/dwt/v12/index.d.ts b/types/dwt/v12/index.d.ts
index 423dab8824..cc0d1f8079 100644
--- a/types/dwt/v12/index.d.ts
+++ b/types/dwt/v12/index.d.ts
@@ -2768,7 +2768,7 @@ interface WebTwain {
      * @param {string} InitialDir The initial directory. The algorithm for selecting the initial directory varies on different platforms.
      * @param {bool} AllowMultiSelect True -- allows users to select more than one file, False -- only allows to select one file.
      * @param {bool} OverwritePrompt True -- If a file already exists with the same name, the old file will be simply overwritten, False -- not allows to save and overwrite a same name file.
-     * @param {int} Flags If this parameter equals 0, the program will be initiated with the default flags, otherwise initiated with the cumstom value and paramters "AllowMultiSelect" and "OverwritePrompt" will be useless.
+     * @param {int} Flags If this parameter equals 0, the program will be initiated with the default flags, otherwise initiated with the cumstom value and parameters "AllowMultiSelect" and "OverwritePrompt" will be useless.
      * @return {bool}
      */
     ShowFileDialog(SaveDialog: boolean, Filter: string, FilterIndex: number, DefExtension: string, InitialDir: string, AllowMultiSelect: boolean, OverwritePrompt: boolean, Flags: number): boolean;
diff --git a/types/easeljs/tslint.json b/types/easeljs/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/easeljs/tslint.json
+++ b/types/easeljs/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/easy-api-request/easy-api-request-tests.ts b/types/easy-api-request/easy-api-request-tests.ts
index 02b2bc92bf..e1999170fe 100644
--- a/types/easy-api-request/easy-api-request-tests.ts
+++ b/types/easy-api-request/easy-api-request-tests.ts
@@ -17,7 +17,7 @@ APIRequest.create({
 var app = express();
 
 app.get('/', function (req:any, res:express.Response) {
-    var rMaker = <APIRequest.RequestMaker>req.testAPI;
+    var rMaker = req.testAPI as APIRequest.RequestMaker;
     var r = rMaker();
     r.get('/', function (err, resp) {
         if(err) {
@@ -28,7 +28,7 @@ app.get('/', function (req:any, res:express.Response) {
 });
 
 app.get('/', function (req:any, res:express.Response) {
-    var rMaker = <APIRequest.RequestMaker>req.testAPI;
+    var rMaker = req.testAPI as APIRequest.RequestMaker;
     var r = rMaker();
     r.get('/')
         .then(function (resp) {
diff --git a/types/easy-table/easy-table-tests.ts b/types/easy-table/easy-table-tests.ts
index 8eba36ce6e..f5ee9efecd 100644
--- a/types/easy-table/easy-table-tests.ts
+++ b/types/easy-table/easy-table-tests.ts
@@ -83,11 +83,13 @@ function totalling() {
 
 function other_samples() {
 	var t = new Table();
+	var columns = Object.freeze(t.columns());
 
 	data.forEach(product => {
 		t.cell('Product Id', product.id)
 		t.cell('Description', product.desc)
 		t.cell('Price, USD', product.price, Table.number(2))
+		t.pushDelimeter(columns)
 		t.newRow()
 	})
 
diff --git a/types/easy-table/index.d.ts b/types/easy-table/index.d.ts
index f75d74861b..0ee1863c4e 100644
--- a/types/easy-table/index.d.ts
+++ b/types/easy-table/index.d.ts
@@ -53,7 +53,7 @@ declare class EasyTable {
      *
      * @returns {Table} `this`
      */
-    public newRow(): EasyTable;
+    public newRow(): this;
 
     /**
      * Write cell in the current row
@@ -63,7 +63,7 @@ declare class EasyTable {
      * @param {Function} [printer]  - Printer function to format the value
      * @returns {Table} `this`
      */
-    public cell<T>(col: string, val: T, printer?: CellPrinter<T>): EasyTable;
+    public cell<T>(col: string, val: T, printer?: CellPrinter<T>): this;
 
     /**
      * Get list of columns in printing order
@@ -92,7 +92,7 @@ declare class EasyTable {
      * @param {String[]} [cols]
      * @returns {Table} `this`
      */
-    public pushDelimeter(cols?: string[]): EasyTable;
+    public pushDelimeter(cols?: ReadonlyArray<string>): this;
 
     /**
      * Compute all totals and yield the results to `cb`
@@ -115,14 +115,14 @@ declare class EasyTable {
      * @param {Function|string[]} [cmp] - Either compare function or a list of columns to sort on
      * @returns {Table} `this`
      */
-    public sort(cmp?: string[]): EasyTable;
+    public sort(cmp?: ReadonlyArray<string>): this;
     /**
      * Sort the table
      *
      * @param {Function|string[]} [cmp] - Either compare function or a list of columns to sort on
      * @returns {Table} `this`
      */
-    public sort<T>(cmp?: CompareFunction<T>): EasyTable;
+    public sort<T>(cmp?: CompareFunction<T>): this;
 
     /**
      * Add a total for the column
@@ -131,7 +131,7 @@ declare class EasyTable {
      * @param {Object} [opts]
      * @returns {Table} `this`
      */
-    public total<T>(col: string, opts?: TotalOptions<T>): EasyTable;
+    public total<T>(col: string, opts?: TotalOptions<T>): this;
     /**
      * Predefined helpers for totals
      */
diff --git a/types/echarts/index.d.ts b/types/echarts/index.d.ts
index dc525231e6..adc4a2a24e 100644
--- a/types/echarts/index.d.ts
+++ b/types/echarts/index.d.ts
@@ -4,9 +4,13 @@
 //                 AntiMoron <https://github.com/AntiMoron>
 //                 Liveangela <https://github.com/liveangela>
 //                 Ovilia <https://github.com/Ovilia>
+//                 Roman <https://github.com/iRON5>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
+/// <reference types="zrender" />
+/// <reference path="./options/index.d.ts" />
+
 declare namespace echarts {
     /**
      * Creates an ECharts instance, and returns an echartsInstance. You shall
@@ -138,6 +142,11 @@ declare namespace echarts {
     const graphic: Graphic;
 
     interface Graphic {
+        /**
+         * x, y, x2, y2 are all percent from 0 to 1
+         */
+        LinearGradient: zrender.LinearGradient;
+
         /**
          * Clip the given points by the given rectangular.
          *
@@ -433,56 +442,478 @@ declare namespace echarts {
         height: number
     }
 
-    interface EChartOption {
+    type EChartsSeriesType = (
+        'line' | 'bar' | 'pie' | 'scatter' | 'effectScatter' | 'radar'
+        | 'tree' | 'treemap' | 'sunburst' | 'boxplot' | 'candlestick'
+        | 'heatmap' | 'map' | 'parallel' | 'lines' | 'graph' | 'sankey'
+        | 'funnel' | 'gauge' | 'pictorialBar' | 'themeRiver' | 'custom'
+    );
+
+    interface EChartOption<TSeries = EChartOption.Series> {
+        /**
+         * Title component, including main title and subtitle.
+         * In ECharts 2.x, a single instance of ECharts could contains
+         * one title component at most.
+         * However, in ECharts 3, there could be one or more
+         * than one title components.
+         * It is more useful when multiple diagrams in one instance all need titles.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#title
+         */
         title?: EChartTitleOption
+
+        /**
+         * Legend component.
+         * Legend component shows symbol, color and name of different series.
+         * You can click legends to toggle displaying series in the chart.
+         * In ECharts 3, a single echarts instance may contain multiple
+         * legend components, which makes it easier for the layout of multiple
+         * legend components.
+         * If there have to be too many legend items, `vertically scrollable` legend
+         * or `horizontally scrollable` legend are options to paginate them.
+         * Check `legend.type` please.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#legend
+         */
         legend?: object,
+
+        /**
+         * Drawing grid in rectangular coordinate.
+         * In a single grid, at most two X and Y axes each is allowed.
+         * `Line chart`, `bar chart`, and `scatter chart (bubble chart)`
+         * can be drawn in grid.
+         * In ECharts 2.x, there could only be one single grid component
+         * at most in a single echarts instance.
+         * But in ECharts 3, there is no limitation.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#grid
+         */
         grid?: object,
-        xAxis?: object,
-        yAxis?: object,
+
+        /**
+         * The x axis in cartesian(rectangular) coordinate.
+         * Usually a single grid component can place at most 2 x axis,
+         * one on the bottom and another on the top.
+         * offset can be used to avoid overlap when you need to put more
+         * than two x axis.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis
+         */
+        xAxis?: EChartOption.XAxis | EChartOption.XAxis[],
+
+        /**
+         * The y axis in cartesian(rectangular) coordinate.
+         * Usually a single grid component can place at most 2 y axis,
+         * one on the left and another on the right. offset can be used
+         * to avoid overlap when you need to put more than two y axis.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis
+         */
+         yAxis?: EChartOption.YAxis | EChartOption.YAxis[],
+
+         /**
+          * Polar coordinate can be used in scatter and line chart.
+          * Every polar coordinate has an `angleAxis` and a `radiusAxis`.
+          *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#polar
+         */
         polar?: object,
+
+        /**
+         * Radial axis of polar coordinate.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis
+         */
         radiusAxis?: object,
+
+        /**
+         * The angle axis in Polar Coordinate.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#angleAxis
+         */
         angleAxis?: object,
+
+        /**
+         * Coordinate for `radar charts`.
+         * This component is equal to the polar component in ECharts 2.
+         * Because the polar component in the echarts 3 is reconstructed
+         * to be the standard polar coordinate component,
+         * this component is renamed to be radar to avoid confusion.
+         * Radar chart coordinate is different from polar coordinate,
+         * in that every axis indicator of the radar chart coordinate
+         * is an individual dimension.
+         * The style of indicator coordinate axis could be configured
+         * through the following configuration items,
+         * including `name`, `axisLine`, `axisTick`, `axisLabel`,
+         * `splitLine`, `splitArea`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#radar
+         */
         radar?: object,
-        dataZoom?: object[],
+
+        /**
+         * `dataZoom` component is used for zooming a specific area,
+         * which enables user to investigate data in detail,
+         * or get an overview of the data,
+         * or get rid of outlier points.
+         * These types of `dataZoom` component are supported:
+         * + `dataZoomInside`: Data zoom functionalities is embeded
+         *   inside coordinate systems, enable user to zoom
+         *   or roam coordinate system by mouse dragging,
+         *   mouse move or finger touch (in touch screen).
+         * + `dataZoomSlider`: A special slider bar is provided,
+         *   on which coordinate systems can be zoomed or roamed
+         *   by mouse dragging or finger touch (in touch screen).
+         * + `dataZoomSelect`: A marquee tool is provided for zooming
+         *   or roaming coordinate system.
+         *   That is `toolbox.feature.dataZoom`, which can only be configured
+         *   in toolbox.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom
+         */
+        dataZoom?: EChartOption.DataZoom[],
+
+        /**
+         * `visualMap` is a type of component for visual encoding,
+         * which maps the data to visual channels, including:
+         * + symbol: Type of symbol.
+         * + symbolSize: Symbol size.
+         * + color: Symbol color.
+         * + colorAlpha: Symbol alpha channel.
+         * + opacity: Opacity of symbol and others (like labels).
+         * + colorLightness: Lightness in HSL.
+         * + colorSaturation: Saturation in HSL.
+         * + colorHue: Hue in HSL.
+         * Myltiple `visualMap` component could be defined in a chart instance,
+         * which enable that different dimensions
+         * of a series data are mapped to different visual channels.
+         * `visualMap` could be defined as `Piecewise (visualMapPiecewise)`
+         * or `Continuous (visualMapContinuous)`,
+         * which is distinguished by the property type.
+         *
+         * @example
+         * option = {
+         *   visualMap: [
+         *       { // the first visualMap component
+         *           type: 'continuous', // defined to be continuous viusalMap
+         *           ...
+         *       },
+         *       { // the sencond visualMap component
+         *           type: 'piecewise', // defined to be piecewise visualMap
+         *           ...
+         *       }
+         *   ],
+         *   ...
+         * };
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap
+         */
         visualMap?: object[],
-        tooltip?: object,
-        axisPointer?: object,
+
+        /**
+         * Tooltip component.
+         * It can be configured on different places:
+         * + Configured on global: `tooltip`
+         * + Configured in a coordinate system: `grid.tooltip`,
+         *   `polar.tooltip`, `single.tooltip`
+         * + Configured in a series: `series.tooltip`
+         * + Configured in each item of `series.data`: `series.data.tooltip`
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip
+         */
+        tooltip?: EChartOption.Tooltip,
+
+        /**
+         * `axisPointer` is a tool for displaying reference line and axis value
+         * under mouse pointer.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#axisPointer
+         */
+        axisPointer?: EChartOption.AxisPointer,
+
+        /**
+         * A group of utility tools, which includes `export`, `data view`,
+         * `dynamic type switching`, `data area zooming`, and `reset`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#toolbox
+         */
         toolbox?: object,
+
+        /**
+         * `brush` is an area-selecting component, with which user can select
+         * part of data from a chart to display in detail, or doing calculations
+         * with them.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#brush
+         */
         brush?: object,
+
+        /**
+         * Geographic coorinate system component.
+         * Geographic coorinate system component is used to draw maps,
+         * which also supports `scatter series`, and `line series`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#geo
+         */
         geo?: object,
+
+        /**
+         * `Parallel Coordinates` is a common way of visualizing high-dimensional
+         * geometry and analyzing multivariate data.
+         * For example, `series-parallel.data` is the following data:
+         *
+         * @example
+         * [
+         *     [1,  55,  9,   56,  0.46,  18,  6,  'good'],
+         *     [2,  25,  11,  21,  0.65,  34,  9,  'excellent'],
+         *     [3,  56,  7,   63,  0.3,   14,  5,  'good'],
+         *     [4,  33,  7,   29,  0.33,  16,  6,  'excellent'],
+         *     { // Data item can also be an Object,
+         *       // so that perticular settings of its line can be set here.
+         *         value: [5,  42,  24,  44,  0.76,  40,  16, 'excellent']
+         *         lineStyle: {...},
+         *     }
+         *     ...
+         * ]
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel
+         */
         parallel?: object,
+
+        /**
+         * This component is the coordinate axis for parallel coordinate.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis
+         */
         parallelAxis?: object,
+
+        /**
+         * An axis with a single dimension. It can be used to display data
+         * in one dimension.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#singleAxis
+         */
         singleAxis?: object,
+
+        /**
+         * `timeline` component, which provides functions like switching and playing
+         * between multiple ECharts `options`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#timeline
+         */
         timeline?: object,
+
+        /**
+         * `graphic` component enable creating graphic elements in echarts.
+         * Those graphic type are supported.
+         * `image`, `text`, `circle`, `sector`, `ring`, `polygon`,
+         * `polyline`, `rect`, `line`, `bezierCurve`, `arc`, `group`,
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#graphic
+         */
         graphic?: object | object[],
+
+        /**
+         * Calendar coordinates.
+         * In ECharts, we are very creative to achieve the calendar chart,
+         * by using the calendar coordinates
+         * to achieve the calendar chart, as shown in the following example,
+         * we can use calendar coordinates
+         * in `heatmap`, `scatter`, `effectScatter`, and `graph`.
+
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar
+         */
         calendar?: object,
+
+        /**
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset
+         */
         dataset?: object,
+
+        /**
+         * `dataset` component is published since ECharts 4.
+         * `dataset` brings convenience in data management separated with styles
+         * and enables data reuse by different series.
+         * More importantly, is enables data encoding from data to visual,
+         * which brings convenience in some scenarios.
+         * More details about `dataset` can be checked in the tutorial.
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#aria
+         */
         aria?: object,
-        series?: object[],
+
+        /**
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series
+         */
+        series?: TSeries[],
+
+        /**
+         * The color list of palette.
+         * If no color is set in series, the colors would be adopted sequentially
+         * and circularly from this list
+         * as the colors of series.
+         * @default
+         * [
+         *   '#c23531','#2f4554','#61a0a8','#d48265','#91c7ae',
+         *   '#749f83', '#ca8622','#bda29a','#6e7074','#546570',
+         *   '#c4ccd3'
+         * ]
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#color
+         */
         color?: string[],
+
+        /**
+         * Background color. Defaults to have no background.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#backgroundColor
+         */
         backgroundColor?: string,
-        textStyle?: object,
+
+        /**
+         * Global font style.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#textStyle
+         */
+        textStyle?: EChartOption.TextStyle,
+
+        /**
+         * Whether to enable animation.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animation
+         */
         animation?: boolean,
+
+        /**
+         * Whether to set graphic number threshold to animation.
+         * Animation will be disabled when graphic number is larger than threshold.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationThreshold
+         */
         animationThreshold?: number,
+
+        /**
+         * Duration of the first animation, which supports callback function
+         * for different data to have different animation effect
+         *
+         * @example
+         * animationDuration: function (idx) {
+         *     // delay for later data is larger
+         *     return idx * 100;
+         * }
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationDuration
+         */
         animationDuration?: number,
+
+        /**
+         * Easing method used for the first animation.
+         * Varied easing effects can be found at `easing effect example`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationEasing
+         */
         animationEasing?: string,
+
+        /**
+         * Delay before updating the first animation, which supports
+         * callback function for different data
+         * to have different animation effect.
+         *
+         * @example
+         * animationDelay: function (idx) {
+         *     // delay for later data is larger
+         *     return idx * 100;
+         * }
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationDelay
+         */
         animationDelay?: number | Function,
+
+        /**
+         * Time for animation to complete, which supports callback function
+         * for different data to have different animation effect
+         *
+         * @example
+         * animationDurationUpdate: function (idx) {
+         *     // delay for later data is larger
+         *     return idx * 100;
+         * }
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationDurationUpdate
+         */
         animationDurationUpdate?: number | Function,
+
+        /**
+         * Easing method used for animation.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationEasingUpdate
+         */
         animationEasingUpdate?: string,
+
+        /**
+         * Delay before updating animation, which supports callback function
+         * for different data to have different animation effect.
+         *
+         * @example
+         * animationDelayUpdate: function (idx) {
+         *     // delay for later data is larger
+         *     return idx * 100;
+         * }
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#animationDelayUpdate
+         */
         animationDelayUpdate?: number | Function,
+
+        /**
+         * Configuration for progressive/incremental rendering
+         *
+         * @default 400
+         */
         progressive?: number,
+
+        /**
+         * Configuration for progressive/incremental rendering
+         *
+         * @default 3000
+         */
         progressiveThreshold?: number,
+
+        /**
+         * Equal to CanvasRenderingContext2D.globalCompositeOperation
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
+         *
+         */
         blendMode?: string,
+
+        /**
+         * Threshold of if use single hover layer to optimize.
+         * It is recommended that `hoverLayerThreshold` is equivalent to or less than
+         * `progressiveThreshold`, otherwise hover will cause restart of progressive,
+         * which is unexpected.
+         * see example <echarts/test/heatmap-large.html>.
+         *
+         * @default 3000
+         */
         hoverLayerThreshold?: number,
+
+        /**
+         * Whether to use UTC in display.
+         * - `true`: When `axis.type` is `'time'`, ticks is determined
+         *   according to UTC, and `axisLabel` and `tooltip` use UTC by default.
+         * - `false`: When `axis.type` is `'time'`, ticks is determined
+         *   according to local time, and `axisLabel` and `tooltip` use local time
+         *   by default.
+         *
+         * The default value of useUTC is false, for sake of considering:
+         * - In many cases, labels should be displayed in local time
+         *   (whether the time is stored in server in local time or UTC).
+         * - If user uses time string (like '2012-01-02') in data,
+         * it usually means local time if time zone is not specified.
+         * Time should be displayed in its original time zone by default.
+         *
+         * Notice: the setting only effects 'display time', but not 'parse time'.
+         * About how time value (like `1491339540396`, `'2013-01-04'`, ...)
+         * is parsed in echarts, see `the time part in date`.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#useUTC
+         */
         useUTC?: boolean,
-        /** echarts-gl options */
-        globe?: object,
-        geo3D?: object,
-        mapbox3D?: object,
-        grid3D?: object,
-        xAxis3D?: object,
-        yAxis3D?: object,
-        zAxis3D?: object
     }
 
     interface EChartsOptionConfig {
@@ -566,6 +997,580 @@ declare namespace echarts {
          */
         zlevel?: 0
     }
+
+    namespace EChartOption {
+        type Series = (
+            SeriesLine
+            | SeriesBar
+            | SeriesPie
+            | SeriesScatter
+            | SeriesEffectScatter
+            | SeriesRadar
+            | SeriesTree
+            | SeriesTreemap
+            | SeriesSunburst
+            | SeriesBoxplot
+            | SeriesCandlestick
+            | SeriesHeatmap
+            | SeriesMap
+            | SeriesParallel
+            | SeriesLines
+            | SeriesGraph
+            | SeriesSankey
+            | SeriesFunnel
+            | SeriesGauge
+            | SeriesPictorialBar
+            | SeriesThemeRiver
+            | SeriesCustom
+        )
+
+        namespace BasicComponents {
+            /**
+             * @todo describe
+             */
+            interface Line {
+                show?: boolean;
+                onZero?: boolean;
+                onZeroAxisIndex?: number;
+                symbol?: string | string[];
+                symbolSize?: number[];
+                symbolOffset?: number[];
+                lineStyle?: {
+                    color?: string;
+                    width?: number;
+                    type?: 'solid' | 'dashed' | 'dotted';
+                    shadowBlur?: number;
+                    shadowColor?: string;
+                    shadowOffsetX?: number;
+                    shadowOffsetY?: number;
+                    opacity?: number;
+                };
+            }
+
+            interface CartesianAxis {
+                /**
+                 * Component ID, not specified by default.
+                 * If specified, it can be used to refer the component in option or API.
+                 */
+                id?: string;
+
+                /**
+                 * If show this axis.
+                 *
+                 * @default 'true'
+                 */
+                show?: boolean;
+
+                /**
+                 * The index of grid which this axis belongs to.
+                 * Defaults to be in the first grid.
+                 *
+                 * @default 0
+                 */
+                gridIndex?: number;
+
+                /**
+                 * Offset of this axis relative to default position.
+                 * Useful when multiple axis of this type has same position value.
+                 *
+                 * @default 0
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.offset
+                 */
+                offset?: number;
+
+                /**
+                 * Name of axis.
+                 */
+                name?: string;
+
+                /**
+                 * Location of axis name.
+                 *
+                 * @default 'start'
+                 */
+                nameLocation?: 'start' | 'middle' | 'center' | 'end';
+
+                /**
+                 * Text style of axis name.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.nameTextStyle
+                 */
+                nameTextStyle?: CartesianAxis.TextStyle;
+
+                /**
+                 * Gap between axis name and axis line.
+                 *
+                 * @default 15
+                 */
+                nameGap?: number;
+
+                /**
+                 * Rotation of axis name.
+                 *
+                 * @default null
+                 */
+                nameRotate?: number;
+
+                /**
+                 * Whether axis is inversed. New option from ECharts 3.
+                 *
+                 * @default false
+                 */
+                inverse?: boolean;
+
+                /**
+                 * The boundary gap on both sides of a coordinate axis.
+                 * The setting and behavior of category axes and non-category axes are
+                 * different. The `boundaryGap` of category axis can be set to either
+                 * `true` or `false`. Default value is set to be `true`, in which case
+                 * `axisTick` is served only as a separation line, and labels and data
+                 * appear only in the center part of two axis ticks, which is called
+                 * band. For non-category axis, including time, numerical value, and
+                 * log axes, `boundaryGap` is an array of two values, representing the
+                 * spanning range between minimum and maximum value.
+                 * The value can be set in numeric value or relative percentage,
+                 * which becomes invalid after setting `min` and `max`.
+                 *
+                 * @example
+                 * boundaryGap: ['20%', '20%']
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.boundaryGap
+                 */
+                boundaryGap?: boolean | (string | number)[];
+
+                /**
+                 * The minimun value of axis.
+                 * It can be set to a special value `'dataMin'` so that
+                 * the minimum value on this axis is set to be the minimum label.
+                 * It will be automatically computed to make sure axis tick is equally
+                 * distributed when not set. In category axis, it can also be set
+                 * as the ordinal number.
+                 * For example, if a catergory axis has
+                 * `data: ['categoryA', 'categoryB', 'categoryC']`
+                 * , and the ordinal `2` represents `'categoryC'`.
+                 * Moreover, it can be set as negative number, like `-3`.
+                 *
+                 * @default null
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.min
+                 */
+                min?: number | string;
+
+                /**
+                 * The maximum value of axis.
+                 * It can be set to a special value `'dataMax'` so that
+                 * the minimum value on this axis is set to be the maximum label.
+                 * It will be automatically computed to make sure axis tick is equally
+                 * distributed when not set.
+                 * In category axis, it can also be set as the ordinal number.
+                 * For example, if a catergory axis has
+                 * `data: ['categoryA', 'categoryB', 'categoryC']`
+                 * , and the ordinal `2` represents `'categoryC'`.
+                 * Moreover, it can be set as negative number, like `-3`.
+                 *
+                 * @default null
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.max
+                 */
+                max?: number | string;
+
+                /**
+                 * It is available only in numerical axis, i.e., type: `'value'`.
+                 * It specifies whether not to contain zero position
+                 * of axis compulsively.
+                 * When it is set to be `true`, the axis may not contain zero position,
+                 * which is useful in the scatter chart for both value axes.
+                 * This configuration item is unavailable when the `min` and `max`
+                 * are set.
+                 *
+                 * @default false
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.scale
+                 */
+                scale?: boolean;
+
+                /**
+                 * Number of segments that the axis is split into.
+                 * Note that this number serves only as a recommendation,
+                 * and the true segments may be adjusted based on readability.
+                 * This is unavailable for category axis.
+                 *
+                 * @default 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.splitNumber
+                 */
+                splitNumber?: number;
+
+                /**
+                 * Maximum gap between split lines.
+                 * For example, in time axis (type is `'time'`),
+                 * it can be set to be `3600 * 24 * 1000` to make sure
+                 * that the gap between axis labels is less than or equal to one day.
+                 * @example
+                 * {
+                 *     maxInterval: 3600 * 1000 * 24
+                 * }
+                 * It is available only for axis of type `'value'` or `'time'`.
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.minInterval
+                 */
+                minInterval?: any;
+
+                /**
+                 * Compulsively set segmentation interval for axis.
+                 * As splitNumber is a recommendation value,
+                 * the calculated tick may not be the same as expected.
+                 * In this case, interval should be used along with min and max
+                 * to compulsively set tickings.
+                 * But in most cases, we do not suggest using this,
+                 * out automatic calculation is enough for most situations.
+                 * This is unavailable for category axis.
+                 * Timestamp should be passed for type: `'time'` axis.
+                 * Logged value should be passed for type: `'log'` axis.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.interval
+                 */
+                interval?: number;
+
+                /**
+                 * Base of logarithm, which is valid only for numeric axes with type:
+                 * `'log'`.
+                 *
+                 * @default 10
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.logBase
+                 */
+                logBase?: number;
+
+                /**
+                 * True for axis that cannot be interacted with.
+                 *
+                 * @default false
+                 */
+                silent?: boolean;
+
+                /**
+                 * Whether the labels of axis triggers and reacts to mouse events.
+                 * Parameters of event includes:
+                 *
+                 * @example
+                 * {
+                 *     // Component type: xAxis, yAxis, radiusAxis, angleAxis
+                 *     // Each of which has an attribute for index, e.g., xAxisIndex for xAxis
+                 *     componentType: string,
+                 *     // Value on axis before being formatted.
+                 *     // Click on value label to trigger event.
+                 *     value: '',
+                 *     // Name of axis.
+                 *     // Click on laben name to trigger event.
+                 *     name: ''
+                 * }
+                 *
+                 * @default false
+                 */
+                triggerEvent?: boolean;
+
+                /**
+                 * Settings related to axis line.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.axisLine
+                 */
+                axisLine?: Line;
+
+                /**
+                 * Settings related to axis tick.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.axisTick
+                 */
+                axisTick?: CartesianAxis.Tick;
+
+                /**
+                 * Settings related to axis label.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.axisLabel
+                 */
+
+                axisLabel?: CartesianAxis.Label;
+
+                /**
+                 * SplitLine of axis in grid area.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.splitLine
+                 */
+
+                splitLine?: CartesianAxis.SplitLine;
+
+                /**
+                 * Split area of axis in grid area, not shown by default.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.splitArea
+                 */
+                splitArea?: CartesianAxis.SplitArea;
+
+                /**
+                 * Category data, available in type: `'category'` axis.
+                 * If `type` is not specified, but `axis.data` is specified,
+                 * the `type` is auto set as `'category'`.
+                 * If type is specified as `'category'`,
+                 * but axis.data is not specified, `axis.data` will be
+                 * auto collected from `series.data`.
+                 * It brings convenience, but we should notice that
+                 * `axis.data` provides then value range of the `'category'` axis.
+                 * If it is auto collected from `series.data`,
+                 * Only the values appearing in series.data can be collected.
+                 * For example, if series.data is empty, nothing will be collected.
+                 *
+                 * @example
+                 *  // Name list of all categories
+                 *  data: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
+                 *  // Each item could also be a specific configuration item.
+                 *  // In this case, `value` is used as the category name.
+                 *  data: [{
+                 *      value: 'Monday',
+                 *      // Highlight Monday
+                 *      textStyle: {
+                 *          fontSize: 20,
+                 *          color: 'red'
+                 *      }
+                 *  }, 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.data
+                 */
+                data?: (string | CartesianAxis.DataObject)[];
+
+                /**
+                 * axisPointer settings on the axis.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.axisPointer
+                 */
+                axisPointer?: CartesianAxis.Pointer;
+
+                /**
+                 * `zlevel` value of all graghical elements in this axis.
+                 * `zlevel` is used to make layers with Canvas.
+                 * Graphical elements with different `zlevel` values will be placed
+                 * in different Canvases, which is a common optimization technique.
+                 * We can put those frequently changed elements
+                 * (like those with animations) to a seperate `zlevel`.
+                 * Notice that too many Canvases will increase memory cost,
+                 * and should be used carefully on mobile phones to avoid crash.
+                 * Canvases with bigger `zlevel` will be placed on Canvases
+                 * with smaller `zlevel`.
+                 *
+                 * @default 0
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.zlevel
+                 */
+                zlevel?: number;
+
+                /**
+                 * z value of all graghical elements in this axis,
+                 * which controls order of drawing graphical components.
+                 * Components with smaller z values may be overwritten by those
+                 * with larger z values.
+                 * z has a lower priority to zlevel, and will not create new Canvas.
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.z
+                 */
+                z?: number;
+            }
+
+            namespace CartesianAxis {
+                type Type = 'value' | 'category' | 'time' | 'log';
+
+                /**
+                 * @todo describe
+                 */
+                interface Style {
+                    color?: string;
+                    fontStyle?: 'normal' | 'italic' | 'oblique';
+                    fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter'
+                                    | '100' | '200' | '300' | '400';
+                    fontFamily?: string;
+                    fontSize?: number;
+                    align?: string;
+                    verticalAlign?: string;
+                    lineHeight?: number;
+                    backgroundColor?: string | object;
+                    borderColor?: string;
+                    borderWidth?: number;
+                    borderRadius?: number;
+                    padding?: number | number[];
+                    shadowColor?: string;
+                    shadowBlur?: number;
+                    shadowOffsetX?: number;
+                    shadowOffsetY?: number;
+                    width?: number | string;
+                    height?: number | string;
+                    textBorderColor?: string;
+                    textBorderWidth?: number;
+                    textShadowColor?: string;
+                    textShadowBlur?: number;
+                    textShadowOffsetX?: number;
+                    textShadowOffsetY?: number;
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface RichStyle {
+                    [userStyleName: string]: Style;
+                }
+
+                interface TextStyle extends Style {
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.data.textStyle.rich
+                     */
+                    rich?: RichStyle;
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface Tick {
+                    show?: boolean;
+                    alignWithLabel?: boolean;
+                    interval?: number | Function;
+                    inside?: boolean;
+                    length?: number;
+                    lineStyle?: {
+                        color?: string;
+                        width?: number;
+                        type?: 'solid' | 'dashed' | 'dotted';
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                        opacity?: number;
+                    };
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface Label extends TextStyle {
+                    show?: boolean;
+                    interval?: number | Function;
+                    inside?: boolean;
+                    rotate?: number;
+                    margin?: number;
+                    formatter?: string | Function;
+                    showMinLabel?: boolean;
+                    showMaxLabel?: boolean;
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface SplitLine {
+                    show?: boolean;
+                    interval?: number | Function;
+                    lineStyle?: {
+                        color?: string | string[];
+                        width?: number;
+                        type?: 'solid' | 'dashed' | 'dotted';
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                        opacity?: number;
+                    };
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface SplitArea {
+                    interval?: number | Function;
+                    show?: boolean;
+                    areaStyle?: {
+                        color?: string[];
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                        opacity?: number;
+                    };
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface DataObject {
+                    value?: string;
+                    textStyle?: TextStyle;
+                }
+
+                /**
+                 * @todo describe
+                 */
+                interface Pointer {
+                    show?: boolean;
+                    type?: 'line' | 'shadow' | 'none';
+                    snap?: boolean;
+                    z?: number;
+                    label?: PointerLabel;
+                    lineStyle?: {
+                        color?: string;
+                        width?: number;
+                        type?: string;
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                        opacity?: number;
+                    };
+                    shadowStyle?: {
+                        color?: string;
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                        opacity?: number;
+                    };
+                    triggerTooltip?: boolean;
+                    value?: number;
+                    status?: boolean;
+                    handle?: {
+                        show?: boolean;
+                        icon?: any;
+                        size?: number | number[];
+                        margin?: number;
+                        color?: string;
+                        throttle?: number;
+                        shadowBlur?: number;
+                        shadowColor?: string;
+                        shadowOffsetX?: number;
+                        shadowOffsetY?: number;
+                    };
+                }
+
+                interface PointerLabel {
+                    show?: boolean;
+                    precision?: number | string;
+                    formatter?: string | Function;
+                    margin?: boolean;
+                    color?: string;
+                    fontStyle?: 'normal' | 'italic' | 'oblique';
+                    fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter'
+                                    | '100' | '200' | '300' | '400';
+                    fontFamily?: string;
+                    fontSize?: number;
+                    lineHeight?: number;
+                    backgroundColor?: string | object;
+                    borderColor?: string;
+                    borderWidth?: number;
+                    borderRadius?: number;
+                    padding?: number | number[];
+                    shadowColor?: string;
+                    shadowBlur?: number;
+                    shadowOffsetX?: number;
+                    shadowOffsetY?: number;
+                    width?: number | string;
+                    height?: number | string;
+                    textBorderColor?: string;
+                    textBorderWidth?: number;
+                    textShadowColor?: string;
+                    textShadowBlur?: number;
+                    textShadowOffsetX?: number;
+                    textShadowOffsetY?: number;
+                }
+            }
+        }
+    }
 }
 
 declare module 'echarts' {
diff --git a/types/echarts/options/axis-pointer.d.ts b/types/echarts/options/axis-pointer.d.ts
new file mode 100644
index 0000000000..2e060b1c96
--- /dev/null
+++ b/types/echarts/options/axis-pointer.d.ts
@@ -0,0 +1,64 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * @todo describe
+         */
+        interface AxisPointer extends BasicComponents.CartesianAxis.Pointer {
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component
+             * in option or API.
+             */
+            id?: string;
+
+            /**
+             * axisPointers can be linked to each other.
+             * The term 'link' represents that axes are synchronized
+             * and move together.
+             * Axes are linked according to the value of axisPointer.
+             * See
+             * [sampleA](https://ecomfe.github.io/echarts-examples/public/view.html?c=candlestick-brush&edit=1&reset=1)
+             * and
+             * [sampleB](https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-nutrients-matrix&edit=1&reset=1).
+             * link is an array, where each item represents a 'link group'.
+             * Axes will be linked when they are refered
+             * in the same link group.
+             *
+             * @example:
+             * link: [
+             *     {
+             *         // All axes with xAxisIndex 0, 3, 4 and yAxisName 'sameName' will be linked.
+             *         xAxisIndex: [0, 3, 4],
+             *         yAxisName: 'someName'
+             *     },
+             *     {
+             *         // All axes with xAxisId 'aa', 'cc' and all angleAxis will be linked.
+             *         xAxisId: ['aa', 'cc'],
+             *         angleAxis: 'all'
+             *     },
+             *     ...
+             * ]
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#axisPointer.link
+             */
+            link?: object[];
+
+            /**
+             * Conditions to trigger tooltip.
+             * Options:
+             * + `'mousemove'` - Trigger when mouse moves.
+             * + `'click'` - Trigger when mouse clicks.
+             * + `'mousemove|click'` - Trigger when mouse clicks and moves.
+             *   `'none'` - Do not triggered by `'mousemove'` and `'click'`.
+             *   Tooltip can be triggered and hidden manually by calling
+             *   `action.tooltip.showTip` and `action.tooltip.hideTip`.
+             *   It can also be triggered by `axisPointer.handle` in this case.
+             *
+             * This attribute is new to ECharts 3.0.
+             *
+             * @default 'mousemove|click'
+             */
+            triggerOn?: 'mousemove' | 'click' | 'mousemove|click' | 'none';
+        }
+    }
+}
diff --git a/types/echarts/options/data-zoom.d.ts b/types/echarts/options/data-zoom.d.ts
new file mode 100644
index 0000000000..2ed18582ef
--- /dev/null
+++ b/types/echarts/options/data-zoom.d.ts
@@ -0,0 +1,106 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * Data zoom component of inside type.
+         * Refer to dataZoom for more information.
+         * The inside means it's inside the coordinates.
+         * Translation: data area can be translated when moving in coordinates.
+         * Scaling:
+         * PC: when mouse rolls (similar with touch pad) in coordinates.
+         * Mobile: when touches and moved with two fingers in coordinates
+         * on touch screens.
+         *
+         * @todo describe
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom-inside
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom-slider
+         */
+        type DataZoom = DataZoom.Inside
+            | DataZoom.Slider;
+
+        namespace DataZoom {
+            /**
+             * Data zoom component of inside type.
+             * Refer to dataZoom for more information.
+             * The inside means it's inside the coordinates.
+             * Translation: data area can be translated when moving in coordinates.
+             * Scaling:
+             * PC: when mouse rolls (similar with touch pad) in coordinates.
+             * Mobile: when touches and moved with two fingers in coordinates
+             * on touch screens.
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom-inside
+             */
+            interface Inside {
+                type?: string;
+                id?: string;
+                disable?: boolean;
+                xAxisIndex?: number | number[];
+                yAxisIndex?: number | number[];
+                radiusAxisIndex?: number | number[];
+                angleAxisIndex?: number | number[];
+                filterMode?: 'filter' | 'weakFilter' | 'empty' | 'none';
+                start?: number;
+                end?: number;
+                startValue?: number | string | Date;
+                endValue?: number | string | Date;
+                minSpan?: number;
+                maxSpan?: number;
+                minValueSpan?: number | string | Date;
+                maxValueSpan?: number | string | Date;
+                orient?: string;
+                zoomLock?: boolean;
+                throttle?: number;
+                rangeMode?: string[];
+                zoomOnMouseWheel?: boolean;
+                moveOnMouseMove?: boolean;
+                moveOnMouseWheel?: boolean;
+                preventDefaultMouseMove?: boolean;
+            }
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom-slider
+             */
+            interface Slider {
+                type?: string;
+                id?: string;
+                show?: boolean;
+                backgroundColor?: string;
+                dataBackground?: object;
+                fillColor?: string;
+                borderColor?: string;
+                handleIcon?: string;
+                handleSize?: number;
+                handleStyle?: object;
+                labelPrecision?: number;
+                labelFormatter?: string | Function;
+                showDetail?: boolean;
+                showDataShadow?: string;
+                realtime?: boolean;
+                textStyle?: object;
+                xAxisIndex?: number | number[];
+                yAxisIndex?: number | number[];
+                radiusAxisIndex?: number | number[];
+                angleAxisIndex?: number | number[];
+                filterMode?: 'filter' | 'weakFilter' | 'empty' | 'none';
+                start?: number;
+                end?: number;
+                startValue?: number | string | Date;
+                endValue?: number | string | Date;
+                minSpan?: number;
+                maxSpan?: number;
+                minValueSpan?: number | string | Date;
+                maxValueSpan?: number | string | Date;
+                orient?: 'vertical' | 'horizontal';
+                zoomLock?: boolean;
+                throttle?: number;
+                rangeMode?: string[];
+                zlevel?: number;
+                z?: number;
+                left?: string | number;
+                top?: string | number;
+                right?: string | number;
+                bottom?: string | number;
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/index.d.ts b/types/echarts/options/index.d.ts
new file mode 100644
index 0000000000..fded0ed4c7
--- /dev/null
+++ b/types/echarts/options/index.d.ts
@@ -0,0 +1,28 @@
+/// <reference path="./series/bar.d.ts" />
+/// <reference path="./series/boxplot.d.ts" />
+/// <reference path="./series/candlestick.d.ts" />
+/// <reference path="./series/custom.d.ts" />
+/// <reference path="./series/effect-scatter.d.ts" />
+/// <reference path="./series/funnel.d.ts" />
+/// <reference path="./series/gauge.d.ts" />
+/// <reference path="./series/graph.d.ts" />
+/// <reference path="./series/heatmap.d.ts" />
+/// <reference path="./series/line.d.ts" />
+/// <reference path="./series/lines.d.ts" />
+/// <reference path="./series/map.d.ts" />
+/// <reference path="./series/parallel.d.ts" />
+/// <reference path="./series/pictorial-bar.d.ts" />
+/// <reference path="./series/pie.d.ts" />
+/// <reference path="./series/radar.d.ts" />
+/// <reference path="./series/sankey.d.ts" />
+/// <reference path="./series/scatter.d.ts" />
+/// <reference path="./series/sunburst.d.ts" />
+/// <reference path="./series/theme-river.d.ts" />
+/// <reference path="./series/tree.d.ts" />
+/// <reference path="./series/treemap.d.ts" />
+/// <reference path="./axis-pointer.d.ts" />
+/// <reference path="./data-zoom.d.ts" />
+/// <reference path="./text-style.d.ts" />
+/// <reference path="./tooltip.d.ts" />
+/// <reference path="./x-axis.d.ts" />
+/// <reference path="./y-axis.d.ts" />
diff --git a/types/echarts/options/series/bar.d.ts b/types/echarts/options/series/bar.d.ts
new file mode 100644
index 0000000000..3116f87d53
--- /dev/null
+++ b/types/echarts/options/series/bar.d.ts
@@ -0,0 +1,16598 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **bar chart**
+         *
+         * Bar chart shows different data through the height of a bar, which
+         * is used in
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * with at least 1 category axis.
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar
+         */
+        interface SeriesBar {
+            /**
+             * @default
+             * "bar"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.type
+             */
+            type?: 'bar';
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label
+             */
+            label?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle
+             */
+            itemStyle?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * Bar color. defaults to acquire colors from global palette
+                 * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * The bodrder color of bar.
+                 *
+                 *
+                 * @default
+                 * '#000'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.barBorderColor
+                 */
+                barBorderColor?: string;
+
+                /**
+                 * The bodrder width of bar. defaults to have no border.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.barBorderWidth
+                 */
+                barBorderWidth?: number;
+
+                /**
+                 * The radius of rounded corner.
+                 * Its unit is px.
+                 * And it supports use array to respectively specify the 4 corner
+                 * radiuses.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.barBorderRadius
+                 */
+                barBorderRadius?: any[] | number;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Bar color..
+                     *
+                     *
+                     * @default
+                     * "auto"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The bodrder color of bar.
+                     *
+                     *
+                     * @default
+                     * '#000'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.barBorderColor
+                     */
+                    barBorderColor?: string;
+
+                    /**
+                     * The bodrder width of bar. defaults to have no border.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.barBorderWidth
+                     */
+                    barBorderWidth?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Name of stack.
+             * On the same category axis, the series with the same `stack` name
+             * would be put on top of each other.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.stack
+             */
+            stack?: string;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.cursor
+             */
+            cursor?: string;
+
+            /**
+             * The width of the bar. Adaptive when not specified.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.barWidth
+             */
+            barWidth?: number;
+
+            /**
+             * The maximum width of the bar. Adaptive when not specified.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.barMaxWidth
+             */
+            barMaxWidth?: number;
+
+            /**
+             * The minimum width of bar.
+             * It could be used to avoid the following situation: the interaction
+             * would be affected when the value of some data item is too small.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.barMinHeight
+             */
+            barMinHeight?: number;
+
+            /**
+             * The gap between bars between different series, is a percent value
+             * like `'30%'`, which means `30%` of the bar width.
+             *
+             * Set barGap as `'-100%'` can overlap bars that belong to different
+             * series, which is useful when making a series of bar be background.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             *
+             * @default
+             * 30%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.barGap
+             */
+            barGap?: string;
+
+            /**
+             * The bar gap of a single series, defaults to be `20%` of the category
+             * gap, can be set as a fixed value.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @default
+             * '20%'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.barCategoryGap
+             */
+            barCategoryGap?: string;
+
+            /**
+             * Whether to enable the optimization of large-scale data.
+             * It could be set when large data causes performance problem.
+             *
+             * After being enabled, `largeThreshold` can be used to indicate
+             * the minimum number for turning on the optimization.
+             *
+             * But when the optimization enabled, the style of single data item
+             * can't be customized any more.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.large
+             */
+            large?: boolean;
+
+            /**
+             * The threshold enabling the drawing optimization.
+             *
+             *
+             * @default
+             * 400
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.largeThreshold
+             */
+            largeThreshold?: number;
+
+            /**
+             * `progressive` specifies the amount of graphic elements that can
+             * be rendered within a frame (about 16ms) if "progressive rendering"
+             * enabled.
+             *
+             * When data amount is from thousand to more than 10 million, it
+             * will take too long time to render all of the graphic elements.
+             * Since ECharts 4, "progressive rendering" is supported in its
+             * workflow, which processes and renders data chunk by chunk alone
+             * with each frame, avoiding to block the UI thread of the browser.
+             *
+             *
+             * @default
+             * 5000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.progressive
+             */
+            progressive?: number;
+
+            /**
+             * If current data amount is over the threshold, "progressive rendering"
+             * is enabled.
+             *
+             *
+             * @default
+             * 3000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.progressiveThreshold
+             */
+            progressiveThreshold?: number;
+
+            /**
+             * Chunk approach, optional values:
+             *
+             * + `'sequential'`: slice data by data index.
+             * + `'mod'`: slice data by mod, which make the data items of each
+             * chunk coming from all over the data, bringing better visual effect
+             * while progressive rendering.
+             *
+             *
+             * @default
+             * "mod"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.progressiveChunkMode
+             */
+            progressiveChunkMode?: string;
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.encode
+             */
+            encode?: object;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data
+             */
+            data?: (
+                (void | string | number | SeriesBar.DataObject)[]
+                | (void | string | number | SeriesBar.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in bar chart.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in bar chart, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.z
+             */
+            z?: number;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesBar {
+            interface DataObject {
+
+                /**
+                 * The name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of a single data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.value
+                 */
+                value?: number;
+
+                /**
+                 * The style setting of the text label in a single bar.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Bar color..
+                     *
+                     *
+                     * @default
+                     * "auto"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The bodrder color of bar.
+                     *
+                     *
+                     * @default
+                     * '#000'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.barBorderColor
+                     */
+                    barBorderColor?: string;
+
+                    /**
+                     * The bodrder width of bar. defaults to have no border.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.barBorderWidth
+                     */
+                    barBorderWidth?: number;
+
+                    /**
+                     * The radius of rounded corner.
+                     * Its unit is px.
+                     * And it supports use array to respectively specify the
+                     * 4 corner radiuses.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.barBorderRadius
+                     */
+                    barBorderRadius?: any[] | number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Bar color..
+                         *
+                         *
+                         * @default
+                         * "auto"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * The bodrder color of bar.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.barBorderColor
+                         */
+                        barBorderColor?: string;
+
+                        /**
+                         * The bodrder width of bar.
+                         * defaults to have no border.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.barBorderWidth
+                         */
+                        barBorderWidth?: number;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.bar.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/boxplot.d.ts b/types/echarts/options/series/boxplot.d.ts
new file mode 100644
index 0000000000..7eb6dee681
--- /dev/null
+++ b/types/echarts/options/series/boxplot.d.ts
@@ -0,0 +1,13256 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * [Boxplot](https://en.wikipedia.org/wiki/Box_plot)
+         * is a convenient way of graphically depicting groups of numerical
+         * data through their quartiles.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot)
+         *
+         * Multiple `series` can be displayed in the same coordinate system.
+         * Please refer to
+         * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=boxplot-multi&edit=1&reset=1)
+         * .
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot
+         */
+        interface SeriesBoxplot {
+
+            /**
+             * @default
+             * "boxplot"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.id
+             */
+            id?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-cartesian2d.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-cartesian2d.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Whether to enable the animation when hovering on box.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * Layout methods, whose optional values are:
+             *
+             * + `'horizontal'`: horizontally layout all boxes.
+             *
+             * + `'vertical'`: vertically layout all boxes.
+             *
+             * The default value is decided by:
+             *
+             * + if there is a `category` axis:
+             * + if it is horizontal, use `'horizontal'`;
+             * + otherwise use `'vertical'`;
+             * + otherwise use `'horizontal'`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.layout
+             */
+            layout?: string;
+
+            /**
+             * Up and bottom boundary of box width.
+             * The array is in the form of `[min, max]`.
+             *
+             * It could be absolute value in pixel, such as `[7, 50]`, or percentage,
+             * such as `['40%', '90%']`.
+             * The percentage means the percentage to the maximum possible width.
+             *
+             *
+             * @default
+             * [7, 50]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxWidth
+             */
+            boxWidth?: any[];
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * boxplot color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.itemStyle)
+                 *
+                 *
+                 * @default
+                 * "#fff"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * boxplot border color, whose format is similar to that of
+                 * `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * boxplot border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * boxplot color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * boxplot border color, whose format is similar to that
+                     * of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * boxplot border width.
+                     * No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @default
+                     * "rgba(0,0,0,0.4)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.encode
+             */
+            encode?: object;
+
+            /**
+             * Data should be the two-dimensional array shown as follow.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             * Every data item (each line in the example above) in the two-dimensional
+             * array will be rendered into a box, and each line have five values
+             * as:
+             *
+             * ```
+             * [min, Q1, median (or Q2), Q3, max]
+             *
+             * ```
+             *
+             * **Data Processing**
+             *
+             * ECharts doesn't contain data processing modules, so the five
+             * statistic values should be calculated by yourself and then passes
+             * into `boxplot`.
+             *
+             * However, ECharts also provide some simple
+             * [raw data processing tools](https://github.com/ecomfe/echarts/tree/master/extension/dataTool)
+             * . For example, this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=boxplot-light-velocity&edit=1&reset=1)
+             * uses `echarts.dataTool.prepareBoxplotData`
+             * to proceed simple data statistics.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data
+             */
+            data?: (number | SeriesBoxplot.DataObject)[][];
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in Box plot.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in Box plot, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             *
+             * @default
+             * 800
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "elasticOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesBoxplot {
+            interface DataObject {
+
+                /**
+                 * Name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Value of data item.
+                 *
+                 * ```
+                 * [min, Q1, median (or Q2), Q3, max]
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.value
+                 */
+                value?: any[];
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * boxplot color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * boxplot border color, whose format is similar to that
+                     * of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * boxplot border width.
+                     * No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * boxplot color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * boxplot border color, whose format is similar to
+                         * that of `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * boxplot border width.
+                         * No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @default
+                         * "rgba(0,0,0,0.4)"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @default
+                         * 2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @default
+                         * 2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.boxplot.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-boxplot.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/candlestick.d.ts b/types/echarts/options/series/candlestick.d.ts
new file mode 100644
index 0000000000..835e418662
--- /dev/null
+++ b/types/echarts/options/series/candlestick.d.ts
@@ -0,0 +1,13491 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * A
+         * [candlestick](https://en.wikipedia.org/wiki/Candlestick_chart)
+         * chart (also called Japanese candlestick chart) is a style of financial
+         * chart used to describe price movements of a security, derivative,
+         * or currency.
+         *
+         * ECharts3 supports both `'candlestick'` and `'k'` in
+         * [series.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#(series.type)
+         * (`'k'` would automatically turns into `'candlestick'`).
+         *
+         * **An example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick)
+         *
+         * **About color of increase and decrease**
+         *
+         * Different countries or regions have different implications on the
+         * color of candle stick chart.
+         * It may use red to imply increasing with red and decreasing with blue
+         * (in China mainland, Taiwan, Japan, Koera, and so on), or to imply
+         * increasing with green and decreasing with red (in Europ, North America,
+         * Hong Kong, Singapore, and so on).
+         * Besides color, the increase and decrease of stock may also be represented
+         * with candle stick with or without filling colors.
+         *
+         * We use red to represent increasing and blue decreasing by default.
+         * If you want to change the configuration, you may change the following
+         * parameters.
+         *
+         * + [series-candlestick.itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.color)
+         * : fill color for bullish candle stick (namely, increase)
+         * + [series-candlestick.itemStyle.color0](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.color0)
+         * : fill color for bearish candle stick (namely, decrease)
+         * + [series-candlestick.itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.borderColor)
+         * : border color for bullish candle stick (namely, increase)
+         * + [series-candlestick.itemStyle.borderColor0](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-candlestick.itemStyle.borderColor0)
+         * : border color for bearish candle stick (namely, decrease)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick
+         */
+        interface SeriesCandlestick {
+
+            /**
+             * @default
+             * "candlestick"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.id
+             */
+            id?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-cartesian2d.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-cartesian2d.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Whether to enable animitation when hovering on box.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * Layout method, whose values may be:
+             *
+             * + `'horizontal'`: horizontally layout all boxs.
+             *
+             * + `'vertical'`: vertically layout all boxs.
+             *
+             * The default value is decided by:
+             *
+             * + if there is a `category` axis:
+             * + if it is horizontal, use `'horizontal'`;
+             * + otherwise use `'vertical'`;
+             * + otherwise use `'horizontal'`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.layout
+             */
+            layout?: string;
+
+            /**
+             * Specify bar width.
+             * Absolute value (like `10`) or percentage (like `'20%'`, according
+             * to band width) can be used. Auto adapt by default.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.barWidth
+             */
+            barWidth?: number;
+
+            /**
+             * Specify bar min width.
+             * Absolute value (like `10`) or percentage (like `'20%'`, according
+             * to band width) can be used. Auto adapt by default.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.barMinWidth
+             */
+            barMinWidth?: number;
+
+            /**
+             * Specify bar max width.
+             * Absolute value (like `10`) or percentage (like `'20%'`, according
+             * to band width) can be used. Auto adapt by default.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.barMaxWidth
+             */
+            barMaxWidth?: number;
+
+            /**
+             * Item style of candlestick.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * Fill color of bullish candle stick.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.itemStyle)
+                 *
+                 *
+                 * @default
+                 * "#c23531"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * Fill color of bearish candle stick.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.itemStyle)
+                 *
+                 *
+                 * @default
+                 * #314656
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.color0
+                 */
+                color0?: string;
+
+                /**
+                 * Border color of bullish candle stick.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.itemStyle)
+                 *
+                 *
+                 * @default
+                 * "#c23531"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border color of bearish candle stick.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.itemStyle)
+                 *
+                 *
+                 * @default
+                 * #314656
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.borderColor0
+                 */
+                borderColor0?: string;
+
+                /**
+                 * Border width of candlestick.
+                 * There is no border when it is `0`.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * Emphasis style of candlestick.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Fill color of bullish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#c23531"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * Fill color of bearish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * #314656
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.color0
+                     */
+                    color0?: string;
+
+                    /**
+                     * Border color of bullish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#c23531"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border color of bearish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * #314656
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.borderColor0
+                     */
+                    borderColor0?: string;
+
+                    /**
+                     * Border width of candlestick.
+                     * There is no border when it is `0`.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Whether to enable the optimization of large-scale data.
+             * It could be set when large data causes performance problem.
+             *
+             * After being enabled, `largeThreshold` can be used to indicate
+             * the minimum number for turning on the optimization.
+             *
+             * But when the optimization enabled, the style of single data item
+             * can't be customized any more.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.large
+             */
+            large?: boolean;
+
+            /**
+             * The threshold enabling the drawing optimization.
+             *
+             *
+             * @default
+             * 600
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.largeThreshold
+             */
+            largeThreshold?: number;
+
+            /**
+             * `progressive` specifies the amount of graphic elements that can
+             * be rendered within a frame (about 16ms) if "progressive rendering"
+             * enabled.
+             *
+             * When data amount is from thousand to more than 10 million, it
+             * will take too long time to render all of the graphic elements.
+             * Since ECharts 4, "progressive rendering" is supported in its
+             * workflow, which processes and renders data chunk by chunk alone
+             * with each frame, avoiding to block the UI thread of the browser.
+             *
+             *
+             * @default
+             * 5000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.progressive
+             */
+            progressive?: number;
+
+            /**
+             * If current data amount is over the threshold, "progressive rendering"
+             * is enabled.
+             *
+             *
+             * @default
+             * 10000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.progressiveThreshold
+             */
+            progressiveThreshold?: number;
+
+            /**
+             * Chunk approach, optional values:
+             *
+             * + `'sequential'`: slice data by data index.
+             * + `'mod'`: slice data by mod, which make the data items of each
+             * chunk coming from all over the data, bringing better visual effect
+             * while progressive rendering.
+             *
+             *
+             * @default
+             * "mod"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.progressiveChunkMode
+             */
+            progressiveChunkMode?: string;
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.encode
+             */
+            encode?: object;
+
+            /**
+             * Data should be the two-dimensional array shown as follow.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             * Every data item (each line in the example above) represents a
+             * box, which contains 4 values. They are:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data
+             */
+            data?: (number | SeriesCandlestick.DataObject)[][];
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in candlestick.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in candlestick, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "linear"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesCandlestick {
+            interface DataObject {
+
+                /**
+                 * Name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Value of data item.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.value
+                 */
+                value?: any[];
+
+                /**
+                 * Style of a candle box.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Fill color of bullish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#c23531"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * Fill color of bearish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.itemStyle)
+                     *
+                     *
+                     * @default
+                     * #314656
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.color0
+                     */
+                    color0?: string;
+
+                    /**
+                     * Border color of bullish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "#c23531"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border color of bearish candle stick.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.itemStyle)
+                     *
+                     *
+                     * @default
+                     * #314656
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.borderColor0
+                     */
+                    borderColor0?: string;
+
+                    /**
+                     * Border width of candlestick.
+                     * There is no border when it is `0`.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Emphasis style of a candle box.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * Fill color of bullish candle stick.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * "#c23531"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * Fill color of bearish candle stick.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * #314656
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.color0
+                         */
+                        color0?: string;
+
+                        /**
+                         * Border color of bullish candle stick.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * "#c23531"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border color of bearish candle stick.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * #314656
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.borderColor0
+                         */
+                        borderColor0?: string;
+
+                        /**
+                         * Border width of candlestick.
+                         * There is no border when it is `0`.
+                         *
+                         *
+                         * @default
+                         * 2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.candlestick.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-candlestick.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/custom.d.ts b/types/echarts/options/series/custom.d.ts
new file mode 100644
index 0000000000..23a73eef1d
--- /dev/null
+++ b/types/echarts/options/series/custom.d.ts
@@ -0,0 +1,7956 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **custom series**
+         *
+         * `custom series` supports customizing graphic elements, and then generate
+         * more types of charts.
+         *
+         * echarts manages the creation, deletion, animation and interaction
+         * with other components (like
+         * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+         * 、
+         * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+         * ), which frees developers from handle those issue themselves.
+         *
+         * **For example, a "x-range" chart is made by custom sereis:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom)
+         *
+         * **
+         * [More samples of custom series](https://ecomfe.github.io/echarts-examples/public/index.html#chart-type-custom)
+         * **
+         *
+         * **
+         * [A tutotial of custom series](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Custom%20Series)
+         * **
+         *
+         * **Customize the render logic (in renderItem method)**
+         *
+         * `custom series` requires developers to write a render logic by themselves.
+         * This render logic is called
+         * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+         * .
+         *
+         * For example:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom)
+         *
+         * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+         * will be called on each data item.
+         *
+         * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+         * provides two parameters:
+         *
+         * + [params](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.params)
+         * : provides info about the current series and data and coordinate
+         * system.
+         * + [api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+         * : includes some methods.
+         *
+         * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+         * method should returns graphic elements definitions.See
+         * [renderItem.return](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return)
+         * .
+         *
+         * Generally, the main process of
+         * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+         * is that retrieve value from data and convert them to graphic elements
+         * on the current coordinate system. Two methods in
+         * [renderItem.arguments.api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+         * are always used in this procedure:
+         *
+         * + [api.value(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.value)
+         * is used to retrieve value from data.
+         * For example, `api.value(0)`
+         * retrieve the value of the first dimension in the current data item.
+         * + [api.coord(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.coord)
+         * is used to convert data to coordinate.
+         * For example, `var point = api.coord([api.value(0),
+         * api.value(1)])`
+         * converet the data to the point on the current coordinate system.
+         *
+         * Sometimes
+         * [api.size(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.size)
+         * method is needed, which calculates the size on the coordinate system
+         * by a given data range.
+         *
+         * Moreover,
+         * [api.style(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.style)
+         * method can be used to set style.
+         * It provides not only the style settings specified in
+         * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle)
+         * , but also the result of visual mapping.
+         * This method can also be called like `api.style({fill:
+         * 'green', stroke: 'yellow'})` to override those style settings.
+         *
+         * **Dimension mapping (by encode and dimension option)**
+         *
+         * In most cases,
+         * [series.encode](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.encode)
+         * is needed to be specified when using `custom series` serise, which
+         * indicate the mapping of dimensions, and then echarts can render appropriate
+         * axis by the extent of those data.
+         *
+         * `encode.tooltip`
+         * and `encode.label`
+         * can also be specified to define the content of default `tooltip`
+         * and `label`.
+         * [series.dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.dimensions)
+         * can also be specified to defined names of each dimensions, which
+         * will be displayed in tooltip.
+         *
+         * For example:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom)
+         *
+         * **Controlled by dataZoom**
+         *
+         * When use `custom series` with
+         * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+         * ,
+         * [dataZoom.filterMode](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom.filterMode)
+         * usually be set as `'weakFilter'`, which prevent `dataItem` from being
+         * filtered when only part of its dimensions are out of the current
+         * data window.
+         *
+         * **Difference between `dataIndex` and `dataIndexInside`**
+         *
+         * + `dataIndex` is the index of a `dataItem` in the original data.
+         * + `dataIndexInside` is the index of a `dataItem` in the current data
+         * window (see
+         * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+         * .
+         *
+         * [renderItem.arguments.api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+         * uses `dataIndexInside` as the input parameter but not `dataIndex`,
+         * because conversion from `dataIndex` to `dataIndexInside` is time-consuming.
+         *
+         * **Event listener**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom
+         */
+        interface SeriesCustom {
+
+            /**
+             * @default
+             * "custom"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `null` or `'none'`
+             *
+             * No coordinate.
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'polar'`
+             *
+             * Use polar coordinates, with
+             * [polarIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.polarIndex)
+             * to assign the corresponding polar coordinate component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             * + `'none'`
+             *
+             * Do not use coordinate system.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * to combine with, which is useful for multiple polar axes in one
+             * chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.polarIndex
+             */
+            polarIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Index of
+             * [calendar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar)
+             * to combine with, which is useful for multiple calendar coordinates
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.calendarIndex
+             */
+            calendarIndex?: number;
+
+            /**
+             * `custom series` requires developers to write a render logic by
+             * themselves. This render logic is called
+             * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+             * .
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+             * will be called on each data item.
+             *
+             * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+             * provides two parameters:
+             *
+             * + [params](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.params)
+             * : provides info about the current series and data and coordinate
+             * system.
+             * + [api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+             * : includes some methods.
+             *
+             * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+             * method should returns graphic elements definitions.See
+             * [renderItem.return](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return)
+             * .
+             *
+             * Generally, the main process of
+             * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+             * is that retrieve value from data and convert them to graphic
+             * elements on the current coordinate system. Two methods in
+             * [renderItem.arguments.api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+             * are always used in this procedure:
+             *
+             * + [api.value(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.value)
+             * is used to retrieve value from data.
+             * For example, `api.value(0)`
+             * retrieve the value of the first dimension in the current data
+             * item.
+             * + [api.coord(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.coord)
+             * is used to convert data to coordinate.
+             * For example, `var point = api.coord([api.value(0),
+             * api.value(1)])`
+             * converet the data to the point on the current coordinate system.
+             *
+             * Sometimes
+             * [api.size(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.size)
+             * method is needed, which calculates the size on the coordinate
+             * system by a given data range.
+             *
+             * Moreover,
+             * [api.style(...)](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.style)
+             * method can be used to set style.
+             * It provides not only the style settings specified in
+             * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle)
+             * , but also the result of visual mapping.
+             * This method can also be called like `api.style({fill:
+             * 'green', stroke: 'yellow'})` to override those style settings.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem
+             */
+            renderItem?: {
+
+                /**
+                 * Parameters of `renderItem`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments
+                 */
+                arguments?: {
+
+                    /**
+                     * The first parameter of `renderItem`, including:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments)
+                     *
+                     * Difference between `dataIndex` and `dataIndexInside`:
+                     *
+                     * + `dataIndex` is the index of a `dataItem` in the original
+                     * data.
+                     * + `dataIndexInside` is the index of a `dataItem` in the
+                     * current data window (see
+                     * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+                     * .
+                     *
+                     * [renderItem.arguments.api](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api)
+                     * uses `dataIndexInside` as the input parameter but not
+                     * `dataIndex`, because conversion from `dataIndex` to `dataIndexInside`
+                     * is time-consuming.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.params
+                     */
+                    params?: object;
+
+                    /**
+                     * The second parameter of `renderItem`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api
+                     */
+                    api?: {
+
+                        /**
+                         * Get value on the given dimension.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.value
+                         */
+                        value?: Function;
+
+                        /**
+                         * Convert data to coordinate.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.coord
+                         */
+                        coord?: Function;
+
+                        /**
+                         * Get the size by the given data range.
+                         *
+                         * For example, in `cartesian2d`, suppose calling `api.size([2,
+                         * 4])` returns `[12.4,
+                         * 55]`.
+                         * It represents that on x axis, data range `2` corresponds
+                         * to size `12.4`,
+                         * and on y axis data range `4` corresponds to size
+                         * `55`.
+                         *
+                         * In some coordinate systems (for example, polar) or
+                         * when log axis is used, the size is different in different
+                         * point.
+                         * So the second parameter is necessary to calculate
+                         * size on the given point.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.size
+                         */
+                        size?: Function;
+
+                        /**
+                         * The method obtains style info defined in
+                         * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle)
+                         * , and visual info obtained by visual mapping, and
+                         * return them.
+                         * Those returned info can be assigned to `style` attribute
+                         * of graphic element definition directly.
+                         * Developers can also override style info by calling
+                         * this method like this: `api.style({fill:
+                         * 'green', stroke: 'yellow'})`.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.style
+                         */
+                        style?: Function;
+
+                        /**
+                         * The method obtains style info defined in
+                         * [series.itemStyle.emphasis](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.emphasis)
+                         * , and visual info obtained by visual mapping, and
+                         * return them.
+                         * Those returned info can be assigned to `style` attribute
+                         * of graphic element definition directly.
+                         * Developers can also override style info by calling
+                         * this method like this: `api.style({fill:
+                         * 'green', stroke: 'yellow'})`.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.styleEmphasis
+                         */
+                        styleEmphasis?: Function;
+
+                        /**
+                         * Get the visual info. It is rarely be used.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.visual
+                         */
+                        visual?: Function;
+
+                        /**
+                         * When `barLayout` is needed, (for example, when attaching
+                         * some extra graphic elements to bar chart), this method
+                         * can be used to obtain bar layout info.
+                         *
+                         * See a
+                         * [sample](https://ecomfe.github.io/echarts-examples/public/editor.html?c=custom-bar-trend)
+                         * .
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.barLayout
+                         */
+                        barLayout?: Function;
+
+                        /**
+                         * Obtain the current series index.
+                         * Notice that the `currentSeriesIndex` is different
+                         * from `seriesIndex` when legend is used to filter
+                         * some series.
+                         *
+                         * ```
+                         * @return {number}
+                         *
+                         * ```
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.currentSeriesIndices
+                         */
+                        currentSeriesIndices?: Function;
+
+                        /**
+                         * Obtain font string, which can be used on style setting
+                         * directly.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.arguments.api)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.font
+                         */
+                        font?: Function;
+
+                        /**
+                         * ```
+                         * @return {number} Width of echarts containter.
+                         *
+                         * ```
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.getWidth
+                         */
+                        getWidth?: Function;
+
+                        /**
+                         * ```
+                         * @return {number} Height of echarts container.
+                         *
+                         * ```
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.getHeight
+                         */
+                        getHeight?: Function;
+
+                        /**
+                         * ```
+                         * @return {module:zrender} zrender instance.
+                         *
+                         * ```
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.getZr
+                         */
+                        getZr?: Function;
+
+                        /**
+                         * ```
+                         * @return {number} The current devicePixelRatio。
+                         *
+                         * ```
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.arguments.api.getDevicePixelRatio
+                         */
+                        getDevicePixelRatio?: Function;
+                    };
+                };
+
+                /**
+                 * `renderItem` should returns graphic element definitions.
+                 * Each graphic element is an object. See
+                 * [graphic](https://ecomfe.github.io/echarts-doc/public/en/option.html#graphic.elements)
+                 * for detailed info.
+                 * (But width\\height\\top\\bottom is not supported here)
+                 *
+                 * If nothing should be rendered in this data item, just returns
+                 * nothing.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem)
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return
+                 */
+                return?: object;
+
+                /**
+                 * `group` is the only type that can contain children, so that
+                 * a group of elements can be positioned and transformed together.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group
+                 */
+                return_group?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "group"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_group)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * Specify width of this `group`.
+                     *
+                     * This width is only used for the positioning of its children.
+                     *
+                     * When width is `0`, children can also be positioned according
+                     * to its parent using `left: 'center'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.width
+                     */
+                    width?: number;
+
+                    /**
+                     * Specify height of this `group`.
+                     *
+                     * This height is only used for the positioning of its children.
+                     *
+                     * When height is `0`, children can also be positioned according
+                     * to its parent using `top: 'middle'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.height
+                     */
+                    height?: number;
+
+                    /**
+                     * In
+                     * [custom series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom)
+                     * , when `diffChildrenByName` is set as `true`, for each
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * returned from
+                     * [renderItem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem)
+                     * , "diff" will be performed to its
+                     * [children](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.children)
+                     * according to the
+                     * [name](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.name)
+                     * attribute of each graphic elements.
+                     * Here "diff" means that map the coming graphic elements
+                     * to the existing graphic elements when repainting according
+                     * to `name`, which enables the transition animation if
+                     * data is modified.
+                     *
+                     * But notice that the operation is performance consuming,
+                     * do not use it for large data amount.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.diffChildrenByName
+                     */
+                    diffChildrenByName?: boolean;
+
+                    /**
+                     * A list of children, each item is a declaration of an
+                     * element.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.children
+                     */
+                    children?: any[];
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Use
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * to describe a path.
+                 * Can be used to draw icons or any other shapes fitting the
+                 * specified size by auto transforming.
+                 *
+                 * See examples:
+                 * [icons](https://ecomfe.github.io/echarts-examples/public/editor.html?c=custom-calendar-icon)
+                 * and
+                 * [shapes](https://ecomfe.github.io/echarts-examples/public/editor.html?c=custom-gantt-flight)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path
+                 */
+                return_path?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "path"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_path)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * .
+                         *
+                         * For example, `'M0,0 L0,-20 L30,-20 C42,-20 38,-1
+                         * 50,-1 L70,-1 L70,0 Z'`。
+                         *
+                         * If
+                         * [width](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.width)
+                         * ,
+                         * [height](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.height)
+                         * ,
+                         * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.x)
+                         * and
+                         * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.y)
+                         * specified, `pathData` will be transformed to fit
+                         * the defined rect.
+                         * If they are not specified, do not do that.
+                         *
+                         * [layout](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.layout)
+                         * can be used to specify the transform strategy.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.pathData
+                         */
+                        pathData?: string;
+
+                        /**
+                         * Alias of
+                         * [pathData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.pathData)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.d
+                         */
+                        d?: string;
+
+                        /**
+                         * If
+                         * [width](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.width)
+                         * ,
+                         * [height](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.height)
+                         * ,
+                         * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.x)
+                         * and
+                         * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.y)
+                         * specified, `pathData` will be transformed to fit
+                         * the defined rect.
+                         *
+                         * `layout` can be used to specify the transform strategy.
+                         *
+                         * Optional value:
+                         *
+                         * + `'center'`: Keep aspect ratio, put the path in
+                         * the center of the rect, expand as far as possible
+                         * but never overflow.
+                         * + `'cover'`: Transform the path according to the
+                         * aspect ratio of the rect, fill the rect and do not
+                         * overflow.
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.layout
+                         */
+                        layout?: string;
+
+                        /**
+                         * The x value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.x
+                         */
+                        x?: number;
+
+                        /**
+                         * The y value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.y
+                         */
+                        y?: number;
+
+                        /**
+                         * The width of the shape of the element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.width
+                         */
+                        width?: number;
+
+                        /**
+                         * The height of the shape of the element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.shape.height
+                         */
+                        height?: number;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_path.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image
+                 */
+                return_image?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "image"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_image)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style
+                     */
+                    style?: {
+
+                        /**
+                         * Specify contant of the image, can be a URL, or
+                         * [dataURI](https://tools.ietf.org/html/rfc2397)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.image
+                         */
+                        image?: string;
+
+                        /**
+                         * The x value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.x
+                         */
+                        x?: number;
+
+                        /**
+                         * The y value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.y
+                         */
+                        y?: number;
+
+                        /**
+                         * The width of the shape of the element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.width
+                         */
+                        width?: number;
+
+                        /**
+                         * The height of the shape of the element.
+                         *
+                         * More attributes in `style` (for example,
+                         * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                         * ), see the `style` related attributes in
+                         * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                         * .
+                         *
+                         * Notice, the attribute names of the `style` of graphic
+                         * elements is derived from `zrender`, which may be
+                         * different from the attribute names in `echarts label`,
+                         * `echarts itemStyle`, etc.,
+                         * although they have the same meaning. For example:
+                         *
+                         * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.fill`
+                         * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.stroke`
+                         * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.textFill`
+                         * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                         * => `style.textStroke`
+                         * + ...
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.height
+                         */
+                        height?: number;
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text
+                 */
+                return_text?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "text"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_text)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style
+                     */
+                    style?: {
+
+                        /**
+                         * Text content. `\n` can be used as a line break.
+                         *
+                         *
+                         * @default
+                         * ''
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.text
+                         */
+                        text?: string;
+
+                        /**
+                         * The x value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.x
+                         */
+                        x?: number;
+
+                        /**
+                         * The y value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Font size, font type, font weight, font color, follow
+                         * the form of
+                         * [css font](https://developer.mozilla.org/en-US/docs/Web/CSS/font)
+                         * .
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_text.style)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.font
+                         */
+                        font?: string;
+
+                        /**
+                         * Text horizontal alignment.
+                         * Optional values: `'left'`, `'center'`, `'right'`.
+                         *
+                         * `'left'` means the left side of the text block is
+                         * specified by the
+                         * [style.x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.x)
+                         * , while `'right'` means the right side of the text
+                         * block is specified by
+                         * [style.y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.y)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "left"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.textAlign
+                         */
+                        textAlign?: string;
+
+                        /**
+                         * Text vertical alignment.
+                         * Optional values: `'top'`, `'middle'`, `'bottom'`.
+                         *
+                         * More attributes in `style` (for example,
+                         * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                         * ), see the `style` related attributes in
+                         * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                         * .
+                         *
+                         * Notice, the attribute names of the `style` of graphic
+                         * elements is derived from `zrender`, which may be
+                         * different from the attribute names in `echarts label`,
+                         * `echarts itemStyle`, etc.,
+                         * although they have the same meaning. For example:
+                         *
+                         * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.fill`
+                         * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.stroke`
+                         * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                         * => `style.textFill`
+                         * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                         * => `style.textStroke`
+                         * + ...
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.textVerticalAlign
+                         */
+                        textVerticalAlign?: string;
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Rectangle element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect
+                 */
+                return_rect?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "rect"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_rect)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * The x value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape.x
+                         */
+                        x?: number;
+
+                        /**
+                         * The y value of the left-top corner of the element
+                         * in the coordinate system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape.y
+                         */
+                        y?: number;
+
+                        /**
+                         * The width of the shape of the element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape.width
+                         */
+                        width?: number;
+
+                        /**
+                         * The height of the shape of the element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape.height
+                         */
+                        height?: number;
+
+                        /**
+                         * Specify border radius of the rectangular here.
+                         * Generally, `r` should be `[topLeftRadius, topRightRadius,
+                         * BottomRightRadius, bottomLeftRadius]`, where each
+                         * item is a number.
+                         *
+                         * Abbreviation is enabled, for example:
+                         *
+                         * + `r`: `1` means `[1, 1, 1, 1]`
+                         * + `r`: `[1]` means `[1, 1, 1, 1]`
+                         * + `r`: `[1, 2]` means `[1, 2, 1, 2]`
+                         * + `r`: `[1, 2, 3]` means `[1, 2, 3, 2]`
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.shape.r
+                         */
+                        r?: any[];
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Circle element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle
+                 */
+                return_circle?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "circle"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_circle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * The x value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.shape.cx
+                         */
+                        cx?: number;
+
+                        /**
+                         * The y value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.shape.cy
+                         */
+                        cy?: number;
+
+                        /**
+                         * Outside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.shape.r
+                         */
+                        r?: number;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Ring element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring
+                 */
+                return_ring?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "ring"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_ring)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * The x value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.shape.cx
+                         */
+                        cx?: number;
+
+                        /**
+                         * The y value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.shape.cy
+                         */
+                        cy?: number;
+
+                        /**
+                         * Outside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.shape.r
+                         */
+                        r?: number;
+
+                        /**
+                         * Inside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.shape.r0
+                         */
+                        r0?: number;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Sector element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector
+                 */
+                return_sector?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "sector"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_sector)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * The x value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.cx
+                         */
+                        cx?: number;
+
+                        /**
+                         * The y value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.cy
+                         */
+                        cy?: number;
+
+                        /**
+                         * Outside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.r
+                         */
+                        r?: number;
+
+                        /**
+                         * Inside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.r0
+                         */
+                        r0?: number;
+
+                        /**
+                         * start angle, in radian.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.startAngle
+                         */
+                        startAngle?: number;
+
+                        /**
+                         * end anble, in radian.
+                         *
+                         *
+                         * @default
+                         * "Math.PI * 2"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.endAngle
+                         */
+                        endAngle?: number;
+
+                        /**
+                         * Whether draw clockwise.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.shape.clockwise
+                         */
+                        clockwise?: boolean;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Arc element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc
+                 */
+                return_arc?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "arc"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_arc)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * The x value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.cx
+                         */
+                        cx?: number;
+
+                        /**
+                         * The y value of the center of the element in the coordinate
+                         * system of its parent.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.cy
+                         */
+                        cy?: number;
+
+                        /**
+                         * Outside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.r
+                         */
+                        r?: number;
+
+                        /**
+                         * Inside radius.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.r0
+                         */
+                        r0?: number;
+
+                        /**
+                         * start angle, in radian.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.startAngle
+                         */
+                        startAngle?: number;
+
+                        /**
+                         * end anble, in radian.
+                         *
+                         *
+                         * @default
+                         * "Math.PI * 2"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.endAngle
+                         */
+                        endAngle?: number;
+
+                        /**
+                         * Whether draw clockwise.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.shape.clockwise
+                         */
+                        clockwise?: boolean;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Polygon element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon
+                 */
+                return_polygon?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "polygon"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_polygon)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * A list of points, which defines the shape, like `[[22,
+                         * 44], [44, 55], [11, 44], ...]`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.shape.points
+                         */
+                        points?: any[];
+
+                        /**
+                         * Whether smooth the line.
+                         *
+                         * + If the value is number, bezier interpolation is
+                         * used, and the value specified the level of smooth,
+                         * which is in the range of `[0, 1]`.
+                         * + If the value is `'spline'`, Catmull-Rom spline
+                         * interpolation is used.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.shape.smooth
+                         */
+                        smooth?: number | string;
+
+                        /**
+                         * Whether prevent the smooth process cause the line
+                         * out of the bounding box.
+                         *
+                         * Only works when `smooth` is `number` (bezier smooth).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.shape.smoothConstraint
+                         */
+                        smoothConstraint?: boolean;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Polyline element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline
+                 */
+                return_polyline?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "polyline"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_polyline)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * A list of points, which defines the shape, like `[[22,
+                         * 44], [44, 55], [11, 44], ...]`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.shape.points
+                         */
+                        points?: any[];
+
+                        /**
+                         * Whether smooth the line.
+                         *
+                         * + If the value is number, bezier interpolation is
+                         * used, and the value specified the level of smooth,
+                         * which is in the range of `[0, 1]`.
+                         * + If the value is `'spline'`, Catmull-Rom spline
+                         * interpolation is used.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.shape.smooth
+                         */
+                        smooth?: number | string;
+
+                        /**
+                         * Whether prevent the smooth process cause the line
+                         * out of the bounding box.
+                         *
+                         * Only works when `smooth` is `number` (bezier smooth).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.shape.smoothConstraint
+                         */
+                        smoothConstraint?: boolean;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Line element.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line
+                 */
+                return_line?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "line"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_line)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * x value of the start point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape.x1
+                         */
+                        x1?: number;
+
+                        /**
+                         * y value of the start point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape.y1
+                         */
+                        y1?: number;
+
+                        /**
+                         * x value of the end point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape.x2
+                         */
+                        x2?: number;
+
+                        /**
+                         * y value of the end point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape.y2
+                         */
+                        y2?: number;
+
+                        /**
+                         * Specify the percentage of drawing, useful in animation.
+                         *
+                         * Value range: \[0, 1\].
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.shape.percent
+                         */
+                        percent?: number;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+
+                /**
+                 * Quadratic bezier curve or cubic bezier curve.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve
+                 */
+                return_bezierCurve?: {
+
+                    /**
+                     * Must be specified when define a graphic element at the
+                     * first time.
+                     *
+                     * Optional values:
+                     *
+                     * [image](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_image)
+                     * ,
+                     * [text](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_text)
+                     * ,
+                     * [circle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_circle)
+                     * ,
+                     * [sector](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_sector)
+                     * ,
+                     * [ring](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_ring)
+                     * ,
+                     * [polygon](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon)
+                     * ,
+                     * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polyline)
+                     * ,
+                     * [rect](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_rect)
+                     * ,
+                     * [line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_line)
+                     * ,
+                     * [bezierCurve](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve)
+                     * ,
+                     * [arc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_arc)
+                     * ,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * ,
+                     *
+                     *
+                     * @default
+                     * "bezierCurve"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.type
+                     */
+                    type?: string;
+
+                    /**
+                     * id is used to specifying element when willing to update
+                     * it. id can be ignored if you do not need it.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.id
+                     */
+                    id?: string;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.position
+                     */
+                    position?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.rotation
+                     */
+                    rotation?: number;
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [1, 1]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.scale
+                     */
+                    scale?: any[];
+
+                    /**
+                     * `2D transform` can be applied to graphic elements, including:
+                     *
+                     * + [position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.position)
+                     * : `[horizontal translate offset, vertical translate offset]`,
+                     * `[0, 0]` by default.
+                     * Positive value means translate towards right or bottom.
+                     * + [rotation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.rotation)
+                     * : Rotation in radian, `0` by default.
+                     * Positive when anticlockwise.
+                     * + [scale](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.scale)
+                     * : `[horizontal scale factor, vertical scale factor]`,
+                     * `[1, 1]` by default.
+                     *
+                     * [origin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.origin)
+                     * specifies the origin point of rotation and scaling, `[0,
+                     * 0]` by default.
+                     *
+                     * Notice:
+                     *
+                     * + The coordinates specified in the transform attribute
+                     * above are relative to the `[0, 0]` of the parent element
+                     * (that is,
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * or the root canvas). Thus we are able to
+                     * [group](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * multiple elements, and
+                     * [groups](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_group)
+                     * can be nested.
+                     * + The order that the transform attributes are applied
+                     * to a single graphic element is: Firstly, `rotation`,
+                     * then, `scale`, finally, `position`.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.origin
+                     */
+                    origin?: number;
+
+                    /**
+                     * Define the overlap relationship between graphic elements.
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.z2
+                     */
+                    z2?: number;
+
+                    /**
+                     * See
+                     * [diffChildrenByName](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.diffChildrenByName)
+                     * 。
+                     *
+                     *
+                     * @default
+                     * "undefined"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.name
+                     */
+                    name?: string;
+
+                    /**
+                     * User defined data, can be visited in event listeners.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.renderItem.return_bezierCurve)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.info
+                     */
+                    info?: any;
+
+                    /**
+                     * Whether response to mouse events / touch events.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.silent
+                     */
+                    silent?: boolean;
+
+                    /**
+                     * Whether the element is visible.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.invisible
+                     */
+                    invisible?: boolean;
+
+                    /**
+                     * Whether the element is totally ignored (neither render
+                     * nor listen events).
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.ignore
+                     */
+                    ignore?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape
+                     */
+                    shape?: {
+
+                        /**
+                         * x value of the start point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.x1
+                         */
+                        x1?: number;
+
+                        /**
+                         * y value of the start point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.y1
+                         */
+                        y1?: number;
+
+                        /**
+                         * x value of the end point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.x2
+                         */
+                        x2?: number;
+
+                        /**
+                         * y value of the end point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.y2
+                         */
+                        y2?: number;
+
+                        /**
+                         * x of control point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.cpx1
+                         */
+                        cpx1?: number;
+
+                        /**
+                         * y of control point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.cpy1
+                         */
+                        cpy1?: number;
+
+                        /**
+                         * x of the second control point.
+                         * If specified, cubic bezier is used.
+                         *
+                         * If both `cpx2` and `cpy2` are not set, quatratic
+                         * bezier is used.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.cpx2
+                         */
+                        cpx2?: number;
+
+                        /**
+                         * y of the second control point.
+                         * If specified, cubic bezier is used.
+                         *
+                         * If both `cpx2` and `cpy2` are not set, quatratic
+                         * bezier is used.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.cpy2
+                         */
+                        cpy2?: number;
+
+                        /**
+                         * Specify the percentage of drawing, useful in animation.
+                         *
+                         * Value range: \[0, 1\].
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.shape.percent
+                         */
+                        percent?: number;
+                    };
+
+                    /**
+                     * More attributes in `style` (for example,
+                     * [rich text](https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text)
+                     * ), see the `style` related attributes in
+                     * [zrender/graphic/Displayable](https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable)
+                     * .
+                     *
+                     * Notice, the attribute names of the `style` of graphic
+                     * elements is derived from `zrender`, which may be different
+                     * from the attribute names in `echarts label`, `echarts
+                     * itemStyle`, etc.,
+                     * although they have the same meaning. For example:
+                     *
+                     * + [itemStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.fill`
+                     * + [itemStyle.borderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.stroke`
+                     * + [label.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color)
+                     * => `style.textFill`
+                     * + [label.textBorderColor](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor)
+                     * => `style.textStroke`
+                     * + ...
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style
+                     */
+                    style?: {
+
+                        /**
+                         * Color filled in this element.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.fill
+                         */
+                        fill?: string;
+
+                        /**
+                         * Color of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.stroke
+                         */
+                        stroke?: string;
+
+                        /**
+                         * Width of stroke.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.lineWidth
+                         */
+                        lineWidth?: number;
+
+                        /**
+                         * Width of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * X offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Y offset of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * color of shadow.
+                         *
+                         *
+                         * @default
+                         * "undefined"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.style.shadowColor
+                         */
+                        shadowColor?: number;
+                    };
+
+                    /**
+                     * Empahsis style of the graphic element, whose structure
+                     * is the same as
+                     * [style](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_polygon.style)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.renderItem.return_bezierCurve.styleEmphasis
+                     */
+                    styleEmphasis?: object;
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.encode
+             */
+            encode?: object;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data
+             */
+            data?: (
+                (void | string | number | SeriesCustom.DataObject)[]
+                | (void | string | number | SeriesCustom.DataObject)[][]
+            );
+
+            /**
+             * `zlevel` value of all graghical elements in custom series.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in custom series, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesCustom {
+            interface DataObject {
+
+                /**
+                 * Name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Value of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.value
+                 */
+                value?: number | number[];
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.custom.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-custom.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/effect-scatter.d.ts b/types/echarts/options/series/effect-scatter.d.ts
new file mode 100644
index 0000000000..885e5d385b
--- /dev/null
+++ b/types/echarts/options/series/effect-scatter.d.ts
@@ -0,0 +1,16799 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * The scatter (bubble) graph with ripple animation.
+         * The special animation effect can visually highlights some data.
+         *
+         * **Tip:** The effects of map was achieved through markPoint in ECharts
+         * 2.x.
+         * However, in ECharts 3, effectScatter on geographic coordinate is
+         * recommended for achieving that effects of map.
+         *
+         * **Here is the example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter
+         */
+        interface SeriesEffectScatter {
+
+            /**
+             * @default
+             * "effectScatter"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Type of effect.
+             * Only ripple effect of `'ripple'` is supported currently.
+             *
+             *
+             * @default
+             * "ripple"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectType
+             */
+            effectType?: string;
+
+            /**
+             * When to show the effect.
+             *
+             * **Options:**
+             *
+             * + `'render'` Show the effect when rendering is done.
+             * + `'emphasis'` Show the effect when it is highlight (hover).
+             *
+             *
+             * @default
+             * "render"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.showEffectOn
+             */
+            showEffectOn?: string;
+
+            /**
+             * Related configurations about ripple effect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.rippleEffect
+             */
+            rippleEffect?: {
+
+                /**
+                 * The period duration of animation, in seconds.
+                 *
+                 *
+                 * @default
+                 * 4
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.rippleEffect.period
+                 */
+                period?: number;
+
+                /**
+                 * The maximum zooming scale of ripples in animation.
+                 *
+                 *
+                 * @default
+                 * 2.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.rippleEffect.scale
+                 */
+                scale?: number;
+
+                /**
+                 * The brush type for ripples.
+                 * options: `'stroke'` and `'fill'`.
+                 *
+                 *
+                 * @default
+                 * "fill"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.rippleEffect.brushType
+                 */
+                brushType?: string;
+            };
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'polar'`
+             *
+             * Use polar coordinates, with
+             * [polarIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.polarIndex)
+             * to assign the corresponding polar coordinate component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * to combine with, which is useful for multiple polar axes in one
+             * chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.polarIndex
+             */
+            polarIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Index of
+             * [calendar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar)
+             * to combine with, which is useful for multiple calendar coordinates
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.calendarIndex
+             */
+            calendarIndex?: number;
+
+            /**
+             * Symbol of .
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.symbol
+             */
+            symbol?: string;
+
+            /**
+             * symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.symbolSize
+             */
+            symbolSize?: any[] | number;
+
+            /**
+             * Rotate degree of symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of symbol relative to original position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.itemStyle)
+                     *
+                     * Supports callback functions, in the form of:
+                     *
+                     * ```
+                     * (params: Object) => Color
+                     *
+                     * ```
+                     *
+                     * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                     * `value`, and etc. of data item.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.color
+                     */
+                    color?: string | Function;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.encode
+             */
+            encode?: object;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data
+             */
+            data?: (
+                (void | number | string | SeriesEffectScatter.DataObject)[]
+                | (void | number | string | SeriesEffectScatter.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.z
+             */
+            z?: number;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesEffectScatter {
+            interface DataObject {
+
+                /**
+                 * Symbol of single data.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data)
+                 *
+                 *
+                 * @default
+                 * "circle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * single data symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @default
+                 * 4
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of single data symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of single data symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.effectScatter.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-effectScatter.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/funnel.d.ts b/types/echarts/options/series/funnel.d.ts
new file mode 100644
index 0000000000..185c484c0d
--- /dev/null
+++ b/types/echarts/options/series/funnel.d.ts
@@ -0,0 +1,16496 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Funnel chart**
+         *
+         * **sample:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel
+         */
+        interface SeriesFunnel {
+
+            /**
+             * @default
+             * "funnel"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.name
+             */
+            name?: string;
+
+            /**
+             * The specified minimum value.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.min
+             */
+            min?: number;
+
+            /**
+             * The specified maximum value.
+             *
+             *
+             * @default
+             * 100
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.max
+             */
+            max?: number;
+
+            /**
+             * The mapped width from minimum data value
+             * [min](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.min)
+             * .
+             *
+             * It can be absolute pixel and also the percentage of
+             * [layout width](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.width)
+             *
+             * If you don't want the graph of minimum value to be a triangle,
+             * you can set up this property larger than 0.
+             *
+             *
+             * @default
+             * '0%'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.minSize
+             */
+            minSize?: string;
+
+            /**
+             * The mapped width from maximum data value
+             * [max](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.max)
+             * .
+             *
+             * It can be absolute pixel and also the percentage of
+             * [layout width](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.width)
+             * .
+             *
+             *
+             * @default
+             * '100%'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.maxSize
+             */
+            maxSize?: string;
+
+            /**
+             * Data sorting, which can be whether `'ascending'`, `'descending'`,
+             * `'none'`(in data order) or a function, which is the same as `Array.prototype.sort(function
+             * (a, b) { ... })`;
+             *
+             *
+             * @default
+             * "descending"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.sort
+             */
+            sort?: string;
+
+            /**
+             * Gap between each trapezoid.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.gap
+             */
+            gap?: number;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Horizontal align.
+             * Defaults to align center. Can be 'left', 'right', 'center'.
+             *
+             *
+             * @default
+             * "center"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnelAlign
+             */
+            funnelAlign?: string;
+
+            /**
+             * Text label of funnel chart, to explain some data information
+             * about graphic item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label
+             */
+            label?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Options:**
+                 *
+                 * + `'left'`
+                 *
+                 * Left side of funnel chart.
+                 * The corresponding trapezoid would be related to through
+                 * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine)
+                 * .
+                 *
+                 * + `'right'`
+                 *
+                 * Right side of funnel chart.
+                 * The corresponding trapezoid would be related to through
+                 * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine)
+                 * .
+                 *
+                 * + `'inside'`
+                 *
+                 * Inside the trapezoid of funnel chart.
+                 *
+                 * + `'inner'` equals to `'inside'`.
+                 *
+                 * + `'center'` equals to `'inside'`.
+                 *
+                 *
+                 * @default
+                 * "outside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.position
+                 */
+                position?: string;
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * The visual guide line style of label. When
+             * [label position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.label.position)
+             * is set as `'left'`or`'right'`, the visual guide line will show.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine
+             */
+            labelLine?: {
+
+                /**
+                 * Whether to show visual guide line.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The length of the first part from visual guide line.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.length
+                 */
+                length?: number;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.labelLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.labelLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The style of visual guide line in emphasis status.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * Whether to show visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.labelLine.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.labelLine.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine
+                 */
+                labelLine?: {
+
+                    /**
+                     * Whether to show visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * The length of the first part from visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.length
+                     */
+                    length?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.labelLine.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.labelLine.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * The style of visual guide line in emphasis status.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show visual guide line.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.emphasis.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.emphasis.labelLine.emphasis.lineStyle.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be a single data value, like:
+             *
+             * ```
+             * [12, 34, 56, 10, 23]
+             *
+             * ```
+             *
+             * Or, if need extra dimensions for components like
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * to map to graphic attributes like color, it can also be in the
+             * form of array. For example:
+             *
+             * ```
+             * [[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]
+             *
+             * ```
+             *
+             * In this case, we can assgin the second value in each arrary item
+             * to
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * component.
+             *
+             * More likely, we need to assign name to each data item, in which
+             * case each item should be an object:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             * Each data item can be further custerized:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data
+             */
+            data?: (
+                number[]
+                | number[][]
+                | SeriesFunnel.DataObject[]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesFunnel {
+            interface DataObject {
+
+                /**
+                 * the name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.name
+                 */
+                name?: string;
+
+                /**
+                 * data value.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Graphic style of , `emphasis` is the style when it is highlighted,
+                 * like being hovered by mouse, or highlighted via legend connect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The label configuration of a single data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label
+                 */
+                label?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Options:**
+                     *
+                     * + `'left'`
+                     *
+                     * Left side of funnel chart.
+                     * The corresponding trapezoid would be related to through
+                     * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine)
+                     * .
+                     *
+                     * + `'right'`
+                     *
+                     * Right side of funnel chart.
+                     * The corresponding trapezoid would be related to through
+                     * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.labelLine)
+                     * .
+                     *
+                     * + `'inside'`
+                     *
+                     * Inside the trapezoid of funnel chart.
+                     *
+                     * + `'inner'` equals to `'inside'`.
+                     *
+                     * + `'center'` equals to `'inside'`.
+                     *
+                     *
+                     * @default
+                     * "outside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine
+                 */
+                labelLine?: {
+
+                    /**
+                     * Whether to show visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * The length of the first part from visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.length
+                     */
+                    length?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.labelLine.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.labelLine.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * The style of visual guide line in emphasis status.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show visual guide line.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.labelLine.emphasis.lineStyle.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine
+                     */
+                    labelLine?: {
+
+                        /**
+                         * Whether to show visual guide line.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * The length of the first part from visual guide line.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.length
+                         */
+                        length?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.labelLine.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.labelLine.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.lineStyle.opacity
+                             */
+                            opacity?: number;
+                        };
+
+                        /**
+                         * The style of visual guide line in emphasis status.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show visual guide line.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle
+                             */
+                            lineStyle?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.labelLine.emphasis.lineStyle)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.emphasis.labelLine.emphasis.lineStyle)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.emphasis.labelLine.emphasis.lineStyle.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.funnel.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-funnel.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/gauge.d.ts b/types/echarts/options/series/gauge.d.ts
new file mode 100644
index 0000000000..61093e5e5e
--- /dev/null
+++ b/types/echarts/options/series/gauge.d.ts
@@ -0,0 +1,14272 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Gauge chart**
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge
+         */
+        interface SeriesGauge {
+
+            /**
+             * @default
+             * "gauge"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.name
+             */
+            name?: string;
+
+            /**
+             * The radius of gauge chart.
+             * It can be a percentage value of the smaller of container half
+             * width and half height, also can be an absolute value.
+             *
+             * {{ use partial-legend-hover-link }}
+             *
+             *
+             * @default
+             * '75%'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.radius
+             */
+            radius?: number | string;
+
+            /**
+             * The start angle of gauge chart. The direct right side of
+             * [circle center](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.center)
+             * is `0` degree, the right above it is `90` degree, the direct
+             * left side of it is `180` degree.
+             *
+             *
+             * @default
+             * 225
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.startAngle
+             */
+            startAngle?: number;
+
+            /**
+             * The end angle of gauge chart.
+             *
+             *
+             * @default
+             * -45
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.endAngle
+             */
+            endAngle?: number;
+
+            /**
+             * Whether the scale in gauge chart increases clockwise.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.clockwise
+             */
+            clockwise?: boolean;
+
+            /**
+             * The minimum data value which map to
+             * [minAngle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.minAngle)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.min
+             */
+            min?: number;
+
+            /**
+             * The maximum data value which map to
+             * [maxAngle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.maxAngle)
+             * .
+             *
+             *
+             * @default
+             * 100
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.max
+             */
+            max?: number;
+
+            /**
+             * The number of split segments of gauge chart scale.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitNumber
+             */
+            splitNumber?: number;
+
+            /**
+             * The related configuration about the axis line of gauge chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine
+             */
+            axisLine?: {
+
+                /**
+                 * Whether to show the axis line of gauge chart.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The style of the axis line of gauge chart.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * The axis line of gauge chart can be divided to several
+                     * segments in different colors.
+                     * The end position and color of each segment can be expressed
+                     * by an array.
+                     *
+                     * Default value:
+                     *
+                     * ```
+                     * [[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.color
+                     */
+                    color?: any[];
+
+                    /**
+                     * The width of axis line.
+                     *
+                     *
+                     * @default
+                     * 30
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * The style of split line.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine
+             */
+            splitLine?: {
+
+                /**
+                 * Whether to show the split line.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The length of split line, can be a pecentage value relative
+                 * to radius.
+                 *
+                 *
+                 * @default
+                 * 30
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.length
+                 */
+                length?: number | string;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.splitLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#eee"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.splitLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.splitLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * The tick line style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick
+             */
+            axisTick?: {
+
+                /**
+                 * Whether to show the scale.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The split scale number between split line.
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.splitNumber
+                 */
+                splitNumber?: number;
+
+                /**
+                 * The length of tick line, can be a pecentage value relative
+                 * to radius.
+                 *
+                 *
+                 * @default
+                 * 8
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.length
+                 */
+                length?: number | string;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisTick.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#eee"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisTick.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisTick.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Axis tick label.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel
+             */
+            axisLabel?: {
+
+                /**
+                 * Whether to show the label.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The content formatter of scale label, which supports both
+                 * string template and callback function. Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Gauge chart pointer.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.pointer
+             */
+            pointer?: {
+
+                /**
+                 * Whether to show the pointer.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.pointer.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The length of pointer which could be absolute value and also
+                 * the percentage relative to
+                 * [radius](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.radius)
+                 * .
+                 *
+                 *
+                 * @default
+                 * '80%'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.pointer.length
+                 */
+                length?: number | string;
+
+                /**
+                 * The width of pointer.
+                 *
+                 *
+                 * @default
+                 * 8
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.pointer.width
+                 */
+                width?: number;
+            };
+
+            /**
+             * The style of gauge chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * The color of pointer. Defaults to use
+                 * [the color of section](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.color)
+                 * where the numerical value belongs to.
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * The title of gauge chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title
+             */
+            title?: {
+
+                /**
+                 * Whether to show the title.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The offset position relative to the center of gauge chart.
+                 * The first item of array is the horizontal offset; the second
+                 * item of array is the vertical offset.
+                 * It could be absolute value and also the percentage relative
+                 * to the radius of gauge chart.
+                 *
+                 *
+                 * @default
+                 * [0, '-40%']
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.offsetCenter
+                 */
+                offsetCenter?: any[];
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 15
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.title.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.title.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * The detail about gauge chart which is used to show data.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail
+             */
+            detail?: {
+
+                /**
+                 * Whether to show the details.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * The offset position relative to the center of gauge chart.
+                 * The first item of array is the horizontal offset; the second
+                 * item of array is the vertical offset.
+                 * It could be absolute value and also the percentage relative
+                 * to the radius of gauge chart.
+                 *
+                 *
+                 * @default
+                 * [0, '40%']
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.offsetCenter
+                 */
+                offsetCenter?: any[];
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 15
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich
+                 */
+                rich?: {
+                    /**
+                     * The text color. Defaults to use
+                     * [the color of section](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.axisLine.lineStyle.color)
+                     * where the numerical value belongs to.
+                     *
+                     *
+                     * @todo check that the option is valid and should be here
+                     * @default
+                     * "auto"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.color
+                     */
+                    // color?: string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.detail.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.detail.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.gauge.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-gauge.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+    }
+}
diff --git a/types/echarts/options/series/graph.d.ts b/types/echarts/options/series/graph.d.ts
new file mode 100644
index 0000000000..784a6f6d6b
--- /dev/null
+++ b/types/echarts/options/series/graph.d.ts
@@ -0,0 +1,22096 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **relation graph**
+         *
+         * Graph is a diagram to represent
+         * [nodes](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.nodes)
+         * and the
+         * [links](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links)
+         * connecting nodes.
+         *
+         * **Tips:** In ECharts 2.x
+         * , the diagram of `force` type will not be available in ECharts 3
+         * any more, which has been changed to use `graph` to show graph data.
+         * If you want to use force to lead the layout, you can set the
+         * [layout](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.layout)
+         * configuration as `'force'`.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph
+         */
+        interface SeriesGraph {
+
+            /**
+             * @default
+             * "graph"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `null` or `'none'`
+             *
+             * No coordinate.
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'polar'`
+             *
+             * Use polar coordinates, with
+             * [polarIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.polarIndex)
+             * to assign the corresponding polar coordinate component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             * + `'none'`
+             *
+             * Do not use coordinate system.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * to combine with, which is useful for multiple polar axes in one
+             * chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.polarIndex
+             */
+            polarIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Index of
+             * [calendar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar)
+             * to combine with, which is useful for multiple calendar coordinates
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.calendarIndex
+             */
+            calendarIndex?: number;
+
+            /**
+             * Whether to enable the highlight animation effect of mousr hover
+             * node.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * Graph layout.
+             *
+             * **Options:**
+             *
+             * + `'none'` No any layout, use
+             * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.x)
+             * ,
+             * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.y)
+             * provided in
+             * [node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data)
+             * as the position of node.
+             *
+             * + `'circular'` Adopt circular layout, see the example
+             * [Les Miserables](https://ecomfe.github.io/echarts-examples/public/editor.html?c=graph-circular-layout)
+             * .
+             *
+             * + `'force'` Adopt force-directed layout, see the example
+             * [Force](https://ecomfe.github.io/echarts-examples/public/editor.html?c=graph-force)
+             * , the detail about configrations of layout are in
+             * [graph.force](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force)
+             *
+             *
+             * @default
+             * "none"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.layout
+             */
+            layout?: string;
+
+            /**
+             * Configuration about circular layout.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.circular
+             */
+            circular?: {
+
+                /**
+                 * Whether to rotate the label automatically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.circular.rotateLabel
+                 */
+                rotateLabel?: boolean;
+            };
+
+            /**
+             * Configuration items about force-directed layout.
+             * Force-directed layout simulates spring/charge model, which will
+             * add a repulsion between 2 nodes and add a attraction between
+             * 2 nodes of each edge.
+             * In each iteration nodes will move under the effect of repulsion
+             * and attraction.
+             * After several iterations, the nodes will be static in a balanced
+             * position.
+             * As a result, the energy local minimum of this whole model will
+             * be realized.
+             *
+             * The result of force-directed layout has a good symmetries and
+             * clustering, which is also aesthetically pleasing.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force
+             */
+            force?: {
+
+                /**
+                 * The initial layout before force-directed layout, which will
+                 * influence on the result of force-directed layout.
+                 *
+                 * It defaults not to do any layout and use
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.y)
+                 * provided in
+                 * [node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data)
+                 * as the position of node.
+                 * If it doesn't exist, the position will be generated randomly.
+                 *
+                 * You can also use circular layout `'circular'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.initLayout
+                 */
+                initLayout?: string;
+
+                /**
+                 * The repulsion factor between nodes.
+                 * The repulsion will be stronger and the distance between 2
+                 * nodes becomes further as this value becomes larger.
+                 *
+                 * It can be an array to represent the range of repulsion.
+                 * In this case larger value have larger repulsion and smaller
+                 * value will have smaller repulsion.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.repulsion
+                 */
+                repulsion?: any[] | number;
+
+                /**
+                 * The gravity factor enforcing nodes approach to the center.
+                 * The nodes will be closer to the center as the value becomes
+                 * larger.
+                 *
+                 *
+                 * @default
+                 * 0.1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.gravity
+                 */
+                gravity?: number;
+
+                /**
+                 * The distance between 2 nodes on edge.
+                 * This distance is also affected by
+                 * [repulsion](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.repulsion)
+                 * .
+                 *
+                 * It can be an array to represent the range of edge length.
+                 * In this case edge with larger value will be shorter, which
+                 * means two nodes are closer.
+                 * And edge with smaller value will be longer.
+                 *
+                 *
+                 * @default
+                 * 30
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.edgeLength
+                 */
+                edgeLength?: any[] | number;
+
+                /**
+                 * Because the force-directed layout will be steady after several
+                 * iterations, this parameter will be decide whether to show
+                 * the iteration animation of layout.
+                 * It is not recommended to be closed on browser when there
+                 * are a lot of node data (>100) as the layout process will
+                 * cause browser to hang.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.force.layoutAnimation
+                 */
+                layoutAnimation?: boolean;
+            };
+
+            /**
+             * Whether to enable mouse zooming and translating.
+             * `false` by default.
+             * If either zooming or translating is wanted, it can be set to
+             * `'scale'` or `'move'`.
+             * Otherwise, set it to be `true` to enable both.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.roam
+             */
+            roam?: boolean | string;
+
+            /**
+             * Related zooming ratio of nodes when mouse zooming in or out.
+             * When it is set as 0, the node will not zoom as the mouse zooms.
+             *
+             *
+             * @default
+             * 0.6
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.nodeScaleRatio
+             */
+            nodeScaleRatio?: number;
+
+            /**
+             * If node is draggable.
+             * Only available when using force-directed layout.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.draggable
+             */
+            draggable?: boolean;
+
+            /**
+             * Symbol of node of relation graph.
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.symbol
+             */
+            symbol?: string;
+
+            /**
+             * node of relation graph symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             * If size of symbols needs to be different, you can set with callback
+             * function in the following format:
+             *
+             * ```
+             * (value: Array|number, params: Object) => number|Array
+             *
+             * ```
+             *
+             * The first parameter `value` is the value in
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+             * , and the second parameter `params` is the rest parameters of
+             * data item.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.symbolSize
+             */
+            symbolSize?: any[] | Function | number;
+
+            /**
+             * Rotate degree of node of relation graph symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of node of relation graph symbol relative to original
+             * position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * Whether to focus/highlight the hover node and it's adjacencies.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.focusNodeAdjacency
+             */
+            focusNodeAdjacency?: boolean;
+
+            /**
+             * Symbol of two ends of edge line.
+             *
+             * For example:
+             *
+             * ```
+             * edgeSymbol: ['circle', 'arrow']
+             *
+             * ```
+             *
+             *
+             * @default
+             * "[none', 'none']"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeSymbol
+             */
+            edgeSymbol?: any[] | string;
+
+            /**
+             * Size of symbol of two ends of edge line.
+             * Can be an array or a single number.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeSymbolSize
+             */
+            edgeSymbolSize?: any[] | number;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * The style of edge line.
+             * [lineStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.color)
+             * can be `'source'` or `'target'`, which will use the color of
+             * source node or target node.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * Line color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.lineStyle)
+                 *
+                 *
+                 * @default
+                 * "#aaa"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @default
+                 * 0.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.opacity
+                 */
+                opacity?: number;
+
+                /**
+                 * Edge curvature, which supports value from 0 to 1.
+                 * The larger the value, the greater the curvature.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.lineStyle.curveness
+                 */
+                curveness?: number;
+            };
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel
+             */
+            edgeLabel?: {
+
+                /**
+                 * If show label on edge.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position, options：
+                 *
+                 * + `'start'`
+                 * + `'middle'`
+                 * + `'end'`
+                 *
+                 *
+                 * @default
+                 * "middle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.position
+                 */
+                position?: string;
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel
+                 */
+                edgeLabel?: {
+
+                    /**
+                     * If show label on edge.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position, options：
+                     *
+                     * + `'start'`
+                     * + `'middle'`
+                     * + `'end'`
+                     *
+                     *
+                     * @default
+                     * "middle"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.emphasis.edgeLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * The categories of node, which is optional.
+             * If there is a classification of nodes, the category of each node
+             * can be assigned through
+             * [data\[i\].category](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.category)
+             *
+             * And the style of category will also be applied to the style of
+             * nodes. `categories` can also be used in
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories
+             */
+            categories?: {
+
+                /**
+                 * Name of category, which is used to correspond with
+                 * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+                 * and the content of
+                 * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.name
+                 */
+                name?: string;
+
+                /**
+                 * Symbol of node of this category.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * node of this category symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of node of this category symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of node of this category symbol relative to original
+                 * position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * The style of node in this category.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The label style of node in this category.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.categories.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+            };
+
+            /**
+             * Nodes list of graph.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data
+             */
+            data?: SeriesGraph.DataObject[];
+
+            /**
+             * Alias of
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.nodes
+             */
+            nodes?: any[];
+
+            /**
+             * Relational data between nodes. Example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links
+             */
+            links?: {
+
+                /**
+                 * [name of source node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.name)
+                 * on edge
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.source
+                 */
+                source?: string;
+
+                /**
+                 * [name of target node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.name)
+                 * on edge
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.target
+                 */
+                target?: string;
+
+                /**
+                 * value of edge, can be mapped to edge length in force graph.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.value
+                 */
+                value?: number;
+
+                /**
+                 * Line style of edges.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * The curveness of edge, supporting values from 0 to 1.
+                     * The curveness will be larger as the value becomes lager.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.lineStyle.curveness
+                     */
+                    curveness?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label
+                 */
+                label?: {
+
+                    /**
+                     * If show label on edge.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position, options：
+                     *
+                     * + `'start'`
+                     * + `'middle'`
+                     * + `'end'`
+                     *
+                     *
+                     * @default
+                     * "middle"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * If show label on edge.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position, options：
+                         *
+                         * + `'start'`
+                         * + `'middle'`
+                         * + `'end'`
+                         *
+                         *
+                         * @default
+                         * "middle"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.links.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Symbol of edge ends.
+                 * Can be an array with two item to specify two ends, or a string
+                 * specifies both ends.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size of edge ends.
+                 * Can be an array with two item to specify two ends, or a string
+                 * specifies both ends.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links.symbolSize
+                 */
+                symbolSize?: any[] | string;
+            };
+
+            /**
+             * Alias of
+             * [links](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.links)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.edges
+             */
+            edges?: any[];
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.z
+             */
+            z?: number;
+
+            /**
+             * Distance between component and the left side of the container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "center"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between component and the top side of the container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "middle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between component and the right side of the container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between component and the bottom side of the container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * Width of component.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.width
+             */
+            width?: number | string;
+
+            /**
+             * Height of component.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.height
+             */
+            height?: number | string;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesGraph {
+            interface DataObject {
+
+                /**
+                 * Name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.name
+                 */
+                name?: string;
+
+                /**
+                 * `x` value of node position.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.x
+                 */
+                x?: number;
+
+                /**
+                 * `y` value of node position.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.y
+                 */
+                y?: number;
+
+                /**
+                 * If node are fixed when doing force directed layout.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.fixed
+                 */
+                fixed?: boolean;
+
+                /**
+                 * Value of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.value
+                 */
+                value?: any[] | number;
+
+                /**
+                 * Index of category which the data item belongs to.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.category
+                 */
+                category?: number;
+
+                /**
+                 * Symbol of node of this category.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * node of this category symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of node of this category symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of node of this category symbol relative to original
+                 * position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * The style of this node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The label style of this node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.graph.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/heatmap.d.ts b/types/echarts/options/series/heatmap.d.ts
new file mode 100644
index 0000000000..af38c31e17
--- /dev/null
+++ b/types/echarts/options/series/heatmap.d.ts
@@ -0,0 +1,15355 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **heat map**
+         *
+         * Heat map mainly use colors to represent values, which must be used
+         * along with
+         * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+         * component.
+         *
+         * It can be used in either
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * or
+         * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+         *
+         * But the behaviour on them are quite different.
+         * Rectangular coordinate must have two catagories to use it.
+         *
+         * Here are the examples using it in rectangular coordinate and geographic
+         * coordinate:
+         *
+         * **rectangular coordinate:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap)
+         *
+         * **geographic coordinate:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap
+         */
+        interface SeriesHeatmap {
+
+            /**
+             * @default
+             * "heatmap"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.name
+             */
+            name?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Index of
+             * [calendar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar)
+             * to combine with, which is useful for multiple calendar coordinates
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.calendarIndex
+             */
+            calendarIndex?: number;
+
+            /**
+             * Blur size of each data point. It is valid with
+             * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+             * of 'geo' value.
+             *
+             *
+             * @default
+             * 20
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.blurSize
+             */
+            blurSize?: number;
+
+            /**
+             * Minimum opacity. It is valid with
+             * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+             * of 'geo' value.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.minOpacity
+             */
+            minOpacity?: number;
+
+            /**
+             * Maximum opacity. It is valid with
+             * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+             * of 'geo' value.
+             *
+             *
+             * @default
+             * 1
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.maxOpacity
+             */
+            maxOpacity?: number;
+
+            /**
+             * Work for
+             * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+             * : 'cartesian2d'.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Work for
+             * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+             * : 'cartesian2d'.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data
+             */
+            data?: (
+                (void | number | string | SeriesHeatmap.DataObject)[]
+                | (void | number | string | SeriesHeatmap.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in heatmap.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in heatmap, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.silent
+             */
+            silent?: boolean;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesHeatmap {
+            interface DataObject {
+
+                /**
+                 * Name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Value of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.value
+                 */
+                value?: any[];
+
+                /**
+                 * It is valid with
+                 * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+                 * of 'cartesian2d' value.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of a single data point. It is valid with
+                 * [coordinateSystem](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.coordinateSystem)
+                 * of 'cartesian2d' value.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-heatmap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/line.d.ts b/types/echarts/options/series/line.d.ts
new file mode 100644
index 0000000000..7d9a546fae
--- /dev/null
+++ b/types/echarts/options/series/line.d.ts
@@ -0,0 +1,17089 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **broken line chart**
+         *
+         * Broken line chart relates all the data points
+         * [symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbol)
+         * by broken lines, which is used to show the trend of data changing.
+         * It could be used in both
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * and
+         * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+         * .
+         *
+         * **Tip:** When
+         * [areaStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle)
+         * is set, area chart will be drew.
+         *
+         * **Tip:** With
+         * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap-piecewise)
+         * component, Broken line / area chart can have different colors on
+         * different sections, as below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line
+         */
+        interface SeriesLine {
+
+            /**
+             * @default
+             * "line"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.name
+             */
+            name?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'polar'`
+             *
+             * Use polar coordinates, with
+             * [polarIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.polarIndex)
+             * to assign the corresponding polar coordinate component.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * to combine with, which is useful for multiple polar axes in one
+             * chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.polarIndex
+             */
+            polarIndex?: number;
+
+            /**
+             * Symbol of .
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbol
+             */
+            symbol?: string;
+
+            /**
+             * symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             * If size of symbols needs to be different, you can set with callback
+             * function in the following format:
+             *
+             * ```
+             * (value: Array|number, params: Object) => number|Array
+             *
+             * ```
+             *
+             * The first parameter `value` is the value in
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data)
+             * , and the second parameter `params` is the rest parameters of
+             * data item.
+             *
+             *
+             * @default
+             * 4
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbolSize
+             */
+            symbolSize?: any[] | Function | number;
+
+            /**
+             * Rotate degree of symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of symbol relative to original position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * Whether to show symbol.
+             * It would be shown during tooltip hover.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.showSymbol
+             */
+            showSymbol?: boolean;
+
+            /**
+             * Only work when main axis is `'category'` axis (`axis.type`
+             * is `'category'`). Optional values:
+             *
+             * + `'auto'`: Default value.
+             * Show all symbols if there is enough space.
+             * Otherwise follow the interval strategy with with
+             * [axisLabel.interval](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisLabel.interval)
+             * .
+             * + `true`: Show all symbols.
+             * + `false`: Follow the interval strategy with
+             * [axisLabel.interval](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisLabel.interval)
+             * .
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.showAllSymbol
+             */
+            showAllSymbol?: boolean;
+
+            /**
+             * Whether to enable the animation effect when mouse is on the symbol.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * If stack the value.
+             * On the same category axis, the series with the same `stack` name
+             * would be put on top of each other.
+             *
+             * The effect of the below example could be seen through stack switching
+             * of
+             * [toolbox](https://ecomfe.github.io/echarts-doc/public/en/option.html#toolbox)
+             * on the top right corner:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.stack
+             */
+            stack?: string;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Whether to connect the line across null points.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.connectNulls
+             */
+            connectNulls?: boolean;
+
+            /**
+             * Whether to clip the overflowing part, which defaults to clip.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.clipOverflow
+             */
+            clipOverflow?: boolean;
+
+            /**
+             * Whether to show as a step line.
+             * It can be `true`, `false`.
+             * Or `'start'`, `'middle'`, `'end'`.
+             * Which will configure the turn point of step line.
+             *
+             * See the example using different `step` options:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.step
+             */
+            step?: boolean | string;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "top"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * The style of the symbol point of broken line.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle
+             */
+            itemStyle?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * Line style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * Line color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.lineStyle)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.lineStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * The style of area.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle
+             */
+            areaStyle?: {
+
+                /**
+                 * Fill color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.areaStyle)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * Origin position of area.
+                 *
+                 * By default, the area between axis line and data will be the
+                 * area to be filled.
+                 * This config enables you to fill data to the max or min of
+                 * the axis data.
+                 *
+                 * Valid values include: `'auto'` (default), `'start'`, `'end'`.
+                 *
+                 * + `'auto'` to fill between axis line to data;
+                 * + `'start'` to fill between min axis value (when not `inverse`)
+                 * to data;
+                 * + `'end'` to fill between max axis value (when not `inverse`)
+                 * to data;
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.origin
+                 */
+                origin?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.areaStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.areaStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * 图形的高亮样式。
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Whether to show as smooth curve.
+             *
+             * If is typed in `boolean`, then it means whether to enable smoothing.
+             * If is typed in `number`, valued from 0 to 1, then it means smoothness.
+             * A smaller value makes it less smooth.
+             *
+             * Please refer to
+             * [smoothMonotone](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.smoothMonotone)
+             * to change smoothing algorithm.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.smooth
+             */
+            smooth?: boolean | number;
+
+            /**
+             * Whether the broken line keep the monotonicity when it is smoothed.
+             * It can be set as `'x'`, `'y'` to keep the monotonicity on x axis
+             * or y axis.
+             * Or it can be set to be `'none'` to use non-monotone smoothing
+             * algorithm.
+             *
+             * From ECharts 4.0.3,
+             * we improved our default smoothing algorithm.
+             * The old algorithm can be used by setting `smoothMonotone` to
+             * be `'none'`.
+             * Here's the difference between old and new algorithm.
+             * In the following chart, old algorithm is in green color, and
+             * new algorithm is in red color.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * The old algorithm has many problems:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * Old algorithm uses the previous and next point to form control
+             * points' direction, while they are always horizontal (when the
+             * first dimension of data is monotone) or vertical (when the second
+             * dimension of data is monotone) in new algorithm.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * But new algorithm doesn't work with non-monotone data.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * So we suggest that default value of `smoothMonotone` be used
+             * in most situations.
+             * If data on Y axis is monotone, it should be set to be `'y'`.
+             * If data is non-monotone, it should be set to be `'none'` to use
+             * the old algorithm.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.smoothMonotone
+             */
+            smoothMonotone?: string;
+
+            /**
+             * The dowmsampling strategy used when the data size is much larger
+             * than pixel size.
+             * It will improve the performance when turned on.
+             * Defaults to be turned off, indicating that all the data points
+             * will be drawn.
+             *
+             * Options:
+             *
+             * + `'average'` Use average value of filter points
+             * + `'max'` Use maximum value of filter points
+             * + `'min'` Use minimum value of filter points
+             * + `'sum'` Use sum of filter points
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.sampling
+             */
+            sampling?: string;
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.encode
+             */
+            encode?: object;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data
+             */
+            data?: (
+                (void | string | number | SeriesLine.DataObject)[]
+                | (void | string | number | SeriesLine.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in broken line graph.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in broken line graph, which
+             * controls order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "linear"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesLine {
+            interface DataObject {
+
+                /**
+                 * The name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of a single data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Symbol of single data.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data)
+                 *
+                 *
+                 * @default
+                 * "circle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * single data symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @default
+                 * 4
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of single data symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of single data symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * The style of the text of single data point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "top"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * The style of the symbol of single data point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Bar color..
+                     *
+                     *
+                     * @default
+                     * "auto"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The bodrder color of bar.
+                     *
+                     *
+                     * @default
+                     * '#000'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.barBorderColor
+                     */
+                    barBorderColor?: string;
+
+                    /**
+                     * The bodrder width of bar. defaults to have no border.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.barBorderWidth
+                     */
+                    barBorderWidth?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * Bar color..
+                         *
+                         *
+                         * @default
+                         * "auto"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * The bodrder color of bar.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.barBorderColor
+                         */
+                        barBorderColor?: string;
+
+                        /**
+                         * The bodrder width of bar.
+                         * defaults to have no border.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.barBorderWidth
+                         */
+                        barBorderWidth?: number;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.line.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/lines.d.ts b/types/echarts/options/series/lines.d.ts
new file mode 100644
index 0000000000..957acf0ac7
--- /dev/null
+++ b/types/echarts/options/series/lines.d.ts
@@ -0,0 +1,14937 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Lines graph**
+         *
+         * It is used to draw the line data with the information about "from"
+         * and "to"; and it is applied fot drawing the air routes on map, which
+         * visualizes these routes.
+         *
+         * ECharts 2.x
+         * uses the `markLine` to draw the migrating effect, while in ECharts
+         * 3, the `lines` graph is recommended to be used.
+         *
+         * **Migrating example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines
+         */
+        interface SeriesLines {
+
+            /**
+             * @default
+             * "lines"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.name
+             */
+            name?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             *
+             * @default
+             * "geo"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * If draw as polyline.
+             *
+             * Default to be `false`. Can only draw a two end straight line.
+             *
+             * If it is set true,
+             * [data.coords](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.coords)
+             * can have more than two coord to draw a polyline.
+             * It is useful when visualizing GPS track data. See example
+             * [lines-bus](https://ecomfe.github.io/echarts-examples/public/editor.html?c=lines-bmap-bus)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.polyline
+             */
+            polyline?: boolean;
+
+            /**
+             * The setting about special effect of lines.
+             *
+             * **Tips:** All the graphs with trail effect should be put on a
+             * individual layer, which means that
+             * [zlevel](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.zlevel)
+             * need to be different with others. And the animation (
+             * [animation](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animation)
+             * : false) of this layer is suggested to be turned off at the meanwhile.
+             * Otherwise, other graphic elements in other series and the
+             * [label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label)
+             * of animation would produce unnecessary ghosts.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect
+             */
+            effect?: {
+
+                /**
+                 * Whether to show special effect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The duration of special effect, which unit is second.
+                 *
+                 *
+                 * @default
+                 * 4
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.period
+                 */
+                period?: number;
+
+                /**
+                 * Effect animation delay.
+                 * Can be number or callback function.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.delay
+                 */
+                delay?: Function | number;
+
+                /**
+                 * If symbol movement of special effect has a constant speed,
+                 * which unit is pixel per second.
+                 * [period](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.period)
+                 * will be ignored if `constantSpeed` is larger than 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.constantSpeed
+                 */
+                constantSpeed?: number;
+
+                /**
+                 * The symbol of special effect.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.effect)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.effect)
+                 *
+                 * The above example uses a custom path of plane shape.
+                 *
+                 * **Tip:** Ahe angle of symbol changes as the tangent of track
+                 * changes.
+                 * If you use a custom path, you should make sure that the path
+                 * shape are upward oriented.
+                 * It would ensure that the symbol will always move toward the
+                 * right moving direction when the symbol moves along the track.
+                 *
+                 *
+                 * @default
+                 * "circle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * The symbol size of special effect, which could be set as
+                 * single number such as `10`.
+                 * What's more, arrays could be used to decribe the width and
+                 * height respectively.
+                 * For instance, `[20, 10]` indicates `20` for width and `10`
+                 * for height.
+                 *
+                 *
+                 * @default
+                 * 3
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * The color of special effect symbol, which defaults to be
+                 * same with
+                 * [lineStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.color)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.color
+                 */
+                color?: string;
+
+                /**
+                 * The length of trail of special effect.
+                 * The values from 0 to 1 could be set.
+                 * Trail would be longer as the the value becomes larger.
+                 *
+                 *
+                 * @default
+                 * 0.2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.trailLength
+                 */
+                trailLength?: number;
+
+                /**
+                 * Whether to loop the special effect animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.effect.loop
+                 */
+                loop?: boolean;
+            };
+
+            /**
+             * Whether to enable the optimization of large-scale lines graph.
+             * It could be enabled when there is a particularly large number
+             * of data(>=5k) .
+             *
+             * After being enabled,
+             * [largeThreshold](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.largeThreshold)
+             * can be used to indicate the minimum number for turning on the
+             * optimization.
+             *
+             * The style of a single data item can't be customized
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.large
+             */
+            large?: boolean;
+
+            /**
+             * The threshold enabling the drawing optimization.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.largeThreshold
+             */
+            largeThreshold?: number;
+
+            /**
+             * Symbol type at the two ends of the line.
+             * It can be an array for two ends, or assigned seperately. See
+             * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-line.markLine.data.0.symbol)
+             * for more format information.
+             *
+             *
+             * @default
+             * "none"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.symbol
+             */
+            symbol?: any[] | string;
+
+            /**
+             * Symbol size at the two ends of the line.
+             * It can be an array for two ends, or assigned seperately.
+             *
+             * **Attention:** You cannot assgin width and height seperately
+             * as normal `symbolSize`.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.symbolSize
+             */
+            symbolSize?: any[] | number;
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * Line color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.lineStyle)
+                 *
+                 *
+                 * @default
+                 * "self-adaptive"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @default
+                 * 0.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.opacity
+                 */
+                opacity?: number;
+
+                /**
+                 * The curveness of edge.
+                 * The values from 0 to 1 could be set.
+                 * The curveness would be larger as the the value becomes larger.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lineStyle.curveness
+                 */
+                curveness?: number;
+            };
+
+            /**
+             * Label settings. Does not work when
+             * [polyline](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.polyline)
+             * is `true`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * the position of label, options:
+                 *
+                 * + `'start'`
+                 * + `'middle'`
+                 * + `'end'`
+                 *
+                 *
+                 * @default
+                 * "end"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.position
+                 */
+                position?: string;
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Emphasis style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * the position of label, options:
+                     *
+                     * + `'start'`
+                     * + `'middle'`
+                     * + `'end'`
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * `progressive` specifies the amount of graphic elements that can
+             * be rendered within a frame (about 16ms) if "progressive rendering"
+             * enabled.
+             *
+             * When data amount is from thousand to more than 10 million, it
+             * will take too long time to render all of the graphic elements.
+             * Since ECharts 4, "progressive rendering" is supported in its
+             * workflow, which processes and renders data chunk by chunk alone
+             * with each frame, avoiding to block the UI thread of the browser.
+             *
+             *
+             * @default
+             * 400
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.progressive
+             */
+            progressive?: number;
+
+            /**
+             * If current data amount is over the threshold, "progressive rendering"
+             * is enabled.
+             *
+             *
+             * @default
+             * 3000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.progressiveThreshold
+             */
+            progressiveThreshold?: number;
+
+            /**
+             * The data set of lines.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data
+             */
+            data?: SeriesLines.DataObject[];
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in lines graph.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in lines graph, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+        }
+
+        namespace SeriesLines {
+            interface DataObject {
+
+                /**
+                 * the name of data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.name
+                 */
+                name?: string;
+
+                children: [DataObject];
+
+                /**
+                 * An array includes two ore more than two coordinates.
+                 * Each coordinate could be `[x, y]` in
+                 * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                 * and `[lng, lat]` in
+                 * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.coords
+                 */
+                coords?: any[];
+
+                /**
+                 * The line style of this data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.lineStyle.curveness
+                     */
+                    curveness?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * the position of label, options:
+                     *
+                     * + `'start'`
+                     * + `'middle'`
+                     * + `'end'`
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * Edge curvature, which supports value from 0 to 1.
+                         * The larger the value, the greater the curvature.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.lineStyle.curveness
+                         */
+                        curveness?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * the position of label, options:
+                         *
+                         * + `'start'`
+                         * + `'middle'`
+                         * + `'end'`
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-lines.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/map.d.ts b/types/echarts/options/series/map.d.ts
new file mode 100644
index 0000000000..12da2b5697
--- /dev/null
+++ b/types/echarts/options/series/map.d.ts
@@ -0,0 +1,16406 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Map.**
+         *
+         * Map is maily used in the visulization of geographic area data, which
+         * can be used with
+         * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+         * component to visualize the datas such as population distribution
+         * density in diffrent areas.
+         *
+         * Series of same
+         * [map type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+         * will show in one map.
+         * At this point, the configuration of the first series will be used
+         * for the map configuration.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map
+         */
+        interface SeriesMap {
+
+            /**
+             * @default
+             * "map"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.name
+             */
+            name?: string;
+
+            /**
+             * Map charts.
+             *
+             * Due to the increase of fineness of map, ECharts 3 doesn't include
+             * map data by default for package size consideration.
+             * You may find map files you need on
+             * [map download page](http://ecomfe.github.io/echarts-builder-web/map3.html
+             * )
+             * and then include and register them in ECharts.
+             *
+             * Two formats of map data are provided in ECharts, one of which
+             * can be included in `<script>` tag as JavaScript file, and the
+             * other of is in JSON format and should be loaded using AJAX.
+             * Map name and data will be loaded automatically once the JavaScript
+             * file is loaded, while in the JSON form, you have to assign name
+             * explicitly.
+             *
+             * Here are examples of these two types:
+             *
+             * **JavaScript importing example**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             * **JSON importing example**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             * ECharts uses
+             * [geoJSON](http://geojson.org/)
+             * format as map outline.
+             * Besides the methods introduced above, you can also get
+             * [geoJSON](http://geojson.org/)
+             * data through in other methods if you like and register it in
+             * ECharts. Reference to
+             * [USA Population Estimates](https://ecomfe.github.io/echarts-examples/public/editor.html?c=map-usa)
+             * for more information.
+             *
+             *
+             * @default
+             * ''
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map
+             */
+            map?: string;
+
+            /**
+             * Whether to enable mouse zooming and translating.
+             * `false` by default.
+             * If either zooming or translating is wanted, it can be set to
+             * `'scale'` or `'move'`.
+             * Otherwise, set it to be `true` to enable both.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.roam
+             */
+            roam?: boolean | string;
+
+            /**
+             * Center of current view-port, in longitude and latitude.
+             *
+             * Example:
+             *
+             * ```
+             * center: [115.97, 29.71]
+             *
+             * ```
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.center
+             */
+            center?: any[];
+
+            /**
+             * Used to scale aspect of geo.
+             *
+             * The final aspect is calculated by: `geoBoundingRect.width
+             * / geoBoundingRect.height * aspectScale`.
+             *
+             *
+             * @default
+             * 0.75
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.aspectScale
+             */
+            aspectScale?: number;
+
+            /**
+             * Two dimension array.
+             * Define coord of left-top, right-bottom in layout box.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.boundingCoords
+             */
+            boundingCoords?: any[];
+
+            /**
+             * Zoom rate of current view-port.
+             *
+             *
+             * @default
+             * 1
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.zoom
+             */
+            zoom?: number;
+
+            /**
+             * Limit of scaling, with `min` and `max`. `1` by default.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.scaleLimit
+             */
+            scaleLimit?: {
+
+                /**
+                 * Minimum scaling
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.scaleLimit.min
+                 */
+                min?: number;
+
+                /**
+                 * Maximum scaling
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.scaleLimit.max
+                 */
+                max?: number;
+            };
+
+            /**
+             * Name mapping for customized areas. For example:
+             *
+             * ```
+             * {
+             * 'China' : '中国'
+             * }
+             *
+             * ```
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.nameMap
+             */
+            nameMap?: object;
+
+            /**
+             * Selected mode decides whether multiple selecting is supported.
+             * By default, `false` is used for disabling selection.
+             * Its value can also be `'single'` for selecting single area, or
+             * `'multiple'` for selecting multiple areas.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.selectedMode
+             */
+            selectedMode?: boolean | string;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of Map Area Border, `emphasis` is the style when
+             * it is highlighted, like being hovered by mouse, or highlighted
+             * via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * Area filling color.
+                 *
+                 *
+                 * @default
+                 * "#eee"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor
+                 */
+                areaColor?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.itemStyle.areaColor)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.itemStyle.areaColor)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.areaColor.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Map area style in highlighted state.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * Area filling color.
+                     *
+                     *
+                     * @default
+                     * "#eee"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.areaColor
+                     */
+                    areaColor?: string;
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.itemStyle.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.itemStyle.emphasis)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle.emphasis.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.z
+             */
+            z?: number;
+
+            /**
+             * Distance between component and the left side of the container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between component and the top side of the container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between component and the right side of the container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between component and the bottom side of the container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * `layoutCenter` and `layoutSize` provides layout strategy other
+             * than `left/right/top/bottom/width/height`.
+             *
+             * When using `left/right/top/bottom/width/height`, it is hard to
+             * put the map inside a box area with a fixed width-height ratio.
+             * In this case, `layoutCenter` attribute can be used to define
+             * the center position of map, and `layoutSize` can be used to define
+             * the size of map. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             * After setting these two values, `left/right/top/bottom/width/height`
+             * becomes invalid.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.layoutCenter
+             */
+            layoutCenter?: any[];
+
+            /**
+             * Size of map, see `layoutCenter` for more information.
+             * Percentage relative to screen width, and absolute pixel values
+             * are supported.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.layoutSize
+             */
+            layoutSize?: number | string;
+
+            /**
+             * In default case, map series create exclusive `geo` component
+             * for themselves.
+             * But `geoIndex` can be used to specify an outer
+             * [geo component](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , which can be shared with other series like
+             * [pie](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie)
+             * . Moreover, the region color of the outer
+             * [geo component](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * can be controlled by the map series (via
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * ).
+             *
+             * When `geoIndex` specified,
+             * [series-map.map](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             * other style configurations like
+             * [series-map.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.itemStyle)
+             * will not work, but cooresponding configurations in
+             * [geo component](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * will be used.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Value of multiple series with the same
+             * [map type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             * can use this option to get a statistical value.
+             *
+             * Supported statistical methods:
+             *
+             * + `'sum'`
+             * + `'average'`
+             * + `'max'`
+             * + `'min'`
+             *
+             *
+             * @default
+             * "sum"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.mapValueCalculation
+             */
+            mapValueCalculation?: string;
+
+            /**
+             * Show the symbol in related area (dot of series symbol).
+             * Available when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * component exists.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.showLegendSymbol
+             */
+            showLegendSymbol?: boolean;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of map series, which can be a single data value, like:
+             *
+             * ```
+             * [12, 34, 56, 10, 23]
+             *
+             * ```
+             *
+             * Or, if need extra dimensions for components like
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * to map to graphic attributes like color, it can also be in the
+             * form of array. For example:
+             *
+             * ```
+             * [[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]
+             *
+             * ```
+             *
+             * In this case, we can assgin the second value in each arrary item
+             * to
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * component.
+             *
+             * More likely, we need to assign name to each data item, in which
+             * case each item should be an object:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             * Each data item can be further custerized:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data
+             */
+            data?: (number | SeriesMap.DataObject)[];
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.silent
+             */
+            silent?: boolean;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesMap {
+            interface DataObject {
+
+                /**
+                 * The name of the map area where the data belongs to, such
+                 * as `'China'` or `'United Kingdom'` .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The numerical value of this area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Whether the are selected.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.selected
+                 */
+                selected?: boolean;
+
+                /**
+                 * Style of item polygon
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Color of the area.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor
+                     */
+                    areaColor?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.itemStyle.areaColor)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.itemStyle.areaColor)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.itemStyle.areaColor.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "bottom"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.areaColor
+                         */
+                        areaColor?: string;
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.map.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-map.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/parallel.d.ts b/types/echarts/options/series/parallel.d.ts
new file mode 100644
index 0000000000..a54f29aeb2
--- /dev/null
+++ b/types/echarts/options/series/parallel.d.ts
@@ -0,0 +1,1336 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * The series in parallel coordinate system.
+         *
+         * * * *
+         *
+         * **Introduction about Parallel coordinates**
+         *
+         * [Parallel Coordinates](https://en.wikipedia.org/wiki/Parallel_coordinates)
+         * is a common way of visualizing high-dimensional geometry and analyzing
+         * multivariate data.
+         *
+         * For example,
+         * [series-parallel.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data)
+         * is the following data:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         * In data above, each row is a "data item", and each column represents
+         * a "dimension".
+         * For example, the meanings of columns above are: "data", "AQI", "PM2.5",
+         * "PM10", "carbon monoxide level", "nitrogen dioxide level", and "sulfur
+         * dioxide level".
+         *
+         * Parallel coordinates are much used to visualize multi-dimension data
+         * shown above.
+         * Each axis represents a dimension (namely, a column), and each line
+         * represents a data item.
+         * Data can be brush-selected on axes. For example:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         * * * *
+         *
+         * **Brief about Configuration**
+         *
+         * Basic configuration parallel coordinates is shown as follow:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         * Three components are involved here:
+         * [parallel](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel)
+         * ,
+         * [parallelAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis)
+         * ,
+         * [series-parallel](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         * + [parallel](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel)
+         *
+         * This component is the coordinate system.
+         * One or more series (like "Beijing", "Shanghai", and "Guangzhou" in
+         * the above example) can share one coordinate system.
+         *
+         * Like other coordinate systems, multiple parallel coordinate systems
+         * can be created in one echarts instance.
+         *
+         * Position setting is also carried out here.
+         *
+         * + [parallelAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis)
+         *
+         * This is axis configuration.
+         * Multiple axes are needed in parallel coordinates.
+         *
+         * [parallelAxis.parallelIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis.parallelIndex)
+         * is used to specify which coordinate system this axis belongs to.
+         * The first coordinate system is used by default.
+         *
+         * + [series-parallel](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         * This is the definition of parallel series, which will be drawn on
+         * parallel coordinate system.
+         *
+         * [parallelAxis.parallelIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis.parallelIndex)
+         * is used to specify which coordinate system this axis belongs to.
+         * The first coordinate system is used by default.
+         *
+         * * * *
+         *
+         * **Notes and Best Practices**
+         *
+         * When configuring multiple
+         * [parallelAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis)
+         * , there might be some common attributes in each axis configuration.
+         * To avoid writing them repeatly, they can be put under
+         * [parallel.parallelAxisDefault](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel.parallelAxisDefault)
+         * . Before initializing axis, configurations in
+         * [parallel.parallelAxisDefault](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel.parallelAxisDefault)
+         * will be merged into
+         * [parallelAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallelAxis)
+         * to generate the final axis configuration.
+         *
+         * **If data is too large and cause bad performance**
+         *
+         * It is suggested to set
+         * [series-parallel.lineStyle.width](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.width)
+         * to be `0.5`
+         * (or less), which may improve performance significantly.
+         *
+         * * * *
+         *
+         * **Display High-Dimension Data**
+         *
+         * When dimension number is extremely large, say, more than 50 dimensions,
+         * there will be more than 50 axes, which may hardly display in a page.
+         *
+         * In this case, you may use
+         * [parallel.axisExpandable](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel.axisExpandable)
+         * to improve the display. See this example:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel
+         */
+        interface SeriesParallel {
+
+            /**
+             * @default
+             * "parallel"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.id
+             */
+            id?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'parallel'`
+             *
+             * Use parallel coordinates, with
+             * [parallelIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallelIndex)
+             * to assign the corresponding parallel coordinate components.
+             *
+             *
+             * @default
+             * "parallel"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [parallel coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#parallel)
+             * to combine with, which is useful for multiple parallel axes in
+             * one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallelIndex
+             */
+            parallelIndex?: number;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.name
+             */
+            name?: string;
+
+            /**
+             * Line style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * Line color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.lineStyle)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @default
+                 * 0.45
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.lineStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.emphasis.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @default
+                     * 2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 0.45
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.emphasis.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * When perform brush selection, the unselected lines will be set
+             * as this transparency rate (which could darken those lines).
+             *
+             *
+             * @default
+             * 0.05
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.inactiveOpacity
+             */
+            inactiveOpacity?: number;
+
+            /**
+             * When perform brush selection, the selected lines will be set
+             * as this transparency rate (which could highlight those lines).
+             *
+             *
+             * @default
+             * 1
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.activeOpacity
+             */
+            activeOpacity?: number;
+
+            /**
+             * Whether to update view in realtime.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.realtime
+             */
+            realtime?: boolean;
+
+            /**
+             * Whether to smooth the line.
+             * It defaults to be `false` and can be set as `true` or the values
+             * from 0 to 1 which indicating the smoothness.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.smooth
+             */
+            smooth?: boolean | number;
+
+            /**
+             * `progressive` specifies the amount of graphic elements that can
+             * be rendered within a frame (about 16ms) if "progressive rendering"
+             * enabled.
+             *
+             * When data amount is from thousand to more than 10 million, it
+             * will take too long time to render all of the graphic elements.
+             * Since ECharts 4, "progressive rendering" is supported in its
+             * workflow, which processes and renders data chunk by chunk alone
+             * with each frame, avoiding to block the UI thread of the browser.
+             *
+             *
+             * @default
+             * 500
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.progressive
+             */
+            progressive?: number;
+
+            /**
+             * If current data amount is over the threshold, "progressive rendering"
+             * is enabled.
+             *
+             *
+             * @default
+             * 3000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.progressiveThreshold
+             */
+            progressiveThreshold?: number;
+
+            /**
+             * Chunk approach, optional values:
+             *
+             * + `'sequential'`: slice data by data index.
+             * + `'mod'`: slice data by mod, which make the data items of each
+             * chunk coming from all over the data, bringing better visual effect
+             * while progressive rendering.
+             *
+             *
+             * @default
+             * "sequential"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.progressiveChunkMode
+             */
+            progressiveChunkMode?: string;
+
+            /**
+             * For example,
+             * [series-parallel.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data)
+             * is the following data:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel)
+             *
+             * In data above, each row is a "data item", and each column represents
+             * a "dimension".
+             * For example, the meanings of columns above are: "data", "AQI",
+             * "PM2.5",
+             * "PM10", "carbon monoxide level", "nitrogen dioxide level", and
+             * "sulfur dioxide level".
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data
+             */
+            data?: (
+                (number | string | SeriesParallel.DataObject)[]
+                | (number | string | SeriesParallel.DataObject)[][]
+            );
+
+            /**
+             * `zlevel` value of all graghical elements in parallel.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in parallel, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "linear"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesParallel {
+            interface DataObject {
+
+                /**
+                 * The name of a data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of a data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.value
+                 */
+                value?: any[];
+
+                /**
+                 * Line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.lineStyle
+                 */
+                lineStyle?: object;
+
+                /**
+                 * Line color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.data)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @default
+                 * 0.45
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.opacity
+                 */
+                opacity?: number;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @default
+                         * 2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.parallel.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 0.45
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-parallel.data.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/pictorial-bar.d.ts b/types/echarts/options/series/pictorial-bar.d.ts
new file mode 100644
index 0000000000..83f19c0d65
--- /dev/null
+++ b/types/echarts/options/series/pictorial-bar.d.ts
@@ -0,0 +1,17964 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **pictorial bar chart**
+         *
+         * Pictorial bar chart is a type of bar chart that custimzed glyph (like
+         * images,
+         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+         * ) can be used instead of rectangular bar.
+         * This kind of chart is usually used in infographic.
+         *
+         * Pictorial bar chart can only be used in
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * with at least 1 category axis.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         * **Layout**
+         *
+         * Basically `pictoialBar` is a type of bar chart, which follows the
+         * bar chart layout.
+         * In `pictorialBar`, each bar is named as `reference bar`, which does
+         * not be shown, but only be used as a reference for layout of pictorial
+         * graphic elements.
+         * Each pictorial graphic element is positioned with respect to its
+         * `reference bar` according to the setting of
+         * [symbolPosition](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPosition)
+         * 、
+         * [symbolOffset](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolOffset)
+         * .
+         *
+         * See the example below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+         * is used to specify the size of graphic elements.
+         *
+         * See the example below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         * **Graphic types**
+         *
+         * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+         * can be
+         *
+         * Graphic elements can be set as 'repeat' or not by
+         * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+         * .
+         *
+         * + If set as `false` (default), a single graphic element is used to
+         * represent a data item.
+         * + If set as `true`, a group of repeat graphic elements are used to
+         * represent a data item.
+         *
+         * See the example below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         * Each graphic element can be basic shape (like `'circle'`, `'rect'`,
+         * ...), or
+         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+         * , or image. See
+         * [symbolType](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolType)
+         * .
+         *
+         * See the example below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         * [symbolClip](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip)
+         * can be used to clip graphic elements。
+         *
+         * See the example below:
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar
+         */
+        interface SeriesPictorialBar {
+
+            /**
+             * @default
+             * "pictorialBar"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * The width of the bar. Adaptive when not specified.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.barWidth
+             */
+            barWidth?: number;
+
+            /**
+             * The maximum width of the bar. Adaptive when not specified.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.barMaxWidth
+             */
+            barMaxWidth?: number;
+
+            /**
+             * The minimum width of bar.
+             * It could be used to avoid the following situation: the interaction
+             * would be affected when the value of some data item is too small.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.barMinHeight
+             */
+            barMinHeight?: number;
+
+            /**
+             * The gap between bars between different series, is a percent value
+             * like `'30%'`, which means `30%` of the bar width.
+             *
+             * Set barGap as `'-100%'` can overlap bars that belong to different
+             * series, which is useful when making a series of bar be background.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * -100%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.barGap
+             */
+            barGap?: string;
+
+            /**
+             * The bar gap of a single series, defaults to be `20%` of the category
+             * gap, can be set as a fixed value.
+             *
+             * In a single coodinate system, this attribute is shared by multiple
+             * `'bar'` series.
+             * This attribute should be set on the last `'bar'` series in the
+             * coodinate system, then it will be adopted by all `'bar'` series
+             * in the coordinate system.
+             *
+             *
+             * @default
+             * '20%'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.barCategoryGap
+             */
+            barCategoryGap?: string;
+
+            /**
+             * Specify the type of graphic elements.
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbol)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbol)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbol
+             */
+            symbol?: string;
+
+            /**
+             * Symbol size.
+             *
+             * It can be set as a array, which means \[width, height\].
+             * For example, `[20, 10]` means width `20` and height `10`.
+             * It can also be set as a single number, like `10`, which is equivalent
+             * to `[10, 10]`.
+             *
+             * Absolute value can be used (like `10`), or percent value can
+             * be used (like `'120%'`, `['55%', 23]`).
+             *
+             * When percent value is used, final size of the graphic element
+             * is calculated based on its
+             * [reference bar](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+             * .
+             *
+             * For example, there is a reference bar based on x axis (that is,
+             * it is a vertical bar), and
+             * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+             * is set as `['30%', '50%']`, the final size of its graphic elements
+             * is:
+             *
+             * + width: `<width of reference bar> * 30%`。
+             * + height:
+             * + If
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used: `<height of reference bar> * 50%`.
+             * + If
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is not used: `<height of reference bar> * 50%`.
+             *
+             * Analogously, the case that based on y axis can be obtained by
+             * exchanging them.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolSize)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * ['100%', '100%']
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize
+             */
+            symbolSize?: any[] | number;
+
+            /**
+             * Specify the location of the graphic elements.
+             * Optional values:
+             *
+             * + `'start'`: The edge of graphic element inscribes with the start
+             * of the reference bar.
+             * + `'end'`: The edge of graphic element inscribes with the end
+             * of the reference bar.
+             * + `'center'`: The graphic element is at the center of the reference
+             * bar.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPosition)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPosition)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * "start"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPosition
+             */
+            symbolPosition?: string;
+
+            /**
+             * Specify the offset of graphic element according to its original
+             * position.
+             * Adopting `symbolOffset` is the final step in layout, which enables
+             * adjustment of graphic element position.
+             *
+             * A absolute value can be set (like `10`), or a percent value can
+             * be set (like `'120%'`、`['55%', 23]`), which is based on its
+             * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+             * .
+             *
+             * For example, `[0, '-50%']` means the graphic element will be
+             * adjusted upward half of the size of itself.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolOffset)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolOffset)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * The degree of the rotation of a graphic element.
+             *
+             * Notice, `symbolRotate` will not affect the position of the graphic
+             * element, but just rotating by its center.
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRotate)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRotate)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to repeat a graphic element. Optional values:
+             *
+             * + `false`/`null`/`undefined`: Do not repeat, that is, each graphic
+             * element represents a data item.
+             * + `true`: Repeat, that is, a group of repeated graphic elements
+             * represent a data item.
+             * The repeat times is calculated according to
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data)
+             * .
+             * + a number: Repeat, that is a group of repeated graphic elements
+             * represent a data item.
+             * The repeat times is always the given number.
+             * + `'fixed'`: Repeat, that is a group of repeated graphic elements
+             * represent a data item.
+             * The repeat times is calcuated according to
+             * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+             * , that is, the repeat times has nothing to do with
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data)
+             *
+             *
+             * The setting is useful when graphic elements are used as background.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeat)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat
+             */
+            symbolRepeat?: boolean | number | string;
+
+            /**
+             * When
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used, `symbolRepeatDirection` specifies the render order of
+             * the repeatd graphic elements.
+             * The setting is useful in these cases below:
+             *
+             * + If
+             * [symbolMargin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+             * is set as a negative value, repeated elements will overlap with
+             * each other.
+             * `symbolRepeatDirection` can be used to specify the order of overlap.
+             *
+             * + If
+             * [animationDelay](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDelay)
+             * or
+             * [animationDelayUpdate](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDelayUpdate)
+             * is used, `symbolRepeatDirection` specifies the order of index.
+             *
+             * Optional values can be `'start'` and `'end'`.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeatDirection)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeatDirection)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * "start"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeatDirection
+             */
+            symbolRepeatDirection?: string;
+
+            /**
+             * Specify margin of both sides of a graphic element.
+             * ("both sides" means the two sides in the direction of its value
+             * axis). It works only when
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used.
+             *
+             * Absolute value can be used (like `20`), or percent value can
+             * be used (like `'-30%'`), which is based on its
+             * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+             * .
+             *
+             * `symbolMargin` can be positive value or negative value, which
+             * enables overlap of graphic elements when
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used.
+             *
+             * A `"!"` can be appended on the end of the value, like `"30%!"`
+             * or `25!`, which means a extra blank will be added on the both
+             * ends, otherwise the graphic elements on both ends will reach
+             * the boundary by default.
+             *
+             * Notice:
+             *
+             * + When
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is `true`/`'fixed'`: The given `symbolMargin` is just a reference
+             * value.
+             * The final gap of graphic elements will be calculated according
+             * to
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * , `symbolMargin` and
+             * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+             * .
+             * + When
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is set as a number: `symbolMargin` does not work any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolMargin)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin
+             */
+            symbolMargin?: number | string;
+
+            /**
+             * Whether to clip graphic elements.
+             *
+             * + `false`/null/undefined: The whole graphic elements represent
+             * the size of value.
+             * + `true`: The clipped graphic elements reperent the size of value.
+             *
+             * `symbolClip` is usually used in this case: both "amont value"
+             * and "current value" should be displayed.
+             * In this case, tow series can be used.
+             * One for background, using complete graphic elements, while another
+             * for current value, using clipped graphic elements.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Notice, in the example above,
+             *
+             * + The same
+             * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.pictorialBar.symbolBoundingData)
+             * is used in "background series" and "current value seires", which
+             * makes their graphic elements are the same size.
+             * + A bigger
+             * [z](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.pictorialBar.z)
+             * is set on "current value series", which makes it is over "background
+             * series".
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolClip)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip
+             */
+            symbolClip?: boolean;
+
+            /**
+             * Defines a bounding area availble for the graphic elements.
+             * This setting gives a data, which will then be translated to a
+             * coordinate on the coordinate system.
+             * The coordinate specifies the bounding.
+             * Namely, if `symbolBoundingData` is set, the final size (or layout)
+             * of the graphic elements depend on the `symbolBoundingData`.
+             *
+             * When reference bar is horizontal, `symbolBoundingData` is coresponding
+             * to x axis, while reference bar is vertical, `symbolBoundingData`
+             * is coresponding to y axis.
+             *
+             * Rule:
+             *
+             * + If
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is not used:
+             *
+             * `symbolBoundingData` is the same as the size of reference bar
+             * by default.
+             * The size of the graphic element is detemined by `symbolBoundingData`.
+             * For example, if reference bar is vertical, its data is `24`,
+             * `symbolSize` is set as `[30, '50%']`, `symbolBoundingData` is
+             * set as `124`, the final size of the graphic element will be `124
+             * * 50% = 62`.
+             * If `symbolBoundingData` is not set, the final size will be `24
+             * * 50% = 12`.
+             *
+             * + If
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used:
+             *
+             * `symbolBoundingData` is the extreme value of the coordinate system.
+             * `symbolBoundingData` defines a bounding area, where repeated
+             * graphic elements layout according to
+             * [symbolMargin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+             * and
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * and
+             * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+             *
+             *
+             * Both these settings determine the gap size of the repeated graphic
+             * elements.
+             *
+             * `symbolBoundingData` is usually used in these cases:
+             *
+             * + When
+             * [symbolCilp](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip)
+             * is used:
+             *
+             * And a series is used to display "amont value", while another
+             * series is used to display "current value".
+             * `symbolBoundingData` can be used to ensure that the graphic elements
+             * of these two series are at the same size.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * + When
+             * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+             * is used:
+             *
+             * `symbolBoundingData` can be use to ensure the gaps of the elements
+             * in different bars are the same.
+             * Of cource, you can do not set `symbolBoundingData`, whose default
+             * value is a stable value (extreme value of the coordinate system).
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * `symbolBoundingData` can also be an array, such as `[-40, 60]`,
+             * which specifies both negative and positive symbolBoundingData.
+             *
+             * Check this example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolBoundingData)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData
+             */
+            symbolBoundingData?: number;
+
+            /**
+             * Image can be used as the pattern of graphic elements.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * `symbolPatternSize` specifies the size of pattern image.
+             * For example, if `symbolPatternSize` is `400`, the pattern image
+             * will be displayed at the size of `400px * 400px`.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPatternSize)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPatternSize)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * 400
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPatternSize
+             */
+            symbolPatternSize?: number;
+
+            /**
+             * Whether to enable hover animation.
+             *
+             * This attribute can be set at the
+             * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation)
+             * , where all data items in the series will be affected by this
+             * attribute. And this attribute can also be set at
+             * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.hoverAnimation)
+             * in
+             * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+             * , where only the data item is affected by this attribute.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation
+             */
+            hoverAnimation?: {
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Specify the delay time before animation start.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Specify the delay time before update animation.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.hoverAnimation)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.encode
+             */
+            encode?: object;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data
+             */
+            data?: (
+                (void | number | string | SeriesPictorialBar.DataObject)[]
+                | (void | number | string | SeriesPictorialBar.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in pictorial bar chart.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in pictorial bar chart, which
+             * controls order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationEasingUpdate
+             */
+            animationEasingUpdate?: {
+
+                /**
+                 * Specify the delay time before animation start.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.animationEasingUpdate)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.animationEasingUpdate)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationEasingUpdate.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Specify the delay time before update animation.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.animationEasingUpdate)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.animationEasingUpdate)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationEasingUpdate.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesPictorialBar {
+            interface DataObject {
+
+                /**
+                 * The name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of a single data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Specify the type of graphic elements.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbol)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbol)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * "circle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * Symbol size.
+                 *
+                 * It can be set as a array, which means \[width, height\].
+                 * For example, `[20, 10]` means width `20` and height `10`.
+                 * It can also be set as a single number, like `10`, which is
+                 * equivalent to `[10, 10]`.
+                 *
+                 * Absolute value can be used (like `10`), or percent value
+                 * can be used (like `'120%'`, `['55%', 23]`).
+                 *
+                 * When percent value is used, final size of the graphic element
+                 * is calculated based on its
+                 * [reference bar](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar)
+                 * .
+                 *
+                 * For example, there is a reference bar based on x axis (that
+                 * is, it is a vertical bar), and
+                 * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+                 * is set as `['30%', '50%']`, the final size of its graphic
+                 * elements is:
+                 *
+                 * + width: `<width of reference bar> * 30%`。
+                 * + height:
+                 * + If
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used: `<height of reference bar> * 50%`.
+                 * + If
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is not used: `<height of reference bar> * 50%`.
+                 *
+                 * Analogously, the case that based on y axis can be obtained
+                 * by exchanging them.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolSize)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * ['100%', '100%']
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Specify the location of the graphic elements.
+                 * Optional values:
+                 *
+                 * + `'start'`: The edge of graphic element inscribes with the
+                 * start of the reference bar.
+                 * + `'end'`: The edge of graphic element inscribes with the
+                 * end of the reference bar.
+                 * + `'center'`: The graphic element is at the center of the
+                 * reference bar.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPosition)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPosition)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * "start"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPosition
+                 */
+                symbolPosition?: string;
+
+                /**
+                 * Specify the offset of graphic element according to its original
+                 * position.
+                 * Adopting `symbolOffset` is the final step in layout, which
+                 * enables adjustment of graphic element position.
+                 *
+                 * A absolute value can be set (like `10`), or a percent value
+                 * can be set (like `'120%'`、`['55%', 23]`), which is based
+                 * on its
+                 * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+                 * .
+                 *
+                 * For example, `[0, '-50%']` means the graphic element will
+                 * be adjusted upward half of the size of itself.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolOffset)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolOffset)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * The degree of the rotation of a graphic element.
+                 *
+                 * Notice, `symbolRotate` will not affect the position of the
+                 * graphic element, but just rotating by its center.
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRotate)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRotate)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to repeat a graphic element. Optional values:
+                 *
+                 * + `false`/`null`/`undefined`: Do not repeat, that is, each
+                 * graphic element represents a data item.
+                 * + `true`: Repeat, that is, a group of repeated graphic elements
+                 * represent a data item.
+                 * The repeat times is calculated according to
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data)
+                 * .
+                 * + a number: Repeat, that is a group of repeated graphic elements
+                 * represent a data item.
+                 * The repeat times is always the given number.
+                 * + `'fixed'`: Repeat, that is a group of repeated graphic
+                 * elements represent a data item.
+                 * The repeat times is calcuated according to
+                 * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+                 * , that is, the repeat times has nothing to do with
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data)
+                 *
+                 *
+                 * The setting is useful when graphic elements are used as background.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeat)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeat
+                 */
+                symbolRepeat?: boolean | number | string;
+
+                /**
+                 * When
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used, `symbolRepeatDirection` specifies the render order
+                 * of the repeatd graphic elements.
+                 * The setting is useful in these cases below:
+                 *
+                 * + If
+                 * [symbolMargin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+                 * is set as a negative value, repeated elements will overlap
+                 * with each other.
+                 * `symbolRepeatDirection` can be used to specify the order
+                 * of overlap.
+                 *
+                 * + If
+                 * [animationDelay](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDelay)
+                 * or
+                 * [animationDelayUpdate](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.animationDelayUpdate)
+                 * is used, `symbolRepeatDirection` specifies the order of index.
+                 *
+                 * Optional values can be `'start'` and `'end'`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeatDirection)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeatDirection)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * "start"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolRepeatDirection
+                 */
+                symbolRepeatDirection?: string;
+
+                /**
+                 * Specify margin of both sides of a graphic element.
+                 * ("both sides" means the two sides in the direction of its
+                 * value axis). It works only when
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used.
+                 *
+                 * Absolute value can be used (like `20`), or percent value
+                 * can be used (like `'-30%'`), which is based on its
+                 * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+                 * .
+                 *
+                 * `symbolMargin` can be positive value or negative value, which
+                 * enables overlap of graphic elements when
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used.
+                 *
+                 * A `"!"` can be appended on the end of the value, like `"30%!"`
+                 * or `25!`, which means a extra blank will be added on the
+                 * both ends, otherwise the graphic elements on both ends will
+                 * reach the boundary by default.
+                 *
+                 * Notice:
+                 *
+                 * + When
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is `true`/`'fixed'`: The given `symbolMargin` is just a reference
+                 * value.
+                 * The final gap of graphic elements will be calculated according
+                 * to
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * , `symbolMargin` and
+                 * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+                 * .
+                 * + When
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is set as a number: `symbolMargin` does not work any more.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolMargin)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolMargin
+                 */
+                symbolMargin?: number | string;
+
+                /**
+                 * Whether to clip graphic elements.
+                 *
+                 * + `false`/null/undefined: The whole graphic elements represent
+                 * the size of value.
+                 * + `true`: The clipped graphic elements reperent the size
+                 * of value.
+                 *
+                 * `symbolClip` is usually used in this case: both "amont value"
+                 * and "current value" should be displayed.
+                 * In this case, tow series can be used.
+                 * One for background, using complete graphic elements, while
+                 * another for current value, using clipped graphic elements.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * Notice, in the example above,
+                 *
+                 * + The same
+                 * [symbolBoundingData](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.pictorialBar.symbolBoundingData)
+                 * is used in "background series" and "current value seires",
+                 * which makes their graphic elements are the same size.
+                 * + A bigger
+                 * [z](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.pictorialBar.z)
+                 * is set on "current value series", which makes it is over
+                 * "background series".
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolClip)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolClip
+                 */
+                symbolClip?: boolean;
+
+                /**
+                 * Defines a bounding area availble for the graphic elements.
+                 * This setting gives a data, which will then be translated
+                 * to a coordinate on the coordinate system.
+                 * The coordinate specifies the bounding.
+                 * Namely, if `symbolBoundingData` is set, the final size (or
+                 * layout) of the graphic elements depend on the `symbolBoundingData`.
+                 *
+                 * When reference bar is horizontal, `symbolBoundingData` is
+                 * coresponding to x axis, while reference bar is vertical,
+                 * `symbolBoundingData` is coresponding to y axis.
+                 *
+                 * Rule:
+                 *
+                 * + If
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is not used:
+                 *
+                 * `symbolBoundingData` is the same as the size of reference
+                 * bar by default.
+                 * The size of the graphic element is detemined by `symbolBoundingData`.
+                 * For example, if reference bar is vertical, its data is `24`,
+                 * `symbolSize` is set as `[30, '50%']`, `symbolBoundingData`
+                 * is set as `124`, the final size of the graphic element will
+                 * be `124 * 50% = 62`.
+                 * If `symbolBoundingData` is not set, the final size will be
+                 * `24 * 50% = 12`.
+                 *
+                 * + If
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used:
+                 *
+                 * `symbolBoundingData` is the extreme value of the coordinate
+                 * system.
+                 * `symbolBoundingData` defines a bounding area, where repeated
+                 * graphic elements layout according to
+                 * [symbolMargin](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolMargin)
+                 * and
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * and
+                 * [symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolSize)
+                 *
+                 *
+                 * Both these settings determine the gap size of the repeated
+                 * graphic elements.
+                 *
+                 * `symbolBoundingData` is usually used in these cases:
+                 *
+                 * + When
+                 * [symbolCilp](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolClip)
+                 * is used:
+                 *
+                 * And a series is used to display "amont value", while another
+                 * series is used to display "current value".
+                 * `symbolBoundingData` can be used to ensure that the graphic
+                 * elements of these two series are at the same size.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * + When
+                 * [symbolRepeat](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolRepeat)
+                 * is used:
+                 *
+                 * `symbolBoundingData` can be use to ensure the gaps of the
+                 * elements in different bars are the same.
+                 * Of cource, you can do not set `symbolBoundingData`, whose
+                 * default value is a stable value (extreme value of the coordinate
+                 * system).
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * `symbolBoundingData` can also be an array, such as `[-40,
+                 * 60]`, which specifies both negative and positive symbolBoundingData.
+                 *
+                 * Check this example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolBoundingData)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolBoundingData)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolBoundingData
+                 */
+                symbolBoundingData?: number;
+
+                /**
+                 * Image can be used as the pattern of graphic elements.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * `symbolPatternSize` specifies the size of pattern image.
+                 * For example, if `symbolPatternSize` is `400`, the pattern
+                 * image will be displayed at the size of `400px * 400px`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.symbolPatternSize)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPatternSize)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * 400
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.symbolPatternSize
+                 */
+                symbolPatternSize?: number;
+
+                /**
+                 * Specify the relationship of overlap between gaphic elements.
+                 * A bigger value means higher.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.z
+                 */
+                z?: number;
+
+                /**
+                 * Whether to enable hover animation.
+                 *
+                 * This attribute can be set at the
+                 * [root level of a series](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.hoverAnimation)
+                 * , where all data items in the series will be affected by
+                 * this attribute. And this attribute can also be set at
+                 * [each data item](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.hoverAnimation)
+                 * in
+                 * [series-pictorialBar.data](https://ecomfe.github.io/echarts-doc/public/en/option.htmlseries-pictorialBar.data)
+                 * , where only the data item is affected by this attribute.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.hoverAnimation
+                 */
+                hoverAnimation?: boolean;
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Specify the delay time before animation start.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Specify the delay time before update animation.
+                 * Callback function can be used, where different delay time
+                 * can be used on different element.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+
+                /**
+                 * The style setting of the text label in a single bar.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.pictorialBar.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pictorialBar.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/pie.d.ts b/types/echarts/options/series/pie.d.ts
new file mode 100644
index 0000000000..4abc6db90c
--- /dev/null
+++ b/types/echarts/options/series/pie.d.ts
@@ -0,0 +1,16224 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **pie chart**
+         *
+         * The pie chart is mainly used for showing proportion of different
+         * categories.
+         * Each arc length represents the proportion of data quantity.
+         *
+         * **Tip:** The pie chart is more suitable for illustrating the numerical
+         * proportion.
+         * If you just to present the numerical differences of various categories,
+         * the
+         * [bar graph](https://ecomfe.github.io/echarts-doc/public/en/option.htmlbar)
+         * chart is more suggested.
+         * Because compared to tiny length difference, people is less sensitive
+         * to the minor radian difference.
+         * Otherwise, it can also be shown as Nightingale chart by using the
+         * [roseType](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.roseType)
+         * to distinguish different data through radius.
+         *
+         * **The below example shows a customized Nightingale chart:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie
+         */
+        interface SeriesPie {
+
+            /**
+             * @default
+             * "pie"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.name
+             */
+            name?: string;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Whether to enable the zoom animation effects when hovering sectors.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * The offset distance of hovered sector.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.hoverOffset
+             */
+            hoverOffset?: number;
+
+            /**
+             * Selected mode of pie.
+             * It is enabled by default, and you may set it to be `false` to
+             * disabled it.
+             *
+             * Besides, it can be set to `'single'` or `'multiple'`, for single
+             * selection and multiple selection.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.selectedMode
+             */
+            selectedMode?: boolean | string;
+
+            /**
+             * The offset distance of selected sector.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.selectedOffset
+             */
+            selectedOffset?: number;
+
+            /**
+             * Whether the layout of sectors of pie chart is clockwise.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.clockwise
+             */
+            clockwise?: boolean;
+
+            /**
+             * The start angle, which range is \[0, 360\].
+             *
+             *
+             * @default
+             * 90
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.startAngle
+             */
+            startAngle?: number;
+
+            /**
+             * The minimum angle of sector (0 ~ 360).
+             * It prevents some sector from being too small when value is small,
+             * which will affect user interaction.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.minAngle
+             */
+            minAngle?: number;
+
+            /**
+             * Whether to show as Nightingale chart, which distinguishs data
+             * through radius. There are 2 optional modes:
+             *
+             * + `'radius'` Use central angle to show the percentage of data,
+             * radius to show data size.
+             * + `'area'` All the sectors will share the same central angle,
+             * the data size is shown only through radiuses.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.roseType
+             */
+            roseType?: boolean | string;
+
+            /**
+             * Whether to enable the strategy to avoid labels overlap.
+             * Defaults to be enabled, which will move the label positions in
+             * the case of labels overlapping
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.avoidLabelOverlap
+             */
+            avoidLabelOverlap?: boolean;
+
+            /**
+             * Whether to show sector when all data are zero.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.stillShowZeroSum
+             */
+            stillShowZeroSum?: boolean;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Text label of pie chart, to explain some data information about
+             * graphic item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label
+             */
+            label?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The position of label.
+                 *
+                 * **Options:**
+                 *
+                 * + `'outside'`
+                 *
+                 * Outside of sectors of pie chart, which relates to corresponding
+                 * sector through
+                 * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine)
+                 * .
+                 *
+                 * + `'inside'`
+                 *
+                 * Inside the sectors of pie chart.
+                 *
+                 * + `'inner'` is the same with `'inside'`.
+                 *
+                 * + `'center'`
+                 *
+                 * In the center of pie chart. See
+                 * [pie-doughnut example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut)
+                 *
+                 *
+                 * @default
+                 * "outside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.position
+                 */
+                position?: string;
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * The style of visual guide line. Will show when
+             * [label position](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.label.position)
+             * is set as `'outside'`.
+             *
+             * The style of visual guide line.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine
+             */
+            labelLine?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * Whether to show the visual guide ine.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.show
+                 */
+                show?: boolean;
+
+                /**
+                 * The length of the first segment of visual guide line.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.length
+                 */
+                length?: number;
+
+                /**
+                 * The length of the second segment of visual guide line.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.length2
+                 */
+                length2?: number;
+
+                /**
+                 * Whether to smooth the visual guide line.
+                 * It defaults to be `false` and can be set as `true` or the
+                 * values from 0 to 1 which indicating the smoothness.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.smooth
+                 */
+                smooth?: boolean | number;
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.labelLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.labelLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The style of visual guide line in emphasis status.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * Whether to show the visual guide line in emphasis status.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.labelLine.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.labelLine.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle
+             */
+            itemStyle?: {
+                /**
+                 * Some properties like "normal" or "emphasis" are not documented.
+                 * Please, write description for them
+                 */
+                [unknownProperty: string]: any;
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.z
+             */
+            z?: number;
+
+            /**
+             * Center position of Pie chart, the first of which is the horizontal
+             * position, and the second is the vertical position.
+             *
+             * Percentage is supported.
+             * When set in percentage, the item is relative to the container
+             * width, and the second item to the height.
+             *
+             * **Example:**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             *
+             * @default
+             * ['50%', '50%']
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.center
+             */
+            center?: any[];
+
+            /**
+             * Radius of Pie chart. Value can be:
+             *
+             * + `number`: Specify outside radius directly.
+             * + `string`: For example, `'20%'`, means that the outside radius
+             * is 20% of the viewport size (the little one between width and
+             * height of the chart container).
+             * + `Array.<number|string>`:
+             * The first item specifies the inside radius, and the second item
+             * specifies the outside radius.
+             * Each item follows the definitions above.
+             *
+             * You can set a large inner radius for a Donut chart.
+             *
+             *
+             * @default
+             * [0, '75%']
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.radius
+             */
+            radius?: any[] | number | string;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be a single data value, like:
+             *
+             * ```
+             * [12, 34, 56, 10, 23]
+             *
+             * ```
+             *
+             * Or, if need extra dimensions for components like
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * to map to graphic attributes like color, it can also be in the
+             * form of array. For example:
+             *
+             * ```
+             * [[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]
+             *
+             * ```
+             *
+             * In this case, we can assgin the second value in each arrary item
+             * to
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * component.
+             *
+             * More likely, we need to assign name to each data item, in which
+             * case each item should be an object:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             * Each data item can be further custerized:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data
+             */
+            data?: (
+                number[]
+                | number[][]
+                | SeriesPie.DataObject[]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Initial animation type.
+             *
+             * + `'expansion'` Default expansion animation.
+             * + `'scale'` Scale animation.
+             * You can use it with `animationEasing='elasticOut'` to have popup
+             * effect.
+             *
+             *
+             * @default
+             * "expansion"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationType
+             */
+            animationType?: string;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesPie {
+            interface DataObject {
+
+                /**
+                 * The name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Data value.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Whether the data item is selected.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.selected
+                 */
+                selected?: boolean;
+
+                /**
+                 * The label configuration of a single sector.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label
+                 */
+                label?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * The position of label.
+                     *
+                     * **Options:**
+                     *
+                     * + `'outside'`
+                     *
+                     * Outside of sectors of pie chart, which relates to corresponding
+                     * sector through
+                     * [visual guide line](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.labelLine)
+                     * .
+                     *
+                     * + `'inside'`
+                     *
+                     * Inside the sectors of pie chart.
+                     *
+                     * + `'inner'` is the same with `'inside'`.
+                     *
+                     * + `'center'`
+                     *
+                     * In the center of pie chart. See
+                     * [pie-doughnut example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut)
+                     *
+                     *
+                     * @default
+                     * "outside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * The style of visual guide line.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine
+                 */
+                labelLine?: {
+
+                    /**
+                     * Whether to show the visual guide ine.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * The length of the first segment of visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.length
+                     */
+                    length?: number;
+
+                    /**
+                     * The length of the second segment of visual guide line.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.length2
+                     */
+                    length2?: number;
+
+                    /**
+                     * Whether to smooth the visual guide line.
+                     * It defaults to be `false` and can be set as `true` or
+                     * the values from 0 to 1 which indicating the smoothness.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.smooth
+                     */
+                    smooth?: boolean | number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.labelLine.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.labelLine.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * The style of visual guide line in emphasis status.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show the visual guide line in emphasis
+                         * status.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.labelLine.emphasis.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.labelLine.emphasis.lineStyle.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Graphic style of , `emphasis` is the style when it is highlighted,
+                 * like being hovered by mouse, or highlighted via legend connect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.pie.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/radar.d.ts b/types/echarts/options/series/radar.d.ts
new file mode 100644
index 0000000000..6b0c3ea63e
--- /dev/null
+++ b/types/echarts/options/series/radar.d.ts
@@ -0,0 +1,5585 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **radar chart**
+         *
+         * Radar chart is mainly used to show multi-variable data, such as the
+         * analysis of a football player's varied attributes. It relies
+         * [radar](https://ecomfe.github.io/echarts-doc/public/en/option.html#radar)
+         * component.
+         *
+         * Here is the example of AQI data which is presented in radar chart.
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar
+         */
+        interface SeriesRadar {
+
+            /**
+             * @default
+             * "radar"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.name
+             */
+            name?: string;
+
+            /**
+             * Index of
+             * [radar](https://ecomfe.github.io/echarts-doc/public/en/option.html#radar)
+             * component that radar chart uses.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radarIndex
+             */
+            radarIndex?: number;
+
+            /**
+             * Symbol of .
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.symbol
+             */
+            symbol?: string;
+
+            /**
+             * symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             * If size of symbols needs to be different, you can set with callback
+             * function in the following format:
+             *
+             * ```
+             * (value: Array|number, params: Object) => number|Array
+             *
+             * ```
+             *
+             * The first parameter `value` is the value in
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data)
+             * , and the second parameter `params` is the rest parameters of
+             * data item.
+             *
+             *
+             * @default
+             * 4
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.symbolSize
+             */
+            symbolSize?: any[] | Function | number;
+
+            /**
+             * Rotate degree of symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of symbol relative to original position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "top"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Item style of the inflection point of the lines.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * Line style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * Line color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.lineStyle)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * line width.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * line type.
+                 *
+                 * Options are:
+                 *
+                 * + `'solid'`
+                 * + `'dashed'`
+                 * + `'dotted'`
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.type
+                 */
+                type?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.lineStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * Area filling style.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle
+             */
+            areaStyle?: {
+
+                /**
+                 * Fill color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.areaStyle)
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.areaStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.areaStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle
+                 */
+                areaStyle?: {
+
+                    /**
+                     * Fill color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.areaStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.emphasis.areaStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.emphasis.areaStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * The data in radar chart is multi-variable (dimension).
+             * Here is an example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             * Among them, `value` item array contains data that is corresponding
+             * to
+             * [radar.indicator](https://ecomfe.github.io/echarts-doc/public/en/option.html#radar.indicator)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data
+             */
+            data?: SeriesRadar.DataObject[];
+
+            /**
+             * `zlevel` value of all graghical elements in radar chart.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in radar chart, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesRadar {
+            interface DataObject {
+
+                /**
+                 * Data item name
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Numerical value of a single data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.value
+                 */
+                value?: number | number[];
+
+                /**
+                 * Symbol of single data.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data)
+                 *
+                 *
+                 * @default
+                 * "circle"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * single data symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @default
+                 * 4
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of single data symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of single data symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Style setting of the text on single inflection point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "top"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style setting of the symbol on single inflection point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * Bar color..
+                     *
+                     *
+                     * @default
+                     * "auto"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The bodrder color of bar.
+                     *
+                     *
+                     * @default
+                     * '#000'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.barBorderColor
+                     */
+                    barBorderColor?: string;
+
+                    /**
+                     * The bodrder width of bar. defaults to have no border.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.barBorderWidth
+                     */
+                    barBorderWidth?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Line style of a single item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.lineStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Area filling style of a single item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle
+                 */
+                areaStyle?: {
+
+                    /**
+                     * Fill color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.areaStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.areaStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.areaStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "top"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * Bar color..
+                         *
+                         *
+                         * @default
+                         * "auto"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * The bodrder color of bar.
+                         *
+                         *
+                         * @default
+                         * '#000'
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.barBorderColor
+                         */
+                        barBorderColor?: string;
+
+                        /**
+                         * The bodrder width of bar.
+                         * defaults to have no border.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.barBorderWidth
+                         */
+                        barBorderWidth?: number;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle
+                     */
+                    areaStyle?: {
+
+                        /**
+                         * Fill color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.areaStyle)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.emphasis.areaStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.emphasis.areaStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.radar.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-radar.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/sankey.d.ts b/types/echarts/options/series/sankey.d.ts
new file mode 100644
index 0000000000..a845ff2161
--- /dev/null
+++ b/types/echarts/options/series/sankey.d.ts
@@ -0,0 +1,5259 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Sankey Graphs**
+         *
+         * Sankey diagram is a specific type of streamgraphs(can also be seen
+         * as a directed acyclic graph).
+         * In which the width of each branch is shown proportionally to the
+         * flow quantity.
+         * These graphs are typically used to visualize energy or material or
+         * cost transfers between processes.
+         * They can also visualize the energy accounts, material flow accounts
+         * on a regional or national level, and also the breakdown of cost of
+         * item or services.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey)
+         *
+         * **Visual Encoding:**
+         *
+         * The sankey graphs encodes each `node` of the raw data into a small
+         * rectangular.
+         * And different nodes are presented in different colors as far as possible.
+         * The `label` next to the small rectangular, which encoding the name
+         * of the node.
+         *
+         * In addition, the edge between two small rectangulars in the graph
+         * encoding the `link` of the raw data.
+         * The width of edge is shown proportionally to the `value` of `link`.
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey
+         */
+        interface SeriesSankey {
+
+            /**
+             * @default
+             * "sankey"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.id
+             */
+            id?: string;
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.z
+             */
+            z?: number;
+
+            /**
+             * Distance between sankey component and the left side of the container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between sankey component and the top side of the container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between sankey component and the right side of the container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 20%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between sankey component and the bottom side of the
+             * container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * Width of sankey component.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.width
+             */
+            width?: number | string;
+
+            /**
+             * Height of sankey component.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.height
+             */
+            height?: number | string;
+
+            /**
+             * The node width of rectangle in graph.
+             *
+             *
+             * @default
+             * 20
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.nodeWidth
+             */
+            nodeWidth?: number;
+
+            /**
+             * The gap between any two rectangles in each column from the graph.
+             *
+             *
+             * @default
+             * 8
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.nodeGap
+             */
+            nodeGap?: number;
+
+            /**
+             * The iterations of layout, which is used to continuously optimize
+             * the positions of nodes in graph, decreasing the overlapping between
+             * nodes and edges.
+             *
+             * The default iterations of layout: `32`.
+             *
+             * The test shows that iterations of layout could not be less than
+             * the default value.
+             *
+             *
+             * @default
+             * 32
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.layoutIterations
+             */
+            layoutIterations?: number;
+
+            /**
+             * The layout direction of the nodes in the Sankey diagram, which
+             * can be horizontal from left to right or vertical from top to
+             * bottom.
+             * The corresponding parameter values ​​are `horizontal` or `vertical`.
+             *
+             *
+             * @default
+             * "horizontal"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.orient
+             */
+            orient?: string;
+
+            /**
+             * The drag-and-drop interaction of the node, which is enabled by
+             * default.
+             * After opening, the user can drag any node in the Sankey diagram
+             * to any position.
+             * To turn this interaction off, simply set the value to `false`.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.draggable
+             */
+            draggable?: boolean;
+
+            /**
+             * Support when mouse hovering over a node or an edge, the adjacent
+             * nodes and edges are also highlighted.
+             * Default off, can be manually opened.
+             *
+             * Optional values:
+             *
+             * + `false`: When hovering over a node or an edge, only the hovered
+             * node or edge is highlighted.
+             * + `true`: the same as `'allEdges'`.
+             * + `'allEdges'`: When hovering over a node, all of the adjacent
+             * edges and nodes are highlighted.
+             * When hovering over an edge, the adjacent nodes are highlighted.
+             * + `'outEdges'`: When hovering over a node, the outcoming edges
+             * and its adjacent nodes are highlighted.
+             * When hovering over an edge, the adjacent nodes are highlighted.
+             * + `'inEdges'`: When hovering over a node, the incoming edges
+             * and its adjacent nodes are highlighted.
+             * When hovering over an edge, the adjacent nodes are highlighted.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.focusNodeAdjacency
+             */
+            focusNodeAdjacency?: boolean | string;
+
+            /**
+             * `label` describes the text label style in each rectangular node.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "right"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * The style of node rectangle in sankey graphs.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#aaa"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * The line style of sankey graph, in which
+             * [lineStyle.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.color)
+             * can be assigned to the value of `'source'` of `'target'`, then
+             * the edge will automatically take the source node or target node
+             * color as its own color.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * The color of the edge in sankey graphs.
+                 *
+                 *
+                 * @default
+                 * "'#314656"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * The opacity of the edge in sankey graph.
+                 *
+                 *
+                 * @default
+                 * 0.2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.opacity
+                 */
+                opacity?: number;
+
+                /**
+                 * The curveness of the edge in sankey graph.
+                 *
+                 *
+                 * @default
+                 * 0.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.curveness
+                 */
+                curveness?: number;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * The color of the edge in sankey graphs.
+                     *
+                     *
+                     * @default
+                     * "'#314656"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The opacity of the edge in sankey graph.
+                     *
+                     *
+                     * @default
+                     * 0.2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * The curveness of the edge in sankey graph.
+                     *
+                     *
+                     * @default
+                     * 0.5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+                };
+            };
+
+            /**
+             * Data array of series, which can be a single data value, like:
+             *
+             * ```
+             * [12, 34, 56, 10, 23]
+             *
+             * ```
+             *
+             * Or, if need extra dimensions for components like
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * to map to graphic attributes like color, it can also be in the
+             * form of array. For example:
+             *
+             * ```
+             * [[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]
+             *
+             * ```
+             *
+             * In this case, we can assgin the second value in each arrary item
+             * to
+             * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * component.
+             *
+             * More likely, we need to assign name to each data item, in which
+             * case each item should be an object:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             * Each data item can be further custerized:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data
+             */
+            data?: (
+                (number | SeriesSankey.DataObject)[]
+                | (number | SeriesSankey.DataObject)[][]
+            );
+
+            /**
+             * Equals to
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.nodes
+             */
+            nodes?: any[];
+
+            /**
+             * The links between nodes.
+             * **Notes: The Sankey diagram theoretically only supports Directed
+             * Acyclic Graph(DAG), so please make sure that there is no cycle
+             * in the links.** For instance:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links
+             */
+            links?: {
+
+                /**
+                 * The
+                 * [name of source node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.name)
+                 * of edge
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.source
+                 */
+                source?: string;
+
+                /**
+                 * The
+                 * [name of target node](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-graph.data.name)
+                 * of edge
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.target
+                 */
+                target?: string;
+
+                /**
+                 * The value of edge, which decides the width of edge.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.value
+                 */
+                value?: number;
+
+                /**
+                 * The line stlye of edge.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * The color of the edge in sankey graphs.
+                     *
+                     *
+                     * @default
+                     * "'#314656"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The opacity of the edge in sankey graph.
+                     *
+                     *
+                     * @default
+                     * 0.2
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * The curveness of the edge in sankey graph.
+                     *
+                     *
+                     * @default
+                     * 0.5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.links.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle
+                     */
+                    lineStyle?: {
+
+                        /**
+                         * The color of the edge in sankey graphs.
+                         *
+                         *
+                         * @default
+                         * "'#314656"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * The opacity of the edge in sankey graph.
+                         *
+                         *
+                         * @default
+                         * 0.2
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * The curveness of the edge in sankey graph.
+                         *
+                         *
+                         * @default
+                         * 0.5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.curveness
+                         */
+                        curveness?: number;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.links.emphasis.lineStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links.emphasis.lineStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Equals to
+             * [links](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.links)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.edges
+             */
+            edges?: any[];
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "linear"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesSankey {
+            interface DataObject {
+
+                /**
+                 * The name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.value
+                 */
+                value?: any[] | number;
+
+                /**
+                 * The style of this node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The lable style of this node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.sankey.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sankey.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/scatter.d.ts b/types/echarts/options/series/scatter.d.ts
new file mode 100644
index 0000000000..dd2c9f804c
--- /dev/null
+++ b/types/echarts/options/series/scatter.d.ts
@@ -0,0 +1,16830 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * Scatter (bubble) chart . The scatter chart in
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * could be used to present the relation between `x` and `y`.
+         * If data have multiple dimensions, the values of the other dimensions
+         * can be visualized through
+         * [symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbol)
+         * with various sizes and colors, which becomes a bubble chart.
+         * These can be done by using with
+         * [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+         * component.
+         *
+         * It could be used with
+         * [rectangular coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+         * and
+         * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+         * and
+         * [geographical coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+         * .
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter
+         */
+        interface SeriesScatter {
+
+            /**
+             * @default
+             * "scatter"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.name
+             */
+            name?: string;
+
+            /**
+             * The coordinate used in the series, whose options are:
+             *
+             * + `'cartesian2d'`
+             *
+             * Use a two-dimensional rectangular coordinate (also known as Cartesian
+             * coordinate), with
+             * [xAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.xAxisIndex)
+             * and
+             * [yAxisIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.yAxisIndex)
+             * to assign the corresponding axis component.
+             *
+             * + `'polar'`
+             *
+             * Use polar coordinates, with
+             * [polarIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.polarIndex)
+             * to assign the corresponding polar coordinate component.
+             *
+             * + `'geo'`
+             *
+             * Use geographic coordinate, with
+             * [geoIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-bar.geoIndex)
+             * to assign the corresponding geographic coordinate components.
+             *
+             *
+             * @default
+             * "cartesian2d"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * Index of
+             * [x axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * to combine with, which is useful for multiple x axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.xAxisIndex
+             */
+            xAxisIndex?: number;
+
+            /**
+             * Index of
+             * [y axis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * to combine with, which is useful for multiple y axes in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.yAxisIndex
+             */
+            yAxisIndex?: number;
+
+            /**
+             * Index of
+             * [polar coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * to combine with, which is useful for multiple polar axes in one
+             * chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.polarIndex
+             */
+            polarIndex?: number;
+
+            /**
+             * Index of
+             * [geographic coordinate](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * to combine with, which is useful for multiple geographic axes
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.geoIndex
+             */
+            geoIndex?: number;
+
+            /**
+             * Index of
+             * [calendar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#calendar)
+             * to combine with, which is useful for multiple calendar coordinates
+             * in one chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.calendarIndex
+             */
+            calendarIndex?: number;
+
+            /**
+             * Whether to enable the animation effect when mouse is on the symbol.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.hoverAnimation
+             */
+            hoverAnimation?: boolean;
+
+            /**
+             * Whether to enable highlighting chart when
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * is being hovered.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.legendHoverLink
+             */
+            legendHoverLink?: boolean;
+
+            /**
+             * Symbol of .
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             *
+             * @default
+             * "circle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbol
+             */
+            symbol?: string;
+
+            /**
+             * symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             * If size of symbols needs to be different, you can set with callback
+             * function in the following format:
+             *
+             * ```
+             * (value: Array|number, params: Object) => number|Array
+             *
+             * ```
+             *
+             * The first parameter `value` is the value in
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data)
+             * , and the second parameter `params` is the rest parameters of
+             * data item.
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbolSize
+             */
+            symbolSize?: any[] | Function | number;
+
+            /**
+             * Rotate degree of symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of symbol relative to original position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * Whether to enable the optimization of large-scale data.
+             * It could be set when large data causes performance problem.
+             *
+             * After being enabled, `largeThreshold` can be used to indicate
+             * the minimum number for turning on the optimization.
+             *
+             * But when the optimization enabled, the style of single data item
+             * can't be customized any more.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.large
+             */
+            large?: boolean;
+
+            /**
+             * The threshold enabling the drawing optimization.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.largeThreshold
+             */
+            largeThreshold?: number;
+
+            /**
+             * The mouse style when mouse hovers on an element, the same as
+             * `cursor` property in `CSS`.
+             *
+             *
+             * @default
+             * "pointer"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.cursor
+             */
+            cursor?: string;
+
+            /**
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Graphic style of , `emphasis` is the style when it is highlighted,
+             * like being hovered by mouse, or highlighted via legend connect.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.itemStyle)
+                 *
+                 * Supports callback functions, in the form of:
+                 *
+                 * ```
+                 * (params: Object) => Color
+                 *
+                 * ```
+                 *
+                 * Input parameters are `seriesIndex`, `dataIndex`, `data`,
+                 * `value`, and etc. of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.color
+                 */
+                color?: string | Function;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * `progressive` specifies the amount of graphic elements that can
+             * be rendered within a frame (about 16ms) if "progressive rendering"
+             * enabled.
+             *
+             * When data amount is from thousand to more than 10 million, it
+             * will take too long time to render all of the graphic elements.
+             * Since ECharts 4, "progressive rendering" is supported in its
+             * workflow, which processes and renders data chunk by chunk alone
+             * with each frame, avoiding to block the UI thread of the browser.
+             *
+             *
+             * @default
+             * 400
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.progressive
+             */
+            progressive?: number;
+
+            /**
+             * If current data amount is over the threshold, "progressive rendering"
+             * is enabled.
+             *
+             *
+             * @default
+             * 3000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.progressiveThreshold
+             */
+            progressiveThreshold?: number;
+
+            /**
+             * `dimensions` can be used to define dimension info for `series.data`
+             * or `dataset.source`.
+             *
+             * Notice: if
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, we can provide dimension names in the first column/row
+             * of
+             * [dataset.source](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset.source)
+             * , and not need to specify `dimensions` here.
+             * But if `dimensions` is specified here, echarts will not retrieve
+             * dimension names from the first row/column of `dataset.source`
+             * any more.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * Each data item of `dimensions` can be:
+             *
+             * + `string`, for example, `'someName'`, which equals to `{name:
+             * 'someName'}`.
+             * + `Object`, where the attributes can be:
+             * + name: `string`.
+             * + type: `string`, supports:
+             * + `number`
+             * + `float`, that is,
+             * [Float64Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)
+             *
+             * + `int`, that is,
+             * [Int32Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)
+             *
+             * + `ordinal`, discrete value, which represents string generally.
+             * + `time`, time value, see
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * to check the format of time value.
+             * + displayName: `string`, generally used in tooltip for dimension
+             * display. If not specified, use `name` by default.
+             *
+             * When `dimensions` is specified, the default `tooltip` will be
+             * displayed vertically, which is better to show diemsion names.
+             * Otherwise, `tooltip` will displayed only value horizontally.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.dimensions
+             */
+            dimensions?: any[];
+
+            /**
+             * Define what is encoded to for each dimension of `data`.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * Attributes of encode are different according to the type of coordinate
+             * systtems. For
+             * [cartesian2d](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , `x` and `y` can be defined. For
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * , `radius` and `angle` can be defined. For
+             * [geo](https://ecomfe.github.io/echarts-doc/public/en/option.html#geo)
+             * , `lng` and `lat` can be defined.
+             * Attribute `tooltip` and `itemName` (data item name in tooltip)
+             * are always able to be defined.
+             *
+             * When
+             * [dimensions](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.dimensions)
+             * is used to defined name for a certain dimension, `encode` can
+             * refer the name directly. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * Specially, in \[custom series(~series-custom), some property
+             * in `encode`, corresponding to axis, can be set as null to make
+             * the series not controlled by the axis, that is, the series data
+             * will not be count in the extent of the axis, and the
+             * [dataZoom](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataZoom)
+             * on the axis will not filter the series.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.encode
+             */
+            encode?: object;
+
+            /**
+             * When
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * is used, `seriesLayoutBy` specifies whether the column or the
+             * row of `dataset` is mapped to the series, namely, the series
+             * is "layout" on columns or rows. Optional values:
+             *
+             * + 'column': by default, the columns of `dataset` are mapped the
+             * series. In this case, each column represents a dimension.
+             * + 'row'：the rows of `dataset` are mapped to the series.
+             * In this case, each row represents a dimension.
+             *
+             * Check this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=dataset-series-layout-by)
+             * .
+             *
+             *
+             * @default
+             * "column"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.seriesLayoutBy
+             */
+            seriesLayoutBy?: string;
+
+            /**
+             * If
+             * [series.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.data)
+             * is not specified, and
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * exists, the series will use `dataset`.
+             * `datasetIndex` specifies which dataset will be used.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.datasetIndex
+             */
+            datasetIndex?: number;
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data
+             */
+            data?: (
+                (void | number | string | SeriesScatter.DataObject)[]
+                | (void | number | string | SeriesScatter.DataObject)[][]
+            );
+
+            /**
+             * Mark point in a chart.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint
+             */
+            markPoint?: {
+
+                /**
+                 * Symbol of .
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * "pin"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 * If size of symbols needs to be different, you can set with
+                 * callback function in the following format:
+                 *
+                 * ```
+                 * (value: Array|number, params: Object) => number|Array
+                 *
+                 * ```
+                 *
+                 * The first parameter `value` is the value in
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.data)
+                 * , and the second parameter `params` is the rest parameters
+                 * of data item.
+                 *
+                 *
+                 * @default
+                 * 50
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.symbolSize
+                 */
+                symbolSize?: any[] | Function | number;
+
+                /**
+                 * Rotate degree of symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label of mark point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Mark point style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array for mark points, each of which is an object.
+                 * Here are some ways to assign mark point position.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * **For example:**
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data
+                 */
+                data?: {
+
+                    /**
+                     * Mark point name.
+                     *
+                     *
+                     * @default
+                     * ''
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.name
+                     */
+                    name?: string;
+
+                    /**
+                     * Special label types, are used to label maximum value,
+                     * minimum value and so on.
+                     *
+                     * **Options are:**
+                     *
+                     * + `'min'` maximum value.
+                     * + `'max'` minimum value.
+                     * + `'average'` average value.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Available when using
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.type)
+                     * it is used to assign maximum value and minimum value
+                     * in dimensions, it could be `0` (xAxis, radiusAxis), `1`
+                     * (yAxis, angleAxis), and use the first value axis dimension
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.valueIndex
+                     */
+                    valueIndex?: number;
+
+                    /**
+                     * Works only when
+                     * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.type)
+                     * is assigned.
+                     * It is used to state the dimension used to calculate maximum
+                     * value or minimum value.
+                     * It may be the direct name of a dimension, like `x`, or
+                     * `angle` for line charts, or `open`, or `close` for candlestick
+                     * charts.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.valueDim
+                     */
+                    valueDim?: string;
+
+                    /**
+                     * Coordinates of the starting point or ending point, whose
+                     * format depends on the coordinate of the series.
+                     * It can be `x`, and `y` for
+                     * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                     * , or `radius`, and `angle` for
+                     * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                     * .
+                     *
+                     * **Notice:** For axis with
+                     * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                     * `'category'`:
+                     *
+                     * + If coord value is `number`, it represents index of
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     * .
+                     * + If coord value is `string`, it represents concrete
+                     * value in
+                     * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                     *
+                     *
+                     * Please notice that in this case `xAxis.data`
+                     * must not be written as \[number, number,
+                     *
+                     *
+                     *
+                     * \], but can only be written \[string, string,
+                     *
+                     *
+                     *
+                     * \].
+                     * Otherwise it is not able to be located by markPoint /
+                     * markLine.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.coord
+                     */
+                    coord?: any[];
+
+                    /**
+                     * X position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.x
+                     */
+                    x?: number;
+
+                    /**
+                     * Y position according to container, in pixel.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.y
+                     */
+                    y?: number;
+
+                    /**
+                     * Label value, which can be ignored.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.value
+                     */
+                    value?: number;
+
+                    /**
+                     * Symbol of .
+                     *
+                     * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                     * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                     * `'none'`
+                     *
+                     * It can be set to an image with `'image://url'` , in which
+                     * URL is the link to an image, or `dataURI` of an image.
+                     *
+                     * An image URL example:
+                     *
+                     * ```
+                     * 'image://http://xxx.xxx.xxx/a/b.png'
+                     *
+                     * ```
+                     *
+                     * A `dataURI` example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data)
+                     *
+                     * Icons can be set to arbitrary vector path via `'path://'`
+                     * in ECharts.
+                     * As compared with raster image, vector paths prevent from
+                     * jagging and blurring when scaled, and have a better control
+                     * over changing colors.
+                     * Size of vectoer icon will be adapted automatically.
+                     * Refer to
+                     * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                     * for more information about format of path.
+                     * You may export vector paths from tools like Adobe Illustrator.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.symbol
+                     */
+                    symbol?: string;
+
+                    /**
+                     * symbol size.
+                     * It can be set to single numbers like `10`, or use an
+                     * array to represent width and height.
+                     * For example, `[20, 10]` means symbol width is `20`, and
+                     * height is`10`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.symbolSize
+                     */
+                    symbolSize?: any[] | number;
+
+                    /**
+                     * Rotate degree of symbol.
+                     * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                     * `symbolRotate` value will be ignored, and compulsively
+                     * use tangent angle.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.symbolRotate
+                     */
+                    symbolRotate?: number;
+
+                    /**
+                     * Whether to keep aspect for symbols in the form of `path://`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.symbolKeepAspect
+                     */
+                    symbolKeepAspect?: boolean;
+
+                    /**
+                     * Offset of symbol relative to original position.
+                     * By default, symbol will be put in the center position
+                     * of data.
+                     * But if symbol is from user-defined vector path or image,
+                     * you may not expect symbol to be in center.
+                     * In this case, you may use this attribute to set offset
+                     * to default position.
+                     * It can be in absolute pixel value, or in relative percentage
+                     * value.
+                     *
+                     * For example, `[0, '50%']` means to move upside side position
+                     * of symbol height.
+                     * It can be used to make the arrow in the bottom to be
+                     * at data position when symbol is pin.
+                     *
+                     *
+                     * @default
+                     * [0, 0]
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.symbolOffset
+                     */
+                    symbolOffset?: any[];
+
+                    /**
+                     * Mark point style.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.itemStyle.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.itemStyle.emphasis.opacity
+                             */
+                            opacity?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis
+                         */
+                        emphasis?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markPoint)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 * prefix
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Use a line in the chart to illustrate.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine
+             */
+            markLine?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Symbol type at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 * See
+                 * [data.symbol](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbol)
+                 * for more format information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.symbol
+                 */
+                symbol?: any[] | string;
+
+                /**
+                 * Symbol size at the two ends of the mark line.
+                 * It can be an array for two ends, or assigned seperately.
+                 *
+                 * **Attention:** You cannot assgin width and height seperately
+                 * as normal `symbolSize`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Precison of marking line value, which is useful when displaying
+                 * average value mark line.
+                 *
+                 *
+                 * @default
+                 * 2
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.precision
+                 */
+                precision?: number;
+
+                /**
+                 * Mark line text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether show label or not.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Positions of labels can be:
+                     *
+                     * + `'start'` starting point of the line.
+                     * + `'middle'` middle point of the line.
+                     * + `'end'` ending point of the line.
+                     *
+                     *
+                     * @default
+                     * "end"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.position
+                     */
+                    position?: string;
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether show label or not.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Positions of labels can be:
+                         *
+                         * + `'start'` starting point of the line.
+                         * + `'middle'` middle point of the line.
+                         * + `'end'` ending point of the line.
+                         *
+                         *
+                         * @default
+                         * "end"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.emphasis.position
+                         */
+                        position?: string;
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.label.emphasis.formatter
+                         */
+                        formatter?: Function | string;
+                    };
+                };
+
+                /**
+                 * Mark line style.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * Line color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.lineStyle)
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * line width.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * line type.
+                     *
+                     * Options are:
+                     *
+                     * + `'solid'`
+                     * + `'dashed'`
+                     * + `'dotted'`
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.type
+                     */
+                    type?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * Edge curvature, which supports value from 0 to 1.
+                     * The larger the value, the greater the curvature.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Line color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * line width.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.width
+                         */
+                        width?: number;
+
+                        /**
+                         * line type.
+                         *
+                         * Options are:
+                         *
+                         * + `'solid'`
+                         * + `'dashed'`
+                         * + `'dotted'`
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.lineStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.lineStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Data array of marking line.
+                 * Every array item can be an array of one or two values, representing
+                 * starting and ending point of the line, and every item is
+                 * an object.
+                 * Here are several ways to assign the positions of starting
+                 * and ending point.
+                 *
+                 * 1. Assign coordinate according to container with
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.y)
+                 * attribute, in which pixel values and percentage are supported.
+                 *
+                 * 2. Assign coordinate position with
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.coord)
+                 * attribute, in which `'min'`, `'max'`, `'average'` are supported
+                 * for each dimension.
+                 *
+                 * 3. Use
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.type)
+                 * attribute to mark the maximum and minimum values in the series,
+                 * in which
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.valueDim)
+                 * can be used to assign the dimension.
+                 *
+                 * 4.
+                 * You may also create a mark line in Cartesian coordinate at
+                 * a specific position in X or Y axis by assigning `xAxis` or
+                 * `yAxis`. See
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 * for example.
+                 *
+                 * When multiple attributes exist, priority is as the above
+                 * order.
+                 *
+                 * You may also set the type of mark line through `type`, stating
+                 * whether it is for the maximum value or average value.
+                 * Likewise, dimensions can be assigned through `valueIndex`.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data
+                 */
+                data?: {
+
+                    /**
+                     * Data of the starting point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of starting point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * starting point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of starting point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of starting point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.0.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Data of the ending point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Special label types, are used to label maximum value,
+                         * minimum value and so on.
+                         *
+                         * **Options are:**
+                         *
+                         * + `'min'` maximum value.
+                         * + `'max'` minimum value.
+                         * + `'average'` average value.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be `0` (for xAxis, or radiusAxis), or `1`
+                         * (for yAxis, or angleAxis).
+                         * Dimension of the first numeric axis is used by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Works only when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markLine.data.type)
+                         * is assigned.
+                         * It is used to state the dimension used to calculate
+                         * maximum value or minimum value.
+                         * It may be the direct name of a dimension, like `x`,
+                         * or `angle` for line charts, or `open`, or `close`
+                         * for candlestick charts.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * Coordinates of the starting point or ending point,
+                         * whose format depends on the coordinate of the series.
+                         * It can be `x`, and `y` for
+                         * [rectangular coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, and `angle` for
+                         * [polar coordinates](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         * **Notice:** For axis with
+                         * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAixs.type)
+                         * `'category'`:
+                         *
+                         * + If coord value is `number`, it represents index
+                         * of
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         * .
+                         * + If coord value is `string`, it represents concrete
+                         * value in
+                         * [axis.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.data)
+                         *
+                         *
+                         * Please notice that in this case `xAxis.data`
+                         * must not be written as \[number, number,
+                         *
+                         *
+                         *
+                         * \], but can only be written \[string, string,
+                         *
+                         *
+                         *
+                         * \].
+                         * Otherwise it is not able to be located by markPoint
+                         * / markLine.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * X position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * Y position according to container, in pixel.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * Label value, which can be ignored.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Symbol of ending point.
+                         *
+                         * Icon types provided by ECharts includes `'circle'`,
+                         * `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`,
+                         * `'pin'`, `'arrow'`, `'none'`
+                         *
+                         * It can be set to an image with `'image://url'` ,
+                         * in which URL is the link to an image, or `dataURI`
+                         * of an image.
+                         *
+                         * An image URL example:
+                         *
+                         * ```
+                         * 'image://http://xxx.xxx.xxx/a/b.png'
+                         *
+                         * ```
+                         *
+                         * A `dataURI` example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1)
+                         *
+                         * Icons can be set to arbitrary vector path via `'path://'`
+                         * in ECharts.
+                         * As compared with raster image, vector paths prevent
+                         * from jagging and blurring when scaled, and have a
+                         * better control over changing colors.
+                         * Size of vectoer icon will be adapted automatically.
+                         * Refer to
+                         * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                         * for more information about format of path.
+                         * You may export vector paths from tools like Adobe
+                         * Illustrator.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.symbol
+                         */
+                        symbol?: string;
+
+                        /**
+                         * ending point symbol size.
+                         * It can be set to single numbers like `10`, or use
+                         * an array to represent width and height.
+                         * For example, `[20, 10]` means symbol width is `20`,
+                         * and height is`10`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.symbolSize
+                         */
+                        symbolSize?: any[] | number;
+
+                        /**
+                         * Rotate degree of ending point symbol.
+                         * Note that when `symbol` is set to be `'arrow'` in
+                         * `markLine`, `symbolRotate` value will be ignored,
+                         * and compulsively use tangent angle.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.symbolRotate
+                         */
+                        symbolRotate?: number;
+
+                        /**
+                         * Whether to keep aspect for symbols in the form of
+                         * `path://`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.symbolKeepAspect
+                         */
+                        symbolKeepAspect?: boolean;
+
+                        /**
+                         * Offset of ending point symbol relative to original
+                         * position.
+                         * By default, symbol will be put in the center position
+                         * of data.
+                         * But if symbol is from user-defined vector path or
+                         * image, you may not expect symbol to be in center.
+                         * In this case, you may use this attribute to set offset
+                         * to default position.
+                         * It can be in absolute pixel value, or in relative
+                         * percentage value.
+                         *
+                         * For example, `[0, '50%']` means to move upside side
+                         * position of symbol height.
+                         * It can be used to make the arrow in the bottom to
+                         * be at data position when symbol is pin.
+                         *
+                         *
+                         * @default
+                         * [0, 0]
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.symbolOffset
+                         */
+                        symbolOffset?: any[];
+
+                        /**
+                         * Line style of this data item, which will be merged
+                         * with `lineStyle` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle
+                         */
+                        lineStyle?: {
+
+                            /**
+                             * Line color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * line width.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.width
+                             */
+                            width?: number;
+
+                            /**
+                             * line type.
+                             *
+                             * Options are:
+                             *
+                             * + `'solid'`
+                             * + `'dashed'`
+                             * + `'dotted'`
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.type
+                             */
+                            type?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.lineStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * Edge curvature, which supports value from 0 to
+                             * 1.
+                             * The larger the value, the greater the curvature.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.curveness
+                             */
+                            curveness?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Line color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * line width.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.width
+                                 */
+                                width?: number;
+
+                                /**
+                                 * line type.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'solid'`
+                                 * + `'dashed'`
+                                 * + `'dotted'`
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.type
+                                 */
+                                type?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.lineStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+
+                                /**
+                                 * Edge curvature, which supports value from
+                                 * 0 to 1.
+                                 * The larger the value, the greater the curvature.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.lineStyle.emphasis.curveness
+                                 */
+                                curveness?: number;
+                            };
+                        };
+
+                        /**
+                         * Label of this data item, which will be merged with
+                         * `label` of starting point and ending point.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether show label or not.
+                             *
+                             *
+                             * @default
+                             * "true"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Positions of labels can be:
+                             *
+                             * + `'start'` starting point of the line.
+                             * + `'middle'` middle point of the line.
+                             * + `'end'` ending point of the line.
+                             *
+                             *
+                             * @default
+                             * "end"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.position
+                             */
+                            position?: string;
+
+                            /**
+                             * Data label formatter, which supports string template
+                             * and callback function.
+                             * In either form, `\n` is supported to represent
+                             * a new line.
+                             *
+                             * **String template**
+                             *
+                             * Model variation includes:
+                             *
+                             * + `{a}`: series name.
+                             * + `{b}`: the name of a data item.
+                             * + `{c}`: the value of a data item.
+                             * + `{d}`: the percent.
+                             * + `{@xxx}: the value of a dimension named`'xxx'`,
+                             * for example,`{@product}`refers the value of`'product'\`
+                             * dimension。
+                             * + `{@[n]}: the value of a dimension at the index
+                             * of`n`, for example,`{@\[3\]}\` refers the value
+                             * at dimensions\[3\].
+                             *
+                             * **example:**
+                             *
+                             * ```
+                             * formatter: '{b}: {d}'
+                             *
+                             * ```
+                             *
+                             * **Callback function**
+                             *
+                             * Callback function is in form of:
+                             *
+                             * ```
+                             * (params: Object|Array) => string
+                             *
+                             * ```
+                             *
+                             * where `params` is the single dataset needed by
+                             * formatter, which is formed as:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.formatter
+                             */
+                            formatter?: Function | string;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether show label or not.
+                                 *
+                                 *
+                                 * @default
+                                 * "true"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Positions of labels can be:
+                                 *
+                                 * + `'start'` starting point of the line.
+                                 * + `'middle'` middle point of the line.
+                                 * + `'end'` ending point of the line.
+                                 *
+                                 *
+                                 * @default
+                                 * "end"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.emphasis.position
+                                 */
+                                position?: string;
+
+                                /**
+                                 * Data label formatter, which supports string
+                                 * template and callback function.
+                                 * In either form, `\n` is supported to represent
+                                 * a new line.
+                                 *
+                                 * **String template**
+                                 *
+                                 * Model variation includes:
+                                 *
+                                 * + `{a}`: series name.
+                                 * + `{b}`: the name of a data item.
+                                 * + `{c}`: the value of a data item.
+                                 * + `{d}`: the percent.
+                                 * + `{@xxx}: the value of a dimension named`'xxx'`,
+                                 * for example,`{@product}`refers the value
+                                 * of`'product'\` dimension。
+                                 * + `{@[n]}: the value of a dimension at the
+                                 * index of`n`, for example,`{@\[3\]}\` refers
+                                 * the value at dimensions\[3\].
+                                 *
+                                 * **example:**
+                                 *
+                                 * ```
+                                 * formatter: '{b}: {d}'
+                                 *
+                                 * ```
+                                 *
+                                 * **Callback function**
+                                 *
+                                 * Callback function is in form of:
+                                 *
+                                 * ```
+                                 * (params: Object|Array) => string
+                                 *
+                                 * ```
+                                 *
+                                 * where `params` is the single dataset needed
+                                 * by formatter, which is formed as:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.data.1.label.emphasis.formatter
+                                 */
+                                formatter?: Function | string;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markLine)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markLine.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * Used to mark an area in chart.
+             * For example, mark a time interval.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea
+             */
+            markArea?: {
+
+                /**
+                 * Whether to ignore mouse events.
+                 * Default value is false, for triggering and responding to
+                 * mouse events.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.silent
+                 */
+                silent?: boolean;
+
+                /**
+                 * Label in mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Style of the mark area.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis
+                     */
+                    emphasis?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.itemStyle.emphasis)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.itemStyle.emphasis.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * The scope of the area is defined by `data`, which is an array
+                 * with two item, representing the left-top point and the right-bottom
+                 * point of rectangle area.
+                 * Each item can be defined as follows:
+                 *
+                 * 1.
+                 * Specify the coordinate in screen coordinate system using
+                 * [x](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.x)
+                 * ,
+                 * [y](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.y)
+                 * , where the unit is pixel (e.g.,
+                 * the value is `5`), or percent (e.g.,
+                 * the value is `'35%'`).
+                 *
+                 * 2.
+                 * Specify the coordinate in data coordinate system (i.e.,
+                 * cartesian) using
+                 * [coord](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.coord)
+                 * , which can be also set as `'min'`, `'max'`, `'average'`
+                 * (e.g,
+                 * `coord: [23, 'min']`, or `coord: ['average', 'max']`)。
+                 *
+                 * 1.
+                 * Locate the point on the min value or max value of `series.data`
+                 * using
+                 * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.type)
+                 * , where
+                 * [valueIndex](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.valueIndex)
+                 * or
+                 * [valueDim](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markPoint.data.0.valueDim)
+                 * can be used to specify the dimension on which the min, max
+                 * or average are calculated.
+                 * 2.
+                 * If in cartesian, you can only specify `xAxis` or `yAxis`
+                 * to define a mark area based on only X or Y axis, see sample
+                 * [scatter-weight](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight)
+                 *
+                 * The priority follows as above if more than one above definition
+                 * used.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data
+                 */
+                data?: {
+
+                    /**
+                     * Specify the left-top point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0
+                     */
+                    0?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.0.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+
+                    /**
+                     * Specify the right-bottom point.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1
+                     */
+                    1?: {
+
+                        /**
+                         * Specify this item is on min or max or average value.
+                         *
+                         * **Options:**
+                         *
+                         * + `'min'` max value。
+                         * + `'max'` min value。
+                         * + `'average'` average value。
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.type
+                         */
+                        type?: string;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be `0` (means xAxis, radiusAxis) or
+                         * `1` (means yAxis, angleAxis), using the dimension
+                         * of the first axis by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.valueIndex
+                         */
+                        valueIndex?: number;
+
+                        /**
+                         * Specify the dimension on which min, max, average
+                         * are calculated, available when
+                         * [type](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-.markArea.data.type)
+                         * used.
+                         * The value can be the name of the dimension (for example,
+                         * the value can be `x`, `angle` in line chart, and
+                         * `open`, `close` in candlestick).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.valueDim
+                         */
+                        valueDim?: string;
+
+                        /**
+                         * The format is \[start coordinate, end coordinate\],
+                         * where the coordinate system can be `x`, `y` on
+                         * [cartesian](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+                         * , or `radius`, `angle` on
+                         * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.coord
+                         */
+                        coord?: any[];
+
+                        /**
+                         * x value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.x
+                         */
+                        x?: number;
+
+                        /**
+                         * y value on screen coordinate system, can be pixel
+                         * number (like `5`), or percent value (like `'20%'`).
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.y
+                         */
+                        y?: number;
+
+                        /**
+                         * value of the item, not necessary.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.value
+                         */
+                        value?: number;
+
+                        /**
+                         * Style of the item.
+                         * `itemStyle` of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle
+                         */
+                        itemStyle?: {
+
+                            /**
+                             * color.
+                             *
+                             * > Color can be represented in RGB, for example
+                             * `'rgb(128, 128, 128)'`.
+                             * RGBA can be used when you need alpha channel,
+                             * for example `'rgba(128, 128, 128, 0.5)'`.
+                             * You may also use hexadecimal format, for example
+                             * `'#ccc'`.
+                             * Gradient color and texture are also supported
+                             * besides single colors.
+                             * >
+                             * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * border color, whose format is similar to that
+                             * of `color`.
+                             *
+                             *
+                             * @default
+                             * "#000"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * border width.
+                             * No border when it is set to be 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border type, which can be `'solid'`, `'dashed'`,
+                             * or `'dotted'`. `'solid'` by default.
+                             *
+                             *
+                             * @default
+                             * "solid"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.borderType
+                             */
+                            borderType?: string;
+
+                            /**
+                             * Size of shadow blur.
+                             * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                             * `shadowOffsetY` to set shadow to component.
+                             *
+                             * For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.itemStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow color. Support same format as `color`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Offset distance on the horizontal direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Offset distance on the vertical direction of
+                             * shadow.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Opacity of the component.
+                             * Supports value from 0 to 1, and the component
+                             * will not be drawn when set to 0.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.opacity
+                             */
+                            opacity?: number;
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * color.
+                                 *
+                                 * > Color can be represented in RGB, for example
+                                 * `'rgb(128, 128, 128)'`.
+                                 * RGBA can be used when you need alpha channel,
+                                 * for example `'rgba(128, 128, 128, 0.5)'`.
+                                 * You may also use hexadecimal format, for
+                                 * example `'#ccc'`.
+                                 * Gradient color and texture are also supported
+                                 * besides single colors.
+                                 * >
+                                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * border color, whose format is similar to
+                                 * that of `color`.
+                                 *
+                                 *
+                                 * @default
+                                 * "#000"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * border width.
+                                 * No border when it is set to be 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border type, which can be `'solid'`, `'dashed'`,
+                                 * or `'dotted'`. `'solid'` by default.
+                                 *
+                                 *
+                                 * @default
+                                 * "solid"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.borderType
+                                 */
+                                borderType?: string;
+
+                                /**
+                                 * Size of shadow blur.
+                                 * This attribute should be used along with
+                                 * `shadowColor`,`shadowOffsetX`, `shadowOffsetY`
+                                 * to set shadow to component.
+                                 *
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.itemStyle.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow color.
+                                 * Support same format as `color`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Offset distance on the horizontal direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Offset distance on the vertical direction
+                                 * of shadow.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Opacity of the component.
+                                 * Supports value from 0 to 1, and the component
+                                 * will not be drawn when set to 0.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.itemStyle.emphasis.opacity
+                                 */
+                                opacity?: number;
+                            };
+                        };
+
+                        /**
+                         * Label style of the item.
+                         * Label style of start point and end point will be
+                         * merged together.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label
+                         */
+                        label?: {
+
+                            /**
+                             * Whether to show label.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.show
+                             */
+                            show?: boolean;
+
+                            /**
+                             * Label position.
+                             *
+                             * **Followings are the options:**
+                             *
+                             * + \[x, y\]
+                             *
+                             * Use relative percentage, or absolute pixel values
+                             * to represent position of label relative to top-left
+                             * corner of bounding box. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             * + 'top'
+                             *
+                             * + 'left'
+                             * + 'right'
+                             * + 'bottom'
+                             * + 'inside'
+                             * + 'insideLeft'
+                             * + 'insideRight'
+                             * + 'insideTop'
+                             * + 'insideBottom'
+                             * + 'insideTopLeft'
+                             * + 'insideBottomLeft'
+                             * + 'insideTopRight'
+                             * + 'insideBottomRight'
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.position
+                             */
+                            position?: any[] | string;
+
+                            /**
+                             * Distance to the host graphic element.
+                             * Works when position is string value (like `'top'`、`'insideRight'`).
+                             *
+                             * See:
+                             * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                             * .
+                             *
+                             *
+                             * @default
+                             * 5
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.distance
+                             */
+                            distance?: number;
+
+                            /**
+                             * Rotate label, from -90 degree to 90, positive
+                             * value represents rotate anti-clockwise.
+                             *
+                             * See:
+                             * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                             * .
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rotate
+                             */
+                            rotate?: number;
+
+                            /**
+                             * Whether to move text slightly.
+                             * For example: `[30, 40]` means move `30` horizontally
+                             * and move `40` vertically.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.offset
+                             */
+                            offset?: any[];
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     * If set as `'auto'`, the color will assigned
+                                     * as visual color, such as series color.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis
+                             */
+                            emphasis?: {
+
+                                /**
+                                 * Whether to show label.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.show
+                                 */
+                                show?: boolean;
+
+                                /**
+                                 * Label position.
+                                 *
+                                 * **Followings are the options:**
+                                 *
+                                 * + \[x, y\]
+                                 *
+                                 * Use relative percentage, or absolute pixel
+                                 * values to represent position of label relative
+                                 * to top-left corner of bounding box.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * + 'top'
+                                 *
+                                 * + 'left'
+                                 * + 'right'
+                                 * + 'bottom'
+                                 * + 'inside'
+                                 * + 'insideLeft'
+                                 * + 'insideRight'
+                                 * + 'insideTop'
+                                 * + 'insideBottom'
+                                 * + 'insideTopLeft'
+                                 * + 'insideBottomLeft'
+                                 * + 'insideTopRight'
+                                 * + 'insideBottomRight'
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.position
+                                 */
+                                position?: any[] | string;
+
+                                /**
+                                 * Distance to the host graphic element.
+                                 * Works when position is string value (like
+                                 * `'top'`、`'insideRight'`).
+                                 *
+                                 * See:
+                                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                                 * .
+                                 *
+                                 *
+                                 * @default
+                                 * 5
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.distance
+                                 */
+                                distance?: number;
+
+                                /**
+                                 * Rotate label, from -90 degree to 90, positive
+                                 * value represents rotate anti-clockwise.
+                                 *
+                                 * See:
+                                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                                 * .
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rotate
+                                 */
+                                rotate?: number;
+
+                                /**
+                                 * Whether to move text slightly.
+                                 * For example: `[30, 40]` means move `30` horizontally
+                                 * and move `40` vertically.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.offset
+                                 */
+                                offset?: any[];
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+
+                                /**
+                                 * "Rich text styles" can be defined in this
+                                 * `rich` property. For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis)
+                                 *
+                                 * For more details, see
+                                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                                 * please.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich
+                                 */
+                                rich?: {
+
+                                    /**
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E
+                                     */
+                                    [userStyle: string]: {
+
+                                        /**
+                                         * text color.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * ""#fff""
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.color
+                                         */
+                                        color?: string;
+
+                                        /**
+                                         * font style
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'italic'`
+                                         * + `'oblique'`
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                         */
+                                        fontStyle?: string;
+
+                                        /**
+                                         * font thick weight
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'normal'`
+                                         * + `'bold'`
+                                         * + `'bolder'`
+                                         * + `'lighter'`
+                                         * + 100 | 200 | 300 | 400...
+                                         *
+                                         *
+                                         * @default
+                                         * "normal"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                         */
+                                        fontWeight?: string;
+
+                                        /**
+                                         * font family
+                                         *
+                                         * Can also be 'serif' , 'monospace',
+                                         * ...
+                                         *
+                                         *
+                                         * @default
+                                         * "sans-serif"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                         */
+                                        fontFamily?: string;
+
+                                        /**
+                                         * font size
+                                         *
+                                         *
+                                         * @default
+                                         * 12
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                         */
+                                        fontSize?: number;
+
+                                        /**
+                                         * Horizontal alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'left'`
+                                         * + `'center'`
+                                         * + `'right'`
+                                         *
+                                         * If `align` is not set in `rich`,
+                                         * `align` in parent level will be used.
+                                         * For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.align
+                                         */
+                                        align?: string;
+
+                                        /**
+                                         * Vertical alignment of text, automatic
+                                         * by default.
+                                         *
+                                         * Options are:
+                                         *
+                                         * + `'top'`
+                                         * + `'middle'`
+                                         * + `'bottom'`
+                                         *
+                                         * If `verticalAlign` is not set in
+                                         * `rich`, `verticalAlign` in parent
+                                         * level will be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                         */
+                                        verticalAlign?: string;
+
+                                        /**
+                                         * Line height of the text fregment.
+                                         *
+                                         * If `lineHeight` is not set in `rich`,
+                                         * `lineHeight` in parent level will
+                                         * be used. For example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                         */
+                                        lineHeight?: number;
+
+                                        /**
+                                         * Background color of the text fregment.
+                                         *
+                                         * Can be color string, like `'#123234'`,
+                                         * `'red'`, `rgba(0,23,11,0.3)'`.
+                                         *
+                                         * Or image can be used, for example:
+                                         *
+                                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E)
+                                         *
+                                         * `width` or `height` can be specified
+                                         * when using background image, or auto
+                                         * adapted by default.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                         */
+                                        backgroundColor?: object | string;
+
+                                        /**
+                                         * Border color of the text fregment.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                         */
+                                        borderColor?: string;
+
+                                        /**
+                                         * Border width of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                         */
+                                        borderWidth?: number;
+
+                                        /**
+                                         * Border radius of the text fregment.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                         */
+                                        borderRadius?: number;
+
+                                        /**
+                                         * Padding of the text fregment, for
+                                         * example:
+                                         *
+                                         * + `padding: [3, 4, 5, 6]`: represents
+                                         * padding of `[top, right, bottom,
+                                         * left]`.
+                                         * + `padding: 4`: represents `padding:
+                                         * [4, 4, 4, 4]`.
+                                         * + `padding: [3, 4]`: represents `padding:
+                                         * [3, 4, 3, 4]`.
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                         */
+                                        padding?: any[] | number;
+
+                                        /**
+                                         * Shadow color of the text block.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                         */
+                                        shadowColor?: string;
+
+                                        /**
+                                         * Show blur of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                         */
+                                        shadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                         */
+                                        shadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text block.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                         */
+                                        shadowOffsetY?: number;
+
+                                        /**
+                                         * Width of the text block.
+                                         * It is the width of the text by default.
+                                         * In most cases, there is no need to
+                                         * specify it.
+                                         * You may want to use it in some cases
+                                         * like make simple table or using background
+                                         * image (see `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * `width` can also be percent string,
+                                         * like `'100%'`, which represents the
+                                         * percent of `contentWidth` (that is,
+                                         * the width without `padding`) of its
+                                         * container box.
+                                         * It is based on `contentWidth` because
+                                         * that each text fregment is layout
+                                         * based on the `content box`, where
+                                         * it makes no sense that calculating
+                                         * width based on `outerWith` in prectice.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.width
+                                         */
+                                        width?: number | string;
+
+                                        /**
+                                         * Height of the text block.
+                                         * It is the width of the text by default.
+                                         * You may want to use it in some cases
+                                         * like using background image (see
+                                         * `backgroundColor`).
+                                         *
+                                         * Notice, `width` and `height` specifies
+                                         * the width and height of the content,
+                                         * without `padding`.
+                                         *
+                                         * Notice, `width` and `height` only
+                                         * work when `rich` specified.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.height
+                                         */
+                                        height?: number | string;
+
+                                        /**
+                                         * Storke color of the text.
+                                         *
+                                         * If set as `'auto'`, the color will
+                                         * assigned as visual color, such as
+                                         * series color.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                         */
+                                        textBorderColor?: string;
+
+                                        /**
+                                         * Storke line width of the text.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                         */
+                                        textBorderWidth?: number;
+
+                                        /**
+                                         * Shadow color of the text itself.
+                                         *
+                                         *
+                                         * @default
+                                         * "transparent"
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                         */
+                                        textShadowColor?: string;
+
+                                        /**
+                                         * Shadow blue of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                         */
+                                        textShadowBlur?: number;
+
+                                        /**
+                                         * Shadow X offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                         */
+                                        textShadowOffsetX?: number;
+
+                                        /**
+                                         * Shadow Y offset of the text itself.
+                                         *
+                                         *
+                                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.data.1.label.emphasis.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                         */
+                                        textShadowOffsetY?: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.markArea)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.markArea.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            };
+
+            /**
+             * `zlevel` value of all graghical elements in scatter chart.
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in scatter chart, which controls
+             * order of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.z
+             */
+            z?: number;
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.silent
+             */
+            silent?: boolean;
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             *
+             * @default
+             * 300
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            }
+        }
+
+        namespace SeriesScatter {
+            interface DataObject {
+
+                /**
+                 * the name of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.name
+                 */
+                name?: string;
+
+                /**
+                 * the value of data item.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.value
+                 */
+                value?: any[];
+
+                /**
+                 * Symbol of single data.
+                 *
+                 * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+                 * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+                 * `'none'`
+                 *
+                 * It can be set to an image with `'image://url'` , in which
+                 * URL is the link to an image, or `dataURI` of an image.
+                 *
+                 * An image URL example:
+                 *
+                 * ```
+                 * 'image://http://xxx.xxx.xxx/a/b.png'
+                 *
+                 * ```
+                 *
+                 * A `dataURI` example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data)
+                 *
+                 * Icons can be set to arbitrary vector path via `'path://'`
+                 * in ECharts.
+                 * As compared with raster image, vector paths prevent from
+                 * jagging and blurring when scaled, and have a better control
+                 * over changing colors.
+                 * Size of vectoer icon will be adapted automatically.
+                 * Refer to
+                 * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+                 * for more information about format of path.
+                 * You may export vector paths from tools like Adobe Illustrator.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.symbol
+                 */
+                symbol?: string;
+
+                /**
+                 * single data symbol size.
+                 * It can be set to single numbers like `10`, or use an array
+                 * to represent width and height.
+                 * For example, `[20, 10]` means symbol width is `20`, and height
+                 * is`10`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.symbolSize
+                 */
+                symbolSize?: any[] | number;
+
+                /**
+                 * Rotate degree of single data symbol.
+                 * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+                 * `symbolRotate` value will be ignored, and compulsively use
+                 * tangent angle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.symbolRotate
+                 */
+                symbolRotate?: number;
+
+                /**
+                 * Whether to keep aspect for symbols in the form of `path://`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.symbolKeepAspect
+                 */
+                symbolKeepAspect?: boolean;
+
+                /**
+                 * Offset of single data symbol relative to original position.
+                 * By default, symbol will be put in the center position of
+                 * data.
+                 * But if symbol is from user-defined vector path or image,
+                 * you may not expect symbol to be in center.
+                 * In this case, you may use this attribute to set offset to
+                 * default position.
+                 * It can be in absolute pixel value, or in relative percentage
+                 * value.
+                 *
+                 * For example, `[0, '50%']` means to move upside side position
+                 * of symbol height.
+                 * It can be used to make the arrow in the bottom to be at data
+                 * position when symbol is pin.
+                 *
+                 *
+                 * @default
+                 * [0, 0]
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.symbolOffset
+                 */
+                symbolOffset?: any[];
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * the style setting about single data point(bubble).
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.scatter.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-scatter.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/sunburst.d.ts b/types/echarts/options/series/sunburst.d.ts
new file mode 100644
index 0000000000..6dd0d302dd
--- /dev/null
+++ b/types/echarts/options/series/sunburst.d.ts
@@ -0,0 +1,12296 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * [Sunburst Chart](https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart)
+         * is composed of multiple pie charts.
+         * From the view of data structure, inner rings are the parent nodes
+         * of outer rings.
+         * Therefore, it can show the partial-overall relationship as
+         * [Pie](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-pie)
+         * charts, and also level relation as
+         * [Treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+         * charts.
+         *
+         * **For example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst)
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst)
+         *
+         * **Data mining**
+         *
+         * Sunburst charts support data mining by default.
+         * That means, when a user clicks a sector, it will be used as root
+         * node, and there will be a circle in the center for return to parent
+         * node. If data mining is not needed, it can be disabled by
+         * [series-sunburst.nodeClick](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.nodeClick)
+         * .
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst
+         */
+        interface SeriesSunburst {
+
+            /**
+             * @default
+             * "sunburst"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.name
+             */
+            name?: string;
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.z
+             */
+            z?: number;
+
+            /**
+             * Center position of Sunburst chart, the first of which is the
+             * horizontal position, and the second is the vertical position.
+             *
+             * Percentage is supported.
+             * When set in percentage, the item is relative to the container
+             * width, and the second item to the height.
+             *
+             * **Example:**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * ['50%', '50%']
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.center
+             */
+            center?: any[];
+
+            /**
+             * Radius of Sunburst chart. Value can be:
+             *
+             * + `number`: Specify outside radius directly.
+             * + `string`: For example, `'20%'`, means that the outside radius
+             * is 20% of the viewport size (the little one between width and
+             * height of the chart container).
+             * + `Array.<number|string>`:
+             * The first item specifies the inside radius, and the second item
+             * specifies the outside radius.
+             * Each item follows the definitions above.
+             *
+             *
+             * @default
+             * [0, '75%']
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.radius
+             */
+            radius?: any[] | number | string;
+
+            /**
+             * The data structure of
+             * [series-sunburst.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data)
+             * is like tree. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data
+             */
+            data?: SeriesSunburst.DataObject[];
+
+            /**
+             * `label` sets the text style for every sectors.
+             *
+             * **Priority:
+             * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+             * >
+             * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+             * >
+             * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+             * .**
+             *
+             * Text label of , to explain some data information about graphic
+             * item like value, name and so on.
+             * `label` is placed under `itemStyle` in ECharts 2.x.
+             * In ECharts 3, to make the configuration structure flatter, `label`is
+             * taken to be at the same level with `itemStyle`, and has `emphasis`
+             * as `itemStyle` does.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label
+             */
+            label?: {
+
+                /**
+                 * If it is `number` type, then is stands for rotation, from
+                 * -90 degrees to 90 degrees, and positive values stand for
+                 * counterclockwise.
+                 *
+                 * Besides, it can be string `'radial'`, standing for radial
+                 * rotation; or `'tangential'`, standing for tangential rotation.
+                 *
+                 * By default, it is `'radial'`.
+                 * If no rotation is wanted, it can be set to `0`.
+                 *
+                 * The following example shows different `rotate` settings:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 *
+                 * @default
+                 * "radial"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rotate
+                 */
+                rotate?: number | string;
+
+                /**
+                 * Align of text, which can be `'left'`, `'center'`, or `'right'`.
+                 * Note that `'left'` stands for inner side, and `'right'` stands
+                 * for outer side.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 *
+                 * @default
+                 * "center"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.align
+                 */
+                align?: string;
+
+                /**
+                 * If angle of data piece is smaller than this value (in degrees),
+                 * then text is not displayed.
+                 * This is used for hiding text for small piece of data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.minAngle
+                 */
+                minAngle?: number;
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Style of Sunburst sectors.
+             *
+             * Style can be set in
+             * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+             * for sectors of this series, or
+             * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+             * for the whole level, or
+             * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+             * for single sector. If
+             * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+             * is defined, it will cover the setting of
+             * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+             * and
+             * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+             * .
+             *
+             * **Priority:
+             * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+             * >
+             * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+             * >
+             * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+             * .**
+             *
+             * In ECharts, _emphasis_ is for styles when mouse hovers.
+             * For Sunburst charts, there are two extra states: _highlight_
+             * for highlighting items that relates to the emphasized one, and
+             * _downplay_ for others when emphasizing an item. See
+             * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "white"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @default
+                 * 1
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * When mouse hovers a sector, the sector is emphasized.
+             * **If `highlightPolicy` is set to be `'descendant'`, then the
+             * sector and its descendant will be _highlighted_, and others will
+             * be _downplayed_.
+             * If `highlightPolicy` is `'ancestor'`, then the sector and its
+             * ancestors will be highlighted.
+             * If it is set to be `'self'`, then the sector will be highlighted
+             * and others downplayed.
+             * If it is set to be `'none'`, then others will not be downplayed.**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             * The `highlightPolicy` value above is the default value `'descendant'`.
+             * We use `dispatchAction` to highlight certain sector.
+             * Target sector will use the style of `emphasis`, and related sectors
+             * decided by `highlightPolicy` uses the style of `highlight`, and
+             * others use `downplay`.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             * If `highlightPolicy` is set to be `'ancestor'`, then the result
+             * looks like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * "descendant"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy
+             */
+            highlightPolicy?: string;
+
+            /**
+             * The action of clicking a sector, which can be:
+             *
+             * + `false`: nothing happens.
+             * + `'rootToNode'`: use the clicked sector as root.
+             * + `'link'`：if
+             * [link](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.link)
+             * is set, the page will redirect to it.
+             *
+             *
+             * @default
+             * "rootToNode"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.nodeClick
+             */
+            nodeClick?: boolean | string;
+
+            /**
+             * Sorting method that sectors use based on
+             * [`value`](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.value)
+             * , which is the sum of children when not set.
+             * The default value `'desc'` states for descending order, while
+             * it can also be set to be `'asc'` for ascending order, or `null`
+             * for not sorting, or callback function like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * "desc"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sort
+             */
+            sort?: Function | string;
+
+            /**
+             * If there is no `name`, whether need to render it.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.renderLabelForZeroData
+             */
+            renderLabelForZeroData?: boolean;
+
+            /**
+             * Item style when mouse is hovering. See
+             * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * `label` sets the text style for every sectors.
+                 *
+                 * **Priority:
+                 * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                 * >
+                 * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                 * >
+                 * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                 * .**
+                 *
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * If it is `number` type, then is stands for rotation,
+                     * from -90 degrees to 90 degrees, and positive values stand
+                     * for counterclockwise.
+                     *
+                     * Besides, it can be string `'radial'`, standing for radial
+                     * rotation; or `'tangential'`, standing for tangential
+                     * rotation.
+                     *
+                     * By default, it is `'radial'`.
+                     * If no rotation is wanted, it can be set to `0`.
+                     *
+                     * The following example shows different `rotate` settings:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     *
+                     * @default
+                     * "radial"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rotate
+                     */
+                    rotate?: number | string;
+
+                    /**
+                     * Align of text, which can be `'left'`, `'center'`, or
+                     * `'right'`.
+                     * Note that `'left'` stands for inner side, and `'right'`
+                     * stands for outer side.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     *
+                     * @default
+                     * "center"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * If angle of data piece is smaller than this value (in
+                     * degrees), then text is not displayed.
+                     * This is used for hiding text for small piece of data.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.minAngle
+                     */
+                    minAngle?: number;
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of Sunburst sectors.
+                 *
+                 * Style can be set in
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * for sectors of this series, or
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * for the whole level, or
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * for single sector. If
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * is defined, it will cover the setting of
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * and
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * .
+                 *
+                 * **Priority:
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * >
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * >
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * .**
+                 *
+                 * In ECharts, _emphasis_ is for styles when mouse hovers.
+                 * For Sunburst charts, there are two extra states: _highlight_
+                 * for highlighting items that relates to the emphasized one,
+                 * and _downplay_ for others when emphasizing an item. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "white"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Item style when mouse is hovering related items. See
+             * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight
+             */
+            highlight?: {
+
+                /**
+                 * `label` sets the text style for every sectors.
+                 *
+                 * **Priority:
+                 * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                 * >
+                 * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                 * >
+                 * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                 * .**
+                 *
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label
+                 */
+                label?: {
+
+                    /**
+                     * If it is `number` type, then is stands for rotation,
+                     * from -90 degrees to 90 degrees, and positive values stand
+                     * for counterclockwise.
+                     *
+                     * Besides, it can be string `'radial'`, standing for radial
+                     * rotation; or `'tangential'`, standing for tangential
+                     * rotation.
+                     *
+                     * By default, it is `'radial'`.
+                     * If no rotation is wanted, it can be set to `0`.
+                     *
+                     * The following example shows different `rotate` settings:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     *
+                     * @default
+                     * "radial"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rotate
+                     */
+                    rotate?: number | string;
+
+                    /**
+                     * Align of text, which can be `'left'`, `'center'`, or
+                     * `'right'`.
+                     * Note that `'left'` stands for inner side, and `'right'`
+                     * stands for outer side.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     *
+                     * @default
+                     * "center"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * If angle of data piece is smaller than this value (in
+                     * degrees), then text is not displayed.
+                     * This is used for hiding text for small piece of data.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.minAngle
+                     */
+                    minAngle?: number;
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of Sunburst sectors.
+                 *
+                 * Style can be set in
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * for sectors of this series, or
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * for the whole level, or
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * for single sector. If
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * is defined, it will cover the setting of
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * and
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * .
+                 *
+                 * **Priority:
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * >
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * >
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * .**
+                 *
+                 * In ECharts, _emphasis_ is for styles when mouse hovers.
+                 * For Sunburst charts, there are two extra states: _highlight_
+                 * for highlighting items that relates to the emphasized one,
+                 * and _downplay_ for others when emphasizing an item. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "white"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.highlight.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlight.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Item style when mouse is hovering unrelated items. See
+             * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+             * .
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay
+             */
+            downplay?: {
+
+                /**
+                 * `label` sets the text style for every sectors.
+                 *
+                 * **Priority:
+                 * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                 * >
+                 * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                 * >
+                 * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                 * .**
+                 *
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label
+                 */
+                label?: {
+
+                    /**
+                     * If it is `number` type, then is stands for rotation,
+                     * from -90 degrees to 90 degrees, and positive values stand
+                     * for counterclockwise.
+                     *
+                     * Besides, it can be string `'radial'`, standing for radial
+                     * rotation; or `'tangential'`, standing for tangential
+                     * rotation.
+                     *
+                     * By default, it is `'radial'`.
+                     * If no rotation is wanted, it can be set to `0`.
+                     *
+                     * The following example shows different `rotate` settings:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     *
+                     * @default
+                     * "radial"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rotate
+                     */
+                    rotate?: number | string;
+
+                    /**
+                     * Align of text, which can be `'left'`, `'center'`, or
+                     * `'right'`.
+                     * Note that `'left'` stands for inner side, and `'right'`
+                     * stands for outer side.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     *
+                     * @default
+                     * "center"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * If angle of data piece is smaller than this value (in
+                     * degrees), then text is not displayed.
+                     * This is used for hiding text for small piece of data.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.minAngle
+                     */
+                    minAngle?: number;
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of Sunburst sectors.
+                 *
+                 * Style can be set in
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * for sectors of this series, or
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * for the whole level, or
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * for single sector. If
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * is defined, it will cover the setting of
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * and
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * .
+                 *
+                 * **Priority:
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * >
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * >
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * .**
+                 *
+                 * In ECharts, _emphasis_ is for styles when mouse hovers.
+                 * For Sunburst charts, there are two extra states: _highlight_
+                 * for highlighting items that relates to the emphasized one,
+                 * and _downplay_ for others when emphasizing an item. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "white"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.downplay.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.downplay.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * **Multiple levels**
+             *
+             * Sunburst chart has a leveled structure.
+             * To make it convenient, we provide a `levels` option, which is
+             * an array.
+             * The first element of it is for returning to parent node when
+             * data mining.
+             * The following elements are for levels from center to outside.
+             *
+             * For example, if we don't want the data mining, and want to set
+             * the most inside sector to be red, and text to be blue, we can
+             * set the option like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * []
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels
+             */
+            levels?: {
+
+                /**
+                 * `label` sets the text style for every sectors.
+                 *
+                 * **Priority:
+                 * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                 * >
+                 * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                 * >
+                 * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                 * .**
+                 *
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label
+                 */
+                label?: {
+
+                    /**
+                     * If it is `number` type, then is stands for rotation,
+                     * from -90 degrees to 90 degrees, and positive values stand
+                     * for counterclockwise.
+                     *
+                     * Besides, it can be string `'radial'`, standing for radial
+                     * rotation; or `'tangential'`, standing for tangential
+                     * rotation.
+                     *
+                     * By default, it is `'radial'`.
+                     * If no rotation is wanted, it can be set to `0`.
+                     *
+                     * The following example shows different `rotate` settings:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     *
+                     * @default
+                     * "radial"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rotate
+                     */
+                    rotate?: number | string;
+
+                    /**
+                     * Align of text, which can be `'left'`, `'center'`, or
+                     * `'right'`.
+                     * Note that `'left'` stands for inner side, and `'right'`
+                     * stands for outer side.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     *
+                     * @default
+                     * "center"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * If angle of data piece is smaller than this value (in
+                     * degrees), then text is not displayed.
+                     * This is used for hiding text for small piece of data.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.minAngle
+                     */
+                    minAngle?: number;
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of Sunburst sectors.
+                 *
+                 * Style can be set in
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * for sectors of this series, or
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * for the whole level, or
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * for single sector. If
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * is defined, it will cover the setting of
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * and
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * .
+                 *
+                 * **Priority:
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * >
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * >
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * .**
+                 *
+                 * In ECharts, _emphasis_ is for styles when mouse hovers.
+                 * For Sunburst charts, there are two extra states: _highlight_
+                 * for highlighting items that relates to the emphasized one,
+                 * and _downplay_ for others when emphasizing an item. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "white"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Item style when mouse is hovering. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Item style when mouse is hovering related items. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight
+                 */
+                highlight?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.highlight.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.highlight.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Item style when mouse is hovering unrelated items. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay
+                 */
+                downplay?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.levels.downplay.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.downplay.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+            };
+
+            /**
+             * Whether to enable animation.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animation
+             */
+            animation?: boolean;
+
+            /**
+             * Whether to set graphic number threshold to animation.
+             * Animation will be disabled when graphic number is larger than
+             * threshold.
+             *
+             *
+             * @default
+             * 2000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationThreshold
+             */
+            animationThreshold?: number;
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * 1000
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * Time for animation to complete, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             *
+             * @default
+             * 500
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationDurationUpdate
+             */
+            animationDurationUpdate?: Function | number;
+
+            /**
+             * Easing method used for animation.
+             *
+             *
+             * @default
+             * "cubicOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationEasingUpdate
+             */
+            animationEasingUpdate?: string;
+
+            /**
+             * Delay before updating animation, which supports callback function
+             * for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.animationDelayUpdate
+             */
+            animationDelayUpdate?: Function | number;
+        }
+
+        namespace SeriesSunburst {
+            interface DataObject {
+
+                /**
+                 * Value for each item.
+                 * If contains children, value can be left unset, and sum of
+                 * children values will be used in this case.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.value
+                 */
+                value?: number;
+
+                /**
+                 * Name displayed in each sector.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.name
+                 */
+                name?: string;
+
+                /**
+                 * Link address that redirects to when this sector is clicked.
+                 * Only useful when
+                 * [series-sunburst.nodeClick](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.nodeClick)
+                 * is set to be `'link'`.
+                 *
+                 * See
+                 * [series-sunburst.data.target](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.target)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.link
+                 */
+                link?: string;
+
+                /**
+                 * Like `target` attribute of HTML `<a>`, which can either be
+                 * `'blank'` or `'self'`. See
+                 * [series-sunburst.data.link](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.link)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "blank"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.target
+                 */
+                target?: string;
+
+                /**
+                 * `label` sets the text style for every sectors.
+                 *
+                 * **Priority:
+                 * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                 * >
+                 * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                 * >
+                 * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                 * .**
+                 *
+                 * Text label of , to explain some data information about graphic
+                 * item like value, name and so on.
+                 * `label` is placed under `itemStyle` in ECharts 2.x.
+                 * In ECharts 3, to make the configuration structure flatter,
+                 * `label`is taken to be at the same level with `itemStyle`,
+                 * and has `emphasis` as `itemStyle` does.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label
+                 */
+                label?: {
+
+                    /**
+                     * If it is `number` type, then is stands for rotation,
+                     * from -90 degrees to 90 degrees, and positive values stand
+                     * for counterclockwise.
+                     *
+                     * Besides, it can be string `'radial'`, standing for radial
+                     * rotation; or `'tangential'`, standing for tangential
+                     * rotation.
+                     *
+                     * By default, it is `'radial'`.
+                     * If no rotation is wanted, it can be set to `0`.
+                     *
+                     * The following example shows different `rotate` settings:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     *
+                     * @default
+                     * "radial"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rotate
+                     */
+                    rotate?: number | string;
+
+                    /**
+                     * Align of text, which can be `'left'`, `'center'`, or
+                     * `'right'`.
+                     * Note that `'left'` stands for inner side, and `'right'`
+                     * stands for outer side.
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     *
+                     * @default
+                     * "center"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * If angle of data piece is smaller than this value (in
+                     * degrees), then text is not displayed.
+                     * This is used for hiding text for small piece of data.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.minAngle
+                     */
+                    minAngle?: number;
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * Style of Sunburst sectors.
+                 *
+                 * Style can be set in
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * for sectors of this series, or
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * for the whole level, or
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * for single sector. If
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * is defined, it will cover the setting of
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * and
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * .
+                 *
+                 * **Priority:
+                 * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                 * >
+                 * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                 * >
+                 * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                 * .**
+                 *
+                 * In ECharts, _emphasis_ is for styles when mouse hovers.
+                 * For Sunburst charts, there are two extra states: _highlight_
+                 * for highlighting items that relates to the emphasized one,
+                 * and _downplay_ for others when emphasizing an item. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "white"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * Item style when mouse is hovering. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Item style when mouse is hovering related items. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight
+                 */
+                highlight?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.highlight.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.highlight.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Item style when mouse is hovering unrelated items. See
+                 * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay
+                 */
+                downplay?: {
+
+                    /**
+                     * `label` sets the text style for every sectors.
+                     *
+                     * **Priority:
+                     * [series.data.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.label)
+                     * >
+                     * [series.levels.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.label)
+                     * >
+                     * [series.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.label)
+                     * .**
+                     *
+                     * Text label of , to explain some data information about
+                     * graphic item like value, name and so on.
+                     * `label` is placed under `itemStyle` in ECharts 2.x.
+                     * In ECharts 3, to make the configuration structure flatter,
+                     * `label`is taken to be at the same level with `itemStyle`,
+                     * and has `emphasis` as `itemStyle` does.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label
+                     */
+                    label?: {
+
+                        /**
+                         * If it is `number` type, then is stands for rotation,
+                         * from -90 degrees to 90 degrees, and positive values
+                         * stand for counterclockwise.
+                         *
+                         * Besides, it can be string `'radial'`, standing for
+                         * radial rotation; or `'tangential'`, standing for
+                         * tangential rotation.
+                         *
+                         * By default, it is `'radial'`.
+                         * If no rotation is wanted, it can be set to `0`.
+                         *
+                         * The following example shows different `rotate` settings:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         *
+                         * @default
+                         * "radial"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rotate
+                         */
+                        rotate?: number | string;
+
+                        /**
+                         * Align of text, which can be `'left'`, `'center'`,
+                         * or `'right'`.
+                         * Note that `'left'` stands for inner side, and `'right'`
+                         * stands for outer side.
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         *
+                         * @default
+                         * "center"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * If angle of data piece is smaller than this value
+                         * (in degrees), then text is not displayed.
+                         * This is used for hiding text for small piece of data.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.minAngle
+                         */
+                        minAngle?: number;
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * Style of Sunburst sectors.
+                     *
+                     * Style can be set in
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * for sectors of this series, or
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * for the whole level, or
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * for single sector. If
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * is defined, it will cover the setting of
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * and
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * .
+                     *
+                     * **Priority:
+                     * [series.data.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.itemStyle)
+                     * >
+                     * [series.levels.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.levels.itemStyle)
+                     * >
+                     * [series.itemStyle](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.itemStyle)
+                     * .**
+                     *
+                     * In ECharts, _emphasis_ is for styles when mouse hovers.
+                     * For Sunburst charts, there are two extra states: _highlight_
+                     * for highlighting items that relates to the emphasized
+                     * one, and _downplay_ for others when emphasizing an item.
+                     * See
+                     * [highlightPolicy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.highlightPolicy)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color. Color is taken from
+                         * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "white"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.sunburst.data.downplay.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.downplay.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * Children nodes, which is recursively defined.
+                 * In the same format to
+                 * [series-sunburst.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-sunburst.data.children
+                 */
+                children?: DataObject[];
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/theme-river.d.ts b/types/echarts/options/series/theme-river.d.ts
new file mode 100644
index 0000000000..b5460dd9e6
--- /dev/null
+++ b/types/echarts/options/series/theme-river.d.ts
@@ -0,0 +1,2491 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Theme river**
+         *
+         * It is a special flow graph which is mainly used to present the changes
+         * of an event or theme during a period.
+         *
+         * **Sample:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver)
+         *
+         * **visual encoding:**
+         *
+         * The ribbon-shape river branches in different colors in theme river
+         * encode variable events or themes.
+         * The width of river branches encode the value of the original dataset.
+         *
+         * What's more, the time attribute of the orinigal dataset would map
+         * to a single time axis.
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver
+         */
+        interface SeriesThemeRiver {
+
+            /**
+             * @default
+             * "themeRiver"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.id
+             */
+            id?: string;
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.z
+             */
+            z?: number;
+
+            /**
+             * Distance between thmemRiver component and the left side of the
+             * container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between thmemRiver component and the top side of the
+             * container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between thmemRiver component and the right side of the
+             * container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between thmemRiver component and the bottom side of
+             * the container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 5%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * Width of thmemRiver component.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.width
+             */
+            width?: number | string;
+
+            /**
+             * Height of thmemRiver component.
+             *
+             * **Notes:** The positional information of the whole theme river
+             * view reuses the positional information of a single time axis,
+             * which are left, top, right and bottom.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.height
+             */
+            height?: number | string;
+
+            /**
+             * coordinate. The theme river adopts sinle time axis.
+             *
+             *
+             * @default
+             * ""single""
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.coordinateSystem
+             */
+            coordinateSystem?: string;
+
+            /**
+             * The boundary gap of the direction orthogonal with coordinate
+             * axis in diagram, which is set to adjust the diagram position,
+             * keeping it on the screen center instead of the upside or downside
+             * of the screen.
+             *
+             *
+             * @default
+             * ["10%", "10%"]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.boundaryGap
+             */
+            boundaryGap?: any[];
+
+            /**
+             * The index of single time axis, which defaults to be 0 because
+             * it contains only one axis.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.singleAxisIndex
+             */
+            singleAxisIndex?: number;
+
+            /**
+             * `label` describes style of text labels with which each ribbon-shape
+             * river branch corresponds in theme river.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "left"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * '#000'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 11
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * style of each ribbon-shape river branch in theme river.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#000"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "left"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * '#000'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 11
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.emphasis.itemStyle)
+                     *
+                     *
+                     * @default
+                     * 20
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @default
+                     * "rgba(0,0,0,0.8)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+            };
+
+            /**
+             * Data array of series, which can be in the following forms:
+             *
+             * Notice, if no `data` specified in series, and there is
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * in option, series will use the first
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * as its datasource. If `data` has been specified,
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * will not used.
+             *
+             * `series.datasetIndex` can be used to specify other
+             * [dataset](https://ecomfe.github.io/echarts-doc/public/en/option.html#dataset)
+             * .
+             *
+             * Basically, data is represented by a two-dimension array, like
+             * the example below, where each colum is named as a "dimension".
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver)
+             *
+             * + In
+             * [cartesian (grid)](https://ecomfe.github.io/echarts-doc/public/en/option.html#grid)
+             * , "dimX" and "dimY" correspond to
+             * [xAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis)
+             * and
+             * [yAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis)
+             * repectively.
+             * + In
+             * [polar](https://ecomfe.github.io/echarts-doc/public/en/option.html#polar)
+             * "dimX" and "dimY" correspond to
+             * [radiusAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#radiusAxis)
+             * 和
+             * [angleAxis](https://ecomfe.github.io/echarts-doc/public/en/option.html#anbleAxis)
+             * repectively.
+             * + Other dimensions are optional, which can be used in other place.
+             * For example:
+             * + [visualMap](https://ecomfe.github.io/echarts-doc/public/en/option.html#visualMap)
+             * can map one or more dimensions to viusal (color, symbol size
+             * ...).
+             * + [series.symbolSize](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.symbolSize)
+             * can be set as a callback function, where symbol size can be calculated
+             * by values of a certain dimension.
+             * + Values in other dimensions can be shown by
+             * [tooltip.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.formatter)
+             * or
+             * [series.label.formatter](https://ecomfe.github.io/echarts-doc/public/en/option.html#series.label.formatter)
+             * .
+             *
+             * Especially, when there is one and only one category axis (axis.type
+             * is `'category'`), data can be simply be represented by a one-dimension
+             * array, like:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver)
+             *
+             * **Relationship between "value" and
+             * [axis.type](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type)
+             * **
+             *
+             * + When a dimension corresponds to a value axis (axis.type
+             * is `'value'` or `'log'`):
+             *
+             * The value can be a `number` (like `12`) (can also be a number
+             * in a `string` format, like `'12'`).
+             *
+             * + When a dimension corresponds to a category axis (axis.type
+             * is `'category'`):
+             *
+             * The value should be the ordinal of the axis.data
+             * (based on `0`), the string value of the axis.data.
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver)
+             *
+             * There is an example of double category axes:
+             * [Github Punchcard](https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard)
+             * .
+             *
+             * + When a dimension corresponds to a time axis (type is `'time'`),
+             * the value can be:
+             *
+             * + a timestamp, like `1484141700832`, which represents a UTC time.
+             * + a date string, in one of the formats below:
+             * + a subset of
+             * [ISO 8601](http://www.ecma-international.org/ecma-262/5.1/#se
+             * c-15.9.1.15)
+             * , only including (all of these are treated as local time unless
+             * timezone is specified, which is consistent with
+             * [moment](https://momentjs.com/)
+             * ):
+             * + only part of year/month/date/time are specified: `'2012-03'`,
+             * `'2012-03-01'`, `'2012-03-01 05'`, `'2012-03-01 05:06'`.
+             * + separated by `"T"` or a space: `'2012-03-01T12:22:33.123'`,
+             * `'2012-03-01 12:22:33.123'`.
+             * + timezone specified: `'2012-03-01T12:22:33Z'`, `'2012-03-01T12:22:33+8000'`,
+             * `'2012-03-01T12:22:33-05:00'`.
+             * + other date string format (all of these are treated as local
+             * time): `'2012'`, `'2012-3-1'`, `'2012/3/1'`, `'2012/03/01'`,
+             * `'2009/6/12 2:00'`, `'2009/6/12 2:05:08'`, `'2009/6/12 2:05:08.123'`.
+             * + a JavaScript Date instance created by user:
+             * + Caution, when using a data string to create a Date instance,
+             * [browser differences and inconsistencies](http://dygraphs.com/date-formats.html)
+             * should be considered.
+             * + For example: In chrome, `new Date('2012-01-01')` is treated
+             * as a Jan 1st 2012 in UTC, while `new Date('2012-1-1')` and `new
+             * Date('2012/01/01')` are treated as Jan 1st 2012 in local timezone.
+             * In safari `new Date('2012-1-1')` is not supported.
+             * + So if you intent to perform `new Date(dateString)`, it is strongly
+             * recommended to use a time parse library (e.g.,
+             * [moment](https://momentjs.com/)
+             * ), or use `echarts.number.parseDate`, or check
+             * [this](http://dygraphs.com/date-formats.html)
+             * .
+             *
+             * **Customize a data item:**
+             *
+             * When needing to customize a data item, it can be set as an object,
+             * where property `value` reprensent real value. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver)
+             *
+             * **Empty value:**
+             *
+             * `'-'` or `null` or `undefined` or `NaN` can be used to describe
+             * that a data item is not exists (ps：_not exist_ does not means
+             * its value is `0`).
+             *
+             * For example, line chart can break when encounter an empty value,
+             * and scatter chart do not display graphic elements for empty values.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.data
+             */
+            data?: (
+                (void | number | string | SeriesThemeRiver.DataObject)[]
+                | (void | number | string | SeriesThemeRiver.DataObject)[][]
+            );
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesThemeRiver {
+            interface DataObject {
+
+                /**
+                 * the time attribute of time and theme.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.data.date
+                 */
+                date?: string;
+
+                /**
+                 * the value of an event or theme at a time point.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.data.value
+                 */
+                value?: number | number[];
+
+                /**
+                 * the name of an event or theme.
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.themeRiver.data)
+                 *
+                 * **data specification:**
+                 *
+                 * As what is shown above, the data format of theme river is
+                 * double dimensional array.
+                 * Each item of the inner array consists of the time attribute
+                 * , the value at a time point and the name of an event or theme.
+                 * It needs to be noticed that you should provide an event or
+                 * theme with a complete time quantum as main river.
+                 * Other events and themes are based on the main river.
+                 * The default value of time point should be set as 0.
+                 * That is to say other events or themes are included in the
+                 * main river.
+                 * Once they are beyond the main river, the layout would be
+                 * wrong.
+                 * That is because a baseline should be calculated to draw each
+                 * event as ribbon shape when the whole diagram layout is calculated.
+                 * As the example above, the event "SS" is a main river.
+                 * After dispose, we would complete these 3 default time points
+                 * with the format of \["2015/11/08",0,"DQ"\], \["2015/11/12",0,"DQ"\],
+                 * ［"2015/11/13",0,"DQ"］, making it align with the main river.
+                 * From what is mentioned, we could set default value on any
+                 * position of a complete time period.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-themeRiver.data.name
+                 */
+                name?: string;
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/tree.d.ts b/types/echarts/options/series/tree.d.ts
new file mode 100644
index 0000000000..24e4aebdf6
--- /dev/null
+++ b/types/echarts/options/series/tree.d.ts
@@ -0,0 +1,6965 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * **Tree Diagram**
+         *
+         * The tree diagram is mainly used to visualize the tree data structure,
+         * which is a special hierarchical type with a unique root node, left
+         * subtree, and right subtree.
+         *
+         * **Note: Forests are not currently supported directly in a single
+         * series, and can be implemented by configuring multiple series in
+         * an option**
+         *
+         * **Tree example：**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree)
+         *
+         * **Multiple series are combined into forest：**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree)
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree
+         */
+        interface SeriesTree {
+
+            /**
+             * @default
+             * "tree"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.name
+             */
+            name?: string;
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.z
+             */
+            z?: number;
+
+            /**
+             * Distance between tree component and the left side of the container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 12%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between tree component and the top side of the container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * 12%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between tree component and the right side of the container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 12%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between tree component and the bottom side of the container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             *
+             * @default
+             * 12%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * Width of tree component.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.width
+             */
+            width?: number | string;
+
+            /**
+             * Height of tree component.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.height
+             */
+            height?: number | string;
+
+            /**
+             * The layout of the tree, which can be `orthogonal` and `radial`
+             * 。Here the `orthogonal` layout is what we usually refer to the
+             * `horizontal` and `vertical` direction, the corresponding parameter
+             * value is `orthogonal`.
+             * The `radial` layout refers to the view that the root node as
+             * the center and each layer of nodes as the ring, the corresponding
+             * parameter value is `radial`.
+             *
+             * **Orthogonal Example：**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree)
+             *
+             * **Radial Example：**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree)
+             *
+             *
+             * @default
+             * "orthogonal"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.layout
+             */
+            layout?: string;
+
+            /**
+             * The direction of the `orthogonal` layout in the tree diagram.
+             * That means this configuration takes effect only if `layout =
+             * 'orthogonal'`.
+             * The corresponding directions are `from left to right`, `from
+             * right to left`, `from top to bottom`, `from bottom to top`, with
+             * shorthand values `'LR'`, `'RL'`, `'TB'`, `'BT'`.
+             * **Note: The previous configuration value `'horizontal'` is equivalent
+             * to `'LR'`, `'vertical'` is equivalent to `'TB'`.**
+             *
+             *
+             * @default
+             * "LR"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.orient
+             */
+            orient?: string;
+
+            /**
+             * Symbol of .
+             *
+             * Icon types provided by ECharts includes `'circle'`, `'rect'`,
+             * `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
+             * `'none'`
+             *
+             * It can be set to an image with `'image://url'` , in which URL
+             * is the link to an image, or `dataURI` of an image.
+             *
+             * An image URL example:
+             *
+             * ```
+             * 'image://http://xxx.xxx.xxx/a/b.png'
+             *
+             * ```
+             *
+             * A `dataURI` example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree)
+             *
+             * Icons can be set to arbitrary vector path via `'path://'` in
+             * ECharts.
+             * As compared with raster image, vector paths prevent from jagging
+             * and blurring when scaled, and have a better control over changing
+             * colors.
+             * Size of vectoer icon will be adapted automatically. Refer to
+             * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
+             * for more information about format of path.
+             * You may export vector paths from tools like Adobe Illustrator.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree)
+             *
+             *
+             * @default
+             * "emptyCircle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.symbol
+             */
+            symbol?: string;
+
+            /**
+             * symbol size.
+             * It can be set to single numbers like `10`, or use an array to
+             * represent width and height.
+             * For example, `[20, 10]` means symbol width is `20`, and height
+             * is`10`.
+             *
+             * If size of symbols needs to be different, you can set with callback
+             * function in the following format:
+             *
+             * ```
+             * (value: Array|number, params: Object) => number|Array
+             *
+             * ```
+             *
+             * The first parameter `value` is the value in
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data)
+             * , and the second parameter `params` is the rest parameters of
+             * data item.
+             *
+             *
+             * @default
+             * 7
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.symbolSize
+             */
+            symbolSize?: any[] | Function | number;
+
+            /**
+             * Rotate degree of symbol.
+             * Note that when `symbol` is set to be `'arrow'` in `markLine`,
+             * `symbolRotate` value will be ignored, and compulsively use tangent
+             * angle.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.symbolRotate
+             */
+            symbolRotate?: number;
+
+            /**
+             * Whether to keep aspect for symbols in the form of `path://`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.symbolKeepAspect
+             */
+            symbolKeepAspect?: boolean;
+
+            /**
+             * Offset of symbol relative to original position.
+             * By default, symbol will be put in the center position of data.
+             * But if symbol is from user-defined vector path or image, you
+             * may not expect symbol to be in center.
+             * In this case, you may use this attribute to set offset to default
+             * position.
+             * It can be in absolute pixel value, or in relative percentage
+             * value.
+             *
+             * For example, `[0, '50%']` means to move upside side position
+             * of symbol height.
+             * It can be used to make the arrow in the bottom to be at data
+             * position when symbol is pin.
+             *
+             *
+             * @default
+             * [0, 0]
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.symbolOffset
+             */
+            symbolOffset?: any[];
+
+            /**
+             * Whether to enable mouse zooming and translating.
+             * `false` by default.
+             * If either zooming or translating is wanted, it can be set to
+             * `'scale'` or `'move'`.
+             * Otherwise, set it to be `true` to enable both.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.roam
+             */
+            roam?: boolean | string;
+
+            /**
+             * Subtree collapses and expands interaction, `default true`.
+             * As the drawing area is limited, and usually the nodes of a tree
+             * may be more, so there will be hidden between the nodes.
+             * In order to avoid this problem, you can put a temporary unrelated
+             * subtree folded away, until you need to start when necessary.
+             * Such as the above radial layout tree example, the center of the
+             * node is filled with blue is the folded away subtree, you can
+             * click to expand it.
+             *
+             * **Note: If you configure a custom image as the tag for a node,
+             * it is not possible to distinguish whether the current node has
+             * a collapsed subtree by the fill color.
+             * And currently do not support, upload two pictures, respectively
+             * represent the collapsing and expansion state of the node.
+             * So, if you want to explicitly show the two states of the node,
+             * it is recommended to use `ECharts` regular tag types, such as
+             * `emptyCircle`.**
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.expandAndCollapse
+             */
+            expandAndCollapse?: boolean;
+
+            /**
+             * The initial level (depth) of the tree.
+             * The root node is the 0th layer, then the first layer, the second
+             * layer,
+             *
+             *
+             *
+             * , until the leaf node.
+             * This configuration item is primarily used in conjunction with
+             * `collapsing and expansion` interactions.
+             * The purpose is to prevent the nodes from obscuring each other.
+             * If set as -1 or `null` or `undefined`, all nodes are expanded.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.initialTreeDepth
+             */
+            initialTreeDepth?: number;
+
+            /**
+             * The style of each node in the tree, where \[itemStyle.color\]
+             * (~ series-tree.itemStyle.color)
+             * represents the fill color of the node, to distinguish the state
+             * of the subtree corresponding to `collapsing` or `expansion`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * color. Color is taken from
+                 * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 * > Color can be represented in RGB, for example `'rgb(128,
+                 * 128, 128)'`.
+                 * RGBA can be used when you need alpha channel, for example
+                 * `'rgba(128, 128, 128, 0.5)'`.
+                 * You may also use hexadecimal format, for example `'#ccc'`.
+                 * Gradient color and texture are also supported besides single
+                 * colors.
+                 * >
+                 * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * border color, whose format is similar to that of `color`.
+                 *
+                 *
+                 * @default
+                 * "#c23531"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * border width. No border when it is set to be 0.
+                 *
+                 *
+                 * @default
+                 * 1.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                 * `'solid'` by default.
+                 *
+                 *
+                 * @default
+                 * "solid"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.borderType
+                 */
+                borderType?: string;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.itemStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Opacity of the component.
+                 * Supports value from 0 to 1, and the component will not be
+                 * drawn when set to 0.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.itemStyle.opacity
+                 */
+                opacity?: number;
+            };
+
+            /**
+             * `label` describes the style of the text corresponding to each
+             * node.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{d}`: the percent.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {d}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+            };
+
+            /**
+             * Defines the style of the tree edge.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle
+             */
+            lineStyle?: {
+
+                /**
+                 * The color of the tree edge.
+                 *
+                 *
+                 * @default
+                 * ""#ccc""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * The width of the tree edge.
+                 *
+                 *
+                 * @default
+                 * 1.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.width
+                 */
+                width?: number;
+
+                /**
+                 * The curvature of the tree edge.
+                 *
+                 *
+                 * @default
+                 * 0.5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.curveness
+                 */
+                curveness?: number;
+
+                /**
+                 * Size of shadow blur.
+                 * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                 * `shadowOffsetY` to set shadow to component.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.lineStyle)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow color. Support same format as `color`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Offset distance on the horizontal direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Offset distance on the vertical direction of shadow.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.lineStyle.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle
+                 */
+                lineStyle?: {
+
+                    /**
+                     * The color of the tree edge.
+                     *
+                     *
+                     * @default
+                     * ""#ccc""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The width of the tree edge.
+                     *
+                     *
+                     * @default
+                     * 1.5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.width
+                     */
+                    width?: number;
+
+                    /**
+                     * The curvature of the tree edge.
+                     *
+                     *
+                     * @default
+                     * 0.5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.curveness
+                     */
+                    curveness?: number;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.lineStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.lineStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+            };
+
+            /**
+             * Leaf node special configuration, such as the above tree diagram
+             * example, the leaf node and non-leaf node label location is different.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves
+             */
+            leaves?: {
+
+                /**
+                 * Describes the style of the text label corresponding to the
+                 * leaf node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{d}`: the percent.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {d}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * The style of the leaf node in the tree.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{d}`: the percent.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {d}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.leaves.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.leaves.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+            };
+
+            /**
+             * [series-tree.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data)
+             * the data format is a tree structure，for example：
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data
+             */
+            data?: SeriesTree.DataObject[];
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesTree {
+            interface DataObject {
+                children?: DataObject[];
+
+                /**
+                 * The name of the tree node, used to identify each node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.name
+                 */
+                name?: string;
+
+                /**
+                 * The value of the node, displayed in the tooltip.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.value
+                 */
+                value?: number;
+
+                /**
+                 * The style of the node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * color. Color is taken from
+                     * [option.color Palette](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * border color, whose format is similar to that of `color`.
+                     *
+                     *
+                     * @default
+                     * "#000"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * border width. No border when it is set to be 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.itemStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.itemStyle.opacity
+                     */
+                    opacity?: number;
+                };
+
+                /**
+                 * The label of the node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * border color, whose format is similar to that of
+                         * `color`.
+                         *
+                         *
+                         * @default
+                         * "#000"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * border width. No border when it is set to be 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.emphasis.itemStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+                    };
+                };
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+
+                /**
+                 * Whether to enable animation.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animation
+                 */
+                animation?: boolean;
+
+                /**
+                 * Whether to set graphic number threshold to animation.
+                 * Animation will be disabled when graphic number is larger
+                 * than threshold.
+                 *
+                 *
+                 * @default
+                 * 2000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationThreshold
+                 */
+                animationThreshold?: number;
+
+                /**
+                 * Duration of the first animation, which supports callback
+                 * function for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data)
+                 *
+                 *
+                 * @default
+                 * 1000
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationDuration
+                 */
+                animationDuration?: Function | number;
+
+                /**
+                 * Easing method used for the first animation.
+                 * Varied easing effects can be found at
+                 * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "linear"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationEasing
+                 */
+                animationEasing?: string;
+
+                /**
+                 * Delay before updating the first animation, which supports
+                 * callback function for different data to have different animation
+                 * effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationDelay
+                 */
+                animationDelay?: Function | number;
+
+                /**
+                 * Time for animation to complete, which supports callback function
+                 * for different data to have different animation effect:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data)
+                 *
+                 *
+                 * @default
+                 * 300
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationDurationUpdate
+                 */
+                animationDurationUpdate?: Function | number;
+
+                /**
+                 * Easing method used for animation.
+                 *
+                 *
+                 * @default
+                 * "cubicOut"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationEasingUpdate
+                 */
+                animationEasingUpdate?: string;
+
+                /**
+                 * Delay before updating animation, which supports callback
+                 * function for different data to have different animation effect.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.tree.data)
+                 *
+                 * See
+                 * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+                 * for more information.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree.data.animationDelayUpdate
+                 */
+                animationDelayUpdate?: Function | number;
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/series/treemap.d.ts b/types/echarts/options/series/treemap.d.ts
new file mode 100644
index 0000000000..4e68d8f205
--- /dev/null
+++ b/types/echarts/options/series/treemap.d.ts
@@ -0,0 +1,14365 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * [Treemap](https://en.wikipedia.org/wiki/Treemapping)
+         * is a common way to present "hierarchical data" or "tree data".It
+         * primarily highlights the important nodes at all hierarchies in 『Tree』with
+         * area.
+         *
+         * **Example:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+         *
+         * **Visual Mapping:**
+         *
+         * treemap maps the numerical values to area.
+         *
+         * Moreover, it is able to map some dimensions of data to other visual
+         * channel, like colors, lightness of colors and etc.
+         *
+         * About visual encoding, see details in
+         * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+         * .
+         *
+         * **Drill Down:**
+         *
+         * The feature `drill down` means: when clicking a tree node, this node
+         * will be set as root and its children will be shown. When
+         * [leafDepth](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.leafDepth)
+         * is set, this feature is enabled.
+         *
+         * **An example about drill down:**
+         *
+         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+         *
+         * Notice: There are some difference in treemap configuration between
+         * ECharts3 and ECharts2.
+         * Some immature configuration ways are no longer supported:
+         *
+         * + The position method using `center/size` is no longer supported,
+         * and `left/top/bottom/right/width/height` are used to position treemap,
+         * as other components do.
+         *
+         * + The configuration item `breadcrumb` is moved outside `itemStyle/itemStyle.emphasis`,
+         * and it is in the same level with `itemStyle` now.
+         *
+         * + The configuration item `root` is not avaliable temporarily.User
+         * can zoom treemap to see some tiny or deep descendants, or using
+         * [leafDepth](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.leafDepth)
+         * to enable the feature of "drill down".
+         *
+         * + The configuration item `label` is moved outside the `itemStyle/itemStyle.emphasis`,
+         * and it is in the same level with `itemStyle` now.
+         *
+         * + The configuration items `itemStyle.childBorderWidth`
+         * and `itemStyle.childBorderColor`
+         * are not supported anymore (because in this way only 2 levels can
+         * be defined).
+         * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+         * is used to define all levels now.
+         *
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap
+         */
+        interface SeriesTreemap {
+
+            /**
+             * @default
+             * "treemap"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.type
+             */
+            type?: string;
+
+            /**
+             * Component ID, not specified by default.
+             * If specified, it can be used to refer the component in option
+             * or API.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.id
+             */
+            id?: string;
+
+            /**
+             * Series name used for displaying in
+             * [tooltip](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip)
+             * and filtering with
+             * [legend](https://ecomfe.github.io/echarts-doc/public/en/option.html#legend)
+             * , or updaing data and configuration with `setOption`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.name
+             */
+            name?: string;
+
+            /**
+             * `zlevel` value of all graghical elements in .
+             *
+             * `zlevel` is used to make layers with Canvas.
+             * Graphical elements with different `zlevel` values will be placed
+             * in different Canvases, which is a common optimization technique.
+             * We can put those frequently changed elements (like those with
+             * animations) to a seperate `zlevel`.
+             * Notice that too many Canvases will increase memory cost, and
+             * should be used carefully on mobile phones to avoid crash.
+             *
+             * Canvases with bigger `zlevel` will be placed on Canvases with
+             * smaller `zlevel`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.zlevel
+             */
+            zlevel?: number;
+
+            /**
+             * `z` value of all graghical elements in , which controls order
+             * of drawing graphical components.
+             * Components with smaller `z` values may be overwritten by those
+             * with larger `z` values.
+             *
+             * `z` has a lower priority to `zlevel`, and will not create new
+             * Canvas.
+             *
+             *
+             * @default
+             * 2
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.z
+             */
+            z?: number;
+
+            /**
+             * Distance between treemap component and the left side of the container.
+             *
+             * `left` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'left'`, `'center'`, or `'right'`.
+             *
+             * If the `left` value is set to be `'left'`, `'center'`, or `'right'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "center"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.left
+             */
+            left?: number | string;
+
+            /**
+             * Distance between treemap component and the top side of the container.
+             *
+             * `top` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`;
+             * and it can also be `'top'`, `'middle'`, or `'bottom'`.
+             *
+             * If the `left` value is set to be `'top'`, `'middle'`, or `'bottom'`,
+             * then the component will be aligned automatically based on position.
+             *
+             *
+             * @default
+             * "middle"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.top
+             */
+            top?: number | string;
+
+            /**
+             * Distance between treemap component and the right side of the
+             * container.
+             *
+             * `right` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.right
+             */
+            right?: number | string;
+
+            /**
+             * Distance between treemap component and the bottom side of the
+             * container.
+             *
+             * `bottom` value can be instant pixel value like `20`; it can also
+             * be percentage value relative to container width like `'20%'`.
+             *
+             * Adaptive by default.
+             *
+             *
+             * @default
+             * "auto"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.bottom
+             */
+            bottom?: number | string;
+
+            /**
+             * Width of treemap component.
+             *
+             *
+             * @default
+             * 80%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.width
+             */
+            width?: number | string;
+
+            /**
+             * Height of treemap component.
+             *
+             *
+             * @default
+             * 80%
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.height
+             */
+            height?: number | string;
+
+            /**
+             * The expected square ratio.
+             * Layout would approach the ratio as close as possible.
+             *
+             * It defaults to be the golden ratio: `0.5
+             * * (1 + Math.sqrt(5))`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.squareRatio
+             */
+            squareRatio?: number;
+
+            /**
+             * When `leafDepth` is set, the feature "drill down" is enabled,
+             * which means when clicking a tree node, this node will be set
+             * as root and its children will be shown.
+             *
+             * `leafDepth` represents how many levels are shown at most.
+             * For example, when `leafDepth` is set to `1`, only one level will
+             * be shown.
+             *
+             * `leafDepth` is `null`/`undefined` by default, which means that
+             * "drill down" is disabled.
+             *
+             * **An example about drill down:**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.leafDepth
+             */
+            leafDepth?: number;
+
+            /**
+             * Marker when the node is able to be drilled down.
+             *
+             *
+             * @default
+             * '▶'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.drillDownIcon
+             */
+            drillDownIcon?: string;
+
+            /**
+             * Whether to enable dragging roam (move and zoom).
+             * Optional values are:
+             *
+             * + `false`: roam is disabled.
+             * + `'scale'` or `'zoom'`: zoom only.
+             * + `'move'` or `'pan'`: move (translation) only.
+             * + `true`: both zoom and move (translation) are avaliable.
+             *
+             *
+             * @default
+             * "true"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.roam
+             */
+            roam?: boolean | string;
+
+            /**
+             * The behaviour when clicking a node. Optional values are:
+             *
+             * + `false`: Do nothing after clicked.
+             * + `'zoomToNode'`: Zoom to clicked node.
+             * + `'link'`: If there is
+             * [link](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.link)
+             * in node data, do hyperlink jump after clicked.
+             *
+             *
+             * @default
+             * "zoomToNode"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.nodeClick
+             */
+            nodeClick?: boolean | string;
+
+            /**
+             * The treemap will be auto zoomed to a appropriate ratio when a
+             * node is clicked (when
+             * [nodeClick](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.nodeClick)
+             * is set as `'zoomToNode'` and no drill down happens).
+             * This configuration item indicates the ratio.
+             *
+             *
+             * @default
+             * 0.32*0.32
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.zoomToNodeRatio
+             */
+            zoomToNodeRatio?: number;
+
+            /**
+             * **Multiple Levels Configuration**
+             *
+             * treemap adopts 4-level configuration:
+             *
+             * ```
+             * "each node" --> "each level" --> "each series".
+             *
+             * ```
+             *
+             * That is, we can configurate each node, can also configurate each
+             * level of the tree, or set overall configurations on each series.
+             * The highest priority is node configuration.
+             *
+             * `levels` is configurations on each levels, which is used most.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             * **The Rules about Visual Mapping**
+             *
+             * When designing a treemap, we primarily focus on how to visually
+             * distinguish "different levels", "different categories in the
+             * same level", which requires appropriate settings of "rectangular
+             * color", "border thickness", "border color" and even "color saturation
+             * of rectangular" and so on on each level.
+             *
+             * See
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-disk&edit=1&reset=1)
+             *
+             * The top level is divided into several parts by colors "red",
+             * "green", "blue", and etc
+             *
+             *
+             *
+             * In each color block, `colorSaturation` is used to distinguish
+             * nodes in sublevel.
+             * The border color of the top level is "white", while the border
+             * color of the sublevel is the color that based on the current
+             * block color and processed by `borderColorSaturation`.
+             *
+             * `treemap` uses this rule of visual configuration: each level
+             * computes its visual value based on the configurations (`color`,
+             * `colorSaturation`, `borderColor`, `colorSaturation`) on this
+             * level.
+             * If there is no certain configuration in a node, it inherits the
+             * configuration from its parent.
+             *
+             * In this way, this effect can be configured: set a `color` list
+             * on the parent level, and set `colorSaturation` on the child level,
+             * and then each node in the parent level would obtain a color from
+             * the `color` list, and each node in the child level would obtain
+             * a value from `colorSaturation` and compound it with the color
+             * inherited from its parent node to get its final color.
+             *
+             * **Dimensions and "Extra Visual Mapping"**
+             *
+             * See the example below: every `value` field is set as an Array,
+             * in which each item in the array represents a dimension respectively.
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             * `treemap` will map the first dimension (the first item of the
+             * array) to "area".
+             * If we want to express more information, we could map another
+             * dimension (specified by
+             * [series-treemap.visualDimension](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.viusalDimension)
+             * ) to another visual types, such as `colorSaturation` and so on.
+             * See the
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&edit=1&reset=1)
+             * and select the legend 'Growth'.
+             *
+             * **How to avoid confusion by setting border/gap of node**
+             *
+             * If all of the border/gaps are set with the same color, confusion
+             * might occur when rectangulars in different levels display at
+             * the same time.
+             *
+             * See the
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&edit=1&reset=1)
+             *
+             * Noticed that the child rectangles in the red area are in the
+             * deeper level than rectangles that are saparated by white gap.
+             * So in the red area, basically we set gap color with red, and
+             * use `borderColorSaturation` to lift the saturation.
+             *
+             * **Explanation about borderWidth, gapWidth, borderColor**
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             *
+             * @default
+             * []
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels
+             */
+            levels?: {
+
+                /**
+                 * `treemap` is able to map any dimensions of data to visual.
+                 *
+                 * The value of
+                 * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * can be an array.
+                 * And each item of the array represents a "dimension".
+                 * `visualDimension` specifies the dimension on which visual
+                 * mapping will be performed.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `visualDimension` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualDimension
+                 */
+                visualDimension?: number;
+
+                /**
+                 * The minimal value of current level.
+                 * Auto-statistics by default.
+                 *
+                 * When
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * is set to `'value'`, you are able to specify extent manually
+                 * for visual mapping by specifying `visualMin` or `visualMax`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualMin
+                 */
+                visualMin?: number;
+
+                /**
+                 * The maximal value of current level.
+                 * Auto-statistics by default.
+                 *
+                 * When
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * is set to `'value'`, you are able to specify extent manually
+                 * for visual mapping by specifying `visualMin` or `visualMax`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualMax
+                 */
+                visualMax?: number;
+
+                /**
+                 * A color list for a level.
+                 * Each node in the level will obtain a color from the color
+                 * list (the rule see
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * ).
+                 * It is empty by default, which means the global color list
+                 * will be used.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `color` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color
+                 */
+                color?: any[];
+
+                /**
+                 * It indicates the range of tranparent rate (color alpha) for
+                 * nodes in a level . The range of values is 0 ~ 1.
+                 *
+                 * For example, `colorAlpha` can be `[0.3, 1]`.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorAlpha` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorAlpha
+                 */
+                colorAlpha?: any[];
+
+                /**
+                 * It indicates the range of saturation (color alpha) for nodes
+                 * in a level . The range of values is 0 ~ 1.
+                 *
+                 * For example, `colorSaturation` can be `[0.3, 1]`.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorSaturation` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorSaturation
+                 */
+                colorSaturation?: number;
+
+                /**
+                 * Specify the rule according to which each node obtain color
+                 * from
+                 * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+                 * . Optional values:
+                 *
+                 * + `'value'`:
+                 *
+                 * Map
+                 * [series-treemap.data.value](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.value)
+                 * to color.
+                 *
+                 * In this way, the color of each node indicate its value.
+                 *
+                 * [visualDimension](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualDimension)
+                 * can be used to specify which dimension of
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * is used to perform visual mapping.
+                 *
+                 * + `'index'`:
+                 *
+                 * Map the `index` (ordinal number) of nodes to color.
+                 * Namely, in a level, the first node is mapped to the first
+                 * color of
+                 * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+                 * , and the second node gets the second color.
+                 *
+                 * In this way, adjacent nodes are distinguished by color.
+                 *
+                 * + `'id'`:
+                 *
+                 * Map
+                 * [series-treemap.data.id](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.id)
+                 * to color.
+                 *
+                 * Since `id` is used to identify node, if user call `setOption`
+                 * to modify the tree, each node will remain the original color
+                 * before and after `setOption` called. See this
+                 * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&edit=1&reset=1)
+                 * .
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorMappingBy` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @default
+                 * "index"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy
+                 */
+                colorMappingBy?: string;
+
+                /**
+                 * A node will not be shown when its area size is smaller than
+                 * this value (unit: px square).
+                 *
+                 * In this way, tiny nodes will be hidden, otherwise they will
+                 * huddle together.
+                 * When user zoom the treemap, the area size will increase and
+                 * the rectangle will be shown if the area size is larger than
+                 * this threshold.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `visibleMin` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @default
+                 * 10
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visibleMin
+                 */
+                visibleMin?: number;
+
+                /**
+                 * Children will not be shown when area size of a node is smaller
+                 * than this value (unit: px square).
+                 *
+                 * This can hide the details of nodes when the rectangular area
+                 * is not large enough.
+                 * When users zoom nodes, the child node would show if the area
+                 * is larger than this threshold.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `childrenVisibleMin` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.childrenVisibleMin
+                 */
+                childrenVisibleMin?: number;
+
+                /**
+                 * `label` decribes the style of the label in each node.
+                 *
+                 * > Tps: In treemap, `label` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.label.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 * `upperLabel` is used to specify whether show label when the
+                 * node has children. When
+                 * [upperLabel.show](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.show)
+                 * is set as `true`, the feature that "show parent label" is
+                 * enabled.
+                 *
+                 * The same as
+                 * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+                 * , the option `upperLabel` can be placed at the root of
+                 * [series-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * directly, or in
+                 * [series-treemap.level](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.level)
+                 * , or in each item of
+                 * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * .
+                 *
+                 * Specifically,
+                 * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+                 * specifies the style when a node is a leaf, while `upperLabel`
+                 * specifies the style when a node has children, in which case
+                 * the label is displayed in the inner top of the node.
+                 *
+                 * See:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels)
+                 *
+                 * > Tps: In treemap, `label` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel
+                 */
+                upperLabel?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of label area.
+                     *
+                     *
+                     * @default
+                     * 20
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.height
+                     */
+                    height?: number;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.upperLabel.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 *
+                 * > Tps: In treemap, `itemStyle` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * The color of a node. It use global palette
+                     * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The tranparent rate of a node, the range is between 0
+                     * ~ 1.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.colorAlpha
+                     */
+                    colorAlpha?: number;
+
+                    /**
+                     * The color saturation of a node.
+                     * The range is between 0 ~ 1.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.colorSaturation
+                     */
+                    colorSaturation?: number;
+
+                    /**
+                     * The border width of a node.
+                     * There is no border when it is set as `0`.
+                     *
+                     * Tip, gaps between child nodes are specified by
+                     * [gapWidth](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.gapWidth)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Gaps between child nodes.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.gapWidth
+                     */
+                    gapWidth?: number;
+
+                    /**
+                     * The border color and gap color of a node.
+                     *
+                     *
+                     * @default
+                     * "#fff',"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * The color saturation of a border or gap.
+                     * The value range is between 0 ~ 1.
+                     *
+                     * Tips:
+                     *
+                     * When `borderColorSaturation` is set, the `borderColor`
+                     * is disabled, and, instead, the final border color is
+                     * calculated based on the color of this node (this color
+                     * could be sepcified explicitly or inherited from its parent
+                     * node) and mixing with `borderColorSaturation`.
+                     *
+                     * In this way, a effect can be implemented: different sections
+                     * have different hue of gap color repectively, which makes
+                     * users easy to distinguish both sections and levels.
+                     *
+                     * **How to avoid confusion by setting border/gap of node**
+                     *
+                     * If all of the border/gaps are set with the same color,
+                     * confusion might occur when rectangulars in different
+                     * levels display at the same time.
+                     *
+                     * See the
+                     * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&edit=1&reset=1)
+                     *
+                     * Noticed that the child rectangles in the red area are
+                     * in the deeper level than rectangles that are saparated
+                     * by white gap.
+                     * So in the red area, basically we set gap color with red,
+                     * and use `borderColorSaturation` to lift the saturation.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.borderColorSaturation
+                     */
+                    borderColorSaturation?: string;
+
+                    /**
+                     * Stroke color of each rect.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.strokeColor
+                     */
+                    strokeColor?: string;
+
+                    /**
+                     * Stroke width of each rect.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.itemStyle.strokeWidth
+                     */
+                    strokeWidth?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * When the text is overflow, whether to replace the
+                         * excess part with apostrophe.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.label.ellipsis
+                         */
+                        ellipsis?: boolean;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel
+                     */
+                    upperLabel?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * When the text is overflow, whether to replace the
+                         * excess part with apostrophe.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.upperLabel.ellipsis
+                         */
+                        ellipsis?: boolean;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * The color of a node. It use global palette
+                         * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.emphasis.itemStyle.color
+                         */
+                        color?: string;
+                    };
+                };
+            };
+
+            /**
+             * Whether to ignore mouse events.
+             * Default value is false, for triggering and responding to mouse
+             * events.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent
+             */
+            silent?: {
+
+                /**
+                 * Enable hyperlink jump when clicking on node.
+                 * It is avaliable when
+                 * [series-treemap.nodeClick](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.nodeClick)
+                 * is `'link'`.
+                 *
+                 * See
+                 * [series-treemap.data.target](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.target)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.link
+                 */
+                link?: string;
+
+                /**
+                 * The same meaning as `target` in `html` `<a>` label, See
+                 * [series-treemap.data.link](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.link)
+                 * . Option values are: `'blank'` or `'self'`.
+                 *
+                 *
+                 * @default
+                 * "blank"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.target
+                 */
+                target?: string;
+
+                /**
+                 * child nodes, recursive definition, configurations are the
+                 * same as
+                 * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.children
+                 */
+                children?: any[];
+
+                /**
+                 * tooltip settings in this series data.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip
+                 */
+                tooltip?: {
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The position of the tooltip's floating layer, which would
+                     * follow the position of mouse by default.
+                     *
+                     * Options:
+                     *
+                     * + `Array`
+                     *
+                     * Display the position of tooltip's floating layer through
+                     * array, which supports absolute position and relative
+                     * percentage.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * + `Function`
+                     *
+                     * Callback function in the following form:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * **Parameters:**
+                     * point: Mouse position.
+                     * param: The same as formatter.
+                     * dom: The DOM object of tooltip.
+                     * rect: It is valid only when mouse is on graphic elements,
+                     * which stands for a bounding box with `x`, `y`, `width`,
+                     * and `height`.
+                     * size: The size of dom echarts container.
+                     * For example: `{contentSize: [width, height], viewSize:
+                     * [width, height]}`.
+                     *
+                     * **Return:**
+                     * Return value is an array standing for tooltip position,
+                     * which can be absolute pixels, or relative percentage.
+                     * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                     * '20%', bottom: 40}`.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * Or:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * + `'inside'`
+                     *
+                     * Center position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'top'`
+                     *
+                     * Top position of the graphic element where the mouse is
+                     * in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'left'`
+                     *
+                     * Left position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'right'`
+                     *
+                     * Right position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     * + `'bottom'`
+                     *
+                     * Bottom position of the graphic element where the mouse
+                     * is in, which is only valid when
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'item'`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The content formatter of tooltip's floating layer which
+                     * supports string template and callback function.
+                     *
+                     * **1\. String template**
+                     *
+                     * The template variables are `{a}`, `{b}`, `{c}`, `{d}`
+                     * and `{e}`, which stands for series name, data name and
+                     * data value and ect. When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is set to be `'axis'`, there may be data from multiple
+                     * series.
+                     * In this time, series index can be refered as `{a0}`,
+                     * `{a1}`, or `{a2}`.
+                     *
+                     * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for
+                     * different series types:
+                     *
+                     * + Line (area) charts, bar (column) charts, K charts:
+                     * `{a}` for series name, `{b}` for category name, `{c}`
+                     * for data value, `{d}` for none;
+                     *
+                     * + Scatter (bubble) charts: `{a}` for series name, `{b}`
+                     * for data name, `{c}` for data value, `{d}` for none;
+                     *
+                     * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                     * for merging data, `{d}` for none;
+                     *
+                     * + Pie charts, gauge charts, funnel charts: `{a}` for
+                     * series name, `{b}` for data item name, `{c}` for data
+                     * value, `{d}` for percentage.
+                     *
+                     * **Example:**
+                     *
+                     * ```
+                     * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                     *
+                     * ```
+                     *
+                     * **2\. Callback function**
+                     *
+                     * The format of callback function:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * The first parameter `params` is the data that the formatter
+                     * needs. Its format is shown as follows:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * When
+                     * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * is `'axis'`, or when tooltip is triggered by
+                     * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                     * , `params` is the data array of multiple series.
+                     * The content of each item of the array is the same as
+                     * above. Besides,
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     * **Note:** Using array to present all the parameters in
+                     * ECharts 2.x is not supported anymore.
+                     *
+                     * The second parameter `ticket` is the asynchronous callback
+                     * flag which should be used along with the third parameter
+                     * `callback` when it is used.
+                     *
+                     * The third parameter `callback` is asynchronous callback.
+                     * When the content of tooltip is acquired asynchronously,
+                     * `ticket` and `htm` as introduced above can be used to
+                     * update tooltip with callback.
+                     *
+                     * Example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The background color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * "rgba(50,50,50,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.backgroundColor
+                     */
+                    backgroundColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border color of tooltip's floating layer.
+                     *
+                     *
+                     * @default
+                     * '#333'
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The border width of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The floating layer of tooltip space around content.
+                     * The unit is px.
+                     * Default values for each position are 5.
+                     * And they can be set to different values with left, right,
+                     * top, and bottom.
+                     *
+                     * Examples:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip)
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.padding
+                     */
+                    padding?: number;
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * The text syle of tooltip's floating layer.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 14
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.silent.tooltip.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+
+                    /**
+                     * > **Notice：**series.data.tooltip only works when
+                     * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                     * > is `'item'`.
+                     *
+                     * Extra CSS style for floating layer.
+                     * The following is an example for adding shadow.
+                     *
+                     * ```
+                     * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                     *
+                     * ```
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.silent.tooltip.extraCssText
+                     */
+                    extraCssText?: string;
+                };
+            };
+
+            /**
+             * `treemap` is able to map any dimensions of data to visual.
+             *
+             * The value of
+             * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * can be an array.
+             * And each item of the array represents a "dimension".
+             * `visualDimension` specifies the dimension on which visual mapping
+             * will be performed.
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `visualDimension` attribute could appear in
+             * more than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.visualDimension
+             */
+            visualDimension?: number;
+
+            /**
+             * The minimal value of current level.
+             * Auto-statistics by default.
+             *
+             * When
+             * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+             * is set to `'value'`, you are able to specify extent manually
+             * for visual mapping by specifying `visualMin` or `visualMax`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.visualMin
+             */
+            visualMin?: number;
+
+            /**
+             * The maximal value of current level.
+             * Auto-statistics by default.
+             *
+             * When
+             * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+             * is set to `'value'`, you are able to specify extent manually
+             * for visual mapping by specifying `visualMin` or `visualMax`.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.visualMax
+             */
+            visualMax?: number;
+
+            /**
+             * It indicates the range of tranparent rate (color alpha) of the
+             * series. The range of values is 0 ~ 1.
+             *
+             * For example, `colorAlpha` can be `[0.3, 1]`.
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `colorAlpha` attribute could appear in more
+             * than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.colorAlpha
+             */
+            colorAlpha?: any[];
+
+            /**
+             * It indicates the range of saturation (color alpha) of the series.
+             * The range of values is 0 ~ 1.
+             *
+             * For example, `colorSaturation` can be `[0.3, 1]`.
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `colorSaturation` attribute could appear in
+             * more than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.colorSaturation
+             */
+            colorSaturation?: number;
+
+            /**
+             * Specify the rule according to which each node obtain color from
+             * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+             * . Optional values:
+             *
+             * + `'value'`:
+             *
+             * Map
+             * [series-treemap.data.value](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.value)
+             * to color.
+             *
+             * In this way, the color of each node indicate its value.
+             *
+             * [visualDimension](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualDimension)
+             * can be used to specify which dimension of
+             * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * is used to perform visual mapping.
+             *
+             * + `'index'`:
+             *
+             * Map the `index` (ordinal number) of nodes to color.
+             * Namely, in a level, the first node is mapped to the first color
+             * of
+             * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+             * , and the second node gets the second color.
+             *
+             * In this way, adjacent nodes are distinguished by color.
+             *
+             * + `'id'`:
+             *
+             * Map
+             * [series-treemap.data.id](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.id)
+             * to color.
+             *
+             * Since `id` is used to identify node, if user call `setOption`
+             * to modify the tree, each node will remain the original color
+             * before and after `setOption` called. See this
+             * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&edit=1&reset=1)
+             * .
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `colorMappingBy` attribute could appear in
+             * more than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @default
+             * "index"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.colorMappingBy
+             */
+            colorMappingBy?: string;
+
+            /**
+             * A node will not be shown when its area size is smaller than this
+             * value (unit: px square).
+             *
+             * In this way, tiny nodes will be hidden, otherwise they will huddle
+             * together.
+             * When user zoom the treemap, the area size will increase and the
+             * rectangle will be shown if the area size is larger than this
+             * threshold.
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `visibleMin` attribute could appear in more
+             * than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @default
+             * 10
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.visibleMin
+             */
+            visibleMin?: number;
+
+            /**
+             * Children will not be shown when area size of a node is smaller
+             * than this value (unit: px square).
+             *
+             * This can hide the details of nodes when the rectangular area
+             * is not large enough.
+             * When users zoom nodes, the child node would show if the area
+             * is larger than this threshold.
+             *
+             * About visual encoding, see details in
+             * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * .
+             *
+             * > Tps: In treemap, `childrenVisibleMin` attribute could appear
+             * in more than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.childrenVisibleMin
+             */
+            childrenVisibleMin?: number;
+
+            /**
+             * `label` decribes the style of the label in each node.
+             *
+             * > Tps: In treemap, `label` attribute could appear in more than
+             * one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label
+             */
+            label?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of the text block.
+                 * It is the width of the text by default.
+                 * You may want to use it in some cases like using background
+                 * image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.height
+                 */
+                height?: number | string;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.label.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+
+                /**
+                 * When the text is overflow, whether to replace the excess
+                 * part with apostrophe.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label.ellipsis
+                 */
+                ellipsis?: boolean;
+            };
+
+            /**
+             * `upperLabel` is used to specify whether show label when the node
+             * has children. When
+             * [upperLabel.show](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.show)
+             * is set as `true`, the feature that "show parent label" is enabled.
+             *
+             * The same as
+             * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+             * , the option `upperLabel` can be placed at the root of
+             * [series-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * directly, or in
+             * [series-treemap.level](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.level)
+             * , or in each item of
+             * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * .
+             *
+             * Specifically,
+             * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+             * specifies the style when a node is a leaf, while `upperLabel`
+             * specifies the style when a node has children, in which case the
+             * label is displayed in the inner top of the node.
+             *
+             * See:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             * > Tps: In treemap, `label` attribute could appear in more than
+             * one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel
+             */
+            upperLabel?: {
+
+                /**
+                 * Whether to show label.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Label position.
+                 *
+                 * **Followings are the options:**
+                 *
+                 * + \[x, y\]
+                 *
+                 * Use relative percentage, or absolute pixel values to represent
+                 * position of label relative to top-left corner of bounding
+                 * box. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 * + 'top'
+                 *
+                 * + 'left'
+                 * + 'right'
+                 * + 'bottom'
+                 * + 'inside'
+                 * + 'insideLeft'
+                 * + 'insideRight'
+                 * + 'insideTop'
+                 * + 'insideBottom'
+                 * + 'insideTopLeft'
+                 * + 'insideBottomLeft'
+                 * + 'insideTopRight'
+                 * + 'insideBottomRight'
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * "inside"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 * Distance to the host graphic element.
+                 * Works when position is string value (like `'top'`、`'insideRight'`).
+                 *
+                 * See:
+                 * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                 * .
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.distance
+                 */
+                distance?: number;
+
+                /**
+                 * Rotate label, from -90 degree to 90, positive value represents
+                 * rotate anti-clockwise.
+                 *
+                 * See:
+                 * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                 * .
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rotate
+                 */
+                rotate?: number;
+
+                /**
+                 * Whether to move text slightly.
+                 * For example: `[30, 40]` means move `30` horizontally and
+                 * move `40` vertically.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.offset
+                 */
+                offset?: any[];
+
+                /**
+                 * Data label formatter, which supports string template and
+                 * callback function.
+                 * In either form, `\n` is supported to represent a new line.
+                 *
+                 * **String template**
+                 *
+                 * Model variation includes:
+                 *
+                 * + `{a}`: series name.
+                 * + `{b}`: the name of a data item.
+                 * + `{c}`: the value of a data item.
+                 * + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
+                 * the value of`'product'\` dimension。
+                 * + `{@[n]}: the value of a dimension at the index of`n`, for
+                 * example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                 *
+                 * **example:**
+                 *
+                 * ```
+                 * formatter: '{b}: {@score}'
+                 *
+                 * ```
+                 *
+                 * **Callback function**
+                 *
+                 * Callback function is in form of:
+                 *
+                 * ```
+                 * (params: Object|Array) => string
+                 *
+                 * ```
+                 *
+                 * where `params` is the single dataset needed by formatter,
+                 * which is formed as:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 * text color.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * ""#fff""
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.color
+                 */
+                color?: string;
+
+                /**
+                 * font style
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'italic'`
+                 * + `'oblique'`
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.fontStyle
+                 */
+                fontStyle?: string;
+
+                /**
+                 * font thick weight
+                 *
+                 * Options are:
+                 *
+                 * + `'normal'`
+                 * + `'bold'`
+                 * + `'bolder'`
+                 * + `'lighter'`
+                 * + 100 | 200 | 300 | 400...
+                 *
+                 *
+                 * @default
+                 * "normal"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.fontWeight
+                 */
+                fontWeight?: string;
+
+                /**
+                 * font family
+                 *
+                 * Can also be 'serif' , 'monospace', ...
+                 *
+                 *
+                 * @default
+                 * "sans-serif"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.fontFamily
+                 */
+                fontFamily?: string;
+
+                /**
+                 * font size
+                 *
+                 *
+                 * @default
+                 * 12
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.fontSize
+                 */
+                fontSize?: number;
+
+                /**
+                 * Horizontal alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'left'`
+                 * + `'center'`
+                 * + `'right'`
+                 *
+                 * If `align` is not set in `rich`, `align` in parent level
+                 * will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.align
+                 */
+                align?: string;
+
+                /**
+                 * Vertical alignment of text, automatic by default.
+                 *
+                 * Options are:
+                 *
+                 * + `'top'`
+                 * + `'middle'`
+                 * + `'bottom'`
+                 *
+                 * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                 * in parent level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.verticalAlign
+                 */
+                verticalAlign?: string;
+
+                /**
+                 * Line height of the text fregment.
+                 *
+                 * If `lineHeight` is not set in `rich`, `lineHeight` in parent
+                 * level will be used. For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.lineHeight
+                 */
+                lineHeight?: number;
+
+                /**
+                 * Background color of the text fregment.
+                 *
+                 * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                 *
+                 * Or image can be used, for example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 * `width` or `height` can be specified when using background
+                 * image, or auto adapted by default.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.backgroundColor
+                 */
+                backgroundColor?: object | string;
+
+                /**
+                 * Border color of the text fregment.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * Border width of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Border radius of the text fregment.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.borderRadius
+                 */
+                borderRadius?: number;
+
+                /**
+                 * Padding of the text fregment, for example:
+                 *
+                 * + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
+                 * bottom, left]`.
+                 * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                 * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.padding
+                 */
+                padding?: any[] | number;
+
+                /**
+                 * Shadow color of the text block.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.shadowColor
+                 */
+                shadowColor?: string;
+
+                /**
+                 * Show blur of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.shadowBlur
+                 */
+                shadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.shadowOffsetX
+                 */
+                shadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text block.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.shadowOffsetY
+                 */
+                shadowOffsetY?: number;
+
+                /**
+                 * Width of the text block.
+                 * It is the width of the text by default.
+                 * In most cases, there is no need to specify it.
+                 * You may want to use it in some cases like make simple table
+                 * or using background image (see `backgroundColor`).
+                 *
+                 * Notice, `width` and `height` specifies the width and height
+                 * of the content, without `padding`.
+                 *
+                 * `width` can also be percent string, like `'100%'`, which
+                 * represents the percent of `contentWidth` (that is, the width
+                 * without `padding`) of its container box.
+                 * It is based on `contentWidth` because that each text fregment
+                 * is layout based on the `content box`, where it makes no sense
+                 * that calculating width based on `outerWith` in prectice.
+                 *
+                 * Notice, `width` and `height` only work when `rich` specified.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.width
+                 */
+                width?: number | string;
+
+                /**
+                 * Height of label area.
+                 *
+                 *
+                 * @default
+                 * 20
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.height
+                 */
+                height?: number;
+
+                /**
+                 * Storke color of the text.
+                 *
+                 * If set as `'auto'`, the color will assigned as visual color,
+                 * such as series color.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textBorderColor
+                 */
+                textBorderColor?: string;
+
+                /**
+                 * Storke line width of the text.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textBorderWidth
+                 */
+                textBorderWidth?: number;
+
+                /**
+                 * Shadow color of the text itself.
+                 *
+                 *
+                 * @default
+                 * "transparent"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textShadowColor
+                 */
+                textShadowColor?: string;
+
+                /**
+                 * Shadow blue of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textShadowBlur
+                 */
+                textShadowBlur?: number;
+
+                /**
+                 * Shadow X offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textShadowOffsetX
+                 */
+                textShadowOffsetX?: number;
+
+                /**
+                 * Shadow Y offset of the text itself.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.textShadowOffsetY
+                 */
+                textShadowOffsetY?: number;
+
+                /**
+                 * "Rich text styles" can be defined in this `rich` property.
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel)
+                 *
+                 * For more details, see
+                 * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                 * please.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich
+                 */
+                rich?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                     */
+                    [userStyle: string]: {
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+                    };
+                };
+
+                /**
+                 * When the text is overflow, whether to replace the excess
+                 * part with apostrophe.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.ellipsis
+                 */
+                ellipsis?: boolean;
+            };
+
+            /**
+             *
+             * > Tps: In treemap, `itemStyle` attribute could appear in more
+             * than one places:
+             * >
+             * > + It could appear in
+             * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+             * > , indicating the unified setting of the series.
+             * >
+             * > + It could appear in each array element of
+             * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+             * > , indicating the unified setting of each level of the tree.
+             * >
+             * > + It could appear in each node of
+             * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * > , indicating the particular setting of each node.
+             * >
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle
+             */
+            itemStyle?: {
+
+                /**
+                 * The color of a node. It use global palette
+                 * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                 * by default.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.color
+                 */
+                color?: string;
+
+                /**
+                 * The tranparent rate of a node, the range is between 0 ~ 1.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.colorAlpha
+                 */
+                colorAlpha?: number;
+
+                /**
+                 * The color saturation of a node.
+                 * The range is between 0 ~ 1.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.colorSaturation
+                 */
+                colorSaturation?: number;
+
+                /**
+                 * The border width of a node.
+                 * There is no border when it is set as `0`.
+                 *
+                 * Tip, gaps between child nodes are specified by
+                 * [gapWidth](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.gapWidth)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 * Gaps between child nodes.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.gapWidth
+                 */
+                gapWidth?: number;
+
+                /**
+                 * The border color and gap color of a node.
+                 *
+                 *
+                 * @default
+                 * "#fff',"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 * The color saturation of a border or gap.
+                 * The value range is between 0 ~ 1.
+                 *
+                 * Tips:
+                 *
+                 * When `borderColorSaturation` is set, the `borderColor` is
+                 * disabled, and, instead, the final border color is calculated
+                 * based on the color of this node (this color could be sepcified
+                 * explicitly or inherited from its parent node) and mixing
+                 * with `borderColorSaturation`.
+                 *
+                 * In this way, a effect can be implemented: different sections
+                 * have different hue of gap color repectively, which makes
+                 * users easy to distinguish both sections and levels.
+                 *
+                 * **How to avoid confusion by setting border/gap of node**
+                 *
+                 * If all of the border/gaps are set with the same color, confusion
+                 * might occur when rectangulars in different levels display
+                 * at the same time.
+                 *
+                 * See the
+                 * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&edit=1&reset=1)
+                 *
+                 * Noticed that the child rectangles in the red area are in
+                 * the deeper level than rectangles that are saparated by white
+                 * gap.
+                 * So in the red area, basically we set gap color with red,
+                 * and use `borderColorSaturation` to lift the saturation.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.borderColorSaturation
+                 */
+                borderColorSaturation?: string;
+
+                /**
+                 * Stroke color of each rect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.strokeColor
+                 */
+                strokeColor?: string;
+
+                /**
+                 * Stroke width of each rect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.itemStyle.strokeWidth
+                 */
+                strokeWidth?: number;
+            };
+
+            /**
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis
+             */
+            emphasis?: {
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.label.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel
+                 */
+                upperLabel?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.upperLabel.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * The color of a node. It use global palette
+                     * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.emphasis.itemStyle.color
+                     */
+                    color?: string;
+                };
+            };
+
+            /**
+             * breadcrumb, showing the path of the current node.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb
+             */
+            breadcrumb?: {
+
+                /**
+                 * Whether to show the breadcrumb.
+                 *
+                 *
+                 * @default
+                 * "true"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.show
+                 */
+                show?: boolean;
+
+                /**
+                 * Distance between asdf component and the left side of the
+                 * container.
+                 *
+                 * `left` value can be instant pixel value like `20`; it can
+                 * also be percentage value relative to container width like
+                 * `'20%'`; and it can also be `'left'`, `'center'`, or `'right'`.
+                 *
+                 * If the `left` value is set to be `'left'`, `'center'`, or
+                 * `'right'`, then the component will be aligned automatically
+                 * based on position.
+                 *
+                 *
+                 * @default
+                 * "center"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.left
+                 */
+                left?: number | string;
+
+                /**
+                 * Distance between asdf component and the top side of the container.
+                 *
+                 * `top` value can be instant pixel value like `20`; it can
+                 * also be percentage value relative to container width like
+                 * `'20%'`; and it can also be `'top'`, `'middle'`, or `'bottom'`.
+                 *
+                 * If the `left` value is set to be `'top'`, `'middle'`, or
+                 * `'bottom'`, then the component will be aligned automatically
+                 * based on position.
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.top
+                 */
+                top?: number | string;
+
+                /**
+                 * Distance between asdf component and the right side of the
+                 * container.
+                 *
+                 * `right` value can be instant pixel value like `20`; it can
+                 * also be percentage value relative to container width like
+                 * `'20%'`.
+                 *
+                 * Adaptive by default.
+                 *
+                 *
+                 * @default
+                 * "auto"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.right
+                 */
+                right?: number | string;
+
+                /**
+                 * Distance between asdf component and the bottom side of the
+                 * container.
+                 *
+                 * `bottom` value can be instant pixel value like `20`; it can
+                 * also be percentage value relative to container width like
+                 * `'20%'`.
+                 *
+                 * Adaptive by default.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.bottom
+                 */
+                bottom?: number | string;
+
+                /**
+                 * The height of breadcrumb.
+                 *
+                 *
+                 * @default
+                 * 22
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.height
+                 */
+                height?: number;
+
+                /**
+                 * When is no content in breadcrumb, this minimal width need
+                 * to be set up.
+                 *
+                 *
+                 * @default
+                 * 25
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emptyItemWidth
+                 */
+                emptyItemWidth?: number;
+
+                /**
+                 * Graphic style of , `emphasis` is the style when it is highlighted,
+                 * like being hovered by mouse, or highlighted via legend connect.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * boxplot color.
+                     *
+                     * > Color can be represented in RGB, for example `'rgb(128,
+                     * 128, 128)'`.
+                     * RGBA can be used when you need alpha channel, for example
+                     * `'rgba(128, 128, 128, 0.5)'`.
+                     * You may also use hexadecimal format, for example `'#ccc'`.
+                     * Gradient color and texture are also supported besides
+                     * single colors.
+                     * >
+                     * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle)
+                     *
+                     *
+                     * @default
+                     * "rgba(0,0,0,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * boxplot border color, whose format is similar to that
+                     * of `color`.
+                     *
+                     *
+                     * @default
+                     * "rgba(255,255,255,0.7)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * boxplot border width.
+                     * No border when it is set to be 0.
+                     *
+                     *
+                     * @default
+                     * 1
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`.
+                     * `'solid'` by default.
+                     *
+                     *
+                     * @default
+                     * "solid"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.borderType
+                     */
+                    borderType?: string;
+
+                    /**
+                     * Size of shadow blur.
+                     * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                     * `shadowOffsetY` to set shadow to component.
+                     *
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle)
+                     *
+                     *
+                     * @default
+                     * 3
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow color. Support same format as `color`.
+                     *
+                     *
+                     * @default
+                     * "rgba(150,150,150,1)"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Offset distance on the horizontal direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Offset distance on the vertical direction of shadow.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Opacity of the component.
+                     * Supports value from 0 to 1, and the component will not
+                     * be drawn when set to 0.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.opacity
+                     */
+                    opacity?: number;
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle
+                     */
+                    textStyle?: {
+
+                        /**
+                         * text color.
+                         *
+                         *
+                         * @default
+                         * "#fff"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+                    };
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * boxplot color.
+                         *
+                         * > Color can be represented in RGB, for example `'rgb(128,
+                         * 128, 128)'`.
+                         * RGBA can be used when you need alpha channel, for
+                         * example `'rgba(128, 128, 128, 0.5)'`.
+                         * You may also use hexadecimal format, for example
+                         * `'#ccc'`.
+                         * Gradient color and texture are also supported besides
+                         * single colors.
+                         * >
+                         * > [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * "rgba(0,0,0,0.7)"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.color
+                         */
+                        color?: string;
+
+                        /**
+                         * boxplot border color, whose format is similar to
+                         * that of `color`.
+                         *
+                         *
+                         * @default
+                         * "rgba(255,255,255,0.7)"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * boxplot border width.
+                         * No border when it is set to be 0.
+                         *
+                         *
+                         * @default
+                         * 1
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border type, which can be `'solid'`, `'dashed'`,
+                         * or `'dotted'`. `'solid'` by default.
+                         *
+                         *
+                         * @default
+                         * "solid"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.borderType
+                         */
+                        borderType?: string;
+
+                        /**
+                         * Size of shadow blur.
+                         * This attribute should be used along with `shadowColor`,`shadowOffsetX`,
+                         * `shadowOffsetY` to set shadow to component.
+                         *
+                         * For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle)
+                         *
+                         *
+                         * @default
+                         * 3
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow color. Support same format as `color`.
+                         *
+                         *
+                         * @default
+                         * "rgba(150,150,150,1)"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Offset distance on the horizontal direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Offset distance on the vertical direction of shadow.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Opacity of the component.
+                         * Supports value from 0 to 1, and the component will
+                         * not be drawn when set to 0.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.opacity
+                         */
+                        opacity?: number;
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle
+                         */
+                        textStyle?: {
+
+                            /**
+                             * text color.
+                             *
+                             *
+                             * @default
+                             * "#fff"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+
+                            /**
+                             * "Rich text styles" can be defined in this `rich`
+                             * property. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle)
+                             *
+                             * For more details, see
+                             * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                             * please.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich
+                             */
+                            rich?: {
+
+                                /**
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E
+                                 */
+                                [userStyle: string]: {
+
+                                    /**
+                                     * text color.
+                                     *
+                                     *
+                                     * @default
+                                     * ""#fff""
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.color
+                                     */
+                                    color?: string;
+
+                                    /**
+                                     * font style
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'italic'`
+                                     * + `'oblique'`
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                     */
+                                    fontStyle?: string;
+
+                                    /**
+                                     * font thick weight
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'normal'`
+                                     * + `'bold'`
+                                     * + `'bolder'`
+                                     * + `'lighter'`
+                                     * + 100 | 200 | 300 | 400...
+                                     *
+                                     *
+                                     * @default
+                                     * "normal"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                     */
+                                    fontWeight?: string;
+
+                                    /**
+                                     * font family
+                                     *
+                                     * Can also be 'serif' , 'monospace',
+                                     * ...
+                                     *
+                                     *
+                                     * @default
+                                     * "sans-serif"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                     */
+                                    fontFamily?: string;
+
+                                    /**
+                                     * font size
+                                     *
+                                     *
+                                     * @default
+                                     * 12
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                     */
+                                    fontSize?: number;
+
+                                    /**
+                                     * Horizontal alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'left'`
+                                     * + `'center'`
+                                     * + `'right'`
+                                     *
+                                     * If `align` is not set in `rich`, `align`
+                                     * in parent level will be used.
+                                     * For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.align
+                                     */
+                                    align?: string;
+
+                                    /**
+                                     * Vertical alignment of text, automatic
+                                     * by default.
+                                     *
+                                     * Options are:
+                                     *
+                                     * + `'top'`
+                                     * + `'middle'`
+                                     * + `'bottom'`
+                                     *
+                                     * If `verticalAlign` is not set in `rich`,
+                                     * `verticalAlign` in parent level will
+                                     * be used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                     */
+                                    verticalAlign?: string;
+
+                                    /**
+                                     * Line height of the text fregment.
+                                     *
+                                     * If `lineHeight` is not set in `rich`,
+                                     * `lineHeight` in parent level will be
+                                     * used. For example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                     */
+                                    lineHeight?: number;
+
+                                    /**
+                                     * Background color of the text fregment.
+                                     *
+                                     * Can be color string, like `'#123234'`,
+                                     * `'red'`, `rgba(0,23,11,0.3)'`.
+                                     *
+                                     * Or image can be used, for example:
+                                     *
+                                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E)
+                                     *
+                                     * `width` or `height` can be specified
+                                     * when using background image, or auto
+                                     * adapted by default.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                     */
+                                    backgroundColor?: object | string;
+
+                                    /**
+                                     * Border color of the text fregment.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                     */
+                                    borderColor?: string;
+
+                                    /**
+                                     * Border width of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                     */
+                                    borderWidth?: number;
+
+                                    /**
+                                     * Border radius of the text fregment.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                     */
+                                    borderRadius?: number;
+
+                                    /**
+                                     * Padding of the text fregment, for example:
+                                     *
+                                     * + `padding: [3, 4, 5, 6]`: represents
+                                     * padding of `[top, right, bottom, left]`.
+                                     * + `padding: 4`: represents `padding:
+                                     * [4, 4, 4, 4]`.
+                                     * + `padding: [3, 4]`: represents `padding:
+                                     * [3, 4, 3, 4]`.
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                     */
+                                    padding?: any[] | number;
+
+                                    /**
+                                     * Shadow color of the text block.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                     */
+                                    shadowColor?: string;
+
+                                    /**
+                                     * Show blur of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                     */
+                                    shadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                     */
+                                    shadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text block.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                     */
+                                    shadowOffsetY?: number;
+
+                                    /**
+                                     * Width of the text block.
+                                     * It is the width of the text by default.
+                                     * In most cases, there is no need to specify
+                                     * it.
+                                     * You may want to use it in some cases
+                                     * like make simple table or using background
+                                     * image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * `width` can also be percent string, like
+                                     * `'100%'`, which represents the percent
+                                     * of `contentWidth` (that is, the width
+                                     * without `padding`) of its container box.
+                                     * It is based on `contentWidth` because
+                                     * that each text fregment is layout based
+                                     * on the `content box`, where it makes
+                                     * no sense that calculating width based
+                                     * on `outerWith` in prectice.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.width
+                                     */
+                                    width?: number | string;
+
+                                    /**
+                                     * Height of the text block.
+                                     * It is the width of the text by default.
+                                     * You may want to use it in some cases
+                                     * like using background image (see `backgroundColor`).
+                                     *
+                                     * Notice, `width` and `height` specifies
+                                     * the width and height of the content,
+                                     * without `padding`.
+                                     *
+                                     * Notice, `width` and `height` only work
+                                     * when `rich` specified.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.height
+                                     */
+                                    height?: number | string;
+
+                                    /**
+                                     * Storke color of the text.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                     */
+                                    textBorderColor?: string;
+
+                                    /**
+                                     * Storke line width of the text.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                     */
+                                    textBorderWidth?: number;
+
+                                    /**
+                                     * Shadow color of the text itself.
+                                     *
+                                     *
+                                     * @default
+                                     * "transparent"
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                     */
+                                    textShadowColor?: string;
+
+                                    /**
+                                     * Shadow blue of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                     */
+                                    textShadowBlur?: number;
+
+                                    /**
+                                     * Shadow X offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                     */
+                                    textShadowOffsetX?: number;
+
+                                    /**
+                                     * Shadow Y offset of the text itself.
+                                     *
+                                     *
+                                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.breadcrumb.emphasis.itemStyle.textStyle.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                     */
+                                    textShadowOffsetY?: number;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+
+            /**
+             * the the data format of
+             * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+             * is a forest. For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data
+             */
+            data?: SeriesTreemap.DataObject[];
+
+            /**
+             * Duration of the first animation, which supports callback function
+             * for different data to have different animation effect:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             *
+             * @default
+             * 1500
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.animationDuration
+             */
+            animationDuration?: Function | number;
+
+            /**
+             * Easing method used for the first animation.
+             * Varied easing effects can be found at
+             * [easing effect example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing)
+             * .
+             *
+             *
+             * @default
+             * "quinticInOut"
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.animationEasing
+             */
+            animationEasing?: string;
+
+            /**
+             * Delay before updating the first animation, which supports callback
+             * function for different data to have different animation effect.
+             *
+             * For example:
+             *
+             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap)
+             *
+             * See
+             * [this example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay)
+             * for more information.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.animationDelay
+             */
+            animationDelay?: Function | number;
+
+            /**
+             * tooltip settings in this series.
+             *
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip
+             */
+            tooltip?: {
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The position of the tooltip's floating layer, which would
+                 * follow the position of mouse by default.
+                 *
+                 * Options:
+                 *
+                 * + `Array`
+                 *
+                 * Display the position of tooltip's floating layer through
+                 * array, which supports absolute position and relative percentage.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * + `Function`
+                 *
+                 * Callback function in the following form:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * **Parameters:**
+                 * point: Mouse position.
+                 * param: The same as formatter.
+                 * dom: The DOM object of tooltip.
+                 * rect: It is valid only when mouse is on graphic elements,
+                 * which stands for a bounding box with `x`, `y`, `width`, and
+                 * `height`.
+                 * size: The size of dom echarts container.
+                 * For example: `{contentSize: [width, height], viewSize: [width,
+                 * height]}`.
+                 *
+                 * **Return:**
+                 * Return value is an array standing for tooltip position, which
+                 * can be absolute pixels, or relative percentage.
+                 * Or can be an object, like `{left: 10, top: 30}`, or `{right:
+                 * '20%', bottom: 40}`.
+                 *
+                 * For example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * Or:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * + `'inside'`
+                 *
+                 * Center position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'top'`
+                 *
+                 * Top position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'left'`
+                 *
+                 * Left position of the graphic element where the mouse is in,
+                 * which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'right'`
+                 *
+                 * Right position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 * + `'bottom'`
+                 *
+                 * Bottom position of the graphic element where the mouse is
+                 * in, which is only valid when
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'item'`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.position
+                 */
+                position?: any[] | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The content formatter of tooltip's floating layer which supports
+                 * string template and callback function.
+                 *
+                 * **1\. String template**
+                 *
+                 * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and
+                 * `{e}`, which stands for series name, data name and data value
+                 * and ect. When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is set to be `'axis'`, there may be data from multiple series.
+                 * In this time, series index can be refered as `{a0}`, `{a1}`,
+                 * or `{a2}`.
+                 *
+                 * `{a}`, `{b}`, `{c}`, `{d}` have different meanings for different
+                 * series types:
+                 *
+                 * + Line (area) charts, bar (column) charts, K charts: `{a}`
+                 * for series name, `{b}` for category name, `{c}` for data
+                 * value, `{d}` for none;
+                 *
+                 * + Scatter (bubble) charts: `{a}` for series name, `{b}` for
+                 * data name, `{c}` for data value, `{d}` for none;
+                 *
+                 * + Map: `{a}` for series name, `{b}` for area name, `{c}`
+                 * for merging data, `{d}` for none;
+                 *
+                 * + Pie charts, gauge charts, funnel charts: `{a}` for series
+                 * name, `{b}` for data item name, `{c}` for data value, `{d}`
+                 * for percentage.
+                 *
+                 * **Example:**
+                 *
+                 * ```
+                 * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+                 *
+                 * ```
+                 *
+                 * **2\. Callback function**
+                 *
+                 * The format of callback function:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * The first parameter `params` is the data that the formatter
+                 * needs. Its format is shown as follows:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * When
+                 * [trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * is `'axis'`, or when tooltip is triggered by
+                 * [axisPointer](https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.axisPointer)
+                 * , `params` is the data array of multiple series.
+                 * The content of each item of the array is the same as above.
+                 * Besides,
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 * **Note:** Using array to present all the parameters in ECharts
+                 * 2.x is not supported anymore.
+                 *
+                 * The second parameter `ticket` is the asynchronous callback
+                 * flag which should be used along with the third parameter
+                 * `callback` when it is used.
+                 *
+                 * The third parameter `callback` is asynchronous callback.
+                 * When the content of tooltip is acquired asynchronously, `ticket`
+                 * and `htm` as introduced above can be used to update tooltip
+                 * with callback.
+                 *
+                 * Example:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.formatter
+                 */
+                formatter?: Function | string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The background color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * "rgba(50,50,50,0.7)"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.backgroundColor
+                 */
+                backgroundColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border color of tooltip's floating layer.
+                 *
+                 *
+                 * @default
+                 * '#333'
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.borderColor
+                 */
+                borderColor?: string;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The border width of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.borderWidth
+                 */
+                borderWidth?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The floating layer of tooltip space around content.
+                 * The unit is px.
+                 * Default values for each position are 5.
+                 * And they can be set to different values with left, right,
+                 * top, and bottom.
+                 *
+                 * Examples:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip)
+                 *
+                 *
+                 * @default
+                 * 5
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.padding
+                 */
+                padding?: number;
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * The text syle of tooltip's floating layer.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle
+                 */
+                textStyle?: {
+
+                    /**
+                     * text color.
+                     *
+                     *
+                     * @default
+                     * "#fff"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 14
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.tooltip.textStyle)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.textStyle.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+                };
+
+                /**
+                 *
+                 * > **Notice：**series.tooltip only works when
+                 * > [tooltip.trigger](https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.trigger)
+                 * > is `'item'`.
+                 *
+                 * Extra CSS style for floating layer.
+                 * The following is an example for adding shadow.
+                 *
+                 * ```
+                 * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+                 *
+                 * ```
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.tooltip.extraCssText
+                 */
+                extraCssText?: string;
+            };
+        }
+
+        namespace SeriesTreemap {
+            interface DataObject {
+                children?: DataObject[];
+
+                /**
+                 * The value of this node, indicating the area size.
+                 *
+                 * It could also be an array, such as \[2323, 43, 55\], in which
+                 * the first item of array indicates the area size.
+                 *
+                 * The other items of the array can be used for extra visual
+                 * mapping. See details in series-treemp.levels.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.value
+                 */
+                value?: any[] | number;
+
+                /**
+                 * `id` is not mandatory.
+                 * But if using API, id is used to locate node.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.id
+                 */
+                id?: string;
+
+                /**
+                 * Show the description text in rectangle.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.name
+                 */
+                name?: string;
+
+                /**
+                 * `treemap` is able to map any dimensions of data to visual.
+                 *
+                 * The value of
+                 * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * can be an array.
+                 * And each item of the array represents a "dimension".
+                 * `visualDimension` specifies the dimension on which visual
+                 * mapping will be performed.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `visualDimension` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.visualDimension
+                 */
+                visualDimension?: number;
+
+                /**
+                 * The minimal value of current level.
+                 * Auto-statistics by default.
+                 *
+                 * When
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * is set to `'value'`, you are able to specify extent manually
+                 * for visual mapping by specifying `visualMin` or `visualMax`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.visualMin
+                 */
+                visualMin?: number;
+
+                /**
+                 * The maximal value of current level.
+                 * Auto-statistics by default.
+                 *
+                 * When
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * is set to `'value'`, you are able to specify extent manually
+                 * for visual mapping by specifying `visualMin` or `visualMax`.
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.visualMax
+                 */
+                visualMax?: number;
+
+                /**
+                 * A color list for a level.
+                 * Each node in the level will obtain a color from the color
+                 * list (the rule see
+                 * [colorMappingBy](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.colorMappingBy)
+                 * ).
+                 * It is empty by default, which means the global color list
+                 * will be used.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `color` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.color
+                 */
+                color?: any[];
+
+                /**
+                 * It indicates the range of tranparent rate (color alpha) for
+                 * nodes in a level . The range of values is 0 ~ 1.
+                 *
+                 * For example, `colorAlpha` can be `[0.3, 1]`.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorAlpha` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.colorAlpha
+                 */
+                colorAlpha?: any[];
+
+                /**
+                 * It indicates the range of saturation (color alpha) for nodes
+                 * in a level . The range of values is 0 ~ 1.
+                 *
+                 * For example, `colorSaturation` can be `[0.3, 1]`.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorSaturation` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.colorSaturation
+                 */
+                colorSaturation?: number;
+
+                /**
+                 * Specify the rule according to which each node obtain color
+                 * from
+                 * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+                 * . Optional values:
+                 *
+                 * + `'value'`:
+                 *
+                 * Map
+                 * [series-treemap.data.value](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.value)
+                 * to color.
+                 *
+                 * In this way, the color of each node indicate its value.
+                 *
+                 * [visualDimension](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.visualDimension)
+                 * can be used to specify which dimension of
+                 * [data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * is used to perform visual mapping.
+                 *
+                 * + `'index'`:
+                 *
+                 * Map the `index` (ordinal number) of nodes to color.
+                 * Namely, in a level, the first node is mapped to the first
+                 * color of
+                 * [color list](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.color)
+                 * , and the second node gets the second color.
+                 *
+                 * In this way, adjacent nodes are distinguished by color.
+                 *
+                 * + `'id'`:
+                 *
+                 * Map
+                 * [series-treemap.data.id](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.id)
+                 * to color.
+                 *
+                 * Since `id` is used to identify node, if user call `setOption`
+                 * to modify the tree, each node will remain the original color
+                 * before and after `setOption` called. See this
+                 * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&edit=1&reset=1)
+                 * .
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `colorMappingBy` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @default
+                 * "index"
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.colorMappingBy
+                 */
+                colorMappingBy?: string;
+
+                /**
+                 * A node will not be shown when its area size is smaller than
+                 * this value (unit: px square).
+                 *
+                 * In this way, tiny nodes will be hidden, otherwise they will
+                 * huddle together.
+                 * When user zoom the treemap, the area size will increase and
+                 * the rectangle will be shown if the area size is larger than
+                 * this threshold.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `visibleMin` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @default
+                 * 10
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.visibleMin
+                 */
+                visibleMin?: number;
+
+                /**
+                 * Children will not be shown when area size of a node is smaller
+                 * than this value (unit: px square).
+                 *
+                 * This can hide the details of nodes when the rectangular area
+                 * is not large enough.
+                 * When users zoom nodes, the child node would show if the area
+                 * is larger than this threshold.
+                 *
+                 * About visual encoding, see details in
+                 * [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * .
+                 *
+                 * > Tps: In treemap, `childrenVisibleMin` attribute could appear
+                 * in more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.childrenVisibleMin
+                 */
+                childrenVisibleMin?: number;
+
+                /**
+                 * `label` decribes the style of the label in each node.
+                 *
+                 * > Tps: In treemap, `label` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label
+                 */
+                label?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of the text block.
+                     * It is the width of the text by default.
+                     * You may want to use it in some cases like using background
+                     * image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.height
+                     */
+                    height?: number | string;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.label.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 * `upperLabel` is used to specify whether show label when the
+                 * node has children. When
+                 * [upperLabel.show](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.upperLabel.show)
+                 * is set as `true`, the feature that "show parent label" is
+                 * enabled.
+                 *
+                 * The same as
+                 * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+                 * , the option `upperLabel` can be placed at the root of
+                 * [series-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * directly, or in
+                 * [series-treemap.level](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.level)
+                 * , or in each item of
+                 * [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * .
+                 *
+                 * Specifically,
+                 * [series-treemap.label](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.label)
+                 * specifies the style when a node is a leaf, while `upperLabel`
+                 * specifies the style when a node has children, in which case
+                 * the label is displayed in the inner top of the node.
+                 *
+                 * See:
+                 *
+                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data)
+                 *
+                 * > Tps: In treemap, `label` attribute could appear in more
+                 * than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel
+                 */
+                upperLabel?: {
+
+                    /**
+                     * Whether to show label.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.show
+                     */
+                    show?: boolean;
+
+                    /**
+                     * Label position.
+                     *
+                     * **Followings are the options:**
+                     *
+                     * + \[x, y\]
+                     *
+                     * Use relative percentage, or absolute pixel values to
+                     * represent position of label relative to top-left corner
+                     * of bounding box. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     * + 'top'
+                     *
+                     * + 'left'
+                     * + 'right'
+                     * + 'bottom'
+                     * + 'inside'
+                     * + 'insideLeft'
+                     * + 'insideRight'
+                     * + 'insideTop'
+                     * + 'insideBottom'
+                     * + 'insideTopLeft'
+                     * + 'insideBottomLeft'
+                     * + 'insideTopRight'
+                     * + 'insideBottomRight'
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * "inside"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.position
+                     */
+                    position?: any[] | string;
+
+                    /**
+                     * Distance to the host graphic element.
+                     * Works when position is string value (like `'top'`、`'insideRight'`).
+                     *
+                     * See:
+                     * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                     * .
+                     *
+                     *
+                     * @default
+                     * 5
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.distance
+                     */
+                    distance?: number;
+
+                    /**
+                     * Rotate label, from -90 degree to 90, positive value represents
+                     * rotate anti-clockwise.
+                     *
+                     * See:
+                     * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                     * .
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rotate
+                     */
+                    rotate?: number;
+
+                    /**
+                     * Whether to move text slightly.
+                     * For example: `[30, 40]` means move `30` horizontally
+                     * and move `40` vertically.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.offset
+                     */
+                    offset?: any[];
+
+                    /**
+                     * Data label formatter, which supports string template
+                     * and callback function.
+                     * In either form, `\n` is supported to represent a new
+                     * line.
+                     *
+                     * **String template**
+                     *
+                     * Model variation includes:
+                     *
+                     * + `{a}`: series name.
+                     * + `{b}`: the name of a data item.
+                     * + `{c}`: the value of a data item.
+                     * + `{@xxx}: the value of a dimension named`'xxx'`, for
+                     * example,`{@product}`refers the value of`'product'\` dimension。
+                     * + `{@[n]}: the value of a dimension at the index of`n`,
+                     * for example,`{@\[3\]}\` refers the value at dimensions\[3\].
+                     *
+                     * **example:**
+                     *
+                     * ```
+                     * formatter: '{b}: {@score}'
+                     *
+                     * ```
+                     *
+                     * **Callback function**
+                     *
+                     * Callback function is in form of:
+                     *
+                     * ```
+                     * (params: Object|Array) => string
+                     *
+                     * ```
+                     *
+                     * where `params` is the single dataset needed by formatter,
+                     * which is formed as:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.formatter
+                     */
+                    formatter?: Function | string;
+
+                    /**
+                     * text color.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * ""#fff""
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.color
+                     */
+                    color?: string;
+
+                    /**
+                     * font style
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'italic'`
+                     * + `'oblique'`
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.fontStyle
+                     */
+                    fontStyle?: string;
+
+                    /**
+                     * font thick weight
+                     *
+                     * Options are:
+                     *
+                     * + `'normal'`
+                     * + `'bold'`
+                     * + `'bolder'`
+                     * + `'lighter'`
+                     * + 100 | 200 | 300 | 400...
+                     *
+                     *
+                     * @default
+                     * "normal"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.fontWeight
+                     */
+                    fontWeight?: string;
+
+                    /**
+                     * font family
+                     *
+                     * Can also be 'serif' , 'monospace', ...
+                     *
+                     *
+                     * @default
+                     * "sans-serif"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.fontFamily
+                     */
+                    fontFamily?: string;
+
+                    /**
+                     * font size
+                     *
+                     *
+                     * @default
+                     * 12
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.fontSize
+                     */
+                    fontSize?: number;
+
+                    /**
+                     * Horizontal alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'left'`
+                     * + `'center'`
+                     * + `'right'`
+                     *
+                     * If `align` is not set in `rich`, `align` in parent level
+                     * will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.align
+                     */
+                    align?: string;
+
+                    /**
+                     * Vertical alignment of text, automatic by default.
+                     *
+                     * Options are:
+                     *
+                     * + `'top'`
+                     * + `'middle'`
+                     * + `'bottom'`
+                     *
+                     * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                     * in parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.verticalAlign
+                     */
+                    verticalAlign?: string;
+
+                    /**
+                     * Line height of the text fregment.
+                     *
+                     * If `lineHeight` is not set in `rich`, `lineHeight` in
+                     * parent level will be used. For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.lineHeight
+                     */
+                    lineHeight?: number;
+
+                    /**
+                     * Background color of the text fregment.
+                     *
+                     * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                     *
+                     * Or image can be used, for example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     * `width` or `height` can be specified when using background
+                     * image, or auto adapted by default.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.backgroundColor
+                     */
+                    backgroundColor?: object | string;
+
+                    /**
+                     * Border color of the text fregment.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * Border width of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Border radius of the text fregment.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.borderRadius
+                     */
+                    borderRadius?: number;
+
+                    /**
+                     * Padding of the text fregment, for example:
+                     *
+                     * + `padding: [3, 4, 5, 6]`: represents padding of `[top,
+                     * right, bottom, left]`.
+                     * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                     * + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.padding
+                     */
+                    padding?: any[] | number;
+
+                    /**
+                     * Shadow color of the text block.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.shadowColor
+                     */
+                    shadowColor?: string;
+
+                    /**
+                     * Show blur of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.shadowBlur
+                     */
+                    shadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.shadowOffsetX
+                     */
+                    shadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text block.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.shadowOffsetY
+                     */
+                    shadowOffsetY?: number;
+
+                    /**
+                     * Width of the text block.
+                     * It is the width of the text by default.
+                     * In most cases, there is no need to specify it.
+                     * You may want to use it in some cases like make simple
+                     * table or using background image (see `backgroundColor`).
+                     *
+                     * Notice, `width` and `height` specifies the width and
+                     * height of the content, without `padding`.
+                     *
+                     * `width` can also be percent string, like `'100%'`, which
+                     * represents the percent of `contentWidth` (that is, the
+                     * width without `padding`) of its container box.
+                     * It is based on `contentWidth` because that each text
+                     * fregment is layout based on the `content box`, where
+                     * it makes no sense that calculating width based on `outerWith`
+                     * in prectice.
+                     *
+                     * Notice, `width` and `height` only work when `rich` specified.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.width
+                     */
+                    width?: number | string;
+
+                    /**
+                     * Height of label area.
+                     *
+                     *
+                     * @default
+                     * 20
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.height
+                     */
+                    height?: number;
+
+                    /**
+                     * Storke color of the text.
+                     *
+                     * If set as `'auto'`, the color will assigned as visual
+                     * color, such as series color.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textBorderColor
+                     */
+                    textBorderColor?: string;
+
+                    /**
+                     * Storke line width of the text.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textBorderWidth
+                     */
+                    textBorderWidth?: number;
+
+                    /**
+                     * Shadow color of the text itself.
+                     *
+                     *
+                     * @default
+                     * "transparent"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textShadowColor
+                     */
+                    textShadowColor?: string;
+
+                    /**
+                     * Shadow blue of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textShadowBlur
+                     */
+                    textShadowBlur?: number;
+
+                    /**
+                     * Shadow X offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textShadowOffsetX
+                     */
+                    textShadowOffsetX?: number;
+
+                    /**
+                     * Shadow Y offset of the text itself.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.textShadowOffsetY
+                     */
+                    textShadowOffsetY?: number;
+
+                    /**
+                     * "Rich text styles" can be defined in this `rich` property.
+                     * For example:
+                     *
+                     * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel)
+                     *
+                     * For more details, see
+                     * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                     * please.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich
+                     */
+                    rich?: {
+
+                        /**
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                         */
+                        [userStyle: string]: {
+
+                            /**
+                             * text color.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * ""#fff""
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                             */
+                            color?: string;
+
+                            /**
+                             * font style
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'italic'`
+                             * + `'oblique'`
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                             */
+                            fontStyle?: string;
+
+                            /**
+                             * font thick weight
+                             *
+                             * Options are:
+                             *
+                             * + `'normal'`
+                             * + `'bold'`
+                             * + `'bolder'`
+                             * + `'lighter'`
+                             * + 100 | 200 | 300 | 400...
+                             *
+                             *
+                             * @default
+                             * "normal"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                             */
+                            fontWeight?: string;
+
+                            /**
+                             * font family
+                             *
+                             * Can also be 'serif' , 'monospace', ...
+                             *
+                             *
+                             * @default
+                             * "sans-serif"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                             */
+                            fontFamily?: string;
+
+                            /**
+                             * font size
+                             *
+                             *
+                             * @default
+                             * 12
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                             */
+                            fontSize?: number;
+
+                            /**
+                             * Horizontal alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'left'`
+                             * + `'center'`
+                             * + `'right'`
+                             *
+                             * If `align` is not set in `rich`, `align` in parent
+                             * level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                             */
+                            align?: string;
+
+                            /**
+                             * Vertical alignment of text, automatic by default.
+                             *
+                             * Options are:
+                             *
+                             * + `'top'`
+                             * + `'middle'`
+                             * + `'bottom'`
+                             *
+                             * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                             */
+                            verticalAlign?: string;
+
+                            /**
+                             * Line height of the text fregment.
+                             *
+                             * If `lineHeight` is not set in `rich`, `lineHeight`
+                             * in parent level will be used. For example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                             */
+                            lineHeight?: number;
+
+                            /**
+                             * Background color of the text fregment.
+                             *
+                             * Can be color string, like `'#123234'`, `'red'`,
+                             * `rgba(0,23,11,0.3)'`.
+                             *
+                             * Or image can be used, for example:
+                             *
+                             * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                             *
+                             * `width` or `height` can be specified when using
+                             * background image, or auto adapted by default.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                             */
+                            backgroundColor?: object | string;
+
+                            /**
+                             * Border color of the text fregment.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                             */
+                            borderColor?: string;
+
+                            /**
+                             * Border width of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                             */
+                            borderWidth?: number;
+
+                            /**
+                             * Border radius of the text fregment.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                             */
+                            borderRadius?: number;
+
+                            /**
+                             * Padding of the text fregment, for example:
+                             *
+                             * + `padding: [3, 4, 5, 6]`: represents padding
+                             * of `[top, right, bottom, left]`.
+                             * + `padding: 4`: represents `padding: [4, 4, 4,
+                             * 4]`.
+                             * + `padding: [3, 4]`: represents `padding: [3,
+                             * 4, 3, 4]`.
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                             */
+                            padding?: any[] | number;
+
+                            /**
+                             * Shadow color of the text block.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                             */
+                            shadowColor?: string;
+
+                            /**
+                             * Show blur of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                             */
+                            shadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                             */
+                            shadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text block.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                             */
+                            shadowOffsetY?: number;
+
+                            /**
+                             * Width of the text block.
+                             * It is the width of the text by default.
+                             * In most cases, there is no need to specify it.
+                             * You may want to use it in some cases like make
+                             * simple table or using background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * `width` can also be percent string, like `'100%'`,
+                             * which represents the percent of `contentWidth`
+                             * (that is, the width without `padding`) of its
+                             * container box.
+                             * It is based on `contentWidth` because that each
+                             * text fregment is layout based on the `content
+                             * box`, where it makes no sense that calculating
+                             * width based on `outerWith` in prectice.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                             */
+                            width?: number | string;
+
+                            /**
+                             * Height of the text block.
+                             * It is the width of the text by default.
+                             * You may want to use it in some cases like using
+                             * background image (see `backgroundColor`).
+                             *
+                             * Notice, `width` and `height` specifies the width
+                             * and height of the content, without `padding`.
+                             *
+                             * Notice, `width` and `height` only work when `rich`
+                             * specified.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                             */
+                            height?: number | string;
+
+                            /**
+                             * Storke color of the text.
+                             *
+                             * If set as `'auto'`, the color will assigned as
+                             * visual color, such as series color.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                             */
+                            textBorderColor?: string;
+
+                            /**
+                             * Storke line width of the text.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                             */
+                            textBorderWidth?: number;
+
+                            /**
+                             * Shadow color of the text itself.
+                             *
+                             *
+                             * @default
+                             * "transparent"
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                             */
+                            textShadowColor?: string;
+
+                            /**
+                             * Shadow blue of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                             */
+                            textShadowBlur?: number;
+
+                            /**
+                             * Shadow X offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                             */
+                            textShadowOffsetX?: number;
+
+                            /**
+                             * Shadow Y offset of the text itself.
+                             *
+                             *
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                             */
+                            textShadowOffsetY?: number;
+                        };
+                    };
+
+                    /**
+                     * When the text is overflow, whether to replace the excess
+                     * part with apostrophe.
+                     *
+                     *
+                     * @default
+                     * "true"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.upperLabel.ellipsis
+                     */
+                    ellipsis?: boolean;
+                };
+
+                /**
+                 *
+                 * > Tps: In treemap, `itemStyle` attribute could appear in
+                 * more than one places:
+                 * >
+                 * > + It could appear in
+                 * > [sereis-treemap](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap)
+                 * > , indicating the unified setting of the series.
+                 * >
+                 * > + It could appear in each array element of
+                 * > [series-treemap.levels](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels)
+                 * > , indicating the unified setting of each level of the tree.
+                 * >
+                 * > + It could appear in each node of
+                 * > [series-treemap.data](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data)
+                 * > , indicating the particular setting of each node.
+                 * >
+                 *
+                 *
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle
+                 */
+                itemStyle?: {
+
+                    /**
+                     * The color of a node. It use global palette
+                     * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                     * by default.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.color
+                     */
+                    color?: string;
+
+                    /**
+                     * The tranparent rate of a node, the range is between 0
+                     * ~ 1.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.colorAlpha
+                     */
+                    colorAlpha?: number;
+
+                    /**
+                     * The color saturation of a node.
+                     * The range is between 0 ~ 1.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.colorSaturation
+                     */
+                    colorSaturation?: number;
+
+                    /**
+                     * The border width of a node.
+                     * There is no border when it is set as `0`.
+                     *
+                     * Tip, gaps between child nodes are specified by
+                     * [gapWidth](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.levels.gapWidth)
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.borderWidth
+                     */
+                    borderWidth?: number;
+
+                    /**
+                     * Gaps between child nodes.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.gapWidth
+                     */
+                    gapWidth?: number;
+
+                    /**
+                     * The border color and gap color of a node.
+                     *
+                     *
+                     * @default
+                     * "#fff',"
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.borderColor
+                     */
+                    borderColor?: string;
+
+                    /**
+                     * The color saturation of a border or gap.
+                     * The value range is between 0 ~ 1.
+                     *
+                     * Tips:
+                     *
+                     * When `borderColorSaturation` is set, the `borderColor`
+                     * is disabled, and, instead, the final border color is
+                     * calculated based on the color of this node (this color
+                     * could be sepcified explicitly or inherited from its parent
+                     * node) and mixing with `borderColorSaturation`.
+                     *
+                     * In this way, a effect can be implemented: different sections
+                     * have different hue of gap color repectively, which makes
+                     * users easy to distinguish both sections and levels.
+                     *
+                     * **How to avoid confusion by setting border/gap of node**
+                     *
+                     * If all of the border/gaps are set with the same color,
+                     * confusion might occur when rectangulars in different
+                     * levels display at the same time.
+                     *
+                     * See the
+                     * [example](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&edit=1&reset=1)
+                     *
+                     * Noticed that the child rectangles in the red area are
+                     * in the deeper level than rectangles that are saparated
+                     * by white gap.
+                     * So in the red area, basically we set gap color with red,
+                     * and use `borderColorSaturation` to lift the saturation.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.borderColorSaturation
+                     */
+                    borderColorSaturation?: string;
+
+                    /**
+                     * Stroke color of each rect.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.strokeColor
+                     */
+                    strokeColor?: string;
+
+                    /**
+                     * Stroke width of each rect.
+                     *
+                     *
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.itemStyle.strokeWidth
+                     */
+                    strokeWidth?: number;
+                };
+
+                /**
+                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis
+                 */
+                emphasis?: {
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label
+                     */
+                    label?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * When the text is overflow, whether to replace the
+                         * excess part with apostrophe.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.label.ellipsis
+                         */
+                        ellipsis?: boolean;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel
+                     */
+                    upperLabel?: {
+
+                        /**
+                         * Whether to show label.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.show
+                         */
+                        show?: boolean;
+
+                        /**
+                         * Label position.
+                         *
+                         * **Followings are the options:**
+                         *
+                         * + \[x, y\]
+                         *
+                         * Use relative percentage, or absolute pixel values
+                         * to represent position of label relative to top-left
+                         * corner of bounding box. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         * + 'top'
+                         *
+                         * + 'left'
+                         * + 'right'
+                         * + 'bottom'
+                         * + 'inside'
+                         * + 'insideLeft'
+                         * + 'insideRight'
+                         * + 'insideTop'
+                         * + 'insideBottom'
+                         * + 'insideTopLeft'
+                         * + 'insideBottomLeft'
+                         * + 'insideTopRight'
+                         * + 'insideBottomRight'
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * "inside"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.position
+                         */
+                        position?: any[] | string;
+
+                        /**
+                         * Distance to the host graphic element.
+                         * Works when position is string value (like `'top'`、`'insideRight'`).
+                         *
+                         * See:
+                         * [label position](https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/label-position)
+                         * .
+                         *
+                         *
+                         * @default
+                         * 5
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.distance
+                         */
+                        distance?: number;
+
+                        /**
+                         * Rotate label, from -90 degree to 90, positive value
+                         * represents rotate anti-clockwise.
+                         *
+                         * See:
+                         * [label rotation](https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation)
+                         * .
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rotate
+                         */
+                        rotate?: number;
+
+                        /**
+                         * Whether to move text slightly.
+                         * For example: `[30, 40]` means move `30` horizontally
+                         * and move `40` vertically.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.offset
+                         */
+                        offset?: any[];
+
+                        /**
+                         * Data label formatter, which supports string template
+                         * and callback function.
+                         * In either form, `\n` is supported to represent a
+                         * new line.
+                         *
+                         * **String template**
+                         *
+                         * Model variation includes:
+                         *
+                         * + `{a}`: series name.
+                         * + `{b}`: the name of a data item.
+                         * + `{c}`: the value of a data item.
+                         * + `{@xxx}: the value of a dimension named`'xxx'`,
+                         * for example,`{@product}`refers the value of`'product'\`
+                         * dimension。
+                         * + `{@[n]}: the value of a dimension at the index
+                         * of`n`, for example,`{@\[3\]}\` refers the value at
+                         * dimensions\[3\].
+                         *
+                         * **example:**
+                         *
+                         * ```
+                         * formatter: '{b}: {@score}'
+                         *
+                         * ```
+                         *
+                         * **Callback function**
+                         *
+                         * Callback function is in form of:
+                         *
+                         * ```
+                         * (params: Object|Array) => string
+                         *
+                         * ```
+                         *
+                         * where `params` is the single dataset needed by formatter,
+                         * which is formed as:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.formatter
+                         */
+                        formatter?: Function | string;
+
+                        /**
+                         * text color.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * ""#fff""
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.color
+                         */
+                        color?: string;
+
+                        /**
+                         * font style
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'italic'`
+                         * + `'oblique'`
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.fontStyle
+                         */
+                        fontStyle?: string;
+
+                        /**
+                         * font thick weight
+                         *
+                         * Options are:
+                         *
+                         * + `'normal'`
+                         * + `'bold'`
+                         * + `'bolder'`
+                         * + `'lighter'`
+                         * + 100 | 200 | 300 | 400...
+                         *
+                         *
+                         * @default
+                         * "normal"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.fontWeight
+                         */
+                        fontWeight?: string;
+
+                        /**
+                         * font family
+                         *
+                         * Can also be 'serif' , 'monospace', ...
+                         *
+                         *
+                         * @default
+                         * "sans-serif"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.fontFamily
+                         */
+                        fontFamily?: string;
+
+                        /**
+                         * font size
+                         *
+                         *
+                         * @default
+                         * 12
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.fontSize
+                         */
+                        fontSize?: number;
+
+                        /**
+                         * Horizontal alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'left'`
+                         * + `'center'`
+                         * + `'right'`
+                         *
+                         * If `align` is not set in `rich`, `align` in parent
+                         * level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.align
+                         */
+                        align?: string;
+
+                        /**
+                         * Vertical alignment of text, automatic by default.
+                         *
+                         * Options are:
+                         *
+                         * + `'top'`
+                         * + `'middle'`
+                         * + `'bottom'`
+                         *
+                         * If `verticalAlign` is not set in `rich`, `verticalAlign`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.verticalAlign
+                         */
+                        verticalAlign?: string;
+
+                        /**
+                         * Line height of the text fregment.
+                         *
+                         * If `lineHeight` is not set in `rich`, `lineHeight`
+                         * in parent level will be used. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.lineHeight
+                         */
+                        lineHeight?: number;
+
+                        /**
+                         * Background color of the text fregment.
+                         *
+                         * Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
+                         *
+                         * Or image can be used, for example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         * `width` or `height` can be specified when using background
+                         * image, or auto adapted by default.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.backgroundColor
+                         */
+                        backgroundColor?: object | string;
+
+                        /**
+                         * Border color of the text fregment.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.borderColor
+                         */
+                        borderColor?: string;
+
+                        /**
+                         * Border width of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.borderWidth
+                         */
+                        borderWidth?: number;
+
+                        /**
+                         * Border radius of the text fregment.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.borderRadius
+                         */
+                        borderRadius?: number;
+
+                        /**
+                         * Padding of the text fregment, for example:
+                         *
+                         * + `padding: [3, 4, 5, 6]`: represents padding of
+                         * `[top, right, bottom, left]`.
+                         * + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
+                         * + `padding: [3, 4]`: represents `padding: [3, 4,
+                         * 3, 4]`.
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.padding
+                         */
+                        padding?: any[] | number;
+
+                        /**
+                         * Shadow color of the text block.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.shadowColor
+                         */
+                        shadowColor?: string;
+
+                        /**
+                         * Show blur of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.shadowBlur
+                         */
+                        shadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.shadowOffsetX
+                         */
+                        shadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text block.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.shadowOffsetY
+                         */
+                        shadowOffsetY?: number;
+
+                        /**
+                         * Width of the text block.
+                         * It is the width of the text by default.
+                         * In most cases, there is no need to specify it.
+                         * You may want to use it in some cases like make simple
+                         * table or using background image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * `width` can also be percent string, like `'100%'`,
+                         * which represents the percent of `contentWidth` (that
+                         * is, the width without `padding`) of its container
+                         * box.
+                         * It is based on `contentWidth` because that each text
+                         * fregment is layout based on the `content box`, where
+                         * it makes no sense that calculating width based on
+                         * `outerWith` in prectice.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.width
+                         */
+                        width?: number | string;
+
+                        /**
+                         * Height of the text block.
+                         * It is the width of the text by default.
+                         * You may want to use it in some cases like using background
+                         * image (see `backgroundColor`).
+                         *
+                         * Notice, `width` and `height` specifies the width
+                         * and height of the content, without `padding`.
+                         *
+                         * Notice, `width` and `height` only work when `rich`
+                         * specified.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.height
+                         */
+                        height?: number | string;
+
+                        /**
+                         * Storke color of the text.
+                         *
+                         * If set as `'auto'`, the color will assigned as visual
+                         * color, such as series color.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textBorderColor
+                         */
+                        textBorderColor?: string;
+
+                        /**
+                         * Storke line width of the text.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textBorderWidth
+                         */
+                        textBorderWidth?: number;
+
+                        /**
+                         * Shadow color of the text itself.
+                         *
+                         *
+                         * @default
+                         * "transparent"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textShadowColor
+                         */
+                        textShadowColor?: string;
+
+                        /**
+                         * Shadow blue of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textShadowBlur
+                         */
+                        textShadowBlur?: number;
+
+                        /**
+                         * Shadow X offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textShadowOffsetX
+                         */
+                        textShadowOffsetX?: number;
+
+                        /**
+                         * Shadow Y offset of the text itself.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.textShadowOffsetY
+                         */
+                        textShadowOffsetY?: number;
+
+                        /**
+                         * "Rich text styles" can be defined in this `rich`
+                         * property. For example:
+                         *
+                         * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel)
+                         *
+                         * For more details, see
+                         * [Rich Text](https://ecomfe.github.io/echarts-doc/public/en/option.htmltutorial.html#Rich%20Text)
+                         * please.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich
+                         */
+                        rich?: {
+
+                            /**
+                             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E
+                             */
+                            [userStyle: string]: {
+
+                                /**
+                                 * text color.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * ""#fff""
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.color
+                                 */
+                                color?: string;
+
+                                /**
+                                 * font style
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'italic'`
+                                 * + `'oblique'`
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
+                                 */
+                                fontStyle?: string;
+
+                                /**
+                                 * font thick weight
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'normal'`
+                                 * + `'bold'`
+                                 * + `'bolder'`
+                                 * + `'lighter'`
+                                 * + 100 | 200 | 300 | 400...
+                                 *
+                                 *
+                                 * @default
+                                 * "normal"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
+                                 */
+                                fontWeight?: string;
+
+                                /**
+                                 * font family
+                                 *
+                                 * Can also be 'serif' , 'monospace', ...
+                                 *
+                                 *
+                                 * @default
+                                 * "sans-serif"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
+                                 */
+                                fontFamily?: string;
+
+                                /**
+                                 * font size
+                                 *
+                                 *
+                                 * @default
+                                 * 12
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.fontSize
+                                 */
+                                fontSize?: number;
+
+                                /**
+                                 * Horizontal alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'left'`
+                                 * + `'center'`
+                                 * + `'right'`
+                                 *
+                                 * If `align` is not set in `rich`, `align`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.align
+                                 */
+                                align?: string;
+
+                                /**
+                                 * Vertical alignment of text, automatic by
+                                 * default.
+                                 *
+                                 * Options are:
+                                 *
+                                 * + `'top'`
+                                 * + `'middle'`
+                                 * + `'bottom'`
+                                 *
+                                 * If `verticalAlign` is not set in `rich`,
+                                 * `verticalAlign` in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
+                                 */
+                                verticalAlign?: string;
+
+                                /**
+                                 * Line height of the text fregment.
+                                 *
+                                 * If `lineHeight` is not set in `rich`, `lineHeight`
+                                 * in parent level will be used.
+                                 * For example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
+                                 */
+                                lineHeight?: number;
+
+                                /**
+                                 * Background color of the text fregment.
+                                 *
+                                 * Can be color string, like `'#123234'`, `'red'`,
+                                 * `rgba(0,23,11,0.3)'`.
+                                 *
+                                 * Or image can be used, for example:
+                                 *
+                                 * [see doc](https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E)
+                                 *
+                                 * `width` or `height` can be specified when
+                                 * using background image, or auto adapted by
+                                 * default.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
+                                 */
+                                backgroundColor?: object | string;
+
+                                /**
+                                 * Border color of the text fregment.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderColor
+                                 */
+                                borderColor?: string;
+
+                                /**
+                                 * Border width of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
+                                 */
+                                borderWidth?: number;
+
+                                /**
+                                 * Border radius of the text fregment.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
+                                 */
+                                borderRadius?: number;
+
+                                /**
+                                 * Padding of the text fregment, for example:
+                                 *
+                                 * + `padding: [3, 4, 5, 6]`: represents padding
+                                 * of `[top, right, bottom, left]`.
+                                 * + `padding: 4`: represents `padding: [4,
+                                 * 4, 4, 4]`.
+                                 * + `padding: [3, 4]`: represents `padding:
+                                 * [3, 4, 3, 4]`.
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.padding
+                                 */
+                                padding?: any[] | number;
+
+                                /**
+                                 * Shadow color of the text block.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
+                                 */
+                                shadowColor?: string;
+
+                                /**
+                                 * Show blur of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
+                                 */
+                                shadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
+                                 */
+                                shadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text block.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
+                                 */
+                                shadowOffsetY?: number;
+
+                                /**
+                                 * Width of the text block.
+                                 * It is the width of the text by default.
+                                 * In most cases, there is no need to specify
+                                 * it.
+                                 * You may want to use it in some cases like
+                                 * make simple table or using background image
+                                 * (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * `width` can also be percent string, like
+                                 * `'100%'`, which represents the percent of
+                                 * `contentWidth` (that is, the width without
+                                 * `padding`) of its container box.
+                                 * It is based on `contentWidth` because that
+                                 * each text fregment is layout based on the
+                                 * `content box`, where it makes no sense that
+                                 * calculating width based on `outerWith` in
+                                 * prectice.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.width
+                                 */
+                                width?: number | string;
+
+                                /**
+                                 * Height of the text block.
+                                 * It is the width of the text by default.
+                                 * You may want to use it in some cases like
+                                 * using background image (see `backgroundColor`).
+                                 *
+                                 * Notice, `width` and `height` specifies the
+                                 * width and height of the content, without
+                                 * `padding`.
+                                 *
+                                 * Notice, `width` and `height` only work when
+                                 * `rich` specified.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.height
+                                 */
+                                height?: number | string;
+
+                                /**
+                                 * Storke color of the text.
+                                 *
+                                 * If set as `'auto'`, the color will assigned
+                                 * as visual color, such as series color.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
+                                 */
+                                textBorderColor?: string;
+
+                                /**
+                                 * Storke line width of the text.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
+                                 */
+                                textBorderWidth?: number;
+
+                                /**
+                                 * Shadow color of the text itself.
+                                 *
+                                 *
+                                 * @default
+                                 * "transparent"
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
+                                 */
+                                textShadowColor?: string;
+
+                                /**
+                                 * Shadow blue of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
+                                 */
+                                textShadowBlur?: number;
+
+                                /**
+                                 * Shadow X offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
+                                 */
+                                textShadowOffsetX?: number;
+
+                                /**
+                                 * Shadow Y offset of the text itself.
+                                 *
+                                 *
+                                 * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
+                                 */
+                                textShadowOffsetY?: number;
+                            };
+                        };
+
+                        /**
+                         * When the text is overflow, whether to replace the
+                         * excess part with apostrophe.
+                         *
+                         *
+                         * @default
+                         * "true"
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.upperLabel.ellipsis
+                         */
+                        ellipsis?: boolean;
+                    };
+
+                    /**
+                     * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.itemStyle
+                     */
+                    itemStyle?: {
+
+                        /**
+                         * The color of a node. It use global palette
+                         * [option.color](https://ecomfe.github.io/echarts-doc/public/en/option.html#color)
+                         * by default.
+                         *
+                         *
+                         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#series-treemap.data.emphasis.itemStyle.color
+                         */
+                        color?: string;
+                    };
+                };
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/text-style.d.ts b/types/echarts/options/text-style.d.ts
new file mode 100644
index 0000000000..8786216b78
--- /dev/null
+++ b/types/echarts/options/text-style.d.ts
@@ -0,0 +1,24 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * @todo describe
+         */
+        interface TextStyle {
+            color?: string;
+            fontStyle?: 'normal' | 'italic' | 'oblique';
+            fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter'
+                            | '100' | '200' | '300' | '400';
+            fontFamily?: string;
+            fontSize?: number;
+            lineHeight?: number;
+            width?: number | string;
+            height?: number | string;
+            textBorderColor?: string;
+            textBorderWidth?: number;
+            textShadowColor?: string;
+            textShadowBlur?: number;
+            textShadowOffsetX?: number;
+            textShadowOffsetY?: number;
+        }
+    }
+}
diff --git a/types/echarts/options/tooltip.d.ts b/types/echarts/options/tooltip.d.ts
new file mode 100644
index 0000000000..2eb17e7114
--- /dev/null
+++ b/types/echarts/options/tooltip.d.ts
@@ -0,0 +1,443 @@
+declare namespace echarts {
+    namespace EChartOption {
+        interface Tooltip {
+            /**
+             * Whether to show the tooltip component,
+             * including tooltip floating layer and `axisPointer`.
+             *
+             * @default true
+             */
+            show?: boolean;
+
+            /**
+             * Type of triggering.
+             * Options:
+             * + `'item'` - Triggered by data item, which is mainly used
+             *   for charts that don't have a category axis like scatter
+             *   charts or pie charts.
+             * + `'axis'` - Triggered by axes, which is mainly used
+             *   for charts that have category axes, like bar charts
+             *   or line charts.
+             *   ECharts 2.x only supports axis trigger for category axis.
+             *   In ECharts 3, it is supported for all types of axes in `grid`
+             *   or `polar`. Also, you may assign axis with `axisPointer.axis`.
+             * + `'none'` - Trigger nothing.
+             *
+             * @default 'item'
+             */
+            trigger?: 'item' | 'axis' | 'none';
+
+            /**
+             * `axisPointer` is a tool for displaying reference line
+             * and axis value under mouse pointer.
+             *
+             * Configuration item for axis indicator.
+             * `tooltip.axisPointer` is like syntactic sugar
+             * of `axisPointer` settings on axes
+             * (for example, `xAxis.axisPointer` or `angleAxis.axisPointer`).
+             * More detailed features can be configured
+             * on `someAxis.axisPointer`.
+             * But in common cases, using `tooltip.axisPinter`
+             * is more convenient.
+             * Notice: configurations of `tooltip.axisPointer` has
+             * lower priority than that of `someAxis.axisPointer`.
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.axisPointer
+             */
+            axisPointer?: {
+                /**
+                 * Indicator type.
+                 * Options:
+                 * + 'line' line indicator.
+                 * + 'shadow' shadow crosshair indicator.
+                 * + 'none' no indicator displayed.
+                 * + 'cross' crosshair indicator, which is actually
+                 *   the shortcut of enable two axisPointers
+                 *   of two orthometric axes.
+                 *
+                 * @default 'line'
+                 */
+                type?: 'line' | 'shadow' | 'none' | 'cross';
+
+                /**
+                 * By default, each coordinate system will automatically
+                 * chose the axes whose will display its axisPointer
+                 * (category axis or time axis is used by default).
+                 */
+                axis?: 'x' | 'y' | 'radius' | 'angle';
+
+                /**
+                 * Whether snap to point automatically.
+                 * The default value is auto determined.
+                 * This feature usually makes sense in value axis
+                 * and time axis, where tiny points
+                 * can be seeked automatically.
+                */
+                snap?: boolean;
+
+                /**
+                 * `z` value, which controls order of drawing
+                 * graphical components.
+                 * Components with smaller `z` values may be overwritten
+                 * by those with larger `z` values.
+                 */
+                z?: number;
+            };
+
+            /**
+             * Whether to show the tooltip floating layer,
+             * whose default value is true.
+             * It should be configurated to be `false`,
+             * if you only need tooltip to trigger the event
+             * or show the axisPointer without content.
+             *
+             * @default true
+             */
+            showContent?: boolean;
+
+            /**
+             * Whether to show tooltip content all the time.
+             * By default, it will be hidden after `tooltip.hideDelay`.
+             * It can be set to be true to preserve displaying.
+             * This attribute is newly added to ECharts 3.0.
+             *
+             * @default false
+             */
+            alwaysShowContent?: boolean;
+
+            /**
+             * Conditions to trigger tooltip.
+             * Options:
+             * + `'mousemove'` - Trigger when mouse moves.
+             * + `'click'` - Trigger when mouse clicks.
+             * + `'mousemove|click'` - Trigger when mouse clicks and moves.
+             *   `'none'` - Do not triggered by `'mousemove'` and `'click'`.
+             *   Tooltip can be triggered and hidden manually by calling
+             *   `action.tooltip.showTip` and `action.tooltip.hideTip`.
+             *   It can also be triggered by `axisPointer.handle` in this case.
+             *
+             * This attribute is new to ECharts 3.0.
+             *
+             * @default 'mousemove|click'
+             */
+            triggerOn?: 'mousemove' | 'click' | 'mousemove|click' | 'none';
+
+            /**
+             * Delay time for showing tooltip, in ms.
+             * No delay by default, and it is not recommended to set.
+             * Only valid when `triggerOn` is set to be `'mousemove'`.
+             *
+             * @default 0
+             */
+            showDelay?: number;
+
+            /**
+             * Delay time for hiding tooltip, in ms.
+             * It will be invalid when `alwaysShowContent` is `true`.
+             *
+             * @default 100
+             */
+            hideDelay?: number;
+
+            /**
+             * Whether mouse is allowed to enter the floating layer
+             * of tooltip, whose default value is false.
+             * If you need to interact in the tooltip like with links
+             * or buttons, it can be set as `true`.
+             *
+             * @default true
+             */
+            enterable?: boolean;
+
+            /**
+             * Render mode for tooltip.
+             * By default, it is set to be `'html'` so that extra DOM element
+             * is used for tooltip.
+             * It can also set to be `'richText'` so that the tooltip
+             * will be rendered inside Canvas (SVG rich text is
+             * not implemented yet).
+             * This is very useful for environments that don't have DOM,
+             * such as Wechat applications.
+             *
+             * @default 'html'
+             */
+            renderMode?: 'html';
+
+            /**
+             * Whether confine tooltip content in the view rect
+             * of chart instance.
+             * Useful when tooltip is cut because of `'overflow: hidden'`
+             * set on outer dom of chart instance, or because of narrow
+             * screen on mobile.
+             *
+             * @default false
+             */
+            confine?: boolean;
+
+            /**
+             * The transition duration of tooltip's animation, in seconds.
+             * When it is set to be 0, it would move closely with the mouse.
+             *
+             * @default 0.4
+             */
+            transitionDuration?: number;
+
+            /**
+             * The position of the tooltip's floating layer,
+             * which would follow the position of mouse by default.
+             *
+             * Options:
+             * 1. String.
+             *   + 'inside' - Center position of the graphic element
+             *   where the mouse is in, which is only valid when trigger
+             *   is 'item'.
+             *   + 'top' - Top position of the graphic element where the mouse
+             *   is in, which is only valid when trigger is 'item'.
+             *   + 'left' - Left position of the graphic element where the mouse
+             *   is in, which is only valid when trigger is 'item'.
+             *   + 'right' - Right position of the graphic element where
+             *   the mouse is in, which is only valid when trigger is 'item'.
+             *   + 'bottom' - Bottom position of the graphic element where
+             *   the mouse is in, which is only valid when trigger is 'item'.
+             *
+             * 2. Object - Object with optional properties such as `top`,
+             * `left`, `right` and `bottom` that could be `string` or `number`.
+             * e.g. `{left: 10, top: 30}`, or `{right: '20%', bottom: 40}`
+             *
+             * 3. Array - Display the position of tooltip's floating layer
+             * through array, which supports absolute position
+             * and relative percentage.
+             *
+             * 4. Function.
+             *   + Parameters:
+             *     + point: Mouse position.
+             *     + param: The same as formatter.
+             *     + dom: The DOM object of tooltip.
+             *     + rect: It is valid only when mouse is on graphic elements,
+             *       which stands for a bounding box with x, y, width, and height.
+             *     + size: The size of dom echarts container.
+             *       For example:
+             *       `{contentSize: [width, height], viewSize: [width, height]}`
+             *   + Return:
+             *     position as `String`, `Array` or `Object` described above
+             *
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#tooltip.position
+             */
+            position?: Tooltip.Position.Type;
+
+            /**
+             * The content formatter of tooltip's floating layer
+             * which supports string template and callback function.
+             *
+             * Types:
+             * 1. String.
+             * The template variables are `{a}`, `{b}`, `{c}`, `{d}` and `{e}`,
+             * which stands for series name, data name and data value and ect.
+             * When trigger is set to be `'axis'`, there may be data
+             * from multiple series. In this time, series index can be refered
+             * as `{a0}`, `{a1}`, or `{a2}`.
+             * `{a}`, `{b}`, `{c}`, `{d}` have different meanings
+             * for different series types:
+             *   + Line (area) charts, bar (column) charts, K charts:
+             *   `{a}` for series name,
+             *   `{b}` for category name,
+             *   `{c}` for data value,
+             *   `{d}` for none;
+             *   + Scatter (bubble) charts:
+             *   `{a}` for series name,
+             *   `{b}` for data name,
+             *   `{c}` for data value,
+             *   `{d}` for none;
+             *   + Map:
+             *   `{a}` for series name,
+             *   `{b}` for area name,
+             *   `{c}` for merging data,
+             *   `{d}` for none;
+             *   + Pie charts, gauge charts, funnel charts:
+             *   `{a}` for series name,
+             *   `{b}` for data item name,
+             *   `{c}` for data value,
+             *   `{d}` for percentage.
+             *
+             * 2. Function.
+             * The first parameter params is the data that the formatter needs.
+             * Its format is shown as {Format}
+             * When trigger is `'axis'`, or when tooltip is triggered by
+             * `axisPointer`, params is the data array of multiple series.
+             * `Note`: Using array to present all the parameters in ECharts 2.x
+             * is not supported anymore.
+             * The second parameter ticket is the asynchronous callback flag
+             * which should be used along with the third parameter callback
+             * when it is used.
+             * The third parameter callback is asynchronous callback.
+             * When the content of tooltip is acquired asynchronously,
+             * ticket and htm as introduced above can be used to update tooltip
+             * with callback.
+             *
+             * @example
+             * ```
+             *
+             * //string
+             * formatter: '{b0}: {c0}<br />{b1}: {c1}'
+             *
+             * // function
+             * formatter: function (params, ticket, callback) {
+             *     $.get('detail?name=' + params.name, function (content) {
+             *         callback(ticket, toHTML(content));
+             *     });
+             *     return 'Loading';
+             * }
+             * ```
+             */
+            formatter?: string | Tooltip.Formatter;
+
+            /**
+             * The background color of tooltip's floating layer.
+             *
+             * @default 'rgba(50, 50, 50, 0.7)'
+             */
+            backgroundColor?: string;
+
+            /**
+             * The border color of tooltip's floating layer.
+             *
+             * @default '#333'
+             */
+            borderColor?: string;
+
+            /**
+             * The border width of tooltip's floating layer.
+             *
+             * @default 0
+             */
+            borderWidth?: number;
+
+            /**
+             * The floating layer of tooltip space around content.
+             * The unit is px. Default values for each position are 5.
+             * And they can be set to different values with left, right,
+             * top, and bottom.
+             *
+             * @example
+             * // Set padding to be 5
+             * padding: 5
+             * // Set the top and bottom paddings to be 5, and left and right paddings to be 10
+             * padding: [5, 10]
+             * // Set each of the four paddings seperately
+             * padding: [
+             *     5,  // up
+             *     10, // right
+             *     5,  // down
+             *     10, // left
+             * ]
+             *
+             * @default 5
+             */
+            padding?: number;
+
+            /**
+             * The text style of tooltip's floating layer.
+             */
+            textStyle?: {};
+
+            /**
+             * Extra CSS style for floating layer.
+             * The following is an example for adding shadow.
+             *
+             * @example
+             * extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
+             */
+            extraCssText?: string;
+        }
+
+        namespace Tooltip {
+            namespace Position {
+                type Type = Position.Str | Position.Obj | (number | string)[] | Position.Fn;
+
+                type Str = 'inside' | 'top' | 'left' | 'right' | 'bottom';
+
+                interface Obj {
+                    top?: string | number;
+                    right?: string | number;
+                    bottom?: string | number;
+                    left?: string | number;
+                }
+
+                interface Fn {
+                    (
+                        point: (number | string)[],
+                        params: object | object[],
+                        element: HTMLElement,
+                        rect: object,
+                        size: object,
+                    ): (number | string)[] | Obj;
+                }
+            }
+
+            /**
+             * The first parameter params is the data that the formatter needs.
+             * Its format is shown as {Format}
+             * When trigger is `'axis'`, or when tooltip is triggered by
+             * `axisPointer`, params is the data array of multiple series.
+             * The content of each item of the array is Format type but, without
+             * `percent` field.
+             *
+             * Note: Using array to present all the parameters in ECharts 2.x
+             * is not supported anymore.
+             * The second parameter ticket is the asynchronous callback flag
+             * which should be used along with the third parameter callback
+             * when it is used.
+             * The third parameter callback is asynchronous callback.
+             * When the content of tooltip is acquired asynchronously,
+             * ticket and htm as introduced above can be used to update tooltip
+             * with callback.
+             *
+             * @example
+             * formatter: function (params, ticket, callback) {
+             *     $.get('detail?name=' + params.name, function (content) {
+             *         callback(ticket, toHTML(content));
+             *     });
+             *     return 'Loading';
+             * }
+             */
+            interface Formatter {
+                (
+                    params: Format | Format[],
+                    ticket: string,
+                    callback: (ticket: string, html: string) => void,
+                ): string;
+            }
+
+            interface Format {
+                componentType?: 'series';
+
+                // Series type
+                seriesType?: string;
+
+                // Series index in option.series
+                seriesIndex?: number;
+
+                // Series name
+                seriesName?: string;
+
+                // Data name, or category name
+                name?: string;
+
+                // Data index in input data array
+                dataIndex?: number;
+
+                // Original data as input
+                data?: any;
+
+                // Value of data
+                value?: number | any[];
+
+                // Color of data
+                color?: string;
+
+                // the percentage of pie chart
+                percent?: number;
+            }
+        }
+    }
+}
diff --git a/types/echarts/options/x-axis.d.ts b/types/echarts/options/x-axis.d.ts
new file mode 100644
index 0000000000..281d850cfe
--- /dev/null
+++ b/types/echarts/options/x-axis.d.ts
@@ -0,0 +1,39 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * The x axis in cartesian(rectangular) coordinate.
+         * Usually a single grid component can place at most 2 x axis,
+         * one on the bottom and another on the top.
+         * offset can be used to avoid overlap when you need to put more
+         * than two x axis.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis
+         */
+        interface XAxis extends BasicComponents.CartesianAxis {
+            /**
+             * The first x axis in grid defaults to be on the bottom of the grid,
+             * and the second x axis is on the other side against the first x axis.
+             *
+             * @default ''
+             */
+            position?: 'top' | 'bottom';
+
+            /**
+             * Options:
+             * + 'value' - Numerical axis, suitable for continuous data.
+             * + 'category' Category axis, suitable for discrete category data.
+             *   Data should only be set via data for this type.
+             * + 'time' Time axis, suitable for continuous time series data.
+             *   As compared to value axis, it has a better formatting for time
+             *   and a different tick calculation method.
+             *   For example, it decides to use month, week, day or hour for tick
+             *   based on the range of span.
+             * + 'log' Log axis, suitable for log data.
+             *
+             * @default 'value'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#xAxis.type
+             */
+            type?: BasicComponents.CartesianAxis.Type;
+        }
+    }
+}
diff --git a/types/echarts/options/y-axis.d.ts b/types/echarts/options/y-axis.d.ts
new file mode 100644
index 0000000000..1b7e4b7f01
--- /dev/null
+++ b/types/echarts/options/y-axis.d.ts
@@ -0,0 +1,37 @@
+declare namespace echarts {
+    namespace EChartOption {
+        /**
+         * The y axis in cartesian(rectangular) coordinate.
+         * Usually a single grid component can place at most 2 y axis,
+         * one on the left and another on the right. offset can be used
+         * to avoid overlap when you need to put more than two y axis.
+         *
+         * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis
+         */
+        interface YAxis extends BasicComponents.CartesianAxis {
+            /**
+             * The first y axis in grid defaults to be the left (`'left'`)
+             * of the grid, and the second y axis is on the other side
+             * against the first y axis.
+             */
+            position?: 'left' | 'right';
+
+            /**
+             * Options:
+             * + 'value' - Numerical axis, suitable for continuous data.
+             * + 'category' Category axis, suitable for discrete category data.
+             *   Data should only be set via 'data' for this type.
+             * + 'time' Time axis, suitable for continuous time series data.
+             *   As compared to value axis, it has a better formatting for time
+             *   and a different tick calculation method.
+             *   For example, it decides to use month, week, day or hour for tick
+             *   based on the range of span.
+             * + 'log' Log axis, suitable for log data.
+             *
+             * @default 'value'
+             * @see https://ecomfe.github.io/echarts-doc/public/en/option.html#yAxis.type
+             */
+            type?: BasicComponents.CartesianAxis.Type;
+        }
+    }
+}
diff --git a/types/echarts/tsconfig.json b/types/echarts/tsconfig.json
index 71e6b79545..e47ffe60e9 100644
--- a/types/echarts/tsconfig.json
+++ b/types/echarts/tsconfig.json
@@ -18,6 +18,34 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "options/axis-pointer.d.ts",
+        "options/data-zoom.d.ts",
+        "options/text-style.d.ts",
+        "options/tooltip.d.ts",
+        "options/x-axis.d.ts",
+        "options/y-axis.d.ts",
+        "options/series/bar.d.ts",
+        "options/series/boxplot.d.ts",
+        "options/series/candlestick.d.ts",
+        "options/series/custom.d.ts",
+        "options/series/effect-scatter.d.ts",
+        "options/series/funnel.d.ts",
+        "options/series/gauge.d.ts",
+        "options/series/graph.d.ts",
+        "options/series/heatmap.d.ts",
+        "options/series/line.d.ts",
+        "options/series/lines.d.ts",
+        "options/series/map.d.ts",
+        "options/series/parallel.d.ts",
+        "options/series/pictorial-bar.d.ts",
+        "options/series/pie.d.ts",
+        "options/series/radar.d.ts",
+        "options/series/sankey.d.ts",
+        "options/series/scatter.d.ts",
+        "options/series/sunburst.d.ts",
+        "options/series/theme-river.d.ts",
+        "options/series/tree.d.ts",
+        "options/series/treemap.d.ts"
     ]
 }
diff --git a/types/egg-mock/index.d.ts b/types/egg-mock/index.d.ts
index 7308d52184..bb1831b693 100644
--- a/types/egg-mock/index.d.ts
+++ b/types/egg-mock/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/eggjs/egg-mock
 // Definitions by: Eward Song <https://github.com/sheperdwind>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 import { Application, Context } from 'egg';
 
diff --git a/types/egjs__axes/tsconfig.json b/types/egjs__axes/tsconfig.json
index 3086687bc3..2cbbfa45c3 100644
--- a/types/egjs__axes/tsconfig.json
+++ b/types/egjs__axes/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/egjs__axes/tslint.json b/types/egjs__axes/tslint.json
index 3db14f85ea..f182565c48 100644
--- a/types/egjs__axes/tslint.json
+++ b/types/egjs__axes/tslint.json
@@ -1 +1,9 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "ban-types": false,
+        "interface-name": false,
+        "strict-export-declare-modifiers": false
+    }
+}
diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index 878c61b0a7..32b9d1a18b 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -8,7 +8,7 @@
 
 /*!
 *  filename: ej.web.all.d.ts
-*  version : 16.3.0.17-beta
+*  version : 16.3.0.21
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
diff --git a/types/elasticsearch/elasticsearch-tests.ts b/types/elasticsearch/elasticsearch-tests.ts
index 68625bd5bb..ee57f847fa 100644
--- a/types/elasticsearch/elasticsearch-tests.ts
+++ b/types/elasticsearch/elasticsearch-tests.ts
@@ -338,6 +338,21 @@ client.indices.updateAliases({
   // ...
 });
 
+client.reindex({
+    body: {
+        source: {
+          index: "twitter"
+        },
+        dest: {
+          index: "new_twitter"
+        }
+      }
+})
+.then(response => {
+    const { took, timed_out } = response;
+    // ...
+});
+
 // Errors
 function testErrors() {
     throw new elasticsearch.errors.AuthenticationException();
diff --git a/types/elasticsearch/index.d.ts b/types/elasticsearch/index.d.ts
index a9dc133545..0d16cc6a4b 100644
--- a/types/elasticsearch/index.d.ts
+++ b/types/elasticsearch/index.d.ts
@@ -39,8 +39,8 @@ export class Client {
     deleteScript(params: DeleteScriptParams, callback: (error: any, response: any) => void): void;
     deleteTemplate(params: DeleteTemplateParams): Promise<any>;
     deleteTemplate(params: DeleteTemplateParams, callback: (error: any, response: any) => void): void;
-    exists(params: ExistsParams): Promise<any>;
-    exists(params: ExistsParams, callback: (error: any, response: any, status?: any) => void): void;
+    exists(params: ExistsParams): Promise<boolean>;
+    exists(params: ExistsParams, callback: (error: any, response: boolean, status?: any) => void): void;
     explain(params: ExplainParams): Promise<ExplainResponse>;
     explain(params: ExplainParams, callback: (error: any, response: ExplainResponse) => void): void;
     fieldStats(params: FieldStatsParams): Promise<FieldStatsResponse>;
@@ -281,26 +281,13 @@ export interface DeleteDocumentByQueryParams extends GenericParams {
     scrollSize?: number;
     waitForCompletion?: boolean;
     requestsPerSecond?: number;
+    slices?: number;
     index?: string;
     type?: string;
 }
 
-export interface DeleteDocumentByQueryResponse {
-    took: number;
-    timed_out: boolean;
-    deleted: number;
-    batches: number;
-    version_conflicts: number;
-    noops: number;
-    retries: {
-        bulk: number;
-        search: number;
-    };
-    throttled_millis: number;
-    requests_per_second: number;
-    throttled_until_millis: number;
-    total: number;
-    failures: any[];
+export interface DeleteDocumentByQueryResponse extends ReindexResponse {
+    // DeleteDocumentByQueryResponse, UpdateDocumentByQueryResponse and ReindexResponse are identical
 }
 
 export interface DeleteScriptParams extends GenericParams {
@@ -443,7 +430,7 @@ export interface IndexDocumentParams<T> extends GenericParams {
     waitForActiveShards?: string;
     opType?: "index" | "create";
     parent?: string;
-    refresh?: string;
+    refresh?: Refresh;
     routing?: string;
     timeout?: TimeSpan;
     timestamp?: Date | number;
@@ -531,6 +518,7 @@ export interface ReindexParams extends GenericParams {
     waitForActiveShards?: string;
     waitForCompletion?: boolean;
     requestsPerSecond?: number;
+    slices?: number;
     body: {
         conflicts?: string;
         source: {
@@ -559,20 +547,6 @@ export interface ReindexParams extends GenericParams {
     };
 }
 
-export interface ReindexResponse {
-    took: number;
-    updated: number;
-    created: number;
-    batches: number;
-    version_conflicts: number;
-    retries: {
-        bulk: number;
-        search: number;
-    };
-    throttled_millis: number;
-    failures: any[];
-}
-
 export interface ReindexRethrottleParams extends GenericParams {
     requestsPerSecond: number;
     taskId: string;
@@ -784,13 +758,28 @@ export interface UpdateDocumentByQueryParams extends GenericParams {
     scrollSize?: number;
     waitForCompletion?: boolean;
     requestsPerSecond?: number;
+    slices?: number;
     index: NameList;
     type: NameList;
 }
 
-export interface UpdateDocumentByQueryResponse {
+export interface UpdateDocumentByQueryResponse extends ReindexResponse {
+    // DeleteDocumentByQueryResponse, UpdateDocumentByQueryResponse and ReindexResponse are identical
+}
+
+export interface ReindexResponse extends ReindexResponseBase {
     took: number;
     timed_out: boolean;
+    failures: any[];
+    slices?: ReindexOrByQueryResponseSlice[];
+}
+
+export interface ReindexOrByQueryResponseSlice extends ReindexResponseBase {
+    slice_id: number;
+}
+
+export interface ReindexResponseBase {
+    total: number;
     updated: number;
     deleted: number;
     batches: number;
@@ -803,8 +792,6 @@ export interface UpdateDocumentByQueryResponse {
     throttled_millis: number;
     requests_per_second: number;
     throttled_until_millis: number;
-    total: number;
-    failures: any[];
 }
 
 export interface Cat {
@@ -1036,14 +1023,14 @@ export class Indices {
     deleteAlias(params: IndicesDeleteAliasParams): Promise<any>;
     deleteTemplate(params: IndicesDeleteTemplateParams, callback: (error: any, response: any, status: any) => void): void;
     deleteTemplate(params: IndicesDeleteTemplateParams): Promise<any>;
-    exists(params: IndicesExistsParams, callback: (error: any, response: any, status: any) => void): void;
-    exists(params: IndicesExistsParams): Promise<any>;
-    existsAlias(params: IndicesExistsAliasParams, callback: (error: any, response: any, status: any) => void): void;
-    existsAlias(params: IndicesExistsAliasParams): Promise<any>;
-    existsTemplate(params: IndicesExistsTemplateParams, callback: (error: any, response: any, status: any) => void): void;
-    existsTemplate(params: IndicesExistsTemplateParams): Promise<any>;
-    existsType(params: IndicesExistsTypeParams, callback: (error: any, response: any, status: any) => void): void;
-    existsType(params: IndicesExistsTypeParams): Promise<any>;
+    exists(params: IndicesExistsParams, callback: (error: any, response: boolean, status: any) => void): void;
+    exists(params: IndicesExistsParams): Promise<boolean>;
+    existsAlias(params: IndicesExistsAliasParams, callback: (error: any, response: boolean, status: any) => void): void;
+    existsAlias(params: IndicesExistsAliasParams): Promise<boolean>;
+    existsTemplate(params: IndicesExistsTemplateParams, callback: (error: any, response: boolean, status: any) => void): void;
+    existsTemplate(params: IndicesExistsTemplateParams): Promise<boolean>;
+    existsType(params: IndicesExistsTypeParams, callback: (error: any, response: boolean, status: any) => void): void;
+    existsType(params: IndicesExistsTypeParams): Promise<boolean>;
     flush(params: IndicesFlushParams, callback: (error: any, response: any, status: any) => void): void;
     flush(params: IndicesFlushParams): Promise<any>;
     flushSynced(params: IndicesFlushSyncedParams, callback: (error: any, response: any, status: any) => void): void;
diff --git a/types/electron-notifications/index.d.ts b/types/electron-notifications/index.d.ts
index 870fcb1bbc..08506be8aa 100644
--- a/types/electron-notifications/index.d.ts
+++ b/types/electron-notifications/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/blainesch/electron-notifications
 // Definitions by: Daniel Pereira <https://github.com/djpereira>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
 import * as Electron from 'electron';
 
diff --git a/types/electron-notify/index.d.ts b/types/electron-notify/index.d.ts
index 16f786d379..eeb778864c 100644
--- a/types/electron-notify/index.d.ts
+++ b/types/electron-notify/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/hankbao/electron-notify
 // Definitions by: Daniel Pereira <https://github.com/djpereira>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
 /// <reference types="electron" />
 
diff --git a/types/electron-spellchecker/index.d.ts b/types/electron-spellchecker/index.d.ts
index 8c02cc8794..fc10d13f34 100644
--- a/types/electron-spellchecker/index.d.ts
+++ b/types/electron-spellchecker/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/paulcbetts/electron-spellchecker
 // Definitions by: Daniel Perez Alvarez <https://github.com/unindented>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="electron"/>
 
diff --git a/types/electron-spellchecker/tsconfig.json b/types/electron-spellchecker/tsconfig.json
index cc5add76a0..475b985475 100644
--- a/types/electron-spellchecker/tsconfig.json
+++ b/types/electron-spellchecker/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/electron-window-state/index.d.ts b/types/electron-window-state/index.d.ts
index 1ff0a15878..3e48f9fb87 100644
--- a/types/electron-window-state/index.d.ts
+++ b/types/electron-window-state/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/mawie81/electron-window-state
 // Definitions by: rhysd <https://github.com/rhysd>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
 /// <reference types="electron" />
 
diff --git a/types/electron-window-state/package.json b/types/electron-window-state/package.json
index 880e1b40f6..89bd2f24e6 100644
--- a/types/electron-window-state/package.json
+++ b/types/electron-window-state/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "electron": "^1.7.5"
+        "electron": "*"
     }
 }
diff --git a/types/element-resize-detector/element-resize-detector-tests.ts b/types/element-resize-detector/element-resize-detector-tests.ts
index 3c7af76280..fca7275623 100644
--- a/types/element-resize-detector/element-resize-detector-tests.ts
+++ b/types/element-resize-detector/element-resize-detector-tests.ts
@@ -1,19 +1,21 @@
 import * as elementResizeDetectorMaker from 'element-resize-detector';
 
 const erd = elementResizeDetectorMaker({
-    strategy: "scroll"
-  });
+    strategy: "scroll",
+    debug: true,
+    callOnAdd: false
+});
 
-const testElement: HTMLElement = null;
+const testElement: HTMLElement | null = null;
 
-  erd.listenTo(testElement, (element) => {
+erd.listenTo(testElement!, (element) => {
     const width = element.offsetWidth;
     const height = element.offsetHeight;
     console.log(`Size: " + ${width} + "x" + ${height}`);
-  });
+});
 
-  erd.removeListener(testElement, (testElement) => {});
+erd.removeListener(testElement!, (testElement) => {});
 
-  erd.removeAllListeners(testElement);
+erd.removeAllListeners(testElement!);
 
-  erd.uninstall(testElement);
+erd.uninstall(testElement!);
diff --git a/types/element-resize-detector/index.d.ts b/types/element-resize-detector/index.d.ts
index 5b6c1f00aa..1139efad8f 100644
--- a/types/element-resize-detector/index.d.ts
+++ b/types/element-resize-detector/index.d.ts
@@ -1,20 +1,62 @@
 // Type definitions for element-resize-detector 1.1
 // Project: https://github.com/wnr/element-resize-detector
 // Definitions by: Saransh Kataria <https://github.com/saranshkataria>
+//                 Frank Li <https://github.com/franklixuefei>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare function elementResizeDetectorMaker(options?: elementResizeDetectorMaker.ErdmOptions): elementResizeDetectorMaker.Erd;
 
 declare namespace elementResizeDetectorMaker {
     interface ErdmOptions {
-    strategy?: 'scroll' | 'object';
+        strategy?: 'scroll' | 'object';
+        /**
+         * A custom reporter that handles reporting logs, warnings and errors.
+         * If not provided, a default id handler will be used.
+         * If set to false, then nothing will be reported.
+         */
+        reporter?: ReporterProps;
+
+        /**
+         * Determines if listeners should be called when they are getting added.
+         * If true, the listener is guaranteed to be called when it has been added.
+         * If false, the listener will not be guarenteed to be called when
+         * it has been added (does not prevent it from being called).
+         *
+         * @default true
+         */
+        callOnAdd?: boolean;
+
+        /**
+         * A custom id handler that is responsible for generating,
+         * setting and retrieving id's for elements.
+         * If not provided, a default id handler will be used.
+         */
+        idHandler?: IdHandlerProps;
+
+        /**
+         * If set to true, the the system will report debug messages as default
+         * for the listenTo method.
+         */
+        debug?: boolean;
+    }
+
+    interface IdHandlerProps {
+        get(element: HTMLElement, readonly: boolean): string;
+        set(element: HTMLElement): string;
+    }
+
+    interface ReporterProps {
+        log(idOrText: string, textOrId: string, element?: HTMLElement): void;
+        warn(text: string, element?: HTMLElement): void;
+        error(text: string): void;
     }
 
     interface Erd {
-    listenTo(element: HTMLElement, callback: (elem: HTMLElement) => void): void;
-    removeListener(element: HTMLElement, callback: (elem: HTMLElement) => void): void;
-    removeAllListeners(element: HTMLElement): void;
-    uninstall(element: HTMLElement): void;
+        listenTo(element: HTMLElement, callback: (elem: HTMLElement) => void): void;
+        removeListener(element: HTMLElement, callback: (elem: HTMLElement) => void): void;
+        removeAllListeners(element: HTMLElement): void;
+        uninstall(element: HTMLElement): void;
     }
 }
+
 export = elementResizeDetectorMaker;
diff --git a/types/element-resize-detector/tsconfig.json b/types/element-resize-detector/tsconfig.json
index 460cefc43e..b71ec294c5 100644
--- a/types/element-resize-detector/tsconfig.json
+++ b/types/element-resize-detector/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
@@ -21,4 +21,4 @@
         "index.d.ts",
         "element-resize-detector-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/ember-data/adapter.d.ts b/types/ember-data/adapter.d.ts
index 62d133a007..8a317dada0 100644
--- a/types/ember-data/adapter.d.ts
+++ b/types/ember-data/adapter.d.ts
@@ -1,3 +1,3 @@
 import DS from 'ember-data';
 export default DS.Adapter;
-export { AdapterRegistry } from 'ember-data';
+export { default as AdapterRegistry } from 'ember-data/types/registries/adapter';
diff --git a/types/ember-data/index.d.ts b/types/ember-data/index.d.ts
index 32d5d4a4f3..601a45faf3 100644
--- a/types/ember-data/index.d.ts
+++ b/types/ember-data/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ember-data 3.0
+// Type definitions for ember-data 3.1
 // Project: https://github.com/emberjs/data
 // Definitions by: Derek Wickern <https://github.com/dwickern>
 //                 Mike North <https://github.com/mike-north>
@@ -11,16 +11,10 @@ import Evented from '@ember/object/evented';
 import ObjectProxy from '@ember/object/proxy';
 import PromiseProxyMixin from '@ember/object/promise-proxy-mixin';
 import RSVP from 'rsvp';
-
-export interface ModelRegistry {}
-export interface AdapterRegistry {}
-export interface SerializerRegistry {}
-export interface TransformRegistry {
-    string: string;
-    boolean: boolean;
-    number: number;
-    date: Date;
-}
+import TransformRegistry from 'ember-data/types/registries/transform';
+import ModelRegistry from 'ember-data/types/registries/model';
+import SerializerRegistry from 'ember-data/types/registries/serializer';
+import AdapterRegistry from 'ember-data/types/registries/adapter';
 
 type AttributesFor<Model> = keyof Model; // TODO: filter to attr properties only (TS 2.8)
 type RelationshipsFor<Model> = keyof Model; // TODO: filter to hasMany/belongsTo properties only (TS 2.8)
@@ -753,7 +747,7 @@ export namespace DS {
          * relationship is not yet loaded. If the relationship is not loaded
          * it will always return `null`.
          */
-        value(objectOrPromise: {} | RSVP.Promise<any>): Model;
+        value(): Model | null;
         /**
          * Loads a record in a belongs to relationship if it is not already
          * loaded. If the relationship is already loaded this method does not
@@ -805,7 +799,7 @@ export namespace DS {
          * relationship is not yet loaded. If the relationship is not loaded
          * it will always return `null`.
          */
-        value(): ManyArray<T>;
+        value(): ManyArray<T> | null;
         /**
          * Loads the relationship if it is not already loaded.  If the
          * relationship is already loaded this method does not trigger a new
@@ -1138,7 +1132,7 @@ export namespace DS {
          * This method unloads all records in the store.
          * It schedules unloading to happen during the next run loop.
          */
-        unloadAll<K extends keyof ModelRegistry>(modelName: K): void;
+        unloadAll<K extends keyof ModelRegistry>(modelName?: K): void;
         /**
          * DEPRECATED:
          * This method has been deprecated and is an alias for store.hasRecordForId, which should
diff --git a/types/ember-data/model.d.ts b/types/ember-data/model.d.ts
index 1c0a646988..cb5e73d002 100644
--- a/types/ember-data/model.d.ts
+++ b/types/ember-data/model.d.ts
@@ -1,3 +1,3 @@
 import DS from 'ember-data';
 export default DS.Model;
-export { ModelRegistry } from 'ember-data';
+export { default as ModelRegistry } from 'ember-data/types/registries/model';
diff --git a/types/ember-data/serializer.d.ts b/types/ember-data/serializer.d.ts
index 398eb9d5b5..f5e11adc89 100644
--- a/types/ember-data/serializer.d.ts
+++ b/types/ember-data/serializer.d.ts
@@ -1,3 +1,3 @@
 import DS from 'ember-data';
 export default DS.Serializer;
-export { SerializerRegistry } from 'ember-data';
+export { default as SerializerRegistry } from 'ember-data/types/registries/serializer';
diff --git a/types/ember-data/test/adapter.ts b/types/ember-data/test/adapter.ts
index 101ac3e42f..647d162368 100644
--- a/types/ember-data/test/adapter.ts
+++ b/types/ember-data/test/adapter.ts
@@ -60,8 +60,8 @@ const UseAjaxOptionsWithOptionalThirdParams = DS.JSONAPIAdapter.extend({
     }
 });
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'rootModel': any;
         'super-user': any;
     }
diff --git a/types/ember-data/test/belongs-to.ts b/types/ember-data/test/belongs-to.ts
index 31977c148c..082cd7d2f9 100644
--- a/types/ember-data/test/belongs-to.ts
+++ b/types/ember-data/test/belongs-to.ts
@@ -9,8 +9,8 @@ class Folder extends DS.Model {
     parent = DS.belongsTo('folder', { inverse: 'children' });
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         folder: Folder;
     }
 }
@@ -27,3 +27,6 @@ folder.get('parent').then(parent => {
 folder.set('parent', folder);
 folder.set('parent', folder.get('parent'));
 folder.set('parent', store.findRecord('folder', 3));
+
+// $ExpectType Model | null
+folder.belongsTo('parent').value();
diff --git a/types/ember-data/test/has-many.ts b/types/ember-data/test/has-many.ts
index 480a6bd56d..d8707cb69e 100644
--- a/types/ember-data/test/has-many.ts
+++ b/types/ember-data/test/has-many.ts
@@ -6,8 +6,8 @@ class BlogComment extends DS.Model {
     text = DS.attr('string');
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'blog-comment': BlogComment;
     }
 }
@@ -50,8 +50,8 @@ blogPost.set('commentsAsync', Ember.A());
 blogPost.set('commentsAsync', Ember.A([ comment! ]));
 
 class PaymentMethod extends DS.Model {}
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'payment-method': PaymentMethod;
     }
 }
@@ -59,3 +59,6 @@ declare module 'ember-data' {
 class Polymorphic extends DS.Model {
     paymentMethods = DS.hasMany('payment-method', { polymorphic: true });
 }
+
+// $ExpectType ManyArray<any> | null
+blogPost.hasMany('commentsAsync').value();
diff --git a/types/ember-data/test/injections.ts b/types/ember-data/test/injections.ts
index a3a3bc0627..bbca8fb599 100644
--- a/types/ember-data/test/injections.ts
+++ b/types/ember-data/test/injections.ts
@@ -4,8 +4,8 @@ import Controller from '@ember/controller';
 
 class MyModel extends DS.Model {}
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'my-model': MyModel;
     }
 }
diff --git a/types/ember-data/test/record-reference.ts b/types/ember-data/test/record-reference.ts
index f5bf973402..ac2dc83efd 100644
--- a/types/ember-data/test/record-reference.ts
+++ b/types/ember-data/test/record-reference.ts
@@ -7,8 +7,8 @@ class User extends DS.Model {
     username = DS.attr('string');
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         user: User;
     }
 }
diff --git a/types/ember-data/test/relationships.ts b/types/ember-data/test/relationships.ts
index 06795c0e26..dee9519b34 100644
--- a/types/ember-data/test/relationships.ts
+++ b/types/ember-data/test/relationships.ts
@@ -42,8 +42,8 @@ class RelationalPost extends DS.Model {
     series = DS.belongsTo('series');
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'relational-post': RelationalPost;
         comment: Comment;
         series: Series;
diff --git a/types/ember-data/test/serializer.ts b/types/ember-data/test/serializer.ts
index b694b38b89..d38ced647a 100644
--- a/types/ember-data/test/serializer.ts
+++ b/types/ember-data/test/serializer.ts
@@ -46,8 +46,8 @@ class Message extends DS.Model.extend({
     comments: DS.belongsTo('comment')
 }) {}
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'message-for-serializer': Message;
     }
 }
diff --git a/types/ember-data/test/store.ts b/types/ember-data/test/store.ts
index 41b9a12d2d..9c1194c711 100644
--- a/types/ember-data/test/store.ts
+++ b/types/ember-data/test/store.ts
@@ -10,8 +10,8 @@ class Post extends DS.Model {
     comments = DS.hasMany('comment');
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'post': Post;
         'post-comment': PostComment;
     }
@@ -39,8 +39,8 @@ class User extends DS.Model {
 
 class Author extends User {}
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         'user': User;
         'author': Author;
     }
@@ -73,8 +73,8 @@ class Message extends DS.Model {
     hasBeenSeen = DS.attr('boolean');
 }
 
-declare module 'ember-data' {
-    interface ModelRegistry {
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
         message: Message;
     }
 }
@@ -191,15 +191,20 @@ class UserSerializer extends DS.Serializer {
     thisSerializerOnlyMethod(): void {}
 }
 
-declare module 'ember-data' {
-    interface AdapterRegistry {
+declare module 'ember-data/types/registries/adapter' {
+    export default interface AdapterRegistry {
         user: UserAdapter;
     }
+}
 
-    interface SerializerRegistry {
+declare module 'ember-data/types/registries/serializer' {
+    export default interface SerializerRegistry {
         user: UserSerializer;
     }
 }
 
 assertType<UserAdapter>(store.adapterFor('user'));
 assertType<UserSerializer>(store.serializerFor('user'));
+
+store.unloadAll();
+store.unloadAll('user');
diff --git a/types/ember-data/tsconfig.json b/types/ember-data/tsconfig.json
index 8de9ad784b..f476362aaf 100644
--- a/types/ember-data/tsconfig.json
+++ b/types/ember-data/tsconfig.json
@@ -14,18 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/debug": ["ember__debug"],
-            "@ember/debug/*": ["ember__debug/*"],
-            "@ember/service": ["ember__service"],
+            "@ember/application": ["ember__application"],
+            "@ember/application/*": ["ember__application/*"],
             "@ember/array": ["ember__array"],
             "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
             "@ember/debug": ["ember__debug"],
             "@ember/debug/*": ["ember__debug/*"],
-            "@ember/controller": ["ember__controller"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
+            "@ember/object": ["ember__object"],
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
             "@ember/routing": ["ember__routing"],
             "@ember/routing/*": ["ember__routing/*"],
-            "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
@@ -53,6 +66,10 @@
         "serializer.d.ts",
         "store.d.ts",
         "transform.d.ts",
+        "types/registries/adapter.d.ts",
+        "types/registries/model.d.ts",
+        "types/registries/serializer.d.ts",
+        "types/registries/transform.d.ts",
         "test/lib/assert.ts",
         "test/model.ts",
         "test/module-api.ts",
diff --git a/types/ember-data/types/registries/adapter.d.ts b/types/ember-data/types/registries/adapter.d.ts
new file mode 100644
index 0000000000..2c3a095589
--- /dev/null
+++ b/types/ember-data/types/registries/adapter.d.ts
@@ -0,0 +1 @@
+export default interface AdapterRegistry {}
diff --git a/types/ember-data/types/registries/model.d.ts b/types/ember-data/types/registries/model.d.ts
new file mode 100644
index 0000000000..60627482a2
--- /dev/null
+++ b/types/ember-data/types/registries/model.d.ts
@@ -0,0 +1,3 @@
+interface ModelRegistry {}
+
+export default ModelRegistry;
diff --git a/types/ember-data/types/registries/serializer.d.ts b/types/ember-data/types/registries/serializer.d.ts
new file mode 100644
index 0000000000..6760814600
--- /dev/null
+++ b/types/ember-data/types/registries/serializer.d.ts
@@ -0,0 +1 @@
+export default interface SerializerRegistry {}
diff --git a/types/ember-data/types/registries/transform.d.ts b/types/ember-data/types/registries/transform.d.ts
new file mode 100644
index 0000000000..c0ea8f5fae
--- /dev/null
+++ b/types/ember-data/types/registries/transform.d.ts
@@ -0,0 +1,6 @@
+export default interface TransformRegistry {
+    string: string;
+    boolean: boolean;
+    number: number;
+    date: Date;
+}
diff --git a/types/ember-data/v2/index.d.ts b/types/ember-data/v2/index.d.ts
index dccf63e890..3afd091ffe 100644
--- a/types/ember-data/v2/index.d.ts
+++ b/types/ember-data/v2/index.d.ts
@@ -1094,7 +1094,7 @@ export namespace DS {
          * This method unloads all records in the store.
          * It schedules unloading to happen during the next run loop.
          */
-        unloadAll<K extends keyof ModelRegistry>(modelName: K): void;
+        unloadAll<K extends keyof ModelRegistry>(modelName?: K): void;
         /**
          * DEPRECATED:
          * This method has been deprecated and is an alias for store.hasRecordForId, which should
diff --git a/types/ember-data/v2/test/store.ts b/types/ember-data/v2/test/store.ts
index f512afd8a7..2584e7bdf3 100644
--- a/types/ember-data/v2/test/store.ts
+++ b/types/ember-data/v2/test/store.ts
@@ -203,3 +203,6 @@ declare module 'ember-data' {
 
 assertType<UserAdapter>(store.adapterFor('user'));
 assertType<UserSerializer>(store.serializerFor('user'));
+
+store.unloadAll();
+store.unloadAll('user');
diff --git a/types/ember-feature-flags/ember-feature-flags-tests.ts b/types/ember-feature-flags/ember-feature-flags-tests.ts
index bfcfaae62e..b9962734c8 100644
--- a/types/ember-feature-flags/ember-feature-flags-tests.ts
+++ b/types/ember-feature-flags/ember-feature-flags-tests.ts
@@ -1,5 +1,6 @@
 import Features from 'ember-feature-flags';
 import 'ember-feature-flags/tests/helpers/with-feature';
+import 'ember-feature-flags/test-support';
 
 /** Static assertion that `value` has type `T` */
 // Disable tslint here b/c the generic is used to let us do a type coercion and
@@ -24,4 +25,5 @@ const setup = {
 };
 features.setup(setup); // $ExpectType void
 withFeature('new-homepage'); // $ExpectType void
+enableFeature('new-homepage'); // $ExpectType void
 assertType<boolean>(features.get('someFeature'));
diff --git a/types/ember-feature-flags/test-support/index.d.ts b/types/ember-feature-flags/test-support/index.d.ts
new file mode 100644
index 0000000000..efe14004d6
--- /dev/null
+++ b/types/ember-feature-flags/test-support/index.d.ts
@@ -0,0 +1 @@
+declare function enableFeature(name: string): void;
diff --git a/types/ember-feature-flags/tsconfig.json b/types/ember-feature-flags/tsconfig.json
index 54f7acecb3..957a7a00f8 100644
--- a/types/ember-feature-flags/tsconfig.json
+++ b/types/ember-feature-flags/tsconfig.json
@@ -14,9 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/service": ["ember__service"],
+            "@ember/application": ["ember__application"],
+            "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
             "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
@@ -25,6 +47,7 @@
     "files": [
         "index.d.ts",
         "tests/helpers/with-feature.d.ts",
+        "test-support/index.d.ts",
         "ember-feature-flags-tests.ts"
     ]
 }
diff --git a/types/ember-mocha/ember-mocha-tests.ts b/types/ember-mocha/ember-mocha-tests.ts
index 09662096b6..fd637a81b3 100644
--- a/types/ember-mocha/ember-mocha-tests.ts
+++ b/types/ember-mocha/ember-mocha-tests.ts
@@ -248,6 +248,6 @@ describe('rendering test', function() {
         // render the component
         await this.render(hbs`{{ x-foo value=value}}`);
 
-        chai.expect(this.element.querySelector('div>.value').textContent.trim()).to.equal('cat', 'The component shows the correct value');
+        chai.expect(this.element.querySelector('div>.value')!.textContent!.trim()).to.equal('cat', 'The component shows the correct value');
     });
 });
diff --git a/types/ember-mocha/tsconfig.json b/types/ember-mocha/tsconfig.json
index 2c00d52341..4e9b406e2e 100644
--- a/types/ember-mocha/tsconfig.json
+++ b/types/ember-mocha/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
@@ -13,12 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/engine": ["ember__engine"],
-            "@ember/engine/*": ["ember__engine/*"],
             "@ember/application": ["ember__application"],
             "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
             "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember-modal-dialog/tsconfig.json b/types/ember-modal-dialog/tsconfig.json
index 9a842ee744..0b0b6f91fb 100644
--- a/types/ember-modal-dialog/tsconfig.json
+++ b/types/ember-modal-dialog/tsconfig.json
@@ -14,10 +14,31 @@
             "../"
         ],
         "paths": {
+            "@ember/application": ["ember__application"],
+            "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
             "@ember/object": ["ember__object"],
             "@ember/object/*": ["ember__object/*"],
-            "@ember/component": ["ember__component"],
-            "@ember/component/*": ["ember__component/*"]
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember-qunit/tsconfig.json b/types/ember-qunit/tsconfig.json
index 7b184205af..df4899b37c 100644
--- a/types/ember-qunit/tsconfig.json
+++ b/types/ember-qunit/tsconfig.json
@@ -14,14 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/engine": ["ember__engine"],
-            "@ember/engine/*": ["ember__engine/*"],
             "@ember/application": ["ember__application"],
             "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
+            "@ember/object": ["ember__object"],
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
             "@ember/test": ["ember__test"],
             "@ember/test/*": ["ember__test/*"],
-            "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember-resolver/tsconfig.json b/types/ember-resolver/tsconfig.json
index e8dfb6e8ce..bc476c5723 100644
--- a/types/ember-resolver/tsconfig.json
+++ b/types/ember-resolver/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
@@ -13,12 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/engine": ["ember__engine"],
-            "@ember/engine/*": ["ember__engine/*"],
             "@ember/application": ["ember__application"],
             "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
             "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember-resolver/v4/index.d.ts b/types/ember-resolver/v4/index.d.ts
index fd5359cff4..88ace683f3 100644
--- a/types/ember-resolver/v4/index.d.ts
+++ b/types/ember-resolver/v4/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Dan Freeman <https://github.com/dfreeman>
 //                 Mike North <https://github.com/mike-north>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import Ember from 'ember';
 
diff --git a/types/ember-resolver/v4/tsconfig.json b/types/ember-resolver/v4/tsconfig.json
index 2539233e16..2c47c95ba1 100644
--- a/types/ember-resolver/v4/tsconfig.json
+++ b/types/ember-resolver/v4/tsconfig.json
@@ -2,12 +2,13 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
-        "strictFunctionTypes": true,
+        "strictFunctionTypes": false,
         "baseUrl": "../../",
         "typeRoots": [
             "../../"
diff --git a/types/ember-test-helpers/tsconfig.json b/types/ember-test-helpers/tsconfig.json
index 2d9eb44d16..2e0ddf49b1 100644
--- a/types/ember-test-helpers/tsconfig.json
+++ b/types/ember-test-helpers/tsconfig.json
@@ -14,12 +14,31 @@
             "../"
         ],
         "paths": {
-            "@ember/engine": ["ember__engine"],
-            "@ember/engine/*": ["ember__engine/*"],
             "@ember/application": ["ember__application"],
             "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
             "@ember/object": ["ember__object"],
-            "@ember/object/*": ["ember__object/*"]
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember/index.d.ts b/types/ember/index.d.ts
index 5a988c118c..fdb89d3823 100755
--- a/types/ember/index.d.ts
+++ b/types/ember/index.d.ts
@@ -228,7 +228,7 @@ export namespace Ember {
     /**
      * A subclass of the JavaScript Error object for use in Ember.
      */
-    const Error: EmberError;
+    const Error: typeof EmberError;
 
     const Evented: typeof EmberObjectEventedNs.default;
 
diff --git a/types/ember/test/transition.ts b/types/ember/test/transition.ts
index f06ee8865e..f6f3e0b4f0 100755
--- a/types/ember/test/transition.ts
+++ b/types/ember/test/transition.ts
@@ -11,7 +11,7 @@ Ember.Route.extend({
 });
 
 Ember.Controller.extend({
-    previousTransition: <Transition | null> null,
+    previousTransition: null as Transition | null,
 
     actions: {
         login() {
diff --git a/types/ember/tsconfig.json b/types/ember/tsconfig.json
index 8a2cec5578..be47225e72 100755
--- a/types/ember/tsconfig.json
+++ b/types/ember/tsconfig.json
@@ -15,31 +15,31 @@
             "../"
         ],
         "paths": {
-            "@ember/string": ["ember__string"],
+            "@ember/application": ["ember__application"],
+            "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
             "@ember/engine": ["ember__engine"],
             "@ember/engine/*": ["ember__engine/*"],
             "@ember/error": ["ember__error"],
-            "@ember/service": ["ember__service"],
-            "@ember/utils": ["ember__utils"],
-            "@ember/utils/*": ["ember__utils/*"],
-            "@ember/array": ["ember__array"],
-            "@ember/array/*": ["ember__array/*"],
-            "@ember/debug": ["ember__debug"],
-            "@ember/debug/*": ["ember__debug/*"],
-            "@ember/runloop": ["ember__runloop"],
-            "@ember/runloop/*": ["ember__runloop/*"],
-            "@ember/routing": ["ember__routing"],
-            "@ember/routing/*": ["ember__routing/*"],
-            "@ember/test": ["ember__test"],
-            "@ember/test/*": ["ember__test/*"],
             "@ember/object": ["ember__object"],
             "@ember/object/*": ["ember__object/*"],
-            "@ember/component": ["ember__component"],
-            "@ember/component/*": ["ember__component/*"],
-            "@ember/application": ["ember__application"],
-            "@ember/application/*": ["ember__application/*"],
-            "@ember/controller": ["ember__controller"],
-            "@ember/polyfills": ["ember__polyfills"]
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember/v2/index.d.ts b/types/ember/v2/index.d.ts
index 93babaa0a7..54b6d2e4a9 100755
--- a/types/ember/v2/index.d.ts
+++ b/types/ember/v2/index.d.ts
@@ -1895,20 +1895,26 @@ declare module 'ember' {
             paramsFor(name: string): {};
 
             /**
-             * Refresh the model on this route and any child routes, firing the
-             * `beforeModel`, `model`, and `afterModel` hooks in a similar fashion
-             * to how routes are entered when transitioning in from other route.
-             * The current route params (e.g. `article_id`) will be passed in
-             * to the respective model hooks, and if a different model is returned,
-             * `setupController` and associated route hooks will re-fire as well.
-             * An example usage of this method is re-querying the server for the
-             * latest information using the same parameters as when the route
-             * was first entered.
-             * Note that this will cause `model` hooks to fire even on routes
-             * that were provided a model object when the route was initially
-             * entered.
+             * A hook you can implement to optionally redirect to another route.
+             *
+             * If you call `this.transitionTo` from inside of this hook, this route
+             * will not be entered in favor of the other hook.
+             *
+             * `redirect` and `afterModel` behave very similarly and are
+             * called almost at the same time, but they have an important
+             * distinction in the case that, from one of these hooks, a
+             * redirect into a child route of this route occurs: redirects
+             * from `afterModel` essentially invalidate the current attempt
+             * to enter this route, and will result in this route's `beforeModel`,
+             * `model`, and `afterModel` hooks being fired again within
+             * the new, redirecting transition. Redirects that occur within
+             * the `redirect` hook, on the other hand, will _not_ cause
+             * these hooks to be fired again the second time around; in
+             * other words, by the time the `redirect` hook has been called,
+             * both the resolved model and attempted entry into this route
+             * are considered to be fully validated.
              */
-            redirect(): Transition;
+            redirect(model: {}, transition: Transition): void;
 
             /**
              * Refresh the model on this route and any child routes, firing the
diff --git a/types/ember/v2/test/route.ts b/types/ember/v2/test/route.ts
index 84e432dbd3..9ce18b410c 100755
--- a/types/ember/v2/test/route.ts
+++ b/types/ember/v2/test/route.ts
@@ -86,6 +86,14 @@ Route.extend({
     },
 });
 
+class RedirectRoute extends Route {
+    redirect(model: {}, a: Ember.Transition) {
+        if (!model) {
+            this.transitionTo('there');
+        }
+    }
+}
+
 class RouteUsingClass extends Route.extend({
     randomProperty: 'the .extend + extends bit type-checks properly',
 }) {
diff --git a/types/ember/v2/test/transition.ts b/types/ember/v2/test/transition.ts
index 3a64675c24..40057d9828 100755
--- a/types/ember/v2/test/transition.ts
+++ b/types/ember/v2/test/transition.ts
@@ -10,7 +10,7 @@ Ember.Route.extend({
 });
 
 Ember.Controller.extend({
-    previousTransition: <Ember.Transition | null> null,
+    previousTransition: null as Ember.Transition | null,
 
     actions: {
         login() {
diff --git a/types/ember__application/tsconfig.json b/types/ember__application/tsconfig.json
index c83da0b13d..46e1acb468 100644
--- a/types/ember__application/tsconfig.json
+++ b/types/ember__application/tsconfig.json
@@ -21,8 +21,10 @@
             "@ember/engine/*": ["ember__engine/*"],
             "@ember/routing": ["ember__routing"],
             "@ember/routing/*": ["ember__routing/*"],
+            "@ember/service": ["ember__service"],
             "@ember/application": ["ember__application"],
-            "@ember/application/*": ["ember__application/*"]
+            "@ember/application/*": ["ember__application/*"],
+            "@ember/controller": ["ember__controller"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/ember__error/ember__error-tests.ts b/types/ember__error/ember__error-tests.ts
index a5e605cfee..503d16ee5a 100644
--- a/types/ember__error/ember__error-tests.ts
+++ b/types/ember__error/ember__error-tests.ts
@@ -1,3 +1,7 @@
 import Error from '@ember/error';
 
-new Error('Fuuuuuuuu'); // $ExpectType Error
+new Error('Fuuuuuuuu'); // $ExpectType EmberError
+
+// allows to extend from EmberError
+class AjaxError extends Error {
+}
diff --git a/types/ember__error/index.d.ts b/types/ember__error/index.d.ts
index 1526379547..312b1c3334 100644
--- a/types/ember__error/index.d.ts
+++ b/types/ember__error/index.d.ts
@@ -7,4 +7,4 @@
 /**
  * A subclass of the JavaScript Error object for use in Ember.
  */
-export default ErrorConstructor;
+export default class EmberError extends Error {}
diff --git a/types/ember__object/internals.d.ts b/types/ember__object/internals.d.ts
index e920311d45..518d777a46 100644
--- a/types/ember__object/internals.d.ts
+++ b/types/ember__object/internals.d.ts
@@ -1,4 +1,4 @@
-import { UnwrapComputedPropertyGetter } from '@ember/object/-private/types';
+import { UnwrapComputedPropertyGetter } from "@ember/object/-private/types";
 
 /**
  * Returns the cached value for a property, if one exists.
@@ -13,6 +13,11 @@ export function cacheFor<T, K extends keyof T>(
 /**
  * Creates a shallow copy of the passed object. A deep copy of the object is
  * returned if the optional `deep` argument is `true`.
+ *
+ * @deprecated as of Ember 3.3, to be removed in Ember 4.0. See how to migrate
+ * [here][deprecation].
+ *
+ * [deprecation]: https://emberjs.com/deprecations/v3.x#toc_ember-runtime-deprecate-copy-copyable
  */
 export function copy<T>(obj: T, deep: true): T;
 export function copy(obj: any, deep?: boolean): any;
diff --git a/types/ember__object/test/core.ts b/types/ember__object/test/core.ts
index 984f5eec12..740daa78b0 100644
--- a/types/ember__object/test/core.ts
+++ b/types/ember__object/test/core.ts
@@ -1,8 +1,8 @@
-import Ember from 'ember';
 import { assertType } from './lib/assert';
+import CoreObject from '@ember/object/core';
 
 /** Newable tests */
-const co1 = new Ember.CoreObject();
+const co1 = new CoreObject();
 
 // TODO: Enable in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
 // co1.concatenatedProperties; // $ExpectType string[]
@@ -12,7 +12,7 @@ co1.destroy(); // $ExpectType CoreObject
 co1.toString(); // $ExpectType string
 
 /** .create tests */
-const co2 = Ember.CoreObject.create();
+const co2 = CoreObject.create();
 // TODO: Enable in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
 // co2.concatenatedProperties; // $ExpectType string[]
 co2.isDestroyed; // $ExpectType boolean
@@ -21,13 +21,13 @@ co2.destroy(); // $ExpectType CoreObject
 co2.toString(); // $ExpectType string
 
 /** .create tests w/ initial instance data passed in */
-const co3 = Ember.CoreObject.create({ foo: '123', bar: 456 });
+const co3 = CoreObject.create({ foo: '123', bar: 456 });
 
 co3.foo; // $ExpectType string
 co3.bar; // $ExpectType number
 
 /** .extend with a zero-argument .create()  */
-const co4 = Ember.CoreObject.extend({
+const co4 = CoreObject.extend({
     foo: '123',
     bar: 456,
     baz(): [string, number] {
@@ -40,8 +40,8 @@ co4.bar; // $ExpectType number
 co4.baz; // $ExpectType () => [string, number]
 
 /** .extend with inconsistent arguments passed into .create()  */
-const class05 = Ember.CoreObject.extend({
-    foo: '123' as (string | boolean),
+const class05 = CoreObject.extend({
+    foo: '123' as string | boolean,
     bar: 456,
     baz() {
         return [this.foo, this.bar];
@@ -54,33 +54,36 @@ assertType<string>(c05b.foo); // $ExpectError
 assertType<boolean>(c05c.foo); // $ExpectError
 
 /** two .extend arguments with a zero-argument .create() */
-const co6 = Ember.CoreObject.extend({
-    foo: '123',
-    bar: 456,
-    baz() {
-        return [this.foo, this.bar];
+const co6 = CoreObject.extend(
+    {
+        foo: '123',
+        bar: 456,
+        baz() {
+            return [this.foo, this.bar];
+        },
+        func1() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.foo; // $ExpectType string
+            // this does not include stuff from later extend args
+            this.bee; // $ExpectError
+        }
     },
-    func1() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.foo; // $ExpectType string
-        // this does not include stuff from later extend args
-        this.bee; // $ExpectError
+    {
+        foo: 99,
+        bee: 'honey',
+        func2() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
+            this.foo; // $ExpectType string & number
+            // this includes stuff from earlier extend-args
+            this.bar; // $ExpectType number
+        }
     }
-}, {
-    foo: 99,
-    bee: 'honey',
-    func2() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
-        this.foo; // $ExpectType string & number
-        // this includes stuff from earlier extend-args
-        this.bar; // $ExpectType number
-    }
-}).create();
+).create();
 
 // TODO: enable in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
 // assertType<string>(co6.foo); // $ExpectError
@@ -88,45 +91,49 @@ assertType<number>(co6.bar); // $ExpectType number
 assertType<() => Array<string | number>>(co6.baz); // $ExpectType () => (string | number)[]
 
 /** three .extend arguments with a zero-argument .create() */
-const co7 = Ember.CoreObject.extend({
-    foo: '123',
-    bar: 456,
-    baz() {
-        return [this.foo, this.bar];
+const co7 = CoreObject.extend(
+    {
+        foo: '123',
+        bar: 456,
+        baz() {
+            return [this.foo, this.bar];
+        },
+        func1() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.foo; // $ExpectType string
+            // this does not include stuff from later extend args
+            this.bee; // $ExpectError
+        }
     },
-    func1() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.foo; // $ExpectType string
-        // this does not include stuff from later extend args
-        this.bee; // $ExpectError
+    {
+        foo: 99,
+        bee: 'honey',
+        func2() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
+            this.foo; // $ExpectType string & number
+            // this includes stuff from earlier extend-args
+            this.bar; // $ExpectType number
+        }
+    },
+    {
+        foo: '99',
+        money: 'in the banana stand',
+        func3() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.money; // $ExpectType string
+            // this includes stuff from earlier extend-args
+            this.bee; // $ExpectType string
+            this.bar; // $ExpectType number
+        }
     }
-}, {
-    foo: 99,
-    bee: 'honey',
-    func2() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
-        this.foo; // $ExpectType string & number
-        // this includes stuff from earlier extend-args
-        this.bar; // $ExpectType number
-    }
-}, {
-    foo: '99',
-    money: 'in the banana stand',
-    func3() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.money; // $ExpectType string
-        // this includes stuff from earlier extend-args
-        this.bee; // $ExpectType string
-        this.bar; // $ExpectType number
-    }
-}).create();
+).create();
 // TODO: enable in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
 // assertType<number>(co7.foo); // $ExpectError
 assertType<number>(co7.bar); // $ExpectType number
@@ -134,62 +141,67 @@ assertType<string>(co7.money); // $ExpectType string
 assertType<() => Array<string | number>>(co7.baz); // $ExpectType () => (string | number)[]
 
 /** four .extend arguments with a zero-argument .create() */
-const co8 = Ember.CoreObject.extend({
-    foo: '123',
-    bar: 456,
-    baz() {
-        return [this.foo, this.bar];
+const co8 = CoreObject.extend(
+    {
+        foo: '123',
+        bar: 456,
+        baz() {
+            return [this.foo, this.bar];
+        },
+        func1() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.foo; // $ExpectType string
+            // this does not include stuff from later extend args
+            this.bee; // $ExpectError
+        }
     },
-    func1() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.foo; // $ExpectType string
-        // this does not include stuff from later extend args
-        this.bee; // $ExpectError
+    {
+        foo: 99,
+        bee: 'honey',
+        func2() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
+            this.foo; // $ExpectType string & number
+            // this includes stuff from earlier extend-args
+            this.bar; // $ExpectType number
+            // this does not include stuff from later extend args
+            this.money; // $ExpectError
+        }
+    },
+    {
+        foo: '99',
+        money: 'in the banana stand',
+        func3() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.money; // $ExpectType string
+            // this includes stuff from earlier extend-args
+            this.bee; // $ExpectType string
+            this.bar; // $ExpectType number
+            // this does not include stuff from later extend args
+            this.neighborhood; // $ExpectError
+        }
+    },
+    {
+        foo: '99',
+        neighborhood: 'sudden valley',
+        func4() {
+            // this includes stuff from CoreObject
+            this.init; // $ExpectType () => void
+            // this includes stuff from this extend-arg
+            this.neighborhood; // $ExpectType string
+            // this includes stuff from earlier extend-args
+            this.bee; // $ExpectType string
+            this.bar; // $ExpectType number
+            this.money; // $ExpectType string
+        }
     }
-}, {
-    foo: 99,
-    bee: 'honey',
-    func2() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        // TODO: switch to "$ExpectType number" in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
-        this.foo; // $ExpectType string & number
-        // this includes stuff from earlier extend-args
-        this.bar; // $ExpectType number
-        // this does not include stuff from later extend args
-        this.money; // $ExpectError
-    }
-}, {
-    foo: '99',
-    money: 'in the banana stand',
-    func3() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.money; // $ExpectType string
-        // this includes stuff from earlier extend-args
-        this.bee; // $ExpectType string
-        this.bar; // $ExpectType number
-        // this does not include stuff from later extend args
-        this.neighborhood; // $ExpectError
-    }
-}, {
-    foo: '99',
-    neighborhood: 'sudden valley',
-    func4() {
-        // this includes stuff from CoreObject
-        this.init; // $ExpectType () => void
-        // this includes stuff from this extend-arg
-        this.neighborhood; // $ExpectType string
-        // this includes stuff from earlier extend-args
-        this.bee; // $ExpectType string
-        this.bar; // $ExpectType number
-        this.money; // $ExpectType string
-    }
-}).create();
+).create();
 
 // TODO: enable in TS 3.0  see: https://github.com/typed-ember/ember-cli-typescript/issues/291
 // assertType<number>(co8.foo); // $ExpectError
diff --git a/types/ember__object/test/create-negative.ts b/types/ember__object/test/create-negative.ts
index 2298ae8cf3..dadd2a2176 100644
--- a/types/ember__object/test/create-negative.ts
+++ b/types/ember__object/test/create-negative.ts
@@ -1,5 +1,4 @@
 import { assertType } from './lib/assert';
-import Ember from 'ember';
 import { PersonWithNumberName, Person } from './create';
 
 Person.create({ firstName: 99 }); // $ExpectError
diff --git a/types/ember__polyfills/ember__polyfills-tests.ts b/types/ember__polyfills/ember__polyfills-tests.ts
index 68a6588a69..533fbd86e4 100644
--- a/types/ember__polyfills/ember__polyfills-tests.ts
+++ b/types/ember__polyfills/ember__polyfills-tests.ts
@@ -11,6 +11,7 @@ import { assign, merge } from '@ember/polyfills';
     assign({ a: 'hello' }, { b: 6 }, { a: true }).a; // $ExpectType boolean
     assign({ a: 'hello' }, '', { a: true }).a; // $ExpectError
     assign({ d: ['gobias industries'] }, { a: 'hello' }, { b: 6 }, { a: true }).d; // $ExpectType string[]
+    assign({}, { a: 0 }, { b: 1 }, { c: 2 }, { d: 3 }).a; // $ExpectType any
 })();
 
 (() => { /* merge */
diff --git a/types/ember__polyfills/index.d.ts b/types/ember__polyfills/index.d.ts
index 3c408229dc..697a6c596b 100644
--- a/types/ember__polyfills/index.d.ts
+++ b/types/ember__polyfills/index.d.ts
@@ -13,6 +13,7 @@ import { Mix, Mix3, Mix4 } from './types';
 export function assign<T extends object, U extends object>(target: T, source: U): Mix<T, U>;
 export function assign<T extends object, U extends object, V extends object>(target: T, source1: U, source2: V): Mix3<T, U, V>;
 export function assign<T extends object, U extends object, V extends object, W extends object>(target: T, source1: U, source2: V, source3: W): Mix4<T, U, V, W>;
+export function assign(target: object, ...sources: object[]): any;
 
 /**
  * Merge the contents of two objects together into the first object.
diff --git a/types/ember__routing/route.d.ts b/types/ember__routing/route.d.ts
index 118bd1f1b5..30c9654be9 100644
--- a/types/ember__routing/route.d.ts
+++ b/types/ember__routing/route.d.ts
@@ -79,20 +79,26 @@ export default class Route extends EmberObject.extend(ActionHandler, Evented) {
     paramsFor(name: string): {};
 
     /**
-     * Refresh the model on this route and any child routes, firing the
-     * `beforeModel`, `model`, and `afterModel` hooks in a similar fashion
-     * to how routes are entered when transitioning in from other route.
-     * The current route params (e.g. `article_id`) will be passed in
-     * to the respective model hooks, and if a different model is returned,
-     * `setupController` and associated route hooks will re-fire as well.
-     * An example usage of this method is re-querying the server for the
-     * latest information using the same parameters as when the route
-     * was first entered.
-     * Note that this will cause `model` hooks to fire even on routes
-     * that were provided a model object when the route was initially
-     * entered.
+     * A hook you can implement to optionally redirect to another route.
+     *
+     * If you call `this.transitionTo` from inside of this hook, this route
+     * will not be entered in favor of the other hook.
+     *
+     * `redirect` and `afterModel` behave very similarly and are
+     * called almost at the same time, but they have an important
+     * distinction in the case that, from one of these hooks, a
+     * redirect into a child route of this route occurs: redirects
+     * from `afterModel` essentially invalidate the current attempt
+     * to enter this route, and will result in this route's `beforeModel`,
+     * `model`, and `afterModel` hooks being fired again within
+     * the new, redirecting transition. Redirects that occur within
+     * the `redirect` hook, on the other hand, will _not_ cause
+     * these hooks to be fired again the second time around; in
+     * other words, by the time the `redirect` hook has been called,
+     * both the resolved model and attempted entry into this route
+     * are considered to be fully validated.
      */
-    redirect(): Transition;
+    redirect(model: {}, transition: Transition): void;
 
     /**
      * Refresh the model on this route and any child routes, firing the
diff --git a/types/ember__routing/test/route.ts b/types/ember__routing/test/route.ts
index 7e2279d8c4..b347768301 100755
--- a/types/ember__routing/test/route.ts
+++ b/types/ember__routing/test/route.ts
@@ -80,6 +80,22 @@ Route.extend({
     },
 });
 
+class RedirectRoute extends Route {
+    redirect(model: {}, a: Transition) {
+        if (!model) {
+            this.transitionTo('there');
+        }
+    }
+}
+
+class InvalidRedirect extends Route {
+    redirect(model: {}, a: Transition, anOddArg: any) { // $ExpectError
+        if (!model) {
+            this.transitionTo('there');
+        }
+    }
+}
+
 class ApplicationController extends Controller {}
 declare module '@ember/controller' {
     interface Registry {
diff --git a/types/ember__test-helpers/tsconfig.json b/types/ember__test-helpers/tsconfig.json
index 18e1faee35..7b167f14d5 100644
--- a/types/ember__test-helpers/tsconfig.json
+++ b/types/ember__test-helpers/tsconfig.json
@@ -17,14 +17,31 @@
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
         "paths": {
+            "@ember/application": ["ember__application"],
+            "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
             "@ember/engine": ["ember__engine"],
             "@ember/engine/*": ["ember__engine/*"],
             "@ember/error": ["ember__error"],
-            "@ember/application": ["ember__application"],
-            "@ember/application/*": ["ember__application/*"],
             "@ember/object": ["ember__object"],
             "@ember/object/*": ["ember__object/*"],
-            "@ember/test-helpers": ["ember__test-helpers"]
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
+            "@ember/test": ["ember__test"],
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         }
     },
     "files": [
diff --git a/types/ember__test/tsconfig.json b/types/ember__test/tsconfig.json
index e5405575cc..da00f05337 100644
--- a/types/ember__test/tsconfig.json
+++ b/types/ember__test/tsconfig.json
@@ -15,12 +15,31 @@
             "../"
         ],
         "paths": {
-            "@ember/engine": ["ember__engine"],
-            "@ember/engine/*": ["ember__engine/*"],
             "@ember/application": ["ember__application"],
             "@ember/application/*": ["ember__application/*"],
+            "@ember/array": ["ember__array"],
+            "@ember/array/*": ["ember__array/*"],
+            "@ember/component": ["ember__component"],
+            "@ember/component/*": ["ember__component/*"],
+            "@ember/controller": ["ember__controller"],
+            "@ember/debug": ["ember__debug"],
+            "@ember/debug/*": ["ember__debug/*"],
+            "@ember/engine": ["ember__engine"],
+            "@ember/engine/*": ["ember__engine/*"],
+            "@ember/error": ["ember__error"],
+            "@ember/object": ["ember__object"],
+            "@ember/object/*": ["ember__object/*"],
+            "@ember/polyfills": ["ember__polyfills"],
+            "@ember/routing": ["ember__routing"],
+            "@ember/routing/*": ["ember__routing/*"],
+            "@ember/runloop": ["ember__runloop"],
+            "@ember/runloop/*": ["ember__runloop/*"],
+            "@ember/service": ["ember__service"],
+            "@ember/string": ["ember__string"],
             "@ember/test": ["ember__test"],
-            "@ember/test/*": ["ember__test/*"]
+            "@ember/test/*": ["ember__test/*"],
+            "@ember/utils": ["ember__utils"],
+            "@ember/utils/*": ["ember__utils/*"]
         },
         "types": [],
         "noEmit": true,
diff --git a/types/emoji-mart/index.d.ts b/types/emoji-mart/index.d.ts
index 38acd9e021..a92bcb77ff 100644
--- a/types/emoji-mart/index.d.ts
+++ b/types/emoji-mart/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for emoji-mart 2.8
 // Project: https://github.com/missive/emoji-mart
-// Definitions by: Diogo Franco <https://github.com/Kovensky>
+// Definitions by: Jessica Franco <https://github.com/Kovensky>
 //                 Nick Winans <https://github.com/Nicell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
diff --git a/types/emojione/index.d.ts b/types/emojione/index.d.ts
index f343a7d3e3..000a5e9940 100644
--- a/types/emojione/index.d.ts
+++ b/types/emojione/index.d.ts
@@ -18,3 +18,4 @@ export function toShort(str: string): string;
 export function toImage(str: string): string;
 export function shortnameToImage(str: string): string;
 export function unicodeToImage(str: string): string;
+export function shortnameToUnicode(str: string): string;
diff --git a/types/enzyme-async-helpers/enzyme-async-helpers-tests.tsx b/types/enzyme-async-helpers/enzyme-async-helpers-tests.tsx
new file mode 100644
index 0000000000..96f2f1d181
--- /dev/null
+++ b/types/enzyme-async-helpers/enzyme-async-helpers-tests.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { mount } from 'enzyme';
+import { waitForElement, waitForProps, waitForState, Config } from "enzyme-async-helpers";
+
+const component = mount(<div>component</div>);
+const config: Config = {
+    interval: 50,
+    timeout: 2000,
+    timeoutMessage: 'Timed out.',
+    logStructureOnTimeout: true,
+    logStructureOnSuccess: false
+};
+
+// $ExpectType Promise<void>
+waitForElement(component, "selector");
+// $ExpectType Promise<void>
+waitForElement(component, "selector", config);
+
+// $ExpectType Promise<void>
+waitForProps(component, (props) => true);
+// $ExpectType Promise<void>
+waitForProps(component, (props) => true, config);
+
+// $ExpectType Promise<void>
+waitForState(component, (state) => true);
+// $ExpectType Promise<void>
+waitForState(component, (state) => true, config);
diff --git a/types/enzyme-async-helpers/index.d.ts b/types/enzyme-async-helpers/index.d.ts
new file mode 100644
index 0000000000..595f29aa71
--- /dev/null
+++ b/types/enzyme-async-helpers/index.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for enzyme-async-helpers 0.9
+// Project: https://github.com/zth/enzyme-async-helpers
+// Definitions by: Kim Ehrenpohl <https://github.com/kimehrenpohl>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { ReactWrapper, EnzymeSelector } from 'enzyme';
+
+export function waitForState(
+    wrapper: ReactWrapper,
+    stateValidationFn: (state: object) => boolean,
+    config?: Config
+): Promise<void>;
+
+export function waitForElement(
+    wrapper: ReactWrapper,
+    elementSelector: EnzymeSelector,
+    config?: Config
+): Promise<void>;
+
+export function waitForProps(
+    wrapper: ReactWrapper,
+    propsValidationFn: (props: object) => boolean,
+    config?: Config
+): Promise<void>;
+
+export interface Config {
+    interval?: number; // Default: 50, how often to check for validity
+    timeout?: number; // Default: 2000 (2 seconds), how long to wait before timing out
+    timeoutMessage?: string;
+    logStructureOnTimeout?: boolean; // Default: true, logs the wrapper's rendered structure when the wait times out. An attempt to help out in finding what's wrong.
+    logStructureOnSuccess?: boolean; // Default: false, logs the wrapper's rendered structure on success.
+}
diff --git a/types/enzyme-async-helpers/tsconfig.json b/types/enzyme-async-helpers/tsconfig.json
new file mode 100644
index 0000000000..82d1d5d4e3
--- /dev/null
+++ b/types/enzyme-async-helpers/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "enzyme-async-helpers-tests.tsx"
+    ]
+}
diff --git a/types/enzyme-async-helpers/tslint.json b/types/enzyme-async-helpers/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/enzyme-async-helpers/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/enzyme/index.d.ts b/types/enzyme/index.d.ts
index 60262e3d04..0818b4e5ce 100644
--- a/types/enzyme/index.d.ts
+++ b/types/enzyme/index.d.ts
@@ -101,7 +101,7 @@ export interface CommonWrapper<P = {}, S = {}, C = Component<P, S>> {
     /**
      * Returns whether or not the current node exists.
      */
-    exists(): boolean;
+    exists(selector?: EnzymeSelector): boolean;
 
     /**
      * Returns a new wrapper with only the nodes of the current wrapper that don't match the provided selector.
diff --git a/types/es6-shim/package.json b/types/es6-shim/package.json
new file mode 100644
index 0000000000..c1f0c68752
--- /dev/null
+++ b/types/es6-shim/package.json
@@ -0,0 +1,11 @@
+{
+    "private": true,
+    "types": "index",
+    "typesVersions": {
+        ">=3.1.0-0": {
+            "*": [
+                "ts3.1/*"
+            ]
+        }
+    }
+}
\ No newline at end of file
diff --git a/types/es6-shim/ts3.1/es6-shim-tests.ts b/types/es6-shim/ts3.1/es6-shim-tests.ts
new file mode 100644
index 0000000000..9d564742dc
--- /dev/null
+++ b/types/es6-shim/ts3.1/es6-shim-tests.ts
@@ -0,0 +1,229 @@
+interface Point { x: number; y: number; }
+interface Point3D extends Point { z: number; }
+
+let a: any;
+let s = '';
+let i = 2;
+let iOrUndef: number | undefined;
+let b: boolean;
+let f: () => void = () => {};
+let o: Object;
+let r: RegExp = /a/;
+declare const sym: symbol;
+let e: Error = new Error();
+let date: Date;
+let key: PropertyKey;
+let point: Point = { x: 1, y: 2 };
+let point3d: Point3D = { x: 1, y: 2, z: 3 };
+let point3dOrUndef: Point3D | undefined;
+let pointOrUndef: Point | undefined;
+let arrayOfPoint: Point[] = [];
+let arrayOfPoint3D: Point3D[];
+let arrayOfSymbol: symbol[];
+let arrayOfPropertyKey: PropertyKey[];
+let arrayOfAny: any[];
+let arrayOfStringAny: Array<[string, any]>;
+let arrayLikeOfAny: ArrayLike<any> = [];
+let iterableOfPoint: IterableShim<Point> = [];
+let iterableOfStringPoint: IterableShim<[string, Point]> = [];
+let iterableOfPointPoint3D: IterableShim<[Point, Point3D]> = [];
+let iterableIteratorOfPoint: IterableIteratorShim<Point>;
+let iterableIteratorOfNumberPoint: IterableIteratorShim<[number, Point]>;
+let iterableIteratorOfNumber: IterableIteratorShim<number>;
+let iterableIteratorOfString: IterableIteratorShim<string>;
+let iterableIteratorOfPointPoint: IterableIteratorShim<[Point, Point]>;
+let iterableIteratorOfNode: IterableIteratorShim<Node>;
+let iterableIteratorOfStringPoint: IterableIteratorShim<[string, Point]>;
+let iterableIteratorOfAny: IterableIteratorShim<any>;
+let iterableIteratorOfPropertyKey: IterableIteratorShim<PropertyKey>;
+let iterableIteratorOfPropertyKeyPoint: IterableIteratorShim<[PropertyKey, Point]>;
+let nodeList: NodeList;
+let pd: PropertyDescriptor = {};
+let pdm: PropertyDescriptorMap = {};
+let map: Map<string, Point> = new Map<string, Point>();
+let set: Set<Point> = new Set<Point>();
+let weakMap: WeakMap<Point, Point3D> = new WeakMap<Point, Point3D>();
+let weakSet: WeakSet<Point> = new WeakSet<Point>();
+let promiseLikeOfPoint: PromiseLike<Point> = Promise.resolve(point);
+let promiseLikeOfPoint3D: PromiseLike<Point3D> = Promise.resolve(point3d);
+let promiseOfPoint: Promise<Point> = Promise.resolve(point);
+let promiseOfPoint3D: Promise<Point3D> = Promise.resolve(point3d);
+let promiseOfArrayOfPoint: Promise<Point[]>;
+let promiseOfVoid: Promise<void>;
+
+point = Object.assign(point, point);
+b = Object.is(point, point);
+Object.setPrototypeOf(point, {});
+pointOrUndef = arrayOfPoint.find(p => b);
+i = arrayOfPoint.findIndex(p => b);
+arrayOfPoint = arrayOfPoint.fill(point, i, arrayOfPoint.length);
+arrayOfPoint = arrayOfPoint.copyWithin(i, i, i);
+arrayOfPoint = Array.from(arrayOfPoint);
+arrayOfPoint = Array.from(iterableOfPoint);
+arrayOfPoint3D = Array.from(arrayOfPoint, point => point3d);
+arrayOfPoint3D = Array.from(arrayOfPoint, point => point3d, a);
+arrayOfPoint3D = Array.from(iterableOfPoint, point => point3d);
+arrayOfPoint3D = Array.from(iterableOfPoint, point => point3d, a);
+arrayOfPoint = Array.of(point, point);
+i = s.codePointAt(i);
+b = s.includes(s, i);
+b = s.endsWith(s, i);
+s = s.repeat(i);
+b = s.startsWith(s, i);
+s = String.fromCodePoint(2 as number, 3 as number);
+s = String.raw`abc`;
+s = r.flags;
+i = Number.EPSILON;
+b = Number.isFinite(i);
+b = Number.isInteger(i);
+b = Number.isNaN(i);
+b = Number.isSafeInteger(i);
+i = Number.MAX_SAFE_INTEGER;
+i = Number.MIN_SAFE_INTEGER;
+i = Number.parseFloat(s);
+i = Number.parseInt(s, 10);
+i = Number.parseInt(s, i);
+i = Math.clz32(i);
+i = Math.imul(i, i);
+i = Math.sign(i);
+i = Math.log10(i);
+i = Math.log2(i);
+i = Math.log1p(i);
+i = Math.expm1(i);
+i = Math.cosh(i);
+i = Math.sinh(i);
+i = Math.tanh(i);
+i = Math.acosh(i);
+i = Math.asinh(i);
+i = Math.atanh(i);
+i = Math.hypot(i, i);
+i = Math.trunc(i);
+i = Math.fround(i);
+i = Math.cbrt(i);
+map.clear();
+map.delete(s);
+map.forEach((value: Point, key: string) => { });
+pointOrUndef = map.get(s);
+b = map.has(s);
+map = map.set(s, point);
+i = map.size;
+map = new Map<string, Point>();
+map = new Map(iterableOfStringPoint);
+set.clear();
+set.delete(point);
+set.forEach((value: Point, key: Point) => { });
+b = set.has(point);
+set = set.add(point);
+i = set.size;
+set = new Set<Point>();
+set = new Set(iterableOfPoint);
+weakMap.delete(point);
+point3dOrUndef = weakMap.get(point);
+b = weakMap.has(point);
+weakMap = weakMap.set(point, point3d);
+weakMap = new WeakMap<Point, Point3D>();
+weakMap = new WeakMap(iterableOfPointPoint3D);
+weakSet.delete(point);
+weakSet = weakSet.add(point);
+b = weakSet.has(point);
+weakSet = new WeakSet<Point>();
+weakSet = new WeakSet(iterableOfPoint);
+iterableIteratorOfNumberPoint = arrayOfPoint.entries();
+iterableIteratorOfNumber = arrayOfPoint.keys();
+iterableIteratorOfPoint = arrayOfPoint.values();
+iterableIteratorOfPointPoint = set.entries();
+iterableIteratorOfPoint = set.keys();
+iterableIteratorOfPoint = set.values();
+promiseLikeOfPoint.then((point: Point) => { });
+promiseLikeOfPoint = promiseLikeOfPoint.then();
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => point);
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => promiseLikeOfPoint);
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => point, e => point);
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => promiseLikeOfPoint, e => point);
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => point, e => promiseLikeOfPoint);
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => point, e => { });
+promiseLikeOfPoint = promiseLikeOfPoint.then(p => promiseLikeOfPoint, e => { });
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => point3d);
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => promiseLikeOfPoint3D);
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => point3d, e => point3d);
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => promiseLikeOfPoint3D, e => point3d);
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => point3d, e => promiseLikeOfPoint3D);
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => point3d, e => { });
+promiseLikeOfPoint3D = promiseLikeOfPoint.then(p => promiseLikeOfPoint3D, e => { });
+promiseOfPoint.then((point: Point) => { });
+promiseOfPoint = promiseOfPoint.then();
+promiseOfPoint = promiseOfPoint.then(p => point);
+promiseOfPoint = promiseOfPoint.then(p => promiseOfPoint);
+promiseOfPoint = promiseOfPoint.then(p => promiseLikeOfPoint);
+promiseOfPoint = promiseOfPoint.then(p => point, e => point);
+promiseOfPoint = promiseOfPoint.then(p => promiseOfPoint, e => point);
+promiseOfPoint = promiseOfPoint.then(p => promiseLikeOfPoint, e => point);
+promiseOfPoint = promiseOfPoint.then(p => point, e => promiseOfPoint);
+promiseOfPoint = promiseOfPoint.then(p => point, e => promiseLikeOfPoint);
+promiseOfPoint = promiseOfPoint.then(p => point, e => { });
+promiseOfPoint = promiseOfPoint.then(p => promiseOfPoint, e => { });
+promiseOfPoint = promiseOfPoint.then(p => promiseLikeOfPoint, e => { });
+promiseOfPoint3D = promiseOfPoint.then(p => point3d);
+promiseOfPoint3D = promiseOfPoint.then(p => promiseOfPoint3D);
+promiseOfPoint3D = promiseOfPoint.then(p => promiseLikeOfPoint3D);
+promiseOfPoint3D = promiseOfPoint.then(p => point3d, e => point3d);
+promiseOfPoint3D = promiseOfPoint.then(p => promiseOfPoint3D, e => point3d);
+promiseOfPoint3D = promiseOfPoint.then(p => promiseLikeOfPoint3D, e => point3d);
+promiseOfPoint3D = promiseOfPoint.then(p => point3d, e => promiseOfPoint3D);
+promiseOfPoint3D = promiseOfPoint.then(p => point3d, e => promiseLikeOfPoint3D);
+promiseOfPoint3D = promiseOfPoint.then(p => point3d, e => { });
+promiseOfPoint3D = promiseOfPoint.then(p => promiseOfPoint3D, e => { });
+promiseOfPoint3D = promiseOfPoint.then(p => promiseLikeOfPoint3D, e => { });
+promiseOfPoint = promiseOfPoint.catch(e => point);
+promiseOfPoint = promiseOfPoint.catch(e => promiseOfPoint);
+promiseOfPoint = promiseOfPoint.catch(e => promiseLikeOfPoint);
+promiseOfPoint = promiseOfPoint.catch(e => { });
+promiseOfPoint3D = promiseOfPoint3D.catch(e => point3d);
+promiseOfPoint3D = promiseOfPoint3D.catch(e => promiseOfPoint3D);
+promiseOfPoint3D = promiseOfPoint3D.catch(e => promiseLikeOfPoint3D);
+promiseOfPoint = new Promise<Point>((resolve, reject) => resolve(point));
+promiseOfPoint = new Promise<Point>((resolve, reject) => resolve(promiseOfPoint));
+promiseOfPoint = new Promise<Point>((resolve, reject) => resolve(promiseLikeOfPoint));
+promiseOfPoint = new Promise<Point>((resolve, reject) => reject(e));
+// To prevent UnhandledPromiseRejectionWarning
+promiseOfPoint.catch(() => {});
+promiseOfArrayOfPoint = Promise.all(arrayOfPoint);
+promiseOfArrayOfPoint = Promise.all(iterableOfPoint);
+promiseOfPoint = Promise.race(arrayOfPoint);
+promiseOfPoint = Promise.race(iterableOfPoint);
+promiseOfVoid = Promise.resolve();
+promiseOfPoint = Promise.resolve(point3d);
+promiseOfPoint = Promise.resolve(promiseOfPoint);
+promiseOfPoint = Promise.resolve(promiseLikeOfPoint);
+promiseOfVoid = Promise.reject(e);
+// To prevent UnhandledPromiseRejectionWarning
+promiseOfVoid.catch(() => {});
+promiseOfPoint = Promise.reject<Point>(e);
+// To prevent UnhandledPromiseRejectionWarning
+promiseOfPoint.catch(() => {});
+a = Reflect.apply(f, a, arrayLikeOfAny);
+a = Reflect.construct(f, arrayLikeOfAny);
+b = Reflect.defineProperty(a, s, pd);
+b = Reflect.defineProperty(a, i, pd);
+b = Reflect.defineProperty(a, sym, pd);
+b = Reflect.deleteProperty(a, s);
+b = Reflect.deleteProperty(a, i);
+b = Reflect.deleteProperty(a, sym);
+iterableIteratorOfAny = Reflect.enumerate(a);
+Reflect.get(a, s, a);
+Reflect.get(a, i, a);
+Reflect.get(a, sym, a);
+pd = Reflect.getOwnPropertyDescriptor(a, s);
+pd = Reflect.getOwnPropertyDescriptor(a, i);
+pd = Reflect.getOwnPropertyDescriptor(a, sym);
+a = Reflect.getPrototypeOf(a);
+b = Reflect.has(a, s);
+b = Reflect.has(a, i);
+b = Reflect.has(a, sym);
+b = Reflect.isExtensible(a);
+arrayOfPropertyKey = Reflect.ownKeys(a);
+b = Reflect.preventExtensions(a);
+b = Reflect.set(a, s, a, a);
+b = Reflect.set(a, i, a, a);
+b = Reflect.set(a, sym, a, a);
+b = Reflect.setPrototypeOf(a, a);
diff --git a/types/es6-shim/ts3.1/index.d.ts b/types/es6-shim/ts3.1/index.d.ts
new file mode 100644
index 0000000000..b8f15230e3
--- /dev/null
+++ b/types/es6-shim/ts3.1/index.d.ts
@@ -0,0 +1,661 @@
+interface IteratorResult<T> {
+    done: boolean;
+    value?: T;
+}
+
+interface IterableShim<T> {
+    /**
+      * Shim for an ES6 iterable. Not intended for direct use by user code.
+      */
+    "_es6-shim iterator_"(): Iterator<T>;
+}
+
+interface Iterator<T> {
+    next(value?: any): IteratorResult<T>;
+    return?(value?: any): IteratorResult<T>;
+    throw?(e?: any): IteratorResult<T>;
+}
+
+interface IterableIteratorShim<T> extends IterableShim<T>, Iterator<T> {
+    /**
+      * Shim for an ES6 iterable iterator. Not intended for direct use by user code.
+      */
+    "_es6-shim iterator_"(): IterableIteratorShim<T>;
+}
+
+interface StringConstructor {
+    /**
+      * Return the String value whose elements are, in order, the elements in the List elements.
+      * If length is 0, the empty string is returned.
+      */
+    fromCodePoint(...codePoints: number[]): string;
+
+    /**
+      * String.raw is intended for use as a tag function of a Tagged Template String. When called
+      * as such the first argument will be a well formed template call site object and the rest
+      * parameter will contain the substitution values.
+      * @param template A well-formed template string call site representation.
+      * @param substitutions A set of substitution values.
+      */
+    raw(template: TemplateStringsArray, ...substitutions: any[]): string;
+}
+
+interface String {
+    /**
+      * Returns a nonnegative integer Number less than 1114112 (0x110000) that is the code point
+      * value of the UTF-16 encoded code point starting at the string element at position pos in
+      * the String resulting from converting this object to a String.
+      * If there is no element at that position, the result is undefined.
+      * If a valid UTF-16 surrogate pair does not begin at pos, the result is the code unit at pos.
+      */
+    codePointAt(pos: number): number;
+
+    /**
+      * Returns true if searchString appears as a substring of the result of converting this
+      * object to a String, at one or more positions that are
+      * greater than or equal to position; otherwise, returns false.
+      * @param searchString search string
+      * @param position If position is undefined, 0 is assumed, so as to search all of the String.
+      */
+    includes(searchString: string, position?: number): boolean;
+
+    /**
+      * Returns true if the sequence of elements of searchString converted to a String is the
+      * same as the corresponding elements of this object (converted to a String) starting at
+      * endPosition – length(this). Otherwise returns false.
+      */
+    endsWith(searchString: string, endPosition?: number): boolean;
+
+    /**
+      * Returns a String value that is made from count copies appended together. If count is 0,
+      * T is the empty String is returned.
+      * @param count number of copies to append
+      */
+    repeat(count: number): string;
+
+    /**
+      * Returns true if the sequence of elements of searchString converted to a String is the
+      * same as the corresponding elements of this object (converted to a String) starting at
+      * position. Otherwise returns false.
+      */
+    startsWith(searchString: string, position?: number): boolean;
+
+    /**
+      * Returns an <a> HTML anchor element and sets the name attribute to the text value
+      * @param name
+      */
+    anchor(name: string): string;
+
+    /** Returns a <big> HTML element */
+    big(): string;
+
+    /** Returns a <blink> HTML element */
+    blink(): string;
+
+    /** Returns a <b> HTML element */
+    bold(): string;
+
+    /** Returns a <tt> HTML element */
+    fixed(): string;
+
+    /** Returns a <font> HTML element and sets the color attribute value */
+    fontcolor(color: string): string;
+
+    /** Returns a <font> HTML element and sets the size attribute value */
+    fontsize(size: number): string;
+
+    /** Returns a <font> HTML element and sets the size attribute value */
+    fontsize(size: string): string;
+
+    /** Returns an <i> HTML element */
+    italics(): string;
+
+    /** Returns an <a> HTML element and sets the href attribute value */
+    link(url: string): string;
+
+    /** Returns a <small> HTML element */
+    small(): string;
+
+    /** Returns a <strike> HTML element */
+    strike(): string;
+
+    /** Returns a <sub> HTML element */
+    sub(): string;
+
+    /** Returns a <sup> HTML element */
+    sup(): string;
+
+    /**
+      * Shim for an ES6 iterable. Not intended for direct use by user code.
+      */
+    "_es6-shim iterator_"(): IterableIteratorShim<string>;
+}
+
+interface ArrayConstructor {
+    /**
+      * Creates an array from an array-like object.
+      * @param arrayLike An array-like object to convert to an array.
+      * @param mapfn A mapping function to call on every element of the array.
+      * @param thisArg Value of 'this' used to invoke the mapfn.
+      */
+    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+
+    /**
+      * Creates an array from an iterable object.
+      * @param iterable An iterable object to convert to an array.
+      * @param mapfn A mapping function to call on every element of the array.
+      * @param thisArg Value of 'this' used to invoke the mapfn.
+      */
+    from<T, U>(iterable: IterableShim<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+
+    /**
+      * Creates an array from an array-like object.
+      * @param arrayLike An array-like object to convert to an array.
+      */
+    from<T>(arrayLike: ArrayLike<T>): T[];
+
+    /**
+      * Creates an array from an iterable object.
+      * @param iterable An iterable object to convert to an array.
+      */
+    from<T>(iterable: IterableShim<T>): T[];
+
+    /**
+      * Returns a new array from a set of elements.
+      * @param items A set of elements to include in the new array object.
+      */
+    of<T>(...items: T[]): T[];
+}
+
+interface Array<T> {
+    /**
+      * Returns the value of the first element in the array where predicate is true, and undefined
+      * otherwise.
+      * @param predicate find calls predicate once for each element of the array, in ascending
+      * order, until it finds one where predicate returns true. If such an element is found, find
+      * immediately returns that element value. Otherwise, find returns undefined.
+      * @param thisArg If provided, it will be used as the this value for each invocation of
+      * predicate. If it is not provided, undefined is used instead.
+      */
+    find(predicate: (value: T, index: number, obj: T[]) => boolean, thisArg?: any): T | undefined;
+
+    /**
+      * Returns the index of the first element in the array where predicate is true, and -1 otherwise.
+      * @param predicate find calls predicate once for each element of the array, in ascending
+      * order, until it finds one where predicate returns true. If such an element is found, find
+      * immediately returns that element value. Otherwise, find returns undefined.
+      * @param thisArg If provided, it will be used as the this value for each invocation of
+      * predicate. If it is not provided, undefined is used instead.
+      */
+    findIndex(predicate: (value: T) => boolean, thisArg?: any): number;
+
+    /**
+      * Returns the this object after filling the section identified by start and end with value
+      * @param value value to fill array section with
+      * @param start index to start filling the array at. If start is negative, it is treated as
+      * length+start where length is the length of the array.
+      * @param end index to stop filling the array at. If end is negative, it is treated as
+      * length+end.
+      */
+    fill(value: T, start?: number, end?: number): T[];
+
+    /**
+      * Returns the this object after copying a section of the array identified by start and end
+      * to the same array starting at position target
+      * @param target If target is negative, it is treated as length+target where length is the
+      * length of the array.
+      * @param start If start is negative, it is treated as length+start. If end is negative, it
+      * is treated as length+end.
+      * @param end If not specified, length of the this object is used as its default value.
+      */
+    copyWithin(target: number, start: number, end?: number): T[];
+
+    /**
+      * Returns an array of key, value pairs for every entry in the array
+      */
+    entries(): IterableIteratorShim<[number, T]>;
+
+    /**
+      * Returns an list of keys in the array
+      */
+    keys(): IterableIteratorShim<number>;
+
+    /**
+      * Returns an list of values in the array
+      */
+    values(): IterableIteratorShim<T>;
+
+    /**
+      * Shim for an ES6 iterable. Not intended for direct use by user code.
+      */
+    "_es6-shim iterator_"(): IterableIteratorShim<T>;
+}
+
+interface NumberConstructor {
+    /**
+      * The value of Number.EPSILON is the difference between 1 and the smallest value greater than 1
+      * that is representable as a Number value, which is approximately:
+      * 2.2204460492503130808472633361816 x 10‍−‍16.
+      */
+    EPSILON: number;
+
+    /**
+      * Returns true if passed value is finite.
+      * Unlike the global isFininte, Number.isFinite doesn't forcibly convert the parameter to a
+      * number. Only finite values of the type number, result in true.
+      * @param number A numeric value.
+      */
+    isFinite(number: number): boolean;
+
+    /**
+      * Returns true if the value passed is an integer, false otherwise.
+      * @param number A numeric value.
+      */
+    isInteger(number: number): boolean;
+
+    /**
+      * Returns a Boolean value that indicates whether a value is the reserved value NaN (not a
+      * number). Unlike the global isNaN(), Number.isNaN() doesn't forcefully convert the parameter
+      * to a number. Only values of the type number, that are also NaN, result in true.
+      * @param number A numeric value.
+      */
+    isNaN(number: number): boolean;
+
+    /**
+      * Returns true if the value passed is a safe integer.
+      * @param number A numeric value.
+      */
+    isSafeInteger(number: number): boolean;
+
+    /**
+      * The value of the largest integer n such that n and n + 1 are both exactly representable as
+      * a Number value.
+      * The value of Number.MIN_SAFE_INTEGER is 9007199254740991 2^53 − 1.
+      */
+    MAX_SAFE_INTEGER: number;
+
+    /**
+      * The value of the smallest integer n such that n and n − 1 are both exactly representable as
+      * a Number value.
+      * The value of Number.MIN_SAFE_INTEGER is −9007199254740991 (−(2^53 − 1)).
+      */
+    MIN_SAFE_INTEGER: number;
+
+    /**
+      * Converts a string to a floating-point number.
+      * @param string A string that contains a floating-point number.
+      */
+    parseFloat(string: string): number;
+
+    /**
+      * Converts A string to an integer.
+      * @param s A string to convert into a number.
+      * @param radix A value between 2 and 36 that specifies the base of the number in numString.
+      * If this argument is not supplied, strings with a prefix of '0x' are considered hexadecimal.
+      * All other strings are considered decimal.
+      */
+    parseInt(string: string, radix?: number): number;
+}
+
+interface ObjectConstructor {
+    /**
+      * Copy the values of all of the enumerable own properties from one or more source objects to a
+      * target object. Returns the target object.
+      * @param target The target object to copy to.
+      * @param sources One or more source objects to copy properties from.
+      */
+    assign(target: any, ...sources: any[]): any;
+
+    /**
+      * Returns true if the values are the same value, false otherwise.
+      * @param value1 The first value.
+      * @param value2 The second value.
+      */
+    is(value1: any, value2: any): boolean;
+
+    /**
+      * Sets the prototype of a specified object o to  object proto or null. Returns the object o.
+      * @param o The object to change its prototype.
+      * @param proto The value of the new prototype or null.
+      * @remarks Requires `__proto__` support.
+      */
+    setPrototypeOf(o: any, proto: any): any;
+}
+
+interface RegExp {
+    /**
+      * Returns a string indicating the flags of the regular expression in question. This field is read-only.
+      * The characters in this string are sequenced and concatenated in the following order:
+      *
+      *    - "g" for global
+      *    - "i" for ignoreCase
+      *    - "m" for multiline
+      *    - "u" for unicode
+      *    - "y" for sticky
+      *
+      * If no flags are set, the value is the empty string.
+      */
+    flags: string;
+}
+
+interface Math {
+    /**
+      * Returns the number of leading zero bits in the 32-bit binary representation of a number.
+      * @param x A numeric expression.
+      */
+    clz32(x: number): number;
+
+    /**
+      * Returns the result of 32-bit multiplication of two numbers.
+      * @param x First number
+      * @param y Second number
+      */
+    imul(x: number, y: number): number;
+
+    /**
+      * Returns the sign of the x, indicating whether x is positive, negative or zero.
+      * @param x The numeric expression to test
+      */
+    sign(x: number): number;
+
+    /**
+      * Returns the base 10 logarithm of a number.
+      * @param x A numeric expression.
+      */
+    log10(x: number): number;
+
+    /**
+      * Returns the base 2 logarithm of a number.
+      * @param x A numeric expression.
+      */
+    log2(x: number): number;
+
+    /**
+      * Returns the natural logarithm of 1 + x.
+      * @param x A numeric expression.
+      */
+    log1p(x: number): number;
+
+    /**
+      * Returns the result of (e^x - 1) of x (e raised to the power of x, where e is the base of
+      * the natural logarithms).
+      * @param x A numeric expression.
+      */
+    expm1(x: number): number;
+
+    /**
+      * Returns the hyperbolic cosine of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    cosh(x: number): number;
+
+    /**
+      * Returns the hyperbolic sine of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    sinh(x: number): number;
+
+    /**
+      * Returns the hyperbolic tangent of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    tanh(x: number): number;
+
+    /**
+      * Returns the inverse hyperbolic cosine of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    acosh(x: number): number;
+
+    /**
+      * Returns the inverse hyperbolic sine of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    asinh(x: number): number;
+
+    /**
+      * Returns the inverse hyperbolic tangent of a number.
+      * @param x A numeric expression that contains an angle measured in radians.
+      */
+    atanh(x: number): number;
+
+    /**
+      * Returns the square root of the sum of squares of its arguments.
+      * @param values Values to compute the square root for.
+      *     If no arguments are passed, the result is +0.
+      *     If there is only one argument, the result is the absolute value.
+      *     If any argument is +Infinity or -Infinity, the result is +Infinity.
+      *     If any argument is NaN, the result is NaN.
+      *     If all arguments are either +0 or −0, the result is +0.
+      */
+    hypot(...values: number[]): number;
+
+    /**
+      * Returns the integral part of the a numeric expression, x, removing any fractional digits.
+      * If x is already an integer, the result is x.
+      * @param x A numeric expression.
+      */
+    trunc(x: number): number;
+
+    /**
+      * Returns the nearest single precision float representation of a number.
+      * @param x A numeric expression.
+      */
+    fround(x: number): number;
+
+    /**
+      * Returns an implementation-dependent approximation to the cube root of number.
+      * @param x A numeric expression.
+      */
+    cbrt(x: number): number;
+}
+
+interface PromiseLike<T> {
+    /**
+    * Attaches callbacks for the resolution and/or rejection of the Promise.
+    * @param onfulfilled The callback to execute when the Promise is resolved.
+    * @param onrejected The callback to execute when the Promise is rejected.
+    * @returns A Promise for the completion of which ever callback is executed.
+    */
+    then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): PromiseLike<TResult>;
+    then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void): PromiseLike<TResult>;
+}
+
+/**
+ * Represents the completion of an asynchronous operation
+ */
+interface Promise<T> {
+    /**
+    * Attaches callbacks for the resolution and/or rejection of the Promise.
+    * @param onfulfilled The callback to execute when the Promise is resolved.
+    * @param onrejected The callback to execute when the Promise is rejected.
+    * @returns A Promise for the completion of which ever callback is executed.
+    */
+    then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): Promise<TResult>;
+    then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void): Promise<TResult>;
+
+    /**
+     * Attaches a callback for only the rejection of the Promise.
+     * @param onrejected The callback to execute when the Promise is rejected.
+     * @returns A Promise for the completion of the callback.
+     */
+    catch(onrejected?: (reason: any) => T | PromiseLike<T>): Promise<T>;
+    catch(onrejected?: (reason: any) => void): Promise<T>;
+}
+
+interface PromiseConstructor {
+    /**
+      * A reference to the prototype.
+      */
+    prototype: Promise<any>;
+
+    /**
+     * Creates a new Promise.
+     * @param executor A callback used to initialize the promise. This callback is passed two arguments:
+     * a resolve callback used to resolve the promise with a value or the result of another promise,
+     * and a reject callback used to reject the promise with a provided reason or error.
+     */
+    new <T>(executor: (resolve: (value?: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void): Promise<T>;
+
+    /**
+     * Creates a Promise that is resolved with an array of results when all of the provided Promises
+     * resolve, or rejected when any Promise is rejected.
+     * @param values An array of Promises.
+     * @returns A new Promise.
+     */
+    all<T>(values: IterableShim<T | PromiseLike<T>>): Promise<T[]>;
+
+    /**
+     * Creates a Promise that is resolved or rejected when any of the provided Promises are resolved
+     * or rejected.
+     * @param values An array of Promises.
+     * @returns A new Promise.
+     */
+    race<T>(values: IterableShim<T | PromiseLike<T>>): Promise<T>;
+
+    /**
+     * Creates a new rejected promise for the provided reason.
+     * @param reason The reason the promise was rejected.
+     * @returns A new rejected Promise.
+     */
+    reject(reason: any): Promise<void>;
+
+    /**
+     * Creates a new rejected promise for the provided reason.
+     * @param reason The reason the promise was rejected.
+     * @returns A new rejected Promise.
+     */
+    reject<T>(reason: any): Promise<T>;
+
+    /**
+      * Creates a new resolved promise for the provided value.
+      * @param value A promise.
+      * @returns A promise whose internal state matches the provided promise.
+      */
+    resolve<T>(value: T | PromiseLike<T>): Promise<T>;
+
+    /**
+     * Creates a new resolved promise .
+     * @returns A resolved promise.
+     */
+    resolve(): Promise<void>;
+}
+
+declare var Promise: PromiseConstructor;
+
+interface Map<K, V> {
+    clear(): void;
+    delete(key: K): boolean;
+    forEach(callbackfn: (value: V, index: K, map: Map<K, V>) => void, thisArg?: any): void;
+    get(key: K): V | undefined;
+    has(key: K): boolean;
+    set(key: K, value: V): Map<K, V>;
+    size: number;
+    entries(): IterableIteratorShim<[K, V]>;
+    keys(): IterableIteratorShim<K>;
+    values(): IterableIteratorShim<V>;
+}
+
+interface MapConstructor {
+    new <K, V>(): Map<K, V>;
+    new <K, V>(iterable: IterableShim<[K, V]>): Map<K, V>;
+    prototype: Map<any, any>;
+}
+
+declare var Map: MapConstructor;
+
+interface Set<T> {
+    add(value: T): Set<T>;
+    clear(): void;
+    delete(value: T): boolean;
+    forEach(callbackfn: (value: T, index: T, set: Set<T>) => void, thisArg?: any): void;
+    has(value: T): boolean;
+    size: number;
+    entries(): IterableIteratorShim<[T, T]>;
+    keys(): IterableIteratorShim<T>;
+    values(): IterableIteratorShim<T>;
+    '_es6-shim iterator_'(): IterableIteratorShim<T>;
+}
+
+interface SetConstructor {
+    new <T>(): Set<T>;
+    new <T>(iterable: IterableShim<T>): Set<T>;
+    prototype: Set<any>;
+}
+
+declare var Set: SetConstructor;
+
+interface WeakMap<K extends object, V> {
+    delete(key: K): boolean;
+    get(key: K): V | undefined;
+    has(key: K): boolean;
+    set(key: K, value: V): WeakMap<K, V>;
+}
+
+interface WeakMapConstructor {
+    new <K extends object, V>(): WeakMap<K, V>;
+    new <K extends object, V>(iterable: IterableShim<[K, V]>): WeakMap<K, V>;
+    prototype: WeakMap<any, any>;
+}
+
+declare var WeakMap: WeakMapConstructor;
+
+interface WeakSet<T> {
+    add(value: T): WeakSet<T>;
+    delete(value: T): boolean;
+    has(value: T): boolean;
+}
+
+interface WeakSetConstructor {
+    new <T>(): WeakSet<T>;
+    new <T>(iterable: IterableShim<T>): WeakSet<T>;
+    prototype: WeakSet<any>;
+}
+
+declare var WeakSet: WeakSetConstructor;
+
+declare namespace Reflect {
+    function apply(target: Function, thisArgument: any, argumentsList: ArrayLike<any>): any;
+    function construct(target: Function, argumentsList: ArrayLike<any>): any;
+    function defineProperty(target: any, propertyKey: PropertyKey, attributes: PropertyDescriptor): boolean;
+    function deleteProperty(target: any, propertyKey: PropertyKey): boolean;
+    function enumerate(target: any): IterableIteratorShim<any>;
+    function get(target: any, propertyKey: PropertyKey, receiver?: any): any;
+    function getOwnPropertyDescriptor(target: any, propertyKey: PropertyKey): PropertyDescriptor;
+    function getPrototypeOf(target: any): any;
+    function has(target: any, propertyKey: PropertyKey): boolean;
+    function isExtensible(target: any): boolean;
+    function ownKeys(target: any): PropertyKey[];
+    function preventExtensions(target: any): boolean;
+    function set(target: any, propertyKey: PropertyKey, value: any, receiver?: any): boolean;
+    function setPrototypeOf(target: any, proto: any): boolean;
+}
+
+declare module "es6-shim" {
+    var String: StringConstructor;
+    var Array: ArrayConstructor;
+    var Number: NumberConstructor;
+    var Math: Math;
+    var Object: ObjectConstructor;
+    var Map: MapConstructor;
+    var Set: SetConstructor;
+    var WeakMap: WeakMapConstructor;
+    var WeakSet: WeakSetConstructor;
+    var Promise: PromiseConstructor;
+    namespace Reflect {
+        function apply(target: Function, thisArgument: any, argumentsList: ArrayLike<any>): any;
+        function construct(target: Function, argumentsList: ArrayLike<any>): any;
+        function defineProperty(target: any, propertyKey: PropertyKey, attributes: PropertyDescriptor): boolean;
+        function deleteProperty(target: any, propertyKey: PropertyKey): boolean;
+        function enumerate(target: any): Iterator<any>;
+        function get(target: any, propertyKey: PropertyKey, receiver?: any): any;
+        function getOwnPropertyDescriptor(target: any, propertyKey: PropertyKey): PropertyDescriptor;
+        function getPrototypeOf(target: any): any;
+        function has(target: any, propertyKey: PropertyKey): boolean;
+        function isExtensible(target: any): boolean;
+        function ownKeys(target: any): PropertyKey[];
+        function preventExtensions(target: any): boolean;
+        function set(target: any, propertyKey: PropertyKey, value: any, receiver?: any): boolean;
+        function setPrototypeOf(target: any, proto: any): boolean;
+    }
+}
diff --git a/types/es6-shim/ts3.1/tsconfig.json b/types/es6-shim/ts3.1/tsconfig.json
new file mode 100644
index 0000000000..e652a67caa
--- /dev/null
+++ b/types/es6-shim/ts3.1/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es5",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "es6-shim-tests.ts"
+    ]
+}
diff --git a/types/es6-shim/ts3.1/tslint.json b/types/es6-shim/ts3.1/tslint.json
new file mode 100644
index 0000000000..2a15ea88c6
--- /dev/null
+++ b/types/es6-shim/ts3.1/tslint.json
@@ -0,0 +1,13 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "ban-types": false,
+        "jsdoc-format": false,
+        "no-single-declare-module": false,
+        "no-unnecessary-generics": false,
+        "no-var-keyword": false,
+        "prefer-object-spread": false,
+        "unified-signatures": false
+    }
+}
diff --git a/types/eslint/eslint-tests.ts b/types/eslint/eslint-tests.ts
index b0c3c1966d..c6b8b786fa 100644
--- a/types/eslint/eslint-tests.ts
+++ b/types/eslint/eslint-tests.ts
@@ -62,7 +62,9 @@ sourceCode.getNodeByRangeIndex(0);
 
 sourceCode.isSpaceBetweenTokens(TOKEN, TOKEN);
 
-sourceCode.getLocFromIndex(0);
+const loc = sourceCode.getLocFromIndex(0);
+loc.line; // $ExpectType number
+loc.column; // $ExpectType number
 
 sourceCode.getIndexFromLoc({ line: 0, column: 0 });
 
diff --git a/types/eslint/index.d.ts b/types/eslint/index.d.ts
index 031ab984f7..451477af40 100644
--- a/types/eslint/index.d.ts
+++ b/types/eslint/index.d.ts
@@ -136,7 +136,7 @@ export class SourceCode {
 
     isSpaceBetweenTokens(first: AST.Token, second: AST.Token): boolean;
 
-    getLocFromIndex(index: number): ESTree.SourceLocation;
+    getLocFromIndex(index: number): ESTree.Position;
 
     getIndexFromLoc(location: ESTree.Position): number;
 
diff --git a/types/esri-leaflet/tsconfig.json b/types/esri-leaflet/tsconfig.json
index 596c74f0a2..803c09f1d9 100644
--- a/types/esri-leaflet/tsconfig.json
+++ b/types/esri-leaflet/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expand-tilde/expand-tilde-tests.ts b/types/expand-tilde/expand-tilde-tests.ts
new file mode 100644
index 0000000000..8b655f1450
--- /dev/null
+++ b/types/expand-tilde/expand-tilde-tests.ts
@@ -0,0 +1,3 @@
+import expandTilde = require("expand-tilde");
+
+expandTilde("~"); // $ExpectType string
diff --git a/types/expand-tilde/index.d.ts b/types/expand-tilde/index.d.ts
new file mode 100644
index 0000000000..7eec7b60ad
--- /dev/null
+++ b/types/expand-tilde/index.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for expand-tilde 2.0
+// Project: https://github.com/jonschlinkert/expand-tilde
+// Definitions by: Chris Arnesen <https://github.com/carnesen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Bash-like tilde expansion for node.js.
+ * Expands a leading tilde (~) in a file path to the user home directory, or ~+ to the cwd.
+ *
+ * @param {string} filePath - a file path to expand
+ * @returns {string} the expanded file path
+ */
+declare function expandTilde(filePath: string): string;
+
+export = expandTilde;
diff --git a/types/expand-tilde/tsconfig.json b/types/expand-tilde/tsconfig.json
new file mode 100644
index 0000000000..5ead90e013
--- /dev/null
+++ b/types/expand-tilde/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "expand-tilde-tests.ts"
+    ]
+}
diff --git a/types/expand-tilde/tslint.json b/types/expand-tilde/tslint.json
new file mode 100644
index 0000000000..76efdfe46d
--- /dev/null
+++ b/types/expand-tilde/tslint.json
@@ -0,0 +1,6 @@
+{ 
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-redundant-jsdoc-2": false
+    }
+}
diff --git a/types/expect-puppeteer/tsconfig.json b/types/expect-puppeteer/tsconfig.json
index 7ca516e3c2..8a3d56b626 100644
--- a/types/expect-puppeteer/tsconfig.json
+++ b/types/expect-puppeteer/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo-localization/expo-localization-tests.ts b/types/expo-localization/expo-localization-tests.ts
new file mode 100644
index 0000000000..053c4bfe71
--- /dev/null
+++ b/types/expo-localization/expo-localization-tests.ts
@@ -0,0 +1,4 @@
+import { Localization } from "expo-localization";
+
+Localization.getLocalizationAsync().then(localization => localization.locale);
+Localization.locale;
diff --git a/types/expo-localization/index.d.ts b/types/expo-localization/index.d.ts
new file mode 100644
index 0000000000..21c6ca8756
--- /dev/null
+++ b/types/expo-localization/index.d.ts
@@ -0,0 +1,73 @@
+// Type definitions for expo-localization 1.0
+// Project: https://docs.expo.io/
+// Definitions by: Bartosz Dotryw <https://github.com/burtek>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface LocalizationProps {
+    /**
+     * Native device language, returned in standard format. ex: `en-US`, `es-US`
+     */
+    locale: string;
+
+    /**
+     * List of all the native languages provided by the user settings. These are returned in the order the user defines in their native settings
+     */
+    locales: string[];
+
+    /**
+     * Country code for your device
+     */
+    country: string | undefined | null;
+
+    /**
+     * A list of all the supported ISO codes
+     */
+    isoCurrencyCodes: string[] | undefined | null;
+
+    /**
+     * The current time zone in display format. ex: `America/Los_Angeles`
+     */
+    timezone: string;
+
+    /**
+     * This will return `true` if the current language is Right-to-Left
+     */
+    isRTL: boolean;
+}
+
+export namespace Localization {
+    /**
+     * Native device language, returned in standard format. ex: `en-US`, `es-US`
+     */
+    const locale: string;
+
+    /**
+     * List of all the native languages provided by the user settings. These are returned in the order the user defines in their native settings
+     */
+    const locales: string[];
+
+    /**
+     * Country code for your device
+     */
+    const country: string | undefined | null;
+
+    /**
+     * A list of all the supported ISO codes
+     */
+    const isoCurrencyCodes: string[] | undefined | null;
+
+    /**
+     * The current time zone in display format. ex: `America/Los_Angeles`
+     */
+    const timezone: string;
+
+    /**
+     * This will return `true` if the current language is Right-to-Left
+     */
+    const isRTL: boolean;
+
+    /**
+     * Android only, on iOS changing the locale settings will cause all the apps to reset
+     */
+    function getLocalizationAsync(): Promise<LocalizationProps>;
+}
diff --git a/types/expo-localization/tsconfig.json b/types/expo-localization/tsconfig.json
new file mode 100644
index 0000000000..d024122421
--- /dev/null
+++ b/types/expo-localization/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "expo-localization-tests.ts"
+    ]
+}
diff --git a/types/expo-localization/tslint.json b/types/expo-localization/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/expo-localization/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/expo/expo-tests.tsx b/types/expo/expo-tests.tsx
index 2e9aa07198..5bb6b5abc4 100644
--- a/types/expo/expo-tests.tsx
+++ b/types/expo/expo-tests.tsx
@@ -413,6 +413,21 @@ async () => {
     result.width;
 };
 
+async () => {
+    const result = await ImageManipulator.manipulateAsync('url', [
+        { rotate: 360 },
+        { resize: { width: 300 } },
+        { resize: { height: 300 } },
+        { resize: { height: 300, width: 300 } },
+    ], {
+        compress: 0.75
+    });
+
+    result.height;
+    result.uri;
+    result.width;
+};
+
 FaceDetector.Constants.Mode.fast;
 FaceDetector.Constants.Mode.accurate;
 FaceDetector.Constants.Landmarks.all;
@@ -471,12 +486,14 @@ async () => {
             fill='rgb(0,0,255)'
             strokeWidth={3}
             stroke='rgb(0,0,0)'
+            transform="translate(0, 0)"
         />
         <Svg.Circle
             cx={50}
             cy={50}
             r={50}
             fill="pink"
+            transform="translate(0, 0)"
         />
         <Svg.Ellipse
             cx={55}
@@ -486,6 +503,7 @@ async () => {
             stroke="purple"
             strokeWidth={2}
             fill="yellow"
+            transform="translate(0, 0)"
         />
         <Svg.Line
             x1={0}
@@ -494,18 +512,21 @@ async () => {
             y2={100}
             stroke="red"
             strokeWidth={2}
+            transform="translate(0, 0)"
         />
         <Svg.Polygon
             points="40,5 70,80 25,95"
             fill="lime"
             stroke="purple"
             strokeWidth={1}
+            transform="translate(0, 0)"
         />
         <Svg.Polyline
             points="10,10 20,12 30,20 40,60 60,70 95,90"
             fill="none"
             stroke="black"
             strokeWidth={3}
+            transform="translate(0, 0)"
         />
         <Svg.Text
             fill="none"
@@ -515,6 +536,7 @@ async () => {
             x={100}
             y={20}
             textAnchor="middle"
+            transform="translate(0, 0)"
         >
             STROKED TEXT
         </Svg.Text>
@@ -524,8 +546,8 @@ async () => {
                 d=""
             />
         </Svg.Defs>
-        <Svg.G y={20}>
-            <Svg.Text fill="blue"        >
+        <Svg.G transform="translate(0, 0)" y={20}>
+            <Svg.Text fill="blue" transform={{ translateX: 0, translateY: 0 }}>
                 <Svg.TextPath href="#path" startOffset="-10%">
                     We go up and down,
                     <Svg.TSpan fill="red" dy="5,5,5">then up again</Svg.TSpan>
@@ -538,8 +560,8 @@ async () => {
                 strokeWidth={1}
             />
         </Svg.G>
-        <Svg.Use href="#shape" x="20" y="0" />
-        <Svg.Use href="#shape" x="20" y="0" width="20" height="20"/>
+        <Svg.Use href="#shape" transform="translate(0, 0)" x="20" y="0" />
+        <Svg.Use href="#shape" transform={{ translateX: 0, translateY: 0 }} x="20" y="0" width="20" height="20"/>
         <Svg.Symbol id="symbol" viewBox="0 0 150 110" width="100" height="50">
             <Svg.Circle cx="50" cy="50" r="40" strokeWidth="8" stroke="red" fill="red"/>
             <Svg.Circle cx="90" cy="60" r="40" strokeWidth="8" stroke="green" fill="white"/>
@@ -562,6 +584,10 @@ async () => {
     </Svg>
 );
 
+() => (
+    <Svg width={100} height={50} preserveAspectRatio="none" />
+);
+
 IntentLauncherAndroid.ACTION_ACCESSIBILITY_SETTINGS === 'android.settings.ACCESSIBILITY_SETTINGS';
 IntentLauncherAndroid.ACTION_APP_NOTIFICATION_REDACTION === 'android.settings.ACTION_APP_NOTIFICATION_REDACTION';
 IntentLauncherAndroid.ACTION_CONDITION_PROVIDER_SETTINGS === 'android.settings.ACTION_CONDITION_PROVIDER_SETTINGS';
@@ -843,6 +869,52 @@ async () => {
     }
 };
 
+async () => {
+  const asset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('some-url');
+  const getAssetsOptions: MediaLibrary.GetAssetsOptions = {
+    first: 0,
+    after: 'lastAssetId',
+    album: 'albumId',
+    sortBy: MediaLibrary.SortBy.creationTime,
+    mediaType: MediaLibrary.MediaType.photo
+  };
+  const assetsList: MediaLibrary.GetAssetsResult = await MediaLibrary.getAssetsAsync(getAssetsOptions);
+  const endCursor: string = assetsList.endCursor;
+  const hasNextPage: boolean = assetsList.hasNextPage;
+  const totalCount: number = assetsList.totalCount;
+  const asset1: MediaLibrary.Asset = await MediaLibrary.getAssetInfoAsync(asset);
+  if (await MediaLibrary.deleteAssetsAsync(assetsList.assets)) {
+    console.log('assets deleted');
+  }
+  const albums: MediaLibrary.Album[] = await MediaLibrary.getAlbumsAsync();
+  const album: MediaLibrary.Album | null = await MediaLibrary.getAlbumAsync('albumName');
+  const album1: MediaLibrary.Album = await MediaLibrary.createAlbumAsync('albumName', asset1);
+  if (await MediaLibrary.addAssetsToAlbumAsync([asset, asset1], album1, true)) {
+    console.log('assets added');
+  }
+
+  const moments: MediaLibrary.Album[] = await MediaLibrary.getMomentsAsync();
+
+  switch (getAssetsOptions.mediaType) {
+    case MediaLibrary.MediaType.audio:
+    case MediaLibrary.MediaType.photo:
+    case MediaLibrary.MediaType.video:
+    case MediaLibrary.MediaType.unknow:
+      return true;
+  }
+
+  switch (getAssetsOptions.sortBy) {
+    case MediaLibrary.SortBy.default:
+    case MediaLibrary.SortBy.id:
+    case MediaLibrary.SortBy.creationTime:
+    case MediaLibrary.SortBy.modificationTime:
+    case MediaLibrary.SortBy.mediaType:
+    case MediaLibrary.SortBy.width:
+    case MediaLibrary.SortBy.height:
+    case MediaLibrary.SortBy.duration:
+      return true;
+  }
+};
 // #region MediaLibrary
 async () => {
   const mlAsset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('localUri');
diff --git a/types/expo/index.d.ts b/types/expo/index.d.ts
index 4633a83dd7..b406b4e8ec 100644
--- a/types/expo/index.d.ts
+++ b/types/expo/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for expo 27.0
+// Type definitions for expo 31.0
 // Project: https://github.com/expo/expo-sdk
 // Definitions by: Konstantin Kai <https://github.com/KonstantinKai>
 //                 Martynas Kadiša <https://github.com/martynaskadisa>
@@ -10,6 +10,8 @@
 //                 Michael Prokopchuk <https://github.com/prokopcm>
 //                 Tina Roh <https://github.com/tinaroh>
 //                 Nathan Phillip Brink <https://github.com/binki>
+//                 Martin Olsson <https://github.com/mo>
+//                 Levan Basharuli <https://github.com/levansuper>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -1402,8 +1404,8 @@ export namespace FileSystem {
 }
 
 /** Use TouchID/FaceID (iOS) or the Fingerprint API (Android) to authenticate the user with a fingerprint scan. */
-export namespace Fingerprint {
-    type FingerprintAuthenticationResult = {
+export namespace LocalAuthentication {
+    type LocalAuthenticationResult = {
         success: true
     } | {
         success: false,
@@ -1412,10 +1414,10 @@ export namespace Fingerprint {
         error: string
     };
 
-    /** Determine whether the Fingerprint scanner is available on the device. */
+    /** Determine whether a face or fingerprint scanner is available on the device. */
     function hasHardwareAsync(): Promise<boolean>;
 
-    /** Determine whether the device has saved fingerprints to use for authentication. */
+    /** Determine whether the device has saved fingerprints or facial data to use for authentication. */
     function isEnrolledAsync(): Promise<boolean>;
 
     /**
@@ -1423,7 +1425,7 @@ export namespace Fingerprint {
      *
      * @param promptMessage A message that is shown alongside the TouchID/FaceID prompt. (iOS only)
      */
-    function authenticateAsync(promptMessageIOS?: string): Promise<FingerprintAuthenticationResult>;
+    function authenticateAsync(promptMessageIOS?: string): Promise<LocalAuthenticationResult>;
 
     /** Cancels the fingerprint authentication flow. (Android only) */
     function cancelAuthenticate(): void;
@@ -1558,6 +1560,8 @@ export namespace ImageManipulator {
     }
 
     function manipulate(uri: string, actions: Action[], saveOptions?: SaveOptions): Promise<ImageResult>;
+
+    function manipulateAsync(uri: string, actions: Action[], saveOptions?: SaveOptions): Promise<ImageResult>;
 }
 
 /**
@@ -1602,6 +1606,8 @@ export namespace ImagePicker {
         allowsEditing?: boolean;
         aspect?: [number, number];
         quality?: number;
+        base64?: boolean;
+        exif?: boolean;
     }
 
     /**
@@ -2057,6 +2063,7 @@ export interface SvgCommonProps {
     strokeLineJoin?: string;
     strokeDasharray?: any[];
     strokeDashoffset?: any;
+    transform?: string | object;
     x?: number | string;
     y?: number | string;
     rotate?: number | string;
@@ -2135,6 +2142,7 @@ export interface SvgUseProps extends SvgCommonProps {
 
 export interface SvgSymbolProps extends SvgCommonProps {
     viewBox: string;
+    preserveAspectRatio?: string;
     width: number | string;
     height: number | string;
 }
@@ -2162,7 +2170,7 @@ export interface SvgStopProps extends SvgCommonProps {
     stopOpacity?: string;
 }
 
-export class Svg extends Component<{ width: number, height: number, viewBox?: string }> {
+export class Svg extends Component<{ width: number, height: number, viewBox?: string, preserveAspectRatio?: string }> {
     static Circle: ComponentClass<SvgCircleProps>;
     static ClipPath: ComponentClass<SvgCommonProps>;
     static Defs: ComponentClass;
@@ -2418,10 +2426,10 @@ export namespace Calendar {
         recurrenceRule?: RecurrenceRule;
 
         /** Date object or string representing the time when the event starts */
-        startDate?: string;
+        startDate?: string | Date;
 
         /** Date object or string representing the time when the event ends */
-        endDate?: string;
+        endDate?: string | Date;
 
         /** For recurring events, the start date for the first (original) instance of the event */
         originalStartDate?: string; // iOS
diff --git a/types/expo/tsconfig.json b/types/expo/tsconfig.json
index 7711f49776..e00f046e0e 100644
--- a/types/expo/tsconfig.json
+++ b/types/expo/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "dom",
-            "es6"
-        ],
+        "lib": ["es6"],
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo/v23/tsconfig.json b/types/expo/v23/tsconfig.json
index 295d9da342..d495e3101a 100644
--- a/types/expo/v23/tsconfig.json
+++ b/types/expo/v23/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6",
-            "dom"
-        ],
+        "lib": ["es6"],
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo/v24/tsconfig.json b/types/expo/v24/tsconfig.json
index dffdd0aa8c..b5b779edea 100644
--- a/types/expo/v24/tsconfig.json
+++ b/types/expo/v24/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6",
-            "dom"
-        ],
+        "lib": ["es6"],
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo/v25/tsconfig.json b/types/expo/v25/tsconfig.json
index db8203e995..436b8d29db 100644
--- a/types/expo/v25/tsconfig.json
+++ b/types/expo/v25/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "dom",
-            "es6"
-        ],
+        "lib": ["es6"],
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo/v26/tsconfig.json b/types/expo/v26/tsconfig.json
index 53a55b14f1..580bb8ac16 100644
--- a/types/expo/v26/tsconfig.json
+++ b/types/expo/v26/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "dom",
-            "es6"
-        ],
+        "lib": ["es6"],
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/expo/v27/expo-tests.tsx b/types/expo/v27/expo-tests.tsx
new file mode 100644
index 0000000000..e2d73a67f7
--- /dev/null
+++ b/types/expo/v27/expo-tests.tsx
@@ -0,0 +1,949 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import {
+    Accelerometer,
+    AdMobAppEvent,
+    AdMobBanner,
+    AdMobInterstitial,
+    AdMobRewarded,
+    Amplitude,
+    Asset,
+    AuthSession,
+    Audio,
+    AppLoading,
+    BarCodeScanner,
+    BlurViewProps,
+    BlurView,
+    Brightness,
+    Camera,
+    CameraObject,
+    DocumentPicker,
+    Facebook,
+    FacebookAds,
+    FileSystem,
+    ImagePicker,
+    ImageManipulator,
+    FaceDetector,
+    Linking,
+    Svg,
+    IntentLauncherAndroid,
+    KeepAwake,
+    LinearGradient,
+    Permissions,
+    PublisherBanner,
+    registerRootComponent,
+    ScreenOrientation,
+    SQLite,
+    Calendar,
+    MailComposer,
+    Location,
+    Updates,
+    MediaLibrary,
+    Haptic,
+    Constants
+} from 'expo';
+
+const reverseGeocode: Promise<Location.GeocodeData[]> = Location.reverseGeocodeAsync({
+    latitude: 0,
+    longitude: 0
+});
+
+Accelerometer.addListener((obj) => {
+    obj.x;
+    obj.y;
+    obj.z;
+});
+Accelerometer.removeAllListeners();
+Accelerometer.setUpdateInterval(1000);
+
+() => (
+    <AdMobBanner
+        bannerSize="leaderboard"
+        adUnitID="ca-app-pub-3940256099942544/6300978111"
+        testDeviceID="EMULATOR"
+        didFailToReceiveAdWithError={(error: string) => console.log(error)}
+        style={{ flex: 1 }}
+    />
+);
+
+() => (
+    <PublisherBanner
+        bannerSize="leaderboard"
+        adUnitID="ca-app-pub-3940256099942544/6300978111"
+        testDeviceID="EMULATOR"
+        didFailToReceiveAdWithError={(error: string) => console.log(error)}
+        onAdMobDispatchAppEvent={(event: AdMobAppEvent) => console.log(event)}
+        style={{ flex: 1 }}
+    />
+);
+
+AdMobInterstitial.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
+AdMobInterstitial.setTestDeviceID('EMULATOR');
+async () => {
+    await AdMobInterstitial.requestAdAsync();
+    await AdMobInterstitial.showAdAsync();
+};
+
+AdMobRewarded.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
+AdMobRewarded.setTestDeviceID('EMULATOR');
+async () => {
+    await AdMobRewarded.requestAdAsync();
+    await AdMobRewarded.showAdAsync();
+};
+
+Amplitude.initialize('key');
+Amplitude.setUserId('userId');
+Amplitude.setUserProperties({key: 1});
+Amplitude.clearUserProperties();
+Amplitude.logEvent('name');
+Amplitude.logEventWithProperties('event', {key: 'value'});
+Amplitude.setGroup('type', ['value']);
+
+const asset = Asset.fromModule(1);
+asset.downloadAsync();
+Asset.loadAsync(1);
+Asset.loadAsync([1, 2, 3]);
+const asset1 = new Asset({
+    uri: 'uri',
+    type: 'type',
+    name: 'name',
+    hash: 'hash',
+    width: 122,
+    height: 122
+});
+
+const url = AuthSession.getRedirectUrl();
+AuthSession.dismiss();
+AuthSession.startAsync({
+    authUrl: 'url1',
+    returnUrl: 'url2'
+}).then(result => {
+    switch (result.type) {
+        case 'success':
+            result.event;
+            result.params;
+            break;
+        case 'error':
+            result.errorCode;
+            result.params;
+            result.event;
+            break;
+        case 'dismissed':
+        case 'cancel':
+            result.type;
+            break;
+    }
+});
+AuthSession.startAsync({
+    authUrl: 'url1',
+    returnUrl: undefined
+});
+
+Audio.setAudioModeAsync({
+    shouldDuckAndroid: false,
+    playsInSilentModeIOS: true,
+    interruptionModeIOS: 2,
+    interruptionModeAndroid: 1,
+    allowsRecordingIOS: true
+});
+Audio.setIsEnabledAsync(true);
+
+Audio.INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS === 0;
+Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX === 1;
+Audio.INTERRUPTION_MODE_IOS_DUCK_OTHERS === 2;
+
+Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX === 1;
+Audio.INTERRUPTION_MODE_ANDROID_DUCK_OTHERS === 2;
+
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_DEFAULT === 0;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_THREE_GPP === 1;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG_4 === 2;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_NB === 3;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_WB === 4;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADIF === 5;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS === 6;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_RTP_AVP === 7;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG2TS === 8;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_WEBM === 9;
+
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_DEFAULT === 0;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_NB === 1;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_WB === 2;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC === 3;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_HE_AAC === 4;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC_ELD === 5;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_VORBIS === 6;
+
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_LINEARPCM === 'lpcm';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AC3 === 'ac-3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_60958AC3 === 'cac3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLEIMA4 === 'ima4';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC === 'aac ';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4CELP === 'celp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4HVXC === 'hvxc';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4TWINVQ === 'twvq';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE3 === 'MAC3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE6 === 'MAC6';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ULAW === 'ulaw';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ALAW === 'alaw';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN === 'QDMC';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN2 === 'QDM2';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QUALCOMM === 'Qclp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER1 === '.mp1';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER2 === '.mp2';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER3 === '.mp3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLELOSSLESS === 'alac';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE === 'aach';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_LD === 'aacl';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD === 'aace';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_SBR === 'aacf';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_V2 === 'aacg';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE_V2 === 'aacp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_SPATIAL === 'aacs';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR === 'samr';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR_WB === 'sawb';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AUDIBLE === 'AUDB';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ILBC === 'ilbc';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_DVIINTELIMA === 0x6d730011;
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MICROSOFTGSM === 0x6d730031;
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AES3 === 'aes3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ENHANCEDAC3 === 'ec-3';
+
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MIN === 0;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_LOW === 0x20;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM === 0x40;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_HIGH === 0x60;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MAX === 0x7f;
+
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_CONSTANT === 0;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_LONG_TERM_AVERAGE === 1;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE_CONSTRAINED === 2;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE === 3;
+
+Audio.RECORDING_OPTIONS_PRESET_HIGH_QUALITY;
+Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY;
+async () => {
+    const result = await Audio.Sound.create({uri: 'uri'}, {
+        volume: 0.55,
+        rate: 16.5
+    }, null, true);
+
+    const sound = result.sound;
+    const status = result.status;
+
+    if (!status.isLoaded) {
+        status.error;
+    } else {
+        status.didJustFinish;
+        // etc.
+    }
+
+    const _status = await sound.getStatusAsync();
+    await sound.loadAsync({uri: 'uri'});
+};
+
+() => (
+    <AppLoading
+        startAsync={() => Promise.resolve()}
+        onFinish={() => {}}
+        onError={(error) => console.log(error)} />
+);
+() => (
+    <AppLoading />
+);
+
+const barcodeReadCallback = () => {};
+() => (
+    <BarCodeScanner
+        type="front"
+        torchMode="off"
+        barCodeTypes={[BarCodeScanner.Constants.BarCodeType.aztec]}
+        onBarCodeRead={barcodeReadCallback} />
+);
+
+() => (
+    <BlurView
+        tint="dark"
+        intensity={2} />
+);
+
+async () => {
+    await Brightness.setBrightnessAsync(0.65);
+    await Brightness.setSystemBrightnessAsync(0.75);
+    const br1 = await Brightness.getBrightnessAsync();
+    const br2 = await Brightness.getSystemBrightnessAsync();
+};
+
+Camera.Constants.AutoFocus;
+Camera.Constants.Type;
+Camera.Constants.FlashMode;
+Camera.Constants.WhiteBalance;
+Camera.Constants.VideoQuality;
+Camera.Constants.BarCodeType;
+() => {
+    return(<Camera ref={(component: any) => {
+        if (component) {
+            component.recordAsync();
+        }
+    }} />);
+};
+async (camera: CameraObject) => {
+    const picture = await camera.takePictureAsync({
+        quality: 0.5,
+        base64: true,
+        exif: true
+    });
+
+    picture.uri;
+    picture.width;
+    picture.height;
+    picture.exif;
+    picture.base64;
+
+    camera.takePictureAsync({
+        quality: 1,
+        onPictureSaved: pic => {
+            pic.uri;
+            pic.width;
+            pic.height;
+            pic.exif;
+            pic.base64;
+        }
+    });
+};
+
+async () => {
+    const result = await DocumentPicker.getDocumentAsync();
+
+    if (result.type === 'success') {
+        result.name;
+        result.uri;
+        result.size;
+    }
+};
+
+async () => {
+    const { type, expires, token } = await Facebook.logInWithReadPermissionsAsync("appId");
+};
+
+() => (
+    <FacebookAds.BannerView
+        type="large"
+        placementId="str"
+        onPress={() => {}}
+        onError={() => {}} />
+);
+
+async () => {
+    const info = await FileSystem.getInfoAsync('file');
+
+    info.exists;
+    info.isDirectory;
+
+    if (info.exists) {
+        info.md5;
+        info.uri;
+        info.size;
+        info.modificationTime;
+    }
+
+    const string: string = await FileSystem.readAsStringAsync('file');
+    await FileSystem.writeAsStringAsync('file', 'content');
+    await FileSystem.deleteAsync('file');
+    await FileSystem.moveAsync({ from: 'from', to: 'to'});
+    await FileSystem.copyAsync({ from: 'from', to: 'to' });
+    await FileSystem.makeDirectoryAsync('dir');
+    const dirs: string[] = await FileSystem.readDirectoryAsync('dir');
+    const result = await FileSystem.downloadAsync('from', 'to');
+
+    result.headers;
+    result.status;
+    result.uri;
+    result.md5;
+};
+
+async () => {
+    // Video test
+    const result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: ImagePicker.MediaTypeOptions.Videos,
+    });
+
+    if (!result.cancelled) {
+        result.uri;
+        result.width;
+        result.height;
+        result.duration;
+        result.type;
+    }
+};
+
+async () => {
+    // Image test
+    const result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: ImagePicker.MediaTypeOptions.Images,
+        base64: true,
+        aspect: [4, 3],
+        quality: 1,
+        exif: true,
+    });
+
+    if (!result.cancelled) {
+        result.uri;
+        result.width;
+        result.height;
+        result.exif;
+        result.base64;
+        result.type;
+    }
+};
+
+async () => {
+    const result = await ImageManipulator.manipulate('url', [
+        { rotate: 90 },
+        { resize: { width: 300 } },
+        { resize: { height: 300 } },
+        { resize: { height: 300, width: 300 } },
+    ], {
+        compress: 0.75
+    });
+
+    result.height;
+    result.uri;
+    result.width;
+};
+
+FaceDetector.Constants.Mode.fast;
+FaceDetector.Constants.Mode.accurate;
+FaceDetector.Constants.Landmarks.all;
+FaceDetector.Constants.Landmarks.none;
+FaceDetector.Constants.Classifications.all;
+FaceDetector.Constants.Classifications.none;
+async () => {
+    const result = await FaceDetector.detectFaces('url', {
+        mode: FaceDetector.Constants.Mode.fast,
+        detectLandmarks: FaceDetector.Constants.Landmarks.all,
+        runClassifications: FaceDetector.Constants.Classifications.none
+    });
+
+    result.faces[0];
+};
+
+async () => {
+    function isBoolean(x: boolean) {
+    }
+    function isString(x: string) {
+    }
+    // Two examples of members inherited from react-native Linking
+    // to prove that inheritence is working.
+    Linking.addEventListener('url', (e) => {
+        e.url === '';
+    });
+    isBoolean(await Linking.canOpenURL('expo://'));
+
+    // Extensions added by expo.
+
+    isString(Linking.makeUrl('path'));
+    isString(Linking.makeUrl('path', { q: 2, u: 'ery', }));
+
+    const {
+        path,
+        queryParams,
+    } = Linking.parse('');
+    isString(path);
+    isString(queryParams['x'] || '');
+
+    const {
+        path: path2,
+        queryParams: queryParams2,
+    } = await Linking.parseInitialURLAsync();
+    isString(path2);
+    isString(queryParams2['y'] || '');
+};
+
+() => (
+    <Svg width={100} height={50}>
+        <Svg.Rect
+            x={25}
+            y={5}
+            width={150}
+            height={50}
+            fill='rgb(0,0,255)'
+            strokeWidth={3}
+            stroke='rgb(0,0,0)'
+            transform="translate(0, 0)"
+        />
+        <Svg.Circle
+            cx={50}
+            cy={50}
+            r={50}
+            fill="pink"
+            transform="translate(0, 0)"
+        />
+        <Svg.Ellipse
+            cx={55}
+            cy={55}
+            rx={50}
+            ry={30}
+            stroke="purple"
+            strokeWidth={2}
+            fill="yellow"
+            transform="translate(0, 0)"
+        />
+        <Svg.Line
+            x1={0}
+            y1={0}
+            x2={100}
+            y2={100}
+            stroke="red"
+            strokeWidth={2}
+            transform="translate(0, 0)"
+        />
+        <Svg.Polygon
+            points="40,5 70,80 25,95"
+            fill="lime"
+            stroke="purple"
+            strokeWidth={1}
+            transform="translate(0, 0)"
+        />
+        <Svg.Polyline
+            points="10,10 20,12 30,20 40,60 60,70 95,90"
+            fill="none"
+            stroke="black"
+            strokeWidth={3}
+            transform="translate(0, 0)"
+        />
+        <Svg.Text
+            fill="none"
+            stroke="purple"
+            fontSize={20}
+            fontWeight="bold"
+            x={100}
+            y={20}
+            textAnchor="middle"
+            transform="translate(0, 0)"
+        >
+            STROKED TEXT
+        </Svg.Text>
+        <Svg.Defs>
+            <Svg.Path
+                id="path"
+                d=""
+            />
+        </Svg.Defs>
+        <Svg.G transform="translate(0, 0)" y={20}>
+            <Svg.Text fill="blue" transform={{ translateX: 0, translateY: 0 }}>
+                <Svg.TextPath href="#path" startOffset="-10%">
+                    We go up and down,
+                    <Svg.TSpan fill="red" dy="5,5,5">then up again</Svg.TSpan>
+                </Svg.TextPath>
+            </Svg.Text>
+            <Svg.Path
+                d=""
+                fill="none"
+                stroke="red"
+                strokeWidth={1}
+            />
+        </Svg.G>
+        <Svg.Use href="#shape" transform="translate(0, 0)" x="20" y="0" />
+        <Svg.Use href="#shape" transform={{ translateX: 0, translateY: 0 }} x="20" y="0" width="20" height="20"/>
+        <Svg.Symbol id="symbol" viewBox="0 0 150 110" width="100" height="50">
+            <Svg.Circle cx="50" cy="50" r="40" strokeWidth="8" stroke="red" fill="red"/>
+            <Svg.Circle cx="90" cy="60" r="40" strokeWidth="8" stroke="green" fill="white"/>
+        </Svg.Symbol>
+        <Svg.Defs>
+            <Svg.ClipPath id="clip">
+                <Svg.Circle cx="50%" cy="50%" r="40%"/>
+            </Svg.ClipPath>
+            <Svg.RadialGradient id="grad" cx="50%" cy="50%" rx="50%" ry="50%" fx="50%" fy="50%" gradientUnits="userSpaceOnUse">
+                <Svg.Stop
+                    offset="0%"
+                    stopColor="#ff0"
+                    stopOpacity="1"
+                />
+            </Svg.RadialGradient>
+            <Svg.LinearGradient id="grad" x1="0" y1="0" x2="170" y2="0">
+                <Svg.Stop offset="1" stopColor="red" stopOpacity="1" />
+            </Svg.LinearGradient>
+        </Svg.Defs>
+    </Svg>
+);
+
+IntentLauncherAndroid.ACTION_ACCESSIBILITY_SETTINGS === 'android.settings.ACCESSIBILITY_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_NOTIFICATION_REDACTION === 'android.settings.ACTION_APP_NOTIFICATION_REDACTION';
+IntentLauncherAndroid.ACTION_CONDITION_PROVIDER_SETTINGS === 'android.settings.ACTION_CONDITION_PROVIDER_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_LISTENER_SETTINGS === 'android.settings.ACTION_NOTIFICATION_LISTENER_SETTINGS';
+IntentLauncherAndroid.ACTION_PRINT_SETTINGS === 'android.settings.ACTION_PRINT_SETTINGS';
+IntentLauncherAndroid.ACTION_ADD_ACCOUNT_SETTINGS === 'android.settings.ADD_ACCOUNT_SETTINGS';
+IntentLauncherAndroid.ACTION_AIRPLANE_MODE_SETTINGS === 'android.settings.AIRPLANE_MODE_SETTINGS';
+IntentLauncherAndroid.ACTION_APN_SETTINGS === 'android.settings.APN_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_DETAILS_SETTINGS === 'android.settings.APPLICATION_DETAILS_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_DEVELOPMENT_SETTINGS === 'android.settings.APPLICATION_DEVELOPMENT_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_SETTINGS === 'android.settings.APPLICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_NOTIFICATION_SETTINGS === 'android.settings.APP_NOTIFICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_OPS_SETTINGS === 'android.settings.APP_OPS_SETTINGS';
+IntentLauncherAndroid.ACTION_BATTERY_SAVER_SETTINGS === 'android.settings.BATTERY_SAVER_SETTINGS';
+IntentLauncherAndroid.ACTION_BLUETOOTH_SETTINGS === 'android.settings.BLUETOOTH_SETTINGS';
+IntentLauncherAndroid.ACTION_CAPTIONING_SETTINGS === 'android.settings.CAPTIONING_SETTINGS';
+IntentLauncherAndroid.ACTION_CAST_SETTINGS === 'android.settings.CAST_SETTINGS';
+IntentLauncherAndroid.ACTION_DATA_ROAMING_SETTINGS === 'android.settings.DATA_ROAMING_SETTINGS';
+IntentLauncherAndroid.ACTION_DATE_SETTINGS === 'android.settings.DATE_SETTINGS';
+IntentLauncherAndroid.ACTION_DEVICE_INFO_SETTINGS === 'android.settings.DEVICE_INFO_SETTINGS';
+IntentLauncherAndroid.ACTION_DEVICE_NAME === 'android.settings.DEVICE_NAME';
+IntentLauncherAndroid.ACTION_DISPLAY_SETTINGS === 'android.settings.DISPLAY_SETTINGS';
+IntentLauncherAndroid.ACTION_DREAM_SETTINGS === 'android.settings.DREAM_SETTINGS';
+IntentLauncherAndroid.ACTION_HARD_KEYBOARD_SETTINGS === 'android.settings.HARD_KEYBOARD_SETTINGS';
+IntentLauncherAndroid.ACTION_HOME_SETTINGS === 'android.settings.HOME_SETTINGS';
+IntentLauncherAndroid.ACTION_IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS === 'android.settings.IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_IGNORE_BATTERY_OPTIMIZATION_SETTINGS === 'android.settings.IGNORE_BATTERY_OPTIMIZATION_SETTINGS';
+IntentLauncherAndroid.ACTION_INPUT_METHOD_SETTINGS === 'android.settings.INPUT_METHOD_SETTINGS';
+IntentLauncherAndroid.ACTION_INPUT_METHOD_SUBTYPE_SETTINGS === 'android.settings.INPUT_METHOD_SUBTYPE_SETTINGS';
+IntentLauncherAndroid.ACTION_INTERNAL_STORAGE_SETTINGS === 'android.settings.INTERNAL_STORAGE_SETTINGS';
+IntentLauncherAndroid.ACTION_LOCALE_SETTINGS === 'android.settings.LOCALE_SETTINGS';
+IntentLauncherAndroid.ACTION_LOCATION_SOURCE_SETTINGS === 'android.settings.LOCATION_SOURCE_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS === 'android.settings.MANAGE_ALL_APPLICATIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_APPLICATIONS_SETTINGS === 'android.settings.MANAGE_APPLICATIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_DEFAULT_APPS_SETTINGS === 'android.settings.MANAGE_DEFAULT_APPS_SETTINGS';
+IntentLauncherAndroid.ACTION_MEMORY_CARD_SETTINGS === 'android.settings.MEMORY_CARD_SETTINGS';
+IntentLauncherAndroid.ACTION_MONITORING_CERT_INFO === 'android.settings.MONITORING_CERT_INFO';
+IntentLauncherAndroid.ACTION_NETWORK_OPERATOR_SETTINGS === 'android.settings.NETWORK_OPERATOR_SETTINGS';
+IntentLauncherAndroid.ACTION_NFCSHARING_SETTINGS === 'android.settings.NFCSHARING_SETTINGS';
+IntentLauncherAndroid.ACTION_NFC_PAYMENT_SETTINGS === 'android.settings.NFC_PAYMENT_SETTINGS';
+IntentLauncherAndroid.ACTION_NFC_SETTINGS === 'android.settings.NFC_SETTINGS';
+IntentLauncherAndroid.ACTION_NIGHT_DISPLAY_SETTINGS === 'android.settings.NIGHT_DISPLAY_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS === 'android.settings.NOTIFICATION_POLICY_ACCESS_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_SETTINGS === 'android.settings.NOTIFICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_PAIRING_SETTINGS === 'android.settings.PAIRING_SETTINGS';
+IntentLauncherAndroid.ACTION_PRIVACY_SETTINGS === 'android.settings.PRIVACY_SETTINGS';
+IntentLauncherAndroid.ACTION_QUICK_LAUNCH_SETTINGS === 'android.settings.QUICK_LAUNCH_SETTINGS';
+IntentLauncherAndroid.ACTION_REQUEST_IGNORE_BATTERY_OPTIMIZATIONS === 'android.settings.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS';
+IntentLauncherAndroid.ACTION_SECURITY_SETTINGS === 'android.settings.SECURITY_SETTINGS';
+IntentLauncherAndroid.ACTION_SETTINGS === 'android.settings.SETTINGS';
+IntentLauncherAndroid.ACTION_SHOW_ADMIN_SUPPORT_DETAILS === 'android.settings.SHOW_ADMIN_SUPPORT_DETAILS';
+IntentLauncherAndroid.ACTION_SHOW_INPUT_METHOD_PICKER === 'android.settings.SHOW_INPUT_METHOD_PICKER';
+IntentLauncherAndroid.ACTION_SHOW_REGULATORY_INFO === 'android.settings.SHOW_REGULATORY_INFO';
+IntentLauncherAndroid.ACTION_SHOW_REMOTE_BUGREPORT_DIALOG === 'android.settings.SHOW_REMOTE_BUGREPORT_DIALOG';
+IntentLauncherAndroid.ACTION_SOUND_SETTINGS === 'android.settings.SOUND_SETTINGS';
+IntentLauncherAndroid.ACTION_STORAGE_MANAGER_SETTINGS === 'android.settings.STORAGE_MANAGER_SETTINGS';
+IntentLauncherAndroid.ACTION_SYNC_SETTINGS === 'android.settings.SYNC_SETTINGS';
+IntentLauncherAndroid.ACTION_SYSTEM_UPDATE_SETTINGS === 'android.settings.SYSTEM_UPDATE_SETTINGS';
+IntentLauncherAndroid.ACTION_TETHER_PROVISIONING_UI === 'android.settings.TETHER_PROVISIONING_UI';
+IntentLauncherAndroid.ACTION_TRUSTED_CREDENTIALS_USER === 'android.settings.TRUSTED_CREDENTIALS_USER';
+IntentLauncherAndroid.ACTION_USAGE_ACCESS_SETTINGS === 'android.settings.USAGE_ACCESS_SETTINGS';
+IntentLauncherAndroid.ACTION_USER_DICTIONARY_INSERT === 'android.settings.USER_DICTIONARY_INSERT';
+IntentLauncherAndroid.ACTION_USER_DICTIONARY_SETTINGS === 'android.settings.USER_DICTIONARY_SETTINGS';
+IntentLauncherAndroid.ACTION_USER_SETTINGS === 'android.settings.USER_SETTINGS';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_AIRPLANE_MODE === 'android.settings.VOICE_CONTROL_AIRPLANE_MODE';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_BATTERY_SAVER_MODE === 'android.settings.VOICE_CONTROL_BATTERY_SAVER_MODE';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_DO_NOT_DISTURB_MODE === 'android.settings.VOICE_CONTROL_DO_NOT_DISTURB_MODE';
+IntentLauncherAndroid.ACTION_VOICE_INPUT_SETTINGS === 'android.settings.VOICE_INPUT_SETTINGS';
+IntentLauncherAndroid.ACTION_VPN_SETTINGS === 'android.settings.VPN_SETTINGS';
+IntentLauncherAndroid.ACTION_VR_LISTENER_SETTINGS === 'android.settings.VR_LISTENER_SETTINGS';
+IntentLauncherAndroid.ACTION_WEBVIEW_SETTINGS === 'android.settings.WEBVIEW_SETTINGS';
+IntentLauncherAndroid.ACTION_WIFI_IP_SETTINGS === 'android.settings.WIFI_IP_SETTINGS';
+IntentLauncherAndroid.ACTION_WIFI_SETTINGS === 'android.settings.WIFI_SETTINGS';
+IntentLauncherAndroid.ACTION_WIRELESS_SETTINGS === 'android.settings.WIRELESS_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_AUTOMATION_SETTINGS === 'android.settings.ZEN_MODE_AUTOMATION_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_EVENT_RULE_SETTINGS === 'android.settings.ZEN_MODE_EVENT_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_EXTERNAL_RULE_SETTINGS === 'android.settings.ZEN_MODE_EXTERNAL_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_PRIORITY_SETTINGS === 'android.settings.ZEN_MODE_PRIORITY_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_SCHEDULE_RULE_SETTINGS === 'android.settings.ZEN_MODE_SCHEDULE_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_SETTINGS === 'android.settings.ZEN_MODE_SETTINGS';
+
+KeepAwake.activate();
+KeepAwake.deactivate();
+
+() => (
+    <LinearGradient
+        colors={['#fff']}
+        start={[1, 1]} />
+);
+
+() => (
+    <LinearGradient
+        colors={['#fff']}
+        style={{ flex: 1 }} />
+);
+
+Permissions.CAMERA === 'camera';
+Permissions.CAMERA_ROLL === 'cameraRoll';
+Permissions.AUDIO_RECORDING === 'audioRecording';
+Permissions.CONTACTS === 'contacts';
+Permissions.NOTIFICATIONS === 'remoteNotifications';
+Permissions.REMOTE_NOTIFICATIONS === 'remoteNotifications';
+Permissions.SYSTEM_BRIGHTNESS === 'systemBrightness';
+Permissions.USER_FACING_NOTIFICATIONS === 'userFacingNotifications';
+Permissions.REMINDERS === 'reminders';
+async () => {
+    const result = await Permissions.askAsync(Permissions.CAMERA);
+
+    result.status === 'granted';
+    result.status === 'denied';
+    result.status === 'undetermined';
+
+    result.expires === 'never';
+};
+
+ScreenOrientation.Orientation.ALL;
+ScreenOrientation.allow(ScreenOrientation.Orientation.ALL);
+
+class __TestEntry__ extends React.Component {
+    render() {
+        return(
+            <Text>test</Text>
+        );
+    }
+}
+registerRootComponent(__TestEntry__);
+
+Calendar.EntityTypes.EVENT === 'event';
+Calendar.EntityTypes.REMINDER === 'reminder';
+
+Calendar.CalendarType.LOCAL === 'local';
+Calendar.CalendarType.CALDAV === 'caldav';
+Calendar.CalendarType.EXCHANGE === 'exchange';
+Calendar.CalendarType.SUBSCRIBED === 'subscribed';
+Calendar.CalendarType.BIRTHDAYS === 'birthdays';
+
+async () => {
+    const result = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);
+    result.length;
+
+    const calendar = result[0];
+    calendar.id === '';
+    calendar.title === '';
+    calendar.sourceId === '';
+    calendar.type === Calendar.CalendarType.BIRTHDAYS;
+    calendar.color === '';
+    calendar.entityType === Calendar.EntityTypes.EVENT;
+    calendar.allowsModifications === true;
+    calendar.allowedAvailabilities === [''];
+    calendar.isPrimary === true;
+    calendar.name === '';
+    calendar.ownerAccount === '';
+    calendar.timeZone === '';
+    calendar.allowedReminders === [''];
+    calendar.allowedAttendeeTypes === [''];
+    calendar.isVisible === false;
+    calendar.isSynced === false;
+    calendar.accessLevel === Calendar.CalendarAccessLevel.CONTRIBUTOR;
+
+    if (calendar.source) {
+        calendar.source.id === '';
+        calendar.source.type === '';
+        calendar.source.name === '';
+        calendar.source.isLocalAccount === false;
+    }
+
+    const id1 =  await Calendar.createCalendarAsync({
+        accessLevel: Calendar.CalendarAccessLevel.EDITOR
+    });
+
+    id1 === '';
+
+    const id2 = await Calendar.updateCalendarAsync('1234', {
+        isVisible: false
+    });
+
+    id2 === '';
+
+    const id3 = await Calendar.updateCalendarAsync('1234', null);
+
+    await Calendar.deleteCalendarAsync('1234');
+
+    const events = await Calendar.getEventsAsync(
+        ['123', '124'],
+        new Date(),
+        new Date()
+    );
+
+    const event1 = events[0];
+
+    event1.accessLevel === Calendar.EventAccessLevel.CONFIDENTIAL;
+    event1.alarms === [];
+    event1.allDay === true;
+    event1.availability === Calendar.Availability.FREE;
+    event1.calendarId === '';
+    event1.creationDate === '';
+    event1.endDate === '';
+    event1.endTimeZone === '';
+    event1.guestsCanInviteOthers === true;
+    event1.guestsCanModify === true;
+    event1.guestsCanSeeGuests === false;
+    event1.id === '';
+    event1.instanceId === '';
+    event1.isDetached === false;
+
+    const event2 = await Calendar.getEventAsync('123', {
+        futureEvents: true
+    });
+
+    const eventId1 = await Calendar.createEventAsync('123');
+
+    const eventId2 = await Calendar.updateEventAsync('1234');
+
+    await Calendar.deleteEventAsync('1234');
+
+    const attendees = await Calendar.getAttendeesForEventAsync('123');
+
+    const aId1 = await Calendar.createAttendeeAsync('123');
+
+    const aId2 = await Calendar.updateAttendeeAsync('123');
+
+    await Calendar.deleteAttendeeAsync('123');
+
+    const reminders = await Calendar.getRemindersAsync(['123']);
+
+    const reminder = await Calendar.getReminderAsync('123');
+
+    const remId1 = await Calendar.createReminderAsync('123');
+
+    const remId2 = await Calendar.updateReminderAsync('123');
+
+    await Calendar.deleteReminderAsync('123');
+
+    const sources = await Calendar.getSourcesAsync();
+
+    const source = await Calendar.getSourceAsync('123');
+
+    Calendar.openEventInCalendar('123');
+};
+
+async () => {
+    const result = await MailComposer.composeAsync({
+        subject: 'sss'
+    });
+
+    result.status === 'saved';
+};
+
+async () => {
+    const updateEventListener: Updates.UpdateEventListener = ({ type, manifest, message }) => {
+        switch (type) {
+            case Updates.EventType.DOWNLOAD_STARTED:
+            case Updates.EventType.DOWNLOAD_PROGRESS:
+            case Updates.EventType.DOWNLOAD_FINISHED:
+            case Updates.EventType.NO_UPDATE_AVAILABLE:
+            case Updates.EventType.ERROR:
+                return true;
+        }
+    };
+
+    Updates.reload();
+
+    Updates.reloadFromCache();
+
+    Updates.addListener(updateEventListener);
+
+    const updateCheckResult = await Updates.checkForUpdateAsync();
+
+    if (updateCheckResult.isAvailable) {
+        console.log(updateCheckResult.manifest);
+    }
+
+    Updates.fetchUpdateAsync({ eventListener: updateEventListener });
+
+    const bundleFetchResult = await Updates.fetchUpdateAsync();
+
+    if (bundleFetchResult.isNew) {
+        console.log(bundleFetchResult.manifest);
+    }
+};
+
+async () => {
+  const asset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('some-url');
+  const getAssetsOptions: MediaLibrary.GetAssetsOptions = {
+    first: 0,
+    after: 'lastAssetId',
+    album: 'albumId',
+    sortBy: MediaLibrary.SortBy.creationTime,
+    mediaType: MediaLibrary.MediaType.photo
+  };
+  const assetsList: MediaLibrary.GetAssetsResult = await MediaLibrary.getAssetsAsync(getAssetsOptions);
+  const endCursor: string = assetsList.endCursor;
+  const hasNextPage: boolean = assetsList.hasNextPage;
+  const totalCount: number = assetsList.totalCount;
+  const asset1: MediaLibrary.Asset = await MediaLibrary.getAssetInfoAsync(asset);
+  if (await MediaLibrary.deleteAssetsAsync(assetsList.assets)) {
+    console.log('assets deleted');
+  }
+  const albums: MediaLibrary.Album[] = await MediaLibrary.getAlbumsAsync();
+  const album: MediaLibrary.Album | null = await MediaLibrary.getAlbumAsync('albumName');
+  const album1: MediaLibrary.Album = await MediaLibrary.createAlbumAsync('albumName', asset1);
+  if (await MediaLibrary.addAssetsToAlbumAsync([asset, asset1], album1, true)) {
+    console.log('assets added');
+  }
+
+  const moments: MediaLibrary.Album[] = await MediaLibrary.getMomentsAsync();
+
+  switch (getAssetsOptions.mediaType) {
+    case MediaLibrary.MediaType.audio:
+    case MediaLibrary.MediaType.photo:
+    case MediaLibrary.MediaType.video:
+    case MediaLibrary.MediaType.unknow:
+      return true;
+  }
+
+  switch (getAssetsOptions.sortBy) {
+    case MediaLibrary.SortBy.default:
+    case MediaLibrary.SortBy.id:
+    case MediaLibrary.SortBy.creationTime:
+    case MediaLibrary.SortBy.modificationTime:
+    case MediaLibrary.SortBy.mediaType:
+    case MediaLibrary.SortBy.width:
+    case MediaLibrary.SortBy.height:
+    case MediaLibrary.SortBy.duration:
+      return true;
+  }
+};
+// #region MediaLibrary
+async () => {
+  const mlAsset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('localUri');
+  const mlAssetResult: MediaLibrary.GetAssetsResult = await MediaLibrary.getAssetsAsync({
+    first: 0,
+    after: '',
+    album: 'Album',
+    sortBy: MediaLibrary.SortBy.creationTime,
+    mediaType: MediaLibrary.MediaType.photo
+  });
+  const mlAsset1: MediaLibrary.Asset = await MediaLibrary.getAssetInfoAsync(mlAsset);
+  const areDeleted: boolean = await MediaLibrary.deleteAssetsAsync([mlAsset]);
+  const albums: MediaLibrary.Album[] = await MediaLibrary.getAlbumsAsync();
+  const album: MediaLibrary.Album = await MediaLibrary.getAlbumAsync('album');
+  const album1: MediaLibrary.Album = await MediaLibrary.createAlbumAsync('album', mlAsset);
+  const areAddedToAlbum: boolean = await MediaLibrary.addAssetsToAlbumAsync([mlAsset, mlAsset1], 'album');
+  const areDeletedFromAlbum: boolean = await MediaLibrary.removeAssetsFromAlbumAsync([mlAsset, mlAsset1], 'album');
+  const momuents: MediaLibrary.Album[] = await MediaLibrary.getMomentsAsync();
+};
+//#endregion
+
+// #region Haptic
+Haptic.impact(Haptic.ImpactStyles.Heavy);
+Haptic.impact(Haptic.ImpactStyles.Light);
+Haptic.impact(Haptic.ImpactStyles.Medium);
+
+Haptic.notification(Haptic.NotificationType.Error);
+Haptic.notification(Haptic.NotificationType.Success);
+Haptic.notification(Haptic.NotificationType.Error);
+
+Haptic.selection();
+// #endregion
+
+// #region Constants
+async () => {
+    const appOwnerShip = Constants.appOwnership;
+    const expoVersion = Constants.expoVersion;
+    const installationId = Constants.installationId;
+    const deviceId = Constants.deviceId;
+    const deviceName = Constants.deviceName;
+    const deviceYearClass = Constants.deviceYearClass;
+    const isDevice = Constants.isDevice;
+    const platform = Constants.platform;
+    const sessionId = Constants.sessionId;
+    const statusBarHeight = Constants.statusBarHeight;
+    const systemFonts = Constants.systemFonts;
+    const manifest = Constants.manifest;
+    const linkingUri = Constants.linkingUri;
+    const userAgent: string = await Constants.getWebViewUserAgentAsync();
+};
+// #endregion
diff --git a/types/expo/v27/index.d.ts b/types/expo/v27/index.d.ts
new file mode 100644
index 0000000000..a80fb657ee
--- /dev/null
+++ b/types/expo/v27/index.d.ts
@@ -0,0 +1,3146 @@
+// Type definitions for expo 27.0
+// Project: https://github.com/expo/expo-sdk
+// Definitions by: Konstantin Kai <https://github.com/KonstantinKai>
+//                 Martynas Kadiša <https://github.com/martynaskadisa>
+//                 Jan Aagaard <https://github.com/janaagaard75>
+//                 Sergio Sánchez <https://github.com/ssanchezmarc>
+//                 Fernando Helwanger <https://github.com/fhelwanger>
+//                 Umidbek Karimov <https://github.com/umidbekkarimov>
+//                 Moshe Feuchtwanger <https://github.com/moshfeu>
+//                 Michael Prokopchuk <https://github.com/prokopcm>
+//                 Tina Roh <https://github.com/tinaroh>
+//                 Nathan Phillip Brink <https://github.com/binki>
+//                 Martin Olsson <https://github.com/mo>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { EventSubscription } from 'fbemitter';
+import { Component, ComponentClass, Ref, ComponentType } from 'react';
+import {
+    ColorPropType,
+    ImageRequireSource,
+    ImageURISource,
+    LinkingStatic as ReactNativeLinkingStatic,
+    NativeEventEmitter,
+    ViewProps,
+    ViewStyle,
+    Permission,
+    StyleProp
+} from 'react-native';
+
+export type Axis = number;
+export type BarCodeReadCallback = (params: { type: string; data: string; }) => void;
+export type Md5 = string;
+export type Orientation = 'portrait' | 'landscape';
+export type RequireSource = ImageRequireSource;
+export type ResizeModeContain = 'contain';
+export type ResizeModeCover = 'cover';
+export type ResizeModeStretch = 'stretch';
+export type URISource = ImageURISource;
+
+export interface HashMap { [key: string]: any; }
+export interface StringHashMap { [key: string]: string; }
+
+/** Access the device accelerometer sensor(s) to respond to changes in acceleration in 3d space. */
+export namespace Accelerometer {
+    interface AccelerometerObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    /**
+     * Subscribe for updates to the accelerometer.
+     * @param listener A callback that is invoked when an accelerometer update is available. When invoked, the listener is provided a single argumument that is an object containing keys x, y, z.
+     * @returns An EventSubscription object that you can call remove() on when you would like to unsubscribe the listener.
+     */
+    function addListener(listener: (obj: AccelerometerObject) => any): EventSubscription;
+
+    /** Remove all listeners. */
+    function removeAllListeners(): void;
+
+    /**
+     * Subscribe for updates to the accelerometer.
+     * @param intervalMs Desired interval in milliseconds between accelerometer updates.
+     */
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * Admob
+ */
+export type AdMobBannerSize =
+    | 'banner'
+    | 'largeBanner'
+    | 'mediumRectangle'
+    | 'fullBanner'
+    | 'leaderboard'
+    | 'smartBannerPortrait'
+    | 'smartBannerLandscape';
+export interface AdMobBannerProperties extends ViewProps {
+    bannerSize?: AdMobBannerSize;
+    adUnitID?: string;
+    testDeviceID?: string;
+    didFailToReceiveAdWithError?(errorDescription: string): void;
+    adViewDidReceiveAd?(): void;
+    adViewWillPresentScreen?(): void;
+    adViewWillDismissScreen?(): void;
+    adViewDidDismissScreen?(): void;
+    adViewWillLeaveApplication?(): void;
+}
+
+export class AdMobBanner extends Component<AdMobBannerProperties> { }
+export interface AdMobAppEvent {
+    name: string;
+    info: string;
+}
+export interface PublisherBannerProperties extends AdMobBannerProperties {
+    onAdMobDispatchAppEvent?(event: AdMobAppEvent): void;
+}
+export class PublisherBanner extends Component<PublisherBannerProperties> { }
+
+export type AdMobInterstitialEmptyEvent =
+    | 'interstitialDidLoad'
+    | 'interstitialDidOpen'
+    | 'interstitialDidClose'
+    | 'interstitialWillLeaveApplication';
+export type AdMobInterstitialEvent = AdMobInterstitialEmptyEvent | 'interstitialDidFailToLoad';
+export namespace AdMobInterstitial {
+    function setAdUnitID(id: string): void;
+    function setTestDeviceID(id: string): void;
+    function requestAdAsync(): Promise<void>;
+    function showAdAsync(): Promise<void>;
+    function dismissAdAsync(): Promise<void>;
+    function getIsReadyAsync(): Promise<boolean>;
+    function addEventListener(event: 'interstitialDidFailToLoad', handler: (error: string) => void): void;
+    function addEventListener(event: AdMobInterstitialEmptyEvent, handler: () => void): void;
+    function removeEventListener(event: 'interstitialDidFailToLoad', handler: (error: string) => void): void;
+    function removeEventListener(event: AdMobInterstitialEmptyEvent, handler: () => void): void;
+    function removeAllListeners(): void;
+}
+
+export type AdMobRewardedEmptyEvent =
+    | 'rewardedVideoDidLoad'
+    | 'rewardedVideoDidOpen'
+    | 'rewardedVideoDidStart'
+    | 'rewardedVideoDidClose'
+    | 'rewardedVideoWillLeaveApplication';
+export type AdMobRewardedEvent = AdMobRewardedEmptyEvent | 'rewardedVideoDidRewardUser' | 'rewardedVideoDidFailToLoad';
+export namespace AdMobRewarded {
+    function setAdUnitID(id: string): void;
+    function setTestDeviceID(id: string): void;
+    function requestAdAsync(): Promise<void>;
+    function showAdAsync(): Promise<void>;
+    function dismissAdAsync(): Promise<void>;
+    function getIsReadyAsync(): Promise<boolean>;
+    function addEventListener(event: 'rewardedVideoDidRewardUser', handler: (type: string, amount: number) => void): void;
+    function addEventListener(event: 'rewardedVideoDidFailToLoad', handler: (error: string) => void): void;
+    function addEventListener(event: AdMobRewardedEmptyEvent, handler: () => void): void;
+    function removeEventListener(event: 'rewardedVideoDidRewardUser', handler: (type: string, amount: number) => void): void;
+    function removeEventListener(event: 'rewardedVideoDidFailToLoad', handler: (error: string) => void): void;
+    function removeEventListener(event: AdMobRewardedEmptyEvent, handler: () => void): void;
+    function removeAllListeners(): void;
+}
+
+/**
+ * Provides access to Amplitude mobile analytics which basically lets you log various events to the Cloud. This module wraps Amplitude’s iOS and Android SDKs.
+ *
+ * Note: Session tracking may not work correctly when running Experiences in the main Expo app. It will work correctly if you create a standalone app.
+ */
+export namespace Amplitude {
+    /** Initializes Amplitude with your Amplitude API key. */
+    function initialize(apiKey: string): void;
+
+    /** Assign a user ID to the current user. If you don’t have a system for user IDs you don’t need to call this. */
+    function setUserId(userId: string): void;
+
+    /** Set properties for the current user. */
+    function setUserProperties(userProperties: HashMap): void;
+
+    /** Clear properties set by `setUserProperties()`. */
+    function clearUserProperties(): void;
+
+    /** Log an event to Amplitude. */
+    function logEvent(eventName: string): void;
+
+    /** Log an event to Amplitude with custom properties. */
+    function logEventWithProperties(
+        eventName: string,
+
+        /** A map of custom properties. */
+        properties: HashMap
+    ): void;
+
+    /** Add the current user to a group. */
+    function setGroup(
+        /** The group name, e.g. `'sports'`. */
+        groupType: string,
+
+        /** An array of group names, e.g. `['tennis', 'soccer']`. */
+        groupNames: string[]
+    ): void;
+}
+
+// #region AppLoading
+/** The following props are recommended, but optional for the sake of backwards compatibility (they were introduced in SDK21). If you do not provide any props, you are responsible for coordinating loading assets, handling errors, and updating state to unmount the `AppLoading` component. */
+export interface AppLoadingProps {
+    /** A `function` that returns a `Promise`. The `Promise` should resolve when the app is done loading data and assets. */
+    startAsync?: () => Promise<void>;
+
+    /** Required if you provide `startAsync`. Called when `startAsync` resolves or rejects. This should be used to set state and unmount the `AppLoading` component. */
+    onFinish?: () => void;
+
+    /** If `startAsync` throws an error, it is caught and passed into the function provided to `onError`. */
+    onError?: (error: Error) => void;
+}
+
+/**
+ * A React component that tells Expo to keep the app loading screen open if it is the first and only component rendered in your app. When it is removed, the loading screen will disappear and your app will be visible.
+ *
+ * This is incredibly useful to let you download and cache fonts, logo and icon images and other assets that you want to be sure the user has on their device for an optimal experience before rendering they start using the app.
+ */
+export class AppLoading extends Component<AppLoadingProps> { }
+// #endregion AppLoading
+
+/** This module provides an interface to Expo’s asset system. An asset is any file that lives alongside the source code of your app that the app needs at runtime. Examples include images, fonts and sounds. Expo’s asset system integrates with React Native’s, so that you can refer to files with require('path/to/file'). This is how you refer to static image files in React Native for use in an Image component, for example. */
+export class Asset {
+    constructor({ name, type, hash, uri, width, height }: {
+        name: string;
+        type: string;
+        hash: string;
+        uri: string;
+        width?: number;
+        height?: number;
+    });
+
+    /** The MD5 hash of the asset’s data. */
+    hash: Md5;
+
+    /** The name of the asset file without the extension. Also without the part from @ onward in the filename (used to specify scale factor for images). */
+    name: string;
+
+    /** The extension of the asset filename. */
+    type: string;
+
+    /** A URI that points to the asset’s data on the remote server. When running the published version of your app, this refers to the the location on Expo’s asset server where Expo has stored your asset. When running the app from XDE during development, this URI points to XDE’s server running on your computer and the asset is served directly from your computer. */
+    uri: string;
+
+    /** If the asset has been downloaded (by calling `downloadAsync()`), the `file://` URI pointing to the local file on the device that contains the asset data. */
+    localUri: string;
+
+    /** If the asset is an image, the width of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */
+    width?: number;
+
+    /** If the asset is an image, the height of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */
+    height?: number;
+
+    downloading: boolean;
+    downloaded: boolean;
+    downloadCallbacks: Array<{ resolve: () => any, reject: (e?: any) => any }>;
+
+    /** Downloads the asset data to a local file in the device’s cache directory. Once the returned promise is fulfilled without error, the localUri field of this asset points to a local file containing the asset data. The asset is only downloaded if an up-to-date local file for the asset isn’t already present due to an earlier download. */
+    downloadAsync(): Promise<void>;
+
+    /** Returns the `Expo.Asset` instance representing an asset given its module. */
+    static fromModule(module: RequireSource): Asset;
+
+    /**
+     * A helper that wraps `Expo.Asset.fromModule(module).downloadAsync` for convenience.
+     * @param moduleIds An array of `require('path/to/file')`. Can also be just one module without an Array.
+     */
+    static loadAsync(module: RequireSource[] | RequireSource): Promise<void>;
+}
+
+/**
+ * Provides basic sample playback and recording.
+ *
+ * Note that Expo does not yet support backgrounding, so audio is not available to play in the background of your experience. Audio also automatically stops if headphones / bluetooth audio devices are disconnected.
+ */
+export namespace Audio {
+    enum InterruptionModeIos {
+        /** This is the default option. If this option is set, your experience’s audio is mixed with audio playing in background apps. */
+        INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS = 0,
+
+        /** If this option is set, your experience’s audio interrupts audio from other apps. */
+        INTERRUPTION_MODE_IOS_DO_NOT_MIX = 1,
+
+        /** If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */
+        INTERRUPTION_MODE_IOS_DUCK_OTHERS = 2
+    }
+
+    const INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS: 0;
+    const INTERRUPTION_MODE_IOS_DO_NOT_MIX: 1;
+    const INTERRUPTION_MODE_IOS_DUCK_OTHERS: 2;
+
+    enum InterruptionModeAndroid {
+        /** If this option is set, your experience’s audio interrupts audio from other apps. */
+        INTERRUPTION_MODE_ANDROID_DO_NOT_MIX = 1,
+
+        /** This is the default option. If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */
+        INTERRUPTION_MODE_ANDROID_DUCK_OTHERS = 2
+    }
+
+    const INTERRUPTION_MODE_ANDROID_DO_NOT_MIX: 1;
+    const INTERRUPTION_MODE_ANDROID_DUCK_OTHERS: 2;
+
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_DEFAULT: 0;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_THREE_GPP: 1;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG_4: 2;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_NB: 3;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_WB: 4;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADIF: 5;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS: 6;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_RTP_AVP: 7;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG2TS: 8;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_WEBM: 9;
+
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_DEFAULT: 0;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_NB: 1;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_WB: 2;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC: 3;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_HE_AAC: 4;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC_ELD: 5;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_VORBIS: 6;
+
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_LINEARPCM: 'lpcm';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AC3: 'ac-3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_60958AC3: 'cac3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLEIMA4: 'ima4';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC: 'aac ';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4CELP: 'celp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4HVXC: 'hvxc';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4TWINVQ: 'twvq';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE3: 'MAC3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE6: 'MAC6';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ULAW: 'ulaw';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ALAW: 'alaw';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN: 'QDMC';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN2: 'QDM2';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QUALCOMM: 'Qclp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER1: '.mp1';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER2: '.mp2';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER3: '.mp3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLELOSSLESS: 'alac';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE: 'aach';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_LD: 'aacl';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD: 'aace';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_SBR: 'aacf';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_V2: 'aacg';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE_V2: 'aacp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_SPATIAL: 'aacs';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR: 'samr';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR_WB: 'sawb';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AUDIBLE: 'AUDB';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ILBC: 'ilbc';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_DVIINTELIMA: 0x6d730011;
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MICROSOFTGSM: 0x6d730031;
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AES3: 'aes3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ENHANCEDAC3: 'ec-3';
+
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MIN: 0;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_LOW: 0x20;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM: 0x40;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_HIGH: 0x60;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MAX: 0x7f;
+
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_CONSTANT: 0;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_LONG_TERM_AVERAGE: 1;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE_CONSTRAINED: 2;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE: 3;
+
+    type RecordingStatus = {
+        canRecord: false,
+        isDoneRecording: false
+    } | {
+        canRecord: true,
+        isRecording: boolean,
+        durationMillis: number
+    } | {
+        canRecord: false,
+        isDoneRecording: true,
+        durationMillis: number
+    };
+
+    const RECORDING_OPTIONS_PRESET_HIGH_QUALITY: RecordingOptions;
+    const RECORDING_OPTIONS_PRESET_LOW_QUALITY: RecordingOptions;
+
+    interface RecordingOptions {
+        android: {
+            extension: string;
+            outputFormat: number;
+            audioEncoder: number;
+            sampleRate?: number;
+            numberOfChannels?: number;
+            bitRate?: number;
+            maxFileSize?: number;
+        };
+        ios: {
+            extension: string;
+            outputFormat?: string | number;
+            audioQuality: number;
+            sampleRate: number;
+            numberOfChannels: number;
+            bitRate: number;
+            bitRateStrategy?: number;
+            bitDepthHint?: number;
+            linearPCMBitDepth?: number;
+            linearPCMIsBigEndian?: boolean;
+            linearPCMIsFloat?: boolean;
+        };
+    }
+
+    interface AudioMode {
+        /** Boolean selecting if your experience’s audio should play in silent mode on iOS. This value defaults to `false`. */
+        playsInSilentModeIOS: boolean;
+
+        /** Boolean selecting if recording is enabled on iOS. This value defaults to `false`. NOTE: when this flag is set to true, playback may be routed to the phone receiver instead of to the speaker. */
+        allowsRecordingIOS: boolean;
+
+        /** Enum selecting how your experience’s audio should interact with the audio from other apps on iOS. */
+        interruptionModeIOS: InterruptionModeIos;
+
+        /** Boolean selecting if your experience’s audio should automatically be lowered in volume ("duck") if audio from another app interrupts your experience. This value defaults to true. If false, audio from other apps will pause your audio. */
+        shouldDuckAndroid: boolean;
+
+        /** an enum selecting how your experience’s audio should interact with the audio from other apps on Android: */
+        interruptionModeAndroid: InterruptionModeAndroid;
+    }
+
+    function setIsEnabledAsync(value: boolean): Promise<void>;
+    function setAudioModeAsync(mode: AudioMode): Promise<void>;
+
+    /** This class represents a sound corresponding to an Asset or URL. */
+    class Sound extends PlaybackObject {
+        constructor();
+
+        /**
+         * Creates and loads a sound from source, with optional `initialStatus`, `onPlaybackStatusUpdate`, and `downloadFirst`.
+         *
+         * @returns A `Promise` that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded:
+         * - `sound`: The newly created and loaded Sound object.
+         * - `status`: The PlaybackStatus of the Sound object. See the AV documentation for further information.
+         */
+        static create(
+            /**
+             * The source of the sound. The following forms are supported:
+             *
+             * - A dictionary of the form `{ uri: 'http://path/to/file' }` with a network URL pointing to an audio file on the web.
+             * - `require('path/to/file')` for an audio file asset in the source code directory.
+             * - An `Expo.Asset` object for an audio file asset.
+             */
+            source: PlaybackSource,
+
+            /** The initial intended PlaybackStatusToSet of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */
+            initialStatus?: PlaybackStatusToSet,
+
+            /** A function taking a single parameter PlaybackStatus. This value defaults to `null` if no parameter is passed. */
+            onPlaybackStatusUpdate?: ((status: PlaybackStatus) => void) | null,
+
+            /** If set to true, the system will attempt to download the resource to the device before loading. This value defaults to `true`. Note that at the moment, this will only work for `source`s of the form `require('path/to/file')` or `Asset` objects. */
+            downloadFirst?: boolean
+        ): Promise<{ sound: Sound, status: PlaybackStatus }>;
+    }
+
+    class Recording {
+        constructor();
+
+        /** Gets the `status` of the `Recording`. */
+        getStatusAsync(): Promise<RecordingStatus>;
+
+        /** Sets a function to be called regularly with the `status` of the `Recording`. */
+        setOnRecordingStatusUpdate(onRecordingStatusUpdate?: (status: RecordingStatus) => void): void;
+
+        /** Sets the interval with which onRecordingStatusUpdate is called while the recording can record. This value defaults to 500 milliseconds. */
+        setProgressUpdateInterval(progressUpdateIntervalMillis: number): void;
+
+        /** Loads the recorder into memory and prepares it for recording. This must be called before calling `startAsync()`. This method can only be called if the `Recording` instance has never yet been prepared. */
+        prepareToRecordAsync(
+            /** Options for the recording, including sample rate, bitrate, channels, format, encoder, and extension. If no options are passed to `prepareToRecordAsync()`, the recorder will be created with options `Expo.Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY`. */
+            options?: RecordingOptions
+        ): Promise<RecordingStatus>;
+
+        /** Begins recording. This method can only be called if the `Recording` has been prepared. */
+        startAsync(): Promise<RecordingStatus>;
+
+        /**
+         * Pauses recording. This method can only be called if the Recording has been prepared.
+         *
+         * NOTE: This is only available on Android API version 24 and later.
+         */
+        pauseAsync(): Promise<RecordingStatus>;
+
+        /** Stops the recording and deallocates the recorder from memory. This reverts the Recording instance to an unprepared state, and another Recording instance must be created in order to record again. This method can only be called if the `Recording` has been prepared. */
+        stopAndUnloadAsync(): Promise<RecordingStatus>;
+
+        /**
+         * Gets the local URI of the Recording. Note that this will only succeed once the Recording is prepared to record.
+         *
+         * @returns A string with the local URI of the `Recording`, or `null` if the `Recording` is not prepared to record.
+         */
+        getURI(): string | null | undefined;
+
+        /**
+         * Creates and loads a new `Sound` object to play back the `Recording`. Note that this will only succeed once the `Recording` is done recording (once `stopAndUnloadAsync()` has been called).
+         *
+         * @returns A Promise that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded:
+         * - `sound`: the newly created and loaded Sound object.
+         * - `status`: the PlaybackStatus of the Sound object.
+         */
+        createNewLoadedSound(
+            /** The initial intended `PlaybackStatusToSet` of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */
+            initialStatus?: PlaybackStatusToSet,
+
+            /** A function taking a single parameter `PlaybackStatus`. This value defaults to `null` if no parameter is passed. */
+            onPlaybackStatusUpdate?: ((status: PlaybackStatus) => void) | null
+        ): Promise<{ sound: Sound, status: PlaybackStatus }>;
+    }
+}
+
+/**
+ * AuthSession
+ */
+export namespace AuthSession {
+    type StartAsyncResponse = {
+        type: 'cancel';
+    } | {
+        type: 'dismissed';
+    } | {
+        type: 'success';
+        params: HashMap;
+        event: HashMap;
+    } | {
+        type: 'error';
+        params: HashMap;
+        errorCode: string;
+        event: HashMap;
+    };
+
+    function startAsync(options: { authUrl: string; returnUrl?: string; }): Promise<StartAsyncResponse>;
+    function dismiss(): void;
+    function getRedirectUrl(): string;
+}
+
+// #region AV
+/**
+ * AV
+ */
+export type PlaybackStatus = {
+    isLoaded: false;
+    androidImplementation?: string;
+
+    /** Populated exactly once when an error forces the object to unload. */
+    error?: string;
+} | {
+    isLoaded: true;
+    androidImplementation?: string;
+    uri: string;
+    progressUpdateIntervalMillis: number;
+    durationMillis?: number;
+    positionMillis: number;
+    playableDurationMillis?: number;
+    shouldPlay: boolean;
+    isPlaying: boolean;
+    isBuffering: boolean;
+    rate: number;
+    shouldCorrectPitch: boolean;
+    volume: number;
+    isMuted: boolean;
+    isLooping: boolean;
+
+    /** True exactly once when the track plays to finish. */
+    didJustFinish: boolean;
+};
+
+export interface PlaybackStatusToSet {
+    androidImplementation?: string;
+    isLooping?: boolean;
+    isMuted?: boolean;
+    positionMillis?: number;
+    progressUpdateIntervalMillis?: number;
+    /** The desired playback rate of the media. This value must be between `0.0` and `32.0`. Only available on Android API version 23 and later and iOS. */
+    rate?: number;
+    shouldCorrectPitch?: boolean;
+    shouldPlay?: boolean;
+    /** A number between `0.0` (silence) and `1.0` (maximum volume). */
+    volume?: number;
+}
+
+export type PlaybackSource = RequireSource | { uri: string } | Asset;
+
+export class PlaybackObject {
+    /**
+     * Gets the `PlaybackStatus` of the `playbackObject`.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject`.
+     */
+    getStatusAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * Loads the media from source into memory and prepares it for playing. This must be called before calling setStatusAsync() or any of the convenience set status methods. This method can only be called if the playbackObject is in an unloaded state.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once it is loaded, or rejects if loading failed. The `Promise` will also reject if the `playbackObject` was already loaded. See below for details on `PlaybackStatus`.
+     */
+    loadAsync(
+        /**
+         * The source of the media. The following forms are supported:
+         * - A dictionary of the form `{ uri: 'http://path/to/file' }` with a network URL pointing to a media file on the web.
+         * - `require('path/to/file')` for a media file asset in the source code directory.
+         * - An `Expo.Asset object` for a media file asset.
+         */
+        source: PlaybackSource,
+
+        /** The initial intended `PlaybackStatusToSet` of the `playbackObject`, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. See below for details on `PlaybackStatusToSet` and the default initial playback status. */
+        initialStatus?: PlaybackStatusToSet,
+
+        /** If set to `true`, the system will attempt to download the resource to the device before loading. This value defaults to true. Note that at the moment, this will only work for sources of the form `require('path/to/file')` or `Expo.Asset` objects. */
+        downloadFirst?: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: false })`. */
+    pauseAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: true })`.
+     *
+     * Playback may not start immediately after calling this function for reasons such as buffering. Make sure to update your UI based on the `isPlaying` and `isBuffering` properties of the `PlaybackStatus`.
+     */
+    playAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: true, positionMillis: millis })`.
+     *
+     * Playback may not start immediately after calling this function for reasons such as buffering. Make sure to update your UI based on the isPlaying and `isBuffering` properties of the `PlaybackStatus`.
+     */
+    playFromPositionAsync(
+        /** The desired position of playback in milliseconds. */
+        positionMillis: number,
+
+        /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis, seekMillisToleranceBefore: toleranceMillisBefore, seekMillisToleranceAfter: toleranceMillisAfter })`. The tolerances are used only on iOS. */
+        tolerances?: {
+            toleranceMillisBefore: number,
+            toleranceMillisAfter: number
+        }
+    ): Promise<PlaybackStatus>;
+
+    /**
+     * Replays the item. When using `playFromPositionAsync(0)` the item is seeked to the position at `0` ms. On iOS this method uses internal implementation of the player and is able to play the item from the beginning immediately.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once the new status has been set successfully, or rejects if setting the new status failed.
+     */
+    replayAsync(
+        /** The new `PlaybackStatusToSet` of the `playbackObject`, whose values will override the current playback status. */
+        status: PlaybackStatusToSet
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ isLooping: value })`. */
+    setIsLoopingAsync(
+        /** A boolean describing if the media should play once (`false`) or loop indefinitely (`true`). */
+        isLooping: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ isMuted: value })`. */
+    setIsMutedAsync(
+        /**  A boolean describing if the audio of this media should be muted. */
+        isMuted: boolean
+    ): Promise<PlaybackStatus>;
+
+    /**
+     * Sets a function to be called regularly with the `PlaybackStatus` of the `playbackObject`. See below for details on `PlaybackStatus` and an example use case of this function.
+     *
+     * `onPlaybackStatusUpdate` will be called whenever a call to the API for this `playbackObject` completes (such as `setStatusAsync()`, `getStatusAsync()`, or `unloadAsync()`), and will also be called at regular intervals while the media is in the loaded state. Set `progressUpdateIntervalMillis` via `setStatusAsync()` or `setProgressUpdateIntervalAsync()` to modify the interval with which `onPlaybackStatusUpdate` is called while loaded.
+     */
+    setOnPlaybackStatusUpdate(
+        /** A function taking a single parameter `PlaybackStatus`. */
+        onPlaybackStatusUpdate?: (status: PlaybackStatus) => void
+    ): void;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis })`. */
+    setPositionAsync(
+        positionMillis: number,
+
+        /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis, seekMillisToleranceBefore: toleranceMillisBefore, seekMillisToleranceAfter: toleranceMillisAfter })`. The tolerances are used only on iOS. */
+        tolerances?: {
+            toleranceMillisBefore: number,
+            toleranceMillisAfter: number
+        }
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ progressUpdateIntervalMillis: millis })`. */
+    setProgressUpdateIntervalAsync(
+        /** The new minimum interval in milliseconds between calls of `onPlaybackStatusUpdate`. */
+        progressUpdateIntervalMillis: number
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ rate: value, shouldCorrectPitch: shouldCorrectPitch })`. */
+    setRateAsync(
+        /** The desired playback rate of the media. This value must be between `0.0` and `32.0`. Only available on Android API version 23 and later and iOS. */
+        rate: number,
+        /** A boolean describing if we should correct the pitch for a changed rate. If set to `true`, the pitch of the audio will be corrected (so a rate different than `1.0` will timestretch the audio). */
+        shouldCorrectPitch: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** Sets a new `PlaybackStatusToSet` on the `playbackObject`. This method can only be called if the media has been loaded. Return a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once the new status has been set successfully, or rejects if setting the new status failed. */
+    setStatusAsync(
+        /** The new `PlaybackStatusToSet` of the `playbackObject`, whose values will override the current playback status. */
+        status: PlaybackStatusToSet
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ volume: value })`. */
+    setVolumeAsync(
+        /** A number between `0.0` (silence) and `1.0` (maximum volume). */
+        volume: number
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: false, positionMillis: 0 })`. */
+    stopAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * Unloads the media from memory. `loadAsync()` must be called again in order to be able to play the media.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once it is unloaded, or rejects if unloading failed. See below for details on `PlaybackStatus`.
+     */
+    unloadAsync(): Promise<PlaybackStatus>;
+}
+// #endregion
+
+// #region BarCodeScanner
+/**
+ * BarCodeScanner
+ */
+export interface BarCodeScannerProps extends ViewProps {
+    type?: 'front' | 'back';
+    torchMode?: 'on' | 'off';
+    barCodeTypes?: string[];
+    onBarCodeRead?: BarCodeReadCallback;
+}
+
+export class BarCodeScanner extends Component<BarCodeScannerProps> {
+    static Constants: {
+        TorchMode: {
+            on: string;
+            off: string
+        }
+    } & CameraConstants;
+}
+// #endregion
+
+// #region BlurView
+/**
+ * BlurView
+ */
+export interface BlurViewProps extends ViewProps {
+    tint: 'light' | 'default' | 'dark';
+    intensity: number;
+}
+export class BlurView extends Component<BlurViewProps> { }
+// #endregion
+
+/**
+ * An API to get and set screen brightness.
+ */
+export namespace Brightness {
+    /** Sets screen brightness. */
+    function setBrightnessAsync(
+        /** A number between `0` and `1`, representing the desired screen brightness. */
+        brightnessValue: number
+    ): Promise<void>;
+
+    /**
+     * Gets screen brightness.
+     * @returns A Promise that is resolved with a number between `0` and `1`, representing the current screen brightness.
+     */
+    function getBrightnessAsync(): Promise<number>;
+
+    /**
+     * Gets global system screen brightness.
+     * @returns A Promise that is resolved with a number between `0` and `1`, representing the current system screen brightness.
+     */
+    function getSystemBrightnessAsync(): Promise<number>;
+
+    /** Sets global system screen brightness, requires `WRITE_SETTINGS` permissions on Android. */
+    function setSystemBrightnessAsync(
+        /** A number between `0` and `1`, representing the desired screen brightness. */
+        brightnessValue: number
+    ): Promise<void>;
+}
+
+// #region Camera
+/**
+ * Camera
+ */
+export interface PictureOptions {
+    quality?: number;
+    base64?: boolean;
+    exif?: boolean;
+    onPictureSaved?: (data: PictureResponse) => void;
+}
+
+export interface PictureResponse {
+    uri: string;
+    width: number;
+    height: number;
+    exif: string;
+    base64: string;
+}
+
+export interface RecordingOptions {
+    quality?: string | number;
+    maxDuration?: number;
+    maxFileSize?: number;
+}
+
+export class CameraObject {
+    takePictureAsync(options?: PictureOptions): Promise<PictureResponse>;
+    recordAsync(options: RecordingOptions): Promise<{ uri: string; }>;
+    stopRecording(): void;
+    getSupportedRatiosAsync(): Promise<string[]>; // Android only
+}
+
+export interface CameraProps extends ViewProps {
+    autoFocus?: string | number | boolean;
+    barCodeTypes?: Array<string | number>;
+    faceDetectionClassifications?: number;
+    faceDetectionLandmarks?: number;
+    faceDetectionMode?: number;
+    flashMode?: string | number;
+    /** Distance to plane of sharpest focus. A value between `0` and `1`. `0`: infinity focus, `1`: focus as close as possible. Default: `0`. For Android this is available only for some devices and when `useCamera2Api` is set to `true`. */
+    focusDepth?: number;
+    onBarCodeRead?: BarCodeReadCallback;
+    onCameraReady?: () => void;
+    onFacesDetected?: (options: { faces: TrackedFaceFeature[] }) => void;
+    onMountError?: () => void;
+    ratio?: string;
+    ref?: Ref<CameraObject>;
+    type?: string | number;
+    whiteBalance?: string | number;
+    /** A value between `0` and `1` being a percentage of device's max zoom. `0`: not zoomed, `1`: maximum zoom. Default: `0`. */
+    zoom?: number;
+}
+
+export interface CameraConstants {
+    readonly Type: {
+        back: string;
+        front: string;
+    };
+    readonly FlashMode: {
+        on: string;
+        off: string;
+        auto: string;
+        torch: string;
+    };
+    readonly AutoFocus: {
+        on: string;
+        off: string;
+    };
+    readonly WhiteBalance: {
+        auto: string;
+        sunny: string;
+        cloudy: string;
+        shadow: string;
+        fluorescent: string;
+        incandescent: string;
+    };
+    readonly VideoQuality: {
+        [videoQuality: string]: number;
+    };
+    readonly BarCodeType: {
+        aztec: string;
+        codabar: string;
+        code39: string;
+        code93: string;
+        code128: string;
+        code138: string;
+        code39mod43: string;
+        datamatrix: string;
+        ean13: string;
+        ean8: string;
+        interleaved2of5: string;
+        itf14: string;
+        maxicode: string;
+        pdf417: string;
+        rss14: string;
+        rssexpanded: string;
+        upc_a: string;
+        upc_e: string;
+        upc_ean: string;
+        qr: string;
+    };
+}
+
+export class Camera extends Component<CameraProps> {
+    static readonly Constants: CameraConstants;
+}
+// #endregion
+
+/**
+ * Constants
+ */
+export namespace Constants {
+    const appOwnership: 'expo' | 'standalone' | 'guest';
+    const expoVersion: string;
+    const installationId: string;
+    const deviceId: string;
+    const deviceName: string;
+    const deviceYearClass: number;
+    const isDevice: boolean;
+
+    interface Platform {
+        ios?: {
+            platform: string;
+            model: string;
+            userInterfaceIdiom: string;
+            buildNumber: string;
+        };
+        android?: {
+            versionCode: string;
+        };
+    }
+    const platform: Platform;
+    const sessionId: string;
+    const statusBarHeight: number;
+    const systemFonts: string[];
+
+    interface Manifest {
+        name: string;
+        description?: string;
+        slug?: string;
+        sdkVersion?: string;
+        version?: string;
+        orientation?: Orientation;
+        primaryColor?: string;
+        privacy?: 'public' | 'unlisted';
+        scheme?: string;
+        icon?: string;
+        platforms?: string[];
+        githubUrl?: string;
+        notification?: {
+            icon?: string,
+            color?: string,
+            androidMode?: 'default' | 'collapse',
+            androidCollapsedTitle?: string
+        };
+        loading?: {
+            icon?: string,
+            exponentIconColor?: 'white' | 'blue',
+            exponentIconGrayscale?: 1 | 0,
+            backgroundImage?: string,
+            backgroundColor?: string,
+            hideExponentText?: boolean
+        };
+        appKey?: string;
+        androidStatusBar?: {
+            barStyle?: 'light-content' | 'dark-content',
+            backgroundColor?: string
+        };
+        androidShowExponentNotificationInShellApp?: boolean;
+        extra?: {
+            [propName: string]: any
+        };
+        rnCliPath?: any;
+        entryPoint?: string;
+        packagerOpts?: {
+            hostType?: string,
+            dev?: boolean,
+            strict?: boolean,
+            minify?: boolean,
+            urlType?: string,
+            urlRandomness?: string,
+            lanType?: string,
+            [propName: string]: any
+        };
+        ignoreNodeModulesValidation?: any;
+        nodeModulesPath?: string;
+        ios?: {
+            bundleIdentifier?: string,
+            buildNumber?: string,
+            config?: {
+                usesNonExemptEncryption?: boolean,
+                googleSignIn?: {
+                    reservedClientId: string
+                }
+            },
+            supportsTablet?: boolean,
+            infoPlist?: any
+        };
+        android?: {
+            package?: string,
+            versionCode?: string,
+            config?: {
+                fabric?: {
+                    apiKey: string,
+                    buildSecret: string
+                },
+                googleMaps?: {
+                    apiKey: string
+                },
+                googleSignIn?: {
+                    apiKey: string,
+                    certificateHash: string
+                }
+            }
+        };
+        facebookScheme?: any;
+        facebookAppId?: string;
+        facebookDisplayName?: string;
+        splash?: {
+            backgroundColor?: string;
+            resizeMode?: ResizeModeContain | ResizeModeCover;
+            image?: string;
+        };
+        assetBundlePatterns?: string[];
+        releaseChannel: string;
+        [propName: string]: any;
+    }
+    const manifest: Manifest;
+    const linkingUri: string;
+
+    function getWebViewUserAgentAsync(): Promise<string>;
+}
+
+/**
+ * Contacts
+ */
+export namespace Contacts {
+    type PhoneNumbers = 'phoneNumbers';
+    type Emails = 'emails';
+    type Addresses = 'addresses';
+    type Image = 'image';
+    type Thumbnail = 'thumbnail';
+    type Note = 'note';
+    type Birthday = 'birthday';
+    type NonGregorianBirthday = 'nonGregorianBirthday';
+    type NamePrefix = 'namePrefix';
+    type NameSuffix = 'nameSuffix';
+    type PhoneticFirstName = 'phoneticFirstName';
+    type PhoneticMiddleName = 'phoneticMiddleName';
+    type PhoneticLastName = 'phoneticLastName';
+    type SocialProfiles = 'socialProfiles';
+    type InstantMessageAddresses = 'instantMessageAddresses';
+    type UrlAddresses = 'urlAddresses';
+    type Dates = 'dates';
+    type Relationships = 'relationships';
+
+    const PHONE_NUMBERS: PhoneNumbers;
+    const EMAILS: Emails;
+    const ADDRESSES: Addresses;
+    const IMAGE: Image;
+    const THUMBNAIL: Thumbnail;
+    const NOTE: Note;
+    const BIRTHDAY: Birthday;
+    const NON_GREGORIAN_BIRTHDAY: NonGregorianBirthday;
+    const NAME_PREFIX: NamePrefix;
+    const NAME_SUFFIX: NameSuffix;
+    const PHONETIC_FIRST_NAME: PhoneticFirstName;
+    const PHONETIC_MIDDLE_NAME: PhoneticMiddleName;
+    const PHONETIC_LAST_NAME: PhoneticLastName;
+    const SOCIAL_PROFILES: SocialProfiles;
+    const IM_ADDRESSES: InstantMessageAddresses;
+    const URLS: UrlAddresses;
+    const DATES: Dates;
+    const RELATIONSHIPS: Relationships;
+
+    type FieldType = PhoneNumbers | Emails | Addresses | Image | Thumbnail |
+        Note | Birthday | NonGregorianBirthday | NamePrefix | NameSuffix |
+        PhoneticFirstName | PhoneticMiddleName | PhoneticLastName | SocialProfiles |
+        InstantMessageAddresses | UrlAddresses | Dates | Relationships;
+
+    interface Options {
+        pageSize?: number;
+        pageOffset?: number;
+        fields?: FieldType[];
+    }
+
+    interface Contact {
+        id: string;
+        contactType: string;
+        name: string;
+        firstName?: string;
+        middleName?: string;
+        lastName?: string;
+        previousLastName?: string;
+        namePrefix?: string;
+        nameSuffix?: string;
+        nickname?: string;
+        phoneticFirstName?: string;
+        phoneticMiddleName?: string;
+        phoneticLastName?: string;
+        emails?: Array<{
+            email?: string;
+            primary?: boolean;
+            label: string;
+            id: string;
+        }>;
+        phoneNumbers?: Array<{
+            number?: string;
+            primary?: boolean;
+            digits?: string;
+            countryCode?: string;
+            label: string;
+            id: string;
+        }>;
+        addresses?: Array<{
+            street?: string;
+            city?: string;
+            country?: string;
+            region?: string;
+            neighborhood?: string;
+            postalCode?: string;
+            poBox?: string;
+            isoCountryCode?: string;
+            label: string;
+            id: string;
+        }>;
+        socialProfiles?: Array<{
+            service?: string;
+            localizedProfile?: string;
+            url?: string;
+            username?: string;
+            userId?: string;
+            label: string;
+            id: string;
+        }>;
+        instantMessageAddresses?: Array<{
+            service?: string;
+            username?: string;
+            localizedService?: string;
+            label: string;
+            id: string;
+        }>;
+        urls?: {
+            label: string;
+            url?: string;
+            id: string;
+        };
+        company?: string;
+        jobTitle?: string;
+        department?: string;
+        imageAvailable?: boolean;
+        image?: {
+            uri?: string;
+        };
+        thumbnail?: {
+            uri?: string;
+        };
+        note?: string;
+        dates?: Array<{
+            day?: number;
+            month?: number;
+            year?: number;
+            id: string;
+            label: string;
+        }>;
+        relationships?: Array<{
+            label: string;
+            name?: string;
+            id: string;
+        }>;
+    }
+
+    interface Response {
+        data: Contact[];
+        total: number;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+    }
+
+    function getContactsAsync(options: Options): Promise<Response>;
+    function getContactByIdAsync(options: { id?: string; fields?: FieldType[] }): Promise<Contact>;
+}
+
+/**
+ * DocumentPicker
+ */
+export namespace DocumentPicker {
+    interface Options {
+        type?: string;
+    }
+
+    type Response = {
+        type: 'success';
+        uri: string;
+        name: string;
+        size: number;
+    } | {
+        type: 'cancel';
+    };
+
+    function getDocumentAsync(options?: Options): Promise<Response>;
+}
+
+/**
+ * ErrorRecovery
+ */
+export namespace ErrorRecovery {
+    function setRecoveryProps(props: HashMap): void;
+}
+
+/**
+ * Facebook
+ */
+export namespace Facebook {
+    interface Options {
+        permissions?: string[];
+        behavior?: 'web' | 'native' | 'browser' | 'system';
+    }
+    interface Response {
+        type: 'cancel' | 'success';
+        token?: string;
+        expires?: number;
+    }
+    function logInWithReadPermissionsAsync(appId: string, options?: Options): Promise<Response>;
+}
+
+/**
+ * Facebook Ads
+ */
+export namespace FacebookAds {
+    /**
+     * Interstitial Ads
+     */
+    namespace InterstitialAdManager {
+        function showAd(placementId: string): Promise<boolean>;
+    }
+
+    /**
+     * Native Ads
+     */
+    type MediaCachePolicy = 'none' | 'icon' | 'image' | 'all';
+    class NativeAdsManager {
+        constructor(placementId: string, numberOfAdsToRequest?: number);
+        disableAutoRefresh(): void;
+        setMediaCachePolicy(cachePolicy: MediaCachePolicy): void;
+    }
+
+    function withNativeAd(component: Component<{
+        icon?: string;
+        coverImage?: string;
+        title?: string;
+        subtitle?: string;
+        description?: string;
+        callToActionText?: string;
+        socialContext?: string;
+    }>): Component<{ adsManager: NativeAdsManager }, { ad: any, canRequestAds: boolean }>;
+
+    /**
+     * Banner View
+     */
+    type AdType = 'large' | 'rectangle' | 'standard';
+
+    interface BannerViewProps {
+        type: AdType;
+        placementId: string;
+        onPress: () => void;
+        onError: () => void;
+    }
+
+    class BannerView extends Component<BannerViewProps> { }
+
+    /**
+     * Ad Settings
+     */
+    namespace AdSettings {
+        const currentDeviceHash: string;
+        function addTestDevice(device: string): void;
+        function clearTestDevices(): void;
+        type SDKLogLevel = 'none' | 'debug' | 'verbose' | 'warning' | 'error' | 'notification';
+        function setLogLevel(logLevel: SDKLogLevel): void;
+        function setIsChildDirected(isDirected: boolean): void;
+        function setMediationService(mediationService: string): void;
+        function setUrlPrefix(urlPrefix: string): void;
+    }
+}
+
+/**
+ * FaceDetector
+ */
+export interface Point {
+    x: Axis;
+    y: Axis;
+}
+
+export interface FaceFeature {
+    bounds: {
+        size: {
+            width: number;
+            height: number;
+        },
+        origin: Point;
+    };
+    smilingProbability?: number;
+    leftEarPosition?: Point;
+    rightEarPosition?: Point;
+    leftEyePosition?: Point;
+    leftEyeOpenProbability?: number;
+    rightEyePosition?: Point;
+    rightEyeOpenProbability?: number;
+    leftCheekPosition?: Point;
+    rightCheekPosition?: Point;
+    leftMouthPosition?: Point;
+    mouthPosition?: Point;
+    rightMouthPosition?: Point;
+    bottomMouthPosition?: Point;
+    noseBasePosition?: Point;
+    yawAngle?: number;
+    rollAngle?: number;
+}
+
+export interface TrackedFaceFeature extends FaceFeature {
+    faceID?: number;
+}
+
+export namespace FaceDetector {
+    interface DetectFaceResult {
+        faces: FaceFeature[];
+        image: {
+            uri: string;
+            width: number;
+            height: number;
+            orientation: number;
+        };
+    }
+    interface Mode {
+        fast: 'fast';
+        accurate: 'accurate';
+    }
+    interface _Shared {
+        all: 'all';
+        none: 'none';
+    }
+    type Landmarks = _Shared;
+    type Classifications = _Shared;
+    interface _Constants {
+        Mode: Mode;
+        Landmarks: Landmarks;
+        Classifications: Classifications;
+    }
+
+    const Constants: _Constants;
+
+    interface DetectionOptions {
+        mode?: keyof Mode;
+        detectLandmarks?: keyof Landmarks;
+        runClassifications?: keyof Classifications;
+    }
+
+    function detectFaces(uri: string, options?: DetectionOptions): Promise<DetectFaceResult>;
+}
+/**
+ * FileSystem
+ */
+export namespace FileSystem {
+    type FileInfo = {
+        exists: true;
+        isDirectory: boolean;
+        uri: string;
+        size: number;
+        modificationTime: number;
+        md5?: Md5;
+    } | {
+        exists: false;
+        isDirectory: false;
+    };
+
+    interface DownloadResult {
+        uri: string;
+        status: number;
+        headers: { [name: string]: string };
+        md5?: Md5;
+    }
+
+    const documentDirectory: string;
+    const cacheDirectory: string;
+
+    function getInfoAsync(fileUri: string, options?: { md5?: string, size?: boolean; }): Promise<FileInfo>;
+    function readAsStringAsync(fileUri: string): Promise<string>;
+    function writeAsStringAsync(fileUri: string, contents: string): Promise<void>;
+    function deleteAsync(fileUri: string, options?: { idempotent: boolean; }): Promise<void>;
+    function moveAsync(options: { from: string, to: string; }): Promise<void>;
+    function copyAsync(options: { from: string, to: string; }): Promise<void>;
+    function makeDirectoryAsync(dirUri: string, options?: { intermediates: boolean }): Promise<void>;
+    function readDirectoryAsync(dirUri: string): Promise<string[]>;
+    function downloadAsync(uri: string, fileUri: string, options?: { md5?: boolean; }): Promise<DownloadResult>;
+    function createDownloadResumable(
+        uri: string,
+        fileUri: string,
+        options?: DownloadOptions,
+        callback?: (totalBytesWritten: number, totalBytesExpectedToWrite: number) => void,
+        resumeData?: string | null
+    ): DownloadResumable;
+
+    interface PauseResult {
+        url: string;
+        fileUri: string;
+        options: { md5: boolean; };
+        resumeData: string;
+    }
+
+    interface DownloadOptions {
+        md5?: boolean;
+        headers?: { [name: string]: string };
+    }
+
+    interface DownloadProgressData {
+        totalBytesWritten: number;
+        totalBytesExpectedToWrite: number;
+    }
+
+    type DownloadProgressCallback = (data: DownloadProgressData) => void;
+
+    class DownloadResumable {
+        constructor(
+            url: string,
+            fileUri: string,
+            options: DownloadOptions,
+            callback?: DownloadProgressCallback,
+            resumeData?: string
+        );
+
+        downloadAsync(): Promise<DownloadResult>;
+        pauseAsync(): Promise<PauseResult>;
+        resumeAsync(): Promise<DownloadResult>;
+        savable(): PauseResult;
+    }
+}
+
+/** Use TouchID/FaceID (iOS) or the Fingerprint API (Android) to authenticate the user with a fingerprint scan. */
+export namespace Fingerprint {
+    type FingerprintAuthenticationResult = {
+        success: true
+    } | {
+        success: false,
+
+        /** Error code in the case where authentication fails. */
+        error: string
+    };
+
+    /** Determine whether the Fingerprint scanner is available on the device. */
+    function hasHardwareAsync(): Promise<boolean>;
+
+    /** Determine whether the device has saved fingerprints to use for authentication. */
+    function isEnrolledAsync(): Promise<boolean>;
+
+    /**
+     * Attempts to authenticate via Fingerprint. Android: When using the fingerprint module on Android, you need to provide a UI component to prompt the user to scan their fingerprint, as the OS has no default alert for it.
+     *
+     * @param promptMessage A message that is shown alongside the TouchID/FaceID prompt. (iOS only)
+     */
+    function authenticateAsync(promptMessageIOS?: string): Promise<FingerprintAuthenticationResult>;
+
+    /** Cancels the fingerprint authentication flow. (Android only) */
+    function cancelAuthenticate(): void;
+}
+
+/**
+ * Font
+ */
+export namespace Font {
+    interface FontMap {
+        [name: string]: RequireSource;
+    }
+
+    function loadAsync(name: string, url: string): Promise<void>;
+    function loadAsync(map: FontMap): Promise<void>;
+}
+
+// #region GLView
+export interface ExpoWebGLRenderingContext extends WebGLRenderingContext {
+    endFrameEXP(): void;
+}
+
+/**
+ * A View that acts as an OpenGL ES render target. On mounting, an OpenGL ES
+ * context is created. Its drawing buffer is presented as the contents of
+ * the View every frame.
+ */
+export interface GLViewProps extends ViewProps {
+    /**
+     * A function that will be called when the OpenGL ES context is created.
+     * Passes an object with a WebGLRenderingContext interface as an argument.
+     */
+    onContextCreate(gl: ExpoWebGLRenderingContext): void;
+
+    /** Number of MSAA samples to use on iOS. Defaults to 4. Ignored on Android. */
+    msaaSamples?: number;
+}
+
+export class GLView extends Component<GLViewProps, { msaaSamples: number }> { }
+// #endregion
+
+/**
+ * Google
+ */
+export namespace Google {
+    interface LogInConfig {
+        androidClientId?: string;
+        androidStandaloneAppClientId?: string;
+        iosClientId?: string;
+        iosStandaloneAppClientId?: string;
+        webClientId?: string;
+        behavior?: 'system' | 'web';
+        scopes?: string[];
+    }
+
+    type LogInResult = {
+        type: 'cancel';
+    } | {
+        type: 'success';
+        accessToken: string;
+        idToken?: string;
+        refreshToken?: string;
+        serverAuthCode?: string;
+        user: {
+            id: string;
+            name: string;
+            givenName: string;
+            familyName: string;
+            photoUrl?: string;
+            email?: string;
+        }
+    };
+
+    function logInAsync(config: LogInConfig): Promise<LogInResult>;
+}
+
+/** Access the device gyroscope sensor to respond to changes in rotation in 3d space. */
+export namespace Gyroscope {
+    interface GyroscopeObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    /** A callback that is invoked when an gyroscope update is available. */
+    function addListener(listener: (obj: GyroscopeObject) => any): EventSubscription;
+
+    /** Remove all listeners. */
+    function removeAllListeners(): void;
+
+    /** Subscribe for updates to the gyroscope. */
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * ImageManipulator
+ */
+export namespace ImageManipulator {
+    type Action = Resize | Rotate | Flip | Crop;
+
+    interface Resize {
+        resize: { width?: number, height?: number };
+    }
+
+    interface Rotate {
+        rotate: number;
+    }
+
+    interface Flip {
+        flip?: { vertical?: boolean; horizontal?: boolean };
+    }
+
+    interface Crop {
+        originX: number;
+        originY: number;
+        width: number;
+        height: number;
+    }
+
+    interface ImageResult {
+        uri: string;
+        width: number;
+        height: number;
+        base64?: string;
+    }
+
+    interface SaveOptions {
+        base64?: boolean;
+        /** A value in range `0` - `1` specifying compression level of the result image. `1` means no compression and `0` the highest compression. */
+        compress?: number;
+        format?: 'jpeg' | 'png';
+    }
+
+    function manipulate(uri: string, actions: Action[], saveOptions?: SaveOptions): Promise<ImageResult>;
+}
+
+/**
+ * Image Picker
+ */
+export namespace ImagePicker {
+    interface ImageInfo {
+        uri: string;
+        width: number;
+        height: number;
+        type: 'video' | 'image';
+        base64?: string;
+        exif?: object;
+        duration?: number;
+    }
+
+    type ImageResult = { cancelled: true } | ({ cancelled: false } & ImageInfo);
+
+    interface _MediaTypeOptions {
+        All: 'All';
+        Videos: 'Videos';
+        Images: 'Images';
+    }
+
+    const MediaTypeOptions: _MediaTypeOptions;
+
+    interface ImageLibraryOptions {
+        allowsEditing?: boolean;
+        aspect?: [number, number];
+        quality?: number;
+        base64?: boolean;
+        exif?: boolean;
+        mediaTypes?: keyof _MediaTypeOptions;
+    }
+
+    /**
+     * require Permissions.CAMERA_ROLL
+     */
+    function launchImageLibraryAsync(options?: ImageLibraryOptions): Promise<ImageResult>;
+
+    interface CameraOptions {
+        allowsEditing?: boolean;
+        aspect?: [number, number];
+        quality?: number;
+        base64?: boolean;
+        exif?: boolean;
+    }
+
+    /**
+     * require Permissions.CAMERA_ROLL
+     */
+    function launchCameraAsync(options?: CameraOptions): Promise<ImageResult>;
+}
+
+/**
+ * IntentLauncherAndroid
+ */
+export namespace IntentLauncherAndroid {
+    const ACTION_ACCESSIBILITY_SETTINGS: 'android.settings.ACCESSIBILITY_SETTINGS';
+    const ACTION_APP_NOTIFICATION_REDACTION: 'android.settings.ACTION_APP_NOTIFICATION_REDACTION';
+    const ACTION_CONDITION_PROVIDER_SETTINGS: 'android.settings.ACTION_CONDITION_PROVIDER_SETTINGS';
+    const ACTION_NOTIFICATION_LISTENER_SETTINGS: 'android.settings.ACTION_NOTIFICATION_LISTENER_SETTINGS';
+    const ACTION_PRINT_SETTINGS: 'android.settings.ACTION_PRINT_SETTINGS';
+    const ACTION_ADD_ACCOUNT_SETTINGS: 'android.settings.ADD_ACCOUNT_SETTINGS';
+    const ACTION_AIRPLANE_MODE_SETTINGS: 'android.settings.AIRPLANE_MODE_SETTINGS';
+    const ACTION_APN_SETTINGS: 'android.settings.APN_SETTINGS';
+    const ACTION_APPLICATION_DETAILS_SETTINGS: 'android.settings.APPLICATION_DETAILS_SETTINGS';
+    const ACTION_APPLICATION_DEVELOPMENT_SETTINGS: 'android.settings.APPLICATION_DEVELOPMENT_SETTINGS';
+    const ACTION_APPLICATION_SETTINGS: 'android.settings.APPLICATION_SETTINGS';
+    const ACTION_APP_NOTIFICATION_SETTINGS: 'android.settings.APP_NOTIFICATION_SETTINGS';
+    const ACTION_APP_OPS_SETTINGS: 'android.settings.APP_OPS_SETTINGS';
+    const ACTION_BATTERY_SAVER_SETTINGS: 'android.settings.BATTERY_SAVER_SETTINGS';
+    const ACTION_BLUETOOTH_SETTINGS: 'android.settings.BLUETOOTH_SETTINGS';
+    const ACTION_CAPTIONING_SETTINGS: 'android.settings.CAPTIONING_SETTINGS';
+    const ACTION_CAST_SETTINGS: 'android.settings.CAST_SETTINGS';
+    const ACTION_DATA_ROAMING_SETTINGS: 'android.settings.DATA_ROAMING_SETTINGS';
+    const ACTION_DATE_SETTINGS: 'android.settings.DATE_SETTINGS';
+    const ACTION_DEVICE_INFO_SETTINGS: 'android.settings.DEVICE_INFO_SETTINGS';
+    const ACTION_DEVICE_NAME: 'android.settings.DEVICE_NAME';
+    const ACTION_DISPLAY_SETTINGS: 'android.settings.DISPLAY_SETTINGS';
+    const ACTION_DREAM_SETTINGS: 'android.settings.DREAM_SETTINGS';
+    const ACTION_HARD_KEYBOARD_SETTINGS: 'android.settings.HARD_KEYBOARD_SETTINGS';
+    const ACTION_HOME_SETTINGS: 'android.settings.HOME_SETTINGS';
+    const ACTION_IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS: 'android.settings.IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS';
+    const ACTION_IGNORE_BATTERY_OPTIMIZATION_SETTINGS: 'android.settings.IGNORE_BATTERY_OPTIMIZATION_SETTINGS';
+    const ACTION_INPUT_METHOD_SETTINGS: 'android.settings.INPUT_METHOD_SETTINGS';
+    const ACTION_INPUT_METHOD_SUBTYPE_SETTINGS: 'android.settings.INPUT_METHOD_SUBTYPE_SETTINGS';
+    const ACTION_INTERNAL_STORAGE_SETTINGS: 'android.settings.INTERNAL_STORAGE_SETTINGS';
+    const ACTION_LOCALE_SETTINGS: 'android.settings.LOCALE_SETTINGS';
+    const ACTION_LOCATION_SOURCE_SETTINGS: 'android.settings.LOCATION_SOURCE_SETTINGS';
+    const ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS: 'android.settings.MANAGE_ALL_APPLICATIONS_SETTINGS';
+    const ACTION_MANAGE_APPLICATIONS_SETTINGS: 'android.settings.MANAGE_APPLICATIONS_SETTINGS';
+    const ACTION_MANAGE_DEFAULT_APPS_SETTINGS: 'android.settings.MANAGE_DEFAULT_APPS_SETTINGS';
+    const ACTION_MEMORY_CARD_SETTINGS: 'android.settings.MEMORY_CARD_SETTINGS';
+    const ACTION_MONITORING_CERT_INFO: 'android.settings.MONITORING_CERT_INFO';
+    const ACTION_NETWORK_OPERATOR_SETTINGS: 'android.settings.NETWORK_OPERATOR_SETTINGS';
+    const ACTION_NFCSHARING_SETTINGS: 'android.settings.NFCSHARING_SETTINGS';
+    const ACTION_NFC_PAYMENT_SETTINGS: 'android.settings.NFC_PAYMENT_SETTINGS';
+    const ACTION_NFC_SETTINGS: 'android.settings.NFC_SETTINGS';
+    const ACTION_NIGHT_DISPLAY_SETTINGS: 'android.settings.NIGHT_DISPLAY_SETTINGS';
+    const ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS: 'android.settings.NOTIFICATION_POLICY_ACCESS_SETTINGS';
+    const ACTION_NOTIFICATION_SETTINGS: 'android.settings.NOTIFICATION_SETTINGS';
+    const ACTION_PAIRING_SETTINGS: 'android.settings.PAIRING_SETTINGS';
+    const ACTION_PRIVACY_SETTINGS: 'android.settings.PRIVACY_SETTINGS';
+    const ACTION_QUICK_LAUNCH_SETTINGS: 'android.settings.QUICK_LAUNCH_SETTINGS';
+    const ACTION_REQUEST_IGNORE_BATTERY_OPTIMIZATIONS: 'android.settings.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS';
+    const ACTION_SECURITY_SETTINGS: 'android.settings.SECURITY_SETTINGS';
+    const ACTION_SETTINGS: 'android.settings.SETTINGS';
+    const ACTION_SHOW_ADMIN_SUPPORT_DETAILS: 'android.settings.SHOW_ADMIN_SUPPORT_DETAILS';
+    const ACTION_SHOW_INPUT_METHOD_PICKER: 'android.settings.SHOW_INPUT_METHOD_PICKER';
+    const ACTION_SHOW_REGULATORY_INFO: 'android.settings.SHOW_REGULATORY_INFO';
+    const ACTION_SHOW_REMOTE_BUGREPORT_DIALOG: 'android.settings.SHOW_REMOTE_BUGREPORT_DIALOG';
+    const ACTION_SOUND_SETTINGS: 'android.settings.SOUND_SETTINGS';
+    const ACTION_STORAGE_MANAGER_SETTINGS: 'android.settings.STORAGE_MANAGER_SETTINGS';
+    const ACTION_SYNC_SETTINGS: 'android.settings.SYNC_SETTINGS';
+    const ACTION_SYSTEM_UPDATE_SETTINGS: 'android.settings.SYSTEM_UPDATE_SETTINGS';
+    const ACTION_TETHER_PROVISIONING_UI: 'android.settings.TETHER_PROVISIONING_UI';
+    const ACTION_TRUSTED_CREDENTIALS_USER: 'android.settings.TRUSTED_CREDENTIALS_USER';
+    const ACTION_USAGE_ACCESS_SETTINGS: 'android.settings.USAGE_ACCESS_SETTINGS';
+    const ACTION_USER_DICTIONARY_INSERT: 'android.settings.USER_DICTIONARY_INSERT';
+    const ACTION_USER_DICTIONARY_SETTINGS: 'android.settings.USER_DICTIONARY_SETTINGS';
+    const ACTION_USER_SETTINGS: 'android.settings.USER_SETTINGS';
+    const ACTION_VOICE_CONTROL_AIRPLANE_MODE: 'android.settings.VOICE_CONTROL_AIRPLANE_MODE';
+    const ACTION_VOICE_CONTROL_BATTERY_SAVER_MODE: 'android.settings.VOICE_CONTROL_BATTERY_SAVER_MODE';
+    const ACTION_VOICE_CONTROL_DO_NOT_DISTURB_MODE: 'android.settings.VOICE_CONTROL_DO_NOT_DISTURB_MODE';
+    const ACTION_VOICE_INPUT_SETTINGS: 'android.settings.VOICE_INPUT_SETTINGS';
+    const ACTION_VPN_SETTINGS: 'android.settings.VPN_SETTINGS';
+    const ACTION_VR_LISTENER_SETTINGS: 'android.settings.VR_LISTENER_SETTINGS';
+    const ACTION_WEBVIEW_SETTINGS: 'android.settings.WEBVIEW_SETTINGS';
+    const ACTION_WIFI_IP_SETTINGS: 'android.settings.WIFI_IP_SETTINGS';
+    const ACTION_WIFI_SETTINGS: 'android.settings.WIFI_SETTINGS';
+    const ACTION_WIRELESS_SETTINGS: 'android.settings.WIRELESS_SETTINGS';
+    const ACTION_ZEN_MODE_AUTOMATION_SETTINGS: 'android.settings.ZEN_MODE_AUTOMATION_SETTINGS';
+    const ACTION_ZEN_MODE_EVENT_RULE_SETTINGS: 'android.settings.ZEN_MODE_EVENT_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_EXTERNAL_RULE_SETTINGS: 'android.settings.ZEN_MODE_EXTERNAL_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_PRIORITY_SETTINGS: 'android.settings.ZEN_MODE_PRIORITY_SETTINGS';
+    const ACTION_ZEN_MODE_SCHEDULE_RULE_SETTINGS: 'android.settings.ZEN_MODE_SCHEDULE_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_SETTINGS: 'android.settings.ZEN_MODE_SETTINGS';
+
+    function startActivityAsync(activity: string, data?: HashMap): Promise<boolean>;
+}
+
+/**
+ * KeepAwake
+ */
+export class KeepAwake extends Component {
+    static activate(): void;
+    static deactivate(): void;
+}
+
+// #region LinearGradient
+/**
+ * LinearGradient
+ */
+export interface LinearGradientProps {
+    colors: string[];
+    start?: [number, number];
+    end?: [number, number];
+    locations?: number[];
+    style?: StyleProp<ViewStyle>;
+}
+
+export class LinearGradient extends Component<LinearGradientProps> { }
+// #endregion
+
+/**
+ * Linking
+ */
+export interface LinkInfo {
+    path: string;
+    queryParams: Partial<StringHashMap>;
+}
+
+export interface LinkingStatic extends ReactNativeLinkingStatic {
+    makeUrl(path: string, queryParams?: HashMap): string;
+    parse(url: string): LinkInfo;
+    parseInitialURLAsync(): Promise<LinkInfo>;
+}
+export const Linking: LinkingStatic;
+
+/**
+ * Location
+ */
+export namespace Location {
+    interface LocationOptions {
+        enableHighAccuracy?: boolean;
+        timeInterval?: number;
+        distanceInterval?: number;
+    }
+
+    interface LocationProps {
+        latitude: number;
+        longitude: number;
+    }
+
+    interface Coords extends LocationProps {
+        altitude: number;
+        accuracy: number;
+    }
+
+    interface LocationData {
+        coords: {
+            heading: number;
+            speed: number
+        } & Coords;
+        timestamp: number;
+    }
+
+    interface ProviderStatus {
+        locationServicesEnabled: boolean;
+        gpsAvailable?: boolean;
+        networkAvailable?: boolean;
+        passiveAvailable?: boolean;
+    }
+
+    interface HeadingStatus {
+        magHeading: number;
+        trueHeading: number;
+        accuracy: number;
+    }
+
+    interface GeocodeData {
+        city: string;
+        street: string;
+        region: string;
+        postalCode: string;
+        country: string;
+        name: string;
+    }
+
+    type LocationCallback = (data: LocationData) => void;
+
+    function getCurrentPositionAsync(options: LocationOptions): Promise<LocationData>;
+    function watchPositionAsync(options: LocationOptions, callback: LocationCallback): EventSubscription;
+    function getProviderStatusAsync(): Promise<ProviderStatus>;
+    function getHeadingAsync(): Promise<HeadingStatus>;
+    function watchHeadingAsync(callback: (status: HeadingStatus) => void): EventSubscription;
+    function geocodeAsync(address: string): Promise<Coords>;
+    function reverseGeocodeAsync(location: LocationProps): Promise<GeocodeData[]>;
+    function setApiKey(key: string): void;
+}
+
+/**
+ * Magnetometer
+ */
+export namespace Magnetometer {
+    interface MagnetometerObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    function addListener(listener: (obj: MagnetometerObject) => any): EventSubscription;
+    function removeAllListeners(): void;
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * Notifications
+ */
+export namespace Notifications {
+    interface Notification {
+        origin: 'selected' | 'received';
+        data: any;
+        remote: boolean;
+        isMultiple: boolean;
+    }
+
+    interface LocalNotification {
+        title: string;
+        body?: string;
+        data?: any;
+        ios?: {
+            sound?: boolean
+        };
+        android?: {
+            sound?: boolean;
+            icon?: string;
+            color?: string;
+            priority?: 'min' | 'low' | 'high' | 'max';
+            sticky?: boolean;
+            vibrate?: boolean | number[];
+            link?: string;
+        };
+    }
+
+    type LocalNotificationId = string | number;
+
+    function addListener(listener: (notification: Notification) => any): EventSubscription;
+    function getExpoPushTokenAsync(): Promise<string>;
+    function presentLocalNotificationAsync(localNotification: LocalNotification): Promise<LocalNotificationId>;
+    function scheduleLocalNotificationAsync(
+        localNotification: LocalNotification,
+        schedulingOptions: { time: Date | number, repeat?: 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' }
+    ): Promise<LocalNotificationId>;
+    function dismissNotificationAsync(localNotificationId: LocalNotificationId): Promise<void>;
+    function dismissAllNotificationsAsync(): Promise<void>;
+    function cancelScheduledNotificationAsync(localNotificationId: LocalNotificationId): Promise<void>;
+    function cancelAllScheduledNotificationsAsync(): Promise<void>;
+    function getBadgeNumberAsync(): Promise<number>;
+    function setBadgeNumberAsync(number: number): Promise<void>;
+}
+
+/**
+ * Pedometer
+ */
+export namespace Pedometer {
+    function isAvailableAsync(): Promise<boolean>;
+    function getStepCountAsync(start: Date, end: Date): Promise<{ steps: number; }>;
+    function watchStepCount(callback: (params: { steps: number; }) => void): EventSubscription;
+}
+
+/**
+ * Permissions
+ */
+export namespace Permissions {
+    type PermissionType = 'audioRecording' | 'calendar' |
+    'cameraRoll' | 'camera' | 'contacts' | 'location' | 'reminders' |
+    'remoteNotifications' | 'systemBrightness' | 'userFacingNotifications';
+    type PermissionStatus = 'undetermined' | 'granted' | 'denied';
+    type PermissionExpires = 'never';
+
+    interface PermissionDetailsLocationIOS {
+        scope: 'whenInUse' | 'always';
+    }
+
+    interface PermissionDetailsLocationAndroid {
+        scope: 'fine' | 'coarse' | 'none';
+    }
+
+    interface PermissionResponse {
+        status: PermissionStatus;
+        expires: PermissionExpires;
+        ios?: PermissionDetailsLocationIOS;
+        android?: PermissionDetailsLocationAndroid;
+    }
+
+    function getAsync(type: PermissionType): Promise<PermissionResponse>;
+    function askAsync(type: PermissionType): Promise<PermissionResponse>;
+
+    type RemoteNotificationPermission = 'remoteNotifications';
+
+    const AUDIO_RECORDING: 'audioRecording';
+    const CALENDAR: 'calendar';
+    const CAMERA_ROLL: 'cameraRoll';
+    const CAMERA: 'camera';
+    const CONTACTS: 'contacts';
+    const LOCATION: 'location';
+    const NOTIFICATIONS: RemoteNotificationPermission;
+    const REMINDERS = 'reminders';
+    const REMOTE_NOTIFICATIONS: RemoteNotificationPermission;
+    const SYSTEM_BRIGHTNESS: 'systemBrightness';
+    const USER_FACING_NOTIFICATIONS = 'userFacingNotifications';
+}
+
+/**
+ * Register Root Component
+ */
+export function registerRootComponent(component: ComponentType): void;
+
+/**
+ * ScreenOrientation
+ */
+export namespace ScreenOrientation {
+    interface Orientations {
+        ALL: 'ALL';
+        ALL_BUT_UPSIDE_DOWN: 'ALL_BUT_UPSIDE_DOWN';
+        PORTRAIT: 'PORTRAIT';
+        PORTRAIT_UP: 'PORTRAIT_UP';
+        PORTRAIT_DOWN: 'PORTRAIT_DOWN';
+        LANDSCAPE: 'LANDSCAPE';
+        LANDSCAPE_LEFT: 'LANDSCAPE_LEFT';
+        LANDSCAPE_RIGHT: 'LANDSCAPE_RIGHT';
+    }
+
+    const Orientation: Orientations;
+
+    function allow(orientation: keyof Orientations): void;
+}
+
+/**
+ * SecureStore
+ */
+export namespace SecureStore {
+    interface SecureStoreOptions {
+        keychainService?: string;
+        keychainAccessible?: number;
+    }
+
+    function setItemAsync(key: string, value: string, options?: SecureStoreOptions): Promise<void>;
+    function getItemAsync(key: string, options?: SecureStoreOptions): Promise<string | null>;
+    function deleteItemAsync(key: string, options?: SecureStoreOptions): Promise<void>;
+}
+
+/**
+ * Segment
+ */
+export namespace Segment {
+    function initialize(keys: {
+        androidWriteKey: string;
+        iosWriteKey: string;
+    }): void;
+    function identify(userId: string): void;
+    function identifyWithTraits(userId: string, traits: object): void;
+    function track(event: string): void;
+    function reset(): void;
+    function trackWithProperties(event: string, properties: object): void;
+    function screen(screenName: string): void;
+    function screenWithProperties(screenName: string, properties: object): void;
+    function flush(): void;
+}
+
+/**
+ * Speech
+ */
+export namespace Speech {
+    interface SpeechOptions {
+        language?: string;
+        pitch?: number;
+        rate?: number;
+        onStart?: () => void;
+        onStopped?: () => void;
+        onDone?: () => void;
+        onError?: (error: string) => void;
+    }
+
+    function speak(text: string, options?: SpeechOptions): void;
+    function stop(): void;
+    function isSpeakingAsync(): Promise<boolean>;
+
+    /** Available on iOS only */
+    function pause(): void;
+
+    /** Available on iOS only */
+    function resume(): void;
+}
+
+/**
+ * SQLite
+ */
+export namespace SQLite {
+    type Error = any;
+
+    interface Database {
+        transaction(
+            callback: (transaction: Transaction) => any,
+            error?: (error: Error) => any,     // TODO def of error
+            success?: () => any
+        ): void;
+    }
+
+    interface Transaction {
+        executeSql(
+            sqlStatement: string,
+            arguments?: string[] | number[],
+            success?: (transaction: Transaction, resultSet: ResultSet) => any,
+            error?: (transaction: Transaction, error: Error) => any
+        ): void;
+    }
+
+    interface ResultSet {
+        insertId: number;
+        rowAffected: number;
+        rows: {
+            length: number;
+            item: (index: number) => any;
+            _array: HashMap[];
+        };
+    }
+
+    function openDatabase(
+        name: string | {
+            name: string,
+            version?: string,
+            description?: string,
+            size?: number,
+            callback?: () => any
+        },
+        version?: string,
+        description?: string,
+        size?: number,
+        callback?: () => any
+    ): any;
+}
+
+// #region Svg
+/**
+ * Svg
+ */
+export interface SvgCommonProps {
+    fill?: string;
+    fillOpacity?: number | string;
+    fillRule?: 'nonzero' | 'evenodd';
+    opacity?: number | string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    strokeOpacity?: number | string;
+    strokeLinecap?: string;
+    strokeLineJoin?: string;
+    strokeDasharray?: any[];
+    strokeDashoffset?: any;
+    transform?: string | object;
+    x?: number | string;
+    y?: number | string;
+    rotate?: number | string;
+    rotation?: number | string;
+    scale?: number | string;
+    origin?: number | string;
+    originX?: number | string;
+    originY?: number | string;
+    id?: string;
+    disabled?: boolean;
+    onPress?: () => any;
+    onPressIn?: () => any;
+    onPressOut?: () => any;
+    onLongPress?: () => any;
+    delayPressIn?: number;
+    delayPressOut?: number;
+    delayLongPress?: number;
+}
+
+export interface SvgRectProps extends SvgCommonProps {
+    width: number | string;
+    height: number | string;
+}
+
+export interface SvgCircleProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    r: number | string;
+}
+
+export interface SvgEllipseProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    rx: number | string;
+    ry: number | string;
+}
+
+export interface SvgLineProps extends SvgCommonProps {
+    x1: number | string;
+    y1: number | string;
+    x2: number | string;
+    y2: number | string;
+}
+
+export interface SvgPolyProps extends SvgCommonProps {
+    points: string;
+}
+
+export interface SvgPathProps extends SvgCommonProps {
+    d: string;
+}
+
+export interface SvgTextProps extends SvgCommonProps {
+    textAnchor?: string;
+    fontSize?: number | string;
+    fontWeight?: string;
+}
+
+export interface SvgTSpanProps extends SvgTextProps {
+    dx?: string;
+    dy?: string;
+}
+
+export interface SvgTextPathProps extends SvgCommonProps {
+    href?: string;
+    startOffset?: string;
+}
+
+export interface SvgUseProps extends SvgCommonProps {
+    href: string;
+    x: number | string;
+    y: number | string;
+    width?: number | string;
+    height?: number | string;
+}
+
+export interface SvgSymbolProps extends SvgCommonProps {
+    viewBox: string;
+    width: number | string;
+    height: number | string;
+}
+
+export interface SvgLinearGradientProps extends SvgCommonProps {
+    x1: number | string;
+    x2: number | string;
+    y1: number | string;
+    y2: number | string;
+}
+
+export interface SvgRadialGradientProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    rx: number | string;
+    ry: number | string;
+    fx: number | string;
+    fy: number | string;
+    gradientUnits?: string;
+}
+
+export interface SvgStopProps extends SvgCommonProps {
+    offset?: string;
+    stopColor?: string;
+    stopOpacity?: string;
+}
+
+export class Svg extends Component<{ width: number, height: number, viewBox?: string }> {
+    static Circle: ComponentClass<SvgCircleProps>;
+    static ClipPath: ComponentClass<SvgCommonProps>;
+    static Defs: ComponentClass;
+    static Ellipse: ComponentClass<SvgEllipseProps>;
+    static G: ComponentClass<SvgCommonProps>;
+    static Line: ComponentClass<SvgLineProps>;
+    static LinearGradient: ComponentClass<SvgLinearGradientProps>;
+    static Path: ComponentClass<SvgPathProps>;
+    static Polygon: ComponentClass<SvgPolyProps>;
+    static Polyline: ComponentClass<SvgPolyProps>;
+    static RadialGradient: ComponentClass<SvgRadialGradientProps>;
+    static Rect: ComponentClass<SvgRectProps>;
+    static Stop: ComponentClass<SvgStopProps>;
+    static Symbol: ComponentClass<SvgSymbolProps>;
+    static Text: ComponentClass<SvgTextProps>;
+    static TextPath: ComponentClass<SvgTextPathProps>;
+    static TSpan: ComponentClass<SvgTSpanProps>;
+    static Use: ComponentClass<SvgUseProps>;
+}
+// #endregion
+
+/**
+ * Take Snapshot
+ */
+export function takeSnapshotAsync(
+    view?: (number | React.ReactElement<any>),
+    options?: {
+        width?: number,
+        height?: number,
+        format?: 'png' | 'jpg' | 'jpeg' | 'webm',
+        quality?: number,
+        result?: 'file' | 'base64' | 'data-uri',
+    }
+): Promise<string>;
+
+/** Helpful utility functions that don’t fit anywhere else, including some localization and internationalization methods. */
+export namespace Util {
+    /** Returns the current device country code. */
+    function getCurrentDeviceCountryAsync(): Promise<string>;
+
+    /** Returns the current device locale as a string. */
+    function getCurrentLocaleAsync(): Promise<string>;
+
+    /** Returns the current device time zone name. */
+    function getCurrentTimeZoneAsync(): Promise<string>;
+
+    /** Reloads the current experience. This will fetch and load the newest available JavaScript supported by the device’s Expo environment. This is useful for triggering an update of your experience if you have published a new version. */
+    function reload(): void;
+
+    /** _Android only_. Invokes a callback when a new version of your app is successfully downloaded in the background. */
+    function addNewVersionListenerExperimental(listener: (event: {
+        manifest: object;
+    }) => void): { remove(): void; };
+}
+
+// #region Video
+/**
+ * Expo Video
+ */
+export interface NaturalSize {
+    width: number;
+    height: number;
+    orientation: Orientation;
+}
+
+export interface ReadyForDisplayEvent {
+    naturalSize: NaturalSize;
+    status: PlaybackStatus;
+}
+
+export enum FullscreenUpdateVariants {
+    IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT = 0,
+    IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT = 1,
+    IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS = 2,
+    IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS = 3
+}
+
+export interface FullscreenUpdateEvent {
+    fullscreenUpdate: FullscreenUpdateVariants;
+    status: PlaybackStatus;
+}
+
+export interface VideoProps {
+    source?: PlaybackSource | null;
+    posterSource?: URISource | RequireSource;
+
+    resizeMode?: ResizeModeContain | ResizeModeCover | ResizeModeStretch;
+    useNativeControls?: boolean;
+    usePoster?: boolean;
+
+    onPlaybackStatusUpdate?: (status: PlaybackStatus) => void;
+    onReadyForDisplay?: (event: ReadyForDisplayEvent) => void;
+    onIOSFullscreenUpdate?: (event: FullscreenUpdateEvent) => void;
+
+    onLoadStart?: () => void;
+    onLoad?: (status: PlaybackStatus) => void;
+    onError?: (error: string) => void;
+
+    status?: PlaybackStatusToSet;
+    progressUpdateIntervalMillis?: number;
+    positionMillis?: number;
+    shouldPlay?: boolean;
+    rate?: number;
+    shouldCorrectPitch?: boolean;
+    volume?: number;
+    isMuted?: boolean;
+    isLooping?: boolean;
+
+    scaleX?: number;
+    scaleY?: number;
+    translateX?: number;
+    translateY?: number;
+    rotation?: number;
+    ref?: Ref<PlaybackObject>;
+    style?: StyleProp<ViewStyle>;
+}
+
+export interface VideoState {
+    showPoster: boolean;
+}
+
+export class Video extends Component<VideoProps, VideoState> {
+    static RESIZE_MODE_CONTAIN: ResizeModeContain;
+    static RESIZE_MODE_COVER: ResizeModeCover;
+    static RESIZE_MODE_STRETCH: ResizeModeStretch;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS;
+}
+// #endregion
+
+/**
+ * Web Browser
+ */
+export namespace WebBrowser {
+    function openBrowserAsync(url: string): Promise<{ type: 'cancelled' | 'dismissed' }>;
+    function openAuthSessionAsync(url: string, redirectUrl?: string): Promise<{ type: 'cancelled' | 'dismissed' }>;
+    function dismissBrowser(): Promise<{ type: 'dismissed' }>;
+}
+
+// #region Calendar
+/**
+ * Calendar
+ *
+ * Provides an API for interacting with the device’s system calendars, events, reminders, and associated records.
+ */
+export namespace Calendar {
+    interface Calendar {
+        /** Internal ID that represents this calendar on the device */
+        id?: string;
+
+        /** Visible name of the calendar */
+        title?: string;
+
+        sourceId?: string; // iOS
+
+        /** Object representing the source to be used for the calendar */
+        source?: Source;
+
+        /** Type of calendar this object represents */
+        type?: CalendarType; // iOS
+
+        /** Color used to display this calendar’s events */
+        color?: string;
+
+        /** Whether the calendar is used in the Calendar or Reminders OS app */
+        entityType?: EntityTypes; // iOS
+
+        /** Boolean value that determines whether this calendar can be modified */
+        allowsModifications?: boolean;
+
+        /** Availability types that this calendar supports */
+        allowedAvailabilities?: Availability[];
+
+        /** Boolean value indicating whether this is the device’s primary calendar */
+        isPrimary?: boolean; // Android
+
+        /** Internal system name of the calendar */
+        name?: string; // Android
+
+        /** Name for the account that owns this calendar */
+        ownerAccount?: string; // Android
+
+        /** Time zone for the calendar	 */
+        timeZone?: string; // Android
+
+        /** Alarm methods that this calendar supports */
+        allowedReminders?: AlarmMethod[]; // Android
+
+        /** Attendee types that this calendar supports */
+        allowedAttendeeTypes?: AttendeeType[]; // Android
+
+        /** Indicates whether the OS displays events on this calendar */
+        isVisible?: boolean; // Android
+
+        /** Indicates whether this calendar is synced and its events stored on the device */
+        isSynced?: boolean; // Android
+
+        /** Level of access that the user has for the calendar */
+        accessLevel?: CalendarAccessLevel; // Android
+    }
+
+    interface Source {
+        /** Internal ID that represents this source on the device */
+        id?: string; // iOS only ??
+
+        /** Type of account that owns this calendar */
+        type?: string;
+
+        /** Name for the account that owns this calendar */
+        name?: string;
+
+        /** Whether this source is the local phone account */
+        isLocalAccount?: boolean; // Android
+    }
+
+    interface Event {
+        /** Internal ID that represents this event on the device */
+        id?: string;
+
+        /** ID of the calendar that contains this event */
+        calendarId?: string;
+
+        /** Visible name of the event */
+        title?: string;
+
+        /** Location field of the event	 */
+        location?: string;
+
+        /** Date when the event record was created */
+        creationDate?: string; // iOS
+
+        /** Date when the event record was last modified */
+        lastModifiedDate?: string; // iOS
+
+        /** Time zone the event is scheduled in */
+        timeZone?: string;
+
+        /** Time zone for the event end time */
+        endTimeZone?: string; // Android
+
+        /** URL for the event */
+        url?: string; // iOS
+
+        /** Description or notes saved with the event */
+        notes?: string;
+
+        /** Array of Alarm objects which control automated reminders to the user */
+        alarms?: Alarm[];
+
+        /** Object representing rules for recurring or repeating events. Null for one-time events. */
+        recurrenceRule?: RecurrenceRule;
+
+        /** Date object or string representing the time when the event starts */
+        startDate?: string | Date;
+
+        /** Date object or string representing the time when the event ends */
+        endDate?: string | Date;
+
+        /** For recurring events, the start date for the first (original) instance of the event */
+        originalStartDate?: string; // iOS
+
+        /** Boolean value indicating whether or not the event is a detached (modified) instance of a recurring event */
+        isDetached?: boolean; // iOS
+
+        /** Whether the event is displayed as an all-day event on the calendar */
+        allDay?: boolean;
+
+        /** The availability setting for the event */
+        availability?: Availability; // Availability
+
+        /** Status of the event */
+        status?: EventStatus; // Status
+
+        /** Organizer of the event, as an Attendee object */
+        organizer?: string; // Organizer - iOS
+
+        /** Email address of the organizer of the event */
+        organizerEmail?: string; // Android
+
+        /** User’s access level for the event */
+        accessLevel?: EventAccessLevel; // Android,
+
+        /** Whether invited guests can modify the details of the event */
+        guestsCanModify?: boolean; // Android,
+
+        /** Whether invited guests can invite other guests */
+        guestsCanInviteOthers?: boolean; // Android
+
+        /** Whether invited guests can see other guests */
+        guestsCanSeeGuests?: boolean; // Android
+
+        /** For detached (modified) instances of recurring events, the ID of the original recurring event */
+        originalId?: string; // Android
+
+        /** For instances of recurring events, volatile ID representing this instance; not guaranteed to always refer to the same instance */
+        instanceId?: string; // Android
+    }
+
+    interface Attendee {
+        /** Internal ID that represents this attendee on the device */
+        id?: string; // Android
+
+        /** Indicates whether or not this attendee is the current OS user */
+        isCurrentUser?: boolean; // iOS
+
+        /** Displayed name of the attendee */
+        name?: string;
+
+        /** Role of the attendee at the event */
+        role?: AttendeeRole;
+
+        /** Status of the attendee in relation to the event */
+        status?: AttendeeStatus;
+
+        /** Type of the attendee */
+        type?: AttendeeType;
+
+        /** URL for the attendee */
+        url?: string; // iOS
+
+        /** Email address of the attendee */
+        email?: string; // Android
+    }
+
+    interface Reminder {
+        /** Internal ID that represents this reminder on the device */
+        id?: string;
+
+        /** ID of the calendar that contains this reminder */
+        calendarId?: string;
+
+        /** Visible name of the reminder */
+        title?: string;
+
+        /** Location field of the reminder */
+        location?: string;
+
+        /** Date when the reminder record was created */
+        creationDate?: string;
+
+        /** Date when the reminder record was last modified */
+        lastModifiedDate?: string;
+
+        /** Time zone the reminder is scheduled in */
+        timeZone?: string;
+
+        /** URL for the reminder */
+        url?: string;
+
+        /** Description or notes saved with the reminder */
+        notes?: string;
+
+        /** Array of Alarm objects which control automated alarms to the user about the task */
+        alarms?: Alarm[];
+
+        /** Object representing rules for recurring or repeated reminders. Null for one-time tasks. */
+        recurrenceRule?: RecurrenceRule;
+
+        /** Date object or string representing the start date of the reminder task */
+        startDate?: string;
+
+        /** Date object or string representing the time when the reminder task is due */
+        dueDate?: string;
+
+        /** Indicates whether or not the task has been completed */
+        completed?: boolean;
+
+        /** Date object or string representing the date of completion, if completed is true */
+        completionDate?: string;
+    }
+
+    interface Alarm {
+        /** Date object or string representing an absolute time the alarm should occur; overrides relativeOffset and structuredLocation if specified alongside either */
+        absoluteDate?: string; // iOS
+
+        /** Number of minutes from the startDate of the calendar item that the alarm should occur; use negative values to have the alarm occur before the startDate */
+        relativeOffset?: string;
+        structuredLocation?: {
+            // iOS
+            title?: string;
+            proximity?: string; // Proximity
+            radius?: number;
+            coords?: {
+                latitude?: number;
+                longitude?: number;
+            };
+        };
+
+        /** Method of alerting the user that this alarm should use; on iOS this is always a notification */
+        method?: AlarmMethod; // Method, Android
+    }
+
+    interface RecurrenceRule {
+        /** How often the calendar item should recur */
+        frequency: Frequency; // Frequency
+
+        /** Interval at which the calendar item should recur. For example, an interval: 2 with frequency: DAILY would yield an event that recurs every other day. Defaults to 1 . */
+        interval?: number;
+
+        /** Date on which the calendar item should stop recurring; overrides occurrence if both are specified */
+        endDate?: string;
+
+        /** Number of times the calendar item should recur before stopping */
+        occurrence?: number;
+    }
+
+    enum EntityTypes {
+        EVENT = 'event',
+        REMINDER = 'reminder',
+    }
+
+    enum CalendarType {
+        LOCAL = 'local',
+        CALDAV = 'caldav',
+        EXCHANGE = 'exchange',
+        SUBSCRIBED = 'subscribed',
+        BIRTHDAYS = 'birthdays'
+    }
+
+    enum Availability {
+        NOT_SUPPORTED = 'notSupported', // iOS
+        BUSY = 'busy',
+        FREE = 'free',
+        TENTATIVE = 'tentative',
+        UNAVAILABLE = 'unavailable' // iOS
+    }
+
+    enum AlarmMethod {
+        ALARM = 'alarm',
+        ALERT = 'alert',
+        EMAIL = 'email',
+        SMS = 'sms',
+        DEFAULT = 'default',
+    }
+
+    enum AttendeeType {
+        UNKNOWN = 'unknown', // iOS
+        PERSON = 'person', // iOS
+        ROOM = 'room', // iOS
+        GROUP = 'group', // iOS
+        RESOURCE = 'resource',
+        OPTIONAL = 'optional', // Android
+        REQUIRED = 'required', // Android
+        NONE = 'none' // Android
+    }
+
+    enum CalendarAccessLevel {
+        CONTRIBUTOR = 'contributor',
+        EDITOR = 'editor',
+        FREEBUSY = 'freebusy',
+        OVERRIDE = 'override',
+        OWNER = 'owner',
+        READ = 'read',
+        RESPOND = 'respond',
+        ROOT = 'root',
+        NONE = 'none'
+    }
+
+    enum EventAccessLevel {
+        CONFIDENTIAL = 'confidential',
+        PRIVATE = 'private',
+        PUBLIC = 'public',
+        DEFAULT = 'default'
+    }
+
+    enum EventStatus {
+        NONE = 'none',
+        CONFIRMED = 'confirmed',
+        TENTATIVE = 'tentative',
+        CANCELED = 'canceled'
+    }
+
+    enum AttendeeRole {
+        UNKNOWN = 'unknown', // iOS
+        REQUIRED = 'required', // iOS
+        OPTIONAL = 'optional', // iOS
+        CHAIR = 'chair', // iOS
+        NON_PARTICIPANT = 'nonParticipant', // iOS
+        ATTENDEE = 'attendee', // Android
+        ORGANIZER = 'organizer', // Android
+        PERFORMER = 'performer', // Android
+        SPEAKER = 'speaker', // Android
+        NONE = 'none' // Android
+    }
+
+    enum AttendeeStatus {
+        UNKNOWN = 'unknown', // iOS
+        PENDING = 'pending', // iOS
+        ACCEPTED = 'accepted',
+        DECLINED = 'declined',
+        TENTATIVE = 'tentative',
+        DELEGATED = 'delegated', // iOS
+        COMPLETED = 'completed', // iOS
+        IN_PROCESS = 'inProcess', // iOS
+        INVITED = 'invited', // Android
+        NONE = 'none' // Android
+    }
+
+    enum Frequency {
+        DAILY = 'daily',
+        WEEKLY = 'weekly',
+        MONTHLY = 'monthly',
+        YEARLY = 'yearly'
+    }
+
+    enum ReminderStatus {
+        COMPLETED = 'completed',
+        INCOMPLETE = 'incomplete'
+    }
+
+    interface RecurringEventOptions {
+        futureEvents?: boolean;
+        instanceStartDate?: string;
+    }
+
+    /** Gets an array of calendar objects with details about the different calendars stored on the device. */
+    function getCalendarsAsync(
+        /** (iOS only) Not required, but if defined, filters the returned calendars to a specific entity type.  */
+        entityType?: EntityTypes
+    ): Promise<Calendar[]>;
+
+    /** Creates a new calendar on the device, allowing events to be added later and displayed. */
+    function createCalendarAsync(details: Calendar): Promise<string>;
+
+    /** Updates the provided details of an existing calendar stored on the device. To remove a property, explicitly set it to null in details */
+    function updateCalendarAsync(id: string, details?: Calendar | null): Promise<string>;
+
+    /** Deletes an existing calendar and all associated events/reminders/attendees from the device. Use with caution. */
+    function deleteCalendarAsync(id: string): Promise<void>;
+
+    /** Returns all events in a given set of calendars over a specified time period. */
+    function getEventsAsync(
+        /** Array of IDs of calendars to search for events in. Required. */
+        calendarIds: string[],
+
+        /** Beginning of time period to search for events in. Required. */
+        startDate: Date,
+
+        /** End of time period to search for events in. Required. */
+        endDate: Date
+    ): Promise<Event[]>;
+
+    /** Returns a specific event selected by ID. If a specific instance of a recurring event is desired, the start date of this instance must also be provided, as instances of recurring events do not have their own unique and stable IDs on either iOS or Android. */
+    function getEventAsync(
+        /** ID of the event to return. Required. */
+        id: string,
+
+        /** A map of options for recurring events */
+        recurringEventOptions?: RecurringEventOptions
+    ): Promise<Event>;
+
+    /** Creates a new event on the specified calendar. */
+    function createEventAsync(
+        /** ID of the calendar to create this event in. Required. */
+        calendarId: string,
+        details?: Event
+    ): Promise<string>;
+
+    /** Updates the provided details of an existing calendar stored on the device. To remove a property, explicitly set it to null in details */
+    function updateEventAsync(
+        /** ID of the event to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated  */
+        details?: Event | null,
+
+        /** A map of options for recurring events */
+        recurrentEventOptions?: RecurringEventOptions
+    ): Promise<string>;
+
+    /** Deletes an existing event from the device. Use with caution. */
+    function deleteEventAsync(
+        /** ID of the event to be deleted. Required. */
+        id: string,
+
+        /** A map of options for recurring events */
+        recurringEventOptions?: RecurringEventOptions
+    ): Promise<void>;
+
+    /** Gets all attendees for a given event (or instance of a recurring event). */
+    function getAttendeesForEventAsync(
+        /** ID of the event to return attendees for. Required. */
+        eventId: string,
+
+        /** A map of options for recurring events */
+        recurrentEventOptions?: RecurringEventOptions
+    ): Promise<Attendee[]>;
+
+    /** Available on Android only. Creates a new attendee record and adds it to the specified event. Note that if eventId specifies a recurring event, this will add the attendee to every instance of the event. */
+    function createAttendeeAsync(
+        /**  ID of the event to add this attendee to. Required. */
+        eventId: string,
+
+        /** A map of details for the attendee to be created  */
+        details?: Attendee
+    ): Promise<string>;
+
+    /** Available on Android only. Updates an existing attendee record. To remove a property, explicitly set it to null in details. */
+    function updateAttendeeAsync(
+        /** ID of the attendee record to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated  */
+        details?: Attendee | null
+    ): Promise<string>;
+
+    /** Available on Android only. Deletes an existing attendee record from the device. Use with caution. */
+    function deleteAttendeeAsync(id: string): Promise<void>;
+
+    /** Available on iOS only. Returns a list of reminders matching the provided criteria. */
+    function getRemindersAsync(
+        /**  Array of IDs of calendars to search for reminders in. Required. */
+        calendarIds: string[],
+
+        status?: ReminderStatus,
+
+        /** Beginning of time period to search for reminders in. Required if status is defined. */
+        startDate?: Date,
+
+        /** End of time period to search for reminders in. Required if status is defined. */
+        endDate?: Date
+    ): Promise<Reminder[]>;
+
+    /** Available on iOS only. Returns a specific reminder selected by ID. */
+    function getReminderAsync(id: string): Promise<Reminder>;
+
+    /** Available on iOS only. Creates a new reminder on the specified calendar. */
+    function createReminderAsync(
+        /** ID of the calendar to create this reminder in. Required. */
+        calendarId: string,
+
+        /** A map of details for the reminder to be created */
+        details?: Reminder
+    ): Promise<string>;
+
+    /** Available on iOS only. Updates the provided details of an existing reminder stored on the device. To remove a property, explicitly set it to null in details. */
+    function updateReminderAsync(
+        /** ID of the reminder to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated */
+        details?: Reminder | null
+    ): Promise<string>;
+
+    /** Available on iOS only. Deletes an existing reminder from the device. Use with caution. */
+    function deleteReminderAsync(id: string): Promise<void>;
+
+    /** Available on iOS only. */
+    function getSourcesAsync(): Promise<Source[]>;
+
+    /** Available on iOS only. Returns a specific source selected by ID. */
+    function getSourceAsync(id: string): Promise<Source>;
+
+    /** Available on Android only. Sends an intent to open the specified event in the OS Calendar app. */
+    function openEventInCalendar(
+        /** ID of the event to open. Required. */
+        id: string
+    ): void;
+}
+// #endregion
+
+// #region MailComposer
+/**
+ * An API to compose mails using OS specific UI.
+ */
+export namespace MailComposer {
+    interface ComposeOptions {
+        /** An array of e-mail addressess of the recipients. */
+        recipients?: string[];
+
+        /** An array of e-mail addressess of the CC recipients. */
+        ccRecipients?: string[];
+
+        /** An array of e-mail addressess of the BCC recipients. */
+        bccRecipients?: string[];
+
+        /** Subject of the mail. */
+        subject?: string;
+
+        /** Body of the mail. */
+        body?: string;
+
+        /** Whether the body contains HTML tags so it could be formatted properly. Not working perfectly on Android. */
+        isHtml?: boolean;
+
+        /** An array of app’s internal file uris to attach. */
+        attachments?: string[];
+    }
+
+    /** Resolves to a promise with object containing status field that could be either sent, saved or cancelled. Android does not provide such info so it always resolves to sent. */
+    function composeAsync(
+        /** A map defining the data to fill the mail */
+        options: ComposeOptions
+    ): Promise<{ status: 'sent' | 'saved' | 'cancelled' }>;
+}
+// #endregion
+
+export namespace Updates {
+    namespace EventType {
+        /** A new update is available and has started downloading. */
+        type DownloadStart = 'downloadStart';
+        /** A new update is currently being downloaded and will be stored in the device's cache. */
+        type DownloadProgress = 'downloadProgress';
+        /** A new update has finished downloading and is now stored in the device's cache. */
+        type DownloadFinished = 'downloadFinished';
+        /** No updates are available, and the most up-to-date bundle of this experience is already running. */
+        type NoUpdateAvailable = 'noUpdateAvailable';
+        /** An error occurred trying to fetch the latest update. */
+        type Error = 'error';
+
+        /** A new update is available and has started downloading. */
+        const DOWNLOAD_STARTED: DownloadStart;
+        /** A new update is currently being downloaded and will be stored in the device's cache. */
+        const DOWNLOAD_PROGRESS: DownloadProgress;
+        /** A new update has finished downloading and is now stored in the device's cache. */
+        const DOWNLOAD_FINISHED: DownloadFinished;
+        /** No updates are available, and the most up-to-date bundle of this experience is already running. */
+        const NO_UPDATE_AVAILABLE: NoUpdateAvailable;
+        /** An error occurred trying to fetch the latest update. */
+        const ERROR: Error;
+    }
+
+    interface UpdateCheck {
+        /** True if an update is available, false if you're already running the most up-to-date JS bundle. */
+        isAvailable: boolean;
+        /** If `isAvailable` is true, the manifest of the available update. Undefined otherwise. */
+        manifest?: Constants.Manifest;
+    }
+
+    interface UpdateBundle {
+        /** True if the fetched bundle is new (i.e. a different version that the what's currently running). */
+        isNew: boolean;
+        /** Manifest of the fetched update. */
+        manifest: Constants.Manifest;
+    }
+
+    /** An object that is passed into each event listener when a new version is available. */
+    interface UpdateEvent {
+        /** Type of the event */
+        type: EventType.DownloadStart
+            | EventType.DownloadProgress
+            | EventType.DownloadFinished
+            | EventType.NoUpdateAvailable
+            | EventType.Error;
+        /** If `type === Expo.Updates.EventType.DOWNLOAD_FINISHED`, the manifest of the newly downloaded update. Undefined otherwise. */
+        manifest?: Constants.Manifest;
+        /** If `type === Expo.Updates.EventType.ERROR`, the error message. Undefined otherwise. */
+        message?: string;
+    }
+
+    /** An optional params object passed to fetchUpdateAsync. */
+    interface FetchUpdateAsyncParams {
+        eventListener: UpdateEventListener;
+    }
+
+    type UpdateEventListener = (event: UpdateEvent) => any;
+
+    /**
+     * Invokes a callback when updates-related events occur,
+     * either on the initial app load or as a result of a call to `Expo.Updates.fetchUpdateAsync`.
+     */
+    function addListener(listener: UpdateEventListener): EventSubscription;
+
+    /**
+     * Check if a new published version of your project is available.
+     * Does not actually download the update.
+     * Rejects if `updates.enabled` is `false` in app.json.
+     */
+    function checkForUpdateAsync(): Promise<UpdateCheck>;
+
+    /**
+     * Downloads the most recent published version of your experience to the device's local cache.
+     * Rejects if `updates.enabled` is `false` in app.json.
+     */
+    function fetchUpdateAsync(params?: FetchUpdateAsyncParams): Promise<UpdateBundle>;
+
+    /**
+     * Immediately reloads the current experience.
+     * This will use your app.json updates configuration to fetch and load the newest available JS supported by the device's Expo environment.
+     * This is useful for triggering an update of your experience if you have published a new version.
+     */
+    function reload(): void;
+
+    /**
+     * Immediately reloads the current experience using the most recent cached version.
+     * This is useful for triggering an update of your experience if you have published and already downloaded a new version.
+     */
+    function reloadFromCache(): void;
+}
+
+// #region MediaLibrary
+/**
+ * https://docs.expo.io/versions/latest/sdk/media-library
+ * Provides access to user's media library
+ * Requires Permissions.CAMERA_ROLL permissions.
+ */
+
+export namespace MediaLibrary {
+  /**
+   * Creates an asset from existing file. The most common use case is to save a picture taken by Camera.
+   */
+  function createAssetAsync(localUri: string): Promise<Asset>;
+
+  /**
+   * Fetches a page of assets matching the provided criteria.
+   */
+  function getAssetsAsync(options: GetAssetsOptions): Promise<GetAssetsResult>;
+
+  /**
+   * Provides more informations about an asset, including GPS location, local URI and EXIF metadata.
+   */
+  function getAssetInfoAsync(asset: string | Asset): Promise<Asset>;
+
+  /**
+   * Deletes assets from the library. On iOS it deletes assets from all albums they belong to, while on Android it keeps all copies of them
+   * (album is strictly connected to the asset). Also, there is additional dialog on iOS that requires user to confirm this action.
+   */
+  function deleteAssetsAsync(asset: string[] | Asset[]): Promise<boolean>;
+
+  /**
+   * Queries for user-created albums in media gallery.
+   */
+  function getAlbumsAsync(): Promise<Album[]>;
+
+  /**
+   * Queries for an album with a specific name.
+   */
+  function getAlbumAsync(albumName: string): Promise<Album>;
+
+  /**
+   * Creates an album with given name and initial asset.
+   * The asset parameter is required on Android, since it's not possible to create empty album on this platform.
+   */
+  function createAlbumAsync(albumName: string, asset: string | Asset): Promise<Album>;
+
+  /**
+   * Adds array of assets to the album.
+   * On Android, by default it copies assets from the current album to provided one, however it's also possible to move them by passing false as copyAssets argument.
+   * In case they're copied you should keep in mind that getAssetsAsync will return duplicated assets.
+   */
+  function addAssetsToAlbumAsync(assets: Asset[], album: string | Album, copyAssets?: boolean /* default true */): Promise<boolean>;
+
+  /**
+   * Removes given assets from album.
+   * On Android, album will be automatically deleted if there are no more assets inside.
+   */
+  function removeAssetsFromAlbumAsync(assets: Asset[], album: string | Album): Promise<boolean>;
+
+  /**
+   * Available on iOS only. Fetches a list of moments, which is a group of assets taken around the same place and time.
+   */
+  function getMomentsAsync(): Promise<Album[]>;
+
+  enum MediaType {
+    audio = 'audio',
+    photo = 'photo',
+    video = 'video',
+    unknow = 'unknow'
+  }
+
+  enum SortBy {
+    default = 'default',
+    id = 'id',
+    creationTime = 'creationTime',
+    modificationTime = 'modificationTime',
+    mediaType = 'mediaType',
+    width = 'width',
+    height = 'height',
+    duration = 'duration'
+  }
+
+  // region Asset
+  interface AssetAndroid {
+    albumId?: string;
+  }
+
+  interface AssetIos {
+    mediaSubtypes?: MediaType[];
+    // *
+    orientation: number;
+    // *
+    isFavorite: boolean;
+  }
+
+  interface Asset extends AssetAndroid, AssetIos {
+    id: string;
+    filename: string;
+    uri: string;
+    mediaType: string;
+    width: number;
+    height: number;
+    creationTime: number;
+    modificationTime: number;
+    duration: number;
+    // *
+    localUri?: string;
+    // *
+    location?: Location.LocationProps;
+    // *
+    exif?: object;
+  }
+
+  /**
+   * These fields can be obtained only by calling getAssetInfoAsync method
+   */
+  //#endregion
+
+  // #region Album
+  interface AlbumIos {
+    type?: string;
+    // *
+    startTime: number;
+    // *
+    endTime: number;
+    // *
+    approximateLocation?: Location.LocationProps;
+    // *
+    locationNames?: string[];
+  }
+
+  /**
+   * These fields apply only to albums whose type is moment
+   */
+
+  interface Album extends AlbumIos {
+    id: string;
+    title: string;
+    assetCount: number;
+  }
+  // #endregion
+
+  interface GetAssetsOptions {
+    first?: number;
+    after?: string;
+    album?: string | Album;
+    sortBy?: SortBy;
+    mediaType?: MediaType;
+  }
+
+  interface GetAssetsResult {
+    assets: Asset[];
+    endCursor: string;
+    hasNextPage: boolean;
+    totalCount: number;
+  }
+}
+// #endregion
+
+// #region Haptic
+/**
+ * https://docs.expo.io/versions/latest/sdk/haptic
+ * Provides haptic feedback for iOS 10+ devices using the Taptic Engine.
+ * If this is used in Android the device will use ReactNative.Vibrate instead, it's best to just avoid this.
+ */
+export namespace Haptic {
+  /**
+   * Used to let a user know when a selection change has been registered
+   */
+  function selection(): void;
+  function notification(notificationType?: NotificationType): void;
+  function impact(impactStyles?: ImpactStyles): void;
+
+  enum ImpactStyles {
+    Light = 'light',
+    Medium = 'medium',
+    Heavy = 'heavy'
+  }
+
+  enum NotificationType {
+    Success = 'success',
+    Warning = 'warning',
+    Error = 'error'
+  }
+}
+// #endregion
diff --git a/types/expo/v27/tsconfig.json b/types/expo/v27/tsconfig.json
new file mode 100644
index 0000000000..d493a7f59a
--- /dev/null
+++ b/types/expo/v27/tsconfig.json
@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "expo": [
+                "expo/v27"
+            ],
+            "expo/*": [
+                "expo/v27/*"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "expo-tests.tsx"
+    ]
+}
diff --git a/types/expo/v27/tslint.json b/types/expo/v27/tslint.json
new file mode 100644
index 0000000000..8270136207
--- /dev/null
+++ b/types/expo/v27/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "void-return": false,
+        "max-line-length": false
+    }
+}
diff --git a/types/expo/v30/expo-tests.tsx b/types/expo/v30/expo-tests.tsx
new file mode 100644
index 0000000000..61467bd5d1
--- /dev/null
+++ b/types/expo/v30/expo-tests.tsx
@@ -0,0 +1,953 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import {
+    Accelerometer,
+    AdMobAppEvent,
+    AdMobBanner,
+    AdMobInterstitial,
+    AdMobRewarded,
+    Amplitude,
+    Asset,
+    AuthSession,
+    Audio,
+    AppLoading,
+    BarCodeScanner,
+    BlurViewProps,
+    BlurView,
+    Brightness,
+    Camera,
+    CameraObject,
+    DocumentPicker,
+    Facebook,
+    FacebookAds,
+    FileSystem,
+    ImagePicker,
+    ImageManipulator,
+    FaceDetector,
+    Linking,
+    Svg,
+    IntentLauncherAndroid,
+    KeepAwake,
+    LinearGradient,
+    Permissions,
+    PublisherBanner,
+    registerRootComponent,
+    ScreenOrientation,
+    SQLite,
+    Calendar,
+    MailComposer,
+    Location,
+    Updates,
+    MediaLibrary,
+    Haptic,
+    Constants
+} from 'expo';
+
+const reverseGeocode: Promise<Location.GeocodeData[]> = Location.reverseGeocodeAsync({
+    latitude: 0,
+    longitude: 0
+});
+
+Accelerometer.addListener((obj) => {
+    obj.x;
+    obj.y;
+    obj.z;
+});
+Accelerometer.removeAllListeners();
+Accelerometer.setUpdateInterval(1000);
+
+() => (
+    <AdMobBanner
+        bannerSize="leaderboard"
+        adUnitID="ca-app-pub-3940256099942544/6300978111"
+        testDeviceID="EMULATOR"
+        didFailToReceiveAdWithError={(error: string) => console.log(error)}
+        style={{ flex: 1 }}
+    />
+);
+
+() => (
+    <PublisherBanner
+        bannerSize="leaderboard"
+        adUnitID="ca-app-pub-3940256099942544/6300978111"
+        testDeviceID="EMULATOR"
+        didFailToReceiveAdWithError={(error: string) => console.log(error)}
+        onAdMobDispatchAppEvent={(event: AdMobAppEvent) => console.log(event)}
+        style={{ flex: 1 }}
+    />
+);
+
+AdMobInterstitial.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
+AdMobInterstitial.setTestDeviceID('EMULATOR');
+async () => {
+    await AdMobInterstitial.requestAdAsync();
+    await AdMobInterstitial.showAdAsync();
+};
+
+AdMobRewarded.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
+AdMobRewarded.setTestDeviceID('EMULATOR');
+async () => {
+    await AdMobRewarded.requestAdAsync();
+    await AdMobRewarded.showAdAsync();
+};
+
+Amplitude.initialize('key');
+Amplitude.setUserId('userId');
+Amplitude.setUserProperties({key: 1});
+Amplitude.clearUserProperties();
+Amplitude.logEvent('name');
+Amplitude.logEventWithProperties('event', {key: 'value'});
+Amplitude.setGroup('type', ['value']);
+
+const asset = Asset.fromModule(1);
+asset.downloadAsync();
+Asset.loadAsync(1);
+Asset.loadAsync([1, 2, 3]);
+const asset1 = new Asset({
+    uri: 'uri',
+    type: 'type',
+    name: 'name',
+    hash: 'hash',
+    width: 122,
+    height: 122
+});
+
+const url = AuthSession.getRedirectUrl();
+AuthSession.dismiss();
+AuthSession.startAsync({
+    authUrl: 'url1',
+    returnUrl: 'url2'
+}).then(result => {
+    switch (result.type) {
+        case 'success':
+            result.event;
+            result.params;
+            break;
+        case 'error':
+            result.errorCode;
+            result.params;
+            result.event;
+            break;
+        case 'dismissed':
+        case 'cancel':
+            result.type;
+            break;
+    }
+});
+AuthSession.startAsync({
+    authUrl: 'url1',
+    returnUrl: undefined
+});
+
+Audio.setAudioModeAsync({
+    shouldDuckAndroid: false,
+    playsInSilentModeIOS: true,
+    interruptionModeIOS: 2,
+    interruptionModeAndroid: 1,
+    allowsRecordingIOS: true
+});
+Audio.setIsEnabledAsync(true);
+
+Audio.INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS === 0;
+Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX === 1;
+Audio.INTERRUPTION_MODE_IOS_DUCK_OTHERS === 2;
+
+Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX === 1;
+Audio.INTERRUPTION_MODE_ANDROID_DUCK_OTHERS === 2;
+
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_DEFAULT === 0;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_THREE_GPP === 1;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG_4 === 2;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_NB === 3;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_WB === 4;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADIF === 5;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS === 6;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_RTP_AVP === 7;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG2TS === 8;
+Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_WEBM === 9;
+
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_DEFAULT === 0;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_NB === 1;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_WB === 2;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC === 3;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_HE_AAC === 4;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC_ELD === 5;
+Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_VORBIS === 6;
+
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_LINEARPCM === 'lpcm';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AC3 === 'ac-3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_60958AC3 === 'cac3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLEIMA4 === 'ima4';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC === 'aac ';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4CELP === 'celp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4HVXC === 'hvxc';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4TWINVQ === 'twvq';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE3 === 'MAC3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE6 === 'MAC6';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ULAW === 'ulaw';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ALAW === 'alaw';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN === 'QDMC';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN2 === 'QDM2';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_QUALCOMM === 'Qclp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER1 === '.mp1';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER2 === '.mp2';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER3 === '.mp3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLELOSSLESS === 'alac';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE === 'aach';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_LD === 'aacl';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD === 'aace';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_SBR === 'aacf';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_V2 === 'aacg';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE_V2 === 'aacp';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_SPATIAL === 'aacs';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR === 'samr';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR_WB === 'sawb';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AUDIBLE === 'AUDB';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ILBC === 'ilbc';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_DVIINTELIMA === 0x6d730011;
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MICROSOFTGSM === 0x6d730031;
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_AES3 === 'aes3';
+Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_ENHANCEDAC3 === 'ec-3';
+
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MIN === 0;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_LOW === 0x20;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM === 0x40;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_HIGH === 0x60;
+Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MAX === 0x7f;
+
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_CONSTANT === 0;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_LONG_TERM_AVERAGE === 1;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE_CONSTRAINED === 2;
+Audio.RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE === 3;
+
+Audio.RECORDING_OPTIONS_PRESET_HIGH_QUALITY;
+Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY;
+async () => {
+    const result = await Audio.Sound.create({uri: 'uri'}, {
+        volume: 0.55,
+        rate: 16.5
+    }, null, true);
+
+    const sound = result.sound;
+    const status = result.status;
+
+    if (!status.isLoaded) {
+        status.error;
+    } else {
+        status.didJustFinish;
+        // etc.
+    }
+
+    const _status = await sound.getStatusAsync();
+    await sound.loadAsync({uri: 'uri'});
+};
+
+() => (
+    <AppLoading
+        startAsync={() => Promise.resolve()}
+        onFinish={() => {}}
+        onError={(error) => console.log(error)} />
+);
+() => (
+    <AppLoading />
+);
+
+const barcodeReadCallback = () => {};
+() => (
+    <BarCodeScanner
+        type="front"
+        torchMode="off"
+        barCodeTypes={[BarCodeScanner.Constants.BarCodeType.aztec]}
+        onBarCodeRead={barcodeReadCallback} />
+);
+
+() => (
+    <BlurView
+        tint="dark"
+        intensity={2} />
+);
+
+async () => {
+    await Brightness.setBrightnessAsync(0.65);
+    await Brightness.setSystemBrightnessAsync(0.75);
+    const br1 = await Brightness.getBrightnessAsync();
+    const br2 = await Brightness.getSystemBrightnessAsync();
+};
+
+Camera.Constants.AutoFocus;
+Camera.Constants.Type;
+Camera.Constants.FlashMode;
+Camera.Constants.WhiteBalance;
+Camera.Constants.VideoQuality;
+Camera.Constants.BarCodeType;
+() => {
+    return(<Camera ref={(component: any) => {
+        if (component) {
+            component.recordAsync();
+        }
+    }} />);
+};
+async (camera: CameraObject) => {
+    const picture = await camera.takePictureAsync({
+        quality: 0.5,
+        base64: true,
+        exif: true
+    });
+
+    picture.uri;
+    picture.width;
+    picture.height;
+    picture.exif;
+    picture.base64;
+
+    camera.takePictureAsync({
+        quality: 1,
+        onPictureSaved: pic => {
+            pic.uri;
+            pic.width;
+            pic.height;
+            pic.exif;
+            pic.base64;
+        }
+    });
+};
+
+async () => {
+    const result = await DocumentPicker.getDocumentAsync();
+
+    if (result.type === 'success') {
+        result.name;
+        result.uri;
+        result.size;
+    }
+};
+
+async () => {
+    const { type, expires, token } = await Facebook.logInWithReadPermissionsAsync("appId");
+};
+
+() => (
+    <FacebookAds.BannerView
+        type="large"
+        placementId="str"
+        onPress={() => {}}
+        onError={() => {}} />
+);
+
+async () => {
+    const info = await FileSystem.getInfoAsync('file');
+
+    info.exists;
+    info.isDirectory;
+
+    if (info.exists) {
+        info.md5;
+        info.uri;
+        info.size;
+        info.modificationTime;
+    }
+
+    const string: string = await FileSystem.readAsStringAsync('file');
+    await FileSystem.writeAsStringAsync('file', 'content');
+    await FileSystem.deleteAsync('file');
+    await FileSystem.moveAsync({ from: 'from', to: 'to'});
+    await FileSystem.copyAsync({ from: 'from', to: 'to' });
+    await FileSystem.makeDirectoryAsync('dir');
+    const dirs: string[] = await FileSystem.readDirectoryAsync('dir');
+    const result = await FileSystem.downloadAsync('from', 'to');
+
+    result.headers;
+    result.status;
+    result.uri;
+    result.md5;
+};
+
+async () => {
+    // Video test
+    const result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: ImagePicker.MediaTypeOptions.Videos,
+    });
+
+    if (!result.cancelled) {
+        result.uri;
+        result.width;
+        result.height;
+        result.duration;
+        result.type;
+    }
+};
+
+async () => {
+    // Image test
+    const result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: ImagePicker.MediaTypeOptions.Images,
+        base64: true,
+        aspect: [4, 3],
+        quality: 1,
+        exif: true,
+    });
+
+    if (!result.cancelled) {
+        result.uri;
+        result.width;
+        result.height;
+        result.exif;
+        result.base64;
+        result.type;
+    }
+};
+
+async () => {
+    const result = await ImageManipulator.manipulate('url', [
+        { rotate: 90 },
+        { resize: { width: 300 } },
+        { resize: { height: 300 } },
+        { resize: { height: 300, width: 300 } },
+    ], {
+        compress: 0.75
+    });
+
+    result.height;
+    result.uri;
+    result.width;
+};
+
+FaceDetector.Constants.Mode.fast;
+FaceDetector.Constants.Mode.accurate;
+FaceDetector.Constants.Landmarks.all;
+FaceDetector.Constants.Landmarks.none;
+FaceDetector.Constants.Classifications.all;
+FaceDetector.Constants.Classifications.none;
+async () => {
+    const result = await FaceDetector.detectFaces('url', {
+        mode: FaceDetector.Constants.Mode.fast,
+        detectLandmarks: FaceDetector.Constants.Landmarks.all,
+        runClassifications: FaceDetector.Constants.Classifications.none
+    });
+
+    result.faces[0];
+};
+
+async () => {
+    function isBoolean(x: boolean) {
+    }
+    function isString(x: string) {
+    }
+    // Two examples of members inherited from react-native Linking
+    // to prove that inheritence is working.
+    Linking.addEventListener('url', (e) => {
+        e.url === '';
+    });
+    isBoolean(await Linking.canOpenURL('expo://'));
+
+    // Extensions added by expo.
+
+    isString(Linking.makeUrl('path'));
+    isString(Linking.makeUrl('path', { q: 2, u: 'ery', }));
+
+    const {
+        path,
+        queryParams,
+    } = Linking.parse('');
+    isString(path);
+    isString(queryParams['x'] || '');
+
+    const {
+        path: path2,
+        queryParams: queryParams2,
+    } = await Linking.parseInitialURLAsync();
+    isString(path2);
+    isString(queryParams2['y'] || '');
+};
+
+() => (
+    <Svg width={100} height={50}>
+        <Svg.Rect
+            x={25}
+            y={5}
+            width={150}
+            height={50}
+            fill='rgb(0,0,255)'
+            strokeWidth={3}
+            stroke='rgb(0,0,0)'
+            transform="translate(0, 0)"
+        />
+        <Svg.Circle
+            cx={50}
+            cy={50}
+            r={50}
+            fill="pink"
+            transform="translate(0, 0)"
+        />
+        <Svg.Ellipse
+            cx={55}
+            cy={55}
+            rx={50}
+            ry={30}
+            stroke="purple"
+            strokeWidth={2}
+            fill="yellow"
+            transform="translate(0, 0)"
+        />
+        <Svg.Line
+            x1={0}
+            y1={0}
+            x2={100}
+            y2={100}
+            stroke="red"
+            strokeWidth={2}
+            transform="translate(0, 0)"
+        />
+        <Svg.Polygon
+            points="40,5 70,80 25,95"
+            fill="lime"
+            stroke="purple"
+            strokeWidth={1}
+            transform="translate(0, 0)"
+        />
+        <Svg.Polyline
+            points="10,10 20,12 30,20 40,60 60,70 95,90"
+            fill="none"
+            stroke="black"
+            strokeWidth={3}
+            transform="translate(0, 0)"
+        />
+        <Svg.Text
+            fill="none"
+            stroke="purple"
+            fontSize={20}
+            fontWeight="bold"
+            x={100}
+            y={20}
+            textAnchor="middle"
+            transform="translate(0, 0)"
+        >
+            STROKED TEXT
+        </Svg.Text>
+        <Svg.Defs>
+            <Svg.Path
+                id="path"
+                d=""
+            />
+        </Svg.Defs>
+        <Svg.G transform="translate(0, 0)" y={20}>
+            <Svg.Text fill="blue" transform={{ translateX: 0, translateY: 0 }}>
+                <Svg.TextPath href="#path" startOffset="-10%">
+                    We go up and down,
+                    <Svg.TSpan fill="red" dy="5,5,5">then up again</Svg.TSpan>
+                </Svg.TextPath>
+            </Svg.Text>
+            <Svg.Path
+                d=""
+                fill="none"
+                stroke="red"
+                strokeWidth={1}
+            />
+        </Svg.G>
+        <Svg.Use href="#shape" transform="translate(0, 0)" x="20" y="0" />
+        <Svg.Use href="#shape" transform={{ translateX: 0, translateY: 0 }} x="20" y="0" width="20" height="20"/>
+        <Svg.Symbol id="symbol" viewBox="0 0 150 110" width="100" height="50">
+            <Svg.Circle cx="50" cy="50" r="40" strokeWidth="8" stroke="red" fill="red"/>
+            <Svg.Circle cx="90" cy="60" r="40" strokeWidth="8" stroke="green" fill="white"/>
+        </Svg.Symbol>
+        <Svg.Defs>
+            <Svg.ClipPath id="clip">
+                <Svg.Circle cx="50%" cy="50%" r="40%"/>
+            </Svg.ClipPath>
+            <Svg.RadialGradient id="grad" cx="50%" cy="50%" rx="50%" ry="50%" fx="50%" fy="50%" gradientUnits="userSpaceOnUse">
+                <Svg.Stop
+                    offset="0%"
+                    stopColor="#ff0"
+                    stopOpacity="1"
+                />
+            </Svg.RadialGradient>
+            <Svg.LinearGradient id="grad" x1="0" y1="0" x2="170" y2="0">
+                <Svg.Stop offset="1" stopColor="red" stopOpacity="1" />
+            </Svg.LinearGradient>
+        </Svg.Defs>
+    </Svg>
+);
+
+() => (
+    <Svg width={100} height={50} preserveAspectRatio="none" />
+);
+
+IntentLauncherAndroid.ACTION_ACCESSIBILITY_SETTINGS === 'android.settings.ACCESSIBILITY_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_NOTIFICATION_REDACTION === 'android.settings.ACTION_APP_NOTIFICATION_REDACTION';
+IntentLauncherAndroid.ACTION_CONDITION_PROVIDER_SETTINGS === 'android.settings.ACTION_CONDITION_PROVIDER_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_LISTENER_SETTINGS === 'android.settings.ACTION_NOTIFICATION_LISTENER_SETTINGS';
+IntentLauncherAndroid.ACTION_PRINT_SETTINGS === 'android.settings.ACTION_PRINT_SETTINGS';
+IntentLauncherAndroid.ACTION_ADD_ACCOUNT_SETTINGS === 'android.settings.ADD_ACCOUNT_SETTINGS';
+IntentLauncherAndroid.ACTION_AIRPLANE_MODE_SETTINGS === 'android.settings.AIRPLANE_MODE_SETTINGS';
+IntentLauncherAndroid.ACTION_APN_SETTINGS === 'android.settings.APN_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_DETAILS_SETTINGS === 'android.settings.APPLICATION_DETAILS_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_DEVELOPMENT_SETTINGS === 'android.settings.APPLICATION_DEVELOPMENT_SETTINGS';
+IntentLauncherAndroid.ACTION_APPLICATION_SETTINGS === 'android.settings.APPLICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_NOTIFICATION_SETTINGS === 'android.settings.APP_NOTIFICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_APP_OPS_SETTINGS === 'android.settings.APP_OPS_SETTINGS';
+IntentLauncherAndroid.ACTION_BATTERY_SAVER_SETTINGS === 'android.settings.BATTERY_SAVER_SETTINGS';
+IntentLauncherAndroid.ACTION_BLUETOOTH_SETTINGS === 'android.settings.BLUETOOTH_SETTINGS';
+IntentLauncherAndroid.ACTION_CAPTIONING_SETTINGS === 'android.settings.CAPTIONING_SETTINGS';
+IntentLauncherAndroid.ACTION_CAST_SETTINGS === 'android.settings.CAST_SETTINGS';
+IntentLauncherAndroid.ACTION_DATA_ROAMING_SETTINGS === 'android.settings.DATA_ROAMING_SETTINGS';
+IntentLauncherAndroid.ACTION_DATE_SETTINGS === 'android.settings.DATE_SETTINGS';
+IntentLauncherAndroid.ACTION_DEVICE_INFO_SETTINGS === 'android.settings.DEVICE_INFO_SETTINGS';
+IntentLauncherAndroid.ACTION_DEVICE_NAME === 'android.settings.DEVICE_NAME';
+IntentLauncherAndroid.ACTION_DISPLAY_SETTINGS === 'android.settings.DISPLAY_SETTINGS';
+IntentLauncherAndroid.ACTION_DREAM_SETTINGS === 'android.settings.DREAM_SETTINGS';
+IntentLauncherAndroid.ACTION_HARD_KEYBOARD_SETTINGS === 'android.settings.HARD_KEYBOARD_SETTINGS';
+IntentLauncherAndroid.ACTION_HOME_SETTINGS === 'android.settings.HOME_SETTINGS';
+IntentLauncherAndroid.ACTION_IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS === 'android.settings.IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_IGNORE_BATTERY_OPTIMIZATION_SETTINGS === 'android.settings.IGNORE_BATTERY_OPTIMIZATION_SETTINGS';
+IntentLauncherAndroid.ACTION_INPUT_METHOD_SETTINGS === 'android.settings.INPUT_METHOD_SETTINGS';
+IntentLauncherAndroid.ACTION_INPUT_METHOD_SUBTYPE_SETTINGS === 'android.settings.INPUT_METHOD_SUBTYPE_SETTINGS';
+IntentLauncherAndroid.ACTION_INTERNAL_STORAGE_SETTINGS === 'android.settings.INTERNAL_STORAGE_SETTINGS';
+IntentLauncherAndroid.ACTION_LOCALE_SETTINGS === 'android.settings.LOCALE_SETTINGS';
+IntentLauncherAndroid.ACTION_LOCATION_SOURCE_SETTINGS === 'android.settings.LOCATION_SOURCE_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS === 'android.settings.MANAGE_ALL_APPLICATIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_APPLICATIONS_SETTINGS === 'android.settings.MANAGE_APPLICATIONS_SETTINGS';
+IntentLauncherAndroid.ACTION_MANAGE_DEFAULT_APPS_SETTINGS === 'android.settings.MANAGE_DEFAULT_APPS_SETTINGS';
+IntentLauncherAndroid.ACTION_MEMORY_CARD_SETTINGS === 'android.settings.MEMORY_CARD_SETTINGS';
+IntentLauncherAndroid.ACTION_MONITORING_CERT_INFO === 'android.settings.MONITORING_CERT_INFO';
+IntentLauncherAndroid.ACTION_NETWORK_OPERATOR_SETTINGS === 'android.settings.NETWORK_OPERATOR_SETTINGS';
+IntentLauncherAndroid.ACTION_NFCSHARING_SETTINGS === 'android.settings.NFCSHARING_SETTINGS';
+IntentLauncherAndroid.ACTION_NFC_PAYMENT_SETTINGS === 'android.settings.NFC_PAYMENT_SETTINGS';
+IntentLauncherAndroid.ACTION_NFC_SETTINGS === 'android.settings.NFC_SETTINGS';
+IntentLauncherAndroid.ACTION_NIGHT_DISPLAY_SETTINGS === 'android.settings.NIGHT_DISPLAY_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS === 'android.settings.NOTIFICATION_POLICY_ACCESS_SETTINGS';
+IntentLauncherAndroid.ACTION_NOTIFICATION_SETTINGS === 'android.settings.NOTIFICATION_SETTINGS';
+IntentLauncherAndroid.ACTION_PAIRING_SETTINGS === 'android.settings.PAIRING_SETTINGS';
+IntentLauncherAndroid.ACTION_PRIVACY_SETTINGS === 'android.settings.PRIVACY_SETTINGS';
+IntentLauncherAndroid.ACTION_QUICK_LAUNCH_SETTINGS === 'android.settings.QUICK_LAUNCH_SETTINGS';
+IntentLauncherAndroid.ACTION_REQUEST_IGNORE_BATTERY_OPTIMIZATIONS === 'android.settings.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS';
+IntentLauncherAndroid.ACTION_SECURITY_SETTINGS === 'android.settings.SECURITY_SETTINGS';
+IntentLauncherAndroid.ACTION_SETTINGS === 'android.settings.SETTINGS';
+IntentLauncherAndroid.ACTION_SHOW_ADMIN_SUPPORT_DETAILS === 'android.settings.SHOW_ADMIN_SUPPORT_DETAILS';
+IntentLauncherAndroid.ACTION_SHOW_INPUT_METHOD_PICKER === 'android.settings.SHOW_INPUT_METHOD_PICKER';
+IntentLauncherAndroid.ACTION_SHOW_REGULATORY_INFO === 'android.settings.SHOW_REGULATORY_INFO';
+IntentLauncherAndroid.ACTION_SHOW_REMOTE_BUGREPORT_DIALOG === 'android.settings.SHOW_REMOTE_BUGREPORT_DIALOG';
+IntentLauncherAndroid.ACTION_SOUND_SETTINGS === 'android.settings.SOUND_SETTINGS';
+IntentLauncherAndroid.ACTION_STORAGE_MANAGER_SETTINGS === 'android.settings.STORAGE_MANAGER_SETTINGS';
+IntentLauncherAndroid.ACTION_SYNC_SETTINGS === 'android.settings.SYNC_SETTINGS';
+IntentLauncherAndroid.ACTION_SYSTEM_UPDATE_SETTINGS === 'android.settings.SYSTEM_UPDATE_SETTINGS';
+IntentLauncherAndroid.ACTION_TETHER_PROVISIONING_UI === 'android.settings.TETHER_PROVISIONING_UI';
+IntentLauncherAndroid.ACTION_TRUSTED_CREDENTIALS_USER === 'android.settings.TRUSTED_CREDENTIALS_USER';
+IntentLauncherAndroid.ACTION_USAGE_ACCESS_SETTINGS === 'android.settings.USAGE_ACCESS_SETTINGS';
+IntentLauncherAndroid.ACTION_USER_DICTIONARY_INSERT === 'android.settings.USER_DICTIONARY_INSERT';
+IntentLauncherAndroid.ACTION_USER_DICTIONARY_SETTINGS === 'android.settings.USER_DICTIONARY_SETTINGS';
+IntentLauncherAndroid.ACTION_USER_SETTINGS === 'android.settings.USER_SETTINGS';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_AIRPLANE_MODE === 'android.settings.VOICE_CONTROL_AIRPLANE_MODE';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_BATTERY_SAVER_MODE === 'android.settings.VOICE_CONTROL_BATTERY_SAVER_MODE';
+IntentLauncherAndroid.ACTION_VOICE_CONTROL_DO_NOT_DISTURB_MODE === 'android.settings.VOICE_CONTROL_DO_NOT_DISTURB_MODE';
+IntentLauncherAndroid.ACTION_VOICE_INPUT_SETTINGS === 'android.settings.VOICE_INPUT_SETTINGS';
+IntentLauncherAndroid.ACTION_VPN_SETTINGS === 'android.settings.VPN_SETTINGS';
+IntentLauncherAndroid.ACTION_VR_LISTENER_SETTINGS === 'android.settings.VR_LISTENER_SETTINGS';
+IntentLauncherAndroid.ACTION_WEBVIEW_SETTINGS === 'android.settings.WEBVIEW_SETTINGS';
+IntentLauncherAndroid.ACTION_WIFI_IP_SETTINGS === 'android.settings.WIFI_IP_SETTINGS';
+IntentLauncherAndroid.ACTION_WIFI_SETTINGS === 'android.settings.WIFI_SETTINGS';
+IntentLauncherAndroid.ACTION_WIRELESS_SETTINGS === 'android.settings.WIRELESS_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_AUTOMATION_SETTINGS === 'android.settings.ZEN_MODE_AUTOMATION_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_EVENT_RULE_SETTINGS === 'android.settings.ZEN_MODE_EVENT_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_EXTERNAL_RULE_SETTINGS === 'android.settings.ZEN_MODE_EXTERNAL_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_PRIORITY_SETTINGS === 'android.settings.ZEN_MODE_PRIORITY_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_SCHEDULE_RULE_SETTINGS === 'android.settings.ZEN_MODE_SCHEDULE_RULE_SETTINGS';
+IntentLauncherAndroid.ACTION_ZEN_MODE_SETTINGS === 'android.settings.ZEN_MODE_SETTINGS';
+
+KeepAwake.activate();
+KeepAwake.deactivate();
+
+() => (
+    <LinearGradient
+        colors={['#fff']}
+        start={[1, 1]} />
+);
+
+() => (
+    <LinearGradient
+        colors={['#fff']}
+        style={{ flex: 1 }} />
+);
+
+Permissions.CAMERA === 'camera';
+Permissions.CAMERA_ROLL === 'cameraRoll';
+Permissions.AUDIO_RECORDING === 'audioRecording';
+Permissions.CONTACTS === 'contacts';
+Permissions.NOTIFICATIONS === 'remoteNotifications';
+Permissions.REMOTE_NOTIFICATIONS === 'remoteNotifications';
+Permissions.SYSTEM_BRIGHTNESS === 'systemBrightness';
+Permissions.USER_FACING_NOTIFICATIONS === 'userFacingNotifications';
+Permissions.REMINDERS === 'reminders';
+async () => {
+    const result = await Permissions.askAsync(Permissions.CAMERA);
+
+    result.status === 'granted';
+    result.status === 'denied';
+    result.status === 'undetermined';
+
+    result.expires === 'never';
+};
+
+ScreenOrientation.Orientation.ALL;
+ScreenOrientation.allow(ScreenOrientation.Orientation.ALL);
+
+class __TestEntry__ extends React.Component {
+    render() {
+        return(
+            <Text>test</Text>
+        );
+    }
+}
+registerRootComponent(__TestEntry__);
+
+Calendar.EntityTypes.EVENT === 'event';
+Calendar.EntityTypes.REMINDER === 'reminder';
+
+Calendar.CalendarType.LOCAL === 'local';
+Calendar.CalendarType.CALDAV === 'caldav';
+Calendar.CalendarType.EXCHANGE === 'exchange';
+Calendar.CalendarType.SUBSCRIBED === 'subscribed';
+Calendar.CalendarType.BIRTHDAYS === 'birthdays';
+
+async () => {
+    const result = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);
+    result.length;
+
+    const calendar = result[0];
+    calendar.id === '';
+    calendar.title === '';
+    calendar.sourceId === '';
+    calendar.type === Calendar.CalendarType.BIRTHDAYS;
+    calendar.color === '';
+    calendar.entityType === Calendar.EntityTypes.EVENT;
+    calendar.allowsModifications === true;
+    calendar.allowedAvailabilities === [''];
+    calendar.isPrimary === true;
+    calendar.name === '';
+    calendar.ownerAccount === '';
+    calendar.timeZone === '';
+    calendar.allowedReminders === [''];
+    calendar.allowedAttendeeTypes === [''];
+    calendar.isVisible === false;
+    calendar.isSynced === false;
+    calendar.accessLevel === Calendar.CalendarAccessLevel.CONTRIBUTOR;
+
+    if (calendar.source) {
+        calendar.source.id === '';
+        calendar.source.type === '';
+        calendar.source.name === '';
+        calendar.source.isLocalAccount === false;
+    }
+
+    const id1 =  await Calendar.createCalendarAsync({
+        accessLevel: Calendar.CalendarAccessLevel.EDITOR
+    });
+
+    id1 === '';
+
+    const id2 = await Calendar.updateCalendarAsync('1234', {
+        isVisible: false
+    });
+
+    id2 === '';
+
+    const id3 = await Calendar.updateCalendarAsync('1234', null);
+
+    await Calendar.deleteCalendarAsync('1234');
+
+    const events = await Calendar.getEventsAsync(
+        ['123', '124'],
+        new Date(),
+        new Date()
+    );
+
+    const event1 = events[0];
+
+    event1.accessLevel === Calendar.EventAccessLevel.CONFIDENTIAL;
+    event1.alarms === [];
+    event1.allDay === true;
+    event1.availability === Calendar.Availability.FREE;
+    event1.calendarId === '';
+    event1.creationDate === '';
+    event1.endDate === '';
+    event1.endTimeZone === '';
+    event1.guestsCanInviteOthers === true;
+    event1.guestsCanModify === true;
+    event1.guestsCanSeeGuests === false;
+    event1.id === '';
+    event1.instanceId === '';
+    event1.isDetached === false;
+
+    const event2 = await Calendar.getEventAsync('123', {
+        futureEvents: true
+    });
+
+    const eventId1 = await Calendar.createEventAsync('123');
+
+    const eventId2 = await Calendar.updateEventAsync('1234');
+
+    await Calendar.deleteEventAsync('1234');
+
+    const attendees = await Calendar.getAttendeesForEventAsync('123');
+
+    const aId1 = await Calendar.createAttendeeAsync('123');
+
+    const aId2 = await Calendar.updateAttendeeAsync('123');
+
+    await Calendar.deleteAttendeeAsync('123');
+
+    const reminders = await Calendar.getRemindersAsync(['123']);
+
+    const reminder = await Calendar.getReminderAsync('123');
+
+    const remId1 = await Calendar.createReminderAsync('123');
+
+    const remId2 = await Calendar.updateReminderAsync('123');
+
+    await Calendar.deleteReminderAsync('123');
+
+    const sources = await Calendar.getSourcesAsync();
+
+    const source = await Calendar.getSourceAsync('123');
+
+    Calendar.openEventInCalendar('123');
+};
+
+async () => {
+    const result = await MailComposer.composeAsync({
+        subject: 'sss'
+    });
+
+    result.status === 'saved';
+};
+
+async () => {
+    const updateEventListener: Updates.UpdateEventListener = ({ type, manifest, message }) => {
+        switch (type) {
+            case Updates.EventType.DOWNLOAD_STARTED:
+            case Updates.EventType.DOWNLOAD_PROGRESS:
+            case Updates.EventType.DOWNLOAD_FINISHED:
+            case Updates.EventType.NO_UPDATE_AVAILABLE:
+            case Updates.EventType.ERROR:
+                return true;
+        }
+    };
+
+    Updates.reload();
+
+    Updates.reloadFromCache();
+
+    Updates.addListener(updateEventListener);
+
+    const updateCheckResult = await Updates.checkForUpdateAsync();
+
+    if (updateCheckResult.isAvailable) {
+        console.log(updateCheckResult.manifest);
+    }
+
+    Updates.fetchUpdateAsync({ eventListener: updateEventListener });
+
+    const bundleFetchResult = await Updates.fetchUpdateAsync();
+
+    if (bundleFetchResult.isNew) {
+        console.log(bundleFetchResult.manifest);
+    }
+};
+
+async () => {
+  const asset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('some-url');
+  const getAssetsOptions: MediaLibrary.GetAssetsOptions = {
+    first: 0,
+    after: 'lastAssetId',
+    album: 'albumId',
+    sortBy: MediaLibrary.SortBy.creationTime,
+    mediaType: MediaLibrary.MediaType.photo
+  };
+  const assetsList: MediaLibrary.GetAssetsResult = await MediaLibrary.getAssetsAsync(getAssetsOptions);
+  const endCursor: string = assetsList.endCursor;
+  const hasNextPage: boolean = assetsList.hasNextPage;
+  const totalCount: number = assetsList.totalCount;
+  const asset1: MediaLibrary.Asset = await MediaLibrary.getAssetInfoAsync(asset);
+  if (await MediaLibrary.deleteAssetsAsync(assetsList.assets)) {
+    console.log('assets deleted');
+  }
+  const albums: MediaLibrary.Album[] = await MediaLibrary.getAlbumsAsync();
+  const album: MediaLibrary.Album | null = await MediaLibrary.getAlbumAsync('albumName');
+  const album1: MediaLibrary.Album = await MediaLibrary.createAlbumAsync('albumName', asset1);
+  if (await MediaLibrary.addAssetsToAlbumAsync([asset, asset1], album1, true)) {
+    console.log('assets added');
+  }
+
+  const moments: MediaLibrary.Album[] = await MediaLibrary.getMomentsAsync();
+
+  switch (getAssetsOptions.mediaType) {
+    case MediaLibrary.MediaType.audio:
+    case MediaLibrary.MediaType.photo:
+    case MediaLibrary.MediaType.video:
+    case MediaLibrary.MediaType.unknow:
+      return true;
+  }
+
+  switch (getAssetsOptions.sortBy) {
+    case MediaLibrary.SortBy.default:
+    case MediaLibrary.SortBy.id:
+    case MediaLibrary.SortBy.creationTime:
+    case MediaLibrary.SortBy.modificationTime:
+    case MediaLibrary.SortBy.mediaType:
+    case MediaLibrary.SortBy.width:
+    case MediaLibrary.SortBy.height:
+    case MediaLibrary.SortBy.duration:
+      return true;
+  }
+};
+// #region MediaLibrary
+async () => {
+  const mlAsset: MediaLibrary.Asset = await MediaLibrary.createAssetAsync('localUri');
+  const mlAssetResult: MediaLibrary.GetAssetsResult = await MediaLibrary.getAssetsAsync({
+    first: 0,
+    after: '',
+    album: 'Album',
+    sortBy: MediaLibrary.SortBy.creationTime,
+    mediaType: MediaLibrary.MediaType.photo
+  });
+  const mlAsset1: MediaLibrary.Asset = await MediaLibrary.getAssetInfoAsync(mlAsset);
+  const areDeleted: boolean = await MediaLibrary.deleteAssetsAsync([mlAsset]);
+  const albums: MediaLibrary.Album[] = await MediaLibrary.getAlbumsAsync();
+  const album: MediaLibrary.Album = await MediaLibrary.getAlbumAsync('album');
+  const album1: MediaLibrary.Album = await MediaLibrary.createAlbumAsync('album', mlAsset);
+  const areAddedToAlbum: boolean = await MediaLibrary.addAssetsToAlbumAsync([mlAsset, mlAsset1], 'album');
+  const areDeletedFromAlbum: boolean = await MediaLibrary.removeAssetsFromAlbumAsync([mlAsset, mlAsset1], 'album');
+  const momuents: MediaLibrary.Album[] = await MediaLibrary.getMomentsAsync();
+};
+//#endregion
+
+// #region Haptic
+Haptic.impact(Haptic.ImpactStyles.Heavy);
+Haptic.impact(Haptic.ImpactStyles.Light);
+Haptic.impact(Haptic.ImpactStyles.Medium);
+
+Haptic.notification(Haptic.NotificationType.Error);
+Haptic.notification(Haptic.NotificationType.Success);
+Haptic.notification(Haptic.NotificationType.Error);
+
+Haptic.selection();
+// #endregion
+
+// #region Constants
+async () => {
+    const appOwnerShip = Constants.appOwnership;
+    const expoVersion = Constants.expoVersion;
+    const installationId = Constants.installationId;
+    const deviceId = Constants.deviceId;
+    const deviceName = Constants.deviceName;
+    const deviceYearClass = Constants.deviceYearClass;
+    const isDevice = Constants.isDevice;
+    const platform = Constants.platform;
+    const sessionId = Constants.sessionId;
+    const statusBarHeight = Constants.statusBarHeight;
+    const systemFonts = Constants.systemFonts;
+    const manifest = Constants.manifest;
+    const linkingUri = Constants.linkingUri;
+    const userAgent: string = await Constants.getWebViewUserAgentAsync();
+};
+// #endregion
diff --git a/types/expo/v30/index.d.ts b/types/expo/v30/index.d.ts
new file mode 100644
index 0000000000..d5891bad2d
--- /dev/null
+++ b/types/expo/v30/index.d.ts
@@ -0,0 +1,3147 @@
+// Type definitions for expo 30.0
+// Project: https://github.com/expo/expo-sdk
+// Definitions by: Konstantin Kai <https://github.com/KonstantinKai>
+//                 Martynas Kadiša <https://github.com/martynaskadisa>
+//                 Jan Aagaard <https://github.com/janaagaard75>
+//                 Sergio Sánchez <https://github.com/ssanchezmarc>
+//                 Fernando Helwanger <https://github.com/fhelwanger>
+//                 Umidbek Karimov <https://github.com/umidbekkarimov>
+//                 Moshe Feuchtwanger <https://github.com/moshfeu>
+//                 Michael Prokopchuk <https://github.com/prokopcm>
+//                 Tina Roh <https://github.com/tinaroh>
+//                 Nathan Phillip Brink <https://github.com/binki>
+//                 Martin Olsson <https://github.com/mo>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { EventSubscription } from 'fbemitter';
+import { Component, ComponentClass, Ref, ComponentType } from 'react';
+import {
+    ColorPropType,
+    ImageRequireSource,
+    ImageURISource,
+    LinkingStatic as ReactNativeLinkingStatic,
+    NativeEventEmitter,
+    ViewProps,
+    ViewStyle,
+    Permission,
+    StyleProp
+} from 'react-native';
+
+export type Axis = number;
+export type BarCodeReadCallback = (params: { type: string; data: string; }) => void;
+export type Md5 = string;
+export type Orientation = 'portrait' | 'landscape';
+export type RequireSource = ImageRequireSource;
+export type ResizeModeContain = 'contain';
+export type ResizeModeCover = 'cover';
+export type ResizeModeStretch = 'stretch';
+export type URISource = ImageURISource;
+
+export interface HashMap { [key: string]: any; }
+export interface StringHashMap { [key: string]: string; }
+
+/** Access the device accelerometer sensor(s) to respond to changes in acceleration in 3d space. */
+export namespace Accelerometer {
+    interface AccelerometerObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    /**
+     * Subscribe for updates to the accelerometer.
+     * @param listener A callback that is invoked when an accelerometer update is available. When invoked, the listener is provided a single argumument that is an object containing keys x, y, z.
+     * @returns An EventSubscription object that you can call remove() on when you would like to unsubscribe the listener.
+     */
+    function addListener(listener: (obj: AccelerometerObject) => any): EventSubscription;
+
+    /** Remove all listeners. */
+    function removeAllListeners(): void;
+
+    /**
+     * Subscribe for updates to the accelerometer.
+     * @param intervalMs Desired interval in milliseconds between accelerometer updates.
+     */
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * Admob
+ */
+export type AdMobBannerSize =
+    | 'banner'
+    | 'largeBanner'
+    | 'mediumRectangle'
+    | 'fullBanner'
+    | 'leaderboard'
+    | 'smartBannerPortrait'
+    | 'smartBannerLandscape';
+export interface AdMobBannerProperties extends ViewProps {
+    bannerSize?: AdMobBannerSize;
+    adUnitID?: string;
+    testDeviceID?: string;
+    didFailToReceiveAdWithError?(errorDescription: string): void;
+    adViewDidReceiveAd?(): void;
+    adViewWillPresentScreen?(): void;
+    adViewWillDismissScreen?(): void;
+    adViewDidDismissScreen?(): void;
+    adViewWillLeaveApplication?(): void;
+}
+
+export class AdMobBanner extends Component<AdMobBannerProperties> { }
+export interface AdMobAppEvent {
+    name: string;
+    info: string;
+}
+export interface PublisherBannerProperties extends AdMobBannerProperties {
+    onAdMobDispatchAppEvent?(event: AdMobAppEvent): void;
+}
+export class PublisherBanner extends Component<PublisherBannerProperties> { }
+
+export type AdMobInterstitialEmptyEvent =
+    | 'interstitialDidLoad'
+    | 'interstitialDidOpen'
+    | 'interstitialDidClose'
+    | 'interstitialWillLeaveApplication';
+export type AdMobInterstitialEvent = AdMobInterstitialEmptyEvent | 'interstitialDidFailToLoad';
+export namespace AdMobInterstitial {
+    function setAdUnitID(id: string): void;
+    function setTestDeviceID(id: string): void;
+    function requestAdAsync(): Promise<void>;
+    function showAdAsync(): Promise<void>;
+    function dismissAdAsync(): Promise<void>;
+    function getIsReadyAsync(): Promise<boolean>;
+    function addEventListener(event: 'interstitialDidFailToLoad', handler: (error: string) => void): void;
+    function addEventListener(event: AdMobInterstitialEmptyEvent, handler: () => void): void;
+    function removeEventListener(event: 'interstitialDidFailToLoad', handler: (error: string) => void): void;
+    function removeEventListener(event: AdMobInterstitialEmptyEvent, handler: () => void): void;
+    function removeAllListeners(): void;
+}
+
+export type AdMobRewardedEmptyEvent =
+    | 'rewardedVideoDidLoad'
+    | 'rewardedVideoDidOpen'
+    | 'rewardedVideoDidStart'
+    | 'rewardedVideoDidClose'
+    | 'rewardedVideoWillLeaveApplication';
+export type AdMobRewardedEvent = AdMobRewardedEmptyEvent | 'rewardedVideoDidRewardUser' | 'rewardedVideoDidFailToLoad';
+export namespace AdMobRewarded {
+    function setAdUnitID(id: string): void;
+    function setTestDeviceID(id: string): void;
+    function requestAdAsync(): Promise<void>;
+    function showAdAsync(): Promise<void>;
+    function dismissAdAsync(): Promise<void>;
+    function getIsReadyAsync(): Promise<boolean>;
+    function addEventListener(event: 'rewardedVideoDidRewardUser', handler: (type: string, amount: number) => void): void;
+    function addEventListener(event: 'rewardedVideoDidFailToLoad', handler: (error: string) => void): void;
+    function addEventListener(event: AdMobRewardedEmptyEvent, handler: () => void): void;
+    function removeEventListener(event: 'rewardedVideoDidRewardUser', handler: (type: string, amount: number) => void): void;
+    function removeEventListener(event: 'rewardedVideoDidFailToLoad', handler: (error: string) => void): void;
+    function removeEventListener(event: AdMobRewardedEmptyEvent, handler: () => void): void;
+    function removeAllListeners(): void;
+}
+
+/**
+ * Provides access to Amplitude mobile analytics which basically lets you log various events to the Cloud. This module wraps Amplitude’s iOS and Android SDKs.
+ *
+ * Note: Session tracking may not work correctly when running Experiences in the main Expo app. It will work correctly if you create a standalone app.
+ */
+export namespace Amplitude {
+    /** Initializes Amplitude with your Amplitude API key. */
+    function initialize(apiKey: string): void;
+
+    /** Assign a user ID to the current user. If you don’t have a system for user IDs you don’t need to call this. */
+    function setUserId(userId: string): void;
+
+    /** Set properties for the current user. */
+    function setUserProperties(userProperties: HashMap): void;
+
+    /** Clear properties set by `setUserProperties()`. */
+    function clearUserProperties(): void;
+
+    /** Log an event to Amplitude. */
+    function logEvent(eventName: string): void;
+
+    /** Log an event to Amplitude with custom properties. */
+    function logEventWithProperties(
+        eventName: string,
+
+        /** A map of custom properties. */
+        properties: HashMap
+    ): void;
+
+    /** Add the current user to a group. */
+    function setGroup(
+        /** The group name, e.g. `'sports'`. */
+        groupType: string,
+
+        /** An array of group names, e.g. `['tennis', 'soccer']`. */
+        groupNames: string[]
+    ): void;
+}
+
+// #region AppLoading
+/** The following props are recommended, but optional for the sake of backwards compatibility (they were introduced in SDK21). If you do not provide any props, you are responsible for coordinating loading assets, handling errors, and updating state to unmount the `AppLoading` component. */
+export interface AppLoadingProps {
+    /** A `function` that returns a `Promise`. The `Promise` should resolve when the app is done loading data and assets. */
+    startAsync?: () => Promise<void>;
+
+    /** Required if you provide `startAsync`. Called when `startAsync` resolves or rejects. This should be used to set state and unmount the `AppLoading` component. */
+    onFinish?: () => void;
+
+    /** If `startAsync` throws an error, it is caught and passed into the function provided to `onError`. */
+    onError?: (error: Error) => void;
+}
+
+/**
+ * A React component that tells Expo to keep the app loading screen open if it is the first and only component rendered in your app. When it is removed, the loading screen will disappear and your app will be visible.
+ *
+ * This is incredibly useful to let you download and cache fonts, logo and icon images and other assets that you want to be sure the user has on their device for an optimal experience before rendering they start using the app.
+ */
+export class AppLoading extends Component<AppLoadingProps> { }
+// #endregion AppLoading
+
+/** This module provides an interface to Expo’s asset system. An asset is any file that lives alongside the source code of your app that the app needs at runtime. Examples include images, fonts and sounds. Expo’s asset system integrates with React Native’s, so that you can refer to files with require('path/to/file'). This is how you refer to static image files in React Native for use in an Image component, for example. */
+export class Asset {
+    constructor({ name, type, hash, uri, width, height }: {
+        name: string;
+        type: string;
+        hash: string;
+        uri: string;
+        width?: number;
+        height?: number;
+    });
+
+    /** The MD5 hash of the asset’s data. */
+    hash: Md5;
+
+    /** The name of the asset file without the extension. Also without the part from @ onward in the filename (used to specify scale factor for images). */
+    name: string;
+
+    /** The extension of the asset filename. */
+    type: string;
+
+    /** A URI that points to the asset’s data on the remote server. When running the published version of your app, this refers to the the location on Expo’s asset server where Expo has stored your asset. When running the app from XDE during development, this URI points to XDE’s server running on your computer and the asset is served directly from your computer. */
+    uri: string;
+
+    /** If the asset has been downloaded (by calling `downloadAsync()`), the `file://` URI pointing to the local file on the device that contains the asset data. */
+    localUri: string;
+
+    /** If the asset is an image, the width of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */
+    width?: number;
+
+    /** If the asset is an image, the height of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */
+    height?: number;
+
+    downloading: boolean;
+    downloaded: boolean;
+    downloadCallbacks: Array<{ resolve: () => any, reject: (e?: any) => any }>;
+
+    /** Downloads the asset data to a local file in the device’s cache directory. Once the returned promise is fulfilled without error, the localUri field of this asset points to a local file containing the asset data. The asset is only downloaded if an up-to-date local file for the asset isn’t already present due to an earlier download. */
+    downloadAsync(): Promise<void>;
+
+    /** Returns the `Expo.Asset` instance representing an asset given its module. */
+    static fromModule(module: RequireSource): Asset;
+
+    /**
+     * A helper that wraps `Expo.Asset.fromModule(module).downloadAsync` for convenience.
+     * @param moduleIds An array of `require('path/to/file')`. Can also be just one module without an Array.
+     */
+    static loadAsync(module: RequireSource[] | RequireSource): Promise<void>;
+}
+
+/**
+ * Provides basic sample playback and recording.
+ *
+ * Note that Expo does not yet support backgrounding, so audio is not available to play in the background of your experience. Audio also automatically stops if headphones / bluetooth audio devices are disconnected.
+ */
+export namespace Audio {
+    enum InterruptionModeIos {
+        /** This is the default option. If this option is set, your experience’s audio is mixed with audio playing in background apps. */
+        INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS = 0,
+
+        /** If this option is set, your experience’s audio interrupts audio from other apps. */
+        INTERRUPTION_MODE_IOS_DO_NOT_MIX = 1,
+
+        /** If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */
+        INTERRUPTION_MODE_IOS_DUCK_OTHERS = 2
+    }
+
+    const INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS: 0;
+    const INTERRUPTION_MODE_IOS_DO_NOT_MIX: 1;
+    const INTERRUPTION_MODE_IOS_DUCK_OTHERS: 2;
+
+    enum InterruptionModeAndroid {
+        /** If this option is set, your experience’s audio interrupts audio from other apps. */
+        INTERRUPTION_MODE_ANDROID_DO_NOT_MIX = 1,
+
+        /** This is the default option. If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */
+        INTERRUPTION_MODE_ANDROID_DUCK_OTHERS = 2
+    }
+
+    const INTERRUPTION_MODE_ANDROID_DO_NOT_MIX: 1;
+    const INTERRUPTION_MODE_ANDROID_DUCK_OTHERS: 2;
+
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_DEFAULT: 0;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_THREE_GPP: 1;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG_4: 2;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_NB: 3;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_WB: 4;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADIF: 5;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS: 6;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_RTP_AVP: 7;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG2TS: 8;
+    const RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_WEBM: 9;
+
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_DEFAULT: 0;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_NB: 1;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_WB: 2;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC: 3;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_HE_AAC: 4;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC_ELD: 5;
+    const RECORDING_OPTION_ANDROID_AUDIO_ENCODER_VORBIS: 6;
+
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_LINEARPCM: 'lpcm';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AC3: 'ac-3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_60958AC3: 'cac3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLEIMA4: 'ima4';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC: 'aac ';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4CELP: 'celp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4HVXC: 'hvxc';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4TWINVQ: 'twvq';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE3: 'MAC3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE6: 'MAC6';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ULAW: 'ulaw';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ALAW: 'alaw';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN: 'QDMC';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN2: 'QDM2';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_QUALCOMM: 'Qclp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER1: '.mp1';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER2: '.mp2';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER3: '.mp3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLELOSSLESS: 'alac';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE: 'aach';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_LD: 'aacl';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD: 'aace';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_SBR: 'aacf';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_V2: 'aacg';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE_V2: 'aacp';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_SPATIAL: 'aacs';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR: 'samr';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR_WB: 'sawb';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AUDIBLE: 'AUDB';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ILBC: 'ilbc';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_DVIINTELIMA: 0x6d730011;
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_MICROSOFTGSM: 0x6d730031;
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_AES3: 'aes3';
+    const RECORDING_OPTION_IOS_OUTPUT_FORMAT_ENHANCEDAC3: 'ec-3';
+
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MIN: 0;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_LOW: 0x20;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM: 0x40;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_HIGH: 0x60;
+    const RECORDING_OPTION_IOS_AUDIO_QUALITY_MAX: 0x7f;
+
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_CONSTANT: 0;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_LONG_TERM_AVERAGE: 1;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE_CONSTRAINED: 2;
+    const RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE: 3;
+
+    type RecordingStatus = {
+        canRecord: false,
+        isDoneRecording: false
+    } | {
+        canRecord: true,
+        isRecording: boolean,
+        durationMillis: number
+    } | {
+        canRecord: false,
+        isDoneRecording: true,
+        durationMillis: number
+    };
+
+    const RECORDING_OPTIONS_PRESET_HIGH_QUALITY: RecordingOptions;
+    const RECORDING_OPTIONS_PRESET_LOW_QUALITY: RecordingOptions;
+
+    interface RecordingOptions {
+        android: {
+            extension: string;
+            outputFormat: number;
+            audioEncoder: number;
+            sampleRate?: number;
+            numberOfChannels?: number;
+            bitRate?: number;
+            maxFileSize?: number;
+        };
+        ios: {
+            extension: string;
+            outputFormat?: string | number;
+            audioQuality: number;
+            sampleRate: number;
+            numberOfChannels: number;
+            bitRate: number;
+            bitRateStrategy?: number;
+            bitDepthHint?: number;
+            linearPCMBitDepth?: number;
+            linearPCMIsBigEndian?: boolean;
+            linearPCMIsFloat?: boolean;
+        };
+    }
+
+    interface AudioMode {
+        /** Boolean selecting if your experience’s audio should play in silent mode on iOS. This value defaults to `false`. */
+        playsInSilentModeIOS: boolean;
+
+        /** Boolean selecting if recording is enabled on iOS. This value defaults to `false`. NOTE: when this flag is set to true, playback may be routed to the phone receiver instead of to the speaker. */
+        allowsRecordingIOS: boolean;
+
+        /** Enum selecting how your experience’s audio should interact with the audio from other apps on iOS. */
+        interruptionModeIOS: InterruptionModeIos;
+
+        /** Boolean selecting if your experience’s audio should automatically be lowered in volume ("duck") if audio from another app interrupts your experience. This value defaults to true. If false, audio from other apps will pause your audio. */
+        shouldDuckAndroid: boolean;
+
+        /** an enum selecting how your experience’s audio should interact with the audio from other apps on Android: */
+        interruptionModeAndroid: InterruptionModeAndroid;
+    }
+
+    function setIsEnabledAsync(value: boolean): Promise<void>;
+    function setAudioModeAsync(mode: AudioMode): Promise<void>;
+
+    /** This class represents a sound corresponding to an Asset or URL. */
+    class Sound extends PlaybackObject {
+        constructor();
+
+        /**
+         * Creates and loads a sound from source, with optional `initialStatus`, `onPlaybackStatusUpdate`, and `downloadFirst`.
+         *
+         * @returns A `Promise` that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded:
+         * - `sound`: The newly created and loaded Sound object.
+         * - `status`: The PlaybackStatus of the Sound object. See the AV documentation for further information.
+         */
+        static create(
+            /**
+             * The source of the sound. The following forms are supported:
+             *
+             * - A dictionary of the form `{ uri: 'http://path/to/file' }` with a network URL pointing to an audio file on the web.
+             * - `require('path/to/file')` for an audio file asset in the source code directory.
+             * - An `Expo.Asset` object for an audio file asset.
+             */
+            source: PlaybackSource,
+
+            /** The initial intended PlaybackStatusToSet of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */
+            initialStatus?: PlaybackStatusToSet,
+
+            /** A function taking a single parameter PlaybackStatus. This value defaults to `null` if no parameter is passed. */
+            onPlaybackStatusUpdate?: ((status: PlaybackStatus) => void) | null,
+
+            /** If set to true, the system will attempt to download the resource to the device before loading. This value defaults to `true`. Note that at the moment, this will only work for `source`s of the form `require('path/to/file')` or `Asset` objects. */
+            downloadFirst?: boolean
+        ): Promise<{ sound: Sound, status: PlaybackStatus }>;
+    }
+
+    class Recording {
+        constructor();
+
+        /** Gets the `status` of the `Recording`. */
+        getStatusAsync(): Promise<RecordingStatus>;
+
+        /** Sets a function to be called regularly with the `status` of the `Recording`. */
+        setOnRecordingStatusUpdate(onRecordingStatusUpdate?: (status: RecordingStatus) => void): void;
+
+        /** Sets the interval with which onRecordingStatusUpdate is called while the recording can record. This value defaults to 500 milliseconds. */
+        setProgressUpdateInterval(progressUpdateIntervalMillis: number): void;
+
+        /** Loads the recorder into memory and prepares it for recording. This must be called before calling `startAsync()`. This method can only be called if the `Recording` instance has never yet been prepared. */
+        prepareToRecordAsync(
+            /** Options for the recording, including sample rate, bitrate, channels, format, encoder, and extension. If no options are passed to `prepareToRecordAsync()`, the recorder will be created with options `Expo.Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY`. */
+            options?: RecordingOptions
+        ): Promise<RecordingStatus>;
+
+        /** Begins recording. This method can only be called if the `Recording` has been prepared. */
+        startAsync(): Promise<RecordingStatus>;
+
+        /**
+         * Pauses recording. This method can only be called if the Recording has been prepared.
+         *
+         * NOTE: This is only available on Android API version 24 and later.
+         */
+        pauseAsync(): Promise<RecordingStatus>;
+
+        /** Stops the recording and deallocates the recorder from memory. This reverts the Recording instance to an unprepared state, and another Recording instance must be created in order to record again. This method can only be called if the `Recording` has been prepared. */
+        stopAndUnloadAsync(): Promise<RecordingStatus>;
+
+        /**
+         * Gets the local URI of the Recording. Note that this will only succeed once the Recording is prepared to record.
+         *
+         * @returns A string with the local URI of the `Recording`, or `null` if the `Recording` is not prepared to record.
+         */
+        getURI(): string | null | undefined;
+
+        /**
+         * Creates and loads a new `Sound` object to play back the `Recording`. Note that this will only succeed once the `Recording` is done recording (once `stopAndUnloadAsync()` has been called).
+         *
+         * @returns A Promise that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded:
+         * - `sound`: the newly created and loaded Sound object.
+         * - `status`: the PlaybackStatus of the Sound object.
+         */
+        createNewLoadedSound(
+            /** The initial intended `PlaybackStatusToSet` of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */
+            initialStatus?: PlaybackStatusToSet,
+
+            /** A function taking a single parameter `PlaybackStatus`. This value defaults to `null` if no parameter is passed. */
+            onPlaybackStatusUpdate?: ((status: PlaybackStatus) => void) | null
+        ): Promise<{ sound: Sound, status: PlaybackStatus }>;
+    }
+}
+
+/**
+ * AuthSession
+ */
+export namespace AuthSession {
+    type StartAsyncResponse = {
+        type: 'cancel';
+    } | {
+        type: 'dismissed';
+    } | {
+        type: 'success';
+        params: HashMap;
+        event: HashMap;
+    } | {
+        type: 'error';
+        params: HashMap;
+        errorCode: string;
+        event: HashMap;
+    };
+
+    function startAsync(options: { authUrl: string; returnUrl?: string; }): Promise<StartAsyncResponse>;
+    function dismiss(): void;
+    function getRedirectUrl(): string;
+}
+
+// #region AV
+/**
+ * AV
+ */
+export type PlaybackStatus = {
+    isLoaded: false;
+    androidImplementation?: string;
+
+    /** Populated exactly once when an error forces the object to unload. */
+    error?: string;
+} | {
+    isLoaded: true;
+    androidImplementation?: string;
+    uri: string;
+    progressUpdateIntervalMillis: number;
+    durationMillis?: number;
+    positionMillis: number;
+    playableDurationMillis?: number;
+    shouldPlay: boolean;
+    isPlaying: boolean;
+    isBuffering: boolean;
+    rate: number;
+    shouldCorrectPitch: boolean;
+    volume: number;
+    isMuted: boolean;
+    isLooping: boolean;
+
+    /** True exactly once when the track plays to finish. */
+    didJustFinish: boolean;
+};
+
+export interface PlaybackStatusToSet {
+    androidImplementation?: string;
+    isLooping?: boolean;
+    isMuted?: boolean;
+    positionMillis?: number;
+    progressUpdateIntervalMillis?: number;
+    /** The desired playback rate of the media. This value must be between `0.0` and `32.0`. Only available on Android API version 23 and later and iOS. */
+    rate?: number;
+    shouldCorrectPitch?: boolean;
+    shouldPlay?: boolean;
+    /** A number between `0.0` (silence) and `1.0` (maximum volume). */
+    volume?: number;
+}
+
+export type PlaybackSource = RequireSource | { uri: string } | Asset;
+
+export class PlaybackObject {
+    /**
+     * Gets the `PlaybackStatus` of the `playbackObject`.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject`.
+     */
+    getStatusAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * Loads the media from source into memory and prepares it for playing. This must be called before calling setStatusAsync() or any of the convenience set status methods. This method can only be called if the playbackObject is in an unloaded state.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once it is loaded, or rejects if loading failed. The `Promise` will also reject if the `playbackObject` was already loaded. See below for details on `PlaybackStatus`.
+     */
+    loadAsync(
+        /**
+         * The source of the media. The following forms are supported:
+         * - A dictionary of the form `{ uri: 'http://path/to/file' }` with a network URL pointing to a media file on the web.
+         * - `require('path/to/file')` for a media file asset in the source code directory.
+         * - An `Expo.Asset object` for a media file asset.
+         */
+        source: PlaybackSource,
+
+        /** The initial intended `PlaybackStatusToSet` of the `playbackObject`, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. See below for details on `PlaybackStatusToSet` and the default initial playback status. */
+        initialStatus?: PlaybackStatusToSet,
+
+        /** If set to `true`, the system will attempt to download the resource to the device before loading. This value defaults to true. Note that at the moment, this will only work for sources of the form `require('path/to/file')` or `Expo.Asset` objects. */
+        downloadFirst?: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: false })`. */
+    pauseAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: true })`.
+     *
+     * Playback may not start immediately after calling this function for reasons such as buffering. Make sure to update your UI based on the `isPlaying` and `isBuffering` properties of the `PlaybackStatus`.
+     */
+    playAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: true, positionMillis: millis })`.
+     *
+     * Playback may not start immediately after calling this function for reasons such as buffering. Make sure to update your UI based on the isPlaying and `isBuffering` properties of the `PlaybackStatus`.
+     */
+    playFromPositionAsync(
+        /** The desired position of playback in milliseconds. */
+        positionMillis: number,
+
+        /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis, seekMillisToleranceBefore: toleranceMillisBefore, seekMillisToleranceAfter: toleranceMillisAfter })`. The tolerances are used only on iOS. */
+        tolerances?: {
+            toleranceMillisBefore: number,
+            toleranceMillisAfter: number
+        }
+    ): Promise<PlaybackStatus>;
+
+    /**
+     * Replays the item. When using `playFromPositionAsync(0)` the item is seeked to the position at `0` ms. On iOS this method uses internal implementation of the player and is able to play the item from the beginning immediately.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once the new status has been set successfully, or rejects if setting the new status failed.
+     */
+    replayAsync(
+        /** The new `PlaybackStatusToSet` of the `playbackObject`, whose values will override the current playback status. */
+        status: PlaybackStatusToSet
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ isLooping: value })`. */
+    setIsLoopingAsync(
+        /** A boolean describing if the media should play once (`false`) or loop indefinitely (`true`). */
+        isLooping: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ isMuted: value })`. */
+    setIsMutedAsync(
+        /**  A boolean describing if the audio of this media should be muted. */
+        isMuted: boolean
+    ): Promise<PlaybackStatus>;
+
+    /**
+     * Sets a function to be called regularly with the `PlaybackStatus` of the `playbackObject`. See below for details on `PlaybackStatus` and an example use case of this function.
+     *
+     * `onPlaybackStatusUpdate` will be called whenever a call to the API for this `playbackObject` completes (such as `setStatusAsync()`, `getStatusAsync()`, or `unloadAsync()`), and will also be called at regular intervals while the media is in the loaded state. Set `progressUpdateIntervalMillis` via `setStatusAsync()` or `setProgressUpdateIntervalAsync()` to modify the interval with which `onPlaybackStatusUpdate` is called while loaded.
+     */
+    setOnPlaybackStatusUpdate(
+        /** A function taking a single parameter `PlaybackStatus`. */
+        onPlaybackStatusUpdate?: (status: PlaybackStatus) => void
+    ): void;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis })`. */
+    setPositionAsync(
+        positionMillis: number,
+
+        /** This is equivalent to `playbackObject.setStatusAsync({ positionMillis: millis, seekMillisToleranceBefore: toleranceMillisBefore, seekMillisToleranceAfter: toleranceMillisAfter })`. The tolerances are used only on iOS. */
+        tolerances?: {
+            toleranceMillisBefore: number,
+            toleranceMillisAfter: number
+        }
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ progressUpdateIntervalMillis: millis })`. */
+    setProgressUpdateIntervalAsync(
+        /** The new minimum interval in milliseconds between calls of `onPlaybackStatusUpdate`. */
+        progressUpdateIntervalMillis: number
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ rate: value, shouldCorrectPitch: shouldCorrectPitch })`. */
+    setRateAsync(
+        /** The desired playback rate of the media. This value must be between `0.0` and `32.0`. Only available on Android API version 23 and later and iOS. */
+        rate: number,
+        /** A boolean describing if we should correct the pitch for a changed rate. If set to `true`, the pitch of the audio will be corrected (so a rate different than `1.0` will timestretch the audio). */
+        shouldCorrectPitch: boolean
+    ): Promise<PlaybackStatus>;
+
+    /** Sets a new `PlaybackStatusToSet` on the `playbackObject`. This method can only be called if the media has been loaded. Return a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once the new status has been set successfully, or rejects if setting the new status failed. */
+    setStatusAsync(
+        /** The new `PlaybackStatusToSet` of the `playbackObject`, whose values will override the current playback status. */
+        status: PlaybackStatusToSet
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ volume: value })`. */
+    setVolumeAsync(
+        /** A number between `0.0` (silence) and `1.0` (maximum volume). */
+        volume: number
+    ): Promise<PlaybackStatus>;
+
+    /** This is equivalent to `playbackObject.setStatusAsync({ shouldPlay: false, positionMillis: 0 })`. */
+    stopAsync(): Promise<PlaybackStatus>;
+
+    /**
+     * Unloads the media from memory. `loadAsync()` must be called again in order to be able to play the media.
+     *
+     * Returns a `Promise` that is fulfilled with the `PlaybackStatus` of the `playbackObject` once it is unloaded, or rejects if unloading failed. See below for details on `PlaybackStatus`.
+     */
+    unloadAsync(): Promise<PlaybackStatus>;
+}
+// #endregion
+
+// #region BarCodeScanner
+/**
+ * BarCodeScanner
+ */
+export interface BarCodeScannerProps extends ViewProps {
+    type?: 'front' | 'back';
+    torchMode?: 'on' | 'off';
+    barCodeTypes?: string[];
+    onBarCodeRead?: BarCodeReadCallback;
+}
+
+export class BarCodeScanner extends Component<BarCodeScannerProps> {
+    static Constants: {
+        TorchMode: {
+            on: string;
+            off: string
+        }
+    } & CameraConstants;
+}
+// #endregion
+
+// #region BlurView
+/**
+ * BlurView
+ */
+export interface BlurViewProps extends ViewProps {
+    tint: 'light' | 'default' | 'dark';
+    intensity: number;
+}
+export class BlurView extends Component<BlurViewProps> { }
+// #endregion
+
+/**
+ * An API to get and set screen brightness.
+ */
+export namespace Brightness {
+    /** Sets screen brightness. */
+    function setBrightnessAsync(
+        /** A number between `0` and `1`, representing the desired screen brightness. */
+        brightnessValue: number
+    ): Promise<void>;
+
+    /**
+     * Gets screen brightness.
+     * @returns A Promise that is resolved with a number between `0` and `1`, representing the current screen brightness.
+     */
+    function getBrightnessAsync(): Promise<number>;
+
+    /**
+     * Gets global system screen brightness.
+     * @returns A Promise that is resolved with a number between `0` and `1`, representing the current system screen brightness.
+     */
+    function getSystemBrightnessAsync(): Promise<number>;
+
+    /** Sets global system screen brightness, requires `WRITE_SETTINGS` permissions on Android. */
+    function setSystemBrightnessAsync(
+        /** A number between `0` and `1`, representing the desired screen brightness. */
+        brightnessValue: number
+    ): Promise<void>;
+}
+
+// #region Camera
+/**
+ * Camera
+ */
+export interface PictureOptions {
+    quality?: number;
+    base64?: boolean;
+    exif?: boolean;
+    onPictureSaved?: (data: PictureResponse) => void;
+}
+
+export interface PictureResponse {
+    uri: string;
+    width: number;
+    height: number;
+    exif: string;
+    base64: string;
+}
+
+export interface RecordingOptions {
+    quality?: string | number;
+    maxDuration?: number;
+    maxFileSize?: number;
+}
+
+export class CameraObject {
+    takePictureAsync(options?: PictureOptions): Promise<PictureResponse>;
+    recordAsync(options: RecordingOptions): Promise<{ uri: string; }>;
+    stopRecording(): void;
+    getSupportedRatiosAsync(): Promise<string[]>; // Android only
+}
+
+export interface CameraProps extends ViewProps {
+    autoFocus?: string | number | boolean;
+    barCodeTypes?: Array<string | number>;
+    faceDetectionClassifications?: number;
+    faceDetectionLandmarks?: number;
+    faceDetectionMode?: number;
+    flashMode?: string | number;
+    /** Distance to plane of sharpest focus. A value between `0` and `1`. `0`: infinity focus, `1`: focus as close as possible. Default: `0`. For Android this is available only for some devices and when `useCamera2Api` is set to `true`. */
+    focusDepth?: number;
+    onBarCodeRead?: BarCodeReadCallback;
+    onCameraReady?: () => void;
+    onFacesDetected?: (options: { faces: TrackedFaceFeature[] }) => void;
+    onMountError?: () => void;
+    ratio?: string;
+    ref?: Ref<CameraObject>;
+    type?: string | number;
+    whiteBalance?: string | number;
+    /** A value between `0` and `1` being a percentage of device's max zoom. `0`: not zoomed, `1`: maximum zoom. Default: `0`. */
+    zoom?: number;
+}
+
+export interface CameraConstants {
+    readonly Type: {
+        back: string;
+        front: string;
+    };
+    readonly FlashMode: {
+        on: string;
+        off: string;
+        auto: string;
+        torch: string;
+    };
+    readonly AutoFocus: {
+        on: string;
+        off: string;
+    };
+    readonly WhiteBalance: {
+        auto: string;
+        sunny: string;
+        cloudy: string;
+        shadow: string;
+        fluorescent: string;
+        incandescent: string;
+    };
+    readonly VideoQuality: {
+        [videoQuality: string]: number;
+    };
+    readonly BarCodeType: {
+        aztec: string;
+        codabar: string;
+        code39: string;
+        code93: string;
+        code128: string;
+        code138: string;
+        code39mod43: string;
+        datamatrix: string;
+        ean13: string;
+        ean8: string;
+        interleaved2of5: string;
+        itf14: string;
+        maxicode: string;
+        pdf417: string;
+        rss14: string;
+        rssexpanded: string;
+        upc_a: string;
+        upc_e: string;
+        upc_ean: string;
+        qr: string;
+    };
+}
+
+export class Camera extends Component<CameraProps> {
+    static readonly Constants: CameraConstants;
+}
+// #endregion
+
+/**
+ * Constants
+ */
+export namespace Constants {
+    const appOwnership: 'expo' | 'standalone' | 'guest';
+    const expoVersion: string;
+    const installationId: string;
+    const deviceId: string;
+    const deviceName: string;
+    const deviceYearClass: number;
+    const isDevice: boolean;
+
+    interface Platform {
+        ios?: {
+            platform: string;
+            model: string;
+            userInterfaceIdiom: string;
+            buildNumber: string;
+        };
+        android?: {
+            versionCode: string;
+        };
+    }
+    const platform: Platform;
+    const sessionId: string;
+    const statusBarHeight: number;
+    const systemFonts: string[];
+
+    interface Manifest {
+        name: string;
+        description?: string;
+        slug?: string;
+        sdkVersion?: string;
+        version?: string;
+        orientation?: Orientation;
+        primaryColor?: string;
+        privacy?: 'public' | 'unlisted';
+        scheme?: string;
+        icon?: string;
+        platforms?: string[];
+        githubUrl?: string;
+        notification?: {
+            icon?: string,
+            color?: string,
+            androidMode?: 'default' | 'collapse',
+            androidCollapsedTitle?: string
+        };
+        loading?: {
+            icon?: string,
+            exponentIconColor?: 'white' | 'blue',
+            exponentIconGrayscale?: 1 | 0,
+            backgroundImage?: string,
+            backgroundColor?: string,
+            hideExponentText?: boolean
+        };
+        appKey?: string;
+        androidStatusBar?: {
+            barStyle?: 'light-content' | 'dark-content',
+            backgroundColor?: string
+        };
+        androidShowExponentNotificationInShellApp?: boolean;
+        extra?: {
+            [propName: string]: any
+        };
+        rnCliPath?: any;
+        entryPoint?: string;
+        packagerOpts?: {
+            hostType?: string,
+            dev?: boolean,
+            strict?: boolean,
+            minify?: boolean,
+            urlType?: string,
+            urlRandomness?: string,
+            lanType?: string,
+            [propName: string]: any
+        };
+        ignoreNodeModulesValidation?: any;
+        nodeModulesPath?: string;
+        ios?: {
+            bundleIdentifier?: string,
+            buildNumber?: string,
+            config?: {
+                usesNonExemptEncryption?: boolean,
+                googleSignIn?: {
+                    reservedClientId: string
+                }
+            },
+            supportsTablet?: boolean,
+            infoPlist?: any
+        };
+        android?: {
+            package?: string,
+            versionCode?: string,
+            config?: {
+                fabric?: {
+                    apiKey: string,
+                    buildSecret: string
+                },
+                googleMaps?: {
+                    apiKey: string
+                },
+                googleSignIn?: {
+                    apiKey: string,
+                    certificateHash: string
+                }
+            }
+        };
+        facebookScheme?: any;
+        facebookAppId?: string;
+        facebookDisplayName?: string;
+        splash?: {
+            backgroundColor?: string;
+            resizeMode?: ResizeModeContain | ResizeModeCover;
+            image?: string;
+        };
+        assetBundlePatterns?: string[];
+        releaseChannel: string;
+        [propName: string]: any;
+    }
+    const manifest: Manifest;
+    const linkingUri: string;
+
+    function getWebViewUserAgentAsync(): Promise<string>;
+}
+
+/**
+ * Contacts
+ */
+export namespace Contacts {
+    type PhoneNumbers = 'phoneNumbers';
+    type Emails = 'emails';
+    type Addresses = 'addresses';
+    type Image = 'image';
+    type Thumbnail = 'thumbnail';
+    type Note = 'note';
+    type Birthday = 'birthday';
+    type NonGregorianBirthday = 'nonGregorianBirthday';
+    type NamePrefix = 'namePrefix';
+    type NameSuffix = 'nameSuffix';
+    type PhoneticFirstName = 'phoneticFirstName';
+    type PhoneticMiddleName = 'phoneticMiddleName';
+    type PhoneticLastName = 'phoneticLastName';
+    type SocialProfiles = 'socialProfiles';
+    type InstantMessageAddresses = 'instantMessageAddresses';
+    type UrlAddresses = 'urlAddresses';
+    type Dates = 'dates';
+    type Relationships = 'relationships';
+
+    const PHONE_NUMBERS: PhoneNumbers;
+    const EMAILS: Emails;
+    const ADDRESSES: Addresses;
+    const IMAGE: Image;
+    const THUMBNAIL: Thumbnail;
+    const NOTE: Note;
+    const BIRTHDAY: Birthday;
+    const NON_GREGORIAN_BIRTHDAY: NonGregorianBirthday;
+    const NAME_PREFIX: NamePrefix;
+    const NAME_SUFFIX: NameSuffix;
+    const PHONETIC_FIRST_NAME: PhoneticFirstName;
+    const PHONETIC_MIDDLE_NAME: PhoneticMiddleName;
+    const PHONETIC_LAST_NAME: PhoneticLastName;
+    const SOCIAL_PROFILES: SocialProfiles;
+    const IM_ADDRESSES: InstantMessageAddresses;
+    const URLS: UrlAddresses;
+    const DATES: Dates;
+    const RELATIONSHIPS: Relationships;
+
+    type FieldType = PhoneNumbers | Emails | Addresses | Image | Thumbnail |
+        Note | Birthday | NonGregorianBirthday | NamePrefix | NameSuffix |
+        PhoneticFirstName | PhoneticMiddleName | PhoneticLastName | SocialProfiles |
+        InstantMessageAddresses | UrlAddresses | Dates | Relationships;
+
+    interface Options {
+        pageSize?: number;
+        pageOffset?: number;
+        fields?: FieldType[];
+    }
+
+    interface Contact {
+        id: string;
+        contactType: string;
+        name: string;
+        firstName?: string;
+        middleName?: string;
+        lastName?: string;
+        previousLastName?: string;
+        namePrefix?: string;
+        nameSuffix?: string;
+        nickname?: string;
+        phoneticFirstName?: string;
+        phoneticMiddleName?: string;
+        phoneticLastName?: string;
+        emails?: Array<{
+            email?: string;
+            primary?: boolean;
+            label: string;
+            id: string;
+        }>;
+        phoneNumbers?: Array<{
+            number?: string;
+            primary?: boolean;
+            digits?: string;
+            countryCode?: string;
+            label: string;
+            id: string;
+        }>;
+        addresses?: Array<{
+            street?: string;
+            city?: string;
+            country?: string;
+            region?: string;
+            neighborhood?: string;
+            postalCode?: string;
+            poBox?: string;
+            isoCountryCode?: string;
+            label: string;
+            id: string;
+        }>;
+        socialProfiles?: Array<{
+            service?: string;
+            localizedProfile?: string;
+            url?: string;
+            username?: string;
+            userId?: string;
+            label: string;
+            id: string;
+        }>;
+        instantMessageAddresses?: Array<{
+            service?: string;
+            username?: string;
+            localizedService?: string;
+            label: string;
+            id: string;
+        }>;
+        urls?: {
+            label: string;
+            url?: string;
+            id: string;
+        };
+        company?: string;
+        jobTitle?: string;
+        department?: string;
+        imageAvailable?: boolean;
+        image?: {
+            uri?: string;
+        };
+        thumbnail?: {
+            uri?: string;
+        };
+        note?: string;
+        dates?: Array<{
+            day?: number;
+            month?: number;
+            year?: number;
+            id: string;
+            label: string;
+        }>;
+        relationships?: Array<{
+            label: string;
+            name?: string;
+            id: string;
+        }>;
+    }
+
+    interface Response {
+        data: Contact[];
+        total: number;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+    }
+
+    function getContactsAsync(options: Options): Promise<Response>;
+    function getContactByIdAsync(options: { id?: string; fields?: FieldType[] }): Promise<Contact>;
+}
+
+/**
+ * DocumentPicker
+ */
+export namespace DocumentPicker {
+    interface Options {
+        type?: string;
+    }
+
+    type Response = {
+        type: 'success';
+        uri: string;
+        name: string;
+        size: number;
+    } | {
+        type: 'cancel';
+    };
+
+    function getDocumentAsync(options?: Options): Promise<Response>;
+}
+
+/**
+ * ErrorRecovery
+ */
+export namespace ErrorRecovery {
+    function setRecoveryProps(props: HashMap): void;
+}
+
+/**
+ * Facebook
+ */
+export namespace Facebook {
+    interface Options {
+        permissions?: string[];
+        behavior?: 'web' | 'native' | 'browser' | 'system';
+    }
+    interface Response {
+        type: 'cancel' | 'success';
+        token?: string;
+        expires?: number;
+    }
+    function logInWithReadPermissionsAsync(appId: string, options?: Options): Promise<Response>;
+}
+
+/**
+ * Facebook Ads
+ */
+export namespace FacebookAds {
+    /**
+     * Interstitial Ads
+     */
+    namespace InterstitialAdManager {
+        function showAd(placementId: string): Promise<boolean>;
+    }
+
+    /**
+     * Native Ads
+     */
+    type MediaCachePolicy = 'none' | 'icon' | 'image' | 'all';
+    class NativeAdsManager {
+        constructor(placementId: string, numberOfAdsToRequest?: number);
+        disableAutoRefresh(): void;
+        setMediaCachePolicy(cachePolicy: MediaCachePolicy): void;
+    }
+
+    function withNativeAd(component: Component<{
+        icon?: string;
+        coverImage?: string;
+        title?: string;
+        subtitle?: string;
+        description?: string;
+        callToActionText?: string;
+        socialContext?: string;
+    }>): Component<{ adsManager: NativeAdsManager }, { ad: any, canRequestAds: boolean }>;
+
+    /**
+     * Banner View
+     */
+    type AdType = 'large' | 'rectangle' | 'standard';
+
+    interface BannerViewProps {
+        type: AdType;
+        placementId: string;
+        onPress: () => void;
+        onError: () => void;
+    }
+
+    class BannerView extends Component<BannerViewProps> { }
+
+    /**
+     * Ad Settings
+     */
+    namespace AdSettings {
+        const currentDeviceHash: string;
+        function addTestDevice(device: string): void;
+        function clearTestDevices(): void;
+        type SDKLogLevel = 'none' | 'debug' | 'verbose' | 'warning' | 'error' | 'notification';
+        function setLogLevel(logLevel: SDKLogLevel): void;
+        function setIsChildDirected(isDirected: boolean): void;
+        function setMediationService(mediationService: string): void;
+        function setUrlPrefix(urlPrefix: string): void;
+    }
+}
+
+/**
+ * FaceDetector
+ */
+export interface Point {
+    x: Axis;
+    y: Axis;
+}
+
+export interface FaceFeature {
+    bounds: {
+        size: {
+            width: number;
+            height: number;
+        },
+        origin: Point;
+    };
+    smilingProbability?: number;
+    leftEarPosition?: Point;
+    rightEarPosition?: Point;
+    leftEyePosition?: Point;
+    leftEyeOpenProbability?: number;
+    rightEyePosition?: Point;
+    rightEyeOpenProbability?: number;
+    leftCheekPosition?: Point;
+    rightCheekPosition?: Point;
+    leftMouthPosition?: Point;
+    mouthPosition?: Point;
+    rightMouthPosition?: Point;
+    bottomMouthPosition?: Point;
+    noseBasePosition?: Point;
+    yawAngle?: number;
+    rollAngle?: number;
+}
+
+export interface TrackedFaceFeature extends FaceFeature {
+    faceID?: number;
+}
+
+export namespace FaceDetector {
+    interface DetectFaceResult {
+        faces: FaceFeature[];
+        image: {
+            uri: string;
+            width: number;
+            height: number;
+            orientation: number;
+        };
+    }
+    interface Mode {
+        fast: 'fast';
+        accurate: 'accurate';
+    }
+    interface _Shared {
+        all: 'all';
+        none: 'none';
+    }
+    type Landmarks = _Shared;
+    type Classifications = _Shared;
+    interface _Constants {
+        Mode: Mode;
+        Landmarks: Landmarks;
+        Classifications: Classifications;
+    }
+
+    const Constants: _Constants;
+
+    interface DetectionOptions {
+        mode?: keyof Mode;
+        detectLandmarks?: keyof Landmarks;
+        runClassifications?: keyof Classifications;
+    }
+
+    function detectFaces(uri: string, options?: DetectionOptions): Promise<DetectFaceResult>;
+}
+/**
+ * FileSystem
+ */
+export namespace FileSystem {
+    type FileInfo = {
+        exists: true;
+        isDirectory: boolean;
+        uri: string;
+        size: number;
+        modificationTime: number;
+        md5?: Md5;
+    } | {
+        exists: false;
+        isDirectory: false;
+    };
+
+    interface DownloadResult {
+        uri: string;
+        status: number;
+        headers: { [name: string]: string };
+        md5?: Md5;
+    }
+
+    const documentDirectory: string;
+    const cacheDirectory: string;
+
+    function getInfoAsync(fileUri: string, options?: { md5?: string, size?: boolean; }): Promise<FileInfo>;
+    function readAsStringAsync(fileUri: string): Promise<string>;
+    function writeAsStringAsync(fileUri: string, contents: string): Promise<void>;
+    function deleteAsync(fileUri: string, options?: { idempotent: boolean; }): Promise<void>;
+    function moveAsync(options: { from: string, to: string; }): Promise<void>;
+    function copyAsync(options: { from: string, to: string; }): Promise<void>;
+    function makeDirectoryAsync(dirUri: string, options?: { intermediates: boolean }): Promise<void>;
+    function readDirectoryAsync(dirUri: string): Promise<string[]>;
+    function downloadAsync(uri: string, fileUri: string, options?: { md5?: boolean; }): Promise<DownloadResult>;
+    function createDownloadResumable(
+        uri: string,
+        fileUri: string,
+        options?: DownloadOptions,
+        callback?: (totalBytesWritten: number, totalBytesExpectedToWrite: number) => void,
+        resumeData?: string | null
+    ): DownloadResumable;
+
+    interface PauseResult {
+        url: string;
+        fileUri: string;
+        options: { md5: boolean; };
+        resumeData: string;
+    }
+
+    interface DownloadOptions {
+        md5?: boolean;
+        headers?: { [name: string]: string };
+    }
+
+    interface DownloadProgressData {
+        totalBytesWritten: number;
+        totalBytesExpectedToWrite: number;
+    }
+
+    type DownloadProgressCallback = (data: DownloadProgressData) => void;
+
+    class DownloadResumable {
+        constructor(
+            url: string,
+            fileUri: string,
+            options: DownloadOptions,
+            callback?: DownloadProgressCallback,
+            resumeData?: string
+        );
+
+        downloadAsync(): Promise<DownloadResult>;
+        pauseAsync(): Promise<PauseResult>;
+        resumeAsync(): Promise<DownloadResult>;
+        savable(): PauseResult;
+    }
+}
+
+/** Use TouchID/FaceID (iOS) or the Fingerprint API (Android) to authenticate the user with a fingerprint scan. */
+export namespace LocalAuthentication {
+    type LocalAuthenticationResult = {
+        success: true
+    } | {
+        success: false,
+
+        /** Error code in the case where authentication fails. */
+        error: string
+    };
+
+    /** Determine whether a face or fingerprint scanner is available on the device. */
+    function hasHardwareAsync(): Promise<boolean>;
+
+    /** Determine whether the device has saved fingerprints or facial data to use for authentication. */
+    function isEnrolledAsync(): Promise<boolean>;
+
+    /**
+     * Attempts to authenticate via Fingerprint. Android: When using the fingerprint module on Android, you need to provide a UI component to prompt the user to scan their fingerprint, as the OS has no default alert for it.
+     *
+     * @param promptMessage A message that is shown alongside the TouchID/FaceID prompt. (iOS only)
+     */
+    function authenticateAsync(promptMessageIOS?: string): Promise<LocalAuthenticationResult>;
+
+    /** Cancels the fingerprint authentication flow. (Android only) */
+    function cancelAuthenticate(): void;
+}
+
+/**
+ * Font
+ */
+export namespace Font {
+    interface FontMap {
+        [name: string]: RequireSource;
+    }
+
+    function loadAsync(name: string, url: string): Promise<void>;
+    function loadAsync(map: FontMap): Promise<void>;
+}
+
+// #region GLView
+export interface ExpoWebGLRenderingContext extends WebGLRenderingContext {
+    endFrameEXP(): void;
+}
+
+/**
+ * A View that acts as an OpenGL ES render target. On mounting, an OpenGL ES
+ * context is created. Its drawing buffer is presented as the contents of
+ * the View every frame.
+ */
+export interface GLViewProps extends ViewProps {
+    /**
+     * A function that will be called when the OpenGL ES context is created.
+     * Passes an object with a WebGLRenderingContext interface as an argument.
+     */
+    onContextCreate(gl: ExpoWebGLRenderingContext): void;
+
+    /** Number of MSAA samples to use on iOS. Defaults to 4. Ignored on Android. */
+    msaaSamples?: number;
+}
+
+export class GLView extends Component<GLViewProps, { msaaSamples: number }> { }
+// #endregion
+
+/**
+ * Google
+ */
+export namespace Google {
+    interface LogInConfig {
+        androidClientId?: string;
+        androidStandaloneAppClientId?: string;
+        iosClientId?: string;
+        iosStandaloneAppClientId?: string;
+        webClientId?: string;
+        behavior?: 'system' | 'web';
+        scopes?: string[];
+    }
+
+    type LogInResult = {
+        type: 'cancel';
+    } | {
+        type: 'success';
+        accessToken: string;
+        idToken?: string;
+        refreshToken?: string;
+        serverAuthCode?: string;
+        user: {
+            id: string;
+            name: string;
+            givenName: string;
+            familyName: string;
+            photoUrl?: string;
+            email?: string;
+        }
+    };
+
+    function logInAsync(config: LogInConfig): Promise<LogInResult>;
+}
+
+/** Access the device gyroscope sensor to respond to changes in rotation in 3d space. */
+export namespace Gyroscope {
+    interface GyroscopeObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    /** A callback that is invoked when an gyroscope update is available. */
+    function addListener(listener: (obj: GyroscopeObject) => any): EventSubscription;
+
+    /** Remove all listeners. */
+    function removeAllListeners(): void;
+
+    /** Subscribe for updates to the gyroscope. */
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * ImageManipulator
+ */
+export namespace ImageManipulator {
+    type Action = Resize | Rotate | Flip | Crop;
+
+    interface Resize {
+        resize: { width?: number, height?: number };
+    }
+
+    interface Rotate {
+        rotate: number;
+    }
+
+    interface Flip {
+        flip?: { vertical?: boolean; horizontal?: boolean };
+    }
+
+    interface Crop {
+        originX: number;
+        originY: number;
+        width: number;
+        height: number;
+    }
+
+    interface ImageResult {
+        uri: string;
+        width: number;
+        height: number;
+        base64?: string;
+    }
+
+    interface SaveOptions {
+        base64?: boolean;
+        /** A value in range `0` - `1` specifying compression level of the result image. `1` means no compression and `0` the highest compression. */
+        compress?: number;
+        format?: 'jpeg' | 'png';
+    }
+
+    function manipulate(uri: string, actions: Action[], saveOptions?: SaveOptions): Promise<ImageResult>;
+}
+
+/**
+ * Image Picker
+ */
+export namespace ImagePicker {
+    interface ImageInfo {
+        uri: string;
+        width: number;
+        height: number;
+        type: 'video' | 'image';
+        base64?: string;
+        exif?: object;
+        duration?: number;
+    }
+
+    type ImageResult = { cancelled: true } | ({ cancelled: false } & ImageInfo);
+
+    interface _MediaTypeOptions {
+        All: 'All';
+        Videos: 'Videos';
+        Images: 'Images';
+    }
+
+    const MediaTypeOptions: _MediaTypeOptions;
+
+    interface ImageLibraryOptions {
+        allowsEditing?: boolean;
+        aspect?: [number, number];
+        quality?: number;
+        base64?: boolean;
+        exif?: boolean;
+        mediaTypes?: keyof _MediaTypeOptions;
+    }
+
+    /**
+     * require Permissions.CAMERA_ROLL
+     */
+    function launchImageLibraryAsync(options?: ImageLibraryOptions): Promise<ImageResult>;
+
+    interface CameraOptions {
+        allowsEditing?: boolean;
+        aspect?: [number, number];
+        quality?: number;
+        base64?: boolean;
+        exif?: boolean;
+    }
+
+    /**
+     * require Permissions.CAMERA_ROLL
+     */
+    function launchCameraAsync(options?: CameraOptions): Promise<ImageResult>;
+}
+
+/**
+ * IntentLauncherAndroid
+ */
+export namespace IntentLauncherAndroid {
+    const ACTION_ACCESSIBILITY_SETTINGS: 'android.settings.ACCESSIBILITY_SETTINGS';
+    const ACTION_APP_NOTIFICATION_REDACTION: 'android.settings.ACTION_APP_NOTIFICATION_REDACTION';
+    const ACTION_CONDITION_PROVIDER_SETTINGS: 'android.settings.ACTION_CONDITION_PROVIDER_SETTINGS';
+    const ACTION_NOTIFICATION_LISTENER_SETTINGS: 'android.settings.ACTION_NOTIFICATION_LISTENER_SETTINGS';
+    const ACTION_PRINT_SETTINGS: 'android.settings.ACTION_PRINT_SETTINGS';
+    const ACTION_ADD_ACCOUNT_SETTINGS: 'android.settings.ADD_ACCOUNT_SETTINGS';
+    const ACTION_AIRPLANE_MODE_SETTINGS: 'android.settings.AIRPLANE_MODE_SETTINGS';
+    const ACTION_APN_SETTINGS: 'android.settings.APN_SETTINGS';
+    const ACTION_APPLICATION_DETAILS_SETTINGS: 'android.settings.APPLICATION_DETAILS_SETTINGS';
+    const ACTION_APPLICATION_DEVELOPMENT_SETTINGS: 'android.settings.APPLICATION_DEVELOPMENT_SETTINGS';
+    const ACTION_APPLICATION_SETTINGS: 'android.settings.APPLICATION_SETTINGS';
+    const ACTION_APP_NOTIFICATION_SETTINGS: 'android.settings.APP_NOTIFICATION_SETTINGS';
+    const ACTION_APP_OPS_SETTINGS: 'android.settings.APP_OPS_SETTINGS';
+    const ACTION_BATTERY_SAVER_SETTINGS: 'android.settings.BATTERY_SAVER_SETTINGS';
+    const ACTION_BLUETOOTH_SETTINGS: 'android.settings.BLUETOOTH_SETTINGS';
+    const ACTION_CAPTIONING_SETTINGS: 'android.settings.CAPTIONING_SETTINGS';
+    const ACTION_CAST_SETTINGS: 'android.settings.CAST_SETTINGS';
+    const ACTION_DATA_ROAMING_SETTINGS: 'android.settings.DATA_ROAMING_SETTINGS';
+    const ACTION_DATE_SETTINGS: 'android.settings.DATE_SETTINGS';
+    const ACTION_DEVICE_INFO_SETTINGS: 'android.settings.DEVICE_INFO_SETTINGS';
+    const ACTION_DEVICE_NAME: 'android.settings.DEVICE_NAME';
+    const ACTION_DISPLAY_SETTINGS: 'android.settings.DISPLAY_SETTINGS';
+    const ACTION_DREAM_SETTINGS: 'android.settings.DREAM_SETTINGS';
+    const ACTION_HARD_KEYBOARD_SETTINGS: 'android.settings.HARD_KEYBOARD_SETTINGS';
+    const ACTION_HOME_SETTINGS: 'android.settings.HOME_SETTINGS';
+    const ACTION_IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS: 'android.settings.IGNORE_BACKGROUND_DATA_RESTRICTIONS_SETTINGS';
+    const ACTION_IGNORE_BATTERY_OPTIMIZATION_SETTINGS: 'android.settings.IGNORE_BATTERY_OPTIMIZATION_SETTINGS';
+    const ACTION_INPUT_METHOD_SETTINGS: 'android.settings.INPUT_METHOD_SETTINGS';
+    const ACTION_INPUT_METHOD_SUBTYPE_SETTINGS: 'android.settings.INPUT_METHOD_SUBTYPE_SETTINGS';
+    const ACTION_INTERNAL_STORAGE_SETTINGS: 'android.settings.INTERNAL_STORAGE_SETTINGS';
+    const ACTION_LOCALE_SETTINGS: 'android.settings.LOCALE_SETTINGS';
+    const ACTION_LOCATION_SOURCE_SETTINGS: 'android.settings.LOCATION_SOURCE_SETTINGS';
+    const ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS: 'android.settings.MANAGE_ALL_APPLICATIONS_SETTINGS';
+    const ACTION_MANAGE_APPLICATIONS_SETTINGS: 'android.settings.MANAGE_APPLICATIONS_SETTINGS';
+    const ACTION_MANAGE_DEFAULT_APPS_SETTINGS: 'android.settings.MANAGE_DEFAULT_APPS_SETTINGS';
+    const ACTION_MEMORY_CARD_SETTINGS: 'android.settings.MEMORY_CARD_SETTINGS';
+    const ACTION_MONITORING_CERT_INFO: 'android.settings.MONITORING_CERT_INFO';
+    const ACTION_NETWORK_OPERATOR_SETTINGS: 'android.settings.NETWORK_OPERATOR_SETTINGS';
+    const ACTION_NFCSHARING_SETTINGS: 'android.settings.NFCSHARING_SETTINGS';
+    const ACTION_NFC_PAYMENT_SETTINGS: 'android.settings.NFC_PAYMENT_SETTINGS';
+    const ACTION_NFC_SETTINGS: 'android.settings.NFC_SETTINGS';
+    const ACTION_NIGHT_DISPLAY_SETTINGS: 'android.settings.NIGHT_DISPLAY_SETTINGS';
+    const ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS: 'android.settings.NOTIFICATION_POLICY_ACCESS_SETTINGS';
+    const ACTION_NOTIFICATION_SETTINGS: 'android.settings.NOTIFICATION_SETTINGS';
+    const ACTION_PAIRING_SETTINGS: 'android.settings.PAIRING_SETTINGS';
+    const ACTION_PRIVACY_SETTINGS: 'android.settings.PRIVACY_SETTINGS';
+    const ACTION_QUICK_LAUNCH_SETTINGS: 'android.settings.QUICK_LAUNCH_SETTINGS';
+    const ACTION_REQUEST_IGNORE_BATTERY_OPTIMIZATIONS: 'android.settings.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS';
+    const ACTION_SECURITY_SETTINGS: 'android.settings.SECURITY_SETTINGS';
+    const ACTION_SETTINGS: 'android.settings.SETTINGS';
+    const ACTION_SHOW_ADMIN_SUPPORT_DETAILS: 'android.settings.SHOW_ADMIN_SUPPORT_DETAILS';
+    const ACTION_SHOW_INPUT_METHOD_PICKER: 'android.settings.SHOW_INPUT_METHOD_PICKER';
+    const ACTION_SHOW_REGULATORY_INFO: 'android.settings.SHOW_REGULATORY_INFO';
+    const ACTION_SHOW_REMOTE_BUGREPORT_DIALOG: 'android.settings.SHOW_REMOTE_BUGREPORT_DIALOG';
+    const ACTION_SOUND_SETTINGS: 'android.settings.SOUND_SETTINGS';
+    const ACTION_STORAGE_MANAGER_SETTINGS: 'android.settings.STORAGE_MANAGER_SETTINGS';
+    const ACTION_SYNC_SETTINGS: 'android.settings.SYNC_SETTINGS';
+    const ACTION_SYSTEM_UPDATE_SETTINGS: 'android.settings.SYSTEM_UPDATE_SETTINGS';
+    const ACTION_TETHER_PROVISIONING_UI: 'android.settings.TETHER_PROVISIONING_UI';
+    const ACTION_TRUSTED_CREDENTIALS_USER: 'android.settings.TRUSTED_CREDENTIALS_USER';
+    const ACTION_USAGE_ACCESS_SETTINGS: 'android.settings.USAGE_ACCESS_SETTINGS';
+    const ACTION_USER_DICTIONARY_INSERT: 'android.settings.USER_DICTIONARY_INSERT';
+    const ACTION_USER_DICTIONARY_SETTINGS: 'android.settings.USER_DICTIONARY_SETTINGS';
+    const ACTION_USER_SETTINGS: 'android.settings.USER_SETTINGS';
+    const ACTION_VOICE_CONTROL_AIRPLANE_MODE: 'android.settings.VOICE_CONTROL_AIRPLANE_MODE';
+    const ACTION_VOICE_CONTROL_BATTERY_SAVER_MODE: 'android.settings.VOICE_CONTROL_BATTERY_SAVER_MODE';
+    const ACTION_VOICE_CONTROL_DO_NOT_DISTURB_MODE: 'android.settings.VOICE_CONTROL_DO_NOT_DISTURB_MODE';
+    const ACTION_VOICE_INPUT_SETTINGS: 'android.settings.VOICE_INPUT_SETTINGS';
+    const ACTION_VPN_SETTINGS: 'android.settings.VPN_SETTINGS';
+    const ACTION_VR_LISTENER_SETTINGS: 'android.settings.VR_LISTENER_SETTINGS';
+    const ACTION_WEBVIEW_SETTINGS: 'android.settings.WEBVIEW_SETTINGS';
+    const ACTION_WIFI_IP_SETTINGS: 'android.settings.WIFI_IP_SETTINGS';
+    const ACTION_WIFI_SETTINGS: 'android.settings.WIFI_SETTINGS';
+    const ACTION_WIRELESS_SETTINGS: 'android.settings.WIRELESS_SETTINGS';
+    const ACTION_ZEN_MODE_AUTOMATION_SETTINGS: 'android.settings.ZEN_MODE_AUTOMATION_SETTINGS';
+    const ACTION_ZEN_MODE_EVENT_RULE_SETTINGS: 'android.settings.ZEN_MODE_EVENT_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_EXTERNAL_RULE_SETTINGS: 'android.settings.ZEN_MODE_EXTERNAL_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_PRIORITY_SETTINGS: 'android.settings.ZEN_MODE_PRIORITY_SETTINGS';
+    const ACTION_ZEN_MODE_SCHEDULE_RULE_SETTINGS: 'android.settings.ZEN_MODE_SCHEDULE_RULE_SETTINGS';
+    const ACTION_ZEN_MODE_SETTINGS: 'android.settings.ZEN_MODE_SETTINGS';
+
+    function startActivityAsync(activity: string, data?: HashMap): Promise<boolean>;
+}
+
+/**
+ * KeepAwake
+ */
+export class KeepAwake extends Component {
+    static activate(): void;
+    static deactivate(): void;
+}
+
+// #region LinearGradient
+/**
+ * LinearGradient
+ */
+export interface LinearGradientProps {
+    colors: string[];
+    start?: [number, number];
+    end?: [number, number];
+    locations?: number[];
+    style?: StyleProp<ViewStyle>;
+}
+
+export class LinearGradient extends Component<LinearGradientProps> { }
+// #endregion
+
+/**
+ * Linking
+ */
+export interface LinkInfo {
+    path: string;
+    queryParams: Partial<StringHashMap>;
+}
+
+export interface LinkingStatic extends ReactNativeLinkingStatic {
+    makeUrl(path: string, queryParams?: HashMap): string;
+    parse(url: string): LinkInfo;
+    parseInitialURLAsync(): Promise<LinkInfo>;
+}
+export const Linking: LinkingStatic;
+
+/**
+ * Location
+ */
+export namespace Location {
+    interface LocationOptions {
+        enableHighAccuracy?: boolean;
+        timeInterval?: number;
+        distanceInterval?: number;
+    }
+
+    interface LocationProps {
+        latitude: number;
+        longitude: number;
+    }
+
+    interface Coords extends LocationProps {
+        altitude: number;
+        accuracy: number;
+    }
+
+    interface LocationData {
+        coords: {
+            heading: number;
+            speed: number
+        } & Coords;
+        timestamp: number;
+    }
+
+    interface ProviderStatus {
+        locationServicesEnabled: boolean;
+        gpsAvailable?: boolean;
+        networkAvailable?: boolean;
+        passiveAvailable?: boolean;
+    }
+
+    interface HeadingStatus {
+        magHeading: number;
+        trueHeading: number;
+        accuracy: number;
+    }
+
+    interface GeocodeData {
+        city: string;
+        street: string;
+        region: string;
+        postalCode: string;
+        country: string;
+        name: string;
+    }
+
+    type LocationCallback = (data: LocationData) => void;
+
+    function getCurrentPositionAsync(options: LocationOptions): Promise<LocationData>;
+    function watchPositionAsync(options: LocationOptions, callback: LocationCallback): EventSubscription;
+    function getProviderStatusAsync(): Promise<ProviderStatus>;
+    function getHeadingAsync(): Promise<HeadingStatus>;
+    function watchHeadingAsync(callback: (status: HeadingStatus) => void): EventSubscription;
+    function geocodeAsync(address: string): Promise<Coords>;
+    function reverseGeocodeAsync(location: LocationProps): Promise<GeocodeData[]>;
+    function setApiKey(key: string): void;
+}
+
+/**
+ * Magnetometer
+ */
+export namespace Magnetometer {
+    interface MagnetometerObject {
+        x: Axis;
+        y: Axis;
+        z: Axis;
+    }
+
+    function addListener(listener: (obj: MagnetometerObject) => any): EventSubscription;
+    function removeAllListeners(): void;
+    function setUpdateInterval(intervalMs: number): void;
+}
+
+/**
+ * Notifications
+ */
+export namespace Notifications {
+    interface Notification {
+        origin: 'selected' | 'received';
+        data: any;
+        remote: boolean;
+        isMultiple: boolean;
+    }
+
+    interface LocalNotification {
+        title: string;
+        body?: string;
+        data?: any;
+        ios?: {
+            sound?: boolean
+        };
+        android?: {
+            sound?: boolean;
+            icon?: string;
+            color?: string;
+            priority?: 'min' | 'low' | 'high' | 'max';
+            sticky?: boolean;
+            vibrate?: boolean | number[];
+            link?: string;
+        };
+    }
+
+    type LocalNotificationId = string | number;
+
+    function addListener(listener: (notification: Notification) => any): EventSubscription;
+    function getExpoPushTokenAsync(): Promise<string>;
+    function presentLocalNotificationAsync(localNotification: LocalNotification): Promise<LocalNotificationId>;
+    function scheduleLocalNotificationAsync(
+        localNotification: LocalNotification,
+        schedulingOptions: { time: Date | number, repeat?: 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' }
+    ): Promise<LocalNotificationId>;
+    function dismissNotificationAsync(localNotificationId: LocalNotificationId): Promise<void>;
+    function dismissAllNotificationsAsync(): Promise<void>;
+    function cancelScheduledNotificationAsync(localNotificationId: LocalNotificationId): Promise<void>;
+    function cancelAllScheduledNotificationsAsync(): Promise<void>;
+    function getBadgeNumberAsync(): Promise<number>;
+    function setBadgeNumberAsync(number: number): Promise<void>;
+}
+
+/**
+ * Pedometer
+ */
+export namespace Pedometer {
+    function isAvailableAsync(): Promise<boolean>;
+    function getStepCountAsync(start: Date, end: Date): Promise<{ steps: number; }>;
+    function watchStepCount(callback: (params: { steps: number; }) => void): EventSubscription;
+}
+
+/**
+ * Permissions
+ */
+export namespace Permissions {
+    type PermissionType = 'audioRecording' | 'calendar' |
+    'cameraRoll' | 'camera' | 'contacts' | 'location' | 'reminders' |
+    'remoteNotifications' | 'systemBrightness' | 'userFacingNotifications';
+    type PermissionStatus = 'undetermined' | 'granted' | 'denied';
+    type PermissionExpires = 'never';
+
+    interface PermissionDetailsLocationIOS {
+        scope: 'whenInUse' | 'always';
+    }
+
+    interface PermissionDetailsLocationAndroid {
+        scope: 'fine' | 'coarse' | 'none';
+    }
+
+    interface PermissionResponse {
+        status: PermissionStatus;
+        expires: PermissionExpires;
+        ios?: PermissionDetailsLocationIOS;
+        android?: PermissionDetailsLocationAndroid;
+    }
+
+    function getAsync(type: PermissionType): Promise<PermissionResponse>;
+    function askAsync(type: PermissionType): Promise<PermissionResponse>;
+
+    type RemoteNotificationPermission = 'remoteNotifications';
+
+    const AUDIO_RECORDING: 'audioRecording';
+    const CALENDAR: 'calendar';
+    const CAMERA_ROLL: 'cameraRoll';
+    const CAMERA: 'camera';
+    const CONTACTS: 'contacts';
+    const LOCATION: 'location';
+    const NOTIFICATIONS: RemoteNotificationPermission;
+    const REMINDERS = 'reminders';
+    const REMOTE_NOTIFICATIONS: RemoteNotificationPermission;
+    const SYSTEM_BRIGHTNESS: 'systemBrightness';
+    const USER_FACING_NOTIFICATIONS = 'userFacingNotifications';
+}
+
+/**
+ * Register Root Component
+ */
+export function registerRootComponent(component: ComponentType): void;
+
+/**
+ * ScreenOrientation
+ */
+export namespace ScreenOrientation {
+    interface Orientations {
+        ALL: 'ALL';
+        ALL_BUT_UPSIDE_DOWN: 'ALL_BUT_UPSIDE_DOWN';
+        PORTRAIT: 'PORTRAIT';
+        PORTRAIT_UP: 'PORTRAIT_UP';
+        PORTRAIT_DOWN: 'PORTRAIT_DOWN';
+        LANDSCAPE: 'LANDSCAPE';
+        LANDSCAPE_LEFT: 'LANDSCAPE_LEFT';
+        LANDSCAPE_RIGHT: 'LANDSCAPE_RIGHT';
+    }
+
+    const Orientation: Orientations;
+
+    function allow(orientation: keyof Orientations): void;
+}
+
+/**
+ * SecureStore
+ */
+export namespace SecureStore {
+    interface SecureStoreOptions {
+        keychainService?: string;
+        keychainAccessible?: number;
+    }
+
+    function setItemAsync(key: string, value: string, options?: SecureStoreOptions): Promise<void>;
+    function getItemAsync(key: string, options?: SecureStoreOptions): Promise<string | null>;
+    function deleteItemAsync(key: string, options?: SecureStoreOptions): Promise<void>;
+}
+
+/**
+ * Segment
+ */
+export namespace Segment {
+    function initialize(keys: {
+        androidWriteKey: string;
+        iosWriteKey: string;
+    }): void;
+    function identify(userId: string): void;
+    function identifyWithTraits(userId: string, traits: object): void;
+    function track(event: string): void;
+    function reset(): void;
+    function trackWithProperties(event: string, properties: object): void;
+    function screen(screenName: string): void;
+    function screenWithProperties(screenName: string, properties: object): void;
+    function flush(): void;
+}
+
+/**
+ * Speech
+ */
+export namespace Speech {
+    interface SpeechOptions {
+        language?: string;
+        pitch?: number;
+        rate?: number;
+        onStart?: () => void;
+        onStopped?: () => void;
+        onDone?: () => void;
+        onError?: (error: string) => void;
+    }
+
+    function speak(text: string, options?: SpeechOptions): void;
+    function stop(): void;
+    function isSpeakingAsync(): Promise<boolean>;
+
+    /** Available on iOS only */
+    function pause(): void;
+
+    /** Available on iOS only */
+    function resume(): void;
+}
+
+/**
+ * SQLite
+ */
+export namespace SQLite {
+    type Error = any;
+
+    interface Database {
+        transaction(
+            callback: (transaction: Transaction) => any,
+            error?: (error: Error) => any,     // TODO def of error
+            success?: () => any
+        ): void;
+    }
+
+    interface Transaction {
+        executeSql(
+            sqlStatement: string,
+            arguments?: string[] | number[],
+            success?: (transaction: Transaction, resultSet: ResultSet) => any,
+            error?: (transaction: Transaction, error: Error) => any
+        ): void;
+    }
+
+    interface ResultSet {
+        insertId: number;
+        rowAffected: number;
+        rows: {
+            length: number;
+            item: (index: number) => any;
+            _array: HashMap[];
+        };
+    }
+
+    function openDatabase(
+        name: string | {
+            name: string,
+            version?: string,
+            description?: string,
+            size?: number,
+            callback?: () => any
+        },
+        version?: string,
+        description?: string,
+        size?: number,
+        callback?: () => any
+    ): any;
+}
+
+// #region Svg
+/**
+ * Svg
+ */
+export interface SvgCommonProps {
+    fill?: string;
+    fillOpacity?: number | string;
+    fillRule?: 'nonzero' | 'evenodd';
+    opacity?: number | string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    strokeOpacity?: number | string;
+    strokeLinecap?: string;
+    strokeLineJoin?: string;
+    strokeDasharray?: any[];
+    strokeDashoffset?: any;
+    transform?: string | object;
+    x?: number | string;
+    y?: number | string;
+    rotate?: number | string;
+    rotation?: number | string;
+    scale?: number | string;
+    origin?: number | string;
+    originX?: number | string;
+    originY?: number | string;
+    id?: string;
+    disabled?: boolean;
+    onPress?: () => any;
+    onPressIn?: () => any;
+    onPressOut?: () => any;
+    onLongPress?: () => any;
+    delayPressIn?: number;
+    delayPressOut?: number;
+    delayLongPress?: number;
+}
+
+export interface SvgRectProps extends SvgCommonProps {
+    width: number | string;
+    height: number | string;
+}
+
+export interface SvgCircleProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    r: number | string;
+}
+
+export interface SvgEllipseProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    rx: number | string;
+    ry: number | string;
+}
+
+export interface SvgLineProps extends SvgCommonProps {
+    x1: number | string;
+    y1: number | string;
+    x2: number | string;
+    y2: number | string;
+}
+
+export interface SvgPolyProps extends SvgCommonProps {
+    points: string;
+}
+
+export interface SvgPathProps extends SvgCommonProps {
+    d: string;
+}
+
+export interface SvgTextProps extends SvgCommonProps {
+    textAnchor?: string;
+    fontSize?: number | string;
+    fontWeight?: string;
+}
+
+export interface SvgTSpanProps extends SvgTextProps {
+    dx?: string;
+    dy?: string;
+}
+
+export interface SvgTextPathProps extends SvgCommonProps {
+    href?: string;
+    startOffset?: string;
+}
+
+export interface SvgUseProps extends SvgCommonProps {
+    href: string;
+    x: number | string;
+    y: number | string;
+    width?: number | string;
+    height?: number | string;
+}
+
+export interface SvgSymbolProps extends SvgCommonProps {
+    viewBox: string;
+    preserveAspectRatio?: string;
+    width: number | string;
+    height: number | string;
+}
+
+export interface SvgLinearGradientProps extends SvgCommonProps {
+    x1: number | string;
+    x2: number | string;
+    y1: number | string;
+    y2: number | string;
+}
+
+export interface SvgRadialGradientProps extends SvgCommonProps {
+    cx: number | string;
+    cy: number | string;
+    rx: number | string;
+    ry: number | string;
+    fx: number | string;
+    fy: number | string;
+    gradientUnits?: string;
+}
+
+export interface SvgStopProps extends SvgCommonProps {
+    offset?: string;
+    stopColor?: string;
+    stopOpacity?: string;
+}
+
+export class Svg extends Component<{ width: number, height: number, viewBox?: string, preserveAspectRatio?: string }> {
+    static Circle: ComponentClass<SvgCircleProps>;
+    static ClipPath: ComponentClass<SvgCommonProps>;
+    static Defs: ComponentClass;
+    static Ellipse: ComponentClass<SvgEllipseProps>;
+    static G: ComponentClass<SvgCommonProps>;
+    static Line: ComponentClass<SvgLineProps>;
+    static LinearGradient: ComponentClass<SvgLinearGradientProps>;
+    static Path: ComponentClass<SvgPathProps>;
+    static Polygon: ComponentClass<SvgPolyProps>;
+    static Polyline: ComponentClass<SvgPolyProps>;
+    static RadialGradient: ComponentClass<SvgRadialGradientProps>;
+    static Rect: ComponentClass<SvgRectProps>;
+    static Stop: ComponentClass<SvgStopProps>;
+    static Symbol: ComponentClass<SvgSymbolProps>;
+    static Text: ComponentClass<SvgTextProps>;
+    static TextPath: ComponentClass<SvgTextPathProps>;
+    static TSpan: ComponentClass<SvgTSpanProps>;
+    static Use: ComponentClass<SvgUseProps>;
+}
+// #endregion
+
+/**
+ * Take Snapshot
+ */
+export function takeSnapshotAsync(
+    view?: (number | React.ReactElement<any>),
+    options?: {
+        width?: number,
+        height?: number,
+        format?: 'png' | 'jpg' | 'jpeg' | 'webm',
+        quality?: number,
+        result?: 'file' | 'base64' | 'data-uri',
+    }
+): Promise<string>;
+
+/** Helpful utility functions that don’t fit anywhere else, including some localization and internationalization methods. */
+export namespace Util {
+    /** Returns the current device country code. */
+    function getCurrentDeviceCountryAsync(): Promise<string>;
+
+    /** Returns the current device locale as a string. */
+    function getCurrentLocaleAsync(): Promise<string>;
+
+    /** Returns the current device time zone name. */
+    function getCurrentTimeZoneAsync(): Promise<string>;
+
+    /** Reloads the current experience. This will fetch and load the newest available JavaScript supported by the device’s Expo environment. This is useful for triggering an update of your experience if you have published a new version. */
+    function reload(): void;
+
+    /** _Android only_. Invokes a callback when a new version of your app is successfully downloaded in the background. */
+    function addNewVersionListenerExperimental(listener: (event: {
+        manifest: object;
+    }) => void): { remove(): void; };
+}
+
+// #region Video
+/**
+ * Expo Video
+ */
+export interface NaturalSize {
+    width: number;
+    height: number;
+    orientation: Orientation;
+}
+
+export interface ReadyForDisplayEvent {
+    naturalSize: NaturalSize;
+    status: PlaybackStatus;
+}
+
+export enum FullscreenUpdateVariants {
+    IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT = 0,
+    IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT = 1,
+    IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS = 2,
+    IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS = 3
+}
+
+export interface FullscreenUpdateEvent {
+    fullscreenUpdate: FullscreenUpdateVariants;
+    status: PlaybackStatus;
+}
+
+export interface VideoProps {
+    source?: PlaybackSource | null;
+    posterSource?: URISource | RequireSource;
+
+    resizeMode?: ResizeModeContain | ResizeModeCover | ResizeModeStretch;
+    useNativeControls?: boolean;
+    usePoster?: boolean;
+
+    onPlaybackStatusUpdate?: (status: PlaybackStatus) => void;
+    onReadyForDisplay?: (event: ReadyForDisplayEvent) => void;
+    onIOSFullscreenUpdate?: (event: FullscreenUpdateEvent) => void;
+
+    onLoadStart?: () => void;
+    onLoad?: (status: PlaybackStatus) => void;
+    onError?: (error: string) => void;
+
+    status?: PlaybackStatusToSet;
+    progressUpdateIntervalMillis?: number;
+    positionMillis?: number;
+    shouldPlay?: boolean;
+    rate?: number;
+    shouldCorrectPitch?: boolean;
+    volume?: number;
+    isMuted?: boolean;
+    isLooping?: boolean;
+
+    scaleX?: number;
+    scaleY?: number;
+    translateX?: number;
+    translateY?: number;
+    rotation?: number;
+    ref?: Ref<PlaybackObject>;
+    style?: StyleProp<ViewStyle>;
+}
+
+export interface VideoState {
+    showPoster: boolean;
+}
+
+export class Video extends Component<VideoProps, VideoState> {
+    static RESIZE_MODE_CONTAIN: ResizeModeContain;
+    static RESIZE_MODE_COVER: ResizeModeCover;
+    static RESIZE_MODE_STRETCH: ResizeModeStretch;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_WILL_PRESENT;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_DID_PRESENT;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_WILL_DISMISS;
+    static IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS: FullscreenUpdateVariants.IOS_FULLSCREEN_UPDATE_PLAYER_DID_DISMISS;
+}
+// #endregion
+
+/**
+ * Web Browser
+ */
+export namespace WebBrowser {
+    function openBrowserAsync(url: string): Promise<{ type: 'cancelled' | 'dismissed' }>;
+    function openAuthSessionAsync(url: string, redirectUrl?: string): Promise<{ type: 'cancelled' | 'dismissed' }>;
+    function dismissBrowser(): Promise<{ type: 'dismissed' }>;
+}
+
+// #region Calendar
+/**
+ * Calendar
+ *
+ * Provides an API for interacting with the device’s system calendars, events, reminders, and associated records.
+ */
+export namespace Calendar {
+    interface Calendar {
+        /** Internal ID that represents this calendar on the device */
+        id?: string;
+
+        /** Visible name of the calendar */
+        title?: string;
+
+        sourceId?: string; // iOS
+
+        /** Object representing the source to be used for the calendar */
+        source?: Source;
+
+        /** Type of calendar this object represents */
+        type?: CalendarType; // iOS
+
+        /** Color used to display this calendar’s events */
+        color?: string;
+
+        /** Whether the calendar is used in the Calendar or Reminders OS app */
+        entityType?: EntityTypes; // iOS
+
+        /** Boolean value that determines whether this calendar can be modified */
+        allowsModifications?: boolean;
+
+        /** Availability types that this calendar supports */
+        allowedAvailabilities?: Availability[];
+
+        /** Boolean value indicating whether this is the device’s primary calendar */
+        isPrimary?: boolean; // Android
+
+        /** Internal system name of the calendar */
+        name?: string; // Android
+
+        /** Name for the account that owns this calendar */
+        ownerAccount?: string; // Android
+
+        /** Time zone for the calendar	 */
+        timeZone?: string; // Android
+
+        /** Alarm methods that this calendar supports */
+        allowedReminders?: AlarmMethod[]; // Android
+
+        /** Attendee types that this calendar supports */
+        allowedAttendeeTypes?: AttendeeType[]; // Android
+
+        /** Indicates whether the OS displays events on this calendar */
+        isVisible?: boolean; // Android
+
+        /** Indicates whether this calendar is synced and its events stored on the device */
+        isSynced?: boolean; // Android
+
+        /** Level of access that the user has for the calendar */
+        accessLevel?: CalendarAccessLevel; // Android
+    }
+
+    interface Source {
+        /** Internal ID that represents this source on the device */
+        id?: string; // iOS only ??
+
+        /** Type of account that owns this calendar */
+        type?: string;
+
+        /** Name for the account that owns this calendar */
+        name?: string;
+
+        /** Whether this source is the local phone account */
+        isLocalAccount?: boolean; // Android
+    }
+
+    interface Event {
+        /** Internal ID that represents this event on the device */
+        id?: string;
+
+        /** ID of the calendar that contains this event */
+        calendarId?: string;
+
+        /** Visible name of the event */
+        title?: string;
+
+        /** Location field of the event	 */
+        location?: string;
+
+        /** Date when the event record was created */
+        creationDate?: string; // iOS
+
+        /** Date when the event record was last modified */
+        lastModifiedDate?: string; // iOS
+
+        /** Time zone the event is scheduled in */
+        timeZone?: string;
+
+        /** Time zone for the event end time */
+        endTimeZone?: string; // Android
+
+        /** URL for the event */
+        url?: string; // iOS
+
+        /** Description or notes saved with the event */
+        notes?: string;
+
+        /** Array of Alarm objects which control automated reminders to the user */
+        alarms?: Alarm[];
+
+        /** Object representing rules for recurring or repeating events. Null for one-time events. */
+        recurrenceRule?: RecurrenceRule;
+
+        /** Date object or string representing the time when the event starts */
+        startDate?: string | Date;
+
+        /** Date object or string representing the time when the event ends */
+        endDate?: string | Date;
+
+        /** For recurring events, the start date for the first (original) instance of the event */
+        originalStartDate?: string; // iOS
+
+        /** Boolean value indicating whether or not the event is a detached (modified) instance of a recurring event */
+        isDetached?: boolean; // iOS
+
+        /** Whether the event is displayed as an all-day event on the calendar */
+        allDay?: boolean;
+
+        /** The availability setting for the event */
+        availability?: Availability; // Availability
+
+        /** Status of the event */
+        status?: EventStatus; // Status
+
+        /** Organizer of the event, as an Attendee object */
+        organizer?: string; // Organizer - iOS
+
+        /** Email address of the organizer of the event */
+        organizerEmail?: string; // Android
+
+        /** User’s access level for the event */
+        accessLevel?: EventAccessLevel; // Android,
+
+        /** Whether invited guests can modify the details of the event */
+        guestsCanModify?: boolean; // Android,
+
+        /** Whether invited guests can invite other guests */
+        guestsCanInviteOthers?: boolean; // Android
+
+        /** Whether invited guests can see other guests */
+        guestsCanSeeGuests?: boolean; // Android
+
+        /** For detached (modified) instances of recurring events, the ID of the original recurring event */
+        originalId?: string; // Android
+
+        /** For instances of recurring events, volatile ID representing this instance; not guaranteed to always refer to the same instance */
+        instanceId?: string; // Android
+    }
+
+    interface Attendee {
+        /** Internal ID that represents this attendee on the device */
+        id?: string; // Android
+
+        /** Indicates whether or not this attendee is the current OS user */
+        isCurrentUser?: boolean; // iOS
+
+        /** Displayed name of the attendee */
+        name?: string;
+
+        /** Role of the attendee at the event */
+        role?: AttendeeRole;
+
+        /** Status of the attendee in relation to the event */
+        status?: AttendeeStatus;
+
+        /** Type of the attendee */
+        type?: AttendeeType;
+
+        /** URL for the attendee */
+        url?: string; // iOS
+
+        /** Email address of the attendee */
+        email?: string; // Android
+    }
+
+    interface Reminder {
+        /** Internal ID that represents this reminder on the device */
+        id?: string;
+
+        /** ID of the calendar that contains this reminder */
+        calendarId?: string;
+
+        /** Visible name of the reminder */
+        title?: string;
+
+        /** Location field of the reminder */
+        location?: string;
+
+        /** Date when the reminder record was created */
+        creationDate?: string;
+
+        /** Date when the reminder record was last modified */
+        lastModifiedDate?: string;
+
+        /** Time zone the reminder is scheduled in */
+        timeZone?: string;
+
+        /** URL for the reminder */
+        url?: string;
+
+        /** Description or notes saved with the reminder */
+        notes?: string;
+
+        /** Array of Alarm objects which control automated alarms to the user about the task */
+        alarms?: Alarm[];
+
+        /** Object representing rules for recurring or repeated reminders. Null for one-time tasks. */
+        recurrenceRule?: RecurrenceRule;
+
+        /** Date object or string representing the start date of the reminder task */
+        startDate?: string;
+
+        /** Date object or string representing the time when the reminder task is due */
+        dueDate?: string;
+
+        /** Indicates whether or not the task has been completed */
+        completed?: boolean;
+
+        /** Date object or string representing the date of completion, if completed is true */
+        completionDate?: string;
+    }
+
+    interface Alarm {
+        /** Date object or string representing an absolute time the alarm should occur; overrides relativeOffset and structuredLocation if specified alongside either */
+        absoluteDate?: string; // iOS
+
+        /** Number of minutes from the startDate of the calendar item that the alarm should occur; use negative values to have the alarm occur before the startDate */
+        relativeOffset?: string;
+        structuredLocation?: {
+            // iOS
+            title?: string;
+            proximity?: string; // Proximity
+            radius?: number;
+            coords?: {
+                latitude?: number;
+                longitude?: number;
+            };
+        };
+
+        /** Method of alerting the user that this alarm should use; on iOS this is always a notification */
+        method?: AlarmMethod; // Method, Android
+    }
+
+    interface RecurrenceRule {
+        /** How often the calendar item should recur */
+        frequency: Frequency; // Frequency
+
+        /** Interval at which the calendar item should recur. For example, an interval: 2 with frequency: DAILY would yield an event that recurs every other day. Defaults to 1 . */
+        interval?: number;
+
+        /** Date on which the calendar item should stop recurring; overrides occurrence if both are specified */
+        endDate?: string;
+
+        /** Number of times the calendar item should recur before stopping */
+        occurrence?: number;
+    }
+
+    enum EntityTypes {
+        EVENT = 'event',
+        REMINDER = 'reminder',
+    }
+
+    enum CalendarType {
+        LOCAL = 'local',
+        CALDAV = 'caldav',
+        EXCHANGE = 'exchange',
+        SUBSCRIBED = 'subscribed',
+        BIRTHDAYS = 'birthdays'
+    }
+
+    enum Availability {
+        NOT_SUPPORTED = 'notSupported', // iOS
+        BUSY = 'busy',
+        FREE = 'free',
+        TENTATIVE = 'tentative',
+        UNAVAILABLE = 'unavailable' // iOS
+    }
+
+    enum AlarmMethod {
+        ALARM = 'alarm',
+        ALERT = 'alert',
+        EMAIL = 'email',
+        SMS = 'sms',
+        DEFAULT = 'default',
+    }
+
+    enum AttendeeType {
+        UNKNOWN = 'unknown', // iOS
+        PERSON = 'person', // iOS
+        ROOM = 'room', // iOS
+        GROUP = 'group', // iOS
+        RESOURCE = 'resource',
+        OPTIONAL = 'optional', // Android
+        REQUIRED = 'required', // Android
+        NONE = 'none' // Android
+    }
+
+    enum CalendarAccessLevel {
+        CONTRIBUTOR = 'contributor',
+        EDITOR = 'editor',
+        FREEBUSY = 'freebusy',
+        OVERRIDE = 'override',
+        OWNER = 'owner',
+        READ = 'read',
+        RESPOND = 'respond',
+        ROOT = 'root',
+        NONE = 'none'
+    }
+
+    enum EventAccessLevel {
+        CONFIDENTIAL = 'confidential',
+        PRIVATE = 'private',
+        PUBLIC = 'public',
+        DEFAULT = 'default'
+    }
+
+    enum EventStatus {
+        NONE = 'none',
+        CONFIRMED = 'confirmed',
+        TENTATIVE = 'tentative',
+        CANCELED = 'canceled'
+    }
+
+    enum AttendeeRole {
+        UNKNOWN = 'unknown', // iOS
+        REQUIRED = 'required', // iOS
+        OPTIONAL = 'optional', // iOS
+        CHAIR = 'chair', // iOS
+        NON_PARTICIPANT = 'nonParticipant', // iOS
+        ATTENDEE = 'attendee', // Android
+        ORGANIZER = 'organizer', // Android
+        PERFORMER = 'performer', // Android
+        SPEAKER = 'speaker', // Android
+        NONE = 'none' // Android
+    }
+
+    enum AttendeeStatus {
+        UNKNOWN = 'unknown', // iOS
+        PENDING = 'pending', // iOS
+        ACCEPTED = 'accepted',
+        DECLINED = 'declined',
+        TENTATIVE = 'tentative',
+        DELEGATED = 'delegated', // iOS
+        COMPLETED = 'completed', // iOS
+        IN_PROCESS = 'inProcess', // iOS
+        INVITED = 'invited', // Android
+        NONE = 'none' // Android
+    }
+
+    enum Frequency {
+        DAILY = 'daily',
+        WEEKLY = 'weekly',
+        MONTHLY = 'monthly',
+        YEARLY = 'yearly'
+    }
+
+    enum ReminderStatus {
+        COMPLETED = 'completed',
+        INCOMPLETE = 'incomplete'
+    }
+
+    interface RecurringEventOptions {
+        futureEvents?: boolean;
+        instanceStartDate?: string;
+    }
+
+    /** Gets an array of calendar objects with details about the different calendars stored on the device. */
+    function getCalendarsAsync(
+        /** (iOS only) Not required, but if defined, filters the returned calendars to a specific entity type.  */
+        entityType?: EntityTypes
+    ): Promise<Calendar[]>;
+
+    /** Creates a new calendar on the device, allowing events to be added later and displayed. */
+    function createCalendarAsync(details: Calendar): Promise<string>;
+
+    /** Updates the provided details of an existing calendar stored on the device. To remove a property, explicitly set it to null in details */
+    function updateCalendarAsync(id: string, details?: Calendar | null): Promise<string>;
+
+    /** Deletes an existing calendar and all associated events/reminders/attendees from the device. Use with caution. */
+    function deleteCalendarAsync(id: string): Promise<void>;
+
+    /** Returns all events in a given set of calendars over a specified time period. */
+    function getEventsAsync(
+        /** Array of IDs of calendars to search for events in. Required. */
+        calendarIds: string[],
+
+        /** Beginning of time period to search for events in. Required. */
+        startDate: Date,
+
+        /** End of time period to search for events in. Required. */
+        endDate: Date
+    ): Promise<Event[]>;
+
+    /** Returns a specific event selected by ID. If a specific instance of a recurring event is desired, the start date of this instance must also be provided, as instances of recurring events do not have their own unique and stable IDs on either iOS or Android. */
+    function getEventAsync(
+        /** ID of the event to return. Required. */
+        id: string,
+
+        /** A map of options for recurring events */
+        recurringEventOptions?: RecurringEventOptions
+    ): Promise<Event>;
+
+    /** Creates a new event on the specified calendar. */
+    function createEventAsync(
+        /** ID of the calendar to create this event in. Required. */
+        calendarId: string,
+        details?: Event
+    ): Promise<string>;
+
+    /** Updates the provided details of an existing calendar stored on the device. To remove a property, explicitly set it to null in details */
+    function updateEventAsync(
+        /** ID of the event to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated  */
+        details?: Event | null,
+
+        /** A map of options for recurring events */
+        recurrentEventOptions?: RecurringEventOptions
+    ): Promise<string>;
+
+    /** Deletes an existing event from the device. Use with caution. */
+    function deleteEventAsync(
+        /** ID of the event to be deleted. Required. */
+        id: string,
+
+        /** A map of options for recurring events */
+        recurringEventOptions?: RecurringEventOptions
+    ): Promise<void>;
+
+    /** Gets all attendees for a given event (or instance of a recurring event). */
+    function getAttendeesForEventAsync(
+        /** ID of the event to return attendees for. Required. */
+        eventId: string,
+
+        /** A map of options for recurring events */
+        recurrentEventOptions?: RecurringEventOptions
+    ): Promise<Attendee[]>;
+
+    /** Available on Android only. Creates a new attendee record and adds it to the specified event. Note that if eventId specifies a recurring event, this will add the attendee to every instance of the event. */
+    function createAttendeeAsync(
+        /**  ID of the event to add this attendee to. Required. */
+        eventId: string,
+
+        /** A map of details for the attendee to be created  */
+        details?: Attendee
+    ): Promise<string>;
+
+    /** Available on Android only. Updates an existing attendee record. To remove a property, explicitly set it to null in details. */
+    function updateAttendeeAsync(
+        /** ID of the attendee record to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated  */
+        details?: Attendee | null
+    ): Promise<string>;
+
+    /** Available on Android only. Deletes an existing attendee record from the device. Use with caution. */
+    function deleteAttendeeAsync(id: string): Promise<void>;
+
+    /** Available on iOS only. Returns a list of reminders matching the provided criteria. */
+    function getRemindersAsync(
+        /**  Array of IDs of calendars to search for reminders in. Required. */
+        calendarIds: string[],
+
+        status?: ReminderStatus,
+
+        /** Beginning of time period to search for reminders in. Required if status is defined. */
+        startDate?: Date,
+
+        /** End of time period to search for reminders in. Required if status is defined. */
+        endDate?: Date
+    ): Promise<Reminder[]>;
+
+    /** Available on iOS only. Returns a specific reminder selected by ID. */
+    function getReminderAsync(id: string): Promise<Reminder>;
+
+    /** Available on iOS only. Creates a new reminder on the specified calendar. */
+    function createReminderAsync(
+        /** ID of the calendar to create this reminder in. Required. */
+        calendarId: string,
+
+        /** A map of details for the reminder to be created */
+        details?: Reminder
+    ): Promise<string>;
+
+    /** Available on iOS only. Updates the provided details of an existing reminder stored on the device. To remove a property, explicitly set it to null in details. */
+    function updateReminderAsync(
+        /** ID of the reminder to be updated. Required. */
+        id: string,
+
+        /** A map of properties to be updated */
+        details?: Reminder | null
+    ): Promise<string>;
+
+    /** Available on iOS only. Deletes an existing reminder from the device. Use with caution. */
+    function deleteReminderAsync(id: string): Promise<void>;
+
+    /** Available on iOS only. */
+    function getSourcesAsync(): Promise<Source[]>;
+
+    /** Available on iOS only. Returns a specific source selected by ID. */
+    function getSourceAsync(id: string): Promise<Source>;
+
+    /** Available on Android only. Sends an intent to open the specified event in the OS Calendar app. */
+    function openEventInCalendar(
+        /** ID of the event to open. Required. */
+        id: string
+    ): void;
+}
+// #endregion
+
+// #region MailComposer
+/**
+ * An API to compose mails using OS specific UI.
+ */
+export namespace MailComposer {
+    interface ComposeOptions {
+        /** An array of e-mail addressess of the recipients. */
+        recipients?: string[];
+
+        /** An array of e-mail addressess of the CC recipients. */
+        ccRecipients?: string[];
+
+        /** An array of e-mail addressess of the BCC recipients. */
+        bccRecipients?: string[];
+
+        /** Subject of the mail. */
+        subject?: string;
+
+        /** Body of the mail. */
+        body?: string;
+
+        /** Whether the body contains HTML tags so it could be formatted properly. Not working perfectly on Android. */
+        isHtml?: boolean;
+
+        /** An array of app’s internal file uris to attach. */
+        attachments?: string[];
+    }
+
+    /** Resolves to a promise with object containing status field that could be either sent, saved or cancelled. Android does not provide such info so it always resolves to sent. */
+    function composeAsync(
+        /** A map defining the data to fill the mail */
+        options: ComposeOptions
+    ): Promise<{ status: 'sent' | 'saved' | 'cancelled' }>;
+}
+// #endregion
+
+export namespace Updates {
+    namespace EventType {
+        /** A new update is available and has started downloading. */
+        type DownloadStart = 'downloadStart';
+        /** A new update is currently being downloaded and will be stored in the device's cache. */
+        type DownloadProgress = 'downloadProgress';
+        /** A new update has finished downloading and is now stored in the device's cache. */
+        type DownloadFinished = 'downloadFinished';
+        /** No updates are available, and the most up-to-date bundle of this experience is already running. */
+        type NoUpdateAvailable = 'noUpdateAvailable';
+        /** An error occurred trying to fetch the latest update. */
+        type Error = 'error';
+
+        /** A new update is available and has started downloading. */
+        const DOWNLOAD_STARTED: DownloadStart;
+        /** A new update is currently being downloaded and will be stored in the device's cache. */
+        const DOWNLOAD_PROGRESS: DownloadProgress;
+        /** A new update has finished downloading and is now stored in the device's cache. */
+        const DOWNLOAD_FINISHED: DownloadFinished;
+        /** No updates are available, and the most up-to-date bundle of this experience is already running. */
+        const NO_UPDATE_AVAILABLE: NoUpdateAvailable;
+        /** An error occurred trying to fetch the latest update. */
+        const ERROR: Error;
+    }
+
+    interface UpdateCheck {
+        /** True if an update is available, false if you're already running the most up-to-date JS bundle. */
+        isAvailable: boolean;
+        /** If `isAvailable` is true, the manifest of the available update. Undefined otherwise. */
+        manifest?: Constants.Manifest;
+    }
+
+    interface UpdateBundle {
+        /** True if the fetched bundle is new (i.e. a different version that the what's currently running). */
+        isNew: boolean;
+        /** Manifest of the fetched update. */
+        manifest: Constants.Manifest;
+    }
+
+    /** An object that is passed into each event listener when a new version is available. */
+    interface UpdateEvent {
+        /** Type of the event */
+        type: EventType.DownloadStart
+            | EventType.DownloadProgress
+            | EventType.DownloadFinished
+            | EventType.NoUpdateAvailable
+            | EventType.Error;
+        /** If `type === Expo.Updates.EventType.DOWNLOAD_FINISHED`, the manifest of the newly downloaded update. Undefined otherwise. */
+        manifest?: Constants.Manifest;
+        /** If `type === Expo.Updates.EventType.ERROR`, the error message. Undefined otherwise. */
+        message?: string;
+    }
+
+    /** An optional params object passed to fetchUpdateAsync. */
+    interface FetchUpdateAsyncParams {
+        eventListener: UpdateEventListener;
+    }
+
+    type UpdateEventListener = (event: UpdateEvent) => any;
+
+    /**
+     * Invokes a callback when updates-related events occur,
+     * either on the initial app load or as a result of a call to `Expo.Updates.fetchUpdateAsync`.
+     */
+    function addListener(listener: UpdateEventListener): EventSubscription;
+
+    /**
+     * Check if a new published version of your project is available.
+     * Does not actually download the update.
+     * Rejects if `updates.enabled` is `false` in app.json.
+     */
+    function checkForUpdateAsync(): Promise<UpdateCheck>;
+
+    /**
+     * Downloads the most recent published version of your experience to the device's local cache.
+     * Rejects if `updates.enabled` is `false` in app.json.
+     */
+    function fetchUpdateAsync(params?: FetchUpdateAsyncParams): Promise<UpdateBundle>;
+
+    /**
+     * Immediately reloads the current experience.
+     * This will use your app.json updates configuration to fetch and load the newest available JS supported by the device's Expo environment.
+     * This is useful for triggering an update of your experience if you have published a new version.
+     */
+    function reload(): void;
+
+    /**
+     * Immediately reloads the current experience using the most recent cached version.
+     * This is useful for triggering an update of your experience if you have published and already downloaded a new version.
+     */
+    function reloadFromCache(): void;
+}
+
+// #region MediaLibrary
+/**
+ * https://docs.expo.io/versions/latest/sdk/media-library
+ * Provides access to user's media library
+ * Requires Permissions.CAMERA_ROLL permissions.
+ */
+
+export namespace MediaLibrary {
+  /**
+   * Creates an asset from existing file. The most common use case is to save a picture taken by Camera.
+   */
+  function createAssetAsync(localUri: string): Promise<Asset>;
+
+  /**
+   * Fetches a page of assets matching the provided criteria.
+   */
+  function getAssetsAsync(options: GetAssetsOptions): Promise<GetAssetsResult>;
+
+  /**
+   * Provides more informations about an asset, including GPS location, local URI and EXIF metadata.
+   */
+  function getAssetInfoAsync(asset: string | Asset): Promise<Asset>;
+
+  /**
+   * Deletes assets from the library. On iOS it deletes assets from all albums they belong to, while on Android it keeps all copies of them
+   * (album is strictly connected to the asset). Also, there is additional dialog on iOS that requires user to confirm this action.
+   */
+  function deleteAssetsAsync(asset: string[] | Asset[]): Promise<boolean>;
+
+  /**
+   * Queries for user-created albums in media gallery.
+   */
+  function getAlbumsAsync(): Promise<Album[]>;
+
+  /**
+   * Queries for an album with a specific name.
+   */
+  function getAlbumAsync(albumName: string): Promise<Album>;
+
+  /**
+   * Creates an album with given name and initial asset.
+   * The asset parameter is required on Android, since it's not possible to create empty album on this platform.
+   */
+  function createAlbumAsync(albumName: string, asset: string | Asset): Promise<Album>;
+
+  /**
+   * Adds array of assets to the album.
+   * On Android, by default it copies assets from the current album to provided one, however it's also possible to move them by passing false as copyAssets argument.
+   * In case they're copied you should keep in mind that getAssetsAsync will return duplicated assets.
+   */
+  function addAssetsToAlbumAsync(assets: Asset[], album: string | Album, copyAssets?: boolean /* default true */): Promise<boolean>;
+
+  /**
+   * Removes given assets from album.
+   * On Android, album will be automatically deleted if there are no more assets inside.
+   */
+  function removeAssetsFromAlbumAsync(assets: Asset[], album: string | Album): Promise<boolean>;
+
+  /**
+   * Available on iOS only. Fetches a list of moments, which is a group of assets taken around the same place and time.
+   */
+  function getMomentsAsync(): Promise<Album[]>;
+
+  enum MediaType {
+    audio = 'audio',
+    photo = 'photo',
+    video = 'video',
+    unknow = 'unknow'
+  }
+
+  enum SortBy {
+    default = 'default',
+    id = 'id',
+    creationTime = 'creationTime',
+    modificationTime = 'modificationTime',
+    mediaType = 'mediaType',
+    width = 'width',
+    height = 'height',
+    duration = 'duration'
+  }
+
+  // region Asset
+  interface AssetAndroid {
+    albumId?: string;
+  }
+
+  interface AssetIos {
+    mediaSubtypes?: MediaType[];
+    // *
+    orientation: number;
+    // *
+    isFavorite: boolean;
+  }
+
+  interface Asset extends AssetAndroid, AssetIos {
+    id: string;
+    filename: string;
+    uri: string;
+    mediaType: string;
+    width: number;
+    height: number;
+    creationTime: number;
+    modificationTime: number;
+    duration: number;
+    // *
+    localUri?: string;
+    // *
+    location?: Location.LocationProps;
+    // *
+    exif?: object;
+  }
+
+  /**
+   * These fields can be obtained only by calling getAssetInfoAsync method
+   */
+  //#endregion
+
+  // #region Album
+  interface AlbumIos {
+    type?: string;
+    // *
+    startTime: number;
+    // *
+    endTime: number;
+    // *
+    approximateLocation?: Location.LocationProps;
+    // *
+    locationNames?: string[];
+  }
+
+  /**
+   * These fields apply only to albums whose type is moment
+   */
+
+  interface Album extends AlbumIos {
+    id: string;
+    title: string;
+    assetCount: number;
+  }
+  // #endregion
+
+  interface GetAssetsOptions {
+    first?: number;
+    after?: string;
+    album?: string | Album;
+    sortBy?: SortBy;
+    mediaType?: MediaType;
+  }
+
+  interface GetAssetsResult {
+    assets: Asset[];
+    endCursor: string;
+    hasNextPage: boolean;
+    totalCount: number;
+  }
+}
+// #endregion
+
+// #region Haptic
+/**
+ * https://docs.expo.io/versions/latest/sdk/haptic
+ * Provides haptic feedback for iOS 10+ devices using the Taptic Engine.
+ * If this is used in Android the device will use ReactNative.Vibrate instead, it's best to just avoid this.
+ */
+export namespace Haptic {
+  /**
+   * Used to let a user know when a selection change has been registered
+   */
+  function selection(): void;
+  function notification(notificationType?: NotificationType): void;
+  function impact(impactStyles?: ImpactStyles): void;
+
+  enum ImpactStyles {
+    Light = 'light',
+    Medium = 'medium',
+    Heavy = 'heavy'
+  }
+
+  enum NotificationType {
+    Success = 'success',
+    Warning = 'warning',
+    Error = 'error'
+  }
+}
+// #endregion
diff --git a/types/expo/v30/tsconfig.json b/types/expo/v30/tsconfig.json
new file mode 100644
index 0000000000..ec6b729436
--- /dev/null
+++ b/types/expo/v30/tsconfig.json
@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "expo": [
+                "expo/v30"
+            ],
+            "expo/*": [
+                "expo/v30/*"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "expo-tests.tsx"
+    ]
+}
diff --git a/types/expo/v30/tslint.json b/types/expo/v30/tslint.json
new file mode 100644
index 0000000000..8270136207
--- /dev/null
+++ b/types/expo/v30/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "void-return": false,
+        "max-line-length": false
+    }
+}
diff --git a/types/expo__vector-icons/tsconfig.json b/types/expo__vector-icons/tsconfig.json
index 318f7f537c..542a4f4643 100644
--- a/types/expo__vector-icons/tsconfig.json
+++ b/types/expo__vector-icons/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "dom",
-            "es6"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/express-fileupload/express-fileupload-tests.ts b/types/express-fileupload/express-fileupload-tests.ts
index 2a268fb64e..f423e5035a 100644
--- a/types/express-fileupload/express-fileupload-tests.ts
+++ b/types/express-fileupload/express-fileupload-tests.ts
@@ -9,7 +9,7 @@ const app: express.Express = express();
 app.use(fileUpload({debug: true}));
 
 function isUploadedFile(file: UploadedFile | UploadedFile[]): file is UploadedFile {
-    return typeof file === 'object' && (<UploadedFile> file).name !== undefined;
+    return typeof file === 'object' && (file as UploadedFile).name !== undefined;
 }
 
 const uploadHandler: RequestHandler = (req: Request, res: Response, next: NextFunction) => {
diff --git a/types/express-graphql/index.d.ts b/types/express-graphql/index.d.ts
index 78c988204f..5f49e62308 100644
--- a/types/express-graphql/index.d.ts
+++ b/types/express-graphql/index.d.ts
@@ -7,7 +7,7 @@
 //                 Margus Lamp <https://github.com/mlamp>
 //                 Firede <https://github.com/firede>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { Request, Response } from "express";
 import { DocumentNode, GraphQLSchema, GraphQLError } from "graphql";
diff --git a/types/express-graphql/tsconfig.json b/types/express-graphql/tsconfig.json
index 7924c82706..ac6ad5f138 100644
--- a/types/express-graphql/tsconfig.json
+++ b/types/express-graphql/tsconfig.json
@@ -3,7 +3,8 @@
         "module": "commonjs",
         "target": "es2015",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/express-mung/express-mung-tests.ts b/types/express-mung/express-mung-tests.ts
index 86106e2c59..77aebc6c05 100644
--- a/types/express-mung/express-mung-tests.ts
+++ b/types/express-mung/express-mung-tests.ts
@@ -1,7 +1,35 @@
 import { Request, Response } from "express";
 import * as mung from "express-mung";
 
-function redact(body: Object, req: Request, res: Response) {
-    return body;
+function redact(body: {}, req: Request, res: Response) {
+  return body;
 }
+
 mung.json(redact);
+mung.json(redact, { mungError: true });
+
+function redactAsync(body: {}, req: Request, res: Response) {
+  return Promise.resolve(body);
+}
+
+mung.jsonAsync(redactAsync);
+mung.jsonAsync(redactAsync, { mungError: true });
+
+function transformHeaders(req: Request, res: Response) {
+  return;
+}
+
+mung.headers(transformHeaders);
+
+function transformHeadersAsync(req: Request, res: Response) {
+  return Promise.resolve();
+}
+
+mung.headersAsync(transformHeadersAsync);
+
+function transformChunk(chunk: string | Buffer, encoding: string | null, req: Request, res: Response) {
+  return 'chunk';
+}
+
+mung.write(transformChunk);
+mung.write(transformChunk, { mungError: true });
diff --git a/types/express-mung/index.d.ts b/types/express-mung/index.d.ts
index e6de726cd8..1236dc86dc 100644
--- a/types/express-mung/index.d.ts
+++ b/types/express-mung/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for express-mung 0.4.2
+// Type definitions for express-mung 0.5.1
 // Project: https://github.com/richardschneider/express-mung
 // Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -8,37 +8,50 @@
 /// <reference types="node"/>
 
 declare module "express-mung" {
-    import { Request, Response } from "express";
-    import * as http from "http";
+    import { Request, Response, RequestHandler } from "express";
 
     type Transform = (body: {}, request: Request, response: Response) => any;
-    type TransformHeader = (body: http.IncomingMessage, request: Request, response: Response) => any;
+    type TransformAsync = (body: {}, request: Request, response: Response) => PromiseLike<any>;
+    type TransformHeader = (request: Request, response: Response) => any;
+    type TransformHeaderAsync = (request: Request, response: Response) => PromiseLike<any>;
+    type TransformChunk = (chunk: string | Buffer, encoding: string | null, request: Request, response: Response) => string | Buffer;
+    type Options = { mungError: boolean };
 
     /**
      * Transform the JSON body of the response.
      * @param {Transform} fn A transformation function.
-     * @return {any} The body.
+     * @param {Options} [options] json options.
+     * @return {RequestHandler} Middleware to transform the body
      */
-    export function json(fn: Transform): any;
+    export function json(fn: Transform, options?: Options): RequestHandler;
 
     /**
-     * Transform the JSON body of the response.
-     * @param {Transform} fn A transformation function.
-     * @return {any} The body.
+     * Asynchronously transform the JSON body of the response.
+     * @param {TransformAsync} fn A transformation function.
+     * @param {Options} [options] jsonAsync options.
+     * @return {RequestHandler} Middleware to transform the body
      */
-    export function jsonAsync(fn: Transform): PromiseLike<any>;
+    export function jsonAsync(fn: TransformAsync, options?: Options): RequestHandler;
 
     /**
      * Transform the HTTP headers of the response.
-     * @param {Transform} fn A transformation function.
-     * @return {any} The body.
+     * @param {TransformHeader} fn A transformation function.
+     * @return {RequestHandler} Middleware to transform the headers
      */
-    export function headers(fn: TransformHeader): any;
+    export function headers(fn: TransformHeader): RequestHandler;
 
     /**
-     * Transform the HTTP headers of the response.
-     * @param {Transform} fn A transformation function.
-     * @return {any} The body.
+     * Asynchronously transform the HTTP headers of the response.
+     * @param {TransformHeaderAsync} fn A transformation function.
+     * @return {RequestHandler} Middleware to transform the headers
      */
-    export function headersAsync(fn: TransformHeader): PromiseLike<any>;
+    export function headersAsync(fn: TransformHeaderAsync): RequestHandler;
+
+    /**
+     * Transform chunks as they are written to the response
+     * @param {TransformChunk} fn A transformation function.
+     * @param {Options} [options] Write options.
+     * @return {RequestHandler} Middleware to transform chunks.
+     */
+    export function write(fn: TransformChunk, options?: Options): RequestHandler;
 }
diff --git a/types/express-mung/tsconfig.json b/types/express-mung/tsconfig.json
index 9dd04b84e6..1588655c88 100644
--- a/types/express-mung/tsconfig.json
+++ b/types/express-mung/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
@@ -20,4 +20,4 @@
         "index.d.ts",
         "express-mung-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/express-ntlm/express-ntlm-tests.ts b/types/express-ntlm/express-ntlm-tests.ts
new file mode 100644
index 0000000000..6874b2a0e7
--- /dev/null
+++ b/types/express-ntlm/express-ntlm-tests.ts
@@ -0,0 +1,22 @@
+import express = require('express');
+import ntlm = require('express-ntlm');
+
+const app = express();
+
+app.use(ntlm({
+    debug() {
+        const args = Array.prototype.slice.apply(arguments);
+        console.log.apply(null, args);
+    },
+    domain: 'MYDOMAIN',
+    domaincontroller: 'ldap://myad.example',
+
+    // use different port (default: 389)
+    // domaincontroller: 'ldap://myad.example:3899',
+}));
+
+app.all('*', (request, response) => {
+    response.end(JSON.stringify(request.ntlm)); // {"DomainName":"MYDOMAIN","UserName":"MYUSER","Workstation":"MYWORKSTATION"}
+});
+
+app.listen(80);
diff --git a/types/express-ntlm/index.d.ts b/types/express-ntlm/index.d.ts
new file mode 100644
index 0000000000..58949d0394
--- /dev/null
+++ b/types/express-ntlm/index.d.ts
@@ -0,0 +1,40 @@
+// Type definitions for express-ntlm 2.3
+// Project: https://github.com/einfallstoll/express-ntlm
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { ConnectionOptions } from 'tls';
+
+import { Handler } from 'express';
+
+declare function expressNtlm(options?: expressNtlm.Options): Handler;
+
+declare namespace expressNtlm {
+    interface Options {
+        prefix?: string;
+        badrequest?: Handler;
+        internalservererror?: Handler;
+        forbidden?: Handler;
+        unauthorized?: Handler;
+        domain?: string;
+        domaincontroller?: string;
+        tlsOptions?: ConnectionOptions;
+        debug?(prefix: string, message: string): void;
+    }
+    interface RequestNtlm {
+        DomainName?: string;
+        UserName?: string;
+        Workstation?: string;
+    }
+}
+
+declare global {
+    namespace Express {
+        interface Request {
+            ntlm?: expressNtlm.RequestNtlm;
+        }
+    }
+}
+
+export = expressNtlm;
diff --git a/types/express-ntlm/tsconfig.json b/types/express-ntlm/tsconfig.json
new file mode 100644
index 0000000000..fd451d5b7b
--- /dev/null
+++ b/types/express-ntlm/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-ntlm-tests.ts"
+    ]
+}
diff --git a/types/express-ntlm/tslint.json b/types/express-ntlm/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-ntlm/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/express-routes-versioning/express-routes-versioning-tests.ts b/types/express-routes-versioning/express-routes-versioning-tests.ts
new file mode 100644
index 0000000000..5d8b166188
--- /dev/null
+++ b/types/express-routes-versioning/express-routes-versioning-tests.ts
@@ -0,0 +1,21 @@
+import * as express from 'express';
+import * as routesVersioning from 'express-routes-versioning';
+
+const app = express();
+
+const routesVersioningMiddleware: routesVersioning.RoutesVersioningMiddleware = routesVersioning();
+
+const versioningOptions: routesVersioning.VersionOptions = {
+    "1.0.0": respondV1,
+    "~2.2.1": respondV2
+};
+
+app.get('/test', routesVersioningMiddleware(versioningOptions));
+
+function respondV1(req: express.Request, res: express.Response, next: express.NextFunction) {
+    res.status(200).send('ok v1');
+}
+
+function respondV2(req: express.Request, res: express.Response, next: express.NextFunction) {
+    res.status(200).send('ok v2');
+}
diff --git a/types/express-routes-versioning/index.d.ts b/types/express-routes-versioning/index.d.ts
new file mode 100644
index 0000000000..b494786e9e
--- /dev/null
+++ b/types/express-routes-versioning/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for express-routes-versioning 1.0
+// Project: https://github.com/Prasanna-sr/express-routes-versioning
+// Definitions by: Rogelio Negrete <https://github.com/weffe>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Handler } from 'express';
+
+declare namespace routesVersioning {
+    interface VersionOptions {
+        [versionKey: string]: Handler;
+    }
+
+    type RoutesVersioningMiddleware = (args: VersionOptions, notFoundMiddleware?: Handler) => Handler;
+}
+
+declare function routesVersioning(): routesVersioning.RoutesVersioningMiddleware;
+
+export = routesVersioning;
diff --git a/types/express-routes-versioning/tsconfig.json b/types/express-routes-versioning/tsconfig.json
new file mode 100644
index 0000000000..b211c64383
--- /dev/null
+++ b/types/express-routes-versioning/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-routes-versioning-tests.ts"
+    ]
+}
diff --git a/types/express-routes-versioning/tslint.json b/types/express-routes-versioning/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-routes-versioning/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/express-sitemap-xml/express-sitemap-xml-tests.ts b/types/express-sitemap-xml/express-sitemap-xml-tests.ts
new file mode 100644
index 0000000000..9882f11c2a
--- /dev/null
+++ b/types/express-sitemap-xml/express-sitemap-xml-tests.ts
@@ -0,0 +1,22 @@
+import * as express from 'express';
+
+import expressSitemapXml, { LeafObject } from 'express-sitemap-xml';
+
+const page2Leaf: LeafObject = {
+    changeFreq: 'weekly',
+    lastMod: new Date(),
+    url: '/page2'
+};
+
+const leaves = ['/page1', page2Leaf];
+const base = 'http://example.com';
+const getLeaves = () => leaves;
+const getLeavesPromise = () => Promise.resolve(leaves);
+
+expressSitemapXml.buildSitemaps(leaves, base).then(sitemap => typeof sitemap === 'object');
+
+const sitemap1 = expressSitemapXml(getLeaves, base);
+const sitemap2 = expressSitemapXml(getLeavesPromise, base);
+
+express().use(sitemap1);
+express().use(sitemap2);
diff --git a/types/express-sitemap-xml/index.d.ts b/types/express-sitemap-xml/index.d.ts
new file mode 100644
index 0000000000..1926878bb5
--- /dev/null
+++ b/types/express-sitemap-xml/index.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for express-sitemap-xml 1.0
+// Project: https://github.com/feross/express-sitemap-xml
+// Definitions by: Florian Keller <https://github.com/ffflorian>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as express from 'express';
+
+export interface LeafObject {
+    changeFreq?: string;
+    lastMod?: string | Date;
+    url: string;
+}
+
+export type SitemapLeaf = string | LeafObject;
+
+export interface Sitemap {
+    [leaf: string]: string;
+}
+
+declare function expressSitemapXml(getUrls: (() => (SitemapLeaf[] | Promise<SitemapLeaf[]>)), base: string): express.RequestHandler;
+
+declare namespace expressSitemapXml {
+    function buildSitemaps(urls: SitemapLeaf[], base: string): Promise<Sitemap>;
+}
+
+export default expressSitemapXml;
diff --git a/types/express-sitemap-xml/tsconfig.json b/types/express-sitemap-xml/tsconfig.json
new file mode 100644
index 0000000000..8ddbc73ef5
--- /dev/null
+++ b/types/express-sitemap-xml/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-sitemap-xml-tests.ts"
+    ]
+}
diff --git a/types/express-sitemap-xml/tslint.json b/types/express-sitemap-xml/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-sitemap-xml/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/express-version-request/express-version-request-tests.ts b/types/express-version-request/express-version-request-tests.ts
new file mode 100644
index 0000000000..e3cb42d121
--- /dev/null
+++ b/types/express-version-request/express-version-request-tests.ts
@@ -0,0 +1,22 @@
+import * as express from 'express';
+import * as versionRequest from 'express-version-request';
+
+const app = express();
+
+app.use(versionRequest.setVersion('1.2.3'));
+
+app.use(versionRequest.setVersionByHeader());
+app.use(versionRequest.setVersionByHeader('My-HTTP-Header-Name'));
+
+app.use(versionRequest.setVersionByQueryParam());
+app.use(versionRequest.setVersionByQueryParam('myQueryParam'));
+
+const queryParamOptions: versionRequest.SetVersionByQueryParamOptions = { removeQueryParam: true };
+app.use(versionRequest.setVersionByQueryParam('myQueryParam', queryParamOptions));
+
+const customParsingFunction: versionRequest.CustomParsingFunction = (header) => "1.2.3";
+app.use(versionRequest.setVersionByAcceptHeader());
+app.use(versionRequest.setVersionByAcceptHeader(customParsingFunction));
+
+const formattedVersion1 = versionRequest.formatVersion("1.2.3.4.5");
+const formattedVersion2 = versionRequest.formatVersion({ v: '1.2.3.4.5' });
diff --git a/types/express-version-request/index.d.ts b/types/express-version-request/index.d.ts
new file mode 100644
index 0000000000..fb7a7c2ae5
--- /dev/null
+++ b/types/express-version-request/index.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for express-version-request 1.7
+// Project: https://github.com/lirantal/express-version-request
+// Definitions by: Rogelio Negrete <https://github.com/weffe>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Handler, Request } from 'express';
+
+export interface SetVersionByQueryParamOptions {
+    removeQueryParam: boolean;
+}
+
+export type CustomParsingFunction = (header: Request["headers"]["accept"]) => string;
+
+export function setVersion(version: string): Handler;
+
+export function setVersionByHeader(headerName?: string): Handler;
+
+export function setVersionByQueryParam(queryParam?: string, options?: SetVersionByQueryParamOptions): Handler;
+
+export function setVersionByAcceptHeader(customParsingFunction?: CustomParsingFunction): Handler;
+
+export function formatVersion(version: object | string): string;
diff --git a/types/express-version-request/tsconfig.json b/types/express-version-request/tsconfig.json
new file mode 100644
index 0000000000..b19c924594
--- /dev/null
+++ b/types/express-version-request/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-version-request-tests.ts"
+    ]
+}
diff --git a/types/express-version-request/tslint.json b/types/express-version-request/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-version-request/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/express-version-route/express-version-route-tests.ts b/types/express-version-route/express-version-route-tests.ts
new file mode 100644
index 0000000000..44843ef2b1
--- /dev/null
+++ b/types/express-version-route/express-version-route-tests.ts
@@ -0,0 +1,19 @@
+import * as express from 'express';
+import * as versionRouter from 'express-version-route';
+
+const app = express();
+
+const routesMap = new Map<string, express.Handler>([
+    ["1.0", respondV1],
+    ["2.0", respondV2]
+]);
+
+app.get('/test', versionRouter.route(routesMap));
+
+function respondV1(req: express.Request, res: express.Response, next: express.NextFunction) {
+    res.status(200).send('ok v1');
+}
+
+function respondV2(req: express.Request, res: express.Response, next: express.NextFunction) {
+    res.status(200).send('ok v2');
+}
diff --git a/types/express-version-route/index.d.ts b/types/express-version-route/index.d.ts
new file mode 100644
index 0000000000..79b29ad453
--- /dev/null
+++ b/types/express-version-route/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for express-version-route 1.0
+// Project: https://github.com/lirantal/express-version-route
+// Definitions by: Rogelio Negrete <https://github.com/weffe>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Handler } from 'express';
+
+export function route(versionsMap: Map<string, Handler>): Handler;
diff --git a/types/express-version-route/tsconfig.json b/types/express-version-route/tsconfig.json
new file mode 100644
index 0000000000..f8ec0de58e
--- /dev/null
+++ b/types/express-version-route/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-version-route-tests.ts"
+    ]
+}
diff --git a/types/express-version-route/tslint.json b/types/express-version-route/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-version-route/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/express-ws-routes/express-ws-routes-tests.ts b/types/express-ws-routes/express-ws-routes-tests.ts
new file mode 100644
index 0000000000..1909238090
--- /dev/null
+++ b/types/express-ws-routes/express-ws-routes-tests.ts
@@ -0,0 +1,34 @@
+import { Express as exExpress, Request, NextFunction } from 'express';
+import * as WebSocket from 'ws';
+import { Server as httpServer } from 'http';
+import { Router as coreRouter } from 'express-serve-static-core';
+import * as expresswsroutes from 'express-ws-routes';
+
+const clientInfo: expresswsroutes.ClientInfo = undefined;
+const origin: string = clientInfo.origin;
+const secure: boolean = clientInfo.secure;
+const request: Request = clientInfo.req;
+
+const webSocketHandler: expresswsroutes.WebSocketHandler = undefined;
+const socket: WebSocket = undefined;
+webSocketHandler(socket);
+
+const cbHandler: expresswsroutes.CbHandler = undefined;
+cbHandler(webSocketHandler);
+cbHandler(true);
+
+const handler: expresswsroutes.WebSocketRouteHandler = undefined;
+const next: NextFunction = undefined;
+handler(clientInfo, cbHandler, next);
+
+const server: expresswsroutes.Server = undefined;
+const http: httpServer = server;
+const wsServer: WebSocket.Server = server.wsServer;
+
+const app: expresswsroutes.Express = expresswsroutes();
+const e: exExpress = app;
+const ws: expresswsroutes.Express = app.websocket('/path', handler);
+
+const router: expresswsroutes.Router = undefined;
+const r: coreRouter = router;
+const wsr: expresswsroutes.Router = router.websocket('/path', handler);
diff --git a/types/express-ws-routes/index.d.ts b/types/express-ws-routes/index.d.ts
new file mode 100644
index 0000000000..13dd408f3b
--- /dev/null
+++ b/types/express-ws-routes/index.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for express-ws-routes 1.1
+// Project: https://github.com/amekkawi/express-ws-routes
+// Definitions by: Gregor Stamać <https://github.com/gstamac>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Express as exExpress, Request, NextFunction } from 'express';
+import * as WebSocket from 'ws';
+import { Server as httpServer } from 'http';
+import { Router as coreRouter } from 'express-serve-static-core';
+
+declare function expressWsRoutes(): expressWsRoutes.Express;
+
+declare namespace expressWsRoutes {
+	interface ClientInfo { origin: string; secure: boolean; req: Request; }
+	type WebSocketHandler = (socket: WebSocket) => void;
+	type CbHandler = (connectHandler: WebSocketHandler | boolean) => void;
+	type WebSocketRouteHandler = (info: ClientInfo, cb: CbHandler, next: NextFunction) => void;
+
+	interface Server extends httpServer {
+		wsServer: WebSocket.Server;
+	}
+
+	interface Express extends exExpress {
+		websocket(route: string, handler: WebSocketRouteHandler): Express;
+	}
+
+	interface Router extends coreRouter {
+		websocket(route: string, handler: WebSocketRouteHandler): Router;
+	}
+}
+
+export = expressWsRoutes;
diff --git a/types/express-ws-routes/tsconfig.json b/types/express-ws-routes/tsconfig.json
new file mode 100644
index 0000000000..7c01178554
--- /dev/null
+++ b/types/express-ws-routes/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-ws-routes-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/express-ws-routes/tslint.json b/types/express-ws-routes/tslint.json
new file mode 100644
index 0000000000..6746359dda
--- /dev/null
+++ b/types/express-ws-routes/tslint.json
@@ -0,0 +1,3 @@
+{ 
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/fabric/fabric-impl.d.ts b/types/fabric/fabric-impl.d.ts
index 9ca9cee5ce..485a603966 100644
--- a/types/fabric/fabric-impl.d.ts
+++ b/types/fabric/fabric-impl.d.ts
@@ -104,7 +104,7 @@ export function warn(...values: any[]): void;
 
 ///////////////////////////////////////////////////////////////////////////////
 // Data Object Interfaces - These intrface are not specific part of fabric,
-// They are just helpful for for defining function paramters
+// They are just helpful for for defining function parameters
 //////////////////////////////////////////////////////////////////////////////
 interface IDataURLOptions {
 	/**
@@ -140,6 +140,7 @@ interface IDataURLOptions {
 interface IEvent {
 	e: Event;
 	target?: Object;
+    transform?: { corner: string };
 }
 
 interface IFillOptions {
@@ -1650,6 +1651,13 @@ export class Group {
 	 * @chainable
 	 */
 	destroy(): Group;
+    /**
+     * make a group an active selection, remove the group from canvas
+     * the group has to be on canvas for this to work.
+     * @return {fabric.ActiveSelection} thisArg
+     * @chainable
+     */
+    toActiveSelection(): ActiveSelection;
 	/**
 	 * Checks whether this group was moved (since `saveCoords` was called last)
 	 * @return true if an object was moved (since fabric.Group#saveCoords was called)
@@ -4675,4 +4683,3 @@ export interface WebglFilterBackend extends FilterBackend, WebglFilterBackendOpt
 export class WebglFilterBackend {
 	constructor(options?: WebglFilterBackendOptions);
 }
-
diff --git a/types/fabric/tslint.json b/types/fabric/tslint.json
index 17bb596f5d..8f33385cce 100644
--- a/types/fabric/tslint.json
+++ b/types/fabric/tslint.json
@@ -1,14 +1,25 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        // TODOs
+        // All are TODOs
         "adjacent-overload-signatures": false,
         "ban-types": false,
         "interface-name": false,
+        "jsdoc-format": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
+        "no-consecutive-blank-lines": false,
         "no-empty-interface": false,
+        "no-padding": false,
+        "no-redundant-jsdoc-2": false,
+        "no-unnecessary-class": false,
+        "one-line": false,
+        "semicolon": false,
         "space-within-parens": false,
         "strict-export-declare-modifiers": false,
-        "unified-signatures": false
+        "trim-file": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "whitespace": false
     }
 }
diff --git a/types/facebook-js-sdk/facebook-js-sdk-tests.ts b/types/facebook-js-sdk/facebook-js-sdk-tests.ts
index 6b400a10a7..46b9f331f5 100644
--- a/types/facebook-js-sdk/facebook-js-sdk-tests.ts
+++ b/types/facebook-js-sdk/facebook-js-sdk-tests.ts
@@ -1,11 +1,10 @@
-
-
 FB.init({
-   appId: '***********',
-   version: 'v2.5',
-   status: true,
-   cookie: true,
-   xfbml: true
+    appId: '***********',
+    version: 'v2.5',
+    status: true,
+    cookie: true,
+    xfbml: true,
+    autoLogAppEvents: false
 });
 
 FB.getLoginStatus(function(response: fb.StatusResponse) {
@@ -31,12 +30,18 @@ FB.login(function(response: fb.StatusResponse) {
     scope: 'public_profile'
 });
 
+FB.login({
+    scope: 'public_profile'
+});
+
 FB.logout(function(response: fb.StatusResponse) {
     console.log(response);
     console.log(response.status);
     console.log(response.authResponse.accessToken);
 });
 
+FB.logout();
+
 /**
  * Dialog samples from Facebook documentation:
  */
@@ -65,8 +70,8 @@ FB.ui({
     method: 'pay',
     action: 'purchaseitem',
     product: 'YOUR_PRODUCT_URL'
-}, data => {
-    console.log(data.payment_id);
+}, response => {
+    console.log(response.payment_id);
 });
 
 FB.ui({
@@ -75,43 +80,93 @@ FB.ui({
     product_id: 'com.fb.friendsmash.coins.10',
     developer_payload: 'this_is_a_test_payload'
 }, response => {
-    console.log(response);
+    console.log(response.payment_id);
 });
 
 FB.ui({
     method: 'pagetab',
     redirect_uri: 'YOUR_URL'
-}, response => {});
+}, response => {
+    console.log(response.error_code);
+});
 
 FB.ui({
     method: 'send',
     link: 'http://www.nytimes.com/interactive/2015/04/15/travel/europe-favorite-streets.html',
-}, response => {});
+}, response => {
+    console.log(response.error_code);
+});
 
 FB.ui({
     method: 'apprequests',
     message: 'Take this bomb to blast your way to victory!',
     to: 'USER_ID, USER_ID, INVITE_TOKEN',
-    action_type:'send',
+    action_type: 'send',
     object_id: 'YOUR_OBJECT_ID',  // e.g. '191181717736427'
 }, response => {
-    console.log(response);
+    console.log(response.request);
 });
 
 FB.ui({
     method: 'apprequests',
     message: 'Friend Smash Request!',
     filters: [
-        { name:'GROUP_1_NAME', user_ids:['USER_ID','USER_ID','USER_ID'] },
-        { name:'GROUP_2_NAME', user_ids: ['USER_ID','USER_ID','USER_ID'] },
+        { name: 'GROUP_1_NAME', user_ids: ['USER_ID', 'USER_ID', 'USER_ID'] },
+        { name: 'GROUP_2_NAME', user_ids: ['USER_ID', 'USER_ID', 'USER_ID'] },
     ]
 }, response => {
-  console.log(response);
+  console.log(response.request);
 });
 
 FB.ui({
     method: 'share',
     mobile_iframe: true,
-    href: 'https://developers.facebook.com/docs/',
-    picture: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/2000px-Google_2015_logo.svg.png',
-}, response => {});
+    href: 'https://developers.facebook.com/docs/'
+}, response => {
+    console.log(response.post_id);
+});
+
+FB.ui({
+    account_id: '<ACCOUNT_ID>',
+    display: 'popup',
+    method: 'create_offer',
+    objective: 'APP_INSTALLS',
+    page_id: '<PAGE_ID>',
+}, response => {
+    console.log(response.id)
+});
+
+FB.ui({
+    account_id: '<ACCOUNT_ID>',
+    display: 'popup',
+    method: 'lead_gen',
+    page_id: '<PAGE_ID>',
+}, response => {
+    console.log(response.formID)
+});
+
+FB.ui({
+    display: 'popup',
+    method: 'canvas_editor',
+    business_id: '<BUSINESS_ID>',
+    page_id: '<PAGE_ID>'
+}, response => {
+    console.log(response.id)
+});
+
+FB.ui({
+    display: 'popup',
+    method: 'canvas_editor',
+    account_id: '<AD_ACCOUNT_ID>',
+    business_id: '<BUSINESS_ID>',
+    page_id: '<PAGE_ID>',
+    template_id: '<TEMPLATE_ID>'
+}, response => {
+    console.log(response.id)
+});
+
+FB.ui({
+    display: 'popup',
+    method: 'canvas_preview',
+    canvas_id: '<CANVAS_ID>'
+});
diff --git a/types/facebook-js-sdk/index.d.ts b/types/facebook-js-sdk/index.d.ts
index 8a635d8995..86ca521c88 100644
--- a/types/facebook-js-sdk/index.d.ts
+++ b/types/facebook-js-sdk/index.d.ts
@@ -1,14 +1,15 @@
-// Type definitions for the Facebook Javascript SDK 2.8
+// Type definitions for the Facebook Javascript SDK 3.1
 // Project: https://developers.facebook.com/docs/javascript
 // Definitions by:  Amrit Kahlon    <https://github.com/amritk>
 //                  Mahmoud Zohdi   <https://github.com/mahmoudzohdi>
+//                  Marc Knaup      <https://github.com/fluidsonic>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import fb = facebook;
 declare var FB: fb.FacebookStatic;
 declare namespace facebook {
-    
-    
+
+
     interface FacebookStatic {
         api: any;
         AppEvents: any;
@@ -19,24 +20,26 @@ declare namespace facebook {
          * The method FB.getAuthResponse() is a synchronous accessor for the current authResponse.
          * The synchronous nature of this method is what sets it apart from the other login methods.
          *
-         * @param callback function to handle the response.
-         * 
          * This method is similar in nature to FB.getLoginStatus(), but it returns just the authResponse object.
          */
-        getAuthResponse(): AuthResponse;
+        getAuthResponse(): AuthResponse | null;
+
         /**
          * FB.getLoginStatus() allows you to determine if a user is
          * logged in to Facebook and has authenticated your app.
          *
          * @param callback function to handle the response.
+         * @param roundtrip force a roundtrip to Facebook - effectively refreshing the cache of the response object
          */
-        getLoginStatus(callback: (response: StatusResponse) => void, roundtrip?: boolean ): void;
+        getLoginStatus(callback: (response: StatusResponse) => void, roundtrip?: boolean): void;
+
         /**
          * The method FB.init() is used to initialize and setup the SDK.
          *
          * @param params params for the initialization.
          */
         init(params: InitParams): void;
+
         /**
          * Use this function to log the user in
          *
@@ -47,44 +50,90 @@ declare namespace facebook {
          * @param callback function to handle the response.
          * @param options optional ILoginOption to add params such as scope.
          */
-        login(callback: (response: StatusResponse) => void, options?: LoginOptions): void;
+        login(callback: (response: StatusResponse) => void, options: LoginOptions): void;
+
+        /**
+         * Use this function to log the user in
+         *
+         * Calling FB.login() results in the JS SDK attempting to open a popup window.
+         * As such, this method should only be called after a user click event, otherwise
+         * the popup window will be blocked by most browsers.
+         *
+         * @param options optional ILoginOption to add params such as scope.
+         */
+        login(options: LoginOptions): void;
+
         /**
          * The method FB.logout() logs the user out of your site and, in some cases, Facebook.
          *
          * @param callback function to handle the response
          */
-        logout(callback: (response: StatusResponse) => void): void;
+        logout(callback?: (response: StatusResponse) => void): void;
 
         /**
          * @see https://developers.facebook.com/docs/sharing/reference/share-dialog
          */
-        ui(params: ShareDialogParams, callback: (response: ShareDialogResponse) => void): void;
+        ui(params: ShareDialogParams, callback?: (response: ShareDialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/sharing/reference/share-dialog
+         */
+        ui(params: ShareOpenGraphDialogParams, callback?: (response: ShareOpenGraphDialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/pages/page-tab-dialog
+         */
+        ui(params: AddPageTabDialogParams, callback?: (response: DialogResponse) => void): void;
 
         /**
          * @see https://developers.facebook.com/docs/games/services/gamerequests
          */
-        ui(params: GameRequestDialogParams, callback: (response: GameRequestDialogResponse) => void): void;
+        ui(params: GameRequestDialogParams, callback?: (response: GameRequestDialogResponse) => void): void;
 
         /**
          * @see https://developers.facebook.com/docs/payments/reference/paydialog
          */
-        ui(params: PayDialogParams, callback: (response: PayDialogResponse) => void): void;
+        ui(params: PayDialogParams, callback?: (response: PayDialogResponse) => void): void;
 
 		/**
          * @see https://developers.facebook.com/docs/games_payments/payments_lite
          */
-        ui(params: PaymentsLiteDialogParams, callback: (response: PaymentsLiteDialogResponse) => void): void;
-		
+        ui(params: PaymentsLiteDialogParams, callback?: (response: PaymentsLiteDialogResponse) => void): void;
+
         /**
-         * @see https://developers.facebook.com/docs/videos/live-video/exploring-live
+         * @see https://developers.facebook.com/docs/videos/live-video/exploring-live#golivedialog
          */
-        ui(params: LiveDialogParams, callback: (response: LiveDialogResponse) => void): void;
+        ui(params: LiveDialogParams, callback?: (response: LiveDialogResponse) => void): void;
 
         /**
          * @see https://developers.facebook.com/docs/sharing/reference/send-dialog
-         * @see https://developers.facebook.com/docs/pages/page-tab-dialog
          */
-        ui(params: SendDialogParams | AddPageTabDialogParams, callback: (response: null) => void): void;
+        ui(params: SendDialogParams, callback?: (response: DialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/marketing-api/guides/offer-ads/#create-offer-dialog
+         */
+        ui(params: CreateOfferDialogParams, callback?: (response: CreateOfferDialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/marketing-api/guides/lead-ads/create#create-leadgen-dialog
+         */
+        ui(params: LeadgenDialogParams, callback?: (response: LeadgenDialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/marketing-api/guides/canvas-ads#canvas-ads-dialog
+         */
+        ui(params: InstantExperiencesAdsDialogParams, callback?: (response: InstantExperiencesAdsDialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/marketing-api/guides/canvas-ads#canvas-preview-dialog
+         */
+        ui(params: InstantExperiencesPreviewDialogParams, callback?: (response: DialogResponse) => void): void;
+
+        /**
+         * @see https://developers.facebook.com/docs/marketing-api/guides/collection#collection-ads-dialog
+         */
+        ui(params: CollectionAdsDialogParams, callback?: (response: CollectionAdsDialogResponse) => void): void;
 
         XFBML: any;
     }
@@ -97,10 +146,11 @@ declare namespace facebook {
         xfbml?: boolean;
         frictionlessRequests?: boolean;
         hideFlashCallback?: boolean;
+        autoLogAppEvents?: boolean;
     }
 
     interface LoginOptions {
-        auth_type?: string;
+        auth_type?: 'rerequest';
         scope?: string;
         return_scopes?: boolean;
         enable_profile_selector?: boolean;
@@ -122,12 +172,21 @@ declare namespace facebook {
     interface ShareDialogParams extends DialogParams {
         method: 'share';
         href: string;
-        picture?: string;
         hashtag?: string;
         quote?: string;
         mobile_iframe?: boolean;
     }
 
+    interface ShareOpenGraphDialogParams extends DialogParams {
+        method: 'share_open_graph';
+        action_type: string;
+        action_properties: { [property: string]: any };
+        href: string;
+        hashtag?: string;
+        quote?: string;
+        mobile_iframe?: false;
+    }
+
     interface AddPageTabDialogParams extends DialogParams {
         method: 'pagetab';
         redirect_uri: string;
@@ -137,13 +196,13 @@ declare namespace facebook {
         method: 'apprequests';
         message: string;
         action_type?: 'send' | 'askfor' | 'turn';
-        data?: number;
+        data?: string;
         exclude_ids?: string[];
         filters?: 'app_users' | 'app_non_users' | Array<{ name: string, user_ids: string[] }>;
         max_recipients?: number;
         object_id?: string;
         suggestions?: string[];
-        title?: number;
+        title?: string;
         to?: string | number;
     }
 
@@ -160,10 +219,11 @@ declare namespace facebook {
         quantity?: number;
         quantity_min?: number;
         quantity_max?: number;
+        pricepoint_id?: string;
         request_id?: string;
         test_currency?: string;
     }
-	
+
 	interface PaymentsLiteDialogParams extends DialogParams {
         method: 'pay';
         action: 'purchaseiap';
@@ -179,6 +239,43 @@ declare namespace facebook {
         broadcast_data?: LiveDialogResponse;
     }
 
+    interface CreateOfferDialogParams extends DialogParams {
+        account_id: string;
+        display: 'popup';
+        method: 'create_offer';
+        objective: 'APP_INSTALLS' | 'CONVERSIONS' | 'LINK_CLICKS' | 'OFFER_CLAIMS' | 'PRODUCT_CATALOG_SALES' | 'STORE_VISITS';
+        page_id: string;
+    }
+
+    interface LeadgenDialogParams extends DialogParams {
+        account_id: string;
+        display: 'popup';
+        method: 'lead_gen';
+        page_id: string;
+    }
+
+    interface InstantExperiencesAdsDialogParams extends DialogParams {
+        display: 'popup';
+        method: 'canvas_editor';
+        business_id: string;
+        page_id: string;
+        canvas_id?: string;
+    }
+
+    interface InstantExperiencesPreviewDialogParams extends DialogParams {
+        display: 'popup';
+        method: 'canvas_preview';
+        canvas_id: string;
+    }
+
+    interface CollectionAdsDialogParams extends InstantExperiencesAdsDialogParams {
+        account_id: string;
+        canvas_id?: undefined;
+        template_id: string;
+        product_catalog_id?: string;
+        product_set_id?: string;
+    }
+
     ////////////////////////
     //
     //  RESPONSES
@@ -190,48 +287,73 @@ declare namespace facebook {
         signedRequest: string;
         userID: string;
         grantedScopes?: string;
+        reauthorize_required_in?: number;
     }
-    
+
     interface StatusResponse {
-        status: string;
+        status: 'authorization_expired' | 'connected' | 'not_authorized' | 'unknown';
         authResponse: AuthResponse;
     }
 
-    interface ShareDialogResponse {
-        post_id?: string;
+    interface DialogResponse {
+        error_code?: number;
         error_message?: string;
     }
 
-    interface GameRequestDialogResponse {
+    interface ShareDialogResponse extends DialogResponse {
+        post_id: string;
+    }
+
+    interface ShareOpenGraphDialogResponse extends DialogResponse {
+        post_id: string;
+    }
+
+    interface GameRequestDialogResponse extends DialogResponse {
         request: string;
         to: string[];
     }
 
-    interface PayDialogResponse {
+    interface PayDialogResponse extends DialogResponse {
         payment_id: string;
         amount: string;
         currency: string;
         quantity: string;
-        request_id: string;
-        status: string;
+        request_id?: string;
+        status: 'completed' | 'initiated';
         signed_request: string;
     }
 
-	interface PaymentsLiteDialogResponse {
+	interface PaymentsLiteDialogResponse extends DialogResponse {
+        app_id: number;
         developer_payload?: string;
         payment_id: number;
-        product_id?: string;
-        purchase_time?: number;
-        purchase_token?: string;
-        signed_request?: string;
-		error_code?: number;
-		error_message?: string;
+        product_id: string;
+        purchase_time: number;
+        purchase_token: string;
+        signed_request: string;
     }
-	
-    interface LiveDialogResponse {
+
+    interface LiveDialogResponse extends DialogResponse {
         id: string;
         stream_url: string;
         secure_stream_url: string;
         status: string;
     }
+
+    interface CreateOfferDialogResponse extends DialogResponse {
+        id: string;
+        success: boolean;
+    }
+
+    interface LeadgenDialogResponse extends DialogResponse {
+        formID: string;
+        success: boolean;
+    }
+
+    interface InstantExperiencesAdsDialogResponse extends DialogResponse {
+        id: string;
+        success: boolean;
+    }
+
+    interface CollectionAdsDialogResponse extends InstantExperiencesAdsDialogResponse {}
 }
diff --git a/types/factory-girl/factory-girl-tests.ts b/types/factory-girl/factory-girl-tests.ts
new file mode 100644
index 0000000000..e996df56af
--- /dev/null
+++ b/types/factory-girl/factory-girl-tests.ts
@@ -0,0 +1,94 @@
+import * as factory from "factory-girl";
+
+interface User {
+  username?: string;
+  score?: number;
+  email?: string;
+  roles?: Role[];
+  creditCard?: any;
+  boss?: User;
+}
+
+interface Role {
+  id?: number;
+  name?: string;
+}
+
+interface SuperUser extends User {
+  superpower: string;
+}
+
+// Testing setAdapter
+factory.setAdapter("my-adapter", "my-adapter-name");
+
+// Testing define with seq, assoc, assocAttrs, assocMany
+factory.define<User>("user", {}, {
+  username: "Bob",
+  score: factory.seq<number>("User.score", score => score + 1),
+  email: factory.seq<string>("User.email", num => `email-${1}@users.com`),
+  roles: factory.assocMany("Role", 3, "id"),
+  creditCard: factory.assocAttrs("CreditCard", "creditCard", { number: "1234" }),
+  boss: factory.assoc("User", "boss")
+}, {
+  afterBuild: (model, attrs, options) => {},
+  afterCreate: (model, attrs, options) => {}
+});
+
+// Testing extend, with and without options
+factory.extend("user", "superuser", { superpower: "flight" });
+
+factory.extend("user", "superuser", { superpower: "flight" }, {
+  afterBuild: (model, attrs, options) => {},
+  afterCreate: (model, attrs, options) => {}
+});
+
+// Testing attrs, with and without attributes
+factory.attrs<User>("user").then(attrs => null);
+factory.attrs<User>("user", { score: 10 }).then(attrs => null);
+
+// Testing attrsMany, with and without attributes
+factory.attrsMany<User>("user", 2).then(attrs => null);
+factory.attrsMany<User>("user", 2, [{ score: 10 }]).then(attrs => null);
+
+// Testing build, with and without attributes
+factory.build<User>("user").then(user => user.username);
+factory.build<User>("user", { score: 10 }).then(user => user.username);
+
+// Testing buildMany, with and without attributes and options
+factory.buildMany<User>("user", 3)
+  .then(users => users.map(user => user.username));
+
+factory.buildMany<User>("user", 3, { username: "John McClane" })
+  .then(users => users.map(user => user.username));
+
+// Testing buildMany with a list of attributes
+factory.buildMany<User>("user", [
+  { username: "Jake Blues" },
+  { username: "Elwood Blues" }
+]).then(users => users.map(user => user.username));
+
+// Testing create, with and without attributes
+factory.create<User>("user").then(user => user.username);
+factory.create<User>("user", { score: 10 }).then(user => user.username);
+
+// Testing createMany, with and without attributes
+factory.createMany<User>("user", 3)
+  .then(users => users.map(user => user.username));
+
+factory.createMany<User>("user", 3, { username: "Rocky Balboa" })
+  .then(users => users.map(user => user.username));
+
+// Testing createMany with options
+factory.createMany<User>("user", 3, { username: "John Rambo" }, {
+  afterBuild: (model, attrs, options) => {},
+  afterCreate: (model, attrs, options) => {}
+}).then(users => users.map(user => user.username));
+
+// Testing createMany with a list of attributes
+factory.createMany<User>("user", [
+  { username: "Emmett Brown" },
+  { username: "Marty McFly" }
+]).then(users => users.map(user => user.username));
+
+// Testing cleanUp
+factory.cleanUp();
diff --git a/types/factory-girl/index.d.ts b/types/factory-girl/index.d.ts
new file mode 100644
index 0000000000..ebd6583885
--- /dev/null
+++ b/types/factory-girl/index.d.ts
@@ -0,0 +1,95 @@
+// Type definitions for factory-girl 5.0
+// Project: https://github.com/aexmachina/factory-girl#readme
+// Definitions by: Stack Builders <https://github.com/stackbuilders>
+//                 Sebastián Estrella <https://github.com/sestrella>
+//                 Luis Fernando Alvarez <https://github.com/elcuy>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+declare const factory: factory.Static;
+
+declare namespace factory {
+  interface Static {
+    /**
+     * Associate the factory to other model
+     */
+    assoc(model: string, attributes: string): any;
+
+    /**
+     * Associate the factory to a model that's not persisted
+     */
+    assocAttrs(name: string, key?: string, attributes?: any): any;
+
+    /**
+     * Associate the factory to multiple other models
+     */
+    assocMany(model: string, num: number, attributes: string): any[];
+
+    /**
+     * Generates and returns model attributes as an object hash instead of the model instance
+     */
+    attrs<T>(name: string, attrs?: Partial<T>): Promise<T>;
+
+    /**
+     * Generates and returns a collection of model attributes as an object hash instead of the model instance
+     */
+    attrsMany<T>(name: string, num: number, attrs?: Array<Partial<T>>): Promise<T[]>;
+
+    /**
+     * Builds a new model instance that is not persisted
+     */
+    build<T>(name: string, attrs?: Partial<T>): Promise<T>;
+
+    /**
+     * Builds an array of model instances that are persisted
+     */
+    buildMany<T>(name: string, num: number, attrs?: Partial<T>): Promise<T[]>;
+    buildMany<T>(name: string, attrs?: Array<Partial<T>>): Promise<T[]>;
+
+    /**
+     * Destroys all of the created models
+     */
+    cleanUp(): void;
+
+    /**
+     * Builds a new model instance that is persisted
+     */
+    create<T>(name: string, attrs?: Partial<T>): Promise<T>;
+
+    /**
+     * Builds an array of model instances that are persisted
+     */
+    createMany<T>(name: string, num: number, attrs?: Partial<T>, buildOptions?: Options<T>): Promise<T[]>;
+    createMany<T>(name: string, attrs?: Array<Partial<T>>, buildOptions?: Options<T>): Promise<T[]>;
+
+    /**
+     * Define a new factory with a set of options
+     */
+    define<T>(name: string, model: any, attrs: T, options?: Options<T>): void;
+
+    /**
+     * Extends a factory
+     */
+    extend(parent: string, name: string, initializer: any, options?: Options<any>): any;
+
+    /**
+     * Generate values sequentially inside a factory
+     */
+    seq<T>(name: string, fn: (sequence: number) => T): T;
+
+    /**
+     * Register an adapter, either as default or tied to a specific model
+     */
+    setAdapter(adapter: any, name?: string): void;
+  }
+
+  interface Options<T> {
+    afterBuild?: Hook<T>;
+    afterCreate?: Hook<T>;
+  }
+
+  type Hook<T> = (model: any, attrs: T[], options: any) => void;
+}
+
+export = factory;
+export as namespace factory;
diff --git a/types/factory-girl/tsconfig.json b/types/factory-girl/tsconfig.json
new file mode 100644
index 0000000000..c6bb5f369e
--- /dev/null
+++ b/types/factory-girl/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "factory-girl-tests.ts"
+    ]
+}
diff --git a/types/factory-girl/tslint.json b/types/factory-girl/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/factory-girl/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/fast-diff/fast-diff-tests.ts b/types/fast-diff/fast-diff-tests.ts
deleted file mode 100644
index 3177bfa7fc..0000000000
--- a/types/fast-diff/fast-diff-tests.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import fastDiff = require('fast-diff');
-
-let diffs: fastDiff.Diff[];
-diffs = fastDiff("hi there", "hi");
-diffs = fastDiff("hi there", "hi", 1);
-
-diffs.forEach((diff: fastDiff.Diff) => {
-    const operation: number = diff[0];
-    const text: string = diff[1];
-
-    switch (diff[0]) {
-        case fastDiff.EQUAL: break;
-        case fastDiff.DELETE: break;
-        case fastDiff.INSERT: break;
-    }
-});
diff --git a/types/fast-diff/index.d.ts b/types/fast-diff/index.d.ts
deleted file mode 100644
index 1f306a6e9d..0000000000
--- a/types/fast-diff/index.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// Type definitions for fast-diff 1.1
-// Project: https://github.com/jhchen/fast-diff#readme
-// Definitions by: John Renner <https://github.com/djrenren>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare function diff(text1: string, text2: string, cursorPos?: number): diff.Diff[];
-
-declare namespace diff {
-    type Diff = [-1 | 0 | 1, string];
-
-    const DELETE: -1;
-    const INSERT: 1;
-    const EQUAL: 0;
-}
-
-export = diff;
diff --git a/types/fast-stats/index.d.ts b/types/fast-stats/index.d.ts
index 1bfe4ad737..20052d165e 100644
--- a/types/fast-stats/index.d.ts
+++ b/types/fast-stats/index.d.ts
@@ -65,7 +65,7 @@ export interface Bucket {
  * A NodeJS library to do statistical analysis of numeric datasets.
  * When doing statistical analysis of data, the most common usage pattern is to run multiple statistical methods on the same set of data. Some of these methods use others. For example, to calculate the standard deviation of a dataset, we first need the mean.
  * Additionally, some methods can be calculated quickly as data is inserted, thereby reducing the number of loops required to run through the data during processing.
- * Fast stats maintains a running cache of several summary values as data is inserted making final calculation very fast. It trades off a small amount of additional memory usage for a large reduction in execution time.	 
+ * Fast stats maintains a running cache of several summary values as data is inserted making final calculation very fast. It trades off a small amount of additional memory usage for a large reduction in execution time.
  */
 export declare class Stats {
     constructor(opts?: StatsOpts);
@@ -109,7 +109,7 @@ export declare class Stats {
 
     /**
      * Arithmetic Mean
-     * The arithmetic mean is calculated as the sum of all data points divided by the number of data points. This is useful for data sets that are fairly uniform, following a linear or binomial distribution. Use the amean() method or the `�()? method to get at it:
+     * The arithmetic mean is calculated as the sum of all data points divided by the number of data points. This is useful for data sets that are fairly uniform, following a linear or binomial distribution. Use the amean() method or the ???()? method to get at it:
      */
     amean(): number;
 
diff --git a/types/fastify-accepts/fastify-accepts-tests.ts b/types/fastify-accepts/fastify-accepts-tests.ts
new file mode 100644
index 0000000000..57d1eadea1
--- /dev/null
+++ b/types/fastify-accepts/fastify-accepts-tests.ts
@@ -0,0 +1,47 @@
+import fastify = require("fastify");
+import fastifyAccepts = require("fastify-accepts");
+
+const app = fastify();
+
+app.register<fastifyAccepts.FastifyAcceptsOptions>(fastifyAccepts, {
+    decorateReplyToo: true
+});
+
+app.post("/", (req, reply) => {
+    const accept = req.accepts(); // Accepts object
+    switch (accept.type(["json", "html"])) {
+        case "json":
+            reply.type("application/json").send({ hello: "world" });
+            break;
+        case "html":
+            reply.type("text/html").send("<b>hello, world!</b>");
+            break;
+        default:
+            reply.send("unacceptable");
+            break;
+    }
+});
+
+app.post("/", (req, reply) => {
+    req.charset(["utf-8"]);
+    req.charsets();
+    req.encoding(["gzip", "compress"]);
+    req.encodings();
+    req.language(["es", "en"]);
+    req.languages();
+    req.type(["image/png", "image/tiff"]);
+    req.types();
+});
+
+app.post("/", (req, reply) => {
+    reply.requestAccepts();
+
+    reply.requestCharset(["utf-8"]);
+    reply.requestCharsets();
+    reply.requestEncoding(["gzip", "compress"]);
+    reply.requestEncodings();
+    reply.requestLanguage(["es", "en"]);
+    reply.requestLanguages();
+    reply.requestType(["image/png", "image/tiff"]);
+    reply.requestTypes();
+});
diff --git a/types/fastify-accepts/index.d.ts b/types/fastify-accepts/index.d.ts
new file mode 100644
index 0000000000..953309d912
--- /dev/null
+++ b/types/fastify-accepts/index.d.ts
@@ -0,0 +1,45 @@
+// Type definitions for fastify-accepts 0.5
+// Project: https://github.com/fastify/fastify-accepts#readme
+// Definitions by: Leonhard Melzer <https://github.com/leomelzer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import fastify = require("fastify");
+
+import { Accepts } from "accepts";
+
+declare module "fastify" {
+    interface FastifyRequest<HttpRequest> {
+        accepts(): Accepts;
+        charset: Accepts["charset"];
+        charsets: Accepts["charsets"];
+        encoding: Accepts["encoding"];
+        encodings: Accepts["charsets"];
+        language: Accepts["language"];
+        languages: Accepts["languages"];
+        type: Accepts["type"];
+        types: Accepts["types"];
+    }
+
+    interface FastifyReply<HttpResponse> {
+        requestAccepts(): Accepts;
+        requestCharset: Accepts["charset"];
+        requestCharsets: Accepts["charsets"];
+        requestEncoding: Accepts["encoding"];
+        requestEncodings: Accepts["charsets"];
+        requestLanguage: Accepts["language"];
+        requestLanguages: Accepts["languages"];
+        requestType: Accepts["type"];
+        requestTypes: Accepts["types"];
+    }
+}
+
+declare function fastifyAccepts(): void;
+
+declare namespace fastifyAccepts {
+    interface FastifyAcceptsOptions {
+        decorateReplyToo?: boolean;
+    }
+}
+
+export = fastifyAccepts;
diff --git a/types/zui/package.json b/types/fastify-accepts/package.json
similarity index 64%
rename from types/zui/package.json
rename to types/fastify-accepts/package.json
index 19e5fb0d14..e8c68ab969 100644
--- a/types/zui/package.json
+++ b/types/fastify-accepts/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "moment": ">=2.14.0"
+        "fastify": "^1.11.2"
     }
 }
diff --git a/types/fastify-accepts/tsconfig.json b/types/fastify-accepts/tsconfig.json
new file mode 100644
index 0000000000..543ba388cd
--- /dev/null
+++ b/types/fastify-accepts/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "fastify-accepts-tests.ts"]
+}
diff --git a/types/fastify-accepts/tslint.json b/types/fastify-accepts/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/fastify-accepts/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/fastify-jwt/package.json b/types/fastify-jwt/package.json
index 948a91ff5b..e8c68ab969 100644
--- a/types/fastify-jwt/package.json
+++ b/types/fastify-jwt/package.json
@@ -3,4 +3,4 @@
     "dependencies": {
         "fastify": "^1.11.2"
     }
-}
\ No newline at end of file
+}
diff --git a/types/fastify-static/fastify-static-tests.ts b/types/fastify-static/fastify-static-tests.ts
new file mode 100644
index 0000000000..630fc0ef52
--- /dev/null
+++ b/types/fastify-static/fastify-static-tests.ts
@@ -0,0 +1,16 @@
+import path = require("path");
+import fastify = require("fastify");
+import fastifyStatic = require("fastify-static");
+
+const app = fastify();
+
+app.register<fastifyStatic.FastifyStaticOptions>(fastifyStatic, {
+    root: path.join(__dirname, "public"),
+    prefix: "/public/", // optional: default '/'
+    immutable: true,
+    maxAge: 42
+});
+
+app.get("/another/path", (req, reply) => {
+    reply.sendFile("myHtml.html"); // serving path.join(__dirname, 'public', 'myHtml.html') directly
+});
diff --git a/types/fastify-static/index.d.ts b/types/fastify-static/index.d.ts
new file mode 100644
index 0000000000..ef4eda1952
--- /dev/null
+++ b/types/fastify-static/index.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for fastify-static 0.14
+// Project: https://github.com/fastify/fastify-static
+// Definitions by: Leonhard Melzer <https://github.com/leomelzer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import fastify = require("fastify");
+
+import { Server, IncomingMessage, ServerResponse } from "http";
+
+declare module "fastify" {
+    interface FastifyReply<HttpResponse> {
+        sendFile(filename: string): FastifyReply<HttpResponse>;
+    }
+}
+
+declare function fastifyStatic(): void;
+
+declare namespace fastifyStatic {
+    interface FastifyStaticOptions {
+        root: string;
+        prefix?: string;
+        serve?: boolean;
+        decorateReply?: boolean;
+        schemaHide?: boolean;
+        setHeaders?: () => void;
+
+        // Passed on to `send`
+        acceptRanges?: boolean;
+        cacheControl?: boolean;
+        dotfiles?: boolean;
+        etag?: boolean;
+        extensions?: string[];
+        immutable?: boolean;
+        index?: string[];
+        lastModified?: boolean;
+        maxAge?: string | number;
+    }
+}
+
+export = fastifyStatic;
diff --git a/types/grid-styled/package.json b/types/fastify-static/package.json
similarity index 56%
rename from types/grid-styled/package.json
rename to types/fastify-static/package.json
index f8a379b117..e8c68ab969 100644
--- a/types/grid-styled/package.json
+++ b/types/fastify-static/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "styled-components": "2.x - 3.x"
+        "fastify": "^1.11.2"
     }
 }
diff --git a/types/fastify-static/tsconfig.json b/types/fastify-static/tsconfig.json
new file mode 100644
index 0000000000..bdfa7d40c6
--- /dev/null
+++ b/types/fastify-static/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "fastify-static-tests.ts"]
+}
diff --git a/types/fastify-static/tslint.json b/types/fastify-static/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/fastify-static/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/feathersjs__authentication-local/index.d.ts b/types/feathersjs__authentication-local/index.d.ts
index e15b101258..e16f9742b4 100644
--- a/types/feathersjs__authentication-local/index.d.ts
+++ b/types/feathersjs__authentication-local/index.d.ts
@@ -12,7 +12,7 @@ import {
 import { Request } from 'express';
 import * as self from '@feathersjs/authentication-local';
 
-declare const feathersAuthenticationLocal: ((options?: FeathersAuthenticationLocalOptions) => () => void) & typeof self;
+declare const feathersAuthenticationLocal: ((options?: Partial<FeathersAuthenticationLocalOptions>) => () => void) & typeof self;
 export default feathersAuthenticationLocal;
 
 export interface FeathersAuthenticationLocalOptions {
diff --git a/types/feathersjs__authentication/index.d.ts b/types/feathersjs__authentication/index.d.ts
index f451b0deda..7bb88a903d 100644
--- a/types/feathersjs__authentication/index.d.ts
+++ b/types/feathersjs__authentication/index.d.ts
@@ -2,6 +2,7 @@
 // Project: http://feathersjs.com/
 // Definitions by: Abraao Alves <https://github.com/AbraaoAlves>, Jan Lohage <https://github.com/j2L4e>
 // Definitions: https://github.com/feathersjs-ecosystem/feathers-typescript
+// TypeScript Version: 2.3
 
 import { Hook } from '@feathersjs/feathers';
 import * as self from '@feathersjs/authentication';
diff --git a/types/feathersjs__feathers/index.d.ts b/types/feathersjs__feathers/index.d.ts
index 53cdf182a1..5948eadc27 100644
--- a/types/feathersjs__feathers/index.d.ts
+++ b/types/feathersjs__feathers/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for @feathersjs/feathers 3.0
+// Type definitions for @feathersjs/feathers 3.1
 // Project: http://feathersjs.com/
 // Definitions by:  Jan Lohage <https://github.com/j2L4e>
 //                  Abraao Alves <https://github.com/AbraaoAlves>
@@ -138,7 +138,7 @@ export interface HooksObject {
 
 // todo: figure out what to do: These methods don't actually need to be implemented, so they can be undefined at runtime. Yet making them optional gets cumbersome in strict mode.
 export interface ServiceMethods<T> {
-    find(params?: Params): Promise<T[] | Paginated<T>>;
+    find(params?: Params): Promise<T | T[] | Paginated<T>>;
 
     get(id: Id, params?: Params): Promise<T>;
 
diff --git a/types/fetch-mock/fetch-mock-tests.ts b/types/fetch-mock/fetch-mock-tests.ts
index b265e1c33f..1d5c5a51b3 100644
--- a/types/fetch-mock/fetch-mock-tests.ts
+++ b/types/fetch-mock/fetch-mock-tests.ts
@@ -62,6 +62,7 @@ fetchMock.patchOnce("http://test.com", 200);
 
 fetchMock.get("http://test.com", 200, {method: "GET"});
 fetchMock.get("http://test.com", 200, {method: "GET", overwriteRoutes: true});
+fetchMock.get("http://test.com", 200, {overwriteRoutes: true});
 fetchMock.post("http://test.com", 200, {method: "POST"});
 fetchMock.put("http://test.com", 200, {method: "PUT"});
 fetchMock.delete("http://test.com", 200, {method: "DELETE"});
diff --git a/types/fetch-mock/index.d.ts b/types/fetch-mock/index.d.ts
index 891fb0ec7b..fdae338fce 100644
--- a/types/fetch-mock/index.d.ts
+++ b/types/fetch-mock/index.d.ts
@@ -6,6 +6,7 @@
 //                 Chris Sinclair <https://github.com/chrissinclair>
 //                 Matt Tennison <https://github.com/matttennison>
 //                 Quentin Bouygues <https://github.com/quentinbouygues>
+//                 Fumiaki Matsushima <https://github.com/mtsmfm>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -165,23 +166,23 @@ declare namespace fetchMock {
     }
 
     interface MockOptionsMethodGet extends MockOptions {
-    method: 'GET';
+        method?: 'GET';
     }
 
     interface MockOptionsMethodPost extends MockOptions {
-    method: 'POST';
+        method?: 'POST';
     }
 
     interface MockOptionsMethodPut extends MockOptions {
-    method: 'PUT';
+        method?: 'PUT';
     }
 
     interface MockOptionsMethodDelete extends MockOptions {
-    method: 'DELETE';
+        method?: 'DELETE';
     }
 
     interface MockOptionsMethodHead extends MockOptions {
-    method: 'HEAD';
+        method?: 'HEAD';
     }
 
     interface FetchMockStatic {
diff --git a/types/ffi/index.d.ts b/types/ffi/index.d.ts
index cf562cea06..d8386a630a 100644
--- a/types/ffi/index.d.ts
+++ b/types/ffi/index.d.ts
@@ -161,6 +161,11 @@ export const FFI_FIRST_ABI: number;
 export const FFI_LAST_ABI: number;
 export const FFI_SYSV: number;
 export const FFI_UNIX64: number;
+export const FFI_WIN64: number;
+export const FFI_VFP: number;
+export const FFI_STDCALL: number;
+export const FFI_THISCALL: number;
+export const FFI_FASTCALL: number;
 export const RTLD_LAZY: number;
 export const RTLD_NOW: number;
 export const RTLD_LOCAL: number;
diff --git a/types/fibjs/declare/UrlObject.d.ts b/types/fibjs/declare/UrlObject.d.ts
index 5baa5b2d7d..73b9abbfef 100644
--- a/types/fibjs/declare/UrlObject.d.ts
+++ b/types/fibjs/declare/UrlObject.d.ts
@@ -7,7 +7,7 @@
  *                                                                         *
  ***************************************************************************/
 
-/** 
+/**
  * @author Richard <richardo2016@gmail.com>
  *
  */
@@ -23,252 +23,252 @@
 	*/
 
 declare class Class_UrlObject extends Class__object {
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的完整 url 地址描述，此描述由其他所有属性组装而成
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	href: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的协议名称
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	protocol: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象是否包含双斜杠
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type Boolean
 	 */
-	
+
 	slashes: boolean
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的完整验证字符串，由 username 和 password 属性组装而成
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	auth: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的验证用户
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	username: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的验证密码
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	password: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的完整主机描述，由 hastname 和 port 组装而成
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	host: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的主机名
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	hostname: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的端口号
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	port: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的请求完整路径（含请求），由 pathname 和 query 组装而成
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	path: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的路径
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	pathname: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的请求字符串（含“?”），等效于“?”+query
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	search: string
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
+	 *
+	 * @brief 查询和设置当前 UrlObject 对象中的请求字符串（ 不含“?”）
+	 *
+	 *
 	 *
-	 * 
-	 * @brief 查询和设置当前 UrlObject 对象中的请求字符串（ 不含“?”）
-	 * 
-	 * 
-	 * 
 	 * @type Value
 	 */
-	
+
 	query: any
-	
+
 	/**
-	 * class prop 
+	 * class prop
+	 *
 	 *
-	 * 
 	 * @brief 查询和设置当前 UrlObject 对象中的请求锚点（含“\#”）
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 * @type String
 	 */
-	
+
 	hash: string
-	
-	
-	
+
+
+
 	/**
-	 * 
+	 *
 	 * @brief UrlObject 对象构造函数，使用参数构造
 	 * @param args 指定构造参数的字典对象，支持的字段有：protocol, slashes, username, password, hostname, port, pathname, query, hash
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	constructor(args: object);
 
 	/**
-	 * 
+	 *
 	 * @brief UrlObject 对象构造函数，使用 url 字符串构造
 	 * @param url 指定构造 url 字符串
 	 * @param parseQueryString 指定是否解析 query
 	 * @param slashesDenoteHost  默认为false, 如果设置为true，则从字符串'//'之后到下一个'/'之前的字符串会被解析为host，例如'//foo/bar', 结果应该是{host: 'foo', pathname: '/bar'}而不是{pathname: '//foo/bar'}
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	constructor(url?: string/** = ""*/, parseQueryString?: boolean/** = false*/, slashesDenoteHost?: boolean/** = false*/);
 
 	/**
-	 * 
+	 *
 	 * @brief 解析一个 url 字符串
 	 * @param url 指定需要解析的 url 字符串
 	 * @param parseQueryString 指定是否解析 query
 	 * @param slashesDenoteHost  默认为false, 如果设置为true，则从字符串'//'之后到下一个'/'之前的字符串会被解析为host，例如'//foo/bar', 结果应该是{host: 'foo', pathname: '/bar'}而不是{pathname: '//foo/bar'}
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	parse(url: string, parseQueryString?: boolean/** = false*/, slashesDenoteHost?: boolean/** = false*/): void;
 
 	/**
-	 * 
+	 *
 	 * @brief 使用指定的参数构造 UrlObject
 	 * @param args 指定构造参数的字典对象，支持的字段有：protocol, slashes, username, password, hostname, port, pathname, query, hash
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	format(args: object): void;
 
 	/**
-	 * 
+	 *
 	 * @brief 重定位 url 路径，自动识别新路径为相对路径还是绝对路径
 	 * @param url 指定新的路径
 	 * @return 返回包含重定位数据的对象
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	resolve(url: string): Class_UrlObject;
 
 	/**
-	 * 
+	 *
 	 * @brief 标准化路径
-	 * 
-	 * 
-	 * 
+	 *
+	 *
+	 *
 	 */
 	normalize(): void;
 
diff --git a/types/fibjs/declare/bson.d.ts b/types/fibjs/declare/bson.d.ts
index f9eeab19cb..6c86b3d53d 100644
--- a/types/fibjs/declare/bson.d.ts
+++ b/types/fibjs/declare/bson.d.ts
@@ -7,7 +7,7 @@
  *                                                                         *
  ***************************************************************************/
 
-/** 
+/**
  * @author Richard <richardo2016@gmail.com>
  *
  */
@@ -194,44 +194,43 @@
 
 
 
+declare module __bson {
+
+
+
+
+
+	/**
+	 *
+	 * @brief 以 bson 格式编码变量
+	 * @param data 要编码的变量
+	 * @return 返回编码的二进制数据
+	 *
+	 *
+	 *
+	 */
+	export function encode(data: object): Class_Buffer;
+
+	/**
+	 *
+	 * @brief 以 bson 方式解码字符串为一个变量
+	 * @param data 要解码的二进制数据
+	 * @return 返回解码的变量
+	 *
+	 *
+	 *
+	 */
+	export function decode(data: Class_Buffer): object;
+
+} /** end of `module bson` */
+
 /** module Or Internal Object */
 /**
 	* @brief bson 编码与解码模块
 	* @detail 引用方式：,```JavaScript,var encoding = require('encoding');,var bson = encoding.bson;,```,或者,```JavaScript,var bson = require('bson');,```
 	*/
 declare module "bson" {
-	
-
-	module bson {
-		
-		
-		
-		
-		
-		/**
-		 * 
-		 * @brief 以 bson 格式编码变量
-		 * @param data 要编码的变量
-		 * @return 返回编码的二进制数据
-		 * 
-		 * 
-		 * 
-		 */
-		export function encode(data: object): Class_Buffer;
-	
-		/**
-		 * 
-		 * @brief 以 bson 方式解码字符串为一个变量
-		 * @param data 要解码的二进制数据
-		 * @return 返回解码的变量
-		 * 
-		 * 
-		 * 
-		 */
-		export function decode(data: Class_Buffer): object;
-	
-	} /** end of `module bson` */
-	export = bson
+	export = __bson
 }
 
 /** endof `module Or Internal Object` */
diff --git a/types/fibjs/declare/encoding.d.ts b/types/fibjs/declare/encoding.d.ts
index 86db5533ac..6361ad9203 100644
--- a/types/fibjs/declare/encoding.d.ts
+++ b/types/fibjs/declare/encoding.d.ts
@@ -7,7 +7,7 @@
  *                                                                         *
  ***************************************************************************/
 
-/** 
+/**
  * @author Richard <richardo2016@gmail.com>
  *
  */
@@ -214,129 +214,127 @@
 	* @detail 引用方式：,```JavaScript,var encoding = require('encoding');,```
 	*/
 declare module "encoding" {
-	
+
 	import base32NS = require('base32')
 	import base64NS = require('base64')
 	import base64vlqNS = require('base64vlq')
 	import hexNS = require('hex')
-	import iconvNS = require('iconv')
 	import jsonNS = require('json')
-	import bsonNS = require('bson')
 
 	module encoding {
-		
-		
-		
+
+
+
 		/**
-		 * 
+		 *
 		 * @brief base32 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
+
 		export const base32: typeof base32NS
-		
+
 		/**
-		 * 
+		 *
 		 * @brief base64 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
+
 		export const base64: typeof base64NS
-		
+
 		/**
-		 * 
+		 *
 		 * @brief base64vlq 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
+
 		export const base64vlq: typeof base64vlqNS
-		
+
 		/**
-		 * 
+		 *
 		 * @brief hex 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
+
 		export const hex: typeof hexNS
-		
+
 		/**
-		 * 
+		 *
 		 * @brief iconv 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
-		export const iconv: typeof iconvNS
-		
+
+		export const iconv: typeof __iconv
+
 		/**
-		 * 
+		 *
 		 * @brief json 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
+
 		export const json: typeof jsonNS
-		
+
 		/**
-		 * 
+		 *
 		 * @brief bson 编码与解码模块
-		 * 
-		 * 
+		 *
+		 *
 		 */
-		
-		export const bson: typeof bsonNS
-		
-		
-		
+
+		export const bson: typeof __bson
+
+
+
 		/**
-		 * 
+		 *
 		 * @brief 将字符串编码为 javascript 转义字符串，用以在 javascript 代码中包含文本
 		 * @param str 要编码的字符串
 		 * @param json 是否生成json兼容字符串
 		 * @return 返回编码的字符串
-		 * 
-		 * 
-		 * 
+		 *
+		 *
+		 *
 		 */
 		export function jsstr(str: string, json?: boolean/** = false*/): string;
-	
+
 		/**
-		 * 
+		 *
 		 * @brief url 字符串安全编码
 		 * @param url 要编码的 url
 		 * @return 返回编码的字符串
-		 * 
-		 * 
-		 * 
+		 *
+		 *
+		 *
 		 */
 		export function encodeURI(url: string): string;
-	
+
 		/**
-		 * 
+		 *
 		 * @brief url 部件字符串安全编码
 		 * @param url 要编码的 url
 		 * @return 返回编码的字符串
-		 * 
-		 * 
-		 * 
+		 *
+		 *
+		 *
 		 */
 		export function encodeURIComponent(url: string): string;
-	
+
 		/**
-		 * 
+		 *
 		 * @brief url 安全字符串解码
 		 * @param url 要解码的 url
 		 * @return 返回解码的字符串
-		 * 
-		 * 
-		 * 
+		 *
+		 *
+		 *
 		 */
 		export function decodeURI(url: string): string;
-	
+
 	} /** end of `module encoding` */
 	export = encoding
 }
diff --git a/types/fibjs/declare/iconv.d.ts b/types/fibjs/declare/iconv.d.ts
index 443ae25e21..86d581fbf3 100644
--- a/types/fibjs/declare/iconv.d.ts
+++ b/types/fibjs/declare/iconv.d.ts
@@ -7,7 +7,7 @@
  *                                                                         *
  ***************************************************************************/
 
-/** 
+/**
  * @author Richard <richardo2016@gmail.com>
  *
  */
@@ -194,57 +194,49 @@
 
 
 
+declare module __iconv {
+	/**
+	 *
+	 * @brief 用 iconv 将文本转换为二进制数据
+	 * @param charset 指定字符集
+	 * @param data 要转换的文本
+	 * @return 返回解码的二进制数据
+	 *
+	 *
+	 *
+	 */
+	export function encode(charset: string, data: string): Class_Buffer;
+
+	/**
+	 *
+	 * @brief 用 iconv 将 Buffer 内容转换为文本
+	 * @param charset 指定字符集
+	 * @param data 要转换的二进制数据
+	 * @return 返回编码的字符串
+	 *
+	 *
+	 *
+	 */
+	export function decode(charset: string, data: Class_Buffer): string;
+
+	/**
+	 *
+	 * @brief 检测字符集是否被支持
+	 * @param charset 指定字符集
+	 * @return 返回是否支持该字符集
+	 *
+	 *
+	 *
+	 */
+	export function isEncoding(charset: string): boolean;
+} /** end of `module iconv` */
 /** module Or Internal Object */
 /**
 	* @brief iconv 编码与解码模块
 	* @detail 引用方式：,```JavaScript,var encoding = require('encoding');,var iconv = encoding.iconv;,```,或者,```JavaScript,var iconv = require('iconv');,```
 	*/
 declare module "iconv" {
-	
-
-	module iconv {
-		
-		
-		
-		
-		
-		/**
-		 * 
-		 * @brief 用 iconv 将文本转换为二进制数据
-		 * @param charset 指定字符集
-		 * @param data 要转换的文本
-		 * @return 返回解码的二进制数据
-		 * 
-		 * 
-		 * 
-		 */
-		export function encode(charset: string, data: string): Class_Buffer;
-	
-		/**
-		 * 
-		 * @brief 用 iconv 将 Buffer 内容转换为文本
-		 * @param charset 指定字符集
-		 * @param data 要转换的二进制数据
-		 * @return 返回编码的字符串
-		 * 
-		 * 
-		 * 
-		 */
-		export function decode(charset: string, data: Class_Buffer): string;
-	
-		/**
-		 * 
-		 * @brief 检测字符集是否被支持
-		 * @param charset 指定字符集
-		 * @return 返回是否支持该字符集
-		 * 
-		 * 
-		 * 
-		 */
-		export function isEncoding(charset: string): boolean;
-	
-	} /** end of `module iconv` */
-	export = iconv
+	export = __iconv
 }
 
 /** endof `module Or Internal Object` */
diff --git a/types/fibjs/declare/index.d.ts b/types/fibjs/declare/index.d.ts
index df0e02e683..1d26b1b8c7 100644
--- a/types/fibjs/declare/index.d.ts
+++ b/types/fibjs/declare/index.d.ts
@@ -7,7 +7,7 @@
  *                                                                         *
  ***************************************************************************/
 
-/** 
+/**
  * @author Richard <richardo2016@gmail.com>
  *
  */
@@ -63,8 +63,8 @@
 /// <reference path="xml.d.ts" />
 /// <reference path="constants.d.ts" />
 
-import _Global from 'global';
-import _Process from 'process';
+import _Global = require('global');
+import _Process = require('process');
 
 type GlobalExportsType = any;
 interface ModuleType {
diff --git a/types/fibjs/fibjs-tests.ts b/types/fibjs/fibjs-tests.ts
index 90b5f5ff6c..5d159b219b 100644
--- a/types/fibjs/fibjs-tests.ts
+++ b/types/fibjs/fibjs-tests.ts
@@ -1,8 +1,8 @@
-import assert = require('assert');
+// import assert = require('assert');  // TODO: this brings in ../types/assert
 import base32 = require('base32');
 import base64 = require('base64');
 import base64vlq = require('base64vlq');
-import bson = require('bson');
+// import bson = require('bson'); // TODO: this brings in ../types/bson
 import console = require('console');
 import constants = require('constants');
 import coroutine = require('coroutine');
@@ -18,7 +18,7 @@ import gui = require('gui');
 import hash = require('hash');
 import hex = require('hex');
 import http = require('http');
-import iconv = require('iconv');
+// import iconv = require('iconv'); // TODO: this brings in ../types/iconv
 import io = require('io');
 import json = require('json');
 import mq = require('mq');
@@ -39,10 +39,10 @@ import timers = require('timers');
 import tty = require('tty');
 import url = require('url');
 import util = require('util');
-import uuid = require('uuid');
+// import uuid = require('uuid');  // TODO: this brings in ../types/uuid
 import vm = require('vm');
-import ws = require('ws');
-import xml = require('xml');
+// import ws = require('ws'); // TODO: this brings in ../types/ws
+// import xml = require('xml'); // TODO: this brings in ../types/xml
 import zip = require('zip');
 import zlib = require('zlib');
-import zmq = require('zmq');
+// import zmq = require('zmq'); // TODO: this brings in ../types/zmq
diff --git a/types/fibjs/index.d.ts b/types/fibjs/index.d.ts
index 02201fd904..0be3f7bc29 100644
--- a/types/fibjs/index.d.ts
+++ b/types/fibjs/index.d.ts
@@ -2,5 +2,6 @@
 // Project: https://github.com/fibjs/fibjs
 // Definitions by: richardo2016 <https://github.com/richardo2016>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference path="declare/index.d.ts" />
diff --git a/types/fibjs/tslint.json b/types/fibjs/tslint.json
index 3db14f85ea..f398172337 100644
--- a/types/fibjs/tslint.json
+++ b/types/fibjs/tslint.json
@@ -1 +1,19 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "ban-types": false,
+        "max-line-length": false,
+        "no-consecutive-blank-lines": false,
+        "no-internal-module": false,
+        "no-padding": false,
+        "no-redundant-jsdoc-2": false,
+        "no-single-declare-module": false,
+        "no-trailing-whitespace": false,
+        "jsdoc-format": false,
+        "semicolon": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "unified-signatures": false
+    }
+}
diff --git a/types/file-saver/file-saver-tests.ts b/types/file-saver/file-saver-tests.ts
index 7e704663d8..cea6d2fff5 100644
--- a/types/file-saver/file-saver-tests.ts
+++ b/types/file-saver/file-saver-tests.ts
@@ -22,6 +22,17 @@ function testWindowSaveAs() {
     window.saveAs(data, filename, disableAutoBOM);
 }
 
+/**
+ * @summary Test for "saveAs" function with URL as first argument.
+ */
+function testUrlSaveAs() {
+    const url = 'https://example.com/test.txt';
+    const filename = 'hello world.txt';
+    const disableAutoBOM = true;
+
+    window.saveAs(url, filename, disableAutoBOM);
+}
+
 /**
  * @summary Test for "saveAs" function with the 3rd parameter omitted
  */
diff --git a/types/file-saver/index.d.ts b/types/file-saver/index.d.ts
index 935fed44c2..524c5964bf 100644
--- a/types/file-saver/index.d.ts
+++ b/types/file-saver/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for FileSaver.js 1.3
+// Type definitions for FileSaver.js 2.0
 // Project: https://github.com/eligrey/FileSaver.js/
 // Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
 //                 Daniel Roth <https://github.com/DaIgeb>
@@ -8,11 +8,11 @@
 declare namespace FileSaver {
     /**
      * FileSaver.js implements the saveAs() FileSaver interface in browsers that do not natively support it.
-     * @param data - The actual file data blob.
+     * @param data - The actual file data blob or URL.
      * @param filename - The optional name of the file to be downloaded. If omitted, the name used in the file data will be used. If none is provided "download" will be used.
-     * @param disableAutoBOM - Optional & defaults to `false`. Set to `true` if you don't want FileSaver.js to automatically provide Unicode text encoding hints
+     * @param disableAutoBOM - Optional & defaults to `false`. Set to `true` if you want FileSaver.js to automatically provide Unicode text encoding hints
      */
-    function saveAs(data: Blob, filename?: string, disableAutoBOM?: boolean): void;
+    function saveAs(data: Blob | string, filename?: string, disableAutoBOM?: boolean): void;
 }
 
 declare global {
diff --git a/types/find-package-json/find-package-json-tests.ts b/types/find-package-json/find-package-json-tests.ts
new file mode 100644
index 0000000000..bbdca6c6dd
--- /dev/null
+++ b/types/find-package-json/find-package-json-tests.ts
@@ -0,0 +1,19 @@
+"use strict";
+
+import finder = require("find-package-json");
+
+const f = finder();
+const fDirname = finder(__dirname);
+const fModule: finder.FinderIterator = finder(module);
+
+const findResult = f.next();
+
+if (findResult.done) {
+    const res: finder.Done = findResult;
+    const value: undefined = findResult.value;
+    const filename: undefined = findResult.filename;
+} else {
+    const res: finder.FoundPackage = findResult;
+    const value: finder.Package = findResult.value;
+    const filename: string = findResult.filename;
+}
diff --git a/types/find-package-json/index.d.ts b/types/find-package-json/index.d.ts
new file mode 100644
index 0000000000..d0478ecbe4
--- /dev/null
+++ b/types/find-package-json/index.d.ts
@@ -0,0 +1,63 @@
+// Type definitions for find-package-json 1.1
+// Project: https://github.com/3rd-Eden/find-package-json#readme
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node"/>
+
+export = finder;
+
+import Module = NodeJS.Module;
+
+declare function finder(root?: string | Module): finder.FinderIterator;
+
+declare namespace finder {
+    interface FinderIterator {
+        next(): FindResult;
+    }
+
+    type FindResult = FoundPackage | Done;
+
+    interface FoundPackage {
+        done: false;
+        value: Package;
+        filename: string;
+    }
+
+    interface Done {
+        done: true;
+        value: undefined;
+        filename: undefined;
+    }
+
+    interface Person {
+        name?: string;
+        email?: string;
+        url?: string;
+    }
+
+    interface Package {
+        [k: string]: any;
+        name?: string;
+        version?: string;
+        files?: string[];
+        bin?: { [k: string]: string };
+        man?: string[];
+        keywords?: string[];
+        author?: Person;
+        maintainers?: Person[];
+        contributors?: Person[];
+        bundleDependencies?: { [name: string]: string };
+        dependencies?: { [name: string]: string };
+        devDependencies?: { [name: string]: string };
+        optionalDependencies?: { [name: string]: string };
+        description?: string;
+        engines?: { [type: string]: string };
+        license?: string;
+        repository?: { type: string; url: string };
+        bugs?: { url: string; email?: string } | { url?: string; email: string };
+        homepage?: string;
+        scripts?: { [k: string]: string };
+        readme?: string;
+    }
+}
diff --git a/types/find-package-json/tsconfig.json b/types/find-package-json/tsconfig.json
new file mode 100644
index 0000000000..4aa74e4219
--- /dev/null
+++ b/types/find-package-json/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "find-package-json-tests.ts"
+    ]
+}
diff --git a/types/find-package-json/tslint.json b/types/find-package-json/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/find-package-json/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/firebird/tslint.json b/types/firebird/tslint.json
index b9ced8ae6f..95e32281d7 100644
--- a/types/firebird/tslint.json
+++ b/types/firebird/tslint.json
@@ -3,6 +3,7 @@
     "rules": {
         // TODO
         "ban-types": false,
+        "no-angle-bracket-type-assertion": false,
         "no-boolean-literal-compare": false,
         "no-declare-current-package": false,
         "no-single-declare-module": false,
diff --git a/types/firefox-webext-browser/index.d.ts b/types/firefox-webext-browser/index.d.ts
index d9e9e8df7c..84dc4f15e7 100644
--- a/types/firefox-webext-browser/index.d.ts
+++ b/types/firefox-webext-browser/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for WebExtension Development in FireFox 63.0
+// Type definitions for WebExtension Development in FireFox 64.0
 // Project: https://developer.mozilla.org/en-US/Add-ons/WebExtensions
 // Definitions by: Jasmin Bom <https://github.com/jsmnbom>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -141,6 +141,9 @@ declare namespace browser._manifest {
         };
         hidden?: boolean;
         theme_experiment?: ThemeExperiment;
+        user_scripts?: {
+            api_script?: ExtensionURL;
+        };
         browser_action?: {
             default_title?: string;
             default_icon?: IconPath;
@@ -163,8 +166,10 @@ declare namespace browser._manifest {
                 instant_url?: string;
                 /** @deprecated Unsupported on Firefox at this time. */
                 image_url?: string;
-                /** @deprecated Unsupported on Firefox at this time. */
+                /** POST parameters to the search_url as a query string. */
                 search_url_post_params?: string;
+                /** POST parameters to the suggest_url as a query string. */
+                suggest_url_post_params?: string;
                 /** @deprecated Unsupported on Firefox at this time. */
                 instant_url_post_params?: string;
                 /** @deprecated Unsupported on Firefox at this time. */
@@ -175,6 +180,22 @@ declare namespace browser._manifest {
                 prepopulated_id?: number;
                 /** Sets the default engine to a built-in engine only. */
                 is_default?: boolean;
+                /**
+                 * A list of optional search url parameters. This allows the additon of search url parameters based on
+                 * how the search is performed in Firefox.
+                 */
+                params?: Array<{
+                    /** A url parameter name */
+                    name: string;
+                    /** The type of param can be either "purpose" or "pref". */
+                    condition?: _WebExtensionManifestChromeSettingsOverridesSearchProviderParamsCondition;
+                    /** The preference to retreive the value from. */
+                    pref?: string;
+                    /** The context that initiates a search, required if condition is "purpose". */
+                    purpose?: _WebExtensionManifestChromeSettingsOverridesSearchProviderParamsPurpose;
+                    /** A url parameter value. */
+                    value?: string;
+                }>;
             };
         };
         commands?: {
@@ -202,6 +223,7 @@ declare namespace browser._manifest {
             browser_style?: boolean;
             show_matches?: MatchPattern[];
             hide_matches?: MatchPatternRestricted[];
+            pinned?: boolean;
         };
         sidebar_action?: {
             default_title?: string;
@@ -363,9 +385,6 @@ declare namespace browser._manifest {
      */
     type MatchPatternUnestricted = string;
 
-    /** Same as MatchPattern above, but includes moz-extension protocol */
-    type MatchPatternInternal = string | _MatchPatternInternal;
-
     /**
      * Details of the script or CSS to inject. Either the code or the file property must be set, but both may not be
      * set at the same time. Based on InjectDetails, but using underscore rather than camel case naming conventions.
@@ -475,6 +494,7 @@ declare namespace browser._manifest {
             ntp_background?: ThemeColor;
             ntp_text?: ThemeColor;
             sidebar?: ThemeColor;
+            sidebar_border?: ThemeColor;
             sidebar_text?: ThemeColor;
             sidebar_highlight?: ThemeColor;
             sidebar_highlight_text?: ThemeColor;
@@ -596,6 +616,7 @@ declare namespace browser._manifest {
         | "bookmarks"
         | "find"
         | "history"
+        | "menus.overrideContext"
         | "search"
         | "activeTab"
         | "tabs"
@@ -632,6 +653,17 @@ declare namespace browser._manifest {
         | "tabstrip"
         | "personaltoolbar";
 
+    /** The type of param can be either "purpose" or "pref". */
+    type _WebExtensionManifestChromeSettingsOverridesSearchProviderParamsCondition = "purpose" | "pref";
+
+    /** The context that initiates a search, required if condition is "purpose". */
+    type _WebExtensionManifestChromeSettingsOverridesSearchProviderParamsPurpose =
+        "contextmenu"
+        | "searchbar"
+        | "homepage"
+        | "keyword"
+        | "newtab";
+
     type _ProtocolHandlerProtocol =
         "bitcoin"
         | "dat"
@@ -661,8 +693,6 @@ declare namespace browser._manifest {
 
     type _MatchPattern = "<all_urls>";
 
-    type _MatchPatternInternal = "<all_urls>";
-
     type _ThemeTypeAdditionalBackgroundsAlignment =
         "bottom"
         | "center"
@@ -785,12 +815,6 @@ declare namespace browser.clipboard {
 /** Not allowed in: Content scripts, Devtools pages */
 declare namespace browser.contentScripts {
     /* contentScripts types */
-    type ExtensionFileOrCode = {
-        file: _manifest.ExtensionURL;
-    } | {
-        code: string;
-    };
-
     /** Details of a content script registered programmatically */
     interface RegisteredContentScriptOptions {
         matches: _manifest.MatchPattern[];
@@ -798,9 +822,9 @@ declare namespace browser.contentScripts {
         includeGlobs?: string[];
         excludeGlobs?: string[];
         /** The list of CSS files to inject */
-        css?: ExtensionFileOrCode[];
+        css?: extensionTypes.ExtensionFileOrCode[];
         /** The list of JS files to inject */
-        js?: ExtensionFileOrCode[];
+        js?: extensionTypes.ExtensionFileOrCode[];
         /**
          * If allFrames is `true`, implies that the JavaScript or CSS should be injected into all frames of current
          * page. By default, it's `false` and is only injected into the top frame.
@@ -1912,6 +1936,22 @@ declare namespace browser.extensionTypes {
     }
 
     type Date = string | number | object/*Date*/;
+
+    type ExtensionFileOrCode = {
+        file: _manifest.ExtensionURL;
+    } | {
+        code: string;
+    };
+
+    /** A plain JSON value */
+    type PlainJSONValue = null | string | number | boolean | _PlainJSONArray | _PlainJSONObject;
+
+    interface _PlainJSONArray extends Array<PlainJSONValue> {
+    }
+
+    interface _PlainJSONObject {
+        [key: string]: PlainJSONValue;
+    }
 }
 
 /**
@@ -2403,7 +2443,7 @@ declare namespace browser.permissions {
 
     interface AnyPermissions {
         permissions?: _manifest.Permission[];
-        origins?: _manifest.MatchPatternInternal[];
+        origins?: _manifest.MatchPattern[];
     }
 
     /* permissions functions */
@@ -2524,7 +2564,8 @@ declare namespace browser.privacy.websites {
         "allow_all"
         | "reject_all"
         | "reject_third_party"
-        | "allow_visited";
+        | "allow_visited"
+        | "reject_trackers";
 
     /* privacy.websites properties */
     /**
@@ -3456,6 +3497,64 @@ declare namespace browser.types {
     }
 }
 
+/**
+ * Manifest keys: `user_scripts`, `user_scripts`
+ *
+ * Not allowed in: Devtools pages
+ */
+declare namespace browser.userScripts {
+    /* userScripts types */
+    /** Details of a user script */
+    interface UserScriptOptions {
+        /** The list of JS files to inject */
+        js?: extensionTypes.ExtensionFileOrCode[];
+        /** An opaque user script metadata value */
+        scriptMetadata?: extensionTypes.PlainJSONValue;
+        matches: _manifest.MatchPattern[];
+        excludeMatches?: _manifest.MatchPattern[];
+        includeGlobs?: string[];
+        excludeGlobs?: string[];
+        /**
+         * If allFrames is `true`, implies that the JavaScript should be injected into all frames of current page. By
+         * default, it's `false` and is only injected into the top frame.
+         */
+        allFrames?: boolean;
+        /**
+         * If matchAboutBlank is true, then the code is also injected in about:blank and about:srcdoc frames if your
+         * extension has access to its parent document. Code cannot be inserted in top-level about:-frames. By default
+         * it is `false`.
+         */
+        matchAboutBlank?: boolean;
+        /** The soonest that the JavaScript will be injected into the tab. Defaults to "document_idle". */
+        runAt?: extensionTypes.RunAt;
+    }
+
+    /** An object that represents a user script registered programmatically */
+    interface RegisteredUserScript {
+        /** Unregister a user script registered programmatically */
+        unregister(): Promise<any>;
+    }
+
+    /** A set of API methods provided by the extensions to its userScripts */
+    interface ExportedAPIMethods {
+        [key: string]: (...args: any[]) => any;
+    }
+
+    /* userScripts functions */
+    /**
+     * Register a user script programmatically given its `userScripts.UserScriptOptions`, and resolves to a
+     * `userScripts.RegisteredUserScript` instance
+     */
+    function register(userScriptOptions: UserScriptOptions): Promise<RegisteredUserScript>;
+
+    /**
+     * Provides a set of custom API methods available to the registered userScripts
+     *
+     * Allowed in: Content scripts only
+     */
+    function setScriptAPIs(exportedAPIMethods: ExportedAPIMethods): void;
+}
+
 /**
  * Use the `browser.webNavigation` API to receive notifications about the status of navigation requests in-flight.
  *
@@ -5302,9 +5401,8 @@ declare namespace browser.devtools.panels {
         /**
          * Sets an HTML page to be displayed in the sidebar pane.
          * @param path Relative path of an extension page to display within the sidebar.
-         * @deprecated Unsupported on Firefox at this time.
          */
-        setPage?(path: string): void;
+        setPage(path: _manifest.ExtensionURL): Promise<any>;
 
         /**
          * Fired when the sidebar pane becomes visible as a result of user switching to the panel that hosts it.
@@ -5706,6 +5804,8 @@ declare namespace browser.contextMenus {
         menuItemId: number | string;
         /** The parent ID, if any, for the item clicked. */
         parentMenuItemId?: number | string;
+        /** The type of view where the menu is clicked. May be unset if the menu is not associated with a view. */
+        viewType?: extension.ViewType;
         /**
          * One of 'image', 'video', or 'audio' if the context menu was activated on one of these types of elements.
          */
@@ -5735,6 +5835,8 @@ declare namespace browser.contextMenus {
         bookmarkId: string;
         /** An array of keyboard modifiers that were held while the menu item was clicked. */
         modifiers: _OnClickDataModifiers[];
+        /** An integer value of button by which menu item was clicked. */
+        button?: number;
         /**
          * An identifier of the clicked element, if any. Use menus.getTargetElement in the page to find the
          * corresponding element.
@@ -5749,6 +5851,12 @@ declare namespace browser.contextMenus {
         | "Ctrl"
         | "MacCtrl";
 
+    /**
+     * ContextType to override, to allow menu items from other extensions in the menu. Currently only 'bookmark' and
+     * 'tab' are supported. showDefaults cannot be used with this option.
+     */
+    type _OverrideContextContext = "bookmark" | "tab";
+
     /* contextMenus properties */
     /**
      * The maximum number of top level extension items that can be added to an extension action context menu. Any items
@@ -5789,6 +5897,11 @@ declare namespace browser.contextMenus {
         checked?: boolean;
         /** List of contexts this menu item will appear in. Defaults to ['page'] if not specified. */
         contexts?: ContextType[];
+        /**
+         * List of view types where the menu item will be shown. Defaults to any view, including those without a
+         * viewType.
+         */
+        viewTypes?: extension.ViewType[];
         /** Whether the item is visible in the menu. */
         visible?: boolean;
         /**
@@ -5827,9 +5940,13 @@ declare namespace browser.contextMenus {
      */
     function update(id: number | string, updateProperties: {
         type?: ItemType;
+        icons?: {
+            [key: number]: string;
+        };
         title?: string;
         checked?: boolean;
         contexts?: ContextType[];
+        viewTypes?: extension.ViewType[];
         /** Whether the item is visible in the menu. */
         visible?: boolean;
         /**
@@ -5853,6 +5970,24 @@ declare namespace browser.contextMenus {
     /** Removes all context menu items added by this extension. */
     function removeAll(): Promise<void>;
 
+    /**
+     * Show the matching menu items from this extension instead of the default menu. This should be called during a
+     * 'contextmenu' DOM event handler, and only applies to the menu that opens after this event.
+     */
+    function overrideContext(contextOptions: {
+        /** Whether to also include default menu items in the menu. */
+        showDefaults?: boolean;
+        /**
+         * ContextType to override, to allow menu items from other extensions in the menu. Currently only 'bookmark'
+         * and 'tab' are supported. showDefaults cannot be used with this option.
+         */
+        context?: _OverrideContextContext;
+        /** Required when context is 'bookmark'. Requires 'bookmark' permission. */
+        bookmarkId?: string;
+        /** Required when context is 'tab'. Requires 'tabs' permission. */
+        tabId?: number;
+    }): void;
+
     /**
      * Updates the extension items in the shown menu, including changes that have been made since the menu was shown.
      * Has no effect if the menu is hidden. Rebuilding a shown menu is an expensive operation, only invoke this method
@@ -5889,8 +6024,9 @@ declare namespace browser.contextMenus {
         menuIds: number | string[];
         /** A list of all contexts that apply to the menu. */
         contexts: ContextType[];
+        viewType?: extension.ViewType;
         editable: boolean;
-        mediaType: string;
+        mediaType?: string;
         linkUrl?: string;
         linkText?: string;
         srcUrl?: string;
@@ -5947,6 +6083,8 @@ declare namespace browser.menus {
         menuItemId: number | string;
         /** The parent ID, if any, for the item clicked. */
         parentMenuItemId?: number | string;
+        /** The type of view where the menu is clicked. May be unset if the menu is not associated with a view. */
+        viewType?: extension.ViewType;
         /**
          * One of 'image', 'video', or 'audio' if the context menu was activated on one of these types of elements.
          */
@@ -5976,6 +6114,8 @@ declare namespace browser.menus {
         bookmarkId: string;
         /** An array of keyboard modifiers that were held while the menu item was clicked. */
         modifiers: _OnClickDataModifiers[];
+        /** An integer value of button by which menu item was clicked. */
+        button?: number;
         /**
          * An identifier of the clicked element, if any. Use menus.getTargetElement in the page to find the
          * corresponding element.
@@ -5990,6 +6130,12 @@ declare namespace browser.menus {
         | "Ctrl"
         | "MacCtrl";
 
+    /**
+     * ContextType to override, to allow menu items from other extensions in the menu. Currently only 'bookmark' and
+     * 'tab' are supported. showDefaults cannot be used with this option.
+     */
+    type _OverrideContextContext = "bookmark" | "tab";
+
     /* menus properties */
     /**
      * The maximum number of top level extension items that can be added to an extension action context menu. Any items
@@ -6030,6 +6176,11 @@ declare namespace browser.menus {
         checked?: boolean;
         /** List of contexts this menu item will appear in. Defaults to ['page'] if not specified. */
         contexts?: ContextType[];
+        /**
+         * List of view types where the menu item will be shown. Defaults to any view, including those without a
+         * viewType.
+         */
+        viewTypes?: extension.ViewType[];
         /** Whether the item is visible in the menu. */
         visible?: boolean;
         /**
@@ -6068,9 +6219,13 @@ declare namespace browser.menus {
      */
     function update(id: number | string, updateProperties: {
         type?: ItemType;
+        icons?: {
+            [key: number]: string;
+        };
         title?: string;
         checked?: boolean;
         contexts?: ContextType[];
+        viewTypes?: extension.ViewType[];
         /** Whether the item is visible in the menu. */
         visible?: boolean;
         /**
@@ -6094,6 +6249,24 @@ declare namespace browser.menus {
     /** Removes all context menu items added by this extension. */
     function removeAll(): Promise<void>;
 
+    /**
+     * Show the matching menu items from this extension instead of the default menu. This should be called during a
+     * 'contextmenu' DOM event handler, and only applies to the menu that opens after this event.
+     */
+    function overrideContext(contextOptions: {
+        /** Whether to also include default menu items in the menu. */
+        showDefaults?: boolean;
+        /**
+         * ContextType to override, to allow menu items from other extensions in the menu. Currently only 'bookmark'
+         * and 'tab' are supported. showDefaults cannot be used with this option.
+         */
+        context?: _OverrideContextContext;
+        /** Required when context is 'bookmark'. Requires 'bookmark' permission. */
+        bookmarkId?: string;
+        /** Required when context is 'tab'. Requires 'tabs' permission. */
+        tabId?: number;
+    }): void;
+
     /**
      * Updates the extension items in the shown menu, including changes that have been made since the menu was shown.
      * Has no effect if the menu is hidden. Rebuilding a shown menu is an expensive operation, only invoke this method
@@ -6130,8 +6303,9 @@ declare namespace browser.menus {
         menuIds: number | string[];
         /** A list of all contexts that apply to the menu. */
         contexts: ContextType[];
+        viewType?: extension.ViewType;
         editable: boolean;
-        mediaType: string;
+        mediaType?: string;
         linkUrl?: string;
         linkText?: string;
         srcUrl?: string;
@@ -6915,7 +7089,7 @@ declare namespace browser.tabs {
 
     type _TabsOnUpdatedEvent<T = (tabId: number, changeInfo: {
         /** The tab's new attention state. */
-        attention: boolean;
+        attention?: boolean;
         /** The tab's new audible state. */
         audible?: boolean;
         /** True while the tab is not loaded with content. */
@@ -7108,6 +7282,13 @@ declare namespace browser.tabs {
     function highlight(highlightInfo: {
         /** The window that contains the tabs. */
         windowId?: number;
+        /**
+         * If true, the `windows.Window` returned will have a `tabs` property that contains a list of the `tabs.Tab`
+         * objects. The `Tab` objects only contain the `url`, `title` and `favIconUrl` properties if the extension's
+         * manifest file includes the `"tabs"` permission. If false, the `windows.Window` won't have the `tabs`
+         * property.
+         */
+        populate?: boolean;
         /** One or more tab indices to highlight. */
         tabs: number[] | number;
     }): Promise<windows.Window | undefined>;
@@ -7632,6 +7813,8 @@ declare namespace browser.windows {
         state?: WindowState;
         /** Allow scripts to close the window. */
         allowScriptsToClose?: boolean;
+        /** The CookieStoreId to use for all tabs that were created when the window is opened. */
+        cookieStoreId?: string;
         /** A string to add to the beginning of the window title. */
         titlePreface?: string;
     }): Promise<Window | undefined>;
diff --git a/types/flowdoc/flowdoc-tests.ts b/types/flowdoc/flowdoc-tests.ts
new file mode 100644
index 0000000000..0ebdb530da
--- /dev/null
+++ b/types/flowdoc/flowdoc-tests.ts
@@ -0,0 +1,115 @@
+const TYPES = {
+    DOCUMENT: 'DOCUMENT',
+    PAGE: 'PAGE',
+    SCREEN: 'SCREEN',
+    IMAGE: 'IMAGE',
+    RECTANGLE: 'RECT',
+    ELLIPSE: 'ELLIPSE',
+    DIAMOND: 'DIAMOND',
+    HOTSPOT: 'HOTSPOT',
+    LAYER: 'LAYER',
+} as Flow.Types;
+
+const flowFile: Flow.File = {
+    document: {
+        id: 'cjo45613k00002a5p9gj6nr3b',
+        name: 'Basic Document',
+        type: TYPES.DOCUMENT,
+        children: [
+            {
+                id: 'cjo456d2700002a5p80zudiut',
+                name: 'Page 1',
+                type: TYPES.PAGE,
+                backgroundColor: {
+                    r: 0,
+                    g: 0,
+                    b: 0,
+                    a: 1,
+                },
+                children: [
+                    {
+                        id: 'cjo45mq7500002a5p8n8u1bfz',
+                        name: 'Sign in',
+                        type: TYPES.SCREEN,
+                        source: {
+                            fileName: 'sign-in.png',
+                            dirPath: './assets',
+                        },
+                        children: [],
+                        size: {
+                            h: 700,
+                            w: 1152,
+                        },
+                        position: {
+                            x: 200,
+                            y: 128,
+                        },
+                    },
+                    {
+                        id: 'cjo45oi8700002a5pmpnxhfny',
+                        name: 'Sign up',
+                        type: TYPES.SCREEN,
+                        source: {
+                            fileName: 'sign-up.png',
+                            dirPath: './assets',
+                        },
+                        children: [],
+                        size: {
+                            h: 700,
+                            w: 1152,
+                        },
+                        position: {
+                            x: 1452,
+                            y: 128,
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+    settings: {
+        grid: [40, 40],
+    },
+    schemaVersion: 1,
+};
+
+flowFile.settings = {};
+flowFile.schemaVersion = 1;
+
+const document: Flow.Document = flowFile.document;
+document.type = TYPES.DOCUMENT;
+
+const page: Flow.Page = document.children[0];
+page.type = TYPES.PAGE;
+page.backgroundColor = {
+    r: 255,
+    g: 255,
+    b: 255,
+    a: 1
+};
+
+const hotspot: Flow.Layer = {
+    id: 'cjo5mezgg00003g5winhxc8o0',
+    name: 'Layer',
+    type: TYPES.HOTSPOT,
+    position: {
+        x: 390,
+        y: 390,
+    },
+    size: {
+        h: 42,
+        w: 370,
+    },
+    connections: [{
+        nodeID: 'cjo45mq7500002a5p8n8u1bfz',
+    }],
+};
+hotspot.type = TYPES.HOTSPOT;
+
+const screen = page.children[0] as Flow.Screen;
+screen.type = TYPES.SCREEN;
+screen.children.push(hotspot);
+screen.position = {
+    x: 0,
+    y: 0
+};
diff --git a/types/flowdoc/index.d.ts b/types/flowdoc/index.d.ts
new file mode 100644
index 0000000000..8c32c6794c
--- /dev/null
+++ b/types/flowdoc/index.d.ts
@@ -0,0 +1,123 @@
+// Type definitions for flowdoc 1.1
+// Project: https://github.com/overflowapp/Flow
+// Definitions by: Stefan Mansson <https://github.com/animify>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+declare namespace Flow {
+    interface File {
+        document: Document;
+        settings: Settings;
+        schemaVersion: SchemaVersion;
+    }
+
+    interface Document {
+        id: string;
+        name: string;
+        type: Types['DOCUMENT'];
+        children: Page[];
+    }
+
+    interface Page extends Node {
+        type: Types['PAGE'];
+        children: Array<Screen | Image | Rectangle | Ellipse | Diamond>;
+        backgroundColor: Color;
+        startNodeID?: string;
+    }
+
+    interface Screen extends Graphic {
+        type: Types['SCREEN'];
+        children: Layer[];
+        connections?: Connection[];
+    }
+
+    interface Image extends Graphic {
+        type: Types['IMAGE'];
+        connections?: Connection[];
+    }
+
+    interface Rectangle extends Shape {
+        type: Types['RECTANGLE'];
+    }
+
+    interface Ellipse extends Shape {
+        type: Types['ELLIPSE'];
+    }
+
+    interface Diamond extends Shape {
+        type: Types['DIAMOND'];
+    }
+
+    interface Layer extends Node {
+        type: Types['LAYER'] | Types['HOTSPOT'];
+        position: Point;
+        size: Size;
+        connections?: Connection[];
+    }
+
+    interface Connection {
+        nodeID: string;
+    }
+
+    interface Settings {
+        grid?: [number, number];
+    }
+
+    interface Color {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    }
+
+    interface FileAsset {
+        fileName: string;
+        dirPath: string;
+    }
+
+    type URLAsset = string;
+
+    interface Point {
+        x: number;
+        y: number;
+    }
+
+    interface Size {
+        h: number;
+        w: number;
+    }
+
+    interface Types {
+        DOCUMENT: 'DOCUMENT';
+        PAGE: 'PAGE';
+        SCREEN: 'SCREEN';
+        IMAGE: 'IMAGE';
+        RECTANGLE: 'RECT';
+        ELLIPSE: 'ELLIPSE';
+        DIAMOND: 'DIAMOND';
+        HOTSPOT: 'HOTSPOT';
+        LAYER: 'LAYER';
+    }
+
+    type SchemaVersion = 1;
+}
+
+type NodeType = 'DOCUMENT' | 'PAGE' | 'SCREEN' | 'IMAGE' | 'RECT' | 'ELLIPSE' | 'DIAMOND' | 'HOTSPOT' | 'LAYER';
+
+interface Node {
+    id: string;
+    name: string;
+    type: NodeType;
+}
+
+interface Shape extends Node {
+    position: Flow.Point;
+    size: Flow.Size;
+    connections?: Flow.Connection[];
+}
+
+interface Graphic extends Node {
+    position: Flow.Point;
+    size: Flow.Size;
+    source: Flow.FileAsset | Flow.URLAsset;
+}
diff --git a/types/flowdoc/tsconfig.json b/types/flowdoc/tsconfig.json
new file mode 100644
index 0000000000..a35d4c4c58
--- /dev/null
+++ b/types/flowdoc/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "flowdoc-tests.ts"
+    ]
+}
diff --git a/types/flowdoc/tslint.json b/types/flowdoc/tslint.json
new file mode 100644
index 0000000000..1061428d6e
--- /dev/null
+++ b/types/flowdoc/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-object-literal-type-assertion": false
+    }
+}
diff --git a/types/fluxible-addons-react/fluxible-addons-react-tests.ts b/types/fluxible-addons-react/fluxible-addons-react-tests.ts
new file mode 100644
index 0000000000..83323cd320
--- /dev/null
+++ b/types/fluxible-addons-react/fluxible-addons-react-tests.ts
@@ -0,0 +1,52 @@
+import { DispatcherInterface } from 'dispatchr';
+import { connectToStores, provideContext } from 'fluxible-addons-react';
+import { Fluxible, ComponentContext } from 'fluxible';
+import BaseStore = require('fluxible/addons/BaseStore');
+import * as React from 'react';
+
+interface HomeProps {
+	stringValue: string;
+}
+
+class Home extends React.Component<HomeProps, any> {
+	constructor(props: HomeProps) {
+		super(props);
+	}
+}
+
+class ExtendedStore extends BaseStore {
+	constructor(public dispatcher: DispatcherInterface) {
+        super(dispatcher);
+
+        this.data = "";
+    }
+
+	static storeName = 'ExtendedStore';
+
+	static handlers = {
+        ACTION_NAME: 'actionHandler'
+    };
+
+	private data: string;
+
+    actionHandler() {
+        this.emitChange();
+    }
+
+	setData(data: string): void {
+		this.data = data;
+	}
+
+	getData(): string {
+		return this.data;
+	}
+}
+
+// connecting Home react component to ExtendedStore
+const ConnectedComponent = connectToStores(Home, [ExtendedStore], (context: ComponentContext, props: HomeProps) => {
+    return {
+        stringValue: context.getStore(ExtendedStore).getData(),
+    };
+});
+
+const ConnectedComponentWithContext = provideContext(ConnectedComponent);
diff --git a/types/fluxible-addons-react/index.d.ts b/types/fluxible-addons-react/index.d.ts
new file mode 100644
index 0000000000..e3936992c7
--- /dev/null
+++ b/types/fluxible-addons-react/index.d.ts
@@ -0,0 +1,34 @@
+// Type definitions for fluxible-addons-react 0.2
+// Project: https://github.com/yahoo/fluxible#readme
+// Definitions by: xbim <https://github.com/xbim>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+/// <reference types="node" />
+import * as React from 'react';
+import BaseStore = require('fluxible/addons/BaseStore');
+import { ComponentContext } from "fluxible";
+
+/**
+ * Registers change listeners and retrieves state from stores using the `getStateFromStores`
+ * method
+ * @param Component component to pass state as props to.
+ * @param stores List of stores to listen for changes
+ * @param getStateFromStores function that receives all stores and should return
+ *      the full state object. Receives `stores` hash and component `props` as arguments
+ * @param customContextTypes additional `contextTypes` that could be accessed from your `getStateFromStores`
+ *      function
+ * @returns React.Component
+ */
+export function connectToStores(
+ Component: typeof React.Component,
+ stores: Array<typeof BaseStore> | string[],
+ getStateFromStores: (context: ComponentContext, props: any) => any,
+ customContextTypes?: any): typeof React.Component;
+
+/**
+ * Provides context prop to all children as React context
+ * @param  component to wrap
+ * @param customContextTypes Custom contextTypes to add
+ * @returns React.Component
+ */
+export function provideContext(Component: typeof React.Component, customContextTypes?: any): typeof React.Component;
diff --git a/types/fluxible-addons-react/tsconfig.json b/types/fluxible-addons-react/tsconfig.json
new file mode 100644
index 0000000000..f3fad2aa56
--- /dev/null
+++ b/types/fluxible-addons-react/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "esModuleInterop": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+		"fluxible-addons-react-tests.ts"
+    ]
+}
diff --git a/types/fluxible-addons-react/tslint.json b/types/fluxible-addons-react/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/fluxible-addons-react/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/fluxible-router/index.d.ts b/types/fluxible-router/index.d.ts
index 097c2b3c2d..87d9532ed4 100644
--- a/types/fluxible-router/index.d.ts
+++ b/types/fluxible-router/index.d.ts
@@ -11,6 +11,10 @@ import BaseStore = require('fluxible/addons/BaseStore');
 export class NavLink extends React.Component<NavLinkProps, any> { }
 
 export class RouteStore extends BaseStore {
+    dehydrate(context?: FluxibleContext): any;
+
+    rehydrate(state: any): void;
+
     static withStaticRoutes(routes: object): typeof RouteStore;
 }
 
diff --git a/types/fluxible/index.d.ts b/types/fluxible/index.d.ts
index d317662e1b..b9f7d8d0b0 100644
--- a/types/fluxible/index.d.ts
+++ b/types/fluxible/index.d.ts
@@ -73,7 +73,7 @@ export class Fluxible {
     /**
      * Registers a store to the dispatcher so it can listen for actions
      */
-    registerStore(store: StoreClass| typeof BaseStore): void;
+    registerStore(store: StoreClass | typeof BaseStore): void;
 
     /**
      * Creates a serializable state of the application and a given context for sending to the client
@@ -109,6 +109,24 @@ export class FluxibleContext {
      */
     plug(plugin: any): void;
 
+    /**
+     * Returns the context for action controllers
+     * @return Action context information
+     */
+    getActionContext(): ActionContext;
+
+    /**
+     * Returns the context for action controllers
+     * @return Component context information
+     */
+    getComponentContext(): ComponentContext;
+
+    /**
+     * Returns the context for stores
+     * @return Store context information
+     */
+    getStoreContext(): StoreContext;
+
     /**
      * Returns a serializable context state
      */
@@ -122,5 +140,81 @@ export class FluxibleContext {
     /**
      * Getter for store from dispatcher
      */
-    getStore<T extends BaseStore>(store: { new(dispatcher?: DispatcherInterface): T; }): T;
+    getStore<T extends BaseStore>(store: { new(dispatcher: DispatcherInterface): T; }): T;
+}
+
+export class ActionContext {
+    /**
+     * Dispatches a payload to all registered callbacks.
+     * @param action Action name
+     * @param payload
+     */
+    dispatch(action: string, payload?: any): void;
+
+    /**
+     * Proxy function to execute action
+     * @param action function that will be executed
+     * @param payload
+     * @param callback
+     */
+    executeAction(action: (context: ActionContext, params: object, callback?: () => void) => void, payload?: any, callback?: any): void;
+
+    /**
+     * Getter for store from dispatcher
+     */
+    getStore<T extends BaseStore>(store: { new(dispatcher: DispatcherInterface): T; }): T;
+
+    /**
+     * Data service. available only if fetch plugin is added
+     */
+    service?: {
+        /**
+         * GET request to the server
+         * @param resource name of resourse
+         * @param params query string parameters as key-value object
+         * @param callback
+         */
+        read: (resource: string, params: any, callback: (error: Error, data: any) => void) => void;
+        /**
+         * POST request to the server
+         * @param resource name of resourse
+         * @param params query string parameters as key-value object
+         * @param body json request body
+         * @param callback
+         */
+        create: (resource: string, params: any, body: any, callback: (error: Error, data: any) => void) => void;
+        /**
+         *
+         * @param resource name of resourse
+         * @param params query string parameters as key-value object
+         * @param body json request body
+         * @param callback
+         */
+        update: (resource: string, params: any, body: any, callback: (error: Error, data: any) => void) => void;
+        /**
+         *
+         * @param resource name of resourse
+         * @param params query string parameters as key-value object
+         * @param callback
+         */
+        delete: (resource: string, params: any, callback: (error: Error, data: any) => void) => void;
+    };
+}
+
+export class ComponentContext {
+    /**
+     * Proxy function to execute action
+     * @param action function that will be executed
+     * @param payload
+     * @param callback
+     */
+    executeAction(action: (context: ActionContext, params: object, callback?: () => void) => void, payload?: any): void;
+
+    /**
+     * Getter for store from dispatcher
+     */
+    getStore<T extends BaseStore>(store: { new(dispatcher: DispatcherInterface): T; }): T;
+}
+
+export class StoreContext {
 }
diff --git a/types/frisby/index.d.ts b/types/frisby/index.d.ts
index 9057edae6d..1bcd6fdabb 100644
--- a/types/frisby/index.d.ts
+++ b/types/frisby/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Christopher E. Woodland <https://github.com/cwoodland>
 //                 Johnny Li <https://github.com/johnny4753>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.6
+// TypeScript Version: 2.8
 
 /// <reference types='jasmine'/>
 
diff --git a/types/frisby/v0/index.d.ts b/types/frisby/v0/index.d.ts
index 523c72e6db..bb41e93321 100644
--- a/types/frisby/v0/index.d.ts
+++ b/types/frisby/v0/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/vlucas/frisby
 // Definitions by: Johnny Li <https://github.com/johnny4753>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.8
 
 ///<reference types="jasmine"/>
 
@@ -72,4 +72,3 @@ declare global {
 
 declare const frisby: Frisby;
 export = frisby;
-
diff --git a/types/gamepad/gamepad-tests.ts b/types/gamepad/gamepad-tests.ts
index af3095adb0..b71203eb7c 100644
--- a/types/gamepad/gamepad-tests.ts
+++ b/types/gamepad/gamepad-tests.ts
@@ -1,70 +1,69 @@
+/// <reference types="node" />
+import gamepad = require('gamepad');
 
+// Initialize the library
+gamepad.init();
 
+// List the state of all currently attached devices
+for (let i = 0, l = gamepad.numDevices(); i < l; i++) {
+    console.log(i, gamepad.deviceAtIndex(i));
+}
 
-()=>{
-    function runAnimation()
-    {
-        window.requestAnimationFrame(runAnimation);
+// Create a game loop and poll for events
+setInterval(gamepad.processEvents, 16);
+// Scan for new gamepads as a slower rate
+setInterval(gamepad.detectDevices, 500);
 
-        var gamepads = navigator.getGamepads();
-
-        for (var i = 0; i < gamepads.length; ++i)
-        {
-            var pad = gamepads[i];
-            // todo; simple demo of displaying pad.axes and pad.buttons
+// Listen for new gamepads being attached
+gamepad.on('attach', (deviceID, device) => {
+    console.log('attach', {
+        deviceID,
+        device: {
+            deviceID: device.deviceID,
+            description: device.description,
+            vendorID: device.vendorID,
+            productID: device.productID,
+            axisStates: device.axisStates,
+            buttonStates: device.buttonStates,
         }
-    }
+    });
+});
 
-    window.requestAnimationFrame(runAnimation);
-};
+// Listen for new gamepads being removed
+gamepad.on('remove', deviceID => {
+    console.log('remove', {
+        deviceID
+    });
+});
 
-(()=>{
-    var gamepadconnected = (e: Gamepad.GamepadEvent) => {
-        console.log('Gamepad ' + e.gamepad.index + ' connected!');
-        if(e.gamepad.mapping == 'standard'){
-            console.log("The Gamepad's controls have been mapped to the Standard Gamepad layout.");
-        }
-    };
-    var gamepaddisconnected = (e: Gamepad.GamepadEvent) => {
-        console.log('Gamepad ' + e.gamepad.index + ' disconnected!');
-    };
+// Listen for button down events on all gamepads
+gamepad.on('up', (deviceID, buttonID, timestamp) => {
+    console.log('up', {
+        deviceID,
+        buttonID,
+        timestamp
+    });
+});
 
-    window.addEventListener('GamepadConnected', gamepadconnected, false);
-    window.addEventListener('GamepadDisconnected', gamepaddisconnected, false);
-    window.addEventListener('webkitGamepadConnected', gamepadconnected, false);
-    window.addEventListener('webkitGamepadDisconnected', gamepaddisconnected, false);
-    window.addEventListener('mozGamepadConnected', gamepadconnected, false);
-    window.addEventListener('mozGamepadDisconnected', gamepaddisconnected, false);
+// Listen for button down events on all gamepads
+gamepad.on('down', (deviceID, buttonID, timestamp) => {
+    console.log('down', {
+        deviceID,
+        buttonID,
+        timestamp
+    });
+});
 
-    var requestAnimationFrame = window.requestAnimationFrame || (<any>window).mozRequestAnimationFrame;
-    var getGamepads = navigator.getGamepads || navigator.webkitGetGamepads;
-    if(getGamepads){
-        function runAnimation()
-        {
-            requestAnimationFrame.call(window, runAnimation);
+// Listen for move events on all gamepads
+gamepad.on('move', (deviceID, axisID, value, lastValue, timestamp) => {
+    console.log('move', {
+        deviceID,
+        axisID,
+        value,
+        lastValue,
+        timestamp
+    });
+});
 
-            var gamepads: Gamepad.Gamepad[] = getGamepads.call(navigator);
-            for(var i = 0; i < gamepads.length; i++){
-                var pad: Gamepad.Gamepad = gamepads[i];
-                if(pad && pad.connected){
-                    for (var k = 0; k < pad.buttons.length; k++)
-                    {   
-                        var button: Gamepad.GamepadButton = pad.buttons[k];
-                        if(button.pressed){
-                            console.log('pad[' + pad.index + ']: ' + 'time=' + pad.timestamp + ' id="' + pad.id + '" button[' + k + '] = ' + button.value);
-                        }
-                    }
-                    for (var k = 0; k < pad.axes.length; k++)
-                    {   
-                        var axis = pad.axes[k]; 
-                        if(Math.abs(axis) > 0.1){
-                            console.log('pad[' + pad.index + ']: ' + 'time=' + pad.timestamp + ' id="' + pad.id + '" axis[' + k + '] = ' + axis);
-                        }
-                    }
-                }
-            }
-        }
-
-        runAnimation();
-    }
-})();
\ No newline at end of file
+// Shutdown the library
+gamepad.shutdown();
diff --git a/types/gamepad/index.d.ts b/types/gamepad/index.d.ts
index 3678190522..b66e13336b 100644
--- a/types/gamepad/index.d.ts
+++ b/types/gamepad/index.d.ts
@@ -1,97 +1,33 @@
-// Type definitions for Gamepad API
-// Project: http://www.w3.org/TR/gamepad/
-// Definitions by: Kon <http://phyzkit.net/>
+// Type definitions for gamepad 1.5
+// Project: https://github.com/creationix/node-gamepad#readme
+// Definitions by: Alex Van Camp <https://github.com/Lange>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
 
-declare namespace Gamepad{
-    /**
-     * This interface defines an individual gamepad device.
-     */
-    export interface Gamepad{
-        /**
-         * An identification string for the gamepad. This string identifies the brand or style of connected gamepad device. Typically, this will include the USB vendor and a product ID.
-         * @readonly
-         */
-        id:string;
+import { EventEmitter } from 'events';
 
-        /**
-         * The index of the gamepad in the Navigator. When multiple gamepads are connected to a user agent, indices must be assigned on a first-come, first-serve basis, starting at zero. If a gamepad is disconnected, previously assigned indices must not be reassigned to gamepads that continue to be connected. However, if a gamepad is disconnected, and subsequently the same or a different gamepad is then connected, index entries must be reused.
-         * @readonly
-         */
-        index:number;
+declare const nodeGamepad: NodeGamepad;
+export = nodeGamepad;
 
-        /**
-         * Last time the data for this gamepad was updated. Timestamp is a monotonically increasing value that allows the author to determine if the axes and button data have been updated from the hardware, relative to a previously saved timestamp.
-         * @readonly
-         */
-        timestamp:number;
+interface NodeGamepad extends EventEmitter {
+    init(): void;
+    shutdown(): void;
+    numDevices(): number;
+    deviceAtIndex(deviceIndex: number): GamepadInstance;
+    detectDevices(): void;
+    processEvents(): void;
 
-        /**
-         * Array of values for all axes of the gamepad. All axis values must be linearly normalized to the range [-1.0 .. 1.0]. As appropriate, -1.0 should correspond to "up" or "left", and 1.0 should correspond to "down" or "right". Axes that are drawn from a 2D input device should appear next to each other in the axes array, X then Y. It is recommended that axes appear in decreasing order of importance, such that element 0 and 1 typically represent the X and Y axis of a directional stick.
-         * @readonly
-         */
-        axes:number[];
-
-        /**
-         * Array of values for all buttons of the gamepad. All button values must be linearly normalized to the range [0.0 .. 1.0]. 0.0 must mean fully unpressed, and 1.0 must mean fully pressed. It is recommended that buttons appear in decreasing importance such that the primary button, secondary button, tertiary button, and so on appear as elements 0, 1, 2, ... in the buttons array.
-         * @readonly
-         */
-        buttons:GamepadButton[];
-
-        /**
-         * Indicates whether the physical device represented by this object is still connected to the system. When a gamepad becomes unavailable, whether by being physically disconnected, powered off or otherwise unusable, the connected attribute must be set to false.
-         * @readonly
-         */
-        connected:boolean;
-
-        /**
-         * The mapping in use for this device. If the user agent has knowledge of the layout of the device, then it should indicate that a mapping is in use by setting this property to a known mapping name. Currently the only known mapping is "standard", which corresponds to the Standard Gamepad layout. If the user agent does not have knowledge of the device layout and is simply providing the controls as represented by the driver in use, then it must set the mapping property to an empty string.
-         * @readonly
-         */
-        mapping:string;
-    }
-
-    /**
-     *
-     */
-    export interface GamepadEvent extends Event{
-        /**
-         * The single gamepad attribute provides access to the associated gamepad data for this event.
-         * @readonly
-         */
-        gamepad:Gamepad;
-    }
-
-    export interface GamepadList{
-        [index: number]: Gamepad;
-        length: number;
-    }
-
-    export interface GamepadButton{
-        pressed: boolean;
-        value: number;
-    }
-
-    /*
-     * @event gamepadconnected
-     * A user agent must dispatch this event type to indicate the user has connected a gamepad. If a gamepad was already connected when the page was loaded, the gamepadconnected event will be dispatched when the user presses a button or moves an axis.
-     */
-
-    /*
-     * @event gamepaddisconnected
-     * When a gamepad is disconnected from the user agent, if the user agent has previously dispatched a gamepadconnected event, a gamepaddisconnected event must be dispatched.
-     */
+    on(event: 'attach', listener: (deviceID: number, device: GamepadInstance) => void): this;
+    on(event: 'remove', listener: (deviceID: number) => void): this;
+    on(event: 'down' | 'up', listener: (deviceID: number, buttonID: number, timestamp: number) => void): this;
+    on(event: 'move', listener: (deviceID: number, axisID: number, value: number, lastValue: number, timestamp: number) => void): this;
 }
 
-interface Navigator{
-    /**
-     * The currently connected and interacted-with gamepads. Gamepads must only appear in the list if they are currently connected to the user agent, and have been interacted with by the user. Otherwise, they must not appear in the list to avoid a malicious page from fingerprinting the user based on connected devices.
-     * @readonly
-     */
-    getGamepads(): Gamepad.Gamepad[];
-
-    webkitGetGamepads(): Gamepad.GamepadList;
-
-    // Not supported yet :(
-    //　mozGetGamepads(): Gamepad[];
+interface GamepadInstance {
+    deviceID: number;
+    description: string;
+    vendorID: number;
+    productID: number;
+    axisStates: number[];
+    buttonStates: boolean[];
 }
diff --git a/types/gamepad/tsconfig.json b/types/gamepad/tsconfig.json
index 4cb63f3d80..39d007a909 100644
--- a/types/gamepad/tsconfig.json
+++ b/types/gamepad/tsconfig.json
@@ -2,13 +2,12 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
-        "strictFunctionTypes": false,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -21,4 +20,4 @@
         "index.d.ts",
         "gamepad-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/gamepad/tslint.json b/types/gamepad/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/gamepad/tslint.json
+++ b/types/gamepad/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/gapi.auth2/gapi.auth2-tests.ts b/types/gapi.auth2/gapi.auth2-tests.ts
index 16818e414e..1fc03f7f4f 100644
--- a/types/gapi.auth2/gapi.auth2-tests.ts
+++ b/types/gapi.auth2/gapi.auth2-tests.ts
@@ -55,8 +55,8 @@ function test_render() {
   const success = (googleUser: gapi.auth2.GoogleUser): void => {
     console.log(googleUser);
   };
-  const failure = (): void => {
-    console.log('Failure callback');
+  const failure = (reason: { error: string }): void => {
+    console.log(`Failure callback: ${reason.error}`);
   };
 
   gapi.signin2.render('testId', {
diff --git a/types/gapi.auth2/index.d.ts b/types/gapi.auth2/index.d.ts
index fdb4c08cc3..bd40ce9650 100644
--- a/types/gapi.auth2/index.d.ts
+++ b/types/gapi.auth2/index.d.ts
@@ -349,7 +349,7 @@ declare namespace gapi.signin2 {
     /**
      * The callback function to call when sign-in fails (default: none).
      */
-    onfailure?(): void;
+    onfailure?(reason: { error: string }): void;
 
     /**
      * The package name of the Android app to install over the air. See
diff --git a/types/gapi.client.dfareporting/index.d.ts b/types/gapi.client.dfareporting/index.d.ts
index e8050193e4..8914fbb3e5 100644
--- a/types/gapi.client.dfareporting/index.d.ts
+++ b/types/gapi.client.dfareporting/index.d.ts
@@ -2237,7 +2237,7 @@ declare namespace gapi.client {
             /** Tag format type for the floodlight activity. If left blank, the tag format will default to HTML. */
             tagFormat?: string;
             /**
-             * Value of the cat= paramter in the floodlight tag, which the ad servers use to identify the activity. This is optional: if empty, a new tag string will
+             * Value of the cat= parameter in the floodlight tag, which the ad servers use to identify the activity. This is optional: if empty, a new tag string will
              * be generated for you. This string must be 1 to 8 characters long, with valid characters being [a-z][A-Z][0-9][-][ _ ]. This tag string must also be
              * unique among activities of the same activity group. This field is read-only after insertion.
              */
diff --git a/types/generic-pool/generic-pool-tests.ts b/types/generic-pool/generic-pool-tests.ts
index 09a1e611ea..4b8a69aa93 100644
--- a/types/generic-pool/generic-pool-tests.ts
+++ b/types/generic-pool/generic-pool-tests.ts
@@ -48,6 +48,7 @@ pool.use((conn: Connection) => 'test')
 
 pool.acquire()
     .then((conn: Connection) => {
+        console.log(pool.isBorrowedResource(conn));  // => true
         return pool.release(conn);
     }).then(() => {
         return pool.acquire(5);
diff --git a/types/generic-pool/index.d.ts b/types/generic-pool/index.d.ts
index e50682ab12..0fd1f58b4b 100644
--- a/types/generic-pool/index.d.ts
+++ b/types/generic-pool/index.d.ts
@@ -19,11 +19,12 @@ export class Pool<T> extends EventEmitter {
 
     start(): void;
     acquire(priority?: number): PromiseLike<T>;
-    release(resource: T): void;
-    destroy(resource: T): void;
+    release(resource: T): PromiseLike<void>;
+    destroy(resource: T): PromiseLike<void>;
     drain(): PromiseLike<void>;
     clear(): PromiseLike<void>;
     use<U>(cb: (resource: T) => U): PromiseLike<U>;
+    isBorrowedResource(resource: T): boolean;
 }
 
 export interface Factory<T> {
diff --git a/types/getenv/getenv-tests.ts b/types/getenv/getenv-tests.ts
new file mode 100644
index 0000000000..97d384cfa7
--- /dev/null
+++ b/types/getenv/getenv-tests.ts
@@ -0,0 +1,48 @@
+import * as getenv from 'getenv';
+import { UrlWithStringQuery } from 'url';
+
+getenv('FOO'); // $ExpectType string
+getenv('FOO', 'bar'); // $ExpectType string
+getenv('FOO', 123); // $ExpectError
+
+getenv.string('FOO'); // $ExpectType string
+getenv.string('FOO', 'bar'); // $ExpectType string
+getenv.string('FOO', 123); // $ExpectError
+
+getenv.array('FOO'); // $ExpectType string[]
+getenv.array('FOO', 'int'); // $ExpectType number[]
+
+getenv.bool('FOO'); // $ExpectType boolean
+getenv.bool('FOO', true); // $ExpectType boolean
+getenv.bool('FOO', 'true'); // $ExpectError
+
+getenv.int('FOO'); // $ExpectType number
+getenv.int('FOO', 123); // $ExpectType number
+getenv.int('FOO', '123'); // $ExpectError
+
+getenv.float('FOO'); // $ExpectType number
+getenv.float('FOO', 123.55); // $ExpectType number
+getenv.float('FOO', '123.55'); // $ExpectError
+
+getenv.boolish('FOO'); // $ExpectType boolean
+getenv.boolish('FOO', false); // $ExpectType boolean
+getenv.boolish('FOO', 'false'); // $ExpectError
+
+getenv.url('FOO'); // $ExpectType UrlWithStringQuery
+// tslint:disable-next-line:no-object-literal-type-assertion
+getenv.url('FOO', {} as UrlWithStringQuery); // $ExpectType UrlWithStringQuery
+getenv.url('FOO', {}); // $ExpectError
+
+getenv.array('FOO'); // $ExpectType string[]
+getenv.array('FOO', 'int'); // $ExpectType number[]
+getenv.array('FOO', 'int', [1]); // $ExpectType number[]
+getenv.array('FOO', 'int', ['bar']); // $ExpectError
+
+getenv.multi({ foo: 'BAR' }); // $ExpectType { foo: string; }
+getenv.multi({ foo: ['BAR', 'baz'] }); // $ExpectType { foo: string; }
+getenv.multi({ foo: ['BAR', 'baz', 'string'] }); // $ExpectType { foo: string; }
+getenv.multi({ foo: ['BAR', true, 'bool'] }); // $ExpectType { foo: boolean; }
+getenv.multi({ foo: ['BAR', 1.55, 'float'] }); // $ExpectType { foo: number; }
+// tslint:disable-next-line:no-object-literal-type-assertion
+getenv.multi({ foo: ['BAR', {} as UrlWithStringQuery, 'url'] }); // $ExpectType { foo: UrlWithStringQuery; }
+getenv.multi({ foo: ['BAR', 'baz', 'int'] }); // $ExpectError
diff --git a/types/getenv/index.d.ts b/types/getenv/index.d.ts
new file mode 100644
index 0000000000..1c171fa177
--- /dev/null
+++ b/types/getenv/index.d.ts
@@ -0,0 +1,148 @@
+// Type definitions for getenv 0.7
+// Project: https://github.com/ctavan/node-getenv
+// Definitions by: Ivan Pankratov <https://github.com/impankratov>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="node" />
+import { UrlWithStringQuery } from 'url';
+
+interface ParseMappings {
+    string: string;
+    int: number;
+    float: number;
+    bool: boolean;
+    boolish: boolean;
+    url: UrlWithStringQuery;
+}
+type ParseTypes = keyof ParseMappings;
+type ParseWithFallback = [string, ParseMappings['string']];
+type ParseWithType<T extends ParseTypes> = [string, ParseMappings[T], T];
+type ParseWithEachType =
+    | ParseWithType<'string'>
+    | ParseWithType<'int'>
+    | ParseWithType<'float'>
+    | ParseWithType<'bool'>
+    | ParseWithType<'boolish'>
+    | ParseWithType<'url'>;
+
+/**
+ * Alias for `env.string(name, [fallback])`
+ */
+declare function getenv(
+    name: string,
+    fallback?: string
+): ParseMappings['string'];
+
+declare namespace getenv {
+    /**
+     * Return as string.
+     */
+    function string(
+        name: string,
+        fallback?: ParseMappings['string']
+    ): ParseMappings['string'];
+
+    /**
+     * Return as integer number.
+     */
+    function int(
+        name: string,
+        fallback?: ParseMappings['int']
+    ): ParseMappings['int'];
+
+    /**
+     * Return as float number.
+     */
+    function float(
+        name: string,
+        fallback?: ParseMappings['float']
+    ): ParseMappings['float'];
+
+    /**
+     * Return as boolean. Only allows true/false as valid values.
+     */
+    function bool(
+        name: string,
+        fallback?: ParseMappings['bool']
+    ): ParseMappings['bool'];
+
+    /**
+     * Return as boolean. Allows true/false/1/0 as valid values.
+     */
+    function boolish(
+        name: string,
+        fallback?: ParseMappings['boolish']
+    ): ParseMappings['boolish'];
+
+    /**
+     * Split value of the environment variable at each comma and return the resulting array
+     * where each value has been typecast according to the `type` parameter. An array can be
+     * provided as `fallback`.
+     */
+    function array<T extends ParseTypes = 'string'>(
+        name: string,
+        type?: T,
+        fallback?: Array<ParseMappings[T]>
+    ): Array<ParseMappings[T]>;
+
+    /**
+     * Return a list of environment variables based on a spec:
+     * ```
+     *  var config = getenv.multi({
+     *    foo: "FOO", // throws if FOO doesn't exist
+     *    bar: ["BAR", "defaultval"], // set a default value
+     *    baz: ["BAZ", "defaultval", "string"], // parse into type
+     *    quux: ["QUUX", undefined, "int"] // parse & throw
+     *  });
+     * ```
+     */
+    function multi<
+        S extends {
+            [k: string]: string | ParseWithFallback | ParseWithEachType;
+        }
+    >(
+        spec: S
+    ): {
+        [P in keyof S]: S[P][2] extends ParseTypes
+            ? ParseMappings[S[P][2]]
+            : string
+    };
+
+    /**
+     * Return a parsed URL as per Node's `require("url").parse`. N.B `url` doesn't validate URLs, so be sure it includes a protocol or you'll get deeply weird results.
+     */
+    function url(
+        name: string,
+        fallback?: ParseMappings['url']
+    ): ParseMappings['url'];
+
+    /**
+     * Disallows fallbacks in environments where you don't want to rely on brittle development
+     * defaults (e.g production, integration testing). For example, to disable fallbacks if we
+     * indicate production via `NODE_ENV`:
+     * ```
+     *   if (process.env.NODE_ENV === 'production') {
+     *     getenv.disableFallbacks();
+     *   }
+     * ```
+     */
+    function disableFallbacks(): void;
+
+    /**
+     * Revert the effect of `disableFallbacks()`.
+     */
+    function enableFallbacks(): void;
+
+    /**
+     * `getenv` won't throw any error. If a fallback value is provided, that will be returned, else undefined is returned.
+     */
+    function disableErrors(): void;
+
+    /**
+     * Revert the effect of `disableErrors()`.
+     */
+    function enableErrors(): void;
+}
+
+export = getenv;
diff --git a/types/getenv/tsconfig.json b/types/getenv/tsconfig.json
new file mode 100644
index 0000000000..0d028c663c
--- /dev/null
+++ b/types/getenv/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": ["index.d.ts", "getenv-tests.ts"]
+}
diff --git a/types/getenv/tslint.json b/types/getenv/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/getenv/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/gh-pages/gh-pages-tests.ts b/types/gh-pages/gh-pages-tests.ts
new file mode 100644
index 0000000000..83f1de8721
--- /dev/null
+++ b/types/gh-pages/gh-pages-tests.ts
@@ -0,0 +1,15 @@
+import ghPages = require("gh-pages");
+
+const dir = "./";
+const emptyOptions = {};
+const callback = (err: any) => { };
+
+ghPages.publish(dir, callback);
+ghPages.publish(dir, emptyOptions, callback);
+
+ghPages.publish("dist", {
+    user: {
+        name: "Daniel",
+        email: "daniel@example.com"
+    }
+}, callback);
diff --git a/types/gh-pages/index.d.ts b/types/gh-pages/index.d.ts
new file mode 100644
index 0000000000..e88b679ce6
--- /dev/null
+++ b/types/gh-pages/index.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for gh-pages 2.0
+// Project: https://github.com/tschaub/gh-pages
+// Definitions by: Daniel Rosenwasser <https://github.com/DanielRosenwasser>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface PublishOptions {
+    add?: boolean;
+    branch?: string;
+    dest?: string;
+    dotfiles?: boolean;
+    git?: string;
+    message?: string;
+    only?: string;
+    push?: boolean;
+    remote?: string;
+    repo?: string;
+    silent?: boolean;
+    src?: string | string[];
+    tag?: string;
+    user?: null | {
+        name: string;
+        email: string
+    };
+}
+
+export function publish(
+    basePath: string,
+    callback: (err: any) => void): void;
+export function publish(
+    basePath: string,
+    config: PublishOptions,
+    callback?: (err: any) => void): void;
diff --git a/types/gh-pages/tsconfig.json b/types/gh-pages/tsconfig.json
new file mode 100644
index 0000000000..b3af10f940
--- /dev/null
+++ b/types/gh-pages/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "gh-pages-tests.ts"
+    ]
+}
diff --git a/types/gh-pages/tslint.json b/types/gh-pages/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/gh-pages/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/giraffe/index.d.ts b/types/giraffe/index.d.ts
index 6b88b5d4b8..abce777c20 100644
--- a/types/giraffe/index.d.ts
+++ b/types/giraffe/index.d.ts
@@ -145,7 +145,19 @@ declare namespace Giraffe {
 
   namespace Contrib {
 
-    class Controller extends Backbone.Events implements GiraffeObject {
+    class Controller implements GiraffeObject, Backbone.Events {
+      on(eventName: string, callback?: (...args: any[]) => void, context?: any);
+      on(eventMap: Backbone.EventsHash);
+      on(eventName: any, callback?: any, context?: any)
+      off(eventName?: string, callback?: (...args: any[]) => void, context?: any)
+      trigger(eventName: string, ...args: any[])
+      bind(eventName: string, callback: (...args: any[]) => void, context?: any)
+      unbind(eventName?: string, callback?: (...args: any[]) => void, context?: any)
+      once(events: string, callback: (...args: any[]) => void, context?: any): any;
+      listenTo(object: any, events: string, callback: (...args: any[]) => void): any;
+      listenToOnce(object: any, events: string, callback: (...args: any[]) => void): any;
+      stopListening(object?: any, events?: string, callback?: (...args: any[]) => void): any;
+
       app: App;
     }
 
diff --git a/types/git-rev-sync/git-rev-sync-tests.ts b/types/git-rev-sync/git-rev-sync-tests.ts
new file mode 100644
index 0000000000..380a1069ed
--- /dev/null
+++ b/types/git-rev-sync/git-rev-sync-tests.ts
@@ -0,0 +1,13 @@
+import * as gitRevSync from "git-rev-sync";
+
+gitRevSync.branch();
+gitRevSync.count();
+gitRevSync.date();
+gitRevSync.isDirty();
+gitRevSync.isTagDirty();
+gitRevSync.long();
+gitRevSync.message();
+gitRevSync.remoteUrl();
+gitRevSync.short();
+gitRevSync.short();
+gitRevSync.tag();
diff --git a/types/git-rev-sync/index.d.ts b/types/git-rev-sync/index.d.ts
new file mode 100644
index 0000000000..e982f6b9ff
--- /dev/null
+++ b/types/git-rev-sync/index.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for git-rev-sync 1.12
+// Project: https://github.com/kurttheviking/git-rev-sync-js
+// Definitions by: khoi-fish <https://github.com/khoi-fish>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export function short(filePath?: string, length?: number): string;
+export function long(filePath?: string): string;
+export function branch(branch?: string): void;
+export function count(): number;
+export function date(): Date;
+export function isDirty(): boolean;
+export function isTagDirty(): boolean;
+export function message(): string;
+export function remoteUrl(): string;
+export function tag(makeDirty?: boolean): string;
diff --git a/types/git-rev-sync/tsconfig.json b/types/git-rev-sync/tsconfig.json
new file mode 100644
index 0000000000..4ab561dfec
--- /dev/null
+++ b/types/git-rev-sync/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "git-rev-sync-tests.ts"]
+}
diff --git a/types/git-rev-sync/tslint.json b/types/git-rev-sync/tslint.json
new file mode 100644
index 0000000000..1bec602599
--- /dev/null
+++ b/types/git-rev-sync/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "dt-header": true
+    }
+}
diff --git a/types/git-root-dir/git-root-dir-tests.ts b/types/git-root-dir/git-root-dir-tests.ts
new file mode 100644
index 0000000000..381f565d36
--- /dev/null
+++ b/types/git-root-dir/git-root-dir-tests.ts
@@ -0,0 +1,5 @@
+import gitRootDir = require('git-root-dir');
+
+gitRootDir('../').then(rootDir => {
+  // do something
+});
diff --git a/types/git-root-dir/index.d.ts b/types/git-root-dir/index.d.ts
new file mode 100644
index 0000000000..4e3b1e5893
--- /dev/null
+++ b/types/git-root-dir/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for git-root-dir 1.0
+// Project: https://github.com/luftywiranda13/git-root-dir#readme
+// Definitions by: Florian Keller <https://github.com/ffflorian>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function gitRootDir(cwd?: string): Promise<string | null>;
+
+export = gitRootDir;
diff --git a/types/git-root-dir/tsconfig.json b/types/git-root-dir/tsconfig.json
new file mode 100644
index 0000000000..6b1a76d07c
--- /dev/null
+++ b/types/git-root-dir/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "git-root-dir-tests.ts"
+    ]
+}
diff --git a/types/git-root-dir/tslint.json b/types/git-root-dir/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/git-root-dir/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/gitconfiglocal/gitconfiglocal-tests.ts b/types/gitconfiglocal/gitconfiglocal-tests.ts
new file mode 100644
index 0000000000..2cf174b855
--- /dev/null
+++ b/types/gitconfiglocal/gitconfiglocal-tests.ts
@@ -0,0 +1,21 @@
+import gitconfig = require('gitconfiglocal');
+
+gitconfig('dir', (error, config) => {
+  if (error) {
+    // oh no
+    return;
+  }
+
+  const url = config.remote;
+  const filemode = config.core.filemode;
+});
+
+gitconfig('dir', {gitDir: './'}, (error, config) => {
+  if (error) {
+    // oh no
+    return;
+  }
+
+  const url = config.remote.origin.url;
+  const filemode = config.core.filemode;
+});
diff --git a/types/gitconfiglocal/index.d.ts b/types/gitconfiglocal/index.d.ts
new file mode 100644
index 0000000000..93bc326939
--- /dev/null
+++ b/types/gitconfiglocal/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for gitconfiglocal 2.0
+// Project: https://github.com/soldair/node-gitconfiglocal#readme
+// Definitions by: Florian Keller <https://github.com/ffflorian>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+declare namespace gitconfig {
+    interface GitConfig {
+        [key: string]: any;
+    }
+
+    type callback = (error: Error | false, config: GitConfig) => void;
+
+    interface Options {
+        gitDir?: string;
+    }
+}
+
+declare function gitconfig(dir: string, options: gitconfig.Options, cb: gitconfig.callback): void;
+declare function gitconfig(dir: string, cb: gitconfig.callback): void;
+
+export = gitconfig;
diff --git a/types/gitconfiglocal/tsconfig.json b/types/gitconfiglocal/tsconfig.json
new file mode 100644
index 0000000000..6ec538a46d
--- /dev/null
+++ b/types/gitconfiglocal/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "gitconfiglocal-tests.ts"
+    ]
+}
diff --git a/types/gitconfiglocal/tslint.json b/types/gitconfiglocal/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/gitconfiglocal/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/gitlab/ApiBase.d.ts b/types/gitlab/ApiBase.d.ts
deleted file mode 100644
index 7187ce4352..0000000000
--- a/types/gitlab/ApiBase.d.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ApiBaseOptions } from './ApiBase';
-import { Labels } from './Models/Labels';
-import { Users } from './Models/Users';
-import { Notes } from './Models/Notes';
-import { Issues } from './Models/Issues';
-import { Projects } from './Models/Projects';
-import { Groups } from './Models/Groups';
-
-export interface ApiBaseOptions {
-    url?: string;
-    token?: string;
-    oauth_token?: string;
-    base_url?: string;
-    auth?: any;
-    [key: string]: any;
-}
-
-export class ApiBase {
-    constructor(options: ApiBaseOptions);
-    readonly client: this;
-    readonly groups: Groups
-    readonly projects: Projects
-    readonly issues: Issues
-    readonly notes: Notes
-    readonly users: Users
-    readonly labels: Labels
-    options: ApiBaseOptions;
-
-    handleOptions(): void;
-    init(): object;
-}
diff --git a/types/gitlab/ApiBaseHTTP.d.ts b/types/gitlab/ApiBaseHTTP.d.ts
deleted file mode 100644
index 7ed5fb0d69..0000000000
--- a/types/gitlab/ApiBaseHTTP.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ApiBase } from './ApiBase';
-
-export class ApiBaseHTTP extends ApiBase {
-    prepare_opts<T>(opts: T): T;
-    fn_wrapper<T extends Function>(fn: T): T;
-    get(path: string, fn?: Function): any;
-    get(path: string, query?: object, fn?: Function): any;
-    delete(path: string, fn?: Function): any;
-    post(path: string, data?: object, fn?: Function): any;
-    put(path: string, data?: object, fn?: Function): any;
-    patch(path: string, data?: object, fn?: Function): any;
-}
diff --git a/types/gitlab/ApiV3.d.ts b/types/gitlab/ApiV3.d.ts
deleted file mode 100644
index bd3d02557b..0000000000
--- a/types/gitlab/ApiV3.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ApiBaseHTTP } from './ApiBaseHTTP';
-
-export class ApiV3 extends ApiBaseHTTP {
-
-}
diff --git a/types/gitlab/BaseModel.d.ts b/types/gitlab/BaseModel.d.ts
deleted file mode 100644
index ca6eb4e7c6..0000000000
--- a/types/gitlab/BaseModel.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export class BaseModel {
-    load(model: string): object;
-    get(path: string, fn?: Function): any;
-    get(path: string, query?: object, fn?: Function): any;
-    delete(path: string, fn?: Function): any;
-    post(path: string, data?: object, fn?: Function): any;
-    put(path: string, data?: object, fn?: Function): any;
-    patch(path: string, data?: object, fn?: Function): any;
-}
-
-export interface DefParams {
-    page?: number;
-    per_page?: number;
-    [key: string]: any;
-}
-
-export type TId = number | string;
diff --git a/types/gitlab/Models/Groups.d.ts b/types/gitlab/Models/Groups.d.ts
deleted file mode 100644
index 1b528039f0..0000000000
--- a/types/gitlab/Models/Groups.d.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { BaseModel, DefParams } from "../BaseModel";
-
-interface IAccessLevels {
-    GUEST: number
-    REPORTER: number
-    DEVELOPER: number
-    MASTER: number
-    OWNER: number
-}
-
-export class Groups extends BaseModel {
-    readonly access_levels: IAccessLevels;
-
-    init(): object;
-    all(fn?: Function): any;
-    all(params?: DefParams, fn?: Function): any;
-    show(groupId: number, fn?: Function): any;
-    listProjects(groupId: number, fn?: Function): any;
-    listMembers(groupId: number, fn?: Function): any;
-    addMember(groupId: number, userId: number, accessLevel: IAccessLevels[keyof IAccessLevels], fn?: Function): any;
-    editMember(groupId: number, userId: number, accessLevel: IAccessLevels[keyof IAccessLevels], fn?: Function): any;
-    removeMember(groupId: number, userId: number, fn?: Function): any;
-    create(params?: object, fn?: Function): any;
-    addProject(groupId: number, projectId: number, fn?: Function): any;
-    deleteGroup(groupId: number, fn?: Function): any;
-    search(nameOrPath: string, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/IssueNotes.d.ts b/types/gitlab/Models/IssueNotes.d.ts
deleted file mode 100644
index de1821b1df..0000000000
--- a/types/gitlab/Models/IssueNotes.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { BaseModel, TId, DefParams } from '../BaseModel';
-
-export class IssueNotes extends BaseModel{
-    all(projectId: TId, issueId: number, fn?: Function): any
-    all(projectId: TId, issueId: number, params?: DefParams, fn?: Function): any
-}
diff --git a/types/gitlab/Models/Issues.d.ts b/types/gitlab/Models/Issues.d.ts
deleted file mode 100644
index e751b6a002..0000000000
--- a/types/gitlab/Models/Issues.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-export class Issues extends BaseModel {
-    all(fn?: Function): any;
-    all(params?: object, fn?: Function): any;
-    show(projectId: TId, issueId: TId, fn?: Function): any;
-    create(projectId: TId, params?: object, fn?: Function): any;
-    edit(projectId: TId, issueId: TId, params?: object, fn?: Function): any;
-    remove(projectId: TId, issueId: TId, fn?: Function): any;
-    subscribe(projectId: TId, issueId: TId, params?: object, fn?: Function): any;
-    unsubscribe(projectId: TId, issueId: TId, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/Labels.d.ts b/types/gitlab/Models/Labels.d.ts
deleted file mode 100644
index 63f1110b4d..0000000000
--- a/types/gitlab/Models/Labels.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-export class Labels extends BaseModel {
-    create(projectId: TId, params?: object, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/Notes.d.ts b/types/gitlab/Models/Notes.d.ts
deleted file mode 100644
index 95b9cd623e..0000000000
--- a/types/gitlab/Models/Notes.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-export class Notes extends BaseModel {
-    create(projectId: TId, issueId: number, params?: object, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/Pipelines.d.ts b/types/gitlab/Models/Pipelines.d.ts
deleted file mode 100644
index f65a9e7d25..0000000000
--- a/types/gitlab/Models/Pipelines.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-export class Pipelines extends BaseModel {
-    all(projectId: TId, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectBuilds.d.ts b/types/gitlab/Models/ProjectBuilds.d.ts
deleted file mode 100644
index df7c33c32a..0000000000
--- a/types/gitlab/Models/ProjectBuilds.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { BaseModel, TId, DefParams } from '../BaseModel';
-
-interface IShowBuildParam {
-    projectId: TId;
-    [key: string]: any;
-}
-
-export class ProjectBuilds extends BaseModel {
-    listBuilds(projectId: TId, fn?: Function): any;
-    listBuilds(projectId: TId, params?: DefParams, fn?: Function): any;
-    showBuild(projectId: TId, buildId: string, fn?: Function): any;
-    triggerBuild(params?: IShowBuildParam, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectDeployKeys.d.ts b/types/gitlab/Models/ProjectDeployKeys.d.ts
deleted file mode 100644
index 3be9d66bc4..0000000000
--- a/types/gitlab/Models/ProjectDeployKeys.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-export class ProjectKeys extends BaseModel {
-    listKeys(projectId: TId, fn?: Function): any;
-    getKey(projectId: TId, keyId: number, fn?: Function): any;
-    addKey(projectId: TId, params?: object, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectHooks.d.ts b/types/gitlab/Models/ProjectHooks.d.ts
deleted file mode 100644
index ce0878eec9..0000000000
--- a/types/gitlab/Models/ProjectHooks.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-interface IAddParam {
-    url: string;
-    [key: string]: any;
-}
-
-type HooksCb = (hooks: any[]) => any;
-
-export class ProjectHooks extends BaseModel {
-    list(projectId: TId, fn?: HooksCb): any;
-    show(projectId: TId, hookId: number, fn?: Function): any;
-    add(projectId: TId, params: IAddParam | string, fn?: Function): any;
-    update(projectId: TId, hookId: number, url: string, fn?: Function): any;
-    remove(projectId: TId, hookId: number, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectIssues.d.ts b/types/gitlab/Models/ProjectIssues.d.ts
deleted file mode 100644
index 8f7fc439a6..0000000000
--- a/types/gitlab/Models/ProjectIssues.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { IssueNotes } from './IssueNotes';
-import { BaseModel, TId, DefParams } from '../BaseModel';
-
-export class ProjectIssues extends BaseModel {
-    readonly notes: IssueNotes;
-
-    list(projectId: TId, fn?: Function): any;
-    list(projectId: TId, params?: DefParams, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectLabels.d.ts b/types/gitlab/Models/ProjectLabels.d.ts
deleted file mode 100644
index 2f6ca1dabc..0000000000
--- a/types/gitlab/Models/ProjectLabels.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { BaseModel, TId, DefParams } from '../BaseModel';
-
-export class ProjectLabels extends BaseModel {
-    all(projectId: TId, fn?: Function): any;
-    all(projectId: TId, params?: DefParams, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectMembers.d.ts b/types/gitlab/Models/ProjectMembers.d.ts
deleted file mode 100644
index 25aa87332a..0000000000
--- a/types/gitlab/Models/ProjectMembers.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-type MenberCb = (menber: any) => any;
-type MenbersCb = (menbers: any[]) => any;
-
-export class ProjectMembers extends BaseModel {
-    list(projectId: TId, fn?: MenbersCb): any;
-    show(projectId: TId, userId: number, fn?: MenberCb): any;
-    add(projectId: TId, userId: number, accessLevel: number,fn?: Function): any;
-    update(projectId: TId, userId: number, accessLevel: number, fn?: Function): any;
-    remove(projectId: TId, userId: number, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectMergeRequests.d.ts b/types/gitlab/Models/ProjectMergeRequests.d.ts
deleted file mode 100644
index 37b2ab33e6..0000000000
--- a/types/gitlab/Models/ProjectMergeRequests.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { BaseModel, TId, DefParams } from '../BaseModel';
-
-export class ProjectMergeRequests extends BaseModel {
-    list(projectId: TId, fn?: Function): any;
-    list(projectId: TId, params?: DefParams, fn?: Function): any;
-    show(projectId: TId, mergerequestId: number, fn?: Function): any;
-    add(projectId: TId, sourceBranch: string, targetBranch: string, assigneeId: number, title: string, fn?: Function): any;
-    update(projectId: TId, mergerequestId: number, params: object, fn?: Function): any;
-    comment(projectId: TId, mergerequestId: number, note: any, fn?: Function): any;
-    merge(projectId: TId, mergerequestId: number, params: object, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectMilestones.d.ts b/types/gitlab/Models/ProjectMilestones.d.ts
deleted file mode 100644
index d36d1c016a..0000000000
--- a/types/gitlab/Models/ProjectMilestones.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-type MilestonesCb = (milestones: any[]) => any;
-type MilestoneCb = (milestones: any) => any;
-
-export class ProjectMilestones extends BaseModel {
-    list(projectId: TId, fn?: MilestonesCb): any;
-    all(projectId: TId, fn?: MilestonesCb): any;
-    show(projectId: TId, milestoneId: number, fn?: MilestoneCb): any;
-    add(projectId: TId, title: string, description: string, due_date: any, fn?: Function): any;
-    update(projectId: TId, milestoneId: number, title: string, description: string, due_date: any, state_event: any, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectRepository.d.ts b/types/gitlab/Models/ProjectRepository.d.ts
deleted file mode 100644
index 7bef1b6212..0000000000
--- a/types/gitlab/Models/ProjectRepository.d.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { BaseModel, TId } from '../BaseModel';
-
-interface ShowFileParams {
-    file_path: string;
-    ref?: any;
-    file_id?: any;
-    [key: string]: any;
-}
-
-interface AddTagParams {
-    id: TId;
-    tag_name: string;
-    ref: string;
-    message?: string;
-    release_description?: string;
-}
-
-export class ProjectRepository extends BaseModel {
-    listBranches(projectId: TId, fn?: Function): any;
-    showBranch(projectId: TId, branchId: string, fn?: Function): any;
-    protectBranch(projectId: TId, branchId: string, params: object, fn?: Function): any;
-    unprotectBranch(projectId: TId, branchId: string, fn?: Function): any;
-    createBranch(params: object, fn?: Function): any;
-    deleteBranch(projectId: TId, branchId: string, fn?: Function): any;
-    addTag(params: AddTagParams, fn?: Function): any;
-    deleteTag(projectId: TId, tagName: string, fn?: Function): any;
-    showTag(projectId: TId, tagName: string, fn?: Function): any;
-    listTags(projectId: TId, fn?: Function): any;
-    listCommits(projectId: TId, fn?: Function): any;
-    showCommit(projectId: TId, sha: string, fn?: Function): any;
-    diffCommit(projectId: TId, sha: string, fn?: Function): any;
-    listTree(projectId: TId, fn?: Function): any;
-    listTree(projectId: TId, params?: object, fn?: Function): any;
-    showFile(projectId: TId, fn?: Function): any;
-    showFile(projectId: TId, params?: ShowFileParams, fn?: Function): any;
-    createFile(params?: object, fn?: Function): any;
-    updateFile(params?: object, fn?: Function): any;
-    compare(params?: object, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/ProjectServices.d.ts b/types/gitlab/Models/ProjectServices.d.ts
deleted file mode 100644
index 25c59ae400..0000000000
--- a/types/gitlab/Models/ProjectServices.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { BaseModel, TId } from './../BaseModel';
-
-type ServiceCb = (service: any) => any;
-
-export class ProjectServices extends BaseModel {
-    show(projectId: TId, serviceName: string, fn?: ServiceCb): any;
-    update(projectId: TId, serviceName: string, params: object, fn?: ServiceCb): any;
-    remove(projectId: TId, serviceName: string, fn?: ServiceCb): any;
-}
diff --git a/types/gitlab/Models/Projects.d.ts b/types/gitlab/Models/Projects.d.ts
deleted file mode 100644
index 9ba8faa551..0000000000
--- a/types/gitlab/Models/Projects.d.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Runners } from './Runners';
-import { Pipelines } from './Pipelines';
-import { ProjectBuilds } from './ProjectBuilds';
-import { ProjectMergeRequests } from './ProjectMergeRequests';
-import { ProjectKeys } from './ProjectDeployKeys';
-import { ProjectMilestones } from './ProjectMilestones';
-import { ProjectRepository } from './ProjectRepository';
-import { ProjectLabels } from './ProjectLabels';
-import { ProjectIssues } from './ProjectIssues';
-import { ProjectHooks } from './ProjectHooks';
-import { ProjectMembers } from './ProjectMembers';
-import { BaseModel, DefParams, TId } from '../BaseModel';
-import { ProjectServices } from './ProjectServices';
-
-type ProjectsCb = (projects: any[]) => any;
-
-export class Projects extends BaseModel {
-
-    readonly members: ProjectMembers;
-    readonly hooks: ProjectHooks;
-    readonly issues: ProjectIssues;
-    readonly labels: ProjectLabels;
-    readonly repository: ProjectRepository;
-    readonly milestones: ProjectMilestones;
-    readonly deploy_keys: ProjectKeys;
-    readonly merge_requests: ProjectMergeRequests;
-    readonly services: ProjectServices;
-    readonly builds: ProjectBuilds;
-    readonly pipelines: Pipelines;
-    readonly runners: Runners;
-
-
-    all(fn?: ProjectsCb): any;
-    all(params?: DefParams, fn?: ProjectsCb): any;
-    allAdmin(fn?: Function): any;
-    allAdmin(params?: DefParams, fn?: Function): any;
-    show(projectId: TId, fn?: Function): any;
-    create(params: object, fn?: Function): any;
-    create_for_user(params: object, fn?: Function): any;
-    edit(projectId: TId, params: object, fn?: Function): any;
-    addMember(params?: object, fn?: Function): any;
-    editMember(params?: object, fn?: Function): any;
-    listMembers(params?: object, fn?: Function): any;
-    listCommits(params?: object, fn?: Function): any;
-    listTags(params?: object, fn?: Function): any;
-    remove(projectId: TId, fn?: Function): any;
-    fork(params?: object, fn?: Function): any;
-    share(params?: object, fn?: Function): any;
-    search(projectName: string, fn?: Function): any;
-    search(projectName: string, params?: object, fn?: Function): any;
-    listTriggers(projectId: TId, fn?: Function): any;
-    showTrigger(projectId: TId, token: string, fn?: Function): any;
-    createTrigger(params?: object, fn?: Function): any;
-    removeTrigger(projectId: TId, token: string, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/Runners.d.ts b/types/gitlab/Models/Runners.d.ts
deleted file mode 100644
index 1656fe0c5d..0000000000
--- a/types/gitlab/Models/Runners.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { BaseModel, DefParams, TId } from '../BaseModel';
-
-export class Runners extends BaseModel {
-    all(projectId?: TId, fn?: Function): any;
-    all(projectId?: TId, params?: object, fn?: Function): any;
-    show(runnerId: number, fn?: Function): any;
-    update(runnerId: number, attributes: any, fn?: Function): any;
-    remove(runnerId: number, projectId: any, enable: any, fn?: Function): any;
-    enable(projectId: TId, runnerId: number, fn?: Function): any;
-    disable(projectId: TId, runnerId: number, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/UserKeys.d.ts b/types/gitlab/Models/UserKeys.d.ts
deleted file mode 100644
index 5182b5a2d1..0000000000
--- a/types/gitlab/Models/UserKeys.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { BaseModel, DefParams, TId } from '../BaseModel';
-
-export class UserKeys extends BaseModel {
-    all(userId?: TId, fn?: Function): any;
-    addKey(userId: string, title: string, key: any, fn?: Function): any;
-}
diff --git a/types/gitlab/Models/Users.d.ts b/types/gitlab/Models/Users.d.ts
deleted file mode 100644
index e4572ac659..0000000000
--- a/types/gitlab/Models/Users.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { BaseModel, DefParams, TId } from '../BaseModel';
-import { UserKeys } from './UserKeys';
-
-type UsersCb = (users: any[]) => any;
-type UserCb = (user: any) => any;
-
-export class Users extends BaseModel {
-    readonly keys: UserKeys;
-
-    all(fn?: UsersCb): any;
-    all(params?: DefParams, fn?: UsersCb): any;
-    current(fn?: Function): any;
-    show(userId: number, fn?: UserCb): any;
-    create(params?: DefParams, fn?: Function): any;
-    session(email: string, password: string, fn?: Function): any;
-    search(emailOrUsername: string, fn?: Function): any;
-}
diff --git a/types/gitlab/gitlab-tests.ts b/types/gitlab/gitlab-tests.ts
deleted file mode 100644
index 00ab2c761e..0000000000
--- a/types/gitlab/gitlab-tests.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as lib from "gitlab";
-
-const gitlab = lib({
-    url:   'http://example.com',
-    token: 'abcdefghij123456'
-});
-
-const v3 = new lib.ApiV3({ });
-
-// From README
-
-// Listing users
-gitlab.users.all((users) => { });
-
-// Listing projects
-gitlab.projects.all((projects) => { });
-
-// From examples/delet-service
-
-gitlab.projects.services.remove("pid", "name", (service) => { });
diff --git a/types/gitlab/index.d.ts b/types/gitlab/index.d.ts
deleted file mode 100644
index 1ff52505ee..0000000000
--- a/types/gitlab/index.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// Type definitions for gitlab 1.8
-// Project: https://github.com/node-gitlab/node-gitlab#readme
-// Definitions by: sam <https://github.com/yanqing6628780>
-//                 AryloYeung <https://github.com/Arylo>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
-
-import { ApiV3 } from "./ApiV3";
-import { ApiBaseOptions } from "./ApiBase";
-
-declare namespace Gitlib {
-    const ApiV3: new(options: ApiBaseOptions) => ApiV3;
-}
-
-declare function Gitlib(options: ApiBaseOptions): ApiV3;
-
-export = Gitlib;
diff --git a/types/gl-matrix/gl-matrix-tests.ts b/types/gl-matrix/gl-matrix-tests.ts
index 6894cabbd9..36700536cd 100644
--- a/types/gl-matrix/gl-matrix-tests.ts
+++ b/types/gl-matrix/gl-matrix-tests.ts
@@ -251,7 +251,7 @@ outMat3 = mat3.adjoint(outMat3, mat3A);
 outVal = mat3.determinant(mat3A);
 outMat3 = mat3.multiply(outMat3, mat3A, mat3B);
 outMat3 = mat3.mul(outMat3, mat3A, mat3B);
-outMat3 = mat3.translate(outMat3, mat3A, vec3A);
+outMat3 = mat3.translate(outMat3, mat3A, vec2A);
 outMat3 = mat3.rotate(outMat3, mat3A, Math.PI/2);
 outMat3 = mat3.scale(outMat3, mat3A, vec2A);
 outMat3 = mat3.fromTranslation(outMat3, vec2A);
@@ -614,7 +614,7 @@ outMat3 = _mat3.adjoint(outMat3, mat3A);
 outVal = _mat3.determinant(mat3A);
 outMat3 = _mat3.multiply(outMat3, mat3A, mat3B);
 outMat3 = _mat3.mul(outMat3, mat3A, mat3B);
-outMat3 = _mat3.translate(outMat3, mat3A, vec3A);
+outMat3 = _mat3.translate(outMat3, mat3A, vec2A);
 outMat3 = _mat3.rotate(outMat3, mat3A, Math.PI/2);
 outMat3 = _mat3.scale(outMat3, mat3A, vec2A);
 outMat3 = _mat3.fromTranslation(outMat3, vec2A);
diff --git a/types/gl-matrix/index.d.ts b/types/gl-matrix/index.d.ts
index 3dc8060aed..8d2d522ddc 100644
--- a/types/gl-matrix/index.d.ts
+++ b/types/gl-matrix/index.d.ts
@@ -2036,7 +2036,7 @@ declare module 'gl-matrix' {
          * @param v vector to translate by
          * @returns out
          */
-        public static translate(out: mat3, a: mat3, v: vec3 | number[]): mat3;
+        public static translate(out: mat3, a: mat3, v: vec2 | number[]): mat3;
 
         /**
          * Rotates a mat3 by the given angle
diff --git a/types/gl-react-dom/GLViewDOM.d.ts b/types/gl-react-dom/GLViewDOM.d.ts
new file mode 100644
index 0000000000..8450a16a00
--- /dev/null
+++ b/types/gl-react-dom/GLViewDOM.d.ts
@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+export type SupportedImage = 'image/png' | 'image/jpeg' | 'image/bmp' | 'image/webp' | 'image/ico';
+export type ValidQuality = 0.0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1.0;
+
+export interface GLViewDOMProps {
+  onContextCreate: (gl: WebGLRenderingContext) => void;
+  onContextFailure: (e: Error) => void;
+  onContextLost: () => void;
+  onContextRestored: (gl: WebGLRenderingContext) => void;
+  webglContextAttributes?: WebGLContextAttributes;
+  pixelRatio?: number;
+  width: number;
+  height: number;
+  style?: any;
+  debug?: number;
+}
+
+export interface GLViewDOMState {
+  error: Error;
+}
+
+export class GLViewDOM extends React.Component<GLViewDOMProps, GLViewDOMState> {
+  onRef: (ref: HTMLCanvasElement) => void;
+  debugError?: (error: Error) => void;
+  afterDraw?: () => void;
+  captureAsDataURL(type?: SupportedImage, quality?: ValidQuality): string;
+  captureAsBlob(callback: (data: Blob) => void, type?: SupportedImage, quality?: ValidQuality): Promise<Blob>;
+  webglContextAttributes: WebGLContextAttributes;
+  canvas?: HTMLCanvasElement;
+  gl?: WebGLRenderingContext;
+}
diff --git a/types/gl-react-dom/index.d.ts b/types/gl-react-dom/index.d.ts
new file mode 100644
index 0000000000..2f10c6439a
--- /dev/null
+++ b/types/gl-react-dom/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for gl-react-dom 3.15
+// Project: https://github.com/gre/gl-react
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as glReact from 'gl-react';
+import { GLViewDOM, GLViewDOMProps } from './GLViewDOM';
+
+export interface SurfaceProps extends glReact.SurfaceProps, GLViewDOMProps {}
+
+export class Surface extends glReact.Surface<GLViewDOM> {
+  props: SurfaceProps;
+}
diff --git a/types/gl-react-dom/tsconfig.json b/types/gl-react-dom/tsconfig.json
new file mode 100644
index 0000000000..9c4d38ca44
--- /dev/null
+++ b/types/gl-react-dom/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "files": [
+    "index.d.ts"
+  ],
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/types/gl-react-dom/tslint.json b/types/gl-react-dom/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/gl-react-dom/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/gl-react-expo/GLViewNative.d.ts b/types/gl-react-expo/GLViewNative.d.ts
new file mode 100644
index 0000000000..4f0270dd68
--- /dev/null
+++ b/types/gl-react-expo/GLViewNative.d.ts
@@ -0,0 +1,17 @@
+import * as React from 'react';
+// Re-add this after fixing react-native types, and update it to ref's below
+// import { GLView as EXGLView } from 'expo';
+
+export interface GLViewNativeProps {
+  onContextCreate: (gl: WebGLRenderingContext) => void;
+  style?: any;
+  children?: any;
+}
+
+export class GLViewNative extends React.Component<GLViewNativeProps> {
+  afterDraw?: () => void;
+  ref?: any;
+  onRef: (ref: any) => void;
+  onContextCreate: (gl: WebGLRenderingContext) => void;
+  capture(opt: any): Promise<{ uri: string, localUri: string, width: number, height: number }>;
+}
diff --git a/types/gl-react-expo/index.d.ts b/types/gl-react-expo/index.d.ts
new file mode 100644
index 0000000000..d714aaf29e
--- /dev/null
+++ b/types/gl-react-expo/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for gl-react-expo 3.16
+// Project: https://github.com/gre/gl-react
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as glReact from 'gl-react';
+import { GLViewNative, GLViewNativeProps } from './GLViewNative';
+
+export interface SurfaceProps extends glReact.SurfaceProps, GLViewNativeProps {}
+
+export class Surface extends glReact.Surface<GLViewNative> {
+  props: SurfaceProps;
+}
diff --git a/types/gl-react-expo/tsconfig.json b/types/gl-react-expo/tsconfig.json
new file mode 100644
index 0000000000..9c4d38ca44
--- /dev/null
+++ b/types/gl-react-expo/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "files": [
+    "index.d.ts"
+  ],
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/types/gl-react-expo/tslint.json b/types/gl-react-expo/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/gl-react-expo/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/gl-react-headless/GLViewHeadless.d.ts b/types/gl-react-headless/GLViewHeadless.d.ts
new file mode 100644
index 0000000000..a94c1f9769
--- /dev/null
+++ b/types/gl-react-headless/GLViewHeadless.d.ts
@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+export interface GLViewHeadlessProps {
+  onContextCreate: (gl: WebGLRenderingContext) => void;
+  onContextFailure: (e: Error) => void;
+  onContextLost: () => void;
+  onContextRestored: (gl: WebGLRenderingContext) => void;
+  webglContextAttributes?: WebGLContextAttributes;
+  pixelRatio?: number;
+  width: number;
+  height: number;
+}
+
+export class GLViewHeadless extends React.Component<GLViewHeadlessProps> {
+  onRef: (ref: HTMLCanvasElement) => void;
+  captureAsDataURL(): string;
+  captureAsBlob(): Promise<Blob>;
+  simulateContextLost(): void;
+  simulateContextRestored(): void;
+  webglContextAttributes: WebGLContextAttributes;
+  canvas?: HTMLCanvasElement;
+  gl?: WebGLRenderingContext;
+}
diff --git a/types/gl-react-headless/index.d.ts b/types/gl-react-headless/index.d.ts
new file mode 100644
index 0000000000..fe8b4648a1
--- /dev/null
+++ b/types/gl-react-headless/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for gl-react-headless 3.15
+// Project: https://github.com/gre/gl-react
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as glReact from 'gl-react';
+import { GLViewHeadless, GLViewHeadlessProps } from './GLViewHeadless';
+
+export interface SurfaceProps extends glReact.SurfaceProps, GLViewHeadlessProps {}
+
+export class Surface extends glReact.Surface<GLViewHeadless> {
+  props: SurfaceProps;
+}
diff --git a/types/gl-react-headless/tsconfig.json b/types/gl-react-headless/tsconfig.json
new file mode 100644
index 0000000000..9c4d38ca44
--- /dev/null
+++ b/types/gl-react-headless/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "files": [
+    "index.d.ts"
+  ],
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/types/gl-react-headless/tslint.json b/types/gl-react-headless/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/gl-react-headless/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/gl-react-native/GLViewNative.d.ts b/types/gl-react-native/GLViewNative.d.ts
new file mode 100644
index 0000000000..0a780d3aa7
--- /dev/null
+++ b/types/gl-react-native/GLViewNative.d.ts
@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+export interface GLViewNativeProps {
+  onContextCreate: (gl: WebGLRenderingContext) => void;
+  onContextFailure: (e: Error) => void;
+  style?: any;
+  children?: any;
+}
+
+export class GLViewNative extends React.Component<GLViewNativeProps> {
+  afterDraw?: () => void;
+}
diff --git a/types/gl-react-native/index.d.ts b/types/gl-react-native/index.d.ts
new file mode 100644
index 0000000000..8f0c38a96d
--- /dev/null
+++ b/types/gl-react-native/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for gl-react-native 3.15
+// Project: https://github.com/gre/gl-react
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as glReact from 'gl-react';
+import { GLViewNative, GLViewNativeProps } from './GLViewNative';
+
+export interface SurfaceProps extends glReact.SurfaceProps, GLViewNativeProps {}
+
+export class Surface extends glReact.Surface<GLViewNative> {
+  props: SurfaceProps;
+}
diff --git a/types/gl-react-native/tsconfig.json b/types/gl-react-native/tsconfig.json
new file mode 100644
index 0000000000..9c4d38ca44
--- /dev/null
+++ b/types/gl-react-native/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "files": [
+    "index.d.ts"
+  ],
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/types/gl-react-native/tslint.json b/types/gl-react-native/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/gl-react-native/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/gl-react/index.d.ts b/types/gl-react/index.d.ts
new file mode 100644
index 0000000000..e1332fd964
--- /dev/null
+++ b/types/gl-react/index.d.ts
@@ -0,0 +1,216 @@
+// Type definitions for gl-react 3.15
+// Project: https://github.com/gre/gl-react
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+export type Vec2 = [number, number];
+export type Vec4 = [number, number, number, number];
+
+export interface BusProps {
+  children?: any;
+  uniform?: string;
+  index: number;
+}
+
+export class Bus extends React.Component<BusProps> {
+  id: number;
+  context: { glParent: Surface<any> | Node, glSurface: Surface<any> };
+  dependents: Array<Node | Surface<any>>;
+  glNode?: Node;
+  glBusRootNode: any;
+
+  static defaultProps: BusProps;
+  static contextTypes: { glParent: any, glSurface: any };
+  static childContextTypes: { glParent: any };
+
+  getChildContext(): { glParent: Bus };
+  getGLRenderableNode(): Node;
+  getGLRenderableContent(): any;
+  getGLName(): string;
+  getGLShortName(): string;
+  capture(x?: number, y?: number, w?: number, h?: number): any[];
+  onRef: (ref: any) => void;
+  redraw: () => void;
+}
+
+export type connectSize = (GLComponent: any) => any;
+
+export interface SurfaceProps {
+  children?: any;
+  style?: any;
+  preload?: any[];
+  visitor?: Visitor;
+  onLoad?: () => void;
+  onLoadError?: (e: Error) => void;
+}
+
+export interface SurfaceState {
+  ready: boolean;
+  rebootId: number;
+  debug: boolean;
+}
+
+export class Surface<T> extends React.Component<SurfaceProps, SurfaceState> {
+  id: number;
+  gl?: WebGLRenderingContext;
+  buffer: WebGLBuffer;
+  loaderResolver?: any;
+  glView: T;
+  root: Node;
+  shaders: { [key: string]: any };
+
+  mapRenderableContent(inst: any): any;
+  getVisitors(): Visitor[];
+  getGLSize(): [number, number];
+  getGLName(): string;
+  getGLShortName(): string;
+  captureAsDataURL(...args: any[]): string;
+  captureAsBlob(...args: any[]): Promise<Blob>;
+  capture(x?: number, y?: number, w?: number, h?: number): any[];
+  redraw(): void;
+  flush(): void;
+  getEmptyTexture(): WebGLTexture;
+  glIsAvailable(): boolean;
+  rebootForDebug(): void;
+}
+
+export type createSurface = (
+  GLView: any,
+  RenderLessElement: any,
+  mapRenderableContent: any,
+  requestFrame: (callback: (time: number) => void) => number,
+  cancelFrame: (id: number) => void
+) => Surface<typeof GLView>;
+
+export type listSurfaces = () => Array<Surface<any>>;
+
+export function GLSL(strings: TemplateStringsArray, ...values: any[]): string;
+
+export interface LinearCopyProps {
+  children?: any;
+}
+
+export class LinearCopy extends React.Component<LinearCopyProps> {
+  getNodeRef(): Node;
+}
+
+export interface NearestCopyProps {
+  children?: any;
+}
+
+export class NearestCopy extends React.Component<NearestCopyProps> {
+  getNodeRef(): Node;
+}
+
+export interface SurfaceContext {
+  glParent: Node | Surface<any> | Bus;
+  glSurface: Surface<any>;
+  glSizable: {
+    getGLSize: () => [number, number];
+  };
+}
+
+export interface Framebuffer {
+  handle: WebGLFramebuffer;
+  color: WebGLTexture;
+  bind: () => void;
+  dispose: () => void;
+  syncSize: (w: number, h: number) => void;
+}
+
+export interface NodeProps {
+  shader: ShaderIdentifier | ShaderDefinition;
+  uniformsOptions?: any;
+  uniforms: { [key: string]: any };
+  ignoreUnusedUniforms?: string[] | boolean;
+  sync?: boolean;
+  width?: number;
+  height?: number;
+  children?: any;
+  backbuffering?: boolean;
+  blendFunc?: {
+    src: () => void;
+    dst: () => void;
+  };
+  clear?: {
+    color: Vec4;
+  };
+
+  onDraw?: () => void;
+}
+
+export class Node extends React.Component<NodeProps> {
+  drawProps: NodeProps;
+  context: SurfaceContext;
+  framebuffer?: Framebuffer;
+  backbuffer?: Framebuffer;
+  capturePixelsArray?: Uint8Array;
+  id: number;
+  uniformsBus: {
+    [key: string]: Array<Bus | undefined>;
+  };
+  dependencies: Array<Node | Bus>;
+  dependents: Array<Node | Surface<any>>;
+}
+
+export interface ShaderIdentifier {
+  type: string;
+  id: string;
+}
+
+export interface ShaderDefinition {
+  frag: string;
+  vert?: string;
+}
+
+export interface ShaderInfo {
+  frag: string;
+  vert: string;
+}
+
+export interface ShadersSheet {
+  [key: string]: ShaderIdentifier;
+}
+
+export namespace Shaders {
+  function create(shaders: { [key: string]: ShaderDefinition }): ShadersSheet;
+  function getName(shaderIdentifier: ShaderIdentifier): string;
+  function getShortName(shaderIdentifier: ShaderIdentifier): string;
+  function get(shaderIdentifier: ShaderIdentifier): ShaderInfo;
+}
+
+export namespace Uniform {
+  const Backbuffer: string;
+  function backbufferFrom(node: Node | Bus): { type: string, node: Node | Bus };
+  const Resolution: string;
+  function textureSize(obj: any): { type: string, obj: any };
+  function textureSizeRatio(obj: any): { type: string, obj: any, ratio: boolean };
+}
+
+export class Visitor {
+  onSurfaceMount(surface: Surface<any>): void;
+  onSurfaceUnmount(surface: Surface<any>): void;
+  onSurfaceGLContextChange(surface: Surface<any>, gl?: WebGLRenderingContext): void;
+  onSurfaceDrawSkipped(surface: Surface<any>): void;
+  onSurfaceDrawStart(surface: Surface<any>): void;
+  onSurfaceDrawError(e: Error): boolean;
+  onSurfaceDrawEnd(surface: Surface<any>): void;
+  onNodeDrawSkipped(node: Node): void;
+  onNodeDrawStart(node: Node): void;
+  onNodeSyncDeps(node: Node, additions: Array<Node | Bus>, deletions: Array<Node | Bus>): void;
+  onNodeDraw(node: Node, preparedUniforms: any[]): void;
+  onNodeDrawEnd(node: Node): void;
+}
+
+export class VisitorLogger extends Visitor {
+  groupNestedLvl: number;
+}
+
+export namespace Visitors {
+  function add(visitor: Visitor): void;
+  function remove(visitor: Visitor): void;
+  function get(): Visitor[];
+}
diff --git a/types/gl-react/package.json b/types/gl-react/package.json
new file mode 100644
index 0000000000..e6696d08e7
--- /dev/null
+++ b/types/gl-react/package.json
@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "csstype": "^2.2.0"
+  }
+}
diff --git a/types/gl-react/tsconfig.json b/types/gl-react/tsconfig.json
new file mode 100644
index 0000000000..9c4d38ca44
--- /dev/null
+++ b/types/gl-react/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "files": [
+    "index.d.ts"
+  ],
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/types/gl-react/tslint.json b/types/gl-react/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/gl-react/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/glue/index.d.ts b/types/glue/index.d.ts
index 060d729d66..4e726c89f8 100644
--- a/types/glue/index.d.ts
+++ b/types/glue/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/hapijs/glue
 // Definitions by: Gareth Parker <https://github.com/garfty>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import { Server, ServerOptions } from "hapi";
 
diff --git a/types/glue/v4/glue-tests.ts b/types/glue/v4/glue-tests.ts
new file mode 100644
index 0000000000..1b67554725
--- /dev/null
+++ b/types/glue/v4/glue-tests.ts
@@ -0,0 +1,69 @@
+import * as glue from "glue";
+import * as hapi from "hapi";
+
+const manifest: glue.Manifest = {
+  server: {
+    debug: false,
+  },
+  connections: [
+    {
+      port: 8000,
+      labels: ['web']
+    },
+    {
+      port: 8001,
+      labels: ['admin']
+    }
+  ],
+  registrations: [
+    {
+      plugin: {
+        register: './assets',
+        options: {
+          uglify: true
+        }
+      }
+    },
+    {
+      plugin: './ui-user',
+      options: {
+        select: ['web']
+      }
+    },
+    {
+      plugin: {
+        register: './ui-admin',
+        options: {
+          sessiontime: 500
+        }
+      },
+      options: {
+        select: ['admin'],
+        routes: {
+          prefix: '/admin'
+        }
+      }
+    },
+    {
+      plugin: {
+        register: require('./awesome-plugin.js'),
+        options: {
+          whyNot: true
+        }
+      }
+    },
+  ]
+};
+
+const options: glue.Options = {
+  relativeTo: `${__dirname}/modules`
+};
+
+glue.compose(manifest, options, (err, server) => {
+  if (err) {
+    throw err;
+  }
+  server.start(() => {
+    console.log('hapi days!');
+  });
+});
diff --git a/types/glue/v4/index.d.ts b/types/glue/v4/index.d.ts
new file mode 100644
index 0000000000..69c7d56d01
--- /dev/null
+++ b/types/glue/v4/index.d.ts
@@ -0,0 +1,31 @@
+// Type definitions for glue 4.2
+// Project: https://github.com/hapijs/glue
+// Definitions by: Greg Jednaszewski <https://github.com/gjednaszewski>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import { Server, ServerConnectionOptions, ServerOptions } from "hapi";
+
+export interface Options {
+  relativeTo: string;
+  preConnections?: (Server: Server, next: (err: any) => void) => void;
+  preRegister?: (Server: Server, next: (err: any) => void) => void;
+}
+
+export interface Plugin {
+  plugin: string | {
+      register: string;
+      options?: any;
+  };
+  options?: any;
+}
+
+export interface Manifest {
+  server: ServerOptions;
+  connections: ServerConnectionOptions[];
+  registrations?: Plugin[];
+}
+
+export function compose(manifest: Manifest,
+                        options?: Options,
+                        callback?: (err?: any, server?: Server) => void): Promise<Server>;
diff --git a/types/glue/v4/tsconfig.json b/types/glue/v4/tsconfig.json
new file mode 100644
index 0000000000..ead9b81629
--- /dev/null
+++ b/types/glue/v4/tsconfig.json
@@ -0,0 +1,29 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "boom": [ "boom/v4" ],
+            "catbox": [ "catbox/v7" ],
+            "hapi": [ "hapi/v16" ],
+            "glue": [ "glue/v4" ]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "glue-tests.ts"
+    ]
+}
diff --git a/types/glue/v4/tslint.json b/types/glue/v4/tslint.json
new file mode 100644
index 0000000000..30a1bdde2e
--- /dev/null
+++ b/types/glue/v4/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/gm/gm-tests.ts b/types/gm/gm-tests.ts
index b2efd9505a..b22b7ffbc5 100644
--- a/types/gm/gm-tests.ts
+++ b/types/gm/gm-tests.ts
@@ -63,6 +63,9 @@ declare const quality: number;
 declare const align: string;
 declare const depth: number;
 declare const defineValue: string;
+declare const customCommand: string;
+declare const customInArguments: string[];
+declare const customOutArguments: string[];
 let readStream: stream.PassThrough;
 
 gm(src)
@@ -95,6 +98,7 @@ gm(src)
 	.colorMap(type)
 	.colors(numColors)
 	.colorspace(type)
+	.command(customCommand)
 	.compose(operator)
 	.compress(type)
 	.contrast(multiplier)
@@ -147,6 +151,7 @@ gm(src)
 	.iconGeometry(geometry)
 	.implode()
 	.implode(factor)
+	.in(...customInArguments)
 	.intent(type)
 	.interlace(type)
 	.label(name)
@@ -192,6 +197,7 @@ gm(src)
 	.operator(channel, operator, factor)
 	.operator(channel, operator, factor, usePercent)
 	.orderedDither(channel, NxN)
+	.out(...customOutArguments)
 	.outputDirectory(dest)
 	.page(width, height)
 	.page(width, height, options)
@@ -319,17 +325,17 @@ gm(src)
 	})
 	.draw(options)
 	.drawArc(x, y, x, y, radius, radius)
-	.drawBezier(x, y, x, y)
-	.drawBezier(x, y, x, y, x, y)
-	.drawBezier(x, y, x, y, x, y, x, y)
+	.drawBezier([x, y], [x, y])
+	.drawBezier([x, y], [x, y], [x, y])
+	.drawBezier([x, y], [x, y], [x, y], [x, y])
 	.drawCircle(x, y, x, y)
 	.drawEllipse(x, y, radius, radius, radius, radius)
 	.drawLine(x, y, x, y)
 	.drawPoint(x, y)
-	.drawPolygon(x, y, x, y, x, y)
-	.drawPolygon(x, y, x, y, x, y, x, y)
-	.drawPolyline(x, y, x, y, x, y)
-	.drawPolyline(x, y, x, y, x, y, x, y)
+	.drawPolygon([x, y], [x, y], [x, y])
+	.drawPolygon([x, y], [x, y], [x, y], [x, y])
+	.drawPolyline([x, y], [x, y], [x, y])
+	.drawPolyline([x, y], [x, y], [x, y], [x, y])
 	.drawRectangle(x, y, x, y)
 	.drawRectangle(x, y, x, y, radius)
 	.drawRectangle(x, y, x, y, radius, radius)
diff --git a/types/gm/index.d.ts b/types/gm/index.d.ts
index 5e8853efce..9fe2013913 100644
--- a/types/gm/index.d.ts
+++ b/types/gm/index.d.ts
@@ -1,6 +1,8 @@
 // Type definitions for gm 1.18
 // Project: https://github.com/aheckmann/gm
-// Definitions by: Joel Spadin <https://github.com/ChaosinaCan>, Maarten van Vliet <https://github.com/maartenvanvliet>
+// Definitions by:  Joel Spadin <https://github.com/ChaosinaCan>
+//                  Maarten van Vliet <https://github.com/maartenvanvliet>
+//                  Vaclav Mlejnsky <https://github.com/mlejva>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node"/>
@@ -115,6 +117,7 @@ declare namespace m {
         colorMap(type: 'shared' | 'private' | string): State;
         colors(colors: number): State;
         colorspace(space: ColorSpace | string): State;
+        command(customCommand: string): State;
         compose(operator: ComposeOperator | string): State;
         compress(type: CompressionType | string): State;
         contrast(multiplier: number): State;
@@ -157,6 +160,7 @@ declare namespace m {
         highlightStyle(style: HighlightStyle | string): State;
         iconGeometry(geometry: string): State;
         implode(factor?: number): State;
+        in(...customArguments: string[]): State;
         intent(type: IntentType | string): State;
         interlace(type: InterlaceType | string): State;
         label(name: string): State;
@@ -190,6 +194,7 @@ declare namespace m {
         opaque(color: string): State;
         operator(channel: string, operator: ChannelOperator | string, rvalue: number, percent?: boolean): State;
         orderedDither(channelType: ChannelType | string, NxN: string): State;
+        out(...customArguments: string[]): State;
         outputDirectory(directory: string): State;
         page(width: number, height: number, arg?: '%' | '!' | '<' | '>' |string): State;
         pause(seconds: number): State;
@@ -290,13 +295,13 @@ declare namespace m {
         // Drawing Operations
         draw(args: string): State;
         drawArc(x0: number, y0: number, x1: number, y1: number, r0: number, r1: number): State;
-        drawBezier(x0: number, y0: number, x1: number, y1: number, x2?: number, y2?: number, ...coords: number[]): State;
+        drawBezier(coord0: [number, number], coord1: [number, number], ...coords: Array<[number, number]>): State;
         drawCircle(x0: number, y0: number, x1: number, y1: number): State;
         drawEllipse(x0: number, y0: number, rx: number, ry: number, a0: number, a1: number): State;
         drawLine(x0: number, y0: number, x1: number, y1: number): State;
         drawPoint(x: number, y: number): State;
-        drawPolygon(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number, ...coords: number[]): State;
-        drawPolyline(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number, ...coords: number[]): State;
+        drawPolygon(coord0: [number, number], coord1: [number, number], coord2: [number, number], ...coords: Array<[number, number]>): State;
+        drawPolyline(coord0: [number, number], coord1: [number, number], coord2: [number, number], ...coords: Array<[number, number]>): State;
         drawRectangle(x0: number, y0: number, x1: number, y1: number, wc?: number, hc?: number): State;
         drawText(x: number, y: number, text: string, gravity?: GravityDirection | string): State;
         fill(color: string): State;
diff --git a/types/google-adwords-scripts/index.d.ts b/types/google-adwords-scripts/index.d.ts
index adf58cb4a4..5e71857a3a 100644
--- a/types/google-adwords-scripts/index.d.ts
+++ b/types/google-adwords-scripts/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jafaircl/gaws
 // Definitions by: Jonathan Faircloth <https://github.com/jafaircl>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="google-apps-script" />
 
diff --git a/types/google-apps-script/apis/admin/directory_v1.d.ts b/types/google-apps-script/apis/admin/directory_v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/admin/reports_v1.d.ts b/types/google-apps-script/apis/admin/reports_v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/adsense/v1.4.d.ts b/types/google-apps-script/apis/adsense/v1.4.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/analytics/v3.d.ts b/types/google-apps-script/apis/analytics/v3.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/analyticsreporting/v4.d.ts b/types/google-apps-script/apis/analyticsreporting/v4.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/appsactivity/v1.d.ts b/types/google-apps-script/apis/appsactivity/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/bigquery/v2.d.ts b/types/google-apps-script/apis/bigquery/v2.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/calendar/v3.d.ts b/types/google-apps-script/apis/calendar/v3.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/classroom/v1.d.ts b/types/google-apps-script/apis/classroom/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/content/v2.d.ts b/types/google-apps-script/apis/content/v2.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/dfareporting/v2.8.d.ts b/types/google-apps-script/apis/dfareporting/v2.8.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/dfareporting/v3.0.d.ts b/types/google-apps-script/apis/dfareporting/v3.0.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/dfareporting/v3.1.d.ts b/types/google-apps-script/apis/dfareporting/v3.1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/dfareporting/v3.2.d.ts b/types/google-apps-script/apis/dfareporting/v3.2.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/drive/v2.d.ts b/types/google-apps-script/apis/drive/v2.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/fusiontables/v1.d.ts b/types/google-apps-script/apis/fusiontables/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/fusiontables/v2.d.ts b/types/google-apps-script/apis/fusiontables/v2.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/gmail/v1.d.ts b/types/google-apps-script/apis/gmail/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/groupsmigration/v1.d.ts b/types/google-apps-script/apis/groupsmigration/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/groupssettings/v1.d.ts b/types/google-apps-script/apis/groupssettings/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/licensing/v1.d.ts b/types/google-apps-script/apis/licensing/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/mirror/v1.d.ts b/types/google-apps-script/apis/mirror/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/plus/v1.d.ts b/types/google-apps-script/apis/plus/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/plusDomains/v1.d.ts b/types/google-apps-script/apis/plusDomains/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/reseller/v1.d.ts b/types/google-apps-script/apis/reseller/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/sheets/v4.d.ts b/types/google-apps-script/apis/sheets/v4.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/slides/v1.d.ts b/types/google-apps-script/apis/slides/v1.d.ts
new file mode 100644
index 0000000000..101fb56029
--- /dev/null
+++ b/types/google-apps-script/apis/slides/v1.d.ts
@@ -0,0 +1,2072 @@
+// Type definitions for Google Apps Script 2018-10-02
+// Project: https://developers.google.com/apps-script/
+// Definitions by: grant <https://github.com/grant/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace GoogleAppsScript {
+  export module Slides_v1 {
+    //// FILE: color.proto ////
+    // An RGB color.
+    export interface RgbColor {
+      // The red component of the color, from 0.0 to 1.0.
+      red: number
+      // The green component of the color, from 0.0 to 1.0.
+      green: number
+      // The blue component of the color, from 0.0 to 1.0.
+      blue: number
+    }
+
+    // A themeable solid color value.
+    export interface OpaqueColor {
+      // The kind of color value.
+      kind: {
+        // An opaque RGB color.
+        rgb_color: RgbColor
+        // An opaque theme color.
+        theme_color: ThemeColorType
+      }
+    }
+
+    // A color that can either be fully opaque or fully transparent.
+    export interface OptionalColor {
+      // If set, this will be used as an opaque color. If unset, this represents
+      // a transparent color.
+      opaque_color: OpaqueColor
+    }
+
+    // The palette of predefined colors for a page.
+    export interface ColorScheme {
+      // The ThemeColorType and corresponding concrete color pairs.
+      colors: ThemeColorPair[]
+    }
+
+    // Theme color types.
+    //
+    // Contain a ColorScheme that defines a mapping of
+    // these theme color types to concrete colors.
+    export enum ThemeColorType {
+      // Unspecified theme color. This value should not be used.
+      THEME_COLOR_TYPE_UNSPECIFIED,
+      // Represents the first dark color.
+      DARK1,
+      // Represents the first light color.
+      LIGHT1,
+      // Represents the second dark color.
+      DARK2,
+      // Represents the second light color.
+      LIGHT2,
+      // Represents the first accent color.
+      ACCENT1,
+      // Represents the second accent color.
+      ACCENT2,
+      // Represents the third accent color.
+      ACCENT3,
+      // Represents the fourth accent color.
+      ACCENT4,
+      // Represents the fifth accent color.
+      ACCENT5,
+      // Represents the sixth accent color.
+      ACCENT6,
+      // Represents the color to use for hyperlinks.
+      HYPERLINK,
+      // Represents the color to use for visited hyperlinks.
+      FOLLOWED_HYPERLINK,
+      // Represents the first text color.
+      TEXT1,
+      // Represents the first background color.
+      BACKGROUND1,
+      // Represents the second text color.
+      TEXT2,
+      // Represents the second background color.
+      BACKGROUND2,
+    }
+
+    // A pair mapping a theme color type to the concrete color it represents.
+    export interface ThemeColorPair {
+      // The type of the theme color.
+      type: ThemeColorType
+      // The concrete color corresponding to the theme color type above.
+      color: RgbColor
+    }
+
+    // A color and position in a gradient band.
+    export interface ColorStop {
+      // The color of the gradient stop.
+      color: OpaqueColor
+      // The alpha value of this color in the gradient band. Defaults to 1.0,
+      // fully opaque.
+      alpha: number
+      // The relative position of the color stop in the gradient band measured
+      // in percentage. The value should be in the interval [0.0, 1.0].
+      position: number
+    }
+
+    //// FILE: dimension.proto ////
+    // Units of measurement.
+    export enum Unit {
+      // The units are unknown.
+      UNIT_UNSPECIFIED,
+      // An English Metric Unit (EMU) is defined as 1/360,000 of a centimeter
+      // and thus there are 914,400 EMUs per inch, and 12,700 EMUs per point.
+      EMU,
+      // A point, 1/72 of an inch.
+      PT,
+    }
+
+    // A magnitude in a single direction in the specified units.
+    export interface Dimension {
+      // The magnitude.
+      magnitude: number
+      // The units for magnitude.
+      unit: Unit
+    }
+
+    // A width and height.
+    export interface Size {
+      // The width of the object.
+      width: Dimension
+      // The height of the object.
+      height: Dimension
+    }
+
+    //// FILE: model.proto ////
+    // A location of a single table cell within a table.
+    export interface TableCellLocation {
+      // The 0-based row index.
+      row_index: number
+
+      // The 0-based column index.
+      column_index: number
+    }
+
+    // Common properties for a page element.
+    //
+    // Note: When you initially create a PageElement, the API may modify
+    // the values of both `size` and `transform`, but the
+    // visual size will be unchanged.
+    export interface PageElementProperties {
+      // The object ID of the page where the element is located.
+      page_object_id: string
+
+      // The size of the element.
+      size: Size
+
+      // The transform for the element.
+      transform: AffineTransform
+    }
+
+    // The general text content. The text must reside in a compatible shape (e.g.
+    // text box or rectangle) or a table cell in a page.
+    export interface TextContent {
+      // The text contents broken down into its component parts, including styling
+      // information. This property is read-only.
+      text_elements: TextElement[]
+      // The bulleted lists contained in this text, keyed by list ID.
+      lists: string[]
+    }
+
+
+    // Predefined layout types.
+    // These are commonly found layouts in presentations. However, there is no
+    // guarantee that these layouts are present in the current master as they
+    // could have been deleted or not part of the used theme. Additionally,
+    // the placeholders on each layout may have been changed.
+    export enum PredefinedLayout {
+      // Unspecified layout.
+      PREDEFINED_LAYOUT_UNSPECIFIED,
+      // Blank layout, with no placeholders.
+      BLANK,
+      // Layout with a caption at the bottom.
+      CAPTION_ONLY,
+      // Layout with a title and a subtitle.
+      TITLE,
+      // Layout with a title and body.
+      TITLE_AND_BODY,
+      // Layout with a title and two columns.
+      TITLE_AND_TWO_COLUMNS,
+      // Layout with only a title.
+      TITLE_ONLY,
+      // Layout with a section title.
+      SECTION_HEADER,
+      // Layout with a title and subtitle on one side and description on the other.
+      SECTION_TITLE_AND_DESCRIPTION,
+      // Layout with one title and one body, arranged in a single column.
+      ONE_COLUMN_TEXT,
+      // Layout with a main point.
+      MAIN_POINT,
+      // Layout with a big number heading.
+      BIG_NUMBER,
+    }
+
+    // A Google Slides presentation.
+    export interface Presentation {
+      // The ID of the presentation.
+      presentation_id: string
+      // The size of pages in the presentation.
+      page_size: Size
+      // The slides in the presentation.
+      // A slide inherits properties from a slide layout.
+      slides: Page[]
+      // The title of the presentation.
+      title: string
+      // The slide masters in the presentation. A slide master contains all common
+      // page elements and the common properties for a set of layouts. They serve
+      // three purposes:
+      //
+      // - Placeholder shapes on a master contain the default text styles and shape
+      //   properties of all placeholder shapes on pages that use that master.
+      // - The master page properties define the common page properties inherited by
+      //   its layouts.
+      // - Any other shapes on the master slide will appear on all slides using that
+      //   master, regardless of their layout.
+      masters: Page[]
+      // The layouts in the presentation. A layout is a template that determines
+      // how content is arranged and styled on the slides that inherit from that
+      // layout.
+      layouts: Page[]
+      // The locale of the presentation, as an IETF BCP 47 language tag.
+      locale: string
+      // The revision ID of the presentation. Can be used in update requests
+      // to assert that the presentation revision hasn't changed since the last
+      // read operation. Only populated if the user has edit access to the
+      // presentation.
+      //
+      // The format of the revision ID may change over time, so it should be treated
+      // opaquely. A returned revision ID is only guaranteed to be valid for 24
+      // hours after it has been returned and cannot be shared across users. If the
+      // revision ID is unchanged between calls, then the presentation has not
+      // changed. Conversely, a changed ID (for the same presentation and user)
+      // usually means the presentation has been updated; however, a changed ID can
+      // also be due to internal factors such as ID format changes.
+      revision_id: string
+      // The notes master in the presentation. It serves three purposes:
+      //
+      // - Placeholder shapes on a notes master contain the default text styles and
+      //   shape properties of all placeholder shapes on notes pages. Specifically,
+      //   a `SLIDE_IMAGE` placeholder shape contains the slide thumbnail, and a
+      //   `BODY` placeholder shape contains the speaker notes.
+      // - The notes master page properties define the common page properties
+      //   inherited by all notes pages.
+      // - Any other shapes on the notes master will appear on all notes pages.
+      //
+      // The notes master is read-only.
+      notes_master: Page
+    }
+
+    // The type of a page.
+    enum PagePageType {
+      // A slide page.
+      SLIDE,
+      // A master slide page.
+      MASTER,
+      // A layout page.
+      LAYOUT,
+      // A notes page.
+      NOTES,
+      // A notes master page.
+      NOTES_MASTER,
+    }
+
+    // A page in a presentation.
+    export interface Page {
+      // The object ID for this page. Object IDs used by
+      // Page and PageElement share the same namespace.
+      object_id: string
+      // The type of the page.
+      page_type: PagePageType
+      // The page elements rendered on the page.
+      page_elements: PageElement[]
+      // Properties that are specific for each page type. Masters do not require
+      // any additional properties.
+      properties: {
+        // Slide specific properties. Only set if page_type = SLIDE.
+        slide_properties: SlideProperties
+        // Layout specific properties. Only set if page_type = LAYOUT.
+        layout_properties: LayoutProperties
+        // Notes specific properties. Only set if page_type = NOTES.
+        notes_properties: NotesProperties
+        // Master specific properties. Only set if page_type = MASTER.
+        master_properties: MasterProperties
+      }
+
+      // The revision ID of the presentation containing this page. Can be used in
+      // update requests to assert that the presentation revision hasn't changed
+      // since the last read operation. Only populated if the user has edit access
+      // to the presentation.
+      //
+      // The format of the revision ID may change over time, so it should be treated
+      // opaquely. A returned revision ID is only guaranteed to be valid for 24
+      // hours after it has been returned and cannot be shared across users. If the
+      // revision ID is unchanged between calls, then the presentation has not
+      // changed. Conversely, a changed ID (for the same presentation and user)
+      // usually means the presentation has been updated; however, a changed ID can
+      // also be due to internal factors such as ID format changes.
+      revision_id: string
+      // The properties of the page.
+      page_properties: PageProperties
+    }
+
+    // The page background fill.
+    interface PagePropertiesPageBackgroundFill {
+      // The background fill property state.
+      //
+      // Updating the fill on a page will implicitly update this field to
+      // `RENDERED`, unless another value is specified in the same request. To
+      // have no fill on a page, set this field to `NOT_RENDERED`. In this case,
+      // any other fill fields set in the same request will be ignored.
+      property_state: PropertyState,
+      // The kind of background fill.
+      kind: {
+        // Solid color fill.
+        solid_fill: SolidFill,
+        // Stretched picture fill.
+        stretched_picture_fill: StretchedPictureFill,
+      }
+    }
+
+    // The properties of the Page.
+    //
+    // The page will inherit properties from the parent page. Depending on the page
+    // type the hierarchy is defined in either SlideProperties or
+    // LayoutProperties.
+    export interface PageProperties {
+      // The background fill of the page. If unset, the background fill is inherited
+      // from a parent page if it exists. If the page has no parent, then the
+      // background fill defaults to the corresponding fill in the Slides editor.
+      page_background_fill: PagePropertiesPageBackgroundFill,
+      // The color scheme of the page. If unset, the color scheme is inherited from
+      // a parent page. If the page has no parent, the color scheme uses a default
+      // Slides color scheme. This field is read-only.
+      color_scheme: ColorScheme,
+    }
+
+    // The properties of Page that are only
+    // relevant for pages with page_type SLIDE.
+    export interface SlideProperties {
+      // The object ID of the layout that this slide is based on. This property is
+      // read-only.
+      layout_object_id: string
+      // The object ID of the master that this slide is based on. This property is
+      // read-only.
+      master_object_id: string
+      // The notes page that this slide is associated with. It defines the visual
+      // appearance of a notes page when printing or exporting slides with speaker
+      // notes. A notes page inherits properties from the notes master.
+      // The placeholder shape with type BODY on the notes page contains the speaker
+      // notes for this slide. The ID of this shape is identified by the speakerNotesObjectId field.
+      // The notes page is read-only except for the text content and styles of the
+      // speaker notes shape. This property is read-only.
+      notes_page: Page,
+    }
+
+    // The properties of Page are only
+    // relevant for pages with page_type LAYOUT.
+    export interface LayoutProperties {
+      // The object ID of the master that this layout is based on.
+      master_object_id: string
+      // The name of the layout.
+      name: string
+      // The human-readable name of the layout.
+      display_name: string
+    }
+
+    // The properties of Page that are only
+    // relevant for pages with page_type NOTES.
+    export interface NotesProperties {
+      // The object ID of the shape on this notes page that contains the speaker
+      // notes for the corresponding slide.
+      // The actual shape may not always exist on the notes page. Inserting text
+      // using this object ID will automatically create the shape. In this case, the
+      // actual shape may have different object ID. The `GetPresentation` or
+      // `GetPage` action will always return the latest object ID.
+      speaker_notes_object_id: string
+    }
+
+    // The properties of Page that are only
+    // relevant for pages with page_type MASTER.
+    export interface MasterProperties {
+      // The human-readable name of the master.
+      display_name: string
+    }
+
+    // A visual element rendered on a page.
+    // (== resource_for v1.presentations.pages.pageElements ==)
+    export interface PageElement {
+      // The object ID for this page element. Object IDs used by
+      // Page and PageElement share the same namespace.
+      object_id: string
+      // The size of the page element.
+      size: Size
+      // The transform of the page element.
+      //
+      // The visual appearance of the page element is determined by its absolute
+      // transform. To compute the absolute transform, preconcatenate a page
+      // element's transform with the transforms of all of its parent groups. If the
+      // page element is not in a group, its absolute transform is the same as the
+      // value in this field.
+      //
+      // The initial transform for the newly created Group is always the identity transform.
+      transform: AffineTransform
+      // The title of the page element. Combined with description to display alt
+      // text.
+      title: string
+      // The description of the page element. Combined with title to display alt
+      // text.
+      description: string
+      // The kind of element that this PageElement represents. Each message
+      // contains any properties that are specific to that kind of page element.
+      element_kind: {
+        // A collection of page elements joined as a single unit.
+        element_group: Group
+        // A generic shape.
+        shape: Shape
+        // An image page element.
+        image: Image
+        // A video page element.
+        video: Video
+        // A line page element.
+        line: Line
+        // A table page element.
+        table: Table
+        // A word art page element.
+        word_art: WordArt
+        // A linked chart embedded from Google Sheets. Unlinked charts are
+        // represented as images.
+        sheets_chart: SheetsChart
+      }
+    }
+
+    // A PageElement kind representing a joined collection of PageElements.
+    export interface Group {
+      // The collection of elements in the group. The minimum size of a group is 2.
+      children: PageElement[]
+    }
+
+    // The shape types.
+    export enum ShapeType {
+      // The shape type that is not predefined.
+      TYPE_UNSPECIFIED,
+      // Text box shape.
+      TEXT_BOX,
+      // Rectangle shape. Corresponds to ECMA-376 ST_ShapeType 'rect'.
+      RECTANGLE,
+      // Round corner rectangle shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'roundRect'
+      ROUND_RECTANGLE,
+      // Ellipse shape. Corresponds to ECMA-376 ST_ShapeType 'ellipse'
+      ELLIPSE,
+      // Curved arc shape. Corresponds to ECMA-376 ST_ShapeType 'arc'
+      ARC,
+      // Bent arrow shape. Corresponds to ECMA-376 ST_ShapeType 'bentArrow'
+      BENT_ARROW,
+      // Bent up arrow shape. Corresponds to ECMA-376 ST_ShapeType 'bentUpArrow'
+      BENT_UP_ARROW,
+      // Bevel shape. Corresponds to ECMA-376 ST_ShapeType 'bevel'
+      BEVEL,
+      // Block arc shape. Corresponds to ECMA-376 ST_ShapeType 'blockArc'
+      BLOCK_ARC,
+      // Brace pair shape. Corresponds to ECMA-376 ST_ShapeType 'bracePair'
+      BRACE_PAIR,
+      // Bracket pair shape. Corresponds to ECMA-376 ST_ShapeType 'bracketPair'
+      BRACKET_PAIR,
+      // Can shape. Corresponds to ECMA-376 ST_ShapeType 'can'
+      CAN,
+      // Chevron shape. Corresponds to ECMA-376 ST_ShapeType 'chevron'
+      CHEVRON,
+      // Chord shape. Corresponds to ECMA-376 ST_ShapeType 'chord'
+      CHORD,
+      // Cloud shape. Corresponds to ECMA-376 ST_ShapeType 'cloud'
+      CLOUD,
+      // Corner shape. Corresponds to ECMA-376 ST_ShapeType 'corner'
+      CORNER,
+      // Cube shape. Corresponds to ECMA-376 ST_ShapeType 'cube'
+      CUBE,
+      // Curved down arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedDownArrow'
+      CURVED_DOWN_ARROW,
+      // Curved left arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedLeftArrow'
+      CURVED_LEFT_ARROW,
+      // Curved right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedRightArrow'
+      CURVED_RIGHT_ARROW,
+      // Curved up arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedUpArrow'
+      CURVED_UP_ARROW,
+      // Decagon shape. Corresponds to ECMA-376 ST_ShapeType 'decagon'
+      DECAGON,
+      // Diagonal stripe shape. Corresponds to ECMA-376 ST_ShapeType 'diagStripe'
+      DIAGONAL_STRIPE,
+      // Diamond shape. Corresponds to ECMA-376 ST_ShapeType 'diamond'
+      DIAMOND,
+      // Dodecagon shape. Corresponds to ECMA-376 ST_ShapeType 'dodecagon'
+      DODECAGON,
+      // Donut shape. Corresponds to ECMA-376 ST_ShapeType 'donut'
+      DONUT,
+      // Double wave shape. Corresponds to ECMA-376 ST_ShapeType 'doubleWave'
+      DOUBLE_WAVE,
+      // Down arrow shape. Corresponds to ECMA-376 ST_ShapeType 'downArrow'
+      DOWN_ARROW,
+      // Callout down arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'downArrowCallout'
+      DOWN_ARROW_CALLOUT,
+      // Folded corner shape. Corresponds to ECMA-376 ST_ShapeType 'foldedCorner'
+      FOLDED_CORNER,
+      // Frame shape. Corresponds to ECMA-376 ST_ShapeType 'frame'
+      FRAME,
+      // Half frame shape. Corresponds to ECMA-376 ST_ShapeType 'halfFrame'
+      HALF_FRAME,
+      // Heart shape. Corresponds to ECMA-376 ST_ShapeType 'heart'
+      HEART,
+      // Heptagon shape. Corresponds to ECMA-376 ST_ShapeType 'heptagon'
+      HEPTAGON,
+      // Hexagon shape. Corresponds to ECMA-376 ST_ShapeType 'hexagon'
+      HEXAGON,
+      // Home plate shape. Corresponds to ECMA-376 ST_ShapeType 'homePlate'
+      HOME_PLATE,
+      // Horizontal scroll shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'horizontalScroll'
+      HORIZONTAL_SCROLL,
+      // Irregular seal 1 shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'irregularSeal1'
+      IRREGULAR_SEAL_1,
+      // Irregular seal 2 shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'irregularSeal2'
+      IRREGULAR_SEAL_2,
+      // Left arrow shape. Corresponds to ECMA-376 ST_ShapeType 'leftArrow'
+      LEFT_ARROW,
+      // Callout left arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'leftArrowCallout'
+      LEFT_ARROW_CALLOUT,
+      // Left brace shape. Corresponds to ECMA-376 ST_ShapeType 'leftBrace'
+      LEFT_BRACE,
+      // Left bracket shape. Corresponds to ECMA-376 ST_ShapeType 'leftBracket'
+      LEFT_BRACKET,
+      // Left right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'leftRightArrow'
+      LEFT_RIGHT_ARROW,
+      // Callout left right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'leftRightArrowCallout'
+      LEFT_RIGHT_ARROW_CALLOUT,
+      // Left right up arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'leftRightUpArrow'
+      LEFT_RIGHT_UP_ARROW,
+      // Left up arrow shape. Corresponds to ECMA-376 ST_ShapeType 'leftUpArrow'
+      LEFT_UP_ARROW,
+      // Lightning bolt shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'lightningBolt'
+      LIGHTNING_BOLT,
+      // Divide math shape. Corresponds to ECMA-376 ST_ShapeType 'mathDivide'
+      MATH_DIVIDE,
+      // Equal math shape. Corresponds to ECMA-376 ST_ShapeType 'mathEqual'
+      MATH_EQUAL,
+      // Minus math shape. Corresponds to ECMA-376 ST_ShapeType 'mathMinus'
+      MATH_MINUS,
+      // Multiply math shape. Corresponds to ECMA-376 ST_ShapeType 'mathMultiply'
+      MATH_MULTIPLY,
+      // Not equal math shape. Corresponds to ECMA-376 ST_ShapeType 'mathNotEqual'
+      MATH_NOT_EQUAL,
+      // Plus math shape. Corresponds to ECMA-376 ST_ShapeType 'mathPlus'
+      MATH_PLUS,
+      // Moon shape. Corresponds to ECMA-376 ST_ShapeType 'moon'
+      MOON,
+      // No smoking shape. Corresponds to ECMA-376 ST_ShapeType 'noSmoking'
+      NO_SMOKING,
+      // Notched right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'notchedRightArrow'
+      NOTCHED_RIGHT_ARROW,
+      // Octagon shape. Corresponds to ECMA-376 ST_ShapeType 'octagon'
+      OCTAGON,
+      // Parallelogram shape. Corresponds to ECMA-376 ST_ShapeType 'parallelogram'
+      PARALLELOGRAM,
+      // Pentagon shape. Corresponds to ECMA-376 ST_ShapeType 'pentagon'
+      PENTAGON,
+      // Pie shape. Corresponds to ECMA-376 ST_ShapeType 'pie'
+      PIE,
+      // Plaque shape. Corresponds to ECMA-376 ST_ShapeType 'plaque'
+      PLAQUE,
+      // Plus shape. Corresponds to ECMA-376 ST_ShapeType 'plus'
+      PLUS,
+      // Quad-arrow shape. Corresponds to ECMA-376 ST_ShapeType 'quadArrow'
+      QUAD_ARROW,
+      // Callout quad-arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'quadArrowCallout'
+      QUAD_ARROW_CALLOUT,
+      // Ribbon shape. Corresponds to ECMA-376 ST_ShapeType 'ribbon'
+      RIBBON,
+      // Ribbon 2 shape. Corresponds to ECMA-376 ST_ShapeType 'ribbon2'
+      RIBBON_2,
+      // Right arrow shape. Corresponds to ECMA-376 ST_ShapeType 'rightArrow'
+      RIGHT_ARROW,
+      // Callout right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'rightArrowCallout'
+      RIGHT_ARROW_CALLOUT,
+      // Right brace shape. Corresponds to ECMA-376 ST_ShapeType 'rightBrace'
+      RIGHT_BRACE,
+      // Right bracket shape. Corresponds to ECMA-376 ST_ShapeType 'rightBracket'
+      RIGHT_BRACKET,
+      // One round corner rectangle shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'round1Rect'
+      ROUND_1_RECTANGLE,
+      // Two diagonal round corner rectangle shape. Corresponds to ECMA-376
+      // ST_ShapeType 'round2DiagRect'
+      ROUND_2_DIAGONAL_RECTANGLE,
+      // Two same-side round corner rectangle shape. Corresponds to ECMA-376
+      // ST_ShapeType 'round2SameRect'
+      ROUND_2_SAME_RECTANGLE,
+      // Right triangle shape. Corresponds to ECMA-376 ST_ShapeType 'rtTriangle'
+      RIGHT_TRIANGLE,
+      // Smiley face shape. Corresponds to ECMA-376 ST_ShapeType 'smileyFace'
+      SMILEY_FACE,
+      // One snip corner rectangle shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'snip1Rect'
+      SNIP_1_RECTANGLE,
+      // Two diagonal snip corner rectangle shape. Corresponds to ECMA-376
+      // ST_ShapeType 'snip2DiagRect'
+      SNIP_2_DIAGONAL_RECTANGLE,
+      // Two same-side snip corner rectangle shape. Corresponds to ECMA-376
+      // ST_ShapeType 'snip2SameRect'
+      SNIP_2_SAME_RECTANGLE,
+      // One snip one round corner rectangle shape. Corresponds to ECMA-376
+      // ST_ShapeType 'snipRoundRect'
+      SNIP_ROUND_RECTANGLE,
+      // Ten pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star10'
+      STAR_10,
+      // Twelve pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star12'
+      STAR_12,
+      // Sixteen pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star16'
+      STAR_16,
+      // Twenty four pointed star shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'star24'
+      STAR_24,
+      // Thirty two pointed star shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'star32'
+      STAR_32,
+      // Four pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star4'
+      STAR_4,
+      // Five pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star5'
+      STAR_5,
+      // Six pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star6'
+      STAR_6,
+      // Seven pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star7'
+      STAR_7,
+      // Eight pointed star shape. Corresponds to ECMA-376 ST_ShapeType 'star8'
+      STAR_8,
+      // Striped right arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'stripedRightArrow'
+      STRIPED_RIGHT_ARROW,
+      // Sun shape. Corresponds to ECMA-376 ST_ShapeType 'sun'
+      SUN,
+      // Trapezoid shape. Corresponds to ECMA-376 ST_ShapeType 'trapezoid'
+      TRAPEZOID,
+      // Triangle shape. Corresponds to ECMA-376 ST_ShapeType 'triangle'
+      TRIANGLE,
+      // Up arrow shape. Corresponds to ECMA-376 ST_ShapeType 'upArrow'
+      UP_ARROW,
+      // Callout up arrow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'upArrowCallout'
+      UP_ARROW_CALLOUT,
+      // Up down arrow shape. Corresponds to ECMA-376 ST_ShapeType 'upDownArrow'
+      UP_DOWN_ARROW,
+      // U-turn arrow shape. Corresponds to ECMA-376 ST_ShapeType 'uturnArrow'
+      UTURN_ARROW,
+      // Vertical scroll shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'verticalScroll'
+      VERTICAL_SCROLL,
+      // Wave shape. Corresponds to ECMA-376 ST_ShapeType 'wave'
+      WAVE,
+      // Callout wedge ellipse shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'wedgeEllipseCallout'
+      WEDGE_ELLIPSE_CALLOUT,
+      // Callout wedge rectangle shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'wedgeRectCallout'
+      WEDGE_RECTANGLE_CALLOUT,
+      // Callout wedge round rectangle shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'wedgeRoundRectCallout'
+      WEDGE_ROUND_RECTANGLE_CALLOUT,
+      // Alternate process flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartAlternateProcess'
+      FLOW_CHART_ALTERNATE_PROCESS,
+      // Collate flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartCollate'
+      FLOW_CHART_COLLATE,
+      // Connector flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartConnector'
+      FLOW_CHART_CONNECTOR,
+      // Decision flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartDecision'
+      FLOW_CHART_DECISION,
+      // Delay flow shape. Corresponds to ECMA-376 ST_ShapeType 'flowChartDelay'
+      FLOW_CHART_DELAY,
+      // Display flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartDisplay'
+      FLOW_CHART_DISPLAY,
+      // Document flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartDocument'
+      FLOW_CHART_DOCUMENT,
+      // Extract flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartExtract'
+      FLOW_CHART_EXTRACT,
+      // Input output flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartInputOutput'
+      FLOW_CHART_INPUT_OUTPUT,
+      // Internal storage flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartInternalStorage'
+      FLOW_CHART_INTERNAL_STORAGE,
+      // Magnetic disk flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartMagneticDisk'
+      FLOW_CHART_MAGNETIC_DISK,
+      // Magnetic drum flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartMagneticDrum'
+      FLOW_CHART_MAGNETIC_DRUM,
+      // Magnetic tape flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartMagneticTape'
+      FLOW_CHART_MAGNETIC_TAPE,
+      // Manual input flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartManualInput'
+      FLOW_CHART_MANUAL_INPUT,
+      // Manual operation flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartManualOperation'
+      FLOW_CHART_MANUAL_OPERATION,
+      // Merge flow shape. Corresponds to ECMA-376 ST_ShapeType 'flowChartMerge'
+      FLOW_CHART_MERGE,
+      // Multi-document flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartMultidocument'
+      FLOW_CHART_MULTIDOCUMENT,
+      // Offline storage flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartOfflineStorage'
+      FLOW_CHART_OFFLINE_STORAGE,
+      // Off-page connector flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartOffpageConnector'
+      FLOW_CHART_OFFPAGE_CONNECTOR,
+      // Online storage flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartOnlineStorage'
+      FLOW_CHART_ONLINE_STORAGE,
+      // Or flow shape. Corresponds to ECMA-376 ST_ShapeType 'flowChartOr'
+      FLOW_CHART_OR,
+      // Predefined process flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartPredefinedProcess'
+      FLOW_CHART_PREDEFINED_PROCESS,
+      // Preparation flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartPreparation'
+      FLOW_CHART_PREPARATION,
+      // Process flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartProcess'
+      FLOW_CHART_PROCESS,
+      // Punched card flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartPunchedCard'
+      FLOW_CHART_PUNCHED_CARD,
+      // Punched tape flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartPunchedTape'
+      FLOW_CHART_PUNCHED_TAPE,
+      // Sort flow shape. Corresponds to ECMA-376 ST_ShapeType 'flowChartSort'
+      FLOW_CHART_SORT,
+      // Summing junction flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartSummingJunction'
+      FLOW_CHART_SUMMING_JUNCTION,
+      // Terminator flow shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'flowChartTerminator'
+      FLOW_CHART_TERMINATOR,
+      // East arrow shape.
+      ARROW_EAST,
+      // Northeast arrow shape.
+      ARROW_NORTH_EAST,
+      // North arrow shape.
+      ARROW_NORTH,
+      // Speech shape.
+      SPEECH,
+      // Star burst shape.
+      STARBURST,
+      // Teardrop shape. Corresponds to ECMA-376 ST_ShapeType 'teardrop'
+      TEARDROP,
+      // Ellipse ribbon shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'ellipseRibbon'
+      ELLIPSE_RIBBON,
+      // Ellipse ribbon 2 shape. Corresponds to ECMA-376 ST_ShapeType
+      // 'ellipseRibbon2'
+      ELLIPSE_RIBBON_2,
+      // Callout cloud shape. Corresponds to ECMA-376 ST_ShapeType 'cloudCallout'
+      CLOUD_CALLOUT,
+      // Custom shape.
+      CUSTOM,
+    }
+
+    // A PageElement kind representing a
+    // generic shape that does not have a more specific classification.
+    interface Shape {
+      // The shape types.
+      //
+      // Many of these shapes correspond to predefined shapes from the ECMA-376
+      // standard. More information on those shapes can be found in the description
+      // of the "ST_ShapeType" simple type in section 20.1.10.55 of "Office Open XML
+      // File Formats - Fundamentals and Markup Language Reference", part 1 of
+      // [ECMA-376 4th
+      // edition](http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+
+      // The type of the shape.
+      shape_type: ShapeType
+      // The text content of the shape.
+      text: TextContent
+      // The properties of the shape.
+      shape_properties: ShapeProperties
+      // Placeholders are shapes that are inherit from corresponding placeholders on
+      // layouts and masters.
+      //
+      // If set, the shape is a placeholder shape and any inherited properties
+      // can be resolved by looking at the parent placeholder identified by the
+      // parent_object_id field.
+      placeholder: Placeholder
+    }
+
+    // The type of the placeholder.
+    export enum PlaceholderType {
+      // Default value, signifies it is not a placeholder.
+      NONE,
+      // Body text.
+      BODY,
+      // Chart or graph.
+      CHART,
+      // Clip art image.
+      CLIP_ART,
+      // Title centered.
+      CENTERED_TITLE,
+      // Diagram.
+      DIAGRAM,
+      // Date and time.
+      DATE_AND_TIME,
+      // Footer text.
+      FOOTER,
+      // Header text.
+      HEADER,
+      // Multimedia.
+      MEDIA,
+      // Any content type.
+      OBJECT,
+      // Picture.
+      PICTURE,
+      // Number of a slide.
+      SLIDE_NUMBER,
+      // Subtitle.
+      SUBTITLE,
+      // Table.
+      TABLE,
+      // Slide title.
+      TITLE,
+      // Slide image.
+      SLIDE_IMAGE,
+    }
+
+    // The placeholder information that uniquely identifies a placeholder shape.
+    export interface Placeholder {
+      // The type of a placeholder shape.
+      //
+      // Many of these placeholder types correspond to placeholder ids from the
+      // ECMA-376 standard. More information on those shapes can be found in the
+      // description of the "ST_PlaceholderType" type in section 19.7.10 of "Office
+      // Open XML File Formats - Fundamentals and Markup Language Reference", part
+      // 1 of [ECMA-376 4th
+      // edition](http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+      // The type of the placeholder.
+      type: PlaceholderType
+      // The index of the placeholder. If the same placeholder types are present in
+      // the same page, they would have different index values.
+      index: number
+      // The object ID of this shape's parent placeholder.
+      // If unset, the parent placeholder shape does not exist, so the shape does
+      // not inherit properties from any other shape.
+      parent_object_id: string
+    }
+
+    // The shape background fill.
+    interface ShapePropertiesShapeBackgroundFill {
+      // The background fill property state.
+      //
+      // Updating the fill on a shape will implicitly update this field to
+      // `RENDERED`, unless another value is specified in the same request. To
+      // have no fill on a shape, set this field to `NOT_RENDERED`. In this case,
+      // any other fill fields set in the same request will be ignored.
+      property_state: PropertyState
+      // The kind of background fill.
+      kind: {
+        // Solid color fill.
+        solid_fill: SolidFill
+      }
+    }
+
+    // The properties of a Shape.
+    //
+    // If the shape is a placeholder shape as determined by the
+    // placeholder field, then these
+    // properties may be inherited from a parent placeholder shape.
+    // Determining the rendered value of the property depends on the corresponding
+    // property_state field value.
+    export interface ShapeProperties {
+      // The background fill of the shape. If unset, the background fill is
+      // inherited from a parent placeholder if it exists. If the shape has no
+      // parent, then the default background fill depends on the shape type,
+      // matching the defaults for new shapes created in the Slides editor.
+      shape_background_fill: ShapePropertiesShapeBackgroundFill
+      // The outline of the shape. If unset, the outline is inherited from a
+      // parent placeholder if it exists. If the shape has no parent, then the
+      // default outline depends on the shape type, matching the defaults for
+      // new shapes created in the Slides editor.
+      outline: Outline
+      // The shadow properties of the shape. If unset, the shadow is inherited from
+      // a parent placeholder if it exists. If the shape has no parent, then the
+      // default shadow matches the defaults for new shapes created in the Slides
+      // editor. This property is read-only.
+      shadow: Shadow
+      // The hyperlink destination of the shape. If unset, there is no link. Links
+      // are not inherited from parent placeholders.
+      link: Link
+      // The alignment of the content in the shape. If unspecified,
+      // the alignment is inherited from a parent placeholder if it exists. If the
+      // shape has no parent, the default alignment matches the alignment for new
+      // shapes created in the Slides editor.
+      content_alignment: ContentAlignment
+    }
+
+    // The types of content alignment.
+    //
+    // Derived from a subset of the values of the "ST_TextAnchoringType" simple type
+    // in section 20.1.10.59 of "Office Open XML File Formats - Fundamentals and
+    // Markup Language Reference", part 1 of [ECMA-376 4th edition]
+    // (http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+    export enum ContentAlignment {
+      // An unspecified content alignment. The content alignment is inherited from
+      // the parent if it exists.
+      CONTENT_ALIGNMENT_UNSPECIFIED,
+      // An unsupported content alignment.
+      CONTENT_ALIGNMENT_UNSUPPORTED,
+      // An alignment that aligns the content to the top of the content holder.
+      // Corresponds to ECMA-376 ST_TextAnchoringType 't'.
+      TOP,
+      // An alignment that aligns the content to the middle of the content
+      // holder. Corresponds to ECMA-376 ST_TextAnchoringType 'ctr'.
+      MIDDLE,
+      // An alignment that aligns the content to the bottom of the content
+      // holder. Corresponds to ECMA-376 ST_TextAnchoringType 'b'.
+      BOTTOM,
+    }
+
+    // A PageElement kind representing an image.
+    export interface Image {
+      // An URL to an image with a default lifetime of 30 minutes.
+      // This URL is tagged with the account of the requester. Anyone with the URL
+      // effectively accesses the image as the original requester. Access to the
+      // image may be lost if the presentation's sharing settings change.
+      content_url: string
+      // The properties of the image.
+      image_properties: ImageProperties
+      // The source URL is the URL used to insert the image. The source URL can be
+      // empty.
+      source_url: string
+    }
+
+    // The properties of the Image.
+    export interface ImageProperties {
+      // The crop properties of the image. If not set, the image is not cropped.
+      // This property is read-only.
+      crop_properties: CropProperties
+      // The transparency effect of the image. The value should be in the interval
+      // [0.0, 1.0], where 0 means no effect and 1 means completely transparent.
+      // This property is read-only.
+      transparency: number
+      // The brightness effect of the image. The value should be in the interval
+      // [-1.0, 1.0], where 0 means no effect. This property is read-only.
+      brightness: number
+      // The contrast effect of the image. The value should be in the interval
+      // [-1.0, 1.0], where 0 means no effect. This property is read-only.
+      contrast: number
+      // The recolor effect of the image. If not set, the image is not recolored.
+      // This property is read-only.
+      recolor: Recolor
+      // The outline of the image. If not set, the image has no outline.
+      outline: Outline
+      // The shadow of the image. If not set, the image has no shadow. This property
+      // is read-only.
+      shadow: Shadow
+      // The hyperlink destination of the image. If unset, there is no link.
+      link: Link
+    }
+
+    // The video sources.
+    enum VideoSource {
+      // The video source is unspecified.
+      SOURCE_UNSPECIFIED,
+      // The video source is YouTube.
+      YOUTUBE,
+      // The video source is Google Drive.
+      DRIVE,
+    }
+
+    // A PageElement kind representing a video.
+    export interface Video {
+      // An URL to a video. The URL is valid as long as the source video exists and
+      // sharing settings do not change.
+      url: string
+      // The video source.
+      source: VideoSource
+      // The video source's unique identifier for this video.
+      id: string
+      // The properties of the video.
+      video_properties: VideoProperties
+    }
+
+    // The properties of the Video.
+    export interface VideoProperties {
+      // The outline of the video. The default outline matches the defaults for new
+      // videos created in the Slides editor.
+      outline: Outline
+      // Whether to enable video autoplay when the page is displayed in present
+      // mode. Defaults to false.
+      auto_play: boolean
+      // The time at which to start playback, measured in seconds from the beginning
+      // of the video.
+      // If set, the start time should be before the end time.
+      // If you set this to a value that exceeds the video's length in seconds, the
+      // video will be played from the last second.
+      // If not set, the video will be played from the beginning.
+      start: number
+      // The time at which to end playback, measured in seconds from the beginning
+      // of the video.
+      // If set, the end time should be after the start time.
+      // If not set or if you set this to a value that exceeds the video's length,
+      // the video will be played until its end.
+      end: number
+      // Whether to mute the audio during video playback. Defaults to false.
+      mute: boolean
+    }
+
+    // Derived from a subset of the values of the "ST_ShapeType" simple type in
+    // section 20.1.10.55 of "Office Open XML File Formats - Fundamentals and
+    // Markup Language Reference", part 1 of [ECMA-376 4th edition]
+    // (http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+    enum LineType {
+      // An unspecified line type.
+      TYPE_UNSPECIFIED,
+      // Straight connector 1 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'straightConnector1'.
+      STRAIGHT_CONNECTOR_1,
+      // Bent connector 2 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'bentConnector2'.
+      BENT_CONNECTOR_2,
+      // Bent connector 3 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'bentConnector3'.
+      BENT_CONNECTOR_3,
+      // Bent connector 4 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'bentConnector4'.
+      BENT_CONNECTOR_4,
+      // Bent connector 5 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'bentConnector5'.
+      BENT_CONNECTOR_5,
+      // Curved connector 2 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedConnector2'.
+      CURVED_CONNECTOR_2,
+      // Curved connector 3 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedConnector3'.
+      CURVED_CONNECTOR_3,
+      // Curved connector 4 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedConnector4'.
+      CURVED_CONNECTOR_4,
+      // Curved connector 5 form. Corresponds to ECMA-376 ST_ShapeType
+      // 'curvedConnector5'.
+      CURVED_CONNECTOR_5,
+      // Straight line. Corresponds to ECMA-376 ST_ShapeType 'line'. This line
+      // type is not a connector.
+      STRAIGHT_LINE,
+    }
+
+    // A PageElement kind representing a
+    // non-connector line, straight connector, curved connector, or bent connector.
+    export interface Line {
+      // The properties of the line.
+      line_properties: LineProperties
+      // The type of the line.
+      line_type: LineType
+    }
+
+    // The catgory of a Line.
+    export enum LineCategory {
+      // Unspecified line category.
+      LINE_CATEGORY_UNSPECIFIED,
+      // Straight connectors, including straight connector 1.
+      STRAIGHT,
+      // Bent connectors, including bent connector 2 to 5.
+      BENT,
+      // Curved connectors, including curved connector 2 to 5.
+      CURVED,
+    }
+
+    // The fill of the line.
+    export interface LinePropertiesLineFill {
+      // The kind of line fill.
+      kind: {
+        // Solid color fill.
+        solid_fill: SolidFill
+      }
+    }
+
+    // The kinds of start and end forms with which linear geometry can be
+    // rendered. Some values are based on the "ST_LineEndType" simple type
+    // described in section 20.1.10.33 of "Office Open XML File Formats -
+    // Fundamentals and Markup Language Reference", part 1 of [ECMA-376 4th
+    // edition](http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+    export enum LinePropertiesArrowStyle {
+      // An unspecified arrow style.
+      ARROW_STYLE_UNSPECIFIED,
+      // No arrow.
+      NONE,
+      // Arrow with notched back. Corresponds to ECMA-376 ST_LineEndType value
+      // 'stealth'.
+      STEALTH_ARROW,
+      // Filled arrow. Corresponds to ECMA-376 ST_LineEndType value 'triangle'.
+      FILL_ARROW,
+      // Filled circle. Corresponds to ECMA-376 ST_LineEndType value 'oval'.
+      FILL_CIRCLE,
+      // Filled square.
+      FILL_SQUARE,
+      // Filled diamond. Corresponds to ECMA-376 ST_LineEndType value 'diamond'.
+      FILL_DIAMOND,
+      // Hollow arrow.
+      OPEN_ARROW,
+      // Hollow circle.
+      OPEN_CIRCLE,
+      // Hollow square.
+      OPEN_SQUARE,
+      // Hollow diamond.
+      OPEN_DIAMOND,
+    }
+
+    // The properties of the Line.
+    //
+    // When unset, these fields default to values that match the appearance of
+    // new lines created in the Slides editor.
+    export interface LineProperties {
+      // The fill of the line. The default line fill matches the defaults for new
+      // lines created in the Slides editor.
+      line_fill: LinePropertiesLineFill
+      // The thickness of the line.
+      weight: Dimension
+      // The dash style of the line.
+      dash_style: DashStyle
+      // The style of the arrow at the beginning of the line.
+      start_arrow: LinePropertiesArrowStyle
+      // The style of the arrow at the end of the line.
+      end_arrow: LinePropertiesArrowStyle
+      // The hyperlink destination of the line. If unset, there is no link.
+      link: Link
+    }
+
+    // A PageElement kind representing a table.
+    export interface Table {
+      // Number of rows in the table.
+      rows: number
+      // Number of columns in the table.
+      columns: number
+      // Properties and contents of each row.
+      //
+      // Cells that span multiple rows are contained in only one of these rows and
+      // have a row_span greater than 1.
+      table_rows: TableRow[]
+      // Properties of each column.
+      table_columns: TableColumnProperties[]
+      // Properties of horizontal cell borders.
+      //
+      // A table's horizontal cell borders are represented as a grid. The grid has
+      // one more row than the number of rows in the table and the same number of
+      // columns as the table. For example, if the table is 3 x 3, its horizontal
+      // borders will be represented as a grid with 4 rows and 3 columns.
+      horizontal_border_rows: TableBorderRow[]
+      // Properties of vertical cell borders.
+      //
+      // A table's vertical cell borders are represented as a grid. The grid has the
+      // same number of rows as the table and one more column than the number of
+      // columns in the table. For example, if the table is 3 x 3, its vertical
+      // borders will be represented as a grid with 3 rows and 4 columns.
+      vertical_border_rows: TableBorderRow[]
+    }
+
+    // Properties of each column in a table.
+    export interface TableColumnProperties {
+      // Width of a column.
+      column_width: Dimension
+    }
+
+    // Properties and contents of each row in a table.
+    export interface TableRow {
+      // Height of a row.
+      row_height: Dimension
+      // Properties of the row.
+      table_row_properties: TableRowProperties
+      // Properties and contents of each cell.
+      //
+      // Cells that span multiple columns are represented only once with a
+      // column_span greater than 1. As a result, the length of this
+      // collection does not always match the number of columns of the entire table.
+      table_cells: TableCell[]
+    }
+
+    // Properties of each row in a table.
+    export interface TableRowProperties {
+      // Minimum height of the row. The row will be rendered in the Slides editor at
+      // a height equal to or greater than this value in order to show all the text
+      // in the row's cell(s).
+      min_row_height: Dimension
+    }
+
+    // Properties and contents of each table cell.
+    export interface TableCell {
+      // The location of the cell within the table.
+      location: TableCellLocation
+      // Row span of the cell.
+      row_span: number
+      // Column span of the cell.
+      column_span: number
+      // The text content of the cell.
+      text: TextContent
+      // The properties of the table cell.
+      table_cell_properties: TableCellProperties
+    }
+
+    // The table cell background fill.
+    export interface TableCellPropertiesTableCellBackgroundFill {
+      // The background fill property state.
+      //
+      // Updating the fill on a table cell will implicitly update this field
+      // to `RENDERED`, unless another value is specified in the same request. To
+      // have no fill on a table cell, set this field to `NOT_RENDERED`. In this
+      // case, any other fill fields set in the same request will be ignored.
+      property_state: PropertyState
+      // The kind of background fill.
+      kind: {
+        // Solid color fill.
+        solid_fill: SolidFill
+      }
+    }
+
+    // The properties of the TableCell.
+    export interface TableCellProperties {
+      // The background fill of the table cell. The default fill matches the fill
+      // for newly created table cells in the Slides editor.
+      table_cell_background_fill: TableCellPropertiesTableCellBackgroundFill
+      // The alignment of the content in the table cell. The default alignment
+      // matches the alignment for newly created table cells in the Slides editor.
+      content_alignment: ContentAlignment
+    }
+
+    // Contents of each border row in a table.
+    export interface TableBorderRow {
+      // Properties of each border cell. When a border's adjacent table cells are
+      // merged, it is not included in the response.
+      table_border_cells: TableBorderCell[]
+    }
+
+    // The properties of each border cell.
+    export interface TableBorderCell {
+      // The location of the border within the border table.
+      location: TableCellLocation
+      // The border properties.
+      table_border_properties: TableBorderProperties
+    }
+
+    // The fill of the border.
+    export interface TableBorderPropertiesTableBorderFill {
+      // The kind of fill.
+      kind: {
+        // Solid fill.
+        solid_fill: SolidFill
+      }
+    }
+
+    // The border styling properties of the TableBorderCell.
+    export interface TableBorderProperties {
+      // The fill of the table border.
+      table_border_fill: TableBorderPropertiesTableBorderFill
+      // The thickness of the border.
+      weight: Dimension
+      // The dash style of the border.
+      dash_style: DashStyle
+    }
+
+    // A table range represents a reference to a subset of a table.
+    //
+    // It's important to note that the cells specified by a table range do not
+    // necessarily form a rectangle. For example, let's say we have a 3 x 3 table
+    // where all the cells of the last row are merged together. The table looks
+    // like this:
+    //
+    //      [   ][   ][   ]
+    //      [   ][   ][   ]
+    //      [             ]
+    //
+    // A table range with location = (0, 0), row span = 3 and column span = 2
+    // specifies the following cells:
+    //
+    //      [ x ][ x ][   ]
+    //      [ x ][ x ][   ]
+    //      [      x      ]
+    //
+    export interface TableRange {
+      // The starting location of the table range.
+      location: TableCellLocation
+      // The row span of the table range.
+      row_span: number
+      // The column span of the table range.
+      column_span: number
+    }
+
+    // A PageElement kind representing word art.
+    export interface WordArt {
+      // The text rendered as word art.
+      rendered_text: string
+    }
+
+    // A PageElement kind representing a linked chart embedded from Google Sheets.
+    export interface SheetsChart {
+      // The ID of the Google Sheets spreadsheet that contains the source chart.
+      spreadsheet_id: string
+      // The ID of the specific chart in the Google Sheets spreadsheet that is
+      // embedded.
+      chart_id: number
+      // The URL of an image of the embedded chart, with a default lifetime of 30
+      // minutes. This URL is tagged with the account of the requester. Anyone with
+      // the URL effectively accesses the image as the original requester. Access to
+      // the image may be lost if the presentation's sharing settings change.
+      content_url: string
+      // The properties of the Sheets chart.
+      sheets_chart_properties: SheetsChartProperties
+    }
+
+    // The properties of the SheetsChart.
+    export interface SheetsChartProperties {
+      // The kind of Sheets chart properties.
+      kind: {
+        // The properties of the embedded chart image.
+        chart_image_properties: ImageProperties
+      }
+    }
+
+    //// FILE: properties.proto ////
+    // The possible states of a property.
+    enum PropertyState {
+      // If a property's state is RENDERED, then the element has the corresponding
+      // property when rendered on a page. If the element is a placeholder shape as
+      // determined by the placeholder
+      // field, and it inherits from a placeholder shape, the corresponding field
+      // may be unset, meaning that the property value is inherited from a parent
+      // placeholder. If the element does not inherit, then the field will contain
+      // the rendered value. This is the default value.
+      RENDERED,
+      // If a property's state is NOT_RENDERED, then the element does not have the
+      // corresponding property when rendered on a page. However, the field may
+      // still be set so it can be inherited by child shapes. To remove a property
+      // from a rendered element, set its property_state to NOT_RENDERED.
+      NOT_RENDERED,
+      // If a property's state is INHERIT, then the property state uses the value of
+      // corresponding `property_state` field on the parent shape. Elements that do
+      // not inherit will never have an INHERIT property state.
+      INHERIT,
+    }
+
+    // The stretched picture fill. The page or page element is filled entirely with
+    // the specified picture. The picture is stretched to fit its container.
+    export interface StretchedPictureFill {
+      // Reading the content_url:
+      //
+      // An URL to a picture with a default lifetime of 30 minutes.
+      // This URL is tagged with the account of the requester. Anyone with the URL
+      // effectively accesses the picture as the original requester. Access to the
+      // picture may be lost if the presentation's sharing settings change.
+      //
+      // Writing the content_url:
+      //
+      // The picture is fetched once at insertion time and a copy is stored for
+      // display inside the presentation. Pictures must be less than 50MB in size,
+      // cannot exceed 25 megapixels, and must be in one of PNG, JPEG, or GIF
+      // format.
+      //
+      // The provided URL can be at most 2 kB in length.
+      //
+      content_url: string,
+      // The original size of the picture fill. This field is read-only.
+      size: Size,
+    }
+
+    // A solid color fill. The page or page element is filled entirely with the
+    // specified color value.
+    //
+    // If any field is unset, its value may be inherited from a parent placeholder
+    // if it exists.
+    export interface SolidFill {
+      // The color value of the solid fill.
+      color: OpaqueColor,
+      // The fraction of this `color` that should be applied to the pixel.
+      // That is, the final pixel color is defined by the equation:
+      //
+      //   pixel color = alpha * (color) + (1.0 - alpha) * (background color)
+      //
+      // This means that a value of 1.0 corresponds to a solid color, whereas
+      // a value of 0.0 corresponds to a completely transparent color.
+      alpha: number
+    }
+
+    // The fill of the outline.
+    interface OutlineOutlineFill {
+      // The kind of outline fill.
+      kind: {
+        // Solid color fill.
+        solid_fill: SolidFill
+      }
+    }
+
+    // The outline of a PageElement.
+    //
+    // If these fields are unset, they may be inherited from a parent placeholder
+    // if it exists. If there is no parent, the fields will default to the value
+    // used for new page elements created in the Slides editor, which may depend on
+    // the page element kind.
+    export interface Outline {
+      // Solid color fill.
+      solid_fill: SolidFill
+      // The fill of the outline.
+      outline_fill: OutlineOutlineFill
+      // The thickness of the outline.
+      weight: Dimension
+      // The dash style of the outline.
+      dash_style: DashStyle
+      // The outline property state.
+      //
+      // Updating the outline on a page element will implicitly update this field
+      // to `RENDERED`, unless another value is specified in the same request. To
+      // have no outline on a page element, set this field to `NOT_RENDERED`. In
+      // this case, any other outline fields set in the same request will be
+      // ignored.
+      property_state: PropertyState
+    }
+
+    // The kinds of dashes with which linear geometry can be rendered. These
+    // values are based on the "ST_PresetLineDashVal" simple type described in
+    // section 20.1.10.48 of "Office Open XML File Formats - Fundamentals and
+    // Markup Language Reference", part 1 of [ECMA-376 4th
+    // edition](http://www.ecma-international.org/publications/standards/Ecma-376.htm).
+    export enum DashStyle {
+      // Unspecified dash style.
+      DASH_STYLE_UNSPECIFIED,
+      // Solid line. Corresponds to ECMA-376 ST_PresetLineDashVal value 'solid'.
+      // This is the default dash style.
+      SOLID,
+      // Dotted line. Corresponds to ECMA-376 ST_PresetLineDashVal value 'dot'.
+      DOT,
+      // Dashed line. Corresponds to ECMA-376 ST_PresetLineDashVal value 'dash'.
+      DASH,
+      // Alternating dashes and dots. Corresponds to ECMA-376 ST_PresetLineDashVal
+      // value 'dashDot'.
+      DASH_DOT,
+      // Line with large dashes. Corresponds to ECMA-376 ST_PresetLineDashVal
+      // value 'lgDash'.
+      LONG_DASH,
+      // Alternating large dashes and dots. Corresponds to ECMA-376
+      // ST_PresetLineDashVal value 'lgDashDot'.
+      LONG_DASH_DOT,
+    }
+
+    // Defines reference positions in a rectangle.
+    export enum RectanglePosition {
+      // Unspecified.
+      RECTANGLE_POSITION_UNSPECIFIED,
+      // Top left.
+      TOP_LEFT,
+      // Top center.
+      TOP_CENTER,
+      // Top right.
+      TOP_RIGHT,
+      // Left center.
+      LEFT_CENTER,
+      // Center.
+      CENTER,
+      // Right center.
+      RIGHT_CENTER,
+      // Bottom left.
+      BOTTOM_LEFT,
+      // Bottom center.
+      BOTTOM_CENTER,
+      // Bottom right.
+      BOTTOM_RIGHT,
+    }
+
+    // The shadow types.
+    export enum ShadowType {
+      // Unspecified shadow type.
+      SHADOW_TYPE_UNSPECIFIED,
+      // Outer shadow.
+      OUTER,
+    }
+
+    // The shadow properties of a page element.
+    //
+    // If these fields are unset, they may be inherited from a parent placeholder
+    // if it exists. If there is no parent, the fields will default to the value
+    // used for new page elements created in the Slides editor, which may depend on
+    // the page element kind.
+    export interface Shadow {
+      // The type of the shadow.
+      type: ShadowType,
+      // Transform that encodes the translate, scale, and skew of the shadow,
+      // relative to the alignment position.
+      transform: AffineTransform,
+      // The alignment point of the shadow, that sets the origin for translate,
+      // scale and skew of the shadow.
+      alignment: RectanglePosition,
+      // The radius of the shadow blur. The larger the radius, the more diffuse the
+      // shadow becomes.
+      blur_radius: Dimension,
+      // The shadow color value.
+      color: OpaqueColor,
+      // The alpha of the shadow's color, from 0.0 to 1.0.
+      alpha: number
+      // Whether the shadow should rotate with the shape.
+      rotate_with_shape: boolean
+      // The shadow property state.
+      //
+      // Updating the shadow on a page element will implicitly update this field to
+      // `RENDERED`, unless another value is specified in the same request. To have
+      // no shadow on a page element, set this field to `NOT_RENDERED`. In this
+      // case, any other shadow fields set in the same request will be ignored.
+      property_state: PropertyState
+    }
+
+    // The crop properties of an object enclosed in a container. For example, an
+    // Image.
+    //
+    // The crop properties is represented by the offsets of four edges which define
+    // a crop rectangle. The offsets are measured in percentage from the
+    // corresponding edges of the object's original bounding rectangle towards
+    // inside, relative to the object's original dimensions.
+    //
+    // - If the offset is in the interval (0, 1), the corresponding edge of crop
+    // rectangle is positioned inside of the object's original bounding rectangle.
+    // - If the offset is negative or greater than 1, the corresponding edge of crop
+    // rectangle is positioned outside of the object's original bounding rectangle.
+    // - If the left edge of the crop rectangle is on the right side of its right
+    // edge, the object will be flipped horizontally.
+    // - If the top edge of the crop rectangle is below its bottom edge, the object
+    // will be flipped vertically.
+    // - If all offsets and rotation angle is 0, the object is not cropped.
+    //
+    // After cropping, the content in the crop rectangle will be stretched to fit
+    // its container.
+    export interface CropProperties {
+      // The offset specifies the left edge of the crop rectangle that is located to
+      // the right of the original bounding rectangle left edge, relative to the
+      // object's original width.
+      left_offset: number
+      // The offset specifies the right edge of the crop rectangle that is located
+      // to the left of the original bounding rectangle right edge, relative to the
+      // object's original width.
+      right_offset: number
+      // The offset specifies the top edge of the crop rectangle that is located
+      // below the original bounding rectangle top edge, relative to the object's
+      // original height.
+      top_offset: number
+      // The offset specifies the bottom edge of the crop rectangle that is located
+      // above the original bounding rectangle bottom edge, relative to the object's
+      // original height.
+      bottom_offset: number
+      // The rotation angle of the crop window around its center, in radians.
+      // Rotation angle is applied after the offset.
+      angle: number
+    }
+
+    // A recolor effect applied on an image.
+    export enum RecolorName {
+      // No recolor effect. The default value.
+      NONE,
+      // A recolor effect that lightens the image using the page's first available
+      // color from its color scheme.
+      LIGHT1,
+      // A recolor effect that lightens the image using the page's second
+      // available color from its color scheme.
+      LIGHT2,
+      // A recolor effect that lightens the image using the page's third available
+      // color from its color scheme.
+      LIGHT3,
+      // A recolor effect that lightens the image using the page's forth available
+      // color from its color scheme.
+      LIGHT4,
+      // A recolor effect that lightens the image using the page's fifth available
+      // color from its color scheme.
+      LIGHT5,
+      // A recolor effect that lightens the image using the page's sixth available
+      // color from its color scheme.
+      LIGHT6,
+      // A recolor effect that lightens the image using the page's seventh
+      // available color from its color scheme.e.
+      LIGHT7,
+      // A recolor effect that lightens the image using the page's eighth
+      // available color from its color scheme.
+      LIGHT8,
+      // A recolor effect that lightens the image using the page's ninth available
+      // color from its color scheme.
+      LIGHT9,
+      // A recolor effect that lightens the image using the page's tenth available
+      // color from its color scheme.
+      LIGHT10,
+      // A recolor effect that darkens the image using the page's first available
+      // color from its color scheme.
+      DARK1,
+      // A recolor effect that darkens the image using the page's second available
+      // color from its color scheme.
+      DARK2,
+      // A recolor effect that darkens the image using the page's third available
+      // color from its color scheme.
+      DARK3,
+      // A recolor effect that darkens the image using the page's fourth available
+      // color from its color scheme.
+      DARK4,
+      // A recolor effect that darkens the image using the page's fifth available
+      // color from its color scheme.
+      DARK5,
+      // A recolor effect that darkens the image using the page's sixth available
+      // color from its color scheme.
+      DARK6,
+      // A recolor effect that darkens the image using the page's seventh
+      // available color from its color scheme.
+      DARK7,
+      // A recolor effect that darkens the image using the page's eighth available
+      // color from its color scheme.
+      DARK8,
+      // A recolor effect that darkens the image using the page's ninth available
+      // color from its color scheme.
+      DARK9,
+      // A recolor effect that darkens the image using the page's tenth available
+      // color from its color scheme.
+      DARK10,
+      // A recolor effect that recolors the image to grayscale.
+      GRAYSCALE,
+      // A recolor effect that recolors the image to negative grayscale.
+      NEGATIVE,
+      // A recolor effect that recolors the image using the sepia color.
+      SEPIA,
+      // Custom recolor effect. Refer to `recolor_stops` for the concrete
+      // gradient.
+      CUSTOM,
+    }
+
+    // A recolor effect applied on an image.
+    export interface Recolor {
+      // The recolor effect is represented by a gradient, which is a list of color
+      // stops.
+      //
+      // The colors in the gradient will replace the corresponding colors at
+      // the same position in the color palette and apply to the image. This
+      // property is read-only.
+      recolor_stops: ColorStop[],
+      // The name of the recolor effect.
+      //
+      // The name is determined from the `recolor_stops` by matching the gradient
+      // against the colors in the page's current color scheme. This property is
+      // read-only.
+      name: RecolorName,
+    }
+
+    //// FILE: requests.proto ////
+
+    //// FILE: slides.proto ////
+    // GetPage, CreatePresentation, BatchUpdatePresentation, GetPageThumbnail are not used.
+    // TODO export top level methods
+
+    //// FILE: text.proto ////
+    // A TextElement describes the content of a range of indices in the text content
+    // of a Shape or TableCell.
+    interface TextElement {
+      // The zero-based start index of this text element, in Unicode code units.
+      start_index: number
+      // The zero-based end index of this text element, exclusive, in Unicode code
+      // units.
+      end_index: number
+      // The kind of text that this element represents.
+      kind: {
+        // A marker representing the beginning of a new paragraph.
+        //
+        // The `start_index` and `end_index` of this TextElement represent the
+        // range of the paragraph. Other TextElements with an index range contained
+        // inside this paragraph's range are considered to be part of this
+        // paragraph. The range of indices of two separate paragraphs will never
+        // overlap.
+        paragraph_marker: ParagraphMarker
+        // A TextElement representing a run of text where all of the characters
+        // in the run have the same TextStyle.
+        //
+        // The `start_index` and `end_index` of TextRuns will always be fully
+        // contained in the index range of a single `paragraph_marker` TextElement.
+        // In other words, a TextRun will never span multiple paragraphs.
+        text_run: TextRun
+        // A TextElement representing a spot in the text that is dynamically
+        // replaced with content that can change over time.
+        auto_text: AutoText
+      }
+    }
+
+    // A TextElement kind that represents the beginning of a new paragraph.
+    interface ParagraphMarker {
+      // The paragraph's style
+      style: ParagraphStyle
+      // The bullet for this paragraph. If not present, the paragraph does not
+      // belong to a list.
+      bullet: Bullet
+    }
+
+    // A List describes the look and feel of bullets belonging to paragraphs
+    // associated with a list. A paragraph that is part of a list has an implicit
+    // reference to that list's ID.
+    interface List {
+      // The ID of the list.
+      list_id: string
+      // A map of nesting levels to the properties of bullets at the associated
+      // level. A list has at most nine levels of nesting, so the possible values
+      // for the keys of this map are 0 through 8, inclusive.
+      nesting_level: Map<number, NestingLevel>
+    }
+
+    // Describes the bullet of a paragraph.
+    interface Bullet {
+      // The ID of the list this paragraph belongs to.
+      list_id: string
+      // The nesting level of this paragraph in the list.
+      nesting_level: number
+      // The rendered bullet glyph for this paragraph.
+      glyph: string
+      // The paragraph specific text style applied to this bullet.
+      bullet_style: TextStyle
+    }
+
+    // Contains properties describing the look and feel of a list bullet at a given
+    // level of nesting.
+    interface NestingLevel {
+      // The style of a bullet at this level of nesting.
+      bullet_style: TextStyle
+    }
+
+    // A TextElement kind that represents a run of text that all has the same
+    // styling.
+    interface TextRun {
+      // The text of this run.
+      content: string
+      // The styling applied to this run.
+      style: TextStyle
+    }
+
+    // The types of auto text
+    enum AutoTextType {
+      // An unspecified autotext type.
+      TYPE_UNSPECIFIED,
+      // Type for autotext that represents the current slide number.
+      SLIDE_NUMBER
+    }
+
+    // A TextElement kind that represents auto text.
+    interface AutoText {
+      // The type of this auto text.
+      type: AutoTextType
+      // The rendered content of this auto text, if available.
+      content: string,
+      // The styling applied to this auto text.
+      style: TextStyle
+    }
+
+    // The types of text alignment for a paragraph.
+    enum ParagraphStyleAlignment {
+      // The paragraph alignment is inherited from the parent.
+      ALIGNMENT_UNSPECIFIED,
+      // The paragraph is aligned to the start of the line. Left-aligned for
+      // LTR text, right-aligned otherwise.
+      START,
+      // The paragraph is centered.
+      CENTER,
+      // The paragraph is aligned to the end of the line. Right-aligned for
+      // LTR text, left-aligned otherwise.
+      END,
+      // The paragraph is justified.
+      JUSTIFIED,
+    }
+
+    // The directions text can flow in.
+    enum ParagraphStyleTextDirection {
+      // The text direction is inherited from the parent.
+      TEXT_DIRECTION_UNSPECIFIED,
+      // The text goes from left to right.
+      LEFT_TO_RIGHT,
+      // The text goes from right to left.
+      RIGHT_TO_LEFT,
+    }
+
+    // The different modes for paragraph spacing.
+    enum ParagraphStyleSpacingMode {
+      // The spacing mode is inherited from the parent.
+      SPACING_MODE_UNSPECIFIED,
+      // Paragraph spacing is always rendered.
+      NEVER_COLLAPSE,
+      // Paragraph spacing is skipped between list elements.
+      COLLAPSE_LISTS,
+    }
+
+    // Styles that apply to a whole paragraph.
+    //
+    // If this text is contained in a shape with a parent placeholder, then these
+    // paragraph styles may be inherited from the parent. Which paragraph styles
+    // are inherited depend on the nesting level of lists:
+    //
+    // * A paragraph not in a list will inherit its paragraph style from the
+    //   paragraph at the 0 nesting level of the list inside the parent placeholder.
+    // * A paragraph in a list will inherit its paragraph style from the paragraph
+    //   at its corresponding nesting level of the list inside the parent
+    //   placeholder.
+    //
+    // Inherited paragraph styles are represented as unset fields in this message.
+    interface ParagraphStyle {
+      // The amount of space between lines, as a percentage of normal, where normal
+      // is represented as 100.0. If unset, the value is inherited from the parent.
+      line_spacing: number,
+
+      // The text alignment for this paragraph.
+      alignment: ParagraphStyleAlignment
+
+      // The amount indentation for the paragraph on the side that corresponds to
+      // the start of the text, based on the current text direction. If unset, the
+      // value is inherited from the parent.
+      indent_start: Dimension,
+
+      // The amount indentation for the paragraph on the side that corresponds to
+      // the end of the text, based on the current text direction. If unset, the
+      // value is inherited from the parent.
+      indent_end: Dimension,
+
+      // The amount of extra space above the paragraph. If unset, the value is
+      // inherited from the parent.
+      space_above: Dimension,
+
+      // The amount of extra space below the paragraph. If unset, the value is
+      // inherited from the parent.
+      space_below: Dimension,
+
+      // The amount of indentation for the start of the first line of the paragraph.
+      // If unset, the value is inherited from the parent.
+      indent_first_line: Dimension,
+
+      // The text direction of this paragraph. If unset, the value defaults to
+      // LEFT_TO_RIGHT] since text direction is not inherited.
+      direction: ParagraphStyleTextDirection
+
+      // The spacing mode for the paragraph.
+      spacing_mode: ParagraphStyleSpacingMode
+    }
+
+    // The ways in which text can be vertically offset from its normal position.
+    enum TextStyleBaselineOffset {
+      // The text's baseline offset is inherited from the parent.
+      BASELINE_OFFSET_UNSPECIFIED,
+      // The text is not vertically offset.
+      NONE,
+      // The text is vertically offset upwards (superscript).
+      SUPERSCRIPT,
+      // The text is vertically offset downwards (subscript).
+      SUBSCRIPT,
+    }
+
+    // Represents a font family and weight used to style a TextRun.
+    interface TextStyleWeightedFontFamily {
+      // The font family of the text.
+      //
+      // The font family can be any font from the Font menu in Slides or from
+      // [Google Fonts](https://fonts.google.com/). If the font name is
+      // unrecognized, the text is rendered in `Arial`.
+      font_family: string
+
+      // The rendered weight of the text. This field can have any value that is a
+      // multiple of `100` between `100` and `900`, inclusive. This range
+      // corresponds to the numerical values described in the CSS 2.1
+      // Specification, [section 15.6](https://www.w3.org/TR/CSS21/fonts.html#font-boldness),
+      // with non-numerical values disallowed. Weights greater than or equal to
+      // `700` are considered bold, and weights less than `700`are not bold. The
+      // default value is `400` ("normal").
+      weight: number
+    }
+
+    // Represents the styling that can be applied to a TextRun.
+    //
+    // If this text is contained in a shape with a parent placeholder, then these text styles may be
+    // inherited from the parent. Which text styles are inherited depend on the
+    // nesting level of lists:
+    //
+    // * A text run in a paragraph that is not in a list will inherit its text style
+    //   from the the newline character in the paragraph at the 0 nesting level of
+    //   the list inside the parent placeholder.
+    // * A text run in a paragraph that is in a list will inherit its text style
+    //   from the newline character in the paragraph at its corresponding nesting
+    //   level of the list inside the parent placeholder.
+    //
+    // Inherited text styles are represented as unset fields in this message. If
+    // text is contained in a shape without a parent placeholder, unsetting these
+    // fields will revert the style to a value matching the defaults in the Slides
+    // editor.
+    interface TextStyle {
+      // The background color of the text. If set, the color is either opaque or
+      // transparent, depending on if the `opaque_color` field in it is set.
+      background_color: OptionalColor,
+
+      // The color of the text itself. If set, the color is either opaque or
+      // transparent, depending on if the `opaque_color` field in it is set.
+      foreground_color: OptionalColor,
+
+      // Whether or not the text is rendered as bold.
+      bold: boolean,
+
+      // Whether or not the text is italicized.
+      italic: boolean,
+
+      // The font family of the text.
+      //
+      // The font family can be any font from the Font menu in Slides or from
+      // [Google Fonts] (https://fonts.google.com/). If the font name is
+      // unrecognized, the text is rendered in `Arial`.
+      //
+      // Some fonts can affect the weight of the text. If an update request
+      // specifies values for both `font_family` and `bold`, the explicitly-set
+      // `bold` value is used.
+      font_family: string,
+
+      // The size of the text's font. When read, the `font_size` will specified in
+      // points.
+      font_size: Dimension
+
+      // The hyperlink destination of the text. If unset, there is no link. Links
+      // are not inherited from parent text.
+      //
+      // Changing the link in an update request causes some other changes to the
+      // text style of the range:
+      //
+      // * When setting a link, the text foreground color will be set to
+      //   ThemeColorType.HYPERLINK and the text will
+      //   be underlined. If these fields are modified in the same
+      //   request, those values will be used instead of the link defaults.
+      // * Setting a link on a text range that overlaps with an existing link will
+      //   also update the existing link to point to the new URL.
+      // * Links are not settable on newline characters. As a result, setting a link
+      //   on a text range that crosses a paragraph boundary, such as `"ABC\n123"`,
+      //   will separate the newline character(s) into their own text runs. The
+      //   link will be applied separately to the runs before and after the newline.
+      // * Removing a link will update the text style of the range to match the
+      //   style of the preceding text (or the default text styles if the preceding
+      //   text is another link) unless different styles are being set in the same
+      //   request.
+      link: Link
+
+      // The text's vertical offset from its normal position.
+      //
+      // Text with `SUPERSCRIPT` or `SUBSCRIPT` baseline offsets is automatically
+      // rendered in a smaller font size, computed based on the `font_size` field.
+      // The `font_size` itself is not affected by changes in this field.
+      baseline_offset: TextStyleBaselineOffset
+
+      // Whether or not the text is in small capital letters.
+      small_caps: boolean,
+
+      // Whether or not the text is struck through.
+      strikethrough: boolean,
+
+      // Whether or not the text is underlined.
+      underline: boolean,
+
+      // The font family and rendered weight of the text.
+      //
+      // This field is an extension of `font_family` meant to support explicit font
+      // weights without breaking backwards compatibility. As such, when reading the
+      // style of a range of text, the value of `weighted_font_family#font_family`
+      // will always be equal to that of `font_family`. However, when writing, if
+      // both fields are included in the field mask (either explicitly or through
+      // the wildcard `"*"`), their values are reconciled as follows:
+      //
+      // * If `font_family` is set and `weighted_font_family` is not, the value of
+      //   `font_family` is applied with weight `400` ("normal").
+      // * If both fields are set, the value of `font_family` must match that of
+      //   `weighted_font_family#font_family`. If so, the font family and weight of
+      //   `weighted_font_family` is applied. Otherwise, a 400 bad request error is
+      //   returned.
+      // * If `weighted_font_family` is set and `font_family` is not, the font
+      //   family and weight of `weighted_font_family` is applied.
+      // * If neither field is set, the font family and weight of the text inherit
+      //   from the parent. Note that these properties cannot inherit separately
+      //   from each other.
+      //
+      // If an update request specifies values for both `weighted_font_family` and
+      // `bold`, the `weighted_font_family` is applied first, then `bold`.
+      //
+      // If `weighted_font_family#weight` is not set, it defaults to `400`.
+      //
+      // If `weighted_font_family` is set, then `weighted_font_family#font_family`
+      // must also be set with a non-empty value. Otherwise, a 400 bad request error
+      // is returned.
+      weighted_font_family: TextStyleWeightedFontFamily
+    }
+
+    // The kinds of relative links.
+    enum RelativeSlideLinkLink {
+      // An unspecified relative slide link.
+      RELATIVE_SLIDE_LINK_UNSPECIFIED,
+      // A link to the next slide.
+      NEXT_SLIDE,
+      // A link to the previous slide.
+      PREVIOUS_SLIDE,
+      // A link to the first slide in the presentation.
+      FIRST_SLIDE,
+      // A link to the last slide in the presentation.
+      LAST_SLIDE,
+    }
+
+    // The kinds of links.
+    interface LinkKind {
+      // If set, indicates this is a link to the external web page at this URL.
+      url: string
+      // If set, indicates this is a link to a slide in this presentation,
+      // addressed by its position.
+      relative_link: RelativeSlideLinkLink
+      // If set, indicates this is a link to the specific page in this
+      // presentation with this ID. A page with this ID may not exist.
+      page_object_id: string
+      // If set, indicates this is a link to the slide at this zero-based index
+      // in the presentation. There may not be a slide at this index.
+      slide_index: number
+    }
+
+    // A hypertext link.
+    interface Link {
+      // The kinds of links.
+      kind: LinkKind
+    }
+
+    //// FILE: transform.proto ////
+    interface AffineTransform {
+      // The X coordinate scaling element.
+      scale_x: number
+
+      // The Y coordinate scaling element.
+      scale_y: number
+
+      // The X coordinate shearing element.
+      shear_x: number
+
+      // The Y coordinate shearing element.
+      shear_y: number
+
+      // The X coordinate translation element.
+      translate_x: number
+
+      // The Y coordinate translation element.
+      translate_y: number
+
+      // The units for translate elements.
+      unit: Unit
+    }
+  }
+}
diff --git a/types/google-apps-script/apis/tagmanager/v1.d.ts b/types/google-apps-script/apis/tagmanager/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/tasks/v1.d.ts b/types/google-apps-script/apis/tasks/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/urlshortener/v1.d.ts b/types/google-apps-script/apis/urlshortener/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/youtube/v3.d.ts b/types/google-apps-script/apis/youtube/v3.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/youtubeAnalytics/v1.d.ts b/types/google-apps-script/apis/youtubeAnalytics/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/apis/youtubePartner/v1.d.ts b/types/google-apps-script/apis/youtubePartner/v1.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/google-apps-script/google-apps-script.gmail.d.ts b/types/google-apps-script/google-apps-script.gmail.d.ts
index 9a241db3e0..db8e6ecc52 100644
--- a/types/google-apps-script/google-apps-script.gmail.d.ts
+++ b/types/google-apps-script/google-apps-script.gmail.d.ts
@@ -187,6 +187,23 @@ declare namespace GoogleAppsScript {
       replyTo?: string;
     }
 
+    /**
+     * Options for a Gmail Attachments.
+     */
+    export type GmailAttachmentOptions = {
+      /**
+       * If the returned array of Blob attachments should include inline images.
+       */
+      includeInlineImages?: boolean;
+      /**
+       *  If the returned array of Blob attachments should include regular (non-inline) attachments.
+       */
+      includeAttachments?: boolean;
+      /**
+       * A comma-separated list of email addresses to BCC.
+       */
+    }
+    
     /**
      * A user-created label in a user's Gmail account.
      */
@@ -213,6 +230,7 @@ declare namespace GoogleAppsScript {
       forward(recipient: string): GmailMessage;
       forward(recipient: string, options: GmailDraftOptions): GmailMessage;
       getAttachments(): GmailAttachment[];
+      getAttachments(options: GmailAttachmentOptions): GmailAttachment[];
       getBcc(): string;
       getBody(): string;
       getCc(): string;
diff --git a/types/google-apps-script/google-apps-script.maps.d.ts b/types/google-apps-script/google-apps-script.maps.d.ts
index ee5f185da4..985def200b 100644
--- a/types/google-apps-script/google-apps-script.maps.d.ts
+++ b/types/google-apps-script/google-apps-script.maps.d.ts
@@ -81,7 +81,7 @@ declare namespace GoogleAppsScript {
       setDestination(latitude: Number, longitude: Number): DirectionFinder;
       setDestination(address: string): DirectionFinder;
       setLanguage(language: string): DirectionFinder;
-      setMode(mode: string): DirectionFinder;
+      setMode(mode: Mode): DirectionFinder;
       setOptimizeWaypoints(optimizeOrder: boolean): DirectionFinder;
       setOrigin(latitude: Number, longitude: Number): DirectionFinder;
       setOrigin(address: string): DirectionFinder;
diff --git a/types/google-apps-script/index.d.ts b/types/google-apps-script/index.d.ts
index 2635b9aad7..ae463c738b 100644
--- a/types/google-apps-script/index.d.ts
+++ b/types/google-apps-script/index.d.ts
@@ -2,9 +2,14 @@
 // Project: https://developers.google.com/apps-script/
 // Definitions by: motemen <https://github.com/motemen>, grant <https://github.com/grant>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
+// Base Types
 /// <reference path="google-apps-script.base.d.ts"/>
 /// <reference path="google-apps-script.cache.d.ts"/>
+/// <reference path="google-apps-script.types.d.ts"/>
+
+// Google Services (Google APIs)
 /// <reference path="google-apps-script.calendar.d.ts"/>
 /// <reference path="google-apps-script.card.d.ts"/>
 /// <reference path="google-apps-script.charts.d.ts"/>
@@ -15,20 +20,56 @@
 /// <reference path="google-apps-script.forms.d.ts"/>
 /// <reference path="google-apps-script.gmail.d.ts"/>
 /// <reference path="google-apps-script.groups.d.ts"/>
+/// <reference path="google-apps-script.mail.d.ts"/>
+/// <reference path="google-apps-script.maps.d.ts"/>
+/// <reference path="google-apps-script.sites.d.ts"/>
+/// <reference path="google-apps-script.slides.d.ts"/>
+/// <reference path="google-apps-script.spreadsheet.d.ts"/>
+
+// Script Services (Other *App / *Service)
 /// <reference path="google-apps-script.html.d.ts"/>
 /// <reference path="google-apps-script.jdbc.d.ts"/>
 /// <reference path="google-apps-script.language.d.ts"/>
 /// <reference path="google-apps-script.lock.d.ts"/>
-/// <reference path="google-apps-script.mail.d.ts"/>
-/// <reference path="google-apps-script.maps.d.ts"/>
-/// <reference path="google-apps-script.optimization.d.ts"/>
 /// <reference path="google-apps-script.properties.d.ts"/>
+/// <reference path="google-apps-script.optimization.d.ts"/>
 /// <reference path="google-apps-script.script.d.ts"/>
-/// <reference path="google-apps-script.sites.d.ts"/>
-/// <reference path="google-apps-script.slides.d.ts"/>
-/// <reference path="google-apps-script.spreadsheet.d.ts"/>
-/// <reference path="google-apps-script.types.d.ts"/>
 /// <reference path="google-apps-script.ui.d.ts"/>
 /// <reference path="google-apps-script.url-fetch.d.ts"/>
 /// <reference path="google-apps-script.utilities.d.ts"/>
 /// <reference path="google-apps-script.xml-service.d.ts"/>
+
+// API Types (Advanced Google Services)
+/// <reference path="apis/adsense/v1.4.d.ts"/>
+/// <reference path="apis/admin/directory_v1.d.ts"/>
+/// <reference path="apis/admin/reports_v1.d.ts"/>
+/// <reference path="apis/bigquery/v2.d.ts"/>
+/// <reference path="apis/calendar/v3.d.ts"/>
+/// <reference path="apis/content/v2.d.ts"/>
+/// <reference path="apis/dfareporting/v2.8.d.ts"/>
+/// <reference path="apis/dfareporting/v3.0.d.ts"/>
+/// <reference path="apis/dfareporting/v3.1.d.ts"/>
+/// <reference path="apis/dfareporting/v3.2.d.ts"/>
+/// <reference path="apis/drive/v2.d.ts"/>
+/// <reference path="apis/appsactivity/v1.d.ts"/>
+/// <reference path="apis/reseller/v1.d.ts"/>
+/// <reference path="apis/licensing/v1.d.ts"/>
+/// <reference path="apis/fusiontables/v1.d.ts"/>
+/// <reference path="apis/fusiontables/v2.d.ts"/>
+/// <reference path="apis/gmail/v1.d.ts"/>
+/// <reference path="apis/analytics/v3.d.ts"/>
+/// <reference path="apis/analyticsreporting/v4.d.ts"/>
+/// <reference path="apis/classroom/v1.d.ts"/>
+/// <reference path="apis/mirror/v1.d.ts"/>
+/// <reference path="apis/sheets/v4.d.ts"/>
+/// <reference path="apis/slides/v1.d.ts"/>
+/// <reference path="apis/plus/v1.d.ts"/>
+/// <reference path="apis/plusDomains/v1.d.ts"/>
+/// <reference path="apis/groupsmigration/v1.d.ts"/>
+/// <reference path="apis/groupssettings/v1.d.ts"/>
+/// <reference path="apis/tagmanager/v1.d.ts"/>
+/// <reference path="apis/tasks/v1.d.ts"/>
+/// <reference path="apis/urlshortener/v1.d.ts"/>
+/// <reference path="apis/youtubeAnalytics/v1.d.ts"/>
+/// <reference path="apis/youtube/v3.d.ts"/>
+/// <reference path="apis/youtubePartner/v1.d.ts"/>
diff --git a/types/google-maps-react/google-maps-react-tests.tsx b/types/google-maps-react/google-maps-react-tests.tsx
new file mode 100644
index 0000000000..d4fb63af18
--- /dev/null
+++ b/types/google-maps-react/google-maps-react-tests.tsx
@@ -0,0 +1,78 @@
+import { GoogleAPI, Map, Marker, MapProps, GoogleApiWrapper } from 'google-maps-react';
+import * as React from 'react';
+
+interface Location {
+  id: string;
+  _geoloc: google.maps.LatLngLiteral;
+  title: string;
+}
+
+type Props = MapProps & {
+  hits: Location[]
+
+  onLocationSelect: (location: Location) => void,
+};
+
+const mapStyles: google.maps.MapTypeStyle[] = [];
+const centerUS: google.maps.LatLngLiteral = { lat: 39.82, lng: -96.1 };
+
+class MapContainer extends React.Component<Props> {
+  static defaultProps: Partial<Props> = {
+    fullscreenControl: false,
+    mapTypeControl: false,
+    streetViewControl: false,
+    initialCenter: centerUS,
+    zoom: 4,
+    maxZoom: 16,
+    minZoom: 4,
+    styles: mapStyles,
+  };
+
+  render() {
+    const {
+      onLocationSelect,
+      bounds,
+      ...props } = this.props;
+
+    const hits = this.props.hits.filter((x) => validGeoloc(x._geoloc));
+
+    return (
+      <Map { ...props }
+        bounds={ bounds }
+        onReady={ (_, map) => {
+          if (!map || !bounds) { return; }
+          map.fitBounds(bounds);
+        }}>
+        {this.renderMarkers(...hits)}
+      </Map>
+    );
+  }
+
+  private renderMarkers(...hits: Location[]) {
+    return hits.map((hit) => {
+      return <Marker
+        onClick={ () => this.props.onLocationSelect(hit) }
+        cursor="pointer"
+        position={ hit._geoloc }
+        title={ hit.title }
+        key={ hit.id }
+      />;
+    });
+  }
+}
+
+function validGeoloc(geoloc: google.maps.LatLngLiteral): boolean {
+  return geoloc && (geoloc.lat !== 0 || geoloc.lng !== 0);
+}
+
+const connectGoogleMaps = GoogleApiWrapper({
+  apiKey: 'some-api-key',
+  libraries: ['places', 'geometry'],
+});
+
+const ConnectedMapContainer = connectGoogleMaps(MapContainer);
+
+<ConnectedMapContainer
+  hits={[{ id: '1', title: 'First Hit', _geoloc: { lat: 32, lng: 32 } }]}
+  onLocationSelect={(loc) => loc._geoloc.lat}
+  />;
diff --git a/types/google-maps-react/index.d.ts b/types/google-maps-react/index.d.ts
new file mode 100644
index 0000000000..1389982890
--- /dev/null
+++ b/types/google-maps-react/index.d.ts
@@ -0,0 +1,104 @@
+// Type definitions for google-maps-react 2.0
+// Project: https://github.com/fullstackreact/google-maps-react#readme
+// Definitions by: Gordon Burgett <https://github.com/gburgett>
+//                 Justin Powell <https://github.com/jpowell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import 'googlemaps';
+import * as React from 'react';
+
+export interface GoogleApiOptions {
+  apiKey: string;
+  libraries?: string[];
+  client?: string;
+  url?: string;
+  version?: string;
+  language?: string;
+  region?: string;
+  LoadingContainer?: any;
+}
+export type GoogleApiOptionsFunc = (props: any) => GoogleApiOptions;
+
+type Omit<T1, T2> = Pick<T1, Exclude<keyof T1, keyof T2>>;
+
+export type GoogleAPI = typeof google;
+export function GoogleApiWrapper(opts: GoogleApiOptions | GoogleApiOptionsFunc):
+  <TProps extends ProvidedProps>(ctor: React.ComponentType<TProps>) => React.ComponentType<Omit<TProps, ProvidedProps>>;
+
+export interface ProvidedProps {
+  google: GoogleAPI;
+  loaded?: boolean;
+}
+
+type mapEventHandler = (mapProps?: MapProps, map?: google.maps.Map, event?: any) => any;
+
+export interface MapProps extends google.maps.MapOptions {
+  google: GoogleAPI;
+  loaded?: boolean;
+
+  bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral;
+  centerAroundCurrentLocation?: boolean;
+  initialCenter?: google.maps.LatLngLiteral;
+
+  visible?: boolean;
+
+  onReady?: mapEventHandler;
+  onClick?: mapEventHandler;
+  onDragend?: mapEventHandler;
+  onRecenter?: mapEventHandler;
+  onBoundsChanged?: mapEventHandler;
+  onCenterChanged?: mapEventHandler;
+  onDblclick?: mapEventHandler;
+  onDragstart?: mapEventHandler;
+  onHeadingChange?: mapEventHandler;
+  onIdle?: mapEventHandler;
+  onMaptypeidChanged?: mapEventHandler;
+  onMousemove?: mapEventHandler;
+  onMouseover?: mapEventHandler;
+  onMouseout?: mapEventHandler;
+  onProjectionChanged?: mapEventHandler;
+  onResize?: mapEventHandler;
+  onRightclick?: mapEventHandler;
+  onTilesloaded?: mapEventHandler;
+  onTiltChanged?: mapEventHandler;
+  onZoomChanged?: mapEventHandler;
+}
+
+type markerEventHandler = (props?: MarkerProps, marker?: google.maps.Marker, event?: any) => any;
+
+export interface MarkerProps extends Partial<google.maps.MarkerOptions> {
+  mapCenter?: google.maps.LatLng | google.maps.LatLngLiteral;
+
+  onClick?: markerEventHandler;
+  onMouseover?: markerEventHandler;
+}
+
+export class Map extends React.Component<MapProps, any> {
+}
+
+export class Marker extends React.Component<MarkerProps, any> {
+}
+
+export class Polygon extends React.Component<any, any> {
+}
+
+export class Polyline extends React.Component<any, any> {
+}
+
+export class Circle extends React.Component<any, any> {
+}
+
+export interface InfoWindowProps extends Partial<google.maps.InfoWindowOptions> {
+  google: typeof google;
+  map: google.maps.Map;
+  marker: google.maps.Marker;
+
+  mapCenter?: google.maps.LatLng | google.maps.LatLngLiteral;
+  visible?: boolean;
+}
+
+export class InfoWindow extends React.Component<InfoWindowProps, any> {
+}
+
+export {};
diff --git a/types/google-maps-react/tsconfig.json b/types/google-maps-react/tsconfig.json
new file mode 100644
index 0000000000..75945a7bdd
--- /dev/null
+++ b/types/google-maps-react/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "jsx": "react",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "google-maps-react-tests.tsx"
+    ]
+}
diff --git a/types/google-maps-react/tslint.json b/types/google-maps-react/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/google-maps-react/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/google.visualization/google.visualization-tests.ts b/types/google.visualization/google.visualization-tests.ts
index d47c10efba..e9067770f9 100644
--- a/types/google.visualization/google.visualization-tests.ts
+++ b/types/google.visualization/google.visualization-tests.ts
@@ -363,6 +363,7 @@ function test_formatter_ArrowFormat() {
         ['Electronics', { v: -2.1, f: '-2.1%' }],
         ['Food', { v: 22, f: '22.0%' }]
     ]);
+    data.setFormattedValue(2, 1, null);
 
     var table = new google.visualization.Table(document.getElementById('arrowformat_div'));
 
diff --git a/types/google.visualization/index.d.ts b/types/google.visualization/index.d.ts
index 6f36ff881a..878e17a011 100644
--- a/types/google.visualization/index.d.ts
+++ b/types/google.visualization/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Google Visualisation Apis
 // Project: https://developers.google.com/chart/
-// Definitions by: Dan Ludwig <https://github.com/danludwig>, Gregory Moore <https://github.com/gmoore-sjcorg>, Dan Manastireanu <https://github.com/danmana>, Michael Cheng <https://github.com/mlcheng>, Ivan Bisultanov <https://github.com/IvanBisultanov>, Gleb Mazovetskiy <https://github.com/glebm>
+// Definitions by: Dan Ludwig <https://github.com/danludwig>, Gregory Moore <https://github.com/gmoore-sjcorg>, Dan Manastireanu <https://github.com/danmana>, Michael Cheng <https://github.com/mlcheng>, Ivan Bisultanov <https://github.com/IvanBisultanov>, Gleb Mazovetskiy <https://github.com/glebm>, Shrujal Shah <https://github.com/shrujalshah28>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace google {
@@ -118,7 +118,7 @@ declare namespace google {
             setColumnLabel(columnIndex: number, label: string): void;
             setColumnProperty(columnIndex: number, name: string, value: any): void;
             setColumnProperties(columnIndex: number, properties: Properties): void;
-            setFormattedValue(rowIndex: number, columnIndex: number, formattedValue: string): void;
+            setFormattedValue(rowIndex: number, columnIndex: number, formattedValue: string | null): void;
             setProperty(rowIndex: number, columnIndex: number, name: string, value: any): void;
             setProperties(rowIndex: number, columnIndex: number, properties: Properties): void;
             setRowProperty(rowIndex: number, name: string, value: any): void;
@@ -478,6 +478,7 @@ declare namespace google {
             showColorCode?: boolean;
             textStyle?: ChartTextStyle;
             trigger?: string;
+            ignoreBounds?: boolean;
         }
 
         export interface ChartBoundingBox {
@@ -596,6 +597,7 @@ declare namespace google {
             chartArea?: ChartArea;
             colors?: string[];
             enableInteractivity?: boolean;
+            explorer?: ChartExplorer;
             focusTarget?: string;
             fontSize?: number;
             fontName?: string;
diff --git a/types/google__maps/google__maps-tests.ts b/types/google__maps/google__maps-tests.ts
new file mode 100644
index 0000000000..d79ebde2f3
--- /dev/null
+++ b/types/google__maps/google__maps-tests.ts
@@ -0,0 +1,19 @@
+import { createClient } from '@google/maps';
+
+const client = createClient({
+    key: 'my-google-maps-api-key',
+    language: 'ja',
+    // tslint:disable-next-line
+    Promise: Promise,
+});
+
+client
+    .geocode({ address: 'Leaning Tower of Pisa' })
+    .asPromise()
+    .then(response => {
+        response.json.results.forEach(result => {
+            console.log(
+                result.geometry.location
+            );
+        });
+    });
diff --git a/types/google__maps/index.d.ts b/types/google__maps/index.d.ts
new file mode 100644
index 0000000000..4759d412dd
--- /dev/null
+++ b/types/google__maps/index.d.ts
@@ -0,0 +1,3439 @@
+// Type definitions for @google/maps 0.5
+// Project: https://github.com/googlemaps/google-maps-services-js
+// Definitions by: Indri Muska <https://github.com/indrimuska>
+// Definitions: https://github.com/indrimuska/google-maps-api-typings
+// TypeScript Version: 2.3
+
+/**
+ * Creates a Google Maps client. The client object contains all the API methods.
+ */
+export interface CreateClientOptions {
+    /** API key (required, unless clientID and clientSecret provided). */
+    key: string;
+    /** Maps API for Work client ID. */
+    clientId?: string;
+    /** Maps API for Work client secret (a.k.a. private key). */
+    clientSecret?: string;
+    /** Maps API for Work channel. */
+    channel?: string;
+    /** Timeout in milliseconds. (Default: 60 * 1000 ms). */
+    timeout?: number;
+    /** Default language for all queries. */
+    language?: Language;
+    /** Promise constructor (optional). */
+    Promise?: PromiseConstructor;
+    /** Rate options. */
+    rate?: RateOptions;
+    /** Retry options. */
+    retryOptions?: RetryOptions;
+}
+
+export interface RateOptions {
+    /** Controls rate-limiting of requests. Maximum number of requests per period. (Default: 50). */
+    limit?: number;
+    /** Period for rate limit, in milliseconds. (Default: 1000 ms). */
+    period?: number;
+}
+
+export interface RetryOptions {
+    /** If a transient server error occurs, how long to wait before retrying the request, in milliseconds. (Default: 500 ms). */
+    interval?: number;
+}
+
+export function createClient(options: CreateClientOptions): GoogleMapsClient;
+
+/**
+ * A callback function, which is called asynchronously when an API method completes.
+ * The callback is given either:
+ *  - a successful `ClientResponse` object; or
+ *  - an error, one of:
+ *     - the string `"timeout"`; or
+ *     - an error from the underlying `http` library; or
+ *     - a `ClientResponse` whose status is not `OK`.
+ *
+ * API methods don't require a callback function, if you use the Promise API.
+ */
+export type ResponseCallback<T> = (err: 'timeout' | ClientResponse<T>, response: ClientResponse<T>) => void;
+
+/**
+ * The object given to the ResponseCallback, containing the HTTP status and headers, as well as the response JSON.
+ */
+export interface ClientResponse<T> {
+    /** The HTTP headers. */
+    headers: { [index: string]: string };
+    /** Deserialized JSON object for the API response. */
+    json: T;
+    /** The HTTP status. */
+    status: number;
+}
+
+/** A handle that allows cancelling a request, or obtaining a Promise. */
+export interface RequestHandle<T> {
+    /**
+     * Returns the response as a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
+     * This method is only available if you supplied the `Promise` constructor to the `createClient()` method when you constructed
+     * the client object.
+     */
+    asPromise(): Promise<ClientResponse<T>>;
+    /**
+     * Cancels the request.
+     * The ResponseCallback will not be invoked, and promises will not be settled.
+     * Use the RequestHandle#finally handler will still be called.
+     */
+    cancel(): void;
+    /**
+     * Registers a callback that will be called when the response is finished, either successfully, or with an error,
+     * or having been cancelled. Use this to clean up resources.
+     * Returns this handle, for chaining.
+     */
+    finally(callback: () => void): RequestHandle<T>;
+}
+
+export type LatLngArray = [number, number];
+
+export type LatLngString = string;
+
+export interface LatLngLiteral {
+    lat: number;
+    lng: number;
+}
+
+export interface LatLngLiteralVerbose {
+    latitude: number;
+    longitude: number;
+}
+
+/**
+ * A latitude, longitude pair. The API methods accept either:
+ *  - a two-item array of [latitude, longitude];
+ *  - a comma-separated string;
+ *  - an object with 'lat', 'lng' properties; or
+ *  - an object with 'latitude', 'longitude' properties.
+ */
+export type LatLng = (
+    LatLngArray |
+    LatLngString |
+    LatLngLiteral |
+    LatLngLiteralVerbose
+);
+
+/** The bounds parameter defines the latitude/longitude coordinates of the southwest and northeast corners of this bounding box. */
+export interface LatLngBounds {
+    northeast: LatLngLiteral;
+    southwest: LatLngLiteral;
+}
+
+/**
+ * By default the API will attempt to load the most appropriate language based on the users location or browser settings.
+ * Some APIs allow you to explicitly set a language when you make a request
+ *
+ * @see https://developers.google.com/maps/faq#languagesupport
+ */
+export type Language = (
+    /** Arabic */
+    'ar' |
+    /** Belarusian */
+    'be' |
+    /** Bulgarian */
+    'bg' |
+    /** Bengali */
+    'bn' |
+    /** Catalan */
+    'ca' |
+    /** Czech */
+    'cs' |
+    /** Danish */
+    'da' |
+    /** German */
+    'de' |
+    /** Greek */
+    'el' |
+    /** English */
+    'en' |
+    /** English (Australian) */
+    'en-Au' |
+    /** English (Great Britain) */
+    'en-GB' |
+    /** Spanish */
+    'es' |
+    /** Basque */
+    'eu' |
+    /** Farsi */
+    'fa' |
+    /** Finnish */
+    'fi' |
+    /** Filipino */
+    'fil' |
+    /** French */
+    'fr' |
+    /** Galician */
+    'gl' |
+    /** Gujarati */
+    'gu' |
+    /** Hindi */
+    'hi' |
+    /** Croatian */
+    'hr' |
+    /** Hungarian */
+    'hu' |
+    /** Indonesian */
+    'id' |
+    /** Italian */
+    'it' |
+    /** Hebrew */
+    'iw' |
+    /** Japanese */
+    'ja' |
+    /** Kazakh */
+    'kk' |
+    /** Kannada */
+    'kn' |
+    /** Korean */
+    'ko' |
+    /** Kyrgyz */
+    'ky' |
+    /** Lithuanian */
+    'lt' |
+    /** Latvian */
+    'lv' |
+    /** Macedonian */
+    'mk' |
+    /** Malayalam */
+    'ml' |
+    /** Marathi */
+    'mr' |
+    /** Burmese */
+    'my' |
+    /** Dutch */
+    'nl' |
+    /** Norwegian */
+    'no' |
+    /** Punjabi */
+    'pa' |
+    /** Polish */
+    'pl' |
+    /** Portuguese */
+    'pt' |
+    /** Portuguese (Brazil) */
+    'pt-BR' |
+    /** Portuguese (Portugal) */
+    'pt-PT' |
+    /** Romanian */
+    'ro' |
+    /** Russian */
+    'ru' |
+    /** Slovak */
+    'sk' |
+    /** Slovenian */
+    'sl' |
+    /** Albanian */
+    'sq' |
+    /** Serbian */
+    'sr' |
+    /** Swedish */
+    'sv' |
+    /** Tamil */
+    'ta' |
+    /** Telugu */
+    'te' |
+    /** Thai */
+    'th' |
+    /** Tagalog */
+    'tl' |
+    /** Turkish */
+    'tr' |
+    /** Ukrainian */
+    'uk' |
+    /** Uzbek */
+    'uz' |
+    /** Vietnamese */
+    'vi' |
+    /** Chinese (Simlified) */
+    'zh-CN' |
+    /** Chinese (Traditional) */
+    'zh-TW'
+);
+
+export type GoogleMapsClientEndpoint<Request, Response> = (query: Request, callback?: ResponseCallback<Response>) => RequestHandle<Response>;
+
+export interface GoogleMapsClient {
+    /**
+     * The Directions API is a service that calculates directions between locations using an HTTP request.
+     *
+     * With the Directions API, you can:
+     *  - Search for directions for several modes of transportation, including transit, driving, walking or cycling.
+     *  - Return multi-part directions using a series of waypoints.
+     *  - Specify origins, destinations, and waypoints as text strings
+     *    (e.g. "Chicago, IL" or "Darwin, NT, Australia"), or as latitude/longitude coordinates, or as place IDs.
+     *
+     * The API returns the most efficient routes when calculating directions. Travel time is the primary factor optimized,
+     * but the API may also take into account other factors such as distance, number of turns and many more when deciding
+     * which route is the most efficient.
+     *
+     * **Tip:** Calculating directions is a time and resource intensive task. Whenever possible, use the service to calculate
+     * known addresses ahead of time and store the results in a
+     * [**temporary cache**](https://developers.google.com/maps/documentation/directions/policies#pre-fetching-caching-or-storage-of-content)
+     * of your own design.
+     *
+     * **Note:** This service is not designed to respond in real time to user input. For dynamic directions calculations
+     * (for example, within a user interface element), consult the documentation for the
+     * [Maps JavaScript API Directions Service](https://developers.google.com/maps/documentation/javascript/directions)
+     *
+     * @see https://developers.google.com/maps/documentation/directions/intro
+     */
+    directions: GoogleMapsClientEndpoint<DirectionsRequest, DirectionsResponse>;
+    /**
+     * The Distance Matrix API is a service that provides travel distance and time for a matrix of origins and destinations.
+     * The API returns information based on the recommended route between start and end points, as calculated by the Google Maps API,
+     * and consists of rows containing duration and distance values for each pair.
+     *
+     * @see https://developers.google.com/maps/documentation/distance-matrix/intro
+     */
+    distanceMatrix: GoogleMapsClientEndpoint<DistanceMatrixRequest, DistanceMatrixResponse>;
+    /**
+     * The Elevation API provides a simple interface to query locations on the earth for elevation data. With the Elevation API,
+     * you can develop hiking and biking applications, positioning applications, or low resolution surveying applications.
+     *
+     * Elevation data is available for all locations on the surface of the earth, including depth locations on the ocean floor
+     * (which return negative values). In those cases where Google does not possess exact elevation measurements at the precise
+     * location you request, the service interpolates and returns an averaged value using the four nearest locations.
+     * Elevation values are expressed relative to local mean sea level (LMSL).
+     *
+     * You access the Elevation API through an HTTP interface. Users of the Maps JavaScript API may also access this API directly
+     * by using the `ElevationService()` object.
+     * (See [Elevation Service](https://developers.google.com/maps/documentation/javascript/elevation) for more information.)
+     *
+     * @see https://developers.google.com/maps/documentation/elevation/intro
+     */
+    elevation: GoogleMapsClientEndpoint<ElevationRequest, ElevationResponse>;
+    /**
+     * You may request sampled elevation data along paths, allowing you to calculate elevation changes along routes.
+     * With the Elevation API, you can develop hiking and biking applications, positioning applications,
+     * or low resolution surveying applications.
+     *
+     * @see https://developers.google.com/maps/documentation/elevation/intro
+     */
+    elevationAlongPath: GoogleMapsClientEndpoint<ElevationAlongPathRequest, ElevationResponse>;
+    /**
+     * The Places API allows you to query for place information on a variety of categories, such as: establishments,
+     * prominent points of interest, geographic locations, and more. You can search for places either by proximity or a text string.
+     * A Place Search returns a list of places along with summary information about each place; additional information is available
+     * via a [Place Details](https://developers.google.com/places/web-service/details) query.
+     *
+     * A Find Place request takes a text input, and returns a place.
+     * The text input can be any kind of Places data, for example, a name, address, or phone number.
+     *
+     * @see https://developers.google.com/places/web-service/search#FindPlaceRequests
+     */
+    findPlace: GoogleMapsClientEndpoint<FindPlaceRequest, FindPlaceFromTextResponse>;
+    /**
+     * **Geocoding** is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA")
+     * into geographic coordinates (like latitude 37.423021 and longitude -122.083739),
+     * which you can use to place markers on a map, or position the map.
+     *
+     * **Note:** This service is generally designed for geocoding static (known in advance) addresses for placement
+     * of application content on a map; this service is not designed to respond in real time to user input.
+     * For dynamic geocoding (for example, within a user interface element), consult the documentation for the
+     * [Maps JavaScript API client geocoder](https://developers.google.com/maps/documentation/javascript/geocoding) and/or the
+     * [Google Play services Location APIs](https://developer.android.com/google/play-services/location.html).
+     *
+     * **Tip:** Geocoding is a time and resource intensive task. Whenever possible, pre-geocode known addresses
+     * (using the Geocoding API described here or another geocoding service), and store your results in a
+     * [**temporary cache**](https://developers.google.com/maps/documentation/geocoding/policies#pre-fetching-caching-or-storage-of-content)
+     * of your own design.
+     *
+     * @see https://developers.google.com/maps/documentation/geocoding/intro#GeocodingRequests
+     */
+    geocode: GoogleMapsClientEndpoint<GeocodingRequest, GeocodingResponse>;
+    /**
+     * The Geolocation API returns a location and accuracy radius based on information about cell towers and WiFi nodes
+     * that the mobile client can detect. This document describes the protocol used to send this data to the server and
+     * to return a response to the client.
+     *
+     * @see https://developers.google.com/maps/documentation/geolocation/intro
+     */
+    geolocate: GoogleMapsClientEndpoint<GeolocationRequest, GeolocationResponse>;
+    /**
+     * The Roads API takes up to 100 independent coordinates, and returns the closest road segment for each point.
+     * The points passed do not need to be part of a continuous path.
+     *
+     * If you are working with sequential GPS points, use [Snap to Roads](https://developers.google.com/maps/documentation/roads/snap).
+     *
+     * @see https://developers.google.com/maps/documentation/roads/nearest
+     */
+    nearestRoads: GoogleMapsClientEndpoint<NearestRoadsRequest, NearestRoadsResponse>;
+    /**
+     * Once you have a `place_id` from a Place Search, you can request more details about a particular establishment
+     * or point of interest by initiating a Place Details request. A Place Details request returns more comprehensive
+     * information about the indicated place such as its complete address, phone number, user rating and reviews.
+     *
+     * @see https://developers.google.com/places/web-service/details
+     */
+    place: GoogleMapsClientEndpoint<PlaceDetailsRequest, PlaceDetailsResponse>;
+    /**
+     * The Google Places API Text Search Service is a web service that returns information about a set of places
+     * based on a string — for example "pizza in New York" or "shoe stores near Ottawa" or "123 Main Street".
+     * The service responds with a list of places matching the text string and any location bias that has been set.
+     *
+     * The service is especially useful for making
+     * [ambiguous address queries](https://developers.google.com/maps/documentation/geocoding/best-practices) in an automated system,
+     * and non-address components of the string may match businesses as well as addresses.
+     * Examples of ambiguous address queries are incomplete addresses, poorly formatted addresses,
+     * or a request that includes non-address components such as business names.
+     *
+     * The search response will include a list of places. You can send a Place Details request
+     * for more information about any of the places in the response.
+     *
+     * @see https://developers.google.com/places/web-service/search#TextSearchRequests
+     */
+    places: GoogleMapsClientEndpoint<PlacesRequest, PlaceSearchResponse>;
+    /**
+     * The Place Autocomplete service is a web service that returns place predictions in response to an HTTP request.
+     * The request specifies a textual search string and optional geographic bounds.
+     * The service can be used to provide autocomplete functionality for text-based geographic searches,
+     * by returning places such as businesses, addresses and points of interest as a user types.
+     *
+     * @see https://developers.google.com/places/web-service/autocomplete
+     */
+    placesAutoComplete: GoogleMapsClientEndpoint<PlaceAutocompleteRequest, PlaceAutocompleteResponse>;
+    /**
+     * A Nearby Search lets you search for places within a specified area.
+     * You can refine your search request by supplying keywords or specifying the type of place you are searching for.
+     *
+     * @see https://developers.google.com/places/web-service/search#PlaceSearchRequests
+     */
+    placesNearby: GoogleMapsClientEndpoint<PlacesNearbyRequest, PlaceSearchResponse>;
+    /**
+     * The Place Photo service, part of the Places API, is a read- only API that allows you to add high quality photographic content
+     * to your application. The Place Photo service gives you access to the millions of photos stored in the Places database.
+     * When you get place information using a Place Details request, photo references will be returned for relevant photographic content.
+     * The Nearby Search and Text Search requests also return a single photo reference per place, when relevant.
+     * Using the Photo service you can then access the referenced photos and resize the image to the optimal size for your application.
+     *
+     * @see https://developers.google.com/places/web-service/photos
+     */
+    placesPhoto: GoogleMapsClientEndpoint<PlacePhotoRequest, PlacePhotoResponse>;
+    /**
+     * The Query Autocomplete service can be used to provide a query prediction for text-based geographic searches,
+     * by returning suggested queries as you type.
+     *
+     * The Query Autocomplete service allows you to add on-the-fly geographic query predictions to your application.
+     * Instead of searching for a specific location, a user can type in a categorical search, such as "pizza near New York"
+     * and the service responds with a list of suggested queries matching the string. As the Query Autocomplete service can match
+     * on both full words and substrings, applications can send queries as the user types to provide on-the-fly predictions.
+     *
+     * @see https://developers.google.com/places/web-service/query
+     */
+    placesQueryAutoComplete: GoogleMapsClientEndpoint<QueryAutocompleteRequest, QueryAutocompleteResponse>;
+    /**
+     * The Google Places API Radar Search Service allows you to search for up to 200 places at once,
+     * but with less detail than is typically returned from a Text Search or Nearby Search request.
+     * With Radar Search, you can create applications that help users identify specific areas of interest within a geographic area.
+     *
+     * The search response will include up to 200 places, and will include only the following information about each place:
+     *  - The `geometry` field containing geographic coordinates.
+     *  - The `place_id`, which you can use in a Place Details request to get more information about the place.
+     *
+     * @deprecated Radar search is deprecated as of June 30, 2018. After that time, this feature will no longer be available.
+     *
+     * @see https://developers.google.com/places/web-service/search#RadarSearchRequests
+     */
+    placesRadar: GoogleMapsClientEndpoint<PlaceRadarRequest, PlaceSearchResponse>;
+    /**
+     * Reverse geocoding is the process of converting geographic coordinates into a human-readable address.
+     *
+     * @see https://developers.google.com/maps/documentation/geocoding/intro#ReverseGeocoding
+     */
+    reverseGeocode: GoogleMapsClientEndpoint<ReverseGeocodingRequest, ReverseGeocodingResponse>;
+    /**
+     * The Roads API returns the posted speed limit for a given road segment.
+     * In the case of road segments with variable speed limits, the default speed limit for the segment is returned.
+     *
+     * The accuracy of speed limit data returned by the Roads API cannot be guaranteed.
+     * The speed limit data provided is not real-time, and may be estimated, inaccurate, incomplete, and/or outdated.
+     * You may report inaccuracies in our speed limit data by filing a case in the
+     * [Google Cloud Support Portal](https://developers.google.com/maps/premium/support#support_portal).
+     *
+     * @see https://developers.google.com/maps/documentation/roads/speed-limits
+     */
+    snappedSpeedLimits: GoogleMapsClientEndpoint<SnappedSpeedLimitsRequest, SpeedLimitsResponse>;
+    /**
+     * The Roads API takes up to 100 GPS points collected along a route, and returns a similar set of data,
+     * with the points snapped to the most likely roads the vehicle was traveling along.
+     * Optionally, you can request that the points be interpolated, resulting in a path that smoothly follows the geometry of the road.
+     *
+     * @see https://developers.google.com/maps/documentation/roads/snap
+     */
+    snapToRoads: GoogleMapsClientEndpoint<SnapToRoadsRequest, SnapToRoadsResponse>;
+    /**
+     * The Roads API returns the posted speed limit for a given road segment.
+     * In the case of road segments with variable speed limits, the default speed limit for the segment is returned.
+     *
+     * The accuracy of speed limit data returned by the Roads API cannot be guaranteed.
+     * The speed limit data provided is not real-time, and may be estimated, inaccurate, incomplete, and/or outdated.
+     * You may report inaccuracies in our speed limit data by filing a case in the
+     * [Google Cloud Support Portal](https://developers.google.com/maps/premium/support#support_portal).
+     *
+     * @see https://developers.google.com/maps/documentation/roads/speed-limits
+     */
+    speedLimits: GoogleMapsClientEndpoint<SpeedLimitsRequest, SpeedLimitsResponse>;
+    /**
+     * The Time Zone API provides a simple interface to request the time zone for locations on the surface of the earth,
+     * as well as the time offset from UTC for each of those locations. You request the time zone information for
+     * a specific latitude/longitude pair and date. The API returns the name of that time zone, the time offset from UTC,
+     * and the daylight savings offset.
+     *
+     * @see https://developers.google.com/maps/documentation/timezone/intro
+     */
+    timezone: GoogleMapsClientEndpoint<TimeZoneRequest, TimeZoneResponse>;
+}
+
+export interface DirectionsRequest {
+    /**
+     * The address, textual latitude/longitude value, or place ID from which you wish to calculate directions.
+     *  - If you pass an address, the Directions service geocodes the string and converts it to a latitude/longitude coordinate
+     *    to calculate directions. This coordinate may be different from that returned by the Geocoding API, for example a building
+     *    entrance rather than its center.
+     *
+     *    `origin=24+Sussex+Drive+Ottawa+ON`
+     *
+     *  - If you pass coordinates, they are used unchanged to calculate directions. Ensure that no space exists between the latitude
+     *    and longitude values.
+     *
+     *    `origin=41.43206,-81.38992`
+     *
+     *  - Place IDs must be prefixed with `place_id:`. The place ID may only be specified if the request includes an API key or a
+     *    Google Maps APIs Premium Plan client ID. You can retrieve place IDs from the Geocoding API and the Places SDK
+     *    (including Place Autocomplete). For an example using place IDs from Place Autocomplete, see [Place Autocomplete and
+     *    Directions](https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-directions).
+     *
+     *    `origin=place_id:ChIJ3S-JXmauEmsRUcIaWtf4MzE`
+     */
+    origin: LatLng;
+    /**
+     * The address, textual latitude/longitude value, or place ID to which you wish to calculate directions.
+     * The options for the `destination` parameter are the same as for the `origin` parameter, described above
+     */
+    destination: LatLng;
+    /**
+     * Specifies the mode of transport to use when calculating directions
+     *
+     * @default TravelMode.driving
+     */
+    mode?: TravelMode;
+    /**
+     * Specifies an array of waypoints.
+     * Waypoints alter a route by routing it through the specified location(s).
+     * A waypoint is specified as a latitude/longitude coordinate, an encoded polyline, a place ID, or an address which will be geocoded.
+     * Encoded polylines must be prefixed with `enc:` and followed by a colon (`:`). Place IDs must be prefixed with `place_id:`.
+     * The place ID may only be specified if the request includes an API key or a Google Maps APIs Premium Plan client ID.
+     * Waypoints are only supported for driving, walking and bicycling directions.
+     */
+    waypoints?: LatLng[];
+    /**
+     * If set to `true`, specifies that the Directions service may provide more than one route alternative in the response.
+     * Note that providing route alternatives may increase the response time from the server.
+     */
+    alternatives?: boolean;
+    /** Indicates that the calculated route(s) should avoid the indicated features. */
+    avoid?: TravelRestriction[];
+    /**
+     * The language in which to return results.
+     *
+     *  - If `language` is not supplied, the API attempts to use the preferred language as specified in the `Accept-Language` header,
+     *    or the native language of the domain from which the request is sent.
+     *  - The API does its best to provide a street address that is readable for both the user and locals. To achieve that goal,
+     *    it returns street addresses in the local language, transliterated to a script readable by the user if necessary,
+     *    observing the preferred language. All other addresses are returned in the preferred language.
+     *    Address components are all returned in the same language, which is chosen from the first component.
+     *  - If a name is not available in the preferred language, the API uses the closest match.
+     *  - The preferred language has a small influence on the set of results that the API chooses to return,
+     *    and the order in which they are returned. The geocoder interprets abbreviations differently depending on language,
+     *    such as the abbreviations for street types, or synonyms that may be valid in one language but not in another.
+     *    For example, utca and tér are synonyms for street in Hungarian.
+     */
+    language?: Language;
+    /** Specifies the unit system to use when displaying results. */
+    units?: UnitSystem;
+    /** Specifies the region code, specified as a ccTLD ("top-level domain") two-character value. */
+    region?: string;
+    /**
+     * Specifies the desired time of arrival for transit directions, in seconds since midnight, January 1, 1970 UTC.
+     * You can specify either `departure_time` or `arrival_time`, but not both.
+     * Note that `arrival_time` must be specified as an integer.
+     */
+    arrival_time?: Date | number;
+    /**
+     * Specifies the desired time of departure. You can specify the time as an integer in seconds since midnight, January 1, 1970 UTC.
+     * Alternatively, you can specify a value of `now`, which sets the departure time to the current time (correct to the nearest second).
+     *
+     * The departure time may be specified in two cases:
+     *  - For requests where the travel mode is transit: You can optionally specify one of `departure_time` or `arrival_time`.
+     *    If neither time is specified, the `departure_time` defaults to now (that is, the departure time defaults to the current time).
+     *  - For requests where the travel mode is driving: You can specify the `departure_time` to receive a route and trip duration
+     *    (response field: `duration_in_traffic`) that take traffic conditions into account.
+     *    This option is only available if the request contains a valid API key, or a valid Google Maps APIs Premium Plan client ID
+     *    and signature. The `departure_time` must be set to the current time or some time in the future. It cannot be in the past.
+     */
+    departure_time?: Date | number;
+    /**
+     * Specifies the assumptions to use when calculating time in traffic.
+     * This setting affects the value returned in the `duration_in_traffic` field in the response, which contains the predicted time
+     * in traffic based on historical averages. The `traffic_model` parameter may only be specified for driving directions
+     * where the request includes a `departure_time`, and only if the request includes an API key or a Google Maps APIs Premium Plan client ID.
+     *
+     * The default value of `best_guess` will give the most useful predictions for the vast majority of use cases.
+     * It is possible the `best_guess` travel time prediction may be *shorter* than `optimistic`, or alternatively,
+     * *longer* than `pessimistic`, due to the way the `best_guess` prediction model integrates live traffic information.
+     *
+     * @default TrafficModel.best_guess
+     */
+    traffic_model?: TrafficModel;
+    /**
+     * Specifies one or more preferred modes of transit.
+     * This parameter may only be specified for transit directions, and only if the request includes an API key or
+     * a Google Maps APIs Premium Plan client ID.
+     */
+    transit_mode?: TransitMode[];
+    /**
+     * Specifies preferences for transit routes.
+     * Using this parameter, you can bias the options returned, rather than accepting the default best route chosen by the API.
+     * This parameter may only be specified for transit directions, and only if the request includes an API key or
+     * a Google Maps APIs Premium Plan client ID.
+     */
+    transit_routing_preference?: TransitRoutingPreference;
+    /** Wherever to optimize the provided route by rearranging the waypoints in a more efficient order. */
+    optimize?: boolean;
+}
+
+/**
+ * When you calculate directions, you may specify the transportation mode to use.
+ * By default, directions are calculated as `driving` directions.
+ *
+ * **Note:** Both walking and bicycling directions may sometimes not include clear pedestrian or bicycling paths,
+ * so these directions will return warnings in the returned result which you must display to the user.
+ */
+export type TravelMode = (
+    /** (default) indicates standard driving directions using the road network. */
+    'driving' |
+    /** requests walking directions via pedestrian paths & sidewalks (where available). */
+    'walking' |
+    /** requests bicycling directions via bicycle paths & preferred streets (where available). */
+    'bicycling' |
+    /**
+     * requests directions via public transit routes (where available).
+     * If you set the mode to transit, you can optionally specify either a departure_time or an arrival_time.
+     * If neither time is specified, the departure_time defaults to now (that is, the departure time defaults to the current time).
+     * You can also optionally include a transit_mode and/or a transit_routing_preference.
+     */
+    'transit'
+);
+
+export type TravelRestriction = (
+    /** indicates that the calculated route should avoid toll roads/bridges. */
+    'tolls' |
+    /** indicates that the calculated route should avoid highways. */
+    'highways' |
+    /** indicates that the calculated route should avoid ferries. */
+    'ferries' |
+    /**
+     * indicates that the calculated route should avoid indoor steps for walking and transit directions.
+     * Only requests that include an API key or a Google Maps APIs Premium Plan client ID will receive indoor steps by default.
+     */
+    'indoor'
+);
+
+/**
+ * Directions results contain text within distance fields that may be displayed to the user to indicate the distance of
+ * a particular "step" of the route. By default, this text uses the unit system of the origin's country or region.
+ */
+export type UnitSystem = (
+    /** specifies usage of the metric system. Textual distances are returned using kilometers and meters. */
+    'metric' |
+    /** specifies usage of the Imperial (English) system. Textual distances are returned using miles and feet. */
+    'imperial'
+);
+
+export interface DirectionsResponse {
+    /** contains metadata on the request. */
+    status: DirectionsReponseStatus;
+    /**
+     * contains an array with details about the geocoding of origin, destination and waypoints.
+     *
+     * These details will not be present for waypoints specified as textual latitude/longitude values if the service returns no results.
+     * This is because such waypoints are only reverse geocoded to obtain their representative address after a route has been found.
+     * An empty JSON object will occupy the corresponding places in the `geocoded_waypoints` array.
+     */
+    geocoded_waypoints: GeocodedWaypoint[];
+    /**
+     * contains an array of routes from the origin to the destination.
+     *
+     * When the Directions API returns results, it places them within a (JSON) `routes` array. Even if the service returns no results
+     * (such as if the origin and/or destination doesn't exist) it still returns an empty `routes` array.
+     * (XML responses consist of zero or more `<route>` elements.)
+     *
+     * Each element of the `routes` array contains a single result from the specified origin and destination.
+     * This route may consist of one or more `legs` depending on whether any waypoints were specified.
+     * As well, the route also contains copyright and warning information which must be displayed to the user in addition to the
+     * routing information.
+     */
+    routes: DirectionsRoute[];
+    /**
+     * contains an array of available travel modes. This field is returned when a request specifies a travel `mode` and gets no results.
+     * The array contains the available travel modes in the countries of the given set of waypoints.
+     * This field is not returned if one or more of the waypoints are `via:` waypoints.
+     */
+    available_travel_modes: string[];
+}
+
+export type TrafficModel = (
+    /**
+     * indicates that the returned `duration_in_traffic` should be the best estimate of travel time given what is known about
+     * both historical traffic conditions and live traffic. Live traffic becomes more important the closer the `departure_time` is to now.
+     */
+    'best_guess' |
+    /**
+     * indicates that the returned `duration_in_traffic` should be longer than the actual travel time on most days,
+     * though occasional days with particularly bad traffic conditions may exceed this value.
+     */
+    'pessimistic' |
+    /**
+     * indicates that the returned `duration_in_traffic` should be shorter than the actual travel time on most days,
+     * though occasional days with particularly good traffic conditions may be faster than this value.
+     */
+    'optimistic'
+);
+
+export type TransitMode = (
+    /** indicates that the calculated route should prefer travel by bus. */
+    'bus' |
+    /** indicates that the calculated route should prefer travel by subway. */
+    'subway' |
+    /** indicates that the calculated route should prefer travel by train. */
+    'train' |
+    /** indicates that the calculated route should prefer travel by tram and light rail. */
+    'tram' |
+    /**
+     * indicates that the calculated route should prefer travel by train, tram, light rail, and subway.
+     * This is equivalent to `transit_mode=train|tram|subway`
+     */
+    'rail'
+);
+
+export type TransitRoutingPreference = (
+    /** indicates that the calculated route should prefer limited amounts of walking. */
+    'less_walking' |
+    /** indicates that the calculated route should prefer a limited number of transfers. */
+    'fewer_transfers'
+);
+
+/**
+ * The `status` field within the Directions response object contains the status of the request, and may contain debugging information
+ * to help you track down why the Directions service failed.
+ */
+export type DirectionsReponseStatus = (
+    /** indicates the response contains a valid `result`. */
+    'OK' |
+    /** indicates at least one of the locations specified in the request's origin, destination, or waypoints could not be geocoded. */
+    'NOT_FOUND' |
+    /** indicates no route could be found between the origin and destination. */
+    'ZERO_RESULTS' |
+    /**
+     * indicates that too many `waypoints` were provided in the request. For applications using the Directions API as a web service,
+     * or the [directions service in the Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/directions),
+     * the maximum allowed number of `waypoints` is 23, plus the origin and destination.
+     */
+    'MAX_WAYPOINTS_EXCEEDED' |
+    /**
+     * indicates the requested route is too long and cannot be processed.
+     * This error occurs when more complex directions are returned.
+     * Try reducing the number of waypoints, turns, or instructions.
+     */
+    'MAX_ROUTE_LENGTH_EXCEEDED ' |
+    /** indicates that the provided request was invalid. Common causes of this status include an invalid parameter or parameter value. */
+    'INVALID_REQUEST' |
+    /**
+     * indicates any of the following:
+     *  - The API key is missing or invalid.
+     *  - Billing has not been enabled on your account.
+     *  - A self-imposed usage cap has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) to learn how to fix this.
+     */
+    'OVER_DAILY_LIMIT' |
+    /** indicates the service has received too many requests from your application within the allowed time period. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that the service denied use of the directions service by your application. */
+    'REQUEST_DENIED' |
+    /** indicates a directions request could not be processed due to a server error. The request may succeed if you try again. */
+    'UNKNOWN_ERROR'
+);
+
+/**
+ * Elements in the `geocoded_waypoints` array correspond, by their zero-based position, to the origin,
+ * the waypoints in the order they are specified, and the destination.
+ */
+export interface GeocodedWaypoint {
+    /** indicates the status code resulting from the geocoding operation. */
+    geocoder_status: GeocodedWaypointStatus;
+    /**
+     * indicates that the geocoder did not return an exact match for the original request, though it was able to match part of the
+     * requested address. You may wish to examine the original request for misspellings and/or an incomplete address.
+     *
+     * Partial matches most often occur for street addresses that do not exist within the locality you pass in the request.
+     * Partial matches may also be returned when a request matches two or more locations in the same locality.
+     * For example, "21 Henr St, Bristol, UK" will return a partial match for both Henry Street and Henrietta Street.
+     * Note that if a request includes a misspelled address component, the geocoding service may suggest an alternative address.
+     * Suggestions triggered in this way will also be marked as a partial match.
+     */
+    partial_match: boolean;
+    /** unique identifier that can be used with other Google APIs. */
+    place_id: string;
+    /**
+     * indicates the *address type* of the geocoding result used for calculating directions.
+     *
+     * An empty list of types indicates there are no known types for the particular address component, for example, Lieu-dit in France.
+     */
+    types: AddressType[];
+}
+
+export type GeocodedWaypointStatus = (
+    /** indicates that no errors occurred; the address was successfully parsed and at least one geocode was returned. */
+    'OK' |
+    /**
+     * indicates that the geocode was successful but returned no results.
+     * This may occur if the geocoder was passed a non-existent `address`.
+     */
+    'ZERO_RESULTS'
+);
+
+export type AddressType = (
+    /** indicates a precise street address. */
+    'street_address' |
+    /** indicates a named route (such as "US 101"). */
+    'route' |
+    /** indicates a major intersection, usually of two major roads. */
+    'intersection' |
+    /** indicates a political entity. Usually, this type indicates a polygon of some civil administration. */
+    'political' |
+    /** indicates the national political entity, and is typically the highest order type returned by the Geocoder. */
+    'country' |
+    /**
+     * indicates a first-order civil entity below the country level. Within the United States, these administrative levels are states.
+     * Not all nations exhibit these administrative levels. In most cases, `administrative_area_level_1` short names will closely match
+     * ISO 3166-2 subdivisions and other widely circulated lists; however this is not guaranteed as our geocoding results are based
+     * on a variety of signals and location data.
+     */
+    'administrative_area_level_1' |
+    /**
+     * indicates a second-order civil entity below the country level. Within the United States, these administrative levels are counties.
+     * Not all nations exhibit these administrative levels.
+     */
+    'administrative_area_level_2' |
+    /**
+     * indicates a third-order civil entity below the country level. This type indicates a minor civil division.
+     * Not all nations exhibit these administrative levels.
+     */
+    'administrative_area_level_3' |
+    /**
+     * indicates a fourth-order civil entity below the country level. This type indicates a minor civil division.
+     * Not all nations exhibit these administrative levels.
+     */
+    'administrative_area_level_4' |
+    /**
+     * indicates a fifth-order civil entity below the country level. This type indicates a minor civil division.
+     * Not all nations exhibit these administrative levels.
+     */
+    'administrative_area_level_5' |
+    /** indicates a commonly-used alternative name for the entity. */
+    'colloquial_area' |
+    /** indicates an incorporated city or town political entity. */
+    'locality' |
+    /**
+     * indicates a specific type of Japanese locality, to facilitate distinction between multiple locality components within a
+     * Japanese address.
+     */
+    'ward' |
+    /**
+     * indicates a first-order civil entity below a locality. For some locations may receive one of the additional types:
+     * `sublocality_level_1` to `sublocality_level_5`. Each sublocality level is a civil entity. Larger numbers indicate a smaller
+     * geographic area.
+     */
+    'sublocality' |
+    /** indicates a named neighborhood */
+    'neighborhood' |
+    /** indicates a named location, usually a building or collection of buildings with a common name */
+    'premise' |
+    /**
+     * indicates a first-order entity below a named location, usually a singular building within a collection of buildings with a
+     * common name.
+     */
+    'subpremise' |
+    /** indicates a postal code as used to address postal mail within the country. */
+    'postal_code' |
+    /** indicates a prominent natural feature. */
+    'natural_feature' |
+    /** indicates an airport. */
+    'airport' |
+    /** indicates a named park. */
+    'park' |
+    /**
+     * indicates a named point of interest. Typically, these "POI"s are prominent local entities that don't easily fit in another category,
+     * such as "Empire State Building" or "Statue of Liberty".
+     */
+    'point_of_interest'
+);
+
+/**
+ * This route may consist of one or more `legs` depending on whether any waypoints were specified. As well, the route also contains
+ * copyright and warning information which must be displayed to the user in addition to the routing information.
+ */
+export interface DirectionsRoute {
+    /** contains a short textual description for the route, suitable for naming and disambiguating the route from alternatives. */
+    summary: string;
+    /**
+     * contains an array which contains information about a leg of the route, between two locations within the given route.
+     * A separate leg will be present for each waypoint or destination specified.
+     * (A route with no waypoints will contain exactly one leg within the `legs` array.)
+     * Each leg consists of a series of `steps`.
+     */
+    legs: RouteLeg[];
+    /**
+     * contains an array indicating the order of any waypoints in the calculated route.
+     * This waypoints may be reordered if the request was passed `optimize:true` within its `waypoints` parameter.
+     */
+    waypoint_order: number[];
+    /**
+     * contains a single `points` object that holds an encoded polyline representation of the route.
+     * This polyline is an approximate (smoothed) path of the resulting directions.
+     */
+    overview_polyline: string;
+    /** contains the viewport bounding box of the `overview_polyline`. */
+    bounds: LatLngBounds;
+    /** contains the copyrights text to be displayed for this route. You must handle and display this information yourself. */
+    copyrights: string;
+    /** contains an array of warnings to be displayed when showing these directions. You must handle and display these warnings yourself. */
+    warnings: string[];
+    /**
+     * If present, contains the total fare (that is, the total ticket costs) on this route.
+     * This property is only returned for transit requests and only for routes where fare information is available for all transit legs.
+     *
+     * **Note:** The Directions API only returns fare information for requests that contain either an API key or a client ID
+     * and digital signature.
+     */
+    fare: TransitFare;
+    /**
+     * An array of LatLngs representing the entire course of this route. The path is simplified in order to make
+     * it suitable in contexts where a small number of vertices is required (such as Static Maps API URLs).
+     */
+    overview_path: LatLngLiteral[];
+}
+
+export interface TransitFare {
+    /** An [ISO 4217 currency code](https://en.wikipedia.org/wiki/ISO_4217) indicating the currency that the amount is expressed in. */
+    currency: string;
+    /** The total fare amount, in the currency specified above. */
+    value: number;
+    /** The total fare amount, formatted in the requested language. */
+    text: string;
+}
+
+/**
+ * A single leg of the journey from the origin to the destination in the calculated route.
+ * For routes that contain no waypoints, the route will consist of a single "leg," but for routes that define one or more waypoints,
+ * the route will consist of one or more legs, corresponding to the specific legs of the journey.
+ */
+export interface RouteLeg {
+    /** contains an array of steps denoting information about each separate step of the leg of the journey. */
+    steps: DirectionsStep[];
+    /**
+     * indicates the total distance covered by this leg, as a field with the following elements.
+     *
+     * This field may be absent if the distance is unknown.
+     */
+    distance: Distance;
+    /**
+     * indicates the total duration of this leg.
+     *
+     * This field may be absent if the duration is unknown.
+     */
+    duration: Duration;
+    /**
+     * indicates the total duration of this leg.
+     * This value is an estimate of the time in traffic based on current and historical traffic conditions.
+     * See the `traffic_model` request parameter for the options you can use to request that the returned value is optimistic, pessimistic,
+     * or a best-guess estimate. The duration in traffic is returned only if all of the following are true:
+     *
+     *  - The request includes a valid API key, or a valid Google Maps APIs Premium Plan client ID and signature.
+     *  - The request does not include stopover waypoints. If the request includes waypoints, they must be prefixed with `via:`
+     *    to avoid stopovers.
+     *  - The request is specifically for driving directions—the `mode` parameter is set to `driving`.
+     *  - The request includes a `departure_time` parameter.
+     *  - Traffic conditions are available for the requested route.
+     */
+    duration_in_traffic: Duration;
+    /** contains the estimated time of arrival for this leg. This property is only returned for transit directions. */
+    arrival_time: Time;
+    /**
+     * contains the estimated time of departure for this leg, specified as a `Time` object.
+     * The `departure_time` is only available for transit directions.
+     */
+    departure_time: Time;
+    /**
+     * contains the latitude/longitude coordinates of the origin of this leg.
+     * Because the Directions API calculates directions between locations by using the nearest transportation option (usually a road)
+     * at the start and end points, `start_location` may be different than the provided origin of this leg if, for example,
+     * a road is not near the origin.
+     */
+    start_location: LatLngLiteral;
+    /**
+     * contains the latitude/longitude coordinates of the given destination of this leg.
+     * Because the Directions API calculates directions between locations by using the nearest transportation option (usually a road)
+     * at the start and end points, `end_location` may be different than the provided destination of this leg if, for example,
+     * a road is not near the destination.
+     */
+    end_location: LatLngLiteral;
+    /** contains the human-readable address (typically a street address) resulting from reverse geocoding the `start_location` of this leg. */
+    start_address: string;
+    /** contains the human-readable address (typically a street address) from reverse geocoding the `end_location` of this leg. */
+    end_address: string;
+}
+
+/**
+ * A step is the most atomic unit of a direction's route, containing a single step describing a specific, single instruction on the journey.
+ * E.g. "Turn left at W. 4th St." The step not only describes the instruction but also contains distance and duration information relating to
+ * how this step relates to the following step. For example, a step denoted as "Merge onto I-80 West" may contain a duration of
+ * "37 miles" and "40 minutes," indicating that the next step is 37 miles/40 minutes from this step.
+ *
+ * When using the Directions API to search for transit directions, the steps array will include additional transit details in the form of
+ * a `transit_details` array. If the directions include multiple modes of transportation, detailed directions will be provided for walking or
+ * driving steps in an inner `steps` array. For example, a walking step will include directions from the start and end locations:
+ * "Walk to Innes Ave & Fitch St". That step will include detailed walking directions for that route in the inner `steps` array, such as:
+ * "Head north-west", "Turn left onto Arelious Walker", and "Turn left onto Innes Ave".
+ */
+export interface DirectionsStep {
+    /** contains formatted instructions for this step, presented as an HTML text string. */
+    html_instructions: string;
+    /**
+     * contains the distance covered by this step until the next step. (See the discussion of this field in Directions Legs)
+     *
+     * This field may be undefined if the distance is unknown.
+     */
+    distance: Distance;
+    /**
+     * contains the typical time required to perform the step, until the next step. (See the description in Directions Legs)
+     *
+     * This field may be undefined if the duration is unknown
+     */
+    duration: Duration;
+    /** contains the location of the starting point of this step, as a single set of `lat` and `lng` fields. */
+    start_location: LatLngLiteral;
+    /** contains the location of the last point of this step, as a single set of `lat` and `lng` fields. */
+    end_location: LatLngLiteral;
+    /**
+     * contains the action to take for the current step (turn left, merge, straight, etc.).
+     * This field is used to determine which icon to display.
+     */
+    maneuver: Maneuver;
+    /**
+     * contains a single points object that holds an encoded polyline representation of the step.
+     * This polyline is an approximate (smoothed) path of the step.
+     */
+    polyline: string;
+    /**
+     * contains detailed directions for walking or driving steps in transit directions.
+     * Substeps are only available when `travel_mode` is set to "transit".
+     * The inner `steps` array is of the same type as `steps`.
+     */
+    steps: DirectionsStep;
+    /** contains transit specific information. This field is only returned with travel_mode is set to "transit". */
+    transit_details: TransitDetails;
+}
+
+export interface Distance {
+    /** indicates the distance in meters. */
+    value: number;
+    /**
+     * contains a human-readable representation of the distance, displayed in units as used at the origin
+     * (or as overridden within the `units` parameter in the request).
+     * (For example, miles and feet will be used for any origin within the United States.)
+     */
+    text: string;
+}
+
+export interface Duration {
+    /** indicates the duration in seconds. */
+    value: number;
+    /** contains a human-readable representation of the duration. */
+    text: string;
+}
+
+export interface Time {
+    /** the time specified as a JavaScript `Date` object. */
+    value: Date;
+    /** the time specified as a string. The time is displayed in the time zone of the transit stop. */
+    text: string;
+    /**
+     * contains the time zone of this station. The value is the name of the time zone as defined in the
+     * [IANA Time Zone Database](http://www.iana.org/time-zones), e.g. "America/New_York".
+     */
+    time_zone: string;
+}
+
+export type Maneuver = (
+    'turn-slight-left' |
+    'turn-sharp-left' |
+    'uturn-left' |
+    'turn-left' |
+    'turn-slight-right' |
+    'turn-sharp-right' |
+    'uturn-right' |
+    'turn-right' |
+    'straight' |
+    'ramp-left' |
+    'ramp-right' |
+    'merge' |
+    'fork-left' |
+    'fork-right' |
+    'ferry' |
+    'ferry-train' |
+    'roundabout-left' |
+    'roundabout-right'
+);
+
+/**
+ * Transit directions return additional information that is not relevant for other modes of transportation.
+ * These additional properties are exposed through the `transit_details` object, returned as a field of an element in the `steps[]` array.
+ * From the `TransitDetails` object you can access additional information about the transit stop, transit line and transit agency
+ */
+export interface TransitDetails {
+    /** contains information about the stop for this part of the trip. */
+    arrival_stop: TransitStop;
+    /** contains information about the station for this part of the trip. */
+    departure_stop: TransitStop;
+    /** contain the arrival time for this leg of the journey. */
+    arrival_time: Time;
+    /** contain the departure time for this leg of the journey. */
+    departure_time: Time;
+    /**
+     * specifies the direction in which to travel on this line, as it is marked on the vehicle or at the departure stop.
+     * This will often be the terminus station.
+     */
+    headsign: string;
+    /**
+     * specifies the expected number of seconds between departures from the same stop at this time.
+     * For example, with a `headway` value of 600, you would expect a ten minute wait if you should miss your bus.
+     */
+    headway: number;
+    /**
+     * contains the number of stops in this step, counting the arrival stop, but not the departure stop.
+     * For example, if your directions involve leaving from Stop A, passing through stops B and C, and arriving at stop D,
+     * `num_stops` will return 3.
+     */
+    num_stops: number;
+    /** contains information about the transit line used in this step. */
+    line: TransitLine;
+}
+
+export interface TransitStop {
+    /** the name of the transit station/stop. eg. "Union Square". */
+    name: string;
+    /** the location of the transit station/stop, represented as a `lat` and `lng` field. */
+    location: LatLngLiteral;
+}
+
+export interface TransitLine {
+    /** contains the full name of this transit line. eg. "7 Avenue Express". */
+    name: string;
+    /** contains the short name of this transit line. This will normally be a line number, such as "M7" or "355". */
+    short_name: string;
+    /** contains the color commonly used in signage for this transit line. The color will be specified as a hex string such as: #FF0033. */
+    color: string;
+    /**
+     * is an array containing a single `TransitAgency` object.
+     * The `TransitAgency` object provides information about the operator of the line
+     */
+    agencies: TransitAgency[];
+    /** contains the URL for this transit line as provided by the transit agency. */
+    url: string;
+    /** contains the URL for the icon associated with this line. */
+    icon: string;
+    /** contains the color of text commonly used for signage of this line. The color will be specified as a hex string. */
+    text_color: string;
+    /** contains the type of vehicle used on this line. */
+    vehicle: TransitVehicle;
+}
+
+/** You must display the names and URLs of the transit agencies servicing the trip results. */
+export interface TransitAgency {
+    /** contains the name of the transit agency. */
+    name: string;
+    /** contains the phone number of the transit agency. */
+    phone: string;
+    /** contains the URL for the transit agency. */
+    url: string;
+}
+
+export interface TransitVehicle {
+    /** contains the name of the vehicle on this line. eg. "Subway.". */
+    name: string;
+    /** contains the type of vehicle that runs on this line. */
+    type: VehicleType;
+    /** contains the URL for an icon associated with this vehicle type. */
+    icon: string;
+    /** contains the URL for the icon associated with this vehicle type, based on the local transport signage. */
+    local_icon: string;
+}
+
+/** @see https://developers.google.com/maps/documentation/directions/intro#VehicleType. */
+export type VehicleType = (
+    /** Rail. */
+    'RAIL' |
+    /** Light rail transit. */
+    'METRO_RAIL' |
+    /** Underground light rail. */
+    'SUBWAY' |
+    /** Above ground light rail. */
+    'TRAM' |
+    /** Monorail. */
+    'MONORAIL' |
+    /** Heavy rail. */
+    'HEAVY_RAIL' |
+    /** Commuter rail. */
+    'COMMUTER_TRAIN' |
+    /** High speed train. */
+    'HIGH_SPEED_TRAIN' |
+    /** Bus. */
+    'BUS' |
+    /** Intercity bus. */
+    'INTERCITY_BUS' |
+    /** Trolleybus. */
+    'TROLLEYBUS' |
+    /** Share taxi is a kind of bus with the ability to drop off and pick up passengers anywhere on its route. */
+    'SHARE_TAXI' |
+    /** Ferry. */
+    'FERRY' |
+    /** A vehicle that operates on a cable, usually on the ground. Aerial cable cars may be of the type `GONDOLA_LIFT`. */
+    'CABLE_CAR' |
+    /** An aerial cable car. */
+    'GONDOLA_LIFT' |
+    /**
+     * A vehicle that is pulled up a steep incline by a cable.
+     * A Funicular typically consists of two cars, with each car acting as a counterweight for the other.
+     */
+    'FUNICULAR' |
+    /** All other vehicles will return this type. */
+    'OTHER'
+);
+
+export interface DistanceMatrixRequest {
+    /**
+     * The starting point for calculating travel distance and time.
+     * You can supply one or more locations separated by the pipe character (`|`), in the form of an address, latitude/longitude coordinates,
+     * or a place ID:
+     *  - If you pass an address, the service geocodes the string and converts it to a latitude/longitude coordinate to calculate distance.
+     *    This coordinate may be different from that returned by the Geocoding API, for example a building entrance rather than its center.
+     *
+     *    `origins=Bobcaygeon+ON|24+Sussex+Drive+Ottawa+ON`
+     *
+     *  - If you pass latitude/longitude coordinates, they are used unchanged to calculate distance.
+     *    Ensure that no space exists between the latitude and longitude values.
+     *
+     *    `origins=41.43206,-81.38992|-33.86748,151.20699`
+     *
+     *  - If you supply a place ID, you must prefix it with `place_id:`.
+     *    You can only specify a place ID if the request includes an API key or a Google Maps APIs Premium Plan client ID.
+     *    You can retrieve place IDs from the Geocoding API and the Places SDK (including Place Autocomplete).
+     *
+     *    `origins=place_id:ChIJ3S-JXmauEmsRUcIaWtf4MzE`
+     *
+     *  - Alternatively, you can supply an encoded set of coordinates using the
+     *    [Encoded Polyline Algorithm](https://developers.google.com/maps/documentation/utilities/polylinealgorithm).
+     *    This is particularly useful if you have a large number of origin points, because the URL is significantly shorter when using
+     *    an encoded polyline.
+     *
+     *     - Encoded polylines must be prefixed with `enc:` and followed by a colon (`:`). For example: `origins=enc:gfo}EtohhU:`
+     *     - You can also include multiple encoded polylines, separated by the pipe character (`|`).
+     *       For example: `origins=enc:wc~oAwquwMdlTxiKtqLyiK:|enc:c~vnAamswMvlTor@tjGi}L:|enc:udymA{~bxM:`
+     */
+    origins: LatLng[];
+    /**
+     * One or more locations to use as the finishing point for calculating travel distance and time.
+     * The options for the destinations parameter are the same as for the origins parameter, described above.
+     */
+    destinations: LatLng[];
+    /**
+     * Specifies the mode of transport to use when calculating distance.
+     * Valid values and other request details are specified in the Travel Modes section of this document.
+     *
+     * @default TravelMode.driving
+     */
+    mode?: TravelMode;
+    /**
+     * The language in which to return results.
+     *  - If `language` is not supplied, the API attempts to use the preferred language as specified in the `Accept-Language` header,
+     *    or the native language of the domain from which the request is sent.
+     *  - The API does its best to provide a street address that is readable for both the user and locals. To achieve that goal,
+     *    it returns street addresses in the local language, transliterated to a script readable by the user if necessary,
+     *    observing the preferred language. All other addresses are returned in the preferred language.
+     *    Address components are all returned in the same language, which is chosen from the first component.
+     *  - If a name is not available in the preferred language, the API uses the closest match.
+     *  - The preferred language has a small influence on the set of results that the API chooses to return,
+     *    and the order in which they are returned. The geocoder interprets abbreviations differently depending on language,
+     *    such as the abbreviations for street types, or synonyms that may be valid in one language but not in another.
+     *    For example, utca and tér are synonyms for street in Hungarian.
+     */
+    language?: string;
+    /**
+     * The region code, specified as a [ccTLD](https://en.wikipedia.org/wiki/CcTLD) (country code top-level domain) two-character value.
+     * Most ccTLD codes are identical to ISO 3166-1 codes, with some exceptions.
+     * This parameter will only influence, not fully restrict, results from the geocoder.
+     * If more relevant results exist outside of the specified region, they may be included.
+     */
+    region?: string;
+    /**
+     * Introduces restrictions to the route. Valid values are specified in the Restrictions section of this document.
+     * Only one restriction can be specified.
+     */
+    avoid?: TravelRestriction[];
+    /** Specifies the unit system to use when expressing distance as text. */
+    units?: UnitSystem;
+    /**
+     * Specifies the desired time of arrival for transit requests, in seconds since midnight, January 1, 1970 UTC.
+     * You can specify either `departure_time` or `arrival_time`, but not both.
+     * Note that `arrival_time` must be specified as an integer.
+     */
+    arrival_time?: Date | number;
+    /**
+     * The desired time of departure. You can specify the time as an integer in seconds since midnight, January 1, 1970 UTC.
+     * Alternatively, you can specify a value of now, which sets the departure time to the current time (correct to the nearest second).
+     *
+     * The departure time may be specified in two cases:
+     *
+     *  - For requests where the travel mode is transit: You can optionally specify one of `departure_time` or `arrival_time`.
+     *    If neither time is specified, the `departure_time` defaults to now (that is, the departure time defaults to the current time).
+     *
+     *  - For requests where the travel mode is driving: You can specify the `departure_time` to receive a route and trip duration
+     *    (response field: `duration_in_traffic`) that take traffic conditions into account.
+     *    This option is only available if the request contains a valid API key, or a valid
+     *    Google Maps APIs Premium Plan client ID and signature.
+     *    The `departure_time` must be set to the current time or some time in the future. It cannot be in the past.
+     *
+     *    **Note:** Distance Matrix requests specifying `departure_time` when `mode=driving` are limited
+     *    to a maximum of 100 elements per request. The number of origins times the number of destinations defines the number of elements.
+     */
+    departure_time?: Date | number;
+    /**
+     * Specifies the assumptions to use when calculating time in traffic.
+     * This setting affects the value returned in the `duration_in_traffic` field in the response,
+     * which contains the predicted time in traffic based on historical averages.
+     * The `traffic_model` parameter may only be specified for requests where the travel mode is `driving`,
+     * and where the request includes a `departure_time`, and only if the request includes an API key or
+     * a Google Maps APIs Premium Plan client ID.
+     *
+     * @default TrafficModel.best_guess
+     */
+    traffic_model?: TrafficModel;
+    /** Specifies one or more preferred modes of transit. This parameter may only be specified for requests where the `mode` is `transit`. */
+    transit_mode?: TransitMode[];
+    /**
+     * Specifies preferences for transit requests. Using this parameter, you can bias the options returned,
+     * rather than accepting the default best route chosen by the API.
+     * This parameter may only be specified for requests where the `mode` is `transit`.
+     */
+    transit_routing_preference?: TransitRoutingPreference;
+}
+
+export interface DistanceMatrixResponse {
+    /** contains metadata on the request. See Status Codes below. */
+    status: DistanceMatrixResponseTopLevelStatus;
+    /**
+     * When the top-level status code is other than `OK`, this field contains more detailed information
+     * about the reasons behind the given status code.
+     */
+    error_message: string;
+    /**
+     * contains an array of addresses as returned by the API from your original request.
+     * These are formatted by the geocoder and localized according to the language parameter passed with the request.
+     */
+    origin_addresses: string;
+    /**
+     * contains an array of addresses as returned by the API from your original request.
+     * As with origin_addresses, these are localized if appropriate.
+     */
+    destination_addresses: string[];
+    /** contains an array of elements, which in turn each contain a status, duration, and distance element. */
+    rows: DistanceMatrixRow[];
+}
+
+/**
+ * The status fields within the response object contain the status of the request, and may contain useful debugging information.
+ * The Distance Matrix API returns a top-level status field, with information about the request in general,
+ * as well as a status field for each element field, with information about that particular origin-destination pairing.
+ */
+export type DistanceMatrixResponseTopLevelStatus = (
+    /** indicates the response contains a valid result. */
+    'OK' |
+    /** indicates that the provided request was invalid. */
+    'INVALID_REQUEST' |
+    /** indicates that the product of origins and destinations exceeds the per-query limit. */
+    'MAX_ELEMENTS_EXCEEDED' |
+    /**
+     * indicates any of the following:
+     *  - The API key is missing or invalid.
+     *  - Billing has not been enabled on your account.
+     *  - A self-imposed usage cap has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) to learn how to fix this.
+     */
+    'OVER_DAILY_LIMIT' |
+    /** indicates the service has received too many requests from your application within the allowed time period. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that the service denied use of the Distance Matrix service by your application. */
+    'REQUEST_DENIED' |
+    /** indicates a Distance Matrix request could not be processed due to a server error. The request may succeed if you try again. */
+    'UNKNOWN_ERROR'
+);
+
+export type DistanceMatrixResponseElementLevelStatus = (
+    /** indicates the response contains a valid result. */
+    'OK' |
+    /** indicates that the origin and/or destination of this pairing could not be geocoded. */
+    'NOT_FOUND' |
+    /** indicates no route could be found between the origin and destination. */
+    'ZERO_RESULTS' |
+    /** indicates the requested route is too long and cannot be processed. */
+    'MAX_ROUTE_LENGTH_EXCEEDED'
+);
+
+/**
+ * When the Distance Matrix API returns results, it places them within a JSON `rows` array.
+ * Even if no results are returned (such as when the origins and/or destinations don't exist), it still returns an empty array.
+ * XML responses consist of zero or more `<row>` elements.
+ *
+ * Rows are ordered according to the values in the `origin` parameter of the request.
+ * Each row corresponds to an origin, and each `element` within that row corresponds to a pairing of the origin with a `destination` value.
+ *
+ * Each `row` array contains one or more `element` entries, which in turn contain the information about a single origin-destination pairing.
+ */
+export interface DistanceMatrixRow {
+    elements: DistanceMatrixRowElement[];
+}
+
+/** The information about each origin-destination pairing is returned in an `element` entry. */
+export interface DistanceMatrixRowElement {
+    /** possible status codes  */
+    status: DistanceMatrixResponseElementLevelStatus;
+    /**
+     * The length of time it takes to travel this route, expressed in seconds (the `value` field) and as `text`.
+     * The textual representation is localized according to the query's `language` parameter.
+     */
+    duration: Duration;
+    /**
+     * The length of time it takes to travel this route, based on current and historical traffic conditions.
+     * See the `traffic_model` request parameter for the options you can use to request that the returned value is
+     * `optimistic`, `pessimistic`, or a `best-guess` estimate. The duration is expressed in seconds (the `value` field) and as `text`.
+     * The textual representation is localized according to the query's `language` parameter.
+     * The duration in traffic is returned only if all of the following are true:
+     *  - The request includes a `departure_time` parameter.
+     *  - The request includes a valid API key, or a valid Google Maps APIs Premium Plan client ID and signature.
+     *  - Traffic conditions are available for the requested route.
+     *  - The `mode` parameter is set to `driving`.
+     */
+    duration_in_traffic: Duration;
+    /**
+     * The total distance of this route, expressed in meters (`value`) and as `text`.
+     * The textual value uses the `unit` system specified with the unit parameter of the original request, or the origin's region.
+     */
+    distance: Distance;
+    /**
+     * If present, contains the total fare (that is, the total ticket costs) on this route.
+     * This property is only returned for transit requests and only for transit providers where fare information is available.
+     */
+    fare: TransitFare;
+}
+
+export interface ElevationRequest {
+    /**
+     * defines the location(s) on the earth from which to return elevation data.
+     * This parameter takes either a single location as a comma-separated {latitude,longitude} pair (e.g. "40.714728,-73.998672")
+     * or multiple latitude/longitude pairs passed as an array or as an encoded polyline.
+     */
+    locations: LatLng[];
+}
+
+export interface ElevationResponse {
+    /** An Elevation status code. */
+    status: ElevationResponseStatus;
+    /**
+     * When the status code is other than `OK`, there may be an additional `error_message` field within the Elevation response object.
+     * This field contains more detailed information about the reasons behind the given status code.
+     */
+    error_message: string;
+    /** An Elevation results array. */
+    results: ElevationResult[];
+}
+
+export type ElevationResponseStatus = (
+    /** indicating the API request was successful. */
+    'OK' |
+    /** indicating the API request was malformed. */
+    'INVALID_REQUEST' |
+    /**
+     * indicating any of the following:
+     * The API key is missing or invalid.
+     *  - Billing has not been enabled on your account.
+     *  - A self-imposed usage cap has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) to learn how to fix this.
+     */
+    'OVER_DAILY_LIMIT' |
+    /** indicating the requestor has exceeded quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicating the API did not complete the request. */
+    'REQUEST_DENIED' |
+    /** indicating an unknown error. */
+    'UNKNOWN_ERROR'
+);
+
+export interface ElevationResult {
+    /**
+     * A `location` element (containing `lat` and `lng` elements) of the position for which elevation data is being computed.
+     * Note that for path requests, the set of `location` elements will contain the sampled points along the path.
+     */
+    location: LatLngLiteral;
+    /** An `elevation` element indicating the elevation of the location in meters. */
+    elevation: number;
+    /**
+     * A `resolution` value, indicating the maximum distance between data points from which the elevation was interpolated, in meters.
+     * This property will be missing if the resolution is not known.
+     * Note that elevation data becomes more coarse (larger `resolution` values) when multiple points are passed.
+     * To obtain the most accurate elevation value for a point, it should be queried independently.
+     */
+    resolution: number;
+}
+
+export interface ElevationAlongPathRequest {
+    /**
+     * defines a path on the earth for which to return elevation data.
+     * This parameter defines a set of two or more ordered {latitude,longitude} pairs defining a path along the surface of the earth.
+     */
+    path: LatLng[] | string;
+    /**
+     * specifies the number of sample points along a path for which to return elevation data.
+     * The samples parameter divides the given path into an ordered set of equidistant points along the path.
+     */
+    samples: number;
+}
+
+export interface FindPlaceRequest {
+    /** The text input specifying which place to search for (for example, a name, address, or phone number). */
+    input: string;
+    /** The type of input. This can be one of either `textquery` or `phonenumber`. */
+    inputtype: 'textquery' | 'phonenumber';
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Searches are also biased to the selected language; results in the selected language may be given a higher ranking
+     */
+    language?: Language;
+    /**
+     * The fields specifying the types of place data to return.
+     *
+     * **Note:** If you omit the fields parameter from a Find Place request, only the place_id for the result will be returned.
+     */
+    fields?: Array<keyof PlaceSearchResult>;
+    /**
+     * Prefer results in a specified area, by specifying either a radius plus lat/lng, or two lat/lng pairs representing
+     * the points of a rectangle. If this parameter is not specified, the API uses IP address biasing by default.
+     */
+    locationbias?: string;
+}
+
+/** A Find Place response contains only the data types that were specified using the fields parameter, plus `html_attributions`. */
+export interface FindPlaceFromTextResponse {
+    status: SearchResponseStatus;
+    candidates: Array<Partial<PlaceSearchResult>>;
+}
+
+export interface PlaceSearchResponse {
+    /** contains metadata on the request. */
+    status: SearchResponseStatus;
+    /**
+     * When the Google Places service returns a status code other than `OK`, there may be an additional `error_message` field
+     * within the search response object. This field contains more detailed information about the reasons behind the given status code.
+     */
+    error_message: string;
+    /**
+     * contains an array of places, with information about each.
+     * The Places API returns up to 20 `establishment` results per query.
+     * Additionally, political results may be returned which serve to identify the area of the request.
+     */
+    results: PlaceSearchResult[];
+    /** may contain a set of attributions about this listing which must be displayed to the user (some listings may not have attribution). */
+    html_attributions: string[];
+    /**
+     * contains a token that can be used to return up to 20 additional results.
+     * A `next_page_token` will not be returned if there are no additional results to display.
+     * The maximum number of results that can be returned is 60.
+     * There is a short delay between when a `next_page_token` is issued, and when it will become valid.
+     */
+    next_page_token: string;
+}
+
+/**
+ * The `"status"` field within the search response object contains the status of the request,
+ * and may contain debugging information to help you track down why the request failed.
+ */
+export type SearchResponseStatus = (
+    /** indicates that no errors occurred; the place was successfully detected and at least one result was returned. */
+    'OK' |
+    /**
+     * indicates that the search was successful but returned no results.
+     * This may occur if the search was passed a latlng in a remote location.
+     */
+    'ZERO_RESULTS' |
+    /** indicates that you are over your quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that your request was denied, generally because of lack of an invalid key parameter. */
+    'REQUEST_DENIED' |
+    /** generally indicates that a required query parameter (location or radius) is missing. */
+    'INVALID_REQUEST' |
+    /** indicates a server-side error; trying again may be successful. */
+    'UNKNOWN_ERROR'
+);
+
+/**
+ * When the Google Places service returns JSON results from a search, it places them within a `results` array.
+ * Even if the service returns no results (such as if the `location` is remote) it still returns an empty `results` array.
+ * XML responses consist of zero or more `<result>` elements.
+ */
+export interface PlaceSearchResult {
+    /** contains the URL of a recommended icon which may be displayed to the user when indicating this result. */
+    icon: string;
+    /**
+     * contains geometry information about the result, generally including the `location` (geocode)
+     * of the place and (optionally) the viewport identifying its general area of coverage
+     */
+    geometry: AddressGeometry;
+    /**
+     * is an encoded location reference, derived from latitude and longitude coordinates, that represents an area:
+     * 1/8000th of a degree by 1/8000th of a degree (about 14m x 14m at the equator) or smaller.
+     * Plus codes can be used as a replacement for street addresses in places where they do not exist
+     * (where buildings are not numbered or streets are not named).
+     *
+     * The plus code is formatted as a global code and a compound code:
+     *  - `global_code` is a 4 character area code and 6 character or longer local code (849VCWC8+R9).
+     *  - `compound_code` is a 6 character or longer local code with an explicit location (CWC8+R9, Mountain View, CA, USA).
+     *
+     * Typically, both the global code and compound code are returned.
+     * However, if the result is in a remote location (for example, an ocean or desert) only the global code may be returned.
+     *
+     * @see [Open Location Code](https://en.wikipedia.org/wiki/Open_Location_Code)
+     * @see [plus codes](https://plus.codes/)
+     */
+    plus_code: PlusCode;
+    /** contains the human-readable name for the returned result. For `establishment` results, this is usually the business name. */
+    name: string;
+    /** information on the opening hours. */
+    opening_hours: OpeningHours;
+    /**
+     * an array of `photo` objects, each containing a reference to an image.
+     * A Place Search will return at most one `photo` object.
+     * Performing a Place Details request on the place may return up to ten photos.
+     * More information about Place Photos and how you can use the images in your application can be found in the
+     * [Place Photos](https://developers.google.com/places/web-service/photos) documentation.
+     */
+    photos: PlacePhoto[];
+    /**
+     * a textual identifier that uniquely identifies a place.
+     * To retrieve information about the place, pass this identifier in the `placeId` field of a Places API request
+     */
+    place_id: string;
+    /**
+     * Indicates the scope of the `place_id`.
+     *
+     * **Note:** The `scope` field is included only in Nearby Search results and Place Details results.
+     * You can only retrieve app-scoped places via the Nearby Search and the Place Details requests.
+     * If the `scope` field is not present in a response, it is safe to assume the scope is `GOOGLE`.
+     */
+    scope: PlaceIdScope;
+    /**
+     * An array of zero, one or more alternative place IDs for the place, with a scope related to each alternative ID.
+     * Note: This array may be empty or not present.
+     */
+    alt_ids: AlternativePlaceId[];
+    /**
+     * The price level of the place, on a scale of 0 to 4.
+     * The exact amount indicated by a specific value will vary from region to region.
+     *
+     * Price levels are interpreted as follows:
+     *  - `0`: Free
+     *  - `1`: Inexpensive
+     *  - `2`: Moderate
+     *  - `3`: Expensive
+     *  - `4`: Very Expensive
+     */
+    price_level: number;
+    /** contains the place's rating, from 1.0 to 5.0, based on aggregated user reviews. */
+    rating: number;
+    /**
+     * contains an array of feature types describing the given result.
+     * XML responses include multiple `<type>` elements if more than one type is assigned to the result.
+     */
+    types: Array<PlaceType1 | PlaceType2>;
+    /**
+     * contains a feature name of a nearby location. Often this feature refers to a street or neighborhood within the given results.
+     * The `vicinity` property is only returned for a Nearby Search.
+     */
+    vicinity: number;
+    /**
+     * is a string containing the human-readable address of this place. Often this address is equivalent to the "postal address".
+     * The `formatted_address` property is only returned for a Text Search.
+     */
+    formatted_address: string;
+    /**
+     * is a boolean flag indicating whether the place has permanently shut down (value `true`).
+     * If the place is not permanently closed, the flag is absent from the response.
+     */
+    permanently_closed: boolean;
+}
+
+export interface OpeningHours {
+    /** is a boolean value indicating if the place is open at the current time. */
+    open_now: boolean;
+    /** is an array of opening periods covering seven days, starting from Sunday, in chronological order. */
+    periods: OpeningPeriod[];
+}
+
+export interface OpeningPeriod {
+    /** contains a pair of day and time objects describing when the place opens. */
+    open: OpeningHoursTime;
+    /**
+     * may contain a pair of day and time objects describing when the place closes.
+     * **Note:** If a place is **always open**, the `close` section will be missing from the response.
+     * Clients can rely on always-open being represented as an `open` period containing `day` with value 0
+     * and `time` with value 0000, and no `close`.
+     */
+    close?: OpeningHoursTime;
+    /**
+     * is an array of seven strings representing the formatted opening hours for each day of the week.
+     * If a `language` parameter was specified in the Place Details request, the Places Service will format
+     * and localize the opening hours appropriately for that language. The ordering of the elements in this array
+     * depends on the `language` parameter. Some languages start the week on Monday while others start on Sunday.
+     */
+    weekday_text: string[];
+}
+
+export interface OpeningHoursTime {
+    /** a number from 0–6, corresponding to the days of the week, starting on Sunday. For example, 2 means Tuesday. */
+    day: number;
+    /**
+     *  may contain a time of day in 24-hour hhmm format. Values are in the range 0000–2359. The `time`
+     * will be reported in the place's time zone.
+     */
+    time?: string;
+}
+
+/**
+ * All requests to the Place Photo service must include a `photoreference`, returned in the response to a Nearby Search,
+ * Text Search, or Place Details request. The response to these requests will contain a photos[] field if the place has related
+ * photographic content.
+ *
+ * **Note:** The number of photos returned varies by request.
+ *  - A Nearby Search or a Text Search will return at most one photo element in the array.
+ *  - Radar Searches do not return any photo information.
+ *  - A Details request will return up to ten photo elements.
+ */
+export interface PlacePhoto {
+    /** a string used to identify the photo when you perform a Photo request. */
+    photo_reference: string;
+    /** the maximum height of the image. */
+    height: number;
+    /** the maximum width of the image. */
+    width: number;
+    /** contains any required attributions. This field will always be present, but may be empty. */
+    html_attributions: string[];
+}
+
+export type PlaceIdScope = (
+    /**
+     * The place ID is recognised by your application only.
+     * This is because your application added the place, and the place has not yet passed the moderation process.
+     */
+    'APP' |
+    /** The place ID is available to other applications and on Google Maps. */
+    'GOOGLE'
+);
+
+export interface AlternativePlaceId {
+    /**
+     * The most likely reason for a place to have an alternative place ID is if your application adds a place and receives
+     * an application-scoped place ID, then later receives a Google-scoped place ID after passing the moderation process.
+     */
+    place_id: string;
+    /**
+     * The scope of an alternative place ID will always be `APP`,
+     * indicating that the alternative place ID is recognised by your application only.
+     */
+    scope: 'APP';
+}
+
+/**
+ * Table 1: Types supported in place search and addition
+ *
+ * You can use the following values in the types filter for place searches and when adding a place.
+ *
+ * @see https://developers.google.com/places/web-service/supported_types#table1
+ */
+export type PlaceType1 = (
+    'accounting' |
+    'airport' |
+    'amusement_park' |
+    'aquarium' |
+    'art_gallery' |
+    'atm' |
+    'bakery' |
+    'bank' |
+    'bar' |
+    'beauty_salon' |
+    'bicycle_store' |
+    'book_store' |
+    'bowling_alley' |
+    'bus_station' |
+    'cafe' |
+    'campground' |
+    'car_dealer' |
+    'car_rental' |
+    'car_repair' |
+    'car_wash' |
+    'casino' |
+    'cemetery' |
+    'church' |
+    'city_hall' |
+    'clothing_store' |
+    'convenience_store' |
+    'courthouse' |
+    'dentist' |
+    'department_store' |
+    'doctor' |
+    'electrician' |
+    'electronics_store' |
+    'embassy' |
+    'fire_station' |
+    'florist' |
+    'funeral_home' |
+    'furniture_store' |
+    'gas_station' |
+    'gym' |
+    'hair_care' |
+    'hardware_store' |
+    'hindu_temple' |
+    'home_goods_store' |
+    'hospital' |
+    'insurance_agency' |
+    'jewelry_store' |
+    'laundry' |
+    'lawyer' |
+    'library' |
+    'liquor_store' |
+    'local_government_office' |
+    'locksmith' |
+    'lodging' |
+    'meal_delivery' |
+    'meal_takeaway' |
+    'mosque' |
+    'movie_rental' |
+    'movie_theater' |
+    'moving_company' |
+    'museum' |
+    'night_club' |
+    'painter' |
+    'park' |
+    'parking' |
+    'pet_store' |
+    'pharmacy' |
+    'physiotherapist' |
+    'plumber' |
+    'police' |
+    'post_office' |
+    'real_estate_agency' |
+    'restaurant' |
+    'roofing_contractor' |
+    'rv_park' |
+    'school' |
+    'shoe_store' |
+    'shopping_mall' |
+    'spa' |
+    'stadium' |
+    'storage' |
+    'store' |
+    'subway_station' |
+    'supermarket' |
+    'synagogue' |
+    'taxi_stand' |
+    'train_station' |
+    'transit_station' |
+    'travel_agency' |
+    'veterinary_care' |
+    'zoo'
+);
+
+/**
+ * Table 2: Additional types returned by the Places service
+ *
+ * The following types may be returned in the results of a place search, in addition to the types in table 1 above.
+ * For more details on these types, refer to [Address Types](https://developers.google.com/maps/documentation/geocoding/intro#Types)
+ * in Geocoding Responses.
+ *
+ * @see https://developers.google.com/places/web-service/supported_types#table2
+ */
+export type PlaceType2 = (
+    'administrative_area_level_1' |
+    'administrative_area_level_2' |
+    'administrative_area_level_3' |
+    'administrative_area_level_4' |
+    'administrative_area_level_5' |
+    'colloquial_area' |
+    'country' |
+    'establishment' |
+    'finance' |
+    'floor' |
+    'food' |
+    'general_contractor' |
+    'geocode' |
+    'health' |
+    'intersection' |
+    'locality' |
+    'natural_feature' |
+    'neighborhood' |
+    'place_of_worship' |
+    'political' |
+    'point_of_interest' |
+    'post_box' |
+    'postal_code' |
+    'postal_code_prefix' |
+    'postal_code_suffix' |
+    'postal_town' |
+    'premise' |
+    'room' |
+    'route' |
+    'street_address' |
+    'street_number' |
+    'sublocality' |
+    'sublocality_level_4' |
+    'sublocality_level_5' |
+    'sublocality_level_3' |
+    'sublocality_level_2' |
+    'sublocality_level_1' |
+    'subpremise'
+);
+
+export interface GeocodingRequest {
+    /**
+     * The street address that you want to geocode, in the format used by the national postal service of the country concerned.
+     * Additional address elements such as business names and unit, suite or floor numbers should be avoided.
+     */
+    address?: string;
+    /**
+     * The bounding box of the viewport within which to bias geocode results more prominently.
+     * This parameter will only influence, not fully restrict, results from the geocoder.
+     */
+    bounds?: LatLngBounds;
+    /**
+     * The language in which to return results.
+     *  - If `language` is not supplied, the geocoder attempts to use the preferred language as specified in the `Accept-Language` header,
+     *    or the native language of the domain from which the request is sent.
+     *  - The geocoder does its best to provide a street address that is readable for both the user and locals.
+     *    To achieve that goal, it returns street addresses in the local language, transliterated to a script readable
+     *    by the user if necessary, observing the preferred language. All other addresses are returned in the preferred language.
+     *    Address components are all returned in the same language, which is chosen from the first component.
+     *  - If a name is not available in the preferred language, the geocoder uses the closest match.
+     *  - The preferred language has a small influence on the set of results that the API chooses to return,
+     *    and the order in which they are returned. The geocoder interprets abbreviations differently depending on language,
+     *    such as the abbreviations for street types, or synonyms that may be valid in one language but not in another.
+     *    For example, utca and tér are synonyms for street in Hungarian.
+     */
+    language?: string;
+    /**
+     * The region code, specified as a ccTLD ("top-level domain") two-character value.
+     * This parameter will only influence, not fully restrict, results from the geocoder.
+     */
+    region?: string;
+    /**
+     * A components filter with elements separated by a pipe (`|`).
+     * The components filter is *required* if the request doesn't include an `address`.
+     * Each element in the components filter consists of a `component:value` pair, and fully restricts the results from the geocoder.
+     */
+    components?: GeocodingComponents;
+}
+
+/**
+ * Notes about component filtering:
+ *
+ *  - If the request contains multiple component filters, the API evaluates them as an AND, not an OR.
+ *    For example, if the request includes multiple countries `components=country:GB|country:AU`,
+ *    the API looks for locations where country=GB AND country=AU, and returns `ZERO_RESULTS`.
+ *  - Results are consistent with Google Maps, which occasionally yields unexpected `ZERO_RESULTS` responses.
+ *    Using Place Autocomplete may provide better results in some use cases.
+ *    To learn more, see [this FAQ](https://developers.google.com/maps/documentation/geocoding/faq#trbl_component_filtering).
+ *  - For each address component, either specify it in the `address` parameter or in a `components` filter, but not both.
+ *    Specifying the same values in both may result in `ZERO_RESULTS`.
+ *
+ * A geocode for "High St, Hastings" with `components=country:GB` returns a result in Hastings, England rather than in Hastings-On-Hudson, USA
+ */
+export interface GeocodingComponents {
+    /** matches `postal_code` and `postal_code_prefix`. */
+    postalCode?: string;
+    /**
+     * matches a country name or a two letter [ISO 3166-1](https://en.wikipedia.org/wiki/ISO_3166-1) country code.
+     * **Note:** The API follows the ISO standard for defining countries, and the filtering works best when using
+     * the corresponding ISO code of the country
+     */
+    country?: string | string[];
+    /** matches the long or short name of a route. */
+    route?: string;
+    /** matches against `locality` and `sublocality` types. */
+    locality?: string;
+    /** matches all the administrative_area levels. */
+    administrativeArea?: string;
+}
+
+export interface GeocodingResponse<STATUSES = GeocodingResponseStatus> {
+    /** contains metadata on the request. */
+    status: STATUSES;
+    /**
+     * When the geocoder returns a status code other than `OK`, there may be an additional `error_message` field
+     * within the Geocoding response object. This field contains more detailed information about the reasons behind the given status code.
+     */
+    error_meesage: string;
+    /**
+     * contains an array of geocoded address information and geometry information.
+     *
+     * Generally, only one entry in the `"results"` array is returned for address lookups,though the geocoder may return several results
+     * when address queries are ambiguous.
+     */
+    results: GeocodingResult[];
+}
+
+/**
+ * The `"status" `field within the Geocoding response object contains the status of the request,
+ * and may contain debugging information to help you track down why geocoding is not working.
+ */
+export type GeocodingResponseStatus = (
+    /** indicates that no errors occurred; the address was successfully parsed and at least one geocode was returned. */
+    'OK' |
+    /**
+     * indicates that the geocode was successful but returned no results.
+     * This may occur if the geocoder was passed a non-existent `address`.
+     */
+    'ZERO_RESULTS' |
+    /**
+     * indicates any of the following:
+     *  - The API key is missing or invalid.
+     *  - Billing has not been enabled on your account.
+     *  - A self-imposed usage cap has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) to learn how to fix this.
+     */
+    'OVER_DAILY_LIMIT' |
+    /** indicates that you are over your quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that your request was denied. */
+    'REQUEST_DENIED' |
+    /** generally indicates that the query (`address`, `components` or `latlng`) is missing. */
+    'INVALID_REQUEST' |
+    /** indicates that the request could not be processed due to a server error. The request may succeed if you try again. */
+    'UNKNOWN_ERROR'
+);
+
+/**
+ * When the geocoder returns results, it places them within a (JSON) `results` array.
+ * Even if the geocoder returns no results (such as if the address doesn't exist) it still returns an empty `results` array.
+ * (XML responses consist of zero or more `<result>` elements.)
+ */
+export interface GeocodingResult {
+    /**
+     * array indicates the type of the returned result.
+     * This array contains a set of zero or more tags identifying the type of feature returned in the result.
+     * For example, a geocode of "Chicago" returns "locality" which indicates that "Chicago" is a city,
+     * and also returns "political" which indicates it is a political entity.
+     */
+    types: AddressType[];
+    /**
+     * is a string containing the human-readable address of this location.
+     *
+     * Often this address is equivalent to the postal address. Note that some countries, such as the United Kingdom,
+     * do not allow distribution of true postal addresses due to licensing restrictions.
+     *
+     * The formatted address is logically composed of one or more address components.
+     * For example, the address "111 8th Avenue, New York, NY" consists of the following components: "111" (the street number),
+     * "8th Avenue" (the route), "New York" (the city) and "NY" (the US state).
+     *
+     * Do not parse the formatted address programmatically. Instead you should use the individual address components,
+     * which the API response includes in addition to the formatted address field.
+     */
+    formatted_address: string;
+    /**
+     * is an array containing the separate components applicable to this address.
+     *
+     * Note the following facts about the `address_components[]` array:
+     *  - The array of address components may contain more components than the `formatted_address`.
+     *  - The array does not necessarily include all the political entities that contain an address,
+     *    apart from those included in the `formatted_address`. To retrieve all the political entities that contain a specific address,
+     *    you should use reverse geocoding, passing the latitude/longitude of the address as a parameter to the request.
+     *  - The format of the response is not guaranteed to remain the same between requests.
+     *    In particular, the number of `address_components` varies based on the address requested and can change
+     *    over time for the same address. A component can change position in the array.
+     *    The type of the component can change. A particular component may be missing in a later response.
+     */
+    address_components: AddressComponent[];
+    /**
+     * is an array denoting all the localities contained in a postal code.
+     * This is only present when the result is a postal code that contains multiple localities.
+     */
+    postcode_localities: string[];
+    /** address geometry. */
+    geometry: AddressGeometry;
+    /**
+     * is an encoded location reference, derived from latitude and longitude coordinates,
+     * that represents an area: 1/8000th of a degree by 1/8000th of a degree (about 14m x 14m at the equator) or smaller.
+     * Plus codes can be used as a replacement for street addresses in places where they do not exist
+     * (where buildings are not numbered or streets are not named).
+     *
+     * The plus code is formatted as a global code and a compound code:
+     *  - `global_code` is a 4 character area code and 6 character or longer local code (849VCWC8+R9).
+     *  - `compound_code` is a 6 character or longer local code with an explicit location (CWC8+R9, Mountain View, CA, USA).
+     * Typically, both the global code and compound code are returned. However, if the result is in a remote location
+     * (for example, an ocean or desert) only the global code may be returned.
+     *
+     * @see [Open Location Code](https://en.wikipedia.org/wiki/Open_Location_Code)
+     * @see [plus codes](https://plus.codes/)
+     */
+    plus_code: PlusCode;
+    /**
+     * indicates that the geocoder did not return an exact match for the original request,
+     * though it was able to match part of the requested address.
+     * You may wish to examine the original request for misspellings and/or an incomplete address.
+     *
+     * Partial matches most often occur for street addresses that do not exist within the locality you pass in the request.
+     * Partial matches may also be returned when a request matches two or more locations in the same locality.
+     * For example, "21 Henr St, Bristol, UK" will return a partial match for both Henry Street and Henrietta Street.
+     * Note that if a request includes a misspelled address component, the geocoding service may suggest an alternative address.
+     * Suggestions triggered in this way will also be marked as a partial match.
+     */
+    partial_match: boolean;
+    /** is a unique identifier that can be used with other Google APIs. */
+    place_id: string;
+}
+
+export type GeocodingAddressComponentType = (
+    /** indicates the floor of a building address. */
+    'floor' |
+    /** typically indicates a place that has not yet been categorized. */
+    'establishment' |
+    /** indicates a named point of interest. */
+    'point_of_interest' |
+    /** indicates a parking lot or parking structure. */
+    'parking' |
+    /** indicates a specific postal box. */
+    'post_box' |
+    /** indicates a grouping of geographic areas, such as locality and sublocality, used for mailing addresses in some countries. */
+    'postal_town' |
+    /** indicates the room of a building address. */
+    'room' |
+    /** indicates the precise street number. */
+    'street_number' |
+    /**  indicate the location of a bus. */
+    'bus_station' |
+    /**  indicate the location of a train. */
+    'train_station' |
+    /**  indicate the location of a public transit stop. */
+    'transit_station'
+);
+
+export interface AddressComponent {
+    /** is an array indicating the *type* of the address component. */
+    types: Array<AddressType | GeocodingAddressComponentType>;
+    /** is the full text description or name of the address component as returned by the Geocoder. */
+    long_name: string;
+    /**
+     * is an abbreviated textual name for the address component, if available.
+     * For example, an address component for the state of Alaska may have a `long_name` of "Alaska" and a `short_name` of "AK"
+     * using the 2-letter postal abbreviation.
+     */
+    short_name: string;
+}
+
+export interface AddressGeometry {
+    /** contains the geocoded latitude, longitude value. For normal address lookups, this field is typically the most important. */
+    location: LatLngLiteral;
+    /** stores additional data about the specified location. */
+    location_type: LocationType;
+    /**
+     * contains the recommended viewport for displaying the returned result, specified as two latitude, longitude values
+     * defining the `southwest` and `northeast` corner of the viewport bounding box.
+     * Generally the viewport is used to frame a result when displaying it to a user.
+     */
+    viewport: LatLngBounds;
+    /**
+     * (optionally returned) stores the bounding box which can fully contain the returned result.
+     * Note that these bounds may not match the recommended viewport.
+     * (For example, San Francisco includes the [Farallon islands](https://en.wikipedia.org/wiki/Farallon_Islands),
+     * which are technically part of the city, but probably should not be returned in the viewport.)
+     */
+    bounds: LatLngBounds;
+}
+
+export type LocationType = (
+    /**
+     * indicates that the returned result is a precise geocode for which we have location information
+     * accurate down to street address precision
+     */
+    'ROOFTOP' |
+    /**
+     * indicates that the returned result reflects an approximation (usually on a road) interpolated between two precise points
+     * (such as intersections). Interpolated results are generally returned when rooftop geocodes are unavailable for a street address.
+     */
+    'RANGE_INTERPOLATED' |
+    /**
+     * indicates that the returned result is the geometric center of a result such as a polyline
+     * (for example, a street) or polygon (region).
+     */
+    'GEOMETRIC_CENTER' |
+    /** indicates that the returned result is approximate. */
+    'APPROXIMATE'
+);
+
+export interface PlusCode {
+    /** is a 4 character area code and 6 character or longer local code (849VCWC8+R9). */
+    global_code: string;
+    /** is a 6 character or longer local code with an explicit location (CWC8+R9, Mountain View, CA, USA). */
+    compound_code: string;
+}
+
+export interface GeolocationRequest {
+    /** The mobile country code (MCC) for the device's home network. */
+    homeMobileCountryCode?: number;
+    /** The mobile network code (MNC) for the device's home network. */
+    homeMobileNetworkCode?: number;
+    /** The mobile radio type. While this field is optional, it should be included if a value is available, for more accurate results. */
+    radioType?: RadioType;
+    /** The carrier name. */
+    carrier?: string;
+    /**
+     * Specifies whether to fall back to IP geolocation if wifi and cell tower signals are not available.
+     * Defaults to `true`. Set `considerIp` to `false` to disable fall back.
+     */
+    considerIp?: boolean;
+    /** An array of cell tower objects. */
+    cellTowers?: CellTower[];
+    /** An array of WiFi access point objects. */
+    wifiAccessPoints?: WifiAccessPoint[];
+}
+
+export type RadioType = (
+    'lte' |
+    'gsm' |
+    'cdma' |
+    'wcdma'
+);
+
+export interface CellTower {
+    /**
+     * Unique identifier of the cell.
+     * On GSM, this is the Cell ID (CID);
+     * CDMA networks use the Base Station ID (BID).
+     * WCDMA networks use the UTRAN/GERAN Cell Identity (UC-Id), which is a 32-bit value concatenating the Radio Network Controller (RNC)
+     * and Cell ID. Specifying only the 16-bit Cell ID value in WCDMA networks may return inaccurate results.
+     */
+    cellId: number;
+    /** The Location Area Code (LAC) for GSM and WCDMA networks. The Network ID (NID) for CDMA networks. */
+    locationAreaCode: number;
+    /** The cell tower's Mobile Country Code (MCC). */
+    mobileCountryCode: number;
+    /** The cell tower's Mobile Network Code. This is the MNC for GSM and WCDMA; CDMA uses the System ID (SID). */
+    mobileNetworkCode: number;
+    /** The number of milliseconds since this cell was primary. If age is 0, the `cellId` represents a current measurement. */
+    age?: number;
+    /** Radio signal strength measured in dBm. */
+    signalStrength?: number;
+    /** The [timing advance](https://en.wikipedia.org/wiki/Timing_advance) value. */
+    timingAdvance?: number;
+}
+
+export interface WifiAccessPoint {
+    /** The MAC address of the WiFi node. It's typically called a BSS, BSSID or MAC address. Separators must be `:` (colon). */
+    macAddress: string;
+    /** The current signal strength measured in dBm. */
+    signalStrength?: number;
+    /** The number of milliseconds since this access point was detected. */
+    age?: number;
+    /** The channel over which the client is communicating with the acces. */
+    channel?: number;
+    /** The current signal to noise ratio measured in dB. */
+    signalToNoiseRatio?: number;
+}
+
+export interface GeolocationResponse {
+    /** The user's estimated latitude and longitude, in degrees. Contains one `lat` and one `lng` subfield. */
+    location: LatLngLiteral;
+    /** The accuracy of the estimated location, in meters. This represents the radius of a circle around the given location. */
+    accuracy: number;
+}
+
+/**
+ * In the case of an error, a standard format error response body will be returned
+ * and the HTTP status code will be set to an error status.
+ */
+export interface GeolocationError {
+    error: {
+        /** This is the same as the HTTP status of the response. */
+        code: number;
+        /** A short description of the error. */
+        message: string;
+        /**
+         * A list of errors which occurred. Each error contains an identifier for the type of error (the `reason`)
+         * and a short description (the `message`).
+         */
+        errors: Array<{
+            domain: string;
+            reason: GeolocationErrorReason;
+            message: string;
+        }>;
+    };
+}
+
+export type GeolocationErrorReason = (
+    /**
+     * You have exceeded your daily limit.
+     * Domain: usageLimits
+     * Code: 403
+     */
+    'dailyLimitExceeded' |
+    /**
+     * Your API key is not valid for the Geolocation API. Please ensure that you've included the entire key,
+     * and that you've either purchased the API or have enabled billing and activated the API to obtain the free quota.
+     * Domain: usageLimits
+     * Code: 400
+     */
+    'keyInvalid' |
+    /**
+     * You have exceeded the requests per second per user limit that you configured in the Google Cloud Platform Console.
+     * This limit should be configured to prevent a single or small group of users from exhausting your daily quota,
+     * while still allowing reasonable access to all users.
+     * Domain: usageLimits
+     * Code: 403
+     */
+    'userRateLimitExceeded' |
+    /**
+     * The request was valid, but no results were returned.
+     * Domain: geolocation
+     * Code: 404
+     */
+    'notFound' |
+    /**
+     * The request body is not valid JSON. Refer to the Request Body section for details on each field.
+     * Domain: global
+     * Code: 400
+     */
+    'parseError'
+);
+
+export interface NearestRoadsRequest {
+    /**
+     * A list of latitude/longitude pairs. Latitude and longitude values should be separated by commas.
+     * Coordinates should be separated by the pipe character: "|".
+     * For example: `points=60.170880,24.942795|60.170879,24.942796|60.170877,24.942796`.
+     */
+    points: LatLng[];
+}
+
+export interface NearestRoadsResponse {
+    /** An array of snapped points. */
+    snappedPoints: Array<{
+        /** Contains a `latitude` and `longitude` value. */
+        location: LatLngLiteralVerbose;
+        /**
+         * An integer that indicates the corresponding value in the original request.
+         * Each point in the request maps to at most two segmentsin the response:
+         *  - If there are no nearby roads, no segment is returned.
+         *  - If the nearest road is one-way, one segment is returned.
+         *  - If the nearest road is bidirectional, two segments are returned.
+         */
+        originalIndex: number;
+        /**
+         * A unique identifier for a place. All place IDs returned by the Roads API correspond to road segments.
+         * Place IDs can be used with other Google APIs, including the Places SDK and the Maps JavaScript API.
+         * For example, if you need to get road names for the snapped points returned by the Roads API,
+         * you can pass the `placeId` to the Places SDK or the Geocoding API. Within the Roads API,
+         * you can pass the `placeId` in a speed limits request to determine the speed limit along that road segment.
+         */
+        placeId: string;
+    }>;
+}
+
+export interface PlaceDetailsRequest {
+    /** A textual identifier that uniquely identifies a place, returned from a Place Search. */
+    placeid: string;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Note that some fields may not be available in the requested language.
+     * Note that we often update supported languages so this list may not be exhaustive.
+     */
+    language?: Language;
+    /**
+     * The region code, specified as a ccTLD (country code top-level domain) two-character value.
+     * Most ccTLD codes are identical to ISO 3166-1 codes, with some exceptions.
+     * This parameter will only influence, not fully restrict, results.
+     * If more relevant results exist outside of the specified region, they may be included.
+     * When this parameter is used, the country name is omitted from the resulting `formatted_address`
+     * for results in the specified region.
+     */
+    region?: string;
+    /**
+     * A random string which identifies an autocomplete session for billing purposes.
+     * Use this for Place Details requests that are called following an autocomplete request in the same user session
+     */
+    sessiontoken?: string;
+    /**
+     * One or more fields, specifying the types of place data to return, separated by a comma.
+     *
+     * **Warning: If you do not specify at least one field with a request, or if you omit the **fields**
+     * parameter from a request, ALL possible fields will be returned, and you will be billed accordingly.
+     * This applies only to Place Details requests.
+     */
+    fields?: Array<keyof PlaceDetailsResult>;
+}
+
+export interface PlaceDetailsResponse {
+    /** contains metadata on the request. */
+    status: PlaceDetailsResponseStatus;
+    /**
+     * When the Google Places service returns a status code other than `OK`, there may be an additional `error_message` field
+     * within the details response object. This field contains more detailed information about the reasons behind the given status code.
+     */
+    /** contains the detailed information about the place requested. */
+    result: PlaceDetailsResult;
+    /** contains a set of attributions about this listing which must be displayed to the user. */
+    html_attributions: string[];
+}
+
+/**
+ * The `"status"` field within the place response object contains the status of the request,
+ * and may contain debugging information to help you track down why the place request failed
+ */
+export type PlaceDetailsResponseStatus = (
+    /** indicates that no errors occurred; the place was successfully detected and at least one result was returned. */
+    'OK' |
+    /** indicates a server-side error; trying again may be successful. */
+    'UNKNOWN_ERROR' |
+    /**
+     * indicates that the referenced location (placeid) was valid but no longer refers to a valid result.
+     * This may occur if the establishment is no longer in business.
+     */
+    'ZERO_RESULTS' |
+    /**
+     * indicates any of the following:
+     *  - You have exceeded the QPS limits.
+     *  - The request is missing an API key.
+     *  - Billing has not been enabled on your account.
+     *  - The monthly $200 credit, or a self-imposed usage cap, has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) for more information
+     * about how to resolve this error.
+     */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that your request was denied, generally because an invalid key parameter. */
+    'REQUEST_DENIED' |
+    /** generally indicates that the query (placeid) is missing. */
+    'INVALID_REQUEST' |
+    /** indicates that the referenced location (placeid) was not found in the Places database. */
+    'NOT_FOUND'
+);
+
+/** When the Places service returns results from a details request, it places them within a single `result`. */
+export interface PlaceDetailsResult {
+    /**
+     * is an array containing the separate components applicable to this address.
+     *
+     * Note the following facts about the `address_components[]` array:
+     *  - The array of address components may contain more components than the `formatted_address`.
+     *  - The array does not necessarily include all the political entities that contain an address,
+     *    apart from those included in the `formatted_address`. To retrieve all the political entities
+     *    that contain a specific address, you should use reverse geocoding, passing the latitude/longitude
+     *    of the address as a parameter to the request.
+     *  - The format of the response is not guaranteed to remain the same between requests.
+     *    In particular, the number of `address_components` varies based on the address requested
+     *    and can change over time for the same address. A component can change position in the array.
+     *    The type of the component can change. A particular component may be missing in a later response.
+     */
+    address_components: AddressComponent[];
+    /**
+     * is a string containing the human-readable address of this place.
+     *
+     * Often this address is equivalent to the postal address. Note that some countries, such as the United Kingdom,
+     * do not allow distribution of true postal addresses due to licensing restrictions.
+     *
+     * The formatted address is logically composed of one or more address components.
+     * For example, the address "111 8th Avenue, New York, NY" consists of the following components: "111"
+     * (the street number), "8th Avenue" (the route), "New York" (the city) and "NY" (the US state).
+     *
+     * Do not parse the formatted address programmatically. Instead you should use the individual address components,
+     * which the API response includes in addition to the formatted address field.
+     */
+    formatted_address: string;
+    /**
+     * contains the place's phone number in its local format.
+     * For example, the `formatted_phone_number` for Google's Sydney, Australia office is `(02) 9374 4000`.
+     */
+    formatted_phone_number: string;
+    /** is a representation of the place's address in the [adr microformat](http://microformats.org/wiki/adr). */
+    adr_address: string;
+    /**
+     * contains the following information:
+     *  - `location`: contains the geocoded latitude,longitude value for this place.
+     *  - `viewport`: contains the preferred viewport when displaying this place on a map as a `LatLngBounds` if it is known.
+     */
+    geometry: AddressGeometry;
+    /**
+     * is an encoded location reference, derived from latitude and longitude coordinates, that represents an area:
+     * 1/8000th of a degree by 1/8000th of a degree (about 14m x 14m at the equator) or smaller.
+     * Plus codes can be used as a replacement for street addresses in places where they do not exist
+     * (where buildings are not numbered or streets are not named).
+     *
+     * The plus code is formatted as a global code and a compound code:
+     *  - `global_code` is a 4 character area code and 6 character or longer local code (849VCWC8+R9).
+     *  - `compound_code` is a 6 character or longer local code with an explicit location (CWC8+R9, Mountain View, CA, USA).
+     *
+     * Typically, both the global code and compound code are returned.
+     * However, if the result is in a remote location (for example, an ocean or desert) only the global code may be returned.
+     *
+     * @see [Open Location Code](https://en.wikipedia.org/wiki/Open_Location_Code)
+     * @see [plus codes](https://plus.codes/)
+     */
+    plus_code: PlusCode;
+    /** contains the URL of a suggested icon which may be displayed to the user when indicating this result on a map. */
+    icon: string;
+    /**
+     * contains the place's phone number in international format.
+     * International format includes the country code, and is prefixed with the plus (+) sign.
+     * For example, the `international_phone_number` for Google's Sydney, Australia office is `+61 2 9374 4000`.
+     */
+    international_phone_number: string;
+    /**
+     * contains the human-readable name for the returned result.
+     * For establishment results, this is usually the canonicalized business name.
+     */
+    name: string;
+    /** place opening hours. */
+    opening_hours: OpeningHours;
+    /**
+     * is a boolean flag indicating whether the place has permanently shut down (value `true`).
+     * If the place is not permanently closed, the flag is absent from the response.
+     */
+    permanently_closed: boolean;
+    /**
+     * an array of photo objects, each containing a reference to an image.
+     * A Place Details request may return up to ten photos.
+     * More information about place photos and how you can use the images in your application can be found in the Place Photos documentation.
+     */
+    photos: PlacePhoto[];
+    /**
+     * A textual identifier that uniquely identifies a place.
+     * To retrieve information about the place, pass this identifier in the `placeId` field of a Places API request.
+     */
+    place_id: string;
+    /** Indicates the scope of the `place_id`. */
+    scope: PlaceIdScope;
+    /**
+     * An array of zero, one or more alternative place IDs for the place, with a scope related to each alternative ID.
+     * Note: This array may be empty or not present.
+     */
+    alt_ids: AlternativePlaceId[];
+    /**
+     * The price level of the place, on a scale of 0 to 4.
+     * The exact amount indicated by a specific value will vary from region to region.
+     *
+     * Price levels are interpreted as follows:
+     *  - `0`: Free
+     *  - `1`: Inexpensive
+     *  - `2`: Moderate
+     *  - `3`: Expensive
+     *  - `4`: Very Expensive
+     */
+    price_level: number;
+    /** contains the place's rating, from 1.0 to 5.0, based on aggregated user reviews. */
+    rating: number;
+    /**
+     * a JSON array of up to five reviews. If a `language` parameter was specified in the Place Details request,
+     * the Places Service will bias the results to prefer reviews written in that language.
+     */
+    reviews: PlaceReview[];
+    /**
+     * contains an array of feature types describing the given result.
+     * XML responses include multiple `<type>` elements if more than one type is assigned to the result.
+     */
+    types: AddressType[];
+    /**
+     * contains the URL of the official Google page for this place.
+     * This will be the Google-owned page that contains the best available information about the place.
+     * Applications must link to or embed this page on any screen that shows detailed results about the place to the user.
+     */
+    url: string;
+    /**
+     * contains the number of minutes this place’s current timezone is offset from UTC.
+     * For example, for places in Sydney, Australia during daylight saving time this would be 660 (+11 hours from UTC),
+     * and for places in California outside of daylight saving time this would be -480 (-8 hours from UTC).
+     */
+    utc_offset: number;
+    /**
+     * lists a simplified address for the place, including the street name, street number, and locality,
+     * but not the province/state, postal code, or country. For example, Google's Sydney, Australia office
+     * has a `vicinity` value of `48 Pirrama Road, Pyrmont`.
+     */
+    vicinity: number;
+    /** lists the authoritative website for this place, such as a business' homepage. */
+    website: string;
+}
+
+export interface PlaceReview {
+    /**
+     * contains a collection of `AspectRating` objects, each of which provides a rating of a single attribute of the establishment.
+     * The first object in the collection is considered the primary aspect.
+     */
+    aspects: AspectRating[];
+    /** the name of the user who submitted the review. Anonymous reviews are attributed to "A Google user". */
+    author_name: string;
+    /** the URL to the user's Google Maps Local Guides profile, if available. */
+    author_url?: string;
+    /**
+     * an IETF language code indicating the language used in the user's review.
+     * This field contains the main language tag only, and not the secondary tag indicating country or region.
+     * For example, all the English reviews are tagged as 'en', and not 'en-AU' or 'en-UK' and so on.
+     */
+    language: string;
+    /** the user's overall rating for this place. This is a whole number, ranging from 1 to 5. */
+    rating: number;
+    /**
+     * the user's review. When reviewing a location with Google Places, text reviews are considered optional.
+     * Therefore, this field may by empty. Note that this field may include simple HTML markup.
+     * For example, the entity reference `&amp;` may represent an ampersand character.
+     */
+    text: string;
+    /** the time that the review was submitted, measured in the number of seconds since since midnight, January 1, 1970 UTC. */
+    time: string;
+}
+
+export interface AspectRating {
+    /** the name of the aspect that is being rated. */
+    type: AspectRatingType;
+    /** the user's rating for this particular aspect, from 0 to 3. */
+    rating: number;
+}
+
+export type AspectRatingType = (
+    'appeal' |
+    'atmosphere' |
+    'decor' |
+    'facilities' |
+    'food' |
+    'overall' |
+    'quality' |
+    'service'
+);
+
+export interface PlacesRequest {
+    /**
+     * The text string on which to search, for example: "restaurant" or "123 Main Street".
+     * The Google Places service will return candidate matches based on this string and order the results
+     * based on their perceived relevance. This parameter becomes optional if the `type` parameter
+     * is also used in the search request.
+     */
+    query: string;
+    /**
+     * The region code, specified as a ccTLD (country code top-level domain) two-character value.
+     * Most ccTLD codes are identical to ISO 3166-1 codes, with some exceptions.
+     * This parameter will only influence, not fully restrict, search results.
+     * If more relevant results exist outside of the specified region, they may be included.
+     * When this parameter is used, the country name is omitted from the resulting `formatted_address`
+     * for results in the specified region.
+     */
+    region?: string;
+    /**
+     * The latitude/longitude around which to retrieve place information.
+     * This must be specified as latitude,longitude. If you specify a location parameter,
+     * you must also specify a radius parameter.
+     */
+    location?: LatLng;
+    /**
+     * Defines the distance (in meters) within which to bias place results.
+     * The maximum allowed radius is 50 000 meters.
+     * Results inside of this region will be ranked higher than results outside of the search circle;
+     * however, prominent results from outside of the search radius may be included.
+     */
+    radius?: number;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Note that we often update supported languages so this list may not be exhaustive
+     */
+    language?: Language;
+    /**
+     * Restricts results to only those places within the specified price level.
+     * Valid values are in the range from 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    minprice?: number;
+    /**
+     * Restricts results to only those places within the specified price level.
+     * Valid values are in the range from 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    maxprice?: number;
+    /**
+     * Returns only those places that are open for business at the time the query is sent.
+     * Places that do not specify opening hours in the Google Places database will not be returned
+     * if you include this parameter in your query.
+     */
+    opennow?: boolean;
+    /**
+     * Returns the next 20 results from a previously run search.
+     * Setting a `pagetoken` parameter will execute a search with the same parameters used previously —
+     * all parameters other than `pagetoken` will be ignored.
+     */
+    pagetoken?: string;
+    /**
+     * Restricts the results to places matching the specified type.
+     * Only one type may be specified (if more than one type is provided, all types following the first entry are ignored).
+     */
+    type?: PlaceType1;
+}
+
+/**
+ * The Place Autocomplete service can match on full words as well as substrings.
+ * Applications can therefore send queries as the user types, to provide on-the-fly place predictions.
+ *
+ * The returned predictions are designed to be presented to the user to aid them in selecting the desired place.
+ * You can send a [Place Details request](https://developers.google.com/places/web-service/details#PlaceDetailsRequests)
+ * for more information about any of the places which are returned.
+ */
+export interface PlaceAutocompleteRequest {
+    /**
+     * The text string on which to search. The Place Autocomplete service will return candidate matches
+     * based on this string and order results based on their perceived relevance.
+     */
+    input: string;
+    /**
+     * A random string which identifies an autocomplete
+     * [session](https://developers.google.com/places/web-service/autocomplete#session_tokens) for billing purposes.
+     * If this parameter is omitted from an autocomplete request, the request is billed independently
+     */
+    sessiontoken: string;
+    /**
+     * The position, in the input term, of the last character that the service uses to match predictions.
+     * For example, if the input is 'Google' and the `offset` is 3, the service will match on 'Goo'.
+     * The string determined by the `offset` is matched against the first word in the input term only.
+     * For example, if the input term is 'Google abc' and the offset is 3, the service will attempt to match against 'Goo abc'.
+     * If no `offset` is supplied, the service will use the whole term.
+     * The `offset` should generally be set to the position of the text caret.
+     */
+    offset?: number;
+    /** The point around which you wish to retrieve place information. */
+    location?: LatLng;
+    /**
+     * The distance (in meters) within which to return place results. Note that setting a radius biases results to the indicated area,
+     * but may not fully restrict results to the specified area.
+     */
+    radius?: number;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Searches are also biased to the selected language; results in the selected language may be given a higher ranking.
+     * See the list of supported languages and their codes.
+     * Note that we often update supported languages so this list may not be exhaustive.
+     * If language is not supplied, the Place Autocomplete service will attempt to use the native language
+     * of the domain from which the request is sent.
+     */
+    language?: string;
+    /** The types of place results to return. */
+    types?: PlaceAutocompleteType;
+    /**
+     * A grouping of places to which you would like to restrict your results.
+     * Currently, you can use `components` to filter by up to 5 countries.
+     * Countries must be passed as a two character, ISO 3166-1 Alpha-2 compatible country code.
+     * For example: `components=country:fr` would restrict your results to places within France.
+     * Multiple countries must be passed as multiple `country:XX` filters, with the pipe character (`|`) as a separator.
+     * For example: `components=country:us|country:pr|country:vi|country:gu|country:mp` would restrict your results
+     * to places within the United States and its unincorporated organized territories.
+     */
+    components?: string[];
+    /**
+     * Returns only those places that are strictly within the region defined by `location` and `radius`.
+     * This is a restriction, rather than a bias, meaning that results outside this region
+     * will not be returned even if they match the user input.
+     */
+    strictbounds?: boolean;
+}
+
+/**
+ * You may restrict results from a Place Autocomplete request to be of a certain type by passing a types parameter.
+ * The parameter specifies a type or a type collection, as listed in the supported types below.
+ * If nothing is specified, all types are returned. In general only a single type is allowed.
+ * The exception is that you can safely mix the geocode and establishment types,
+ * but note that this will have the same effect as specifying no types.
+ */
+export type PlaceAutocompleteType = (
+    /**
+     * instructs the Place Autocomplete service to return only geocoding results, rather than business results.
+     * Generally, you use this request to disambiguate results where the location specified may be indeterminate.
+     */
+    'geocode' |
+    /**
+     * instructs the Place Autocomplete service to return only geocoding results with a precise address.
+     * Generally, you use this request when you know the user will be looking for a fully specified address.
+     */
+    'address' |
+    /** instructs the Place Autocomplete service to return only business results. */
+    'establishment' |
+    /**
+     * the `(regions)` type collection instructs the Places service to return any result matching the following types:
+     *  - `locality`
+     *  - `sublocality`
+     *  - `postal_code`
+     *  - `country`
+     *  - `administrative_area_level_1`
+     *  - `administrative_area_level_2`
+     */
+    '(regions)' |
+    /** the (cities) type collection instructs the Places service to return results that match `locality` or `administrative_area_level_3`. */
+    '(cities)'
+);
+
+export interface PlaceAutocompleteResponse {
+    /** contains metadata on the request. */
+    status: PlaceAutocompleteResponseStatus;
+    /**
+     * When the Places service returns a status code other than `OK`, there may be an additional `error_message` field
+     * within the response object. This field contains more detailed information about the reasons behind the given status code.
+     */
+    error_message: string;
+    /**
+     * contains an array of places, with information about the place.
+     * See [Place Autocomplete Results](https://developers.google.com/places/web-service/autocomplete#place_autocomplete_results)
+     * for information about these results. The Places API returns up to 5 results.
+     */
+    predictions: PlaceAutocompleteResult[];
+}
+
+/**
+ * The `status` field within the Place Autocomplete response object contains the status of the request,
+ * and may contain debugging information to help you track down why the Place Autocomplete request failed.
+ */
+export type PlaceAutocompleteResponseStatus = (
+    /** indicates that no errors occurred and at least one result was returned. */
+    'OK' |
+    /**
+     * indicates that the search was successful but returned no results.
+     * This may occur if the search was passed a bounds in a remote location.
+     */
+    'ZERO_RESULTS' |
+    /** indicates that you are over your quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that your request was denied, generally because of lack of an invalid key parameter. */
+    'REQUEST_DENIED' |
+    /** generally indicates that the input parameter is missing. */
+    'INVALID_REQUEST' |
+    /** indicates a server-side error; trying again may be successful. */
+    'UNKNOWN_ERROR'
+);
+
+/**
+ * When the Places service returns JSON results from a search, it places them within a `predictions` array.
+ * Even if the service returns no results (such as if the `location` is remote) it still returns an empty `predictions` array.
+ * XML responses consist of zero or more `<prediction>` elements.
+ *
+ * **Note:** The Place Autocomplete response does not include the `scope` or `alt_ids` fields that you may see
+ * in search results or place details. This is because Autocomplete returns only Google-scoped place IDs.
+ * It does not return app-scoped place IDs that have not yet been accepted into the Google Places database.
+ */
+export interface PlaceAutocompleteResult {
+    /**
+     * contains the human-readable name for the returned result.
+     * For `establishment` results, this is usually the business name.
+     */
+    description: string;
+    /**
+     * is a textual identifier that uniquely identifies a place.
+     * To retrieve information about the place, pass this identifier in the `placeId` field of a Places API request.
+     */
+    place_id: string;
+    /**
+     * contains an array of terms identifying each section of the returned description
+     * (a section of the description is generally terminated with a comma).
+     */
+    terms: PredictionTerm[];
+    /**
+     * contains an array of types that apply to this place.
+     * For example: `[ "political", "locality" ]` or `[ "establishment", "geocode" ]`.
+     */
+    types: AddressType[];
+    /**
+     * contains an array with `offset` value and `length`. These describe the location of
+     * the entered term in the prediction result text, so that the term can be highlighted if desired.
+     */
+    matched_substrings: PredictionSubstring[];
+    /** contains details on the prediction. */
+    structured_formatting: StructuredFormatting;
+}
+
+export interface PredictionTerm {
+    /** containing the text of the term. */
+    value: string;
+    /** start position of this term in the description, measured in Unicode characters. */
+    offset: number;
+}
+
+export interface PredictionSubstring {
+    /** location of the entered term. */
+    offset: number;
+    /** length of the entered term. */
+    length: number;
+}
+
+export interface StructuredFormatting {
+    /** contains the main text of a prediction, usually the name of the place. */
+    main_text: string;
+    /**
+     * contains an array with `offset` value and `length`. These describe the location of
+     * the entered term in the prediction result text, so that the term can be highlighted if desired.
+     */
+    main_text_matched_substrings: PredictionSubstring[];
+    /** contains the secondary text of a prediction, usually the location of the place. */
+    secondary_text: string;
+}
+
+export interface PlacesNearbyRequest {
+    /** The latitude/longitude around which to retrieve place information. This must be specified as latitude,longitude. */
+    location: LatLng;
+    /**
+     * Defines the distance (in meters) within which to return place results.
+     * The maximum allowed radius is 50 000 meters.
+     * Note that `radius` must not be included if `rankby=distance` is specified.
+     */
+    radius?: number;
+    /**
+     * A term to be matched against all content that Google has indexed for this place, including but not limited to
+     * name, type, and address, as well as customer reviews and other third-party content.
+     */
+    keyword?: string;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Note that we often update supported languages so this list may not be exhaustive.
+     */
+    language?: Language;
+    /**
+     * Restricts results to only those places within the specified range.
+     * Valid values range between 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    minprice?: number;
+    /**
+     * Restricts results to only those places within the specified range.
+     * Valid values range between 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    maxprice?: number;
+    /**
+     * A term to be matched against all content that Google has indexed for this place.
+     * Equivalent to `keyword`. The `name` field is no longer restricted to place names.
+     * Values in this field are combined with values in the `keyword` field and passed as part of the same search string.
+     * We recommend using only the `keyword` parameter for all search terms.
+     */
+    name?: string;
+    /**
+     * Returns only those places that are open for business at the time the query is sent.
+     * Places that do not specify opening hours in the Google Places database will not be returned if you include this parameter in your query.
+     */
+    opennow?: boolean;
+    /**
+     * Specifies the order in which results are listed.
+     * Note that `rankby` must not be included if `radius` is specified.
+     *
+     * @default PlacesNearbyRanking.prominence
+     */
+    rankby?: PlacesNearbyRanking;
+    /**
+     * Restricts the results to places matching the specified type.
+     * Only one type may be specified (if more than one type is provided, all types following the first entry are ignored).
+     */
+    type?: AddressType;
+    /**
+     * Returns the next 20 results from a previously run search.
+     * Setting a pagetoken parameter will execute a search with the same parameters used previously —
+     * all parameters other than pagetoken will be ignored.
+     */
+    pagetoken?: string;
+}
+
+export type PlacesNearbyRanking = (
+    /**
+     * This option sorts results based on their importance. Ranking will favor prominent places within the specified area.
+     * Prominence can be affected by a place's ranking in Google's index, global popularity, and other factors.
+     */
+    'prominence' |
+    /**
+     * This option biases search results in ascending order by their distance from the specified `location`.
+     * When distance is specified, one or more of `keyword`, `name`, or `type` is required.
+     */
+    'distance'
+);
+
+export interface PlacePhotoRequest {
+    /**
+     * string identifier that uniquely identifies a photo.
+     * Photo references are returned from either a Place Search or Place Details request.
+     */
+    photoreference: string;
+    /**
+     * Specifies the maximum desired height or width, in pixels, of the image returned by the Place Photos service.
+     * If the image is smaller than the values specified, the original image will be returned.
+     * If the image is larger in either dimension, it will be scaled to match the smaller of the two dimensions,
+     * restricted to its original aspect ratio. Both the `maxheight` and `maxwidth` properties accept an integer between 1 and 1600.
+     */
+    maxwidth?: number;
+    /**
+     * Specifies the maximum desired height or width, in pixels, of the image returned by the Place Photos service.
+     * If the image is smaller than the values specified, the original image will be returned.
+     * If the image is larger in either dimension, it will be scaled to match the smaller of the two dimensions,
+     * restricted to its original aspect ratio. Both the `maxheight` and `maxwidth` properties accept an integer between 1 and 1600.
+     */
+    maxheight?: number;
+}
+
+/**
+ * The response of a successful Place Photo request will be an image.
+ * The type of the image will depend upon the type of the originally submitted photo.
+ *
+ * If your request exceeds your available quota, the server will return an HTTP 403 status to indicate that the quota has been exceeded.
+ *
+ * If the server is unable to understand your request, it will return HTTP 400 status, which indicates an invalid request.
+ *
+ * The most common reasons why you might see an invalid request include:
+ *  - The submitted photo reference was incorrectly specified.
+ *  - Your request did not include either a `maxwidth` or `maxheight` parameter.
+ */
+export type PlacePhotoResponse = string;
+
+export interface QueryAutocompleteRequest {
+    /**
+     * The text string on which to search.
+     * The Places service will return candidate matches based on this string and order results based on their perceived relevance.
+     */
+    input: string;
+    /**
+     * The character position in the input term at which the service uses text for predictions.
+     * For example, if the input is 'Googl' and the completion point is 3, the service will match on 'Goo'.
+     * The offset should generally be set to the position of the text caret.
+     * If no offset is supplied, the service will use the entire term.
+     */
+    offset?: number;
+    /** The point around which you wish to retrieve place information. Must be specified as latitude,longitude. */
+    location?: LatLng;
+    /**
+     * The distance (in meters) within which to return place results.
+     * Note that setting a radius biases results to the indicated area, but may not fully restrict results to the specified area.
+     */
+    radius?: number;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Searches are also biased to the selected language; results in the selected language may be given a higher ranking.
+     * If language is not supplied, the Places service will attempt to use the native language of the domain from which the request is sent.
+     */
+    language?: Language;
+}
+
+export interface QueryAutocompleteResponse {
+    /** contains metadata on the request. */
+    status: QueryAutocompleteResponseStatus;
+    /**
+     * When the Places service returns a status code other than `OK`, there may be an additional `error_message` field
+     * within the response object. This field contains more detailed information about the reasons behind the given status code.
+     */
+    error_message: string;
+    /** containing information about a single query prediction. */
+    predictions: QueryAutocompleteResult[];
+}
+
+/**
+ * The `status` field within the Query Autocomplete response object contains the status of the request,
+ * and may contain debugging information to help you track down why the request failed.
+ */
+export type QueryAutocompleteResponseStatus = (
+    /** indicates that no errors occurred and at least one result was returned. */
+    'OK' |
+    /**
+     * indicates that the search was successful but returned no results.
+     * This may occur if the search was passed a bounds in a remote location.
+     */
+    'ZERO_RESULTS' |
+    /** indicates that you are over your quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that your request was denied, generally because the key parameter is missing or invalid. */
+    'REQUEST_DENIED' |
+    /** generally indicates that the input parameter is missing. */
+    'INVALID_REQUEST' |
+    /** indicates a server-side error; trying again may be successful. */
+    'UNKNOWN_ERROR'
+);
+
+/**
+ * When the Places service returns JSON results from a search, it places them within a `predictions` array.
+ * Even if the service returns no results (such as if the `location` is remote) it still returns an empty `predictions` array.
+ * XML responses consist of zero or more `<prediction>` elements.
+ *
+ * Note that some of the predictions may be places, and the `place_id` and `types` fields will be included with those predictions.
+ * See [Place Autocomplete Results](https://developers.google.com/places/web-service/autocomplete#place_autocomplete_results)
+ * for information about these results.
+ */
+export interface QueryAutocompleteResult {
+    /** contains the human-readable name for the returned result. For establishment results, this is usually the business name. */
+    description: string;
+    /**
+     * contains an array of terms identifying each section of the returned description
+     * (a section of the description is generally terminated with a comma).
+     */
+    terms: PredictionTerm[];
+    /**
+     * contains an `offset` value and a `length`.
+     * These describe the location of the entered term in the prediction result text, so that the term can be highlighted if desired.
+     */
+    matched_substring: PredictionSubstring[];
+}
+
+/** A Radar Search request must include at least one of `keyword`, `name`, or `type`. */
+export interface PlaceRadarRequest {
+    /** The latitude/longitude around which to retrieve place information. This must be specified as latitude,longitude. */
+    location: LatLng;
+    /** Defines the distance (in meters) within which to return place results. The maximum allowed radius is 50 000 meters. */
+    radius: number;
+    /**
+     * A term to be matched against all content that Google has indexed for this place, including but not limited to
+     * name, type, and address, as well as customer reviews and other third-party content.
+     */
+    keyword?: string;
+    /**
+     * The language code, indicating in which language the results should be returned, if possible.
+     * Searches are also biased to the selected language; results in the selected language may be given a higher ranking.
+     * Note that we often update supported languages so this list may not be exhaustive.
+     */
+    language?: string;
+    /**
+     * Restricts results to only those places within the specified price level.
+     * Valid values are in the range from 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    minprice?: number;
+    /**
+     * Restricts results to only those places within the specified price level.
+     * Valid values are in the range from 0 (most affordable) to 4 (most expensive), inclusive.
+     * The exact amount indicated by a specific value will vary from region to region.
+     */
+    maxprice?: number;
+    /**
+     * A term to be matched against all content that Google has indexed for this place.
+     * Equivalent to keyword. The `name` field is no longer restricted to place names.
+     * Values in this field are combined with values in the `keyword` field and passed as part of the same search string.
+     * We recommend using only the `keyword` parameter for all search terms.
+     */
+    name?: string;
+    /**
+     * Returns only those places that are open for business at the time the query is sent.
+     * Places that do not specify opening hours in the Google Places database will not be returned if you include this parameter in your query.
+     */
+    opennow?: boolean;
+    /**
+     * Restricts the results to places matching the specified type.
+     * Only one type may be specified (if more than one type is provided, all types following the first entry are ignored).
+     */
+    type?: AddressType;
+}
+
+/**
+ * If both `result_type` and `location_type` filters are present then the API returns only those results that match both the
+ * `result_type` and the `location_type` values. If none of the filter values are acceptable, the API returns `ZERO_RESULTS`.
+ */
+export interface ReverseGeocodingRequest {
+    /** The latitude and longitude values specifying the location for which you wish to obtain the closest, human-readable address. */
+    latlng?: LatLng;
+    /**
+     * The place ID of the place for which you wish to obtain the human-readable address.
+     * The place ID is a unique identifier that can be used with other Google APIs.
+     * For example, you can use the `placeID` returned by the Roads API to get the address for a snapped point.
+     * The place ID may only be specified if the request includes an API key or a Google Maps APIs Premium Plan client ID.
+     */
+    place_id?: string;
+    /**
+     * The language in which to return results.
+     *  - Google often updates the supported languages, so this list may not be exhaustive.
+     *  - If `language` is not supplied, the geocoder attempts to use the preferred language as specified in the
+     *    `Accept-Language` header, or the native language of the domain from which the request is sent.
+     *  - The geocoder does its best to provide a street address that is readable for both the user and locals.
+     *    To achieve that goal, it returns street addresses in the local language, transliterated to a script readable by the user
+     *    if necessary, observing the preferred language. All other addresses are returned in the preferred language.
+     *    Address components are all returned in the same language, which is chosen from the first component.
+     *  - If a name is not available in the preferred language, the geocoder uses the closest match.
+     */
+    language?: Language;
+    /**
+     * A filter of one or more address types, separated by a pipe (`|`).
+     * If the parameter contains multiple address types, the API returns all addresses that match any of the types.
+     * A note about processing: The `result_type` parameter does not restrict the search to the specified address type(s).
+     * Rather, the `result_type` acts as a post-search filter: the API fetches all results for the specified `latlng`,
+     * then discards those results that do not match the specified address type(s).
+     * Note: This parameter is available only for requests that include an API key or a client ID.
+     */
+    result_type?: AddressType;
+    /**
+     * A filter of one or more location types, separated by a pipe (`|`).
+     * If the parameter contains multiple location types, the API returns all addresses that match any of the types.
+     * A note about processing: The `location_type` parameter does not restrict the search to the specified location type(s).
+     * Rather, the `location_type` acts as a post-search filter: the API fetches all results for the specified `latlng`,
+     * then discards those results that do not match the specified location type(s).
+     * Note: This parameter is available only for requests that include an API key or a client ID.
+     */
+    location_type?: ReverseGeocodingLocationType;
+}
+
+export type ReverseGeocodingLocationType = (
+    /** returns only the addresses for which Google has location information accurate down to street address precision. */
+    'ROOFTOP' |
+    /**
+     * returns only the addresses that reflect an approximation (usually on a road) interpolated between two precise points
+     * (such as intersections). An interpolated range generally indicates that rooftop geocodes are unavailable for a street address.
+     */
+    'RANGE_INTERPOLATED' |
+    /** returns only geometric centers of a location such as a polyline (for example, a street) or polygon (region). */
+    'GEOMETRIC_CENTER' |
+    /** returns only the addresses that are characterized as approximate. */
+    'APPROXIMATE'
+);
+
+export type ReverseGeocodingResponse = GeocodingResponse<ReverseGeocodingResponseStatus>;
+
+/**
+ * The `"status"` field within the Geocoding response object contains the status of the request,
+ * and may contain debugging information to help you track down why reverse geocoding is not working.
+ */
+export type ReverseGeocodingResponseStatus = (
+    /** indicates that no errors occurred and at least one address was returned. */
+    'OK' |
+    /**
+     * indicates that the reverse geocoding was successful but returned no results.
+     * This may occur if the geocoder was passed a latlng in a remote location.
+     */
+    'ZERO_RESULTS' |
+    /** indicates that you are over your quota. */
+    'OVER_QUERY_LIMIT' |
+    /**
+     * indicates that the request was denied.
+     * Possibly because the request includes a `result_type` or `location_type` parameter but does not include
+     * an API key or client ID.
+     */
+    'REQUEST_DENIED' |
+    /**
+     * generally indicates one of the following:
+     *  - The query (`address`, `components` or `latlng`) is missing.
+     *  - An invalid `result_type` or `location_type` was given.
+     */
+    'INVALID_REQUEST' |
+    /** indicates that the request could not be processed due to a server error. The request may succeed if you try again. */
+    'UNKNOWN_ERROR'
+);
+
+export interface SnappedSpeedLimitsRequest {
+    /**
+     * A list of latitude/longitude pairs representing a path. Latitude and longitude values must be separated by commas.
+     * Latitude/longitude pairs must be separated by the pipe character: "|".
+     * When you supply the `path` parameter, the API first snaps the path to the most likely road traveled by a vehicle
+     * (as it does for the [snapToRoads](https://developers.google.com/maps/documentation/roads/snap) request),
+     * then determines the speed limit for the relevant road segment.
+     * If you don't want the API to snap the path, you must pass a `placeId` parameter as explained below.
+     * The following example shows the `path` parameter with three latitude/longitude pairs:
+     * `path=60.170880,24.942795|60.170879,24.942796|60.170877,24.942796`.
+     */
+    path: LatLng[];
+    /**
+     * Whether to return speed limits in kilometers or miles per hour. This can be set to either `KPH` or `MPH`.
+     *
+     * @default SpeedLimitUnit.KPH
+     */
+    units?: SpeedLimitUnit;
+}
+
+export interface SpeedLimitsRequest {
+    /**
+     * The place ID(s) representing one or more road segments.
+     * Make sure each place ID refers to a road segment and not a different type of place.
+     * You can pass up to 100 place IDs with each request.
+     * The API does not perform road-snapping on the supplied place IDs.
+     * The response includes a speed limit for each place ID in the request.
+     * You can send a [snapToRoads](https://developers.google.com/maps/documentation/roads/snap) or
+     * [nearestRoads](https://developers.google.com/maps/documentation/roads/nearest) request to find
+     * the relevant place IDs then supply them as input to the `speedLimits` request.
+     * The following example shows the `placeId` parameter with two place IDs:
+     * `placeId=ChIJX12duJAwGQ0Ra0d4Oi4jOGE&placeId=ChIJLQcticc0GQ0RoiNZJVa5GxU`
+     */
+    placeId: string;
+    /**
+     * Whether to return speed limits in kilometers or miles per hour. This can be set to either `KPH` or `MPH`.
+     *
+     * @default SpeedLimitUnit.KPH
+     */
+    units?: SpeedLimitUnit;
+}
+
+export type SpeedLimitUnit = (
+    'KPH' |
+    'MPH'
+);
+
+export interface SpeedLimitsResponse {
+    /** An array of road metadata. */
+    speedLimits: SpeedLimit[];
+    /** an array of snapped points. This array is present only if the request contained a path parameter. */
+    snappedPoints: SnappedPoint[];
+}
+
+export interface SpeedLimit {
+    /** A unique identifier for a place. All place IDs returned by the Roads API will correspond to road segments. */
+    placeId: string;
+    /** The speed limit for that road segment. */
+    speedLimit: number;
+    /** Returns either `KPH` or `MPH`. */
+    units: SpeedLimitUnit;
+}
+
+export interface SnappedPoint {
+    /** contains a `latitude` and `longitude` value. */
+    location: LatLngLiteralVerbose;
+    /**
+     * An integer that indicates the corresponding value in the original request.
+     * Each value in the request should map to a snapped value in the response.
+     * These values are indexed from `0`, so a point with an `originalIndex` of `4` will be the snapped value
+     * of the 5th latitude/longitude passed to the `path` parameter.
+     */
+    originalIndex: number;
+    /**
+     * A unique identifier for a place. All place IDs returned by the Roads API will correspond to road segments.
+     * The `placeId` can be passed in a speed limits request to determine the speed limit along that road segment.
+     */
+    placeId: string;
+}
+
+export interface SnapToRoadsRequest {
+    /**
+     * The path to be snapped. The `path` parameter accepts a list of latitude/longitude pairs.
+     * Latitude and longitude values should be separated by commas. Coordinates should be separated by the pipe character: `"|"`.
+     * For example: `path=60.170880,24.942795|60.170879,24.942796|60.170877,24.942796`.
+     *
+     * **Note:** The snapping algorithm works best for points that are not too far apart.
+     * If you observe odd snapping behavior, try creating paths that have points closer together.
+     * To ensure the best snap-to-road quality, you should aim to provide paths on which consecutive pairs
+     *  of points are within 300m of each other. This will also help in handling any isolated, long jumps between
+     * consecutive points caused by GPS signal loss, or noise.
+     */
+    path: LatLng[];
+    /**
+     * Whether to interpolate a path to include all points forming the full road-geometry.
+     * When true, additional interpolated points will also be returned, resulting in a path that smoothly follows
+     * the geometry of the road, even around corners and through tunnels.
+     * Interpolated paths will most likely contain more points than the original path.
+     *
+     * @default false
+     */
+    interpolate?: boolean;
+}
+
+export interface SnapToRoadsResponse {
+    /** An array of snapped points. */
+    snappedPoints: SnappedPoint[];
+}
+
+/**
+ * Time Zone API requests are constructed as a URL string.
+ * The API returns time zone data for a point on the earth, specified by a latitude/longitude pair.
+ * Note that time zone data may not be available for locations over water, such as oceans or seas.
+ */
+export interface TimeZoneRequest {
+    /** a comma-separated `lat,lng` tuple (eg. `location=-33.86,151.20`), representing the location to look up. */
+    location: LatLng;
+    /**
+     * specifies the desired time as seconds since midnight, January 1, 1970 UTC.
+     * The Time Zone API uses the timestamp to determine whether or not Daylight Savings should be applied,
+     * based on the time zone of the location. Note that the API does not take historical time zones into account.
+     * That is, if you specify a past timestamp, the API does not take into account the possibility that
+     * the location was previously in a different time zone.
+     */
+    timestamp?: Date | number;
+    /**
+     * The language in which to return results.
+     * Note that we often update supported languages so this list may not be exhaustive.
+     *
+     * @default Language.English
+     */
+    language?: Language;
+}
+
+/** For each valid request, the time zone service will return a response in the format indicated within the request URL. */
+export interface TimeZoneResponse {
+    /**
+     * the offset for daylight-savings time in seconds.
+     * This will be zero if the time zone is not in Daylight Savings Time during the specified `timestamp`.
+     */
+    dstOffset: number;
+    /** the offset from UTC (in seconds) for the given location. This does not take into effect daylight savings. */
+    rawOffset: number;
+    /**
+     * a string containing the ID of the time zone, such as "America/Los_Angeles" or "Australia/Sydney".
+     * These IDs are defined by [Unicode Common Locale Data Repository (CLDR) project](http://cldr.unicode.org/),
+     * and currently available in file [timezone.xml](http://unicode.org/repos/cldr/trunk/common/bcp47/timezone.xml).
+     * When a timezone has several IDs, the canonical one is returned. In timezone.xml, this is the first alias of each timezone.
+     * For example, "Asia/Calcutta" is returned, not "Asia/Kolkata".
+     */
+    timeZoneId: string;
+    /**
+     * a string containing the long form name of the time zone.
+     * This field will be localized if the `language` parameter is set.
+     * eg. "Pacific Daylight Time" or "Australian Eastern Daylight Time"
+     */
+    timeZoneName: string;
+    /** a string indicating the status of the response. */
+    status: TimeZoneResponseStatus;
+    /** more detailed information about the reasons behind the given status code, if other than `OK`. */
+    errorMessage: string;
+}
+
+export type TimeZoneResponseStatus = (
+    /** indicates that the request was successful. */
+    'OK' |
+    /** indicates that the request was malformed. */
+    'INVALID_REQUEST' |
+    /**
+     * indicates any of the following:
+     *  - The API `key` is missing or invalid.
+     *  - Billing has not been enabled on your account.
+     *  - A self-imposed usage cap has been exceeded.
+     *  - The provided method of payment is no longer valid (for example, a credit card has expired).
+     * See the [Maps FAQ](https://developers.google.com/maps/faq#over-limit-key-error) to learn how to fix this.
+     */
+    'OVER_DAILY_LIMIT' |
+    /** indicates the requestor has exceeded quota. */
+    'OVER_QUERY_LIMIT' |
+    /** indicates that the API did not complete the request. Confirm that the request was sent over HTTPS instead of HTTP. */
+    'REQUEST_DENIED' |
+    /** indicates an unknown error. */
+    'UNKNOWN_ERROR' |
+    /**
+     * indicates that no time zone data could be found for the specified position or time. Confirm that the request is for a location on land,
+     * and not over water.
+     */
+    'ZERO_RESULTS'
+);
diff --git a/types/google__maps/tsconfig.json b/types/google__maps/tsconfig.json
new file mode 100644
index 0000000000..c3c1ee93b4
--- /dev/null
+++ b/types/google__maps/tsconfig.json
@@ -0,0 +1,29 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "paths": {
+            "@google/maps": [
+                "google__maps"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "google__maps-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/google__maps/tslint.json b/types/google__maps/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/google__maps/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/googlemaps/googlemaps-tests.ts b/types/googlemaps/googlemaps-tests.ts
index e161e8068e..ac7217dd17 100644
--- a/types/googlemaps/googlemaps-tests.ts
+++ b/types/googlemaps/googlemaps-tests.ts
@@ -438,3 +438,14 @@ service.findPlaceFromQuery({
 
     results[0].name; // $ExpectType string
 });
+
+service.findPlaceFromPhoneNumber({
+    phoneNumber: '123456',
+    fields: ['name']
+}, (results, status) => {
+    if (status === google.maps.places.PlacesServiceStatus.ERROR) {
+        return;
+    }
+
+    results[0].name; // $ExpectType string
+});
diff --git a/types/googlemaps/index.d.ts b/types/googlemaps/index.d.ts
index 531074b258..099bb9ef68 100644
--- a/types/googlemaps/index.d.ts
+++ b/types/googlemaps/index.d.ts
@@ -2613,6 +2613,7 @@ declare namespace google.maps {
       strictBounds?: boolean;
       types?: string[];
       type?: string;
+      fields?: string[];
     }
 
     export interface AutocompletePrediction {
@@ -2727,6 +2728,7 @@ declare namespace google.maps {
     export interface PlaceResult {
       address_components: GeocoderAddressComponent[];
       adr_address: string;
+      aspects: PlaceAspectRating[];
       formatted_address: string;
       formatted_phone_number: string;
       geometry: PlaceGeometry;
@@ -2880,7 +2882,7 @@ declare namespace google.maps {
     export interface FindPlaceFromPhoneNumberRequest {
       fields: string[];
       locationBias?: LocationBias;
-      query: string;
+      phoneNumber: string;
     }
   }
 
diff --git a/types/googlepay/googlepay-tests.ts b/types/googlepay/googlepay-tests.ts
index 4897dd3c80..729eb93cfa 100644
--- a/types/googlepay/googlepay-tests.ts
+++ b/types/googlepay/googlepay-tests.ts
@@ -1,21 +1,35 @@
-const allowedPaymentMethods = new Array<google.payments.api.AllowedPaymentMethod>('CARD', 'TOKENIZED_CARD');
-
 const allowedCardNetworks = new Array<google.payments.api.AllowedCardNetwork>('AMEX', 'DISCOVER', 'JCB', 'MASTERCARD', 'VISA');
 
-const tokenizationParameters: google.payments.api.PaymentMethodTokenizationParameters = {
-    tokenizationType: 'PAYMENT_GATEWAY',
+const allowedPaymentMethods = new Array<google.payments.api.PaymentMethod>({
+    type: 'CARD',
     parameters: {
-      gateway: 'example',
-      gatewayMerchantId: 'abc123'
+        allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],
+        allowedCardNetworks,
+        billingAddressRequired: true,
+        billingAddressParameters: {
+            format: 'MIN'
+        }
+    }
+});
+
+const tokenizationSpecification: google.payments.api.PaymentMethodTokenizationSpecification = {
+    type: 'PAYMENT_GATEWAY',
+    parameters: {
+        gateway: 'example',
+        gatewayMerchantId: 'abc123'
     }
 };
 
-const getGooglePaymentsClient = (env?: google.payments.api.EnvironmentType) => new google.payments.api.PaymentsClient({environment: env});
+const getGooglePaymentsClient = (env?: google.payments.api.EnvironmentType) => new google.payments.api.PaymentsClient({ environment: env });
 
 function onGooglePayLoaded() {
     const client = getGooglePaymentsClient();
 
-    client.isReadyToPay({allowedPaymentMethods}).then(response => {
+    client.isReadyToPay({
+        apiVersion: 2,
+        apiVersionMinor: 0,
+        allowedPaymentMethods
+    }).then(response => {
         if (response.result) {
             addGooglePayButton();
             prefetchGooglePaymentData();
@@ -38,20 +52,17 @@ function addGooglePayButton() {
 
 function getGooglePaymentDataConfiguration(): google.payments.api.PaymentDataRequest {
     return {
-        merchantId: '01234567890123456789',
+        apiVersion: 2,
+        apiVersionMinor: 0,
+        merchantInfo: {
+            merchantId: '01234567890123456789'
+        },
         transactionInfo: {
             totalPriceStatus: 'FINAL',
             totalPrice: '123.45',
             currencyCode: 'USD'
         },
-        paymentMethodTokenizationParameters: tokenizationParameters,
         allowedPaymentMethods,
-        cardRequirements: {
-            allowedCardNetworks,
-            billingAddressRequired: true,
-            billingAddressFormat: 'FULL'
-        },
-        phoneNumberRequired: false,
         shippingAddressRequired: true
     };
 }
diff --git a/types/googlepay/index.d.ts b/types/googlepay/index.d.ts
index 4e700d695d..c085094fb4 100644
--- a/types/googlepay/index.d.ts
+++ b/types/googlepay/index.d.ts
@@ -1,26 +1,24 @@
-// Type definitions for Google Pay API 0.1
-// Project: https://developers.google.com/pay/api/web/setup/
+// Type definitions for Google Pay API 0.2
+// Project: https://developers.google.com/pay/api/web/
 // Definitions by: Florian Luccioni <https://github.com/Fluccioni>,
-//                 Radu Raicea <https://github.com/Radu-Raicea>
+//                 Radu Raicea <https://github.com/Radu-Raicea>,
+//                 Filip Stanis <https://github.com/fstanis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace google.payments.api {
-    type AddressFormat = 'FULL' | 'MIN';
-    type AllowedCardNetwork = 'AMEX' | 'DISCOVER' | 'JCB' | 'MASTERCARD' | 'VISA';
-    type AllowedPaymentMethod = 'CARD' | 'TOKENIZED_CARD';
+    interface ApiVersion {
+        apiVersion: number;
+        apiVersionMinor: number;
+    }
+
+    type EnvironmentType = 'PRODUCTION' | 'TEST';
+
+    interface PaymentOptions {
+        environment?: EnvironmentType;
+    }
+
     type ButtonColor = 'default' | 'black' | 'white';
     type ButtonType = 'long' | 'short';
-    type CardClass = 'CREDIT' | 'DEBIT';
-    type CardInfo = CardInfoMin | CardInfoFull;
-    type CardRequirements = CardRequirementsMin | CardRequirementsFull;
-    type EnvironmentType = 'PRODUCTION' | 'TEST';
-    type ErrorStatusCode = 'BUYER_ACCOUNT_ERROR' | 'CANCELED' | 'DEVELOPER_ERROR' | 'INTERNAL_ERROR';
-    type PaymentMethodTokenizationParameters = PaymentMethodDirectTokenizationParameters | PaymentMethodGatewayTokenizationParameters;
-    type TokenizationType = 'DIRECT' | 'PAYMENT_GATEWAY';
-    type TotalPriceStatus =  'ESTIMATED' | 'FINAL' | 'NOT_CURRENTLY_KNOWN';
-    type UserAddress = UserAddressFull | UserAddressMin;
-    type PaymentDataRequest = PaymentDataRequestMin | PaymentDataRequestFull;
-    type PaymentData = PaymentDataMin | PaymentDataFull;
 
     interface ButtonOptions {
         onClick: EventListener;
@@ -28,130 +26,155 @@ declare namespace google.payments.api {
         buttonType?: ButtonType;
     }
 
-    interface PaymentOptions {
-        environment?: EnvironmentType;
+    interface IsReadyToPayRequest extends ApiVersion {
+        allowedPaymentMethods: PaymentMethod[];
+        existingPaymentMethodRequired?: boolean;
     }
 
-    interface IsReadyToPayRequest {
-        allowedPaymentMethods: AllowedPaymentMethod[];
+    interface IsReadyToPayResponse {
+        result: boolean;
+        paymentMethodPresent?: boolean;
     }
 
-    interface BasePaymentDataRequest {
-        merchantId: string;
-        transactionInfo: TransactionInfo;
-        cardRequirements: CardRequirements;
-        paymentMethodTokenizationParameters: PaymentMethodTokenizationParameters;
-        allowedPaymentMethods: AllowedPaymentMethod[];
-        phoneNumberRequired?: boolean;
-        emailRequired?: boolean;
-        shippingAddressRequired?: boolean;
-        shippingAddressRequirements?: ShippingAddressRequirements;
+    type PaymentMethod = CardPaymentMethod;
+    type AllowedPaymentMethodType = 'CARD';
+
+    interface BasePaymentMethod {
+        type: AllowedPaymentMethodType;
+        tokenizationSpecification?: PaymentMethodTokenizationSpecification;
     }
 
-    interface PaymentDataRequestMin extends BasePaymentDataRequest {
-        cardRequirements: CardRequirementsMin;
+    type PaymentMethodTokenizationSpecification = PaymentGatewayTokenizationSpecification | DirectTokenizationSpecification;
+    type TokenizationType = 'DIRECT' | 'PAYMENT_GATEWAY';
+
+    interface BasePaymentMethodTokenizationSpecification {
+        type: TokenizationType;
     }
 
-    interface PaymentDataRequestFull extends BasePaymentDataRequest {
-        cardRequirements: CardRequirementsFull;
-    }
-
-    interface BasePaymentMethodTokenizationParameters {
-        tokenizationType: TokenizationType;
-    }
-
-    interface PaymentMethodGatewayTokenizationParameters extends BasePaymentMethodTokenizationParameters {
-        tokenizationType: 'PAYMENT_GATEWAY';
+    interface PaymentGatewayTokenizationSpecification extends BasePaymentMethodTokenizationSpecification {
+        type: 'PAYMENT_GATEWAY';
         parameters: {
             [parameter: string]: string;
         };
     }
 
-    interface PaymentMethodDirectTokenizationParameters extends BasePaymentMethodTokenizationParameters {
-        tokenizationType: 'DIRECT';
+    interface DirectTokenizationSpecification extends BasePaymentMethodTokenizationSpecification {
+        type: 'DIRECT';
         parameters: {
+            protocolVersion: string;
             publicKey: string;
         };
     }
 
-    interface BaseCardRequirements {
+    interface CardPaymentMethod extends BasePaymentMethod {
+        type: 'CARD';
+        parameters: CardParameters;
+    }
+
+    type AllowedAuthMethod = 'PAN_ONLY' | 'CRYPTOGRAM_3DS';
+    type AllowedCardNetwork = 'AMEX' | 'DISCOVER' | 'JCB' | 'MASTERCARD' | 'VISA';
+
+    interface CardParameters {
+        allowedAuthMethods: AllowedAuthMethod[];
         allowedCardNetworks: AllowedCardNetwork[];
+        allowPrepaidCards?: boolean;
         billingAddressRequired?: boolean;
-        billingAddressFormat?: AddressFormat;
+        billingAddressParameters?: BillingAddressParameters;
     }
 
-    interface CardRequirementsMin extends BaseCardRequirements {
-        billingAddressFormat?: 'MIN';
+    type BillingAddressFormat = 'FULL' | 'MIN';
+
+    interface BillingAddressParameters {
+        format?: BillingAddressFormat;
+        phoneNumberRequired?: boolean;
     }
 
-    interface CardRequirementsFull extends BaseCardRequirements {
-        billingAddressFormat?: 'FULL';
+    interface PaymentDataRequest extends ApiVersion {
+        merchantInfo: MerchantInfo;
+        allowedPaymentMethods: PaymentMethod[];
+        transactionInfo: TransactionInfo;
+        emailRequired?: boolean;
+        shippingAddressRequired?: boolean;
+        shippingAddressParameters?: ShippingAddressParameters;
     }
 
-    interface ShippingAddressRequirements {
-        allowedCountryCodes?: string[];
-    }
-
-    interface TransactionInfo {
-        totalPriceStatus: TotalPriceStatus;
-        totalPrice?: string;
-        currencyCode?: string;
-    }
-
-    interface BasePaymentData {
-        cardInfo: CardInfo;
-        paymentMethodToken: PaymentMethodToken;
-        shippingAddress?: UserAddressFull;
+    interface PaymentData extends ApiVersion {
+        paymentMethodData: PaymentMethodData;
         email?: string;
+        shippingAddress?: Address;
     }
 
-    interface PaymentDataMin extends BasePaymentData {
-        cardInfo: CardInfoMin;
+    interface MerchantInfo {
+        merchantId: string;
+        merchantName?: string;
+        merchantOrigin?: string;
     }
 
-    interface PaymentDataFull extends BasePaymentData {
-        cardInfo: CardInfoFull;
+    type TransactionInfo = UnknownPriceTransactionInfo | KnownPriceTransactionInfo;
+    type TotalPriceStatus = 'ESTIMATED' | 'FINAL' | 'NOT_CURRENTLY_KNOWN';
+
+    interface BaseTransactionInfo {
+        totalPriceStatus: TotalPriceStatus;
+        currencyCode: string;
     }
 
-    interface BaseCardInfo {
-        cardDescription: string;
-        cardClass: CardClass;
+    interface UnknownPriceTransactionInfo extends BaseTransactionInfo {
+        totalPriceStatus: 'NOT_CURRENTLY_KNOWN';
+    }
+
+    interface KnownPriceTransactionInfo extends BaseTransactionInfo {
+        totalPriceStatus: 'ESTIMATED' | 'FINAL';
+        totalPrice: string;
+    }
+
+    interface ShippingAddressParameters {
+        allowedCountryCodes?: string[];
+        phoneNumberRequired?: boolean;
+    }
+
+    type PaymentMethodData = CardPaymentMethodData;
+
+    interface BasePaymentMethodData {
+        type: AllowedPaymentMethodType;
+        description: string;
+        tokenizationData: PaymentMethodTokenizationData;
+    }
+
+    interface PaymentMethodTokenizationData {
+        type: TokenizationType;
+        token?: string;
+    }
+
+    interface CardPaymentMethodData extends BasePaymentMethodData {
+        type: 'CARD';
+        info: CardInfo;
+    }
+
+    interface CardInfo {
         cardDetails: string;
         cardNetwork: AllowedCardNetwork;
-        billingAddress?: UserAddress;
+        billingAddress?: Address;
     }
 
-    interface CardInfoMin extends BaseCardInfo {
-        billingAddress?: UserAddressMin;
-    }
+    type Address = AddressMin | AddressFull;
 
-    interface CardInfoFull extends BaseCardInfo {
-        billingAddress?: UserAddressFull;
-    }
-
-    interface UserAddressMin {
+    interface AddressMin {
         name: string;
         postalCode: string;
         countryCode: string;
         phoneNumber?: string;
     }
 
-    interface UserAddressFull extends UserAddressMin {
-        companyName: string;
+    interface AddressFull extends AddressMin {
         address1: string;
         address2: string;
         address3: string;
-        address4: string;
-        address5: string;
         locality: string;
         administrativeArea: string;
         sortingCode: string;
     }
 
-    interface PaymentMethodToken {
-        tokenizationType: TokenizationType;
-        token: string;
-    }
+    type ErrorStatusCode = 'BUYER_ACCOUNT_ERROR' | 'CANCELED' | 'DEVELOPER_ERROR' | 'INTERNAL_ERROR';
 
     interface PaymentsError {
         statusCode: ErrorStatusCode;
@@ -161,9 +184,7 @@ declare namespace google.payments.api {
     class PaymentsClient {
         constructor(paymentOptions: PaymentOptions);
         createButton(request: ButtonOptions): HTMLElement;
-        isReadyToPay(request: IsReadyToPayRequest): Promise<{result: boolean}>;
-        loadPaymentData(request: PaymentDataRequestMin): Promise<PaymentDataMin>;
-        loadPaymentData(request: PaymentDataRequestFull): Promise<PaymentDataFull>;
+        isReadyToPay(request: IsReadyToPayRequest): Promise<IsReadyToPayResponse>;
         loadPaymentData(request: PaymentDataRequest): Promise<PaymentData>;
         prefetchPaymentData(request: PaymentDataRequest): void;
     }
diff --git a/types/got/got-tests.ts b/types/got/got-tests.ts
index 610ac87c26..934adfc9a8 100644
--- a/types/got/got-tests.ts
+++ b/types/got/got-tests.ts
@@ -7,6 +7,7 @@ import * as http from 'http';
 import * as https from 'https';
 import * as url from 'url';
 import QuickLRU = require('quick-lru');
+import tough = require('tough-cookie');
 
 let str: string;
 let buf: Buffer;
@@ -260,3 +261,11 @@ got(new url.URL('http://todomvc.com'));
 got(url.parse('http://todomvc.com'));
 
 got('https://todomvc.com', { rejectUnauthorized: false });
+
+got('/examples/angularjs', { baseUrl: 'http://todomvc.com' });
+got('http://todomvc.com', { headers: { foo: 'bar'} });
+got('http://todomvc.com', { cookieJar: new tough.CookieJar() });
+got('http://todomvc.com', { retry: 2 });
+got('http://todomvc.com', { retry: { retries: 2, methods: ['GET'], statusCodes: [408, 504], maxRetryAfter: 1 } });
+got('http://todomvc.com', { throwHttpErrors: false });
+got('http://todomvc.com', { hooks: { beforeRequest: [ () => 'foo']} });
diff --git a/types/got/index.d.ts b/types/got/index.d.ts
index 775985e581..6b0929fdcf 100644
--- a/types/got/index.d.ts
+++ b/types/got/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for got 8.3
+// Type definitions for got 9.2
 // Project: https://github.com/sindresorhus/got#readme
 // Definitions by: BendingBender <https://github.com/BendingBender>
 //                 Linus Unnebäck <https://github.com/LinusU>
 //                 Konstantin Ikonnikov <https://github.com/ikokostya>
+//                 Stijn Van Nieuwenhuyse <https://github.com/stijnvn>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -12,6 +13,7 @@ import { Url, URL } from 'url';
 import * as http from 'http';
 import * as https from 'https';
 import * as nodeStream from 'stream';
+import { CookieJar } from 'tough-cookie';
 
 export = got;
 
@@ -95,8 +97,12 @@ declare namespace got {
 
     type GotUrl = string | https.RequestOptions | Url | URL;
 
+    type Hook<T> = (options: T) => any;
+    type Hooks<T> = Record<'beforeRequest', Array<Hook<T>>>;
+
     interface GotBodyOptions<E extends string | null> extends GotOptions<E> {
         body?: string | Buffer | nodeStream.Readable;
+        hooks?: Hooks<GotBodyOptions<E>>;
     }
 
     interface GotJSONOptions extends GotOptions<string | null> {
@@ -104,25 +110,29 @@ declare namespace got {
         body?: object;
         form?: boolean;
         json: true;
+        hooks?: Hooks<GotJSONOptions>;
     }
 
     interface GotFormOptions<E extends string | null> extends GotOptions<E> {
         body?: {[key: string]: any};
         form: true;
         json?: boolean;
+        hooks?: Hooks<GotFormOptions<E>>;
     }
 
     interface GotOptions<E extends string | null> extends InternalRequestOptions {
+        baseUrl?: string;
+        cookieJar?: CookieJar;
         encoding?: E;
         query?: string | object;
         timeout?: number | TimeoutOptions;
-        retries?: number | RetryFunction;
+        retry?: number | RetryOptions;
         followRedirect?: boolean;
         decompress?: boolean;
         useElectronNet?: boolean;
-        cache?: Cache;
-        agent?: http.Agent | boolean | AgentOptions;
         throwHttpErrors?: boolean;
+        agent?: http.Agent | boolean | AgentOptions;
+        cache?: Cache;
     }
 
     interface TimeoutOptions {
@@ -131,13 +141,20 @@ declare namespace got {
         request?: number;
     }
 
+    type RetryFunction = (retry: number, error: any) => number;
+
+    interface RetryOptions {
+        retries?: number | RetryFunction;
+        methods?: Array<'GET' | 'PUT' | 'HEAD' | 'DELETE' | 'OPTIONS' | 'TRACE'>;
+        statusCodes?: Array<408 | 413 | 429 | 500 | 502 | 503 | 504>;
+        maxRetryAfter?: number;
+    }
+
     interface AgentOptions {
         http: http.Agent;
         https: https.Agent;
     }
 
-    type RetryFunction = (retry: number, error: any) => number;
-
     interface Cache {
         set(key: string, value: any, ttl?: number): any;
         get(key: string): any;
diff --git a/types/got/tslint.json b/types/got/tslint.json
index 4a4f94c041..08b1465cd6 100644
--- a/types/got/tslint.json
+++ b/types/got/tslint.json
@@ -1,7 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        // TODO
         "unified-signatures": false
     }
 }
diff --git a/types/got/v8/got-tests.ts b/types/got/v8/got-tests.ts
new file mode 100644
index 0000000000..610ac87c26
--- /dev/null
+++ b/types/got/v8/got-tests.ts
@@ -0,0 +1,262 @@
+import got = require('got');
+import cookie = require('cookie');
+import FormData = require('form-data');
+import Keyv = require('keyv');
+import * as fs from 'fs';
+import * as http from 'http';
+import * as https from 'https';
+import * as url from 'url';
+import QuickLRU = require('quick-lru');
+
+let str: string;
+let buf: Buffer;
+
+got('todomvc.com')
+    .then(response => {
+        str = response.body;
+    })
+    .catch((error: got.GotError) => {
+        console.log(error.response.body);
+    });
+
+got('todomvc.com').cancel();
+
+got('todomvc.com', {json: true}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {json: true, body: {}}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {json: true, body: [{}]}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {json: true, form: true}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {json: true, form: true, encoding: null}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {json: true, form: true, encoding: null, hostname: 'todomvc'}).then((response) => {
+    response.body; // $ExpectType any
+});
+
+got('todomvc.com', {form: true}).then(response => str = response.body);
+got('todomvc.com', {form: true, body: {}}).then(response => str = response.body);
+got('todomvc.com', {form: true, body: [{}]}).then(response => str = response.body);
+got('todomvc.com', {form: true, body: [{}], encoding: null}).then(response => buf = response.body);
+got('todomvc.com', {form: true, body: [{}], encoding: 'utf8'}).then(response => str = response.body);
+got('todomvc.com', {
+    form: true,
+    body: [{}],
+    encoding: 'utf8',
+    hostname: 'todomvc'
+}).then(response => str = response.body);
+got('todomvc.com', {
+    form: true,
+    body: [{}],
+    encoding: 'utf8',
+    hostname: 'todomvc',
+    timeout: 2000
+}).then(response => str = response.body);
+got('todomvc.com', {
+    form: true,
+    body: [{}],
+    encoding: 'utf8',
+    hostname: 'todomvc',
+    timeout: {connect: 20, request: 20, socket: 20}
+}).then(response => str = response.body);
+// following must lead to type checking error: got('todomvc.com', {form: true, body: ''}).then(response => str = response.body);
+
+got('todomvc.com', {encoding: null, hostname: 'todomvc'}).then(response => buf = response.body);
+got('todomvc.com', {encoding: 'utf8', hostname: 'todomvc'}).then(response => str = response.body);
+
+got('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+
+got.get('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+got.post('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+got.put('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+got.patch('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+got.head('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+got.delete('todomvc.com', {hostname: 'todomvc'}).then(response => str = response.body);
+
+got.stream('todomvc.com').pipe(fs.createWriteStream('index.html'));
+
+fs.createReadStream('index.html').pipe(got.stream.get('todomvc.com'));
+fs.createReadStream('index.html').pipe(got.stream.post('todomvc.com'));
+fs.createReadStream('index.html').pipe(got.stream.put('todomvc.com'));
+fs.createReadStream('index.html').pipe(got.stream.patch('todomvc.com'));
+fs.createReadStream('index.html').pipe(got.stream.head('todomvc.com'));
+fs.createReadStream('index.html').pipe(got.stream.delete('todomvc.com'));
+
+let req: http.ClientRequest;
+let res: http.IncomingMessage | undefined;
+let opts: got.GotOptions<string | null>;
+let err: got.GotError;
+let href: string | undefined;
+let progress: got.Progress;
+
+const stream = got.stream('todomvc.com');
+stream.addListener('request', (r) => req = r);
+stream.addListener('response', (r) => res = r);
+stream.addListener('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.addListener('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.addListener('downloadProgress', (p) => {
+    progress = p;
+});
+stream.addListener('uploadProgress', (p) => {
+    progress = p;
+});
+
+stream.on('request', (r) => req = r);
+stream.on('response', (r) => res = r);
+stream.on('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.on('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.on('downloadProgress', (p) => {
+    progress = p;
+});
+stream.on('uploadProgress', (p) => {
+    progress = p;
+});
+
+stream.once('request', (r) => req = r);
+stream.once('response', (r) => res = r);
+stream.once('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.once('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.once('downloadProgress', (p) => {
+    progress = p;
+});
+stream.once('uploadProgress', (p) => {
+    progress = p;
+});
+
+stream.prependListener('request', (r) => req = r);
+stream.prependListener('response', (r) => res = r);
+stream.prependListener('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.prependListener('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.prependListener('downloadProgress', (p) => {
+    progress = p;
+});
+stream.prependListener('uploadProgress', (p) => {
+    progress = p;
+});
+
+stream.prependOnceListener('request', (r) => req = r);
+stream.prependOnceListener('response', (r) => res = r);
+stream.prependOnceListener('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.prependOnceListener('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.prependOnceListener('downloadProgress', (p) => {
+    progress = p;
+});
+stream.prependOnceListener('uploadProgress', (p) => {
+    progress = p;
+});
+
+stream.removeListener('request', (r) => req = r);
+stream.removeListener('response', (r) => res = r);
+stream.removeListener('redirect', (r, o) => {
+    res = r;
+    opts = o;
+    href = o.href;
+});
+stream.removeListener('error', (e, b, r) => {
+    err = e;
+    res = r;
+});
+stream.removeListener('downloadProgress', (p) => {
+    progress = p;
+});
+stream.removeListener('uploadProgress', (p) => {
+    progress = p;
+});
+
+got('google.com', {
+    headers: {
+        cookie: cookie.serialize('foo', 'bar')
+    }
+});
+
+const form = new FormData();
+
+form.append('my_file', fs.createReadStream('/foo/bar.jpg'));
+
+got.post('google.com', {
+    body: form
+});
+
+got('todomvc.com', {
+    headers: {
+        'user-agent': `my-module/ (https://github.com/username/my-module)`
+    }
+});
+
+got('https://httpbin.org/404')
+    .catch(err => err instanceof got.HTTPError && err.statusCode === 404);
+
+got('todomvc', {
+    throwHttpErrors: false
+});
+
+got('todomvc', {
+    agent: {
+        http: new http.Agent(),
+        https: new https.Agent()
+    }
+});
+
+got('todomvc', {
+    cache: new Map(),
+}).then(res => res.fromCache);
+
+got('todomvc', {
+    cache: new Keyv(),
+}).then(res => res.fromCache);
+
+got('todomvc', {
+    cache: new QuickLRU(),
+}).then(res => res.fromCache);
+
+got(new url.URL('http://todomvc.com'));
+
+got(url.parse('http://todomvc.com'));
+
+got('https://todomvc.com', { rejectUnauthorized: false });
diff --git a/types/got/v8/index.d.ts b/types/got/v8/index.d.ts
new file mode 100644
index 0000000000..775985e581
--- /dev/null
+++ b/types/got/v8/index.d.ts
@@ -0,0 +1,208 @@
+// Type definitions for got 8.3
+// Project: https://github.com/sindresorhus/got#readme
+// Definitions by: BendingBender <https://github.com/BendingBender>
+//                 Linus Unnebäck <https://github.com/LinusU>
+//                 Konstantin Ikonnikov <https://github.com/ikokostya>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="node"/>
+
+import { Url, URL } from 'url';
+import * as http from 'http';
+import * as https from 'https';
+import * as nodeStream from 'stream';
+
+export = got;
+
+declare class RequestError extends StdError {
+    name: 'RequestError';
+}
+
+declare class ReadError extends StdError {
+    name: 'ReadError';
+}
+
+declare class ParseError extends StdError {
+    name: 'ParseError';
+    statusCode: number;
+    statusMessage: string;
+}
+
+declare class HTTPError extends StdError {
+    name: 'HTTPError';
+    statusCode: number;
+    statusMessage: string;
+    headers: http.IncomingHttpHeaders;
+}
+
+declare class MaxRedirectsError extends StdError {
+    name: 'MaxRedirectsError';
+    statusCode: number;
+    statusMessage: string;
+    redirectUrls: string[];
+}
+
+declare class UnsupportedProtocolError extends StdError {
+    name: 'UnsupportedProtocolError';
+}
+
+declare class CancelError extends StdError {
+    name: 'CancelError';
+}
+
+declare class StdError extends Error {
+    code?: string;
+    host?: string;
+    hostname?: string;
+    method?: string;
+    path?: string;
+    protocol?: string;
+    url?: string;
+    response?: any;
+}
+
+declare const got: got.GotFn &
+    Record<'get' | 'post' | 'put' | 'patch' | 'head' | 'delete', got.GotFn> &
+    {
+        stream: got.GotStreamFn & Record<'get' | 'post' | 'put' | 'patch' | 'head' | 'delete', got.GotStreamFn>;
+        RequestError: typeof RequestError;
+        ReadError: typeof ReadError;
+        ParseError: typeof ParseError;
+        HTTPError: typeof HTTPError;
+        MaxRedirectsError: typeof MaxRedirectsError;
+        UnsupportedProtocolError: typeof UnsupportedProtocolError;
+        CancelError: typeof CancelError;
+    };
+
+interface InternalRequestOptions extends https.RequestOptions {
+    // Redeclare options with `any` type for allow specify types incompatible with http.RequestOptions.
+    timeout?: any;
+    agent?: any;
+}
+
+declare namespace got {
+    interface GotFn {
+        (url: GotUrl): GotPromise<string>;
+        (url: GotUrl, options: GotJSONOptions): GotPromise<any>;
+        (url: GotUrl, options: GotFormOptions<string>): GotPromise<string>;
+        (url: GotUrl, options: GotFormOptions<null>): GotPromise<Buffer>;
+        (url: GotUrl, options: GotBodyOptions<string>): GotPromise<string>;
+        (url: GotUrl, options: GotBodyOptions<null>): GotPromise<Buffer>;
+    }
+
+    type GotStreamFn = (url: GotUrl, options?: GotOptions<string | null>) => GotEmitter & nodeStream.Duplex;
+
+    type GotUrl = string | https.RequestOptions | Url | URL;
+
+    interface GotBodyOptions<E extends string | null> extends GotOptions<E> {
+        body?: string | Buffer | nodeStream.Readable;
+    }
+
+    interface GotJSONOptions extends GotOptions<string | null> {
+        // Body must be an object or array. See https://github.com/sindresorhus/got/issues/511
+        body?: object;
+        form?: boolean;
+        json: true;
+    }
+
+    interface GotFormOptions<E extends string | null> extends GotOptions<E> {
+        body?: {[key: string]: any};
+        form: true;
+        json?: boolean;
+    }
+
+    interface GotOptions<E extends string | null> extends InternalRequestOptions {
+        encoding?: E;
+        query?: string | object;
+        timeout?: number | TimeoutOptions;
+        retries?: number | RetryFunction;
+        followRedirect?: boolean;
+        decompress?: boolean;
+        useElectronNet?: boolean;
+        cache?: Cache;
+        agent?: http.Agent | boolean | AgentOptions;
+        throwHttpErrors?: boolean;
+    }
+
+    interface TimeoutOptions {
+        connect?: number;
+        socket?: number;
+        request?: number;
+    }
+
+    interface AgentOptions {
+        http: http.Agent;
+        https: https.Agent;
+    }
+
+    type RetryFunction = (retry: number, error: any) => number;
+
+    interface Cache {
+        set(key: string, value: any, ttl?: number): any;
+        get(key: string): any;
+        delete(key: string): any;
+    }
+
+    interface Response<B extends Buffer | string | object> extends http.IncomingMessage {
+        body: B;
+        url: string;
+        requestUrl: string;
+        fromCache: boolean;
+        redirectUrls?: string[];
+    }
+
+    type GotPromise<B extends Buffer | string | object> = Promise<Response<B>> & { cancel(): void };
+
+    interface GotEmitter {
+        addListener(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        addListener(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        addListener(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        addListener(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        addListener(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        addListener(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+
+        on(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        on(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        on(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        on(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        on(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        on(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+
+        once(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        once(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        once(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        once(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        once(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        once(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+
+        prependListener(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        prependListener(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        prependListener(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        prependListener(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        prependListener(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        prependListener(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+
+        prependOnceListener(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        prependOnceListener(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        prependOnceListener(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        prependOnceListener(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        prependOnceListener(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        prependOnceListener(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+
+        removeListener(event: 'request', listener: (req: http.ClientRequest) => void): this;
+        removeListener(event: 'response', listener: (res: http.IncomingMessage) => void): this;
+        removeListener(event: 'redirect', listener: (res: http.IncomingMessage, nextOptions: GotOptions<string | null> & Url) => void): this;
+        removeListener(event: 'error', listener: (error: GotError, body?: any, res?: http.IncomingMessage) => void): this;
+        removeListener(event: 'downloadProgress', listener: (progress: Progress) => void): this;
+        removeListener(event: 'uploadProgress', listener: (progress: Progress) => void): this;
+    }
+
+    type GotError = RequestError | ReadError | ParseError | HTTPError | MaxRedirectsError | UnsupportedProtocolError | CancelError;
+
+    interface Progress {
+        percent: number;
+        transferred: number;
+        total: number | null;
+    }
+}
diff --git a/types/got/v8/tsconfig.json b/types/got/v8/tsconfig.json
new file mode 100644
index 0000000000..a5ffba23b0
--- /dev/null
+++ b/types/got/v8/tsconfig.json
@@ -0,0 +1,29 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "got": [
+                "got/v8"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "got-tests.ts"
+    ]
+}
diff --git a/types/got/v8/tslint.json b/types/got/v8/tslint.json
new file mode 100644
index 0000000000..08b1465cd6
--- /dev/null
+++ b/types/got/v8/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "unified-signatures": false
+    }
+}
diff --git a/types/graphlib-dot/index.d.ts b/types/graphlib-dot/index.d.ts
new file mode 100644
index 0000000000..0a9eb1cb7a
--- /dev/null
+++ b/types/graphlib-dot/index.d.ts
@@ -0,0 +1,56 @@
+// Type definitions for graphlib-dot 0.6
+// Project: https://github.com/dagrejs/graphlib-dot
+// Definitions by: Dom Parfitt <https://github.com/DomParfitt>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { Graph } from 'graphlib';
+
+/**
+ * Reads a single DOT graph from the str and returns it a Graph representation.
+ * @param str a string in the DOT language representing a graph
+ */
+export function read(str: string): Graph;
+
+/**
+ * Parses one or more DOT graphs from str in a manner similar to that used by parse for individual graphs.
+ * @param str a string in the DOT language representing one or more graphs
+ */
+export function readMany(str: string): Graph[];
+
+/**
+ * Writes a String representation of the given graph in the DOT language.
+ * @param g a graphlib Graph object
+ */
+export function write(g: Graph): string;
+
+/**
+ * Contains the version of the graphlib library used by graphlib-dot.
+ */
+export const graphlib: any;
+
+declare global {
+    namespace graphlibDot {
+        /**
+         * Reads a single DOT graph from the str and returns it a Graph representation.
+         * @param str a string in the DOT language representing a graph
+         */
+        function read(str: string): Graph;
+
+        /**
+         * Parses one or more DOT graphs from str in a manner similar to that used by parse for individual graphs.
+         * @param str a string in the DOT language representing one or more graphs
+         */
+        function readMany(str: string): Graph[];
+
+        /**
+         * Writes a String representation of the given graph in the DOT language.
+         * @param g a graphlib Graph object
+         */
+        function write(g: Graph): string;
+
+        /**
+         * Contains the version of the graphlib library used by graphlib-dot.
+         */
+        const graphlib: any;
+    }
+}
diff --git a/types/graphlib-dot/test/graphlib-dot-global-tests.ts b/types/graphlib-dot/test/graphlib-dot-global-tests.ts
new file mode 100644
index 0000000000..7c427f21da
--- /dev/null
+++ b/types/graphlib-dot/test/graphlib-dot-global-tests.ts
@@ -0,0 +1,6 @@
+// Global tests
+const graph = graphlibDot.read('digraph {node 1}');
+
+const graphs = graphlibDot.readMany('digraph { node1 }');
+
+const dotStr = graphlibDot.write(graph);
diff --git a/types/graphlib-dot/test/graphlib-dot-tests.ts b/types/graphlib-dot/test/graphlib-dot-tests.ts
new file mode 100644
index 0000000000..138b9fdfe7
--- /dev/null
+++ b/types/graphlib-dot/test/graphlib-dot-tests.ts
@@ -0,0 +1,9 @@
+import { Graph } from "graphlib";
+import { read, readMany, write } from 'graphlib-dot';
+
+// Module tests
+const graph: Graph = read('digraph {node 1}');
+
+const graphs: Graph[] = readMany('digraph { node1 }');
+
+const dotStr: string = write(graph);
diff --git a/types/graphlib-dot/tsconfig.json b/types/graphlib-dot/tsconfig.json
new file mode 100644
index 0000000000..2e5efa560d
--- /dev/null
+++ b/types/graphlib-dot/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test/graphlib-dot-tests.ts",
+        "test/graphlib-dot-global-tests.ts"
+    ]
+}
diff --git a/types/graphlib-dot/tslint.json b/types/graphlib-dot/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/graphlib-dot/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/graphql-date/index.d.ts b/types/graphql-date/index.d.ts
index 4615d424a1..009adebff9 100644
--- a/types/graphql-date/index.d.ts
+++ b/types/graphql-date/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/tjmehta/graphql-date
 // Definitions by: Eric Naeseth <https://github.com/enaeseth>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { GraphQLScalarType } from 'graphql';
 
diff --git a/types/graphql-date/tsconfig.json b/types/graphql-date/tsconfig.json
index c55674e246..1db1103639 100644
--- a/types/graphql-date/tsconfig.json
+++ b/types/graphql-date/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-depth-limit/tsconfig.json b/types/graphql-depth-limit/tsconfig.json
index 5c59137102..cde0c3a496 100644
--- a/types/graphql-depth-limit/tsconfig.json
+++ b/types/graphql-depth-limit/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-iso-date/index.d.ts b/types/graphql-iso-date/index.d.ts
index 7f0731478e..24283e3d2f 100644
--- a/types/graphql-iso-date/index.d.ts
+++ b/types/graphql-iso-date/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/excitement-engineer/graphql-iso-date
 // Definitions by: Jason Waldrip <https://github.com/jwaldrip>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { GraphQLScalarType } from "graphql";
 
diff --git a/types/graphql-iso-date/tsconfig.json b/types/graphql-iso-date/tsconfig.json
index 1ea5d6fc91..09350f27bb 100644
--- a/types/graphql-iso-date/tsconfig.json
+++ b/types/graphql-iso-date/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-list-fields/index.d.ts b/types/graphql-list-fields/index.d.ts
index 362658deb9..b20bf869d6 100644
--- a/types/graphql-list-fields/index.d.ts
+++ b/types/graphql-list-fields/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/jakepusateri/graphql-list-fields#readme
 // Definitions by: Chris Filipowski <https://github.com/filipows>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { GraphQLResolveInfo } from "graphql";
 
diff --git a/types/graphql-list-fields/tsconfig.json b/types/graphql-list-fields/tsconfig.json
index 6f53c2c900..2f79913620 100644
--- a/types/graphql-list-fields/tsconfig.json
+++ b/types/graphql-list-fields/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-query-complexity/index.d.ts b/types/graphql-query-complexity/index.d.ts
index 4c5954fb4f..ba34b4f4e2 100644
--- a/types/graphql-query-complexity/index.d.ts
+++ b/types/graphql-query-complexity/index.d.ts
@@ -2,6 +2,6 @@
 // Project: https://github.com/ivome/graphql-query-complexity
 // Definitions by: Abhik Mitra <https://github.com/abhikmitra>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 import createQueryComplexityValidator from "./dist";
 export default createQueryComplexityValidator;
diff --git a/types/graphql-query-complexity/tsconfig.json b/types/graphql-query-complexity/tsconfig.json
index d706752c48..4dcc6586aa 100644
--- a/types/graphql-query-complexity/tsconfig.json
+++ b/types/graphql-query-complexity/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-relay/graphql-relay-tests.ts b/types/graphql-relay/graphql-relay-tests.ts
index cebc90e2ca..e490329b65 100644
--- a/types/graphql-relay/graphql-relay-tests.ts
+++ b/types/graphql-relay/graphql-relay-tests.ts
@@ -11,6 +11,7 @@ import {
     GraphQLInputFieldConfigMap,
     GraphQLNonNull,
     GraphQLID,
+    GraphQLInt
 } from "graphql";
 import {
     // Connections
@@ -30,18 +31,19 @@ import {
     // Mutations
     mutationWithClientMutationId,
 } from "graphql-relay";
+
 // Connections
 // connectionArgs returns the arguments that fields should provide when they return a connection type that supports bidirectional pagination.
-connectionArgs.first = 10;
-connectionArgs.after = "a";
-connectionArgs.before = "b";
-connectionArgs.last = 10;
+connectionArgs.first = { type: GraphQLInt };
+connectionArgs.after = { type: GraphQLString };
+connectionArgs.before = { type: GraphQLString };
+connectionArgs.last = { type: GraphQLInt };
 // forwardConnectionArgs returns the arguments that fields should provide when they return a connection type that only supports forward pagination.
-forwardConnectionArgs.after = "a";
-forwardConnectionArgs.first = 10;
+forwardConnectionArgs.after = { type: GraphQLString };
+forwardConnectionArgs.first = { type: GraphQLInt };
 // backwardConnectionArgs returns the arguments that fields should provide when they return a connection type that only supports backward pagination.
-backwardConnectionArgs.before = "b";
-backwardConnectionArgs.last = 10;
+backwardConnectionArgs.before = { type: GraphQLString };
+backwardConnectionArgs.last = { type: GraphQLInt };
 // connectionDefinitions returns a connectionType and its associated edgeType, given a node type.
 const resolve: GraphQLFieldResolver<any, any> = (source, args, context, info) => {
     context.flag = "f";
diff --git a/types/graphql-relay/index.d.ts b/types/graphql-relay/index.d.ts
index 87634b98c9..67edfa3df0 100644
--- a/types/graphql-relay/index.d.ts
+++ b/types/graphql-relay/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/graphql/graphql-relay-js
 // Definitions by: Arvitaly <https://github.com/arvitaly>, nitintutlani <https://github.com/nitintutlani>, Grelinfo <https://github.com/Grelinfo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import {
     GraphQLBoolean,
@@ -34,27 +34,20 @@ import {
  * whose return type is a connection type with forward pagination.
  */
 export interface ForwardConnectionArgs {
-    after?: ConnectionCursor | null;
-    first?: number | null;
+    after: { type: GraphQLScalarType };
+    first: { type: GraphQLScalarType };
 }
-export const forwardConnectionArgs: GraphQLFieldConfigArgumentMap & {
-    after?: ConnectionCursor | null;
-    first?: number | null;
-};
+export const forwardConnectionArgs: GraphQLFieldConfigArgumentMap & ForwardConnectionArgs;
 
 /**
  * Returns a GraphQLFieldConfigArgumentMap appropriate to include on a field
  * whose return type is a connection type with backward pagination.
  */
 export interface BackwardConnectionArgs {
-    before?: ConnectionCursor | null;
-    last?: number | null;
+    before: { type: GraphQLScalarType };
+    last: { type: GraphQLScalarType };
 }
-export const backwardConnectionArgs: GraphQLFieldConfigArgumentMap & {
-    before?: ConnectionCursor | null;
-    last?: number | null;
-};
-
+export const backwardConnectionArgs: GraphQLFieldConfigArgumentMap & BackwardConnectionArgs;
 /**
  * Returns a GraphQLFieldConfigArgumentMap appropriate to include on a field
  * whose return type is a connection type with bidirectional pagination.
diff --git a/types/graphql-relay/tsconfig.json b/types/graphql-relay/tsconfig.json
index bf5b3ba6b6..f10d183985 100644
--- a/types/graphql-relay/tsconfig.json
+++ b/types/graphql-relay/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-resolve-batch/index.d.ts b/types/graphql-resolve-batch/index.d.ts
index 9908b7082a..2baa60d248 100644
--- a/types/graphql-resolve-batch/index.d.ts
+++ b/types/graphql-resolve-batch/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/calebmer/graphql-resolve-batch#readme
 // Definitions by: Rutger Hendrickx <https://github.com/nayni>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { GraphQLResolveInfo } from 'graphql';
 
diff --git a/types/graphql-resolve-batch/tsconfig.json b/types/graphql-resolve-batch/tsconfig.json
index aa4ad6661d..ef3f8a1dc8 100644
--- a/types/graphql-resolve-batch/tsconfig.json
+++ b/types/graphql-resolve-batch/tsconfig.json
@@ -1,7 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": ["es6"],
+        "lib": ["es6", "esnext.asynciterable"],
         "strictFunctionTypes": true,
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql-resolvers/graphql-resolvers-tests.ts b/types/graphql-resolvers/graphql-resolvers-tests.ts
new file mode 100644
index 0000000000..3acb3ccf27
--- /dev/null
+++ b/types/graphql-resolvers/graphql-resolvers-tests.ts
@@ -0,0 +1,19 @@
+import {
+    combineResolvers,
+    pipeResolvers,
+    allResolvers,
+    resolveDependee,
+    resolveDependees,
+    isDependee,
+    skip
+} from "graphql-resolvers";
+
+const resolverOne = () => skip;
+const resolverTwo = () => skip;
+
+const combined = combineResolvers(resolverOne, resolverTwo);
+const piped = pipeResolvers(resolverOne, resolverTwo);
+const all = allResolvers([resolverOne, resolverTwo]);
+const dependee = resolveDependee("resolverOne");
+const dependees = resolveDependees(["resolverOne", "resolverTwo"]);
+const isDependent = isDependee(resolverOne);
diff --git a/types/graphql-resolvers/index.d.ts b/types/graphql-resolvers/index.d.ts
new file mode 100644
index 0000000000..292c22cf73
--- /dev/null
+++ b/types/graphql-resolvers/index.d.ts
@@ -0,0 +1,37 @@
+// Type definitions for graphql-resolvers 0.2
+// Project: https://github.com/lucasconstantino/graphql-resolvers#readme
+// Definitions by: Mike Engel <https://github.com/mike-engel>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+import { IFieldResolver } from "graphql-tools";
+
+export const skip: undefined;
+
+export interface TArgs {
+    [argument: string]: any;
+}
+
+export function combineResolvers<TSource = any, TContext = any>(
+    ...resolvers: Array<IFieldResolver<TSource, TContext, TArgs>>
+): IFieldResolver<TSource, TContext, TArgs>;
+
+export function pipeResolvers<TSource = any, TContext = any>(
+    ...resolvers: Array<IFieldResolver<TSource, TContext, TArgs>>
+): IFieldResolver<TSource, TContext, TArgs>;
+
+export function allResolvers<TSource = any, TContext = any>(
+    resolvers: Array<IFieldResolver<TSource, TContext, TArgs>>
+): IFieldResolver<TSource, TContext, TArgs>;
+
+export function resolveDependee(
+    dependeeName: string
+): IFieldResolver<any, any, TArgs>;
+
+export function resolveDependees(
+    dependeeNames: string[]
+): IFieldResolver<any, any, TArgs>;
+
+export function isDependee<TSource = any, TContext = any>(
+    resolver: IFieldResolver<TSource, TContext, TArgs>
+): IFieldResolver<TSource, TContext, TArgs>;
diff --git a/types/babel__parser/package.json b/types/graphql-resolvers/package.json
similarity index 56%
rename from types/babel__parser/package.json
rename to types/graphql-resolvers/package.json
index c2ca8a8f9b..a3e9046d27 100644
--- a/types/babel__parser/package.json
+++ b/types/graphql-resolvers/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "@babel/types": "^7.0.0-beta.54"
+        "graphql-tools": "^4.0.2"
     }
 }
diff --git a/types/graphql-resolvers/tsconfig.json b/types/graphql-resolvers/tsconfig.json
new file mode 100644
index 0000000000..602aa171ad
--- /dev/null
+++ b/types/graphql-resolvers/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "esnext.asynciterable"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "graphql-resolvers-tests.ts"]
+}
diff --git a/types/graphql-resolvers/tslint.json b/types/graphql-resolvers/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/graphql-resolvers/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/graphql-type-json/index.d.ts b/types/graphql-type-json/index.d.ts
index 2b10599e0e..a6a8ec87ee 100644
--- a/types/graphql-type-json/index.d.ts
+++ b/types/graphql-type-json/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/taion/graphql-type-json#readme
 // Definitions by: Pavel Ivanov <https://github.com/schfkt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import { GraphQLScalarType } from "graphql";
 
diff --git a/types/graphql-type-json/tsconfig.json b/types/graphql-type-json/tsconfig.json
index 479196f574..e0bed0c4f7 100644
--- a/types/graphql-type-json/tsconfig.json
+++ b/types/graphql-type-json/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/graphql/index.d.ts b/types/graphql/index.d.ts
index 4adbf97ab3..0b87d35222 100644
--- a/types/graphql/index.d.ts
+++ b/types/graphql/index.d.ts
@@ -15,8 +15,9 @@
 //                 Divyendu Singh <https://github.com/divyenduz>
 //                 Brad Zacher <https://github.com/bradzacher>
 //                 Curtis Layne <https://github.com/clayne11>
+//                 Jonathan Cardoso <https://github.com/JCMais>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 // The primary entry point into fulfilling a GraphQL request.
 export { graphql, graphqlSync, GraphQLArgs } from "./graphql";
diff --git a/types/graphql/tslint.json b/types/graphql/tslint.json
index 2750cc0197..9e6ea4e366 100644
--- a/types/graphql/tslint.json
+++ b/types/graphql/tslint.json
@@ -1 +1,20 @@
-{ "extends": "dtslint/dt.json" }
\ No newline at end of file
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "array-type": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "no-any-union": false,
+        "no-consecutive-blank-lines": false,
+        "no-duplicate-imports": false,
+        "no-empty-interface": false,
+        "no-redundant-undefined": false,
+        "no-unnecessary-generics": false,
+        "semicolon": false,
+        "strict-export-declare-modifiers": false,
+        "unified-signatures": false,
+        "use-default-type-parameter": false,
+        "void-return": false
+    }
+}
diff --git a/types/graphql/type/definition.d.ts b/types/graphql/type/definition.d.ts
index 238446fb4c..1df7c85690 100644
--- a/types/graphql/type/definition.d.ts
+++ b/types/graphql/type/definition.d.ts
@@ -154,14 +154,21 @@ export function assertAbstractType(type: any): GraphQLAbstractType;
  *     })
  *
  */
-export class GraphQLList<T extends GraphQLType> {
+interface GraphQLList<T extends GraphQLType> {
     readonly ofType: T;
-    constructor(ofType: T);
     toString(): string;
     toJSON(): string;
     inspect(): string;
 }
 
+
+interface _GraphQLList<T extends GraphQLType> {
+    (type: T): GraphQLList<T>;
+    new (type: T): GraphQLList<T>;
+}
+
+export const GraphQLList: _GraphQLList<GraphQLType>;
+
 /**
  * Non-Null Modifier
  *
@@ -182,14 +189,20 @@ export class GraphQLList<T extends GraphQLType> {
  *
  * Note: the enforcement of non-nullability occurs within the executor.
  */
-export class GraphQLNonNull<T extends GraphQLNullableType> {
+interface GraphQLNonNull<T extends GraphQLNullableType> {
     readonly ofType: T;
-    constructor(ofType: T);
     toString(): string;
     toJSON(): string;
     inspect(): string;
 }
 
+interface _GraphQLNonNull<T extends GraphQLNullableType> {
+    (type: T): GraphQLNonNull<T>;
+    new (type: T): GraphQLNonNull<T>;
+}
+
+export const GraphQLNonNull: _GraphQLNonNull<GraphQLNullableType>;
+
 export type GraphQLWrappingType = GraphQLList<any> | GraphQLNonNull<any>;
 
 export function isWrappingType(type: any): type is GraphQLWrappingType;
diff --git a/types/gridstack/gridstack-tests.ts b/types/gridstack/gridstack-tests.ts
index 2cf6079b53..8bce2b6a69 100644
--- a/types/gridstack/gridstack-tests.ts
+++ b/types/gridstack/gridstack-tests.ts
@@ -7,7 +7,7 @@
 // Definitions by: Pascal Senn <https://github.com/PascalSenn/>, Ricky Blankenaufulland <https://github.com/ZoolWay/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-var options = <IGridstackOptions> {
+var options: IGridstackOptions = {
     float: true
 };
 var element: JQuery = $(document).gridstack(options);
diff --git a/types/grunt/grunt-tests.ts b/types/grunt/grunt-tests.ts
index d4027da3fb..7dd6dcf47c 100644
--- a/types/grunt/grunt-tests.ts
+++ b/types/grunt/grunt-tests.ts
@@ -133,4 +133,9 @@ exports.exports = function(grunt: IGrunt) {
 let myTest = function (grunt: IGrunt) {
     grunt.file.expand(['*.ts']);
     grunt.file.expand('*.ts');
+
+    // 'cwd' in options, and string pattern
+    grunt.file.expand({
+        cwd: '.'
+    }, '*.ts');
 }
diff --git a/types/grunt/index.d.ts b/types/grunt/index.d.ts
index 5187e5e965..15fd9f0959 100644
--- a/types/grunt/index.d.ts
+++ b/types/grunt/index.d.ts
@@ -446,7 +446,7 @@ declare namespace grunt {
              * grunt.file.setBase or the --base command-line option.
              */
             expand(patterns: string | string[]): string[];
-            expand(options: IFilesConfig, patterns: string[]): string[];
+            expand(options: IFilesConfig, patterns: string | string[]): string[];
 
             /**
              * Returns an array of src-dest file mapping objects.
@@ -595,6 +595,12 @@ declare namespace grunt {
             // filter?: string
             // filter?: (src: string) => boolean
             filter?: any;
+
+            /**
+             * Patterns will be matched relative to this path, and all returned filepaths will
+             * also be relative to this path.
+             */
+            cwd?: string;
         }
 
         /**
diff --git a/types/gsap/Animation.d.ts b/types/gsap/Animation.d.ts
index 3c58f9b12a..8744e205bf 100644
--- a/types/gsap/Animation.d.ts
+++ b/types/gsap/Animation.d.ts
@@ -1,9 +1,14 @@
 declare namespace gsap {
-    export class Animation {
-        /** Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing core methods/properties/() => voidality, but there is no reason to create an instance of this class directly. */
+    class Animation {
+        /**
+         * Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing core methods/properties/() => voidality, but there is no reason to create an instance of this
+         * class directly.
+         */
         constructor(duration?: number, vars?: any);
 
-        /** A place to store any data you want (initially populated with vars.data if it exists). */
+        /**
+         * A place to store any data you want (initially populated with vars.data if it exists).
+         */
         data: any;
 
         /** [Read-only] Parent timeline. */
@@ -20,14 +25,23 @@ declare namespace gsap {
         duration(): number;
         duration(value: number): Animation;
 
-        /** Gets or sets an event callback like "onComplete", "onUpdate", "onStart", "onReverseComplete" or "onRepeat" (onRepeat only applies to TweenMax or TimelineMax instances) along with any parameters that should be passed to that callback. */
+        /**
+         * Gets or sets an event callback like "onComplete", "onUpdate", "onStart", "onReverseComplete" or "onRepeat" (onRepeat only applies to TweenMax or TimelineMax instances) along with any
+         * parameters that should be passed to that callback.
+         */
         eventCallback(type: string): () => void;
         eventCallback(type: string, callback: () => void, params?: any[], scope?: any): Animation;
 
-        /** Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously recorded starting values. */
+        /**
+         * Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously recorded
+         * starting values.
+         */
         invalidate(): Animation;
 
-        /** Indicates whether or not the animation is currently active (meaning the virtual playhead is actively moving across this instance's time span and it is not paused, nor are any of its ancestor timelines). */
+        /**
+         * Indicates whether or not the animation is currently active (meaning the virtual playhead is actively moving across this instance's time span and it is not paused, nor are any of its
+         * ancestor timelines).
+         */
         isActive(): boolean;
 
         /** Kills the animation entirely or in part depending on the parameters. */
@@ -43,7 +57,10 @@ declare namespace gsap {
         /** Begins playing forward, optionally from a specific time (by default playback begins from wherever the playhead currently is). */
         play(from?: any, suppressEvents?: boolean): Animation;
 
-        /** Gets or sets the animations's progress which is a value between 0 and 1 indicating the position of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is at the halfway point, and 1 is at the end (complete). */
+        /**
+         * Gets or sets the animations's progress which is a value between 0 and 1 indicating the position of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is at the
+         * halfway point, and 1 is at the end (complete).
+         */
         progress(): number;
         progress(value: number, suppressEvents?: boolean): Animation;
 
@@ -67,7 +84,10 @@ declare namespace gsap {
         startTime(): number;
         startTime(value: number): Animation;
 
-        /** Gets or sets the local position of the playhead (essentially the current time), described in seconds (or frames for frames-based animations) which will never be less than 0 or greater than the animation's duration. */
+        /**
+         * Gets or sets the local position of the playhead (essentially the current time), described in seconds (or frames for frames-based animations) which will never be less than 0 or greater
+         * than the animation's duration.
+         */
         time(): number;
         time(value: number, suppressEvents?: boolean): Animation;
 
@@ -79,7 +99,10 @@ declare namespace gsap {
         totalDuration(): number;
         totalDuration(value: number): Animation;
 
-        /** Gets or sets the animation's total progress which is a value between 0 and 1 indicating the position of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is at the halfway point, and 1 is at the end (complete). */
+        /**
+         * Gets or sets the animation's total progress which is a value between 0 and 1 indicating the position of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is at
+         * the halfway point, and 1 is at the end (complete).
+         */
         totalProgress(): number;
         totalProgress(value: number, suppressEvents?: boolean): Animation;
 
diff --git a/types/gsap/Ease.d.ts b/types/gsap/Ease.d.ts
index ea2d7e1d84..56603b5ed1 100644
--- a/types/gsap/Ease.d.ts
+++ b/types/gsap/Ease.d.ts
@@ -1,52 +1,51 @@
 declare namespace gsap {
-    export class Ease {
+    class Ease {
         constructor(func?: () => void, extraParams?: any[], type?: number, power?: number);
 
         /** Translates the tween's progress ratio into the corresponding ease ratio. */
         getRatio(p: number): number;
     }
 
-    export class EaseLookup {
-        static find(name: string): Ease;
+    interface EaseLookup {
+        find(name: string): Ease;
     }
 
-    export class Back extends Ease {
+    class Back extends Ease {
         static easeIn: Back;
         static easeInOut: Back;
         static easeOut: Back;
         config(overshoot: number): Elastic;
-
     }
-    export class Bounce extends Ease {
+    class Bounce extends Ease {
         static easeIn: Bounce;
         static easeInOut: Bounce;
         static easeOut: Bounce;
     }
-    export class Circ extends Ease {
+    class Circ extends Ease {
         static easeIn: Circ;
         static easeInOut: Circ;
         static easeOut: Circ;
     }
-    export class Cubic extends Ease {
+    class Cubic extends Ease {
         static easeIn: Cubic;
         static easeInOut: Cubic;
         static easeOut: Cubic;
     }
 
-    export class Elastic extends Ease {
+    class Elastic extends Ease {
         static easeIn: Elastic;
         static easeInOut: Elastic;
         static easeOut: Elastic;
         config(amplitude: number, period: number): Elastic;
     }
 
-    export class Expo extends Ease {
+    class Expo extends Ease {
         static easeIn: Expo;
         static easeInOut: Expo;
         static easeOut: Expo;
     }
 
-    export class Linear extends Ease {
+    class Linear extends Ease {
         static ease: Linear;
         static easeIn: Linear;
         static easeInOut: Linear;
@@ -54,60 +53,59 @@ declare namespace gsap {
         static easeOut: Linear;
     }
 
-    export class Quad extends Ease {
+    class Quad extends Ease {
         static easeIn: Quad;
         static easeInOut: Quad;
         static easeOut: Quad;
     }
 
-    export class Quart extends Ease {
+    class Quart extends Ease {
         static easeIn: Quart;
         static easeInOut: Quart;
         static easeOut: Quart;
     }
 
-    export class Quint extends Ease {
+    class Quint extends Ease {
         static easeIn: Quint;
         static easeInOut: Quint;
         static easeOut: Quint;
     }
 
-    export class Sine extends Ease {
+    class Sine extends Ease {
         static easeIn: Sine;
         static easeInOut: Sine;
         static easeOut: Sine;
     }
 
-    export class SlowMo extends Ease {
+    class SlowMo extends Ease {
         static ease: SlowMo;
         config(linearRatio: number, power: number, yoyoMode: boolean): SlowMo;
     }
 
-    export class SteppedEase extends Ease {
+    class SteppedEase extends Ease {
         constructor(staps: number);
         config(steps: number): SteppedEase;
     }
 
-    export interface RoughEaseConfig {
+    interface RoughEaseConfig {
         clamp?: boolean;
         points?: number;
         randomize?: boolean;
         strength?: number;
-        taper?: 'in' | 'out' | 'both' | 'none';
+        taper?: "in" | "out" | "both" | "none";
         template?: Ease;
     }
 
-    export class RoughEase extends Ease {
+    class RoughEase extends Ease {
         static ease: RoughEase;
         constructor(vars: RoughEaseConfig);
         config(steps?: number): RoughEase;
     }
 
-
-    export var Power0: typeof Linear;
-    export var Power1: typeof Quad;
-    export var Power2: typeof Cubic;
-    export var Power3: typeof Quart;
-    export var Power4: typeof Quint;
-    export var Strong: typeof Quint;
+    const Power0: typeof Linear;
+    const Power1: typeof Quad;
+    const Power2: typeof Cubic;
+    const Power3: typeof Quart;
+    const Power4: typeof Quint;
+    const Strong: typeof Quint;
 }
diff --git a/types/gsap/Plugins.d.ts b/types/gsap/Plugins.d.ts
index d7ceca7bf8..3d6e3db73e 100644
--- a/types/gsap/Plugins.d.ts
+++ b/types/gsap/Plugins.d.ts
@@ -1,15 +1,15 @@
 declare namespace gsap {
-    export interface BezierPlugin extends TweenPlugin {
+    interface BezierPlugin extends TweenPlugin {
         bezierThrough(values: any[], curviness?: number, quadratic?: boolean, correlate?: string, prepend?: {}, calcDifs?: boolean): {};
         cubicToQuadratic(a: number, b: number, c: number, d: number): any[];
         quadraticToCubic(a: number, b: number, c: number): {};
     }
 
-    export interface CSSRulePlugin extends TweenPlugin {
+    interface CSSRulePlugin extends TweenPlugin {
         getRule(selector: string): {};
     }
 
-    export interface TweenPlugin {
+    interface TweenPlugin {
         activate(plugins: any[]): boolean;
     }
 }
diff --git a/types/gsap/Timeline.d.ts b/types/gsap/Timeline.d.ts
index 9d14b2d4c5..60292e354d 100644
--- a/types/gsap/Timeline.d.ts
+++ b/types/gsap/Timeline.d.ts
@@ -1,8 +1,11 @@
 declare namespace gsap {
-    export type Timeline = SimpleTimeline | TimelineLite | TimelineMax;
+    type Timeline = SimpleTimeline | TimelineLite | TimelineMax;
 
-    export class SimpleTimeline extends Animation {
-        /** SimpleTimeline is the base class for TimelineLite and TimelineMax, providing the most basic timeline () => voidality and it is used for the root timelines in TweenLite but is only intended for internal use in the GreenSock tweening platform. It is meant to be very fast and lightweight. */
+    class SimpleTimeline extends Animation {
+        /**
+         * SimpleTimeline is the base class for TimelineLite and TimelineMax, providing the most basic timeline () => voidality and it is used for the root timelines in TweenLite but is only
+         * intended for internal use in the GreenSock tweening platform. It is meant to be very fast and lightweight.
+         */
         constructor(vars?: any);
 
         /** If true, child tweens/timelines will be removed as soon as they complete. */
@@ -18,7 +21,7 @@ declare namespace gsap {
         render(time: number, suppressEvents?: boolean, force?: boolean): SimpleTimeline;
     }
 
-    export class TimelineLite extends SimpleTimeline {
+    class TimelineLite extends SimpleTimeline {
         constructor(vars?: {});
 
         /** Adds a tween, timeline, callback, or label (or an array of them) to the timeline. */
@@ -30,7 +33,10 @@ declare namespace gsap {
         /** Inserts a special callback that pauses playback of the timeline at a particular time or label. */
         addPause(position?: any, callback?: () => void, params?: any[], scope?: any): TimelineLite;
 
-        /** Adds a callback to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.delayedCall(...) ) but with less code. */
+        /**
+         * Adds a callback to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as
+         * add( TweenLite.delayedCall(...) ) but with less code.
+         */
         call(callback: () => void, params?: any[], scope?: any, position?: any): TimelineLite;
 
         /** Empties the timeline of all tweens, timelines, and callbacks (and optionally labels too). */
@@ -39,10 +45,16 @@ declare namespace gsap {
         /** Returns the time at which the animation will finish according to the parent timeline's local time. */
         endTime(includeRepeats?: boolean): number;
 
-        /** Seamlessly transfers all tweens, timelines, and [optionally] delayed calls from the root timeline into a new TimelineLite so that you can perform advanced tasks on a seemingly global basis without affecting tweens/timelines that you create after the export. */
+        /**
+         * Seamlessly transfers all tweens, timelines, and [optionally] delayed calls from the root timeline into a new TimelineLite so that you can perform advanced tasks on a seemingly global
+         * basis without affecting tweens/timelines that you create after the export.
+         */
         static exportRoot(vars?: {}, omitDelayedCalls?: boolean): TimelineLite;
 
-        /** Adds a TweenLite.from() tween to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.from(...) ) but with less code. */
+        /**
+         * Adds a TweenLite.from() tween to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as
+         * add( TweenLite.from(...) ) but with less code.
+         */
         from(target: {}, duration: number, vars: {}, position?: any): TimelineLite;
 
         /** Adds a TweenLite.fromTo() tween to the end of the timeline - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.fromTo(...) ) but with less code. */
@@ -57,7 +69,10 @@ declare namespace gsap {
         /** Returns the tweens of a particular object that are inside this timeline. */
         getTweensOf(target: {}, nested?: boolean): Tween[];
 
-        /** Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously recorded starting values. */
+        /**
+         * Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously recorded
+         * starting values.
+         */
         invalidate(): TimelineLite;
 
         /** Returns the most recently added child tween/timeline/callback regardless of its position in the timeline. */
@@ -72,22 +87,65 @@ declare namespace gsap {
         /** Jumps to a specific time (or label) without affecting whether or not the instance is paused or reversed. */
         seek(position: string | number, supressEvents: boolean): TimelineLite;
 
-        /** Adds a zero-duration tween to the end of the timeline (or elsewhere using the "position" parameter) that sets values immediately (when the virtual playhead reaches that position on the timeline) - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.to(target, 0, {...}) ) but with less code. */
+        /**
+         * Adds a zero-duration tween to the end of the timeline (or elsewhere using the "position" parameter) that sets values immediately (when the virtual playhead reaches that
+         * position on the timeline) - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.to(target, 0, {...}) ) but with less code.
+         */
         set(target: {}, vars: {}, position?: any): TimelineLite;
 
         /** Shifts the startTime of the timeline's children by a certain amount and optionally adjusts labels too. */
         shiftChildren(amount: number, adjustLabels?: boolean, ignoreBeforeTime?: number): TimelineLite;
 
-        /** Tweens an array of targets from a common set of destination values (using the current values as the destination), but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        staggerFrom(targets: any, duration: number, vars: {}, stagger?: number, position?: any, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteScope?: any): TimelineLite;
+        /**
+         * Tweens an array of targets from a common set of destination values (using the current values as the destination), but staggers their start times by a specified amount of time,
+         * creating an evenly-spaced sequence with a surprisingly small amount of code.
+         */
+        staggerFrom(
+            targets: any,
+            duration: number,
+            vars: {},
+            stagger?: number,
+            position?: any,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteScope?: any
+        ): TimelineLite;
 
-        /** Tweens an array of targets from and to a common set of values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        staggerFromTo(targets: any, duration: number, fromVars: {}, toVars: {}, stagger?: number, position?: any, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteAllScope?: any): TimelineLite;
+        /**
+         * Tweens an array of targets from and to a common set of values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly
+         * small amount of code.
+         */
+        staggerFromTo(
+            targets: any,
+            duration: number,
+            fromVars: {},
+            toVars: {},
+            stagger?: number,
+            position?: any,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteAllScope?: any
+        ): TimelineLite;
 
-        /** Tweens an array of targets to a common set of destination values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        staggerTo(targets: any, duration: number, vars: {}, stagger: number, position?: any, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteAllScope?: any): TimelineLite;
+        /**
+         * Tweens an array of targets to a common set of destination values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly
+         * small amount of code.
+         */
+        staggerTo(
+            targets: any,
+            duration: number,
+            vars: {},
+            stagger: number,
+            position?: any,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteAllScope?: any
+        ): TimelineLite;
 
-        /** Adds a TweenLite.to() tween to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as add( TweenLite.to(...) ) but with less code. */
+        /**
+         * Adds a TweenLite.to() tween to the end of the timeline (or elsewhere using the "position" parameter) - this is a convenience method that accomplishes exactly the same thing as
+         * add( TweenLite.to(...) ) but with less code.
+         */
         to(target: {}, duration: number, vars: {}, position?: any): TimelineLite;
         usesFrames(): boolean;
 
@@ -95,7 +153,7 @@ declare namespace gsap {
         useFrames(): boolean;
     }
 
-    export class TimelineMax extends TimelineLite {
+    class TimelineMax extends TimelineLite {
         constructor(vars?: {});
 
         addCallback(callback: () => void, position: any, params?: any[], scope?: any): TimelineMax;
@@ -104,7 +162,7 @@ declare namespace gsap {
         getActive(nested?: boolean, tweens?: boolean, timelines?: boolean): Tween | Timeline[];
         getLabelAfter(time: number): string;
         getLabelBefore(time: number): string;
-        getLabelsArray(): Array<{ name: string; time: number; }>;
+        getLabelsArray(): Array<{ name: string; time: number }>;
         removeCallback(callback: () => void, timeOrLabel?: any): TimelineMax;
         removePause(position: any): TimelineMax;
         repeat(): number;
diff --git a/types/gsap/Tween.d.ts b/types/gsap/Tween.d.ts
index b11260ef4c..11de164f00 100644
--- a/types/gsap/Tween.d.ts
+++ b/types/gsap/Tween.d.ts
@@ -1,6 +1,6 @@
 declare namespace gsap {
-    export type Tween = TweenLite | TweenMax;
-    export class TweenLite extends Animation {
+    type Tween = TweenLite | TweenMax;
+    class TweenLite extends Animation {
         constructor(target: any, duration: number, vars: any);
 
         /** Provides An easy way to change the default easing equation. */
@@ -15,22 +15,37 @@ declare namespace gsap {
         /** Target object (or array of objects) whose properties the tween affects. */
         readonly target: any;
 
-        /** The object that dispatches a "tick" event each time the engine updates, making it easy for you to add your own listener(s) to run custom logic after each update (great for game developers). */
+        /**
+         * The object that dispatches a "tick" event each time the engine updates, making it easy for you to add your own listener(s) to run custom logic after each update
+         * (great for game developers).
+         */
         static ticker: any;
 
         /** Provides a simple way to call a () => void after a set amount of time (or frames). */
         static delayedCall(delay: number, callback: () => void, params?: any[], scope?: any, useFrames?: boolean): TweenLite;
 
-        /** Static method for creating a TweenLite instance that tweens backwards - you define the BEGINNING values and the current values are used as the destination values which is great for doing things like animating objects onto the screen because you can set them up initially the way you want them to look at the end of the tween and then animate in from elsewhere. */
+        /**
+         * Static method for creating a TweenLite instance that tweens backwards - you define the BEGINNING values and the current values are used as the destination values which is great for doing
+         * things like animating objects onto the screen because you can set them up initially the way you want them to look at the end of the tween and then animate in from elsewhere.
+         */
         static from(target: any, duration: number, vars: any): TweenLite;
 
-        /** Static method for creating a TweenLite instance that allows you to define both the starting and ending values (as opposed to to() and from() tweens which are based on the target's current values at one end or the other). */
+        /**
+         * Static method for creating a TweenLite instance that allows you to define both the starting and ending values (as opposed to to() and from() tweens which are based on the target's
+         * current values at one end or the other).
+         */
         static fromTo(target: any, duration: number, fromVars: any, toVars: any): TweenLite;
 
-        /** Returns an array containing all the tweens of a particular target (or group of targets) that have not been released for garbage collection yet which typically happens within a few seconds after the tween completes. */
+        /**
+         * Returns an array containing all the tweens of a particular target (or group of targets) that have not been released for garbage collection yet which typically happens within a few
+         * seconds after the tween completes.
+         */
         static getTweensOf(target: any, onlyActive?: boolean): TweenLite[];
 
-        /** [override] Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously recorded starting values. */
+        /**
+         * [override] Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example, you want to restart a tween without reverting to any previously
+         * recorded starting values.
+         */
         invalidate(): TweenLite;
 
         /** Immediately kills all of the delayedCalls to a particular () => void. */
@@ -42,7 +57,10 @@ declare namespace gsap {
         /** Permits you to control what happens when too much time elapses between two ticks (updates) of the engine, adjusting the core timing mechanism to compensate and avoid "jumps". */
         static lagSmoothing(threshold: number, adjustedLag: number): void;
 
-        /** Forces a render of all active tweens which can be useful if, for example, you set up a bunch of from() tweens and then you need to force an immediate render (even of "lazy" tweens) to avoid a brief delay before things render on the very next tick. */
+        /**
+         * Forces a render of all active tweens which can be useful if, for example, you set up a bunch of from() tweens and then you need to force an immediate render (even of "lazy" tweens) to
+         * avoid a brief delay before things render on the very next tick.
+         */
         static render(): void;
 
         /** Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more intuitive name. */
@@ -52,26 +70,35 @@ declare namespace gsap {
         static to(target: any, duration: number, vars: any): TweenLite;
     }
 
-    export class TweenMax extends TweenLite {
+    class TweenMax extends TweenLite {
         constructor(target: {}, duration: number, vars: {});
 
         /** Provides a simple way to call a () => void after a set amount of time (or frames). */
         static delayedCall(delay: number, callback: () => void, params?: any[], scope?: {}, useFrames?: boolean): TweenMax;
 
-        /** Static method for creating a TweenMax instance that tweens backwards - you define the BEGINNING values and the current values are used as the destination values which is great for doing things like animating objects onto the screen because you can set them up initially the way you want them to look at the end of the tween and then animate in from elsewhere. */
+        /**
+         * Static method for creating a TweenMax instance that tweens backwards - you define the BEGINNING values and the current values are used as the destination values which is great for
+         * doing things like animating objects onto the screen because you can set them up initially the way you want them to look at the end of the tween and then animate in from elsewhere.
+         */
         static from(target: {}, duration: number, vars: {}): TweenMax;
 
-        /** Static method for creating a TweenMax instance that allows you to define both the starting and ending values (as opposed to to() and from() tweens which are based on the target's current values at one end or the other). */
+        /**
+         * Static method for creating a TweenMax instance that allows you to define both the starting and ending values (as opposed to to() and from() tweens which are based on the target's
+         * current values at one end or the other).
+         */
         static fromTo(target: {}, duration: number, fromVars: {}, toVars: {}): TweenMax;
 
         /** Returns an array containing all tweens (and optionally timelines too, excluding the root timelines). */
         static getAllTweens(includeTimelines?: boolean): Tween[];
 
-        /** Returns an array containing all the tweens of a particular target (or group of targets) that have not been released for garbage collection yet which typically happens within a few seconds after the tween completes. */
+        /**
+         * Returns an array containing all the tweens of a particular target (or group of targets) that have not been released for garbage collection yet which typically happens within a
+         * few seconds after the tween completes.
+         */
         static getTweensOf(target: {}): Tween[];
 
         /** Gets or sets the global timeScale which is a multiplier that affects ALL animations equally. This is a great way to globally speed up or slow down all animations at once. */
-        static globalTimeScale(value: number): void;
+        static globalTimeScale(value?: number): number;
 
         /** Reports whether or not a particular object is actively tweening. */
         static isTweening(target: {}): boolean;
@@ -91,7 +118,10 @@ declare namespace gsap {
         /** Pauses all tweens and/or delayedCalls/callbacks and/or timelines. */
         static pauseAll(tweens?: boolean, delayedCalls?: boolean, timelines?: boolean): void;
 
-        /**  Gets or sets the tween's progress which is a value between 0 and 1 indicating the position of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is halfway complete, and 1 is complete. */
+        /**
+         * Gets or sets the tween's progress which is a value between 0 and 1 indicating the position of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is halfway
+         * complete, and 1 is complete.
+         */
         repeat(): number;
         repeat(value: number): TweenMax;
 
@@ -105,14 +135,48 @@ declare namespace gsap {
         /** Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more intuitive name. */
         static set(target: {}, vars: {}): TweenMax;
 
-        /** Tweens an array of targets from a common set of destination values (using the current values as the destination), but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        static staggerFrom(targets: any, duration: number, vars: {}, stagger: number, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
+        /**
+         * Tweens an array of targets from a common set of destination values (using the current values as the destination), but staggers their start times by a specified amount of time, creating
+         * an evenly-spaced sequence with a surprisingly small amount of code.
+         */
+        static staggerFrom(
+            targets: any,
+            duration: number,
+            vars: {},
+            stagger: number,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteAllScope?: any
+        ): any[];
 
-        /** Tweens an array of targets from a common set of destination values to a common set of destination values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        static staggerFromTo(targets: any, duration: number, fromVars: {}, toVars: {}, stagger: number, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
+        /**
+         * Tweens an array of targets from a common set of destination values to a common set of destination values, but staggers their start times by a specified amount of time, creating an
+         * evenly-spaced sequence with a surprisingly small amount of code.
+         */
+        static staggerFromTo(
+            targets: any,
+            duration: number,
+            fromVars: {},
+            toVars: {},
+            stagger: number,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteAllScope?: any
+        ): any[];
 
-        /** Tweens an array of targets to a common set of destination values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly small amount of code. */
-        static staggerTo(targets: any, duration: number, vars: {}, stagger: number, onCompleteAll?: () => void, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
+        /**
+         * Tweens an array of targets to a common set of destination values, but staggers their start times by a specified amount of time, creating an evenly-spaced sequence with a surprisingly
+         * small amount of code.
+         */
+        static staggerTo(
+            targets: any,
+            duration: number,
+            vars: {},
+            stagger: number,
+            onCompleteAll?: () => void,
+            onCompleteAllParams?: any[],
+            onCompleteAllScope?: any
+        ): any[];
 
         /** Static method for creating a TweenMax instance that animates to the specified destination values (from the current values). */
         static to(target: {}, duration: number, vars: TweenConfig): TweenMax;
diff --git a/types/gsap/TweenConfig.d.ts b/types/gsap/TweenConfig.d.ts
index 33cde9c6ae..38b00404e6 100644
--- a/types/gsap/TweenConfig.d.ts
+++ b/types/gsap/TweenConfig.d.ts
@@ -1,10 +1,11 @@
 declare namespace gsap {
-    export interface TweenConfig {
-
+    interface TweenConfig {
         /** Any tweenable property */
         [p: string]: any;
 
-        /** Amount of delay in seconds (or frames for frames-based tweens) before the animation should begin.*/
+        /**
+         * Amount of delay in seconds (or frames for frames-based tweens) before the animation should begin.
+         */
         delay?: number;
 
         /** Ease (or () => void or String) - You can choose from various eases to control the rate of change during the animation, giving it a specific "feel". */
@@ -15,7 +16,10 @@ declare namespace gsap {
         /** If true, the tween will pause itself immediately upon creation. */
         paused?: boolean;
 
-        /**  Controls how (and if) other tweens of the same target are overwritten. There are several modes to choose from, but "auto" is the default (although you can change the default mode using theTweenLite.defaultOverwrite property) */
+        /**
+         * Controls how (and if) other tweens of the same target are overwritten. There are several modes to choose from, but "auto" is the default (although you can change the default mode using
+         * theTweenLite.defaultOverwrite property)
+         */
         overwrite?: string | number;
 
         /**  A () => void that should be called when the animation has completed. */
@@ -27,7 +31,11 @@ declare namespace gsap {
         /** Defines the scope of the onComplete () => void (what "this" refers to inside that () => void). */
         onCompleteScope?: {};
 
-        /** Normally when you create a tween, it begins rendering on the very next frame (update cycle) unless you specify a delay. However, if you prefer to force the tween to render immediately when it is created, setimmediateRender to true. Or to prevent a from() from rendering immediately, set immediateRender to false. By default, from() tweens set immediateRender to true. */
+        /**
+         * Normally when you create a tween, it begins rendering on the very next frame (update cycle) unless you specify a delay. However, if you prefer to force the tween to render
+         * immediately when it is created, setimmediateRender to true. Or to prevent a from() from rendering immediately, set immediateRender to false. By default, from() tweens set
+         * immediateRender to true.
+         */
         immediateRender?: boolean;
 
         /** A () => void that should be called when the tween has reached its beginning again from the reverse direction. */
@@ -57,10 +65,19 @@ declare namespace gsap {
         /** Defines the scope of the onUpdate () => void (what "this" refers to inside that () => void). */
         onUpdateScope?: {};
 
-        /** If useFrames is true, the tweens's timing will be based on frames instead of seconds because it is intially added to the root frames-based timeline. This causes both its duration and delay to be based on frames. An animations's timing mode is always determined by its parent timeline. */
+        /**
+         * If useFrames is true, the tweens's timing will be based on frames instead of seconds because it is intially added to the root frames-based timeline. This causes both its duration and
+         * delay to be based on frames. An animations's timing mode is always determined by its parent timeline.
+         */
         useFrames?: boolean;
 
-        /** When a tween renders for the very first time and reads its starting values, GSAP will automatically "lazy render" that particular tick by default, meaning it will try to delay the rendering (writing of values) until the very end of the "tick" cycle which can improve performance because it avoids the read/write/read/write layout thrashing that some browsers do. If you would like to disable lazy rendering for a particular tween, you can set lazy:false. Or, since zero-duration tweens do not lazy-render by default, you can specifically give it permission to lazy-render by setting lazy:true like TweenLite.set(element, {opacity:0, lazy:true});. In most cases, you won't need to set lazy. */
+        /**
+         * When a tween renders for the very first time and reads its starting values, GSAP will automatically "lazy render" that particular tick by default, meaning it will try to delay the
+         * rendering (writing of values) until the very end of the "tick" cycle which can improve performance because it avoids the read/write/read/write layout thrashing that some browsers do.
+         *
+         * If you would like to disable lazy rendering for a particular tween, you can set lazy:false. Or, since zero-duration tweens do not lazy-render by default, you can specifically give it
+         * permission to lazy-render by setting lazy:true like TweenLite.set(element, {opacity:0, lazy:true});. In most cases, you won't need to set lazy.
+         */
         lazy?: boolean;
 
         /** A () => void that should be called when the tween gets overwritten by another tween. */
diff --git a/types/gsap/index.d.ts b/types/gsap/index.d.ts
index 77d589603a..5e3081cc6a 100644
--- a/types/gsap/index.d.ts
+++ b/types/gsap/index.d.ts
@@ -1,6 +1,10 @@
-// Type definitions for GSAP 1.19
+// Type definitions for GSAP 1.20.6
 // Project: http://greensock.com/
-// Definitions by: VILIC VANE <https://vilic.github.io/>, Robert S <https://github.com/codebelt>, Richard Fox <https://github.com/ProbablePrime>, Philip Bulley <https://github.com/philipbulley>
+// Definitions by:  VILIC VANE <https://vilic.github.io/>,
+//                  Robert S <https://github.com/codebelt>,
+//                  Richard Fox <https://github.com/ProbablePrime>,
+//                  Philip Bulley <https://github.com/philipbulley>,
+//                  Leonardo Melo <https://github.com/leomeloxp>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="Animation.d.ts"/>
@@ -10,6 +14,6 @@
 /// <reference path="Timeline.d.ts"/>
 /// <reference path="Plugins.d.ts"/>
 
-declare module 'gsap' {
+declare module "gsap" {
     export = gsap;
 }
diff --git a/types/gsap/tslint.json b/types/gsap/tslint.json
index 6d192e7cef..9081f7897d 100644
--- a/types/gsap/tslint.json
+++ b/types/gsap/tslint.json
@@ -1,9 +1,16 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        // TODOs
+        // All are TODOs
         "dt-header": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "no-consecutive-blank-lines": false,
         "no-declare-current-package": false,
-        "no-single-declare-module": false
+        "no-padding": false,
+        "no-single-declare-module": false,
+        "no-unnecessary-class": false,
+        "no-var-keyword": false,
+        "strict-export-declare-modifiers": false
     }
 }
diff --git a/types/gulp-connect/index.d.ts b/types/gulp-connect/index.d.ts
index b8b1a467f9..03537e62e1 100644
--- a/types/gulp-connect/index.d.ts
+++ b/types/gulp-connect/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/avevlad/gulp-connect#readme
 // Definitions by: Andre Wiggins <https://github.com/andrewiggins>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
 import * as http from "http";
 import * as https from "https";
diff --git a/types/gulp-filter/index.d.ts b/types/gulp-filter/index.d.ts
index ba95977024..ae59b2bdb4 100644
--- a/types/gulp-filter/index.d.ts
+++ b/types/gulp-filter/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/sindresorhus/gulp-filter
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 
diff --git a/types/gulp-filter/tsconfig.json b/types/gulp-filter/tsconfig.json
index 43ae1fe5c5..b009c4b2ad 100644
--- a/types/gulp-filter/tsconfig.json
+++ b/types/gulp-filter/tsconfig.json
@@ -14,10 +14,7 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true,
-        "paths": {
-            "uglify-js": ["uglify-js/v2"]
-        }
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
diff --git a/types/gulp-jasmine/index.d.ts b/types/gulp-jasmine/index.d.ts
index f69fb865e6..e1693e38cd 100644
--- a/types/gulp-jasmine/index.d.ts
+++ b/types/gulp-jasmine/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/sindresorhus/gulp-jasmine#readme
 // Definitions by: Andrey Lalev <https://github.com/andypyrope>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.8
 
 /// <reference types="node" />
 /// <reference types="jasmine" />
diff --git a/types/gulp-rev-replace/index.d.ts b/types/gulp-rev-replace/index.d.ts
index 322604bf1d..b385d579a9 100644
--- a/types/gulp-rev-replace/index.d.ts
+++ b/types/gulp-rev-replace/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jamesknelson/gulp-rev-replace
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 
diff --git a/types/gulp-rev-replace/tsconfig.json b/types/gulp-rev-replace/tsconfig.json
index dfef77b20b..d6b9abe0ba 100644
--- a/types/gulp-rev-replace/tsconfig.json
+++ b/types/gulp-rev-replace/tsconfig.json
@@ -14,12 +14,7 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true,
-        "paths": {
-            "uglify-js": [
-                "uglify-js/v2"
-            ]
-        }
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
diff --git a/types/gulp-sequence/tslint.json b/types/gulp-sequence/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/gulp-sequence/tslint.json
+++ b/types/gulp-sequence/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/gulp-svg-sprite/index.d.ts b/types/gulp-svg-sprite/index.d.ts
index 61c7b03f31..28c9240375 100644
--- a/types/gulp-svg-sprite/index.d.ts
+++ b/types/gulp-svg-sprite/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jkphl/gulp-svg-sprite
 // Definitions by: Qubo <https://github.com/tkqubo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 
diff --git a/types/gulp-uglify/index.d.ts b/types/gulp-uglify/index.d.ts
index 823ce28e67..4dc340aa18 100644
--- a/types/gulp-uglify/index.d.ts
+++ b/types/gulp-uglify/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Christopher Haws <https://github.com/ChristopherHaws>
 //                 Leonard Thieu <https://github.com/leonard-thieu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node"/>
 
@@ -13,17 +14,17 @@ declare namespace GulpUglify {
         /**
          * Pass false to skip mangling names.
          */
-        mangle?: boolean;
+        mangle?: UglifyJS.MangleOptions | boolean;
 
         /**
          * Pass if you wish to specify additional output options. The defaults are optimized for best compression.
          */
-        output?: UglifyJS.BeautifierOptions;
+        output?: UglifyJS.OutputOptions;
 
         /**
          * Pass an object to specify custom compressor options. Pass false to skip compression completely.
          */
-        compress?: UglifyJS.CompressorOptions | boolean;
+        compress?: UglifyJS.CompressOptions | boolean;
     }
 }
 
diff --git a/types/gulp-uglify/tsconfig.json b/types/gulp-uglify/tsconfig.json
index 70663fcc71..b759e9fc57 100644
--- a/types/gulp-uglify/tsconfig.json
+++ b/types/gulp-uglify/tsconfig.json
@@ -14,12 +14,7 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true,
-        "paths": {
-            "uglify-js": [
-                "uglify-js/v2"
-            ]
-        }
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
diff --git a/types/gulp-useref/index.d.ts b/types/gulp-useref/index.d.ts
index ba95c68308..36cd0ddc24 100644
--- a/types/gulp-useref/index.d.ts
+++ b/types/gulp-useref/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jonkemp/gulp-useref
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 
diff --git a/types/gulp-useref/tsconfig.json b/types/gulp-useref/tsconfig.json
index f3867032fa..b8a3dc7bba 100644
--- a/types/gulp-useref/tsconfig.json
+++ b/types/gulp-useref/tsconfig.json
@@ -14,10 +14,7 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true,
-        "paths": {
-            "uglify-js": ["uglify-js/v2"]
-        }
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
diff --git a/types/h2o2/index.d.ts b/types/h2o2/index.d.ts
index aeb7652183..3e47a084e8 100644
--- a/types/h2o2/index.d.ts
+++ b/types/h2o2/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/hapijs/catbox
 // Definitions by: Jason Swearingen <https://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 /// <reference types="node" />
 
diff --git a/types/h2o2/tsconfig.json b/types/h2o2/tsconfig.json
index 870a359f9b..d8e49426e5 100644
--- a/types/h2o2/tsconfig.json
+++ b/types/h2o2/tsconfig.json
@@ -23,9 +23,6 @@
             "hapi": [
                 "hapi/v16"
             ],
-            "inert": [
-                "inert/v4"
-            ],
             "wreck": [
                 "wreck/v7"
             ]
diff --git a/types/handlebars-helpers/handlebars-helpers-tests.ts b/types/handlebars-helpers/handlebars-helpers-tests.ts
new file mode 100644
index 0000000000..c03ac56fd4
--- /dev/null
+++ b/types/handlebars-helpers/handlebars-helpers-tests.ts
@@ -0,0 +1,11 @@
+import * as Handlebars from 'handlebars';
+import * as helpers from 'handlebars-helpers';
+
+const handlebars = Handlebars.create();
+
+helpers();
+helpers('helper');
+helpers(['helper']);
+helpers({handlebars});
+helpers('helper', {handlebars});
+helpers(['helper'], {handlebars});
diff --git a/types/handlebars-helpers/index.d.ts b/types/handlebars-helpers/index.d.ts
new file mode 100644
index 0000000000..5a1de16bef
--- /dev/null
+++ b/types/handlebars-helpers/index.d.ts
@@ -0,0 +1,49 @@
+// Type definitions for handlebars-helpers 0.5
+// Project: http://assemble.io/helpers/
+// Definitions by: Toilal <https://github.com/Toilal>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as Handlebars from 'handlebars';
+
+declare function helpers(groups?: helpers.Options | string | string[], options?: helpers.Options): { [name: string]: Handlebars.HelperDelegate };
+
+interface Utils {
+    /**
+     * Returns true if the given value contains the given
+     * `object`, optionally passing a starting index.
+     */
+    contains<T>(val: T[], obj: T, start: number): boolean;
+
+    /**
+     * Remove leading and trailing whitespace and non-word
+     * characters from the given string.
+     */
+    chop(str: string): string;
+
+    /**
+     * Change casing on the given `string`, optionally
+     * passing a delimiter to use between words in the
+     * returned string.
+     *
+     * ```handlebars
+     * utils.changecase('fooBarBaz');
+     * //=> 'foo bar baz'
+     *
+     * utils.changecase('fooBarBaz' '-');
+     * //=> 'foo-bar-baz'
+     * ```
+     */
+    changecase(str: string, fn: (str: string) => string): string;
+}
+
+declare namespace helpers {
+    interface Options {
+        handlebars?: typeof Handlebars;
+        hbs?: typeof Handlebars;
+    }
+
+    const utils: Utils;
+}
+
+export = helpers;
diff --git a/types/handlebars-helpers/tsconfig.json b/types/handlebars-helpers/tsconfig.json
new file mode 100644
index 0000000000..e822854459
--- /dev/null
+++ b/types/handlebars-helpers/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "handlebars-helpers-tests.ts"
+    ]
+}
diff --git a/types/handlebars-helpers/tslint.json b/types/handlebars-helpers/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/handlebars-helpers/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/hapi-auth-basic/index.d.ts b/types/hapi-auth-basic/index.d.ts
index b738935862..567dcd3f8f 100644
--- a/types/hapi-auth-basic/index.d.ts
+++ b/types/hapi-auth-basic/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: AJP <https://github.com/AJamesPhillips>
 //                 Rodrigo Saboya <https://github.com/saboya>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import { Plugin, Request, ResponseToolkit } from 'hapi';
 
diff --git a/types/hapi-auth-jwt2/index.d.ts b/types/hapi-auth-jwt2/index.d.ts
index f980cfa6e9..bbfb881e84 100644
--- a/types/hapi-auth-jwt2/index.d.ts
+++ b/types/hapi-auth-jwt2/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Warren Seymour <https://github.com/warrenseymour>
 //                 Simon Schick <https://github.com/SimonSchick>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import { Request, ResponseObject, Plugin, ResponseToolkit } from 'hapi';
 import { VerifyOptions } from 'jsonwebtoken';
diff --git a/types/hapi-auth-jwt2/v7/tsconfig.json b/types/hapi-auth-jwt2/v7/tsconfig.json
index 45c3371617..2e70a533bd 100644
--- a/types/hapi-auth-jwt2/v7/tsconfig.json
+++ b/types/hapi-auth-jwt2/v7/tsconfig.json
@@ -25,9 +25,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/hapi-decorators/index.d.ts b/types/hapi-decorators/index.d.ts
index 473e28420f..13734e5e07 100644
--- a/types/hapi-decorators/index.d.ts
+++ b/types/hapi-decorators/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/knownasilya/hapi-decorators
 // Definitions by: Ken Howard <https://github.com/kenhowardpdx>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import * as hapi from 'hapi';
 import * as Joi from 'joi';
diff --git a/types/hapi-decorators/tsconfig.json b/types/hapi-decorators/tsconfig.json
index 6434d0422e..7227757dd3 100644
--- a/types/hapi-decorators/tsconfig.json
+++ b/types/hapi-decorators/tsconfig.json
@@ -24,9 +24,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 79732f3cfa..644c48c5d1 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -4,7 +4,7 @@
 //                 Justin Simms <https://github.com/jhsimms>
 //                 Simon Schick <https://github.com/SimonSchick>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  +                                                                           +
@@ -16,21 +16,21 @@
  +                                                                           +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
-/// <reference types="node" />
+/// <reference types='node' />
 
-import * as Boom from "boom";
-import * as catbox from "catbox";
-import * as http from "http";
-import * as https from "https";
-import * as Shot from "shot";
-import * as stream from "stream";
-import * as url from "url";
-import * as zlib from "zlib";
+import * as Boom from 'boom';
+import * as http from 'http';
+import * as https from 'https';
+import * as Shot from 'shot';
+import * as stream from 'stream';
+import * as url from 'url';
+import * as zlib from 'zlib';
 
-import { MimosOptions } from "mimos";
-import { SealOptions, SealOptionsSub } from "iron";
-import { AnySchema, ValidationOptions } from "joi";
-import Podium = require("podium");
+import { MimosOptions } from 'mimos';
+import { SealOptions, SealOptionsSub } from 'iron';
+import { AnySchema, ValidationOptions } from 'joi';
+import Podium = require('podium');
+import { PolicyOptionVariants, EnginePrototypeOrObject, PolicyOptions, EnginePrototype, Policy } from 'catbox';
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  +                                                                           +
@@ -144,12 +144,38 @@ export type Plugin<T> = PluginBase<T> & (PluginNameVersion | PluginPackage);
  +                                                                           +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
+/**
+ * User extensible types user credentials.
+ */
+// tslint:disable-next-line:no-empty-interface
+export interface UserCredentials {
+}
+
+/**
+ * User extensible types app credentials.
+ */
+// tslint:disable-next-line:no-empty-interface
+export interface AppCredentials {
+}
+
 /**
  * User-extensible type for request.auth credentials.
  */
-
-/* tslint:disable-next-line:no-empty-interface */
 export interface AuthCredentials {
+    /**
+     * The application scopes to be granted.
+     * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-routeoptionsauthaccessscope)
+     */
+    scope?: string[];
+    /**
+     * If set, will only work with routes that set `access.entity` to `user`.
+     */
+    user?: UserCredentials;
+
+    /**
+     * If set, will only work with routes that set `access.entity` to `app`.
+     */
+    app?: AppCredentials;
 }
 
 /**
@@ -190,7 +216,7 @@ export interface RequestAuth {
  * 'disconnect' - emitted when a request errors or aborts unexpectedly.
  * For context [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-requestevents)
  */
-export type RequestEventType = "peek" | "finish" | "disconnect";
+export type RequestEventType = 'peek' | 'finish' | 'disconnect';
 
 /**
  * Access: read only and the public podium interface.
@@ -209,9 +235,9 @@ export interface RequestEvents extends Podium {
      * * 'disconnect' - emitted when a request errors or aborts unexpectedly.
      * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-requestevents)
      */
-    on(criteria: "peek", listener: PeekListener): void;
+    on(criteria: 'peek', listener: PeekListener): void;
 
-    on(criteria: "finish" | "disconnect", listener: (data: undefined) => void): void;
+    on(criteria: 'finish' | 'disconnect', listener: (data: undefined) => void): void;
 
     /**
      * Access: read only and the public podium interface.
@@ -221,9 +247,9 @@ export interface RequestEvents extends Podium {
      * * 'disconnect' - emitted when a request errors or aborts unexpectedly.
      * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-requestevents)
      */
-    once(criteria: "peek", listener: PeekListener): void;
+    once(criteria: 'peek', listener: PeekListener): void;
 
-    once(criteria: "finish" | "disconnect", listener: (data: undefined) => void): void;
+    once(criteria: 'finish' | 'disconnect', listener: (data: undefined) => void): void;
 }
 
 /**
@@ -916,10 +942,16 @@ export interface ResponseSettings {
 export type ResponseValue = string | object;
 
 export interface AuthenticationData {
-    credentials: object;
+    credentials: AuthCredentials;
     artifacts?: object;
 }
 
+export interface Auth {
+    readonly isAuth: true;
+    readonly error?: Error | null;
+    readonly data?: AuthenticationData;
+}
+
 /**
  * The response toolkit is a collection of properties and utilities passed to every [lifecycle method](https://github.com/hapijs/hapi/blob/master/API.md#lifecycle-methods)
  * It is somewhat hard to define as it provides both utilities for manipulating responses as well as other information. Since the
@@ -972,7 +1004,7 @@ export interface ResponseToolkit {
      * * artifacts - (optional) authentication artifacts object specific to the authentication scheme.
      * @return Return value: an internal authentication object.
      */
-    authenticated(data: AuthenticationData): object;
+    authenticated(data: AuthenticationData): Auth;
 
     /**
      * Sets the response 'ETag' and 'Last-Modified' headers and checks for any conditional request headers to decide if
@@ -2071,6 +2103,14 @@ export interface ServerAuth {
     test(strategy: string, request: Request): Promise<any>;
 }
 
+export type CachePolicyOptions<T> = PolicyOptionVariants<T> & {
+    /**
+     * @default '_default'
+     */
+    cache?: string;
+    segment?: string;
+};
+
 /**
  * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-servercacheoptions)
  */
@@ -2100,7 +2140,7 @@ export interface ServerCache {
      * @return Catbox Policy.
      * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-servercacheoptions)
      */
-    (options: ServerOptionsCache): catbox.Policy;
+    <T, O extends CachePolicyOptions<T> = CachePolicyOptions<T>>(options: O): Policy<T, O>;
 
     /**
      * Provisions a server cache as described in server.cache where:
@@ -2198,7 +2238,7 @@ export interface LogEvent {
     /** an array of tags identifying the event (e.g. ['error', 'http']) */
     tags: string[];
     /** set to 'internal' for internally generated events, otherwise 'app' for events generated by server.log() */
-    channel: "internal" | "app";
+    channel: 'internal' | 'app';
     /** the request identifier. */
     request: string;
     /** event-specific information. Available when event data was provided and is not an error. Errors are passed via error. */
@@ -2213,7 +2253,7 @@ export interface RequestEvent {
     /** an array of tags identifying the event (e.g. ['error', 'http']) */
     tags: string[];
     /** set to 'internal' for internally generated events, otherwise 'app' for events generated by server.log() */
-    channel: "internal" | "app" | "error";
+    channel: 'internal' | 'app' | 'error';
     /** event-specific information. Available when event data was provided and is not an error. Errors are passed via error. */
     data: object;
     /** the error object related to the event if applicable. Cannot appear together with data */
@@ -2271,17 +2311,17 @@ export interface ServerEvents extends Podium {
      * See ['start' event](https://github.com/hapijs/hapi/blob/master/API.md#-start-event)
      * See ['stop' event](https://github.com/hapijs/hapi/blob/master/API.md#-stop-event)
      */
-    on(criteria: "log" | ServerEventCriteria<"log">, listener: LogEventHandler): void;
+    on(criteria: 'log' | ServerEventCriteria<'log'>, listener: LogEventHandler): void;
 
-    on(criteria: "request" | ServerEventCriteria<"request">, listener: RequestEventHandler): void;
+    on(criteria: 'request' | ServerEventCriteria<'request'>, listener: RequestEventHandler): void;
 
-    on(criteria: "response" | ServerEventCriteria<"response">, listener: ResponseEventHandler): void;
+    on(criteria: 'response' | ServerEventCriteria<'response'>, listener: ResponseEventHandler): void;
 
-    on(criteria: "route" | ServerEventCriteria<"route">, listener: RouteEventHandler): void;
+    on(criteria: 'route' | ServerEventCriteria<'route'>, listener: RouteEventHandler): void;
 
-    on(criteria: "start" | ServerEventCriteria<"start">, listener: StartEventHandler): void;
+    on(criteria: 'start' | ServerEventCriteria<'start'>, listener: StartEventHandler): void;
 
-    on(criteria: "stop" | ServerEventCriteria<"stop">, listener: StopEventHandler): void;
+    on(criteria: 'stop' | ServerEventCriteria<'stop'>, listener: StopEventHandler): void;
 
     /**
      * Same as calling [server.events.on()](https://github.com/hapijs/hapi/blob/master/API.md#server.events.on()) with the count option set to 1.
@@ -2293,17 +2333,17 @@ export interface ServerEvents extends Podium {
      * @return Return value: none.
      * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-servereventsoncecriteria-listener)
      */
-    once(criteria: "log" | ServerEventCriteria<"log">, listener: LogEventHandler): void;
+    once(criteria: 'log' | ServerEventCriteria<'log'>, listener: LogEventHandler): void;
 
-    once(criteria: "request" | ServerEventCriteria<"request">, listener: RequestEventHandler): void;
+    once(criteria: 'request' | ServerEventCriteria<'request'>, listener: RequestEventHandler): void;
 
-    once(criteria: "response" | ServerEventCriteria<"response">, listener: ResponseEventHandler): void;
+    once(criteria: 'response' | ServerEventCriteria<'response'>, listener: ResponseEventHandler): void;
 
-    once(criteria: "route" | ServerEventCriteria<"route">, listener: RouteEventHandler): void;
+    once(criteria: 'route' | ServerEventCriteria<'route'>, listener: RouteEventHandler): void;
 
-    once(criteria: "start" | ServerEventCriteria<"start">, listener: StartEventHandler): void;
+    once(criteria: 'start' | ServerEventCriteria<'start'>, listener: StartEventHandler): void;
 
-    once(criteria: "stop" | ServerEventCriteria<"stop">, listener: StopEventHandler): void;
+    once(criteria: 'stop' | ServerEventCriteria<'stop'>, listener: StopEventHandler): void;
 
     /**
      * Same as calling server.events.on() with the count option set to 1.
@@ -2629,7 +2669,7 @@ export type ServerMethod = (...args: any[]) => Promise<any>;
  * For reference [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-servermethodname-method-options)
  * For reference [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-servercacheoptions)
  */
-export interface ServerMethodCache extends catbox.PolicyOptions {
+export interface ServerMethodCache extends PolicyOptions<any> {
     generateTimeout: number | false;
 }
 
@@ -2658,7 +2698,7 @@ export interface ServerMethodOptions {
      * unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which
      * takes the same arguments as the function and returns a unique string (or null if no key can be generated).
      */
-    generateKey?: (...args: any[]) => string | null;
+    generateKey?(...args: any[]): string | null;
 }
 
 /**
@@ -2688,9 +2728,9 @@ export interface ServerMethodConfigurationObject {
  * MongoDB, Memcached, Riak, among others). Caching is only utilized if methods and plugins explicitly store their state in the cache.
  * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-cache)
  */
-export interface ServerOptionsCache extends catbox.PolicyOptions {
+export interface ServerOptionsCache extends PolicyOptions<any> {
     /** a class, a prototype function, or a catbox engine object. */
-    engine?: catbox.EnginePrototypeOrObject;
+    engine?: EnginePrototypeOrObject;
 
     /**
      * an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines
@@ -2768,7 +2808,7 @@ export interface ServerOptions {
      * * * other options passed to the catbox strategy used. Other options are only passed to catbox when engine above is a class or function and ignored if engine is a catbox engine object).
      * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#-serveroptionscache)
      */
-    cache?: catbox.EnginePrototype | ServerOptionsCache | ServerOptionsCache[];
+    cache?: EnginePrototype<any> | ServerOptionsCache | ServerOptionsCache[];
 
     /**
      * Default value: { minBytes: 1024 }.
@@ -3243,7 +3283,7 @@ export type DecorateName = string | symbol;
  * the facilities provided by the framework. Each server supports a single connection (e.g. listen to port 80).
  * [See docs](https://github.com/hapijs/hapi/blob/master/API.md#server)
  */
-export class Server extends Podium {
+export class Server {
     /**
      * Creates a new server object
      * @param options server configuration object.
diff --git a/types/hapi/test/request/auth.ts b/types/hapi/test/request/auth.ts
new file mode 100644
index 0000000000..cb6c04ad28
--- /dev/null
+++ b/types/hapi/test/request/auth.ts
@@ -0,0 +1,18 @@
+import { Request } from 'hapi';
+
+declare module 'hapi' {
+    interface UserCredentials {
+        a: number;
+    }
+
+    interface AppCredentials {
+        b: number;
+    }
+}
+
+const req: Request = {} as any;
+const scope: string[] | undefined = req.auth.credentials.scope;
+const user = req.auth.credentials.user!;
+console.log(user.a);
+const app = req.auth.credentials.app!;
+console.log(app.b);
diff --git a/types/hapi/test/request/methods.ts b/types/hapi/test/request/methods.ts
index cfe7db2383..22b58aac7f 100644
--- a/types/hapi/test/request/methods.ts
+++ b/types/hapi/test/request/methods.ts
@@ -1,4 +1,4 @@
 import { Request } from 'hapi';
 
-const req: Request = <any> {};
+declare const req: Request;
 const act: boolean = req.active();
diff --git a/types/hapi/test/server/server-auth-api.ts b/types/hapi/test/server/server-auth-api.ts
index 3656b25f28..f1b51bda8c 100644
--- a/types/hapi/test/server/server-auth-api.ts
+++ b/types/hapi/test/server/server-auth-api.ts
@@ -21,7 +21,7 @@ const scheme: ServerAuthScheme = (server, options) => {
             if (!authorization) {
                 throw Boom.unauthorized(null, 'Custom');
             }
-            return h.authenticated({ credentials: { user: 'john' } });
+            return h.authenticated({ credentials: { user: { a: 1 } } });
         }
     };
 };
diff --git a/types/hapi/test/server/server-auth-default.ts b/types/hapi/test/server/server-auth-default.ts
index 0ecec802d8..0a2da56efc 100644
--- a/types/hapi/test/server/server-auth-default.ts
+++ b/types/hapi/test/server/server-auth-default.ts
@@ -4,8 +4,8 @@ import { Request, ResponseToolkit, Server, ServerAuthScheme, ServerAuthSchemeOpt
 import * as Boom from "boom";
 
 declare module 'hapi' {
-    interface AuthCredentials {
-        user?: string;
+    interface UserCredentials {
+        a: number;
     }
 }
 
@@ -21,7 +21,7 @@ const scheme: ServerAuthScheme = (server, options) => {
             if (!authorization) {
                 throw Boom.unauthorized(null, 'Custom');
             }
-            return h.authenticated({ credentials: { user: 'john' } });
+            return h.authenticated({ credentials: { user: { a: 1 }, scope: ['test'] } });
         }
     };
 };
diff --git a/types/hapi/test/server/server-auth-test.ts b/types/hapi/test/server/server-auth-test.ts
index bf84be2543..5103d11c7e 100644
--- a/types/hapi/test/server/server-auth-test.ts
+++ b/types/hapi/test/server/server-auth-test.ts
@@ -15,7 +15,7 @@ const scheme: ServerAuthScheme = (server, options) => {
             if (!authorization) {
                 throw Boom.unauthorized(null, 'Custom');
             }
-            return h.authenticated({ credentials: { user: 'john' } });
+            return h.authenticated({ credentials: { user: { a: 1} } });
         }
     };
 };
diff --git a/types/hapi/test/server/server-cache-provision.ts b/types/hapi/test/server/server-cache-provision.ts
index 1e120348b2..8c28ca48de 100644
--- a/types/hapi/test/server/server-cache-provision.ts
+++ b/types/hapi/test/server/server-cache-provision.ts
@@ -8,7 +8,7 @@ const server = new Server({
 server.initialize();
 server.cache.provision({engine: require('catbox-memory'), name: 'countries' });
 
-const cache: catbox.Policy = server.cache({segment: 'countries', cache: 'countries', expiresIn: 60 * 60 * 1000 });
+const cache = server.cache<string>({segment: 'countries', cache: 'countries', expiresIn: 60 * 60 * 1000 });
 cache.set('norway', 'oslo', 10 * 1000).then(() => {});
 const value = cache.get('norway').then(() => {});
 
diff --git a/types/hapi/test/server/server-cache.ts b/types/hapi/test/server/server-cache.ts
index 6aa612f3f1..0872b287df 100644
--- a/types/hapi/test/server/server-cache.ts
+++ b/types/hapi/test/server/server-cache.ts
@@ -10,7 +10,7 @@ const catboxOptions: ServerOptionsCache = {
     segment: 'countries',
     expiresIn: 60 * 60 * 1000
 };
-const cache: catbox.Policy = server.cache(catboxOptions);
+const cache = server.cache<string>(catboxOptions);
 cache.set('norway', 'oslo', 10 * 1000).then(() => {});
 
 const value = cache.get('norway').then(() => {});
diff --git a/types/hapi/tsconfig.json b/types/hapi/tsconfig.json
index b197e3f861..2804e84871 100644
--- a/types/hapi/tsconfig.json
+++ b/types/hapi/tsconfig.json
@@ -18,6 +18,7 @@
     },
     "files": [
         "index.d.ts",
+        "test/request/auth.ts",
         "test/request/catch-all.ts",
         "test/request/event-types.ts",
         "test/request/get-log.ts",
diff --git a/types/hapi/tslint.json b/types/hapi/tslint.json
index f93cf8562a..1c36270d47 100644
--- a/types/hapi/tslint.json
+++ b/types/hapi/tslint.json
@@ -1,3 +1,6 @@
 {
-    "extends": "dtslint/dt.json"
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
 }
diff --git a/types/hapi/v12/hapi-tests.ts b/types/hapi/v12/hapi-tests.ts
index 32d1aff704..287a071d38 100644
--- a/types/hapi/v12/hapi-tests.ts
+++ b/types/hapi/v12/hapi-tests.ts
@@ -6,7 +6,7 @@ import * as Hapi from 'hapi';
 
 // Create a server with a host and port
 var server = new Hapi.Server();
-server.connection(<Hapi.IServerConnectionOptions>{
+server.connection({
     host: "localhost",
     port: 8000
 });
diff --git a/types/hapi/v16/test/continuation/errors.ts b/types/hapi/v16/test/continuation/errors.ts
index 165e5214df..2f9fedaaf5 100644
--- a/types/hapi/v16/test/continuation/errors.ts
+++ b/types/hapi/v16/test/continuation/errors.ts
@@ -26,7 +26,7 @@ const handleError: Hapi.ContinuationValueFunction = (err?: Boom.BoomError | null
 handleError(Boom.badData());
 
 // Accepts an error with custom data
-const errorWithData = Boom.badImplementation('', { custom1: 'test', customType: <'Custom1'>'Custom1', isCustom: <true>true });
+const errorWithData = Boom.badImplementation('', { custom1: 'test', customType: 'Custom1' as 'Custom1', isCustom: true as true });
 handleError(errorWithData);
 
 // Accepts an error with a more explicit type
diff --git a/types/hapi/v16/test/getting-started/03-serving-static-content.ts b/types/hapi/v16/test/getting-started/03-serving-static-content.ts
deleted file mode 100644
index 06200f2b07..0000000000
--- a/types/hapi/v16/test/getting-started/03-serving-static-content.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-'use strict';
-
-import Hapi = require('hapi');
-import Inert = require('inert');
-
-const server = new Hapi.Server();
-
-// from https://hapijs.com/tutorials/getting-started#creating-static-pages-and-content
-
-server.register(Inert, (err) => {
-
-    if (err) {
-        throw err;
-    }
-
-    server.route({
-        method: 'GET',
-        path: '/hello',
-        handler: function (request, reply) {
-            reply.file('./public/hello.html');
-        }
-    });
-});
\ No newline at end of file
diff --git a/types/hapi/v16/test/request/get-log.ts b/types/hapi/v16/test/request/get-log.ts
index 53568ba734..996866a279 100644
--- a/types/hapi/v16/test/request/get-log.ts
+++ b/types/hapi/v16/test/request/get-log.ts
@@ -3,7 +3,7 @@
 
 import * as Hapi from '../../';
 
-var request: Hapi.Request = <any> {};
+declare const request: Hapi.Request;
 
 request.getLog();
 request.getLog('error');
diff --git a/types/hapi/v16/test/route/additional-options.ts b/types/hapi/v16/test/route/additional-options.ts
index ccbb36af15..7ab2171776 100644
--- a/types/hapi/v16/test/route/additional-options.ts
+++ b/types/hapi/v16/test/route/additional-options.ts
@@ -10,28 +10,28 @@ var authConfig: Hapi.RouteAdditionalConfigurationOptions = {
 var extConfigSingle: Hapi.RouteAdditionalConfigurationOptions = {
     ext: {
         type: 'onPreAuth',
-        method: <Hapi.ServerExtRequestHandler> function (request, reply) {
+        method: function (request, reply) {
             reply('ok');
-        }
+        } as Hapi.ServerExtRequestHandler
     }
 }
 
 var extConfigMulti: Hapi.RouteAdditionalConfigurationOptions = {
     ext: [{
         type: 'onPreAuth',
-        method: <Hapi.ServerExtRequestHandler> function (request, reply) {
+        method: function (request, reply) {
             reply('ok');
-        }
+        } as Hapi.ServerExtRequestHandler
     }, {
         type: 'onPostAuth',
-        method: <Hapi.ServerExtRequestHandler> function (request, reply) {
+        method: function (request, reply) {
             reply('ok');
-        }
+        } as Hapi.ServerExtRequestHandler
     }, {
         type: 'onPostStart',
-        method: <Hapi.ServerExtFunction> function (server, next) {
+        method: function (server, next) {
             next();
-        }
+        } as Hapi.ServerExtFunction
   }]
 }
 
diff --git a/types/hapi/v16/test/route/public-interface.ts b/types/hapi/v16/test/route/public-interface.ts
index f3878cea48..dad79e7306 100644
--- a/types/hapi/v16/test/route/public-interface.ts
+++ b/types/hapi/v16/test/route/public-interface.ts
@@ -2,7 +2,7 @@
 
 import * as Hapi from '../../';
 
-var route = <Hapi.RoutePublicInterface> {};
+var route = {} as Hapi.RoutePublicInterface;
 
 var a: string = route.method;
 var a: string = route.path;
@@ -14,4 +14,4 @@ if (typeof(route.vhost) == 'string') {
 var c: Hapi.ServerRealm = route.realm;
 var d: Hapi.RouteAdditionalConfigurationOptions = route.settings;
 var a: string = route.fingerprint;
-var e: boolean = route.auth.access(<Hapi.Request> {});
+var e: boolean = route.auth.access({} as Hapi.Request);
diff --git a/types/hapi/v16/test/route/validate.ts b/types/hapi/v16/test/route/validate.ts
index 06fefcc62e..42d6872570 100644
--- a/types/hapi/v16/test/route/validate.ts
+++ b/types/hapi/v16/test/route/validate.ts
@@ -55,10 +55,10 @@ const responseValidationFunction: Hapi.ValidationFunctionForRouteResponse<Custom
 
 config = {
     validate: validateWithFunctions,
-    response: <Hapi.RouteResponseConfigurationObject<CustomValidationOptions>>{
+    response: {
         schema: responseValidationFunction,
         options: {
             myOption: 18
         }
-    }
+    } as Hapi.RouteResponseConfigurationObject<CustomValidationOptions>
 };
diff --git a/types/hapi/v16/test/server/listener.ts b/types/hapi/v16/test/server/listener.ts
index 85ddb18bc6..84eda35ed5 100644
--- a/types/hapi/v16/test/server/listener.ts
+++ b/types/hapi/v16/test/server/listener.ts
@@ -15,5 +15,5 @@ io.sockets.on('connection', (socket) => {
     // a wrapper around socket.io.  Much less likely is either
     // a type error in the TypeScript definitions of socket.io or
     // an error in the Hapi docs.
-    socket.emit(<any> { msg: 'welcome' });
+    socket.emit({ msg: 'welcome' } as any);
 });
diff --git a/types/hapi/v16/test/server/path.ts b/types/hapi/v16/test/server/path.ts
index cdbf8a14a9..09c525d5dc 100644
--- a/types/hapi/v16/test/server/path.ts
+++ b/types/hapi/v16/test/server/path.ts
@@ -8,6 +8,6 @@ var register: Hapi.PluginFunction<{}> = function (server, options, next) {
     // Assuming the Inert plugin was registered previously
 
     server.path(__dirname + '../static');
-    server.route({ path: '/file', method: 'GET', handler: { file: './test.html' } });
+    server.route({ path: '/file', method: 'GET', handler() {} });
     next();
 };
diff --git a/types/hapi/v16/tsconfig.json b/types/hapi/v16/tsconfig.json
index 23087e8eff..5130c46291 100644
--- a/types/hapi/v16/tsconfig.json
+++ b/types/hapi/v16/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
@@ -36,7 +33,6 @@
         "test/continuation/errors.ts",
         "test/getting-started/01-creating-a-server.ts",
         "test/getting-started/02-adding-routes.ts",
-        "test/getting-started/03-serving-static-content.ts",
         "test/getting-started/04-using-plugins.ts",
         "test/path/catch-all.ts",
         "test/path/parameters.ts",
diff --git a/types/highcharts/highcharts-more.d.ts b/types/highcharts/highcharts-more.d.ts
index 630dbb5622..aaa2da832c 100644
--- a/types/highcharts/highcharts-more.d.ts
+++ b/types/highcharts/highcharts-more.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts 4.2.6
-// Project: http://www.highcharts.com/
-// Definitions by: Maciej Suchecki <https://github.com/mc-suchecki>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import * as Highcharts from "highcharts";
 
 declare function HighchartsMore(H: Highcharts.Static): Highcharts.Static;
diff --git a/types/highcharts/highstock.d.ts b/types/highcharts/highstock.d.ts
index cc92bebe36..70ebfcb5c1 100644
--- a/types/highcharts/highstock.d.ts
+++ b/types/highcharts/highstock.d.ts
@@ -1,11 +1,3 @@
-// Type definitions for Highstock 2.1.6
-// Project: http://www.highcharts.com/
-
-// Definitions by: David Deutsch <http://github.com/DavidKDeutsch>
-//                 Dave Baumann <https://github.com/route2Dev>
-//                 Richard Ison <https://github.com/richardison>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import * as Highcharts from "highcharts";
 
 declare namespace Highstock {
@@ -129,8 +121,7 @@ declare namespace Highstock {
     }
 
     interface Chart {
-        new (options: Options): ChartObject;
-        new (options: Options, callback: (chart: ChartObject) => void): ChartObject;
+        new (options: Options, callback?: (chart: ChartObject) => void): ChartObject;
     }
 
     interface Static extends Highcharts.Static {
@@ -142,13 +133,6 @@ declare namespace Highstock {
 declare global {
     interface JQuery {
         highcharts(type: "StockChart"): Highstock.ChartObject;
-        /**
-         * Creates a new Highcharts.Chart for the current JQuery selector; usually
-         * a div selected by $('#container')
-         * @param options Options for this chart
-         * @return current selector the current JQuery selector
-         */
-        highcharts(type: "StockChart", options: Highstock.Options): JQuery;
         /**
          * Creates a new Highcharts.Chart for the current JQuery selector; usually
          * a div selected by $('#container')
@@ -156,11 +140,10 @@ declare global {
          * @param callback Callback function used to manipulate the constructed chart instance
          * @return current selector the current JQuery selector
          */
-        highcharts(type: "StockChart", options: Highstock.Options, callback: (chart: Highstock.ChartObject) => void): JQuery;
+        highcharts(type: "StockChart", options: Highstock.Options, callback?: (chart: Highstock.ChartObject) => void): JQuery;
 
         highcharts(type: string): Highcharts.ChartObject;
-        highcharts(type: string, options: Highcharts.Options): JQuery;
-        highcharts(type: string, options: Highcharts.Options, callback: (chart: Highcharts.ChartObject) => void): JQuery;
+        highcharts(type: string, options: Highcharts.Options, callback?: (chart: Highcharts.ChartObject) => void): JQuery;
     }
 }
 
diff --git a/types/highcharts/index.d.ts b/types/highcharts/index.d.ts
index 4be4daa8d2..c6aae1e77f 100644
--- a/types/highcharts/index.d.ts
+++ b/types/highcharts/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Highcharts 5.0.13
+// Type definitions for Highcharts 5.0
 // Project: http://www.highcharts.com/
 // Definitions by: Damiano Gambarotto <https://github.com/damianog>
 //                 Dan Lewi Harkestad <https://github.com/baltie>
@@ -580,43 +580,43 @@ declare namespace Highcharts {
          * @default rgba(0, 0, 0, 0.75)
          * @since 6.0.0
          */
-        fill: string;
+        fill?: string;
         /**
          * The height of the shape.
          * @default undefined
          * @since 6.0.0
          */
-        height: number;
+        height?: number;
         /**
          * The radius of the shape.
          * @default 0
          * @since 6.0.0
          */
-        r: number;
+        r?: number;
         /**
          * The color of the shape's stroke.
          * @default rgba(0, 0, 0, 0.75)
          * @since 6.0.0
          */
-        stroke: string;
+        stroke?: string;
         /**
          * The pixel stroke width of the shape.
          * @default 1
          * @since 6.0.0
          */
-        strokeWidth: number;
+        strokeWidth?: number;
         /**
          * The type of the shape, e.g. circle or rectangle.
          * @default "rect"
          * @since 6.0.0
          */
-        type: "circle" | "path" | "rect";
+        type?: "circle" | "path" | "rect";
         /**
          * The width of the shape.
          * @default undefined
          * @since 6.0.0
          */
-        width: number;
+        width?: number;
     }
 
     interface AnnotationsShape extends AnnotationsShapeOptions {
@@ -625,13 +625,13 @@ declare namespace Highcharts {
          * @default undefined
          * @since 6.0.0
          */
-        markerEnd: string;
+        markerEnd?: string;
         /**
          * Id of the marker which will be drawn at the final vertex of the path. Custom markers can be defined in defs property.
          * @default undefined
          * @since 6.0.0
          */
-        markerStart: string;
+        markerStart?: string;
         /**
          * This option defines the point to which the shape will be connected.
          * It can be either the point which exists in the series - it is referenced by the point's id
@@ -2976,6 +2976,21 @@ declare namespace Highcharts {
          * @since 3.0.1
          */
         printChart?: string;
+        /**
+         * The text for the label for the "from" input box in the range selector.
+         * @default 'From'
+         */
+        rangeSelectorFrom?: string;
+        /**
+         * The text for the label for the "to" input box in the range selector.
+         * @default 'To'
+         */
+        rangeSelectorTo?: string;
+        /**
+         * The text for the label for the range selector buttons.
+         * @default 'Zoom'
+         */
+        rangeSelectorZoom?: String;
         /**
          * The text for the label appearing when a chart is zoomed.
          * @default 'Reset zoom'
@@ -4644,6 +4659,14 @@ declare namespace Highcharts {
          * allows setting a separate color for the line without altering the fillColor.
          */
         lineColor?: string | Gradient;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * A separate color for the negative part of the area.
          * @since 3.0
@@ -4742,6 +4765,10 @@ declare namespace Highcharts {
          * @since 2.3.0
          */
         grouping?: boolean;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
         /**
          * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
          * columns from becoming too wide when there is a small number of points in the chart.
@@ -4749,6 +4776,10 @@ declare namespace Highcharts {
          * @since 4.1.8
          */
         maxPointWidth?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * The minimal height for a column or width for a bar. By default, 0 values are not shown. To visualize a 0 (or
          * close to zero) point, set the minimal point length to a pixel value like 3. In stacked column charts,
@@ -4843,6 +4874,10 @@ declare namespace Highcharts {
          * @since 3.0
          */
         displayNegative?: boolean;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
         /**
          * Maximum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
          * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
@@ -4851,6 +4886,10 @@ declare namespace Highcharts {
          * @since 3.0
          */
         maxSize?: string | number;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * Minimum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
          * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
@@ -5136,6 +5175,14 @@ declare namespace Highcharts {
          * Options for the dial or arrow pointer of the gauge.
          */
         dial?: Dial;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * Allow the dial to overshoot the end of the perimeter axis by this many degrees. Say if the gauge axis goes from 0
          * to 60, a value of 100, or 1000, will show 5 degrees beyond the end of the axis. Defaults to 0.
@@ -5204,6 +5251,10 @@ declare namespace Highcharts {
          * @default 50
          */
         cropTreshold?: number;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
         /**
          * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
          * columns from becoming too wide when there is a small number of points in the chart.
@@ -5211,6 +5262,10 @@ declare namespace Highcharts {
          * @since 4.1.8
          */
         maxPointWidth?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * The row size - how many Y axis units each heatmap row should span.
          * @default 1
@@ -5229,6 +5284,14 @@ declare namespace Highcharts {
     }
 
     interface LineChart extends SeriesChart {
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * Whether to apply steps to the line. Possible values are left, center and right. Prior to 2.3.5, only left was
          * supported.
@@ -5299,6 +5362,14 @@ declare namespace Highcharts {
          * @since 2.0
          */
         innerSize?: number | string;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
          * in side the plot area, but only to this size.
@@ -5346,6 +5417,14 @@ declare namespace Highcharts {
          * @default 0
          */
         lineWidth?: number;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
     }
 
     interface PyramidChart extends SeriesChart {
@@ -5420,7 +5499,16 @@ declare namespace Highcharts {
         width?: number | string;
     }
 
-    interface ScatterChart extends SeriesChart { }
+    interface ScatterChart extends SeriesChart {
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
+    }
 
     /**
      * A gauge showing values using a filled arc with colors indicating the value. The solid gauge plots values against the
@@ -5456,7 +5544,16 @@ declare namespace Highcharts {
         wrap?: boolean;
     }
 
-    interface SplineChart extends SeriesChart { }
+    interface SplineChart extends SeriesChart {
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
+    }
 
     /**
      * The size of the point shape is determined by its value relative to its siblings values. Requires the module
@@ -5528,6 +5625,10 @@ declare namespace Highcharts {
          * Set options on specific levels. Takes precedence over series options, but not point options.
          */
         levels?: TreeMapLevel[];
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
         /**
          * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
          * columns from becoming too wide when there is a small number of points in the chart.
@@ -5535,6 +5636,10 @@ declare namespace Highcharts {
          * @since 4.1.8
          */
         maxPointWidth?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * The sort index of the point inside the treemap level.
          * @since 4.1.10
@@ -5599,6 +5704,14 @@ declare namespace Highcharts {
          * @since 5.0.12
          */
         exposeElementToA11y?: boolean;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * This option decides which algorithm is used for placement, and rotation of a word. The choice of algorith is
          * therefore a crucial part of the resulting layout of the wordcloud. It is possible for users to add their own
@@ -5799,6 +5912,14 @@ declare namespace Highcharts {
          * The sequential index of the series in the legend.
          */
         legendIndex?: number;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        maxFontSize?: number | null;
+        /**
+         * For area-like series, allow the font size to vary so that small areas get a smaller font size. The default applies this effect to area-like series but not line-like series.
+         */
+        minFontSize?: number | null;
         /**
          * The name of the series as shown in the legend, tooltip etc.
          */
@@ -6419,7 +6540,7 @@ declare namespace Highcharts {
         /**
          * Options for configuring annotations, for example labels, arrows or shapes.
          */
-        annotations?: AnnotationsOptions;
+        annotations?: AnnotationsOptions[];
         /**
          * Options regarding the chart area and plot area as well as general chart options.
          */
@@ -6623,16 +6744,10 @@ declare namespace Highcharts {
         /**
          * Set new categories for the axis. Redraws.
          * @param categories The new category names.
+         * @param redraw Whether to redraw the axis or wait for an explicit call to chart.redraw().
          * @since 1.2.0
          */
-        setCategories(categories: string[]): void;
-        /**
-         * Set new categories for the axis.
-         * @param categories The new category names.
-         * @param  redraw     Whether to redraw the axis or wait for an explicit call to chart.redraw().
-         * @since 1.2.0
-         */
-        setCategories(categories: string[], redraw: boolean): void;
+        setCategories(categories: string[], redraw?: boolean): void;
         /**
          * Set the minimum and maximum of the axes after render time. If the startOnTick and endOnTick options are true, the
          * minimum and maximum values are rounded off to the nearest tick. To prevent this, these options can be set to
@@ -6742,22 +6857,6 @@ declare namespace Highcharts {
          * @since 3.0.8
          */
         drillUp(): void;
-        /**
-         * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
-         * conversion.
-         * @since 2.0
-         */
-        exportChart(): void;
-        /**
-         * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
-         * conversion.
-         * @param options Exporting options. Out of the exporting options, the following options can be given as parameters to the exportChart method.
-         * All options default to the values given in the exporting config options. filename: the filename for the export without extension,
-         * url: the URL for the server module to do the conversion, width: the width of the PNG or JPEG image generated on the server,
-         * type: the MIME type of the converted image, sourceWidth: the width of the source (in-page) chart, sourceHeight: the height of the source chart.
-         * @since 2.0
-         */
-        exportChart(options: ExportingOptions): void;
         /**
          * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
          * conversion.
@@ -6768,31 +6867,17 @@ declare namespace Highcharts {
          * @param chartOptions Additional chart options for the exported chart. For example a different background color can be added here.
          * @since 2.0
          */
-        exportChart(options: ExportingOptions, chartOptions: Options): void;
+        exportChart(options?: ExportingOptions, chartOptions?: Options): void;
         /**
          * Export the chart to a PNG or SVG without sending it to a server. Requires
          * modules/exporting.js and modules/offline-exporting.js.
-         * @since 2.0
-         */
-        exportChartLocal(): void;
-        /**
-         * Export the chart to a PNG or SVG without sending it to a server. Requires
-         * modules/exporting.js and modules/offline-exporting.js.
-         * @param options Exporting options. Same as
-         * the exportChart params.
-         * @since 2.0
-         */
-        exportChartLocal(options: ExportingOptions): void;
-        /**
-         * Export the chart to a PNG or SVG without sending it to a server.
-         * Requires modules/exporting.js and modules/offline-exporting.js.
          * @param options Exporting options. Same as
          * the exportChart params.
          * @param chartOptions Additional chart options for the
          * exported chart. Same as the exportChart params.
          * @since 2.0
          */
-        exportChartLocal(options: ExportingOptions, chartOptions: Options): void;
+        exportChartLocal(options?: ExportingOptions, chartOptions?: Options): void;
         /**
          * Get an axis, series or point by its id as given in the configuration options.
          * @param  id The id of the axis, series or point to get.
@@ -6936,23 +7021,12 @@ declare namespace Highcharts {
         /**
          * This is the constructor for creating a new chart object.
          * @param  options The chart options
-         */
-        new (options: Options): ChartObject;
-        /**
-         * This is the constructor for creating a new chart object.
-         * @param options The chart options
          * @param callback A function to execute when the chart object is finished loading and rendering. In most cases the chart is built in one thread,
          * but in Internet Explorer version 8 or less the chart is sometimes initiated before the document is ready,
          * and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart().
          * s a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
          */
-        new (options: Options, callback: (chart: ChartObject) => void): ChartObject;
-        /**
-         * This is the constructor for creating a new chart object.
-         * @param renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
-         * @param options The chart options
-         */
-        new (renderTo: string | HTMLElement, options: Options): ChartObject;
+        new (options: Options, callback?: (chart: ChartObject) => void): ChartObject;
         /**
          * This is the constructor for creating a new chart object.
          * @param renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
@@ -6962,7 +7036,7 @@ declare namespace Highcharts {
          * and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart().
          * As a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
          */
-        new (renderTo: string | HTMLElement, options: Options, callback: (chart: ChartObject) => void): ChartObject;
+        new (renderTo: string | HTMLElement, options: Options, callback?: (chart: ChartObject) => void): ChartObject;
     }
 
     /**
@@ -7536,13 +7610,6 @@ declare namespace Highcharts {
 declare global {
     interface JQuery {
         highcharts(): Highcharts.ChartObject;
-        /**
-         * Creates a new Highcharts.Chart for the current JQuery selector; usually
-         * a div selected by $('#container')
-         * @param options Options for this chart
-         * @return current {JQuery} selector the current JQuery selector
-         */
-        highcharts(options: Highcharts.Options): JQuery;
         /**
          * Creates a new Highcharts.Chart for the current JQuery selector; usually
          * a div selected by $('#container')
@@ -7550,7 +7617,7 @@ declare global {
          * @param callback Callback function used to manipulate the constructed chart instance
          * @return current {JQuery} selector the current JQuery selector
          */
-        highcharts(options: Highcharts.Options, callback: (chart: Highcharts.ChartObject) => void): JQuery;
+        highcharts(options: Highcharts.Options, callback?: (chart: Highcharts.ChartObject) => void): JQuery;
     }
 }
 
diff --git a/types/highcharts/modules/boost.d.ts b/types/highcharts/modules/boost.d.ts
index e0a3480f95..2e4da45b13 100644
--- a/types/highcharts/modules/boost.d.ts
+++ b/types/highcharts/modules/boost.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts 4.2.6 (boost module)
-// Project: http://www.highcharts.com/
-// Definitions by: Daniel Martin <https://github.com/inad9300>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import { Static } from "highcharts";
 
 declare function HighchartsBoost(H: Static): Static;
diff --git a/types/highcharts/modules/drilldown.d.ts b/types/highcharts/modules/drilldown.d.ts
index adf9bae6f8..46115cb4ad 100644
--- a/types/highcharts/modules/drilldown.d.ts
+++ b/types/highcharts/modules/drilldown.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts Drilldown 4.2.7
-// Project: http://www.highcharts.com/
-// Definitions by: Konstantin Rohde <https://github.com/RohdeK>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import { Static } from "highcharts";
 
 declare function HighchartsDrilldown(H: Static): Static;
diff --git a/types/highcharts/modules/exporting.d.ts b/types/highcharts/modules/exporting.d.ts
index b4b0124a66..18f9615d41 100644
--- a/types/highcharts/modules/exporting.d.ts
+++ b/types/highcharts/modules/exporting.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts 4.2.6 (exporting module)
-// Project: http://www.highcharts.com/
-// Definitions by: Maciej Suchecki <https://github.com/mc-suchecki>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import { Static } from "highcharts";
 
 declare function HighchartsExporting(H: Static): Static;
diff --git a/types/highcharts/modules/map/index.d.ts b/types/highcharts/modules/map/index.d.ts
index ecf553945b..12b2ca0a7e 100644
--- a/types/highcharts/modules/map/index.d.ts
+++ b/types/highcharts/modules/map/index.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highmaps 4.2.7
-// Project: http://www.highcharts.com/products/highmaps
-// Definitions by: Albert Ozimek <https://github.com/AlbertOzimek>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import * as highcharts from 'highcharts';
 import * as geojson from 'geojson';
 
diff --git a/types/highcharts/modules/no-data-to-display.d.ts b/types/highcharts/modules/no-data-to-display.d.ts
index f79ce249d1..bb8d406e03 100644
--- a/types/highcharts/modules/no-data-to-display.d.ts
+++ b/types/highcharts/modules/no-data-to-display.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts No Data to Display 4.2.7
-// Project: http://www.highcharts.com/
-// Definitions by: Andrey Zolotin <https://github.com/nitoloz>, Rowell Heria <https://github.com/rowellx68>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import { Static } from "highcharts";
 
 declare module "highcharts" {
diff --git a/types/highcharts/modules/offline-exporting.d.ts b/types/highcharts/modules/offline-exporting.d.ts
index ee38e1c91b..5f536a8588 100644
--- a/types/highcharts/modules/offline-exporting.d.ts
+++ b/types/highcharts/modules/offline-exporting.d.ts
@@ -1,8 +1,3 @@
-// Type definitions for Highcharts 4.2.6 (offline exporting module)
-// Project: http://www.highcharts.com/
-// Definitions by: Daniel Martin <https://github.com/inad9300>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
 import { Static } from "highcharts";
 
 declare function HighchartsOfflineExporting(H: Static): Static;
diff --git a/types/highcharts/test/highstock.ts b/types/highcharts/test/highstock.ts
index f1a464f491..af9de8d1f9 100644
--- a/types/highcharts/test/highstock.ts
+++ b/types/highcharts/test/highstock.ts
@@ -66,10 +66,10 @@ $(() => {
             }
         },
 
-        series: [<Highcharts.AreaRangeChartSeriesOptions> {
+        series: [{
             name: 'USD to EUR',
             data: someData,
             lineColor: "blue"
-        }]
+        } as Highcharts.AreaRangeChartSeriesOptions]
     });
 });
diff --git a/types/highcharts/test/index.ts b/types/highcharts/test/index.ts
index 1eaa5da438..1474ee7e9c 100644
--- a/types/highcharts/test/index.ts
+++ b/types/highcharts/test/index.ts
@@ -40,15 +40,15 @@ function originalTests() {
             renderTo: "container"
         },
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             description: "foo",
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 
-    chart1.addSeries<Highcharts.BarChartSeriesOptions>({
+    chart1.addSeries({
         enableMouseTracking: true,
         data: [1, 2, 3, 4, 5],
         description: "some description"
@@ -61,7 +61,7 @@ function originalTests() {
             height: 400,
             spacingRight: 20
         },
-        xAxis: [<Highcharts.AxisOptions> {
+        xAxis: [{
             description: 'x-foo',
             min: 1,
             max: 1000,
@@ -71,7 +71,7 @@ function originalTests() {
             gridLineWidth: 1,
             type: 'logarithmic'
         }],
-        yAxis: [<Highcharts.AxisOptions> {
+        yAxis: [{
             description: 'y-foo',
             min: 1,
             max: 1000,
@@ -85,7 +85,7 @@ function originalTests() {
         legend: {
             enabled: false
         },
-        series: [<Highcharts.ScatterChartSeriesOptions> {
+        series: [{
             data: [
                 [550, 870], [738, 362], [719, 711], [547, 665], [595, 197], [332, 144],
                 [581, 555], [196, 862], [6, 837], [400, 924], [888, 148], [785, 730],
@@ -114,12 +114,12 @@ function originalTests() {
             renderTo: "container"
         },
         xAxis: {},
-        series: [<Highcharts.ColumnRangeChartSeriesOptions> {
+        series: [{
             data: [[1, 1, 2], [2, 2, 3], [3, 2, 3]],
             description: "foo",
             type: "columnrange",
             allowPointSelect: true
-        }]
+        } as Highcharts.ColumnRangeChartSeriesOptions]
     });
 
     const chart4 = new Highcharts.Chart({
@@ -127,12 +127,12 @@ function originalTests() {
             renderTo: "container"
         },
         xAxis: {},
-        series: [<Highcharts.ColumnRangeChartSeriesOptions> {
+        series: [{
             data: [["01-01-2018", 1, 2], ["02-01-2018", 2, 3], ["03-01-2018", 2, 3]],
             description: "column range data",
             type: "columnrange",
             allowPointSelect: true
-        }]
+        } as Highcharts.ColumnRangeChartSeriesOptions]
     });
 
     const div: HTMLDivElement = null as any;
@@ -146,7 +146,7 @@ function originalTests() {
         },
         xAxis: [{
         }],
-        series: [<Highcharts.PieChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
         }]
     };
@@ -164,47 +164,47 @@ function originalTests() {
 
     const renderToIdChart = new Highcharts.Chart("container", {
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 
     const renderToElementChart = new Highcharts.Chart(div, {
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 
     const createWithFunction = Highcharts.chart({
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 
     const createWithFunctionRenderToId = Highcharts.chart("container", {
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 
     const createWithFunctionRenderToElement = Highcharts.chart(div, {
         xAxis: {},
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
-        }]
+        } as Highcharts.LineChartSeriesOptions]
     });
 }
 
@@ -245,7 +245,7 @@ function test_ChartOptions() {
             duration: 500,
             easing: "linear"
         },
-        backgroundColor: <Highcharts.Gradient> {
+        backgroundColor: {
             linearGradient: {
                 x1: 0,
                 y1: 0,
@@ -261,7 +261,7 @@ function test_ChartOptions() {
         colorCount: 42,
         defaultSeriesType: "deprecated",
         description: "an arbitrary description",
-        events: <Highcharts.ChartEvents> {
+        events: {
             addSeries: () => { },
             afterPrint: () => { },
             beforePrint: () => { },
@@ -281,21 +281,21 @@ function test_ChartOptions() {
         marginLeft: 10,
         marginRight: 10,
         marginTop: 10,
-        options3d: <Highcharts.ChartOptions3d> {
+        options3d: {
             alpha: 20,
             beta: 20,
             depth: 50,
             enabled: true,
             frame: {
-                back: <Highcharts.ChartOptions3dFrame> {
+                back: {
                     color: "black",
                     size: 2
                 },
-                bottom: <Highcharts.ChartOptions3dFrame> {
+                bottom: {
                     color: "black",
                     size: 2
                 },
-                side: <Highcharts.ChartOptions3dFrame> {
+                side: {
                     color: "black",
                     size: 2
                 }
@@ -309,7 +309,7 @@ function test_ChartOptions() {
         plotBackgroundImage: "http://image.url/image.jpg",
         plotBorderColor: "grey",
         plotBorderWidth: 5,
-        plotShadow: <Highcharts.Shadow> {
+        plotShadow: {
             color: "magenta",
             offsetX: 10,
             offsetY: 10,
@@ -319,15 +319,15 @@ function test_ChartOptions() {
         polar: true,
         reflow: false,
         renderTo: "elementId",
-        resetZoomButton: <Highcharts.ChartResetZoomButton> {
-            position: <Highcharts.Position> {
+        resetZoomButton: {
+            position: {
                 align: "left",
                 verticalAlign: "top",
                 x: 5,
                 y: 5
             },
             relativeTo: "chart",
-            theme: <Highcharts.ButtonTheme> {
+            theme: {
                 display: "hidden",
                 fill: "black",
                 stroke: "white",
@@ -394,7 +394,7 @@ function test_ChartOptions() {
     });
 
     // animation example
-    $('#container').highcharts(<Highcharts.Options> {
+    $('#container').highcharts({
         chart: {
             animation: {
                 duration: 1500,
@@ -479,7 +479,7 @@ function test_ChartOptions() {
         chart: {
             events: {
                 addSeries() {
-                    const label = (<Highcharts.ChartObject> this).renderer.label('A series was added, about to redraw chart', 100, 120)
+                    const label = (this as Highcharts.ChartObject).renderer.label('A series was added, about to redraw chart', 100, 120)
                         .attr({
                             fill: Highcharts.getOptions().colors[0],
                             padding: 10,
@@ -729,21 +729,21 @@ function test_Data() {
             }
         },
         series: [
-            <Highcharts.LineChartSeriesOptions> {
+            {
                 lineWidth: 1
             },
-            <Highcharts.AreaSplineChartSeriesOptions> {
+            {
                 type: 'areaspline',
                 color: '#c4392d',
                 negativeColor: '#5679c4',
                 fillOpacity: 0.5
-            }
+            } as Highcharts.AreaSplineChartSeriesOptions
         ]
     });
 
     // limited data example
     $('#container').highcharts({
-        data: <Highcharts.DataOptions> {
+        data: {
             csv: document.getElementById('csv').innerHTML,
             startRow: 114,
             endRow: 134,
@@ -753,7 +753,7 @@ function test_Data() {
         xAxis: {
             allowDecimals: false
         },
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             name: 'Annual mean'
         }]
     });
@@ -784,14 +784,14 @@ function test_Drilldown() {
             type: 'category'
         },
         plotOptions: {
-            series: <Highcharts.ColumnChart> {
+            series: {
                 borderWidth: 0,
                 dataLabels: {
                     enabled: true
                 }
-            }
+            } as Highcharts.ColumnChart
         },
-        series: [<Highcharts.ColumnChartSeriesOptions> {
+        series: [{
             name: '2010',
             data: [{
                 name: 'Republican',
@@ -806,7 +806,7 @@ function test_Drilldown() {
                 y: 4,
                 drilldown: 'other-2010'
             }]
-        }, <Highcharts.ColumnChartSeriesOptions> {
+        }, {
             name: '2014',
             data: [{
                 name: 'Republican',
@@ -823,7 +823,7 @@ function test_Drilldown() {
             }]
         }],
         drilldown: {
-            series: [<Highcharts.ColumnChartSeriesOptions> {
+            series: [{
                 id: 'republican-2010',
                 data: [
                     ['East', 4],
@@ -831,7 +831,7 @@ function test_Drilldown() {
                     ['North', 1],
                     ['South', 4]
                 ]
-            }, <Highcharts.ColumnChartSeriesOptions> {
+            }, {
                 id: 'democrats-2010',
                 data: [
                     ['East', 6],
@@ -839,7 +839,7 @@ function test_Drilldown() {
                     ['North', 2],
                     ['South', 4]
                 ]
-            }, <Highcharts.ColumnChartSeriesOptions> {
+            }, {
                 id: 'other-2010',
                 data: [
                     ['East', 2],
@@ -847,7 +847,7 @@ function test_Drilldown() {
                     ['North', 3],
                     ['South', 2]
                 ]
-            }, <Highcharts.ColumnChartSeriesOptions> {
+            }, {
                 id: 'republican-2014',
                 data: [
                     ['East', 2],
@@ -855,7 +855,7 @@ function test_Drilldown() {
                     ['North', 1],
                     ['South', 7]
                 ]
-            }, <Highcharts.ColumnChartSeriesOptions> {
+            }, {
                 id: 'democrats-2014',
                 data: [
                     ['East', 4],
@@ -863,7 +863,7 @@ function test_Drilldown() {
                     ['North', 5],
                     ['South', 3]
                 ]
-            }, <Highcharts.ColumnChartSeriesOptions> {
+            }, {
                 id: 'other-2014',
                 data: [
                     ['East', 7],
@@ -881,14 +881,14 @@ function test_Drilldown() {
             type: 'column'
         },
         plotOptions: {
-            series: <Highcharts.ColumnChart> {
+            series: {
                 borderWidth: 0,
                 dataLabels: {
                     enabled: true
                 }
-            }
+            } as Highcharts.ColumnChart
         },
-        series: [<Highcharts.ColumnChartSeriesOptions> {
+        series: [{
             name: 'Things',
             colorByPoint: true,
             data: [{
@@ -903,7 +903,7 @@ function test_Drilldown() {
                 name: 'Cars',
                 y: 4
             }]
-        }],
+        } as Highcharts.ColumnChartSeriesOptions],
         drilldown: {
             activeAxisLabelStyle: {
                 textDecoration: 'none',
@@ -976,7 +976,7 @@ function test_Exporting() {
         series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
         }],
-        exporting: <Highcharts.ExportingOptions> {
+        exporting: {
             error: () => {
                 console.log('succesfully asserted exporting.error');
             },
@@ -987,7 +987,7 @@ function test_Exporting() {
             chartOptions: {
                 subtitle: null
             }
-        }
+        } as Highcharts.ExportingOptions
     });
 }
 
@@ -1113,12 +1113,12 @@ function test_AreaOptions() {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
         plotOptions: {
-            series: <Highcharts.AreaChartSeriesOptions> {
+            series: {
                 fillColor: {
                     linearGradient: [0, 0, 0, 300],
                     stops: [
                         [0, Highcharts.getOptions().colors[0]],
-                        [1, (<Highcharts.Gradient> Highcharts.Color(Highcharts.getOptions().colors[0])).setOpacity(0).get('rgba')]
+                        [1, ((Highcharts.Color(Highcharts.getOptions().colors[0])) as Highcharts.Gradient).setOpacity(0).get('rgba')]
                     ]
                 },
                 fillOpacity: 0.1,
@@ -1129,7 +1129,7 @@ function test_AreaOptions() {
                 threshold: 100,
                 trackByArea: true,
                 stickyTracking: false // to show the difference in tracking
-            }
+            } as Highcharts.AreaChartSeriesOptions
         },
         series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
@@ -1146,7 +1146,7 @@ function test_AreaRange() {
             type: "arearange",
             zoomType: 'x'
         },
-        series: [<Highcharts.AreaRangeChartSeriesOptions> {
+        series: [{
             data: (((arr: number[], len: number) => {
                 for (let i = 0; i < len; i = i + 1) {
                     arr.push(i);
@@ -1191,7 +1191,7 @@ function test_AreaRange() {
             legend: {
                 enabled: false
             },
-            series: [<Highcharts.AreaRangeChartSeriesOptions> {
+            series: [{
                 name: 'Temperatures',
                 data,
                 dataLabels: {
@@ -1199,7 +1199,7 @@ function test_AreaRange() {
                     yHigh: 20,
                     yLow: -20
                 }
-            }]
+            } as Highcharts.AreaRangeChartSeriesOptions]
         });
     });
 }
@@ -1215,7 +1215,7 @@ function test_Bar() {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
         plotOptions: {
-            series: <Highcharts.BarChartSeriesOptions> {
+            series: {
                 borderColor: '#303030',
                 borderRadius: 5,
                 borderWidth: 2,
@@ -1240,7 +1240,7 @@ function test_Bar() {
                         }
                     }
                 }
-            }
+            } as Highcharts.BarChartSeriesOptions
         },
         series: [{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
@@ -1274,7 +1274,7 @@ function test_Bar() {
 
     // grouping example
     Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, (color: string) => {
-        return (<Highcharts.Gradient> Highcharts.Color(color))
+        return (Highcharts.Color(color) as Highcharts.Gradient)
             .setOpacity(0.5)
             .get('rgba');
     });
@@ -1309,19 +1309,19 @@ function test_Bar() {
                 shadow: false
             }
         },
-        series: [<Highcharts.BarChartSeriesOptions> {
+        series: [{
             name: 'Tokyo',
             data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             pointPadding: 0
-        }, <Highcharts.BarChartSeriesOptions> {
+        } as Highcharts.BarChartSeriesOptions, {
             name: 'New York',
             data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3],
             pointPadding: 0.1
-        }, <Highcharts.BarChartSeriesOptions> {
+        }, {
             name: 'London',
             data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2],
             pointPadding: 0.2
-        }, <Highcharts.BarChartSeriesOptions> {
+        }, {
             name: 'Berlin',
             data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1],
             pointPadding: 0.3
@@ -1407,7 +1407,7 @@ function test_Bubble() {
                 maxSize: 50
             }
         },
-        series: [<Highcharts.BubbleChartSeriesOptions> {
+        series: [{
             data: [
                 [9, 81, 13],
                 [98, 5, 39],
@@ -1430,7 +1430,7 @@ function test_Bubble() {
             zMin: 0,
             zMax: 100,
             zThreshold: 0
-        }]
+        } as Highcharts.BubbleChartSeriesOptions]
     });
 
     // size by absolute value example
@@ -1444,7 +1444,7 @@ function test_Bubble() {
         subtitle: {
             text: 'Size is computed by absolute value on negative bubbles'
         },
-        series: [<Highcharts.BubbleChartSeriesOptions> {
+        series: [{
             data: [
                 [-5, 0, -5],
                 [-4, 0, -4],
@@ -1460,7 +1460,7 @@ function test_Bubble() {
             ],
             sizeByAbsoluteValues: true,
             negativeColor: '#FF0000'
-        }]
+        } as Highcharts.BubbleChartSeriesOptions]
     });
 }
 
@@ -1479,7 +1479,7 @@ function test_ColumnCrispFalse() {
         }
         return arr;
     };
-    const chart = new Highcharts.Chart(<Highcharts.Options> {
+    const chart = new Highcharts.Chart({
         title: {
             text: 'Crisp columns are disabled'
         },
@@ -1527,7 +1527,7 @@ function test_ErrorBar() {
         tooltip: {
             shared: true
         },
-        series: [<Highcharts.SplineChartSeriesOptions> {
+        series: [{
             name: 'Temperature',
             type: 'spline',
             data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
@@ -1537,7 +1537,7 @@ function test_ErrorBar() {
             tooltip: {
                 pointFormat: '<span style="font-weight: bold; color: {series.color}"> {series.name}</span> : <b> {point.y:.1f}°C</b> <br/> '
             }
-        }, <Highcharts.ErrorBarChartSeriesOptions> {
+        } as Highcharts.SplineChartSeriesOptions, {
             color: '#FF0000',
             name: 'Temperature error',
             type: 'errorbar',
@@ -1549,7 +1549,7 @@ function test_ErrorBar() {
             stemDashStyle: "Solid",
             stemWidth: 3,
             whiskerLength: 0
-        }]
+        } as Highcharts.ErrorBarChartSeriesOptions]
     });
 }
 
@@ -1568,7 +1568,7 @@ function test_FindNearestPointBy() {
             }
         },
 
-        series: [<Highcharts.IndividualSeriesOptions> {
+        series: [{
             findNearestPointBy: 'x',
             // Hover at [3.5, 6] to demo x-dimension search
             // Compare to Series 2 behavior at [5.5, 3]
@@ -1584,7 +1584,7 @@ function test_FindNearestPointBy() {
                 [6, 6],
                 [7, 6]
             ]
-        }, <Highcharts.IndividualSeriesOptions> {
+        } as Highcharts.IndividualSeriesOptions, {
             findNearestPointBy: 'xy',
             // Hover at [1, 4] to demo xy-dimension search.
             // Useful when having multiple points on the same x-value.
@@ -1600,7 +1600,7 @@ function test_FindNearestPointBy() {
                 [6, 3],
                 [7, 3]
             ]
-        }]
+        } as Highcharts.IndividualSeriesOptions]
     });
 }
 
@@ -1618,7 +1618,7 @@ function test_Funnel() {
             x: -50
         },
         plotOptions: {
-            series: <Highcharts.FunnelChartSeriesOptions> {
+            series: {
                 dataLabels: {
                     enabled: true,
                     format: '<b> {point.name}</b>  ({point.y:,.0f})',
@@ -1630,7 +1630,7 @@ function test_Funnel() {
                 reversed: false,
                 height: "10%",
                 width: 100
-            }
+            } as Highcharts.FunnelChartSeriesOptions
         },
         legend: {
             enabled: false
@@ -1701,10 +1701,10 @@ function test_Gauge() {
                 }
             }
         },
-        series: [<Highcharts.GaugeChartSeriesOptions> {
+        series: [{
             data: [80],
             overshoot: 5
-        }]
+        } as Highcharts.GaugeChartSeriesOptions]
     });
 }
 
@@ -1757,14 +1757,14 @@ function test_HeatMap() {
             ],
             min: -5
         },
-        series: [<Highcharts.HeatMapSeriesOptions> {
+        series: [{
             borderWidth: 0,
             colsize: 24 * 36e5, // one day
             tooltip: {
                 headerFormat: 'Temperature<br/> ',
                 pointFormat: '{point.x:%e %b, %Y} {point.y}:00: <b> {point.value} ℃</b> '
             }
-        }]
+        } as Highcharts.HeatMapSeriesOptions]
     });
 }
 
@@ -1779,17 +1779,17 @@ function test_Line() {
         xAxis: {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
-        series: [<Highcharts.LineChartSeriesOptions> {
+        series: [{
             data: [1, 2, 3, 4, null, 6, 7, null, 9],
             step: 'right',
             name: 'Right',
             linecap: 'round'
-        }, <Highcharts.LineChartSeriesOptions> {
+        } as Highcharts.LineChartSeriesOptions, {
             data: [5, 6, 7, 8, null, 10, 11, null, 13],
             step: 'center',
             name: 'Center',
             linecap: 'round'
-        }, <Highcharts.LineChartSeriesOptions> {
+        }, {
             data: [9, 10, 11, 12, null, 14, 15, null, 17],
             step: 'left',
             name: 'Left',
@@ -1829,7 +1829,7 @@ function test_Pie() {
                 }
             }
         },
-        series: [<Highcharts.PieChartSeriesOptions> {
+        series: [{
             name: "Brands",
             colorByPoint: true,
             data: [{
@@ -1853,7 +1853,7 @@ function test_Pie() {
                 name: "Proprietary or Undetectable",
                 y: 0.2
             }]
-        }]
+        } as Highcharts.PieChartSeriesOptions]
     });
 
     // semi circle
@@ -1888,7 +1888,7 @@ function test_Pie() {
                 center: ['50%', '75%']
             }
         },
-        series: [<Highcharts.PieChartSeriesOptions> {
+        series: [{
             type: 'pie',
             name: 'Browser share',
             innerSize: '50%',
@@ -2161,10 +2161,10 @@ function test_Waterfall() {
 }
 
 function test_AccessibilityOptions() {
-    const accessibilityOptions: Highcharts.AccessibilityOptions = <Highcharts.AccessibilityOptions> {
+    const accessibilityOptions: Highcharts.AccessibilityOptions = {
         describeSingleSeries: true,
         enabled: true,
-        keyboardNavigation: <Highcharts.KeyboardNavigationOptions> {
+        keyboardNavigation: {
             enabled: true,
             skipNullPoints: true
         },
@@ -2177,7 +2177,7 @@ function test_AccessibilityOptions() {
         seriesDescriptionFormatter: () => { }
     };
 
-    const chart = new Highcharts.Chart(<Highcharts.Options> {
+    const chart = new Highcharts.Chart({
         accessibility: accessibilityOptions
     });
 }
@@ -2435,31 +2435,31 @@ function test_AxisObject() {
     axis.toPixels(10, true);
     axis.toValue(10);
     axis.toValue(10, true);
-    axis.update(<Highcharts.AxisOptions> {});
-    axis.update(<Highcharts.AxisOptions> {}, true);
+    axis.update({});
+    axis.update({}, true);
 }
 
 function test_ChartObject() {
     const chart = $("#container").highcharts();
-    chart.addAxis(<Highcharts.AxisOptions> {});
-    chart.addAxis(<Highcharts.AxisOptions> {}, true);
-    chart.addAxis(<Highcharts.AxisOptions> {}, true, false);
-    chart.addAxis(<Highcharts.AxisOptions> {}, true, true, false);
-    chart.addAxis(<Highcharts.AxisOptions> {}, true, true, { duration: 50 });
-    chart.addSeries(<Highcharts.IndividualSeriesOptions> {});
-    chart.addSeries(<Highcharts.IndividualSeriesOptions> {}, false);
-    chart.addSeries(<Highcharts.IndividualSeriesOptions> {}, false, false);
-    chart.addSeries(<Highcharts.IndividualSeriesOptions> {}, false, { duration: 50 });
-    chart.addSeriesAsDrilldown(<Highcharts.PointObject> {}, <Highcharts.IndividualSeriesOptions> {});
+    chart.addAxis({});
+    chart.addAxis({}, true);
+    chart.addAxis({}, true, false);
+    chart.addAxis({}, true, true, false);
+    chart.addAxis({}, true, true, { duration: 50 });
+    chart.addSeries({});
+    chart.addSeries({}, false);
+    chart.addSeries({}, false, false);
+    chart.addSeries({}, false, { duration: 50 });
+    chart.addSeriesAsDrilldown({} as Highcharts.PointObject, {});
     const container = chart.container;
     console.log(container.id);
     chart.destroy();
     chart.drillUp();
-    chart.exportChart(<Highcharts.ExportingOptions> {}, <Highcharts.Options> {});
-    chart.exportChartLocal(<Highcharts.ExportingOptions> {}, <Highcharts.Options> {});
+    chart.exportChart({}, {});
+    chart.exportChartLocal({}, {});
     const object = chart.get('axisIdOrSeriesIdOrPointId');
     const svg1 = chart.getSVG();
-    const svg2 = chart.getSVG(<Highcharts.Options> {});
+    const svg2 = chart.getSVG({});
     const selectedPoints = chart.getSelectedPoints();
     const selectedSeries = chart.getSelectedSeries();
     chart.hideLoading();
@@ -2480,11 +2480,11 @@ function test_ChartObject() {
     const firstXAxis = chart.xAxis[0];
     const firstYAxis = chart.yAxis[0];
     const legend = chart.legend;
-    chart.update(<Highcharts.Options> {});
-    chart.update(<Highcharts.Options> {}, true);
-    chart.update(<Highcharts.Options> {}, true, true);
-    chart.update(<Highcharts.Options> {}, true, true, true);
-    chart.update(<Highcharts.Options> {}, true, true, {
+    chart.update({});
+    chart.update({}, true);
+    chart.update({}, true, true);
+    chart.update({}, true, true, true);
+    chart.update({}, true, true, {
         duration: 3000,
     });
 }
@@ -2564,7 +2564,7 @@ function test_NumericSymbolMagnitude() {
 }
 
 function test_PaneBackground() {
-    const pane = <Highcharts.PaneBackground> {
+    const pane = {
         backgroundColor: 'blue',
         borderColor: 'white',
         borderWidth: 5,
@@ -2576,7 +2576,7 @@ function test_PaneBackground() {
 }
 
 function test_PointObject() {
-    const point = <Highcharts.PointObject> $('#container').highcharts().get('point1');
+    const point = $('#container').highcharts().get('point1') as Highcharts.PointObject;
     const category = point.category;
     const percentage = point.percentage;
     point.index;
@@ -2608,7 +2608,7 @@ function test_RendererObject() {
     const renderer = $('#container').highcharts().renderer;
     renderer.arc(0, 0, 20, 10, 0, Math.PI);
     renderer.circle(0, 0, 100);
-    renderer.definition(<object> {});
+    renderer.definition({});
     renderer.g('groupName');
     renderer.image('http://source', 20, 20, 100, 100);
     renderer.label('Label', 200, 100, 'rect', 0, 0, false, false, 'class');
@@ -2618,15 +2618,15 @@ function test_RendererObject() {
 }
 
 function test_ResponsiveOptions() {
-    const responsiveOptions: Highcharts.ResponsiveOptions = <Highcharts.ResponsiveOptions> {
+    const responsiveOptions: Highcharts.ResponsiveOptions = {
         rules: [
-            <Highcharts.RulesOptions> {
-                chartOptions: <Highcharts.Options> {
+            {
+                chartOptions: {
                     chart: {
                         description: 'just a test'
                     }
                 },
-                condition: <Highcharts.ConditionOptions> {
+                condition: {
                     callback: () => { },
                     maxHeight: 420,
                     maxWidth: 420,
@@ -2637,13 +2637,13 @@ function test_ResponsiveOptions() {
         ]
     };
 
-    const chart = new Highcharts.Chart(<Highcharts.Options> {
+    const chart = new Highcharts.Chart({
         responsive: responsiveOptions
     });
 }
 
 function test_SeriesObject() {
-    const series = <Highcharts.SeriesObject> $('#container').highcharts().get('series1');
+    const series = $('#container').highcharts().get('series1') as Highcharts.SeriesObject;
     series.addPoint(0);
     series.addPoint([0, 0]);
     series.addPoint({});
diff --git a/types/highcharts/tslint.json b/types/highcharts/tslint.json
index cfc8218eab..d6b6fde9be 100644
--- a/types/highcharts/tslint.json
+++ b/types/highcharts/tslint.json
@@ -3,9 +3,7 @@
     "rules": {
         // TODOs
         "ban-types": false,
-        "unified-signatures": false,
         "no-empty-interface": false,
-        "dt-header": false,
         "no-declare-current-package": false,
         "no-object-literal-type-assertion": false,
         "no-self-import": false,
diff --git a/types/history.js/tslint.json b/types/history.js/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/history.js/tslint.json
+++ b/types/history.js/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/history/DOMUtils.d.ts b/types/history/DOMUtils.d.ts
index 7ec86d00c9..180bbdcbeb 100644
--- a/types/history/DOMUtils.d.ts
+++ b/types/history/DOMUtils.d.ts
@@ -1,6 +1,13 @@
+declare global {
+    // Some users of this package are don't use "dom" libs
+    interface EventTarget {}
+    interface EventListener {}
+    interface EventListenerObject {}
+}
+
 export const isExtraneousPopstateEvent: boolean;
-export function addEventListener(node: EventTarget, event: string, listener: EventListenerOrEventListenerObject): void;
-export function removeEventListener(node: EventTarget, event: string, listener: EventListenerOrEventListenerObject): void;
+export function addEventListener(node: EventTarget, event: string, listener: EventListener | EventListenerObject): void;
+export function removeEventListener(node: EventTarget, event: string, listener: EventListener | EventListenerObject): void;
 export function getConfirmation(message: string, callback: (result: boolean) => void): void;
 export function supportsHistory(): boolean;
 export function supportsGoWithoutReloadUsingHash(): boolean;
diff --git a/types/history/createMemoryHistory.d.ts b/types/history/createMemoryHistory.d.ts
index e1aca026e2..6142f4e3a4 100644
--- a/types/history/createMemoryHistory.d.ts
+++ b/types/history/createMemoryHistory.d.ts
@@ -1,4 +1,4 @@
-import { History, Location } from './index';
+import { History, Location, LocationState } from './index';
 import { getConfirmation } from './DOMUtils';
 
 export interface MemoryHistoryBuildOptions {
@@ -8,9 +8,9 @@ export interface MemoryHistoryBuildOptions {
   keyLength?: number;
 }
 
-export interface MemoryHistory extends History {
+export interface MemoryHistory<HistoryLocationState = LocationState> extends History<HistoryLocationState> {
   index: number;
-  entries: Location[];
+  entries: Location<HistoryLocationState>[];
   canGo(n: number): boolean;
 }
 
diff --git a/types/history/history-tests.ts b/types/history/history-tests.ts
index 0a63059b12..689035c9ed 100644
--- a/types/history/history-tests.ts
+++ b/types/history/history-tests.ts
@@ -1,4 +1,4 @@
-import { createBrowserHistory, createMemoryHistory, createHashHistory, createLocation, Location } from 'history';
+import { createBrowserHistory, createMemoryHistory, createHashHistory, createLocation, Location, History, MemoryHistory } from 'history';
 import * as LocationUtils from 'history/LocationUtils';
 import * as PathUtils from 'history/PathUtils';
 import * as DOMUtils from 'history/DOMUtils';
@@ -7,7 +7,7 @@ import * as ExecutionEnvironment from 'history/ExecutionEnvironment';
 let input = { value: "" };
 
 {
-    let history = createBrowserHistory();
+    let history: History<{some: 'state'}> = createBrowserHistory();
 
     // Listen for changes to the current location. The
     // listener is called once immediately.
@@ -43,7 +43,7 @@ let input = { value: "" };
 }
 
 {
-    let history = createMemoryHistory();
+    let history: MemoryHistory<{the: 'state'}> = createMemoryHistory();
 
     // Pushing a path string.
     history.push('/the/path');
diff --git a/types/history/index.d.ts b/types/history/index.d.ts
index 1c7b35b8f2..3fff510bd2 100644
--- a/types/history/index.d.ts
+++ b/types/history/index.d.ts
@@ -8,20 +8,20 @@ export as namespace History;
 export type Action = 'PUSH' | 'POP' | 'REPLACE';
 export type UnregisterCallback = () => void;
 
-export interface History {
+export interface History<HistoryLocationState = LocationState> {
     length: number;
     action: Action;
-    location: Location;
-    push(path: Path, state?: LocationState): void;
-    push(location: LocationDescriptorObject): void;
-    replace(path: Path, state?: LocationState): void;
-    replace(location: LocationDescriptorObject): void;
+    location: Location<HistoryLocationState>;
+    push(path: Path, state?: HistoryLocationState): void;
+    push(location: LocationDescriptorObject<HistoryLocationState>): void;
+    replace(path: Path, state?: HistoryLocationState): void;
+    replace(location: LocationDescriptorObject<HistoryLocationState>): void;
     go(n: number): void;
     goBack(): void;
     goForward(): void;
     block(prompt?: boolean | string | TransitionPromptHook): UnregisterCallback;
     listen(listener: LocationListener): UnregisterCallback;
-    createHref(location: LocationDescriptorObject): Href;
+    createHref(location: LocationDescriptorObject<HistoryLocationState>): Href;
 }
 
 export interface Location<S = LocationState> {
diff --git a/types/hls.js/hls.js-tests.ts b/types/hls.js/hls.js-tests.ts
index 579c2fc18c..934ee1fd9c 100644
--- a/types/hls.js/hls.js-tests.ts
+++ b/types/hls.js/hls.js-tests.ts
@@ -23,7 +23,7 @@ class pLoader extends Hls.DefaultConfig.loader {
 
 if (Hls.isSupported()) {
     const video = <HTMLVideoElement> document.getElementById('video');
-    const hls = new Hls({ pLoader });
+    const hls = new Hls({ pLoader, startFragPrefetch: true });
     const version: string = Hls.version;
     hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
     hls.attachMedia(video);
diff --git a/types/hls.js/index.d.ts b/types/hls.js/index.d.ts
index a376a29b2c..721f4a3dce 100644
--- a/types/hls.js/index.d.ts
+++ b/types/hls.js/index.d.ts
@@ -567,7 +567,7 @@ declare namespace Hls {
          * (default: false)
          * Start prefetching start fragment although media not attached yet. Max number of append retries.
          */
-        startFragPrefech: boolean;
+        startFragPrefetch: boolean;
         /**
          * (default: 3)
          * Max number of sourceBuffer.appendBuffer() retry upon error. Such error could happen in loop with UHD streams, when internal buffer is full. (Quota Exceeding Error will be triggered).
diff --git a/types/hls.js/tslint.json b/types/hls.js/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/hls.js/tslint.json
+++ b/types/hls.js/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/host-validation/host-validation-tests.ts b/types/host-validation/host-validation-tests.ts
new file mode 100644
index 0000000000..a025432416
--- /dev/null
+++ b/types/host-validation/host-validation-tests.ts
@@ -0,0 +1,73 @@
+// Copyright (c) 2018 Brannon Dorsey <brannon@brannondorsey.com>
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+import * as express from 'express';
+import * as hostValidation from 'host-validation';
+
+const app = express();
+
+// allow development hosts, a domain name, and a regex for all subdomains
+// host can accept strings or regular expressions
+app.use(hostValidation({ hosts: ['127.0.0.1:3000',
+        'localhost:3000',
+        'mydomain.com',
+		/.*\.mydomain\.com/] }));
+
+// referer headers can accept strings or regular expressions
+app.use(hostValidation({ referers: ['http://trusted-site.com/login.php',
+		/^http:\/\/othersite\.com\/login\/.*/] }));
+
+// only accept POSTs from HTTPS referrers
+app.use(hostValidation({ referers: [/^https:\/\//]}));
+
+// you can include both host and referer values in the config
+// by default, only requests that match BOTH Host and Referer values will be allowed
+app.use(hostValidation({ hosts: ['trusted-host.com'],
+		referers: ['https://trusted-host.com/login.php'] }));
+
+// you can use the { mode: 'either' } value in the config accept requests that match
+// either the hosts or the referers requirements. Accepted values for mode include
+// 'both' and 'either'. The default value is 'both' if none is specified.
+app.use(hostValidation({ hosts: ['trusted-host.com'],
+        referers: ['https://trusted-host.com/login.php'],
+		mode: 'either' }));
+
+// route-specific rules can be specified like any Express.js middleware
+app.use('/login', hostValidation({ hosts: ['trusted-host.com'] }));
+app.use('/from-twitter', hostValidation({ referers: [/^https:\/\/twitter.com\//] }));
+
+// Add a custom error handler that's run when host or referer validation fails.
+// This function overwrites the default behavior of responding to failed requests
+// with a 403 Forbidden error.
+app.use('/brew-tea', hostValidation({
+	hosts: ['office-teapot'],
+	fail: (req, res, next) => {
+        // send a 418 "I'm a Teapot" Error
+		res.status(418).send('I\'m the office teapot. Refer to me only as such.');
+	}
+}));
+
+app.get('/', (req, res) => {
+    res.send('Hello trusted client, thanks for including 127.0.0.1 in your Host header.');
+});
+
+app.listen(3000, () => {
+    console.log('server allowing HTTP requests from 127.0.0.1 on port 3000');
+});
diff --git a/types/host-validation/index.d.ts b/types/host-validation/index.d.ts
new file mode 100644
index 0000000000..7dfc66b559
--- /dev/null
+++ b/types/host-validation/index.d.ts
@@ -0,0 +1,21 @@
+// Type definitions for host-validation 2.0
+// Project: https://github.com/brannondorsey/host-validation
+// Definitions by: Rich Liu <https://github.com/dintopple>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { Request, Response, NextFunction } from 'express';
+
+declare namespace hostValidation {
+    interface config {
+        hosts?: Array<string|RegExp>;
+        referers?: Array<string|RegExp>;
+        mode?: 'both' | 'either';
+        fail?(req: Request, res: Response, next: NextFunction): void;
+    }
+}
+
+declare function hostValidation(opts: hostValidation.config):
+    (req: Request, res: Response, next: NextFunction) => void;
+
+export = hostValidation;
diff --git a/types/host-validation/tsconfig.json b/types/host-validation/tsconfig.json
new file mode 100644
index 0000000000..af2a26a4fb
--- /dev/null
+++ b/types/host-validation/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "host-validation-tests.ts"
+    ]
+}
diff --git a/types/host-validation/tslint.json b/types/host-validation/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/host-validation/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/hosted-git-info/hosted-git-info-tests.ts b/types/hosted-git-info/hosted-git-info-tests.ts
new file mode 100644
index 0000000000..0e4ef56cb7
--- /dev/null
+++ b/types/hosted-git-info/hosted-git-info-tests.ts
@@ -0,0 +1,22 @@
+import info = require("hosted-git-info");
+
+info.fromUrl('');
+const result = info.fromUrl('', {});
+
+result.hashformat('');
+result.hash();
+result.ssh({});
+result.sshurl({});
+result.browse('', '', {});
+result.browse('', {});
+result.browse({});
+result.docs({});
+result.bugs({});
+result.https({});
+result.git({});
+result.shortcut({});
+result.path({});
+result.tarball({});
+result.file('', {});
+result.getDefaultRepresentation();
+result.toString({});
diff --git a/types/hosted-git-info/index.d.ts b/types/hosted-git-info/index.d.ts
new file mode 100644
index 0000000000..a8e5cbdeda
--- /dev/null
+++ b/types/hosted-git-info/index.d.ts
@@ -0,0 +1,96 @@
+// Type definitions for hosted-git-info 2.7
+// Project: https://github.com/npm/hosted-git-info
+// Definitions by: Jason <https://github.com/OiyouYeahYou>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class HostedGitInfo {
+    host: HostedGitInfo.hosts;
+    user: string | null;
+    auth: string | null;
+    project: string | null;
+    committish: string | null;
+    default: string;
+    opts: HostedGitInfo.Options;
+
+    constructor(
+        host: HostedGitInfo.hosts,
+        user: string | null,
+        auth: string | null,
+        project: string | null,
+        committish: string | null,
+        defaultRepresentation: string,
+        opts?: HostedGitInfo.Options
+    );
+
+    // From git-host-info
+
+    // defaults
+    sshtemplate: string;
+    sshurltemplate: string;
+    browsetemplate: string;
+    docstemplate: string;
+    filetemplate: string;
+    shortcuttemplate: string;
+    pathtemplate: string;
+
+    pathmatch: RegExp;
+    protocols_re: RegExp;
+    hashformat(fragment: string): string;
+
+    // special
+    protocols: string[];
+    domain: string;
+    bugstemplate: string;
+    gittemplate: string;
+    browsefiletemplate: string;
+    httpstemplate: string;
+    treepath: string;
+    tarballtemplate: string;
+
+    // /From git-host-info
+
+    hash(): string;
+    ssh(opts?: HostedGitInfo.FillOptions): string | undefined;
+    sshurl(opts?: HostedGitInfo.FillOptions): string | undefined;
+    browse(
+        path: string,
+        fragment: string,
+        opts?: HostedGitInfo.FillOptions
+    ): string | undefined;
+    browse(path: string, opts?: HostedGitInfo.FillOptions): string | undefined;
+    browse(opts?: HostedGitInfo.FillOptions): string | undefined;
+    docs(opts?: HostedGitInfo.FillOptions): string | undefined;
+    bugs(opts?: HostedGitInfo.FillOptions): string | undefined;
+    https(opts?: HostedGitInfo.FillOptions): string | undefined;
+    git(opts?: HostedGitInfo.FillOptions): string | undefined;
+    shortcut(opts?: HostedGitInfo.FillOptions): string | undefined;
+    path(opts?: HostedGitInfo.FillOptions): string | undefined;
+    tarball(opts?: HostedGitInfo.FillOptions): string | undefined;
+    file(path: string, opts?: HostedGitInfo.FillOptions): string | undefined;
+    getDefaultRepresentation(): string;
+    toString(opts?: HostedGitInfo.FillOptions): string | undefined;
+
+    static fromUrl(
+        gitUrl: string,
+        options?: HostedGitInfo.Options
+    ): HostedGitInfo;
+}
+
+declare namespace HostedGitInfo {
+    interface Options {
+        noCommittish?: boolean;
+        noGitPlus?: boolean;
+    }
+
+    interface FillOptions extends Options {
+        path?: string;
+        auth?: string;
+        fragment?: string;
+        committish?: string;
+        treepath?: string;
+    }
+
+    type hosts = 'github' | 'bitbucket' | 'gitlab' | 'gist';
+}
+
+export = HostedGitInfo;
diff --git a/types/hosted-git-info/tsconfig.json b/types/hosted-git-info/tsconfig.json
new file mode 100644
index 0000000000..5736539a96
--- /dev/null
+++ b/types/hosted-git-info/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "hosted-git-info-tests.ts"
+    ]
+}
diff --git a/types/hosted-git-info/tslint.json b/types/hosted-git-info/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/hosted-git-info/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/html-minifier/v1/index.d.ts b/types/html-minifier/v1/index.d.ts
index 0bf9e2ae7f..c1ff944e7e 100644
--- a/types/html-minifier/v1/index.d.ts
+++ b/types/html-minifier/v1/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/kangax/html-minifier
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="uglify-js" />
 
diff --git a/types/html-webpack-plugin/html-webpack-plugin-tests.ts b/types/html-webpack-plugin/html-webpack-plugin-tests.ts
index 461e43c2af..7abb6a4ed6 100644
--- a/types/html-webpack-plugin/html-webpack-plugin-tests.ts
+++ b/types/html-webpack-plugin/html-webpack-plugin-tests.ts
@@ -103,7 +103,7 @@ const plugins: HtmlWebpackPlugin[] = optionsArray.map(options => new HtmlWebpack
 // Webpack plugin `apply` function
 function apply(compiler: Compiler) {
 	compiler.hooks.compilation.tap('SomeWebpackPlugin', (compilation: compilation.Compilation) => {
-		(<HtmlWebpackPlugin.Hooks> compilation.hooks).htmlWebpackPluginAfterHtmlProcessing.tap(
+		(compilation.hooks as HtmlWebpackPlugin.Hooks).htmlWebpackPluginAfterHtmlProcessing.tap(
 			'MyPlugin',
 			(data) => {
 				data.html += 'The Magic Footer';
diff --git a/types/html2canvas/index.d.ts b/types/html2canvas/index.d.ts
index 7d6c8eb5c8..b931d7cd77 100644
--- a/types/html2canvas/index.d.ts
+++ b/types/html2canvas/index.d.ts
@@ -14,8 +14,8 @@ declare namespace Html2Canvas {
         /** Whether to allow cross-origin images to taint the canvas */
         allowTaint?: boolean;
 
-        /** Canvas background color, if none is specified in DOM. Set undefined for transparent */
-        backgroundColor?: string;
+        /** Canvas background color, if none is specified in DOM. Set null for transparent */
+        backgroundColor?: string | null;
 
         /** Existing canvas element to use as a base for drawing on */
         canvas?: any;
diff --git a/types/http-assert/http-assert-tests.ts b/types/http-assert/http-assert-tests.ts
index a0e159aeed..b2cc7ae301 100644
--- a/types/http-assert/http-assert-tests.ts
+++ b/types/http-assert/http-assert-tests.ts
@@ -5,7 +5,7 @@ try {
     httpAssert.equal('hello', 'hello');
     httpAssert(false, 401, 'authentication failed');
 } catch (err) {
-    console.log((<HttpError> err).status);
-    console.log((<HttpError> err).message);
-    console.log((<HttpError> err).expose);
+    console.log((err as HttpError).status);
+    console.log((err as HttpError).message);
+    console.log((err as HttpError).expose);
 }
diff --git a/types/http-proxy-agent/http-proxy-agent-tests.ts b/types/http-proxy-agent/http-proxy-agent-tests.ts
index f730cd1bde..2158a9129f 100644
--- a/types/http-proxy-agent/http-proxy-agent-tests.ts
+++ b/types/http-proxy-agent/http-proxy-agent-tests.ts
@@ -5,6 +5,9 @@ new Agent('url');
 new Agent({});
 new Agent({ host: 'url' });
 
+new Agent({}).proxy;
+new Agent({}).secureProxy;
+
 // $ExpectError
 new Agent();
 
diff --git a/types/http-proxy-agent/index.d.ts b/types/http-proxy-agent/index.d.ts
index 015508b5d1..b518fddf0c 100644
--- a/types/http-proxy-agent/index.d.ts
+++ b/types/http-proxy-agent/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for http-proxy-agent 2.0
 // Project: https://github.com/TooTallNate/node-http-proxy-agent
 // Definitions by: mrmlnc <https://github.com/mrmlnc>
+//                 steprescott <https://github.com/steprescott>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node"/>
@@ -10,6 +11,9 @@ import { Url } from 'url';
 
 declare class HttpProxyAgent extends Agent {
     constructor(options: string | Url);
+
+    proxy: Url;
+    secureProxy: boolean;
 }
 
 export = HttpProxyAgent;
diff --git a/types/http-proxy-middleware/http-proxy-middleware-tests.ts b/types/http-proxy-middleware/http-proxy-middleware-tests.ts
index 9f60f3704d..aae082a956 100644
--- a/types/http-proxy-middleware/http-proxy-middleware-tests.ts
+++ b/types/http-proxy-middleware/http-proxy-middleware-tests.ts
@@ -1,7 +1,6 @@
 import express = require('express');
 import proxy = require('http-proxy-middleware');
 import { IncomingMessage } from "http";
-import * as Winston from "winston";
 
 const options = {
   target: 'http://www.example.org',
@@ -58,20 +57,36 @@ proxy({
 proxy({logLevel: 'debug'});
 
 proxy({
-  logProvider(provider) {
-    return Winston;
+  logProvider() {
+    // provider can be just log()
+    return {
+      log: console.log
+    };
   }
 });
+
 proxy({
   logProvider(provider) {
-    const logger = Winston.createLogger();
+    // customizing/modifying exisiting provider
+    provider.log = console.log;
+    provider.debug = console.log;
+    provider.info = console.info;
+    provider.warn = console.warn;
+    provider.error = console.error;
 
+    return provider;
+  }
+});
+
+proxy({
+  logProvider() {
+    // replacing provider
     return {
-      log: logger.log,
-      debug: logger.debug,
-      info: logger.info,
-      warn: logger.warn,
-      error: logger.error
+      log: console.log,
+      debug: console.log,
+      info: console.info,
+      warn: console.warn,
+      error: console.error
     };
   }
 });
diff --git a/types/http-proxy-middleware/index.d.ts b/types/http-proxy-middleware/index.d.ts
index 5db24429c9..b48214b8f6 100644
--- a/types/http-proxy-middleware/index.d.ts
+++ b/types/http-proxy-middleware/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for http-proxy-middleware 0.17
+// Type definitions for http-proxy-middleware 0.19
 // Project: https://github.com/chimurai/http-proxy-middleware
 // Definitions by: Zebulon McCorkle <https://github.com/zebMcCorkle>
 //                 BendingBender <https://github.com/BendingBender>
@@ -12,6 +12,7 @@ import * as net from "net";
 import * as tls from "tls";
 import * as connect from "connect";
 import * as httpProxy from "http-proxy";
+import { Readable } from 'stream';
 
 declare function proxy(config: proxy.Config): proxy.Proxy;
 declare function proxy(contextOrUri: string | string[] | proxy.Filter, config: proxy.Config): proxy.Proxy;
@@ -52,13 +53,19 @@ declare namespace proxy {
     ignorePath?: boolean;
     localAddress?: string;
     changeOrigin?: boolean;
+    preserveHeaderKeyCase?: boolean;
     auth?: string;
     hostRewrite?: string;
     autoRewrite?: boolean;
     protocolRewrite?: string;
     cookieDomainRewrite?: false | string | { [domain: string]: string };
+    cookiePathRewrite?: false | string | { [path: string]: string };
     headers?: { [header: string]: string };
     proxyTimeout?: number;
+    timeout?: number;
+    followRedirects?: boolean;
+    selfHandleResponse?: boolean;
+    buffer?: Readable;
     /**
      * @deprecated
      */
diff --git a/types/i18n-abide/i18n-abide-tests.ts b/types/i18n-abide/i18n-abide-tests.ts
new file mode 100644
index 0000000000..6e95f52475
--- /dev/null
+++ b/types/i18n-abide/i18n-abide-tests.ts
@@ -0,0 +1,38 @@
+import * as i18n from 'i18n-abide';
+
+const emptyAbideOptions: i18n.AbideOptions = {};
+const fullAbideOptions: i18n.AbideOptions = {
+    gettext_alias: 'gettext',
+    supported_languages: ['en-US'],
+    default_lang: 'en-US',
+    debug_lang: 'it-CH',
+    disable_locale_check: false,
+    translation_directory: 'l18n/',
+    logger: { warn(msg: string) {}, error(msg: string) {} },
+};
+
+i18n.abide(); // $ExpectType RequestHandler
+i18n.abide(emptyAbideOptions); // $ExpectType RequestHandler
+i18n.abide(fullAbideOptions); // $ExpectType RequestHandler
+
+i18n.parseAcceptLanguage(""); // $ExpectType { lang: string; quality: number; }[]
+
+i18n.bestLanguage([{lang: 'en-US', quality: 1.0}], ['en-US'], 'en-US'); // $ExpectType string
+
+i18n.localeFrom(); // $ExpectType string
+i18n.localeFrom(""); // $ExpectType string
+
+i18n.languageFrom(); // $ExpectType string
+i18n.languageFrom(""); // $ExpectType string
+
+i18n.normalizeLanguage(); // $ExpectType string
+i18n.normalizeLanguage(""); // $ExpectType string
+
+i18n.normalizeLocale(); // $ExpectType string
+i18n.normalizeLocale(""); // $ExpectType string
+
+i18n.format(""); // $ExpectType string
+i18n.format("", {}); // $ExpectType string
+i18n.format("", {}, false); // $ExpectType string
+
+i18n.getLocales(); // $ExpectType string[]
diff --git a/types/i18n-abide/index.d.ts b/types/i18n-abide/index.d.ts
new file mode 100644
index 0000000000..9f824b695b
--- /dev/null
+++ b/types/i18n-abide/index.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for i18n-abide 0.0
+// Project: https://github.com/mozilla/i18n-abide
+// Definitions by: Steven Bell <https://github.com/smbell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { RequestHandler } from 'express';
+
+export function abide(options?: AbideOptions): RequestHandler;
+export function parseAcceptLanguage(header?: string): Array<{ lang: string, quality: number }>;
+export function bestLanguage(languages: Array<{ lang: string, quality: number}>, supported_languages: string[], defaultLanguage: string): string;
+export function localeFrom(language?: string): string;
+export function languageFrom(locale?: string): string;
+export function normalizeLanguage(language?: string): string;
+export function normalizeLocale(locale?: string): string;
+export function format(fmt: string, obj?: any, named?: boolean): string;
+export function getLocales(): string[];
+
+export interface AbideOptions {
+    gettext_alias?: string;
+    supported_languages?: string[];
+    default_lang?: string;
+    debug_lang?: string;
+    disable_locale_check?: boolean;
+    translation_directory?: string;
+    logger?: { warn(msg: string): void, error(msg: string): void };
+}
diff --git a/types/i18n-abide/tsconfig.json b/types/i18n-abide/tsconfig.json
new file mode 100644
index 0000000000..43310061aa
--- /dev/null
+++ b/types/i18n-abide/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "i18n-abide-tests.ts"
+    ]
+}
diff --git a/types/i18n-abide/tslint.json b/types/i18n-abide/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/i18n-abide/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
index 174a871b9f..eadfcea369 100644
--- a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
+++ b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
@@ -19,7 +19,7 @@ const options: LngDetector.DetectorOptions = {
     cookieDomain: "myDomain",
 
     // optional htmlTag with lang attribute, the default is:
-    htmlTag: document.documentElement!
+    htmlTag: document.documentElement
 };
 
 i18next.use(LngDetector).init({
diff --git a/types/i18next-browser-languagedetector/v0/index.d.ts b/types/i18next-browser-languagedetector/v0/index.d.ts
index 9d8f58a52a..8b0f6b6317 100644
--- a/types/i18next-browser-languagedetector/v0/index.d.ts
+++ b/types/i18next-browser-languagedetector/v0/index.d.ts
@@ -28,7 +28,7 @@ declare namespace i18nextBrowserLanguageDetector {
     interface CustomDetector {
         name: string;
 
-        // todo: Checks paramters type.
+        // todo: Checks parameters type.
         cacheUserLanguage(lng: string, options: {}): void;
         lookup(options: {}): string;
     }
diff --git a/types/i18next-ko/tsconfig.json b/types/i18next-ko/tsconfig.json
index 9509fa509e..cded42ee92 100644
--- a/types/i18next-ko/tsconfig.json
+++ b/types/i18next-ko/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/i18next/i18next-tests.ts b/types/i18next/i18next-tests.ts
index 1a425084e8..99a8a77555 100644
--- a/types/i18next/i18next-tests.ts
+++ b/types/i18next/i18next-tests.ts
@@ -386,8 +386,9 @@ i18next
         interpolation: {
             escapeValue: false, // not needed for react!!
             formatSeparator: ',',
-            format: (value: string, format: string, lng: string) => {
+            format: (value, format, lng) => {
                 if (format === 'uppercase') return value.toUpperCase();
+                if (value instanceof Date) return value.toLocaleString();
                 return value;
             }
         }
diff --git a/types/i18next/index.d.ts b/types/i18next/index.d.ts
index 9c310a4770..84433c26ec 100644
--- a/types/i18next/index.d.ts
+++ b/types/i18next/index.d.ts
@@ -4,6 +4,8 @@
 //                 Budi Irawan <https://github.com/deerawan>
 //                 Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
 //                 Silas Rech <https://github.com/lenovouser>
+//                 Philipp Katz <https://github.com/qqilihq>
+//                 Milan Konir <https://github.com/butchyyyy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -14,7 +16,7 @@ declare namespace i18next {
 
     type FallbackLng = string | string[] | FallbackLngObjList;
 
-    type FormatFunction = (value: string, format?: string, lng?: string) => string;
+    type FormatFunction = (value: any, format?: string, lng?: string) => string;
 
     /* tslint:disable-next-line:no-empty-interface */
     interface DetectionPluginOptions {
@@ -384,6 +386,12 @@ declare namespace i18next {
          * Compatibility JSON version
          */
         compatibilityJSON?: string;
+
+        /**
+         * options for i18n nessage format - check documentation of plugin
+         * @default undefined
+         */
+        i18nFormat?: object;
     }
 
     // Add an indexer to assure that interpolation arguments can be passed
@@ -465,6 +473,17 @@ declare namespace i18next {
         [key: string]: any;
     }
 
+    interface Services {
+      backendConnector: any;
+      i18nFormat: any;
+      interpolator: any;
+      languageDetector: any;
+      languageUtils: any;
+      logger: any;
+      pluralResolver: any;
+      resourceStore: Resource;
+    }
+
     interface i18n {
         /**
          * The default export of the i18next module is an i18next instance ready to be initialized by calling init.
@@ -484,6 +503,11 @@ declare namespace i18next {
          */
         use(module: any): i18n;
 
+        /**
+         * Internal container for all used plugins and implmentation details like languageUtils, pluralResolvers, etc.
+         */
+        services: Services;
+
         /**
          * Please have a look at the translation functions like interpolation, formatting and plurals for more details on using it.
          */
diff --git a/types/i2c-bus/index.d.ts b/types/i2c-bus/index.d.ts
index ebb06e83ae..188210653a 100644
--- a/types/i2c-bus/index.d.ts
+++ b/types/i2c-bus/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/fivdi/i2c-bus
 // Definitions by: Jason Heard <https://github.com/101100>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
diff --git a/types/ibm_db/ibm_db-tests.ts b/types/ibm_db/ibm_db-tests.ts
index 93802c662f..cc896b8d05 100644
--- a/types/ibm_db/ibm_db-tests.ts
+++ b/types/ibm_db/ibm_db-tests.ts
@@ -10,3 +10,14 @@ ibmdb.open("DATABASE=<dbname>;HOSTNAME=<myhost>;UID=db2user;PWD=password;PORT=<d
     });
   });
 });
+
+/** imdb.ODBCStatement */
+const service = new ibmdb.ODBCStatement();
+service.executeSync();
+ service.executeSync(
+  ["test"]
+);
+ service._executeSync();
+ service._executeSync(
+  ["test"]
+);
diff --git a/types/ibm_db/index.d.ts b/types/ibm_db/index.d.ts
index 24699c195e..6ab64c8d60 100644
--- a/types/ibm_db/index.d.ts
+++ b/types/ibm_db/index.d.ts
@@ -150,7 +150,7 @@ export class ODBCStatement {
     // TODO: type of outparams is unknown
     _execute(cb: (err: Error, result: any[]) => void): void;
 
-    _executeSync(params: any[]): ODBCResult;
+    _executeSync(params?: any[]): ODBCResult;
 
     _executeDirect(sql: string, cb: (err: Error, result: any[]) => void): void;
 
@@ -170,7 +170,7 @@ export class ODBCStatement {
     execute(cb: (err: Error, result: any[], outparams: any) => void): void;
     execute(params: any[]): Promise<{result: any[], outparams: any}>;
 
-    executeSync(params: any[]): ODBCResult;
+    executeSync(params?: any[]): ODBCResult;
 
     executeDirect(sql: string, cb: (err: Error, result: any[]) => void): void;
 
diff --git a/types/iltorb/tsconfig.json b/types/iltorb/tsconfig.json
index 6c079ff3f7..afe875d6a2 100644
--- a/types/iltorb/tsconfig.json
+++ b/types/iltorb/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/image-type/image-type-tests.ts b/types/image-type/image-type-tests.ts
new file mode 100644
index 0000000000..ea9951d6f2
--- /dev/null
+++ b/types/image-type/image-type-tests.ts
@@ -0,0 +1,4 @@
+import imageType = require('file-type');
+
+imageType(new Buffer([0xFF, 0xD8, 0xFF]));
+imageType(new Uint8Array([0xFF, 0xD8, 0xFF]));
diff --git a/types/image-type/index.d.ts b/types/image-type/index.d.ts
new file mode 100644
index 0000000000..2c5abcfd87
--- /dev/null
+++ b/types/image-type/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for image-type 3.0
+// Project: https://github.com/sindresorhus/image-type#readme
+// Definitions by: Florian Keller <https://github.com/ffflorian>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+import FileType = require('file-type');
+
+declare function ImageType(buf: Buffer | Uint8Array): FileType.FileTypeResult | null;
+
+export = ImageType;
diff --git a/types/image-type/tsconfig.json b/types/image-type/tsconfig.json
new file mode 100644
index 0000000000..2c7c57ebba
--- /dev/null
+++ b/types/image-type/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "image-type-tests.ts"
+    ]
+}
diff --git a/types/image-type/tslint.json b/types/image-type/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/image-type/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/inert/index.d.ts b/types/inert/index.d.ts
index 3bcbb81a29..628e4235e8 100644
--- a/types/inert/index.d.ts
+++ b/types/inert/index.d.ts
@@ -4,7 +4,7 @@
 //                 Alexander James Phillips <https://github.com/AJamesPhillips>
 //                 Silas Rech <https://github.com/lenovouser>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import {
     Plugin,
diff --git a/types/init-package-json/index.d.ts b/types/init-package-json/index.d.ts
new file mode 100644
index 0000000000..3068846632
--- /dev/null
+++ b/types/init-package-json/index.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for init-package-json 1.10
+// Project: https://github.com/npm/init-package-json#readme
+// Definitions by: Kyle Farnung <https://github.com/kfarnung>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace init_package_json {
+    interface Config {
+        [key: string]: any;
+        get(k: string): any;
+    }
+
+    function yes(conf: Config): boolean;
+}
+
+declare function init_package_json(
+    dir: string,
+    input: string,
+    config: init_package_json.Config | {},
+    cb: (err: any, data: any) => void): void;
+
+declare function init_package_json(
+    dir: string,
+    input: string,
+    cb: (err: any, data: any) => void): void;
+
+export = init_package_json;
diff --git a/types/init-package-json/init-package-json-tests.ts b/types/init-package-json/init-package-json-tests.ts
new file mode 100644
index 0000000000..7aecd5f779
--- /dev/null
+++ b/types/init-package-json/init-package-json-tests.ts
@@ -0,0 +1,18 @@
+import init_package_json = require("init-package-json");
+
+init_package_json("", "", (err: any, data: any) => {}); // $ExpectType void
+init_package_json("", "", {}, (err: any, data: any) => {}); // $ExpectType void
+init_package_json("", "", { foo: "bar" }, (err: any, data: any) => {}); // $ExpectType void
+
+const config: init_package_json.Config = {
+  foo: "bar",
+  get(k) {
+    return "";
+  },
+};
+
+init_package_json("", "", config, (err: any, data: any) => {}); // $ExpectType void
+
+init_package_json.yes({}); // $ExpectError
+init_package_json.yes({ foo: "bar" }); // $ExpectError
+init_package_json.yes(config); // $ExpectType boolean
diff --git a/types/init-package-json/tsconfig.json b/types/init-package-json/tsconfig.json
new file mode 100644
index 0000000000..50ed2db1b3
--- /dev/null
+++ b/types/init-package-json/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "init-package-json-tests.ts"
+    ]
+}
diff --git a/types/init-package-json/tslint.json b/types/init-package-json/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/init-package-json/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/inline-style-prefixer/index.d.ts b/types/inline-style-prefixer/index.d.ts
index 8c730fff2f..b7edaf3e59 100644
--- a/types/inline-style-prefixer/index.d.ts
+++ b/types/inline-style-prefixer/index.d.ts
@@ -1,28 +1,25 @@
-// Type definitions for inline-style-prefixer 3.0
+// Type definitions for inline-style-prefixer 5.0
 // Project: https://github.com/rofrischmann/inline-style-prefixer
 // Definitions by: Andrej Hazucha <https://github.com/ahz>
 //                 dpetrezselyova <https://github.com/dpetrezselyova>
+//                 Frank Li <https://github.com/franklixuefei>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
-declare namespace InlineStylePrefixer {
-    interface Configuration {
-        userAgent?: string;
-        keepUnprefixed?: boolean;
-    }
+export type Plugin = <T>(
+  property: string,
+  value: number | string | number[] | string[] | T,
+  style: T,
+  prefixMap?: Record<string, string[]>
+) => number | string | number[] | string[] | T | undefined;
+
+export interface StaticData {
+  prefixMap: Record<string, string[]>;
+  plugins: Plugin[];
 }
 
-declare class InlineStylePrefixer {
-    constructor(cfg?: InlineStylePrefixer.Configuration);
+export type Prefix = <T>(style: T) => T;
 
-    prefix(style: CSSStyleDeclaration): CSSStyleDeclaration;
+export function createPrefixer(staticData: StaticData): Prefix;
 
-    // support for React.CSSProperties
-    prefix<T>(style: T): T;
-
-    static prefixAll(style: CSSStyleDeclaration): CSSStyleDeclaration;
-
-    // support for React.CSSProperties
-    static prefixAll<T>(style: T): T;
-}
-
-export = InlineStylePrefixer;
+export const prefix: Prefix;
diff --git a/types/inline-style-prefixer/inline-style-prefixer-tests.ts b/types/inline-style-prefixer/inline-style-prefixer-tests.ts
index 6971eac32d..1c26fcea35 100644
--- a/types/inline-style-prefixer/inline-style-prefixer-tests.ts
+++ b/types/inline-style-prefixer/inline-style-prefixer-tests.ts
@@ -1,8 +1,6 @@
-import Prefixer = require('inline-style-prefixer');
+import { prefix } from 'inline-style-prefixer';
 
-const prefixer = new Prefixer();
-
-const prefixed = prefixer.prefix({
+const prefixed = prefix({
     fontSize: '16',
     flexDirection: 'column'
 });
diff --git a/types/inquirer-npm-name/index.d.ts b/types/inquirer-npm-name/index.d.ts
new file mode 100644
index 0000000000..bca64cd7ac
--- /dev/null
+++ b/types/inquirer-npm-name/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for inquirer-npm-name 3.0
+// Project: https://github.com/SBoudrias/inquirer-npm-name
+// Definitions by: manuth <https://github.com/manuth>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// TypeScript Version: 2.3
+
+import { Inquirer, Answers, Question } from "inquirer";
+
+declare function askName(name: string | Question, inquirer: Inquirer): Promise<{ [key: string]: string }>;
+export = askName;
diff --git a/types/inquirer-npm-name/inquirer-npm-name-tests.ts b/types/inquirer-npm-name/inquirer-npm-name-tests.ts
new file mode 100644
index 0000000000..aee1b039d7
--- /dev/null
+++ b/types/inquirer-npm-name/inquirer-npm-name-tests.ts
@@ -0,0 +1,13 @@
+import inquirer = require("inquirer");
+import askName = require("inquirer-npm-name");
+
+// $ExpectType Promise<{ [key: string]: string; }>
+askName("moduleName", inquirer);
+
+// $ExpectType Promise<{ [key: string]: string; }>
+askName(
+    {
+        name: "moduleName",
+        message: "Whar's the name of your module?"
+    },
+    inquirer);
diff --git a/types/inquirer-npm-name/tsconfig.json b/types/inquirer-npm-name/tsconfig.json
new file mode 100644
index 0000000000..99dee30a17
--- /dev/null
+++ b/types/inquirer-npm-name/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "inquirer-npm-name-tests.ts"
+    ]
+}
diff --git a/types/inquirer-npm-name/tslint.json b/types/inquirer-npm-name/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/inquirer-npm-name/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/instabug-reactnative/index.d.ts b/types/instabug-reactnative/index.d.ts
new file mode 100644
index 0000000000..36a7d9d789
--- /dev/null
+++ b/types/instabug-reactnative/index.d.ts
@@ -0,0 +1,139 @@
+// Type definitions for instabug-reactnative 8.0
+// Project: https://github.com/Instabug/instabug-reactnative#readme
+// Definitions by: Peng Cao <https://github.com/pengcao1>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export const Instabug: InstabugStatic;
+export type Instabug = InstabugStatic;
+export type BugReporting = BugReportingStatic;
+export default Instabug;
+
+interface InstabugStatic {
+    invocationEvent: InvocationEvent;
+    colorTheme: ColorTheme;
+    locale: Locale;
+    strings: Strings;
+    welcomeMessageMode: WelcomeMessageMode;
+    startWithToken(token: string, event: string[]): void;
+    setColorTheme(colorTheme: string): void;
+    setPrimaryColor(color: number): void;
+    setFloatingButtonEdge(): void;
+    setLocale(locale: string): void;
+    setStringToKey(key: string): void;
+    setWelcomeMessageMode(welcomeMsg: string): void;
+    identifyUserWithEmail(email: string, name: string): void;
+    setUserAttribute(key: string, value: string): void;
+    getUserAttribute(key: string, callBack: (attribute: string) => void): void;
+    getAllUserAttributes(callBack: (allAttributes: string[]) => void): void;
+    removeUserAttribute(key: string): void;
+    setUserData(key: string): void;
+    logOut(): void;
+    logVerbose(info: string): void;
+    logInfo(info: string): void;
+    logDebug(info: string): void;
+    logError(info: string): void;
+    logWarn(info: string): void;
+    setUserStepsEnabled(enabled: boolean): void;
+    setAutoScreenRecordingEnabled(enabled: boolean): void;
+    setAutoScreenRecordingMaxDuration(ms: number): void;
+    setViewHierarchyEnabled(enabled: boolean): void;
+    resetTags(): void;
+    getTags(callBack: (tags: string) => void): void;
+    appendTags(tags: string[]): void;
+    setSessionProfilerEnabled(enabled: boolean): void;
+    setCrashReportingEnabled(enabled: boolean): void;
+    setChatNotificationEnabled(enabled: boolean): void;
+    getUnreadMessagesCount(callBack: (count: number) => void): void;
+    setOnNewMessageHandler(callBacck: () => void): void;
+    setPromptOptionsEnabled(chat: boolean, bug: boolean, feedback: boolean): void;
+    setSurveysEnabled(enabled: boolean): void;
+    setPostInvocationHandler(): void;
+}
+
+interface WelcomeMessageMode {
+    beta: string;
+    live: string;
+    disabled: string;
+}
+
+interface Strings {
+    shakeHint: string;
+    swipeHint: string;
+    edgeSwipeStartHint: string;
+    startAlertText: string;
+    invalidEmailMessage: string;
+    invalidEmailTitle: string;
+    invalidCommentMessage: string;
+    invalidCommentTitle: string;
+    invocationHeader: string;
+    talkToUs: string;
+    reportBug: string;
+    reportFeedback: string;
+    emailFieldHint: string;
+    commentFieldHintForBugReport: string;
+    commentFieldHintForFeedback: string;
+    addVideoMessage: string;
+    addVoiceMessage: string;
+    addImageFromGallery: string;
+    addExtraScreenshot: string;
+    audioRecordingPermissionDeniedTitle: string;
+    audioRecordingPermissionDeniedMessage: string;
+    // microphonePermissionAlertSettingsButtonText Instabug.microphonePermissionAlertSettingsButtonText,
+    recordingMessageToHoldText: string;
+    recordingMessageToReleaseText: string;
+    conversationsHeaderTitle: string;
+    screenshotHeaderTitle: string;
+    chatsNoConversationsHeadlineText: string;
+    doneButtonText: string;
+    okButtonText: string;
+    cancelButtonText: string;
+    thankYouText: string;
+    audio: string;
+    video: string;
+    image: string;
+    chatsHeaderTitle: string;
+    team: string;
+    messageNotification: string;
+    messagesNotificationAndOthers: string;
+
+    // iOS only
+    // Instabug.strings.collectingDataText
+}
+
+interface Locale {
+    arabic: string;
+    chineseSimplified: string;
+    chineseTraditional: string;
+    czech: string;
+    danish: string;
+    english: string;
+    french: string;
+    german: string;
+    italian: string;
+    japanese: string;
+    polish: string;
+    portugueseBrazil: string;
+    russian: string;
+    spanish: string;
+    swedish: string;
+    turkish: string;
+}
+
+interface ColorTheme {
+    light: string;
+    dark: string;
+}
+
+interface InvocationEvent {
+    none: string;
+    shake: string;
+    screenshot: string;
+    twoFingersSwipe: string;
+    floatingButton: string;
+}
+
+interface BugReportingStatic {
+    setShakingThresholdForAndroid(shakingThreshold: number): void;
+    setShakingThresholdForiPhone(shakingThreshold: number): void;
+    setShakingThresholdForiPad(shakingThreshold: number): void;
+}
diff --git a/types/instabug-reactnative/instabug-reactnative-tests.ts b/types/instabug-reactnative/instabug-reactnative-tests.ts
new file mode 100644
index 0000000000..5bc6db997b
--- /dev/null
+++ b/types/instabug-reactnative/instabug-reactnative-tests.ts
@@ -0,0 +1,36 @@
+import Instabug from "instabug-reactnative";
+
+Instabug.startWithToken("token: string", [""]);
+Instabug.setColorTheme("colorTheme: string");
+Instabug.setPrimaryColor(1);
+Instabug.setFloatingButtonEdge();
+Instabug.setLocale("locale: string");
+Instabug.setStringToKey("key: string");
+Instabug.setWelcomeMessageMode("welcomeMsg: string");
+Instabug.identifyUserWithEmail("email: string", "name: string");
+Instabug.setUserAttribute("key: string", "value: string");
+Instabug.getUserAttribute("key: string", (attribute) => 1);
+Instabug.getAllUserAttributes((allAttributes) => 1);
+Instabug.removeUserAttribute("key: string");
+Instabug.setUserData("key: string");
+Instabug.logOut();
+Instabug.logVerbose("info: string");
+Instabug.logInfo("info: string");
+Instabug.logDebug("info: string");
+Instabug.logError("info: string");
+Instabug.logWarn("info: string");
+Instabug.setUserStepsEnabled(true);
+Instabug.setAutoScreenRecordingEnabled(false);
+Instabug.setAutoScreenRecordingMaxDuration(10000);
+Instabug.setViewHierarchyEnabled(true);
+Instabug.resetTags();
+Instabug.getTags((tags) => 1);
+Instabug.appendTags([""]);
+Instabug.setSessionProfilerEnabled(false);
+Instabug.setCrashReportingEnabled(true);
+Instabug.setChatNotificationEnabled(false);
+Instabug.getUnreadMessagesCount((count) => 1);
+Instabug.setOnNewMessageHandler(() => 1);
+Instabug.setPromptOptionsEnabled(true, true, true);
+Instabug.setSurveysEnabled(false);
+Instabug.setPostInvocationHandler();
diff --git a/types/instabug-reactnative/tsconfig.json b/types/instabug-reactnative/tsconfig.json
new file mode 100644
index 0000000000..700b862185
--- /dev/null
+++ b/types/instabug-reactnative/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "instabug-reactnative-tests.ts"
+    ]
+}
diff --git a/types/instabug-reactnative/tslint.json b/types/instabug-reactnative/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/instabug-reactnative/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/intercom-client/index.d.ts b/types/intercom-client/index.d.ts
index 25b166e10d..b776165c55 100644
--- a/types/intercom-client/index.d.ts
+++ b/types/intercom-client/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/intercom/intercom-node
 // Definitions by: Jinesh Shah <https://github.com/jineshshah36>, Josef Hornych <https://github.com/peping>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 /// <reference types="node" />
 
 import { List as UserList, User, UserIdentifier } from './User';
diff --git a/types/intercom-client/tslint.json b/types/intercom-client/tslint.json
index 3db14f85ea..3d2339d469 100644
--- a/types/intercom-client/tslint.json
+++ b/types/intercom-client/tslint.json
@@ -1 +1,15 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "array-type": false,
+        "comment-format": false,
+        "eofline": false,
+        "no-consecutive-blank-lines": false,
+        "no-padding": false,
+        "no-trailing-whitespace": false,
+        "semicolon": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false
+    }
+}
diff --git a/types/intercom-web/index.d.ts b/types/intercom-web/index.d.ts
index 4348094541..3a40451a3a 100755
--- a/types/intercom-web/index.d.ts
+++ b/types/intercom-web/index.d.ts
@@ -56,6 +56,7 @@ declare namespace Intercom_ {
     (command: 'onUnreadCountChange', cb: (unreadCount: number) => void): void;
     (command: 'getVisitorId'): string;
     (command: IntercomCommand, param1?: any, param2?: any): void;
+    booted: boolean;
   }
 }
 
diff --git a/types/intercom-web/intercom-web-tests.ts b/types/intercom-web/intercom-web-tests.ts
index 325ecb7f4a..c6a8e948fe 100755
--- a/types/intercom-web/intercom-web-tests.ts
+++ b/types/intercom-web/intercom-web-tests.ts
@@ -28,6 +28,8 @@ Intercom('onActivatorClick', () => { /* Do stuff */ });
 Intercom('trackEvent', 'invited-friend');
 const visitorId = Intercom('getVisitorId');
 
+Intercom.booted;
+
 const metadata = {
   invitee_email: 'pi@example.org',
   invite_code: 'ADDAFRIEND'
diff --git a/types/intl-tel-input/index.d.ts b/types/intl-tel-input/index.d.ts
index 34493a8b75..667a210087 100644
--- a/types/intl-tel-input/index.d.ts
+++ b/types/intl-tel-input/index.d.ts
@@ -1,260 +1,401 @@
-// Type definitions for intl-tel-input
+// Type definitions for intl-tel-input 14.0
 // Project: https://github.com/jackocnr/intl-tel-input
-// Definitions by: Fidan Hakaj <https://github.com/fdnhkj>, Leonard Thieu <https://github.com/leonard-thieu>
+// Definitions by: Fidan Hakaj <https://github.com/fdnhkj>, Leonard Thieu <https://github.com/leonard-thieu>, Márton Molnár <https://github.com/molnarm>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-/// <reference types="jquery" />
-
 declare namespace IntlTelInput {
+    interface Static {
+        /**
+         * Default options for all instances
+         */
+        defaults: Options;
 
-  interface Plugin {
-    /**
-     * Get all of the plugin's country data - either to re-use elsewhere
-     * e.g. to populate a country dropdown.
-     */
-    getCountryData(): CountryData[];
-    /**
-     * Load the utils.js script (included in the lib directory) to enable
-     * formatting/validation etc.
-     */
-    loadUtils(path: string, utilsScriptDeferred?: boolean): void;
+        /**
+         * Get all of the plugin's country data - either to re-use elsewhere
+         * e.g. to populate a country dropdown.
+         */
+        getCountryData(): intlTelInputUtils.CountryData[];
 
-    /**
-     * Remove the plugin from the input, and unbind any event listeners.
-     */
-    (method: 'destroy'): void;
-    /**
-     * Get the extension from the current number.
-     * Requires the utilsScript option.
-     * e.g. if the input value was "(702) 555-5555 ext. 1234", this would
-     * return "1234".
-     */
-    (method: 'getExtension'): string;
-    /**
-     * Get the current number in the given format (defaults to E.164 standard).
-     * The different formats are available in the enum
-     * intlTelInputUtils.numberFormat - taken from here.
-     * Requires the utilsScript option.
-     * Note that even if nationalMode is enabled, this can still return a full
-     * international number.
-     */
-    (method: 'getNumber'): string;
-    /**
-     * Get the type (fixed-line/mobile/toll-free etc) of the current number.
-     * Requires the utilsScript option.
-     * Returns an integer, which you can match against the various options in the
-     * global enum intlTelInputUtils.numberType.
-     * Note that in the US there's no way to differentiate between fixed-line and
-     * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.
-     */
-    (method: 'getNumberType'): intlTelInputUtils.numberType;
-    /**
-     * Get the country data for the currently selected flag.
-     */
-    (method: 'getSelectedCountryData'): IntlTelInput.CountryData;
-    /**
-     * Get more information about a validation error.
-     * Requires the utilsScript option.
-     * Returns an integer, which you can match against the various options in the
-     * global enum intlTelInputUtils.validationError
-     */
-    (method: 'getValidationError'): intlTelInputUtils.validationError;
-    /**
-     * Validate the current number. Expects an internationally formatted number
-     * (unless nationalMode is enabled). If validation fails, you can use
-     * getValidationError to get more information.
-     * Requires the utilsScript option.
-     * Also see getNumberType if you want to make sure the user enters a certain
-     * type of number e.g. a mobile number.
-     */
-    (method: 'isValidNumber'): boolean;
-    (method: string): void;
-    /**
-     * Change the country selection (e.g. when the user is entering their address).
-     * @param countryCode country code of the country to be set.
-     */
-    (method: 'setCountry', countryCode: string): void;
-    /**
-     * Insert a number, and update the selected flag accordingly.
-     * Note that by default, if nationalMode is enabled it will try to use
-     * national formatting.
-     * @param aNumber number to be set.
-     */
-    (method: 'setNumber', aNumber: string): void;
-    (method: string, value: string): void;
+        /**
+         * Load the utils.js script (included in the lib directory) to enable
+         * formatting/validation etc.
+         */
+        loadUtils(path: string, utilsScriptDeferred?: boolean): void;
+    }
 
-    /**
-     * Get the current number in the given format (defaults to E.164 standard).
-     * The different formats are available in the enum
-     * intlTelInputUtils.numberFormat - taken from here.
-     * Requires the utilsScript option.
-     * Note that even if nationalMode is enabled, this can still return a full
-     * international number.
-     * @param numberFormat the format in which the number will be returned.
-     */
-    (method: 'getNumber', numberFormat: intlTelInputUtils.numberFormat): string;
-    (method: string, numberFormat: intlTelInputUtils.numberFormat): string;
+    interface Plugin {
+        /**
+         * Remove the plugin from the input, and unbind any event listeners.
+         */
+        destroy(): void;
+
+        /**
+         * Get the extension from the current number.
+         * Requires the utilsScript option.
+         * e.g. if the input value was "(702) 555-5555 ext. 1234", this would
+         * return "1234".
+         */
+        getExtension(): string;
+
+        /**
+         * Get the current number in the given format (defaults to E.164 standard).
+         * The different formats are available in the enum
+         * intlTelInputUtils.numberFormat - taken from here.
+         * Requires the utilsScript option.
+         * Note that even if nationalMode is enabled, this can still return a full
+         * international number.
+         * @param numberFormat the format in which the number will be returned.
+         */
+        getNumber(numberFormat?: intlTelInputUtils.numberFormat): string;
+
+        /**
+         * Get the type (fixed-line/mobile/toll-free etc) of the current number.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum intlTelInputUtils.numberType.
+         * Note that in the US there's no way to differentiate between fixed-line and
+         * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.
+         */
+        getNumberType(): intlTelInputUtils.numberType;
+
+        /**
+         * Get the country data for the currently selected flag.
+         */
+        getSelectedCountryData(): intlTelInputUtils.CountryData;
+
+        /**
+         * Get more information about a validation error.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum ValidationError
+         */
+        getValidationError(): intlTelInputUtils.validationError;
+
+        /**
+         * Validate the current number. Expects an internationally formatted number
+         * (unless nationalMode is enabled). If validation fails, you can use
+         * getValidationError to get more information.
+         * Requires the utilsScript option.
+         * Also see getNumberType if you want to make sure the user enters a certain
+         * type of number e.g. a mobile number.
+         */
+        isValidNumber(): boolean;
+
+        /**
+         * Change the country selection (e.g. when the user is entering their address).
+         * @param countryCode country code of the country to be set.
+         */
+        setCountry(countryCode: string): void;
+
+        /**
+         * Insert a number, and update the selected flag accordingly.
+         * Note that by default, if nationalMode is enabled it will try to use
+         * national formatting.
+         * @param aNumber number to be set.
+         */
+        setNumber(aNumber: string): void;
+
+        /**
+         * Set the type of the placeholder number
+         * @param type Placeholder number type to be set
+         */
+        setPlaceholderNumberType(type: intlTelInputUtils.placeholderNumberType): void;
+    }
+
+    interface JQueryPlugin {
+        /**
+         * initialise the plugin with optional options.
+         * @param options options that can be provided during initialization.
+         */
+        (options?: Options): JQueryDeferred<any>;
+
+        /**
+         * Remove the plugin from the input, and unbind any event listeners.
+         */
+        (method: 'destroy'): void;
+
+        /**
+         * Get the extension from the current number.
+         * Requires the utilsScript option.
+         * e.g. if the input value was "(702) 555-5555 ext. 1234", this would
+         * return "1234".
+         */
+        (method: 'getExtension'): string;
+
+        /**
+         * Get the current number in the given format (defaults to E.164 standard).
+         * The different formats are available in the enum
+         * intlTelInputUtils.numberFormat - taken from here.
+         * Requires the utilsScript option.
+         * Note that even if nationalMode is enabled, this can still return a full
+         * international number.
+         * @param numberFormat the format in which the number will be returned.
+         */
+        (method: 'getNumber', numberFormat?: intlTelInputUtils.numberFormat): string;
+        (method: string, numberFormat: intlTelInputUtils.numberFormat): string;
+
+        /**
+         * Get the type (fixed-line/mobile/toll-free etc) of the current number.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum intlTelInputUtils.numberType.
+         * Note that in the US there's no way to differentiate between fixed-line and
+         * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.
+         */
+        (method: 'getNumberType'): intlTelInputUtils.numberType;
+
+        /**
+         * Get the country data for the currently selected flag.
+         */
+        (method: 'getSelectedCountryData'): intlTelInputUtils.CountryData;
+
+        /**
+         * Get more information about a validation error.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum ValidationError
+         */
+        (method: 'getValidationError'): intlTelInputUtils.validationError;
+
+        /**
+         * Validate the current number. Expects an internationally formatted number
+         * (unless nationalMode is enabled). If validation fails, you can use
+         * getValidationError to get more information.
+         * Requires the utilsScript option.
+         * Also see getNumberType if you want to make sure the user enters a certain
+         * type of number e.g. a mobile number.
+         */
+        (method: 'isValidNumber'): boolean;
+
+        /**
+         * Change the country selection (e.g. when the user is entering their address).
+         * @param countryCode country code of the country to be set.
+         */
+        (method: 'setCountry', countryCode: string): void;
+
+        /**
+         * Insert a number, and update the selected flag accordingly.
+         * Note that by default, if nationalMode is enabled it will try to use
+         * national formatting.
+         * @param aNumber number to be set.
+         */
+        (method: 'setNumber', aNumber: string): void;
+
+        /**
+         * Set the type of the placeholder number
+         * @param type Placeholder number type to be set
+         */
+        (method: 'setPlaceholderNumberType', type: intlTelInputUtils.placeholderNumberType): void;
+    }
+
+    interface Options {
+        /**
+         * Whether or not to allow the dropdown. If disabled, there is no dropdown
+         * arrow, and the selected flag is not clickable. Also we display the
+         * selected flag on the right instead because it is just a marker of state.
+         * Default = true
+         */
+        allowDropdown?: boolean;
+
+        /**
+         * If there is just a dial code in the input: remove it on blur or submit,
+         * and re-add it on focus. This is to prevent just a dial code getting
+         * submitted with the form. Requires nationalMode to be set to false.
+         * Default = true
+         */
+        autoHideDialCode?: boolean;
+
+        /**
+         * Set the input's placeholder to an example number for the selected country, and update it if the country changes.
+         * You can specify the number type using the placeholderNumberType option.
+         * By default it is set to "polite", which means it will only set the placeholder if the input doesn't already have one.
+         * You can also set it to "aggressive", which will replace any existing placeholder, or "off".
+         * Requires the utilsScript option.
+         * Default = "polite"
+         */
+        autoPlaceholder?: "off" | "polite" | "aggressive";
+
+        /**
+         * Change the placeholder generated by autoPlaceholder. Must return a string.
+         * Default = null
+         */
+        customPlaceholder?: (selectedCountryPlaceholder: string, selectedCountryData: intlTelInputUtils.CountryData) => string;
+
+        /**
+         * Expects a node e.g. document.body. Instead of putting the country dropdown next to the input,
+         * append it to the specified node, and it will then be positioned absolutely next to the input using JavaScript.
+         * This is useful when the input is inside a container with overflow: hidden.
+         * Note that the absolute positioning can be broken by scrolling, so it will automatically close on the window scroll event.
+         * Default = null
+         */
+        dropdownContainer?: Node;
+
+        /**
+         * In the dropdown, display all countries except the ones you specify here.
+         * Default = null
+         */
+        excludeCountries?: string[];
+
+        /**
+         * Format the input value (according to the nationalMode option) during initialisation, and on setNumber.
+         * Requires the utilsScript option.
+         * Default = true
+         */
+        formatOnDisplay?: boolean;
+
+        /**
+         * When setting initialCountry to "auto", you must use this option to
+         * specify a custom function that looks up the user's location,
+         * and then calls the success callback with the relevant country code.
+         * Also note that when instantiating the plugin, if the Promise object is defined,
+         * one of those is returned under the promise instance property, so you can
+         * do something like iti.promise.then(callback) to know when initialisation requests like this have completed.
+         * Default = null
+         */
+        geoIpLookup?: (callback: (countryCode: string) => void) => void;
+
+        /**
+         * Add a hidden input with the given name (or if your input name contains square brackets then it will give the hidden input the same name,
+         * replacing the contents of the brackets with the given name). On submit, populate it with the full international number (using getNumber).
+         * This is a quick way for people using non-ajax forms to get the full international number, even when nationalMode is enabled.
+         * Note: requires the input to be inside a form element, as this feature works by listening for the submit event on the closest form element.
+         * Also note that since this uses getNumber internally, it expects a valid number, and so should only be used after validation.
+         * Default = ""
+         */
+        hiddenInput?: string;
+
+        /**
+         * Set the initial country selection by specifying it's country code.
+         * You can also set it to "auto", which will lookup the user's country based
+         * on their IP address (requires the geoIpLookup option).
+         * Note that the "auto" option will not update the country selection if the
+         * input already contains a number. If you leave initialCountry blank,
+         * it will default to the first country in the list.
+         */
+        initialCountry?: string;
+
+        /**
+         * Allows to translate the countries by its given iso code e.g.: { 'de': 'Deutschland' }
+         * Default = {}
+         */
+        localizedCountries?: object;
+
+        /**
+         * Allow users to enter national numbers (and not have to think about
+         * international dial codes). Formatting, validation and placeholders still
+         * work. Then you can use getNumber to extract a full international number.
+         * This option now defaults to true, and it is recommended that you leave it
+         * that way as it provides a better experience for the user.
+         * Default = true
+         */
+        nationalMode?: boolean;
+
+        /**
+         * In the dropdown, display only the countries you specify.
+         * Default = undefined
+         */
+        onlyCountries?: string[];
+
+        /**
+         * Specify one of the keys from the global enum intlTelInputUtils.numberType
+         * e.g. "FIXED_LINE" to set the number type to use for the placeholder.
+         * Default = MOBILE
+         */
+        placeholderNumberType?: intlTelInputUtils.placeholderNumberType;
+
+        /**
+         * Specify the countries to appear at the top of the list.
+         * Default = ["us", "gb"]
+         */
+        preferredCountries?: string[];
+
+        /**
+         * Display the country dial code next to the selected flag so it's not part
+         * of the typed number. Note that this will disable nationalMode because
+         * technically we are dealing with international numbers, but with the
+         * dial code separated.
+         * Default = false
+         */
+        separateDialCode?: boolean;
+
+        /**
+         * Enable formatting/validation etc. by specifying the URL of the included utils.js script
+         * (or alternatively just point it to the file on cdnjs.com). The script is fetched when the page has finished loading (on the window load event)
+         *  to prevent blocking (the script is ~215KB). When instantiating the plugin, if the Promise object is defined,
+         * one of those is returned under the promise instance property, so you can do something like
+         * iti.promise.then(callback) to know when initialisation requests like this have finished.
+         * Note that if you're lazy loading the plugin script itself (intlTelInput.js)
+         * this will not work and you will need to use the loadUtils method instead.
+         * Example: "build/js/utils.js"
+         * Default = ""
+         */
+        utilsScript?: string;
+    }
+}
+
+declare namespace intlTelInputUtils {
+    interface CountryData {
+        name: string;
+        iso2: string;
+        dialCode: string;
+    }
+
+    enum numberFormat {
+        E164 = 0,
+        INTERNATIONAL = 1,
+        NATIONAL = 2,
+        RFC3966 = 3
+    }
+
+    enum numberType {
+        FIXED_LINE = 0,
+        MOBILE = 1,
+        FIXED_LINE_OR_MOBILE = 2,
+        TOLL_FREE = 3,
+        PREMIUM_RATE = 4,
+        SHARED_COST = 5,
+        VOIP = 6,
+        PERSONAL_NUMBER = 7,
+        PAGER = 8,
+        UAN = 9,
+        VOICEMAIL = 10,
+        UNKNOWN = -1
+    }
+
+    enum validationError {
+        IS_POSSIBLE = 0,
+        INVALID_COUNTRY_CODE = 1,
+        TOO_SHORT = 2,
+        TOO_LONG = 3,
+        NOT_A_NUMBER = 4
+    }
+
+    type placeholderNumberType =
+        | "FIXED_LINE_OR_MOBILE"
+        | "FIXED_LINE"
+        | "MOBILE"
+        | "PAGER"
+        | "PERSONAL_NUMBER"
+        | "PREMIUM_RATE"
+        | "SHARED_COST"
+        | "TOLL_FREE"
+        | "UAN"
+        | "UNKNOWN"
+        | "VOICEMAIL"
+        | "VOIP";
+}
+
+interface Window {
+    intlTelInputGlobals: IntlTelInput.Static;
 
     /**
      * initialise the plugin with optional options.
      * @param options options that can be provided during initialization.
      */
-    (options?: IntlTelInput.Options): JQueryDeferred<any>;
-  }
-
-  interface Options {
-    /**
-     * Whether or not to allow the dropdown. If disabled, there is no dropdown
-     * arrow, and the selected flag is not clickable. Also we display the
-     * selected flag on the right instead because it is just a marker of state.
-     */
-    allowDropdown?: boolean;
-    /**
-     * If there is just a dial code in the input: remove it on blur or submit,
-     * and re-add it on focus. This is to prevent just a dial code getting
-     * submitted with the form. Requires nationalMode to be set to false.
-     */
-    autoHideDialCode?: boolean;
-    /**
-     * Set the input's placeholder to an example number for the selected country.
-     * You can specify the number type using the numberType option.
-     * If there is already a placeholder attribute set on the input then that
-     * will take precedence. Requires the utilsScript option.
-     */
-    autoPlaceholder?: boolean;
-    /**
-     * Change the placeholder generated by autoPlaceholder. Must return a string.
-     */
-    customPlaceholder?: (selectedCountryPlaceholder: string, selectedCountryData: CountryData) => string;
-    /**
-     * Specify the container for the country dropdown (use a jQuery selector
-     * e.g. "body"). This is useful when the input is within a scrolling element,
-     * or an element with overflow: hidden. Wherever you put the dropdown it
-     * will automatically close on the window scroll event to prevent positioning
-     * issues. If you want it to close when a different element is scrolled
-     * (such as the input's parent), simply listen for the that scroll event,
-     * and trigger $(window).scroll() e.g.
-     */
-    dropdownContainer?: string;
-    /**
-     * Don't display the countries you specify.
-     */
-    excludeCountries?: Array<string>;
-    /**
-     * Format the input value during initialisation.
-     */
-    formatOnInit?: boolean;
-    /**
-     * When setting initialCountry to "auto", you must use this option to
-     * specify a custom function that looks up the user's location. Also note
-     * that when instantiating the plugin, we now return a deferred object, so
-     * you can use .done(callback) to know when initialisation requests like
-     * this have completed.
-     * Note that the callback must still be called in the event of an error.
-     */
-    geoIpLookup?: (callback: (countryCode: string) => void) => void;
-    /**
-     * Set the initial country selection by specifying it's country code.
-     * You can also set it to "auto", which will lookup the user's country based
-     * on their IP address (requires the geoIpLookup option).
-     * Note that the "auto" option will not update the country selection if the
-     * input already contains a number. If you leave initialCountry blank,
-     * it will default to the first country in the list.
-     */
-    initialCountry?: string;
-    /**
-     * Allow users to enter national numbers (and not have to think about
-     * international dial codes). Formatting, validation and placeholders still
-     * work. Then you can use getNumber to extract a full international number.
-     * This option now defaults to true, and it is recommended that you leave it
-     * that way as it provides a better experience for the user.
-     */
-    nationalMode?: boolean;
-    /**
-     * Display only the countries you specify.
-     */
-    onlyCountries?: Array<string>;
-    /**
-     * Specify one of the keys from the global enum intlTelInputUtils.numberType
-     * e.g. "FIXED_LINE" to set the number type to use for the placeholder.
-     */
-    placeholderNumberType?:
-      | "FIXED_LINE_OR_MOBILE"
-      | "FIXED_LINE"
-      | "MOBILE"
-      | "PAGER"
-      | "PERSONAL_NUMBER"
-      | "PREMIUM_RATE"
-      | "SHARED_COST"
-      | "TOLL_FREE"
-      | "UAN"
-      | "UNKNOWN"
-      | "VOICEMAIL"
-      | "VOIP";
-    /**
-     * Specify the countries to appear at the top of the list.
-     */
-    preferredCountries?: Array<string>;
-    /**
-     * Display the country dial code next to the selected flag so it's not part
-     * of the typed number. Note that this will disable nationalMode because
-     * technically we are dealing with international numbers, but with the
-     * dial code separated.
-     */
-    separateDialCode?: boolean;
-    /**
-     * Enable formatting/validation etc. by specifying the path to the included
-     * utils.js script, which is fetched only when the page has finished loading
-     * (on window.load) to prevent blocking. When instantiating the plugin,
-     * we return a deferred object, so you can use .done(callback) to know when
-     * initialisation requests like this have finished. Note that if you're
-     * lazy loading the plugin script itself (intlTelInput.js) this will not
-     * work and you will need to use the loadUtils method instead.
-     */
-    utilsScript?: string;
-  }
-
-  interface CountryData {
-    name: string;
-    iso2: string;
-    dialCode: string;
-  }
-}
-
-declare namespace intlTelInputUtils {
-
-    const enum numberFormat {
-      E164 = 0,
-      INTERNATIONAL = 1,
-      NATIONAL = 2,
-      RFC3966 = 3
-    }
-
-    const enum numberType {
-      FIXED_LINE = 0,
-      MOBILE = 1,
-      FIXED_LINE_OR_MOBILE = 2,
-      TOLL_FREE = 3,
-      PREMIUM_RATE = 4,
-      SHARED_COST = 5,
-      VOIP = 6,
-      PERSONAL_NUMBER = 7,
-      PAGER = 8,
-      UAN = 9,
-      VOICEMAIL = 10,
-      UNKNOWN = -1
-    }
-
-    const enum validationError {
-      IS_POSSIBLE = 0,
-      INVALID_COUNTRY_CODE = 1,
-      TOO_SHORT = 2,
-      TOO_LONG = 3,
-      NOT_A_NUMBER = 4
-    }
+    intlTelInput(node: Element, options?: IntlTelInput.Options): IntlTelInput.Plugin;
 }
 
 interface JQuery {
-  intlTelInput: IntlTelInput.Plugin;
+    intlTelInput: IntlTelInput.JQueryPlugin;
 }
diff --git a/types/intl-tel-input/intl-tel-input-tests.ts b/types/intl-tel-input/intl-tel-input-tests.ts
index e91a5deef1..ab6808bbed 100644
--- a/types/intl-tel-input/intl-tel-input-tests.ts
+++ b/types/intl-tel-input/intl-tel-input-tests.ts
@@ -1,70 +1,170 @@
+/// <reference types="jquery" />
+
+// Normal version
+
+const input = document.querySelector("#phone");
+window.intlTelInput(input);
+
+window.intlTelInput(input, {
+    customPlaceholder(selectedCountryPlaceholder, selectedCountryData) {
+        return 'e.g. ' + selectedCountryPlaceholder;
+    }
+});
+
+window.intlTelInput(input, {
+    placeholderNumberType: "MOBILE",
+});
+
+window.intlTelInput(input, {
+    geoIpLookup(callback) {
+        const countryCode = 'XY';
+        callback(countryCode);
+    }
+});
+
+window.intlTelInput(input).destroy();
+
+const extension = window.intlTelInput(input).getExtension();
+
+const intlNumber = window.intlTelInput(input).getNumber();
+const ntlNumber = window.intlTelInput(input).getNumber(intlTelInputUtils.numberFormat.NATIONAL);
+
+const numberType = window.intlTelInput(input).getNumberType();
+if (numberType === intlTelInputUtils.numberType.MOBILE) { }
+
+const selectedCountryData = window.intlTelInput(input).getSelectedCountryData();
+
+const error = window.intlTelInput(input).getValidationError();
+if (error === intlTelInputUtils.validationError.TOO_SHORT) { }
+
+const isValid = window.intlTelInput(input).isValidNumber();
+
+window.intlTelInput(input).setCountry('gb');
+
+window.intlTelInput(input).setNumber('+447733123456');
+
+window.intlTelInput(input).setPlaceholderNumberType("FIXED_LINE");
+
+const countryData = window.intlTelInputGlobals.getCountryData();
+const country = countryData[0];
+const dialCode = country.dialCode;
+const iso2 = country.iso2;
+const countryName = country.name;
+
+window.intlTelInputGlobals.loadUtils('build/js/utils.js');
+
+window.intlTelInput(input, {
+    utilsScript: '../../build/js/utils.js'
+});
+
+window.intlTelInput(input, {
+    initialCountry: 'auto',
+    geoIpLookup: (callback) => {
+        const countryCode = 'XY';
+        callback(countryCode);
+    },
+    utilsScript: '../../build/js/utils.js'
+});
+
+window.intlTelInput(input, {
+    nationalMode: true,
+    utilsScript: '../../build/js/utils.js'
+});
+
+window.intlTelInput(input, {
+    onlyCountries: ['al'],
+    utilsScript: '../../build/js/utils.js'
+});
+
+window.intlTelInput(input, {
+    allowDropdown: false,
+    autoHideDialCode: false,
+    autoPlaceholder: "aggressive",
+    dropdownContainer: document.body,
+    excludeCountries: ["us", "uk"],
+    formatOnDisplay: false,
+    hiddenInput: "hidden-input",
+    localizedCountries: { de: "Deutschland" },
+    preferredCountries: ["us", "gb"],
+    separateDialCode: false
+});
+
+// jQuery-wrapped version
+
 $('#phone').intlTelInput();
 
 $('#phone').intlTelInput({
-  customPlaceholder: function(selectedCountryPlaceholder, selectedCountryData) {
-    return 'e.g. ' + selectedCountryPlaceholder;
-  }
+    customPlaceholder: (selectedCountryPlaceholder, selectedCountryData) => {
+        return 'e.g. ' + selectedCountryPlaceholder;
+    }
 });
 
 $('#phone').intlTelInput({
-  placeholderNumberType: "MOBILE",
+    placeholderNumberType: "MOBILE",
 });
 
 $('#phone').intlTelInput({
-  geoIpLookup: function(callback) {
-    $.get('http://ipinfo.io', function() {}, 'jsonp').always(function(resp) {
-      let countryCode = (resp && resp.country) ? <string> resp.country : '';
-      callback(countryCode);
-    });
-  }
+    geoIpLookup: (callback) => {
+        const countryCode = 'XY';
+        callback(countryCode);
+    }
 });
 
 $('#phone').intlTelInput('destroy');
 
-let extension = $('#phone').intlTelInput('getExtension');
+const jqueryExtension = $('#phone').intlTelInput('getExtension');
 
-let intlNumber = $('#phone').intlTelInput('getNumber');
-let ntlNumber = $('#phone').intlTelInput('getNumber', intlTelInputUtils.numberFormat.NATIONAL);
+const jqueryIntlNumber = $('#phone').intlTelInput('getNumber');
+const jqueryNtlNumber = $('#phone').intlTelInput('getNumber', intlTelInputUtils.numberFormat.NATIONAL);
 
-let numberType = $('#phone').intlTelInput('getNumberType');
-if (numberType === intlTelInputUtils.numberType.MOBILE) {}
+const jqueryNumberType = $('#phone').intlTelInput('getNumberType');
+if (numberType === intlTelInputUtils.numberType.MOBILE) { }
 
-let selectedCountryData = $('#phone').intlTelInput('getSelectedCountryData');
+const jquerySelectedCountryData = $('#phone').intlTelInput('getSelectedCountryData');
 
-let error = $('#phone').intlTelInput('getValidationError');
-if (error === intlTelInputUtils.validationError.TOO_SHORT) {}
+const jqueryError = $('#phone').intlTelInput('getValidationError');
+if (error === intlTelInputUtils.validationError.TOO_SHORT) { }
 
-let isValid = $('#phone').intlTelInput('isValidNumber');
+const jqueryIsValid = $('#phone').intlTelInput('isValidNumber');
 
 $('#phone').intlTelInput('setCountry', 'gb');
 
 $('#phone').intlTelInput('setNumber', '+447733123456');
 
-let countryData = $.fn.intlTelInput.getCountryData();
-
-$.fn.intlTelInput.loadUtils('build/js/utils.js');
+$('#phone').intlTelInput('setPlaceholderNumberType', "FIXED_LINE");
 
 $('#phone').intlTelInput({
-  utilsScript: '../../build/js/utils.js'
+    utilsScript: '../../build/js/utils.js'
 });
 
 $('#phone').intlTelInput({
-  initialCountry: 'auto',
-  geoIpLookup: function(callback) {
-    $.get('http://ipinfo.io', function() {}, 'jsonp').always(function(resp) {
-      let countryCode = (resp && resp.country) ? resp.country : '';
-      callback(countryCode);
-    });
-  },
-  utilsScript: '../../build/js/utils.js'
+    initialCountry: 'auto',
+    geoIpLookup: (callback) => {
+        const countryCode = 'XY';
+        callback(countryCode);
+    },
+    utilsScript: '../../build/js/utils.js'
 });
 
 $('#phone').intlTelInput({
-  nationalMode: true,
-  utilsScript: '../../build/js/utils.js'
+    nationalMode: true,
+    utilsScript: '../../build/js/utils.js'
 });
 
 $('#phone').intlTelInput({
-  onlyCountries: ['al'],
-  utilsScript: '../../build/js/utils.js'
+    onlyCountries: ['al'],
+    utilsScript: '../../build/js/utils.js'
+});
+
+$('#phone').intlTelInput({
+    allowDropdown: false,
+    autoHideDialCode: false,
+    autoPlaceholder: "aggressive",
+    dropdownContainer: document.body,
+    excludeCountries: ["us", "uk"],
+    formatOnDisplay: false,
+    hiddenInput: "hidden-input",
+    localizedCountries: { de: "Deutschland" },
+    preferredCountries: ["us", "gb"],
+    separateDialCode: false
 });
diff --git a/types/intl-tel-input/tsconfig.json b/types/intl-tel-input/tsconfig.json
index 380d60229d..e067880440 100644
--- a/types/intl-tel-input/tsconfig.json
+++ b/types/intl-tel-input/tsconfig.json
@@ -21,4 +21,4 @@
         "index.d.ts",
         "intl-tel-input-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/intl-tel-input/tslint.json b/types/intl-tel-input/tslint.json
index b6afb8acee..08b1465cd6 100644
--- a/types/intl-tel-input/tslint.json
+++ b/types/intl-tel-input/tslint.json
@@ -1,80 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-const-enum": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
+        "unified-signatures": false
     }
 }
diff --git a/types/intl-tel-input/v13/index.d.ts b/types/intl-tel-input/v13/index.d.ts
new file mode 100644
index 0000000000..a28032e026
--- /dev/null
+++ b/types/intl-tel-input/v13/index.d.ts
@@ -0,0 +1,260 @@
+// Type definitions for intl-tel-input 13.0
+// Project: https://github.com/jackocnr/intl-tel-input
+// Definitions by: Fidan Hakaj <https://github.com/fdnhkj>, Leonard Thieu <https://github.com/leonard-thieu>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="jquery" />
+
+declare namespace IntlTelInput {
+
+    interface Plugin {
+        /**
+         * Get all of the plugin's country data - either to re-use elsewhere
+         * e.g. to populate a country dropdown.
+         */
+        getCountryData(): CountryData[];
+        /**
+         * Load the utils.js script (included in the lib directory) to enable
+         * formatting/validation etc.
+         */
+        loadUtils(path: string, utilsScriptDeferred?: boolean): void;
+
+        /**
+         * Remove the plugin from the input, and unbind any event listeners.
+         */
+        (method: 'destroy'): void;
+        /**
+         * Get the extension from the current number.
+         * Requires the utilsScript option.
+         * e.g. if the input value was "(702) 555-5555 ext. 1234", this would
+         * return "1234".
+         */
+        (method: 'getExtension'): string;
+        /**
+         * Get the current number in the given format (defaults to E.164 standard).
+         * The different formats are available in the enum
+         * intlTelInputUtils.numberFormat - taken from here.
+         * Requires the utilsScript option.
+         * Note that even if nationalMode is enabled, this can still return a full
+         * international number.
+         */
+        (method: 'getNumber'): string;
+        /**
+         * Get the type (fixed-line/mobile/toll-free etc) of the current number.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum intlTelInputUtils.numberType.
+         * Note that in the US there's no way to differentiate between fixed-line and
+         * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.
+         */
+        (method: 'getNumberType'): intlTelInputUtils.numberType;
+        /**
+         * Get the country data for the currently selected flag.
+         */
+        (method: 'getSelectedCountryData'): IntlTelInput.CountryData;
+        /**
+         * Get more information about a validation error.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum intlTelInputUtils.validationError
+         */
+        (method: 'getValidationError'): intlTelInputUtils.validationError;
+        /**
+         * Validate the current number. Expects an internationally formatted number
+         * (unless nationalMode is enabled). If validation fails, you can use
+         * getValidationError to get more information.
+         * Requires the utilsScript option.
+         * Also see getNumberType if you want to make sure the user enters a certain
+         * type of number e.g. a mobile number.
+         */
+        (method: 'isValidNumber'): boolean;
+        (method: string): void;
+        /**
+         * Change the country selection (e.g. when the user is entering their address).
+         * @param countryCode country code of the country to be set.
+         */
+        (method: 'setCountry', countryCode: string): void;
+        /**
+         * Insert a number, and update the selected flag accordingly.
+         * Note that by default, if nationalMode is enabled it will try to use
+         * national formatting.
+         * @param aNumber number to be set.
+         */
+        (method: 'setNumber', aNumber: string): void;
+        (method: string, value: string): void;
+
+        /**
+         * Get the current number in the given format (defaults to E.164 standard).
+         * The different formats are available in the enum
+         * intlTelInputUtils.numberFormat - taken from here.
+         * Requires the utilsScript option.
+         * Note that even if nationalMode is enabled, this can still return a full
+         * international number.
+         * @param numberFormat the format in which the number will be returned.
+         */
+        (method: 'getNumber', numberFormat: intlTelInputUtils.numberFormat): string;
+        (method: string, numberFormat: intlTelInputUtils.numberFormat): string;
+
+        /**
+         * initialise the plugin with optional options.
+         * @param options options that can be provided during initialization.
+         */
+        (options?: IntlTelInput.Options): JQueryDeferred<any>;
+    }
+
+    interface Options {
+        /**
+         * Whether or not to allow the dropdown. If disabled, there is no dropdown
+         * arrow, and the selected flag is not clickable. Also we display the
+         * selected flag on the right instead because it is just a marker of state.
+         */
+        allowDropdown?: boolean;
+        /**
+         * If there is just a dial code in the input: remove it on blur or submit,
+         * and re-add it on focus. This is to prevent just a dial code getting
+         * submitted with the form. Requires nationalMode to be set to false.
+         */
+        autoHideDialCode?: boolean;
+        /**
+         * Set the input's placeholder to an example number for the selected country.
+         * You can specify the number type using the numberType option.
+         * If there is already a placeholder attribute set on the input then that
+         * will take precedence. Requires the utilsScript option.
+         */
+        autoPlaceholder?: boolean;
+        /**
+         * Change the placeholder generated by autoPlaceholder. Must return a string.
+         */
+        customPlaceholder?: (selectedCountryPlaceholder: string, selectedCountryData: CountryData) => string;
+        /**
+         * Specify the container for the country dropdown (use a jQuery selector
+         * e.g. "body"). This is useful when the input is within a scrolling element,
+         * or an element with overflow: hidden. Wherever you put the dropdown it
+         * will automatically close on the window scroll event to prevent positioning
+         * issues. If you want it to close when a different element is scrolled
+         * (such as the input's parent), simply listen for the that scroll event,
+         * and trigger $(window).scroll() e.g.
+         */
+        dropdownContainer?: string;
+        /**
+         * Don't display the countries you specify.
+         */
+        excludeCountries?: Array<string>;
+        /**
+         * Format the input value during initialisation.
+         */
+        formatOnInit?: boolean;
+        /**
+         * When setting initialCountry to "auto", you must use this option to
+         * specify a custom function that looks up the user's location. Also note
+         * that when instantiating the plugin, we now return a deferred object, so
+         * you can use .done(callback) to know when initialisation requests like
+         * this have completed.
+         * Note that the callback must still be called in the event of an error.
+         */
+        geoIpLookup?: (callback: (countryCode: string) => void) => void;
+        /**
+         * Set the initial country selection by specifying it's country code.
+         * You can also set it to "auto", which will lookup the user's country based
+         * on their IP address (requires the geoIpLookup option).
+         * Note that the "auto" option will not update the country selection if the
+         * input already contains a number. If you leave initialCountry blank,
+         * it will default to the first country in the list.
+         */
+        initialCountry?: string;
+        /**
+         * Allow users to enter national numbers (and not have to think about
+         * international dial codes). Formatting, validation and placeholders still
+         * work. Then you can use getNumber to extract a full international number.
+         * This option now defaults to true, and it is recommended that you leave it
+         * that way as it provides a better experience for the user.
+         */
+        nationalMode?: boolean;
+        /**
+         * Display only the countries you specify.
+         */
+        onlyCountries?: Array<string>;
+        /**
+         * Specify one of the keys from the global enum intlTelInputUtils.numberType
+         * e.g. "FIXED_LINE" to set the number type to use for the placeholder.
+         */
+        placeholderNumberType?:
+        | "FIXED_LINE_OR_MOBILE"
+        | "FIXED_LINE"
+        | "MOBILE"
+        | "PAGER"
+        | "PERSONAL_NUMBER"
+        | "PREMIUM_RATE"
+        | "SHARED_COST"
+        | "TOLL_FREE"
+        | "UAN"
+        | "UNKNOWN"
+        | "VOICEMAIL"
+        | "VOIP";
+        /**
+         * Specify the countries to appear at the top of the list.
+         */
+        preferredCountries?: Array<string>;
+        /**
+         * Display the country dial code next to the selected flag so it's not part
+         * of the typed number. Note that this will disable nationalMode because
+         * technically we are dealing with international numbers, but with the
+         * dial code separated.
+         */
+        separateDialCode?: boolean;
+        /**
+         * Enable formatting/validation etc. by specifying the path to the included
+         * utils.js script, which is fetched only when the page has finished loading
+         * (on window.load) to prevent blocking. When instantiating the plugin,
+         * we return a deferred object, so you can use .done(callback) to know when
+         * initialisation requests like this have finished. Note that if you're
+         * lazy loading the plugin script itself (intlTelInput.js) this will not
+         * work and you will need to use the loadUtils method instead.
+         */
+        utilsScript?: string;
+    }
+
+    interface CountryData {
+        name: string;
+        iso2: string;
+        dialCode: string;
+    }
+}
+
+declare namespace intlTelInputUtils {
+
+    const enum numberFormat {
+        E164 = 0,
+        INTERNATIONAL = 1,
+        NATIONAL = 2,
+        RFC3966 = 3
+    }
+
+    const enum numberType {
+        FIXED_LINE = 0,
+        MOBILE = 1,
+        FIXED_LINE_OR_MOBILE = 2,
+        TOLL_FREE = 3,
+        PREMIUM_RATE = 4,
+        SHARED_COST = 5,
+        VOIP = 6,
+        PERSONAL_NUMBER = 7,
+        PAGER = 8,
+        UAN = 9,
+        VOICEMAIL = 10,
+        UNKNOWN = -1
+    }
+
+    const enum validationError {
+        IS_POSSIBLE = 0,
+        INVALID_COUNTRY_CODE = 1,
+        TOO_SHORT = 2,
+        TOO_LONG = 3,
+        NOT_A_NUMBER = 4
+    }
+}
+
+interface JQuery {
+    intlTelInput: IntlTelInput.Plugin;
+}
diff --git a/types/intl-tel-input/v13/intl-tel-input-tests.ts b/types/intl-tel-input/v13/intl-tel-input-tests.ts
new file mode 100644
index 0000000000..497a8dff67
--- /dev/null
+++ b/types/intl-tel-input/v13/intl-tel-input-tests.ts
@@ -0,0 +1,70 @@
+$('#phone').intlTelInput();
+
+$('#phone').intlTelInput({
+    customPlaceholder: function (selectedCountryPlaceholder, selectedCountryData) {
+        return 'e.g. ' + selectedCountryPlaceholder;
+    }
+});
+
+$('#phone').intlTelInput({
+    placeholderNumberType: "MOBILE",
+});
+
+$('#phone').intlTelInput({
+    geoIpLookup: function (callback) {
+        $.get('http://ipinfo.io', function () { }, 'jsonp').always(function (resp) {
+            let countryCode = (resp && resp.country) ? <string>resp.country : '';
+            callback(countryCode);
+        });
+    }
+});
+
+$('#phone').intlTelInput('destroy');
+
+let extension = $('#phone').intlTelInput('getExtension');
+
+let intlNumber = $('#phone').intlTelInput('getNumber');
+let ntlNumber = $('#phone').intlTelInput('getNumber', intlTelInputUtils.numberFormat.NATIONAL);
+
+let numberType = $('#phone').intlTelInput('getNumberType');
+if (numberType === intlTelInputUtils.numberType.MOBILE) { }
+
+let selectedCountryData = $('#phone').intlTelInput('getSelectedCountryData');
+
+let error = $('#phone').intlTelInput('getValidationError');
+if (error === intlTelInputUtils.validationError.TOO_SHORT) { }
+
+let isValid = $('#phone').intlTelInput('isValidNumber');
+
+$('#phone').intlTelInput('setCountry', 'gb');
+
+$('#phone').intlTelInput('setNumber', '+447733123456');
+
+let countryData = $.fn.intlTelInput.getCountryData();
+
+$.fn.intlTelInput.loadUtils('build/js/utils.js');
+
+$('#phone').intlTelInput({
+    utilsScript: '../../build/js/utils.js'
+});
+
+$('#phone').intlTelInput({
+    initialCountry: 'auto',
+    geoIpLookup: function (callback) {
+        $.get('http://ipinfo.io', function () { }, 'jsonp').always(function (resp) {
+            let countryCode = (resp && resp.country) ? resp.country : '';
+            callback(countryCode);
+        });
+    },
+    utilsScript: '../../build/js/utils.js'
+});
+
+$('#phone').intlTelInput({
+    nationalMode: true,
+    utilsScript: '../../build/js/utils.js'
+});
+
+$('#phone').intlTelInput({
+    onlyCountries: ['al'],
+    utilsScript: '../../build/js/utils.js'
+});
diff --git a/types/intl-tel-input/v13/tsconfig.json b/types/intl-tel-input/v13/tsconfig.json
new file mode 100644
index 0000000000..f166c4da54
--- /dev/null
+++ b/types/intl-tel-input/v13/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "intl-tel-input": [ "intl-tel-input/v13" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "intl-tel-input-tests.ts"
+    ]
+}
diff --git a/types/intl-tel-input/v13/tslint.json b/types/intl-tel-input/v13/tslint.json
new file mode 100644
index 0000000000..b6afb8acee
--- /dev/null
+++ b/types/intl-tel-input/v13/tslint.json
@@ -0,0 +1,80 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-const-enum": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/iobroker/index.d.ts b/types/iobroker/index.d.ts
new file mode 100644
index 0000000000..cee6ce75a6
--- /dev/null
+++ b/types/iobroker/index.d.ts
@@ -0,0 +1,1443 @@
+// Type definitions for ioBroker 1.4
+// Project: https://github.com/ioBroker/ioBroker
+// Definitions by: AlCalzone <https://github.com/AlCalzone>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 3.0
+
+// Note: This is not the definition for the package `iobroker`,
+// which is just an installer, not a library.
+// The definitions may change with updates to ioBroker.js-controller
+
+/// <reference types="node" />
+import * as fs from "fs";
+
+// tslint:disable:no-namespace
+declare global {
+    namespace ioBroker {
+        enum StateQuality {
+            good = 0x00, // or undefined or null
+            bad = 0x01,
+            general_problem = 0x01,
+            general_device_problem = 0x41,
+            general_sensor_problem = 0x81,
+            device_not_connected = 0x42,
+            sensor_not_connected = 0x82,
+            device_reports_error = 0x44,
+            sensor_reports_error = 0x84,
+        }
+
+        interface State {
+            /** The value of the state. */
+            val: any;
+
+            /** Direction flag: false for desired value and true for actual value. Default: false. */
+            ack: boolean;
+
+            /** Unix timestamp. Default: current time */
+            ts: number;
+
+            /** Unix timestamp of the last time the value changed */
+            lc: number;
+
+            /** Name of the adapter instance which set the value, e.g. "system.adapter.web.0" */
+            from: string;
+
+            /** Optional time in seconds after which the state is reset to null */
+            expire?: number;
+
+            /** Optional quality of the state value */
+            q?: StateQuality;
+
+            /** Optional comment */
+            c?: string;
+        }
+
+        /** Provides low-level access to the ioBroker states DB */
+        interface States {
+            /**
+             * Returns a list of states with the given ids
+             * @param keys IDs of the states to be retrieved
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getStates(keys: string[], callback: GetStatesCallback2, dontModify?: any): void;
+
+            /**
+             * Returns the state with the given id
+             * @param id ID of the state to be retrieved
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getState(id: string, callback: GetStateCallback): void;
+
+            /**
+             * Stores a state in the db
+             * @param id ID of the state to be stored
+             * @param state The state to be stored in the db
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setState(id: string, state?: string | number | boolean | State | Partial<State>, callback?: SetStateCallback): void;
+
+            /**
+             * Updates a state in memory without triggering a save
+             * @param id ID of the state to be stored
+             * @param state The state to be updated
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setRawState(id: string, state: State, callback?: SetStateCallback): void;
+
+            /**
+             * Deletes a state
+             * @param id ID of the state to be stored
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delState(id: string, callback: DeleteStateCallback): void;
+
+            /**
+             * Retrieves all ids of states matching @link{pattern}
+             * @param pattern The pattern to match against
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getKeys(pattern: string, callback: GetConfigKeysCallback, dontModify?: any): void;
+
+            /**
+             * Subscribe to changes of all states matching @link{pattern}
+             * @param pattern The pattern to match against
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            subscribe(pattern: string, cb: EmptyCallback): void;
+            /**
+             * Unsubscribe from changes of all states matching @link{pattern}
+             * @param pattern The pattern to match against
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            unsubscribe(pattern: string, cb: EmptyCallback): void;
+
+            /**
+             * Register an adapter instance as subscribable.
+             * This means that the instance can read information about all subscriptions to its states
+             * and will be notified of changes.
+             * @param instance Adapter instance to register, e.g. "admin.0"
+             * @param cb Is called when the operation has finished (successfully or not)
+             */
+            registerAdapterSubs(instance: string, cb?: (error: null, success: boolean) => void): void;
+
+            /**
+             * Unregister an adapter instance as subscribable.
+             * @param instance Adapter instance to unregister, e.g. "admin.0"
+             * @param cb Is called when the operation has finished (successfully or not)
+             */
+            unregisterAdapterSubs(instance: string, cb?: (error: null, success: boolean) => void): void;
+
+            /**
+             * EDUCATED GUESS: Notify all clients about changes to an object
+             * @param type object type
+             * @param id State/object id
+             * @param obj The changed object
+             */
+            publishAll(type: string, id: string, obj: Message): void;
+
+            // TODO: Documentation for these functions is missing
+            pushMessage(id: string, state: Message, callback: SetStateCallback): void;
+            lenMessage(id: string, callback: GenericCallback<number>): void;
+            getMessage(id: string, callback: GenericCallback<Message>): void;
+            delMessage(id: string, messageId: number, callback: ErrorCallback): void;
+            clearAllMessages(callback?: EmptyCallback): void;
+            subscribeMessage(id: string, cb: EmptyCallback): void;
+            unsubscribeMessage(id: string, cb: EmptyCallback): void;
+
+            pushLog(id: string, log: Log, callback: SetStateCallback): void;
+            lenLog(id: string, callback: GenericCallback<number>): void;
+            getLog(id: string, callback: GenericCallback<Log>): void;
+            delLog(id: string, logId: string, callback: ErrorCallback): void;
+            clearAllLogs(callback?: EmptyCallback): void;
+            subscribeLog(id: string, cb: EmptyCallback): void;
+            unsubscribeLog(id: string, cb: EmptyCallback): void;
+
+            getSession(id: string, callback: GetSessionCallback): void;
+            setSession(id: string, expire: number, callback?: EmptyCallback): void;
+            setSession(id: string, expire: number, obj: Session, callback?: EmptyCallback): void;
+            destroySession(id: string, callback?: EmptyCallback): void;
+
+            /**
+             * Retrieves a copy of the object with the given ID
+             * @param id Id of the object to find
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getConfig(id: string, callback: GetObjectCallback): void;
+
+            /**
+             * Returns a list of config keys matching <pattern>
+             * @param pattern Pattern to match against
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getConfigKeys(pattern: string, callback: GetConfigKeysCallback, dontModify?: any): void;
+
+            /**
+             * Returns a list of objects with the given ids
+             * @param keys IDs of the objects to be retrieved
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getConfigs(keys: string[], callback: GetObjectsCallback2, dontModify?: any): void;
+
+            /**
+             * Creates or overwrites a config object in the object db
+             * @param id ID of the object
+             * @param obj Object to store
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setConfig(id: string, obj: ioBroker.Object, callback: SetObjectCallback): void;
+
+            /**
+             * Deletes a config object in the object db
+             * @param id ID of the object
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delConfig(id: string, callback: ErrorCallback): void;
+
+            /**
+             * Subscribe to config object changes
+             * @param pattern The pattern to match against
+             */
+            subscribeConfig(pattern: string, callback: EmptyCallback): void;
+
+            /**
+             * Unsubscribe from config object changes
+             * @param pattern The pattern to match against
+             */
+            unsubscribeConfig(pattern: string, callback: EmptyCallback): void;
+
+            /**
+             * Writes a binary state into Redis
+             * @param id The id of the state
+             * @param data The data to be written
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setBinaryState(id: string, data: Buffer, callback: SetStateCallback): void;
+
+            /**
+             * Reads a binary state from Redis
+             * @param id The id of the state
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getBinaryState(id: string, callback: GetBinaryStateCallback): void;
+
+            /**
+             * Deletes a binary state from Redis
+             * @param id The id of the state to be deleted
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delBinaryState(id: string, callback: DeleteStateCallback): void;
+
+            /** Destructor of the class. Call this before shutting down */
+            destroy(): void;
+        } // end interface States
+
+        type Session = any; // TODO: implement
+
+        type ObjectType = "state" | "channel" | "device";
+        type CommonType = "number" | "string" | "boolean" | "array" | "object" | "mixed" | "file";
+
+        // Maybe this should extend Record<string, any>,
+        // but the extra properties aren't defined anywhere,
+        // so I'd rather force the user to explicitly state
+        // he knows what he's doing by casting to any
+        interface ObjectCommon {
+            /** name of this object */
+            name: string;
+
+            // Icon and role aren't defined in SCHEMA.md,
+            // but they are being used by some adapters
+            /** Icon for this object */
+            icon?: string;
+            /** role of the object */
+            role?: string;
+        }
+
+        interface StateCommon extends ObjectCommon {
+            /** Type of this state. See https://github.com/ioBroker/ioBroker/blob/master/doc/SCHEMA.md#state-commonrole for a detailed description */
+            type?: CommonType;
+            /** minimum value */
+            min?: number;
+            /** maximum value */
+            max?: number;
+            /** unit of the value */
+            unit?: string;
+            /** the default value */
+            def?: any;
+            /** description of this state */
+            desc?: string;
+
+            /** if this state is readable */
+            read: boolean;
+            /** if this state is writable */
+            write: boolean;
+            /** role of the state (used in user interfaces to indicate which widget to choose) */
+            role: string;
+
+            /**
+             * Dictionary of possible values for this state in the form
+             * <pre>
+             * {
+             *     "internal value 1": "displayed value 1",
+             *     "internal value 2": "displayed value 2",
+             *     ...
+             * }
+             * </pre>
+             * In old ioBroker versions, this could also be a string of the form
+             * "val1:text1;val2:text2" (now deprecated)
+             */
+            states?: Record<string, string> | string;
+
+            /** ID of a helper state indicating if the handler of this state is working */
+            workingID?: string;
+
+            /** attached history information */
+            history?: any;
+        }
+        interface ChannelCommon extends ObjectCommon {
+            /** description of this channel */
+            desc?: string;
+        }
+        type OtherCommon = ObjectCommon & {
+            [propName: string]: any;
+        };
+
+        interface BaseObject {
+            /** The ID of this object */
+            _id: string;
+            native: Record<string, any>;
+            enums?: Record<string, string>;
+            type: string; // specified in the derived interfaces
+            common: ObjectCommon;
+            acl?: ObjectACL;
+        }
+
+        interface StateObject extends BaseObject {
+            type: "state";
+            common: StateCommon;
+            acl?: StateACL;
+        }
+        interface PartialStateObject extends Partial<Pick<StateObject, "_id" | "native" | "enums" | "type">> {
+            common?: Partial<StateCommon>;
+            acl?: Partial<StateACL>;
+        }
+
+        interface ChannelObject extends BaseObject {
+            type: "channel";
+            common: ChannelCommon;
+        }
+        interface PartialChannelObject extends Partial<Pick<ChannelObject, "_id" | "native" | "enums" | "type" | "acl">> {
+            common?: Partial<ChannelCommon>;
+        }
+
+        interface DeviceObject extends BaseObject {
+            type: "device";
+            common: ObjectCommon; // TODO: any definition for device?
+        }
+        interface PartialDeviceObject extends Partial<Pick<DeviceObject, "_id" | "native" | "enums" | "type" | "acl">> {
+            common?: Partial<ObjectCommon>;
+        }
+
+        interface OtherObject extends BaseObject {
+            type: "adapter" | "config" | "enum" | "group" | "host" | "info" | "instance" | "meta" | "script" | "user";
+            common: OtherCommon;
+        }
+        interface PartialOtherObject extends Partial<Pick<OtherObject, "_id" | "native" | "enums" | "type" | "acl">> {
+            common?: Partial<ObjectCommon>;
+        }
+
+        type Object = StateObject | ChannelObject | DeviceObject | OtherObject;
+        // In set[Foreign]Object[NotExists] methods, the ID and acl of the object is optional
+        interface SettableObject extends Pick<ioBroker.Object, Exclude<keyof ioBroker.Object, "_id" | "acl">> {
+            _id?: ioBroker.Object["_id"];
+            acl?: ioBroker.Object["acl"];
+        }
+        type PartialObject = PartialStateObject | PartialChannelObject | PartialDeviceObject | PartialOtherObject;
+
+        /** Defines access rights for a single file */
+        interface FileACL {
+            /** Full name of the user who owns this file, e.g. "system.user.admin" */
+            owner: string;
+            /** Full name of the group who owns this file, e.g. "system.group.administrator" */
+            ownerGroup: string;
+            /** Linux-type permissions defining access to this file */
+            permissions: number;
+        }
+        /** Defines access rights for a single file, applied to a user or group */
+        interface EvaluatedFileACL extends FileACL {
+            /** Whether the user may read the file */
+            read: boolean;
+            /** Whether the user may write the file */
+            write: boolean;
+        }
+
+        /** Defines access rights for a single object */
+        interface ObjectACL {
+            /** Full name of the user who owns this object, e.g. "system.user.admin" */
+            owner: string;
+            /** Full name of the group who owns this object, e.g. "system.group.administrator" */
+            ownerGroup: string;
+            /** Linux-type permissions defining access to this object */
+            object: number;
+        }
+        /** Defines access rights for a single state object */
+        interface StateACL extends ObjectACL {
+            /** Linux-type permissions defining access to this state */
+            state: number;
+        }
+
+        /** Defines access rights for a single object type */
+        interface ObjectOperationPermissions {
+            /** Whether a user may enumerate objects of this type */
+            list: boolean;
+            /** Whether a user may read objects of this type */
+            read: boolean;
+            /** Whether a user may write objects of this type */
+            write: boolean;
+            /** Whether a user may create objects of this type */
+            create: boolean;
+            /** Whether a user may delete objects of this type */
+            "delete": boolean;
+        }
+
+        /** Defines the rights a user or group has to change objects */
+        interface ObjectPermissions {
+            /** The access rights for files */
+            file: ObjectOperationPermissions;
+            /** The access rights for objects */
+            object: ObjectOperationPermissions;
+            /** The access rights for users/groups */
+            users: ObjectOperationPermissions;
+            /** The access rights for states */
+            state?: ObjectOperationPermissions;
+        }
+        /** Defined the complete set of access rights a user has */
+        interface PermissionSet extends ObjectPermissions {
+            /** The name of the user this ACL is for */
+            user: string;
+            /** The name of the groups this ACL was merged from */
+            groups: string[];
+            /** The access rights for certain commands */
+            other: {
+                execute: boolean,
+                http: boolean,
+                sendto: boolean,
+            };
+        }
+
+        interface Permission {
+            /** The type of the permission */
+            type: string;
+            /** Which kind of operation is required */
+            operation: string;
+        }
+        interface ObjectOrStatePermission extends Permission {
+            type: "object" | "file" | "users" | "state";
+            operation: "list" | "read" | "write" | "create" | "delete";
+        }
+        interface OtherPermission extends Permission {
+            type: "other";
+            operation: "execute" | "http" | "sendto";
+        }
+        interface CommandsPermissions {
+            // TODO: Are all properties required or is a partial object ok?
+            getObject: ObjectOrStatePermission;
+            getObjects: ObjectOrStatePermission;
+            getObjectView: ObjectOrStatePermission;
+            setObject: ObjectOrStatePermission;
+            subscribeObjects: ObjectOrStatePermission;
+            unsubscribeObjects: ObjectOrStatePermission;
+            getStates: ObjectOrStatePermission;
+            getState: ObjectOrStatePermission;
+            setState: ObjectOrStatePermission;
+            getStateHistory: ObjectOrStatePermission;
+            subscribe: ObjectOrStatePermission;
+            unsubscribe: ObjectOrStatePermission;
+            getVersion: Permission;
+            httpGet: OtherPermission;
+            sendTo: OtherPermission;
+            sendToHost: OtherPermission;
+            readFile: ObjectOrStatePermission;
+            readFile64: ObjectOrStatePermission;
+            writeFile: ObjectOrStatePermission;
+            writeFile64: ObjectOrStatePermission;
+            unlink: ObjectOrStatePermission;
+            rename: ObjectOrStatePermission;
+            mkdir: ObjectOrStatePermission;
+            readDir: ObjectOrStatePermission;
+            chmodFile: ObjectOrStatePermission;
+            authEnabled: Permission;
+            disconnect: Permission;
+            listPermissions: Permission;
+            getUserPermissions: ObjectOrStatePermission;
+        }
+
+        type UserGroup = any; // TODO find out how this looks like
+        // interface UserGroup { }
+
+        /** Contains information about a user */
+        interface User {
+            /** Which groups this user belongs to */
+            groups: UserGroup[];
+            /** Access rights of this user */
+            acl: ObjectPermissions;
+        }
+
+        /** Parameters for @link{Objects.getObjectView} */
+        interface GetObjectViewParams {
+            /** First id to include in the return list */
+            startkey: string;
+            /** Last id to include in the return list */
+            endkey: string;
+        }
+
+        /** Parameters for @link{Objects.getObjectList} */
+        interface GetObjectListParams extends GetObjectViewParams {
+            /** Whether docs should be included in the return list */ // TODO: What are docs?
+            include_docs: boolean;
+        }
+
+        /** Provides low-level access to the ioBroker objects db */
+        interface Objects {
+            /**
+             * For a given user, returns the groups he belongs to, and his access rights
+             * @param user Name of the user. Has to start with "system.user."
+             * @param callback The callback function to be invoked with the return values
+             */
+            getUserGroup(user: string, callback: GetUserGroupCallback): void;
+
+            /**
+             * Determines the mime type for a given file extension
+             * @param ext File extension, including the leading dot, e.g. ".zip"
+             */
+            getMimeType(ext: string): { mimeType: string, isBinary: boolean };
+
+            /**
+             * Writes a file.
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File name
+             * @param data Contents of the file
+             * @param options (optional) MIME type of the file (string). Or some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            writeFile(id: string, name: string, data: Buffer | string, callback: ErrorCallback): void;
+            writeFile(id: string, name: string, data: Buffer | string, options: string | unknown, callback: ErrorCallback): void;
+
+            /**
+             * Reads a file.
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            readFile(id: string, name: string, callback: ReadFileCallback): void;
+            readFile(id: string, name: string, options: unknown, callback: ReadFileCallback): void;
+
+            /**
+             * Deletes a file.
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            unlink(id: string, name: string, callback: ErrorCallback): void;
+            unlink(id: string, name: string, options: unknown, callback: ErrorCallback): void;
+            /**
+             * Deletes a file.
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delFile(id: string, name: string, callback: ErrorCallback): void;
+            delFile(id: string, name: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Finds all files and directories starting with <name>
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File or directory name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            readDir(id: string, name: string, callback: ReadDirCallback): void;
+            readDir(id: string, name: string, options: unknown, callback: ReadDirCallback): void;
+
+            /**
+             * Renames a file or directory
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param oldName Old file or directory name
+             * @param newName Name to rename to
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            rename(id: string, oldName: string, newName: string, callback: ErrorCallback): void;
+            rename(id: string, oldName: string, newName: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Creates an empty file with the given name
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name File name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            touch(id: string, name: string, callback: ErrorCallback): void;
+            touch(id: string, name: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Deletes all files in the root directory matching <name>
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name Pattern to match against
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            rm(id: string, name: string, callback: RmCallback): void;
+            rm(id: string, name: string, options: unknown, callback: RmCallback): void;
+
+            /**
+             * Creates an empty directory with the given name
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name Directory name
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            mkDir(id: string, name: string, callback: ErrorCallback): void;
+            mkDir(id: string, name: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Takes possession all files in the root directory matching <name>
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name Pattern to match against
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            chownFile(id: string, name: string, callback: ChownFileCallback): void;
+            chownFile(id: string, name: string, options: unknown, callback: ChownFileCallback): void;
+
+            /**
+             * Changes access rights of all files in the root directory matching <name>
+             * @param id Name of the root directory. This should be the adapter instance, e.g. "admin.0"
+             * @param name Pattern to match against
+             * @param options Mode of the access change as a number or hexadecimal string
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            chmodFile(id: string, name: string, options: { mode: number | string } | Record<string, any>, callback: ChownFileCallback): void;
+
+            // not documented. enabled = true seems to disable the cache
+            // enableFileCache(enabled, options, callback)
+
+            /**
+             * Subscribe to object changes
+             * @param pattern The pattern to match against
+             */
+            subscribeConfig(pattern: string, callback: EmptyCallback): void;
+            subscribeConfig(pattern: string, options: unknown, callback: EmptyCallback): void;
+            /**
+             * Subscribe to object changes
+             * @param pattern The pattern to match against
+             */
+            subscribe(pattern: string, callback: EmptyCallback): void;
+            subscribe(pattern: string, options: unknown, callback: EmptyCallback): void;
+
+            /**
+             * Unsubscribe from object changes
+             * @param pattern The pattern to match against
+             */
+            unsubscribeConfig(pattern: string, callback: EmptyCallback): void;
+            unsubscribeConfig(pattern: string, options: unknown, callback: EmptyCallback): void;
+            /**
+             * Unsubscribe from object changes
+             * @param pattern The pattern to match against
+             */
+            unsubscribe(pattern: string, callback: EmptyCallback): void;
+            unsubscribe(pattern: string, options: unknown, callback: EmptyCallback): void;
+
+            /**
+             * Takes possession of all objects matching <pattern>
+             * @param pattern Pattern to match against
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            chownObject(pattern: string, callback: ChownObjectCallback): void;
+            chownObject(pattern: string, options: unknown, callback: ChownObjectCallback): void;
+
+            /**
+             * Changes access rights of all objects matching <pattern>
+             * @param pattern Pattern to match against
+             * @param options Mode of the access change as a number or hexadecimal string
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            chmodObject(pattern: string, callback: ChownObjectCallback): void;
+            chmodObject(pattern: string, options: unknown, callback: ChownObjectCallback): void;
+
+            /**
+             * Retrieves a copy of the object with the given ID
+             * @param id Id of the object to find
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getObject(id: string, callback: GetObjectCallback): void;
+            getObject(id: string, options: unknown, callback: GetObjectCallback): void;
+            /**
+             * Retrieves a copy of the object with the given ID
+             * @param id Id of the object to find
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getConfig(id: string, callback: GetObjectCallback): void;
+            getConfig(id: string, options: unknown, callback: GetObjectCallback): void;
+
+            /**
+             * Returns a list of config keys matching <pattern>
+             * @param pattern Pattern to match against
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getConfigKeys(pattern: string, callback: GetConfigKeysCallback, dontModify?: any): void;
+            getConfigKeys(pattern: string, options: unknown, callback: GetConfigKeysCallback, dontModify?: any): void;
+
+            /**
+             * Returns a list of objects with the given ids
+             * @param keys IDs of the objects to be retrieved
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getObjects(keys: string[], callback: GetObjectsCallback2, dontModify?: any): void;
+            getObjects(keys: string[], options: unknown, callback: GetObjectsCallback2, dontModify?: any): void;
+            /**
+             * Returns a list of objects with the given ids
+             * @param keys IDs of the objects to be retrieved
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             * @param dontModify unused
+             */
+            getConfigs(keys: string[], callback: GetObjectsCallback2, dontModify?: any): void;
+            getConfigs(keys: string[], options: unknown, callback: GetObjectsCallback2, dontModify?: any): void;
+
+            /**
+             * Creates or overwrites an object in the object db
+             * @param id ID of the object
+             * @param obj Object to store
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setObject(id: string, obj: ioBroker.SettableObject, callback: SetObjectCallback): void;
+            setObject(id: string, obj: ioBroker.SettableObject, options: unknown, callback: SetObjectCallback): void;
+            /**
+             * Creates or overwrites an object in the object db
+             * @param id ID of the object
+             * @param obj Object to store
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setConfig(id: string, obj: ioBroker.SettableObject, callback: SetObjectCallback): void;
+            setConfig(id: string, obj: ioBroker.SettableObject, options: unknown, callback: SetObjectCallback): void;
+
+            /**
+             * Deletes an object in the object db
+             * @param id ID of the object
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delObject(id: string, callback: ErrorCallback): void;
+            delObject(id: string, options: unknown, callback: ErrorCallback): void;
+            /**
+             * Deletes an object in the object db
+             * @param id ID of the object
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            delConfig(id: string, callback: ErrorCallback): void;
+            delConfig(id: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Returns a list of objects with id between params.startkey and params.endkey
+             * @param params Parameters determining the objects included in the return list. Null to include all objects
+             * @param options (optional) If the returned list should be sorted. And some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getObjectList(params: GetObjectListParams | null, callback: GetObjectListCallback): void;
+            getObjectList(params: GetObjectListParams | null, options: { sorted?: boolean } | Record<string, any>, callback: GetObjectListCallback): void;
+
+            /**
+             * Query a predefined object view (similar to SQL stored procedures) and return the results
+             * For a detailed description refer to https://github.com/ioBroker/ioBroker/wiki/Adapter-Development-Documentation#object-fields
+             * or http://guide.couchdb.org/editions/1/en/views.html
+             * @param design The namespace of the object view, as defined in io-package.json. Usually the adapter name, e.g. "hm-rpc"
+             * @param search The name of the object view.
+             * @param params Parameters to additionally filter out objects from the return list. Null to include all objects
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getObjectView(design: string, search: string, params: GetObjectViewParams | null, callback: GetObjectViewCallback): void;
+            getObjectView(design: string, search: string, params: GetObjectViewParams | null, options: unknown, callback: GetObjectViewCallback): void;
+
+            /**
+             * Extends an object in the object db with new properties
+             * @param id ID of the object
+             * @param obj Object to extend the original one with. May be just parts of an object.
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            extendObject(id: string, obj: PartialObject, callback: ExtendObjectCallback): void;
+            extendObject(id: string, obj: PartialObject, options: unknown, callback: ExtendObjectCallback): void;
+
+            /**
+             * Finds an object by ID or name. If multiple objects were found, return the first one
+             * @param idOrName ID or name of the object
+             * @param type If != null, only return an object with a common.type equal to this
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            findObject(idOrName: string, type: CommonType | null, callback: FindObjectCallback): void;
+            findObject(idOrName: string, type: CommonType | null, options: unknown, callback: FindObjectCallback): void;
+
+            // I'd rather not document a function with the name "destroyDB"
+
+            /** Destructor of the class. Call this before shutting down. */
+            destroy(): void;
+        } // end interface Objects
+
+        type LogLevel = "silly" | "debug" | "info" | "warn" | "error";
+        interface Logger {
+            /** log message with silly level */
+            silly(message: string): void;
+            /** log message with debug level */
+            debug(message: string): void;
+            /** log message with info level (default output level for all adapters) */
+            info(message: string): void;
+            /** log message with warning severity */
+            warn(message: string): void;
+            /** log message with error severity */
+            error(message: string): void;
+
+            /** Verbosity of the log output */
+            level: LogLevel;
+        }
+
+        interface Certificates {
+            /** private key file */
+            key: string | Buffer;
+            /** public certificate */
+            cert: string | Buffer;
+            /** chained CA certificates */
+            ca: Array<string | Buffer>;
+        }
+
+        /** Callback information for a passed message */
+        interface MessageCallbackInfo {
+            /** The original message payload */
+            message: string | object;
+            /** ID of this callback */
+            id: number;
+            // ???
+            ack: boolean;
+            /** Timestamp of this message */
+            time: number;
+        }
+        type MessageCallback = (result?: any) => void;
+
+        /** A message being passed between adapter instances */
+        interface Message {
+            /** The command to be executed */
+            command: string;
+            /** The message payload */
+            message: string | object;
+            /** The source of this message */
+            from: string;
+            /** ID of this message */
+            _id: number;
+            /** Callback information. This is set when the source expects a response */
+            callback: MessageCallbackInfo;
+        }
+
+        type Log = any; // TODO: define this https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/states/statesInMemServer.js#L873
+
+        type EnumList = string | string[];
+
+        type Enum = any; // TODO: implement this
+
+        interface DirectoryEntry {
+            file: string;
+            stats: fs.Stats;
+            isDir: boolean;
+            acl: any; // access control list object
+            modifiedAt: number;
+            createdAt: number;
+        }
+
+        interface GetHistoryOptions {
+            instance?: string;
+            start?: number;
+            end?: number;
+            step?: number;
+            count?: number;
+            from?: boolean;
+            ack?: boolean;
+            q?: boolean;
+            addID?: boolean;
+            limit?: number;
+            ignoreNull: boolean;
+            sessionId?: any;
+            aggregate?: "minmax" | "min" | "max" | "average" | "total" | "count" | "none";
+        }
+
+        interface AdapterOptions {
+            /** The name of the adapter */
+            name: string;
+
+            /** path to adapter */
+            dirname?: string;
+
+            /** if the global system config should be included in the created object. Default: false */
+            systemConfig?: boolean;
+
+            /** provide alternative global configuration for the adapter. Default: null */
+            config?: any;
+
+            /** instance of the created adapter. Default: null */
+            instance?: number;
+
+            /** If the adapter needs access to the formatDate function to format dates according to the global settings. Default: false */
+            useFormatDate?: boolean;
+
+            /** If the adapter collects logs from all adapters (experts only). Default: false */
+            logTransporter?: boolean;
+
+            /** Handler for changes of subscribed objects */
+            objectChange?: ObjectChangeHandler;
+            /** Handler for received adapter messages. Can only be used if messagebox in io-package.json is set to true. */
+            message?: MessageHandler;
+            /** Handler for changes of subscribed states */
+            stateChange?: StateChangeHandler;
+            /** Will be called when the adapter is intialized */
+            ready?: ReadyHandler;
+            /** Will be called on adapter termination */
+            unload?: UnloadHandler;
+
+            /** if true, stateChange will be called with an id that has no namespace, e.g. "state" instead of "adapter.0.state". Default: false */
+            noNamespace?: boolean;
+        } // end interface AdapterOptions
+
+        // tslint:disable-next-line:no-empty-interface
+        interface AdapterConfig {
+            // This is a stub to be augmented in every adapter
+        }
+
+        interface Adapter {
+            /** The name of the adapter */
+            name: string;
+            /** The name of the host where the adapter is running */
+            host: string;
+            /** instance number of this adapter instance */
+            instance: number;
+            /** Namespace of adapter objects: "<name>.<instance>" */
+            readonly namespace: string;
+            /** native part of the adapter settings */
+            config: AdapterConfig;
+            /** common part of the adapter settings */
+            common: any;
+            /** system part of the adapter settings */
+            systemConfig?: any;
+            /** path to the adapter folder */
+            adapterDir: string;
+            /** content of io-package.json */
+            ioPack: any;
+            /** content of package.json */
+            pack: any;
+            /** access to the logging functions */
+            log: Logger;
+            /** adapter version */
+            version: any;
+            states: States;
+            objects: Objects;
+            /** if the adapter is connected to the host */
+            connected: boolean;
+
+            /*	===============================
+                Functions defined in adapter.js
+                =============================== */
+
+            /**
+             * Helper function that looks for first free TCP port starting with the given one.
+             * @param port - The port to start with
+             * @param callback - gets called when a free port is found
+             */
+            getPort(port: number, callback: (port: number) => void): void;
+
+            /** Stops the adapter. Note: Is not always defined. */
+            stop?: () => void;
+
+            // ==============================
+            // GENERAL
+
+            /** Validates username and password */
+            checkPassword(user: string, password: string, callback: (result: boolean) => void): void;
+            checkPassword(user: string, password: string, options: unknown, callback: (result: boolean) => void): void;
+            /** Sets a new password for the given user */
+            setPassword(user: string, password: string, options?: unknown, callback?: (err?: any) => void): void;
+            /** <INTERNAL> Checks if a user exists and is in the given group. */
+            checkGroup(user: string, group: string, callback: (result: boolean) => void): void;
+            checkGroup(user: string, group: string, options: unknown, callback: (result: boolean) => void): void;
+            /** <INTERNAL> Determines the users permissions */
+            calculatePermissions(user: string, commandsPermissions: CommandsPermissions, callback: (result: PermissionSet) => void): void;
+            calculatePermissions(user: string, commandsPermissions: CommandsPermissions, options: unknown, callback: (result: PermissionSet) => void): void;
+            /** Returns SSL certificates by name (private key, public cert and chained certificate) for creation of HTTPS servers */
+            getCertificates(publicName: string, privateName: string, chainedName: string, callback: (err: string | null, certs?: Certificates, useLetsEncryptCert?: boolean) => void): void;
+
+            /**
+             * Sends a message to a specific instance or all instances of some specific adapter.
+             * @param instanceName The instance to send this message to.
+             * If the ID of an instance is given (e.g. "admin.0"), only this instance will receive the message.
+             * If the name of an adapter is given (e.g. "admin"), all instances of this adapter will receive it.
+             * @param command (optional) Command name of the target instance. Default: "send"
+             * @param message The message (e.g. params) to send.
+             */
+            sendTo(instanceName: string, message: string | object, callback?: MessageCallback | MessageCallbackInfo): void;
+            sendTo(instanceName: string, command: string, message: string | object, callback?: MessageCallback | MessageCallbackInfo): void;
+
+            /**
+             * Sends a message to a specific host or all hosts.
+             */
+            sendToHost(hostName: string, message: string | object, callback?: MessageCallback | MessageCallbackInfo): void;
+            sendToHost(hostName: string, command: string, message: string | object, callback?: MessageCallback | MessageCallbackInfo): void;
+
+            /** Convert ID to {device: D, channel: C, state: S} */
+            idToDCS(id: string): {
+                device: string;
+                channel: string;
+                state: string;
+            };
+
+            // ==============================
+            // own objects
+
+            /** Reads an object from the object db */
+            getObject(id: string, callback: GetObjectCallback): void;
+            getObject(id: string, options: unknown, callback: GetObjectCallback): void;
+            /** Creates or overwrites an object in the object db */
+            setObject(id: string, obj: ioBroker.SettableObject, callback?: SetObjectCallback): void;
+            setObject(id: string, obj: ioBroker.SettableObject, options: unknown, callback?: SetObjectCallback): void;
+            /** Creates an object in the object db. Existing objects are not overwritten. */
+            setObjectNotExists(id: string, obj: ioBroker.SettableObject, callback?: SetObjectCallback): void;
+            setObjectNotExists(id: string, obj: ioBroker.SettableObject, options: unknown, callback?: SetObjectCallback): void;
+            /** Get all states, channels and devices of this adapter */
+            getAdapterObjects(callback: (objects: Record<string, ioBroker.Object>) => void): void;
+            /** Extend an object and create it if it might not exist */
+            extendObject(id: string, objPart: PartialObject, callback?: SetObjectCallback): void;
+            extendObject(id: string, objPart: PartialObject, options: unknown, callback?: SetObjectCallback): void;
+            /**
+             * Deletes an object from the object db
+             * @param id - The id of the object without namespace
+             */
+            delObject(id: string, callback?: ErrorCallback): void;
+            delObject(id: string, options: unknown, callback?: ErrorCallback): void;
+
+            // ==============================
+            // foreign objects
+
+            // tslint:disable:unified-signatures
+            /** Reads an object (which might not belong to this adapter) from the object db */
+            getForeignObject(id: string, callback: GetObjectCallback): void;
+            getForeignObject(id: string, options: unknown, callback: GetObjectCallback): void;
+            /** Get foreign objects by pattern, by specific type and resolve their enums. */
+            getForeignObjects(pattern: string, callback: GetObjectsCallback): void;
+            getForeignObjects(pattern: string, options: unknown, callback: GetObjectsCallback): void;
+            getForeignObjects(pattern: string, type: ObjectType, callback: GetObjectsCallback): void;
+            getForeignObjects(pattern: string, type: ObjectType, enums: EnumList, callback: GetObjectsCallback): void;
+            getForeignObjects(pattern: string, type: ObjectType, options: unknown, callback: GetObjectsCallback): void;
+            getForeignObjects(pattern: string, type: ObjectType, enums: EnumList, options: unknown, callback: GetObjectsCallback): void;
+            /** Creates or overwrites an object (which might not belong to this adapter) in the object db */
+            setForeignObject(id: string, obj: ioBroker.SettableObject, callback?: SetObjectCallback): void;
+            setForeignObject(id: string, obj: ioBroker.SettableObject, options: unknown, callback?: SetObjectCallback): void;
+            /** Creates an object (which might not belong to this adapter) in the object db. Existing objects are not overwritten. */
+            setForeignObjectNotExists(id: string, obj: ioBroker.SettableObject, callback?: SetObjectCallback): void;
+            setForeignObjectNotExists(id: string, obj: ioBroker.SettableObject, options: unknown, callback?: SetObjectCallback): void;
+            /** Extend an object (which might not belong to this adapter) and create it if it might not exist */
+            extendForeignObject(id: string, objPart: PartialObject, callback?: SetObjectCallback): void;
+            extendForeignObject(id: string, objPart: PartialObject, options: unknown, callback?: SetObjectCallback): void;
+            // tslint:enable:unified-signatures
+            /**
+             * Finds an object by its ID or name
+             * @param type - common.type of the state
+             */
+            findForeignObject(idOrName: string, type: string, callback: FindObjectCallback): void;
+            findForeignObject(idOrName: string, type: string, options: unknown, callback: FindObjectCallback): void;
+            /**
+             * Deletes an object (which might not belong to this adapter) from the object db
+             * @param id - The id of the object including namespace
+             */
+            delForeignObject(id: string, callback?: ErrorCallback): void;
+            delForeignObject(id: string, options: unknown, callback?: ErrorCallback): void;
+
+            // ==============================
+            // states
+
+            // Multiple signatures help understanding what the parameters are about
+            // tslint:disable:unified-signatures
+            /** Writes a value into the states DB. */
+            setState(id: string, state: string | number | boolean | State | Partial<State>, callback?: SetStateCallback): void;
+            setState(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, callback?: SetStateCallback): void;
+            setState(id: string, state: string | number | boolean | State | Partial<State>, options: unknown, callback?: SetStateCallback): void;
+            setState(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, options: unknown, callback?: SetStateCallback): void;
+            /** Writes a value into the states DB only if it has changed. */
+            setStateChanged(id: string, state: string | number | boolean | State | Partial<State>, callback?: SetStateChangedCallback): void;
+            setStateChanged(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, callback?: SetStateChangedCallback): void;
+            setStateChanged(id: string, state: string | number | boolean | State | Partial<State>, options: unknown, callback?: SetStateChangedCallback): void;
+            setStateChanged(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, options: unknown, callback?: SetStateChangedCallback): void;
+            /** Writes a value (which might not belong to this adapter) into the states DB. */
+            setForeignState(id: string, state: string | number | boolean | State | Partial<State>, callback?: SetStateCallback): void;
+            setForeignState(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, callback?: SetStateCallback): void;
+            setForeignState(id: string, state: string | number | boolean | State | Partial<State>, options: unknown, callback?: SetStateCallback): void;
+            setForeignState(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, options: unknown, callback?: SetStateCallback): void;
+            /** Writes a value (which might not belong to this adapter) into the states DB only if it has changed. */
+            setForeignStateChanged(id: string, state: string | number | boolean | State | Partial<State>, callback?: SetStateChangedCallback): void;
+            setForeignStateChanged(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, callback?: SetStateChangedCallback): void;
+            setForeignStateChanged(id: string, state: string | number | boolean | State | Partial<State>, options: unknown, callback?: SetStateChangedCallback): void;
+            setForeignStateChanged(id: string, state: string | number | boolean | State | Partial<State>, ack: boolean, options: unknown, callback?: SetStateChangedCallback): void;
+            // tslint:enable:unified-signatures
+
+            /** Read a value from the states DB. */
+            getState(id: string, callback: GetStateCallback): void;
+            getState(id: string, options: unknown, callback: GetStateCallback): void;
+            /** Read a value (which might not belong to this adapter) from the states DB. */
+            getForeignState(id: string, callback: GetStateCallback): void;
+            getForeignState(id: string, options: unknown, callback: GetStateCallback): void;
+            /** Read all states of this adapter which match the given pattern */
+            getStates(pattern: string, callback: GetStatesCallback): void;
+            getStates(pattern: string, options: unknown, callback: GetStatesCallback): void;
+            /** Read all states (which might not belong to this adapter) which match the given pattern */
+            getForeignStates(pattern: string, callback: GetStatesCallback): void;
+            getForeignStates(pattern: string, options: unknown, callback: GetStatesCallback): void;
+
+            /** Deletes a state from the states DB, but not the associated object. Consider using @link{deleteState} instead */
+            delState(id: string, callback?: ErrorCallback): void;
+            delState(id: string, options: unknown, callback?: ErrorCallback): void;
+            /** Deletes a state from the states DB, but not the associated object */
+            delForeignState(id: string, callback?: ErrorCallback): void;
+            delForeignState(id: string, options: unknown, callback?: ErrorCallback): void;
+
+            getHistory(id: string, options: GetHistoryOptions, callback: GetHistoryCallback): void;
+
+            // MISSING:
+            // pushFifo and similar https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/adapter.js#L4105
+            // logRedirect https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/adapter.js#L4294
+            // requireLog https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/adapter.js#L4336
+            // processLog https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/adapter.js#L4360
+
+            /**
+             * Writes a binary state into Redis
+             * @param id The id of the state
+             * @param binary The data to be written
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            setBinaryState(id: string, binary: Buffer, callback: SetStateCallback): void;
+            setBinaryState(id: string, binary: Buffer, options: unknown, callback: SetStateCallback): void;
+            /**
+             * Reads a binary state from Redis
+             * @param id The id of the state
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getBinaryState(id: string, callback: GetBinaryStateCallback): void;
+            getBinaryState(id: string, options: unknown, callback: GetBinaryStateCallback): void;
+
+            // ==============================
+            // enums
+
+            /** Returns the enum tree, filtered by the optional enum name */
+            getEnum(callback: GetEnumCallback): void;
+            getEnum(name: string, callback: GetEnumCallback): void;
+            getEnum(name: string, options: unknown, callback: GetEnumCallback): void;
+            getEnums(callback: GetEnumsCallback): void;
+            getEnums(enumList: EnumList, callback: GetEnumsCallback): void;
+            getEnums(enumList: EnumList, options: unknown, callback: GetEnumsCallback): void;
+
+            addChannelToEnum(enumName: string, addTo: string, parentDevice: string, channelName: string, options?: unknown, callback?: ErrorCallback): void;
+            deleteChannelFromEnum(enumName: string, parentDevice: string, channelName: string, options?: unknown, callback?: ErrorCallback): void;
+
+            addStateToEnum(enumName: string, addTo: string, parentDevice: string, parentChannel: string, stateName: string, options?: unknown, callback?: ErrorCallback): void;
+            deleteStateFromEnum(enumName: string, parentDevice: string, parentChannel: string, stateName: string, options?: unknown, callback?: ErrorCallback): void;
+
+            // ==============================
+            // subscriptions
+
+            /** Subscribe to changes of objects in this instance */
+            subscribeObjects(pattern: string, options?: unknown): void;
+            /** Subscribe to changes of objects (which might not belong to this adapter) */
+            subscribeForeignObjects(pattern: string, options?: unknown): void;
+            /** Unsubscribe from changes of objects in this instance */
+            unsubscribeObjects(pattern: string, options?: unknown): void;
+            /** Unsubscribe from changes of objects (which might not belong to this adapter) */
+            unsubscribeForeignObjects(pattern: string, options?: unknown): void;
+
+            /** Subscribe to changes of states in this instance */
+            subscribeStates(pattern: string, options?: unknown, callback?: ErrorCallback): void;
+            /** Subscribe to changes of states (which might not belong to this adapter) */
+            subscribeForeignStates(pattern: string, options?: unknown, callback?: ErrorCallback): void;
+            /**
+             * Subscribe from changes of states in this instance
+             * @param pattern - Must match the pattern used to subscribe
+             */
+            unsubscribeStates(pattern: string, options?: unknown, callback?: ErrorCallback): void;
+            /**
+             * Subscribe from changes of states (which might not belong to this adapter)
+             * @param pattern - Must match the pattern used to subscribe
+             */
+            unsubscribeForeignStates(pattern: string, options?: unknown, callback?: ErrorCallback): void;
+
+            // ==============================
+            // devices and channels
+
+            /** creates an object with type device */
+            createDevice(deviceName: string, common?: any, native?: any, options?: unknown, callback?: SetObjectCallback): void;
+            /** deletes a device, its channels and states */
+            deleteDevice(deviceName: string, options?: unknown, callback?: ErrorCallback): void;
+            /** gets the devices of this instance */
+
+            /** creates an object with type channel */
+            createChannel(parentDevice: string, channelName: string, roleOrCommon?: string | object, native?: any, options?: unknown, callback?: SetObjectCallback): void;
+            /** deletes a channel and its states */
+            deleteChannel(channelName: string, options?: unknown, callback?: ErrorCallback): void;
+            deleteChannel(parentDevice: string, channelName: string, options?: unknown, callback?: ErrorCallback): void;
+
+            /** creates a state and the corresponding object */
+            createState(parentDevice: string, parentChannel: string, stateName: string, roleOrCommon?: string | object, native?: any, options?: unknown, callback?: SetObjectCallback): void;
+            /** deletes a state */
+            deleteState(stateName: string, options?: unknown, callback?: ErrorCallback): void;
+            deleteState(parentChannel: string, stateName: string, options?: unknown, callback?: ErrorCallback): void;
+            deleteState(parentDevice: string, parentChannel: string, stateName: string, options?: unknown, callback?: ErrorCallback): void;
+
+            /**
+             * Returns a list of all devices in this adapter instance
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getDevices(callback: GetObjectsCallback3<DeviceObject>): void;
+            getDevices(options: unknown, callback: GetObjectsCallback3<DeviceObject>): void;
+
+            /**
+             * Returns a list of all channels in this adapter instance
+             * @param parentDevice (optional) Name of the parent device to filter the channels by
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getChannels(callback: GetObjectsCallback3<ChannelObject>): void;
+            getChannels(parentDevice: string | null, callback: GetObjectsCallback3<ChannelObject>): void;
+            getChannels(parentDevice: string | null, options: unknown, callback: GetObjectsCallback3<ChannelObject>): void;
+            /**
+             * Returns a list of all channels in this adapter instance
+             * @param parentDevice (optional) Name of the parent device to filter the channels by
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getChannelsOf(callback: GetObjectsCallback3<ChannelObject>): void;
+            getChannelsOf(parentDevice: string | null, callback: GetObjectsCallback3<ChannelObject>): void;
+            getChannelsOf(parentDevice: string | null, options: unknown, callback: GetObjectsCallback3<ChannelObject>): void;
+
+            /**
+             * Returns a list of all states in this adapter instance
+             * @param parentDevice (optional) Name of the parent device to filter the channels by
+             * @param parentChannel (optional) Name of the parent channel to filter the channels by
+             * @param options (optional) Some internal options.
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            getStatesOf(callback: GetObjectsCallback3<StateObject>): void;
+            getStatesOf(parentDevice: string | null, callback: GetObjectsCallback3<StateObject>): void;
+            getStatesOf(parentDevice: string | null, parentChannel: string | null, callback: GetObjectsCallback3<StateObject>): void;
+            getStatesOf(parentDevice: string | null, parentChannel: string | null, options: unknown, callback: GetObjectsCallback3<StateObject>): void;
+
+            // ==============================
+            // filesystem
+
+            /**
+             * reads the content of directory from DB for given adapter and path
+             * @param adapter - adapter name. If adapter name is null, default will be the name of the current adapter.
+             * @param path - path to direcory without adapter name. E.g. If you want to read "/vis.0/main/views.json", here must be "/main/views.json" and _adapter must be equal to "vis.0".
+             */
+            readDir(adapterName: string, path: string, callback: ReadDirCallback): void;
+            readDir(adapterName: string, path: string, options: unknown, callback: ReadDirCallback): void;
+            mkDir(adapterName: string, path: string, callback: ErrorCallback): void;
+            mkDir(adapterName: string, path: string, options: unknown, callback: ErrorCallback): void;
+
+            readFile(adapterName: string, path: string, callback: ReadFileCallback): void;
+            readFile(adapterName: string, path: string, options: unknown, callback: ReadFileCallback): void;
+            writeFile(adapterName: string, path: string, data: Buffer | string, callback: ErrorCallback): void;
+            // options see https://github.com/ioBroker/ioBroker.js-controller/blob/master/lib/objects/objectsInMemServer.js#L599
+            writeFile(adapterName: string, path: string, data: Buffer | string, options: unknown, callback: ErrorCallback): void;
+
+            delFile(adapterName: string, path: string, callback: ErrorCallback): void;
+            delFile(adapterName: string, path: string, options: unknown, callback: ErrorCallback): void;
+            unlink(adapterName: string, path: string, callback: ErrorCallback): void;
+            unlink(adapterName: string, path: string, options: unknown, callback: ErrorCallback): void;
+
+            rename(adapterName: string, oldName: string, newName: string, callback: ErrorCallback): void;
+            rename(adapterName: string, oldName: string, newName: string, options: unknown, callback: ErrorCallback): void;
+
+            /**
+             * Changes access rights of all files in the adapter directory
+             * @param adapter Name of the adapter instance, e.g. "admin.0". Defaults to the namespace of this adapter.
+             * @param path Pattern to match the file path against
+             * @param options Mode of the access change as a number or hexadecimal string
+             * @param callback Is called when the operation has finished (successfully or not)
+             */
+            chmodFile(adapter: string | null, path: string, options: { mode: number | string } | Record<string, any>, callback: ChownFileCallback): void;
+
+            // ==============================
+            // formatting
+
+            formatValue(value: number | string, format: any): string;
+            formatValue(value: number | string, decimals: number, format: any): string;
+            formatDate(dateObj: string | Date | number, format: string): string;
+            formatDate(dateObj: string | Date | number, isDuration: boolean | string, format: string): string;
+
+            // =============================================
+            // Events exposed through EventEmitter interface
+            // =============================================
+            on(event: "ready", handler: ReadyHandler): this;
+            on(event: "unload", handler: UnloadHandler): this;
+            on(event: "stateChange", handler: StateChangeHandler): this;
+            on(event: "objectChange", handler: ObjectChangeHandler): this;
+            on(event: "message", handler: MessageHandler): this;
+
+            removeListener(event: "ready", handler: ReadyHandler): this;
+            removeListener(event: "unload", handler: UnloadHandler): this;
+            removeListener(event: "stateChange", handler: StateChangeHandler): this;
+            removeListener(event: "objectChange", handler: ObjectChangeHandler): this;
+            removeListener(event: "message", handler: MessageHandler): this;
+
+            removeAllListeners(event?: "ready" | "unload" | "stateChange" | "objectChange" | "message"): this;
+        } // end interface Adapter
+
+        type ReadyHandler = () => void;
+        type ObjectChangeHandler = (id: string, obj: ioBroker.Object | null | undefined) => void;
+        type StateChangeHandler = (id: string, obj: State | null | undefined) => void;
+        type MessageHandler = (obj: Message) => void;
+        type UnloadHandler = (callback: EmptyCallback) => void;
+
+        type EmptyCallback = () => void;
+        type ErrorCallback = (err?: string) => void;
+        // TODO: Redefine callbacks as subclass of GenericCallback
+        type GenericCallback<T> = (err: string | null, result?: T) => void;
+
+        type SetObjectCallback = (err: string | null, obj: { id: string }) => void;
+        type GetObjectCallback = (err: string | null, obj: ioBroker.Object | null | undefined) => void;
+        type GetEnumCallback = (err: string | null, enums: Record<string, Enum>, requestedEnum: string) => void;
+        type GetEnumsCallback = (
+            err: string | null,
+            result: {
+                [groupName: string]: Record<string, Enum>,
+            },
+        ) => void;
+        type GetObjectsCallback = (err: string | null, objects: Record<string, ioBroker.Object>) => void;
+
+        type FindObjectCallback = (
+            /** If an error happened, this contains the message */
+            err: string | null,
+            /** If an object was found, this contains the ID */
+            id?: string,
+            /** If an object was found, this contains the common.name */
+            name?: string,
+        ) => void;
+
+        interface GetObjectsItem<T extends BaseObject> {
+            /** The ID of this object */
+            id: string;
+            /** A copy of the object from the DB */
+            value: T;
+        }
+        // This is a version used by GetDevices/GetChannelsOf/GetStatesOf
+        type GetObjectsCallback3<T extends BaseObject> = (err: string | null, result?: Array<GetObjectsItem<T>>) => void;
+
+        type GetStateCallback = (err: string | null, state: State | null | undefined) => void;
+        type GetStatesCallback = (err: string | null, states: Record<string, State>) => void;
+        /** Version of the callback used by States.getStates */
+        type GetStatesCallback2 = (err: string | null, states: State[]) => void;
+        type GetBinaryStateCallback = (err: string | null, state?: Buffer) => void;
+        type SetStateCallback = (err: string | null, id?: string) => void;
+        type SetStateChangedCallback = (err: string | null, id: string, notChanged: boolean) => void;
+        type DeleteStateCallback = (err: string | null, id?: string) => void;
+        type GetHistoryCallback = (err: string | null, result: Array<(State & { id?: string })>, step: number, sessionId?: string) => void;
+
+        /** Contains the return values of readDir */
+        interface ReadDirResult {
+            /** Name of the file or directory */
+            file: string;
+            /** File system stats */
+            stats: fs.Stats;
+            /** Whether this is a directory or a file */
+            isDir: boolean;
+            /** Access rights */
+            acl: EvaluatedFileACL;
+            /** Date of last modification */
+            modifiedAt: number;
+            /** Date of creation */
+            createdAt: number;
+        }
+        type ReadDirCallback = (err: string | null, entries?: ReadDirResult[]) => void;
+        type ReadFileCallback = (err: string | null, file?: Buffer | string, mimeType?: string) => void;
+
+        /** Contains the return values of chownFile */
+        interface ChownFileResult {
+            /** The parent directory of the processed file or directory */
+            path: string;
+            /** Name of the file or directory */
+            file: string;
+            /** File system stats */
+            stats: fs.Stats;
+            /** Whether this is a directory or a file */
+            isDir: boolean;
+            /** Access rights */
+            acl: FileACL;
+            /** Date of last modification */
+            modifiedAt: number;
+            /** Date of creation */
+            createdAt: number;
+        }
+        type ChownFileCallback = (err: string | null, entries?: ChownFileResult[], id?: string) => void;
+
+        /** Contains the return values of rm */
+        interface RmResult {
+            /** The parent directory of the deleted file or directory */
+            path: string;
+            /** The name of the deleted file or directory */
+            file: string;
+            /** Whether the deleted object was a directory or a file */
+            isDir: boolean;
+        }
+        type RmCallback = (err: string | null, entries?: RmResult[]) => void;
+
+        type GetUserGroupCallback = (objectsInstance: Objects, user: User, groups: UserGroup[], acl: ObjectPermissions) => void;
+
+        type ChownObjectCallback = (err: string | null, list?: ioBroker.Object[]) => void;
+
+        type GetConfigKeysCallback = (err: string | null, list?: string[]) => void;
+        // this is a version of the callback used by Objects.getObjects
+        type GetObjectsCallback2 = (err: string | null, objects?: Array<(ioBroker.Object | { err: string })>) => void;
+
+        interface GetObjectViewItem {
+            /** The ID of this object */
+            id: string;
+            /** A copy of the object from the DB or some aggregation result */
+            value: ioBroker.Object | unknown; // TODO: find out how the non-Object return result looks like
+        }
+        type GetObjectViewCallback = (err: string | null, result?: { rows: GetObjectViewItem[] }) => void;
+
+        interface GetObjectListItem extends GetObjectViewItem {
+            /** A copy of the object */
+            value: ioBroker.Object;
+            /** The same as @link{value} */
+            doc: ioBroker.Object;
+        }
+        type GetObjectListCallback = (err: string | null, result?: { rows: GetObjectListItem[] }) => void;
+
+        type ExtendObjectCallback = (err: string | null, result?: { id: string, value: ioBroker.Object }, id?: string) => void;
+
+        type GetSessionCallback = (session: Session) => void;
+    } // end namespace ioBroker
+} // end declare global
diff --git a/types/iobroker/iobroker-tests.ts b/types/iobroker/iobroker-tests.ts
new file mode 100644
index 0000000000..997775c76f
--- /dev/null
+++ b/types/iobroker/iobroker-tests.ts
@@ -0,0 +1,199 @@
+// For now, this "utils" module is necessary, as it is included in every adapter
+// Once this PR is merged and @types/iobroker is available, it will become part of
+// `iobroker.adapter-core`, which brings typings for it
+declare const utils: {
+    readonly controllerDir: string;
+    getConfig(): string;
+
+    // tslint:disable:unified-signatures
+    adapter(adapterName: string): ioBroker.Adapter;
+    adapter(adapterOptions: ioBroker.AdapterOptions): ioBroker.Adapter;
+    // tslint:enable:unified-signatures
+};
+
+declare function assertNever(val: never): never;
+
+// Let the tests begin
+let adapter: ioBroker.Adapter;
+
+// Test constructors
+adapter = utils.adapter("my-adapter-name");
+adapter = utils.adapter({
+    name: "my-adapter-name"
+});
+adapter = utils.adapter({
+    name: "my-adapter-name",
+    ready: readyHandler,
+    stateChange: stateChangeHandler,
+    objectChange: objectChangeHandler,
+    message: messageHandler,
+    unload: unloadHandler,
+});
+
+// Test EventEmitter definitions
+adapter
+    .on("ready", readyHandler)
+    .on("stateChange", stateChangeHandler)
+    .on("objectChange", objectChangeHandler)
+    .on("message", messageHandler)
+    .on("unload", unloadHandler)
+    ;
+adapter
+    .removeListener("ready", readyHandler)
+    .removeListener("stateChange", stateChangeHandler)
+    .removeListener("objectChange", objectChangeHandler)
+    .removeListener("message", messageHandler)
+    .removeListener("unload", unloadHandler)
+    ;
+adapter.removeAllListeners();
+
+function readyHandler() { }
+
+function stateChangeHandler(id: string, state: ioBroker.State | null | undefined) {
+    // Test State properties
+    if (state) {
+        state.ack;
+        state.c && state.c.toLowerCase();
+        state.expire && state.expire.toFixed();
+        state.from.toLowerCase();
+        state.lc.toFixed();
+        state.q && state.q.toFixed();
+        state.ts.toFixed();
+        state.val;
+    }
+}
+
+function objectChangeHandler(id: string, object: ioBroker.Object | null | undefined) {
+    // Test properties of all objects
+    if (object) {
+        object._id.toLowerCase();
+        object.common.name.toLowerCase();
+        object.common.role && object.common.role.toLowerCase();
+        object.common.icon && object.common.icon.toLowerCase();
+        object.native.toString();
+        object.enums && object.enums.toString();
+        if (object.acl) {
+            object.acl.object.toFixed();
+            object.acl.owner.toLowerCase();
+            object.acl.ownerGroup.toLowerCase();
+        }
+        // Test different object kinds
+        switch (object.type) {
+            case "adapter":
+            case "config":
+            case "enum":
+            case "group":
+            case "host":
+            case "info":
+            case "instance":
+            case "meta":
+            case "script":
+            case "user":
+                // nothing special here, update these tests when we have specialized definitions
+                break;
+
+            case "state":
+                if (object.acl) object.acl.state.toFixed();
+                object.common.def;
+                object.common.desc && object.common.desc.toLowerCase();
+                object.common.history;
+                object.common.max && object.common.max.toFixed();
+                object.common.min && object.common.min.toFixed();
+                object.common.read.valueOf();
+                object.common.states && object.common.states.toString();
+                object.common.type && object.common.type.toLowerCase();
+                object.common.unit && object.common.unit.toLowerCase();
+                object.common.workingID && object.common.workingID.toLowerCase();
+                object.common.write.valueOf();
+                break;
+
+            case "channel":
+                object.common.desc && object.common.desc.toLowerCase();
+                break;
+
+            case "device":
+                // nothing special here, update these tests when we have specialized definitions
+                break;
+        }
+    }
+}
+
+function messageHandler(msg: ioBroker.Message) {
+    msg._id.toFixed();
+    msg.callback.ack.valueOf();
+    msg.callback.id.toFixed();
+    msg.callback.message.toString();
+    msg.callback.time.toFixed();
+    msg.command.toLowerCase();
+    msg.from.toLowerCase();
+    msg.message.toString();
+}
+
+function unloadHandler(callback: ioBroker.EmptyCallback) {
+    adapter.log.info("shutting down");
+    callback();
+}
+
+// Test the most important methods
+adapter.setState("state.name", "value");
+adapter.setState("state.name", "value", true);
+adapter.setState("state.name", "value", (err, id) => { });
+adapter.setState("state.name", { val: "value", ack: true });
+adapter.setState("state.name", { val: "value", ack: true }, (err, id) => { });
+
+adapter.setStateChanged("state.name", "value");
+adapter.setStateChanged("state.name", "value", true);
+adapter.setStateChanged("state.name", "value", (err, id) => { });
+adapter.setStateChanged("state.name", { val: "value", ack: true });
+adapter.setStateChanged("state.name", { val: "value", ack: true }, (err, id) => { });
+
+adapter.setForeignState("state.name", "value");
+adapter.setForeignState("state.name", "value", true);
+adapter.setForeignState("state.name", "value", (err, id) => { });
+adapter.setForeignState("state.name", { val: "value", ack: true });
+adapter.setForeignState("state.name", { val: "value", ack: true }, (err, id) => { });
+
+adapter.setForeignStateChanged("state.name", "value");
+adapter.setForeignStateChanged("state.name", "value", true);
+adapter.setForeignStateChanged("state.name", "value", (err, id) => { });
+adapter.setForeignStateChanged("state.name", { val: "value", ack: true });
+adapter.setForeignStateChanged("state.name", { val: "value", ack: true }, (err, id) => { });
+
+adapter.setObject("obj.id", { type: "state", common: { name: "foo" }, native: {} });
+adapter.setObject("obj.id", { type: "state", common: { name: "foo" }, native: {} }, (err, id) => { });
+adapter.setForeignObject("obj.id", { type: "state", common: { name: "foo" }, native: {} });
+adapter.setForeignObject("obj.id", { type: "state", common: { name: "foo" }, native: {} }, (err, id) => { });
+
+adapter.setObjectNotExists("obj.id", { type: "state", common: { name: "foo" }, native: {} });
+adapter.setObjectNotExists("obj.id", { type: "state", common: { name: "foo" }, native: {} }, (err, id) => { });
+adapter.setForeignObjectNotExists("obj.id", { type: "state", common: { name: "foo" }, native: {} });
+adapter.setForeignObjectNotExists("obj.id", { type: "state", common: { name: "foo" }, native: {} }, (err, id) => { });
+
+adapter.getObject("obj.id", (err, obj) => { });
+adapter.getForeignObject("obj.id", (err, obj) => { });
+
+adapter.subscribeObjects("*");
+adapter.subscribeStates("*");
+adapter.subscribeForeignObjects("*");
+adapter.subscribeForeignStates("*");
+adapter.unsubscribeObjects("*");
+adapter.unsubscribeStates("*");
+adapter.unsubscribeForeignObjects("*");
+adapter.unsubscribeForeignStates("*");
+
+adapter.log.info("msg");
+adapter.log.debug("msg");
+adapter.log.warn("msg");
+adapter.log.error("msg");
+adapter.log.silly("msg");
+
+switch (adapter.log.level) {
+    case "debug":
+    case "error":
+    case "info":
+    case "silly":
+    case "warn":
+        break;
+    default:
+        assertNever(adapter.log.level);
+}
diff --git a/types/iobroker/tsconfig.json b/types/iobroker/tsconfig.json
new file mode 100644
index 0000000000..5d7e32bdb6
--- /dev/null
+++ b/types/iobroker/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "iobroker-tests.ts"
+    ]
+}
diff --git a/types/iobroker/tslint.json b/types/iobroker/tslint.json
new file mode 100644
index 0000000000..bdafdd99b4
--- /dev/null
+++ b/types/iobroker/tslint.json
@@ -0,0 +1,8 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // This package has its own type `Object` which is not equal to the global `Object` type
+        // To avoid any confusion, it is referenced as `ioBroker.Object` instead of just `Object`
+        "no-unnecessary-qualifier": false
+    }
+}
diff --git a/types/ioredis/index.d.ts b/types/ioredis/index.d.ts
index 017fc04505..acd380e7db 100644
--- a/types/ioredis/index.d.ts
+++ b/types/ioredis/index.d.ts
@@ -7,6 +7,9 @@
 //                 Shahar Mor <https://github.com/shaharmor>
 //                 Whemoon Jang <https://github.com/palindrom615>
 //                 Francis Gulotta <https://github.com/reconbot>
+//                 Dmitry Motovilov <https://github.com/funthing>
+//                 Oleg Repin <https://github.com/iamolegga>
+//                 Ting-Wai To <https://github.com/tingwai-to>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -65,8 +68,8 @@ declare namespace IORedis {
         bitcount(key: KeyType): Promise<number>;
         bitcount(key: KeyType, start: number, end: number): Promise<number>;
 
-        get(key: KeyType, callback: (err: Error, res: string) => void): void;
-        get(key: KeyType): Promise<string>;
+        get(key: KeyType, callback: (err: Error, res: string | null) => void): void;
+        get(key: KeyType): Promise<string | null>;
 
         getBuffer(key: KeyType, callback: (err: Error, res: Buffer) => void): void;
         getBuffer(key: KeyType): Promise<Buffer>;
@@ -100,9 +103,9 @@ declare namespace IORedis {
         strlen(key: KeyType, callback: (err: Error, res: number) => void): void;
         strlen(key: KeyType): Promise<number>;
 
-        del(...keys: KeyType[]): any;
+        del(...keys: KeyType[]): Promise<number>;
 
-        exists(...keys: KeyType[]): any;
+        exists(...keys: KeyType[]): Promise<number>;
 
         setbit(key: KeyType, offset: number, value: any, callback: (err: Error, res: number) => void): void;
         setbit(key: KeyType, offset: number, value: any): Promise<number>;
@@ -210,7 +213,7 @@ declare namespace IORedis {
         smembers(key: KeyType, callback: (err: Error, res: any) => void): void;
         smembers(key: KeyType): Promise<any>;
 
-        zadd(key: KeyType, ...args: string[]): any;
+        zadd(key: KeyType, ...args: string[]): Promise<number | string>;
 
         zincrby(key: KeyType, increment: number, member: string, callback: (err: Error, res: any) => void): void;
         zincrby(key: KeyType, increment: number, member: string): Promise<any>;
@@ -262,8 +265,8 @@ declare namespace IORedis {
         hsetnx(key: KeyType, field: string, value: any, callback: (err: Error, res: 0 | 1) => void): void;
         hsetnx(key: KeyType, field: string, value: any): Promise<0 | 1>;
 
-        hget(key: KeyType, field: string, callback: (err: Error, res: string) => void): void;
-        hget(key: KeyType, field: string): Promise<string>;
+        hget(key: KeyType, field: string, callback: (err: Error, res: string | null) => void): void;
+        hget(key: KeyType, field: string): Promise<string | null>;
         hgetBuffer(key: KeyType, field: string, callback: (err: Error, res: Buffer) => void): void;
         hgetBuffer(key: KeyType, field: string): Promise<Buffer>;
 
@@ -305,8 +308,8 @@ declare namespace IORedis {
         decrby(key: KeyType, decrement: number, callback: (err: Error, res: number) => void): void;
         decrby(key: KeyType, decrement: number): Promise<number>;
 
-        getset(key: KeyType, value: any, callback: (err: Error, res: string) => void): void;
-        getset(key: KeyType, value: any): Promise<string>;
+        getset(key: KeyType, value: any, callback: (err: Error, res: string | null) => void): void;
+        getset(key: KeyType, value: any): Promise<string | null>;
 
         mset(key: KeyType, value: any, ...args: string[]): any;
 
@@ -454,7 +457,13 @@ declare namespace IORedis {
         quit(callback: (err: Error, res: string) => void): void;
         quit(): Promise<string>;
 
-        scan(cursor: number, ...args: any[]): any;
+        scan(cursor: number): Promise<[string, string[]]>;
+
+        scan(cursor: number, matchOption: 'match' | 'MATCH', pattern: string): Promise<[string, string[]]>;
+        scan(cursor: number, countOption: 'count' | 'COUNT', count: number): Promise<[string, string[]]>;
+
+        scan(cursor: number, matchOption: 'match' | 'MATCH', pattern: string, countOption: 'count' | 'COUNT', count: number): Promise<[string, string[]]>;
+        scan(cursor: number, countOption: 'count' | 'COUNT', count: number, matchOption: 'match' | 'MATCH', pattern: string): Promise<[string, string[]]>;
 
         sscan(key: KeyType, cursor: number, ...args: any[]): any;
 
@@ -474,6 +483,32 @@ declare namespace IORedis {
         sscanStream(key: KeyType, options?: ScanStreamOption): NodeJS.EventEmitter;
         hscanStream(key: KeyType, options?: ScanStreamOption): NodeJS.EventEmitter;
         zscanStream(key: KeyType, options?: ScanStreamOption): NodeJS.EventEmitter;
+
+        xack(key: KeyType, group: string, ...ids: string[]): any;
+
+        xadd(key: KeyType, id: string, ...args: string[]): any;
+
+        xclaim(key: KeyType, group: string, consumer: string, minIdleTime: number, ...args: any[]): any;
+
+        xdel(key: KeyType, ...ids: string[]): any;
+
+        xgroup(...args: any[]): any;
+
+        xinfo(...args: any[]): any;
+
+        xlen(key: KeyType): any;
+
+        xpending(key: KeyType, group: string, ...args: any[]): any;
+
+        xrange(key: KeyType, start: string, end: string, ...args: any[]): any;
+
+        xread(...args: any[]): any;
+
+        xreadgroup(groupOption: 'GROUP' | 'group', group: string, consumer: string,  ...args: any[]): any;
+
+        xrevrange(key: KeyType, end: string, start: string, ...args: any[]): any;
+
+        xtrim(key: KeyType, maxLenOption: 'MAXLEN' | 'maxlen', ...args: any[]): any;
     }
 
     interface Pipeline {
@@ -633,7 +668,7 @@ declare namespace IORedis {
 
         hsetnx(key: KeyType, field: string, value: any, callback?: (err: Error, res: 0 | 1) => void): Pipeline;
 
-        hget(key: KeyType, field: string, callback?: (err: Error, res: string) => void): Pipeline;
+        hget(key: KeyType, field: string, callback?: (err: Error, res: string | string) => void): Pipeline;
         hgetBuffer(key: KeyType, field: string, callback?: (err: Error, res: Buffer) => void): Pipeline;
 
         hmset(key: KeyType, field: string, value: any, ...args: string[]): Pipeline;
@@ -775,8 +810,13 @@ declare namespace IORedis {
 
         quit(callback?: (err: Error, res: string) => void): Pipeline;
 
-        scan(cursor: number, ...args: any[]): Pipeline;
+        scan(cursor: number): Pipeline;
 
+        scan(cursor: number, matchOption: 'match' | 'MATCH', pattern: string): Pipeline;
+        scan(cursor: number, countOption: 'count' | 'COUNT', count: number): Pipeline;
+
+        scan(cursor: number, matchOption: 'match' | 'MATCH', pattern: string, countOption: 'count' | 'COUNT', count: number): Pipeline;
+        scan(cursor: number, countOption: 'count' | 'COUNT', count: number, matchOption: 'match' | 'MATCH', pattern: string): Pipeline;
         sscan(key: KeyType, cursor: number, ...args: any[]): Pipeline;
 
         hscan(key: KeyType, cursor: number, ...args: any[]): Pipeline;
@@ -788,6 +828,32 @@ declare namespace IORedis {
         pfadd(key: KeyType, ...elements: string[]): Pipeline;
 
         pfcount(...keys: KeyType[]): Pipeline;
+
+        xack(key: KeyType, group: string, ...ids: string[]): Pipeline;
+
+        xadd(key: KeyType, id: string, ...args: string[]): Pipeline;
+
+        xclaim(key: KeyType, group: string, consumer: string, minIdleTime: number, id: string, ...args: any[]): Pipeline;
+
+        xdel(key: KeyType, ...ids: string[]): Pipeline;
+
+        xgroup(...args: any[]): Pipeline;
+
+        xinfo(...args: any[]): Pipeline;
+
+        xlen(key: KeyType): Pipeline;
+
+        xpending(key: KeyType, group: string, ...args: any[]): Pipeline;
+
+        xrange(key: KeyType, start: string, end: string, ...args: any[]): Pipeline;
+
+        xread(...args: any[]): Pipeline;
+
+        xreadgroup(command: 'GROUP' | 'group', group: string, consumer: string,  ...args: any[]): Pipeline;
+
+        xrevrange(key: KeyType, end: string, start: string, ...args: any[]): Pipeline;
+
+        xtrim(key: KeyType, strategy: 'MAXLEN' | 'maxlen', ...args: any[]): Pipeline;
     }
 
     interface NodeConfiguration {
diff --git a/types/ioredis/ioredis-tests.ts b/types/ioredis/ioredis-tests.ts
index 848f0b2841..df8e37aca8 100644
--- a/types/ioredis/ioredis-tests.ts
+++ b/types/ioredis/ioredis-tests.ts
@@ -1,13 +1,19 @@
 import Redis = require("ioredis");
+
 const redis = new Redis();
 
 redis.set('foo', 'bar');
 redis.get('foo', (err, result) => {
-    console.log(result);
+    if (result !== null) {
+        console.log(result);
+    }
 });
 
+// Static check that returned value is always a number
+redis.del('foo', 'bar').then(result => result * 1);
+
 // Or using a promise if the last argument isn't a function
-redis.get('foo').then((result: any) => {
+redis.get('foo').then((result: string | null) => {
     console.log(result);
 });
 
@@ -31,6 +37,8 @@ redis.set('key', '100', 'EX', 10, 'NX', (err, data) => {});
 redis.set('key', '100', ['EX', 10, 'NX'], (err, data) => {});
 redis.setBuffer('key', '100', 'NX', 'EX', 10, (err, data) => {});
 
+redis.exists('foo').then(result => result * 1);
+
 // Should support usage of Buffer
 redis.set(Buffer.from('key'), '100');
 redis.setBuffer(Buffer.from('key'), '100', 'NX', 'EX', 10);
@@ -116,6 +124,18 @@ Redis.Command.setReplyTransformer('get', (result: any) => {
     return result;
 });
 
+redis.scan(0, 'match', '*foo*', 'count', 20).then(([nextCursor, keys]) => {
+  // nextCursor is always a string
+  if (nextCursor === '0') {
+    // keys is always an array of strings and it might be empty
+    return keys.map(key => key.trim());
+  }
+});
+
+redis.pipeline().scan(0, 'count', 20, 'match', '*foo*').exec((err, result) => {
+  // result = [[null, [nextCursor, keys]]]
+});
+
 // multi
 redis.multi().set('foo', 'bar').set('foo', 'baz').get('foo', (err, result) => {
     // result === 'QUEUED'
@@ -153,3 +173,22 @@ new Redis.Cluster([{
     host: 'localhost',
     port: 6379
 }]);
+
+redis.xack('streamName', 'groupName', 'id');
+redis.xadd('streamName', '*', 'field', 'name');
+redis.xclaim('streamName', 'groupName', 'consumerName', 3600000, 'id');
+redis.xdel('streamName', 'id');
+redis.xgroup('CREATE', 'streamName', 'groupName', '$');
+redis.xgroup('SETUP', 'streamName', 'groupName', '$');
+redis.xgroup('DESTROY', 'streamName', 'groupName');
+redis.xgroup('DELCONSUMER', 'streamName', 'groupName', 'consumerName');
+redis.xinfo('CONSUMERS', 'streamName', 'groupName');
+redis.xinfo('GROUPS', 'streamName');
+redis.xinfo('STREAM', 'streamName');
+redis.xlen('streamName');
+redis.xpending('streamName', 'groupName', '-', '+', '10', 'consumerName');
+redis.xrange('streamName', '-', '+', 'COUNT', 1);
+redis.xread('STREAMS', 'streamName', '0-0');
+redis.xreadgroup('GROUP', 'groupName', 'consumerName', 'STREAMS', 'streamName', '>');
+redis.xrevrange('streamName', '+', '-', 'COUNT', 1);
+redis.xtrim('streamName', 'MAXLEN', '~', 1000);
diff --git a/types/ioredis/v3/index.d.ts b/types/ioredis/v3/index.d.ts
index e593f4dcc3..ee2777c92c 100644
--- a/types/ioredis/v3/index.d.ts
+++ b/types/ioredis/v3/index.d.ts
@@ -101,7 +101,7 @@ declare namespace IORedis {
 
         del(...keys: string[]): any;
 
-        exists(...keys: string[]): any;
+        exists(...keys: string[]): Promise<number>;
 
         setbit(key: string, offset: number, value: any, callback: (err: Error, res: number) => void): void;
         setbit(key: string, offset: number, value: any): Promise<number>;
diff --git a/types/ioredis/v3/ioredis-tests.ts b/types/ioredis/v3/ioredis-tests.ts
index 32ae5c24d5..b77192e3b8 100644
--- a/types/ioredis/v3/ioredis-tests.ts
+++ b/types/ioredis/v3/ioredis-tests.ts
@@ -31,6 +31,8 @@ redis.set('key', '100', 'EX', 10, 'NX', (err, data) => {});
 redis.set('key', '100', ['EX', 10, 'NX'], (err, data) => {});
 redis.setBuffer('key', '100', 'NX', 'EX', 10, (err, data) => {});
 
+redis.exists('foo').then(result => result * 1);
+
 new Redis();       // Connect to 127.0.0.1:6379
 new Redis(6380);   // 127.0.0.1:6380
 new Redis(6379, '192.168.1.1');       // 192.168.1.1:6379
diff --git a/types/ip/index.d.ts b/types/ip/index.d.ts
index c51a8d37f5..ed9ba584bc 100644
--- a/types/ip/index.d.ts
+++ b/types/ip/index.d.ts
@@ -26,7 +26,7 @@ declare module "ip" {
     /**
      * Convert an IP string into a buffer.
      **/
-    export function toBuffer(ip: string, buffer?: number, offset?: number): Buffer;
+    export function toBuffer(ip: string, buffer?: Buffer, offset?: number): Buffer;
 
     /**
      * Convert an IP buffer into a string.
diff --git a/types/ip/ip-tests.ts b/types/ip/ip-tests.ts
index 13abf1f4a6..f1fbf4726d 100644
--- a/types/ip/ip-tests.ts
+++ b/types/ip/ip-tests.ts
@@ -20,3 +20,7 @@ ip.toString(buff);
 ip.subnet('192.168.1.134', '255.255.255.192');
 ip.cidrSubnet('192.168.1.134/26');
 ip.cidrSubnet('192.168.1.134/26').contains('192.168.1.134');
+var buf = new Buffer(128);
+var offset = 64;
+ip.toBuffer('127.0.0.1', buf, offset);
+ip.toString(buf, offset, 4);
diff --git a/types/irc/irc-tests.ts b/types/irc/irc-tests.ts
index b2603e7037..284bb190c7 100644
--- a/types/irc/irc-tests.ts
+++ b/types/irc/irc-tests.ts
@@ -13,15 +13,15 @@ function test_bot() {
         console.log("Connected");
     });
 
-    bot.addListener('error', <irc.handlers.IError> ((message: irc.IMessage) => {
+    bot.addListener('error', ((message: irc.IMessage) => {
     console.error('ERROR: %s: %s', message.command, message.args.join(' '));
-    }));
+    }) as irc.handlers.IError);
 
-    bot.addListener('message#blah', <irc.handlers.IMessageChannel> ((from: string, message: string) => {
+    bot.addListener('message#blah', ((from: string, message: string) => {
     console.log('<%s> %s', from, message);
-    }));
+    }) as irc.handlers.IMessageChannel);
 
-    bot.addListener('message', <irc.handlers.IRecievedMessage> ((from: string, to: string, message: string) => {
+    bot.addListener('message', ((from: string, to: string, message: string) => {
     console.log('%s => %s: %s', from, to, message);
 
     if (to.match(/^[#&]/)) {
@@ -40,23 +40,23 @@ function test_bot() {
         // private message
         console.log('private message');
     }
-    }));
+    }) as irc.handlers.IRecievedMessage);
 
-    bot.addListener('pm', <irc.handlers.IPm> ((nick: string, message: string) => {
+    bot.addListener('pm', ((nick: string, message: string) => {
     console.log('Got private message from %s: %s', nick, message);
-    }));
+    }) as irc.handlers.IPm);
 
-    bot.addListener('join', <irc.handlers.IJoin> ((channel: string, who: string) => {
+    bot.addListener('join', ((channel: string, who: string) => {
     console.log('%s has joined %s', who, channel);
-    }));
+    }) as irc.handlers.IJoin);
 
-    bot.addListener('part', <irc.handlers.IPart> ((channel: string, who: string, reason: string) => {
+    bot.addListener('part', ((channel: string, who: string, reason: string) => {
     console.log('%s has left %s: %s', who, channel, reason);
-    }));
+    }) as irc.handlers.IPart);
 
-    bot.addListener('kick', <irc.handlers.IKick> ((channel: string, who: string, by: string, reason: string) => {
+    bot.addListener('kick', ((channel: string, who: string, by: string, reason: string) => {
     console.log('%s was kicked from %s by %s: %s', who, channel, by, reason);
-    }));
+    }) as irc.handlers.IKick);
 }
 
 function test_secure() {
diff --git a/types/is-docker/index.d.ts b/types/is-docker/index.d.ts
new file mode 100644
index 0000000000..12b3f6b797
--- /dev/null
+++ b/types/is-docker/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for is-docker 1.1
+// Project: https://github.com/sindresorhus/is-docker#readme
+// Definitions by: Yash Kulshrestha <https://github.com/YashdalfTheGray>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.7
+
+declare function isDocker(): boolean;
+export = isDocker;
diff --git a/types/is-docker/is-docker-tests.ts b/types/is-docker/is-docker-tests.ts
new file mode 100644
index 0000000000..00274a35e0
--- /dev/null
+++ b/types/is-docker/is-docker-tests.ts
@@ -0,0 +1,3 @@
+import isDocker from "is-docker";
+
+isDocker(); // $ExpectType boolean
diff --git a/types/is-docker/tsconfig.json b/types/is-docker/tsconfig.json
new file mode 100644
index 0000000000..4c065b1b55
--- /dev/null
+++ b/types/is-docker/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true,
+        "esModuleInterop": true
+    },
+    "files": ["index.d.ts", "is-docker-tests.ts"]
+}
diff --git a/types/is-docker/tslint.json b/types/is-docker/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/is-docker/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/is-hotkey/index.d.ts b/types/is-hotkey/index.d.ts
index a41521fcc1..5f44df214f 100644
--- a/types/is-hotkey/index.d.ts
+++ b/types/is-hotkey/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for is-hotkey 0.1
 // Project: https://github.com/ianstormtaylor/is-hotkey#readme
 // Definitions by: Pierre-Marc Airoldi <https://github.com/petester42>
+//                 Kalley Powell <https://github.com/kalley>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface HotKeyOptions {
@@ -20,21 +21,31 @@ export interface HotKey {
  * Is hotkey?
  */
 export function isHotkey(
-    hotkey: string,
+    hotkey: string | ReadonlyArray<string>,
     options?: HotKeyOptions
 ): (event: KeyboardEvent) => boolean;
 
 export function isHotkey(
-    hotkey: string,
+    hotkey: string | ReadonlyArray<string>,
     options?: HotKeyOptions | KeyboardEvent,
     event?: KeyboardEvent
 ): boolean;
 
-export function isCodeHotkey(hotkey: string): (event: KeyboardEvent) => boolean;
-export function isCodeHotkey(hotkey: string, event: KeyboardEvent): boolean;
+export function isCodeHotkey(
+    hotkey: string | ReadonlyArray<string>
+): (event: KeyboardEvent) => boolean;
+export function isCodeHotkey(
+    hotkey: string | ReadonlyArray<string>,
+    event: KeyboardEvent
+): boolean;
 
-export function isKeyHotkey(hotkey: string): (event: KeyboardEvent) => boolean;
-export function isKeyHotkey(hotkey: string, event: KeyboardEvent): boolean;
+export function isKeyHotkey(
+    hotkey: string | ReadonlyArray<string>
+): (event: KeyboardEvent) => boolean;
+export function isKeyHotkey(
+    hotkey: string | ReadonlyArray<string>,
+    event: KeyboardEvent
+): boolean;
 
 /**
  * Parse.
diff --git a/types/is-hotkey/is-hotkey-tests.ts b/types/is-hotkey/is-hotkey-tests.ts
index 6973d87de6..36f57580e8 100644
--- a/types/is-hotkey/is-hotkey-tests.ts
+++ b/types/is-hotkey/is-hotkey-tests.ts
@@ -30,3 +30,13 @@ parseHotkey("cmd+s"); // $ExpectType HotKey
 parseHotkey("cmd+s", { byKey: true }); // $ExpectType HotKey
 
 compareHotkey(parseHotkey("cmd+s"), event); // $ExpectType boolean
+
+// Multiple hotkeys
+
+isHotkey(["mod+s", "cmd+s"])(event); // $ExpectType boolean
+
+isHotkey(["mod+s", "cmd+s"], event); // $ExpectType boolean
+
+isCodeHotkey(["mod+s", "cmd+s"])(event); // $ExpectType boolean
+
+isCodeHotkey(["mod+s", "cmd+s"], event); // $ExpectType boolean
diff --git a/types/is-obj/index.d.ts b/types/is-obj/index.d.ts
new file mode 100644
index 0000000000..4df97e0660
--- /dev/null
+++ b/types/is-obj/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for is-obj 1.0
+// Project: https://github.com/sindresorhus/is-obj#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export = isObj;
+
+declare function isObj(x: any): x is object;
diff --git a/types/is-obj/is-obj-tests.ts b/types/is-obj/is-obj-tests.ts
new file mode 100644
index 0000000000..1fdf19cbf9
--- /dev/null
+++ b/types/is-obj/is-obj-tests.ts
@@ -0,0 +1,10 @@
+import isObj = require('is-obj');
+
+isObj({foo: 'bar'});
+// => true
+
+isObj([1, 2, 3]);
+// => true
+
+isObj('foo');
+// => false
diff --git a/types/is-obj/tsconfig.json b/types/is-obj/tsconfig.json
new file mode 100644
index 0000000000..0a22d83578
--- /dev/null
+++ b/types/is-obj/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "is-obj-tests.ts"
+    ]
+}
diff --git a/types/is-obj/tslint.json b/types/is-obj/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/is-obj/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/is-regexp/index.d.ts b/types/is-regexp/index.d.ts
new file mode 100644
index 0000000000..a89562cf16
--- /dev/null
+++ b/types/is-regexp/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for is-regexp 2.0
+// Project: https://github.com/sindresorhus/is-regexp#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export = isRegexp;
+
+declare function isRegexp(input: any): input is RegExp;
diff --git a/types/is-regexp/is-regexp-tests.ts b/types/is-regexp/is-regexp-tests.ts
new file mode 100644
index 0000000000..c5da5665dd
--- /dev/null
+++ b/types/is-regexp/is-regexp-tests.ts
@@ -0,0 +1,10 @@
+import isRegexp = require('is-regexp');
+
+isRegexp('unicorn');
+// => false
+
+isRegexp(/unicorn/);
+// => true
+
+isRegexp(new RegExp('unicorn'));
+// => true
diff --git a/types/is-regexp/tsconfig.json b/types/is-regexp/tsconfig.json
new file mode 100644
index 0000000000..1ae59c1f8a
--- /dev/null
+++ b/types/is-regexp/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "is-regexp-tests.ts"
+    ]
+}
diff --git a/types/is-regexp/tslint.json b/types/is-regexp/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/is-regexp/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/is/index.d.ts b/types/is/index.d.ts
index 37b485e0a0..9129f7d664 100644
--- a/types/is/index.d.ts
+++ b/types/is/index.d.ts
@@ -1,8 +1,10 @@
 // Type definitions for is.js
 // Project: http://arasatasaygin.github.io/is.js/
-// Definitions by: Rodrigo Cabral <https://github.com/cabralRodrigo>
+// Definitions by: Rodrigo Cabral <https://github.com/cabralRodrigo>, Mitchell Grice <https://github.com/gricey432>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+type EnvironmentVersionRange = number | string;
+
 interface IsStatic {
 
     //#region Type checks
@@ -367,29 +369,45 @@ interface IsStatic {
 
     /**
      * Checks if current browser is ie
-     * @parm value Optional version number of browser
+     * @parm value Optional version range of browser
      */
-    ie(value?: number): boolean;
+    ie(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current browser is chrome.
+     * @parm value Optional version range of browser
      */
-    chrome(): boolean;
+    chrome(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current browser is firefox.
+     * @parm value Optional version range of browser
      */
-    firefox(): boolean;
+    firefox(range?: EnvironmentVersionRange): boolean;
+
+    /**
+     * Checks if current browser is edge.
+     * @parm value Optional version range of browser
+     */
+    edge(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current browser is opera.
+     * @parm value Optional version range of browser
      */
-    opera(): boolean;
+    opera(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current browser is safari.
+     * @parm value Optional version range of browser
      */
-    safari(): boolean;
+    safari(range?: EnvironmentVersionRange): boolean;
+
+    /**
+     * Checks if current browser is phantom.
+     * @parm value Optional version range of browser
+     */
+    phantom(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current device has ios.
@@ -398,18 +416,21 @@ interface IsStatic {
 
     /**
      * Checks if current device is iPhone.
+     * @parm value Optional version range of device
      */
-    iphone(): boolean;
+    iphone(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current device is iPad.
+     * @parm value Optional version range of device
      */
-    ipad(): boolean;
+    ipad(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current device is iPod.
+     * @parm value Optional version range of device
      */
-    ipod(): boolean;
+    ipod(range?: EnvironmentVersionRange): boolean;
 
     /**
      * Checks if current device has Android.
@@ -481,6 +502,11 @@ interface IsStatic {
      */
     offline(): boolean;
 
+    /**
+     * Checks if current device supports touch.
+     */
+    touchDevice(): boolean;
+
     //#endregion
 
     //#region Time checks
diff --git a/types/is/is-tests.ts b/types/is/is-tests.ts
index 77a88a81b3..6f27fd4b7b 100644
--- a/types/is/is-tests.ts
+++ b/types/is/is-tests.ts
@@ -446,32 +446,67 @@ is.all.sorted([[1, 2], [5, 4]]);
 //#region Environment checks
 
 is.ie();
-is.ie(6);
 is.not.ie();
+is.ie(10);
+is.ie('>=10');
+is.not.ie('<9');
 
 is.chrome();
 is.not.chrome();
+is.chrome(50);
+is.chrome('>=40');
+is.not.chrome('<30');
 
 is.firefox();
 is.not.firefox();
+is.firefox(41);
+is.firefox('>=40');
+is.not.firefox('<30');
+
+is.edge();
+is.not.edge();
+is.edge(13);
+is.edge('>=12');
+is.not.edge('<13');
 
 is.opera();
 is.not.opera();
+is.opera(36);
+is.opera('>=35');
+is.not.opera('<20');
 
 is.safari();
 is.not.safari();
+is.safari(9);
+is.safari('>=8');
+is.not.safari('<7');
+
+is.phantom();
+is.not.phantom();
+is.phantom(2);
+is.phantom('>=1');
+is.not.phantom('<2');
 
 is.ios();
 is.not.ios();
 
 is.iphone();
 is.not.iphone();
+is.iphone(9);
+is.iphone('>=7');
+is.not.iphone('<8');
 
 is.ipad();
 is.not.ipad();
+is.ipad(9);
+is.ipad('>=7');
+is.not.ipad('<8');
 
 is.ipod();
 is.not.ipod();
+is.ipod(7);
+is.ipod('>=5');
+is.not.ipod('<5');
 
 is.android();
 is.not.android();
@@ -483,7 +518,6 @@ is.androidTablet();
 is.not.androidTablet();
 
 is.blackberry();
-
 is.not.blackberry();
 
 is.windowsPhone();
@@ -516,6 +550,9 @@ is.not.online();
 is.offline();
 is.not.offline();
 
+is.touchDevice();
+is.not.touchDevice();
+
 //#endregion
 
 //#region Time checks
@@ -664,4 +701,4 @@ is.url('quack');
 var customName = is.setNamespace();
 customName.odd(3);
 
-//#endregion
\ No newline at end of file
+//#endregion
diff --git a/types/jasmine-ajax/index.d.ts b/types/jasmine-ajax/index.d.ts
index 0d1d92751d..ad95004612 100644
--- a/types/jasmine-ajax/index.d.ts
+++ b/types/jasmine-ajax/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/jasmine/jasmine-ajax
 // Definitions by: Louis Grignon <https://github.com/lgrignon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 interface JasmineAjaxResponse {
 	status?: number;
diff --git a/types/jasmine-ajax/jasmine-ajax-tests.ts b/types/jasmine-ajax/jasmine-ajax-tests.ts
index 6e783f3eda..da68ad92a0 100644
--- a/types/jasmine-ajax/jasmine-ajax-tests.ts
+++ b/types/jasmine-ajax/jasmine-ajax-tests.ts
@@ -1796,7 +1796,7 @@ describe("mockAjax", () => {
 		const mockAjax = new MockAjax(fakeGlobal);
 
 		mockAjax.install();
-		const request = new (<any> fakeGlobal.XMLHttpRequest)();
+		const request = new (fakeGlobal.XMLHttpRequest as any)();
 
 		expect(mockAjax.requests.count()).toBe(1);
 		expect(mockAjax.requests.mostRecent()).toBe(request);
@@ -1808,7 +1808,7 @@ describe("mockAjax", () => {
 		const mockAjax = new MockAjax(fakeGlobal);
 
 		mockAjax.install();
-		const request = new (<any> fakeGlobal.XMLHttpRequest)();
+		const request = new (fakeGlobal.XMLHttpRequest as any)();
 
 		expect(mockAjax.requests.mostRecent()).toBe(request);
 		mockAjax.requests.reset();
diff --git a/types/jasmine-data-provider/index.d.ts b/types/jasmine-data-provider/index.d.ts
new file mode 100644
index 0000000000..26f96be2d0
--- /dev/null
+++ b/types/jasmine-data-provider/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for jasmine-data-provider 2.2
+// Project: https://github.com/MortalFlesh/jasmine-data-provider
+// Definitions by: Tomek Łaziuk <https://github.com/tlaziuk>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+declare function using<T extends any[]>(values: using.ValueType<T[]>, func: (...data: Array<using.ArrayFuncArgType<T>>) => void): void;
+declare function using<T>(values: using.ValueType<T[]>, func: (data: T) => void): void;
+declare function using<T>(values: using.ValueType<Record<string, T>>, func: (data: T, description: string) => void): void;
+
+declare namespace using {
+    type ValueType<T> = T | (() => T);
+    type ArrayFuncArgType<T> = T extends Array<infer U> ? U : never;
+}
+
+export = using;
diff --git a/types/jasmine-data-provider/jasmine-data-provider-tests.ts b/types/jasmine-data-provider/jasmine-data-provider-tests.ts
new file mode 100644
index 0000000000..361f1b49c0
--- /dev/null
+++ b/types/jasmine-data-provider/jasmine-data-provider-tests.ts
@@ -0,0 +1,85 @@
+import * as using from 'jasmine-data-provider';
+import 'jasmine';
+
+declare const calculator: any;
+
+describe('test subtraction with data provider - direct array', () => {
+    using([{ a: 5, b: 2, expected: 3 }, { a: 25, b: 26, expected: -1 }], (data) => {
+        it('should calc with operator -', () => {
+            const result = calculator.calc(data.a, data.b, '-');
+
+            expect(result).toEqual(data.expected);
+        });
+    });
+});
+
+describe('test addition with data provider - provider function', () => {
+    function plusProvider() {
+        return [
+            { a: 2, b: 3, expected: 5 },
+            { a: '14', b: 15, expected: 29 },
+            { a: 12, b: '13', expected: 25 },
+            { a: '22', b: '13', expected: 35 },
+        ];
+    }
+
+    using(plusProvider, (data) => {
+        it('should calc with operator +', () => {
+            const result = calculator.calc(data.a, data.b, '+');
+
+            expect(result).toEqual(data.expected);
+        });
+    });
+});
+
+describe('My fantastic test', () => {
+    const objectDataProvider = {
+        'First one is awesome!': { a: 6, b: 3, expected: 9 },
+        'Second test should fail': { a: 8, b: 1, expected: 10 }
+    };
+
+    using(objectDataProvider, (data, description) => {
+        it(description, () => {
+            const result = calculator.calc(data.a, data.b, '+');
+
+            expect(result).toEqual(data.expected);
+        });
+    });
+});
+
+// undocumented behaviour
+
+describe(`Ugh, I don't know if this one works`, () => {
+    using([[6, 3, 9], [8, 1, 10]], (a, b, expected) => {
+        it('should calc with operator +', () => {
+            const result = calculator.calc(a, b, '+');
+
+            expect(result).toEqual(expected);
+        });
+    });
+});
+
+// TypeScript-specific tests
+
+describe('My awesome test with declared types!', () => {
+    interface TestType {
+        value: number;
+        expected: number;
+    }
+
+    using<TestType>([{ value: 2, expected: 4 }], (data) => {
+        it('should calc with operator ^2', () => {
+            const result = calculator.calc(data.value, '^2');
+
+            expect(result).toEqual(data.expected);
+        });
+    });
+
+    using<TestType>({ desc: { value: 2, expected: 4 } }, (data, description) => {
+        it(description, () => {
+            const result = calculator.calc(data.value, '^2');
+
+            expect(result).toEqual(data.expected);
+        });
+    });
+});
diff --git a/types/jasmine-data-provider/tsconfig.json b/types/jasmine-data-provider/tsconfig.json
new file mode 100644
index 0000000000..4ad53680f8
--- /dev/null
+++ b/types/jasmine-data-provider/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jasmine-data-provider-tests.ts"
+    ]
+}
diff --git a/types/jasmine-data-provider/tslint.json b/types/jasmine-data-provider/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/jasmine-data-provider/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/jasmine-data_driven_tests/index.d.ts b/types/jasmine-data_driven_tests/index.d.ts
index 827539a3a9..6e6a070eaa 100644
--- a/types/jasmine-data_driven_tests/index.d.ts
+++ b/types/jasmine-data_driven_tests/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/gburghardt/jasmine-data_driven_tests
 // Definitions by: Anthony MacKinnon <https://github.com/AnthonyMacKinnon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 declare var all: JasmineDataDrivenTest;
 declare var xall: JasmineDataDrivenTest;
diff --git a/types/jasmine-es6-promise-matchers/index.d.ts b/types/jasmine-es6-promise-matchers/index.d.ts
index 7d61d4d660..0a1c5360be 100644
--- a/types/jasmine-es6-promise-matchers/index.d.ts
+++ b/types/jasmine-es6-promise-matchers/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/bvaughn/jasmine-es6-promise-matchers
 // Definitions by: Stephen Lautier <https://github.com/stephenlautier>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/jasmine-fixture/index.d.ts b/types/jasmine-fixture/index.d.ts
index 82449ffc01..cb68513a79 100644
--- a/types/jasmine-fixture/index.d.ts
+++ b/types/jasmine-fixture/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/searls/jasmine-fixture
 // Definitions by: Craig Brett <https://github.com/craigbrett17>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/jasmine-jquery/index.d.ts b/types/jasmine-jquery/index.d.ts
index 0dc023f33a..1675992a7b 100644
--- a/types/jasmine-jquery/index.d.ts
+++ b/types/jasmine-jquery/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/velesin/jasmine-jquery
 // Definitions by: Gregor Stamac <https://github.com/gstamac>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine"/>
 /// <reference types="jquery"/>
diff --git a/types/jasmine-matchers/index.d.ts b/types/jasmine-matchers/index.d.ts
index d4cad3b77c..7284ffce49 100644
--- a/types/jasmine-matchers/index.d.ts
+++ b/types/jasmine-matchers/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/uxebu/jasmine-matchers
 // Definitions by: Bart van der Schoor <https://github.com/Bartvds>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /*
 Typings 2013 Bart van der Schoor
@@ -67,4 +67,3 @@ declare namespace jasmine {
         toThrowStartsWith(text:string): boolean;
     }
 }
-
diff --git a/types/jasmine-node/index.d.ts b/types/jasmine-node/index.d.ts
index acc313f6b2..3270b356bd 100644
--- a/types/jasmine-node/index.d.ts
+++ b/types/jasmine-node/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/mhevery/jasmine-node
 // Definitions by: Sven Reglitzki <https://github.com/svi3c>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 ///<reference types="jasmine"/>
 
@@ -40,4 +40,4 @@ declare namespace jasmine {
 declare module "jasmine-node" {
     const jasmine: jasmine.JasmineNode;
     export = jasmine;
-}
\ No newline at end of file
+}
diff --git a/types/jasmine-promise-matchers/index.d.ts b/types/jasmine-promise-matchers/index.d.ts
index ffe4f65142..3c05b5304e 100644
--- a/types/jasmine-promise-matchers/index.d.ts
+++ b/types/jasmine-promise-matchers/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/bvaughn/jasmine-promise-matchers
 // Definitions by: Matthew Hill <https://github.com/matthewjh>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/jasmine/index.d.ts b/types/jasmine/index.d.ts
index 37e1fd2b14..e9dba1e2cd 100644
--- a/types/jasmine/index.d.ts
+++ b/types/jasmine/index.d.ts
@@ -1,9 +1,15 @@
-// Type definitions for Jasmine 2.8.0
-// Project: http://jasmine.github.io/
-// Definitions by: Boris Yankov <https://github.com/borisyankov>, Theodore Brown <https://github.com/theodorejb>, David Pärsson <https://github.com/davidparsson>, Gabe Moothart <https://github.com/gmoothart>, Lukas Zech <https://github.com/lukas-zech-software>, Boris Breuer <https://github.com/Engineer2B>
+// Type definitions for Jasmine 3.3
+// Project: https://jasmine.github.io/
+// Definitions by: Boris Yankov <https://github.com/borisyankov>
+//                 Theodore Brown <https://github.com/theodorejb>
+//                 David Pärsson <https://github.com/davidparsson>
+//                 Gabe Moothart <https://github.com/gmoothart>
+//                 Lukas Zech <https://github.com/lukas-zech-software>
+//                 Boris Breuer <https://github.com/Engineer2B>
+//                 Chris Yungmann <https://github.com/cyungmann>
+//                 Giles Roadnight <https://github.com/Roaders>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
-
+// TypeScript Version: 2.8
 // For ddescribe / iit use : https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/karma-jasmine/karma-jasmine.d.ts
 
 /**
@@ -130,7 +136,7 @@ declare function waits(timeout?: number): void;
 
 declare namespace jasmine {
     type Expected<T> = T | ObjectContaining<T> | Any | Spy;
-    type SpyObjMethodNames = string[] | {[methodName: string]: any};
+    type SpyObjMethodNames<T = undefined> = T extends undefined ? (ReadonlyArray<string> | {[methodName: string]: any}) : (ReadonlyArray<keyof T> | {[P in keyof T]?: ReturnType<T[P] extends (...args: any[]) => any ? T[P] : any>});
 
     var clock: () => Clock;
 
@@ -146,7 +152,7 @@ declare namespace jasmine {
     function createSpy(name?: string, originalFn?: Function): Spy;
 
     function createSpyObj(baseName: string, methodNames: SpyObjMethodNames): any;
-    function createSpyObj<T>(baseName: string, methodNames: SpyObjMethodNames): SpyObj<T>;
+    function createSpyObj<T>(baseName: string, methodNames: SpyObjMethodNames<T>): SpyObj<T>;
 
     function createSpyObj(methodNames: SpyObjMethodNames): any;
     function createSpyObj<T>(methodNames: SpyObjMethodNames): SpyObj<T>;
@@ -448,6 +454,16 @@ declare namespace jasmine {
         toThrow(expected?: any): boolean;
         toThrowError(message?: string | RegExp): boolean;
         toThrowError(expected?: new (...args: any[]) => Error, message?: string | RegExp): boolean;
+        toThrowMatching(predicate: (thrown: any) => boolean): boolean;
+        toBeNegativeInfinity(expectationFailOutput?: any): boolean;
+        toBePositiveInfinity(expectationFailOutput?: any): boolean;
+        toHaveClass(expected: any, expectationFailOutput?: any): boolean;
+
+        /**
+         * Add some context for an expect.
+         * @param message - Additional context to show when the matcher fails
+         */
+        withContext(message: string): Matchers<T>;
 
         not: Matchers<T>;
 
diff --git a/types/jasmine/jasmine-tests.ts b/types/jasmine/jasmine-tests.ts
index e96293ced4..ba8763ce3d 100644
--- a/types/jasmine/jasmine-tests.ts
+++ b/types/jasmine/jasmine-tests.ts
@@ -173,6 +173,24 @@ describe("Included matchers:", () => {
     });
 });
 
+describe("toThrowMatching", () => {
+    expect(() => {
+        ({} as any).doSomething();
+    }).toThrowMatching(error => error != undefined);
+});
+
+describe("toBeNegativeInfinity", () => {
+    expect("").toBeNegativeInfinity();
+});
+
+describe("toBePositiveInfinity", () => {
+    expect("").toBePositiveInfinity();
+});
+
+describe("toHaveClass", () => {
+    expect("").toHaveClass(Array);
+});
+
 describe("A spec", () => {
     it("is just a function, so it can contain any code", () => {
         var foo = 0;
@@ -246,6 +264,12 @@ describe("A spec", () => {
     });
 });
 
+describe("withContext", () => {
+    it("can be used after an expectation", () => {
+        expect(1).withContext('context message').toBe(1);
+    });
+});
+
 xdescribe("A spec", () => {
     var foo: number;
 
@@ -467,6 +491,7 @@ describe("A spy, when configured to throw a value", () => {
 
 describe("A spy, when configured with multiple actions", () => {
     var foo: any, bar: any, fetchedBar: any;
+    var fakeCalled = false;
 
     beforeEach(() => {
         foo = {
@@ -479,7 +504,7 @@ describe("A spy, when configured with multiple actions", () => {
         };
 
         spyOn(foo, 'getBar').and.callThrough().and.callFake(() => {
-            this.fakeCalled = true;
+            fakeCalled = true;
         });
 
         foo.setBar(123);
@@ -499,7 +524,7 @@ describe("A spy, when configured with multiple actions", () => {
     });
 
     it("should have called the fake implementation", () => {
-        expect(this.fakeCalled).toEqual(true);
+        expect(fakeCalled).toEqual(true);
     });
 });
 
diff --git a/types/jasmine/tsconfig.json b/types/jasmine/tsconfig.json
index 0f9f9d3fbe..0c03c98874 100644
--- a/types/jasmine/tsconfig.json
+++ b/types/jasmine/tsconfig.json
@@ -10,7 +10,7 @@
             "dom"
         ],
         "noImplicitAny": true,
-        "noImplicitThis": false,
+        "noImplicitThis": true,
         "strictNullChecks": true,
         "strictFunctionTypes": false,
         "baseUrl": "../",
@@ -21,4 +21,4 @@
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     }
-}
\ No newline at end of file
+}
diff --git a/types/jasmine/tslint.json b/types/jasmine/tslint.json
index a41bf5d19a..2daeb51ad8 100644
--- a/types/jasmine/tslint.json
+++ b/types/jasmine/tslint.json
@@ -7,9 +7,10 @@
         "ban-types": false,
         "callable-types": false,
         "comment-format": false,
-        "dt-header": false,
+        "dt-header": true,
         "eofline": false,
         "export-just-namespace": false,
+        "file-name-casing": [true, "kebab-case"],
         "import-spacing": false,
         "interface-name": false,
         "interface-over-type-literal": false,
diff --git a/types/jasmine/v1/index.d.ts b/types/jasmine/v1/index.d.ts
index 3f51240f63..08fa8cf727 100644
--- a/types/jasmine/v1/index.d.ts
+++ b/types/jasmine/v1/index.d.ts
@@ -1,9 +1,8 @@
 // Type definitions for Jasmine 1.3
-// Project: http://pivotal.github.com/jasmine/
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>
+// Project: https://jasmine.github.io/
+// Definitions by: Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
 declare function describe(description: string, specDefinitions: () => void): void;
 // declare function ddescribe(description: string, specDefinitions: () => void): void; is not a part of jasmine. It is something angular adds
 declare function xdescribe(description: string, specDefinitions: () => void): void;
diff --git a/types/jasmine/v1/tslint.json b/types/jasmine/v1/tslint.json
index a41bf5d19a..2daeb51ad8 100644
--- a/types/jasmine/v1/tslint.json
+++ b/types/jasmine/v1/tslint.json
@@ -7,9 +7,10 @@
         "ban-types": false,
         "callable-types": false,
         "comment-format": false,
-        "dt-header": false,
+        "dt-header": true,
         "eofline": false,
         "export-just-namespace": false,
+        "file-name-casing": [true, "kebab-case"],
         "import-spacing": false,
         "interface-name": false,
         "interface-over-type-literal": false,
diff --git a/types/jasmine/v2/index.d.ts b/types/jasmine/v2/index.d.ts
new file mode 100644
index 0000000000..40491f6875
--- /dev/null
+++ b/types/jasmine/v2/index.d.ts
@@ -0,0 +1,753 @@
+// Type definitions for Jasmine 2.8
+// Project: https://jasmine.github.io/
+// Definitions by: Boris Yankov <https://github.com/borisyankov>
+//                 Theodore Brown <https://github.com/theodorejb>
+//                 David Pärsson <https://github.com/davidparsson>
+//                 Gabe Moothart <https://github.com/gmoothart>
+//                 Lukas Zech <https://github.com/lukas-zech-software>
+//                 Boris Breuer <https://github.com/Engineer2B>
+//                 Chris Yungmann <https://github.com/cyungmann>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+// For ddescribe / iit use : https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/karma-jasmine/karma-jasmine.d.ts
+
+/**
+ * Create a group of specs (often called a suite).
+ * @param description Textual description of the group
+ * @param specDefinitions Function for Jasmine to invoke that will define inner suites a specs
+ */
+declare function describe(description: string, specDefinitions: () => void): void;
+declare function fdescribe(description: string, specDefinitions: () => void): void;
+declare function xdescribe(description: string, specDefinitions: () => void): void;
+
+/**
+ * Define a single spec. A spec should contain one or more expectations that test the state of the code.
+ * A spec whose expectations all succeed will be passing and a spec with any failures will fail.
+ * @param expectation Textual description of what this spec is checking
+ * @param assertion Function that contains the code of your test. If not provided the test will be pending.
+ * @param timeout Custom timeout for an async spec.
+ */
+declare function it(expectation: string, assertion?: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * A focused it
+ * If suites or specs are focused, only those that are focused will be executed.
+ * @param expectation
+ * @param assertion
+ * @param timeout
+ */
+declare function fit(expectation: string, assertion?: (done: DoneFn) => void, timeout?: number): void;
+declare function xit(expectation: string, assertion?: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * Mark a spec as pending, expectation results will be ignored.
+ * If you call the function pending anywhere in the spec body, no matter the expectations, the spec will be marked pending.
+ * @param reason
+ * @returns {}
+ */
+declare function pending(reason?: string): void;
+
+/**
+ * Run some shared setup before each of the specs in the describe in which it is called.
+ * @param action Function that contains the code to setup your specs.
+ * @param timeout Custom timeout for an async beforeEach.
+ */
+declare function beforeEach(action: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * Run some shared teardown after each of the specs in the describe in which it is called.
+ * @param action Function that contains the code to teardown your specs.
+ * @param timeout Custom timeout for an async afterEach.
+ */
+declare function afterEach(action: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * Run some shared setup once before all of the specs in the describe are run.
+ * Note: Be careful, sharing the setup from a beforeAll makes it easy to accidentally leak state between your specs so that they erroneously pass or fail.
+ * @param action Function that contains the code to setup your specs.
+ * @param timeout Custom timeout for an async beforeAll.
+ */
+declare function beforeAll(action: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * Run some shared teardown once before all of the specs in the describe are run.
+ * Note: Be careful, sharing the teardown from a afterAll makes it easy to accidentally leak state between your specs so that they erroneously pass or fail.
+ * @param action Function that contains the code to teardown your specs.
+ * @param timeout Custom timeout for an async afterAll
+ */
+declare function afterAll(action: (done: DoneFn) => void, timeout?: number): void;
+
+/**
+ * Create an expectation for a spec.
+ * @param spy
+ */
+declare function expect(spy: Function): jasmine.Matchers<any>;
+
+/**
+ * Create an expectation for a spec.
+ * @param actual
+ */
+declare function expect<T>(actual: ArrayLike<T>): jasmine.ArrayLikeMatchers<T>;
+
+/**
+ * Create an expectation for a spec.
+ * @param actual Actual computed value to test expectations against.
+ */
+declare function expect<T>(actual: T): jasmine.Matchers<T>;
+
+/**
+ * Create an expectation for a spec.
+ */
+declare function expect(): jasmine.NothingMatcher;
+
+/**
+ * Explicitly mark a spec as failed.
+ * @param e
+ */
+declare function fail(e?: any): void;
+
+/** Action method that should be called when the async work is complete */
+interface DoneFn extends Function {
+    (): void;
+
+    /** fails the spec and indicates that it has completed. If the message is an Error, Error.message is used */
+    fail: (message?: Error | string) => void;
+}
+
+/**
+ * Install a spy onto an existing object.
+ * @param object The object upon which to install the Spy
+ * @param method The name of the method to replace with a Spy.
+ */
+declare function spyOn<T>(object: T, method: keyof T): jasmine.Spy;
+
+/**
+ * Install a spy on a property onto an existing object.
+ * @param object The object upon which to install the Spy
+ * @param property The name of the property to replace with a Spy
+ * @param accessType The access type (get|set) of the property to Spy on.
+ */
+declare function spyOnProperty<T>(object: T, property: keyof T, accessType?: 'get' | 'set'): jasmine.Spy;
+
+declare function runs(asyncMethod: Function): void;
+declare function waitsFor(latchMethod: () => boolean, failureMessage?: string, timeout?: number): void;
+declare function waits(timeout?: number): void;
+
+declare namespace jasmine {
+    type Expected<T> = T | ObjectContaining<T> | Any | Spy;
+    type SpyObjMethodNames<T = undefined> = T extends undefined ? (ReadonlyArray<string> | {[methodName: string]: any}) : (ReadonlyArray<keyof T> | {[P in keyof T]?: ReturnType<T[P] extends (...args: any[]) => any ? T[P] : any>});
+
+    var clock: () => Clock;
+
+    var matchersUtil: MatchersUtil;
+
+    function any(aclass: any): Any;
+
+    function anything(): Any;
+
+    function arrayContaining<T>(sample: ArrayLike<T>): ArrayContaining<T>;
+    function arrayWithExactContents<T>(sample: ArrayLike<T>): ArrayContaining<T>;
+    function objectContaining<T>(sample: Partial<T>): ObjectContaining<T>;
+    function createSpy(name?: string, originalFn?: Function): Spy;
+
+    function createSpyObj(baseName: string, methodNames: SpyObjMethodNames): any;
+    function createSpyObj<T>(baseName: string, methodNames: SpyObjMethodNames<T>): SpyObj<T>;
+
+    function createSpyObj(methodNames: SpyObjMethodNames): any;
+    function createSpyObj<T>(methodNames: SpyObjMethodNames): SpyObj<T>;
+
+    function pp(value: any): string;
+
+    function getEnv(): Env;
+
+    function addCustomEqualityTester(equalityTester: CustomEqualityTester): void;
+
+    function addMatchers(matchers: CustomMatcherFactories): void;
+
+    function stringMatching(str: string): Any;
+    function stringMatching(str: RegExp): Any;
+
+    function formatErrorMsg(domain: string, usage: string): (msg: string) => string;
+
+    interface Any {
+        (...params: any[]):any; // jasmine.Any can also be a function
+        new (expectedClass: any): any;
+
+        jasmineMatches(other: any): boolean;
+        jasmineToString(): string;
+    }
+
+    // taken from TypeScript lib.core.es6.d.ts, applicable to CustomMatchers.contains()
+    interface ArrayLike<T> {
+        length: number;
+        [n: number]: T;
+    }
+
+    interface ArrayContaining<T> {
+        new (sample: ArrayLike<T>): ArrayLike<T>;
+
+        asymmetricMatch(other: any): boolean;
+        jasmineToString(): string;
+    }
+
+    interface ObjectContaining<T> {
+        new (sample: Partial<T>): Partial<T>;
+
+        jasmineMatches(other: any, mismatchKeys: any[], mismatchValues: any[]): boolean;
+        jasmineToString(): string;
+    }
+
+    interface Block {
+
+        new (env: Env, func: SpecFunction, spec: Spec): any;
+
+        execute(onComplete: () => void): void;
+    }
+
+    interface WaitsBlock extends Block {
+        new (env: Env, timeout: number, spec: Spec): any;
+    }
+
+    interface WaitsForBlock extends Block {
+        new (env: Env, timeout: number, latchFunction: SpecFunction, message: string, spec: Spec): any;
+    }
+
+    interface Clock {
+        install(): void;
+        uninstall(): void;
+        /** Calls to any registered callback are triggered when the clock is ticked forward via the jasmine.clock().tick function, which takes a number of milliseconds. */
+        tick(ms: number): void;
+        mockDate(date?: Date): void;
+        withMock(func: () => void): void;
+    }
+
+    type CustomEqualityTester = (first: any, second: any) => boolean | void;
+
+    interface CustomMatcher {
+        compare<T>(actual: T, expected: T, ...args: any[]): CustomMatcherResult;
+        compare(actual: any, ...expected: any[]): CustomMatcherResult;
+        negativeCompare?<T>(actual: T, expected: T, ...args: any[]): CustomMatcherResult;
+        negativeCompare?(actual: any, ...expected: any[]): CustomMatcherResult;
+    }
+
+    type CustomMatcherFactory = (util: MatchersUtil, customEqualityTesters: CustomEqualityTester[]) => CustomMatcher;
+
+    interface CustomMatcherFactories {
+        [index: string]: CustomMatcherFactory;
+    }
+
+    interface CustomMatcherResult {
+        pass: boolean;
+        message?: string;
+    }
+
+    interface MatchersUtil {
+        equals(a: any, b: any, customTesters?: CustomEqualityTester[]): boolean;
+        contains<T>(haystack: ArrayLike<T> | string, needle: any, customTesters?: CustomEqualityTester[]): boolean;
+        buildFailureMessage(matcherName: string, isNot: boolean, actual: any, ...expected: any[]): string;
+    }
+
+    interface Env {
+        setTimeout: any;
+        clearTimeout: void;
+        setInterval: any;
+        clearInterval: void;
+        updateInterval: number;
+
+        currentSpec: Spec;
+
+        matchersClass: Matchers<any>;
+
+        version(): any;
+        versionString(): string;
+        nextSpecId(): number;
+        addReporter(reporter: Reporter): void;
+        addReporter(reporter: CustomReporter): void;
+        execute(): void;
+        describe(description: string, specDefinitions: () => void): Suite;
+        // ddescribe(description: string, specDefinitions: () => void): Suite; Not a part of jasmine. Angular team adds these
+        beforeEach(beforeEachFunction: (done: DoneFn) => void, timeout?: number): void;
+        beforeAll(beforeAllFunction: (done: DoneFn) => void, timeout?: number): void;
+        currentRunner(): Runner;
+        afterEach(afterEachFunction: (done: DoneFn) => void, timeout?: number): void;
+        afterAll(afterAllFunction: (done: DoneFn) => void, timeout?: number): void;
+        xdescribe(desc: string, specDefinitions: () => void): XSuite;
+        it(description: string, func: () => void): Spec;
+        // iit(description: string, func: () => void): Spec; Not a part of jasmine. Angular team adds these
+        xit(desc: string, func: () => void): XSpec;
+        compareRegExps_(a: RegExp, b: RegExp, mismatchKeys: string[], mismatchValues: string[]): boolean;
+        compareObjects_(a: any, b: any, mismatchKeys: string[], mismatchValues: string[]): boolean;
+        equals_(a: any, b: any, mismatchKeys: string[], mismatchValues: string[]): boolean;
+        contains_(haystack: any, needle: any): boolean;
+        addCustomEqualityTester(equalityTester: CustomEqualityTester): void;
+        addMatchers(matchers: CustomMatcherFactories): void;
+        specFilter(spec: Spec): boolean;
+        throwOnExpectationFailure(value: boolean): void;
+        seed(seed: string | number): string | number;
+        provideFallbackReporter(reporter: Reporter): void;
+        throwingExpectationFailures(): boolean;
+        allowRespy(allow: boolean): void;
+        randomTests(): boolean;
+        randomizeTests(b: boolean): void;
+        clearReporters(): void;
+    }
+
+    interface FakeTimer {
+
+        new (): any;
+
+        reset(): void;
+        tick(millis: number): void;
+        runFunctionsWithinRange(oldMillis: number, nowMillis: number): void;
+        scheduleFunction(timeoutKey: any, funcToCall: () => void, millis: number, recurring: boolean): void;
+    }
+
+    interface HtmlReporter {
+        new (): any;
+    }
+
+    interface HtmlSpecFilter {
+        new (): any;
+    }
+
+    interface Result {
+        type: string;
+    }
+
+    interface NestedResults extends Result {
+        description: string;
+
+        totalCount: number;
+        passedCount: number;
+        failedCount: number;
+
+        skipped: boolean;
+
+        rollupCounts(result: NestedResults): void;
+        log(values: any): void;
+        getItems(): Result[];
+        addResult(result: Result): void;
+        passed(): boolean;
+    }
+
+    interface MessageResult extends Result {
+        values: any;
+        trace: Trace;
+    }
+
+    interface ExpectationResult extends Result {
+        matcherName: string;
+        passed(): boolean;
+        expected: any;
+        actual: any;
+        message: string;
+        trace: Trace;
+    }
+
+    interface Order {
+        new (options: { random: boolean, seed: string }): any;
+        random: boolean;
+        seed: string;
+        sort<T>(items: T[]): T[];
+    }
+
+    namespace errors {
+        class ExpectationFailed extends Error {
+            constructor();
+
+            stack: any;
+        }
+    }
+
+    interface TreeProcessor {
+        new (attrs: any): any;
+        execute: (done: Function) => void;
+        processTree(): any;
+    }
+
+    interface Trace {
+        name: string;
+        message: string;
+        stack: any;
+    }
+
+    interface PrettyPrinter {
+
+        new (): any;
+
+        format(value: any): void;
+        iterateObject(obj: any, fn: (property: string, isGetter: boolean) => void): void;
+        emitScalar(value: any): void;
+        emitString(value: string): void;
+        emitArray(array: any[]): void;
+        emitObject(obj: any): void;
+        append(value: any): void;
+    }
+
+    interface StringPrettyPrinter extends PrettyPrinter {
+    }
+
+    interface Queue {
+
+        new (env: any): any;
+
+        env: Env;
+        ensured: boolean[];
+        blocks: Block[];
+        running: boolean;
+        index: number;
+        offset: number;
+        abort: boolean;
+
+        addBefore(block: Block, ensure?: boolean): void;
+        add(block: any, ensure?: boolean): void;
+        insertNext(block: any, ensure?: boolean): void;
+        start(onComplete?: () => void): void;
+        isRunning(): boolean;
+        next_(): void;
+        results(): NestedResults;
+    }
+
+    interface Matchers<T> {
+
+        new (env: Env, actual: T, spec: Env, isNot?: boolean): any;
+
+        env: Env;
+        actual: T;
+        spec: Env;
+        isNot?: boolean;
+        message(): any;
+
+        /**
+         *
+         * @param expected the actual value to be === to the expected value.
+         * @param expectationFailOutput
+         * @returns {}
+         */
+        toBe(expected: Expected<T>, expectationFailOutput?: any): boolean;
+
+        /**
+         *
+         * @param expected the actual value to be equal to the expected, using deep equality comparison.
+         * @param expectationFailOutput
+         * @returns {}
+         */
+        toEqual(expected: Expected<T>, expectationFailOutput?: any): boolean;
+        toMatch(expected: string | RegExp, expectationFailOutput?: any): boolean;
+        toBeDefined(expectationFailOutput?: any): boolean;
+        toBeUndefined(expectationFailOutput?: any): boolean;
+        toBeNull(expectationFailOutput?: any): boolean;
+        toBeNaN(): boolean;
+        toBeTruthy(expectationFailOutput?: any): boolean;
+        toBeFalsy(expectationFailOutput?: any): boolean;
+        toHaveBeenCalled(): boolean;
+        toHaveBeenCalledBefore(expected: Spy): boolean;
+        toHaveBeenCalledWith(...params: any[]): boolean;
+        toHaveBeenCalledTimes(expected: number): boolean;
+        toContain(expected: any, expectationFailOutput?: any): boolean;
+        toBeLessThan(expected: number, expectationFailOutput?: any): boolean;
+        toBeLessThanOrEqual(expected: number, expectationFailOutput?: any): boolean;
+        toBeGreaterThan(expected: number, expectationFailOutput?: any): boolean;
+        toBeGreaterThanOrEqual(expected: number, expectationFailOutput?: any): boolean;
+        toBeCloseTo(expected: number, precision?: any, expectationFailOutput?: any): boolean;
+        toThrow(expected?: any): boolean;
+        toThrowError(message?: string | RegExp): boolean;
+        toThrowError(expected?: new (...args: any[]) => Error, message?: string | RegExp): boolean;
+
+        not: Matchers<T>;
+
+        Any: Any;
+    }
+
+    interface ArrayLikeMatchers<T> extends Matchers<ArrayLike<T>> {
+        toBe(expected: Expected<ArrayLike<T>> | ArrayContaining<T>, expectationFailOutput?: any): boolean;
+        toEqual(expected: Expected<ArrayLike<T>> | ArrayContaining<T>, expectationFailOutput?: any): boolean;
+        toContain(expected: Expected<T>, expectationFailOutput?: any): boolean;
+        not: ArrayLikeMatchers<T>;
+    }
+
+    interface NothingMatcher {
+        nothing(): void;
+    }
+
+    interface Reporter {
+        reportRunnerStarting(runner: Runner): void;
+        reportRunnerResults(runner: Runner): void;
+        reportSuiteResults(suite: Suite): void;
+        reportSpecStarting(spec: Spec): void;
+        reportSpecResults(spec: Spec): void;
+        log(str: string): void;
+    }
+
+    interface MultiReporter extends Reporter {
+        addReporter(reporter: Reporter): void;
+    }
+
+    interface SuiteInfo {
+        totalSpecsDefined: number;
+    }
+
+    interface CustomReportExpectation {
+        matcherName: string;
+        message: string;
+        passed: boolean;
+        stack: string;
+    }
+
+    interface FailedExpectation extends CustomReportExpectation {
+        actual: string;
+        expected: string;
+    }
+
+    interface PassedExpectation extends CustomReportExpectation {
+
+    }
+
+    interface CustomReporterResult {
+        description: string;
+        failedExpectations?: FailedExpectation[];
+        fullName: string;
+        id: string;
+        passedExpectations?: PassedExpectation[];
+        pendingReason?: string;
+        status?: string;
+    }
+
+    interface RunDetails {
+        failedExpectations: ExpectationResult[];
+        order: jasmine.Order;
+    }
+
+    interface CustomReporter {
+        jasmineStarted?(suiteInfo: SuiteInfo): void;
+        suiteStarted?(result: CustomReporterResult): void;
+        specStarted?(result: CustomReporterResult): void;
+        specDone?(result: CustomReporterResult): void;
+        suiteDone?(result: CustomReporterResult): void;
+        jasmineDone?(runDetails: RunDetails): void;
+    }
+
+    interface Runner {
+
+        new (env: Env): any;
+
+        execute(): void;
+        beforeEach(beforeEachFunction: SpecFunction): void;
+        afterEach(afterEachFunction: SpecFunction): void;
+        beforeAll(beforeAllFunction: SpecFunction): void;
+        afterAll(afterAllFunction: SpecFunction): void;
+        finishCallback(): void;
+        addSuite(suite: Suite): void;
+        add(block: Block): void;
+        specs(): Spec[];
+        suites(): Suite[];
+        topLevelSuites(): Suite[];
+        results(): NestedResults;
+    }
+
+    type SpecFunction = (spec?: Spec) => void;
+
+    interface SuiteOrSpec {
+        id: number;
+        env: Env;
+        description: string;
+        queue: Queue;
+    }
+
+    interface Spec extends SuiteOrSpec {
+
+        new (env: Env, suite: Suite, description: string): any;
+
+        suite: Suite;
+
+        afterCallbacks: SpecFunction[];
+        spies_: Spy[];
+
+        results_: NestedResults;
+        matchersClass: Matchers<any>;
+
+        getFullName(): string;
+        results(): NestedResults;
+        log(arguments: any): any;
+        runs(func: SpecFunction): Spec;
+        addToQueue(block: Block): void;
+        addMatcherResult(result: Result): void;
+        getResult(): any;
+        expect(actual: any): any;
+        waits(timeout: number): Spec;
+        waitsFor(latchFunction: SpecFunction, timeoutMessage?: string, timeout?: number): Spec;
+        fail(e?: any): void;
+        getMatchersClass_(): Matchers<any>;
+        addMatchers(matchersPrototype: CustomMatcherFactories): void;
+        finishCallback(): void;
+        finish(onComplete?: () => void): void;
+        after(doAfter: SpecFunction): void;
+        execute(onComplete?: () => void, enabled?: boolean): any;
+        addBeforesAndAftersToQueue(): void;
+        explodes(): void;
+        spyOn(obj: any, methodName: string, ignoreMethodDoesntExist: boolean): Spy;
+        spyOnProperty(object: any, property: string, accessType?: 'get' | 'set'): Spy;
+        removeAllSpies(): void;
+        throwOnExpectationFailure: boolean;
+    }
+
+    interface XSpec {
+        id: number;
+        runs(): void;
+    }
+
+    interface Suite extends SuiteOrSpec {
+
+        new (env: Env, description: string, specDefinitions: () => void, parentSuite: Suite): any;
+
+        parentSuite: Suite;
+
+        getFullName(): string;
+        finish(onComplete?: () => void): void;
+        beforeEach(beforeEachFunction: SpecFunction): void;
+        afterEach(afterEachFunction: SpecFunction): void;
+        beforeAll(beforeAllFunction: SpecFunction): void;
+        afterAll(afterAllFunction: SpecFunction): void;
+        results(): NestedResults;
+        add(suiteOrSpec: SuiteOrSpec): void;
+        specs(): Spec[];
+        suites(): Suite[];
+        children(): any[];
+        execute(onComplete?: () => void): void;
+    }
+
+    interface XSuite {
+        execute(): void;
+    }
+
+    interface Spy {
+        (...params: any[]): any;
+
+        identity: string;
+        and: SpyAnd;
+        calls: Calls;
+        mostRecentCall: { args: any[]; };
+        argsForCall: any[];
+    }
+
+    type SpyObj<T> = T & {
+      [k in keyof T]: Spy;
+    }
+
+    interface SpyAnd {
+        /** By chaining the spy with and.callThrough, the spy will still track all calls to it but in addition it will delegate to the actual implementation. */
+        callThrough(): Spy;
+        /** By chaining the spy with and.returnValue, all calls to the function will return a specific value. */
+        returnValue(val: any): Spy;
+        /** By chaining the spy with and.returnValues, all calls to the function will return specific values in order until it reaches the end of the return values list. */
+        returnValues(...values: any[]): Spy;
+        /** By chaining the spy with and.callFake, all calls to the spy will delegate to the supplied function. */
+        callFake(fn: Function): Spy;
+        /** By chaining the spy with and.throwError, all calls to the spy will throw the specified value. */
+        throwError(msg: string): Spy;
+        /** When a calling strategy is used for a spy, the original stubbing behavior can be returned at any time with and.stub. */
+        stub(): Spy;
+    }
+
+    interface Calls {
+        /** By chaining the spy with calls.any(), will return false if the spy has not been called at all, and then true once at least one call happens. **/
+        any(): boolean;
+        /** By chaining the spy with calls.count(), will return the number of times the spy was called **/
+        count(): number;
+        /** By chaining the spy with calls.argsFor(), will return the arguments passed to call number index **/
+        argsFor(index: number): any[];
+        /** By chaining the spy with calls.allArgs(), will return the arguments to all calls **/
+        allArgs(): any[];
+        /** By chaining the spy with calls.all(), will return the context (the this) and arguments passed all calls **/
+        all(): CallInfo[];
+        /** By chaining the spy with calls.mostRecent(), will return the context (the this) and arguments for the most recent call **/
+        mostRecent(): CallInfo;
+        /** By chaining the spy with calls.first(), will return the context (the this) and arguments for the first call **/
+        first(): CallInfo;
+        /** By chaining the spy with calls.reset(), will clears all tracking for a spy **/
+        reset(): void;
+    }
+
+    interface CallInfo {
+        /** The context (the this) for the call */
+        object: any;
+        /** All arguments passed to the call */
+        args: any[];
+        /** The return value of the call */
+        returnValue: any;
+    }
+
+    interface Util {
+        inherit(childClass: Function, parentClass: Function): any;
+        formatException(e: any): any;
+        htmlEscape(str: string): string;
+        argsToArray(args: any): any;
+        extend(destination: any, source: any): any;
+    }
+
+    interface JsApiReporter extends Reporter {
+
+        started: boolean;
+        finished: boolean;
+        result: any;
+        messages: any;
+        runDetails: RunDetails;
+
+        new (): any;
+
+        suites(): Suite[];
+        summarize_(suiteOrSpec: SuiteOrSpec): any;
+        results(): any;
+        resultsForSpec(specId: any): any;
+        log(str: any): any;
+        resultsForSpecs(specIds: any): any;
+        summarizeResult_(result: any): any;
+    }
+
+    interface Jasmine {
+        Spec: Spec;
+        clock: Clock;
+        util: Util;
+    }
+
+    export var HtmlReporter: HtmlReporter;
+    export var HtmlSpecFilter: HtmlSpecFilter;
+    export var DEFAULT_TIMEOUT_INTERVAL: number;
+    export var MAX_PRETTY_PRINT_DEPTH: number;
+}
+
+declare module "jasmine" {
+    class jasmine {
+        constructor(options: any);
+        jasmine: jasmine.Jasmine;
+        addMatchers(matchers: jasmine.CustomMatcherFactories): void;
+        addReporter(reporter: jasmine.Reporter): void;
+        addSpecFile(filePath: string): void;
+        addSpecFiles(files: string[]): void;
+        configureDefaultReporter(options: any, ...args: any[]): void;
+        execute(files?: string[], filterString?: string): any;
+        exitCodeCompletion(passed: any): void;
+        loadConfig(config: any): void;
+        loadConfigFile(configFilePath: any): void;
+        loadHelpers(): void;
+        loadSpecs(): void;
+        onComplete(onCompleteCallback: (passed: boolean) => void): void;
+        provideFallbackReporter(reporter: jasmine.Reporter): void;
+        randomizeTests(value?: any): boolean;
+        seed(value: any): void;
+        showColors(value: any): void;
+        stopSpecOnExpectationFailure(value: any): void;
+        static ConsoleReporter(): any;
+        env: jasmine.Env;
+        reportersCount: number;
+        completionReporter: jasmine.CustomReporter;
+        reporter: jasmine.CustomReporter;
+        coreVersion(): string;
+        showingColors: boolean;
+        projectBaseDir: string;
+        printDeprecation(): void;
+        specFiles: string[];
+        helperFiles: string[];
+    }
+    export = jasmine;
+}
diff --git a/types/jasmine/v2/jasmine-tests.ts b/types/jasmine/v2/jasmine-tests.ts
new file mode 100644
index 0000000000..cef611ee17
--- /dev/null
+++ b/types/jasmine/v2/jasmine-tests.ts
@@ -0,0 +1,1182 @@
+// tests based on http://jasmine.github.io/2.2/introduction.html
+
+describe("A suite", () => {
+    it("contains spec with an expectation", () => {
+        expect(true).toBe(true);
+    });
+});
+
+describe("A suite is just a function", () => {
+    var a: boolean;
+
+    it("and so is a spec", () => {
+        a = true;
+        expect(a).toBe(true);
+    });
+});
+
+describe("The 'toBe' matcher compares with ===", () => {
+
+    it("and has a positive case", () => {
+        expect(true).toBe(true);
+    });
+
+    it("and can have a negative case", () => {
+        expect(false).not.toBe(true);
+    });
+});
+
+describe("Included matchers:", () => {
+
+    it("The 'toBe' matcher compares with ===", () => {
+        var a = 12;
+        var b = a;
+
+        expect(a).toBe(b);
+        expect(a).not.toBe(24);
+    });
+
+    describe("The 'toEqual' matcher", () => {
+
+        it("works for simple literals and variables", () => {
+            var a = 12;
+            expect(a).toEqual(12);
+        });
+
+        it("should work for objects", () => {
+            var foo = {
+                a: 12,
+                b: 34
+            };
+            var bar = {
+                a: 12,
+                b: 34
+            };
+            expect(foo).toEqual(bar);
+        });
+
+        it("should work for optional values", () => {
+            var opt: string | undefined = "s";
+            expect(opt as (string | undefined)).toEqual(undefined);
+        });
+    });
+
+    it("The 'toMatch' matcher is for regular expressions", () => {
+        var message = "foo bar baz";
+
+        expect(message).toMatch(/bar/);
+        expect(message).toMatch("bar");
+        expect(message).not.toMatch(/quux/);
+    });
+
+    it("The 'toBeDefined' matcher compares against `undefined`", () => {
+        var a = {
+            foo: "foo"
+        };
+
+        expect(a.foo).toBeDefined();
+        expect((a as any).bar).not.toBeDefined();
+    });
+
+    it("The `toBeUndefined` matcher compares against `undefined`", () => {
+        var a = {
+            foo: "foo"
+        };
+
+        expect(a.foo).not.toBeUndefined();
+        expect((a as any).bar).toBeUndefined();
+    });
+
+    it("The 'toBeNull' matcher compares against null", () => {
+        var a: string | null = null;
+        var foo = "foo";
+
+        expect(null).toBeNull();
+        expect(a).toBeNull();
+        expect(foo).not.toBeNull();
+    });
+
+    it("The 'toBeTruthy' matcher is for boolean casting testing", () => {
+        var a: string | undefined, foo = "foo";
+
+        expect(foo).toBeTruthy();
+        expect(a).not.toBeTruthy();
+    });
+
+    it("The 'toBeFalsy' matcher is for boolean casting testing", () => {
+        var a: string | undefined, foo = "foo";
+
+        expect(a).toBeFalsy();
+        expect(foo).not.toBeFalsy();
+    });
+
+    it("The 'toContain' matcher is for finding an item in an Array", () => {
+        var a = ["foo", "bar", "baz"];
+
+        expect(a).toContain('foo');
+        expect(a).not.toContain("quux");
+    });
+
+    it("The 'toContain' matcher is also for finding an object containing distinct properties in an Array", () => {
+        var a = [{ a: "foo" }, { a: "bar" }, { b: "baz" }];
+
+        expect(a).toContain(jasmine.objectContaining({ a: "foo" }));
+        expect(a).not.toContain({ a: "quux" });
+    });
+
+    it("The 'toBeLessThan' matcher is for mathematical comparisons", () => {
+        var pi = 3.1415926,
+            e = 2.78;
+
+        expect(e).toBeLessThan(pi);
+        expect(pi).not.toBeLessThan(e);
+    });
+
+    it("The 'toBeGreaterThan' is for mathematical comparisons", () => {
+        var pi = 3.1415926,
+            e = 2.78;
+
+        expect(pi).toBeGreaterThan(e);
+        expect(e).not.toBeGreaterThan(pi);
+    });
+
+    it("The 'toBeCloseTo' matcher is for precision math comparison", () => {
+        var pi = 3.1415926,
+            e = 2.78;
+
+        expect(pi).not.toBeCloseTo(e, 2);
+        expect(pi).toBeCloseTo(e, 0);
+    });
+
+    it("The 'toThrow' matcher is for testing if a function throws an exception", () => {
+        var foo = () => {
+            return 1 + 2;
+        };
+        var bar = () => {
+            var a: any;
+            return a + 1;
+        };
+
+        expect(foo).not.toThrow();
+        expect(bar).toThrow();
+    });
+
+    it("The 'toThrowError' matcher is for testing a specific thrown exception", () => {
+        var foo = () => {
+            throw new TypeError("foo bar baz");
+        };
+
+        expect(foo).toThrowError("foo bar baz");
+        expect(foo).toThrowError(/bar/);
+        expect(foo).toThrowError(TypeError);
+        expect(foo).toThrowError(TypeError, "foo bar baz");
+    });
+});
+
+describe("A spec", () => {
+    it("is just a function, so it can contain any code", () => {
+        var foo = 0;
+        foo += 1;
+
+        expect(foo).toEqual(1);
+    });
+
+    it("can have more than one expectation", () => {
+        var foo = 0;
+        foo += 1;
+
+        expect(foo).toEqual(1);
+        expect(true).toEqual(true);
+    });
+});
+
+describe("A spec (with setup and tear-down)", () => {
+    var foo: number;
+
+    beforeEach(() => {
+        foo = 0;
+        foo += 1;
+    });
+
+    afterEach(() => {
+        foo = 0;
+    });
+
+    it("is just a function, so it can contain any code", () => {
+        expect(foo).toEqual(1);
+    });
+
+    it("can have more than one expectation", () => {
+        expect(foo).toEqual(1);
+        expect(true).toEqual(true);
+    });
+});
+
+describe("A spec", () => {
+    var foo: number;
+
+    beforeEach(() => {
+        foo = 0;
+        foo += 1;
+    });
+
+    afterEach(() => {
+        foo = 0;
+    });
+
+    it("is just a function, so it can contain any code", () => {
+        expect(foo).toEqual(1);
+    });
+
+    it("can have more than one expectation", () => {
+        expect(foo).toEqual(1);
+        expect(true).toEqual(true);
+    });
+
+    describe("nested inside a second describe", () => {
+        var bar: number;
+
+        beforeEach(() => {
+            bar = 1;
+        });
+
+        it("can reference both scopes as needed", () => {
+            expect(foo).toEqual(bar);
+        });
+    });
+});
+
+xdescribe("A spec", () => {
+    var foo: number;
+
+    beforeEach(() => {
+        foo = 0;
+        foo += 1;
+    });
+
+    it("is just a function, so it can contain any code", () => {
+        expect(foo).toEqual(1);
+    });
+});
+
+describe("Pending specs", () => {
+
+    xit("can be declared 'xit'", () => {
+        expect(true).toBe(false);
+    });
+
+    it("can be declared with 'it' but without a function");
+
+    it("can be declared by calling 'pending' in the spec body", () => {
+        expect(true).toBe(false);
+        pending(); // without reason
+        pending('this is why it is pending');
+    });
+});
+
+describe("A spy", () => {
+    var foo: any, bar: any, baz: any = null;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            setBaz: (value: any) => {
+                baz = value;
+            }
+        };
+
+        spyOn(foo, 'setBar');
+        spyOn(foo, 'setBaz');
+
+        foo.setBar(123);
+        foo.setBar(456, 'another param');
+        foo.setBaz(789);
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(foo.setBar).toHaveBeenCalled();
+    });
+
+    it("tracks all the arguments of its calls", () => {
+        expect(foo.setBar).toHaveBeenCalledWith(123);
+        expect(foo.setBar).toHaveBeenCalledWith(456, 'another param');
+    });
+
+    it("tracks the order in which spies were called", () => {
+        expect(foo.setBar).toHaveBeenCalledBefore(foo.setBaz);
+    });
+
+    it("stops all execution on a function", () => {
+        expect(bar).toBeNull();
+    });
+});
+
+describe("A spy, when configured to call through", () => {
+    var foo: any, bar: any, fetchedBar: any;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            getBar: () => {
+                return bar;
+            }
+        };
+
+        spyOn(foo, 'getBar').and.callThrough();
+
+        foo.setBar(123);
+        fetchedBar = foo.getBar();
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(foo.getBar).toHaveBeenCalled();
+    });
+
+    it("should not effect other functions", () => {
+        expect(bar).toEqual(123);
+    });
+
+    it("when called returns the requested value", () => {
+        expect(fetchedBar).toEqual(123);
+    });
+});
+
+describe("A spy, when configured to fake a return value", () => {
+    var foo: any, bar: any, fetchedBar: any;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            getBar: () => {
+                return bar;
+            }
+        };
+
+        spyOn(foo, "getBar").and.returnValue(745);
+
+        foo.setBar(123);
+        fetchedBar = foo.getBar();
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(foo.getBar).toHaveBeenCalled();
+    });
+
+    it("should not effect other functions", () => {
+        expect(bar).toEqual(123);
+    });
+
+    it("when called returns the requested value", () => {
+        expect(fetchedBar).toEqual(745);
+    });
+});
+
+describe("A spy, when configured to fake a series of return values", () => {
+    var foo: any, bar: any;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            getBar: () => {
+                return bar;
+            }
+        };
+
+        spyOn(foo, "getBar").and.returnValues("fetched first", "fetched second");
+
+        foo.setBar(123);
+    });
+
+    it("tracks that the spy was called", () => {
+        foo.getBar(123);
+        expect(foo.getBar).toHaveBeenCalled();
+    });
+
+    it("should not affect other functions", () => {
+        expect(bar).toEqual(123);
+    });
+
+    it("when called multiple times returns the requested values in order", () => {
+        expect(foo.getBar()).toEqual("fetched first");
+        expect(foo.getBar()).toEqual("fetched second");
+        expect(foo.getBar()).toBeUndefined();
+    });
+});
+
+describe("A spy, when configured with an alternate implementation", () => {
+    var foo: any, bar: any, fetchedBar: any;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            getBar: () => {
+                return bar;
+            }
+        };
+
+        spyOn(foo, "getBar").and.callFake(() => {
+            return 1001;
+        });
+
+        foo.setBar(123);
+        fetchedBar = foo.getBar();
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(foo.getBar).toHaveBeenCalled();
+    });
+
+    it("should not effect other functions", () => {
+        expect(bar).toEqual(123);
+    });
+
+    it("when called returns the requested value", () => {
+        expect(fetchedBar).toEqual(1001);
+    });
+});
+
+describe("A spy, when configured to throw a value", () => {
+    var foo: any, bar: any;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            }
+        };
+
+        spyOn(foo, "setBar").and.throwError("quux");
+    });
+
+    it("throws the value", () => {
+        expect(() => {
+            foo.setBar(123);
+        }).toThrowError("quux");
+    });
+});
+
+describe("A spy, when configured with multiple actions", () => {
+    var foo: any, bar: any, fetchedBar: any;
+    var fakeCalled = false;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            },
+            getBar: () => {
+                return bar;
+            }
+        };
+
+        spyOn(foo, 'getBar').and.callThrough().and.callFake(() => {
+            fakeCalled = true;
+        });
+
+        foo.setBar(123);
+        fetchedBar = foo.getBar();
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(foo.getBar).toHaveBeenCalled();
+    });
+
+    it("should not effect other functions", () => {
+        expect(bar).toEqual(123);
+    });
+
+    it("when called returns the requested value", () => {
+        expect(fetchedBar).toEqual(123);
+    });
+
+    it("should have called the fake implementation", () => {
+        expect(fakeCalled).toEqual(true);
+    });
+});
+
+describe("A spy", () => {
+    var foo: any, bar: any = null;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            }
+        };
+
+        spyOn(foo, 'setBar').and.callThrough();
+    });
+
+    it("can call through and then stub in the same spec", () => {
+        foo.setBar(123);
+        expect(bar).toEqual(123);
+
+        foo.setBar.and.stub();
+        bar = null;
+
+        foo.setBar(123);
+        expect(bar).toBe(null);
+    });
+});
+
+describe("A spy", () => {
+    var foo: any, bar: any = null;
+
+    beforeEach(() => {
+        foo = {
+            setBar: (value: any) => {
+                bar = value;
+            }
+        };
+
+        spyOn(foo, 'setBar');
+    });
+
+    it("tracks if it was called at all", () => {
+        expect(foo.setBar.calls.any()).toEqual(false);
+
+        foo.setBar();
+
+        expect(foo.setBar.calls.any()).toEqual(true);
+    });
+
+    it("tracks the number of times it was called", () => {
+        expect(foo.setBar.calls.count()).toEqual(0);
+
+        foo.setBar();
+        foo.setBar();
+
+        expect(foo.setBar.calls.count()).toEqual(2);
+    });
+
+    it("tracks the arguments of each call", () => {
+        foo.setBar(123);
+        foo.setBar(456, "baz");
+
+        expect(foo.setBar.calls.argsFor(0)).toEqual([123]);
+        expect(foo.setBar.calls.argsFor(1)).toEqual([456, "baz"]);
+    });
+
+    it("tracks the arguments of all calls", () => {
+        foo.setBar(123);
+        foo.setBar(456, "baz");
+
+        expect(foo.setBar.calls.allArgs()).toEqual([[123], [456, "baz"]]);
+    });
+
+    it("can provide the context and arguments to all calls", () => {
+        foo.setBar(123);
+
+        expect(foo.setBar.calls.all()).toEqual([{ object: foo, args: [123], returnValue: undefined }]);
+    });
+
+    it("has a shortcut to the most recent call", () => {
+        foo.setBar(123);
+        foo.setBar(456, "baz");
+
+        expect(foo.setBar.calls.mostRecent()).toEqual({ object: foo, args: [456, "baz"], returnValue: undefined });
+    });
+
+    it("has a shortcut to the first call", () => {
+        foo.setBar(123);
+        foo.setBar(456, "baz");
+
+        expect(foo.setBar.calls.first()).toEqual({ object: foo, args: [123], returnValue: undefined });
+    });
+
+    it("can be reset", () => {
+        foo.setBar(123);
+        foo.setBar(456, "baz");
+
+        expect(foo.setBar.calls.any()).toBe(true);
+
+        foo.setBar.calls.reset();
+
+        expect(foo.setBar.calls.any()).toBe(false);
+    });
+});
+
+describe("A spy, when created manually", () => {
+    var whatAmI: any;
+
+    beforeEach(() => {
+        whatAmI = jasmine.createSpy('whatAmI');
+
+        whatAmI("I", "am", "a", "spy");
+    });
+
+    it("is named, which helps in error reporting", () => {
+        expect(whatAmI.and.identity()).toEqual('whatAmI');
+    });
+
+    it("tracks that the spy was called", () => {
+        expect(whatAmI).toHaveBeenCalled();
+    });
+
+    it("tracks its number of calls", () => {
+        expect(whatAmI.calls.count()).toEqual(1);
+    });
+
+    it("tracks all the arguments of its calls", () => {
+        expect(whatAmI).toHaveBeenCalledWith("I", "am", "a", "spy");
+    });
+
+    it("allows access to the most recent call", () => {
+        expect(whatAmI.calls.mostRecent().args[0]).toEqual("I");
+    });
+});
+
+describe("Multiple spies, when created manually", () => {
+    var tape: any;
+    var el: jasmine.SpyObj<Element>;
+
+    beforeEach(() => {
+        tape = jasmine.createSpyObj('tape', ['play', 'pause', 'stop', 'rewind']);
+        el = jasmine.createSpyObj<Element>('Element', ['hasAttribute']);
+
+        el.hasAttribute.and.returnValue(false);
+        el.hasAttribute("href");
+
+        tape.play();
+        tape.pause();
+        tape.rewind(0);
+    });
+
+    it("creates spies for each requested function", () => {
+        expect(tape.play).toBeDefined();
+        expect(tape.pause).toBeDefined();
+        expect(tape.stop).toBeDefined();
+        expect(tape.rewind).toBeDefined();
+    });
+
+    it("tracks that the spies were called", () => {
+        expect(tape.play).toHaveBeenCalled();
+        expect(tape.pause).toHaveBeenCalled();
+        expect(tape.rewind).toHaveBeenCalled();
+        expect(tape.stop).not.toHaveBeenCalled();
+    });
+
+    it("tracks all the arguments of its calls", () => {
+        expect(tape.rewind).toHaveBeenCalledWith(0);
+    });
+});
+
+describe("jasmine.nothing", () => {
+    it("matches any value", () => {
+        expect().nothing();
+    });
+});
+
+describe("jasmine.any", () => {
+    it("matches any value", () => {
+        expect({}).toEqual(jasmine.any(Object));
+        expect(12).toEqual(jasmine.any(Number));
+    });
+
+    it("matches any function", () => {
+        interface Test {
+            fn1(): void;
+            fn2(param1: number): number;
+        }
+
+        const a: Test = {
+            fn1: () => { },
+            fn2: (param1: number) => { return param1; },
+        };
+
+        const expected: Test = {
+            fn1: jasmine.any(Function),
+            fn2: jasmine.any(Function),
+        };
+
+        expect(a).toEqual(expected);
+    });
+
+    describe("when used with a spy", () => {
+        it("is useful for comparing arguments", () => {
+            var foo = jasmine.createSpy('foo');
+            foo(12, () => {
+                return true;
+            });
+
+            expect(foo).toHaveBeenCalledWith(jasmine.any(Number), jasmine.any(Function));
+        });
+    });
+});
+
+describe("jasmine.objectContaining", () => {
+    interface fooType {
+        a: number;
+        b: number;
+        bar: string;
+    }
+    var foo: fooType;
+
+    beforeEach(() => {
+        foo = {
+            a: 1,
+            b: 2,
+            bar: "baz"
+        };
+    });
+
+    it("matches objects with the expect key/value pairs", () => {
+        // not explictly providing the type on objectContaining only guards against
+        // missmatching types on know properties
+        expect(foo).not.toEqual(jasmine.objectContaining({
+            a: 37,
+            foo: 2, // <-- this does not cause an error as the compiler cannot infer the type completely
+            // b: '123', <-- this would cause an error as `b` defined as number in fooType
+        }));
+
+        // explictly providing the type on objectContaining makes the guard more precise
+        // as misspelled properties are detected as well
+        expect(foo).not.toEqual(jasmine.objectContaining<fooType>({
+            bar: '',
+            // foo: 1, <-- this would cause an error as `foo` is not defined in fooType
+        }));
+    });
+
+    describe("when used with a spy", () => {
+        it("is useful for comparing arguments", () => {
+            var callback = jasmine.createSpy('callback');
+
+            callback({
+                bar: "baz"
+            });
+
+            expect(callback).toHaveBeenCalledWith(jasmine.objectContaining({
+                bar: "baz"
+            }));
+            expect(callback).not.toHaveBeenCalledWith(jasmine.objectContaining({
+                c: 37
+            }));
+        });
+    });
+});
+
+describe("jasmine.arrayContaining", () => {
+    var foo: Array<number>;
+
+    beforeEach(() => {
+        foo = [1, 2, 3, 4];
+    });
+
+    it("matches arrays with some of the values", () => {
+        expect(foo).toEqual(jasmine.arrayContaining([3, 1]));
+        expect(foo).not.toEqual(jasmine.arrayContaining([6]));
+
+        expect(foo).toBe(jasmine.arrayContaining([3, 1]));
+        expect(foo).not.toBe(jasmine.arrayContaining([6]));
+    });
+
+    describe("when used with a spy", () => {
+        it("is useful when comparing arguments", () => {
+            var callback = jasmine.createSpy('callback');
+
+            callback([1, 2, 3, 4]);
+
+            expect(callback).toHaveBeenCalledWith(jasmine.arrayContaining([4, 2, 3]));
+            expect(callback).not.toHaveBeenCalledWith(jasmine.arrayContaining([5, 2]));
+        });
+    });
+});
+
+describe("jasmine.arrayWithExactContents", () => {
+    var foo: Array<number>;
+
+    beforeEach(() => {
+        foo = [1, 2, 3, 4];
+    });
+
+    it("matches arrays with exactly the same values", () => {
+        expect(foo).toEqual(jasmine.arrayWithExactContents([1, 2, 3, 4]));
+        expect(foo).not.toEqual(jasmine.arrayWithExactContents([6]));
+
+        expect(foo).toBe(jasmine.arrayWithExactContents([1, 2, 3, 4]));
+        expect(foo).not.toBe(jasmine.arrayWithExactContents([6]));
+    });
+
+    describe("when used with a spy", () => {
+        it("is useful when comparing arguments", () => {
+            var callback = jasmine.createSpy('callback');
+
+            callback([1, 2, 3, 4]);
+
+            expect(callback).toHaveBeenCalledWith(jasmine.arrayWithExactContents([1, 2, 3, 4]));
+            expect(callback).not.toHaveBeenCalledWith(jasmine.arrayWithExactContents([5, 2]));
+        });
+    });
+});
+
+describe("Manually ticking the Jasmine Clock", () => {
+    var timerCallback: any;
+
+    beforeEach(() => {
+        timerCallback = jasmine.createSpy("timerCallback");
+        jasmine.clock().install();
+    });
+
+    afterEach(() => {
+        jasmine.clock().uninstall();
+    });
+
+    it("causes a timeout to be called synchronously", () => {
+        setTimeout(() => {
+            timerCallback();
+        }, 100);
+
+        expect(timerCallback).not.toHaveBeenCalled();
+
+        jasmine.clock().tick(101);
+
+        expect(timerCallback).toHaveBeenCalled();
+    });
+
+    it("causes an interval to be called synchronously", () => {
+        setInterval(() => {
+            timerCallback();
+        }, 100);
+
+        expect(timerCallback).not.toHaveBeenCalled();
+
+        jasmine.clock().tick(101);
+        expect(timerCallback.calls.count()).toEqual(1);
+
+        jasmine.clock().tick(50);
+        expect(timerCallback.calls.count()).toEqual(1);
+
+        jasmine.clock().tick(50);
+        expect(timerCallback.calls.count()).toEqual(2);
+    });
+
+    describe("Mocking the Date object", () => {
+        it("mocks the Date object and sets it to a given time", () => {
+            var baseTime = new Date(2013, 9, 23);
+
+            jasmine.clock().mockDate(baseTime);
+
+            jasmine.clock().tick(50);
+            expect(new Date().getTime()).toEqual(baseTime.getTime() + 50);
+        });
+    });
+});
+
+describe("Asynchronous specs", () => {
+    var value: number;
+    beforeEach((done: DoneFn) => {
+        setTimeout(() => {
+            value = 0;
+            done();
+        }, 1);
+    });
+
+    it("should support async execution of test preparation and expectations", (done: DoneFn) => {
+        value++;
+        expect(value).toBeGreaterThan(0);
+        done();
+    });
+
+    describe("long asynchronous specs", () => {
+        beforeEach((done: DoneFn) => {
+            done();
+        }, 1000);
+
+        it("takes a long time", (done: DoneFn) => {
+            setTimeout(() => {
+                done();
+            }, 9000);
+        }, 10000);
+
+        afterEach((done: DoneFn) => {
+            done();
+        }, 1000);
+    });
+
+});
+
+describe("Fail", () => {
+
+    it("should fail test when called without arguments", () => {
+        fail();
+    });
+
+    it("should fail test when called with a fail message", () => {
+        fail("The test failed");
+    });
+
+    it("should fail test when called an error", () => {
+        fail(new Error("The test failed with this error"));
+    });
+
+});
+
+// test based on http://jasmine.github.io/2.2/custom_equality.html
+describe("custom equality", () => {
+    var myCustomEquality: jasmine.CustomEqualityTester = function (first: any, second: any): boolean | void {
+        if (typeof first === "string" && typeof second === "string") {
+            return first[0] === second[1];
+        }
+    };
+
+    beforeEach(() => {
+        jasmine.addCustomEqualityTester(myCustomEquality);
+    });
+
+
+    it("should be custom equal", () => {
+        expect("abc").toEqual("aaa");
+    });
+
+    it("should be custom not equal", () => {
+        expect("abc").not.toEqual("abc");
+    });
+});
+
+// test based on http://jasmine.github.io/2.2/custom_matcher.html
+var customMatchers: jasmine.CustomMatcherFactories = {
+    toBeGoofy: (util: jasmine.MatchersUtil, customEqualityTesters: jasmine.CustomEqualityTester[]) => {
+        return {
+            compare: (actual: any, expected: any): jasmine.CustomMatcherResult => {
+                if (expected === undefined) {
+                    expected = '';
+                }
+                var result: jasmine.CustomMatcherResult = { pass: false };
+
+                result.pass = util.equals(actual.hyuk, "gawrsh" + expected, customEqualityTesters);
+
+                if (result.pass) {
+                    result.message = "Expected " + actual + " not to be quite so goofy";
+                } else {
+                    result.message = "Expected " + actual + " to be goofy, but it was not very goofy";
+                }
+
+                return result;
+            }
+        };
+    },
+    toBeWithinRange: (util: jasmine.MatchersUtil, customEqualityTesters: jasmine.CustomEqualityTester[]) => {
+        return {
+            compare: (actual: any, floor: number, ceiling: number): jasmine.CustomMatcherResult => {
+                const pass = actual >= floor && actual <= ceiling;
+                const message = `expected ${actual} to be within range ${floor}-${ceiling}`;
+                return { message, pass };
+            },
+
+            negativeCompare: (actual: any, floor: number, ceiling: number): jasmine.CustomMatcherResult => {
+                const pass = actual < floor && actual > ceiling;
+                const message = `expected ${actual} not to be within range ${floor}-${ceiling}`;
+                return { message, pass };
+            }
+        };
+    }
+};
+// add the custom matchers to interface jasmine.Matchers via TypeScript declaration merging
+// if your test files import or export anything, you'll want to use:
+// declare global {
+//     namespace jasmine {
+//         interface Matchers {
+//             ...
+//         }
+//     }
+// }
+declare namespace jasmine {
+    interface Matchers<T> {
+        toBeGoofy(expected?: jasmine.Expected<T>): boolean;
+        toBeWithinRange(expected?: jasmine.Expected<T>, floor?: number, ceiling?: number): boolean;
+    }
+}
+
+describe("Custom matcher: 'toBeGoofy'", () => {
+    beforeEach(() => {
+        jasmine.addMatchers(customMatchers);
+    });
+
+    it("is available on an expectation", () => {
+        expect({
+            hyuk: 'gawrsh'
+        }).toBeGoofy();
+    });
+
+    it("can take an 'expected' parameter", () => {
+        expect({
+            hyuk: 'gawrsh is fun'
+        }).toBeGoofy({ hyuk: ' is fun' });
+    });
+
+    it("can take many 'expected' parameters", () => {
+        expect(2).toBeWithinRange(1, 3);
+    });
+
+    it("can use the custom negativeCompare method", () => {
+        const matcher = customMatchers["toBeWithinRange"](jasmine.matchersUtil, []);
+        const result = matcher.negativeCompare!(1, 2, 3);
+
+        expect(result.pass).toBe(false);
+        expect(result.message).toBe("expected 1 not to be within range 2-3");
+    });
+
+    it("can be negated", () => {
+        expect({
+            hyuk: 'this is fun'
+        }).not.toBeGoofy();
+    });
+
+    it("has a proper message on failure", () => {
+        const actual = { hyuk: 'this is fun' };
+
+        const matcher = customMatchers["toBeGoofy"](jasmine.matchersUtil, []);
+        const result = matcher.compare(actual, null);
+
+        expect(result.pass).toBe(false);
+        expect(result.message).toBe("Expected " + actual + " to be goofy, but it was not very goofy");
+    });
+});
+
+// test based on http://jasmine.github.io/2.5/custom_reporter.html
+var myReporter: jasmine.CustomReporter = {
+    jasmineStarted: (suiteInfo: jasmine.SuiteInfo) => {
+        console.log("Running suite with " + suiteInfo.totalSpecsDefined);
+    },
+
+    suiteStarted: (result: jasmine.CustomReporterResult) => {
+        console.log("Suite started: " + result.description + " whose full description is: " + result.fullName);
+    },
+
+    specStarted: (result: jasmine.CustomReporterResult) => {
+        console.log("Spec started: " + result.description + " whose full description is: " + result.fullName);
+    },
+
+    specDone: (result: jasmine.CustomReporterResult) => {
+        console.log("Spec: " + result.description + " was " + result.status);
+        //tslint:disable-next-line:prefer-for-of
+        for (var i = 0; result.failedExpectations && i < result.failedExpectations.length; i++) {
+            console.log("Failure: " + result.failedExpectations[i].message);
+            console.log("Actual: " + result.failedExpectations[i].actual);
+            console.log("Expected: " + result.failedExpectations[i].expected);
+            console.log(result.failedExpectations[i].stack);
+        }
+        console.log(result.passedExpectations && result.passedExpectations.length);
+    },
+
+    suiteDone: (result: jasmine.CustomReporterResult) => {
+        console.log('Suite: ' + result.description + ' was ' + result.status);
+        //tslint:disable-next-line:prefer-for-of
+        for (var i = 0; result.failedExpectations && i < result.failedExpectations.length; i++) {
+            console.log('AfterAll ' + result.failedExpectations[i].message);
+            console.log(result.failedExpectations[i].stack);
+        }
+    },
+
+    jasmineDone: (runDetails: jasmine.RunDetails) => {
+        console.log('Finished suite');
+        console.log('Random:', runDetails.order.random);
+    }
+};
+
+jasmine.getEnv().addReporter(myReporter);
+
+describe("Randomize Tests", () => {
+    it("should allow randomization of the order of tests", () => {
+        expect(() => {
+            var env = jasmine.getEnv();
+            return env.randomizeTests(true);
+        }).not.toThrow();
+    });
+
+    it("should allow a seed to be passed in for randomization", () => {
+        expect(() => {
+            var env = jasmine.getEnv();
+            env.randomizeTests(true);
+            return env.seed(1234);
+        }).not.toThrow();
+    });
+});
+
+//dest spces copied from jasmine project (https://github.com/jasmine/jasmine/blob/master/spec/core/SpecSpec.js)
+describe("createSpyObj", function () {
+    it("should create an object with spy methods and corresponding return values when you call jasmine.createSpyObj() with an object", function () {
+        var spyObj = jasmine.createSpyObj('BaseName', { 'method1': 42, 'method2': 'special sauce' });
+
+        expect(spyObj.method1()).toEqual(42);
+        expect(spyObj.method1.and.identity()).toEqual('BaseName.method1');
+
+        expect(spyObj.method2()).toEqual('special sauce');
+        expect(spyObj.method2.and.identity()).toEqual('BaseName.method2');
+    });
+
+
+    it("should create an object with a bunch of spy methods when you call jasmine.createSpyObj()", function () {
+        var spyObj = jasmine.createSpyObj('BaseName', ['method1', 'method2']);
+
+        expect(spyObj).toEqual({ method1: jasmine.any(Function), method2: jasmine.any(Function) });
+        expect(spyObj.method1.and.identity()).toEqual('BaseName.method1');
+        expect(spyObj.method2.and.identity()).toEqual('BaseName.method2');
+    });
+
+    it("should allow you to omit the baseName and takes only an object", function () {
+        var spyObj = jasmine.createSpyObj({ 'method1': 42, 'method2': 'special sauce' });
+
+        expect(spyObj.method1()).toEqual(42);
+        expect(spyObj.method1.and.identity()).toEqual('unknown.method1');
+
+        expect(spyObj.method2()).toEqual('special sauce');
+        expect(spyObj.method2.and.identity()).toEqual('unknown.method2');
+    });
+
+    it("should allow you to omit the baseName and takes only a list of methods", function () {
+        var spyObj = jasmine.createSpyObj(['method1', 'method2']);
+
+        expect(spyObj).toEqual({ method1: jasmine.any(Function), method2: jasmine.any(Function) });
+        expect(spyObj.method1.and.identity()).toEqual('unknown.method1');
+        expect(spyObj.method2.and.identity()).toEqual('unknown.method2');
+    });
+
+    it("should throw if you pass an empty array argument", function () {
+        expect(function () {
+            jasmine.createSpyObj('BaseName', []);
+        }).toThrow("createSpyObj requires a non-empty array or object of method names to create spies for");
+    });
+
+    it("should throw if you pass an empty object argument", function () {
+        expect(function () {
+            jasmine.createSpyObj('BaseName', {});
+        }).toThrow("createSpyObj requires a non-empty array or object of method names to create spies for");
+    });
+});
+
+(() => {
+    // from boot.js
+    var env = jasmine.getEnv();
+
+    var htmlReporter = new jasmine.HtmlReporter();
+    env.addReporter(htmlReporter);
+
+    var specFilter = new jasmine.HtmlSpecFilter();
+    env.specFilter = (spec) => {
+        return specFilter.matches(spec.getFullName());
+    };
+
+    var currentWindowOnload = window.onload;
+    window.onload = () => {
+        if (currentWindowOnload) {
+            (currentWindowOnload as any)(null);
+        }
+        htmlReporter.initialize();
+        env.execute();
+    };
+
+})();
+
+jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000;
+jasmine.MAX_PRETTY_PRINT_DEPTH = 40;
diff --git a/types/jasmine/v2/tsconfig.json b/types/jasmine/v2/tsconfig.json
new file mode 100644
index 0000000000..e9212545a7
--- /dev/null
+++ b/types/jasmine/v2/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "files": [
+        "index.d.ts",
+        "jasmine-tests.ts"
+    ],
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "jasmine": [ "jasmine/v2" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    }
+}
diff --git a/types/jasmine/v2/tslint.json b/types/jasmine/v2/tslint.json
new file mode 100644
index 0000000000..2daeb51ad8
--- /dev/null
+++ b/types/jasmine/v2/tslint.json
@@ -0,0 +1,80 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": true,
+        "eofline": false,
+        "export-just-namespace": false,
+        "file-name-casing": [true, "kebab-case"],
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/jasmine_dom_matchers/index.d.ts b/types/jasmine_dom_matchers/index.d.ts
index 5ab86cc799..b3a625f08c 100644
--- a/types/jasmine_dom_matchers/index.d.ts
+++ b/types/jasmine_dom_matchers/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/charleshansen/jasmine_dom_matchers
 // Definitions by: Yaroslav Admin <https://github.com/devoto13>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/jasminewd2/index.d.ts b/types/jasminewd2/index.d.ts
index 66b5708aa5..7e75d87991 100644
--- a/types/jasminewd2/index.d.ts
+++ b/types/jasminewd2/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Sammy Jelin <https://github.com/sjelin>
 //                 George Kalpakas <https://github.com/gkalpak>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/java-applet/tslint.json b/types/java-applet/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/java-applet/tslint.json
+++ b/types/java-applet/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/javascript-astar/index.d.ts b/types/javascript-astar/index.d.ts
index 2ffdf06145..2804f7c99d 100644
--- a/types/javascript-astar/index.d.ts
+++ b/types/javascript-astar/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for javascript-astar
 // Project: https://github.com/bgrins/javascript-astar
-// Definitions by: brian ridley <https://github.com/ptlis>
+// Definitions by: brian ridley <https://github.com/ptlis>, Mike Lazer-Walker <https://github.com/lazerwalker>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare class Graph {
@@ -18,7 +18,7 @@ interface Heuristic {
 }
 
 interface Heuristics {
-    manhatten: Heuristic;
+    manhattan: Heuristic;
     diagonal: Heuristic;
 }
 
diff --git a/types/javascript-astar/javascript-astar-tests.ts b/types/javascript-astar/javascript-astar-tests.ts
index c5a4eb3ac5..a15574e43d 100644
--- a/types/javascript-astar/javascript-astar-tests.ts
+++ b/types/javascript-astar/javascript-astar-tests.ts
@@ -18,7 +18,7 @@ function test_search_returns_nodes() {
 }
 
 function test_search_alternative_heuristic() {
-    let nodes: Array<GridNode> = astar.search(new Graph([]), {x: 1, y: 1}, {x: 2, y: 2}, {heuristic: astar.heuristics.manhatten});
+    let nodes: Array<GridNode> = astar.search(new Graph([]), {x: 1, y: 1}, {x: 2, y: 2}, {heuristic: astar.heuristics.manhattan});
 }
 
 function test_search_or_closest() {
diff --git a/types/jenkins/index.d.ts b/types/jenkins/index.d.ts
index 027cc8e0cf..4e1c42fa3e 100644
--- a/types/jenkins/index.d.ts
+++ b/types/jenkins/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for jenkins 0.20
+// Type definitions for jenkins 0.23
 // Project: https://github.com/silas/node-jenkins
 // Definitions by: rhysd <https://rhysd.github.io>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -17,6 +17,7 @@ declare namespace create {
             log(name: string, n: number, start: number, type: 'text' | 'html', meta: boolean, callback: (err: Error, data: any) => void): void;
             logStream(name: string, n: number, type?: 'text' | 'html', delay?: number): NodeJS.ReadableStream;
             stop(name: string, n: number, callback: (err: Error) => void): void;
+            term(name: string, n: number, callback: (err: Error) => void): void;
         };
         job: {
             build(name: string | JobBuildOptions, callback: (err: Error, data: any) => void): void;
@@ -72,6 +73,7 @@ declare namespace create {
             log(name: string, n: number, start?: number, type?: 'text' | 'html', meta?: boolean): Promise<any>;
             logStream(name: string, n: number, type?: 'text' | 'html', delay?: number): Promise<any>;
             stop(name: string, n: number): Promise<void>;
+            term(name: string, n: number): Promise<void>;
         };
         job: {
             build(name: string, parameters?: any, token?: string): Promise<any>;
diff --git a/types/jenkins/jenkins-tests.ts b/types/jenkins/jenkins-tests.ts
index 9f45c7053b..93fc61bb07 100644
--- a/types/jenkins/jenkins-tests.ts
+++ b/types/jenkins/jenkins-tests.ts
@@ -38,6 +38,10 @@ jenkins.build.stop('example', 1, (err) => {
   if (err) throw err;
 });
 
+jenkins.build.term('example', 1, (err) => {
+  if (err) throw err;
+});
+
 jenkins.job.build('example', (err, data) => {
   if (err) throw err;
 
diff --git a/types/jest-axe/index.d.ts b/types/jest-axe/index.d.ts
index f16f4e7651..60375e3605 100644
--- a/types/jest-axe/index.d.ts
+++ b/types/jest-axe/index.d.ts
@@ -82,4 +82,7 @@ declare global {
             toHaveNoViolations: IToHaveNoViolations;
         }
     }
+
+    // axe-core depends on a global Node
+    interface Node {}
 }
diff --git a/types/jest-axe/tslint.json b/types/jest-axe/tslint.json
index 3db14f85ea..4f44991c3c 100644
--- a/types/jest-axe/tslint.json
+++ b/types/jest-axe/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-empty-interface": false
+    }
+}
diff --git a/types/jest-cli/index.d.ts b/types/jest-cli/index.d.ts
new file mode 100644
index 0000000000..64a0f96193
--- /dev/null
+++ b/types/jest-cli/index.d.ts
@@ -0,0 +1,254 @@
+// Type definitions for jest-cli 23.6
+// Project: https://jestjs.io/
+// Definitions by: Aaron Reisman <https://github.com/lifeiscontent>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export interface UncheckedSnapshot {
+    filePath: string;
+    keys: string[];
+}
+
+export interface SnapshotSummary {
+    added: number;
+    didUpdate: boolean;
+    failure: boolean;
+    filesAdded: number;
+    filesRemoved: number;
+    filesUnmatched: number;
+    filesUpdated: number;
+    matched: number;
+    total: number;
+    unchecked: number;
+    uncheckedKeysByFile: UncheckedSnapshot[];
+    unmatched: number;
+    updated: number;
+}
+export type LogMessage = string;
+
+export interface LogEntry {
+    message: LogMessage;
+    origin: string;
+    type: LogType;
+}
+
+export interface LogCounters {
+    [label: string]: number;
+}
+
+export interface LogTimers {
+    [label: string]: Date;
+}
+
+export type LogType =
+    | "assert"
+    | "count"
+    | "debug"
+    | "dir"
+    | "dirxml"
+    | "error"
+    | "group"
+    | "groupCollapsed"
+    | "info"
+    | "log"
+    | "time"
+    | "warn";
+
+export type ConsoleBuffer = LogEntry[];
+
+export interface Callsite {
+    column: number;
+    line: number;
+}
+
+export type Status = "passed" | "failed" | "skipped" | "pending";
+
+export interface AssertionResult {
+    ancestorTitles: string[];
+    duration?: number;
+    failureMessages: string[];
+    fullName: string;
+    location?: Callsite;
+    numPassingAsserts: number;
+    status: Status;
+    title: string;
+}
+
+export interface SerializableError {
+    code?: any;
+    message: string;
+    stack?: string;
+    type?: string;
+}
+
+export interface TestResult {
+    console?: ConsoleBuffer;
+    coverage?: RawCoverage;
+    displayName?: string;
+    failureMessage?: string;
+    leaks: boolean;
+    memoryUsage?: number;
+    numFailingTests: number;
+    numPassingTests: number;
+    numPendingTests: number;
+    openHandles: Error[];
+    perfStats: {
+        end: number;
+        start: number;
+    };
+    skipped: boolean;
+    snapshot: {
+        added: number;
+        fileDeleted: boolean;
+        matched: number;
+        unchecked: number;
+        uncheckedKeys: string[];
+        unmatched: number;
+        updated: number;
+    };
+    sourceMaps: { [sourcePath: string]: string };
+    testExecError?: SerializableError;
+    testFilePath: string;
+    testResults: AssertionResult[];
+}
+
+export type ReporterConfig = [string, object];
+
+export interface FileCoverageTotal {
+    total: number;
+    covered: number;
+    skipped: number;
+    pct: number;
+}
+
+export interface CoverageSummary {
+    lines: FileCoverageTotal;
+    statements: FileCoverageTotal;
+    branches: FileCoverageTotal;
+    functions: FileCoverageTotal;
+    merge: (other: CoverageSummary) => void;
+}
+
+export interface FileCoverage {
+    getLineCoverage: () => object;
+    getUncoveredLines: () => number[];
+    getBranchCoverageByLine: () => object;
+    toJSON: () => object;
+    merge: (other: object) => void;
+    computeSimpleTotals: (property: string) => FileCoverageTotal;
+    computeBranchTotals: () => FileCoverageTotal;
+    resetHits: () => void;
+    toSummary: () => CoverageSummary;
+}
+
+export type SnapshotUpdateState = "all" | "new" | "none";
+
+export interface RawFileCoverage {
+    path: string;
+    s: { [statementId: number]: number };
+    b: { [branchId: number]: number };
+    f: { [functionId: number]: number };
+    l: { [lineId: number]: number };
+    fnMap: { [functionId: number]: any };
+    statementMap: { [statementId: number]: any };
+    branchMap: { [branchId: number]: any };
+    inputSourceMap?: object;
+}
+
+export interface RawCoverage {
+    [filePath: string]: RawFileCoverage;
+}
+
+export interface AggregatedResultWithoutCoverage {
+    numFailedTests: number;
+    numFailedTestSuites: number;
+    numPassedTests: number;
+    numPassedTestSuites: number;
+    numPendingTests: number;
+    numTodoTests: number;
+    numPendingTestSuites: number;
+    numRuntimeErrorTestSuites: number;
+    numTotalTests: number;
+    numTotalTestSuites: number;
+    openHandles: Error[];
+    snapshot: SnapshotSummary;
+    startTime: number;
+    success: boolean;
+    testResults: TestResult[];
+    wasInterrupted: boolean;
+}
+
+export interface CoverageMap {
+    merge(data: { [index: string]: any }): void;
+    getCoverageSummary(): FileCoverage;
+    data: RawCoverage;
+    addFileCoverage(fileCoverage: RawFileCoverage): void;
+    files(): string[];
+    fileCoverageFor(file: string): FileCoverage;
+}
+
+export interface AggregatedResult extends AggregatedResultWithoutCoverage {
+    coverageMap?: CoverageMap;
+}
+
+export interface GlobalConfig {
+    bail: boolean;
+    changedSince: string;
+    changedFilesWithAncestor: boolean;
+    collectCoverage: boolean;
+    collectCoverageFrom: string[];
+    collectCoverageOnlyFrom?: { [key: string]: boolean };
+    coverageDirectory: string;
+    coveragePathIgnorePatterns?: string[];
+    coverageReporters: string[];
+    coverageThreshold: { global: { [key: string]: number } };
+    detectLeaks: boolean;
+    detectOpenHandles: boolean;
+    enabledTestsMap?: { [key: string]: { [key: string]: boolean } };
+    expand: boolean;
+    filter?: string;
+    findRelatedTests: boolean;
+    forceExit: boolean;
+    json: boolean;
+    globalSetup?: string;
+    globalTeardown?: string;
+    lastCommit: boolean;
+    logHeapUsage: boolean;
+    listTests: boolean;
+    maxWorkers: number;
+    noStackTrace: boolean;
+    nonFlagArgs: string[];
+    noSCM?: boolean;
+    notify: boolean;
+    notifyMode: string;
+    outputFile?: string;
+    onlyChanged: boolean;
+    onlyFailures: boolean;
+    passWithNoTests: boolean;
+    projects: string[];
+    replname?: string;
+    reporters: Array<string | ReporterConfig>;
+    runTestsByPath: boolean;
+    rootDir: string;
+    silent: boolean;
+    skipFilter: boolean;
+    errorOnDeprecated: boolean;
+    testFailureExitCode: number;
+    testNamePattern: string;
+    testPathPattern: string;
+    testResultsProcessor?: string;
+    updateSnapshot: SnapshotUpdateState;
+    useStderr: boolean;
+    verbose?: boolean;
+    watch: boolean;
+    watchAll: boolean;
+    watchman: boolean;
+    watchPlugins?: Array<{ path: string; config: { [index: string]: any } }>;
+}
+
+export function run(maybeArgv?: string[], project?: string): Promise<void>;
+
+export function runCLI(
+    argv: string[],
+    projects: string[]
+): Promise<{ results: AggregatedResult; globalConfig: GlobalConfig }>;
diff --git a/types/jest-cli/jest-cli-tests.ts b/types/jest-cli/jest-cli-tests.ts
new file mode 100644
index 0000000000..6cb9342fe7
--- /dev/null
+++ b/types/jest-cli/jest-cli-tests.ts
@@ -0,0 +1,4 @@
+import * as jest from "jest-cli";
+
+// $ExpectType Promise<void>
+jest.run(["--config", JSON.stringify({})]);
diff --git a/types/jest-cli/tsconfig.json b/types/jest-cli/tsconfig.json
new file mode 100644
index 0000000000..dac2e8adb9
--- /dev/null
+++ b/types/jest-cli/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "jest-cli-tests.ts"]
+}
diff --git a/types/jest-cli/tslint.json b/types/jest-cli/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/jest-cli/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/jest-each/index.d.ts b/types/jest-each/index.d.ts
index e49f703a91..f370d16e6e 100644
--- a/types/jest-each/index.d.ts
+++ b/types/jest-each/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/mattphillips/jest-each
 // Definitions by: Michael Utz <https://github.com/theutz>, Nick McCurdy <https://github.com/nickmccurdy>
 // Definitions: <https://github.com/DefinitelyTyped/DefinitelyTyped>
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
 export default JestEach;
 
@@ -24,7 +24,7 @@ declare namespace JestEach {
 	}
 
 	interface DescribeObj {
-		(name: string, fn: DescribeFn): void;
+		(name: string, fn: SyncCallback): void;
 		only: DescribeFn;
 		skip: DescribeFn;
 	}
diff --git a/types/jest-each/jest-each-tests.ts b/types/jest-each/jest-each-tests.ts
index c95a69d8c5..ac0d10e3c6 100644
--- a/types/jest-each/jest-each-tests.ts
+++ b/types/jest-each/jest-each-tests.ts
@@ -17,3 +17,19 @@ each(params).describe.only('', () => {});
 each(params).fdescribe('', () => {});
 each(params).describe.skip('', () => {});
 each(params).xdescribe('', () => {});
+
+each(params).test('', (a: number, b: string, c: object) => {});
+each(params).it('', (a: number, b: string, c: object) => {});
+each(params).test.only('', (a: number, b: string, c: object) => {});
+each(params).it.only('', (a: number, b: string, c: object) => {});
+each(params).fit('', (a: number, b: string, c: object) => {});
+each(params).test.skip('', (a: number, b: string, c: object) => {});
+each(params).it.skip('', (a: number, b: string, c: object) => {});
+each(params).xit('', (a: number, b: string, c: object) => {});
+each(params).xtest('', (a: number, b: string, c: object) => {});
+
+each(params).describe('', (a: number, b: string, c: object) => {});
+each(params).describe.only('', (a: number, b: string, c: object) => {});
+each(params).fdescribe('', (a: number, b: string, c: object) => {});
+each(params).describe.skip('', (a: number, b: string, c: object) => {});
+each(params).xdescribe('', (a: number, b: string, c: object) => {});
diff --git a/types/jest-environment-puppeteer/tsconfig.json b/types/jest-environment-puppeteer/tsconfig.json
index ed53d60edd..0e9ded7993 100644
--- a/types/jest-environment-puppeteer/tsconfig.json
+++ b/types/jest-environment-puppeteer/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/jest/index.d.ts b/types/jest/index.d.ts
index b663e37076..2b378a6048 100644
--- a/types/jest/index.d.ts
+++ b/types/jest/index.d.ts
@@ -16,6 +16,7 @@
 //                 Andrew Makarov <https://github.com/r3nya>
 //                 Martin Hochel <https://github.com/hotell>
 //                 Sebastian Sebald <https://github.com/sebald>
+//                 Andy <https://github.com/andys8>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -317,6 +318,7 @@ declare namespace jest {
     }
 
     interface MatcherUtils {
+        readonly expand: boolean;
         readonly isNot: boolean;
         utils: {
             readonly EXPECTED_COLOR: (text: string) => string;
@@ -343,7 +345,14 @@ declare namespace jest {
     }
 
     interface ExpectExtendMap {
-        [key: string]: (this: MatcherUtils, received: any, ...actual: any[]) => { message(): string | (() => string), pass: boolean } | Promise<{ message(): string, pass: boolean }>;
+        [key: string]: CustomMatcher;
+    }
+
+    type CustomMatcher = (this: MatcherUtils, received: any, ...actual: any[]) => CustomMatcherResult | Promise<CustomMatcherResult>;
+
+    interface CustomMatcherResult {
+        pass: boolean;
+        message: string | (() => string);
     }
 
     interface SnapshotSerializerOptions {
@@ -384,6 +393,36 @@ declare namespace jest {
         test(val: any): boolean;
     }
 
+    interface InverseAsymmetricMatchers {
+        /**
+         * `expect.not.arrayContaining(array)` matches a received array which
+         * does not contain all of the elements in the expected array. That is,
+         * the expected array is not a subset of the received array. It is the
+         * inverse of `expect.arrayContaining`.
+         */
+        arrayContaining(arr: any[]): any;
+        /**
+         * `expect.not.objectContaining(object)` matches any received object
+         * that does not recursively match the expected properties. That is, the
+         * expected object is not a subset of the received object. Therefore,
+         * it matches a received object which contains properties that are not
+         * in the expected object. It is the inverse of `expect.objectContaining`.
+         */
+        objectContaining(obj: {}): any;
+        /**
+         * `expect.not.stringMatching(string | regexp)` matches the received
+         * string that does not match the expected regexp. It is the inverse of
+         * `expect.stringMatching`.
+         */
+        stringMatching(str: string | RegExp): any;
+        /**
+         * `expect.not.stringContaining(string)` matches the received string
+         * that does not contain the exact expected string. It is the inverse of
+         * `expect.stringContaining`.
+         */
+        stringContaining(str: string): any;
+    }
+
     /**
      * The `expect` function is used every time you want to test a value.
      * You will rarely call `expect` by itself.
@@ -466,6 +505,8 @@ declare namespace jest {
          * Matches any received string that contains the exact expected string
          */
         stringContaining(str: string): any;
+
+        not: InverseAsymmetricMatchers;
     }
 
     interface Matchers<R> {
@@ -664,7 +705,7 @@ declare namespace jest {
          * This ensures that a value matches the most recent snapshot with property matchers.
          * Check out [the Snapshot Testing guide](http://facebook.github.io/jest/docs/snapshot-testing.html) for more information.
          */
-        toMatchSnapshot<T extends {[P in keyof R]: Expect['any']}>(propertyMatchers: Partial<T>, snapshotName?: string): R;
+        toMatchSnapshot<T extends {[P in keyof R]: any}>(propertyMatchers: Partial<T>, snapshotName?: string): R;
         /**
          * This ensures that a value matches the most recent snapshot.
          * Check out [the Snapshot Testing guide](http://facebook.github.io/jest/docs/snapshot-testing.html) for more information.
@@ -675,7 +716,7 @@ declare namespace jest {
          * Instead of writing the snapshot value to a .snap file, it will be written into the source code automatically.
          * Check out [the Snapshot Testing guide](http://facebook.github.io/jest/docs/snapshot-testing.html) for more information.
          */
-        toMatchInlineSnapshot<T extends {[P in keyof R]: Expect['any']}>(propertyMatchers: Partial<T>, snapshot?: string): R;
+        toMatchInlineSnapshot<T extends {[P in keyof R]: any}>(propertyMatchers: Partial<T>, snapshot?: string): R;
         /**
          * This ensures that a value matches the most recent snapshot with property matchers.
          * Instead of writing the snapshot value to a .snap file, it will be written into the source code automatically.
@@ -726,15 +767,7 @@ declare namespace jest {
         (...args: any[]): any;
     }
 
-    interface SpyInstance<T = {}> extends MockInstance<T> {
-        /**
-         * Removes the mock and restores the initial implementation.
-         *
-         * This is useful when you want to mock functions in certain test cases and restore the
-         * original implementation in others.
-         */
-        mockRestore(): void;
-    }
+    interface SpyInstance<T = {}> extends MockInstance<T> {}
 
     /**
      * Wrap module with mock definitions
@@ -776,6 +809,18 @@ declare namespace jest {
          * don't access stale data.
          */
         mockReset(): void;
+        /**
+         * Does everything that `mockFn.mockReset()` does, and also restores the original (non-mocked) implementation.
+         *
+         * This is useful when you want to mock functions in certain test cases and restore the original implementation in others.
+         *
+         * Beware that `mockFn.mockRestore` only works when mock was created with `jest.spyOn`. Thus you have to take care of restoration
+         * yourself when manually assigning `jest.fn()`.
+         *
+         * The [`restoreMocks`](https://jestjs.io/docs/en/configuration.html#restoremocks-boolean) configuration option is available
+         * to restore mocks automatically between tests.
+         */
+        mockRestore(): void;
         /**
          * Accepts a function that should be used as the implementation of the mock. The mock itself will still record
          * all calls that go into and instances that come from itself – the only difference is that the implementation
diff --git a/types/jest/jest-tests.ts b/types/jest/jest-tests.ts
index 2de3cadfd4..de1ba90456 100644
--- a/types/jest/jest-tests.ts
+++ b/types/jest/jest-tests.ts
@@ -279,6 +279,8 @@ jest.fn().mockClear();
 
 jest.fn().mockReset();
 
+jest.fn().mockRestore();
+
 const spiedTarget = {
     returnsVoid(): void { },
     returnsString(): string {
@@ -311,6 +313,11 @@ const spy3Mock: jest.Mock<() => string> = spy3
     .mockRejectedValue("value")
     .mockRejectedValueOnce("value");
 
+let spy4: jest.SpyInstance;
+
+spy4 = jest.spyOn(spiedTarget, "returnsString");
+spy4.mockRestore();
+
 /* Snapshot serialization */
 
 const snapshotSerializerPlugin: jest.SnapshotSerializerPlugin = {
@@ -426,6 +433,14 @@ expect.extend({
         };
     }
 });
+expect.extend({
+    foo(this: jest.MatcherUtils, received: {}, ...actual: Array<{}>) {
+        return {
+            message: JSON.stringify(received),
+            pass: false,
+        };
+    }
+});
 expect.extend({
     async foo(this: jest.MatcherUtils, received: {}, ...actual: Array<{}>) {
         return {
@@ -434,9 +449,18 @@ expect.extend({
         };
     }
 });
+expect.extend({
+    async foo(this: jest.MatcherUtils, received: {}, ...actual: Array<{}>) {
+        return {
+            message: JSON.stringify(received),
+            pass: false
+        };
+    }
+});
 expect.extend({
     foo(this: jest.MatcherUtils) {
         const isNot: boolean = this.isNot;
+        const expand: boolean = this.expand;
 
         const expectedColor = this.utils.EXPECTED_COLOR("blue");
         const receivedColor = this.utils.EXPECTED_COLOR("red");
@@ -620,8 +644,16 @@ describe("", () => {
         expect({
             one: 1,
             two: "2",
+            three: 3,
+            four: { four: 3 },
             date: new Date(),
-        }).toMatchSnapshot({ one: expect.any(Number), date: expect.any(Date) });
+        }).toMatchSnapshot({
+            one: expect.any(Number),
+            // Leave 'two' to the auto-generated snapshot
+            three: 3,
+            four: { four: expect.any(Number) },
+            date: expect.any(Date),
+        });
 
         expect({}).toMatchInlineSnapshot();
         expect({}).toMatchInlineSnapshot("snapshot");
@@ -629,8 +661,16 @@ describe("", () => {
         expect({
             one: 1,
             two: "2",
+            three: 3,
+            four: { four: 3 },
             date: new Date(),
-        }).toMatchInlineSnapshot({ one: expect.any(Number), date: expect.any(Date) });
+        }).toMatchInlineSnapshot({
+            one: expect.any(Number),
+            // leave out two
+            three: 3,
+            four: { four: expect.any(Number) },
+            date: expect.any(Date),
+        });
 
         expect(jest.fn()).toReturn();
 
@@ -706,6 +746,13 @@ describe("", () => {
             ghi: expect.stringMatching("foo"),
         }));
 
+        /* Inverse type matchers */
+
+        expect('How are you?').toEqual(expect.not.stringContaining('Hello world!'));
+        expect('How are you?').toEqual(expect.not.stringMatching(/Hello world!/));
+        expect({bar: 'baz'}).toEqual(expect.not.objectContaining({foo: 'bar'}));
+        expect(['Alice', 'Bob', 'Eve']).toEqual(expect.not.arrayContaining(['Samantha']));
+
         /* Miscellaneous */
 
         expect.hasAssertions();
diff --git a/types/johnny-five/index.d.ts b/types/johnny-five/index.d.ts
index eafa4038de..6a00952153 100644
--- a/types/johnny-five/index.d.ts
+++ b/types/johnny-five/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Toshiya Nakakura <https://github.com/nakakura>
 //                 Zoltan Ujvary <https://github.com/ujvzolee>
 //                 Simon Colmer <https://github.com/workshop2>
+//                 XtrimSystems <https://github.com/xtrimsystems>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 ///<reference types="node"/>
@@ -514,9 +515,16 @@ export class Motion {
     on(event: "calibrated", cb: () => void): this;
 }
 
+export interface MotorPins {
+    pwm: number;
+    dir: number;
+    cdir?: number;
+    brake?:number;
+}
+
 export interface MotorOption {
-    pins: any;
-    current?: any;
+    pins: MotorPins;
+    current?: SensorOption;
     invertPWM?: boolean;
     address?: number;
     controller?: string;
@@ -525,7 +533,7 @@ export interface MotorOption {
 }
 
 export declare class Motor {
-    constructor(option: Array<number> | MotorOption);
+    constructor(option: number[] | MotorOption);
 
     readonly isOn: boolean;
 
@@ -533,8 +541,22 @@ export declare class Motor {
     fwd(speed: number): void;
     reverse(speed: number): void;
     rev(speed: number): void;
-    start(): void;
-    start(speed: number): void;
+    start(speed?: number): void;
+    stop(): void;
+    brake(): void;
+    release(): void;
+}
+
+export declare class Motors {
+    constructor(option: number[] | MotorOption[]);
+
+    readonly isOn: boolean;
+
+    forward(speed: number): void;
+    fwd(speed: number): void;
+    reverse(speed: number): void;
+    rev(speed: number): void;
+    start(speed?: number): void;
     stop(): void;
     brake(): void;
     release(): void;
@@ -625,7 +647,7 @@ export declare class Ping {
 export declare interface ProximityOption {
     pin: number | string;
     controller: string;
-}   
+}
 
 export declare interface ProximityData {
     cm: number;
@@ -665,6 +687,7 @@ export interface SensorOption {
     pin: number | string;
     freq?: boolean;
     threshold?: number;
+    enabled?: boolean;
 }
 
 export declare class Sensor {
diff --git a/types/johnny-five/johnny-five-tests.ts b/types/johnny-five/johnny-five-tests.ts
index b2dd24904e..9d2b117344 100644
--- a/types/johnny-five/johnny-five-tests.ts
+++ b/types/johnny-five/johnny-five-tests.ts
@@ -155,6 +155,11 @@ board.on('ready', function(){
         }
     });
 
+    var motors = new five.Motors([
+       { controller: 'PCA9685', pins: { pwm: 4, dir: 6 }},
+       { controller: 'PCA9685', pins: { pwm: 5, dir: 7 }}
+    ]);
+
     var piezo = new five.Piezo(3);
 
     // Plays a song
diff --git a/types/joi/index.d.ts b/types/joi/index.d.ts
index 2dd5c7f9e7..096847a82c 100644
--- a/types/joi/index.d.ts
+++ b/types/joi/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for joi 13.6
+// Type definitions for joi 14.0
 // Project: https://github.com/hapijs/joi
 // Definitions by: Bart van der Schoor <https://github.com/Bartvds>
 //                 Laurence Dougal Myers <https://github.com/laurence-myers>
@@ -53,7 +53,6 @@ export interface ValidationOptions {
      * remove unknown elements from objects and arrays. Defaults to false
      * - when true, all unknown elements will be removed
      * - when an object:
-     *      - arrays - set to true to remove unknown items from arrays.
      *      - objects - set to true to remove unknown keys from objects
      */
     stripUnknown?: boolean | { arrays?: boolean; objects?: boolean };
@@ -257,8 +256,7 @@ export interface AnySchema extends JoiObject {
     /**
      * Validates a value using the schema and options.
      */
-    validate<T>(value: T): ValidationResult<T>;
-    validate<T>(value: T, options: ValidationOptions): ValidationResult<T>;
+    validate<T>(value: T, options?: ValidationOptions): ValidationResult<T>;
     validate<T, R>(value: T, callback: (err: ValidationError, value: T) => R): R;
     validate<T, R>(value: T, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
 
@@ -317,14 +315,12 @@ export interface AnySchema extends JoiObject {
     /**
      * Annotates the key
      */
-    notes(notes: string): this;
-    notes(notes: string[]): this;
+    notes(notes: string | string[]): this;
 
     /**
      * Annotates the key
      */
-    tags(notes: string): this;
-    tags(notes: string[]): this;
+    tags(notes: string | string[]): this;
 
     /**
      * Attaches metadata to the key.
@@ -369,8 +365,7 @@ export interface AnySchema extends JoiObject {
      * Additionally, when specifying a method you must either have a description property on your method or the
      *  second parameter is required.
      */
-    default(value: any, description?: string): this;
-    default(): this;
+    default(value?: any, description?: string): this;
 
     /**
      * Returns a new type that is the result of adding the rules of one type to another.
@@ -380,8 +375,7 @@ export interface AnySchema extends JoiObject {
     /**
      * Converts the type into an alternatives type where the conditions are merged into the type definition where:
      */
-    when(ref: string, options: WhenOptions): AlternativesSchema;
-    when(ref: Reference, options: WhenOptions): AlternativesSchema;
+    when(ref: string | Reference, options: WhenOptions): AlternativesSchema;
     when(ref: Schema, options: WhenSchemaOptions): AlternativesSchema;
 
     /**
@@ -485,29 +479,25 @@ export interface NumberSchema extends AnySchema {
      * Specifies the minimum value.
      * It can also be a reference to another field.
      */
-    min(limit: number): this;
-    min(limit: Reference): this;
+    min(limit: number | Reference): this;
 
     /**
      * Specifies the maximum value.
      * It can also be a reference to another field.
      */
-    max(limit: number): this;
-    max(limit: Reference): this;
+    max(limit: number | Reference): this;
 
     /**
      * Specifies that the value must be greater than limit.
      * It can also be a reference to another field.
      */
-    greater(limit: number): this;
-    greater(limit: Reference): this;
+    greater(limit: number | Reference): this;
 
     /**
      * Specifies that the value must be less than limit.
      * It can also be a reference to another field.
      */
-    less(limit: number): this;
-    less(limit: Reference): this;
+    less(limit: number | Reference): this;
 
     /**
      * Requires the number to be an integer (no floating point).
@@ -552,16 +542,14 @@ export interface StringSchema extends AnySchema {
      * @param limit - the minimum number of string characters required. It can also be a reference to another field.
      * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
      */
-    min(limit: number, encoding?: string): this;
-    min(limit: Reference, encoding?: string): this;
+    min(limit: number | Reference, encoding?: string): this;
 
     /**
      * Specifies the maximum number of string characters.
      * @param limit - the maximum number of string characters allowed. It can also be a reference to another field.
      * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
      */
-    max(limit: number, encoding?: string): this;
-    max(limit: Reference, encoding?: string): this;
+    max(limit: number | Reference, encoding?: string): this;
 
     /**
      * Specifies whether the string.max() limit should be used as a truncation.
@@ -591,8 +579,7 @@ export interface StringSchema extends AnySchema {
      * @param limit - the required string length. It can also be a reference to another field.
      * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
      */
-    length(limit: number, encoding?: string): this;
-    length(limit: Reference, encoding?: string): this;
+    length(limit: number | Reference, encoding?: string): this;
 
     /**
      * Defines a regular expression rule.
@@ -610,8 +597,7 @@ export interface StringSchema extends AnySchema {
      * @param pattern - a regular expression object to match against, or a string of which all occurrences will be replaced.
      * @param replacement - the string that will replace the pattern.
      */
-    replace(pattern: RegExp, replacement: string): this;
-    replace(pattern: string, replacement: string): this;
+    replace(pattern: RegExp | string, replacement: string): this;
 
     /**
      * Requires the string value to only contain a-z, A-Z, and 0-9.
@@ -739,8 +725,7 @@ export interface ArraySchema extends AnySchema {
     /**
      * Specifies the exact number of items in the array.
      */
-    length(limit: number): this;
-    length(limit: Reference): this;
+    length(limit: number | Reference): this;
 
     /**
      * Requires the array values to be unique.
@@ -816,14 +801,12 @@ export interface ObjectSchema extends AnySchema {
     /**
      * Requires the presence of other keys whenever the specified key is present.
      */
-    with(key: string, peers: string): this;
-    with(key: string, peers: string[]): this;
+    with(key: string, peers: string | string[]): this;
 
     /**
      * Forbids the presence of other keys whenever the specified is present.
      */
-    without(key: string, peers: string): this;
-    without(key: string, peers: string[]): this;
+    without(key: string, peers: string | string[]): this;
 
     /**
      * Renames a key to another name (deletes the renamed key).
@@ -833,8 +816,7 @@ export interface ObjectSchema extends AnySchema {
     /**
      * Verifies an assertion where.
      */
-    assert(ref: string, schema: SchemaLike, message?: string): this;
-    assert(ref: Reference, schema: SchemaLike, message?: string): this;
+    assert(ref: string | Reference, schema: SchemaLike, message?: string): this;
 
     /**
      * Overrides the handling of unknown keys for the scope of the current object only (does not apply to children).
@@ -847,6 +829,7 @@ export interface ObjectSchema extends AnySchema {
      * @param constructor - the constructor function that the object must be an instance of.
      * @param name - an alternate name to use in validation errors. This is useful when the constructor function does not have a name.
      */
+    // tslint:disable-next-line:ban-types
     type(constructor: Function, name?: string): this;
 
     /**
@@ -909,16 +892,29 @@ export interface BinarySchema extends AnySchema {
 }
 
 export interface DateSchema extends AnySchema {
+    /**
+     * Specifies that the value must be greater than date.
+     * Notes: 'now' can be passed in lieu of date so as to always compare relatively to the current date,
+     * allowing to explicitly ensure a date is either in the past or in the future.
+     * It can also be a reference to another field.
+     */
+    greater(date: 'now' | Date | number | string | Reference): this;
+
+    /**
+     * Specifies that the value must be less than date.
+     * Notes: 'now' can be passed in lieu of date so as to always compare relatively to the current date,
+     * allowing to explicitly ensure a date is either in the past or in the future.
+     * It can also be a reference to another field.
+     */
+    less(date: 'now' | Date | number | string | Reference): this;
+
     /**
      * Specifies the oldest date allowed.
      * Notes: 'now' can be passed in lieu of date so as to always compare relatively to the current date,
      * allowing to explicitly ensure a date is either in the past or in the future.
      * It can also be a reference to another field.
      */
-    min(date: Date): this;
-    min(date: number): this;
-    min(date: string): this;
-    min(date: Reference): this;
+    min(date: 'now' | Date | number | string | Reference): this;
 
     /**
      * Specifies the latest date allowed.
@@ -926,17 +922,13 @@ export interface DateSchema extends AnySchema {
      * allowing to explicitly ensure a date is either in the past or in the future.
      * It can also be a reference to another field.
      */
-    max(date: Date): this;
-    max(date: number): this;
-    max(date: string): this;
-    max(date: Reference): this;
+    max(date: 'now' | Date | number | string | Reference): this;
 
     /**
      * Specifies the allowed date format:
      * @param format - string or array of strings that follow the moment.js format.
      */
-    format(format: string): this;
-    format(format: string[]): this;
+    format(format: string | string[]): this;
 
     /**
      * Requires the string value to be in valid ISO 8601 date format.
@@ -978,8 +970,7 @@ export interface FunctionSchema extends AnySchema {
 export interface AlternativesSchema extends AnySchema {
     try(types: SchemaLike[]): this;
     try(...types: SchemaLike[]): this;
-    when(ref: string, options: WhenOptions): this;
-    when(ref: Reference, options: WhenOptions): this;
+    when(ref: string | Reference, options: WhenOptions): this;
     when(ref: Schema, options: WhenSchemaOptions): this;
 }
 
@@ -1028,6 +1019,13 @@ export interface Err extends JoiObject {
     toString(): string;
 }
 
+export interface LazyOptions {
+    /**
+     * If true the schema generator will only be called once and the result will be cached.
+     */
+    once?: boolean;
+}
+
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 /**
@@ -1073,7 +1071,7 @@ export function func(): FunctionSchema;
 export function number(): NumberSchema;
 
 /**
- * Generates a schema object that matches an object data type (as well as JSON strings that parsed into objects).
+ * Generates a schema object that matches an object data type (as well as JSON strings that have been parsed into objects).
  */
 export function object(schema?: SchemaMap): ObjectSchema;
 
@@ -1104,15 +1102,13 @@ export function alt(...types: SchemaLike[]): AlternativesSchema;
  * Supports the same methods of the any() type.
  * This is mostly useful for recursive schemas
  */
-export function lazy(cb: () => Schema): LazySchema;
+export function lazy(cb: () => Schema, options?: LazyOptions): LazySchema;
 
 /**
  * Validates a value using the given schema and options.
  */
-export function validate<T>(value: T, schema: SchemaLike): ValidationResult<T>;
+export function validate<T>(value: T, schema: SchemaLike, options?: ValidationOptions): ValidationResult<T>;
 export function validate<T, R>(value: T, schema: SchemaLike, callback: (err: ValidationError, value: T) => R): R;
-
-export function validate<T>(value: T, schema: SchemaLike, options: ValidationOptions): ValidationResult<T>;
 export function validate<T, R>(value: T, schema: SchemaLike, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
 
 /**
@@ -1152,8 +1148,7 @@ export function isRef(ref: any): ref is Reference;
  * Get a sub-schema of an existing schema based on a `path` that can be either a string or an array
  * of strings For string values path separator is a dot (`.`)
  */
-export function reach(schema: ObjectSchema, path: string): Schema;
-export function reach(schema: ObjectSchema, path: string[]): Schema;
+export function reach(schema: ObjectSchema, path: string | string[]): Schema;
 
 /**
  * Creates a new Joi instance customized with the extension(s) you provide included.
@@ -1242,14 +1237,12 @@ export function description(desc: string): Schema;
 /**
  * Annotates the key
  */
-export function notes(notes: string): Schema;
-export function notes(notes: string[]): Schema;
+export function notes(notes: string | string[]): Schema;
 
 /**
  * Annotates the key
  */
-export function tags(notes: string): Schema;
-export function tags(notes: string[]): Schema;
+export function tags(notes: string | string[]): Schema;
 
 /**
  * Attaches metadata to the key.
@@ -1284,8 +1277,7 @@ export function concat<T>(schema: T): T;
 /**
  * Converts the type into an alternatives type where the conditions are merged into the type definition where:
  */
-export function when(ref: string, options: WhenOptions): AlternativesSchema;
-export function when(ref: Reference, options: WhenOptions): AlternativesSchema;
+export function when(ref: string | Reference, options: WhenOptions): AlternativesSchema;
 export function when(ref: Schema, options: WhenSchemaOptions): AlternativesSchema;
 
 /**
diff --git a/types/joi/joi-tests.ts b/types/joi/joi-tests.ts
index 832858c7e9..716fc70c16 100644
--- a/types/joi/joi-tests.ts
+++ b/types/joi/joi-tests.ts
@@ -11,7 +11,7 @@ declare const exp: RegExp;
 declare const obj: object;
 declare const date: Date;
 declare const err: Error;
-declare const func: Function;
+declare const func: () => void;
 
 declare const numArr: number[];
 declare const strArr: string[];
@@ -514,15 +514,28 @@ binSchema = binSchema.length(num);
 
 dateSchema = Joi.date();
 
+dateSchema = dateSchema.greater('now');
+dateSchema = dateSchema.less('now');
+dateSchema = dateSchema.min('now');
+dateSchema = dateSchema.max('now');
+
+dateSchema = dateSchema.greater(date);
+dateSchema = dateSchema.less(date);
 dateSchema = dateSchema.min(date);
 dateSchema = dateSchema.max(date);
 
+dateSchema = dateSchema.greater(str);
+dateSchema = dateSchema.less(str);
 dateSchema = dateSchema.min(str);
 dateSchema = dateSchema.max(str);
 
+dateSchema = dateSchema.greater(num);
+dateSchema = dateSchema.less(num);
 dateSchema = dateSchema.min(num);
 dateSchema = dateSchema.max(num);
 
+dateSchema = dateSchema.greater(ref);
+dateSchema = dateSchema.less(ref);
 dateSchema = dateSchema.min(ref);
 dateSchema = dateSchema.max(ref);
 
@@ -893,7 +906,7 @@ schema = Joi.alt(schema, anySchema, boolSchema);
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
-schema = Joi.lazy(() => schema);
+schema = Joi.lazy(() => schema, { once: true });
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
diff --git a/types/joi/tsconfig.json b/types/joi/tsconfig.json
index f6b8f170dc..57e6c47881 100644
--- a/types/joi/tsconfig.json
+++ b/types/joi/tsconfig.json
@@ -20,4 +20,4 @@
         "index.d.ts",
         "joi-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/joi/tslint.json b/types/joi/tslint.json
index c6e5f080fb..79fc0653dc 100644
--- a/types/joi/tslint.json
+++ b/types/joi/tslint.json
@@ -2,9 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // All are TODOs
-        "ban-types": false,
         "no-empty-interface": false,
-        "no-self-import": false,
-        "unified-signatures": false
+        "no-self-import": false
     }
 }
diff --git a/types/joi/v10/index.d.ts b/types/joi/v10/index.d.ts
index 8e0026a5fe..83b9a51df6 100644
--- a/types/joi/v10/index.d.ts
+++ b/types/joi/v10/index.d.ts
@@ -981,7 +981,7 @@ export function func(): FunctionSchema;
 export function number(): NumberSchema;
 
 /**
- * Generates a schema object that matches an object data type (as well as JSON strings that parsed into objects).
+ * Generates a schema object that matches an object data type (as well as JSON strings that have been parsed into objects).
  */
 export function object(schema?: SchemaMap): ObjectSchema;
 
diff --git a/types/joi/v13/index.d.ts b/types/joi/v13/index.d.ts
new file mode 100644
index 0000000000..f3432036cf
--- /dev/null
+++ b/types/joi/v13/index.d.ts
@@ -0,0 +1,1305 @@
+// Type definitions for joi 13.6
+// Project: https://github.com/hapijs/joi
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>
+//                 Laurence Dougal Myers <https://github.com/laurence-myers>
+//                 Christopher Glantschnig <https://github.com/cglantschnig>
+//                 David Broder-Rodgers <https://github.com/DavidBR-SW>
+//                 Gael Magnan de Bornier <https://github.com/GaelMagnan>
+//                 Rytis Alekna <https://github.com/ralekna>
+//                 Pavel Ivanov <https://github.com/schfkt>
+//                 Youngrok Kim <https://github.com/rokoroku>
+//                 Dan Kraus <https://github.com/dankraus>
+//                 Anjun Wang <https://github.com/wanganjun>
+//                 Rafael Kallis <https://github.com/rafaelkallis>
+//                 Conan Lai <https://github.com/aconanlai>
+//                 Peter Thorson <https://github.com/zaphoyd>
+//                 Will Garcia <https://github.com/thewillg>
+//                 Simon Schick <https://github.com/SimonSchick>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+// TODO express type of Schema in a type-parameter (.default, .valid, .example etc)
+
+export type Types = 'any' | 'alternatives' | 'array' | 'boolean' | 'binary' | 'date' | 'function' | 'lazy' | 'number' | 'object' | 'string';
+
+export type LanguageOptions = string | boolean | null | {
+    [key: string]: LanguageOptions;
+};
+
+export type LanguageRootOptions = {
+    root?: string;
+    key?: string;
+    messages?: { wrapArrays?: boolean; };
+} & Partial<Record<Types, LanguageOptions>> & { [key: string]: LanguageOptions; };
+
+export interface ValidationOptions {
+    /**
+     * when true, stops validation on the first error, otherwise returns all the errors found. Defaults to true.
+     */
+    abortEarly?: boolean;
+    /**
+     * when true, attempts to cast values to the required types (e.g. a string to a number). Defaults to true.
+     */
+    convert?: boolean;
+    /**
+     * when true, allows object to contain unknown keys which are ignored. Defaults to false.
+     */
+    allowUnknown?: boolean;
+    /**
+     * when true, ignores unknown keys with a function value. Defaults to false.
+     */
+    skipFunctions?: boolean;
+    /**
+     * remove unknown elements from objects and arrays. Defaults to false
+     * - when true, all unknown elements will be removed
+     * - when an object:
+     *      - arrays - set to true to remove unknown items from arrays.
+     *      - objects - set to true to remove unknown keys from objects
+     */
+    stripUnknown?: boolean | { arrays?: boolean; objects?: boolean };
+    /**
+     * overrides individual error messages. Defaults to no override ({}).
+     */
+    language?: LanguageRootOptions;
+    /**
+     * sets the default presence requirements. Supported modes: 'optional', 'required', and 'forbidden'. Defaults to 'optional'.
+     */
+    presence?: 'optional' | 'required' | 'forbidden';
+    /**
+     * provides an external data set to be used in references
+     */
+    context?: Context;
+    /**
+     * when true, do not apply default values. Defaults to false.
+     */
+    noDefaults?: boolean;
+}
+
+export interface RenameOptions {
+    /**
+     * if true, does not delete the old key name, keeping both the new and old keys in place. Defaults to false.
+     */
+    alias?: boolean;
+    /**
+     * if true, allows renaming multiple keys to the same destination where the last rename wins. Defaults to false.
+     */
+    multiple?: boolean;
+    /**
+     * if true, allows renaming a key over an existing key. Defaults to false.
+     */
+    override?: boolean;
+    /**
+     * if true, skip renaming of a key if it's undefined. Defaults to false.
+     */
+    ignoreUndefined?: boolean;
+}
+
+export interface EmailOptions {
+    /**
+     * Numerical threshold at which an email address is considered invalid
+     */
+    errorLevel?: number | boolean;
+    /**
+     * Specifies a list of acceptable TLDs.
+     */
+    tldWhitelist?: string[] | object;
+    /**
+     * Number of atoms required for the domain. Be careful since some domains, such as io, directly allow email.
+     */
+    minDomainAtoms?: number;
+}
+
+export interface HexOptions {
+    /**
+     * hex decoded representation must be byte aligned
+     */
+    byteAligned: boolean;
+}
+
+export interface IpOptions {
+    /**
+     * One or more IP address versions to validate against. Valid values: ipv4, ipv6, ipvfuture
+     */
+    version?: string | string[];
+    /**
+     * Used to determine if a CIDR is allowed or not. Valid values: optional, required, forbidden
+     */
+    cidr?: string;
+}
+
+export type GuidVersions = 'uuidv1' | 'uuidv2' | 'uuidv3' | 'uuidv4' | 'uuidv5';
+
+export interface GuidOptions {
+    version: GuidVersions[] | GuidVersions;
+}
+
+export interface UriOptions {
+    /**
+     * Specifies one or more acceptable Schemes, should only include the scheme name.
+     * Can be an Array or String (strings are automatically escaped for use in a Regular Expression).
+     */
+    scheme?: string | RegExp | Array<string | RegExp>;
+    /**
+     * Allow relative URIs. Defaults to `false`.
+     */
+    allowRelative?: boolean;
+    /**
+     * Restrict only relative URIs. Defaults to `false`.
+     */
+    relativeOnly?: boolean;
+}
+
+export interface DataUriOptions {
+    /**
+     * optional parameter defaulting to true which will require = padding if true or make padding optional if false
+     */
+    paddingRequired?: boolean;
+}
+
+export interface Base64Options {
+    /**
+     * optional parameter defaulting to true which will require = padding if true or make padding optional if false
+     */
+    paddingRequired?: boolean;
+}
+
+export interface WhenOptions {
+    /**
+     * the required condition joi type.
+     */
+    is: SchemaLike;
+    /**
+     * the alternative schema type if the condition is true. Required if otherwise is missing.
+     */
+    then?: SchemaLike;
+    /**
+     * the alternative schema type if the condition is false. Required if then is missing
+     */
+    otherwise?: SchemaLike;
+}
+
+export interface WhenSchemaOptions {
+    /**
+     * the alternative schema type if the condition is true. Required if otherwise is missing.
+     */
+    then?: SchemaLike;
+    /**
+     * the alternative schema type if the condition is false. Required if then is missing
+     */
+    otherwise?: SchemaLike;
+}
+
+export interface ReferenceOptions {
+    separator?: string;
+    contextPrefix?: string;
+    default?: any;
+    strict?: boolean;
+    functions?: boolean;
+}
+
+// tslint:disable-next-line:interface-name
+export interface IPOptions {
+    version?: string[];
+    cidr?: string;
+}
+
+export interface StringRegexOptions {
+    name?: string;
+    invert?: boolean;
+}
+
+export interface JoiObject {
+    isJoi: boolean;
+}
+
+export interface ValidationError extends Error, JoiObject {
+    details: ValidationErrorItem[];
+    annotate(): string;
+    _object: any;
+}
+
+export interface ValidationErrorItem {
+    message: string;
+    type: string;
+    path: string[];
+    options?: ValidationOptions;
+    context?: Context;
+}
+
+export type ValidationErrorFunction = (errors: ValidationErrorItem[]) => string | ValidationErrorItem | ValidationErrorItem[] | Error;
+
+export interface ValidationResult<T> extends Pick<Promise<T>, 'then' | 'catch'> {
+    error: ValidationError;
+    value: T;
+}
+
+export type SchemaLike = string | number | boolean | object | null | Schema | SchemaMap;
+
+export interface SchemaMap {
+    [key: string]: SchemaLike | SchemaLike[];
+}
+
+export type Schema = AnySchema
+    | ArraySchema
+    | AlternativesSchema
+    | BinarySchema
+    | BooleanSchema
+    | DateSchema
+    | FunctionSchema
+    | NumberSchema
+    | ObjectSchema
+    | StringSchema
+    | LazySchema;
+
+export interface AnySchema extends JoiObject {
+    schemaType?: Types | string;
+
+    /**
+     * Validates a value using the schema and options.
+     */
+    validate<T>(value: T): ValidationResult<T>;
+    validate<T>(value: T, options: ValidationOptions): ValidationResult<T>;
+    validate<T, R>(value: T, callback: (err: ValidationError, value: T) => R): R;
+    validate<T, R>(value: T, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
+
+    /**
+     * Whitelists a value
+     */
+    allow(...values: any[]): this;
+    allow(values: any[]): this;
+
+    /**
+     * Adds the provided values into the allowed whitelist and marks them as the only valid values allowed.
+     */
+    valid(...values: any[]): this;
+    valid(values: any[]): this;
+    only(...values: any[]): this;
+    only(values: any[]): this;
+    equal(...values: any[]): this;
+    equal(values: any[]): this;
+
+    /**
+     * Blacklists a value
+     */
+    invalid(...values: any[]): this;
+    invalid(values: any[]): this;
+    disallow(...values: any[]): this;
+    disallow(values: any[]): this;
+    not(...values: any[]): this;
+    not(values: any[]): this;
+
+    /**
+     * Marks a key as required which will not allow undefined as value. All keys are optional by default.
+     */
+    required(): this;
+    exist(): this;
+
+    /**
+     * Marks a key as optional which will allow undefined as values. Used to annotate the schema for readability as all keys are optional by default.
+     */
+    optional(): this;
+
+    /**
+     * Marks a key as forbidden which will not allow any value except undefined. Used to explicitly forbid keys.
+     */
+    forbidden(): this;
+
+    /**
+     * Marks a key to be removed from a resulting object or array after validation. Used to sanitize output.
+     */
+    strip(): this;
+
+    /**
+     * Annotates the key
+     */
+    description(desc: string): this;
+
+    /**
+     * Annotates the key
+     */
+    notes(notes: string): this;
+    notes(notes: string[]): this;
+
+    /**
+     * Annotates the key
+     */
+    tags(notes: string): this;
+    tags(notes: string[]): this;
+
+    /**
+     * Attaches metadata to the key.
+     */
+    meta(meta: object): this;
+
+    /**
+     * Annotates the key with an example value, must be valid.
+     */
+    example(value: any): this;
+
+    /**
+     * Annotates the key with an unit name.
+     */
+    unit(name: string): this;
+
+    /**
+     * Overrides the global validate() options for the current key and any sub-key.
+     */
+    options(options: ValidationOptions): this;
+
+    /**
+     * Sets the options.convert options to false which prevent type casting for the current key and any child keys.
+     */
+    strict(isStrict?: boolean): this;
+
+    /**
+     * Sets a default value if the original value is undefined.
+     * @param value - the value.
+     *   value supports references.
+     *   value may also be a function which returns the default value.
+     *   If value is specified as a function that accepts a single parameter, that parameter will be a context
+     *    object that can be used to derive the resulting value. This clones the object however, which incurs some
+     *    overhead so if you don't need access to the context define your method so that it does not accept any
+     *    parameters.
+     *   Without any value, default has no effect, except for object that will then create nested defaults
+     *    (applying inner defaults of that object).
+     *
+     * Note that if value is an object, any changes to the object after default() is called will change the
+     *  reference and any future assignment.
+     *
+     * Additionally, when specifying a method you must either have a description property on your method or the
+     *  second parameter is required.
+     */
+    default(value: any, description?: string): this;
+    default(): this;
+
+    /**
+     * Returns a new type that is the result of adding the rules of one type to another.
+     */
+    concat(schema: this): this;
+
+    /**
+     * Converts the type into an alternatives type where the conditions are merged into the type definition where:
+     */
+    when(ref: string, options: WhenOptions): AlternativesSchema;
+    when(ref: Reference, options: WhenOptions): AlternativesSchema;
+    when(ref: Schema, options: WhenSchemaOptions): AlternativesSchema;
+
+    /**
+     * Overrides the key name in error messages.
+     */
+    label(name: string): this;
+
+    /**
+     * Outputs the original untouched value instead of the casted value.
+     */
+    raw(isRaw?: boolean): this;
+
+    /**
+     * Considers anything that matches the schema to be empty (undefined).
+     * @param schema - any object or joi schema to match. An undefined schema unsets that rule.
+     */
+    empty(schema?: SchemaLike): this;
+
+    /**
+     * Overrides the default joi error with a custom error if the rule fails where:
+     * @param err - can be:
+     *   an instance of `Error` - the override error.
+     *   a `function(errors)`, taking an array of errors as argument, where it must either:
+     *    return a `string` - substitutes the error message with this text
+     *    return a single ` object` or an `Array` of it, where:
+     *     `type` - optional parameter providing the type of the error (eg. `number.min`).
+     *     `message` - optional parameter if `template` is provided, containing the text of the error.
+     *     `template` - optional parameter if `message` is provided, containing a template string, using the same format as usual joi language errors.
+     *     `context` - optional parameter, to provide context to your error if you are using the `template`.
+     *    return an `Error` - same as when you directly provide an `Error`, but you can customize the error message based on the errors.
+     *
+     * Note that if you provide an `Error`, it will be returned as-is, unmodified and undecorated with any of the
+     * normal joi error properties. If validation fails and another error is found before the error
+     * override, that error will be returned and the override will be ignored (unless the `abortEarly`
+     * option has been set to `false`).
+     */
+    error(err: Error | ValidationErrorFunction): this;
+
+    /**
+     * Returns a plain object representing the schema's rules and properties
+     */
+    describe(): Description;
+}
+
+export interface Description {
+    type?: Types | string;
+    label?: string;
+    description?: string;
+    flags?: object;
+    notes?: string[];
+    tags?: string[];
+    meta?: any[];
+    example?: any[];
+    valids?: any[];
+    invalids?: any[];
+    unit?: string;
+    options?: ValidationOptions;
+    [key: string]: any;
+}
+
+export interface Context {
+    [key: string]: any;
+    key?: string;
+    label?: string;
+}
+
+export interface State {
+    key?: string;
+    path?: string;
+    parent?: any;
+    reference?: any;
+}
+
+export interface BooleanSchema extends AnySchema {
+    /**
+     * Allows for additional values to be considered valid booleans by converting them to true during validation.
+     * Accepts a value or an array of values. String comparisons are by default case insensitive,
+     * see boolean.insensitive() to change this behavior.
+     * @param values - strings, numbers or arrays of them
+     */
+    truthy(...values: Array<string | number | string[] | number[]>): this;
+
+    /**
+     * Allows for additional values to be considered valid booleans by converting them to false during validation.
+     * Accepts a value or an array of values. String comparisons are by default case insensitive,
+     * see boolean.insensitive() to change this behavior.
+     * @param values - strings, numbers or arrays of them
+     */
+    falsy(...values: Array<string | number | string[] | number[]>): this;
+
+    /**
+     * Allows the values provided to truthy and falsy as well as the "true" and "false" default conversion
+     * (when not in strict() mode) to be matched in a case insensitive manner.
+     * @param enabled
+     */
+    insensitive(enabled?: boolean): this;
+}
+
+export interface NumberSchema extends AnySchema {
+    /**
+     * Specifies the minimum value.
+     * It can also be a reference to another field.
+     */
+    min(limit: number): this;
+    min(limit: Reference): this;
+
+    /**
+     * Specifies the maximum value.
+     * It can also be a reference to another field.
+     */
+    max(limit: number): this;
+    max(limit: Reference): this;
+
+    /**
+     * Specifies that the value must be greater than limit.
+     * It can also be a reference to another field.
+     */
+    greater(limit: number): this;
+    greater(limit: Reference): this;
+
+    /**
+     * Specifies that the value must be less than limit.
+     * It can also be a reference to another field.
+     */
+    less(limit: number): this;
+    less(limit: Reference): this;
+
+    /**
+     * Requires the number to be an integer (no floating point).
+     */
+    integer(): this;
+
+    /**
+     * Specifies the maximum number of decimal places where:
+     * @param limit - the maximum number of decimal places allowed.
+     */
+    precision(limit: number): this;
+
+    /**
+     * Specifies that the value must be a multiple of base.
+     */
+    multiple(base: number): this;
+
+    /**
+     * Requires the number to be positive.
+     */
+    positive(): this;
+
+    /**
+     * Requires the number to be negative.
+     */
+    negative(): this;
+
+    /**
+     * Requires the number to be a TCP port, so between 0 and 65535.
+     */
+    port(): this;
+}
+
+export interface StringSchema extends AnySchema {
+    /**
+     * Allows the value to match any whitelist of blacklist item in a case insensitive comparison.
+     */
+    insensitive(): this;
+
+    /**
+     * Specifies the minimum number string characters.
+     * @param limit - the minimum number of string characters required. It can also be a reference to another field.
+     * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
+     */
+    min(limit: number, encoding?: string): this;
+    min(limit: Reference, encoding?: string): this;
+
+    /**
+     * Specifies the maximum number of string characters.
+     * @param limit - the maximum number of string characters allowed. It can also be a reference to another field.
+     * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
+     */
+    max(limit: number, encoding?: string): this;
+    max(limit: Reference, encoding?: string): this;
+
+    /**
+     * Specifies whether the string.max() limit should be used as a truncation.
+     * @param enabled - optional parameter defaulting to true which allows you to reset the behavior of truncate by providing a falsy value.
+     */
+    truncate(enabled?: boolean): this;
+
+    /**
+     * Requires the string value to be in a unicode normalized form. If the validation convert option is on (enabled by default), the string will be normalized.
+     * @param form - The unicode normalization form to use. Valid values: NFC [default], NFD, NFKC, NFKD
+     */
+    normalize(form?: 'NFC' | 'NFD' | 'NFKC' | 'NFKD'): this;
+
+    /**
+     * Requires the string value to be a valid base64 string; does not check the decoded value.
+     * @param options - optional settings: The unicode normalization options to use. Valid values: NFC [default], NFD, NFKC, NFKD
+     */
+    base64(options?: Base64Options): this;
+
+    /**
+     * Requires the number to be a credit card number (Using Lunh Algorithm).
+     */
+    creditCard(): this;
+
+    /**
+     * Specifies the exact string length required
+     * @param limit - the required string length. It can also be a reference to another field.
+     * @param encoding - if specified, the string length is calculated in bytes using the provided encoding.
+     */
+    length(limit: number, encoding?: string): this;
+    length(limit: Reference, encoding?: string): this;
+
+    /**
+     * Defines a regular expression rule.
+     * @param pattern - a regular expression object the string value must match against.
+     * @param options - optional, can be:
+     *   Name for patterns (useful with multiple patterns). Defaults to 'required'.
+     *   An optional configuration object with the following supported properties:
+     *     name - optional pattern name.
+     *     invert - optional boolean flag. Defaults to false behavior. If specified as true, the provided pattern will be disallowed instead of required.
+     */
+    regex(pattern: RegExp, options?: string | StringRegexOptions): this;
+
+    /**
+     * Replace characters matching the given pattern with the specified replacement string where:
+     * @param pattern - a regular expression object to match against, or a string of which all occurrences will be replaced.
+     * @param replacement - the string that will replace the pattern.
+     */
+    replace(pattern: RegExp, replacement: string): this;
+    replace(pattern: string, replacement: string): this;
+
+    /**
+     * Requires the string value to only contain a-z, A-Z, and 0-9.
+     */
+    alphanum(): this;
+
+    /**
+     * Requires the string value to only contain a-z, A-Z, 0-9, and underscore _.
+     */
+    token(): this;
+
+    /**
+     * Requires the string value to be a valid email address.
+     */
+    email(options?: EmailOptions): this;
+
+    /**
+     * Requires the string value to be a valid ip address.
+     */
+    ip(options?: IpOptions): this;
+
+    /**
+     * Requires the string value to be a valid RFC 3986 URI.
+     */
+    uri(options?: UriOptions): this;
+
+    /**
+     * Requires the string value to be a valid data URI string.
+     */
+    dataUri(options?: DataUriOptions): this;
+
+    /**
+     * Requires the string value to be a valid GUID.
+     */
+    guid(options?: GuidOptions): this;
+
+    /**
+     * Alias for `guid` -- Requires the string value to be a valid GUID
+     */
+    uuid(options?: GuidOptions): this;
+
+    /**
+     * Requires the string value to be a valid hexadecimal string.
+     */
+    hex(options?: HexOptions): this;
+
+    /**
+     * Requires the string value to be a valid hostname as per RFC1123.
+     */
+    hostname(): this;
+
+    /**
+     * Requires the string value to be in valid ISO 8601 date format.
+     */
+    isoDate(): this;
+
+    /**
+     * Requires the string value to be all lowercase. If the validation convert option is on (enabled by default), the string will be forced to lowercase.
+     */
+    lowercase(): this;
+
+    /**
+     * Requires the string value to be all uppercase. If the validation convert option is on (enabled by default), the string will be forced to uppercase.
+     */
+    uppercase(): this;
+
+    /**
+     * Requires the string value to contain no whitespace before or after. If the validation convert option is on (enabled by default), the string will be trimmed.
+     */
+    trim(): this;
+}
+
+export interface SymbolSchema extends AnySchema {
+    // TODO: support number and symbol index
+    map(iterable: Iterable<[string | number | boolean | symbol, symbol]> | { [key: string]: symbol }): this;
+}
+
+export interface ArraySchema extends AnySchema {
+    /**
+     * Allow this array to be sparse.
+     * enabled can be used with a falsy value to go back to the default behavior.
+     */
+    sparse(enabled?: any): this;
+
+    /**
+     * Allow single values to be checked against rules as if it were provided as an array.
+     * enabled can be used with a falsy value to go back to the default behavior.
+     */
+    single(enabled?: any): this;
+
+    /**
+     * List the types allowed for the array values.
+     * type can be an array of values, or multiple values can be passed as individual arguments.
+     * If a given type is .required() then there must be a matching item in the array.
+     * If a type is .forbidden() then it cannot appear in the array.
+     * Required items can be added multiple times to signify that multiple items must be found.
+     * Errors will contain the number of items that didn't match.
+     * Any unmatched item having a label will be mentioned explicitly.
+     *
+     * @param type - a joi schema object to validate each array item against.
+     */
+    items(...types: SchemaLike[]): this;
+    items(types: SchemaLike[]): this;
+
+    /**
+     * Lists the types in sequence order for the array values where:
+     * @param type - a joi schema object to validate against each array item in sequence order. type can be an array of values, or multiple values can be passed as individual arguments.
+     * If a given type is .required() then there must be a matching item with the same index position in the array.
+     * Errors will contain the number of items that didn't match.
+     * Any unmatched item having a label will be mentioned explicitly.
+     */
+    ordered(...types: SchemaLike[]): this;
+    ordered(types: SchemaLike[]): this;
+
+    /**
+     * Specifies the minimum number of items in the array.
+     */
+    min(limit: number): this;
+
+    /**
+     * Specifies the maximum number of items in the array.
+     */
+    max(limit: number): this;
+
+    /**
+     * Specifies the exact number of items in the array.
+     */
+    length(limit: number): this;
+    length(limit: Reference): this;
+
+    /**
+     * Requires the array values to be unique.
+     * Be aware that a deep equality is performed on elements of the array having a type of object,
+     * a performance penalty is to be expected for this kind of operation.
+     */
+    unique(comparator?: string): this;
+    unique<T = any>(comparator?: (a: T, b: T) => boolean): this;
+}
+
+export interface ObjectSchema extends AnySchema {
+    /**
+     * Sets or extends the allowed object keys.
+     */
+    keys(schema?: SchemaMap): this;
+
+    /**
+     * Appends the allowed object keys. If schema is null, undefined, or {}, no changes will be applied.
+     */
+    append(schema?: SchemaMap): this;
+
+    /**
+     * Specifies the minimum number of keys in the object.
+     */
+    min(limit: number): this;
+
+    /**
+     * Specifies the maximum number of keys in the object.
+     */
+    max(limit: number): this;
+
+    /**
+     * Specifies the exact number of keys in the object.
+     */
+    length(limit: number): this;
+
+    /**
+     * Specify validation rules for unknown keys matching a pattern.
+     *
+     * @param pattern - a pattern that can be either a regular expression or a joi schema that will be tested against the unknown key names
+     * @param schema - the schema object matching keys must validate against
+     */
+    pattern(pattern: RegExp | SchemaLike, schema: SchemaLike): this;
+
+    /**
+     * Defines an all-or-nothing relationship between keys where if one of the peers is present, all of them are required as well.
+     * @param peers - the key names of which if one present, all are required. peers can be a single string value,
+     * an array of string values, or each peer provided as an argument.
+     */
+    and(...peers: string[]): this;
+    and(peers: string[]): this;
+
+    /**
+     * Defines a relationship between keys where not all peers can be present at the same time.
+     * @param peers - the key names of which if one present, the others may not all be present.
+     * peers can be a single string value, an array of string values, or each peer provided as an argument.
+     */
+    nand(...peers: string[]): this;
+    nand(peers: string[]): this;
+
+    /**
+     * Defines a relationship between keys where one of the peers is required (and more than one is allowed).
+     */
+    or(...peers: string[]): this;
+    or(peers: string[]): this;
+
+    /**
+     * Defines an exclusive relationship between a set of keys. one of them is required but not at the same time where:
+     */
+    xor(...peers: string[]): this;
+    xor(peers: string[]): this;
+
+    /**
+     * Requires the presence of other keys whenever the specified key is present.
+     */
+    with(key: string, peers: string): this;
+    with(key: string, peers: string[]): this;
+
+    /**
+     * Forbids the presence of other keys whenever the specified is present.
+     */
+    without(key: string, peers: string): this;
+    without(key: string, peers: string[]): this;
+
+    /**
+     * Renames a key to another name (deletes the renamed key).
+     */
+    rename(from: string, to: string, options?: RenameOptions): this;
+
+    /**
+     * Verifies an assertion where.
+     */
+    assert(ref: string, schema: SchemaLike, message?: string): this;
+    assert(ref: Reference, schema: SchemaLike, message?: string): this;
+
+    /**
+     * Overrides the handling of unknown keys for the scope of the current object only (does not apply to children).
+     */
+    unknown(allow?: boolean): this;
+
+    /**
+     * Requires the object to be an instance of a given constructor.
+     *
+     * @param constructor - the constructor function that the object must be an instance of.
+     * @param name - an alternate name to use in validation errors. This is useful when the constructor function does not have a name.
+     */
+    type(constructor: Function, name?: string): this;
+
+    /**
+     * Sets the specified children to required.
+     *
+     * @param children - can be a single string value, an array of string values, or each child provided as an argument.
+     *
+     *   var schema = Joi.object().keys({ a: { b: Joi.number() }, c: { d: Joi.string() } });
+     *   var requiredSchema = schema.requiredKeys('', 'a.b', 'c', 'c.d');
+     *
+     * Note that in this example '' means the current object, a is not required but b is, as well as c and d.
+     */
+    requiredKeys(children: string[]): this;
+    requiredKeys(...children: string[]): this;
+
+    /**
+     * Sets the specified children to optional.
+     *
+     * @param children - can be a single string value, an array of string values, or each child provided as an argument.
+     *
+     * The behavior is exactly the same as requiredKeys.
+     */
+    optionalKeys(children: string[]): this;
+    optionalKeys(...children: string[]): this;
+
+    /**
+     * Sets the specified children to forbidden.
+     *
+     * @param children - can be a single string value, an array of string values, or each child provided as an argument.
+     *
+     *   const schema = Joi.object().keys({ a: { b: Joi.number().required() }, c: { d: Joi.string().required() } });
+     *   const optionalSchema = schema.forbiddenKeys('a.b', 'c.d');
+     *
+     * The behavior is exactly the same as requiredKeys.
+     */
+    forbiddenKeys(children: string[]): this;
+    forbiddenKeys(...children: string[]): this;
+}
+
+export interface BinarySchema extends AnySchema {
+    /**
+     * Sets the string encoding format if a string input is converted to a buffer.
+     */
+    encoding(encoding: string): this;
+
+    /**
+     * Specifies the minimum length of the buffer.
+     */
+    min(limit: number): this;
+
+    /**
+     * Specifies the maximum length of the buffer.
+     */
+    max(limit: number): this;
+
+    /**
+     * Specifies the exact length of the buffer:
+     */
+    length(limit: number): this;
+}
+
+export interface DateSchema extends AnySchema {
+    /**
+     * Specifies the oldest date allowed.
+     * Notes: 'now' can be passed in lieu of date so as to always compare relatively to the current date,
+     * allowing to explicitly ensure a date is either in the past or in the future.
+     * It can also be a reference to another field.
+     */
+    min(date: Date): this;
+    min(date: number): this;
+    min(date: string): this;
+    min(date: Reference): this;
+
+    /**
+     * Specifies the latest date allowed.
+     * Notes: 'now' can be passed in lieu of date so as to always compare relatively to the current date,
+     * allowing to explicitly ensure a date is either in the past or in the future.
+     * It can also be a reference to another field.
+     */
+    max(date: Date): this;
+    max(date: number): this;
+    max(date: string): this;
+    max(date: Reference): this;
+
+    /**
+     * Specifies the allowed date format:
+     * @param format - string or array of strings that follow the moment.js format.
+     */
+    format(format: string): this;
+    format(format: string[]): this;
+
+    /**
+     * Requires the string value to be in valid ISO 8601 date format.
+     */
+    iso(): this;
+
+    /**
+     * Requires the value to be a timestamp interval from Unix Time.
+     * @param type - the type of timestamp (allowed values are unix or javascript [default])
+     */
+    timestamp(type?: 'javascript' | 'unix'): this;
+}
+
+export interface FunctionSchema extends AnySchema {
+    /**
+     * Specifies the arity of the function where:
+     * @param n - the arity expected.
+     */
+    arity(n: number): this;
+
+    /**
+     * Specifies the minimal arity of the function where:
+     * @param n - the minimal arity expected.
+     */
+    minArity(n: number): this;
+
+    /**
+     * Specifies the minimal arity of the function where:
+     * @param n - the minimal arity expected.
+     */
+    maxArity(n: number): this;
+
+    /**
+     * Requires the function to be a Joi reference.
+     */
+    ref(): this;
+}
+
+export interface AlternativesSchema extends AnySchema {
+    try(types: SchemaLike[]): this;
+    try(...types: SchemaLike[]): this;
+    when(ref: string, options: WhenOptions): this;
+    when(ref: Reference, options: WhenOptions): this;
+    when(ref: Schema, options: WhenSchemaOptions): this;
+}
+
+export interface LazySchema extends AnySchema {
+}
+
+export interface Reference extends JoiObject {
+    (value: any, validationOptions: ValidationOptions): any;
+    isContext: boolean;
+    key: string;
+    path: string;
+    toString(): string;
+}
+
+export type ExtensionBoundSchema = Schema & {
+    /**
+     * Creates a joi error object.
+     * Used in conjunction with custom rules.
+     * @param type - the type of rule to create the error for.
+     * @param context - provide properties that will be available in the `language` templates.
+     * @param state - should the context passed into the `validate` function in a custom rule
+     * @param options - should the context passed into the `validate` function in a custom rule
+     */
+    createError(type: string, context: Context, state: State, options: ValidationOptions): Err;
+};
+
+export interface Rules<P extends object = any> {
+    name: string;
+    params?: ObjectSchema | {[key in keyof P]: SchemaLike; };
+    setup?(this: ExtensionBoundSchema, params: P): Schema | void;
+    validate?(this: ExtensionBoundSchema, params: P, value: any, state: State, options: ValidationOptions): any;
+    description?: string | ((params: P) => string);
+}
+
+export interface Extension {
+    name: string;
+    base?: Schema;
+    language?: LanguageOptions;
+    coerce?(this: ExtensionBoundSchema, value: any, state: State, options: ValidationOptions): any;
+    pre?(this: ExtensionBoundSchema, value: any, state: State, options: ValidationOptions): any;
+    describe?(this: Schema, description: Description): Description;
+    rules?: Rules[];
+}
+
+export interface Err extends JoiObject {
+    toString(): string;
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+/**
+ * Current version of the joi package.
+ */
+export const version: string;
+
+/**
+ * Generates a schema object that matches any data type.
+ */
+export function any(): AnySchema;
+
+/**
+ * Generates a schema object that matches an array data type.
+ */
+export function array(): ArraySchema;
+
+/**
+ * Generates a schema object that matches a boolean data type (as well as the strings 'true', 'false', 'yes', and 'no'). Can also be called via bool().
+ */
+export function bool(): BooleanSchema;
+
+export function boolean(): BooleanSchema;
+
+/**
+ * Generates a schema object that matches a Buffer data type (as well as the strings which will be converted to Buffers).
+ */
+export function binary(): BinarySchema;
+
+/**
+ * Generates a schema object that matches a date type (as well as a JavaScript date string or number of milliseconds).
+ */
+export function date(): DateSchema;
+
+/**
+ * Generates a schema object that matches a function type.
+ */
+export function func(): FunctionSchema;
+
+/**
+ * Generates a schema object that matches a number data type (as well as strings that can be converted to numbers).
+ */
+export function number(): NumberSchema;
+
+/**
+ * Generates a schema object that matches an object data type (as well as JSON strings that have been parsed into objects).
+ */
+export function object(schema?: SchemaMap): ObjectSchema;
+
+/**
+ * Generates a schema object that matches a string data type. Note that empty strings are not allowed by default and must be enabled with allow('').
+ */
+export function string(): StringSchema;
+
+/**
+ * Generates a schema object that matches any symbol.
+ */
+export function symbol(): SymbolSchema;
+
+/**
+ * Generates a type that will match one of the provided alternative schemas
+ */
+export function alternatives(types: SchemaLike[]): AlternativesSchema;
+export function alternatives(...types: SchemaLike[]): AlternativesSchema;
+
+/**
+ * Alias for `alternatives`
+ */
+export function alt(types: SchemaLike[]): AlternativesSchema;
+export function alt(...types: SchemaLike[]): AlternativesSchema;
+
+/**
+ * Generates a placeholder schema for a schema that you would provide with the fn.
+ * Supports the same methods of the any() type.
+ * This is mostly useful for recursive schemas
+ */
+export function lazy(cb: () => Schema): LazySchema;
+
+/**
+ * Validates a value using the given schema and options.
+ */
+export function validate<T>(value: T, schema: SchemaLike): ValidationResult<T>;
+export function validate<T, R>(value: T, schema: SchemaLike, callback: (err: ValidationError, value: T) => R): R;
+
+export function validate<T>(value: T, schema: SchemaLike, options: ValidationOptions): ValidationResult<T>;
+export function validate<T, R>(value: T, schema: SchemaLike, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
+
+/**
+ * Converts literal schema definition to joi schema object (or returns the same back if already a joi schema object).
+ */
+export function compile(schema: SchemaLike): Schema;
+
+/**
+ * Validates a value against a schema and throws if validation fails.
+ *
+ * @param value - the value to validate.
+ * @param schema - the schema object.
+ * @param message - optional message string prefix added in front of the error message. may also be an Error object.
+ */
+export function assert(value: any, schema: SchemaLike, message?: string | Error): void;
+
+/**
+ * Validates a value against a schema, returns valid object, and throws if validation fails where:
+ *
+ * @param value - the value to validate.
+ * @param schema - the schema object.
+ * @param message - optional message string prefix added in front of the error message. may also be an Error object.
+ */
+export function attempt<T>(value: T, schema: SchemaLike, message?: string | Error): T;
+
+/**
+ * Generates a reference to the value of the named key.
+ */
+export function ref(key: string, options?: ReferenceOptions): Reference;
+
+/**
+ * Checks whether or not the provided argument is a reference. It's especially useful if you want to post-process error messages.
+ */
+export function isRef(ref: any): ref is Reference;
+
+/**
+ * Get a sub-schema of an existing schema based on a `path` that can be either a string or an array
+ * of strings For string values path separator is a dot (`.`)
+ */
+export function reach(schema: ObjectSchema, path: string): Schema;
+export function reach(schema: ObjectSchema, path: string[]): Schema;
+
+/**
+ * Creates a new Joi instance customized with the extension(s) you provide included.
+ */
+export function extend(extension: Extension|Extension[], ...extensions: Array<Extension|Extension[]>): any;
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+import * as Module from 'joi';
+export type Root = typeof Module;
+export type DefaultsFunction = (root: Schema) => Schema;
+
+/**
+ * Creates a new Joi instance that will apply defaults onto newly created schemas
+ * through the use of the fn function that takes exactly one argument, the schema being created.
+ *
+ * @param fn - The function must always return a schema, even if untransformed.
+ */
+export function defaults(fn: DefaultsFunction): Root;
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+// Below are undocumented APIs. use at your own risk
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+/**
+ * Returns a plain object representing the schema's rules and properties
+ */
+export function describe(schema: Schema): Description;
+
+/**
+ * Whitelists a value
+ */
+export function allow(value: any, ...values: any[]): Schema;
+export function allow(values: any[]): Schema;
+
+/**
+ * Adds the provided values into the allowed whitelist and marks them as the only valid values allowed.
+ */
+export function valid(value: any, ...values: any[]): Schema;
+export function valid(values: any[]): Schema;
+export function only(value: any, ...values: any[]): Schema;
+export function only(values: any[]): Schema;
+export function equal(value: any, ...values: any[]): Schema;
+export function equal(values: any[]): Schema;
+
+/**
+ * Blacklists a value
+ */
+export function invalid(value: any, ...values: any[]): Schema;
+export function invalid(values: any[]): Schema;
+export function disallow(value: any, ...values: any[]): Schema;
+export function disallow(values: any[]): Schema;
+export function not(value: any, ...values: any[]): Schema;
+export function not(values: any[]): Schema;
+
+/**
+ * Marks a key as required which will not allow undefined as value. All keys are optional by default.
+ */
+export function required(): Schema;
+
+/**
+ * Alias of `required`.
+ */
+export function exist(): Schema;
+
+/**
+ * Marks a key as optional which will allow undefined as values. Used to annotate the schema for readability as all keys are optional by default.
+ */
+export function optional(): Schema;
+
+/**
+ * Marks a key as forbidden which will not allow any value except undefined. Used to explicitly forbid keys.
+ */
+export function forbidden(): Schema;
+
+/**
+ * Marks a key to be removed from a resulting object or array after validation. Used to sanitize output.
+ */
+export function strip(): Schema;
+
+/**
+ * Annotates the key
+ */
+export function description(desc: string): Schema;
+
+/**
+ * Annotates the key
+ */
+export function notes(notes: string): Schema;
+export function notes(notes: string[]): Schema;
+
+/**
+ * Annotates the key
+ */
+export function tags(notes: string): Schema;
+export function tags(notes: string[]): Schema;
+
+/**
+ * Attaches metadata to the key.
+ */
+export function meta(meta: object): Schema;
+
+/**
+ * Annotates the key with an example value, must be valid.
+ */
+export function example(value: any): Schema;
+
+/**
+ * Annotates the key with an unit name.
+ */
+export function unit(name: string): Schema;
+
+/**
+ * Overrides the global validate() options for the current key and any sub-key.
+ */
+export function options(options: ValidationOptions): Schema;
+
+/**
+ * Sets the options.convert options to false which prevent type casting for the current key and any child keys.
+ */
+export function strict(isStrict?: boolean): Schema;
+
+/**
+ * Returns a new type that is the result of adding the rules of one type to another.
+ */
+export function concat<T>(schema: T): T;
+
+/**
+ * Converts the type into an alternatives type where the conditions are merged into the type definition where:
+ */
+export function when(ref: string, options: WhenOptions): AlternativesSchema;
+export function when(ref: Reference, options: WhenOptions): AlternativesSchema;
+export function when(ref: Schema, options: WhenSchemaOptions): AlternativesSchema;
+
+/**
+ * Overrides the key name in error messages.
+ */
+export function label(name: string): Schema;
+
+/**
+ * Outputs the original untouched value instead of the casted value.
+ */
+export function raw(isRaw?: boolean): Schema;
+
+/**
+ * Considers anything that matches the schema to be empty (undefined).
+ * @param schema - any object or joi schema to match. An undefined schema unsets that rule.
+ */
+export function empty(schema?: any): Schema;
diff --git a/types/joi/v13/joi-tests.ts b/types/joi/v13/joi-tests.ts
new file mode 100644
index 0000000000..832858c7e9
--- /dev/null
+++ b/types/joi/v13/joi-tests.ts
@@ -0,0 +1,1150 @@
+import Joi = require('joi');
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let x: any = null;
+declare const value: any;
+let num = 0;
+let str = '';
+declare const bool: boolean;
+declare const exp: RegExp;
+declare const obj: object;
+declare const date: Date;
+declare const err: Error;
+declare const func: Function;
+
+declare const numArr: number[];
+declare const strArr: string[];
+declare const expArr: RegExp[];
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let schema: Joi.Schema = null;
+declare const schemaLike: Joi.SchemaLike;
+
+let anySchema: Joi.AnySchema = null;
+let numSchema: Joi.NumberSchema = null;
+let strSchema: Joi.StringSchema = null;
+let arrSchema: Joi.ArraySchema = null;
+let boolSchema: Joi.BooleanSchema = null;
+let binSchema: Joi.BinarySchema = null;
+let dateSchema: Joi.DateSchema = null;
+let funcSchema: Joi.FunctionSchema = null;
+let objSchema: Joi.ObjectSchema = null;
+let altSchema: Joi.AlternativesSchema = null;
+
+declare const schemaArr: Joi.Schema[];
+
+let ref: Joi.Reference = null;
+let description: Joi.Description = null;
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let validOpts: Joi.ValidationOptions = null;
+
+validOpts = { abortEarly: bool };
+validOpts = { convert: bool };
+validOpts = { allowUnknown: bool };
+validOpts = { skipFunctions: bool };
+validOpts = { stripUnknown: bool };
+validOpts = { stripUnknown: { arrays: bool } };
+validOpts = { stripUnknown: { objects: bool } };
+validOpts = { stripUnknown: { arrays: bool, objects: bool } };
+validOpts = { presence: 'optional' || 'required' || 'forbidden' };
+validOpts = { context: obj };
+validOpts = { noDefaults: bool };
+validOpts = {
+    language: {
+        root: str,
+        key: str,
+        messages: { wrapArrays: bool },
+        string: { base: str },
+        number: { base: str },
+        object: {
+            base: false,
+            children: { childRule: str }
+        },
+        customType: {
+            customRule: str
+        }
+    }
+};
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let renOpts: Joi.RenameOptions = null;
+
+renOpts = { alias: bool };
+renOpts = { multiple: bool };
+renOpts = { override: bool };
+renOpts = { ignoreUndefined: bool };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let emailOpts: Joi.EmailOptions = null;
+
+emailOpts = { errorLevel: num };
+emailOpts = { errorLevel: bool };
+emailOpts = { tldWhitelist: strArr };
+emailOpts = { tldWhitelist: obj };
+emailOpts = { minDomainAtoms: num };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let hexOpts: Joi.HexOptions = null;
+
+hexOpts = { byteAligned: bool };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let ipOpts: Joi.IpOptions = null;
+
+ipOpts = { version: str };
+ipOpts = { version: strArr };
+ipOpts = { cidr: str };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let uriOpts: Joi.UriOptions = null;
+
+uriOpts = { scheme: str };
+uriOpts = { scheme: exp };
+uriOpts = { scheme: strArr };
+uriOpts = { scheme: expArr };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let base64Opts: Joi.Base64Options = null;
+
+base64Opts = { paddingRequired: bool };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let dataUriOpts: Joi.DataUriOptions = null;
+
+dataUriOpts = { paddingRequired: bool };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let whenOpts: Joi.WhenOptions = null;
+
+whenOpts = { is: x };
+whenOpts = { is: schema, then: schema };
+whenOpts = { is: schema, otherwise: schema };
+whenOpts = { is: schemaLike, then: schemaLike, otherwise: schemaLike };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let whenSchemaOpts: Joi.WhenSchemaOptions = null;
+
+whenSchemaOpts = { then: schema };
+whenSchemaOpts = { otherwise: schema };
+whenSchemaOpts = { then: schemaLike, otherwise: schemaLike };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let refOpts: Joi.ReferenceOptions = null;
+
+refOpts = { separator: str };
+refOpts = { contextPrefix: str };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let stringRegexOpts: Joi.StringRegexOptions = null;
+
+stringRegexOpts = { name: str };
+stringRegexOpts = { invert: bool };
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+declare const validErr: Joi.ValidationError;
+let validErrItem: Joi.ValidationErrorItem;
+let validErrFunc: Joi.ValidationErrorFunction;
+
+validErrItem = {
+    message: str,
+    type: str,
+    path: [str]
+};
+
+validErrItem = {
+    message: str,
+    type: str,
+    path: [str],
+    options: validOpts,
+    context: obj
+};
+
+validErrFunc = errs => errs;
+validErrFunc = errs => errs[0];
+validErrFunc = errs => 'Some error';
+validErrFunc = errs => err;
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = anySchema;
+schema = numSchema;
+schema = strSchema;
+schema = arrSchema;
+schema = boolSchema;
+schema = binSchema;
+schema = dateSchema;
+schema = funcSchema;
+schema = objSchema;
+
+anySchema = anySchema;
+anySchema = numSchema;
+anySchema = strSchema;
+anySchema = arrSchema;
+anySchema = boolSchema;
+anySchema = binSchema;
+anySchema = dateSchema;
+anySchema = funcSchema;
+anySchema = objSchema;
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+let schemaMap: Joi.SchemaMap = null;
+
+schemaMap = {
+    a: numSchema,
+    b: strSchema
+};
+schemaMap = {
+    a: numSchema,
+    b: {
+        b1: strSchema,
+        b2: anySchema
+    }
+};
+schemaMap = {
+    a: numSchema,
+    b: [
+        { b1: strSchema },
+        { b2: anySchema }
+    ],
+    c: arrSchema,
+    d: schemaLike
+};
+schemaMap = {
+    a: 1,
+    b: {
+        b1: '1',
+        b2: 2
+    },
+    c: [
+        { c1: true },
+        { c2: null }
+    ]
+};
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+anySchema = Joi.any();
+
+{ // common
+    anySchema = anySchema.allow(x);
+    anySchema = anySchema.allow(x, x);
+    anySchema = anySchema.allow([x, x, x]);
+    anySchema = anySchema.valid(x);
+    anySchema = anySchema.valid(x, x);
+    anySchema = anySchema.valid([x, x, x]);
+    anySchema = anySchema.only(x);
+    anySchema = anySchema.only(x, x);
+    anySchema = anySchema.only([x, x, x]);
+    anySchema = anySchema.equal(x);
+    anySchema = anySchema.equal(x, x);
+    anySchema = anySchema.equal([x, x, x]);
+    anySchema = anySchema.invalid(x);
+    anySchema = anySchema.invalid(x, x);
+    anySchema = anySchema.invalid([x, x, x]);
+    anySchema = anySchema.disallow(x);
+    anySchema = anySchema.disallow(x, x);
+    anySchema = anySchema.disallow([x, x, x]);
+    anySchema = anySchema.not(x);
+    anySchema = anySchema.not(x, x);
+    anySchema = anySchema.not([x, x, x]);
+
+    anySchema = anySchema.default();
+    anySchema = anySchema.default(x);
+    anySchema = anySchema.default(x, str);
+
+    anySchema = anySchema.required();
+    anySchema = anySchema.optional();
+    anySchema = anySchema.forbidden();
+    anySchema = anySchema.strip();
+
+    anySchema = anySchema.description(str);
+    anySchema = anySchema.notes(str);
+    anySchema = anySchema.notes(strArr);
+    anySchema = anySchema.tags(str);
+    anySchema = anySchema.tags(strArr);
+
+    anySchema = anySchema.meta(obj);
+    anySchema = anySchema.example(obj);
+    anySchema = anySchema.unit(str);
+
+    anySchema = anySchema.options(validOpts);
+    anySchema = anySchema.strict();
+    anySchema = anySchema.strict(bool);
+    anySchema = anySchema.concat(x);
+
+    altSchema = anySchema.when(str, whenOpts);
+    altSchema = anySchema.when(ref, whenOpts);
+    altSchema = anySchema.when(schema, whenSchemaOpts);
+
+    anySchema = anySchema.label(str);
+    anySchema = anySchema.raw();
+    anySchema = anySchema.raw(bool);
+    anySchema = anySchema.empty();
+    anySchema = anySchema.empty(str);
+    anySchema = anySchema.empty(anySchema);
+
+    anySchema = anySchema.error(err);
+    anySchema = anySchema.error(validErrFunc);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+arrSchema = Joi.array();
+
+arrSchema = arrSchema.sparse();
+arrSchema = arrSchema.sparse(bool);
+arrSchema = arrSchema.single();
+arrSchema = arrSchema.single(bool);
+arrSchema = arrSchema.ordered(anySchema);
+arrSchema = arrSchema.ordered(anySchema, numSchema, strSchema, arrSchema, boolSchema, binSchema, dateSchema, funcSchema, objSchema, schemaLike);
+arrSchema = arrSchema.ordered(schemaMap);
+arrSchema = arrSchema.ordered([schemaMap, schemaMap, schemaLike]);
+arrSchema = arrSchema.min(num);
+arrSchema = arrSchema.max(num);
+arrSchema = arrSchema.length(num);
+arrSchema = arrSchema.length(ref);
+arrSchema = arrSchema.unique();
+arrSchema = arrSchema.unique((a, b) => a.test === b.test);
+arrSchema = arrSchema.unique('customer.id');
+
+arrSchema = arrSchema.items(numSchema);
+arrSchema = arrSchema.items(numSchema, strSchema, schemaLike);
+arrSchema = arrSchema.items([numSchema, strSchema, schemaLike]);
+arrSchema = arrSchema.items(schemaMap);
+arrSchema = arrSchema.items(schemaMap, schemaMap, schemaLike);
+arrSchema = arrSchema.items([schemaMap, schemaMap, schemaLike]);
+
+// - - - - - - - -
+
+{ // common copy paste
+    // use search & replace from any
+    arrSchema = arrSchema.allow(x);
+    arrSchema = arrSchema.allow(x, x);
+    arrSchema = arrSchema.allow([x, x, x]);
+    arrSchema = arrSchema.valid(x);
+    arrSchema = arrSchema.valid(x, x);
+    arrSchema = arrSchema.valid([x, x, x]);
+    arrSchema = arrSchema.only(x);
+    arrSchema = arrSchema.only(x, x);
+    arrSchema = arrSchema.only([x, x, x]);
+    arrSchema = arrSchema.equal(x);
+    arrSchema = arrSchema.equal(x, x);
+    arrSchema = arrSchema.equal([x, x, x]);
+    arrSchema = arrSchema.invalid(x);
+    arrSchema = arrSchema.invalid(x, x);
+    arrSchema = arrSchema.invalid([x, x, x]);
+    arrSchema = arrSchema.disallow(x);
+    arrSchema = arrSchema.disallow(x, x);
+    arrSchema = arrSchema.disallow([x, x, x]);
+    arrSchema = arrSchema.not(x);
+    arrSchema = arrSchema.not(x, x);
+    arrSchema = arrSchema.not([x, x, x]);
+
+    arrSchema = arrSchema.default(x);
+
+    arrSchema = arrSchema.required();
+    arrSchema = arrSchema.optional();
+    arrSchema = arrSchema.forbidden();
+
+    arrSchema = arrSchema.description(str);
+    arrSchema = arrSchema.notes(str);
+    arrSchema = arrSchema.notes(strArr);
+    arrSchema = arrSchema.tags(str);
+    arrSchema = arrSchema.tags(strArr);
+
+    arrSchema = arrSchema.meta(obj);
+    arrSchema = arrSchema.example(obj);
+    arrSchema = arrSchema.unit(str);
+
+    arrSchema = arrSchema.options(validOpts);
+    arrSchema = arrSchema.strict();
+    arrSchema = arrSchema.concat(x);
+
+    altSchema = arrSchema.when(str, whenOpts);
+    altSchema = arrSchema.when(ref, whenOpts);
+    altSchema = arrSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+boolSchema = Joi.bool();
+boolSchema = Joi.boolean();
+
+{ // common copy paste
+    boolSchema = boolSchema.allow(x);
+    boolSchema = boolSchema.allow(x, x);
+    boolSchema = boolSchema.allow([x, x, x]);
+    boolSchema = boolSchema.valid(x);
+    boolSchema = boolSchema.valid(x, x);
+    boolSchema = boolSchema.valid([x, x, x]);
+    boolSchema = boolSchema.only(x);
+    boolSchema = boolSchema.only(x, x);
+    boolSchema = boolSchema.only([x, x, x]);
+    boolSchema = boolSchema.equal(x);
+    boolSchema = boolSchema.equal(x, x);
+    boolSchema = boolSchema.equal([x, x, x]);
+    boolSchema = boolSchema.invalid(x);
+    boolSchema = boolSchema.invalid(x, x);
+    boolSchema = boolSchema.invalid([x, x, x]);
+    boolSchema = boolSchema.disallow(x);
+    boolSchema = boolSchema.disallow(x, x);
+    boolSchema = boolSchema.disallow([x, x, x]);
+    boolSchema = boolSchema.not(x);
+    boolSchema = boolSchema.not(x, x);
+    boolSchema = boolSchema.not([x, x, x]);
+
+    boolSchema = boolSchema.default(x);
+
+    boolSchema = boolSchema.required();
+    boolSchema = boolSchema.optional();
+    boolSchema = boolSchema.forbidden();
+
+    boolSchema = boolSchema.description(str);
+    boolSchema = boolSchema.notes(str);
+    boolSchema = boolSchema.notes(strArr);
+    boolSchema = boolSchema.tags(str);
+    boolSchema = boolSchema.tags(strArr);
+
+    boolSchema = boolSchema.meta(obj);
+    boolSchema = boolSchema.example(obj);
+    boolSchema = boolSchema.unit(str);
+
+    boolSchema = boolSchema.options(validOpts);
+    boolSchema = boolSchema.strict();
+    boolSchema = boolSchema.concat(x);
+
+    boolSchema = boolSchema.truthy(str);
+    boolSchema = boolSchema.truthy(num);
+    boolSchema = boolSchema.truthy(strArr);
+    boolSchema = boolSchema.truthy(numArr);
+    boolSchema = boolSchema.truthy(str, str);
+    boolSchema = boolSchema.truthy(strArr, str);
+    boolSchema = boolSchema.truthy(str, strArr);
+    boolSchema = boolSchema.truthy(strArr, strArr);
+    boolSchema = boolSchema.falsy(str);
+    boolSchema = boolSchema.falsy(num);
+    boolSchema = boolSchema.falsy(strArr);
+    boolSchema = boolSchema.falsy(numArr);
+    boolSchema = boolSchema.falsy(str, str);
+    boolSchema = boolSchema.falsy(strArr, str);
+    boolSchema = boolSchema.falsy(str, strArr);
+    boolSchema = boolSchema.falsy(strArr, strArr);
+    boolSchema = boolSchema.insensitive(bool);
+
+    altSchema = boolSchema.when(str, whenOpts);
+    altSchema = boolSchema.when(ref, whenOpts);
+    altSchema = boolSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+binSchema = Joi.binary();
+
+binSchema = binSchema.encoding(str);
+binSchema = binSchema.min(num);
+binSchema = binSchema.max(num);
+binSchema = binSchema.length(num);
+
+{ // common
+    binSchema = binSchema.allow(x);
+    binSchema = binSchema.allow(x, x);
+    binSchema = binSchema.allow([x, x, x]);
+    binSchema = binSchema.valid(x);
+    binSchema = binSchema.valid(x, x);
+    binSchema = binSchema.valid([x, x, x]);
+    binSchema = binSchema.only(x);
+    binSchema = binSchema.only(x, x);
+    binSchema = binSchema.only([x, x, x]);
+    binSchema = binSchema.equal(x);
+    binSchema = binSchema.equal(x, x);
+    binSchema = binSchema.equal([x, x, x]);
+    binSchema = binSchema.invalid(x);
+    binSchema = binSchema.invalid(x, x);
+    binSchema = binSchema.invalid([x, x, x]);
+    binSchema = binSchema.disallow(x);
+    binSchema = binSchema.disallow(x, x);
+    binSchema = binSchema.disallow([x, x, x]);
+    binSchema = binSchema.not(x);
+    binSchema = binSchema.not(x, x);
+    binSchema = binSchema.not([x, x, x]);
+
+    binSchema = binSchema.default(x);
+
+    binSchema = binSchema.required();
+    binSchema = binSchema.optional();
+    binSchema = binSchema.forbidden();
+
+    binSchema = binSchema.description(str);
+    binSchema = binSchema.notes(str);
+    binSchema = binSchema.notes(strArr);
+    binSchema = binSchema.tags(str);
+    binSchema = binSchema.tags(strArr);
+
+    binSchema = binSchema.meta(obj);
+    binSchema = binSchema.example(obj);
+    binSchema = binSchema.unit(str);
+
+    binSchema = binSchema.options(validOpts);
+    binSchema = binSchema.strict();
+    binSchema = binSchema.concat(x);
+
+    altSchema = binSchema.when(str, whenOpts);
+    altSchema = binSchema.when(ref, whenOpts);
+    altSchema = binSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+dateSchema = Joi.date();
+
+dateSchema = dateSchema.min(date);
+dateSchema = dateSchema.max(date);
+
+dateSchema = dateSchema.min(str);
+dateSchema = dateSchema.max(str);
+
+dateSchema = dateSchema.min(num);
+dateSchema = dateSchema.max(num);
+
+dateSchema = dateSchema.min(ref);
+dateSchema = dateSchema.max(ref);
+
+dateSchema = dateSchema.format(str);
+dateSchema = dateSchema.format(strArr);
+
+dateSchema = dateSchema.iso();
+
+dateSchema = dateSchema.timestamp();
+dateSchema = dateSchema.timestamp('javascript');
+dateSchema = dateSchema.timestamp('unix');
+
+{ // common
+    dateSchema = dateSchema.allow(x);
+    dateSchema = dateSchema.allow(x, x);
+    dateSchema = dateSchema.allow([x, x, x]);
+    dateSchema = dateSchema.valid(x);
+    dateSchema = dateSchema.valid(x, x);
+    dateSchema = dateSchema.valid([x, x, x]);
+    dateSchema = dateSchema.only(x);
+    dateSchema = dateSchema.only(x, x);
+    dateSchema = dateSchema.only([x, x, x]);
+    dateSchema = dateSchema.equal(x);
+    dateSchema = dateSchema.equal(x, x);
+    dateSchema = dateSchema.equal([x, x, x]);
+    dateSchema = dateSchema.invalid(x);
+    dateSchema = dateSchema.invalid(x, x);
+    dateSchema = dateSchema.invalid([x, x, x]);
+    dateSchema = dateSchema.disallow(x);
+    dateSchema = dateSchema.disallow(x, x);
+    dateSchema = dateSchema.disallow([x, x, x]);
+    dateSchema = dateSchema.not(x);
+    dateSchema = dateSchema.not(x, x);
+    dateSchema = dateSchema.not([x, x, x]);
+
+    dateSchema = dateSchema.default(x);
+
+    dateSchema = dateSchema.required();
+    dateSchema = dateSchema.optional();
+    dateSchema = dateSchema.forbidden();
+
+    dateSchema = dateSchema.description(str);
+    dateSchema = dateSchema.notes(str);
+    dateSchema = dateSchema.notes(strArr);
+    dateSchema = dateSchema.tags(str);
+    dateSchema = dateSchema.tags(strArr);
+
+    dateSchema = dateSchema.meta(obj);
+    dateSchema = dateSchema.example(obj);
+    dateSchema = dateSchema.unit(str);
+
+    dateSchema = dateSchema.options(validOpts);
+    dateSchema = dateSchema.strict();
+    dateSchema = dateSchema.concat(x);
+
+    altSchema = dateSchema.when(str, whenOpts);
+    altSchema = dateSchema.when(ref, whenOpts);
+    altSchema = dateSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+funcSchema = Joi.func();
+
+funcSchema = funcSchema.arity(num);
+funcSchema = funcSchema.minArity(num);
+funcSchema = funcSchema.maxArity(num);
+funcSchema = funcSchema.ref();
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+numSchema = Joi.number();
+
+numSchema = numSchema.min(num);
+numSchema = numSchema.min(ref);
+numSchema = numSchema.max(num);
+numSchema = numSchema.max(ref);
+numSchema = numSchema.greater(num);
+numSchema = numSchema.greater(ref);
+numSchema = numSchema.less(num);
+numSchema = numSchema.less(ref);
+numSchema = numSchema.integer();
+numSchema = numSchema.precision(num);
+numSchema = numSchema.multiple(num);
+numSchema = numSchema.positive();
+numSchema = numSchema.negative();
+numSchema = numSchema.port();
+
+{ // common
+    numSchema = numSchema.allow(x);
+    numSchema = numSchema.allow(x, x);
+    numSchema = numSchema.allow([x, x, x]);
+    numSchema = numSchema.valid(x);
+    numSchema = numSchema.valid(x, x);
+    numSchema = numSchema.valid([x, x, x]);
+    numSchema = numSchema.only(x);
+    numSchema = numSchema.only(x, x);
+    numSchema = numSchema.only([x, x, x]);
+    numSchema = numSchema.equal(x);
+    numSchema = numSchema.equal(x, x);
+    numSchema = numSchema.equal([x, x, x]);
+    numSchema = numSchema.invalid(x);
+    numSchema = numSchema.invalid(x, x);
+    numSchema = numSchema.invalid([x, x, x]);
+    numSchema = numSchema.disallow(x);
+    numSchema = numSchema.disallow(x, x);
+    numSchema = numSchema.disallow([x, x, x]);
+    numSchema = numSchema.not(x);
+    numSchema = numSchema.not(x, x);
+    numSchema = numSchema.not([x, x, x]);
+
+    numSchema = numSchema.default(x);
+
+    numSchema = numSchema.required();
+    numSchema = numSchema.optional();
+    numSchema = numSchema.forbidden();
+
+    numSchema = numSchema.description(str);
+    numSchema = numSchema.notes(str);
+    numSchema = numSchema.notes(strArr);
+    numSchema = numSchema.tags(str);
+    numSchema = numSchema.tags(strArr);
+
+    numSchema = numSchema.meta(obj);
+    numSchema = numSchema.example(obj);
+    numSchema = numSchema.unit(str);
+
+    numSchema = numSchema.options(validOpts);
+    numSchema = numSchema.strict();
+    numSchema = numSchema.concat(x);
+
+    altSchema = numSchema.when(str, whenOpts);
+    altSchema = numSchema.when(ref, whenOpts);
+    altSchema = numSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+objSchema = Joi.object();
+objSchema = Joi.object(schemaMap);
+
+objSchema = objSchema.keys();
+objSchema = objSchema.keys(schemaMap);
+
+objSchema = objSchema.append();
+objSchema = objSchema.append(schemaMap);
+
+objSchema = objSchema.min(num);
+objSchema = objSchema.max(num);
+objSchema = objSchema.length(num);
+
+objSchema = objSchema.pattern(exp, schema);
+objSchema = objSchema.pattern(exp, schemaLike);
+
+objSchema = objSchema.and(str);
+objSchema = objSchema.and(str, str);
+objSchema = objSchema.and(str, str, str);
+objSchema = objSchema.and(strArr);
+
+objSchema = objSchema.nand(str);
+objSchema = objSchema.nand(str, str);
+objSchema = objSchema.nand(str, str, str);
+objSchema = objSchema.nand(strArr);
+
+objSchema = objSchema.or(str);
+objSchema = objSchema.or(str, str);
+objSchema = objSchema.or(str, str, str);
+objSchema = objSchema.or(strArr);
+
+objSchema = objSchema.xor(str);
+objSchema = objSchema.xor(str, str);
+objSchema = objSchema.xor(str, str, str);
+objSchema = objSchema.xor(strArr);
+
+objSchema = objSchema.with(str, str);
+objSchema = objSchema.with(str, strArr);
+
+objSchema = objSchema.without(str, str);
+objSchema = objSchema.without(str, strArr);
+
+objSchema = objSchema.rename(str, str);
+objSchema = objSchema.rename(str, str, renOpts);
+
+objSchema = objSchema.assert(str, schema);
+objSchema = objSchema.assert(str, schema, str);
+objSchema = objSchema.assert(ref, schema);
+objSchema = objSchema.assert(ref, schema, str);
+
+objSchema = objSchema.unknown();
+objSchema = objSchema.unknown(bool);
+
+objSchema = objSchema.type(func);
+objSchema = objSchema.type(func, str);
+
+objSchema = objSchema.requiredKeys(str);
+objSchema = objSchema.requiredKeys(str, str);
+objSchema = objSchema.requiredKeys(strArr);
+
+objSchema = objSchema.optionalKeys(str);
+objSchema = objSchema.optionalKeys(str, str);
+objSchema = objSchema.optionalKeys(strArr);
+
+objSchema = objSchema.forbiddenKeys(str);
+objSchema = objSchema.forbiddenKeys(str, str);
+objSchema = objSchema.forbiddenKeys(strArr);
+
+{ // common
+    objSchema = objSchema.allow(x);
+    objSchema = objSchema.allow(x, x);
+    objSchema = objSchema.allow([x, x, x]);
+    objSchema = objSchema.valid(x);
+    objSchema = objSchema.valid(x, x);
+    objSchema = objSchema.valid([x, x, x]);
+    objSchema = objSchema.only(x);
+    objSchema = objSchema.only(x, x);
+    objSchema = objSchema.only([x, x, x]);
+    objSchema = objSchema.equal(x);
+    objSchema = objSchema.equal(x, x);
+    objSchema = objSchema.equal([x, x, x]);
+    objSchema = objSchema.invalid(x);
+    objSchema = objSchema.invalid(x, x);
+    objSchema = objSchema.invalid([x, x, x]);
+    objSchema = objSchema.disallow(x);
+    objSchema = objSchema.disallow(x, x);
+    objSchema = objSchema.disallow([x, x, x]);
+    objSchema = objSchema.not(x);
+    objSchema = objSchema.not(x, x);
+    objSchema = objSchema.not([x, x, x]);
+
+    objSchema = objSchema.default(x);
+
+    objSchema = objSchema.required();
+    objSchema = objSchema.optional();
+    objSchema = objSchema.forbidden();
+
+    objSchema = objSchema.description(str);
+    objSchema = objSchema.notes(str);
+    objSchema = objSchema.notes(strArr);
+    objSchema = objSchema.tags(str);
+    objSchema = objSchema.tags(strArr);
+
+    objSchema = objSchema.meta(obj);
+    objSchema = objSchema.example(obj);
+    objSchema = objSchema.unit(str);
+
+    objSchema = objSchema.options(validOpts);
+    objSchema = objSchema.strict();
+    objSchema = objSchema.concat(x);
+
+    altSchema = objSchema.when(str, whenOpts);
+    altSchema = objSchema.when(ref, whenOpts);
+    altSchema = objSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+strSchema = Joi.string();
+
+strSchema = strSchema.insensitive();
+strSchema = strSchema.min(num);
+strSchema = strSchema.min(num, str);
+strSchema = strSchema.min(ref);
+strSchema = strSchema.min(ref, str);
+strSchema = strSchema.max(num);
+strSchema = strSchema.max(num, str);
+strSchema = strSchema.max(ref);
+strSchema = strSchema.max(ref, str);
+strSchema = strSchema.creditCard();
+strSchema = strSchema.length(num);
+strSchema = strSchema.length(num, str);
+strSchema = strSchema.length(ref);
+strSchema = strSchema.length(ref, str);
+strSchema = strSchema.regex(exp);
+strSchema = strSchema.regex(exp, str);
+strSchema = strSchema.regex(exp, stringRegexOpts);
+strSchema = strSchema.replace(exp, str);
+strSchema = strSchema.replace(str, str);
+strSchema = strSchema.alphanum();
+strSchema = strSchema.token();
+strSchema = strSchema.email();
+strSchema = strSchema.email(emailOpts);
+strSchema = strSchema.ip();
+strSchema = strSchema.ip(ipOpts);
+strSchema = strSchema.uri();
+strSchema = strSchema.uri(uriOpts);
+strSchema = strSchema.guid();
+strSchema = strSchema.guid({ version: ['uuidv1', 'uuidv2', 'uuidv3', 'uuidv4', 'uuidv5'] });
+strSchema = strSchema.guid({ version: 'uuidv4' });
+strSchema = strSchema.hex();
+strSchema = strSchema.hex(hexOpts);
+strSchema = strSchema.hostname();
+strSchema = strSchema.isoDate();
+strSchema = strSchema.lowercase();
+strSchema = strSchema.uppercase();
+strSchema = strSchema.trim();
+strSchema = strSchema.truncate();
+strSchema = strSchema.truncate(false);
+strSchema = strSchema.normalize();
+strSchema = strSchema.normalize('NFKC');
+strSchema = strSchema.base64();
+strSchema = strSchema.base64(base64Opts);
+strSchema = strSchema.dataUri();
+strSchema = strSchema.dataUri(dataUriOpts);
+
+{ // common
+    strSchema = strSchema.allow(x);
+    strSchema = strSchema.allow(x, x);
+    strSchema = strSchema.allow([x, x, x]);
+    strSchema = strSchema.valid(x);
+    strSchema = strSchema.valid(x, x);
+    strSchema = strSchema.valid([x, x, x]);
+    strSchema = strSchema.only(x);
+    strSchema = strSchema.only(x, x);
+    strSchema = strSchema.only([x, x, x]);
+    strSchema = strSchema.equal(x);
+    strSchema = strSchema.equal(x, x);
+    strSchema = strSchema.equal([x, x, x]);
+    strSchema = strSchema.invalid(x);
+    strSchema = strSchema.invalid(x, x);
+    strSchema = strSchema.invalid([x, x, x]);
+    strSchema = strSchema.disallow(x);
+    strSchema = strSchema.disallow(x, x);
+    strSchema = strSchema.disallow([x, x, x]);
+    strSchema = strSchema.not(x);
+    strSchema = strSchema.not(x, x);
+    strSchema = strSchema.not([x, x, x]);
+
+    strSchema = strSchema.default(x);
+
+    strSchema = strSchema.required();
+    strSchema = strSchema.optional();
+    strSchema = strSchema.forbidden();
+
+    strSchema = strSchema.description(str);
+    strSchema = strSchema.notes(str);
+    strSchema = strSchema.notes(strArr);
+    strSchema = strSchema.tags(str);
+    strSchema = strSchema.tags(strArr);
+
+    strSchema = strSchema.meta(obj);
+    strSchema = strSchema.example(obj);
+    strSchema = strSchema.unit(str);
+
+    strSchema = strSchema.options(validOpts);
+    strSchema = strSchema.strict();
+    strSchema = strSchema.concat(x);
+
+    altSchema = strSchema.when(str, whenOpts);
+    altSchema = strSchema.when(ref, whenOpts);
+    altSchema = strSchema.when(schema, whenSchemaOpts);
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = Joi.alternatives();
+schema = Joi.alternatives().try(schemaArr);
+schema = Joi.alternatives().try(schema, schema);
+
+schema = Joi.alternatives(schemaArr);
+schema = Joi.alternatives(schema, anySchema, boolSchema);
+
+schema = Joi.alt();
+schema = Joi.alt().try(schemaArr);
+schema = Joi.alt().try(schema, schema);
+
+schema = Joi.alt(schemaArr);
+schema = Joi.alt(schema, anySchema, boolSchema);
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = Joi.lazy(() => schema);
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+{ // validate tests
+    {
+        Joi.validate(value, obj);
+        Joi.validate(value, schema);
+        Joi.validate(value, schema, validOpts);
+        Joi.validate(value, schema, validOpts, (err, value) => {
+            x = value;
+            str = err.message;
+            str = err.details[0].path[0];
+            str = err.details[0].message;
+            str = err.details[0].type;
+        });
+        Joi.validate(value, schema, (err, value) => {
+            x = value;
+            str = err.message;
+            str = err.details[0].path.join('.');
+            str = err.details[0].message;
+            str = err.details[0].type;
+        });
+        // variant
+        Joi.validate(num, schema, validOpts, (err, value) => {
+            num = value;
+        });
+
+        // plain opts
+        Joi.validate(value, {});
+    }
+
+    {
+        let value = { username: 'example', password: 'example' };
+        const schema = Joi.object().keys({
+            username: Joi.string().max(255).required(),
+            password: Joi.string().regex(/^[a-zA-Z0-9]{3,255}$/).required(),
+        });
+        let returnValue: Joi.ValidationResult<typeof value>;
+
+        returnValue = schema.validate(value);
+        value = schema.validate(value, (err, value) => value);
+
+        returnValue = Joi.validate(value, schema);
+        returnValue = Joi.validate(value, obj);
+        value = Joi.validate(value, obj, (err, value) => value);
+        value = Joi.validate(value, schema, (err, value) => value);
+
+        returnValue = Joi.validate(value, schema, validOpts);
+        returnValue = Joi.validate(value, obj, validOpts);
+        value = Joi.validate(value, obj, validOpts, (err, value) => value);
+        value = Joi.validate(value, schema, validOpts, (err, value) => value);
+
+        returnValue = schema.validate(value);
+        returnValue = schema.validate(value, validOpts);
+        value = schema.validate(value, (err, value) => value);
+        value = schema.validate(value, validOpts, (err, value) => value);
+
+        returnValue
+            .then(val => JSON.stringify(val, null, 2))
+            .then(val => { throw new Error('one error'); })
+            .catch(e => {});
+    }
+}
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = Joi.compile(obj);
+schema = Joi.compile(schemaMap);
+
+Joi.assert(obj, schema);
+Joi.assert(obj, schema, str);
+Joi.assert(obj, schema, err);
+Joi.assert(obj, schemaLike);
+
+Joi.attempt(obj, schema);
+Joi.attempt(obj, schema, str);
+Joi.attempt(obj, schema, err);
+Joi.attempt(obj, schemaLike);
+
+ref = Joi.ref(str, refOpts);
+ref = Joi.ref(str);
+
+Joi.isRef(ref);
+
+description = Joi.describe(schema);
+description = schema.describe();
+
+schema = Joi.reach(objSchema, '');
+schema = Joi.reach(objSchema, []);
+
+const Joi2 = Joi.extend({ name: '', base: schema });
+
+const Joi3 = Joi.extend({
+    base: Joi.string(),
+    name: 'string',
+    language: {
+        asd: 'must be exactly asd(f)',
+    },
+    pre(value, state, options) {
+        return value;
+    },
+    describe(description) {
+        return description;
+    },
+    rules: [
+        {
+            name: 'asd',
+            params: {
+                allowFalse: Joi.boolean().default(false),
+            },
+            setup(params) {
+                const fIsAllowed = params.allowFalse;
+            },
+            validate(params, value: boolean, state, options) {
+                if (value || params.allowFalse && !value) {
+                    return value;
+                }
+                return this.createError('asd', { v: value }, state, options);
+            },
+        },
+    ],
+});
+
+const Joi4 = Joi.extend([{ name: '', base: schema }, { name: '', base: schema }]);
+
+const Joi5 = Joi.extend({ name: '', base: schema }, { name: '', base: schema });
+
+const Joi6 = Joi.extend({ name: '', base: schema }, [{ name: '', base: schema }, { name: '', base: schema }]);
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+const defaultsJoi = Joi.defaults((schema) => {
+    switch (schema.schemaType) {
+        case 'string':
+            return schema.allow('');
+        case 'object':
+            return (schema as Joi.ObjectSchema).min(1);
+        default:
+            return schema;
+    }
+});
+
+schema = Joi.allow(x, x);
+schema = Joi.allow([x, x, x]);
+schema = Joi.valid(x);
+schema = Joi.valid(x, x);
+schema = Joi.valid([x, x, x]);
+schema = Joi.only(x);
+schema = Joi.only(x, x);
+schema = Joi.only([x, x, x]);
+schema = Joi.equal(x);
+schema = Joi.equal(x, x);
+schema = Joi.equal([x, x, x]);
+schema = Joi.invalid(x);
+schema = Joi.invalid(x, x);
+schema = Joi.invalid([x, x, x]);
+schema = Joi.disallow(x);
+schema = Joi.disallow(x, x);
+schema = Joi.disallow([x, x, x]);
+schema = Joi.not(x);
+schema = Joi.not(x, x);
+schema = Joi.not([x, x, x]);
+
+schema = Joi.required();
+schema = Joi.optional();
+schema = Joi.forbidden();
+schema = Joi.strip();
+
+schema = Joi.description(str);
+schema = Joi.notes(str);
+schema = Joi.notes(strArr);
+schema = Joi.tags(str);
+schema = Joi.tags(strArr);
+
+schema = Joi.meta(obj);
+schema = Joi.example(obj);
+schema = Joi.unit(str);
+
+schema = Joi.options(validOpts);
+schema = Joi.strict();
+schema = Joi.strict(bool);
+schema = Joi.concat(x);
+
+schema = Joi.when(str, whenOpts);
+schema = Joi.when(ref, whenOpts);
+schema = Joi.when(schema, whenSchemaOpts);
+
+schema = Joi.label(str);
+schema = Joi.raw();
+schema = Joi.raw(bool);
+schema = Joi.empty();
+schema = Joi.empty(str);
+schema = Joi.empty(anySchema);
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = Joi.allow(x, x);
+schema = Joi.allow([x, x, x]);
+schema = Joi.valid(x);
+schema = Joi.valid(x, x);
+schema = Joi.valid([x, x, x]);
+schema = Joi.only(x);
+schema = Joi.only(x, x);
+schema = Joi.only([x, x, x]);
+schema = Joi.equal(x);
+schema = Joi.equal(x, x);
+schema = Joi.equal([x, x, x]);
+schema = Joi.invalid(x);
+schema = Joi.invalid(x, x);
+schema = Joi.invalid([x, x, x]);
+schema = Joi.disallow(x);
+schema = Joi.disallow(x, x);
+schema = Joi.disallow([x, x, x]);
+schema = Joi.not(x);
+schema = Joi.not(x, x);
+schema = Joi.not([x, x, x]);
+
+schema = Joi.required();
+schema = Joi.exist();
+schema = Joi.optional();
+schema = Joi.forbidden();
+schema = Joi.strip();
+
+schema = Joi.description(str);
+schema = Joi.notes(str);
+schema = Joi.notes(strArr);
+schema = Joi.tags(str);
+schema = Joi.tags(strArr);
+
+schema = Joi.meta(obj);
+schema = Joi.example(obj);
+schema = Joi.unit(str);
+
+schema = Joi.options(validOpts);
+schema = Joi.strict();
+schema = Joi.strict(bool);
+schema = Joi.concat(x);
+
+schema = Joi.when(str, whenOpts);
+schema = Joi.when(ref, whenOpts);
+schema = Joi.when(schema, whenSchemaOpts);
+
+schema = Joi.label(str);
+schema = Joi.raw();
+schema = Joi.raw(bool);
+schema = Joi.empty();
+schema = Joi.empty(str);
+schema = Joi.empty(anySchema);
+
+schema = Joi.symbol();
+schema = Joi.symbol().map(new Map<string, symbol>());
+schema = Joi.symbol().map({
+    key: Symbol('asd'),
+});
diff --git a/types/joi/v13/tsconfig.json b/types/joi/v13/tsconfig.json
new file mode 100644
index 0000000000..30da076bfb
--- /dev/null
+++ b/types/joi/v13/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "joi": [
+                "joi/v13"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "joi-tests.ts"
+    ]
+}
diff --git a/types/joi/v13/tslint.json b/types/joi/v13/tslint.json
new file mode 100644
index 0000000000..c6e5f080fb
--- /dev/null
+++ b/types/joi/v13/tslint.json
@@ -0,0 +1,10 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "ban-types": false,
+        "no-empty-interface": false,
+        "no-self-import": false,
+        "unified-signatures": false
+    }
+}
diff --git a/types/joi/v6/index.d.ts b/types/joi/v6/index.d.ts
index 5f5fb5625d..aad00e2b45 100644
--- a/types/joi/v6/index.d.ts
+++ b/types/joi/v6/index.d.ts
@@ -731,7 +731,7 @@ export function func(): FunctionSchema;
 export function number(): NumberSchema;
 
 /**
- * Generates a schema object that matches an object data type (as well as JSON strings that parsed into objects).
+ * Generates a schema object that matches an object data type (as well as JSON strings that have been parsed into objects).
  */
 export function object(schema?: SchemaMap): ObjectSchema;
 
diff --git a/types/jquery-awesome-cursor/tsconfig.json b/types/jquery-awesome-cursor/tsconfig.json
index cb81088d83..7fb68010e3 100644
--- a/types/jquery-awesome-cursor/tsconfig.json
+++ b/types/jquery-awesome-cursor/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/jquery-formatdatetime/index.d.ts b/types/jquery-formatdatetime/index.d.ts
new file mode 100644
index 0000000000..308d58fe7f
--- /dev/null
+++ b/types/jquery-formatdatetime/index.d.ts
@@ -0,0 +1,64 @@
+// Type definitions for JQuery formatDateTime 1.1
+// Project: https://github.com/agschwender/jquery.formatDateTime
+// Definitions by: Anderson Friaça <https://github.com/AndersonFriaca>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="jquery" />
+
+export type Options = Partial<{
+    /**
+     * Names of the months, e.g. January
+     */
+    monthNames: string[];
+
+    /**
+     * Shortened names of the months, e.g. Jan
+     */
+    monthNamesShort: string[];
+
+    /**
+     * Names of the days, e.g. Sunday
+     */
+    dayNames: string[];
+
+    /**
+     * Shortened names of the days, e.g. Sun
+     */
+    dayNamesShort: string[];
+
+    /**
+     * Names of the 12-hour clock periods, e.g. AM
+     */
+    ampmNames: string[];
+
+    /**
+     * Callback to convert number to ordinal suffix, e.g. 1 to st
+     */
+    getSuffix: ((num: number) => string);
+
+    /**
+     * Attribute which contains the datetime
+     */
+    attribute: string;
+
+    /**
+     * Attribute which contains the datetime format
+     */
+    formatAttribute: string;
+
+    /**
+     * Render dates in UTC instead of local timezone
+     */
+    utc: boolean;
+}>;
+
+declare global {
+    interface JQuery {
+        formatDateTime(format: string, options?: Options): JQuery;
+    }
+
+    interface JQueryStatic {
+        formatDateTime(format: string, date: Date, options?: Options): string;
+    }
+}
diff --git a/types/jquery-formatdatetime/jquery-formatdatetime-tests.ts b/types/jquery-formatdatetime/jquery-formatdatetime-tests.ts
new file mode 100644
index 0000000000..fe5949f757
--- /dev/null
+++ b/types/jquery-formatdatetime/jquery-formatdatetime-tests.ts
@@ -0,0 +1,40 @@
+import { Options } from "jquery-formatdatetime";
+
+// basic usage
+$('#example').formatDateTime('mm/dd/y g:ii a');
+
+const date = new Date('2012/07/05 09:55:03');
+
+$.formatDateTime('mm/dd/y g:ii a', date);
+
+// with options
+const options: Options = {
+    monthNames: [
+        'Janeiro',
+        'Fevereiro',
+        'Março',
+        'Abril',
+        'Maio',
+        'Junho',
+        'Julho',
+        'Agosto',
+        'Setembro',
+        'Outubro',
+        'Novembro',
+        'Dezembro'
+    ],
+    dayNames: [
+        'Domingo',
+        'Segunda-Feira',
+        'Terça-Feira',
+        'Quarta-Feira',
+        'Quinta-Feira',
+        'Sexta-Feira',
+        'Sábado'
+    ],
+    ampmNames: ['AM', 'PM']
+};
+
+$.formatDateTime('mm/dd/y g:ii a', date, options);
+
+$('#example').formatDateTime('mm/dd/y g:ii a', options);
diff --git a/types/jquery-formatdatetime/tsconfig.json b/types/jquery-formatdatetime/tsconfig.json
new file mode 100644
index 0000000000..a6ba781d22
--- /dev/null
+++ b/types/jquery-formatdatetime/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jquery-formatdatetime-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/jquery-formatdatetime/tslint.json b/types/jquery-formatdatetime/tslint.json
new file mode 100644
index 0000000000..d04fe2e1fa
--- /dev/null
+++ b/types/jquery-formatdatetime/tslint.json
@@ -0,0 +1 @@
+{"extends": "dtslint/dt.json"}
\ No newline at end of file
diff --git a/types/jquery-toast-plugin/tsconfig.json b/types/jquery-toast-plugin/tsconfig.json
index 95759d345b..81dae6d531 100644
--- a/types/jquery-toast-plugin/tsconfig.json
+++ b/types/jquery-toast-plugin/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/jquery.contextmenu/index.d.ts b/types/jquery.contextmenu/index.d.ts
index 5e449a96ff..a74f5cbbd7 100644
--- a/types/jquery.contextmenu/index.d.ts
+++ b/types/jquery.contextmenu/index.d.ts
@@ -22,8 +22,8 @@ interface JQueryContextMenuOptions {
         hide?: string;
     };
     events?: {
-        show?: () => void;
-        hide?: () => void;
+        show?: (options: any) => boolean;
+        hide?: (options: any) => boolean;
     };
     callback?: (key: any, options: any) => any;
     items?: any;
diff --git a/types/jquery.cookie/tslint.json b/types/jquery.cookie/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/jquery.cookie/tslint.json
+++ b/types/jquery.cookie/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/jquery.fileupload/tslint.json b/types/jquery.fileupload/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/jquery.fileupload/tslint.json
+++ b/types/jquery.fileupload/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/jquery.growl/tsconfig.json b/types/jquery.growl/tsconfig.json
index 8416f143a7..7b2e28e9d9 100644
--- a/types/jquery.growl/tsconfig.json
+++ b/types/jquery.growl/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/jquery.uniform/jquery.uniform-tests.ts b/types/jquery.uniform/jquery.uniform-tests.ts
index 758a2c7c21..c4454fb9a3 100644
--- a/types/jquery.uniform/jquery.uniform-tests.ts
+++ b/types/jquery.uniform/jquery.uniform-tests.ts
@@ -9,8 +9,8 @@ $("select").not(".skip_these").uniform();  // Method 1
 $('select[class!="skip_these"]').uniform();  // Method 2
 
 $("select").uniform({
-  fileDefaultText: 'Keine Datei ausgew�hlt',
-  fileButtonText: 'W�hlen Sie Datei',
+  fileDefaultText: 'Keine Datei ausgewhlt',
+  fileButtonText: 'Whlen Sie Datei',
 });
 
 $.uniform.defaults.checkedClass = "uniformCheckedClass";
diff --git a/types/jquery/JQuery.d.ts b/types/jquery/JQuery.d.ts
new file mode 100644
index 0000000000..7453457953
--- /dev/null
+++ b/types/jquery/JQuery.d.ts
@@ -0,0 +1,12762 @@
+// tslint:disable:jsdoc-format
+// tslint:disable:max-line-length
+// tslint:disable:no-irregular-whitespace
+
+interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
+    /**
+     * A string containing the jQuery version number.
+     * @see \`{@link https://api.jquery.com/jquery-2/#jquery1 }\`
+     * @since 1.0
+     * @example ​ ````Determine if an object is a jQuery object
+```javascript
+var a = { what: "A regular JS object" },
+  b = $( "body" );
+​
+if ( a.jquery ) { // Falsy, since it's undefined
+  alert( "a is a jQuery object!" );
+}
+​
+if ( b.jquery ) { // Truthy, since it's a string
+    alert( "b is a jQuery object!" );
+}
+```
+     * @example ​ ````Get the current version of jQuery running on the page
+```javascript
+alert( "You are running jQuery version: " + $.fn.jquery );
+```
+     */
+    jquery: string;
+    /**
+     * The number of elements in the jQuery object.
+     * @see \`{@link https://api.jquery.com/length/ }\`
+     * @since 1.0
+     * @example ​ ````Count the divs.  Click to add more.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>length demo</title>
+  <style>
+  body {
+    cursor: pointer;
+  }
+  div {
+    width: 50px;
+    height: 30px;
+    margin: 5px;
+    float: left;
+    background: green;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​<span></span>
+  <div></div>​
+<script>
+$( document.body )
+  .click(function() {
+    $( document.body ).append( $( "<div>" ) );
+    var n = $( "div" ).length;
+    $( "span" ).text( "There are " + n + " divs." +
+      "Click to add more.");
+  })
+  // Trigger the click to start
+  .trigger( "click" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    length: number;
+    /**
+     * Create a new jQuery object with elements added to the set of matched elements.
+     * @param selector A string representing a selector expression to find additional elements to add to the set of matched elements.
+     * @param context The point in the document at which the selector should begin matching; similar to the context
+     *                argument of the $(selector, context) method.
+     * @see \`{@link https://api.jquery.com/add/ }\`
+     * @since 1.4
+     */
+    add(selector: JQuery.Selector, context: Element): this;
+    /**
+     * Create a new jQuery object with elements added to the set of matched elements.
+     * @param selector_elements_html_selection _&#x40;param_ `selector_elements_html_selection`
+     * <br>
+     * * `selector` — A string representing a selector expression to find additional elements to add to the set of matched elements. <br>
+     * * `elements` — One or more elements to add to the set of matched elements. <br>
+     * * `html` — An HTML fragment to add to the set of matched elements. <br>
+     * * `selection` — An existing jQuery object to add to the set of matched elements.
+     * @see \`{@link https://api.jquery.com/add/ }\`
+     * @since 1.0
+     * @since 1.3.2
+     * @example ​ ````Finds all divs and makes a border.  Then adds all paragraphs to the jQuery object to set their backgrounds yellow.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>add demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 10px;
+    float: left;
+  }
+  p {
+    clear: left;
+    font-weight: bold;
+    font-size: 16px;
+    color: blue;
+    margin: 0 10px;
+    padding: 2px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<p>Added this... (notice no border)</p>
+​
+<script>
+$( "div" ).css( "border", "2px solid red" )
+  .add( "p" )
+  .css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Adds more elements, matched by the given expression, to the set of matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>add demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<span>Hello Again</span>
+​
+<script>
+$( "p" ).add( "span" ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Adds more elements, created on the fly, to the set of matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>add demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+​
+<script>
+$( "p" ).clone().add( "<span>Again</span>" ).appendTo( document.body );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Adds one or more Elements to the set of matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>add demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<span id="a">Hello Again</span>
+​
+<script>
+$( "p" ).add( document.getElementById( "a" ) ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Demonstrates how to add (or push) elements to an existing collection
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>add demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<span id="a">Hello Again</span>
+​
+<script>
+var collection = $( "p" );
+// Capture the new collection
+collection = collection.add( document.getElementById( "a" ) );
+collection.css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    add(selector_elements_html_selection: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery.htmlString | JQuery): this;
+    /**
+     * Add the previous set of elements on the stack to the current set, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match the current set of elements against.
+     * @see \`{@link https://api.jquery.com/addBack/ }\`
+     * @since 1.8
+     * @example ​ ````The .addBack() method causes the previous set of DOM elements in the traversal stack to be added to the current set. In the first example, the top stack contains the set resulting from .find(&quot;p&quot;). In the second example, .addBack() adds the previous set of elements on the stack — in this case $(&quot;div.after-addback&quot;) — to the current set, selecting both the div and its enclosed paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>addBack demo</title>
+  <style>
+  p, div {
+    margin: 5px;
+    padding: 5px;
+  }
+  .border {
+    border: 2px solid red;
+  }
+  .background {
+    background: yellow;
+  }
+  .left, .right {
+    width: 45%;
+    float: left;
+  }
+  .right {
+    margin-left: 3%;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="left">
+  <p><strong>Before <code>addBack()</code></strong></p>
+  <div class="before-addback">
+    <p>First Paragraph</p>
+    <p>Second Paragraph</p>
+  </div>
+</div>
+<div class="right">
+  <p><strong>After <code>addBack()</code></strong></p>
+  <div class="after-addback">
+    <p>First Paragraph</p>
+    <p>Second Paragraph</p>
+  </div>
+</div>
+​
+<script>
+$( "div.left, div.right" ).find( "div, div > p" ).addClass( "border" );
+​
+// First Example
+$( "div.before-addback" ).find( "p" ).addClass( "background" );
+​
+// Second Example
+$( "div.after-addback" ).find( "p" ).addBack().addClass( "background" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    addBack(selector?: JQuery.Selector): this;
+    /**
+     * Adds the specified class(es) to each element in the set of matched elements.
+     * @param className_function _&#x40;param_ `className_function`
+     * <br>
+     * * `className` — One or more space-separated classes to be added to the class attribute of each matched element. <br>
+     * * `function` — A function returning one or more space-separated class names to be added to the existing class
+     *                name(s). Receives the index position of the element in the set and the existing class name(s) as
+     *                arguments. Within the function, `this` refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/addClass/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @since 3.3
+     * @example ​ ````Add the class &quot;selected&quot; to the matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>addClass demo</title>
+  <style>
+  p {
+    margin: 8px;
+    font-size: 16px;
+  }
+  .selected {
+    color: blue;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>and</p>
+<p>Goodbye</p>
+​
+<script>
+$( "p" ).last().addClass( "selected" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Add the classes &quot;selected&quot; and &quot;highlight&quot; to the matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>addClass demo</title>
+  <style>
+  p {
+    margin: 8px;
+    font-size: 16px;
+  }
+  .selected {
+    color: red;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>and</p>
+<p>Goodbye</p>
+​
+<script>
+$( "p:last" ).addClass( "selected highlight" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Pass in a function to .addClass() to add the &quot;green&quot; class to a div that already has a &quot;red&quot; class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>addClass demo</title>
+  <style>
+  div {
+    background: white;
+  }
+  .red {
+    background: red;
+  }
+  .red.green {
+    background: green;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+ <div>This div should be white</div>
+ <div class="red">This div will be green because it now has the "green" and "red" classes.
+   It would be red if the addClass function failed.</div>
+ <div>This div should be white</div>
+ <p>There are zero green divs</p>
+​
+<script>
+$( "div" ).addClass(function( index, currentClass ) {
+  var addedClass;
+​
+  if ( currentClass === "red" ) {
+    addedClass = "green";
+    $( "p" ).text( "There is one green div" );
+  }
+​
+  return addedClass;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    addClass(className_function: JQuery.TypeOrArray<string> | ((this: TElement, index: number, currentClassName: string) => string)): this;
+    /**
+     * Insert content, specified by the parameter, after each element in the set of matched elements.
+     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
+     *                 jQuery objects to insert after each element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/after/ }\`
+     * @since 1.0
+     * @example ​ ````Inserts some HTML after all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>after demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).after( "<b>Hello</b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Inserts a DOM element after all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>after demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).after( document.createTextNode( "Hello" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Inserts a jQuery object (similar to an Array of DOM Elements) after all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>after demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<b>Hello</b>
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).after( $( "b" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    after(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
+    /**
+     * Insert content, specified by the parameter, after each element in the set of matched elements.
+     * @param function_functionｰhtml _&#x40;param_ `function_functionｰhtml`
+     * <br>
+     * * `function` — A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
+     *                after each element in the set of matched elements. Receives the index position of the element in the
+     *                set as an argument. Within the function, `this` refers to the current element in the set. <br>
+     * * `functionｰhtml` — A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
+     *                     after each element in the set of matched elements. Receives the index position of the element in the
+     *                     set and the old HTML value of the element as arguments. Within the function, `this` refers to the
+     *                     current element in the set.
+     * @see \`{@link https://api.jquery.com/after/ }\`
+     * @since 1.4
+     * @since 1.10
+     */
+    after(function_functionｰhtml: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
+    /**
+     * Register a handler to be called when Ajax requests complete. This is an AjaxEvent.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxComplete/ }\`
+     * @since 1.0
+     * @example ​ ````Show a message when an Ajax request completes.
+```javascript
+$( document ).ajaxComplete(function( event, request, settings ) {
+  $( "#msg" ).append( "<li>Request Complete.</li>" );
+});
+```
+     */
+    ajaxComplete(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings) => void | false): this;
+    /**
+     * Register a handler to be called when Ajax requests complete with an error. This is an Ajax Event.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxError/ }\`
+     * @since 1.0
+     * @example ​ ````Show a message when an Ajax request fails.
+```javascript
+$( document ).ajaxError(function( event, request, settings ) {
+  $( "#msg" ).append( "<li>Error requesting page " + settings.url + "</li>" );
+});
+```
+     */
+    ajaxError(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxSettings: JQuery.AjaxSettings, thrownError: string) => void | false): this;
+    /**
+     * Attach a function to be executed before an Ajax request is sent. This is an Ajax Event.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxSend/ }\`
+     * @since 1.0
+     * @example ​ ````Show a message before an Ajax request is sent.
+```javascript
+$( document ).ajaxSend(function( event, request, settings ) {
+  $( "#msg" ).append( "<li>Starting request at " + settings.url + "</li>" );
+});
+```
+     */
+    ajaxSend(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings) => void | false): this;
+    /**
+     * Register a handler to be called when the first Ajax request begins. This is an Ajax Event.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxStart/ }\`
+     * @since 1.0
+     * @example ​ ````Show a loading message whenever an Ajax request starts (and none is already active).
+```javascript
+$( document ).ajaxStart(function() {
+  $( "#loading" ).show();
+});
+```
+     */
+    ajaxStart(handler: (this: Document) => void | false): this;
+    /**
+     * Register a handler to be called when all Ajax requests have completed. This is an Ajax Event.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxStop/ }\`
+     * @since 1.0
+     * @example ​ ````Hide a loading message after all the Ajax requests have stopped.
+```javascript
+$( document ).ajaxStop(function() {
+  $( "#loading" ).hide();
+});
+```
+     */
+    ajaxStop(handler: (this: Document) => void | false): this;
+    /**
+     * Attach a function to be executed whenever an Ajax request completes successfully. This is an Ajax Event.
+     * @param handler The function to be invoked.
+     * @see \`{@link https://api.jquery.com/ajaxSuccess/ }\`
+     * @since 1.0
+     * @example ​ ````Show a message when an Ajax request completes successfully.
+```javascript
+$( document ).ajaxSuccess(function( event, request, settings ) {
+  $( "#msg" ).append( "<li>Successful Request!</li>" );
+});
+```
+     */
+    ajaxSuccess(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings, data: JQuery.PlainObject) => void | false): this;
+    /**
+     * Perform a custom animation of a set of CSS properties.
+     * @param properties An object of CSS properties and values that the animation will move toward.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/animate/ }\`
+     * @since 1.0
+     * @example ​ ````An example of using an &#39;easing&#39; function to provide a different style of animation. This will only work if you have a plugin that provides this easing function.  Note, this code will do nothing unless the paragraph element is hidden.
+```javascript
+$( "p" ).animate({
+  opacity: "show"
+}, "slow", "easein" );
+```
+     * @example ​ ````Animate all paragraphs and execute a callback function when the animation is complete.  The first argument is an object of CSS properties, the second specifies that the animation should take 1000 milliseconds to complete, the third states the easing type, and the fourth argument is an anonymous callback function.
+```javascript
+$( "p" ).animate({
+  height: 200,
+  width: 400,
+  opacity: 0.5
+}, 1000, "linear", function() {
+  alert( "all done" );
+});
+```
+     */
+    animate(properties: JQuery.PlainObject,
+            duration: JQuery.Duration,
+            easing: string,
+            complete?: (this: TElement) => void): this;
+    /**
+     * Perform a custom animation of a set of CSS properties.
+     * @param properties An object of CSS properties and values that the animation will move toward.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/animate/ }\`
+     * @since 1.0
+     * @example ​ ````Click the button to animate the div with a number of different properties.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>animate demo</title>
+  <style>
+  div {
+    background-color: #bca;
+    width: 100px;
+    border: 1px solid green;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="go">&raquo; Run</button>
+<div id="block">Hello!</div>
+​
+<script>
+// Using multiple unit types within one animation.
+​
+$( "#go" ).click(function() {
+  $( "#block" ).animate({
+    width: "70%",
+    opacity: 0.4,
+    marginLeft: "0.6in",
+    fontSize: "3em",
+    borderWidth: "10px"
+  }, 1500 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animates a div&#39;s left property with a relative value. Click several times on the buttons to see the relative animations queued up.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>animate demo</title>
+  <style>
+  div {
+    position: absolute;
+    background-color: #abc;
+    left: 50px;
+    width: 90px;
+    height: 90px;
+    margin: 5px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="left">&laquo;</button>
+<button id="right">&raquo;</button>
+<div class="block"></div>
+​
+<script>
+$( "#right" ).click(function() {
+  $( ".block" ).animate({ "left": "+=50px" }, "slow" );
+});
+​
+$( "#left" ).click(function(){
+  $( ".block" ).animate({ "left": "-=50px" }, "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animate all paragraphs to toggle both height and opacity, completing the animation within 600 milliseconds.
+```javascript
+$( "p" ).animate({
+  height: "toggle",
+  opacity: "toggle"
+}, "slow" );
+```
+     * @example ​ ````Animate all paragraphs to a left style of 50 and opacity of 1 (opaque, visible), completing the animation within 500 milliseconds.
+```javascript
+$( "p" ).animate({
+  left: 50,
+  opacity: 1
+}, 500 );
+```
+     */
+    animate(properties: JQuery.PlainObject,
+            duration_easing: JQuery.Duration | string,
+            complete?: (this: TElement) => void): this;
+    /**
+     * Perform a custom animation of a set of CSS properties.
+     * @param properties An object of CSS properties and values that the animation will move toward.
+     * @param options A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/animate/ }\`
+     * @since 1.0
+     * @example ​ ````The first button shows how an unqueued animation works.  It expands the div out to 90% width while the font-size is increasing. Once the font-size change is complete, the border animation will begin.
+
+The second button starts a traditional chained animation, where each animation will start once the previous animation on the element has completed.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>animate demo</title>
+  <style>
+  div {
+    background-color: #bca;
+    width: 200px;
+    height: 1.1em;
+    text-align: center;
+    border: 2px solid green;
+    margin: 3px;
+    font-size: 14px;
+  }
+  button {
+    font-size: 14px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="go1">&raquo; Animate Block1</button>
+<button id="go2">&raquo; Animate Block2</button>
+<button id="go3">&raquo; Animate Both</button>
+<button id="go4">&raquo; Reset</button>
+<div id="block1">Block1</div>
+<div id="block2">Block2</div>
+​
+<script>
+$( "#go1" ).click(function() {
+  $( "#block1" )
+    .animate({
+      width: "90%"
+    }, {
+      queue: false,
+      duration: 3000
+    })
+    .animate({ fontSize: "24px" }, 1500 )
+    .animate({ borderRightWidth: "15px" }, 1500 );
+});
+​
+$( "#go2" ).click(function() {
+  $( "#block2" )
+    .animate({ width: "90%" }, 1000 )
+    .animate({ fontSize: "24px" }, 1000 )
+    .animate({ borderLeftWidth: "15px" }, 1000 );
+});
+​
+$( "#go3" ).click(function() {
+  $( "#go1" ).add( "#go2" ).click();
+});
+​
+$( "#go4" ).click(function() {
+  $( "div" ).css({
+    width: "",
+    fontSize: "",
+    borderWidth: ""
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animates the first div&#39;s left property and synchronizes the remaining divs, using the step function to set their left properties at each stage of the animation.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>animate demo</title>
+  <style>
+  div {
+    position: relative;
+    background-color: #abc;
+    width: 40px;
+    height: 40px;
+    float: left;
+    margin: 5px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button id="go">Run »</button></p>
+<div class="block"></div>
+<div class="block"></div>
+<div class="block"></div>
+<div class="block"></div>
+<div class="block"></div>
+<div class="block"></div>
+​
+<script>
+$( "#go" ).click(function() {
+  $( ".block:first" ).animate({
+    left: 100
+  }, {
+    duration: 1000,
+    step: function( now, fx ){
+      $( ".block:gt(0)" ).css( "left", now );
+    }
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animate the left and opacity style properties of all paragraphs; run the animation outside the queue, so that it will automatically start without waiting for its turn.
+```javascript
+$( "p" ).animate({
+  left: "50px",
+  opacity: 1
+}, {
+  duration: 500,
+  queue: false
+});
+```
+     * @example ​ ````Animates all paragraphs to toggle both height and opacity, completing the animation within 600 milliseconds.
+```javascript
+$( "p" ).animate({
+  height: "toggle",
+  opacity: "toggle"
+}, {
+  duration: "slow"
+});
+```
+     * @example ​ ````Use an easing function to provide a different style of animation. This will only work if you have a plugin that provides this easing function.
+```javascript
+$( "p" ).animate({
+  opacity: "show"
+}, {
+  duration: "slow",
+  easing: "easein"
+});
+```
+     */
+    animate(properties: JQuery.PlainObject,
+            options: JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Perform a custom animation of a set of CSS properties.
+     * @param properties An object of CSS properties and values that the animation will move toward.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/animate/ }\`
+     * @since 1.0
+     */
+    animate(properties: JQuery.PlainObject,
+            complete?: (this: TElement) => void): this;
+    /**
+     * Insert content, specified by the parameter, to the end of each element in the set of matched elements.
+     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
+     *                 jQuery objects to insert at the end of each element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/append/ }\`
+     * @since 1.0
+     * @example ​ ````Appends some HTML to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>append demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).append( "<strong>Hello</strong>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Appends an Element to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>append demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).append( document.createTextNode( "Hello" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Appends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>append demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<strong>Hello world!!!</strong>
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).append( $( "strong" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    append(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
+    /**
+     * Insert content, specified by the parameter, to the end of each element in the set of matched elements.
+     * @param funсtion A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert at
+     *                 the end of each element in the set of matched elements. Receives the index position of the element
+     *                 in the set and the old HTML value of the element as arguments. Within the function, `this` refers to
+     *                 the current element in the set.
+     * @see \`{@link https://api.jquery.com/append/ }\`
+     * @since 1.4
+     */
+    append(funсtion: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
+    /**
+     * Insert every element in the set of matched elements to the end of the target.
+     * @param target A selector, element, HTML string, array of elements, or jQuery object; the matched set of elements
+     *               will be inserted at the end of the element(s) specified by this parameter.
+     * @see \`{@link https://api.jquery.com/appendTo/ }\`
+     * @since 1.0
+     * @example ​ ````Append all spans to the element with the ID &quot;foo&quot; (Check append() documentation for more examples)
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>appendTo demo</title>
+  <style>
+  #foo {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>I have nothing more to say... </span>
+​
+<div id="foo">FOO! </div>
+​
+<script>
+$( "span" ).appendTo( "#foo" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    appendTo(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Element | DocumentFragment> | JQuery): this;
+    /**
+     * Set one or more attributes for the set of matched elements.
+     * @param attributeName The name of the attribute to set.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A value to set for the attribute. If `null`, the specified attribute will be removed (as in \`{@link removeAttr .removeAttr()}`). <br>
+     * * `function` — A function returning the value to set. `this` is the current element. Receives the index position of
+     *                the element in the set and the old attribute value as arguments.
+     * @see \`{@link https://api.jquery.com/attr/ }\`
+     * @since 1.0
+     * @since 1.1
+     * @example ​ ````Set the id for divs based on the position in the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>attr demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  b {
+    font-weight: bolder;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>Zero-th <span></span></div>
+<div>First <span></span></div>
+<div>Second <span></span></div>
+​
+<script>
+$( "div" )
+  .attr( "id", function( arr ) {
+    return "div-id" + arr;
+  })
+  .each(function() {
+    $( "span", this ).html( "(id = '<b>" + this.id + "</b>')" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Set the src attribute from title attribute on the image.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>attr demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<img title="hat.gif">
+​
+<script>
+$( "img" ).attr( "src", function() {
+  return "/resources/" + this.title;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    attr(attributeName: string,
+         value_function: string | number | null | ((this: TElement, index: number, attr: string) => string | number | void | undefined)): this;
+    /**
+     * Set one or more attributes for the set of matched elements.
+     * @param attributes An object of attribute-value pairs to set.
+     * @see \`{@link https://api.jquery.com/attr/ }\`
+     * @since 1.0
+     * @example ​ ````Set some attributes for all &lt;img&gt;s in the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>attr demo</title>
+  <style>
+  img {
+    padding: 10px;
+  }
+  div {
+    color: red;
+    font-size: 24px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<img>
+<img>
+<img>
+​
+<div><b>Attribute of Ajax</b></div>
+​
+<script>
+$( "img" ).attr({
+  src: "/resources/hat.gif",
+  title: "jQuery",
+  alt: "jQuery Logo"
+});
+$( "div" ).text( $( "img" ).attr( "alt" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    attr(attributes: JQuery.PlainObject): this;
+    /**
+     * Get the value of an attribute for the first element in the set of matched elements.
+     * @param attributeName The name of the attribute to get.
+     * @see \`{@link https://api.jquery.com/attr/ }\`
+     * @since 1.0
+     * @example ​ ````Display the checked attribute and property of a checkbox as it changes.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>attr demo</title>
+  <style>
+  p {
+    margin: 20px 0 0;
+  }
+  b {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input id="check1" type="checkbox" checked="checked">
+<label for="check1">Check me</label>
+<p></p>
+​
+<script>
+$( "input" )
+  .change(function() {
+    var $input = $( this );
+    $( "p" ).html( ".attr( 'checked' ): <b>" + $input.attr( "checked" ) + "</b><br>" +
+      ".prop( 'checked' ): <b>" + $input.prop( "checked" ) + "</b><br>" +
+      ".is( ':checked' ): <b>" + $input.is( ":checked" ) + "</b>" );
+  })
+  .change();
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find the title attribute of the first &lt;em&gt; in the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>attr demo</title>
+  <style>
+  em {
+    color: blue;
+    font-weight: bold;
+  }
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Once there was a <em title="huge, gigantic">large</em> dinosaur...</p>
+​
+The title of the emphasis is:<div></div>
+​
+<script>
+var title = $( "em" ).attr( "title" );
+$( "div" ).text( title );
+</script>
+​
+</body>
+</html>
+```
+     */
+    attr(attributeName: string): string | undefined;
+    /**
+     * Insert content, specified by the parameter, before each element in the set of matched elements.
+     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
+     *                 jQuery objects to insert before each element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/before/ }\`
+     * @since 1.0
+     * @example ​ ````Inserts some HTML before all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>before demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p> is what I said...</p>
+​
+<script>
+$( "p" ).before( "<b>Hello</b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Inserts a DOM element before all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>before demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p> is what I said...</p>
+​
+<script>
+$( "p" ).before( document.createTextNode( "Hello" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>before demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p> is what I said...</p><b>Hello</b>
+​
+<script>
+$( "p" ).before( $( "b" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    before(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
+    /**
+     * Insert content, specified by the parameter, before each element in the set of matched elements.
+     * @param function_functionｰhtml _&#x40;param_ `function_functionｰhtml`
+     * <br>
+     * * `function` — A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
+     *                before each element in the set of matched elements. Receives the index position of the element in
+     *                the set as an argument. Within the function, `this` refers to the current element in the set. <br>
+     * * `functionｰhtml` — A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
+     *                     before each element in the set of matched elements. Receives the index position of the element in
+     *                     the set and the old HTML value of the element as arguments. Within the function, `this` refers to the
+     *                     current element in the set.
+     * @see \`{@link https://api.jquery.com/before/ }\`
+     * @since 1.4
+     * @since 1.10
+     */
+    before(function_functionｰhtml: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
+    // [bind() overloads] https://github.com/jquery/api.jquery.com/issues/1048
+    /**
+     * Attach a handler to an event for the elements.
+     * @param eventType A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/bind/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     */
+    bind<TData>(eventType: string,
+                eventData: TData,
+                handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach a handler to an event for the elements.
+     * @param eventType A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
+     * @param handler_preventBubble _&#x40;param_ `handler_preventBubble`
+     * <br>
+     * * `handler` — A function to execute each time the event is triggered. <br>
+     * * `preventBubble` — Setting the third argument to false will attach a function that prevents the default action from
+     *                     occurring and stops the event from bubbling. The default is `true`.
+     * @see \`{@link https://api.jquery.com/bind/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````Handle click and double-click for the paragraph.  Note: the coordinates are window relative, so in this case relative to the demo iframe.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>bind demo</title>
+  <style>
+  p {
+    background: yellow;
+    font-weight: bold;
+    cursor: pointer;
+    padding: 5px;
+  }
+  p.over {
+     background: #ccc;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Click or double click here.</p>
+<span></span>
+​
+<script>
+$( "p" ).bind( "click", function( event ) {
+  var str = "( " + event.pageX + ", " + event.pageY + " )";
+  $( "span" ).text( "Click happened! " + str );
+});
+$( "p" ).bind( "dblclick", function() {
+  $( "span" ).text( "Double-click happened in " + this.nodeName );
+});
+$( "p" ).bind( "mouseenter mouseleave", function( event ) {
+  $( this ).toggleClass( "over" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To display each paragraph&#39;s text in an alert box whenever it is clicked:
+```javascript
+$( "p" ).bind( "click", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Cancel a default action and prevent it from bubbling up by returning false:
+```javascript
+$( "form" ).bind( "submit", function() {
+  return false;
+})
+```
+     * @example ​ ````Cancel only the default action by using the .preventDefault() method.
+```javascript
+$( "form" ).bind( "submit", function( event ) {
+  event.preventDefault();
+});
+```
+     * @example ​ ````Stop an event from bubbling without preventing the default action by using the .stopPropagation() method.
+```javascript
+$( "form" ).bind( "submit", function( event ) {
+  event.stopPropagation();
+});
+```
+     * @example ​ ````Bind custom events.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>bind demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  span {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Has an attached custom event.</p>
+<button>Trigger custom event</button>
+<span style="display: none;"></span>
+​
+<script>
+$( "p" ).bind( "myCustomEvent", function( e, myName, myValue ) {
+  $( this ).text( myName + ", hi there!" );
+  $( "span" )
+    .stop()
+    .css( "opacity", 1 )
+    .text( "myName = " + myName )
+    .fadeIn( 30 )
+    .fadeOut( 1000 );
+  });
+$( "button" ).click(function() {
+  $( "p" ).trigger( "myCustomEvent", [ "John" ] );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    bind(eventType: string,
+         handler_preventBubble: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false | null | undefined): this;
+    /**
+     * Attach a handler to an event for the elements.
+     * @param events An object containing one or more DOM event types and functions to execute for them.
+     * @see \`{@link https://api.jquery.com/bind/ }\`
+     * @since 1.4
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````Bind multiple events simultaneously.
+```javascript
+$( "div.test" ).bind({
+  click: function() {
+    $( this ).addClass( "active" );
+  },
+  mouseenter: function() {
+    $( this ).addClass( "inside" );
+  },
+  mouseleave: function() {
+    $( this ).removeClass( "inside" );
+  }
+});
+```
+     */
+    bind(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
+    /**
+     * Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/blur/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    blur<TData>(eventData: TData,
+                handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/blur/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To trigger the blur event on all paragraphs:
+```javascript
+$( "p" ).blur();
+```
+     */
+    blur(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/change/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    change<TData>(eventData: TData,
+                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/change/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Attaches a change event to the select that gets the text for each selected option and writes them in the div.  It then triggers the event for the initial text draw.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>change demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<select name="sweets" multiple="multiple">
+  <option>Chocolate</option>
+  <option selected="selected">Candy</option>
+  <option>Taffy</option>
+  <option selected="selected">Caramel</option>
+  <option>Fudge</option>
+  <option>Cookie</option>
+</select>
+<div></div>
+​
+<script>
+$( "select" )
+  .change(function () {
+    var str = "";
+    $( "select option:selected" ).each(function() {
+      str += $( this ).text() + " ";
+    });
+    $( "div" ).text( str );
+  })
+  .change();
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To add a validity test to all text input elements:
+```javascript
+$( "input[type='text']" ).change(function() {
+  // Check input( $( this ).val() ) for validity here
+});
+```
+     */
+    change(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Get the children of each element in the set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/children/ }\`
+     * @since 1.0
+     * @example ​ ````Find all children of the clicked element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>children demo</title>
+  <style>
+  body {
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  div {
+    width: 130px;
+    height: 82px;
+    margin: 10px;
+    float: left;
+    border: 1px solid blue;
+    padding: 4px;
+  }
+  #container {
+    width: auto;
+    height: 105px;
+    margin: 0;
+    float: none;
+    border: none;
+  }
+  .hilite {
+    border-color: red;
+  }
+  #results {
+    display: block;
+    color: red;
+  }
+  p, span, em, a, b, button {
+    border: 1px solid transparent;
+  }
+  p {
+    margin: 10px;
+  }
+  span {
+    color: blue;
+  }
+  input {
+    width: 100px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="container">
+  <div>
+    <p>This <span>is the <em>way</em> we</span>
+      write <em>the</em> demo,</p>
+  </div>
+​
+  <div>
+    <a href="#"><b>w</b>rit<b>e</b></a> the <span>demo,</span> <button>write
+    the</button> demo,
+  </div>
+​
+  <div>
+    This <span>the way we <em>write</em> the <em>demo</em> so</span>
+    <input type="text" value="early"> in
+  </div>
+​
+  <p>
+    <span>t</span>he <span>m</span>orning.
+    <span id="results">Found <span>0</span> children in <span>TAG</span>.</span>
+  </p>
+</div>
+​
+<script>
+$( "#container" ).click(function ( event ) {
+  $( "*" ).removeClass( "hilite" );
+  var kids = $( event.target ).children();
+  var len = kids.addClass( "hilite" ).length;
+​
+  $( "#results span:first" ).text( len );
+  $( "#results span:last" ).text( event.target.tagName );
+​
+  event.preventDefault();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find all children of each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>children demo</title>
+  <style>
+  body {
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  span {
+    color: blue;
+  }
+  p {
+    margin: 5px 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello (this is a paragraph)</p>
+​
+<div><span>Hello Again (this span is a child of the a div)</span></div>
+<p>And <span>Again</span> (in another paragraph)</p>
+​
+<div>And One Last <span>Time</span> (most text directly in a div)</div>
+​
+<script>
+$( "div" ).children().css( "border-bottom", "3px double red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find all children with a class &quot;selected&quot; of each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>children demo</title>
+  <style>
+  body {
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  p {
+    margin: 5px 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  <span>Hello</span>
+  <p class="selected">Hello Again</p>
+  <div class="selected">And Again</div>
+  <p>And One Last Time</p>
+</div>
+​
+<script>
+$( "div" ).children( ".selected" ).css( "color", "blue" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    children(selector?: JQuery.Selector): this;
+    /**
+     * Remove from the queue all items that have not yet been run.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @see \`{@link https://api.jquery.com/clearQueue/ }\`
+     * @since 1.4
+     * @example ​ ````Empty the queue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>clearQueue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="start">Start</button>
+<button id="stop">Stop</button>
+<div></div>
+​
+<script>
+$( "#start" ).click(function() {
+  var myDiv = $( "div" );
+  myDiv.show( "slow" );
+  myDiv.animate({
+    left:"+=200"
+  }, 5000 );
+​
+  myDiv.queue(function() {
+    var that = $( this );
+    that.addClass( "newcolor" );
+    that.dequeue();
+  });
+​
+  myDiv.animate({
+    left:"-=200"
+  }, 1500 );
+  myDiv.queue(function() {
+    var that = $( this );
+    that.removeClass( "newcolor" );
+    that.dequeue();
+  });
+  myDiv.slideUp();
+});
+​
+$( "#stop" ).click(function() {
+  var myDiv = $( "div" );
+  myDiv.clearQueue();
+  myDiv.stop();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    clearQueue(queueName?: string): this;
+    /**
+     * Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/click/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    click<TData>(eventData: TData,
+                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/click/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Hide paragraphs on a page when they are clicked:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>click demo</title>
+  <style>
+  p {
+    color: red;
+    margin: 5px;
+    cursor: pointer;
+  }
+  p:hover {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>First Paragraph</p>
+<p>Second Paragraph</p>
+<p>Yet one more Paragraph</p>
+​
+<script>
+$( "p" ).click(function() {
+  $( this ).slideUp();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Trigger the click event on all of the paragraphs on the page:
+```javascript
+$( "p" ).click();
+```
+     */
+    click(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Create a deep copy of the set of matched elements.
+     * @param withDataAndEvents A Boolean indicating whether event handlers and data should be copied along with the elements. The
+     *                          default value is false. *In jQuery 1.5.0 the default value was incorrectly true; it was changed back
+     *                          to false in 1.5.1 and up.
+     * @param deepWithDataAndEvents A Boolean indicating whether event handlers and data for all children of the cloned element should
+     *                              be copied. By default its value matches the first argument's value (which defaults to false).
+     * @see \`{@link https://api.jquery.com/clone/ }\`
+     * @since 1.0
+     * @since 1.5
+     * @example ​ ````Clones all b elements (and selects the clones) and prepends them to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>clone demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<b>Hello</b><p>, how are you?</p>
+​
+<script>
+$( "b" ).clone().prependTo( "p" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    clone(withDataAndEvents?: boolean, deepWithDataAndEvents?: boolean): this;
+    /**
+     * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+     * @param selector A string containing a selector expression to match elements against.
+     * @param context A DOM element within which a matching element may be found.
+     * @see \`{@link https://api.jquery.com/closest/ }\`
+     * @since 1.4
+     */
+    closest(selector: JQuery.Selector, context: Element): this;
+    /**
+     * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+     * @param selector_selection_element _&#x40;param_ `selector_selection_element`
+     * <br>
+     * * `selector` — A string containing a selector expression to match elements against. <br>
+     * * `selection` — A jQuery object to match elements against. <br>
+     * * `element` — An element to match elements against.
+     * @see \`{@link https://api.jquery.com/closest/ }\`
+     * @since 1.3
+     * @since 1.6
+     * @example ​ ````Show how event delegation can be done with closest. The closest list element toggles a yellow background when it or its descendent is clicked.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>closest demo</title>
+  <style>
+  li {
+    margin: 3px;
+    padding: 3px;
+    background: #EEEEEE;
+  }
+  li.highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li><b>Click me!</b></li>
+  <li>You can also <b>Click me!</b></li>
+</ul>
+​
+<script>
+$( document ).on( "click", function( event ) {
+  $( event.target ).closest( "li" ).toggleClass( "highlight" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Pass a jQuery object to closest. The closest list element toggles a yellow background when it or its descendent is clicked.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>closest demo</title>
+  <style>
+  li {
+    margin: 3px;
+    padding: 3px;
+    background: #EEEEEE;
+  }
+  li.highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li><b>Click me!</b></li>
+  <li>You can also <b>Click me!</b></li>
+</ul>
+​
+<script>
+var listElements = $( "li" ).css( "color", "blue" );
+$( document ).on( "click", function( event ) {
+  $( event.target ).closest( listElements ).toggleClass( "highlight" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    closest(selector_selection_element: JQuery.Selector | Element | JQuery): this;
+    /**
+     * Get the children of each element in the set of matched elements, including text and comment nodes.
+     * @see \`{@link https://api.jquery.com/contents/ }\`
+     * @since 1.2
+     * @example ​ ````Find all the text nodes inside a paragraph and wrap them with a bold tag.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>contents demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello <a href="https://johnresig.com/">John</a>, how are you doing?</p>
+​
+<script>
+$( "p" )
+  .contents()
+  .filter(function(){
+    return this.nodeType !== 1;
+  })
+  .wrap( "<b></b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the background color of links inside of an iframe.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>contents demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<iframe src="https://api.jquery.com/" width="80%" height="600" id="frameDemo"></iframe>
+​
+<script>
+$( "#frameDemo" ).contents().find( "a" ).css( "background-color", "#BADA55" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    contents(): JQuery<TElement | Text | Comment>;
+    /**
+     * Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/contextmenu/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    contextmenu<TData>(eventData: TData,
+                       handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/contextmenu/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To show a &quot;Hello World!&quot; alert box when the contextmenu event is triggered on a paragraph on the page:
+```javascript
+$( "p" ).contextmenu(function() {
+  alert( "Hello World!" );
+});
+```
+     * @example ​ ````Right click to toggle background color.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>contextmenu demo</title>
+  <style>
+  div {
+    background: blue;
+    color: white;
+    height: 100px;
+    width: 150px;
+ }
+  div.contextmenu {
+    background: yellow;
+    color: black;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<span>Right click the block</span>
+​
+<script>
+var div = $( "div:first" );
+div.contextmenu(function() {
+  div.toggleClass( "contextmenu" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    contextmenu(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Set one or more CSS properties for the set of matched elements.
+     * @param propertyName A CSS property name.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A value to set for the property. <br>
+     * * `function` — A function returning the value to set. `this` is the current element. Receives the index position of
+     *                the element in the set and the old value as arguments.
+     * @see \`{@link https://api.jquery.com/css/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Change the color of any paragraph to red on mouseover event.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  p {
+    color: blue;
+    width: 200px;
+    font-size: 14px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <p>Just roll the mouse over me.</p>
+​
+  <p>Or me to see a color change.</p>
+​
+<script>
+$( "p" ).on( "mouseover", function() {
+  $( this ).css( "color", "red" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Increase the width of #box by 200 pixels the first time it is clicked.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  #box {
+    background: black;
+    color: snow;
+    width: 100px;
+    padding: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="box">Click me to grow</div>
+​
+<script>
+$( "#box" ).one( "click", function() {
+  $( this ).css( "width", "+=200" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Highlight a clicked word in the paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  p {
+    color: blue;
+    font-weight: bold;
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  Once upon a time there was a man
+  who lived in a pizza parlor. This
+  man just loved pizza and ate it all
+  the time.  He went on to be the
+  happiest man in the world.  The end.
+</p>
+​
+<script>
+var words = $( "p" ).first().text().split( /\s+/ );
+var text = words.join( "</span> <span>" );
+$( "p" ).first().html( "<span>" + text + "</span>" );
+$( "span" ).on( "click", function() {
+  $( this ).css( "background-color", "yellow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    css(propertyName: string,
+        value_function: string | number | ((this: TElement, index: number, value: string) => string | number | void | undefined)): this;
+    /**
+     * Set one or more CSS properties for the set of matched elements.
+     * @param properties An object of property-value pairs to set.
+     * @see \`{@link https://api.jquery.com/css/ }\`
+     * @since 1.0
+     * @example ​ ````Change the font weight and background color on mouseenter and mouseleave.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  p {
+    color: green;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Move the mouse over a paragraph.</p>
+<p>Like this one or the one above.</p>
+​
+<script>
+$( "p" )
+  .on( "mouseenter", function() {
+    $( this ).css({
+      "background-color": "yellow",
+      "font-weight": "bolder"
+    });
+  })
+  .on( "mouseleave", function() {
+    var styles = {
+      backgroundColor : "#ddd",
+      fontWeight: ""
+    };
+    $( this ).css( styles );
+  });
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Increase the size of a div when you click it.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  div {
+    width: 20px;
+    height: 15px;
+    background-color: #f33;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>click</div>
+<div>click</div>
+​
+<script>
+$( "div" ).on( "click", function() {
+  $( this ).css({
+    width: function( index, value ) {
+      return parseFloat( value ) * 1.2;
+    },
+    height: function( index, value ) {
+      return parseFloat( value ) * 1.2;
+    }
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    css(properties: JQuery.PlainObject<string | number | ((this: TElement, index: number, value: string) => string | number | void | undefined)>): this;
+    /**
+     * Get the computed style properties for the first element in the set of matched elements.
+     * @param propertyName A CSS property.
+     * @see \`{@link https://api.jquery.com/css/ }\`
+     * @since 1.0
+     * @example ​ ````Get the background color of a clicked div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span id="result">&nbsp;</span>
+<div style="background-color:blue;"></div>
+<div style="background-color:rgb(15,99,30);"></div>
+<div style="background-color:#123456;"></div>
+<div style="background-color:#f11;"></div>
+​
+<script>
+$( "div" ).click(function() {
+  var color = $( this ).css( "background-color" );
+  $( "#result" ).html( "That div is <span style='color:" +
+    color + ";'>" + color + "</span>." );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    css(propertyName: string): string;
+    /**
+     * Get the computed style properties for the first element in the set of matched elements.
+     * @param propertyNames An array of one or more CSS properties.
+     * @see \`{@link https://api.jquery.com/css/ }\`
+     * @since 1.9
+     * @example ​ ````Get the width, height, text color, and background color of a clicked div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>css demo</title>
+  <style>
+  div {
+    height: 50px;
+    margin: 5px;
+    padding: 5px;
+    float: left;
+  }
+  #box1 {
+    width: 50px;
+    color: yellow;
+    background-color: blue;
+  }
+  #box2 {
+    width: 80px;
+    color: rgb(255, 255, 255);
+    background-color: rgb(15, 99, 30);
+  }
+  #box3 {
+    width: 40px;
+    color: #fcc;
+    background-color: #123456;
+  }
+  #box4 {
+    width: 70px;
+    background-color: #f11;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p id="result">&nbsp;</p>
+<div id="box1">1</div>
+<div id="box2">2</div>
+<div id="box3">3</div>
+<div id="box4">4</div>
+​
+<script>
+$( "div" ).click(function() {
+  var html = [ "The clicked div has the following styles:" ];
+​
+  var styleProps = $( this ).css([
+    "width", "height", "color", "background-color"
+  ]);
+  $.each( styleProps, function( prop, value ) {
+    html.push( prop + ": " + value );
+  });
+​
+  $( "#result" ).html( html.join( "<br>" ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    css(propertyNames: string[]): JQuery.PlainObject<string>;
+    /**
+     * Store arbitrary data associated with the matched elements.
+     * @param key A string naming the piece of data to set.
+     * @param value The new data value; this can be any Javascript type except `undefined`.
+     * @see \`{@link https://api.jquery.com/data/ }\`
+     * @since 1.2.3
+     * @example ​ ````Store then retrieve a value from the div element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>data demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  The values stored were
+  <span></span>
+  and
+  <span></span>
+</div>
+​
+<script>
+$( "div" ).data( "test", { first: 16, last: "pizza!" } );
+$( "span:first" ).text( $( "div" ).data( "test" ).first );
+$( "span:last" ).text( $( "div" ).data( "test" ).last );
+</script>
+​
+</body>
+</html>
+```
+     */
+    data(key: string, value: string | number | boolean | symbol | object | null): this;
+    /**
+     * Store arbitrary data associated with the matched elements.
+     * @param obj An object of key-value pairs of data to update.
+     * @see \`{@link https://api.jquery.com/data/ }\`
+     * @since 1.4.3
+     */
+    data(obj: JQuery.PlainObject): this;
+    /**
+     * Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
+     * @param key Name of the data stored.
+     * @param value `undefined` is not recognized as a data value. Calls such as `.data( "name", undefined )`
+     *              will return the jQuery object that it was called on, allowing for chaining.
+     * @see \`{@link https://api.jquery.com/data/ }\`
+     * @since 1.2.3
+     */
+    // `unified-signatures` is disabled so that behavior when passing `undefined` to `value` can be documented. Unifying the signatures
+    // results in potential confusion for users from an unexpected parameter.
+    // tslint:disable-next-line:unified-signatures
+    data(key: string, value: undefined): any;
+    /**
+     * Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
+     * @param key Name of the data stored.
+     * @see \`{@link https://api.jquery.com/data/ }\`
+     * @since 1.2.3
+     * @example ​ ````Get the data named &quot;blah&quot; stored at for an element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>data demo</title>
+  <style>
+  div {
+    margin: 5px;
+    background: yellow;
+  }
+  button {
+    margin: 5px;
+    font-size: 14px;
+  }
+  p {
+    margin: 5px;
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>A div</div>
+<button>Get "blah" from the div</button>
+<button>Set "blah" to "hello"</button>
+<button>Set "blah" to 86</button>
+<button>Remove "blah" from the div</button>
+<p>The "blah" value of this div is <span>?</span></p>
+​
+<script>
+$( "button" ).click(function() {
+  var value;
+​
+  switch ( $( "button" ).index( this ) ) {
+    case 0 :
+      value = $( "div" ).data( "blah" );
+      break;
+    case 1 :
+      $( "div" ).data( "blah", "hello" );
+      value = "Stored!";
+      break;
+    case 2 :
+      $( "div" ).data( "blah", 86 );
+      value = "Stored!";
+      break;
+    case 3 :
+      $( "div" ).removeData( "blah" );
+      value = "Removed!";
+      break;
+  }
+​
+  $( "span" ).text( "" + value );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    data(key: string): any;
+    /**
+     * Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
+     * @see \`{@link https://api.jquery.com/data/ }\`
+     * @since 1.4
+     */
+    data(): JQuery.PlainObject;
+    /**
+     * Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/dblclick/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    dblclick<TData>(eventData: TData,
+                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/dblclick/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To bind a &quot;Hello World!&quot; alert box to the dblclick event on every paragraph on the page:
+```javascript
+$( "p" ).dblclick(function() {
+  alert( "Hello World!" );
+});
+```
+     * @example ​ ````Double click to toggle background color.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>dblclick demo</title>
+  <style>
+  div {
+    background: blue;
+    color: white;
+    height: 100px;
+    width: 150px;
+ }
+  div.dbl {
+    background: yellow;
+    color: black;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<span>Double click the block</span>
+​
+<script>
+var divdbl = $( "div:first" );
+divdbl.dblclick(function() {
+  divdbl.toggleClass( "dbl" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    dblclick(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Set a timer to delay execution of subsequent items in the queue.
+     * @param duration An integer indicating the number of milliseconds to delay execution of the next item in the queue.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @see \`{@link https://api.jquery.com/delay/ }\`
+     * @since 1.4
+     * @example ​ ````Animate the hiding and showing of two divs, delaying the first before showing it.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>delay demo</title>
+  <style>
+  div {
+    position: absolute;
+    width: 60px;
+    height: 60px;
+    float: left;
+  }
+  .first {
+    background-color: #3f3;
+    left: 0;
+  }
+  .second {
+    background-color: #33f;
+    left: 80px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button>Run</button></p>
+<div class="first"></div>
+<div class="second"></div>
+​
+<script>
+$( "button" ).click(function() {
+  $( "div.first" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
+  $( "div.second" ).slideUp( 300 ).fadeIn( 400 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    delay(duration: JQuery.Duration, queueName?: string): this;
+    /**
+     * Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
+     * @param selector A selector to filter the elements that trigger the event.
+     * @param eventType A string containing one or more space-separated JavaScript event types, such as "click" or
+     *                  "keydown," or custom event names.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/delegate/ }\`
+     * @since 1.4.2
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     */
+    delegate<TData>(selector: JQuery.Selector,
+                    eventType: string,
+                    eventData: TData,
+                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
+     * @param selector A selector to filter the elements that trigger the event.
+     * @param eventType A string containing one or more space-separated JavaScript event types, such as "click" or
+     *                  "keydown," or custom event names.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/delegate/ }\`
+     * @since 1.4.2
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````Click a paragraph to add another. Note that .delegate() attaches a click event handler to all paragraphs - even new ones.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>delegate demo</title>
+  <style>
+  p {
+    background: yellow;
+    font-weight: bold;
+    cursor: pointer;
+    padding: 5px;
+  }
+  p.over {
+    background: #ccc;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Click me!</p>
+​
+<span></span>
+​
+<script>
+$( "body" ).delegate( "p", "click", function() {
+  $( this ).after( "<p>Another paragraph!</p>" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To display each paragraph&#39;s text in an alert box whenever it is clicked:
+```javascript
+$( "body" ).delegate( "p", "click", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````To cancel a default action and prevent it from bubbling up, return false:
+```javascript
+$( "body" ).delegate( "a", "click", function() {
+  return false;
+});
+```
+     * @example ​ ````To cancel only the default action by using the preventDefault method.
+```javascript
+$( "body" ).delegate( "a", "click", function( event ) {
+  event.preventDefault();
+});
+```
+     * @example ​ ````Can bind custom events too.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>delegate demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  span {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Has an attached custom event.</p>
+<button>Trigger custom event</button>
+<span style="display:none;"></span>
+​
+<script>
+$( "body" ).delegate( "p", "myCustomEvent", function( e, myName, myValue ) {
+  $( this ).text( "Hi there!" );
+  $( "span" )
+    .stop()
+    .css( "opacity", 1 )
+    .text( "myName = " + myName )
+    .fadeIn( 30 )
+    .fadeOut( 1000 );
+});
+$( "button" ).click(function() {
+  $( "p" ).trigger( "myCustomEvent" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    delegate(selector: JQuery.Selector,
+             eventType: string,
+             handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
+     * @param selector A selector to filter the elements that trigger the event.
+     * @param events A plain object of one or more event types and functions to execute for them.
+     * @see \`{@link https://api.jquery.com/delegate/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link on }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     */
+    delegate(selector: JQuery.Selector,
+             events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
+    /**
+     * Execute the next function on the queue for the matched elements.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @see \`{@link https://api.jquery.com/dequeue/ }\`
+     * @since 1.2
+     * @example ​ ````Use dequeue to end a custom queue function which allows the queue to keep going.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>dequeue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 50px;
+    position: absolute;
+    height: 50px;
+    left: 10px;
+    top: 30px;
+    background-color: yellow;
+  }
+  div.red {
+    background-color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Start</button>
+<div></div>
+​
+<script>
+$( "button" ).click(function() {
+  $( "div" )
+    .animate({ left:"+=200px" }, 2000 )
+    .animate({ top:"0px" }, 600 )
+    .queue(function() {
+      $( this ).toggleClass( "red" ).dequeue();
+    })
+    .animate({ left:"10px", top:"30px" }, 700 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    dequeue(queueName?: string): this;
+    /**
+     * Remove the set of matched elements from the DOM.
+     * @param selector A selector expression that filters the set of matched elements to be removed.
+     * @see \`{@link https://api.jquery.com/detach/ }\`
+     * @since 1.4
+     * @example ​ ````Detach all paragraphs from the DOM
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>detach demo</title>
+  <style>
+  p {
+    background: yellow;
+    margin: 6px 0;
+  }
+  p.off {
+    background: black;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+how are
+<p>you?</p>
+<button>Attach/detach paragraphs</button>
+​
+<script>
+$( "p" ).click(function() {
+  $( this ).toggleClass( "off" );
+});
+var p;
+$( "button" ).click(function() {
+  if ( p ) {
+    p.appendTo( "body" );
+    p = null;
+  } else {
+    p = $( "p" ).detach();
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    detach(selector?: JQuery.Selector): this;
+    /**
+     * Iterate over a jQuery object, executing a function for each matched element.
+     * @param funсtion A function to execute for each matched element.
+     * @see \`{@link https://api.jquery.com/each/ }\`
+     * @since 1.0
+     * @example ​ ````Iterate over three divs and sets their color property.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>each demo</title>
+  <style>
+  div {
+    color: red;
+    text-align: center;
+    cursor: pointer;
+    font-weight: bolder;
+    width: 300px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>Click here</div>
+<div>to iterate through</div>
+<div>these divs.</div>
+​
+<script>
+$( document.body ).click(function() {
+  $( "div" ).each(function( i ) {
+    if ( this.style.color !== "blue" ) {
+      this.style.color = "blue";
+    } else {
+      this.style.color = "";
+    }
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To access a jQuery object instead of the regular DOM element, use $( this ). For example:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>each demo</title>
+  <style>
+  ul {
+    font-size: 18px;
+    margin: 0;
+  }
+  span {
+    color: blue;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+  .example {
+    font-style: italic;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+To do list: <span>(click here to change)</span>
+<ul>
+  <li>Eat</li>
+  <li>Sleep</li>
+  <li>Be merry</li>
+</ul>
+​
+<script>
+$( "span" ).click(function() {
+  $( "li" ).each(function() {
+    $( this ).toggleClass( "example" );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Use return false to break out of each() loops early.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>each demo</title>
+  <style>
+  div {
+    width: 40px;
+    height: 40px;
+    margin: 5px;
+    float: left;
+    border: 2px blue solid;
+    text-align: center;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Change colors</button>
+<span></span>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div id="stop">Stop here</div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "button" ).click(function() {
+  $( "div" ).each(function( index, element ) {
+    // element == this
+    $( element ).css( "backgroundColor", "yellow" );
+    if ( $( this ).is( "#stop" ) ) {
+      $( "span" ).text( "Stopped at div index #" + index );
+      return false;
+    }
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    each(funсtion: (this: TElement, index: number, element: TElement) => void | false): this;
+    /**
+     * Remove all child nodes of the set of matched elements from the DOM.
+     * @see \`{@link https://api.jquery.com/empty/ }\`
+     * @since 1.0
+     * @example ​ ````Removes all child nodes (including text nodes) from all paragraphs
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>empty demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  Hello, <span>Person</span> <em>and person</em>.
+</p>
+​
+<button>Call empty() on above paragraph</button>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).empty();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    empty(): this;
+    /**
+     * End the most recent filtering operation in the current chain and return the set of matched elements to its previous state.
+     * @see \`{@link https://api.jquery.com/end/ }\`
+     * @since 1.0
+     * @example ​ ````Selects all paragraphs, finds span elements inside these, and reverts the selection back to the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>end demo</title>
+  <style>
+  p, div {
+    margin: 1px;
+    padding: 1px;
+    font-weight: bold;
+    font-size: 16px;
+  }
+  div {
+    color: blue;
+  }
+  b {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  Hi there <span>how</span> are you <span>doing</span>?
+</p>
+​
+<p>
+  This <span>span</span> is one of
+  several <span>spans</span> in this
+  <span>sentence</span>.
+</p>
+​
+<div>
+  Tags in jQuery object initially: <b></b>
+</div>
+​
+<div>
+  Tags in jQuery object after find: <b></b>
+</div>
+​
+<div>
+  Tags in jQuery object after end: <b></b>
+</div>
+​
+<script>
+jQuery.fn.showTags = function( n ) {
+  var tags = this.map(function() {
+    return this.tagName;
+  })
+  .get()
+  .join( ", " );
+  $( "b:eq( " + n + " )" ).text( tags );
+  return this;
+};
+​
+$( "p" )
+  .showTags( 0 )
+  .find( "span" )
+    .showTags( 1 )
+    .css( "background", "yellow" )
+  .end()
+  .showTags( 2 )
+  .css( "font-style", "italic" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Selects all paragraphs, finds span elements inside these, and reverts the selection back to the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>end demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><span>Hello</span>, how are you?</p>
+​
+<script>
+$( "p" )
+  .find( "span" )
+  .end()
+  .css( "border", "2px red solid" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    end(): this;
+    /**
+     * Reduce the set of matched elements to the one at the specified index.
+     * @param index An integer indicating the 0-based position of the element.
+     *              An integer indicating the position of the element, counting backwards from the last element in the set.
+     * @see \`{@link https://api.jquery.com/eq/ }\`
+     * @since 1.1.2
+     * @since 1.4
+     * @example ​ ````Turn the div with index 2 blue by adding an appropriate class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>eq demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 10px;
+    float: left;
+    border: 2px solid blue;
+  }
+  .blue {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "body" ).find( "div" ).eq( 2 ).addClass( "blue" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    eq(index: number): this;
+    /**
+     * Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.
+     * @param obj An object to merge onto the jQuery prototype.
+     * @see \`{@link https://api.jquery.com/jQuery.fn.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Add two methods to the jQuery prototype ($.fn) object and then use one of them.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.fn.extend demo</title>
+  <style>
+  label {
+    display: block;
+    margin: .5em;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<label><input type="checkbox" name="foo"> Foo</label>
+<label><input type="checkbox" name="bar"> Bar</label>
+​
+<script>
+jQuery.fn.extend({
+  check: function() {
+    return this.each(function() {
+      this.checked = true;
+    });
+  },
+  uncheck: function() {
+    return this.each(function() {
+      this.checked = false;
+    });
+  }
+});
+​
+// Use the newly created .check() method
+$( "input[type='checkbox']" ).check();
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend(obj: object): this;
+    /**
+     * Display the matched elements by fading them to opaque.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
+     * @since 1.4.3
+     */
+    fadeIn(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Display the matched elements by fading them to opaque.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Fades a red block in over the text. Once the animation is done, it quickly fades in more text on top.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeIn demo</title>
+  <style>
+  p {
+    position: relative;
+    width: 400px;
+    height: 90px;
+  }
+  div {
+    position: absolute;
+    width: 400px;
+    height: 65px;
+    font-size: 36px;
+    text-align: center;
+    color: yellow;
+    background: red;
+    padding-top: 25px;
+    top: 0;
+    left: 0;
+    display: none;
+  }
+  span {
+    display: none;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  Let it be known that the party of the first part
+  and the party of the second part are henceforth
+  and hereto directed to assess the allegations
+  for factual correctness... (<a href="#">click!</a>)
+  <div><span>CENSORED!</span></div>
+</p>
+​
+<script>
+$( "a" ).click(function() {
+  $( "div" ).fadeIn( 3000, function() {
+    $( "span" ).fadeIn( 100 );
+  });
+  return false;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeIn(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Display the matched elements by fading them to opaque.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates hidden divs to fade in one by one, completing each animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeIn demo</title>
+  <style>
+  span {
+    color: red;
+    cursor: pointer;
+  }
+  div {
+    margin: 3px;
+    width: 80px;
+    display: none;
+    height: 80px;
+    float: left;
+  }
+  #one {
+    background: #f00;
+  }
+  #two {
+    background: #0f0;
+  }
+  #three {
+    background: #00f;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>Click here...</span>
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
+​
+<script>
+$( document.body ).click(function() {
+  $( "div:hidden:first" ).fadeIn( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeIn(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Hide the matched elements by fading them to transparent.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
+     * @since 1.4.3
+     * @example ​ ````Fades out two divs, one with a &quot;linear&quot; easing and one with the default, &quot;swing,&quot; easing.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeOut demo</title>
+  <style>
+  .box,
+  button {
+    float: left;
+    margin: 5px 10px 5px 0;
+  }
+  .box {
+    height: 80px;
+    width: 80px;
+    background: #090;
+  }
+  #log {
+    clear: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="btn1">fade out</button>
+<button id="btn2">show</button>
+​
+<div id="log"></div>
+​
+<div id="box1" class="box">linear</div>
+<div id="box2" class="box">swing</div>
+​
+<script>
+$( "#btn1" ).click(function() {
+  function complete() {
+    $( "<div>" ).text( this.id ).appendTo( "#log" );
+  }
+  $( "#box1" ).fadeOut( 1600, "linear", complete );
+  $( "#box2" ).fadeOut( 1600, complete );
+});
+​
+$( "#btn2" ).click(function() {
+  $( "div" ).show();
+  $( "#log" ).empty();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeOut(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Hide the matched elements by fading them to transparent.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Fades out spans in one section that you click on.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeOut demo</title>
+  <style>
+  span {
+    cursor: pointer;
+  }
+  span.hilite {
+    background: yellow;
+  }
+  div {
+    display: inline;
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<h3>Find the modifiers - <div></div></h3>
+<p>
+  If you <span>really</span> want to go outside
+  <span>in the cold</span> then make sure to wear
+  your <span>warm</span> jacket given to you by
+  your <span>favorite</span> teacher.
+</p>
+​
+<script>
+$( "span" ).click(function() {
+  $( this ).fadeOut( 1000, function() {
+    $( "div" ).text( "'" + $( this ).text() + "' has faded!" );
+    $( this ).remove();
+  });
+});
+$( "span" ).hover(function() {
+  $( this ).addClass( "hilite" );
+}, function() {
+  $( this ).removeClass( "hilite" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeOut(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Hide the matched elements by fading them to transparent.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all paragraphs to fade out, completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeOut demo</title>
+  <style>
+  p {
+    font-size: 150%;
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  If you click on this paragraph
+  you'll see it just fade away.
+</p>
+​
+<script>
+$( "p" ).click(function() {
+  $( "p" ).fadeOut( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeOut(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Adjust the opacity of the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param opacity A number between 0 and 1 denoting the target opacity.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeTo/ }\`
+     * @since 1.4.3
+     */
+    fadeTo(duration: JQuery.Duration, opacity: number, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Adjust the opacity of the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param opacity A number between 0 and 1 denoting the target opacity.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeTo/ }\`
+     * @since 1.0
+     * @example ​ ````Animates first paragraph to fade to an opacity of 0.33 (33%, about one third visible), completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeTo demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+Click this paragraph to see it fade.
+</p>
+​
+<p>
+Compare to this one that won't fade.
+</p>
+​
+<script>
+$( "p:first" ).click(function() {
+  $( this ).fadeTo( "slow", 0.33 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Fade div to a random opacity on each click, completing the animation within 200 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeTo demo</title>
+  <style>
+  p {
+    width: 80px;
+    margin: 0;
+    padding: 5px;
+  }
+  div {
+    width: 40px;
+    height: 40px;
+    position: absolute;
+  }
+  #one {
+    top: 0;
+    left: 0;
+    background: #f00;
+  }
+  #two {
+    top: 20px;
+    left: 20px;
+    background: #0f0;
+  }
+  #three {
+    top: 40px;
+    left:40px;
+    background:#00f;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>And this is the library that John built...</p>
+​
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
+​
+<script>
+$( "div" ).click(function() {
+  $( this ).fadeTo( "fast", Math.random() );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find the right answer! The fade will take 250 milliseconds and change various styles when it completes.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeTo demo</title>
+  <style>
+  div, p {
+    width: 80px;
+    height: 40px;
+    top: 0;
+    margin: 0;
+    position: absolute;
+    padding-top: 8px;
+  }
+  p {
+    background: #fcc;
+    text-align: center;
+  }
+  div {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Wrong</p>
+<div></div>
+<p>Wrong</p>
+<div></div>
+<p>Right!</p>
+<div></div>
+​
+<script>
+var getPos = function( n ) {
+  return (Math.floor( n ) * 90) + "px";
+};
+$( "p" ).each(function( n ) {
+  var r = Math.floor( Math.random() * 3 );
+  var tmp = $( this ).text();
+  $( this ).text( $( "p:eq(" + r + ")" ).text() );
+  $( "p:eq(" + r + ")" ).text( tmp );
+  $( this ).css( "left", getPos( n ) );
+});
+$( "div" )
+  .each(function( n ) {
+    $( this ).css( "left", getPos( n ) );
+  })
+  .css( "cursor", "pointer" )
+  .click( function() {
+    $( this ).fadeTo( 250, 0.25, function() {
+      $( this )
+        .css( "cursor", "" )
+        .prev()
+          .css({
+            "font-weight": "bolder",
+            "font-style": "italic"
+          });
+    });
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeTo(duration: JQuery.Duration, opacity: number, complete?: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements by animating their opacity.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
+     * @since 1.4.4
+     * @example ​ ````Fades first paragraph in or out, completing the animation within 600 milliseconds and using a linear easing. Fades last paragraph in or out for 200 milliseconds, inserting a &quot;finished&quot; message upon completion.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeToggle demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>fadeToggle p1</button>
+<button>fadeToggle p2</button>
+<p>This paragraph has a slow, linear fade.</p>
+<p>This paragraph has a fast animation.</p>
+<div id="log"></div>
+​
+<script>
+$( "button:first" ).click(function() {
+  $( "p:first" ).fadeToggle( "slow", "linear" );
+});
+$( "button:last" ).click(function() {
+  $( "p:last" ).fadeToggle( "fast", function() {
+    $( "#log" ).append( "<div>finished</div>" );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeToggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements by animating their opacity.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Fades first paragraph in or out, completing the animation within 600 milliseconds and using a linear easing. Fades last paragraph in or out for 200 milliseconds, inserting a &quot;finished&quot; message upon completion.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>fadeToggle demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>fadeToggle p1</button>
+<button>fadeToggle p2</button>
+<p>This paragraph has a slow, linear fade.</p>
+<p>This paragraph has a fast animation.</p>
+<div id="log"></div>
+​
+<script>
+$( "button:first" ).click(function() {
+  $( "p:first" ).fadeToggle( "slow", "linear" );
+});
+$( "button:last" ).click(function() {
+  $( "p:last" ).fadeToggle( "fast", function() {
+    $( "#log" ).append( "<div>finished</div>" );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    fadeToggle(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements by animating their opacity.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     */
+    fadeToggle(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Reduce the set of matched elements to those that match the selector or pass the function's test.
+     * @param selector_elements_selection_function _&#x40;param_ `selector_elements_selection_function`
+     * <br>
+     * * `selector` — A string containing a selector expression to match the current set of elements against. <br>
+     * * `elements` — One or more DOM elements to match the current set of elements against. <br>
+     * * `selection` — An existing jQuery object to match the current set of elements against. <br>
+     * * `function` — A function used as a test for each element in the set. this is the current DOM element.
+     * @see \`{@link https://api.jquery.com/filter/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Change the color of all divs; then add a border to those with a &quot;middle&quot; class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>filter demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    float: left;
+    border: 2px white solid;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div class="middle"></div>
+<div class="middle"></div>
+<div class="middle"></div>
+<div class="middle"></div>
+<div></div>
+​
+<script>
+$( "div" )
+  .css( "background", "#c8ebcc" )
+  .filter( ".middle" )
+    .css( "border-color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the color of all divs; then add a border to the second one (index == 1) and the div with an id of &quot;fourth.&quot;
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>filter demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    float: left;
+    border: 3px white solid;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="first"></div>
+<div id="second"></div>
+<div id="third"></div>
+<div id="fourth"></div>
+<div id="fifth"></div>
+<div id="sixth"></div>
+​
+<script>
+$( "div" )
+  .css( "background", "#b4b0da" )
+  .filter(function( index ) {
+    return index === 1 || $( this ).attr( "id" ) === "fourth";
+  })
+    .css( "border", "3px double red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Select all divs and filter the selection with a DOM element, keeping only the one with an id of &quot;unique&quot;.
+```javascript
+$( "div" ).filter( document.getElementById( "unique" ) );
+```
+     * @example ​ ````Select all divs and filter the selection with a jQuery object, keeping only the one with an id of &quot;unique&quot;.
+```javascript
+$( "div" ).filter( $( "#unique" ) );
+```
+     */
+    filter(selector_elements_selection_function:
+        JQuery.Selector |
+        JQuery.TypeOrArray<Element> |
+        JQuery |
+        ((this: TElement, index: number, element: TElement) => boolean)
+    ): this;
+    /**
+     * Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.
+     * @param selector_element _&#x40;param_ `selector_element`
+     * <br>
+     * * `selector` — A string containing a selector expression to match elements against. <br>
+     * * `element` — An element or a jQuery object to match elements against.
+     * @see \`{@link https://api.jquery.com/find/ }\`
+     * @since 1.0
+     * @since 1.6
+     * @example ​ ````Starts with all paragraphs and searches for descendant span elements, same as $( &quot;p span&quot; )
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>find demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><span>Hello</span>, how are you?</p>
+<p>Me? I'm <span>good</span>.</p>
+​
+<script>
+$( "p" ).find( "span" ).css( "color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````A selection using a jQuery collection of all span tags. Only spans within p tags are changed to red while others are left blue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>find demo</title>
+  <style>
+  span {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><span>Hello</span>, how are you?</p>
+<p>Me? I'm <span>good</span>.</p>
+<div>Did you <span>eat</span> yet?</div>
+​
+<script>
+var spans = $( "span" );
+$( "p" ).find( spans ).css( "color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Add spans around each word then add a hover and italicize words with the letter t.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>find demo</title>
+  <style>
+  p {
+    font-size: 20px;
+    width: 200px;
+    color: blue;
+    font-weight: bold;
+    margin: 0 10px;
+  }
+  .hilite {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  When the day is short
+  find that which matters to you
+  or stop believing
+</p>
+​
+<script>
+var newText = $( "p" ).text().split( " " ).join( "</span> <span>" );
+newText = "<span>" + newText + "</span>";
+​
+$( "p" )
+  .html( newText )
+  .find( "span" )
+    .hover(function() {
+      $( this ).addClass( "hilite" );
+    }, function() {
+      $( this ).removeClass( "hilite" );
+    })
+  .end()
+  .find( ":contains('t')" )
+    .css({
+      "font-style": "italic",
+      "font-weight": "bolder"
+    });
+</script>
+​
+</body>
+</html>
+```
+     */
+    find(selector_element: JQuery.Selector | Element | JQuery): this;
+    /**
+     * Stop the currently-running animation, remove all queued animations, and complete all animations for the matched elements.
+     * @param queue The name of the queue in which to stop animations.
+     * @see \`{@link https://api.jquery.com/finish/ }\`
+     * @since 1.9
+     * @example ​ ````Click the Go button once to start the animation, and then click the other buttons to see how they affect the current and queued animations.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>finish demo</title>
+  <style>
+  .box {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    width: 15px;
+    height: 15px;
+    background: black;
+  }
+  #path {
+    height: 244px;
+    font-size: 70%;
+    border-left: 2px dashed red;
+    border-bottom: 2px dashed green;
+    border-right: 2px dashed blue;
+  }
+  button {
+    width: 12em;
+    display: block;
+    text-align: left;
+    margin: 0 auto;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="box"></div>
+<div id="path">
+  <button id="go">Go</button>
+  <br>
+  <button id="bstt" class="b">.stop( true,true )</button>
+  <button id="bcf" class="b">.clearQueue().finish()</button>
+  <br>
+  <button id="bstf" class="b">.stop( true, false )</button>
+  <button id="bcs" class="b">.clearQueue().stop()</button>
+  <br>
+  <button id="bsff" class="b">.stop( false, false )</button>
+  <button id="bs" class="b">.stop()</button>
+  <br>
+  <button id="bsft" class="b">.stop( false, true )</button>
+  <br>
+  <button id="bf" class="b">.finish()</button>
+</div>
+​
+<script>
+var horiz = $( "#path" ).width() - 20,
+  vert = $( "#path" ).height() - 20;
+​
+var btns = {
+  bstt: function() {
+    $( "div.box" ).stop( true, true );
+  },
+  bs: function() {
+    $( "div.box" ).stop();
+  },
+  bsft: function() {
+    $( "div.box" ).stop( false, true );
+  },
+  bf: function() {
+    $( "div.box" ).finish();
+  },
+  bcf: function() {
+    $( "div.box" ).clearQueue().finish();
+  },
+  bsff: function() {
+    $( "div.box" ).stop( false, false );
+  },
+  bstf: function() {
+    $( "div.box" ).stop( true, false );
+  },
+  bcs: function() {
+    $( "div.box" ).clearQueue().stop();
+  }
+};
+​
+$( "button.b" ).on( "click", function() {
+  btns[ this.id ]();
+});
+​
+$( "#go" ).on( "click", function() {
+  $( ".box" )
+    .clearQueue()
+    .stop()
+    .css({
+      left: 10,
+      top: 10
+    })
+    .animate({
+      top: vert
+    }, 3000 )
+    .animate({
+      left: horiz
+    }, 3000 )
+    .animate({
+      top: 10
+    }, 3000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    finish(queue?: string): this;
+    /**
+     * Reduce the set of matched elements to the first in the set.
+     * @see \`{@link https://api.jquery.com/first/ }\`
+     * @since 1.4
+     * @example ​ ````Highlight the first span in a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>first demo</title>
+  <style>
+  .highlight{
+    background-color: yellow
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  <span>Look:</span>
+  <span>This is some text in a paragraph.</span>
+  <span>This is a note about it.</span>
+</p>
+​
+<script>
+$( "p span" ).first().addClass( "highlight" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    first(): this;
+    /**
+     * Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focus/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    focus<TData>(eventData: TData,
+                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focus/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Fire focus.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>focus demo</title>
+  <style>
+  span {
+    display: none;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><input type="text"> <span>focus fire</span></p>
+<p><input type="password"> <span>focus fire</span></p>
+​
+<script>
+$( "input" ).focus(function() {
+  $( this ).next( "span" ).css( "display", "inline" ).fadeOut( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To stop people from writing in text input boxes, try:
+```javascript
+$( "input[type=text]" ).focus(function() {
+  $( this ).blur();
+});
+```
+     * @example ​ ````To focus on a login input box with id &#39;login&#39; on page startup, try:
+```javascript
+$( document ).ready(function() {
+  $( "#login" ).focus();
+});
+```
+     */
+    focus(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "focusin" event.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focusin/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    focusin<TData>(eventData: TData,
+                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "focusin" event.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focusin/ }\`
+     * @since 1.4
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Watch for a focus to occur within the paragraphs on the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>focusin demo</title>
+  <style>
+  span {
+    display: none;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><input type="text"> <span>focusin fire</span></p>
+<p><input type="password"> <span>focusin fire</span></p>
+​
+<script>
+$( "p" ).focusin(function() {
+  $( this ).find( "span" ).css( "display", "inline" ).fadeOut( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    focusin(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "focusout" JavaScript event.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focusout/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    focusout<TData>(eventData: TData,
+                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "focusout" JavaScript event.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/focusout/ }\`
+     * @since 1.4
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Watch for a loss of focus to occur inside paragraphs and note the difference between the focusout count and the blur count. (The blur count does not change because those events do not bubble.)
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>focusout demo</title>
+  <style>
+  .inputs {
+    float: left;
+    margin-right: 1em;
+  }
+  .inputs p {
+    margin-top: 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="inputs">
+  <p>
+    <input type="text"><br>
+    <input type="text">
+  </p>
+  <p>
+    <input type="password">
+  </p>
+</div>
+<div id="focus-count">focusout fire</div>
+<div id="blur-count">blur fire</div>
+​
+<script>
+var focus = 0,
+  blur = 0;
+$( "p" )
+  .focusout(function() {
+    focus++;
+    $( "#focus-count" ).text( "focusout fired: " + focus + "x" );
+  })
+  .blur(function() {
+    blur++;
+    $( "#blur-count" ).text( "blur fired: " + blur + "x" );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    focusout(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Retrieve one of the elements matched by the jQuery object.
+     * @param index A zero-based integer indicating which element to retrieve.
+     * @see \`{@link https://api.jquery.com/get/ }\`
+     * @since 1.0
+     * @example ​ ````Display the tag name of the click element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>get demo</title>
+  <style>
+  span {
+    color: red;
+  }
+  div {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>&nbsp;</span>
+<p>In this paragraph is an <span>important</span> section</p>
+<div><input type="text"></div>
+​
+<script>
+$( "*", document.body ).click(function( event ) {
+  event.stopPropagation();
+  var domElement = $( this ).get( 0 );
+  $( "span:first" ).text( "Clicked on - " + domElement.nodeName );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    get(index: number): TElement;
+    /**
+     * Retrieve the elements matched by the jQuery object.
+     * @see \`{@link https://api.jquery.com/get/ }\`
+     * @since 1.0
+     * @example ​ ````Select all divs in the document and return the DOM Elements as an Array; then use the built-in reverse() method to reverse that array.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>get demo</title>
+  <style>
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Reversed - <span></span>
+​
+<div>One</div>
+<div>Two</div>
+<div>Three</div>
+​
+<script>
+function display( divs ) {
+  var a = [];
+  for ( var i = 0; i < divs.length; i++ ) {
+    a.push( divs[ i ].innerHTML );
+  }
+  $( "span" ).text( a.join(" ") );
+}
+display( $( "div" ).get().reverse() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    get(): TElement[];
+    /**
+     * Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element.
+     * @param selector_contained _&#x40;param_ `selector_contained`
+     * <br>
+     * * `selector` — A string containing a selector expression to match elements against. <br>
+     * * `contained` — A DOM element to match elements against.
+     * @see \`{@link https://api.jquery.com/has/ }\`
+     * @since 1.4
+     * @example ​ ````Check if an element is inside another.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>has demo</title>
+  <style>
+  .full {
+    border: 1px solid red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul><li>Does the UL contain an LI?</li></ul>
+​
+<script>
+$( "ul" ).append( "<li>" +
+  ( $( "ul" ).has( "li" ).length ? "Yes" : "No" ) +
+  "</li>" );
+$( "ul" ).has( "li" ).addClass( "full" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    has(selector_contained: string | Element): this;
+    /**
+     * Determine whether any of the matched elements are assigned the given class.
+     * @param className The class name to search for.
+     * @see \`{@link https://api.jquery.com/hasClass/ }\`
+     * @since 1.2
+     * @example ​ ````Looks for the paragraph that contains &#39;selected&#39; as a class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hasClass demo</title>
+  <style>
+  p {
+    margin: 8px;
+    font-size: 16px;
+  }
+  .selected {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>This paragraph is black and is the first paragraph.</p>
+<p class="selected">This paragraph is red and is the second paragraph.</p>
+<div id="result1">First paragraph has selected class: </div>
+<div id="result2">Second paragraph has selected class: </div>
+<div id="result3">At least one paragraph has selected class: </div>
+​
+<script>
+$( "#result1" ).append( $( "p:first" ).hasClass( "selected" ).toString() );
+$( "#result2" ).append( $( "p:last" ).hasClass( "selected" ).toString() );
+$( "#result3" ).append( $( "p" ).hasClass( "selected" ).toString() ) ;
+</script>
+​
+</body>
+</html>
+```
+     */
+    hasClass(className: string): boolean;
+    /**
+     * Set the CSS height of every matched element.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — An integer representing the number of pixels, or an integer with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the height to set. Receives the index position of the element in the set and
+     *                the old height as arguments. Within the function, `this` refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/height/ }\`
+     * @since 1.0
+     * @since 1.4.1
+     * @example ​ ````To set the height of each div on click to 30px plus a color change.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>height demo</title>
+  <style>
+  div {
+    width: 50px;
+    height: 70px;
+    float: left;
+    margin: 5px;
+    background: rgb(255,140,0);
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "div" ).one( "click", function() {
+  $( this ).height( 30 ).css({
+    cursor: "auto",
+    backgroundColor: "green"
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    height(value_function: string | number | ((this: TElement, index: number, height: number) => string | number)): this;
+    /**
+     * Get the current computed height for the first element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/height/ }\`
+     * @since 1.0
+     * @example ​ ````Show various heights.  Note the values are from the iframe so might be smaller than you expected.  The yellow highlight shows the iframe body.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>height demo</title>
+  <style>
+  body {
+    background: yellow;
+  }
+  button {
+    font-size: 12px;
+    margin: 2px;
+  }
+  p {
+    width: 150px;
+    border: 1px red solid;
+  }
+  div {
+    color: red;
+    font-weight: bold;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="getp">Get Paragraph Height</button>
+<button id="getd">Get Document Height</button>
+<button id="getw">Get Window Height</button>
+​
+<div>&nbsp;</div>
+<p>
+  Sample paragraph to test height
+</p>
+​
+<script>
+function showHeight( element, height ) {
+  $( "div" ).text( "The height for the " + element + " is " + height + "px." );
+}
+$( "#getp" ).click(function() {
+  showHeight( "paragraph", $( "p" ).height() );
+});
+$( "#getd" ).click(function() {
+  showHeight( "document", $( document ).height() );
+});
+$( "#getw" ).click(function() {
+  showHeight( "window", $( window ).height() );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    height(): number | undefined;
+    /**
+     * Hide the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/hide/ }\`
+     * @since 1.4.3
+     */
+    hide(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): this;
+    /**
+     * Hide the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing_complete _&#x40;param_ `easing_complete`
+     * <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/hide/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all spans (words in this case) to hide fastly, completing each animation within 200 milliseconds. Once each animation is done, it starts the next one.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hide demo</title>
+  <style>
+  span {
+    background: #def3ca;
+    padding: 3px;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="hider">Hide</button>
+<button id="shower">Show</button>
+<div>
+  <span>Once</span> <span>upon</span> <span>a</span>
+  <span>time</span> <span>there</span> <span>were</span>
+  <span>three</span> <span>programmers...</span>
+</div>
+​
+<script>
+$( "#hider" ).click(function() {
+  $( "span:last-child" ).hide( "fast", function() {
+    // Use arguments.callee so we don't need a named function
+    $( this ).prev().hide( "fast", arguments.callee );
+  });
+});
+$( "#shower" ).click(function() {
+  $( "span" ).show( 2000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Hides the divs when clicked over 2 seconds, then removes the div element when its hidden.  Try clicking on more than one box at a time.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hide demo</title>
+  <style>
+  div {
+    background: #ece023;
+    width: 30px;
+    height: 40px;
+    margin: 2px;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+​
+<script>
+for ( var i = 0; i < 5; i++ ) {
+  $( "<div>" ).appendTo( document.body );
+}
+$( "div" ).click(function() {
+  $( this ).hide( 2000, function() {
+    $( this ).remove();
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    hide(duration: JQuery.Duration, easing_complete: string | ((this: TElement) => void)): this;
+    /**
+     * Hide the matched elements.
+     * @param duration_complete_options _&#x40;param_ `duration_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/hide/ }\`
+     * @since 1.0
+     * @example ​ ````Hides all paragraphs then the link on click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hide demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<a href="#">Click to hide me too</a>
+<p>Here is another paragraph</p>
+​
+<script>
+$( "p" ).hide();
+$( "a" ).click(function( event ) {
+  event.preventDefault();
+  $( this ).hide();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animates all shown paragraphs to hide slowly, completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hide demo</title>
+  <style>
+  p {
+    background: #dad;
+    font-weight: bold;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Hide 'em</button>
+<p>Hiya</p>
+<p>Such interesting text, eh?</p>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).hide( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    hide(duration_complete_options?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.
+     * @param handlerInOut A function to execute when the mouse pointer enters or leaves the element.
+     * @param handlerOut A function to execute when the mouse pointer leaves the element.
+     * @see \`{@link https://api.jquery.com/hover/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @deprecated ​ Deprecated.
+     *
+     * **Cause**: The `.hover()` method is a shorthand for the use of the `mouseover`/`mouseout` events. It is often a poor user interface choice because it does not allow for any small amounts of delay between when the mouse enters or exits an area and when the event fires. This can make it quite difficult to use with UI widgets such as drop-down menus. For more information on the problems of hovering, see the \`{@link http://cherne.net/brian/resources/jquery.hoverIntent.html hoverIntent plugin}\`.
+     *
+     * **Solution**: Review uses of `.hover()` to determine if they are appropriate, and consider use of plugins such as `hoverIntent` as an alternative. The direct replacement for `.hover(fn1, fn2)`, is `.on("mouseenter", fn1).on("mouseleave", fn2)`.
+     * @example ​ ````To add a special style to list items that are being hovered over, try:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hover demo</title>
+  <style>
+  ul {
+    margin-left: 20px;
+    color: blue;
+  }
+  li {
+    cursor: default;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li>Milk</li>
+  <li>Bread</li>
+  <li class="fade">Chips</li>
+  <li class="fade">Socks</li>
+</ul>
+​
+<script>
+$( "li" ).hover(
+  function() {
+    $( this ).append( $( "<span> ***</span>" ) );
+  }, function() {
+    $( this ).find( "span:last" ).remove();
+  }
+);
+​
+$( "li.fade" ).hover(function() {
+  $( this ).fadeOut( 100 );
+  $( this ).fadeIn( 500 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To add a special style to table cells that are being hovered over, try:
+```javascript
+$( "td" ).hover(
+  function() {
+    $( this ).addClass( "hover" );
+  }, function() {
+    $( this ).removeClass( "hover" );
+  }
+);
+```
+     * @example ​ ````To unbind the above example use:
+```javascript
+$( "td" ).off( "mouseenter mouseleave" );
+```
+     * @example ​ ````Slide the next sibling LI up or down on hover, and toggle a class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>hover demo</title>
+  <style>
+  ul {
+    margin-left: 20px;
+    color: blue;
+  }
+  li {
+    cursor: default;
+  }
+  li.active {
+    background: black;
+    color: white;
+  }
+  span {
+    color:red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li>Milk</li>
+  <li>White</li>
+  <li>Carrots</li>
+  <li>Orange</li>
+  <li>Broccoli</li>
+  <li>Green</li>
+</ul>
+​
+<script>
+$( "li" )
+  .filter( ":odd" )
+    .hide()
+  .end()
+  .filter( ":even" )
+    .hover(function() {
+      $( this )
+        .toggleClass( "active" )
+        .next()
+          .stop( true, true )
+          .slideToggle();
+    });
+</script>
+​
+</body>
+</html>
+```
+     */
+    // HACK: The type parameter T is not used but ensures the 'event' callback parameter is typed correctly.
+    // tslint:disable-next-line:no-unnecessary-generics
+    hover<T>(handlerInOut: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false,
+             handlerOut?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Set the HTML contents of each element in the set of matched elements.
+     * @param htmlString_function _&#x40;param_ `htmlString_function`
+     * <br>
+     * * `htmlString` — A string of HTML to set as the content of each matched element. <br>
+     * * `function` — A function returning the HTML content to set. Receives the index position of the element in the set
+     *                and the old HTML value as arguments. jQuery empties the element before calling the function; use the
+     *                oldhtml argument to reference the previous content. Within the function, `this` refers to the current
+     *                element in the set.
+     * @see \`{@link https://api.jquery.com/html/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Add some html to each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>html demo</title>
+  <style>
+  .red {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>Hello</span>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "div" ).html( "<span class='red'>Hello <b>Again</b></span>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Add some html to each div then immediately do further manipulations to the inserted html.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>html demo</title>
+  <style>
+  div {
+    color: blue;
+    font-size: 18px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "div" ).html( "<b>Wow!</b> Such excitement..." );
+$( "div b" )
+  .append( document.createTextNode( "!!!" ) )
+  .css( "color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    html(htmlString_function: JQuery.htmlString | ((this: TElement, index: number, oldhtml: JQuery.htmlString) => JQuery.htmlString)): this;
+    /**
+     * Get the HTML contents of the first element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/html/ }\`
+     * @since 1.0
+     * @example ​ ````Click a paragraph to convert it from html to text.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>html demo</title>
+  <style>
+  p {
+    margin: 8px;
+    font-size: 20px;
+    color: blue;
+    cursor: pointer;
+  }
+  b {
+    text-decoration: underline;
+  }
+  button {
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  <b>Click</b> to change the <span id="tag">html</span>
+</p>
+<p>
+  to a <span id="text">text</span> node.
+</p>
+<p>
+  This <button name="nada">button</button> does nothing.
+</p>
+​
+<script>
+$( "p" ).click(function() {
+  var htmlString = $( this ).html();
+  $( this ).text( htmlString );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    html(): string;
+    /**
+     * Search for a given element from among the matched elements.
+     * @param selector_element _&#x40;param_ `selector_element`
+     * <br>
+     * * `selector` — A selector representing a jQuery collection in which to look for an element. <br>
+     * * `element` — The DOM element or first element within the jQuery object to look for.
+     * @see \`{@link https://api.jquery.com/index/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````On click, returns the index (zero-based) of that div in the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    background: yellow;
+    margin: 5px;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>Click a div!</span>
+<div>First div</div>
+<div>Second div</div>
+<div>Third div</div>
+​
+<script>
+$( "div" ).click(function() {
+  // `this` is the DOM element that was clicked
+  var index = $( "div" ).index( this );
+  $( "span" ).text( "That was div index #" + index );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns the index for the element with ID bar.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    font-weight: bold;
+    color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li id="foo">foo</li>
+  <li id="bar">bar</li>
+  <li id="baz">baz</li>
+</ul>
+<div></div>
+​
+<script>
+var listItem = $( "#bar" );
+$( "div" ).html( "Index: " + $( "li" ).index( listItem ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns the index for the first item in the jQuery collection.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    font-weight: bold;
+    color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li id="foo">foo</li>
+  <li id="bar">bar</li>
+  <li id="baz">baz</li>
+</ul>
+<div></div>
+​
+<script>
+var listItems = $( "li:gt(0)" );
+$( "div" ).html( "Index: " + $( "li" ).index( listItems ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns the index for the element with ID bar in relation to all &lt;li&gt; elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    font-weight: bold;
+    color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li id="foo">foo</li>
+  <li id="bar">bar</li>
+  <li id="baz">baz</li>
+</ul>
+<div></div>
+​
+<script>
+$( "div" ).html( "Index: " +  $( "#bar" ).index( "li" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns the index for the element with ID bar in relation to its siblings.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    font-weight: bold;
+    color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li id="foo">foo</li>
+  <li id="bar">bar</li>
+  <li id="baz">baz</li>
+</ul>
+<div></div>
+​
+<script>
+var barIndex = $( "#bar" ).index();
+$( "div" ).html( "Index: " +  barIndex );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns -1, as there is no element with ID foobar.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>index demo</title>
+  <style>
+  div {
+    font-weight: bold;
+    color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li id="foo">foo</li>
+  <li id="bar">bar</li>
+  <li id="baz">baz</li>
+</ul>
+<div></div>
+​
+<script>
+var foobar = $( "li" ).index( $( "#foobar" ) );
+$( "div" ).html( "Index: " + foobar );
+</script>
+​
+</body>
+</html>
+```
+     */
+    index(selector_element?: JQuery.Selector | Element | JQuery): number;
+    /**
+     * Set the CSS inner height of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A number representing the number of pixels, or a number along with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the inner height (including padding but not border) to set. Receives the index
+     *                position of the element in the set and the old inner height as arguments. Within the function, `this`
+     *                refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/innerHeight/ }\`
+     * @since 1.8.0
+     * @example ​ ````Change the inner height of each div the first time it is clicked (and change its color).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>innerHeight demo</title>
+  <style>
+div {
+  width: 60px;
+  padding: 10px;
+  height: 70px;
+  float: left;
+  margin: 5px;
+  background: red;
+  cursor: pointer;
+}
+.mod {
+  background: blue;
+  cursor: default;
+}
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+​
+<script>
+var modHeight = 70;
+$( "div" ).one( "click", function() {
+  $( this ).innerHeight( modHeight ).addClass( "mod" );
+  modHeight -= 8;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    innerHeight(value_function: string | number | ((this: TElement, index: number, height: number) => string | number)): this;
+    /**
+     * Get the current computed height for the first element in the set of matched elements, including padding but not border.
+     * @see \`{@link https://api.jquery.com/innerHeight/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the innerHeight of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>innerHeight demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text( "innerHeight:" + p.innerHeight() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    innerHeight(): number | undefined;
+    /**
+     * Set the CSS inner width of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A number representing the number of pixels, or a number along with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the inner width (including padding but not border) to set. Receives the index
+     *                position of the element in the set and the old inner width as arguments. Within the function, `this`
+     *                refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/innerWidth/ }\`
+     * @since 1.8.0
+     * @example ​ ````Change the inner width of each div the first time it is clicked (and change its color).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>innerWidth demo</title>
+  <style>
+div {
+width: 60px;
+padding: 10px;
+height: 50px;
+float: left;
+margin: 5px;
+background: red;
+cursor: pointer;
+}
+.mod {
+background: blue;
+cursor: default;
+}
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+​
+<script>
+var modWidth = 60;
+$( "div" ).one( "click", function() {
+$( this ).innerWidth( modWidth ).addClass( "mod" );
+modWidth -= 8;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    innerWidth(value_function: string | number | ((this: TElement, index: number, width: number) => string | number)): this;
+    /**
+     * Get the current computed inner width for the first element in the set of matched elements, including padding but not border.
+     * @see \`{@link https://api.jquery.com/innerWidth/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the innerWidth of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>innerWidth demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text( "innerWidth:" + p.innerWidth() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    innerWidth(): number | undefined;
+    /**
+     * Insert every element in the set of matched elements after the target.
+     * @param target A selector, element, array of elements, HTML string, or jQuery object; the matched set of elements
+     *               will be inserted after the element(s) specified by this parameter.
+     * @see \`{@link https://api.jquery.com/insertAfter/ }\`
+     * @since 1.0
+     * @example ​ ````Insert all paragraphs after an element with id of &quot;foo&quot;. Same as $( &quot;#foo&quot; ).after( &quot;p&quot; )
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>insertAfter demo</title>
+  <style>
+  #foo {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p> is what I said... </p>
+<div id="foo">FOO!</div>
+​
+<script>
+$( "p" ).insertAfter( "#foo" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    insertAfter(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Node> | JQuery<Node>): this;
+    /**
+     * Insert every element in the set of matched elements before the target.
+     * @param target A selector, element, array of elements, HTML string, or jQuery object; the matched set of elements
+     *               will be inserted before the element(s) specified by this parameter.
+     * @see \`{@link https://api.jquery.com/insertBefore/ }\`
+     * @since 1.0
+     * @example ​ ````Insert all paragraphs before an element with id of &quot;foo&quot;. Same as $( &quot;#foo&quot; ).before( &quot;p&quot; )
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>insertBefore demo</title>
+  <style>
+  #foo {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="foo">FOO!</div>
+<p>I would like to say: </p>
+​
+<script>
+$( "p" ).insertBefore( "#foo" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    insertBefore(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Node> | JQuery<Node>): this;
+    /**
+     * Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.
+     * @param selector_function_selection_elements _&#x40;param_ `selector_function_selection_elements`
+     * <br>
+     * * `selector` — A string containing a selector expression to match elements against. <br>
+     * * `function` — A function used as a test for every element in the set. It accepts two arguments, `index`, which is
+     *                the element's index in the jQuery collection, and `element`, which is the DOM element. Within the
+     *                function, `this` refers to the current DOM element. <br>
+     * * `selection` — An existing jQuery object to match the current set of elements against. <br>
+     * * `elements` — One or more elements to match the current set of elements against.
+     * @see \`{@link https://api.jquery.com/is/ }\`
+     * @since 1.0
+     * @since 1.6
+     * @example ​ ````Shows a few ways is() can be used inside an event handler.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>is demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    float: left;
+    border: 4px outset;
+    background: green;
+    text-align: center;
+    font-weight: bolder;
+    cursor: pointer;
+  }
+  .blue {
+    background: blue;
+  }
+  .red {
+    background: red;
+  }
+  span {
+    color: white;
+    font-size: 16px;
+  }
+  p {
+    color: red;
+    font-weight: bolder;
+    background: yellow;
+    margin: 3px;
+    clear: left;
+    display: none;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div class="blue"></div>
+<div></div>
+<div class="red"></div>
+<div><br/><span>Peter</span></div>
+<div class="blue"></div>
+<p>&nbsp;</p>
+​
+<script>
+$( "div" ).one( "click", function() {
+  if ( $( this ).is( ":first-child" ) ) {
+    $( "p" ).text( "It's the first div." );
+  } else if ( $( this ).is( ".blue,.red" ) ) {
+    $( "p" ).text( "It's a blue or red div." );
+  } else if ( $( this ).is( ":contains('Peter')" ) ) {
+    $( "p" ).text( "It's Peter!" );
+  } else {
+    $( "p" ).html( "It's nothing <em>special</em>." );
+  }
+  $( "p" ).hide().slideDown( "slow" );
+  $( this ).css({
+    "border-style": "inset",
+    cursor: "default"
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns true, because the parent of the input is a form element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>is demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <input type="checkbox">
+</form>
+<div></div>
+​
+<script>
+var isFormParent = $( "input[type='checkbox']" ).parent().is( "form" );
+$( "div" ).text( "isFormParent = " + isFormParent );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Returns false, because the parent of the input is a p element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>is demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <p><input type="checkbox"></p>
+</form>
+<div></div>
+​
+<script>
+var isFormParent = $( "input[type='checkbox']" ).parent().is( "form" );
+$( "div" ).text( "isFormParent = " + isFormParent );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Checks against an existing collection of alternating list elements. Blue, alternating list elements slide up while others turn red.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>is demo</title>
+  <style>
+  li {
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul id="browsers">
+  <li>Chrome</li>
+  <li>Safari</li>
+  <li>Firefox</li>
+  <li>Opera</li>
+</ul>
+​
+<script>
+var alt = $( "#browsers li:nth-child(2n)" ).css( "background", "#0ff" );
+$( "li" ).click(function() {
+  var li = $( this );
+  if ( li.is( alt ) ) {
+    li.slideUp();
+  } else {
+    li.css( "background", "red" );
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````An alternate way to achieve the above example using an element rather than a jQuery object. Checks against an existing collection of alternating list elements. Blue, alternating list elements slide up while others turn red.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>is demo</title>
+  <style>
+  li {
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul id="browsers">
+  <li>Chrome</li>
+  <li>Safari</li>
+  <li>Firefox</li>
+  <li>Opera</li>
+</ul>
+​
+<script>
+var alt = $( "#browsers li:nth-child(2n)" ).css( "background", "#0ff" );
+$( "li" ).click(function() {
+  if ( alt.is( this ) ) {
+    $( this ).slideUp();
+  } else {
+    $( this ).css( "background", "red" );
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    is(selector_function_selection_elements: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery | ((this: TElement, index: number, element: TElement) => boolean)): boolean;
+    /**
+     * Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keydown/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    keydown<TData>(eventData: TData,
+                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keydown/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the event object for the keydown handler when a key is pressed in the input.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>keydown demo</title>
+  <style>
+  fieldset {
+    margin-bottom: 1em;
+  }
+  input {
+    display: block;
+    margin-bottom: .25em;
+  }
+  #print-output {
+    width: 100%;
+  }
+  .print-output-line {
+    white-space: pre;
+    padding: 5px;
+    font-family: monaco, monospace;
+    font-size: .7em;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <fieldset>
+    <label for="target">Type Something:</label>
+    <input id="target" type="text">
+  </fieldset>
+</form>
+<button id="other">
+  Trigger the handler
+</button>
+<script type="text/javascript" src="/resources/events.js"></script>
+​
+<script>
+var xTriggered = 0;
+$( "#target" ).keydown(function( event ) {
+  if ( event.which == 13 ) {
+   event.preventDefault();
+  }
+  xTriggered++;
+  var msg = "Handler for .keydown() called " + xTriggered + " time(s).";
+  $.print( msg, "html" );
+  $.print( event );
+});
+​
+$( "#other" ).click(function() {
+  $( "#target" ).keydown();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    keydown(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keypress/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    keypress<TData>(eventData: TData,
+                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keypress/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the event object when a key is pressed in the input. Note: This demo relies on a simple $.print() plugin (https://api.jquery.com/resources/events.js) for the event object&#39;s output.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>keypress demo</title>
+  <style>
+  fieldset {
+    margin-bottom: 1em;
+  }
+  input {
+    display: block;
+    margin-bottom: .25em;
+  }
+  #print-output {
+    width: 100%;
+  }
+  .print-output-line {
+    white-space: pre;
+    padding: 5px;
+    font-family: monaco, monospace;
+    font-size: .7em;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <fieldset>
+    <label for="target">Type Something:</label>
+    <input id="target" type="text">
+  </fieldset>
+</form>
+<button id="other">
+  Trigger the handler
+</button>
+<script src="/resources/events.js"></script>
+​
+<script>
+var xTriggered = 0;
+$( "#target" ).keypress(function( event ) {
+  if ( event.which == 13 ) {
+     event.preventDefault();
+  }
+  xTriggered++;
+  var msg = "Handler for .keypress() called " + xTriggered + " time(s).";
+  $.print( msg, "html" );
+  $.print( event );
+});
+​
+$( "#other" ).click(function() {
+  $( "#target" ).keypress();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    keypress(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keyup/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    keyup<TData>(eventData: TData,
+                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/keyup/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the event object for the keyup handler (using a simple $.print plugin) when a key is released in the input.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>keyup demo</title>
+  <style>
+  fieldset {
+    margin-bottom: 1em;
+  }
+  input {
+    display: block;
+    margin-bottom: .25em;
+  }
+  #print-output {
+    width: 100%;
+  }
+  .print-output-line {
+    white-space: pre;
+    padding: 5px;
+    font-family: monaco, monospace;
+    font-size: .7em;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <fieldset>
+    <label for="target">Type Something:</label>
+    <input id="target" type="text">
+  </fieldset>
+</form>
+<button id="other">
+  Trigger the handler
+</button>
+<script type="text/javascript" src="/resources/events.js"></script>
+​
+<script>
+var xTriggered = 0;
+$( "#target" ).keyup(function( event ) {
+  xTriggered++;
+  var msg = "Handler for .keyup() called " + xTriggered + " time(s).";
+  $.print( msg, "html" );
+  $.print( event );
+}).keydown(function( event ) {
+  if ( event.which == 13 ) {
+    event.preventDefault();
+  }
+});
+​
+$( "#other").click(function() {
+  $( "#target" ).keyup();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    keyup(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Reduce the set of matched elements to the final one in the set.
+     * @see \`{@link https://api.jquery.com/last/ }\`
+     * @since 1.4
+     * @example ​ ````Highlight the last span in a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>last demo</title>
+  <style>
+  .highlight {
+    background-color: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><span>Look:</span> <span>This is some text in a paragraph.</span> <span>This is a note about it.</span></p>
+​
+<script>
+$( "p span" ).last().addClass( "highlight" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    last(): this;
+    /**
+     * Load data from the server and place the returned HTML into the matched element.
+     * @param url A string containing the URL to which the request is sent.
+     * @param data A plain object or string that is sent to the server with the request.
+     * @param complete A callback function that is executed when the request completes.
+     * @see \`{@link https://api.jquery.com/load/ }\`
+     * @since 1.0
+     * @example ​ ````Same as above, but will POST the additional parameters to the server and a callback that is executed when the server is finished responding.
+```javascript
+$( "#feeds" ).load( "feeds.php", { limit: 25 }, function() {
+  alert( "The last 25 entries in the feed have been loaded" );
+});
+```
+     */
+    load(url: string,
+         data: string | JQuery.PlainObject,
+         complete: (this: TElement, responseText: string, textStatus: JQuery.Ajax.TextStatus, jqXHR: JQuery.jqXHR) => void): this;
+    /**
+     * Load data from the server and place the returned HTML into the matched element.
+     * @param url A string containing the URL to which the request is sent.
+     * @param complete_data _&#x40;param_ `complete_data`
+     * <br>
+     * * `complete` — A callback function that is executed when the request completes. <br>
+     * * `data` — A plain object or string that is sent to the server with the request.
+     * @see \`{@link https://api.jquery.com/load/ }\`
+     * @since 1.0
+     * @example ​ ````Load another page&#39;s list items into an ordered list.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>load demo</title>
+  <style>
+  body {
+    font-size: 12px;
+    font-family: Arial;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<b>Projects:</b>
+<ol id="new-projects"></ol>
+​
+<script>
+$( "#new-projects" ).load( "/resources/load.html #projects li" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Display a notice if the Ajax request encounters an error.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>load demo</title>
+  <style>
+  body {
+    font-size: 12px;
+    font-family: Arial;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<b>Successful Response (should be blank):</b>
+<div id="success"></div>
+<b>Error Response:</b>
+<div id="error"></div>
+​
+<script>
+$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
+  if ( status == "error" ) {
+    var msg = "Sorry but there was an error: ";
+    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Load the feeds.html file into the div with the ID of feeds.
+```javascript
+$( "#feeds" ).load( "feeds.html" );
+```
+     * @example ​ ````pass arrays of data to the server.
+```javascript
+$( "#objectID" ).load( "test.php", { "choices[]": [ "Jon", "Susan" ] } );
+```
+     */
+    load(url: string,
+         complete_data?: ((this: TElement, responseText: string, textStatus: JQuery.Ajax.TextStatus, jqXHR: JQuery.jqXHR) => void) | string | JQuery.PlainObject): this;
+    /**
+     * Pass each element in the current matched set through a function, producing a new jQuery object containing the return values.
+     * @param callback A function object that will be invoked for each element in the current set.
+     * @see \`{@link https://api.jquery.com/map/ }\`
+     * @since 1.2
+     * @example ​ ````Build a list of all the values within a form.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>map demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><b>Values: </b></p>
+<form>
+  <input type="text" name="name" value="John">
+  <input type="text" name="password" value="password">
+  <input type="text" name="url" value="https://johnresig.com/">
+</form>
+​
+<script>
+$( "p" )
+  .append( $( "input" ).map(function() {
+    return $( this ).val();
+  })
+  .get()
+  .join( ", " ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````A contrived example to show some functionality.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>map demo</title>
+  <style>
+  body {
+    font-size: 16px;
+  }
+  ul {
+    float: left;
+    margin: 0 30px;
+    color: blue;
+  }
+  #results {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li>First</li>
+  <li>Second</li>
+  <li>Third</li>
+  <li>Fourth</li>
+  <li>Fifth</li>
+</ul>
+<ul id="results">
+</ul>
+​
+<script>
+var mappedItems = $( "li" ).map(function( index ) {
+  var replacement = $( "<li>" ).text( $( this ).text() ).get( 0 );
+  if ( index === 0 ) {
+​
+    // Make the first item all caps
+    $( replacement ).text( $( replacement ).text().toUpperCase() );
+  } else if ( index === 1 || index === 3 ) {
+​
+    // Delete the second and fourth items
+    replacement = null;
+  } else if ( index === 2 ) {
+​
+    // Make two of the third item and add some text
+    replacement = [ replacement, $( "<li>" ).get( 0 ) ];
+    $( replacement[ 0 ] ).append( "<b> - A</b>" );
+    $( replacement[ 1 ] ).append( "Extra <b> - B</b>" );
+  }
+​
+  // Replacement will be a dom element, null,
+  // or an array of dom elements
+  return replacement;
+});
+$( "#results" ).append( mappedItems );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Equalize the heights of the divs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>map demo</title>
+  <style>
+  div {
+    width: 40px;
+    float: left;
+  }
+  input {
+    clear: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input type="button" value="equalize div heights">
+<div style="background: red; height: 40px; "></div>
+<div style="background: green; height: 70px;"></div>
+<div style="background: blue; height: 50px; "></div>
+​
+<script>
+$.fn.equalizeHeights = function() {
+  var maxHeight = this.map(function( i, e ) {
+    return $( e ).height();
+  }).get();
+  return this.height( Math.max.apply( this, maxHeight ) );
+};
+​
+$( "input" ).click(function() {
+  $( "div" ).equalizeHeights();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    map<TReturn>(callback: (this: TElement, index: number, domElement: TElement) => JQuery.TypeOrArray<TReturn> | null | undefined): JQuery<TReturn>;
+    /**
+     * Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mousedown/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mousedown<TData>(eventData: TData,
+                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mousedown/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show texts when mouseup and mousedown event triggering.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mousedown demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Press mouse and release here.</p>
+​
+<script>
+$( "p" )
+  .mouseup(function() {
+    $( this ).append( "<span style='color:#f00;'>Mouse up.</span>" );
+  })
+  .mousedown(function() {
+    $( this ).append( "<span style='color:#00f;'>Mouse down.</span>" );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mousedown(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseenter/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mouseenter<TData>(eventData: TData,
+                      handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseenter/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show texts when mouseenter and mouseout event triggering.
+    mouseover fires when the pointer moves into the child element as well, while mouseenter fires only when the pointer moves into the bound element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mouseenter demo</title>
+  <style>
+  div.out {
+    width: 40%;
+    height: 120px;
+    margin: 0 15px;
+    background-color: #d6edfc;
+    float: left;
+  }
+  div.in {
+    width: 60%;
+    height: 60%;
+    background-color: #fc0;
+    margin: 10px auto;
+  }
+  p {
+    line-height: 1em;
+    margin: 0;
+    padding: 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="out overout">
+  <p>move your mouse</p>
+  <div class="in overout"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+​
+<div class="out enterleave">
+  <p>move your mouse</p>
+  <div class="in enterleave"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+​
+<script>
+var i = 0;
+$( "div.overout" )
+  .mouseover(function() {
+    $( "p:first", this ).text( "mouse over" );
+    $( "p:last", this ).text( ++i );
+  })
+  .mouseout(function() {
+    $( "p:first", this ).text( "mouse out" );
+  });
+​
+var n = 0;
+$( "div.enterleave" )
+  .mouseenter(function() {
+    $( "p:first", this ).text( "mouse enter" );
+    $( "p:last", this ).text( ++n );
+  })
+  .mouseleave(function() {
+    $( "p:first", this ).text( "mouse leave" );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mouseenter(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseleave/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mouseleave<TData>(eventData: TData,
+                      handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseleave/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show number of times mouseout and mouseleave events are triggered. mouseout fires when the pointer moves out of child element as well, while mouseleave fires only when the pointer moves out of the bound element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mouseleave demo</title>
+  <style>
+  div.out {
+    width: 40%;
+    height: 120px;
+    margin: 0 15px;
+    background-color: #d6edfc;
+    float: left;
+  }
+  div.in {
+    width: 60%;
+    height: 60%;
+    background-color: #fc0;
+    margin: 10px auto;
+  }
+  p {
+    line-height: 1em;
+    margin: 0;
+    padding: 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="out overout">
+  <p>move your mouse</p>
+  <div class="in overout"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+<div class="out enterleave">
+  <p>move your mouse</p>
+  <div class="in enterleave"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+​
+<script>
+var i = 0;
+$( "div.overout" )
+  .mouseover(function() {
+    $( "p:first", this ).text( "mouse over" );
+  })
+  .mouseout(function() {
+    $( "p:first", this ).text( "mouse out" );
+    $( "p:last", this ).text( ++i );
+  });
+​
+var n = 0;
+$( "div.enterleave" )
+  .mouseenter(function() {
+    $( "p:first", this ).text( "mouse enter" );
+  })
+  .mouseleave(function() {
+    $( "p:first", this ).text( "mouse leave" );
+    $( "p:last", this ).text( ++n );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mouseleave(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mousemove/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mousemove<TData>(eventData: TData,
+                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mousemove/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the mouse coordinates when the mouse is moved over the yellow div.  Coordinates are relative to the window, which in this case is the iframe.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mousemove demo</title>
+  <style>
+  div {
+    width: 220px;
+    height: 170px;
+    margin: 10px 50px 10px 10px;
+    background: yellow;
+    border: 2px groove;
+    float: right;
+  }
+  p {
+    margin: 0;
+    margin-left: 10px;
+    color: red;
+    width: 220px;
+    height: 120px;
+    padding-top: 70px;
+    float: left;
+    font-size: 14px;
+  }
+  span {
+    display: block;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  <span>Move the mouse over the div.</span>
+  <span>&nbsp;</span>
+</p>
+<div></div>
+​
+<script>
+$( "div" ).mousemove(function( event ) {
+  var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
+  var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
+  $( "span:first" ).text( "( event.pageX, event.pageY ) : " + pageCoords );
+  $( "span:last" ).text( "( event.clientX, event.clientY ) : " + clientCoords );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    mousemove(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseout/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mouseout<TData>(eventData: TData,
+                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseout/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the number of times mouseout and mouseleave events are triggered.
+  mouseout fires when the pointer moves out of the child element as well, while mouseleave fires only when the pointer moves out of the bound element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mouseout demo</title>
+  <style>
+  div.out {
+    width: 40%;
+    height: 120px;
+    margin: 0 15px;
+    background-color: #d6edfc;
+    float: left;
+  }
+  div.in {
+    width: 60%;
+    height: 60%;
+    background-color: #fc0;
+    margin: 10px auto;
+  }
+  p {
+    line-height: 1em;
+    margin: 0;
+    padding: 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="out overout">
+  <p>move your mouse</p>
+  <div class="in overout"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+​
+<div class="out enterleave">
+  <p>move your mouse</p>
+  <div class="in enterleave"><p>move your mouse</p><p>0</p></div>
+  <p>0</p>
+</div>
+​
+<script>
+var i = 0;
+$( "div.overout" )
+  .mouseout(function() {
+    $( "p:first", this ).text( "mouse out" );
+    $( "p:last", this ).text( ++i );
+  })
+  .mouseover(function() {
+    $( "p:first", this ).text( "mouse over" );
+  });
+​
+var n = 0;
+$( "div.enterleave" )
+  .on( "mouseenter", function() {
+    $( "p:first", this ).text( "mouse enter" );
+  })
+  .on( "mouseleave", function() {
+    $( "p:first", this ).text( "mouse leave" );
+    $( "p:last", this ).text( ++n );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mouseout(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseover/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mouseover<TData>(eventData: TData,
+                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseover/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show the number of times mouseover and mouseenter events are triggered.
+mouseover fires when the pointer moves into the child element as well, while mouseenter fires only when the pointer moves into the bound element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mouseover demo</title>
+  <style>
+  div.out {
+    width: 40%;
+    height: 120px;
+    margin: 0 15px;
+    background-color: #d6edfc;
+    float: left;
+  }
+  div.in {
+    width: 60%;
+    height: 60%;
+    background-color: #fc0;
+    margin: 10px auto;
+  }
+  p {
+    line-height: 1em;
+    margin: 0;
+    padding: 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="out overout">
+  <span>move your mouse</span>
+  <div class="in">
+  </div>
+</div>
+​
+<div class="out enterleave">
+  <span>move your mouse</span>
+  <div class="in">
+  </div>
+</div>
+​
+<script>
+var i = 0;
+$( "div.overout" )
+  .mouseover(function() {
+    i += 1;
+    $( this ).find( "span" ).text( "mouse over x " + i );
+  })
+  .mouseout(function() {
+    $( this ).find( "span" ).text( "mouse out " );
+  });
+​
+var n = 0;
+$( "div.enterleave" )
+  .mouseenter(function() {
+    n += 1;
+    $( this ).find( "span" ).text( "mouse enter x " + n );
+  })
+  .mouseleave(function() {
+    $( this ).find( "span" ).text( "mouse leave" );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mouseover(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseup/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    mouseup<TData>(eventData: TData,
+                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/mouseup/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````Show texts when mouseup and mousedown event triggering.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>mouseup demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Press mouse and release here.</p>
+​
+<script>
+$( "p" )
+  .mouseup(function() {
+    $( this ).append( "<span style='color:#f00;'>Mouse up.</span>" );
+  })
+  .mousedown(function() {
+    $( this ).append( "<span style='color:#00f;'>Mouse down.</span>" );
+  });
+</script>
+​
+</body>
+</html>
+```
+     */
+    mouseup(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/next/ }\`
+     * @since 1.0
+     * @example ​ ````Find the very next sibling of each disabled button and change its text &quot;this button is disabled&quot;.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>next demo</title>
+  <style>
+  span {
+    color: blue;
+    font-weight: bold;
+  }
+  button {
+    width: 100px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div><button disabled="disabled">First</button> - <span></span></div>
+<div><button>Second</button> - <span></span></div>
+<div><button disabled="disabled">Third</button> - <span></span></div>
+​
+<script>
+$( "button[disabled]" ).next().text( "this button is disabled" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find the very next sibling of each paragraph. Keep only the ones with a class &quot;selected&quot;.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>next demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p class="selected">Hello Again</p>
+<div><span>And Again</span></div>
+​
+<script>
+$( "p" ).next( ".selected" ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    next(selector?: JQuery.Selector): this;
+    /**
+     * Get all following siblings of each element in the set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/nextAll/ }\`
+     * @since 1.2
+     * @example ​ ````Locate all the divs after the first and give them a class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>nextAll demo</title>
+  <style>
+  div {
+    width: 80px;
+    height: 80px;
+    background: #abc;
+    border: 2px solid black;
+    margin: 10px;
+    float: left;
+  }
+  div.after {
+    border-color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>first</div>
+<div>sibling<div>child</div></div>
+<div>sibling</div>
+<div>sibling</div>​
+<script>
+$( "div:first" ).nextAll().addClass( "after" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Locate all the paragraphs after the second child in the body and give them a class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>nextAll demo</title>
+  <style>
+  div, p {
+    width: 60px;
+    height: 60px;
+    background: #abc;
+    border: 2px solid black;
+    margin: 10px;
+    float: left;
+  }
+  .after {
+    border-color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>p</p>
+<div>div</div>
+<p>p</p>
+<p>p</p>
+<div>div</div>
+<p>p</p>
+<div>div</div>
+​
+<script>
+$( ":nth-child(1)" ).nextAll( "p" ).addClass( "after" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    nextAll(selector?: string): this;
+    /**
+     * Get all following siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object passed.
+     * @param selector_element _&#x40;param_ `selector_element`
+     * <br>
+     * * `selector` — A string containing a selector expression to indicate where to stop matching following sibling elements. <br>
+     * * `element` — A DOM node or jQuery object indicating where to stop matching following sibling elements.
+     * @param filter A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/nextUntil/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @example ​ ````Find the siblings that follow &lt;dt id=&quot;term-2&quot;&gt; up to the next &lt;dt&gt; and give them a red background color. Also, find &lt;dd&gt; siblings that follow &lt;dt id=&quot;term-1&quot;&gt; up to &lt;dt id=&quot;term-3&quot;&gt; and give them a green text color.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>nextUntil demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<dl>
+  <dt id="term-1">term 1</dt>
+  <dd>definition 1-a</dd>
+  <dd>definition 1-b</dd>
+  <dd>definition 1-c</dd>
+  <dd>definition 1-d</dd>
+  <dt id="term-2">term 2</dt>
+  <dd>definition 2-a</dd>
+  <dd>definition 2-b</dd>
+  <dd>definition 2-c</dd>
+  <dt id="term-3">term 3</dt>
+  <dd>definition 3-a</dd>
+  <dd>definition 3-b</dd>
+</dl>
+​
+<script>
+$( "#term-2" )
+  .nextUntil( "dt" )
+    .css( "background-color", "red" );
+var term3 = document.getElementById( "term-3" );
+$( "#term-1" )
+  .nextUntil( term3, "dd" )
+    .css( "color", "green" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    nextUntil(selector_element?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
+    /**
+     * Remove elements from the set of matched elements.
+     * @param selector_function_selection _&#x40;param_ `selector_function_selection`
+     * <br>
+     * * `selector` — A string containing a selector expression, a DOM element, or an array of elements to match against the set. <br>
+     * * `function` — A function used as a test for each element in the set. It accepts two arguments, `index`, which is
+     *                the element's index in the jQuery collection, and `element`, which is the DOM element. Within the
+     *                function, `this` refers to the current DOM element. <br>
+     * * `selection` — An existing jQuery object to match the current set of elements against.
+     * @see \`{@link https://api.jquery.com/not/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Adds a border to divs that are not green or blue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>not demo</title>
+  <style>
+  div {
+    width: 50px;
+    height: 50px;
+    margin: 10px;
+    float: left;
+    background: yellow;
+    border: 2px solid white;
+  }
+  .green {
+    background: #8f8;
+  }
+  .gray {
+    background: #ccc;
+  }
+  #blueone {
+    background: #99f;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div id="blueone"></div>
+<div></div>
+<div class="green"></div>
+<div class="green"></div>
+<div class="gray"></div>
+<div></div>
+​
+<script>
+$( "div" ).not( ".green, #blueone" )
+  .css( "border-color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Removes the element with the ID &quot;selected&quot; from the set of all paragraphs.
+```javascript
+$( "p" ).not( $( "#selected" )[ 0 ] );
+```
+     * @example ​ ````Removes the element with the ID &quot;selected&quot; from the set of all paragraphs.
+```javascript
+$( "p" ).not( "#selected" );
+```
+     * @example ​ ````Removes all elements that match &quot;div p.selected&quot; from the total set of all paragraphs.
+```javascript
+$( "p" ).not( $( "div p.selected" ) );
+```
+     */
+    not(selector_function_selection: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery | ((this: TElement, index: number, element: TElement) => boolean)): this;
+    /**
+     * Remove an event handler.
+     * @param events One or more space-separated event types and optional namespaces, or just namespaces, such as
+     *               "click", "keydown.myPlugin", or ".myPlugin".
+     * @param selector A selector which should match the one originally passed to .on() when attaching event handlers.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/off/ }\`
+     * @since 1.7
+     * @example ​ ````Add and remove event handlers on the colored button.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>off demo</title>
+  <style>
+  button {
+    margin: 5px;
+  }
+  button#theone {
+    color: red;
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="theone">Does nothing...</button>
+<button id="bind">Add Click</button>
+<button id="unbind">Remove Click</button>
+<div style="display:none;">Click!</div>
+​
+<script>
+function flash() {
+  $( "div" ).show().fadeOut( "slow" );
+}
+$( "#bind" ).click(function() {
+  $( "body" )
+    .on( "click", "#theone", flash )
+    .find( "#theone" )
+      .text( "Can Click!" );
+});
+$( "#unbind" ).click(function() {
+  $( "body" )
+    .off( "click", "#theone", flash )
+    .find( "#theone" )
+      .text( "Does nothing..." );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Remove just one previously bound handler by passing it as the third argument:
+```javascript
+var foo = function() {
+  // Code to handle some kind of event
+};
+​
+// ... Now foo will be called when paragraphs are clicked ...
+$( "body" ).on( "click", "p", foo );
+​
+// ... Foo will no longer be called.
+$( "body" ).off( "click", "p", foo );
+```
+     */
+    off(events: string, selector: JQuery.Selector, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
+    /**
+     * Remove an event handler.
+     * @param events One or more space-separated event types and optional namespaces, or just namespaces, such as
+     *               "click", "keydown.myPlugin", or ".myPlugin".
+     * @param selector_handler _&#x40;param_ `selector_handler`
+     * <br>
+     * * `selector` — A selector which should match the one originally passed to `.on()` when attaching event handlers. <br>
+     * * `handler` — A handler function previously attached for the event(s), or the special value `false`.
+     * @see \`{@link https://api.jquery.com/off/ }\`
+     * @since 1.7
+     * @example ​ ````Remove all delegated click handlers from all paragraphs:
+```javascript
+$( "p" ).off( "click", "**" );
+```
+     * @example ​ ````Unbind all delegated event handlers by their namespace:
+```javascript
+var validate = function() {
+  // Code to validate form entries
+};
+​
+// Delegate events under the ".validator" namespace
+$( "form" ).on( "click.validator", "button", validate );
+​
+$( "form" ).on( "keypress.validator", "input[type='text']", validate );
+​
+// Remove event handlers in the ".validator" namespace
+$( "form" ).off( ".validator" );
+```
+     */
+    off(events: string, selector_handler?: JQuery.Selector | JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
+    /**
+     * Remove an event handler.
+     * @param events An object where the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent handler functions previously attached for the event(s).
+     * @param selector A selector which should match the one originally passed to .on() when attaching event handlers.
+     * @see \`{@link https://api.jquery.com/off/ }\`
+     * @since 1.7
+     */
+    off(events: JQuery.PlainObject<JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false>, selector?: JQuery.Selector): this;
+    /**
+     * Remove an event handler.
+     * @param event A jQuery.Event object.
+     * @see \`{@link https://api.jquery.com/off/ }\`
+     * @since 1.7
+     * @example ​ ````Remove all event handlers from all paragraphs:
+```javascript
+$( "p" ).off();
+```
+     */
+    off(event?: JQuery.Event<TElement>): this;
+    /**
+     * Set the current coordinates of every element in the set of matched elements, relative to the document.
+     * @param coordinates_function _&#x40;param_ `coordinates_function`
+     * <br>
+     * * `coordinates` — An object containing the properties `top` and `left`, which are numbers indicating the new top and
+     *                   left coordinates for the elements. <br>
+     * * `function` — A function to return the coordinates to set. Receives the index of the element in the collection as
+     *                the first argument and the current coordinates as the second argument. The function should return an
+     *                object with the new `top` and `left` properties.
+     * @see \`{@link https://api.jquery.com/offset/ }\`
+     * @since 1.4
+     * @example ​ ````Set the offset of the second paragraph:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>offset demo</title>
+  <style>
+  p {
+    margin-left: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p>2nd Paragraph</p>
+​
+<script>
+$( "p:last" ).offset({ top: 10, left: 30 });
+</script>
+​
+</body>
+</html>
+```
+     */
+    offset(coordinates_function: JQuery.CoordinatesPartial | ((this: TElement, index: number, coords: JQuery.Coordinates) => JQuery.CoordinatesPartial)): this;
+    /**
+     * Get the current coordinates of the first element in the set of matched elements, relative to the document.
+     * @see \`{@link https://api.jquery.com/offset/ }\`
+     * @since 1.2
+     * @example ​ ````Access the offset of the second paragraph:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>offset demo</title>
+  <style>
+  p {
+    margin-left: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p>2nd Paragraph</p>
+​
+<script>
+var p = $( "p:last" );
+var offset = p.offset();
+p.html( "left: " + offset.left + ", top: " + offset.top );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Click to see the offset.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>offset demo</title>
+  <style>
+  p {
+    margin-left: 10px;
+    color: blue;
+    width: 200px;
+    cursor: pointer;
+  }
+  span {
+    color: red;
+    cursor: pointer;
+  }
+  div.abs {
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    left: 220px;
+    top: 35px;
+    background-color: green;
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="result">Click an element.</div>
+<p>
+  This is the best way to <span>find</span> an offset.
+</p>
+<div class="abs">
+</div>
+​
+<script>
+$( "*", document.body ).click(function( event ) {
+  var offset = $( this ).offset();
+  event.stopPropagation();
+  $( "#result" ).text( this.tagName +
+    " coords ( " + offset.left + ", " + offset.top + " )" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    offset(): JQuery.Coordinates | undefined;
+    /**
+     * Get the closest ancestor element that is positioned.
+     * @see \`{@link https://api.jquery.com/offsetParent/ }\`
+     * @since 1.2.6
+     * @example ​ ````Find the offsetParent of item &quot;A.&quot;
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>offsetParent demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul class="level-1">
+  <li class="item-i">I</li>
+  <li class="item-ii" style="position: relative;">II
+    <ul class="level-2">
+      <li class="item-a">A</li>
+      <li class="item-b">B
+        <ul class="level-3">
+          <li class="item-1">1</li>
+          <li class="item-2">2</li>
+          <li class="item-3">3</li>
+        </ul>
+      </li>
+      <li class="item-c">C</li>
+    </ul>
+  </li>
+  <li class="item-iii">III</li>
+</ul>
+​
+<script>$( "li.item-a" ).offsetParent().css( "background-color", "red" );</script>
+​
+</body>
+</html>
+```
+     */
+    offsetParent(): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     */
+    on<TData>(events: string,
+              selector: JQuery.Selector | null,
+              data: TData,
+              handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\` in place of \`{@link JQueryEventObject }\`.
+     */
+    on(events: string,
+       selector: JQuery.Selector | null,
+       data: any,
+       handler: ((event: JQueryEventObject) => void)): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
+     *                for a function that simply does return false.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @example ​ ````Click any paragraph to add another after it. Note that .on() allows a click event on any paragraph--even new ones--since the event is handled by the ever-present body element after it bubbles to there.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>on demo</title>
+  <style>
+  p {
+    background: yellow;
+    font-weight: bold;
+    cursor: pointer;
+    padding: 5px;
+  }
+  p.over {
+    background: #ccc;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Click me!</p>
+<span></span>
+​
+<script>
+var count = 0;
+$( "body" ).on( "click", "p", function() {
+  $( this ).after( "<p>Another paragraph! " + (++count) + "</p>" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Display each paragraph&#39;s text in an alert box whenever it is clicked:
+```javascript
+$( "body" ).on( "click", "p", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Cancel a link&#39;s default action using the .preventDefault() method:
+```javascript
+$( "body" ).on( "click", "a", function( event ) {
+  event.preventDefault();
+});
+```
+     */
+    on(events: string,
+       selector: JQuery.Selector,
+       handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\` in place of \`{@link JQueryEventObject }\`.
+     * @example ​ ````Click any paragraph to add another after it. Note that .on() allows a click event on any paragraph--even new ones--since the event is handled by the ever-present body element after it bubbles to there.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>on demo</title>
+  <style>
+  p {
+    background: yellow;
+    font-weight: bold;
+    cursor: pointer;
+    padding: 5px;
+  }
+  p.over {
+    background: #ccc;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Click me!</p>
+<span></span>
+​
+<script>
+var count = 0;
+$( "body" ).on( "click", "p", function() {
+  $( this ).after( "<p>Another paragraph! " + (++count) + "</p>" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Display each paragraph&#39;s text in an alert box whenever it is clicked:
+```javascript
+$( "body" ).on( "click", "p", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Cancel a link&#39;s default action using the .preventDefault() method:
+```javascript
+$( "body" ).on( "click", "a", function( event ) {
+  event.preventDefault();
+});
+```
+     */
+    on(events: string,
+       selector: JQuery.Selector,
+       // tslint:disable-next-line:unified-signatures
+       handler: ((event: JQueryEventObject) => void)): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @example ​ ````Pass data to the event handler, which is specified here by name:
+```javascript
+function myHandler( event ) {
+  alert( event.data.foo );
+}
+$( "p" ).on( "click", { foo: "bar" }, myHandler );
+```
+     */
+    on<TData>(events: string,
+              data: TData,
+              handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\` in place of \`{@link JQueryEventObject }\`.
+     * @example ​ ````Pass data to the event handler, which is specified here by name:
+```javascript
+function myHandler( event ) {
+  alert( event.data.foo );
+}
+$( "p" ).on( "click", { foo: "bar" }, myHandler );
+```
+     */
+    on(events: string,
+       // tslint:disable-next-line:unified-signatures
+       data: any,
+       handler: ((event: JQueryEventObject) => void)): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
+     *                for a function that simply does return false.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @example ​ ````Display a paragraph&#39;s text in an alert when it is clicked:
+```javascript
+$( "p" ).on( "click", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Cancel a form submit action and prevent the event from bubbling up by returning false:
+```javascript
+$( "form" ).on( "submit", false );
+```
+     * @example ​ ````Cancel only the default action by using .preventDefault().
+```javascript
+$( "form" ).on( "submit", function( event ) {
+  event.preventDefault();
+});
+```
+     * @example ​ ````Stop submit events from bubbling without preventing form submit, using .stopPropagation().
+```javascript
+$( "form" ).on( "submit", function( event ) {
+  event.stopPropagation();
+});
+```
+     * @example ​ ````Pass data to the event handler using the second argument to .trigger()
+```javascript
+$( "div" ).on( "click", function( event, person ) {
+  alert( "Hello, " + person.name );
+});
+$( "div" ).trigger( "click", { name: "Jim" } );
+```
+     * @example ​ ````Use the the second argument of .trigger() to pass an array of data to the event handler
+```javascript
+$( "div" ).on( "click", function( event, salutation, name ) {
+  alert( salutation + ", " + name );
+});
+$( "div" ).trigger( "click", [ "Goodbye", "Jim" ] );
+```
+     * @example ​ ````Attach and trigger custom (non-browser) events.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>on demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  span {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Has an attached custom event.</p>
+<button>Trigger custom event</button>
+<span style="display:none;"></span>
+​
+<script>
+$( "p" ).on( "myCustomEvent", function( event, myName ) {
+  $( this ).text( myName + ", hi there!" );
+  $( "span" )
+    .stop()
+    .css( "opacity", 1 )
+    .text( "myName = " + myName )
+    .fadeIn( 30 )
+    .fadeOut( 1000 );
+});
+$( "button" ).click(function () {
+  $( "p" ).trigger( "myCustomEvent", [ "John" ] );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Attach multiple events—one on mouseenter and one on mouseleave to the same element:
+```javascript
+$( "#cart" ).on( "mouseenter mouseleave", function( event ) {
+  $( this ).toggleClass( "active" );
+});
+```
+     */
+    on(events: string,
+       handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\` in place of \`{@link JQueryEventObject }\`.
+     * @example ​ ````Display a paragraph&#39;s text in an alert when it is clicked:
+```javascript
+$( "p" ).on( "click", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Cancel a form submit action and prevent the event from bubbling up by returning false:
+```javascript
+$( "form" ).on( "submit", false );
+```
+     * @example ​ ````Cancel only the default action by using .preventDefault().
+```javascript
+$( "form" ).on( "submit", function( event ) {
+  event.preventDefault();
+});
+```
+     * @example ​ ````Stop submit events from bubbling without preventing form submit, using .stopPropagation().
+```javascript
+$( "form" ).on( "submit", function( event ) {
+  event.stopPropagation();
+});
+```
+     * @example ​ ````Pass data to the event handler using the second argument to .trigger()
+```javascript
+$( "div" ).on( "click", function( event, person ) {
+  alert( "Hello, " + person.name );
+});
+$( "div" ).trigger( "click", { name: "Jim" } );
+```
+     * @example ​ ````Use the the second argument of .trigger() to pass an array of data to the event handler
+```javascript
+$( "div" ).on( "click", function( event, salutation, name ) {
+  alert( salutation + ", " + name );
+});
+$( "div" ).trigger( "click", [ "Goodbye", "Jim" ] );
+```
+     * @example ​ ````Attach and trigger custom (non-browser) events.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>on demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  span {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Has an attached custom event.</p>
+<button>Trigger custom event</button>
+<span style="display:none;"></span>
+​
+<script>
+$( "p" ).on( "myCustomEvent", function( event, myName ) {
+  $( this ).text( myName + ", hi there!" );
+  $( "span" )
+    .stop()
+    .css( "opacity", 1 )
+    .text( "myName = " + myName )
+    .fadeIn( 30 )
+    .fadeOut( 1000 );
+});
+$( "button" ).click(function () {
+  $( "p" ).trigger( "myCustomEvent", [ "John" ] );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Attach multiple events—one on mouseenter and one on mouseleave to the same element:
+```javascript
+$( "#cart" ).on( "mouseenter mouseleave", function( event ) {
+  $( this ).toggleClass( "active" );
+});
+```
+     */
+    on(events: string,
+       // tslint:disable-next-line:unified-signatures
+       handler: ((event: JQueryEventObject) => void)): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
+     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
+     * @param data Data to be passed to the handler in event.data when an event occurs.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     */
+    on<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
+              selector: JQuery.Selector | null,
+              data: TData): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
+     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     */
+    on(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>,
+       // tslint:disable-next-line:unified-signatures
+       selector: JQuery.Selector): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param data Data to be passed to the handler in event.data when an event occurs.
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     */
+    on<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
+              data: TData): this;
+    /**
+     * Attach an event handler function for one or more events to the selected elements.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @see \`{@link https://api.jquery.com/on/ }\`
+     * @since 1.7
+     * @example ​ ````Attach multiple event handlers simultaneously using a plain object.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>on demo</title>
+  <style>
+  .test {
+    color: #000;
+    padding: .5em;
+    border: 1px solid #444;
+  }
+  .active {
+    color: #900;
+  }
+  .inside {
+    background-color: aqua;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="test">test div</div>
+​
+<script>
+$( "div.test" ).on({
+  click: function() {
+    $( this ).toggleClass( "active" );
+  }, mouseenter: function() {
+    $( this ).addClass( "inside" );
+  }, mouseleave: function() {
+    $( this ).removeClass( "inside" );
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    on(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one<TData>(events: string,
+               selector: JQuery.Selector | null,
+               data: TData,
+               handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
+     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
+     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
+     *                for a function that simply does return false.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one(events: string,
+        selector: JQuery.Selector,
+        handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param data Data to be passed to the handler in event.data when an event is triggered.
+     * @param handler A function to execute when the event is triggered.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one<TData>(events: string,
+               data: TData,
+               handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
+     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
+     *                for a function that simply does return false.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     * @example ​ ````Tie a one-time click to each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>one demo</title>
+  <style>
+  div {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    float: left;
+    background: green;
+    border: 10px outset;
+    cursor:pointer;
+  }
+  p {
+    color: red;
+    margin: 0;
+    clear: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<p>Click a green square...</p>
+​
+<script>
+var n = 0;
+$( "div" ).one( "click", function() {
+  var index = $( "div" ).index( this );
+  $( this ).css({
+    borderStyle: "inset",
+    cursor: "auto"
+  });
+  $( "p" ).text( "Div at index #" + index + " clicked." +
+    " That's " + (++n) + " total clicks." );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To display the text of all paragraphs in an alert box the first time each of them is clicked:
+```javascript
+$( "p" ).one( "click", function() {
+  alert( $( this ).text() );
+});
+```
+     * @example ​ ````Event handlers will trigger once per element per event type
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>one demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="count">0</div>
+<div class="target">Hover/click me</div>
+​
+<script>
+var n = 0;
+$(".target").one("click mouseenter", function() {
+  $(".count").html(++n);
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    one(events: string,
+        handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
+     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
+     * @param data Data to be passed to the handler in event.data when an event occurs.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
+               selector: JQuery.Selector | null,
+               data: TData): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
+     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>,
+        // tslint:disable-next-line:unified-signatures
+        selector: JQuery.Selector): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @param data Data to be passed to the handler in event.data when an event occurs.
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
+               data: TData): this;
+    /**
+     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
+     * @param events An object in which the string keys represent one or more space-separated event types and optional
+     *               namespaces, and the values represent a handler function to be called for the event(s).
+     * @see \`{@link https://api.jquery.com/one/ }\`
+     * @since 1.7
+     */
+    one(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
+    /**
+     * Set the CSS outer height of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A number representing the number of pixels, or a number along with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the outer height to set. Receives the index position of the element in the set
+     *                and the old outer height as arguments. Within the function, `this` refers to the current element in
+     *                the set.
+     * @see \`{@link https://api.jquery.com/outerHeight/ }\`
+     * @since 1.8.0
+     * @example ​ ````Change the outer height of each div the first time it is clicked (and change its color).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>outerHeight demo</title>
+  <style>
+  div {
+    width: 50px;
+    padding: 10px;
+    height: 60px;
+    float: left;
+    margin: 5px;
+    background: red;
+    cursor: pointer;
+  }
+  .mod {
+    background: blue;
+    cursor: default;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+​
+<script>
+var modHeight = 60;
+$( "div" ).one( "click", function() {
+  $( this ).outerHeight( modHeight ).addClass( "mod" );
+  modHeight -= 8;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    outerHeight(value_function: string | number | ((this: TElement, index: number, height: number) => string | number),
+                includeMargin?: boolean): this;
+    /**
+     * Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements.
+     * @param includeMargin A Boolean indicating whether to include the element's margin in the calculation.
+     * @see \`{@link https://api.jquery.com/outerHeight/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the outerHeight of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>outerHeight demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text(
+  "outerHeight:" + p.outerHeight() +
+  " , outerHeight( true ):" + p.outerHeight( true ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    outerHeight(includeMargin?: boolean): number | undefined;
+    /**
+     * Set the CSS outer width of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A number representing the number of pixels, or a number along with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the outer width to set. Receives the index position of the element in the set
+     *                and the old outer width as arguments. Within the function, `this` refers to the current element in
+     *                the set.
+     * @see \`{@link https://api.jquery.com/outerWidth/ }\`
+     * @since 1.8.0
+     * @example ​ ````Change the outer width of each div the first time it is clicked (and change its color).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>outerWidth demo</title>
+  <style>
+  div {
+    width: 60px;
+    padding: 10px;
+    height: 50px;
+    float: left;
+    margin: 5px;
+    background: red;
+    cursor: pointer;
+  }
+  .mod {
+    background: blue;
+    cursor: default;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+​
+<script>
+var modWidth = 60;
+$( "div" ).one( "click", function() {
+  $( this ).outerWidth( modWidth ).addClass( "mod" );
+  modWidth -= 8;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    outerWidth(value_function: string | number | ((this: TElement, index: number, width: number) => string | number),
+               includeMargin?: boolean): this;
+    /**
+     * Get the current computed outer width (including padding, border, and optionally margin) for the first element in the set of matched elements.
+     * @param includeMargin A Boolean indicating whether to include the element's margin in the calculation.
+     * @see \`{@link https://api.jquery.com/outerWidth/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the outerWidth of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>outerWidth demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text(
+  "outerWidth:" + p.outerWidth() +
+  " , outerWidth( true ):" + p.outerWidth( true ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    outerWidth(includeMargin?: boolean): number | undefined;
+    /**
+     * Get the parent of each element in the current set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/parent/ }\`
+     * @since 1.0
+     * @example ​ ````Shows the parent of each element as (parent &gt; child).  Check the View Source to see the raw html.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>parent demo</title>
+  <style>
+  div, p {
+    margin: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>div,
+  <span>span, </span>
+  <b>b </b>
+</div>
+​
+<p>p,
+  <span>span,
+    <em>em </em>
+  </span>
+</p>
+​
+<div>div,
+  <strong>strong,
+    <span>span, </span>
+    <em>em,
+      <b>b, </b>
+    </em>
+  </strong>
+  <b>b </b>
+</div>
+​
+<script>
+$( "*", document.body ).each(function() {
+  var parentTag = $( this ).parent().get( 0 ).tagName;
+  $( this ).prepend( document.createTextNode( parentTag + " > " ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find the parent element of each paragraph with a class &quot;selected&quot;.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>parent demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div><p>Hello</p></div>
+<div class="selected"><p>Hello Again</p></div>
+​
+<script>
+$( "p" ).parent( ".selected" ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    parent(selector?: JQuery.Selector): this;
+    /**
+     * Get the ancestors of each element in the current set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/parents/ }\`
+     * @since 1.0
+     * @example ​ ````Find all parent elements of each b.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>parents demo</title>
+  <style>
+  b, span, p, html body {
+    padding: .5em;
+    border: 1px solid;
+  }
+  b {
+    color: blue;
+  }
+  strong {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  <p>
+    <span>
+      <b>My parents are: </b>
+    </span>
+  </p>
+</div>
+​
+<script>
+var parentEls = $( "b" ).parents()
+  .map(function() {
+    return this.tagName;
+  })
+  .get()
+  .join( ", " );
+$( "b" ).append( "<strong>" + parentEls + "</strong>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Click to find all unique div parent elements of each span.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>parents demo</title>
+  <style>
+  p, div, span {
+    margin: 2px;
+    padding: 1px;
+  }
+  div {
+    border: 2px white solid;
+  }
+  span {
+    cursor: pointer;
+    font-size: 12px;
+  }
+  .selected {
+    color: blue;
+  }
+  b {
+    color: red;
+    display: block;
+    font-size: 14px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  <div>
+    <div><span>Hello</span></div>
+      <span>Hello Again</span>
+    </div>
+    <div>
+      <span>And Hello Again</span>
+    </div>
+  </p>
+  <b>Click Hellos to toggle their parents.</b>
+​
+<script>
+function showParents() {
+  $( "div" ).css( "border-color", "white" );
+  var len = $( "span.selected" )
+    .parents( "div" )
+      .css( "border", "2px red solid" )
+      .length;
+  $( "b" ).text( "Unique div parents: " + len );
+}
+$( "span" ).click(function() {
+  $( this ).toggleClass( "selected" );
+  showParents();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    parents(selector?: JQuery.Selector): this;
+    /**
+     * Get the ancestors of each element in the current set of matched elements, up to but not including the element matched by the selector, DOM node, or jQuery object.
+     * @param selector_element _&#x40;param_ `selector_element`
+     * <br>
+     * * `selector` — A string containing a selector expression to indicate where to stop matching ancestor elements. <br>
+     * * `element` — A DOM node or jQuery object indicating where to stop matching ancestor elements.
+     * @param filter A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/parentsUntil/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @example ​ ````Find the ancestors of &lt;li class=&quot;item-a&quot;&gt; up to &lt;ul class=&quot;level-1&quot;&gt; and give them a red background color. Also, find ancestors of &lt;li class=&quot;item-2&quot;&gt; that have a class of &quot;yes&quot; up to &lt;ul class=&quot;level-1&quot;&gt; and give them a green border.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>parentsUntil demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul class="level-1 yes">
+  <li class="item-i">I</li>
+  <li class="item-ii">II
+    <ul class="level-2 yes">
+      <li class="item-a">A</li>
+      <li class="item-b">B
+        <ul class="level-3">
+          <li class="item-1">1</li>
+          <li class="item-2">2</li>
+          <li class="item-3">3</li>
+        </ul>
+      </li>
+      <li class="item-c">C</li>
+    </ul>
+  </li>
+  <li class="item-iii">III</li>
+</ul>
+​
+<script>
+$( "li.item-a" )
+  .parentsUntil( ".level-1" )
+    .css( "background-color", "red" );
+​
+$( "li.item-2" )
+  .parentsUntil( $( "ul.level-1" ), ".yes" )
+    .css( "border", "3px solid green" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    parentsUntil(selector_element?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
+    /**
+     * Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.
+     * @see \`{@link https://api.jquery.com/position/ }\`
+     * @since 1.2
+     * @example ​ ````Access the position of the second paragraph:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>position demo</title>
+  <style>
+  div {
+    padding: 15px;
+  }
+  p {
+    margin-left: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  <p>Hello</p>
+</div>
+<p></p>
+​
+<script>
+var p = $( "p:first" );
+var position = p.position();
+$( "p:last" ).text( "left: " + position.left + ", top: " + position.top );
+</script>
+​
+</body>
+</html>
+```
+     */
+    position(): JQuery.Coordinates;
+    /**
+     * Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
+     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
+     *                 jQuery objects to insert at the beginning of each element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/prepend/ }\`
+     * @since 1.0
+     * @example ​ ````Prepends some HTML to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prepend demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>there, friend!</p>
+<p>amigo!</p>
+​
+<script>
+$( "p" ).prepend( "<b>Hello </b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Prepends a DOM Element to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prepend demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>is what I'd say</p>
+<p>is what I said</p>
+​
+<script>
+$( "p" ).prepend( document.createTextNode( "Hello " ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Prepends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prepend demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p> is what was said.</p><b>Hello</b>
+​
+<script>
+$( "p" ).prepend( $( "b" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    prepend(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
+    /**
+     * Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
+     * @param funсtion A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert at
+     *                 the beginning of each element in the set of matched elements. Receives the index position of the
+     *                 element in the set and the old HTML value of the element as arguments. Within the function, `this`
+     *                 refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/prepend/ }\`
+     * @since 1.4
+     */
+    prepend(funсtion: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
+    /**
+     * Insert every element in the set of matched elements to the beginning of the target.
+     * @param target A selector, element, HTML string, array of elements, or jQuery object; the matched set of elements
+     *               will be inserted at the beginning of the element(s) specified by this parameter.
+     * @see \`{@link https://api.jquery.com/prependTo/ }\`
+     * @since 1.0
+     * @example ​ ````Prepend all spans to the element with the ID &quot;foo&quot; (Check .prepend() documentation for more examples)
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prependTo demo</title>
+  <style>
+  div {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="foo">FOO!</div>
+<span>I have something to say... </span>
+​
+<script>
+$( "span" ).prependTo( "#foo" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    prependTo(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Element | DocumentFragment> | JQuery): this;
+    /**
+     * Get the immediately preceding sibling of each element in the set of matched elements. If a selector is provided, it retrieves the previous sibling only if it matches that selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/prev/ }\`
+     * @since 1.0
+     * @example ​ ````Find the very previous sibling of each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prev demo</title>
+  <style>
+  div {
+    width: 40px;
+    height: 40px;
+    margin: 10px;
+    float: left;
+    border: 2px blue solid;
+    padding: 2px;
+  }
+  span {
+    font-size: 14px;
+  }
+  p {
+    clear: left;
+    margin: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div><span>has child</span></div>
+<div></div>
+<div></div>
+<div></div>
+<div id="start"></div>
+<div></div>
+<p><button>Go to Prev</button></p>
+​
+<script>
+var $curr = $( "#start" );
+$curr.css( "background", "#f99" );
+$( "button" ).click(function() {
+  $curr = $curr.prev();
+  $( "div" ).css( "background", "" );
+  $curr.css( "background", "#f99" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````For each paragraph, find the very previous sibling that has a class &quot;selected&quot;.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prev demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div><span>Hello</span></div>
+<p class="selected">Hello Again</p>
+<p>And Again</p>
+​
+<script>
+$( "p" ).prev( ".selected" ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    prev(selector?: JQuery.Selector): this;
+    /**
+     * Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/prevAll/ }\`
+     * @since 1.2
+     * @example ​ ````Locate all the divs preceding the last div and give them a class.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prevAll demo</title>
+  <style>
+  div {
+    width: 70px;
+    height: 70px;
+    background: #abc;
+    border: 2px solid black;
+    margin: 10px;
+    float: left;
+  }
+  div.before {
+    border-color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "div:last" ).prevAll().addClass( "before" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    prevAll(selector?: JQuery.Selector): this;
+    /**
+     * Get all preceding siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object.
+     * @param selector_element _&#x40;param_ `selector_element`
+     * <br>
+     * * `selector` — A string containing a selector expression to indicate where to stop matching preceding sibling elements. <br>
+     * * `element` — A DOM node or jQuery object indicating where to stop matching preceding sibling elements.
+     * @param filter A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/prevUntil/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @example ​ ````Find the siblings that precede &lt;dt id=&quot;term-2&quot;&gt; up to the preceding &lt;dt&gt; and give them a red background color. Also, find previous &lt;dd&gt; siblings of &lt;dt id=&quot;term-3&quot;&gt; up to &lt;dt id=&quot;term-1&quot;&gt; and give them a green text color.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prevUntil demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<dl>
+  <dt id="term-1">term 1</dt>
+  <dd>definition 1-a</dd>
+  <dd>definition 1-b</dd>
+  <dd>definition 1-c</dd>
+  <dd>definition 1-d</dd>
+​
+  <dt id="term-2">term 2</dt>
+  <dd>definition 2-a</dd>
+  <dd>definition 2-b</dd>
+  <dd>definition 2-c</dd>
+​
+  <dt id="term-3">term 3</dt>
+  <dd>definition 3-a</dd>
+  <dd>definition 3-b</dd>
+</dl>
+​
+<script>
+$( "#term-2" ).prevUntil( "dt" )
+  .css( "background-color", "red" );
+​
+var term1 = document.getElementById( "term-1" );
+$( "#term-3" ).prevUntil( term1, "dd" )
+  .css( "color", "green" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    prevUntil(selector_element?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
+    /**
+     * Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished.
+     * @param type The type of queue that needs to be observed.
+     * @param target Object onto which the promise methods have to be attached
+     * @see \`{@link https://api.jquery.com/promise/ }\`
+     * @since 1.6
+     */
+    promise<T extends object>(type: string, target: T): T & JQuery.Promise<this>;
+    /**
+     * Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished.
+     * @param target Object onto which the promise methods have to be attached
+     * @see \`{@link https://api.jquery.com/promise/ }\`
+     * @since 1.6
+     */
+    promise<T extends object>(target: T): T & JQuery.Promise<this>;
+    /**
+     * Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished.
+     * @param type The type of queue that needs to be observed.
+     * @see \`{@link https://api.jquery.com/promise/ }\`
+     * @since 1.6
+     * @example ​ ````Using .promise() on a collection with no active animation returns a resolved Promise:
+```javascript
+var div = $( "<div>" );
+​
+div.promise().done(function( arg1 ) {
+  // Will fire right away and alert "true"
+  alert( this === div && arg1 === div );
+});
+```
+     * @example ​ ````Resolve the returned Promise when all animations have ended (including those initiated in the animation callback or added later on):
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>promise demo</title>
+  <style>
+  div {
+    height: 50px;
+    width: 50px;
+    float: left;
+    margin-right: 10px;
+    display: none;
+    background-color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Go</button>
+<p>Ready...</p>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( "button" ).on( "click", function() {
+  $( "p" ).append( "Started..." );
+​
+  $( "div" ).each(function( i ) {
+    $( this ).fadeIn().fadeOut( 1000 * ( i + 1 ) );
+  });
+​
+  $( "div" ).promise().done(function() {
+    $( "p" ).append( " Finished! " );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Resolve the returned Promise using a $.when() statement (the .promise() method makes it possible to do this with jQuery collections):
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>promise demo</title>
+  <style>
+  div {
+    height: 50px;
+    width: 50px;
+    float: left;
+    margin-right: 10px;
+    display: none;
+    background-color: #090;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Go</button>
+<p>Ready...</p>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+var effect = function() {
+  return $( "div" ).fadeIn( 800 ).delay( 1200 ).fadeOut();
+};
+​
+$( "button" ).on( "click", function() {
+  $( "p" ).append( " Started... " );
+​
+  $.when( effect() ).done(function() {
+    $( "p" ).append( " Finished! " );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    promise(type?: string): JQuery.Promise<this>;
+    /**
+     * Set one or more properties for the set of matched elements.
+     * @param propertyName The name of the property to set.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A value to set for the property. <br>
+     * * `function` — A function returning the value to set. Receives the index position of the element in the set and the
+     *                old property value as arguments. Within the function, the keyword `this` refers to the current element.
+     * @see \`{@link https://api.jquery.com/prop/ }\`
+     * @since 1.6
+     */
+    prop(propertyName: string,
+         value_function: string | number | boolean | symbol | object | null | undefined | ((this: TElement, index: number, oldPropertyValue: any) => any)): this;
+    /**
+     * Set one or more properties for the set of matched elements.
+     * @param properties An object of property-value pairs to set.
+     * @see \`{@link https://api.jquery.com/prop/ }\`
+     * @since 1.6
+     * @example ​ ````Disable all checkboxes on the page.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prop demo</title>
+  <style>
+  img {
+    padding: 10px;
+  }
+  div {
+    color: red;
+    font-size: 24px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <input type="checkbox" checked="checked">
+  <input type="checkbox">
+  <input type="checkbox">
+  <input type="checkbox" checked="checked">
+​
+<script>
+$( "input[type='checkbox']" ).prop({
+  disabled: true
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    prop(properties: JQuery.PlainObject): this;
+    /**
+     * Get the value of a property for the first element in the set of matched elements.
+     * @param propertyName The name of the property to get.
+     * @see \`{@link https://api.jquery.com/prop/ }\`
+     * @since 1.6
+     * @example ​ ````Display the checked property and attribute of a checkbox as it changes.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>prop demo</title>
+  <style>
+  p {
+    margin: 20px 0 0;
+  }
+  b {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input id="check1" type="checkbox" checked="checked">
+<label for="check1">Check me</label>
+<p></p>
+​
+<script>
+$( "input" ).change(function() {
+  var $input = $( this );
+  $( "p" ).html(
+    ".attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
+    ".prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
+    ".is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
+}).change();
+</script>
+​
+</body>
+</html>
+```
+     */
+    prop(propertyName: string): any;
+    /**
+     * Add a collection of DOM elements onto the jQuery stack.
+     * @param elements An array of elements to push onto the stack and make into a new jQuery object.
+     * @param name The name of a jQuery method that generated the array of elements.
+     * @param args The arguments that were passed in to the jQuery method (for serialization).
+     * @see \`{@link https://api.jquery.com/pushStack/ }\`
+     * @since 1.3
+     */
+    pushStack(elements: ArrayLike<Element>, name: string, args: any[]): this;
+    /**
+     * Add a collection of DOM elements onto the jQuery stack.
+     * @param elements An array of elements to push onto the stack and make into a new jQuery object.
+     * @see \`{@link https://api.jquery.com/pushStack/ }\`
+     * @since 1.0
+     * @example ​ ````Add some elements onto the jQuery stack, then pop back off again.
+```javascript
+jQuery([])
+  .pushStack( document.getElementsByTagName( "div" ) )
+  .remove()
+  .end();
+```
+     */
+    pushStack(elements: ArrayLike<Element>): this;
+    /**
+     * Manipulate the queue of functions to be executed, once for each matched element.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @param newQueue The new function to add to the queue, with a function to call that will dequeue the next item.
+     *                 An array of functions to replace the current queue contents.
+     * @see \`{@link https://api.jquery.com/queue/ }\`
+     * @since 1.2
+     * @example ​ ````Set a queue array to delete the queue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="start">Start</button>
+<button id="stop">Stop</button>
+<div></div>
+​
+<script>
+$( "#start" ).click(function() {
+  $( "div" )
+    .show( "slow" )
+    .animate({ left: "+=200" }, 5000 )
+    .queue(function() {
+      $( this ).addClass( "newcolor" ).dequeue();
+    })
+    .animate({ left: '-=200' }, 1500 )
+    .queue(function() {
+      $( this ).removeClass( "newcolor" ).dequeue();
+    })
+    .slideUp();
+});
+$( "#stop" ).click(function() {
+  $( "div" )
+    .queue( "fx", [] )
+    .stop();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    queue(queueName: string, newQueue: JQuery.TypeOrArray<JQuery.QueueFunction<TElement>>): this;
+    /**
+     * Manipulate the queue of functions to be executed, once for each matched element.
+     * @param newQueue The new function to add to the queue, with a function to call that will dequeue the next item.
+     *                 An array of functions to replace the current queue contents.
+     * @see \`{@link https://api.jquery.com/queue/ }\`
+     * @since 1.2
+     * @example ​ ````Queue a custom function.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Click here...
+<div></div>
+​
+<script>
+$( document.body ).click(function() {
+  $( "div" )
+    .show( "slow" )
+    .animate({ left: "+=200" }, 2000 )
+    .queue(function() {
+      $( this ).addClass( "newcolor" ).dequeue();
+    })
+    .animate({ left: "-=200" }, 500 )
+    .queue(function() {
+      $( this ).removeClass( "newcolor" ).dequeue();
+    })
+    .slideUp();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    queue(newQueue: JQuery.TypeOrArray<JQuery.QueueFunction<TElement>>): this;
+    /**
+     * Show the queue of functions to be executed on the matched elements.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @see \`{@link https://api.jquery.com/queue/ }\`
+     * @since 1.2
+     * @example ​ ````Show the length of the queue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 60px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  p {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>The queue length is: <span></span></p>
+<div></div>
+​
+<script>
+var div = $( "div" );
+​
+function runIt() {
+  div
+    .show( "slow" )
+    .animate({ left: "+=200" }, 2000 )
+    .slideToggle( 1000 )
+    .slideToggle( "fast" )
+    .animate({ left: "-=200" }, 1500 )
+    .hide( "slow" )
+    .show( 1200 )
+    .slideUp( "normal", runIt );
+}
+​
+function showIt() {
+  var n = div.queue( "fx" );
+  $( "span" ).text( n.length );
+  setTimeout( showIt, 100 );
+}
+​
+runIt();
+showIt();
+</script>
+​
+</body>
+</html>
+```
+     */
+    queue(queueName?: string): JQuery.Queue<Node>;
+    /**
+     * Specify a function to execute when the DOM is fully loaded.
+     * @param handler A function to execute after the DOM is ready.
+     * @see \`{@link https://api.jquery.com/ready/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.0. Use `jQuery(function() { })`.
+     * @example ​ ````Display a message when the DOM is loaded.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>ready demo</title>
+  <style>
+  p {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+  <script>
+​
+  $(function() {
+    $( "p" ).text( "The DOM is now loaded and can be manipulated." );
+  });
+​
+  </script>
+</head>
+<body>
+​
+<p>Not loaded yet.</p>
+​
+</body>
+</html>
+```
+     */
+    ready(handler: ($: JQueryStatic) => void): this;
+    /**
+     * Remove the set of matched elements from the DOM.
+     * @param selector A selector expression that filters the set of matched elements to be removed.
+     * @see \`{@link https://api.jquery.com/remove/ }\`
+     * @since 1.0
+     * @example ​ ````Removes all paragraphs from the DOM
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>remove demo</title>
+  <style>
+  p {
+    background: yellow;
+    margin: 6px 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+how are
+<p>you?</p>
+<button>Call remove() on paragraphs</button>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).remove();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Removes all paragraphs that contain &quot;Hello&quot; from the DOM.  Analogous to doing $(&quot;p&quot;).filter(&quot;:contains(&#39;Hello&#39;)&quot;).remove().
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>remove demo</title>
+  <style>
+  p {
+    background: yellow;
+    margin: 6px 0;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="hello">Hello</p>
+how are
+<p>you?</p>
+<button>Call remove( ":contains('Hello')" ) on paragraphs</button>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).remove( ":contains('Hello')" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    remove(selector?: string): this;
+    /**
+     * Remove an attribute from each element in the set of matched elements.
+     * @param attributeName An attribute to remove; as of version 1.7, it can be a space-separated list of attributes.
+     * @see \`{@link https://api.jquery.com/removeAttr/ }\`
+     * @since 1.0
+     * @example ​ ````Clicking the button changes the title of the input next to it. Move the mouse pointer over the text input to see the effect of adding and removing the title attribute.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeAttr demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Change title</button>
+<input type="text" title="hello there">
+<div id="log"></div>
+​
+<script>
+(function() {
+  var inputTitle = $( "input" ).attr( "title" );
+  $( "button" ).click(function() {
+    var input = $( this ).next();
+​
+    if ( input.attr( "title" ) === inputTitle ) {
+      input.removeAttr( "title" )
+    } else {
+      input.attr( "title", inputTitle );
+    }
+​
+    $( "#log" ).html( "input title is now " + input.attr( "title" ) );
+  });
+})();
+</script>
+​
+</body>
+</html>
+```
+     */
+    removeAttr(attributeName: string): this;
+    /**
+     * Remove a single class, multiple classes, or all classes from each element in the set of matched elements.
+     * @param className_function _&#x40;param_ `className_function`
+     * <br>
+     * * `className` — One or more space-separated classes to be removed from the class attribute of each matched element. <br>
+     * * `function` — A function returning one or more space-separated class names to be removed. Receives the index
+     *                position of the element in the set and the old class value as arguments.
+     * @see \`{@link https://api.jquery.com/removeClass/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @since 3.3
+     * @example ​ ````Remove the class &#39;blue&#39; from the matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeClass demo</title>
+  <style>
+  p {
+    margin: 4px;
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  .blue {
+    color: blue;
+  }
+  .under {
+    text-decoration: underline;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="blue under">Hello</p>
+<p class="blue under highlight">and</p>
+<p class="blue under">then</p>
+<p class="blue under">Goodbye</p>
+​
+<script>
+$( "p:even" ).removeClass( "blue" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Remove the class &#39;blue&#39; and &#39;under&#39; from the matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeClass demo</title>
+  <style>
+  p {
+    margin: 4px;
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  .blue {
+    color: blue;
+  }
+  .under {
+    text-decoration: underline;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="blue under">Hello</p>
+<p class="blue under highlight">and</p>
+<p class="blue under">then</p>
+<p class="blue under">Goodbye</p>
+​
+<script>
+$( "p:odd" ).removeClass( "blue under" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Remove all the classes from the matched elements.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeClass demo</title>
+  <style>
+  p {
+    margin: 4px;
+    font-size: 16px;
+    font-weight: bolder;
+  }
+  .blue {
+    color: blue;
+  }
+  .under {
+    text-decoration: underline;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="blue under">Hello</p>
+<p class="blue under highlight">and</p>
+<p class="blue under">then</p>
+<p class="blue under">Goodbye</p>
+​
+<script>
+$( "p:eq(1)" ).removeClass();
+</script>
+​
+</body>
+</html>
+```
+     */
+    removeClass(className_function?: JQuery.TypeOrArray<string> | ((this: TElement, index: number, className: string) => string)): this;
+    /**
+     * Remove a previously-stored piece of data.
+     * @param name A string naming the piece of data to delete.
+     *             An array or space-separated string naming the pieces of data to delete.
+     * @see \`{@link https://api.jquery.com/removeData/ }\`
+     * @since 1.2.3
+     * @since 1.7
+     * @example ​ ````Set a data store for 2 names then remove one of them.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeData demo</title>
+  <style>
+  div {
+    margin: 2px;
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>value1 before creation: <span></span></div>
+<div>value1 after creation: <span></span></div>
+<div>value1 after removal: <span></span></div>
+<div>value2 after removal: <span></span></div>
+​
+<script>
+$( "span:eq(0)" ).text( "" + $( "div" ).data( "test1" ) );
+$( "div" ).data( "test1", "VALUE-1" );
+$( "div" ).data( "test2", "VALUE-2" );
+$( "span:eq(1)" ).text( "" + $( "div").data( "test1" ) );
+$( "div" ).removeData( "test1" );
+$( "span:eq(2)" ).text( "" + $( "div" ).data( "test1" ) );
+$( "span:eq(3)" ).text( "" + $( "div" ).data( "test2" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    removeData(name?: JQuery.TypeOrArray<string>): this;
+    /**
+     * Remove a property for the set of matched elements.
+     * @param propertyName The name of the property to remove.
+     * @see \`{@link https://api.jquery.com/removeProp/ }\`
+     * @since 1.6
+     * @example ​ ````Set a numeric property on a paragraph and then remove it.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>removeProp demo</title>
+  <style>
+  img {
+    padding: 10px;
+  }
+  div {
+    color: red;
+    font-size: 24px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <p></p>
+​
+<script>
+para = $( "p" );
+para
+  .prop( "luggageCode", 1234 )
+  .append( "The secret luggage code is: ", String( para.prop( "luggageCode" ) ), ". " )
+  .removeProp( "luggageCode" )
+  .append( "Now the secret luggage code is: ", String( para.prop( "luggageCode" ) ), ". " );
+</script>
+​
+</body>
+</html>
+```
+     */
+    removeProp(propertyName: string): this;
+    /**
+     * Replace each target element with the set of matched elements.
+     * @param target A selector string, jQuery object, DOM element, or array of elements indicating which element(s) to replace.
+     * @see \`{@link https://api.jquery.com/replaceAll/ }\`
+     * @since 1.2
+     * @example ​ ````Replace all the paragraphs with bold words.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>replaceAll demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "<b>Paragraph. </b>" ).replaceAll( "p" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    replaceAll(target: JQuery.Selector | JQuery | JQuery.TypeOrArray<Element>): this;
+    /**
+     * Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed.
+     * @param newContent_function _&#x40;param_ `newContent_function`
+     * <br>
+     * * `newContent` — The content to insert. May be an HTML string, DOM element, array of DOM elements, or jQuery object. <br>
+     * * `function` — A function that returns content with which to replace the set of matched elements.
+     * @see \`{@link https://api.jquery.com/replaceWith/ }\`
+     * @since 1.2
+     * @since 1.4
+     * @example ​ ````On click, replace the button with a div containing the same word.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>replaceWith demo</title>
+  <style>
+  button {
+    display: block;
+    margin: 3px;
+    color: red;
+    width: 200px;
+  }
+  div {
+    color: red;
+    border: 2px solid blue;
+    width: 200px;
+    margin: 3px;
+    text-align: center;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>First</button>
+<button>Second</button>
+<button>Third</button>
+​
+<script>
+$( "button" ).click(function() {
+  $( this ).replaceWith( "<div>" + $( this ).text() + "</div>" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Replace all paragraphs with bold words.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>replaceWith demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).replaceWith( "<b>Paragraph. </b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````On click, replace each paragraph with a div that is already in the DOM and selected with the $() function. Notice it doesn&#39;t clone the object but rather moves it to replace the paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>replaceWith demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+    color: red;
+    margin: 3px;
+  }
+  p {
+    border: 2px solid red;
+    color: blue;
+    margin: 3px;
+    cursor: pointer;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <p>Hello</p>
+  <p>cruel</p>
+  <p>World</p>
+  <div>Replaced!</div>
+​
+<script>
+$( "p" ).click(function() {
+  $( this ).replaceWith( $( "div" ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````On button click, replace the containing div with its child divs and append the class name of the selected element to the paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>replaceWith demo</title>
+  <style>
+  .container {
+    background-color: #991;
+  }
+  .inner {
+    color: #911;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>
+  <button>Replace!</button>
+</p>
+<div class="container">
+  <div class="inner">Scooby</div>
+  <div class="inner">Dooby</div>
+  <div class="inner">Doo</div>
+</div>
+​
+<script>
+$( "button" ).on( "click", function() {
+  var $container = $( "div.container" ).replaceWith(function() {
+    return $( this ).contents();
+  });
+​
+  $( "p" ).append( $container.attr( "class" ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    replaceWith(newContent_function: JQuery.htmlString | JQuery | JQuery.TypeOrArray<Element> | ((this: TElement) => any)): this;
+    /**
+     * Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/resize/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    resize<TData>(eventData: TData,
+                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/resize/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To see the window width while (or after) it is resized, try:
+```javascript
+$( window ).resize(function() {
+  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
+});
+```
+     */
+    resize(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/scroll/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    scroll<TData>(eventData: TData,
+                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/scroll/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To do something when your page is scrolled:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>scroll demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  p {
+    color: green;
+  }
+  span {
+    color: red;
+    display: none;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>Try scrolling the iframe.</div>
+<p>Paragraph - <span>Scroll happened!</span></p>
+​
+<script>
+$( "p" ).clone().appendTo( document.body );
+$( "p" ).clone().appendTo( document.body );
+$( "p" ).clone().appendTo( document.body );
+$( window ).scroll(function() {
+  $( "span" ).css( "display", "inline" ).fadeOut( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    scroll(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Set the current horizontal position of the scroll bar for each of the set of matched elements.
+     * @param value An integer indicating the new position to set the scroll bar to.
+     * @see \`{@link https://api.jquery.com/scrollLeft/ }\`
+     * @since 1.2.6
+     * @example ​ ````Set the scrollLeft of a div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>scrollLeft demo</title>
+  <style>
+  div.demo {
+    background: #ccc none repeat scroll 0 0;
+    border: 3px solid #666;
+    margin: 5px;
+    padding: 5px;
+    position: relative;
+    width: 200px;
+    height: 100px;
+    overflow: auto;
+  }
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+    width: 1000px;
+    height: 1000px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="demo"><h1>lalala</h1><p>Hello</p></div>
+​
+<script>
+$( "div.demo" ).scrollLeft( 300 );
+</script>
+​
+</body>
+</html>
+```
+     */
+    scrollLeft(value: number): this;
+    /**
+     * Get the current horizontal position of the scroll bar for the first element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/scrollLeft/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the scrollLeft of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>scrollLeft demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text( "scrollLeft:" + p.scrollLeft() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    scrollLeft(): number | undefined;
+    /**
+     * Set the current vertical position of the scroll bar for each of the set of matched elements.
+     * @param value A number indicating the new position to set the scroll bar to.
+     * @see \`{@link https://api.jquery.com/scrollTop/ }\`
+     * @since 1.2.6
+     * @example ​ ````Set the scrollTop of a div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>scrollTop demo</title>
+  <style>
+  div.demo {
+    background: #ccc none repeat scroll 0 0;
+    border: 3px solid #666;
+    margin: 5px;
+    padding: 5px;
+    position: relative;
+    width: 200px;
+    height: 100px;
+    overflow: auto;
+  }
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+    width: 1000px;
+    height: 1000px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="demo"><h1>lalala</h1><p>Hello</p></div>
+​
+<script>
+$( "div.demo" ).scrollTop( 300 );
+</script>
+​
+</body>
+</html>
+```
+     */
+    scrollTop(value: number): this;
+    /**
+     * Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.
+     * @see \`{@link https://api.jquery.com/scrollTop/ }\`
+     * @since 1.2.6
+     * @example ​ ````Get the scrollTop of a paragraph.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>scrollTop demo</title>
+  <style>
+  p {
+    margin: 10px;
+    padding: 5px;
+    border: 2px solid #666;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p><p></p>
+​
+<script>
+var p = $( "p:first" );
+$( "p:last" ).text( "scrollTop:" + p.scrollTop() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    scrollTop(): number | undefined;
+    /**
+     * Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/select/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    select<TData>(eventData: TData,
+                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/select/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````To do something when text in input boxes is selected:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>select demo</title>
+  <style>
+  p {
+    color: blue;
+  }
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <p>Click and drag the mouse to select text in the inputs.</p>
+  <input type="text" value="Some text">
+  <input type="text" value="to test on">
+  <div></div>
+  ​
+<script>
+$( ":input" ).select(function() {
+  $( "div" ).text( "Something was selected" ).show().fadeOut( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To trigger the select event on all input elements, try:
+```javascript
+$( "input" ).select();
+```
+     */
+    select(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Encode a set of form elements as a string for submission.
+     * @see \`{@link https://api.jquery.com/serialize/ }\`
+     * @since 1.0
+     * @example ​ ````Serialize a form to a query string that could be sent to a server in an Ajax request.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>serialize demo</title>
+  <style>
+  body, select {
+    font-size: 12px;
+  }
+  form {
+    margin: 5px;
+  }
+  p {
+    color: red;
+    margin: 5px;
+    font-size: 14px;
+  }
+  b {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form>
+  <select name="single">
+    <option>Single</option>
+    <option>Single2</option>
+  </select>
+​
+  <br>
+  <select name="multiple" multiple="multiple">
+    <option selected="selected">Multiple</option>
+    <option>Multiple2</option>
+    <option selected="selected">Multiple3</option>
+  </select>
+​
+  <br>
+  <input type="checkbox" name="check" value="check1" id="ch1">
+  <label for="ch1">check1</label>
+  <input type="checkbox" name="check" value="check2" checked="checked" id="ch2">
+  <label for="ch2">check2</label>
+​
+  <br>
+  <input type="radio" name="radio" value="radio1" checked="checked" id="r1">
+  <label for="r1">radio1</label>
+  <input type="radio" name="radio" value="radio2" id="r2">
+  <label for="r2">radio2</label>
+</form>
+​
+<p><tt id="results"></tt></p>
+​
+<script>
+  function showValues() {
+    var str = $( "form" ).serialize();
+    $( "#results" ).text( str );
+  }
+  $( "input[type='checkbox'], input[type='radio']" ).on( "click", showValues );
+  $( "select" ).on( "change", showValues );
+  showValues();
+</script>
+​
+</body>
+</html>
+```
+     */
+    serialize(): string;
+    /**
+     * Encode a set of form elements as an array of names and values.
+     * @see \`{@link https://api.jquery.com/serializeArray/ }\`
+     * @since 1.2
+     * @example ​ ````Get the values from a form, iterate through them, and append them to a results display.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>serializeArray demo</title>
+  <style>
+  body, select {
+    font-size: 14px;
+  }
+  form {
+    margin: 5px;
+  }
+  p {
+    color: red;
+    margin: 5px;
+  }
+  b {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><b>Results:</b> <span id="results"></span></p>
+<form>
+  <select name="single">
+    <option>Single</option>
+    <option>Single2</option>
+  </select>
+  <select name="multiple" multiple="multiple">
+    <option selected="selected">Multiple</option>
+    <option>Multiple2</option>
+    <option selected="selected">Multiple3</option>
+  </select>
+  <br>
+  <input type="checkbox" name="check" value="check1" id="ch1">
+  <label for="ch1">check1</label>
+  <input type="checkbox" name="check" value="check2" checked="checked" id="ch2">
+  <label for="ch2">check2</label>
+  <input type="radio" name="radio" value="radio1" checked="checked" id="r1">
+  <label for="r1">radio1</label>
+  <input type="radio" name="radio" value="radio2" id="r2">
+  <label for="r2">radio2</label>
+</form>
+​
+<script>
+  function showValues() {
+    var fields = $( ":input" ).serializeArray();
+    $( "#results" ).empty();
+    jQuery.each( fields, function( i, field ) {
+      $( "#results" ).append( field.value + " " );
+    });
+  }
+​
+  $( ":checkbox, :radio" ).click( showValues );
+  $( "select" ).change( showValues );
+  showValues();
+</script>
+​
+</body>
+</html>
+```
+     */
+    serializeArray(): JQuery.NameValuePair[];
+    /**
+     * Display the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/show/ }\`
+     * @since 1.4.3
+     */
+    show(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): this;
+    /**
+     * Display the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing_complete _&#x40;param_ `easing_complete`
+     * <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/show/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Show the first div, followed by each next adjacent sibling div in order, with a 200ms animation. Each animation starts when the previous sibling div&#39;s animation ends.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>show demo</title>
+  <style>
+  div {
+    background: #def3ca;
+    margin: 3px;
+    width: 80px;
+    display: none;
+    float: left;
+    text-align: center;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="showr">Show</button>
+<button id="hidr">Hide</button>
+<div>Hello 3,</div>
+<div>how</div>
+<div>are</div>
+<div>you?</div>
+​
+<script>
+$( "#showr" ).click(function() {
+  $( "div" ).first().show( "fast", function showNext() {
+    $( this ).next( "div" ).show( "fast", showNext );
+  });
+});
+​
+$( "#hidr" ).click(function() {
+  $( "div" ).hide( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Show all span and input elements with an animation. Change the text once the animation is done.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>show demo</title>
+  <style>
+  span {
+    display: none;
+  }
+  div {
+    display: none;
+  }
+  p {
+    font-weight: bold;
+    background-color: #fcd;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Do it!</button>
+<span>Are you sure? (type 'yes' if you are) </span>
+<div>
+  <form>
+    <input type="text"  value="as;ldkfjalsdf">
+  </form>
+</div>
+<p style="display:none;">I'm hidden...</p>
+​
+<script>
+function doIt() {
+  $( "span,div" ).show( "slow" );
+}
+// Can pass in function name
+$( "button" ).click( doIt );
+​
+$( "form" ).submit(function( event ) {
+  if ( $( "input" ).val() === "yes" ) {
+    $( "p" ).show( 4000, function() {
+      $( this ).text( "Ok, DONE! (now showing)" );
+    });
+  }
+  $( "span,div" ).hide( "fast" );
+​
+  // Prevent form submission
+  event.preventDefault();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    show(duration: JQuery.Duration, easing_complete: string | ((this: TElement) => void)): this;
+    /**
+     * Display the matched elements.
+     * @param duration_complete_options _&#x40;param_ `duration_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/show/ }\`
+     * @since 1.0
+     * @example ​ ````Animates all hidden paragraphs to show slowly, completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>show demo</title>
+  <style>
+  p {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Show it</button>
+<p style="display: none">Hello  2</p>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).show( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    show(duration_complete_options?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Get the siblings of each element in the set of matched elements, optionally filtered by a selector.
+     * @param selector A string containing a selector expression to match elements against.
+     * @see \`{@link https://api.jquery.com/siblings/ }\`
+     * @since 1.0
+     * @example ​ ````Find the unique siblings of all yellow li elements in the 3 lists (including other yellow li elements if appropriate).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>siblings demo</title>
+  <style>
+  ul {
+    float: left;
+    margin: 5px;
+    font-size: 16px;
+    font-weight: bold;
+  }
+  p {
+    color: blue;
+    margin: 10px 20px;
+    font-size: 16px;
+    padding: 5px;
+    font-weight: bolder;
+  }
+  .hilite {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li>One</li>
+  <li>Two</li>
+  <li class="hilite">Three</li>
+  <li>Four</li>
+</ul>
+​
+<ul>
+  <li>Five</li>
+  <li>Six</li>
+  <li>Seven</li>
+</ul>
+​
+<ul>
+  <li>Eight</li>
+  <li class="hilite">Nine</li>
+  <li>Ten</li>
+  <li class="hilite">Eleven</li>
+</ul>
+​
+<p>Unique siblings: <b></b></p>
+​
+<script>
+var len = $( ".hilite" ).siblings()
+  .css( "color", "red" )
+  .length;
+$( "b" ).text( len );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find all siblings with a class &quot;selected&quot; of each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>siblings demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div><span>Hello</span></div>
+<p class="selected">Hello Again</p>
+<p>And Again</p>
+​
+<script>
+$( "p" ).siblings( ".selected" ).css( "background", "yellow" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    siblings(selector?: JQuery.Selector): this;
+    /**
+     * Reduce the set of matched elements to a subset specified by a range of indices.
+     * @param start An integer indicating the 0-based position at which the elements begin to be selected. If negative,
+     *              it indicates an offset from the end of the set.
+     * @param end An integer indicating the 0-based position at which the elements stop being selected. If negative,
+     *            it indicates an offset from the end of the set. If omitted, the range continues until the end of the set.
+     * @see \`{@link https://api.jquery.com/slice/ }\`
+     * @since 1.1.4
+     * @example ​ ````Turns divs yellow based on a random slice.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slice demo</title>
+  <style>
+  div {
+    width: 40px;
+    height: 40px;
+    margin: 10px;
+    float: left;
+    border: 2px solid blue;
+  }
+  span {
+    color: red;
+    font-weight: bold;
+  }
+  button {
+    margin: 5px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button>Turn slice yellow</button>
+  <span>Click the button!</span></p>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  ​
+<script>
+function colorEm() {
+  var $div = $( "div" );
+  var start = Math.floor( Math.random() * $div.length );
+  var end = Math.floor( Math.random() * ( $div.length - start ) ) +
+    start + 1;
+  if ( end === $div.length ) {
+    end = undefined;
+  }
+  $div.css( "background", "" );
+  if ( end ) {
+    $div.slice( start, end ).css( "background", "yellow" );
+  } else {
+    $div.slice( start ).css( "background", "yellow" );
+  }
+  $( "span" ).text( "$( 'div' ).slice( " + start +
+    (end ? ", " + end : "") +
+    ").css( 'background', 'yellow' );" );
+}
+​
+$( "button" ).click( colorEm );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Selects all paragraphs, then slices the selection to include only the first element.
+```javascript
+$( "p" ).slice( 0, 1 ).wrapInner( "<b></b>" );
+```
+     * @example ​ ````Selects all paragraphs, then slices the selection to include only the first and second element.
+```javascript
+$( "p" ).slice( 0, 2 ).wrapInner( "<b></b>" );
+```
+     * @example ​ ````Selects all paragraphs, then slices the selection to include only the second element.
+```javascript
+$( "p" ).slice( 1, 2 ).wrapInner( "<b></b>" );
+```
+     * @example ​ ````Selects all paragraphs, then slices the selection to include only the second and third element.
+```javascript
+$( "p" ).slice( 1 ).wrapInner( "<b></b>" );
+```
+     * @example ​ ````Selects all paragraphs, then slices the selection to include only the third element.
+```javascript
+$( "p" ).slice( -1 ).wrapInner( "<b></b>" );
+```
+     */
+    slice(start: number, end?: number): this;
+    /**
+     * Display the matched elements with a sliding motion.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideDown/ }\`
+     * @since 1.4.3
+     */
+    slideDown(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Display the matched elements with a sliding motion.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideDown/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all inputs to slide down, completing the animation within 1000 milliseconds. Once the animation is done, the input look is changed especially if it is the middle input which gets the focus.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideDown demo</title>
+  <style>
+  div {
+    background: #cfd;
+    margin: 3px;
+    width: 50px;
+    text-align: center;
+    float: left;
+    cursor: pointer;
+    border: 2px outset black;
+    font-weight: bolder;
+  }
+  input {
+    display: none;
+    width: 120px;
+    float: left;
+    margin: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>Push!</div>
+<input type="text">
+<input type="text" class="middle">
+<input type="text">
+  ​
+<script>
+$( "div" ).click(function() {
+  $( this ).css({
+    borderStyle: "inset",
+    cursor: "wait"
+  });
+  $( "input" ).slideDown( 1000, function() {
+    $( this )
+      .css( "border", "2px red inset" )
+      .filter( ".middle" )
+        .css( "background", "yellow" )
+        .focus();
+    $( "div" ).css( "visibility", "hidden" );
+  });
+});
+​
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideDown(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Display the matched elements with a sliding motion.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/slideDown/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all divs to slide down and show themselves over 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideDown demo</title>
+  <style>
+  div {
+    background: #de9a44;
+    margin: 3px;
+    width: 80px;
+    height: 40px;
+    display: none;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Click me!
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( document.body ).click(function () {
+  if ( $( "div:first" ).is( ":hidden" ) ) {
+    $( "div" ).slideDown( "slow" );
+  } else {
+    $( "div" ).hide();
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideDown(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Display or hide the matched elements with a sliding motion.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
+     * @since 1.4.3
+     */
+    slideToggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements with a sliding motion.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates divs between dividers with a toggle that makes some appear and some disappear.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideToggle demo</title>
+  <style>
+  div {
+    background: #b977d1;
+    margin: 3px;
+    width: 60px;
+    height: 60px;
+    float: left;
+  }
+  div.still {
+    background: #345;
+    width: 5px;
+  }
+  div.hider {
+    display: none;
+  }
+  span {
+    color: red;
+  }
+  p {
+    clear: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<div class="still"></div>
+<div style="display:none;">
+</div><div class="still"></div>
+<div></div>
+<div class="still"></div>
+<div class="hider"></div>
+<div class="still"></div>
+<div class="hider"></div>
+<div class="still"></div>
+<div></div>
+<p><button id="aa">Toggle</button> There have been <span>0</span> toggled divs.</p>
+​
+<script>
+$( "#aa" ).click(function() {
+  $( "div:not(.still)" ).slideToggle( "slow", function() {
+    var n = parseInt( $( "span" ).text(), 10 );
+    $( "span" ).text( n + 1 );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideToggle(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements with a sliding motion.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all paragraphs to slide up or down, completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideToggle demo</title>
+  <style>
+  p {
+    width: 400px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Toggle</button>
+<p>
+  This is the paragraph to end all paragraphs.  You
+  should feel <em>lucky</em> to have seen such a paragraph in
+  your life.  Congratulations!
+</p>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).slideToggle( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideToggle(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Hide the matched elements with a sliding motion.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideUp/ }\`
+     * @since 1.4.3
+     */
+    slideUp(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Hide the matched elements with a sliding motion.
+     * @param duration_easing _&#x40;param_ `duration_easing`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/slideUp/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates the parent paragraph to slide up, completing the animation within 200 milliseconds. Once the animation is done, it displays an alert.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideUp demo</title>
+  <style>
+ div {
+   margin: 2px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  <button>Hide One</button>
+  <input type="text" value="One">
+</div>
+​
+<div>
+  <button>Hide Two</button>
+  <input type="text" value="Two">
+</div>
+​
+<div>
+  <button>Hide Three</button>
+  <input type="text" value="Three">
+</div>
+​
+<div id="msg"></div>
+​
+<script>
+$( "button" ).click(function() {
+  $( this ).parent().slideUp( "slow", function() {
+    $( "#msg" ).text( $( "button", this ).text() + " has completed." );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideUp(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
+    /**
+     * Hide the matched elements with a sliding motion.
+     * @param duration_easing_complete_options _&#x40;param_ `duration_easing_complete_options`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method.
+     * @see \`{@link https://api.jquery.com/slideUp/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @example ​ ````Animates all divs to slide up, completing the animation within 400 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slideUp demo</title>
+  <style>
+  div {
+    background: #3d9a44;
+    margin: 3px;
+    width: 80px;
+    height: 40px;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Click me!
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+​
+<script>
+$( document.body ).click(function() {
+  if ( $( "div:first" ).is( ":hidden" ) ) {
+    $( "div" ).show( "slow" );
+  } else {
+    $( "div" ).slideUp();
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    slideUp(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
+    /**
+     * Stop the currently-running animation on the matched elements.
+     * @param queue The name of the queue in which to stop animations.
+     * @param clearQueue A Boolean indicating whether to remove queued animation as well. Defaults to false.
+     * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately. Defaults to false.
+     * @see \`{@link https://api.jquery.com/stop/ }\`
+     * @since 1.7
+     */
+    stop(queue: string, clearQueue?: boolean, jumpToEnd?: boolean): this;
+    /**
+     * Stop the currently-running animation on the matched elements.
+     * @param clearQueue A Boolean indicating whether to remove queued animation as well. Defaults to false.
+     * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately. Defaults to false.
+     * @see \`{@link https://api.jquery.com/stop/ }\`
+     * @since 1.2
+     * @example ​ ````Click the Go button once to start the animation, then click the STOP button to stop it where it&#39;s currently positioned.  Another option is to click several buttons to queue them up and see that stop just kills the currently playing one.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>stop demo</title>
+  <style>
+  div {
+    position: absolute;
+    background-color: #abc;
+    left: 0px;
+    top: 30px;
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="go">Go</button>
+<button id="stop">STOP!</button>
+<button id="back">Back</button>
+<div class="block"></div>
+​
+<script>
+// Start animation
+$( "#go" ).click(function() {
+  $( ".block" ).animate({ left: "+=100px" }, 2000 );
+});
+​
+// Stop animation when button is clicked
+$( "#stop" ).click(function() {
+  $( ".block" ).stop();
+});
+​
+// Start animation in the opposite direction
+$( "#back" ).click(function() {
+  $( ".block" ).animate({ left: "-=100px" }, 2000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Click the slideToggle button to start the animation, then click again before the animation is completed. The animation will toggle the other direction from the saved starting point.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>stop demo</title>
+  <style>
+  .block {
+    background-color: #abc;
+    border: 2px solid black;
+    width: 200px;
+    height: 80px;
+    margin: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="toggle">slideToggle</button>
+<div class="block"></div>
+​
+<script>
+var $block = $( ".block" );
+​
+// Toggle a sliding animation animation
+$( "#toggle" ).on( "click", function() {
+  $block.stop().slideToggle( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    stop(clearQueue?: boolean, jumpToEnd?: boolean): this;
+    /**
+     * Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
+     * @param eventData An object containing data that will be passed to the event handler.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/submit/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     */
+    submit<TData>(eventData: TData,
+                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
+    /**
+     * Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/submit/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link on }\` or \`{@link trigger }\`.
+     *
+     * **Cause**: The `.on()` and `.trigger()` methods can set an event handler or generate an event for any event type, and should be used instead of the shortcut methods. This message also applies to the other event shorthands, including: blur, focus, focusin, focusout, resize, scroll, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, and contextmenu.
+     *
+     * **Solution**: Instead of `.click(fn)` use `.on("click", fn)`. Instead of `.click()` use `.trigger("click")`.
+     * @example ​ ````If you&#39;d like to prevent forms from being submitted unless a flag variable is set, try:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>submit demo</title>
+  <style>
+  p {
+    margin: 0;
+    color: blue;
+  }
+  div,p {
+    margin-left: 10px;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Type 'correct' to validate.</p>
+<form action="javascript:alert( 'success!' );">
+  <div>
+    <input type="text">
+    <input type="submit">
+  </div>
+</form>
+<span></span>
+​
+<script>
+$( "form" ).submit(function( event ) {
+  if ( $( "input:first" ).val() === "correct" ) {
+    $( "span" ).text( "Validated..." ).show();
+    return;
+  }
+​
+  $( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );
+  event.preventDefault();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````If you&#39;d like to prevent forms from being submitted unless a flag variable is set, try:
+```javascript
+$( "form" ).submit(function() {
+  return this.some_flag_variable;
+});
+```
+     * @example ​ ````To trigger the submit event on the first form on the page, try:
+```javascript
+$( "form:first" ).submit();
+```
+     */
+    submit(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
+    /**
+     * Set the content of each element in the set of matched elements to the specified text.
+     * @param text_function _&#x40;param_ `text_function`
+     * <br>
+     * * `text` — The text to set as the content of each matched element. When Number or Boolean is supplied, it will
+     *            be converted to a String representation. <br>
+     * * `function` — A function returning the text content to set. Receives the index position of the element in the set
+     *                and the old text value as arguments.
+     * @see \`{@link https://api.jquery.com/text/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Add text to the paragraph (notice the bold tag is escaped).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>text demo</title>
+  <style>
+  p {
+    color: blue;
+    margin: 8px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Test Paragraph.</p>
+​
+<script>
+$( "p" ).text( "<b>Some</b> new text." );
+</script>
+​
+</body>
+</html>
+```
+     */
+    text(text_function: string | number | boolean | ((this: TElement, index: number, text: string) => string | number | boolean)): this;
+    /**
+     * Get the combined text contents of each element in the set of matched elements, including their descendants.
+     * @see \`{@link https://api.jquery.com/text/ }\`
+     * @since 1.0
+     * @example ​ ````Find the text in the first paragraph (stripping out the html), then set the html of the last paragraph to show it is just text (the red bold is gone).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>text demo</title>
+  <style>
+  p {
+    color: blue;
+    margin: 8px;
+  }
+  b {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><b>Test</b> Paragraph.</p>
+<p></p>
+​
+<script>
+var str = $( "p:first" ).text();
+$( "p:last" ).html( str );
+</script>
+​
+</body>
+</html>
+```
+     */
+    text(): string;
+    /**
+     * Retrieve all the elements contained in the jQuery set, as an array.
+     * @see \`{@link https://api.jquery.com/toArray/ }\`
+     * @since 1.4
+     * @example ​ ````Select all divs in the document and return the DOM Elements as an Array; then use the built-in reverse() method to reverse that array.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toArray demo</title>
+  <style>
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Reversed - <span></span>
+​
+<div>One</div>
+<div>Two</div>
+<div>Three</div>​
+<script>
+function disp( divs ) {
+  var a = [];
+  for ( var i = 0; i < divs.length; i++ ) {
+    a.push( divs[ i ].innerHTML );
+  }
+  $( "span" ).text( a.join( " " ) );
+}
+​
+disp( $( "div" ).toArray().reverse() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    toArray(): TElement[];
+    /**
+     * Display or hide the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/toggle/ }\`
+     * @since 1.4.3
+     */
+    toggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements.
+     * @param duration A string or number determining how long the animation will run.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/toggle/ }\`
+     * @since 1.0
+     */
+    toggle(duration: JQuery.Duration, complete: (this: TElement) => void): this;
+    /**
+     * Display or hide the matched elements.
+     * @param duration_complete_options_display _&#x40;param_ `duration_complete_options_display`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `options` — A map of additional options to pass to the method. <br>
+     * * `display` — Use true to show the element or false to hide it.
+     * @see \`{@link https://api.jquery.com/toggle/ }\`
+     * @since 1.0
+     * @since 1.3
+     * @example ​ ````Toggles all paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggle demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Toggle</button>
+<p>Hello</p>
+<p style="display: none">Good Bye</p>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).toggle();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Animates all paragraphs to be shown if they are hidden and hidden if they are visible, completing the animation within 600 milliseconds.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggle demo</title>
+  <style>
+  p {
+    background: #dad;
+    font-weight: bold;
+    font-size: 16px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Toggle 'em</button>
+<p>Hiya</p>
+<p>Such interesting text, eh?</p>
+​
+<script>
+$( "button" ).click(function() {
+  $( "p" ).toggle( "slow" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Shows all paragraphs, then hides them all, back and forth.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggle demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Toggle</button>
+<p>Hello</p>
+<p style="display: none">Good Bye</p>
+​
+<script>
+var flip = 0;
+$( "button" ).click(function() {
+  $( "p" ).toggle( flip++ % 2 === 0 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    toggle(duration_complete_options_display?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement> | boolean): this;
+    /**
+     * Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument.
+     * @param className_function _&#x40;param_ `className_function`
+     * <br>
+     * * `className` — One or more class names (separated by spaces) to be toggled for each element in the matched set. <br>
+     * * `function` — A function that returns class names to be toggled in the class attribute of each element in the
+     *                matched set. Receives the index position of the element in the set, the old class value, and the state as arguments.
+     * @param state A Boolean (not just truthy/falsy) value to determine whether the class should be added or removed.
+     * @see \`{@link https://api.jquery.com/toggleClass/ }\`
+     * @since 1.0
+     * @since 1.3
+     * @since 1.4
+     * @since 3.3
+     * @example ​ ````Toggle the class &#39;highlight&#39; when a paragraph is clicked.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggleClass demo</title>
+  <style>
+  p {
+    margin: 4px;
+    font-size: 16px;
+    font-weight: bolder;
+    cursor: pointer;
+  }
+  .blue {
+    color: blue;
+  }
+  .highlight {
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="blue">Click to toggle</p>
+<p class="blue highlight">highlight</p>
+<p class="blue">on these</p>
+<p class="blue">paragraphs</p>
+​
+<script>
+$( "p" ).click(function() {
+  $( this ).toggleClass( "highlight" );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Add the &quot;highlight&quot; class to the clicked paragraph on every third click of that paragraph, remove it every first and second click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggleClass demo</title>
+  <style>
+  p {
+    margin: 4px;
+    font-size: 16px;
+    font-weight: bolder;
+    cursor: pointer;
+  }
+  .blue {
+    color: blue;
+  }
+  .highlight {
+    background: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p class="blue">Click to toggle (<span>clicks: 0</span>)</p>
+<p class="blue highlight">highlight (<span>clicks: 0</span>)</p>
+<p class="blue">on these (<span>clicks: 0</span>)</p>
+<p class="blue">paragraphs (<span>clicks: 0</span>)</p>
+​
+<script>
+var count = 0;
+$( "p" ).each(function() {
+  var $thisParagraph = $( this );
+  var count = 0;
+  $thisParagraph.click(function() {
+    count++;
+    $thisParagraph.find( "span" ).text( "clicks: " + count );
+    $thisParagraph.toggleClass( "highlight", count % 3 === 0 );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Toggle the class name(s) indicated on the buttons for each div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>toggleClass demo</title>
+  <style>
+  .wrap > div {
+    float: left;
+    width: 100px;
+    margin: 1em 1em 0 0;
+    padding-left: 3px;
+    border: 1px solid #abc;
+  }
+  div.a {
+    background-color: aqua;
+  }
+  div.b {
+    background-color: burlywood;
+  }
+  div.c {
+    background-color: cornsilk;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div class="buttons">
+  <button>toggle</button>
+  <button class="a">toggle a</button>
+  <button class="a b">toggle a b</button>
+  <button class="a b c">toggle a b c</button>
+  <a href="#">reset</a>
+</div>
+<div class="wrap">
+  <div></div>
+  <div class="b"></div>
+  <div class="a b"></div>
+  <div class="a c"></div>
+</div>
+​
+<script>
+var cls = [ "", "a", "a b", "a b c" ];
+var divs = $( "div.wrap" ).children();
+var appendClass = function() {
+  divs.append(function() {
+    return "<div>" + ( this.className || "none" ) + "</div>";
+  });
+};
+​
+appendClass();
+​
+$( "button" ).on( "click", function() {
+  var tc = this.className || undefined;
+  divs.toggleClass( tc );
+  appendClass();
+});
+​
+$( "a" ).on( "click", function( event ) {
+  event.preventDefault();
+  divs.empty().each(function( i ) {
+    this.className = cls[ i ];
+  });
+  appendClass();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    toggleClass<TState extends boolean>(className_function: JQuery.TypeOrArray<string> | ((this: TElement, index: number, className: string, state: TState) => string),
+                                        state?: TState): this;
+    /**
+     * Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument.
+     * @param state A boolean value to determine whether the class should be added or removed.
+     * @see \`{@link https://api.jquery.com/toggleClass/ }\`
+     * @since 1.4
+     * @deprecated ​ Deprecated since 3.0. See \`{@link https://github.com/jquery/jquery/pull/2618 }\`.
+     *
+     * **Cause**: Calling `.toggleClass()` with no arguments, or with a single Boolean `true` or `false` argument, has been deprecated. Its behavior was poorly documented, but essentially the method saved away the current class value in a data item when the class was removed and restored the saved value when it was toggled back. If you do not believe you are specificially trying to use this form of the method, it is possible you are accidentally doing so via an inadvertent undefined value, as `.toggleClass( undefined )` toggles all classes.
+     *
+     * **Solution**: If this functionality is still needed, save the current full `.attr( "class" )` value in a data item and restore it when required.
+     */
+    toggleClass(state?: boolean): this;
+    /**
+     * Execute all handlers and behaviors attached to the matched elements for the given event type.
+     * @param eventType_event _&#x40;param_ `eventType_event`
+     * <br>
+     * * `eventType` — A string containing a JavaScript event type, such as `click` or `submit`. <br>
+     * * `event` — A \`{@link https://api.jquery.com/category/events/event-object/ jQuery.Event}\` object.
+     * @param extraParameters Additional parameters to pass along to the event handler.
+     * @see \`{@link https://api.jquery.com/trigger/ }\`
+     * @since 1.0
+     * @since 1.3
+     * @example ​ ````Clicks to button #2 also trigger a click for button #1.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>trigger demo</title>
+  <style>
+  button {
+    margin: 10px;
+  }
+  div {
+    color: blue;
+    font-weight: bold;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Button #1</button>
+<button>Button #2</button>
+<div><span>0</span> button #1 clicks.</div>
+<div><span>0</span> button #2 clicks.</div>
+​
+<script>
+$( "button:first" ).click(function() {
+  update( $( "span:first" ) );
+});
+​
+$( "button:last" ).click(function() {
+  $( "button:first" ).trigger( "click" );
+  update( $( "span:last" ) );
+});
+​
+function update( j ) {
+  var n = parseInt( j.text(), 10 );
+  j.text( n + 1 );
+}
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To submit the first form without using the submit() function, try:
+```javascript
+$( "form:first" ).trigger( "submit" );
+```
+     * @example ​ ````To submit the first form without using the submit() function, try:
+```javascript
+var event = jQuery.Event( "submit" );
+$( "form:first" ).trigger( event );
+if ( event.isDefaultPrevented() ) {
+  // Perform an action...
+}
+```
+     * @example ​ ````To pass arbitrary data to an event:
+```javascript
+$( "p" )
+  .click(function( event, a, b ) {
+    // When a normal click fires, a and b are undefined
+    // for a trigger like below a refers to "foo" and b refers to "bar"
+  })
+  .trigger( "click", [ "foo", "bar" ] );
+```
+     * @example ​ ````To pass arbitrary data through an event object:
+```javascript
+var event = jQuery.Event( "logged" );
+event.user = "foo";
+event.pass = "bar";
+$( "body" ).trigger( event );
+```
+     * @example ​ ````Alternative way to pass data through an event object:
+```javascript
+$( "body" ).trigger({
+  type:"logged",
+  user:"foo",
+  pass:"bar"
+});
+```
+     */
+    trigger(eventType_event: string | JQuery.Event<TElement>, extraParameters?: any[] | JQuery.PlainObject | string | number | boolean): this;
+    /**
+     * Execute all handlers attached to an element for an event.
+     * @param eventType_event _&#x40;param_ `eventType_event`
+     * <br>
+     * * `eventType` — A string containing a JavaScript event type, such as `click` or `submit`. <br>
+     * * `event` — A \`{@link https://api.jquery.com/category/events/event-object/ jQuery.Event}\` object.
+     * @param extraParameters Additional parameters to pass along to the event handler.
+     * @see \`{@link https://api.jquery.com/triggerHandler/ }\`
+     * @since 1.2
+     * @since 1.3
+     * @example ​ ````If you called .triggerHandler() on a focus event - the browser&#39;s default focus action would not be triggered, only the event handlers bound to the focus event.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>triggerHandler demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="old">.trigger( "focus" )</button>
+<button id="new">.triggerHandler( "focus" )</button><br><br>
+​
+<input type="text" value="To Be Focused">
+​
+<script>
+$( "#old" ).click(function() {
+  $( "input" ).trigger( "focus" );
+});
+$( "#new" ).click(function() {
+  $( "input" ).triggerHandler( "focus" );
+});
+$( "input" ).focus(function() {
+  $( "<span>Focused!</span>" ).appendTo( "body" ).fadeOut( 1000 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    triggerHandler(eventType_event: string | JQuery.Event<TElement>, extraParameters?: any[] | JQuery.PlainObject | string | number | boolean): any;
+    /**
+     * Remove a previously-attached event handler from the elements.
+     * @param event A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/unbind/ }\`
+     * @since 1.0
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link off }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````Can bind and unbind events to the colored button.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>unbind demo</title>
+  <style>
+  button {
+    margin: 5px;
+  }
+  button#theone {
+    color: red;
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="theone">Does nothing...</button>
+<button id="bind">Bind Click</button>
+<button id="unbind">Unbind Click</button>
+<div style="display:none;">Click!</div>
+​
+<script>
+function aClick() {
+  $( "div" ).show().fadeOut( "slow" );
+}
+$( "#bind" ).click(function() {
+  $( "#theone" )
+    .bind( "click", aClick )
+    .text( "Can Click!" );
+});
+$( "#unbind" ).click(function() {
+  $( "#theone" )
+    .unbind( "click", aClick )
+    .text( "Does nothing..." );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To unbind just one previously bound handler, pass the function in as the second argument:
+```javascript
+var foo = function() {
+  // Code to handle some kind of event
+};
+​
+$( "p" ).bind( "click", foo ); // ... Now foo will be called when paragraphs are clicked ...
+​
+$( "p" ).unbind( "click", foo ); // ... foo will no longer be called.
+```
+     */
+    unbind(event: string, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
+    /**
+     * Remove a previously-attached event handler from the elements.
+     * @param event A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
+     *              A jQuery.Event object.
+     * @see \`{@link https://api.jquery.com/unbind/ }\`
+     * @since 1.0
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link off }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````To unbind all events from all paragraphs, write:
+```javascript
+$( "p" ).unbind();
+```
+     * @example ​ ````To unbind all click events from all paragraphs, write:
+```javascript
+$( "p" ).unbind( "click" );
+```
+     */
+    unbind(event?: string | JQuery.Event<TElement>): this;
+    /**
+     * Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements.
+     * @param selector A selector which will be used to filter the event results.
+     * @param eventType A string containing a JavaScript event type, such as "click" or "keydown"
+     * @param handler A function to execute each time the event is triggered.
+     * @see \`{@link https://api.jquery.com/undelegate/ }\`
+     * @since 1.4.2
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link off }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````Can bind and unbind events to the colored button.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>undelegate demo</title>
+  <style>
+  button {
+    margin: 5px;
+  }
+  button#theone {
+    color: red;
+    background: yellow;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="theone">Does nothing...</button>
+<button id="bind">Bind Click</button>
+<button id="unbind">Unbind Click</button>
+<div style="display:none;">Click!</div>
+​
+<script>
+function aClick() {
+  $( "div" ).show().fadeOut( "slow" );
+}
+$( "#bind" ).click(function() {
+  $( "body" )
+    .delegate( "#theone", "click", aClick )
+    .find( "#theone" ).text( "Can Click!" );
+});
+$( "#unbind" ).click(function() {
+  $( "body" )
+    .undelegate( "#theone", "click", aClick )
+    .find( "#theone" ).text( "Does nothing..." );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````To undelegate just one previously bound handler, pass the function in as the third argument:
+```javascript
+var foo = function () {
+  // Code to handle some kind of event
+};
+​
+// ... Now foo will be called when paragraphs are clicked ...
+$( "body" ).delegate( "p", "click", foo );
+​
+// ... foo will no longer be called.
+$( "body" ).undelegate( "p", "click", foo );
+```
+     */
+    undelegate(selector: JQuery.Selector, eventType: string, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
+    /**
+     * Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements.
+     * @param selector A selector which will be used to filter the event results.
+     * @param eventTypes A string containing a JavaScript event type, such as "click" or "keydown"
+     *                   An object of one or more event types and previously bound functions to unbind from them.
+     * @see \`{@link https://api.jquery.com/undelegate/ }\`
+     * @since 1.4.2
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link off }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     */
+    undelegate(selector: JQuery.Selector, eventTypes: string | JQuery.PlainObject<JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false>): this;
+    /**
+     * Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements.
+     * @param namespace A selector which will be used to filter the event results.
+     * @see \`{@link https://api.jquery.com/undelegate/ }\`
+     * @since 1.4.2
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link off }\`.
+     *
+     * **Cause**: These event binding methods have been deprecated in favor of the `.on()` and `.off()` methods which can handle both delegated and direct event binding. Although the older methods are still present in jQuery 3.0, they may be removed as early as the next major-version update.
+     *
+     * **Solution**: Change the method call to use `.on()` or `.off()`, the documentation for the old methods include specific instructions. In general, the `.bind()` and `.unbind()` methods can be renamed directly to `.on()` and `.off()` respectively since the argument orders are identical.
+     * @example ​ ````To unbind all delegated events from all paragraphs, write:
+```javascript
+$( "p" ).undelegate();
+```
+     * @example ​ ````To unbind all delegated click events from all paragraphs, write:
+```javascript
+$( "p" ).undelegate( "click" );
+```
+     * @example ​ ````To unbind all delegated events by their namespace:
+```javascript
+var foo = function() {
+  // Code to handle some kind of event
+};
+​
+// Delegate events under the ".whatever" namespace
+$( "form" ).delegate( ":button", "click.whatever", foo );
+​
+$( "form" ).delegate( "input[type='text'] ", "keypress.whatever", foo );
+​
+// Unbind all events delegated under the ".whatever" namespace
+$( "form" ).undelegate( ".whatever" );
+```
+     */
+    undelegate(namespace?: string): this;
+    /**
+     * Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.
+     * @param selector A selector to check the parent element against. If an element's parent does not match the selector,
+     *                 the element won't be unwrapped.
+     * @see \`{@link https://api.jquery.com/unwrap/ }\`
+     * @since 1.4
+     * @since 3.0
+     * @example ​ ````Wrap/unwrap a div around each of the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>unwrap demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​<button>wrap/unwrap</button>
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>​
+<script>
+var pTags = $( "p" );
+$( "button" ).click(function() {
+  if ( pTags.parent().is( "div" ) ) {
+    pTags.unwrap();
+  } else {
+    pTags.wrap( "<div></div>" );
+  }
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    unwrap(selector?: string): this;
+    /**
+     * Set the value of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — A string of text, a number, or an array of strings corresponding to the value of each matched
+     *             element to set as selected/checked. <br>
+     * * `function` — A function returning the value to set. `this` is the current element. Receives the index position of
+     *                the element in the set and the old value as arguments.
+     * @see \`{@link https://api.jquery.com/val/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Set the value of an input box.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>val demo</title>
+  <style>
+  button {
+    margin: 4px;
+    cursor: pointer;
+  }
+  input {
+    margin: 4px;
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  <button>Feed</button>
+  <button>the</button>
+  <button>Input</button>
+</div>
+<input type="text" value="click a button">
+​
+<script>
+$( "button" ).click(function() {
+  var text = $( this ).text();
+  $( "input" ).val( text );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Use the function argument to modify the value of an input box.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>val demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Type something and then click or tab out of the input.</p>
+<input type="text" value="type something">
+​
+<script>
+$( "input" ).on( "blur", function() {
+  $( this ).val(function( i, val ) {
+    return val.toUpperCase();
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Set a single select, a multiple select, checkboxes and a radio button .
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>val demo</title>
+  <style>
+  body {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<select id="single">
+  <option>Single</option>
+  <option>Single2</option>
+</select>
+​
+<select id="multiple" multiple="multiple">
+  <option selected="selected">Multiple</option>
+  <option>Multiple2</option>
+  <option selected="selected">Multiple3</option>
+</select>
+​
+<br>
+<input type="checkbox" name="checkboxname" value="check1"> check1
+<input type="checkbox" name="checkboxname" value="check2"> check2
+<input type="radio" name="r" value="radio1"> radio1
+<input type="radio" name="r" value="radio2"> radio2
+​
+<script>
+$( "#single" ).val( "Single2" );
+$( "#multiple" ).val([ "Multiple2", "Multiple3" ]);
+$( "input").val([ "check1", "check2", "radio1" ]);
+</script>
+​
+</body>
+</html>
+```
+     */
+    val(value_function: string | number | string[] | ((this: TElement, index: number, value: string) => string)): this;
+    /**
+     * Get the current value of the first element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/val/ }\`
+     * @since 1.0
+     * @example ​ ````Get the single value from a single select and an array of values from a multiple select and display their values.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>val demo</title>
+  <style>
+  p {
+    color: red;
+    margin: 4px;
+  }
+  b {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p></p>
+​
+<select id="single">
+  <option>Single</option>
+  <option>Single2</option>
+</select>
+​
+<select id="multiple" multiple="multiple">
+  <option selected="selected">Multiple</option>
+  <option>Multiple2</option>
+  <option selected="selected">Multiple3</option>
+</select>
+​
+<script>
+function displayVals() {
+  var singleValues = $( "#single" ).val();
+  var multipleValues = $( "#multiple" ).val() || [];
+  // When using jQuery 3:
+  // var multipleValues = $( "#multiple" ).val();
+  $( "p" ).html( "<b>Single:</b> " + singleValues +
+    " <b>Multiple:</b> " + multipleValues.join( ", " ) );
+}
+​
+$( "select" ).change( displayVals );
+displayVals();
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Find the value of an input box.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>val demo</title>
+  <style>
+  p {
+    color: blue;
+    margin: 8px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input type="text" value="some text">
+<p></p>
+​
+<script>
+$( "input" )
+  .keyup(function() {
+    var value = $( this ).val();
+    $( "p" ).text( value );
+  })
+  .keyup();
+</script>
+​
+</body>
+</html>
+```
+     */
+    val(): string | number | string[] | undefined;
+    /**
+     * Set the CSS width of each element in the set of matched elements.
+     * @param value_function _&#x40;param_ `value_function`
+     * <br>
+     * * `value` — An integer representing the number of pixels, or an integer along with an optional unit of measure
+     *             appended (as a string). <br>
+     * * `function` — A function returning the width to set. Receives the index position of the element in the set and the
+     *                old width as arguments. Within the function, `this` refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/width/ }\`
+     * @since 1.0
+     * @since 1.4.1
+     * @example ​ ````Change the width of each div the first time it is clicked (and change its color).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>width demo</title>
+  <style>
+  div {
+    width: 70px;
+    height: 50px;
+    float: left;
+    margin: 5px;
+    background: red;
+    cursor: pointer;
+  }
+  .mod {
+    background: blue;
+    cursor: default;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+<div>d</div>
+​
+<script>
+var modWidth = 50;
+$( "div" ).one( "click", function() {
+  $( this ).width( modWidth ).addClass( "mod" );
+  modWidth -= 8;
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    width(value_function: string | number | ((this: TElement, index: number, value: number) => string | number)): this;
+    /**
+     * Get the current computed width for the first element in the set of matched elements.
+     * @see \`{@link https://api.jquery.com/width/ }\`
+     * @since 1.0
+     * @example ​ ````Show various widths.  Note the values are from the iframe so might be smaller than you expected.  The yellow highlight shows the iframe body.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>width demo</title>
+  <style>
+  body {
+    background: yellow;
+  }
+  button {
+    font-size: 12px;
+    margin: 2px;
+  }
+  p {
+    width: 150px;
+    border: 1px red solid;
+  }
+  div {
+    color: red;
+    font-weight: bold;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="getp">Get Paragraph Width</button>
+<button id="getd">Get Document Width</button>
+<button id="getw">Get Window Width</button>
+<div>&nbsp;</div>
+<p>
+  Sample paragraph to test width
+</p>
+​
+<script>
+function showWidth( ele, w ) {
+  $( "div" ).text( "The width for the " + ele + " is " + w + "px." );
+}
+$( "#getp" ).click(function() {
+  showWidth( "paragraph", $( "p" ).width() );
+});
+$( "#getd" ).click(function() {
+  showWidth( "document", $( document ).width() );
+});
+$("#getw").click(function() {
+  showWidth( "window", $( window ).width() );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    width(): number | undefined;
+    /**
+     * Wrap an HTML structure around each element in the set of matched elements.
+     * @param wrappingElement_function _&#x40;param_ `wrappingElement_function`
+     * <br>
+     * * `wrappingElement` — A selector, element, HTML string, or jQuery object specifying the structure to wrap around the
+     *                       matched elements. When you pass a jQuery collection containing more than one element, or a selector
+     *                       matching more than one element, the first element will be used. <br>
+     * * `function` — A callback function returning the HTML content or jQuery object to wrap around the matched elements.
+     *                Receives the index position of the element in the set as an argument. Within the function, `this`
+     *                refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/wrap/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Wrap a new div around all of the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrap demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrap( "<div></div>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wraps a newly created tree of objects around the spans.  Notice anything in between the spans gets left out like the &lt;strong&gt; (red text) in this example.  Even the white space between spans is left out.  Click View Source to see the original html.&gt;
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrap demo</title>
+  <style>
+  div {
+    border: 2px blue solid;
+    margin: 2px;
+    padding: 2px;
+  }
+  p {
+    background: yellow;
+    margin: 2px;
+    padding: 2px;
+  }
+  strong {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>Span Text</span>
+<strong>What about me?</strong>
+<span>Another One</span>
+​
+<script>
+$( "span" ).wrap( "<div><div><p><em><b></b></em></p></div></div>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wrap a new div around all of the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrap demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrap( document.createElement( "div" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wrap a jQuery object double depth div around all of the paragraphs.  Notice it doesn&#39;t move the object but just clones it to wrap around its target.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrap demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+    margin: 2px;
+    padding: 2px;
+  }
+  .doublediv {
+    border-color: red;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+    font-size: 14px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+<div class="doublediv"><div></div></div>
+​
+<script>
+$( "p" ).wrap( $( ".doublediv" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    wrap(wrappingElement_function: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement, index: number) => string | JQuery)): this;
+    /**
+     * Wrap an HTML structure around all elements in the set of matched elements.
+     * @param wrappingElement_function _&#x40;param_ `wrappingElement_function`
+     * <br>
+     * * `wrappingElement` — A selector, element, HTML string, or jQuery object specifying the structure to wrap around the matched elements. <br>
+     * * `function` — A callback function returning the HTML content or jQuery object to wrap around all the matched
+     *                elements. Within the function, `this` refers to the first element in the set. **Prior to jQuery
+     *                3.0**, the callback was incorrectly called for every element in the set and received the index
+     *                position of the element in the set as an argument.
+     * @see \`{@link https://api.jquery.com/wrapAll/ }\`
+     * @since 1.2
+     * @since 1.4
+     * @example ​ ````Wrap a new div around all of the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapAll demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrapAll( "<div></div>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wraps a newly created tree of objects around the spans.  Notice anything in between the spans gets left out like the &lt;strong&gt; (red text) in this example.  Even the white space between spans is left out.  Click View Source to see the original html.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapAll demo</title>
+  <style>
+  div {
+    border: 2px blue solid;
+    margin: 2px;
+    padding: 2px;
+  }
+  p {
+    background: yellow;
+    margin: 2px;
+    padding: 2px;
+  }
+  strong {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<span>Span Text</span>
+<strong>What about me?</strong>
+<span>Another One</span>
+​
+<script>
+$( "span").wrapAll( "<div><div><p><em><b></b></em></p></div></div>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wrap a new div around all of the paragraphs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapAll demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrapAll( document.createElement( "div" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wrap a jQuery object double depth div around all of the paragraphs.  Notice it doesn&#39;t move the object but just clones it to wrap around its target.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapAll demo</title>
+  <style>
+  div {
+    border: 2px solid blue;
+    margin: 2px;
+    padding: 2px;
+  }
+  .doublediv {
+    border-color: red;
+  }
+  p {
+    background: yellow;
+    margin: 4px;
+    font-size: 14px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+<div class="doublediv"><div></div></div>
+​
+<script>
+$( "p" ).wrapAll( $( ".doublediv" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    wrapAll(wrappingElement_function: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement) => string | JQuery)): this;
+    /**
+     * Wrap an HTML structure around the content of each element in the set of matched elements.
+     * @param wrappingElement_function _&#x40;param_ `wrappingElement_function`
+     * <br>
+     * * `wrappingElement` — An HTML snippet, selector expression, jQuery object, or DOM element specifying the structure to wrap
+     *                       around the content of the matched elements. <br>
+     * * `function` — A callback function which generates a structure to wrap around the content of the matched elements.
+     *                Receives the index position of the element in the set as an argument. Within the function, `this`
+     *                refers to the current element in the set.
+     * @see \`{@link https://api.jquery.com/wrapInner/ }\`
+     * @since 1.2
+     * @since 1.4
+     * @example ​ ````Selects all paragraphs and wraps a bold tag around each of its contents.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapInner demo</title>
+  <style>
+  p {
+    background: #bbf;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrapInner( "<b></b>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Wraps a newly created tree of objects around the inside of the body.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapInner demo</title>
+  <style>
+  div {
+    border: 2px green solid;
+    margin: 2px;
+    padding: 2px;
+  }
+  p {
+    background: yellow;
+    margin: 2px;
+    padding: 2px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Plain old text, or is it?
+​
+<script>
+$( "body" ).wrapInner( "<div><div><p><em><b></b></em></p></div></div>" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Selects all paragraphs and wraps a bold tag around each of its contents.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapInner demo</title>
+  <style>
+  p {
+    background: #9f9;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrapInner( document.createElement( "b" ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Selects all paragraphs and wraps a jQuery object around each of its contents.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>wrapInner demo</title>
+  <style>
+  p {
+    background: #9f9;
+  }
+  .red {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Hello</p>
+<p>cruel</p>
+<p>World</p>
+​
+<script>
+$( "p" ).wrapInner( $( "<span class='red'></span>" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    wrapInner(wrappingElement_function: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement, index: number) => string | JQuery | Element)): this;
+
+    [n: number]: TElement;
+}
diff --git a/types/jquery/JQueryStatic.d.ts b/types/jquery/JQueryStatic.d.ts
new file mode 100644
index 0000000000..20d3a9e8c5
--- /dev/null
+++ b/types/jquery/JQueryStatic.d.ts
@@ -0,0 +1,13516 @@
+// tslint:disable:jsdoc-format
+// tslint:disable:max-line-length
+// tslint:disable:no-irregular-whitespace
+
+interface JQueryStatic {
+    /**
+     * @see \`{@link https://api.jquery.com/jquery.ajax/#jQuery-ajax1 }\`
+     * @deprecated ​ Deprecated. Use \`{@link ajaxSetup }\`.
+     */
+    ajaxSettings: JQuery.AjaxSettings;
+    Animation: JQuery.AnimationStatic;
+    Callbacks: JQuery.CallbacksStatic;
+    /**
+     * Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize CSS property naming, or create custom properties.
+     * @see \`{@link https://api.jquery.com/jQuery.cssHooks/ }\`
+     * @since 1.4.3
+     */
+    cssHooks: JQuery.CSSHooks;
+    /**
+     * An object containing all CSS properties that may be used without a unit. The .css() method uses this object to see if it may append px to unitless values.
+     * @see \`{@link https://api.jquery.com/jQuery.cssNumber/ }\`
+     * @since 1.4.3
+     */
+    cssNumber: JQuery.PlainObject<boolean>;
+    Deferred: JQuery.DeferredStatic;
+    easing: JQuery.Easings;
+    Event: JQuery.EventStatic;
+    /**
+     * @see \`{@link https://learn.jquery.com/events/event-extensions/ }\`
+     */
+    event: JQuery.EventExtensions;
+    expr: JQuery.Selectors;
+    // Set to HTMLElement to minimize breaks but should probably be Element.
+    readonly fn: JQuery;
+    fx: JQuery.Effects;
+    /**
+     * A Promise-like object (or "thenable") that resolves when the document is ready.
+     * @see \`{@link https://api.jquery.com/jQuery.ready/ }\`
+     * @since 1.8
+     * @example ​ ````Listen for document ready using jQuery.when.
+```javascript
+$.when( $.ready ).then(function() {
+  // Document is ready.
+});
+```
+     * @example ​ ````Typical usage involving another promise, using jQuery.when.
+```javascript
+$.when(
+  $.getJSON( "ajax/test.json" ),
+  $.ready
+).done(function( data ) {
+  // Document is ready.
+  // Value of test.json is passed as `data`.
+});
+```
+     */
+    ready: JQuery.Thenable<JQueryStatic>;
+    /**
+     * A collection of properties that represent the presence of different browser features or bugs. Intended for jQuery's internal use; specific properties may be removed when they are no longer needed internally to improve page startup performance. For your own project's feature-detection needs, we strongly recommend the use of an external library such as Modernizr instead of dependency on properties in jQuery.support.
+     * @see \`{@link https://api.jquery.com/jQuery.support/ }\`
+     * @since 1.3
+     * @deprecated ​ Deprecated since 1.9. See \`{@link https://api.jquery.com/jQuery.support/ }\`.
+     */
+    support: JQuery.PlainObject;
+    timers: Array<JQuery.TickFunction<any>>;
+    Tween: JQuery.TweenStatic;
+    valHooks: JQuery.ValHooks;
+    // HACK: This is the factory function returned when importing jQuery without a DOM. Declaring it separately breaks using the type parameter on JQueryStatic.
+    // HACK: The discriminator parameter handles the edge case of passing a Window object to JQueryStatic. It doesn't actually exist on the factory function.
+    (window: Window, discriminator: boolean): JQueryStatic;
+    /**
+     * Creates DOM elements on the fly from the provided string of raw HTML.
+     * @param html _&#x40;param_ `html`
+     * <br>
+     * * `html (ownerDocument)` — A string of HTML to create on the fly. Note that this parses HTML, not XML. <br>
+     * * `html (attributes)` — A string defining a single, standalone, HTML element (e.g. &lt;div/&gt; or &lt;div&gt;&lt;/div&gt;).
+     * @param ownerDocument_attributes _&#x40;param_ `ownerDocument_attributes`
+     * <br>
+     * * `ownerDocument` — A document in which the new elements will be created. <br>
+     * * `attributes` — An object of attributes, events, and methods to call on the newly-created element.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     * @since 1.4
+     * @example ​ ````Create a div element (and all of its contents) dynamically and append it to the body element. Internally, an element is created and its innerHTML property set to the given markup.
+```javascript
+$( "<div><p>Hello</p></div>" ).appendTo( "body" )
+```
+     * @example ​ ````Create some DOM elements.
+```javascript
+$( "<div/>", {
+  "class": "test",
+  text: "Click me!",
+  click: function() {
+    $( this ).toggleClass( "test" );
+  }
+})
+  .appendTo( "body" );
+```
+     */
+    // tslint:disable-next-line:no-unnecessary-generics
+    <TElement extends HTMLElement = HTMLElement>(html: JQuery.htmlString, ownerDocument_attributes?: Document | JQuery.PlainObject): JQuery<TElement>;
+    /**
+     * Accepts a string containing a CSS selector which is then used to match a set of elements.
+     * @param selector A string containing a selector expression
+     * @param context A DOM Element, Document, or jQuery to use as context
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     * @example ​ ````Find all p elements that are children of a div element and apply a border to them.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>one</p>
+<div><p>two</p></div>
+<p>three</p>
+​
+<script>
+$( "div > p" ).css( "border", "1px solid gray" );
+</script>
+</body>
+</html>
+```
+     * @example ​ ````Find all inputs of type radio within the first form in the document.
+```javascript
+$( "input:radio", document.forms[ 0 ] );
+```
+     * @example ​ ````Find all div elements within an XML document from an Ajax response.
+```javascript
+$( "div", xml.responseXML );
+```
+​
+     */
+    // tslint:disable-next-line:no-unnecessary-generics
+    <TElement extends Element = HTMLElement>(selector: JQuery.Selector, context?: Element | Document | JQuery): JQuery<TElement>;
+    /**
+     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.
+     * @param element A DOM element to wrap in a jQuery object.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     * @example ​ ````Set the background color of the page to black.
+```javascript
+$( document.body ).css( "background", "black" );
+```
+     */
+    // Using a unified signature is not possible due to a TypeScript 2.4 bug (DefinitelyTyped#27810)
+    <T extends Element>(element: T): JQuery<T>;
+    /**
+     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.
+     * @param elementArray An array containing a set of DOM elements to wrap in a jQuery object.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     * @example ​ ````Hide all the input elements within a form.
+```javascript
+$( myForm.elements ).hide();
+```
+     */
+    // Using a unified signature is not possible due to a TypeScript 2.4 bug (DefinitelyTyped#27810)
+    // tslint:disable-next-line:unified-signatures
+    <T extends Element>(elementArray: T[]): JQuery<T>;
+    /**
+     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.
+     * @param selection An existing jQuery object to clone.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     */
+    <T>(selection: JQuery<T>): JQuery<T>;
+    /**
+     * Binds a function to be executed when the DOM has finished loading.
+     * @param callback The function to execute when the DOM is ready.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     * @example ​ ````Execute the function when the DOM is ready to be used.
+```javascript
+$(function() {
+  // Document is ready
+});
+```
+     * @example ​ ````Use both the shortcut for $(document).ready() and the argument to write failsafe jQuery code using the $ alias, without relying on the global alias.
+```javascript
+jQuery(function( $ ) {
+  // Your code using failsafe $ alias here...
+});
+```
+     */
+    // tslint:disable-next-line:no-unnecessary-generics unified-signatures
+    <TElement = HTMLElement>(callback: ((this: Document, $: JQueryStatic) => void)): JQuery<TElement>;
+    /**
+     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.
+     * @param object A plain object to wrap in a jQuery object.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.0
+     */
+    <T extends JQuery.PlainObject>(object: T): JQuery<T>;
+    /**
+     * Returns an empty jQuery set.
+     * @see \`{@link https://api.jquery.com/jQuery/ }\`
+     * @since 1.4
+     */
+    // tslint:disable-next-line:no-unnecessary-generics
+    <TElement = HTMLElement>(): JQuery<TElement>;
+    /**
+     * Perform an asynchronous HTTP (Ajax) request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can
+     *                 be set for any option with $.ajaxSetup(). See jQuery.ajax( settings ) below for a complete list of all settings.
+     * @see \`{@link https://api.jquery.com/jQuery.ajax/ }\`
+     * @since 1.5
+     */
+    ajax(url: string, settings?: JQuery.AjaxSettings): JQuery.jqXHR;
+    /**
+     * Perform an asynchronous HTTP (Ajax) request.
+     * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can
+     *                 be set for any option with $.ajaxSetup().
+     * @see \`{@link https://api.jquery.com/jQuery.ajax/ }\`
+     * @since 1.0
+     * @example ​ ````Save some data to the server and notify the user once it&#39;s complete.
+```javascript
+$.ajax({
+  method: "POST",
+  url: "some.php",
+  data: { name: "John", location: "Boston" }
+})
+  .done(function( msg ) {
+    alert( "Data Saved: " + msg );
+  });
+```
+     * @example ​ ````Retrieve the latest version of an HTML page.
+```javascript
+$.ajax({
+  url: "test.html",
+  cache: false
+})
+  .done(function( html ) {
+    $( "#results" ).append( html );
+  });
+```
+     * @example ​ ````Send an xml document as data to the server. By setting the processData
+    option to false, the automatic conversion of data to strings is prevented.
+```javascript
+var xmlDocument = [create xml document];
+var xmlRequest = $.ajax({
+  url: "page.php",
+  processData: false,
+  data: xmlDocument
+});
+​
+xmlRequest.done( handleResponse );
+```
+     * @example ​ ````Send an id as data to the server, save some data to the server, and notify the user once it&#39;s complete. If the request fails, alert the user.
+```javascript
+var menuId = $( "ul.nav" ).first().attr( "id" );
+var request = $.ajax({
+  url: "script.php",
+  method: "POST",
+  data: { id : menuId },
+  dataType: "html"
+});
+​
+request.done(function( msg ) {
+  $( "#log" ).html( msg );
+});
+​
+request.fail(function( jqXHR, textStatus ) {
+  alert( "Request failed: " + textStatus );
+});
+```
+     * @example ​ ````Load and execute a JavaScript file.
+```javascript
+$.ajax({
+  method: "GET",
+  url: "test.js",
+  dataType: "script"
+});
+```
+     */
+    ajax(settings?: JQuery.AjaxSettings): JQuery.jqXHR;
+    /**
+     * Handle custom Ajax options or modify existing options before each request is sent and before they are processed by $.ajax().
+     * @param dataTypes An optional string containing one or more space-separated dataTypes
+     * @param handler A handler to set default values for future Ajax requests.
+     * @see \`{@link https://api.jquery.com/jQuery.ajaxPrefilter/ }\`
+     * @since 1.5
+     */
+    ajaxPrefilter(dataTypes: string,
+                  handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => string | void): void;
+    /**
+     * Handle custom Ajax options or modify existing options before each request is sent and before they are processed by $.ajax().
+     * @param handler A handler to set default values for future Ajax requests.
+     * @see \`{@link https://api.jquery.com/jQuery.ajaxPrefilter/ }\`
+     * @since 1.5
+     */
+    ajaxPrefilter(handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => string | void): void;
+    /**
+     * Set default values for future Ajax requests. Its use is not recommended.
+     * @param options A set of key/value pairs that configure the default Ajax request. All options are optional.
+     * @see \`{@link https://api.jquery.com/jQuery.ajaxSetup/ }\`
+     * @since 1.1
+     * @example ​ ````Sets the defaults for Ajax requests to the url &quot;/xmlhttp/&quot;, disables global handlers and uses POST instead of GET. The following Ajax requests then sends some data without having to set anything else.
+```javascript
+$.ajaxSetup({
+  url: "/xmlhttp/",
+  global: false,
+  type: "POST"
+});
+$.ajax({ data: myData });
+```
+     */
+    ajaxSetup(options: JQuery.AjaxSettings): JQuery.AjaxSettings;
+    /**
+     * Creates an object that handles the actual transmission of Ajax data.
+     * @param dataType A string identifying the data type to use
+     * @param handler A handler to return the new transport object to use with the data type provided in the first argument.
+     * @see \`{@link https://api.jquery.com/jQuery.ajaxTransport/ }\`
+     * @since 1.5
+     */
+    ajaxTransport(dataType: string,
+                  handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => JQuery.Transport | void): void;
+    /**
+     * @deprecated ​ Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/3384 }\`.
+     */
+    camelCase(value: string): string;
+    cleanData(elems: ArrayLike<Element | Document | Window | JQuery.PlainObject>): void;
+    /**
+     * Check to see if a DOM element is a descendant of another DOM element.
+     * @param container The DOM element that may contain the other element.
+     * @param contained The DOM element that may be contained by (a descendant of) the other element.
+     * @see \`{@link https://api.jquery.com/jQuery.contains/ }\`
+     * @since 1.4
+     * @example ​ ````Check if an element is a descendant of another.
+```javascript
+$.contains( document.documentElement, document.body ); // true
+$.contains( document.body, document.documentElement ); // false
+```
+     */
+    contains(container: Element, contained: Element): boolean;
+    css(elem: Element, name: string): any;
+    /**
+     * Store arbitrary data associated with the specified element. Returns the value that was set.
+     * @param element The DOM element to associate with the data.
+     * @param key A string naming the piece of data to set.
+     * @param value The new data value; this can be any Javascript type except `undefined`.
+     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
+     * @since 1.2.3
+     * @example ​ ````Get the data named &quot;blah&quot; stored at for an element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.data demo</title>
+  <style>
+  div {
+    margin: 5px;
+    background: yellow;
+  }
+  button {
+    margin: 5px;
+    font-size: 14px;
+  }
+  p {
+    margin: 5px;
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>A div</div>
+<button>Get "blah" from the div</button>
+<button>Set "blah" to "hello"</button>
+<button>Set "blah" to 86</button>
+<button>Remove "blah" from the div</button>
+<p>The "blah" value of this div is <span>?</span></p>
+​
+<script>
+$( "button" ).click( function() {
+  var value,
+    div = $( "div" )[ 0 ];
+  switch ( $( "button" ).index( this ) ) {
+  case 0 :
+    value = jQuery.data( div, "blah" );
+    break;
+  case 1 :
+    jQuery.data( div, "blah", "hello" );
+    value = "Stored!";
+    break;
+  case 2 :
+    jQuery.data( div, "blah", 86 );
+    value = "Stored!";
+    break;
+  case 3 :
+    jQuery.removeData( div, "blah" );
+    value = "Removed!";
+    break;
+  }
+  $( "span" ).text( "" + value );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    data<T extends string | number | boolean | symbol | object | null>(element: Element | Document | Window | JQuery.PlainObject, key: string, value: T): T;
+    /**
+     * Returns value at named data store for the element, as set by `jQuery.data(element, name, value)`, or the full data store for the element.
+     * @param element The DOM element to query for the data.
+     * @param key Name of the data stored.
+     * @param value `undefined` is not recognized as a data value. Calls such as `jQuery.data( el, "name", undefined )`
+     *              will return the corresponding data for "name", and is therefore the same as `jQuery.data( el, "name" )`
+     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
+     * @since 1.2.3
+     */
+    // `unified-signatures` is disabled so that behavior when passing `undefined` to `value` can be documented. Unifying the signatures
+    // results in potential confusion for users from an unexpected parameter.
+    // tslint:disable-next-line:unified-signatures
+    data(element: Element | Document | Window | JQuery.PlainObject, key: string, value: undefined): any;
+    /**
+     * Returns value at named data store for the element, as set by `jQuery.data(element, name, value)`, or the full data store for the element.
+     * @param element The DOM element to query for the data.
+     * @param key Name of the data stored.
+     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
+     * @since 1.2.3
+     * @since 1.4
+     * @example ​ ````Store then retrieve a value from the div element.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.data demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>
+  The values stored were
+  <span></span>
+  and
+  <span></span>
+</div>
+​
+<script>
+var div = $( "div" )[ 0 ];
+jQuery.data( div, "test", {
+  first: 16,
+  last: "pizza!"
+});
+$( "span:first" ).text( jQuery.data( div, "test" ).first );
+$( "span:last" ).text( jQuery.data( div, "test" ).last );
+</script>
+​
+</body>
+</html>
+```
+     */
+    data(element: Element | Document | Window | JQuery.PlainObject, key?: string): any;
+    /**
+     * Execute the next function on the queue for the matched element.
+     * @param element A DOM element from which to remove and execute a queued function.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @see \`{@link https://api.jquery.com/jQuery.dequeue/ }\`
+     * @since 1.3
+     * @example ​ ````Use jQuery.dequeue() to end a custom queue function which allows the queue to keep going.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.dequeue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 50px;
+    position: absolute;
+    height: 50px;
+    left: 10px;
+    top: 30px;
+    background-color: yellow;
+  }
+  div.red {
+    background-color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Start</button>
+<div></div>
+​
+<script>
+$( "button" ).click(function() {
+  $( "div" )
+    .animate({ left: '+=200px' }, 2000 )
+    .animate({ top: '0px' }, 600 )
+    .queue(function() {
+      $( this ).toggleClass( "red" );
+      $.dequeue( this );
+    })
+    .animate({ left:'10px', top:'30px' }, 700 );
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    dequeue(element: Element, queueName?: string): void;
+    /**
+     * A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
+     * @param array The array to iterate over.
+     * @param callback The function that will be executed on every object.
+     * @see \`{@link https://api.jquery.com/jQuery.each/ }\`
+     * @since 1.0
+     * @example ​ ````Iterates through the array displaying each number as both a word and numeral
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.each demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  div#five {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
+<div id="four"></div>
+<div id="five"></div>
+​
+<script>
+var arr = [ "one", "two", "three", "four", "five" ];
+var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
+​
+jQuery.each( arr, function( i, val ) {
+  $( "#" + val ).text( "Mine is " + val + "." );
+​
+  // Will stop running after "three"
+  return ( val !== "three" );
+});
+​
+jQuery.each( obj, function( i, val ) {
+  $( "#" + i ).append( document.createTextNode( " - " + val ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Iterates over items in an array, accessing both the current item and its index.
+```javascript
+$.each( [ "a", "b", "c" ], function( i, l ){
+  alert( "Index #" + i + ": " + l );
+});
+```
+     */
+    each<T>(array: ArrayLike<T>, callback: (this: T, indexInArray: number, value: T) => any): ArrayLike<T>;
+    /**
+     * A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
+     * @param obj The object to iterate over.
+     * @param callback The function that will be executed on every object.
+     * @see \`{@link https://api.jquery.com/jQuery.each/ }\`
+     * @since 1.0
+     * @example ​ ````Iterates through the array displaying each number as both a word and numeral
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.each demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  div#five {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
+<div id="four"></div>
+<div id="five"></div>
+​
+<script>
+var arr = [ "one", "two", "three", "four", "five" ];
+var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
+​
+jQuery.each( arr, function( i, val ) {
+  $( "#" + val ).text( "Mine is " + val + "." );
+​
+  // Will stop running after "three"
+  return ( val !== "three" );
+});
+​
+jQuery.each( obj, function( i, val ) {
+  $( "#" + i ).append( document.createTextNode( " - " + val ) );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Iterates over the properties in an object, accessing both the current item and its key.
+```javascript
+$.each({ name: "John", lang: "JS" }, function( k, v ) {
+  alert( "Key: " + k + ", Value: " + v );
+});
+```
+     */
+    each<T, K extends keyof T>(obj: T, callback: (this: T[K], propertyName: K, valueOfProperty: T[K]) => any): T;
+    /**
+     * Takes a string and throws an exception containing it.
+     * @param message The message to send out.
+     * @see \`{@link https://api.jquery.com/jQuery.error/ }\`
+     * @since 1.4.1
+     * @example ​ ````Override jQuery.error for display in Firebug.
+```javascript
+jQuery.error = console.error;
+```
+     */
+    error(message: string): any;
+    /**
+     * Escapes any character that has a special meaning in a CSS selector.
+     * @param selector A string containing a selector expression to escape.
+     * @see \`{@link https://api.jquery.com/jQuery.escapeSelector/ }\`
+     * @since 3.0
+     * @example ​ ````Escape an ID containing a hash.
+```javascript
+$.escapeSelector( "#target" ); // "\#target"
+```
+     * @example ​ ````Select all the elements having a class name of .box inside a div.
+```javascript
+$( "div" ).find( "." + $.escapeSelector( ".box" ) );
+```
+     */
+    escapeSelector(selector: JQuery.Selector): JQuery.Selector;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @param object5 An object containing additional properties to merge in.
+     * @param object6 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X, Y, Z>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X, object5: Y, object6: Z): T & U & V & W & X & Y & Z;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @param object5 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X, Y>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X, object5: Y): T & U & V & W & X & Y;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X): T & U & V & W & X;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W>(deep: true, target: T, object1: U, object2: V, object3: W): T & U & V & W;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V>(deep: true, target: T, object1: U, object2: V): T & U & V;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U>(deep: true, target: T, object1: U): T & U;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     */
+    extend<T>(deep: true, target: T): this & T;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
+     * @param target The object to extend. It will receive the new properties.
+     * @param object1 An object containing additional properties to merge in.
+     * @param objectN Additional objects containing properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.1.4
+     * @example ​ ````Merge two objects recursively, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1, recursively
+$.extend( true, object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend(deep: true, target: any, object1: any, ...objectN: any[]): any;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @param object5 An object containing additional properties to merge in.
+     * @param object6 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X, Y, Z>(target: T, object1: U, object2: V, object3: W, object4: X, object5: Y, object6: Z): T & U & V & W & X & Y & Z;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @param object5 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X, Y>(target: T, object1: U, object2: V, object3: W, object4: X, object5: Y): T & U & V & W & X & Y;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @param object4 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W, X>(target: T, object1: U, object2: V, object3: W, object4: X): T & U & V & W & X;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @param object3 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V, W>(target: T, object1: U, object2: V, object3: W): T & U & V & W;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param object2 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U, V>(target: T, object1: U, object2: V): T & U & V;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend<T, U>(target: T, object1: U): T & U;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     */
+    extend<T>(target: T): this & T;
+    /**
+     * Merge the contents of two or more objects together into the first object.
+     * @param target An object that will receive the new properties if additional objects are passed in or that will
+     *               extend the jQuery namespace if it is the sole argument.
+     * @param object1 An object containing additional properties to merge in.
+     * @param objectN Additional objects containing properties to merge in.
+     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
+     * @since 1.0
+     * @example ​ ````Merge two objects, modifying the first.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var object1 = {
+  apple: 0,
+  banana: { weight: 52, price: 100 },
+  cherry: 97
+};
+var object2 = {
+  banana: { price: 200 },
+  durian: 100
+};
+​
+// Merge object2 into object1
+$.extend( object1, object2 );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( JSON.stringify( object1 ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Merge defaults and options, without modifying the defaults. This is a common plugin development pattern.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.extend demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+var defaults = { validate: false, limit: 5, name: "foo" };
+var options = { validate: true, name: "bar" };
+​
+// Merge defaults and options, without modifying defaults
+var settings = $.extend( {}, defaults, options );
+​
+// Assuming JSON.stringify - not available in IE<8
+$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
+$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
+$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    extend(target: any, object1: any, ...objectN: any[]): any;
+    /**
+     * Load data from the server using a HTTP GET request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param data A plain object or string that is sent to the server with the request.
+     * @param success A callback function that is executed if the request succeeds. Required if `dataType` is provided,
+     *                but you can use `null` or \`{@link noop jQuery.noop}\` as a placeholder.
+     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
+     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
+     * @since 1.0
+     */
+    get(url: string,
+        data: JQuery.PlainObject | string,
+        success: JQuery.jqXHR.DoneCallback | null,
+        dataType?: string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP GET request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success A callback function that is executed if the request succeeds. Required if `dataType` is provided,
+     *                but you can use `null` or \`{@link noop jQuery.noop}\` as a placeholder.
+     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
+     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
+     * @since 1.0
+     * @example ​ ````Get the test.php page contents, which has been returned in json format (&lt;?php echo json_encode( array( &quot;name&quot;=&gt;&quot;John&quot;,&quot;time&quot;=&gt;&quot;2pm&quot; ) ); ?&gt;), and add it to the page.
+```javascript
+$.get( "test.php", function( data ) {
+  $( "body" )
+    .append( "Name: " + data.name ) // John
+    .append( "Time: " + data.time ); //  2pm
+}, "json" );
+```
+     */
+    get(url: string,
+        success: JQuery.jqXHR.DoneCallback | null,
+        dataType: string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP GET request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success_data _&#x40;param_ `success_data`
+     * <br>
+     * * `success` — A callback function that is executed if the request succeeds. Required if `dataType` is provided,
+     *               but you can use `null` or \`{@link noop jQuery.noop}\` as a placeholder. <br>
+     * * `data` — A plain object or string that is sent to the server with the request.
+     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
+     * @since 1.0
+     * @example ​ ````Request the test.php page and send some additional data along (while still ignoring the return results).
+```javascript
+$.get( "test.php", { name: "John", time: "2pm" } );
+```
+     * @example ​ ````Pass arrays of data to the server (while still ignoring the return results).
+```javascript
+$.get( "test.php", { "choices[]": ["Jon", "Susan"] } );
+```
+     * @example ​ ````Alert the results from requesting test.php (HTML or XML, depending on what was returned).
+```javascript
+$.get( "test.php", function( data ) {
+  alert( "Data Loaded: " + data );
+});
+```
+     * @example ​ ````Alert the results from requesting test.cgi with an additional payload of data (HTML or XML, depending on what was returned).
+```javascript
+$.get( "test.cgi", { name: "John", time: "2pm" } )
+  .done(function( data ) {
+    alert( "Data Loaded: " + data );
+  });
+```
+     */
+    get(url: string,
+        success_data: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP GET request.
+     * @param url_settings _&#x40;param_ `url_settings`
+     * <br>
+     * * `url` — A string containing the URL to which the request is sent. <br>
+     * * `settings` — A set of key/value pairs that configure the Ajax request. All properties except for `url` are
+     *                optional. A default can be set for any option with \`{@link ajaxSetup $.ajaxSetup()}\`. See \`{@link https://api.jquery.com/jquery.ajax/#jQuery-ajax-settings jQuery.ajax( settings )}\`
+     *                for a complete list of all settings. The type option will automatically be set to `GET`.
+     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
+     * @since 1.0
+     * @since 1.12
+     * @since 2.2
+     * @example ​ ````Request the test.php page, but ignore the return results.
+```javascript
+$.get( "test.php" );
+```
+     */
+    get(url_settings?: string | JQuery.UrlAjaxSettings): JQuery.jqXHR;
+    /**
+     * Load JSON-encoded data from the server using a GET HTTP request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param data A plain object or string that is sent to the server with the request.
+     * @param success A callback function that is executed if the request succeeds.
+     * @see \`{@link https://api.jquery.com/jQuery.getJSON/ }\`
+     * @since 1.0
+     */
+    getJSON(url: string,
+            data: JQuery.PlainObject | string,
+            success: JQuery.jqXHR.DoneCallback): JQuery.jqXHR;
+    /**
+     * Load JSON-encoded data from the server using a GET HTTP request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success_data _&#x40;param_ `url_settings`
+     * <br>
+     * * `success` — A callback function that is executed if the request succeeds. <br>
+     * * `data` — A plain object or string that is sent to the server with the request.
+     * @see \`{@link https://api.jquery.com/jQuery.getJSON/ }\`
+     * @since 1.0
+     * @example ​ ````Loads the four most recent pictures of Mount Rainier from the Flickr JSONP API.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.getJSON demo</title>
+  <style>
+  img {
+    height: 100px;
+    float: left;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="images"></div>
+​
+<script>
+(function() {
+  var flickerAPI = "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
+  $.getJSON( flickerAPI, {
+    tags: "mount rainier",
+    tagmode: "any",
+    format: "json"
+  })
+    .done(function( data ) {
+      $.each( data.items, function( i, item ) {
+        $( "<img>" ).attr( "src", item.media.m ).appendTo( "#images" );
+        if ( i === 3 ) {
+          return false;
+        }
+      });
+    });
+})();
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Load the JSON data from test.js and access a name from the returned JSON data.
+```javascript
+$.getJSON( "test.js", function( json ) {
+  console.log( "JSON Data: " + json.users[ 3 ].name );
+ });
+ ```
+     * @example ​ ````Load the JSON data from test.js, passing along additional data, and access a name from the returned JSON data.
+      If an error occurs, log an error message instead.
+```javascript
+$.getJSON( "test.js", { name: "John", time: "2pm" } )
+  .done(function( json ) {
+    console.log( "JSON Data: " + json.users[ 3 ].name );
+  })
+  .fail(function( jqxhr, textStatus, error ) {
+    var err = textStatus + ", " + error;
+    console.log( "Request Failed: " + err );
+});
+```
+     */
+    getJSON(url: string,
+            success_data?: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
+    /**
+     * Load a JavaScript file from the server using a GET HTTP request, then execute it.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success A callback function that is executed if the request succeeds.
+     * @see \`{@link https://api.jquery.com/jQuery.getScript/ }\`
+     * @since 1.0
+     * @example ​ ````Define a $.cachedScript() method that allows fetching a cached script:
+```javascript
+jQuery.cachedScript = function( url, options ) {
+​
+  // Allow user to set any option except for dataType, cache, and url
+  options = $.extend( options || {}, {
+    dataType: "script",
+    cache: true,
+    url: url
+  });
+​
+  // Use $.ajax() since it is more flexible than $.getScript
+  // Return the jqXHR object so we can chain callbacks
+  return jQuery.ajax( options );
+};
+​
+// Usage
+$.cachedScript( "ajax/test.js" ).done(function( script, textStatus ) {
+  console.log( textStatus );
+});
+```
+     * @example ​ ````Load the official jQuery Color Animation plugin dynamically and bind some color animations to occur once the new functionality is loaded.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.getScript demo</title>
+  <style>
+  .block {
+     background-color: blue;
+     width: 150px;
+     height: 70px;
+     margin: 10px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="go">&raquo; Run</button>
+<div class="block"></div>
+​
+<script>
+var url = "https://code.jquery.com/color/jquery.color.js";
+$.getScript( url, function() {
+  $( "#go" ).click(function() {
+    $( ".block" )
+      .animate({
+        backgroundColor: "rgb(255, 180, 180)"
+      }, 1000 )
+      .delay( 500 )
+      .animate({
+        backgroundColor: "olive"
+      }, 1000 )
+      .delay( 500 )
+      .animate({
+        backgroundColor: "#00f"
+      }, 1000 );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    getScript(url: string,
+              success?: JQuery.jqXHR.DoneCallback<string | undefined>): JQuery.jqXHR<string | undefined>;
+    /**
+     * Load a JavaScript file from the server using a GET HTTP request, then execute it.
+     * @see \`{@link https://api.jquery.com/jQuery.getScript/ }\`
+     * @since 1.12
+     * @since 2.2
+     */
+    getScript(options: JQuery.UrlAjaxSettings): JQuery.jqXHR<string | undefined>;
+    /**
+     * Execute some JavaScript code globally.
+     * @param code The JavaScript code to execute.
+     * @see \`{@link https://api.jquery.com/jQuery.globalEval/ }\`
+     * @since 1.0.4
+     * @example ​ ````Execute a script in the global context.
+```javascript
+function test() {
+  jQuery.globalEval( "var newVar = true;" )
+}
+test();
+// newVar === true
+```
+     */
+    globalEval(code: string): void;
+    /**
+     * Finds the elements of an array which satisfy a filter function. The original array is not affected.
+     * @param array The array-like object to search through.
+     * @param funсtion The function to process each item against. The first argument to the function is the item, and the
+     *                 second argument is the index. The function should return a Boolean value. `this` will be the global
+     *                 window object.
+     * @param invert If "invert" is false, or not provided, then the function returns an array consisting of all elements
+     *               for which "callback" returns true. If "invert" is true, then the function returns an array
+     *               consisting of all elements for which "callback" returns false.
+     * @see \`{@link https://api.jquery.com/jQuery.grep/ }\`
+     * @since 1.0
+     * @example ​ ````Filters the original array of numbers leaving that are not 5 and have an index greater than 4.  Then it removes all 9s.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.grep demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  p {
+    color: green;
+    margin: 0;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<p></p>
+<span></span>
+​
+<script>
+var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
+$( "div" ).text( arr.join( ", " ) );
+​
+arr = jQuery.grep(arr, function( n, i ) {
+  return ( n !== 5 && i > 4 );
+});
+$( "p" ).text( arr.join( ", " ) );
+​
+arr = jQuery.grep(arr, function( a ) {
+  return a !== 9;
+});
+​
+$( "span" ).text( arr.join( ", " ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Filter an array of numbers to include only numbers bigger then zero.
+```javascript
+$.grep( [ 0, 1, 2 ], function( n, i ) {
+  return n > 0;
+});
+```
+     * @example ​ ````Filter an array of numbers to include numbers that are not bigger than zero.
+```javascript
+$.grep( [ 0, 1, 2 ], function( n, i ) {
+    return n > 0;
+}, true );
+```
+     */
+    grep<T>(array: ArrayLike<T>,
+            funсtion: (elementOfArray: T, indexInArray: number) => boolean,
+            invert?: boolean): T[];
+    /**
+     * Determine whether an element has any jQuery data associated with it.
+     * @param element A DOM element to be checked for data.
+     * @see \`{@link https://api.jquery.com/jQuery.hasData/ }\`
+     * @since 1.5
+     * @example ​ ````Set data on an element and see the results of hasData.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.hasData demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>Results: </p>
+​
+<script>
+var $p = jQuery( "p" ), p = $p[ 0 ];
+$p.append( jQuery.hasData( p ) + " " ); // false
+​
+$.data( p, "testing", 123 );
+$p.append( jQuery.hasData( p ) + " " ); // true
+​
+$.removeData( p, "testing" );
+$p.append( jQuery.hasData( p ) + " " ); // false
+​
+$p.on( "click", function() {} );
+$p.append( jQuery.hasData( p ) + " " ); // true
+​
+$p.off( "click" );
+$p.append( jQuery.hasData( p ) + " " ); // false
+</script>
+​
+</body>
+</html>
+```
+     */
+    hasData(element: Element | Document | Window | JQuery.PlainObject): boolean;
+    /**
+     * Holds or releases the execution of jQuery's ready event.
+     * @param hold Indicates whether the ready hold is being requested or released
+     * @see \`{@link https://api.jquery.com/jQuery.holdReady/ }\`
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.2. See \`{@link https://github.com/jquery/jquery/issues/3288 }\`.
+     *
+     * **Cause**: The `jQuery.holdReady()` method has been deprecated due to its detrimental effect on the global performance of the page. This method can prevent all the code on the page from initializing for extended lengths of time.
+     *
+     * **Solution**: Rewrite the page so that it does not require all jQuery ready handlers to be delayed. This might be accomplished, for example, by late-loading only the code that requires the delay when it is safe to run. Due to the complexity of this method, jQuery Migrate does not attempt to fill the functionality. If the underlying version of jQuery used with jQuery Migrate no longer contains `jQuery.holdReady()` the code will fail shortly after this warning appears.
+     * @example ​ ````Delay the ready event until a custom plugin has loaded.
+```javascript
+$.holdReady( true );
+$.getScript( "myplugin.js", function() {
+  $.holdReady( false );
+});
+```
+     */
+    holdReady(hold: boolean): void;
+    /**
+     * Modify and filter HTML strings passed through jQuery manipulation methods.
+     * @param html The HTML string on which to operate.
+     * @see \`{@link https://api.jquery.com/jQuery.htmlPrefilter/ }\`
+     * @since 1.12
+     * @since 2.2
+     */
+    htmlPrefilter(html: JQuery.htmlString): JQuery.htmlString;
+    /**
+     * Search for a specified value within an array and return its index (or -1 if not found).
+     * @param value The value to search for.
+     * @param array An array through which to search.
+     * @param fromIndex The index of the array at which to begin the search. The default is 0, which will search the whole array.
+     * @see \`{@link https://api.jquery.com/jQuery.inArray/ }\`
+     * @since 1.2
+     * @example ​ ````Report the index of some elements in the array.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.inArray demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>"John" found at <span></span></div>
+<div>4 found at <span></span></div>
+<div>"Karl" not found, so <span></span></div>
+<div>"Pete" is in the array, but not at or after index 2, so <span></span></div>
+​
+<script>
+var arr = [ 4, "Pete", 8, "John" ];
+var $spans = $( "span" );
+$spans.eq( 0 ).text( jQuery.inArray( "John", arr ) );
+$spans.eq( 1 ).text( jQuery.inArray( 4, arr ) );
+$spans.eq( 2 ).text( jQuery.inArray( "Karl", arr ) );
+$spans.eq( 3 ).text( jQuery.inArray( "Pete", arr, 2 ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    inArray<T>(value: T, array: T[], fromIndex?: number): number;
+    /**
+     * Determine whether the argument is an array.
+     * @param obj Object to test whether or not it is an array.
+     * @see \`{@link https://api.jquery.com/jQuery.isArray/ }\`
+     * @since 1.3
+     * @deprecated ​ Deprecated since 3.2. Use \`{@link ArrayConstructor.isArray Array.isArray}\`.
+     * @example ​ ````Finds out if the parameter is an array.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.isArray demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Is [] an Array? <b></b>
+​
+<script>
+$( "b" ).append( "" + $.isArray([]) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    isArray(obj: any): obj is any[];
+    /**
+     * Check to see if an object is empty (contains no enumerable properties).
+     * @param obj The object that will be checked to see if it's empty.
+     * @see \`{@link https://api.jquery.com/jQuery.isEmptyObject/ }\`
+     * @since 1.4
+     * @example ​ ````Check an object to see if it&#39;s empty.
+```javascript
+jQuery.isEmptyObject({}); // true
+jQuery.isEmptyObject({ foo: "bar" }); // false
+```
+     */
+    isEmptyObject(obj: any): boolean;
+    /**
+     * Determine if the argument passed is a JavaScript function object.
+     * @param obj Object to test whether or not it is a function.
+     * @see \`{@link https://api.jquery.com/jQuery.isFunction/ }\`
+     * @since 1.2
+     * @deprecated ​ Deprecated since 3.3. Use `typeof x === "function"`.
+     * @example ​ ````Test a few parameter examples.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.isFunction demo</title>
+  <style>
+  div {
+    color: blue;
+    margin: 2px;
+    font-size: 14px;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>jQuery.isFunction( objs[ 0 ] ) = <span></span></div>
+<div>jQuery.isFunction( objs[ 1 ] ) = <span></span></div>
+<div>jQuery.isFunction( objs[ 2 ] ) = <span></span></div>
+<div>jQuery.isFunction( objs[ 3 ] ) = <span></span></div>
+<div>jQuery.isFunction( objs[ 4 ] ) = <span></span></div>
+​
+<script>
+function stub() {}
+var objs = [
+  function() {},
+  { x:15, y:20 },
+  null,
+  stub,
+  "function"
+];
+​
+jQuery.each( objs, function( i ) {
+  var isFunc = jQuery.isFunction( objs[ i ]);
+  $( "span" ).eq( i ).text( isFunc );
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Finds out if the parameter is a function.
+```javascript
+$.isFunction(function() {});
+```
+     */
+    // tslint:disable-next-line:ban-types
+    isFunction(obj: any): obj is Function;
+    /**
+     * Determines whether its argument represents a JavaScript number.
+     * @param value The value to be tested.
+     * @see \`{@link https://api.jquery.com/jQuery.isNumeric/ }\`
+     * @since 1.7
+     * @deprecated ​ Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/2960 }\`.
+     * @example ​ ````Sample return values of $.isNumeric with various inputs.
+```javascript
+// true (numeric)
+$.isNumeric( "-10" )
+$.isNumeric( "0" )
+$.isNumeric( 0xFF )
+$.isNumeric( "0xFF" )
+$.isNumeric( "8e5" )
+$.isNumeric( "3.1415" )
+$.isNumeric( +10 )
+$.isNumeric( 0144 )
+​
+// false (non-numeric)
+$.isNumeric( "-0x42" )
+$.isNumeric( "7.2acdgs" )
+$.isNumeric( "" )
+$.isNumeric( {} )
+$.isNumeric( NaN )
+$.isNumeric( null )
+$.isNumeric( true )
+$.isNumeric( Infinity )
+$.isNumeric( undefined )
+```
+     */
+    isNumeric(value: any): boolean;
+    /**
+     * Check to see if an object is a plain object (created using "{}" or "new Object").
+     * @param obj The object that will be checked to see if it's a plain object.
+     * @see \`{@link https://api.jquery.com/jQuery.isPlainObject/ }\`
+     * @since 1.4
+     * @example ​ ````Check an object to see if it&#39;s a plain object.
+```javascript
+jQuery.isPlainObject({}) // true
+jQuery.isPlainObject( "test" ) // false
+```
+     */
+    isPlainObject(obj: any): boolean;
+    /**
+     * Determine whether the argument is a window.
+     * @param obj Object to test whether or not it is a window.
+     * @see \`{@link https://api.jquery.com/jQuery.isWindow/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/3629 }\`.
+     *
+     * **Cause**: This method returns `true` if its argument is thought to be a `window` element. It was created for internal use and is not a reliable way of detecting `window` for public needs.
+     *
+     * **Solution**: Remove any use of `jQuery.isWindow()` from code. If it is truly needed it can be replaced with a check for `obj != null && obj === obj.window` which was the test used inside this method.
+     * @example ​ ````Finds out if the parameter is a window.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.isWindow demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Is 'window' a window? <b></b>
+​
+<script>
+$( "b" ).append( "" + $.isWindow( window ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    isWindow(obj: any): obj is Window;
+    /**
+     * Check to see if a DOM node is within an XML document (or is an XML document).
+     * @param node The DOM node that will be checked to see if it's in an XML document.
+     * @see \`{@link https://api.jquery.com/jQuery.isXMLDoc/ }\`
+     * @since 1.1.4
+     * @example ​ ````Check an object to see if it&#39;s in an XML document.
+```javascript
+jQuery.isXMLDoc( document ) // false
+jQuery.isXMLDoc( document.body ) // false
+```
+     */
+    isXMLDoc(node: Node): boolean;
+    /**
+     * Convert an array-like object into a true JavaScript array.
+     * @param obj Any object to turn into a native Array.
+     * @see \`{@link https://api.jquery.com/jQuery.makeArray/ }\`
+     * @since 1.2
+     * @example ​ ````Turn a collection of HTMLElements into an Array of them.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.makeArray demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>First</div>
+<div>Second</div>
+<div>Third</div>
+<div>Fourth</div>
+​
+<script>
+// Returns a NodeList
+var elems = document.getElementsByTagName( "div" );
+// Convert the NodeList to an Array
+var arr = jQuery.makeArray( elems );
+// Use an Array method on list of dom elements
+arr.reverse();
+$( arr ).appendTo( document.body );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Turn a jQuery object into an array
+```javascript
+var obj = $( "li" );
+var arr = $.makeArray( obj );
+```
+     */
+    makeArray<T>(obj: ArrayLike<T>): T[];
+    /**
+     * Translate all items in an array or object to new array of items.
+     * @param array The Array to translate.
+     * @param callback The function to process each item against. The first argument to the function is the array item, the
+     *                 second argument is the index in array The function can return any value. A returned array will be
+     *                 flattened into the resulting array. Within the function, this refers to the global (window) object.
+     * @see \`{@link https://api.jquery.com/jQuery.map/ }\`
+     * @since 1.0
+     * @example ​ ````Use $.map() to change the values of an array.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.map demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  p {
+    color: green;
+    margin: 0;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div></div>
+<p></p>
+<span></span>
+​
+<script>
+var arr = [ "a", "b", "c", "d", "e" ];
+$( "div" ).text( arr.join( ", " ) );
+​
+arr = jQuery.map( arr, function( n, i ) {
+  return ( n.toUpperCase() + i );
+});
+$( "p" ).text( arr.join( ", " ) );
+​
+arr = jQuery.map( arr, function( a ) {
+  return a + a;
+});
+$( "span" ).text( arr.join( ", " ) );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Map the original array to a new one and add 4 to each value.
+```javascript
+$.map( [ 0, 1, 2 ], function( n ) {
+  return n + 4;
+});
+```
+     * @example ​ ````Map the original array to a new one, adding 1 to each value if it is bigger then zero and removing it if not.
+```javascript
+$.map( [ 0, 1, 2 ], function( n ) {
+  return n > 0 ? n + 1 : null;
+});
+```
+     * @example ​ ````Map the original array to a new one; each element is added with its original value and the value plus one.
+```javascript
+$.map( [ 0, 1, 2 ], function( n ) {
+    return [ n, n + 1 ];
+});
+```
+     * @example ​ ````Map the original array to a new one; each element is squared.
+```javascript
+$.map( [ 0, 1, 2, 3 ], function( a ) {
+  return a * a;
+});
+```
+     * @example ​ ````Map the original array to a new one, removing numbers less than 50 by returning null and subtracting 45 from the rest.
+```javascript
+$.map( [ 0, 1, 52, 97 ], function( a ) {
+  return (a > 50 ? a - 45 : null);
+});
+```
+     * @example ​ ````Augment the resulting array by returning an array inside the function.
+```javascript
+var array = [ 0, 1, 52, 97 ];
+array = $.map( array, function( a, index ) {
+  return [ a - 45, index ];
+});
+```
+     */
+    map<T, TReturn>(array: T[], callback: (this: Window, elementOfArray: T, indexInArray: number) => JQuery.TypeOrArray<TReturn> | null | undefined): TReturn[];
+    /**
+     * Translate all items in an array or object to new array of items.
+     * @param obj The Object to translate.
+     * @param callback The function to process each item against. The first argument to the function is the value; the
+     *                 second argument is the key of the object property. The function can return any value to add to the
+     *                 array. A returned array will be flattened into the resulting array. Within the function, this refers
+     *                 to the global (window) object.
+     * @see \`{@link https://api.jquery.com/jQuery.map/ }\`
+     * @since 1.6
+     * @example ​ ````Map the original object to a new array and double each value.
+```javascript
+var dimensions = { width: 10, height: 15, length: 20 };
+dimensions = $.map( dimensions, function( value, index ) {
+  return value * 2;
+});
+```
+     * @example ​ ````Map an object&#39;s keys to an array.
+```javascript
+var dimensions = { width: 10, height: 15, length: 20 };
+var keys = $.map( dimensions, function( value, key ) {
+  return key;
+});
+```
+     */
+    map<T, K extends keyof T, TReturn>(obj: T, callback: (this: Window, propertyOfObject: T[K], key: K) => JQuery.TypeOrArray<TReturn> | null | undefined): TReturn[];
+    /**
+     * Merge the contents of two arrays together into the first array.
+     * @param first The first array-like object to merge, the elements of second added.
+     * @param second The second array-like object to merge into the first, unaltered.
+     * @see \`{@link https://api.jquery.com/jQuery.merge/ }\`
+     * @since 1.0
+     * @example ​ ````Merges two arrays, altering the first argument.
+```javascript
+$.merge( [ 0, 1, 2 ], [ 2, 3, 4 ] )
+```
+     * @example ​ ````Merges two arrays, altering the first argument.
+```javascript
+$.merge( [ 3, 2, 1 ], [ 4, 3, 2 ] )
+```
+     * @example ​ ````Merges two arrays, but uses a copy, so the original isn&#39;t altered.
+```javascript
+var first = [ "a", "b", "c" ];
+var second = [ "d", "e", "f" ];
+$.merge( $.merge( [], first ), second );
+```
+     */
+    merge<T, U>(first: ArrayLike<T>, second: ArrayLike<U>): Array<T | U>;
+    /**
+     * Relinquish jQuery's control of the $ variable.
+     * @param removeAll A Boolean indicating whether to remove all jQuery variables from the global scope (including jQuery itself).
+     * @see \`{@link https://api.jquery.com/jQuery.noConflict/ }\`
+     * @since 1.0
+     * @example ​ ````Map the original object that was referenced by $ back to $.
+```javascript
+jQuery.noConflict();
+// Do something with jQuery
+jQuery( "div p" ).hide();
+// Do something with another library's $()
+$( "content" ).style.display = "none";
+```
+     * @example ​ ````Revert the $ alias and then create and execute a function to provide the $ as a jQuery alias inside the function&#39;s scope. Inside the function the original $ object is not available. This works well for most plugins that don&#39;t rely on any other library.
+```javascript
+jQuery.noConflict();
+(function( $ ) {
+  $(function() {
+    // More code using $ as alias to jQuery
+  });
+})(jQuery);
+​
+// Other code using $ as an alias to the other library
+```
+     * @example ​ ````Create a different alias instead of jQuery to use in the rest of the script.
+```javascript
+var j = jQuery.noConflict();
+​
+// Do something with jQuery
+j( "div p" ).hide();
+​
+// Do something with another library's $()
+$( "content" ).style.display = "none";
+```
+     * @example ​ ````Completely move jQuery to a new namespace in another object.
+```javascript
+var dom = {};
+dom.query = jQuery.noConflict( true );
+```
+     * @example ​ ````Load two versions of jQuery (not recommended). Then, restore jQuery&#39;s globally scoped variables to the first loaded jQuery.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.noConflict demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log">
+  <h3>Before $.noConflict(true)</h3>
+</div>
+<script src="https://code.jquery.com/jquery-1.6.2.js"></script>
+​
+<script>
+var $log = $( "#log" );
+​
+$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
+​
+// Restore globally scoped jQuery variables to the first version loaded
+// (the newer version)
+​
+jq162 = jQuery.noConflict( true );
+​
+$log.append( "<h3>After $.noConflict(true)</h3>" );
+$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
+$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    noConflict(removeAll?: boolean): this;
+    /**
+     * @deprecated ​ Deprecated since 3.2.
+     *
+     * **Cause**: This public but never-documented method has been deprecated as of jQuery 3.2.0.
+     *
+     * **Solution**: Replace calls such as `jQuery.nodeName( elem, "div" )` with a test such as `elem.nodeName.toLowerCase() === "div"`.
+     */
+    nodeName(elem: Node, name: string): boolean;
+    /**
+     * An empty function.
+     * @see \`{@link https://api.jquery.com/jQuery.noop/ }\`
+     * @since 1.4
+     */
+    noop(): undefined;
+    /**
+     * Return a number representing the current time.
+     * @see \`{@link https://api.jquery.com/jQuery.now/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link DateConstructor.now Date.now}\`.
+     */
+    now(): number;
+    /**
+     * Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request. In case a jQuery object is passed, it should contain input elements with name/value properties.
+     * @param obj An array, a plain object, or a jQuery object to serialize.
+     * @param traditional A Boolean indicating whether to perform a traditional "shallow" serialization.
+     * @see \`{@link https://api.jquery.com/jQuery.param/ }\`
+     * @since 1.2
+     * @since 1.4
+     * @example ​ ````Serialize a key/value object.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.param demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="results"></div>
+​
+<script>
+var params = { width:1680, height:1050 };
+var str = jQuery.param( params );
+$( "#results" ).text( str );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Serialize a few complex objects
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.param demo</title>
+  <style>
+  div {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​​
+<script>
+// <=1.3.2:
+$.param({ a: [ 2, 3, 4 ] }); // "a=2&a=3&a=4"
+// >=1.4:
+$.param({ a: [ 2, 3, 4 ] }); // "a[]=2&a[]=3&a[]=4"
+​
+// <=1.3.2:
+$.param({ a: { b: 1, c: 2 }, d: [ 3, 4, { e: 5 } ] });
+// "a=[object+Object]&d=3&d=4&d=[object+Object]"
+​
+// >=1.4:
+$.param({ a: { b: 1, c: 2 }, d: [ 3, 4, { e: 5 } ] });
+// "a[b]=1&a[c]=2&d[]=3&d[]=4&d[2][e]=5"
+</script>
+​
+</body>
+</html>
+```
+     */
+    param(obj: any[] | JQuery.PlainObject | JQuery, traditional?: boolean): string;
+    /**
+     * Parses a string into an array of DOM nodes.
+     * @param data HTML string to be parsed
+     * @param context Document element to serve as the context in which the HTML fragment will be created
+     * @param keepScripts A Boolean indicating whether to include scripts passed in the HTML string
+     * @see \`{@link https://api.jquery.com/jQuery.parseHTML/ }\`
+     * @since 1.8
+     */
+    parseHTML(data: string, context: Document | null | undefined, keepScripts: boolean): JQuery.Node[];
+    /**
+     * Parses a string into an array of DOM nodes.
+     * @param data HTML string to be parsed
+     * @param context_keepScripts _&#x40;param_ `context_keepScripts`
+     * <br>
+     * * `context` — Document element to serve as the context in which the HTML fragment will be created <br>
+     * * `keepScripts` — A Boolean indicating whether to include scripts passed in the HTML string
+     * @see \`{@link https://api.jquery.com/jQuery.parseHTML/ }\`
+     * @since 1.8
+     * @example ​ ````Create an array of DOM nodes using an HTML string and insert it into a div.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.parseHTML demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log">
+  <h3>Content:</h3>
+</div>
+​
+<script>
+var $log = $( "#log" ),
+  str = "hello, <b>my name is</b> jQuery.",
+  html = $.parseHTML( str ),
+  nodeNames = [];
+​
+// Append the parsed HTML
+$log.append( html );
+​
+// Gather the parsed HTML's node names
+$.each( html, function( i, el ) {
+  nodeNames[ i ] = "<li>" + el.nodeName + "</li>";
+});
+​
+// Insert the node names
+$log.append( "<h3>Node Names:</h3>" );
+$( "<ol></ol>" )
+  .append( nodeNames.join( "" ) )
+  .appendTo( $log );
+</script>
+​
+</body>
+</html>
+```
+     */
+    parseHTML(data: string, context_keepScripts?: Document | null | boolean): JQuery.Node[];
+    /**
+     * Takes a well-formed JSON string and returns the resulting JavaScript value.
+     * @param json The JSON string to parse.
+     * @see \`{@link https://api.jquery.com/jQuery.parseJSON/ }\`
+     * @since 1.4.1
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link JSON.parse }\`.
+     *
+     * **Cause**: The `jQuery.parseJSON` method in recent jQuery is identical to the native `JSON.parse`. As of jQuery 3.0 `jQuery.parseJSON` is deprecated.
+     *
+     * **Solution**: Replace any use of `jQuery.parseJSON` with `JSON.parse`.
+     * @example ​ ````Parse a JSON string.
+```javascript
+var obj = jQuery.parseJSON( '{ "name": "John" }' );
+alert( obj.name === "John" );
+```
+     */
+    parseJSON(json: string): any;
+    /**
+     * Parses a string into an XML document.
+     * @param data a well-formed XML string to be parsed
+     * @see \`{@link https://api.jquery.com/jQuery.parseXML/ }\`
+     * @since 1.5
+     * @example ​ ````Create a jQuery object using an XML string and obtain the value of the title node.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.parseXML demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p id="someElement"></p>
+<p id="anotherElement"></p>
+​
+<script>
+var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
+  xmlDoc = $.parseXML( xml ),
+  $xml = $( xmlDoc ),
+  $title = $xml.find( "title" );
+​
+// Append "RSS Title" to #someElement
+$( "#someElement" ).append( $title.text() );
+​
+// Change the title to "XML Title"
+$title.text( "XML Title" );
+​
+// Append "XML Title" to #anotherElement
+$( "#anotherElement" ).append( $title.text() );
+</script>
+​
+</body>
+</html>
+```
+     */
+    parseXML(data: string): XMLDocument;
+    /**
+     * Load data from the server using a HTTP POST request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param data A plain object or string that is sent to the server with the request.
+     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
+     *                can be null in that case.
+     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
+     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
+     * @since 1.0
+     * @example ​ ````Post to the test.php page and get content which has been returned in json format (&lt;?php echo json_encode(array(&quot;name&quot;=&gt;&quot;John&quot;,&quot;time&quot;=&gt;&quot;2pm&quot;)); ?&gt;).
+```javascript
+$.post( "test.php", { func: "getNameAndTime" }, function( data ) {
+  console.log( data.name ); // John
+  console.log( data.time ); // 2pm
+}, "json");
+```
+     */
+    post(url: string,
+         data: JQuery.PlainObject | string,
+         success: JQuery.jqXHR.DoneCallback | null,
+         dataType?: string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP POST request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
+     *                can be null in that case.
+     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
+     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
+     * @since 1.0
+     */
+    post(url: string,
+         success: JQuery.jqXHR.DoneCallback | null,
+         dataType: string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP POST request.
+     * @param url A string containing the URL to which the request is sent.
+     * @param success_data _&#x40;param_ `success_data`
+     * <br>
+     * * `success` — A callback function that is executed if the request succeeds. Required if `dataType` is provided,
+     *               but can be `null` in that case. <br>
+     * * `data` — A plain object or string that is sent to the server with the request.
+     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
+     * @since 1.0
+     * @example ​ ````Request the test.php page and send some additional data along (while still ignoring the return results).
+```javascript
+$.post( "test.php", { name: "John", time: "2pm" } );
+```
+     * @example ​ ````Pass arrays of data to the server (while still ignoring the return results).
+```javascript
+$.post( "test.php", { 'choices[]': [ "Jon", "Susan" ] } );
+```
+     * @example ​ ````Send form data using Ajax requests
+```javascript
+$.post( "test.php", $( "#testform" ).serialize() );
+```
+     * @example ​ ````Alert the results from requesting test.php (HTML or XML, depending on what was returned).
+```javascript
+$.post( "test.php", function( data ) {
+  alert( "Data Loaded: " + data );
+});
+```
+     * @example ​ ````Alert the results from requesting test.php with an additional payload of data (HTML or XML, depending on what was returned).
+```javascript
+$.post( "test.php", { name: "John", time: "2pm" })
+  .done(function( data ) {
+    alert( "Data Loaded: " + data );
+  });
+```
+     * @example ​ ````Post a form using Ajax and put results in a div
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.post demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<form action="/" id="searchForm">
+  <input type="text" name="s" placeholder="Search...">
+  <input type="submit" value="Search">
+</form>
+<!-- the result of the search will be rendered inside this div -->
+<div id="result"></div>
+​
+<script>
+// Attach a submit handler to the form
+$( "#searchForm" ).submit(function( event ) {
+​
+  // Stop form from submitting normally
+  event.preventDefault();
+​
+  // Get some values from elements on the page:
+  var $form = $( this ),
+    term = $form.find( "input[name='s']" ).val(),
+    url = $form.attr( "action" );
+​
+  // Send the data using post
+  var posting = $.post( url, { s: term } );
+​
+  // Put the results in a div
+  posting.done(function( data ) {
+    var content = $( data ).find( "#content" );
+    $( "#result" ).empty().append( content );
+  });
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    post(url: string,
+         success_data: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
+    /**
+     * Load data from the server using a HTTP POST request.
+     * @param url_settings _&#x40;param_ `url_settings`
+     * <br>
+     * * `url` — A string containing the URL to which the request is sent. <br>
+     * * `settings` — A set of key/value pairs that configure the Ajax request. All properties except for `url` are optional.
+     *                A default can be set for any option with \`{@link ajaxSetup $.ajaxSetup()}\`. See \`{@link https://api.jquery.com/jquery.ajax/#jQuery-ajax-settings jQuery.ajax( settings )}\`
+     *                for a complete list of all settings. Type will automatically be set to `POST`.
+     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
+     * @since 1.0
+     * @since 1.12
+     * @since 2.2
+     * @example ​ ````Request the test.php page, but ignore the return results.
+```javascript
+$.post( "test.php" );
+```
+     */
+    post(url_settings?: string | JQuery.UrlAjaxSettings): JQuery.jqXHR;
+
+    // region proxy
+    // #region proxy
+
+    // region (funсtion, null | undefined)
+    // #region (funсtion, null | undefined)
+
+    // region 0 to 7 additional arguments
+    // #region 0 to 7 additional arguments
+
+    // region 0 parameters
+    // #region 0 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C, d: D, e: E, f: F): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E>(funсtion: (a: A, b: B, c: C, d: D, e: E) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C, d: D, e: E): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D>(funсtion: (a: A, b: B, c: C, d: D) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C, d: D): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C>(funсtion: (a: A, b: B, c: C) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B>(funсtion: (a: A, b: B) => TReturn,
+              context: null | undefined,
+              a: A, b: B): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A>(funсtion: (a: A) => TReturn,
+           context: null | undefined,
+           a: A): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn>(funсtion: () => TReturn,
+                   context: null | undefined): () => TReturn;
+
+    // #endregion
+
+    // region 1 parameters
+    // #region 1 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B, c: C, d: D, e: E, f: F): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B, c: C, d: D, e: E): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T>(funсtion: (a: A, b: B, c: C, d: D,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B, c: C, d: D): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T>(funсtion: (a: A, b: B, c: C,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B, c: C): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T>(funсtion: (a: A, b: B,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A, b: B): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T>(funсtion: (a: A,
+                      t: T) => TReturn,
+           context: null | undefined,
+           a: A): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T>(funсtion: (t: T) => TReturn,
+           context: null | undefined): (t: T) => TReturn;
+
+    // #endregion
+
+    // region 2 parameters
+    // #region 2 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B, c: C, d: D, e: E): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U>(funсtion: (a: A, b: B, c: C, d: D,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B, c: C, d: D): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U>(funсtion: (a: A, b: B, c: C,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B, c: C): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U>(funсtion: (a: A, b: B,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A, b: B): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U>(funсtion: (a: A,
+                         t: T, u: U) => TReturn,
+              context: null | undefined,
+              a: A): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U>(funсtion: (t: T, u: U) => TReturn,
+              context: null | undefined): (t: T, u: U) => TReturn;
+
+    // #endregion
+
+    // region 3 parameters
+    // #region 3 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U, V>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U, V>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U, V>(funсtion: (a: A, b: B, c: C, d: D,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C, d: D): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U, V>(funсtion: (a: A, b: B, c: C,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B, c: C): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U, V>(funсtion: (a: A, b: B,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A, b: B): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U, V>(funсtion: (a: A,
+                            t: T, u: U, v: V) => TReturn,
+                 context: null | undefined,
+                 a: A): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U, V>(funсtion: (t: T, u: U, v: V) => TReturn,
+                 context: null | undefined): (t: T, u: U, v: V) => TReturn;
+
+    // #endregion
+
+    // region 4 parameters
+    // #region 4 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U, V, W>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U, V, W>(funсtion: (a: A, b: B, c: C, d: D,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U, V, W>(funсtion: (a: A, b: B, c: C,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B, c: C): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U, V, W>(funсtion: (a: A, b: B,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A, b: B): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U, V, W>(funсtion: (a: A,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined,
+                    a: A): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U, V, W>(funсtion: (t: T, u: U, v: V, w: W) => TReturn,
+                    context: null | undefined): (t: T, u: U, v: V, w: W) => TReturn;
+
+    // #endregion
+
+    // region 5 parameters
+    // #region 5 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U, V, W, X>(funсtion: (a: A, b: B, c: C, d: D,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U, V, W, X>(funсtion: (a: A, b: B, c: C,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U, V, W, X>(funсtion: (a: A, b: B,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A, b: B): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U, V, W, X>(funсtion: (a: A,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined,
+                       a: A): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U, V, W, X>(funсtion: (t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: null | undefined): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+
+    // #endregion
+
+    // region 6 parameters
+    // #region 6 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B, c: C, d: D,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B, c: C,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U, V, W, X, Y>(funсtion: (a: A, b: B,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U, V, W, X, Y>(funсtion: (a: A,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined,
+                          a: A): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U, V, W, X, Y>(funсtion: (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: null | undefined): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+
+    // #endregion
+
+    // region 7+ parameters
+    // #region 7+ parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B, c: C, d: D, e: E, f: F,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B, c: C, d: D, e: E,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C, D,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B, c: C, d: D,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B, C,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B, c: C,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A, B,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A, b: B,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        A,
+        T, U, V, W, X, Y, Z>(funсtion: (a: A,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined,
+                             a: A): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn,
+        T, U, V, W, X, Y, Z>(funсtion: (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: null | undefined): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+
+    // #endregion
+
+    // #endregion
+
+    // region 8+ additional arguments
+    // #region 8+ additional arguments
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param additionalArguments Any number of arguments to be passed to the function referenced in the function argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.9
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     */
+    proxy<TReturn>(funсtion: (...args: any[]) => TReturn,
+                   context: null | undefined,
+                   ...additionalArguments: any[]): (...args: any[]) => TReturn;
+
+    // #endregion
+
+    // #endregion
+
+    // region (funсtion, context)
+    // #region (funсtion, context)
+
+    // region 0 to 7 additional arguments
+    // #region 0 to 7 additional arguments
+
+    // region 0 parameters
+    // #region 0 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C, d: D, e: E, f: F): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C, d: D, e: E): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D>(funсtion: (this: TContext, a: A, b: B, c: C, d: D) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C, d: D): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C>(funсtion: (this: TContext, a: A, b: B, c: C) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B>(funсtion: (this: TContext, a: A, b: B) => TReturn,
+              context: TContext,
+              a: A, b: B): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4`
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A>(funсtion: (this: TContext, a: A) => TReturn,
+           context: TContext,
+           a: A): () => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn>(funсtion: (this: TContext) => TReturn,
+                 context: TContext): () => TReturn;
+
+    // #endregion
+
+    // region 1 parameters
+    // #region 1 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B, c: C, d: D, e: E, f: F): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B, c: C, d: D, e: E): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B, c: C, d: D): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T>(funсtion: (this: TContext, a: A, b: B, c: C,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B, c: C): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T>(funсtion: (this: TContext, a: A, b: B,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A, b: B): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T>(funсtion: (this: TContext, a: A,
+                      t: T) => TReturn,
+           context: TContext,
+           a: A): (t: T) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T>(funсtion: (this: TContext, t: T) => TReturn,
+           context: TContext): (t: T) => TReturn;
+
+    // #endregion
+
+    // region 2 parameters
+    // #region 2 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B, c: C, d: D, e: E): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B, c: C, d: D): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U>(funсtion: (this: TContext, a: A, b: B, c: C,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B, c: C): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U>(funсtion: (this: TContext, a: A, b: B,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A, b: B): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U>(funсtion: (this: TContext, a: A,
+                         t: T, u: U) => TReturn,
+              context: TContext,
+              a: A): (t: T, u: U) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U>(funсtion: (this: TContext, t: T, u: U) => TReturn,
+              context: TContext): (t: T, u: U) => TReturn;
+
+    // #endregion
+
+    // region 3 parameters
+    // #region 3 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C, d: D): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B, c: C,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B, c: C): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U, V>(funсtion: (this: TContext, a: A, b: B,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A, b: B): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U, V>(funсtion: (this: TContext, a: A,
+                            t: T, u: U, v: V) => TReturn,
+                 context: TContext,
+                 a: A): (t: T, u: U, v: V) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U, V>(funсtion: (this: TContext, t: T, u: U, v: V) => TReturn,
+                 context: TContext): (t: T, u: U, v: V) => TReturn;
+
+    // #endregion
+
+    // region 4 parameters
+    // #region 4 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B, c: C,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B, c: C): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U, V, W>(funсtion: (this: TContext, a: A, b: B,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A, b: B): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U, V, W>(funсtion: (this: TContext, a: A,
+                               t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext,
+                    a: A): (t: T, u: U, v: V, w: W) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U, V, W>(funсtion: (this: TContext, t: T, u: U, v: V, w: W) => TReturn,
+                    context: TContext): (t: T, u: U, v: V, w: W) => TReturn;
+
+    // #endregion
+
+    // region 5 parameters
+    // #region 5 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B, c: C,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A, b: B,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A, b: B): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U, V, W, X>(funсtion: (this: TContext, a: A,
+                                  t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext,
+                       a: A): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U, V, W, X>(funсtion: (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn,
+                       context: TContext): (t: T, u: U, v: V, w: W, x: X) => TReturn;
+
+    // #endregion
+
+    // region 6 parameters
+    // #region 6 parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B, c: C,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A, b: B,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, a: A,
+                                     t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext,
+                          a: A): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U, V, W, X, Y>(funсtion: (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
+                          context: TContext): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
+
+    // #endregion
+
+    // region 7+ parameters
+    // #region 7+ parameters
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @param g An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F, G,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F, g: G,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @param f An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E, F,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E, f: F,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @param e An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D, E,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B, c: C, d: D, e: E,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @param d An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C, D,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B, c: C, d: D,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @param c An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B, C,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B, c: C,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @param b An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A, B,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A, b: B,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param a An argument to be passed to the function referenced in the `function` argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        A,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, a: A,
+                                        t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext,
+                             a: A): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn,
+        T, U, V, W, X, Y, Z>(funсtion: (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
+                             context: TContext): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
+
+    // #endregion
+
+    // #endregion
+
+    // region 8+ additional arguments
+    // #region 8+ additional arguments
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param funсtion The function whose context will be changed.
+     * @param context The object to which the context (`this`) of the function should be set.
+     * @param additionalArguments Any number of arguments to be passed to the function referenced in the function argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Change the context of functions bound to a click handler using the &quot;function, context&quot; signature. Unbind the first handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  type: "zombie",
+  test: function( event ) {
+    // Without proxy, `this` would refer to the event target
+    // use event.target to reference that element.
+    var element = event.target;
+    $( element ).css( "background-color", "red" );
+​
+    // With proxy, `this` refers to the me object encapsulating
+    // this function.
+    $( "#log" ).append( "Hello " + this.type + "<br>" );
+    $( "#test" ).off( "click", this.test );
+  }
+};
+​
+var you = {
+  type: "person",
+  test: function( event ) {
+    $( "#log" ).append( this.type + " " );
+  }
+};
+​
+// Execute you.test() in the context of the `you` object
+// no matter where it is called
+// i.e. the `this` keyword will refer to `you`
+var youClick = $.proxy( you.test, you );
+​
+// attach click handlers to #test
+$( "#test" )
+  // this === "zombie"; handler unbound after first click
+  .on( "click", $.proxy( me.test, me ) )
+​
+  // this === "person"
+  .on( "click", youClick )
+​
+  // this === "zombie"
+  .on( "click", $.proxy( you.test, me ) )
+​
+  // this === "<button> element"
+  .on( "click", you.test );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Change the context of a function bound to the click handler,
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><button type="button" id="test">Test</button></p>
+<div id="log"></div>
+​
+<script>
+var me = {
+  // I'm a dog
+  type: "dog",
+​
+  // Note that event comes *after* one and two
+  test: function( one, two, event ) {
+    $( "#log" )
+​
+      // `one` maps to `you`, the 1st additional
+      // argument in the $.proxy function call
+      .append( "<h3>Hello " + one.type + ":</h3>" )
+​
+      // The `this` keyword refers to `me`
+      // (the 2nd, context, argument of $.proxy)
+      .append( "I am a " + this.type + ", " )
+​
+      // `two` maps to `they`, the 2nd additional
+      // argument in the $.proxy function call
+      .append( "and they are " + two.type + ".<br>" )
+​
+      // The event type is "click"
+      .append( "Thanks for " + event.type + "ing." )
+​
+      // The clicked element is `event.target`,
+      // and its type is "button"
+      .append( "the " + event.target.type + "." );
+  }
+};
+​
+var you = { type: "cat" };
+var they = { type: "fish" };
+​
+// Set up handler to execute me.test() in the context
+// of `me`, with `you` and `they` as additional arguments
+var proxy = $.proxy( me.test, me, you, they );
+​
+$( "#test" )
+  .on( "click", proxy );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext,
+        TReturn>(funсtion: (this: TContext, ...args: any[]) => TReturn,
+                 context: TContext,
+                 ...additionalArguments: any[]): (...args: any[]) => TReturn;
+
+    // #endregion
+
+    // #endregion
+
+    // region (context, name)
+    // #region (context, name)
+
+    /**
+     * Takes a function and returns a new one that will always have a particular context.
+     * @param context The object to which the context of the function should be set.
+     * @param name The name of the function whose context will be changed (should be a property of the context object).
+     * @param additionalArguments Any number of arguments to be passed to the function named in the name argument.
+     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
+     * @since 1.4
+     * @since 1.6
+     * @deprecated ​ Deprecated since 3.3. Use \`{@link Function#bind }\`.
+     * @example ​ ````Enforce the context of the function using the &quot;context, function name&quot; signature. Unbind the handler after first click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.proxy demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+  <p><button id="test">Test</button></p>
+  <p id="log"></p>
+​
+<script>
+var obj = {
+  name: "John",
+  test: function() {
+    $( "#log" ).append( this.name );
+    $( "#test" ).off( "click", obj.test );
+  }
+};
+$( "#test" ).on( "click", jQuery.proxy( obj, "test" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    proxy<TContext>(context: TContext,
+                    name: keyof TContext,
+                    ...additionalArguments: any[]): (...args: any[]) => any;
+
+    // #endregion
+
+    // #endregion
+
+    /**
+     * Manipulate the queue of functions to be executed on the matched element.
+     * @param element A DOM element where the array of queued functions is attached.
+     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
+     * @param newQueue The new function to add to the queue.
+     *                 An array of functions to replace the current queue contents.
+     * @see \`{@link https://api.jquery.com/jQuery.queue/ }\`
+     * @since 1.3
+     * @example ​ ````Show the length of the queue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="show">Show Length of Queue</button>
+<span></span>
+<div></div>
+  ​
+<script>
+$( "#show" ).click(function() {
+  var n = jQuery.queue( $( "div" )[ 0 ], "fx" );
+  $( "span" ).text( "Queue length is: " + n.length );
+});
+​
+function runIt() {
+  $( "div" )
+    .show( "slow" )
+    .animate({
+      left: "+=200"
+    }, 2000 )
+    .slideToggle( 1000 )
+    .slideToggle( "fast" )
+    .animate({
+      left: "-=200"
+    }, 1500 )
+    .hide( "slow" )
+    .show( 1200 )
+    .slideUp( "normal", runIt );
+}
+​
+runIt();
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Queue a custom function.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Click here...
+<div></div>
+​
+<script>
+$( document.body ).click(function() {
+  var divs = $( "div" )
+    .show( "slow" )
+    .animate({ left: "+=200" }, 2000 );
+  jQuery.queue( divs[ 0 ], "fx", function() {
+    $( this ).addClass( "newcolor" );
+    jQuery.dequeue( this );
+  });
+  divs.animate({ left: "-=200" }, 500 );
+  jQuery.queue( divs[ 0 ], "fx", function() {
+    $( this ).removeClass( "newcolor" );
+    jQuery.dequeue( this );
+  });
+  divs.slideUp();
+});
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Set a queue array to delete the queue.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.queue demo</title>
+  <style>
+  div {
+    margin: 3px;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    left: 0px;
+    top: 30px;
+    background: green;
+    display: none;
+  }
+  div.newcolor {
+    background: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button id="start">Start</button>
+<button id="stop">Stop</button>
+<div></div>
+​
+<script>
+$( "#start" ).click(function() {
+  var divs = $( "div" )
+    .show( "slow" )
+    .animate({ left: "+=200" }, 5000 );
+  jQuery.queue( divs[ 0 ], "fx", function() {
+    $( this ).addClass( "newcolor" );
+    jQuery.dequeue( this );
+  });
+  divs.animate({ left: "-=200" }, 1500 );
+  jQuery.queue( divs[ 0 ], "fx", function() {
+    $( this ).removeClass( "newcolor" );
+    jQuery.dequeue( this );
+  });
+  divs.slideUp();
+});
+$( "#stop" ).click(function() {
+  jQuery.queue( $( "div" )[ 0 ], "fx", [] );
+  $( "div" ).stop();
+});
+</script>
+​
+</body>
+</html>
+```
+     */
+    queue<T extends Element>(element: T, queueName?: string, newQueue?: JQuery.TypeOrArray<JQuery.QueueFunction<T>>): JQuery.Queue<T>;
+    /**
+     * Handles errors thrown synchronously in functions wrapped in jQuery().
+     * @param error An error thrown in the function wrapped in jQuery().
+     * @see \`{@link https://api.jquery.com/jQuery.readyException/ }\`
+     * @since 3.1
+     * @example ​ ````Pass the received error to console.error.
+```javascript
+jQuery.readyException = function( error ) {
+  console.error( error );
+};
+```
+     */
+    readyException(error: Error): any;
+    /**
+     * Remove a previously-stored piece of data.
+     * @param element A DOM element from which to remove data.
+     * @param name A string naming the piece of data to remove.
+     * @see \`{@link https://api.jquery.com/jQuery.removeData/ }\`
+     * @since 1.2.3
+     * @example ​ ````Set a data store for 2 names then remove one of them.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.removeData demo</title>
+  <style>
+  div {
+    margin: 2px;
+    color: blue;
+  }
+  span {
+    color: red;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>value1 before creation: <span></span></div>
+<div>value1 after creation: <span></span></div>
+<div>value1 after removal: <span></span></div>
+<div>value2 after removal: <span></span></div>
+​
+<script>
+var div = $( "div" )[ 0 ];
+$( "span:eq(0)" ).text( "" + $( "div" ).data( "test1" ) );
+jQuery.data( div, "test1", "VALUE-1" );
+jQuery.data( div, "test2", "VALUE-2" );
+$( "span:eq(1)" ).text( "" + jQuery.data( div, "test1" ) );
+jQuery.removeData( div, "test1" );
+$( "span:eq(2)" ).text( "" + jQuery.data( div, "test1" ) );
+$( "span:eq(3)" ).text( "" + jQuery.data( div, "test2" ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    removeData(element: Element | Document | Window | JQuery.PlainObject, name?: string): void;
+    /**
+     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing A string indicating which easing function to use for the transition.
+     * @param complete A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
+     * @since 1.1
+     */
+    speed<TElement extends Element = HTMLElement>(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): JQuery.EffectsOptions<TElement>;
+    /**
+     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
+     * @param duration A string or number determining how long the animation will run.
+     * @param easing_complete _&#x40;param_ `easing_complete`
+     * <br>
+     * * `easing` — A string indicating which easing function to use for the transition. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element.
+     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
+     * @since 1.0
+     * @since 1.1
+     */
+    speed<TElement extends Element = HTMLElement>(duration: JQuery.Duration,
+                                                  easing_complete: string | ((this: TElement) => void)): JQuery.EffectsOptions<TElement>;
+    /**
+     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
+     * @param duration_complete_settings _&#x40;param_ `duration_complete_settings`
+     * <br>
+     * * `duration` — A string or number determining how long the animation will run. <br>
+     * * `complete` — A function to call once the animation is complete, called once per matched element. <br>
+     * * `settings` —
+     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
+     * @since 1.0
+     * @since 1.1
+     */
+    speed<TElement extends Element = HTMLElement>(duration_complete_settings?: JQuery.Duration | ((this: TElement) => void) | JQuery.SpeedSettings<TElement>): JQuery.EffectsOptions<TElement>;
+    /**
+     * Remove the whitespace from the beginning and end of a string.
+     * @param str The string to trim.
+     * @see \`{@link https://api.jquery.com/jQuery.trim/ }\`
+     * @since 1.0
+     * @example ​ ````Remove the white spaces at the start and at the end of the string.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.trim demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<pre id="original"></pre>
+<pre id="trimmed"></pre>
+​
+<script>
+var str = "         lots of spaces before and after         ";
+$( "#original" ).html( "Original String: '" + str + "'" );
+$( "#trimmed" ).html( "$.trim()'ed: '" + $.trim(str) + "'" );
+</script>
+​
+</body>
+</html>
+```
+     * @example ​ ````Remove the white spaces at the start and at the end of the string.
+```javascript
+$.trim("    hello, how are you?    ");
+```
+     * @example ​ ````Remove the white spaces at the start and at the end of the string.
+```javascript
+$.trim("    hello, how are you?    ");
+```
+     */
+    trim(str: string): string;
+    /**
+     * Determine the internal JavaScript [[Class]] of an object.
+     * @param obj Object to get the internal JavaScript [[Class]] of.
+     * @see \`{@link https://api.jquery.com/jQuery.type/ }\`
+     * @since 1.4.3
+     * @deprecated ​ Deprecated since 3.3. See \`{@link https://github.com/jquery/jquery/issues/3605 }\`.
+     * @example ​ ````Find out if the parameter is a RegExp.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.type demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+Is it a RegExp? <b></b>
+​
+<script>
+$( "b" ).append( "" + jQuery.type( /test/ ) );
+</script>
+​
+</body>
+</html>
+```
+     */
+    type(obj: any): 'array' | 'boolean' | 'date' | 'error' | 'function' | 'null' | 'number' | 'object' | 'regexp' | 'string' | 'symbol' | 'undefined';
+    /**
+     * Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.
+     * @param array The Array of DOM elements.
+     * @see \`{@link https://api.jquery.com/jQuery.unique/ }\`
+     * @since 1.1.3
+     * @deprecated ​ Deprecated since 3.0. Use \`{@link uniqueSort }\`.
+     *
+     * **Cause**: The fact that `jQuery.unique` sorted its results in DOM order was surprising to many who did not read the documentation carefully. As of jQuery 3.0 this function is being renamed to make it clear.
+     *
+     * **Solution**: Replace all uses of `jQuery.unique` with `jQuery.uniqueSort` which is the same function with a better name.
+     * @example ​ ````Removes any duplicate elements from the array of divs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.unique demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>There are 6 divs in this document.</div>
+<div></div>
+<div class="dup"></div>
+<div class="dup"></div>
+<div class="dup"></div>
+<div></div>
+​
+<script>
+// unique() must take a native array
+var divs = $( "div" ).get();
+​
+// Add 3 elements of class dup too (they are divs)
+divs = divs.concat( $( ".dup" ).get() );
+$( "div:eq(1)" ).text( "Pre-unique there are " + divs.length + " elements." );
+​
+divs = jQuery.unique( divs );
+$( "div:eq(2)" ).text( "Post-unique there are " + divs.length + " elements." )
+  .css( "color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    unique<T extends Element>(array: T[]): T[];
+    /**
+     * Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.
+     * @param array The Array of DOM elements.
+     * @see \`{@link https://api.jquery.com/jQuery.uniqueSort/ }\`
+     * @since 1.12
+     * @since 2.2
+     * @example ​ ````Removes any duplicate elements from the array of divs.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.uniqueSort demo</title>
+  <style>
+  div {
+    color: blue;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>There are 6 divs in this document.</div>
+<div></div>
+<div class="dup"></div>
+<div class="dup"></div>
+<div class="dup"></div>
+<div></div>
+​
+<script>
+// unique() must take a native array
+var divs = $( "div" ).get();
+​
+// Add 3 elements of class dup too (they are divs)
+divs = divs.concat( $( ".dup" ).get() );
+$( "div:eq(1)" ).text( "Pre-unique there are " + divs.length + " elements." );
+​
+divs = jQuery.uniqueSort( divs );
+$( "div:eq(2)" ).text( "Post-unique there are " + divs.length + " elements." )
+  .css( "color", "red" );
+</script>
+​
+</body>
+</html>
+```
+     */
+    uniqueSort<T extends Element>(array: T[]): T[];
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when<TR1, UR1, VR1,
+        TJ1 = any, UJ1 = any, VJ1 = any>(
+            deferredT: JQuery.Promise<TR1, TJ1> | JQuery.Thenable<TR1> | TR1,
+            deferredU: JQuery.Promise<UR1, UJ1> | JQuery.Thenable<UR1> | UR1,
+            deferredV: JQuery.Promise<VR1, VJ1> | JQuery.Thenable<VR1> | VR1,
+    ): JQuery.Promise3<
+        TR1, TJ1, never,
+        UR1, UJ1, never,
+        VR1, VJ1, never>;
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when<TR1, UR1,
+        TJ1 = any, UJ1 = any>(
+            deferredT: JQuery.Promise<TR1, TJ1> | JQuery.Thenable<TR1> | TR1,
+            deferredU: JQuery.Promise<UR1, UJ1> | JQuery.Thenable<UR1> | UR1,
+    ): JQuery.Promise2<
+        TR1, TJ1, never,
+        UR1, UJ1, never>;
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when<TR1, TJ1,
+        TR2, TJ2,
+        TR3 = never, TJ3 = never>(
+            deferredT: JQuery.Promise3<TR1, TJ1, any, TR2, TJ2, any, TR3, TJ3, any> |
+                       JQuery.Promise2<TR1, TJ1, any, TR2, TJ2, any>
+    ): JQuery.Promise3<
+        TR1, TJ1, never,
+        TR2, TJ2, never,
+        TR3, TJ3, never>;
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when<TR1, TJ1 = any>(deferred: JQuery.Promise<TR1, TJ1> | JQuery.Thenable<TR1> | TR1): JQuery.Promise<TR1, TJ1, never>;
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @param deferreds Zero or more Thenable objects.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when<TR1 = never, TJ1 = never>(...deferreds: Array<JQuery.Promise<TR1, TJ1> | JQuery.Thenable<TR1> | TR1>): JQuery.Promise<TR1, TJ1, never>;
+    /**
+     * Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events.
+     * @param deferreds Zero or more Thenable objects.
+     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
+     * @since 1.5
+     * @example ​ ````Execute a function after two Ajax requests are successful. (See the jQuery.ajax() documentation for a complete description of success and error cases for an ajax request).
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
+  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
+  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
+  var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"
+  if ( /Whip It/.test( data ) ) {
+    alert( "We got what we came for!" );
+  }
+});
+```
+     * @example ​ ````Execute the function myFunc when both ajax requests are successful, or myFailure if either one has an error.
+```javascript
+$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
+  .then( myFunc, myFailure );
+```
+     */
+    when(...deferreds: any[]): JQuery.Promise<any, any, never>;
+}
diff --git a/types/jquery/dist/jquery.slim.d.ts b/types/jquery/dist/jquery.slim.d.ts
new file mode 100644
index 0000000000..bdd21a7523
--- /dev/null
+++ b/types/jquery/dist/jquery.slim.d.ts
@@ -0,0 +1,3 @@
+/// <reference types="jquery" />
+
+export = jQuery;
diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index 45eae24d5d..2d4171320b 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -25,8424 +25,10 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-declare module 'jquery' {
-    export = jQuery;
-}
+/// <reference types="sizzle" />
+/// <reference path="JQueryStatic.d.ts" />
+/// <reference path="JQuery.d.ts" />
+/// <reference path="misc.d.ts" />
+/// <reference path="legacy.d.ts" />
 
-declare module 'jquery/dist/jquery.slim' {
-    export = jQuery;
-}
-
-declare const jQuery: JQueryStatic;
-declare const $: JQueryStatic;
-
-// Used by JQuery.Event
-type _Event = Event;
-
-interface JQueryStatic {
-    /**
-     * @see \`{@link http://api.jquery.com/jquery.ajax/#jQuery-ajax1 }\`
-     *
-     * @deprecated Use \`{@link JQueryStatic.ajaxSetup }\`.
-     */
-    ajaxSettings: JQuery.AjaxSettings;
-    /**
-     * A factory function that returns a chainable utility object with methods to register multiple
-     * callbacks into callback queues, invoke callback queues, and relay the success or failure state of
-     * any synchronous or asynchronous function.
-     *
-     * @param beforeStart A function that is called just before the constructor returns.
-     * @see \`{@link https://api.jquery.com/jQuery.Deferred/ }\`
-     * @since 1.5
-     */
-    Deferred: JQuery.DeferredStatic;
-    Event: JQuery.EventStatic;
-    /**
-     * Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize
-     * CSS property naming, or create custom properties.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.cssHooks/ }\`
-     * @since 1.4.3
-     */
-    // Set to HTMLElement to minimize breaks but should probably be Element.
-    cssHooks: JQuery.PlainObject<JQuery.CSSHook<HTMLElement>>;
-    /**
-     * An object containing all CSS properties that may be used without a unit. The .css() method uses this
-     * object to see if it may append px to unitless values.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.cssNumber/ }\`
-     * @since 1.4.3
-     */
-    cssNumber: JQuery.PlainObject<boolean>;
-    // Set to HTMLElement to minimize breaks but should probably be Element.
-    readonly fn: JQuery;
-    fx: {
-        /**
-         * The rate (in milliseconds) at which animations fire.
-         *
-         * @see \`{@link https://api.jquery.com/jQuery.fx.interval/ }\`
-         * @since 1.4.3
-         *
-         * @deprecated Deprecated since 3.0. See \`{@link https://api.jquery.com/jQuery.fx.interval/ }\`.
-         */
-        interval: number;
-        /**
-         * Globally disable all animations.
-         *
-         * @see \`{@link https://api.jquery.com/jQuery.fx.off/ }\`
-         * @since 1.3
-         */
-        off: boolean;
-        step: JQuery.PlainObject<JQuery.AnimationHook<Node>>;
-    };
-    /**
-     * A Promise-like object (or "thenable") that resolves when the document is ready.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.ready/ }\`
-     * @since 1.8
-     */
-    ready: JQuery.Thenable<JQueryStatic>;
-    /**
-     * A collection of properties that represent the presence of different browser features or bugs.
-     * Intended for jQuery's internal use; specific properties may be removed when they are no longer
-     * needed internally to improve page startup performance. For your own project's feature-detection
-     * needs, we strongly recommend the use of an external library such as Modernizr instead of dependency
-     * on properties in jQuery.support.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.support/ }\`
-     * @since 1.3
-     *
-     * @deprecated Deprecated since 1.9. See \`{@link https://api.jquery.com/jQuery.support/ }\`.
-     */
-    support: JQuery.PlainObject;
-    // Set to HTMLElement to minimize breaks but should probably be Element.
-    valHooks: JQuery.PlainObject<JQuery.ValHook<HTMLElement>>;
-    // HACK: This is the factory function returned when importing jQuery without a DOM. Declaring it separately breaks using the type parameter on JQueryStatic.
-    // HACK: The discriminator parameter handles the edge case of passing a Window object to JQueryStatic. It doesn't actually exist on the factory function.
-    (window: Window, discriminator: boolean): JQueryStatic;
-    /**
-     * Creates DOM elements on the fly from the provided string of raw HTML.
-     *
-     * @param html A string of HTML to create on the fly. Note that this parses HTML, not XML.
-     *             A string defining a single, standalone, HTML element (e.g. <div/> or <div></div>).
-     * @param ownerDocument_attributes A document in which the new elements will be created.
-     *                                 An object of attributes, events, and methods to call on the newly-created element.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    // tslint:disable-next-line:no-unnecessary-generics
-    <TElement extends HTMLElement = HTMLElement>(html: JQuery.htmlString, ownerDocument_attributes?: Document | JQuery.PlainObject): JQuery<TElement>;
-    /**
-     * Accepts a string containing a CSS selector which is then used to match a set of elements.
-     *
-     * @param selector A string containing a selector expression
-     * @param context A DOM Element, Document, or jQuery to use as context
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    // tslint:disable-next-line:no-unnecessary-generics
-    <TElement extends Element = HTMLElement>(selector: JQuery.Selector, context?: Element | Document | JQuery): JQuery<TElement>;
-    /**
-     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created
-     * by passing an HTML string.
-     *
-     * @param element A DOM element to wrap in a jQuery object.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    // Using a unified signature is not possible due to a TypeScript 2.4 bug (DefinitelyTyped#27810)
-    // tslint:disable-next-line:unified-signatures
-    <T extends Element>(element: T): JQuery<T>;
-    /**
-     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created
-     * by passing an HTML string.
-     *
-     * @param elementArray An array containing a set of DOM elements to wrap in a jQuery object.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    // Using a unified signature is not possible due to a TypeScript 2.4 bug (DefinitelyTyped#27810)
-    // tslint:disable-next-line:unified-signatures
-    <T extends Element>(elementArray: T[]): JQuery<T>;
-    /**
-     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created
-     * by passing an HTML string.
-     *
-     * @param selection An existing jQuery object to clone.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    <T>(selection: JQuery<T>): JQuery<T>;
-    /**
-     * Binds a function to be executed when the DOM has finished loading.
-     *
-     * @param callback The function to execute when the DOM is ready.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    // tslint:disable-next-line:no-unnecessary-generics unified-signatures
-    <TElement = HTMLElement>(callback: ((this: Document, $: JQueryStatic) => void)): JQuery<TElement>;
-    /**
-     * Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.
-     *
-     * @param object A plain object to wrap in a jQuery object.
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.0
-     */
-    <T extends JQuery.PlainObject>(object: T): JQuery<T>;
-    /**
-     * Returns an empty jQuery set.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery/ }\`
-     * @since 1.4
-     */
-    // tslint:disable-next-line:no-unnecessary-generics
-    <TElement = HTMLElement>(): JQuery<TElement>;
-    /**
-     * A multi-purpose callbacks list object that provides a powerful way to manage callback lists.
-     *
-     * @param flags An optional list of space-separated flags that change how the callback list behaves.
-     * @see \`{@link https://api.jquery.com/jQuery.Callbacks/ }\`
-     * @since 1.7
-     */
-    // tslint:disable-next-line:ban-types no-unnecessary-generics
-    Callbacks<T extends Function>(flags?: string): JQuery.Callbacks<T>;
-    /**
-     * Perform an asynchronous HTTP (Ajax) request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can
-     *                 be set for any option with $.ajaxSetup(). See jQuery.ajax( settings ) below for a complete list of all settings.
-     * @see \`{@link https://api.jquery.com/jQuery.ajax/ }\`
-     * @since 1.5
-     */
-    ajax(url: string, settings?: JQuery.AjaxSettings): JQuery.jqXHR;
-    /**
-     * Perform an asynchronous HTTP (Ajax) request.
-     *
-     * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can
-     *                 be set for any option with $.ajaxSetup().
-     * @see \`{@link https://api.jquery.com/jQuery.ajax/ }\`
-     * @since 1.0
-     */
-    ajax(settings?: JQuery.AjaxSettings): JQuery.jqXHR;
-    /**
-     * Handle custom Ajax options or modify existing options before each request is sent and before they
-     * are processed by $.ajax().
-     *
-     * @param dataTypes An optional string containing one or more space-separated dataTypes
-     * @param handler A handler to set default values for future Ajax requests.
-     * @see \`{@link https://api.jquery.com/jQuery.ajaxPrefilter/ }\`
-     * @since 1.5
-     */
-    ajaxPrefilter(dataTypes: string,
-                  handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => string | void): void;
-    /**
-     * Handle custom Ajax options or modify existing options before each request is sent and before they
-     * are processed by $.ajax().
-     *
-     * @param handler A handler to set default values for future Ajax requests.
-     * @see \`{@link https://api.jquery.com/jQuery.ajaxPrefilter/ }\`
-     * @since 1.5
-     */
-    ajaxPrefilter(handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => string | void): void;
-    /**
-     * Set default values for future Ajax requests. Its use is not recommended.
-     *
-     * @param options A set of key/value pairs that configure the default Ajax request. All options are optional.
-     * @see \`{@link https://api.jquery.com/jQuery.ajaxSetup/ }\`
-     * @since 1.1
-     */
-    ajaxSetup(options: JQuery.AjaxSettings): JQuery.AjaxSettings;
-    /**
-     * Creates an object that handles the actual transmission of Ajax data.
-     *
-     * @param dataType A string identifying the data type to use
-     * @param handler A handler to return the new transport object to use with the data type provided in the first argument.
-     * @see \`{@link https://api.jquery.com/jQuery.ajaxTransport/ }\`
-     * @since 1.5
-     */
-    ajaxTransport(dataType: string,
-                  handler: (options: JQuery.AjaxSettings, originalOptions: JQuery.AjaxSettings, jqXHR: JQuery.jqXHR) => JQuery.Transport | void): void;
-    /**
-     * @deprecated Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/3384 }\`.
-     */
-    camelCase(value: string): string;
-    /**
-     * Check to see if a DOM element is a descendant of another DOM element.
-     *
-     * @param container The DOM element that may contain the other element.
-     * @param contained The DOM element that may be contained by (a descendant of) the other element.
-     * @see \`{@link https://api.jquery.com/jQuery.contains/ }\`
-     * @since 1.4
-     */
-    contains(container: Element, contained: Element): boolean;
-    css(elem: Element, unknown: any): any;
-    /**
-     * Returns value at named data store for the element, as set by jQuery.data(element, name, value), or
-     * the full data store for the element.
-     *
-     * @param element The DOM element to query for the data.
-     * @param key Name of the data stored.
-     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
-     * @since 1.2.3
-     */
-    data(element: Element, key: string, undefined: undefined): any; // tslint:disable-line:unified-signatures
-    /**
-     * Store arbitrary data associated with the specified element. Returns the value that was set.
-     *
-     * @param element The DOM element to associate with the data.
-     * @param key A string naming the piece of data to set.
-     * @param value The new data value; this can be any Javascript type except undefined.
-     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
-     * @since 1.2.3
-     */
-    data<T>(element: Element, key: string, value: T): T;
-    /**
-     * Returns value at named data store for the element, as set by jQuery.data(element, name, value), or
-     * the full data store for the element.
-     *
-     * @param element The DOM element to query for the data.
-     * @param key Name of the data stored.
-     * @see \`{@link https://api.jquery.com/jQuery.data/ }\`
-     * @since 1.2.3
-     * @since 1.4
-     */
-    data(element: Element, key?: string): any;
-    /**
-     * Execute the next function on the queue for the matched element.
-     *
-     * @param element A DOM element from which to remove and execute a queued function.
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @see \`{@link https://api.jquery.com/jQuery.dequeue/ }\`
-     * @since 1.3
-     */
-    dequeue(element: Element, queueName?: string): void;
-    /**
-     * A generic iterator function, which can be used to seamlessly iterate over both objects and arrays.
-     * Arrays and array-like objects with a length property (such as a function's arguments object) are
-     * iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
-     *
-     * @param array The array to iterate over.
-     * @param callback The function that will be executed on every object.
-     * @see \`{@link https://api.jquery.com/jQuery.each/ }\`
-     * @since 1.0
-     */
-    each<T>(array: ArrayLike<T>, callback: (this: T, indexInArray: number, value: T) => false | any): ArrayLike<T>;
-    /**
-     * A generic iterator function, which can be used to seamlessly iterate over both objects and arrays.
-     * Arrays and array-like objects with a length property (such as a function's arguments object) are
-     * iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
-     *
-     * @param obj The object to iterate over.
-     * @param callback The function that will be executed on every object.
-     * @see \`{@link https://api.jquery.com/jQuery.each/ }\`
-     * @since 1.0
-     */
-    each<T, K extends keyof T>(obj: T, callback: (this: T[K], propertyName: K, valueOfProperty: T[K]) => false | any): T;
-    /**
-     * Takes a string and throws an exception containing it.
-     *
-     * @param message The message to send out.
-     * @see \`{@link https://api.jquery.com/jQuery.error/ }\`
-     * @since 1.4.1
-     */
-    error(message: string): any;
-    /**
-     * Escapes any character that has a special meaning in a CSS selector.
-     *
-     * @param selector A string containing a selector expression to escape.
-     * @see \`{@link https://api.jquery.com/jQuery.escapeSelector/ }\`
-     * @since 3.0
-     */
-    escapeSelector(selector: JQuery.Selector): JQuery.Selector;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U, V, W, X, Y, Z>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X, object5: Y, object6: Z): T & U & V & W & X & Y & Z;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U, V, W, X, Y>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X, object5: Y): T & U & V & W & X & Y;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U, V, W, X>(deep: true, target: T, object1: U, object2: V, object3: W, object4: X): T & U & V & W & X;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U, V, W>(deep: true, target: T, object1: U, object2: V, object3: W): T & U & V & W;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U, V>(deep: true, target: T, object1: U, object2: V): T & U & V;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend<T, U>(deep: true, target: T, object1: U): T & U;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param deep If true, the merge becomes recursive (aka. deep copy). Passing false for this argument is not supported.
-     * @param target The object to extend. It will receive the new properties.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.1.4
-     */
-    extend(deep: true, target: any, object1: any, ...objects: any[]): any;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U, V, W, X, Y, Z>(target: T, object1: U, object2: V, object3: W, object4: X, object5: Y, object6: Z): T & U & V & W & X & Y & Z;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U, V, W, X, Y>(target: T, object1: U, object2: V, object3: W, object4: X, object5: Y): T & U & V & W & X & Y;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U, V, W, X>(target: T, object1: U, object2: V, object3: W, object4: X): T & U & V & W & X;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U, V, W>(target: T, object1: U, object2: V, object3: W): T & U & V & W;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U, V>(target: T, object1: U, object2: V): T & U & V;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend<T, U>(target: T, object1: U): T & U;
-    /**
-     * Merge the contents of two or more objects together into the first object.
-     *
-     * @param target An object that will receive the new properties if additional objects are passed in or that will
-     *               extend the jQuery namespace if it is the sole argument.
-     * @see \`{@link https://api.jquery.com/jQuery.extend/ }\`
-     * @since 1.0
-     */
-    extend(target: any, object1: any, ...objects: any[]): any;
-    /**
-     * Load data from the server using a HTTP GET request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param data A plain object or string that is sent to the server with the request.
-     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                you can use null or jQuery.noop as a placeholder.
-     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
-     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
-     * @since 1.0
-     */
-    get(url: string,
-        data: JQuery.PlainObject | string,
-        success: JQuery.jqXHR.DoneCallback | null,
-        dataType?: string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP GET request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                you can use null or jQuery.noop as a placeholder.
-     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
-     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
-     * @since 1.0
-     */
-    get(url: string,
-        success: JQuery.jqXHR.DoneCallback | null,
-        dataType: string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP GET request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success_data A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                     you can use null or jQuery.noop as a placeholder.
-     *                     A plain object or string that is sent to the server with the request.
-     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
-     * @since 1.0
-     */
-    get(url: string,
-        success_data: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP GET request.
-     *
-     * @param url_settings A string containing the URL to which the request is sent.
-     *                     A set of key/value pairs that configure the Ajax request. All properties except for url are
-     *                     optional. A default can be set for any option with $.ajaxSetup(). See jQuery.ajax( settings ) for a
-     *                     complete list of all settings. The type option will automatically be set to GET.
-     * @see \`{@link https://api.jquery.com/jQuery.get/ }\`
-     * @since 1.0
-     * @since 1.12
-     * @since 2.2
-     */
-    get(url_settings?: string | JQuery.UrlAjaxSettings): JQuery.jqXHR;
-    /**
-     * Load JSON-encoded data from the server using a GET HTTP request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param data A plain object or string that is sent to the server with the request.
-     * @param success A callback function that is executed if the request succeeds.
-     * @see \`{@link https://api.jquery.com/jQuery.getJSON/ }\`
-     * @since 1.0
-     */
-    getJSON(url: string,
-            data: JQuery.PlainObject | string,
-            success: JQuery.jqXHR.DoneCallback): JQuery.jqXHR;
-    /**
-     * Load JSON-encoded data from the server using a GET HTTP request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success_data A callback function that is executed if the request succeeds.
-     *                     A plain object or string that is sent to the server with the request.
-     * @see \`{@link https://api.jquery.com/jQuery.getJSON/ }\`
-     * @since 1.0
-     */
-    getJSON(url: string,
-            success_data?: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
-    /**
-     * Load a JavaScript file from the server using a GET HTTP request, then execute it.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success A callback function that is executed if the request succeeds.
-     * @see \`{@link https://api.jquery.com/jQuery.getScript/ }\`
-     * @since 1.0
-     */
-    getScript(url: string,
-              success?: JQuery.jqXHR.DoneCallback<string | undefined>): JQuery.jqXHR<string | undefined>;
-    /**
-     * Execute some JavaScript code globally.
-     *
-     * @param code The JavaScript code to execute.
-     * @see \`{@link https://api.jquery.com/jQuery.globalEval/ }\`
-     * @since 1.0.4
-     */
-    globalEval(code: string): void;
-    /**
-     * Finds the elements of an array which satisfy a filter function. The original array is not affected.
-     *
-     * @param array The array-like object to search through.
-     * @param fn The function to process each item against. The first argument to the function is the item, and the
-     *           second argument is the index. The function should return a Boolean value. this will be the global window object.
-     * @param invert If "invert" is false, or not provided, then the function returns an array consisting of all elements
-     *               for which "callback" returns true. If "invert" is true, then the function returns an array
-     *               consisting of all elements for which "callback" returns false.
-     * @see \`{@link https://api.jquery.com/jQuery.grep/ }\`
-     * @since 1.0
-     */
-    grep<T>(array: ArrayLike<T>,
-            fn: (elementOfArray: T, indexInArray: number) => boolean,
-            invert?: boolean): T[];
-    /**
-     * Determine whether an element has any jQuery data associated with it.
-     *
-     * @param element A DOM element to be checked for data.
-     * @see \`{@link https://api.jquery.com/jQuery.hasData/ }\`
-     * @since 1.5
-     */
-    hasData(element: Element): boolean;
-    /**
-     * Holds or releases the execution of jQuery's ready event.
-     *
-     * @param hold Indicates whether the ready hold is being requested or released
-     * @see \`{@link https://api.jquery.com/jQuery.holdReady/ }\`
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.2. See \`{@link https://github.com/jquery/jquery/issues/3288 }\`.
-     */
-    holdReady(hold: boolean): void;
-    /**
-     * Modify and filter HTML strings passed through jQuery manipulation methods.
-     *
-     * @param html The HTML string on which to operate.
-     * @see \`{@link https://api.jquery.com/jQuery.htmlPrefilter/ }\`
-     * @since 1.12/2.2
-     */
-    htmlPrefilter(html: JQuery.htmlString): JQuery.htmlString;
-    /**
-     * Search for a specified value within an array and return its index (or -1 if not found).
-     *
-     * @param value The value to search for.
-     * @param array An array through which to search.
-     * @param fromIndex The index of the array at which to begin the search. The default is 0, which will search the whole array.
-     * @see \`{@link https://api.jquery.com/jQuery.inArray/ }\`
-     * @since 1.2
-     */
-    inArray<T>(value: T, array: T[], fromIndex?: number): number;
-    /**
-     * Determine whether the argument is an array.
-     *
-     * @param obj Object to test whether or not it is an array.
-     * @see \`{@link https://api.jquery.com/jQuery.isArray/ }\`
-     * @since 1.3
-     *
-     * @deprecated Deprecated since 3.2. Use \`{@link Array.isArray }\`.
-     */
-    isArray(obj: any): obj is any[];
-    /**
-     * Check to see if an object is empty (contains no enumerable properties).
-     *
-     * @param obj The object that will be checked to see if it's empty.
-     * @see \`{@link https://api.jquery.com/jQuery.isEmptyObject/ }\`
-     * @since 1.4
-     */
-    isEmptyObject(obj: any): boolean;
-    /**
-     * Determine if the argument passed is a JavaScript function object.
-     *
-     * @param obj Object to test whether or not it is a function.
-     * @see \`{@link https://api.jquery.com/jQuery.isFunction/ }\`
-     * @since 1.2
-     *
-     * @deprecated Deprecated since 3.3. Use `typeof x === "function"`.
-     */
-    // tslint:disable-next-line:ban-types
-    isFunction(obj: any): obj is Function;
-    /**
-     * Determines whether its argument represents a JavaScript number.
-     *
-     * @param value The value to be tested.
-     * @see \`{@link https://api.jquery.com/jQuery.isNumeric/ }\`
-     * @since 1.7
-     *
-     * @deprecated Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/2960 }\`.
-     */
-    isNumeric(value: any): value is number;
-    /**
-     * Check to see if an object is a plain object (created using "{}" or "new Object").
-     *
-     * @param obj The object that will be checked to see if it's a plain object.
-     * @see \`{@link https://api.jquery.com/jQuery.isPlainObject/ }\`
-     * @since 1.4
-     */
-    isPlainObject(obj: any): obj is JQuery.PlainObject;
-    /**
-     * Determine whether the argument is a window.
-     *
-     * @param obj Object to test whether or not it is a window.
-     * @see \`{@link https://api.jquery.com/jQuery.isWindow/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Internal. See \`{@link https://github.com/jquery/jquery/issues/3629 }\`.
-     */
-    isWindow(obj: any): obj is Window;
-    /**
-     * Check to see if a DOM node is within an XML document (or is an XML document).
-     *
-     * @param node The DOM node that will be checked to see if it's in an XML document.
-     * @see \`{@link https://api.jquery.com/jQuery.isXMLDoc/ }\`
-     * @since 1.1.4
-     */
-    isXMLDoc(node: Node): boolean;
-    /**
-     * Convert an array-like object into a true JavaScript array.
-     *
-     * @param obj Any object to turn into a native Array.
-     * @see \`{@link https://api.jquery.com/jQuery.makeArray/ }\`
-     * @since 1.2
-     */
-    makeArray<T>(obj: ArrayLike<T>): T[];
-    /**
-     * Translate all items in an array or object to new array of items.
-     *
-     * @param array The Array to translate.
-     * @param callback The function to process each item against. The first argument to the function is the array item, the
-     *                 second argument is the index in array The function can return any value. A returned array will be
-     *                 flattened into the resulting array. Within the function, this refers to the global (window) object.
-     * @see \`{@link https://api.jquery.com/jQuery.map/ }\`
-     * @since 1.0
-     */
-    map<T, TReturn>(array: T[], callback: (this: Window, elementOfArray: T, indexInArray: number) => JQuery.TypeOrArray<TReturn> | null | undefined): TReturn[];
-    /**
-     * Translate all items in an array or object to new array of items.
-     *
-     * @param obj The Object to translate.
-     * @param callback The function to process each item against. The first argument to the function is the value; the
-     *                 second argument is the key of the object property. The function can return any value to add to the
-     *                 array. A returned array will be flattened into the resulting array. Within the function, this refers
-     *                 to the global (window) object.
-     * @see \`{@link https://api.jquery.com/jQuery.map/ }\`
-     * @since 1.6
-     */
-    map<T, K extends keyof T, TReturn>(obj: T, callback: (this: Window, propertyOfObject: T[K], key: K) => JQuery.TypeOrArray<TReturn> | null | undefined): TReturn[];
-    /**
-     * Merge the contents of two arrays together into the first array.
-     *
-     * @param first The first array-like object to merge, the elements of second added.
-     * @param second The second array-like object to merge into the first, unaltered.
-     * @see \`{@link https://api.jquery.com/jQuery.merge/ }\`
-     * @since 1.0
-     */
-    merge<T, U>(first: ArrayLike<T>, second: ArrayLike<U>): Array<T | U>;
-    /**
-     * Relinquish jQuery's control of the $ variable.
-     *
-     * @param removeAll A Boolean indicating whether to remove all jQuery variables from the global scope (including jQuery itself).
-     * @see \`{@link https://api.jquery.com/jQuery.noConflict/ }\`
-     * @since 1.0
-     */
-    noConflict(removeAll?: boolean): this;
-    /**
-     * An empty function.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.noop/ }\`
-     * @since 1.4
-     */
-    noop(): undefined;
-    /**
-     * Return a number representing the current time.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.now/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Date.now }\`.
-     */
-    now(): number;
-    /**
-     * Create a serialized representation of an array, a plain object, or a jQuery object suitable for use
-     * in a URL query string or Ajax request. In case a jQuery object is passed, it should contain input
-     * elements with name/value properties.
-     *
-     * @param obj An array, a plain object, or a jQuery object to serialize.
-     * @param traditional A Boolean indicating whether to perform a traditional "shallow" serialization.
-     * @see \`{@link https://api.jquery.com/jQuery.param/ }\`
-     * @since 1.2
-     * @since 1.4
-     */
-    param(obj: any[] | JQuery.PlainObject | JQuery, traditional?: boolean): string;
-    /**
-     * Parses a string into an array of DOM nodes.
-     *
-     * @param data HTML string to be parsed
-     * @param context Document element to serve as the context in which the HTML fragment will be created
-     * @param keepScripts A Boolean indicating whether to include scripts passed in the HTML string
-     * @see \`{@link https://api.jquery.com/jQuery.parseHTML/ }\`
-     * @since 1.8
-     */
-    parseHTML(data: string, context: Document | null | undefined, keepScripts: boolean): JQuery.Node[];
-    /**
-     * Parses a string into an array of DOM nodes.
-     *
-     * @param data HTML string to be parsed
-     * @param context_keepScripts Document element to serve as the context in which the HTML fragment will be created
-     *                            A Boolean indicating whether to include scripts passed in the HTML string
-     * @see \`{@link https://api.jquery.com/jQuery.parseHTML/ }\`
-     * @since 1.8
-     */
-    parseHTML(data: string, context_keepScripts?: Document | null | boolean): JQuery.Node[];
-    /**
-     * Takes a well-formed JSON string and returns the resulting JavaScript value.
-     *
-     * @param json The JSON string to parse.
-     * @see \`{@link https://api.jquery.com/jQuery.parseJSON/ }\`
-     * @since 1.4.1
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JSON.parse }\`.
-     */
-    parseJSON(json: string): any;
-    /**
-     * Parses a string into an XML document.
-     *
-     * @param data a well-formed XML string to be parsed
-     * @see \`{@link https://api.jquery.com/jQuery.parseXML/ }\`
-     * @since 1.5
-     */
-    parseXML(data: string): XMLDocument;
-    /**
-     * Load data from the server using a HTTP POST request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param data A plain object or string that is sent to the server with the request.
-     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                can be null in that case.
-     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
-     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
-     * @since 1.0
-     */
-    post(url: string,
-         data: JQuery.PlainObject | string,
-         success: JQuery.jqXHR.DoneCallback | null,
-         dataType?: string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP POST request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                can be null in that case.
-     * @param dataType The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
-     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
-     * @since 1.0
-     */
-    post(url: string,
-         success: JQuery.jqXHR.DoneCallback | null,
-         dataType: string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP POST request.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param success_data A callback function that is executed if the request succeeds. Required if dataType is provided, but
-     *                     can be null in that case.
-     *                     A plain object or string that is sent to the server with the request.
-     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
-     * @since 1.0
-     */
-    post(url: string,
-         success_data: JQuery.jqXHR.DoneCallback | JQuery.PlainObject | string): JQuery.jqXHR;
-    /**
-     * Load data from the server using a HTTP POST request.
-     *
-     * @param url_settings A string containing the URL to which the request is sent.
-     *                     A set of key/value pairs that configure the Ajax request. All properties except for url are
-     *                     optional. A default can be set for any option with $.ajaxSetup(). See jQuery.ajax( settings ) for a
-     *                     complete list of all settings. Type will automatically be set to POST.
-     * @see \`{@link https://api.jquery.com/jQuery.post/ }\`
-     * @since 1.0
-     * @since 1.12
-     * @since 2.2
-     */
-    post(url_settings?: string | JQuery.UrlAjaxSettings): JQuery.jqXHR;
-
-    // #region proxy
-
-    // #region (fn, null | undefined)
-
-    // #region 0 to 7 arguments
-
-    // #region 0 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F>(fn: (a: A, b: B, c: C, d: D, e: E, f: F) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C, d: D, e: E, f: F): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E>(fn: (a: A, b: B, c: C, d: D, e: E) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C, d: D, e: E): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D>(fn: (a: A, b: B, c: C, d: D) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C, d: D): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C>(fn: (a: A, b: B, c: C) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B>(fn: (a: A, b: B) => TReturn,
-              context: null | undefined,
-              a: A, b: B): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4`
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A>(fn: (a: A) => TReturn,
-           context: null | undefined,
-           a: A): () => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn>(fn: () => TReturn,
-                   context: null | undefined): () => TReturn;
-
-    // #endregion
-
-    // #region 1 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B, c: C, d: D, e: E, f: F): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B, c: C, d: D, e: E): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T>(fn: (a: A, b: B, c: C, d: D,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B, c: C, d: D): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T>(fn: (a: A, b: B, c: C,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B, c: C): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T>(fn: (a: A, b: B,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A, b: B): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T>(fn: (a: A,
-                t: T) => TReturn,
-           context: null | undefined,
-           a: A): (t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T>(fn: (t: T) => TReturn,
-           context: null | undefined): (t: T) => TReturn;
-
-    // #endregion
-
-    // #region 2 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B, c: C, d: D, e: E): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U>(fn: (a: A, b: B, c: C, d: D,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B, c: C, d: D): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U>(fn: (a: A, b: B, c: C,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B, c: C): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U>(fn: (a: A, b: B,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A, b: B): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U>(fn: (a: A,
-                   t: T, u: U) => TReturn,
-              context: null | undefined,
-              a: A): (t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U>(fn: (t: T, u: U) => TReturn,
-              context: null | undefined): (t: T, u: U) => TReturn;
-
-    // #endregion
-
-    // #region 3 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C, d: D): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U, V>(fn: (a: A, b: B, c: C,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B, c: C): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U, V>(fn: (a: A, b: B,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A, b: B): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U, V>(fn: (a: A,
-                      t: T, u: U, v: V) => TReturn,
-                 context: null | undefined,
-                 a: A): (t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U, V>(fn: (t: T, u: U, v: V) => TReturn,
-                 context: null | undefined): (t: T, u: U, v: V) => TReturn;
-
-    // #endregion
-
-    // #region 4 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U, V, W>(fn: (a: A, b: B, c: C,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B, c: C): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U, V, W>(fn: (a: A, b: B,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A, b: B): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U, V, W>(fn: (a: A,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined,
-                    a: A): (t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U, V, W>(fn: (t: T, u: U, v: V, w: W) => TReturn,
-                    context: null | undefined): (t: T, u: U, v: V, w: W) => TReturn;
-
-    // #endregion
-
-    // #region 5 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U, V, W, X>(fn: (a: A, b: B,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A, b: B): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U, V, W, X>(fn: (a: A,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined,
-                       a: A): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U, V, W, X>(fn: (t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: null | undefined): (t: T, u: U, v: V, w: W, x: X) => TReturn;
-
-    // #endregion
-
-    // #region 6 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U, V, W, X, Y>(fn: (a: A, b: B,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U, V, W, X, Y>(fn: (a: A,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined,
-                          a: A): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U, V, W, X, Y>(fn: (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: null | undefined): (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-
-    // #endregion
-
-    // #region 7+ parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C, d: D, e: E, f: F): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C, d: D, e: E): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C, D,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C, d: D): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B, C,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B, c: C): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A, B,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A, b: B): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        A,
-        T, U, V, W, X, Y, Z>(fn: (a: A,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined,
-                             a: A): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn,
-        T, U, V, W, X, Y, Z>(fn: (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: null | undefined): (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-
-    // #endregion
-
-    // #endregion
-
-    // #region 8+ arguments
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @param additionalArguments Any number of arguments to be passed to the function referenced in the function argument.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.9
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TReturn>(fn: (...args: any[]) => TReturn,
-                   context: null | undefined,
-                   ...additionalArguments: any[]): (...args: any[]) => TReturn;
-
-    // #endregion
-
-    // #endregion
-
-    // #region (fn, context)
-
-    // #region 0 to 7 arguments
-
-    // #region 0 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F>(fn: (a: A, b: B, c: C, d: D, e: E, f: F) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E>(fn: (a: A, b: B, c: C, d: D, e: E) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C, d: D, e: E): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D>(fn: (a: A, b: B, c: C, d: D) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C, d: D): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C>(fn: (a: A, b: B, c: C) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B>(fn: (a: A, b: B) => TReturn,
-              context: TContext,
-              a: A, b: B): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4`
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A>(fn: (a: A) => TReturn,
-           context: TContext,
-           a: A): (this: TContext) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn>(fn: () => TReturn,
-                 context: TContext): (this: TContext) => TReturn;
-
-    // #endregion
-
-    // #region 1 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T>(fn: (a: A, b: B, c: C, d: D, e: E,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T>(fn: (a: A, b: B, c: C, d: D,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B, c: C, d: D): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T>(fn: (a: A, b: B, c: C,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B, c: C): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T>(fn: (a: A, b: B,
-                t: T) => TReturn,
-           context: TContext,
-           a: A, b: B): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T>(fn: (a: A,
-                t: T) => TReturn,
-           context: TContext,
-           a: A): (this: TContext, t: T) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T>(fn: (t: T) => TReturn,
-           context: TContext): (this: TContext, t: T) => TReturn;
-
-    // #endregion
-
-    // #region 2 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U>(fn: (a: A, b: B, c: C, d: D, e: E,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U>(fn: (a: A, b: B, c: C, d: D,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U>(fn: (a: A, b: B, c: C,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B, c: C): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U>(fn: (a: A, b: B,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A, b: B): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U>(fn: (a: A,
-                   t: T, u: U) => TReturn,
-              context: TContext,
-              a: A): (this: TContext, t: T, u: U) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U>(fn: (t: T, u: U) => TReturn,
-              context: TContext): (this: TContext, t: T, u: U) => TReturn;
-
-    // #endregion
-
-    // #region 3 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D, e: E,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U, V>(fn: (a: A, b: B, c: C, d: D,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U, V>(fn: (a: A, b: B, c: C,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B, c: C): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U, V>(fn: (a: A, b: B,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A, b: B): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U, V>(fn: (a: A,
-                      t: T, u: U, v: V) => TReturn,
-                 context: TContext,
-                 a: A): (this: TContext, t: T, u: U, v: V) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U, V>(fn: (t: T, u: U, v: V) => TReturn,
-                 context: TContext): (this: TContext, t: T, u: U, v: V) => TReturn;
-
-    // #endregion
-
-    // #region 4 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D, e: E,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U, V, W>(fn: (a: A, b: B, c: C, d: D,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U, V, W>(fn: (a: A, b: B, c: C,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B, c: C): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U, V, W>(fn: (a: A, b: B,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A, b: B): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U, V, W>(fn: (a: A,
-                         t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext,
-                    a: A): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U, V, W>(fn: (t: T, u: U, v: V, w: W) => TReturn,
-                    context: TContext): (this: TContext, t: T, u: U, v: V, w: W) => TReturn;
-
-    // #endregion
-
-    // #region 5 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D, e: E,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C, d: D,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U, V, W, X>(fn: (a: A, b: B, c: C,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B, c: C): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U, V, W, X>(fn: (a: A, b: B,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A, b: B): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U, V, W, X>(fn: (a: A,
-                            t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext,
-                       a: A): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U, V, W, X>(fn: (t: T, u: U, v: V, w: W, x: X) => TReturn,
-                       context: TContext): (this: TContext, t: T, u: U, v: V, w: W, x: X) => TReturn;
-
-    // #endregion
-
-    // #region 6 parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D, e: E,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C, d: D,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U, V, W, X, Y>(fn: (a: A, b: B, c: C,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B, c: C): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U, V, W, X, Y>(fn: (a: A, b: B,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A, b: B): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U, V, W, X, Y>(fn: (a: A,
-                               t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext,
-                          a: A): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U, V, W, X, Y>(fn: (t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn,
-                          context: TContext): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y) => TReturn;
-
-    // #endregion
-
-    // #region 7+ parameters
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F, G,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E, f: F, g: G,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C, d: D, e: E, f: F, g: G): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E, F,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E, f: F,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C, d: D, e: E, f: F): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D, E,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D, e: E,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C, d: D, e: E): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C, D,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C, d: D,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C, d: D): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B, C,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B, c: C,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B, c: C): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A, B,
-        T, U, V, W, X, Y, Z>(fn: (a: A, b: B,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A, b: B): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        A,
-        T, U, V, W, X, Y, Z>(fn: (a: A,
-                                  t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext,
-                             a: A): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn,
-        T, U, V, W, X, Y, Z>(fn: (t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn,
-                             context: TContext): (this: TContext, t: T, u: U, v: V, w: W, x: X, y: Y, z: Z, ...args: any[]) => TReturn;
-
-    // #endregion
-
-    // #endregion
-
-    // #region 8+ arguments
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param fn The function whose context will be changed.
-     * @param context The object to which the context (this) of the function should be set.
-     * @param additionalArguments Any number of arguments to be passed to the function referenced in the function argument.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object,
-        TReturn>(fn: (...args: any[]) => TReturn,
-                 context: TContext,
-                 ...additionalArguments: any[]): (this: TContext, ...args: any[]) => TReturn;
-
-    // #endregion
-
-    // #endregion
-
-    // #region (context, name)
-
-    /**
-     * Takes a function and returns a new one that will always have a particular context.
-     *
-     * @param context The object to which the context of the function should be set.
-     * @param name The name of the function whose context will be changed (should be a property of the context object).
-     * @param additionalArguments Any number of arguments to be passed to the function named in the name argument.
-     * @see \`{@link https://api.jquery.com/jQuery.proxy/ }\`
-     * @since 1.4
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link Function.bind }\`.
-     */
-    proxy<TContext extends object>(context: TContext,
-                                   name: keyof TContext,
-                                   ...additionalArguments: any[]): (this: TContext, ...args: any[]) => any;
-
-    // #endregion
-
-    // #endregion
-
-    /**
-     * Manipulate the queue of functions to be executed on the matched element.
-     *
-     * @param element A DOM element where the array of queued functions is attached.
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @param newQueue The new function to add to the queue.
-     *                 An array of functions to replace the current queue contents.
-     * @see \`{@link https://api.jquery.com/jQuery.queue/ }\`
-     * @since 1.3
-     */
-    queue<T extends Element>(element: T, queueName?: string, newQueue?: JQuery.TypeOrArray<JQuery.QueueFunction<T>>): JQuery.Queue<T>;
-    /**
-     * Handles errors thrown synchronously in functions wrapped in jQuery().
-     *
-     * @param error An error thrown in the function wrapped in jQuery().
-     * @see \`{@link https://api.jquery.com/jQuery.readyException/ }\`
-     * @since 3.1
-     */
-    readyException(error: Error): any;
-    /**
-     * Remove a previously-stored piece of data.
-     *
-     * @param element A DOM element from which to remove data.
-     * @param name A string naming the piece of data to remove.
-     * @see \`{@link https://api.jquery.com/jQuery.removeData/ }\`
-     * @since 1.2.3
-     */
-    removeData(element: Element, name?: string): void;
-    /**
-     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
-     * @since 1.1
-     */
-    speed<TElement extends Element = HTMLElement>(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): JQuery.EffectsOptions<TElement>;
-    /**
-     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing_complete A string indicating which easing function to use for the transition.
-     *                        A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
-     * @since 1.0
-     * @since 1.1
-     */
-    speed<TElement extends Element = HTMLElement>(duration: JQuery.Duration,
-                                                  easing_complete: string | ((this: TElement) => void)): JQuery.EffectsOptions<TElement>;
-    /**
-     * Creates an object containing a set of properties ready to be used in the definition of custom animations.
-     *
-     * @param duration_complete_settings A string or number determining how long the animation will run.
-     *                                   A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/jQuery.speed/ }\`
-     * @since 1.0
-     * @since 1.1
-     */
-    speed<TElement extends Element = HTMLElement>(duration_complete_settings?: JQuery.Duration | ((this: TElement) => void) | JQuery.SpeedSettings<TElement>): JQuery.EffectsOptions<TElement>;
-    /**
-     * Remove the whitespace from the beginning and end of a string.
-     *
-     * @param str The string to trim.
-     * @see \`{@link https://api.jquery.com/jQuery.trim/ }\`
-     * @since 1.0
-     */
-    trim(str: string): string;
-    /**
-     * Determine the internal JavaScript [[Class]] of an object.
-     *
-     * @param obj Object to get the internal JavaScript [[Class]] of.
-     * @see \`{@link https://api.jquery.com/jQuery.type/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. See \`{@link https://github.com/jquery/jquery/issues/3605 }`.
-     */
-    type(obj: any): 'array' | 'boolean' | 'date' | 'error' | 'function' | 'null' | 'number' | 'object' | 'regexp' | 'string' | 'symbol' | 'undefined';
-    /**
-     * @description Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on
-     * arrays of DOM elements, not strings or numbers.
-     *
-     * @param array The Array of DOM elements.
-     * @see \`{@link https://api.jquery.com/jQuery.unique/ }\`
-     * @since 1.1.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQueryStatic.uniqueSort }`.
-     */
-    unique<T extends Element>(array: T[]): T[];
-    /**
-     * Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on
-     * arrays of DOM elements, not strings or numbers.
-     *
-     * @param array The Array of DOM elements.
-     * @see \`{@link https://api.jquery.com/jQuery.uniqueSort/ }\`
-     * @since 1.12
-     * @since 2.2
-     */
-    uniqueSort<T extends Element>(array: T[]): T[];
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when<TR1, UR1, VR1,
-        TJ1 = any, UJ1 = any, VJ1 = any>(
-            deferredT: JQuery.Promise<TR1, TJ1, any> | JQuery.Thenable<TR1> | TR1, // tslint:disable-line:use-default-type-parameter
-            deferredU: JQuery.Promise<UR1, UJ1, any> | JQuery.Thenable<UR1> | UR1, // tslint:disable-line:use-default-type-parameter
-            deferredV: JQuery.Promise<VR1, VJ1, any> | JQuery.Thenable<VR1> | VR1): JQuery.Promise3<TR1, TJ1, never,  // tslint:disable-line:use-default-type-parameter
-        UR1, UJ1, never,
-        VR1, VJ1, never>;
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when<TR1, UR1,
-        TJ1 = any, UJ1 = any>(
-            deferredT: JQuery.Promise<TR1, TJ1, any> | JQuery.Thenable<TR1> | TR1, // tslint:disable-line:use-default-type-parameter
-            deferredU: JQuery.Promise<UR1, UJ1, any> | JQuery.Thenable<UR1> | UR1): JQuery.Promise2<TR1, TJ1, never, // tslint:disable-line:use-default-type-parameter
-        UR1, UJ1, never>;
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when<TR1, TJ1,
-        TR2, TJ2,
-        TR3 = never, TJ3 = never>(
-            deferredT: JQuery.Promise3<TR1, TJ1, any, TR2, TJ2, any, TR3, TJ3, any> |
-                       JQuery.Promise2<TR1, TJ1, any, TR2, TJ2, any>): JQuery.Promise3<TR1, TJ1, never, TR2, TJ2, never, TR3, TJ3, never>;
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when<TR1, TJ1 = any>(deferred: JQuery.Promise<TR1, TJ1, any> | JQuery.Thenable<TR1> | TR1): JQuery.Promise<TR1, TJ1, never>; // tslint:disable-line:use-default-type-parameter
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @param deferreds Zero or more Thenable objects.
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when<TR1 = never, TJ1 = never>(...deferreds: Array<JQuery.Promise<TR1, TJ1, any> | JQuery.Thenable<TR1> | TR1>): JQuery.Promise<TR1, TJ1, never>; // tslint:disable-line:use-default-type-parameter
-    /**
-     * Provides a way to execute callback functions based on zero or more Thenable objects, usually
-     * Deferred objects that represent asynchronous events.
-     *
-     * @param deferreds Zero or more Thenable objects.
-     * @see \`{@link https://api.jquery.com/jQuery.when/ }\`
-     * @since 1.5
-     */
-    when(...deferreds: any[]): JQuery.Promise<any, any, never>;
-}
-
-interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
-    /**
-     * A string containing the jQuery version number.
-     *
-     * @see \`{@link https://api.jquery.com/jquery/ }\`
-     * @since 1.0
-     */
-    jquery: string;
-    /**
-     * The number of elements in the jQuery object.
-     *
-     * @see \`{@link https://api.jquery.com/length/ }\`
-     * @since 1.0
-     */
-    length: number;
-    /**
-     * Create a new jQuery object with elements added to the set of matched elements.
-     *
-     * @param selector A string representing a selector expression to find additional elements to add to the set of matched elements.
-     * @param context The point in the document at which the selector should begin matching; similar to the context
-     *                argument of the $(selector, context) method.
-     * @see \`{@link https://api.jquery.com/add/ }\`
-     * @since 1.4
-     */
-    add(selector: JQuery.Selector, context: Element): this;
-    /**
-     * Create a new jQuery object with elements added to the set of matched elements.
-     *
-     * @param selector A string representing a selector expression to find additional elements to add to the set of matched elements.
-     *                 One or more elements to add to the set of matched elements.
-     *                 An HTML fragment to add to the set of matched elements.
-     *                 An existing jQuery object to add to the set of matched elements.
-     * @see \`{@link https://api.jquery.com/add/ }\`
-     * @since 1.0
-     * @since 1.3.2
-     */
-    add(selector: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery.htmlString | JQuery): this;
-    /**
-     * Add the previous set of elements on the stack to the current set, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match the current set of elements against.
-     * @see \`{@link https://api.jquery.com/addBack/ }\`
-     * @since 1.8
-     */
-    addBack(selector?: JQuery.Selector): this;
-    /**
-     * Adds the specified class(es) to each element in the set of matched elements.
-     *
-     * @param className One or more space-separated classes to be added to the class attribute of each matched element.
-     *                  An array of classes to be added to the class attribute of each matched element.
-     *                  A function returning one or more space-separated class names to be added to the existing class
-     *                  name(s). Receives the index position of the element in the set and the existing class name(s) as
-     *                  arguments. Within the function, this refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/addClass/ }\`
-     * @since 1.0
-     * @since 1.4
-     * @since 3.3
-     */
-    addClass(className: JQuery.TypeOrArray<string> | ((this: TElement, index: number, currentClassName: string) => string)): this;
-    /**
-     * Insert content, specified by the parameter, after each element in the set of matched elements.
-     *
-     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
-     *                 jQuery objects to insert after each element in the set of matched elements.
-     * @see \`{@link https://api.jquery.com/after/ }\`
-     * @since 1.0
-     */
-    after(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
-    /**
-     * Insert content, specified by the parameter, after each element in the set of matched elements.
-     *
-     * @param fn A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
-     *           after each element in the set of matched elements. Receives the index position of the element in the
-     *           set and the old HTML value of the element as arguments. Within the function, this refers to the
-     *           current element in the set.
-     * @see \`{@link https://api.jquery.com/after/ }\`
-     * @since 1.4
-     * @since 1.10
-     */
-    after(fn: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
-    /**
-     * Register a handler to be called when Ajax requests complete. This is an AjaxEvent.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxComplete/ }\`
-     * @since 1.0
-     */
-    ajaxComplete(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings) => void | false): this;
-    /**
-     * Register a handler to be called when Ajax requests complete with an error. This is an Ajax Event.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxError/ }\`
-     * @since 1.0
-     */
-    ajaxError(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxSettings: JQuery.AjaxSettings, thrownError: string) => void | false): this;
-    /**
-     * Attach a function to be executed before an Ajax request is sent. This is an Ajax Event.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxSend/ }\`
-     * @since 1.0
-     */
-    ajaxSend(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings) => void | false): this;
-    /**
-     * Register a handler to be called when the first Ajax request begins. This is an Ajax Event.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxStart/ }\`
-     * @since 1.0
-     */
-    ajaxStart(handler: (this: Document) => void | false): this;
-    /**
-     * Register a handler to be called when all Ajax requests have completed. This is an Ajax Event.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxStop/ }\`
-     * @since 1.0
-     */
-    ajaxStop(handler: (this: Document) => void | false): this;
-    /**
-     * Attach a function to be executed whenever an Ajax request completes successfully. This is an Ajax Event.
-     *
-     * @param handler The function to be invoked.
-     * @see \`{@link https://api.jquery.com/ajaxSuccess/ }\`
-     * @since 1.0
-     */
-    ajaxSuccess(handler: (this: Document, event: JQuery.Event<Document>, jqXHR: JQuery.jqXHR, ajaxOptions: JQuery.AjaxSettings, data: JQuery.PlainObject) => void | false): this;
-    /**
-     * Perform a custom animation of a set of CSS properties.
-     *
-     * @param properties An object of CSS properties and values that the animation will move toward.
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/animate/ }\`
-     * @since 1.0
-     */
-    animate(properties: JQuery.PlainObject,
-            duration: JQuery.Duration,
-            easing: string,
-            complete?: (this: TElement) => void): this;
-    /**
-     * Perform a custom animation of a set of CSS properties.
-     *
-     * @param properties An object of CSS properties and values that the animation will move toward.
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/animate/ }\`
-     * @since 1.0
-     */
-    animate(properties: JQuery.PlainObject,
-            duration_easing: JQuery.Duration | string,
-            complete?: (this: TElement) => void): this;
-    /**
-     * Perform a custom animation of a set of CSS properties.
-     *
-     * @param properties An object of CSS properties and values that the animation will move toward.
-     * @param options A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/animate/ }\`
-     * @since 1.0
-     */
-    animate(properties: JQuery.PlainObject,
-            options: JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Perform a custom animation of a set of CSS properties.
-     *
-     * @param properties An object of CSS properties and values that the animation will move toward.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/animate/ }\`
-     * @since 1.0
-     */
-    animate(properties: JQuery.PlainObject,
-            complete?: (this: TElement) => void): this;
-    /**
-     * Insert content, specified by the parameter, to the end of each element in the set of matched elements.
-     *
-     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
-     *                 jQuery objects to insert at the end of each element in the set of matched elements.
-     * @see \`{@link https://api.jquery.com/append/ }\`
-     * @since 1.0
-     */
-    append(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
-    /**
-     * Insert content, specified by the parameter, to the end of each element in the set of matched elements.
-     *
-     * @param fn A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert at
-     *           the end of each element in the set of matched elements. Receives the index position of the element
-     *           in the set and the old HTML value of the element as arguments. Within the function, this refers to
-     *           the current element in the set.
-     * @see \`{@link https://api.jquery.com/append/ }\`
-     * @since 1.4
-     */
-    append(fn: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
-    /**
-     * Insert every element in the set of matched elements to the end of the target.
-     *
-     * @param target A selector, element, HTML string, array of elements, or jQuery object; the matched set of elements
-     *               will be inserted at the end of the element(s) specified by this parameter.
-     * @see \`{@link https://api.jquery.com/appendTo/ }\`
-     * @since 1.0
-     */
-    appendTo(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Element | DocumentFragment> | JQuery): this;
-    /**
-     * Set one or more attributes for the set of matched elements.
-     *
-     * @param attributeName The name of the attribute to set.
-     * @param value A value to set for the attribute. If null, the specified attribute will be removed (as in .removeAttr()).
-     *              A function returning the value to set. this is the current element. Receives the index position of
-     *              the element in the set and the old attribute value as arguments.
-     * @see \`{@link https://api.jquery.com/attr/ }\`
-     * @since 1.0
-     * @since 1.1
-     */
-    attr(attributeName: string,
-         value: string | number | null | ((this: TElement, index: number, attr: string) => string | number | void | undefined)): this;
-    /**
-     * Set one or more attributes for the set of matched elements.
-     *
-     * @param attributes An object of attribute-value pairs to set.
-     * @see \`{@link https://api.jquery.com/attr/ }\`
-     * @since 1.0
-     */
-    attr(attributes: JQuery.PlainObject): this;
-    /**
-     * Get the value of an attribute for the first element in the set of matched elements.
-     *
-     * @param attributeName The name of the attribute to get.
-     * @see \`{@link https://api.jquery.com/attr/ }\`
-     * @since 1.0
-     */
-    attr(attributeName: string): string | undefined;
-    /**
-     * Insert content, specified by the parameter, before each element in the set of matched elements.
-     *
-     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
-     *                 jQuery objects to insert before each element in the set of matched elements.
-     * @see \`{@link https://api.jquery.com/before/ }\`
-     * @since 1.0
-     */
-    before(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
-    /**
-     * Insert content, specified by the parameter, before each element in the set of matched elements.
-     *
-     * @param fn A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert
-     *           before each element in the set of matched elements. Receives the index position of the element in
-     *           the set and the old HTML value of the element as arguments. Within the function, this refers to the
-     *           current element in the set.
-     * @see \`{@link https://api.jquery.com/before/ }\`
-     * @since 1.4
-     * @since 1.10
-     */
-    before(fn: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
-    // [bind() overloads] https://github.com/jquery/api.jquery.com/issues/1048
-    /**
-     * Attach a handler to an event for the elements.
-     *
-     * @param eventType A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/bind/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    bind<TData>(eventType: string,
-                eventData: TData,
-                handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach a handler to an event for the elements.
-     *
-     * @param eventType A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
-     * @param handler A function to execute each time the event is triggered.
-     *                Setting the second argument to false will attach a function that prevents the default action from
-     *                occurring and stops the event from bubbling.
-     * @see \`{@link https://api.jquery.com/bind/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    bind(eventType: string,
-         handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false | null | undefined): this;
-    /**
-     * Attach a handler to an event for the elements.
-     *
-     * @param events An object containing one or more DOM event types and functions to execute for them.
-     * @see \`{@link https://api.jquery.com/bind/ }\`
-     * @since 1.4
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    bind(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
-    /**
-     * Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/blur/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    blur<TData>(eventData: TData,
-                handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/blur/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    blur(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/change/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    change<TData>(eventData: TData,
-                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/change/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    change(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Get the children of each element in the set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/children/ }\`
-     * @since 1.0
-     */
-    children(selector?: JQuery.Selector): this;
-    /**
-     * Remove from the queue all items that have not yet been run.
-     *
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @see \`{@link https://api.jquery.com/clearQueue/ }\`
-     * @since 1.4
-     */
-    clearQueue(queueName?: string): this;
-    /**
-     * Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/click/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    click<TData>(eventData: TData,
-                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/click/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    click(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Create a deep copy of the set of matched elements.
-     *
-     * @param withDataAndEvents A Boolean indicating whether event handlers and data should be copied along with the elements. The
-     *                          default value is false. *In jQuery 1.5.0 the default value was incorrectly true; it was changed back
-     *                          to false in 1.5.1 and up.
-     * @param deepWithDataAndEvents A Boolean indicating whether event handlers and data for all children of the cloned element should
-     *                              be copied. By default its value matches the first argument's value (which defaults to false).
-     * @see \`{@link https://api.jquery.com/clone/ }\`
-     * @since 1.0
-     * @since 1.5
-     */
-    clone(withDataAndEvents?: boolean, deepWithDataAndEvents?: boolean): this;
-    /**
-     * For each element in the set, get the first element that matches the selector by testing the element
-     * itself and traversing up through its ancestors in the DOM tree.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @param context A DOM element within which a matching element may be found.
-     * @see \`{@link https://api.jquery.com/closest/ }\`
-     * @since 1.4
-     */
-    closest(selector: JQuery.Selector, context: Element): this;
-    /**
-     * For each element in the set, get the first element that matches the selector by testing the element
-     * itself and traversing up through its ancestors in the DOM tree.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     *                 A jQuery object to match elements against.
-     *                 An element to match elements against.
-     * @see \`{@link https://api.jquery.com/closest/ }\`
-     * @since 1.3
-     * @since 1.6
-     */
-    closest(selector: JQuery.Selector | Element | JQuery): this;
-    /**
-     * Get the children of each element in the set of matched elements, including text and comment nodes.
-     *
-     * @see \`{@link https://api.jquery.com/contents/ }\`
-     * @since 1.2
-     */
-    contents(): JQuery<TElement | Text | Comment>;
-    /**
-     * Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/contextmenu/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    contextmenu<TData>(eventData: TData,
-                       handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/contextmenu/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    contextmenu(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Set one or more CSS properties for the set of matched elements.
-     *
-     * @param propertyName A CSS property name.
-     * @param value A value to set for the property.
-     *              A function returning the value to set. this is the current element. Receives the index position of
-     *              the element in the set and the old value as arguments.
-     * @see \`{@link https://api.jquery.com/css/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    css(propertyName: string,
-        value: string | number | ((this: TElement, index: number, value: string) => string | number | void | undefined)): this;
-    /**
-     * Set one or more CSS properties for the set of matched elements.
-     *
-     * @param properties An object of property-value pairs to set.
-     * @see \`{@link https://api.jquery.com/css/ }\`
-     * @since 1.0
-     */
-    css(properties: JQuery.PlainObject<string | number | ((this: TElement, index: number, value: string) => string | number | void | undefined)>): this;
-    /**
-     * Get the computed style properties for the first element in the set of matched elements.
-     *
-     * @param propertyName A CSS property.
-     *                     An array of one or more CSS properties.
-     * @see \`{@link https://api.jquery.com/css/ }\`
-     * @since 1.0
-     */
-    css(propertyName: string): string;
-    /**
-     * Get the computed style properties for the first element in the set of matched elements.
-     *
-     * @param propertyNames An array of one or more CSS properties.
-     * @see \`{@link https://api.jquery.com/css/ }\`
-     * @since 1.9
-     */
-    css(propertyNames: string[]): JQuery.PlainObject<string>;
-    /**
-     * Return the value at the named data store for the first element in the jQuery collection, as set by
-     * data(name, value) or by an HTML5 data-* attribute.
-     *
-     * @param key Name of the data stored.
-     * @see \`{@link https://api.jquery.com/data/ }\`
-     * @since 1.2.3
-     */
-    data(key: string, undefined: undefined): any; // tslint:disable-line:unified-signatures
-    /**
-     * Store arbitrary data associated with the matched elements.
-     *
-     * @param key A string naming the piece of data to set.
-     * @param value The new data value; this can be any Javascript type except undefined.
-     * @see \`{@link https://api.jquery.com/data/ }\`
-     * @since 1.2.3
-     */
-    data(key: string, value: any): this;
-    /**
-     * Store arbitrary data associated with the matched elements.
-     *
-     * @param obj An object of key-value pairs of data to update.
-     * @see \`{@link https://api.jquery.com/data/ }\`
-     * @since 1.4.3
-     */
-    data(obj: JQuery.PlainObject): this;
-    /**
-     * Return the value at the named data store for the first element in the jQuery collection, as set by
-     * data(name, value) or by an HTML5 data-* attribute.
-     *
-     * @param key Name of the data stored.
-     * @see \`{@link https://api.jquery.com/data/ }\`
-     * @since 1.2.3
-     */
-    data(key: string): any;
-    /**
-     * Return the value at the named data store for the first element in the jQuery collection, as set by
-     * data(name, value) or by an HTML5 data-* attribute.
-     *
-     * @see \`{@link https://api.jquery.com/data/ }\`
-     * @since 1.4
-     */
-    data(): JQuery.PlainObject;
-    /**
-     * Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/dblclick/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    dblclick<TData>(eventData: TData,
-                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/dblclick/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    dblclick(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Set a timer to delay execution of subsequent items in the queue.
-     *
-     * @param duration An integer indicating the number of milliseconds to delay execution of the next item in the queue.
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @see \`{@link https://api.jquery.com/delay/ }\`
-     * @since 1.4
-     */
-    delay(duration: JQuery.Duration, queueName?: string): this;
-    /**
-     * Attach a handler to one or more events for all elements that match the selector, now or in the
-     * future, based on a specific set of root elements.
-     *
-     * @param selector A selector to filter the elements that trigger the event.
-     * @param eventType A string containing one or more space-separated JavaScript event types, such as "click" or
-     *                  "keydown," or custom event names.
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/delegate/ }\`
-     * @since 1.4.2
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    delegate<TData>(selector: JQuery.Selector,
-                    eventType: string,
-                    eventData: TData,
-                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach a handler to one or more events for all elements that match the selector, now or in the
-     * future, based on a specific set of root elements.
-     *
-     * @param selector A selector to filter the elements that trigger the event.
-     * @param eventType A string containing one or more space-separated JavaScript event types, such as "click" or
-     *                  "keydown," or custom event names.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/delegate/ }\`
-     * @since 1.4.2
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    delegate(selector: JQuery.Selector,
-             eventType: string,
-             handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Attach a handler to one or more events for all elements that match the selector, now or in the
-     * future, based on a specific set of root elements.
-     *
-     * @param selector A selector to filter the elements that trigger the event.
-     * @param events A plain object of one or more event types and functions to execute for them.
-     * @see \`{@link https://api.jquery.com/delegate/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.on }\`.
-     */
-    delegate(selector: JQuery.Selector,
-             events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
-    /**
-     * Execute the next function on the queue for the matched elements.
-     *
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @see \`{@link https://api.jquery.com/dequeue/ }\`
-     * @since 1.2
-     */
-    dequeue(queueName?: string): this;
-    /**
-     * Remove the set of matched elements from the DOM.
-     *
-     * @param selector A selector expression that filters the set of matched elements to be removed.
-     * @see \`{@link https://api.jquery.com/detach/ }\`
-     * @since 1.4
-     */
-    detach(selector?: JQuery.Selector): this;
-    /**
-     * Iterate over a jQuery object, executing a function for each matched element.
-     *
-     * @param fn A function to execute for each matched element.
-     * @see \`{@link https://api.jquery.com/each/ }\`
-     * @since 1.0
-     */
-    each(fn: (this: TElement, index: number, element: TElement) => void | false): this;
-    /**
-     * Remove all child nodes of the set of matched elements from the DOM.
-     *
-     * @see \`{@link https://api.jquery.com/empty/ }\`
-     * @since 1.0
-     */
-    empty(): this;
-    /**
-     * End the most recent filtering operation in the current chain and return the set of matched elements
-     * to its previous state.
-     *
-     * @see \`{@link https://api.jquery.com/end/ }\`
-     * @since 1.0
-     */
-    end(): this;
-    /**
-     * Reduce the set of matched elements to the one at the specified index.
-     *
-     * @param index An integer indicating the 0-based position of the element.
-     *              An integer indicating the position of the element, counting backwards from the last element in the set.
-     * @see \`{@link https://api.jquery.com/eq/ }\`
-     * @since 1.1.2
-     * @since 1.4
-     */
-    eq(index: number): this;
-    /**
-     * Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.
-     *
-     * @param obj An object to merge onto the jQuery prototype.
-     * @see \`{@link https://api.jquery.com/jQuery.fn.extend/ }\`
-     * @since 1.0
-     */
-    extend(obj: object): this;
-    /**
-     * Display the matched elements by fading them to opaque.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
-     * @since 1.4.3
-     */
-    fadeIn(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Display the matched elements by fading them to opaque.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeIn(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Display the matched elements by fading them to opaque.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/fadeIn/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeIn(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Hide the matched elements by fading them to transparent.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
-     * @since 1.4.3
-     */
-    fadeOut(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Hide the matched elements by fading them to transparent.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeOut(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Hide the matched elements by fading them to transparent.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/fadeOut/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeOut(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Adjust the opacity of the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param opacity A number between 0 and 1 denoting the target opacity.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeTo/ }\`
-     * @since 1.4.3
-     */
-    fadeTo(duration: JQuery.Duration, opacity: number, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Adjust the opacity of the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param opacity A number between 0 and 1 denoting the target opacity.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeTo/ }\`
-     * @since 1.0
-     */
-    fadeTo(duration: JQuery.Duration, opacity: number, complete?: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements by animating their opacity.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
-     * @since 1.4.4
-     */
-    fadeToggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements by animating their opacity.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeToggle(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements by animating their opacity.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/fadeToggle/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    fadeToggle(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Reduce the set of matched elements to those that match the selector or pass the function's test.
-     *
-     * @param selector A string containing a selector expression to match the current set of elements against.
-     *                 One or more DOM elements to match the current set of elements against.
-     *                 An existing jQuery object to match the current set of elements against.
-     *                 A function used as a test for each element in the set. this is the current DOM element.
-     * @see \`{@link https://api.jquery.com/filter/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    filter(selector: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery | ((this: TElement, index: number, element: TElement) => boolean)): this;
-    /**
-     * Get the descendants of each element in the current set of matched elements, filtered by a selector,
-     * jQuery object, or element.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     *                 An element or a jQuery object to match elements against.
-     * @see \`{@link https://api.jquery.com/find/ }\`
-     * @since 1.0
-     * @since 1.6
-     */
-    find(selector: JQuery.Selector | Element | JQuery): this;
-    /**
-     * Stop the currently-running animation, remove all queued animations, and complete all animations for
-     * the matched elements.
-     *
-     * @param queue The name of the queue in which to stop animations.
-     * @see \`{@link https://api.jquery.com/finish/ }\`
-     * @since 1.9
-     */
-    finish(queue?: string): this;
-    /**
-     * Reduce the set of matched elements to the first in the set.
-     *
-     * @see \`{@link https://api.jquery.com/first/ }\`
-     * @since 1.4
-     */
-    first(): this;
-    /**
-     * Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focus/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focus<TData>(eventData: TData,
-                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focus/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focus(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "focusin" event.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focusin/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focusin<TData>(eventData: TData,
-                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "focusin" event.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focusin/ }\`
-     * @since 1.4
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focusin(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "focusout" JavaScript event.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focusout/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focusout<TData>(eventData: TData,
-                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "focusout" JavaScript event.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/focusout/ }\`
-     * @since 1.4
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    focusout(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Retrieve one of the elements matched by the jQuery object.
-     *
-     * @param index A zero-based integer indicating which element to retrieve.
-     * @see \`{@link https://api.jquery.com/get/ }\`
-     * @since 1.0
-     */
-    get(index: number): TElement;
-    /**
-     * Retrieve the elements matched by the jQuery object.
-     *
-     * @see \`{@link https://api.jquery.com/get/ }\`
-     * @since 1.0
-     */
-    get(): TElement[];
-    /**
-     * Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     *                 A DOM element to match elements against.
-     * @see \`{@link https://api.jquery.com/has/ }\`
-     * @since 1.4
-     */
-    has(selector: string | Element): this;
-    /**
-     * Determine whether any of the matched elements are assigned the given class.
-     *
-     * @param className The class name to search for.
-     * @see \`{@link https://api.jquery.com/hasClass/ }\`
-     * @since 1.2
-     */
-    hasClass(className: string): boolean;
-    /**
-     * Set the CSS height of every matched element.
-     *
-     * @param value An integer representing the number of pixels, or an integer with an optional unit of measure
-     *              appended (as a string).
-     *              A function returning the height to set. Receives the index position of the element in the set and
-     *              the old height as arguments. Within the function, this refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/height/ }\`
-     * @since 1.0
-     * @since 1.4.1
-     */
-    height(value: string | number | ((this: TElement, index: number, height: number) => string | number)): this;
-    /**
-     * Get the current computed height for the first element in the set of matched elements.
-     *
-     * @see \`{@link https://api.jquery.com/height/ }\`
-     * @since 1.0
-     */
-    height(): number | undefined;
-    /**
-     * Hide the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/hide/ }\`
-     * @since 1.4.3
-     */
-    hide(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): this;
-    /**
-     * Hide the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing_complete A string indicating which easing function to use for the transition.
-     *                        A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/hide/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    hide(duration: JQuery.Duration, easing_complete: string | ((this: TElement) => void)): this;
-    /**
-     * Hide the matched elements.
-     *
-     * @param duration_complete_options A string or number determining how long the animation will run.
-     *                                  A function to call once the animation is complete, called once per matched element.
-     *                                  A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/hide/ }\`
-     * @since 1.0
-     */
-    hide(duration_complete_options?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and
-     * leaves the elements.
-     *
-     * @param handlerInOut A function to execute when the mouse pointer enters or leaves the element.
-     * @param handlerOut A function to execute when the mouse pointer leaves the element.
-     * @see \`{@link https://api.jquery.com/hover/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    // HACK: The type parameter T is not used but ensures the 'event' callback parameter is typed correctly.
-    // tslint:disable-next-line:no-unnecessary-generics
-    hover<T>(handlerInOut: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false,
-             handlerOut?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Set the HTML contents of each element in the set of matched elements.
-     *
-     * @param htmlString A string of HTML to set as the content of each matched element.
-     *                   A function returning the HTML content to set. Receives the index position of the element in the set
-     *                   and the old HTML value as arguments. jQuery empties the element before calling the function; use the
-     *                   oldhtml argument to reference the previous content. Within the function, this refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/html/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    html(htmlString: JQuery.htmlString | ((this: TElement, index: number, oldhtml: JQuery.htmlString) => JQuery.htmlString)): this;
-    /**
-     * Get the HTML contents of the first element in the set of matched elements.
-     *
-     * @see \`{@link https://api.jquery.com/html/ }\`
-     * @since 1.0
-     */
-    html(): string;
-    /**
-     * Search for a given element from among the matched elements.
-     *
-     * @param element The DOM element or first element within the jQuery object to look for.
-     *                A selector representing a jQuery collection in which to look for an element.
-     * @see \`{@link https://api.jquery.com/index/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    index(element?: JQuery.Selector | Element | JQuery): number;
-    /**
-     * Set the CSS inner height of each element in the set of matched elements.
-     *
-     * @param value A number representing the number of pixels, or a number along with an optional unit of measure
-     *              appended (as a string).
-     *              A function returning the inner height (including padding but not border) to set. Receives the index
-     *              position of the element in the set and the old inner height as arguments. Within the function, this
-     *              refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/innerHeight/ }\`
-     * @since 1.8.0
-     */
-    innerHeight(value: string | number | ((this: TElement, index: number, height: number) => string | number)): this;
-    /**
-     * Get the current computed height for the first element in the set of matched elements, including
-     * padding but not border.
-     *
-     * @see \`{@link https://api.jquery.com/innerHeight/ }\`
-     * @since 1.2.6
-     */
-    innerHeight(): number | undefined;
-    /**
-     * Set the CSS inner width of each element in the set of matched elements.
-     *
-     * @param value A number representing the number of pixels, or a number along with an optional unit of measure
-     *              appended (as a string).
-     *              A function returning the inner width (including padding but not border) to set. Receives the index
-     *              position of the element in the set and the old inner width as arguments. Within the function, this
-     *              refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/innerWidth/ }\`
-     * @since 1.8.0
-     */
-    innerWidth(value: string | number | ((this: TElement, index: number, width: number) => string | number)): this;
-    /**
-     * Get the current computed inner width for the first element in the set of matched elements, including
-     * padding but not border.
-     *
-     * @see \`{@link https://api.jquery.com/innerWidth/ }\`
-     * @since 1.2.6
-     */
-    innerWidth(): number | undefined;
-    /**
-     * Insert every element in the set of matched elements after the target.
-     *
-     * @param target A selector, element, array of elements, HTML string, or jQuery object; the matched set of elements
-     *               will be inserted after the element(s) specified by this parameter.
-     * @see \`{@link https://api.jquery.com/insertAfter/ }\`
-     * @since 1.0
-     */
-    insertAfter(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Node> | JQuery<Node>): this;
-    /**
-     * Insert every element in the set of matched elements before the target.
-     *
-     * @param target A selector, element, array of elements, HTML string, or jQuery object; the matched set of elements
-     *               will be inserted before the element(s) specified by this parameter.
-     * @see \`{@link https://api.jquery.com/insertBefore/ }\`
-     * @since 1.0
-     */
-    insertBefore(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Node> | JQuery<Node>): this;
-    /**
-     * Check the current matched set of elements against a selector, element, or jQuery object and return
-     * true if at least one of these elements matches the given arguments.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     *                 A function used as a test for every element in the set. It accepts two arguments, index, which is
-     *                 the element's index in the jQuery collection, and element, which is the DOM element. Within the
-     *                 function, this refers to the current DOM element.
-     *                 An existing jQuery object to match the current set of elements against.
-     *                 One or more elements to match the current set of elements against.
-     * @see \`{@link https://api.jquery.com/is/ }\`
-     * @since 1.0
-     * @since 1.6
-     */
-    is(selector: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery | ((this: TElement, index: number, element: TElement) => boolean)): boolean;
-    /**
-     * Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keydown/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keydown<TData>(eventData: TData,
-                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keydown/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keydown(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keypress/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keypress<TData>(eventData: TData,
-                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keypress/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keypress(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keyup/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keyup<TData>(eventData: TData,
-                 handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/keyup/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    keyup(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Reduce the set of matched elements to the final one in the set.
-     *
-     * @see \`{@link https://api.jquery.com/last/ }\`
-     * @since 1.4
-     */
-    last(): this;
-    /**
-     * Load data from the server and place the returned HTML into the matched element.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param data A plain object or string that is sent to the server with the request.
-     * @param complete A callback function that is executed when the request completes.
-     * @see \`{@link https://api.jquery.com/load/ }\`
-     * @since 1.0
-     */
-    load(url: string,
-         data: string | JQuery.PlainObject,
-         complete: (this: TElement, responseText: string, textStatus: JQuery.Ajax.TextStatus, jqXHR: JQuery.jqXHR) => void): this;
-    /**
-     * Load data from the server and place the returned HTML into the matched element.
-     *
-     * @param url A string containing the URL to which the request is sent.
-     * @param complete_data A callback function that is executed when the request completes.
-     *                      A plain object or string that is sent to the server with the request.
-     * @see \`{@link https://api.jquery.com/load/ }\`
-     * @since 1.0
-     */
-    load(url: string,
-         complete_data?: ((this: TElement, responseText: string, textStatus: JQuery.Ajax.TextStatus, jqXHR: JQuery.jqXHR) => void) | string | JQuery.PlainObject): this;
-    /**
-     * Pass each element in the current matched set through a function, producing a new jQuery object
-     * containing the return values.
-     *
-     * @param callback A function object that will be invoked for each element in the current set.
-     * @see \`{@link https://api.jquery.com/map/ }\`
-     * @since 1.2
-     */
-    map<TReturn>(callback: (this: TElement, index: number, domElement: TElement) => JQuery.TypeOrArray<TReturn> | null | undefined): JQuery<TReturn>;
-    /**
-     * Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mousedown/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mousedown<TData>(eventData: TData,
-                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mousedown/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mousedown(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseenter/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseenter<TData>(eventData: TData,
-                      handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseenter/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseenter(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseleave/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseleave<TData>(eventData: TData,
-                      handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseleave/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseleave(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mousemove/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mousemove<TData>(eventData: TData,
-                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mousemove/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mousemove(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseout/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseout<TData>(eventData: TData,
-                    handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseout/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseout(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseover/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseover<TData>(eventData: TData,
-                     handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseover/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseover(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseup/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseup<TData>(eventData: TData,
-                   handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/mouseup/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    mouseup(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Get the immediately following sibling of each element in the set of matched elements. If a selector
-     * is provided, it retrieves the next sibling only if it matches that selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/next/ }\`
-     * @since 1.0
-     */
-    next(selector?: JQuery.Selector): this;
-    /**
-     * Get all following siblings of each element in the set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/nextAll/ }\`
-     * @since 1.2
-     */
-    nextAll(selector?: string): this;
-    /**
-     * Get all following siblings of each element up to but not including the element matched by the
-     * selector, DOM node, or jQuery object passed.
-     *
-     * @param selector A string containing a selector expression to indicate where to stop matching following sibling elements.
-     *                 A DOM node or jQuery object indicating where to stop matching following sibling elements.
-     * @param filter A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/nextUntil/ }\`
-     * @since 1.4
-     * @since 1.6
-     */
-    nextUntil(selector?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
-    /**
-     * Remove elements from the set of matched elements.
-     *
-     * @param selector A string containing a selector expression, a DOM element, or an array of elements to match against the set.
-     *                 A function used as a test for each element in the set. It accepts two arguments, index, which is the
-     *                 element's index in the jQuery collection, and element, which is the DOM element. Within the
-     *                 function, this refers to the current DOM element.
-     *                 An existing jQuery object to match the current set of elements against.
-     * @see \`{@link https://api.jquery.com/not/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    not(selector: JQuery.Selector | JQuery.TypeOrArray<Element> | JQuery | ((this: TElement, index: number, element: TElement) => boolean)): this;
-    /**
-     * Remove an event handler.
-     *
-     * @param events One or more space-separated event types and optional namespaces, or just namespaces, such as
-     *               "click", "keydown.myPlugin", or ".myPlugin".
-     * @param selector A selector which should match the one originally passed to .on() when attaching event handlers.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/off/ }\`
-     * @since 1.7
-     */
-    off(events: string, selector: JQuery.Selector, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
-    /**
-     * Remove an event handler.
-     *
-     * @param events One or more space-separated event types and optional namespaces, or just namespaces, such as
-     *               "click", "keydown.myPlugin", or ".myPlugin".
-     * @param selector_handler A selector which should match the one originally passed to .on() when attaching event handlers.
-     *                         A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/off/ }\`
-     * @since 1.7
-     */
-    off(events: string, selector_handler?: JQuery.Selector | JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
-    /**
-     * Remove an event handler.
-     *
-     * @param events An object where the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent handler functions previously attached for the event(s).
-     * @param selector A selector which should match the one originally passed to .on() when attaching event handlers.
-     * @see \`{@link https://api.jquery.com/off/ }\`
-     * @since 1.7
-     */
-    off(events: JQuery.PlainObject<JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false>, selector?: JQuery.Selector): this;
-    /**
-     * Remove an event handler.
-     *
-     * @param event A jQuery.Event object.
-     * @see \`{@link https://api.jquery.com/off/ }\`
-     * @since 1.7
-     */
-    off(event?: JQuery.Event<TElement>): this;
-    /**
-     * Set the current coordinates of every element in the set of matched elements, relative to the document.
-     *
-     * @param coordinates An object containing the properties top and left, which are numbers indicating the new top and left
-     *                    coordinates for the elements.
-     *                    A function to return the coordinates to set. Receives the index of the element in the collection as
-     *                    the first argument and the current coordinates as the second argument. The function should return an
-     *                    object with the new top and left properties.
-     * @see \`{@link https://api.jquery.com/offset/ }\`
-     * @since 1.4
-     */
-    offset(coordinates: JQuery.CoordinatesPartial | ((this: TElement, index: number, coords: JQuery.Coordinates) => JQuery.CoordinatesPartial)): this;
-    /**
-     * Get the current coordinates of the first element in the set of matched elements, relative to the document.
-     *
-     * @see \`{@link https://api.jquery.com/offset/ }\`
-     * @since 1.2
-     */
-    offset(): JQuery.Coordinates | undefined;
-    /**
-     * Get the closest ancestor element that is positioned.
-     *
-     * @see \`{@link https://api.jquery.com/offsetParent/ }\`
-     * @since 1.2.6
-     */
-    offsetParent(): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on<TData>(events: string,
-              selector: JQuery.Selector | null,
-              data: TData,
-              handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       selector: JQuery.Selector | null,
-       data: any,
-       handler: ((event: JQueryEventObject) => void)): this; // tslint:disable-line:unified-signatures
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
-     *                for a function that simply does return false.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       selector: JQuery.Selector,
-       handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       selector: JQuery.Selector,
-       handler: ((event: JQueryEventObject) => void)): this; // tslint:disable-line:unified-signatures
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on<TData>(events: string,
-              data: TData,
-              handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       data: any, // tslint:disable-line:unified-signatures
-       handler: ((event: JQueryEventObject) => void)): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
-     *                for a function that simply does return false.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: string,
-       handler: ((event: JQueryEventObject) => void)): this; // tslint:disable-line:unified-signatures
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
-     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
-     * @param data Data to be passed to the handler in event.data when an event occurs.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
-              selector: JQuery.Selector | null,
-              data: TData): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
-     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>,
-       selector: JQuery.Selector): this; // tslint:disable-line:unified-signatures
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param data Data to be passed to the handler in event.data when an event occurs.
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
-              data: TData): this;
-    /**
-     * Attach an event handler function for one or more events to the selected elements.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @see \`{@link https://api.jquery.com/on/ }\`
-     * @since 1.7
-     */
-    on(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one<TData>(events: string,
-               selector: JQuery.Selector | null,
-               data: TData,
-               handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param selector A selector string to filter the descendants of the selected elements that trigger the event. If the
-     *                 selector is null or omitted, the event is always triggered when it reaches the selected element.
-     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
-     *                for a function that simply does return false.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one(events: string,
-        selector: JQuery.Selector,
-        handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param data Data to be passed to the handler in event.data when an event is triggered.
-     * @param handler A function to execute when the event is triggered.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one<TData>(events: string,
-               data: TData,
-               handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
-     * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand
-     *                for a function that simply does return false.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one(events: string,
-        handler: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
-     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
-     * @param data Data to be passed to the handler in event.data when an event occurs.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
-               selector: JQuery.Selector | null,
-               data: TData): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param selector A selector string to filter the descendants of the selected elements that will call the handler. If
-     *                 the selector is null or omitted, the handler is always called when it reaches the selected element.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>,
-        selector: JQuery.Selector): this; // tslint:disable-line:unified-signatures
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @param data Data to be passed to the handler in event.data when an event occurs.
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one<TData>(events: JQuery.PlainObject<JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>> | false>,
-               data: TData): this;
-    /**
-     * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
-     *
-     * @param events An object in which the string keys represent one or more space-separated event types and optional
-     *               namespaces, and the values represent a handler function to be called for the event(s).
-     * @see \`{@link https://api.jquery.com/one/ }\`
-     * @since 1.7
-     */
-    one(events: JQuery.PlainObject<JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false>): this;
-    /**
-     * Set the CSS outer height of each element in the set of matched elements.
-     *
-     * @param value A number representing the number of pixels, or a number along with an optional unit of measure
-     *              appended (as a string).
-     * @see \`{@link https://api.jquery.com/outerHeight/ }\`
-     * @since 1.8.0
-     */
-    outerHeight(value: string | number | ((this: TElement, index: number, height: number) => string | number)): this;
-    /**
-     * Get the current computed outer height (including padding, border, and optionally margin) for the
-     * first element in the set of matched elements.
-     *
-     * @param includeMargin A Boolean indicating whether to include the element's margin in the calculation.
-     * @see \`{@link https://api.jquery.com/outerHeight/ }\`
-     * @since 1.2.6
-     */
-    outerHeight(includeMargin?: boolean): number | undefined;
-    /**
-     * Set the CSS outer width of each element in the set of matched elements.
-     *
-     * @param value A number representing the number of pixels, or a number along with an optional unit of measure
-     *              appended (as a string).
-     *              A function returning the outer width to set. Receives the index position of the element in the set
-     *              and the old outer width as arguments. Within the function, this refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/outerWidth/ }\`
-     * @since 1.8.0
-     */
-    outerWidth(value: string | number | ((this: TElement, index: number, width: number) => string | number)): this;
-    /**
-     * Get the current computed outer width (including padding, border, and optionally margin) for the
-     * first element in the set of matched elements.
-     *
-     * @param includeMargin A Boolean indicating whether to include the element's margin in the calculation.
-     * @see \`{@link https://api.jquery.com/outerWidth/ }\`
-     * @since 1.2.6
-     */
-    outerWidth(includeMargin?: boolean): number | undefined;
-    /**
-     * Get the parent of each element in the current set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/parent/ }\`
-     * @since 1.0
-     */
-    parent(selector?: JQuery.Selector): this;
-    /**
-     * Get the ancestors of each element in the current set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/parents/ }\`
-     * @since 1.0
-     */
-    parents(selector?: JQuery.Selector): this;
-    /**
-     * Get the ancestors of each element in the current set of matched elements, up to but not including
-     * the element matched by the selector, DOM node, or jQuery object.
-     *
-     * @param selector A string containing a selector expression to indicate where to stop matching ancestor elements.
-     *                 A DOM node or jQuery object indicating where to stop matching ancestor elements.
-     * @param filter A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/parentsUntil/ }\`
-     * @since 1.4
-     * @since 1.6
-     */
-    parentsUntil(selector?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
-    /**
-     * Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.
-     *
-     * @see \`{@link https://api.jquery.com/position/ }\`
-     * @since 1.2
-     */
-    position(): JQuery.Coordinates;
-    /**
-     * Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
-     *
-     * @param contents One or more additional DOM elements, text nodes, arrays of elements and text nodes, HTML strings, or
-     *                 jQuery objects to insert at the beginning of each element in the set of matched elements.
-     * @see \`{@link https://api.jquery.com/prepend/ }\`
-     * @since 1.0
-     */
-    prepend(...contents: Array<JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>>): this;
-    /**
-     * Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
-     *
-     * @param fn A function that returns an HTML string, DOM element(s), text node(s), or jQuery object to insert at
-     *           the beginning of each element in the set of matched elements. Receives the index position of the
-     *           element in the set and the old HTML value of the element as arguments. Within the function, this
-     *           refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/prepend/ }\`
-     * @since 1.4
-     */
-    prepend(fn: (this: TElement, index: number, html: string) => JQuery.htmlString | JQuery.TypeOrArray<JQuery.Node | JQuery<JQuery.Node>>): this;
-    /**
-     * Insert every element in the set of matched elements to the beginning of the target.
-     *
-     * @param target A selector, element, HTML string, array of elements, or jQuery object; the matched set of elements
-     *               will be inserted at the beginning of the element(s) specified by this parameter.
-     * @see \`{@link https://api.jquery.com/prependTo/ }\`
-     * @since 1.0
-     */
-    prependTo(target: JQuery.Selector | JQuery.htmlString | JQuery.TypeOrArray<Element | DocumentFragment> | JQuery): this;
-    /**
-     * Get the immediately preceding sibling of each element in the set of matched elements. If a selector
-     * is provided, it retrieves the previous sibling only if it matches that selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/prev/ }\`
-     * @since 1.0
-     */
-    prev(selector?: JQuery.Selector): this;
-    /**
-     * Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/prevAll/ }\`
-     * @since 1.2
-     */
-    prevAll(selector?: JQuery.Selector): this;
-    /**
-     * Get all preceding siblings of each element up to but not including the element matched by the
-     * selector, DOM node, or jQuery object.
-     *
-     * @param selector A string containing a selector expression to indicate where to stop matching preceding sibling elements.
-     *                 A DOM node or jQuery object indicating where to stop matching preceding sibling elements.
-     * @param filter A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/prevUntil/ }\`
-     * @since 1.4
-     * @since 1.6
-     */
-    prevUntil(selector?: JQuery.Selector | Element | JQuery, filter?: JQuery.Selector): this;
-    /**
-     * Return a Promise object to observe when all actions of a certain type bound to the collection,
-     * queued or not, have finished.
-     *
-     * @param type The type of queue that needs to be observed.
-     * @param target Object onto which the promise methods have to be attached
-     * @see \`{@link https://api.jquery.com/promise/ }\`
-     * @since 1.6
-     */
-    promise<T extends object>(type: string, target: T): T & JQuery.Promise<this>;
-    /**
-     * Return a Promise object to observe when all actions of a certain type bound to the collection,
-     * queued or not, have finished.
-     *
-     * @param target Object onto which the promise methods have to be attached
-     * @see \`{@link https://api.jquery.com/promise/ }\`
-     * @since 1.6
-     */
-    promise<T extends object>(target: T): T & JQuery.Promise<this>;
-    /**
-     * Return a Promise object to observe when all actions of a certain type bound to the collection,
-     * queued or not, have finished.
-     *
-     * @param type The type of queue that needs to be observed.
-     * @see \`{@link https://api.jquery.com/promise/ }\`
-     * @since 1.6
-     */
-    promise(type?: string): JQuery.Promise<this>;
-    /**
-     * Set one or more properties for the set of matched elements.
-     *
-     * @param propertyName The name of the property to set.
-     * @param value A function returning the value to set. Receives the index position of the element in the set and the
-     *              old property value as arguments. Within the function, the keyword this refers to the current element.
-     * @see \`{@link https://api.jquery.com/prop/ }\`
-     * @since 1.6
-     */
-    prop(propertyName: string, value: (this: TElement, index: number, oldPropertyValue: any) => any): this;
-    /**
-     * Set one or more properties for the set of matched elements.
-     *
-     * @param propertyName The name of the property to set.
-     * @param value A value to set for the property.
-     * @see \`{@link https://api.jquery.com/prop/ }\`
-     * @since 1.6
-     */
-    prop(propertyName: string, value: any): this; // tslint:disable-line:unified-signatures
-    /**
-     * Set one or more properties for the set of matched elements.
-     *
-     * @param properties An object of property-value pairs to set.
-     * @see \`{@link https://api.jquery.com/prop/ }\`
-     * @since 1.6
-     */
-    prop(properties: JQuery.PlainObject): this;
-    /**
-     * Get the value of a property for the first element in the set of matched elements.
-     *
-     * @param propertyName The name of the property to get.
-     * @see \`{@link https://api.jquery.com/prop/ }\`
-     * @since 1.6
-     */
-    prop(propertyName: string): any | undefined;
-    /**
-     * Add a collection of DOM elements onto the jQuery stack.
-     *
-     * @param elements An array of elements to push onto the stack and make into a new jQuery object.
-     * @param name The name of a jQuery method that generated the array of elements.
-     * @param args The arguments that were passed in to the jQuery method (for serialization).
-     * @see \`{@link https://api.jquery.com/pushStack/ }\`
-     * @since 1.3
-     */
-    pushStack(elements: ArrayLike<Element>, name: string, args: any[]): this;
-    /**
-     * Add a collection of DOM elements onto the jQuery stack.
-     *
-     * @param elements An array of elements to push onto the stack and make into a new jQuery object.
-     * @see \`{@link https://api.jquery.com/pushStack/ }\`
-     * @since 1.0
-     */
-    pushStack(elements: ArrayLike<Element>): this;
-    /**
-     * Manipulate the queue of functions to be executed, once for each matched element.
-     *
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @param newQueue The new function to add to the queue, with a function to call that will dequeue the next item.
-     *                 An array of functions to replace the current queue contents.
-     * @see \`{@link https://api.jquery.com/queue/ }\`
-     * @since 1.2
-     */
-    queue(queueName: string, newQueue: JQuery.TypeOrArray<JQuery.QueueFunction<TElement>>): this;
-    /**
-     * Manipulate the queue of functions to be executed, once for each matched element.
-     *
-     * @param newQueue The new function to add to the queue, with a function to call that will dequeue the next item.
-     *                 An array of functions to replace the current queue contents.
-     * @see \`{@link https://api.jquery.com/queue/ }\`
-     * @since 1.2
-     */
-    queue(newQueue: JQuery.TypeOrArray<JQuery.QueueFunction<TElement>>): this;
-    /**
-     * Show the queue of functions to be executed on the matched elements.
-     *
-     * @param queueName A string containing the name of the queue. Defaults to fx, the standard effects queue.
-     * @see \`{@link https://api.jquery.com/queue/ }\`
-     * @since 1.2
-     */
-    queue(queueName?: string): JQuery.Queue<Node>;
-    /**
-     * Specify a function to execute when the DOM is fully loaded.
-     *
-     * @param handler A function to execute after the DOM is ready.
-     * @see \`{@link https://api.jquery.com/ready/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.0. Use `jQuery(function() { })`.
-     */
-    ready(handler: ($: JQueryStatic) => void): this;
-    /**
-     * Remove the set of matched elements from the DOM.
-     *
-     * @param selector A selector expression that filters the set of matched elements to be removed.
-     * @see \`{@link https://api.jquery.com/remove/ }\`
-     * @since 1.0
-     */
-    remove(selector?: string): this;
-    /**
-     * Remove an attribute from each element in the set of matched elements.
-     *
-     * @param attributeName An attribute to remove; as of version 1.7, it can be a space-separated list of attributes.
-     * @see \`{@link https://api.jquery.com/removeAttr/ }\`
-     * @since 1.0
-     */
-    removeAttr(attributeName: string): this;
-    /**
-     * Remove a single class, multiple classes, or all classes from each element in the set of matched elements.
-     *
-     * @param className One or more space-separated classes to be removed from the class attribute of each matched element.
-     *                  An array of classes to be removed from the class attribute of each matched element.
-     *                  A function returning one or more space-separated class names to be removed. Receives the index
-     *                  position of the element in the set and the old class value as arguments.
-     * @see \`{@link https://api.jquery.com/removeClass/ }\`
-     * @since 1.0
-     * @since 1.4
-     * @since 3.3
-     */
-    removeClass(className?: JQuery.TypeOrArray<string> | ((this: TElement, index: number, className: string) => string)): this;
-    /**
-     * Remove a previously-stored piece of data.
-     *
-     * @param name A string naming the piece of data to delete.
-     *             An array or space-separated string naming the pieces of data to delete.
-     * @see \`{@link https://api.jquery.com/removeData/ }\`
-     * @since 1.2.3
-     * @since 1.7
-     */
-    removeData(name?: JQuery.TypeOrArray<string>): this;
-    /**
-     * Remove a property for the set of matched elements.
-     *
-     * @param propertyName The name of the property to remove.
-     * @see \`{@link https://api.jquery.com/removeProp/ }\`
-     * @since 1.6
-     */
-    removeProp(propertyName: string): this;
-    /**
-     * Replace each target element with the set of matched elements.
-     *
-     * @param target A selector string, jQuery object, DOM element, or array of elements indicating which element(s) to replace.
-     * @see \`{@link https://api.jquery.com/replaceAll/ }\`
-     * @since 1.2
-     */
-    replaceAll(target: JQuery.Selector | JQuery | JQuery.TypeOrArray<Element>): this;
-    /**
-     * Replace each element in the set of matched elements with the provided new content and return the set
-     * of elements that was removed.
-     *
-     * @param newContent The content to insert. May be an HTML string, DOM element, array of DOM elements, or jQuery object.
-     *                   A function that returns content with which to replace the set of matched elements.
-     * @see \`{@link https://api.jquery.com/replaceWith/ }\`
-     * @since 1.2
-     * @since 1.4
-     */
-    replaceWith(newContent: JQuery.htmlString | JQuery | JQuery.TypeOrArray<Element> | ((this: TElement) => any)): this;
-    /**
-     * Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/resize/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    resize<TData>(eventData: TData,
-                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/resize/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    resize(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/scroll/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    scroll<TData>(eventData: TData,
-                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/scroll/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    scroll(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Set the current horizontal position of the scroll bar for each of the set of matched elements.
-     *
-     * @param value An integer indicating the new position to set the scroll bar to.
-     * @see \`{@link https://api.jquery.com/scrollLeft/ }\`
-     * @since 1.2.6
-     */
-    scrollLeft(value: number): this;
-    /**
-     * Get the current horizontal position of the scroll bar for the first element in the set of matched elements.
-     *
-     * @see \`{@link https://api.jquery.com/scrollLeft/ }\`
-     * @since 1.2.6
-     */
-    scrollLeft(): number | undefined;
-    /**
-     * Set the current vertical position of the scroll bar for each of the set of matched elements.
-     *
-     * @param value A number indicating the new position to set the scroll bar to.
-     * @see \`{@link https://api.jquery.com/scrollTop/ }\`
-     * @since 1.2.6
-     */
-    scrollTop(value: number): this;
-    /**
-     * Get the current vertical position of the scroll bar for the first element in the set of matched
-     * elements or set the vertical position of the scroll bar for every matched element.
-     *
-     * @see \`{@link https://api.jquery.com/scrollTop/ }\`
-     * @since 1.2.6
-     */
-    scrollTop(): number | undefined;
-    /**
-     * Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/select/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    select<TData>(eventData: TData,
-                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/select/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    select(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Encode a set of form elements as a string for submission.
-     *
-     * @see \`{@link https://api.jquery.com/serialize/ }\`
-     * @since 1.0
-     */
-    serialize(): string;
-    /**
-     * Encode a set of form elements as an array of names and values.
-     *
-     * @see \`{@link https://api.jquery.com/serializeArray/ }\`
-     * @since 1.2
-     */
-    serializeArray(): JQuery.NameValuePair[];
-    /**
-     * Display the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/show/ }\`
-     * @since 1.4.3
-     */
-    show(duration: JQuery.Duration, easing: string, complete: (this: TElement) => void): this;
-    /**
-     * Display the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing_complete A string indicating which easing function to use for the transition.
-     *                        A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/show/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    show(duration: JQuery.Duration, easing_complete: string | ((this: TElement) => void)): this;
-    /**
-     * Display the matched elements.
-     *
-     * @param duration_complete_options A string or number determining how long the animation will run.
-     *                                  A function to call once the animation is complete, called once per matched element.
-     *                                  A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/show/ }\`
-     * @since 1.0
-     */
-    show(duration_complete_options?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Get the siblings of each element in the set of matched elements, optionally filtered by a selector.
-     *
-     * @param selector A string containing a selector expression to match elements against.
-     * @see \`{@link https://api.jquery.com/siblings/ }\`
-     * @since 1.0
-     */
-    siblings(selector?: JQuery.Selector): this;
-    /**
-     * Reduce the set of matched elements to a subset specified by a range of indices.
-     *
-     * @param start An integer indicating the 0-based position at which the elements begin to be selected. If negative,
-     *              it indicates an offset from the end of the set.
-     * @param end An integer indicating the 0-based position at which the elements stop being selected. If negative,
-     *            it indicates an offset from the end of the set. If omitted, the range continues until the end of the set.
-     * @see \`{@link https://api.jquery.com/slice/ }\`
-     * @since 1.1.4
-     */
-    slice(start: number, end?: number): this;
-    /**
-     * Display the matched elements with a sliding motion.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideDown/ }\`
-     * @since 1.4.3
-     */
-    slideDown(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Display the matched elements with a sliding motion.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideDown/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideDown(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Display the matched elements with a sliding motion.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/slideDown/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideDown(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Display or hide the matched elements with a sliding motion.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
-     * @since 1.4.3
-     */
-    slideToggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements with a sliding motion.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideToggle(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements with a sliding motion.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/slideToggle/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideToggle(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Hide the matched elements with a sliding motion.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideUp/ }\`
-     * @since 1.4.3
-     */
-    slideUp(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Hide the matched elements with a sliding motion.
-     *
-     * @param duration_easing A string or number determining how long the animation will run.
-     *                        A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/slideUp/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideUp(duration_easing: JQuery.Duration | string, complete: (this: TElement) => void): this;
-    /**
-     * Hide the matched elements with a sliding motion.
-     *
-     * @param duration_easing_complete_options A string or number determining how long the animation will run.
-     *                                         A string indicating which easing function to use for the transition.
-     *                                         A function to call once the animation is complete, called once per matched element.
-     *                                         A map of additional options to pass to the method.
-     * @see \`{@link https://api.jquery.com/slideUp/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     */
-    slideUp(duration_easing_complete_options?: JQuery.Duration | string | ((this: TElement) => void) | JQuery.EffectsOptions<TElement>): this;
-    /**
-     * Stop the currently-running animation on the matched elements.
-     *
-     * @param queue The name of the queue in which to stop animations.
-     * @param clearQueue A Boolean indicating whether to remove queued animation as well. Defaults to false.
-     * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately. Defaults to false.
-     * @see \`{@link https://api.jquery.com/stop/ }\`
-     * @since 1.7
-     */
-    stop(queue: string, clearQueue?: boolean, jumpToEnd?: boolean): this;
-    /**
-     * Stop the currently-running animation on the matched elements.
-     *
-     * @param clearQueue A Boolean indicating whether to remove queued animation as well. Defaults to false.
-     * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately. Defaults to false.
-     * @see \`{@link https://api.jquery.com/stop/ }\`
-     * @since 1.2
-     */
-    stop(clearQueue?: boolean, jumpToEnd?: boolean): this;
-    /**
-     * Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
-     *
-     * @param eventData An object containing data that will be passed to the event handler.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/submit/ }\`
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    submit<TData>(eventData: TData,
-                  handler: JQuery.EventHandler<TElement, TData> | JQuery.EventHandlerBase<any, JQuery.Event<TElement, TData>>): this;
-    /**
-     * Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
-     *
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/submit/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.3. Use \`{@link JQuery.on }\` or \`{@link JQuery.trigger }\`.
-     */
-    submit(handler?: JQuery.EventHandler<TElement> | JQuery.EventHandlerBase<any, JQuery.Event<TElement>> | false): this;
-    /**
-     * Set the content of each element in the set of matched elements to the specified text.
-     *
-     * @param text The text to set as the content of each matched element. When Number or Boolean is supplied, it will
-     *             be converted to a String representation.
-     *             A function returning the text content to set. Receives the index position of the element in the set
-     *             and the old text value as arguments.
-     * @see \`{@link https://api.jquery.com/text/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    text(text: string | number | boolean | ((this: TElement, index: number, text: string) => string | number | boolean)): this;
-    /**
-     * Get the combined text contents of each element in the set of matched elements, including their descendants.
-     *
-     * @see \`{@link https://api.jquery.com/text/ }\`
-     * @since 1.0
-     */
-    text(): string;
-    /**
-     * Retrieve all the elements contained in the jQuery set, as an array.
-     *
-     * @see \`{@link https://api.jquery.com/toArray/ }\`
-     * @since 1.4
-     */
-    toArray(): TElement[];
-    /**
-     * Display or hide the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param easing A string indicating which easing function to use for the transition.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/toggle/ }\`
-     * @since 1.4.3
-     */
-    toggle(duration: JQuery.Duration, easing: string, complete?: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements.
-     *
-     * @param duration A string or number determining how long the animation will run.
-     * @param complete A function to call once the animation is complete, called once per matched element.
-     * @see \`{@link https://api.jquery.com/toggle/ }\`
-     * @since 1.0
-     */
-    toggle(duration: JQuery.Duration, complete: (this: TElement) => void): this;
-    /**
-     * Display or hide the matched elements.
-     *
-     * @param duration_complete_options_display A string or number determining how long the animation will run.
-     *                                          A function to call once the animation is complete, called once per matched element.
-     *                                          A map of additional options to pass to the method.
-     *                                          Use true to show the element or false to hide it.
-     * @see \`{@link https://api.jquery.com/toggle/ }\`
-     * @since 1.0
-     * @since 1.3
-     */
-    toggle(duration_complete_options_display?: JQuery.Duration | ((this: TElement) => void) | JQuery.EffectsOptions<TElement> | boolean): this;
-    /**
-     * Add or remove one or more classes from each element in the set of matched elements, depending on
-     * either the class's presence or the value of the state argument.
-     *
-     * @param className One or more class names (separated by spaces) to be toggled for each element in the matched set.
-     *                  An array of classes to be toggled for each element in the matched set.
-     *                  A function that returns class names to be toggled in the class attribute of each element in the
-     *                  matched set. Receives the index position of the element in the set, the old class value, and the state as arguments.
-     * @param state A Boolean (not just truthy/falsy) value to determine whether the class should be added or removed.
-     * @see \`{@link https://api.jquery.com/toggleClass/ }\`
-     * @since 1.0
-     * @since 1.3
-     * @since 1.4
-     * @since 3.3
-     */
-    toggleClass<TState extends boolean>(className: JQuery.TypeOrArray<string> | ((this: TElement, index: number, className: string, state: TState) => string),
-                                        state?: TState): this;
-    /**
-     * Add or remove one or more classes from each element in the set of matched elements, depending on
-     * either the class's presence or the value of the state argument.
-     *
-     * @param state A boolean value to determine whether the class should be added or removed.
-     * @see \`{@link https://api.jquery.com/toggleClass/ }\`
-     * @since 1.4
-     *
-     * @deprecated Deprecated since 3.0. See \`{@link https://github.com/jquery/jquery/pull/2618 }\`.
-     */
-    toggleClass(state?: boolean): this;
-    /**
-     * Execute all handlers and behaviors attached to the matched elements for the given event type.
-     *
-     * @param eventType A string containing a JavaScript event type, such as click or submit.
-     *                  A jQuery.Event object.
-     * @param extraParameters Additional parameters to pass along to the event handler.
-     * @see \`{@link https://api.jquery.com/trigger/ }\`
-     * @since 1.0
-     * @since 1.3
-     */
-    trigger(eventType: string | JQuery.Event<TElement>, extraParameters?: any[] | JQuery.PlainObject | string | number): this;
-    /**
-     * Execute all handlers attached to an element for an event.
-     *
-     * @param eventType A string containing a JavaScript event type, such as click or submit.
-     *                  A jQuery.Event object.
-     * @param extraParameters Additional parameters to pass along to the event handler.
-     * @see \`{@link https://api.jquery.com/triggerHandler/ }\`
-     * @since 1.2
-     * @since 1.3
-     */
-    triggerHandler(eventType: string | JQuery.Event<TElement>, extraParameters?: any[] | JQuery.PlainObject | string | number): undefined | any;
-    /**
-     * Remove a previously-attached event handler from the elements.
-     *
-     * @param event A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/unbind/ }\`
-     * @since 1.0
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.off }\`.
-     */
-    unbind(event: string, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
-    /**
-     * Remove a previously-attached event handler from the elements.
-     *
-     * @param event A string containing one or more DOM event types, such as "click" or "submit," or custom event names.
-     *              A jQuery.Event object.
-     * @see \`{@link https://api.jquery.com/unbind/ }\`
-     * @since 1.0
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.off }\`.
-     */
-    unbind(event?: string | JQuery.Event<TElement>): this;
-    /**
-     * Remove a handler from the event for all elements which match the current selector, based upon a
-     * specific set of root elements.
-     *
-     * @param selector A selector which will be used to filter the event results.
-     * @param eventType A string containing a JavaScript event type, such as "click" or "keydown"
-     * @param handler A function to execute each time the event is triggered.
-     * @see \`{@link https://api.jquery.com/undelegate/ }\`
-     * @since 1.4.2
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.off }\`.
-     */
-    undelegate(selector: JQuery.Selector, eventType: string, handler: JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false): this;
-    /**
-     * Remove a handler from the event for all elements which match the current selector, based upon a
-     * specific set of root elements.
-     *
-     * @param selector A selector which will be used to filter the event results.
-     * @param eventTypes A string containing a JavaScript event type, such as "click" or "keydown"
-     *                   An object of one or more event types and previously bound functions to unbind from them.
-     * @see \`{@link https://api.jquery.com/undelegate/ }\`
-     * @since 1.4.2
-     * @since 1.4.3
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.off }\`.
-     */
-    undelegate(selector: JQuery.Selector, eventTypes: string | JQuery.PlainObject<JQuery.EventHandlerBase<any, JQuery.Event<TElement, any>> | false>): this;
-    /**
-     * Remove a handler from the event for all elements which match the current selector, based upon a
-     * specific set of root elements.
-     *
-     * @param namespace A selector which will be used to filter the event results.
-     * @see \`{@link https://api.jquery.com/undelegate/ }\`
-     * @since 1.4.2
-     * @since 1.6
-     *
-     * @deprecated Deprecated since 3.0. Use \`{@link JQuery.off }\`.
-     */
-    undelegate(namespace?: string): this;
-    /**
-     * Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.
-     *
-     * @param selector A selector to check the parent element against. If an element's parent does not match the selector,
-     *                 the element won't be unwrapped.
-     * @see \`{@link https://api.jquery.com/unwrap/ }\`
-     * @since 1.4
-     * @since 3.0
-     */
-    unwrap(selector?: string): this;
-    /**
-     * Set the value of each element in the set of matched elements.
-     *
-     * @param value A string of text, a number, or an array of strings corresponding to the value of each matched
-     *              element to set as selected/checked.
-     *              A function returning the value to set. this is the current element. Receives the index position of
-     *              the element in the set and the old value as arguments.
-     * @see \`{@link https://api.jquery.com/val/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    val(value: string | number | string[] | ((this: TElement, index: number, value: string) => string)): this;
-    /**
-     * Get the current value of the first element in the set of matched elements.
-     *
-     * @see \`{@link https://api.jquery.com/val/ }\`
-     * @since 1.0
-     */
-    val(): string | number | string[] | undefined;
-    /**
-     * Set the CSS width of each element in the set of matched elements.
-     *
-     * @param value An integer representing the number of pixels, or an integer along with an optional unit of measure
-     *              appended (as a string).
-     *              A function returning the width to set. Receives the index position of the element in the set and the
-     *              old width as arguments. Within the function, this refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/width/ }\`
-     * @since 1.0
-     * @since 1.4.1
-     */
-    width(value: string | number | ((this: TElement, index: number, value: number) => string | number)): this;
-    /**
-     * Get the current computed width for the first element in the set of matched elements.
-     *
-     * @see \`{@link https://api.jquery.com/width/ }\`
-     * @since 1.0
-     */
-    width(): number | undefined;
-    /**
-     * Wrap an HTML structure around each element in the set of matched elements.
-     *
-     * @param wrappingElement A selector, element, HTML string, or jQuery object specifying the structure to wrap around the
-     *                        matched elements. When you pass a jQuery collection containing more than one element, or a selector
-     *                        matching more than one element, the first element will be used.
-     *                        A callback function returning the HTML content or jQuery object to wrap around the matched elements.
-     *                        Receives the index position of the element in the set as an argument. Within the function, this
-     *                        refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/wrap/ }\`
-     * @since 1.0
-     * @since 1.4
-     */
-    wrap(wrappingElement: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement, index: number) => string | JQuery)): this;
-    /**
-     * Wrap an HTML structure around all elements in the set of matched elements.
-     *
-     * @param wrappingElement A selector, element, HTML string, or jQuery object specifying the structure to wrap around the matched elements.
-     *                        A callback function returning the HTML content or jQuery object to wrap around all the matched
-     *                        elements. Within the function, this refers to the first element in the set. Prior to jQuery 3.0, the
-     *                        callback was incorrectly called for every element in the set and received the index position of the
-     *                        element in the set as an argument.
-     * @see \`{@link https://api.jquery.com/wrapAll/ }\`
-     * @since 1.2
-     * @since 1.4
-     */
-    wrapAll(wrappingElement: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement) => string | JQuery)): this;
-    /**
-     * Wrap an HTML structure around the content of each element in the set of matched elements.
-     *
-     * @param wrappingElement An HTML snippet, selector expression, jQuery object, or DOM element specifying the structure to wrap
-     *                        around the content of the matched elements.
-     *                        A callback function which generates a structure to wrap around the content of the matched elements.
-     *                        Receives the index position of the element in the set as an argument. Within the function, this
-     *                        refers to the current element in the set.
-     * @see \`{@link https://api.jquery.com/wrapInner/ }\`
-     * @since 1.2
-     * @since 1.4
-     */
-    wrapInner(wrappingElement: JQuery.Selector | JQuery.htmlString | Element | JQuery | ((this: TElement, index: number) => string | JQuery | Element)): this;
-
-    [n: number]: TElement;
-}
-
-// #region ES5 compatibility
-
-// tslint:disable-next-line:no-empty-interface
-interface Iterable<T> { }
-
-interface SymbolConstructor {
-    /**
-     * A String value that is used in the creation of the default string description of an object.
-     * Called by the built-in method Object.prototype.toString.
-     */
-    readonly toStringTag: symbol;
-}
-
-declare var Symbol: SymbolConstructor;
-
-// #endregion
-
-declare namespace JQuery {
-    type TypeOrArray<T> = T | T[];
-    type Node = Element | Text | Comment | DocumentFragment;
-
-    /**
-     * A string is designated htmlString in jQuery documentation when it is used to represent one or more
-     * DOM elements, typically to be created and inserted in the document. When passed as an argument of
-     * the jQuery() function, the string is identified as HTML if it starts with <tag ... >) and is parsed
-     * as such until the final > character. Prior to jQuery 1.9, a string was considered to be HTML if it
-     * contained <tag ... > anywhere within the string.
-     */
-    type htmlString = string;
-    /**
-     * A selector is used in jQuery to select DOM elements from a DOM document. That document is, in most
-     * cases, the DOM document present in all browsers, but can also be an XML document received via Ajax.
-     */
-    type Selector = string;
-
-    /**
-     * The PlainObject type is a JavaScript object containing zero or more key-value pairs. The plain
-     * object is, in other words, an Object object. It is designated "plain" in jQuery documentation to
-     * distinguish it from other kinds of JavaScript objects: for example, null, user-defined arrays, and
-     * host objects such as document, all of which have a typeof value of "object."
-     */
-    interface PlainObject<T = any> {
-        [key: string]: T;
-    }
-
-    // #region Ajax
-
-    interface AjaxSettings<TContext = any> extends Ajax.AjaxSettingsBase<TContext> {
-        /**
-         * A string containing the URL to which the request is sent.
-         */
-        url?: string;
-        /**
-         * A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x,
-         * XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and
-         * settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend
-         * function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless
-         * of the type of request.
-         */
-        beforeSend?(this: TContext, jqXHR: jqXHR, settings: AjaxSettings<TContext>): false | void;
-    }
-
-    interface UrlAjaxSettings<TContext = any> extends Ajax.AjaxSettingsBase<TContext> {
-        /**
-         * A string containing the URL to which the request is sent.
-         */
-        url: string;
-        /**
-         * A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x,
-         * XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and
-         * settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend
-         * function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless
-         * of the type of request.
-         */
-        beforeSend?(this: TContext, jqXHR: jqXHR, settings: UrlAjaxSettings<TContext>): false | void;
-    }
-
-    namespace Ajax {
-        type SuccessTextStatus = 'success' | 'notmodified' | 'nocontent';
-        type ErrorTextStatus = 'timeout' | 'error' | 'abort' | 'parsererror';
-        type TextStatus = SuccessTextStatus | ErrorTextStatus;
-
-        interface SuccessCallback<TContext> {
-            (this: TContext, data: any, textStatus: SuccessTextStatus, jqXHR: jqXHR): void;
-        }
-
-        interface ErrorCallback<TContext> {
-            (this: TContext, jqXHR: jqXHR, textStatus: ErrorTextStatus, errorThrown: string): void;
-        }
-
-        interface CompleteCallback<TContext> {
-            (this: TContext, jqXHR: jqXHR, textStatus: TextStatus): void;
-        }
-
-        /**
-         * @see \`{@link http://api.jquery.com/jquery.ajax/#jQuery-ajax-settings }\`
-         */
-        interface AjaxSettingsBase<TContext> {
-            /**
-             * A set of key/value pairs that map a given dataType to its MIME type, which gets sent in the Accept
-             * request header. This header tells the server what kind of response it will accept in return.
-             */
-            accepts?: PlainObject<string>;
-            /**
-             * By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need
-             * synchronous requests, set this option to false. Cross-domain requests and dataType: "jsonp" requests
-             * do not support synchronous operation. Note that synchronous requests may temporarily lock the
-             * browser, disabling any actions while the request is active. As of jQuery 1.8, the use of async:
-             * false with jqXHR ($.Deferred) is deprecated; you must use the success/error/complete callback
-             * options instead of the corresponding methods of the jqXHR object such as jqXHR.done().
-             */
-            async?: boolean;
-            /**
-             * A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x,
-             * XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and
-             * settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend
-             * function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless
-             * of the type of request.
-             */
-            beforeSend?(this: TContext, jqXHR: jqXHR, settings: AjaxSettingsBase<TContext>): false | void;
-            /**
-             * If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache
-             * to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}"
-             * to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a
-             * POST is made to a URL that has already been requested by a GET.
-             */
-            cache?: boolean;
-            /**
-             * A function to be called when the request finishes (after success and error callbacks are executed).
-             * The function gets passed two arguments: The jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object and a
-             * string categorizing the status of the request ("success", "notmodified", "nocontent", "error",
-             * "timeout", "abort", or "parsererror"). As of jQuery 1.5, the complete setting can accept an array of
-             * functions. Each function will be called in turn. This is an Ajax Event.
-             */
-            complete?: TypeOrArray<CompleteCallback<TContext>>;
-            /**
-             * An object of string/regular-expression pairs that determine how jQuery will parse the response,
-             * given its content type.
-             */
-            contents?: PlainObject<RegExp>;
-            /**
-             * When sending data to the server, use this content type. Default is
-             * "application/x-www-form-urlencoded; charset=UTF-8", which is fine for most cases. If you explicitly
-             * pass in a content-type to $.ajax(), then it is always sent to the server (even if no data is sent).
-             * As of jQuery 1.6 you can pass false to tell jQuery to not set any content type header. Note: The W3C
-             * XMLHttpRequest specification dictates that the charset is always UTF-8; specifying another charset
-             * will not force the browser to change the encoding. Note: For cross-domain requests, setting the
-             * content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or
-             * text/plain will trigger the browser to send a preflight OPTIONS request to the server.
-             */
-            contentType?: string | false;
-            /**
-             * This object will be the context of all Ajax-related callbacks. By default, the context is an object
-             * that represents the Ajax settings used in the call ($.ajaxSettings merged with the settings passed to $.ajax).
-             */
-            context?: TContext;
-            /**
-             * An object containing dataType-to-dataType converters. Each converter's value is a function that
-             * returns the transformed value of the response.
-             */
-            converters?: PlainObject<((value: any) => any) | true>;
-            /**
-             * If you wish to force a crossDomain request (such as JSONP) on the same domain, set the value of
-             * crossDomain to true. This allows, for example, server-side redirection to another domain.
-             */
-            crossDomain?: boolean;
-            /**
-             * Data to be sent to the server. It is converted to a query string, if not already a string. It's
-             * appended to the url for GET-requests. See processData option to prevent this automatic processing.
-             * Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same
-             * key based on the value of the traditional setting (described below).
-             */
-            data?: PlainObject | string;
-            /**
-             * A function to be used to handle the raw response data of XMLHttpRequest. This is a pre-filtering
-             * function to sanitize the response. You should return the sanitized data. The function accepts two
-             * arguments: The raw data returned from the server and the 'dataType' parameter.
-             */
-            dataFilter?(data: string, type: string): any;
-            /**
-             * The type of data that you're expecting back from the server. If none is specified, jQuery will try
-             * to infer it based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON
-             * will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be
-             * returned as a string). The available types (and the result passed as the first argument to your
-             * success callback) are:
-             *
-             * "xml": Returns a XML document that can be processed via jQuery.
-             *
-             * "html": Returns HTML as plain text; included script tags are evaluated when inserted in the DOM.
-             *
-             * "script": Evaluates the response as JavaScript and returns it as plain text. Disables caching by
-             * appending a query string parameter, _=[TIMESTAMP], to the URL unless the cache option is set to
-             * true. Note: This will turn POSTs into GETs for remote-domain requests.
-             *
-             * "json": Evaluates the response as JSON and returns a JavaScript object. Cross-domain "json" requests
-             * are converted to "jsonp" unless the request includes jsonp: false in its request options. The JSON
-             * data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. As of
-             * jQuery 1.9, an empty response is also rejected; the server should return a response of null or {}
-             * instead. (See json.org for more information on proper JSON formatting.)
-             *
-             * "jsonp": Loads in a JSON block using JSONP. Adds an extra "?callback=?" to the end of your URL to
-             * specify the callback. Disables caching by appending a query string parameter, "_=[TIMESTAMP]", to
-             * the URL unless the cache option is set to true.
-             *
-             * "text": A plain text string.
-             *
-             * multiple, space-separated values: As of jQuery 1.5, jQuery can convert a dataType from what it
-             * received in the Content-Type header to what you require. For example, if you want a text response to
-             * be treated as XML, use "text xml" for the dataType. You can also make a JSONP request, have it
-             * received as text, and interpreted by jQuery as XML: "jsonp text xml". Similarly, a shorthand string
-             * such as "jsonp xml" will first attempt to convert from jsonp to xml, and, failing that, convert from
-             * jsonp to text, and then from text to xml.
-             */
-            dataType?: 'xml' | 'html' | 'script' | 'json' | 'jsonp' | 'text' | string;
-            /**
-             * A function to be called if the request fails. The function receives three arguments: The jqXHR (in
-             * jQuery 1.4.x, XMLHttpRequest) object, a string describing the type of error that occurred and an
-             * optional exception object, if one occurred. Possible values for the second argument (besides null)
-             * are "timeout", "error", "abort", and "parsererror". When an HTTP error occurs, errorThrown receives
-             * the textual portion of the HTTP status, such as "Not Found" or "Internal Server Error." As of jQuery
-             * 1.5, the error setting can accept an array of functions. Each function will be called in turn. Note:
-             * This handler is not called for cross-domain script and cross-domain JSONP requests. This is an Ajax Event.
-             */
-            error?: TypeOrArray<ErrorCallback<TContext>>;
-            /**
-             * Whether to trigger global Ajax event handlers for this request. The default is true. Set to false to
-             * prevent the global handlers like ajaxStart or ajaxStop from being triggered. This can be used to
-             * control various Ajax Events.
-             */
-            global?: boolean;
-            /**
-             * An object of additional header key/value pairs to send along with requests using the XMLHttpRequest
-             * transport. The header X-Requested-With: XMLHttpRequest is always added, but its default
-             * XMLHttpRequest value can be changed here. Values in the headers setting can also be overwritten from
-             * within the beforeSend function.
-             */
-            headers?: PlainObject<string | null | undefined>;
-            /**
-             * Allow the request to be successful only if the response has changed since the last request. This is
-             * done by checking the Last-Modified header. Default value is false, ignoring the header. In jQuery
-             * 1.4 this technique also checks the 'etag' specified by the server to catch unmodified data.
-             */
-            ifModified?: boolean;
-            /**
-             * Allow the current environment to be recognized as "local," (e.g. the filesystem), even if jQuery
-             * does not recognize it as such by default. The following protocols are currently recognized as local:
-             * file, *-extension, and widget. If the isLocal setting needs modification, it is recommended to do so
-             * once in the $.ajaxSetup() method.
-             */
-            isLocal?: boolean;
-            /**
-             * Override the callback function name in a JSONP request. This value will be used instead of
-             * 'callback' in the 'callback=?' part of the query string in the url. So {jsonp:'onJSONPLoad'} would
-             * result in 'onJSONPLoad=?' passed to the server. As of jQuery 1.5, setting the jsonp option to false
-             * prevents jQuery from adding the "?callback" string to the URL or attempting to use "=?" for
-             * transformation. In this case, you should also explicitly set the jsonpCallback setting. For example,
-             * { jsonp: false, jsonpCallback: "callbackName" }. If you don't trust the target of your Ajax
-             * requests, consider setting the jsonp property to false for security reasons.
-             */
-            jsonp?: string | false;
-            /**
-             * Specify the callback function name for a JSONP request. This value will be used instead of the
-             * random name automatically generated by jQuery. It is preferable to let jQuery generate a unique name
-             * as it'll make it easier to manage the requests and provide callbacks and error handling. You may
-             * want to specify the callback when you want to enable better browser caching of GET requests. As of
-             * jQuery 1.5, you can also use a function for this setting, in which case the value of jsonpCallback
-             * is set to the return value of that function.
-             */
-            jsonpCallback?: string | ((this: TContext) => string);
-            /**
-             * The HTTP method to use for the request (e.g. "POST", "GET", "PUT").
-             */
-            method?: string;
-            /**
-             * A mime type to override the XHR mime type.
-             */
-            mimeType?: string;
-            /**
-             * A password to be used with XMLHttpRequest in response to an HTTP access authentication request.
-             */
-            password?: string;
-            /**
-             * By default, data passed in to the data option as an object (technically, anything other than a
-             * string) will be processed and transformed into a query string, fitting to the default content-type
-             * "application/x-www-form-urlencoded". If you want to send a DOMDocument, or other non-processed data,
-             * set this option to false.
-             */
-            processData?: boolean;
-            /**
-             * Only applies when the "script" transport is used (e.g., cross-domain requests with "jsonp" or
-             * "script" dataType and "GET" type). Sets the charset attribute on the script tag used in the request.
-             * Used when the character set on the local page is not the same as the one on the remote script.
-             */
-            scriptCharset?: string;
-            /**
-             * An object of numeric HTTP codes and functions to be called when the response has the corresponding
-             * code.
-             *
-             * If the request is successful, the status code functions take the same parameters as the success
-             * callback; if it results in an error (including 3xx redirect), they take the same parameters as the error callback.
-             */
-            statusCode?: StatusCodeCallbacks<TContext>;
-            /**
-             * A function to be called if the request succeeds. The function gets passed three arguments: The data
-             * returned from the server, formatted according to the dataType parameter or the dataFilter callback
-             * function, if specified; a string describing the status; and the jqXHR (in jQuery 1.4.x,
-             * XMLHttpRequest) object. As of jQuery 1.5, the success setting can accept an array of functions. Each
-             * function will be called in turn. This is an Ajax Event.
-             */
-            success?: TypeOrArray<SuccessCallback<TContext>>;
-            /**
-             * Set a timeout (in milliseconds) for the request. A value of 0 means there will be no timeout. This
-             * will override any global timeout set with $.ajaxSetup(). The timeout period starts at the point the
-             * $.ajax call is made; if several other requests are in progress and the browser has no connections
-             * available, it is possible for a request to time out before it can be sent. In jQuery 1.4.x and
-             * below, the XMLHttpRequest object will be in an invalid state if the request times out; accessing any
-             * object members may throw an exception. In Firefox 3.0+ only, script and JSONP requests cannot be
-             * cancelled by a timeout; the script will run even if it arrives after the timeout period.
-             */
-            timeout?: number;
-            /**
-             * Set this to true if you wish to use the traditional style of param serialization.
-             */
-            traditional?: boolean;
-            /**
-             * An alias for method. You should use type if you're using versions of jQuery prior to 1.9.0.
-             */
-            type?: string;
-            /**
-             * A username to be used with XMLHttpRequest in response to an HTTP access authentication request.
-             */
-            username?: string;
-            // ActiveXObject requires "lib": ["scripthost"] which consumers would also require
-            /**
-             * Callback for creating the XMLHttpRequest object. Defaults to the ActiveXObject when available (IE),
-             * the XMLHttpRequest otherwise. Override to provide your own implementation for XMLHttpRequest or
-             * enhancements to the factory.
-             */
-            xhr?(): XMLHttpRequest;
-            /**
-             * An object of fieldName-fieldValue pairs to set on the native XHR object.
-             *
-             * In jQuery 1.5, the withCredentials property was not propagated to the native XHR and thus CORS
-             * requests requiring it would ignore this flag. For this reason, we recommend using jQuery 1.5.1+
-             * should you require the use of it.
-             */
-            xhrFields?: XHRFields;
-        }
-
-        type StatusCodeCallbacks<TContext> = {
-            // #region Success Status Codes
-
-            // jQuery treats 2xx and 304 status codes as a success
-
-            200?: SuccessCallback<TContext>;
-            201?: SuccessCallback<TContext>;
-            202?: SuccessCallback<TContext>;
-            203?: SuccessCallback<TContext>;
-            204?: SuccessCallback<TContext>;
-            205?: SuccessCallback<TContext>;
-            206?: SuccessCallback<TContext>;
-            207?: SuccessCallback<TContext>;
-            208?: SuccessCallback<TContext>;
-            209?: SuccessCallback<TContext>;
-            210?: SuccessCallback<TContext>;
-            211?: SuccessCallback<TContext>;
-            212?: SuccessCallback<TContext>;
-            213?: SuccessCallback<TContext>;
-            214?: SuccessCallback<TContext>;
-            215?: SuccessCallback<TContext>;
-            216?: SuccessCallback<TContext>;
-            217?: SuccessCallback<TContext>;
-            218?: SuccessCallback<TContext>;
-            219?: SuccessCallback<TContext>;
-            220?: SuccessCallback<TContext>;
-            221?: SuccessCallback<TContext>;
-            222?: SuccessCallback<TContext>;
-            223?: SuccessCallback<TContext>;
-            224?: SuccessCallback<TContext>;
-            225?: SuccessCallback<TContext>;
-            226?: SuccessCallback<TContext>;
-            227?: SuccessCallback<TContext>;
-            228?: SuccessCallback<TContext>;
-            229?: SuccessCallback<TContext>;
-            230?: SuccessCallback<TContext>;
-            231?: SuccessCallback<TContext>;
-            232?: SuccessCallback<TContext>;
-            233?: SuccessCallback<TContext>;
-            234?: SuccessCallback<TContext>;
-            235?: SuccessCallback<TContext>;
-            236?: SuccessCallback<TContext>;
-            237?: SuccessCallback<TContext>;
-            238?: SuccessCallback<TContext>;
-            239?: SuccessCallback<TContext>;
-            240?: SuccessCallback<TContext>;
-            241?: SuccessCallback<TContext>;
-            242?: SuccessCallback<TContext>;
-            243?: SuccessCallback<TContext>;
-            244?: SuccessCallback<TContext>;
-            245?: SuccessCallback<TContext>;
-            246?: SuccessCallback<TContext>;
-            247?: SuccessCallback<TContext>;
-            248?: SuccessCallback<TContext>;
-            249?: SuccessCallback<TContext>;
-            250?: SuccessCallback<TContext>;
-            251?: SuccessCallback<TContext>;
-            252?: SuccessCallback<TContext>;
-            253?: SuccessCallback<TContext>;
-            254?: SuccessCallback<TContext>;
-            255?: SuccessCallback<TContext>;
-            256?: SuccessCallback<TContext>;
-            257?: SuccessCallback<TContext>;
-            258?: SuccessCallback<TContext>;
-            259?: SuccessCallback<TContext>;
-            260?: SuccessCallback<TContext>;
-            261?: SuccessCallback<TContext>;
-            262?: SuccessCallback<TContext>;
-            263?: SuccessCallback<TContext>;
-            264?: SuccessCallback<TContext>;
-            265?: SuccessCallback<TContext>;
-            266?: SuccessCallback<TContext>;
-            267?: SuccessCallback<TContext>;
-            268?: SuccessCallback<TContext>;
-            269?: SuccessCallback<TContext>;
-            270?: SuccessCallback<TContext>;
-            271?: SuccessCallback<TContext>;
-            272?: SuccessCallback<TContext>;
-            273?: SuccessCallback<TContext>;
-            274?: SuccessCallback<TContext>;
-            275?: SuccessCallback<TContext>;
-            276?: SuccessCallback<TContext>;
-            277?: SuccessCallback<TContext>;
-            278?: SuccessCallback<TContext>;
-            279?: SuccessCallback<TContext>;
-            280?: SuccessCallback<TContext>;
-            281?: SuccessCallback<TContext>;
-            282?: SuccessCallback<TContext>;
-            283?: SuccessCallback<TContext>;
-            284?: SuccessCallback<TContext>;
-            285?: SuccessCallback<TContext>;
-            286?: SuccessCallback<TContext>;
-            287?: SuccessCallback<TContext>;
-            288?: SuccessCallback<TContext>;
-            289?: SuccessCallback<TContext>;
-            290?: SuccessCallback<TContext>;
-            291?: SuccessCallback<TContext>;
-            292?: SuccessCallback<TContext>;
-            293?: SuccessCallback<TContext>;
-            294?: SuccessCallback<TContext>;
-            295?: SuccessCallback<TContext>;
-            296?: SuccessCallback<TContext>;
-            297?: SuccessCallback<TContext>;
-            298?: SuccessCallback<TContext>;
-            299?: SuccessCallback<TContext>;
-            304?: SuccessCallback<TContext>;
-
-            // #endregion
-
-            // #region Error Status Codes
-
-            300?: ErrorCallback<TContext>;
-            301?: ErrorCallback<TContext>;
-            302?: ErrorCallback<TContext>;
-            303?: ErrorCallback<TContext>;
-            305?: ErrorCallback<TContext>;
-            306?: ErrorCallback<TContext>;
-            307?: ErrorCallback<TContext>;
-            308?: ErrorCallback<TContext>;
-            309?: ErrorCallback<TContext>;
-            310?: ErrorCallback<TContext>;
-            311?: ErrorCallback<TContext>;
-            312?: ErrorCallback<TContext>;
-            313?: ErrorCallback<TContext>;
-            314?: ErrorCallback<TContext>;
-            315?: ErrorCallback<TContext>;
-            316?: ErrorCallback<TContext>;
-            317?: ErrorCallback<TContext>;
-            318?: ErrorCallback<TContext>;
-            319?: ErrorCallback<TContext>;
-            320?: ErrorCallback<TContext>;
-            321?: ErrorCallback<TContext>;
-            322?: ErrorCallback<TContext>;
-            323?: ErrorCallback<TContext>;
-            324?: ErrorCallback<TContext>;
-            325?: ErrorCallback<TContext>;
-            326?: ErrorCallback<TContext>;
-            327?: ErrorCallback<TContext>;
-            328?: ErrorCallback<TContext>;
-            329?: ErrorCallback<TContext>;
-            330?: ErrorCallback<TContext>;
-            331?: ErrorCallback<TContext>;
-            332?: ErrorCallback<TContext>;
-            333?: ErrorCallback<TContext>;
-            334?: ErrorCallback<TContext>;
-            335?: ErrorCallback<TContext>;
-            336?: ErrorCallback<TContext>;
-            337?: ErrorCallback<TContext>;
-            338?: ErrorCallback<TContext>;
-            339?: ErrorCallback<TContext>;
-            340?: ErrorCallback<TContext>;
-            341?: ErrorCallback<TContext>;
-            342?: ErrorCallback<TContext>;
-            343?: ErrorCallback<TContext>;
-            344?: ErrorCallback<TContext>;
-            345?: ErrorCallback<TContext>;
-            346?: ErrorCallback<TContext>;
-            347?: ErrorCallback<TContext>;
-            348?: ErrorCallback<TContext>;
-            349?: ErrorCallback<TContext>;
-            350?: ErrorCallback<TContext>;
-            351?: ErrorCallback<TContext>;
-            352?: ErrorCallback<TContext>;
-            353?: ErrorCallback<TContext>;
-            354?: ErrorCallback<TContext>;
-            355?: ErrorCallback<TContext>;
-            356?: ErrorCallback<TContext>;
-            357?: ErrorCallback<TContext>;
-            358?: ErrorCallback<TContext>;
-            359?: ErrorCallback<TContext>;
-            360?: ErrorCallback<TContext>;
-            361?: ErrorCallback<TContext>;
-            362?: ErrorCallback<TContext>;
-            363?: ErrorCallback<TContext>;
-            364?: ErrorCallback<TContext>;
-            365?: ErrorCallback<TContext>;
-            366?: ErrorCallback<TContext>;
-            367?: ErrorCallback<TContext>;
-            368?: ErrorCallback<TContext>;
-            369?: ErrorCallback<TContext>;
-            370?: ErrorCallback<TContext>;
-            371?: ErrorCallback<TContext>;
-            372?: ErrorCallback<TContext>;
-            373?: ErrorCallback<TContext>;
-            374?: ErrorCallback<TContext>;
-            375?: ErrorCallback<TContext>;
-            376?: ErrorCallback<TContext>;
-            377?: ErrorCallback<TContext>;
-            378?: ErrorCallback<TContext>;
-            379?: ErrorCallback<TContext>;
-            380?: ErrorCallback<TContext>;
-            381?: ErrorCallback<TContext>;
-            382?: ErrorCallback<TContext>;
-            383?: ErrorCallback<TContext>;
-            384?: ErrorCallback<TContext>;
-            385?: ErrorCallback<TContext>;
-            386?: ErrorCallback<TContext>;
-            387?: ErrorCallback<TContext>;
-            388?: ErrorCallback<TContext>;
-            389?: ErrorCallback<TContext>;
-            390?: ErrorCallback<TContext>;
-            391?: ErrorCallback<TContext>;
-            392?: ErrorCallback<TContext>;
-            393?: ErrorCallback<TContext>;
-            394?: ErrorCallback<TContext>;
-            395?: ErrorCallback<TContext>;
-            396?: ErrorCallback<TContext>;
-            397?: ErrorCallback<TContext>;
-            398?: ErrorCallback<TContext>;
-            399?: ErrorCallback<TContext>;
-            400?: ErrorCallback<TContext>;
-            401?: ErrorCallback<TContext>;
-            402?: ErrorCallback<TContext>;
-            403?: ErrorCallback<TContext>;
-            404?: ErrorCallback<TContext>;
-            405?: ErrorCallback<TContext>;
-            406?: ErrorCallback<TContext>;
-            407?: ErrorCallback<TContext>;
-            408?: ErrorCallback<TContext>;
-            409?: ErrorCallback<TContext>;
-            410?: ErrorCallback<TContext>;
-            411?: ErrorCallback<TContext>;
-            412?: ErrorCallback<TContext>;
-            413?: ErrorCallback<TContext>;
-            414?: ErrorCallback<TContext>;
-            415?: ErrorCallback<TContext>;
-            416?: ErrorCallback<TContext>;
-            417?: ErrorCallback<TContext>;
-            418?: ErrorCallback<TContext>;
-            419?: ErrorCallback<TContext>;
-            420?: ErrorCallback<TContext>;
-            421?: ErrorCallback<TContext>;
-            422?: ErrorCallback<TContext>;
-            423?: ErrorCallback<TContext>;
-            424?: ErrorCallback<TContext>;
-            425?: ErrorCallback<TContext>;
-            426?: ErrorCallback<TContext>;
-            427?: ErrorCallback<TContext>;
-            428?: ErrorCallback<TContext>;
-            429?: ErrorCallback<TContext>;
-            430?: ErrorCallback<TContext>;
-            431?: ErrorCallback<TContext>;
-            432?: ErrorCallback<TContext>;
-            433?: ErrorCallback<TContext>;
-            434?: ErrorCallback<TContext>;
-            435?: ErrorCallback<TContext>;
-            436?: ErrorCallback<TContext>;
-            437?: ErrorCallback<TContext>;
-            438?: ErrorCallback<TContext>;
-            439?: ErrorCallback<TContext>;
-            440?: ErrorCallback<TContext>;
-            441?: ErrorCallback<TContext>;
-            442?: ErrorCallback<TContext>;
-            443?: ErrorCallback<TContext>;
-            444?: ErrorCallback<TContext>;
-            445?: ErrorCallback<TContext>;
-            446?: ErrorCallback<TContext>;
-            447?: ErrorCallback<TContext>;
-            448?: ErrorCallback<TContext>;
-            449?: ErrorCallback<TContext>;
-            450?: ErrorCallback<TContext>;
-            451?: ErrorCallback<TContext>;
-            452?: ErrorCallback<TContext>;
-            453?: ErrorCallback<TContext>;
-            454?: ErrorCallback<TContext>;
-            455?: ErrorCallback<TContext>;
-            456?: ErrorCallback<TContext>;
-            457?: ErrorCallback<TContext>;
-            458?: ErrorCallback<TContext>;
-            459?: ErrorCallback<TContext>;
-            460?: ErrorCallback<TContext>;
-            461?: ErrorCallback<TContext>;
-            462?: ErrorCallback<TContext>;
-            463?: ErrorCallback<TContext>;
-            464?: ErrorCallback<TContext>;
-            465?: ErrorCallback<TContext>;
-            466?: ErrorCallback<TContext>;
-            467?: ErrorCallback<TContext>;
-            468?: ErrorCallback<TContext>;
-            469?: ErrorCallback<TContext>;
-            470?: ErrorCallback<TContext>;
-            471?: ErrorCallback<TContext>;
-            472?: ErrorCallback<TContext>;
-            473?: ErrorCallback<TContext>;
-            474?: ErrorCallback<TContext>;
-            475?: ErrorCallback<TContext>;
-            476?: ErrorCallback<TContext>;
-            477?: ErrorCallback<TContext>;
-            478?: ErrorCallback<TContext>;
-            479?: ErrorCallback<TContext>;
-            480?: ErrorCallback<TContext>;
-            481?: ErrorCallback<TContext>;
-            482?: ErrorCallback<TContext>;
-            483?: ErrorCallback<TContext>;
-            484?: ErrorCallback<TContext>;
-            485?: ErrorCallback<TContext>;
-            486?: ErrorCallback<TContext>;
-            487?: ErrorCallback<TContext>;
-            488?: ErrorCallback<TContext>;
-            489?: ErrorCallback<TContext>;
-            490?: ErrorCallback<TContext>;
-            491?: ErrorCallback<TContext>;
-            492?: ErrorCallback<TContext>;
-            493?: ErrorCallback<TContext>;
-            494?: ErrorCallback<TContext>;
-            495?: ErrorCallback<TContext>;
-            496?: ErrorCallback<TContext>;
-            497?: ErrorCallback<TContext>;
-            498?: ErrorCallback<TContext>;
-            499?: ErrorCallback<TContext>;
-            500?: ErrorCallback<TContext>;
-            501?: ErrorCallback<TContext>;
-            502?: ErrorCallback<TContext>;
-            503?: ErrorCallback<TContext>;
-            504?: ErrorCallback<TContext>;
-            505?: ErrorCallback<TContext>;
-            506?: ErrorCallback<TContext>;
-            507?: ErrorCallback<TContext>;
-            508?: ErrorCallback<TContext>;
-            509?: ErrorCallback<TContext>;
-            510?: ErrorCallback<TContext>;
-            511?: ErrorCallback<TContext>;
-            512?: ErrorCallback<TContext>;
-            513?: ErrorCallback<TContext>;
-            514?: ErrorCallback<TContext>;
-            515?: ErrorCallback<TContext>;
-            516?: ErrorCallback<TContext>;
-            517?: ErrorCallback<TContext>;
-            518?: ErrorCallback<TContext>;
-            519?: ErrorCallback<TContext>;
-            520?: ErrorCallback<TContext>;
-            521?: ErrorCallback<TContext>;
-            522?: ErrorCallback<TContext>;
-            523?: ErrorCallback<TContext>;
-            524?: ErrorCallback<TContext>;
-            525?: ErrorCallback<TContext>;
-            526?: ErrorCallback<TContext>;
-            527?: ErrorCallback<TContext>;
-            528?: ErrorCallback<TContext>;
-            529?: ErrorCallback<TContext>;
-            530?: ErrorCallback<TContext>;
-            531?: ErrorCallback<TContext>;
-            532?: ErrorCallback<TContext>;
-            533?: ErrorCallback<TContext>;
-            534?: ErrorCallback<TContext>;
-            535?: ErrorCallback<TContext>;
-            536?: ErrorCallback<TContext>;
-            537?: ErrorCallback<TContext>;
-            538?: ErrorCallback<TContext>;
-            539?: ErrorCallback<TContext>;
-            540?: ErrorCallback<TContext>;
-            541?: ErrorCallback<TContext>;
-            542?: ErrorCallback<TContext>;
-            543?: ErrorCallback<TContext>;
-            544?: ErrorCallback<TContext>;
-            545?: ErrorCallback<TContext>;
-            546?: ErrorCallback<TContext>;
-            547?: ErrorCallback<TContext>;
-            548?: ErrorCallback<TContext>;
-            549?: ErrorCallback<TContext>;
-            550?: ErrorCallback<TContext>;
-            551?: ErrorCallback<TContext>;
-            552?: ErrorCallback<TContext>;
-            553?: ErrorCallback<TContext>;
-            554?: ErrorCallback<TContext>;
-            555?: ErrorCallback<TContext>;
-            556?: ErrorCallback<TContext>;
-            557?: ErrorCallback<TContext>;
-            558?: ErrorCallback<TContext>;
-            559?: ErrorCallback<TContext>;
-            560?: ErrorCallback<TContext>;
-            561?: ErrorCallback<TContext>;
-            562?: ErrorCallback<TContext>;
-            563?: ErrorCallback<TContext>;
-            564?: ErrorCallback<TContext>;
-            565?: ErrorCallback<TContext>;
-            566?: ErrorCallback<TContext>;
-            567?: ErrorCallback<TContext>;
-            568?: ErrorCallback<TContext>;
-            569?: ErrorCallback<TContext>;
-            570?: ErrorCallback<TContext>;
-            571?: ErrorCallback<TContext>;
-            572?: ErrorCallback<TContext>;
-            573?: ErrorCallback<TContext>;
-            574?: ErrorCallback<TContext>;
-            575?: ErrorCallback<TContext>;
-            576?: ErrorCallback<TContext>;
-            577?: ErrorCallback<TContext>;
-            578?: ErrorCallback<TContext>;
-            579?: ErrorCallback<TContext>;
-            580?: ErrorCallback<TContext>;
-            581?: ErrorCallback<TContext>;
-            582?: ErrorCallback<TContext>;
-            583?: ErrorCallback<TContext>;
-            584?: ErrorCallback<TContext>;
-            585?: ErrorCallback<TContext>;
-            586?: ErrorCallback<TContext>;
-            587?: ErrorCallback<TContext>;
-            588?: ErrorCallback<TContext>;
-            589?: ErrorCallback<TContext>;
-            590?: ErrorCallback<TContext>;
-            591?: ErrorCallback<TContext>;
-            592?: ErrorCallback<TContext>;
-            593?: ErrorCallback<TContext>;
-            594?: ErrorCallback<TContext>;
-            595?: ErrorCallback<TContext>;
-            596?: ErrorCallback<TContext>;
-            597?: ErrorCallback<TContext>;
-            598?: ErrorCallback<TContext>;
-            599?: ErrorCallback<TContext>;
-
-            // #endregion
-        } & {
-            // Status codes not listed require type annotations when defining the callback
-            [index: number]: SuccessCallback<TContext> | ErrorCallback<TContext>;
-        };
-
-        // Writable properties on XMLHttpRequest
-        interface XHRFields extends Partial<Pick<XMLHttpRequest, 'onreadystatechange' | 'responseType' | 'timeout' | 'withCredentials'>> {
-            msCaching?: string;
-        }
-    }
-
-    interface Transport {
-        send(headers: PlainObject, completeCallback: Transport.SuccessCallback): void;
-        abort(): void;
-    }
-
-    namespace Transport {
-        interface SuccessCallback {
-            (status: number, statusText: Ajax.TextStatus, responses?: PlainObject, headers?: string): void;
-        }
-    }
-
-    /**
-     * @see \`{@link http://api.jquery.com/jquery.ajax/#jqXHR }\`
-     */
-    interface jqXHR<TResolve = any> extends Promise3<TResolve, jqXHR<TResolve>, never,
-        Ajax.SuccessTextStatus, Ajax.ErrorTextStatus, never,
-        jqXHR<TResolve>, string, never>,
-        Pick<XMLHttpRequest, 'abort' | 'getAllResponseHeaders' | 'getResponseHeader' | 'overrideMimeType' | 'readyState' | 'responseText' |
-            'setRequestHeader' | 'status' | 'statusText'>,
-        Partial<Pick<XMLHttpRequest, 'responseXML'>> {
-        responseJSON?: any;
-
-        /**
-         * Determine the current state of a Deferred object.
-         *
-         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
-         * @since 1.7
-         */
-        state(): 'pending' | 'resolved' | 'rejected';
-        statusCode(map: Ajax.StatusCodeCallbacks<any>): void;
-    }
-
-    namespace jqXHR {
-        interface DoneCallback<TResolve = any, TjqXHR = jqXHR<TResolve>> extends Deferred.Callback3<TResolve, Ajax.SuccessTextStatus, TjqXHR> { }
-
-        interface FailCallback<TjqXHR> extends Deferred.Callback3<TjqXHR, Ajax.ErrorTextStatus, string> { }
-
-        interface AlwaysCallback<TResolve = any, TjqXHR = jqXHR<TResolve>> extends Deferred.Callback3<TResolve | TjqXHR, Ajax.TextStatus, TjqXHR | string> { }
-    }
-
-    // #endregion
-
-    // #region Callbacks
-
-    // tslint:disable-next-line:ban-types
-    interface Callbacks<T extends Function = Function> {
-        /**
-         * Add a callback or a collection of callbacks to a callback list.
-         *
-         * @param callback A function, or array of functions, that are to be added to the callback list.
-         * @param callbacks A function, or array of functions, that are to be added to the callback list.
-         * @see \`{@link https://api.jquery.com/callbacks.add/ }\`
-         * @since 1.7
-         */
-        add(callback: TypeOrArray<T>, ...callbacks: Array<TypeOrArray<T>>): this;
-        /**
-         * Disable a callback list from doing anything more.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.disable/ }\`
-         * @since 1.7
-         */
-        disable(): this;
-        /**
-         * Determine if the callbacks list has been disabled.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.disabled/ }\`
-         * @since 1.7
-         */
-        disabled(): boolean;
-        /**
-         * Remove all of the callbacks from a list.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.empty/ }\`
-         * @since 1.7
-         */
-        empty(): this;
-        /**
-         * Call all of the callbacks with the given arguments.
-         *
-         * @param args The argument or list of arguments to pass back to the callback list.
-         * @see \`{@link https://api.jquery.com/callbacks.fire/ }\`
-         * @since 1.7
-         */
-        fire(...args: any[]): this;
-        /**
-         * Call all callbacks in a list with the given context and arguments.
-         *
-         * @param context A reference to the context in which the callbacks in the list should be fired.
-         * @param args An argument, or array of arguments, to pass to the callbacks in the list.
-         * @see \`{@link https://api.jquery.com/callbacks.fireWith/ }\`
-         * @since 1.7
-         */
-        fireWith(context: object, args?: ArrayLike<any>): this;
-        /**
-         * Determine if the callbacks have already been called at least once.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.fired/ }\`
-         * @since 1.7
-         */
-        fired(): boolean;
-        /**
-         * Determine whether or not the list has any callbacks attached. If a callback is provided as an
-         * argument, determine whether it is in a list.
-         *
-         * @param callback The callback to search for.
-         * @see \`{@link https://api.jquery.com/callbacks.has/ }\`
-         * @since 1.7
-         */
-        has(callback?: T): boolean;
-        /**
-         * Lock a callback list in its current state.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.lock/ }\`
-         * @since 1.7
-         */
-        lock(): this;
-        /**
-         * Determine if the callbacks list has been locked.
-         *
-         * @see \`{@link https://api.jquery.com/callbacks.locked/ }\`
-         * @since 1.7
-         */
-        locked(): boolean;
-        /**
-         * Remove a callback or a collection of callbacks from a callback list.
-         *
-         * @param callbacks A function, or array of functions, that are to be removed from the callback list.
-         * @see \`{@link https://api.jquery.com/callbacks.remove/ }\`
-         * @since 1.7
-         */
-        remove(...callbacks: T[]): this;
-    }
-
-    // #endregion
-
-    // #region CSS
-
-    interface CSSHook<TElement> {
-        get(this: this, elem: TElement, computed: any, extra: any): any;
-        set(this: this, elem: TElement, value: any): void;
-    }
-
-    // #endregion
-
-    // #region Deferred
-
-    /**
-     * Any object that has a then method.
-     */
-    interface Thenable<T> extends PromiseLike<T> { }
-
-    // NOTE: This is a private copy of the global Promise interface. It is used by JQuery.PromiseBase to indicate compatibility with other Promise implementations.
-    //       The global Promise interface cannot be used directly as it may be modified, as in the case of @types/bluebird-global.
-    /**
-     * Represents the completion of an asynchronous operation
-     */
-    interface _Promise<T> {
-        readonly [Symbol.toStringTag]: "Promise";
-        /**
-         * Attaches callbacks for the resolution and/or rejection of the Promise.
-         * @param onfulfilled The callback to execute when the Promise is resolved.
-         * @param onrejected The callback to execute when the Promise is rejected.
-         * @returns A Promise for the completion of which ever callback is executed.
-         */
-        then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | null,
-                                             onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null): _Promise<TResult1 | TResult2>;
-        /**
-         * Attaches a callback for only the rejection of the Promise.
-         * @param onrejected The callback to execute when the Promise is rejected.
-         * @returns A Promise for the completion of the callback.
-         */
-        catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null): _Promise<T | TResult>;
-    }
-
-    // Type parameter guide
-    // --------------------
-    // Each type parameter represents a parameter in one of the three possible callbacks.
-    //
-    // The first letter indicates which position the parameter is in.
-    //
-    // T = A = 1st position
-    // U = B = 2nd position
-    // V = C = 3rd position
-    // S = R = rest position
-    //
-    // The second letter indicates which whether it is a [R]esolve, Re[J]ect, or [N]otify value.
-    //
-    // The third letter indicates whether the value is returned in the [D]one filter, [F]ail filter, or [P]rogress filter.
-
-    /**
-     * This object provides a subset of the methods of the Deferred object (then, done, fail, always,
-     * pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
-     *
-     * @see \`{@link http://api.jquery.com/Types/#Promise }\`
-     */
-    interface PromiseBase<TR, TJ, TN,
-        UR, UJ, UN,
-        VR, VJ, VN,
-        SR, SJ, SN> extends _Promise<TR>, PromiseLike<TR> {
-        /**
-         * Add handlers to be called when the Deferred object is either resolved or rejected.
-         *
-         * @param alwaysCallback A function, or array of functions, that is called when the Deferred is resolved or rejected.
-         * @param alwaysCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved or rejected.
-         * @see \`{@link https://api.jquery.com/deferred.always/ }\`
-         * @since 1.6
-         */
-        always(alwaysCallback: TypeOrArray<Deferred.CallbackBase<TR | TJ, UR | UJ, VR | VJ, SR | SJ>>,
-               ...alwaysCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TR | TJ, UR | UJ, VR | VJ, SR | SJ>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object is resolved.
-         *
-         * @param doneCallback A function, or array of functions, that are called when the Deferred is resolved.
-         * @param doneCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved.
-         * @see \`{@link https://api.jquery.com/deferred.done/ }\`
-         * @since 1.5
-         */
-        done(doneCallback: TypeOrArray<Deferred.CallbackBase<TR, UR, VR, SR>>,
-             ...doneCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TR, UR, VR, SR>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object is rejected.
-         *
-         * @param failCallback A function, or array of functions, that are called when the Deferred is rejected.
-         * @param failCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is rejected.
-         * @see \`{@link https://api.jquery.com/deferred.fail/ }\`
-         * @since 1.5
-         */
-        fail(failCallback: TypeOrArray<Deferred.CallbackBase<TJ, UJ, VJ, SJ>>,
-             ...failCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TJ, UJ, VJ, SJ>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object generates progress notifications.
-         *
-         * @param progressCallback A function, or array of functions, to be called when the Deferred generates progress notifications.
-         * @param progressCallbacks Optional additional functions, or arrays of functions, to be called when the Deferred generates
-         *                          progress notifications.
-         * @see \`{@link https://api.jquery.com/deferred.progress/ }\`
-         * @since 1.7
-         */
-        progress(progressCallback: TypeOrArray<Deferred.CallbackBase<TN, UN, VN, SN>>,
-                 ...progressCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TN, UN, VN, SN>>>): this;
-        /**
-         * Return a Deferred's Promise object.
-         *
-         * @param target Object onto which the promise methods have to be attached
-         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
-         * @since 1.5
-         */
-        promise<TTarget extends object>(target: TTarget): this & TTarget;
-        /**
-         * Return a Deferred's Promise object.
-         *
-         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
-         * @since 1.5
-         */
-        promise(): this;
-        /**
-         * Determine the current state of a Deferred object.
-         *
-         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
-         * @since 1.7
-         */
-        state(): 'pending' | 'resolved' | 'rejected';
-
-        // #region pipe
-
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
-            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
-            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
-            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
-            BRF | BRP, BJF | BJP, BNF | BNP,
-            CRF | CRP, CJF | CJP, CNF | CNP,
-            RRF | RRP, RJF | RJP, RNF | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: null,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
-            BRD | BRP, BJD | BJP, BND | BNP,
-            CRD | CRP, CJD | CJP, CND | CNP,
-            RRD | RRP, RJD | RJP, RND | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: null,
-                progressFilter?: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
-            BRP, BJP, BNP,
-            CRP, CJP, CNP,
-            RRP, RJP, RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
-            BRD | BRF, BJD | BJF, BND | BNF,
-            CRD | CRF, CJD | CJF, CND | CNF,
-            RRD | RRF, RJD | RJF, RND | RNF>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: null,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link then JQuery.PromiseBase.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter?: null,
-                progressFilter?: null): PromiseBase<ARD, AJD, AND,
-            BRD, BJD, BND,
-            CRD, CJD, CND,
-            RRD, RJD, RND>;
-
-        // #endregion
-
-        // #region then
-
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
-            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
-            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
-            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
-            BRF | BRP, BJF | BJP, BNF | BNP,
-            CRF | CRP, CJF | CJP, CNF | CNP,
-            RRF | RRP, RJF | RJP, RNF | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: null,
-                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
-            BRD | BRP, BJD | BJP, BND | BNP,
-            CRD | CRP, CJD | CJP, CND | CNP,
-            RRD | RRP, RJD | RJP, RND | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: null,
-                progressFilter?: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
-            BRP, BJP, BNP,
-            CRP, CJP, CNP,
-            RRP, RJP, RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
-            BRD | BRF, BJD | BJF, BND | BNF,
-            CRD | CRF, CJD | CJF, CND | CNF,
-            RRD | RRF, RJD | RJF, RND | RNF>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: null,
-                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never>(
-                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter?: null,
-                progressFilter?: null): PromiseBase<ARD, AJD, AND,
-            BRD, BJD, BND,
-            CRD, CJD, CND,
-            RRD, RJD, RND>;
-
-        // #endregion
-
-        /**
-         * Add handlers to be called when the Deferred object is rejected.
-         *
-         * @param failFilter A function that is called when the Deferred is rejected.
-         * @see \`{@link https://api.jquery.com/deferred.catch/ }\`
-         * @since 3.0
-         */
-        catch<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                failFilter?: ((t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF) | null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-    }
-
-    /**
-     * This object provides a subset of the methods of the Deferred object (then, done, fail, always,
-     * pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
-     *
-     * @see \`{@link http://api.jquery.com/Types/#Promise }\`
-     */
-    interface Promise3<TR, TJ, TN,
-        UR, UJ, UN,
-        VR, VJ, VN> extends PromiseBase<TR, TJ, TN,
-        UR, UJ, UN,
-        VR, VJ, VN,
-        never, never, never> { }
-
-    /**
-     * This object provides a subset of the methods of the Deferred object (then, done, fail, always,
-     * pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
-     *
-     * @see \`{@link http://api.jquery.com/Types/#Promise }\`
-     */
-    interface Promise2<TR, TJ, TN,
-        UR, UJ, UN> extends PromiseBase<TR, TJ, TN,
-        UR, UJ, UN,
-        never, never, never,
-        never, never, never> { }
-
-    /**
-     * This object provides a subset of the methods of the Deferred object (then, done, fail, always,
-     * pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
-     *
-     * @see \`{@link http://api.jquery.com/Types/#Promise }\`
-     */
-    interface Promise<TR, TJ = any, TN = any> extends PromiseBase<TR, TJ, TN,
-        TR, TJ, TN,
-        TR, TJ, TN,
-        TR, TJ, TN> { }
-
-    interface DeferredStatic {
-        // https://jquery.com/upgrade-guide/3.0/#callback-exit
-        exceptionHook: any;
-        <TR = any, TJ = any, TN = any>(beforeStart?: (this: Deferred<TR, TJ, TN>, deferred: Deferred<TR, TJ, TN>) => void): Deferred<TR, TJ, TN>;
-    }
-
-    interface Deferred<TR, TJ = any, TN = any> {
-        /**
-         * Call the progressCallbacks on a Deferred object with the given args.
-         *
-         * @param args Optional arguments that are passed to the progressCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.notify/ }\`
-         * @since 1.7
-         */
-        notify(...args: TN[]): this;
-        /**
-         * Call the progressCallbacks on a Deferred object with the given context and args.
-         *
-         * @param context Context passed to the progressCallbacks as the this object.
-         * @param args An optional array of arguments that are passed to the progressCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.notifyWith/ }\`
-         * @since 1.7
-         */
-        notifyWith(context: object, args?: ArrayLike<TN>): this;
-        /**
-         * Reject a Deferred object and call any failCallbacks with the given args.
-         *
-         * @param args Optional arguments that are passed to the failCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.reject/ }\`
-         * @since 1.5
-         */
-        reject(...args: TJ[]): this;
-        /**
-         * Reject a Deferred object and call any failCallbacks with the given context and args.
-         *
-         * @param context Context passed to the failCallbacks as the this object.
-         * @param args An optional array of arguments that are passed to the failCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.rejectWith/ }\`
-         * @since 1.5
-         */
-        rejectWith(context: object, args?: ArrayLike<TJ>): this;
-        /**
-         * Resolve a Deferred object and call any doneCallbacks with the given args.
-         *
-         * @param args Optional arguments that are passed to the doneCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.resolve/ }\`
-         * @since 1.5
-         */
-        resolve(...args: TR[]): this;
-        /**
-         * Resolve a Deferred object and call any doneCallbacks with the given context and args.
-         *
-         * @param context Context passed to the doneCallbacks as the this object.
-         * @param args An optional array of arguments that are passed to the doneCallbacks.
-         * @see \`{@link https://api.jquery.com/deferred.resolveWith/ }\`
-         * @since 1.5
-         */
-        resolveWith(context: object, args?: ArrayLike<TR>): this;
-
-        /**
-         * Add handlers to be called when the Deferred object is either resolved or rejected.
-         *
-         * @param alwaysCallback A function, or array of functions, that is called when the Deferred is resolved or rejected.
-         * @param alwaysCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved or rejected.
-         * @see \`{@link https://api.jquery.com/deferred.always/ }\`
-         * @since 1.6
-         */
-        always(alwaysCallback: TypeOrArray<Deferred.Callback<TR | TJ>>,
-               ...alwaysCallbacks: Array<TypeOrArray<Deferred.Callback<TR | TJ>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object is resolved.
-         *
-         * @param doneCallback A function, or array of functions, that are called when the Deferred is resolved.
-         * @param doneCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved.
-         * @see \`{@link https://api.jquery.com/deferred.done/ }\`
-         * @since 1.5
-         */
-        done(doneCallback: TypeOrArray<Deferred.Callback<TR>>,
-             ...doneCallbacks: Array<TypeOrArray<Deferred.Callback<TR>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object is rejected.
-         *
-         * @param failCallback A function, or array of functions, that are called when the Deferred is rejected.
-         * @param failCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is rejected.
-         * @see \`{@link https://api.jquery.com/deferred.fail/ }\`
-         * @since 1.5
-         */
-        fail(failCallback: TypeOrArray<Deferred.Callback<TJ>>,
-             ...failCallbacks: Array<TypeOrArray<Deferred.Callback<TJ>>>): this;
-        /**
-         * Add handlers to be called when the Deferred object generates progress notifications.
-         *
-         * @param progressCallback A function, or array of functions, to be called when the Deferred generates progress notifications.
-         * @param progressCallbacks Optional additional functions, or arrays of functions, to be called when the Deferred generates
-         *                          progress notifications.
-         * @see \`{@link https://api.jquery.com/deferred.progress/ }\`
-         * @since 1.7
-         */
-        progress(progressCallback: TypeOrArray<Deferred.Callback<TN>>,
-                 ...progressCallbacks: Array<TypeOrArray<Deferred.Callback<TN>>>): this;
-        /**
-         * Return a Deferred's Promise object.
-         *
-         * @param target Object onto which the promise methods have to be attached
-         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
-         * @since 1.5
-         */
-        promise<TTarget extends object>(target: TTarget): Promise<TR, TJ, TN> & TTarget;
-        /**
-         * Return a Deferred's Promise object.
-         *
-         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
-         * @since 1.5
-         */
-        promise(): Promise<TR, TJ, TN>;
-        /**
-         * Determine the current state of a Deferred object.
-         *
-         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
-         * @since 1.7
-         */
-        state(): 'pending' | 'resolved' | 'rejected';
-
-        // #region pipe
-
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
-            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
-            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
-            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
-            BRF | BRP, BJF | BJP, BNF | BNP,
-            CRF | CRP, CJF | CJP, CNF | CNP,
-            RRF | RRP, RJF | RJP, RNF | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: null,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
-            BRD | BRP, BJD | BJP, BND | BNP,
-            CRD | CRP, CJD | CJP, CND | CNP,
-            RRD | RRP, RJD | RJP, RND | RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: null,
-                progressFilter?: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
-            BRP, BJP, BNP,
-            CRP, CJP, CNP,
-            RRP, RJP, RNP>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
-            BRD | BRF, BJD | BJF, BND | BNF,
-            CRD | CRF, CJD | CJF, CND | CNF,
-            RRD | RRF, RJD | RJF, RND | RNF>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: null,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
-                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-        /**
-         * Utility method to filter and/or chain Deferreds.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
-         * @since 1.6
-         * @since 1.7
-         *
-         * @deprecated Deprecated since 1.8. Use \`{@link JQuery.Deferred.then }\`.
-         */
-        pipe<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter?: null,
-                progressFilter?: null): PromiseBase<ARD, AJD, AND,
-            BRD, BJD, BND,
-            CRD, CJD, CND,
-            RRD, RJD, RND>;
-
-        // #endregion
-
-        // #region then
-
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter A function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
-            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
-            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
-            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter A function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
-            BRF | BRP, BJF | BJP, BNF | BNP,
-            CRF | CRP, CJF | CJP, CNF | CNP,
-            RRF | RRP, RJF | RJP, RNF | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter A function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: null,
-                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
-            BRD | BRP, BJD | BJP, BND | BNP,
-            CRD | CRP, CJD | CJP, CND | CNP,
-            RRD | RRP, RJD | RJP, RND | RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter A function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARP = never, AJP = never, ANP = never,
-            BRP = never, BJP = never, BNP = never,
-            CRP = never, CJP = never, CNP = never,
-            RRP = never, RJP = never, RNP = never>(
-                doneFilter: null,
-                failFilter: null,
-                progressFilter?: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
-                    BRP, BJP, BNP,
-                    CRP, CJP, CNP,
-                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
-            BRP, BJP, BNP,
-            CRP, CJP, CNP,
-            RRP, RJP, RNP>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never,
-            ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
-            BRD | BRF, BJD | BJF, BND | BNF,
-            CRD | CRF, CJD | CJF, CND | CNF,
-            RRD | RRF, RJD | RJF, RND | RNF>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                doneFilter: null,
-                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
-                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-        /**
-         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
-         *
-         * @param doneFilter An optional function that is called when the Deferred is resolved.
-         * @param failFilter An optional function that is called when the Deferred is rejected.
-         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
-         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
-         * @since 1.8
-         */
-        then<ARD = never, AJD = never, AND = never,
-            BRD = never, BJD = never, BND = never,
-            CRD = never, CJD = never, CND = never,
-            RRD = never, RJD = never, RND = never>(
-                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
-                    BRD, BJD, BND,
-                    CRD, CJD, CND,
-                    RRD, RJD, RND> | Thenable<ARD> | ARD,
-                failFilter?: null,
-                progressFilter?: null): PromiseBase<ARD, AJD, AND,
-            BRD, BJD, BND,
-            CRD, CJD, CND,
-            RRD, RJD, RND>;
-
-        // #endregion
-
-        /**
-         * Add handlers to be called when the Deferred object is rejected.
-         *
-         * @param failFilter A function that is called when the Deferred is rejected.
-         * @see \`{@link https://api.jquery.com/deferred.catch/ }\`
-         * @since 3.0
-         */
-        catch<ARF = never, AJF = never, ANF = never,
-            BRF = never, BJF = never, BNF = never,
-            CRF = never, CJF = never, CNF = never,
-            RRF = never, RJF = never, RNF = never>(
-                failFilter?: ((...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
-                    BRF, BJF, BNF,
-                    CRF, CJF, CNF,
-                    RRF, RJF, RNF> | Thenable<ARF> | ARF) | null): PromiseBase<ARF, AJF, ANF,
-            BRF, BJF, BNF,
-            CRF, CJF, CNF,
-            RRF, RJF, RNF>;
-    }
-
-    namespace Deferred {
-        interface CallbackBase<T, U, V, R> {
-            (t: T, u: U, v: V, ...r: R[]): void;
-        }
-
-        interface Callback3<T, U, V> extends CallbackBase<T, U, V, never> { }
-
-        interface Callback<T> {
-            (...args: T[]): void;
-        }
-
-        /**
-         * @deprecated Use \`{@link JQuery.Deferred.Callback }\`.
-         */
-        interface DoneCallback<TResolve> extends Callback<TResolve> { }
-
-        /**
-         * @deprecated Use \`{@link JQuery.Deferred.Callback }\`.
-         */
-        interface FailCallback<TReject> extends Callback<TReject> { }
-
-        /**
-         * @deprecated Use \`{@link JQuery.Deferred.Callback }\`.
-         */
-        interface AlwaysCallback<TResolve, TReject> extends Callback<TResolve | TReject> { }
-
-        /**
-         * @deprecated Use \`{@link JQuery.Deferred.Callback }\`.
-         */
-        interface ProgressCallback<TNotify> extends Callback<TNotify> { }
-    }
-
-    // #endregion
-
-    // #region Effects
-
-    type Duration = number | 'fast' | 'slow';
-    // TODO: Is the first element always a string or is that specific to the 'fx' queue?
-    type Queue<TElement> = { 0: string; } & Array<QueueFunction<TElement>>;
-
-    interface QueueFunction<TElement> {
-        (this: TElement, next: () => void): void;
-    }
-
-    /**
-     * @see \`{@link https://api.jquery.com/animate/#animate-properties-options }\`
-     */
-    interface EffectsOptions<TElement> {
-        /**
-         * A function to be called when the animation on an element completes or stops without completing (its
-         * Promise object is either resolved or rejected).
-         */
-        always?(this: TElement, animation: Promise<any>, jumpedToEnd: boolean): void;
-        /**
-         * A function that is called once the animation on an element is complete.
-         */
-        complete?(this: TElement): void;
-        /**
-         * A function to be called when the animation on an element completes (its Promise object is resolved).
-         */
-        done?(this: TElement, animation: Promise<any>, jumpedToEnd: boolean): void;
-        /**
-         * A string or number determining how long the animation will run.
-         */
-        duration?: Duration;
-        /**
-         * A string indicating which easing function to use for the transition.
-         */
-        easing?: string;
-        /**
-         * A function to be called when the animation on an element fails to complete (its Promise object is rejected).
-         */
-        fail?(this: TElement, animation: Promise<any>, jumpedToEnd: boolean): void;
-        /**
-         * A function to be called after each step of the animation, only once per animated element regardless
-         * of the number of animated properties.
-         */
-        progress?(this: TElement, animation: Promise<any>, progress: number, remainingMs: number): void;
-        /**
-         * A Boolean indicating whether to place the animation in the effects queue. If false, the animation
-         * will begin immediately. As of jQuery 1.7, the queue option can also accept a string, in which case
-         * the animation is added to the queue represented by that string. When a custom queue name is used the
-         * animation does not automatically start; you must call .dequeue("queuename") to start it.
-         */
-        queue?: boolean | string;
-        /**
-         * An object containing one or more of the CSS properties defined by the properties argument and their
-         * corresponding easing functions.
-         */
-        specialEasing?: PlainObject<string>;
-        /**
-         * A function to call when the animation on an element begins.
-         */
-        start?(this: TElement, animation: Promise<any>): void;
-        /**
-         * A function to be called for each animated property of each animated element. This function provides
-         * an opportunity to modify the Tween object to change the value of the property before it is set.
-         */
-        step?(this: TElement, now: number, tween: Tween<TElement>): void;
-    }
-
-    interface SpeedSettings<TElement> {
-        /**
-         * A string or number determining how long the animation will run.
-         */
-        duration?: Duration;
-        /**
-         * A string indicating which easing function to use for the transition.
-         */
-        easing?: string;
-        /**
-         * A function to call once the animation is complete.
-         */
-        complete?(this: TElement): void;
-    }
-
-    // This should be a class but doesn't work correctly under the JQuery namespace. Tween should be an inner class of jQuery.
-    // Undocumented
-    // https://github.com/jquery/api.jquery.com/issues/391
-    // https://github.com/jquery/api.jquery.com/issues/61
-    interface Tween<TElement> {
-        easing: string;
-        elem: TElement;
-        end: number;
-        now: number;
-        options: EffectsOptions<TElement>;
-        pos: number;
-        prop: string;
-        start: number;
-        unit: string;
-    }
-
-    interface AnimationHook<TElement> {
-        (fx: Tween<TElement>): void;
-    }
-
-    // #endregion
-
-    // #region Events
-
-    // #region Event
-
-    // This should be a class but doesn't work correctly under the JQuery namespace. Event should be an inner class of jQuery.
-
-    // Static members
-    interface EventStatic {
-        // tslint:disable-next-line:no-unnecessary-generics
-        <T extends object, TTarget extends EventTarget = HTMLElement>(event: string, properties?: T): Event<TTarget> & T;
-        // tslint:disable-next-line:no-unnecessary-generics
-        <T extends EventLike, TTarget extends EventTarget = HTMLElement>(properties: T): Event<TTarget> & T;
-        // tslint:disable-next-line:no-unnecessary-generics
-        new <T extends object, TTarget extends EventTarget = HTMLElement>(event: string, properties?: T): Event<TTarget> & T;
-        // tslint:disable-next-line:no-unnecessary-generics
-        new <T extends EventLike, TTarget extends EventTarget = HTMLElement>(properties: T): Event<TTarget> & T;
-    }
-
-    // Instance members
-    interface Event {
-        /**
-         * Indicates whether the META key was pressed when the event fired.
-         *
-         * @see \`{@link https://api.jquery.com/event.metaKey/ }\`
-         * @since 1.0.4
-         */
-        metaKey: boolean;
-        /**
-         * The namespace specified when the event was triggered.
-         *
-         * @see \`{@link https://api.jquery.com/event.namespace/ }\`
-         * @since 1.4.3
-         */
-        namespace: string;
-        /**
-         * The mouse position relative to the left edge of the document.
-         *
-         * @see \`{@link https://api.jquery.com/event.pageX/ }\`
-         * @since 1.0.4
-         */
-        pageX: number;
-        /**
-         * The mouse position relative to the top edge of the document.
-         *
-         * @see \`{@link https://api.jquery.com/event.pageY/ }\`
-         * @since 1.0.4
-         */
-        pageY: number;
-        /**
-         * The last value returned by an event handler that was triggered by this event, unless the value was undefined.
-         *
-         * @see \`{@link https://api.jquery.com/event.result/ }\`
-         * @since 1.3
-         */
-        result: any;
-        /**
-         * The difference in milliseconds between the time the browser created the event and January 1, 1970.
-         *
-         * @see \`{@link https://api.jquery.com/event.timeStamp/ }\`
-         * @since 1.2.6
-         */
-        timeStamp: number;
-        /**
-         * Describes the nature of the event.
-         *
-         * @see \`{@link https://api.jquery.com/event.type/ }\`
-         * @since 1.0
-         */
-        type: string;
-        /**
-         * For key or mouse events, this property indicates the specific key or button that was pressed.
-         *
-         * @see \`{@link https://api.jquery.com/event.which/ }\`
-         * @since 1.1.3
-         */
-        which: number;
-        /**
-         * Returns whether event.preventDefault() was ever called on this event object.
-         *
-         * @see \`{@link https://api.jquery.com/event.isDefaultPrevented/ }\`
-         * @since 1.3
-         */
-        isDefaultPrevented(): boolean;
-        /**
-         * Returns whether event.stopImmediatePropagation() was ever called on this event object.
-         *
-         * @see \`{@link https://api.jquery.com/event.isImmediatePropagationStopped/ }\`
-         * @since 1.3
-         */
-        isImmediatePropagationStopped(): boolean;
-        /**
-         * Returns whether event.stopPropagation() was ever called on this event object.
-         *
-         * @see \`{@link https://api.jquery.com/event.isPropagationStopped/ }\`
-         * @since 1.3
-         */
-        isPropagationStopped(): boolean;
-        /**
-         * If this method is called, the default action of the event will not be triggered.
-         *
-         * @see \`{@link https://api.jquery.com/event.preventDefault/ }\`
-         * @since 1.0
-         */
-        preventDefault(): void;
-        /**
-         * Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
-         *
-         * @see \`{@link https://api.jquery.com/event.stopImmediatePropagation/ }\`
-         * @since 1.3
-         */
-        stopImmediatePropagation(): void;
-        /**
-         * Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
-         *
-         * @see \`{@link https://api.jquery.com/event.stopPropagation/ }\`
-         * @since 1.0
-         */
-        stopPropagation(): void;
-    }
-
-    // Generic members
-    interface Event<TTarget = EventTarget,
-        TData = null> extends Partial<Pick<PointerEvent & KeyboardEvent & TouchEvent, 'altKey' | 'bubbles' | 'cancelable' |
-        'changedTouches' | 'ctrlKey' | 'detail' | 'eventPhase' | 'metaKey' | 'pageX' | 'pageY' | 'shiftKey' | 'view' |
-        'char' | 'charCode' | 'key' | 'keyCode' | 'button' | 'buttons' | 'clientX' | 'clientY' | 'offsetX' | 'offsetY' |
-        'pointerId' | 'pointerType' | 'screenX' | 'screenY' | 'targetTouches' | 'toElement' | 'touches'>> {
-        /**
-         * The current DOM element within the event bubbling phase.
-         *
-         * @see \`{@link https://api.jquery.com/event.currentTarget/ }\`
-         * @since 1.3
-         */
-        currentTarget: TTarget;
-        /**
-         * An optional object of data passed to an event method when the current executing handler is bound.
-         *
-         * @see \`{@link https://api.jquery.com/event.data/ }\`
-         * @since 1.1
-         */
-        data: TData;
-        /**
-         * The element where the currently-called jQuery event handler was attached.
-         *
-         * @see \`{@link https://api.jquery.com/event.delegateTarget/ }\`
-         * @since 1.7
-         */
-        delegateTarget: TTarget;
-        originalEvent: _Event;
-        /**
-         * The other DOM element involved in the event, if any.
-         *
-         * @see \`{@link https://api.jquery.com/event.relatedTarget/ }\`
-         * @since 1.1.4
-         */
-        relatedTarget: TTarget | null;
-        /**
-         * The DOM element that initiated the event.
-         *
-         * @see \`{@link https://api.jquery.com/event.target/ }\`
-         * @since 1.0
-         */
-        target: TTarget;
-    }
-
-    interface EventLike {
-        type: string;
-    }
-
-    // #endregion
-
-    interface EventHandler<TCurrentTarget, TData = null> extends EventHandlerBase<TCurrentTarget, Event<TCurrentTarget, TData>> { }
-
-    interface EventHandlerBase<TContext, T> {
-        // Extra parameters can be passed from trigger()
-        (this: TContext, t: T, ...args: any[]): void | false | any;
-    }
-
-    // #endregion
-
-    interface NameValuePair {
-        name: string;
-        value: string;
-    }
-
-    interface Coordinates {
-        left: number;
-        top: number;
-    }
-
-    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
-    type CoordinatesPartial =
-        Pick<Coordinates, 'left'> |
-        Pick<Coordinates, 'top'> |
-        { [key: string]: never; };
-
-    interface ValHook<TElement> {
-        get?(elem: TElement): any;
-        set?(elem: TElement, value: any): any;
-    }
-}
-
-// #region Legacy types
-
-// tslint:disable-next-line:no-empty-interface
-interface JQueryCallback extends JQuery.Callbacks { }
-interface JQueryDeferred<T> extends JQuery.Deferred<T> { }
-// tslint:disable-next-line:no-empty-interface
-interface JQueryEventConstructor extends JQuery.EventStatic { }
-interface JQueryDeferred<T> extends JQuery.Deferred<T> { }
-// tslint:disable-next-line:no-empty-interface
-interface JQueryAjaxSettings extends JQuery.AjaxSettings { }
-interface JQueryAnimationOptions extends JQuery.EffectsOptions<Element> { }
-// tslint:disable-next-line:no-empty-interface
-interface JQueryCoordinates extends JQuery.Coordinates { }
-interface JQueryGenericPromise<T> extends JQuery.Thenable<T> { }
-// tslint:disable-next-line:no-empty-interface
-interface JQueryXHR extends JQuery.jqXHR { }
-interface JQueryPromise<T> extends JQuery.Promise<T> { }
-// tslint:disable-next-line:no-empty-interface
-interface JQuerySerializeArrayElement extends JQuery.NameValuePair { }
-
-/**
- * @deprecated Deprecated since 1.9. See \`{@link https://api.jquery.com/jQuery.support/ }\`.
- */
-// tslint:disable-next-line:no-empty-interface
-interface JQuerySupport extends JQuery.PlainObject { }
-
-// Legacy types that are not represented in the current type definitions are marked deprecated.
-
-/**
- * @deprecated Use \`{@link JQuery.Deferred.Callback }\` or \`{@link JQuery.Deferred.CallbackBase }\`.
- */
-interface JQueryPromiseCallback<T> {
-    (value?: T, ...args: any[]): void;
-}
-/**
- * @deprecated Use \`{@link JQueryStatic.param JQueryStatic&#91;'param'&#93;}\`.
- */
-interface JQueryParam {
-    /**
-     * Create a serialized representation of an array or object, suitable for use in a URL query string or Ajax request.
-     *
-     * @param obj An array or object to serialize.
-     * @param traditional A Boolean indicating whether to perform a traditional "shallow" serialization.
-     */
-    (obj: any, traditional?: boolean): string;
-}
-/**
- * @deprecated Use \`{@link JQuery.Event }\`.
- */
-interface BaseJQueryEventObject extends Event {
-    /**
-     * The current DOM element within the event bubbling phase.
-     * @see \`{@link https://api.jquery.com/event.currentTarget/ }\`
-     */
-    currentTarget: Element;
-    /**
-     * An optional object of data passed to an event method when the current executing handler is bound.
-     * @see \`{@link https://api.jquery.com/event.data/ }\`
-     */
-    data: any;
-    /**
-     * The element where the currently-called jQuery event handler was attached.
-     * @see \`{@link https://api.jquery.com/event.delegateTarget/ }\`
-     */
-    delegateTarget: Element;
-    /**
-     * Returns whether event.preventDefault() was ever called on this event object.
-     * @see \`{@link https://api.jquery.com/event.isDefaultPrevented/ }\`
-     */
-    isDefaultPrevented(): boolean;
-    /**
-     * Returns whether event.stopImmediatePropagation() was ever called on this event object.
-     * @see \`{@link https://api.jquery.com/event.isImmediatePropagationStopped/ }\`
-     */
-    isImmediatePropagationStopped(): boolean;
-    /**
-     * Returns whether event.stopPropagation() was ever called on this event object.
-     * @see \`{@link https://api.jquery.com/event.isPropagationStopped/ }\`
-     */
-    isPropagationStopped(): boolean;
-    /**
-     * The namespace specified when the event was triggered.
-     * @see \`{@link https://api.jquery.com/event.namespace/ }\`
-     */
-    namespace: string;
-    /**
-     * The browser's original Event object.
-     * @see \`{@link https://api.jquery.com/category/events/event-object/ }\`
-     */
-    originalEvent: Event;
-    /**
-     * If this method is called, the default action of the event will not be triggered.
-     * @see \`{@link https://api.jquery.com/event.preventDefault/ }\`
-     */
-    preventDefault(): any;
-    /**
-     * The other DOM element involved in the event, if any.
-     * @see \`{@link https://api.jquery.com/event.relatedTarget/ }\`
-     */
-    relatedTarget: Element;
-    /**
-     * The last value returned by an event handler that was triggered by this event, unless the value was undefined.
-     * @see \`{@link https://api.jquery.com/event.result/ }\`
-     */
-    result: any;
-    /**
-     * Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
-     * @see \`{@link https://api.jquery.com/event.stopImmediatePropagation/ }\`
-     */
-    stopImmediatePropagation(): void;
-    /**
-     * Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
-     * @see \`{@link https://api.jquery.com/event.stopPropagation/ }\`
-     */
-    stopPropagation(): void;
-    /**
-     * The DOM element that initiated the event.
-     * @see \`{@link https://api.jquery.com/event.target/ }\`
-     */
-    target: Element;
-    /**
-     * The mouse position relative to the left edge of the document.
-     * @see \`{@link https://api.jquery.com/event.pageX/ }\`
-     */
-    pageX: number;
-    /**
-     * The mouse position relative to the top edge of the document.
-     * @see \`{@link https://api.jquery.com/event.pageY/ }\`
-     */
-    pageY: number;
-    /**
-     * For key or mouse events, this property indicates the specific key or button that was pressed.
-     * @see \`{@link https://api.jquery.com/event.which/ }\`
-     */
-    which: number;
-    /**
-     * Indicates whether the META key was pressed when the event fired.
-     * @see \`{@link https://api.jquery.com/event.metaKey/ }\`
-     */
-    metaKey: boolean;
-}
-/**
- * @deprecated Use \`{@link JQuery.Event }\`.
- */
-interface JQueryInputEventObject extends BaseJQueryEventObject {
-    altKey: boolean;
-    ctrlKey: boolean;
-    metaKey: boolean;
-    shiftKey: boolean;
-}
-/**
- * @deprecated Use \`{@link JQuery.Event }\`.
- */
-interface JQueryMouseEventObject extends JQueryInputEventObject {
-    button: number;
-    clientX: number;
-    clientY: number;
-    offsetX: number;
-    offsetY: number;
-    pageX: number;
-    pageY: number;
-    screenX: number;
-    screenY: number;
-}
-/**
- * @deprecated Use \`{@link JQuery.Event }\`.
- */
-interface JQueryKeyEventObject extends JQueryInputEventObject {
-    char: any;
-    charCode: number;
-    key: any;
-    keyCode: number;
-}
-/**
- * @deprecated Use \`{@link JQuery.Event }\`.
- */
-interface JQueryEventObject extends BaseJQueryEventObject, JQueryInputEventObject, JQueryMouseEventObject, JQueryKeyEventObject { }
-/**
- * @deprecated
- */
-interface JQueryPromiseOperator<T, U> {
-    (callback1: JQuery.TypeOrArray<JQueryPromiseCallback<T>>,
-     ...callbacksN: Array<JQuery.TypeOrArray<JQueryPromiseCallback<any>>>): JQueryPromise<U>;
-}
-/**
- * @deprecated Internal. See \`{@link https://github.com/jquery/api.jquery.com/issues/912 }\`.
- */
-interface JQueryEasingFunction {
-    (percent: number): number;
-}
-/**
- * @deprecated Internal. See \`{@link https://github.com/jquery/api.jquery.com/issues/912 }\`.
- */
-interface JQueryEasingFunctions {
-    [name: string]: JQueryEasingFunction;
-    linear: JQueryEasingFunction;
-    swing: JQueryEasingFunction;
-}
-
-// #endregion
+export = jQuery;
diff --git a/types/jquery/jquery-tests.ts b/types/jquery/jquery-tests.ts
index 43371f96c3..515715bf14 100644
--- a/types/jquery/jquery-tests.ts
+++ b/types/jquery/jquery-tests.ts
@@ -3,6 +3,91 @@ function JQueryStatic() {
         const jq: JQueryStatic = $;
     }
 
+    function ajaxSettings() {
+        // $ExpectType AjaxSettings<any>
+        $.ajaxSettings;
+    }
+
+    function Animation() {
+        // $ExpectType AnimationStatic
+        $.Animation;
+    }
+
+    function Callbacks() {
+        // $ExpectType CallbacksStatic
+        $.Callbacks;
+    }
+
+    function cssHooks() {
+        // $ExpectType CSSHooks
+        $.cssHooks;
+    }
+
+    function cssNumber() {
+        // $ExpectType PlainObject<boolean>
+        $.cssNumber;
+    }
+
+    function Deferred() {
+        // $ExpectType DeferredStatic
+        $.Deferred;
+    }
+
+    function easing() {
+        // $ExpectType Easings
+        $.easing;
+    }
+
+    function Event() {
+        // $ExpectType EventStatic
+        $.Event;
+    }
+
+    function event() {
+        // $ExpectType EventExtensions
+        $.event;
+    }
+
+    function expr() {
+        // $ExpectType Selectors
+        $.expr;
+    }
+
+    function fn() {
+        // $ExpectType JQuery<HTMLElement>
+        $.fn;
+    }
+
+    function fx() {
+        // $ExpectType Effects
+        $.fx;
+    }
+
+    function ready() {
+        // $ExpectType Thenable<JQueryStatic>
+        $.ready;
+    }
+
+    function support() {
+        // $ExpectType PlainObject<any>
+        $.support;
+    }
+
+    function timers() {
+        // $ExpectType TickFunction<any>[]
+        $.timers;
+    }
+
+    function Tween() {
+        // $ExpectType TweenStatic
+        $.Tween;
+    }
+
+    function valHooks() {
+        // $ExpectType ValHooks
+        $.valHooks;
+    }
+
     function call_signature() {
         // $ExpectType JQuery<HTMLElement>
         $('<p></p>', new Document());
@@ -111,123 +196,6 @@ function JQueryStatic() {
         }
     }
 
-    function ajaxSettings() {
-        // $ExpectType AjaxSettings<any>
-        $.ajaxSettings;
-    }
-
-    function Event() {
-        // $ExpectType EventStatic
-        $.Event;
-    }
-
-    function cssHooks() {
-        // $ExpectType PlainObject<CSSHook<HTMLElement>>
-        $.cssHooks;
-    }
-
-    function cssNumber() {
-        // $ExpectType PlainObject<boolean>
-        $.cssNumber;
-    }
-
-    function fn() {
-        // $ExpectType JQuery<HTMLElement>
-        $.fn;
-    }
-
-    function fx() {
-        function interval() {
-            // $ExpectType number
-            $.fx.interval;
-        }
-
-        function off() {
-            // $ExpectType boolean
-            $.fx.off;
-        }
-
-        function step() {
-            // $ExpectType PlainObject<AnimationHook<Node>>
-            $.fx.step;
-        }
-    }
-
-    function ready() {
-        // $ExpectType Thenable<JQueryStatic>
-        $.ready;
-    }
-
-    function support() {
-        // $ExpectType PlainObject<any>
-        $.support;
-    }
-
-    function valHooks() {
-        // $ExpectType PlainObject<ValHook<HTMLElement>>
-        $.valHooks;
-    }
-
-    function Callbacks() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks('once');
-
-        // $ExpectType Callbacks<Function>
-        $.Callbacks();
-    }
-
-    function Deferred() {
-        function call_signature() {
-            // $ExpectType Deferred<boolean, string, number>
-            $.Deferred<boolean, string, number>(function(deferred) {
-                // $ExpectType Deferred<boolean, string, number>
-                this;
-                // $ExpectType Deferred<boolean, string, number>
-                deferred;
-            });
-
-            // $ExpectType Deferred<boolean, string, number>
-            $.Deferred<boolean, string, number>();
-
-            // $ExpectType Deferred<boolean, string, any>
-            $.Deferred<boolean, string>(function(deferred) {
-                // $ExpectType Deferred<boolean, string, any>
-                this;
-                // $ExpectType Deferred<boolean, string, any>
-                deferred;
-            });
-
-            // $ExpectType Deferred<boolean, string, any>
-            $.Deferred<boolean, string>();
-
-            // $ExpectType Deferred<boolean, any, any>
-            $.Deferred<boolean>(function(deferred) {
-                // $ExpectType Deferred<boolean, any, any>
-                this;
-                // $ExpectType Deferred<boolean, any, any>
-                deferred;
-            });
-
-            // $ExpectType Deferred<boolean, any, any>
-            $.Deferred<boolean>();
-
-            // $ExpectType Deferred<any, any, any>
-            $.Deferred(function(deferred) {
-                // $ExpectType Deferred<any, any, any>
-                this;
-                // $ExpectType Deferred<any, any, any>
-                deferred;
-            });
-
-            // $ExpectType Deferred<any, any, any>
-            $.Deferred();
-        }
-
-        function exceptionHook() {
-            $.Deferred.exceptionHook = undefined;
-        }
-    }
-
     function ajax() {
         // $ExpectType jqXHR<any>
         $.ajax('url', {
@@ -325,6 +293,13 @@ function JQueryStatic() {
         $.camelCase('foo-bar');
     }
 
+    function cleanData() {
+        const elems: ArrayLike<Element | Document | Window | JQuery.PlainObject> = {} as any;
+
+        // $ExpectType void
+        $.cleanData(elems);
+    }
+
     function contains() {
         // $ExpectType boolean
         $.contains(new HTMLElement(), new HTMLElement());
@@ -332,21 +307,27 @@ function JQueryStatic() {
 
     function css() {
         // $ExpectType any
-        $.css(new HTMLElement(), {});
+        $.css(new HTMLElement(), 'borderRadius');
     }
 
     function data() {
-        // $ExpectType any
-        $.data(new HTMLElement(), 'myKey', undefined);
+        const element: Element | Document | Window | JQuery.PlainObject = {} as any;
+
+        const value: string | undefined = {} as any;
+        // $ExpectError
+        $.data(element, 'myKey', value);
 
         // $ExpectType "myValue"
-        $.data(new HTMLElement(), 'myKey', 'myValue');
+        $.data(element, 'myKey', 'myValue');
 
         // $ExpectType any
-        $.data(new HTMLElement(), 'myKey');
+        $.data(element, 'myKey', undefined);
 
         // $ExpectType any
-        $.data(new HTMLElement());
+        $.data(element, 'myKey');
+
+        // $ExpectType any
+        $.data(element);
     }
 
     function dequeue() {
@@ -482,6 +463,9 @@ function JQueryStatic() {
         // $ExpectType { name: string; } & EventTarget
         $.extend(true, t, u);
 
+        // $ExpectType JQueryStatic & { name: string; }
+        $.extend(true, t);
+
         // $ExpectType any
         $.extend(true, t, u, v, w, x, y, z, a);
 
@@ -503,6 +487,9 @@ function JQueryStatic() {
         // $ExpectType { name: string; } & EventTarget
         $.extend(t, u);
 
+        // $ExpectType JQueryStatic & { name: string; }
+        $.extend(t);
+
         // $ExpectType any
         $.extend(t, u, v, w, x, y, z, a);
     }
@@ -624,6 +611,11 @@ function JQueryStatic() {
             // $ExpectType jqXHR<string | undefined>
             jqXHR;
         });
+
+        // $ExpectType jqXHR<string | undefined>
+        $.getScript({
+            url: 'url',
+        });
     }
 
     function globalEval() {
@@ -654,8 +646,10 @@ function JQueryStatic() {
     }
 
     function hasData() {
+        const element: Element | Document | Window | JQuery.PlainObject = {} as any;
+
         // $ExpectType boolean
-        $.hasData(new HTMLElement());
+        $.hasData(element);
     }
 
     function holdReady() {
@@ -706,24 +700,31 @@ function JQueryStatic() {
     }
 
     function isNumeric() {
-        function type_guard(obj: boolean | number) {
-            if ($.isNumeric(obj)) {
-                // $ExpectType number
-                obj;
-            } else {
-                // $ExpectType boolean
-                obj;
-            }
-        }
+        // $ExpectType boolean
+        $.isNumeric(123);   // true
+
+        // $ExpectType boolean
+        $.isNumeric(0 / 0); // false
+
+        // $ExpectType boolean
+        $.isNumeric('123'); // true
+
+        // $ExpectType boolean
+        $.isNumeric('1s3'); // false
     }
 
     function isPlainObject() {
-        function type_guard(obj: object) {
-            if ($.isPlainObject(obj)) {
-                // $ExpectType PlainObject<any>
-                obj;
-            }
-        }
+        // $ExpectType boolean
+        $.isPlainObject({});                    // true
+
+        // $ExpectType boolean
+        $.isPlainObject(new Object());          // true
+
+        // $ExpectType boolean
+        $.isPlainObject(document);              // false
+
+        // $ExpectType boolean
+        $.isPlainObject(Object.create(null));   // true
     }
 
     function isWindow() {
@@ -892,6 +893,13 @@ function JQueryStatic() {
         $.noConflict();
     }
 
+    function nodeName() {
+        const node: Node = undefined!;
+
+        // $ExpectType boolean
+        $.nodeName(node, 'name');
+    }
+
     function noop() {
         // $ExpectType undefined
         $.noop();
@@ -1031,23 +1039,25 @@ function JQueryStatic() {
     }
 
     function proxy() {
-        interface I1 { kind: 'I1'; }
-        interface I2 { kind: 'I2'; }
-        interface I3 { kind: 'I3'; }
-        interface I4 { kind: 'I4'; }
-        interface I5 { kind: 'I5'; }
-        interface I6 { kind: 'I6'; }
-        interface I7 { kind: 'I7'; }
-        interface I8 { kind: 'I8'; }
+        interface JContext { kind: 'JContext'; }
+        interface J1 { kind: 'J1'; }
+        interface J2 { kind: 'J2'; }
+        interface J3 { kind: 'J3'; }
+        interface J4 { kind: 'J4'; }
+        interface J5 { kind: 'J5'; }
+        interface J6 { kind: 'J6'; }
+        interface J7 { kind: 'J7'; }
+        interface J8 { kind: 'J8'; }
 
-        const a: I8 = {} as any;
-        const b: I7 = {} as any;
-        const c: I6 = {} as any;
-        const d: I5 = {} as any;
-        const e: I4 = {} as any;
-        const f: I3 = {} as any;
-        const g: I2 = {} as any;
-        const h: I2 = {} as any;
+        const context: JContext = {} as any;
+        const a: J8 = {} as any;
+        const b: J7 = {} as any;
+        const c: J6 = {} as any;
+        const d: J5 = {} as any;
+        const e: J4 = {} as any;
+        const f: J3 = {} as any;
+        const g: J2 = {} as any;
+        const h: J1 = {} as any;
 
         type A = typeof a;
         type B = typeof b;
@@ -1056,9 +1066,8 @@ function JQueryStatic() {
         type E = typeof e;
         type F = typeof f;
         type G = typeof g;
-        type H = typeof h;
 
-        // (fn, null)
+        // (funсtion, null)
         {
             // $ExpectType () => void
             $.proxy((a, b, c, d, e, f, g) => { }, null, a, b, c, d, e, f, g);
@@ -1084,203 +1093,203 @@ function JQueryStatic() {
             // $ExpectType () => void
             $.proxy(() => { }, null);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, t: I1) => { }, null, a, b, c);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, t: J1) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, t: I1) => { }, null, a, b);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, t: J1) => { }, null, a, b);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, t: I1) => { }, null, a);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, t: J1) => { }, null, a);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((t: I1) => { }, null);
+            // $ExpectType (t: J1) => void
+            $.proxy((t: J1) => { }, null);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, t: I1, u: I2) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, t: J1, u: J2) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, t: I1, u: I2) => { }, null, a);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, t: J1, u: J2) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((t: I1, u: I2) => { }, null);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((t: J1, u: J2) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((t: I1, u: I2, v: I3) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((t: J1, u: J2, v: J3) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, null);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null);
 
             // $ExpectType (...args: any[]) => void
-            $.proxy((a, b, c, d, e, f, g, h, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, null, a, b, c, d, e, f, g, h);
+            $.proxy((a, b, c, d, e, f, g, h, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, null, a, b, c, d, e, f, g, h);
         }
 
-        // (fn, undefined)
+        // (funсtion, undefined)
         {
             // $ExpectType () => void
             $.proxy((a, b, c, d, e, f, g) => { }, undefined, a, b, c, d, e, f, g);
@@ -1306,428 +1315,647 @@ function JQueryStatic() {
             // $ExpectType () => void
             $.proxy(() => { }, undefined);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, c: C, t: I1) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, c: C, t: J1) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, b: B, t: I1) => { }, undefined, a, b);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, b: B, t: J1) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((a: A, t: I1) => { }, undefined, a);
+            // $ExpectType (t: J1) => void
+            $.proxy((a: A, t: J1) => { }, undefined, a);
 
-            // $ExpectType (t: I1) => void
-            $.proxy((t: I1) => { }, undefined);
+            // $ExpectType (t: J1) => void
+            $.proxy((t: J1) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, b: B, t: I1, u: I2) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, b: B, t: J1, u: J2) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((a: A, t: I1, u: I2) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((a: A, t: J1, u: J2) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2) => void
-            $.proxy((t: I1, u: I2) => { }, undefined);
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy((t: J1, u: J2) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3) => void
-            $.proxy((t: I1, u: I2, v: I3) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy((t: J1, u: J2, v: J3) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) => { }, undefined);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c, d, e, f, g);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c, d, e, f, g);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c, d, e, f);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c, d, e, f);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c, d, e);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c, d, e);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c, d);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c, d);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a);
 
-            // $ExpectType (t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined);
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy((t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined);
 
             // $ExpectType (...args: any[]) => void
-            $.proxy((a, b, c, d, e, f, g, h, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, undefined, a, b, c, d, e, f, g, h);
+            $.proxy((a, b, c, d, e, f, g, h, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) => { }, undefined, a, b, c, d, e, f, g, h);
         }
 
-        // (fn, context)
+        // (funсtion, context)
         {
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b, c, d, e, f, g) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b, c, d, e, f) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b, c, d, e) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b, c, d) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b, c) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a, b) => { }, {}, a, b);
-
-            // $ExpectType (this: {}) => void
-            $.proxy((a) => { }, {}, a);
-
-            // $ExpectType (this: {}) => void
-            $.proxy(() => { }, {});
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, c: C, t: I1) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, b: B, t: I1) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((a: A, t: I1) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1) => void
-            $.proxy((t: I1) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, b: B, t: I1, u: I2) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((a: A, t: I1, u: I2) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2) => void
-            $.proxy((t: I1, u: I2) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3) => void
-            $.proxy((t: I1, u: I2, v: I3) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7) => { }, {});
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c, d, e, f, g);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, f: F, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c, d, e, f);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, e: E, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c, d, e);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, d: D, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c, d);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, c: C, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, b: B, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((a: A, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a);
-
-            // $ExpectType (this: {}, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, ...args: any[]) => void
-            $.proxy((t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {});
-
-            // $ExpectType (this: {}, ...args: any[]) => void
-            $.proxy((a, b, c, d, e, f, g, h, t: I1, u: I2, v: I3, w: I4, x: I5, y: I6, z: I7, _: I8) => { }, {}, a, b, c, d, e, f, g, h);
+            // $ExpectType () => void
+            $.proxy(function(a, b, c, d, e, f, g) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType () => void
+            $.proxy(function(a, b, c, d, e, f) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType () => void
+            $.proxy(function(a, b, c, d, e) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType () => void
+            $.proxy(function(a, b, c, d) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType () => void
+            $.proxy(function(a, b, c) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType () => void
+            $.proxy(function(a, b) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType () => void
+            $.proxy(function(a) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType () => void
+            $.proxy(function() {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, b: B, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(a: A, t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1) => void
+            $.proxy(function(t: J1) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(a: A, t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2) => void
+            $.proxy(function(t: J1, u: J2) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3) => void
+            $.proxy(function(t: J1, u: J2, v: J3) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4) => void
+            $.proxy(function(t: J1, u: J2, v: J3, w: J4) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5) => void
+            $.proxy(function(t: J1, u: J2, v: J3, w: J4, x: J5) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) => void
+            $.proxy(function(t: J1, u: J2, v: J3, w: J4, x: J5, y: J6) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, g: G, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, f: F, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, e: E, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, d: D, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, c: C, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, b: B, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(a: A, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a);
+
+            // $ExpectType (t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, ...args: any[]) => void
+            $.proxy(function(t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context);
+
+            // $ExpectType (...args: any[]) => void
+            $.proxy(function(a, b, c, d, e, f, g, h, t: J1, u: J2, v: J3, w: J4, x: J5, y: J6, z: J7, _: J8) {
+                // $ExpectType JContext
+                this;
+            }, context, a, b, c, d, e, f, g, h);
         }
 
-        // $ExpectType (this: { myFunc: () => undefined; }, ...args: any[]) => any
+        // $ExpectType (...args: any[]) => any
         $.proxy({ myFunc: $.noop }, 'myFunc', 1, 2);
 
-        // $ExpectType (this: { myFunc: () => undefined; }, ...args: any[]) => any
+        // $ExpectType (...args: any[]) => any
         $.proxy({ myFunc: $.noop }, 'myFunc');
     }
 
@@ -1762,11 +1990,13 @@ function JQueryStatic() {
     }
 
     function removeData() {
-        // $ExpectType void
-        $.removeData(new HTMLElement(), 'test1');
+        const element: Element | Document | Window | JQuery.PlainObject = {} as any;
 
         // $ExpectType void
-        $.removeData(new HTMLElement());
+        $.removeData(element, 'test1');
+
+        // $ExpectType void
+        $.removeData(element);
     }
 
     function speed() {
@@ -1804,6 +2034,10 @@ function JQueryStatic() {
             }
         });
 
+        // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+        // $ExpectError
+        $.speed(false);
+
         // $ExpectType EffectsOptions<HTMLElement>
         $.speed();
     }
@@ -1829,15 +2063,15 @@ function JQueryStatic() {
     }
 
     function when() {
-        interface I1 { kind: 'I1'; }
-        interface I2 { kind: 'I2'; }
-        interface I3 { kind: 'I3'; }
-        interface I4 { kind: 'I4'; }
-        interface I5 { kind: 'I5'; }
-        interface I6 { kind: 'I6'; }
-        interface I7 { kind: 'I7'; }
-        interface I8 { kind: 'I8'; }
-        interface I9 { kind: 'I9'; }
+        interface J1 { kind: 'J1'; }
+        interface J2 { kind: 'J2'; }
+        interface J3 { kind: 'J3'; }
+        interface J4 { kind: 'J4'; }
+        interface J5 { kind: 'J5'; }
+        interface J6 { kind: 'J6'; }
+        interface J7 { kind: 'J7'; }
+        interface J8 { kind: 'J8'; }
+        interface J9 { kind: 'J9'; }
 
         function Promise3() {
             const t = $.ajax() as JQuery.jqXHR<string>;
@@ -1987,22 +2221,22 @@ function JQueryStatic() {
         }
 
         function Promise() {
-            const p1: JQuery.Promise<I1, I2, I3> = {} as any;
-            const p2: JQuery.Promise<I2, I3, I4> = {} as any;
-            const p3: JQuery.Promise<I3, I4, I5> = {} as any;
+            const p1: JQuery.Promise<J1, J2, J3> = {} as any;
+            const p2: JQuery.Promise<J2, J3, J4> = {} as any;
+            const p3: JQuery.Promise<J3, J4, J5> = {} as any;
 
             // 3 parameters
             {
                 const w = $.when(p1, p2, p3);
 
                 w.then((a, b, c) => {
-                    a; // $ExpectType I1
-                    b; // $ExpectType I2
-                    c; // $ExpectType I3
+                    a; // $ExpectType J1
+                    b; // $ExpectType J2
+                    c; // $ExpectType J3
                 }, (a, b, c) => {
-                    a; // $ExpectType I2
-                    b; // $ExpectType I3
-                    c; // $ExpectType I4
+                    a; // $ExpectType J2
+                    b; // $ExpectType J3
+                    c; // $ExpectType J4
                 }, (a, b, c) => {
                     a; // $ExpectType never
                     b; // $ExpectType never
@@ -2015,11 +2249,11 @@ function JQueryStatic() {
                 const w = $.when(p1, p2);
 
                 w.then((a, b) => {
-                    a; // $ExpectType I1
-                    b; // $ExpectType I2
+                    a; // $ExpectType J1
+                    b; // $ExpectType J2
                 }, (a, b) => {
-                    a; // $ExpectType I2
-                    b; // $ExpectType I3
+                    a; // $ExpectType J2
+                    b; // $ExpectType J3
                 }, (a, b) => {
                     a; // $ExpectType never
                     b; // $ExpectType never
@@ -2031,9 +2265,9 @@ function JQueryStatic() {
                 const w = $.when(p1);
 
                 w.then(a => {
-                    a; // $ExpectType I1
+                    a; // $ExpectType J1
                 }, a => {
-                    a; // $ExpectType I2
+                    a; // $ExpectType J2
                 }, a => {
                     a; // $ExpectType never
                 });
@@ -2041,18 +2275,18 @@ function JQueryStatic() {
         }
 
         function Thenable() {
-            const t1: JQuery.Thenable<I1> = {} as any;
-            const t2: JQuery.Thenable<I2> = {} as any;
-            const t3: JQuery.Thenable<I3> = {} as any;
+            const t1: JQuery.Thenable<J1> = {} as any;
+            const t2: JQuery.Thenable<J2> = {} as any;
+            const t3: JQuery.Thenable<J3> = {} as any;
 
             // 3 parameters
             {
                 const w = $.when(t1, t2, t3);
 
                 w.then((a, b, c) => {
-                    a; // $ExpectType I1
-                    b; // $ExpectType I2
-                    c; // $ExpectType I3
+                    a; // $ExpectType J1
+                    b; // $ExpectType J2
+                    c; // $ExpectType J3
                 }, (a, b, c) => {
                     a; // $ExpectType any
                     b; // $ExpectType any
@@ -2069,8 +2303,8 @@ function JQueryStatic() {
                 const w = $.when(t1, t2);
 
                 w.then((a, b) => {
-                    a; // $ExpectType I1
-                    b; // $ExpectType I2
+                    a; // $ExpectType J1
+                    b; // $ExpectType J2
                 }, (a, b) => {
                     a; // $ExpectType any
                     b; // $ExpectType any
@@ -2085,7 +2319,7 @@ function JQueryStatic() {
                 const w = $.when(t1);
 
                 w.then(a => {
-                    a; // $ExpectType I1
+                    a; // $ExpectType J1
                 }, a => {
                     a; // $ExpectType any
                 }, a => {
@@ -2610,12 +2844,29 @@ function JQuery() {
         }
 
         function outerHeight() {
+            const value: string | number = undefined!;
+
+            // $ExpectType JQuery<HTMLElement>
+            $('p').outerHeight(value, true);
+
             // $ExpectType JQuery<HTMLElement>
             $('p').outerHeight('200px');
 
             // $ExpectType JQuery<HTMLElement>
             $('p').outerHeight(400);
 
+            // $ExpectType JQuery<HTMLElement>
+            $('p').outerHeight(function(index, height) {
+                // $ExpectType HTMLElement
+                this;
+                // $ExpectType number
+                index;
+                // $ExpectType number
+                height;
+
+                return '200px';
+            }, false);
+
             // $ExpectType JQuery<HTMLElement>
             $('p').outerHeight(function(index, height) {
                 // $ExpectType HTMLElement
@@ -2718,12 +2969,29 @@ function JQuery() {
         }
 
         function outerWidth() {
+            const value: string | number = undefined!;
+
+            // $ExpectType JQuery<HTMLElement>
+            $('p').outerWidth(value, true);
+
             // $ExpectType JQuery<HTMLElement>
             $('p').outerWidth('200px');
 
             // $ExpectType JQuery<HTMLElement>
             $('p').outerWidth(400);
 
+            // $ExpectType JQuery<HTMLElement>
+            $('p').outerWidth(function(index, width) {
+                // $ExpectType HTMLElement
+                this;
+                // $ExpectType number
+                index;
+                // $ExpectType number
+                width;
+
+                return '200px';
+            }, false);
+
             // $ExpectType JQuery<HTMLElement>
             $('p').outerWidth(function(index, width) {
                 // $ExpectType HTMLElement
@@ -2930,8 +3198,9 @@ function JQuery() {
 
     function data() {
         function data() {
-            // $ExpectType any
-            $('p').data('myData', undefined);
+            const value: string | undefined = {} as any;
+            // $ExpectError
+            $('p').data('myData', value);
 
             // $ExpectType JQuery<HTMLElement>
             $('p').data('myData', {});
@@ -2942,6 +3211,9 @@ function JQuery() {
                 myData2: false
             });
 
+            // $ExpectType any
+            $('p').data('myData', undefined);
+
             // $ExpectType any
             $('p').data('myData');
 
@@ -3611,7 +3883,7 @@ function JQuery() {
     function events() {
         // [bind() overloads] https://github.com/jquery/api.jquery.com/issues/1048
         function bind() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').bind('myEvent', 'myData', function(event) {
@@ -3622,8 +3894,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').bind('myEvent', 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').bind('myEvent', 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -3638,8 +3910,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').bind('myEvent', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').bind('myEvent', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -3657,8 +3929,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, null>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -3673,7 +3945,7 @@ function JQuery() {
         }
 
         function delegate() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('table').delegate('td', 'myEvent', 'myData', function(event) {
@@ -3684,8 +3956,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').delegate('td', 'myEvent', 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').delegate('td', 'myEvent', 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -3700,8 +3972,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').delegate('td', 'myEvent', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').delegate('td', 'myEvent', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -3719,8 +3991,8 @@ function JQuery() {
                     event;
                 },
                 myEvent2: false,
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -3733,11 +4005,11 @@ function JQuery() {
 
             function defaultContext_customData(this: HTMLElement, event: JQuery.Event<HTMLElement, string>) { }
 
-            function customContext_defaultData(this: I1, event: JQuery.Event<HTMLElement>) { }
+            function customContext_defaultData(this: J1, event: JQuery.Event<HTMLElement>) { }
 
-            function customContext_customData(this: I1, event: JQuery.Event<HTMLElement, string>) { }
+            function customContext_customData(this: J1, event: JQuery.Event<HTMLElement, string>) { }
 
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('table').off('myEvent', 'td', defaultContext_defaultData);
@@ -3801,7 +4073,7 @@ function JQuery() {
         }
 
         function on() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('table').on('myEvent', 'td', 'myData', function(event) {
@@ -3820,8 +4092,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').on('myEvent', 'td', 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').on('myEvent', 'td', 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -3844,8 +4116,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').on('myEvent', null, 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').on('myEvent', null, 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -3868,8 +4140,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').on('myEvent', 'td', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').on('myEvent', 'td', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -3895,8 +4167,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').on('myEvent', 3, function(this: I1, event) {
-                // $ExpectType I1
+            $('table').on('myEvent', 3, function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, number>
                 event;
@@ -3943,8 +4215,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').on('myEvent', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').on('myEvent', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -3962,8 +4234,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, string>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, string>
                     event;
@@ -3979,8 +4251,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, string>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, string>
                     event;
@@ -3996,8 +4268,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, null>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -4013,8 +4285,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, number>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, number>
                     event;
@@ -4030,8 +4302,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, null>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -4040,7 +4312,7 @@ function JQuery() {
         }
 
         function one() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('table').one('myEvent', 'td', 'myData', function(event) {
@@ -4051,8 +4323,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').one('myEvent', 'td', 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').one('myEvent', 'td', 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4067,8 +4339,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').one('myEvent', null, 'myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').one('myEvent', null, 'myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4083,8 +4355,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').one('myEvent', 'td', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').one('myEvent', 'td', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4102,8 +4374,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').one('myEvent', 3, function(this: I1, event) {
-                // $ExpectType I1
+            $('table').one('myEvent', 3, function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, number>
                 event;
@@ -4118,8 +4390,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('table').one('myEvent', function(this: I1, event) {
-                // $ExpectType I1
+            $('table').one('myEvent', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4137,8 +4409,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, string>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, string>
                     event;
@@ -4154,8 +4426,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, string>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, string>
                     event;
@@ -4171,8 +4443,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, null>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -4188,8 +4460,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, number>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, number>
                     event;
@@ -4205,8 +4477,8 @@ function JQuery() {
                     // $ExpectType Event<HTMLElement, null>
                     event;
                 },
-                myEvent3(this: I1, event) {
-                    // $ExpectType I1
+                myEvent3(this: J1, event) {
+                    // $ExpectType J1
                     this;
                     // $ExpectType Event<HTMLElement, null>
                     event;
@@ -4227,6 +4499,9 @@ function JQuery() {
             // $ExpectType JQuery<HTMLElement>
             $('p').trigger('myEvent', 3);
 
+            // $ExpectType JQuery<HTMLElement>
+            $('p').trigger('myEvent', true);
+
             // $ExpectType JQuery<HTMLElement>
             $('p').trigger($.Event('myEvent'), ['Custom', 'Event']);
 
@@ -4238,6 +4513,9 @@ function JQuery() {
 
             // $ExpectType JQuery<HTMLElement>
             $('p').trigger($.Event('myEvent'), 3);
+
+            // $ExpectType JQuery<HTMLElement>
+            $('p').trigger($.Event('myEvent'), true);
         }
 
         function triggerHandler() {
@@ -4253,6 +4531,9 @@ function JQuery() {
             // $ExpectType any
             $('p').triggerHandler('myEvent', 3);
 
+            // $ExpectType any
+            $('p').triggerHandler('myEvent', true);
+
             // $ExpectType any
             $('p').triggerHandler($.Event('myEvent'), ['Custom', 'Event']);
 
@@ -4264,6 +4545,9 @@ function JQuery() {
 
             // $ExpectType any
             $('p').triggerHandler($.Event('myEvent'), 3);
+
+            // $ExpectType any
+            $('p').triggerHandler($.Event('myEvent'), true);
         }
 
         function unbind() {
@@ -4271,11 +4555,11 @@ function JQuery() {
 
             function defaultContext_customData(this: HTMLElement, event: JQuery.Event<HTMLElement, string>) { }
 
-            function customContext_defaultData(this: I1, event: JQuery.Event<HTMLElement>) { }
+            function customContext_defaultData(this: J1, event: JQuery.Event<HTMLElement>) { }
 
-            function customContext_customData(this: I1, event: JQuery.Event<HTMLElement, string>) { }
+            function customContext_customData(this: J1, event: JQuery.Event<HTMLElement, string>) { }
 
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').unbind('myEvent', defaultContext_defaultData);
@@ -4307,11 +4591,11 @@ function JQuery() {
 
             function defaultContext_customData(this: HTMLElement, event: JQuery.Event<HTMLElement, string>) { }
 
-            function customContext_defaultData(this: I1, event: JQuery.Event<HTMLElement>) { }
+            function customContext_defaultData(this: J1, event: JQuery.Event<HTMLElement>) { }
 
-            function customContext_customData(this: I1, event: JQuery.Event<HTMLElement, string>) { }
+            function customContext_customData(this: J1, event: JQuery.Event<HTMLElement, string>) { }
 
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('table').undelegate('td', 'click', defaultContext_defaultData);
@@ -4348,7 +4632,7 @@ function JQuery() {
         }
 
         function blur() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').blur('myData', function(event) {
@@ -4359,8 +4643,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').blur('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').blur('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4375,8 +4659,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').blur(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').blur(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4390,7 +4674,7 @@ function JQuery() {
         }
 
         function change() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').change('myData', function(event) {
@@ -4401,8 +4685,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').change('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').change('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4417,8 +4701,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').change(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').change(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4432,7 +4716,7 @@ function JQuery() {
         }
 
         function click() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').click('myData', function(event) {
@@ -4443,8 +4727,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').click('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').click('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4459,8 +4743,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').click(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').click(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4474,7 +4758,7 @@ function JQuery() {
         }
 
         function contextmenu() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').contextmenu('myData', function(event) {
@@ -4485,8 +4769,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').contextmenu('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').contextmenu('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4501,8 +4785,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').contextmenu(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').contextmenu(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4516,7 +4800,7 @@ function JQuery() {
         }
 
         function dblclick() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').dblclick('myData', function(event) {
@@ -4527,8 +4811,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').dblclick('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').dblclick('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4543,8 +4827,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').dblclick(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').dblclick(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4558,7 +4842,7 @@ function JQuery() {
         }
 
         function focus() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').focus('myData', function(event) {
@@ -4569,8 +4853,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focus('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focus('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4585,8 +4869,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focus(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focus(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4600,7 +4884,7 @@ function JQuery() {
         }
 
         function focusin() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').focusin('myData', function(event) {
@@ -4611,8 +4895,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focusin('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focusin('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4627,8 +4911,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focusin(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focusin(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4642,7 +4926,7 @@ function JQuery() {
         }
 
         function focusout() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').focusout('myData', function(event) {
@@ -4653,8 +4937,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focusout('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focusout('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4669,8 +4953,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').focusout(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').focusout(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4684,7 +4968,7 @@ function JQuery() {
         }
 
         function keydown() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').keydown('myData', function(event) {
@@ -4695,8 +4979,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keydown('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keydown('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4711,8 +4995,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keydown(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keydown(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4726,7 +5010,7 @@ function JQuery() {
         }
 
         function keypress() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').keypress('myData', function(event) {
@@ -4737,8 +5021,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keypress('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keypress('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4753,8 +5037,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keypress(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keypress(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4768,7 +5052,7 @@ function JQuery() {
         }
 
         function keyup() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').keyup('myData', function(event) {
@@ -4779,8 +5063,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keyup('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keyup('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4795,8 +5079,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').keyup(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').keyup(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4810,7 +5094,7 @@ function JQuery() {
         }
 
         function mousedown() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mousedown('myData', function(event) {
@@ -4821,8 +5105,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mousedown('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mousedown('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4837,8 +5121,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mousedown(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mousedown(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4852,7 +5136,7 @@ function JQuery() {
         }
 
         function mouseenter() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mouseenter('myData', function(event) {
@@ -4863,8 +5147,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseenter('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseenter('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4879,8 +5163,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseenter(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseenter(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4894,7 +5178,7 @@ function JQuery() {
         }
 
         function mouseleave() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mouseleave('myData', function(event) {
@@ -4905,8 +5189,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseleave('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseleave('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4921,8 +5205,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseleave(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseleave(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4936,7 +5220,7 @@ function JQuery() {
         }
 
         function mousemove() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mousemove('myData', function(event) {
@@ -4947,8 +5231,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mousemove('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mousemove('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -4963,8 +5247,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mousemove(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mousemove(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -4978,7 +5262,7 @@ function JQuery() {
         }
 
         function mouseout() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mouseout('myData', function(event) {
@@ -4989,8 +5273,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseout('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseout('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5005,8 +5289,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseout(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseout(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5020,7 +5304,7 @@ function JQuery() {
         }
 
         function mouseover() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mouseover('myData', function(event) {
@@ -5031,8 +5315,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseover('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseover('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5047,8 +5331,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseover(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseover(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5062,7 +5346,7 @@ function JQuery() {
         }
 
         function mouseup() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').mouseup('myData', function(event) {
@@ -5073,8 +5357,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseup('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseup('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5089,8 +5373,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').mouseup(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').mouseup(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5104,7 +5388,7 @@ function JQuery() {
         }
 
         function resize() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').resize('myData', function(event) {
@@ -5115,8 +5399,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').resize('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').resize('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5131,8 +5415,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').resize(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').resize(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5146,7 +5430,7 @@ function JQuery() {
         }
 
         function scroll() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').scroll('myData', function(event) {
@@ -5157,8 +5441,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').scroll('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').scroll('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5173,8 +5457,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').scroll(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').scroll(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5188,7 +5472,7 @@ function JQuery() {
         }
 
         function select() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').select('myData', function(event) {
@@ -5199,8 +5483,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').select('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').select('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5215,8 +5499,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').select(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').select(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5230,7 +5514,7 @@ function JQuery() {
         }
 
         function submit() {
-            interface I1 { kind: 'I1'; }
+            interface J1 { kind: 'J1'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').submit('myData', function(event) {
@@ -5241,8 +5525,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').submit('myData', function(this: I1, event) {
-                // $ExpectType I1
+            $('p').submit('myData', function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, string>
                 event;
@@ -5257,8 +5541,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').submit(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').submit(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5272,8 +5556,8 @@ function JQuery() {
         }
 
         function hover() {
-            interface I1 { kind: 'I1'; }
-            interface I2 { kind: 'I2'; }
+            interface J1 { kind: 'J1'; }
+            interface J2 { kind: 'J2'; }
 
             // $ExpectType JQuery<HTMLElement>
             $('p').hover(function(event) {
@@ -5289,8 +5573,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').hover(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').hover(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5307,21 +5591,21 @@ function JQuery() {
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
-            }, function(this: I1, event) {
-                // $ExpectType I1
+            }, function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').hover(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').hover(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
-            }, function(this: I2, event) {
-                // $ExpectType I2
+            }, function(this: J2, event) {
+                // $ExpectType J2
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5336,8 +5620,8 @@ function JQuery() {
             }, false);
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').hover(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').hover(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5352,8 +5636,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').hover(false, function(this: I1, event) {
-                // $ExpectType I1
+            $('p').hover(false, function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -5371,8 +5655,8 @@ function JQuery() {
             });
 
             // $ExpectType JQuery<HTMLElement>
-            $('p').hover(function(this: I1, event) {
-                // $ExpectType I1
+            $('p').hover(function(this: J1, event) {
+                // $ExpectType J1
                 this;
                 // $ExpectType Event<HTMLElement, null>
                 event;
@@ -6526,6 +6810,25 @@ function JQuery() {
     }
 }
 
+function JQuery_Selectors() {
+    function pseudos_colon() {
+        // $ExpectType PseudoFunctions
+        $.expr[':'];
+    }
+
+    function filter() {
+        // $ExpectType FilterFunctions
+        $.expr.filter;
+    }
+
+    function stackoverflow_50727144() {
+        $.extend($.expr[":"], {
+            containsCaseInsensitive: (elem: any, i: number, match: any, array: any) =>
+                (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0
+        });
+    }
+}
+
 function JQuery_AjaxSettings() {
     $.ajax({
         accepts: {
@@ -6692,172 +6995,6 @@ function JQuery_AjaxSettings() {
     });
 }
 
-function JQuery_Callbacks() {
-    function add() {
-        const callbacks = $.Callbacks();
-
-        // $ExpectType Callbacks<Function>
-        callbacks.add(() => { }, [() => { }], () => { });
-
-        // $ExpectType Callbacks<Function>
-        callbacks.add(() => { }, [() => { }]);
-
-        // $ExpectType Callbacks<Function>
-        callbacks.add(() => { }, () => { });
-
-        // $ExpectType Callbacks<Function>
-        callbacks.add(() => { });
-
-        // $ExpectType Callbacks<Function>
-        callbacks.add([() => { }]);
-    }
-
-    function disable() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().disable();
-    }
-
-    function disabled() {
-        // $ExpectType boolean
-        $.Callbacks().disabled();
-    }
-
-    function empty() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().empty();
-    }
-
-    function fire() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().fire(1);
-
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().fire();
-    }
-
-    function fireWith() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().fireWith(window, [1]);
-
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().fireWith(window);
-    }
-
-    function fired() {
-        // $ExpectType boolean
-        $.Callbacks().fired();
-    }
-
-    function has() {
-        // $ExpectType boolean
-        $.Callbacks().has(() => { });
-
-        // $ExpectType boolean
-        $.Callbacks().has();
-    }
-
-    function lock() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().lock();
-    }
-
-    function locked() {
-        // $ExpectType boolean
-        $.Callbacks().locked();
-    }
-
-    function remove() {
-        // $ExpectType Callbacks<Function>
-        $.Callbacks().remove(() => { }, () => { });
-    }
-}
-
-function JQuery_EffectsOptions() {
-    $('p').show({
-        always(animation, jumpToEnd) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType Promise<any, any, any>
-            animation;
-            // $ExpectType boolean
-            jumpToEnd;
-        },
-        complete() {
-            // $ExpectType HTMLElement
-            this;
-        },
-        done(animation, jumpToEnd) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType Promise<any, any, any>
-            animation;
-            // $ExpectType boolean
-            jumpToEnd;
-        },
-        duration: 5000,
-        easing: 'linear',
-        fail(animation, jumpToEnd) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType Promise<any, any, any>
-            animation;
-            // $ExpectType boolean
-            jumpToEnd;
-        },
-        progress(animation, progress, remainingMs) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType Promise<any, any, any>
-            animation;
-            // $ExpectType number
-            progress;
-            // $ExpectType number
-            remainingMs;
-        },
-        queue: true,
-        specialEasing: {
-            width: 'linear',
-            height: 'easeOutBounce'
-        },
-        start(animation) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType Promise<any, any, any>
-            animation;
-        },
-        step(now, tween) {
-            // $ExpectType HTMLElement
-            this;
-            // $ExpectType number
-            now;
-            // $ExpectType Tween<HTMLElement>
-            tween;
-        }
-    });
-}
-
-function JQuery_Event() {
-    function call_signature() {
-        // $ExpectType Event<HTMLElement, null> & Coordinates
-        $.Event('keydown', $('p').offset());
-
-        // $ExpectType Event<HTMLElement, null> & { type: string; }
-        $.Event({
-            type: 'keydown'
-        });
-    }
-
-    function constructor() {
-        // $ExpectType Event<HTMLElement, null> & Coordinates
-        new $.Event('keydown', $('p').offset());
-
-        // $ExpectType Event<HTMLElement, null> & { type: string; }
-        new $.Event({
-            type: 'keydown'
-        });
-    }
-}
-
 function JQuery_jqXHR() {
     const p: JQuery.jqXHR = {} as any;
 
@@ -7126,26 +7263,158 @@ function JQuery_jqXHR() {
     }
 }
 
+function JQuery_CallbacksStatic() {
+    // $ExpectType Callbacks<Function>
+    $.Callbacks('once');
+
+    // $ExpectType Callbacks<Function>
+    $.Callbacks();
+}
+
+function JQuery_Callbacks() {
+    function add() {
+        const callbacks = $.Callbacks();
+
+        // $ExpectType Callbacks<Function>
+        callbacks.add(() => { }, [() => { }], () => { });
+
+        // $ExpectType Callbacks<Function>
+        callbacks.add(() => { }, [() => { }]);
+
+        // $ExpectType Callbacks<Function>
+        callbacks.add(() => { }, () => { });
+
+        // $ExpectType Callbacks<Function>
+        callbacks.add(() => { });
+
+        // $ExpectType Callbacks<Function>
+        callbacks.add([() => { }]);
+    }
+
+    function disable() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().disable();
+    }
+
+    function disabled() {
+        // $ExpectType boolean
+        $.Callbacks().disabled();
+    }
+
+    function empty() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().empty();
+    }
+
+    function fire() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().fire(1);
+
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().fire();
+    }
+
+    function fired() {
+        // $ExpectType boolean
+        $.Callbacks().fired();
+    }
+
+    function fireWith() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().fireWith(window, [1]);
+
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().fireWith(window);
+    }
+
+    function has() {
+        // $ExpectType boolean
+        $.Callbacks().has(() => { });
+
+        // $ExpectType boolean
+        $.Callbacks().has();
+    }
+
+    function lock() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().lock();
+    }
+
+    function locked() {
+        // $ExpectType boolean
+        $.Callbacks().locked();
+    }
+
+    function remove() {
+        // $ExpectType Callbacks<Function>
+        $.Callbacks().remove(() => { }, () => { });
+    }
+}
+
+function JQuery_CSSHooks() {
+    $.cssHooks.borderRadius = {
+        get(elem, computed, extra) {
+            // $ExpectedType HTMLElement
+            elem;
+            // $ExpectedType any
+            computed;
+            // $ExpectedType any
+            extra;
+        },
+        set(elem, value) {
+            // $ExpectedType HTMLElement
+            elem;
+            // $ExpectedType any
+            value;
+        }
+    };
+
+    $.cssHooks.borderRadius = {
+        get(elem, computed, extra) {
+            // $ExpectedType HTMLElement
+            elem;
+            // $ExpectedType any
+            computed;
+            // $ExpectedType any
+            extra;
+        }
+    };
+
+    $.cssHooks.borderRadius = {
+        set(elem, value) {
+            // $ExpectedType HTMLElement
+            elem;
+            // $ExpectedType any
+            value;
+        }
+    };
+
+    // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+    // $ExpectError
+    $.cssHooks.borderRadius = function get(elem: HTMLElement, computed: any, extra: any) {
+        return 1;
+    };
+}
+
 function JQuery_Promise3() {
-    interface I1 { kind: 'I1'; }
-    interface I2 { kind: 'I2'; }
-    interface I3 { kind: 'I3'; }
-    interface I4 { kind: 'I4'; }
-    interface I5 { kind: 'I5'; }
-    interface I6 { kind: 'I6'; }
-    interface I7 { kind: 'I7'; }
-    interface I8 { kind: 'I8'; }
-    interface I9 { kind: 'I9'; }
+    interface J1 { kind: 'J1'; }
+    interface J2 { kind: 'J2'; }
+    interface J3 { kind: 'J3'; }
+    interface J4 { kind: 'J4'; }
+    interface J5 { kind: 'J5'; }
+    interface J6 { kind: 'J6'; }
+    interface J7 { kind: 'J7'; }
+    interface J8 { kind: 'J8'; }
+    interface J9 { kind: 'J9'; }
 
-    // tslint:disable-next-line:ban-types
-    const p: JQuery.Promise3<string, Error, number, JQuery, string, boolean, any, Function, never> = {} as any;
-    const p1: JQuery.Promise3<I1, I2, I3, I4, I5, I6, I7, I8, I9> = {} as any;
-    const p2: JQuery.Promise3<I2, I3, I4, I5, I6, I7, I8, I9, I1> = {} as any;
-    const p3: JQuery.Promise3<I3, I4, I5, I6, I7, I8, I9, I1, I2> = {} as any;
+    const p: JQuery.Promise3<string, Error, number, JQuery, string, boolean, any, Element, never> = {} as any;
+    const p1: JQuery.Promise3<J1, J2, J3, J4, J5, J6, J7, J8, J9> = {} as any;
+    const p2: JQuery.Promise3<J2, J3, J4, J5, J6, J7, J8, J9, J1> = {} as any;
+    const p3: JQuery.Promise3<J3, J4, J5, J6, J7, J8, J9, J1, J2> = {} as any;
 
-    const t1: JQuery.Thenable<I1> = {} as any;
-    const t2: JQuery.Thenable<I2> = {} as any;
-    const t3: JQuery.Thenable<I3> = {} as any;
+    const t1: JQuery.Thenable<J1> = {} as any;
+    const t2: JQuery.Thenable<J2> = {} as any;
+    const t3: JQuery.Thenable<J3> = {} as any;
 
     function then() {
         p.then((a, b, c) => {
@@ -7155,7 +7424,7 @@ function JQuery_Promise3() {
         }, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         }, (a, b, c) => {
             a; // $ExpectType number
             b; // $ExpectType boolean
@@ -7165,7 +7434,7 @@ function JQuery_Promise3() {
         p.then(null, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         }, (a, b, c) => {
             a; // $ExpectType number
             b; // $ExpectType boolean
@@ -7195,7 +7464,7 @@ function JQuery_Promise3() {
         }, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         }, null);
 
         p.then((a, b, c) => {
@@ -7205,19 +7474,19 @@ function JQuery_Promise3() {
         }, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         });
 
         p.then(null, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         }, null);
 
         p.then(null, (a, b, c) => {
             a; // $ExpectType Error
             b; // $ExpectType string
-            c; // $ExpectType Function
+            c; // $ExpectType Element
         });
 
         p.then((a, b, c) => {
@@ -7260,7 +7529,7 @@ function JQuery_Promise3() {
             }, (a, b, c) => {
                 a; // $ExpectType Error
                 b; // $ExpectType string
-                c; // $ExpectType Function
+                c; // $ExpectType Element
             }, (a, b, c) => {
                 a; // $ExpectType number
                 b; // $ExpectType boolean
@@ -7290,7 +7559,7 @@ function JQuery_Promise3() {
             }, (a, b, c) => {
                 a; // $ExpectType Error
                 b; // $ExpectType string
-                c; // $ExpectType Function
+                c; // $ExpectType Element
             }, (a, b, c) => {
                 a; // $ExpectType number
                 b; // $ExpectType boolean
@@ -7327,7 +7596,7 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a) => {
-                    a; // $ExpectType I1 | I2
+                    a; // $ExpectType J1 | J2
                 }, (a) => {
                     a; // $ExpectType never
                 }, (a, b, c) => {
@@ -7346,17 +7615,17 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a, b, c) => {
-                    a; // $ExpectType I1 | I2
-                    b; // $ExpectType I4 | I5
-                    c; // $ExpectType I7 | I8
+                    a; // $ExpectType J1 | J2
+                    b; // $ExpectType J4 | J5
+                    c; // $ExpectType J7 | J8
                 }, (a, b, c) => {
-                    a; // $ExpectType I2 | I3
-                    b; // $ExpectType I5 | I6
-                    c; // $ExpectType I8 | I9
+                    a; // $ExpectType J2 | J3
+                    b; // $ExpectType J5 | J6
+                    c; // $ExpectType J8 | J9
                 }, (a, b, c) => {
-                    a; // $ExpectType I3 | I4
-                    b; // $ExpectType I6 | I7
-                    c; // $ExpectType I1 | I9
+                    a; // $ExpectType J3 | J4
+                    b; // $ExpectType J6 | J7
+                    c; // $ExpectType J1 | J9
                 });
             }
 
@@ -7369,7 +7638,7 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a) => {
-                    a; // $ExpectType number | I1
+                    a; // $ExpectType number | J1
                 }, (a) => {
                     a; // never
                 }, (a, b, c) => {
@@ -7388,7 +7657,7 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a) => {
-                    a; // $ExpectType number | I1
+                    a; // $ExpectType number | J1
                 }, (a) => {
                     a; // never
                 }, (a, b, c) => {
@@ -7407,17 +7676,17 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a, b, c) => {
-                    a; // $ExpectType number | I1
-                    b; // $ExpectType I4
-                    c; // $ExpectType I7
+                    a; // $ExpectType number | J1
+                    b; // $ExpectType J4
+                    c; // $ExpectType J7
                 }, (a, b, c) => {
-                    a; // $ExpectType I2
-                    b; // $ExpectType I5
-                    c; // $ExpectType I8
+                    a; // $ExpectType J2
+                    b; // $ExpectType J5
+                    c; // $ExpectType J8
                 }, (a, b, c) => {
-                    a; // $ExpectType I3
-                    b; // $ExpectType I6
-                    c; // $ExpectType I9
+                    a; // $ExpectType J3
+                    b; // $ExpectType J6
+                    c; // $ExpectType J9
                 });
             }
 
@@ -7430,17 +7699,17 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a, b, c) => {
-                    a; // $ExpectType number | I1
-                    b; // $ExpectType I4
-                    c; // $ExpectType I7
+                    a; // $ExpectType number | J1
+                    b; // $ExpectType J4
+                    c; // $ExpectType J7
                 }, (a, b, c) => {
-                    a; // $ExpectType I2
-                    b; // $ExpectType I5
-                    c; // $ExpectType I8
+                    a; // $ExpectType J2
+                    b; // $ExpectType J5
+                    c; // $ExpectType J8
                 }, (a, b, c) => {
-                    a; // $ExpectType I3
-                    b; // $ExpectType I6
-                    c; // $ExpectType I9
+                    a; // $ExpectType J3
+                    b; // $ExpectType J6
+                    c; // $ExpectType J9
                 });
             }
 
@@ -7453,17 +7722,17 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a, b, c) => {
-                    a; // $ExpectType I1 | I2
-                    b; // $ExpectType I5
-                    c; // $ExpectType I8
+                    a; // $ExpectType J1 | J2
+                    b; // $ExpectType J5
+                    c; // $ExpectType J8
                 }, (a, b, c) => {
-                    a; // $ExpectType I3
-                    b; // $ExpectType I6
-                    c; // $ExpectType I9
+                    a; // $ExpectType J3
+                    b; // $ExpectType J6
+                    c; // $ExpectType J9
                 }, (a, b, c) => {
-                    a; // $ExpectType I4
-                    b; // $ExpectType I7
-                    c; // $ExpectType I1
+                    a; // $ExpectType J4
+                    b; // $ExpectType J7
+                    c; // $ExpectType J1
                 });
             }
 
@@ -7476,17 +7745,17 @@ function JQuery_Promise3() {
                 });
 
                 q.then((a, b, c) => {
-                    a; // $ExpectType I1 | I2
-                    b; // $ExpectType I4
-                    c; // $ExpectType I7
+                    a; // $ExpectType J1 | J2
+                    b; // $ExpectType J4
+                    c; // $ExpectType J7
                 }, (a, b, c) => {
-                    a; // $ExpectType I2
-                    b; // $ExpectType I5
-                    c; // $ExpectType I8
+                    a; // $ExpectType J2
+                    b; // $ExpectType J5
+                    c; // $ExpectType J8
                 }, (a, b, c) => {
-                    a; // $ExpectType I3
-                    b; // $ExpectType I6
-                    c; // $ExpectType I9
+                    a; // $ExpectType J3
+                    b; // $ExpectType J6
+                    c; // $ExpectType J9
                 });
             }
         }
@@ -7505,9 +7774,9 @@ function JQuery_Promise3() {
             const a = $.ajax('/echo/json').catch(() => {
                 return t1;
             });
-            // $ExpectType PromiseBase<I1, never, never, never, never, never, never, never, never, never, never, never>
+            // $ExpectType PromiseBase<J1, never, never, never, never, never, never, never, never, never, never, never>
             a;
-            const b: JQuery.Promise3<I1, never, never, never, never, never, never, never, never> = a;
+            const b: JQuery.Promise3<J1, never, never, never, never, never, never, never, never> = a;
         }
         {
             const a = $.ajax('/echo/json').catch(() => {
@@ -7812,18 +8081,474 @@ function JQuery_Promise(p: JQuery.Promise<string, Error, number>) {
     }
 }
 
-function JQuery_Deferred() {
-    interface I1 { kind: 'I1'; }
-    interface I2 { kind: 'I2'; }
-    interface I3 { kind: 'I3'; }
+function JQuery_DeferredStatic() {
+    function exceptionHook() {
+        $.Deferred.exceptionHook = undefined;
+    }
 
-    const d1 = $.Deferred<I1, I2, I3>();
+    function call_signature() {
+        // $ExpectType Deferred<boolean, string, number>
+        $.Deferred<boolean, string, number>(function(deferred) {
+            // $ExpectType Deferred<boolean, string, number>
+            this;
+            // $ExpectType Deferred<boolean, string, number>
+            deferred;
+        });
 
-    function promise() {
-        const target: I1 = {} as any;
+        // $ExpectType Deferred<boolean, string, number>
+        $.Deferred<boolean, string, number>();
 
-        d1.promise(target); // $ExpectType Promise<I1, I2, I3> & I1
+        // $ExpectType Deferred<boolean, string, any>
+        $.Deferred<boolean, string>(function(deferred) {
+            // $ExpectType Deferred<boolean, string, any>
+            this;
+            // $ExpectType Deferred<boolean, string, any>
+            deferred;
+        });
 
-        d1.promise(); // $ExpectType Promise<I1, I2, I3>
+        // $ExpectType Deferred<boolean, string, any>
+        $.Deferred<boolean, string>();
+
+        // $ExpectType Deferred<boolean, any, any>
+        $.Deferred<boolean>(function(deferred) {
+            // $ExpectType Deferred<boolean, any, any>
+            this;
+            // $ExpectType Deferred<boolean, any, any>
+            deferred;
+        });
+
+        // $ExpectType Deferred<boolean, any, any>
+        $.Deferred<boolean>();
+
+        // $ExpectType Deferred<any, any, any>
+        $.Deferred(function(deferred) {
+            // $ExpectType Deferred<any, any, any>
+            this;
+            // $ExpectType Deferred<any, any, any>
+            deferred;
+        });
+
+        // $ExpectType Deferred<any, any, any>
+        $.Deferred();
     }
 }
+
+function JQuery_Deferred() {
+    interface J1 { kind: 'J1'; }
+    interface J2 { kind: 'J2'; }
+    interface J3 { kind: 'J3'; }
+
+    const d1 = $.Deferred<J1, J2, J3>();
+
+    function promise() {
+        const target: J1 = {} as any;
+
+        d1.promise(target); // $ExpectType Promise<J1, J2, J3> & J1
+
+        d1.promise(); // $ExpectType Promise<J1, J2, J3>
+    }
+}
+
+function JQuery_EffectsOptions() {
+    $('p').show({
+        always(animation, jumpToEnd) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType Animation<HTMLElement>
+            animation;
+            // $ExpectType boolean
+            jumpToEnd;
+        },
+        complete() {
+            // $ExpectType HTMLElement
+            this;
+        },
+        done(animation, jumpToEnd) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType Animation<HTMLElement>
+            animation;
+            // $ExpectType boolean
+            jumpToEnd;
+        },
+        duration: 5000,
+        easing: 'linear',
+        fail(animation, jumpToEnd) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType Animation<HTMLElement>
+            animation;
+            // $ExpectType boolean
+            jumpToEnd;
+        },
+        progress(animation, progress, remainingMs) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType Animation<HTMLElement>
+            animation;
+            // $ExpectType number
+            progress;
+            // $ExpectType number
+            remainingMs;
+        },
+        queue: true,
+        specialEasing: {
+            width: 'linear',
+            height: 'easeOutBounce'
+        },
+        start(animation) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType Animation<HTMLElement>
+            animation;
+        },
+        step(now, tween) {
+            // $ExpectType HTMLElement
+            this;
+            // $ExpectType number
+            now;
+            // $ExpectType Tween<HTMLElement>
+            tween;
+        }
+    });
+}
+
+function JQuery_AnimationStatic() {
+    function call_signature() {
+        const element: HTMLElement = undefined!;
+
+        // $ExpectType Animation<HTMLElement>
+        $.Animation(element, {}, {});
+    }
+
+    function prefilter() {
+        // https://github.com/jquery/api.jquery.com/issues/256 -> http://jsfiddle.net/y4L35/
+        {
+            // $ExpectType void
+            $.Animation.prefilter(function(element: HTMLElement, properties, options) {
+                // $ExpectType Animation<HTMLElement>
+                this;
+                // $ExpectType HTMLElement
+                element;
+                // $ExpectType PlainObject<any>
+                properties;
+                // $ExpectType EffectsOptions<HTMLElement>
+                options;
+                // $ExpectType any
+                options.removeAfter;
+
+                if (options.removeAfter) {
+                    this.done(() => {
+                        $(element).remove();
+                    });
+                }
+            });
+
+            $("#element").hide({
+                duration: 500,
+                removeAfter: true,
+                complete() {
+                    // 0, because the prefilter done happens first!
+                    console.log($(this).parent().length);
+                }
+            });
+        }
+    }
+
+    function tweener() {
+        // $ExpectType void
+        $.Animation.tweener('*', function(propName, finalValue) {
+            // $ExpectType Animation<any>
+            this;
+            // $ExpectType string
+            propName;
+            // $ExpectType number
+            finalValue;
+
+            return this.createTween(propName, finalValue);
+        });
+    }
+}
+
+function JQuery_Animation() {
+    const element: Element = undefined!;
+
+    const animation = $.Animation(element, {}, {});
+
+    animation.done((anim, jumpedToEnd) => {
+        // $ExpectType Animation<Element>
+        anim;
+        // $ExpectType true | undefined
+        jumpedToEnd;
+    });
+
+    animation.fail((anim, jumpedToEnd) => {
+        // $ExpectType Animation<Element>
+        anim;
+        // $ExpectType false
+        jumpedToEnd;
+    });
+
+    animation.always((anim, jumpedToEnd) => {
+        // $ExpectType Animation<Element>
+        anim;
+        // $ExpectType boolean | undefined
+        jumpedToEnd;
+    });
+
+    animation.progress((anim, progress, remainingMs) => {
+        // $ExpectType Animation<Element>
+        anim;
+        // $ExpectType number
+        progress;
+        // $ExpectType number
+        remainingMs;
+    });
+}
+
+function JQuery_TweenStatic() {
+    function propHooks() {
+        $.Tween.propHooks['myProp'] = {
+            get(tween) {
+                // $ExpectType Tween<Node>
+                tween;
+
+                return tween.elem[tween.prop as keyof typeof tween.elem];
+            },
+            set(tween) {
+                // $ExpectType Tween<Node>
+                tween;
+            },
+        };
+
+        // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+        // $ExpectError
+        $.Tween.propHooks['myProp'] = 1;
+    }
+
+    function call_signature() {
+        const elem: HTMLElement = undefined!;
+
+        // $ExpectType Tween<HTMLElement>
+        $.Tween(elem, {}, 'myProp', 1, 'myEasing', 'myUnit');
+
+        // $ExpectType Tween<HTMLElement>
+        $.Tween(elem, {}, 'myProp', 1, 'myEasing');
+
+        // $ExpectType Tween<HTMLElement>
+        $.Tween(elem, {}, 'myProp', 1);
+    }
+}
+
+function JQuery_Easings() {
+    jQuery.easing.easeInCubic = (p) => {
+        return Math.pow(p, 3);
+    };
+}
+
+function JQuery_Effects() {
+    function interval() {
+        // $ExpectType number
+        $.fx.interval;
+    }
+
+    function off() {
+        // $ExpectType boolean
+        $.fx.off;
+    }
+
+    function step() {
+        // $ExpectType PlainObject<AnimationHook<Node>>
+        $.fx.step;
+    }
+
+    function stop() {
+        // $ExpectType () => void
+        $.fx.stop;
+
+        function override() {
+            let animating: boolean;
+
+            jQuery.fx.stop = () => {
+                animating = false;
+            };
+        }
+    }
+
+    function timer() {
+        // $ExpectType (tickFunction: TickFunction<any>) => void
+        $.fx.timer;
+
+        function override() {
+            let animating: boolean;
+            const raf: () => void = {} as any;
+
+            jQuery.fx.timer = (timer) => {
+                // $ExpectType TickFunction<any>
+                timer;
+
+                if (timer() && jQuery.timers.push(timer) && !animating) {
+                    animating = true;
+                    raf();
+                }
+            };
+        }
+    }
+}
+
+function JQuery_Event() {
+    function call_signature() {
+        // $ExpectType Event<HTMLElement, null> & Coordinates
+        $.Event('keydown', $('p').offset());
+
+        // $ExpectType Event<HTMLElement, null> & { type: string; }
+        $.Event({
+            type: 'keydown'
+        });
+    }
+
+    function constructor() {
+        // $ExpectType Event<HTMLElement, null> & Coordinates
+        new $.Event('keydown', $('p').offset());
+
+        // $ExpectType Event<HTMLElement, null> & { type: string; }
+        new $.Event({
+            type: 'keydown'
+        });
+    }
+
+    // https://stackoverflow.com/questions/49892574/trigger-a-jquery-3-event-with-ctrlkey-set
+    function stackoverflow_49892574() {
+        const event = $.Event<object, Window>("keydown");
+        event.which = 77;
+        event.ctrlKey = true;
+        $(window).trigger(event);
+    }
+}
+
+function JQuery_EventExtensions() {
+    function fixHooks() {
+        jQuery.event.fixHooks.drop = {
+            props: ['dataTransfer'],
+            filter(event, originalEvent) {
+                // $ExpectType Event<EventTarget, null>
+                event;
+                // $ExpectType Event
+                originalEvent;
+            },
+        };
+
+        // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+        // $ExpectError
+        jQuery.event.fixHooks.drop = ['dataTransfer'];
+    }
+
+    function special() {
+        jQuery.event.special.multiclick = {
+            noBubble: true,
+            bindType: 'click',
+            delegateType: 'click',
+            setup(data, namespaces, eventHandle) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType any
+                data;
+                // $ExpectType string
+                namespaces;
+                // $ExpectType EventHandler<EventTarget, any>
+                eventHandle;
+
+                return false;
+            },
+            teardown() {
+                // $ExpectType EventTarget
+                this;
+
+                return false;
+            },
+            add(handleObj) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType HandleObject<EventTarget, any>
+                handleObj;
+            },
+            remove(handleObj) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType HandleObject<EventTarget, any>
+                handleObj;
+            },
+            trigger(event, data) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType Event<EventTarget, any>
+                event;
+                // $ExpectType any
+                data;
+
+                return false;
+            },
+            _default(event, data) {
+                // $ExpectType Event<EventTarget, any>
+                event;
+                // $ExpectType any
+                data;
+
+                return false;
+            },
+            handle(event, data) {
+                // $ExpectType Event<EventTarget, any> & { handleObj: HandleObject<EventTarget, any>; }
+                event;
+                // $ExpectType any
+                data;
+            },
+            preDispatch(event) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType Event<EventTarget, any>
+                event;
+
+                return false;
+            },
+            postDispatch(event) {
+                // $ExpectType EventTarget
+                this;
+                // $ExpectType Event<EventTarget, any>
+                event;
+            }
+        };
+
+        // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+        // $ExpectError
+        jQuery.event.special.multiclick = 1;
+    }
+}
+
+declare namespace JQuery {
+    interface ValHooks {
+        textarea: ValHook<HTMLTextAreaElement>;
+    }
+}
+
+function JQuery_ValHooks() {
+    jQuery.valHooks.textarea = {
+        get(elem) {
+            // $ExpectType HTMLTextAreaElement
+            elem;
+
+            return elem.value.replace(/\r?\n/g, "\r\n");
+        },
+        set(elem) {
+            // $ExpectType HTMLTextAreaElement
+            elem;
+
+            return elem.value;
+        }
+    };
+
+    // Weak type test. This may be removed if the TypeScript requirement is increased to 2.4+.
+    // $ExpectError
+    jQuery.valHooks.textarea = function get(elem: HTMLTextAreaElement) {
+        return elem.value.replace(/\r?\n/g, "\r\n");
+    };
+}
diff --git a/types/jquery/legacy.d.ts b/types/jquery/legacy.d.ts
new file mode 100644
index 0000000000..a3a98b936c
--- /dev/null
+++ b/types/jquery/legacy.d.ts
@@ -0,0 +1,201 @@
+// tslint:disable:no-irregular-whitespace
+
+// tslint:disable-next-line:no-empty-interface
+interface JQueryCallback extends JQuery.Callbacks { }
+interface JQueryDeferred<T> extends JQuery.Deferred<T> { }
+// tslint:disable-next-line:no-empty-interface
+interface JQueryEventConstructor extends JQuery.EventStatic { }
+interface JQueryDeferred<T> extends JQuery.Deferred<T> { }
+// tslint:disable-next-line:no-empty-interface
+interface JQueryAjaxSettings extends JQuery.AjaxSettings { }
+interface JQueryAnimationOptions extends JQuery.EffectsOptions<Element> { }
+// tslint:disable-next-line:no-empty-interface
+interface JQueryCoordinates extends JQuery.Coordinates { }
+interface JQueryGenericPromise<T> extends JQuery.Thenable<T> { }
+// tslint:disable-next-line:no-empty-interface
+interface JQueryXHR extends JQuery.jqXHR { }
+interface JQueryPromise<T> extends JQuery.Promise<T> { }
+// tslint:disable-next-line:no-empty-interface
+interface JQuerySerializeArrayElement extends JQuery.NameValuePair { }
+
+/**
+ * @deprecated ​ Deprecated since 1.9. See \`{@link https://api.jquery.com/jQuery.support/ }\`.
+ */
+// tslint:disable-next-line:no-empty-interface
+interface JQuerySupport extends JQuery.PlainObject { }
+
+// Legacy types that are not represented in the current type definitions are marked deprecated.
+
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Deferred.Callback }\` or \`{@link JQuery.Deferred.CallbackBase }\`.
+ */
+interface JQueryPromiseCallback<T> {
+    // tslint:disable-next-line:callable-types
+    (value?: T, ...args: any[]): void;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQueryStatic.param JQueryStatic&#91;'param'&#93;}\`.
+ */
+interface JQueryParam {
+    /**
+     * Create a serialized representation of an array or object, suitable for use in a URL query string or Ajax request.
+     * @param obj An array or object to serialize.
+     * @param traditional A Boolean indicating whether to perform a traditional "shallow" serialization.
+     */
+    // tslint:disable-next-line:callable-types
+    (obj: any, traditional?: boolean): string;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\`.
+ */
+interface BaseJQueryEventObject extends Event {
+    /**
+     * The current DOM element within the event bubbling phase.
+     * @see \`{@link https://api.jquery.com/event.currentTarget/ }\`
+     */
+    currentTarget: Element;
+    /**
+     * An optional object of data passed to an event method when the current executing handler is bound.
+     * @see \`{@link https://api.jquery.com/event.data/ }\`
+     */
+    data: any;
+    /**
+     * The element where the currently-called jQuery event handler was attached.
+     * @see \`{@link https://api.jquery.com/event.delegateTarget/ }\`
+     */
+    delegateTarget: Element;
+    /**
+     * Returns whether event.preventDefault() was ever called on this event object.
+     * @see \`{@link https://api.jquery.com/event.isDefaultPrevented/ }\`
+     */
+    isDefaultPrevented(): boolean;
+    /**
+     * Returns whether event.stopImmediatePropagation() was ever called on this event object.
+     * @see \`{@link https://api.jquery.com/event.isImmediatePropagationStopped/ }\`
+     */
+    isImmediatePropagationStopped(): boolean;
+    /**
+     * Returns whether event.stopPropagation() was ever called on this event object.
+     * @see \`{@link https://api.jquery.com/event.isPropagationStopped/ }\`
+     */
+    isPropagationStopped(): boolean;
+    /**
+     * The namespace specified when the event was triggered.
+     * @see \`{@link https://api.jquery.com/event.namespace/ }\`
+     */
+    namespace: string;
+    /**
+     * The browser's original Event object.
+     * @see \`{@link https://api.jquery.com/category/events/event-object/ }\`
+     */
+    originalEvent: Event;
+    /**
+     * If this method is called, the default action of the event will not be triggered.
+     * @see \`{@link https://api.jquery.com/event.preventDefault/ }\`
+     */
+    preventDefault(): any;
+    /**
+     * The other DOM element involved in the event, if any.
+     * @see \`{@link https://api.jquery.com/event.relatedTarget/ }\`
+     */
+    relatedTarget: Element;
+    /**
+     * The last value returned by an event handler that was triggered by this event, unless the value was undefined.
+     * @see \`{@link https://api.jquery.com/event.result/ }\`
+     */
+    result: any;
+    /**
+     * Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
+     * @see \`{@link https://api.jquery.com/event.stopImmediatePropagation/ }\`
+     */
+    stopImmediatePropagation(): void;
+    /**
+     * Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
+     * @see \`{@link https://api.jquery.com/event.stopPropagation/ }\`
+     */
+    stopPropagation(): void;
+    /**
+     * The DOM element that initiated the event.
+     * @see \`{@link https://api.jquery.com/event.target/ }\`
+     */
+    target: Element;
+    /**
+     * The mouse position relative to the left edge of the document.
+     * @see \`{@link https://api.jquery.com/event.pageX/ }\`
+     */
+    pageX: number;
+    /**
+     * The mouse position relative to the top edge of the document.
+     * @see \`{@link https://api.jquery.com/event.pageY/ }\`
+     */
+    pageY: number;
+    /**
+     * For key or mouse events, this property indicates the specific key or button that was pressed.
+     * @see \`{@link https://api.jquery.com/event.which/ }\`
+     */
+    which: number;
+    /**
+     * Indicates whether the META key was pressed when the event fired.
+     * @see \`{@link https://api.jquery.com/event.metaKey/ }\`
+     */
+    metaKey: boolean;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\`.
+ */
+interface JQueryInputEventObject extends BaseJQueryEventObject {
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\`.
+ */
+interface JQueryMouseEventObject extends JQueryInputEventObject {
+    button: number;
+    clientX: number;
+    clientY: number;
+    offsetX: number;
+    offsetY: number;
+    pageX: number;
+    pageY: number;
+    screenX: number;
+    screenY: number;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\`.
+ */
+interface JQueryKeyEventObject extends JQueryInputEventObject {
+    char: any;
+    charCode: number;
+    key: any;
+    keyCode: number;
+}
+/**
+ * @deprecated ​ Deprecated. Use \`{@link JQuery.Event }\`.
+ */
+interface JQueryEventObject extends BaseJQueryEventObject, JQueryInputEventObject, JQueryMouseEventObject, JQueryKeyEventObject { }
+/**
+ * @deprecated ​ Deprecated.
+ */
+interface JQueryPromiseOperator<T, U> {
+    // tslint:disable-next-line:callable-types
+    (callback1: JQuery.TypeOrArray<JQueryPromiseCallback<T>>,
+     ...callbacksN: Array<JQuery.TypeOrArray<JQueryPromiseCallback<any>>>): JQueryPromise<U>;
+}
+/**
+ * @deprecated ​ Deprecated. Internal. See \`{@link https://github.com/jquery/api.jquery.com/issues/912 }\`.
+ */
+interface JQueryEasingFunction {
+    // tslint:disable-next-line:callable-types
+    (percent: number): number;
+}
+/**
+ * @deprecated ​ Deprecated. Internal. See \`{@link https://github.com/jquery/api.jquery.com/issues/912 }\`.
+ */
+interface JQueryEasingFunctions {
+    [name: string]: JQueryEasingFunction;
+    linear: JQueryEasingFunction;
+    swing: JQueryEasingFunction;
+}
diff --git a/types/jquery/misc.d.ts b/types/jquery/misc.d.ts
new file mode 100644
index 0000000000..7b09b6a4dc
--- /dev/null
+++ b/types/jquery/misc.d.ts
@@ -0,0 +1,5012 @@
+// tslint:disable:jsdoc-format
+// tslint:disable:max-line-length
+// tslint:disable:no-irregular-whitespace
+
+declare namespace JQuery {
+    type TypeOrArray<T> = T | T[];
+    type Node = Element | Text | Comment | DocumentFragment;
+
+    /**
+     * A string is designated htmlString in jQuery documentation when it is used to represent one or more DOM elements, typically to be created and inserted in the document. When passed as an argument of the jQuery() function, the string is identified as HTML if it starts with <tag ... >) and is parsed as such until the final > character. Prior to jQuery 1.9, a string was considered to be HTML if it contained <tag ... > anywhere within the string.
+     */
+    type htmlString = string;
+    /**
+     * A selector is used in jQuery to select DOM elements from a DOM document. That document is, in most cases, the DOM document present in all browsers, but can also be an XML document received via Ajax.
+     */
+    type Selector = string;
+
+    /**
+     * The PlainObject type is a JavaScript object containing zero or more key-value pairs. The plain object is, in other words, an Object object. It is designated "plain" in jQuery documentation to distinguish it from other kinds of JavaScript objects: for example, null, user-defined arrays, and host objects such as document, all of which have a typeof value of "object."
+     *
+     * **Note**: The type declaration of PlainObject is imprecise. It includes host objects and user-defined arrays which do not match jQuery's definition.
+     */
+    interface PlainObject<T = any> {
+        [key: string]: T;
+    }
+
+    interface Selectors extends Sizzle.Selectors {
+        /**
+         * @deprecated ​ Deprecated since 3.0. Use \`{@link Selectors#pseudos }\`.
+         *
+         * **Cause**: The standard way to add new custom selectors through jQuery is `jQuery.expr.pseudos`. These two other aliases are deprecated, although they still work as of jQuery 3.0.
+         *
+         * **Solution**: Rename any of the older usage to `jQuery.expr.pseudos`. The functionality is identical.
+         */
+        ':': Sizzle.Selectors.PseudoFunctions;
+        /**
+         * @deprecated ​ Deprecated since 3.0. Use \`{@link Selectors#pseudos }\`.
+         *
+         * **Cause**: The standard way to add new custom selectors through jQuery is `jQuery.expr.pseudos`. These two other aliases are deprecated, although they still work as of jQuery 3.0.
+         *
+         * **Solution**: Rename any of the older usage to `jQuery.expr.pseudos`. The functionality is identical.
+         */
+        filter: Sizzle.Selectors.FilterFunctions;
+    }
+
+    // region Ajax
+    // #region Ajax
+
+    interface AjaxSettings<TContext = any> extends Ajax.AjaxSettingsBase<TContext> {
+        /**
+         * A string containing the URL to which the request is sent.
+         */
+        url?: string;
+    }
+
+    interface UrlAjaxSettings<TContext = any> extends Ajax.AjaxSettingsBase<TContext> {
+        /**
+         * A string containing the URL to which the request is sent.
+         */
+        url: string;
+    }
+
+    namespace Ajax {
+        type SuccessTextStatus = 'success' | 'notmodified' | 'nocontent';
+        type ErrorTextStatus = 'timeout' | 'error' | 'abort' | 'parsererror';
+        type TextStatus = SuccessTextStatus | ErrorTextStatus;
+
+        type SuccessCallback<TContext> = (this: TContext, data: any, textStatus: SuccessTextStatus, jqXHR: jqXHR) => void;
+
+        type ErrorCallback<TContext> = (this: TContext, jqXHR: jqXHR, textStatus: ErrorTextStatus, errorThrown: string) => void;
+
+        type CompleteCallback<TContext> = (this: TContext, jqXHR: jqXHR, textStatus: TextStatus) => void;
+
+        /**
+         * @see \`{@link https://api.jquery.com/jquery.ajax/#jQuery-ajax-settings }\`
+         */
+        interface AjaxSettingsBase<TContext> {
+            /**
+             * A set of key/value pairs that map a given dataType to its MIME type, which gets sent in the Accept request header. This header tells the server what kind of response it will accept in return.
+             */
+            accepts?: PlainObject<string>;
+            /**
+             * By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active. As of jQuery 1.8, the use of async: false with jqXHR ($.Deferred) is deprecated; you must use the success/error/complete callback options instead of the corresponding methods of the jqXHR object such as jqXHR.done().
+             */
+            async?: boolean;
+            /**
+             * A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless of the type of request.
+             */
+            beforeSend?(this: TContext, jqXHR: jqXHR, settings: this): false | void;
+            /**
+             * If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.
+             */
+            cache?: boolean;
+            /**
+             * A function to be called when the request finishes (after success and error callbacks are executed). The function gets passed two arguments: The jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object and a string categorizing the status of the request ("success", "notmodified", "nocontent", "error", "timeout", "abort", or "parsererror"). As of jQuery 1.5, the complete setting can accept an array of functions. Each function will be called in turn. This is an Ajax Event.
+             */
+            complete?: TypeOrArray<CompleteCallback<TContext>>;
+            /**
+             * An object of string/regular-expression pairs that determine how jQuery will parse the response, given its content type.
+             */
+            contents?: PlainObject<RegExp>;
+            /**
+             * When sending data to the server, use this content type. Default is "application/x-www-form-urlencoded; charset=UTF-8", which is fine for most cases. If you explicitly pass in a content-type to $.ajax(), then it is always sent to the server (even if no data is sent). As of jQuery 1.6 you can pass false to tell jQuery to not set any content type header. Note: The W3C XMLHttpRequest specification dictates that the charset is always UTF-8; specifying another charset will not force the browser to change the encoding. Note: For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server.
+             */
+            contentType?: string | false;
+            /**
+             * This object will be the context of all Ajax-related callbacks. By default, the context is an object that represents the Ajax settings used in the call ($.ajaxSettings merged with the settings passed to $.ajax).
+             */
+            context?: TContext;
+            /**
+             * An object containing dataType-to-dataType converters. Each converter's value is a function that returns the transformed value of the response.
+             */
+            converters?: PlainObject<((value: any) => any) | true>;
+            /**
+             * If you wish to force a crossDomain request (such as JSONP) on the same domain, set the value of crossDomain to true. This allows, for example, server-side redirection to another domain.
+             */
+            crossDomain?: boolean;
+            /**
+             * Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below).
+             */
+            data?: PlainObject | string;
+            /**
+             * A function to be used to handle the raw response data of XMLHttpRequest. This is a pre-filtering function to sanitize the response. You should return the sanitized data. The function accepts two arguments: The raw data returned from the server and the 'dataType' parameter.
+             */
+            dataFilter?(data: string, type: string): any;
+            /**
+             * The type of data that you're expecting back from the server. If none is specified, jQuery will try to infer it based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string). The available types (and the result passed as the first argument to your success callback) are:
+             *
+             * "xml": Returns a XML document that can be processed via jQuery.
+             *
+             * "html": Returns HTML as plain text; included script tags are evaluated when inserted in the DOM.
+             *
+             * "script": Evaluates the response as JavaScript and returns it as plain text. Disables caching by appending a query string parameter, _=[TIMESTAMP], to the URL unless the cache option is set to true. Note: This will turn POSTs into GETs for remote-domain requests.
+             *
+             * "json": Evaluates the response as JSON and returns a JavaScript object. Cross-domain "json" requests are converted to "jsonp" unless the request includes jsonp: false in its request options. The JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. As of jQuery 1.9, an empty response is also rejected; the server should return a response of null or {} instead. (See json.org for more information on proper JSON formatting.)
+             *
+             * "jsonp": Loads in a JSON block using JSONP. Adds an extra "?callback=?" to the end of your URL to specify the callback. Disables caching by appending a query string parameter, "_=[TIMESTAMP]", to the URL unless the cache option is set to true.
+             *
+             * "text": A plain text string.
+             *
+             * multiple, space-separated values: As of jQuery 1.5, jQuery can convert a dataType from what it received in the Content-Type header to what you require. For example, if you want a text response to be treated as XML, use "text xml" for the dataType. You can also make a JSONP request, have it received as text, and interpreted by jQuery as XML: "jsonp text xml". Similarly, a shorthand string such as "jsonp xml" will first attempt to convert from jsonp to xml, and, failing that, convert from jsonp to text, and then from text to xml.
+             */
+            dataType?: 'xml' | 'html' | 'script' | 'json' | 'jsonp' | 'text' | string;
+            /**
+             * A function to be called if the request fails. The function receives three arguments: The jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, a string describing the type of error that occurred and an optional exception object, if one occurred. Possible values for the second argument (besides null) are "timeout", "error", "abort", and "parsererror". When an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, such as "Not Found" or "Internal Server Error." As of jQuery 1.5, the error setting can accept an array of functions. Each function will be called in turn. Note: This handler is not called for cross-domain script and cross-domain JSONP requests. This is an Ajax Event.
+             */
+            error?: TypeOrArray<ErrorCallback<TContext>>;
+            /**
+             * Whether to trigger global Ajax event handlers for this request. The default is true. Set to false to prevent the global handlers like ajaxStart or ajaxStop from being triggered. This can be used to control various Ajax Events.
+             */
+            global?: boolean;
+            /**
+             * An object of additional header key/value pairs to send along with requests using the XMLHttpRequest transport. The header X-Requested-With: XMLHttpRequest is always added, but its default XMLHttpRequest value can be changed here. Values in the headers setting can also be overwritten from within the beforeSend function.
+             */
+            headers?: PlainObject<string | null | undefined>;
+            /**
+             * Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header. In jQuery 1.4 this technique also checks the 'etag' specified by the server to catch unmodified data.
+             */
+            ifModified?: boolean;
+            /**
+             * Allow the current environment to be recognized as "local," (e.g. the filesystem), even if jQuery does not recognize it as such by default. The following protocols are currently recognized as local: file, *-extension, and widget. If the isLocal setting needs modification, it is recommended to do so once in the $.ajaxSetup() method.
+             */
+            isLocal?: boolean;
+            /**
+             * Override the callback function name in a JSONP request. This value will be used instead of 'callback' in the 'callback=?' part of the query string in the url. So {jsonp:'onJSONPLoad'} would result in 'onJSONPLoad=?' passed to the server. As of jQuery 1.5, setting the jsonp option to false prevents jQuery from adding the "?callback" string to the URL or attempting to use "=?" for transformation. In this case, you should also explicitly set the jsonpCallback setting. For example, { jsonp: false, jsonpCallback: "callbackName" }. If you don't trust the target of your Ajax requests, consider setting the jsonp property to false for security reasons.
+             */
+            jsonp?: string | false;
+            /**
+             * Specify the callback function name for a JSONP request. This value will be used instead of the random name automatically generated by jQuery. It is preferable to let jQuery generate a unique name as it'll make it easier to manage the requests and provide callbacks and error handling. You may want to specify the callback when you want to enable better browser caching of GET requests. As of jQuery 1.5, you can also use a function for this setting, in which case the value of jsonpCallback is set to the return value of that function.
+             */
+            jsonpCallback?: string | ((this: TContext) => string);
+            /**
+             * The HTTP method to use for the request (e.g. "POST", "GET", "PUT").
+             */
+            method?: string;
+            /**
+             * A mime type to override the XHR mime type.
+             */
+            mimeType?: string;
+            /**
+             * A password to be used with XMLHttpRequest in response to an HTTP access authentication request.
+             */
+            password?: string;
+            /**
+             * By default, data passed in to the data option as an object (technically, anything other than a string) will be processed and transformed into a query string, fitting to the default content-type "application/x-www-form-urlencoded". If you want to send a DOMDocument, or other non-processed data, set this option to false.
+             */
+            processData?: boolean;
+            /**
+             * Only applies when the "script" transport is used (e.g., cross-domain requests with "jsonp" or "script" dataType and "GET" type). Sets the charset attribute on the script tag used in the request. Used when the character set on the local page is not the same as the one on the remote script.
+             */
+            scriptCharset?: string;
+            /**
+             * An object of numeric HTTP codes and functions to be called when the response has the corresponding code.
+             *
+             * If the request is successful, the status code functions take the same parameters as the success callback; if it results in an error (including 3xx redirect), they take the same parameters as the error callback.
+             */
+            statusCode?: StatusCodeCallbacks<TContext>;
+            /**
+             * A function to be called if the request succeeds. The function gets passed three arguments: The data returned from the server, formatted according to the dataType parameter or the dataFilter callback function, if specified; a string describing the status; and the jqXHR (in jQuery 1.4.x, XMLHttpRequest) object. As of jQuery 1.5, the success setting can accept an array of functions. Each function will be called in turn. This is an Ajax Event.
+             */
+            success?: TypeOrArray<SuccessCallback<TContext>>;
+            /**
+             * Set a timeout (in milliseconds) for the request. A value of 0 means there will be no timeout. This will override any global timeout set with $.ajaxSetup(). The timeout period starts at the point the $.ajax call is made; if several other requests are in progress and the browser has no connections available, it is possible for a request to time out before it can be sent. In jQuery 1.4.x and below, the XMLHttpRequest object will be in an invalid state if the request times out; accessing any object members may throw an exception. In Firefox 3.0+ only, script and JSONP requests cannot be cancelled by a timeout; the script will run even if it arrives after the timeout period.
+             */
+            timeout?: number;
+            /**
+             * Set this to true if you wish to use the traditional style of param serialization.
+             */
+            traditional?: boolean;
+            /**
+             * An alias for method. You should use type if you're using versions of jQuery prior to 1.9.0.
+             */
+            type?: string;
+            /**
+             * A username to be used with XMLHttpRequest in response to an HTTP access authentication request.
+             */
+            username?: string;
+            // ActiveXObject requires "lib": ["scripthost"] which consumers would also require
+            /**
+             * Callback for creating the XMLHttpRequest object. Defaults to the ActiveXObject when available (IE), the XMLHttpRequest otherwise. Override to provide your own implementation for XMLHttpRequest or enhancements to the factory.
+             */
+            xhr?(): XMLHttpRequest;
+            /**
+             * An object of fieldName-fieldValue pairs to set on the native XHR object.
+             *
+             * In jQuery 1.5, the withCredentials property was not propagated to the native XHR and thus CORS requests requiring it would ignore this flag. For this reason, we recommend using jQuery 1.5.1+ should you require the use of it.
+             */
+            xhrFields?: XHRFields;
+        }
+
+        // region StatusCodeCallbacks
+        // #region StatusCodeCallbacks
+
+        type StatusCodeCallbacks<TContext> = {
+            // region Success Status Codes
+            // #region Success Status Codes
+
+            // jQuery treats 2xx and 304 status codes as a success
+
+            200?: SuccessCallback<TContext>;
+            201?: SuccessCallback<TContext>;
+            202?: SuccessCallback<TContext>;
+            203?: SuccessCallback<TContext>;
+            204?: SuccessCallback<TContext>;
+            205?: SuccessCallback<TContext>;
+            206?: SuccessCallback<TContext>;
+            207?: SuccessCallback<TContext>;
+            208?: SuccessCallback<TContext>;
+            209?: SuccessCallback<TContext>;
+            210?: SuccessCallback<TContext>;
+            211?: SuccessCallback<TContext>;
+            212?: SuccessCallback<TContext>;
+            213?: SuccessCallback<TContext>;
+            214?: SuccessCallback<TContext>;
+            215?: SuccessCallback<TContext>;
+            216?: SuccessCallback<TContext>;
+            217?: SuccessCallback<TContext>;
+            218?: SuccessCallback<TContext>;
+            219?: SuccessCallback<TContext>;
+            220?: SuccessCallback<TContext>;
+            221?: SuccessCallback<TContext>;
+            222?: SuccessCallback<TContext>;
+            223?: SuccessCallback<TContext>;
+            224?: SuccessCallback<TContext>;
+            225?: SuccessCallback<TContext>;
+            226?: SuccessCallback<TContext>;
+            227?: SuccessCallback<TContext>;
+            228?: SuccessCallback<TContext>;
+            229?: SuccessCallback<TContext>;
+            230?: SuccessCallback<TContext>;
+            231?: SuccessCallback<TContext>;
+            232?: SuccessCallback<TContext>;
+            233?: SuccessCallback<TContext>;
+            234?: SuccessCallback<TContext>;
+            235?: SuccessCallback<TContext>;
+            236?: SuccessCallback<TContext>;
+            237?: SuccessCallback<TContext>;
+            238?: SuccessCallback<TContext>;
+            239?: SuccessCallback<TContext>;
+            240?: SuccessCallback<TContext>;
+            241?: SuccessCallback<TContext>;
+            242?: SuccessCallback<TContext>;
+            243?: SuccessCallback<TContext>;
+            244?: SuccessCallback<TContext>;
+            245?: SuccessCallback<TContext>;
+            246?: SuccessCallback<TContext>;
+            247?: SuccessCallback<TContext>;
+            248?: SuccessCallback<TContext>;
+            249?: SuccessCallback<TContext>;
+            250?: SuccessCallback<TContext>;
+            251?: SuccessCallback<TContext>;
+            252?: SuccessCallback<TContext>;
+            253?: SuccessCallback<TContext>;
+            254?: SuccessCallback<TContext>;
+            255?: SuccessCallback<TContext>;
+            256?: SuccessCallback<TContext>;
+            257?: SuccessCallback<TContext>;
+            258?: SuccessCallback<TContext>;
+            259?: SuccessCallback<TContext>;
+            260?: SuccessCallback<TContext>;
+            261?: SuccessCallback<TContext>;
+            262?: SuccessCallback<TContext>;
+            263?: SuccessCallback<TContext>;
+            264?: SuccessCallback<TContext>;
+            265?: SuccessCallback<TContext>;
+            266?: SuccessCallback<TContext>;
+            267?: SuccessCallback<TContext>;
+            268?: SuccessCallback<TContext>;
+            269?: SuccessCallback<TContext>;
+            270?: SuccessCallback<TContext>;
+            271?: SuccessCallback<TContext>;
+            272?: SuccessCallback<TContext>;
+            273?: SuccessCallback<TContext>;
+            274?: SuccessCallback<TContext>;
+            275?: SuccessCallback<TContext>;
+            276?: SuccessCallback<TContext>;
+            277?: SuccessCallback<TContext>;
+            278?: SuccessCallback<TContext>;
+            279?: SuccessCallback<TContext>;
+            280?: SuccessCallback<TContext>;
+            281?: SuccessCallback<TContext>;
+            282?: SuccessCallback<TContext>;
+            283?: SuccessCallback<TContext>;
+            284?: SuccessCallback<TContext>;
+            285?: SuccessCallback<TContext>;
+            286?: SuccessCallback<TContext>;
+            287?: SuccessCallback<TContext>;
+            288?: SuccessCallback<TContext>;
+            289?: SuccessCallback<TContext>;
+            290?: SuccessCallback<TContext>;
+            291?: SuccessCallback<TContext>;
+            292?: SuccessCallback<TContext>;
+            293?: SuccessCallback<TContext>;
+            294?: SuccessCallback<TContext>;
+            295?: SuccessCallback<TContext>;
+            296?: SuccessCallback<TContext>;
+            297?: SuccessCallback<TContext>;
+            298?: SuccessCallback<TContext>;
+            299?: SuccessCallback<TContext>;
+            304?: SuccessCallback<TContext>;
+
+            // #endregion
+
+            // region Error Status Codes
+            // #region Error Status Codes
+
+            300?: ErrorCallback<TContext>;
+            301?: ErrorCallback<TContext>;
+            302?: ErrorCallback<TContext>;
+            303?: ErrorCallback<TContext>;
+            305?: ErrorCallback<TContext>;
+            306?: ErrorCallback<TContext>;
+            307?: ErrorCallback<TContext>;
+            308?: ErrorCallback<TContext>;
+            309?: ErrorCallback<TContext>;
+            310?: ErrorCallback<TContext>;
+            311?: ErrorCallback<TContext>;
+            312?: ErrorCallback<TContext>;
+            313?: ErrorCallback<TContext>;
+            314?: ErrorCallback<TContext>;
+            315?: ErrorCallback<TContext>;
+            316?: ErrorCallback<TContext>;
+            317?: ErrorCallback<TContext>;
+            318?: ErrorCallback<TContext>;
+            319?: ErrorCallback<TContext>;
+            320?: ErrorCallback<TContext>;
+            321?: ErrorCallback<TContext>;
+            322?: ErrorCallback<TContext>;
+            323?: ErrorCallback<TContext>;
+            324?: ErrorCallback<TContext>;
+            325?: ErrorCallback<TContext>;
+            326?: ErrorCallback<TContext>;
+            327?: ErrorCallback<TContext>;
+            328?: ErrorCallback<TContext>;
+            329?: ErrorCallback<TContext>;
+            330?: ErrorCallback<TContext>;
+            331?: ErrorCallback<TContext>;
+            332?: ErrorCallback<TContext>;
+            333?: ErrorCallback<TContext>;
+            334?: ErrorCallback<TContext>;
+            335?: ErrorCallback<TContext>;
+            336?: ErrorCallback<TContext>;
+            337?: ErrorCallback<TContext>;
+            338?: ErrorCallback<TContext>;
+            339?: ErrorCallback<TContext>;
+            340?: ErrorCallback<TContext>;
+            341?: ErrorCallback<TContext>;
+            342?: ErrorCallback<TContext>;
+            343?: ErrorCallback<TContext>;
+            344?: ErrorCallback<TContext>;
+            345?: ErrorCallback<TContext>;
+            346?: ErrorCallback<TContext>;
+            347?: ErrorCallback<TContext>;
+            348?: ErrorCallback<TContext>;
+            349?: ErrorCallback<TContext>;
+            350?: ErrorCallback<TContext>;
+            351?: ErrorCallback<TContext>;
+            352?: ErrorCallback<TContext>;
+            353?: ErrorCallback<TContext>;
+            354?: ErrorCallback<TContext>;
+            355?: ErrorCallback<TContext>;
+            356?: ErrorCallback<TContext>;
+            357?: ErrorCallback<TContext>;
+            358?: ErrorCallback<TContext>;
+            359?: ErrorCallback<TContext>;
+            360?: ErrorCallback<TContext>;
+            361?: ErrorCallback<TContext>;
+            362?: ErrorCallback<TContext>;
+            363?: ErrorCallback<TContext>;
+            364?: ErrorCallback<TContext>;
+            365?: ErrorCallback<TContext>;
+            366?: ErrorCallback<TContext>;
+            367?: ErrorCallback<TContext>;
+            368?: ErrorCallback<TContext>;
+            369?: ErrorCallback<TContext>;
+            370?: ErrorCallback<TContext>;
+            371?: ErrorCallback<TContext>;
+            372?: ErrorCallback<TContext>;
+            373?: ErrorCallback<TContext>;
+            374?: ErrorCallback<TContext>;
+            375?: ErrorCallback<TContext>;
+            376?: ErrorCallback<TContext>;
+            377?: ErrorCallback<TContext>;
+            378?: ErrorCallback<TContext>;
+            379?: ErrorCallback<TContext>;
+            380?: ErrorCallback<TContext>;
+            381?: ErrorCallback<TContext>;
+            382?: ErrorCallback<TContext>;
+            383?: ErrorCallback<TContext>;
+            384?: ErrorCallback<TContext>;
+            385?: ErrorCallback<TContext>;
+            386?: ErrorCallback<TContext>;
+            387?: ErrorCallback<TContext>;
+            388?: ErrorCallback<TContext>;
+            389?: ErrorCallback<TContext>;
+            390?: ErrorCallback<TContext>;
+            391?: ErrorCallback<TContext>;
+            392?: ErrorCallback<TContext>;
+            393?: ErrorCallback<TContext>;
+            394?: ErrorCallback<TContext>;
+            395?: ErrorCallback<TContext>;
+            396?: ErrorCallback<TContext>;
+            397?: ErrorCallback<TContext>;
+            398?: ErrorCallback<TContext>;
+            399?: ErrorCallback<TContext>;
+            400?: ErrorCallback<TContext>;
+            401?: ErrorCallback<TContext>;
+            402?: ErrorCallback<TContext>;
+            403?: ErrorCallback<TContext>;
+            404?: ErrorCallback<TContext>;
+            405?: ErrorCallback<TContext>;
+            406?: ErrorCallback<TContext>;
+            407?: ErrorCallback<TContext>;
+            408?: ErrorCallback<TContext>;
+            409?: ErrorCallback<TContext>;
+            410?: ErrorCallback<TContext>;
+            411?: ErrorCallback<TContext>;
+            412?: ErrorCallback<TContext>;
+            413?: ErrorCallback<TContext>;
+            414?: ErrorCallback<TContext>;
+            415?: ErrorCallback<TContext>;
+            416?: ErrorCallback<TContext>;
+            417?: ErrorCallback<TContext>;
+            418?: ErrorCallback<TContext>;
+            419?: ErrorCallback<TContext>;
+            420?: ErrorCallback<TContext>;
+            421?: ErrorCallback<TContext>;
+            422?: ErrorCallback<TContext>;
+            423?: ErrorCallback<TContext>;
+            424?: ErrorCallback<TContext>;
+            425?: ErrorCallback<TContext>;
+            426?: ErrorCallback<TContext>;
+            427?: ErrorCallback<TContext>;
+            428?: ErrorCallback<TContext>;
+            429?: ErrorCallback<TContext>;
+            430?: ErrorCallback<TContext>;
+            431?: ErrorCallback<TContext>;
+            432?: ErrorCallback<TContext>;
+            433?: ErrorCallback<TContext>;
+            434?: ErrorCallback<TContext>;
+            435?: ErrorCallback<TContext>;
+            436?: ErrorCallback<TContext>;
+            437?: ErrorCallback<TContext>;
+            438?: ErrorCallback<TContext>;
+            439?: ErrorCallback<TContext>;
+            440?: ErrorCallback<TContext>;
+            441?: ErrorCallback<TContext>;
+            442?: ErrorCallback<TContext>;
+            443?: ErrorCallback<TContext>;
+            444?: ErrorCallback<TContext>;
+            445?: ErrorCallback<TContext>;
+            446?: ErrorCallback<TContext>;
+            447?: ErrorCallback<TContext>;
+            448?: ErrorCallback<TContext>;
+            449?: ErrorCallback<TContext>;
+            450?: ErrorCallback<TContext>;
+            451?: ErrorCallback<TContext>;
+            452?: ErrorCallback<TContext>;
+            453?: ErrorCallback<TContext>;
+            454?: ErrorCallback<TContext>;
+            455?: ErrorCallback<TContext>;
+            456?: ErrorCallback<TContext>;
+            457?: ErrorCallback<TContext>;
+            458?: ErrorCallback<TContext>;
+            459?: ErrorCallback<TContext>;
+            460?: ErrorCallback<TContext>;
+            461?: ErrorCallback<TContext>;
+            462?: ErrorCallback<TContext>;
+            463?: ErrorCallback<TContext>;
+            464?: ErrorCallback<TContext>;
+            465?: ErrorCallback<TContext>;
+            466?: ErrorCallback<TContext>;
+            467?: ErrorCallback<TContext>;
+            468?: ErrorCallback<TContext>;
+            469?: ErrorCallback<TContext>;
+            470?: ErrorCallback<TContext>;
+            471?: ErrorCallback<TContext>;
+            472?: ErrorCallback<TContext>;
+            473?: ErrorCallback<TContext>;
+            474?: ErrorCallback<TContext>;
+            475?: ErrorCallback<TContext>;
+            476?: ErrorCallback<TContext>;
+            477?: ErrorCallback<TContext>;
+            478?: ErrorCallback<TContext>;
+            479?: ErrorCallback<TContext>;
+            480?: ErrorCallback<TContext>;
+            481?: ErrorCallback<TContext>;
+            482?: ErrorCallback<TContext>;
+            483?: ErrorCallback<TContext>;
+            484?: ErrorCallback<TContext>;
+            485?: ErrorCallback<TContext>;
+            486?: ErrorCallback<TContext>;
+            487?: ErrorCallback<TContext>;
+            488?: ErrorCallback<TContext>;
+            489?: ErrorCallback<TContext>;
+            490?: ErrorCallback<TContext>;
+            491?: ErrorCallback<TContext>;
+            492?: ErrorCallback<TContext>;
+            493?: ErrorCallback<TContext>;
+            494?: ErrorCallback<TContext>;
+            495?: ErrorCallback<TContext>;
+            496?: ErrorCallback<TContext>;
+            497?: ErrorCallback<TContext>;
+            498?: ErrorCallback<TContext>;
+            499?: ErrorCallback<TContext>;
+            500?: ErrorCallback<TContext>;
+            501?: ErrorCallback<TContext>;
+            502?: ErrorCallback<TContext>;
+            503?: ErrorCallback<TContext>;
+            504?: ErrorCallback<TContext>;
+            505?: ErrorCallback<TContext>;
+            506?: ErrorCallback<TContext>;
+            507?: ErrorCallback<TContext>;
+            508?: ErrorCallback<TContext>;
+            509?: ErrorCallback<TContext>;
+            510?: ErrorCallback<TContext>;
+            511?: ErrorCallback<TContext>;
+            512?: ErrorCallback<TContext>;
+            513?: ErrorCallback<TContext>;
+            514?: ErrorCallback<TContext>;
+            515?: ErrorCallback<TContext>;
+            516?: ErrorCallback<TContext>;
+            517?: ErrorCallback<TContext>;
+            518?: ErrorCallback<TContext>;
+            519?: ErrorCallback<TContext>;
+            520?: ErrorCallback<TContext>;
+            521?: ErrorCallback<TContext>;
+            522?: ErrorCallback<TContext>;
+            523?: ErrorCallback<TContext>;
+            524?: ErrorCallback<TContext>;
+            525?: ErrorCallback<TContext>;
+            526?: ErrorCallback<TContext>;
+            527?: ErrorCallback<TContext>;
+            528?: ErrorCallback<TContext>;
+            529?: ErrorCallback<TContext>;
+            530?: ErrorCallback<TContext>;
+            531?: ErrorCallback<TContext>;
+            532?: ErrorCallback<TContext>;
+            533?: ErrorCallback<TContext>;
+            534?: ErrorCallback<TContext>;
+            535?: ErrorCallback<TContext>;
+            536?: ErrorCallback<TContext>;
+            537?: ErrorCallback<TContext>;
+            538?: ErrorCallback<TContext>;
+            539?: ErrorCallback<TContext>;
+            540?: ErrorCallback<TContext>;
+            541?: ErrorCallback<TContext>;
+            542?: ErrorCallback<TContext>;
+            543?: ErrorCallback<TContext>;
+            544?: ErrorCallback<TContext>;
+            545?: ErrorCallback<TContext>;
+            546?: ErrorCallback<TContext>;
+            547?: ErrorCallback<TContext>;
+            548?: ErrorCallback<TContext>;
+            549?: ErrorCallback<TContext>;
+            550?: ErrorCallback<TContext>;
+            551?: ErrorCallback<TContext>;
+            552?: ErrorCallback<TContext>;
+            553?: ErrorCallback<TContext>;
+            554?: ErrorCallback<TContext>;
+            555?: ErrorCallback<TContext>;
+            556?: ErrorCallback<TContext>;
+            557?: ErrorCallback<TContext>;
+            558?: ErrorCallback<TContext>;
+            559?: ErrorCallback<TContext>;
+            560?: ErrorCallback<TContext>;
+            561?: ErrorCallback<TContext>;
+            562?: ErrorCallback<TContext>;
+            563?: ErrorCallback<TContext>;
+            564?: ErrorCallback<TContext>;
+            565?: ErrorCallback<TContext>;
+            566?: ErrorCallback<TContext>;
+            567?: ErrorCallback<TContext>;
+            568?: ErrorCallback<TContext>;
+            569?: ErrorCallback<TContext>;
+            570?: ErrorCallback<TContext>;
+            571?: ErrorCallback<TContext>;
+            572?: ErrorCallback<TContext>;
+            573?: ErrorCallback<TContext>;
+            574?: ErrorCallback<TContext>;
+            575?: ErrorCallback<TContext>;
+            576?: ErrorCallback<TContext>;
+            577?: ErrorCallback<TContext>;
+            578?: ErrorCallback<TContext>;
+            579?: ErrorCallback<TContext>;
+            580?: ErrorCallback<TContext>;
+            581?: ErrorCallback<TContext>;
+            582?: ErrorCallback<TContext>;
+            583?: ErrorCallback<TContext>;
+            584?: ErrorCallback<TContext>;
+            585?: ErrorCallback<TContext>;
+            586?: ErrorCallback<TContext>;
+            587?: ErrorCallback<TContext>;
+            588?: ErrorCallback<TContext>;
+            589?: ErrorCallback<TContext>;
+            590?: ErrorCallback<TContext>;
+            591?: ErrorCallback<TContext>;
+            592?: ErrorCallback<TContext>;
+            593?: ErrorCallback<TContext>;
+            594?: ErrorCallback<TContext>;
+            595?: ErrorCallback<TContext>;
+            596?: ErrorCallback<TContext>;
+            597?: ErrorCallback<TContext>;
+            598?: ErrorCallback<TContext>;
+            599?: ErrorCallback<TContext>;
+
+            // #endregion
+        } & {
+            // Status codes not listed require type annotations when defining the callback
+            [index: number]: SuccessCallback<TContext> | ErrorCallback<TContext>;
+        };
+
+        // #endregion
+
+        // Writable properties on XMLHttpRequest
+        interface XHRFields extends Partial<Pick<XMLHttpRequest, 'onreadystatechange' | 'responseType' | 'timeout' | 'withCredentials'>> {
+            msCaching?: string;
+        }
+    }
+
+    interface Transport {
+        send(headers: PlainObject, completeCallback: Transport.SuccessCallback): void;
+        abort(): void;
+    }
+
+    namespace Transport {
+        type SuccessCallback = (status: number, statusText: Ajax.TextStatus, responses?: PlainObject, headers?: string) => void;
+    }
+
+    /**
+     * @see \`{@link https://api.jquery.com/jquery.ajax/#jqXHR }\`
+     */
+    interface jqXHR<TResolve = any> extends Promise3<TResolve, jqXHR<TResolve>, never,
+        Ajax.SuccessTextStatus, Ajax.ErrorTextStatus, never,
+        jqXHR<TResolve>, string, never>,
+        Pick<XMLHttpRequest, 'abort' | 'getAllResponseHeaders' | 'getResponseHeader' | 'overrideMimeType' | 'readyState' | 'responseText' |
+            'setRequestHeader' | 'status' | 'statusText'>,
+        Partial<Pick<XMLHttpRequest, 'responseXML'>> {
+        responseJSON?: any;
+
+        /**
+         * Determine the current state of a Deferred object.
+         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
+         * @since 1.7
+         */
+        state(): 'pending' | 'resolved' | 'rejected';
+        statusCode(map: Ajax.StatusCodeCallbacks<any>): void;
+    }
+
+    namespace jqXHR {
+        interface DoneCallback<TResolve = any, TjqXHR = jqXHR<TResolve>> extends Deferred.Callback3<TResolve, Ajax.SuccessTextStatus, TjqXHR> { }
+
+        interface FailCallback<TjqXHR> extends Deferred.Callback3<TjqXHR, Ajax.ErrorTextStatus, string> { }
+
+        interface AlwaysCallback<TResolve = any, TjqXHR = jqXHR<TResolve>> extends Deferred.Callback3<TResolve | TjqXHR, Ajax.TextStatus, TjqXHR | string> { }
+    }
+
+    // #endregion
+
+    // region Callbacks
+    // #region Callbacks
+
+    interface CallbacksStatic {
+        /**
+         * A multi-purpose callbacks list object that provides a powerful way to manage callback lists.
+         * @param flags An optional list of space-separated flags that change how the callback list behaves.
+         * @see \`{@link https://api.jquery.com/jQuery.Callbacks/ }\`
+         * @since 1.7
+         */
+        // tslint:disable-next-line:ban-types callable-types no-unnecessary-generics
+        <T extends Function>(flags?: string): Callbacks<T>;
+    }
+
+    // tslint:disable-next-line:ban-types
+    interface Callbacks<T extends Function = Function> {
+        /**
+         * Add a callback or a collection of callbacks to a callback list.
+         * @param callback A function, or array of functions, that are to be added to the callback list.
+         * @param callbacks A function, or array of functions, that are to be added to the callback list.
+         * @see \`{@link https://api.jquery.com/callbacks.add/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.add() to add new callbacks to a callback list:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo: " + value );
+};
+​
+// Another function to also be added to the list
+var bar = function( value ) {
+  console.log( "bar: " + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the function "foo" to the list
+callbacks.add( foo );
+​
+// Fire the items on the list
+callbacks.fire( "hello" );
+// Outputs: "foo: hello"
+​
+// Add the function "bar" to the list
+callbacks.add( bar );
+​
+// Fire the items on the list again
+callbacks.fire( "world" );
+​
+// Outputs:
+// "foo: world"
+// "bar: world"
+```
+         */
+        add(callback: TypeOrArray<T>, ...callbacks: Array<TypeOrArray<T>>): this;
+        /**
+         * Disable a callback list from doing anything more.
+         * @see \`{@link https://api.jquery.com/callbacks.disable/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.disable() to disable further calls to a callback list:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the above function to the list
+callbacks.add( foo );
+​
+// Fire the items on the list
+callbacks.fire( "foo" );
+// Outputs: foo
+​
+// Disable further calls being possible
+callbacks.disable();
+​
+// Attempt to fire with "foobar" as an argument
+callbacks.fire( "foobar" );
+// foobar isn't output
+```
+         */
+        disable(): this;
+        /**
+         * Determine if the callbacks list has been disabled.
+         * @see \`{@link https://api.jquery.com/callbacks.disabled/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.disabled() to determine if the callbacks list has been disabled:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo:" + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the logging function to the callback list
+callbacks.add( foo );
+​
+// Fire the items on the list, passing an argument
+callbacks.fire( "hello" );
+// Outputs "foo: hello"
+​
+// Disable the callbacks list
+callbacks.disable();
+​
+// Test the disabled state of the list
+console.log ( callbacks.disabled() );
+// Outputs: true
+```
+         */
+        disabled(): boolean;
+        /**
+         * Remove all of the callbacks from a list.
+         * @see \`{@link https://api.jquery.com/callbacks.empty/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.empty() to empty a list of callbacks:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value1, value2 ) {
+  console.log( "foo: " + value1 + "," + value2 );
+};
+​
+// Another function to also be added to the list
+var bar = function( value1, value2 ) {
+  console.log( "bar: " + value1 + "," + value2 );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the two functions
+callbacks.add( foo );
+callbacks.add( bar );
+​
+// Empty the callbacks list
+callbacks.empty();
+​
+// Check to ensure all callbacks have been removed
+console.log( callbacks.has( foo ) );
+// false
+console.log( callbacks.has( bar ) );
+// false
+```
+         */
+        empty(): this;
+        /**
+         * Call all of the callbacks with the given arguments.
+         * @param args The argument or list of arguments to pass back to the callback list.
+         * @see \`{@link https://api.jquery.com/callbacks.fire/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.fire() to invoke the callbacks in a list with any arguments that have been passed:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo:" + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the function "foo" to the list
+callbacks.add( foo );
+​
+// Fire the items on the list
+callbacks.fire( "hello" ); // Outputs: "foo: hello"
+callbacks.fire( "world" ); // Outputs: "foo: world"
+​
+// Add another function to the list
+var bar = function( value ){
+  console.log( "bar:" + value );
+};
+​
+// Add this function to the list
+callbacks.add( bar );
+​
+// Fire the items on the list again
+callbacks.fire( "hello again" );
+// Outputs:
+// "foo: hello again"
+// "bar: hello again"
+```
+         */
+        fire(...args: any[]): this;
+        /**
+         * Determine if the callbacks have already been called at least once.
+         * @see \`{@link https://api.jquery.com/callbacks.fired/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.fired() to determine if the callbacks in a list have been called at least once:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo:" + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the function "foo" to the list
+callbacks.add( foo );
+​
+// Fire the items on the list
+callbacks.fire( "hello" ); // Outputs: "foo: hello"
+callbacks.fire( "world" ); // Outputs: "foo: world"
+​
+// Test to establish if the callbacks have been called
+console.log( callbacks.fired() );
+```
+         */
+        fired(): boolean;
+        /**
+         * Call all callbacks in a list with the given context and arguments.
+         * @param context A reference to the context in which the callbacks in the list should be fired.
+         * @param args An argument, or array of arguments, to pass to the callbacks in the list.
+         * @see \`{@link https://api.jquery.com/callbacks.fireWith/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.fireWith() to fire a list of callbacks with a specific context and an array of arguments:
+```javascript
+// A sample logging function to be added to a callbacks list
+var log = function( value1, value2 ) {
+  console.log( "Received: " + value1 + "," + value2 );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the log method to the callbacks list
+callbacks.add( log );
+​
+// Fire the callbacks on the list using the context "window"
+// and an arguments array
+​
+callbacks.fireWith( window, [ "foo","bar" ] );
+// Outputs: "Received: foo, bar"
+```
+         */
+        fireWith(context: object, args?: ArrayLike<any>): this;
+        /**
+         * Determine whether or not the list has any callbacks attached. If a callback is provided as an argument, determine whether it is in a list.
+         * @param callback The callback to search for.
+         * @see \`{@link https://api.jquery.com/callbacks.has/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.has() to check if a callback list contains a specific callback:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value1, value2 ) {
+  console.log( "Received: " + value1 + "," + value2 );
+};
+​
+// A second function which will not be added to the list
+var bar = function( value1, value2 ) {
+  console.log( "foobar" );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the log method to the callbacks list
+callbacks.add( foo );
+​
+// Determine which callbacks are in the list
+console.log( callbacks.has( foo ) );
+// true
+console.log( callbacks.has( bar ) );
+// false
+```
+         */
+        has(callback?: T): boolean;
+        /**
+         * Lock a callback list in its current state.
+         * @see \`{@link https://api.jquery.com/callbacks.lock/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.lock() to lock a callback list to avoid further changes being made to the list state:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo:" + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the logging function to the callback list
+callbacks.add( foo );
+​
+// Fire the items on the list, passing an argument
+callbacks.fire( "hello" );
+// Outputs "foo: hello"
+​
+// Lock the callbacks list
+callbacks.lock();
+​
+// Try firing the items again
+callbacks.fire( "world" );
+​
+// As the list was locked, no items were called,
+// so "world" isn't logged
+```
+         * @example ​ ````Use callbacks.lock() to lock a callback list with &quot;memory,&quot; and then resume using the list:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>callbacks.lock demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+// Simple function for logging results
+var log = function( value ) {
+  $( "#log" ).append( "<p>" + value + "</p>" );
+};
+​
+// Two sample functions to be added to a callbacks list
+var foo = function( value ) {
+  log( "foo: " + value );
+};
+var bar = function( value ) {
+  log( "bar: " + value );
+};
+​
+// Create the callbacks object with the "memory" flag
+var callbacks = $.Callbacks( "memory" );
+​
+// Add the foo logging function to the callback list
+callbacks.add( foo );
+​
+// Fire the items on the list, passing an argument
+callbacks.fire( "hello" );
+// Outputs "foo: hello"
+​
+// Lock the callbacks list
+callbacks.lock();
+​
+// Try firing the items again
+callbacks.fire( "world" );
+// As the list was locked, no items were called,
+// so "foo: world" isn't logged
+​
+// Add the foo function to the callback list again
+callbacks.add( foo );
+​
+// Try firing the items again
+callbacks.fire( "silentArgument" );
+// Outputs "foo: hello" because the argument value was stored in memory
+​
+// Add the bar function to the callback list
+callbacks.add( bar );
+​
+callbacks.fire( "youHadMeAtHello" );
+// Outputs "bar: hello" because the list is still locked,
+// and the argument value is still stored in memory
+</script>
+​
+</body>
+</html>
+```
+         */
+        lock(): this;
+        /**
+         * Determine if the callbacks list has been locked.
+         * @see \`{@link https://api.jquery.com/callbacks.locked/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.locked() to determine the lock-state of a callback list:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo: " + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the logging function to the callback list
+callbacks.add( foo );
+​
+// Fire the items on the list, passing an argument
+callbacks.fire( "hello" );
+// Outputs "foo: hello"
+​
+// Lock the callbacks list
+callbacks.lock();
+​
+// Test the lock-state of the list
+console.log ( callbacks.locked() );
+// true
+```
+         */
+        locked(): boolean;
+        /**
+         * Remove a callback or a collection of callbacks from a callback list.
+         * @param callbacks A function, or array of functions, that are to be removed from the callback list.
+         * @see \`{@link https://api.jquery.com/callbacks.remove/ }\`
+         * @since 1.7
+         * @example ​ ````Use callbacks.remove() to remove callbacks from a callback list:
+```javascript
+// A sample logging function to be added to a callbacks list
+var foo = function( value ) {
+  console.log( "foo: " + value );
+};
+​
+var callbacks = $.Callbacks();
+​
+// Add the function "foo" to the list
+callbacks.add( foo );
+​
+// Fire the items on the list
+callbacks.fire( "hello" );
+// Outputs: "foo: hello"
+​
+// Remove "foo" from the callback list
+callbacks.remove( foo );
+​
+// Fire the items on the list again
+callbacks.fire( "world" );
+​
+// Nothing output as "foo" is no longer in the list
+```
+         */
+        remove(...callbacks: T[]): this;
+    }
+
+    // #endregion
+
+    // region CSS hooks
+    // #region CSS hooks
+
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type CSSHook<TElement> =
+        Partial<_CSSHook<TElement>> & (
+            Pick<_CSSHook<TElement>, 'get'> |
+            Pick<_CSSHook<TElement>, 'set'>
+        );
+
+    interface _CSSHook<TElement> {
+        get(elem: TElement, computed: any, extra: any): any;
+        set(elem: TElement, value: any): void;
+    }
+
+    interface CSSHooks {
+        // Set to HTMLElement to minimize breaks but should probably be Element.
+        [propertyName: string]: CSSHook<HTMLElement>;
+    }
+
+    // #endregion
+
+    // region Deferred
+    // #region Deferred
+
+    /**
+     * Any object that has a then method.
+     */
+    interface Thenable<T> extends PromiseLike<T> { }
+
+    // NOTE: This is a private copy of the global Promise interface. It is used by JQuery.PromiseBase to indicate compatibility with other Promise implementations.
+    //       The global Promise interface cannot be used directly as it may be modified, as in the case of @types/bluebird-global.
+    /**
+     * Represents the completion of an asynchronous operation
+     */
+    interface _Promise<T> {
+        readonly [Symbol.toStringTag]: "Promise";
+        /**
+         * Attaches callbacks for the resolution and/or rejection of the Promise.
+         * @param onfulfilled The callback to execute when the Promise is resolved.
+         * @param onrejected The callback to execute when the Promise is rejected.
+         * @returns A Promise for the completion of which ever callback is executed.
+         */
+        then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | null,
+                                             onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null): _Promise<TResult1 | TResult2>;
+        /**
+         * Attaches a callback for only the rejection of the Promise.
+         * @param onrejected The callback to execute when the Promise is rejected.
+         * @returns A Promise for the completion of the callback.
+         */
+        catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null): _Promise<T | TResult>;
+    }
+
+    // Type parameter guide
+    // --------------------
+    // Each type parameter represents a parameter in one of the three possible callbacks.
+    //
+    // The first letter indicates which position the parameter is in.
+    //
+    // T = A = 1st position
+    // U = B = 2nd position
+    // V = C = 3rd position
+    // S = R = rest position
+    //
+    // The second letter indicates which whether it is a [R]esolve, Re[J]ect, or [N]otify value.
+    //
+    // The third letter indicates whether the value is returned in the [D]one filter, [F]ail filter, or [P]rogress filter.
+
+    /**
+     * This object provides a subset of the methods of the Deferred object (then, done, fail, always, pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
+     * @see \`{@link https://api.jquery.com/Types/#Promise }\`
+     */
+    interface PromiseBase<TR, TJ, TN,
+        UR, UJ, UN,
+        VR, VJ, VN,
+        SR, SJ, SN> extends _Promise<TR>, PromiseLike<TR> {
+        /**
+         * Add handlers to be called when the Deferred object is either resolved or rejected.
+         * @param alwaysCallback A function, or array of functions, that is called when the Deferred is resolved or rejected.
+         * @param alwaysCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved or rejected.
+         * @see \`{@link https://api.jquery.com/deferred.always/ }\`
+         * @since 1.6
+         * @example ​ ````Since the jQuery.get() method returns a jqXHR object, which is derived from a Deferred object, we can attach a callback for both success and error using the deferred.always() method.
+```javascript
+$.get( "test.php" ).always(function() {
+  alert( "$.get completed with success or error callback arguments" );
+});
+```
+         */
+        always(alwaysCallback: TypeOrArray<Deferred.CallbackBase<TR | TJ, UR | UJ, VR | VJ, SR | SJ>>,
+               ...alwaysCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TR | TJ, UR | UJ, VR | VJ, SR | SJ>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object is resolved.
+         * @param doneCallback A function, or array of functions, that are called when the Deferred is resolved.
+         * @param doneCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved.
+         * @see \`{@link https://api.jquery.com/deferred.done/ }\`
+         * @since 1.5
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach a success callback using the .done() method.
+```javascript
+$.get( "test.php" ).done(function() {
+  alert( "$.get succeeded" );
+});
+```
+         * @example ​ ````Resolve a Deferred object when the user clicks a button, triggering a number of callback functions:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.done demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Go</button>
+<p>Ready...</p>
+​
+<script>
+// 3 functions to call when the Deferred object is resolved
+function fn1() {
+  $( "p" ).append( " 1 " );
+}
+function fn2() {
+  $( "p" ).append( " 2 " );
+}
+function fn3( n ) {
+  $( "p" ).append( n + " 3 " + n );
+}
+​
+// Create a deferred object
+var dfd = $.Deferred();
+​
+// Add handlers to be called when dfd is resolved
+dfd
+// .done() can take any number of functions or arrays of functions
+  .done( [ fn1, fn2 ], fn3, [ fn2, fn1 ] )
+// We can chain done methods, too
+  .done(function( n ) {
+    $( "p" ).append( n + " we're done." );
+  });
+​
+// Resolve the Deferred object when the button is clicked
+$( "button" ).on( "click", function() {
+  dfd.resolve( "and" );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        done(doneCallback: TypeOrArray<Deferred.CallbackBase<TR, UR, VR, SR>>,
+             ...doneCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TR, UR, VR, SR>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object is rejected.
+         * @param failCallback A function, or array of functions, that are called when the Deferred is rejected.
+         * @param failCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is rejected.
+         * @see \`{@link https://api.jquery.com/deferred.fail/ }\`
+         * @since 1.5
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred, you can attach a success and failure callback using the deferred.done() and deferred.fail() methods.
+```javascript
+$.get( "test.php" )
+  .done(function() {
+    alert( "$.get succeeded" );
+  })
+  .fail(function() {
+    alert( "$.get failed!" );
+  });
+```
+         */
+        fail(failCallback: TypeOrArray<Deferred.CallbackBase<TJ, UJ, VJ, SJ>>,
+             ...failCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TJ, UJ, VJ, SJ>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object generates progress notifications.
+         * @param progressCallback A function, or array of functions, to be called when the Deferred generates progress notifications.
+         * @param progressCallbacks Optional additional functions, or arrays of functions, to be called when the Deferred generates
+         *                          progress notifications.
+         * @see \`{@link https://api.jquery.com/deferred.progress/ }\`
+         * @since 1.7
+         */
+        progress(progressCallback: TypeOrArray<Deferred.CallbackBase<TN, UN, VN, SN>>,
+                 ...progressCallbacks: Array<TypeOrArray<Deferred.CallbackBase<TN, UN, VN, SN>>>): this;
+        /**
+         * Return a Deferred's Promise object.
+         * @param target Object onto which the promise methods have to be attached
+         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
+         * @since 1.5
+         * @example ​ ````Create a Deferred and set two timer-based functions to either resolve or reject the Deferred after a random interval. Whichever one fires first &quot;wins&quot; and will call one of the callbacks. The second timeout has no effect since the Deferred is already complete (in a resolved or rejected state) from the first timeout action. Also set a timer-based progress notification function, and call a progress handler that adds &quot;working...&quot; to the document body.
+```javascript
+function asyncEvent() {
+  var dfd = jQuery.Deferred();
+​
+  // Resolve after a random interval
+  setTimeout(function() {
+    dfd.resolve( "hurray" );
+  }, Math.floor( 400 + Math.random() * 2000 ) );
+​
+  // Reject after a random interval
+  setTimeout(function() {
+    dfd.reject( "sorry" );
+  }, Math.floor( 400 + Math.random() * 2000 ) );
+​
+  // Show a "working..." message every half-second
+  setTimeout(function working() {
+    if ( dfd.state() === "pending" ) {
+      dfd.notify( "working... " );
+      setTimeout( working, 500 );
+    }
+  }, 1 );
+​
+  // Return the Promise so caller can't change the Deferred
+  return dfd.promise();
+}
+​
+// Attach a done, fail, and progress handler for the asyncEvent
+$.when( asyncEvent() ).then(
+  function( status ) {
+    alert( status + ", things are going well" );
+  },
+  function( status ) {
+    alert( status + ", you fail this time" );
+  },
+  function( status ) {
+    $( "body" ).append( status );
+  }
+);
+```
+         */
+        promise<TTarget extends object>(target: TTarget): this & TTarget;
+        /**
+         * Return a Deferred's Promise object.
+         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
+         * @since 1.5
+         * @example ​ ````Use the target argument to promote an existing object to a Promise:
+```javascript
+// Existing object
+var obj = {
+    hello: function( name ) {
+      alert( "Hello " + name );
+    }
+  },
+  // Create a Deferred
+  defer = $.Deferred();
+​
+// Set object as a promise
+defer.promise( obj );
+​
+// Resolve the deferred
+defer.resolve( "John" );
+​
+// Use the object as a Promise
+obj.done(function( name ) {
+  obj.hello( name ); // Will alert "Hello John"
+}).hello( "Karl" ); // Will alert "Hello Karl"
+```
+         */
+        promise(): this;
+        /**
+         * Determine the current state of a Deferred object.
+         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
+         * @since 1.7
+         */
+        state(): 'pending' | 'resolved' | 'rejected';
+
+        // region pipe
+        // #region pipe
+
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
+            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
+            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
+            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
+            BRF | BRP, BJF | BJP, BNF | BNP,
+            CRF | CRP, CJF | CJP, CNF | CNP,
+            RRF | RRP, RJF | RJP, RNF | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: null,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
+            BRD | BRP, BJD | BJP, BND | BNP,
+            CRD | CRP, CJD | CJP, CND | CNP,
+            RRD | RRP, RJD | RJP, RND | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: null,
+                progressFilter?: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
+            BRP, BJP, BNP,
+            CRP, CJP, CNP,
+            RRP, RJP, RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
+            BRD | BRF, BJD | BJF, BND | BNF,
+            CRD | CRF, CJD | CJF, CND | CNF,
+            RRD | RRF, RJD | RJF, RND | RNF>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: null,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter?: null,
+                progressFilter?: null): PromiseBase<ARD, AJD, AND,
+            BRD, BJD, BND,
+            CRD, CJD, CND,
+            RRD, RJD, RND>;
+
+        // #endregion
+
+        // region then
+        // #region then
+
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach handlers using the .then method.
+```javascript
+$.get( "test.php" ).then(
+  function() {
+    alert( "$.get succeeded" );
+  }, function() {
+    alert( "$.get failed!" );
+  }
+);
+```
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
+            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
+            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
+            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
+            BRF | BRP, BJF | BJP, BNF | BNP,
+            CRF | CRP, CJF | CJP, CNF | CNP,
+            RRF | RRP, RJF | RJP, RNF | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: null,
+                progressFilter: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
+            BRD | BRP, BJD | BJP, BND | BNP,
+            CRD | CRP, CJD | CJP, CND | CNP,
+            RRD | RRP, RJD | RJP, RND | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: null,
+                progressFilter?: (t: TN, u: UN, v: VN, ...s: SN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
+            BRP, BJP, BNP,
+            CRP, CJP, CNP,
+            RRP, RJP, RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach handlers using the .then method.
+```javascript
+$.get( "test.php" ).then(
+  function() {
+    alert( "$.get succeeded" );
+  }, function() {
+    alert( "$.get failed!" );
+  }
+);
+```
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
+            BRD | BRF, BJD | BJF, BND | BNF,
+            CRD | CRF, CJD | CJF, CND | CNF,
+            RRD | RRF, RJD | RJF, RND | RNF>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: null,
+                failFilter: (t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never>(
+                doneFilter: (t: TR, u: UR, v: VR, ...s: SR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter?: null,
+                progressFilter?: null): PromiseBase<ARD, AJD, AND,
+            BRD, BJD, BND,
+            CRD, CJD, CND,
+            RRD, RJD, RND>;
+
+        // #endregion
+
+        /**
+         * Add handlers to be called when the Deferred object is rejected.
+         * @param failFilter A function that is called when the Deferred is rejected.
+         * @see \`{@link https://api.jquery.com/deferred.catch/ }\`
+         * @since 3.0
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can rejection handlers using the .catch method.
+```javascript
+$.get( "test.php" )
+  .then( function() {
+    alert( "$.get succeeded" );
+  } )
+  .catch( function() {
+    alert( "$.get failed!" );
+  } );
+```
+         */
+        catch<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                failFilter?: ((t: TJ, u: UJ, v: VJ, ...s: SJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF) | null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+    }
+
+    /**
+     * This object provides a subset of the methods of the Deferred object (then, done, fail, always, pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
+     * @see \`{@link https://api.jquery.com/Types/#Promise }\`
+     */
+    interface Promise3<TR, TJ, TN,
+        UR, UJ, UN,
+        VR, VJ, VN> extends PromiseBase<TR, TJ, TN,
+        UR, UJ, UN,
+        VR, VJ, VN,
+        never, never, never> { }
+
+    /**
+     * This object provides a subset of the methods of the Deferred object (then, done, fail, always, pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
+     * @see \`{@link https://api.jquery.com/Types/#Promise }\`
+     */
+    interface Promise2<TR, TJ, TN,
+        UR, UJ, UN> extends PromiseBase<TR, TJ, TN,
+        UR, UJ, UN,
+        never, never, never,
+        never, never, never> { }
+
+    /**
+     * This object provides a subset of the methods of the Deferred object (then, done, fail, always, pipe, progress, state and promise) to prevent users from changing the state of the Deferred.
+     * @see \`{@link https://api.jquery.com/Types/#Promise }\`
+     */
+    interface Promise<TR, TJ = any, TN = any> extends PromiseBase<TR, TJ, TN,
+        TR, TJ, TN,
+        TR, TJ, TN,
+        TR, TJ, TN> { }
+
+    interface DeferredStatic {
+        // https://jquery.com/upgrade-guide/3.0/#callback-exit
+        exceptionHook: any;
+        /**
+         * A factory function that returns a chainable utility object with methods to register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function.
+         * @param beforeStart A function that is called just before the constructor returns.
+         * @see \`{@link https://api.jquery.com/jQuery.Deferred/ }\`
+         * @since 1.5
+         */
+        <TR = any, TJ = any, TN = any>(beforeStart?: (this: Deferred<TR, TJ, TN>, deferred: Deferred<TR, TJ, TN>) => void): Deferred<TR, TJ, TN>;
+    }
+
+    interface Deferred<TR, TJ = any, TN = any> {
+        /**
+         * Call the progressCallbacks on a Deferred object with the given args.
+         * @param args Optional arguments that are passed to the progressCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.notify/ }\`
+         * @since 1.7
+         */
+        notify(...args: TN[]): this;
+        /**
+         * Call the progressCallbacks on a Deferred object with the given context and args.
+         * @param context Context passed to the progressCallbacks as the this object.
+         * @param args An optional array of arguments that are passed to the progressCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.notifyWith/ }\`
+         * @since 1.7
+         */
+        notifyWith(context: object, args?: ArrayLike<TN>): this;
+        /**
+         * Reject a Deferred object and call any failCallbacks with the given args.
+         * @param args Optional arguments that are passed to the failCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.reject/ }\`
+         * @since 1.5
+         */
+        reject(...args: TJ[]): this;
+        /**
+         * Reject a Deferred object and call any failCallbacks with the given context and args.
+         * @param context Context passed to the failCallbacks as the this object.
+         * @param args An optional array of arguments that are passed to the failCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.rejectWith/ }\`
+         * @since 1.5
+         */
+        rejectWith(context: object, args?: ArrayLike<TJ>): this;
+        /**
+         * Resolve a Deferred object and call any doneCallbacks with the given args.
+         * @param args Optional arguments that are passed to the doneCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.resolve/ }\`
+         * @since 1.5
+         */
+        resolve(...args: TR[]): this;
+        /**
+         * Resolve a Deferred object and call any doneCallbacks with the given context and args.
+         * @param context Context passed to the doneCallbacks as the this object.
+         * @param args An optional array of arguments that are passed to the doneCallbacks.
+         * @see \`{@link https://api.jquery.com/deferred.resolveWith/ }\`
+         * @since 1.5
+         */
+        resolveWith(context: object, args?: ArrayLike<TR>): this;
+
+        /**
+         * Add handlers to be called when the Deferred object is either resolved or rejected.
+         * @param alwaysCallback A function, or array of functions, that is called when the Deferred is resolved or rejected.
+         * @param alwaysCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved or rejected.
+         * @see \`{@link https://api.jquery.com/deferred.always/ }\`
+         * @since 1.6
+         * @example ​ ````Since the jQuery.get() method returns a jqXHR object, which is derived from a Deferred object, we can attach a callback for both success and error using the deferred.always() method.
+```javascript
+$.get( "test.php" ).always(function() {
+  alert( "$.get completed with success or error callback arguments" );
+});
+```
+         */
+        always(alwaysCallback: TypeOrArray<Deferred.Callback<TR | TJ>>,
+               ...alwaysCallbacks: Array<TypeOrArray<Deferred.Callback<TR | TJ>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object is resolved.
+         * @param doneCallback A function, or array of functions, that are called when the Deferred is resolved.
+         * @param doneCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is resolved.
+         * @see \`{@link https://api.jquery.com/deferred.done/ }\`
+         * @since 1.5
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach a success callback using the .done() method.
+```javascript
+$.get( "test.php" ).done(function() {
+  alert( "$.get succeeded" );
+});
+```
+         * @example ​ ````Resolve a Deferred object when the user clicks a button, triggering a number of callback functions:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.done demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Go</button>
+<p>Ready...</p>
+​
+<script>
+// 3 functions to call when the Deferred object is resolved
+function fn1() {
+  $( "p" ).append( " 1 " );
+}
+function fn2() {
+  $( "p" ).append( " 2 " );
+}
+function fn3( n ) {
+  $( "p" ).append( n + " 3 " + n );
+}
+​
+// Create a deferred object
+var dfd = $.Deferred();
+​
+// Add handlers to be called when dfd is resolved
+dfd
+// .done() can take any number of functions or arrays of functions
+  .done( [ fn1, fn2 ], fn3, [ fn2, fn1 ] )
+// We can chain done methods, too
+  .done(function( n ) {
+    $( "p" ).append( n + " we're done." );
+  });
+​
+// Resolve the Deferred object when the button is clicked
+$( "button" ).on( "click", function() {
+  dfd.resolve( "and" );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        done(doneCallback: TypeOrArray<Deferred.Callback<TR>>,
+             ...doneCallbacks: Array<TypeOrArray<Deferred.Callback<TR>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object is rejected.
+         * @param failCallback A function, or array of functions, that are called when the Deferred is rejected.
+         * @param failCallbacks Optional additional functions, or arrays of functions, that are called when the Deferred is rejected.
+         * @see \`{@link https://api.jquery.com/deferred.fail/ }\`
+         * @since 1.5
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred, you can attach a success and failure callback using the deferred.done() and deferred.fail() methods.
+```javascript
+$.get( "test.php" )
+  .done(function() {
+    alert( "$.get succeeded" );
+  })
+  .fail(function() {
+    alert( "$.get failed!" );
+  });
+```
+         */
+        fail(failCallback: TypeOrArray<Deferred.Callback<TJ>>,
+             ...failCallbacks: Array<TypeOrArray<Deferred.Callback<TJ>>>): this;
+        /**
+         * Add handlers to be called when the Deferred object generates progress notifications.
+         * @param progressCallback A function, or array of functions, to be called when the Deferred generates progress notifications.
+         * @param progressCallbacks Optional additional functions, or arrays of functions, to be called when the Deferred generates
+         *                          progress notifications.
+         * @see \`{@link https://api.jquery.com/deferred.progress/ }\`
+         * @since 1.7
+         */
+        progress(progressCallback: TypeOrArray<Deferred.Callback<TN>>,
+                 ...progressCallbacks: Array<TypeOrArray<Deferred.Callback<TN>>>): this;
+        /**
+         * Return a Deferred's Promise object.
+         * @param target Object onto which the promise methods have to be attached
+         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
+         * @since 1.5
+         * @example ​ ````Use the target argument to promote an existing object to a Promise:
+```javascript
+// Existing object
+var obj = {
+    hello: function( name ) {
+      alert( "Hello " + name );
+    }
+  },
+  // Create a Deferred
+  defer = $.Deferred();
+​
+// Set object as a promise
+defer.promise( obj );
+​
+// Resolve the deferred
+defer.resolve( "John" );
+​
+// Use the object as a Promise
+obj.done(function( name ) {
+  obj.hello( name ); // Will alert "Hello John"
+}).hello( "Karl" ); // Will alert "Hello Karl"
+```
+         */
+        promise<TTarget extends object>(target: TTarget): Promise<TR, TJ, TN> & TTarget;
+        /**
+         * Return a Deferred's Promise object.
+         * @see \`{@link https://api.jquery.com/deferred.promise/ }\`
+         * @since 1.5
+         * @example ​ ````Create a Deferred and set two timer-based functions to either resolve or reject the Deferred after a random interval. Whichever one fires first &quot;wins&quot; and will call one of the callbacks. The second timeout has no effect since the Deferred is already complete (in a resolved or rejected state) from the first timeout action. Also set a timer-based progress notification function, and call a progress handler that adds &quot;working...&quot; to the document body.
+```javascript
+function asyncEvent() {
+  var dfd = jQuery.Deferred();
+​
+  // Resolve after a random interval
+  setTimeout(function() {
+    dfd.resolve( "hurray" );
+  }, Math.floor( 400 + Math.random() * 2000 ) );
+​
+  // Reject after a random interval
+  setTimeout(function() {
+    dfd.reject( "sorry" );
+  }, Math.floor( 400 + Math.random() * 2000 ) );
+​
+  // Show a "working..." message every half-second
+  setTimeout(function working() {
+    if ( dfd.state() === "pending" ) {
+      dfd.notify( "working... " );
+      setTimeout( working, 500 );
+    }
+  }, 1 );
+​
+  // Return the Promise so caller can't change the Deferred
+  return dfd.promise();
+}
+​
+// Attach a done, fail, and progress handler for the asyncEvent
+$.when( asyncEvent() ).then(
+  function( status ) {
+    alert( status + ", things are going well" );
+  },
+  function( status ) {
+    alert( status + ", you fail this time" );
+  },
+  function( status ) {
+    $( "body" ).append( status );
+  }
+);
+```
+         */
+        promise(): Promise<TR, TJ, TN>;
+        /**
+         * Determine the current state of a Deferred object.
+         * @see \`{@link https://api.jquery.com/deferred.state/ }\`
+         * @since 1.7
+         */
+        state(): 'pending' | 'resolved' | 'rejected';
+
+        // region pipe
+        // #region pipe
+
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
+            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
+            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
+            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
+            BRF | BRP, BJF | BJP, BNF | BNP,
+            CRF | CRP, CJF | CJP, CNF | CNP,
+            RRF | RRP, RJF | RJP, RNF | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: null,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
+            BRD | BRP, BJD | BJP, BND | BNP,
+            CRD | CRP, CJD | CJP, CND | CNP,
+            RRD | RRP, RJD | RJP, RND | RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: null,
+                progressFilter?: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
+            BRP, BJP, BNP,
+            CRP, CJP, CNP,
+            RRP, RJP, RNP>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
+            BRD | BRF, BJD | BJF, BND | BNF,
+            CRD | CRF, CJD | CJF, CND | CNF,
+            RRD | RRF, RJD | RJF, RND | RNF>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: null,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<AJF> | AJF,
+                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+        /**
+         * Utility method to filter and/or chain Deferreds.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.pipe/ }\`
+         * @since 1.6
+         * @since 1.7
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link then }\`.
+         *
+         * **Cause**: The `.pipe()` method on a `jQuery.Deferred` object was deprecated as of jQuery 1.8, when the `.then()` method was changed to perform the same function.
+         *
+         * **Solution**: In most cases it is sufficient to change all occurrences of `.pipe()` to `.then()`. Ensure that you aren't relying on context/state propagation (e.g., using `this`) or synchronous callback invocation, which were dropped from `.then()` for Promises/A+ interoperability as of jQuery 3.0.
+         * @example ​ ````Filter resolve value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.pipe(function( value ) {
+    return value * 2;
+  });
+​
+defer.resolve( 5 );
+filtered.done(function( value ) {
+  alert( "Value is ( 2*5 = ) 10: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.pipe(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        pipe<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter?: null,
+                progressFilter?: null): PromiseBase<ARD, AJD, AND,
+            BRD, BJD, BND,
+            CRD, CJD, CND,
+            RRD, RJD, RND>;
+
+        // #endregion
+
+        // region then
+        // #region then
+
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter A function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach handlers using the .then method.
+```javascript
+$.get( "test.php" ).then(
+  function() {
+    alert( "$.get succeeded" );
+  }, function() {
+    alert( "$.get failed!" );
+  }
+);
+```
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARF | ARP, AJD | AJF | AJP, AND | ANF | ANP,
+            BRD | BRF | BRP, BJD | BJF | BJP, BND | BNF | BNP,
+            CRD | CRF | CRP, CJD | CJF | CJP, CND | CNF | CNP,
+            RRD | RRF | RRP, RJD | RJF | RJP, RND | RNF | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter A function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARF | ARP, AJF | AJP, ANF | ANP,
+            BRF | BRP, BJF | BJP, BNF | BNP,
+            CRF | CRP, CJF | CJP, CNF | CNP,
+            RRF | RRP, RJF | RJP, RNF | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter A function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: null,
+                progressFilter: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARD | ARP, AJD | AJP, AND | ANP,
+            BRD | BRP, BJD | BJP, BND | BNP,
+            CRD | CRP, CJD | CJP, CND | CNP,
+            RRD | RRP, RJD | RJP, RND | RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter A function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARP = never, AJP = never, ANP = never,
+            BRP = never, BJP = never, BNP = never,
+            CRP = never, CJP = never, CNP = never,
+            RRP = never, RJP = never, RNP = never>(
+                doneFilter: null,
+                failFilter: null,
+                progressFilter?: (...t: TN[]) => PromiseBase<ARP, AJP, ANP,
+                    BRP, BJP, BNP,
+                    CRP, CJP, CNP,
+                    RRP, RJP, RNP> | Thenable<ANP> | ANP): PromiseBase<ARP, AJP, ANP,
+            BRP, BJP, BNP,
+            CRP, CJP, CNP,
+            RRP, RJP, RNP>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can attach handlers using the .then method.
+```javascript
+$.get( "test.php" ).then(
+  function() {
+    alert( "$.get succeeded" );
+  }, function() {
+    alert( "$.get failed!" );
+  }
+);
+```
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never,
+            ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter?: null): PromiseBase<ARD | ARF, AJD | AJF, AND | ANF,
+            BRD | BRF, BJD | BJF, BND | BNF,
+            CRD | CRF, CJD | CJF, CND | CNF,
+            RRD | RRF, RJD | RJF, RND | RNF>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter reject value:
+```javascript
+var defer = $.Deferred(),
+  filtered = defer.then( null, function( value ) {
+    return value * 3;
+  });
+​
+defer.reject( 6 );
+filtered.fail(function( value ) {
+  alert( "Value is ( 3*6 = ) 18: " + value );
+});
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                doneFilter: null,
+                failFilter: (...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF,
+                progressFilter?: null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+        /**
+         * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
+         * @param doneFilter An optional function that is called when the Deferred is resolved.
+         * @param failFilter An optional function that is called when the Deferred is rejected.
+         * @param progressFilter An optional function that is called when progress notifications are sent to the Deferred.
+         * @see \`{@link https://api.jquery.com/deferred.then/ }\`
+         * @since 1.8
+         * @example ​ ````Filter the resolve value:
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>deferred.then demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>Filter Resolve</button>
+<p></p>
+​
+<script>
+var filterResolve = function() {
+  var defer = $.Deferred(),
+    filtered = defer.then(function( value ) {
+      return value * 2;
+    });
+​
+  defer.resolve( 5 );
+  filtered.done(function( value ) {
+    $( "p" ).html( "Value is ( 2*5 = ) 10: " + value );
+  });
+};
+​
+$( "button" ).on( "click", filterResolve );
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Chain tasks:
+```javascript
+var request = $.ajax( url, { dataType: "json" } ),
+  chained = request.then(function( data ) {
+    return $.ajax( url2, { data: { user: data.userId } } );
+  });
+​
+chained.done(function( data ) {
+  // data retrieved from url2 as provided by the first request
+});
+```
+         */
+        then<ARD = never, AJD = never, AND = never,
+            BRD = never, BJD = never, BND = never,
+            CRD = never, CJD = never, CND = never,
+            RRD = never, RJD = never, RND = never>(
+                doneFilter: (...t: TR[]) => PromiseBase<ARD, AJD, AND,
+                    BRD, BJD, BND,
+                    CRD, CJD, CND,
+                    RRD, RJD, RND> | Thenable<ARD> | ARD,
+                failFilter?: null,
+                progressFilter?: null): PromiseBase<ARD, AJD, AND,
+            BRD, BJD, BND,
+            CRD, CJD, CND,
+            RRD, RJD, RND>;
+
+        // #endregion
+
+        /**
+         * Add handlers to be called when the Deferred object is rejected.
+         * @param failFilter A function that is called when the Deferred is rejected.
+         * @see \`{@link https://api.jquery.com/deferred.catch/ }\`
+         * @since 3.0
+         * @example ​ ````Since the jQuery.get method returns a jqXHR object, which is derived from a Deferred object, we can rejection handlers using the .catch method.
+```javascript
+$.get( "test.php" )
+  .then( function() {
+    alert( "$.get succeeded" );
+  } )
+  .catch( function() {
+    alert( "$.get failed!" );
+  } );
+```
+         */
+        catch<ARF = never, AJF = never, ANF = never,
+            BRF = never, BJF = never, BNF = never,
+            CRF = never, CJF = never, CNF = never,
+            RRF = never, RJF = never, RNF = never>(
+                failFilter?: ((...t: TJ[]) => PromiseBase<ARF, AJF, ANF,
+                    BRF, BJF, BNF,
+                    CRF, CJF, CNF,
+                    RRF, RJF, RNF> | Thenable<ARF> | ARF) | null): PromiseBase<ARF, AJF, ANF,
+            BRF, BJF, BNF,
+            CRF, CJF, CNF,
+            RRF, RJF, RNF>;
+    }
+
+    namespace Deferred {
+        type CallbackBase<T, U, V, R> = (t: T, u: U, v: V, ...r: R[]) => void;
+
+        interface Callback3<T, U, V> extends CallbackBase<T, U, V, never> { }
+
+        type Callback<T> = (...args: T[]) => void;
+
+        /**
+         * @deprecated ​ Deprecated. Use \`{@link Callback }\`.
+         */
+        interface DoneCallback<TResolve> extends Callback<TResolve> { }
+
+        /**
+         * @deprecated ​ Deprecated. Use \`{@link Callback }\`.
+         */
+        interface FailCallback<TReject> extends Callback<TReject> { }
+
+        /**
+         * @deprecated ​ Deprecated. Use \`{@link Callback }\`.
+         */
+        interface AlwaysCallback<TResolve, TReject> extends Callback<TResolve | TReject> { }
+
+        /**
+         * @deprecated ​ Deprecated. Use \`{@link Callback }\`.
+         */
+        interface ProgressCallback<TNotify> extends Callback<TNotify> { }
+    }
+
+    // #endregion
+
+    // region Effects
+    // #region Effects
+
+    type Duration = number | 'fast' | 'slow';
+
+    /**
+     * @see \`{@link https://api.jquery.com/animate/#animate-properties-options }\`
+     */
+    interface EffectsOptions<TElement> extends PlainObject {
+        /**
+         * A function to be called when the animation on an element completes or stops without completing (its Promise object is either resolved or rejected).
+         */
+        always?(this: TElement, animation: Animation<TElement>, jumpedToEnd: boolean): void;
+        /**
+         * A function that is called once the animation on an element is complete.
+         */
+        complete?(this: TElement): void;
+        /**
+         * A function to be called when the animation on an element completes (its Promise object is resolved).
+         */
+        done?(this: TElement, animation: Animation<TElement>, jumpedToEnd: boolean): void;
+        /**
+         * A string or number determining how long the animation will run.
+         */
+        duration?: Duration;
+        /**
+         * A string indicating which easing function to use for the transition.
+         */
+        easing?: string;
+        /**
+         * A function to be called when the animation on an element fails to complete (its Promise object is rejected).
+         */
+        fail?(this: TElement, animation: Animation<TElement>, jumpedToEnd: boolean): void;
+        /**
+         * A function to be called after each step of the animation, only once per animated element regardless of the number of animated properties.
+         */
+        progress?(this: TElement, animation: Animation<TElement>, progress: number, remainingMs: number): void;
+        /**
+         * A Boolean indicating whether to place the animation in the effects queue. If false, the animation will begin immediately. As of jQuery 1.7, the queue option can also accept a string, in which case the animation is added to the queue represented by that string. When a custom queue name is used the animation does not automatically start; you must call .dequeue("queuename") to start it.
+         */
+        queue?: boolean | string;
+        /**
+         * An object containing one or more of the CSS properties defined by the properties argument and their corresponding easing functions.
+         */
+        specialEasing?: PlainObject<string>;
+        /**
+         * A function to call when the animation on an element begins.
+         */
+        start?(this: TElement, animation: Animation<TElement>): void;
+        /**
+         * A function to be called for each animated property of each animated element. This function provides an opportunity to modify the Tween object to change the value of the property before it is set.
+         */
+        step?(this: TElement, now: number, tween: Tween<TElement>): void;
+    }
+
+    // region Animation
+    // #region Animation
+
+    /**
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+     * @since 1.8
+     */
+    interface AnimationStatic {
+        /**
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        <TElement>(element: TElement, props: PlainObject, opts: EffectsOptions<TElement>): Animation<TElement>;
+        /**
+         * During the initial setup, `jQuery.Animation` will call any callbacks that have been registered through `jQuery.Animation.prefilter( function( element, props, opts ) )`.
+         * @param callback The prefilter will have `this` set to an animation object, and you can modify any of the `props` or
+         *                 `opts` however you need. The prefilter _may_ return its own promise which also implements `stop()`,
+         *                 in which case, processing of prefilters stops. If the prefilter is not trying to override the animation
+         *                 entirely, it should return `undefined` or some other falsy value.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#prefilters }\`
+         * @since 1.8
+         */
+        prefilter<TElement>(
+            callback: (this: Animation<TElement>, element: TElement, props: PlainObject, opts: EffectsOptions<TElement>) => Animation<TElement> | _Falsy | void,
+            prepend?: boolean
+        ): void;
+        /**
+         * A "Tweener" is a function responsible for creating a tween object, and you might want to override these if you want to implement complex values ( like a clip/transform array matrix ) in a single property.
+         *
+         * You can override the default process for creating a tween in order to provide your own tween object by using `jQuery.Animation.tweener( props, callback( prop, value ) )`.
+         * @param props A space separated list of properties to be passed to your tweener, or `"*"` if it should be called
+         *              for all properties.
+         * @param callback The callback will be called with `this` being an `Animation` object. The tweener function will
+         *                 generally start with `var tween = this.createTween( prop, value );`, but doesn't nessecarily need to
+         *                 use the `jQuery.Tween()` factory.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweeners }\`
+         * @since 1.8
+         */
+        tweener(props: string, callback: Tweener<any>): void;
+    }
+
+    /**
+     * The promise will be resolved when the animation reaches its end, and rejected when terminated early. The context of callbacks attached to the promise will be the element, and the arguments will be the `Animation` object and a boolean `jumpedToEnd` which when true means the animation was stopped with `gotoEnd`, when `undefined` the animation completed naturally.
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+     * @since 1.8
+     */
+    interface Animation<TElement> extends Promise3<
+        Animation<TElement>, Animation<TElement>, Animation<TElement>,
+        true | undefined, false, number,
+        never, never, number
+    > {
+        /**
+         * The duration specified in ms
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        duration: number;
+        /**
+         * The element being animatied
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        elem: TElement;
+        /**
+         * The final value of each property animating
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        props: PlainObject;
+        /**
+         * The animation options
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        opts: EffectsOptions<TElement>;
+        /**
+         * The original properties before being filtered
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        originalProps: PlainObject;
+        /**
+         * The original options before being filtered
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        originalOpts: EffectsOptions<TElement>;
+        /**
+         * The numeric value of `new Date()` when the animation began
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        startTime: number;
+        /**
+         * The animations tweens.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        tweens: Array<Tween<TElement>>;
+        /**
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        createTween(propName: string, finalValue: number): Tween<TElement>;
+        /**
+         * Stops the animation early, optionally going to the end.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#animation-factory }\`
+         * @since 1.8
+         */
+        stop(gotoEnd: boolean): this;
+    }
+
+    /**
+     * A "Tweener" is a function responsible for creating a tween object, and you might want to override these if you want to implement complex values ( like a clip/transform array matrix ) in a single property.
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweeners }\`
+     * @since 1.8
+     */
+    type Tweener<TElement> = (this: Animation<TElement>, propName: string, finalValue: number) => Tween<TElement>;
+
+    /**
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+     * @since 1.8
+     */
+    interface TweenStatic {
+        /**
+         * `jQuery.Tween.propHooks[ prop ]` is a hook point that replaces `jQuery.fx.step[ prop ]` (which is being deprecated.) These hooks are used by the tween to get and set values on elements.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tween-hooks }\`
+         * @since 1.8
+         * @example
+```javascript
+jQuery.Tween.propHooks[ property ] = {
+    get: function( tween ) {
+         // get tween.prop from tween.elem and return it
+    },
+    set: function( tween ) {
+         // set tween.prop on tween.elem to tween.now + tween.unit
+    }
+}
+```
+         */
+        propHooks: PropHooks;
+        /**
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        <TElement>(elem: TElement, options: EffectsOptions<TElement>, prop: string, end: number, easing?: string, unit?: string): Tween<TElement>;
+    }
+
+    /**
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+     * @since 1.8
+     */
+    // This should be a class but doesn't work correctly under the JQuery namespace. Tween should be an inner class of jQuery.
+    interface Tween<TElement> {
+        /**
+         * The easing used
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        easing: string;
+        /**
+         * The element being animated
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        elem: TElement;
+        /**
+         * The ending value of the tween
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        end: number;
+        /**
+         * The current value of the tween
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        now: number;
+        /**
+         * A reference to the animation options
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        options: EffectsOptions<TElement>;
+        // Undocumented. Is this intended to be public?
+        pos?: number;
+        /**
+         * The property being animated
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        prop: string;
+        /**
+         * The starting value of the tween
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        start: number;
+        /**
+         * The CSS unit for the tween
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        unit: string;
+        /**
+         * Reads the current value for property from the element
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        cur(): any;
+        /**
+         * Updates the value for the property on the animated elemd.
+         * @param progress A number from 0 to 1.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tweens }\`
+         * @since 1.8
+         */
+        run(progress: number): this;
+    }
+
+    /**
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tween-hooks }\`
+     * @since 1.8
+     */
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type PropHook<TElement> = {
+        /**
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tween-hooks }\`
+         * @since 1.8
+         */
+        get(tween: Tween<TElement>): any;
+    } | {
+        /**
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tween-hooks }\`
+         * @since 1.8
+         */
+        set(tween: Tween<TElement>): void;
+    } | {
+        [key: string]: never;
+    };
+
+    /**
+     * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#tween-hooks }\`
+     * @since 1.8
+     */
+    interface PropHooks {
+        [property: string]: PropHook<Node>;
+    }
+
+    // #endregion
+
+    // region Easing
+    // #region Easing
+
+    type EasingMethod = (percent: number) => number;
+
+    interface Easings {
+        [name: string]: EasingMethod;
+    }
+
+    // #endregion
+
+    // region Effects (fx)
+    // #region Effects (fx)
+
+    interface Effects {
+        /**
+         * The rate (in milliseconds) at which animations fire.
+         * @see \`{@link https://api.jquery.com/jQuery.fx.interval/ }\`
+         * @since 1.4.3
+         * @deprecated ​ Deprecated since 3.0. See \`{@link https://api.jquery.com/jQuery.fx.interval/ }\`.
+         *
+         * **Cause**: As of jQuery 3.0 the `jQuery.fx.interval` property can be used to change the animation interval only on browsers that do not support the `window.requestAnimationFrame()` method. That is currently only Internet Explorer 9 and the Android Browser. Once support is dropped for these browsers, the property will serve no purpose and it will be removed.
+         *
+         * **Solution**: Find and remove code that changes or uses `jQuery.fx.interval`. If the value is being used by code in your page or a plugin, the code may be making assumptions that are no longer valid. The default value of `jQuery.fx.interval` is `13` (milliseconds), which could be used instead of accessing this property.
+         * @example ​ ````Cause all animations to run with less frames.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.fx.interval demo</title>
+  <style>
+  div {
+    width: 50px;
+    height: 30px;
+    margin: 5px;
+    float: left;
+    background: green;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p><input type="button" value="Run"></p>
+<div></div>
+​
+<script>
+jQuery.fx.interval = 100;
+$( "input" ).click(function() {
+  $( "div" ).toggle( 3000 );
+});
+</script>
+</body>
+</html>
+```
+        */
+        interval: number;
+        /**
+         * Globally disable all animations.
+         * @see \`{@link https://api.jquery.com/jQuery.fx.off/ }\`
+         * @since 1.3
+         * @example ​ ````Toggle animation on and off
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>jQuery.fx.off demo</title>
+  <style>
+  div {
+    width: 50px;
+    height: 30px;
+    margin: 5px;
+    float: left;
+    background: green;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input type="button" value="Run">
+<button>Toggle fx</button>
+<div></div>
+​
+<script>
+var toggleFx = function() {
+  $.fx.off = !$.fx.off;
+};
+toggleFx();
+$( "button" ).click( toggleFx );
+$( "input" ).click(function() {
+  $( "div" ).toggle( "slow" );
+});
+</script>
+</body>
+</html>
+```
+        */
+        off: boolean;
+        /**
+         * @deprecated ​ Deprecated since 1.8. Use \`{@link Tween.propHooks jQuery.Tween.propHooks}\`.
+         *
+         * `jQuery.fx.step` functions are being replaced by `jQuery.Tween.propHooks` and may eventually be removed, but are still supported via the default tween propHook.
+         */
+        step: PlainObject<AnimationHook<Node>>;
+        /**
+         * _overridable_ Clears up the `setInterval`
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#plugging-in-a-different-timer-loop }\`
+         * @since 1.8
+         */
+        stop(): void;
+        /**
+         * Calls `.run()` on each object in the `jQuery.timers` array, removing it from the array if `.run()` returns a falsy value. Calls `jQuery.fx.stop()` whenever there are no timers remaining.
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#plugging-in-a-different-timer-loop }\`
+         * @since 1.8
+         */
+        tick(): void;
+        /**
+         * _overridable_ Creates a `setInterval` if one doesn't already exist, and pushes `tickFunction` to the `jQuery.timers` array. `tickFunction` should also have `anim`, `elem`, and `queue` properties that reference the animation object, animated element, and queue option to facilitate `jQuery.fn.stop()`
+         *
+         * By overriding `fx.timer` and `fx.stop` you should be able to implement any animation tick behaviour you desire. (like using `requestAnimationFrame` instead of `setTimeout`.)
+         *
+         * There is an example of overriding the timer loop in \`{@link https://github.com/gnarf37/jquery-requestAnimationFrame jquery.requestAnimationFrame}\`
+         * @see \`{@link https://gist.github.com/gnarf/54829d408993526fe475#plugging-in-a-different-timer-loop }\`
+         * @since 1.8
+         */
+        timer(tickFunction: TickFunction<any>): void;
+    }
+
+    /**
+     * @deprecated ​ Deprecated since 1.8. Use \`{@link Tween.propHooks jQuery.Tween.propHooks}\`.
+     *
+     * `jQuery.fx.step` functions are being replaced by `jQuery.Tween.propHooks` and may eventually be removed, but are still supported via the default tween propHook.
+     */
+    type AnimationHook<TElement> = (fx: Tween<TElement>) => void;
+
+    interface TickFunction<TElement> {
+        anim: Animation<TElement>;
+        elem: TElement;
+        queue: boolean | string;
+        (): any;
+    }
+
+    // #endregion
+
+    // region Queue
+    // #region Queue
+
+    // TODO: Is the first element always a string or is that specific to the 'fx' queue?
+    type Queue<TElement> = { 0: string; } & Array<QueueFunction<TElement>>;
+
+    type QueueFunction<TElement> = (this: TElement, next: () => void) => void;
+
+    // #endregion
+
+    // region Speed
+    // #region Speed
+
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type SpeedSettings<TElement> = {
+        /**
+         * A string or number determining how long the animation will run.
+         */
+        duration: Duration;
+    } | {
+        /**
+         * A string indicating which easing function to use for the transition.
+         */
+        easing: string;
+    } | {
+        /**
+         * A function to call once the animation is complete.
+         */
+        complete(this: TElement): void;
+    } | {
+        [key: string]: never;
+    };
+
+    // #endregion
+
+    // #endregion
+
+    // region Events
+    // #region Events
+
+    // region Event
+    // #region Event
+
+    // This should be a class but doesn't work correctly under the JQuery namespace. Event should be an inner class of jQuery.
+
+    // Static members
+    interface EventStatic {
+        // tslint:disable-next-line:no-unnecessary-generics
+        <T extends object, TTarget extends EventTarget = HTMLElement>(event: string, properties?: T): Event<TTarget> & T;
+        // tslint:disable-next-line:no-unnecessary-generics
+        <T extends EventLike, TTarget extends EventTarget = HTMLElement>(properties: T): Event<TTarget> & T;
+        // tslint:disable-next-line:no-unnecessary-generics
+        new <T extends object, TTarget extends EventTarget = HTMLElement>(event: string, properties?: T): Event<TTarget> & T;
+        // tslint:disable-next-line:no-unnecessary-generics
+        new <T extends EventLike, TTarget extends EventTarget = HTMLElement>(properties: T): Event<TTarget> & T;
+    }
+
+    // Instance members
+    interface Event {
+        // region Copied properties
+        // #region Copied properties
+
+        // region Event
+        // #region Event
+
+        bubbles?: boolean;
+        cancelable?: boolean;
+        eventPhase?: number;
+
+        // #endregion
+
+        // region UIEvent
+        // #region UIEvent
+
+        detail?: number;
+        view?: Window;
+
+        // #endregion
+
+        // region MouseEvent
+        // #region MouseEvent
+
+        button?: number;
+        buttons?: number;
+        clientX?: number;
+        clientY?: number;
+        offsetX?: number;
+        offsetY?: number;
+        /**
+         * The mouse position relative to the left edge of the document.
+         * @see \`{@link https://api.jquery.com/event.pageX/ }\`
+         * @since 1.0.4
+         * @example ​ ````Show the mouse position relative to the left and top edges of the document (within this iframe).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.pageX demo</title>
+  <style>
+  body {
+    background-color: #eef;
+  }
+  div {
+    padding: 20px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+$( document ).on( "mousemove", function( event ) {
+  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        pageX: number;
+        /**
+         * The mouse position relative to the top edge of the document.
+         * @see \`{@link https://api.jquery.com/event.pageY/ }\`
+         * @since 1.0.4
+         * @example ​ ````Show the mouse position relative to the left and top edges of the document (within this iframe).
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.pageY demo</title>
+  <style>
+  body {
+    background-color: #eef;
+  }
+  div {
+    padding: 20px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+​
+<script>
+$( document ).on( "mousemove", function( event ) {
+  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        pageY: number;
+        screenX?: number;
+        screenY?: number;
+        /** @deprecated */
+        toElement?: Element;
+
+        // #endregion
+
+        // region PointerEvent
+        // #region PointerEvent
+
+        pointerId?: number;
+        pointerType?: string;
+
+        // #endregion
+
+        // region KeyboardEvent
+        // #region KeyboardEvent
+
+        /** @deprecated */
+        char?: string;
+        /** @deprecated */
+        charCode?: number;
+        key?: string;
+        /** @deprecated */
+        keyCode?: number;
+
+        // #endregion
+
+        // region TouchEvent
+        // #region TouchEvent
+
+        changedTouches?: TouchList;
+        targetTouches?: TouchList;
+        touches?: TouchList;
+
+        // #endregion
+
+        // region MouseEvent, KeyboardEvent, TouchEvent
+        // #region MouseEvent, KeyboardEvent, TouchEvent
+
+        altKey?: boolean;
+        ctrlKey?: boolean;
+        /**
+         * Indicates whether the META key was pressed when the event fired.
+         * @see \`{@link https://api.jquery.com/event.metaKey/ }\`
+         * @since 1.0.4
+         * @example ​ ````Determine whether the META key was pressed when the event fired.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.metaKey demo</title>
+  <style>
+  body {
+    background-color: #eef;
+  }
+  div {
+    padding: 20px;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button value="Test" name="Test" id="checkMetaKey">Click me!</button>
+<div id="display"></div>
+​
+<script>
+$( "#checkMetaKey" ).click(function( event ) {
+  $( "#display" ).text( event.metaKey );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        metaKey: boolean;
+        shiftKey?: boolean;
+
+        // #endregion
+
+        // #endregion
+
+        /**
+         * The namespace specified when the event was triggered.
+         * @see \`{@link https://api.jquery.com/event.namespace/ }\`
+         * @since 1.4.3
+         * @example ​ ````Determine the event namespace used.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.namespace demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>display event.namespace</button>
+<p></p>
+​
+<script>
+$( "p" ).on( "test.something", function( event ) {
+  alert( event.namespace );
+});
+$( "button" ).click(function( event ) {
+  $( "p" ).trigger( "test.something" );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        namespace: string;
+        /**
+         * The last value returned by an event handler that was triggered by this event, unless the value was undefined.
+         * @see \`{@link https://api.jquery.com/event.result/ }\`
+         * @since 1.3
+         * @example ​ ````Display previous handler&#39;s return value
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.result demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>display event.result</button>
+<p></p>
+​
+<script>
+$( "button" ).click(function( event ) {
+  return "hey";
+});
+$( "button" ).click(function( event ) {
+  $( "p" ).html( event.result );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        result: any;
+        /**
+         * The difference in milliseconds between the time the browser created the event and January 1, 1970.
+         * @see \`{@link https://api.jquery.com/event.timeStamp/ }\`
+         * @since 1.2.6
+         * @example ​ ````Display the time since the click handler last executed.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.timeStamp demo</title>
+  <style>
+  div {
+    height: 100px;
+    width: 300px;
+    margin: 10px;
+    background-color: #ffd;
+    overflow: auto;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div>Click.</div>
+​
+<script>
+var last, diff;
+$( "div" ).click(function( event ) {
+  if ( last ) {
+    diff = event.timeStamp - last;
+    $( "div" ).append( "time since last event: " + diff + "<br>" );
+  } else {
+    $( "div" ).append( "Click again.<br>" );
+  }
+  last = event.timeStamp;
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        timeStamp: number;
+        /**
+         * Describes the nature of the event.
+         * @see \`{@link https://api.jquery.com/event.type/ }\`
+         * @since 1.0
+         * @example ​ ````On all anchor clicks, alert the event type.
+```javascript
+$( "a" ).click(function( event ) {
+  alert( event.type ); // "click"
+});
+```
+         */
+        type: string;
+        /**
+         * For key or mouse events, this property indicates the specific key or button that was pressed.
+         * @see \`{@link https://api.jquery.com/event.which/ }\`
+         * @since 1.1.3
+         * @example ​ ````Log which key was depressed.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.which demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input id="whichkey" value="type something">
+<div id="log"></div>
+​
+<script>
+$( "#whichkey" ).on( "keydown", function( event ) {
+  $( "#log" ).html( event.type + ": " +  event.which );
+});
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Log which mouse button was depressed.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.which demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<input id="whichkey" value="click here">
+<div id="log"></div>
+​
+<script>
+$( "#whichkey" ).on( "mousedown", function( event ) {
+  $( "#log" ).html( event.type + ": " +  event.which );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        which: number;
+        /**
+         * Returns whether event.preventDefault() was ever called on this event object.
+         * @see \`{@link https://api.jquery.com/event.isDefaultPrevented/ }\`
+         * @since 1.3
+         * @example ​ ````Checks whether event.preventDefault() was called.
+```javascript
+$( "a" ).click(function( event ) {
+  alert( event.isDefaultPrevented() ); // false
+  event.preventDefault();
+  alert( event.isDefaultPrevented() ); // true
+});
+```
+         */
+        isDefaultPrevented(): boolean;
+        /**
+         * Returns whether event.stopImmediatePropagation() was ever called on this event object.
+         * @see \`{@link https://api.jquery.com/event.isImmediatePropagationStopped/ }\`
+         * @since 1.3
+         * @example ​ ````Checks whether event.stopImmediatePropagation() was called.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.isImmediatePropagationStopped demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>click me</button>
+<div id="stop-log"></div>
+  ​
+<script>
+function immediatePropStopped( event ) {
+  var msg = "";
+  if ( event.isImmediatePropagationStopped() ) {
+    msg = "called";
+  } else {
+    msg = "not called";
+  }
+  $( "#stop-log" ).append( "<div>" + msg + "</div>" );
+}
+​
+$( "button" ).click(function( event ) {
+  immediatePropStopped( event );
+  event.stopImmediatePropagation();
+  immediatePropStopped( event );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        isImmediatePropagationStopped(): boolean;
+        /**
+         * Returns whether event.stopPropagation() was ever called on this event object.
+         * @see \`{@link https://api.jquery.com/event.isPropagationStopped/ }\`
+         * @since 1.3
+         * @example ​ ````Checks whether event.stopPropagation() was called
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.isPropagationStopped demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button>click me</button>
+<div id="stop-log"></div>
+  ​
+<script>
+function propStopped( event ) {
+  var msg = "";
+  if ( event.isPropagationStopped() ) {
+    msg = "called";
+  } else {
+    msg = "not called";
+  }
+  $( "#stop-log" ).append( "<div>" + msg + "</div>" );
+}
+​
+$( "button" ).click(function(event) {
+  propStopped( event );
+  event.stopPropagation();
+  propStopped( event );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        isPropagationStopped(): boolean;
+        /**
+         * If this method is called, the default action of the event will not be triggered.
+         * @see \`{@link https://api.jquery.com/event.preventDefault/ }\`
+         * @since 1.0
+         * @example ​ ````Cancel the default action (navigation) of the click.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.preventDefault demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<a href="https://jquery.com">default click action is prevented</a>
+<div id="log"></div>
+​
+<script>
+$( "a" ).click(function( event ) {
+  event.preventDefault();
+  $( "<div>" )
+    .append( "default " + event.type + " prevented" )
+    .appendTo( "#log" );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        preventDefault(): void;
+        /**
+         * Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
+         * @see \`{@link https://api.jquery.com/event.stopImmediatePropagation/ }\`
+         * @since 1.3
+         * @example ​ ````Prevents other event handlers from being called.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.stopImmediatePropagation demo</title>
+  <style>
+  p {
+    height: 30px;
+    width: 150px;
+    background-color: #ccf;
+  }
+  div {
+    height: 30px;
+    width: 150px;
+    background-color: #cfc;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<p>paragraph</p>
+<div>division</div>
+​
+<script>
+$( "p" ).click(function( event ) {
+  event.stopImmediatePropagation();
+});
+$( "p" ).click(function( event ) {
+  // This function won't be executed
+  $( this ).css( "background-color", "#f00" );
+});
+$( "div" ).click(function( event ) {
+  // This function will be executed
+  $( this ).css( "background-color", "#f00" );
+});
+</script>
+​
+</body>
+</html>
+```
+         */
+        stopImmediatePropagation(): void;
+        /**
+         * Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
+         * @see \`{@link https://api.jquery.com/event.stopPropagation/ }\`
+         * @since 1.0
+         * @example ​ ````Kill the bubbling on the click event.
+```javascript
+$( "p" ).click(function( event ) {
+  event.stopPropagation();
+  // Do something
+});
+```
+         */
+        stopPropagation(): void;
+    }
+
+    // Generic members
+    interface Event<
+        TTarget = EventTarget,
+        TData = null
+    > {
+        /**
+         * The current DOM element within the event bubbling phase.
+         * @see \`{@link https://api.jquery.com/event.currentTarget/ }\`
+         * @since 1.3
+         * @example ​ ````Alert that currentTarget matches the `this` keyword.
+```javascript
+$( "p" ).click(function( event ) {
+  alert( event.currentTarget === this ); // true
+});
+```
+         */
+        currentTarget: TTarget;
+        /**
+         * An optional object of data passed to an event method when the current executing handler is bound.
+         * @see \`{@link https://api.jquery.com/event.data/ }\`
+         * @since 1.1
+         * @example ​ ````Within a for loop, pass the value of i to the .on() method so that the current iteration&#39;s value is preserved.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.data demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<button> 0 </button>
+<button> 1 </button>
+<button> 2 </button>
+<button> 3 </button>
+<button> 4 </button>
+​
+<div id="log"></div>
+​
+<script>
+var logDiv = $( "#log" );
+​
+for ( var i = 0; i < 5; i++ ) {
+  $( "button" ).eq( i ).on( "click", { value: i }, function( event ) {
+    var msgs = [
+      "button = " + $( this ).index(),
+      "event.data.value = " + event.data.value,
+      "i = " + i
+    ];
+    logDiv.append( msgs.join( ", " ) + "<br>" );
+  });
+}
+</script>
+​
+</body>
+</html>
+```
+         */
+        data: TData;
+        /**
+         * The element where the currently-called jQuery event handler was attached.
+         * @see \`{@link https://api.jquery.com/event.delegateTarget/ }\`
+         * @since 1.7
+         * @example ​ ````When a button in any box class is clicked, change the box&#39;s background color to red.
+```javascript
+$( ".box" ).on( "click", "button", function( event ) {
+  $( event.delegateTarget ).css( "background-color", "red" );
+});
+```
+         */
+        delegateTarget: TTarget;
+        originalEvent: _Event;
+        /**
+         * The other DOM element involved in the event, if any.
+         * @see \`{@link https://api.jquery.com/event.relatedTarget/ }\`
+         * @since 1.1.4
+         * @example ​ ````On mouseout of anchors, alert the element type being entered.
+```javascript
+$( "a" ).mouseout(function( event ) {
+  alert( event.relatedTarget.nodeName ); // "DIV"
+});
+```
+         */
+        relatedTarget: TTarget | null;
+        /**
+         * The DOM element that initiated the event.
+         * @see \`{@link https://api.jquery.com/event.target/ }\`
+         * @since 1.0
+         * @example ​ ````Display the tag&#39;s name on click
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.target demo</title>
+  <style>
+  span, strong, p {
+    padding: 8px;
+    display: block;
+    border: 1px solid #999;
+  }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<div id="log"></div>
+<div>
+  <p>
+    <strong><span>click</span></strong>
+  </p>
+</div>
+​
+<script>
+$( "body" ).click(function( event ) {
+  $( "#log" ).html( "clicked: " + event.target.nodeName );
+});
+</script>
+​
+</body>
+</html>
+```
+         * @example ​ ````Implements a simple event delegation: The click handler is added to an unordered list, and the children of its li children are hidden. Clicking one of the li children toggles (see toggle()) their children.
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>event.target demo</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+</head>
+<body>
+​
+<ul>
+  <li>item 1
+    <ul>
+      <li>sub item 1-a</li>
+      <li>sub item 1-b</li>
+    </ul>
+  </li>
+  <li>item 2
+    <ul>
+      <li>sub item 2-a</li>
+      <li>sub item 2-b</li>
+    </ul>
+  </li>
+</ul>
+​
+<script>
+function handler( event ) {
+  var target = $( event.target );
+  if ( target.is( "li" ) ) {
+    target.children().toggle();
+  }
+}
+$( "ul" ).click( handler ).find( "ul" ).hide();
+</script>
+​
+</body>
+</html>
+```
+         */
+        target: TTarget;
+    }
+
+    interface EventLike {
+        type: string;
+    }
+
+    // #endregion
+
+    interface EventHandler<TCurrentTarget, TData = null> extends EventHandlerBase<TCurrentTarget, Event<TCurrentTarget, TData>> { }
+
+    // Extra parameters can be passed from trigger()
+    type EventHandlerBase<TContext, T> = (this: TContext, t: T, ...args: any[]) => any;
+
+    // region Event extensions
+    // #region Event extensions
+
+    interface EventExtensions {
+        /**
+         * jQuery defines an \`{@link https://api.jquery.com/category/events/event-object/ Event object}\` that represents a cross-browser subset of the information available when an event occurs. The `jQuery.event.props` property is an array of string names for properties that are always copied when jQuery processes a native browser event. (Events fired in code by `.trigger()` do not use this list, since the code can construct a `jQuery.Event` object with the needed values and trigger using that object.)
+         *
+         * To add a property name to this list, use `jQuery.event.props.push( "newPropertyName" )`. However, be aware that every event processed by jQuery will now attempt to copy this property name from the native browser event to jQuery's constructed event. If the property does not exist for that event type, it will get an undefined value. Adding many properties to this list can significantly reduce event delivery performance, so for infrequently-needed properties it is more efficient to use the value directly from `event.originalEvent` instead. If properties must be copied, you are strongly advised to use `jQuery.event.fixHooks` as of version 1.7.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#jquery-event-props-array }\`
+         */
+        props: string[];
+        /**
+         * The `fixHooks` interface provides a per-event-type way to extend or normalize the event object that jQuery creates when it processes a _native_ browser event.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#jquery-event-fixhooks-object }\`
+         */
+        fixHooks: FixHooks;
+        /**
+         * The jQuery special event hooks are a set of per-event-name functions and properties that allow code to control the behavior of event processing within jQuery. The mechanism is similar to `fixHooks` in that the special event information is stored in `jQuery.event.special.NAME`, where `NAME` is the name of the special event. Event names are case sensitive.
+         *
+         * As with `fixHooks`, the special event hooks design assumes it will be very rare that two unrelated pieces of code want to process the same event name. Special event authors who need to modify events with existing hooks will need to take precautions to avoid introducing unwanted side-effects by clobbering those hooks.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#special-event-hooks }\`
+         */
+        special: SpecialEventHooks;
+    }
+
+    // region Fix hooks
+    // #region Fix hooks
+
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type FixHook = {
+        /**
+         * Strings representing properties that should be copied from the browser's event object to the jQuery event object. If omitted, no additional properties are copied beyond the standard ones that jQuery copies and normalizes (e.g. `event.target` and `event.relatedTarget`).
+         */
+        props: string[];
+    } | {
+        /**
+         * jQuery calls this function after it constructs the `jQuery.Event` object, copies standard properties from `jQuery.event.props`, and copies the `fixHooks`-specific props (if any) specified above. The function can create new properties on the event object or modify existing ones. The second argument is the browser's native event object, which is also available in `event.originalEvent`.
+         *
+         * Note that for all events, the browser's native event object is available in `event.originalEvent`; if the jQuery event handler examines the properties there instead of jQuery's normalized `event` object, there is no need to create a `fixHooks` entry to copy or modify the properties.
+         * @example ​ ````For example, to set a hook for the "drop" event that copies the `dataTransfer` property, assign an object to `jQuery.event.fixHooks.drop`:
+```javascript
+jQuery.event.fixHooks.drop = {
+    props: [ "dataTransfer" ]
+};
+```
+
+Since fixHooks is an advanced feature and rarely used externally, jQuery does not include code or
+interfaces to deal with conflict resolution. If there is a chance that some other code may be assigning
+`fixHooks` to the same events, the code should check for an existing hook and take appropriate measures.
+A simple solution might look like this:
+
+```javascript
+if ( jQuery.event.fixHooks.drop ) {
+    throw new Error( "Someone else took the jQuery.event.fixHooks.drop hook!" );
+}
+
+jQuery.event.fixHooks.drop = {
+    props: [ "dataTransfer" ]
+};
+```
+
+When there are known cases of different plugins wanting to attach to the drop hook, this solution might be more appropriate:
+
+```javascript
+var existingHook = jQuery.event.fixHooks.drop;
+
+if ( !existingHook ) {
+    jQuery.event.fixHooks.drop = {
+        props: [ "dataTransfer" ]
+    };
+} else {
+    if ( existingHook.props ) {
+        existingHook.props.push( "dataTransfer" );
+    } else {
+        existingHook.props = [ "dataTransfer" ];
+    }
+}
+```
+         */
+        filter(event: Event, originalEvent: _Event): void;
+    } | {
+        [key: string]: never;
+    };
+
+    /**
+     * The `fixHooks` interface provides a per-event-type way to extend or normalize the event object that jQuery creates when it processes a _native_ browser event.
+     * @see \`{@link https://learn.jquery.com/events/event-extensions/#jquery-event-fixhooks-object }\`
+     */
+    interface FixHooks {
+        [event: string]: FixHook;
+    }
+
+    // #endregion
+
+    // region Special event hooks
+    // #region Special event hooks
+
+    /**
+     * The jQuery special event hooks are a set of per-event-name functions and properties that allow code to control the behavior of event processing within jQuery. The mechanism is similar to `fixHooks` in that the special event information is stored in `jQuery.event.special.NAME`, where `NAME` is the name of the special event. Event names are case sensitive.
+     *
+     * As with `fixHooks`, the special event hooks design assumes it will be very rare that two unrelated pieces of code want to process the same event name. Special event authors who need to modify events with existing hooks will need to take precautions to avoid introducing unwanted side-effects by clobbering those hooks.
+     * @see \`{@link https://learn.jquery.com/events/event-extensions/#special-event-hooks }\`
+     */
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type SpecialEventHook<TTarget, TData> = {
+        /**
+         * Indicates whether this event type should be bubbled when the `.trigger()` method is called; by default it is `false`, meaning that a triggered event will bubble to the element's parents up to the document (if attached to a document) and then to the window. Note that defining `noBubble` on an event will effectively prevent that event from being used for delegated events with `.trigger()`.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#nobubble-boolean }\`
+         */
+        noBubble: boolean;
+    } | {
+        /**
+         * When defined, these string properties specify that a special event should be handled like another event type until the event is delivered. The `bindType` is used if the event is attached directly, and the `delegateType` is used for delegated events. These types are generally DOM event types, and _should not_ be a special event themselves.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#bindtype-string-delegatetype-string }\`
+         */
+        bindType: string;
+    } | {
+        /**
+         * When defined, these string properties specify that a special event should be handled like another event type until the event is delivered. The `bindType` is used if the event is attached directly, and the `delegateType` is used for delegated events. These types are generally DOM event types, and _should not_ be a special event themselves.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#bindtype-string-delegatetype-string }\`
+         */
+        delegateType: string;
+    } | {
+        /**
+         * The setup hook is called the first time an event of a particular type is attached to an element; this provides the hook an opportunity to do processing that will apply to all events of this type on this element. The `this` keyword will be a reference to the element where the event is being attached and `eventHandle` is jQuery's event handler function. In most cases the `namespaces` argument should not be used, since it only represents the namespaces of the _first_ event being attached; subsequent events may not have this same namespaces.
+         *
+         * This hook can perform whatever processing it desires, including attaching its own event handlers to the element or to other elements and recording setup information on the element using the `jQuery.data()` method. If the setup hook wants jQuery to add a browser event (via `addEventListener` or `attachEvent`, depending on browser) it should return `false`. In all other cases, jQuery will not add the browser event, but will continue all its other bookkeeping for the event. This would be appropriate, for example, if the event was never fired by the browser but invoked by `.trigger()`. To attach the jQuery event handler in the setup hook, use the `eventHandle` argument.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#setup-function-data-object-namespaces-eventhandle-function }\`
+         */
+        setup(this: TTarget, data: TData, namespaces: string, eventHandle: EventHandler<TTarget, TData>): void | false;
+    } | {
+        /**
+         * The teardown hook is called when the final event of a particular type is removed from an element. The `this` keyword will be a reference to the element where the event is being cleaned up. This hook should return `false` if it wants jQuery to remove the event from the browser's event system (via `removeEventListener` or `detachEvent`). In most cases, the setup and teardown hooks should return the same value.
+         *
+         * If the setup hook attached event handlers or added data to an element through a mechanism such as `jQuery.data()`, the teardown hook should reverse the process and remove them. jQuery will generally remove the data and events when an element is totally removed from the document, but failing to remove data or events on teardown will cause a memory leak if the element stays in the document.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#teardown-function }\`
+         */
+        teardown(this: TTarget): void | false;
+    } | {
+        /**
+         * Each time an event handler is added to an element through an API such as `.on()`, jQuery calls this hook. The `this` keyword will be the element to which the event handler is being added, and the `handleObj` argument is as described in the section above. The return value of this hook is ignored.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#add-function-handleobj }\`
+         */
+        add(this: TTarget, handleObj: HandleObject<TTarget, TData>): void;
+    } | {
+        /**
+         * When an event handler is removed from an element using an API such as `.off()`, this hook is called. The `this` keyword will be the element where the handler is being removed, and the `handleObj` argument is as described in the section above. The return value of this hook is ignored.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#remove-function-handleobj }\`
+         */
+        remove(this: TTarget, handleObj: HandleObject<TTarget, TData>): void;
+    } | {
+        /**
+         * Called when the `.trigger()` or `.triggerHandler()` methods are used to trigger an event for the special type from code, as opposed to events that originate from within the browser. The `this` keyword will be the element being triggered, and the event argument will be a `jQuery.Event` object constructed from the caller's input. At minimum, the event type, data, namespace, and target properties are set on the event. The data argument represents additional data passed by `.trigger()` if present.
+         *
+         * The trigger hook is called early in the process of triggering an event, just after the `jQuery.Event` object is constructed and before any handlers have been called. It can process the triggered event in any way, for example by calling `event.stopPropagation()` or `event.preventDefault()` before returning. If the hook returns `false`, jQuery does not perform any further event triggering actions and returns immediately. Otherwise, it performs the normal trigger processing, calling any event handlers for the element and bubbling the event (unless propagation is stopped in advance or `noBubble` was specified for the special event) to call event handlers attached to parent elements.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#trigger-function-event-jquery-event-data-object }\`
+         */
+        trigger(this: TTarget, event: Event<TTarget, TData>, data: TData): void | false;
+    } | {
+        /**
+         * When the `.trigger()` method finishes running all the event handlers for an event, it also looks for and runs any method on the target object by the same name unless of the handlers called `event.preventDefault()`. So, `.trigger( "submit" )` will execute the `submit()` method on the element if one exists. When a `_default` hook is specified, the hook is called just prior to checking for and executing the element's default method. If this hook returns the value `false` the element's default method will be called; otherwise it is not.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#_default-function-event-jquery-event-data-object }\`
+         */
+        _default(event: Event<TTarget, TData>, data: TData): void | false;
+    } | {
+        /**
+         * jQuery calls a handle hook when the event has occurred and jQuery would normally call the user's event handler specified by `.on()` or another event binding method. If the hook exists, jQuery calls it _instead_ of that event handler, passing it the event and any data passed from `.trigger()` if it was not a native event. The `this` keyword is the DOM element being handled, and `event.handleObj` property has the detailed event information.
+         *
+         * Based in the information it has, the handle hook should decide whether to call the original handler function which is in `event.handleObj.handler`. It can modify information in the event object before calling the original handler, but _must restore_ that data before returning or subsequent unrelated event handlers may act unpredictably. In most cases, the handle hook should return the result of the original handler, but that is at the discretion of the hook. The handle hook is unique in that it is the only special event function hook that is called under its original special event name when the type is mapped using `bindType` and `delegateType`. For that reason, it is almost always an error to have anything other than a handle hook present if the special event defines a `bindType` and `delegateType`, since those other hooks will never be called.
+         * @see \`{@link https://learn.jquery.com/events/event-extensions/#handle-function-event-jquery-event-data-object }\`
+         */
+        handle(this: TTarget, event: Event<TTarget, TData> & { handleObj: HandleObject<TTarget, TData>; }, ...data: TData[]): void;
+    } | {
+        preDispatch(this: TTarget, event: Event<TTarget, TData>): false | void;
+    } | {
+        postDispatch(this: TTarget, event: Event<TTarget, TData>): void;
+    } | {
+        [key: string]: never;
+    };
+
+    interface SpecialEventHooks {
+        [event: string]: SpecialEventHook<EventTarget, any>;
+    }
+
+    /**
+     * Many of the special event hook functions below are passed a `handleObj` object that provides more information about the event, how it was attached, and its current state. This object and its contents should be treated as read-only data, and only the properties below are documented for use by special event handlers.
+     * @see \`{@link https://learn.jquery.com/events/event-extensions/#the-handleobj-object }\`
+     */
+    interface HandleObject<TTarget, TData> {
+        /**
+         * The type of event, such as `"click"`. When special event mapping is used via `bindType` or `delegateType`, this will be the mapped type.
+         */
+        readonly type: string;
+        /**
+         * The original type name regardless of whether it was mapped via `bindType` or `delegateType`. So when a "pushy" event is mapped to "click" its `origType` would be "pushy".
+         */
+        readonly origType: string;
+        /**
+         * Namespace(s), if any, provided when the event was attached, such as `"myPlugin"`. When multiple namespaces are given, they are separated by periods and sorted in ascending alphabetical order. If no namespaces are provided, this property is an empty string.
+         */
+        readonly namespace: string;
+        /**
+         * For delegated events, this is the selector used to filter descendant elements and determine if the handler should be called. For directly bound events, this property is `null`.
+         */
+        readonly selector: string | undefined | null;
+        /**
+         * The data, if any, passed to jQuery during event binding, e.g. `{ myData: 42 }`. If the data argument was omitted or `undefined`, this property is `undefined` as well.
+         */
+        readonly data: TData;
+        /**
+         * Event handler function passed to jQuery during event binding. If `false` was passed during event binding, the handler refers to a single shared function that simply returns `false`.
+         */
+        readonly handler: EventHandler<TTarget, TData>;
+    }
+
+    // #endregion
+
+    // #endregion
+
+    // #endregion
+
+    interface NameValuePair {
+        name: string;
+        value: string;
+    }
+
+    // region Coordinates
+    // #region Coordinates
+
+    interface Coordinates {
+        left: number;
+        top: number;
+    }
+
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type CoordinatesPartial =
+        Pick<Coordinates, 'left'> |
+        Pick<Coordinates, 'top'> |
+        { [key: string]: never; };
+
+    // #endregion
+
+    // region Val hooks
+    // #region Val hooks
+
+    // Workaround for TypeScript 2.3 which does not have support for weak types handling.
+    type ValHook<TElement> = {
+        get(elem: TElement): any;
+    } | {
+        set(elem: TElement, value: any): any;
+    } | {
+        [key: string]: never;
+    };
+
+    interface ValHooks {
+        // Set to HTMLElement to minimize breaks but should probably be Element.
+        [nodeName: string]: ValHook<HTMLElement>;
+    }
+
+    // #endregion
+
+    type _Falsy = false | null | undefined | 0 | '' | typeof document.all;
+}
+
+declare const jQuery: JQueryStatic;
+declare const $: JQueryStatic;
+
+// Used by JQuery.Event
+type _Event = Event;
+
+// region ES5 compatibility
+// #region ES5 compatibility
+
+// Forward declaration of `Iterable<T>`.
+// tslint:disable-next-line:no-empty-interface
+interface Iterable<T> { }
+
+interface SymbolConstructor {
+    /**
+     * A String value that is used in the creation of the default string description of an object.
+     * Called by the built-in method Object.prototype.toString.
+     */
+    readonly toStringTag: symbol;
+}
+
+declare var Symbol: SymbolConstructor;
+
+// #endregion
diff --git a/types/jquery/test/example-tests.ts b/types/jquery/test/example-tests.ts
index 60fbd431bb..7ecb1733a7 100644
--- a/types/jquery/test/example-tests.ts
+++ b/types/jquery/test/example-tests.ts
@@ -2334,7 +2334,9 @@ function examples() {
     }
 
     function jQuery_contains_0() {
+        // tslint:disable-next-line no-unnecessary-type-assertion
         $.contains(document.documentElement!, document.body); // true
+        // tslint:disable-next-line no-unnecessary-type-assertion
         $.contains(document.body, document.documentElement!); // false
     }
 
diff --git a/types/jquery/test/learn-tests.ts b/types/jquery/test/learn-tests.ts
index ef52084da5..8ef5eb2cfa 100644
--- a/types/jquery/test/learn-tests.ts
+++ b/types/jquery/test/learn-tests.ts
@@ -7,7 +7,8 @@ interface JQuery {
 }
 
 interface GreenifyPlugin {
-   (this: JQuery): void;
+    // tslint:disable-next-line:callable-types
+    (this: JQuery): void;
 }
 
 jQuery.fn.greenify = function() {
@@ -15,3 +16,63 @@ jQuery.fn.greenify = function() {
 };
 
 jQuery("a").greenify(); // Makes all the links green.
+
+// https://learn.jquery.com/events/event-extensions/
+
+// Events
+
+function fixHooks() {
+    function setHook() {
+        jQuery.event.fixHooks.drop = {
+            props: ["dataTransfer"]
+        };
+    }
+
+    function conflictResolution() {
+        if (jQuery.event.fixHooks.drop) {
+            throw new Error("Someone else took the jQuery.event.fixHooks.drop hook!");
+        }
+
+        jQuery.event.fixHooks.drop = {
+            props: ["dataTransfer"]
+        };
+    }
+}
+
+function special() {
+    function defineSpecialEvent() {
+        jQuery.event.special.pushy = {
+            bindType: "click",
+            delegateType: "click"
+        };
+    }
+
+    function handleObj() {
+        jQuery.event.special.multiclick = {
+            delegateType: "click",
+            bindType: "click",
+            handle(event) {
+                const handleObj = event.handleObj;
+                const targetData = jQuery.data(event.target);
+                let ret = null;
+
+                // If a multiple of the click count, run the handler
+                targetData.clicks = (targetData.clicks || 0) + 1;
+
+                if (targetData.clicks % event.data.clicks === 0) {
+                    event.type = handleObj.origType;
+                    ret = handleObj.handler.apply(this, arguments);
+                    event.type = handleObj.type;
+                    return ret;
+                }
+            }
+        };
+
+        // Sample usage
+        $("p").on("multiclick", {
+            clicks: 3
+        }, () => {
+            alert("clicked 3 times");
+        });
+    }
+}
diff --git a/types/jquery/test/longdesc-tests.ts b/types/jquery/test/longdesc-tests.ts
index 5275191b5b..bb3bb4c83c 100644
--- a/types/jquery/test/longdesc-tests.ts
+++ b/types/jquery/test/longdesc-tests.ts
@@ -1,3 +1,4 @@
+// tslint:disable:ban-types
 // tslint:disable:no-var-keyword
 // tslint:disable:object-literal-key-quotes
 // tslint:disable:object-literal-shorthand
@@ -951,8 +952,10 @@ function longdesc() {
 
     function jquery_ajax_transport_2() {
         $.ajaxTransport('script', function(options, originalOptions, jqXHR) {
+            let transport: JQuery.Transport = undefined!;
+
             // Will only be called for script requests
-            return {} as JQuery.Transport;
+            return transport;
         });
     }
 
@@ -1291,7 +1294,7 @@ function longdesc() {
             if (borderRadius && borderRadius !== 'borderRadius') {
                 $.cssHooks.borderRadius = {
                     get: function(elem, computed, extra) {
-                        return $.css(elem, borderRadius);
+                        return $.css(elem, borderRadius!);
                     },
                     set: function(elem, value) {
                         (<any> elem.style)[borderRadius!] = value;
@@ -1341,7 +1344,7 @@ function longdesc() {
 
     function jquery_css_hooks_6() {
         $.fx.step.someCSSProp = function(fx) {
-            $.cssHooks.someCSSProp.set(fx.elem as HTMLElement, fx.now + fx.unit);
+            $.cssHooks.someCSSProp.set!(fx.elem as HTMLElement, fx.now + fx.unit);
         };
     }
 
diff --git a/types/jquery/tsconfig.json b/types/jquery/tsconfig.json
index 86c99c452f..8b159bc81f 100644
--- a/types/jquery/tsconfig.json
+++ b/types/jquery/tsconfig.json
@@ -20,6 +20,7 @@
     },
     "files": [
         "index.d.ts",
+        "dist/jquery.slim.d.ts",
         "jquery-tests.ts",
         "test/example-tests.ts",
         "test/longdesc-tests.ts",
diff --git a/types/jquery/tslint.json b/types/jquery/tslint.json
index 93e1f3e072..f93cf8562a 100644
--- a/types/jquery/tslint.json
+++ b/types/jquery/tslint.json
@@ -1,12 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "callable-types": false,
-        "interface-name": false,
-        "no-any-union": false,
-        "no-declare-current-package": false,
-
-        "ban-types": false,
-        "no-object-literal-type-assertion": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/jquery/v1/jquery-tests.ts b/types/jquery/v1/jquery-tests.ts
index d00c075125..bb13b8c215 100644
--- a/types/jquery/v1/jquery-tests.ts
+++ b/types/jquery/v1/jquery-tests.ts
@@ -2715,7 +2715,7 @@ function test_fn_extend() {
 }
 
 function test_jquery() {
-    var a = <any>{ what: "A regular JS object" },
+    var a: any = { what: "A regular JS object" },
     b = $('body');
     if (a.jquery) {
         alert(' a is a jQuery object! ');
diff --git a/types/jquery/v2/index.d.ts b/types/jquery/v2/index.d.ts
index 15709d6357..1b1d9cf75f 100644
--- a/types/jquery/v2/index.d.ts
+++ b/types/jquery/v2/index.d.ts
@@ -824,7 +824,7 @@ interface JQueryStatic {
      * @see {@link https://api.jquery.com/jQuery.ajaxTransport/}
      */
     ajaxTransport(dataType: string, handler: (opts: any, originalOpts: JQueryAjaxSettings, jqXHR: JQueryXHR) => any): void;
-    
+
     ajaxSettings: JQueryAjaxSettings;
 
      /**
@@ -1403,16 +1403,6 @@ interface JQueryStatic {
      */
     unique<T extends Element>(array: T[]): T[];
 
-    /**
-     * Parses a string into an array of DOM nodes.
-     *
-     * @param data HTML string to be parsed
-     * @param context DOM element to serve as the context in which the HTML fragment will be created
-     * @param keepScripts A Boolean indicating whether to include scripts passed in the HTML string
-     * @see {@link https://api.jquery.com/jQuery.parseHTML/}
-     */
-    parseHTML(data: string, context?: HTMLElement, keepScripts?: boolean): any[];
-
     /**
      * Parses a string into an array of DOM nodes.
      *
@@ -3286,7 +3276,7 @@ interface JQuery {
      * @name toArray
      * @see {@link https://api.jquery.com/toArray/}
      */
-    toArray(): HTMLElement[];
+    toArray(): Element[];
 
     /**
      * Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.
@@ -3353,13 +3343,13 @@ interface JQuery {
      * @param index A zero-based integer indicating which element to retrieve.
      * @see {@link https://api.jquery.com/get/#get-index}
      */
-    get(index: number): HTMLElement;
+    get(index: number): Element;
     /**
      * Retrieve the elements matched by the jQuery object.
      * @alias toArray
      * @see {@link https://api.jquery.com/get/#get}
      */
-    get(): HTMLElement[];
+    get(): Element[];
 
     /**
      * Search for a given element from among the matched elements.
diff --git a/types/jquery/v2/jquery-tests.ts b/types/jquery/v2/jquery-tests.ts
index d00c075125..01a06c62a8 100644
--- a/types/jquery/v2/jquery-tests.ts
+++ b/types/jquery/v2/jquery-tests.ts
@@ -2715,7 +2715,7 @@ function test_fn_extend() {
 }
 
 function test_jquery() {
-    var a = <any>{ what: "A regular JS object" },
+    var a: any = { what: "A regular JS object" },
     b = $('body');
     if (a.jquery) {
         alert(' a is a jQuery object! ');
@@ -3554,3 +3554,11 @@ function test_promise_then_not_return_deferred() {
   promise = promise.fail();
   promise = promise.always();
 }
+
+function test_element() {
+    const itemEl = $('#item')[0];
+    $('li').toArray().indexOf(itemEl);
+    $('li').get().indexOf(itemEl);
+    let otherItemEl = $('li').get(0);
+    otherItemEl = itemEl;
+}
diff --git a/types/jqueryui/index.d.ts b/types/jqueryui/index.d.ts
index 7dca429ce4..cc164360c0 100644
--- a/types/jqueryui/index.d.ts
+++ b/types/jqueryui/index.d.ts
@@ -64,6 +64,7 @@ declare namespace JQueryUI {
          * The item selected from the menu, if any. Otherwise the property is null
          */
         item?: any;
+        content?: any;
     }
 
     interface AutocompleteEvent {
@@ -1856,7 +1857,9 @@ interface JQuery {
     tabs(): JQuery;
     tabs(methodName: 'destroy'): void;
     tabs(methodName: 'disable'): void;
+    tabs(methodName: 'disable', index: number): void;
     tabs(methodName: 'enable'): void;
+    tabs(methodName: 'enable', index: number): void;
     tabs(methodName: 'load', index: number): void;
     tabs(methodName: 'refresh'): void;
     tabs(methodName: 'widget'): JQuery;
diff --git a/types/jqueryui/tslint.json b/types/jqueryui/tslint.json
index 22ecc7ce6f..ca9116c788 100644
--- a/types/jqueryui/tslint.json
+++ b/types/jqueryui/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/js-beautify/js-beautify-tests.ts b/types/js-beautify/js-beautify-tests.ts
index f421052503..34cd9d8f13 100644
--- a/types/js-beautify/js-beautify-tests.ts
+++ b/types/js-beautify/js-beautify-tests.ts
@@ -4,9 +4,9 @@ bCss = js_beautify.css_beautify("body{display:none;}");
 let bHtml = js_beautify.html("<div/>");
 bHtml = js_beautify.html_beautify("<div/>");
 
-let optHtml = <HTMLBeautifyOptions> {};
-let optCss = <CSSBeautifyOptions> {};
-let optjs = <JsBeautifyOptions> {};
+let optHtml: HTMLBeautifyOptions = {};
+let optCss: CSSBeautifyOptions = {};
+let optjs: JsBeautifyOptions = {};
 
 var simple: string = js_beautify("console.log('Hello world!');");
 var full: string = js_beautify(
diff --git a/types/js-money/tslint.json b/types/js-money/tslint.json
index 3db14f85ea..42522eff7e 100644
--- a/types/js-money/tslint.json
+++ b/types/js-money/tslint.json
@@ -1 +1,9 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "dt-header": false,
+        "eofline": false,
+        "no-unnecessary-qualifier": false
+    }
+}
diff --git a/types/js-search/tslint.json b/types/js-search/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/js-search/tslint.json
+++ b/types/js-search/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/js-url/index.d.ts b/types/js-url/index.d.ts
index d5bf93257d..69583e1553 100644
--- a/types/js-url/index.d.ts
+++ b/types/js-url/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for url v1.8.6
 // Project: https://github.com/websanova/js-url
-// Definitions by: MIZUNE Pine <https://github.com/pine613>
+// Definitions by: Pine Mizune <https://github.com/pine>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 interface UrlStatic {
diff --git a/types/jschannel/index.d.ts b/types/jschannel/index.d.ts
index 42145531ea..ba1ce6f61d 100644
--- a/types/jschannel/index.d.ts
+++ b/types/jschannel/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for jschannel 1.0
 // Project: https://github.com/yochannah/jschannel
 // Definitions by: Yitzchok Gottlieb <https://github.com/yitzchok>
+//                 McFlat <https://github.com/McFlat>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
@@ -25,7 +26,7 @@ export interface Message {
 }
 
 export interface ChannelConfiguration {
-    window: any;
+    window: Window;
     origin: string;
     scope: string;
     debugOutput?: boolean;
diff --git a/types/jschannel/jschannel-tests.ts b/types/jschannel/jschannel-tests.ts
index eabd150bf2..c618eea253 100644
--- a/types/jschannel/jschannel-tests.ts
+++ b/types/jschannel/jschannel-tests.ts
@@ -1,3 +1,3 @@
 import { build } from 'jschannel';
 
-build({ window: null, origin: "*", scope: "testScope"});
+build({ window, origin: "*", scope: "testScope"});
diff --git a/types/jschannel/tsconfig.json b/types/jschannel/tsconfig.json
index 58b8ca059e..e8988e8fe1 100644
--- a/types/jschannel/tsconfig.json
+++ b/types/jschannel/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
@@ -20,4 +21,4 @@
         "index.d.ts",
         "jschannel-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/jsdom/index.d.ts b/types/jsdom/index.d.ts
index 1aa9750fbc..dec74af1ba 100644
--- a/types/jsdom/index.d.ts
+++ b/types/jsdom/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for jsdom 11.12
+// Type definitions for jsdom 12.2
 // Project: https://github.com/tmpvar/jsdom#readme
 // Definitions by: Leonard Thieu <https://github.com/leonard-thieu>
 //                 Johan Palmfjord <https://github.com/palmfjord>
@@ -65,7 +65,7 @@ export interface Options {
      */
     includeNodeLocations?: boolean;
     runScripts?: 'dangerously' | 'outside-only';
-    resources?: 'usable';
+    resources?: 'usable' | ResourceLoader;
     virtualConsole?: VirtualConsole;
     cookieJar?: CookieJar;
     beforeParse?(window: DOMWindow): void;
@@ -287,3 +287,22 @@ export interface ReconfigureSettings {
     windowTop?: DOMWindow;
     url?: string;
 }
+
+export interface FetchOptions {
+    cookieJar?: CookieJar;
+    referrer?: string;
+    accept?: string;
+    element?: HTMLScriptElement | HTMLLinkElement | HTMLIFrameElement | HTMLImageElement;
+}
+
+export interface ResourceLoaderConstructorOptions {
+    strictSSL?: boolean;
+    proxy?: string;
+    userAgent?: string;
+}
+
+export class ResourceLoader {
+    fetch(url: string, options: FetchOptions): Promise<Buffer> | null;
+
+    constructor(obj?: ResourceLoaderConstructorOptions);
+}
diff --git a/types/jsdom/jsdom-tests.ts b/types/jsdom/jsdom-tests.ts
index da82b2db7c..1420723b8d 100644
--- a/types/jsdom/jsdom-tests.ts
+++ b/types/jsdom/jsdom-tests.ts
@@ -1,4 +1,4 @@
-import { JSDOM, VirtualConsole, CookieJar, FromUrlOptions, FromFileOptions, DOMWindow } from 'jsdom';
+import { JSDOM, VirtualConsole, CookieJar, FromUrlOptions, FromFileOptions, DOMWindow, ResourceLoader, FetchOptions } from 'jsdom';
 import { CookieJar as ToughCookieJar, MemoryCookieStore } from 'tough-cookie';
 import { Script } from 'vm';
 
@@ -82,6 +82,7 @@ function test_serialize() {
     dom.serialize() === '<!DOCTYPE html><html><head></head><body>hello</body></html>';
 
     // Contrast with:
+    // tslint:disable-next-line no-unnecessary-type-assertion
     dom.window.document.documentElement!.outerHTML === '<html><head></head><body>hello</body></html>';
 }
 
@@ -119,7 +120,7 @@ function test_runVMScript() {
     dom.runVMScript(s);
     dom.runVMScript(s);
 
-    (<any> dom.window).ran === 3;
+    (dom.window as any).ran === 3;
 }
 
 function test_reconfigure() {
@@ -168,3 +169,16 @@ function test_fragment_serialization() {
         }
     }
 }
+
+function test_custom_resource_loader() {
+    class CustomResourceLoader extends ResourceLoader {
+        fetch(url: string, options: FetchOptions) {
+          if (options.element) {
+            console.log(`Element ${options.element.localName} is requesting the url ${url}`);
+          }
+
+          return super.fetch(url, options);
+        }
+    }
+    new JSDOM('', { resources: new CustomResourceLoader() });
+}
diff --git a/types/jsen/jsen-tests.ts b/types/jsen/jsen-tests.ts
index 16cded3688..20264b8818 100644
--- a/types/jsen/jsen-tests.ts
+++ b/types/jsen/jsen-tests.ts
@@ -2238,7 +2238,7 @@ const doesNotThrow = (func: Function) => {
         {
             let schema = { format: 'custom' },
                 callCount = 0,
-                options = <JsenSettings>{
+                options = {
                     formats: {
                         custom: () => {
                             callCount++;
@@ -2275,7 +2275,7 @@ const doesNotThrow = (func: Function) => {
                     maximum: 10
                 },
                 callCount = 0,
-                options = <JsenSettings>{
+                options = {
                     formats: {
                         custom: () => {
                             callCount++;
@@ -2311,7 +2311,7 @@ const doesNotThrow = (func: Function) => {
                         },
                         format: 'passwordsMatch'
                     },
-                    options = <JsenSettings>{
+                    options = {
                         formats: {
                             passwordsMatch: (obj: any) => {
                                 callCount++;
diff --git a/types/jsforce/connection.d.ts b/types/jsforce/connection.d.ts
index 60716753ae..3bd0ea177b 100644
--- a/types/jsforce/connection.d.ts
+++ b/types/jsforce/connection.d.ts
@@ -12,6 +12,7 @@ import { Bulk } from './bulk';
 import { Cache } from './cache'
 import { OAuth2, Streaming } from '.';
 import { HttpApiOptions } from './http-api'
+import { LimitsInfo } from './limits-info';
 
 export type Callback<T> = (err: Error | null, result: T) => void;
 // The type for these options was determined by looking at the usage
@@ -160,9 +161,13 @@ export class Connection extends BaseConnection {
     login(user: string, password: string, callback?: (err: Error, res: UserInfo) => void): Promise<UserInfo>;
     loginByOAuth2(user: string, password: string, callback?: (err: Error, res: UserInfo) => void): Promise<UserInfo>;
     loginBySoap(user: string, password: string, callback?: (err: Error, res: UserInfo) => void): Promise<UserInfo>;
+    logout(revoke: boolean, callback?: (err: Error, res: undefined) => void): Promise<void>;
     logout(callback?: (err: Error, res: undefined) => void): Promise<void>;
+    logoutByOAuth2(revoke: boolean, callback?: (err: Error, res: undefined) => void): Promise<void>;
     logoutByOAuth2(callback?: (err: Error, res: undefined) => void): Promise<void>;
+    logoutBySoap(revoke: boolean, callback?: (err: Error, res: undefined) => void): Promise<void>;
     logoutBySoap(callback?: (err: Error, res: undefined) => void): Promise<void>;
+    limits(callback?: (err: Error, res: undefined) => void): Promise<LimitsInfo>;
 }
 
 export class Tooling extends BaseConnection {
diff --git a/types/jsforce/index.d.ts b/types/jsforce/index.d.ts
index c36f39095a..65d5159f61 100644
--- a/types/jsforce/index.d.ts
+++ b/types/jsforce/index.d.ts
@@ -30,3 +30,4 @@ export * from './salesforce-id';
 export * from './salesforce-object';
 export * from './streaming';
 export * from './topic';
+export * from './limits-info';
diff --git a/types/jsforce/limits-info.d.ts b/types/jsforce/limits-info.d.ts
new file mode 100644
index 0000000000..bfeeabe0c3
--- /dev/null
+++ b/types/jsforce/limits-info.d.ts
@@ -0,0 +1,48 @@
+export interface Limit {
+    Max: number;
+    Remaining: number;
+}
+
+export interface PermissionSets extends Limit {
+    CreateCustom: Limit;
+}
+
+export interface DailyApiRequests extends Limit {
+    'Chatter Desktop': Limit;
+    'Chatter Mobile for BlackBerry': Limit;
+    'Salesforce Files': Limit;
+    'Salesforce Marketing Cloud': Limit;
+    'Salesforce for Android': Limit;
+    'Salesforce for iOS': Limit;
+    'SalesforceA': Limit;
+}
+
+export interface LimitsInfo {
+    ConcurrentAsyncGetReportInstances: Limit;
+    ConcurrentSyncReportRuns: Limit;
+    DailyAnalyticsDataflowJobExecutions: Limit;
+    DailyApiRequests: DailyApiRequests;
+    DailyAsyncApexExecutions: Limit;
+    DailyBulkApiRequests: DailyApiRequests;
+    DailyDurableGenericStreamingApiEvents: Limit;
+    DailyDurableStreamingApiEvents: Limit;
+    DailyGenericStreamingApiEvents: DailyApiRequests;
+    DailyStreamingApiEvents: DailyApiRequests;
+    DailyWorkflowEmails: Limit;
+    DataStorageMB: Limit;
+    DurableStreamingApiConcurrentClients: Limit;
+    FileStorageMB: Limit;
+    HourlyAsyncReportRuns: Limit;
+    HourlyDashboardRefreshes: Limit;
+    HourlyDashboardResults: Limit;
+    HourlyDashboardStatuses: Limit;
+    HourlyODataCallout: Limit;
+    HourlySyncReportRuns: Limit;
+    HourlyTimeBasedWorkflow: Limit;
+    MassEmail: Limit;
+    MonthlyPlatformEvents: Limit;
+    Package2VersionCreates: Limit;
+    PermissionSets: PermissionSets;
+    SingleEmail: Limit;
+    StreamingApiConcurrentClients: Limit;
+}
diff --git a/types/jsforce/tslint.json b/types/jsforce/tslint.json
index 3b1f082eb2..43829466b8 100644
--- a/types/jsforce/tslint.json
+++ b/types/jsforce/tslint.json
@@ -2,9 +2,19 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODOs
+        "array-type": false,
         "ban-types": false,
+        "eofline": false,
+        "max-line-length": false,
         "no-any-union": false,
+        "no-empty-interface": false,
+        "no-redundant-undefined": false,
         "no-unnecessary-class": false,
-        "no-unnecessary-generics": false
+        "no-unnecessary-generics": false,
+        "semicolon": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "typedef-whitespace": false,
+        "whitespace": false
     }
 }
diff --git a/types/json-rpc-random-id/index.d.ts b/types/json-rpc-random-id/index.d.ts
new file mode 100644
index 0000000000..14b5ba0ff0
--- /dev/null
+++ b/types/json-rpc-random-id/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for json-rpc-random-id 1.0
+// Project: https://github.com/kumavis/json-rpc-random-id#readme
+// Definitions by: Micah Riggan <https://github.com/micahriggan>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+/**
+ *  Returns a function that generates a random number
+ *  This number is to be used with web3 rpc
+ */
+declare function IdIterator(options?: {
+    max?: number;
+    start?: number;
+}): () => number;
+
+export = IdIterator;
diff --git a/types/json-rpc-random-id/json-rpc-random-id-tests.ts b/types/json-rpc-random-id/json-rpc-random-id-tests.ts
new file mode 100644
index 0000000000..c71a7581e8
--- /dev/null
+++ b/types/json-rpc-random-id/json-rpc-random-id-tests.ts
@@ -0,0 +1,2 @@
+import jsonRPCRandomID = require("json-rpc-random-id");
+const generateId = jsonRPCRandomID();
diff --git a/types/json-rpc-random-id/tsconfig.json b/types/json-rpc-random-id/tsconfig.json
new file mode 100644
index 0000000000..c39a0a4e2b
--- /dev/null
+++ b/types/json-rpc-random-id/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes":true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "json-rpc-random-id-tests.ts"
+    ]
+}
diff --git a/types/json-rpc-random-id/tslint.json b/types/json-rpc-random-id/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/json-rpc-random-id/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/json2csv/tslint.json b/types/json2csv/tslint.json
index 3db14f85ea..389fc5f08e 100644
--- a/types/json2csv/tslint.json
+++ b/types/json2csv/tslint.json
@@ -1 +1,15 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "array-type": false,
+        "ban-types": false,
+        "callable-types": false,
+        "jsdoc-format": false,
+        "member-access": false,
+        "no-duplicate-imports": false,
+        "no-redundant-jsdoc-2": false,
+        "strict-export-declare-modifiers": false,
+        "typedef-whitespace": false
+    }
+}
diff --git a/types/jsonquery/index.d.ts b/types/jsonquery/index.d.ts
new file mode 100644
index 0000000000..48afcf8d0a
--- /dev/null
+++ b/types/jsonquery/index.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for jsonquery 0.1
+// Project: https://github.com/eugeneware/jsonquery
+// Definitions by: Jim Buck <https://github.com/JimmyBoh>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+/// <reference types="node" />
+
+declare function jsonquery<T>(query: jsonquery.Query<T>): NodeJS.ReadWriteStream;
+
+declare namespace jsonquery {
+    function match<T>(haystack: T, predicate: Query<T>): boolean;
+
+    type Query<T> = BinaryQueryCondition<T> | QueryValue<T> | PathQuery;
+
+    interface OrQueryCondition<T> {
+        $or: ReadonlyArray<Query<T>>;
+    }
+
+    interface AndQueryCondition<T> {
+        $and: ReadonlyArray<Query<T>>;
+    }
+
+    type BinaryQueryCondition<T> = OrQueryCondition<T> | AndQueryCondition<T>;
+
+    interface BaseCondition<P> {
+        $lt: P;
+        $lte: P;
+        $gt: P;
+        $gte: P;
+        $mod: [number, number];
+        $ne: P;
+        $in: ReadonlyArray<P>;
+        $nin: ReadonlyArray<P>;
+        $all: ReadonlyArray<P>;
+        $elemMatch: Partial<P>;
+    }
+
+    interface PathQuery {
+        [path: string]: any;
+    }
+
+    type QueryValue<T> = {
+        [P in keyof T]?: T[P] | BaseCondition<T[P]>;
+    };
+}
+
+export = jsonquery;
diff --git a/types/jsonquery/jsonquery-tests.ts b/types/jsonquery/jsonquery-tests.ts
new file mode 100644
index 0000000000..904f61d01c
--- /dev/null
+++ b/types/jsonquery/jsonquery-tests.ts
@@ -0,0 +1,120 @@
+import jsonquery = require('jsonquery');
+
+interface TestData {
+    name: string;
+    number: string;
+    val: number;
+    favorites: number[];
+    awesome: boolean;
+    nullify: null;
+    tree: {
+        a: number;
+        b: number;
+    };
+}
+
+const testDataInstance: TestData = {
+    name: "Name 1",
+    number: "Number 1",
+    val: 10,
+    favorites: [10, 20],
+    awesome: true,
+    nullify: null,
+    tree: {
+        a: 1,
+        b: 2,
+    }
+};
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ number: 'Number 7' });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ number: 'Number 7', val: 70 });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ $or:  [ { number: 'Number 7' }, { val: 50 } ] });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ $and:  [ { number: 'Number 7' }, { val: 70 } ] });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ $or:  [ { $and: [ { number: 'Number 7' }, { val: 70 } ] }, { val: 50 } ] });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $in: [ 70, 50 ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $or: [ { $in: [ 70, 50 ] }, { $in: [ 60, 20 ] } ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $gt: 900 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $lt: 900 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $or: [ { $lt: 20 }, { $gt: 950 } ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $and: [ { $gt: 970 }, { $gt: 950 } ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $ne: 900 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $lte: 900 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $gte: 900 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ favorites: { $all: [50, 60] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ tree: { $elemMatch: { a: 1, b: 2 } } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ 'tree.a': 1 });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ 'tree.a': { $in: [1, 5] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ number: /er 7$/ });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ number: { $in: [ /er 7$/, /er 5$/ ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ favorites: { $all: [/^50$/, /^60$/] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ tree: { $elemMatch: { a: /^1$/, b: 2 } } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $nin: [ 70, 50 ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ val: { $mod: [ 7, 1 ] } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ favorites: { $size: 2 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ $and: [ { tree: { $exists: true } }, { missing: { $exists: false } } ] });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ $not: { number: 'Number 7', val: 70 } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ number: { $not: { $nin: ['Number 7'] } } });
+
+// $ExpectType ReadWriteStream
+jsonquery<TestData>({ foo: { $all: ['bar'] } });
+
+// $ExpectType boolean
+jsonquery.match<TestData>(testDataInstance, { val: 7 });
+
+// $ExpectType boolean
+jsonquery.match<TestData>(testDataInstance, { 'tree.a': { $in: [1, 5] } });
diff --git a/types/jsonquery/tsconfig.json b/types/jsonquery/tsconfig.json
new file mode 100644
index 0000000000..ffb3eb6209
--- /dev/null
+++ b/types/jsonquery/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jsonquery-tests.ts"
+    ]
+}
diff --git a/types/jsonquery/tslint.json b/types/jsonquery/tslint.json
new file mode 100644
index 0000000000..02db66c29b
--- /dev/null
+++ b/types/jsonquery/tslint.json
@@ -0,0 +1,6 @@
+{ 
+    "extends": "dtslint/dt.json",
+    "rules":{
+        "no-unnecessary-generics": false
+    }
+}
diff --git a/types/jsonwebtoken/index.d.ts b/types/jsonwebtoken/index.d.ts
index f54d3862c9..d1c3aeee5f 100644
--- a/types/jsonwebtoken/index.d.ts
+++ b/types/jsonwebtoken/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for jsonwebtoken 7.2.2
+// Type definitions for jsonwebtoken 8.3
 // Project: https://github.com/auth0/node-jsonwebtoken
 // Definitions by: Maxime LUCE <https://github.com/SomaticIT>,
 //                 Daniel Heim <https://github.com/danielheim>,
 //                 Brice BERNARD <https://github.com/brikou>,
-//                 Veli-Pekka Kestilä <https://github.com/vpk>
+//                 Veli-Pekka Kestilä <https://github.com/vpk>,
+//                 Daniel Parker <https://github.com/rlgod>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -43,9 +44,9 @@ export interface SignOptions {
      */
     algorithm?: string;
     keyid?: string;
-    /** @member {string} - expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
+    /** expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
     expiresIn?: string | number;
-    /** @member {string} - expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
+    /** expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
     notBefore?: string | number;
     audience?: string | string[];
     subject?: string;
@@ -67,8 +68,8 @@ export interface VerifyOptions {
     jwtid?: string;
     subject?: string;
     /**
-     *@deprecated
-     *@member {string} - Max age of token
+     * @deprecated
+     * Max age of token
      */
     maxAge?: string;
 }
@@ -77,28 +78,45 @@ export interface DecodeOptions {
     complete?: boolean;
     json?: boolean;
 }
-export type VerifyErrors=JsonWebTokenError | NotBeforeError | TokenExpiredError;
-export interface VerifyCallback {
-    (
-        err: VerifyErrors,
-        decoded: object | string,
-    ): void;
+export type VerifyErrors= JsonWebTokenError | NotBeforeError | TokenExpiredError;
+export type VerifyCallback = (
+    err: VerifyErrors,
+    decoded: object | string,
+) => void;
+
+export type SignCallback = (
+    err: Error, encoded: string
+) => void;
+
+export interface JwtHeader {
+    alg: string;
+    typ?: string;
+    kid?: string;
+    jku?: string;
+    x5u?: string;
+    x5t?: string;
 }
 
-export interface SignCallback {
-    (err: Error, encoded: string): void;
-}
+export type SigningKeyCallback = (
+    err: any,
+    signingKey?: Secret,
+) => void;
+
+export type GetPublicKeyOrSecret = (
+    header: JwtHeader,
+    callback: SigningKeyCallback
+) => void;
 
 export type Secret = string | Buffer | { key: string; passphrase: string };
 
 /**
  * Synchronously sign the given payload into a JSON Web Token string
- * @param {String|Object|Buffer} payload - Payload to sign, could be an literal, buffer or string
- * @param {String|Buffer} secretOrPrivateKey - Either the secret for HMAC algorithms, or the PEM encoded private key for RSA and ECDSA.
- * @param {SignOptions} [options] - Options for the signature
- * @returns {String} The JSON Web Token string
+ * payload - Payload to sign, could be an literal, buffer or string
+ * secretOrPrivateKey - Either the secret for HMAC algorithms, or the PEM encoded private key for RSA and ECDSA.
+ * [options] - Options for the signature
+ * returns - The JSON Web Token string
  */
-export declare function sign(
+export function sign(
     payload: string | Buffer | object,
     secretOrPrivateKey: Secret,
     options?: SignOptions,
@@ -106,17 +124,17 @@ export declare function sign(
 
 /**
  * Sign the given payload into a JSON Web Token string
- * @param {String|Object|Buffer} payload - Payload to sign, could be an literal, buffer or string
- * @param {String|Buffer} secretOrPrivateKey - Either the secret for HMAC algorithms, or the PEM encoded private key for RSA and ECDSA.
- * @param {SignOptions} [options] - Options for the signature
- * @param {Function} callback - Callback to get the encoded token on
+ * payload - Payload to sign, could be an literal, buffer or string
+ * secretOrPrivateKey - Either the secret for HMAC algorithms, or the PEM encoded private key for RSA and ECDSA.
+ * [options] - Options for the signature
+ * callback - Callback to get the encoded token on
  */
-export declare function sign(
+export function sign(
     payload: string | Buffer | object,
     secretOrPrivateKey: Secret,
     callback: SignCallback,
 ): void;
-export declare function sign(
+export function sign(
     payload: string | Buffer | object,
     secretOrPrivateKey: Secret,
     options: SignOptions,
@@ -125,16 +143,12 @@ export declare function sign(
 
 /**
  * Synchronously verify given token using a secret or a public key to get a decoded token
- * @param {String} token - JWT string to verify
- * @param {String|Buffer} secretOrPublicKey - Either the secret for HMAC algorithms, or the PEM encoded public key for RSA and ECDSA.
- * @param {VerifyOptions} [options] - Options for the verification
- * @returns The decoded token.
+ * token - JWT string to verify
+ * secretOrPublicKey - Either the secret for HMAC algorithms, or the PEM encoded public key for RSA and ECDSA.
+ * [options] - Options for the verification
+ * returns - The decoded token.
  */
-export declare function verify(
-    token: string,
-    secretOrPublicKey: string | Buffer,
-): object | string;
-export declare function verify(
+export function verify(
     token: string,
     secretOrPublicKey: string | Buffer,
     options?: VerifyOptions,
@@ -142,31 +156,32 @@ export declare function verify(
 
 /**
  * Asynchronously verify given token using a secret or a public key to get a decoded token
- * @param {String} token - JWT string to verify
- * @param {String|Buffer} secretOrPublicKey - Either the secret for HMAC algorithms, or the PEM encoded public key for RSA and ECDSA.
- * @param {VerifyOptions} [options] - Options for the verification
- * @param {Function} callback - Callback to get the decoded token on
+ * token - JWT string to verify
+ * secretOrPublicKey - A string or buffer containing either the secret for HMAC algorithms,
+ * or the PEM encoded public key for RSA and ECDSA. If jwt.verify is called asynchronous,
+ * secretOrPublicKey can be a function that should fetch the secret or public key
+ * [options] - Options for the verification
+ * callback - Callback to get the decoded token on
  */
-export declare function verify(
+export function verify(
     token: string,
-    secretOrPublicKey: string | Buffer,
+    secretOrPublicKey: string | Buffer | GetPublicKeyOrSecret,
     callback?: VerifyCallback,
 ): void;
-export declare function verify(
+export function verify(
     token: string,
-    secretOrPublicKey: string | Buffer,
+    secretOrPublicKey: string | Buffer | GetPublicKeyOrSecret,
     options?: VerifyOptions,
     callback?: VerifyCallback,
 ): void;
 
 /**
  * Returns the decoded payload without verifying if the signature is valid.
- * @param {String} token - JWT string to decode
- * @param {DecodeOptions} [options] - Options for decoding
- * @returns {Object} The decoded Token
+ * token - JWT string to decode
+ * [options] - Options for decoding
+ * returns - The decoded Token
  */
-export declare function decode(
+export function decode(
     token: string,
     options?: DecodeOptions,
 ): null | { [key: string]: any } | string;
-
diff --git a/types/jsonwebtoken/jsonwebtoken-tests.ts b/types/jsonwebtoken/jsonwebtoken-tests.ts
index f20fbba5cc..5884ff6d63 100644
--- a/types/jsonwebtoken/jsonwebtoken-tests.ts
+++ b/types/jsonwebtoken/jsonwebtoken-tests.ts
@@ -7,10 +7,10 @@
 import jwt = require("jsonwebtoken");
 import fs = require("fs");
 
-var token: string;
-var cert: Buffer;
+let token: string;
+let cert: Buffer;
 
-interface ITestObject {
+interface TestObject {
     foo: string;
 }
 
@@ -44,10 +44,10 @@ const secret = { key: privKey.toString(), passphrase: "keypwd" };
 token = jwt.sign(testObject, secret, { algorithm: "RS256" }); // the algorithm option is mandatory in this case
 
 // sign asynchronously
-jwt.sign(testObject, cert, { algorithm: "RS256" }, function(
+jwt.sign(testObject, cert, { algorithm: "RS256" }, (
     err: Error,
     token: string,
-) {
+) => {
     console.log(token);
 });
 
@@ -56,57 +56,70 @@ jwt.sign(testObject, cert, { algorithm: "RS256" }, function(
  * https://github.com/auth0/node-jsonwebtoken#jwtverifytoken-secretorpublickey-options-callback
  */
 // verify a token symmetric
-jwt.verify(token, "shhhhh", function(err, decoded) {
-    const result = decoded as ITestObject;
+jwt.verify(token, "shhhhh", (err, decoded) => {
+    const result = decoded as TestObject;
 
     console.log(result.foo); // bar
 });
 
 // use external time for verifying
-jwt.verify(token, 'shhhhh', { clockTimestamp: 1 }, function(err, decoded) {
-  const result = decoded as ITestObject
+jwt.verify(token, 'shhhhh', { clockTimestamp: 1 }, (err, decoded) => {
+  const result = decoded as TestObject;
 
-  console.log(result.foo) // bar
+  console.log(result.foo); // bar
 });
 
 // invalid token
-jwt.verify(token, "wrong-secret", function(err, decoded) {
+jwt.verify(token, "wrong-secret", (err, decoded) => {
     // err
     // decoded undefined
 });
 
 // verify a token asymmetric
 cert = fs.readFileSync("public.pem"); // get public key
-jwt.verify(token, cert, function(err, decoded) {
-    const result = decoded as ITestObject;
+jwt.verify(token, cert, (err, decoded) => {
+    const result = decoded as TestObject;
+
+    console.log(result.foo); // bar
+});
+
+// verify a token assymetric with async key fetch function
+function getKey(header: jwt.JwtHeader, callback: jwt.SigningKeyCallback) {
+    cert = fs.readFileSync("public.pem");
+
+    callback(null, cert);
+}
+
+jwt.verify(token, getKey, (err, decoded) => {
+    const result = decoded as TestObject;
 
     console.log(result.foo); // bar
 });
 
 // verify audience
 cert = fs.readFileSync("public.pem"); // get public key
-jwt.verify(token, cert, { audience: "urn:foo" }, function(err, decoded) {
+jwt.verify(token, cert, { audience: "urn:foo" }, (err, decoded) => {
     // if audience mismatch, err == invalid audience
 });
 
 // verify issuer
 cert = fs.readFileSync("public.pem"); // get public key
-jwt.verify(token, cert, { audience: "urn:foo", issuer: "urn:issuer" }, function(
+jwt.verify(token, cert, { audience: "urn:foo", issuer: "urn:issuer" }, (
     err,
     decoded,
-) {
+) => {
     // if issuer mismatch, err == invalid issuer
 });
 
 // verify algorithm
 cert = fs.readFileSync("public.pem"); // get public key
-jwt.verify(token, cert, { algorithms: ["RS256"] }, function(err, decoded) {
+jwt.verify(token, cert, { algorithms: ["RS256"] }, (err, decoded) => {
     // if algorithm mismatch, err == invalid algorithm
 });
 
 // verify without expiration check
 cert = fs.readFileSync("public.pem"); // get public key
-jwt.verify(token, cert, { ignoreExpiration: true }, function(err, decoded) {
+jwt.verify(token, cert, { ignoreExpiration: true }, (err, decoded) => {
     // if ignoreExpration == false and token is expired, err == expired token
 });
 
@@ -114,7 +127,7 @@ jwt.verify(token, cert, { ignoreExpiration: true }, function(err, decoded) {
  * jwt.decode
  * https://github.com/auth0/node-jsonwebtoken#jwtdecodetoken
  */
-var decoded = jwt.decode(token);
+let decoded = jwt.decode(token);
 
 decoded = jwt.decode(token, { complete: false });
 
diff --git a/types/jsonwebtoken/tslint.json b/types/jsonwebtoken/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/jsonwebtoken/tslint.json
+++ b/types/jsonwebtoken/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/jspath/index.d.ts b/types/jspath/index.d.ts
new file mode 100644
index 0000000000..3c5ae53121
--- /dev/null
+++ b/types/jspath/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for jspath 0.4
+// Project: https://github.com/dfilatov/jspath
+// Definitions by: Piot Roszatycki <https://github.com/dex4er>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * @param path path expression
+ * @param data input JSON document
+ * @param replacement substitutions
+ */
+export function apply(path: string, data: any, replacement?: any): any[];
diff --git a/types/jspath/jspath-tests.ts b/types/jspath/jspath-tests.ts
new file mode 100644
index 0000000000..84e6f1c0e4
--- /dev/null
+++ b/types/jspath/jspath-tests.ts
@@ -0,0 +1,62 @@
+import * as JSPath from 'jspath';
+
+// tslint:disable:object-literal-key-quotes
+
+JSPath.apply(
+    '.automobiles{.maker === "Honda" && .year > 2009}.model',
+    {
+        "automobiles" : [
+            { "maker" : "Nissan", "model" : "Teana", "year" : 2011 },
+            { "maker" : "Honda", "model" : "Jazz", "year" : 2010 },
+            { "maker" : "Honda", "model" : "Civic", "year" : 2007 },
+            { "maker" : "Toyota", "model" : "Yaris", "year" : 2008 },
+            { "maker" : "Honda", "model" : "Accord", "year" : 2011 }
+        ],
+        "motorcycles" : [{ "maker" : "Honda", "model" : "ST1300", "year" : 2012 }]
+    }
+);
+
+const doc = {
+    "books" : [
+        {
+            "id"     : 1,
+            "title"  : "Clean Code",
+            "author" : { "name" : "Robert C. Martin" },
+            "price"  : 17.96
+        },
+        {
+            "id"     : 2,
+            "title"  : "Maintainable JavaScript",
+            "author" : { "name" : "Nicholas C. Zakas" },
+            "price"  : 10
+        },
+        {
+            "id"     : 3,
+            "title"  : "Agile Software Development",
+            "author" : { "name" : "Robert C. Martin" },
+            "price"  : 20
+        },
+        {
+            "id"     : 4,
+            "title"  : "JavaScript: The Good Parts",
+            "author" : { "name" : "Douglas Crockford" },
+            "price"  : 15.67
+        }
+    ]
+};
+
+JSPath.apply('.books.author', doc);
+
+JSPath.apply('.books.author.name', doc);
+
+JSPath.apply('.books..name', doc);
+
+JSPath.apply('.books{.author.name === "Robert C. Martin"}.title', doc);
+
+JSPath.apply('.books{.price < 17}.title', doc);
+
+const path = '.books{.author.name === $author}.title';
+
+JSPath.apply(path, doc, { author : 'Nicholas C. Zakas' });
+
+JSPath.apply(path, doc, { author : ['Robert C. Martin', 'Douglas Crockford'] });
diff --git a/types/jspath/tsconfig.json b/types/jspath/tsconfig.json
new file mode 100644
index 0000000000..38ab91e172
--- /dev/null
+++ b/types/jspath/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jspath-tests.ts"
+    ]
+}
diff --git a/types/jspath/tslint.json b/types/jspath/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/jspath/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/jspdf/index.d.ts b/types/jspdf/index.d.ts
index e393e5fba1..63789a7093 100644
--- a/types/jspdf/index.d.ts
+++ b/types/jspdf/index.d.ts
@@ -1,6 +1,8 @@
-// Type definitions for jsPDF v1.1.135
+// Type definitions for jsPDF 1.2
 // Project: https://github.com/MrRio/jsPDF
 // Definitions by: Amber Schühmacher <https://github.com/amberjs>
+//                 Kevin Gonnord <https://github.com/lleios>
+//                 Jackie Weng <https://github.com/jemerald>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module 'jspdf' {
@@ -32,7 +34,9 @@ declare module 'jspdf' {
             'scaleFactor':number;
             'pageSize': {
                 width:number;
+                getWidth: () => number;
                 height:number;
+                getHeight: () => number;
             };
             'output'(type:any, options:any):any;
             'getNumberOfPages'():number;
@@ -42,7 +46,7 @@ declare module 'jspdf' {
             'getPageInfo'(pageNumberOneBased:number):any;
             'getCurrentPageInfo'():any;
         };
-        addPage(sizes?: number[]):jsPDF;
+        addPage(format?: string | number[], orientation?: 'p'|'portrait'|'l'|'landscape'): jsPDF;
         setPage(n:number):jsPDF;
         insertPage(beforePage:number):jsPDF;
         movePage(targetPage:number, beforePage:number):jsPDF;
@@ -90,6 +94,7 @@ declare module 'jspdf' {
          *  - split_text_to_size
          *  - SVG
          *  - total_pages
+         *  - vfs
          */
 
         // jsPDF plugin: addHTML
@@ -201,8 +206,13 @@ declare module 'jspdf' {
 
         // jsPDF plugin: total_pages
         putTotalPages(pageExpression:string):jsPDF;
+
+        // jsPDF plugin: vfs
+        existsFileInVFS(filename:string):boolean;
+        addFileToVFS(filename:string, filecontent:string):jsPDF;
+        getFileFromVFS(filename:string):string;
     }
-    
+
     namespace jsPDF {}
 
     export = jsPDF;
diff --git a/types/jspdf/jspdf-tests.ts b/types/jspdf/jspdf-tests.ts
index 0f31005af9..ab6dd3a82a 100644
--- a/types/jspdf/jspdf-tests.ts
+++ b/types/jspdf/jspdf-tests.ts
@@ -13,6 +13,18 @@ function test_simple_two_page_document() {
     doc.save('Test.pdf');
 }
 
+function test_add_pages_with_different_format() {
+    var doc = new jsPDF();
+    doc.text(20, 20, 'Hello world!');
+    doc.addPage('a5', 'l');
+    doc.text(20, 20, 'Do you like that?');
+    doc.addPage('c6');
+    doc.text(20, 20, 'Do you like that?');
+    doc.addPage([595.28, 841.89]);
+    doc.text(20, 20, 'Do you like that?');
+    doc.save('Test.pdf');
+}
+
 function test_landscape() {
     var doc = new jsPDF('landscape');
     doc.text(20, 20, 'Hello landscape world!');
diff --git a/types/jspdf/tslint.json b/types/jspdf/tslint.json
index a41bf5d19a..a0357daa61 100644
--- a/types/jspdf/tslint.json
+++ b/types/jspdf/tslint.json
@@ -7,7 +7,6 @@
         "ban-types": false,
         "callable-types": false,
         "comment-format": false,
-        "dt-header": false,
         "eofline": false,
         "export-just-namespace": false,
         "import-spacing": false,
diff --git a/types/jss/css.d.ts b/types/jss/css.d.ts
index 2d5e89139a..9bed74d702 100644
--- a/types/jss/css.d.ts
+++ b/types/jss/css.d.ts
@@ -3,7 +3,7 @@
 import { Observable } from 'indefinite-observable';
 import * as csstype from 'csstype';
 
-type Length = string | number;
+export type Length = string | number;
 
 export type ObservableProperties<P> = {
     [K in keyof P]: P[K] | Observable<P[K]>
diff --git a/types/just-debounce-it/index.d.ts b/types/just-debounce-it/index.d.ts
new file mode 100644
index 0000000000..248f6a27f8
--- /dev/null
+++ b/types/just-debounce-it/index.d.ts
@@ -0,0 +1,30 @@
+// Type definitions for just-debounce-it 1.1
+// Project: https://github.com/angus-c/just#readme
+// Definitions by: Aziz Khambati <https://github.com/azizhk>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 3.0
+
+type ArgumentTypes<F extends Function> = F extends (...args: infer A) => any ? A : never;
+
+/*~ This declaration specifies that the function
+ *~ is the exported object from the file
+ */
+export = debounce;
+
+declare function debounce<T extends Function>(
+    fn: T,
+    wait?: 0,
+    callFirst?: boolean
+): T;
+
+declare function debounce<T extends Function>(
+    fn: T,
+    wait: number,
+    callFirst: true
+): T;
+
+declare function debounce<T extends Function>(
+    fn: T,
+    wait: number,
+    callFirst?: false
+): (...args: ArgumentTypes<T>) => void;
diff --git a/types/just-debounce-it/just-debounce-it-tests.ts b/types/just-debounce-it/just-debounce-it-tests.ts
new file mode 100644
index 0000000000..32dd33c9e7
--- /dev/null
+++ b/types/just-debounce-it/just-debounce-it-tests.ts
@@ -0,0 +1,23 @@
+import debounce = require("just-debounce-it");
+
+const doThings = () => 1;
+
+const num: number = debounce(doThings)();
+const num2: number = debounce(doThings, 0)();
+const num3: number = debounce(doThings, 0, true)();
+const num4: number = debounce(doThings, 0, false)();
+const num5: number = debounce(doThings, 1000, true)();
+
+// $ExpectType void
+debounce(doThings, 1000)();
+
+const exclaim = (a: string) => a + '!';
+
+const str: string = debounce(exclaim)('hey');
+const str2: string = debounce(exclaim, 0)('hi');
+const str3: string = debounce(exclaim, 0, true)('hi');
+const str4: string = debounce(exclaim, 0, false)('hi');
+const str5: string = debounce(exclaim, 1000, true)('hooray');
+
+// $ExpectType void
+debounce(exclaim, 1000)('hello');
diff --git a/types/just-debounce-it/tsconfig.json b/types/just-debounce-it/tsconfig.json
new file mode 100644
index 0000000000..d1a7dbd8b0
--- /dev/null
+++ b/types/just-debounce-it/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "just-debounce-it-tests.ts"
+    ]
+}
diff --git a/types/just-debounce-it/tslint.json b/types/just-debounce-it/tslint.json
new file mode 100644
index 0000000000..5bc412fb1e
--- /dev/null
+++ b/types/just-debounce-it/tslint.json
@@ -0,0 +1,6 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "ban-types": false
+  }
+}
diff --git a/types/just-pick/index.d.ts b/types/just-pick/index.d.ts
new file mode 100644
index 0000000000..04836648cc
--- /dev/null
+++ b/types/just-pick/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for just-pick 2.1
+// Project: https://github.com/angus-c/just#readme
+// Definitions by: Peter Safranek <https://github.com/pe8ter>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+declare function pick<T, U extends keyof T>(obj: T, select: U[]): Pick<T, U>;
+
+declare function pick<T, U extends keyof T>(obj: T, select1: U, ...selectn: U[]): Pick<T, U>;
+
+export = pick;
diff --git a/types/just-pick/just-pick-tests.ts b/types/just-pick/just-pick-tests.ts
new file mode 100644
index 0000000000..8f675a010c
--- /dev/null
+++ b/types/just-pick/just-pick-tests.ts
@@ -0,0 +1,26 @@
+import pick = require("just-pick");
+
+const a = "a";
+const b = "b";
+const c = "c";
+const obj = { a, b };
+
+pick(obj, []); // $ExpectType Pick<{ a: string; b: string; }, never>
+pick(obj, [a]); // $ExpectType Pick<{ a: string; b: string; }, "a">
+pick(obj, [a, a]); // $ExpectType Pick<{ a: string; b: string; }, "a">
+pick(obj, [a, b]); // $ExpectType Pick<{ a: string; b: string; }, "a" | "b">
+pick(obj, [a, b, c]); // $ExpectError
+
+pick(obj, a); // $ExpectType Pick<{ a: string; b: string; }, "a">
+pick(obj, a, a); // $ExpectType Pick<{ a: string; b: string; }, "a">
+pick(obj, a, b); // $ExpectType Pick<{ a: string; b: string; }, "a" | "b">
+pick(obj, a, b, c); // $ExpectError
+
+pick(); // $ExpectError
+pick(obj); // $ExpectError
+pick(obj, 0); // $ExpectError
+pick(obj, false); // $ExpectError
+pick(obj, null); // $ExpectError
+pick(obj, undefined); // $ExpectError
+pick(obj, {}); // $ExpectError
+pick(obj, () => {}); // $ExpectError
diff --git a/types/just-pick/tsconfig.json b/types/just-pick/tsconfig.json
new file mode 100644
index 0000000000..860c7fa95d
--- /dev/null
+++ b/types/just-pick/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "just-pick-tests.ts"
+    ]
+}
diff --git a/types/just-pick/tslint.json b/types/just-pick/tslint.json
new file mode 100644
index 0000000000..702f9354fc
--- /dev/null
+++ b/types/just-pick/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "file-name-casing": false
+    }
+}
diff --git a/types/jwt-express/tslint.json b/types/jwt-express/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/jwt-express/tslint.json
+++ b/types/jwt-express/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/karma-chai-sinon/index.d.ts b/types/karma-chai-sinon/index.d.ts
index 1ce2672b23..0b14373a99 100644
--- a/types/karma-chai-sinon/index.d.ts
+++ b/types/karma-chai-sinon/index.d.ts
@@ -2,10 +2,10 @@
 // Project: https://github.com/tubalmartin/karma-chai-sinon
 // Definitions by: Václav Ostrožlík <https://github.com/vasek17>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 /// <reference types="chai" />
-import Sinon = require("sinon");
+import Sinon = require('sinon');
 
 declare global {
     var should: Chai.Should;
diff --git a/types/karma-fixture/index.d.ts b/types/karma-fixture/index.d.ts
index 42af1d5d60..d443359d72 100644
--- a/types/karma-fixture/index.d.ts
+++ b/types/karma-fixture/index.d.ts
@@ -1,31 +1,28 @@
-// Type definitions for karma-fixture 0.2.7
+// Type definitions for karma-fixture 0.2
 // Project: https://github.com/billtrik/karma-fixture
 // Definitions by: Ezekiel Victor <https://github.com/evictor>
 //                 Afshawn Lotfi <https://github.com/afshawnlotfi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace fixture {
-  export var el: HTMLElement;
-  export var json: any[];
+  let el: HTMLElement;
+  let json: any[];
 
-  export function load(...files: string[]): any;
-  export function load(file1: string, append?: boolean): any;
-  export function load(file1: string, file2: string, append?: boolean): any;
-  export function load(file1: string, file2: string, file3: string, append?: boolean): any;
-  export function load(file1: string, file2: string, file3: string, file4: string, append?: boolean): any;
-  export function load(file1: string, file2: string, file3: string, file4: string, file5: string, append?: boolean): any;
+  function load(...files: string[]): any;
+  function load(file1: string, append?: boolean): any;
+  function load(file1: string, file2: string, append?: boolean): any;
+  function load(file1: string, file2: string, file3: string, append?: boolean): any;
+  function load(file1: string, file2: string, file3: string, file4: string, append?: boolean): any;
+  function load(file1: string, file2: string, file3: string, file4: string, file5: string, append?: boolean): any;
 
-  export function set(...htmlStrs: string[]): HTMLElement|HTMLElement[];
-  export function set(htmlStr1: string, append?: boolean): HTMLElement|HTMLElement[];
-  export function set(htmlStr1: string, htmlStr2: string, append?: boolean): HTMLElement|HTMLElement[];
-  export function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, append?: boolean): HTMLElement|HTMLElement[];
-  export function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, htmlStr4: string, append?: boolean): HTMLElement|HTMLElement[];
-  export function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, htmlStr4: string, htmlStr5: string, append?: boolean): HTMLElement|HTMLElement[];
+  function set(...htmlStrs: string[]): HTMLElement|HTMLElement[];
+  function set(htmlStr1: string, append?: boolean): HTMLElement|HTMLElement[];
+  function set(htmlStr1: string, htmlStr2: string, append?: boolean): HTMLElement|HTMLElement[];
+  function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, append?: boolean): HTMLElement|HTMLElement[];
+  function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, htmlStr4: string, append?: boolean): HTMLElement|HTMLElement[];
+  function set(htmlStr1: string, htmlStr2: string, htmlStr3: string, htmlStr4: string, htmlStr5: string, append?: boolean): HTMLElement|HTMLElement[];
 
-  export function cleanup(): void;
+  function cleanup(): void;
 
-  export function setBase(fixtureBasePath: string): void;
+  function setBase(fixtureBasePath: string): void;
 }
-
-export = fixture;
-export as namespace fixture;
diff --git a/types/karma-fixture/karma-fixture-tests.ts b/types/karma-fixture/karma-fixture-tests.ts
index d8ea8c8794..2096298eb9 100644
--- a/types/karma-fixture/karma-fixture-tests.ts
+++ b/types/karma-fixture/karma-fixture-tests.ts
@@ -1,4 +1,3 @@
-
 fixture.setBase('fixtures/base/path');
 fixture.load('test1.html', 'test1.json', false);
 fixture.load('test1.html', 'test2.html', 'test1.json');
diff --git a/types/karma-fixture/tslint.json b/types/karma-fixture/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/karma-fixture/tslint.json
+++ b/types/karma-fixture/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/karma-jasmine/index.d.ts b/types/karma-jasmine/index.d.ts
index 46b7978251..73ca7a480e 100644
--- a/types/karma-jasmine/index.d.ts
+++ b/types/karma-jasmine/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/karma-runner/karma-jasmine
 // Definitions by: Michel Salib <https://github.com/michelsalib>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/karma/index.d.ts b/types/karma/index.d.ts
index 4b71c0a723..ba258f0997 100644
--- a/types/karma/index.d.ts
+++ b/types/karma/index.d.ts
@@ -1,15 +1,17 @@
-// Type definitions for karma 1.7
+// Type definitions for karma 3.0
 // Project: https://github.com/karma-runner/karma
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 //                 James Garbutt <https://github.com/43081j>
+//                 Yaroslav Admin <https://github.com/devoto13>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
 /// <reference types="node" />
 
-// See Karma public API https://karma-runner.github.io/0.13/dev/public-api.html
+// See Karma public API https://karma-runner.github.io/latest/dev/public-api.html
 import Promise = require('bluebird');
 import https = require('https');
+import { Appender } from 'log4js';
 
 declare namespace karma {
     interface Karma {
@@ -57,17 +59,17 @@ declare namespace karma {
 
     interface LauncherStatic {
         generateId(): string;
-        //TODO: injector should be of type `di.Injector`
+        // TODO: injector should be of type `di.Injector`
         new (emitter: NodeJS.EventEmitter, injector: any): Launcher;
     }
 
     interface Launcher {
         Launcher: LauncherStatic;
-        //TODO: Can this return value ever be typified?
+        // TODO: Can this return value ever be typified?
         launch(names: string[], protocol: string, hostname: string, port: number, urlRoot: string): any[];
-        kill(id: string, callback: Function): boolean;
+        kill(id: string, callback: () => void): boolean;
         restart(id: string): boolean;
-        killAll(callback: Function): void;
+        killAll(callback: () => void): void;
         areAllCaptured(): boolean;
         markCaptured(id: string): void;
     }
@@ -80,15 +82,13 @@ declare namespace karma {
         run(options?: ConfigOptions | ConfigFile, callback?: ServerCallback): void;
     }
 
-
     interface Stopper {
         /**
-          * This function will signal a running server to stop. The equivalent of karma stop.
-          */
+         * This function will signal a running server to stop. The equivalent of karma stop.
+         */
         stop(options?: ConfigOptions, callback?: ServerCallback): void;
     }
 
-
     interface TestResults {
         disconnected: boolean;
         error: boolean;
@@ -98,6 +98,8 @@ declare namespace karma {
     }
 
     interface Server extends NodeJS.EventEmitter {
+        // TODO: Figure out how to convert Server to class and remove suppression
+        // tslint:disable-next-line:no-misused-new
         new (options?: ConfigOptions | ConfigFile, callback?: ServerCallback): Server;
         /**
          * Start the server
@@ -113,23 +115,21 @@ declare namespace karma {
          */
         refreshFiles(): Promise<any>;
 
-        on(event: string, listener: Function): this;
+        on(event: string, listener: (...args: any[]) => void): this;
 
         /**
          * Listen to the 'run_complete' event.
          */
         on(event: 'run_complete', listener: (browsers: any, results: TestResults) => void): this;
 
-        ///**
-        // * Backward-compatibility with karma-intellij bundled with WebStorm.
-        // * Deprecated since version 0.13, to be removed in 0.14
-        // */
-        //static start(): void;
+        /**
+         * Backward-compatibility with karma-intellij bundled with WebStorm.
+         * Deprecated since version 0.13, to be removed in 0.14
+         */
+        // static start(): void;
     }
 
-    interface ServerCallback {
-        (exitCode: number): void;
-    }
+    type ServerCallback = (exitCode: number) => void;
 
     interface Config {
         set: (config: ConfigOptions) => void;
@@ -144,16 +144,6 @@ declare namespace karma {
         configFile: string;
     }
 
-    // taken from log4js 1.x typings which are gone...
-    interface Log4jsAppenderConfigBase {
-        type: string;
-        category?: string;
-        layout?: {
-            type: string;
-            [key: string]: any
-        }
-    }
-
     interface ConfigOptions {
         /**
          * @description Enable or disable watching files and executing the tests whenever one of these files changes.
@@ -258,7 +248,7 @@ declare namespace karma {
          * @default []
          * @description List of files/patterns to load in the browser.
          */
-        files?: (FilePattern | string)[];
+        files?: Array<FilePattern | string>;
         /**
          * @default []
          * @description List of test frameworks you want to use. Typically, you will set this to ['jasmine'], ['mocha'] or ['qunit']...
@@ -294,7 +284,7 @@ declare namespace karma {
          * @default [{type: 'console'}]
          * @description A list of log appenders to be used. See the documentation for [log4js] for more information.
          */
-        loggers?: Log4jsAppenderConfigBase[];
+        loggers?: { [name: string]: Appender } | Appender[];
         /**
          * @default []
          * @description List of names of additional middleware you want the
@@ -342,7 +332,7 @@ declare namespace karma {
          * but your interactive debugging does not.
          *
          */
-        preprocessors?: { [name: string]: string | string[] }
+        preprocessors?: { [name: string]: string | string[] };
         /**
          * @default 'http:'
          * Possible Values:
@@ -359,7 +349,7 @@ declare namespace karma {
          * @default {}
          * @description A map of path-proxy pairs.
          */
-        proxies?: { [path: string]: string }
+        proxies?: { [path: string]: string };
         /**
          * @default true
          * @description Whether or not Karma or any browsers should raise an error when an inavlid SSL certificate is found.
diff --git a/types/karma/karma-tests.ts b/types/karma/karma-tests.ts
index a8adc36f45..4114a77b02 100644
--- a/types/karma/karma-tests.ts
+++ b/types/karma/karma-tests.ts
@@ -1,39 +1,34 @@
 import gulp = require('gulp');
 import karma = require('karma');
 
-
 function runKarma(singleRun: boolean): void {
     // MEMO: `start` method is deprecated since 0.13. It will be removed in 0.14.
     karma.server.start({
         configFile: __dirname + '/karma.conf.js',
-        singleRun: singleRun
+        singleRun
     });
 }
 
 gulp.task('test:unit:karma', gulp.parallel('build:test:unit', () => runKarma(true)));
 
-
-
 karma.server.start({port: 9876}, (exitCode: number) => {
   console.log('Karma has exited with ' + exitCode);
   process.exit(exitCode);
 });
 
-
 karma.runner.run({port: 9876}, (exitCode: number) => {
   console.log('Karma has exited with ' + exitCode);
   process.exit(exitCode);
 });
 
-karma.stopper.stop({port: 9876}, function(exitCode) {
+karma.stopper.stop({port: 9876}, (exitCode) => {
   if (exitCode === 0) {
-    console.log('Server stop as initiated')
+    console.log('Server stop as initiated');
   }
-  process.exit(exitCode)
+  process.exit(exitCode);
 });
 
-//var Server = require('karma').Server; => cannot use this syntax otherwise Server is of type any
-var server = new karma.Server({logLevel: 'debug', port: 9876}, function(exitCode: number) {
+const server = new karma.Server({logLevel: 'debug', port: 9876}, (exitCode: number) => {
     console.log('Karma has exited with ' + exitCode);
     process.exit(exitCode);
 });
@@ -42,7 +37,7 @@ server.start();
 
 server.refreshFiles();
 
-server.on('browser_register', function (browser: any) {
+server.on('browser_register', (browser: any) => {
     console.log('A new browser was registered');
 });
 
@@ -54,19 +49,15 @@ server.on('run_complete', (browsers, results) => {
    results.success = 10;
 });
 
-//var runner = require('karma').runner; => cannot use this syntax otherwise runner is of type any
-karma.runner.run({port: 9876}, function(exitCode: number) {
+karma.runner.run({port: 9876}, (exitCode: number) => {
     console.log('Karma has exited with ' + exitCode);
     process.exit(exitCode);
 });
 
-//
+const captured: boolean = karma.launcher.areAllCaptured();
 
-var captured: boolean = karma.launcher.areAllCaptured();
-
-
-// Example of configuration file karma.conf.ts, see http://karma-runner.github.io/0.13/config/configuration-file.html
-module.exports = function(config: karma.Config) {
+// Example of configuration file karma.conf.ts, see http://karma-runner.github.io/latest/config/configuration-file.html
+module.exports = (config: karma.Config) => {
   config.set({
     logLevel: config.LOG_DEBUG,
     basePath: '..',
@@ -83,6 +74,10 @@ module.exports = function(config: karma.Config) {
       }
     ],
 
+    loggers: {
+      custom: { type: 'file', filename: 'log.txt' }
+    },
+
     reporters: [
       'progress',
       'coverage'
diff --git a/types/http-proxy-middleware/package.json b/types/karma/package.json
similarity index 65%
rename from types/http-proxy-middleware/package.json
rename to types/karma/package.json
index 0aa4cf368f..3daac433d0 100644
--- a/types/http-proxy-middleware/package.json
+++ b/types/karma/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "winston": "^3.0.0"
+        "log4js": "^3.0.0"
     }
 }
diff --git a/types/karma/tslint.json b/types/karma/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/karma/tslint.json
+++ b/types/karma/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/karma/v1/index.d.ts b/types/karma/v1/index.d.ts
new file mode 100644
index 0000000000..4b71c0a723
--- /dev/null
+++ b/types/karma/v1/index.d.ts
@@ -0,0 +1,485 @@
+// Type definitions for karma 1.7
+// Project: https://github.com/karma-runner/karma
+// Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
+//                 James Garbutt <https://github.com/43081j>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="node" />
+
+// See Karma public API https://karma-runner.github.io/0.13/dev/public-api.html
+import Promise = require('bluebird');
+import https = require('https');
+
+declare namespace karma {
+    interface Karma {
+        /**
+         * `start` method is deprecated since 0.13. It will be removed in 0.14.
+         * Please use
+         * <code>
+         *     server = new Server(config, [done])
+         *     server.start()
+         * </code>
+         * instead.
+         */
+        server: DeprecatedServer;
+        Server: Server;
+        runner: Runner;
+        stopper: Stopper;
+        launcher: Launcher;
+        VERSION: string;
+        constants: Constants;
+    }
+
+    interface Constants {
+        VERSION: string;
+        DEFAULT_PORT: number;
+        DEFAULT_HOSTNAME: string;
+        DEFAULT_LISTEN_ADDR: string;
+        LOG_DISABLE: string;
+        LOG_ERROR: string;
+        LOG_WARN: string;
+        LOG_INFO: string;
+        LOG_DEBUG: string;
+        LOG_LOG: string;
+        LOG_PRIORITIES: string[];
+        COLOR_PATTERN: string;
+        NO_COLOR_PATTERN: string;
+        CONSOLE_APPENDER: {
+            type: string;
+            layout: {
+                type: string;
+                pattern: string;
+            };
+        };
+        EXIT_CODE: string;
+    }
+
+    interface LauncherStatic {
+        generateId(): string;
+        //TODO: injector should be of type `di.Injector`
+        new (emitter: NodeJS.EventEmitter, injector: any): Launcher;
+    }
+
+    interface Launcher {
+        Launcher: LauncherStatic;
+        //TODO: Can this return value ever be typified?
+        launch(names: string[], protocol: string, hostname: string, port: number, urlRoot: string): any[];
+        kill(id: string, callback: Function): boolean;
+        restart(id: string): boolean;
+        killAll(callback: Function): void;
+        areAllCaptured(): boolean;
+        markCaptured(id: string): void;
+    }
+
+    interface DeprecatedServer {
+        start(options?: any, callback?: ServerCallback): void;
+    }
+
+    interface Runner {
+        run(options?: ConfigOptions | ConfigFile, callback?: ServerCallback): void;
+    }
+
+
+    interface Stopper {
+        /**
+          * This function will signal a running server to stop. The equivalent of karma stop.
+          */
+        stop(options?: ConfigOptions, callback?: ServerCallback): void;
+    }
+
+
+    interface TestResults {
+        disconnected: boolean;
+        error: boolean;
+        exitCode: number;
+        failed: number;
+        success: number;
+    }
+
+    interface Server extends NodeJS.EventEmitter {
+        new (options?: ConfigOptions | ConfigFile, callback?: ServerCallback): Server;
+        /**
+         * Start the server
+         */
+        start(): void;
+        /**
+         * Get properties from the injector
+         * @param token
+         */
+        get(token: string): any;
+        /**
+         * Force a refresh of the file list
+         */
+        refreshFiles(): Promise<any>;
+
+        on(event: string, listener: Function): this;
+
+        /**
+         * Listen to the 'run_complete' event.
+         */
+        on(event: 'run_complete', listener: (browsers: any, results: TestResults) => void): this;
+
+        ///**
+        // * Backward-compatibility with karma-intellij bundled with WebStorm.
+        // * Deprecated since version 0.13, to be removed in 0.14
+        // */
+        //static start(): void;
+    }
+
+    interface ServerCallback {
+        (exitCode: number): void;
+    }
+
+    interface Config {
+        set: (config: ConfigOptions) => void;
+        LOG_DISABLE: string;
+        LOG_ERROR: string;
+        LOG_WARN: string;
+        LOG_INFO: string;
+        LOG_DEBUG: string;
+    }
+
+    interface ConfigFile {
+        configFile: string;
+    }
+
+    // taken from log4js 1.x typings which are gone...
+    interface Log4jsAppenderConfigBase {
+        type: string;
+        category?: string;
+        layout?: {
+            type: string;
+            [key: string]: any
+        }
+    }
+
+    interface ConfigOptions {
+        /**
+         * @description Enable or disable watching files and executing the tests whenever one of these files changes.
+         * @default true
+         */
+        autoWatch?: boolean;
+        /**
+         * @description When Karma is watching the files for changes, it tries to batch multiple changes into a single run
+         * so that the test runner doesn't try to start and restart running tests more than it should.
+         * The configuration setting tells Karma how long to wait (in milliseconds) after any changes have occurred
+         * before starting the test process again.
+         * @default 250
+         */
+        autoWatchBatchDelay?: number;
+        /**
+         * @default ''
+         * @description The root path location that will be used to resolve all relative paths defined in <code>files</code> and <code>exclude</code>.
+         * If the basePath configuration is a relative path then it will be resolved to
+         * the <code>__dirname</code> of the configuration file.
+         */
+        basePath?: string;
+        /**
+         * @default 2000
+         * @description How long does Karma wait for a browser to reconnect (in ms).
+         * <p>
+         * With a flaky connection it is pretty common that the browser disconnects,
+         * but the actual test execution is still running without any problems. Karma does not treat a disconnection
+         * as immediate failure and will wait <code>browserDisconnectTimeout</code> (ms).
+         * If the browser reconnects during that time, everything is fine.
+         * </p>
+         */
+        browserDisconnectTimeout?: number;
+        /**
+         * @default 0
+         * @description The number of disconnections tolerated.
+         * <p>
+         * The <code>disconnectTolerance</code> value represents the maximum number of tries a browser will attempt
+         * in the case of a disconnection. Usually any disconnection is considered a failure,
+         * but this option allows you to define a tolerance level when there is a flaky network link between
+         * the Karma server and the browsers.
+         * </p>
+         */
+        browserDisconnectTolerance?: number;
+        /**
+         * @default 10000
+         * @description How long will Karma wait for a message from a browser before disconnecting from it (in ms).
+         * <p>
+         * If, during test execution, Karma does not receive any message from a browser within
+         * <code>browserNoActivityTimeout</code> (ms), it will disconnect from the browser
+         * </p>
+         */
+        browserNoActivityTimeout?: number;
+        /**
+         * @default []
+         * Possible Values:
+         * <ul>
+         *     <li>Chrome (launcher comes installed with Karma)</li>
+         *     <li>ChromeCanary (launcher comes installed with Karma)</li>
+         *     <li>PhantomJS (launcher comes installed with Karma)</li>
+         *     <li>Firefox (launcher requires karma-firefox-launcher plugin)</li>
+         *     <li>Opera (launcher requires karma-opera-launcher plugin)</li>
+         *     <li>Internet Explorer (launcher requires karma-ie-launcher plugin)</li>
+         *     <li>Safari (launcher requires karma-safari-launcher plugin)</li>
+         * </ul>
+         * @description A list of browsers to launch and capture. When Karma starts up, it will also start up each browser
+         * which is placed within this setting. Once Karma is shut down, it will shut down these browsers as well.
+         * You can capture any browser manually by opening the browser and visiting the URL where
+         * the Karma web server is listening (by default it is <code>http://localhost:9876/</code>).
+         */
+        browsers?: string[];
+        /**
+         * @default 60000
+         * @description Timeout for capturing a browser (in ms).
+         * <p>
+         * The <code>captureTimeout</code> value represents the maximum boot-up time allowed for a
+         * browser to start and connect to Karma. If any browser does not get captured within the timeout, Karma
+         * will kill it and try to launch it again and, after three attempts to capture it, Karma will give up.
+         * </p>
+         */
+        captureTimeout?: number;
+        client?: ClientOptions;
+        /**
+         * @default true
+         * @description Enable or disable colors in the output (reporters and logs).
+         */
+        colors?: boolean;
+        /**
+         * @default 'Infinity'
+         * @description How many browsers Karma launches in parallel.
+         * Especially on services like SauceLabs and Browserstack, it makes sense only to launch a limited
+         * amount of browsers at once, and only start more when those have finished. Using this configuration,
+         * you can specify how many browsers should be running at once at any given point in time.
+         */
+        concurrency?: number;
+        customLaunchers?: { [key: string]: CustomLauncher };
+        /**
+         * @default []
+         * @description List of files/patterns to exclude from loaded files.
+         */
+        exclude?: string[];
+        /**
+         * @default []
+         * @description List of files/patterns to load in the browser.
+         */
+        files?: (FilePattern | string)[];
+        /**
+         * @default []
+         * @description List of test frameworks you want to use. Typically, you will set this to ['jasmine'], ['mocha'] or ['qunit']...
+         * Please note just about all frameworks in Karma require an additional plugin/framework library to be installed (via NPM).
+         */
+        frameworks?: string[];
+        /**
+         * @default 'localhost'
+         * @description Hostname to be used when capturing browsers.
+         */
+        hostname?: string;
+        /**
+         * @default {}
+         * @description Options object to be used by Node's https class.
+         * Object description can be found in the
+         * [NodeJS.org API docs](https://nodejs.org/api/tls.html#tls_tls_createserver_options_secureconnectionlistener)
+         */
+        httpsServerOptions?: https.ServerOptions;
+        /**
+         * @default config.LOG_INFO
+         * Possible values:
+         * <ul>
+         *   <li>config.LOG_DISABLE</li>
+         *   <li>config.LOG_ERROR</li>
+         *   <li>config.LOG_WARN</li>
+         *   <li>config.LOG_INFO</li>
+         *   <li>config.LOG_DEBUG</li>
+         * </ul>
+         * @description Level of logging.
+         */
+        logLevel?: string;
+        /**
+         * @default [{type: 'console'}]
+         * @description A list of log appenders to be used. See the documentation for [log4js] for more information.
+         */
+        loggers?: Log4jsAppenderConfigBase[];
+        /**
+         * @default []
+         * @description List of names of additional middleware you want the
+         * Karma server to use. Middleware will be used in the order listed.
+         * You must have installed the middleware via a plugin/framework
+         * (either inline or via NPM). Additional information can be found in
+         * [plugins](http://karma-runner.github.io/2.0/config/plugins.html).
+         * The plugin must provide an express/connect middleware function
+         * (details about this can be found in the
+         * [Express](http://expressjs.com/guide/using-middleware.html) docs).
+         */
+        middleware?: string[];
+        /**
+         * @default {}
+         * @description Redefine default mapping from file extensions to MIME-type.
+         * Set property name to required MIME, provide Array of extensions (without dots) as it's value.
+         */
+        mime?: {[type: string]: string[]};
+        /**
+         * @default ['karma-*']
+         * @description List of plugins to load. A plugin can be a string (in which case it will be required
+         * by Karma) or an inlined plugin - Object.
+         * By default, Karma loads all sibling NPM modules which have a name starting with karma-*.
+         * Note: Just about all plugins in Karma require an additional library to be installed (via NPM).
+         */
+        plugins?: any[];
+        /**
+         * @default 9876
+         * @description The port where the web server will be listening.
+         */
+        port?: number;
+        /**
+         * @default {'**\/*.coffee': 'coffee'}
+         * @description A map of preprocessors to use.
+         *
+         * Preprocessors can be loaded through [plugins].
+         *
+         * Note: Just about all preprocessors in Karma (other than CoffeeScript and some other defaults)
+         * require an additional library to be installed (via NPM).
+         *
+         * Be aware that preprocessors may be transforming the files and file types that are available at run time. For instance,
+         * if you are using the "coverage" preprocessor on your source files, if you then attempt to interactively debug
+         * your tests, you'll discover that your expected source code is completely changed from what you expected.  Because
+         * of that, you'll want to engineer this so that your automated builds use the coverage entry in the "reporters" list,
+         * but your interactive debugging does not.
+         *
+         */
+        preprocessors?: { [name: string]: string | string[] }
+        /**
+         * @default 'http:'
+         * Possible Values:
+         * <ul>
+         *   <li>http:</li>
+         *   <li>https:</li>
+         * </ul>
+         * @description Protocol used for running the Karma webserver.
+         * Determines the use of the Node http or https class.
+         * Note: Using <code>'https:'</code> requires you to specify <code>httpsServerOptions</code>.
+         */
+        protocol?: string;
+        /**
+         * @default {}
+         * @description A map of path-proxy pairs.
+         */
+        proxies?: { [path: string]: string }
+        /**
+         * @default true
+         * @description Whether or not Karma or any browsers should raise an error when an inavlid SSL certificate is found.
+         */
+        proxyValidateSSL?: boolean;
+        /**
+         * @default 0
+         * @description Karma will report all the tests that are slower than given time limit (in ms).
+         * This is disabled by default (since the default value is 0).
+         */
+        reportSlowerThan?: number;
+        /**
+         * @default ['progress']
+         * Possible Values:
+         * <ul>
+         *   <li>dots</li>
+         *   <li>progress</li>
+         * </ul>
+         * @description A list of reporters to use.
+         * Additional reporters, such as growl, junit, teamcity or coverage can be loaded through plugins.
+         * Note: Just about all additional reporters in Karma (other than progress) require an additional library to be installed (via NPM).
+         */
+        reporters?: string[];
+        /**
+         * @default false
+         * @description Continuous Integration mode.
+         * If true, Karma will start and capture all configured browsers, run tests and then exit with an exit code of 0 or 1 depending
+         * on whether all tests passed or any tests failed.
+         */
+        singleRun?: boolean;
+        /**
+         * @default ['polling', 'websocket']
+         * @description An array of allowed transport methods between the browser and testing server. This configuration setting
+         * is handed off to [socket.io](http://socket.io/) (which manages the communication
+         * between browsers and the testing server).
+         */
+        transports?: string[];
+        /**
+         * @default '/'
+         * @description The base url, where Karma runs.
+         * All of Karma's urls get prefixed with the urlRoot. This is helpful when using proxies, as
+         * sometimes you might want to proxy a url that is already taken by Karma.
+         */
+        urlRoot?: string;
+    }
+
+    interface ClientOptions {
+        /**
+         * @default undefined
+         * @description When karma run is passed additional arguments on the command-line, they
+         * are passed through to the test adapter as karma.config.args (an array of strings).
+         * The client.args option allows you to set this value for actions other than run.
+         * How this value is used is up to your test adapter - you should check your adapter's
+         * documentation to see how (and if) it uses this value.
+         */
+        args?: string[];
+        /**
+         * @default true
+         * @description Run the tests inside an iFrame or a new window
+         * If true, Karma runs the tests inside an iFrame. If false, Karma runs the tests in a new window. Some tests may not run in an
+         * iFrame and may need a new window to run.
+         */
+        useIframe?: boolean;
+        /**
+         * @default true
+         * @description Capture all console output and pipe it to the terminal.
+         */
+        captureConsole?: boolean;
+        /**
+         * @default false
+         * @description Run the tests on the same window as the client, without using iframe or a new window
+         */
+        runInParent?: boolean;
+        /**
+         * @default true
+         * @description Clear the context window
+         * If true, Karma clears the context window upon the completion of running the tests.
+         * If false, Karma does not clear the context window upon the completion of running the tests.
+         * Setting this to false is useful when embedding a Jasmine Spec Runner Template.
+         */
+        clearContext?: boolean;
+    }
+
+    interface FilePattern {
+        /**
+         * The pattern to use for matching. This property is mandatory.
+         */
+        pattern: string;
+        /**
+         * @default true
+         * @description If <code>autoWatch</code> is true all files that have set watched to true will be watched
+         * for changes.
+         */
+        watched?: boolean;
+        /**
+         * @default true
+         * @description Should the files be included in the browser using <script> tag? Use false if you want to
+         * load them manually, eg. using Require.js.
+         */
+        included?: boolean;
+        /**
+         * @default true
+         * @description Should the files be served by Karma's webserver?
+         */
+        served?: boolean;
+        /**
+         * @default false
+         * @description Should the files be served from disk on each request by Karma's webserver?
+         */
+        nocache?: boolean;
+    }
+
+    interface CustomLauncher {
+        base: string;
+        browserName?: string;
+        flags?: string[];
+        platform?: string;
+    }
+}
+
+declare var karma: karma.Karma;
+
+export = karma;
diff --git a/types/karma/v1/karma-tests.ts b/types/karma/v1/karma-tests.ts
new file mode 100644
index 0000000000..a8adc36f45
--- /dev/null
+++ b/types/karma/v1/karma-tests.ts
@@ -0,0 +1,130 @@
+import gulp = require('gulp');
+import karma = require('karma');
+
+
+function runKarma(singleRun: boolean): void {
+    // MEMO: `start` method is deprecated since 0.13. It will be removed in 0.14.
+    karma.server.start({
+        configFile: __dirname + '/karma.conf.js',
+        singleRun: singleRun
+    });
+}
+
+gulp.task('test:unit:karma', gulp.parallel('build:test:unit', () => runKarma(true)));
+
+
+
+karma.server.start({port: 9876}, (exitCode: number) => {
+  console.log('Karma has exited with ' + exitCode);
+  process.exit(exitCode);
+});
+
+
+karma.runner.run({port: 9876}, (exitCode: number) => {
+  console.log('Karma has exited with ' + exitCode);
+  process.exit(exitCode);
+});
+
+karma.stopper.stop({port: 9876}, function(exitCode) {
+  if (exitCode === 0) {
+    console.log('Server stop as initiated')
+  }
+  process.exit(exitCode)
+});
+
+//var Server = require('karma').Server; => cannot use this syntax otherwise Server is of type any
+var server = new karma.Server({logLevel: 'debug', port: 9876}, function(exitCode: number) {
+    console.log('Karma has exited with ' + exitCode);
+    process.exit(exitCode);
+});
+
+server.start();
+
+server.refreshFiles();
+
+server.on('browser_register', function (browser: any) {
+    console.log('A new browser was registered');
+});
+
+server.on('run_complete', (browsers, results) => {
+   results.disconnected = false;
+   results.error = false;
+   results.exitCode = 0;
+   results.failed = 9;
+   results.success = 10;
+});
+
+//var runner = require('karma').runner; => cannot use this syntax otherwise runner is of type any
+karma.runner.run({port: 9876}, function(exitCode: number) {
+    console.log('Karma has exited with ' + exitCode);
+    process.exit(exitCode);
+});
+
+//
+
+var captured: boolean = karma.launcher.areAllCaptured();
+
+
+// Example of configuration file karma.conf.ts, see http://karma-runner.github.io/0.13/config/configuration-file.html
+module.exports = function(config: karma.Config) {
+  config.set({
+    logLevel: config.LOG_DEBUG,
+    basePath: '..',
+    urlRoot: '/base/',
+    frameworks: ['jasmine'],
+
+    files: [
+      'file1.js',
+      'file2.js',
+      'file3.js',
+      {
+        pattern: '**/*.html',
+        included: false
+      }
+    ],
+
+    reporters: [
+      'progress',
+      'coverage'
+    ],
+
+    middleware: ['foo', 'bar'],
+
+    mime: {
+      'text/x-typescript': ['ts', 'tsx']
+    },
+
+    preprocessors: {
+      'app.js': ['coverage']
+    },
+
+    port: 9876,
+
+    autoWatch: true,
+
+    browsers: [
+      'Chrome',
+      'Firefox'
+    ],
+    customLaunchers: {
+      ChromiumHeadless_without_security: {
+        base: 'ChromiumHeadless',
+        flags: ['--no-sandbox', '--disable-setuid-sandbox'],
+      },
+    },
+
+    singleRun: true
+  });
+};
+
+const foo = (config: karma.Config) => {
+  config.set({
+    client: {
+      args: ['a', 'b'],
+      useIframe: true,
+      runInParent: true,
+      captureConsole: true,
+      clearContext: true
+    }
+  });
+};
diff --git a/types/karma/v1/tsconfig.json b/types/karma/v1/tsconfig.json
new file mode 100644
index 0000000000..ff1092de3c
--- /dev/null
+++ b/types/karma/v1/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "karma": [ "karma/v1" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "karma-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/karma/v1/tslint.json b/types/karma/v1/tslint.json
new file mode 100644
index 0000000000..a41bf5d19a
--- /dev/null
+++ b/types/karma/v1/tslint.json
@@ -0,0 +1,79 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/kdbush/index.d.ts b/types/kdbush/index.d.ts
index 3ef758b85e..bea0366da0 100644
--- a/types/kdbush/index.d.ts
+++ b/types/kdbush/index.d.ts
@@ -1,14 +1,27 @@
 // Type definitions for kdbush 1.0
 // Project: https://github.com/mourner/kdbush
 // Definitions by: DenisCarriere <https://github.com/DenisCarriere>
+//                 Christian Scott <https://github.com/chrfrasco>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 type Points = number[][];
 type Get<T> = (point: T) => number;
-type ArrayType = typeof Int32Array | typeof Array;
+type ArrayType =
+  typeof Int8Array
+  | typeof Int16Array
+  | typeof Int32Array
+  | typeof Float32Array
+  | typeof Float64Array
+  | typeof Array;
 
 declare function kdbush(points: Points): kdbush.KDBush<Points>;
-declare function kdbush<T>(points: T[], getX: Get<T>, getY: Get<T>, nodeSize?: number, ArrayType?: ArrayType): kdbush.KDBush<T>;
+declare function kdbush<T>(
+  points: T[],
+  getX: Get<T>,
+  getY: Get<T>,
+  nodeSize?: number,
+  ArrayType?: ArrayType
+): kdbush.KDBush<T>;
 declare namespace kdbush {
   class KDBush<T> {
     ids: number[];
diff --git a/types/kdbush/kdbush-tests.ts b/types/kdbush/kdbush-tests.ts
index e552af4c19..5ee6165fcb 100644
--- a/types/kdbush/kdbush-tests.ts
+++ b/types/kdbush/kdbush-tests.ts
@@ -1,10 +1,19 @@
-import * as kdbush from 'kdbush';
-import { KDBush } from 'kdbush';
+import * as kdbush from "kdbush";
+import { KDBush } from "kdbush";
 
 // API
 const points = [[110, 60], [130, 40]];
 const index = kdbush(points);
 
+// Specify array constructor
+const pick = (index: number) => (point: number[]) => point[index];
+kdbush(points, pick(0), pick(1), 64, Int8Array);
+kdbush(points, pick(0), pick(1), 64, Int16Array);
+kdbush(points, pick(0), pick(1), 64, Int32Array);
+kdbush(points, pick(0), pick(1), 64, Float32Array);
+kdbush(points, pick(0), pick(1), 64, Float64Array);
+kdbush(points, pick(0), pick(1), 64, Array);
+
 // properties
 index.nodeSize;
 index.points;
@@ -20,8 +29,8 @@ index.within(10, 10, 5);
 index.within(10, 10, 5).map(id => points[id]);
 
 // custom points (object)
-const xy = [{x: 110, y: 60}, {x: 130, y: 40}];
-const index2: KDBush<{x: number, y: number}> = kdbush(xy, p => p.x, p => p.y);
+const xy = [{ x: 110, y: 60 }, { x: 130, y: 40 }];
+const index2: KDBush<{ x: number; y: number }> = kdbush(xy, p => p.x, p => p.y);
 index2.points[0].x;
 index2.points[0].y;
 index2.points.map(p => [p.x, p.y]);
diff --git a/types/kdbxweb/index.d.ts b/types/kdbxweb/index.d.ts
new file mode 100644
index 0000000000..f2f487156c
--- /dev/null
+++ b/types/kdbxweb/index.d.ts
@@ -0,0 +1,577 @@
+// Type definitions for kdbxweb 1.2
+// Project: https://github.com/keeweb/kdbxweb#readme
+// Definitions by: Roang-zero1 <https://github.com/Roang-zero1>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export type KdbxObject = Entry | Group;
+export type StringProtected = ProtectedValue | string;
+
+export interface Settings {
+    binaries?: boolean;
+    customIcons?: boolean;
+    historyRules?: boolean;
+}
+
+export interface ObjectMap {
+    objects: KdbxObject[];
+    remote: KdbxObject[];
+    deleted: KdbxObject[];
+}
+
+export interface BinaryInforamtion {
+    ref: string;
+    value: ProtectedValue | ArrayBuffer;
+}
+
+export interface editingState {
+    added: [Date];
+    deleted: [Date];
+}
+
+export interface editingStateDict {
+    meta: editingState;
+    [uuid: string]: editingState;
+}
+
+export class Credentials {
+    constructor(
+        password: ProtectedValue,
+        keyFile: string | ArrayBuffer | Uint8Array
+    );
+
+    getHash(): Promise<ArrayBuffer>;
+
+    setKeyFile(keyFile: ArrayBuffer | Uint8Array | null): Promise<void>;
+
+    setPassword(password: ProtectedValue | null): Promise<void>;
+
+    static createKeyFileWithHash(hash: string): Uint8Array;
+
+    static createRandomKeyFile(): Uint8Array;
+}
+
+export class Int64 {
+    constructor(lo: number, hi: number);
+
+    lo: number;
+    hi: number;
+
+    valueOf(): number;
+
+    static from(value: number): Int64;
+}
+
+export class Kdbx {
+    constructor();
+
+    header: Header;
+    credentials: Credentials;
+    meta: Meta;
+    xml: Document;
+    binaries: Binaries;
+    groups: Group[];
+    deletedObjects: KdbxObject[];
+
+    addDeletedObject(uuid: KdbxUuid, dt: Date): void;
+
+    cleanup(settings: Settings): void;
+
+    createBinary(
+        value: ProtectedValue | ArrayBuffer
+    ): Promise<ProtectedValue | ArrayBuffer>;
+
+    createDefaultGroup(): void;
+
+    createEntry(group: Group): Entry;
+
+    createGroup(group: Group, name: StringProtected): Group;
+
+    createRecycleBin(): void;
+
+    getDefaultGroup(): Group;
+
+    getGroup(uuid: KdbxUuid | string, parentGroup?: Group): Group | undefined;
+
+    getLocalEditState(): editingStateDict;
+
+    merge(remote: Kdbx): void;
+
+    move(object: KdbxObject, toGroup: Group, atIndex?: number): void;
+
+    remove(object: KdbxObject): void;
+
+    removeLocalEditState(): void;
+
+    save(): Promise<ArrayBuffer>;
+
+    saveXml(): Promise<string>;
+
+    setLocalEditState(editingState: editingStateDict): void;
+
+    upgrade(): void;
+
+    static create(credentials: Credentials, name: string): Kdbx;
+
+    static load(data: ArrayBuffer, credentials: Credentials): Promise<Kdbx>;
+
+    static loadXml(data: string, credentials: Credentials): Promise<Kdbx>;
+}
+
+export class KdbxError {
+    constructor(code: number, message: string);
+
+    name: "KdbxError";
+    code: number;
+    message: string;
+
+    // Native method; no parameter or return type inference available
+    toString(): string;
+}
+
+export class KdbxUuid {
+    constructor(ab: string | ArrayBuffer);
+
+    id: string | undefined;
+    empty: boolean;
+
+    equals(other: KdbxUuid): boolean;
+
+    toBytes(): Uint8Array | undefined;
+
+    toString(): string;
+
+    valueOf(): string | undefined;
+
+    static random(): KdbxUuid;
+}
+
+export class ProtectedValue {
+    constructor(value: ArrayBuffer, salt: ArrayBuffer);
+
+    clone(): ProtectedValue;
+
+    getBinary(): Uint8Array;
+
+    getHash(): Promise<ArrayBuffer>;
+
+    getText(): string;
+
+    includes(str: string): boolean;
+
+    setSalt(newSalt: ArrayBuffer): void;
+
+    toString(): string;
+
+    static fromBinary(binary: ArrayBuffer): ProtectedValue;
+
+    static fromString(str: string): ProtectedValue;
+}
+
+export class VarDictionary {
+    constructor();
+
+    get(key: string): object;
+
+    keys(): string[];
+
+    remove(key: string): void;
+
+    set(key: string, type: number, value: object): void;
+
+    write(stm: BinaryStream): void;
+
+    static ValueType: {
+        Bool: number;
+        Bytes: number;
+        Int32: number;
+        Int64: number;
+        String: number;
+        UInt32: number;
+        UInt64: number;
+    };
+
+    static read(stm: BinaryStream): VarDictionary;
+}
+
+export const Consts: {
+    AutoTypeObfuscationOptions: {
+        None: number;
+        UseClipboard: number;
+    };
+    CipherId: {
+        Aes: string;
+        ChaCha20: string;
+    };
+    CompressionAlgorithm: {
+        GZip: number;
+        None: number;
+    };
+    CrsAlgorithm: {
+        ArcFourVariant: number;
+        ChaCha20: number;
+        Null: number;
+        Salsa20: number;
+    };
+    Defaults: {
+        HistoryMaxItems: number;
+        HistoryMaxSize: number;
+        KeyEncryptionRounds: number;
+        MntncHistoryDays: number;
+        RecycleBinName: string;
+    };
+    ErrorCodes: {
+        BadSignature: string;
+        FileCorrupt: string;
+        InvalidArg: string;
+        InvalidKey: string;
+        InvalidVersion: string;
+        MergeError: string;
+        NotImplemented: string;
+        Unsupported: string;
+    };
+    Icons: {
+        Apple: number;
+        Archive: number;
+        BlackBerry: number;
+        Book: number;
+        CDRom: number;
+        Certificate: number;
+        Checked: number;
+        ClipboardReady: number;
+        Clock: number;
+        Configuration: number;
+        Console: number;
+        Digicam: number;
+        Disk: number;
+        Drive: number;
+        DriveWindows: number;
+        EMail: number;
+        EMailBox: number;
+        EMailSearch: number;
+        Energy: number;
+        EnergyCareful: number;
+        Expired: number;
+        Feather: number;
+        Folder: number;
+        FolderOpen: number;
+        FolderPackage: number;
+        Home: number;
+        Homebanking: number;
+        IRCommunication: number;
+        Identity: number;
+        Info: number;
+        Key: number;
+        List: number;
+        LockOpen: number;
+        MarkedDirectory: number;
+        Memory: number;
+        Money: number;
+        Monitor: number;
+        MultiKeys: number;
+        NetworkServer: number;
+        Note: number;
+        Notepad: number;
+        Package: number;
+        PaperFlag: number;
+        PaperLocked: number;
+        PaperNew: number;
+        PaperQ: number;
+        PaperReady: number;
+        Parts: number;
+        Pen: number;
+        Printer: number;
+        ProgramIcons: number;
+        Run: number;
+        Scanner: number;
+        Screen: number;
+        Settings: number;
+        Star: number;
+        TerminalEncrypted: number;
+        Thumbnail: number;
+        Tool: number;
+        TrashBin: number;
+        Tux: number;
+        UserCommunication: number;
+        UserKey: number;
+        Warning: number;
+        Wiki: number;
+        World: number;
+        WorldComputer: number;
+        WorldSocket: number;
+        WorldStar: number;
+    };
+    KdfId: {
+        Aes: string;
+        Argon2: string;
+    };
+    Signatures: {
+        FileMagic: number;
+        Sig2Kdb: number;
+        Sig2Kdbx: number;
+    };
+};
+
+export namespace ByteUtils {
+    function arrayBufferEquals(ab1: ArrayBuffer, ab2: ArrayBuffer): boolean;
+
+    function arrayToBuffer(arr: Uint8Array | ArrayBuffer): ArrayBuffer;
+
+    function base64ToBytes(str: string): Uint8Array;
+
+    function bytesToBase64(arr: Uint8Array | ArrayBuffer): string;
+
+    function bytesToHex(arr: Uint8Array | ArrayBuffer): string;
+
+    function bytesToString(arr: Uint8Array | ArrayBuffer): string;
+
+    function hexToBytes(hex: string): Uint8Array;
+
+    function stringToBytes(str: string): Uint8Array;
+
+    function zeroBuffer(buffer: Uint8Array | ArrayBuffer): void;
+}
+
+export namespace CryptoEngine {
+    const subtle: SubtleCrypto | null;
+    const webCrypto: Crypto | null;
+    const NodeCrypto: Crypto | null;
+
+    function argon2(
+        password: ArrayBuffer,
+        salt: ArrayBuffer,
+        memory: number,
+        iterations: number,
+        length: number,
+        parallelism: number,
+        type: number,
+        version: number
+    ): Promise<ArrayBuffer>;
+
+    function chacha20(
+        data: ArrayBuffer,
+        key: ArrayBuffer,
+        iv: ArrayBuffer
+    ): Promise<ArrayBuffer>;
+
+    function configure(
+        newSubtle: SubtleCrypto | null,
+        newWebCrypto: Crypto | null,
+        newNodeCrypto: Crypto | null
+    ): void;
+
+    function createAesCbc(): any;
+
+    function hmacSha256(
+        key: ArrayBuffer,
+        data: ArrayBuffer
+    ): Promise<ArrayBuffer>;
+
+    function random(len: number): Uint8Array;
+
+    function sha256(data: ArrayBuffer): Promise<ArrayBuffer>;
+
+    function sha512(data: ArrayBuffer): Promise<ArrayBuffer>;
+}
+
+export namespace Random {
+    function getBytes(len: number): Uint8Array;
+}
+
+export class BinaryStream {
+    constructor(arrayBuffer: ArrayBuffer);
+
+    getByteLength(): number;
+
+    getFloat32(littleEdian?: boolean): number;
+
+    getFloat64(littleEdian?: boolean): number;
+
+    getInt16(littleEdian?: boolean): number;
+
+    getInt32(littleEdian?: boolean): number;
+
+    getInt8(littleEdian?: boolean): number;
+
+    getPos(): number;
+
+    getUint16(littleEdian?: boolean): number;
+
+    getUint32(littleEdian?: boolean): number;
+
+    getUint64(littleEdian?: boolean): number;
+
+    getUint8(littleEdian?: boolean): number;
+
+    getWrittenBytes(): ArrayBuffer;
+
+    readBytes(size: number): ArrayBuffer;
+
+    readBytesNoAdvance(startPos: number, endPos: number): ArrayBuffer;
+
+    readBytesToEnd(): ArrayBuffer;
+
+    setFloat32(value: number, littleEdian?: boolean): void;
+
+    setFloat64(value: number, littleEdian?: boolean): void;
+
+    setInt16(value: number, littleEdian?: boolean): void;
+
+    setInt32(value: number, littleEdian?: boolean): void;
+
+    setInt8(value: number, littleEdian?: boolean): void;
+
+    setUint16(value: number, littleEdian?: boolean): void;
+
+    setUint32(value: number, littleEdian?: boolean): void;
+
+    setUint64(value: number, littleEdian?: boolean): void;
+
+    setUint8(value: number, littleEdian?: boolean): void;
+
+    writeBytes(bytes: ArrayBuffer | Uint8Array): void;
+}
+
+export class Binaries {
+    constructor();
+
+    hash(): Promise<any[]>;
+    getBinaryHash(
+        binary: ProtectedValue | ArrayBuffer | Uint8Array
+    ): Promise<string>;
+    assignIds(): void;
+    add(value: ProtectedValue | ArrayBuffer): Promise<BinaryInforamtion>;
+}
+
+export class Context {
+    constructor(opts: Kdbx);
+
+    setXmlDate(node: Node, dt: Date): void;
+}
+
+export class Group {
+    constructor();
+
+    uuid: KdbxUuid;
+    name: StringProtected;
+    notes: StringProtected;
+    icon: number;
+    customIcon: KdbxUuid;
+    times: Times;
+    expanded: boolean;
+    defaultAutoTypeSeq: StringProtected;
+    enableAutoType: boolean;
+    enableSearching: boolean;
+    lastTopVisibleEntry: KdbxUuid;
+    groups: Group[];
+    entries: Entry[];
+    parentGroup: Group;
+    customData: {};
+
+    static create(name: StringProtected, parentGroup: Group): Group;
+    static read(xmlNode: Node, ctx: Context, parentGroup: Group): Group;
+
+    write(parentNode: Node, ctx: Context): void;
+    forEach(
+        callback: (
+            thisArg: (value: any) => void,
+            entry: Entry | undefined
+        ) => void,
+        thisArg: (value: any) => void
+    ): void;
+    merge(objectMap: ObjectMap): void;
+    copyFrom(group: Group): void;
+}
+
+export class Entry {
+    constructor();
+
+    uuid: KdbxUuid;
+    icon: number;
+    customIcon: KdbxUuid;
+    fgColor: StringProtected;
+    bgColor: StringProtected;
+    overrideUrl: StringProtected;
+    tags: string[];
+    times: Times;
+    fields: { [key: string]: StringProtected };
+    binaries: {};
+    autoType: {
+        enabled: boolean;
+        obfuscation: number;
+        defaultSequence: string;
+        items: {
+            windows: string;
+            keystrokeSequence: string;
+        };
+    };
+    history: Entry[];
+    parentGroup: Group;
+    customData: {};
+
+    static create(meta: Meta, parentGroup: Group): Entry;
+    static read(xmlNode: Node, ctx: Context, parentGroup: Group): Entry;
+
+    write(parentNode: Node, ctx: Context): void;
+    pushHistory(): void;
+    removeHistory(index: number, count: number): void;
+    copyFrom(entry: Entry): void;
+    merge(objectMap: ObjectMap): void;
+}
+
+export class Meta {
+    constructor();
+
+    static create(): Meta;
+    static read(xmlNode: Node, ctx: Context): Meta;
+
+    write(parentNode: Node, ctx: Context): void;
+    merge(remote: Meta, objectMap: ObjectMap): void;
+}
+
+export class Header {
+    constructor();
+
+    compression: number;
+    crsAlgorithm: number;
+    dataCipherUuid: KdbxUuid;
+    encryptionIV: any;
+    endPos: number;
+    kdfParameters: VarDictionary;
+    keyEncryptionRounds: number;
+    masterSeed: Uint8Array;
+    protectedStreamKey: any;
+    publicCustomData: any;
+    streamStartBytes: any;
+    transformSeed: any;
+    versionMajor: number;
+    versionMinor: number;
+
+    static read(stm: BinaryStream, ctx: Context): Header;
+    static create(): Header;
+
+    generateSalts(): void;
+    readInnerHeader(stm: BinaryStream, ctx: Context): void;
+    upgrade(): void;
+    write(stm: BinaryStream): void;
+    writeInnerHeader(stm: BinaryStream, ctx: Context): void;
+}
+
+export class Times {
+    constructor();
+
+    creationTime: Date;
+    lastModTime: Date;
+    lastAccessTime: Date;
+    expiryTime: Date;
+    expires: boolean;
+    usageCount: number;
+    locationChanged: Date;
+
+    static create(): Times;
+    static read(xmlNode: Node): Times;
+
+    clone(): Times;
+    update(): void;
+    write(parentNode: Node, ctx: Context): void;
+}
diff --git a/types/kdbxweb/kdbxweb-tests.ts b/types/kdbxweb/kdbxweb-tests.ts
new file mode 100644
index 0000000000..86a312adb7
--- /dev/null
+++ b/types/kdbxweb/kdbxweb-tests.ts
@@ -0,0 +1,34 @@
+import * as kdbxweb from "kdbxweb";
+
+const dataarr = new ArrayBuffer(0);
+
+const credentials = new kdbxweb.Credentials(
+    kdbxweb.ProtectedValue.fromString("demo"),
+    "nFWx&e5SzT"
+);
+
+kdbxweb.Kdbx.load(dataarr, credentials).then(db => db);
+kdbxweb.Kdbx.loadXml("data", credentials).then(db => db);
+
+const newDb = kdbxweb.Kdbx.create(credentials, "My new db");
+const defaultGroup = newDb.getDefaultGroup();
+const group = newDb.createGroup(defaultGroup, "subgroup");
+const anotherGroup = newDb.createGroup(group, "subgroup-2");
+const yetAnotherGroup = newDb.createGroup(group, "subgroup-3");
+const deepGroup = defaultGroup.groups[0].groups[0];
+
+if (newDb.getGroup(yetAnotherGroup.uuid)) {
+    newDb.remove(yetAnotherGroup);
+}
+const entry = newDb.createEntry(group);
+newDb.move(entry, anotherGroup);
+newDb.remove(entry);
+
+newDb.save().then(dataAsArrayBuffer => dataAsArrayBuffer);
+newDb.saveXml().then(xmlAsString => xmlAsString);
+
+newDb.cleanup({
+    customIcons: true
+});
+
+newDb.upgrade();
diff --git a/types/kdbxweb/tsconfig.json b/types/kdbxweb/tsconfig.json
new file mode 100644
index 0000000000..77578b1129
--- /dev/null
+++ b/types/kdbxweb/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "kdbxweb-tests.ts"
+    ]
+}
diff --git a/types/kdbxweb/tslint.json b/types/kdbxweb/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/kdbxweb/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/kerberos/index.d.ts b/types/kerberos/index.d.ts
new file mode 100644
index 0000000000..eaebdb5a84
--- /dev/null
+++ b/types/kerberos/index.d.ts
@@ -0,0 +1,190 @@
+// Type definitions for kerberos 1.1
+// Project: https://github.com/mongodb-js/kerberos#readme
+// Definitions by: Shervin Sarain <https://github.com/velezsarain>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export const GSS_C_DELEG_FLAG: number;
+export const GSS_C_MUTUAL_FLAG: number;
+export const GSS_C_REPLAY_FLAG: number;
+export const GSS_C_SEQUENCE_FLAG: number;
+export const GSS_C_CONF_FLAG: number;
+export const GSS_C_INTEG_FLAG: number;
+export const GSS_C_ANON_FLAG: number;
+export const GSS_C_PROT_READY_FLAG: number;
+export const GSS_C_TRANS_FLAG: number;
+
+export const GSS_C_NO_OID: number;
+export const GSS_MECH_OID_KRB5: number;
+export const GSS_MECH_OID_SPNEGO: number;
+
+// Interfaces for configuration objects
+/**
+ * @description Optional settings for *KerberosClient.wrap* method
+ */
+export interface WrapOptions {
+    /**
+     * @description The user to authorize
+     */
+    user?: string;
+}
+
+/**
+ * @description Optional settings for *KerberosClient.wrap* method
+ */
+export interface InitializeClientOptions {
+    /**
+     * @description Optional string containing the client principal in the form '`user@realm`'
+     */
+    principal?: string;
+    /**
+     * @description Optional integer used to set GSS flags. (e.g. GSS_C_DELEG_FLAG|GSS_C_MUTUAL_FLAG|GSS_C_SEQUENCE_FLAG will allow for forwarding credentials to the remote host)
+     */
+    gssFlag?: number;
+    /**
+     * @description Optional GSS mech OID. Defaults to None (GSS_C_NO_OID). Other possible values are `GSS_MECH_OID_KRB5`, `GSS_MECH_OID_SPNEGO`
+     */
+    mechOID?: number;
+}
+
+export class KerberosClient {
+    /**
+     * @description The username used for authentication
+     */
+    username: string;
+    /**
+     * @description The last response received during authentication steps
+     */
+    response: string;
+    /**
+     * @description Indicates whether confidentiality was applied or not (GSSAPI only)
+     */
+    responseConf: string;
+    /**
+     * @description Indicates that authentication has successfully completed or not
+     */
+    contextComplete: boolean;
+
+    /**
+     * Processes a single kerberos client-side step using the supplied server challenge.
+     *
+     * @param challenge A string containing the base64-encoded server data (which may be empty for the first step)
+     * @param callback
+     * @return returns Promise if no callback passed
+     */
+    step(challenge: string): Promise<string>;
+    step(challenge: string, callback: (err: string, clientResponse: string) => any): void;
+
+    /**
+     * Perform the client side kerberos wrap step.
+     *
+     * @param challenge The response returned after calling `unwrap`
+     * @param options Optional settings
+     * @param [callback]
+     * @return returns Promise if no callback passed
+     */
+    wrap(challenge: string, options?: WrapOptions): Promise<string>;
+    wrap(challenge: string, callback: (err: string, challengeResponse: string) => any): void;
+    wrap(challenge: string, options: WrapOptions, callback: (err: string, challengeResponse: string) => any): void;
+
+    /**
+     * Perform the client side kerberos unwrap step
+     *
+     * @param challenge A string containing the base64-encoded server data
+     * @param callback
+     * @return returns Promise if no callback passed
+     */
+    unwrap(challenge: string): Promise<string>;
+    unwrap(challenge: string, callback: (err: string, challengeResponse: string) => any): void;
+}
+
+export class KerberosServer {
+    /**
+     * @description  The username used for authentication
+     */
+    username: string;
+    /**
+     * @description The last response received during authentication steps
+     */
+    response: string;
+    /**
+     * @description The target used for authentication
+     */
+    targetName: string;
+    /**
+     * @description Indicates that authentication has successfully completed or not
+     */
+    contextComplete: boolean;
+
+    /**
+     * Processes a single kerberos server-side step using the supplied client data.
+     *
+     * @param challenge A string containing the base64-encoded client data
+     * @param callback
+     * @return returns Promise if no callback passed
+     */
+    step(challenge: string): Promise<string>;
+    step(challenge: string, callback: (err: string, serverResponse: string) => any): void;
+}
+
+/**
+ * This function provides a simple way to verify that a user name and password
+ * match those normally used for Kerberos authentication.
+ * It does this by checking that the supplied user name and password can be
+ * used to get a ticket for the supplied service.
+ * If the user name does not contain a realm, then the default realm supplied
+ * is used.
+ *
+ * For this to work properly the Kerberos must be configured properly on this
+ * machine.
+ * That will likely mean ensuring that the edu.mit.Kerberos preference file
+ * has the correct realms and KDCs listed.
+ *
+ * IMPORTANT: This method is vulnerable to KDC spoofing attacks and it should
+ * only be used for testing. Do not use this in any production system - your
+ * security could be compromised if you do.
+ *
+ * @param username The Kerberos user name. If no realm is supplied, then the `defaultRealm` will be used.
+ * @param password The password for the user.
+ * @param service The Kerberos service to check access for.
+ * @param defaultRealm The default realm to use if one is not supplied in the user argument.
+ * @param callback
+ * @return returns Promise if no callback passed
+ */
+export function checkPassword(name: string, password: string, service: string, defaultRealm?: string): Promise<void>;
+export function checkPassword(name: string, password: string, service: string, callback: (err: string) => any): void;
+export function checkPassword(name: string, password: string, service: string, defaultRealm: string, callback: (err: string) => any): void;
+
+/**
+ * This function returns the service principal for the server given a service type and hostname.
+ *
+ * Details are looked up via the `/etc/keytab` file.
+ *
+ * @param service The Kerberos service type for the server.
+ * @param hostname The hostname of the server.
+ * @param callback
+ * @return returns Promise if no callback passed
+ */
+export function principalDetails(service: string, hostname: string): Promise<string>;
+export function principalDetails(service: string, hostname: string, callback: (err: string, details: string) => any): void;
+
+/**
+ * Initializes a context for client-side authentication with the given service principal.
+ *
+ * @param service A string containing the service principal in the form '`type@fqdn`'.
+ * @param [options] Optional settings
+ * @param callback
+ * @return returns Promise if no callback passed
+ */
+export function initializeClient(service: string, options?: InitializeClientOptions): Promise<KerberosClient>;
+export function initializeClient(service: string, callback: (err: string, client: KerberosClient) => any): void;
+export function initializeClient(service: string, options: InitializeClientOptions, callback: (err: string, client: KerberosClient) => any): void;
+
+/**
+ * Initializes a context for server-side authentication with the given service principal.
+ *
+ * @param service A string containing the service principal in the form 'type@fqdn' (e.g. 'imap@mail.apple.com').
+ * @param callback
+ * @return returns Promise if no callback passed
+ */
+export function initializeServer(service: string): Promise<KerberosServer>;
+export function initializeServer(service: string, callback: (err: string, server: KerberosServer) => any): void;
diff --git a/types/kerberos/kerberos-tests.ts b/types/kerberos/kerberos-tests.ts
new file mode 100644
index 0000000000..8d016515c0
--- /dev/null
+++ b/types/kerberos/kerberos-tests.ts
@@ -0,0 +1,94 @@
+import * as kerberos from 'kerberos';
+
+// environment variables
+const username = 'administrator';
+const password = 'Password01';
+const realm = 'example.com';
+const hostname = 'hostname.example.com';
+const port = '80';
+let service: string;
+
+kerberos.principalDetails('HTTP', hostname, (err, details) => {
+    if (!err) {
+        return err;
+    }
+    return details;
+});
+
+kerberos.principalDetails('HTTP', hostname).then(details => {
+    return details;
+}).catch(err => {
+    return err;
+});
+
+service = `HTTP/${hostname}`;
+kerberos.checkPassword(username, password, service, realm.toUpperCase(), err => {
+    if (!err) {
+        return true;
+    }
+    return err;
+});
+
+kerberos.checkPassword(username, password, service, realm.toUpperCase()).then(() => {
+    return true;
+}).catch(err => {
+    return err;
+});
+
+service = `HTTP@${hostname}`;
+kerberos.initializeClient(service, {}, (err, client) => {
+    kerberos.initializeServer(service, (err, server) => {
+        client.step('', (err, clientResponse) => {
+            server.step(clientResponse, (err, serverResponse) => {
+                client.unwrap(clientResponse, (err, challengeResponse) => {
+                    client.wrap(challengeResponse, { user : "user" }, (err, challengeResponse2) => {
+                        return challengeResponse2;
+                    });
+                });
+            });
+        });
+    });
+});
+
+service = `HTTP@${hostname}`;
+kerberos.initializeClient(service, {}).then(client => {
+    kerberos.initializeServer(service).then(server => {
+        client.step('').then(clientResponse => {
+            server.step(clientResponse).then(serverResponse => {
+                client.unwrap(clientResponse).then(challengeResponse => {
+                    client.wrap(challengeResponse, { user : "user" }).then(challengeResponse2 => {
+                        return challengeResponse2;
+                    });
+                });
+            });
+        });
+    });
+});
+
+service = `HTTP@${hostname}`;
+const url = `http://${hostname}:${port}/`;
+
+const mechOID = kerberos.GSS_MECH_OID_KRB5;
+kerberos.initializeClient(service, { mechOID }, (err, client) => {
+    client.step('', (err, kerberosToken) => {
+        return kerberosToken;
+    });
+});
+
+kerberos.initializeClient(service, { mechOID }).then(client => {
+    client.step('', (err, kerberosToken) => {
+        return kerberosToken;
+    });
+});
+
+kerberos.initializeClient(service, (err, client) => {
+    client.step('', (err, kerberosToken) => {
+        return kerberosToken;
+    });
+});
+
+kerberos.initializeClient(service).then(client => {
+    client.step('', (err, kerberosToken) => {
+        return kerberosToken;
+    });
+});
diff --git a/types/kerberos/tsconfig.json b/types/kerberos/tsconfig.json
new file mode 100644
index 0000000000..c0e3913b2b
--- /dev/null
+++ b/types/kerberos/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "strictFunctionTypes": true,
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "kerberos-tests.ts"
+    ]
+}
diff --git a/types/kerberos/tslint.json b/types/kerberos/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/kerberos/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/keycloak-connect/index.d.ts b/types/keycloak-connect/index.d.ts
new file mode 100644
index 0000000000..de24fb84e9
--- /dev/null
+++ b/types/keycloak-connect/index.d.ts
@@ -0,0 +1,89 @@
+// Type definitions for keycloak-connect 4.5
+// Project: https://github.com/keycloak/keycloak-nodejs-connect
+// Definitions by: Gregor Stamać <https://github.com/gstamac>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { RequestHandler, Request, Response } from 'express';
+
+declare class Keycloak {
+	constructor(config: Keycloak.Config, keycloakConfig?: {} | string);
+
+	middleware(options?: Keycloak.MiddlewareOptions): RequestHandler;
+	protect(spec?: string | Keycloak.SpecHandler): RequestHandler;
+	authenticated: (request: Request) => void;
+	deauthenticated: (request: Request) => void;
+	accessDenied: (request: Request, response: Response) => void;
+	getGrant: (request: Request, response: Response) => Promise<Keycloak.Grant>;
+	storeGrant: (grant: Keycloak.Grant, request: Request, response: Response) => Keycloak.Grant;
+	unstoreGrant: (sessionId: string) => void;
+	getGrantFromCode: (code: string, request: Request, response: Response) => Promise<Keycloak.Grant>;
+	loginUrl: (uuid: string, redirectUrl: string) => string;
+	logoutUrl: (redirectUrl: string) => string;
+	accountUrl: () => string;
+	getAccount: (token: Keycloak.Token) => Promise<any>;
+	redirectToLogin: (request: Request) => boolean;
+}
+
+declare namespace Keycloak {
+	interface BaseConfig {
+		scope?: any;
+	}
+
+	interface StoreConfig extends BaseConfig {
+		store: any;
+	}
+
+	interface CookiesConfig extends BaseConfig {
+		cookies: any;
+	}
+
+	type Config = StoreConfig | CookiesConfig | BaseConfig;
+
+	interface MiddlewareOptions {
+		logout?: string;
+		admin?: string;
+	}
+
+	interface TokenContent {
+		exp: number;
+		resource_access?: any;
+		realm_access?: { roles?: string[] };
+	}
+
+	interface Token {
+		token: string;
+		clientId: string;
+		header?: any;
+      	content: TokenContent;
+      	signature?: Buffer;
+		signed?: string;
+
+		isExpired: () => boolean;
+		hasRole: (roleName: string) => boolean;
+		hasApplicationRole: (appName: string, roleName: string) => boolean;
+		hasRealmRole: (roleName: string) => boolean;
+	}
+
+	type SpecHandler = (token: Token, request: Request, response: Response) => boolean;
+
+	interface Grant {
+	    access_token: Token;
+	    refresh_token: Token;
+    	id_token: Token;
+    	expires_in: number;
+    	token_type: string;
+    	__raw: string;
+
+		update: (grant: Grant) => void;
+		toString: () => string;
+		isExpired: () => boolean;
+		store: (request: Request, response: Response) => void;
+	}
+
+	interface GrantedRequest extends Request {
+		kauth: { grant?: Grant };
+	}
+}
+
+export = Keycloak;
diff --git a/types/keycloak-connect/keycloak-connect-tests.ts b/types/keycloak-connect/keycloak-connect-tests.ts
new file mode 100644
index 0000000000..2e8d1869df
--- /dev/null
+++ b/types/keycloak-connect/keycloak-connect-tests.ts
@@ -0,0 +1,85 @@
+import { RequestHandler, Request, Response } from 'express';
+import * as Keycloak from 'keycloak-connect';
+
+let _string: string;
+let _number: number;
+let _boolean: boolean;
+let _any: any;
+
+const config: Keycloak.Config = undefined;
+
+let keycloak: Keycloak = new Keycloak(config);
+keycloak = new Keycloak(config, {});
+keycloak = new Keycloak(config, '');
+
+let request: Request;
+const response: Response = undefined;
+const options: Keycloak.MiddlewareOptions = undefined;
+const spec: Keycloak.SpecHandler = undefined;
+let grant: Keycloak.Grant;
+let token: Keycloak.Token;
+
+let handler: RequestHandler = keycloak.middleware(options);
+handler = keycloak.middleware();
+handler = keycloak.protect(spec);
+handler = keycloak.protect();
+handler = keycloak.protect('');
+keycloak.authenticated(request);
+keycloak.deauthenticated(request);
+keycloak.accessDenied(request, response);
+let grantPromise: Promise<Keycloak.Grant> = keycloak.getGrant(request, response);
+grant = keycloak.storeGrant(grant, request, response);
+keycloak.unstoreGrant('sessionId');
+grantPromise = keycloak.getGrantFromCode('code', request, response);
+_string = keycloak.loginUrl('uuid', 'redirectUrl');
+_string = keycloak.logoutUrl('redirectUrl');
+_string = keycloak.accountUrl();
+const account: Promise<any> = keycloak.getAccount(token);
+_boolean = keycloak.redirectToLogin(request);
+
+const baseConfig: Keycloak.BaseConfig = undefined;
+_any = baseConfig.scope;
+
+const storeConfig: Keycloak.StoreConfig = undefined;
+_any = storeConfig.store;
+
+const cookiesConfig: Keycloak.CookiesConfig = undefined;
+_any = cookiesConfig.cookies;
+
+const middlewareOptions: Keycloak.MiddlewareOptions = undefined;
+_string = middlewareOptions.logout;
+_string = middlewareOptions.admin;
+
+let tokenContent: Keycloak.TokenContent;
+_number = tokenContent.exp;
+_any = tokenContent.resource_access;
+const realm_access_roles: string[] = tokenContent.realm_access.roles;
+
+_string = token.token;
+_string = token.clientId;
+_any = token.header;
+tokenContent = token.content;
+const signature: Buffer = token.signature;
+_string = token.signed;
+_boolean = token.isExpired();
+_boolean = token.hasRole('roleName');
+_boolean = token.hasApplicationRole('appName', 'roleName');
+_boolean = token.hasRealmRole('roleName');
+
+const specHandler: Keycloak.SpecHandler = undefined;
+_boolean = specHandler(token, request, response);
+
+token = grant.access_token;
+token = grant.refresh_token;
+token = grant.id_token;
+_number = grant.expires_in;
+_string = grant.token_type;
+_string = grant.__raw;
+grant.update(grant);
+_string = grant.toString();
+_boolean = grant.isExpired();
+grant.store(request, response);
+
+const grantedRequest: Keycloak.GrantedRequest = undefined;
+request = grantedRequest;
+grant = grantedRequest.kauth.grant;
diff --git a/types/maxmind/tsconfig.json b/types/keycloak-connect/tsconfig.json
similarity index 92%
rename from types/maxmind/tsconfig.json
rename to types/keycloak-connect/tsconfig.json
index 0b1011f8f7..94b756188e 100644
--- a/types/maxmind/tsconfig.json
+++ b/types/keycloak-connect/tsconfig.json
@@ -18,6 +18,6 @@
     },
     "files": [
         "index.d.ts",
-        "maxmind-tests.ts"
+        "keycloak-connect-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/keycloak-connect/tslint.json b/types/keycloak-connect/tslint.json
new file mode 100644
index 0000000000..6746359dda
--- /dev/null
+++ b/types/keycloak-connect/tslint.json
@@ -0,0 +1,3 @@
+{ 
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/knex/index.d.ts b/types/knex/index.d.ts
index 55aa4afc36..3ea4e37790 100644
--- a/types/knex/index.d.ts
+++ b/types/knex/index.d.ts
@@ -1,10 +1,11 @@
-// Type definitions for Knex.js 0.14
+// Type definitions for Knex.js 0.15
 // Project: https://github.com/tgriesser/knex
 // Definitions by: Qubo <https://github.com/tkQubo>
 //                 Pablo Rodríguez <https://github.com/MeLlamoPablo>
 //                 Matt R. Wilson <https://github.com/mastermatt>
 //                 Satana Charuwichitratana <https://github.com/micksatana>
 //                 Shrey Jain <https://github.com/shreyjain1994>
+//                 Joel Shepherd <https://github.com/joelshepherd>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -14,13 +15,13 @@ import events = require("events");
 import stream = require ("stream");
 import Bluebird = require("bluebird");
 
-type Callback = Function;
-type Client = Function;
-type Value = string | number | boolean | Date | Array<string> | Array<number> | Array<Date> | Array<boolean> | Buffer | Knex.Raw;
-type ValueMap = { [key: string]: Value | Knex.QueryBuilder };
+type Callback = (...args: any[]) => void;
+type Client = (...args: any[]) => void;
+type Value = string | number | boolean | Date | string[] | number[] | Date[] | boolean[] | Buffer | Knex.Raw;
+interface ValueMap { [key: string]: Value | Knex.QueryBuilder; }
 type ColumnName = string | Knex.Raw | Knex.QueryBuilder | {[key: string]: string };
 type TableName = string | Knex.Raw | Knex.QueryBuilder;
-type Identifier = { [alias: string]: string };
+interface Identifier { [alias: string]: string; }
 
 interface Knex extends Knex.QueryInterface {
     (tableName?: TableName | Identifier): Knex.QueryBuilder;
@@ -29,7 +30,7 @@ interface Knex extends Knex.QueryInterface {
 
     raw: Knex.RawBuilder;
     transaction<T>(transactionScope: (trx: Knex.Transaction) => Promise<T> | Bluebird<T> | void): Bluebird<T>;
-    destroy(callback: Function): void;
+    destroy(callback: (...args: any[]) => void): void;
     destroy(): Bluebird<void>;
     batchInsert(tableName: TableName, data: any[], chunkSize?: number): Knex.QueryBuilder;
     schema: Knex.SchemaBuilder;
@@ -39,7 +40,7 @@ interface Knex extends Knex.QueryInterface {
     migrate: Knex.Migrator;
     seed: any;
     fn: Knex.FunctionHelper;
-    on(eventName: string, callback: Function): Knex.QueryBuilder;
+    on(eventName: string, callback: (...args: any[]) => void): Knex.QueryBuilder;
 }
 
 declare function Knex(config: Knex.Config): Knex;
@@ -129,6 +130,7 @@ declare namespace Knex {
         havingIn: HavingIn;
 
         // Clear
+        clearOrder(): QueryBuilder;
         clearSelect(): QueryBuilder;
         clearWhere(): QueryBuilder;
 
@@ -138,18 +140,18 @@ declare namespace Knex {
 
         // Aggregation
         count(...columnNames: string[]): QueryBuilder;
-        count(columnName: Record<string, string | string[] | Knex.Raw> | Knex.Raw): QueryBuilder;
-        countDistinct(columnName: string | Record<string, string | Knex.Raw> | Knex.Raw): QueryBuilder;
+        count(columnName: Record<string, string | string[] | Raw> | Raw): QueryBuilder;
+        countDistinct(columnName: string | Record<string, string | Raw> | Raw): QueryBuilder;
         min(columnName: string, ...columnNames: string[]): QueryBuilder;
-        min(columnName: Record<string, string | string[] | Knex.Raw> | Knex.Raw): QueryBuilder;
+        min(columnName: Record<string, string | string[] | Raw> | Raw): QueryBuilder;
         max(columnName: string, ...columnNames: string[]): QueryBuilder;
-        max(columnName: Record<string, string | string[] | Knex.Raw> | Knex.Raw): QueryBuilder;
+        max(columnName: Record<string, string | string[] | Raw> | Raw): QueryBuilder;
         sum(columnName: string, ...columnNames: string[]): QueryBuilder;
-        sum(columnName: Record<string, string | string[] | Knex.Raw> | Knex.Raw): QueryBuilder;
-        sumDistinct(columnName: string | Record<string, string | Knex.Raw> | Knex.Raw): QueryBuilder;
+        sum(columnName: Record<string, string | string[] | Raw> | Raw): QueryBuilder;
+        sumDistinct(columnName: string | Record<string, string | Raw> | Raw): QueryBuilder;
         avg(columnName: string, ...columnNames: string[]): QueryBuilder;
-        avg(columnName: Record<string, string | string[] | Knex.Raw> | Knex.Raw): QueryBuilder;
-        avgDistinct(columnName: string | Record<string, string | Knex.Raw> | Knex.Raw): QueryBuilder;
+        avg(columnName: Record<string, string | string[] | Raw> | Raw): QueryBuilder;
+        avgDistinct(columnName: string | Record<string, string | Raw> | Raw): QueryBuilder;
         increment(columnName: string, amount?: number): QueryBuilder;
         decrement(columnName: string, amount?: number): QueryBuilder;
 
@@ -180,17 +182,21 @@ declare namespace Knex {
     }
 
     interface Table {
-        (tableName: TableName | Identifier): QueryBuilder;
-        (callback: Function): QueryBuilder;
-        (raw: Raw): QueryBuilder;
+        // tslint:disable-next-line ban-types
+        (tableName: TableName | Identifier | Function | Raw): QueryBuilder;
     }
 
+    // tslint:disable-next-line no-empty-interface
     interface Distinct extends ColumnNameQueryBuilder {
     }
 
+    interface JoinCallback {
+        (this: JoinClause, join: JoinClause): void;
+    }
+
     interface Join {
         (raw: Raw): QueryBuilder;
-        (tableName: TableName | QueryCallback, clause: (this: JoinClause, join: JoinClause) => void): QueryBuilder;
+        (tableName: TableName | QueryCallback, clause: JoinCallback): QueryBuilder;
         (tableName: TableName | QueryCallback, columns: { [key: string]: string | number | Raw }): QueryBuilder;
         (tableName: TableName | QueryCallback, raw: Raw): QueryBuilder;
         (tableName: TableName | QueryCallback, column1: string, column2: string): QueryBuilder;
@@ -200,19 +206,19 @@ declare namespace Knex {
 
     interface JoinClause {
         on(raw: Raw): JoinClause;
-        on(callback: QueryCallback): JoinClause;
+        on(callback: JoinCallback): JoinClause;
         on(columns: { [key: string]: string | Raw }): JoinClause;
         on(column1: string, column2: string): JoinClause;
         on(column1: string, raw: Raw): JoinClause;
         on(column1: string, operator: string, column2: string | Raw): JoinClause;
         andOn(raw: Raw): JoinClause;
-        andOn(callback: QueryCallback): JoinClause;
+        andOn(callback: JoinCallback): JoinClause;
         andOn(columns: { [key: string]: string | Raw }): JoinClause;
         andOn(column1: string, column2: string): JoinClause;
         andOn(column1: string, raw: Raw): JoinClause;
         andOn(column1: string, operator: string, column2: string | Raw): JoinClause;
         orOn(raw: Raw): JoinClause;
-        orOn(callback: QueryCallback): JoinClause;
+        orOn(callback: JoinCallback): JoinClause;
         orOn(columns: { [key: string]: string | Raw }): JoinClause;
         orOn(column1: string, column2: string): JoinClause;
         orOn(column1: string, raw: Raw): JoinClause;
@@ -254,7 +260,7 @@ declare namespace Knex {
 
     interface WithRaw {
         (alias: string, raw: Raw): QueryBuilder;
-        (alias: string, sql: string, bindings?: Value[] | Object): QueryBuilder;
+        (alias: string, sql: string, bindings?: Value[] | object): QueryBuilder;
     }
 
     interface WithSchema {
@@ -269,7 +275,7 @@ declare namespace Knex {
     interface Where extends WhereRaw, WhereWrapped, WhereNull {
         (raw: Raw): QueryBuilder;
         (callback: QueryCallback): QueryBuilder;
-        (object: Object): QueryBuilder;
+        (object: object): QueryBuilder;
         (columnName: string, value: Value | null): QueryBuilder;
         (columnName: string, operator: string, value: Value | QueryBuilder | null): QueryBuilder;
         (left: Raw, operator: string, right: Value | QueryBuilder | null): QueryBuilder;
@@ -314,8 +320,8 @@ declare namespace Knex {
 
     interface Union {
         (callback: QueryCallback | QueryBuilder | Raw, wrap?: boolean): QueryBuilder;
-        (callbacks: (QueryCallback | QueryBuilder | Raw)[], wrap?: boolean): QueryBuilder;
-        (...callbacks: (QueryCallback | QueryBuilder | Raw)[]): QueryBuilder;
+        (callbacks: Array<QueryCallback | QueryBuilder | Raw>, wrap?: boolean): QueryBuilder;
+        (...callbacks: Array<QueryCallback | QueryBuilder | Raw>): QueryBuilder;
         // (...callbacks: QueryCallback[], wrap?: boolean): QueryInterface;
     }
 
@@ -335,8 +341,8 @@ declare namespace Knex {
     }
 
     interface RawQueryBuilder {
-        (sql: string, ...bindings: (Value | QueryBuilder)[]): QueryBuilder;
-        (sql: string, bindings: (Value | QueryBuilder)[] | ValueMap): QueryBuilder;
+        (sql: string, ...bindings: Array<Value | QueryBuilder>): QueryBuilder;
+        (sql: string, bindings: Array<Value | QueryBuilder> | ValueMap): QueryBuilder;
         (raw: Raw): QueryBuilder;
     }
 
@@ -348,8 +354,8 @@ declare namespace Knex {
 
     interface RawBuilder {
         (value: Value): Raw;
-        (sql: string, ...bindings: (Value | QueryBuilder)[]): Raw;
-        (sql: string, bindings: (Value | QueryBuilder)[] | ValueMap): Raw;
+        (sql: string, ...bindings: Array<Value | QueryBuilder>): Raw;
+        (sql: string, bindings: Array<Value | QueryBuilder> | ValueMap): Raw;
     }
 
     //
@@ -363,7 +369,7 @@ declare namespace Knex {
         or: QueryBuilder;
         and: QueryBuilder;
 
-        //TODO: Promise?
+        // TODO: Promise?
         columnInfo(column?: string): Bluebird<ColumnInfo>;
 
         forUpdate(): QueryBuilder;
@@ -371,7 +377,7 @@ declare namespace Knex {
 
         toSQL(): Sql;
 
-        on(event: string, callback: Function): QueryBuilder;
+        on(event: string, callback: (...args: any[]) => void): QueryBuilder;
     }
 
     interface Sql {
@@ -394,6 +400,7 @@ declare namespace Knex {
         stream(handler: (readable: stream.PassThrough) => any): Bluebird<any>;
         stream(options: { [key: string]: any }, handler: (readable: stream.PassThrough) => any): Bluebird<any>;
         stream(options?: { [key: string]: any }): stream.PassThrough;
+        // tslint:disable-next-line no-unnecessary-generics
         pipe<T extends NodeJS.WritableStream>(writable: T, options?: { [key: string]: any }): stream.PassThrough;
     }
 
@@ -440,25 +447,26 @@ declare namespace Knex {
         timestamp(columnName: string, standard?: boolean): ColumnBuilder;
         timestamps(useTimestampType?: boolean, makeDefaultNow?: boolean): ColumnBuilder;
         binary(columnName: string, length?: number): ColumnBuilder;
-        enum(columnName: string, values: Value[]): ColumnBuilder;
-        enu(columnName: string, values: Value[]): ColumnBuilder;
+        enum(columnName: string, values: Value[], options?: EnumOptions): ColumnBuilder;
+        enu(columnName: string, values: Value[], options?: EnumOptions): ColumnBuilder;
         json(columnName: string): ColumnBuilder;
         jsonb(columnName: string): ColumnBuilder;
         uuid(columnName: string): ColumnBuilder;
         comment(val: string): TableBuilder;
         specificType(columnName: string, type: string): ColumnBuilder;
         primary(columnNames: string[]): TableBuilder;
-        index(columnNames: (string | Raw)[], indexName?: string, indexType?: string): TableBuilder;
-        unique(columnNames: (string | Raw)[], indexName?: string): TableBuilder;
+        index(columnNames: Array<string | Raw>, indexName?: string, indexType?: string): TableBuilder;
+        unique(columnNames: Array<string | Raw>, indexName?: string): TableBuilder;
         foreign(column: string, foreignKeyName?: string): ForeignConstraintBuilder;
         foreign(columns: string[], foreignKeyName?: string): MultikeyForeignConstraintBuilder;
         dropForeign(columnNames: string[], foreignKeyName?: string): TableBuilder;
-        dropUnique(columnNames: (string | Raw)[], indexName?: string): TableBuilder;
+        dropUnique(columnNames: Array<string | Raw>, indexName?: string): TableBuilder;
         dropPrimary(constraintName?: string): TableBuilder;
-        dropIndex(columnNames: (string | Raw)[], indexName?: string): TableBuilder;
+        dropIndex(columnNames: Array<string | Raw>, indexName?: string): TableBuilder;
         dropTimestamps(): ColumnBuilder;
     }
 
+    // tslint:disable-next-line no-empty-interface
     interface CreateTableBuilder extends TableBuilder {
     }
 
@@ -468,9 +476,11 @@ declare namespace Knex {
         collate(val: string): CreateTableBuilder;
     }
 
+    // tslint:disable-next-line no-empty-interface
     interface AlterTableBuilder extends TableBuilder {
     }
 
+    // tslint:disable-next-line no-empty-interface
     interface MySqlAlterTableBuilder extends AlterTableBuilder {
     }
 
@@ -505,6 +515,7 @@ declare namespace Knex {
         inTable(tableName: string): ColumnBuilder;
     }
 
+    // tslint:disable-next-line no-empty-interface
     interface AlterColumnBuilder extends ColumnBuilder {
     }
 
@@ -513,6 +524,11 @@ declare namespace Knex {
         after(columnName: string): AlterColumnBuilder;
     }
 
+    interface EnumOptions {
+        useNative: boolean;
+        enumName: string;
+    }
+
     //
     // Configurations
     //
@@ -646,10 +662,10 @@ declare namespace Knex {
 
     interface PoolConfig {
         name?: string;
-        create?: Function;
-        afterCreate?: Function;
-        destroy?: Function;
-        beforeDestroy?: Function;
+        create?: (...args: any[]) => void;
+        afterCreate?: (...args: any[]) => void;
+        destroy?: (...args: any[]) => void;
+        beforeDestroy?: (...args: any[]) => void;
         min?: number;
         max?: number;
         refreshIdle?: boolean;
@@ -657,7 +673,7 @@ declare namespace Knex {
         reapIntervalMillis?: number;
         returnToHead?: boolean;
         priorityRange?: number;
-        validate?: Function;
+        validate?: (...args: any[]) => void;
         log?: boolean;
 
         // generic-pool v3 configs
diff --git a/types/knex/knex-tests.ts b/types/knex/knex-tests.ts
index dbd6273ff3..8b173c0887 100644
--- a/types/knex/knex-tests.ts
+++ b/types/knex/knex-tests.ts
@@ -1,14 +1,15 @@
 import Knex = require('knex');
+import { WriteStream } from 'fs';
 
 // Initializing the Library
-var knex = Knex({
+let knex = Knex({
   client: 'sqlite3',
   connection: {
     filename: "./mydb.sqlite"
   }
 });
 
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'mysql',
   connection: {
@@ -19,7 +20,7 @@ var knex = Knex({
   }
 });
 
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'pg',
   version: '9.5',
@@ -33,7 +34,7 @@ var knex = Knex({
   }
 });
 
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'mssql',
   connection: {
@@ -47,7 +48,7 @@ var knex = Knex({
 });
 
 // Mariasql configuration
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'mariasql',
   connection: {
@@ -59,7 +60,7 @@ var knex = Knex({
 });
 
 // Mysql configuration
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'mysql',
   connection: {
@@ -72,28 +73,24 @@ var knex = Knex({
 });
 
 // Pooling
-var knex = Knex({
-  client: 'mysql',
-  connection: {
-    host     : '127.0.0.1',
-    user     : 'your_database_user',
-    password : 'your_database_password',
-    database : 'myapp_test'
-  },
-  pool: {
-    min: 0,
-    max: 7,
-    afterCreate: (connection: any, callback: Function) => {
-      return callback(null, connection);
+knex = Knex({
+    client: "mysql",
+    connection: {
+        host: "127.0.0.1",
+        user: "your_database_user",
+        password: "your_database_password",
+        database: "myapp_test"
     },
-    beforeDestroy: (connection: any, callback: Function) => {
-      return callback(null, connection);
+    pool: {
+        min: 0,
+        max: 7,
+        afterCreate: (connection: any, callback: (...args: any[]) => void) => callback(null, connection),
+        beforeDestroy: (connection: any, callback: (...args: any[]) => void) => callback(null, connection)
     }
-  }
 });
 
 // acquireConnectionTimeout
-var knex = Knex({
+knex = Knex({
   debug: true,
   client: 'mysql',
   connection: {
@@ -106,41 +103,41 @@ var knex = Knex({
 });
 
 // Pure Query Builder without a connection
-var knex = Knex({});
+knex = Knex({});
 
 // Pure Query Builder without a connection, using a specific flavour of SQL
-var knex = Knex({
+knex = Knex({
   client: 'pg'
 });
 
 // searchPath
-var knex = Knex({
+knex = Knex({
     client: 'pg',
     searchPath: 'public',
 });
-var knex = Knex({
+knex = Knex({
     client: 'pg',
     searchPath: ['public', 'private'],
 });
 
 // postProcessResponse
-var knex = Knex({
+knex = Knex({
   client: 'pg',
-  postProcessResponse: function(result, queryContext){
+  postProcessResponse(result, queryContext) {
     return result;
   }
 });
 
 // wrapIdentifier
-var knex = Knex({
+knex = Knex({
   client: 'pg',
-  wrapIdentifier: function(value, origImpl, queryContext){
+  wrapIdentifier(value, origImpl, queryContext) {
     return origImpl(value + 'foo');
   }
 });
 
 // useNullAsDefault
-var knex = Knex({
+knex = Knex({
   client: 'sqlite',
   useNullAsDefault: true,
 });
@@ -148,14 +145,14 @@ var knex = Knex({
 // Using custom client
 class TestClient extends Knex.Client {}
 
-var knex = Knex({
+knex = Knex({
   client: TestClient,
 });
 
 knex('books').insert({title: 'Test'}).returning('*').toString();
 
 // Migrations
-var knex = Knex({
+knex = Knex({
   client: 'mysql',
   connection: {
     host     : '127.0.0.1',
@@ -176,7 +173,7 @@ knex.select('title', 'author', 'year').from('books');
 knex.select({ name: 'title', writer: 'author' }).from(knex.raw('books'));
 knex.select().table('books');
 
-knex.avg('sum_column1').from(function() {
+knex.avg('sum_column1').from(() => {
   this.sum('column1 as sum_column1').from('t1').groupBy('column1').as('t1');
 }).as('ignored_alias');
 
@@ -208,20 +205,20 @@ knex('users').where(knex.raw('votes + 1'), '>', 101);
 knex('users').where(knex.raw('votes + 1'), '>', knex.raw('100 + 1'));
 knex('users').where('votes', '>', knex.raw('100 + 1'));
 
-var subquery = knex('users').where('votes', '>', 100).andWhere('status', 'active').orWhere('name', 'John').select('id');
+let subquery = knex('users').where('votes', '>', 100).andWhere('status', 'active').orWhere('name', 'John').select('id');
 knex('accounts').where('id', 'in', subquery);
 
 knex.select('name').from('users')
   .whereIn('id', [1, 2, 3])
   .orWhereIn('id', [4, 5, 6]);
 
-var subquery = knex.select('id').from('accounts');
+subquery = knex.select('id').from('accounts');
 knex.select('name').from('users')
   .whereIn('account_id', subquery);
 
 knex('users')
   .where('name', '=', 'John')
-  .orWhere(function() {
+  .orWhere(() => {
     this.where('votes', '>', 100).andWhere('title', '<>', 'Admin');
   });
 
@@ -233,13 +230,13 @@ knex('users').whereNull('updated_at');
 
 knex('users').whereNotNull('created_at');
 
-knex('users').whereExists(function() {
+knex('users').whereExists(() => {
   this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
 });
 
 knex('users').whereExists(knex.select('*').from('accounts').whereRaw('users.account_id = accounts.id'));
 
-knex('users').whereNotExists(function() {
+knex('users').whereNotExists(() => {
   this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
 });
 
@@ -324,15 +321,15 @@ knex('users')
   .join(knex('contacts').select('user_id', 'phone').as('contacts'), { 'users.id': 'contacts.user_id' })
   .select('users.id', 'contacts.phone');
 
-knex.select('*').from('users').join(knex('accounts').select('id', 'owner_id').as('accounts'), function() {
+knex.select('*').from('users').join(knex('accounts').select('id', 'owner_id').as('accounts'), () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
-knex.select('*').from('users').join('accounts', function() {
+knex.select('*').from('users').join('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
-knex.select('*').from('users').join('accounts', function(join: Knex.JoinClause) {
+knex.select('*').from('users').join('accounts', (join: Knex.JoinClause) => {
   if (this !== join) {
     throw new Error("join() callback call semantics wrong");
   }
@@ -344,116 +341,116 @@ knex.select('*').from('user').join('contacts', () => {
   this.on('users.id', '=', knex.raw(7));
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onNotIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnNotIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnNotIn('contacts.id', [7, 15, 23, 41]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onNotNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnNotNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnNotNull('contacts.email');
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').onExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').onExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').andOnExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').andOnExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').orOnExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').orOnExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').onNotExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').onNotExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').andOnNotExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').andOnNotExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').orOnNotExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').orOnNotExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').onNotBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').andOnNotBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
+knex.select('*').from('users').join('contacts', () => {
   this.on('users.id', '=', 'contacts.id').orOnNotBetween('contacts.id', [5, 30]);
 });
 
-knex.select('*').from('users').join('contacts', function() {
-  this.on('users.id', '=', 'contacts.id').onNotExists(function() {
+knex.select('*').from('users').join('contacts', () => {
+  this.on('users.id', '=', 'contacts.id').onNotExists(() => {
     this.select('*').from('accounts').whereRaw('users.account_id = accounts.id');
   });
 });
@@ -478,7 +475,7 @@ knex.from('users').innerJoin('accounts', 'users.id', 'accounts.user_id');
 
 knex.table('users').innerJoin('accounts', 'users.id', '=', 'accounts.user_id');
 
-knex('users').innerJoin('accounts', function() {
+knex('users').innerJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
@@ -488,7 +485,7 @@ knex('users').innerJoin('accounts', (join: Knex.JoinClause) => {
 
 knex.select('*').from('users').leftJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').leftJoin('accounts', function() {
+knex.select('*').from('users').leftJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
@@ -496,15 +493,22 @@ knex.select('*').from('users').leftJoin('accounts', (join: Knex.JoinClause) => {
   join.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
+knex.select('*').from('users').leftJoin('accounts', (join) => {
+  join.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id')
+  .andOn((join2) => {
+    join2.on('col1', 'col2').orOn('col3', 'col4');
+  });
+});
+
 knex.select('*').from('users').leftOuterJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').leftOuterJoin('accounts', function() {
+knex.select('*').from('users').leftOuterJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
 knex.select('*').from('users').rightJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').rightJoin('accounts', function() {
+knex.select('*').from('users').rightJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
@@ -514,13 +518,13 @@ knex.select('*').from('users').rightJoin('accounts', (join: Knex.JoinClause) =>
 
 knex.select('*').from('users').rightOuterJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').rightOuterJoin('accounts', function() {
+knex.select('*').from('users').rightOuterJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
 knex.select('*').from('users').outerJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').outerJoin('accounts', function() {
+knex.select('*').from('users').outerJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
@@ -530,7 +534,7 @@ knex.select('*').from('users').outerJoin('accounts', (join: Knex.JoinClause) =>
 
 knex.select('*').from('users').fullOuterJoin('accounts', 'users.id', 'accounts.user_id');
 
-knex.select('*').from('users').fullOuterJoin('accounts', function() {
+knex.select('*').from('users').fullOuterJoin('accounts', () => {
   this.on('accounts.id', '=', 'users.account_id').orOn('accounts.owner_id', '=', 'users.id');
 });
 
@@ -545,43 +549,42 @@ knex.select('*').from('accounts').joinRaw('natural full join table1').where('id'
 knex.select('*').from('accounts').join(knex.raw('natural full join table1')).where('id', 1);
 
 knex.select('*').from('accounts')
-  .join(function() {
+  .join(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .leftJoin(function() {
+  .leftJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .leftOuterJoin(function() {
+  .leftOuterJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .rightJoin(function() {
+  .rightJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .rightOuterJoin(function() {
+  .rightOuterJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .innerJoin(function() {
+  .innerJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .crossJoin(function() {
+  .crossJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .fullOuterJoin(function() {
+  .fullOuterJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 knex.select('*').from('accounts')
-  .outerJoin(function() {
+  .outerJoin(() => {
     this.select('*').from('accounts').as('special_accounts');
   }, 'special_accounts.a', '=', 'accounts.b');
 
-
 knex('customers')
   .distinct('first_name', 'last_name')
   .select();
@@ -628,7 +631,7 @@ knex('accounts').where('activated', false).delete();
 knex('accounts').where('activated', false).delete('id');
 knex('accounts').where('activated', false).delete(['id', 'title']);
 
-knex.with('old_books', function(qb) {
+knex.with('old_books', (qb) => {
   qb.select('*').from('books').where('published_date', '<', 1970);
 }).select('*').from('old_books');
 
@@ -650,30 +653,30 @@ knex.withRaw('recent_books', 'select * from books where published_date >= :year'
 knex.withRaw('recent_books', knex.raw('select * from books where published_date >= ?', [2013]))
   .select('*').from('recent_books');
 
-knex.withWrapped("antique_books", function (qb) {
+knex.withWrapped("antique_books", (qb) => {
   qb.select('*').from('books').where('published_date', '<', 1899);
 }).select('*').from('antique_books');
 
 knex.withWrapped('new_books', knex.select('*').from('books').where("published_date", ">=", 2016))
   .select('*').from('new_books');
 
-var someExternalMethod: Function;
+const someExternalMethod: (...args: any[]) => void = () => {};
 
-knex.transaction(function(trx) {
+knex.transaction((trx) => {
   knex('books').transacting(trx).insert({name: 'Old Books'})
-    .then(function(resp) {
-      var id = resp[0];
-      return someExternalMethod(id, trx);
+    .then((resp) => {
+      const id = resp[0];
+      someExternalMethod(id, trx);
     })
     .then(trx.commit)
     .catch(trx.rollback);
-}).then(function() {
+}).then(() => {
   console.log('Transaction complete.');
-}).catch(function(err) {
+}).catch((err) => {
   console.error(err);
 });
 
-knex.transaction(function(trx) {
+knex.transaction((trx) => {
   knex('tableName')
     .transacting(trx)
     .forUpdate()
@@ -685,11 +688,13 @@ knex.transaction(function(trx) {
     .select('*');
 });
 
-const transactionReturnValue = knex.transaction(function(trx) {
+const transactionReturnValue = knex.transaction((trx) => {
   return knex("table")
     .insert({ foo: "bar" })
     .returning(["id"])
-    .then(function(result) { return result[0].id as number; });
+    .then((result) => {
+      return result[0].id as number;
+    });
 });
 
 // Tests that the transaction has kept the type of its return value by referencing a method of number
@@ -721,31 +726,34 @@ knex('accounts').where('userid', '=', 1).decrement('balance', 5);
 
 knex('accounts').truncate();
 
-knex.table('users').first('id').then(function(ids) {
+knex.table('users').first('id').then((ids) => {
   console.log(ids);
 });
 
-knex.table('users').first('id', 'name').then(function(row) {
+knex.table('users').first('id', 'name').then((row) => {
   console.log(row);
 });
 
-knex.table('users').first(knex.raw('round(sum(products)) as p')).then(function(row) {
+knex.table('users').first(knex.raw('round(sum(products)) as p')).then((row) => {
   console.log(row);
 });
 
-knex.table('users').select('*').clearSelect().select('id').then(function(rows) {
+knex.table('users').orderBy('name', 'desc').clearOrder().orderBy('id', 'asc').then((rows) => {
   console.log(rows);
 });
 
-knex('accounts').where('userid', '=', 1).clearWhere().select().then(function (rows) {
+knex.table('users').select('*').clearSelect().select('id').then((rows) => {
+  console.log(rows);
+});
+
+knex('accounts').where('userid', '=', 1).clearWhere().select().then((rows) => {
   console.log(rows);
 });
 
 // Using trx as a query builder:
-knex.transaction(function(trx) {
-
-  var info: any;
-  var books: any[] = [
+knex.transaction((trx) => {
+  const info: any = {};
+  const books: any[] = [
     {title: 'Canterbury Tales'},
     {title: 'Moby Dick'},
     {title: 'Hamlet'}
@@ -754,42 +762,41 @@ knex.transaction(function(trx) {
   return trx
     .insert({name: 'Old Books'}, 'id')
     .into('catalogues')
-    .then(function(ids) {
-      return Promise.all(books.map(function (book: any) {
+    .then((ids) => {
+      return Promise.all(books.map((book: any) => {
         book.catalogue_id = ids[0];
         // Some validation could take place here.
         return trx.insert(info).into('books');
       }));
     });
 })
-.then(function(inserts) {
+.then((inserts) => {
   console.log(inserts.length + ' new books saved.');
 })
-.catch(function(error) {
+.catch((error) => {
   // If we get here, that means that neither the 'Old Books' catalogues insert,
   // nor any of the books inserts will have taken place.
   console.error(error);
 });
 
 // Using trx as a transaction object:
-knex.transaction<{ length: number }>(function(trx) {
-
+knex.transaction<{ length: number }>((trx) => {
   trx.raw('');
 
-  trx.on('query-error', function(error: Error) {
+  trx.on('query-error', (error: Error) => {
     console.error(error);
   });
 
-  trx.savepoint(function(nestedTrx) {
+  trx.savepoint((nestedTrx) => {
     nestedTrx.rollback(new Error('something went terribly wrong'));
   });
 
-  trx.transaction(function(nestedTrx) {
+  trx.transaction((nestedTrx) => {
     nestedTrx.commit();
   });
 
-  var info: any;
-  var books: any[] = [
+  const info: any = {};
+  const books: any[] = [
     {title: 'Canterbury Tales'},
     {title: 'Moby Dick'},
     {title: 'Hamlet'}
@@ -798,8 +805,8 @@ knex.transaction<{ length: number }>(function(trx) {
   knex.insert({name: 'Old Books'}, 'id')
     .into('catalogues')
     .transacting(trx)
-    .then(function(ids) {
-      return Promise.all(books.map(function(book: any) {
+    .then((ids) => {
+      return Promise.all(books.map((book: any) => {
         book.catalogue_id = ids[0];
 
         // Some validation could take place here.
@@ -810,10 +817,10 @@ knex.transaction<{ length: number }>(function(trx) {
     .then(trx.commit)
     .catch(trx.rollback);
 })
-.then(function(inserts) {
+.then((inserts) => {
   console.log(inserts.length + ' new books saved.');
 })
-.catch(function(error) {
+.catch((error) => {
   // If we get here, that means that neither the 'Old Books' catalogues insert,
   // nor any of the books inserts will have taken place.
   console.error(error);
@@ -824,7 +831,7 @@ knex.insert({ name: 'Old Books'}).transacting(undefined);
 
 knex.schema.withSchema("public").hasTable("table"); // $ExpectType Bluebird<boolean>
 
-knex.schema.createTable('users', function (table) {
+knex.schema.createTable('users', (table) => {
   table.increments();
   table.string('name');
   table.enu('favorite_color', ['red', 'blue', 'green']);
@@ -833,7 +840,7 @@ knex.schema.createTable('users', function (table) {
   table.timestamps(true, true);
 });
 
-knex.schema.alterTable('users', function (table) {
+knex.schema.alterTable('users', (table) => {
   table.string('role').nullable();
 });
 
@@ -841,9 +848,9 @@ knex.schema.renameTable('users', 'old_users');
 
 knex.schema.dropTable('users');
 
-knex.schema.hasTable('users').then(function(exists) {
+knex.schema.hasTable('users').then((exists) => {
   if (!exists) {
-    return knex.schema.createTable('users', function(t) {
+    return knex.schema.createTable('users', (t) => {
       t.increments('id').primary();
       t.string('first_name', 100);
       t.string('last_name', 100);
@@ -852,20 +859,20 @@ knex.schema.hasTable('users').then(function(exists) {
   }
 });
 
-var tableName: string;
-var columnName: string;
+const tableName = '';
+const columnName = '';
 knex.schema.hasColumn(tableName, columnName);
 
 knex.schema.dropTableIfExists('users');
 
-knex.schema.table('users', function (table) {
+knex.schema.table('users', (table) => {
   table.dropColumn('name');
   table.string('first_name');
   table.string('last_name');
 });
 
 knex.schema.raw("SET sql_mode='TRADITIONAL'")
-.table('users', function (table) {
+.table('users', (table) => {
     table.dropColumn('name');
     table.string('first_name');
     table.string('last_name');
@@ -881,12 +888,12 @@ knex('users')
   .orWhere(knex.raw('status <> ?', [1]))
   .groupBy('status');
 
-knex.raw('select * from users where id = ?', [1]).then(function(resp) {
+knex.raw('select * from users where id = ?', [1]).then((resp) => {
     // ...
   });
 
 (() => {
-  var subcolumn = knex.raw('select avg(salary) from employee where dept_no = e.dept_no')
+  const subcolumn = knex.raw('select avg(salary) from employee where dept_no = e.dept_no')
     .wrap('(', ') avg_sal_dept');
 
   knex.select('e.lastname', 'e.salary', subcolumn)
@@ -895,7 +902,7 @@ knex.raw('select * from users where id = ?', [1]).then(function(resp) {
 })();
 
 (() => {
-  var subcolumn = knex.avg('salary')
+  const subcolumn = knex.avg('salary')
     .from('employee')
     .whereRaw('dept_no = e.dept_no')
     .as('avg_sal_dept');
@@ -905,70 +912,70 @@ knex.raw('select * from users where id = ?', [1]).then(function(resp) {
     .whereRaw('dept_no = e.dept_no');
 })();
 
-var x: number;
+const x = 1;
 knex.select('name').from('users')
   .where('id', '>', 20)
   .andWhere('id', '<', 200)
   .limit(10)
   .offset(x)
-  .then(function(rows) {
+  .then((rows) => {
     return rows.map((r: any) => r.name);
   })
-  .then(function(names: any) {
+  .then((names: any) => {
     return knex.select('id').from('nicknames').whereIn('nickname', names);
   })
-  .then(function(rows) {
+  .then((rows) => {
     console.log(rows);
   })
-  .catch(function(error) {
+  .catch((error) => {
     console.error(error);
   });
 
 knex.select('*').from('users').where({name: 'Tim'})
-  .then(function(rows) {
+  .then((rows) => {
     return knex.insert({user_id: rows[0].id, name: 'Test'}, 'id').into('accounts');
-  }).then(function(id) {
+  }).then((id) => {
     console.log('Inserted Account ' + id);
-  }).catch(function(error) {
+  }).catch((error) => {
     console.error(error);
   });
 
 knex.insert({id: 1, name: 'Test'}, 'id').into('accounts')
-  .catch(function(error) {
+  .catch((error) => {
     console.error(error);
-  }).then(function() {
+  }).then(() => {
     return knex.select('*').from('accounts').where('id', 1);
-  }).then(function(rows) {
+  }).then((rows) => {
     console.log(rows[0]);
-  }).catch(function(error) {
+  }).catch((error) => {
     console.error(error);
   });
 
-var query: any;
-query.then(function(x: any) {
+const query: any = () => {};
+query.then((x: any) => {
     // doSideEffectsHere(x);
     return x;
 });
 
-knex.select('name').from('users').limit(10).then(function (rows: any[]): string[] {
-  return rows.map(function (row: any): string {
+knex.select('name').from('users').limit(10).then((rows: any[]): string[] => {
+  return rows.map((row: any): string => {
     return row.name;
   });
-}).then(function(names: string[]) {
+}).then((names: string[]) => {
   console.log(names);
-}).catch(function(e: Error) {
+}).catch((e: Error) => {
   console.error(e);
 });
 
-knex.select('name').from('users').limit(10).then(function (rows: any[]) {
-  return rows.reduce(function(memo: any, row: any) {
+knex.select('name').from('users').limit(10).then((rows: any[]) => {
+  return rows.reduce((memo: any, row: any) => {
     memo.names.push(row.name);
     memo.count++;
     return memo;
   }, {count: 0, names: []});
-}).then(function(obj: any) {
+}).then((obj: any) => {
   console.log(obj);
-}).catch(function(e: Error) {
+}).catch((e: Error) => {
   console.error(e);
 });
 
@@ -977,10 +984,10 @@ knex.select('name').from('users')
   .then(console.log.bind(console))
   .catch(console.error.bind(console));
 
-var values: any[];
+const values: any[] = [];
 
 knex.insert(values).into('users')
-  .then(function() {
+  .then(() => {
     return {inserted: true};
   });
 
@@ -991,36 +998,40 @@ knex.select('name').from('users')
   .offset(x);
 
 // Retrieve the stream:
-var stream = knex.select('*').from('users').stream();
-var writableStream: NodeJS.WritableStream;
+let stream = knex.select('*').from('users').stream();
+const writableStream: NodeJS.WritableStream = new WriteStream();
 stream.pipe(writableStream);
 
 // With options:
-var stream = knex.select('*').from('users').stream({highWaterMark: 5});
+stream = knex.select('*').from('users').stream({highWaterMark: 5});
 stream.pipe(writableStream);
 
 // Use as a promise:
 (() => {
-
-var stream = knex.select('*').from('users').where(knex.raw('id = ?', [1])).stream(function(stream: any) {
-  stream.pipe(writableStream);
-}).then(function() {
-  // ...
-}).catch(function(e: Error) {
-  console.error(e);
-});
-
+    knex
+        .select("*")
+        .from("users")
+        .where(knex.raw("id = ?", [1]))
+        .stream((stream: any) => {
+            stream.pipe(writableStream);
+        })
+        .then(() => {
+            // ...
+        })
+        .catch((e: Error) => {
+            console.error(e);
+        });
 })();
 
-var stream = knex.select('*').from('users').pipe(writableStream);
-var app: any;
+stream = knex.select('*').from('users').pipe(writableStream);
+const app: any = () => {};
 
 knex.select('*')
   .from('users')
-  .on('query', function(data: any) {
+  .on('query', (data: any) => {
     app.log(data);
   })
-  .then(function() {
+  .then(() => {
     // ...
   });
 
@@ -1033,66 +1044,66 @@ knex.select('*').from('users').where(knex.raw('id = ?', [1])).toSQL();
 //
 knex('users')
   .select('*')
-  .join('contacts', function(builder) {
-    this.on(function(builder) {
+  .join('contacts', (builder) => {
+    this.on((builder: any) => {
+      let self: Knex.JoinClause = this;
+      self = builder;
+    }).andOn((builder: any) => {
+      let self: Knex.JoinClause = this;
+      self = builder;
+    }).orOn((builder: any) => {
+      let self: Knex.JoinClause = this;
+      self = builder;
+    }).onExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
-    }).andOn(function(builder) {
+    }).orOnExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
-    }).orOn(function(builder) {
+    }).andOnExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
-    }).onExists(function(builder) {
+    }).onNotExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
-    }).orOnExists(function(builder) {
+    }).andOnNotExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
-    }).andOnExists(function(builder) {
-      let self: Knex.QueryBuilder = this;
-      self = builder;
-    }).onNotExists(function(builder) {
-      let self: Knex.QueryBuilder = this;
-      self = builder;
-    }).andOnNotExists(function(builder) {
-      let self: Knex.QueryBuilder = this;
-      self = builder;
-    }).orOnNotExists(function(builder) {
+    }).orOnNotExists((builder: any) => {
       let self: Knex.QueryBuilder = this;
       self = builder;
     });
-  }).where(function(builder) {
+  }).where((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).orWhere(function(builder) {
+  }).orWhere((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).andWhere(function(builder) {
+  }).andWhere((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).whereIn('column', function(builder) {
+  }).whereIn('column', (builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).orWhereIn('column', function(builder) {
+  }).orWhereIn('column', (builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).whereNotIn('column', function(builder) {
+  }).whereNotIn('column', (builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).orWhereNotIn('column', function(builder) {
+  }).orWhereNotIn('column', (builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).whereWrapped(function(builder) {
+  }).whereWrapped((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).union(function(builder) {
+  }).union((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).unionAll(function(builder) {
+  }).unionAll((builder) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
-  }).modify(function(builder, aBool) {
+  }).modify((builder, aBool) => {
     let self: Knex.QueryBuilder = this;
     self = builder;
   }, true);
@@ -1100,7 +1111,7 @@ knex('users')
 //
 // Migrations
 //
-var config = {
+const config = {
   directory: "./migrations",
   extension: "js",
   tableName: "knex_migrations",
@@ -1124,7 +1135,6 @@ knex.seed.make(name);
 knex.seed.run(config);
 knex.seed.run();
 
-
 knex.schema
   .dropTableIfExists('A')
   .createTable('A', table => {
@@ -1135,21 +1145,20 @@ knex.schema
     table.timestamp('T', false).notNullable();
   });
 
-
-//creating table in MySQL with binary primary key with known field length
-knex.schema.createTable('testTable', function (table) {
-    table.binary('binaryKey', 16).primary(); //will make table with binaryKey type BINARY(16)
+// creating table in MySQL with binary primary key with known field length
+knex.schema.createTable('testTable', (table) => {
+    table.binary('binaryKey', 16).primary(); // will make table with binaryKey type BINARY(16)
 });
 
 // allow creating decimal column that can store that can store numbers of any
 // precision and scale. (Only supported for Oracle, SQLite, Postgres)
-var knex = Knex({
+knex = Knex({
     client: 'pg'
 });
 
 knex.schema
     .dropTableIfExists('testTable')
-    .createTable('testTable', function (table) {
+    .createTable('testTable', (table) => {
         table.decimal('dec', null);
     })
     .dropTable('testTable');
@@ -1158,10 +1167,10 @@ knex.schema
 knex.schema
     .dropTableIfExists('foo')
     .dropTableIfExists('bar')
-    .createTable('foo', function (table) {
+    .createTable('foo', (table) => {
         table.uuid('id').primary();
     })
-    .createTable('bar', function (table) {
+    .createTable('bar', (table) => {
         table.uuid('id').primary();
     });
 
@@ -1187,12 +1196,12 @@ knex('characters')
 
 knex('characters')
     .select()
-    .whereIn('name', function() {
+    .whereIn('name', () => {
         this.select('name').from('characters');
     });
 knex('characters')
     .select()
-    .whereIn(['name', 'class'], function() {
+    .whereIn(['name', 'class'], () => {
         this.select('name', 'class').from('characters');
     });
 
diff --git a/types/knex/tslint.json b/types/knex/tslint.json
index d84fe24e60..604d5950cf 100644
--- a/types/knex/tslint.json
+++ b/types/knex/tslint.json
@@ -1,76 +1,7 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "unified-signatures": false
+        "unified-signatures": false,
+        "callable-types": false
     }
 }
diff --git a/types/knockout/index.d.ts b/types/knockout/index.d.ts
index 4e2f3b1519..e6d180c2c4 100644
--- a/types/knockout/index.d.ts
+++ b/types/knockout/index.d.ts
@@ -7,6 +7,7 @@
 //                 Benjamin Eckardt <https://github.com/BenjaminEckardt>,
 //                 Mathias Lorenzen <https://github.com/ffMathy>,
 //                 Leonardo Lombardi <https://github.com/ltlombardi>
+//                 Retsam <https://github.com/Retsam>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -21,8 +22,8 @@ interface KnockoutObservableFunctions<T> {
     equalityComparer(a: T, b: T): boolean;
 }
 
-interface KnockoutObservableArrayFunctions<T> {
-    // General Array functions
+// The functions of observable arrays that don't mutate the array
+interface KnockoutReadonlyObservableArrayFunctions<T> {
     /**
       * Returns the index of the first occurrence of a value in an array.
       * @param searchElement The value to locate in the array.
@@ -35,6 +36,9 @@ interface KnockoutObservableArrayFunctions<T> {
       * @param end The end of the specified portion of the array.
       */
     slice(start: number, end?: number): T[];
+}
+// The functions of observable arrays that mutate the array
+interface KnockoutObservableArrayFunctions<T> extends KnockoutReadonlyObservableArrayFunctions<T> {
     /**
      * Removes and returns all the remaining elements starting from a given index.
      * @param start The zero-based location in the array from which to start removing elements.
@@ -155,7 +159,12 @@ interface KnockoutComputedStatic {
     <T>(def: KnockoutComputedDefine<T>, context?: any): KnockoutComputed<T>;
 }
 
-interface KnockoutComputed<T> extends KnockoutObservable<T>, KnockoutComputedFunctions<T> {
+interface KnockoutReadonlyComputed<T> extends KnockoutReadonlyObservable<T> {
+    isActive(): boolean;
+    getDependenciesCount(): number;
+}
+
+interface KnockoutComputed<T> extends KnockoutReadonlyComputed<T>, KnockoutObservable<T>, KnockoutComputedFunctions<T> {
     fn: KnockoutComputedFunctions<any>;
 
     // It's possible for a to be undefined, since the equalityComparer is run on the initial
@@ -163,8 +172,6 @@ interface KnockoutComputed<T> extends KnockoutObservable<T>, KnockoutComputedFun
     equalityComparer(a: T | undefined, b: T): boolean;
 
     dispose(): void;
-    isActive(): boolean;
-    getDependenciesCount(): number;
     extend(requestedExtenders: { [key: string]: any; }): KnockoutComputed<T>;
 }
 
@@ -174,6 +181,23 @@ interface KnockoutObservableArrayStatic {
     <T>(value?: T[] | null): KnockoutObservableArray<T>;
 }
 
+/**
+ * While all observable arrays are writable at runtime, this type is analogous to the native ReadonlyArray type:
+ * casting an observable array to this type expresses the intention that it shouldn't be mutated.
+ */
+interface KnockoutReadonlyObservableArray<T> extends KnockoutReadonlyObservable<ReadonlyArray<T>>, KnockoutReadonlyObservableArrayFunctions<T> {
+    // NOTE: Keep in sync with KnockoutObservableArray<T>, see note on KnockoutObservableArray<T>
+    subscribe(callback: (newValue: KnockoutArrayChange<T>[]) => void, target: any, event: "arrayChange"): KnockoutSubscription;
+    subscribe(callback: (newValue: T[]) => void, target: any, event: "beforeChange"): KnockoutSubscription;
+    subscribe(callback: (newValue: T[]) => void, target?: any, event?: "change"): KnockoutSubscription;
+    subscribe<TEvent>(callback: (newValue: TEvent) => void, target: any, event: string): KnockoutSubscription;
+}
+
+/*
+    NOTE: In theory this should extend both Observable<T[]> and ReadonlyObservableArray<T>,
+        but can't since they both provide conflicting typings of .subscribe.
+    So it extends Observable<T[]> and duplicates the subscribe definitions, which should be kept in sync
+*/
 interface KnockoutObservableArray<T> extends KnockoutObservable<T[]>, KnockoutObservableArrayFunctions<T> {
     subscribe(callback: (newValue: KnockoutArrayChange<T>[]) => void, target: any, event: "arrayChange"): KnockoutSubscription;
     subscribe(callback: (newValue: T[]) => void, target: any, event: "beforeChange"): KnockoutSubscription;
@@ -191,13 +215,22 @@ interface KnockoutObservableStatic {
     <T = any>(): KnockoutObservable<T | undefined>
 }
 
-interface KnockoutObservable<T> extends KnockoutSubscribable<T>, KnockoutObservableFunctions<T> {
+/**
+ * While all observable are writable at runtime, this type is analogous to the native ReadonlyArray type:
+ * casting an observable to this type expresses the intention that this observable shouldn't be mutated.
+ */
+interface KnockoutReadonlyObservable<T> extends KnockoutSubscribable<T>, KnockoutObservableFunctions<T> {
     (): T;
-    (value: T): void;
 
     peek(): T;
     valueHasMutated?: { (): void; };
     valueWillMutate?: { (): void; };
+}
+
+interface KnockoutObservable<T> extends KnockoutReadonlyObservable<T> {
+    (value: T): void;
+
+    // Since .extend does arbitrary thing to an observable, it's not safe to do on a readonly observable
     extend(requestedExtenders: { [key: string]: any; }): KnockoutObservable<T>;
 }
 
diff --git a/types/knockout/test/readonly.ts b/types/knockout/test/readonly.ts
new file mode 100644
index 0000000000..4af0311a37
--- /dev/null
+++ b/types/knockout/test/readonly.ts
@@ -0,0 +1,44 @@
+function testReadonlyObservable() {
+    const write = ko.observable("foo");
+    write("bar");
+    const read = write as KnockoutReadonlyObservable<string>;
+
+    read(); // $ExpectType string
+    read.subscribe(() => {});  // Can still subscribe
+    // But can't write to it
+    read("foo"); // $ExpectError
+
+    const writeAgain = read as KnockoutObservable<string>
+    writeAgain("bar");
+};
+
+
+function testReadonlyObservableArray() {
+    // Normal observable array behavior
+    const write = ko.observableArray(["foo"]);
+    write(["bar"]);
+    write.push("foo");
+
+    // Readonly observable array
+    const read = write as KnockoutReadonlyObservableArray<string>;
+    read(); //$ExpectType ReadonlyArray<string>
+    read.slice(0, 1); //$ExpectType string[]
+    read(["foo"]); // $ExpectError
+    read.push; // $ExpectError
+
+    // Can cast back to a writeable
+    const writeAgain = read as KnockoutObservableArray<string>
+    writeAgain(["foo"]);
+}
+
+function testReadonlyComputed() {
+    const write = ko.computed({
+        read: () => {},
+        write: () => {},
+    });
+
+    // Can cast a computed as readonly
+    const read: KnockoutReadonlyComputed<any> = write;
+    read();
+    read("foo"); // $ExpectError
+}
diff --git a/types/knockout/tsconfig.json b/types/knockout/tsconfig.json
index 1a314f7b0e..2570c616df 100644
--- a/types/knockout/tsconfig.json
+++ b/types/knockout/tsconfig.json
@@ -20,6 +20,7 @@
     "files": [
         "index.d.ts",
         "test/templatingBehaviors.ts",
-        "test/index.ts"
+        "test/index.ts",
+        "test/readonly.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/knockout/tslint.json b/types/knockout/tslint.json
index ece4c342d1..9d9f6dd3b9 100644
--- a/types/knockout/tslint.json
+++ b/types/knockout/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/knuddels-userapps-api/index.d.ts b/types/knuddels-userapps-api/index.d.ts
index 1985c305a2..f190821ba8 100644
--- a/types/knuddels-userapps-api/index.d.ts
+++ b/types/knuddels-userapps-api/index.d.ts
@@ -1,22 +1,22 @@
-// Type definitions for Knuddels UserApps API 1.00109481
+// Type definitions for Knuddels UserApps API 1.00111486
 // Project: https://developer.knuddels.de
 // Definitions by: Knuddels GmbH & Co. KG <https://github.com/Knuddels>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // helper types
-export type JsonData = string | number | boolean | Date | Json | JsonArray;
-export type KnuddelsJsonData = string | number | boolean | Date | KnuddelsJson | KnuddelsJsonArray | KnuddelsSerializable;
-export type KnuddelsSerializable = string | number | boolean | User | BotUser;
+export type JsonData = string | number | boolean | Date | Json | JsonArray | undefined;
+export type KnuddelsJsonData = string | number | boolean | Date | KnuddelsJson | KnuddelsJsonArray | KnuddelsSerializable | undefined;
+export type KnuddelsSerializable = string | number | boolean | User | BotUser | undefined;
 export type KnuddelsEvent = string | Json | KnuddelsEventArray;
 
 // helper interfaces
 declare global {
 	interface Json {
-		[x: string]: JsonData;
+		[x: string]: JsonData | undefined;
 	}
 
 	interface KnuddelsJson {
-		[x: string]: KnuddelsJsonData;
+		[x: string]: KnuddelsJsonData | undefined;
 	}
 
 	interface JsonArray extends Array<JsonData> {
@@ -1026,12 +1026,12 @@ declare global {
 			 * @see https://developer.knuddels.de/docs/classes/Client.HostFrame.html#method_getAppViewMode
 			 * @since Applet: 9.0byl
 			 */
-			getAppViewMode(): void;
+			getAppViewMode(): string;
 			/**
 			 * @see https://developer.knuddels.de/docs/classes/Client.HostFrame.html#method_getBrowserType
 			 * @since Applet: 9.0bzp
 			 */
-			getBrowserType(): void;
+			getBrowserType(): string;
 		}
 	}
 
diff --git a/types/koa-bodyparser/index.d.ts b/types/koa-bodyparser/index.d.ts
index deb1eb04e9..88328b5c3d 100644
--- a/types/koa-bodyparser/index.d.ts
+++ b/types/koa-bodyparser/index.d.ts
@@ -1,6 +1,8 @@
-// Type definitions for koa-bodyparser 5.0
+// Type definitions for koa-bodyparser 4.2
 // Project: https://github.com/koajs/bodyparser
-// Definitions by: Jerry Chin <https://github.com/hellopao>, Anup Kishore <https://github.com/anup-2s>
+// Definitions by: Jerry Chin <https://github.com/hellopao>
+//                 Anup Kishore <https://github.com/anup-2s>
+//                 Hiroshi Ioka <https://github.com/hirochachacha>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -18,8 +20,8 @@ import * as Koa from "koa";
 
 declare module "koa" {
     interface Request {
-        body: {} | null | undefined;
-        rawBody: {} | null | undefined;
+        body: any;
+        rawBody: string;
     }
 }
 
@@ -47,6 +49,11 @@ declare namespace bodyParser {
          */
         jsonLimit?: string;
 
+        /**
+         * limit of the text body. Default is 1mb.
+         */
+        textLimit?: string;
+
         /**
          * when set to true, JSON parser will only accept arrays and objects. Default is true
          */
diff --git a/types/koa-bodyparser/koa-bodyparser-tests.ts b/types/koa-bodyparser/koa-bodyparser-tests.ts
index e38eb112dd..6b14693914 100644
--- a/types/koa-bodyparser/koa-bodyparser-tests.ts
+++ b/types/koa-bodyparser/koa-bodyparser-tests.ts
@@ -7,6 +7,7 @@ app.use(bodyParser({ strict: false }));
 
 app.use((ctx) => {
     console.log(ctx.request.body);
+    console.log(ctx.request.body.ok);
     console.log(ctx.request.rawBody);
 });
 
diff --git a/types/koa-bouncer/index.d.ts b/types/koa-bouncer/index.d.ts
new file mode 100644
index 0000000000..7b881f2b5c
--- /dev/null
+++ b/types/koa-bouncer/index.d.ts
@@ -0,0 +1,91 @@
+// Type definitions for koa-bouncer 6.0.4
+// Project: https://github.com/danneu/koa-bouncer
+// Definitions by: maruware <https://github.com/maruware>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Middleware, Context } from 'koa';
+
+declare namespace KoaBouncer {
+    export class ValidatorError extends Error {
+        name: string;
+        message: string;
+        bouncer: {
+            key: string,
+            message: string
+        }
+        constructor(key: string, message: string);
+    }
+
+    export class Validator {
+        constructor(props: {ctx: Context, key: string, vals: any})
+        required(tip?: string): Validator
+        optional(): Validator
+        check(result: any, tip?: string): Validator
+        checkNot(result: any, tip?: string): Validator
+        checkPred(pred: any, tip?: string): Validator
+        checkNotPred(pred: any, tip?: string): Validator
+        tap(f: (arg: any) => any, tip?: string): Validator
+        isIn(arr: any[], tip?: string): Validator
+        isNotIn(arr: any[], tip?: string): Validator
+        isArray(tip?: string): Validator
+        eq(otherVal: string, tip?: string): Validator
+        gt(otherVal: string, tip?: string): Validator
+        gte(otherVal: string, tip?: string): Validator
+        lt(otherVal: string, tip?: string): Validator
+        lte(otherVal: string, tip?: string): Validator
+        isLength(min: number, max: number, tip?: string): Validator
+        defaultTo(valueOrFunction: any): Validator
+        isString(tip?: string): Validator
+        isInt(tip?: string): Validator
+        toInt(tip?: string): Validator
+        isFiniteNumber(tip?: string): Validator
+        toArray(): Validator
+        toInts(tip?: string): Validator
+        uniq(): Validator
+        toBoolean(): Validator
+        toDecimal(tip?: string): Validator
+        toFloat(tip?: string): Validator
+        toFiniteFloat(): Validator
+        toString(): Validator
+        trim(): Validator
+        match(regexp: RegExp, tip?: string): Validator
+        notMatch(regexp: RegExp, tip?: string): Validator
+        fromJson(tip?: string): Validator
+        isAlpha(tip?: string): Validator
+        isAlphanumeric(tip?: string): Validator
+        isNumeric(tip?: string): Validator
+        isAscii(tip?: string): Validator
+        isBase64(tip?: string): Validator
+        isEmail(tip?: string): Validator
+        isHexColor(tip?: string): Validator
+        isUuid(tip?: string): Validator
+        isJson(tip?: string): Validator
+        encodeBase64(tip?: string): Validator
+        clamp(min: number, max: number): Validator
+
+        static addMethod(name: string, fn: Function): void;
+    }
+
+    interface MiddlewareOption {
+        getParams?: (ctx: Context) => any;
+        getQuery?: (ctx: Context) => any;
+        getBody?: (ctx: Context) => any;
+    }
+
+    export function middleware(opts?: MiddlewareOption): Middleware;
+    export function isSafeInteger(n: number): boolean;
+}
+
+declare module "koa" {
+    interface Context {
+        vals: any;
+        validateBody: (key: string) => KoaBouncer.Validator;
+        validateQuery: (key: string) => KoaBouncer.Validator;
+        validateParam: (key: string) => KoaBouncer.Validator;
+        check: (result: any, tip?: string) => void;
+        checkNot: (result: any, tip?: string) => KoaBouncer.Validator;
+    }
+}
+    
+export = KoaBouncer;
\ No newline at end of file
diff --git a/types/koa-bouncer/koa-bouncer-tests.ts b/types/koa-bouncer/koa-bouncer-tests.ts
new file mode 100644
index 0000000000..0f91658a85
--- /dev/null
+++ b/types/koa-bouncer/koa-bouncer-tests.ts
@@ -0,0 +1,40 @@
+import Koa = require("koa");
+import Router = require("koa-router");
+import bouncer = require("koa-bouncer");
+
+const app = new Koa();
+
+app.use(bouncer.middleware());
+const router = new Router()
+
+router.post('/users', async (ctx) => {
+    ctx.validateBody('uname')
+        .required('Username required')
+        .isString()
+        .trim()
+
+    ctx.validateBody('email')
+        .optional()
+        .isString()
+        .trim()
+        .isEmail('Invalid email format')
+
+    ctx.validateBody('password1')
+        .required('Password required')
+        .isString()
+        .isLength(6, 100, 'Password must be 6-100 chars')
+
+    ctx.validateBody('password2')
+        .required('Password confirmation required')
+        .isString()
+        .eq(ctx.vals.password1, 'Passwords must match')
+
+    console.log(ctx.vals)
+})
+
+app
+    .use(router.routes())
+    .use(router.allowedMethods());
+    
+
+app.listen(80);
diff --git a/types/koa-bouncer/tsconfig.json b/types/koa-bouncer/tsconfig.json
new file mode 100644
index 0000000000..d789d6411a
--- /dev/null
+++ b/types/koa-bouncer/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "files": [
+        "index.d.ts",
+        "koa-bouncer-tests.ts"
+    ],
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    }
+}
\ No newline at end of file
diff --git a/types/koa-bouncer/tslint.json b/types/koa-bouncer/tslint.json
new file mode 100644
index 0000000000..a41bf5d19a
--- /dev/null
+++ b/types/koa-bouncer/tslint.json
@@ -0,0 +1,79 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/koa-joi-router/index.d.ts b/types/koa-joi-router/index.d.ts
index e9e8670726..b767984d73 100644
--- a/types/koa-joi-router/index.d.ts
+++ b/types/koa-joi-router/index.d.ts
@@ -1,12 +1,21 @@
-// Type definitions for koa-joi-router 5.0
+// Type definitions for koa-joi-router 5.1
 // Project: https://github.com/koajs/joi-router
 // Definitions by: Matthew Bull <https://github.com/wingsbob>
 //                 Dave Welsh <https://github.com/move-zig>
+//                 Hiroshi Ioka <https://github.com/hirochachacha>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
 import * as Koa from 'koa';
 import * as Joi from 'joi';
+import * as KoaRouter from 'koa-router';
+
+declare module "koa" {
+    interface Request {
+        body?: any;
+        params: {[key: string]: string};
+    }
+}
 
 interface createRouter {
     (): createRouter.Router;
@@ -14,10 +23,17 @@ interface createRouter {
 }
 
 declare namespace createRouter {
+    type PartialHandler = (ctx: Koa.Context) => any;
+    type FullHandler = (ctx: Koa.Context, next: () => Promise<any>) => any;
+    interface NestedHandler extends ReadonlyArray<PartialHandler|FullHandler|NestedHandler> {}
+    type Handler = PartialHandler | FullHandler| NestedHandler;
+
+    type Method = (path: string|RegExp, handlerOrConfig: Handler | object, ...handlers: Handler[]) => Router;
+
     interface Spec {
-        method: string;
+        method: string|string[];
         path: string|RegExp;
-        handler: (ctx: Context) => void;
+        handler: Handler;
         validate?: {
             header?: Joi.AnySchema|{[key: string]: Joi.AnySchema};
             query?: Joi.AnySchema|{[key: string]: Joi.AnySchema};
@@ -31,19 +47,22 @@ declare namespace createRouter {
         };
     }
 
-    interface Request extends Koa.Request {
-        body: any;
-        params: {[key: string]: string};
-    }
-
-    interface Context extends Koa.Context {
-        request: Request;
-    }
-
     interface Router {
         routes: Spec[];
         route(spec: Spec|Spec[]): Router;
         middleware(): Koa.Middleware;
+
+        prefix: KoaRouter['prefix'];
+        use: KoaRouter['use'];
+        param: KoaRouter['param'];
+
+        head: Method;
+        options: Method;
+        get: Method;
+        post: Method;
+        put: Method;
+        patch: Method;
+        delete: Method;
     }
 }
 
diff --git a/types/koa-joi-router/koa-joi-router-tests.ts b/types/koa-joi-router/koa-joi-router-tests.ts
index 90dac8d752..6ff956c2ef 100644
--- a/types/koa-joi-router/koa-joi-router-tests.ts
+++ b/types/koa-joi-router/koa-joi-router-tests.ts
@@ -1,3 +1,4 @@
+import koa = require('koa');
 import router = require('koa-joi-router');
 
 const { Joi } = router;
@@ -5,7 +6,7 @@ const { Joi } = router;
 const spec1: router.Spec = {
     path: '/user',
     method: 'POST',
-    handler: (ctx: router.Context) => ctx.body = '',
+    handler: (ctx: koa.Context) => ctx.body = '',
 };
 
 router().route(spec1);
@@ -16,7 +17,7 @@ const spec2: router.Spec = {
   validate: {
     type: 'json',
   },
-  handler: (ctx: router.Context) => ctx.status = 201,
+  handler: (ctx: koa.Context) => ctx.status = 201,
 };
 
 router().route(spec2);
@@ -28,7 +29,7 @@ const spec3: router.Spec = {
     type: 'json',
     body: Joi.any(),
   },
-  handler: (ctx: router.Context) => ctx.status = 201,
+  handler: (ctx: koa.Context) => ctx.status = 201,
 };
 
 router().route(spec3);
@@ -42,7 +43,7 @@ const spec4: router.Spec = {
       201: Joi.object(),
     }
   },
-  handler: (ctx: router.Context) => {
+  handler: (ctx: koa.Context) => {
     ctx.status = 201;
     ctx.body = {};
   },
@@ -53,7 +54,7 @@ router().route(spec4);
 const spec5: router.Spec = {
   method: 'PUT',
   path: '/user',
-  handler: (ctx: router.Context) => {
+  handler: (ctx: koa.Context) => {
     ctx.status = 201;
     ctx.body = ctx.request.body;
   },
@@ -64,7 +65,7 @@ router().route(spec5);
 const spec6: router.Spec = {
   method: 'GET',
   path: '/user',
-  handler: (ctx: router.Context) => {
+  handler: (ctx: koa.Context) => {
     ctx.status = 201;
     ctx.body = ctx.request.params;
   },
@@ -81,7 +82,7 @@ const spec7: router.Spec = {
       name: Joi.string(),
     }
   },
-  handler: (ctx: router.Context) => {
+  handler: (ctx: koa.Context) => {
     ctx.status = 201;
     ctx.body = ctx.request.params;
   },
@@ -97,7 +98,7 @@ const spec8: router.Spec = {
       authentication: Joi.string(),
     }
   },
-  handler: (ctx: router.Context) => {
+  handler: (ctx: koa.Context) => {
     ctx.status = 201;
     ctx.body = ctx.request.params;
   },
@@ -108,3 +109,34 @@ router().route(spec8);
 router().route([spec1, spec2, spec3]);
 
 router().routes.map(({ path }) => path);
+
+const handler1 = async (ctx: koa.Context) => {
+  ctx.body = 'hello world';
+};
+
+router().get('/', handler1);
+
+router().get('/', {meta: {desc: 'desc'}}, handler1);
+
+const middleware1 = async (ctx: koa.Context, next: () => Promise<any>) => {
+  console.log('middleware1');
+  await next();
+};
+
+router().get('/', middleware1, handler1);
+
+const middleware2 = async (ctx: koa.Context, next: () => Promise<any>) => {
+  console.log('middleware2');
+  await next();
+};
+
+router().get('/', [middleware1, middleware2], handler1);
+
+router().use(middleware1);
+
+router().use('/:id', middleware1);
+
+router().param('/:id', async (id: string, ctx: koa.Context, next: () => Promise<any>) => {
+  ctx.state.id = id;
+  await next();
+});
diff --git a/types/koa-logger/index.d.ts b/types/koa-logger/index.d.ts
index 4d593786c6..7b4fbc5d44 100644
--- a/types/koa-logger/index.d.ts
+++ b/types/koa-logger/index.d.ts
@@ -9,6 +9,12 @@ import {
     Middleware,
 } from 'koa';
 
-declare function KoaLogger(): Middleware;
+type Transporter = (str: string, args: object) => void;
+
+interface TransporterOpts {
+    transporter: Transporter;
+}
+
+declare function KoaLogger(opts?: Transporter | TransporterOpts): Middleware;
 declare namespace KoaLogger { }
 export = KoaLogger;
diff --git a/types/koa-logger/koa-logger-tests.ts b/types/koa-logger/koa-logger-tests.ts
index bd4a32213b..02c56ba4d7 100644
--- a/types/koa-logger/koa-logger-tests.ts
+++ b/types/koa-logger/koa-logger-tests.ts
@@ -3,3 +3,11 @@ import logger = require('koa-logger');
 
 const app = new koa();
 app.use(logger());
+app.use(logger((str: string, args: object) => {
+    console.log(str, args);
+}));
+app.use(logger({
+    transporter: (str: string, args: object) => {
+        console.log(str, args);
+    }
+}));
diff --git a/types/koa-pino-logger/index.d.ts b/types/koa-pino-logger/index.d.ts
index 0994e7584a..24f59b8925 100644
--- a/types/koa-pino-logger/index.d.ts
+++ b/types/koa-pino-logger/index.d.ts
@@ -26,3 +26,9 @@ declare namespace logger {
         stream?: stream.Writable | stream.Duplex | stream.Transform;
     }
 }
+
+declare module 'koa' {
+    interface Context {
+        log: Logger;
+    }
+}
diff --git a/types/koa-pino-logger/koa-pino-logger-tests.ts b/types/koa-pino-logger/koa-pino-logger-tests.ts
index bec6f887d2..5315ee5baa 100644
--- a/types/koa-pino-logger/koa-pino-logger-tests.ts
+++ b/types/koa-pino-logger/koa-pino-logger-tests.ts
@@ -3,3 +3,8 @@ import logger = require('koa-pino-logger');
 
 const app = new koa();
 app.use(logger());
+
+app.use((ctx) => {
+  ctx.log.info('something else');
+  ctx.body = 'hello world';
+});
diff --git a/types/koa-qs/index.d.ts b/types/koa-qs/index.d.ts
new file mode 100644
index 0000000000..e69c131408
--- /dev/null
+++ b/types/koa-qs/index.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for koa-qs 2.0
+// Project: https://github.com/koajs/qs#readme
+// Definitions by: Rémy Jeancolas <https://github.com/RemyJeancolas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as koa from 'koa';
+
+declare namespace koaQs {
+    type ParseMode = 'extended'|'strict'|'first';
+}
+
+declare function koaQs(app: koa, mode?: koaQs.ParseMode): koa;
+
+export = koaQs;
diff --git a/types/koa-qs/koa-qs-tests.ts b/types/koa-qs/koa-qs-tests.ts
new file mode 100644
index 0000000000..c0063b757b
--- /dev/null
+++ b/types/koa-qs/koa-qs-tests.ts
@@ -0,0 +1,6 @@
+import koaQs = require('koa-qs');
+import Koa = require('koa');
+
+const app = koaQs(new Koa());
+
+app.listen(80);
diff --git a/types/koa-qs/tsconfig.json b/types/koa-qs/tsconfig.json
new file mode 100644
index 0000000000..b5a52f4ccd
--- /dev/null
+++ b/types/koa-qs/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "koa-qs-tests.ts"
+    ]
+}
diff --git a/types/koa-qs/tslint.json b/types/koa-qs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-qs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/koa-ratelimit-lru/index.d.ts b/types/koa-ratelimit-lru/index.d.ts
new file mode 100644
index 0000000000..f6c560f16a
--- /dev/null
+++ b/types/koa-ratelimit-lru/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for koa-ratelimit-lru 1.0
+// Project: https://github.com/Dreamacro/koa-ratelimit-lru
+// Definitions by: Daniel Byrne <https://github.com/danwbyrne>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Middleware } from 'koa';
+
+declare namespace rateLimit {
+    interface Options {
+      readonly duration?: number;
+      readonly max?: number;
+      readonly prefix?: string;
+      readonly store?: any; // lru-cache ?
+      readonly rate?: number;
+      readonly id?: string;
+      readonly headers?: {
+        readonly remaining?: string;
+        readonly reset?: string;
+        readonly total?: string;
+      };
+      readonly errorMessage?: string;
+    }
+  }
+
+declare function rateLimit(options?: rateLimit.Options): Middleware;
+
+export = rateLimit;
diff --git a/types/koa-ratelimit-lru/koa-ratelimit-lru-tests.ts b/types/koa-ratelimit-lru/koa-ratelimit-lru-tests.ts
new file mode 100644
index 0000000000..84759cb43b
--- /dev/null
+++ b/types/koa-ratelimit-lru/koa-ratelimit-lru-tests.ts
@@ -0,0 +1,12 @@
+import Koa = require('koa');
+import rateLimit = require('koa-ratelimit-lru');
+
+const app = new Koa();
+
+app.use(rateLimit({}));
+
+app.use(async context => {
+    context.body = "Hello";
+});
+
+app.listen(2000);
diff --git a/types/koa-ratelimit-lru/tsconfig.json b/types/koa-ratelimit-lru/tsconfig.json
new file mode 100644
index 0000000000..7f285be8e3
--- /dev/null
+++ b/types/koa-ratelimit-lru/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "koa-ratelimit-lru-tests.ts"
+    ]
+}
diff --git a/types/koa-ratelimit-lru/tslint.json b/types/koa-ratelimit-lru/tslint.json
new file mode 100644
index 0000000000..6fafe521cb
--- /dev/null
+++ b/types/koa-ratelimit-lru/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+  }
diff --git a/types/koa-ratelimit/index.d.ts b/types/koa-ratelimit/index.d.ts
new file mode 100644
index 0000000000..3a75e0a2ec
--- /dev/null
+++ b/types/koa-ratelimit/index.d.ts
@@ -0,0 +1,79 @@
+// Type definitions for koa-ratelimit 4.1
+// Project: https://github.com/koajs/ratelimit#readme
+// Definitions by: Ben Watkins <https://github.com/OutdatedVersion>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Middleware, Context } from "koa";
+import { RedisClient } from "redis";
+
+declare function ratelimit(options?: KoaRatelimit.MiddlewareOptions): Middleware;
+
+declare namespace KoaRatelimit {
+    interface HeaderNameOptions {
+        /**
+         * The amount of requests remaining in the current limiting period.
+         */
+        remaining: string;
+
+        /**
+         * The time, expressed as a UNIX epoch timestamp, at which your rate-limit expires.
+         */
+        reset: string;
+
+        /**
+         * The total amount of requests a client may make during a limiting period.
+         */
+        total: string;
+    }
+
+    interface MiddlewareOptions {
+        /**
+         * The database powering the backing rate-limiter package.
+         */
+        db: RedisClient;
+
+        /**
+         * The length of a single limiting period. This value is expressed
+         * in milliseconds, defaulting to one hour.
+         */
+        duration?: number;
+
+        /**
+         * The maximum amount of requests a client (see the `id` field) may
+         * make during a limiting period. (see `duration`)
+         */
+        max?: number;
+
+        /**
+         * Get the unique-identifier for a request. This defaults to the
+         * client's IP address. Returning "false" will skip rate-limiting.
+         */
+        id?: (context: Context) => string | false;
+
+        /**
+         * Whether or not to disable the usage of rate limit headers. This defaults
+         * to **false**.
+         */
+        disableHeader?: boolean;
+
+        /**
+         * The message used on the response body if a client is rate-limited. There is
+         * a default message; which includes when they should try again.
+         */
+        errorMessage?: string;
+
+        /**
+         * Whether or not to throw an error upon being rate-limited. This uses
+         * the Koa context function "throw".
+         */
+        throw?: boolean;
+
+        /**
+         * A relation of header to the header's display name.
+         */
+        headers?: HeaderNameOptions;
+    }
+}
+
+export = ratelimit;
diff --git a/types/koa-ratelimit/koa-ratelimit-tests.ts b/types/koa-ratelimit/koa-ratelimit-tests.ts
new file mode 100644
index 0000000000..70c10b5655
--- /dev/null
+++ b/types/koa-ratelimit/koa-ratelimit-tests.ts
@@ -0,0 +1,19 @@
+import { RedisClient } from "redis";
+import Koa = require("koa");
+import rateLimit = require("koa-ratelimit");
+
+const app = new Koa();
+
+const redisClient = new RedisClient({
+    host: "localhost"
+});
+
+app.use(rateLimit({
+    db: redisClient
+}));
+
+app.use(async context => {
+    context.body = "Hello";
+});
+
+app.listen(2000);
diff --git a/types/koa-ratelimit/tsconfig.json b/types/koa-ratelimit/tsconfig.json
new file mode 100644
index 0000000000..459c9d3a64
--- /dev/null
+++ b/types/koa-ratelimit/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "koa-ratelimit-tests.ts"
+    ]
+}
diff --git a/types/koa-ratelimit/tslint.json b/types/koa-ratelimit/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-ratelimit/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/koa-router/index.d.ts b/types/koa-router/index.d.ts
index b5dc934965..8d8f35df6b 100644
--- a/types/koa-router/index.d.ts
+++ b/types/koa-router/index.d.ts
@@ -4,6 +4,8 @@
 //                 Pavel Ivanov <https://github.com/schfkt>
 //                 JounQin <https://github.com/JounQin>
 //                 Romain Faust <https://github.com/romain-faust>
+//                 Guillaume Mayer <https://github.com/Guillaume-Mayer>
+//                 Andrea Gueugnaut <https://github.com/falinor>
 // Definitions: https://github.com/hellopao/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -86,6 +88,16 @@ declare namespace Router {
         sensitive?: boolean;
         strict?: boolean;
     }
+    
+    export interface IUrlOptionsQuery {
+        query: object | string;
+    }
+
+    export interface IRoutesMatch {
+        path: Layer[];
+        pathAndMethod: Layer[];
+        route: boolean;
+    }
 
     export class ParamName {
         asterisk: boolean;
@@ -178,6 +190,19 @@ declare class Router {
      */
     put(name: string, path: string | RegExp, ...middleware: Array<Router.IMiddleware>): Router;
     put(path: string | RegExp | (string | RegExp)[], ...middleware: Array<Router.IMiddleware>): Router;
+    
+    /**
+     * HTTP link method
+     */
+    link(name: string, path: string | RegExp, ...middleware: Array<Router.IMiddleware>): Router;
+    link(path: string | RegExp | (string | RegExp)[], ...middleware: Array<Router.IMiddleware>): Router;
+    
+    /**
+     * HTTP unlink method
+     */
+    unlink(name: string, path: string | RegExp, ...middleware: Array<Router.IMiddleware>): Router;
+    unlink(path: string | RegExp | (string | RegExp)[], ...middleware: Array<Router.IMiddleware>): Router;
+    
 
     /**
      * HTTP delete method
@@ -258,14 +283,29 @@ declare class Router {
     /**
      * Generate URL for route. Takes either map of named `params` or series of
      * arguments (for regular expression routes)
+     * 
+     * router = new Router();
+     * router.get('user', "/users/:id", ...
+     * 
+     * router.url('user', { id: 3 });
+     * // => "/users/3"
+     * 
+     * Query can be generated from third argument:
+     * 
+     * router.url('user', { id: 3 }, { query: { limit: 1 } });
+     * // => "/users/3?limit=1"
+     * 
+     * router.url('user', { id: 3 }, { query: "limit=1" });
+     * // => "/users/3?limit=1"
+     * 
      */
-    url(name: string, params: Object): string;
-    url(name: string, params: Object): Error;
+    url(name: string, params: any, options?: Router.IUrlOptionsQuery): string;
+    url(name: string, params: any, options?: Router.IUrlOptionsQuery): Error;
 
     /**
      * Match given `path` and return corresponding routes.
      */
-    match(name: string, method: string): Object;
+    match(path: string, method: string): Router.IRoutesMatch;
 
     /**
      * Run middleware for named route parameters. Useful for auto-loading or validation.
diff --git a/types/koa-router/koa-router-tests.ts b/types/koa-router/koa-router-tests.ts
index b2bec9ad0c..e1c90c636d 100644
--- a/types/koa-router/koa-router-tests.ts
+++ b/types/koa-router/koa-router-tests.ts
@@ -14,11 +14,21 @@ router
     .get('/', function (ctx, next) {
         ctx.body = 'Hello World!';
     })
-    .get('/users/:id', function (ctx, next) {
-        ctx.body = ctx.router.url('user-accounts', { id: ctx.params.id })
+    .get('user', '/users/:id', function (ctx, next) {
+        ctx.body = {
+          test1: ctx.router.url('user-accounts', { id: ctx.params.id }),
+          test2: ctx.router.url('user-accounts', ctx.params.id),
+          test3: ctx.router.url('user-accounts', [ctx.params.id]),
+        }
     })
     .get('user-accounts', '/users/:id/accounts', function (ctx, next) {
-        // ...
+        ctx.body = {
+          test1: ctx.router.url('user', { id: 3 }, { query: { limit: 1 } }),
+          test2: ctx.router.url('user', { id: 3 }, { query: "limit=1" }),
+          test3: ctx.router.url('user', 3, { query: { limit: 1 } }),
+          test4: ctx.router.url('user', [3], { query: "limit=1" }),
+          test5: ctx.router.url('user', ["3"], { query: { limit: "1" } }),
+        }
     })
     .post('/users', function (ctx, next) {
         // ...
@@ -34,6 +44,8 @@ router.get('user', '/users/:id', function (ctx) {
     ctx.body = "sdsd";
 });
 
+const match = router.match('/users/:id', 'GET');
+
 let layer: Router.Layer
 let layerOptions: Router.ILayerOptions
 
diff --git a/types/koa-static-server/index.d.ts b/types/koa-static-server/index.d.ts
new file mode 100644
index 0000000000..271aa0850c
--- /dev/null
+++ b/types/koa-static-server/index.d.ts
@@ -0,0 +1,58 @@
+// Type definitions for koa-static-server 1.3
+// Project: https://github.com/pkoretic/koa-static-server
+// Definitions by: wulunyi <https://github.com/wulunyi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/* =================== USAGE ===================
+
+    import serve = require("koa-static-server");
+    var Koa = require('koa');
+
+    var app = new Koa();
+    app.use(serve(serve({rootDir: 'web'}));
+
+ =============================================== */
+import { Middleware } from "koa";
+
+declare function KoaStaticServer(options: KoaStaticServer.Options): Middleware;
+
+declare namespace KoaStaticServer {
+  interface Options {
+    /**
+     * directory that is to be served
+     */
+    rootDir?: string;
+    /**
+     * optional rewrite path
+     */
+    rootPath?: string;
+    /**
+     * optional default file to serve if requested static is missing
+     */
+    notFoundFile?: string;
+    /**
+     * request access log to console
+     */
+    log?: boolean;
+    /**
+     * don't execute any downstream middleware. defaults to true
+     */
+    last?: boolean;
+    /**
+     * Browser cache max-age in milliseconds. defaults to 0
+     */
+    maxage?: number;
+    /**
+     * Allow transfer of hidden files. defaults to false
+     */
+    hidden?: boolean;
+    /**
+     * Try to serve the gzipped version of a file automatically when gzip is supported by a client and if the requested
+     */
+    gzip?: boolean;
+    index?: string;
+  }
+}
+
+export = KoaStaticServer;
diff --git a/types/koa-static-server/koa-static-server-tests.ts b/types/koa-static-server/koa-static-server-tests.ts
new file mode 100644
index 0000000000..f164b64585
--- /dev/null
+++ b/types/koa-static-server/koa-static-server-tests.ts
@@ -0,0 +1,8 @@
+import Koa = require("koa");
+import serve = require("koa-static-server");
+
+const app = new Koa();
+
+app.use(serve({rootDir: 'web'}));
+
+app.listen(80);
diff --git a/types/koa-static-server/tsconfig.json b/types/koa-static-server/tsconfig.json
new file mode 100644
index 0000000000..d1d6daa3fb
--- /dev/null
+++ b/types/koa-static-server/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "koa-static-server-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/koa-static-server/tslint.json b/types/koa-static-server/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/koa-static-server/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/koa-useragent/index.d.ts b/types/koa-useragent/index.d.ts
new file mode 100644
index 0000000000..85431f7843
--- /dev/null
+++ b/types/koa-useragent/index.d.ts
@@ -0,0 +1,74 @@
+// Type definitions for koa-useragent 1.2
+// Project: https://github.com/rvboris/koa-useragent
+// Definitions by: Boris Ryabov <https://github.com/rvboris>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import Koa = require("koa");
+
+declare namespace UserAgent {
+    interface UserAgent {
+        isAuthoritative: boolean;
+        isMobile: boolean;
+        isTablet: boolean;
+        isiPad: boolean;
+        isiPod: boolean;
+        isiPhone: boolean;
+        isAndroid: boolean;
+        isBlackberry: boolean;
+        isOpera: boolean;
+        isIE: boolean;
+        isEdge: boolean;
+        isIECompatibilityMode: boolean;
+        isSafari: boolean;
+        isFirefox: boolean;
+        isWebkit: boolean;
+        isChrome: boolean;
+        isKonqueror: boolean;
+        isOmniWeb: boolean;
+        isSeaMonkey: boolean;
+        isFlock: boolean;
+        isAmaya: boolean;
+        isPhantomJS: boolean;
+        isEpiphany: boolean;
+        isDesktop: boolean;
+        isWindows: boolean;
+        isLinux: boolean;
+        isLinux64: boolean;
+        isMac: boolean;
+        isChromeOS: boolean;
+        isBada: boolean;
+        isSamsung: boolean;
+        isRaspberry: boolean;
+        isBot: boolean;
+        isCurl: boolean;
+        isAndroidTablet: boolean;
+        isWinJs: boolean;
+        isKindleFire: boolean;
+        isSilk: boolean;
+        isCaptive: boolean;
+        isSmartTV: boolean;
+        isUC: boolean;
+        isElectron: boolean;
+        isFacebook: boolean;
+        isAlamoFire: boolean;
+        silkAccelerated: boolean;
+        browser: string;
+        version: string;
+        os: string;
+        platform: string;
+        geoIp: object;
+        electronVersion: string;
+        source: string;
+    }
+
+    const UserAgent: Koa.Middleware;
+}
+
+declare module "koa" {
+    interface Context {
+        userAgent: UserAgent.UserAgent;
+    }
+}
+
+export = UserAgent.UserAgent;
diff --git a/types/koa-useragent/koa-useragent-tests.ts b/types/koa-useragent/koa-useragent-tests.ts
new file mode 100644
index 0000000000..579983786c
--- /dev/null
+++ b/types/koa-useragent/koa-useragent-tests.ts
@@ -0,0 +1,65 @@
+import Koa = require('koa');
+import userAgent = require('koa-useragent');
+
+const app = new Koa();
+
+app.use(userAgent);
+
+app.use((ctx, next) => {
+    ctx.userAgent.isAuthoritative; // $ExpectType boolean
+    ctx.userAgent.isMobile; // $ExpectType boolean
+    ctx.userAgent.isTablet; // $ExpectType boolean
+    ctx.userAgent.isiPad; // $ExpectType boolean
+    ctx.userAgent.isiPod; // $ExpectType boolean
+    ctx.userAgent.isiPhone; // $ExpectType boolean
+    ctx.userAgent.isAndroid; // $ExpectType boolean
+    ctx.userAgent.isBlackberry; // $ExpectType boolean
+    ctx.userAgent.isOpera; // $ExpectType boolean
+    ctx.userAgent.isIE; // $ExpectType boolean
+    ctx.userAgent.isEdge; // $ExpectType boolean
+    ctx.userAgent.isIECompatibilityMode; // $ExpectType boolean
+    ctx.userAgent.isSafari; // $ExpectType boolean
+    ctx.userAgent.isFirefox; // $ExpectType boolean
+    ctx.userAgent.isWebkit; // $ExpectType boolean
+    ctx.userAgent.isChrome; // $ExpectType boolean
+    ctx.userAgent.isKonqueror; // $ExpectType boolean
+    ctx.userAgent.isOmniWeb; // $ExpectType boolean
+    ctx.userAgent.isSeaMonkey; // $ExpectType boolean
+    ctx.userAgent.isFlock; // $ExpectType boolean
+    ctx.userAgent.isAmaya; // $ExpectType boolean
+    ctx.userAgent.isPhantomJS; // $ExpectType boolean
+    ctx.userAgent.isEpiphany; // $ExpectType boolean
+    ctx.userAgent.isDesktop; // $ExpectType boolean
+    ctx.userAgent.isWindows; // $ExpectType boolean
+    ctx.userAgent.isLinux; // $ExpectType boolean
+    ctx.userAgent.isLinux64; // $ExpectType boolean
+    ctx.userAgent.isMac; // $ExpectType boolean
+    ctx.userAgent.isChromeOS; // $ExpectType boolean
+    ctx.userAgent.isBada; // $ExpectType boolean
+    ctx.userAgent.isSamsung; // $ExpectType boolean
+    ctx.userAgent.isRaspberry; // $ExpectType boolean
+    ctx.userAgent.isBot; // $ExpectType boolean
+    ctx.userAgent.isCurl; // $ExpectType boolean
+    ctx.userAgent.isAndroidTablet; // $ExpectType boolean
+    ctx.userAgent.isWinJs; // $ExpectType boolean
+    ctx.userAgent.isKindleFire; // $ExpectType boolean
+    ctx.userAgent.isSilk; // $ExpectType boolean
+    ctx.userAgent.isCaptive; // $ExpectType boolean
+    ctx.userAgent.isSmartTV; // $ExpectType boolean
+    ctx.userAgent.isUC; // $ExpectType boolean
+    ctx.userAgent.isElectron; // $ExpectType boolean
+    ctx.userAgent.isFacebook; // $ExpectType boolean
+    ctx.userAgent.isAlamoFire; // $ExpectType boolean
+    ctx.userAgent.silkAccelerated; // $ExpectType boolean
+    ctx.userAgent.browser; // $ExpectType string
+    ctx.userAgent.version; // $ExpectType string
+    ctx.userAgent.os; // $ExpectType string
+    ctx.userAgent.platform; // $ExpectType string
+    ctx.userAgent.geoIp; // $ExpectType object
+    ctx.userAgent.electronVersion; // $ExpectType string
+    ctx.userAgent.source; // $ExpectType string
+
+    return next();
+});
+
+app.listen(3000);
diff --git a/types/koa-useragent/tsconfig.json b/types/koa-useragent/tsconfig.json
new file mode 100644
index 0000000000..99b7757751
--- /dev/null
+++ b/types/koa-useragent/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "koa-useragent-tests.ts"
+    ]
+}
diff --git a/types/koa-useragent/tslint.json b/types/koa-useragent/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/koa-useragent/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/koa-websocket/index.d.ts b/types/koa-websocket/index.d.ts
index 91b50b5ace..c23c9036b8 100644
--- a/types/koa-websocket/index.d.ts
+++ b/types/koa-websocket/index.d.ts
@@ -3,32 +3,41 @@
 // Definitions by: Maël Lavault <https://github.com/moimael>
 //                 Jaco Greeff <https://github.com/jacogr>
 //                 Martin Ždila <https://github.com/zdila>
+//                 Eunchong Yu <https://github.com/Kroisse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
 import Koa = require('koa');
+import compose = require('koa-compose');
 import * as ws from 'ws';
 import * as http from 'http';
 import * as https from 'https';
 
-declare namespace KoaWebsocket {
-    type ConnectionHandler = (socket: ws) => void;
-
-    type Middleware = (this: MiddlewareContext, context: Koa.Context, next: () => Promise<any>) => any;
-
-    interface MiddlewareContext extends Koa.Context {
+declare module "koa" {
+    interface Context {
         websocket: ws;
         path: string;
     }
+}
+
+declare namespace KoaWebsocket {
+    type Middleware = compose.Middleware<MiddlewareContext>;
+
+    interface MiddlewareContext extends Koa.Context {
+        // Limitation: Declaration merging cannot overwrap existing properties.
+        // That's why this property is here, not in the merged declaration above.
+        app: App;
+    }
 
     class Server {
-        app: Koa;
-        middleware: Koa.Middleware[];
+        app: App;
+        middleware: Middleware[];
+        server?: ws.Server;
 
         constructor(app: Koa);
 
         listen(options: ws.ServerOptions): ws.Server;
-        onConnection(handler: ConnectionHandler): void;
+        onConnection(socket: ws, request: http.IncomingMessage): void;
         use(middleware: Middleware): this;
     }
 
diff --git a/types/koa-websocket/koa-websocket-tests.ts b/types/koa-websocket/koa-websocket-tests.ts
index bd99c3d17e..502b366652 100644
--- a/types/koa-websocket/koa-websocket-tests.ts
+++ b/types/koa-websocket/koa-websocket-tests.ts
@@ -3,11 +3,19 @@ import websocket = require('koa-websocket');
 
 const app = websocket(new Koa());
 
-app.ws.use(async function(context, next) {
-    this.websocket.on('message', (message) => {
+app.ws.use(async (ctx, next) => {
+    ctx.websocket.on('message', (message) => {
         console.log(message);
+        const server = ctx.app.ws.server;
+        if (server) {
+            server.clients.forEach(client => {
+                if (client !== ctx.websocket) {
+                    client.send(message);
+                }
+            });
+        }
     });
-    this.websocket.send('Hello world');
+    ctx.websocket.send('Hello world');
     await next();
 });
 
diff --git a/types/koa-websocket/tsconfig.json b/types/koa-websocket/tsconfig.json
index 87c9225d08..ffe283f2ad 100644
--- a/types/koa-websocket/tsconfig.json
+++ b/types/koa-websocket/tsconfig.json
@@ -20,4 +20,4 @@
         "index.d.ts",
         "koa-websocket-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/koa/index.d.ts b/types/koa/index.d.ts
index ea6bd60a46..802d6a242f 100644
--- a/types/koa/index.d.ts
+++ b/types/koa/index.d.ts
@@ -659,6 +659,10 @@ declare namespace Application {
          * Default error handling.
          */
         onerror(err: Error): void;
+        /**
+         * Custom properties.
+         */
+        [key: string]: any;
     }
 
     interface Request extends BaseRequest {
diff --git a/types/kos-core/index.d.ts b/types/kos-core/index.d.ts
new file mode 100644
index 0000000000..20c4f25d20
--- /dev/null
+++ b/types/kos-core/index.d.ts
@@ -0,0 +1,64 @@
+// Type definitions for kos-core 0.4
+// Project: https://github.com/ali-Kos/Kos
+// Definitions by: alibaba ali-Kos <https://github.com/ali-Kos>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+import * as React from 'react';
+
+type ReactComponent<P = any, S = any> = React.ComponentClass<P, S>;
+
+interface Util {
+    getActionType: (action: string) => { namespace: string | null; type: string };
+}
+
+interface WrapperConfig {
+    model: KosModel;
+    autoLoad?: boolean;
+    autoReset?: boolean;
+    namespace?: string;
+}
+
+interface Action<T = any> {
+    type: string;
+    payload?: Partial<T>;
+}
+
+export interface KosProps<T = any> {
+    dispatch?: (action: Action<T>) => void;
+    getParam?: () => string;
+    getNamespace?: () => string;
+}
+
+export type KosDispatch = (action: Action) => void;
+
+export type GetKosState<T = any> = () => T;
+
+export interface KosModel<T = any> {
+    namespace: string;
+    initial: T;
+    reducers: {
+        [key: string]: (state: T, { payload }: { payload: T }) => void;
+    };
+    asyncs: {
+        [key: string]: (dispatch: KosDispatch, getState: GetKosState<T>, action: Action) => void;
+    };
+    setup?: (dispatch: KosDispatch, getState: GetKosState<T>) => void;
+    getAsync?: (
+        key: string
+    ) => (dispatch: KosDispatch, getState?: GetKosState) => void;
+}
+
+interface Kos {
+    Util: Util;
+    registeModel: (model: any) => void;
+    removeModel: (namespace: string) => void;
+    getModel: (namespace: string) => KosModel;
+    use: (middleware: (api: { dispatch: any; getState: any }) => void) => void;
+    Wrapper: (
+        config: WrapperConfig
+    ) => (component: ReactComponent<any & KosProps>) => any;
+    start: (Layout: ReactComponent, container?: string) => void;
+}
+
+declare let KOS: Kos;
+export default KOS;
diff --git a/types/kos-core/kos-core-tests.ts b/types/kos-core/kos-core-tests.ts
new file mode 100644
index 0000000000..e879236456
--- /dev/null
+++ b/types/kos-core/kos-core-tests.ts
@@ -0,0 +1,6 @@
+import KOS from 'kos-core';
+
+type IReactComponent<P = any, S = any> = React.ComponentClass<P, S>;
+declare let RC: IReactComponent;
+
+KOS.start(RC, "#root");
diff --git a/types/fast-diff/tsconfig.json b/types/kos-core/tsconfig.json
similarity index 94%
rename from types/fast-diff/tsconfig.json
rename to types/kos-core/tsconfig.json
index 0c6f0c4ae2..9c4ff911b3 100644
--- a/types/fast-diff/tsconfig.json
+++ b/types/kos-core/tsconfig.json
@@ -18,6 +18,6 @@
     },
     "files": [
         "index.d.ts",
-        "fast-diff-tests.ts"
+        "kos-core-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/kos-core/tslint.json b/types/kos-core/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/kos-core/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/lambda-tester/index.d.ts b/types/lambda-tester/index.d.ts
new file mode 100644
index 0000000000..8f942ddd19
--- /dev/null
+++ b/types/lambda-tester/index.d.ts
@@ -0,0 +1,34 @@
+// Type definitions for lambda-tester 3.5
+// Project: https://github.com/vandium-io/lambda-tester#readme
+// Definitions by: Ivan Kerin <https://github.com/ivank>
+//                 Hajo Aho-Mantila <https://github.com/HajoAhoMantila>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Context, ClientContext, CognitoIdentity, Handler } from "aws-lambda";
+
+declare namespace lambdaTester {
+    type Verifier = (result: any) => void;
+
+    class LambdaTester {
+        event(event: any): this;
+        context(context: Context): this;
+        clientContext(clientContext: ClientContext): this;
+        identity(
+            cognitoIdentityId: string,
+            cognitoIdentityPoolId: string
+        ): this;
+        timeout(seconds: number): this;
+        xray(): this;
+        expectSucceed(verifier: Verifier): Promise<any>;
+        expectFail(verifier: Verifier): Promise<any>;
+        expectError(verifier: Verifier): Promise<any>;
+        expectResult(verifier: Verifier): Promise<any>;
+        expectReject(verifier: Verifier): Promise<any>;
+        expectResolve(verifier: Verifier): Promise<any>;
+    }
+}
+
+declare function lambdaTester(handler: Handler): lambdaTester.LambdaTester;
+
+export = lambdaTester;
diff --git a/types/lambda-tester/lambda-tester-tests.ts b/types/lambda-tester/lambda-tester-tests.ts
new file mode 100644
index 0000000000..61a9815fe0
--- /dev/null
+++ b/types/lambda-tester/lambda-tester-tests.ts
@@ -0,0 +1,46 @@
+import * as lambdaTester from "lambda-tester";
+import { Handler, Context, ClientContext } from "aws-lambda";
+
+const handler: Handler = () => Promise.resolve();
+const context: Context = {} as any;
+const clientContext: ClientContext = {} as any;
+
+interface TResult {
+    data: string;
+}
+interface TError {
+    message: string;
+}
+
+function lambdaTesterInstance() {
+    return lambdaTester(handler).event({ test: "123" });
+}
+
+lambdaTesterInstance()
+    .context(context)
+    .clientContext(clientContext)
+    .xray()
+    .identity("123", "123")
+    .expectSucceed((result: TResult) => {
+        const t: string = result.data;
+    });
+
+lambdaTesterInstance().expectFail((error: TError) => {
+    const t: string = error.message;
+});
+
+lambdaTesterInstance().expectResolve((result: TResult) => {
+    const t: string = result.data;
+});
+
+lambdaTesterInstance().expectReject((error: TError) => {
+    const t: string = error.message;
+});
+
+lambdaTesterInstance().expectResult((result: TResult) => {
+    const t: string = result.data;
+});
+
+lambdaTesterInstance().expectError((error: TError) => {
+    const t: string = error.message;
+});
diff --git a/types/lambda-tester/tsconfig.json b/types/lambda-tester/tsconfig.json
new file mode 100644
index 0000000000..11894ba0d0
--- /dev/null
+++ b/types/lambda-tester/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "lambda-tester-tests.ts"]
+}
diff --git a/types/lambda-tester/tslint.json b/types/lambda-tester/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/lambda-tester/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/later/tslint.json b/types/later/tslint.json
index 9e23990c45..d4081f4bdf 100644
--- a/types/later/tslint.json
+++ b/types/later/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODO
+        "no-angle-bracket-type-assertion": false,
         "no-object-literal-type-assertion": false
     }
 }
diff --git a/types/layzr.js/index.d.ts b/types/layzr.js/index.d.ts
new file mode 100644
index 0000000000..067a7ebde6
--- /dev/null
+++ b/types/layzr.js/index.d.ts
@@ -0,0 +1,82 @@
+// Type definitions for layzr.js 2.2
+// Project: https://github.com/callmecavs/layzr.js
+// Definitions by: Rostislav Shermenyov <https://github.com/shermendev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Layzr {
+    type LayzrEvents = "src:before" | "src:after";
+
+    interface LayzrInstance {
+        /**
+         * Manually check if elements are in the viewport. This method is called while the window is scrolled or resized.
+         */
+        check(): LayzrInstance;
+        /**
+         * Emit an event, firing all of its handlers.
+         * @param name Event name
+         * @param args Arguments that will be passed to each handler
+         */
+        emit(name: LayzrEvents, ...args: any[]): LayzrInstance;
+        /**
+         * Add or remove the scroll and resize event handlers.
+         * @param flag
+         */
+        handlers(flag: boolean): LayzrInstance;
+        /**
+         * Remove a specific handler from an event.
+         * @param name Event name
+         * @param handler Event handler
+         */
+        off(name: LayzrEvents, handler?: () => {}): LayzrInstance;
+        /**
+         * This event is emitted immediately before/after an image source is set. The image node is passed to the event handler.
+         * @param name Event name
+         * @param handler Event handler
+         */
+        on(
+            name: LayzrEvents,
+            handler: (element: HTMLElement) => void
+        ): LayzrInstance;
+        /**
+         * This event is emitted immediately before/after an image source is set. The image node is passed to the event handler. Fires once.
+         * @param name Event name
+         * @param handler Event handler
+         */
+        once(
+            name: LayzrEvents,
+            handler: (element: HTMLElement) => void
+        ): LayzrInstance;
+        /**
+         * Update the elements Layzr is checking.
+         */
+        update(): LayzrInstance;
+    }
+
+    interface LayzrOptions {
+        /**
+         * Customize the attribute the normal resolution source is taken from.
+         */
+        normal?: string;
+        /**
+         * Customize the attribute the retina/high resolution source is taken from.
+         */
+        retina?: string;
+        /**
+         * Customize the attribute the source set is taken from.
+         */
+        srcset?: string;
+        /**
+         * Adjust when images load, relative to the viewport. Positive values make images load sooner, negative values make images load later.
+         *
+         * Threshold is a percentage of the viewport height, identical to the CSS vh unit.
+         */
+        threshold?: number;
+    }
+}
+/**
+ * @param options Options
+ */
+declare function Layzr(options?: Layzr.LayzrOptions): Layzr.LayzrInstance;
+
+export = Layzr;
+export as namespace Layzr;
diff --git a/types/layzr.js/layzr.js-tests.ts b/types/layzr.js/layzr.js-tests.ts
new file mode 100644
index 0000000000..9e01d32523
--- /dev/null
+++ b/types/layzr.js/layzr.js-tests.ts
@@ -0,0 +1,32 @@
+import * as Layzr from "layzr.js";
+
+const options: Layzr.LayzrOptions = {
+    normal: "data-normal",
+    retina: "data-retina",
+    srcset: "data-srcset",
+    threshold: 0
+};
+
+const instance = Layzr();
+const instance2 = Layzr(options);
+
+instance.emit("src:before", 4, "yg", () => {});
+
+instance
+    .on("src:before", element => {
+        console.log(element);
+    })
+    .once("src:before", element => {
+        console.log(element);
+    })
+    .on("src:after", element => {
+        console.log(element);
+    })
+    .once("src:after", element => {
+        console.log(element);
+    })
+    .handlers(true)
+    .check()
+    .update()
+    .emit("src:before")
+    .off("src:after");
diff --git a/types/layzr.js/tsconfig.json b/types/layzr.js/tsconfig.json
new file mode 100644
index 0000000000..9fba6a6729
--- /dev/null
+++ b/types/layzr.js/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+      "index.d.ts",
+      "layzr.js-tests.ts"
+  ]
+}
diff --git a/types/layzr.js/tslint.json b/types/layzr.js/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/layzr.js/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
diff --git a/types/lazy.js/index.d.ts b/types/lazy.js/index.d.ts
index 6f5f0771c7..0cb6ce2f95 100644
--- a/types/lazy.js/index.d.ts
+++ b/types/lazy.js/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Lazy.js 0.3.3
+// Type definitions for Lazy.js 0.3.4
 // Project: https://github.com/dtao/lazy.js/
 // Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mike Doughty <https://github.com/miso440>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -219,7 +219,7 @@ declare namespace LazyJS {
       //async(): X;
       defaults(defaults: any): ObjectLikeSequence<T>;
       functions(): Sequence<T>;
-      get(property: string): T;
+      get(property: string): any;
       invert(): ObjectLikeSequence<T>;
       keys(): Sequence<string>;
       merge(others: any | ObjectLikeSequence<T>, mergeFn?: Function): ObjectLikeSequence<T>;
diff --git a/types/leaflet-gpx/index.d.ts b/types/leaflet-gpx/index.d.ts
index 7165aaba28..8063c050b2 100644
--- a/types/leaflet-gpx/index.d.ts
+++ b/types/leaflet-gpx/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for leaflet-gpx 1.3
 // Project: https://github.com/mpetazzoni/leaflet-gpx
-// Definitions by: Viktor Soucek <https://github.com/soucekv>, M�rton Moln�r <https://github.com/molnarm>
+// Definitions by: Viktor Soucek <https://github.com/soucekv>, Márton Molnár <https://github.com/molnarm>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
diff --git a/types/leaflet-gpx/tsconfig.json b/types/leaflet-gpx/tsconfig.json
index 08f5612820..4709cad61c 100644
--- a/types/leaflet-gpx/tsconfig.json
+++ b/types/leaflet-gpx/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/leaflet-polylinedecorator/index.d.ts b/types/leaflet-polylinedecorator/index.d.ts
index b3603e9f29..b66fbc58cc 100644
--- a/types/leaflet-polylinedecorator/index.d.ts
+++ b/types/leaflet-polylinedecorator/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for leaflet-polylinedecorator 1.1
 // Project: https://github.com/bbecquet/Leaflet.PolylineDecorator#readme
 // Definitions by: Viktor Soucek <https://github.com/soucekv>
+//                 Michael Faisst <https://github.com/michaelfaisst>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -45,9 +46,9 @@ declare module 'leaflet' {
     }
 
     interface Pattern {
-        offset?: number;
-        endOffset?: number;
-        repeat: number;
+        offset?: number | string;
+        endOffset?: number | string;
+        repeat: number | string;
         symbol: Symbol.Dash | Symbol.ArrowHead | Symbol.Marker;
     }
 
diff --git a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
index 7a9c5ee946..66a02cd376 100644
--- a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
+++ b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
@@ -53,3 +53,44 @@ L.polylineDecorator(polyline, {
             })}
     ]
 }).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            offset: "10%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            endOffset: "20%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            repeat: "5%",
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
diff --git a/types/leaflet-polylinedecorator/tsconfig.json b/types/leaflet-polylinedecorator/tsconfig.json
index f84b2a3913..f0e38870f0 100644
--- a/types/leaflet-polylinedecorator/tsconfig.json
+++ b/types/leaflet-polylinedecorator/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/leaflet-providers/index.d.ts b/types/leaflet-providers/index.d.ts
index bc9a4576de..c92eeea96f 100644
--- a/types/leaflet-providers/index.d.ts
+++ b/types/leaflet-providers/index.d.ts
@@ -9,7 +9,7 @@ import * as L from 'leaflet';
 declare module 'leaflet' {
   namespace TileLayer {
     class Provider extends TileLayer {
-      constructor(provider: string, options?: TileLayerOptions)
+      constructor(provider: string, options?: TileLayerOptions & { [name: string]: string; })
     }
 
     namespace Provider {
@@ -28,6 +28,6 @@ declare module 'leaflet' {
   }
 
   namespace tileLayer {
-    function provider(provider: string, options?: TileLayerOptions): TileLayer.Provider;
+    function provider(provider: string, options?: TileLayerOptions & { [name: string]: string; }): TileLayer.Provider;
   }
 }
diff --git a/types/leaflet-providers/tsconfig.json b/types/leaflet-providers/tsconfig.json
index bb2349b7d5..2847026daf 100644
--- a/types/leaflet-providers/tsconfig.json
+++ b/types/leaflet-providers/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/leaflet/index.d.ts b/types/leaflet/index.d.ts
index 8402d8bc9b..8177ba1aa6 100644
--- a/types/leaflet/index.d.ts
+++ b/types/leaflet/index.d.ts
@@ -494,7 +494,11 @@ export interface TileLayerOptions extends GridLayerOptions {
     zoomReverse?: boolean;
     detectRetina?: boolean;
     crossOrigin?: boolean;
-    [name: string]: any;
+    // [name: string]: any;
+    // You are able add additional properties, but it makes this interface unchackable.
+    // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/15313
+    // Example:
+    // tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png?{foo}&{bar}&{abc}', {foo: 'bar', bar: (data: any) => 'foo', abc: () => ''});
 }
 
 export class TileLayer extends GridLayer {
@@ -817,7 +821,7 @@ export interface GeoJSONOptions<P = any> extends LayerOptions {
     pointToLayer?(geoJsonPoint: geojson.Feature<geojson.Point, P>, latlng: LatLng): Layer; // should import GeoJSON typings
 
     /**
-     * A Function defining the Path options for styling GeoJSON lines and polygons,
+     * PathOptions or a Function defining the Path options for styling GeoJSON lines and polygons,
      * called internally when data is added.
      *
      * The default value is to not override any defaults:
@@ -828,7 +832,7 @@ export interface GeoJSONOptions<P = any> extends LayerOptions {
      * }
      * ```
      */
-    style?: StyleFunction<P>;
+    style?: PathOptions | StyleFunction<P>;
 
     /**
      * A Function that will be called once for each created Feature, after it
@@ -919,6 +923,12 @@ export class GeoJSON<P = any> extends FeatureGroup<P> {
      */
     resetStyle(layer: Layer): Layer;
 
+    /**
+     * Same as FeatureGroup's setStyle method, but style-functions are also
+     * allowed here to set the style according to the feature.
+     */
+    setStyle(style: PathOptions | StyleFunction<P>): this;
+
     options: GeoJSONOptions<P>;
 }
 
diff --git a/types/leaflet/leaflet-tests.ts b/types/leaflet/leaflet-tests.ts
index d1375fa83f..6debf6b0d6 100644
--- a/types/leaflet/leaflet-tests.ts
+++ b/types/leaflet/leaflet-tests.ts
@@ -227,9 +227,6 @@ tileLayerOptions = {
     pane: '',
     className: '',
     keepBuffer: 1,
-    foo: 'bar',
-    bar: () => 'foo',
-    abc: (data: any) => 'foobar'
 };
 
 tileLayerOptions.subdomains = 'a';
@@ -245,11 +242,9 @@ tileLayerOptions.bounds = latLngBoundsLiteral;
 let tileLayer: L.TileLayer;
 tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png');
 tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', tileLayerOptions);
-tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png?{foo}&{bar}&{abc}', {foo: 'bar', bar: (data: any) => 'foo', abc: () => ''});
 
 tileLayer = new L.TileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png');
 tileLayer = new L.TileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', tileLayerOptions);
-tileLayer = new L.TileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png?{foo}&{bar}&{abc}', {foo: 'bar', bar: (data: any) => 'foo', abc: () => ''});
 
 // imageOverlay
 let imageOverlayOptions: L.ImageOverlayOptions;
@@ -414,6 +409,14 @@ let nestedTwoCoords = [ [12, 13], [13, 14], [14, 15] ];
 const nestedLatLngs: L.LatLng[] = L.GeoJSON.coordsToLatLngs(nestedTwoCoords, 1);
 nestedTwoCoords = L.GeoJSON.latLngsToCoords(nestedLatLngs, 1);
 
+const geojson = new L.GeoJSON();
+const style: L.PathOptions = {
+    className: "string",
+};
+const styler: L.StyleFunction<MyProperties> = () => style;
+geojson.setStyle(style);
+geojson.setStyle(styler);
+
 class MyMarker extends L.Marker {
 	constructor() {
 		super([12, 13]);
diff --git a/types/leaflet/v0/index.d.ts b/types/leaflet/v0/index.d.ts
index efadd88e8f..4774f7034f 100644
--- a/types/leaflet/v0/index.d.ts
+++ b/types/leaflet/v0/index.d.ts
@@ -1020,7 +1020,7 @@ declare namespace L {
 
         /**
           * Function that will be used for converting GeoJSON coordinates to LatLng points
-          * (if not specified, coords will be assumed to be WGS84 � standard[longitude, latitude]
+          * (if not specified, coords will be assumed to be WGS84 standard[longitude, latitude]
           * values in degrees).
           */
         coordsToLatLng?: (coords: any[]) => LatLng[];
diff --git a/types/leakage/index.d.ts b/types/leakage/index.d.ts
new file mode 100644
index 0000000000..ebec8a8951
--- /dev/null
+++ b/types/leakage/index.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for leakage 0.4
+// Project: https://github.com/andywer/leakage#readme
+// Definitions by: Arne Schubert <https://github.com/atd-schubert>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export class MemoryLeakError extends Error {}
+
+export interface IterateOptions {
+    iterations?: number;
+    gcollections?: number;
+}
+
+export function iterate(iteratorFn: () => void, options?: IterateOptions): Result;
+
+export namespace iterate {
+    function async(iteratorFn: () => Promise<void>, options?: IterateOptions): Promise<Result>;
+}
+
+export interface Result {
+    heapDiffs: any[];
+    gcollections: number;
+    iterations: number;
+
+    printSummary(title: string, log?: (msg: string) => void): void;
+}
diff --git a/types/leakage/leakage-tests.ts b/types/leakage/leakage-tests.ts
new file mode 100644
index 0000000000..9a734ce93a
--- /dev/null
+++ b/types/leakage/leakage-tests.ts
@@ -0,0 +1,15 @@
+import { iterate, IterateOptions, Result } from "leakage";
+
+let optionalNumber: number | undefined;
+let num = 1;
+const iterateFn: () => void = () => {};
+const promiseIterate: () => Promise<void> = () => Promise.resolve();
+const iterateOptions: IterateOptions | undefined = { iterations: optionalNumber, gcollections: optionalNumber };
+
+let result: Result = iterate(iterateFn, iterateOptions);
+optionalNumber = 1;
+
+iterate.async(promiseIterate, iterateOptions).then((res: Result) => result = res);
+
+num = result.gcollections;
+num = result.iterations;
diff --git a/types/leakage/tsconfig.json b/types/leakage/tsconfig.json
new file mode 100644
index 0000000000..48f77ecea7
--- /dev/null
+++ b/types/leakage/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "baseUrl": "../",
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "leakage-tests.ts"
+    ]
+}
+
diff --git a/types/leakage/tslint.json b/types/leakage/tslint.json
new file mode 100644
index 0000000000..03f37e72ca
--- /dev/null
+++ b/types/leakage/tslint.json
@@ -0,0 +1,2 @@
+{ "extends": "dtslint/dt.json" }
+
diff --git a/types/ledgerhq__hw-transport-node-hid/index.d.ts b/types/ledgerhq__hw-transport-node-hid/index.d.ts
new file mode 100644
index 0000000000..91fa7263dc
--- /dev/null
+++ b/types/ledgerhq__hw-transport-node-hid/index.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for @ledgerhq/hw-transport-node-hid 4.22
+// Project: https://github.com/LedgerHQ/ledgerjs/tree/master/packages/hw-transport-node-hid
+// Definitions by: Daniel Byrne <https://github.com/danwbyrne>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types = "node"/>
+import HID = require("node-hid");
+import Transport from "@ledgerhq/hw-transport";
+
+declare class TransportNodeHid extends Transport {
+    constructor(
+        device: HID.HID,
+        ledgerTransport?: boolean,
+        timeout?: number
+    );
+    static open(path: string): Promise<TransportNodeHid>;
+    setScrambleKey(): void;
+
+    device: HID.HID;
+    ledgerTransport: boolean;
+    timeout: number;
+    exchangeStack: any[];
+}
+
+export default TransportNodeHid;
diff --git a/types/ledgerhq__hw-transport-node-hid/ledgerhq__hw-transport-node-hid-tests.ts b/types/ledgerhq__hw-transport-node-hid/ledgerhq__hw-transport-node-hid-tests.ts
new file mode 100644
index 0000000000..90da827dfa
--- /dev/null
+++ b/types/ledgerhq__hw-transport-node-hid/ledgerhq__hw-transport-node-hid-tests.ts
@@ -0,0 +1,19 @@
+import Transport from "@ledgerhq/hw-transport-node-hid";
+
+// $ExpectType Promise<boolean>
+Transport.isSupported();
+// $ExpectType Promise<ReadonlyArray<string>>
+Transport.list();
+// $ExpectType Promise<TransportNodeHid>
+Transport.open("test");
+
+const test = Transport.open("test").then(transport => {
+    // $ExpectType void
+    transport.setScrambleKey();
+
+    // $ExpectType Promise<Buffer>
+    transport.exchange(Buffer.from("test", "hex"));
+
+    // $ExpectType Promise<void>
+    transport.close();
+});
diff --git a/types/ledgerhq__hw-transport-node-hid/tsconfig.json b/types/ledgerhq__hw-transport-node-hid/tsconfig.json
new file mode 100644
index 0000000000..73fde70c50
--- /dev/null
+++ b/types/ledgerhq__hw-transport-node-hid/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@ledgerhq/hw-transport": ["ledgerhq__hw-transport"],
+            "@ledgerhq/hw-transport-node-hid": [
+                "ledgerhq__hw-transport-node-hid"
+            ]
+        }
+    },
+    "files": ["index.d.ts", "ledgerhq__hw-transport-node-hid-tests.ts"]
+}
diff --git a/types/ledgerhq__hw-transport-node-hid/tslint.json b/types/ledgerhq__hw-transport-node-hid/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/ledgerhq__hw-transport-node-hid/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/ledgerhq__hw-transport-u2f/index.d.ts b/types/ledgerhq__hw-transport-u2f/index.d.ts
new file mode 100644
index 0000000000..b08b6c27ff
--- /dev/null
+++ b/types/ledgerhq__hw-transport-u2f/index.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for @ledgerhq/hw-transport-u2f 4.21
+// Project: https://github.com/LedgerHQ/ledgerjs/tree/master/packages/hw-transport-u2f
+// Definitions by: Daniel Byrne <https://github.com/danwbyrne>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="node" />
+import Transport from "@ledgerhq/hw-transport";
+
+declare class TransportU2F extends Transport {
+    constructor();
+    static open(_: any, _openTimeout?: number): Promise<TransportU2F>;
+}
+
+export default TransportU2F;
diff --git a/types/ledgerhq__hw-transport-u2f/ledgerhq__hw-transport-u2f-tests.ts b/types/ledgerhq__hw-transport-u2f/ledgerhq__hw-transport-u2f-tests.ts
new file mode 100644
index 0000000000..2261f49fa4
--- /dev/null
+++ b/types/ledgerhq__hw-transport-u2f/ledgerhq__hw-transport-u2f-tests.ts
@@ -0,0 +1,19 @@
+import Transport from "@ledgerhq/hw-transport-u2f";
+
+// $ExpectType Promise<boolean>
+Transport.isSupported();
+// $ExpectType Promise<ReadonlyArray<string>>
+Transport.list();
+// $ExpectType Promise<TransportU2F>
+Transport.open("test");
+
+const test = Transport.open('test').then(transport => {
+    // $ExpectType void
+    transport.setScrambleKey('BTC');
+
+    // $ExpectType Promise<Buffer>
+    transport.exchange(Buffer.from("test", "hex"));
+
+    // $ExpectType Promise<void>
+    transport.close();
+});
diff --git a/types/ledgerhq__hw-transport-u2f/tsconfig.json b/types/ledgerhq__hw-transport-u2f/tsconfig.json
new file mode 100644
index 0000000000..213de26f56
--- /dev/null
+++ b/types/ledgerhq__hw-transport-u2f/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@ledgerhq/hw-transport": ["ledgerhq__hw-transport"],
+            "@ledgerhq/hw-transport-u2f": ["ledgerhq__hw-transport-u2f"]
+        }
+    },
+    "files": ["index.d.ts", "ledgerhq__hw-transport-u2f-tests.ts"]
+}
diff --git a/types/ledgerhq__hw-transport-u2f/tslint.json b/types/ledgerhq__hw-transport-u2f/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/ledgerhq__hw-transport-u2f/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/ledgerhq__hw-transport/index.d.ts b/types/ledgerhq__hw-transport/index.d.ts
new file mode 100644
index 0000000000..6b3854a343
--- /dev/null
+++ b/types/ledgerhq__hw-transport/index.d.ts
@@ -0,0 +1,52 @@
+// Type definitions for @ledgerhq/hw-transport 4.21
+// Project: https://github.com/LedgerHQ/ledgerjs/tree/master/packages/hw-transport
+// Definitions by: Daniel Byrne <https://github.com/danwbyrne>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="node" />
+
+declare class Transport<TDescriptor extends Descriptor = string> {
+    constructor();
+    static isSupported(): Promise<boolean>;
+    static list(): Promise<ReadonlyArray<Descriptor>>;
+    static listen(
+        observer: Observer<DescriptorEvent<Descriptor>>
+    ): Subscription;
+    static open(
+        descriptor: Descriptor,
+        timeout?: number
+    ): Promise<Transport<typeof descriptor>>;
+    static create(
+        openTimeout?: number,
+        listenTimeout?: number
+    ): Promise<Transport<Descriptor>>;
+    exchange(apdu: Buffer): Promise<Buffer>;
+    setScrambleKey(key: string): void;
+    close(): Promise<void>;
+    on(eventName: string, cb: any): void;
+    off(eventName: string, cb: any): void;
+    setDebugMode(debug: boolean | ((log: string) => void)): void;
+    setExchangeTimeout(exchangeTimeout: number): void;
+    send(cla: number, ins: number, p1: number, p2: number, data: Buffer, statusList: ReadonlyArray<number>): Promise<Buffer>;
+}
+
+export type Device = any;
+export type Descriptor = string; // ?
+export interface DescriptorEvent<Descriptor> {
+    type: "add" | "remove";
+    descriptor: Descriptor;
+    device?: Device;
+}
+export interface Observer<Ev> {
+    readonly next: (event: Ev) => any;
+    readonly error: (e: any) => any;
+    readonly complete: () => any;
+}
+export interface Subscription {
+    readonly unsubscribe: () => void;
+}
+export function getAltStatusMessage(code: number): string;
+export const StatusCodes: {[k in string]: number};
+
+export default Transport;
diff --git a/types/ledgerhq__hw-transport/ledgerhq__hw-transport-tests.ts b/types/ledgerhq__hw-transport/ledgerhq__hw-transport-tests.ts
new file mode 100644
index 0000000000..0f1b289976
--- /dev/null
+++ b/types/ledgerhq__hw-transport/ledgerhq__hw-transport-tests.ts
@@ -0,0 +1,19 @@
+import Transport from "@ledgerhq/hw-transport";
+
+// $ExpectType Promise<boolean>
+Transport.isSupported();
+// $ExpectType Promise<ReadonlyArray<string>>
+Transport.list();
+// $ExpectType Promise<Transport<string>>
+Transport.open("test");
+
+const test = Transport.open("test").then(transport => {
+    // $ExpectType void
+    transport.setScrambleKey('test');
+
+    // $ExpectType Promise<Buffer>
+    transport.exchange(Buffer.from("test", "hex"));
+
+    // $ExpectType Promise<void>
+    transport.close();
+});
diff --git a/types/ledgerhq__hw-transport/tsconfig.json b/types/ledgerhq__hw-transport/tsconfig.json
new file mode 100644
index 0000000000..47ca4863cf
--- /dev/null
+++ b/types/ledgerhq__hw-transport/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@ledgerhq/hw-transport": ["ledgerhq__hw-transport"]
+        }
+    },
+    "files": ["index.d.ts", "ledgerhq__hw-transport-tests.ts"]
+}
diff --git a/types/ledgerhq__hw-transport/tslint.json b/types/ledgerhq__hw-transport/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/ledgerhq__hw-transport/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/less/index.d.ts b/types/less/index.d.ts
index 7d69273a52..5068a49e16 100644
--- a/types/less/index.d.ts
+++ b/types/less/index.d.ts
@@ -1,18 +1,29 @@
-// Type definitions for LESS
+// Type definitions for LESS 3.x
 // Project: http://lesscss.org/
 // Definitions by: Tom Hasner <https://github.com/thasner>
 //                 Pranay Prakash <https://github.com/pranaygp>
 //                 Daniel Waxweiler <https://github.com/dwaxweiler>
+//                 Richard Lea <https://github.com/chigix>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace Less {
+    // https://github.com/less/less.js/blob/master/lib/less/import-manager.js#L10
     interface RootFileInfo {
+        /** whether to adjust URL's to be relative */
+        rewriteUrls?: boolean;
+        /** full resolved filename of current file */
         filename: string;
         relativeUrls: boolean;
+        /** path to append to normal URLs for this node */
         rootpath: string;
+        /** path to the current file, absolute */
         currentDirectory: string;
+        /** absolute path to the entry file */
         entryPath: string;
+        /** filename of the base file */
         rootFilename: string;
+        /** whether the file should not be output and only output parts that are referenced */
+        reference: boolean;
     }
 
     class PluginManager {
@@ -59,11 +70,54 @@ declare namespace Less {
         contents: { [fileName: string]: string };
     }
 
+    /**
+     * Reference to:
+     * * https://github.com/less/less.js/blob/master/bin/lessc
+     * * http://lesscss.org/usage/#less-options
+     *
+     * @interface Options
+     */
     interface Options {
         sourceMap?: SourceMapOption;
+        /** Filename of the main file to be passed to less.render() */
         filename?: string;
+        /** The locations for less looking for files in @import rules */
+        paths?: string[];
+        /** True, if run the less parser and just reports errors without any output. */
+        lint?: boolean;
+        /** Pre-load global Less.js plugins */
         plugins?: Plugin[];
-        rootFileInfo?: RootFileInfo;
+        /** @deprecated If true, compress using less built-in compression. */
+        compress?: boolean;
+        strictImports?: boolean;
+        /** If true, allow imports from insecure https hosts. */
+        insecure?: boolean;
+        depends?: boolean;
+        maxLineLen?: number;
+        /** @deprecated If false, No color in compiling. */
+        color?: boolean;
+        /** @deprecated False by default. */
+        ieCompat?: boolean;
+        /** @deprecated If true, enable evaluation of JavaScript inline in `.less` files. */
+        javascriptEnabled?: boolean;
+        /** Whether output file information and line numbers in compiled CSS code. */
+        dumpLineNumbers?: "comment" | string;
+        /** Add a path to every generated import and url in output css files. */
+        rootpath?: string;
+        /** Math mode options for avoiding symbol conficts on math expressions. */
+        math?: 'always' | 'strict' | 'parens-division' | 'parens' | 'strict-legacy' | number;
+        /** If true, stops any warnings from being shown. */
+        silent?: boolean;
+        /** Without this option, Less attempts to guess at the output unit when it does maths. */
+        strictUnits?: boolean;
+        /** Defines a variable that can be referenced by the file. */
+        globalVars?: {
+          [key: string] : string,
+        };
+        /** Puts Var declaration at the end of base file. */
+        modifyVars?: {
+          [key: string] : string,
+        };
     }
 
     interface RenderError {
@@ -109,7 +163,7 @@ interface LessStatic {
     refresh(reload?: boolean, modifyVars?: { [variable: string]: string }, clearFileCache?: boolean): Promise<Less.RefreshOutput>;
 
     version: number[];
-    
+
     watch(): void;
 }
 
diff --git a/types/less/less-tests.ts b/types/less/less-tests.ts
index 20a1f587a9..625db93e44 100644
--- a/types/less/less-tests.ts
+++ b/types/less/less-tests.ts
@@ -30,8 +30,47 @@ var myPlugin: Less.Plugin = {
     }
 };
 
+/** Reference to: 
+  * https://github.com/less/less.js/blob/master/lib/less/default-options.js
+  */
 var options: Less.Options = {
-    plugins: [myPlugin]
+    plugins: [myPlugin],
+    /** Tells less to generate a sourcemap. */
+    sourceMap: {},
+    /* Inline Javascript - @plugin still allowed */
+    javascriptEnabled: false,
+    /* Outputs a makefile import dependency list to stdout. */
+    depends: false,
+    /** (DEPRECATED) This does not utilise all the tricks of css compression. */
+    compress: false,
+    /* Runs the less parser and just reports errors without any output. */
+    lint: false,
+    /** Less will look for the file in @import rules through locations here. */
+    paths: [],
+    /* color output in the terminal */
+    color: true,
+    /** See: https://github.com/less/less.js/issues/656 */
+    strictImports: false,
+    /* Allow Imports from Insecure HTTPS Hosts */
+    insecure: true,
+    /** Add a path to every generated import and url in your css */
+    rootpath: '',
+    /** 
+      * How to process math
+      * 0 always           - eagerly try to solve all operations
+      * 1 parens-division  - require parens for division "/"
+      * 2 parens | strict  - require parens for all operations
+      * 3 strict-legacy    - legacy strict behavior (super-strict)
+      * https://github.com/less/less.js/blob/master/lib/less/constants.js#L2
+      * https://github.com/less/less.js/blob/master/lib/less/utils.js#L54
+    */
+    math: 0,
+    /* Guess at the output unit when it does maths. */
+    strictUnits: false,
+    /** Put declaration at the top of base less file. */
+    globalVars: null,
+    /** Put the declaration at the end of base file. */
+    modifyVars: null
 };
 
 less.render("h1 { background: red; }", options);
diff --git a/types/libpq/index.d.ts b/types/libpq/index.d.ts
index 2897eb3aab..09c358d6a6 100644
--- a/types/libpq/index.d.ts
+++ b/types/libpq/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/brianc/node-libpq#readme
 // Definitions by: Vlad Rindevich <https://github.com/Lodin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
diff --git a/types/libpq/tslint.json b/types/libpq/tslint.json
index 385c02a624..34dace29a2 100644
--- a/types/libpq/tslint.json
+++ b/types/libpq/tslint.json
@@ -3,6 +3,7 @@
     "rules": {
         // TODOs
         "ban-types": false,
+        "no-angle-bracket-type-assertion": false,
         "no-void-expression": false
     }
 }
diff --git a/types/lingui__core/i18n.d.ts b/types/lingui__core/i18n.d.ts
index 49f663a6a8..a74ae7a7a0 100644
--- a/types/lingui__core/i18n.d.ts
+++ b/types/lingui__core/i18n.d.ts
@@ -27,6 +27,8 @@ export interface setupI18nProps {
     language?: string;
     catalogs?: Catalogs;
     development?: object;
+    locales?: string[];
+    missing?: string | ((language: string, id: string) => string);
 }
 
 export class I18n {
diff --git a/types/lingui__core/index.d.ts b/types/lingui__core/index.d.ts
index c0aa933bee..9628f85634 100644
--- a/types/lingui__core/index.d.ts
+++ b/types/lingui__core/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for @lingui/core 2.1
+// Type definitions for @lingui/core 2.2
 // Project: https://lingui.github.io/js-lingui/
 // Definitions by: Jeow Li Huan <https://github.com/huan086>
 // Definitions: https://github.com/huan086/lingui-typings
+// TypeScript Version: 2.2
 
 export {
     i18n,
diff --git a/types/lingui__core/lingui__core-tests.ts b/types/lingui__core/lingui__core-tests.ts
index 799bc5812b..09af3e1e4f 100644
--- a/types/lingui__core/lingui__core-tests.ts
+++ b/types/lingui__core/lingui__core-tests.ts
@@ -80,8 +80,17 @@ const catalog: Catalog = {
         }
     }
 };
+
+function missingFn(language: string, id: string) {
+   return id;
+}
+
 const catalogs: Catalogs = { es: catalog };
 const setupResult: I18n = setupI18n({ catalogs, language: 'es' });
+const setupResultLocales: I18n = setupI18n({ locales: ['en-UK', 'ar-AS'] });
+const setupResultMissingText: I18n = setupI18n({ missing: 'missing' });
+const setupResultMissingFn: I18n = setupI18n({ missing: missingFn });
+const setupResultCombined: I18n = setupI18n({ catalogs, language: 'de', locales: ['en-UK', 'ar-AS'], missing: missingFn });
 
 const formattedDate: string = date('en', { timeZone: 'UTC' })(new Date());
 const formattedNumber: string = number('en', { style: 'currency', currency: 'EUR' })(1234.56);
diff --git a/types/lingui__macro/ReactSelect.d.ts b/types/lingui__macro/ReactSelect.d.ts
new file mode 100644
index 0000000000..044d4bf473
--- /dev/null
+++ b/types/lingui__macro/ReactSelect.d.ts
@@ -0,0 +1,26 @@
+import { Component, ReactNode } from 'react';
+import { RenderProps } from './Render';
+
+export interface PluralPropsWithoutI18n extends RenderProps {
+    id?: string;
+    value: number | string;
+    offset?: number | string;
+    zero?: ReactNode;
+    one?: ReactNode;
+    two?: ReactNode;
+    few?: ReactNode;
+    many?: ReactNode;
+    other: ReactNode;
+    [exact: string]: ReactNode;
+}
+
+export interface SelectPropsWithoutI18n extends RenderProps {
+    id?: string;
+    value: string;
+    other: ReactNode;
+    [exact: string]: ReactNode;
+}
+
+export class Select extends Component<SelectPropsWithoutI18n> { }
+export class Plural extends Component<PluralPropsWithoutI18n> { }
+export class SelectOrdinal extends Component<PluralPropsWithoutI18n> { }
diff --git a/types/lingui__macro/Render.d.ts b/types/lingui__macro/Render.d.ts
new file mode 100644
index 0000000000..3a7f11700e
--- /dev/null
+++ b/types/lingui__macro/Render.d.ts
@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export interface RenderProps {
+    render?: ReactNode;
+    className?: string;
+    description?: string;
+}
diff --git a/types/lingui__macro/Trans.d.ts b/types/lingui__macro/Trans.d.ts
new file mode 100644
index 0000000000..c1834b770d
--- /dev/null
+++ b/types/lingui__macro/Trans.d.ts
@@ -0,0 +1,13 @@
+import { Component, ReactElement, ReactNode } from 'react';
+import { RenderProps } from './Render';
+
+export interface TransPropsWithoutI18n extends RenderProps {
+    id?: string;
+    defaults?: string;
+    values?: object;
+    formats?: object;
+    components?: ReadonlyArray<ReactElement<any>>;
+    children?: ReactNode;
+}
+
+export default class Trans extends Component<TransPropsWithoutI18n> { }
diff --git a/types/lingui__macro/createFormat.d.ts b/types/lingui__macro/createFormat.d.ts
new file mode 100644
index 0000000000..49bebb079e
--- /dev/null
+++ b/types/lingui__macro/createFormat.d.ts
@@ -0,0 +1,6 @@
+import { RenderProps } from './Render';
+
+export interface FormatPropsWithoutI18n<V, FormatOptions> extends RenderProps {
+    value: V;
+    format?: FormatOptions;
+}
diff --git a/types/lingui__macro/index.d.ts b/types/lingui__macro/index.d.ts
new file mode 100644
index 0000000000..036434b636
--- /dev/null
+++ b/types/lingui__macro/index.d.ts
@@ -0,0 +1,39 @@
+// Type definitions for @lingui/macro 2.7
+// Project: https://lingui.github.io/js-lingui/
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/lingui-typings
+// TypeScript Version: 2.8
+
+import { ComponentClass } from 'react';
+import { FormatPropsWithoutI18n } from './createFormat';
+import { SelectProps, PluralProps } from "./select";
+
+// JS
+export function t(strings: TemplateStringsArray, ...values: any[]): string;
+
+export function t(id: string): (strings: TemplateStringsArray, ...values: any[]) => string;
+
+export function select(config: SelectProps): string;
+
+export function select(id: string, config: SelectProps): string;
+
+export function plural(config: PluralProps): string;
+
+export function plural(id: string, config: PluralProps): string;
+
+export function selectOrdinal(config: PluralProps): string;
+
+export function selectOrdinal(id: string, config: PluralProps): string;
+
+export function date(value: Date, format?: Intl.DateTimeFormatOptions): string;
+
+export function number(value: number, format?: Intl.NumberFormatOptions): string;
+
+// JSX
+export { default as Trans } from './Trans';
+
+export { Plural, Select, SelectOrdinal } from './ReactSelect';
+
+export const DateFormat: ComponentClass<FormatPropsWithoutI18n<Date, Intl.DateTimeFormatOptions>>;
+
+export const NumberFormat: ComponentClass<FormatPropsWithoutI18n<number, Intl.NumberFormatOptions>>;
diff --git a/types/lingui__macro/lingui__macro-tests.tsx b/types/lingui__macro/lingui__macro-tests.tsx
new file mode 100644
index 0000000000..a60c5fd2d7
--- /dev/null
+++ b/types/lingui__macro/lingui__macro-tests.tsx
@@ -0,0 +1,146 @@
+import * as React from 'react';
+import {
+    t,
+    select,
+    plural,
+    selectOrdinal,
+    date,
+    number,
+    Trans,
+    Plural,
+    Select,
+    SelectOrdinal,
+    DateFormat,
+    NumberFormat
+} from '@lingui/macro';
+
+// JS
+const age = 12;
+const templateResult: string = t`${age} years old`;
+const templateIdResult: string = t('templateId')`${age} years old`;
+
+const count = 42;
+
+const pluralResult: string = plural({
+    value: count,
+    0: 'no books',
+    one: '# book',
+    other: '# books'
+});
+const pluralIdResult: string = plural('pluralId', {
+    value: count,
+    0: 'no books',
+    one: '# book',
+    other: '# books'
+});
+
+const selectOrdinalResult: string = selectOrdinal({
+    value: count,
+    0: 'Zeroth book',
+    one: '#st book',
+    two: '#nd book',
+    few: '#rd book',
+    other: '#th book'
+});
+const selectOrdinalIdResult: string = selectOrdinal('selectOrdinalId', {
+    value: count,
+    0: 'Zeroth book',
+    one: '#st book',
+    two: '#nd book',
+    few: '#rd book',
+    other: '#th book'
+});
+
+const gender = 'female';
+const numOfGuests = 2;
+const host = 'Amy';
+const guest = 'Bob';
+const selectResult = select({
+    value: gender,
+    female: plural({
+        value: numOfGuests,
+        offset: 1,
+        0: t`${host} does not give a party.`,
+        1: t`${host} invites ${guest} to her party.`,
+        2: t`${host} invites ${guest} and one other person to her party.`,
+        other: t`${host} invites ${guest} and # other people to her party.`
+    }),
+    male: 'male',
+    other: 'other'
+});
+
+const selectIdResult = select('selectId', {
+    value: gender,
+    female: 'female',
+    male: 'male',
+    other: 'other'
+});
+
+const formattedDate: string = date(new Date(), { timeZone: 'UTC' });
+const formattedNumber: string = number(1234.56, { style: 'currency', currency: 'EUR' });
+
+// JSX
+const App = () => {
+    const name = 'Ken';
+    const numBooks = 58;
+    const gender = 'male';
+    const price = 21.35;
+    const lastLogin = new Date();
+    const age = 23;
+    return (
+        <>
+            <Trans>Name {name} in <code>Trans</code>.</Trans>
+            <Trans id="transId" description="Trans description">Name {name} in <code>Trans</code> with <code>id</code>.</Trans>
+            <Plural id="msg.plural"
+                    description="Plural description"
+                    value={numBooks}
+                    _0={<Trans>{name} has no books</Trans>}
+                    one={<Trans>{name} has # book</Trans>}
+                    other={<Trans>{name} has # books</Trans>}
+                    _999999="Just a string"
+            />
+            <Plural value={numBooks}
+                    _0={<Trans>{name} has no books</Trans>}
+                    one={<Trans>{name} has # book</Trans>}
+                    other={<Trans>{name} has # books</Trans>}
+                    _999999="Just a string"
+            />
+            <Select id="msg.select"
+                    description="Select description"
+                    value={gender}
+                    male={<Trans>{name} and his friends</Trans>}
+                    female={<Trans>{name} and her friends</Trans>}
+                    other={<Trans>{name} and their friends</Trans>}
+                    _999999="Just a string"
+            />
+            <Select value={gender}
+                    male={<Trans>{name} and his friends</Trans>}
+                    female={<Trans>{name} and her friends</Trans>}
+                    other={<Trans>{name} and their friends</Trans>}
+                    _999999="Just a string"
+            />
+            <SelectOrdinal id="msg.selectOrdinal"
+                           description="SelectOrdinal description"
+                           value={numBooks}
+                           _0={<Trans>No books from {name}</Trans>}
+                           one={<Trans>#st book from {name}</Trans>}
+                           two={<Trans>#nd book from {name}</Trans>}
+                           other={<Trans>#th book from {name}</Trans>}
+                           _999999="Just a string"
+            />
+            <SelectOrdinal value={numBooks}
+                           _0={<Trans>No books from {name}</Trans>}
+                           one={<Trans>#st book from {name}</Trans>}
+                           two={<Trans>#nd book from {name}</Trans>}
+                           other={<Trans>#th book from {name}</Trans>}
+                           _999999="Just a string"
+            />
+            <Trans>Last login on <DateFormat format={{ timeZone: 'UTC' }} value={lastLogin} />.</Trans>
+            <Trans>
+                Price of book: <NumberFormat
+                format={{ style: 'currency', currency: 'EUR', minimumFractionDigits: 2 }}
+                value={price} />.
+            </Trans>
+        </>
+    );
+};
diff --git a/types/lingui__macro/select.d.ts b/types/lingui__macro/select.d.ts
new file mode 100644
index 0000000000..6a2eb51db9
--- /dev/null
+++ b/types/lingui__macro/select.d.ts
@@ -0,0 +1,20 @@
+export interface PluralForms {
+    zero?: string;
+    one?: string;
+    two?: string;
+    few?: string;
+    many?: string;
+    other: string;
+    [exact: number]: string;
+}
+
+export interface PluralProps extends PluralForms {
+    value: number;
+    offset?: number;
+}
+
+export interface SelectProps {
+    value: string;
+    other: string;
+    [selectForm: string]: string;
+}
diff --git a/types/react-i18next/tsconfig.json b/types/lingui__macro/tsconfig.json
similarity index 63%
rename from types/react-i18next/tsconfig.json
rename to types/lingui__macro/tsconfig.json
index f90b5c3ff0..5d58b08dad 100644
--- a/types/react-i18next/tsconfig.json
+++ b/types/lingui__macro/tsconfig.json
@@ -10,24 +10,21 @@
         "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
+        "jsx": "react",
         "typeRoots": [
             "../"
         ],
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
-        "jsx": "react",
-        "experimentalDecorators": true
+        "paths": {
+            "@lingui/macro": [
+                "lingui__macro"
+            ]
+        }
     },
     "files": [
         "index.d.ts",
-        "test/react-i18next-tests.tsx",
-        "src/context.d.ts",
-        "src/I18n.d.ts",
-        "src/I18nextProvider.d.ts",
-        "src/interpolate.d.ts",
-        "src/loadNamespaces.d.ts",
-        "src/trans.d.ts",
-        "src/translate.d.ts"
+        "lingui__macro-tests.tsx"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/lingui__macro/tslint.json b/types/lingui__macro/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/lingui__macro/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/lingui__react/I18n.d.ts b/types/lingui__react/I18n.d.ts
new file mode 100644
index 0000000000..617b7be7a2
--- /dev/null
+++ b/types/lingui__react/I18n.d.ts
@@ -0,0 +1,11 @@
+import { Component, ReactNode } from 'react';
+import { I18n } from '@lingui/core';
+
+// tslint:disable-next-line:interface-name
+export interface I18nComponentProps {
+    children: ({ i18n, i18nHash }: { i18n: I18n, i18nHash?: string }) => ReactNode;
+    update?: boolean;
+    withHash?: boolean;
+}
+
+export default class I18nComponent extends Component<I18nComponentProps> {}
diff --git a/types/lingui__react/index.d.ts b/types/lingui__react/index.d.ts
index 1fbe1e5c05..da40b247ce 100644
--- a/types/lingui__react/index.d.ts
+++ b/types/lingui__react/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for @lingui/react 2.1
+// Type definitions for @lingui/react 2.5
 // Project: https://lingui.github.io/js-lingui/
 // Definitions by: Jeow Li Huan <https://github.com/huan086>
 // Definitions: https://github.com/huan086/lingui-typings
@@ -9,7 +9,7 @@ import { ComponentClass } from 'react';
 import { FormatPropsWithoutI18n } from './createFormat';
 
 export { default as withI18n, withI18nProps } from './withI18n';
-
+export { default as I18n } from './I18n';
 export { default as I18nProvider } from './I18nProvider';
 export { default as Trans } from './Trans';
 export { Plural, Select, SelectOrdinal } from './Select';
diff --git a/types/lingui__react/lingui__react-tests.tsx b/types/lingui__react/lingui__react-tests.tsx
index 3fc8cebebb..2d414006a7 100644
--- a/types/lingui__react/lingui__react-tests.tsx
+++ b/types/lingui__react/lingui__react-tests.tsx
@@ -3,6 +3,7 @@ import { Catalog, Catalogs, I18n } from '@lingui/core';
 import {
     withI18n,
     I18nProvider,
+    I18n as I18nComponent,
     Trans,
     Plural,
     Select,
@@ -42,10 +43,16 @@ const App = () => {
     const gender = 'male';
     const price = 21.35;
     const lastLogin = new Date();
+    const age = 23;
     return (
         <I18nProvider language="es" catalogs={catalogs}>
-            <LocalizeAttribute age={23} />
-            <LocalizeOptionAttribute age={23} />
+            <LocalizeAttribute age={age} />
+            <LocalizeOptionAttribute age={age} />
+            <I18nComponent>
+                {({ i18n }) => (
+                    <span aria-label={i18n.t('ageId')`${age} years old`}>Attributes</span>
+                )}
+            </I18nComponent>
             <Trans>Name {name} in <code>Trans</code>.</Trans>
             <Trans id="transId">Name {name} in <code>Trans</code> with <code>id</code>.</Trans>
             <Plural id="msg.plural"
diff --git a/types/linkify-it/index.d.ts b/types/linkify-it/index.d.ts
index e3696e09c4..ae12f98524 100644
--- a/types/linkify-it/index.d.ts
+++ b/types/linkify-it/index.d.ts
@@ -45,7 +45,7 @@ declare namespace LinkifyIt {
 
     interface LinkifyIt {
         add(schema: string, rule: Rule): LinkifyIt;
-        match(text: string): Match[];
+        match(text: string): Match[] | null;
         normalize(raw: string): string;
         pretest(text: string): boolean;
         set(options: Options): LinkifyIt;
diff --git a/types/linkify-it/linkify-it-tests.ts b/types/linkify-it/linkify-it-tests.ts
index 1768bd5efb..6186fe2b7f 100644
--- a/types/linkify-it/linkify-it-tests.ts
+++ b/types/linkify-it/linkify-it-tests.ts
@@ -30,7 +30,9 @@ linkifier
 const matches = linkifier.match(
     "https://github.com/DefinitelyTyped/DefinitelyTyped/"
 );
-matches.forEach(({ index, lastIndex, raw, schema, text, url }) => {});
+if (matches !== null) {
+    matches.forEach(({ index, lastIndex, raw, schema, text, url }) => {});
+}
 
 // complex rule
 linkifier.add("@", {
diff --git a/types/lodash/common/collection.d.ts b/types/lodash/common/collection.d.ts
index 2e38422b2d..d8ddc97197 100644
--- a/types/lodash/common/collection.d.ts
+++ b/types/lodash/common/collection.d.ts
@@ -1658,7 +1658,7 @@ declare module "../index" {
         orderBy<T>(
             collection: List<T> | null | undefined,
             iteratees?: Many<ListIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): T[];
 
         /**
@@ -1667,7 +1667,7 @@ declare module "../index" {
         orderBy<T>(
             collection: List<T> | null | undefined,
             iteratees?: Many<ListIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): T[];
 
         /**
@@ -1676,7 +1676,7 @@ declare module "../index" {
         orderBy<T extends object>(
             collection: T | null | undefined,
             iteratees?: Many<ObjectIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): Array<T[keyof T]>;
 
         /**
@@ -1685,7 +1685,7 @@ declare module "../index" {
         orderBy<T extends object>(
             collection: T | null | undefined,
             iteratees?: Many<ObjectIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): Array<T[keyof T]>;
     }
 
@@ -1696,7 +1696,7 @@ declare module "../index" {
         orderBy<T>(
             this: LoDashImplicitWrapper<List<T> | null | undefined>,
             iteratees?: Many<ListIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashImplicitWrapper<T[]>;
 
         /**
@@ -1705,7 +1705,7 @@ declare module "../index" {
         orderBy<T>(
             this: LoDashImplicitWrapper<List<T> | null | undefined>,
             iteratees?: Many<ListIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashImplicitWrapper<T[]>;
 
         /**
@@ -1714,7 +1714,7 @@ declare module "../index" {
         orderBy<T extends object>(
             this: LoDashImplicitWrapper<T | null | undefined>,
             iteratees?: Many<ObjectIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashImplicitWrapper<Array<T[keyof T]>>;
 
         /**
@@ -1723,7 +1723,7 @@ declare module "../index" {
         orderBy<T extends object>(
             this: LoDashImplicitWrapper<T | null | undefined>,
             iteratees?: Many<ObjectIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashImplicitWrapper<Array<T[keyof T]>>;
     }
 
@@ -1734,7 +1734,7 @@ declare module "../index" {
         orderBy<T>(
             this: LoDashExplicitWrapper<List<T> | null | undefined>,
             iteratees?: Many<ListIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashExplicitWrapper<T[]>;
 
         /**
@@ -1743,7 +1743,7 @@ declare module "../index" {
         orderBy<T>(
             this: LoDashExplicitWrapper<List<T> | null | undefined>,
             iteratees?: Many<ListIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashExplicitWrapper<T[]>;
 
         /**
@@ -1752,7 +1752,7 @@ declare module "../index" {
         orderBy<T extends object>(
             this: LoDashExplicitWrapper<T | null | undefined>,
             iteratees?: Many<ObjectIterator<T, NotVoid>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashExplicitWrapper<Array<T[keyof T]>>;
 
         /**
@@ -1761,7 +1761,7 @@ declare module "../index" {
         orderBy<T extends object>(
             this: LoDashExplicitWrapper<T | null | undefined>,
             iteratees?: Many<ObjectIteratee<T>>,
-            orders?: Many<boolean|string>
+            orders?: Many<boolean|"asc"|"desc">
         ): LoDashExplicitWrapper<Array<T[keyof T]>>;
     }
 
diff --git a/types/lodash/common/common.d.ts b/types/lodash/common/common.d.ts
index 864450b1bd..66dbafafb8 100644
--- a/types/lodash/common/common.d.ts
+++ b/types/lodash/common/common.d.ts
@@ -127,21 +127,21 @@ declare module "../index" {
          * @param key The key of the value to remove.
          * @return Returns `true` if the entry was removed successfully, else `false`.
          */
-        delete(key: string): boolean;
+        delete(key: any): boolean;
 
         /**
          * Gets the cached value for `key`.
          * @param key The key of the value to get.
          * @return Returns the cached value.
          */
-        get(key: string): any;
+        get(key: any): any;
 
         /**
          * Checks if a cached value for `key` exists.
          * @param key The key of the entry to check.
          * @return Returns `true` if an entry for `key` exists, else `false`.
          */
-        has(key: string): boolean;
+        has(key: any): boolean;
 
         /**
          * Sets `value` to `key` of the cache.
@@ -149,12 +149,12 @@ declare module "../index" {
          * @param value The value to cache.
          * @return Returns the cache object.
          */
-        set(key: string, value: any): Dictionary<any>;
+        set(key: any, value: any): this;
 
         /**
          * Removes all key-value entries from the map.
          */
-        clear(): void;
+        clear?: () => void;
     }
     interface MapCacheConstructor {
         new (): MapCache;
diff --git a/types/lodash/fp.d.ts b/types/lodash/fp.d.ts
index cdc850d444..9b6cf52ccb 100644
--- a/types/lodash/fp.d.ts
+++ b/types/lodash/fp.d.ts
@@ -2312,25 +2312,25 @@ declare namespace _ {
     type LodashOnce = <T extends (...args: any[]) => any>(func: T) => T;
     interface LodashOrderBy {
         <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid>): LodashOrderBy1x1<T>;
-        (iteratees: lodash.__, orders: lodash.Many<boolean|string>): LodashOrderBy1x2;
-        <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid>, orders: lodash.Many<boolean|string>): LodashOrderBy1x3<T>;
+        (iteratees: lodash.__, orders: lodash.Many<boolean|"asc"|"desc">): LodashOrderBy1x2;
+        <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid>, orders: lodash.Many<boolean|"asc"|"desc">): LodashOrderBy1x3<T>;
         <T>(iteratees: lodash.__, orders: lodash.__, collection: lodash.List<T> | null | undefined): LodashOrderBy1x4<T>;
         <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid>, orders: lodash.__, collection: lodash.List<T> | null | undefined): LodashOrderBy1x5<T>;
-        <T>(iteratees: lodash.__, orders: lodash.Many<boolean|string>, collection: lodash.List<T> | null | undefined): LodashOrderBy1x6<T>;
-        <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean | string>, collection: lodash.List<T> | null | undefined): T[];
+        <T>(iteratees: lodash.__, orders: lodash.Many<boolean|"asc"|"desc">, collection: lodash.List<T> | null | undefined): LodashOrderBy1x6<T>;
+        <T>(iteratees: lodash.Many<(value: T) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean | "asc" | "desc">, collection: lodash.List<T> | null | undefined): T[];
         <T>(iteratees: lodash.Many<lodash.ValueIteratee<T>>): LodashOrderBy2x1<T>;
-        <T>(iteratees: lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean|string>): LodashOrderBy2x3<T>;
+        <T>(iteratees: lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean|"asc"|"desc">): LodashOrderBy2x3<T>;
         <T>(iteratees: lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.__, collection: lodash.List<T> | null | undefined): LodashOrderBy2x5<T>;
         <T extends object>(iteratees: lodash.__, orders: lodash.__, collection: T | null | undefined): LodashOrderBy3x4<T>;
         <T extends object>(iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid>, orders: lodash.__, collection: T | null | undefined): LodashOrderBy3x5<T>;
-        <T extends object>(iteratees: lodash.__, orders: lodash.Many<boolean|string>, collection: T | null | undefined): LodashOrderBy3x6<T>;
-        <T extends object>(iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T[keyof T]>>, orders: lodash.Many<boolean | string>, collection: T | null | undefined): Array<T[keyof T]>;
+        <T extends object>(iteratees: lodash.__, orders: lodash.Many<boolean|"asc"|"desc">, collection: T | null | undefined): LodashOrderBy3x6<T>;
+        <T extends object>(iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T[keyof T]>>, orders: lodash.Many<boolean | "asc" | "desc">, collection: T | null | undefined): Array<T[keyof T]>;
         <T extends object>(iteratees: lodash.Many<lodash.ValueIteratee<T[keyof T]>>, orders: lodash.__, collection: T | null | undefined): LodashOrderBy4x5<T>;
     }
     interface LodashOrderBy1x1<T> {
-        (orders: lodash.Many<boolean | string>): LodashOrderBy1x3<T>;
+        (orders: lodash.Many<boolean | "asc" | "desc">): LodashOrderBy1x3<T>;
         (orders: lodash.__, collection: lodash.List<T> | null | undefined): LodashOrderBy1x5<T>;
-        (orders: lodash.Many<boolean | string>, collection: lodash.List<T> | object | null | undefined): T[];
+        (orders: lodash.Many<boolean | "asc" | "desc">, collection: lodash.List<T> | object | null | undefined): T[];
         <T1 extends object>(orders: lodash.__, collection: T1 | null | undefined): LodashOrderBy3x5<T>;
     }
     interface LodashOrderBy1x2 {
@@ -2347,32 +2347,32 @@ declare namespace _ {
     }
     interface LodashOrderBy1x4<T> {
         (iteratees: lodash.Many<(value: T) => lodash.NotVoid>): LodashOrderBy1x5<T>;
-        (iteratees: lodash.__, orders: lodash.Many<boolean | string>): LodashOrderBy1x6<T>;
-        (iteratees: lodash.Many<(value: T) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean | string>): T[];
+        (iteratees: lodash.__, orders: lodash.Many<boolean | "asc" | "desc">): LodashOrderBy1x6<T>;
+        (iteratees: lodash.Many<(value: T) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T>>, orders: lodash.Many<boolean | "asc" | "desc">): T[];
         (iteratees: lodash.Many<lodash.ValueIteratee<T>>): LodashOrderBy2x5<T>;
     }
-    type LodashOrderBy1x5<T> = (orders: lodash.Many<boolean|string>) => T[];
+    type LodashOrderBy1x5<T> = (orders: lodash.Many<boolean|"asc"|"desc">) => T[];
     type LodashOrderBy1x6<T> = (iteratees: lodash.Many<(value: T) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T>>) => T[];
     interface LodashOrderBy2x1<T> {
-        (orders: lodash.Many<boolean | string>): LodashOrderBy2x3<T>;
+        (orders: lodash.Many<boolean | "asc" | "desc">): LodashOrderBy2x3<T>;
         (orders: lodash.__, collection: lodash.List<T> | null | undefined): LodashOrderBy2x5<T>;
-        (orders: lodash.Many<boolean | string>, collection: lodash.List<T> | object | null | undefined): T[];
+        (orders: lodash.Many<boolean | "asc" | "desc">, collection: lodash.List<T> | object | null | undefined): T[];
         <T1 extends object>(orders: lodash.__, collection: T1 | null | undefined): LodashOrderBy4x5<T>;
     }
     interface LodashOrderBy2x3<T> {
         (collection: lodash.List<T> | null | undefined): T[];
         (collection: object | null | undefined): object[];
     }
-    type LodashOrderBy2x5<T> = (orders: lodash.Many<boolean|string>) => T[];
+    type LodashOrderBy2x5<T> = (orders: lodash.Many<boolean|"asc"|"desc">) => T[];
     interface LodashOrderBy3x4<T> {
         (iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid>): LodashOrderBy3x5<T>;
-        (iteratees: lodash.__, orders: lodash.Many<boolean | string>): LodashOrderBy3x6<T>;
-        (iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T[keyof T]>>, orders: lodash.Many<boolean | string>): Array<T[keyof T]>;
+        (iteratees: lodash.__, orders: lodash.Many<boolean | "asc" | "desc">): LodashOrderBy3x6<T>;
+        (iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T[keyof T]>>, orders: lodash.Many<boolean | "asc" | "desc">): Array<T[keyof T]>;
         (iteratees: lodash.Many<lodash.ValueIteratee<T[keyof T]>>): LodashOrderBy4x5<T>;
     }
-    type LodashOrderBy3x5<T> = (orders: lodash.Many<boolean|string>) => Array<T[keyof T]>;
+    type LodashOrderBy3x5<T> = (orders: lodash.Many<boolean|"asc"|"desc">) => Array<T[keyof T]>;
     type LodashOrderBy3x6<T> = (iteratees: lodash.Many<(value: T[keyof T]) => lodash.NotVoid> | lodash.Many<lodash.ValueIteratee<T[keyof T]>>) => Array<T[keyof T]>;
-    type LodashOrderBy4x5<T> = (orders: lodash.Many<boolean|string>) => Array<T[keyof T]>;
+    type LodashOrderBy4x5<T> = (orders: lodash.Many<boolean|"asc"|"desc">) => Array<T[keyof T]>;
     interface LodashOverArgs {
         (func: (...args: any[]) => any): LodashOverArgs1x1;
         (func: lodash.__, transforms: lodash.Many<(...args: any[]) => any>): LodashOverArgs1x2;
diff --git a/types/lodash/lodash-tests.ts b/types/lodash/lodash-tests.ts
index 0515136714..4f7f229fe6 100644
--- a/types/lodash/lodash-tests.ts
+++ b/types/lodash/lodash-tests.ts
@@ -3467,7 +3467,7 @@ fp.now(); // $ExpectType number
         delete(key: string) { return true; },
         get(key: string): any { return 1; },
         has(key: string) { return true; },
-        set(key: string, value: any): _.Dictionary<any> { return {}; },
+        set(key: string, value: any): _.MapCache { return this; },
         clear() { },
     };
 
@@ -3484,6 +3484,11 @@ fp.now(); // $ExpectType number
 
     // $ExpectType MapCache
     new _.memoize.Cache();
+    _.memoize.Cache = WeakMap;
+    _.memoize.Cache = Map;
+    const memoizedFn = _.memoize(memoizeFn);
+    memoizedFn.cache = new WeakMap();
+    memoizedFn.cache = new Map();
 }
 
 // _.overArgs
diff --git a/types/looks-same/index.d.ts b/types/looks-same/index.d.ts
new file mode 100644
index 0000000000..6423e5fe4c
--- /dev/null
+++ b/types/looks-same/index.d.ts
@@ -0,0 +1,138 @@
+// Type definitions for looks-same 4.0
+// Project: https://github.com/gemini-testing/looks-same/releases
+// Definitions by: xcatliu <https://github.com/xcatliu>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node"/>
+
+type LooksSameCallback = (error: Error | null, equal: boolean) => any;
+
+/**
+ * The options passed to looksSame function
+ */
+interface LooksSameOptions {
+    /**
+     * By default, it will detect only noticeable differences. If you wish to detect any difference, use strict options.
+     */
+    strict?: boolean;
+    /**
+     * You can also adjust the ΔE value that will be treated as error in non-strict mode.
+     */
+    tolerance?: number;
+    /**
+     * Some devices can have different proportion between physical and logical screen resolutions also known as pixel ratio.
+     * Default value for this proportion is 1.
+     * This param also affects the comparison result, so it can be set manually with pixelRatio option.
+     */
+    pixelRatio?: number;
+    /**
+     * For visual regression tasks it may be useful to ignore text caret in text input elements. You can do it with ignoreCaret option.
+     */
+    ignoreCaret?: boolean;
+    /**
+     * Some images has difference while comparing because of antialiasing.
+     * These diffs will be ignored by default. You can use ignoreAntialiasing option with false value to disable ignoring such diffs.
+     * In that way antialiased pixels will be marked as diffs.
+     */
+    ignoreAntialiasing?: boolean;
+    /**
+     * Sometimes the antialiasing algorithm can work incorrectly due to some features of the browser rendering engine.
+     * Use the option antialiasingTolerance to make the algorithm less strict.
+     * With this option you can specify the minimum difference in brightness (zero by default)
+     * between the darkest/lightest pixel (which is adjacent to the antialiasing pixel) and theirs adjacent pixels.
+     *
+     * We recommend that you don't increase this value above 10. If you need to increase more than 10 then this is definitely not antialiasing.
+     */
+    antialiasingTolerance?: number;
+}
+
+/**
+ * The options passed to looksSame.createDiff function without diff
+ */
+interface CreateDiffAsBufferOptions {
+    /**
+     * The baseline image path
+     */
+    reference: string;
+    /**
+     * The current image path
+     */
+    current: string;
+    /**
+     * Color to highlight the differences
+     * e.g. '#ff00ff'
+     */
+    highlightColor: string;
+    /**
+     * strict comparsion
+     */
+    strict: boolean;
+    /**
+     * ΔE value that will be treated as error in non-strict mode
+     */
+    tolerance: number;
+}
+
+/**
+ * The options passed to looksSame.createDiff function
+ */
+interface CreateDiffOptions extends CreateDiffAsBufferOptions {
+    /**
+     * The diff image path to store
+     */
+    diff: string;
+}
+
+/**
+ * Pass to looksSame.colors function
+ */
+interface LooksSameColor {
+    /**
+     * Red
+     */
+    R: number;
+    /**
+     * Green
+     */
+    G: number;
+    /**
+     * Blue
+     */
+    B: number;
+}
+
+/**
+ * Compare two images with options
+ * @param image1 The first image path
+ * @param image2 The second image path
+ * @param options The options passed to looksSame function
+ * @param callback Call when finish compare
+ */
+declare function looksSame(image1: string, image2: string, options: LooksSameOptions, callback: LooksSameCallback): void;
+/**
+ * Compare two images
+ * @param image1 The first image path
+ * @param image2 The second image path
+ * @param callback Call when finish compare
+ */
+declare function looksSame(image1: string, image2: string, callback: LooksSameCallback): void;
+
+// https://stackoverflow.com/questions/44058101/typescript-declare-third-party-modules
+declare namespace looksSame {
+    function createDiff(options: CreateDiffOptions, callback: (error: Error | null) => any): void;
+    function createDiff(options: CreateDiffAsBufferOptions, callback: (error: Error | null, buffer: Buffer) => any): void;
+
+    /**
+     * Compare two colors
+     * @param color1 The first color
+     * @param color2 The second color
+     * @param options The options passed to looksSame.colors function
+     */
+    function colors(color1: LooksSameColor, color2: LooksSameColor, options: { tolerance: number }): void;
+}
+
+/**
+ * Node.js library for comparing PNG-images, taking into account human color perception.
+ * It is created specially for the needs of visual regression testing for gemini utility, but can be used for other purposes.
+ */
+export = looksSame;
diff --git a/types/looks-same/looks-same-tests.ts b/types/looks-same/looks-same-tests.ts
new file mode 100644
index 0000000000..f788d2119e
--- /dev/null
+++ b/types/looks-same/looks-same-tests.ts
@@ -0,0 +1,56 @@
+import looksSame = require('looks-same');
+
+looksSame('image1.png', 'image2.png', (error, equal) => {
+    // equal will be true, if images looks the same
+});
+
+looksSame('image1.png', 'image2.png', {strict: true}, (error, equal) => {
+    // ...
+});
+
+looksSame('image1.png', 'image2.png', {tolerance: 5}, (error, equal) => {
+    // ...
+});
+
+looksSame('image1.png', 'image2.png', {pixelRatio: 2}, (error, equal) => {
+    // ...
+});
+
+looksSame('image1.png', 'image2.png', {ignoreCaret: true}, (error, equal) => {
+    // ...
+});
+
+looksSame('image1.png', 'image2.png', {ignoreAntialiasing: true}, (error, equal) => {
+    // ...
+});
+
+looksSame('image1.png', 'image2.png', {ignoreAntialiasing: true, antialiasingTolerance: 3}, (error, equal) => {
+    // ...
+});
+
+looksSame.createDiff({
+    reference: '/path/to/reference/image.png',
+    current: '/path/to/current/image.png',
+    diff: '/path/to/save/diff/to.png',
+    highlightColor: '#ff00ff',  // color to highlight the differences
+    strict: false,              // strict comparsion
+    tolerance: 2.5
+}, (error) => {
+});
+
+looksSame.createDiff({
+    // exactly same options as above, but without diff
+    reference: '/path/to/reference/image.png',
+    current: '/path/to/current/image.png',
+    highlightColor: '#ff00ff',  // color to highlight the differences
+    strict: false,              // strict comparsion
+    tolerance: 2.5
+}, (error, buffer) => {
+    // ...
+});
+
+looksSame.colors(
+    {R: 255, G: 0, B: 0},
+    {R: 254, G: 1, B: 1},
+    {tolerance: 2.5}
+);
diff --git a/types/looks-same/tsconfig.json b/types/looks-same/tsconfig.json
new file mode 100644
index 0000000000..a6aa3dbfd2
--- /dev/null
+++ b/types/looks-same/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "looks-same-tests.ts"
+    ]
+}
diff --git a/types/looks-same/tslint.json b/types/looks-same/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/looks-same/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/loopback/index.d.ts b/types/loopback/index.d.ts
index 9d8563a810..58f5901a86 100644
--- a/types/loopback/index.d.ts
+++ b/types/loopback/index.d.ts
@@ -3193,9 +3193,10 @@ declare namespace l {
       /**
        * The Role model
        * @class Role
+       * @inherits {PersistedModel}
        * @header Role objec
        */
-      class Role {
+      class Role extends PersistedModel {
             /**
              * List roles for a given principal.
              * @param {any} context The security context.
diff --git a/types/lowdb/_lodash.d.ts b/types/lowdb/_lodash.d.ts
index ca8aace259..7267aab0d9 100644
--- a/types/lowdb/_lodash.d.ts
+++ b/types/lowdb/_lodash.d.ts
@@ -631,22 +631,22 @@ declare module "./index" {
         orderBy<T>(
             this: LoDashExplicitSyncWrapper<_.List<T> | null | undefined>,
             iteratees?: _.Many<_.ListIterator<T, _.NotVoid>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitSyncWrapper<T[]>;
         orderBy<T>(
             this: LoDashExplicitSyncWrapper<_.List<T> | null | undefined>,
             iteratees?: _.Many<_.ListIteratee<T>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitSyncWrapper<T[]>;
         orderBy<T extends object>(
             this: LoDashExplicitSyncWrapper<T | null | undefined>,
             iteratees?: _.Many<_.ObjectIterator<T, _.NotVoid>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitSyncWrapper<Array<T[keyof T]>>;
         orderBy<T extends object>(
             this: LoDashExplicitSyncWrapper<T | null | undefined>,
             iteratees?: _.Many<_.ObjectIteratee<T>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitSyncWrapper<Array<T[keyof T]>>;
         partition<T>(
             this: LoDashExplicitSyncWrapper<_.List<T> | null | undefined>,
@@ -2227,22 +2227,22 @@ declare module "./index" {
         orderBy<T>(
             this: LoDashExplicitAsyncWrapper<_.List<T> | null | undefined>,
             iteratees?: _.Many<_.ListIterator<T, _.NotVoid>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitAsyncWrapper<T[]>;
         orderBy<T>(
             this: LoDashExplicitAsyncWrapper<_.List<T> | null | undefined>,
             iteratees?: _.Many<_.ListIteratee<T>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitAsyncWrapper<T[]>;
         orderBy<T extends object>(
             this: LoDashExplicitAsyncWrapper<T | null | undefined>,
             iteratees?: _.Many<_.ObjectIterator<T, _.NotVoid>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitAsyncWrapper<Array<T[keyof T]>>;
         orderBy<T extends object>(
             this: LoDashExplicitAsyncWrapper<T | null | undefined>,
             iteratees?: _.Many<_.ObjectIteratee<T>>,
-            orders?: _.Many<boolean|string>
+            orders?: _.Many<boolean|"asc"|"desc">
         ): LoDashExplicitAsyncWrapper<Array<T[keyof T]>>;
         partition<T>(
             this: LoDashExplicitAsyncWrapper<_.List<T> | null | undefined>,
diff --git a/types/lowdb/tslint.json b/types/lowdb/tslint.json
index dfea11be1a..c56e92eedb 100644
--- a/types/lowdb/tslint.json
+++ b/types/lowdb/tslint.json
@@ -1,6 +1,10 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "no-misused-new": false
+        // All are TODOs
+        "max-line-length": false,
+        "no-misused-new": false,
+        "no-unnecessary-generics": false,
+        "unified-signatures": false
     }
 }
diff --git a/types/ltx/tslint.json b/types/ltx/tslint.json
index 3db14f85ea..5bb1e8735d 100644
--- a/types/ltx/tslint.json
+++ b/types/ltx/tslint.json
@@ -1 +1,9 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "jsdoc-format": false,
+        "no-consecutive-blank-lines": false,
+        "strict-export-declare-modifiers": false
+    }
+}
diff --git a/types/luxon/index.d.ts b/types/luxon/index.d.ts
index e96e389894..8d5b17d697 100644
--- a/types/luxon/index.d.ts
+++ b/types/luxon/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for luxon 1.2
+// Type definitions for luxon 1.4
 // Project: https://github.com/moment/luxon#readme
 // Definitions by: Colby DeHart <https://github.com/colbydehart>
 //                 Hyeonseok Yang <https://github.com/FourwingsY>
 //                 Jonathan Siebern <https://github.com/jsiebern>
+//                 Matt R. Wilson <https://github.com/mastermatt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -22,6 +23,11 @@ declare module 'luxon' {
             round?: boolean;
         };
 
+        type ToSQLOptions = {
+            includeOffset?: boolean;
+            includeZone?: boolean;
+        };
+
         type ISOTimeOptions = {
             suppressMilliseconds?: boolean;
             suppressSeconds?: boolean;
@@ -65,6 +71,17 @@ declare module 'luxon' {
             conversionAccuracy?: string;
         };
 
+        type ExplainedFormat = {
+            input: string;
+            tokens: Array<{ literal: boolean, val: string }>,
+            regex?: RegExp;
+            rawMatches?: RegExpMatchArray | null;
+            matches?: {[k: string]: any};
+            result?: {[k: string]: any} | null;
+            zone?: Zone | null;
+            invalidReason?: string;
+        };
+
         class DateTime {
             static readonly DATETIME_FULL: DateTimeFormatOptions;
             static readonly DATETIME_FULL_WITH_SECONDS: DateTimeFormatOptions;
@@ -108,7 +125,7 @@ declare module 'luxon' {
                 text: string,
                 format: string,
                 opts?: DateTimeOptions
-            ): object;
+            ): ExplainedFormat;
             /**
              * @deprecated since 0.3.0. Use fromFormat instead
              */
@@ -124,7 +141,7 @@ declare module 'luxon' {
                 text: string,
                 format: string,
                 options?: DateTimeOptions
-            ): object;
+            ): ExplainedFormat;
             static invalid(reason: any): DateTime;
             static local(
                 year?: number,
@@ -154,6 +171,7 @@ declare module 'luxon' {
             hour: number;
             invalidReason: string;
             isInDST: boolean;
+            isInLeapYear: boolean;
             isOffsetFixed: boolean;
             isValid: boolean;
             locale: string;
@@ -212,9 +230,9 @@ declare module 'luxon' {
             toMillis(): number;
             toObject(options?: { includeConfig?: boolean }): DateObject;
             toRFC2822(): string;
-            toSQL(options?: Object): string;
+            toSQL(options?: ToSQLOptions): string;
             toSQLDate(): string;
-            toSQLTime(options?: Object): string;
+            toSQLTime(options?: ToSQLOptions): string;
             toString(): string;
             toUTC(offset?: number, options?: ZoneOptions): DateTime;
             until(other: DateTime): Interval;
diff --git a/types/luxon/luxon-tests.ts b/types/luxon/luxon-tests.ts
index 017f07b0c6..587210815c 100644
--- a/types/luxon/luxon-tests.ts
+++ b/types/luxon/luxon-tests.ts
@@ -33,11 +33,17 @@ getters.zoneName;
 getters.offset;
 getters.daysInMonth;
 getters.ordinal;
+getters.isInLeapYear;
 
 dt.toLocaleString();
 dt.toLocaleString(DateTime.DATE_MED);
 dt.toISO();
 dt.toISO({includeOffset: true});
+dt.toSQL();
+dt.toSQL({includeOffset: false, includeZone: true});
+dt.toSQLDate();
+dt.toSQLTime();
+dt.toSQLTime({includeOffset: false, includeZone: true});
 
 dt.plus({ hours: 3, minutes: 2 });
 dt.minus({ days: 7 });
@@ -61,6 +67,8 @@ DateTime.utc().toLocal();
 
 DateTime.fromMillis(1527780819458).toMillis();
 
+const {input, result, zone} = DateTime.fromFormatExplain("Aug 6 1982", "MMMM d yyyy");
+
 /* Duration */
 const dur = Duration.fromObject({ hours: 2, minutes: 7 });
 dt.plus(dur);
diff --git a/types/luxon/tslint.json b/types/luxon/tslint.json
index 764ebe0c97..bc0a6d599a 100644
--- a/types/luxon/tslint.json
+++ b/types/luxon/tslint.json
@@ -1,7 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
-        "ban-types": false,
         "no-single-declare-module": false,
         "interface-over-type-literal": false,
         "no-declare-current-package": false
diff --git a/types/lzma-native/index.d.ts b/types/lzma-native/index.d.ts
new file mode 100644
index 0000000000..33165885da
--- /dev/null
+++ b/types/lzma-native/index.d.ts
@@ -0,0 +1,129 @@
+// Type definitions for lzma-native 4.0
+// Project: https://github.com/addaleax/lzma-native
+// Definitions by: Evan Cameron <https://github.com/leshow>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+/// <reference types="node" />
+
+import { Stream } from "stream";
+export interface LzmaOptions {
+    synchronous?: boolean;
+    bufsize?: number;
+    memlimit?: number;
+    check?: Check;
+    preset?: Preset;
+    flags?:
+        | "TELL_NO_CHECK"
+        | "TELL_UNSUPPORTED_CHECK"
+        | "TELL_ANY_CHECK"
+        | "CONCATENATED";
+    threads?: number;
+    blockSize?: number;
+    timeout?: number;
+}
+
+export type Check =
+    | "CHECK_CRC32"
+    | "CHECK_CRC64"
+    | "CHECK_NONE"
+    | "CHECK_SHA256";
+
+export type Coders =
+    | "easyEncoder"
+    | "aloneDecoder"
+    | "rawEncoder"
+    | "autoDecoder"
+    | "aloneEncoder"
+    | "streamEncoder"
+    | "streamDecoder";
+
+export type Preset = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+
+export interface FileOptions {
+    fileSize: number;
+    memlimit?: number;
+    read: (
+        count: number,
+        offset: number,
+        cb: (err: any, buffer: Buffer) => void
+    ) => void;
+}
+
+export interface StreamInfo {
+    streamPadding: number;
+    memlimit: number;
+    streams: number;
+    blocks: number;
+    fileSize: number;
+    uncompressedSize: number;
+    checks: number;
+}
+
+export function createStream(
+    coder: Coders,
+    options?: LzmaOptions
+): JSLzmaStream;
+
+export function createCompressor(options?: LzmaOptions): JSLzmaStream;
+export function createDecompressor(options?: LzmaOptions): JSLzmaStream;
+export function crc32(
+    input: string,
+    encoding?: string,
+    previous?: number
+): string;
+export function isXZ(buf: Buffer | string): boolean;
+export function versionString(): string;
+export function versionNumber(): number;
+export function checkSize(check: Check): number;
+export function easyDecoderMemusage(preset: Preset): number;
+export function easyEncoderMemusage(preset: Preset): number;
+export function rawDecoderMemusage(preset: Preset): number;
+export function rawEncoderMemusage(preset: Preset): number;
+
+export function Compressor(
+    preset?: Preset,
+    options?: LzmaOptions
+): JSLzmaStream;
+export function Decompressor(options?: LzmaOptions): JSLzmaStream;
+
+export function parseFileIndex(
+    options: FileOptions,
+    callback?: (err: any, info?: StreamInfo) => void
+): void;
+export function parseFileIndexFD(
+    fileDescriptor: number,
+    callback?: (err: any, info?: StreamInfo) => void
+): void;
+
+export function compress(
+    buf: Buffer | string,
+    options?: LzmaOptions | Preset,
+    on_finish?: (result: Buffer) => void
+): void;
+export function decompress(
+    buf: Buffer | string,
+    options?: LzmaOptions | Preset,
+    on_finish?: (result: Buffer) => void
+): void;
+export function LZMA(): {
+    compress(
+        buf: Buffer | string,
+        mode: Preset,
+        on_finish: (result: Buffer) => void,
+        on_progress?: (progress: number) => void
+    ): void;
+    decompress(
+        buf: Buffer | string,
+        on_finish: (result: Buffer) => void,
+        on_progress?: (progress: number) => void
+    ): void;
+};
+
+export class JSLzmaStream extends Stream.Transform {
+    constructor(nativeStream: Stream, options: LzmaOptions);
+    bufsize(): number;
+    bufsize(size: number): void;
+    totalInt(): number;
+    totalOut(): number;
+    cleanUp(): void;
+}
diff --git a/types/lzma-native/lzma-native-tests.ts b/types/lzma-native/lzma-native-tests.ts
new file mode 100644
index 0000000000..44a5eab221
--- /dev/null
+++ b/types/lzma-native/lzma-native-tests.ts
@@ -0,0 +1,55 @@
+import * as lzma from "lzma-native";
+import * as fs from "fs";
+
+const compressor = lzma.createCompressor();
+const input = fs.createReadStream("tsconfig.json");
+const output = fs.createWriteStream("tsconfig.json.xz");
+
+input.pipe(compressor).pipe(output);
+
+lzma.compress("Banana", undefined, result => {
+    console.log(result); // <Buffer fd 37 7a 58 5a 00 00 01 69 22 de 36 02 00 21 ...>
+});
+
+lzma.compress("Bananas", 6, result => {
+    lzma.decompress(result, undefined, decompressedResult => {
+        console.log(decompressedResult.toString() === "Bananas");
+    });
+});
+
+lzma.LZMA().compress("Bananas", 4, result => {
+    lzma.LZMA().decompress(result, decompressedResult => {
+        console.log("Bananas" === decompressedResult.toString());
+    });
+});
+
+const comp = lzma.Compressor();
+
+process.stdin.pipe(comp).pipe(process.stdout);
+lzma.crc32("Banana"); // => 69690105
+lzma.checkSize("CHECK_SHA256"); // => 16
+lzma.checkSize("CHECK_CRC32"); // => 4
+lzma.easyDecoderMemusage(6); // => 8454192
+lzma.easyEncoderMemusage(6); // => 97620499
+lzma.versionString(); // => '5.2.3'
+lzma.versionNumber(); // => 50020012
+lzma.isXZ("Banana"); // => false
+
+fs.open("test/hamlet.txt.xz", "r", (err: any, fd: number) => {
+    if (err) return;
+    // handle error
+    lzma.parseFileIndexFD(fd, (err, info) => {
+        // handle error
+        if (err) {
+            console.log(err);
+        }
+        // do something with e.g. info.uncompressedSize
+
+        fs.close(fd, (err: any) => {
+            /* handle error */
+            if (err) {
+                console.log(err);
+            }
+        });
+    });
+});
diff --git a/types/lzma-native/tsconfig.json b/types/lzma-native/tsconfig.json
new file mode 100644
index 0000000000..fa7667f123
--- /dev/null
+++ b/types/lzma-native/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "noImplicitThis": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "lzma-native-tests.ts"]
+}
diff --git a/types/lzma-native/tslint.json b/types/lzma-native/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/lzma-native/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mailgun-js/index.d.ts b/types/mailgun-js/index.d.ts
index 0ab5efcf45..0c6ef0eef3 100644
--- a/types/mailgun-js/index.d.ts
+++ b/types/mailgun-js/index.d.ts
@@ -1,13 +1,14 @@
 // Type definitions for mailgun-js 0.16
 // Project: https://github.com/bojand/mailgun-js
 // Definitions by: Sampson Oliver <https://github.com/sampsonjoliver>
+//                 Andi Pätzold <https://github.com/andipaetzold>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
 /// <reference types="node" />
 
-declare const out: Mailgun.MailgunExport;
-export = out;
+declare const Mailgun: Mailgun.MailgunExport;
+export = Mailgun;
 
 declare namespace Mailgun {
     interface ConstructorParams {
@@ -41,8 +42,7 @@ declare namespace Mailgun {
         contentType?: string;
     }
 
-    class Attachment {
-        constructor(params: AttachmentParams);
+    interface Attachment {
         data: string | Buffer | NodeJS.ReadWriteStream;
         filename?: string;
         knownLength?: number;
@@ -126,30 +126,54 @@ declare namespace Mailgun {
             unparseable: string[];
         }
 
+        type ValidationCallback = (error: Error, body: ValidateResponse) => void;
+
+        interface ValidationOptionsPublic {
+            api_key?: string;
+            mailbox_verification?: boolean | "true" | "false";
+        }
+
+        interface ValidationOptionsPrivate {
+            mailbox_verification?: boolean | "true" | "false";
+        }
+
         interface ValidateResponse {
+            address: string;
+            did_you_mean: string | null;
+            is_disposable_address: boolean;
+            is_role_address: boolean;
             is_valid: boolean;
+            mailbox_verification: "true" | "false" | "unknown" | null;
+            parts: {
+                display_name: string | null;
+                domain: string;
+                local_part: string;
+            };
         }
     }
 
     interface Mailgun {
         messages(): Messages;
         lists(list: string): Lists;
-        Attachment: typeof Attachment;
+        Attachment: new (params: AttachmentParams) => Attachment;
         validateWebhook(
             bodyTimestamp: number,
             bodyToken: string,
             bodySignature: string
         ): boolean;
 
-        parse(
-            addressList: string[],
-            callback?: (error: Error, body: validation.ValidateResponse) => void
-        ): Promise<validation.ParseResponse>;
+        parse(addressList: string[], callback?: validation.ValidationCallback): Promise<validation.ParseResponse>;
 
-        validate(
-            address: string,
-            callback?: (error: Error, body: validation.ValidateResponse) => void
-        ): Promise<validation.ValidateResponse>;
+        validate(address: string, callback: validation.ValidationCallback): void;
+        validate(address: string, opts: validation.ValidationOptionsPublic, callback: validation.ValidationCallback): void;
+        // tslint:disable-next-line unified-signatures
+        validate(address: string, isPrivate: boolean, callback: validation.ValidationCallback): void;
+        validate(address: string, isPrivate: false, opts: validation.ValidationOptionsPublic, callback: validation.ValidationCallback): void;
+        validate(address: string, isPrivate: true, opts: validation.ValidationOptionsPrivate, callback: validation.ValidationCallback): void;
+
+        validate(address: string, opts?: validation.ValidationOptionsPublic): Promise<validation.ValidateResponse>;
+        validate(address: string, isPrivate: false, opts?: validation.ValidationOptionsPublic): Promise<validation.ValidateResponse>;
+        validate(address: string, isPrivate: true, opts?: validation.ValidationOptionsPrivate): Promise<validation.ValidateResponse>;
     }
 
     interface Lists {
diff --git a/types/mailgun-js/mailgun-js-tests.ts b/types/mailgun-js/mailgun-js-tests.ts
index dfbe8ab4a1..e06e683248 100644
--- a/types/mailgun-js/mailgun-js-tests.ts
+++ b/types/mailgun-js/mailgun-js-tests.ts
@@ -20,13 +20,36 @@ mailgun.messages().send(
     }
 );
 
-mailgun.messages().send(
-    {
-        to: "someone@email.com",
-        attachment: new mailgun.Attachment({
-            data: "filepath",
-            filename: "my_custom_name.png"
-        })
-    },
-    (err, body) => {}
-);
+const exampleSendData: mailgunFactory.messages.SendData = {
+    to: "someone@email.com",
+    attachment: new mailgun.Attachment({
+        data: "filepath",
+        filename: "my_custom_name.png"
+    })
+  };
+
+mailgun.messages().send(exampleSendData, (err, body) => {});
+
+let validationResultPromise: Promise<mailgunFactory.validation.ValidateResponse>;
+validationResultPromise = mailgun.validate("foo@mailgun.net");
+validationResultPromise = mailgun.validate("foo@mailgun.net", true);
+validationResultPromise = mailgun.validate("foo@mailgun.net", true, { mailbox_verification: true });
+validationResultPromise = mailgun.validate("foo@mailgun.net", { mailbox_verification: false, api_key: "..." });
+mailgun.validate("foo@mailgun.net", (error, body) => {});
+mailgun.validate("foo@mailgun.net", true, (error, body) => {});
+mailgun.validate("foo@mailgun.net", true, { mailbox_verification: true }, (error, body) => {});
+mailgun.validate("foo@mailgun.net", { mailbox_verification: false, api_key: "..." }, (error, body) => {});
+
+const validationResult6: mailgunFactory.validation.ValidateResponse = {
+    address: "foo@mailgun.net",
+    did_you_mean: "bar@mailgun.net",
+    is_disposable_address: false,
+    is_role_address: true,
+    is_valid: true,
+    mailbox_verification: "true",
+    parts: {
+        display_name: "foo",
+        domain: "mailgun.net",
+        local_part: "foo"
+    }
+};
diff --git a/types/maker.js/maker.js-tests.ts b/types/maker.js/maker.js-tests.ts
index f5f9d9db16..ba02fdef89 100644
--- a/types/maker.js/maker.js-tests.ts
+++ b/types/maker.js/maker.js-tests.ts
@@ -100,9 +100,9 @@ function test() {
 	function testKit() {
 		makerjs.kit.construct(null, null);
 		makerjs.kit.getParameterValues(null);
-		(<MakerJs.IMetaParameter>{}).max;
-		(<MakerJs.IKit>{}).metaParameters;
-		(<MakerJs.IKit>{}).notes;
+		({} as MakerJs.IMetaParameter).max;
+		({} as MakerJs.IKit).metaParameters;
+		({} as MakerJs.IKit).notes;
 	}
 
 	function testMeasure() {
diff --git a/types/makeup-expander/index.d.ts b/types/makeup-expander/index.d.ts
new file mode 100644
index 0000000000..90bd660581
--- /dev/null
+++ b/types/makeup-expander/index.d.ts
@@ -0,0 +1,46 @@
+// Type definitions for makeup-expander 0.4
+// Project: https://github.com/makeup-js/makeup-expander
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+declare namespace Expander {
+    interface Options {
+        autoCollapse?: boolean;
+        collapseOnClickOut?: boolean;
+        collapseOnFocusOut?: boolean;
+        collapseOnMouseOut?: boolean;
+        contentSelector?: string;
+        expandOnClick?: boolean;
+        expandOnFocus?: boolean;
+        expandOnHover?: boolean;
+        focusManagement?: string | null;
+        hostSelector?: string;
+    }
+}
+
+declare class Expander {
+    constructor(el: HTMLElement, selectedOptions?: Expander.Options);
+
+    collapseOnClickOut: boolean;
+
+    collapseOnFocusOut: boolean;
+
+    collapseOnMouseOut: boolean;
+
+    expandOnClick: boolean;
+
+    expandOnFocus: boolean;
+
+    expandOnHover: boolean;
+
+    collapse(): void;
+
+    expand(isKeyboard: boolean): void;
+
+    isExpanded(): boolean;
+
+    toggle(): void;
+}
+
+export = Expander;
diff --git a/types/makeup-expander/makeup-expander-tests.ts b/types/makeup-expander/makeup-expander-tests.ts
new file mode 100644
index 0000000000..f35d7cd3bd
--- /dev/null
+++ b/types/makeup-expander/makeup-expander-tests.ts
@@ -0,0 +1,21 @@
+import Expander = require('makeup-expander');
+
+const widgetEl: HTMLElement | null = document.querySelector('.expander');
+
+const options: Expander.Options = {
+    expandOnClick: true
+};
+
+if (widgetEl) {
+    // $ExpectType Expander
+    new Expander(widgetEl);
+
+    // $ExpectType Expander
+    const widget = new Expander(widgetEl, options);
+
+    // $ExpectType void
+    widget.expand(true);
+
+    // $ExpectType boolean
+    const expanded = widget.isExpanded();
+}
diff --git a/types/makeup-expander/tsconfig.json b/types/makeup-expander/tsconfig.json
new file mode 100644
index 0000000000..f247e79d82
--- /dev/null
+++ b/types/makeup-expander/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "makeup-expander-tests.ts"
+    ]
+}
diff --git a/types/makeup-expander/tslint.json b/types/makeup-expander/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/makeup-expander/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/makeup-floating-label/index.d.ts b/types/makeup-floating-label/index.d.ts
new file mode 100644
index 0000000000..7b35349554
--- /dev/null
+++ b/types/makeup-floating-label/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for makeup-floating-label 0.0
+// Project: https://github.com/makeup-js/makeup-floating-label#readme
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+declare class FloatingLabel {
+  constructor(el: any, userOptions?: any);
+  refresh(): void;
+}
+
+export = FloatingLabel;
diff --git a/types/makeup-floating-label/makeup-floating-label-tests.ts b/types/makeup-floating-label/makeup-floating-label-tests.ts
new file mode 100644
index 0000000000..3883e4135f
--- /dev/null
+++ b/types/makeup-floating-label/makeup-floating-label-tests.ts
@@ -0,0 +1,9 @@
+import FloatingLabel = require('makeup-floating-label');
+
+const widgetEls = document.querySelectorAll('.floating-label');
+
+widgetEls.forEach((el: Element) => {
+  const widget = new FloatingLabel(el);
+
+  widget.refresh();
+});
diff --git a/types/makeup-floating-label/tsconfig.json b/types/makeup-floating-label/tsconfig.json
new file mode 100644
index 0000000000..c7fed3a8c4
--- /dev/null
+++ b/types/makeup-floating-label/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom",
+            "dom.iterable"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "makeup-floating-label-tests.ts"
+    ]
+}
diff --git a/types/makeup-floating-label/tslint.json b/types/makeup-floating-label/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/makeup-floating-label/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/makeup-keyboard-trap/index.d.ts b/types/makeup-keyboard-trap/index.d.ts
new file mode 100644
index 0000000000..4645d57e2c
--- /dev/null
+++ b/types/makeup-keyboard-trap/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for makeup-keyboard-trap 0.1
+// Project: https://github.com/makeup-js/makeup-keyboard-trap#readme
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+export function refresh(): any;
+
+export function trap(el: any): any;
+
+export function untrap(): any;
diff --git a/types/makeup-keyboard-trap/makeup-keyboard-trap-tests.ts b/types/makeup-keyboard-trap/makeup-keyboard-trap-tests.ts
new file mode 100644
index 0000000000..0f7687d750
--- /dev/null
+++ b/types/makeup-keyboard-trap/makeup-keyboard-trap-tests.ts
@@ -0,0 +1,7 @@
+import { trap, untrap } from 'makeup-keyboard-trap';
+
+const widgetEl: HTMLElement | null = document.querySelector('.expander');
+
+trap(widgetEl);
+
+untrap();
diff --git a/types/makeup-keyboard-trap/tsconfig.json b/types/makeup-keyboard-trap/tsconfig.json
new file mode 100644
index 0000000000..0e4c00274f
--- /dev/null
+++ b/types/makeup-keyboard-trap/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "makeup-keyboard-trap-tests.ts"
+    ]
+}
diff --git a/types/makeup-keyboard-trap/tslint.json b/types/makeup-keyboard-trap/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/makeup-keyboard-trap/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/makeup-prevent-scroll-keys/index.d.ts b/types/makeup-prevent-scroll-keys/index.d.ts
new file mode 100644
index 0000000000..bb59ece615
--- /dev/null
+++ b/types/makeup-prevent-scroll-keys/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for makeup-prevent-scroll-keys 0.0
+// Project: https://github.com/makeup-js/makeup-prevent-scroll-keys#readme
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+export function add(el: any): void;
+
+export function remove(el: any): void;
diff --git a/types/makeup-prevent-scroll-keys/makeup-prevent-scroll-keys-tests.ts b/types/makeup-prevent-scroll-keys/makeup-prevent-scroll-keys-tests.ts
new file mode 100644
index 0000000000..c889c6299a
--- /dev/null
+++ b/types/makeup-prevent-scroll-keys/makeup-prevent-scroll-keys-tests.ts
@@ -0,0 +1,9 @@
+import * as scrollKeyPreventer from 'makeup-prevent-scroll-keys';
+
+const widgetEl: HTMLElement | null = document.querySelector('.widget');
+
+if (widgetEl) {
+  scrollKeyPreventer.add(widgetEl);
+
+  scrollKeyPreventer.remove(widgetEl);
+}
diff --git a/types/makeup-prevent-scroll-keys/tsconfig.json b/types/makeup-prevent-scroll-keys/tsconfig.json
new file mode 100644
index 0000000000..d48ada0be6
--- /dev/null
+++ b/types/makeup-prevent-scroll-keys/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "makeup-prevent-scroll-keys-tests.ts"
+    ]
+}
diff --git a/types/makeup-prevent-scroll-keys/tslint.json b/types/makeup-prevent-scroll-keys/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/makeup-prevent-scroll-keys/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/makeup-screenreader-trap/index.d.ts b/types/makeup-screenreader-trap/index.d.ts
new file mode 100644
index 0000000000..0995b62a3c
--- /dev/null
+++ b/types/makeup-screenreader-trap/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for makeup-screenreader-trap 0.0
+// Project: https://github.com/makeup-js/makeup-screenreader-trap#readme
+// Definitions by: Timur Manyanov <https://github.com/darkwebdev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.6
+
+export function trap(el: HTMLElement): void;
+
+export function untrap(): void;
diff --git a/types/makeup-screenreader-trap/makeup-screenreader-trap-tests.ts b/types/makeup-screenreader-trap/makeup-screenreader-trap-tests.ts
new file mode 100644
index 0000000000..48b198ab2d
--- /dev/null
+++ b/types/makeup-screenreader-trap/makeup-screenreader-trap-tests.ts
@@ -0,0 +1,9 @@
+import { trap, untrap } from 'makeup-screenreader-trap';
+
+const widgetEl: HTMLElement | null = document.querySelector('.expander');
+
+if (widgetEl) {
+    trap(widgetEl);
+}
+
+untrap();
diff --git a/types/makeup-screenreader-trap/tsconfig.json b/types/makeup-screenreader-trap/tsconfig.json
new file mode 100644
index 0000000000..08df420e11
--- /dev/null
+++ b/types/makeup-screenreader-trap/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "makeup-screenreader-trap-tests.ts"
+    ]
+}
diff --git a/types/makeup-screenreader-trap/tslint.json b/types/makeup-screenreader-trap/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/makeup-screenreader-trap/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mali-compose/index.d.ts b/types/mali-compose/index.d.ts
index 87b23087d3..c70ee7557b 100644
--- a/types/mali-compose/index.d.ts
+++ b/types/mali-compose/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/malijs/mali-compose
 // Definitions by: Daniel Byrne <https://github.com/danwbyrne>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 import { Context } from "mali";
 
diff --git a/types/mali-compose/package.json b/types/mali-compose/package.json
new file mode 100644
index 0000000000..76d151fcec
--- /dev/null
+++ b/types/mali-compose/package.json
@@ -0,0 +1,8 @@
+{
+    "private": true,
+    "dependencies": {
+        "grpc": "^1.16.1",
+        "mali": "^0.10.2",
+        "protobufjs": "^6.8.8"
+    }
+}
diff --git a/types/mali-onerror/index.d.ts b/types/mali-onerror/index.d.ts
index c9600d50f0..6fa37b9862 100644
--- a/types/mali-onerror/index.d.ts
+++ b/types/mali-onerror/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/malijs/onerror
 // Definitions by: Daniel Byrne <https://github.com/danwbyrne>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 import { Context } from "mali";
 
diff --git a/types/mali-onerror/package.json b/types/mali-onerror/package.json
new file mode 100644
index 0000000000..76d151fcec
--- /dev/null
+++ b/types/mali-onerror/package.json
@@ -0,0 +1,8 @@
+{
+    "private": true,
+    "dependencies": {
+        "grpc": "^1.16.1",
+        "mali": "^0.10.2",
+        "protobufjs": "^6.8.8"
+    }
+}
diff --git a/types/mali/index.d.ts b/types/mali/index.d.ts
deleted file mode 100644
index 8e536d5330..0000000000
--- a/types/mali/index.d.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-// Type definitions for mali 0.9
-// Project: https://github.com/malijs/mali
-// Definitions by: Daniel Byrne <https://github.com/danwbyrne>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
-
-/// <reference types="node" />
-
-import { EventEmitter } from 'events';
-import { Stream } from 'stream';
-
-declare class Mali extends EventEmitter {
-	constructor(path: any, name?: string | ReadonlyArray<string>, options?: any);
-	name: string;
-	env: string;
-	ports: ReadonlyArray<number>;
-	silent: boolean;
-
-	addService(path: any, name: string | ReadonlyArray<string>, options?: any): void;
-	use(service?: any, name?: any, fns?: any): void;
-	start(port: number | string, creds?: any, options?: any): any; // gnarly type inferring for these functions so Im just gonna let them handle it.
-	toJSON(): any;
-	close(): Promise<void>;
-	inspect(): any;
-}
-
-declare namespace Mali {
-	interface Context {
-		name: string;
-		fullName: string;
-		service: string;
-		package: string;
-		app: any; // ? app
-		call: any;
-		request: Request;
-		response: Response;
-		req: any; // ?
-		res: any; // ?
-		type: string;
-		metadata: string;
-		get(field: string): any;
-		set(field: any, val?: any): void; // do I need `?:` if its of type `any`?
-		sendMetadata(md: any): void;
-		getStatus(field: string): any;
-		setStatus(field: any, val?: any): void; // ^
-	}
-
-	class Request {
-		constructor(call: any, type: string);
-		call: any;
-		type: string;
-		metadata: any;
-		req: any; // ?
-
-		getMetadata(): any;
-		get(field: string): any;
-	}
-
-	class Response {
-		constructor(call: any, type: string);
-		call: any;
-		type: string;
-		metadata: any;
-		status: any;
-		res: any; // ?
-		set(field: any, val?: any): void; // is `val?:` necessary when its of type `any`?
-		get(field: string): any;
-		getMetadata(): any;
-		sendMetadata(md?: any): void;
-		getStatus(field: string): any;
-		setStatus(field: any, val?: any): void; // ^ same as above
-	}
-
-	function exec(ctx: Context, handler: any, cb?: any): void;
-}
-
-export = Mali;
diff --git a/types/mali/mali-tests.ts b/types/mali/mali-tests.ts
deleted file mode 100644
index d6d33a263f..0000000000
--- a/types/mali/mali-tests.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// example from https://github.com/malijs/mali#example
-
-import Mali = require('mali');
-import path = require('path');
-
-const PROTO_PATH = path.resolve(__dirname, '../protos/helloworld.proto');
-
-async function sayHello(ctx: Mali.Context) {
-  ctx.res = { message: 'Hello '.concat(ctx.req.name) };
-}
-
-const app = new Mali(PROTO_PATH);
-// $ExpectType void
-app.use({sayHello});
-// $ExpectType any
-app.start('127.0.0.1:50051');
diff --git a/types/mapbox-gl/index.d.ts b/types/mapbox-gl/index.d.ts
index 3f09b5d6de..91fb68cd96 100644
--- a/types/mapbox-gl/index.d.ts
+++ b/types/mapbox-gl/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Mapbox GL JS v0.48.0
+// Type definitions for Mapbox GL JS v0.51.0
 // Project: https://github.com/mapbox/mapbox-gl-js
 // Definitions by: Dominik Bruderer <https://github.com/dobrud>, Patrick Reames <https://github.com/patrickr>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -15,11 +15,11 @@ declare namespace mapboxgl {
 
     export function supported(options?: { failIfMajorPerformanceCaveat?: boolean }): boolean;
 
-    export function setRTLTextPlugin(pluginURL: string, callback: Function): void;
+    export function setRTLTextPlugin(pluginURL: string, callback: (error: Error) => void): void;
 
-    type LngLatLike = number[] | LngLat;
-    type LngLatBoundsLike = number[][] | LngLatLike[] | LngLatBounds;
-    type PointLike = number[] | Point;
+    type LngLatLike = LngLat | { lng: number; lat: number; } | { lon: number; lat: number; } | [number, number];
+    type LngLatBoundsLike = LngLatBounds | [LngLatLike, LngLatLike] | [number, number, number, number];
+    type PointLike = Point | [number, number];
     type Expression = any[];
     type Anchor = 'center' | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
@@ -37,7 +37,7 @@ declare namespace mapboxgl {
 
         getBounds(): LngLatBounds;
 
-        getMaxBounds(): LngLatBounds;
+        getMaxBounds(): LngLatBounds | null;
 
         setMaxBounds(lnglatbounds?: LngLatBoundsLike): this;
 
@@ -63,9 +63,9 @@ declare namespace mapboxgl {
 
         isRotating(): boolean;
 
-        queryRenderedFeatures(pointOrBox?: PointLike | PointLike[], parameters?: { layers?: string[], filter?: any[] }): GeoJSON.Feature<GeoJSON.Geometry>[];
+        queryRenderedFeatures(pointOrBox?: PointLike | [PointLike, PointLike], parameters?: { layers?: string[], filter?: any[] }): MapboxGeoJSONFeature[];
 
-        querySourceFeatures(sourceID: string, parameters?: { sourceLayer?: string, filter?: any[] }): GeoJSON.Feature<GeoJSON.Geometry>[];
+        querySourceFeatures(sourceID: string, parameters?: { sourceLayer?: string, filter?: any[] }): MapboxGeoJSONFeature[];
 
         setStyle(style: mapboxgl.Style | string, options?: { diff?: boolean, localIdeographFontFamily?: string }): this;
 
@@ -83,7 +83,7 @@ declare namespace mapboxgl {
 
         getSource(id: string): VectorSource | RasterSource | RasterDemSource | GeoJSONSource | ImageSource | VideoSource;
 
-        addImage(name: string, image: HTMLImageElement | ArrayBufferView | { width: number, height: number, data: Uint8Array | Uint8ClampedArray } | ImageData, options?: { pixelRatio?: number, sdf?: any }): this;
+        addImage(name: string, image: HTMLImageElement | ArrayBufferView | { width: number, height: number, data: Uint8Array | Uint8ClampedArray } | ImageData, options?: { pixelRatio?: number, sdf?: boolean }): this;
 
         hasImage(name: string): boolean;
 
@@ -109,19 +109,19 @@ declare namespace mapboxgl {
 
         setPaintProperty(layer: string, name: string, value: any, klass?: string): this;
 
-        getPaintProperty(layer: string, name: string, klass?: string): any;
+        getPaintProperty(layer: string, name: string): any;
 
         setLayoutProperty(layer: string, name: string, value: any): this;
 
-        getLayoutProperty(layer: string, name: string, klass?: string): any;
+        getLayoutProperty(layer: string, name: string): any;
 
         setLight(options: mapboxgl.Light, lightOptions?: any): this;
 
         getLight(): mapboxgl.Light;
 
-        setFeatureState(feature: {source?: string, sourceLayer?: string, id?: string}, state: any): void;
+        setFeatureState(feature: { source: string, sourceLayer?: string, id: string | number } | mapboxgl.MapboxGeoJSONFeature, state: { [key: string]: any }): void;
 
-        getFeatureState(feature: {source?: string, sourceLayer?: string, id?: string}): any;
+        getFeatureState(feature: { source: string, sourceLayer?: string, id: string | number } | mapboxgl.MapboxGeoJSONFeature): { [key: string]: any };
 
         getContainer(): HTMLElement;
 
@@ -133,8 +133,6 @@ declare namespace mapboxgl {
 
         remove(): void;
 
-        onError(): void;
-
         showTileBoundaries: boolean;
 
         showCollisionBoxes: boolean;
@@ -173,20 +171,34 @@ declare namespace mapboxgl {
 
         setPitch(pitch: number, eventData?: EventData): this;
 
-        cameraForBounds(bounds: LngLatBoundsLike, options?: {padding?: number | PaddingOptions, offset?: PointLike, maxZoom?: number}): CameraOptions;
+        cameraForBounds(bounds: LngLatBoundsLike, options?: CameraForBoundsOptions): CameraOptions | undefined;
 
         fitBounds(bounds: LngLatBoundsLike, options?: mapboxgl.FitBoundsOptions, eventData?: mapboxgl.EventData): this;
 
+        fitScreenCoordinates(p0: PointLike, p1: PointLike, bearing: number, options?: AnimationOptions & CameraOptions, eventData?: EventData): this;
+
         jumpTo(options: mapboxgl.CameraOptions, eventData?: mapboxgl.EventData): this;
 
-        easeTo(options: mapboxgl.CameraOptions | mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+        easeTo(options: mapboxgl.CameraOptions & mapboxgl.AnimationOptions & {delayEndEvents?: number}, eventData?: mapboxgl.EventData): this;
 
         flyTo(options: mapboxgl.FlyToOptions, eventData?: mapboxgl.EventData): this;
 
-        isMoving(): boolean;
+        isEasing(): boolean;
 
         stop(): this;
 
+        on<T extends keyof MapLayerEventType>(type: T, layer: string, listener: (ev: MapLayerEventType[T] & EventData) => void): this;
+        on<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & EventData) => void): this;
+        on(type: string, listener: (ev: any) => void): this;
+
+        once<T extends keyof MapLayerEventType>(type: T, layer: string, listener: (ev: MapLayerEventType[T] & EventData) => void): this;
+        once<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & EventData) => void): this;
+        once(type: string, listener: (ev: any) => void): this;
+
+        off<T extends keyof MapLayerEventType>(type: T, layer: string, listener: (ev: MapLayerEventType[T] & EventData) => void): this;
+        off<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & EventData) => void): this;
+        off(type: string, listener: (ev: any) => void): this;
+
         scrollZoom: ScrollZoomHandler;
 
         boxZoom: BoxZoomHandler;
@@ -217,14 +229,34 @@ declare namespace mapboxgl {
         /** initial map center */
         center?: LngLatLike;
 
+        /**
+         * The max number of pixels a user can shift the mouse pointer during a click for it to be
+         * considered a valid click (as opposed to a mouse drag).
+         * 
+         * @default 3
+         */
         clickTolerance?: number;
 
+        /**
+         * If `true`, Resource Timing API information will be collected for requests made by GeoJSON
+         * and Vector Tile web workers (this information is normally inaccessible from the main
+         * Javascript thread). Information will be returned in a `resourceTiming` property of
+         * relevant `data` events.
+         * 
+         * @default false
+         */
         collectResourceTiming?: boolean;
 
+        /**
+         * If `true`, symbols from multiple sources can collide with each other during collision
+         * detection. If `false`, collision detection is run separately for the symbols in each source.
+         * 
+         * @default true
+         */
         crossSourceCollisions?: boolean;
 
         /** ID of the container element */
-        container?: string | Element;
+        container: string | Element;
 
         /** String or strings to show in an AttributionControl.
          * Only applicable if options.attributionControl is `true`. */
@@ -242,6 +274,13 @@ declare namespace mapboxgl {
         /** If true, the map will track and update the page URL according to map position */
         hash?: boolean;
 
+        /**
+         * Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds.
+         * This setting affects all symbol layers. This setting does not affect the duration of runtime
+         * styling transitions or raster tile cross-fading.
+         * 
+         * @default 300
+         */
         fadeDuration?: number;
 
         /** If true, map creation will fail if the implementation determines that the performance of the created WebGL context would be dramatically lower than expected. */
@@ -253,8 +292,21 @@ declare namespace mapboxgl {
         /** If true, enable keyboard shortcuts (see KeyboardHandler). */
         keyboard?: boolean;
 
+        /**
+         * If specified, defines a CSS font-family for locally overriding generation of glyphs in the
+         * 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from
+         * the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold).
+         * The purpose of this option is to avoid bandwidth-intensive glyph server requests.
+         * 
+         * @default null
+         */
         localIdeographFontFamily?: string;
 
+        /**
+         * A string representing the position of the Mapbox wordmark on the map.
+         * 
+         * @default "bottom-left"
+         */
         logoPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
         /** If set, the map is constrained to the given bounds. */
@@ -269,12 +321,34 @@ declare namespace mapboxgl {
         /** If true, The maps canvas can be exported to a PNG using map.getCanvas().toDataURL();. This is false by default as a performance optimization. */
         preserveDrawingBuffer?: boolean;
 
+        /**
+         * The initial pitch (tilt) of the map, measured in degrees away from the plane of the
+         * screen (0-60).
+         * 
+         * @default 0
+         */
         pitch?: number;
 
+        /**
+         * If `false`, the map's pitch (tilt) control with "drag to rotate" interaction will be disabled.
+         * 
+         * @default true
+         */
         pitchWithRotate?: boolean;
 
+        /**
+         * If `false`, the map won't attempt to re-request tiles once they expire per their HTTP
+         * `cacheControl`/`expires` headers.
+         * 
+         * @default true
+         */
         refreshExpiredTiles?: boolean;
 
+        /**
+         * If `true`, multiple copies of the world will be rendered, when zoomed out.
+         * 
+         * @default true
+         */
         renderWorldCopies?: boolean;
 
         /** If true, enable the "scroll to zoom" interaction */
@@ -286,7 +360,13 @@ declare namespace mapboxgl {
         /** If  true, the map will automatically resize when the browser window resizes */
         trackResize?: boolean;
 
-        transformRequest?: Function;
+        /**
+         * A callback run before the Map makes a request for an external URL. The callback can be
+         * used to modify the url, set headers, or set the credentials property for cross-origin requests.
+         * 
+         * @default null
+         */
+        transformRequest?: TransformRequestFunction;
 
         /** If true, enable the "pinch to rotate and zoom" interaction (see TouchZoomRotateHandler). */
         touchZoomRotate?: boolean;
@@ -294,10 +374,48 @@ declare namespace mapboxgl {
         /** Initial zoom level */
         zoom?: number;
 
-        /** Maximum tile cache size for each layer. */
+        /**
+         * The maximum number of tiles stored in the tile cache for a given source. If omitted, the
+         * cache will be dynamically sized based on the current viewport.
+         * 
+         * @default null
+         */
         maxTileCacheSize?: number;
     }
 
+    export type ResourceType = 
+        | 'Unknown'
+        | 'Style'
+        | 'Source'
+        | 'Tile'
+        | 'Glyphs'
+        | 'SpriteImage'
+        | 'SpriteJSON'
+        | 'Image';
+
+    export interface RequestParameters {
+        /**
+         * The URL to be requested.
+         */
+        url: string;
+
+        /**
+         * Use `'include'` to send cookies with cross-origin requests.
+         */
+        credentials?: 'same-origin' | 'include';
+
+        /**
+         * The headers to be sent with the request.
+         */
+        headers?: { [header: string]: any };
+
+        method?: 'GET' | 'POST' | 'PUT';
+
+        collectResourceTiming?: boolean;
+    }
+
+    export type TransformRequestFunction = (url: string, resourceType: ResourceType) => RequestParameters;
+
     export interface PaddingOptions {
         top: number;
         bottom: number;
@@ -411,7 +529,7 @@ declare namespace mapboxgl {
 
         onRemove(map: Map): any;
 
-        getDefaultPosition(): string;
+        getDefaultPosition?: () => string;
     }
 
     /**
@@ -574,6 +692,8 @@ declare namespace mapboxgl {
         clusterMaxZoom?: number;
 
         lineMetrics?: boolean;
+        
+        generateId?: boolean;
     }
 
     /**
@@ -710,7 +830,8 @@ declare namespace mapboxgl {
         sw: LngLatLike;
         ne: LngLatLike;
 
-        constructor(sw?: LngLatLike, ne?: LngLatLike);
+        constructor(boundsLike?: [LngLatLike, LngLatLike] | [number, number, number, number]);
+        constructor(sw: LngLatLike, ne: LngLatLike);
 
         setNorthEast(ne: LngLatLike): this;
 
@@ -859,13 +980,12 @@ declare namespace mapboxgl {
     export class Evented {
         on(type: string, listener: Function): this;
 
-        on(type: string, layer: string, listener: Function): this;
-
         off(type?: string | any, listener?: Function): this;
 
-        off(type?: string | any, layer?: string, listener?: Function): this;
-
         once(type: string, listener: Function): this;
+
+        // https://github.com/mapbox/mapbox-gl-js/issues/6522
+        fire(type: string, properties?: { [key: string]: any }): this;
     }
 
     /**
@@ -875,61 +995,110 @@ declare namespace mapboxgl {
         transition?: boolean;
     }
 
-    /**
-     * EventData
-     */
-    export class EventData {
+    export type MapboxGeoJSONFeature = GeoJSON.Feature<GeoJSON.Geometry> & {
+        layer: Layer;
+        source: string;
+        sourceLayer: string;
+        state: { [key: string]: any };
+    };
+
+    export type EventData = { [key: string]: any };
+
+    export class MapboxEvent<TOrig = undefined> {
         type: string;
         target: Map;
-        originalEvent: Event;
-        point: mapboxgl.Point;
-        lngLat: mapboxgl.LngLat;
+        originalEvent: TOrig;
     }
 
-    export class MapMouseEvent {
-        type: string;
-        target: Map;
-        originalEvent: MouseEvent;
-        point: mapboxgl.Point;
-        lngLat: mapboxgl.LngLat;
+    export class MapMouseEvent extends MapboxEvent<MouseEvent> {
+        type: 'mousedown'
+            | 'mouseup'
+            | 'click'
+            | 'dblclick'
+            | 'mousemove'
+            | 'mouseover'
+            | 'mouseenter'
+            | 'mouseleave'
+            | 'mouseout'
+            | 'contextmenu';
+
+        point: Point;
+        lngLat: LngLat;
+
         preventDefault(): void;
         defaultPrevented: boolean;
     }
 
-    export class MapTouchEvent {
-        type: string;
-        target: Map;
-        map: Map;
-        originalEvent: TouchEvent;
-        point: mapboxgl.Point;
-        lngLat: mapboxgl.LngLat;
+    export type MapLayerMouseEvent = MapMouseEvent & { features?: MapboxGeoJSONFeature[]; };
+
+    export class MapTouchEvent extends MapboxEvent<TouchEvent> {
+        type: 'touchstart'
+            | 'touchend'
+            | 'touchcancel';
+
+        point: Point;
+        lngLat: LngLat;
         points: Point[];
         lngLats: LngLat[];
+
         preventDefault(): void;
         defaultPrevented: boolean;
     }
 
-    export class MapBoxZoomEvent {
-        originalEvent: MouseEvent;
+    export type MapLayerTouchEvent = MapTouchEvent & { features?: MapboxGeoJSONFeature[]; };
+
+    export class MapWheelEvent extends MapboxEvent<WheelEvent> {
+        type: 'wheel';
+
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }
+
+    export interface MapBoxZoomEvent extends MapboxEvent<MouseEvent> {
+        type: 'boxzoomstart'
+            | 'boxzoomend'
+            | 'boxzoomcancel';
+
         boxZoomBounds: LngLatBounds;
     }
 
-    export class MapDataEvent {
-        type: string;
-        dataType: 'source' | 'style' | 'tile';
-        isSourceLoaded?: boolean;
-        source?: mapboxgl.Source;
-        sourceDataType?: string;
-        tile?: any;
-        coord?: any;
+    export type MapDataEvent = MapSourceDataEvent | MapStyleDataEvent;
+
+    export interface MapStyleDataEvent extends MapboxEvent {
+        dataType: 'style';
     }
 
-    export class MapWheelEvent {
-        type: string;
-        map: Map;
-        originalEvent: MouseEvent;
-        preventDefault(): void;
-        defaultPrevented: boolean;
+    export interface MapSourceDataEvent extends MapboxEvent {
+        dataType: 'source';
+        isSourceLoaded: boolean;
+        source: Style;
+        sourceId: string;
+        sourceDataType: 'metadata' | 'content';
+        tile: any;
+        coord: Coordinate;
+    }
+
+    export interface Coordinate {
+        canonical: CanonicalCoordinate;
+        wrap: number;
+        key: number;
+    }
+
+    export interface CanonicalCoordinate {
+        x: number;
+        y: number;
+        z: number;
+        key: number;
+        equals(coord: CanonicalCoordinate): boolean;
+    }
+
+    export interface MapContextEvent extends MapboxEvent<WebGLContextEvent> {
+        type: 'webglcontextlost' | 'webglcontextrestored';
+    }
+
+    export class ErrorEvent extends MapboxEvent {
+        type: 'error';
+        error: Error;
     }
 
     /**
@@ -938,7 +1107,11 @@ declare namespace mapboxgl {
     export interface AnimationOptions {
         /** Number in milliseconds */
         duration?: number;
-        easing?: Function;
+        /**
+         * A function taking a time in the range 0..1 and returning a number where 0 is the initial
+         * state and 1 is the final state.
+         */
+        easing?: (time: number) => number;
         /** point, origin of movement relative to map center */
         offset?: PointLike;
         /** When set to false, no animation happens */
@@ -961,6 +1134,12 @@ declare namespace mapboxgl {
         around?: LngLatLike;
     }
 
+    export interface CameraForBoundsOptions extends CameraOptions {
+        padding?: number | PaddingOptions;
+        offset?: PointLike;
+        maxZoom?: number;
+    }
+
     /**
      * FlyToOptions
      */
@@ -969,13 +1148,11 @@ declare namespace mapboxgl {
         minZoom?: number;
         speed?: number;
         screenSpeed?: number;
-        easing?: Function;
         maxDuration?: number;
     }
 
     export interface FitBoundsOptions extends mapboxgl.FlyToOptions {
         linear?: boolean;
-        easing?: Function;
         padding?: number | mapboxgl.PaddingOptions;
         offset?: mapboxgl.PointLike;
         maxZoom?: number;
@@ -985,47 +1162,81 @@ declare namespace mapboxgl {
     /**
      * MapEvent
      */
-    export interface MapEvent {
-        resize?: void;
-        webglcontextlost?: { originalEvent: WebGLContextEvent };
-        webglcontextrestored?: { originalEvent: WebGLContextEvent };
-        remove?: void;
-        dataloading?: { data: mapboxgl.MapDataEvent };
-        data?: { data: mapboxgl.MapDataEvent };
-        render?: void;
-        contextmenu?: { data: mapboxgl.MapMouseEvent };
-        dblclick?: { data: mapboxgl.MapMouseEvent };
-        click?: { data: mapboxgl.MapMouseEvent };
-        tiledataloading?: { data: mapboxgl.MapDataEvent };
-        sourcedataloading?: { data: mapboxgl.MapDataEvent };
-        styledataloading?: { data: mapboxgl.MapDataEvent };
-        touchcancel?: { data: mapboxgl.MapTouchEvent };
-        touchmove?: { data: mapboxgl.MapTouchEvent };
-        touchend?: { data: mapboxgl.MapTouchEvent };
-        touchstart?: { data: mapboxgl.MapTouchEvent };
-        mousemove?: { data: mapboxgl.MapMouseEvent };
-        mouseup?: { data: mapboxgl.MapMouseEvent };
-        mousedown?: { data: mapboxgl.MapMouseEvent };
-        moveend?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        move?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        movestart?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        mouseout?: { data: mapboxgl.MapMouseEvent };
-        load?: void;
-        sourcedata?: { data: mapboxgl.MapDataEvent };
-        styledata?: { data: mapboxgl.MapDataEvent };
-        zoomend?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        zoom?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        zoomstart?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        boxzoomcancel?: { data: mapboxgl.MapBoxZoomEvent };
-        boxzoomstart?: { data: mapboxgl.MapBoxZoomEvent };
-        boxzoomend?: { data: mapboxgl.MapBoxZoomEvent };
-        rotate?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        rotatestart?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        rotateend?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        drag?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        dragend?: { data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent };
-        pitch?: { data: mapboxgl.EventData };
-        wheel?: { data: mapboxgl.MapWheelEvent };
+    export type MapEventType = {
+        error: ErrorEvent;
+
+        load: MapboxEvent;
+        remove: MapboxEvent;
+        render: MapboxEvent;
+        resize: MapboxEvent;
+
+        webglcontextlost: MapContextEvent;
+        webglcontextrestored: MapContextEvent;
+
+        dataloading: MapDataEvent;
+        data: MapDataEvent;
+        tiledataloading: MapDataEvent;
+        sourcedataloading: MapSourceDataEvent;
+        styledataloading: MapStyleDataEvent;
+        sourcedata: MapSourceDataEvent;
+        styledata: MapStyleDataEvent;
+
+        boxzoomcancel: MapBoxZoomEvent;
+        boxzoomstart: MapBoxZoomEvent;
+        boxzoomend: MapBoxZoomEvent;
+
+        touchcancel: MapTouchEvent;
+        touchmove: MapTouchEvent;
+        touchend: MapTouchEvent;
+        touchstart: MapTouchEvent;
+
+        click: MapMouseEvent;
+        contextmenu: MapMouseEvent;
+        dblclick: MapMouseEvent;
+        mousemove: MapMouseEvent;
+        mouseup: MapMouseEvent;
+        mousedown: MapMouseEvent;
+        mouseout: MapMouseEvent;
+        mouseover: MapMouseEvent;
+
+        movestart: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+        move: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+        moveend: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+
+        zoomstart: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+        zoom: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+        zoomend: MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined>;
+
+        rotatestart: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        rotate: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        rotateend: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+
+        dragstart: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        drag: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        dragend: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+
+        pitchstart: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        pitch: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+        pitchend: MapboxEvent<MouseEvent | TouchEvent | undefined>;
+
+        wheel: MapWheelEvent;
+    }
+
+    export type MapLayerEventType = {
+        click: MapLayerMouseEvent;
+        dblclick: MapLayerMouseEvent;
+        mousedown: MapLayerMouseEvent;
+        mouseup: MapLayerMouseEvent;
+        mousemove: MapLayerMouseEvent;
+        mouseenter: MapLayerMouseEvent;
+        mouseleave: MapLayerMouseEvent;
+        mouseover: MapLayerMouseEvent;
+        mouseout: MapLayerMouseEvent;
+        contextmenu: MapLayerMouseEvent;
+
+        touchstart: MapLayerTouchEvent;
+        touchend: MapLayerTouchEvent;
+        touchcancel: MapLayerTouchEvent;
     }
 
     export interface Layer {
@@ -1086,7 +1297,7 @@ declare namespace mapboxgl {
         'fill-translate'?: number[];
         'fill-translate-transition'?: Transition;
         'fill-translate-anchor'?: 'map' | 'viewport';
-        'fill-pattern'?: string;
+        'fill-pattern'?: string | Expression;
         'fill-pattern-transition'?: Transition;
     }
 
@@ -1102,7 +1313,7 @@ declare namespace mapboxgl {
         'fill-extrusion-translate'?: number[] | Expression;
         'fill-extrusion-translate-transition'?: Transition;
         'fill-extrusion-translate-anchor'?: 'map' | 'viewport';
-        'fill-extrusion-pattern'?: string;
+        'fill-extrusion-pattern'?: string | Expression;
         'fill-extrusion-pattern-transition'?: Transition;
         'fill-extrusion-height'?: number | StyleFunction | Expression;
         'fill-extrusion-height-transition'?: Transition;
@@ -1137,7 +1348,7 @@ declare namespace mapboxgl {
         'line-blur-transition'?: Transition;
         'line-dasharray'?: number[];
         'line-dasharray-transition'?: Transition;
-        'line-pattern'?: string;
+        'line-pattern'?: string | Expression;
         'line-pattern-transition'?: Transition;
         'line-gradient'?: Expression;
     }
@@ -1148,6 +1359,7 @@ declare namespace mapboxgl {
         'symbol-placement'?: 'point' | 'line' | 'line-center';
         'symbol-spacing'?: number | Expression;
         'symbol-avoid-edges'?: boolean;
+        'symbol-z-order'?: 'viewport-y' | 'source';
         'icon-allow-overlap'?: boolean | StyleFunction;
         'icon-ignore-placement'?: boolean;
         'icon-optional'?: boolean;
diff --git a/types/mapbox-gl/mapbox-gl-tests.ts b/types/mapbox-gl/mapbox-gl-tests.ts
index 783ee86f74..422b255900 100644
--- a/types/mapbox-gl/mapbox-gl-tests.ts
+++ b/types/mapbox-gl/mapbox-gl-tests.ts
@@ -1,3 +1,5 @@
+import mapboxgl = require('.');
+
 // These examples adapted from Mapbox's examples (https://www.mapbox.com/mapbox-gl-js/examples)
 
 /**
@@ -149,7 +151,7 @@ map.flyTo({
 	speed: 0.5,
 	curve: 1,
 	screenSpeed: 1,
-	easing: function(t: any) {
+	easing: function(t: number) {
 		return t;
 	},
 	maxDuration: 1
@@ -395,9 +397,394 @@ marker.remove();
 let bool:boolean
 let bounds = new mapboxgl.LngLatBounds()
 bool = bounds.isEmpty()
-
 /*
  * AttributionControl
  */
 let attributionControl = new mapboxgl.AttributionControl({ compact: false, customAttribution: '© YourCo' });
 attributionControl.on('click', () => {});
+
+declare var lnglat: mapboxgl.LngLat;
+declare var lnglatlike: mapboxgl.LngLatLike;
+declare var lnglatboundslike: mapboxgl.LngLatBoundsLike;
+declare var pointlike: mapboxgl.PointLike;
+
+function expectType<T>(value: T) { /* let the compiler handle things */ }
+
+/*
+ * LngLatLike
+ */
+
+expectType<mapboxgl.LngLatLike>(new mapboxgl.LngLat(0, 0));
+expectType<mapboxgl.LngLatLike>([0, 0]);
+expectType<mapboxgl.LngLatLike>({ lng: 0, lat: 0 });
+expectType<mapboxgl.LngLatLike>({ lon: 0, lat: 0 });
+
+/*
+ * LngLat
+ */
+
+new mapboxgl.LngLat(0, 0);
+expectType<mapboxgl.LngLat>(mapboxgl.LngLat.convert(lnglatlike));
+
+/*
+ * LngLatBoundsLike
+ */
+
+expectType<mapboxgl.LngLatBoundsLike>([lnglatlike, lnglatlike]);
+expectType<mapboxgl.LngLatBoundsLike>([0, 0, 1, 1]);
+expectType<mapboxgl.LngLatBoundsLike>(new mapboxgl.LngLatBounds());
+
+/*
+ * LngLatBounds
+ */
+
+new mapboxgl.LngLatBounds();
+new mapboxgl.LngLatBounds([0, 0, 1, 1]);
+new mapboxgl.LngLatBounds([lnglatlike, lnglatlike]);
+new mapboxgl.LngLatBounds(lnglat, lnglat);
+new mapboxgl.LngLatBounds(lnglatlike, lnglatlike);
+expectType<mapboxgl.LngLatBounds>(mapboxgl.LngLatBounds.convert(lnglatboundslike));
+
+/*
+ * PointLike
+ */
+
+expectType<mapboxgl.PointLike>(new mapboxgl.Point(0, 0));
+expectType<mapboxgl.PointLike>([0, 0]);
+
+/*
+ * Point
+ */
+
+new mapboxgl.Point(0, 0);
+expectType<mapboxgl.Point>(mapboxgl.Point.convert(pointlike));
+
+/*
+ * TransformRequestFunction
+ */
+
+expectType<mapboxgl.TransformRequestFunction>((url: string) => ({ url }));
+expectType<mapboxgl.TransformRequestFunction>((url: string, resourceType: mapboxgl.ResourceType) => ({
+	 url,
+	 credentials: 'same-origin',
+	 headers: { 'Accept-Encoding': 'compress' },
+	 method: 'POST',
+	collectResourceTiming: true,
+ }));
+
+/*
+ * Map
+ */
+
+let padding: mapboxgl.PaddingOptions = {
+	top: 0,
+	bottom: 0,
+	left: 0,
+	right: 0,
+};
+let animOpts: mapboxgl.AnimationOptions;
+let cameraOpts: mapboxgl.CameraOptions = {
+	around: lnglatlike,
+	center: lnglatlike,
+	bearing: 0,
+	pitch: 0,
+	zoom: 0,
+};
+let cameraForBoundsOpts: mapboxgl.CameraForBoundsOptions = {
+	offset: pointlike,
+	maxZoom: 10,
+	padding,
+	...cameraOpts,
+}
+
+expectType<mapboxgl.CameraOptions | undefined>(map.cameraForBounds(lnglatboundslike));
+expectType<mapboxgl.CameraOptions | undefined>(map.cameraForBounds(lnglatboundslike, cameraForBoundsOpts));
+
+expectType<mapboxgl.Map>(map.fitScreenCoordinates([0, 0], pointlike, 1));
+expectType<mapboxgl.Map>(map.fitScreenCoordinates([0, 0], pointlike, 1, cameraOpts));
+expectType<mapboxgl.Map>(map.fitScreenCoordinates([0, 0], pointlike, 1, cameraOpts, { key: 'value' }));
+
+/*
+ * Map Events
+ */
+
+// General events
+expectType<mapboxgl.Map>(map.on('load', (ev) => {
+	expectType<mapboxgl.MapboxEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('remove', (ev) => {
+	expectType<mapboxgl.MapboxEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('render', (ev) => {
+	expectType<mapboxgl.MapboxEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('resize', (ev) => {
+	expectType<mapboxgl.MapboxEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+
+// Error event
+expectType<mapboxgl.Map>(map.on('error', (ev) => {
+	expectType<mapboxgl.ErrorEvent>(ev);
+	expectType<Error>(ev.error);
+	expectType<undefined>(ev.originalEvent);
+}));
+
+// Mouse events
+expectType<mapboxgl.Map>(map.on('mousedown', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('mouseup', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('click', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('dblclick', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('mousemove', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('mouseover', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('mouseout', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('contextmenu', (ev) => {
+	expectType<mapboxgl.MapMouseEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.Point>(ev.point);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<MouseEvent>(ev.originalEvent);
+}));
+
+// Touch events
+expectType<mapboxgl.Map>(map.on('touchcancel', (ev) => {
+	expectType<mapboxgl.MapTouchEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.LngLat[]>(ev.lngLats);
+	expectType<mapboxgl.Point>(ev.point);
+	expectType<mapboxgl.Point[]>(ev.points);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<TouchEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('touchmove', (ev) => {
+	expectType<mapboxgl.MapTouchEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.LngLat[]>(ev.lngLats);
+	expectType<mapboxgl.Point>(ev.point);
+	expectType<mapboxgl.Point[]>(ev.points);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<TouchEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('touchend', (ev) => {
+	expectType<mapboxgl.MapTouchEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.LngLat[]>(ev.lngLats);
+	expectType<mapboxgl.Point>(ev.point);
+	expectType<mapboxgl.Point[]>(ev.points);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<TouchEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('touchstart', (ev) => {
+	expectType<mapboxgl.MapTouchEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<mapboxgl.LngLat>(ev.lngLat);
+	expectType<mapboxgl.LngLat[]>(ev.lngLats);
+	expectType<mapboxgl.Point>(ev.point);
+	expectType<mapboxgl.Point[]>(ev.points);
+
+	expectType<void>(ev.preventDefault());
+	expectType<boolean>(ev.defaultPrevented);
+
+	expectType<TouchEvent>(ev.originalEvent);
+}));
+
+// Context events
+expectType<mapboxgl.Map>(map.on('webglcontextlost', (ev) => {
+	expectType<mapboxgl.MapContextEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<WebGLContextEvent>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('webglcontextrestored', (ev) => {
+	expectType<mapboxgl.MapContextEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<WebGLContextEvent>(ev.originalEvent);
+}));
+
+// Data events
+expectType<mapboxgl.Map>(map.on('dataloading', (ev) => {
+	expectType<mapboxgl.MapDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('data', (ev) => {
+	expectType<mapboxgl.MapDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('tiledataloading', (ev) => {
+	expectType<mapboxgl.MapDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+}));
+expectType<mapboxgl.Map>(map.on('sourcedataloading', (ev) => {
+	expectType<mapboxgl.MapSourceDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+	expectType<'source'>(ev.dataType);
+}));
+expectType<mapboxgl.Map>(map.on('sourcedata', (ev) => {
+	expectType<mapboxgl.MapSourceDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+	expectType<'source'>(ev.dataType);
+}));
+expectType<mapboxgl.Map>(map.on('styledataloading', (ev) => {
+	expectType<mapboxgl.MapStyleDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+	expectType<'style'>(ev.dataType);
+}));
+expectType<mapboxgl.Map>(map.on('styledata', (ev) => {
+	expectType<mapboxgl.MapStyleDataEvent>(ev);
+	expectType<mapboxgl.Map>(ev.target);
+	expectType<undefined>(ev.originalEvent);
+	expectType<'style'>(ev.dataType);
+}));
+
+// Layer events
+expectType<mapboxgl.Map>(map.on('click', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('dblclick', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mousedown', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mouseup', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mousemove', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mouseenter', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mouseleave', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mouseover', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('mouseout', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('contextmenu', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerMouseEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+
+expectType<mapboxgl.Map>(map.on('touchstart', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerTouchEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('touchend', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerTouchEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
+expectType<mapboxgl.Map>(map.on('touchcancel', 'text', (ev) => {
+	expectType<mapboxgl.MapLayerTouchEvent>(ev);
+	expectType<mapboxgl.MapboxGeoJSONFeature[] | undefined>(ev.features);
+}));
diff --git a/types/markdown-it-anchor/index.d.ts b/types/markdown-it-anchor/index.d.ts
index 045082abf1..39cb91be45 100644
--- a/types/markdown-it-anchor/index.d.ts
+++ b/types/markdown-it-anchor/index.d.ts
@@ -2,9 +2,11 @@
 // Project: https://github.com/valeriangalliat/markdown-it-anchor
 // Definitions by: Josh Toft <https://github.com/seryl>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
-import { MarkdownIt, Core, Token } from 'markdown-it';
+import MarkdownIt = require('markdown-it');
+import Core = require('markdown-it/lib/parser_core');
+import Token = require('markdown-it/lib/token');
 
 declare namespace anchor {
 	interface AnchorInfo {
diff --git a/types/markdown-it-anchor/markdown-it-anchor-tests.ts b/types/markdown-it-anchor/markdown-it-anchor-tests.ts
index 3570ba764b..a9a865a469 100644
--- a/types/markdown-it-anchor/markdown-it-anchor-tests.ts
+++ b/types/markdown-it-anchor/markdown-it-anchor-tests.ts
@@ -1,4 +1,4 @@
-import * as MarkdownIt from "markdown-it";
+import MarkdownIt = require("markdown-it");
 import anchor = require("markdown-it-anchor");
 
 const md = new MarkdownIt();
diff --git a/types/markdown-it-container/index.d.ts b/types/markdown-it-container/index.d.ts
index f2d3722a3d..2920f38f91 100644
--- a/types/markdown-it-container/index.d.ts
+++ b/types/markdown-it-container/index.d.ts
@@ -2,9 +2,11 @@
 // Project: https://github.com/markdown-it/markdown-it-container
 // Definitions by: Vyacheslav Demot <https://github.com/hronex>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
-import { MarkdownIt, Token, Renderer } from 'markdown-it';
+import MarkdownIt = require('markdown-it');
+import Renderer = require('markdown-it/lib/renderer');
+import Token = require('markdown-it/lib/token');
 
 declare namespace markdownItContainer {
 	interface ContainerOpts {
diff --git a/types/markdown-it-container/markdown-it-container-tests.ts b/types/markdown-it-container/markdown-it-container-tests.ts
index 3c8f3bf980..e6754f82f3 100644
--- a/types/markdown-it-container/markdown-it-container-tests.ts
+++ b/types/markdown-it-container/markdown-it-container-tests.ts
@@ -1,11 +1,13 @@
-import * as MarkdownIt from "markdown-it";
+import MarkdownIt = require("markdown-it");
+import Token = require("markdown-it/lib/token");
+
 import MarkdownItContainer = require("markdown-it-container");
 
 const md = new MarkdownIt();
 
 md.use(MarkdownItContainer, 'spoiler', {
 	validate: (params: any) => params.trim().match(/^spoiler\s+(.*)$/),
-	render: (tokens: MarkdownIt.Token[], index: number) => {
+	render: (tokens: Token[], index: number) => {
 		const match = tokens[index].info.trim().match(/^spoiler\s+(.*)$/);
 		const onClick =
 			"this.parentNode.classList.toggle('_expanded');" +
diff --git a/types/markdown-it-lazy-headers/index.d.ts b/types/markdown-it-lazy-headers/index.d.ts
index 9eb8a54cf1..43ac828764 100644
--- a/types/markdown-it-lazy-headers/index.d.ts
+++ b/types/markdown-it-lazy-headers/index.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/Galadirith/markdown-it-lazy-headers
 // Definitions by: Knom <https://github.com/knom>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
-import { MarkdownIt } from 'markdown-it';
+import MarkdownIt = require('markdown-it');
 
 declare function lazyheaders(md: MarkdownIt): void;
 
diff --git a/types/markdown-it/index.d.ts b/types/markdown-it/index.d.ts
index 24513c3e56..e7d0ffa6e7 100644
--- a/types/markdown-it/index.d.ts
+++ b/types/markdown-it/index.d.ts
@@ -2,128 +2,7 @@
 // Project: https://github.com/markdown-it/markdown-it
 // Definitions by: York Yao <https://github.com/plantain-00/>, Robert Coie <https://github.com/rapropos>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
-interface MarkdownItStatic {
-    new (): MarkdownIt.MarkdownIt;
-    new (presetName: "commonmark" | "zero" | "default", options?: MarkdownIt.Options): MarkdownIt.MarkdownIt;
-    new (options: MarkdownIt.Options): MarkdownIt.MarkdownIt;
-    (): MarkdownIt.MarkdownIt;
-    (presetName: "commonmark" | "zero" | "default", options ?: MarkdownIt.Options): MarkdownIt.MarkdownIt;
-    (options: MarkdownIt.Options): MarkdownIt.MarkdownIt;
-}
-
-declare var MarkdownIt: MarkdownItStatic;
+import MarkdownIt = require("./lib");
 export = MarkdownIt;
-export as namespace markdownit;
-
-declare module MarkdownIt {
-    interface MarkdownIt {
-        render(md: string, env?: any): string;
-        renderInline(md: string, env?: any): string;
-        parse(src: string, env: any): Token[];
-        parseInline(src: string, env: any): Token[];
-        use(plugin: any, ...params: any[]): MarkdownIt;
-        utils: {
-            assign(obj: any): any;
-            isString(obj: any): boolean;
-            has(object: any, key: string): boolean;
-            unescapeMd(str: string): string;
-            unescapeAll(str: string): string;
-            isValidEntityCode(str: any): boolean;
-            fromCodePoint(str: string): string;
-            escapeHtml(str: string): string;
-            arrayReplaceAt(src: any[], pos: number, newElements: any[]): any[]
-            isSpace(str: any): boolean;
-            isWhiteSpace(str: any): boolean
-            isMdAsciiPunct(str: any): boolean;
-            isPunctChar(str: any): boolean;
-            escapeRE(str: string): string;
-            normalizeReference(str: string): string;
-        }
-        disable(rules: string[] | string, ignoreInvalid?: boolean): MarkdownIt;
-        enable(rules: string[] | string, ignoreInvalid?: boolean): MarkdownIt;
-        set(options: Options): MarkdownIt;
-        normalizeLink(url: string): string;
-        normalizeLinkText(url: string): string;
-        validateLink(url: string): boolean;
-        block: ParserBlock;
-        core: Core;
-        helpers: any;
-        inline: ParserInline;
-        linkify: LinkifyIt;
-        renderer: Renderer;
-    }
-    interface Options {
-        html?: boolean;
-        xhtmlOut?: boolean;
-        breaks?: boolean;
-        langPrefix?: string;
-        linkify?: boolean;
-        typographer?: boolean;
-        quotes?: string;
-        highlight?: (str: string, lang: string) => void;
-    }
-    interface LinkifyIt {
-        tlds(lang: string, linkified: boolean): void;
-    }
-    interface Renderer {
-        rules: { [name: string]: TokenRender };
-        render(tokens: Token[], options: any, env: any): string;
-        renderAttrs(token: Token): string;
-        renderInline(tokens: Token[], options: any, env: any): string;
-        renderToken(tokens: Token[], idx: number, options: any): string;
-    }
-    interface Token {
-        attrGet: (name: string) => string | null;
-        attrIndex: (name: string) => number;
-        attrJoin: (name: string, value: string) => void;
-        attrPush: (attrData: string[]) => void;
-        attrSet: (name: string, value: string) => void;
-        attrs: string[][];
-        block: boolean;
-        children: Token[];
-        content: string;
-        hidden: boolean;
-        info: string;
-        level: number;
-        map: number[];
-        markup: string;
-        meta: any;
-        nesting: number;
-        tag: string;
-        type: string;
-    }
-
-    type TokenRender = (tokens: Token[], index: number, options: any, env: any, self: Renderer) => void;
-
-    interface Rule {
-        (state: any, silent?: boolean): void;
-    }
-
-    interface Ruler {
-        after(afterName: string, ruleName: string, rule: Rule, options?: any): void;
-        at(name: string, rule: Rule, options?: any): void;
-        before(beforeName: string, ruleName: string, rule: Rule, options?: any): void;
-        disable(rules: string | string[], ignoreInvalid?: boolean): string[];
-        enable(rules: string | string[], ignoreInvalid?: boolean): string[];
-        enableOnly(rule: string, ignoreInvalid?: boolean): void;
-        getRules(chain: string): Rule[];
-        push(ruleName: string, rule: Rule, options?: any): void;
-    }
-
-    interface ParserBlock {
-        parse(src: string, md: MarkdownIt, env: any, outTokens: Token[]): void;
-        ruler: Ruler;
-    }
-
-    interface Core {
-        process(state: any): void;
-        ruler: Ruler;
-    }
-
-    interface ParserInline {
-        parse(src: string, md: MarkdownIt, env: any, outTokens: Token[]): void;
-        ruler: Ruler;
-        ruler2: Ruler;
-    }
-}
diff --git a/types/markdown-it/lib/index.d.ts b/types/markdown-it/lib/index.d.ts
new file mode 100644
index 0000000000..9a9caf37b6
--- /dev/null
+++ b/types/markdown-it/lib/index.d.ts
@@ -0,0 +1,113 @@
+import { LinkifyIt } from 'linkify-it'
+
+import State = require('./rules_core/state_core');
+import StateBlock = require('./rules_block/state_block');
+import StateInline = require('./rules_inline/state_inline');
+
+import Core = require('./parser_core');
+import ParserBlock = require('./parser_block');
+import ParserInline = require('./parser_inline');
+
+import Renderer = require('./renderer');
+import Ruler = require('./ruler');
+import Token = require('./token');
+
+export = MarkdownIt;
+export as namespace markdownit;
+
+declare const MarkdownIt: MarkdownItConstructor;
+
+interface MarkdownItConstructor {
+    new (): MarkdownIt;
+    new (presetName: "commonmark" | "zero" | "default", options?: MarkdownIt.Options): MarkdownIt;
+    new (options: MarkdownIt.Options): MarkdownIt;
+    (): MarkdownIt;
+    (presetName: "commonmark" | "zero" | "default", options ?: MarkdownIt.Options): MarkdownIt;
+    (options: MarkdownIt.Options): MarkdownIt;
+}
+
+interface MarkdownIt {
+    render(md: string, env?: any): string;
+    renderInline(md: string, env?: any): string;
+    parse(src: string, env: any): Token[];
+    parseInline(src: string, env: any): Token[];
+
+    /*
+    // The following only works in 3.0
+    // Since it's still not allowed to target 3.0, i'll leave the code commented out
+
+    use<T extends Array<any> = any[]>(
+        plugin: (md: MarkdownIt, ...params: T) => void,
+        ...params: T
+    ): MarkdownIt;
+    */
+
+    use(plugin: (md: MarkdownIt, ...params: any[]) => void, ...params: any[]): MarkdownIt;
+
+    utils: {
+        assign(obj: any): any;
+        isString(obj: any): boolean;
+        has(object: any, key: string): boolean;
+        unescapeMd(str: string): string;
+        unescapeAll(str: string): string;
+        isValidEntityCode(str: any): boolean;
+        fromCodePoint(str: string): string;
+        escapeHtml(str: string): string;
+        arrayReplaceAt(src: any[], pos: number, newElements: any[]): any[]
+        isSpace(str: any): boolean;
+        isWhiteSpace(str: any): boolean
+        isMdAsciiPunct(str: any): boolean;
+        isPunctChar(str: any): boolean;
+        escapeRE(str: string): string;
+        normalizeReference(str: string): string;
+    }
+
+    disable(rules: string[] | string, ignoreInvalid?: boolean): MarkdownIt;
+    enable(rules: string[] | string, ignoreInvalid?: boolean): MarkdownIt;
+    set(options: MarkdownIt.Options): MarkdownIt;
+    normalizeLink(url: string): string;
+    normalizeLinkText(url: string): string;
+    validateLink(url: string): boolean;
+    block: ParserBlock;
+    core: Core;
+    helpers: any;
+    inline: ParserInline;
+    linkify: LinkifyIt;
+    renderer: Renderer;
+}
+
+declare module MarkdownIt {
+    interface Options {
+        html?: boolean;
+        xhtmlOut?: boolean;
+        breaks?: boolean;
+        langPrefix?: string;
+        linkify?: boolean;
+        typographer?: boolean;
+        quotes?: string;
+        highlight?: (str: string, lang: string) => void;
+    }
+
+    interface Rule<S extends State = State> {
+        (state: S, silent?: boolean): boolean | void;
+    }
+
+    interface RuleInline extends Rule<StateInline> {}
+    interface RuleBlock extends Rule<StateBlock> {}
+
+    interface RulerInline extends Ruler<StateInline> {}
+    interface RulerBlock extends Ruler<StateBlock> {}
+
+    type TokenRender = (tokens: Token[], index: number, options: any, env: any, self: Renderer) => void;
+
+    interface Delimiter {
+        close: boolean;
+        end: number;
+        jump: number;
+        length: number;
+        level: number;
+        marker: number;
+        open: boolean;
+        token: number;
+    }
+}
diff --git a/types/markdown-it/lib/parser_block.d.ts b/types/markdown-it/lib/parser_block.d.ts
new file mode 100644
index 0000000000..2efc76b858
--- /dev/null
+++ b/types/markdown-it/lib/parser_block.d.ts
@@ -0,0 +1,9 @@
+import MarkdownIt = require(".");
+import Token = require("./token");
+
+export = ParserBlock;
+
+declare class ParserBlock {
+    parse(src: string, md: MarkdownIt, env: any, outTokens: Token[]): void;
+    ruler: MarkdownIt.RulerBlock;
+}
diff --git a/types/markdown-it/lib/parser_core.d.ts b/types/markdown-it/lib/parser_core.d.ts
new file mode 100644
index 0000000000..a6559bdfef
--- /dev/null
+++ b/types/markdown-it/lib/parser_core.d.ts
@@ -0,0 +1,10 @@
+import MarkdownIt = require(".");
+import Ruler = require("./ruler");
+import Token = require("./token");
+
+export = ParserCore;
+
+declare class ParserCore {
+    process(state: any): void;
+    ruler: Ruler;
+}
diff --git a/types/markdown-it/lib/parser_inline.d.ts b/types/markdown-it/lib/parser_inline.d.ts
new file mode 100644
index 0000000000..ad7aa26d93
--- /dev/null
+++ b/types/markdown-it/lib/parser_inline.d.ts
@@ -0,0 +1,13 @@
+import MarkdownIt = require(".");
+import State = require("./rules_core/state_core");
+import Token = require("./token");
+
+export = ParserInline;
+
+declare class ParserInline {
+    parse(src: string, md: MarkdownIt, env: any, outTokens: Token[]): void;
+    tokenize(state: State): void;
+    skipToken(state: State): void;
+    ruler: MarkdownIt.RulerInline;
+    ruler2: MarkdownIt.RulerInline;
+}
diff --git a/types/markdown-it/lib/renderer.d.ts b/types/markdown-it/lib/renderer.d.ts
new file mode 100644
index 0000000000..0231dad0f9
--- /dev/null
+++ b/types/markdown-it/lib/renderer.d.ts
@@ -0,0 +1,12 @@
+import MarkdownIt = require(".");
+import Token = require("./token");
+
+export = Renderer;
+
+declare class Renderer {
+    rules: { [name: string]: MarkdownIt.TokenRender };
+    render(tokens: Token[], options: any, env: any): string;
+    renderAttrs(token: Token): string;
+    renderInline(tokens: Token[], options: any, env: any): string;
+    renderToken(tokens: Token[], idx: number, options: any): string;
+}
diff --git a/types/markdown-it/lib/ruler.d.ts b/types/markdown-it/lib/ruler.d.ts
new file mode 100644
index 0000000000..62ab55e3de
--- /dev/null
+++ b/types/markdown-it/lib/ruler.d.ts
@@ -0,0 +1,15 @@
+import MarkdownIt = require(".");
+import State = require("./rules_core/state_core");
+
+export = Ruler;
+
+declare class Ruler<S extends State = State> {
+    after(afterName: string, ruleName: string, rule: MarkdownIt.Rule<S>, options?: any): void;
+    at(name: string, rule: MarkdownIt.Rule<S>, options?: any): void;
+    before(beforeName: string, ruleName: string, rule: MarkdownIt.Rule<S>, options?: any): void;
+    disable(rules: string | string[], ignoreInvalid?: boolean): string[];
+    enable(rules: string | string[], ignoreInvalid?: boolean): string[];
+    enableOnly(rule: string, ignoreInvalid?: boolean): void;
+    getRules(chain: string): MarkdownIt.Rule<S>[];
+    push(ruleName: string, rule: MarkdownIt.Rule<S>, options?: any): void;
+}
diff --git a/types/markdown-it/lib/rules_block/state_block.d.ts b/types/markdown-it/lib/rules_block/state_block.d.ts
new file mode 100644
index 0000000000..6eebab4202
--- /dev/null
+++ b/types/markdown-it/lib/rules_block/state_block.d.ts
@@ -0,0 +1,23 @@
+import MarkdownIt = require("..");
+import State = require("../rules_core/state_core");
+import Token = require("../token");
+
+export = StateBlock;
+
+declare class StateBlock extends State {
+    /** Used in lists to determine if they interrupt a paragraph */
+    parentType: 'blockquote' | 'list' | 'root' | 'paragraph' | 'reference';
+
+    eMarks: number[];
+    bMarks: number[];
+    bsCount: number[];
+    sCount: number[];
+    tShift: number[];
+
+    blkIndent: number;
+    ddIndent: number;
+
+    line: number;
+    lineMax: number;
+    tight: boolean;
+}
diff --git a/types/markdown-it/lib/rules_core/state_core.d.ts b/types/markdown-it/lib/rules_core/state_core.d.ts
new file mode 100644
index 0000000000..7cf73134aa
--- /dev/null
+++ b/types/markdown-it/lib/rules_core/state_core.d.ts
@@ -0,0 +1,20 @@
+import MarkdownIt = require("..");
+import Token = require("../token");
+
+export = StateCore;
+
+declare class StateCore {
+    env: any;
+    level: number;
+
+    /** Link to parser instance */
+    md: MarkdownIt;
+
+    /** The markdown source code that is being parsed. */
+    src: string;
+
+    tokens: Token[];
+
+    /** Return any for a yet untyped property */
+    [undocumented: string]: any;
+}
diff --git a/types/markdown-it/lib/rules_inline/state_inline.d.ts b/types/markdown-it/lib/rules_inline/state_inline.d.ts
new file mode 100644
index 0000000000..27938d99da
--- /dev/null
+++ b/types/markdown-it/lib/rules_inline/state_inline.d.ts
@@ -0,0 +1,46 @@
+import MarkdownIt = require("..");
+import State = require("../rules_core/state_core");
+import Token = require("../token");
+
+export = StateInline;
+
+declare class StateInline extends State {
+    /**
+     * Stores `{ start: end }` pairs. Useful for backtrack
+     * optimization of pairs parse (emphasis, strikes).
+     */
+    cache: { [start: number]: number };
+
+    /** Emphasis-like delimiters */
+    delimiters: MarkdownIt.Delimiter[];
+
+    pending: string;
+    pendingLevel: number;
+
+    /** Index of the first character of this token. */
+    pos: number;
+
+    /** Index of the last character that can be used (for example the one before the end of this line). */
+    posMax: number;
+
+    /**
+     * Push new token to "stream".
+     * If pending text exists, flush it as text token.
+     */
+    push(type: string, tag: string, nesting: number): Token;
+
+    /** Flush pending text */
+    pushPending(): Token;
+
+    /**
+     * Scan a sequence of emphasis-like markers and determine whether
+     * it can start an emphasis sequence or end an emphasis sequence.
+     * @param start - position to scan from (it should point to a valid marker)
+     * @param canSplitWord - determine if these markers can be found inside a word
+     */
+    scanDelims(start: number, canSplitWord: boolean): {
+        can_open: boolean,
+        can_close: boolean,
+        length: number
+    };
+}
diff --git a/types/markdown-it/lib/token.d.ts b/types/markdown-it/lib/token.d.ts
new file mode 100644
index 0000000000..1f71d54bfd
--- /dev/null
+++ b/types/markdown-it/lib/token.d.ts
@@ -0,0 +1,23 @@
+export = Token;
+
+declare class Token {
+    constructor(type: string, tag: string, nesting: number);
+    attrGet: (name: string) => string | null;
+    attrIndex: (name: string) => number;
+    attrJoin: (name: string, value: string) => void;
+    attrPush: (attrData: string[]) => void;
+    attrSet: (name: string, value: string) => void;
+    attrs: string[][];
+    block: boolean;
+    children: Token[];
+    content: string;
+    hidden: boolean;
+    info: string;
+    level: number;
+    map: number[];
+    markup: string;
+    meta: any;
+    nesting: number;
+    tag: string;
+    type: string;
+}
diff --git a/types/markdown-it/markdown-it-tests.ts b/types/markdown-it/markdown-it-tests.ts
index f22fc5cb2d..343661ad87 100644
--- a/types/markdown-it/markdown-it-tests.ts
+++ b/types/markdown-it/markdown-it-tests.ts
@@ -1,4 +1,6 @@
-import * as MarkdownIt from "markdown-it";
+import MarkdownIt = require("markdown-it");
+import Renderer = require("markdown-it/lib/renderer");
+import Token = require("markdown-it/lib/token");
 
 {
     const md = new MarkdownIt();
@@ -141,7 +143,7 @@ function myToken(tokens: any, idx: number, options: any, env: any, self: any) {
             return "";
         },
     });
-    md.renderer.rules["image"] = (tokens: MarkdownIt.Token[], index: number, options: any, env: any, self: MarkdownIt.Renderer) => {
+    md.renderer.rules["image"] = (tokens: Token[], index: number, options: any, env: any, self: Renderer) => {
         const token = tokens[index];
         const aIndex = token.attrIndex("src");
         token.attrs[aIndex][1];
@@ -154,11 +156,11 @@ function myToken(tokens: any, idx: number, options: any, env: any, self: any) {
     if (md.renderer.rules["link_open"]) {
         defaultLinkRender = md.renderer.rules["link_open"];
     } else {
-        defaultLinkRender = (tokens: MarkdownIt.Token[], index: number, options: any, env: any, self: MarkdownIt.Renderer) => {
+        defaultLinkRender = (tokens: Token[], index: number, options: any, env: any, self: Renderer) => {
             return self.renderToken(tokens, index, options);
         };
     }
-    md.renderer.rules["link_open"] = (tokens: MarkdownIt.Token[], index: number, options: any, env: any, self: MarkdownIt.Renderer) => {
+    md.renderer.rules["link_open"] = (tokens: Token[], index: number, options: any, env: any, self: Renderer) => {
         tokens[index].attrPush(["target", "_blank"]);
         tokens[index].attrPush(["rel", "nofollow"]);
         return defaultLinkRender(tokens, index, options, env, self);
diff --git a/types/marked/index.d.ts b/types/marked/index.d.ts
index c99f38aa6c..d558348db9 100644
--- a/types/marked/index.d.ts
+++ b/types/marked/index.d.ts
@@ -73,7 +73,7 @@ declare namespace marked {
         html(html: string): string;
         heading(text: string, level: number, raw: string): string;
         hr(): string;
-        list(body: string, ordered: boolean): string;
+        list(body: string, ordered: boolean, start: number): string;
         listitem(text: string): string;
         paragraph(text: string): string;
         table(header: string, body: string): string;
diff --git a/types/massive/index.d.ts b/types/massive/index.d.ts
index e11c5e0ed2..dd9cd76640 100644
--- a/types/massive/index.d.ts
+++ b/types/massive/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for massive 4.6
+// Type definitions for massive 5.4
 // Project: https://github.com/dmfay/massive-js.git
 // Definitions by: Pascal Birchler <https://github.com/swissspidy>
 //                 Clarence Ho <https://github.com/clarenceh>
 //                 Felix Faust <https://github.com/AmazingTurtle>
+//                 Mike Engel <https://github.com/mike-engel>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -10,12 +11,18 @@
 
 export = massive;
 
-declare function massive(connection: massive.ConnectionInfo | string,
-                         loaderConfig?: massive.Loader,
-                         driverConfig?: object): Promise<massive.Database>;
+declare function massive(
+    connection: massive.ConnectionInfo | string,
+    loaderConfig?: massive.Loader,
+    driverConfig?: object
+): Promise<massive.Database>;
 
 declare namespace massive {
-    type UUID = number | string;
+    type UUID = string;
+
+    interface AnyObject<T = any> {
+        [key: string]: T;
+    }
 
     interface Loader {
         blacklist?: string | string[];
@@ -42,35 +49,55 @@ declare namespace massive {
         fallback_application_name?: boolean;
     }
 
-    /** Bundled insert, select, update and delete query options.. Shame on me */
-    interface GenericQueryOptions {
-        columns?: string[];
+    interface RetrievalOptions {
+        fields?: string[];
+        exprs?: AnyObject<string>;
         limit?: number;
         offset?: number;
+        order?: OrderingOptions[];
+        pageLength?: number;
+    }
+
+    interface OrderingOptions {
+        field?: string;
+        expr?: string;
+        direction?: "ASC" | "asc" | "DESC" | "desc";
+        nulls?: "FIRST" | "first" | "LAST" | "last";
+        type?: string;
+        last?: string;
+    }
+
+    interface PersistenceInsertOptions {
+        onConflictIgnore?: boolean;
+        deepInsert?: boolean;
+    }
+
+    interface PersistenceUpdateDocOptions {
+        body?: string;
+    }
+
+    interface InheritanceOptions {
         only?: boolean;
-        order?: string[];
-        orderBody?: boolean;
+    }
+
+    interface ResultProcessingOptions {
         build?: boolean;
         document?: boolean;
         single?: boolean;
         stream?: boolean;
+        decompose?: DecomposeOptions;
+    }
+
+    interface DecomposeOptions {
+        pk: string;
+        columns?: string[] | AnyObject<string>;
+        [foreignTable: string]: DecomposeOptions | any;
     }
 
     interface SearchDefinition {
-        /** List of the fields to search. */
         fields: string[];
-
-        /** Search term. */
         term: string;
-    }
-
-    interface QueryOptions {
-        /** This is a query against a document table. */
-        document?: boolean;
-        /** True to return a single result object instead of an array of results. */
-        single?: boolean;
-        /** True to return a stream instead of a resultset. */
-        stream?: boolean;
+        where: AnyObject;
     }
 
     interface SearchCriteria {
@@ -78,121 +105,243 @@ declare namespace massive {
         term: string;
     }
 
-    class Table extends Queryable {
-        /** Delete a record or records. */
-        destroy(criteria: object, options?: GenericQueryOptions): Promise<void>;
-
-        /** Attempts to assemble primary key criteria for a record object representing a row in this table. The criteria must include the full primary key, and must not invoke any operations. */
-        getPkCriteria(record: object): object;
-
-        /** Insert a record or records into the table. */
-        insert(data: object | any[], options?: GenericQueryOptions): Promise<any>;
-
-        /**
-         * Update a document, adding new information and changing existing information.
-         * This function can be used with any JSON field, not just document tables; however, only document tables can use criteria objects which directly reference document fields.
-         * If calling modify with a criteria object for a non-document table, the criteria will be tested against the entire row (as opposed to the document body as it is for document tables).
-         * To test elements of the JSON field in a non-document table with a criteria object, use a JSON path string.
-         */
-        modify(criteria: object | UUID, changes: object, field?: string): Promise<any>;
-
-        /**
-         * Performs an upsert.
-         * If the record does not include a value for the primary key column, it will be inserted and the persisted record (including primary key) returned;
-         * if it does, the row will be updated and the modified record returned.
-         */
-        save(record: object, options?: GenericQueryOptions): Promise<any>;
-
-        /**
-         * Save a document to the database. This function replaces the entire document body.
-         */
-        saveDoc(record: object): Promise<any>;
-
-        /**
-         * Update a record.
-         * May be invoked with a complete record (including primary key), or with a criteria object and a map of fields to new values.
-         * Multi-row updates are only possible through the latter usage.
-         */
-        update(criteria: object, fields: object, options?: GenericQueryOptions): void;
-    }
-
     interface EntitySpecification {
         /** A Database. */
-        db: object;
+        db: Database;
         /** The entity's name. */
         name: string;
         /** Path to the entity, if a file. */
         path: string;
         /** Entity's owning schema, if a database object. */
         schema: string;
+        /** Name of the loader that discovered the entity. */
+        loader: string;
     }
 
     class Entity {
         constructor(spec: EntitySpecification);
     }
 
-    class Queryable extends Entity {
-        constructor(spec: EntitySpecification);
+    interface ExecutableSpecification {
+        /** A Database. */
+        db: Database;
+        /** The table or view's name. */
+        name: string;
+        /** The name of the schema owning the table or */
+        schema: string;
+        /** A function invocation statement or a pg-promise QueryFile. */
+        sql: any;
+        /** Number of parameters the executable expects. */
+        paramCount: number;
+        /** Whether a database function accepts variable-length argument lists as the last parameter. */
+        isVariadic: boolean;
+        /** True to enable single row/value results processing. */
+        enhancedFunctions: boolean;
+        /** If true, return the first result row as an object (with enhancedFunctions). */
+        singleRow: boolean;
+        /** If true, return results as a primitive or primitives (with enhancedFunctions). */
+        singleValue: boolean;
+    }
 
-        /**
-         * Count rows matching criteria. There are two ways to use this method: 1. find() style: db.mytable.count({field: value}); 2. where() style: db.mytable.count("field=$1", [value]);
-         *
-         * @param conditions A criteria object or SQL predicate.
-         * @param params Prepared statement parameters for use with raw SQL predicates.
-         */
-        count(conditions: object | string, params?: any): Promise<number>;
+    class Executable {
+        constructor(spec: ExecutableSpecification);
 
-        /**
-         * Count documents matching criteria. Unlike count, this function only supports criteria objects.
-         */
+        /** Invoke the function or script. */
+        invoke(options?: ResultProcessingOptions): Promise<AnyObject | any[]>;
+    }
+
+    interface ReadableSpecification {
+        /** A Database. */
+        db: Database;
+        /** The table or view's name. */
+        name: string;
+        /** The name of the schema owning the table or view. */
+        schema: string;
+        /** Whether the object is a materialized view (default false). */
+        is_matview?: boolean;
+    }
+
+    class Readable extends Entity {
+        constructor(spec: ReadableSpecification);
+
+        /** Count rows matching criteria. */
+        count(conditions: AnyObject): Promise<number>;
+        count(conditions: string, params: any[]): Promise<number>;
+
+        /** Count documents matching criteria. Unlike count, this function only supports criteria objects. */
         countDoc(criteria: object): Promise<number>;
 
-        /**
-         * Find rows matching criteria.
-         *
-         * @param criteria A criteria object or primary key value.
-         */
-        find(criteria: object | UUID, options?: GenericQueryOptions): Promise<any>;
+        /** Find rows matching criteria. */
+        find(
+            criteria?: AnyObject | number | UUID,
+            options?: RetrievalOptions & ResultProcessingOptions
+        ): Promise<any>;
 
-        /**
-         * Find a document by searching in the body.
-         *
-         * @param criteria A criteria object or primary key value.
-         */
-        findDoc(criteria?: object | UUID, options?: GenericQueryOptions): Promise<any>;
+        /** Find a document by searching in the body. */
+        findDoc(
+            criteria?: AnyObject | number | UUID,
+            options?: RetrievalOptions
+        ): Promise<any>;
 
-        /**
-         * Return a single record.
-         *
-         * @param criteria A criteria object or primary key value.
-         */
-        findOne(criteria?: object | UUID, options?: GenericQueryOptions): Promise<any>;
+        /** Return a single record. */
+        findOne(
+            criteria: AnyObject | number | UUID,
+            options?: RetrievalOptions & ResultProcessingOptions
+        ): Promise<any>;
 
         /**
          * Determine whether criteria represent a search by primary key.
          * If a number or uuid are passed, it is assumed to be a primary key value; if an object, it must have only one key, which must specify the primary key column.
          */
-        isPkSearch(criteria?: object | string | number): boolean;
+        isPkSearch(criteria: AnyObject | UUID | number): boolean;
+
+        /** Refresh a materialized view. */
+        refresh(concurrently?: boolean): Promise<void>;
 
         /**
          * Perform a full-text search on queryable fields. If options.document is true, looks in the document body fields instead of the table columns.
          */
-        search(plan: SearchDefinition, options?: GenericQueryOptions): Promise<any>;
+        search(
+            plan: SearchDefinition,
+            options?: RetrievalOptions
+        ): Promise<any[]>;
 
         /** Shortcut to perform a full text search on a document table. */
-        searchDoc(plan: SearchDefinition, options?: GenericQueryOptions): Promise<any>;
+        searchDoc(
+            plan: Pick<SearchDefinition, "fields" | "term">,
+            options?: RetrievalOptions
+        ): Promise<any[]>;
 
         /** Run a query with a raw SQL predicate, eg: db.mytable.where('id=$1', [123]).then(...); */
-        where(conditions: string, params?: any, options?: GenericQueryOptions): Promise<any>;
+        where(
+            conditions: string,
+            params?: any[],
+            options?: RetrievalOptions & ResultProcessingOptions
+        ): Promise<any[]>;
+    }
+
+    interface WritableSpecification {
+        /** A Database. */
+        db: Database;
+        /** The table or view's name. */
+        name: string;
+        /** The name of the schema owning the table. */
+        schema: string;
+        /** The table's primary key. */
+        pk: string;
+    }
+
+    class Writable extends Readable {
+        /** A database table or other writable object */
+        constructor(spec: WritableSpecification);
+
+        /** Delete a record or records. */
+        destroy(
+            criteria: AnyObject,
+            options?: ResultProcessingOptions
+        ): Promise<any[]>;
+
+        /**
+         * Attempts to assemble primary key criteria for a record object representing a row in this table.
+         * The criteria must include the full primary key, and must not invoke any operations.
+         */
+        getPkCriteria(record: AnyObject): AnyObject;
+
+        /** Insert a record or records into the table. */
+        insert(
+            data: AnyObject,
+            options?: PersistenceInsertOptions & ResultProcessingOptions
+        ): Promise<AnyObject>;
+        insert(
+            data: AnyObject[],
+            options?: PersistenceInsertOptions & ResultProcessingOptions
+        ): Promise<AnyObject[]>;
+
+        /**
+         * Saves an object.
+         * If the object does not include a value for the table's primary key, this will emit an INSERT to create a new record.
+         * if it does contain the primary key it will emit an UPDATE for the existing record.
+         * Either way, the newest available version of the record will be returned.
+         * This is not a true Postgres upsert! If you need the behavior of ON CONFLICT DO UPDATE, you'll need to use db.query or create an SQL script file.
+         */
+        save(
+            record: AnyObject,
+            options?: PersistenceInsertOptions &
+                PersistenceUpdateDocOptions &
+                ResultProcessingOptions
+        ): Promise<AnyObject>;
+
+        /** Save a document to the database. This function will create or replace the entire document body. */
+        saveDoc(doc: AnyObject): Promise<AnyObject>;
+
+        /** Update a record. */
+        update(
+            criteria: UUID | number,
+            changes: AnyObject,
+            options?: PersistenceUpdateDocOptions & ResultProcessingOptions
+        ): Promise<AnyObject>;
+        update(
+            criteria: AnyObject,
+            changes: AnyObject,
+            options?: PersistenceUpdateDocOptions & ResultProcessingOptions
+        ): Promise<AnyObject[]>;
+
+        /**
+         * Update a document, adding new information and changing existing information.
+         * This function can be used with any JSON field, not just document tables; however, only document tables can use criteria objects which directly reference document fields.
+         * If calling updateDoc with a criteria object for a non-document table, the criteria will be tested against the entire row (as opposed to the document body as it is for document tables).
+         * To test elements of the JSON field in a non-document table with a criteria object, use a JSON path string.
+         */
+        updateDoc(
+            criteria: UUID | number | AnyObject,
+            changes: AnyObject,
+            options?: PersistenceUpdateDocOptions & ResultProcessingOptions
+        ): Promise<AnyObject>;
+    }
+
+    class Sequence {
+        /** A database sequence. */
+        constructor(db: Database, name: string, schema: string);
+
+        /**
+         * Get the last value the sequence returned.
+         * The return value will be a stringified number.
+         */
+        lastValue(): Promise<string>;
+
+        /**
+         * Increment the sequence counter and return the next value.
+         * The return value will be a stringified number.
+         */
+        nextValue(): Promise<string>;
+
+        /** Reset the sequence. */
+        reset(initialValue: number): Promise<void>;
+    }
+
+    class SingleValueStream {
+        /** A stream which processes single-key results objects into their values for convenience on the client side. */
+        constructor(options: AnyObject);
+
+        /** Converts a single-key object into its value. */
+        singleValue(obj: AnyObject): any;
+
+        /** Implement the Transform stream that invokes singleValue on everything which passes through it. */
+        private _transform(
+            obj: AnyObject,
+            encoding: string,
+            cb: (err?: Error) => void
+        ): void;
     }
 
     /** Represents a SELECT query. */
     class Select {
-        /**
-         * @param source Database object to query.
-         * @param criteria A criteria object, prebuilt predicate, or primitive pk value.
-         */
-        constructor(source: Queryable, criteria: object | UUID, options?: GenericQueryOptions);
+        /** Represents an SELECT query. */
+        constructor(
+            source: Readable,
+            criteria: AnyObject | UUID,
+            options?: RetrievalOptions & ResultProcessingOptions
+        );
 
         /** Format this object into a SQL SELECT. */
         format(): string;
@@ -200,11 +349,12 @@ declare namespace massive {
 
     /** Represents a INSERT query. */
     class Insert {
-        /**
-         * @param source Database object to query.
-         * @param record A map of field names to values to be inserted, or an array of same.
-         */
-        constructor(source: Queryable, record: object | any[], options?: GenericQueryOptions);
+        /** Represents an INSERT query. */
+        constructor(
+            source: Readable,
+            record: AnyObject | any[],
+            options?: ResultProcessingOptions & PersistenceInsertOptions
+        );
 
         /** Format this object into a SQL SELECT. */
         format(): string;
@@ -212,12 +362,13 @@ declare namespace massive {
 
     /** Represents a UPDATE query. */
     class Update {
-        /**
-         * @param source Database object to query.
-         * @param changes A map of field names to new values.
-         * @param criteria A criteria object.
-         */
-        constructor(source: Queryable, changes: object, criteria: object, options?: GenericQueryOptions);
+        /** Represents an UPDATE query. */
+        constructor(
+            source: Readable,
+            changes: AnyObject,
+            criteria: AnyObject,
+            options?: ResultProcessingOptions & PersistenceUpdateDocOptions
+        );
 
         /** Format this object into a SQL SELECT. */
         format(): string;
@@ -225,11 +376,12 @@ declare namespace massive {
 
     /** Represents a UPDATE query. */
     class Delete {
-        /**
-         * @param source Database object to query.
-         * @param criteria A criteria object.
-         */
-        constructor(source: Queryable, criteria?: object, options?: GenericQueryOptions);
+        /** Represents a DELETE query. */
+        constructor(
+            source: Readable,
+            criteria?: AnyObject | UUID | number,
+            options?: ResultProcessingOptions & InheritanceOptions
+        );
 
         /** Format this object into a SQL SELECT. */
         format(): string;
@@ -239,23 +391,36 @@ declare namespace massive {
         /**
          * @param connection A connection object or connection string
          */
-        constructor(connection: object | string, loader?: Loader, driverConfig?: object);
+        constructor(
+            connection: object | string,
+            loader?: Loader,
+            driverConfig?: object
+        );
 
         /** Attach an entity to the connected instance. */
-        attach(ctor: any, ...sources: any[]): Promise<any[]>;
+        attach(entities: AnyObject | any[]): Promise<any[]>;
 
         /** Remove all attached entities from the instance, returning it to the pre- introspection state. */
         clean(): void;
 
+        /** Clones the database handle for a task or transaction, replacing the internal instance with a dedicated connection. */
+        clone(conn: ConnectionInfo): Database;
+
         /** Create a new document table and attach it to the Database for usage. */
         createDocumentTable(location: string): Promise<void>;
 
+        /**  Create an extension. */
+        createExtension(extensionName: string): Promise<void>;
+
         /** Create a new schema in the database. */
         createSchema(schemaName: string): Promise<void>;
 
         /** Forget an entity. */
         detach(entityPath: string): void;
 
+        /** Drop an extension. */
+        dropExtension(extensionName: string): Promise<void>;
+
         /** Drop a schema and remove it and its owned objects from the Database. */
         dropSchema(schemaName: string, options?: DropOptions): Promise<void>;
 
@@ -265,6 +430,9 @@ declare namespace massive {
         /** List all the functions and scripts attached to the connected instance. */
         listFunctions(): Promise<any[]>;
 
+        /** List all the non-pk sequences attached to the connected instance. */
+        listSequences(): Promise<any[]>;
+
         /** List all the tables attached to the connected instance. */
         listTables(): Promise<any[]>;
 
@@ -272,22 +440,33 @@ declare namespace massive {
         listViews(): Promise<any[]>;
 
         /** Execute a query. */
-        query(query: Select | Insert | Update | Delete | string, params?: any, options?: QueryOptions): Promise<any>;
+        query(
+            query: Select | Insert | Update | Delete | string,
+            params?: string[],
+            options?: ResultProcessingOptions
+        ): Promise<any>;
 
         /**
          * Synchronize the database API with the current state by scanning for tables, views, functions, and scripts.
          * Objects and files which no longer exist are cleared and new objects and files added.
          */
-        reload(): void;
+        reload(): Promise<Database>;
 
-        /**
-         * Save a document.
-         *
-         * @param collection Document table name to save to. If it does not already exist, it will be created.
-         * @param doc A JSON document.
-         */
-        saveDoc(collection: string, doc: object): Promise<any>;
+        /** Save a document. */
+        saveDoc(collection: string, doc: AnyObject): Promise<any>;
 
-        [tableName: string]: Table | any;
+        /** Begin a task, returning a copy of the connected instance which will route all queries made in the callback through the task scope. */
+        withConnection(
+            cb: (withTask: any) => any,
+            options?: AnyObject
+        ): Promise<any>;
+
+        /** Begin a transaction, returning a copy of the connected instance which will route all queries made in the callback through the transaction scope. */
+        withTransaction(
+            cb: (withTx: any) => any,
+            options?: AnyObject
+        ): Promise<any>;
+
+        [tableName: string]: Writable | any;
     }
 }
diff --git a/types/massive/tsconfig.json b/types/massive/tsconfig.json
index 916b3e2b47..bc3c2a9062 100644
--- a/types/massive/tsconfig.json
+++ b/types/massive/tsconfig.json
@@ -1,23 +1,16 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es2015"
-        ],
+        "lib": ["es2015"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
-        "typeRoots": [
-            "../"
-        ],
+        "typeRoots": ["../"],
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
-    "files": [
-        "index.d.ts",
-        "massive-tests.ts"
-    ]
-}
\ No newline at end of file
+    "files": ["index.d.ts", "massive-tests.ts"]
+}
diff --git a/types/massive/v4/index.d.ts b/types/massive/v4/index.d.ts
new file mode 100644
index 0000000000..e11c5e0ed2
--- /dev/null
+++ b/types/massive/v4/index.d.ts
@@ -0,0 +1,293 @@
+// Type definitions for massive 4.6
+// Project: https://github.com/dmfay/massive-js.git
+// Definitions by: Pascal Birchler <https://github.com/swissspidy>
+//                 Clarence Ho <https://github.com/clarenceh>
+//                 Felix Faust <https://github.com/AmazingTurtle>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="node" />
+
+export = massive;
+
+declare function massive(connection: massive.ConnectionInfo | string,
+                         loaderConfig?: massive.Loader,
+                         driverConfig?: object): Promise<massive.Database>;
+
+declare namespace massive {
+    type UUID = number | string;
+
+    interface Loader {
+        blacklist?: string | string[];
+        whitelist?: string | string[];
+        functionBlacklist?: string | string[];
+        functionWhitelist?: string | string[];
+        allowedSchemas?: string | string[];
+        exceptions?: string | string[];
+        scripts?: string;
+    }
+
+    interface DropOptions {
+        cascade?: boolean;
+    }
+
+    interface ConnectionInfo {
+        user?: string;
+        database?: string;
+        password?: string | null;
+        port?: number;
+        host?: string;
+        ssl?: boolean;
+        application_name?: string;
+        fallback_application_name?: boolean;
+    }
+
+    /** Bundled insert, select, update and delete query options.. Shame on me */
+    interface GenericQueryOptions {
+        columns?: string[];
+        limit?: number;
+        offset?: number;
+        only?: boolean;
+        order?: string[];
+        orderBody?: boolean;
+        build?: boolean;
+        document?: boolean;
+        single?: boolean;
+        stream?: boolean;
+    }
+
+    interface SearchDefinition {
+        /** List of the fields to search. */
+        fields: string[];
+
+        /** Search term. */
+        term: string;
+    }
+
+    interface QueryOptions {
+        /** This is a query against a document table. */
+        document?: boolean;
+        /** True to return a single result object instead of an array of results. */
+        single?: boolean;
+        /** True to return a stream instead of a resultset. */
+        stream?: boolean;
+    }
+
+    interface SearchCriteria {
+        fields: string[];
+        term: string;
+    }
+
+    class Table extends Queryable {
+        /** Delete a record or records. */
+        destroy(criteria: object, options?: GenericQueryOptions): Promise<void>;
+
+        /** Attempts to assemble primary key criteria for a record object representing a row in this table. The criteria must include the full primary key, and must not invoke any operations. */
+        getPkCriteria(record: object): object;
+
+        /** Insert a record or records into the table. */
+        insert(data: object | any[], options?: GenericQueryOptions): Promise<any>;
+
+        /**
+         * Update a document, adding new information and changing existing information.
+         * This function can be used with any JSON field, not just document tables; however, only document tables can use criteria objects which directly reference document fields.
+         * If calling modify with a criteria object for a non-document table, the criteria will be tested against the entire row (as opposed to the document body as it is for document tables).
+         * To test elements of the JSON field in a non-document table with a criteria object, use a JSON path string.
+         */
+        modify(criteria: object | UUID, changes: object, field?: string): Promise<any>;
+
+        /**
+         * Performs an upsert.
+         * If the record does not include a value for the primary key column, it will be inserted and the persisted record (including primary key) returned;
+         * if it does, the row will be updated and the modified record returned.
+         */
+        save(record: object, options?: GenericQueryOptions): Promise<any>;
+
+        /**
+         * Save a document to the database. This function replaces the entire document body.
+         */
+        saveDoc(record: object): Promise<any>;
+
+        /**
+         * Update a record.
+         * May be invoked with a complete record (including primary key), or with a criteria object and a map of fields to new values.
+         * Multi-row updates are only possible through the latter usage.
+         */
+        update(criteria: object, fields: object, options?: GenericQueryOptions): void;
+    }
+
+    interface EntitySpecification {
+        /** A Database. */
+        db: object;
+        /** The entity's name. */
+        name: string;
+        /** Path to the entity, if a file. */
+        path: string;
+        /** Entity's owning schema, if a database object. */
+        schema: string;
+    }
+
+    class Entity {
+        constructor(spec: EntitySpecification);
+    }
+
+    class Queryable extends Entity {
+        constructor(spec: EntitySpecification);
+
+        /**
+         * Count rows matching criteria. There are two ways to use this method: 1. find() style: db.mytable.count({field: value}); 2. where() style: db.mytable.count("field=$1", [value]);
+         *
+         * @param conditions A criteria object or SQL predicate.
+         * @param params Prepared statement parameters for use with raw SQL predicates.
+         */
+        count(conditions: object | string, params?: any): Promise<number>;
+
+        /**
+         * Count documents matching criteria. Unlike count, this function only supports criteria objects.
+         */
+        countDoc(criteria: object): Promise<number>;
+
+        /**
+         * Find rows matching criteria.
+         *
+         * @param criteria A criteria object or primary key value.
+         */
+        find(criteria: object | UUID, options?: GenericQueryOptions): Promise<any>;
+
+        /**
+         * Find a document by searching in the body.
+         *
+         * @param criteria A criteria object or primary key value.
+         */
+        findDoc(criteria?: object | UUID, options?: GenericQueryOptions): Promise<any>;
+
+        /**
+         * Return a single record.
+         *
+         * @param criteria A criteria object or primary key value.
+         */
+        findOne(criteria?: object | UUID, options?: GenericQueryOptions): Promise<any>;
+
+        /**
+         * Determine whether criteria represent a search by primary key.
+         * If a number or uuid are passed, it is assumed to be a primary key value; if an object, it must have only one key, which must specify the primary key column.
+         */
+        isPkSearch(criteria?: object | string | number): boolean;
+
+        /**
+         * Perform a full-text search on queryable fields. If options.document is true, looks in the document body fields instead of the table columns.
+         */
+        search(plan: SearchDefinition, options?: GenericQueryOptions): Promise<any>;
+
+        /** Shortcut to perform a full text search on a document table. */
+        searchDoc(plan: SearchDefinition, options?: GenericQueryOptions): Promise<any>;
+
+        /** Run a query with a raw SQL predicate, eg: db.mytable.where('id=$1', [123]).then(...); */
+        where(conditions: string, params?: any, options?: GenericQueryOptions): Promise<any>;
+    }
+
+    /** Represents a SELECT query. */
+    class Select {
+        /**
+         * @param source Database object to query.
+         * @param criteria A criteria object, prebuilt predicate, or primitive pk value.
+         */
+        constructor(source: Queryable, criteria: object | UUID, options?: GenericQueryOptions);
+
+        /** Format this object into a SQL SELECT. */
+        format(): string;
+    }
+
+    /** Represents a INSERT query. */
+    class Insert {
+        /**
+         * @param source Database object to query.
+         * @param record A map of field names to values to be inserted, or an array of same.
+         */
+        constructor(source: Queryable, record: object | any[], options?: GenericQueryOptions);
+
+        /** Format this object into a SQL SELECT. */
+        format(): string;
+    }
+
+    /** Represents a UPDATE query. */
+    class Update {
+        /**
+         * @param source Database object to query.
+         * @param changes A map of field names to new values.
+         * @param criteria A criteria object.
+         */
+        constructor(source: Queryable, changes: object, criteria: object, options?: GenericQueryOptions);
+
+        /** Format this object into a SQL SELECT. */
+        format(): string;
+    }
+
+    /** Represents a UPDATE query. */
+    class Delete {
+        /**
+         * @param source Database object to query.
+         * @param criteria A criteria object.
+         */
+        constructor(source: Queryable, criteria?: object, options?: GenericQueryOptions);
+
+        /** Format this object into a SQL SELECT. */
+        format(): string;
+    }
+
+    class Database {
+        /**
+         * @param connection A connection object or connection string
+         */
+        constructor(connection: object | string, loader?: Loader, driverConfig?: object);
+
+        /** Attach an entity to the connected instance. */
+        attach(ctor: any, ...sources: any[]): Promise<any[]>;
+
+        /** Remove all attached entities from the instance, returning it to the pre- introspection state. */
+        clean(): void;
+
+        /** Create a new document table and attach it to the Database for usage. */
+        createDocumentTable(location: string): Promise<void>;
+
+        /** Create a new schema in the database. */
+        createSchema(schemaName: string): Promise<void>;
+
+        /** Forget an entity. */
+        detach(entityPath: string): void;
+
+        /** Drop a schema and remove it and its owned objects from the Database. */
+        dropSchema(schemaName: string, options?: DropOptions): Promise<void>;
+
+        /** Drop a table and remove it from the Database. */
+        dropTable(tablePath: string, options?: DropOptions): Promise<void>;
+
+        /** List all the functions and scripts attached to the connected instance. */
+        listFunctions(): Promise<any[]>;
+
+        /** List all the tables attached to the connected instance. */
+        listTables(): Promise<any[]>;
+
+        /** List all the views attached to the connected instance. */
+        listViews(): Promise<any[]>;
+
+        /** Execute a query. */
+        query(query: Select | Insert | Update | Delete | string, params?: any, options?: QueryOptions): Promise<any>;
+
+        /**
+         * Synchronize the database API with the current state by scanning for tables, views, functions, and scripts.
+         * Objects and files which no longer exist are cleared and new objects and files added.
+         */
+        reload(): void;
+
+        /**
+         * Save a document.
+         *
+         * @param collection Document table name to save to. If it does not already exist, it will be created.
+         * @param doc A JSON document.
+         */
+        saveDoc(collection: string, doc: object): Promise<any>;
+
+        [tableName: string]: Table | any;
+    }
+}
diff --git a/types/massive/v4/massive-tests.ts b/types/massive/v4/massive-tests.ts
new file mode 100644
index 0000000000..c201541a12
--- /dev/null
+++ b/types/massive/v4/massive-tests.ts
@@ -0,0 +1,10 @@
+import massive = require('massive');
+
+let dbconn: massive.Database;
+
+massive('postgres://app:password@localhost:5432/app').then(db => {
+    console.log(`DB connected successfully`);
+    dbconn = db;
+}).catch(err => {
+    console.error(`Error connecting DB`);
+});
diff --git a/types/massive/v4/tsconfig.json b/types/massive/v4/tsconfig.json
new file mode 100644
index 0000000000..212f662ac1
--- /dev/null
+++ b/types/massive/v4/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es2015"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": ["../../"],
+        "paths": {
+            "massive": ["massive/v4"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "massive-tests.ts"]
+}
diff --git a/types/massive/v4/tslint.json b/types/massive/v4/tslint.json
new file mode 100644
index 0000000000..75a24b3163
--- /dev/null
+++ b/types/massive/v4/tslint.json
@@ -0,0 +1,8 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // TODOs
+        "no-any-union": false,
+        "no-unnecessary-class": false
+    }
+}
diff --git a/types/materialize-css/carousel.d.ts b/types/materialize-css/carousel.d.ts
index fd660694d1..6c762ec830 100644
--- a/types/materialize-css/carousel.d.ts
+++ b/types/materialize-css/carousel.d.ts
@@ -110,8 +110,6 @@ declare namespace M {
 
 interface JQuery {
     carousel(method: keyof Pick<M.Carousel, "destroy">): JQuery;
-    carousel(method: keyof Pick<M.Carousel, "next">, n?: number): JQuery;
-    carousel(method: keyof Pick<M.Carousel, "prev">, n?: number): JQuery;
-    carousel(method: keyof Pick<M.Carousel, "set">, n?: number): JQuery;
+    carousel(method: keyof Pick<M.Carousel, "next"> | keyof Pick<M.Carousel, "prev"> | keyof Pick<M.Carousel, "set">, n?: number): JQuery;
     carousel(options?: Partial<M.CarouselOptions>): JQuery;
 }
diff --git a/types/materialize-css/character-counter.d.ts b/types/materialize-css/character-counter.d.ts
index 4d34ac170e..7634075a9b 100644
--- a/types/materialize-css/character-counter.d.ts
+++ b/types/materialize-css/character-counter.d.ts
@@ -20,6 +20,5 @@ declare namespace M {
 }
 
 interface JQuery {
-    characterCounter(method: keyof Pick<M.CharacterCounter, "destroy">): JQuery;
-    characterCounter(): JQuery;
+    characterCounter(method?: keyof Pick<M.CharacterCounter, "destroy">): JQuery;
 }
diff --git a/types/materialize-css/collapsible.d.ts b/types/materialize-css/collapsible.d.ts
index 649a59e9bb..d69e958730 100644
--- a/types/materialize-css/collapsible.d.ts
+++ b/types/materialize-css/collapsible.d.ts
@@ -77,7 +77,6 @@ declare namespace M {
 
 interface JQuery {
     collapsible(method: keyof Pick<M.Collapsible, "destroy">): JQuery;
-    collapsible(method: keyof Pick<M.Collapsible, "open">, n: number): JQuery;
-    collapsible(method: keyof Pick<M.Collapsible, "close">, n: number): JQuery;
+    collapsible(method: keyof Pick<M.Collapsible, "open"> | keyof Pick<M.Collapsible, "close">, n: number): JQuery;
     collapsible(options?: Partial<M.CollapsibleOptions>): JQuery;
 }
diff --git a/types/materialize-css/range.d.ts b/types/materialize-css/range.d.ts
index dac7a7edf2..a1de53baa9 100644
--- a/types/materialize-css/range.d.ts
+++ b/types/materialize-css/range.d.ts
@@ -20,6 +20,5 @@ declare namespace M {
 }
 
 interface JQuery {
-    range(): JQuery;
-    range(method: keyof Pick<M.Range, "destroy">): JQuery;
+    range(method?: keyof Pick<M.Range, "destroy">): JQuery;
 }
diff --git a/types/mathjax/index.d.ts b/types/mathjax/index.d.ts
index aaf4a6109c..9e3c94f418 100644
--- a/types/mathjax/index.d.ts
+++ b/types/mathjax/index.d.ts
@@ -193,6 +193,10 @@ declare namespace MathJax {
         * below. The options and their default values are given in the Core Options reference page.
         */
         config?: Config;
+        /*The pause (in milliseconds) between input and output phases of MathJax’s processing. Set this to 0 to avoid
+        * jitter when updating output frequently (e.g., in a live preview environment).
+        */
+        processSectionDelay?: number;
         /*The minimum time (in milliseconds) between updates of the “Processing Math” message. After this amount of time
         * has passed, and after the next equation has finished being processed, MathJax will stop processing momentarily
         * so that the update message can be displayed, and so that the browser can handle user interaction.
diff --git a/types/mathjax/mathjax-tests.ts b/types/mathjax/mathjax-tests.ts
index 755e3bc4bd..d044fafaec 100644
--- a/types/mathjax/mathjax-tests.ts
+++ b/types/mathjax/mathjax-tests.ts
@@ -65,3 +65,5 @@ MathJax.Hub.Config({
         useGlobalCache: true
     }
 })
+
+MathJax.Hub.processSectionDelay = 5;
diff --git a/types/mathjs/index.d.ts b/types/mathjs/index.d.ts
index 71f89b3e1a..6cb49323fa 100644
--- a/types/mathjs/index.d.ts
+++ b/types/mathjs/index.d.ts
@@ -1345,7 +1345,7 @@ declare namespace math {
          * the Matrix/array being traversed.
          * @returns Transformed map of x
          */
-        map(x: Matrix | MathArray, callback: ((value: any, index: any, matrix: Matrix | MathArray) => Matrix | MathArray)): Matrix | MathArray;
+        map(x: Matrix | MathArray, callback: ((value: any, index: any, matrix: Matrix | MathArray) => MathType | string)): Matrix | MathArray;
 
         /**
          * Create a matrix filled with ones. The created matrix can have one or
@@ -2876,6 +2876,7 @@ declare namespace math {
     interface Parser {
         eval(expr: string): any;
         get(variable: string): any;
+        getAll(): { [key: string]: any; };
         set: (variable: string, value: any) => void;
         clear: () => void;
     }
diff --git a/types/mathjs/mathjs-tests.ts b/types/mathjs/mathjs-tests.ts
index 7c3dfaec35..babfa3ff37 100644
--- a/types/mathjs/mathjs-tests.ts
+++ b/types/mathjs/mathjs-tests.ts
@@ -179,6 +179,7 @@ Expressions examples
 
 		const x = parser.get('x');
 		const f = parser.get('f');
+		const y = parser.getAll();
 		const g = f(3, 3);
 
 		parser.set('h', 500);
@@ -270,6 +271,13 @@ Matrices examples
 		math.range('2:-1:-3');
 		math.factorial(math.range('1:6'));
 	}
+
+	// map matrix
+	{
+  	math.map([1, 2, 3], function(value) {
+      return value * value;
+	  });  // returns [1, 4, 9]
+	}
 }
 
 /*
diff --git a/types/matter-js/index.d.ts b/types/matter-js/index.d.ts
index 4275785191..04ed8bd898 100644
--- a/types/matter-js/index.d.ts
+++ b/types/matter-js/index.d.ts
@@ -882,6 +882,14 @@ declare namespace Matter {
         * @default false
         */
         isStatic: boolean;
+        /**
+         * A flag that indicates whether a body is a sensor. Sensor triggers collision events, but doesn't react with colliding body physically.
+         *
+        * @property isSensor
+        * @type boolean
+        * @default false
+        */
+        isSensor: boolean;
         /**
          * An arbitrary `String` name to help the user identify and manage bodies.
          *
diff --git a/types/maxmind/index.d.ts b/types/maxmind/index.d.ts
deleted file mode 100644
index dd0a8ee63d..0000000000
--- a/types/maxmind/index.d.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-// Type definitions for maxmind v2.0
-// Project: https://github.com/runk/node-maxmind
-// Definitions by: Joshua DeVinney <https://github.com/geoffreak>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-export declare function open(database: string, cb: (err: Error, reader: Reader) => void): void;
-export declare function open(database: string, opts: Options, cb: (err: Error, reader: Reader) => void): void;
-export declare function openSync(database: string, opts?: Options): Reader;
-export declare function validate(ip: string): boolean;
-
-export declare interface Reader {
-    get(ip: string): Response | null;
-    readonly metadata: Metadata;
-}
-
-export declare interface Options {
-    cache?: {
-        max?: number;
-        maxAge?: number;
-    };
-    watchForUpdates?: boolean;
-    watchForUpdatesNonPersistent?: boolean;
-    watchForUpdatesHook?: () => void;
-}
-
-export declare interface Metadata {
-    readonly binaryFormatMajorVersion: number;
-    readonly binaryFormatMinorVersion: number;
-    readonly buildEpoch: Date;
-    readonly databaseType: string;
-    readonly languages: string[];
-    readonly description: Translations;
-    readonly ipVersion: number;
-    readonly nodeCount: number;
-    readonly recordSize: number;
-    readonly nodeByteSize: number;
-    readonly searchTreeSize: number;
-    readonly treeDepth: number;
-}
-
-export declare interface Response {
-    readonly continent?: {
-        readonly geoname_id: number;
-        readonly names: Translations;
-        readonly code: string;
-    };
-    readonly country?: {
-        readonly geoname_id: number;
-        readonly names: Translations;
-        readonly iso_code: string;
-    };
-    readonly registered_country?: {
-        readonly geoname_id: number;
-        readonly names: Translations;
-        readonly iso_code: string;
-    };
-    readonly location?: {
-        readonly accuracy_radius: number;
-        readonly latitude: number;
-        readonly longitude: number;
-        readonly metro_code?: number;
-        readonly time_zone?: string;
-    };
-    readonly subdivisions?: {
-        readonly geoname_id: number;
-        readonly names: Translations;
-        readonly iso_code: string;
-    }[];
-    readonly city?: {
-        readonly geoname_id: number;
-        readonly names: Translations;
-    };
-    readonly postal?: { code: string };
-    readonly isp?: {
-        readonly isp: string;
-        readonly autonomous_system_number: number;
-    };
-    readonly connection?: { connection_type: string };
-}
-
-export declare interface Translations {
-    readonly [index: string]: string;
-}
diff --git a/types/maxmind/maxmind-tests.ts b/types/maxmind/maxmind-tests.ts
deleted file mode 100644
index 943cd9a5d1..0000000000
--- a/types/maxmind/maxmind-tests.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import * as maxmind from 'maxmind';
-
-// Examples from https://github.com/runk/node-maxmind/blob/master/README.md
-
-// Example 1
-var cityLookup = maxmind.openSync('/path/to/GeoLite2-City.mmdb');
-var city = cityLookup.get('66.6.44.4');
-
-var orgLookup = maxmind.openSync('/path/to/GeoOrg.mmdb');
-var organization = orgLookup.get('66.6.44.4');
-
-// Example 2
-var lookup = maxmind.openSync('/path/to/GeoLite2.mmdb');
-var location = lookup.get('2001:4860:0:1001::3004:ef68');
-
-// Example 3
-var lookup = maxmind.openSync('/path/to/GeoLite2.mmdb', {
-  cache: {
-    max: 1000, // max items in cache
-    maxAge: 1000 * 60 * 60 // life time in milliseconds
-  }
-})
-lookup.get('1.1.1.1');
-
-// Example 4
-maxmind.validate('66.6.44.4'); // returns true
-maxmind.validate('66.6.44.boom!'); // returns false
-
-maxmind.validate('2001:4860:0:1001::3004:ef68'); // returns true
-maxmind.validate('2001:4860:0:1001::3004:boom!'); // returns false
diff --git a/types/md5-file/index.d.ts b/types/md5-file/index.d.ts
new file mode 100644
index 0000000000..1af46bb4a8
--- /dev/null
+++ b/types/md5-file/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for md5-file 4.0
+// Project: https://github.com/roryrjb/md5-file#readme
+// Definitions by: BamButz <https://github.com/BamButz>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare var module: {
+	(filename: string, cb: (err: Error, hash: string) => void): void;
+	sync: (filename: string) => string;
+};
+
+export = module;
diff --git a/types/md5-file/md5-file-tests.ts b/types/md5-file/md5-file-tests.ts
new file mode 100644
index 0000000000..1c4bea62eb
--- /dev/null
+++ b/types/md5-file/md5-file-tests.ts
@@ -0,0 +1,9 @@
+import * as md5 from "md5-file";
+
+// $ExpectType void
+md5("test.txt", (err, hash) => {
+	return;
+});
+
+// $ExpectType string
+md5.sync("text.txt");
diff --git a/types/md5-file/tsconfig.json b/types/md5-file/tsconfig.json
new file mode 100644
index 0000000000..71029d70f4
--- /dev/null
+++ b/types/md5-file/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "md5-file-tests.ts"
+    ]
+}
diff --git a/types/md5-file/tslint.json b/types/md5-file/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/md5-file/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mdast/index.d.ts b/types/mdast/index.d.ts
new file mode 100644
index 0000000000..d7761bd38f
--- /dev/null
+++ b/types/mdast/index.d.ts
@@ -0,0 +1,217 @@
+// Type definitions for Mdast 3.0
+// Project: https://github.com/syntax-tree/mdast
+// Definitions by: Jun Lu <https://github.com/lujun2>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import { Parent as UnistParent, Literal as UnistLiteral, Node } from 'unist';
+
+export type AlignType = 'left' | 'right' | 'center' | null;
+
+export type ReferenceType = 'shortcut' | 'collapsed' | 'full';
+
+export type Content =
+    | TopLevelContent
+    | ListContent
+    | TableContent
+    | RowContent
+    | PhrasingContent;
+
+export type TopLevelContent =
+    | BlockContent
+    | FrontmatterContent
+    | DefinitionContent;
+
+export type BlockContent =
+    | Paragraph
+    | Heading
+    | ThematicBreak
+    | Blockquote
+    | List
+    | Table
+    | HTML
+    | Code;
+
+export type FrontmatterContent = YAML;
+
+export type DefinitionContent = Definition | FootnoteDefinition;
+
+export type ListContent = ListItem;
+
+export type TableContent = TableRow;
+
+export type RowContent = TableCell;
+
+export type PhrasingContent = StaticPhrasingContent | Link | LinkReference;
+
+export type StaticPhrasingContent =
+    | Text
+    | Emphasis
+    | Strong
+    | Delete
+    | HTML
+    | InlineCode
+    | Break
+    | Image
+    | ImageReference
+    | Footnote
+    | FootnoteReference;
+
+export interface Parent extends UnistParent {
+    children: Content[];
+}
+
+export interface Literal extends UnistLiteral {
+    value: string;
+}
+
+export interface Root extends Parent {
+    type: 'root';
+}
+
+export interface Paragraph extends Parent {
+    type: 'paragraph';
+    children: PhrasingContent[];
+}
+
+export interface Heading extends Parent {
+    type: 'heading';
+    depth: 1 | 2 | 3 | 4 | 5 | 6;
+    children: PhrasingContent[];
+}
+
+export interface ThematicBreak extends Node {
+    type: 'thematicBreak';
+}
+
+export interface Blockquote extends Parent {
+    type: 'blockquote';
+    children: BlockContent[];
+}
+
+export interface List extends Parent {
+    type: 'list';
+    ordered?: boolean;
+    start?: number;
+    spread?: boolean;
+    children: ListContent[];
+}
+
+export interface ListItem extends Parent {
+    type: 'listItem';
+    checked?: boolean;
+    spread?: boolean;
+    children: BlockContent[];
+}
+
+export interface Table extends Parent {
+    type: 'table';
+    align?: AlignType[];
+    children: TableContent[];
+}
+
+export interface TableRow extends Parent {
+    type: 'tableRow';
+    children: RowContent[];
+}
+
+export interface TableCell extends Parent {
+    type: 'tableCell';
+    children: PhrasingContent[];
+}
+
+export interface HTML extends Literal {
+    type: 'html';
+}
+
+export interface Code extends Literal {
+    type: 'code';
+    lang?: string;
+    meta?: string;
+}
+
+export interface YAML extends Literal {
+    type: 'yaml';
+}
+
+export interface Definition extends Node, Association, Resource {
+    type: 'definition';
+}
+
+export interface FootnoteDefinition extends Parent, Association {
+    type: 'footnoteDefinition';
+    children: BlockContent[];
+}
+
+export interface Text extends Literal {
+    type: 'text';
+}
+
+export interface Emphasis extends Parent {
+    type: 'emphasis';
+    children: PhrasingContent[];
+}
+
+export interface Strong extends Parent {
+    type: 'strong';
+    children: PhrasingContent[];
+}
+
+export interface Delete extends Parent {
+    type: 'delete';
+    children: PhrasingContent[];
+}
+
+export interface InlineCode extends Literal {
+    type: 'inlineCode';
+}
+
+export interface Break extends Node {
+    type: 'break';
+}
+
+export interface Link extends Parent, Resource {
+    type: 'link';
+    children: StaticPhrasingContent[];
+}
+
+export interface Image extends Node, Resource, Alternative {
+    type: 'image';
+}
+
+export interface LinkReference extends Parent, Reference {
+    type: 'linkReference';
+    children: StaticPhrasingContent[];
+}
+
+export interface ImageReference extends Node, Reference, Alternative {
+    type: 'imageReference';
+}
+
+export interface Footnote extends Parent {
+    type: 'footnote';
+    children: PhrasingContent[];
+}
+
+export interface FootnoteReference extends Node, Association {
+    type: 'footnoteReference';
+}
+
+// Mixin
+export interface Resource {
+    url: string;
+    title?: string;
+}
+
+export interface Association {
+    identifier: string;
+    label?: string;
+}
+
+export interface Reference {
+    referenceType: ReferenceType;
+}
+
+export interface Alternative {
+    alt?: string;
+}
diff --git a/types/mdast/mdast-tests.ts b/types/mdast/mdast-tests.ts
new file mode 100644
index 0000000000..b584f498a6
--- /dev/null
+++ b/types/mdast/mdast-tests.ts
@@ -0,0 +1,66 @@
+import * as Mdast from 'mdast';
+
+const text: Mdast.Text = {
+    type: 'text',
+    value: 'text'
+};
+
+const cell: Mdast.TableCell = {
+    type: 'tableCell',
+    children: [text]
+};
+
+const row: Mdast.TableRow = {
+    type: 'tableRow',
+    children: [cell]
+};
+
+const table: Mdast.Table = {
+    type: 'table',
+    align: ['left', 'center', 'right'],
+    children: [row]
+};
+
+const header: Mdast.Heading = {
+    type: 'heading',
+    depth: 1,
+    children: [text]
+};
+
+const code: Mdast.Code = {
+    type: 'code',
+    lang: 'javascript',
+    value: 'let n = 42;'
+};
+
+const paragraph: Mdast.Paragraph = {
+    type: 'paragraph',
+    children: [text]
+};
+
+const item: Mdast.ListItem = {
+    type: 'listItem',
+    children: [paragraph]
+};
+
+const list: Mdast.List = {
+    type: 'list',
+    children: [item]
+};
+
+const footNote: Mdast.FootnoteReference = {
+    type: 'footnoteReference',
+    identifier: 'ref1',
+    label: 'Referfence 1'
+};
+
+const image: Mdast.Image = {
+    type: 'image',
+    url: 'https://github.com/syntax-tree/mdast',
+    alt: 'image alternative'
+};
+
+const root: Mdast.Root = {
+    type: 'root',
+    children: [header, table, code, image]
+};
diff --git a/types/mdast/tsconfig.json b/types/mdast/tsconfig.json
new file mode 100644
index 0000000000..2df6fdcfd0
--- /dev/null
+++ b/types/mdast/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "mdast-tests.ts"]
+}
diff --git a/types/mdast/tslint.json b/types/mdast/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/mdast/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mdurl/format.d.ts b/types/mdurl/format.d.ts
index 2638c76007..a7cc04cd48 100644
--- a/types/mdurl/format.d.ts
+++ b/types/mdurl/format.d.ts
@@ -1,4 +1,4 @@
-import { Url } from './'
+import { Url } from './';
 
 declare function format(url: Url): string;
 
diff --git a/types/mdurl/parse.d.ts b/types/mdurl/parse.d.ts
index cd2c012caa..30c377f35a 100644
--- a/types/mdurl/parse.d.ts
+++ b/types/mdurl/parse.d.ts
@@ -1,4 +1,4 @@
-import { Url } from './'
+import { Url } from './';
 
 declare function parse(input: string, slashesDenoteHost?: boolean): Url;
 
diff --git a/types/meow/index.d.ts b/types/meow/index.d.ts
index db3d697691..0ba420bf04 100644
--- a/types/meow/index.d.ts
+++ b/types/meow/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for meow 4.x
+// Type definitions for meow 5.x
 // Project: https://github.com/sindresorhus/meow
 // Definitions by: KnisterPeter <https://github.com/KnisterPeter>
 //                 Lindsey Smith <https://github.com/praxxis>
@@ -26,6 +26,11 @@ declare namespace meow {
         flags?: buildOptions.Options;
         autoHelp?: boolean;
         autoVersion?: boolean;
+        /**
+         * Caution: Explicitly specifying undefined for booleanDefault
+         * has different meaning from omitting key itself.
+         */
+        booleanDefault?: boolean | null;
     }
 
     interface Result {
diff --git a/types/meow/meow-tests.ts b/types/meow/meow-tests.ts
index 1b044881b5..c2059eefe6 100644
--- a/types/meow/meow-tests.ts
+++ b/types/meow/meow-tests.ts
@@ -1,6 +1,7 @@
 import meow = require('meow');
 
 const cli = meow('Help text', {
+    booleanDefault: undefined,
     flags: {
         unicorn: {
             type: 'boolean',
@@ -29,6 +30,7 @@ const cli3 = meow({
     inferType: true,
     autoHelp: true,
     autoVersion: true,
+    booleanDefault: false,
     flags: {
         unicorn: {
             type: 'boolean',
diff --git a/types/merge-env/index.d.ts b/types/merge-env/index.d.ts
new file mode 100644
index 0000000000..3318b8328f
--- /dev/null
+++ b/types/merge-env/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for merge-env 1.0
+// Project: https://github.com/bholloway/merge-env
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export = mergeEnv;
+
+declare function mergeEnv(target: object, ...sources: any[]): any;
diff --git a/types/merge-env/merge-env-tests.ts b/types/merge-env/merge-env-tests.ts
new file mode 100644
index 0000000000..26ad7ecc05
--- /dev/null
+++ b/types/merge-env/merge-env-tests.ts
@@ -0,0 +1,3 @@
+import mergeEnv = require("merge-env");
+
+const mergedConfiguration = mergeEnv({}, {}, {});
diff --git a/types/merge-env/tsconfig.json b/types/merge-env/tsconfig.json
new file mode 100644
index 0000000000..a058625dcb
--- /dev/null
+++ b/types/merge-env/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "merge-env-tests.ts"
+    ]
+}
diff --git a/types/merge-env/tslint.json b/types/merge-env/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/merge-env/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/meteor-astronomy/index.d.ts b/types/meteor-astronomy/index.d.ts
new file mode 100644
index 0000000000..e23834963c
--- /dev/null
+++ b/types/meteor-astronomy/index.d.ts
@@ -0,0 +1,145 @@
+// Type definitions for meteor-astronomy 2.6
+// Project: https://github.com/jagi/meteor-astronomy/
+// Definitions by: Igor Golovin <https://github.com/Deadly0>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="meteor" />
+
+declare namespace MeteorAstronomy {
+    type NonFunctionPropertyNames<T> = { [K in keyof T]: T[K] extends Function ? never : K }[keyof T]; // tslint:disable-line:ban-types
+    type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
+    type FunctionPropertyNames<T> = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T]; // tslint:disable-line:ban-types
+    type FunctionProperties<T> = Pick<T, FunctionPropertyNames<T>>;
+
+    type TypeOptionsPrimitives = typeof String | typeof Date | typeof Boolean | typeof Object | typeof Number;
+    type TypeOptions = TypeOptionsPrimitives | TypeOptionsPrimitives[] | Class<any> | Enum<any>;
+
+    interface SaveAndValidateOptions<K> {
+        fields?: K[];
+        stopOnFirstError?: boolean;
+        simulation?: boolean;
+        cast?: boolean;
+    }
+
+    type SaveAndValidateCallback = (err: any, id: any) => void;
+    type RemoveCallback = (err: any, result: any) => void;
+
+    interface Validator {
+        type: string;
+        param: any;
+    }
+
+    interface ModelFullField<Field, Doc> {
+        type: TypeOptions;
+        optional?: boolean;
+        transient?: boolean;
+        immutable?: boolean;
+        default?: () => Field | Field;
+        index?: string | number;
+        validators?: Validator[];
+        resolve?: (doc: Doc) => Field;
+    }
+
+    type ModelField<Field, Doc> = ModelFullField<Field, Doc> | TypeOptions;
+
+    type Fields<T> = {
+        [P in keyof NonFunctionProperties<T>]: ModelField<T[P], T>;
+    };
+
+    type Helpers<T> = {
+        [P in keyof FunctionProperties<T>]: (this: T, ...args: any[]) => any;
+    };
+
+    interface ClassModel<T> {
+        name: string;
+        collection?: Mongo.Collection<T>;
+        fields: Fields<T>;
+        behaviors?: object;
+        secured?: {
+            insert: boolean,
+            update: boolean,
+            remove: boolean,
+        } | boolean;
+        helpers?: Helpers<T>;
+        events?: object;
+        meteorMethods?: object;
+        indexes?: object;
+    }
+
+    interface EnumModel<T> {
+        name: string;
+        identifiers: string[] | T;
+    }
+
+    type Model<T> = T & {
+        set(fields: Partial<T>, options?: {cast?: boolean; clone?: boolean; merge?: boolean}): void;
+        set(field: string, value: any): void;
+        get(field: string): any;
+        get(fields: string[]): any[];
+        isModified(field?: string): boolean;
+        getModified(): any;
+        getModifiedValues(options?: {old?: boolean, raw?: boolean}): Partial<T>;
+        getModifier(): any;
+        raw(): T;
+        raw(field: string): any;
+        raw(fields: string[]): any[];
+        save(options?: SaveAndValidateOptions<keyof T>, callback?: SaveAndValidateCallback): void;
+        save(callback?: SaveAndValidateCallback): void;
+        copy(save: boolean): any;
+        validate(options?: SaveAndValidateOptions<keyof T>, callback?: SaveAndValidateCallback): void;
+        validate(callback?: SaveAndValidateCallback): void;
+        remove(callback?: RemoveCallback): void;
+    };
+
+    interface FindOneOptions {
+        sort?: Mongo.SortSpecifier;
+        skip?: number;
+        fields?: Mongo.FieldSpecifier;
+        reactive?: boolean;
+        transform?: (...args: any[]) => any;
+        disableEvents?: boolean;
+        children?: number;
+        defaults?: boolean;
+    }
+
+    interface FindOptions extends FindOneOptions {
+        limit?: number;
+    }
+
+    interface UpsertOptions {
+        multi?: boolean;
+    }
+
+    interface UpdateOptions extends UpsertOptions {
+        upsert?: boolean;
+    }
+
+    type MongoQuery<T> = Mongo.Selector<T> | Mongo.ObjectID | string;
+
+    interface Class<T> {
+        new(data?: Partial<T>): Model<T>;
+
+        findOne(selector?: MongoQuery<T>, options?: FindOneOptions): Model<T>;
+        find(selector?: MongoQuery<T>, options?: FindOptions): Mongo.Cursor<Model<T>>;
+        insert(doc: T, callback?: () => void): string;
+        update(selector: MongoQuery<T>, modifier: Mongo.Modifier<T>, options?: UpdateOptions, callback?: () => void): number;
+        upsert(selector: MongoQuery<T>, modifier: Mongo.Modifier<T>, options?: UpsertOptions, callback?: () => void): number;
+        remove(selector: MongoQuery<T>, callback?: () => void): number;
+    }
+
+    type Enum<T> = T & {
+        getValues(): any[];
+        getIdentifier(identifier: any): string;
+    };
+}
+
+declare module 'meteor/jagi:astronomy' { // tslint:disable-line:no-single-declare-module
+    namespace Class {
+        function create<T extends {}>(model: MeteorAstronomy.ClassModel<T>): MeteorAstronomy.Class<T>;
+    }
+
+    namespace Enum {
+        function create<T>(model: MeteorAstronomy.EnumModel<T>): MeteorAstronomy.Enum<T>;
+    }
+}
diff --git a/types/meteor-astronomy/meteor-astronomy-tests.ts b/types/meteor-astronomy/meteor-astronomy-tests.ts
new file mode 100644
index 0000000000..2c6fe7d34c
--- /dev/null
+++ b/types/meteor-astronomy/meteor-astronomy-tests.ts
@@ -0,0 +1,200 @@
+import { Class, Enum } from 'meteor/jagi:astronomy';
+import { Meteor } from 'meteor/meteor';
+import { Mongo } from 'meteor/mongo';
+
+interface PostInterface {
+    title: string;
+    name: string;
+    userId: string;
+    publishedAt: Date;
+    tags?: string[];
+}
+
+const Posts = new Mongo.Collection<PostInterface>('posts');
+
+const Post = Class.create<PostInterface>({
+    name: 'Post',
+    collection: Posts,
+    fields: {
+        name: String,
+        title: {
+            type: String,
+            validators: [{
+                type: 'minLength',
+                param: 3
+            }],
+        },
+        userId: String,
+        publishedAt: Date,
+        tags: {
+            type: [String],
+            default(): string[] {
+                return [];
+            },
+        },
+    },
+    behaviors: {
+        timestamp: {}
+    },
+});
+
+let post = new Post({
+    title: 'text',
+});
+
+// Validate length of the "title" field.
+post.save();
+
+// Notice that we call the "findOne" method
+// from the "Post" class not from the "Posts" collection.
+post = Post.findOne('id');
+// Auto convert a string input value to a number.
+post.title = 'input[name=title]';
+post.publishedAt = new Date();
+// Check if all fields are valid and update document
+// with only the fields that have changed.
+post.save({fields: ['title']});
+
+interface UserProfileInterface {
+    nickname: string;
+    firstName: string;
+    createdAt: Date;
+    age: number;
+}
+
+const UserProfile = Class.create<UserProfileInterface>({
+    name: 'UserProfile',
+    fields: {
+        nickname: String,
+        firstName: String,
+        createdAt: Date,
+        age: Number,
+    }
+});
+
+interface UserInterface extends Meteor.User {
+    address: object;
+    firstName: string;
+    lastName: string;
+    phone: string;
+    phoneNumber: string;
+    fullName: (param: string) => string;
+}
+
+const User = Class.create<UserInterface>({
+    name: 'User',
+    collection: Meteor.users as Mongo.Collection<UserInterface>,
+    fields: {
+        createdAt: Number,
+        firstName: String,
+        lastName: String,
+        emails: {
+            type: [Object],
+            default: (): Meteor.UserEmail[] => [],
+        },
+        profile: {
+            type: UserProfile,
+            default: () => {},
+        },
+        address: {
+            type: Object,
+            optional: true
+        },
+        phoneNumber: {
+            type: String,
+        },
+        phone: {
+            type: String,
+            resolve(doc: UserInterface) {
+                return doc.phoneNumber;
+            },
+        },
+    },
+    helpers: {
+        fullName(param: string): string {
+            const fullName = `${this.firstName} ${this.lastName}`;
+
+            if (param === 'lower') {
+                return fullName.toLowerCase();
+            } else if (param === 'upper') {
+                return fullName.toUpperCase();
+            }
+
+            return fullName;
+        },
+    },
+    indexes: {
+        fullName: { // Index name.
+            fields: { // List of fields.
+                phoneNumber: 1,
+                createdAt: 1
+            },
+            options: {}
+        }
+    }
+});
+
+const user = User.findOne();
+user.set({username: 'user1'});
+user.save();
+
+interface StatusInterface {
+    OPENED: number;
+    CLOSED: number;
+    DONE: number;
+    CANCELED: number;
+}
+
+const Status = Enum.create<StatusInterface>({
+    name: 'Status',
+    identifiers: ['OPENED', 'CLOSED', 'DONE', 'CANCELED'],
+});
+
+const Issue = Class.create({
+    name: 'Issue',
+    fields: {
+        status: {
+            type: Status
+        }
+    }
+});
+
+Status.getValues(); // [0, 1, 2, 3]
+
+interface StatusBisInterface {
+    OPENED: string;
+    CLOSED: string;
+    DONE: string;
+    CANCELED: string;
+}
+
+const StatusBis = Enum.create<StatusBisInterface>({
+    name: 'Status',
+    identifiers: {
+        OPENED: 'OPENED',
+        CLOSED: 'CLOSED',
+        DONE: 'DONE',
+        CANCELED: 'CANCELED',
+    }
+});
+
+StatusBis.getValues(); // [5, 6, 15, 16]
+
+const statusNumber = Status.OPENED;
+
+Status.getIdentifier(statusNumber); // "OPENED"
+
+// server.js
+Meteor.publish('posts', () => {
+    Post.find({}, {fields: {title: 1}});
+});
+
+Meteor.subscribe('posts');
+const post1 = Post.findOne({}, {defaults: false});
+post1.name = 'New name';
+post1.getModifier(); // {$set: {name: 'New name'}} - it will not override tags
+post1.save();
+
+const user1 = User.findOne({}, {
+    disableEvents: true
+});
diff --git a/types/meteor-astronomy/tsconfig.json b/types/meteor-astronomy/tsconfig.json
new file mode 100644
index 0000000000..90412b0069
--- /dev/null
+++ b/types/meteor-astronomy/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "meteor-astronomy-tests.ts"
+    ]
+}
diff --git a/types/meteor-astronomy/tslint.json b/types/meteor-astronomy/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/meteor-astronomy/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/meteor-collection-hooks/meteor-mongo.d.ts b/types/meteor-collection-hooks/meteor-mongo.d.ts
index d45bd7582a..45092a89fd 100644
--- a/types/meteor-collection-hooks/meteor-mongo.d.ts
+++ b/types/meteor-collection-hooks/meteor-mongo.d.ts
@@ -151,4 +151,4 @@ declare module 'meteor/mongo' {
       all?: LocalHookOptions;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/types/meteor-publish-composite/index.d.ts b/types/meteor-publish-composite/index.d.ts
index 428175f6ad..1582e569ba 100644
--- a/types/meteor-publish-composite/index.d.ts
+++ b/types/meteor-publish-composite/index.d.ts
@@ -1,12 +1,14 @@
 // Type definitions for meteor-publish-composite
 // Project: https://github.com/englue/meteor-publish-composite
 // Definitions by: Robert Van Gorkom <https://github.com/vangorra>
+//                 Matthew Zartman <https://github.com/mrz5018>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
 /// <reference types="meteor" />
 
 declare interface PublishCompositeConfigN {
+    collectionName?: string;
     children?: PublishCompositeConfigN[];
     find(
         ...args: any[]
@@ -14,6 +16,7 @@ declare interface PublishCompositeConfigN {
 }
 
 declare interface PublishCompositeConfig4<InLevel1, InLevel2, InLevel3, InLevel4, OutLevel> {
+    collectionName?: string;
     children?: PublishCompositeConfigN[];
     find(
         arg4: InLevel4,
@@ -24,6 +27,7 @@ declare interface PublishCompositeConfig4<InLevel1, InLevel2, InLevel3, InLevel4
 }
 
 declare interface PublishCompositeConfig3<InLevel1, InLevel2, InLevel3, OutLevel> {
+    collectionName?: string;
     children?: PublishCompositeConfig4<InLevel1, InLevel2, InLevel3, OutLevel, any>[];
     find(
         arg3: InLevel3,
@@ -33,6 +37,7 @@ declare interface PublishCompositeConfig3<InLevel1, InLevel2, InLevel3, OutLevel
 }
 
 declare interface PublishCompositeConfig2<InLevel1, InLevel2, OutLevel> {
+    collectionName?: string;
     children?: PublishCompositeConfig3<InLevel1, InLevel2, OutLevel, any>[];
     find(
         arg2: InLevel2,
@@ -41,6 +46,7 @@ declare interface PublishCompositeConfig2<InLevel1, InLevel2, OutLevel> {
 }
 
 declare interface PublishCompositeConfig1<InLevel1, OutLevel> {
+    collectionName?: string;
     children?: PublishCompositeConfig2<InLevel1, OutLevel, any>[];
     find(
         arg1: InLevel1
@@ -48,6 +54,7 @@ declare interface PublishCompositeConfig1<InLevel1, OutLevel> {
 }
 
 declare interface PublishCompositeConfig<OutLevel> {
+    collectionName?: string;
     children?: PublishCompositeConfig1<OutLevel, any>[];
     find(): Mongo.Cursor<OutLevel>;
 }
diff --git a/types/meteor-publish-composite/meteor-publish-composite-tests.ts b/types/meteor-publish-composite/meteor-publish-composite-tests.ts
index 72f96ddc4d..e0032c1671 100644
--- a/types/meteor-publish-composite/meteor-publish-composite-tests.ts
+++ b/types/meteor-publish-composite/meteor-publish-composite-tests.ts
@@ -52,8 +52,16 @@ publishComposite('postsByUser', function(userId, limit) {
             // being used in query.
             return Posts.find({ authorId: userId }, { limit: limit });
         },
-        children: [
-            // This section will be similar to that of the previous example.
+        children: [ 
+						{
+								// Set a collection for an "alternative client side collections" as shown
+								// here: http://braindump.io/meteor/2014/09/20/publishing-to-an-alternative-clientside-collection-in-meteor.html
+								collectionName: 'user-post-comments',
+								find: function(post) {
+										// Find all comments from these posts too
+										return Comments.find( { postId: post._id } );
+								}
+						},
         ]
     }
 });
diff --git a/types/meteor/react-meteor-data.d.ts b/types/meteor/react-meteor-data.d.ts
new file mode 100644
index 0000000000..517c10ff8f
--- /dev/null
+++ b/types/meteor/react-meteor-data.d.ts
@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+export function withTracker<TDataProps, TOwnProps>(
+    options: (props: TOwnProps) => TDataProps | {getMeteorData: (props: TOwnProps) => TDataProps, pure?: boolean}
+): (reactComponent: React.ComponentType<TOwnProps & TDataProps>) => React.ComponentClass<TOwnProps>;
diff --git a/types/meteor/test/globals/meteor-tests.ts b/types/meteor/test/globals/meteor-tests.ts
index c2145be0a6..782701086f 100644
--- a/types/meteor/test/globals/meteor-tests.ts
+++ b/types/meteor/test/globals/meteor-tests.ts
@@ -380,7 +380,7 @@ Comments.find({ $and: [
     { $or: [{ tags: "tag-1" }, { tags: "tag-2" }] }
 ]});
 
-Comments.find({ inlineLinks: { $exists: true, $type: "array" } });
+Comments.find({ $query: {inlineLinks: { $exists: true, $type: "array" } } });
 Comments.find({ inlineLinks: { $elemMatch: { 
     objectType: InlineObjectType.Image, 
     objectUrl: { $regex: "https://(www\.?)youtube\.com" } 
@@ -697,7 +697,7 @@ Accounts.onPageLoadLogin(function () {
 });
 
 // Covers this PR:  https://github.com/DefinitelyTyped/DefinitelyTyped/pull/8065
-var loginOpts = <Meteor.LoginWithExternalServiceOptions>{
+var loginOpts = {
     requestPermissions: ["a", "b"],
     requestOfflineToken: true,
     loginUrlParameters: { asdf: 1, qwer: "1234" },
@@ -705,7 +705,7 @@ var loginOpts = <Meteor.LoginWithExternalServiceOptions>{
     loginStyle: "Bold and powerful",
     redirectUrl: "popup",
     profile: "asdfasdf"
-};
+} as Meteor.LoginWithExternalServiceOptions;
 Meteor.loginWithMeteorDeveloperAccount(loginOpts, function (error: Meteor.Error) { });
 
 Accounts.emailTemplates.siteName = "AwesomeSite";
@@ -748,7 +748,7 @@ const deeperPrivateSetting = Meteor.settings['somePrivateSettings']['deeperSetti
 
 
 // Covers https://github.com/meteor-typings/meteor/issues/9
-const username = (<HTMLInputElement>Template.instance().find('#username')).value;
+const username = (Template.instance().find('#username') as HTMLInputElement).value;
 
 
 // Covers https://github.com/meteor-typings/meteor/issues/3
diff --git a/types/meteor/test/meteor-tests.ts b/types/meteor/test/meteor-tests.ts
index c7fde5b8be..b45284df52 100644
--- a/types/meteor/test/meteor-tests.ts
+++ b/types/meteor/test/meteor-tests.ts
@@ -392,7 +392,7 @@ Comments.find({ $and: [
     { $or: [{ tags: "tag-1" }, { tags: "tag-2" }] }
 ]});
 
-Comments.find({ inlineLinks: { $exists: true, $type: "array" } });
+Comments.find({ $query: { inlineLinks: { $exists: true, $type: "array" } } });
 Comments.find({ inlineLinks: { $elemMatch: { 
     objectType: InlineObjectType.Image, 
     objectUrl: { $regex: "https://(www\.?)youtube\.com" } 
@@ -709,7 +709,7 @@ Accounts.onPageLoadLogin(function () {
 });
 
 // Covers this PR:  https://github.com/DefinitelyTyped/DefinitelyTyped/pull/8065
-var loginOpts = <Meteor.LoginWithExternalServiceOptions>{
+var loginOpts = {
     requestPermissions: ["a", "b"],
     requestOfflineToken: true,
     loginUrlParameters: { asdf: 1, qwer: "1234" },
@@ -717,7 +717,7 @@ var loginOpts = <Meteor.LoginWithExternalServiceOptions>{
     loginStyle: "Bold and powerful",
     redirectUrl: "popup",
     profile: "asdfasdf"
-};
+} as Meteor.LoginWithExternalServiceOptions;
 Meteor.loginWithMeteorDeveloperAccount(loginOpts, function (error: Meteor.Error) { });
 
 Accounts.emailTemplates.siteName = "AwesomeSite";
@@ -760,7 +760,7 @@ const deeperPrivateSetting = Meteor.settings['somePrivateSettings']['deeperSetti
 
 
 // Covers https://github.com/meteor-typings/meteor/issues/9
-const username = (<HTMLInputElement>Template.instance().find('#username')).value;
+const username = (Template.instance().find('#username') as HTMLInputElement).value;
 
 
 // Covers https://github.com/meteor-typings/meteor/issues/3
diff --git a/types/meteor/test/react-meteor-data-tests.tsx b/types/meteor/test/react-meteor-data-tests.tsx
new file mode 100644
index 0000000000..cea13d6030
--- /dev/null
+++ b/types/meteor/test/react-meteor-data-tests.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { withTracker } from 'meteor/react-meteor-data';
+
+interface DemoComponentContainerProps {
+    status: string;
+}
+
+interface DemoComponentData {
+    data: string;
+    result: string;
+}
+
+const DemoComponent: React.SFC<DemoComponentContainerProps & DemoComponentData> = (props) => (
+    <div>{props.data}</div>
+);
+
+const DemoComponentContainer: React.ComponentClass<DemoComponentContainerProps> = withTracker<
+    DemoComponentData,
+    DemoComponentContainerProps
+>(() => ({
+    data: 'some data',
+    result: 'success',
+}))(DemoComponent);
+
+const RootComponent = () => (
+    <DemoComponentContainer status="ok" />
+);
diff --git a/types/meteor/tsconfig.json b/types/meteor/tsconfig.json
index ed6a9e0e77..42295d06e1 100644
--- a/types/meteor/tsconfig.json
+++ b/types/meteor/tsconfig.json
@@ -63,6 +63,8 @@
         "test/meteor-tests.ts",
         "test/globals/meteor-tests.ts",
         "test/meteor-tests-module-only.ts",
-        "test/server-render.tsx"
+        "test/server-render.tsx",
+        "react-meteor-data.d.ts",
+        "test/react-meteor-data-tests.tsx"
     ]
 }
diff --git a/types/micro/index.d.ts b/types/micro/index.d.ts
index f3787b1010..251e42ee46 100644
--- a/types/micro/index.d.ts
+++ b/types/micro/index.d.ts
@@ -4,6 +4,8 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
+/// <reference types="node" />
+
 import { IncomingMessage, ServerResponse, Server } from 'http';
 
 export type RequestHandler = (req: IncomingMessage, res: ServerResponse) => any;
diff --git a/types/microsoft-live-connect/index.d.ts b/types/microsoft-live-connect/index.d.ts
index b43a6bbb04..34f8f49d29 100644
--- a/types/microsoft-live-connect/index.d.ts
+++ b/types/microsoft-live-connect/index.d.ts
@@ -634,8 +634,8 @@ declare namespace Microsoft.Live {
         /**
          * A value that specifies whether the event is publicly visible. Valid
          * values are:
-         * - public�the event is visible to anyone who can view the calendar.
-         * - private"�the event is visible only to the event owner.
+         * - public   the event is visible to anyone who can view the calendar.
+         * - private  the event is visible only to the event owner.
          * @default "public"
          */
         visibility: string;
@@ -696,8 +696,8 @@ declare namespace Microsoft.Live {
         /**
          * A value that specifies whether the event is publicly visible. Valid
          * values are:
-         * - public�the event is visible to anyone who can view the calendar.
-         * - private"�the event is visible only to the event owner.
+         * - public  the event is visible to anyone who can view the calendar.
+         * - private the event is visible only to the event owner.
          * @default "public"
          */
         visibility?: string;
@@ -768,8 +768,8 @@ declare namespace Microsoft.Live {
         /**
          * A value that specifies whether the event is publicly visible. Valid
          * values are:
-         * - public�the event is visible to anyone who can view the calendar.
-         * - private"�the event is visible only to the event owner.
+         * - public  the event is visible to anyone who can view the calendar.
+         * - private the event is visible only to the event owner.
          * @default "public"
          */
         visibility: string;
@@ -1042,10 +1042,10 @@ declare namespace Microsoft.Live {
         source: string;
         /**
          * The type of this image of this particular size. Valid values are:
-         * full (maximum size: 2048 � 2048 pixels)
-         * - normal (maximum size 800 � 800 pixels)
-         * - album (maximum size 176 � 176 pixels)
-         * - small (maximum size 96 � 96 pixels)
+         * full (maximum size: 2048 x 2048 pixels)
+         * - normal (maximum size 800 x 800 pixels)
+         * - album (maximum size 176 x 176 pixels)
+         * - small (maximum size 96 x 96 pixels)
          */
         type: string;
     }
diff --git a/types/minio/index.d.ts b/types/minio/index.d.ts
index 1bb407529d..e81661c506 100644
--- a/types/minio/index.d.ts
+++ b/types/minio/index.d.ts
@@ -61,6 +61,7 @@ export interface IncompleteUploadedBucketItem {
 
 export interface BucketStream<T> extends Stream {
     on(event: 'data', listener: (item: T) => void): this;
+    on(event: 'error', listener: (error: Error) => void): this;
 }
 
 export interface PostPolicyResult {
diff --git a/types/mithril/index.d.ts b/types/mithril/index.d.ts
index 79706617e8..32f3976e2e 100644
--- a/types/mithril/index.d.ts
+++ b/types/mithril/index.d.ts
@@ -36,13 +36,13 @@ declare namespace Mithril {
 		oninit?(this: State, vnode: Vnode<Attrs, State>): any;
 		/** The oncreate hook is called after a DOM element is created and attached to the document. */
 		oncreate?(this: State, vnode: VnodeDOM<Attrs, State>): any;
-		/** The onbeforeupdate hook is called before a vnode is diffed in a update. */
-		onbeforeremove?(this: State, vnode: VnodeDOM<Attrs, State>): Promise<any> | void;
-		/** The onupdate hook is called after a DOM element is updated, while attached to the document. */
-		onremove?(this: State, vnode: VnodeDOM<Attrs, State>): any;
 		/** The onbeforeremove hook is called before a DOM element is detached from the document. If a Promise is returned, Mithril only detaches the DOM element after the promise completes. */
-		onbeforeupdate?(this: State, vnode: Vnode<Attrs, State>, old: VnodeDOM<Attrs, State>): boolean | void;
+		onbeforeremove?(this: State, vnode: VnodeDOM<Attrs, State>): Promise<any> | void;
 		/** The onremove hook is called before a DOM element is removed from the document. */
+		onremove?(this: State, vnode: VnodeDOM<Attrs, State>): any;
+		/** The onbeforeupdate hook is called before a vnode is diffed in a update. */
+		onbeforeupdate?(this: State, vnode: Vnode<Attrs, State>, old: VnodeDOM<Attrs, State>): boolean | void;
+		/** The onupdate hook is called after a DOM element is updated, while attached to the document. */
 		onupdate?(this: State, vnode: VnodeDOM<Attrs, State>): any;
 		/** WORKAROUND: TypeScript 2.4 does not allow extending an interface with all-optional properties. */
 		[_: number]: any;
@@ -225,13 +225,13 @@ declare namespace Mithril {
 		oninit?(vnode: Vnode<A, this>): any;
 		/** The oncreate hook is called after a DOM element is created and attached to the document. */
 		oncreate?(vnode: VnodeDOM<A, this>): any;
-		/** The onbeforeupdate hook is called before a vnode is diffed in a update. */
-		onbeforeremove?(vnode: VnodeDOM<A, this>): Promise<any> | void;
-		/** The onupdate hook is called after a DOM element is updated, while attached to the document. */
-		onremove?(vnode: VnodeDOM<A, this>): any;
 		/** The onbeforeremove hook is called before a DOM element is detached from the document. If a Promise is returned, Mithril only detaches the DOM element after the promise completes. */
-		onbeforeupdate?(vnode: Vnode<A, this>, old: VnodeDOM<A, this>): boolean | void;
+		onbeforeremove?(vnode: VnodeDOM<A, this>): Promise<any> | void;
 		/** The onremove hook is called before a DOM element is removed from the document. */
+		onremove?(vnode: VnodeDOM<A, this>): any;
+		/** The onbeforeupdate hook is called before a vnode is diffed in a update. */
+		onbeforeupdate?(vnode: Vnode<A, this>, old: VnodeDOM<A, this>): boolean | void;
+		/** The onupdate hook is called after a DOM element is updated, while attached to the document. */
 		onupdate?(vnode: VnodeDOM<A, this>): any;
 		/** Creates a view out of virtual elements. */
 		view(vnode: Vnode<A, this>): Children | null | void;
diff --git a/types/mjml-react/index.d.ts b/types/mjml-react/index.d.ts
new file mode 100644
index 0000000000..decb895010
--- /dev/null
+++ b/types/mjml-react/index.d.ts
@@ -0,0 +1,413 @@
+// Type definitions for mjml-react 1.0
+// Project: https://github.com/wix-incubator/mjml-react
+// Definitions by: Henri Normak <https://github.com/henrinormak>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+export namespace extensions {
+    class MjmlComment extends React.Component<{ children: string }> { }
+    class MjmlConditionalComment extends React.Component<{ children: string; condition: string }> { }
+    class MjmlTrackingPixel extends React.Component<{ src: string }> { }
+    class MjmlYahooStyle extends React.Component<{ children: string }> { }
+}
+
+export namespace utils {
+    function namedEntityToHexCode(html: string): string;
+    function fixConditionalComment(html: string, havingContent: string, newCondition: string): string;
+    function useHttps(url?: string): string | undefined;
+    function toMobileFontSize(sizeWithUnit: string): number;
+    function addQueryParams(url: string, params: { [key: string]: any }): string;
+
+    type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'inherit';
+    function getTextAlign(value: string, fallback?: TextAlignment): TextAlignment;
+}
+
+export function renderToMjml(email: React.ReactElement<any>): string;
+
+export interface Mjml2HtmlOptions {
+    fonts?: { [key: string]: string };
+    keepComments?: boolean;
+    beautify?: boolean;
+    minify?: boolean;
+    validationLevel?: 'strict' | 'soft' | 'skip';
+    filePath?: string;
+}
+
+export function render(email: React.ReactElement<any>, options?: Mjml2HtmlOptions): { html: string; errors: Error[] };
+
+// Components
+
+export interface RequiredChildrenProps {
+    children: React.ReactNode;
+}
+
+export interface PaddingProps {
+    padding?: string | number;
+    paddingTop?: string | number;
+    paddingRight?: string | number;
+    paddingBottom?: string | number;
+    paddingLeft?: string | number;
+}
+
+export interface BorderProps {
+    border?: string;
+    borderBottom?: string;
+    borderLeft?: string;
+    borderTop?: string;
+    borderRight?: string;
+    borderRadius?: string | number;
+}
+
+export interface ClassNameProps {
+    cssClass?: string;
+}
+
+export interface HrefProps {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+
+// mjml
+export interface MjmlProps {
+    lang?: string;
+    owa?: string;
+}
+
+export class Mjml extends React.Component<MjmlProps & RequiredChildrenProps> { }
+
+// mj-head
+export class MjmlHead extends React.Component<RequiredChildrenProps> { }
+
+// mj-attributes
+export class MjmlAttributes extends React.Component<RequiredChildrenProps> { }
+export class MjmlAll extends React.Component<{ [key: string]: any; children?: React.ReactNode }> { }
+export class MjmlClass extends React.Component<{ [key: string]: any; children?: React.ReactNode; name: string }> { }
+
+// mj-breakpoint
+export interface MjmlBreakpointProps {
+    width?: string | number;
+}
+
+export class MjmlBreakpoint extends React.Component<MjmlBreakpointProps> { }
+
+// mj-body
+export interface MjmlBodyProps {
+    width ?: number;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlBody extends React.Component<RequiredChildrenProps & MjmlBodyProps & ClassNameProps> { }
+
+// mj-font
+export interface MjmlFontProps {
+    href?: string;
+    name?: string;
+}
+
+export class MjmlFont extends React.Component<MjmlFontProps> { }
+
+// mj-preview
+export class MjmlPreview extends React.Component<{ children: string }> { }
+
+// mj-style
+export class MjmlStyle extends React.Component<{ children: string, inline?: boolean }> { }
+
+// mj-title
+export class MjmlTitle extends React.Component<{ children: string }> { }
+
+// mj-accordion
+export class MjmlAccordion extends React.Component<RequiredChildrenProps & MjmlAccordionElementProps> { }
+
+export interface MjmlAccordionElementProps {
+    fontFamily?: string;
+    iconAlign?: string;
+    iconWrappedUrl?: string;
+    iconWrappedAlt?: string;
+    iconUnwrappedAlt?: string;
+    iconUnwrappedUrl?: string;
+    iconPosition?: 'left' | 'right';
+    iconHeight?: string;
+    iconWidth?: string;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlAccordionElement extends React.Component<RequiredChildrenProps & MjmlAccordionElementProps & ClassNameProps> { }
+
+export interface MjmlAccordionTextProps {
+    color?: React.CSSProperties['color'];
+    fontFamily?: string;
+    fontSize?: string | number;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlAccordionText extends React.Component<RequiredChildrenProps & MjmlAccordionTextProps & PaddingProps & ClassNameProps> { }
+
+export interface MjmlAccordionTitleProps {
+    color?: React.CSSProperties['color'];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    fontFamily?: string;
+    fontSize?: string | number;
+}
+
+export class MjmlAccordionTitle extends React.Component<RequiredChildrenProps & MjmlAccordionTitleProps & PaddingProps & ClassNameProps> { }
+
+// mj-button
+export interface MjmlButtonProps {
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+    fontStyle?: string;
+    fontSize?: string | number;
+    fontWeight?: number;
+    fontFamily?: string;
+    color?: React.CSSProperties['color'];
+    textAlign?: React.CSSProperties['textAlign'];
+    textDecoration?: string;
+    textTransform?: string;
+    align?: string;
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    lineHeight?: string | number;
+    innerPadding?: string;
+    width?: string | number;
+    height?: string | number;
+}
+
+export class MjmlButton extends React.Component<RequiredChildrenProps & MjmlButtonProps & PaddingProps & ClassNameProps & HrefProps & BorderProps> { }
+
+// mj-carousel
+export interface MjmlCarouselProps {
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    align?: string;
+    borderRadius?: string | number;
+    thumbnails?: 'hidden' | 'visible';
+    tbBorder?: React.CSSProperties['border'];
+    tbBorderRadius?: React.CSSProperties['borderRadius'];
+    tbHoverBorderColor?: string;
+    tbSelectedBorderColor?: string;
+    tbWidth?: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    iconWidth?: string;
+}
+
+export class MjmlCarousel extends React.Component<RequiredChildrenProps & MjmlCarouselProps & ClassNameProps> {}
+
+export interface MjmlCarouselImageProps {
+    src?: string;
+    thumbnailsSrc?: string;
+    alt?: string;
+    title?: string;
+}
+
+export class MjmlCarouselImage extends React.Component<MjmlCarouselImageProps & ClassNameProps & HrefProps> { }
+
+// mj-carousel
+export interface MjmlColumnProps {
+    width?: string | number;
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlColumn extends React.Component<RequiredChildrenProps & MjmlColumnProps & PaddingProps & ClassNameProps & BorderProps> { }
+
+// mj-divider
+export interface MjmlDividerProps {
+    borderColor?: React.CSSProperties['borderColor'];
+    borderStyle?: React.CSSProperties['borderStyle'];
+    borderWidth?: string | number;
+    width?: string | number;
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlDivider extends React.Component<MjmlDividerProps & ClassNameProps & PaddingProps> { }
+
+// mj-group
+export interface MjmlGroupProps {
+    width?: string | number;
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlGroup extends React.Component<MjmlGroupProps & RequiredChildrenProps & ClassNameProps> { }
+
+// mj-hero
+export interface MjmlHeroProps {
+    width?: string | number;
+    height?: string | number;
+    mode?: 'fluid-height' | 'fixed-height';
+    backgroundWidth?: string;
+    backgroundHeight?: string;
+    backgroundUrl?: string;
+    backgroundPosition?: React.CSSProperties['backgroundPosition'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlHero extends React.Component<MjmlHeroProps & ClassNameProps & PaddingProps> { }
+
+// mj-image
+export interface MjmlImageProps {
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+    border?: React.CSSProperties['border'];
+    borderRadius?: string | number;
+    width?: string | number;
+    height?: string | number;
+    src?: string;
+    srcset?: string;
+    alt?: string;
+    align?: string;
+    title?: string;
+    fluidOnMobile?: string;
+}
+
+export class MjmlImage extends React.Component<MjmlImageProps & PaddingProps & ClassNameProps & HrefProps> { }
+
+// mj-navbar
+export interface MjmlNavbarProps {
+    baseUrl?: string;
+    hamburger?: 'hamburger';
+    align?: string;
+    icoOpen?: string;
+    icoClose?: string;
+    icoPadding?: string;
+    icoPaddingTop?: string;
+    icoPaddingRight?: string;
+    icoPaddingBottom?: string;
+    icoPaddingLeft?: string;
+    icoAlign?: string;
+    icoColor?: React.CSSProperties['color'];
+    icoFontSize?: string;
+    icoTextTransform?: string;
+    icoTextDecoration?: string;
+    icoLineHeight?: string;
+}
+
+export class MjmlNavbar extends React.Component<MjmlNavbarProps & RequiredChildrenProps> { }
+
+export interface MjmlNavbarLinkProps {
+    color?: React.CSSProperties['color'];
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: string;
+    fontWeight?: number;
+    lineHeight?: string | number;
+    textDecoration?: string;
+    textTransform?: string;
+}
+
+export class MjmlNavbarLink extends React.Component<MjmlNavbarLinkProps & HrefProps & PaddingProps> { }
+
+// mj-raw
+export class MjmlRaw extends React.Component<RequiredChildrenProps> { }
+
+// mj-section
+export interface MjmlSectionProps {
+    fullWidth?: boolean;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    backgroundUrl?: string;
+    backgroundRepeat?: React.CSSProperties['backgroundRepeat'];
+    backgroundSize?: React.CSSProperties['backgroundSize'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    textAlign?: React.CSSProperties['textAlign'];
+    direction?: 'ltr' | 'rtl';
+}
+
+export class MjmlSection extends React.Component<MjmlSectionProps & RequiredChildrenProps & BorderProps & PaddingProps & ClassNameProps> { }
+
+// mj-social
+export interface MjmlSocialProps {
+    borderRadius?: string | number;
+    fontFamily?: string;
+    fontSize?: string | number;
+    iconSize?: string;
+    iconHeight?: string;
+    lineHeight?: string | number;
+    mode?: 'vertical' | 'horizontal';
+    textDecoration?: string;
+    align?: string;
+    color?: React.CSSProperties['color'];
+    innerPadding?: string;
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlSocial extends React.Component<MjmlSocialProps & PaddingProps> { }
+
+export interface MjmlSocialElementProps {
+    borderRadius?: string | number;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    fontFamily?: string;
+    fontSize?: string | number;
+    iconSize?: string;
+    iconHeight?: string;
+    lineHeight?: string | number;
+    mode?: 'vertical' | 'horizontal';
+    textDecoration?: string;
+    align?: string;
+    color?: React.CSSProperties['color'];
+    name?: 'facebook' | 'facebook-noshare' | 'twitter' | 'twitter-noshare' | 'google' | 'google-noshare' | 'pinterest' | 'pinterest-noshare' |
+        'linkedin' | 'linkedin-noshare' | 'tumblr' | 'tumblr-noshare' | 'xing' | 'xing-noshare' |
+        'github' | 'instagram' | 'web' | 'snapchat' | 'youtube' | 'vimeo' | 'medium' | 'soundcloud' | 'dribbble';
+    src?: string;
+    alt?: string;
+}
+
+export class MjmlSocialElement extends React.Component<MjmlSocialElementProps & RequiredChildrenProps & HrefProps & PaddingProps> { }
+
+// mj-spacer
+export interface MjmlSpacerProps {
+    height?: string | number;
+    width?: string | number;
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+}
+
+export class MjmlSpacer extends React.Component<MjmlSpacerProps & BorderProps & PaddingProps & ClassNameProps> { }
+
+// mj-table
+export interface MjmlTableProps {
+    color?: React.CSSProperties['color'];
+    cellpadding?: string;
+    cellspacing?: string;
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: string;
+    lineHeight?: string | number;
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+    width?: string | number;
+    tableLayout?: 'auto' | 'fixed' | 'initial' | 'inherit';
+}
+
+export class MjmlTable extends React.Component<MjmlTableProps & RequiredChildrenProps & PaddingProps> { }
+
+// mj-text
+export interface MjmlTextProps {
+    color?: React.CSSProperties['color'];
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: string;
+    fontWeight?: number;
+    lineHeight?: string;
+    letterSpacing?: string;
+    height?: string | number;
+    textDecoration?: string;
+    textTransform?: string;
+    align?: string;
+    containerBackgroundColor?: React.CSSProperties['backgroundColor'];
+}
+
+export class MjmlText extends React.Component<MjmlTextProps & RequiredChildrenProps & PaddingProps & ClassNameProps> { }
+
+// mj-wrapper
+export interface MjmlWrapperProps {
+    fullWidth?: boolean;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    backgroundUrl?: string;
+    backgroundRepeat?: React.CSSProperties['backgroundRepeat'];
+    backgroundSize?: React.CSSProperties['backgroundSize'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    textAlign?: React.CSSProperties['textAlign'];
+}
+
+export class MjmlWrapper extends React.Component<MjmlWrapperProps & RequiredChildrenProps & BorderProps & PaddingProps & ClassNameProps> { }
diff --git a/types/mjml-react/mjml-react-tests.tsx b/types/mjml-react/mjml-react-tests.tsx
new file mode 100644
index 0000000000..7ff38e21f8
--- /dev/null
+++ b/types/mjml-react/mjml-react-tests.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import {
+    render,
+    Mjml,
+    MjmlHead,
+    MjmlTitle,
+    MjmlPreview,
+    MjmlBody,
+    MjmlSection,
+    MjmlColumn,
+    MjmlButton,
+    MjmlImage
+} from 'mjml-react';
+
+function renderOutTestEmail() {
+    // $ExpectType { html: string; errors: Error[]; }
+    const result = render((
+        <Mjml>
+            <MjmlHead>
+                <MjmlTitle>Last Minute Offer</MjmlTitle>
+                <MjmlPreview>Last Minute Offer...</MjmlPreview>
+            </MjmlHead>
+
+            <MjmlBody width={500}>
+                <MjmlSection fullWidth backgroundColor="#efefef">
+                    <MjmlColumn>
+                        <MjmlImage src="https://static.wixstatic.com/media/5cb24728abef45dabebe7edc1d97ddd2.jpg" />
+                    </MjmlColumn>
+                </MjmlSection>
+                <MjmlSection>
+                    <MjmlColumn>
+                        <MjmlButton padding="20px" backgroundColor="#346DB7" href="https://www.wix.com/">
+                            I like it!
+                    </MjmlButton>
+                    </MjmlColumn>
+                </MjmlSection>
+            </MjmlBody>
+        </Mjml>
+    ), { validationLevel: 'soft' });
+}
diff --git a/types/mjml-react/tsconfig.json b/types/mjml-react/tsconfig.json
new file mode 100644
index 0000000000..11cabc646f
--- /dev/null
+++ b/types/mjml-react/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "mjml-react-tests.tsx"
+    ]
+}
diff --git a/types/mjml-react/tslint.json b/types/mjml-react/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/mjml-react/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mjml/index.d.ts b/types/mjml/index.d.ts
index bccb7d319d..7dd0dbda72 100644
--- a/types/mjml/index.d.ts
+++ b/types/mjml/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for mjml 4.0
 // Project: https://github.com/mjmlio/mjml
 // Definitions by: aahoughton <https://github.com/aahoughton>
+//                 marpstar   <https://github.com/marpstar>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 interface MJMLParsingOpts {
@@ -9,7 +10,7 @@ interface MJMLParsingOpts {
     beautify?: boolean;
     minify?: boolean;
     validationLevel?: 'strict' | 'soft' | 'skip';
-    filePath?: boolean;
+    filePath?: string;
 }
 
 interface MJMLParseError {
diff --git a/types/mjml/mjml-tests.ts b/types/mjml/mjml-tests.ts
index 3a7711d08b..1acee04e49 100644
--- a/types/mjml/mjml-tests.ts
+++ b/types/mjml/mjml-tests.ts
@@ -8,3 +8,4 @@ formattedMessage = "force string test";
 
 const minimal_opts_test = mjml2html("<mjml>", {beautify: true});
 const validation_level_test = mjml2html("<mjml>", {validationLevel: "strict"});
+const filePath_test = mjml2html("<mjml>", {filePath: "."});
diff --git a/types/mobx-apollo/index.d.ts b/types/mobx-apollo/index.d.ts
index 54818cd846..fe976af2d2 100644
--- a/types/mobx-apollo/index.d.ts
+++ b/types/mobx-apollo/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/sonaye/mobx-apollo#readme
 // Definitions by: Paul Selden <https://github.com/pselden>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.6
 
 import {
     ApolloClient,
diff --git a/types/mobx-apollo/tsconfig.json b/types/mobx-apollo/tsconfig.json
index cff69dc655..c7ab33e386 100644
--- a/types/mobx-apollo/tsconfig.json
+++ b/types/mobx-apollo/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "target": "es5",
         "noImplicitAny": true,
diff --git a/types/mochaccino/index.d.ts b/types/mochaccino/index.d.ts
index 3f0a2e9688..4dbc62b7d9 100644
--- a/types/mochaccino/index.d.ts
+++ b/types/mochaccino/index.d.ts
@@ -2,8 +2,8 @@
 // Project: https://github.com/pawelgalazka/mochaccino#readme
 // Definitions by: Thomas-P <https://github.com/thomas-p>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
-import * as Sinon from "sinon";
+// TypeScript Version: 3.0
+import * as Sinon from 'sinon';
 export interface Expect {
     not: Expect;
     toBe(arg: any): void;
diff --git a/types/mock-aws-s3/index.d.ts b/types/mock-aws-s3/index.d.ts
index 754629f5a2..437c785f98 100644
--- a/types/mock-aws-s3/index.d.ts
+++ b/types/mock-aws-s3/index.d.ts
@@ -4,6 +4,8 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/mock-aws-s3
 // TypeScript Version: 2.2
 
+/// <reference types="node" />
+
 // This is a mocking library, types should reflect that of the actual library.
 export * from "aws-sdk";
 import { GlobalConfigInstance } from "aws-sdk/lib/config";
diff --git a/types/mockjs/index.d.ts b/types/mockjs/index.d.ts
index 9be645b791..25d6cac833 100644
--- a/types/mockjs/index.d.ts
+++ b/types/mockjs/index.d.ts
@@ -198,7 +198,7 @@ declare namespace mockjs {
     city(prefix?: B): S;
 
     // Random.county
-    country(prefix?: B): S;
+    county(prefix?: B): S;
 
     // Random.zip
     zip(prefix?: B): S;
diff --git a/types/module-deps/index.d.ts b/types/module-deps/index.d.ts
new file mode 100644
index 0000000000..94706542a1
--- /dev/null
+++ b/types/module-deps/index.d.ts
@@ -0,0 +1,181 @@
+// Type definitions for module-deps 6.1
+// Project: https://github.com/browserify/module-deps
+// Definitions by: TeamworkGuy2 <https://github.com/TeamworkGuy2>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+import * as browserResolve from "browser-resolve";
+
+/**
+ * Return an object transform stream 'd' that expects entry filenames or '{ id: ..., file: ... }' objects
+ * as input and produces objects for every dependency from a recursive module traversal as output.
+ */
+declare function moduleDeps(opts?: moduleDeps.Options): moduleDeps.ModuleDepsObject;
+
+/**
+ * Walk the dependency graph to generate json output that can be fed into browser-pack
+ */
+declare namespace moduleDeps {
+    /**
+     * module-deps constructor options
+     */
+    interface Options {
+        /**
+         * A string or array of string transforms
+         */
+        transform?: string | string[];
+
+        /**
+         * An array path of strings showing where to look in the package.json
+         * for source transformations. If falsy, don't look at the package.json at all
+         */
+        transformKey?: string[];
+
+        /**
+         * Custom resolve function using the opts.resolve(id, parent, cb) signature that browser-resolve has
+         */
+        resolve?: (id: string, opts: browserResolve.SyncOpts, cb: (err?: Error | null, file?: string, pkg?: PackageObject, fakePath?: any) => void) => void;
+
+        /**
+         * A custom dependency detection function. opts.detect(source) should return an array of dependency module names. By default detective is used
+         */
+        detect?: (source: string) => string[];
+
+        /**
+         * A function (id) to skip resolution of some module id strings. If defined,
+         * opts.filter(id) should return truthy for all the ids to include and falsey for all the ids to skip.
+         */
+        filter?: (id: string) => boolean;
+
+        /**
+         * A function (id, file, pkg) that gets called after id has been resolved.
+         * Return false to skip this file
+         */
+        postFilter?: (id: string, file: string, pkg: PackageObject) => (void | boolean); // tslint:disable-line:void-return
+
+        /**
+         * Transform the parsed package.json contents before using the values.
+         * opts.packageFilter(pkg, dir) should return the new pkg object to use.
+         */
+        packageFilter?: (pkg: PackageObject, dir: string) => PackageObject;
+
+        /**
+         * An array of absolute paths to not parse for dependencies.
+         * Use this for large dependencies like jquery or threejs which take forever to parse.
+         */
+        noParse?: boolean | string[];
+
+        /**
+         * An object mapping filenames to file objects to skip costly io
+         */
+        cache?: { [fileName: string]: any };
+
+        /**
+         * An object mapping filenames to their parent package.json contents
+         * for browser fields, main entries, and transforms
+         */
+        packageCache?: { [fileName: string]: any };
+
+        /**
+         * An object mapping filenames to raw source to avoid reading from disk.
+         */
+        fileCache?: { [fileName: string]: string };
+
+        /**
+         * A complex cache handler that allows async and persistent caching of data.
+         */
+        persistentCache?: (file: string, id: string, pkg: PackageObject, fallback: (dataAsString: string, cb: CacheCallback) => void, cb: CacheCallback) => void;
+
+        /**
+         * Array of global paths to search. Defaults to splitting on ':' in process.env.NODE_PATH
+         */
+        paths?: string[];
+
+        /**
+         * Ignore files that failed to resolve
+         */
+        ignoreMissing?: boolean;
+
+        // un-documented options used by module-deps
+        basedir?: string;
+        globalTransform?: any[];
+        extensions?: string[];
+        modules?: { [name: string]: any };
+        expose?: { [name: string]: string };
+
+        [prop: string]: any;
+    }
+
+    interface ModuleDepsObject extends NodeJS.ReadWriteStream {
+        resolve(id: string, parent: { id: string }, cb: (err: Error | null, file?: string, pkg?: PackageObject, fakePath?: any) => any): any;
+
+        readFile(file: string, id?: any, pkg?: PackageObject): NodeJS.ReadableStream;
+
+        getTransforms(file: string, pkg: PackageObject, opts?: { builtin?: boolean; inNodeModules?: boolean }): NodeJS.ReadWriteStream;
+
+        walk(id: string | { file: string; id: string; entry?: boolean; expose?: string; noparse?: boolean; source?: string },
+            parent: { modules: any },
+            cb: (err: Error | null, file?: string) => void): void;
+
+        parseDeps(file: string, src: string, cb: any): any[];
+
+        lookupPackage(file: string, cb: (a: any, b: any, c?: any) => any): void;
+
+        _isTopLevel(file: string): boolean;
+        _transform(row: string | InputRow | InputTransform, enc: string, next: () => void): void;
+        _flush(): void;
+
+        /**
+         * Every time a transform is applied to a file, a 'transform' event fires with the instantiated transform stream tr.
+         */
+        on(event: "transform", listener: (tr: any, file: string) => any): this;
+        /**
+         * Every time a file is read, this event fires with the file path.
+         */
+        on(event: "file", listener: (file: string, id: string) => any): this;
+        /**
+         * When opts.ignoreMissing is enabled, this event fires for each missing package.
+         */
+        on(event: "missing", listener: (id: string, parent: { id: string; filename: string; [prop: string]: any }) => any): this;
+        /**
+         * Every time a package is read, this event fires. The directory name of the package is available in pkg.__dirname.
+         */
+        on(event: "package", listener: (package: PackageObject) => any): this;
+        on(event: string | symbol, listener: (...args: any[]) => void): this;
+    }
+
+    type CacheCallback = (err: Error | null, res?: { source: string; package: any; deps: { [dep: string]: boolean } }) => void;
+
+    interface InputRow {
+        file: string;
+        id: string;
+        entry?: boolean;
+        expose: string;
+        noparse?: boolean;
+    }
+
+    interface InputTransform {
+        transform: string | (() => any);
+        options: any;
+        global?: boolean;
+    }
+
+    interface TransformObject {
+        id: string;
+        file: string;
+        entry: boolean;
+        expose: string;
+        source: string;
+        deps: { [requireName: string]: any };
+    }
+
+    /**
+     * Placeholder, feel free to redefine or put in a pull request to improve
+     */
+    interface PackageObject {
+        [prop: string]: any;
+    }
+}
+
+export = moduleDeps;
diff --git a/types/module-deps/module-deps-tests.ts b/types/module-deps/module-deps-tests.ts
new file mode 100644
index 0000000000..e0930f8f88
--- /dev/null
+++ b/types/module-deps/module-deps-tests.ts
@@ -0,0 +1,95 @@
+import moduleDeps = require("module-deps");
+
+function coreDepsTest() {
+    const coreDeps: { [prop: string]: any } = {};
+    const coreModules = {
+        assert: "./assert.js",
+        buffer: "./buffer.js",
+        path: "./path.js"
+    };
+
+    const opts = {
+        resolve: () => { },
+        modules: coreModules,
+        extensions: [".js", ".json"]
+    };
+
+    const s = moduleDeps(opts);
+
+    s.on("data", (obj) => {
+        for (const dep of Object.keys(obj.deps)) {
+            if (dep in coreModules) {
+                coreDeps[dep] = true;
+            }
+        }
+    });
+}
+
+function rifiTest() {
+    const md = moduleDeps({
+        resolve: (id, parent, cb) => {
+            const dependency = id.substr(1);
+        },
+        transform: [],
+        globalTransform: [],
+        cache: {}
+    });
+
+    md.once("error", (err) => {
+        console.error(err);
+    });
+}
+
+function browserifyTest(opts: moduleDeps.Options) {
+    const packOpts: moduleDeps.Options = {
+        basedir: opts.basedir || "./",
+        externalRequireName: opts["externalRequireName"] || "require",
+        hasExports: opts["hasExports"] || false,
+        prelude: opts["prelude"] || undefined,
+        preludePath: opts["preludePath"] || undefined,
+        raw: opts["raw"] || false,
+        sourceMapPrefix: opts["sourceMapPrefix"] || "//#",
+        standalone: opts["standalone"] || undefined,
+        standaloneModule: opts["standaloneModule"] || undefined,
+    };
+
+    const res = moduleDeps(); // 'opts' are optional
+    const res2 = moduleDeps(packOpts);
+
+    // ensure return value is a stream
+    const res3 = res.pipe(res2);
+
+    res.on("error", (err: any) => {
+        console.error("module-deps error: ", err);
+    });
+
+    const inst: moduleDeps.ModuleDepsObject = moduleDeps({
+        expose: { id: "file.txt" },
+        extensions: [ ".js", ".json" ],
+        transform: [],
+        transformKey: ["browserify", "transform"],
+        filter: (id) => {
+            if (opts.filter && !opts.filter(id)) return false;
+            if (["name"].indexOf(id) >= 0) return false;
+            return true;
+        },
+        postFilter: (id, file, pkg) => {
+            console.log("postFilter", id, file, pkg);
+        },
+        globalTransform: [],
+        modules: {},
+        resolve: (id, parent, cb) => {
+            cb(null, "", {});
+        }
+    });
+
+    inst.on("file", (file, id) => {
+        console.log("file", file, id);
+    });
+    inst.on("package", (pkg) => {
+        console.log("package", pkg);
+    });
+    inst.on("transform", (tr, file) => {
+        console.log("transform", tr, file);
+    });
+}
diff --git a/types/module-deps/tsconfig.json b/types/module-deps/tsconfig.json
new file mode 100644
index 0000000000..5dd4af3cc1
--- /dev/null
+++ b/types/module-deps/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "module-deps-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/module-deps/tslint.json b/types/module-deps/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/module-deps/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mongodb/index.d.ts b/types/mongodb/index.d.ts
index aac9a22a9a..ab4d2f4c02 100644
--- a/types/mongodb/index.d.ts
+++ b/types/mongodb/index.d.ts
@@ -17,6 +17,8 @@
 //                 Dominik Heigl <https://github.com/various89>
 //                 Angela-1 <https://github.com/angela-1>
 //                 Mikael Lirbank <https://github.com/lirbank>
+//                 Hector Ribes <https://github.com/hector7>
+//                 Florian Richter <https://github.com/floric>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -642,14 +644,14 @@ export interface Collection<TSchema = Default> {
      * @deprecated Use countDocuments or estimatedDocumentCount
      */
     count(callback: MongoCallback<number>): void;
-    count(query: Object, callback: MongoCallback<number>): void;
-    count(query?: Object, options?: MongoCountPreferences): Promise<number>;
-    count(query: Object, options: MongoCountPreferences, callback: MongoCallback<number>): void;
+    count(query: FilterQuery<TSchema>, callback: MongoCallback<number>): void;
+    count(query?: FilterQuery<TSchema>, options?: MongoCountPreferences): Promise<number>;
+    count(query: FilterQuery<TSchema>, options: MongoCountPreferences, callback: MongoCallback<number>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#countDocuments */
     countDocuments(callback: MongoCallback<number>): void;
-    countDocuments(query: Object, callback: MongoCallback<number>): void;
-    countDocuments(query?: Object, options?: MongoCountPreferences): Promise<number>;
-    countDocuments(query: Object, options: MongoCountPreferences, callback: MongoCallback<number>): void;
+    countDocuments(query: FilterQuery<TSchema>, callback: MongoCallback<number>): void;
+    countDocuments(query?: FilterQuery<TSchema>, options?: MongoCountPreferences): Promise<number>;
+    countDocuments(query: FilterQuery<TSchema>, options: MongoCountPreferences, callback: MongoCallback<number>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#createIndex */
     createIndex(fieldOrSpec: string | any, callback: MongoCallback<string>): void;
     createIndex(fieldOrSpec: string | any, options?: IndexOptions): Promise<string>;
@@ -667,9 +669,9 @@ export interface Collection<TSchema = Default> {
     deleteOne(filter: FilterQuery<TSchema>, options?: CommonOptions & { bypassDocumentValidation?: boolean }): Promise<DeleteWriteOpResultObject>;
     deleteOne(filter: FilterQuery<TSchema>, options: CommonOptions & { bypassDocumentValidation?: boolean }, callback: MongoCallback<DeleteWriteOpResultObject>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#distinct */
-    distinct(key: string, query: Object, callback: MongoCallback<any>): void;
-    distinct(key: string, query: Object, options?: { readPreference?: ReadPreference | string, maxTimeMS?: number, session?: ClientSession }): Promise<any>;
-    distinct(key: string, query: Object, options: { readPreference?: ReadPreference | string, maxTimeMS?: number, session?: ClientSession }, callback: MongoCallback<any>): void;
+    distinct(key: string, query: FilterQuery<TSchema>, callback: MongoCallback<any>): void;
+    distinct(key: string, query: FilterQuery<TSchema>, options?: { readPreference?: ReadPreference | string, maxTimeMS?: number, session?: ClientSession }): Promise<any>;
+    distinct(key: string, query: FilterQuery<TSchema>, options: { readPreference?: ReadPreference | string, maxTimeMS?: number, session?: ClientSession }, callback: MongoCallback<any>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#drop */
     drop(options?: { session: ClientSession }): Promise<any>;
     drop(callback: MongoCallback<any>): void;
@@ -684,9 +686,9 @@ export interface Collection<TSchema = Default> {
     dropIndexes(options: { session?: ClientSession, maxTimeMS?: number }, callback: MongoCallback<any>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#estimatedDocumentCount */
     estimatedDocumentCount(callback: MongoCallback<number>): void;
-    estimatedDocumentCount(query: Object, callback: MongoCallback<number>): void;
-    estimatedDocumentCount(query?: Object, options?: MongoCountPreferences): Promise<number>;
-    estimatedDocumentCount(query: Object, options: MongoCountPreferences, callback: MongoCallback<number>): void;
+    estimatedDocumentCount(query: FilterQuery<TSchema>, callback: MongoCallback<number>): void;
+    estimatedDocumentCount(query?: FilterQuery<TSchema>, options?: MongoCountPreferences): Promise<number>;
+    estimatedDocumentCount(query: FilterQuery<TSchema>, options: MongoCountPreferences, callback: MongoCallback<number>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#find */
     find<T = TSchema>(query?: FilterQuery<TSchema>): Cursor<T>;
     /** @deprecated */
@@ -705,8 +707,8 @@ export interface Collection<TSchema = Default> {
     findOneAndReplace(filter: FilterQuery<TSchema>, replacement: Object, options: FindOneAndReplaceOption, callback: MongoCallback<FindAndModifyWriteOpResultObject<TSchema>>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#findOneAndUpdate */
     findOneAndUpdate(filter: FilterQuery<TSchema>, update: Object, callback: MongoCallback<FindAndModifyWriteOpResultObject<TSchema>>): void;
-    findOneAndUpdate(filter: FilterQuery<TSchema>, update: Object, options?: FindOneAndReplaceOption): Promise<FindAndModifyWriteOpResultObject<TSchema>>;
-    findOneAndUpdate(filter: FilterQuery<TSchema>, update: Object, options: FindOneAndReplaceOption, callback: MongoCallback<FindAndModifyWriteOpResultObject<TSchema>>): void;
+    findOneAndUpdate(filter: FilterQuery<TSchema>, update: Object, options?: FindOneAndUpdateOption): Promise<FindAndModifyWriteOpResultObject<TSchema>>;
+    findOneAndUpdate(filter: FilterQuery<TSchema>, update: Object, options: FindOneAndUpdateOption, callback: MongoCallback<FindAndModifyWriteOpResultObject<TSchema>>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#geoHaystackSearch */
     geoHaystackSearch(x: number, y: number, callback: MongoCallback<any>): void;
     geoHaystackSearch(x: number, y: number, options?: GeoHaystackSearchOptions): Promise<any>;
@@ -737,19 +739,19 @@ export interface Collection<TSchema = Default> {
     initializeUnorderedBulkOp(options?: CommonOptions): UnorderedBulkOperation;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#insertOne */
     /** @deprecated Use insertOne, insertMany or bulkWrite */
-    insert(docs: Object, callback: MongoCallback<InsertOneWriteOpResult>): void;
+    insert(docs: TSchema, callback: MongoCallback<InsertOneWriteOpResult>): void;
     /** @deprecated Use insertOne, insertMany or bulkWrite */
-    insert(docs: Object, options?: CollectionInsertOneOptions): Promise<InsertOneWriteOpResult>;
+    insert(docs: TSchema, options?: CollectionInsertOneOptions): Promise<InsertOneWriteOpResult>;
     /** @deprecated Use insertOne, insertMany or bulkWrite */
-    insert(docs: Object, options: CollectionInsertOneOptions, callback: MongoCallback<InsertOneWriteOpResult>): void;
+    insert(docs: TSchema, options: CollectionInsertOneOptions, callback: MongoCallback<InsertOneWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#insertMany */
-    insertMany(docs: Object[], callback: MongoCallback<InsertWriteOpResult>): void;
-    insertMany(docs: Object[], options?: CollectionInsertManyOptions): Promise<InsertWriteOpResult>;
-    insertMany(docs: Object[], options: CollectionInsertManyOptions, callback: MongoCallback<InsertWriteOpResult>): void;
+    insertMany(docs: TSchema[], callback: MongoCallback<InsertWriteOpResult>): void;
+    insertMany(docs: TSchema[], options?: CollectionInsertManyOptions): Promise<InsertWriteOpResult>;
+    insertMany(docs: TSchema[], options: CollectionInsertManyOptions, callback: MongoCallback<InsertWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#insertOne */
-    insertOne(docs: Object, callback: MongoCallback<InsertOneWriteOpResult>): void;
-    insertOne(docs: Object, options?: CollectionInsertOneOptions): Promise<InsertOneWriteOpResult>;
-    insertOne(docs: Object, options: CollectionInsertOneOptions, callback: MongoCallback<InsertOneWriteOpResult>): void;
+    insertOne(docs: TSchema, callback: MongoCallback<InsertOneWriteOpResult>): void;
+    insertOne(docs: TSchema, options?: CollectionInsertOneOptions): Promise<InsertOneWriteOpResult>;
+    insertOne(docs: TSchema, options: CollectionInsertOneOptions, callback: MongoCallback<InsertOneWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#isCapped */
     isCapped(options?: { session: ClientSession }): Promise<any>;
     isCapped(callback: MongoCallback<any>): void;
@@ -784,76 +786,98 @@ export interface Collection<TSchema = Default> {
     rename(newName: string, options?: { dropTarget?: boolean, session?: ClientSession }): Promise<Collection<TSchema>>;
     rename(newName: string, options: { dropTarget?: boolean, session?: ClientSession }, callback: MongoCallback<Collection<TSchema>>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#replaceOne */
-    replaceOne(filter: FilterQuery<TSchema>, doc: Object, callback: MongoCallback<ReplaceWriteOpResult>): void;
-    replaceOne(filter: FilterQuery<TSchema>, doc: Object, options?: ReplaceOneOptions): Promise<ReplaceWriteOpResult>;
-    replaceOne(filter: FilterQuery<TSchema>, doc: Object, options: ReplaceOneOptions, callback: MongoCallback<ReplaceWriteOpResult>): void;
+    replaceOne(filter: FilterQuery<TSchema>, doc: TSchema, callback: MongoCallback<ReplaceWriteOpResult>): void;
+    replaceOne(filter: FilterQuery<TSchema>, doc: TSchema, options?: ReplaceOneOptions): Promise<ReplaceWriteOpResult>;
+    replaceOne(filter: FilterQuery<TSchema>, doc: TSchema, options: ReplaceOneOptions, callback: MongoCallback<ReplaceWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#save */
     /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
-    save(doc: Object, callback: MongoCallback<WriteOpResult>): void;
+    save(doc: TSchema, callback: MongoCallback<WriteOpResult>): void;
     /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
-    save(doc: Object, options?: CommonOptions): Promise<WriteOpResult>;
+    save(doc: TSchema, options?: CommonOptions): Promise<WriteOpResult>;
     /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
-    save(doc: Object, options: CommonOptions, callback: MongoCallback<WriteOpResult>): void;
+    save(doc: TSchema, options: CommonOptions, callback: MongoCallback<WriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#stats */
     stats(callback: MongoCallback<CollStats>): void;
     stats(options?: { scale: number, session?: ClientSession }): Promise<CollStats>;
     stats(options: { scale: number, session?: ClientSession }, callback: MongoCallback<CollStats>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#update */
     /** @deprecated use updateOne, updateMany or bulkWrite */
-    update(filter: FilterQuery<TSchema>, update: Object, callback: MongoCallback<WriteOpResult>): void;
+    update(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, callback: MongoCallback<WriteOpResult>): void;
     /** @deprecated use updateOne, updateMany or bulkWrite */
-    update(filter: FilterQuery<TSchema>, update: Object, options?: ReplaceOneOptions & { multi?: boolean }): Promise<WriteOpResult>;
+    update(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options?: UpdateOneOptions & { multi?: boolean }): Promise<WriteOpResult>;
     /** @deprecated use updateOne, updateMany or bulkWrite */
-    update(filter: FilterQuery<TSchema>, update: Object, options: ReplaceOneOptions & { multi?: boolean }, callback: MongoCallback<WriteOpResult>): void;
+    update(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options: UpdateOneOptions & { multi?: boolean }, callback: MongoCallback<WriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#updateMany */
-    updateMany(filter: FilterQuery<TSchema>, update: Object, callback: MongoCallback<UpdateWriteOpResult>): void;
-    updateMany(filter: FilterQuery<TSchema>, update: Object, options?: CommonOptions & { upsert?: boolean }): Promise<UpdateWriteOpResult>;
-    updateMany(filter: FilterQuery<TSchema>, update: Object, options: CommonOptions & { upsert?: boolean }, callback: MongoCallback<UpdateWriteOpResult>): void;
+    updateMany(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, callback: MongoCallback<UpdateWriteOpResult>): void;
+    updateMany(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options?: UpdateManyOptions): Promise<UpdateWriteOpResult>;
+    updateMany(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options: UpdateManyOptions, callback: MongoCallback<UpdateWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#updateOne */
-    updateOne(filter: FilterQuery<TSchema>, update: Object, callback: MongoCallback<UpdateWriteOpResult>): void;
-    updateOne(filter: FilterQuery<TSchema>, update: Object, options?: ReplaceOneOptions): Promise<UpdateWriteOpResult>;
-    updateOne(filter: FilterQuery<TSchema>, update: Object, options: ReplaceOneOptions, callback: MongoCallback<UpdateWriteOpResult>): void;
+    updateOne(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, callback: MongoCallback<UpdateWriteOpResult>): void;
+    updateOne(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options?: UpdateOneOptions): Promise<UpdateWriteOpResult>;
+    updateOne(filter: FilterQuery<TSchema>, update: UpdateQuery<TSchema> | TSchema, options: UpdateOneOptions, callback: MongoCallback<UpdateWriteOpResult>): void;
     /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#watch */
     watch(pipeline?: Object[], options?: ChangeStreamOptions & { startAtClusterTime?: Timestamp, session?: ClientSession }): ChangeStream;
 }
 
-export type FilterQuery<T> = {
-    [P in keyof T]?: T[P] | {
-        $eq?: T[P];
-        $gt?: T[P];
-        $gte?: T[P];
-        $in?: T[P][];
-        $lt?: T[P];
-        $lte?: T[P];
-        $ne?: T[P];
-        $nin?: T[P][];
-        $and?: (FilterQuery<T[P]> | T[P])[];
-        $or?: (FilterQuery<T[P]> | T[P])[];
-        $not?: (FilterQuery<T[P]> | T[P])[] | T[P];
-        $expr?: any;
-        $jsonSchema?: any;
-        $mod?: [number, number];
-        $regex?: RegExp;
-        $options?: string;
-        $text?: {
-            $search: string;
-            $language?: string;
-            $caseSensitive?: boolean;
-            $diacraticSensitive?: boolean;
-        };
-        $where: Object;
-        $geoIntersects?: Object;
-        $geoWithin?: Object;
-        $near?: Object;
-        $nearSphere?: Object;
-        $elemMatch?: Object;
-        $size?: number;
-        $bitsAllClear?: Object;
-        $bitsAllSet?: Object;
-        $bitsAnyClear?: Object;
-        $bitsAnySet?: Object;
-        [key: string]: any;
+type Condition<T, P extends keyof T> = {
+    $eq?: T[P];
+    $gt?: T[P];
+    $gte?: T[P];
+    $in?: T[P][];
+    $lt?: T[P];
+    $lte?: T[P];
+    $ne?: T[P];
+    $nin?: T[P][];
+    $and?: (FilterQuery<T[P]> | T[P])[];
+    $or?: (FilterQuery<T[P]> | T[P])[];
+    $not?: (FilterQuery<T[P]> | T[P])[] | T[P];
+    $expr?: any;
+    $jsonSchema?: any;
+    $mod?: [number, number];
+    $regex?: RegExp;
+    $options?: string;
+    $text?: {
+        $search: string;
+        $language?: string;
+        $caseSensitive?: boolean;
+        $diacraticSensitive?: boolean;
     };
+    $where: Object;
+    $geoIntersects?: Object;
+    $geoWithin?: Object;
+    $near?: Object;
+    $nearSphere?: Object;
+    $elemMatch?: Object;
+    $size?: number;
+    $bitsAllClear?: Object;
+    $bitsAllSet?: Object;
+    $bitsAnyClear?: Object;
+    $bitsAnySet?: Object;
+    [key: string]: any;
+};
+
+/** https://docs.mongodb.com/manual/reference/operator/update */
+export type UpdateQuery<T> = {
+    $inc?: { [P in keyof T]?: number } | { [key: string]: number };
+    $min?: { [P in keyof T]?: number } | { [key: string]: number };
+    $max?: { [P in keyof T]?: number } | { [key: string]: number };
+    $mul?: { [P in keyof T]?: number } | { [key: string]: number };
+    $set?: Partial<T> | { [key: string]: any };
+    $setOnInsert?: Partial<T> | { [key: string]: any };
+    $unset?: { [P in keyof T]?: '' } | { [key: string]: '' };
+    $rename?: { [key: string]: keyof T } | { [key: string]: string };
+    $currentDate?: { [P in keyof T]?: (true | { $type: 'date' | 'timestamp' }) } | { [key: string]: (true | { $type: 'date' | 'timestamp' }) };
+    $addToSet?: Partial<T> | { [key: string]: any };
+    $pop?: { [P in keyof T]?: -1 | 1 } | { [key: string]: -1 | 1 };
+    $pull?: Partial<T> | { [key: string]: Condition<T, keyof T> };
+    $push?: Partial<T> | { [key: string]: any };
+    $pushAll?: Partial<T> | { [key: string]: Array<any> };
+    $each?: Partial<T> | { [key: string]: Array<any> };
+    $bit?: { [P in keyof T]?: any } | { [key: string]: any };
+};
+
+export type FilterQuery<T> = {
+    [P in keyof T]?: T[P] | Condition<T, P>;
 } | { [key: string]: any };
 
 // Documentation: http://docs.mongodb.org/manual/reference/command/collStats/
@@ -1134,13 +1158,17 @@ export interface FindAndModifyWriteOpResultObject<TSchema = Default> {
 }
 
 /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#findOneAndReplace */
-export interface FindOneAndReplaceOption {
+export interface FindOneAndReplaceOption extends CommonOptions {
     projection?: Object;
     sort?: Object;
     maxTimeMS?: number;
     upsert?: boolean;
     returnOriginal?: boolean;
-    session?: ClientSession;
+}
+
+/** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#findOneAndUpdate */
+export interface FindOneAndUpdateOption extends FindOneAndReplaceOption {
+    arrayFilters?: Object[];
 }
 
 /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#geoHaystackSearch */
@@ -1332,6 +1360,17 @@ export interface ReplaceOneOptions extends CommonOptions {
     bypassDocumentValidation?: boolean;
 }
 
+/** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#updateOne */
+export interface UpdateOneOptions extends ReplaceOneOptions {
+    arrayFilters?: Object[];
+}
+
+/** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#updateMany */
+export interface UpdateManyOptions extends CommonOptions {
+    upsert?: boolean;
+    arrayFilters?: Object[];
+}
+
 /** http://mongodb.github.io/node-mongodb-native/3.1/api/Collection.html#~updateWriteOpResult */
 export interface UpdateWriteOpResult {
     result: { ok: number, n: number, nModified: number };
diff --git a/types/mongodb/mongodb-tests.ts b/types/mongodb/mongodb-tests.ts
index 9151346ea5..b9b4a63c8d 100644
--- a/types/mongodb/mongodb-tests.ts
+++ b/types/mongodb/mongodb-tests.ts
@@ -36,6 +36,7 @@ let options: mongodb.MongoClientOptions = {
 MongoClient.connect(connectionString, options, function (err: mongodb.MongoError, client: mongodb.MongoClient) {
     if (err) throw err;
     const db = client.db('test');
+	
     var collection = db.collection('test_insert');
     collection.insertOne({ a: 2 }, function (err: mongodb.MongoError, docs: any) {
 
@@ -156,10 +157,11 @@ MongoClient.connect(connectionString, options, function (err: mongodb.MongoError
     {
         type TestCollection = {
             stringField: string;
-            numberField: number;
+            numberField?: number;
         };
         let testCollection = db.collection<TestCollection>('testCollection');
-
+		testCollection.insertOne({stringField:'hola'})
+		testCollection.insertMany([{stringField:'hola'},{stringField:'hola', numberField: 1}])
         testCollection.find({
             numberField: {
                 $and: [{ $gt: 0, $lt: 100 }]
diff --git a/types/mongoose-paginate/mongoose-paginate-tests.ts b/types/mongoose-paginate/mongoose-paginate-tests.ts
index 320077bc3a..d55f8a454e 100644
--- a/types/mongoose-paginate/mongoose-paginate-tests.ts
+++ b/types/mongoose-paginate/mongoose-paginate-tests.ts
@@ -40,7 +40,7 @@ let router: Router = Router();
 
 router.get('/users.json', function(req: Request, res: Response) {
     let descending: boolean = true;
-    let options: PaginateOptions = <PaginateOptions>{};
+    let options: PaginateOptions = {} as PaginateOptions;
     options.select = 'email username';
     options.sort = { 'username': (descending ? -1 : 1) };
     options.populate = '';
diff --git a/types/mongoose/index.d.ts b/types/mongoose/index.d.ts
index 7a28f641f6..5963be87ed 100644
--- a/types/mongoose/index.d.ts
+++ b/types/mongoose/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Mongoose 5.2.13
+// Type definitions for Mongoose 5.3.4
 // Project: http://mongoosejs.com/
 // Definitions by: horiuchi <https://github.com/horiuchi>
 //                 sindrenm <https://github.com/sindrenm>
@@ -12,6 +12,10 @@
 //                 alfirin <https://github.com/alfirin>
 //                 Idan Dardikman <https://github.com/idandrd>
 //                 Dominik Heigl <https://github.com/various89>
+//                 Fazendaaa <https://github.com/Fazendaaa>
+//                 Norman Perrin <https://github.com/NormanPerrin>
+//                 Dan Manastireanu <https://github.com/danmana>
+//                 stablio <https://github.com/stablio>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -387,6 +391,10 @@ declare module "mongoose" {
 
     /** Flag for using new URL string parser instead of current (deprecated) one */
     useNewUrlParser?: boolean;
+    /** Set to false to make findOneAndUpdate() and findOneAndRemove() use native findOneAndUpdate() rather than findAndModify(). */
+    useFindAndModify?: boolean;
+    /** If true, this connection will use createIndex() instead of ensureIndex() for automatic index builds via Model.init(). */
+    useCreateIndex?: boolean;
 
     // TODO
     safe?: any;
@@ -471,15 +479,6 @@ declare module "mongoose" {
     static STATES: any;
   }
 
-  /*
-   * section error/validation.js
-   * http://mongoosejs.com/docs/api.html#error-validation-js
-   */
-  class ValidationError extends Error {
-    /** Console.log helper */
-    toString(): string;
-  }
-
   /*
    * section error.js
    * http://mongoosejs.com/docs/api.html#error-js
@@ -504,6 +503,143 @@ declare module "mongoose" {
 
     /** For backwards compatibility. Same as mongoose.Error.messages */
     static Messages: any;
+
+  }
+
+  module Error {
+
+    /**
+     * section error/notFound.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.DocumentNotFoundError
+     * 
+     * An instance of this error class will be returned when `save()` fails
+     * because the underlying
+     * document was not found. The constructor takes one parameter, the
+     * conditions that mongoose passed to `update()` when trying to update
+     * the document.
+     */
+    export class DocumentNotFoundError extends Error {
+    }
+
+    /**
+     * section error/cast.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.CastError
+     * 
+     * An instance of this error class will be returned when mongoose failed to
+     * cast a value.
+     */
+    export class CastError extends Error {
+      stringValue: string;
+      kind: string;
+      path: string;
+      value: any;
+      reason?: any;
+      model?: any;
+
+      constructor(type: string, value: any, path: string, reason?: NativeError);
+
+      setModel(model: any): void;
+    }
+
+    /**
+     * section error/validation.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ValidationError
+     * 
+     * An instance of this error class will be returned when [validation](http://mongoosejs.com/docs/validation.html) failed.
+     */
+    export class ValidationError extends Error {
+      errors: any;
+
+      constructor(instance: MongooseDocument);
+
+      /** Console.log helper */
+      toString(): string;
+
+      inspect(): object;
+
+      toJSON(): object;
+
+      addError(path: string, error: any): void;
+    }
+
+    /**
+     * section error/validator.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ValidatorError
+     * 
+     * A `ValidationError` has a hash of `errors` that contain individual `ValidatorError` instances
+     */
+    export class ValidatorError extends Error {
+      properties: any;
+      kind: string;
+      path: string;
+      value: any;
+      reason: any;
+
+      constructor(properties: any);
+
+      formatMessage(msg: string | Function, properties: any): string;
+
+      toString(): string;
+    }
+
+    /**
+     * section error/version.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.VersionError
+     * 
+     * An instance of this error class will be returned when you call `save()` after
+     * the document in the database was changed in a potentially unsafe way. See
+     * the [`versionKey` option](http://mongoosejs.com/docs/guide.html#versionKey) for more information.
+     */
+    export class VersionError extends Error {
+      version: any;
+      modifiedPaths: Array<any>;
+
+      constructor(doc: MongooseDocument, currentVersion: any, modifiedPaths: any);
+    }
+
+    /**
+     * section error/parallelSave.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ParallelSaveError
+     * 
+     * An instance of this error class will be returned when you call `save()` multiple
+     * times on the same document in parallel. See the [FAQ](http://mongoosejs.com/docs/faq.html) for more
+     * information.
+     */
+    export class ParallelSaveError extends Error {
+      constructor(doc: MongooseDocument);
+    }
+
+    /**
+     * section error/overwriteModel.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.OverwriteModelError
+     * 
+     * Thrown when a model with the given name was already registered on the connection.
+     * See [the FAQ about `OverwriteModelError`](http://mongoosejs.com/docs/faq.html#overwrite-model-error).
+     */
+    export class OverwriteModelError extends Error {
+      constructor(name: string);
+    }
+
+    /**
+     * section error/missingSchema.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.MissingSchemaError
+     * 
+     * Thrown when you try to access a model that has not been registered yet
+     */
+    export class MissingSchemaError extends Error {
+      constructor(name: string);
+    }
+
+    /**
+     * section error/divergentArray.js
+     * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.DivergentArrayError
+     * 
+     * An instance of this error will be returned if you used an array projection
+     * and then modified the array in an unsafe way.
+     */
+    export class DivergentArrayError extends Error {
+      constructor(paths: Array<any>);
+    }
   }
 
   interface EachAsyncOptions {
@@ -861,6 +997,7 @@ declare module "mongoose" {
     /** controls document#toObject behavior when called manually - defaults to true */
     minimize?: boolean;
     read?: string;
+    writeConcern?: WriteConcern;
     /** defaults to true. */
     safe?: boolean | { w?: number | string; wtimeout?: number; j?: boolean };
 
@@ -1111,7 +1248,7 @@ declare module "mongoose" {
      * Takes a populated field and returns it to its unpopulated state.
      * If the path was not populated, this is a no-op.
      */
-    depopulate(path: string): this;
+    depopulate(path?: string): this;
 
     /**
      * Returns true if the Document stores the same data as doc.
@@ -1158,7 +1295,7 @@ declare module "mongoose" {
      * @param kind optional kind property for the error
      * @returns the current ValidationError, with all currently invalidated paths
      */
-    invalidate(path: string, errorMsg: string | NativeError, value: any, kind?: string): ValidationError | boolean;
+    invalidate(path: string, errorMsg: string | NativeError, value: any, kind?: string): Error.ValidationError | boolean;
 
     /** Returns true if path was directly set and modified, else false. */
     isDirectModified(path: string): boolean;
@@ -1546,7 +1683,7 @@ declare module "mongoose" {
    * been using Query<T>, we set it as an alias of DocumentQuery.
    */
   class Query<T> extends DocumentQuery<T, any> { }
-  class DocumentQuery<T, DocType extends Document> extends mquery {
+  class DocumentQuery<T, DocType extends Document, QueryHelpers = {}> extends mquery {
     /**
      * Specifies a javascript function or expression to pass to MongoDBs query system.
      * Only use $where when you have a condition that cannot be met using other MongoDB
@@ -1626,8 +1763,8 @@ declare module "mongoose" {
      * Specifying this query as a count query. Passing a callback executes the query.
      * @param criteria mongodb selector
      */
-    count(callback?: (err: any, count: number) => void): Query<number>;
-    count(criteria: any, callback?: (err: any, count: number) => void): Query<number>;
+    count(callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
+    count(criteria: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Specifies this query as a `countDocuments()` query. Behaves like `count()`,
@@ -1648,8 +1785,8 @@ declare module "mongoose" {
      * @param {Function} [callback] optional params are (error, count)
      * @return {Query} this
     */
-    countDocuments(callback?: (err: any, count: number) => void): Query<number>;
-    countDocuments(criteria: any, callback?: (err: any, count: number) => void): Query<number>;
+    countDocuments(callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
+    countDocuments(criteria: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Estimates the number of documents in the MongoDB collection. Faster than
@@ -1661,8 +1798,8 @@ declare module "mongoose" {
      * @param {Function} [callback] optional params are (error, count)
      * @return {Query} this
      */
-    estimatedDocumentCount(callback?: (err: any, count: number) => void): Query<number>;
-    estimatedDocumentCount(options: any, callback?: (err: any, count: number) => void): Query<number>;
+    estimatedDocumentCount(callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
+    estimatedDocumentCount(options: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Returns a wrapper around a mongodb driver cursor. A Query<T>Cursor exposes a
@@ -1671,10 +1808,10 @@ declare module "mongoose" {
     cursor(options?: any): QueryCursor<DocType>;
 
     /** Declares or executes a distict() operation. Passing a callback executes the query. */
-    distinct(callback?: (err: any, res: any[]) => void): Query<any[]>;
-    distinct(field: string, callback?: (err: any, res: any[]) => void): Query<any[]>;
+    distinct(callback?: (err: any, res: any[]) => void): Query<any[]> & QueryHelpers;
+    distinct(field: string, callback?: (err: any, res: any[]) => void): Query<any[]> & QueryHelpers;
     distinct(field: string, criteria: any | Query<any>,
-      callback?: (err: any, res: any[]) => void): Query<any[]>;
+      callback?: (err: any, res: any[]) => void): Query<any[]> & QueryHelpers;
 
     /** Specifies an $elemMatch condition */
     elemMatch(criteria: (elem: Query<any>) => void): this;
@@ -1683,7 +1820,7 @@ declare module "mongoose" {
     elemMatch(path: string | any | Function, criteria: any): this;
 
     /** Specifies the complementary comparison value for paths specified with where() */
-    equals(val: any): this;
+    equals<T>(val: T): this;
 
     /** Executes the query */
     exec(callback?: (err: any, res: T) => void): Promise<T>;
@@ -1698,9 +1835,9 @@ declare module "mongoose" {
      * query is executed, the result will be an array of documents.
      * @param criteria mongodb selector
      */
-    find(callback?: (err: any, res: DocType[]) => void): DocumentQuery<DocType[], DocType>;
+    find(callback?: (err: any, res: DocType[]) => void): DocumentQuery<DocType[], DocType> & QueryHelpers;
     find(criteria: any,
-      callback?: (err: any, res: DocType[]) => void): DocumentQuery<DocType[], DocType>;
+      callback?: (err: any, res: DocType[]) => void): DocumentQuery<DocType[], DocType> & QueryHelpers;
 
     /**
      * Declares the query a findOne operation. When executed, the first found document is
@@ -1709,36 +1846,36 @@ declare module "mongoose" {
      * @param criteria mongodb selector
      * @param projection optional fields to return
      */
-    findOne(callback?: (err: any, res: DocType | null) => void): DocumentQuery<DocType | null, DocType>;
+    findOne(callback?: (err: any, res: DocType | null) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOne(criteria: any,
-      callback?: (err: any, res: DocType | null) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (err: any, res: DocType | null) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
 
     /**
      * Issues a mongodb findAndModify remove command.
      * Finds a matching document, removes it, passing the found document (if any) to the
      * callback. Executes immediately if callback is passed.
      */
-    findOneAndRemove(callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType>;
+    findOneAndRemove(callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndRemove(conditions: any,
-      callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndRemove(conditions: any, options: QueryFindOneAndRemoveOptions,
-      callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (error: any, doc: DocType | null, result: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
 
     /**
      * Issues a mongodb findAndModify update command.
      * Finds a matching document, updates it according to the update arg, passing any options, and returns
      * the found document (if any) to the callback. The query executes immediately if callback is passed.
      */
-    findOneAndUpdate(callback?: (err: any, doc: DocType | null) => void): DocumentQuery<DocType | null, DocType>;
+    findOneAndUpdate(callback?: (err: any, doc: DocType | null) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndUpdate(update: any,
-      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndUpdate(query: any, update: any,
-      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndUpdate(query: any, update: any,
       options: { upsert: true, new: true } & QueryFindOneAndUpdateOptions,
-      callback?: (err: any, doc: DocType, res: any) => void): DocumentQuery<DocType, DocType>;
+      callback?: (err: any, doc: DocType, res: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
     findOneAndUpdate(query: any, update: any, options: QueryFindOneAndUpdateOptions,
-      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType>;
+      callback?: (err: any, doc: DocType | null, res: any) => void): DocumentQuery<DocType | null, DocType> & QueryHelpers;
 
     /**
      * Specifies a $geometry condition. geometry() must come after either intersects() or within().
@@ -1763,15 +1900,15 @@ declare module "mongoose" {
      * Specifies a $gt query condition.
      * When called with one argument, the most recent path passed to where() is used.
      */
-    gt(val: number): this;
-    gt(path: string, val: number): this;
+    gt<T>(val: T): this;
+    gt<T>(path: string, val: T): this;
 
     /**
      * Specifies a $gte query condition.
      * When called with one argument, the most recent path passed to where() is used.
      */
-    gte(val: number): this;
-    gte(path: string, val: number): this;
+    gte<T>(val: T): this;
+    gte<T>(path: string, val: T): this;
 
     /**
      * Sets query hints.
@@ -1796,7 +1933,7 @@ declare module "mongoose" {
      * getters/setters or other Mongoose magic applied.
      * @param bool defaults to true
      */
-    lean(bool?: boolean): Query<any>;
+    lean(bool?: boolean): Query<any> & QueryHelpers;
 
     /** Specifies the maximum number of documents the query will return. Cannot be used with distinct() */
     limit(val: number): this;
@@ -1805,15 +1942,15 @@ declare module "mongoose" {
      * Specifies a $lt query condition.
      * When called with one argument, the most recent path passed to where() is used.
      */
-    lt(val: number): this;
-    lt(path: string, val: number): this;
+    lt<T>(val: T): this;
+    lt<T>(path: string, val: T): this;
 
     /**
      * Specifies a $lte query condition.
      * When called with one argument, the most recent path passed to where() is used.
      */
-    lte(val: number): this;
-    lte(path: string, val: number): this;
+    lte<T>(val: T): this;
+    lte<T>(path: string, val: T): this;
 
     /**
      * Specifies a $maxDistance query condition.
@@ -1920,8 +2057,8 @@ declare module "mongoose" {
      * you must first call remove() and then execute it by using the exec() method.
      * @param criteria mongodb selector
      */
-    remove(callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']>;
-    remove(criteria: any | Query<any>, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']>;
+    remove(callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']> & QueryHelpers;
+    remove(criteria: any | Query<any>, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']> & QueryHelpers;
 
     /** Specifies which document fields to include or exclude (also known as the query "projection") */
     select(arg: string | any): this;
@@ -1999,20 +2136,20 @@ declare module "mongoose" {
      * Converts this query to a customized, reusable query
      * constructor with all arguments and options retained.
      */
-    toConstructor<T>(): new (...args: any[]) => Query<T>;
-    toConstructor<T, Doc extends Document>(): new (...args: any[]) => DocumentQuery<T, Doc>;
+    toConstructor<T>(): new (...args: any[]) => Query<T> & QueryHelpers;
+    toConstructor<T, Doc extends Document>(): new (...args: any[]) => DocumentQuery<T, Doc> & QueryHelpers;
 
     /**
      * Declare and/or execute this query as an update() operation.
      * All paths passed that are not $atomic operations will become $set ops.
      * @param doc the update command
      */
-    update(callback?: (err: any, affectedRows: number) => void): Query<number>;
-    update(doc: any, callback?: (err: any, affectedRows: number) => void): Query<number>;
+    update(callback?: (err: any, affectedRows: number) => void): Query<number> & QueryHelpers;
+    update(doc: any, callback?: (err: any, affectedRows: number) => void): Query<number> & QueryHelpers;
     update(criteria: any, doc: any,
-      callback?: (err: any, affectedRows: number) => void): Query<number>;
+      callback?: (err: any, affectedRows: number) => void): Query<number> & QueryHelpers;
     update(criteria: any, doc: any, options: QueryUpdateOptions,
-      callback?: (err: any, affectedRows: number) => void): Query<number>;
+      callback?: (err: any, affectedRows: number) => void): Query<number> & QueryHelpers;
 
     /** Specifies a path for use with chaining. */
     where(path?: string | any, val?: any): this;
@@ -2598,7 +2735,7 @@ declare module "mongoose" {
    * http://mongoosejs.com/docs/api.html#model-js
    */
   export var Model: Model<any>;
-  interface Model<T extends Document> extends NodeJS.EventEmitter, ModelProperties {
+  interface Model<T extends Document, QueryHelpers = {}> extends NodeJS.EventEmitter, ModelProperties {
     /**
      * Model constructor
      * Provides the interface to MongoDB collections as well as creates document instances.
@@ -2648,11 +2785,11 @@ declare module "mongoose" {
      * @param projection optional fields to return
      */
     findById(id: any | string | number,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findById(id: any | string | number, projection: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findById(id: any | string | number, projection: any, options: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     model(name: string): Model<T>;
 
@@ -2660,7 +2797,7 @@ declare module "mongoose" {
      * Creates a Query and specifies a $where condition.
      * @param argument is a javascript string or anonymous function
      */
-    $where(argument: string | Function): DocumentQuery<T, T>;
+    $where(argument: string | Function): DocumentQuery<T, T> & QueryHelpers;
 
     /**
      * Performs aggregations on the models collection.
@@ -2672,7 +2809,7 @@ declare module "mongoose" {
     aggregate(aggregations: any[], cb: Function): Promise<any[]>;
 
     /** Counts number of matching documents in a database collection. */
-    count(conditions: any, callback?: (err: any, count: number) => void): Query<number>;
+    count(conditions: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Counts number of documents matching `criteria` in a database collection.
@@ -2686,8 +2823,8 @@ declare module "mongoose" {
      * @param {Function} [callback]
      * @return {Query}
      */
-    countDocuments(callback?: (err: any, count: number) => void): Query<number>;
-    countDocuments(criteria: any, callback?: (err: any, count: number) => void): Query<number>;
+    countDocuments(callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
+    countDocuments(criteria: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Estimates the number of documents in the MongoDB collection. Faster than
@@ -2699,8 +2836,8 @@ declare module "mongoose" {
      * @param {Function} [callback]
      * @return {Query}
      */
-    estimatedDocumentCount(callback?: (err: any, count: number) => void): Query<number>;
-    estimatedDocumentCount(options: any, callback?: (err: any, count: number) => void): Query<number>;
+    estimatedDocumentCount(callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
+    estimatedDocumentCount(options: any, callback?: (err: any, count: number) => void): Query<number> & QueryHelpers;
 
     /**
      * Shortcut for saving one or more documents to the database. MyModel.create(docs)
@@ -2720,9 +2857,9 @@ declare module "mongoose" {
     discriminator<U extends Document>(name: string, schema: Schema): Model<U>;
 
     /** Creates a Query for a distinct operation. Passing a callback immediately executes the query. */
-    distinct(field: string, callback?: (err: any, res: any[]) => void): Query<any[]>;
+    distinct(field: string, callback?: (err: any, res: any[]) => void): Query<any[]> & QueryHelpers;
     distinct(field: string, conditions: any,
-      callback?: (err: any, res: any[]) => void): Query<any[]>;
+      callback?: (err: any, res: any[]) => void): Query<any[]> & QueryHelpers;
 
     /**
      * Sends ensureIndex commands to mongo for each index declared in the schema.
@@ -2742,12 +2879,12 @@ declare module "mongoose" {
      * Finds documents.
      * @param projection optional fields to return
      */
-    find(callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T>;
-    find(conditions: any, callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T>;
+    find(callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T> & QueryHelpers;
+    find(conditions: any, callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T> & QueryHelpers;
     find(conditions: any, projection?: any | null,
-      callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T>;
+      callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T> & QueryHelpers;
     find(conditions: any, projection?: any | null, options?: any | null,
-      callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T>;
+      callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T> & QueryHelpers;
 
 
 
@@ -2758,15 +2895,15 @@ declare module "mongoose" {
      * Executes immediately if callback is passed, else a Query object is returned.
      * @param id value of _id to query by
      */
-    findByIdAndRemove(): DocumentQuery<T | null, T>;
+    findByIdAndRemove(): DocumentQuery<T | null, T> & QueryHelpers;
     findByIdAndRemove(id: any | number | string,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findByIdAndRemove(id: any | number | string, options: {
       /** if multiple docs are found by the conditions, sets the sort order to choose which doc to update */
       sort?: any;
       /** sets the document fields to return */
       select?: any;
-    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
 
      /**
@@ -2778,28 +2915,28 @@ declare module "mongoose" {
      */
     findByIdAndDelete(): DocumentQuery<T | null, T>;
     findByIdAndDelete(id: any | number | string,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findByIdAndDelete(id: any | number | string, options: {
       /** if multiple docs are found by the conditions, sets the sort order to choose which doc to update */
       sort?: any;
       /** sets the document fields to return */
       select?: any;
-    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     /**
      * Issues a mongodb findAndModify update command by a document's _id field. findByIdAndUpdate(id, ...)
      * is equivalent to findOneAndUpdate({ _id: id }, ...).
      * @param id value of _id to query by
      */
-    findByIdAndUpdate(): DocumentQuery<T | null, T>;
+    findByIdAndUpdate(): DocumentQuery<T | null, T> & QueryHelpers;
     findByIdAndUpdate(id: any | number | string, update: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findByIdAndUpdate(id: any | number | string, update: any,
       options: { upsert: true, new: true } & ModelFindByIdAndUpdateOptions,
-      callback?: (err: any, res: T) => void): DocumentQuery<T, T>;
+      callback?: (err: any, res: T) => void): DocumentQuery<T, T> & QueryHelpers;
     findByIdAndUpdate(id: any | number | string, update: any,
       options: ModelFindByIdAndUpdateOptions,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     /**
      * Finds one document.
@@ -2807,20 +2944,20 @@ declare module "mongoose" {
      * @param projection optional fields to return
      */
     findOne(conditions?: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findOne(conditions: any, projection: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findOne(conditions: any, projection: any, options: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     /**
      * Issue a mongodb findAndModify remove command.
      * Finds a matching document, removes it, passing the found document (if any) to the callback.
      * Executes immediately if callback is passed else a Query object is returned.
      */
-    findOneAndRemove(): DocumentQuery<T | null, T>;
+    findOneAndRemove(): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndRemove(conditions: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndRemove(conditions: any, options: {
       /**
        * if multiple docs are found by the conditions, sets the sort order to choose
@@ -2831,16 +2968,16 @@ declare module "mongoose" {
       maxTimeMS?: number;
       /** sets the document fields to return */
       select?: any;
-    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
-    
+    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
+
     /**
      * Issues a mongodb findOneAndDelete command.
      * Finds a matching document, removes it, passing the found document (if any) to the
      * callback. Executes immediately if callback is passed.
      */
-    findOneAndDelete(): DocumentQuery<T | null, T>;
+    findOneAndDelete(): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndDelete(conditions: any,
-      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndDelete(conditions: any, options: {
       /**
        * if multiple docs are found by the conditions, sets the sort order to choose
@@ -2850,14 +2987,14 @@ declare module "mongoose" {
       /** puts a time limit on the query - requires mongodb >= 2.6.0 */
       maxTimeMS?: number;
       /** sets the document fields to return */
-      select?: any;             
-      /** like select, it determines which fields to return */          
+      select?: any;
+      /** like select, it determines which fields to return */
       projection?: any;
-      /** if true, returns the raw result from the MongoDB driver */                     
+      /** if true, returns the raw result from the MongoDB driver */
       rawResult?: boolean;
-      /** overwrites the schema's strict mode option for this update */                     
-      strict?: boolean|string;                      
-    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T>;
+      /** overwrites the schema's strict mode option for this update */
+      strict?: boolean|string;
+    }, callback?: (err: any, res: T | null) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     /**
      * Issues a mongodb findAndModify update command.
@@ -2865,15 +3002,15 @@ declare module "mongoose" {
      * and returns the found document (if any) to the callback. The query executes immediately
      * if callback is passed else a Query object is returned.
      */
-    findOneAndUpdate(): DocumentQuery<T | null, T>;
+    findOneAndUpdate(): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndUpdate(conditions: any, update: any,
-      callback?: (err: any, doc: T | null, res: any) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, doc: T | null, res: any) => void): DocumentQuery<T | null, T> & QueryHelpers;
     findOneAndUpdate(conditions: any, update: any,
       options: { upsert: true, new: true } & ModelFindOneAndUpdateOptions,
-      callback?: (err: any, doc: T, res: any) => void): DocumentQuery<T, T>;
+      callback?: (err: any, doc: T, res: any) => void): DocumentQuery<T, T> & QueryHelpers;
     findOneAndUpdate(conditions: any, update: any,
       options: ModelFindOneAndUpdateOptions,
-      callback?: (err: any, doc: T | null, res: any) => void): DocumentQuery<T | null, T>;
+      callback?: (err: any, doc: T | null, res: any) => void): DocumentQuery<T | null, T> & QueryHelpers;
 
     /**
      * Implements $geoSearch functionality for Mongoose
@@ -2890,7 +3027,7 @@ declare module "mongoose" {
       limit?: number;
       /** return the raw object instead of the Mongoose Model */
       lean?: boolean;
-    }, callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T>;
+    }, callback?: (err: any, res: T[]) => void): DocumentQuery<T[], T> & QueryHelpers;
 
     /**
      * Shortcut for creating a new Document from existing raw data,
@@ -2950,35 +3087,35 @@ declare module "mongoose" {
       callback?: (err: any, res: T) => void): Promise<T>;
 
     /** Removes documents from the collection. */
-    remove(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']>;
-    deleteOne(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']>;
-    deleteMany(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']>;
+    remove(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']> & QueryHelpers;
+    deleteOne(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']> & QueryHelpers;
+    deleteMany(conditions: any, callback?: (err: any) => void): Query<mongodb.WriteOpResult['result']> & QueryHelpers;
 
     /**
      * Same as update(), except MongoDB replace the existing document with the given document (no atomic operators like $set).
      * This function triggers the following middleware: replaceOne
      */
-    replaceOne(conditions: any, replacement: any, callback?: (err: any, raw: any) => void): Query<any>;
+    replaceOne(conditions: any, replacement: any, callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
 
     /**
      * Updates documents in the database without returning them.
      * All update values are cast to their appropriate SchemaTypes before being sent.
      */
     update(conditions: any, doc: any,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
     update(conditions: any, doc: any, options: ModelUpdateOptions,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
     updateOne(conditions: any, doc: any,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
     updateOne(conditions: any, doc: any, options: ModelUpdateOptions,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
     updateMany(conditions: any, doc: any,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
     updateMany(conditions: any, doc: any, options: ModelUpdateOptions,
-      callback?: (err: any, raw: any) => void): Query<any>;
+      callback?: (err: any, raw: any) => void): Query<any> & QueryHelpers;
 
     /** Creates a Query, applies the passed conditions, and returns the Query. */
-    where(path: string, val?: any): Query<any>;
+    where(path: string, val?: any): Query<any> & QueryHelpers;
   }
 
   interface Document extends MongooseDocument, NodeJS.EventEmitter, ModelProperties {
diff --git a/types/mongoose/mongoose-tests.ts b/types/mongoose/mongoose-tests.ts
index d8f55f6f97..c8873f85b3 100644
--- a/types/mongoose/mongoose-tests.ts
+++ b/types/mongoose/mongoose-tests.ts
@@ -21,11 +21,13 @@ const connection2: Promise<mongoose.Mongoose> = mongoose.connect(connectUri, {
   user: 'larry',
   pass: 'housan',
   config: {
-    autoIndex: true
+    autoIndex: true,
   },
   mongos: true,
   bufferCommands: false,
-  useNewUrlParser: true
+  useNewUrlParser: true,
+  useFindAndModify: true,
+  useCreateIndex: true
 });
 const connection3: null = mongoose.connect(connectUri, function (error) {
   error.stack;
@@ -164,17 +166,6 @@ const getDB = async (tenant: string)=> {
   return conn1.useDb(tenant);
 };
 
-
-/*
- * section error/validation.js
- * http://mongoosejs.com/docs/api.html#error-validation-js
- */
-var validationError = <mongoose.ValidationError> {};
-validationError.toString().toLowerCase();
-/* inherited properties */
-validationError.stack;
-validationError.message;
-
 /*
  * section error.js
  * http://mongoosejs.com/docs/api.html#error-js
@@ -188,6 +179,93 @@ mongooseError.stack;
 mongoose.Error.messages.hasOwnProperty('');
 mongoose.Error.Messages.hasOwnProperty('');
 
+/*
+ * section error/cast.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.CastError
+ */
+var castError: mongoose.Error.CastError = new mongoose.Error.CastError('', '', '');
+castError.setModel('foo');
+castError.stringValue;
+castError.kind;
+castError.path;
+castError.value;
+/* inherited properties */
+castError.name;
+castError.stack;
+castError.message;
+
+/*
+ * section error/validator.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ValidatorError
+ */
+var validatorError: mongoose.Error.ValidatorError = new mongoose.Error.ValidatorError({ foo: 'bar' })
+validatorError.properties;
+validatorError.kind;
+validatorError.path;
+validatorError.value;
+validatorError.toString().toLowerCase();
+validatorError.formatMessage('foo', {});
+validatorError.formatMessage('foo', (bar: any)=>{ return bar; });
+/* inherited properties */
+validatorError.name;
+validatorError.stack;
+validatorError.message;
+
+/*
+ * section error/validation.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ValidationError
+ */
+var doc = <mongoose.MongooseDocument> {};
+var validationError: mongoose.Error.ValidationError = new mongoose.Error.ValidationError(doc);
+validationError.toString().toLowerCase();
+validationError.inspect();
+validationError.toJSON().hasOwnProperty('');
+validationError.addError('foo', validatorError)
+/* inherited properties */
+validationError.name;
+validationError.stack;
+validationError.message;
+
+/*
+ * section error/parallelSave.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.ParallelSaveError
+ */
+var parallelSaveError: mongoose.Error.ParallelSaveError = new mongoose.Error.ParallelSaveError(doc);
+/* inherited properties */
+parallelSaveError.name;
+parallelSaveError.stack;
+parallelSaveError.message;
+
+/*
+ * section error/overwriteModel.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.OverwriteModelError
+ */
+var overwriteModelError: mongoose.Error.OverwriteModelError = new mongoose.Error.OverwriteModelError('foo');
+/* inherited properties */
+overwriteModelError.name;
+overwriteModelError.stack;
+overwriteModelError.message;
+
+/*
+ * section error/missingSchema.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.MissingSchemaError
+ */
+var missingSchemaError: mongoose.Error.MissingSchemaError = new mongoose.Error.MissingSchemaError('foo');
+/* inherited properties */
+missingSchemaError.name;
+missingSchemaError.stack;
+missingSchemaError.message;
+
+/*
+ * section error/divergentArray.js
+ * https://mongoosejs.com/docs/api.html#mongooseerror_MongooseError.MissingSchemaError
+ */
+var missingSchemaError: mongoose.Error.DivergentArrayError = new mongoose.Error.DivergentArrayError(['foo','bar']);
+/* inherited properties */
+missingSchemaError.name;
+missingSchemaError.stack;
+missingSchemaError.message;
+
 const pluralize = mongoose.pluralize();
 const plural: string = pluralize('foo');
 
@@ -1987,3 +2065,40 @@ db.createCollection('customers').
   // visible outside of the transaction.
   then(() => session.commitTransaction()).
   then(() => Customer.findOne({ name: 'Test' }).exec())
+
+/**
+ * https://mongoosejs.com/docs/guide.html#writeConcern
+ */
+new mongoose.Schema({ name: String }, {
+  writeConcern: {
+    w: 'majority',
+    j: true,
+    wtimeout: 1000
+  }
+});
+
+/* Query helpers: https://mongoosejs.com/docs/guide.html#query-helpers */
+
+interface Animal2 extends mongoose.Document {
+  name: string;
+  type: string;
+  tags: string[];
+}
+var animal2Schema = new mongoose.Schema({
+  name: String,
+  type: String,
+  tags: { type: [String], index: true } // field level
+});
+let animal2QueryHelpers = {
+  byName<Q extends mongoose.DocumentQuery<any, Animal2>>(this: Q, name: string) {
+    return this.where({ name: new RegExp(name, 'i') });
+  }
+};
+animal2Schema.query = animal2QueryHelpers;
+var Animal2 = mongoose.model<Animal2, mongoose.Model<Animal2, typeof animal2QueryHelpers>>('Animal', animal2Schema);
+Animal2.find().byName('fido').exec(function(err, animals) {
+  console.log(animals);
+});
+Animal2.findOne().byName('fido').exec(function(err, animal) {
+  console.log(animal);
+});
diff --git a/types/mongoose/tslint.json b/types/mongoose/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/mongoose/tslint.json
+++ b/types/mongoose/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/mongoose/v3/tslint.json b/types/mongoose/v3/tslint.json
index a41bf5d19a..7d5b2a06c0 100644
--- a/types/mongoose/v3/tslint.json
+++ b/types/mongoose/v3/tslint.json
@@ -18,6 +18,7 @@
         "member-access": false,
         "new-parens": false,
         "no-any-union": false,
+        "no-angle-bracket-type-assertion": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
         "no-consecutive-blank-lines": false,
diff --git a/types/mongoose/v4/tslint.json b/types/mongoose/v4/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/mongoose/v4/tslint.json
+++ b/types/mongoose/v4/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/mongration/index.d.ts b/types/mongration/index.d.ts
new file mode 100644
index 0000000000..7f46f3edc3
--- /dev/null
+++ b/types/mongration/index.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for mongration 1.0
+// Project: https://github.com/awapps/mongration#readme
+// Definitions by: Anton Lobashev <https://github.com/soulthreads>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Db } from 'mongodb';
+
+export interface DbConfig {
+    hosts?: string;
+    db?: string;
+    user?: string;
+    password?: string;
+    mongoUri?: string;
+    migrationCollection: string;
+    replicaSet?: string;
+}
+
+export interface MigrationResponse {
+    id: string;
+    status: 'not-run' | 'skipped' | 'pending' | 'ok' | 'error' | 'rollback' | 'rollback-error';
+}
+
+export class Migration {
+    constructor(dbConfig: DbConfig);
+    add: (paths: string | string[]) => void;
+    addAllFromPath: (path: string) => void;
+    migrate: (doneCb?: (err: Error | null, response: MigrationResponse[]) => void) => void;
+}
+
+export interface MigrationStep {
+    id: string;
+    up: (db: Db, cb: (err?: Error) => void) => void;
+    down?: (db: Db, cb: (err?: Error) => void) => void;
+}
diff --git a/types/mongration/mongration-tests.ts b/types/mongration/mongration-tests.ts
new file mode 100644
index 0000000000..735aa6436a
--- /dev/null
+++ b/types/mongration/mongration-tests.ts
@@ -0,0 +1,28 @@
+import { Migration, DbConfig, MigrationStep } from 'mongration';
+
+const dbConfig: DbConfig = {
+  hosts: 'localhost:27017',
+  db: 'testdb',
+  migrationCollection: 'migrationversions'
+};
+
+const migration = new Migration(dbConfig);
+migration.add('1-add-foo.js');
+migration.add(['2-add-bar.js', '3-add-foobar.js']);
+migration.addAllFromPath('migrations');
+migration.migrate((err, response) => {
+  if (!err) {
+    return response;
+  }
+});
+
+// from https://github.com/awapps/mongration#creating-migration-steps
+const step: MigrationStep = {
+  id: '1-step',
+  up: (db, cb) => {
+    db.collection('testcolleciton').insert({ name: 'initial-setup' }, cb);
+  },
+  down: (db, cb) => {
+    db.collection('testcollection').remove({ name: 'initial-setup' }, cb);
+  }
+};
diff --git a/types/mongration/tsconfig.json b/types/mongration/tsconfig.json
new file mode 100644
index 0000000000..c47e0d78b6
--- /dev/null
+++ b/types/mongration/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+	"strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "mongration-tests.ts"
+    ]
+}
diff --git a/types/mongration/tslint.json b/types/mongration/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/mongration/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/moo/index.d.ts b/types/moo/index.d.ts
index fa3a59d2ab..fd53f98e0a 100644
--- a/types/moo/index.d.ts
+++ b/types/moo/index.d.ts
@@ -104,7 +104,7 @@ export interface Token {
     /**
      * The number of line breaks found in the match. (Always zero if this rule has lineBreaks: false.)
      */
-    lineBreaks: boolean;
+    lineBreaks: number;
     /**
      * The line number of the beginning of the match, starting from 1.
      */
diff --git a/types/moveto/index.d.ts b/types/moveto/index.d.ts
new file mode 100644
index 0000000000..f9734ee184
--- /dev/null
+++ b/types/moveto/index.d.ts
@@ -0,0 +1,96 @@
+// Type definitions for moveto 1.7
+// Project: https://github.com/hsnaydd/moveTo
+// Definitions by: Rostislav Shermenyov <https://github.com/shermendev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class MoveTo {
+    /**
+     * MoveTo Constructor
+     * @param options Options
+     * @param easeFunctions Custom ease functions
+     */
+    constructor(
+        options?: MoveTo.MoveToOptions,
+        easeFunctions?: MoveTo.MoveToEaseFunctionsObject
+    );
+    /**
+     * Options
+     */
+    options: MoveTo.MoveToOptions;
+    /**
+     * Custom ease functions
+     */
+    easeFunctions: MoveTo.MoveToEaseFunctionsObject;
+    /**
+     * Start scroll animation from current position to the anchor point
+     * @param target Target element/position to be scrolled. Target position is the scrolling distance. It must be negative if the upward movement is desired
+     * @param options Custom options
+     */
+    move(target: HTMLElement | number, options?: MoveTo.MoveToOptions): void;
+    /**
+     * Register a dom element as trigger
+     * @param dom The trigger element for starting to scroll when on click
+     * @param callback Callback function to be run after the scroll complete. This will overwrite the callback option
+     * @return Unregister function
+     */
+    registerTrigger(
+        dom: HTMLElement,
+        callback?: MoveTo.callbackType
+    ): MoveTo.unregisterTriggerType;
+    /**
+     * Adds custom ease function
+     * @param name Ease function name
+     * @param fn Ease function
+     */
+    addEaseFunction(name: string, fn: MoveTo.MoveToEaseFunction): void;
+}
+
+declare namespace MoveTo {
+    type unregisterTriggerType = () => void;
+
+    /**
+     * Callback function to be run after the scroll complete.
+     */
+    type callbackType = (target: HTMLElement | number) => void;
+
+    interface MoveToOptions {
+        /**
+         * The tolerance of the target to be scrolled, can be negative or positive
+         */
+        tolerance?: number;
+        /**
+         * Duration of scrolling, in milliseconds
+         */
+        duration?: number;
+        /**
+         * Ease function name
+         */
+        easing?: string;
+        /**
+         * The function to be run after scrolling complete. Target passes as the first argument
+         */
+        callback?: callbackType;
+    }
+
+    interface MoveToEaseFunctionsObject {
+        [key: string]: MoveToEaseFunction;
+    }
+
+    /**
+     * Easing Function
+     * @param t Current time
+     * @param b Start value
+     * @param c Change in value
+     * @param d Duration
+     * @return Calculated value
+     */
+    type MoveToEaseFunction = (
+        t: number,
+        b: number,
+        c: number,
+        d: number
+    ) => number;
+}
+
+export = MoveTo;
+export as namespace MoveTo;
diff --git a/types/moveto/moveto-tests.ts b/types/moveto/moveto-tests.ts
new file mode 100644
index 0000000000..325cb57f3c
--- /dev/null
+++ b/types/moveto/moveto-tests.ts
@@ -0,0 +1,36 @@
+const options: MoveTo.MoveToOptions = {
+    tolerance: 70,
+    duration: 300,
+    easing: "easeOutQuart",
+    callback: () => {}
+};
+
+const easeFunctions: MoveTo.MoveToEaseFunctionsObject = {
+    fun1: () => 123,
+    fun2: t => t,
+    fun3: (t, b) => t + b,
+    fun4: (t, b, c) => t + b + c,
+    fun5: (t, b, c, d) => t + b + c + d
+};
+
+const a = new MoveTo();
+const b = new MoveTo(options);
+
+const moveToInstance = new MoveTo(options, easeFunctions);
+
+moveToInstance.move(123);
+
+const element = document.getElementById("#anchor");
+
+if (element) {
+    moveToInstance.move(element, options);
+
+    const unregister = moveToInstance.registerTrigger(element, () => {});
+
+    unregister();
+}
+
+console.log(moveToInstance.options);
+console.log(moveToInstance.easeFunctions);
+
+moveToInstance.addEaseFunction("ease-out", (t, b, c, d) => t + b + c + d);
diff --git a/types/moveto/tsconfig.json b/types/moveto/tsconfig.json
new file mode 100644
index 0000000000..62446e613a
--- /dev/null
+++ b/types/moveto/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+      "index.d.ts",
+      "moveto-tests.ts"
+  ]
+}
diff --git a/types/moveto/tslint.json b/types/moveto/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/moveto/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
diff --git a/types/mozilla-readability/index.d.ts b/types/mozilla-readability/index.d.ts
index a30925fb0b..7a7c26fdb8 100644
--- a/types/mozilla-readability/index.d.ts
+++ b/types/mozilla-readability/index.d.ts
@@ -7,21 +7,13 @@
 export = Readability;
 
 declare class Readability {
-    constructor(uri: Readability.Uri, doc: Document, options?: Readability.Options);
+    constructor(doc: Document, options?: Readability.Options);
 
     parse(): Readability.ParseResult;
     isProbablyReaderable(helperIsVisible?: (node: any) => boolean): boolean;
 }
 
 declare namespace Readability {
-    interface Uri {
-        spec: string;
-        host: string;
-        prePath: string;
-        scheme: string;
-        pathBase: string;
-    }
-
     interface Options {
         debug?: boolean;
         maxElemsToParse?: number;
@@ -31,7 +23,6 @@ declare namespace Readability {
     }
 
     interface ParseResult {
-        uri: Uri;
         title: string;
         byline: string;
         dir: string;
diff --git a/types/mozilla-readability/mozilla-readability-tests.ts b/types/mozilla-readability/mozilla-readability-tests.ts
index e5431dd14e..0dec719559 100644
--- a/types/mozilla-readability/mozilla-readability-tests.ts
+++ b/types/mozilla-readability/mozilla-readability-tests.ts
@@ -5,42 +5,25 @@ import { JSDOM } from 'jsdom';
 // because issue https://github.com/mozilla/readability/issues/346
 // requires global variable `Node` when using nodejs.
 
-const fakeUri: Readability.Uri = {
-    spec: "http://fakehost/test/page.html",
-    host: "fakehost",
-    prePath: "http://fakehost",
-    scheme: "http",
-    pathBase: "http://fakehost/test/"
-};
-
 function test_basic_usage() {
     const dom = new JSDOM(`<p>Hello</p><p><strong>Hi!</strong>`);
-    // Required until https://github.com/mozilla/readability/issues/346
-    // is fixed.
-    Node = dom.window.Node;
 
-    const reader = new Readability(fakeUri, dom.window.document);
+    const reader = new Readability(dom.window.document);
     const article = reader.parse();
 }
 
 function test_readability_with_options() {
     const dom = new JSDOM(`<p>Hello</p><p><strong>Hi!</strong>`);
-    // Required until https://github.com/mozilla/readability/issues/346
-    // is fixed.
-    Node = dom.window.Node;
 
     const options: Readability.Options = {
         debug: true,
         maxElemsToParse: 100,
     };
-    const article = new Readability(fakeUri, dom.window.document, options).parse();
+    const article = new Readability(dom.window.document, options).parse();
 }
 
 function test_is_probably_readerable() {
     const dom = new JSDOM(`<p>Hello</p><p><strong>Hi!</strong>`);
-    // Required until https://github.com/mozilla/readability/issues/346
-    // is fixed.
-    Node = dom.window.Node;
 
-    const isReadable = new Readability(fakeUri, dom.window.document).isProbablyReaderable();
+    const isReadable = new Readability(dom.window.document).isProbablyReaderable();
 }
diff --git a/types/multer-gridfs-storage/index.d.ts b/types/multer-gridfs-storage/index.d.ts
index 0a827bedcb..9e6f5efcf3 100644
--- a/types/multer-gridfs-storage/index.d.ts
+++ b/types/multer-gridfs-storage/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for multer-gridfs-storage 2.0
+// Type definitions for multer-gridfs-storage 3.1
 // Project: https://github.com/devconcept/multer-gridfs-storage
 // Definitions by: devconcept <https://github.com/devconcept>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,37 +7,69 @@
 import { EventEmitter } from 'events';
 import { Express } from 'express';
 import * as Multer from 'multer';
-import { Db } from 'mongodb';
+import { Db, MongoClient } from 'mongodb';
+import { Connection, Mongoose } from 'mongoose';
+
+declare class Cache {
+    initialize(opts: object): object;
+    findUri(cacheName: string, url: string): string;
+    has(cacheIndex: object): boolean;
+    get(cacheIndex: object): object;
+    set(cacheIndex: object, value: object): void;
+    isPending(cacheIndex: object): boolean;
+    isOpening(cacheIndex: object): boolean;
+    resolve(cacheIndex: object, db: Db, client: MongoClient): void;
+    reject(cacheIndex: object, err: Error): void;
+    waitFor(cacheIndex: object): Promise<object>;
+    connections(): number;
+    remove(cacheIndex: object): void;
+    clear(): void;
+}
 
 interface MulterGfsOptions {
     file?(req: Express.Request, file: Express.Multer.File): any;
 }
 
 declare class MulterGridfsStorage extends EventEmitter implements Multer.StorageEngine {
-    constructor(settings: MulterGridfsStorage.UrlStorageOptions | MulterGridfsStorage.DbStorageOptions);
+    db: Db;
+    client: MongoClient;
+    connected: boolean;
+    connecting: boolean;
+    configuration: MulterGridfsStorage.UrlStorageOptions | MulterGridfsStorage.DbStorageOptions;
+    error: Error;
+    caching: boolean;
+    cacheName: string;
+    cacheIndex: object;
+
+    constructor(configuration: MulterGridfsStorage.UrlStorageOptions | MulterGridfsStorage.DbStorageOptions);
 
     _handleFile(req: Express.Request, file: Express.Multer.File, callback: (error?: any, info?: Express.Multer.File) => void): void;
 
     _removeFile(req: Express.Request, file: Express.Multer.File, callback: (error: Error) => void): void;
+
+    static cache: Cache;
 }
 
 declare namespace MulterGridfsStorage {
     interface UrlStorageOptions extends MulterGfsOptions {
         url: string;
-        connectionOpts?: any;
+        options?: any;
+        cache?: boolean | string;
     }
 
     interface DbStorageOptions extends MulterGfsOptions {
-        db: Promise<Db> | Db;
+        db: Mongoose | Connection | Db | MongoClient | Promise<Mongoose | Connection | Db | MongoClient>;
     }
 
     interface FileConfig {
         filename?: string;
         id?: any;
-        metadata?: any;
+        metadata?: object;
         chunkSize?: number;
         bucketName?: string;
         contentType?: string;
+        aliases?: string[];
+        disableMD5?: boolean;
     }
 }
 
diff --git a/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts b/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
index d34eaeeae6..95c466ae36 100644
--- a/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
+++ b/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
@@ -1,5 +1,6 @@
 import MulterGridfsStorage = require('multer-gridfs-storage');
-import { Db, MongoClient, Server } from "mongodb";
+import { Db, MongoClient, Server } from 'mongodb';
+import * as mongoose from 'mongoose';
 
 // Exported interfaces
 const conf: MulterGridfsStorage.FileConfig = {
@@ -9,10 +10,16 @@ const conf: MulterGridfsStorage.FileConfig = {
 
 // Connection promise
 const dbPromise = MongoClient.connect('mongodb://yourhost:27017/database');
+// Mongoose promise
+const mongoosePromise = mongoose.connect('mongodb://yourhost:27017/database');
+const mgConnectionPromise = mongoose
+    .connect('mongodb://yourhost:27017/database')
+    .then(instance => instance.connection);
 
 const server = new Server('localhost', 27017);
 const db = new Db('database', server);
 
+// Database instance
 const opt1: MulterGridfsStorage.DbStorageOptions = {
     db,
     file: (req, file) => {
@@ -24,9 +31,31 @@ const opt1: MulterGridfsStorage.DbStorageOptions = {
     }
 };
 
-const opt2: MulterGridfsStorage.UrlStorageOptions = {
+const dbFileStorage = new MulterGridfsStorage(opt1);
+
+const opt2: MulterGridfsStorage.DbStorageOptions = {
+    db: mongoosePromise,
+    file: (req, file) => {
+        return {
+            disableMd5: true
+        };
+    }
+};
+
+const opt3: MulterGridfsStorage.DbStorageOptions = {
+    db: mgConnectionPromise,
+    file: (req, file) => {
+        return 5;
+    }
+};
+
+const mongooseStorage = new MulterGridfsStorage(opt2);
+const mgConnectionStorage = new MulterGridfsStorage(opt3);
+
+// Url based instance
+const opt4: MulterGridfsStorage.UrlStorageOptions = {
     url: 'mongodb://yourhost:27017/database',
-    connectionOpts: {},
+    options: {},
     file: (req, file) => {
         return {
             metadata: file.mimetype
@@ -34,25 +63,30 @@ const opt2: MulterGridfsStorage.UrlStorageOptions = {
     }
 };
 
-// All options
-const dbFileStorage = new MulterGridfsStorage(opt1);
+const urlFileStorage = new MulterGridfsStorage(opt4);
 
-const urlFileStorage = new MulterGridfsStorage(opt2);
+// Cache
+const opt5: MulterGridfsStorage.UrlStorageOptions = {
+    url: 'mongodb://yourhost:27017/database',
+    cache: 'cache'
+};
+
+const cachedStorage = new MulterGridfsStorage(opt5);
 
 // Other properties are optional
-const promiseStorage = new MulterGridfsStorage({
-    db: dbPromise
-});
+const promiseStorage = new MulterGridfsStorage({db: dbPromise});
 
-const dbStorage = new MulterGridfsStorage({
-    db
-});
+const dbStorage = new MulterGridfsStorage({db});
 
 const urlStorage = new MulterGridfsStorage({
     url: 'mongodb://yourhost:27017/database'
 });
 
 // Extends event emitter
-promiseStorage.on('connection', () => {});
-urlStorage.addListener('conection', () => {});
+promiseStorage.on('connection', () => {
+});
+urlStorage.addListener('conection', () => {
+});
 dbStorage.removeAllListeners('conection');
+
+MulterGridfsStorage.cache.connections();
diff --git a/types/multer-gridfs-storage/tsconfig.json b/types/multer-gridfs-storage/tsconfig.json
index 1daa734d97..4729416ff1 100644
--- a/types/multer-gridfs-storage/tsconfig.json
+++ b/types/multer-gridfs-storage/tsconfig.json
@@ -4,11 +4,6 @@
         "lib": [
             "es6"
         ],
-        "paths": {
-            "mongodb": [
-                "mongodb/v2"
-            ]
-        },
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/multer-gridfs-storage/v2/index.d.ts b/types/multer-gridfs-storage/v2/index.d.ts
new file mode 100644
index 0000000000..0a827bedcb
--- /dev/null
+++ b/types/multer-gridfs-storage/v2/index.d.ts
@@ -0,0 +1,63 @@
+// Type definitions for multer-gridfs-storage 2.0
+// Project: https://github.com/devconcept/multer-gridfs-storage
+// Definitions by: devconcept <https://github.com/devconcept>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { EventEmitter } from 'events';
+import { Express } from 'express';
+import * as Multer from 'multer';
+import { Db } from 'mongodb';
+
+interface MulterGfsOptions {
+    file?(req: Express.Request, file: Express.Multer.File): any;
+}
+
+declare class MulterGridfsStorage extends EventEmitter implements Multer.StorageEngine {
+    constructor(settings: MulterGridfsStorage.UrlStorageOptions | MulterGridfsStorage.DbStorageOptions);
+
+    _handleFile(req: Express.Request, file: Express.Multer.File, callback: (error?: any, info?: Express.Multer.File) => void): void;
+
+    _removeFile(req: Express.Request, file: Express.Multer.File, callback: (error: Error) => void): void;
+}
+
+declare namespace MulterGridfsStorage {
+    interface UrlStorageOptions extends MulterGfsOptions {
+        url: string;
+        connectionOpts?: any;
+    }
+
+    interface DbStorageOptions extends MulterGfsOptions {
+        db: Promise<Db> | Db;
+    }
+
+    interface FileConfig {
+        filename?: string;
+        id?: any;
+        metadata?: any;
+        chunkSize?: number;
+        bucketName?: string;
+        contentType?: string;
+    }
+}
+
+// Merge multer's file declaration with ours
+declare global {
+    namespace Express {
+        namespace Multer {
+            interface File {
+                id: any;
+                filename: string;
+                metadata: any;
+                contentType: string;
+                chunkSize: number;
+                bucketName: string;
+                uploadDate: Date;
+                md5: string;
+                size: number;
+            }
+        }
+    }
+}
+
+export = MulterGridfsStorage;
diff --git a/types/multer-gridfs-storage/v2/multer-gridfs-storage-tests.ts b/types/multer-gridfs-storage/v2/multer-gridfs-storage-tests.ts
new file mode 100644
index 0000000000..f904ca053e
--- /dev/null
+++ b/types/multer-gridfs-storage/v2/multer-gridfs-storage-tests.ts
@@ -0,0 +1,58 @@
+import MulterGridfsStorage = require('multer-gridfs-storage');
+import { Db, MongoClient, Server } from "mongodb";
+
+// Exported interfaces
+const conf: MulterGridfsStorage.FileConfig = {
+    filename: 'name',
+    bucketName: 'plants'
+};
+
+// Connection promise
+const dbPromise = MongoClient.connect('mongodb://yourhost:27017').then((client) => client.db('database'));
+
+const server = new Server('localhost', 27017);
+const db = new Db('database', server);
+
+const opt1: MulterGridfsStorage.DbStorageOptions = {
+    db,
+    file: (req, file) => {
+        return new Promise((resolve) => {
+            resolve({
+                filename: file.originalname
+            });
+        });
+    }
+};
+
+const opt2: MulterGridfsStorage.UrlStorageOptions = {
+    url: 'mongodb://yourhost:27017/database',
+    connectionOpts: {},
+    file: (req, file) => {
+        return {
+            metadata: file.mimetype
+        };
+    }
+};
+
+// All options
+const dbFileStorage = new MulterGridfsStorage(opt1);
+
+const urlFileStorage = new MulterGridfsStorage(opt2);
+
+// Other properties are optional
+const promiseStorage = new MulterGridfsStorage({
+    db: dbPromise
+});
+
+const dbStorage = new MulterGridfsStorage({
+    db
+});
+
+const urlStorage = new MulterGridfsStorage({
+    url: 'mongodb://yourhost:27017/database'
+});
+
+// Extends event emitter
+promiseStorage.on('connection', () => {});
+urlStorage.addListener('conection', () => {});
+dbStorage.removeAllListeners('conection');
diff --git a/types/multer-gridfs-storage/v2/tsconfig.json b/types/multer-gridfs-storage/v2/tsconfig.json
new file mode 100644
index 0000000000..81dfdd435a
--- /dev/null
+++ b/types/multer-gridfs-storage/v2/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "multer-gridfs-storage": [
+                "multer-gridfs-storage/v2"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "multer-gridfs-storage-tests.ts"
+    ]
+}
diff --git a/types/multer-gridfs-storage/v2/tslint.json b/types/multer-gridfs-storage/v2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/multer-gridfs-storage/v2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/murmurhash/index.d.ts b/types/murmurhash/index.d.ts
index 31c663fd33..eac6b500b7 100644
--- a/types/murmurhash/index.d.ts
+++ b/types/murmurhash/index.d.ts
@@ -9,21 +9,27 @@ export = murmurhash;
  * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
  *
  * @param key - ASCII only
- * @param seed - Positive integer only
- * @return - 32-bit positive integer hash
+ * @param seed - (optional) positive integer
+ * @returns 32-bit positive integer hash
  */
-declare function murmurhash(key: string, seed: number): number;
+declare function murmurhash(key: string, seed?: number): number;
 
 declare namespace murmurhash {
-    // Circular reference from murmurhash
-    function v3(key: string, seed: number): number;
+    /**
+     * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
+     *
+     * @param key - ASCII only
+     * @param seed - (optional) positive integer
+     * @returns 32-bit positive integer hash
+     */
+    function v3(key: string, seed?: number): number;
 
     /**
      * JS Implementation of MurmurHash2
      *
      * @param str - ASCII only
-     * @param seed - Positive integer only
-     * @return - 32-bit positive integer hash
+     * @param seed - (optional) positive integer
+     * @returns 32-bit positive integer hash
      */
-    function v2(str: string, seed: number): number;
+    function v2(str: string, seed?: number): number;
 }
diff --git a/types/murmurhash/murmurhash-tests.ts b/types/murmurhash/murmurhash-tests.ts
index ebbbf09cab..fe7fc9c501 100644
--- a/types/murmurhash/murmurhash-tests.ts
+++ b/types/murmurhash/murmurhash-tests.ts
@@ -3,6 +3,11 @@ import murmurhash = require('murmurhash');
 const stringValue = "test";
 let numberValue = 123;
 
+numberValue = murmurhash(stringValue);
 numberValue = murmurhash(stringValue, numberValue);
+
+numberValue = murmurhash.v2(stringValue);
 numberValue = murmurhash.v2(stringValue, numberValue);
+
+numberValue = murmurhash.v3(stringValue);
 numberValue = murmurhash.v3(stringValue, numberValue);
diff --git a/types/mustache/index.d.ts b/types/mustache/index.d.ts
index 2b0ab91cd0..77b8880fdd 100644
--- a/types/mustache/index.d.ts
+++ b/types/mustache/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Mustache 0.8.3
+// Type definitions for Mustache 0.8.4
 // Project: https://github.com/janl/mustache.js
 // Definitions by: Mark Ashley Bell <https://github.com/markashleybell>, Manuel Thalmann <https://github.com/manuth>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -20,7 +20,7 @@ interface MustacheStatic {
     /**
      * The opening and closing tags to parse.
      */
-    tags: string;
+    tags: string[];
 
     /**
      * A simple string scanner that is used by the template parser to find tokens in template strings.
@@ -80,8 +80,11 @@ interface MustacheStatic {
      * -- or --
      *
      * A function that is used to load partial template on the fly that takes a single argument: the name of the partial.
+     *
+     * @param tags
+     * The tags to use.
      */
-    render(template: string, view: any | MustacheContext, partials?: any): string;
+    render(template: string, view: any | MustacheContext, partials?: any, tags?: string[]): string;
 
     /**
      * Renders the `template` with the given `view` and `partials` using the default writer.
@@ -198,8 +201,11 @@ declare class MustacheWriter {
      *
      * @param template
      * The template to parse.
+     *
+     * @param tags
+     * The tags to use.
      */
-    parse(template: string, tags?: any): any;
+    parse(template: string, tags?: string[]): any;
 
     /**
      * High-level method that is used to render the given `template` with the given `view`.
@@ -216,8 +222,11 @@ declare class MustacheWriter {
      * -- or --
      *
      * A function that is used to load partial template on the fly that takes a single argument: the name of the partial.
+     *
+     * @param tags
+     * The tags to use.
      */
-    render(template: string, view: any | MustacheContext, partials: any): string;
+    render(template: string, view: any | MustacheContext, partials: any, tags?: string[]): string;
 
     /**
      * Low-level method that renders the given array of `tokens` using the given `context` and `partials`.
diff --git a/types/mustache/mustache-tests.ts b/types/mustache/mustache-tests.ts
index 30c920a30a..bca7d5a40e 100644
--- a/types/mustache/mustache-tests.ts
+++ b/types/mustache/mustache-tests.ts
@@ -26,4 +26,8 @@ var view4 = new class extends Mustache.Context
     }
 };
 var template4 = "Hello, {{firstName}} {{lastName}}";
-var html4 = Mustache.render(template4, view4);
\ No newline at end of file
+var html4 = Mustache.render(template4, view4);
+
+var view5 = { title: "Joe", calc: function () { return 2 + 4; } };
+var template5 = "[[title]] spends [[calc]]";
+var output5 = Mustache.render(template5, view5, {}, ["[[", "]]"]);
\ No newline at end of file
diff --git a/types/mutexify/index.d.ts b/types/mutexify/index.d.ts
new file mode 100644
index 0000000000..4fa1dffe2a
--- /dev/null
+++ b/types/mutexify/index.d.ts
@@ -0,0 +1,20 @@
+// Type definitions for mutexify 1.2
+// Project: https://github.com/mafintosh/mutexify
+// Definitions by: Gustav Bylund <https://github.com/maistho>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface Lock {
+    (fn: Release): number;
+    locked: boolean;
+}
+
+type Release = (
+    cb: (err?: any, value?: any) => any,
+    err: any,
+    value: any
+) => void;
+
+declare function mutexify(): Lock;
+
+export = mutexify;
+export as namespace mutexify;
diff --git a/types/mutexify/mutexify-tests.ts b/types/mutexify/mutexify-tests.ts
new file mode 100644
index 0000000000..dc921cb246
--- /dev/null
+++ b/types/mutexify/mutexify-tests.ts
@@ -0,0 +1,6 @@
+import mutexify = require("mutexify");
+const lock = mutexify();
+
+lock(release => {
+    release();
+});
diff --git a/types/mutexify/tsconfig.json b/types/mutexify/tsconfig.json
new file mode 100644
index 0000000000..4c1ee302d0
--- /dev/null
+++ b/types/mutexify/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "mutexify-tests.ts"]
+}
diff --git a/types/mutexify/tslint.json b/types/mutexify/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/mutexify/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/mz/mz-tests.ts b/types/mz/mz-tests.ts
index b873c98bbe..a4ec4667a7 100644
--- a/types/mz/mz-tests.ts
+++ b/types/mz/mz-tests.ts
@@ -136,7 +136,7 @@ describe('readline', function () {
     var input = new stream.PassThrough()
     var output = new stream.PassThrough()
     var bufferedOutput = ''
-    var rl = readline.createInterface( input, output, <readline.Completer>completer, true )
+    var rl = readline.createInterface( input, output, completer as readline.Completer, true )
 
     rl.question('a').then(function (answer: string) {
       assert.equal(answer, 'bTESTSTRING')
@@ -174,12 +174,12 @@ describe('readline', function () {
     it('completer support sync', function (done) {
       function completer (line: string) {
         assert.equal(line, 'b')
-        return <[string[], string]>[['bTESTSTRING'], line]
+        return [['bTESTSTRING'], line] as [string[], string]
       }
 
       var input = new stream.PassThrough()
       var output = new stream.PassThrough()
-      var rl = readline.createInterface(input, output, <readline.Completer>completer, true)
+      var rl = readline.createInterface(input, output, completer as readline.Completer, true)
 
       rl.question('a').then(function (answer) {
         assert.ok(output.read().toString().match(/TESTSTRING/))
@@ -197,7 +197,7 @@ describe('readline', function () {
 
       var input = new stream.PassThrough()
       var output = new stream.PassThrough()
-      var rl = readline.createInterface(input, output, <readline.Completer>completer, true )
+      var rl = readline.createInterface(input, output, completer as readline.Completer, true )
 
       rl.question('a').then(function (answer) {
         assert.ok(output.read().toString().match(/TESTSTRING/))
diff --git a/types/n3/index.d.ts b/types/n3/index.d.ts
index a9438616c2..3d19f36d38 100644
--- a/types/n3/index.d.ts
+++ b/types/n3/index.d.ts
@@ -2,8 +2,9 @@
 // Project: https://github.com/RubenVerborgh/N3.js
 // Definitions by: Fred Eisele <https://github.com/phreed>
 //                 Ruben Taelman <https://github.com/rubensworks>
+//                 Laurens Rietveld <https://github.com/LaurensRietveld>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
@@ -12,93 +13,123 @@ import * as stream from "stream";
 import * as RDF from "rdf-js";
 import { EventEmitter } from "events";
 
-export interface Prefixes {
-    [key: string]: RDF.NamedNode;
+export interface Prefixes<I = RDF.NamedNode> {
+  [key: string]: I;
 }
 
-export class Term implements RDF.Term {
-    termType: "NamedNode" | "BlankNode" | "Literal" | "Variable" | "DefaultGraph";
-    id: string;
-    value: string;
+export type Term = NamedNode | BlankNode | Literal | Variable | DefaultGraph;
+export type PrefixedToIri = (suffix: string) => RDF.NamedNode;
+
+export class NamedNode implements RDF.NamedNode {
+    readonly termType: "NamedNode";
+    readonly value: string;
     constructor(iri: string);
-    toJSON(): string;
+    readonly id: string;
+    toJSON(): {};
     equals(other: RDF.Term): boolean;
     static subclass(type: any): void;
 }
 
-export class NamedNode extends Term implements RDF.NamedNode {
-    termType: "NamedNode";
-    value: string;
-    constructor(iri: string);
-}
-
-export class BlankNode extends Term implements RDF.BlankNode {
+export class BlankNode implements RDF.BlankNode {
     static nextId: number;
-    termType: "BlankNode";
-    value: string;
+    readonly termType: "BlankNode";
+    readonly value: string;
     constructor(name: string);
+    readonly id: string;
+    toJSON(): {};
+    equals(other: RDF.Term): boolean;
+    static subclass(type: any): void;
 }
 
-export class Variable extends Term implements RDF.Variable {
-    termType: "Variable";
-    value: string;
+export class Variable  implements RDF.Variable {
+    readonly termType: "Variable";
+    readonly value: string;
     constructor(name: string);
+    readonly id: string;
+    toJSON(): {};
+    equals(other: RDF.Term): boolean;
+    static subclass(type: any): void;
 }
 
-export class Literal extends Term implements RDF.Literal {
+export class Literal implements RDF.Literal {
     static readonly langStringDatatype: NamedNode;
-    termType: "Literal";
-    value: string;
-    language: string;
-    datatype: RDF.NamedNode;
-    datatypeString: string;
+    readonly termType: "Literal";
+    readonly value: string;
+    readonly id: string;
+    toJSON(): {};
+    equals(other: RDF.Term): boolean;
+    static subclass(type: any): void;
+    readonly language: string;
+    readonly datatype: NamedNode;
+    readonly datatypeString: string;
     constructor(id: string);
 }
 
-export class DefaultGraph extends Term implements RDF.DefaultGraph {
-    termType: "DefaultGraph";
-    value: "";
+export class DefaultGraph implements RDF.DefaultGraph {
+    readonly termType: "DefaultGraph";
+    readonly value: "";
     constructor();
+    readonly id: string;
+    toJSON(): {};
+    equals(other: RDF.Term): boolean;
+    static subclass(type: any): void;
 }
 
-export class Quad implements RDF.Quad {
-    constructor(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term, graph?: RDF.Term);
-    subject: RDF.Term;
-    predicate: RDF.Term;
-    object: RDF.Term;
-    graph: RDF.Term;
-    equals(other: RDF.Quad): boolean;
+export type Quad_Subject = NamedNode | BlankNode | Variable;
+export type Quad_Predicate = NamedNode | Variable;
+export type Quad_Object = NamedNode | Literal | BlankNode | Variable;
+export type Quad_Graph = DefaultGraph | NamedNode | BlankNode | Variable;
+
+export class BaseQuad implements RDF.BaseQuad {
+    constructor(subject: Term, predicate: Term, object: Term, graph?: Term);
+    subject: Term;
+    predicate: Term;
+    object: Term;
+    graph: Term;
+    equals(other: RDF.BaseQuad): boolean;
+    toJSON(): string;
+}
+
+export class Quad extends BaseQuad implements RDF.Quad {
+    constructor(subject: Term, predicate: Term, object: Term, graph?: Term);
+    subject: Quad_Subject;
+    predicate: Quad_Predicate;
+    object: Quad_Object;
+    graph: Quad_Graph;
+    equals(other: RDF.BaseQuad): boolean;
     toJSON(): string;
 }
 
 export class Triple extends Quad implements RDF.Triple {}
 
 export namespace DataFactory {
-    function namedNode(value: string): RDF.NamedNode;
-    function blankNode(value?: string): RDF.BlankNode;
-    function literal(value: string | number, languageOrDatatype?: string | RDF.NamedNode): RDF.Literal;
-    function variable(value: string): RDF.Variable;
-    function defaultGraph(): RDF.DefaultGraph;
-    function triple(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term): RDF.Quad;
-    function quad(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term, graph?: RDF.Term): RDF.Quad;
+    function namedNode(value: string): NamedNode;
+    function blankNode(value?: string): BlankNode;
+    function literal(value: string | number, languageOrDatatype?: string | RDF.NamedNode): Literal;
+    function variable(value: string): Variable;
+    function defaultGraph(): DefaultGraph;
+    function quad(subject: RDF.Quad_Subject, predicate: RDF.Quad_Predicate, object: RDF.Quad_Object, graph?: RDF.Quad_Graph): Quad;
+    function quad<Q_In extends RDF.BaseQuad = RDF.Quad, Q_Out extends BaseQuad = Quad>(subject: Q_In['subject'], predicate: Q_In['predicate'], object: Q_In['object'], graph?: Q_In['graph']): Q_Out;
+    function triple(subject: RDF.Quad_Subject, predicate: RDF.Quad_Predicate, object: RDF.Quad_Object): Quad;
+    function triple<Q_In extends RDF.BaseQuad = RDF.Quad, Q_Out extends BaseQuad = Quad>(subject: Q_In['subject'], predicate: Q_In['predicate'], object: Q_In['object']): Q_Out;
 }
 
 export type ErrorCallback = (err: Error, result: any) => void;
-export type QuadCallback = (result: Quad) => void;
-export type QuadPredicate = (result: Quad) => boolean;
+export type QuadCallback<Q extends BaseQuad = Quad> = (result: Q) => void;
+export type QuadPredicate<Q extends BaseQuad = Quad> = (result: Q) => boolean;
 
 export type OTerm = RDF.Term | string | null;
 
 export type Logger = (message?: any, ...optionalParams: any[]) => void;
 
-export interface BlankTriple {
-    predicate: RDF.Term;
-    object: RDF.Term;
+export interface BlankTriple<Q extends RDF.BaseQuad = RDF.Quad> {
+    predicate: Q['predicate'];
+    object: Q['object'];
 }
 
 export interface ParserConstructor {
-    new (options?: ParserOptions): N3Parser;
-    (options?: ParserOptions): N3Parser;
+    new<Q extends BaseQuad = Quad> (options?: ParserOptions): N3Parser<Q>;
+    <Q extends BaseQuad = Quad>(options?: ParserOptions): N3Parser<Q>;
 }
 export const Parser: ParserConstructor;
 
@@ -109,19 +140,19 @@ export interface ParserOptions {
     baseIRI?: string;
 }
 
-export type ParseCallback = (error: Error, quad: Quad, prefixes: Prefixes) => void;
+export type ParseCallback<Q extends BaseQuad = Quad> = (error: Error, quad: Q, prefixes: Prefixes) => void;
 
-export interface N3Parser {
-    parse(input: string, callback: ParseCallback): void;
+export interface N3Parser<Q extends BaseQuad = Quad> {
+    parse(input: string, callback: ParseCallback<Q>): void;
 }
 
 export interface StreamParserConstructor {
-  new (options?: ParserOptions): N3StreamParser;
-  (options?: ParserOptions): N3StreamParser;
+  new<Q extends BaseQuad = Quad> (options?: ParserOptions): N3StreamParser<Q>;
+  <Q extends BaseQuad = Quad>(options?: ParserOptions): N3StreamParser<Q>;
 }
 export const StreamParser: StreamParserConstructor;
 
-export interface N3StreamParser extends RDF.Stream, NodeJS.WritableStream, RDF.Sink {
+export interface N3StreamParser<Q extends BaseQuad = Quad> extends RDF.Stream<Q>, NodeJS.WritableStream, RDF.Sink<Q> {
     // Below are the NodeJS.ReadableStream methods,
     // we can not extend the interface directly,
     // as `read` clashes with RDF.Sink.
@@ -131,78 +162,79 @@ export interface N3StreamParser extends RDF.Stream, NodeJS.WritableStream, RDF.S
     pause(): this;
     resume(): this;
     isPaused(): boolean;
-    pipe<T extends NodeJS.WritableStream | RDF.Stream>(destination: T, options?: { end?: boolean; }): T;
-    unpipe(destination?: NodeJS.WritableStream | RDF.Stream): void;
+    pipe<T extends NodeJS.WritableStream | RDF.Stream<Q>>(destination: T, options?: { end?: boolean; }): T;
+    unpipe(destination?: NodeJS.WritableStream | RDF.Stream<Q>): void;
     unshift(chunk: string | Buffer): void;
-    wrap(oldStream: NodeJS.ReadableStream | RDF.Stream): NodeJS.ReadableStream;
+    wrap(oldStream: NodeJS.ReadableStream | RDF.Stream<Q>): NodeJS.ReadableStream;
 }
 
 export interface WriterOptions {
     format?: string;
-    prefixes?: Prefixes;
+    prefixes?: Prefixes<RDF.NamedNode | string>;
+    end?: boolean;
 }
 
 export interface WriterConstructor {
-    new (options?: WriterOptions): N3Writer;
-    new (fd: any, options?: WriterOptions): N3Writer;
-    (options?: WriterOptions): N3Writer;
-    (fd: any, options?: WriterOptions): N3Writer;
+    new<Q extends RDF.BaseQuad = RDF.Quad> (options?: WriterOptions): N3Writer<Q>;
+    new<Q extends RDF.BaseQuad = RDF.Quad> (fd: any, options?: WriterOptions): N3Writer<Q>;
+    <Q extends RDF.BaseQuad = RDF.Quad>(options?: WriterOptions): N3Writer<Q>;
+    <Q extends RDF.BaseQuad = RDF.Quad>(fd: any, options?: WriterOptions): N3Writer<Q>;
 }
 export const Writer: WriterConstructor;
 
-export interface N3Writer {
-    quadToString(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term, graph?: RDF.Term): string;
+export interface N3Writer<Q extends RDF.BaseQuad = RDF.Quad> {
+    quadToString(subject: Q['subject'], predicate: Q['predicate'], object: Q['object'], graph?: Q['graph']): string;
     quadsToString(quads: RDF.Quad[]): string;
-    addQuad(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term | RDF.Term[], graph?: RDF.Term, done?: () => void): void;
+    addQuad(subject: Q['subject'], predicate: Q['predicate'], object: Q['object'] | Array<Q['object']>, graph?: Q['graph'], done?: () => void): void;
     addQuad(quad: RDF.Quad): void;
     addQuads(quads: RDF.Quad[]): void;
-    addPrefix(prefix: string, iri: string, done?: () => void): void;
-    addPrefixes(prefixes: Prefixes, done?: () => void): void;
+    addPrefix(prefix: string, iri: RDF.NamedNode | string , done?: () => void): void;
+    addPrefixes(prefixes: Prefixes<RDF.NamedNode | string>, done?: () => void): void;
     end(err?: ErrorCallback, result?: string): void;
-    blank(predicate: RDF.Term, object: RDF.Term): RDF.Term;
-    blank(triple: BlankTriple | RDF.Quad | BlankTriple[] | RDF.Quad[]): RDF.Term;
-    list(triple: RDF.Term[]): RDF.Term[];
+    blank(predicate: Q['predicate'], object: Q['object']): BlankNode;
+    blank(triple: BlankTriple | RDF.Quad | BlankTriple[] | RDF.Quad[]): BlankNode;
+    list(triple: Array<Q['object']>): Quad_Object[];
 }
 
 export interface StreamWriterConstructor {
-  new (options?: WriterOptions): N3StreamWriter;
-  new (fd: any, options?: WriterOptions): N3StreamWriter;
-  (options?: WriterOptions): N3StreamWriter;
-  (fd: any, options?: WriterOptions): N3StreamWriter;
+  new<Q extends RDF.BaseQuad = RDF.Quad> (options?: WriterOptions): N3StreamWriter<Q>;
+  new<Q extends RDF.BaseQuad = RDF.Quad> (fd: any, options?: WriterOptions): N3StreamWriter<Q>;
+  <Q extends RDF.BaseQuad = RDF.Quad>(options?: WriterOptions): N3StreamWriter<Q>;
+  <Q extends RDF.BaseQuad = RDF.Quad>(fd: any, options?: WriterOptions): N3StreamWriter<Q>;
 }
 export const StreamWriter: StreamWriterConstructor;
 
-export interface N3StreamWriter extends NodeJS.ReadWriteStream, RDF.Source {}
+export interface N3StreamWriter<Q extends RDF.BaseQuad = Quad> extends NodeJS.ReadWriteStream, RDF.Source {}
 
-export interface N3Store extends RDF.Sink {
+export interface N3Store<Q_RDF extends RDF.BaseQuad = RDF.Quad, Q_N3 extends BaseQuad = Quad> extends RDF.Sink {
     readonly size: number;
-    addQuad(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term | RDF.Term[], graph?: RDF.Term, done?: () => void): void;
-    addQuad(quad: RDF.Quad): void;
-    addQuads(quads: RDF.Quad[]): void;
-    removeQuad(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term | RDF.Term[], graph?: RDF.Term, done?: () => void): void;
-    removeQuad(quad: RDF.Quad): void;
-    removeQuads(quads: RDF.Quad[]): void;
+    addQuad(subject: Q_RDF['subject'], predicate: Q_RDF['predicate'], object: Q_RDF['object'] | Array<Q_RDF['object']>, graph?: Q_RDF['graph'], done?: () => void): void;
+    addQuad(quad: Q_RDF): void;
+    addQuads(quads: Q_RDF[]): void;
+    removeQuad(subject: Q_RDF['subject'], predicate: Q_RDF['predicate'], object: Q_RDF['object'] | Array<Q_RDF['object']>, graph?: Q_RDF['graph'], done?: () => void): void;
+    removeQuad(quad: Q_RDF): void;
+    removeQuads(quads: Q_RDF[]): void;
     getQuads(subject: OTerm, predicate: OTerm, object: OTerm | OTerm[], graph: OTerm): Quad[];
     countQuads(subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): number;
-    forEach(callback: QuadCallback, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): void;
-    every(callback: QuadPredicate, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): boolean;
-    some(callback: QuadPredicate, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): boolean;
-    getSubjects(predicate: OTerm, object: OTerm, graph: OTerm): RDF.Term[];
-    forSubjects(callback: QuadCallback, predicate: OTerm, object: OTerm, graph: OTerm): void;
-    getPredicates(subject: OTerm, object: OTerm, graph: OTerm): RDF.Term[];
-    forPredicates(callback: QuadCallback, subject: OTerm, object: OTerm, graph: OTerm): void;
-    getObjects(subject: OTerm, predicate: OTerm, graph: OTerm): RDF.Term[];
-    forObjects(callback: QuadCallback, subject: OTerm, predicate: OTerm, graph: OTerm): void;
-    getGraphs(subject: OTerm, predicate: OTerm, object: OTerm): RDF.Term[];
-    forGraphs(callback: QuadCallback, subject: OTerm, predicate: OTerm, object: OTerm): void;
+    forEach(callback: QuadCallback<Q_N3>, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): void;
+    every(callback: QuadPredicate<Q_N3>, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): boolean;
+    some(callback: QuadPredicate<Q_N3>, subject: OTerm, predicate: OTerm, object: OTerm, graph: OTerm): boolean;
+    getSubjects(predicate: OTerm, object: OTerm, graph: OTerm): Array<Q_N3['subject']>;
+    forSubjects(callback: QuadCallback<Q_N3>, predicate: OTerm, object: OTerm, graph: OTerm): void;
+    getPredicates(subject: OTerm, object: OTerm, graph: OTerm): Array<Q_N3['predicate']>;
+    forPredicates(callback: QuadCallback<Q_N3>, subject: OTerm, object: OTerm, graph: OTerm): void;
+    getObjects(subject: OTerm, predicate: OTerm, graph: OTerm): Array<Q_N3['object']>;
+    forObjects(callback: QuadCallback<Q_N3>, subject: OTerm, predicate: OTerm, graph: OTerm): void;
+    getGraphs(subject: OTerm, predicate: OTerm, object: OTerm): Array<Q_N3['graph']>;
+    forGraphs(callback: QuadCallback<Q_N3>, subject: OTerm, predicate: OTerm, object: OTerm): void;
     createBlankNode(suggestedName?: string): BlankNode;
 
     // match, removeMatches and deleteGraph are missing for full RDF.Store adherence
     remove(stream: stream.Stream): EventEmitter;
 }
 export interface StoreConstructor {
-  new (triples?: RDF.Quad[], options?: StoreOptions): N3Store;
-  (triples?: RDF.Quad[], options?: StoreOptions): N3Store;
+  new<Q_RDF extends RDF.BaseQuad = RDF.Quad, Q_N3 extends BaseQuad = Quad> (triples?: Q_RDF[], options?: StoreOptions): N3Store<Q_RDF, Q_N3>;
+  <Q_RDF extends RDF.BaseQuad = RDF.Quad, Q_N3 extends BaseQuad = Quad>(triples?: Q_RDF[], options?: StoreOptions): N3Store<Q_RDF, Q_N3>;
 }
 export const Store: StoreConstructor;
 
@@ -217,6 +249,9 @@ export namespace Util {
     function isVariable(value: RDF.Term | null): boolean;
     function isDefaultGraph(value: RDF.Term | null): boolean;
     function inDefaultGraph(value: RDF.Quad): boolean;
-    function prefix(iri: string, factory?: RDF.DataFactory): (suffix: string) => RDF.NamedNode;
-    function prefixes(defaultPrefixes: Prefixes, factory?: RDF.DataFactory): (iri: string) => (suffix: string) => RDF.NamedNode;
+    function prefix(iri: RDF.NamedNode|string, factory?: RDF.DataFactory): PrefixedToIri;
+    function prefixes(
+      defaultPrefixes: Prefixes<RDF.NamedNode|string>,
+      factory?: RDF.DataFactory
+    ): (prefix: string) => PrefixedToIri;
 }
diff --git a/types/n3/n3-tests.ts b/types/n3/n3-tests.ts
index d24960a112..58d10892da 100644
--- a/types/n3/n3-tests.ts
+++ b/types/n3/n3-tests.ts
@@ -17,7 +17,8 @@ function test_add_prefixes() {
 
     writer.addPrefixes({
         freebase: N3.DataFactory.namedNode("http://rdf.freebase.com/ns/"),
-        xsd: N3.DataFactory.namedNode("http://www.w3.org/2001/XMLSchema#")
+        xsd: N3.DataFactory.namedNode("http://www.w3.org/2001/XMLSchema#"),
+        rdf: 'http://test'
     });
 
     writer.end((error, result) => {
@@ -31,7 +32,7 @@ function test_serialize() {
             format: "ttl",
             prefixes: {
                 foaf: "http://xmlns.com/foaf/0.1",
-                freebase: "http://rdf.freebase.com/ns/",
+                freebase: N3.DataFactory.namedNode("http://rdf.freebase.com/ns/"),
                 g: "http://base.google.com/ns/1.0"
             }
         });
@@ -76,7 +77,13 @@ function test_doc_rdf_to_triples_2() {
 }
 
 function test_doc_rdf_stream_to_triples_1() {
-    const parser: N3.N3Parser = new N3.Parser();
+    interface QuadBnode extends N3.BaseQuad {
+      subject: N3.BlankNode;
+      predicate: N3.BlankNode;
+      object: N3.BlankNode;
+      graph: N3.BlankNode;
+    }
+    const parser: N3.N3Parser<QuadBnode> = new N3.Parser<QuadBnode>({factory: N3.DataFactory});
     parser.parse('abc', console.log);
 
     const streamParser: N3.N3StreamParser = N3.StreamParser();
@@ -113,7 +120,7 @@ function test_doc_from_triples_to_string() {
 }
 
 function test_doc_from_triples_to_rdf_stream() {
-    const writer: N3.N3Writer = new N3.Writer(process.stdout, { prefixes: { c: N3.DataFactory.namedNode('http://example.org/cartoons#') } });
+    const writer: N3.N3Writer = new N3.Writer(process.stdout, { end: false, prefixes: { c: N3.DataFactory.namedNode('http://example.org/cartoons#') } });
     writer.addQuad(N3.DataFactory.quad(
       N3.DataFactory.namedNode('http://example.org/cartoons#Tom'),
       N3.DataFactory.namedNode('http://www.w3.org/1999/02/22-rdf-syntax-ns#type'),
@@ -177,7 +184,26 @@ function test_doc_storing() {
     const bnode2: RDF.BlankNode = store.createBlankNode('abc');
 
     const mickey: RDF.Quad = store.getQuads(N3.DataFactory.namedNode('http://ex.org/Mickey'), null, null, null)[0];
+    if (mickey.object.termType === "Literal") {
+      console.log(mickey.object.datatype);
+    }
     console.log(mickey.subject, mickey.predicate, mickey.object, '.');
+
+    interface N3QuadGeneralized extends N3.BaseQuad {
+      subject: N3.Quad_Subject | N3.BlankNode | N3.Literal;
+      predicate: N3.Quad_Predicate | N3.BlankNode | N3.Literal;
+      object: N3.Quad_Object | N3.BlankNode | N3.Literal;
+      graph: N3.Quad_Graph | N3.BlankNode | N3.Literal;
+    }
+    interface RDFQuadGeneralized extends RDF.BaseQuad {
+      subject: RDF.Quad_Subject | RDF.BlankNode | RDF.Literal;
+      predicate: RDF.Quad_Predicate | RDF.BlankNode | RDF.Literal;
+      object: RDF.Quad_Object | RDF.BlankNode | RDF.Literal;
+      graph: RDF.Quad_Graph | RDF.BlankNode | RDF.Literal;
+    }
+    const storeGeneralized = new N3.Store<RDFQuadGeneralized, N3QuadGeneralized>();
+    // storeGeneralized.
+    storeGeneralized.addQuad(N3.DataFactory.namedNode('http://ex.org/Pluto'), N3.DataFactory.blankNode(), N3.DataFactory.namedNode('http://ex.org/Dog'));
 }
 
 function test_doc_utility() {
diff --git a/types/n3/tslint.json b/types/n3/tslint.json
index d88586e5bd..e27ad90359 100644
--- a/types/n3/tslint.json
+++ b/types/n3/tslint.json
@@ -1,3 +1,6 @@
 {
-  "extends": "dtslint/dt.json"
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "no-unnecessary-generics": false
+  }
 }
diff --git a/types/nes/index.d.ts b/types/nes/index.d.ts
index 7c48cb84b0..78ff90e046 100644
--- a/types/nes/index.d.ts
+++ b/types/nes/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
 //                 Rodrigo Saboya <https://github.com/saboya>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  +                                                                           +
diff --git a/types/net-keepalive/tsconfig.json b/types/net-keepalive/tsconfig.json
index 7a0277396e..e3f703b220 100644
--- a/types/net-keepalive/tsconfig.json
+++ b/types/net-keepalive/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "baseUrl": "../",
         "typeRoots": [
diff --git a/types/netlify-identity-widget/index.d.ts b/types/netlify-identity-widget/index.d.ts
new file mode 100644
index 0000000000..a231be53d2
--- /dev/null
+++ b/types/netlify-identity-widget/index.d.ts
@@ -0,0 +1,86 @@
+// Type definitions for netlify-identity-widget 1.4
+// Project: https://github.com/netlify/netlify-identity-widget
+// Definitions by: Naveen Kumar Sangi <https://github.com/nkprince007>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface InitOptions {
+    // The container to attach to. e.g.: '#some-query-selector'
+    container?: string;
+
+    // Absolute url to endpoint. ONLY USE IN SPECIAL CASES!
+    // e.g. https://www.example.com/.netlify/functions/identity
+    // Generally avoid setting the APIUrl. You should only set this when
+    // your app is served from a domain that differs from where the
+    // identity endpoint is served.This is common for Cordova or Electron
+    // apps where you host from localhost or a file.
+    APIUrl?: string;
+}
+
+export interface Token {
+    access_token: string;
+    expires_at: string | number;
+    expires_in: string | number;
+    refresh_token: string;
+    token_type: string;
+}
+
+export interface User {
+    api: {
+        _sameOrigin?: boolean;
+        apiURL: string;
+        defaultHeaders: {
+            [header: string]: string | string[] | undefined;
+        };
+    };
+    app_metadata: {
+        provider: string;
+    };
+    aud: string;
+    audience?: any;
+    confirmed_at: string;
+    created_at: string;
+    updated_at: string;
+    email: string;
+    id: string;
+    role: string;
+    token?: Token;
+    url: string;
+    user_metadata: {
+        avatar_url: string;
+        full_name: string;
+    };
+}
+
+/**
+ * Initialises the netlify identity widget.
+ */
+export function init(opts?: InitOptions): void;
+
+/**
+ * Opens the netlify login modal to the corresponding tab.
+ */
+export function open(tabName?: "signup" | "login"): void;
+
+/**
+ * Closes the netlify login modal.
+ */
+export function close(): void;
+
+/**
+ * Retrieves the current logged in user information.
+ */
+export function currentUser(): User | null;
+
+/**
+ * Registers callbacks to corresponding events on the widget.
+ */
+export function on(event: 'init', cb: (user: User | null) => void): void;
+export function on(event: 'login', cb: (user: User) => void): void;
+export function on(event: 'logout' | 'open' | 'close', cb: () => void): void;
+export function on(event: 'error', cb: (err: Error) => void): void;
+
+/**
+ * Logs out the current user. Returns a Promise<void> when a user is
+ * logged in, else returns undefined.
+ */
+export function logout(): Promise<void> | undefined;
diff --git a/types/netlify-identity-widget/netlify-identity-widget-tests.ts b/types/netlify-identity-widget/netlify-identity-widget-tests.ts
new file mode 100644
index 0000000000..f44daaec37
--- /dev/null
+++ b/types/netlify-identity-widget/netlify-identity-widget-tests.ts
@@ -0,0 +1,69 @@
+import es6styleimport from 'netlify-identity-widget';
+
+import NetlifyIdentityWidget = require('netlify-identity-widget');
+
+// Type 0: es6styleimport test
+es6styleimport.init();
+
+// Type 1: Initialize without options
+NetlifyIdentityWidget.init();
+NetlifyIdentityWidget.init({});
+
+// Type 2: Initialize with container option
+NetlifyIdentityWidget.init({ container: 'body' });
+
+// Type 3: Initialize with a specific APIUrl
+NetlifyIdentityWidget.init({ APIUrl: 'https://www.example.com/.netlify/functions/identity' });
+
+// Type 4: Initialize with both the options specified
+NetlifyIdentityWidget.init({
+    APIUrl: 'https://www.example.com/.netlify/functions/identity',
+    container: 'body',
+});
+
+// Open widget modal to let users login
+NetlifyIdentityWidget.open();
+NetlifyIdentityWidget.on('open', () => {
+    // Widget is open and ready to login
+});
+
+// Open wigdet modal with signup tab selected
+NetlifyIdentityWidget.open('signup');
+
+// Close the widget programmatically
+NetlifyIdentityWidget.close();
+NetlifyIdentityWidget.on('close', () => {
+    // Widget is closed
+});
+
+// Event handling after login
+NetlifyIdentityWidget.on('login', (user) => {
+    // You can now use User info after a successful login
+});
+
+// Event handling after logout
+NetlifyIdentityWidget.on('logout', () => {
+    // You can now notify that the logout was successful
+});
+
+// Event handling after login on page refresh
+NetlifyIdentityWidget.on('init', (user) => {
+    // Now the widget is ready to use
+    // If a user was already logged in, the value is returned else null is passed via callback
+});
+
+// Event handling on errors
+NetlifyIdentityWidget.on('error', (err) => {
+    // The error occured during operation is passed in via callback
+});
+
+// Use the current logged in user
+const user = NetlifyIdentityWidget.currentUser();
+
+// If a user is logged in, logout returns a Promise<void>
+const logoutPromise = NetlifyIdentityWidget.logout();
+if (logoutPromise) {
+    logoutPromise.then(() => {
+        // You can now do clean up after successful logout
+    });
+}
diff --git a/types/netlify-identity-widget/tsconfig.json b/types/netlify-identity-widget/tsconfig.json
new file mode 100644
index 0000000000..8ded135467
--- /dev/null
+++ b/types/netlify-identity-widget/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "allowSyntheticDefaultImports": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "netlify-identity-widget-tests.ts"
+    ]
+}
diff --git a/types/netlify-identity-widget/tslint.json b/types/netlify-identity-widget/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/netlify-identity-widget/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/newrelic/index.d.ts b/types/newrelic/index.d.ts
index f6c54f5a4b..a5fd434d99 100644
--- a/types/newrelic/index.d.ts
+++ b/types/newrelic/index.d.ts
@@ -1,351 +1,347 @@
-// Type definitions for newrelic 3.3
+// Type definitions for newrelic 3.4
 // Project: http://github.com/newrelic/node-newrelic
 // Definitions by: Matt R. Wilson <https://github.com/mastermatt>
+//                 Brooks Patton <https://github.com/brookspatton>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // https://docs.newrelic.com/docs/agents/nodejs-agent/api-guides/nodejs-agent-api
-declare namespace newrelic {
-    interface NewRelicAPI {
-        /**
-         * Give the current transaction a custom name.
-         *
-         * Overrides any New Relic naming rules set in configuration or from New Relic's servers.
-         *
-         * IMPORTANT: this function must be called when a transaction is active. New
-         * Relic transactions are tied to web requests, so this method may be called
-         * from within HTTP or HTTPS listener functions, Express routes, or other
-         * contexts where a web request or response object are in scope.
-         *
-         * The `name` will be prefixed with 'Custom/' when sent.
-         */
-        setTransactionName(name: string): void;
 
-        /**
-         * Returns a handle on the currently executing transaction.
-         *
-         * This handle can then be used to end or ignore a given transaction safely from any context.
-         * It is best used with newrelic.startWebTransaction() and newrelic.startBackgroundTransaction().
-         */
-        getTransaction(): TransactionHandle;
+/**
+ * Give the current transaction a custom name.
+ *
+ * Overrides any New Relic naming rules set in configuration or from New Relic's servers.
+ *
+ * IMPORTANT: this function must be called when a transaction is active. New
+ * Relic transactions are tied to web requests, so this method may be called
+ * from within HTTP or HTTPS listener functions, Express routes, or other
+ * contexts where a web request or response object are in scope.
+ *
+ * The `name` will be prefixed with 'Custom/' when sent.
+ */
+export function setTransactionName(name: string): void;
 
-        /**
-         * Specify the `Dispatcher` and `Dispatcher Version` environment values.
-         *
-         * A dispatcher is typically the service responsible for brokering
-         * the request with the process responsible for responding to the
-         * request.  For example Node's `http` module would be the dispatcher
-         * for incoming HTTP requests.
-         */
-        setDispatcher(name: string, version?: string): void;
+/**
+ * Returns a handle on the currently executing transaction.
+ *
+ * This handle can then be used to end or ignore a given transaction safely from any context.
+ * It is best used with newrelic.startWebTransaction() and newrelic.startBackgroundTransaction().
+ */
+export function getTransaction(): TransactionHandle;
 
-        /**
-         * Give the current transaction a name based on your own idea of what
-         * constitutes a controller in your Node application. Also allows you to
-         * optionally specify the action being invoked on the controller. If the action
-         * is omitted, then the API will default to using the HTTP method used in the
-         * request (e.g. GET, POST, DELETE). Overrides any New Relic naming rules set
-         * in configuration or from New Relic's servers.
-         *
-         * IMPORTANT: this function must be called when a transaction is active. New
-         * Relic transactions are tied to web requests, so this method may be called
-         * from within HTTP or HTTPS listener functions, Express routes, or other
-         * contexts where a web request or response object are in scope.
-         *
-         * The `name` will be prefixed with 'Controller/' when sent.
-         * The `action` defaults to the HTTP method used for the request.
-         */
-        setControllerName(name: string, action: string): void;
+/**
+ * Specify the `Dispatcher` and `Dispatcher Version` environment values.
+ *
+ * A dispatcher is typically the service responsible for brokering
+ * the request with the process responsible for responding to the
+ * request.  For example Node's `http` module would be the dispatcher
+ * for incoming HTTP requests.
+ */
+export function setDispatcher(name: string, version?: string): void;
 
-        /**
-         * Add a custom attribute to the current transaction.
-         *
-         * Some attributes are reserved (see CUSTOM_BLACKLIST in the docs for the current, very short list), and
-         * as with most API methods, this must be called in the context of an
-         * active transaction.
-         *
-         * Most recently set value wins.
-         */
-        addCustomAttribute(key: string, value: string): void;
+/**
+ * Give the current transaction a name based on your own idea of what
+ * constitutes a controller in your Node application. Also allows you to
+ * optionally specify the action being invoked on the controller. If the action
+ * is omitted, then the API will default to using the HTTP method used in the
+ * request (e.g. GET, POST, DELETE). Overrides any New Relic naming rules set
+ * in configuration or from New Relic's servers.
+ *
+ * IMPORTANT: this function must be called when a transaction is active. New
+ * Relic transactions are tied to web requests, so this method may be called
+ * from within HTTP or HTTPS listener functions, Express routes, or other
+ * contexts where a web request or response object are in scope.
+ *
+ * The `name` will be prefixed with 'Controller/' when sent.
+ * The `action` defaults to the HTTP method used for the request.
+ */
+export function setControllerName(name: string, action: string): void;
 
-        /**
-         * Adds all custom attributes in an object to the current transaction.
-         *
-         * See documentation for `addCustomAttribute` for more information on setting custom attributes.
-         */
-        addCustomAttributes(atts: { [key: string]: string }): void;
+/**
+ * Add a custom attribute to the current transaction.
+ *
+ * Some attributes are reserved (see CUSTOM_BLACKLIST in the docs for the current, very short list), and
+ * as with most API methods, this must be called in the context of an
+ * active transaction.
+ *
+ * Most recently set value wins.
+ */
+export function addCustomAttribute(key: string, value: string|number): void;
 
-        /**
-         * Tell the tracer whether to ignore the current transaction.
-         *
-         * The most common use for this will be to mark a transaction as ignored (maybe it's handling
-         * a websocket polling channel, or maybe it's an external call you don't care
-         * is slow), but it's also useful when you want a transaction that would
-         * otherwise be ignored due to URL or transaction name normalization rules
-         * to *not* be ignored.
-         */
-        setIgnoreTransaction(ignored: boolean): void;
+/**
+ * Adds all custom attributes in an object to the current transaction.
+ *
+ * See documentation for `addCustomAttribute` for more information on setting custom attributes.
+ */
+export function addCustomAttributes(atts: { [key: string]: string|number }): void;
 
-        /**
-         * Send errors to New Relic that you've already handled yourself.
-         *
-         * NOTE: Errors that are recorded using this method do _not_ obey the `ignore_status_codes` configuration.
-         *
-         *  Optional. Any custom attributes to be displayed in the New Relic UI.
-         */
-        noticeError(error: Error, customAttributes?: { [key: string]: string }): void;
+/**
+ * Tell the tracer whether to ignore the current transaction.
+ *
+ * The most common use for this will be to mark a transaction as ignored (maybe it's handling
+ * a websocket polling channel, or maybe it's an external call you don't care
+ * is slow), but it's also useful when you want a transaction that would
+ * otherwise be ignored due to URL or transaction name normalization rules
+ * to *not* be ignored.
+ */
+export function setIgnoreTransaction(ignored: boolean): void;
 
-        /**
-         * If the URL for a transaction matches the provided pattern, name the
-         * transaction with the provided name.
-         *
-         * If there are capture groups in the pattern (which is a standard JavaScript regular expression,
-         * and can be passed as either a RegExp or a string), then the substring matches ($1, $2,
-         * etc.) are replaced in the name string. BE CAREFUL WHEN USING SUBSTITUTION.
-         * If the replacement substrings are highly variable (i.e. are identifiers,
-         * GUIDs, or timestamps), the rule will generate too many metrics and
-         * potentially get your application blacklisted by New Relic.
-         *
-         * An example of a good rule with replacements:
-         *
-         *   newrelic.addNamingRule('^/storefront/(v[1-5])/(item|category|tag)', 'CommerceAPI/$1/$2')
-         *
-         * An example of a bad rule with replacements:
-         *
-         *   newrelic.addNamingRule('^/item/([0-9a-f]+)', 'Item/$1')
-         *
-         * Keep in mind that the original URL and any query parameters will be sent
-         * along with the request, so slow transactions will still be identifiable.
-         *
-         * Naming rules can not be removed once added. They can also be added via the
-         * agent's configuration. See configuration documentation for details.
-         */
-        addNamingRule(pattern: RegExp | string, name: string): void;
+/**
+ * Send errors to New Relic that you've already handled yourself.
+ *
+ * NOTE: Errors that are recorded using this method do _not_ obey the `ignore_status_codes` configuration.
+ *
+ *  Optional. Any custom attributes to be displayed in the New Relic UI.
+ */
+export function noticeError(error: Error, customAttributes?: { [key: string]: string }): void;
 
-        /**
-         * If the URL for a transaction matches the provided pattern, ignore the transaction attached to that URL.
-         *
-         * Useful for filtering socket.io connections and other long-polling requests out of your agents to keep
-         * them from distorting an app's apdex or mean response time.
-         *
-         * Example:
-         *
-         *   newrelic.addIgnoringRule('^/socket\\.io/')
-         */
-        addIgnoringRule(pattern: RegExp | string): void;
+/**
+ * If the URL for a transaction matches the provided pattern, name the
+ * transaction with the provided name.
+ *
+ * If there are capture groups in the pattern (which is a standard JavaScript regular expression,
+ * and can be passed as either a RegExp or a string), then the substring matches ($1, $2,
+ * etc.) are replaced in the name string. BE CAREFUL WHEN USING SUBSTITUTION.
+ * If the replacement substrings are highly variable (i.e. are identifiers,
+ * GUIDs, or timestamps), the rule will generate too many metrics and
+ * potentially get your application blacklisted by New Relic.
+ *
+ * An example of a good rule with replacements:
+ *
+ *   newrelic.addNamingRule('^/storefront/(v[1-5])/(item|category|tag)', 'CommerceAPI/$1/$2')
+ *
+ * An example of a bad rule with replacements:
+ *
+ *   newrelic.addNamingRule('^/item/([0-9a-f]+)', 'Item/$1')
+ *
+ * Keep in mind that the original URL and any query parameters will be sent
+ * along with the request, so slow transactions will still be identifiable.
+ *
+ * Naming rules can not be removed once added. They can also be added via the
+ * agent's configuration. See configuration documentation for details.
+ */
+export function addNamingRule(pattern: RegExp | string, name: string): void;
 
-        /**
-         * Get the <script>...</script> header necessary for Browser Monitoring.
-         *
-         * This script must be manually injected into your templates, as high as possible
-         * in the header, but _after_ any X-UA-COMPATIBLE HTTP-EQUIV meta tags.
-         * Otherwise you may hurt IE!
-         *
-         * This method must be called _during_ a transaction, and must be called every
-         * time you want to generate the headers.
-         *
-         * Do *not* reuse the headers between users, or even between requests.
-         */
-        getBrowserTimingHeader(): string;
+/**
+ * If the URL for a transaction matches the provided pattern, ignore the transaction attached to that URL.
+ *
+ * Useful for filtering socket.io connections and other long-polling requests out of your agents to keep
+ * them from distorting an app's apdex or mean response time.
+ *
+ * Example:
+ *
+ *   newrelic.addIgnoringRule('^/socket\\.io/')
+ */
+export function addIgnoringRule(pattern: RegExp | string): void;
 
-        /**
-         * Instrument a particular method to improve visibility into a transaction,
-         * or optionally turn it into a metric.
-         *
-         * The name defines a name for the segment. This name will be visible in transaction traces and
-         * as a new metric in the New Relic UI.
-         * The record flag defines whether the segment should be recorded as a metric.
-         * The handler is the function you want to track as a segment.
-         * The optional callback is a function passed to the handler to fire after its work is done.
-         *
-         * The agent begins timing the segment when startSegment is called.
-         * The segment is ended when either the handler finishes executing, or callback is fired, if it is provided.
-         * If a promise is returned from the handler, the segment's ending will be tied to that promise resolving or rejecting.
-         */
-        startSegment<T extends PromiseLike<any>>(name: string, record: boolean, handler: T): T;
-        startSegment<T, C extends (...args: any[]) => any>(name: string, record: boolean, handler: (cb?: C) => T, callback?: C): T;
+/**
+ * Get the <script>...</script> header necessary for Browser Monitoring.
+ *
+ * This script must be manually injected into your templates, as high as possible
+ * in the header, but _after_ any X-UA-COMPATIBLE HTTP-EQUIV meta tags.
+ * Otherwise you may hurt IE!
+ *
+ * This method must be called _during_ a transaction, and must be called every
+ * time you want to generate the headers.
+ *
+ * Do *not* reuse the headers between users, or even between requests.
+ */
+export function getBrowserTimingHeader(): string;
 
-        /**
-         * Instrument a particular callback to improve visibility into a transaction.
-         *
-         * Use this API call to improve instrumentation of a particular method, or to track work across asynchronous
-         * boundaries by calling createTracer() in both the target function and its parent asynchronous function.
-         *
-         * The name will be visible in transaction traces and as a new metric in the New Relic UI.
-         *
-         * The agent begins timing the segment when createTracer is called, and ends the segment when the callback
-         * defined by the callback argument finishes executing.
-         *
-         * @deprecated
-         * This method has been deprecated in favor of newrelic.startSegment()
-         */
-        createTracer<T extends (...args: any[]) => any>(name: string, handle: T): T;
+/**
+ * Instrument a particular method to improve visibility into a transaction,
+ * or optionally turn it into a metric.
+ *
+ * The name defines a name for the segment. This name will be visible in transaction traces and
+ * as a new metric in the New Relic UI.
+ * The record flag defines whether the segment should be recorded as a metric.
+ * The handler is the function you want to track as a segment.
+ * The optional callback is a function passed to the handler to fire after its work is done.
+ *
+ * The agent begins timing the segment when startSegment is called.
+ * The segment is ended when either the handler finishes executing, or callback is fired, if it is provided.
+ * If a promise is returned from the handler, the segment's ending will be tied to that promise resolving or rejecting.
+ */
+export function startSegment<T extends PromiseLike<any>>(name: string, record: boolean, handler: T): T;
+export function startSegment<T, C extends (...args: any[]) => any>(name: string, record: boolean, handler: (cb?: C) => T, callback?: C): T;
 
-        /**
-         * Creates and starts a web transaction to record work done in the handle supplied.
-         *
-         * This transaction will run until the handle
-         * synchronously returns UNLESS:
-         * 1. The handle function returns a promise, where the end of the
-         *    transaction will be tied to the end of the promise returned.
-         * 2. `getTransaction` is called in the handle, flagging the
-         *    transaction as externally handled.  In this case the transaction
-         *    will be ended when `TransactionHandle#end` is called in the user's code.
-         *
-         * @example
-         * var newrelic = require('newrelic')
-         * newrelic.startWebTransaction('/some/url/path', function() {
-         *   var transaction = newrelic.getTransaction()
-         *   setTimeout(function() {
-         *     // do some work
-         *     transaction.end()
-         *   }, 100)
-         * })
-         *
-         * The `url` is used to name and group related transactions in APM,
-         * so it should be a generic name and not include any variable parameters.
-         */
-        startWebTransaction(url: string, handle: (...args: any[]) => any): any;
+/**
+ * Instrument a particular callback to improve visibility into a transaction.
+ *
+ * Use this API call to improve instrumentation of a particular method, or to track work across asynchronous
+ * boundaries by calling createTracer() in both the target function and its parent asynchronous function.
+ *
+ * The name will be visible in transaction traces and as a new metric in the New Relic UI.
+ *
+ * The agent begins timing the segment when createTracer is called, and ends the segment when the callback
+ * defined by the callback argument finishes executing.
+ *
+ * @deprecated
+ * This method has been deprecated in favor of newrelic.startSegment()
+ */
+export function createTracer<T extends (...args: any[]) => any>(name: string, handle: T): T;
 
-        /**
-         * Creates and starts a background transaction to record work done in the handle supplied.
-         *
-         * This transaction will run until the handle
-         * synchronously returns UNLESS:
-         * 1. The handle function returns a promise, where the end of the
-         *    transaction will be tied to the end of the promise returned.
-         * 2. `API#getTransaction` is called in the handle, flagging the
-         *    transaction as externally handled.  In this case the transaction
-         *    will be ended when `TransactionHandle#end` is called in the user's code.
-         *
-         * @example
-         * var newrelic = require('newrelic')
-         * newrelic.startBackgroundTransaction('Red October', 'Subs', function() {
-         *   var transaction = newrelic.getTransaction()
-         *   setTimeout(function() {
-         *     // do some work
-         *     transaction.end()
-         *   }, 100)
-         * })
-         *
-         * The `url` is used to name and group related transactions in APM,
-         * so it should be a generic name and not include any variable parameters.
-         *
-         * The optional `group can be used for grouping background transactions in APM.
-         * For more information see:
-         *  https://docs.newrelic.com/docs/apm/applications-menu/monitoring/transactions-page#txn-type-dropdown
-         */
-        startBackgroundTransaction(name: string, handle: (...args: any[]) => any): any;
-        startBackgroundTransaction(name: string, group: string, handle: (...args: any[]) => any): any;
+/**
+ * Creates and starts a web transaction to record work done in the handle supplied.
+ *
+ * This transaction will run until the handle
+ * synchronously returns UNLESS:
+ * 1. The handle function returns a promise, where the end of the
+ *    transaction will be tied to the end of the promise returned.
+ * 2. `getTransaction` is called in the handle, flagging the
+ *    transaction as externally handled.  In this case the transaction
+ *    will be ended when `TransactionHandle#end` is called in the user's code.
+ *
+ * @example
+ * var newrelic = require('newrelic')
+ * newrelic.startWebTransaction('/some/url/path', function() {
+ *   var transaction = newrelic.getTransaction()
+ *   setTimeout(function() {
+ *     // do some work
+ *     transaction.end()
+ *   }, 100)
+ * })
+ *
+ * The `url` is used to name and group related transactions in APM,
+ * so it should be a generic name and not include any variable parameters.
+ */
+export function startWebTransaction(url: string, handle: (...args: any[]) => any): any;
 
-        /**
-         * End the current web or background custom transaction.
-         *
-         * This method requires being in the correct transaction context when called.
-         */
-        endTransaction(): void;
+/**
+ * Creates and starts a background transaction to record work done in the handle supplied.
+ *
+ * This transaction will run until the handle
+ * synchronously returns UNLESS:
+ * 1. The handle function returns a promise, where the end of the
+ *    transaction will be tied to the end of the promise returned.
+ * 2. `API#getTransaction` is called in the handle, flagging the
+ *    transaction as externally handled.  In this case the transaction
+ *    will be ended when `TransactionHandle#end` is called in the user's code.
+ *
+ * @example
+ * var newrelic = require('newrelic')
+ * newrelic.startBackgroundTransaction('Red October', 'Subs', function() {
+ *   var transaction = newrelic.getTransaction()
+ *   setTimeout(function() {
+ *     // do some work
+ *     transaction.end()
+ *   }, 100)
+ * })
+ *
+ * The `url` is used to name and group related transactions in APM,
+ * so it should be a generic name and not include any variable parameters.
+ *
+ * The optional `group can be used for grouping background transactions in APM.
+ * For more information see:
+ *  https://docs.newrelic.com/docs/apm/applications-menu/monitoring/transactions-page#txn-type-dropdown
+ */
+export function startBackgroundTransaction(name: string, handle: (...args: any[]) => any): any;
+export function startBackgroundTransaction(name: string, group: string, handle: (...args: any[]) => any): any;
 
-        /**
-         * Record an event-based metric, usually associated with a particular duration.
-         *
-         * The `name` must be a string following standard metric naming rules. The `value` will
-         * usually be a number, but it can also be an object.
-         *   * When `value` is a numeric value, it should represent the magnitude of a measurement
-         *     associated with an event; for example, the duration for a particular method call.
-         *   * When `value` is an object, it must contain count, total, min, max, and sumOfSquares
-         *     keys, all with number values. This form is useful to aggregate metrics on your own
-         *     and report them periodically; for example, from a setInterval. These values will
-         *     be aggregated with any previously collected values for the same metric. The names
-         *     of these keys match the names of the keys used by the platform API.
-         */
-        recordMetric(name: string, value: number | Metric): void;
+/**
+ * End the current web or background custom transaction.
+ *
+ * This method requires being in the correct transaction context when called.
+ */
+export function endTransaction(): void;
 
-        /**
-         * Update a metric that acts as a simple counter.
-         *
-         * The count of the selected metric will be incremented by the specified amount, defaulting to 1.
-         */
-        incrementMetric(name: string, value?: number): void;
+/**
+ * Record an event-based metric, usually associated with a particular duration.
+ *
+ * The `name` must be a string following standard metric naming rules. The `value` will
+ * usually be a number, but it can also be an object.
+ *   * When `value` is a numeric value, it should represent the magnitude of a measurement
+ *     associated with an event; for example, the duration for a particular method call.
+ *   * When `value` is an object, it must contain count, total, min, max, and sumOfSquares
+ *     keys, all with number values. This form is useful to aggregate metrics on your own
+ *     and report them periodically; for example, from a setInterval. These values will
+ *     be aggregated with any previously collected values for the same metric. The names
+ *     of these keys match the names of the keys used by the platform API.
+ */
+export function recordMetric(name: string, value: number | Metric): void;
 
-        /**
-         * Record an event-based metric, usually associated with a particular duration.
-         *
-         * `eventType` must be an alphanumeric string less than 255 characters.
-         * The keys of `attributes` must be shorter than 255 characters.
-         */
-        recordCustomEvent(eventType: string, attributes: { [keys: string]: boolean | number | string }): void;
+/**
+ * Update a metric that acts as a simple counter.
+ *
+ * The count of the selected metric will be incremented by the specified amount, defaulting to 1.
+ */
+export function incrementMetric(name: string, value?: number): void;
 
-        /**
-         * Registers an instrumentation function.
-         *
-         * The provided onRequire callback will be fired when the given module is loaded with require.
-         * The moduleName parameter should be the string that will be passed to require;
-         * for example, 'express' or 'amqplib/callback_api'.
-         *
-         * The optional onError callback is called if the onRequire parameters throws an error.
-         * This is useful for debugging your instrumentation.
-         *
-         * Use this method to:
-         * - Add instrumentation for modules not currently instrumented by New Relic.
-         * - Instrument your own code.
-         * - Replace the Node.js agent's built-in instrumentation with your own.
-         */
-        instrument: Instrument;
+/**
+ * Record an event-based metric, usually associated with a particular duration.
+ *
+ * `eventType` must be an alphanumeric string less than 255 characters.
+ * The keys of `attributes` must be shorter than 255 characters.
+ */
+export function recordCustomEvent(eventType: string, attributes: { [keys: string]: boolean | number | string }): void;
 
-        /**
-         * Sets an instrumentation callback for a datastore module.
-         *
-         * This method is just like `instrument`, except it provides a datastore-service-specialized shim.
-         */
-        instrumentDatastore: Instrument;
+/**
+ * Registers an instrumentation function.
+ *
+ * The provided onRequire callback will be fired when the given module is loaded with require.
+ * The moduleName parameter should be the string that will be passed to require;
+ * for example, 'express' or 'amqplib/callback_api'.
+ *
+ * The optional onError callback is called if the onRequire parameters throws an error.
+ * This is useful for debugging your instrumentation.
+ *
+ * Use this method to:
+ * - Add instrumentation for modules not currently instrumented by New Relic.
+ * - Instrument your own code.
+ * - Replace the Node.js agent's built-in instrumentation with your own.
+ */
+export const instrument: Instrument;
 
-        /**
-         * Sets an instrumentation callback for a web framework module.
-         *
-         * This method is just like `instrument`, except it provides a web-framework-specialized  shim.
-         */
-        instrumentWebframework: Instrument;
+/**
+ * Sets an instrumentation callback for a datastore module.
+ *
+ * This method is just like `instrument`, except it provides a datastore-service-specialized shim.
+ */
+export const instrumentDatastore: Instrument;
 
-        /**
-         * Sets an instrumentation callback for a message service client module.
-         *
-         * This method is just like `instrument`, except it provides a message-service-specialized shim.
-         */
-        instrumentMessages: Instrument;
+/**
+ * Sets an instrumentation callback for a web framework module.
+ *
+ * This method is just like `instrument`, except it provides a web-framework-specialized  shim.
+ */
+export const instrumentWebframework: Instrument;
 
-        /**
-         * Gracefully shuts down the agent.
-         *
-         * If `collectPendingData` is true, the agent will send any pending data to the collector
-         * before shutting down. Defaults to `false`.
-         */
-        shutdown(cb?: (error?: Error) => void): void;
-        shutdown(options?: { collectPendingData?: boolean, timeout?: number }, cb?: (error?: Error) => void): void;
-    }
+/**
+ * Sets an instrumentation callback for a message service client module.
+ *
+ * This method is just like `instrument`, except it provides a message-service-specialized shim.
+ */
+export const instrumentMessages: Instrument;
 
-    interface Instrument {
-        (opts: { moduleName: string, onRequire: () => void, onError?: (err: Error) => void }): void;
-        (moduleName: string, onRequire: () => void, onError?: (err: Error) => void): void;
-    }
+/**
+ * Gracefully shuts down the agent.
+ *
+ * If `collectPendingData` is true, the agent will send any pending data to the collector
+ * before shutting down. Defaults to `false`.
+ */
+export function shutdown(cb?: (error?: Error) => void): void;
+export function shutdown(options?: { collectPendingData?: boolean, timeout?: number }, cb?: (error?: Error) => void): void;
 
-    interface Metric {
-        count: number;
-        total: number;
-        min: number;
-        max: number;
-        sumOfSquares: number;
-    }
+export interface Instrument {
+    (opts: { moduleName: string, onRequire: () => void, onError?: (err: Error) => void }): void;
+    (moduleName: string, onRequire: () => void, onError?: (err: Error) => void): void;
+}
 
-    interface TransactionHandle {
-        /**
-         * End the transaction.
-         */
-        end(callback?: () => any): void;
+export interface Metric {
+    count: number;
+    total: number;
+    min: number;
+    max: number;
+    sumOfSquares: number;
+}
 
-        /**
-         * Mark the transaction to be ignored.
-         */
-        ignore(): void;
-    }
+export interface TransactionHandle {
+    /**
+     * End the transaction.
+     */
+    end(callback?: () => any): void;
+
+    /**
+     * Mark the transaction to be ignored.
+     */
+    ignore(): void;
 }
-declare const api: newrelic.NewRelicAPI;
-export = api;
diff --git a/types/newrelic/newrelic-tests.ts b/types/newrelic/newrelic-tests.ts
index 3f99152c66..29eabfeb21 100644
--- a/types/newrelic/newrelic-tests.ts
+++ b/types/newrelic/newrelic-tests.ts
@@ -14,7 +14,9 @@ newrelic.setDispatcher("foo", "42"); // $ExpectType void
 newrelic.setControllerName("foo", "GET"); // $ExpectType void
 
 newrelic.addCustomAttribute("foo", "bar"); // $ExpectType void
+newrelic.addCustomAttribute("foo", 42); // $ExpectType void
 newrelic.addCustomAttributes({ foo: "bar", baz: "bang" }); // $ExpectType void
+newrelic.addCustomAttributes({ foo: "bar", baz: 42 }); // $ExpectType void
 
 newrelic.setIgnoreTransaction(true); // $ExpectType void
 
diff --git a/types/next-redux-saga/index.d.ts b/types/next-redux-saga/index.d.ts
new file mode 100644
index 0000000000..b7575fba16
--- /dev/null
+++ b/types/next-redux-saga/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for next-redux-saga 3.0
+// Project: https://github.com/bmealhouse/next-redux-saga
+// Definitions by: Leo Cavalcante <https://github.com/leocavalcante>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { ComponentType } from "react";
+
+declare function nextReduxSaga<P = any>(arg: { async: boolean }): ((BaseComponent: ComponentType<P>) => ComponentType<P>);
+declare function nextReduxSaga<P = any>(arg: ComponentType<P>): ComponentType<P>;
+
+export = nextReduxSaga;
diff --git a/types/next-redux-saga/next-redux-saga-tests.tsx b/types/next-redux-saga/next-redux-saga-tests.tsx
new file mode 100644
index 0000000000..c905971457
--- /dev/null
+++ b/types/next-redux-saga/next-redux-saga-tests.tsx
@@ -0,0 +1,65 @@
+import * as React from 'react';
+import withRedux from 'next-redux-wrapper';
+import withReduxSaga from 'next-redux-saga';
+import { createStore, Reducer, Store, AnyAction } from 'redux';
+
+interface InitialState {
+    foo: string;
+}
+
+const reducer: Reducer<InitialState> = (state: InitialState = { foo: '' }, action: AnyAction): InitialState => {
+    switch (action.type) {
+        case 'FOO':
+            return { ...state, foo: action.payload };
+        default:
+            return state;
+    }
+};
+
+const makeStore = (initialState: InitialState): Store<InitialState> => {
+    return createStore<InitialState>(reducer, initialState);
+};
+
+interface OwnProps {
+    bar: string;
+}
+
+interface Props {
+    foo: string;
+    custom: string;
+}
+
+class Page extends React.Component<OwnProps & Props> {
+    static getInitialProps({ store, isServer, pathname, query }: any) {
+        store.dispatch({ type: 'FOO', payload: 'foo' });
+        return { custom: 'custom' };
+    }
+    render() {
+        return (
+            <div>
+                <div>Prop from Redux {this.props.foo}</div>
+                <div>Prop from getInitialProps {this.props.custom}</div>
+            </div>
+        );
+    }
+}
+
+type ConnectStateProps = Props;
+type DispatchProps = Props;
+type MergedProps = Props;
+
+// Test various typings
+
+const Com1 = withRedux<InitialState, ConnectStateProps, DispatchProps, OwnProps, MergedProps>(
+    (initialState: InitialState, options) => {
+        if (options.isServer || options.req || options.query || options.res) {
+            const a = 1;
+        }
+        return createStore(reducer, initialState);
+    },
+)(withReduxSaga<OwnProps & Props>({ async: true })(Page));
+
+const Com2 = withRedux(makeStore)(withReduxSaga(Page));
+
+const com1Instance = (<Com1 bar="foo" />);
+const com2Instance = (<Com2 />);
diff --git a/types/next-redux-saga/package.json b/types/next-redux-saga/package.json
new file mode 100644
index 0000000000..6d68bf2f9b
--- /dev/null
+++ b/types/next-redux-saga/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "redux": "^3.6.0"
+    }
+}
diff --git a/types/next-redux-saga/tsconfig.json b/types/next-redux-saga/tsconfig.json
new file mode 100644
index 0000000000..2f57e82a4e
--- /dev/null
+++ b/types/next-redux-saga/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true
+    },
+    "files": [
+        "index.d.ts",
+        "next-redux-saga-tests.tsx"
+    ]
+}
diff --git a/types/next-redux-saga/tslint.json b/types/next-redux-saga/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/next-redux-saga/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/next-server/asset.d.ts b/types/next-server/asset.d.ts
new file mode 100644
index 0000000000..d021de3929
--- /dev/null
+++ b/types/next-server/asset.d.ts
@@ -0,0 +1,2 @@
+export function setAssetPrefix(url: string): void;
+export default function(path: string): string;
diff --git a/types/next-server/config.d.ts b/types/next-server/config.d.ts
new file mode 100644
index 0000000000..d2cc3cf6e2
--- /dev/null
+++ b/types/next-server/config.d.ts
@@ -0,0 +1,6 @@
+export interface RuntimeConfig {
+    serverRuntimeConfig: any;
+    publicRuntimeConfig?: any;
+}
+export function setConfig(configValue: any): void;
+export default function(): RuntimeConfig;
diff --git a/types/next-server/constants.d.ts b/types/next-server/constants.d.ts
new file mode 100644
index 0000000000..d2dc74dad0
--- /dev/null
+++ b/types/next-server/constants.d.ts
@@ -0,0 +1,23 @@
+export const PHASE_EXPORT: string;
+export const PHASE_PRODUCTION_BUILD: string;
+export const PHASE_PRODUCTION_SERVER: string;
+export const PHASE_DEVELOPMENT_SERVER: string;
+export const PAGES_MANIFEST: string;
+export const BUILD_MANIFEST: string;
+export const REACT_LOADABLE_MANIFEST: string;
+export const SERVER_DIRECTORY: string;
+export const CONFIG_FILE: string;
+export const BUILD_ID_FILE: string;
+export const BLOCKED_PAGES: string[];
+
+export const CLIENT_STATIC_FILES_PATH: string;
+export const CLIENT_STATIC_FILES_RUNTIME: string;
+export const CLIENT_STATIC_FILES_RUNTIME_PATH: string;
+/** static/runtime/main.js */
+export const CLIENT_STATIC_FILES_RUNTIME_MAIN: string;
+/** static/runtime/webpack.js */
+export const CLIENT_STATIC_FILES_RUNTIME_WEBPACK: string;
+/** matches static/<buildid>/pages/<page>.js */
+export const IS_BUNDLED_PAGE_REGEX: RegExp;
+/** matches static/<buildid>/pages/:page*.js */
+export const ROUTE_NAME_REGEX: RegExp;
diff --git a/types/next-server/dynamic.d.ts b/types/next-server/dynamic.d.ts
new file mode 100644
index 0000000000..38a85bf77e
--- /dev/null
+++ b/types/next-server/dynamic.d.ts
@@ -0,0 +1,42 @@
+import * as React from "react";
+import {
+    LoadableComponent,
+    CommonOptions as LoadableOptions,
+    LoadingComponentProps as LoadableLoadingComponentProps
+} from "react-loadable";
+
+type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+
+type AsyncComponent<P = any> = Promise<React.ComponentType<P>>;
+type AsyncComponentLoader<P = any> = () => AsyncComponent<P>;
+type ModuleMapping = Record<string, AsyncComponent>;
+type LoadedModuleMapping = Record<string, React.ComponentType>;
+
+interface NextDynamicOptions<P = {}> extends Omit<LoadableOptions, "loading" | "modules"> {
+    modules?: () => ModuleMapping; // overridden
+    loading?: LoadableOptions["loading"]; // optional
+    loader?: AsyncComponentLoader<P>; // optional, overriden
+    render?: (props: P, loaded: LoadedModuleMapping) => React.ReactNode; // optional, overriden
+    ssr?: boolean;
+    loadableGenerated?: {
+        webpack?: any;
+        modules?: any;
+    };
+}
+
+type DynamicComponent<P> = React.ComponentType<P> & LoadableComponent;
+
+/**
+ * Overloaded dynamic function.
+ * https://github.com/zeit/next.js/blob/7.0.0/lib/dynamic.js#L55
+ */
+declare function dynamic<P = {}>(
+    options: AsyncComponent<P> | NextDynamicOptions<P>
+): DynamicComponent<P>;
+declare function dynamic<P = {}>(
+    asyncModule: AsyncComponent<P>,
+    options: NextDynamicOptions<P>
+): DynamicComponent<P>;
+
+export type LoadingComponentProps = LoadableLoadingComponentProps;
+export default dynamic;
diff --git a/types/next-server/head.d.ts b/types/next-server/head.d.ts
new file mode 100644
index 0000000000..8a8be730f8
--- /dev/null
+++ b/types/next-server/head.d.ts
@@ -0,0 +1,8 @@
+import * as React from "react";
+
+export function defaultHead(className?: string): JSX.Element[];
+export default class Head extends React.Component {
+    static canUseDOM: boolean;
+    static peek(): Array<React.ReactElement<any>>;
+    static rewind(): Array<React.ReactElement<any>>;
+}
diff --git a/types/next-server/index.d.ts b/types/next-server/index.d.ts
new file mode 100644
index 0000000000..6e8fcd3ed6
--- /dev/null
+++ b/types/next-server/index.d.ts
@@ -0,0 +1,125 @@
+// Type definitions for next-server 7.0
+// Project: https://github.com/zeit/next.js/packages/next-server
+// Definitions by: Drew Hays <https://github.com/dru89>
+//                 Brice BERNARD <https://github.com/brikou>
+//                 James Hegedus <https://github.com/jthegedus>
+//                 Resi Respati <https://github.com/resir014>
+//                 Scott Jones <https://github.com/scottdj92>
+//                 Joao Vieira <https://github.com/joaovieira>
+//                 AJ Livingston <https://github.com/ajliv>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="node" />
+
+import * as http from "http";
+import { NextConfig } from "./next-config";
+import { UrlLike, DefaultQuery } from "./router";
+
+declare namespace next {
+    interface RenderOptions {
+        staticMarkup: boolean;
+        distDir: string;
+        buildId: string;
+        generateETags: boolean;
+        runtimeConfig?: Record<any, any>;
+    }
+
+    /**
+     * Options passed to the Server constructor in Node.js.
+     */
+    interface ServerOptions {
+        dev?: boolean;
+        dir?: string;
+        staticMarkup?: boolean;
+        quiet?: boolean;
+        conf?: NextConfig;
+    }
+
+    interface ServerRoute<P = DefaultQuery> {
+        match(pathname: string, params?: Partial<P>): P | false;
+        fn(req: http.IncomingMessage, res: http.ServerResponse, params: P, parsedUrl: UrlLike): Promise<void>;
+    }
+
+    interface ServerRouter {
+        routes: ServerRoute[];
+        add(route: ServerRoute): void;
+        match(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl: UrlLike): (() => Promise<void>) | undefined;
+    }
+
+    /**
+     * Next.js server instance API.
+     */
+    interface Server {
+        dir: string;
+        quiet: boolean;
+        router: ServerRouter;
+        nextConfig: NextConfig;
+        distDir: string;
+        buildId: string;
+        renderOpts: RenderOptions;
+
+        currentPhase(): string;
+        handleRequest(
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            parsedUrl?: UrlLike
+        ): Promise<void>;
+        getRequestHandler(): (
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            parsedUrl?: UrlLike
+        ) => Promise<void>;
+
+        setAssetPrefix(prefix: string): void;
+        prepare(): Promise<void>;
+        close(): Promise<void>;
+        setImmutableAssetCacheControl(res: http.ServerResponse): void;
+        generateRoutes(): ServerRoute[];
+        run(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl: UrlLike): Promise<void>;
+
+        render(
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            pathname: string,
+            query?: DefaultQuery,
+            parsedUrl?: UrlLike
+        ): Promise<void>;
+        renderToHTML(
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            pathname: string,
+            query?: DefaultQuery
+        ): Promise<string>;
+        renderError(
+            err: any,
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            pathname: string,
+            query?: DefaultQuery
+        ): Promise<void>;
+        renderErrorToHTML(
+            err: any,
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            pathname: string,
+            query?: DefaultQuery
+        ): Promise<string>;
+        render404(
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            parsedUrl?: UrlLike
+        ): Promise<void>;
+
+        serveStatic(
+            req: http.IncomingMessage,
+            res: http.ServerResponse,
+            path: string
+        ): Promise<void>;
+        isServeableUrl(path: string): boolean;
+        readBuildId(): string;
+    }
+}
+
+declare function next(options?: next.ServerOptions): next.Server;
+export = next;
diff --git a/types/next-server/link.d.ts b/types/next-server/link.d.ts
new file mode 100644
index 0000000000..520868f05f
--- /dev/null
+++ b/types/next-server/link.d.ts
@@ -0,0 +1,17 @@
+import * as url from "url";
+import * as React from "react";
+import { UrlLike } from "./router";
+
+export interface LinkProps {
+    prefetch?: boolean;
+    shallow?: boolean;
+    scroll?: boolean;
+    replace?: boolean;
+    onError?(error: any): void;
+    href?: string | UrlLike;
+    as?: string | UrlLike;
+    passHref?: boolean;
+    children: React.ReactElement<any>;
+}
+
+export default class Link extends React.Component<LinkProps> {}
diff --git a/types/next-server/next-config.d.ts b/types/next-server/next-config.d.ts
new file mode 100644
index 0000000000..5a542abf29
--- /dev/null
+++ b/types/next-server/next-config.d.ts
@@ -0,0 +1,23 @@
+/**
+ * Next.js config schema.
+ * https://github.com/zeit/next.js/blob/7.0.0/server/config.js#L9
+ */
+export interface NextConfig {
+    webpack?: any;
+    webpackDevMiddleware?: any;
+    poweredByHeader?: boolean;
+    distDir?: string;
+    assetPrefix?: string;
+    configOrigin?: string;
+    useFileSystemPublicRoutes?: boolean;
+    generateBuildId?: () => string;
+    generateEtags?: boolean;
+    pageExtensions?: string[];
+    publicRuntimeConfig?: object;
+    serverRuntimeConfig?: object;
+
+    // Plugin can define their own keys.
+    [key: string]: any;
+}
+
+export default function(phase: string, dir: string, customConfig?: NextConfig): NextConfig;
diff --git a/types/next-server/router.d.ts b/types/next-server/router.d.ts
new file mode 100644
index 0000000000..af946608df
--- /dev/null
+++ b/types/next-server/router.d.ts
@@ -0,0 +1,100 @@
+import * as React from "react";
+import * as url from "url";
+
+type EventName =
+    | "routeChangeStart"
+    | "routeChangeComplete"
+    | "routeChangeError"
+    | "beforeHistoryChange"
+    | "hashChangeStart"
+    | "hashChangeComplete";
+
+interface RouteChangeError {
+    cancelled: boolean;
+}
+
+type EventHandler = (url: string) => any;
+type ErrorEventHandler = (err: RouteChangeError, url: string) => any;
+
+export type UrlLike = url.UrlObject | url.Url;
+
+export interface EventChangeOptions {
+    shallow?: boolean;
+    [key: string]: any;
+}
+
+export type PopStateCallback = (state: any) => boolean | undefined;
+
+export type RouterCallback = () => void;
+
+export type DefaultQuery = Record<string, string | string[] | undefined>;
+
+export interface RouterProps<Q = DefaultQuery> {
+    // url property fields
+    readonly pathname: string;
+    readonly route: string;
+    readonly asPath?: string;
+    readonly query?: Q;
+
+    // property fields
+    readonly components: {
+        [key: string]: { Component: React.ComponentType<any>; err: any };
+    };
+
+    // core method fields
+    back(): void;
+    beforePopState(cb: PopStateCallback): boolean;
+    prefetch(url: string): Promise<React.ComponentType<any>>;
+    push(
+        url: string | UrlLike,
+        as?: string | UrlLike,
+        options?: EventChangeOptions
+    ): Promise<boolean>;
+    reload(route: string): Promise<void>;
+    replace(
+        url: string | UrlLike,
+        as?: string | UrlLike,
+        options?: EventChangeOptions
+    ): Promise<boolean>;
+
+    // events (deprecated soonish)
+    onBeforeHistoryChange?(as: string): void;
+    onHashChangeStart?(url: string): void;
+    onHashChangeComplete?(url: string): void;
+    onRouteChangeComplete?(url: string): void;
+    onRouteChangeError?(error: RouteChangeError, url: string): void;
+    onRouteChangeStart?(url: string): void;
+
+    // events API (6.1.1+)
+    readonly events: {
+        on: (eventName: EventName, handler: EventHandler | ErrorEventHandler) => void;
+        off: (eventName: EventName, handler: (url: string) => any) => void;
+    };
+}
+
+export interface SingletonRouter<Q = DefaultQuery> extends RouterProps<Q> {
+    router: RouterProps<Q> | null;
+    readyCallbacks: RouterCallback[];
+    ready(cb: RouterCallback): void;
+}
+
+export interface WithRouterProps<Q = DefaultQuery> {
+    router?: SingletonRouter<Q>;
+}
+
+/**
+ * Remove properties `K` from `T`.
+ *
+ * @internal
+ */
+export type Omit<T, K extends keyof any> = T extends any ? Pick<T, Exclude<keyof T, K>> : never;
+
+// Manually disabling the no-unnecessary-generics rule so users can
+// retain type inference if they wrap their component in withRouter
+// without defining props explicitly
+export function withRouter<T extends {}, Q = DefaultQuery>(
+  Component: React.ComponentType<T & WithRouterProps<Q>>
+): React.ComponentType<Omit<T, keyof WithRouterProps<Q>>>;
+
+declare const Router: SingletonRouter;
+export default Router;
diff --git a/types/next-server/test/next-server-constants-tests.ts b/types/next-server/test/next-server-constants-tests.ts
new file mode 100644
index 0000000000..6ebade7c9f
--- /dev/null
+++ b/types/next-server/test/next-server-constants-tests.ts
@@ -0,0 +1,30 @@
+import {
+    PHASE_DEVELOPMENT_SERVER,
+    IS_BUNDLED_PAGE_REGEX
+} from "next-server/constants";
+
+const isIndexPage = IS_BUNDLED_PAGE_REGEX.test(
+    "static/CjW0mFnyG80HdP4eSUiy7/pages/index.js"
+);
+
+// Example taken from: https://github.com/cyrilwanner/next-compose-plugins/blob/a25b313899638912cc9defc0be072f4fe4a1e855/README.md
+const config = (nextConfig: any = {}) => {
+    return {
+        ...nextConfig,
+
+        // define in which phases this plugin should get applied.
+        // you can also use multiple phases or negate them.
+        // however, users can still overwrite them in their configuration if they really want to.
+        phases: [PHASE_DEVELOPMENT_SERVER],
+
+        webpack(config: any, options: any) {
+            // do something here which only gets applied during development server phase
+
+            if (typeof nextConfig.webpack === "function") {
+                return nextConfig.webpack(config, options);
+            }
+
+            return config;
+        }
+    };
+};
diff --git a/types/next-server/test/next-server-dynamic-tests.tsx b/types/next-server/test/next-server-dynamic-tests.tsx
new file mode 100644
index 0000000000..b6e0b86fe6
--- /dev/null
+++ b/types/next-server/test/next-server-dynamic-tests.tsx
@@ -0,0 +1,65 @@
+import * as React from "react";
+import dynamic, { LoadingComponentProps } from "next-server/dynamic";
+
+// You'd typically do this via import('./MyComponent')
+interface MyComponentProps {
+    foo: string;
+}
+const MyComponent: React.StatelessComponent<MyComponentProps> = () => <div>I'm async!</div>;
+const asyncComponent = Promise.resolve(MyComponent);
+
+// Examples from
+// https://github.com/zeit/next.js/#dynamic-import
+
+const LoadingComponent: React.StatelessComponent<LoadingComponentProps> = ({
+    isLoading,
+    error
+}) => <p>loading...</p>;
+
+// 1. Basic Usage (Also does SSR)
+const DynamicComponent = dynamic(asyncComponent);
+const dynamicComponentJSX = <DynamicComponent foo="bar" />;
+
+// 2. With Custom Loading Component
+const DynamicComponentWithCustomLoading = dynamic(asyncComponent, {
+    loading: LoadingComponent
+});
+const dynamicComponentWithCustomLoadingJSX = <DynamicComponentWithCustomLoading foo="bar" />;
+
+// 3. With No SSR
+const DynamicComponentWithNoSSR = dynamic(asyncComponent, {
+    ssr: false
+});
+
+// 4. With Multiple Modules At Once
+const HelloBundle = dynamic<MyComponentProps>({
+    modules: () => {
+        const components = {
+            Hello1: asyncComponent,
+            Hello2: asyncComponent
+        };
+
+        return components;
+    },
+    render: (props, { Hello1, Hello2 }) => (
+        <div>
+            <h1>{props.foo}</h1>
+            <Hello1 />
+            <Hello2 />
+        </div>
+    )
+});
+const helloBundleJSX = <HelloBundle foo="bar" />;
+
+// 5. With plain Loadable options
+const LoadableComponent = dynamic({
+    loader: () => asyncComponent,
+    loading: LoadingComponent,
+    delay: 200,
+    timeout: 10000
+});
+
+// 6. No loading
+const DynamicComponentWithNoLoading = dynamic(asyncComponent, {
+    loading: () => null
+});
diff --git a/types/next-server/test/next-server-head-tests.tsx b/types/next-server/test/next-server-head-tests.tsx
new file mode 100644
index 0000000000..bea5643cad
--- /dev/null
+++ b/types/next-server/test/next-server-head-tests.tsx
@@ -0,0 +1,11 @@
+import Head, * as head from "next-server/head";
+import * as React from "react";
+
+const elements: JSX.Element[] = head.defaultHead();
+const jsx = <Head>{elements}</Head>;
+
+if (!Head.canUseDOM) {
+    Head.rewind().map(x => [x.key, x.props, x.type]);
+}
+
+Head.peek().map(x => [x.key, x.props, x.type]);
diff --git a/types/next-server/test/next-server-link-tests.tsx b/types/next-server/test/next-server-link-tests.tsx
new file mode 100644
index 0000000000..3d34ac54b4
--- /dev/null
+++ b/types/next-server/test/next-server-link-tests.tsx
@@ -0,0 +1,23 @@
+import Link from "next-server/link";
+import * as React from "react";
+
+const links = (
+    <div>
+        <Link
+            as="foo"
+            href="https://www.example.com"
+            onError={(e: any) => {
+                console.log("Handled error!", e);
+            }}
+            prefetch
+            replace
+            scroll
+            shallow
+        >
+            <a>Gotta link to somewhere!</a>
+        </Link>
+        <Link>
+            <a>All props are optional!</a>
+        </Link>
+    </div>
+);
diff --git a/types/next-server/test/next-server-router-tests.tsx b/types/next-server/test/next-server-router-tests.tsx
new file mode 100644
index 0000000000..356a3be559
--- /dev/null
+++ b/types/next-server/test/next-server-router-tests.tsx
@@ -0,0 +1,157 @@
+import Router, { withRouter, WithRouterProps } from "next-server/router";
+import * as React from "react";
+import * as qs from "querystring";
+
+Router.readyCallbacks.push(() => {
+    console.log("I'll get called when the router initializes.");
+});
+Router.ready(() => {
+    console.log(
+        "I'll get called immediately if the router initializes, or when it eventually does.",
+    );
+});
+
+// Access readonly properties of the router.
+
+Object.keys(Router.components).forEach(key => {
+    const c = Router.components[key];
+    c.err.isAnAny;
+
+    return <c.Component />;
+});
+
+function split(routeLike: string) {
+    routeLike.split("/").forEach(part => {
+        console.log("path part: ", part);
+    });
+}
+
+if (Router.asPath) {
+    split(Router.asPath);
+    split(Router.asPath);
+}
+
+split(Router.pathname);
+
+const query = `?${qs.stringify(Router.query)}`;
+
+// Assign some callback methods.
+Router.events.on('routeChangeStart', (url: string) => console.log("Route is starting to change.", url));
+Router.events.on('beforeHistoryChange', (as: string) => console.log("History hasn't changed yet.", as));
+Router.events.on('routeChangeComplete', (url: string) => console.log("Route change is complete.", url));
+Router.events.on('routeChangeError', (err: any, url: string) => console.log("Route change errored.", err, url));
+
+// Call methods on the router itself.
+Router.reload("/route").then(() => console.log("route was reloaded"));
+Router.back();
+Router.beforePopState(({ url }) => !!url);
+
+Router.push("/route").then((success: boolean) =>
+    console.log("route push success: ", success),
+);
+Router.push("/route", "/asRoute").then((success: boolean) =>
+    console.log("route push success: ", success),
+);
+Router.push("/route", "/asRoute", { shallow: false }).then((success: boolean) =>
+    console.log("route push success: ", success),
+);
+
+Router.replace("/route").then((success: boolean) =>
+    console.log("route replace success: ", success),
+);
+Router.replace("/route", "/asRoute").then((success: boolean) =>
+    console.log("route replace success: ", success),
+);
+Router.replace("/route", "/asRoute", {
+    shallow: false,
+}).then((success: boolean) => console.log("route replace success: ", success));
+
+Router.prefetch("/route").then(Component => {
+    const element = <Component />;
+});
+
+interface TestComponentProps extends WithRouterProps {
+    testValue: string;
+}
+
+class TestComponent extends React.Component<TestComponentProps> {
+    state = { ready: false };
+
+    constructor(props: TestComponentProps) {
+        super(props);
+        if (props.router) {
+            props.router.ready(() => {
+                this.setState({ ready: true });
+            });
+        }
+    }
+
+    render() {
+        return (
+            <div>
+                <h1>{this.state.ready ? 'Ready' : 'Not Ready'}</h1>
+                <h2>Route: {this.props.router ? this.props.router.route : ""}</h2>
+                <p>Another prop: {this.props.testValue}</p>
+            </div>
+        );
+    }
+}
+
+withRouter(TestComponent);
+
+interface TestComponent2Props extends WithRouterProps {
+    testValue: string;
+}
+
+class TestComponent2 extends React.Component<TestComponent2Props> {
+    state = { ready: false };
+
+    constructor(props: TestComponent2Props) {
+        super(props);
+        if (props.router) {
+            props.router.ready(() => {
+                this.setState({ ready: true });
+            });
+        }
+    }
+
+    render() {
+        return (
+            <div>
+                <h1>{this.state.ready ? 'Ready' : 'Not Ready'}</h1>
+                <h2>Route: {this.props.router ? this.props.router.route : ""}</h2>
+                <p>Another prop: {this.props.testValue}</p>
+            </div>
+        );
+    }
+}
+
+const TestComponent2WithRouter = withRouter(TestComponent2);
+const res = <TestComponent2WithRouter testValue="" />;
+
+interface TestSFCQuery {
+    test?: string;
+}
+
+interface TestSFCProps extends WithRouterProps<TestSFCQuery> {
+    testProp: string;
+}
+
+const TestSFC: React.SFC<TestSFCProps> = ({ router }) => {
+    return <div>{router && router.query && router.query.test}</div>;
+};
+const TestSFCComponent = withRouter(TestSFC);
+
+const res2 = <TestSFCComponent testProp="asdf"/>;
+
+const TestSFC2 = withRouter<TestSFCProps>(({ router }) => {
+    return <div>{router && router.query && router.query.test}</div>;
+});
+
+const res3 = <TestSFC2 testProp="asdf" />;
+
+const TestSFC3 = withRouter(({ router }) => {
+    return <div>{router && router.query && router.query.test}</div>;
+});
+
+const res4 = <TestSFC3 />;
diff --git a/types/next-server/test/next-server-tests.ts b/types/next-server/test/next-server-tests.ts
new file mode 100644
index 0000000000..7b4bfcca74
--- /dev/null
+++ b/types/next-server/test/next-server-tests.ts
@@ -0,0 +1,92 @@
+import createServer = require("next-server");
+import * as http from "http";
+import * as url from "url";
+
+const defaultServer: createServer.Server = createServer();
+const server = createServer({
+    dir: "..",
+    quiet: true,
+    conf: {
+        distDir: "./dist",
+        useFileSystemPublicRoutes: false,
+        anotherProperty: {
+            key: true
+        }
+    }
+});
+
+const devServer = createServer({
+    dev: true,
+    dir: "..",
+    quiet: true,
+    conf: {
+        distDir: "./dist",
+        useFileSystemPublicRoutes: false,
+        anotherProperty: {
+            key: true
+        }
+    }
+});
+
+const {
+    dir,
+    quiet,
+    router,
+    nextConfig,
+    distDir,
+    buildId
+ } = server;
+ const { assetPrefix } = nextConfig;
+ const voidFunc = () => {};
+
+server.prepare().then(voidFunc);
+server.close().then(voidFunc);
+
+const parsedUrl = url.parse("https://www.example.com");
+const handler = server.getRequestHandler();
+
+function handle(req: http.IncomingMessage, res: http.ServerResponse) {
+    handler(req, res);
+    handler(req, res, parsedUrl).then(voidFunc);
+    server.run(req, res, parsedUrl).then(voidFunc);
+
+    server.render(req, res, "/path/to/resource").then(voidFunc);
+    server.render(req, res, "/path/to/resource", {}, parsedUrl).then(voidFunc);
+    server
+        .render(req, res, "/path/to/resource", { key: "value" }, parsedUrl)
+        .then(voidFunc);
+    server
+        .renderError(new Error(), req, res, "/path/to/resource")
+        .then(voidFunc);
+    server
+        .renderError(new Error(), req, res, "/path/to/resource", {
+            key: "value",
+        })
+        .then(voidFunc);
+    server
+        .renderError(
+            "this can be an error, too!",
+            req,
+            res,
+            "/path/to/resource",
+            { key: "value" },
+        )
+        .then(voidFunc);
+    server.render404(req, res, parsedUrl).then(voidFunc);
+
+    server
+        .renderToHTML(req, res, "/path/to/resource", { foo: "bar" })
+        .then(x => x.split("\n"));
+    server
+        .renderErrorToHTML(new Error(), req, res, "/path/to/resource", {
+            foo: "bar",
+        })
+        .then(x => x.split("\n"));
+
+    server.serveStatic(req, res, "/path/to/thing").then(voidFunc);
+
+    let b: boolean;
+    b = server.isServeableUrl("/path/to/thing");
+
+    const s: string = server.readBuildId();
+}
diff --git a/types/next-server/tsconfig.json b/types/next-server/tsconfig.json
new file mode 100644
index 0000000000..4d72dadef2
--- /dev/null
+++ b/types/next-server/tsconfig.json
@@ -0,0 +1,38 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "target": "es6",
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "asset.d.ts",
+        "config.d.ts",
+        "constants.d.ts",
+        "dynamic.d.ts",
+        "head.d.ts",
+        "link.d.ts",
+        "next-config.d.ts",
+        "router.d.ts",
+        "test/next-server-tests.ts",
+        "test/next-server-constants-tests.ts",
+        "test/next-server-head-tests.tsx",
+        "test/next-server-link-tests.tsx",
+        "test/next-server-dynamic-tests.tsx",
+        "test/next-server-router-tests.tsx"
+    ]
+}
diff --git a/types/next-server/tslint.json b/types/next-server/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/next-server/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/next/config.d.ts b/types/next/config.d.ts
index 8466b60a4f..f9fea12cbd 100644
--- a/types/next/config.d.ts
+++ b/types/next/config.d.ts
@@ -1 +1,2 @@
-export default function(): { serverRuntimeConfig: any; publicRuntimeConfig: any };
+export * from 'next-server/config';
+export { default } from 'next-server/config';
diff --git a/types/next/constants.d.ts b/types/next/constants.d.ts
new file mode 100644
index 0000000000..d0d2e2361e
--- /dev/null
+++ b/types/next/constants.d.ts
@@ -0,0 +1 @@
+export * from 'next-server/constants';
diff --git a/types/next/document.d.ts b/types/next/document.d.ts
index b76ed7b2b0..9ac8985cdf 100644
--- a/types/next/document.d.ts
+++ b/types/next/document.d.ts
@@ -37,7 +37,7 @@ export interface NextDocumentContext<Q extends DefaultQuery = DefaultQuery> exte
  * https://github.com/zeit/next.js/blob/7.0.0/server/document.js#L16
  */
 export interface DefaultDocumentIProps extends RenderPageResponse {
-    styles?: Array<React.ReactElement<any>>;
+    styles?: React.ReactNode;
 }
 
 /**
@@ -55,6 +55,7 @@ export interface DocumentProps<Q extends DefaultQuery = DefaultQuery> {
         runtimeConfig?: any;
         nextExport?: boolean;
         err?: any;
+        [key: string]: any;
     };
     dev: boolean;
     dir?: string;
@@ -104,5 +105,7 @@ export class NextScript extends React.Component<NextScriptProps> {}
 export default class Document<P = {}> extends React.Component<
     P & DefaultDocumentIProps & DocumentProps
 > {
-    static getInitialProps(context: NextDocumentContext): DefaultDocumentIProps;
+    static getInitialProps(
+        context: NextDocumentContext
+    ): DefaultDocumentIProps | Promise<DefaultDocumentIProps>;
 }
diff --git a/types/next/dynamic.d.ts b/types/next/dynamic.d.ts
index 38a85bf77e..0b10e6238e 100644
--- a/types/next/dynamic.d.ts
+++ b/types/next/dynamic.d.ts
@@ -1,42 +1,2 @@
-import * as React from "react";
-import {
-    LoadableComponent,
-    CommonOptions as LoadableOptions,
-    LoadingComponentProps as LoadableLoadingComponentProps
-} from "react-loadable";
-
-type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-type AsyncComponent<P = any> = Promise<React.ComponentType<P>>;
-type AsyncComponentLoader<P = any> = () => AsyncComponent<P>;
-type ModuleMapping = Record<string, AsyncComponent>;
-type LoadedModuleMapping = Record<string, React.ComponentType>;
-
-interface NextDynamicOptions<P = {}> extends Omit<LoadableOptions, "loading" | "modules"> {
-    modules?: () => ModuleMapping; // overridden
-    loading?: LoadableOptions["loading"]; // optional
-    loader?: AsyncComponentLoader<P>; // optional, overriden
-    render?: (props: P, loaded: LoadedModuleMapping) => React.ReactNode; // optional, overriden
-    ssr?: boolean;
-    loadableGenerated?: {
-        webpack?: any;
-        modules?: any;
-    };
-}
-
-type DynamicComponent<P> = React.ComponentType<P> & LoadableComponent;
-
-/**
- * Overloaded dynamic function.
- * https://github.com/zeit/next.js/blob/7.0.0/lib/dynamic.js#L55
- */
-declare function dynamic<P = {}>(
-    options: AsyncComponent<P> | NextDynamicOptions<P>
-): DynamicComponent<P>;
-declare function dynamic<P = {}>(
-    asyncModule: AsyncComponent<P>,
-    options: NextDynamicOptions<P>
-): DynamicComponent<P>;
-
-export type LoadingComponentProps = LoadableLoadingComponentProps;
-export default dynamic;
+export * from 'next-server/dynamic';
+export { default } from 'next-server/dynamic';
diff --git a/types/next/error.d.ts b/types/next/error.d.ts
index 09d7e31860..8ad2226f07 100644
--- a/types/next/error.d.ts
+++ b/types/next/error.d.ts
@@ -10,5 +10,5 @@ export interface DefaultErrorIProps {
 }
 
 export default class Error<P = {}> extends React.Component<P & DefaultErrorIProps> {
-    static getInitialProps(context: NextContext): DefaultErrorIProps;
+    static getInitialProps(context: NextContext): Promise<DefaultErrorIProps> | DefaultErrorIProps;
 }
diff --git a/types/next/head.d.ts b/types/next/head.d.ts
index d46b371d11..616f88775c 100644
--- a/types/next/head.d.ts
+++ b/types/next/head.d.ts
@@ -1,8 +1,2 @@
-import * as React from "react";
-
-export function defaultHead(): JSX.Element[];
-export default class Head extends React.Component {
-    static canUseDOM: boolean;
-    static peek(): Array<React.ReactElement<any>>;
-    static rewind(): Array<React.ReactElement<any>>;
-}
+export * from 'next-server/head';
+export { default } from 'next-server/head';
diff --git a/types/next/index.d.ts b/types/next/index.d.ts
index d788ddd941..4dc0b49d07 100644
--- a/types/next/index.d.ts
+++ b/types/next/index.d.ts
@@ -1,11 +1,12 @@
 // Type definitions for next 7.0
-// Project: https://github.com/zeit/next.js
+// Project: https://github.com/zeit/next.js/packages/next
 // Definitions by: Drew Hays <https://github.com/dru89>
 //                 Brice BERNARD <https://github.com/brikou>
 //                 James Hegedus <https://github.com/jthegedus>
 //                 Resi Respati <https://github.com/resir014>
 //                 Scott Jones <https://github.com/scottdj92>
 //                 Joao Vieira <https://github.com/joaovieira>
+//                 AJ Livingston <https://github.com/ajliv>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -13,10 +14,18 @@
 
 import * as http from "http";
 import * as url from "url";
+import { Server as NextServer, ServerOptions as NextServerOptions, RenderOptions } from 'next-server';
+import { NextConfig as NextServerConfig } from 'next-server/next-config';
 import { Response as NodeResponse } from "node-fetch";
 import { SingletonRouter, DefaultQuery, UrlLike } from "./router";
 
 declare namespace next {
+    // Moved to next-server
+    type NextConfig = NextServerConfig;
+    type Server = NextServer;
+    type ServerOptions = NextServerOptions;
+    // End Moved to next-server
+
     // Deprecated
     type QueryStringMapObject = DefaultQuery;
     type ServerConfig = NextConfig;
@@ -47,126 +56,21 @@ declare namespace next {
     }
 
     /**
-     * Next.js config schema.
-     * https://github.com/zeit/next.js/blob/7.0.0/server/config.js#L9
+     * Next.js dev server instance API.
      */
-    interface NextConfig {
-        webpack?: any;
-        webpackDevMiddleware?: any;
-        poweredByHeader?: boolean;
-        distDir?: string;
-        assetPrefix?: string;
-        configOrigin?: string;
-        useFileSystemPublicRoutes?: boolean;
-        generateBuildId?: () => string;
-        generateEtags?: boolean;
-        pageExtensions?: string[];
-        publicRuntimeConfig?: object;
-        serverRuntimeConfig?: object;
-
-        // Plugin can define their own keys.
-        [key: string]: any;
-    }
-
-    /**
-     * Options passed to the Server constructor in Node.js.
-     * https://github.com/zeit/next.js/blob/7.0.0/server/index.js#L25
-     */
-    interface ServerOptions {
-        dir?: string;
-        dev?: boolean;
-        staticMarkup?: boolean;
-        quiet?: boolean;
-        conf?: NextConfig;
-    }
-
-    /**
-     * Next.js server instance API.
-     */
-    interface Server {
-        // From constructor
-        // https://github.com/zeit/next.js/blob/7.0.0/server/index.js#L25
-        dir: string;
-        dev: boolean;
-        quiet: boolean;
-        router: SingletonRouter;
-        http: null | http.Server;
-        nextConfig: NextConfig;
-        distDir: string;
-        buildId: string;
+    interface DevServer extends Server {
         hotReloader: any;
-        renderOpts: {
-            dev: string;
-            staticMarkup: boolean;
-            distDir: string;
+        renderOpts: RenderOptions & {
+            dev: true;
             hotReloader: any;
-            buildId: string;
-            generateETags: boolean;
-            runtimeConfig?: object;
         };
 
         getHotReloader(
             dir: string,
             options: { quiet: boolean; config: NextConfig; buildId: string }
         ): any;
-        handleRequest(
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            parsedUrl?: UrlLike
-        ): Promise<void>;
-        getRequestHandler(): (
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            parsedUrl?: UrlLike
-        ) => Promise<void>;
-        setAssetPrefix(prefix: string): void;
 
-        prepare(): Promise<void>;
-        close(): Promise<void>;
-        defineRoutes(): Promise<void>;
-        start(): Promise<void>;
-        run(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl: UrlLike): Promise<void>;
-
-        render(
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            pathname: string,
-            query?: DefaultQuery,
-            parsedUrl?: UrlLike
-        ): Promise<void>;
-        renderToHTML(
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            pathname: string,
-            query?: DefaultQuery
-        ): Promise<string>;
-        renderError(
-            err: any,
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            pathname: string,
-            query?: DefaultQuery
-        ): Promise<void>;
-        renderErrorToHTML(
-            err: any,
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            pathname: string,
-            query?: DefaultQuery
-        ): Promise<string>;
-        render404(
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            parsedUrl?: UrlLike
-        ): Promise<void>;
-
-        serveStatic(
-            req: http.IncomingMessage,
-            res: http.ServerResponse,
-            path: string
-        ): Promise<void>;
-        isServeableUrl(path: string): boolean;
-        readBuildId(): string;
+        addExportPathMapRoutes(): Promise<void>;
         getCompilationError(): Promise<any>;
     }
 
@@ -214,5 +118,6 @@ declare namespace next {
     }
 }
 
+declare function next(options?: next.ServerOptions & { dev: true }): next.DevServer;
 declare function next(options?: next.ServerOptions): next.Server;
 export = next;
diff --git a/types/next/link.d.ts b/types/next/link.d.ts
index 12e3ee5419..04c383e914 100644
--- a/types/next/link.d.ts
+++ b/types/next/link.d.ts
@@ -1,21 +1,8 @@
-import * as url from "url";
-import * as React from "react";
-import { UrlLike } from "./router";
+import { LinkProps } from 'next-server/link';
 
 // Deprecated
 export type LinkState = LinkProps;
 // End Deprecated
 
-export interface LinkProps {
-    prefetch?: boolean;
-    shallow?: boolean;
-    scroll?: boolean;
-    replace?: boolean;
-    onError?(error: any): void;
-    href?: string | UrlLike;
-    as?: string | UrlLike;
-    passHref?: boolean;
-    children: React.ReactElement<any>;
-}
-
-export default class Link extends React.Component<LinkProps> {}
+export * from 'next-server/link';
+export { default } from 'next-server/link';
diff --git a/types/next/router.d.ts b/types/next/router.d.ts
index 4232f356c9..8fd3df698b 100644
--- a/types/next/router.d.ts
+++ b/types/next/router.d.ts
@@ -1,95 +1,2 @@
-import * as React from "react";
-import * as url from "url";
-
-type EventName =
-    | "routeChangeStart"
-    | "routeChangeComplete"
-    | "routeChangeError"
-    | "beforeHistoryChange"
-    | "hashChangeStart"
-    | "hashChangeComplete";
-
-interface RouteChangeError {
-    cancelled: boolean;
-}
-
-type EventHandler = (url: string) => any;
-type ErrorEventHandler = (err: RouteChangeError, url: string) => any;
-
-export type UrlLike = url.UrlObject | url.Url;
-
-export interface EventChangeOptions {
-    shallow?: boolean;
-    [key: string]: any;
-}
-
-export type PopStateCallback = (state: any) => boolean | undefined;
-
-export type RouterCallback = () => void;
-
-export type DefaultQuery = Record<string, string | string[] | undefined>;
-
-export interface RouterProps<Q = DefaultQuery> {
-    // url property fields
-    readonly pathname: string;
-    readonly route: string;
-    readonly asPath?: string;
-    readonly query?: Q;
-
-    // property fields
-    readonly components: {
-        [key: string]: { Component: React.ComponentType<any>; err: any };
-    };
-
-    // core method fields
-    back(): void;
-    beforePopState(cb: PopStateCallback): boolean;
-    prefetch(url: string): Promise<React.ComponentType<any>>;
-    push(
-        url: string | UrlLike,
-        as?: string | UrlLike,
-        options?: EventChangeOptions
-    ): Promise<boolean>;
-    reload(route: string): Promise<void>;
-    replace(
-        url: string | UrlLike,
-        as?: string | UrlLike,
-        options?: EventChangeOptions
-    ): Promise<boolean>;
-
-    // events (deprecated soonish)
-    onAppUpdated?(nextRoute: string): void;
-    onBeforeHistoryChange?(as: string): void;
-    onHashChangeStart?(url: string): void;
-    onHashChangeComplete?(url: string): void;
-    onRouteChangeComplete?(url: string): void;
-    onRouteChangeError?(error: RouteChangeError, url: string): void;
-    onRouteChangeStart?(url: string): void;
-
-    // events API (6.1.1+)
-    readonly events: {
-        on: (eventName: EventName, handler: EventHandler | ErrorEventHandler) => void;
-        off: (eventName: EventName, handler: (url: string) => any) => void;
-    };
-}
-
-export interface SingletonRouter<Q = DefaultQuery> extends RouterProps<Q> {
-    router: RouterProps<Q> | null;
-    readyCallbacks: RouterCallback[];
-    ready(cb: RouterCallback): void;
-}
-
-export interface WithRouterProps<Q = DefaultQuery> {
-    router: SingletonRouter<Q>;
-}
-
-// Manually disabling the no-unnecessary-generics rule so users can
-// retain type inference if they warp their component in withRouter
-// without defining props explicitly
-export function withRouter<T extends {}, Q = DefaultQuery>(
-    // tslint:disable-next-line:no-unnecessary-generics
-    Component: React.ComponentType<T & WithRouterProps<Q>>
-): React.ComponentType<T>;
-
-declare const Router: SingletonRouter;
-export default Router;
+export * from 'next-server/router';
+export { default } from 'next-server/router';
diff --git a/types/next/test/next-constants-tests.ts b/types/next/test/next-constants-tests.ts
new file mode 100644
index 0000000000..64413ea97c
--- /dev/null
+++ b/types/next/test/next-constants-tests.ts
@@ -0,0 +1,30 @@
+import {
+    PHASE_DEVELOPMENT_SERVER,
+    IS_BUNDLED_PAGE_REGEX
+} from "next/constants";
+
+const isIndexPage = IS_BUNDLED_PAGE_REGEX.test(
+    "static/CjW0mFnyG80HdP4eSUiy7/pages/index.js"
+);
+
+// Example taken from: https://github.com/cyrilwanner/next-compose-plugins/blob/a25b313899638912cc9defc0be072f4fe4a1e855/README.md
+const config = (nextConfig: any = {}) => {
+    return {
+        ...nextConfig,
+
+        // define in which phases this plugin should get applied.
+        // you can also use multiple phases or negate them.
+        // however, users can still overwrite them in their configuration if they really want to.
+        phases: [PHASE_DEVELOPMENT_SERVER],
+
+        webpack(config: any, options: any) {
+            // do something here which only gets applied during development server phase
+
+            if (typeof nextConfig.webpack === "function") {
+                return nextConfig.webpack(config, options);
+            }
+
+            return config;
+        }
+    };
+};
diff --git a/types/next/test/next-document-tests.tsx b/types/next/test/next-document-tests.tsx
index d25b340e64..bf7ccf036d 100644
--- a/types/next/test/next-document-tests.tsx
+++ b/types/next/test/next-document-tests.tsx
@@ -1,4 +1,5 @@
 import Document, {
+    DocumentProps,
     Enhancer,
     Head,
     Main,
@@ -12,6 +13,27 @@ interface WithUrlProps {
     url: string;
 }
 
+class MyDocumentDefault extends Document {
+    static async getInitialProps(ctx: NextDocumentContext) {
+        const initialProps = await Document.getInitialProps(ctx);
+        return { ...initialProps };
+    }
+
+    render() {
+        return (
+            <html>
+                <Head>
+                    <style>{`body { margin: 0 } /* custom! */`}</style>
+                </Head>
+                <body className="custom_class">
+                    <Main />
+                    <NextScript />
+                </body>
+            </html>
+        );
+    }
+}
+
 class MyDoc extends Document<WithUrlProps> {
     static getInitialProps({ req, renderPage }: NextDocumentContext) {
         // without callback
@@ -29,6 +51,14 @@ class MyDoc extends Document<WithUrlProps> {
         return { html, head, buildManifest, styles, url };
     }
 
+    constructor(props: WithUrlProps & DocumentProps) {
+        super(props);
+        const { __NEXT_DATA__, url } = props;
+
+        // Custom __NEXT_DATA__ attribute
+        __NEXT_DATA__.url = url;
+    }
+
     render() {
         const { pathname, query } = this.props.__NEXT_DATA__;
 
diff --git a/types/next/test/next-router-tests.tsx b/types/next/test/next-router-tests.tsx
index 04fa50b912..28602ef097 100644
--- a/types/next/test/next-router-tests.tsx
+++ b/types/next/test/next-router-tests.tsx
@@ -79,16 +79,18 @@ class TestComponent extends React.Component<TestComponentProps & WithRouterProps
 
     constructor(props: TestComponentProps & WithRouterProps) {
         super(props);
-        props.router.ready(() => {
-            this.setState({ ready: true });
-        });
+        if (props.router) {
+            props.router.ready(() => {
+                this.setState({ ready: true });
+            });
+        }
     }
 
     render() {
         return (
             <div>
                 <h1>{this.state.ready ? 'Ready' : 'Not Ready'}</h1>
-                <h2>Route: {this.props.router.route}</h2>
+                <h2>Route: {this.props.router ? this.props.router.route : ""}</h2>
                 <p>Another prop: {this.props.testValue}</p>
             </div>
         );
@@ -104,5 +106,5 @@ interface TestSFCQuery {
 interface TestSFCProps extends WithRouterProps<TestSFCQuery> { }
 
 const TestSFC: React.SFC<TestSFCProps> = ({ router }) => {
-    return <div>{router.query && router.query.test}</div>;
+    return <div>{router && router.query && router.query.test}</div>;
 };
diff --git a/types/next/test/next-tests.ts b/types/next/test/next-tests.ts
index 646b110c0d..3c8a403e46 100644
--- a/types/next/test/next-tests.ts
+++ b/types/next/test/next-tests.ts
@@ -15,9 +15,21 @@ const server = createServer({
     }
 });
 
+const devServer = createServer({
+    dev: true,
+    dir: "..",
+    quiet: true,
+    conf: {
+        distDir: "./dist",
+        useFileSystemPublicRoutes: false,
+        anotherProperty: {
+            key: true
+        }
+    }
+});
+
 const {
     dir,
-    dev,
     quiet,
     router,
     nextConfig,
@@ -29,8 +41,6 @@ const {
 
 server.prepare().then(voidFunc);
 server.close().then(voidFunc);
-server.defineRoutes().then(voidFunc);
-server.start().then(voidFunc);
 
 const parsedUrl = url.parse("https://www.example.com");
 const handler = server.getRequestHandler();
@@ -79,5 +89,5 @@ function handle(req: http.IncomingMessage, res: http.ServerResponse) {
     b = server.isServeableUrl("/path/to/thing");
 
     const s: string = server.readBuildId();
-    server.getCompilationError().then(err => err.thisIsAnAny);
+    devServer.getCompilationError().then(err => err.thisIsAnAny);
 }
diff --git a/types/next/tsconfig.json b/types/next/tsconfig.json
index 125953fcd6..9981affbd3 100644
--- a/types/next/tsconfig.json
+++ b/types/next/tsconfig.json
@@ -20,6 +20,7 @@
     },
     "files": [
         "index.d.ts",
+        "constants.d.ts",
         "app.d.ts",
         "document.d.ts",
         "dynamic.d.ts",
@@ -29,6 +30,7 @@
         "router.d.ts",
         "config.d.ts",
         "test/next-tests.ts",
+        "test/next-constants-tests.ts",
         "test/next-app-tests.tsx",
         "test/next-error-tests.tsx",
         "test/next-head-tests.tsx",
diff --git a/types/ng-cordova/file.d.ts b/types/ng-cordova/file.d.ts
index 8ebe777c14..c6c71972b4 100644
--- a/types/ng-cordova/file.d.ts
+++ b/types/ng-cordova/file.d.ts
@@ -36,7 +36,10 @@ declare namespace ngCordova {
     }
 
     export interface IFilePromise<T> extends ng.IPromise<T> {
-        then<TResult>(successCallback: (promiseValue: T) => ng.IPromise<TResult> | TResult, errorCallback?: (error: IFileError) => ng.IPromise<TResult> | TResult): ng.IPromise<TResult>;
+        then<TResult = T, TResult2 = never>(
+            successCallback: (promiseValue: T) => ng.IPromise<TResult> | TResult,
+            errorCallback?: (error: IFileError) => ng.IPromise<TResult2> | TResult2
+        ): ng.IPromise<TResult | TResult2>;
         catch<TResult>(onRejected: (error: IFileError) => ng.IPromise<TResult> | TResult): ng.IPromise<TResult>;
     }
 
diff --git a/types/ng-cordova/fileTransfer.d.ts b/types/ng-cordova/fileTransfer.d.ts
index e4ef359c14..9c1d8bf3c2 100644
--- a/types/ng-cordova/fileTransfer.d.ts
+++ b/types/ng-cordova/fileTransfer.d.ts
@@ -14,7 +14,11 @@ declare namespace ngCordova {
     }
 
     export interface IFileTransferPromise<T> extends ng.IPromise<T> {
-        then<TResult>(successCallback: (promiseValue: T) => ng.IPromise<TResult> | TResult, errorCallback?: (error: FileTransferError) => ng.IPromise<TResult> | TResult, notifyCallback?: (state: any) => any): ng.IPromise<TResult>;
+        then<TResult = T, TResult2 = never>(
+            successCallback: (promiseValue: T) => ng.IPromise<TResult> | TResult,
+            errorCallback?: (error: FileTransferError) => ng.IPromise<TResult2> | TResult2,
+            notifyCallback?: (state: any) => any
+        ): ng.IPromise<TResult | TResult2>;
         catch<TResult>(onRejected: (error: FileTransferError) => ng.IPromise<TResult> | TResult): ng.IPromise<TResult>;
     }
 
diff --git a/types/ng-tags-input/tsconfig.json b/types/ng-tags-input/tsconfig.json
index 42a59350cb..09cfc54e25 100644
--- a/types/ng-tags-input/tsconfig.json
+++ b/types/ng-tags-input/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/ngprogress/ngprogress-tests.ts b/types/ngprogress/ngprogress-tests.ts
index e250e9cb0e..f27bf8bf17 100644
--- a/types/ngprogress/ngprogress-tests.ts
+++ b/types/ngprogress/ngprogress-tests.ts
@@ -1,7 +1,7 @@
 
 
 
-var ngProgress: NgProgress.INgProgress = <any> {};
+declare const ngProgress: NgProgress.INgProgress;
 
 ngProgress.start();
 ngProgress.height('10px');
diff --git a/types/nightmare/nightmare-tests.ts b/types/nightmare/nightmare-tests.ts
index d49d8b5932..5d6da26d2a 100644
--- a/types/nightmare/nightmare-tests.ts
+++ b/types/nightmare/nightmare-tests.ts
@@ -17,7 +17,7 @@ new Nightmare()
   .click('.searchsubmit')
   .wait('.url.breadcrumb')
   .evaluate(() => {
-    return (<HTMLElement>document.querySelector('.url.breadcrumb')).innerText;
+    return (document.querySelector('.url.breadcrumb') as HTMLElement).innerText;
   }, (breadcrumb: string) => {
     // expect(breadcrumb).to.equal('github.com');
   })
@@ -165,7 +165,7 @@ new Nightmare()
   .goto('http://validator.w3.org/#validate_by_upload')
   .upload('#uploaded_file', 'test/files/jquery-2.1.1.min.js')
   .evaluate(function () {
-    return (<HTMLInputElement>document.getElementById('uploaded_file')).value;
+    return (document.getElementById('uploaded_file') as HTMLInputElement).value;
   }, function (value) {
   })
   .run(done);
@@ -214,7 +214,7 @@ new Nightmare()
 
 var seconds = function () {
   var gifs = document.querySelectorAll('img');
-  var split = (<HTMLImageElement>gifs[gifs.length - 2]).src.split('.gif')[0];
+  var split = (gifs[gifs.length - 2] as HTMLImageElement).src.split('.gif')[0];
   var seconds = split.split('.com/c')[1];
   return parseInt(seconds, 10);
 };
@@ -319,7 +319,7 @@ new Nightmare()
   .headers(headers)
   .goto('http://httpbin.org/headers')
   .evaluate(function () {
-    return (<HTMLElement>document.body.children[0]).innerHTML;
+    return (document.body.children[0] as HTMLElement).innerHTML;
   }, function (data: string) {
   })
   .run(done);
diff --git a/types/nightwatch/index.d.ts b/types/nightwatch/index.d.ts
index b6930fe90a..01e1d99aa6 100644
--- a/types/nightwatch/index.d.ts
+++ b/types/nightwatch/index.d.ts
@@ -2,10 +2,11 @@
 // Project: http://nightwatchjs.org/api
 // Definitions by: Rahul Kavalapara <https://github.com/rkavalap>
 //                 Connor Schlesiger <https://github.com/schlesiger>
+//                 Clayton Astrom <https://github.com/ClaytonAstrom>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface NightwatchCustomPageObjects {
-    page: {[name: string]: () => NightwatchBrowser};
+    page: {[name: string]: () => EnhancedPageObject};
 }
 
 export interface NightwatchDesiredCapabilities {
@@ -775,41 +776,13 @@ export interface NightwatchKeys {
     "COMMAND": string;
 }
 
-export interface NightwatchAPI {
+export interface NightwatchAPI extends SharedFunctions {
     assert: NightwatchAssertions;
 
     expect: Expect;
 
     verify: NightwatchAssertions;
 
-    /**
-     * Clear a textarea or a text input element's value. Uses elementIdValue protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.clearValue('input[type=text]');
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    clearValue(selector: string, callback?: () => void): this;
-
-    /**
-     * Simulates a click event on the given DOM element. Uses elementIdClick protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.click("#main ul li a.first");
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    click(selector: string, callback?: () => void): this;
-
     /**
      * Close the current window. This can be useful when you're working with multiple windows open (e.g. an OAuth login). Uses window protocol command.
      *
@@ -867,26 +840,6 @@ export interface NightwatchAPI {
      */
     end(callback?: () => void): this;
 
-    /**
-     * Retrieve the value of an attribute for a given DOM element. Uses elementIdAttribute protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.getAttribute("#main ul li a.first", "href", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, "#home");
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param attribute: The attribute name to inspect.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The value of the attribute
-     */
-    getAttribute(selector: string, attribute: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
     /**
      * Retrieve a single cookie visible to the current page. The cookie is returned as a cookie JSON object, as defined here.
      * Uses cookie protocol command.
@@ -924,87 +877,6 @@ export interface NightwatchAPI {
      */
     getCookies(callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
 
-    /**
-     * Retrieve the value of a css property for a given DOM element. Uses elementIdCssProperty protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.getCssProperty("#main ul li a.first", "display", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, 'inline');
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param cssProperty: The CSS property to inspect.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The value of the css property
-     */
-    getCssProperty(selector: string, cssProperty: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
-    /**
-     * Determine an element's size in pixels. Uses elementIdSize protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.getElementSize("#main ul li a.first", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value.width, 500);
-     *      this.assert.equal(result.value.height, 20);
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The width and height of the element in pixels
-     */
-    getElementSize(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
-    /**
-     * Determine an element's location on the page. The point (0, 0) refers to the upper-left corner of the page.
-     * The element's coordinates are returned as a JSON object with x and y properties. Uses elementIdLocation protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.getLocation("#main ul li a.first", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value.x, 200);
-     *      this.assert.equal(result.value.y, 200);
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The X and Y coordinates for the element on the page
-     */
-    getLocation(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
-    /**
-     * Determine an element's location on the screen once it has been scrolled into view. Uses elementIdLocationInView protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.getLocationInView("#main ul li a.first", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value.x, 200);
-     *      this.assert.equal(result.value.y, 200);
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The X and Y coordinates for the element on the page.
-     */
-    getLocationInView(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
     /**
      * Gets a log from selenium
      *
@@ -1040,44 +912,6 @@ export interface NightwatchAPI {
      */
     getLogTypes(callback?: (result: NightwatchCallbackResult) => void): this;
 
-    /**
-     * Query for an element's tag name. Uses elementIdName protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (client) {
-     *  client.getTagName("#main ul li .first", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, "a");
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The element's tag name, as a lowercase string.
-     */
-    getTagName(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
-    /**
-     * Returns the visible text for the element. Uses elementIdText protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.getText("#main ul li a.first", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, "nightwatchjs.org");
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The element's visible text.
-     */
-    getText(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
     /**
      * Returns the title of the current page. Uses title protocol command.
      *
@@ -1095,25 +929,6 @@ export interface NightwatchAPI {
      */
     getTitle(callback?: (this: NightwatchAPI, result?: string) => void): this;
 
-    /**
-     * Returns a form element current value. Uses elementIdValue protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.getValue("form.login input[type=text]", function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, "enter username");
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @returns The element's value.
-     */
-    getValue(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
     /**
      * This command is an alias to url and also a convenience method when called without any arguments in the sense that it performs a call to .url() with passing the value of launch_url
      * field from the settings file. Uses url protocol command.
@@ -1162,24 +977,6 @@ export interface NightwatchAPI {
      */
     isLogAvailable(typeString: string, callback?: (result: NightwatchCallbackResult) => void): this;
 
-    /**
-     * Determine if an element is currently displayed. Uses elementIdDisplayed protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.isVisible('#main', function(result) {
-     *      this.assert.equal(typeof result, "object");
-     *      this.assert.equal(result.status, 0);
-     *      this.assert.equal(result.value, true);
-     *  });
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    isVisible(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
-
     /**
      * Maximizes the current window.
      *
@@ -1193,22 +990,6 @@ export interface NightwatchAPI {
      */
     maximizeWindow(callback?: (result: NightwatchCallbackResult) => void): this;
 
-    /**
-     * Move the mouse by an offset of the specified element. Uses moveTo protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.moveToElement('#main', 10, 10);
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param xoffset: X offset to move to, relative to the top-left corner of the element.
-     * @param yoffset: Y offset to move to, relative to the top-left corner of the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    moveToElement(selector: string, xoffset: number, yoffset: number, callback?: (result: NightwatchCallbackResult) => void): this;
-
     /**
      * Suspends the test for the given time in milliseconds. If the milliseconds argument is missing it will suspend the test indefinitely
      *
@@ -1368,30 +1149,6 @@ export interface NightwatchAPI {
      */
     setCookie(cookie: any, callback?: () => void): this;
 
-    /**
-     * Sends some text to an element. Can be used to set the value of a form element or to send a sequence of key strokes to an element. Any UTF-8 character may be specified.
-     * An object map with available keys and their respective UTF-8 characters, as defined on W3C WebDriver draft spec (http://www.w3.org/TR/webdriver/#character-types),
-     * is loaded onto the main Nightwatch instance as client.Keys.
-     *
-     * Usage:
-     * ```
-     * // send some simple text to an input
-     * this.demoTest = function (browser) {
-     *  browser.setValue('input[type=text]', 'nightwatch');
-     * };
-     *
-     * //
-     * // send some text to an input and hit enter.
-     * this.demoTest = function (browser) {
-     *  browser.setValue('input[type=text]', ['nightwatch', browser.Keys.ENTER]);
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param inputValue: The text to send to the element or key strokes.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    setValue(selector: string, inputValue: string, callback?: () => void): this;
-
     /**
      * Sets the current window position.
      *
@@ -1407,20 +1164,6 @@ export interface NightwatchAPI {
      */
     setWindowPosition(OffsetX: number, OffsetY: number, callback?: () => void): this;
 
-    /**
-     * Submit a FORM element. The submit command may also be applied to any element that is a descendant of a FORM element. Uses submit protocol command.
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.submitForm('form.login');
-     * };
-     * ```
-     * @param selector: The CSS/Xpath selector used to locate the element.
-     * @param callback: Optional callback function to be called when the command finishes.
-     */
-    submitForm(selector: string, callback?: () => void): this;
-
     /**
      * Change focus to another window. The window to change focus to may be specified by its server assigned window handle, or by the value of its name attribute.
      * To find out the window handle use window_handles protocol action
@@ -1455,116 +1198,6 @@ export interface NightwatchAPI {
      */
     urlHash(hash: string): this;
 
-    /**
-     * Opposite of waitForElementPresent. Waits a given time in milliseconds for an element to be not present (i.e. removed) in the page before performing any other commands
-     * or assertions. If the element is still present after the specified amount of time, the test fails. You can change the polling interval by defining
-     * a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in your external globals file.
-     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.waitForElementNotPresent('#dialog', 1000);
-     * };
-     * ```
-     * @param selector: The selector (CSS / Xpath) used to locate the element.
-     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
-     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
-     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
-     * (e.g. Element %s was not in the page for %d ms).
-     */
-    waitForElementNotPresent(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
-
-    /**
-     * Opposite of waitForElementVisible. Waits a given time in milliseconds for an element to be not visible (i.e. hidden but existing) in the page before performing
-     * any other commands or assertions. If the element fails to be hidden in the specified amount of time, the test fails. You can change the polling interval by
-     * defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in your external globals file.
-     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.waitForElementNotVisible('#dialog', 1000);
-     * };
-     * ```
-     * @param selector: The selector (CSS / Xpath) used to locate the element.
-     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
-     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
-     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
-     * (e.g. Element %s was not in the page for %d ms).
-     */
-    waitForElementNotVisible(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
-
-    /**
-     * Waits a given time in milliseconds for an element to be present in the page before performing any other commands or assertions.
-     * If the element fails to be present in the specified amount of time, the test fails. You can change this by setting abortOnFailure to false.
-     * You can change the polling interval by defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in
-     * your external globals file.
-     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.waitForElementPresent('body', 1000);
-     *  // continue if failed
-     *  browser.waitForElementPresent('body', 1000, false);
-     *  // with callback
-     *  browser.waitForElementPresent('body', 1000, function() {
-     *      // do something while we're here
-     *  });
-     *  // custom Spanish message
-     *  browser.waitForElementPresent('body', 1000, 'elemento %s no era presente en %d ms');
-     *  // many combinations possible - the message is always the last argument
-     *  browser.waitForElementPresent('body', 1000, false, function() {}, 'elemento %s no era presente en %d ms');
-     * };
-     * ```
-     * @param selector: The selector (CSS / Xpath) used to locate the element.
-     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
-     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
-     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
-     * (e.g. Element %s was not in the page for %d ms).
-     */
-    waitForElementPresent(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
-
-    /**
-     * Waits a given time in milliseconds for an element to be visible in the page before performing any other commands or assertions.
-     * If the element fails to be present and visible in the specified amount of time, the test fails. You can change this by setting abortOnFailure to false.
-     * You can change the polling interval by defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json
-     * or in your external globals file.
-     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
-     *
-     * Usage:
-     * ```
-     * this.demoTest = function (browser) {
-     *  browser.waitForElementVisible('body', 1000);
-     *  // continue if failed
-     *  browser.waitForElementVisible('body', 1000, false);
-     *  // with callback
-     *  browser.waitForElementVisible('body', 1000, function() {
-     *  // do something while we're here
-     *  });
-     *  // custom Spanish message
-     *  browser.waitForElementVisible('body', 1000, 'elemento %s no era visible en %d ms');
-     *  // many combinations possible - the message is always the last argument
-     *  browser.waitForElementVisible('body', 1000, false, function() {}, 'elemento %s no era visible en %d ms');
-     * };
-     * ```
-     * @param selector: The selector (CSS / Xpath) used to locate the element.
-     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
-     * @param abortOnFailure: By the default if the element is not found the test will fail.
-     * Set this to false if you wish for the test to continue even if the assertion fails.
-     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
-     * @param callback: Optional callback function to be called when the command finishes.
-     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time (e.g. Element %s was not in the page for %d ms).
-     */
-    waitForElementVisible(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
-
     /**
      * Accepts the currently displayed alert dialog. Usually, this is equivalent to clicking on the 'OK' button in the dialog.
      * @param callback: Optional callback function to be called when the command finishes.
@@ -2173,6 +1806,7 @@ export interface NightwatchTestHooks {
     after?: NightwatchTestHook;
     beforeEach?: NightwatchTestHook;
     afterEach?: NightwatchTestHook;
+    '@disabled'?: boolean;
 }
 
 export type NightwatchTests = NightwatchTestFunctions | NightwatchTestHooks;
@@ -2214,3 +1848,432 @@ export interface Nightwatch {
     api: NightwatchAPI;
     client: NightwatchClient;
 }
+
+/**
+ * #### [Enhanced Element Instances](https://github.com/nightwatchjs/nightwatch/wiki/Page-Object-API#enhanced-element-instances)
+ * Element instances encapsulate the definition used to handle element selectors.
+ * Generally you won't need to access them directly,
+ * instead referring to them using their `@`-prefixed names for selector arguments,
+ * but they are available through a page object or section's elements property.
+ */
+export interface EnhancedElementInstance {
+    /**
+     * The name of the element as defined by its key in the parent section or the page object's `elements` definition.
+     * This is the same name used with the `@` prefix in selector arguments for page object commands that refer to the element.
+     */
+    name: string;
+
+    /**
+     * The locate strategy to be used with `selector` when finding the element within the DOM.
+     */
+    locateStrategy: string;
+
+    /**
+     * A reference to the parent object instance.
+     * This is the parent section or the page object that contained the definition for this object.
+     */
+    parent: EnhancedPageObject;
+
+    /**
+     * The selector string used to find the element in the DOM.
+     */
+    selector: string;
+}
+
+/**
+ * #### [Enhanced Page Object Instances](https://github.com/nightwatchjs/nightwatch/wiki/Page-Object-API#enhanced-page-object-instances)
+ * Page object module definitions are used to define page object instances when their respective factory functions within the page reference of the standard command API is called.
+ * ```
+ * var myPageObject = browser.page.MyPage(); // defined in MyPage.js module
+ * ```
+ * Every time a factory function like MyPage above is called, a new instance of the page object is instantiated.
+ */
+export interface EnhancedPageObject extends SharedFunctions {
+    /**
+     * A reference providing access to the full Nightwatch command API,
+     * usually known as "client" or "browser" in test cases.
+     * This is used to access those commands that are not part of the subset of commands within the page object API.
+     */
+    api: NightwatchAPI;
+
+    /**
+     * A map of Element objects (see [Enhanced Element Instances](https://github.com/nightwatchjs/nightwatch/wiki/Page-Object-API#enhanced-element-instances)) used by element selectors.
+     */
+    elements: {[name: string]: EnhancedElementInstance};
+
+    /**
+     * The name of the page object as defined by its module name (not including the extension).
+     * This is the same name used to access the `page` object factory from the page reference in the command API.
+     */
+    name: string;
+}
+
+export interface SharedFunctions {
+    /**
+     * Clear a textarea or a text input element's value. Uses elementIdValue protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.clearValue('input[type=text]');
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    clearValue(selector: string, callback?: () => void): this;
+
+    /**
+     * Simulates a click event on the given DOM element. Uses elementIdClick protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.click("#main ul li a.first");
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    click(selector: string, callback?: () => void): this;
+
+    /**
+     * Retrieve the value of an attribute for a given DOM element. Uses elementIdAttribute protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.getAttribute("#main ul li a.first", "href", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, "#home");
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param attribute: The attribute name to inspect.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The value of the attribute
+     */
+    getAttribute(selector: string, attribute: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Retrieve the value of a css property for a given DOM element. Uses elementIdCssProperty protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.getCssProperty("#main ul li a.first", "display", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, 'inline');
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param cssProperty: The CSS property to inspect.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The value of the css property
+     */
+    getCssProperty(selector: string, cssProperty: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Determine an element's size in pixels. Uses elementIdSize protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.getElementSize("#main ul li a.first", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value.width, 500);
+     *      this.assert.equal(result.value.height, 20);
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The width and height of the element in pixels
+     */
+    getElementSize(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Determine an element's location on the page. The point (0, 0) refers to the upper-left corner of the page.
+     * The element's coordinates are returned as a JSON object with x and y properties. Uses elementIdLocation protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.getLocation("#main ul li a.first", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value.x, 200);
+     *      this.assert.equal(result.value.y, 200);
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The X and Y coordinates for the element on the page
+     */
+    getLocation(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Determine an element's location on the screen once it has been scrolled into view. Uses elementIdLocationInView protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.getLocationInView("#main ul li a.first", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value.x, 200);
+     *      this.assert.equal(result.value.y, 200);
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The X and Y coordinates for the element on the page.
+     */
+    getLocationInView(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Query for an element's tag name. Uses elementIdName protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (client) {
+     *  client.getTagName("#main ul li .first", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, "a");
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The element's tag name, as a lowercase string.
+     */
+    getTagName(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Returns the visible text for the element. Uses elementIdText protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.getText("#main ul li a.first", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, "nightwatchjs.org");
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The element's visible text.
+     */
+    getText(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Returns a form element current value. Uses elementIdValue protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.getValue("form.login input[type=text]", function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, "enter username");
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @returns The element's value.
+     */
+    getValue(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Determine if an element is currently displayed. Uses elementIdDisplayed protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.isVisible('#main', function(result) {
+     *      this.assert.equal(typeof result, "object");
+     *      this.assert.equal(result.status, 0);
+     *      this.assert.equal(result.value, true);
+     *  });
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    isVisible(selector: string, callback?: (this: NightwatchAPI, result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Move the mouse by an offset of the specified element. Uses moveTo protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.moveToElement('#main', 10, 10);
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param xoffset: X offset to move to, relative to the top-left corner of the element.
+     * @param yoffset: Y offset to move to, relative to the top-left corner of the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    moveToElement(selector: string, xoffset: number, yoffset: number, callback?: (result: NightwatchCallbackResult) => void): this;
+
+    /**
+     * Sends some text to an element. Can be used to set the value of a form element or to send a sequence of key strokes to an element. Any UTF-8 character may be specified.
+     * An object map with available keys and their respective UTF-8 characters, as defined on W3C WebDriver draft spec (http://www.w3.org/TR/webdriver/#character-types),
+     * is loaded onto the main Nightwatch instance as client.Keys.
+     *
+     * Usage:
+     * ```
+     * // send some simple text to an input
+     * this.demoTest = function (browser) {
+     *  browser.setValue('input[type=text]', 'nightwatch');
+     * };
+     *
+     * //
+     * // send some text to an input and hit enter.
+     * this.demoTest = function (browser) {
+     *  browser.setValue('input[type=text]', ['nightwatch', browser.Keys.ENTER]);
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param inputValue: The text to send to the element or key strokes.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    setValue(selector: string, inputValue: string, callback?: () => void): this;
+
+    /**
+     * Submit a FORM element. The submit command may also be applied to any element that is a descendant of a FORM element. Uses submit protocol command.
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.submitForm('form.login');
+     * };
+     * ```
+     * @param selector: The CSS/Xpath selector used to locate the element.
+     * @param callback: Optional callback function to be called when the command finishes.
+     */
+    submitForm(selector: string, callback?: () => void): this;
+
+    /**
+     * Opposite of waitForElementPresent. Waits a given time in milliseconds for an element to be not present (i.e. removed) in the page before performing any other commands
+     * or assertions. If the element is still present after the specified amount of time, the test fails. You can change the polling interval by defining
+     * a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in your external globals file.
+     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.waitForElementNotPresent('#dialog', 1000);
+     * };
+     * ```
+     * @param selector: The selector (CSS / Xpath) used to locate the element.
+     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
+     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
+     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
+     * (e.g. Element %s was not in the page for %d ms).
+     */
+    waitForElementNotPresent(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
+
+    /**
+     * Opposite of waitForElementVisible. Waits a given time in milliseconds for an element to be not visible (i.e. hidden but existing) in the page before performing
+     * any other commands or assertions. If the element fails to be hidden in the specified amount of time, the test fails. You can change the polling interval by
+     * defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in your external globals file.
+     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.waitForElementNotVisible('#dialog', 1000);
+     * };
+     * ```
+     * @param selector: The selector (CSS / Xpath) used to locate the element.
+     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
+     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
+     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
+     * (e.g. Element %s was not in the page for %d ms).
+     */
+    waitForElementNotVisible(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
+
+    /**
+     * Waits a given time in milliseconds for an element to be present in the page before performing any other commands or assertions.
+     * If the element fails to be present in the specified amount of time, the test fails. You can change this by setting abortOnFailure to false.
+     * You can change the polling interval by defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json or in
+     * your external globals file.
+     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.waitForElementPresent('body', 1000);
+     *  // continue if failed
+     *  browser.waitForElementPresent('body', 1000, false);
+     *  // with callback
+     *  browser.waitForElementPresent('body', 1000, function() {
+     *      // do something while we're here
+     *  });
+     *  // custom Spanish message
+     *  browser.waitForElementPresent('body', 1000, 'elemento %s no era presente en %d ms');
+     *  // many combinations possible - the message is always the last argument
+     *  browser.waitForElementPresent('body', 1000, false, function() {}, 'elemento %s no era presente en %d ms');
+     * };
+     * ```
+     * @param selector: The selector (CSS / Xpath) used to locate the element.
+     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
+     * @param abortOnFailure: By the default if the element is not found the test will fail. Set this to false if you wish for the test to continue even if the assertion fails.
+     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time
+     * (e.g. Element %s was not in the page for %d ms).
+     */
+    waitForElementPresent(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
+
+    /**
+     * Waits a given time in milliseconds for an element to be visible in the page before performing any other commands or assertions.
+     * If the element fails to be present and visible in the specified amount of time, the test fails. You can change this by setting abortOnFailure to false.
+     * You can change the polling interval by defining a waitForConditionPollInterval property (in milliseconds) in as a global property in your nightwatch.json
+     * or in your external globals file.
+     * Similarly, a default timeout can be specified as a global waitForConditionTimeout property (in milliseconds).
+     *
+     * Usage:
+     * ```
+     * this.demoTest = function (browser) {
+     *  browser.waitForElementVisible('body', 1000);
+     *  // continue if failed
+     *  browser.waitForElementVisible('body', 1000, false);
+     *  // with callback
+     *  browser.waitForElementVisible('body', 1000, function() {
+     *  // do something while we're here
+     *  });
+     *  // custom Spanish message
+     *  browser.waitForElementVisible('body', 1000, 'elemento %s no era visible en %d ms');
+     *  // many combinations possible - the message is always the last argument
+     *  browser.waitForElementVisible('body', 1000, false, function() {}, 'elemento %s no era visible en %d ms');
+     * };
+     * ```
+     * @param selector: The selector (CSS / Xpath) used to locate the element.
+     * @param time: The number of milliseconds to wait. The runner performs repeated checks every 500 ms.
+     * @param abortOnFailure: By the default if the element is not found the test will fail.
+     * Set this to false if you wish for the test to continue even if the assertion fails.
+     * To set this globally you can define a property `abortOnNightwatchAssertionsFailure` in your globals.
+     * @param callback: Optional callback function to be called when the command finishes.
+     * @param message: Optional message to be shown in the output; the message supports two placeholders: %s for current selector and %d for the time (e.g. Element %s was not in the page for %d ms).
+     */
+    waitForElementVisible(selector: string, time?: number, abortOnFailure?: boolean, callback?: () => void, message?: string): this;
+}
diff --git a/types/nise/index.d.ts b/types/nise/index.d.ts
new file mode 100644
index 0000000000..f054bad373
--- /dev/null
+++ b/types/nise/index.d.ts
@@ -0,0 +1,282 @@
+// Type definitions for nise 1.4
+// Project: https://github.com/sinonjs/nise#readme
+// Definitions by: Alexander T. <https://github.com/a-tarasyuk>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+export interface FakeUploadProgress {
+    eventListeners: {
+        progress: any[];
+        load: any[];
+        abort: any[];
+        error: any[];
+    };
+
+    addEventListener(event: string, listener: (e: Event) => any): void;
+    removeEventListener(event: string, listener: (e: Event) => any): void;
+    dispatchEvent(event: Event): void;
+}
+
+export interface FakeXMLHttpRequest {
+    /**
+     * The URL set on the request object.
+     */
+    url: string;
+    /**
+     * The request method as a string.
+     */
+    method: string;
+    /**
+     * An object of all request headers, i.e.:
+     */
+    requestHeaders: any;
+    /**
+     * The request body
+     */
+    requestBody: string;
+    /**
+     * The request’s status code.
+     * undefined if the request has not been handled (see respond below)
+     */
+    status: number;
+    /**
+     * Only populated if the respond method is called (see below).
+     */
+    statusText: string;
+    /**
+     * Whether or not the request is asynchronous.
+     */
+    async: boolean;
+    /**
+     * Username, if any.
+     */
+    username: string;
+    /**
+     * Password, if any.
+     */
+    password: string;
+    withCredentials: boolean;
+    upload: FakeUploadProgress;
+    /**
+     * When using respond, this property is populated with a parsed document if response headers indicate as much (see the spec)
+     */
+    responseXML: Document;
+    /**
+     * The value of the given response header, if the request has been responded to (see respond).
+     * @param header
+     */
+    getResponseHeader(header: string): string;
+    /**
+     * All response headers as an object.
+     */
+    getAllResponseHeaders(): any;
+
+    /**
+     * Sets response headers (e.g. { "Content-Type": "text/html", ... }, updates the readyState property and fires onreadystatechange.
+     * @param headers
+     */
+    setResponseHeaders(headers: any): void;
+    /**
+     * Sets the respond body, updates the readyState property and fires onreadystatechange.
+     * Additionally, populates responseXML with a parsed document if response headers indicate as much.
+     */
+    setResponseBody(body: string): void;
+    /**
+     * Calls the above three methods.
+     */
+    respond(status: number, headers?: any, body?: string): void;
+    autoRespond(ms: number): void;
+    /**
+     * Simulates a network error on the request. The onerror handler will be called and the status will be 0.
+     */
+    error(): void;
+
+    onloadstart(e: Event): void;
+    onprogress(e: Event): void;
+    ontimeout(e: Event): void;
+    onloadend(e: Event): void;
+    onerror(e: Event): void;
+    onabort(e: Event): void;
+    onload(e: Event): void;
+}
+
+export interface FakeServerOptions {
+    /**
+     * When set to true, causes the server to automatically respond to incoming requests after a timeout.
+     * The default timeout is 10ms but you can control it through the autoRespondAfter property.
+     * Note that this feature is intended to help during mockup development, and is not suitable for use in tests.
+     */
+    autoRespond: boolean;
+    /**
+     * When autoRespond is true, respond to requests after this number of milliseconds. Default is 10.
+     */
+    autoRespondAfter: number;
+    /**
+     * If set to true, server will find _method parameter in POST body and recognize that as the actual method.
+     * Supports a pattern common to Ruby on Rails applications. For custom HTTP method faking, override server.getHTTPMethod(request).
+     */
+    fakeHTTPMethods: boolean;
+    /**
+     * If set, the server will respond to every request immediately and synchronously.
+     * This is ideal for faking the server from within a test without having to call server.respond() after each request made in that test.
+     * As this is synchronous and immediate, this is not suitable for simulating actual network latency in tests or mockups.
+     * To simulate network latency with automatic responses, see server.autoRespond and server.autoRespondAfter.
+     */
+    respondImmediately: boolean;
+}
+
+export interface FakeServer extends FakeServerOptions {
+    lastRequest: FakeXMLHttpRequest | undefined;
+    firstRequest: FakeXMLHttpRequest | undefined;
+    secondRequest: FakeXMLHttpRequest | undefined;
+    thirdRequest: FakeXMLHttpRequest | undefined;
+
+    /**
+     * Used internally to determine the HTTP method used with the provided request.
+     * By default this method simply returns request.method.
+     * When server.fakeHTTPMethods is true, the method will return the value of the _method parameter if the method is “POST”.
+     * This method can be overridden to provide custom behavior.
+     * @param request
+     */
+    getHTTPMethod(request: FakeXMLHttpRequest): string;
+
+    /**
+     * You can inspect the server.requests to verify request ordering, find unmatched requests or check that no requests has been done.
+     * server.requests is an array of all the FakeXMLHttpRequest objects that have been created.
+     */
+    requests: FakeXMLHttpRequest[];
+
+    /**
+     * Causes the server to respond to any request not matched by another response with the provided data. The default catch-all response is [404, {}, ""].
+     * A String representing the response body
+     * An Array with status, headers and response body, e.g. [200, { "Content-Type": "text/html", "Content-Length": 2 }, "OK"]
+     * A Function.
+     * Default status is 200 and default headers are none.
+     * When the response is a Function, it will be passed the request object. You must manually call respond on it to complete the request.
+     * @param body A String representing the response body
+     */
+    respondWith(body: string): void;
+    /**
+     * Causes the server to respond to any request not matched by another response with the provided data. The default catch-all response is [404, {}, ""].
+     * Default status is 200 and default headers are none.
+     * When the response is a Function, it will be passed the request object. You must manually call respond on it to complete the request.
+     * @param response An Array with status, headers and response body, e.g. [200, { "Content-Type": "text/html", "Content-Length": 2 }, "OK"]
+     */
+    respondWith(response: any[]): void;
+    /**
+     * Causes the server to respond to any request not matched by another response with the provided data. The default catch-all response is [404, {}, ""].
+     * Default status is 200 and default headers are none.
+     * When the response is a Function, it will be passed the request object. You must manually call respond on it to complete the request.
+     * @param fn A Function.
+     */
+    respondWith(fn: (xhr: FakeXMLHttpRequest) => void): void;
+    /**
+     * Responds to all requests to given URL, e.g. /posts/1.
+     */
+    respondWith(url: string, body: string): void;
+    /**
+     * Responds to all requests to given URL, e.g. /posts/1.
+     */
+    respondWith(url: string, response: any[]): void;
+    /**
+     * Responds to all requests to given URL, e.g. /posts/1.
+     */
+    respondWith(url: string, fn: (xhr: FakeXMLHttpRequest) => void): void;
+    /**
+     * Responds to all method requests to the given URL with the given response.
+     * method is an HTTP verb.
+     */
+    respondWith(method: string, url: string, body: string): void;
+    /**
+     * Responds to all method requests to the given URL with the given response.
+     * method is an HTTP verb.
+     */
+    respondWith(method: string, url: string, response: any[]): void;
+    /**
+     * Responds to all method requests to the given URL with the given response.
+     * method is an HTTP verb.
+     */
+    respondWith(method: string, url: string, fn: (xhr: FakeXMLHttpRequest) => void): void;
+    /**
+     * URL may be a regular expression, e.g. /\\/post\\//\\d+
+     * If the response is a Function, it will be passed any capture groups from the regular expression along with the XMLHttpRequest object:
+     */
+    respondWith(url: RegExp, body: string): void;
+    /**
+     * URL may be a regular expression, e.g. /\\/post\\//\\d+
+     * If the response is a Function, it will be passed any capture groups from the regular expression along with the XMLHttpRequest object:
+     */
+    respondWith(url: RegExp, response: any[]): void;
+    /**
+     * URL may be a regular expression, e.g. /\\/post\\//\\d+
+     * If the response is a Function, it will be passed any capture groups from the regular expression along with the XMLHttpRequest object:
+     */
+    respondWith(url: RegExp, fn: (xhr: FakeXMLHttpRequest) => void): void;
+    /**
+     * Responds to all method requests to URLs matching the regular expression.
+     */
+    respondWith(method: string, url: RegExp, body: string): void;
+    /**
+     * Responds to all method requests to URLs matching the regular expression.
+     */
+    respondWith(method: string, url: RegExp, response: any[]): void;
+    /**
+     * Responds to all method requests to URLs matching the regular expression.
+     */
+    respondWith(method: string, url: RegExp, fn: (xhr: FakeXMLHttpRequest) => void): void;
+    respondWith(...args: any[]): void;
+
+    /**
+     * Causes all queued asynchronous requests to receive a response.
+     * If none of the responses added through respondWith match, the default response is [404, {}, ""].
+     * Synchronous requests are responded to immediately, so make sure to call respondWith upfront.
+     * If called with arguments, respondWith will be called with those arguments before responding to requests.
+     */
+    respond(): void;
+    restore(): void;
+
+    getRequest(): FakeXMLHttpRequest | undefined;
+    reset(): void;
+    resetBehavior(): void;
+    resetHistory(): void;
+}
+
+export interface FakeXMLHttpRequestStatic {
+    new(): FakeXMLHttpRequest;
+    /**
+     * Default false.
+     * When set to true, Sinon will check added filters if certain requests should be “unfaked”
+     */
+    useFilters: boolean;
+    /**
+     * Add a filter that will decide whether or not to fake a request.
+     * The filter will be called when xhr.open is called, with the exact same arguments (method, url, async, username, password).
+     * If the filter returns true, the request will not be faked.
+     * @param filter
+     */
+    addFilter(filter: (method: string, url: string, async: boolean, username: string, password: string) => boolean): void;
+    /**
+     * By assigning a function to the onCreate property of the returned object from useFakeXMLHttpRequest()
+     * you can subscribe to newly created FakeXMLHttpRequest objects. See below for the fake xhr object API.
+     * Using this observer means you can still reach objects created by e.g. jQuery.ajax (or other abstractions/frameworks).
+     * @param xhr
+     */
+    onCreate(xhr: FakeXMLHttpRequest): void;
+    /**
+     * Restore original function(s).
+     */
+    restore(): void;
+}
+
+export interface FakeServerStatic {
+    create(options?: Partial<FakeServerOptions>): FakeServer;
+}
+
+export interface FakeXHR {
+    useFakeXMLHttpRequest(): FakeXMLHttpRequestStatic;
+    FakeXMLHttpRequest: FakeXMLHttpRequestStatic;
+}
+
+export const fakeServerWithClock: FakeServerStatic;
+export const fakeServer: FakeServerStatic;
+export const fakeXhr: FakeXHR;
diff --git a/types/nise/nise-tests.ts b/types/nise/nise-tests.ts
new file mode 100644
index 0000000000..827275fc55
--- /dev/null
+++ b/types/nise/nise-tests.ts
@@ -0,0 +1,56 @@
+import { fakeXhr, fakeServer, FakeServer, FakeXMLHttpRequest } from 'nise';
+
+function testCreateFakeServer() {
+    fakeServer.create();
+    fakeServer.create({ autoRespond: true, autoRespondAfter: 3, fakeHTTPMethods: true, respondImmediately: false });
+    fakeServer.create({ autoRespond: true, autoRespondAfter: 3 });
+}
+
+function testFakeServer() {
+    const server: FakeServer = fakeServer.create();
+    const respondWith = ['GET', 'http://test.com', [200, {}, '']];
+
+    server.requests;
+    server.autoRespond = true;
+
+    server.respondWith((xhr: FakeXMLHttpRequest) => xhr.respond(200));
+    server.respondWith('body');
+    server.respondWith([]);
+
+    server.respondWith('http://test.com', 'body');
+    server.respondWith('http://test.com', []);
+    server.respondWith('http://test.com', (xhr: FakeXMLHttpRequest) => xhr.respond(200));
+
+    server.respondWith('GET', 'http://test.com', 'body');
+    server.respondWith('GET', 'http://test.com', []);
+    server.respondWith('GET', 'http://test.com', (xhr: FakeXMLHttpRequest) => xhr.respond(200));
+
+    server.respondWith(/url/, '');
+    server.respondWith(/url/, []);
+    server.respondWith(/url/, (xhr: FakeXMLHttpRequest) => xhr.respond(200));
+
+    server.respondWith('GET', /url/, '');
+    server.respondWith('GET', /url/, []);
+    server.respondWith('GET', /url/, (xhr: FakeXMLHttpRequest) => xhr.respond(200));
+    server.respondWith(...respondWith);
+    server.respond();
+    server.restore();
+}
+
+function testFakeXMLHttpRequest() {
+    const xhr = new fakeXhr.FakeXMLHttpRequest();
+    const headers = xhr.getAllResponseHeaders();
+    const header = xhr.getResponseHeader('test');
+
+    xhr.setResponseHeaders({ Accept: 'application/json' });
+    xhr.setResponseBody('body');
+    xhr.respond(200, { Accept: 'application/json' }, 'body');
+    xhr.error();
+}
+
+function testFakeXMLHttpRequestStatic() {
+    fakeXhr.FakeXMLHttpRequest.useFilters = true;
+    fakeXhr.FakeXMLHttpRequest.addFilter((method, url, async, user, pass) => true);
+    fakeXhr.FakeXMLHttpRequest.onCreate = (xhr: FakeXMLHttpRequest) => { };
+    fakeXhr.FakeXMLHttpRequest.restore();
+}
diff --git a/types/nise/tsconfig.json b/types/nise/tsconfig.json
new file mode 100644
index 0000000000..1e535819c3
--- /dev/null
+++ b/types/nise/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "noImplicitThis": true,
+        "noImplicitAny": true,
+        "module": "commonjs",
+        "noEmit": true,
+        "types": [],
+        "lib": ["es6", "dom"],
+        "baseUrl": "../",
+        "typeRoots": ["../"]
+    },
+
+    "files": [
+        "nise-tests.ts",
+        "index.d.ts"
+    ]
+}
diff --git a/types/nise/tslint.json b/types/nise/tslint.json
new file mode 100644
index 0000000000..08b1465cd6
--- /dev/null
+++ b/types/nise/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "unified-signatures": false
+    }
+}
diff --git a/types/node-crate/index.d.ts b/types/node-crate/index.d.ts
new file mode 100644
index 0000000000..971c71db24
--- /dev/null
+++ b/types/node-crate/index.d.ts
@@ -0,0 +1,69 @@
+// Type definitions for node-crate 2.0
+// Project: https://github.com/megastef/node-crate
+// Definitions by: Greg Jednaszewski <https://github.com/gjednaszewski>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+declare namespace crate {
+    interface DBResultObject {
+        json: object[];
+        duration: number;
+        rowcount: number;
+        cols: string[];
+        rows: object[][];
+    }
+
+    interface Crate {
+        /**
+         * Connect to a single crate instance with host and port
+         */
+        connect: (host: string, port?: number) => void;
+        /**
+         * Executes a parameterized sql statement.
+         */
+        execute: (sql: string, args?: Array<string|number|Date>) => Promise<DBResultObject>;
+        /**
+         * Inserts a row in table.
+         */
+        insert: (tableName: string, data: object) => Promise<DBResultObject>;
+        /**
+         * Creates a table with the given schema.
+         */
+        create: (schema: object) => Promise<DBResultObject>;
+        /**
+         * Creates a table if it doesn't already exist.
+         */
+        createIfNotExists: (schema: object) => Promise<DBResultObject>;
+        /**
+         * Drops a table.
+         */
+        drop: (tableName: string) => Promise<DBResultObject>;
+        /**
+         * Updates one or more rows in table.
+         */
+        update: (tableName: string, data: object, where: string) => Promise<DBResultObject>;
+        /**
+         * Deletes one or more rows in a table.
+         */
+        delete: (tableName: string, where: string) => Promise<DBResultObject>;
+        /**
+         * Creates a BLOB table
+         */
+        createBlobTable: (tableName: string, replicas: number, shards: number) => Promise<DBResultObject>;
+        /**
+         * Inserts a BLOB
+         */
+        insertBlob: (tableName: string, buffer: string) => Promise<string>;
+        /**
+         * Inserts a BLOB from the filesystem
+         */
+        insertBlobFile: (tableName: string, filename: string) => Promise<string>;
+        /**
+         * Retrieves a BLOB with the given hash key
+         */
+        getBlob: (tableName: string, hashKey: string) => Promise<string>;
+    }
+}
+
+declare var crate: crate.Crate;
+export = crate;
diff --git a/types/node-crate/node-crate-tests.ts b/types/node-crate/node-crate-tests.ts
new file mode 100644
index 0000000000..117fdcbcdf
--- /dev/null
+++ b/types/node-crate/node-crate-tests.ts
@@ -0,0 +1,27 @@
+import * as crate from "node-crate";
+
+crate.connect("127.0.0.1");
+crate.connect("127.0.0.1", 1234);
+
+crate.execute('select * from users');
+crate.execute('select * from users where id = ?', ['test']);
+
+crate.insert('users', {id: 'test', password: 'password'});
+
+crate.create({users: {id: 'string primary key', password: 'string'}});
+
+crate.createIfNotExists({users: {id: 'string primary key', password: 'string'}});
+
+crate.drop('users');
+
+crate.update('users', {password: 'newPassword'}, "id = 'test'");
+
+crate.delete('users', "id = 'test'");
+
+crate.createBlobTable('photos', 1, 2);
+
+crate.insertBlob('photos', 'XXXXXXXX');
+
+crate.insertBlobFile('photos', '/path/to/photo.png');
+
+crate.getBlob('photos', 'WEWERTWERTWSHSDFG');
diff --git a/types/node-crate/tsconfig.json b/types/node-crate/tsconfig.json
new file mode 100644
index 0000000000..a8fc4d93b5
--- /dev/null
+++ b/types/node-crate/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "node-crate-tests.ts"
+    ]
+}
diff --git a/types/node-crate/tslint.json b/types/node-crate/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/node-crate/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/node-cron/index.d.ts b/types/node-cron/index.d.ts
index 75ddaefdde..8c6b70ec1c 100644
--- a/types/node-cron/index.d.ts
+++ b/types/node-cron/index.d.ts
@@ -1,15 +1,28 @@
-// Type definitions for node-cron 1.2
-// Project: http://merencia.com/node-cron/
-// Definitions by: morsic <https://github.com/maximelkin>
+// Type definitions for node-cron 2.0
+// Project: https://github.com/node-cron/node-cron
+// Definitions by: morsic <https://github.com/maximelkin>,
+//                 burtek <https://github.com/burtek>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// immediateStart - default true
-export function schedule(a: string, func: () => void, immediateStart?: boolean): ScheduledTask;
+export function schedule(cronExpression: string, func: () => void, options?: ScheduleOptions): ScheduledTask;
 
-export function validate(a: string): boolean;
+export function validate(cronExpression: string): boolean;
 
 export interface ScheduledTask {
     start: () => this;
     stop: () => this;
     destroy: () => void;
 }
+
+export interface ScheduleOptions {
+    /**
+     * A boolean to set if the created task is scheduled.
+     *
+     * Defaults to `true`
+     */
+    scheduled?: boolean;
+    /**
+     * The timezone that is used for job scheduling
+     */
+    timezone?: string;
+}
diff --git a/types/node-cron/node-cron-tests.ts b/types/node-cron/node-cron-tests.ts
index c670924d27..17350b6427 100644
--- a/types/node-cron/node-cron-tests.ts
+++ b/types/node-cron/node-cron-tests.ts
@@ -17,7 +17,7 @@ cron.schedule('1-5 * * * *', () => {
 const task = cron.schedule('* * * * *', () => {
     log('immediately started');
     // because of manual call start method
-}, false);
+}, { scheduled: false });
 
 task.start();
 
diff --git a/types/node-forge/README.md b/types/node-forge/README.md
index fcac651de8..c70966e474 100644
--- a/types/node-forge/README.md
+++ b/types/node-forge/README.md
@@ -27,3 +27,4 @@ BSD-2-Clause
 [Aakash Goenka](https://github.com/a-k-g)
 [Rafal2228](https://github.com/rafal2228)
 [Beeno Tung](https://github.com/beenotung)
+[Nikita Koryabkin](https://github.com/Apologiz)
diff --git a/types/node-forge/index.d.ts b/types/node-forge/index.d.ts
index e30a217ddc..d362eb1c27 100644
--- a/types/node-forge/index.d.ts
+++ b/types/node-forge/index.d.ts
@@ -1,10 +1,12 @@
 // Type definitions for node-forge 0.7.6
 // Project: https://github.com/digitalbazaar/forge
-// Definitions by: Seth Westphal <https://github.com/westy92>
-//                 Kay Schecker <https://github.com/flynetworks>
-//                 Aakash Goenka <https://github.com/a-k-g>
-//                 Rafal2228 <https://github.com/rafal2228>
-//                 Beeno Tung <https://github.com/beenotung>
+// Definitions by: Seth Westphal    <https://github.com/westy92>
+//                 Kay Schecker     <https://github.com/flynetworks>
+//                 Aakash Goenka    <https://github.com/a-k-g>
+//                 Rafal2228        <https://github.com/rafal2228>
+//                 Beeno Tung       <https://github.com/beenotung>
+//                 Joe Flateau      <https://github.com/joeflateau>
+//                 Nikita Koryabkin <https://github.com/Apologiz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.6
 
@@ -43,16 +45,26 @@ declare module "node-forge" {
         type Key = any;
 
         interface KeyPair {
-            publicKey: Key;
-            privateKey: Key;
+            publicKey: PublicKey;
+            privateKey: PrivateKey;
+        }
+
+        interface PublicKey {
+            encrypt(data: string, scheme?: string, schemeOptions?: number): Bytes
+            verify(digest: string, signature: string, scheme?: string): boolean
+        }
+
+        interface PrivateKey {
+            decrypt(data: string, scheme?: string, schemeOptions?: number): string
+            sign(md: string, scheme?: string): Bytes
         }
 
         function pemToDer(pem: PEM): util.ByteStringBuffer;
-        function privateKeyToPem(key: Key, maxline?: number): PEM;
-        function privateKeyInfoToPem(key: Key, maxline?: number): PEM;
-        function publicKeyToPem(key: Key, maxline?: number): PEM;
-        function publicKeyFromPem(pem: PEM): Key;
-        function privateKeyFromPem(pem: PEM): Key;
+        function privateKeyToPem(key: PrivateKey, maxline?: number): PEM;
+        function privateKeyInfoToPem(key: PrivateKey, maxline?: number): PEM;
+        function publicKeyToPem(key: PublicKey, maxline?: number): PEM;
+        function publicKeyFromPem(pem: PEM): PublicKey;
+        function privateKeyFromPem(pem: PEM): PrivateKey;
         function certificateToPem(cert: Certificate, maxline?: number): PEM;
         function certificateFromPem(pem: PEM, computeHash?: boolean, strict?: boolean): Certificate;
 
@@ -72,7 +84,9 @@ declare module "node-forge" {
                 prng?: any;
                 algorithm?: string;
             }
-
+            
+            function setPublicKey(n: any, e: any): any;
+            
             function generateKeyPair(bits?: number, e?: number, callback?: (err: Error, keypair: KeyPair) => void): KeyPair;
             function generateKeyPair(options?: GenerateKeyPairOptions, callback?: (err: Error, keypair: KeyPair) => void): KeyPair;
         }
@@ -96,9 +110,15 @@ declare module "node-forge" {
 
             function publicKeyFromPrivateKey(options: { privateKey: NativeBuffer }): NativeBuffer;
 
-            function sign(options: { privateKey: NativeBuffer }): NativeBuffer;
+            function sign(options: {
+                message: string,
+                encoding: string,
+                privateKey: NativeBuffer
+            }): NativeBuffer;
 
             function verify(options: {
+                message: string,
+                encoding: string,
                 signature: Buffer | Uint8Array | util.ByteBuffer | string,
                 publicKey: NativeBuffer
             }): boolean;
@@ -140,7 +160,8 @@ declare module "node-forge" {
                 hash: any;
             };
             extensions: any[];
-            publicKey: any;
+            privateKey: Key;
+            publicKey: Key;
             md: any;
             /**
              * Sets the subject of this certificate.
@@ -197,6 +218,16 @@ declare module "node-forge" {
         function decryptRsaPrivateKey(pem: PEM, passphrase?: string): Key;
 
         function createCertificate(): Certificate;
+            
+        function certificationRequestToPem(cert: Certificate, maxline?: number): PEM;
+            
+        function certificationRequestFromPem(pem: PEM, computeHash?: boolean, strict?: boolean): Certificate;
+            
+        function createCertificationRequest(): Certificate;
+            
+        function publicKeyToAsn1(publicKey: Key): any;
+            
+        function publicKeyToRSAPublicKey(publicKey: Key): any;
     }
 
     namespace ssh {
@@ -410,6 +441,27 @@ declare module "node-forge" {
         function pkcs12FromAsn1(obj: any, strict?: boolean, password?: string): Pkcs12Pfx;
         function pkcs12FromAsn1(obj: any, password?: string): Pkcs12Pfx;
     }
+        
+    namespace pkcs7 {
+        interface PkcsSignedData {
+            content?: string | util.ByteBuffer;
+            contentInfo?: { value: any[] };
+  
+            addCertificate(certificate: pki.Certificate): void;
+            addSigner(options: {
+                key: string;
+                certificate: pki.Certificate;
+                digestAlgorithm: string;
+                authenticatedAttributes: { type: string; value?: string }[];
+            }): void;
+            sign(options?:{
+                detached?: boolean
+            }): void;
+            toAsn1(): asn1.Asn1;
+        }
+  
+        function createSignedData(): PkcsSignedData;
+    }
 
     namespace md {
 
@@ -425,6 +477,10 @@ declare module "node-forge" {
         namespace sha256 {
             function create(): MessageDigest;
         }
+            
+        namespace sha512 {
+            function create(): MessageDigest;
+        }
 
         namespace md5 {
             function create(): MessageDigest;
@@ -435,11 +491,14 @@ declare module "node-forge" {
 
         type Algorithm = "AES-ECB" | "AES-CBC" | "AES-CFB" | "AES-OFB" | "AES-CTR" | "AES-GCM" | "3DES-ECB" | "3DES-CBC" | "DES-ECB" | "DES-CBC";
 
-        function createCipher(algorithm: Algorithm, payload: util.ByteBuffer): BlockCipher;
-        function createDecipher(algorithm: Algorithm, payload: util.ByteBuffer): BlockCipher;
+        function createCipher(algorithm: Algorithm, payload: util.ByteBuffer | Bytes): BlockCipher;
+        function createDecipher(algorithm: Algorithm, payload: util.ByteBuffer | Bytes): BlockCipher;
 
         interface StartOptions {
-            iv?: string;
+            iv?: Bytes;
+            tag?: util.ByteStringBuffer;
+            tagLength?: number;
+            additionalData?: string;
         }
 
         interface BlockCipher {
@@ -447,6 +506,25 @@ declare module "node-forge" {
             update: (payload: util.ByteBuffer) => void;
             finish: () => boolean;
             output: util.ByteStringBuffer;
+            mode: Mode;
+        }
+
+        interface Mode {
+            tag: util.ByteStringBuffer;
         }
     }
+        
+    namespace pss {
+        function create(any: any): any;
+    }
+        
+    namespace mgf {
+        namespace mgf1 {
+            function create(any: any): any;
+        }
+    }
+
+    namespace random {
+        function getBytesSync(length: number): Bytes;
+    }
 }
diff --git a/types/node-forge/node-forge-tests.ts b/types/node-forge/node-forge-tests.ts
index 575661e9aa..abc863f7ff 100644
--- a/types/node-forge/node-forge-tests.ts
+++ b/types/node-forge/node-forge-tests.ts
@@ -8,8 +8,8 @@ let x: string = forge.ssh.privateKeyToOpenSSH(key);
 let pemKey: forge.pki.PEM = publicKeyPem;
 let publicKeyRsa = forge.pki.publicKeyFromPem(pemKey);
 let privateKeyRsa = forge.pki.privateKeyFromPem(privateKeyPem);
-let privateKeyRsa2 = forge.pki.privateKeyInfoToPem(privateKeyPem);
-let byteBufferString = forge.pki.pemToDer(privateKeyRsa);
+let privateKeyRsa2 = forge.pki.privateKeyInfoToPem(privateKeyRsa);
+let byteBufferString = forge.pki.pemToDer(privateKeyPem);
 let certPem = forge.pki.certificateFromPem(pemKey);
 let cert = forge.pki.createCertificate();
 
diff --git a/types/node-ral/node-ral-tests.ts b/types/node-ral/node-ral-tests.ts
index a625c37da4..3c6f6cd9b1 100644
--- a/types/node-ral/node-ral-tests.ts
+++ b/types/node-ral/node-ral-tests.ts
@@ -17,7 +17,7 @@ class HashringBalance extends nodeRal.Balance {
         return 'hashring';
     }
     fetchServer(balanceContext: nodeRal.Balance.BalanceContextClass, conf: {}, prevBackend: nodeRal.Server) {
-        return <nodeRal.Server> {};
+        return {} as nodeRal.Server;
     }
 }
 
diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index d7c358ae00..0f6698035d 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Node.js 10.11
+// Type definitions for Node.js 10.12
 // Project: http://nodejs.org/
 // Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
 //                 DefinitelyTyped <https://github.com/DefinitelyTyped>
@@ -30,6 +30,8 @@
 //                 Wilco Bakker <https://github.com/WilcoBakker>
 //                 wwwy3y3 <https://github.com/wwwy3y3>
 //                 Zane Hannan AU <https://github.com/ZaneHannanAU>
+//                 Jeremie Rodriguez <https://github.com/jeremiergz>
+//                 Samuel Ainsworth <https://github.com/samuela>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /** inspector module types */
@@ -108,6 +110,10 @@ interface Console {
      * Stops a timer that was previously started by calling {@link console.time()} and prints the result to `stdout`.
      */
     timeEnd(label?: string): void;
+    /**
+     * For a timer that was previously started by calling {@link console.time()}, prints the elapsed time and other `data` arguments to `stdout`.
+     */
+    timeLog(label: string, ...data: any[]): void;
     /**
      * Prints to `stderr` the string 'Trace :', followed by the {@link util.format()} formatted message and stack trace to the current position in the code.
      */
@@ -154,7 +160,7 @@ interface ErrorConstructor {
     stackTraceLimit: number;
 }
 
-// compat for TypeScript 1.8
+// compat for TypeScript 1.8 and default es5 target
 // if you use with --target es3 or --target es5 and use below definitions,
 // use the lib.es6.d.ts that is bundled with TypeScript 1.8.
 interface MapConstructor { }
@@ -162,6 +168,9 @@ interface WeakMapConstructor { }
 interface SetConstructor { }
 interface WeakSetConstructor { }
 
+interface Set<T> {}
+interface ReadonlySet<T> {}
+
 // Forward-declare needed types from lib.es2015.d.ts (in case users are using `--lib es5`)
 interface Iterable<T> { }
 interface Iterator<T> {
@@ -174,7 +183,7 @@ interface SymbolConstructor {
     readonly iterator: symbol;
     readonly asyncIterator: symbol;
 }
-// declare const Symbol: SymbolConstructor;
+declare var Symbol: SymbolConstructor;
 interface SharedArrayBuffer {
     readonly byteLength: number;
     slice(begin?: number, end?: number): SharedArrayBuffer;
@@ -193,27 +202,27 @@ interface String {
  *                   GLOBAL                      *
  *                                               *
  ------------------------------------------------*/
-declare const process: NodeJS.Process;
-declare const global: NodeJS.Global;
+declare var process: NodeJS.Process;
+declare var global: NodeJS.Global;
 declare var console: Console;
 
-declare const __filename: string;
-declare const __dirname: string;
+declare var __filename: string;
+declare var __dirname: string;
 
-declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
+declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timeout;
 declare namespace setTimeout {
     function __promisify__(ms: number): Promise<void>;
     function __promisify__<T>(ms: number, value: T): Promise<T>;
 }
-declare function clearTimeout(timeoutId: NodeJS.Timer): void;
-declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-declare function clearInterval(intervalId: NodeJS.Timer): void;
-declare function setImmediate(callback: (...args: any[]) => void, ...args: any[]): any;
+declare function clearTimeout(timeoutId: NodeJS.Timeout): void;
+declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timeout;
+declare function clearInterval(intervalId: NodeJS.Timeout): void;
+declare function setImmediate(callback: (...args: any[]) => void, ...args: any[]): NodeJS.Immediate;
 declare namespace setImmediate {
     function __promisify__(): Promise<void>;
     function __promisify__<T>(value: T): Promise<T>;
 }
-declare function clearImmediate(immediateId: any): void;
+declare function clearImmediate(immediateId: NodeJS.Immediate): void;
 
 // TODO: change to `type NodeRequireFunction = (id: string) => any;` in next mayor version.
 interface NodeRequireFunction {
@@ -240,7 +249,7 @@ interface NodeExtensions {
     [ext: string]: (m: NodeModule, filename: string) => any;
 }
 
-declare const require: NodeRequire;
+declare var require: NodeRequire;
 
 interface NodeModule {
     exports: any;
@@ -253,10 +262,10 @@ interface NodeModule {
     paths: string[];
 }
 
-declare const module: NodeModule;
+declare var module: NodeModule;
 
 // Same as module.exports
-declare const exports: any;
+declare var exports: any;
 declare const SlowBuffer: {
     new(str: string, encoding?: string): Buffer;
     new(size: number): Buffer;
@@ -486,11 +495,20 @@ declare namespace NodeJS {
         maxArrayLength?: number | null;
         breakLength?: number;
         compact?: boolean;
+        sorted?: boolean | ((a: string, b: string) => number);
+    }
+
+    interface ConsoleConstructorOptions {
+        stdout: WritableStream;
+        stderr?: WritableStream;
+        ignoreErrors?: boolean;
+        colorMode?: boolean | 'auto';
     }
 
     interface ConsoleConstructor {
         prototype: Console;
-        new(stdout: WritableStream, stderr?: WritableStream): Console;
+        new(stdout: WritableStream, stderr?: WritableStream, ignoreErrors?: boolean): Console;
+        new(options: ConsoleConstructorOptions): Console;
     }
 
     interface CallSite {
@@ -684,6 +702,8 @@ declare namespace NodeJS {
         "SIGSTOP" | "SIGSYS" | "SIGTERM" | "SIGTRAP" | "SIGTSTP" | "SIGTTIN" | "SIGTTOU" | "SIGUNUSED" | "SIGURG" |
         "SIGUSR1" | "SIGUSR2" | "SIGVTALRM" | "SIGWINCH" | "SIGXCPU" | "SIGXFSZ" | "SIGBREAK" | "SIGLOST" | "SIGINFO";
 
+    type MultipleResolveType = 'resolve' | 'reject';
+
     type BeforeExitListener = (code: number) => void;
     type DisconnectListener = () => void;
     type ExitListener = (code: number) => void;
@@ -695,6 +715,7 @@ declare namespace NodeJS {
     type SignalsListener = (signal: Signals) => void;
     type NewListenerListener = (type: string | symbol, listener: (...args: any[]) => void) => void;
     type RemoveListenerListener = (type: string | symbol, listener: (...args: any[]) => void) => void;
+    type MultipleResolveListener = (type: MultipleResolveType, promise: Promise<any>, value: any) => void;
 
     interface Socket extends ReadWriteStream {
         isTTY?: true;
@@ -811,8 +832,7 @@ declare namespace NodeJS {
          * read-only `Set` of flags allowable within the [`NODE_OPTIONS`][]
          * environment variable.
          */
-        // TODO: This Set is readonly
-        allowedNodeEnvironmentFlags: Set<string>;
+        allowedNodeEnvironmentFlags: ReadonlySet<string>;
 
         /**
          * EventEmitter
@@ -839,6 +859,7 @@ declare namespace NodeJS {
         addListener(event: Signals, listener: SignalsListener): this;
         addListener(event: "newListener", listener: NewListenerListener): this;
         addListener(event: "removeListener", listener: RemoveListenerListener): this;
+        addListener(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         emit(event: "beforeExit", code: number): boolean;
         emit(event: "disconnect"): boolean;
@@ -851,6 +872,7 @@ declare namespace NodeJS {
         emit(event: Signals, signal: Signals): boolean;
         emit(event: "newListener", eventName: string | symbol, listener: (...args: any[]) => void): this;
         emit(event: "removeListener", eventName: string, listener: (...args: any[]) => void): this;
+        emit(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         on(event: "beforeExit", listener: BeforeExitListener): this;
         on(event: "disconnect", listener: DisconnectListener): this;
@@ -863,6 +885,7 @@ declare namespace NodeJS {
         on(event: Signals, listener: SignalsListener): this;
         on(event: "newListener", listener: NewListenerListener): this;
         on(event: "removeListener", listener: RemoveListenerListener): this;
+        on(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         once(event: "beforeExit", listener: BeforeExitListener): this;
         once(event: "disconnect", listener: DisconnectListener): this;
@@ -875,6 +898,7 @@ declare namespace NodeJS {
         once(event: Signals, listener: SignalsListener): this;
         once(event: "newListener", listener: NewListenerListener): this;
         once(event: "removeListener", listener: RemoveListenerListener): this;
+        once(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         prependListener(event: "beforeExit", listener: BeforeExitListener): this;
         prependListener(event: "disconnect", listener: DisconnectListener): this;
@@ -887,6 +911,7 @@ declare namespace NodeJS {
         prependListener(event: Signals, listener: SignalsListener): this;
         prependListener(event: "newListener", listener: NewListenerListener): this;
         prependListener(event: "removeListener", listener: RemoveListenerListener): this;
+        prependListener(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         prependOnceListener(event: "beforeExit", listener: BeforeExitListener): this;
         prependOnceListener(event: "disconnect", listener: DisconnectListener): this;
@@ -899,6 +924,7 @@ declare namespace NodeJS {
         prependOnceListener(event: Signals, listener: SignalsListener): this;
         prependOnceListener(event: "newListener", listener: NewListenerListener): this;
         prependOnceListener(event: "removeListener", listener: RemoveListenerListener): this;
+        prependOnceListener(event: "multipleResolves", listener: MultipleResolveListener): this;
 
         listeners(event: "beforeExit"): BeforeExitListener[];
         listeners(event: "disconnect"): DisconnectListener[];
@@ -911,6 +937,7 @@ declare namespace NodeJS {
         listeners(event: Signals): SignalsListener[];
         listeners(event: "newListener"): NewListenerListener[];
         listeners(event: "removeListener"): RemoveListenerListener[];
+        listeners(event: "multipleResolves"): MultipleResolveListener[];
     }
 
     interface Global {
@@ -953,9 +980,9 @@ declare namespace NodeJS {
         Uint8ClampedArray: Function;
         WeakMap: WeakMapConstructor;
         WeakSet: WeakSetConstructor;
-        clearImmediate: (immediateId: any) => void;
-        clearInterval: (intervalId: Timer) => void;
-        clearTimeout: (timeoutId: Timer) => void;
+        clearImmediate: (immediateId: Immediate) => void;
+        clearInterval: (intervalId: Timeout) => void;
+        clearTimeout: (timeoutId: Timeout) => void;
         console: typeof console;
         decodeURI: typeof decodeURI;
         decodeURIComponent: typeof decodeURIComponent;
@@ -970,9 +997,9 @@ declare namespace NodeJS {
         parseInt: typeof parseInt;
         process: Process;
         root: Global;
-        setImmediate: (callback: (...args: any[]) => void, ...args: any[]) => any;
-        setInterval: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => Timer;
-        setTimeout: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => Timer;
+        setImmediate: (callback: (...args: any[]) => void, ...args: any[]) => Immediate;
+        setInterval: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => Timeout;
+        setTimeout: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => Timeout;
         undefined: typeof undefined;
         unescape: (str: string) => string;
         gc: () => void;
@@ -981,12 +1008,26 @@ declare namespace NodeJS {
 
     interface Timer {
         ref(): void;
+        refresh(): void;
+        unref(): void;
+    }
+
+    class Immediate {
+        ref(): void;
+        unref(): void;
+        _onImmediate: Function; // to distinguish it from the Timeout class
+    }
+
+    class Timeout implements Timer {
+        ref(): void;
+        refresh(): void;
         unref(): void;
     }
 
     class Module {
         static runMain(): void;
         static wrap(code: string): string;
+        static createRequireFromPath(path: string): (path: string) => any;
         static builtinModules: string[];
 
         static Module: typeof Module;
@@ -1951,65 +1992,371 @@ declare module "punycode" {
 }
 
 declare module "repl" {
-    import * as stream from "stream";
-    import * as readline from "readline";
+    import { Interface, Completer, AsyncCompleter } from "readline";
+    import { Context } from "vm";
+    import { InspectOptions } from "util";
 
     interface ReplOptions {
+        /**
+         * The input prompt to display.
+         * Default: `"> "`
+         */
         prompt?: string;
+        /**
+         * The `Readable` stream from which REPL input will be read.
+         * Default: `process.stdin`
+         */
         input?: NodeJS.ReadableStream;
+        /**
+         * The `Writable` stream to which REPL output will be written.
+         * Default: `process.stdout`
+         */
         output?: NodeJS.WritableStream;
+        /**
+         * If `true`, specifies that the output should be treated as a TTY terminal, and have
+         * ANSI/VT100 escape codes written to it.
+         * Default: checking the value of the `isTTY` property on the output stream upon
+         * instantiation.
+         */
         terminal?: boolean;
-        eval?: Function;
+        /**
+         * The function to be used when evaluating each given line of input.
+         * Default: an async wrapper for the JavaScript `eval()` function. An `eval` function can
+         * error with `repl.Recoverable` to indicate the input was incomplete and prompt for
+         * additional lines.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_default_evaluation
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_custom_evaluation_functions
+         */
+        eval?: REPLEval;
+        /**
+         * If `true`, specifies that the default `writer` function should include ANSI color
+         * styling to REPL output. If a custom `writer` function is provided then this has no
+         * effect.
+         * Default: the REPL instance's `terminal` value.
+         */
         useColors?: boolean;
+        /**
+         * If `true`, specifies that the default evaluation function will use the JavaScript
+         * `global` as the context as opposed to creating a new separate context for the REPL
+         * instance. The node CLI REPL sets this value to `true`.
+         * Default: `false`.
+         */
         useGlobal?: boolean;
+        /**
+         * If `true`, specifies that the default writer will not output the return value of a
+         * command if it evaluates to `undefined`.
+         * Default: `false`.
+         */
         ignoreUndefined?: boolean;
-        writer?: Function;
-        completer?: Function;
-        replMode?: any;
-        breakEvalOnSigint?: any;
+        /**
+         * The function to invoke to format the output of each command before writing to `output`.
+         * Default: a wrapper for `util.inspect`.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_customizing_repl_output
+         */
+        writer?: REPLWriter;
+        /**
+         * An optional function used for custom Tab auto completion.
+         *
+         * @see https://nodejs.org/dist/latest-v11.x/docs/api/readline.html#readline_use_of_the_completer_function
+         */
+        completer?: Completer | AsyncCompleter;
+        /**
+         * A flag that specifies whether the default evaluator executes all JavaScript commands in
+         * strict mode or default (sloppy) mode.
+         * Accepted values are:
+         * - `repl.REPL_MODE_SLOPPY` - evaluates expressions in sloppy mode.
+         * - `repl.REPL_MODE_STRICT` - evaluates expressions in strict mode. This is equivalent to
+         *   prefacing every repl statement with `'use strict'`.
+         */
+        replMode?: typeof REPL_MODE_SLOPPY | typeof REPL_MODE_STRICT;
+        /**
+         * Stop evaluating the current piece of code when `SIGINT` is received, i.e. `Ctrl+C` is
+         * pressed. This cannot be used together with a custom `eval` function.
+         * Default: `false`.
+         */
+        breakEvalOnSigint?: boolean;
     }
 
-    interface REPLServer extends readline.ReadLine {
-        context: any;
-        inputStream: NodeJS.ReadableStream;
-        outputStream: NodeJS.WritableStream;
+    type REPLEval = (this: REPLServer, evalCmd: string, context: Context, file: string, cb: (err: Error | null, result: any) => void) => void;
+    type REPLWriter = (this: REPLServer, obj: any) => string;
 
-        defineCommand(keyword: string, cmd: Function | { help: string, action: Function }): void;
+    /**
+     * This is the default "writer" value, if none is passed in the REPL options,
+     * and it can be overridden by custom print functions.
+     */
+    const writer: REPLWriter & { options: InspectOptions };
+
+    type REPLCommandAction = (this: REPLServer, text: string) => void;
+
+    interface REPLCommand {
+        /**
+         * Help text to be displayed when `.help` is entered.
+         */
+        help?: string;
+        /**
+         * The function to execute, optionally accepting a single string argument.
+         */
+        action: REPLCommandAction;
+    }
+
+    /**
+     * Provides a customizable Read-Eval-Print-Loop (REPL).
+     *
+     * Instances of `repl.REPLServer` will accept individual lines of user input, evaluate those
+     * according to a user-defined evaluation function, then output the result. Input and output
+     * may be from `stdin` and `stdout`, respectively, or may be connected to any Node.js `stream`.
+     *
+     * Instances of `repl.REPLServer` support automatic completion of inputs, simplistic Emacs-style
+     * line editing, multi-line inputs, ANSI-styled output, saving and restoring current REPL session
+     * state, error recovery, and customizable evaluation functions.
+     *
+     * Instances of `repl.REPLServer` are created using the `repl.start()` method and _should not_
+     * be created directly using the JavaScript `new` keyword.
+     *
+     * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_repl
+     */
+    class REPLServer extends Interface {
+        /**
+         * The `vm.Context` provided to the `eval` function to be used for JavaScript
+         * evaluation.
+         */
+        readonly context: Context;
+        /**
+         * The `Readable` stream from which REPL input will be read.
+         */
+        readonly inputStream: NodeJS.ReadableStream;
+        /**
+         * The `Writable` stream to which REPL output will be written.
+         */
+        readonly outputStream: NodeJS.WritableStream;
+        /**
+         * The commands registered via `replServer.defineCommand()`.
+         */
+        readonly commands: { readonly [name: string]: REPLCommand | undefined };
+        /**
+         * A value indicating whether the REPL is currently in "editor mode".
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_commands_and_special_keys
+         */
+        readonly editorMode: boolean;
+        /**
+         * A value indicating whether the `_` variable has been assigned.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly underscoreAssigned: boolean;
+        /**
+         * The last evaluation result from the REPL (assigned to the `_` variable inside of the REPL).
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly last: any;
+        /**
+         * A value indicating whether the `_error` variable has been assigned.
+         *
+         * @since v9.8.0
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly underscoreErrAssigned: boolean;
+        /**
+         * The last error raised inside the REPL (assigned to the `_error` variable inside of the REPL).
+         *
+         * @since v9.8.0
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly lastError: any;
+        /**
+         * Specified in the REPL options, this is the function to be used when evaluating each
+         * given line of input. If not specified in the REPL options, this is an async wrapper
+         * for the JavaScript `eval()` function.
+         */
+        readonly eval: REPLEval;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default
+         * `writer` function should include ANSI color styling to REPL output.
+         */
+        readonly useColors: boolean;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default `eval`
+         * function will use the JavaScript `global` as the context as opposed to creating a new
+         * separate context for the REPL instance.
+         */
+        readonly useGlobal: boolean;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default `writer`
+         * function should output the result of a command if it evaluates to `undefined`.
+         */
+        readonly ignoreUndefined: boolean;
+        /**
+         * Specified in the REPL options, this is the function to invoke to format the output of
+         * each command before writing to `outputStream`. If not specified in the REPL options,
+         * this will be a wrapper for `util.inspect`.
+         */
+        readonly writer: REPLWriter;
+        /**
+         * Specified in the REPL options, this is the function to use for custom Tab auto-completion.
+         */
+        readonly completer: Completer | AsyncCompleter;
+        /**
+         * Specified in the REPL options, this is a flag that specifies whether the default `eval`
+         * function should execute all JavaScript commands in strict mode or default (sloppy) mode.
+         * Possible values are:
+         * - `repl.REPL_MODE_SLOPPY` - evaluates expressions in sloppy mode.
+         * - `repl.REPL_MODE_STRICT` - evaluates expressions in strict mode. This is equivalent to
+         *    prefacing every repl statement with `'use strict'`.
+         */
+        readonly replMode: typeof REPL_MODE_SLOPPY | typeof REPL_MODE_STRICT;
+
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of `repl.REPLServer` are created using the `repl.start()` method and
+         * > _should not_ be created directly using the JavaScript `new` keyword.
+         *
+         * `REPLServer` cannot be subclassed due to implementation specifics in NodeJS.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_class_replserver
+         */
+        private constructor();
+
+        /**
+         * Used to add new `.`-prefixed commands to the REPL instance. Such commands are invoked
+         * by typing a `.` followed by the `keyword`.
+         *
+         * @param keyword The command keyword (_without_ a leading `.` character).
+         * @param cmd The function to invoke when the command is processed.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_replserver_definecommand_keyword_cmd
+         */
+        defineCommand(keyword: string, cmd: REPLCommandAction | REPLCommand): void;
+        /**
+         * Readies the REPL instance for input from the user, printing the configured `prompt` to a
+         * new line in the `output` and resuming the `input` to accept new input.
+         *
+         * When multi-line input is being entered, an ellipsis is printed rather than the 'prompt'.
+         *
+         * This method is primarily intended to be called from within the action function for
+         * commands registered using the `replServer.defineCommand()` method.
+         *
+         * @param preserveCursor When `true`, the cursor placement will not be reset to `0`.
+         */
         displayPrompt(preserveCursor?: boolean): void;
+        /**
+         * Clears any command that has been buffered but not yet executed.
+         *
+         * This method is primarily intended to be called from within the action function for
+         * commands registered using the `replServer.defineCommand()` method.
+         *
+         * @since v9.0.0
+         */
+        clearBufferedCommand(): void;
 
         /**
          * events.EventEmitter
-         * 1. exit
-         * 2. reset
+         * 1. close - inherited from `readline.Interface`
+         * 2. line - inherited from `readline.Interface`
+         * 3. pause - inherited from `readline.Interface`
+         * 4. resume - inherited from `readline.Interface`
+         * 5. SIGCONT - inherited from `readline.Interface`
+         * 6. SIGINT - inherited from `readline.Interface`
+         * 7. SIGTSTP - inherited from `readline.Interface`
+         * 8. exit
+         * 9. reset
          */
 
         addListener(event: string, listener: (...args: any[]) => void): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "line", listener: (input: string) => void): this;
+        addListener(event: "pause", listener: () => void): this;
+        addListener(event: "resume", listener: () => void): this;
+        addListener(event: "SIGCONT", listener: () => void): this;
+        addListener(event: "SIGINT", listener: () => void): this;
+        addListener(event: "SIGTSTP", listener: () => void): this;
         addListener(event: "exit", listener: () => void): this;
-        addListener(event: "reset", listener: (...args: any[]) => void): this;
+        addListener(event: "reset", listener: (context: Context) => void): this;
 
         emit(event: string | symbol, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "line", input: string): boolean;
+        emit(event: "pause"): boolean;
+        emit(event: "resume"): boolean;
+        emit(event: "SIGCONT"): boolean;
+        emit(event: "SIGINT"): boolean;
+        emit(event: "SIGTSTP"): boolean;
         emit(event: "exit"): boolean;
-        emit(event: "reset", context: any): boolean;
+        emit(event: "reset", context: Context): boolean;
 
         on(event: string, listener: (...args: any[]) => void): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "line", listener: (input: string) => void): this;
+        on(event: "pause", listener: () => void): this;
+        on(event: "resume", listener: () => void): this;
+        on(event: "SIGCONT", listener: () => void): this;
+        on(event: "SIGINT", listener: () => void): this;
+        on(event: "SIGTSTP", listener: () => void): this;
         on(event: "exit", listener: () => void): this;
-        on(event: "reset", listener: (...args: any[]) => void): this;
+        on(event: "reset", listener: (context: Context) => void): this;
 
         once(event: string, listener: (...args: any[]) => void): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "line", listener: (input: string) => void): this;
+        once(event: "pause", listener: () => void): this;
+        once(event: "resume", listener: () => void): this;
+        once(event: "SIGCONT", listener: () => void): this;
+        once(event: "SIGINT", listener: () => void): this;
+        once(event: "SIGTSTP", listener: () => void): this;
         once(event: "exit", listener: () => void): this;
-        once(event: "reset", listener: (...args: any[]) => void): this;
+        once(event: "reset", listener: (context: Context) => void): this;
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "line", listener: (input: string) => void): this;
+        prependListener(event: "pause", listener: () => void): this;
+        prependListener(event: "resume", listener: () => void): this;
+        prependListener(event: "SIGCONT", listener: () => void): this;
+        prependListener(event: "SIGINT", listener: () => void): this;
+        prependListener(event: "SIGTSTP", listener: () => void): this;
         prependListener(event: "exit", listener: () => void): this;
-        prependListener(event: "reset", listener: (...args: any[]) => void): this;
+        prependListener(event: "reset", listener: (context: Context) => void): this;
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "line", listener: (input: string) => void): this;
+        prependOnceListener(event: "pause", listener: () => void): this;
+        prependOnceListener(event: "resume", listener: () => void): this;
+        prependOnceListener(event: "SIGCONT", listener: () => void): this;
+        prependOnceListener(event: "SIGINT", listener: () => void): this;
+        prependOnceListener(event: "SIGTSTP", listener: () => void): this;
         prependOnceListener(event: "exit", listener: () => void): this;
-        prependOnceListener(event: "reset", listener: (...args: any[]) => void): this;
+        prependOnceListener(event: "reset", listener: (context: Context) => void): this;
     }
 
+    /**
+     * A flag passed in the REPL options. Evaluates expressions in sloppy mode.
+     */
+    export const REPL_MODE_SLOPPY: symbol; // TODO: unique symbol
+
+    /**
+     * A flag passed in the REPL options. Evaluates expressions in strict mode.
+     * This is equivalent to prefacing every repl statement with `'use strict'`.
+     */
+    export const REPL_MODE_STRICT: symbol; // TODO: unique symbol
+
+    /**
+     * Creates and starts a `repl.REPLServer` instance.
+     *
+     * @param options The options for the `REPLServer`. If `options` is a string, then it specifies
+     * the input prompt.
+     */
     function start(options?: string | ReplOptions): REPLServer;
 
+    /**
+     * Indicates a recoverable error that a `REPLServer` can use to support multi-line input.
+     *
+     * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_recoverable_errors
+     */
     class Recoverable extends SyntaxError {
         err: Error;
 
@@ -2029,12 +2376,33 @@ declare module "readline" {
         shift?: boolean;
     }
 
-    interface ReadLine extends events.EventEmitter {
+    class Interface extends events.EventEmitter {
+        readonly terminal: boolean;
+
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of the `readline.Interface` class are constructed using the
+         * > `readline.createInterface()` method.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/readline.html#readline_class_interface
+         */
+        protected constructor(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean);
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of the `readline.Interface` class are constructed using the
+         * > `readline.createInterface()` method.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/readline.html#readline_class_interface
+         */
+        protected constructor(options: ReadLineOptions);
+
         setPrompt(prompt: string): void;
         prompt(preserveCursor?: boolean): void;
         question(query: string, callback: (answer: string) => void): void;
-        pause(): ReadLine;
-        resume(): ReadLine;
+        pause(): this;
+        resume(): this;
         close(): void;
         write(data: string | Buffer, key?: Key): void;
 
@@ -2051,7 +2419,7 @@ declare module "readline" {
 
         addListener(event: string, listener: (...args: any[]) => void): this;
         addListener(event: "close", listener: () => void): this;
-        addListener(event: "line", listener: (input: any) => void): this;
+        addListener(event: "line", listener: (input: string) => void): this;
         addListener(event: "pause", listener: () => void): this;
         addListener(event: "resume", listener: () => void): this;
         addListener(event: "SIGCONT", listener: () => void): this;
@@ -2060,7 +2428,7 @@ declare module "readline" {
 
         emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "close"): boolean;
-        emit(event: "line", input: any): boolean;
+        emit(event: "line", input: string): boolean;
         emit(event: "pause"): boolean;
         emit(event: "resume"): boolean;
         emit(event: "SIGCONT"): boolean;
@@ -2069,7 +2437,7 @@ declare module "readline" {
 
         on(event: string, listener: (...args: any[]) => void): this;
         on(event: "close", listener: () => void): this;
-        on(event: "line", listener: (input: any) => void): this;
+        on(event: "line", listener: (input: string) => void): this;
         on(event: "pause", listener: () => void): this;
         on(event: "resume", listener: () => void): this;
         on(event: "SIGCONT", listener: () => void): this;
@@ -2078,7 +2446,7 @@ declare module "readline" {
 
         once(event: string, listener: (...args: any[]) => void): this;
         once(event: "close", listener: () => void): this;
-        once(event: "line", listener: (input: any) => void): this;
+        once(event: "line", listener: (input: string) => void): this;
         once(event: "pause", listener: () => void): this;
         once(event: "resume", listener: () => void): this;
         once(event: "SIGCONT", listener: () => void): this;
@@ -2087,7 +2455,7 @@ declare module "readline" {
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
         prependListener(event: "close", listener: () => void): this;
-        prependListener(event: "line", listener: (input: any) => void): this;
+        prependListener(event: "line", listener: (input: string) => void): this;
         prependListener(event: "pause", listener: () => void): this;
         prependListener(event: "resume", listener: () => void): this;
         prependListener(event: "SIGCONT", listener: () => void): this;
@@ -2096,7 +2464,7 @@ declare module "readline" {
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
         prependOnceListener(event: "close", listener: () => void): this;
-        prependOnceListener(event: "line", listener: (input: any) => void): this;
+        prependOnceListener(event: "line", listener: (input: string) => void): this;
         prependOnceListener(event: "pause", listener: () => void): this;
         prependOnceListener(event: "resume", listener: () => void): this;
         prependOnceListener(event: "SIGCONT", listener: () => void): this;
@@ -2104,6 +2472,8 @@ declare module "readline" {
         prependOnceListener(event: "SIGTSTP", listener: () => void): this;
     }
 
+    type ReadLine = Interface; // type forwarded for backwards compatiblity
+
     type Completer = (line: string) => CompleterResult;
     type AsyncCompleter = (line: string, callback: (err: any, result: CompleterResult) => void) => any;
 
@@ -2120,11 +2490,11 @@ declare module "readline" {
         removeHistoryDuplicates?: boolean;
     }
 
-    function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;
-    function createInterface(options: ReadLineOptions): ReadLine;
+    function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): Interface;
+    function createInterface(options: ReadLineOptions): Interface;
 
     function cursorTo(stream: NodeJS.WritableStream, x: number, y?: number): void;
-    function emitKeypressEvents(stream: NodeJS.ReadableStream, interface?: ReadLine): void;
+    function emitKeypressEvents(stream: NodeJS.ReadableStream, interface?: Interface): void;
     function moveCursor(stream: NodeJS.WritableStream, dx: number | string, dy: number | string): void;
     function clearLine(stream: NodeJS.WritableStream, dir: number): void;
     function clearScreenDown(stream: NodeJS.WritableStream): void;
@@ -2227,42 +2597,42 @@ declare module "child_process" {
         addListener(event: "close", listener: (code: number, signal: string) => void): this;
         addListener(event: "disconnect", listener: () => void): this;
         addListener(event: "error", listener: (err: Error) => void): this;
-        addListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        addListener(event: "exit", listener: (code: number | null, signal: string | null) => void): this;
         addListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
 
         emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "close", code: number, signal: string): boolean;
         emit(event: "disconnect"): boolean;
         emit(event: "error", err: Error): boolean;
-        emit(event: "exit", code: number, signal: string): boolean;
+        emit(event: "exit", code: number | null, signal: string | null): boolean;
         emit(event: "message", message: any, sendHandle: net.Socket | net.Server): boolean;
 
         on(event: string, listener: (...args: any[]) => void): this;
         on(event: "close", listener: (code: number, signal: string) => void): this;
         on(event: "disconnect", listener: () => void): this;
         on(event: "error", listener: (err: Error) => void): this;
-        on(event: "exit", listener: (code: number, signal: string) => void): this;
+        on(event: "exit", listener: (code: number | null, signal: string | null) => void): this;
         on(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
 
         once(event: string, listener: (...args: any[]) => void): this;
         once(event: "close", listener: (code: number, signal: string) => void): this;
         once(event: "disconnect", listener: () => void): this;
         once(event: "error", listener: (err: Error) => void): this;
-        once(event: "exit", listener: (code: number, signal: string) => void): this;
+        once(event: "exit", listener: (code: number | null, signal: string | null) => void): this;
         once(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
         prependListener(event: "close", listener: (code: number, signal: string) => void): this;
         prependListener(event: "disconnect", listener: () => void): this;
         prependListener(event: "error", listener: (err: Error) => void): this;
-        prependListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        prependListener(event: "exit", listener: (code: number | null, signal: string | null) => void): this;
         prependListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
         prependOnceListener(event: "close", listener: (code: number, signal: string) => void): this;
         prependOnceListener(event: "disconnect", listener: () => void): this;
         prependOnceListener(event: "error", listener: (err: Error) => void): this;
-        prependOnceListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        prependOnceListener(event: "exit", listener: (code: number | null, signal: string | null) => void): this;
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
@@ -2285,6 +2655,7 @@ declare module "child_process" {
         windowsHide?: boolean;
     }
 
+    function spawn(command: string, options?: SpawnOptions): ChildProcess;
     function spawn(command: string, args?: ReadonlyArray<string>, options?: SpawnOptions): ChildProcess;
 
     interface ExecOptions {
@@ -2599,6 +2970,20 @@ declare module "url" {
     function domainToASCII(domain: string): string;
     function domainToUnicode(domain: string): string;
 
+    /**
+     * This function ensures the correct decodings of percent-encoded characters as
+     * well as ensuring a cross-platform valid absolute path string.
+     * @param url The file URL string or URL object to convert to a path.
+     */
+    function fileURLToPath(url: string | URL): string;
+
+    /**
+     * This function ensures that path is resolved absolutely, and that the URL
+     * control characters are correctly encoded when converting into a File URL.
+     * @param url The path to convert to a File URL.
+     */
+    function pathToFileURL(url: string): URL;
+
     interface URLFormatOptions {
         auth?: boolean;
         fragment?: boolean;
@@ -2651,6 +3036,7 @@ declare module "dns" {
         family?: number;
         hints?: number;
         all?: boolean;
+        verbatim?: boolean;
     }
 
     interface LookupOneOptions extends LookupOptions {
@@ -3974,12 +4360,26 @@ declare module "fs" {
      */
     function rmdirSync(path: PathLike): void;
 
+    export interface MakeDirectoryOptions {
+        /**
+         * Indicates whether parent folders should be created.
+         * @default false
+         */
+        recursive?: boolean;
+        /**
+         * A file mode. If a string is passed, it is parsed as an octal integer. If not specified
+         * @default 0o777.
+         */
+        mode?: number;
+    }
+
     /**
      * Asynchronous mkdir(2) - create a directory.
      * @param path A path to a file. If a URL is provided, it must use the `file:` protocol.
-     * @param mode A file mode. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
+     * @param options Either the file mode, or an object optionally specifying the file mode and whether parent folders
+     * should be created. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
      */
-    function mkdir(path: PathLike, mode: number | string | undefined | null, callback: (err: NodeJS.ErrnoException) => void): void;
+    function mkdir(path: PathLike, options: number | string | MakeDirectoryOptions | undefined | null, callback: (err: NodeJS.ErrnoException) => void): void;
 
     /**
      * Asynchronous mkdir(2) - create a directory with a mode of `0o777`.
@@ -3992,17 +4392,19 @@ declare module "fs" {
         /**
          * Asynchronous mkdir(2) - create a directory.
          * @param path A path to a file. If a URL is provided, it must use the `file:` protocol.
-         * @param mode A file mode. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
+         * @param options Either the file mode, or an object optionally specifying the file mode and whether parent folders
+         * should be created. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
          */
-        function __promisify__(path: PathLike, mode?: number | string | null): Promise<void>;
+        function __promisify__(path: PathLike, options?: number | string | MakeDirectoryOptions | null): Promise<void>;
     }
 
     /**
      * Synchronous mkdir(2) - create a directory.
      * @param path A path to a file. If a URL is provided, it must use the `file:` protocol.
-     * @param mode A file mode. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
+     * @param options Either the file mode, or an object optionally specifying the file mode and whether parent folders
+     * should be created. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
      */
-    function mkdirSync(path: PathLike, mode?: number | string | null): void;
+    function mkdirSync(path: PathLike, options?: number | string | MakeDirectoryOptions | null): void;
 
     /**
      * Asynchronously creates a unique temporary directory.
@@ -5299,9 +5701,10 @@ declare module "fs" {
         /**
          * Asynchronous mkdir(2) - create a directory.
          * @param path A path to a file. If a URL is provided, it must use the `file:` protocol.
-         * @param mode A file mode. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
+         * @param options Either the file mode, or an object optionally specifying the file mode and whether parent folders
+         * should be created. If a string is passed, it is parsed as an octal integer. If not specified, defaults to `0o777`.
          */
-        function mkdir(path: PathLike, mode?: string | number): Promise<void>;
+        function mkdir(path: PathLike, options?: number | string | MakeDirectoryOptions | null): Promise<void>;
 
         /**
          * Asynchronous readdir(3) - read a directory.
@@ -5606,7 +6009,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order,
      * until an absolute path is found. If after using all {from} paths still no absolute path is found,
@@ -6209,8 +6612,8 @@ declare module "crypto" {
     interface Signer extends NodeJS.WritableStream {
         update(data: string | Buffer | NodeJS.TypedArray | DataView): Signer;
         update(data: string, input_encoding: Utf8AsciiLatin1Encoding): Signer;
-        sign(private_key: string | { key: string; passphrase: string, padding?: number, saltLength?: number }): Buffer;
-        sign(private_key: string | { key: string; passphrase: string, padding?: number, saltLength?: number }, output_format: HexBase64Latin1Encoding): string;
+        sign(private_key: string | { key: string; passphrase?: string, padding?: number, saltLength?: number }): Buffer;
+        sign(private_key: string | { key: string; passphrase?: string, padding?: number, saltLength?: number }, output_format: HexBase64Latin1Encoding): string;
     }
     function createVerify(algorith: string, options?: stream.WritableOptions): Verify;
     interface Verify extends NodeJS.WritableStream {
@@ -6329,6 +6732,120 @@ declare module "crypto" {
     function timingSafeEqual(a: Buffer | NodeJS.TypedArray | DataView, b: Buffer | NodeJS.TypedArray | DataView): boolean;
     /** @deprecated since v10.0.0 */
     const DEFAULT_ENCODING: string;
+
+    export type KeyType = 'rsa' | 'dsa' | 'ec';
+    export type KeyFormat = 'pem' | 'der';
+
+    interface BasePrivateKeyEncodingOptions<T extends KeyFormat> {
+        format: T;
+        cipher: string;
+        passphrase: string;
+    }
+
+    interface RSAKeyPairOptions<PubF extends KeyFormat, PrivF extends KeyFormat> {
+        /**
+         * Key size in bits
+         */
+        modulusLength: number;
+        /**
+         * @default 0x10001
+         */
+        publicExponent?: number;
+
+        publicKeyEncoding: {
+            type: 'pkcs1' | 'spki';
+            format: PubF;
+        };
+        privateKeyEncoding: BasePrivateKeyEncodingOptions<PrivF> & {
+            type: 'pkcs1' | 'pkcs8';
+        };
+    }
+
+    interface DSAKeyPairOptions<PubF extends KeyFormat, PrivF extends KeyFormat> {
+        /**
+         * Key size in bits
+         */
+        modulusLength: number;
+        /**
+         * Size of q in bits
+         */
+        divisorLength: number;
+
+        publicKeyEncoding: {
+            type: 'spki';
+            format: PubF;
+        };
+        privateKeyEncoding: BasePrivateKeyEncodingOptions<PrivF> & {
+            type: 'pkcs8';
+        };
+    }
+
+    interface ECKeyPairOptions<PubF extends KeyFormat, PrivF extends KeyFormat> {
+        /**
+         * Name of the curve to use.
+         */
+        namedCurve: string;
+
+        publicKeyEncoding: {
+            type: 'pkcs1' | 'spki';
+            format: PubF;
+        };
+        privateKeyEncoding: BasePrivateKeyEncodingOptions<PrivF> & {
+            type: 'sec1' | 'pkcs8';
+        };
+    }
+
+    interface KeyPairSyncResult<T1 extends string | Buffer, T2 extends string | Buffer> {
+        publicKey: T1;
+        privateKey: T2;
+    }
+
+    function generateKeyPairSync(type: 'rsa', options: RSAKeyPairOptions<'pem', 'pem'>): KeyPairSyncResult<string, string>;
+    function generateKeyPairSync(type: 'rsa', options: RSAKeyPairOptions<'pem', 'der'>): KeyPairSyncResult<string, Buffer>;
+    function generateKeyPairSync(type: 'rsa', options: RSAKeyPairOptions<'der', 'pem'>): KeyPairSyncResult<Buffer, string>;
+    function generateKeyPairSync(type: 'rsa', options: RSAKeyPairOptions<'der', 'der'>): KeyPairSyncResult<Buffer, Buffer>;
+
+    function generateKeyPairSync(type: 'dsa', options: DSAKeyPairOptions<'pem', 'pem'>): KeyPairSyncResult<string, string>;
+    function generateKeyPairSync(type: 'dsa', options: DSAKeyPairOptions<'pem', 'der'>): KeyPairSyncResult<string, Buffer>;
+    function generateKeyPairSync(type: 'dsa', options: DSAKeyPairOptions<'der', 'pem'>): KeyPairSyncResult<Buffer, string>;
+    function generateKeyPairSync(type: 'dsa', options: DSAKeyPairOptions<'der', 'der'>): KeyPairSyncResult<Buffer, Buffer>;
+
+    function generateKeyPairSync(type: 'ec', options: ECKeyPairOptions<'pem', 'pem'>): KeyPairSyncResult<string, string>;
+    function generateKeyPairSync(type: 'ec', options: ECKeyPairOptions<'pem', 'der'>): KeyPairSyncResult<string, Buffer>;
+    function generateKeyPairSync(type: 'ec', options: ECKeyPairOptions<'der', 'pem'>): KeyPairSyncResult<Buffer, string>;
+    function generateKeyPairSync(type: 'ec', options: ECKeyPairOptions<'der', 'der'>): KeyPairSyncResult<Buffer, Buffer>;
+
+    function generateKeyPair(type: 'rsa', options: RSAKeyPairOptions<'pem', 'pem'>, callback: (err: Error | null, publicKey: string, privateKey: string) => void): void;
+    function generateKeyPair(type: 'rsa', options: RSAKeyPairOptions<'pem', 'der'>, callback: (err: Error | null, publicKey: string, privateKey: Buffer) => void): void;
+    function generateKeyPair(type: 'rsa', options: RSAKeyPairOptions<'der', 'pem'>, callback: (err: Error | null, publicKey: Buffer, privateKey: string) => void): void;
+    function generateKeyPair(type: 'rsa', options: RSAKeyPairOptions<'der', 'der'>, callback: (err: Error | null, publicKey: Buffer, privateKey: Buffer) => void): void;
+
+    function generateKeyPair(type: 'dsa', options: DSAKeyPairOptions<'pem', 'pem'>, callback: (err: Error | null, publicKey: string, privateKey: string) => void): void;
+    function generateKeyPair(type: 'dsa', options: DSAKeyPairOptions<'pem', 'der'>, callback: (err: Error | null, publicKey: string, privateKey: Buffer) => void): void;
+    function generateKeyPair(type: 'dsa', options: DSAKeyPairOptions<'der', 'pem'>, callback: (err: Error | null, publicKey: Buffer, privateKey: string) => void): void;
+    function generateKeyPair(type: 'dsa', options: DSAKeyPairOptions<'der', 'der'>, callback: (err: Error | null, publicKey: Buffer, privateKey: Buffer) => void): void;
+
+    function generateKeyPair(type: 'ec', options: ECKeyPairOptions<'pem', 'pem'>, callback: (err: Error | null, publicKey: string, privateKey: string) => void): void;
+    function generateKeyPair(type: 'ec', options: ECKeyPairOptions<'pem', 'der'>, callback: (err: Error | null, publicKey: string, privateKey: Buffer) => void): void;
+    function generateKeyPair(type: 'ec', options: ECKeyPairOptions<'der', 'pem'>, callback: (err: Error | null, publicKey: Buffer, privateKey: string) => void): void;
+    function generateKeyPair(type: 'ec', options: ECKeyPairOptions<'der', 'der'>, callback: (err: Error | null, publicKey: Buffer, privateKey: Buffer) => void): void;
+
+    namespace generateKeyPair {
+        function __promisify__(type: "rsa", options: RSAKeyPairOptions<'pem', 'pem'>): Promise<{ publicKey: string, privateKey: string }>;
+        function __promisify__(type: "rsa", options: RSAKeyPairOptions<'pem', 'der'>): Promise<{ publicKey: string, privateKey: Buffer }>;
+        function __promisify__(type: "rsa", options: RSAKeyPairOptions<'der', 'pem'>): Promise<{ publicKey: Buffer, privateKey: string }>;
+        function __promisify__(type: "rsa", options: RSAKeyPairOptions<'der', 'der'>): Promise<{ publicKey: Buffer, privateKey: Buffer }>;
+
+        function __promisify__(type: "dsa", options: DSAKeyPairOptions<'pem', 'pem'>): Promise<{ publicKey: string, privateKey: string }>;
+        function __promisify__(type: "dsa", options: DSAKeyPairOptions<'pem', 'der'>): Promise<{ publicKey: string, privateKey: Buffer }>;
+        function __promisify__(type: "dsa", options: DSAKeyPairOptions<'der', 'pem'>): Promise<{ publicKey: Buffer, privateKey: string }>;
+        function __promisify__(type: "dsa", options: DSAKeyPairOptions<'der', 'der'>): Promise<{ publicKey: Buffer, privateKey: Buffer }>;
+
+        function __promisify__(type: "ec", options: ECKeyPairOptions<'pem', 'pem'>): Promise<{ publicKey: string, privateKey: string }>;
+        function __promisify__(type: "ec", options: ECKeyPairOptions<'pem', 'der'>): Promise<{ publicKey: string, privateKey: Buffer }>;
+        function __promisify__(type: "ec", options: ECKeyPairOptions<'der', 'pem'>): Promise<{ publicKey: Buffer, privateKey: string }>;
+        function __promisify__(type: "ec", options: ECKeyPairOptions<'der', 'der'>): Promise<{ publicKey: Buffer, privateKey: Buffer }>;
+    }
 }
 
 declare module "stream" {
@@ -7204,20 +7721,20 @@ declare module "v8" {
 }
 
 declare module "timers" {
-    function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
+    function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timeout;
     namespace setTimeout {
         function __promisify__(ms: number): Promise<void>;
         function __promisify__<T>(ms: number, value: T): Promise<T>;
     }
-    function clearTimeout(timeoutId: NodeJS.Timer): void;
-    function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-    function clearInterval(intervalId: NodeJS.Timer): void;
-    function setImmediate(callback: (...args: any[]) => void, ...args: any[]): any;
+    function clearTimeout(timeoutId: NodeJS.Timeout): void;
+    function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timeout;
+    function clearInterval(intervalId: NodeJS.Timeout): void;
+    function setImmediate(callback: (...args: any[]) => void, ...args: any[]): NodeJS.Immediate;
     namespace setImmediate {
         function __promisify__(): Promise<void>;
         function __promisify__<T>(value: T): Promise<T>;
     }
-    function clearImmediate(immediateId: any): void;
+    function clearImmediate(immediateId: NodeJS.Immediate): void;
 }
 
 declare module "console" {
@@ -7411,7 +7928,7 @@ declare module "http2" {
 
     export interface ServerStreamResponseOptions {
         endStream?: boolean;
-        getTrailers?: (trailers: OutgoingHttpHeaders) => void;
+        waitForTrailers?: boolean;
     }
 
     export interface StatOptions {
@@ -7436,6 +7953,9 @@ declare module "http2" {
         readonly destroyed: boolean;
         readonly pending: boolean;
         readonly rstCode: number;
+        readonly sentHeaders: OutgoingHttpHeaders;
+        readonly sentInfoHeaders?: OutgoingHttpHeaders[];
+        readonly sentTrailers?: OutgoingHttpHeaders;
         readonly session: Http2Session;
         readonly state: StreamState;
         /**
@@ -7461,6 +7981,7 @@ declare module "http2" {
         addListener(event: "streamClosed", listener: (code: number) => void): this;
         addListener(event: "timeout", listener: () => void): this;
         addListener(event: "trailers", listener: (trailers: IncomingHttpHeaders, flags: number) => void): this;
+        addListener(event: "wantTrailers", listener: () => void): this;
 
         emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "aborted"): boolean;
@@ -7476,6 +7997,7 @@ declare module "http2" {
         emit(event: "streamClosed", code: number): boolean;
         emit(event: "timeout"): boolean;
         emit(event: "trailers", trailers: IncomingHttpHeaders, flags: number): boolean;
+        emit(event: "wantTrailers"): boolean;
 
         on(event: string, listener: (...args: any[]) => void): this;
         on(event: "aborted", listener: () => void): this;
@@ -7491,6 +8013,7 @@ declare module "http2" {
         on(event: "streamClosed", listener: (code: number) => void): this;
         on(event: "timeout", listener: () => void): this;
         on(event: "trailers", listener: (trailers: IncomingHttpHeaders, flags: number) => void): this;
+        on(event: "wantTrailers", listener: () => void): this;
 
         once(event: string, listener: (...args: any[]) => void): this;
         once(event: "aborted", listener: () => void): this;
@@ -7506,6 +8029,7 @@ declare module "http2" {
         once(event: "streamClosed", listener: (code: number) => void): this;
         once(event: "timeout", listener: () => void): this;
         once(event: "trailers", listener: (trailers: IncomingHttpHeaders, flags: number) => void): this;
+        once(event: "wantTrailers", listener: () => void): this;
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
         prependListener(event: "aborted", listener: () => void): this;
@@ -7521,6 +8045,7 @@ declare module "http2" {
         prependListener(event: "streamClosed", listener: (code: number) => void): this;
         prependListener(event: "timeout", listener: () => void): this;
         prependListener(event: "trailers", listener: (trailers: IncomingHttpHeaders, flags: number) => void): this;
+        prependListener(event: "wantTrailers", listener: () => void): this;
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
         prependOnceListener(event: "aborted", listener: () => void): this;
@@ -7536,6 +8061,9 @@ declare module "http2" {
         prependOnceListener(event: "streamClosed", listener: (code: number) => void): this;
         prependOnceListener(event: "timeout", listener: () => void): this;
         prependOnceListener(event: "trailers", listener: (trailers: IncomingHttpHeaders, flags: number) => void): this;
+        prependOnceListener(event: "wantTrailers", listener: () => void): this;
+
+        sendTrailers(headers: OutgoingHttpHeaders): this;
     }
 
     export interface ClientHttp2Stream extends Http2Stream {
@@ -7645,6 +8173,7 @@ declare module "http2" {
         addListener(event: "localSettings", listener: (settings: Settings) => void): this;
         addListener(event: "remoteSettings", listener: (settings: Settings) => void): this;
         addListener(event: "timeout", listener: () => void): this;
+        addListener(event: "ping", listener: () => void): this;
 
         emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "close"): boolean;
@@ -7654,6 +8183,7 @@ declare module "http2" {
         emit(event: "localSettings", settings: Settings): boolean;
         emit(event: "remoteSettings", settings: Settings): boolean;
         emit(event: "timeout"): boolean;
+        emit(event: "ping"): boolean;
 
         on(event: string, listener: (...args: any[]) => void): this;
         on(event: "close", listener: () => void): this;
@@ -7663,6 +8193,7 @@ declare module "http2" {
         on(event: "localSettings", listener: (settings: Settings) => void): this;
         on(event: "remoteSettings", listener: (settings: Settings) => void): this;
         on(event: "timeout", listener: () => void): this;
+        on(event: "ping", listener: () => void): this;
 
         once(event: string, listener: (...args: any[]) => void): this;
         once(event: "close", listener: () => void): this;
@@ -7672,6 +8203,7 @@ declare module "http2" {
         once(event: "localSettings", listener: (settings: Settings) => void): this;
         once(event: "remoteSettings", listener: (settings: Settings) => void): this;
         once(event: "timeout", listener: () => void): this;
+        once(event: "ping", listener: () => void): this;
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
         prependListener(event: "close", listener: () => void): this;
@@ -7681,6 +8213,7 @@ declare module "http2" {
         prependListener(event: "localSettings", listener: (settings: Settings) => void): this;
         prependListener(event: "remoteSettings", listener: (settings: Settings) => void): this;
         prependListener(event: "timeout", listener: () => void): this;
+        prependListener(event: "ping", listener: () => void): this;
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
         prependOnceListener(event: "close", listener: () => void): this;
@@ -7690,6 +8223,7 @@ declare module "http2" {
         prependOnceListener(event: "localSettings", listener: (settings: Settings) => void): this;
         prependOnceListener(event: "remoteSettings", listener: (settings: Settings) => void): this;
         prependOnceListener(event: "timeout", listener: () => void): this;
+        prependOnceListener(event: "ping", listener: () => void): this;
     }
 
     export interface ClientHttp2Session extends Http2Session {
@@ -7879,7 +8413,8 @@ declare module "http2" {
         prependOnceListener(event: "unknownProtocol", listener: (socket: tls.TLSSocket) => void): this;
     }
 
-    export interface Http2ServerRequest extends stream.Readable {
+    export class Http2ServerRequest extends stream.Readable {
+        private constructor();
         headers: IncomingHttpHeaders;
         httpVersion: string;
         method: string;
@@ -7910,7 +8445,8 @@ declare module "http2" {
         prependOnceListener(event: "aborted", listener: (hadError: boolean, code: number) => void): this;
     }
 
-    export interface Http2ServerResponse extends events.EventEmitter {
+    export class Http2ServerResponse extends events.EventEmitter {
+        private constructor();
         addTrailers(trailers: OutgoingHttpHeaders): void;
         connection: net.Socket | tls.TLSSocket;
         end(callback?: () => void): void;
diff --git a/types/node/node-tests.ts b/types/node/node-tests.ts
index 8c3a8f6f8b..c59ed08064 100644
--- a/types/node/node-tests.ts
+++ b/types/node/node-tests.ts
@@ -414,6 +414,19 @@ import { Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer } from "buff
         const cf = util.promisify(fs.copyFile);
         cf('/path/to/src', '/path/to/dest', fs.constants.COPYFILE_EXCL).then(console.log);
     }
+
+    {
+        fs.mkdir('some/test/path', {
+            recursive: true,
+            mode: 0o777,
+        }, () => {
+        });
+
+        fs.mkdirSync('some/test/path', {
+            recursive: true,
+            mode: 0o777,
+        });
+    }
 }
 
 ///////////////////////////////////////////////////////
@@ -763,6 +776,15 @@ function bufferTests() {
         ]);
         assert.equal(params.toString(), 'user=abc&query=first&query=second');
     }
+
+    {
+        let path: string = url.fileURLToPath('file://test');
+        path = url.fileURLToPath(new url.URL('file://test'));
+    }
+
+    {
+        const path: url.URL = url.pathToFileURL('file://test');
+    }
 }
 
 /////////////////////////////////////////////////////
@@ -781,7 +803,10 @@ function bufferTests() {
             showProxy: true,
             maxArrayLength: 10,
             breakLength: 20,
-            compact: true
+            compact: true,
+            sorted(a, b) {
+                return b.localeCompare(a);
+            },
         });
         util.inspect(["This is nice"], {
             colors: true,
@@ -790,7 +815,8 @@ function bufferTests() {
             showProxy: true,
             maxArrayLength: null,
             breakLength: Infinity,
-            compact: false
+            compact: false,
+            sorted: true,
         });
         assert(typeof util.inspect.custom === 'symbol');
 
@@ -1475,6 +1501,161 @@ async function asyncStreamPipelineFinished() {
         ret = crypto.ECDH.convertKey(key, curve, "hex", "hex", "compressed");
         ret = crypto.ECDH.convertKey(key, curve, "hex", "hex", "hybrid");
     }
+
+    {
+        const rsaRes: {
+            publicKey: Buffer;
+            privateKey: string;
+        } = crypto.generateKeyPairSync('rsa', {
+            modulusLength: 123,
+            publicKeyEncoding: {
+                format: 'der',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+
+        const dsaRes: {
+            publicKey: string;
+            privateKey: Buffer;
+        } = crypto.generateKeyPairSync('dsa', {
+            modulusLength: 123,
+            divisorLength: 123,
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'spki',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'der',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+
+        const ecRes: {
+            publicKey: string;
+            privateKey: string;
+        } = crypto.generateKeyPairSync('ec', {
+            namedCurve: 'curve',
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+    }
+
+    {
+        crypto.generateKeyPair('rsa', {
+            modulusLength: 123,
+            publicKeyEncoding: {
+                format: 'der',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        }, (err: NodeJS.ErrnoException | null, publicKey: Buffer, privateKey: string) => {});
+
+        crypto.generateKeyPair('dsa', {
+            modulusLength: 123,
+            divisorLength: 123,
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'spki',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'der',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        }, (err: NodeJS.ErrnoException | null, publicKey: string, privateKey: Buffer) => {});
+
+        crypto.generateKeyPair('ec', {
+            namedCurve: 'curve',
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        }, (err: NodeJS.ErrnoException | null, publicKey: string, privateKey: string) => {});
+    }
+
+    {
+        const generateKeyPairPromisified = util.promisify(crypto.generateKeyPair);
+
+        const rsaRes: Promise<{
+            publicKey: Buffer;
+            privateKey: string;
+        }> = generateKeyPairPromisified('rsa', {
+            modulusLength: 123,
+            publicKeyEncoding: {
+                format: 'der',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+
+        const dsaRes: Promise<{
+            publicKey: string;
+            privateKey: Buffer;
+        }> = generateKeyPairPromisified('dsa', {
+            modulusLength: 123,
+            divisorLength: 123,
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'spki',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'der',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+
+        const ecRes: Promise<{
+            publicKey: string;
+            privateKey: string;
+        }> = generateKeyPairPromisified('ec', {
+            namedCurve: 'curve',
+            publicKeyEncoding: {
+                format: 'pem',
+                type: 'pkcs1',
+            },
+            privateKeyEncoding: {
+                cipher: 'some-cipher',
+                format: 'pem',
+                passphrase: 'secret',
+                type: 'pkcs8',
+            },
+        });
+    }
 }
 
 //////////////////////////////////////////////////
@@ -2455,6 +2636,8 @@ async function asyncStreamPipelineFinished() {
     {
         childProcess.exec("echo test");
         childProcess.exec("echo test", { windowsHide: true });
+        childProcess.spawn("echo");
+        childProcess.spawn("echo", { windowsHide: true });
         childProcess.spawn("echo", ["test"], { windowsHide: true });
         childProcess.spawn("echo", ["test"], { windowsHide: true, argv0: "echo-test" });
         childProcess.spawn("echo", ["test"], { stdio: [0xdeadbeef, "inherit", undefined, "pipe"] });
@@ -3087,6 +3270,7 @@ import * as p from "process";
         process.prependOnceListener("SIGBREAK", () => { });
         process.on("newListener", (event: string | symbol, listener: Function) => { });
         process.once("removeListener", (event: string | symbol, listener: Function) => { });
+        process.on("multipleResolves", (type: NodeJS.MultipleResolveType, prom: Promise<any>, value: any) => {});
 
         const listeners = process.listeners('uncaughtException');
         const oldHandler = listeners[listeners.length - 1];
@@ -3100,7 +3284,7 @@ import * as p from "process";
         const b: boolean = process.hasUncaughtExceptionCaptureCallback();
     }
     {
-        process.allowedNodeEnvironmentFlags.has('asdf');
+        // process.allowedNodeEnvironmentFlags.has('asdf');
     }
 }
 
@@ -3115,7 +3299,23 @@ import * as p from "process";
     }
     {
         const writeStream = fs.createWriteStream('./index.d.ts');
-        const consoleInstance = new console.Console(writeStream);
+        let consoleInstance: Console = new console.Console(writeStream);
+
+        consoleInstance = new console.Console(writeStream, writeStream);
+        consoleInstance = new console.Console(writeStream, writeStream, true);
+        consoleInstance = new console.Console({
+            stdout: writeStream,
+            stderr: writeStream,
+            colorMode: 'auto',
+            ignoreErrors: true
+        });
+        consoleInstance = new console.Console({
+            stdout: writeStream,
+            colorMode: false
+        });
+        consoleInstance = new console.Console({
+            stdout: writeStream
+        });
     }
 }
 
@@ -3420,7 +3620,7 @@ import * as p from "process";
     {
         let _server: repl.REPLServer;
         let _boolean: boolean;
-        const _ctx: any = 1;
+        const _ctx: vm.Context = {};
 
         _server = _server.addListener("exit", () => { });
         _server = _server.addListener("reset", () => { });
@@ -3443,6 +3643,37 @@ import * as p from "process";
         _server.outputStream.write("test");
         const line = _server.inputStream.read();
 
+        _server.clearBufferedCommand();
+        _server.displayPrompt();
+        _server.displayPrompt(true);
+        _server.defineCommand("cmd", function(text) {
+            // $ExpectType string
+            text;
+            // $ExpectType REPLServer
+            this;
+        });
+        _server.defineCommand("cmd", {
+            help: "",
+            action(text) {
+                // $ExpectType string
+                text;
+                // $ExpectType REPLServer
+                this;
+            }
+        });
+
+        repl.start({
+            eval() {
+                // $ExpectType REPLServer
+                this;
+            },
+            writer() {
+                // $ExpectType REPLServer
+                this;
+                return "";
+            }
+        });
+
         function test() {
             throw new repl.Recoverable(new Error("test"));
         }
@@ -3491,6 +3722,10 @@ import * as p from "process";
         const _err: NodeJS.ErrnoException = err;
         const _address: dns.LookupAddress[] = addresses;
     });
+    dns.lookup("nodejs.org", { all: true, verbatim: true }, (err, addresses) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: dns.LookupAddress[] = addresses;
+    });
 
     function trueOrFalse(): boolean {
         return Math.random() > 0.5 ? true : false;
@@ -3859,6 +4094,7 @@ import * as constants from 'constants';
         http2Session.on('remoteSettings', (settings: http2.Settings) => {});
         http2Session.on('stream', (stream: http2.Http2Stream, headers: http2.IncomingHttpHeaders, flags: number) => {});
         http2Session.on('timeout', () => {});
+        http2Session.on('ping', () => {});
 
         http2Session.destroy();
 
@@ -3933,6 +4169,7 @@ import * as constants from 'constants';
         http2Stream.on('streamClosed', (code: number) => {});
         http2Stream.on('timeout', () => {});
         http2Stream.on('trailers', (trailers: http2.IncomingHttpHeaders, flags: number) => {});
+        http2Stream.on('wantTrailers', () => {});
 
         const aborted: boolean = http2Stream.aborted;
         const closed: boolean = http2Stream.closed;
@@ -3984,7 +4221,7 @@ import * as constants from 'constants';
 
         const options: http2.ServerStreamResponseOptions = {
             endStream: true,
-            getTrailers: (trailers: http2.OutgoingHttpHeaders) => {}
+            waitForTrailers: true,
         };
         serverHttp2Stream.respond();
         serverHttp2Stream.respond(headers);
@@ -4436,6 +4673,7 @@ import * as constants from 'constants';
 ////////////////////////////////////////////////////
 /// module tests : http://nodejs.org/api/modules.html
 ////////////////////////////////////////////////////
+import moduleModule = require('module');
 
 {
     require.extensions[".ts"] = () => "";
@@ -4448,6 +4686,8 @@ import * as constants from 'constants';
     const b: string[] = Module.builtinModules;
     let paths: string[] = module.paths;
     paths = m1.paths;
+
+    moduleModule.createRequireFromPath('./test')('test');
 }
 
 ////////////////////////////////////////////////////
diff --git a/types/node/v0/index.d.ts b/types/node/v0/index.d.ts
index 3bc1b3ed5d..1f29bbcc10 100644
--- a/types/node/v0/index.d.ts
+++ b/types/node/v0/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for Node.js 0.12
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /************************************************
@@ -1482,7 +1483,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
diff --git a/types/node/v0/tslint.json b/types/node/v0/tslint.json
index c752378347..88843a11f1 100644
--- a/types/node/v0/tslint.json
+++ b/types/node/v0/tslint.json
@@ -8,7 +8,6 @@
     "ban-types": false,
     "callable-types": false,
     "comment-format": false,
-    "dt-header": false,
     "import-spacing": false,
     "interface-over-type-literal": false,
     "jsdoc-format": false,
diff --git a/types/node/v4/index.d.ts b/types/node/v4/index.d.ts
index 6ebd6b2839..26210a1857 100644
--- a/types/node/v4/index.d.ts
+++ b/types/node/v4/index.d.ts
@@ -1,7 +1,7 @@
-// Type definitions for Node.js 4.x
+// Type definitions for Node.js 4.9
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-//                 DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 //                 Sebastian Silbermann <https://github.com/eps1lon>
 //                 Sander Koenders <https://github.com/Archcry>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -1229,7 +1229,7 @@ declare module "child_process" {
         stdin:  stream.Writable;
         stdout: stream.Readable;
         stderr: stream.Readable;
-        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        stdio: StdioStreams;
         killed: boolean;
         pid: number;
         kill(signal?: string): void;
@@ -1239,6 +1239,12 @@ declare module "child_process" {
         unref(): void;
     }
 
+    export interface StdioStreams extends ReadonlyArray<stream.Readable|stream.Writable> {
+        0: stream.Writable; // stdin
+        1: stream.Readable; // stdout
+        2: stream.Readable; // stderr
+    }
+
     export interface SpawnOptions {
         cwd?: string;
         env?: any;
@@ -2049,7 +2055,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
diff --git a/types/node/v4/tslint.json b/types/node/v4/tslint.json
index 518f58df03..fb3c172995 100644
--- a/types/node/v4/tslint.json
+++ b/types/node/v4/tslint.json
@@ -8,7 +8,6 @@
     "ban-types": false,
     "callable-types": false,
     "comment-format": false,
-    "dt-header": false,
     "import-spacing": false,
     "interface-over-type-literal": false,
     "jsdoc-format": false,
diff --git a/types/node/v6/index.d.ts b/types/node/v6/index.d.ts
index 8a9ee77904..5ed74da702 100644
--- a/types/node/v6/index.d.ts
+++ b/types/node/v6/index.d.ts
@@ -1,7 +1,7 @@
-// Type definitions for Node.js v6.x
+// Type definitions for Node.js 6.14
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-//                 DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 //                 Wilco Bakker <https://github.com/WilcoBakker>
 //                 Thomas Bouldin <https://github.com/inlined>
 //                 Sebastian Silbermann <https://github.com/eps1lon>
@@ -1743,7 +1743,7 @@ declare module "child_process" {
         stdin: stream.Writable;
         stdout: stream.Readable;
         stderr: stream.Readable;
-        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        stdio: StdioStreams;
         killed: boolean;
         pid: number;
         kill(signal?: string): void;
@@ -1805,6 +1805,12 @@ declare module "child_process" {
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
+    export interface StdioStreams extends ReadonlyArray<stream.Readable|stream.Writable> {
+        0: stream.Writable; // stdin
+        1: stream.Readable; // stdout
+        2: stream.Readable; // stderr
+    }
+
     export interface SpawnOptions {
         cwd?: string;
         env?: any;
@@ -3034,7 +3040,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
@@ -3611,8 +3617,8 @@ declare module "crypto" {
     export interface Signer extends NodeJS.WritableStream {
         update(data: string | Buffer): Signer;
         update(data: string | Buffer, input_encoding: Utf8AsciiLatin1Encoding): Signer;
-        sign(private_key: string | { key: string; passphrase: string }): Buffer;
-        sign(private_key: string | { key: string; passphrase: string }, output_format: HexBase64Latin1Encoding): string;
+        sign(private_key: string | { key: string; passphrase?: string }): Buffer;
+        sign(private_key: string | { key: string; passphrase?: string }, output_format: HexBase64Latin1Encoding): string;
     }
     export function createVerify(algorith: string): Verify;
     export interface Verify extends NodeJS.WritableStream {
diff --git a/types/node/v6/tslint.json b/types/node/v6/tslint.json
index 82d575f726..a1956bd303 100644
--- a/types/node/v6/tslint.json
+++ b/types/node/v6/tslint.json
@@ -8,7 +8,6 @@
     "ban-types": false,
     "callable-types": false,
     "comment-format": false,
-    "dt-header": false,
     "import-spacing": false,
     "interface-over-type-literal": false,
     "jsdoc-format": false,
diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index 11dc0e4f5a..932d988912 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -1,7 +1,7 @@
-// Type definitions for Node.js v7.x
+// Type definitions for Node.js 7.10
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-//                 DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 //                 Parambir Singh <https://github.com/parambirs>
 //                 Christian Vaagland Tellnes <https://github.com/tellnes>
 //                 Wilco Bakker <https://github.com/WilcoBakker>
@@ -1785,7 +1785,7 @@ declare module "child_process" {
         stdin: stream.Writable;
         stdout: stream.Readable;
         stderr: stream.Readable;
-        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        stdio: StdioStreams;
         killed: boolean;
         pid: number;
         kill(signal?: string): void;
@@ -1847,6 +1847,12 @@ declare module "child_process" {
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
+    export interface StdioStreams extends ReadonlyArray<stream.Readable|stream.Writable> {
+        0: stream.Writable; // stdin
+        1: stream.Readable; // stdout
+        2: stream.Readable; // stderr
+    }
+
     export interface SpawnOptions {
         cwd?: string;
         env?: any;
@@ -3059,7 +3065,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
@@ -3648,8 +3654,8 @@ declare module "crypto" {
     export interface Signer extends NodeJS.WritableStream {
         update(data: string | Buffer): Signer;
         update(data: string | Buffer, input_encoding: Utf8AsciiLatin1Encoding): Signer;
-        sign(private_key: string | { key: string; passphrase: string }): Buffer;
-        sign(private_key: string | { key: string; passphrase: string }, output_format: HexBase64Latin1Encoding): string;
+        sign(private_key: string | { key: string; passphrase?: string }): Buffer;
+        sign(private_key: string | { key: string; passphrase?: string }, output_format: HexBase64Latin1Encoding): string;
     }
     export function createVerify(algorith: string): Verify;
     export interface Verify extends NodeJS.WritableStream {
diff --git a/types/node/v7/tslint.json b/types/node/v7/tslint.json
index 518f58df03..fb3c172995 100644
--- a/types/node/v7/tslint.json
+++ b/types/node/v7/tslint.json
@@ -8,7 +8,6 @@
     "ban-types": false,
     "callable-types": false,
     "comment-format": false,
-    "dt-header": false,
     "import-spacing": false,
     "interface-over-type-literal": false,
     "jsdoc-format": false,
diff --git a/types/node/v8/index.d.ts b/types/node/v8/index.d.ts
index c30c59c5c3..6a2ca10859 100644
--- a/types/node/v8/index.d.ts
+++ b/types/node/v8/index.d.ts
@@ -1,7 +1,7 @@
-// Type definitions for Node.js 8.10.x
+// Type definitions for Node.js 8.10
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-//                 DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 //                 Parambir Singh <https://github.com/parambirs>
 //                 Christian Vaagland Tellnes <https://github.com/tellnes>
 //                 Wilco Bakker <https://github.com/WilcoBakker>
@@ -2023,12 +2023,11 @@ declare module "child_process" {
     import * as events from "events";
     import * as stream from "stream";
     import * as net from "net";
-
     export interface ChildProcess extends events.EventEmitter {
         stdin: stream.Writable;
         stdout: stream.Readable;
         stderr: stream.Readable;
-        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        stdio: StdioStreams;
         killed: boolean;
         pid: number;
         kill(signal?: string): void;
@@ -2092,6 +2091,12 @@ declare module "child_process" {
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
+    export interface StdioStreams extends ReadonlyArray<stream.Readable|stream.Writable> {
+        0: stream.Writable; // stdin
+        1: stream.Readable; // stdout
+        2: stream.Readable; // stderr
+    }
+
     export interface MessageOptions {
         keepOpen?: boolean;
     }
@@ -2429,6 +2434,7 @@ declare module "dns" {
         family?: number;
         hints?: number;
         all?: boolean;
+        verbatim?: boolean;
     }
 
     export interface LookupOneOptions extends LookupOptions {
@@ -4764,7 +4770,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
@@ -5321,8 +5327,8 @@ declare module "crypto" {
     export interface Signer extends NodeJS.WritableStream {
         update(data: string | Buffer | DataView): Signer;
         update(data: string | Buffer | DataView, input_encoding: Utf8AsciiLatin1Encoding): Signer;
-        sign(private_key: string | { key: string; passphrase: string }): Buffer;
-        sign(private_key: string | { key: string; passphrase: string }, output_format: HexBase64Latin1Encoding): string;
+        sign(private_key: string | { key: string; passphrase?: string }): Buffer;
+        sign(private_key: string | { key: string; passphrase?: string }, output_format: HexBase64Latin1Encoding): string;
     }
     export function createVerify(algorith: string): Verify;
     export interface Verify extends NodeJS.WritableStream {
@@ -6783,7 +6789,8 @@ declare module "http2" {
         prependOnceListener(event: "unknownProtocol", listener: (socket: tls.TLSSocket) => void): this;
     }
 
-    export interface Http2ServerRequest extends stream.Readable {
+    export class Http2ServerRequest extends stream.Readable {
+        private constructor();
         headers: IncomingHttpHeaders;
         httpVersion: string;
         method: string;
@@ -6814,7 +6821,8 @@ declare module "http2" {
         prependOnceListener(event: "aborted", listener: (hadError: boolean, code: number) => void): this;
     }
 
-    export interface Http2ServerResponse extends events.EventEmitter {
+    export class Http2ServerResponse extends events.EventEmitter {
+        private constructor();
         addTrailers(trailers: OutgoingHttpHeaders): void;
         connection: net.Socket | tls.TLSSocket;
         end(callback?: () => void): void;
diff --git a/types/node/v8/node-tests.ts b/types/node/v8/node-tests.ts
index e1d14b9089..aa67464043 100644
--- a/types/node/v8/node-tests.ts
+++ b/types/node/v8/node-tests.ts
@@ -3075,6 +3075,10 @@ namespace dns_tests {
         const _err: NodeJS.ErrnoException = err;
         const _address: dns.LookupAddress[] = addresses;
     });
+    dns.lookup("nodejs.org", { all: true, verbatim: true }, (err, addresses) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: dns.LookupAddress[] = addresses;
+    });
 
     function trueOrFalse(): boolean {
         return Math.random() > 0.5 ? true : false;
diff --git a/types/node/v8/tslint.json b/types/node/v8/tslint.json
index 45064d266f..4c1432c003 100644
--- a/types/node/v8/tslint.json
+++ b/types/node/v8/tslint.json
@@ -14,6 +14,7 @@
     "no-namespace": false,
     "no-redundant-jsdoc": false,
     "no-redundant-jsdoc-2": false,
+    "no-single-declare-module": false,
     "no-unnecessary-class": false,
     "no-unnecessary-generics": false,
     "no-unnecessary-qualifier": false,
diff --git a/types/node/v9/index.d.ts b/types/node/v9/index.d.ts
index 0c77d826b9..4678c59c74 100644
--- a/types/node/v9/index.d.ts
+++ b/types/node/v9/index.d.ts
@@ -1,7 +1,7 @@
-// Type definitions for Node.js 9.6.x
+// Type definitions for Node.js 9.6
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-//                 DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <https://github.com/Microsoft>
+//                 DefinitelyTyped <https://github.com/DefinitelyTyped>
 //                 Parambir Singh <https://github.com/parambirs>
 //                 Christian Vaagland Tellnes <https://github.com/tellnes>
 //                 Wilco Bakker <https://github.com/WilcoBakker>
@@ -1881,66 +1881,372 @@ declare module "punycode" {
 }
 
 declare module "repl" {
-    import * as stream from "stream";
-    import * as readline from "readline";
+    import { Interface, Completer, AsyncCompleter } from "readline";
+    import { Context } from "vm";
+    import { InspectOptions } from "util";
 
-    export interface ReplOptions {
+    interface ReplOptions {
+        /**
+         * The input prompt to display.
+         * Default: `"> "`
+         */
         prompt?: string;
+        /**
+         * The `Readable` stream from which REPL input will be read.
+         * Default: `process.stdin`
+         */
         input?: NodeJS.ReadableStream;
+        /**
+         * The `Writable` stream to which REPL output will be written.
+         * Default: `process.stdout`
+         */
         output?: NodeJS.WritableStream;
+        /**
+         * If `true`, specifies that the output should be treated as a TTY terminal, and have
+         * ANSI/VT100 escape codes written to it.
+         * Default: checking the value of the `isTTY` property on the output stream upon
+         * instantiation.
+         */
         terminal?: boolean;
-        eval?: Function;
+        /**
+         * The function to be used when evaluating each given line of input.
+         * Default: an async wrapper for the JavaScript `eval()` function. An `eval` function can
+         * error with `repl.Recoverable` to indicate the input was incomplete and prompt for
+         * additional lines.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_default_evaluation
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_custom_evaluation_functions
+         */
+        eval?: REPLEval;
+        /**
+         * If `true`, specifies that the default `writer` function should include ANSI color
+         * styling to REPL output. If a custom `writer` function is provided then this has no
+         * effect.
+         * Default: the REPL instance's `terminal` value.
+         */
         useColors?: boolean;
+        /**
+         * If `true`, specifies that the default evaluation function will use the JavaScript
+         * `global` as the context as opposed to creating a new separate context for the REPL
+         * instance. The node CLI REPL sets this value to `true`.
+         * Default: `false`.
+         */
         useGlobal?: boolean;
+        /**
+         * If `true`, specifies that the default writer will not output the return value of a
+         * command if it evaluates to `undefined`.
+         * Default: `false`.
+         */
         ignoreUndefined?: boolean;
-        writer?: Function;
-        completer?: Function;
-        replMode?: any;
-        breakEvalOnSigint?: any;
+        /**
+         * The function to invoke to format the output of each command before writing to `output`.
+         * Default: a wrapper for `util.inspect`.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_customizing_repl_output
+         */
+        writer?: REPLWriter;
+        /**
+         * An optional function used for custom Tab auto completion.
+         *
+         * @see https://nodejs.org/dist/latest-v11.x/docs/api/readline.html#readline_use_of_the_completer_function
+         */
+        completer?: Completer | AsyncCompleter;
+        /**
+         * A flag that specifies whether the default evaluator executes all JavaScript commands in
+         * strict mode or default (sloppy) mode.
+         * Accepted values are:
+         * - `repl.REPL_MODE_SLOPPY` - evaluates expressions in sloppy mode.
+         * - `repl.REPL_MODE_STRICT` - evaluates expressions in strict mode. This is equivalent to
+         *   prefacing every repl statement with `'use strict'`.
+         */
+        replMode?: typeof REPL_MODE_SLOPPY | typeof REPL_MODE_STRICT;
+        /**
+         * Stop evaluating the current piece of code when `SIGINT` is received, i.e. `Ctrl+C` is
+         * pressed. This cannot be used together with a custom `eval` function.
+         * Default: `false`.
+         */
+        breakEvalOnSigint?: boolean;
     }
 
-    export interface REPLServer extends readline.ReadLine {
-        context: any;
-        inputStream: NodeJS.ReadableStream;
-        outputStream: NodeJS.WritableStream;
+    type REPLEval = (this: REPLServer, evalCmd: string, context: Context, file: string, cb: (err: Error | null, result: any) => void) => void;
+    type REPLWriter = (this: REPLServer, obj: any) => string;
 
-        defineCommand(keyword: string, cmd: Function | { help: string, action: Function }): void;
+    /**
+     * This is the default "writer" value, if none is passed in the REPL options,
+     * and it can be overridden by custom print functions.
+     */
+    const writer: REPLWriter & { options: InspectOptions };
+
+    type REPLCommandAction = (this: REPLServer, text: string) => void;
+
+    interface REPLCommand {
+        /**
+         * Help text to be displayed when `.help` is entered.
+         */
+        help?: string;
+        /**
+         * The function to execute, optionally accepting a single string argument.
+         */
+        action: REPLCommandAction;
+    }
+
+    /**
+     * Provides a customizable Read-Eval-Print-Loop (REPL).
+     *
+     * Instances of `repl.REPLServer` will accept individual lines of user input, evaluate those
+     * according to a user-defined evaluation function, then output the result. Input and output
+     * may be from `stdin` and `stdout`, respectively, or may be connected to any Node.js `stream`.
+     *
+     * Instances of `repl.REPLServer` support automatic completion of inputs, simplistic Emacs-style
+     * line editing, multi-line inputs, ANSI-styled output, saving and restoring current REPL session
+     * state, error recovery, and customizable evaluation functions.
+     *
+     * Instances of `repl.REPLServer` are created using the `repl.start()` method and _should not_
+     * be created directly using the JavaScript `new` keyword.
+     *
+     * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_repl
+     */
+    class REPLServer extends Interface {
+        /**
+         * The `vm.Context` provided to the `eval` function to be used for JavaScript
+         * evaluation.
+         */
+        readonly context: Context;
+        /**
+         * The `Readable` stream from which REPL input will be read.
+         */
+        readonly inputStream: NodeJS.ReadableStream;
+        /**
+         * The `Writable` stream to which REPL output will be written.
+         */
+        readonly outputStream: NodeJS.WritableStream;
+        /**
+         * The commands registered via `replServer.defineCommand()`.
+         */
+        readonly commands: { readonly [name: string]: REPLCommand | undefined };
+        /**
+         * A value indicating whether the REPL is currently in "editor mode".
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_commands_and_special_keys
+         */
+        readonly editorMode: boolean;
+        /**
+         * A value indicating whether the `_` variable has been assigned.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly underscoreAssigned: boolean;
+        /**
+         * The last evaluation result from the REPL (assigned to the `_` variable inside of the REPL).
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly last: any;
+        /**
+         * A value indicating whether the `_error` variable has been assigned.
+         *
+         * @since v9.8.0
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly underscoreErrAssigned: boolean;
+        /**
+         * The last error raised inside the REPL (assigned to the `_error` variable inside of the REPL).
+         *
+         * @since v9.8.0
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_assignment_of_the_underscore_variable
+         */
+        readonly lastError: any;
+        /**
+         * Specified in the REPL options, this is the function to be used when evaluating each
+         * given line of input. If not specified in the REPL options, this is an async wrapper
+         * for the JavaScript `eval()` function.
+         */
+        readonly eval: REPLEval;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default
+         * `writer` function should include ANSI color styling to REPL output.
+         */
+        readonly useColors: boolean;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default `eval`
+         * function will use the JavaScript `global` as the context as opposed to creating a new
+         * separate context for the REPL instance.
+         */
+        readonly useGlobal: boolean;
+        /**
+         * Specified in the REPL options, this is a value indicating whether the default `writer`
+         * function should output the result of a command if it evaluates to `undefined`.
+         */
+        readonly ignoreUndefined: boolean;
+        /**
+         * Specified in the REPL options, this is the function to invoke to format the output of
+         * each command before writing to `outputStream`. If not specified in the REPL options,
+         * this will be a wrapper for `util.inspect`.
+         */
+        readonly writer: REPLWriter;
+        /**
+         * Specified in the REPL options, this is the function to use for custom Tab auto-completion.
+         */
+        readonly completer: Completer | AsyncCompleter;
+        /**
+         * Specified in the REPL options, this is a flag that specifies whether the default `eval`
+         * function should execute all JavaScript commands in strict mode or default (sloppy) mode.
+         * Possible values are:
+         * - `repl.REPL_MODE_SLOPPY` - evaluates expressions in sloppy mode.
+         * - `repl.REPL_MODE_STRICT` - evaluates expressions in strict mode. This is equivalent to
+         *    prefacing every repl statement with `'use strict'`.
+         */
+        readonly replMode: typeof REPL_MODE_SLOPPY | typeof REPL_MODE_STRICT;
+
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of `repl.REPLServer` are created using the `repl.start()` method and
+         * > _should not_ be created directly using the JavaScript `new` keyword.
+         *
+         * `REPLServer` cannot be subclassed due to implementation specifics in NodeJS.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_class_replserver
+         */
+        private constructor();
+
+        /**
+         * Used to add new `.`-prefixed commands to the REPL instance. Such commands are invoked
+         * by typing a `.` followed by the `keyword`.
+         *
+         * @param keyword The command keyword (_without_ a leading `.` character).
+         * @param cmd The function to invoke when the command is processed.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_replserver_definecommand_keyword_cmd
+         */
+        defineCommand(keyword: string, cmd: REPLCommandAction | REPLCommand): void;
+        /**
+         * Readies the REPL instance for input from the user, printing the configured `prompt` to a
+         * new line in the `output` and resuming the `input` to accept new input.
+         *
+         * When multi-line input is being entered, an ellipsis is printed rather than the 'prompt'.
+         *
+         * This method is primarily intended to be called from within the action function for
+         * commands registered using the `replServer.defineCommand()` method.
+         *
+         * @param preserveCursor When `true`, the cursor placement will not be reset to `0`.
+         */
         displayPrompt(preserveCursor?: boolean): void;
+        /**
+         * Clears any command that has been buffered but not yet executed.
+         *
+         * This method is primarily intended to be called from within the action function for
+         * commands registered using the `replServer.defineCommand()` method.
+         *
+         * @since v9.0.0
+         */
+        clearBufferedCommand(): void;
 
         /**
          * events.EventEmitter
-         * 1. exit
-         * 2. reset
+         * 1. close - inherited from `readline.Interface`
+         * 2. line - inherited from `readline.Interface`
+         * 3. pause - inherited from `readline.Interface`
+         * 4. resume - inherited from `readline.Interface`
+         * 5. SIGCONT - inherited from `readline.Interface`
+         * 6. SIGINT - inherited from `readline.Interface`
+         * 7. SIGTSTP - inherited from `readline.Interface`
+         * 8. exit
+         * 9. reset
          */
 
         addListener(event: string, listener: (...args: any[]) => void): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "line", listener: (input: string) => void): this;
+        addListener(event: "pause", listener: () => void): this;
+        addListener(event: "resume", listener: () => void): this;
+        addListener(event: "SIGCONT", listener: () => void): this;
+        addListener(event: "SIGINT", listener: () => void): this;
+        addListener(event: "SIGTSTP", listener: () => void): this;
         addListener(event: "exit", listener: () => void): this;
-        addListener(event: "reset", listener: (...args: any[]) => void): this;
+        addListener(event: "reset", listener: (context: Context) => void): this;
 
         emit(event: string | symbol, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "line", input: string): boolean;
+        emit(event: "pause"): boolean;
+        emit(event: "resume"): boolean;
+        emit(event: "SIGCONT"): boolean;
+        emit(event: "SIGINT"): boolean;
+        emit(event: "SIGTSTP"): boolean;
         emit(event: "exit"): boolean;
-        emit(event: "reset", context: any): boolean;
+        emit(event: "reset", context: Context): boolean;
 
         on(event: string, listener: (...args: any[]) => void): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "line", listener: (input: string) => void): this;
+        on(event: "pause", listener: () => void): this;
+        on(event: "resume", listener: () => void): this;
+        on(event: "SIGCONT", listener: () => void): this;
+        on(event: "SIGINT", listener: () => void): this;
+        on(event: "SIGTSTP", listener: () => void): this;
         on(event: "exit", listener: () => void): this;
-        on(event: "reset", listener: (...args: any[]) => void): this;
+        on(event: "reset", listener: (context: Context) => void): this;
 
         once(event: string, listener: (...args: any[]) => void): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "line", listener: (input: string) => void): this;
+        once(event: "pause", listener: () => void): this;
+        once(event: "resume", listener: () => void): this;
+        once(event: "SIGCONT", listener: () => void): this;
+        once(event: "SIGINT", listener: () => void): this;
+        once(event: "SIGTSTP", listener: () => void): this;
         once(event: "exit", listener: () => void): this;
-        once(event: "reset", listener: (...args: any[]) => void): this;
+        once(event: "reset", listener: (context: Context) => void): this;
 
         prependListener(event: string, listener: (...args: any[]) => void): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "line", listener: (input: string) => void): this;
+        prependListener(event: "pause", listener: () => void): this;
+        prependListener(event: "resume", listener: () => void): this;
+        prependListener(event: "SIGCONT", listener: () => void): this;
+        prependListener(event: "SIGINT", listener: () => void): this;
+        prependListener(event: "SIGTSTP", listener: () => void): this;
         prependListener(event: "exit", listener: () => void): this;
-        prependListener(event: "reset", listener: (...args: any[]) => void): this;
+        prependListener(event: "reset", listener: (context: Context) => void): this;
 
         prependOnceListener(event: string, listener: (...args: any[]) => void): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "line", listener: (input: string) => void): this;
+        prependOnceListener(event: "pause", listener: () => void): this;
+        prependOnceListener(event: "resume", listener: () => void): this;
+        prependOnceListener(event: "SIGCONT", listener: () => void): this;
+        prependOnceListener(event: "SIGINT", listener: () => void): this;
+        prependOnceListener(event: "SIGTSTP", listener: () => void): this;
         prependOnceListener(event: "exit", listener: () => void): this;
-        prependOnceListener(event: "reset", listener: (...args: any[]) => void): this;
+        prependOnceListener(event: "reset", listener: (context: Context) => void): this;
     }
 
-    export function start(options?: string | ReplOptions): REPLServer;
+    /**
+     * A flag passed in the REPL options. Evaluates expressions in sloppy mode.
+     */
+    export const REPL_MODE_SLOPPY: symbol; // TODO: unique symbol
 
-    export class Recoverable extends SyntaxError {
+    /**
+     * A flag passed in the REPL options. Evaluates expressions in strict mode.
+     * This is equivalent to prefacing every repl statement with `'use strict'`.
+     */
+    export const REPL_MODE_STRICT: symbol; // TODO: unique symbol
+
+    /**
+     * Creates and starts a `repl.REPLServer` instance.
+     *
+     * @param options The options for the `REPLServer`. If `options` is a string, then it specifies
+     * the input prompt.
+     */
+    function start(options?: string | ReplOptions): REPLServer;
+
+    /**
+     * Indicates a recoverable error that a `REPLServer` can use to support multi-line input.
+     *
+     * @see https://nodejs.org/dist/latest-v10.x/docs/api/repl.html#repl_recoverable_errors
+     */
+    class Recoverable extends SyntaxError {
         err: Error;
 
         constructor(err: Error);
@@ -1951,7 +2257,7 @@ declare module "readline" {
     import * as events from "events";
     import * as stream from "stream";
 
-    export interface Key {
+    interface Key {
         sequence?: string;
         name?: string;
         ctrl?: boolean;
@@ -1959,12 +2265,33 @@ declare module "readline" {
         shift?: boolean;
     }
 
-    export interface ReadLine extends events.EventEmitter {
+    class Interface extends events.EventEmitter {
+        readonly terminal: boolean;
+
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of the `readline.Interface` class are constructed using the
+         * > `readline.createInterface()` method.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/readline.html#readline_class_interface
+         */
+        protected constructor(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean);
+        /**
+         * NOTE: According to the documentation:
+         *
+         * > Instances of the `readline.Interface` class are constructed using the
+         * > `readline.createInterface()` method.
+         *
+         * @see https://nodejs.org/dist/latest-v10.x/docs/api/readline.html#readline_class_interface
+         */
+        protected constructor(options: ReadLineOptions);
+
         setPrompt(prompt: string): void;
         prompt(preserveCursor?: boolean): void;
         question(query: string, callback: (answer: string) => void): void;
-        pause(): ReadLine;
-        resume(): ReadLine;
+        pause(): this;
+        resume(): this;
         close(): void;
         write(data: string | Buffer, key?: Key): void;
 
@@ -2034,12 +2361,14 @@ declare module "readline" {
         prependOnceListener(event: "SIGTSTP", listener: () => void): this;
     }
 
+    type ReadLine = Interface; // type forwarded for backwards compatiblity
+
     type Completer = (line: string) => CompleterResult;
     type AsyncCompleter = (line: string, callback: (err: any, result: CompleterResult) => void) => any;
 
-    export type CompleterResult = [string[], string];
+    type CompleterResult = [string[], string];
 
-    export interface ReadLineOptions {
+    interface ReadLineOptions {
         input: NodeJS.ReadableStream;
         output?: NodeJS.WritableStream;
         completer?: Completer | AsyncCompleter;
@@ -2050,14 +2379,14 @@ declare module "readline" {
         removeHistoryDuplicates?: boolean;
     }
 
-    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;
-    export function createInterface(options: ReadLineOptions): ReadLine;
+    function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): Interface;
+    function createInterface(options: ReadLineOptions): Interface;
 
-    export function cursorTo(stream: NodeJS.WritableStream, x: number, y?: number): void;
-    export function emitKeypressEvents(stream: NodeJS.ReadableStream, interface?: ReadLine): void;
-    export function moveCursor(stream: NodeJS.WritableStream, dx: number | string, dy: number | string): void;
-    export function clearLine(stream: NodeJS.WritableStream, dir: number): void;
-    export function clearScreenDown(stream: NodeJS.WritableStream): void;
+    function cursorTo(stream: NodeJS.WritableStream, x: number, y?: number): void;
+    function emitKeypressEvents(stream: NodeJS.ReadableStream, interface?: Interface): void;
+    function moveCursor(stream: NodeJS.WritableStream, dx: number | string, dy: number | string): void;
+    function clearLine(stream: NodeJS.WritableStream, dir: number): void;
+    function clearScreenDown(stream: NodeJS.WritableStream): void;
 }
 
 declare module "vm" {
@@ -2102,7 +2431,7 @@ declare module "child_process" {
         stdin: stream.Writable;
         stdout: stream.Readable;
         stderr: stream.Readable;
-        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        stdio: StdioStreams;
         killed: boolean;
         pid: number;
         kill(signal?: string): void;
@@ -2166,6 +2495,12 @@ declare module "child_process" {
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
+    export interface StdioStreams extends ReadonlyArray<stream.Readable|stream.Writable> {
+        0: stream.Writable; // stdin
+        1: stream.Readable; // stdout
+        2: stream.Readable; // stderr
+    }
+
     export interface MessageOptions {
         keepOpen?: boolean;
     }
@@ -4850,7 +5185,7 @@ declare module "path" {
     /**
      * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
      *
-     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     * Starting from leftmost {from} parameter, resolves {to} to an absolute path.
      *
      * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
      *
@@ -5391,8 +5726,8 @@ declare module "crypto" {
     export interface Signer extends NodeJS.WritableStream {
         update(data: string | Buffer | DataView): Signer;
         update(data: string | Buffer | DataView, input_encoding: Utf8AsciiLatin1Encoding): Signer;
-        sign(private_key: string | { key: string; passphrase: string }): Buffer;
-        sign(private_key: string | { key: string; passphrase: string }, output_format: HexBase64Latin1Encoding): string;
+        sign(private_key: string | { key: string; passphrase?: string }): Buffer;
+        sign(private_key: string | { key: string; passphrase?: string }, output_format: HexBase64Latin1Encoding): string;
     }
     export function createVerify(algorith: string): Verify;
     export interface Verify extends NodeJS.WritableStream {
@@ -6873,7 +7208,8 @@ declare module "http2" {
         prependOnceListener(event: "unknownProtocol", listener: (socket: tls.TLSSocket) => void): this;
     }
 
-    export interface Http2ServerRequest extends stream.Readable {
+    export class Http2ServerRequest extends stream.Readable {
+        private constructor();
         headers: IncomingHttpHeaders;
         httpVersion: string;
         method: string;
@@ -6904,7 +7240,8 @@ declare module "http2" {
         prependOnceListener(event: "aborted", listener: (hadError: boolean, code: number) => void): this;
     }
 
-    export interface Http2ServerResponse extends events.EventEmitter {
+    export class Http2ServerResponse extends events.EventEmitter {
+        private constructor();
         addTrailers(trailers: OutgoingHttpHeaders): void;
         connection: net.Socket | tls.TLSSocket;
         end(callback?: () => void): void;
diff --git a/types/node/v9/node-tests.ts b/types/node/v9/node-tests.ts
index 03f641e216..c93079b39f 100644
--- a/types/node/v9/node-tests.ts
+++ b/types/node/v9/node-tests.ts
@@ -3038,7 +3038,7 @@ namespace repl_tests {
     {
         let _server: repl.REPLServer;
         let _boolean: boolean;
-        let _ctx: any;
+        const _ctx: vm.Context = {};
 
         _server = _server.addListener("exit", () => { });
         _server = _server.addListener("reset", () => { });
@@ -3059,9 +3059,42 @@ namespace repl_tests {
         _server = _server.prependOnceListener("reset", () => { });
 
         _server.outputStream.write("test");
-        let line = _server.inputStream.read();
+        const line = _server.inputStream.read();
 
-        throw new repl.Recoverable(new Error("test"));
+        _server.clearBufferedCommand();
+        _server.displayPrompt();
+        _server.displayPrompt(true);
+        _server.defineCommand("cmd", function(text) {
+            // $ExpectType string
+            text;
+            // $ExpectType REPLServer
+            this;
+        });
+        _server.defineCommand("cmd", {
+            help: "",
+            action(text) {
+                // $ExpectType string
+                text;
+                // $ExpectType REPLServer
+                this;
+            }
+        });
+
+        repl.start({
+            eval() {
+                // $ExpectType REPLServer
+                this;
+            },
+            writer() {
+                // $ExpectType REPLServer
+                this;
+                return "";
+            }
+        });
+
+        function test() {
+            throw new repl.Recoverable(new Error("test"));
+        }
     }
 }
 
diff --git a/types/node/v9/tslint.json b/types/node/v9/tslint.json
index 45064d266f..4c1432c003 100644
--- a/types/node/v9/tslint.json
+++ b/types/node/v9/tslint.json
@@ -14,6 +14,7 @@
     "no-namespace": false,
     "no-redundant-jsdoc": false,
     "no-redundant-jsdoc-2": false,
+    "no-single-declare-module": false,
     "no-unnecessary-class": false,
     "no-unnecessary-generics": false,
     "no-unnecessary-qualifier": false,
diff --git a/types/nodegit/commit.d.ts b/types/nodegit/commit.d.ts
index 11ab938130..57e8c55d87 100644
--- a/types/nodegit/commit.d.ts
+++ b/types/nodegit/commit.d.ts
@@ -9,6 +9,10 @@ import { Tree } from './tree';
 import { TreeEntry } from './tree-entry';
 import { Diff } from './diff';
 
+export interface HistoryEventEmitter extends EventEmitter {
+    start(): void;
+}
+
 export class Commit {
     static create(repo: Repository, updateRef: string, author: Signature, committer: Signature, messageEncoding: string, message: string, tree: Tree, parentCount: number, parents: any[]): Oid;
     static createV(id: Oid, repo: Repository, updateRef: string, author: Signature, committer: Signature, messageEncoding: string, message: string, tree: Tree, parentCount: number): number;
@@ -75,11 +79,11 @@ export class Commit {
     /**
      * Walk the history from this commit backwards.
      * An EventEmitter is returned that will emit a "commit" event for each commit in the history, and one "end"
-     * event when the walk is completed. Don't forget to call start() on the returned event.
+     * event when the walk is completed. Don't forget to call start() on the returned EventEmitter.
      *
      *
      */
-    history(): EventEmitter;
+    history(): HistoryEventEmitter;
     /**
      * Retrieve the commit's parents as commit objects.
      *
diff --git a/types/nodegit/repository.d.ts b/types/nodegit/repository.d.ts
index 20da9ce052..710c0531cd 100644
--- a/types/nodegit/repository.d.ts
+++ b/types/nodegit/repository.d.ts
@@ -78,7 +78,7 @@ export class Repository {
     /**
      * Creates a branch with the passed in name pointing to the commit
      */
-    createBranch(name: string, commit: Commit | string | Oid, force: boolean): Promise<Reference>;
+    createBranch(name: string, commit: Commit | string | Oid, force?: boolean): Promise<Reference>;
     /**
      * Look up a refs's commit.
      */
@@ -175,7 +175,7 @@ export class Repository {
      * Fetches from all remotes. This is done in series due to deadlocking issues with fetching from many remotes that can happen.
      */
     fetchAll(fetchOptions?: FetchOptions, callback?: Function): Promise<void>;
-    mergeBranches(to: string | Reference, from: string | Reference, signature: Signature, mergePreference: Merge.PREFERENCE, mergeOptions?: MergeOptions): Promise<Oid>;
+    mergeBranches(to: string | Reference, from: string | Reference, signature?: Signature, mergePreference?: Merge.PREFERENCE, mergeOptions?: MergeOptions): Promise<Oid>;
     /**
      * Rebases a branch onto another branch
      */
diff --git a/types/nookies/index.d.ts b/types/nookies/index.d.ts
new file mode 100644
index 0000000000..1eaab3ce64
--- /dev/null
+++ b/types/nookies/index.d.ts
@@ -0,0 +1,20 @@
+// Type definitions for nookies 1.1
+// Project: https://github.com/maticzav/nookies#readme
+// Definitions by: Andreas Bergqvist <https://github.com/andreasbergqvist>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { NextContext } from 'next';
+import { CookieParseOptions, CookieSerializeOptions } from 'cookie';
+
+export function parseCookies(ctx: NextContext, options?: CookieParseOptions): { [key: string]: string };
+export function setCookie(ctx: NextContext, name: string, value: string, options?: CookieSerializeOptions): void;
+export function destroyCookie(ctx: NextContext, name: string): void;
+
+declare const Nookies: {
+    set(ctx: NextContext, name: string, value: string, options?: CookieSerializeOptions): void;
+    get(ctx: NextContext, options?: CookieParseOptions): { [key: string]: string };
+    destroy(ctx: NextContext, name: string): void;
+};
+
+export default Nookies;
diff --git a/types/nookies/nookies-tests.ts b/types/nookies/nookies-tests.ts
new file mode 100644
index 0000000000..2fe560affc
--- /dev/null
+++ b/types/nookies/nookies-tests.ts
@@ -0,0 +1,9 @@
+import nookies, { parseCookies, setCookie, destroyCookie } from 'nookies';
+
+nookies.set({ pathname: '', query: {}, asPath: ''}, 'test-cookie', 'test-value');
+nookies.get({ pathname: '', query: {}, asPath: ''});
+nookies.destroy({ pathname: '', query: {}, asPath: ''}, 'test-cookie');
+
+parseCookies({ pathname: '', query: {}, asPath: ''});
+setCookie({ pathname: '', query: {}, asPath: ''}, 'test-cookie', 'test-value');
+destroyCookie({ pathname: '', query: {}, asPath: ''}, 'test-cookie');
diff --git a/types/nookies/tsconfig.json b/types/nookies/tsconfig.json
new file mode 100644
index 0000000000..15118a6178
--- /dev/null
+++ b/types/nookies/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "nookies-tests.ts"
+    ]
+}
diff --git a/types/nookies/tslint.json b/types/nookies/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/nookies/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/normalize-url/index.d.ts b/types/normalize-url/index.d.ts
index ec70be130b..fd76c4f72a 100644
--- a/types/normalize-url/index.d.ts
+++ b/types/normalize-url/index.d.ts
@@ -1,14 +1,20 @@
-// Type definitions for normalize-url 1.9
+// Type definitions for normalize-url 3.3
 // Project: https://github.com/sindresorhus/normalize-url
 // Definitions by: odin3 <https://github.com/odin3>
 //                 BendingBender <https://github.com/BendingBender>
+//                 Mathieu M-Gosselin <https://github.com/mathieumg>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace normalizeUrl {
     interface Options {
+        defaultProtocol?: string;
+        forceHttp?: boolean;
+        forceHttps?: boolean;
         normalizeProtocol?: boolean;
         normalizeHttps?: boolean;
+        sortQueryParameters?: boolean;
         stripFragment?: boolean;
+        stripHash?: boolean;
         stripWWW?: boolean;
         removeQueryParameters?: Array<RegExp | string>;
         removeTrailingSlash?: boolean;
diff --git a/types/novnc-core/tslint.json b/types/novnc-core/tslint.json
index 3224b40b8b..22e051f9bf 100644
--- a/types/novnc-core/tslint.json
+++ b/types/novnc-core/tslint.json
@@ -1,6 +1,7 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
+        "no-angle-bracket-type-assertion": false,
         "no-const-enum": false
     }
 }
diff --git a/types/npm-package-arg/index.d.ts b/types/npm-package-arg/index.d.ts
index bb1a0d8550..d83c95a6a7 100644
--- a/types/npm-package-arg/index.d.ts
+++ b/types/npm-package-arg/index.d.ts
@@ -1,7 +1,9 @@
-// Type definitions for npm-package-arg 5.1
+// Type definitions for npm-package-arg 6.1
 // Project: https://github.com/npm/npm-package-arg
 // Definitions by: Melvin Groenhoff <https://github.com/mgroenhoff>
+//                 Jason <https://github.com/OiYouYeahYou>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
 /**
  * Throws if the package name is invalid, a dist-tag is invalid or a URL's protocol is not supported.
@@ -20,7 +22,12 @@ declare namespace npa {
      * Something like: 1.2, ^1.7.17, http://x.com/foo.tgz, git+https://github.com/user/foo, bitbucket:user/foo, file:foo.tar.gz or file:../foo/bar/. If not included then the default is latest.
      * @param where Optionally the path to resolve file paths relative to. Defaults to process.cwd()
      */
-    function resolve(name: string, spec: string, where?: string): Result;
+    function resolve(name: string, spec: string, where?: string):
+        FileResult |
+        HostedGitResult |
+        URLResult |
+        AliasResult |
+        RegistryResult;
 
     class Result {
         /**
@@ -33,52 +40,95 @@ declare namespace npa {
          * * directory - A local directory.
          * * remote - An http url (presumably to a tgz)
          */
-        type: "git" | "tag" | "version" | "range" | "file" | "directory" | "remote";
-        /**
-         * If true this specifier refers to a resource hosted on a registry. This is true for tag, version and range types.
-         */
+        type:
+            | "git"
+            | "tag"
+            | "version"
+            | "range"
+            | "file"
+            | "directory"
+            | "remote"
+            | "alias";
+
+        /** If true this specifier refers to a resource hosted on a registry. This is true for tag, version and range types. */
         registry: boolean;
-        /**
-         * If known, the name field expected in the resulting pkg.
-         */
+
+        /** If known, the name field expected in the resulting pkg. */
         name: string | null;
-        /**
-         * If a name is something like @org/module then the scope field will be set to @org. If it doesn't have a scoped name, then scope is null.
-         */
+
+        /** If a name is something like @org/module then the scope field will be set to @org. If it doesn't have a scoped name, then scope is null. */
         scope: string | null;
-        /**
-         * A version of name escaped to match the npm scoped packages specification. Mostly used when making requests against a registry. When name is null, escapedName will also be null.
-         */
+
+        /** A version of name escaped to match the npm scoped packages specification. Mostly used when making requests against a registry. When name is null, escapedName will also be null. */
         escapedName: string | null;
-        /**
-         * The specifier part that was parsed out in calls to npa(arg), or the value of spec in calls to `npa.resolve(name, spec).
-         */
+
+        /** The specifier part that was parsed out in calls to npa(arg), or the value of spec in calls to `npa.resolve(name, spec). */
         rawSpec: string;
-        /**
-         * The normalized specifier, for saving to package.json files. null for registry dependencies.
-         */
+
+        /** The normalized specifier, for saving to package.json files. null for registry dependencies. */
         saveSpec: string | null;
-        /**
-         * The version of the specifier to be used to fetch this resource. null for shortcuts to hosted git dependencies as there isn't just one URL to try with them.
-         */
+
+        /** The version of the specifier to be used to fetch this resource. null for shortcuts to hosted git dependencies as there isn't just one URL to try with them. */
         fetchSpec: string | null;
-        /**
-         * If set, this is a semver specifier to match against git tags with
-         */
+
+        /** If set, this is a semver specifier to match against git tags with */
         gitRange?: string;
-        /**
-         * If set, this is the specific committish to use with a git dependency.
-         */
+
+        /** If set, this is the specific committish to use with a git dependency. */
         gitCommittish?: string;
-        /**
-         * If from === 'hosted' then this will be a hosted-git-info object. This property is not included when serializing the object as JSON.
-         */
-        hosted?: any;
-        /**
-         * The original un-modified string that was provided. If called as npa.resolve(name, spec) then this will be name + '@' + spec.
-         */
+
+        /** If from === 'hosted' then this will be a hosted-git-info object. This property is not included when serializing the object as JSON. */
+        hosted?: HostedGit;
+
+        /** The original un-modified string that was provided. If called as npa.resolve(name, spec) then this will be name + '@' + spec. */
         raw: string;
     }
+
+    interface FileResult extends Result {
+        type: "file" | "directory";
+        where: string;
+        saveSpec: string;
+        fetchSpec: null | string;
+    }
+
+    interface HostedGitResult extends Result {
+        type: "git";
+        hosted: HostedGit;
+        saveSpec: string;
+        fetchSpec: null | string;
+        gitRange: undefined | string;
+        gitCommittish: undefined | string;
+    }
+
+    interface URLResult extends Result {
+        saveSpec: string;
+        type: "git" | "remote";
+        fetchSpec: string;
+        gitCommittish: string | undefined;
+        gitRange: string | undefined;
+    }
+
+    interface AliasResult extends Result {
+        subSpec: Result;
+        registry: true;
+        type: "alias";
+        saveSpec: null;
+        fetchSpec: null;
+    }
+
+    interface RegistryResult extends Result {
+        registry: true;
+        type: "version" | "range" | "tag";
+        saveSpec: null;
+        fetchSpec: string;
+    }
+
+    interface HostedGit {
+        type: string;
+        domain: string;
+        user: string;
+        project: string;
+    }
 }
 
 export = npa;
diff --git a/types/nuka-carousel/index.d.ts b/types/nuka-carousel/index.d.ts
index dcecb92a99..97edd08a6d 100644
--- a/types/nuka-carousel/index.d.ts
+++ b/types/nuka-carousel/index.d.ts
@@ -1,6 +1,8 @@
-// Type definitions for nuka-carousel 4.2
+// Type definitions for nuka-carousel 4.4
 // Project: https://github.com/FormidableLabs/nuka-carousel
 // Definitions by: Roman Charugin <https://github.com/Romic>
+//                 Alex Smith <https://github.com/altaudio>
+//                 matt-sungwook <https://github.com/matt-sungwook>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -17,38 +19,23 @@ export type CarouselSlidesToScrollProp = number | 'auto';
 export type CarouselSlideWidthProp = string | number;
 
 export interface CarouselSlideRenderControlProps {
+  /**
+   * Space between slides, as an integer, but reflected as px
+   */
+  cellSpacing: number;
   /**
    * Current slide index
    */
   currentSlide: number;
-  /**
-   * Total amount of slides
-   */
-  slideCount: number;
   /**
    * Current frame width (px)
    */
   frameWidth: number;
   /**
-   * Current slide width (px)
+   * Go to X slide method
+   * @param index Slide's index to go
    */
-  slideWidth: number;
-  /**
-   * Slides to scroll at once
-   */
-  slidesToScroll: number;
-  /**
-   * Space between slides, as an integer, but reflected as px
-   */
-  cellSpacing: number;
-  /**
-   * Slides to show at once
-   */
-  slidesToShow: number;
-  /**
-   * Infinite mode enabled
-   */
-  wrapAround: boolean;
+  goToSlide: (index: number) => void;
   /**
    * Go to the next slide method
    */
@@ -58,10 +45,25 @@ export interface CarouselSlideRenderControlProps {
    */
   previousSlide: () => void;
   /**
-   * Go to X slide method
-   * @param index Slide's index to go
+   * Total amount of slides
    */
-  goToSlide: (index: number) => void;
+  slideCount: number;
+  /**
+   * Slides to scroll at once
+   */
+  slidesToScroll: number;
+  /**
+   * Slides to show at once
+   */
+  slidesToShow: number;
+  /**
+   * Current slide width (px)
+   */
+  slideWidth: number;
+  /**
+   * Infinite mode enabled
+   */
+  wrapAround: boolean;
 }
 
 export type CarouselRenderControl = (props: CarouselSlideRenderControlProps) => JSX.Element;
@@ -101,6 +103,11 @@ export interface CarouselProps {
    * Additional className
    */
   className?: string;
+  /**
+   * When set to true, disable keyboard controls
+   * @default false
+   */
+  disableKeyboardControls?: boolean;
   /**
    * Enable mouse swipe/dragging
    */
@@ -144,6 +151,11 @@ export interface CarouselProps {
    * Window onResize callback
    */
   onResize?: () => void;
+  /**
+   * Pause autoPlay when mouse is over carousel
+   * @default true
+   */
+  pauseOnHover?: boolean;
   /**
    * Function for rendering top left control
    */
@@ -222,6 +234,11 @@ export interface CarouselProps {
    * @default false
    */
   wrapAround?: boolean;
+  /**
+   * Used to remove all controls at once. Overwrites the render[Top, Right, Bottom, Left]CenterControls()
+   * @default false
+   */
+  withoutControls?: boolean;
 }
 
 export interface CarouselState {
@@ -233,6 +250,10 @@ export interface CarouselState {
    * Is dragging enabled
    */
   dragging: boolean;
+  /**
+   * Easing function name
+   */
+  easing: string;
   /**
    * Current frame width
    */
@@ -240,7 +261,10 @@ export interface CarouselState {
   /**
    * Current left value
    */
+  isWrappingAround: boolean;
   left: number;
+  pauseOnHover: boolean;
+  resetWrapAroundPosition: boolean;
   /**
    * Total amount of slides
    */
@@ -257,14 +281,8 @@ export interface CarouselState {
    * Current top value
    */
   top: number;
-  /**
-   * Easing function name
-   */
-  easing: string;
   /**
    * Is infinite mode enabled
    */
-  isWrappingAround: boolean;
   wrapToIndex: boolean;
-  resetWrapAroundPosition: boolean;
 }
diff --git a/types/nw.js/nw.js-tests.ts b/types/nw.js/nw.js-tests.ts
index 853feed3b8..b0387f97a4 100644
--- a/types/nw.js/nw.js-tests.ts
+++ b/types/nw.js/nw.js-tests.ts
@@ -164,7 +164,7 @@ nw.Screen.chooseDesktopMedia( ["window", "screen"],
                 maxWidth: 1920,
                 maxHeight: 1080
             },
-            optional: <any[]>[]
+            optional: [] as any[]
         };
         //navigator.webkitGetUserMedia( { audio: false, video: constraint }, success_func, fallback_func );
     }
diff --git a/types/nwmatcher/index.d.ts b/types/nwmatcher/index.d.ts
new file mode 100644
index 0000000000..cd0f97360e
--- /dev/null
+++ b/types/nwmatcher/index.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for nwmatcher 1.4
+// Project: https://github.com/dperini/nwmatcher
+// Definitions by: Wouter van Heeswijk <https://github.com/woutervh->
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function nwmatcher(global: { document: Document }): nwmatcher.Matcher;
+
+declare namespace nwmatcher {
+    interface Matcher {
+        // DOM Selection
+
+        first: (selector: string, context?: Element) => Element | null;
+        match: (element: Element, selector: string, context?: Element) => boolean;
+        select: (selector: string, context?: Element, callback?: (element: Element) => void) => Element[];
+
+        // DOM Helpers
+
+        byId: (id: string, from?: Element) => Element | null;
+        byTag: (tag: string, from?: Element) => Element[];
+        byClass: (className: string, from?: Element) => Element[];
+        byName: (name: string, from?: Element) => Element[];
+        getAttribute: (element: Element, attribute: string) => string | undefined;
+        hasAttribute: (element: Element, attribute: string) => boolean;
+    }
+}
+
+declare global {
+    namespace NW {
+        const Dom: nwmatcher.Matcher;
+    }
+}
+
+export = nwmatcher;
diff --git a/types/nwmatcher/test/nwmatcher-global.test.ts b/types/nwmatcher/test/nwmatcher-global.test.ts
new file mode 100644
index 0000000000..b58e3f2367
--- /dev/null
+++ b/types/nwmatcher/test/nwmatcher-global.test.ts
@@ -0,0 +1,42 @@
+const matcher = NW.Dom;
+
+/**
+ * Test matcher (select/first/...) functions.
+ */
+
+const element: Element = {} as any;
+
+let resultElementOrNull: Element | null;
+let resultStringOrUndefined: string | undefined;
+let resultElementArray: Element[];
+let resultBoolean: boolean;
+
+resultElementOrNull = matcher.first('foo');
+resultElementOrNull = matcher.first('foo', element);
+resultElementOrNull = matcher.first('foo');
+resultElementOrNull = matcher.first('foo', element);
+
+resultBoolean = matcher.match(element, 'foo');
+resultBoolean = matcher.match(element, 'foo', element);
+
+resultElementArray = matcher.select('foo');
+resultElementArray = matcher.select('foo', element);
+resultElementArray = matcher.select('foo', element, (element: Element) => undefined);
+
+resultElementOrNull = matcher.byId('foo');
+resultElementOrNull = matcher.byId('foo', element);
+resultElementOrNull = matcher.byId('foo');
+resultElementOrNull = matcher.byId('foo', element);
+
+resultElementArray = matcher.byTag('foo');
+resultElementArray = matcher.byTag('foo', element);
+
+resultElementArray = matcher.byClass('foo');
+resultElementArray = matcher.byClass('foo', element);
+
+resultElementArray = matcher.byName('foo');
+resultElementArray = matcher.byName('foo', element);
+
+resultStringOrUndefined = matcher.getAttribute(element, 'foo');
+
+resultBoolean = matcher.hasAttribute(element, 'foo');
diff --git a/types/nwmatcher/test/nwmatcher-module.test.ts b/types/nwmatcher/test/nwmatcher-module.test.ts
new file mode 100644
index 0000000000..9275502bfd
--- /dev/null
+++ b/types/nwmatcher/test/nwmatcher-module.test.ts
@@ -0,0 +1,45 @@
+import nwmatcher = require('nwmatcher');
+
+const global: { document: Document } = { document: {} as any };
+const matcher = nwmatcher(global);
+
+/**
+ * Test matcher (select/first/...) functions.
+ */
+
+const element: Element = {} as any;
+
+let resultElementOrNull: Element | null;
+let resultStringOrUndefined: string | undefined;
+let resultElementArray: Element[];
+let resultBoolean: boolean;
+
+resultElementOrNull = matcher.first('foo');
+resultElementOrNull = matcher.first('foo', element);
+resultElementOrNull = matcher.first('foo');
+resultElementOrNull = matcher.first('foo', element);
+
+resultBoolean = matcher.match(element, 'foo');
+resultBoolean = matcher.match(element, 'foo', element);
+
+resultElementArray = matcher.select('foo');
+resultElementArray = matcher.select('foo', element);
+resultElementArray = matcher.select('foo', element, (element: Element) => undefined);
+
+resultElementOrNull = matcher.byId('foo');
+resultElementOrNull = matcher.byId('foo', element);
+resultElementOrNull = matcher.byId('foo');
+resultElementOrNull = matcher.byId('foo', element);
+
+resultElementArray = matcher.byTag('foo');
+resultElementArray = matcher.byTag('foo', element);
+
+resultElementArray = matcher.byClass('foo');
+resultElementArray = matcher.byClass('foo', element);
+
+resultElementArray = matcher.byName('foo');
+resultElementArray = matcher.byName('foo', element);
+
+resultStringOrUndefined = matcher.getAttribute(element, 'foo');
+
+resultBoolean = matcher.hasAttribute(element, 'foo');
diff --git a/types/nwmatcher/tsconfig.json b/types/nwmatcher/tsconfig.json
new file mode 100644
index 0000000000..b70d5c6fc3
--- /dev/null
+++ b/types/nwmatcher/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test/nwmatcher-global.test.ts",
+        "test/nwmatcher-module.test.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/nwmatcher/tslint.json b/types/nwmatcher/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/nwmatcher/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/oauth-shim/index.d.ts b/types/oauth-shim/index.d.ts
new file mode 100644
index 0000000000..a5016aed9f
--- /dev/null
+++ b/types/oauth-shim/index.d.ts
@@ -0,0 +1,47 @@
+// Type definitions for oauth-shim 1.1
+// Project: https://github.com/MrSwitch/node-oauth-shim
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as express from "express";
+
+export = oauthShim;
+
+declare const oauthShim: oauthShim.Handler;
+
+declare namespace oauthShim {
+    interface Handler extends express.RequestHandler {
+        interpret: express.RequestHandler;
+        proxy: express.RequestHandler;
+        redirect: express.RequestHandler;
+        unhandled: express.RequestHandler;
+
+        credentials: {
+            get(query: any, cb: (success: false | object) => void): void;
+        };
+
+        init(configs: Config[]): void;
+    }
+
+    interface Request extends express.Request {
+        oauthshim?: {
+            options?: {
+                [key: string]: any;
+                path?: string;
+            };
+            redirect?: string;
+            data?: {
+                [key: string]: any;
+                access_token?: string;
+            };
+        };
+    }
+
+    interface Config {
+        client_id: string;
+        client_secret: string;
+        grant_url: string;
+        domain: string;
+    }
+}
diff --git a/types/oauth-shim/oauth-shim-tests.ts b/types/oauth-shim/oauth-shim-tests.ts
new file mode 100644
index 0000000000..2a287f8bda
--- /dev/null
+++ b/types/oauth-shim/oauth-shim-tests.ts
@@ -0,0 +1,51 @@
+import oauthshim = require("oauth-shim");
+import express = require("express");
+
+const app = express();
+app.listen(3000);
+app.all("/oauthproxy", oauthshim);
+
+oauthshim.init([
+    {
+        client_id: "12345",
+        client_secret: "secret678910",
+        grant_url: "https://linkedIn.com",
+        domain: "test.com, example.com/redirect",
+    },
+]);
+
+function customHandler(req: oauthshim.Request, res: express.Response, next: express.NextFunction) {
+    if (
+        req.oauthshim &&
+        req.oauthshim.redirect &&
+        req.oauthshim.data &&
+        req.oauthshim.data.access_token &&
+        req.oauthshim.options &&
+        !req.oauthshim.options.path
+    ) {}
+
+    next();
+}
+
+app.all(
+    "/oauthproxy",
+    oauthshim.interpret,
+    customHandler,
+    oauthshim.proxy,
+    oauthshim.redirect,
+    oauthshim.unhandled
+);
+
+oauthshim.credentials.get = (query, callback) => {
+    if (query.client_id === "12345") {
+        callback({
+            client_secret: "secret678910",
+        });
+    } else if (query.client_id === "abcde") {
+        callback({
+            client_secret: "secret123456",
+        });
+    } else {
+        callback(false);
+    }
+};
diff --git a/types/oauth-shim/tsconfig.json b/types/oauth-shim/tsconfig.json
new file mode 100644
index 0000000000..3c7fc0ad5a
--- /dev/null
+++ b/types/oauth-shim/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "oauth-shim-tests.ts"
+    ]
+}
diff --git a/types/oauth-shim/tslint.json b/types/oauth-shim/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/oauth-shim/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/oauth/index.d.ts b/types/oauth/index.d.ts
index 21b74369e9..9f747e8b84 100644
--- a/types/oauth/index.d.ts
+++ b/types/oauth/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for oauth 0.9
 // Project: https://github.com/ciaranj/node-oauth#readme
 // Definitions by: nonAlgebraic <https://github.com/nonAlgebraic>
+//                 Eduardo AC <https://github.com/EduardoAC>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types='node' />
@@ -25,8 +26,8 @@ export type oauth2tokenCallback = (
 
 export type dataCallback = (
   err: {statusCode: number, data?: any},
-  result: string | Buffer,
-  response: IncomingMessage
+  result?: string | Buffer,
+  response?: IncomingMessage
 ) => any;
 
 export class OAuth {
@@ -285,7 +286,7 @@ export class OAuth2 {
 
   get(url: string,
     access_token: string,
-    callback: string
+    callback: dataCallback
   ): void;
 
   protected _getAccessTokenUrl(): string;
diff --git a/types/obelisk.js/tslint.json b/types/obelisk.js/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/obelisk.js/tslint.json
+++ b/types/obelisk.js/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/oembed-parser/index.d.ts b/types/oembed-parser/index.d.ts
new file mode 100644
index 0000000000..82e37b07f2
--- /dev/null
+++ b/types/oembed-parser/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for oembed-parser 1.2
+// Project: https://www.npmjs.com/package/oembed-parser
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export function extract(url: string): Promise<OembedData>;
+
+export function hasProvider(url: string): boolean;
+
+export interface OembedData {
+    type: string;
+    version: string;
+    html: string;
+    provider_url: string;
+    provider_name: string;
+}
diff --git a/types/oembed-parser/oembed-parser-tests.ts b/types/oembed-parser/oembed-parser-tests.ts
new file mode 100644
index 0000000000..9d9ff34470
--- /dev/null
+++ b/types/oembed-parser/oembed-parser-tests.ts
@@ -0,0 +1,9 @@
+import { extract, hasProvider, OembedData } from "oembed-parser";
+
+const url = "https://www.youtube.com/watch?v=8jPQjjsBbIc";
+
+extract(url).then(data => {
+    const parsedData: OembedData = data;
+});
+
+const providerExists: boolean = hasProvider(url);
diff --git a/types/oembed-parser/tsconfig.json b/types/oembed-parser/tsconfig.json
new file mode 100644
index 0000000000..fc66a47c65
--- /dev/null
+++ b/types/oembed-parser/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "oembed-parser-tests.ts"
+    ]
+}
diff --git a/types/oembed-parser/tslint.json b/types/oembed-parser/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/oembed-parser/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/office-js/index.d.ts b/types/office-js/index.d.ts
index 0bb6cf22b4..ceb6f2263b 100644
--- a/types/office-js/index.d.ts
+++ b/types/office-js/index.d.ts
@@ -1,5 +1,5 @@
 // Type definitions for Office.js
-// Project: http://dev.office.com
+// Project: https://github.com/OfficeDev/office-js
 // Definitions by: OfficeDev <https://github.com/OfficeDev>, Lance Austin <https://github.com/LanceEA>, Michael Zlatkovsky <https://github.com/Zlatkovsky>, Kim Brandl <https://github.com/kbrandl>, Ricky Kirkham <https://github.com/Rick-Kirkham>, Alex Jerabek <https://github.com/AlexJerabek>, Elizabeth Samuel <https://github.com/ElizabethSamuel-MSFT>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
@@ -252,7 +252,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -288,7 +288,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -326,7 +326,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -356,7 +356,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -390,7 +390,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
      *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
@@ -421,7 +421,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> OneNote    </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td> Y               </td><td>                </td></tr>
@@ -476,7 +476,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> OneNote    </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td> Y               </td><td>                </td></tr>
@@ -540,7 +540,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
         *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -551,7 +551,7 @@ declare namespace Office {
         */
         asyncContext: any;
         /**
-        * Gets an {@link Office.Error} object that provides a description of the error, if any error occurred.
+        * Gets an object that may provide additional information if an error occurred.
         *
         * @remarks
         * 
@@ -566,6 +566,37 @@ declare namespace Office {
         * *Supported hosts, by platform*
         *  <table>
         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+        *   <tr><td><strong>Outlook</strong></td><td> Y (Mailbox Preview)    </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
+        *  </table>
+        * 
+        * *Supported APIs*
+        * 
+        * `Office.context.mailbox.item.getCallbackTokenAsync`, `Office.context.mailbox.item.getUserIdentityTokenAsync`
+        * 
+        * *Supported errors*
+        * <table>
+        *   <tr><th>`AsyncResult.error.name`            </th><th>`AsyncResult.error.message`                                                                       </th><th>Description of diagnostics object returned                                                                                          </th></tr>
+        *   <tr><td><strong>HTTPRequestFailure</strong> </td><td>The request has failed. Please look at the diagnostics object for the HTTP error code.            </td><td>The HTTP error code in a JSON object e.g., `{"HTTPCode":"401"}`                                                                     </td></tr>
+        *   <tr><td><strong>InternalServerError</strong></td><td>The Exchange server returned an error. Please look at the diagnostics object for more information.</td><td>The error message from the Exchange server in a JSON object e.g., `{"ErrorText": "The mailbox database is temporarily unavailable"}`</td></tr>
+        * </table>
+        */
+       diagnostics: any;
+       /**
+        * Gets an {@link Office.Error} object that provides a description of the error, if any error occurred.
+        *
+        * @remarks
+        * 
+        * **Support details**
+        * 
+        * A capital Y in the following matrix indicates that this property is supported in the corresponding Office host application. 
+        * An empty cell indicates that the Office host application doesn't support this enumeration.
+        * 
+        * For more information about Office host application and server requirements, see 
+        * {@link https://docs.microsoft.com/office/dev/add-ins/concepts/requirements-for-running-office-add-ins | Requirements for running Office Add-ins}.
+        * 
+        * *Supported hosts, by platform*
+        *  <table>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -620,7 +651,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -657,9 +688,9 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for iPad </th></tr>
-        *   <tr><td><strong> Excel      </strong></td><td> Y               </td></tr>
-        *   <tr><td><strong> Word       </strong></td><td> Y               </td></tr>
+        *   <tr><th>                        </th><th> Office for iPad </th></tr>
+        *   <tr><td><strong> Excel </strong></td><td> Y               </td></tr>
+        *   <tr><td><strong> Word  </strong></td><td> Y               </td></tr>
         *  </table>
         */
         commerceAllowed: boolean;
@@ -667,7 +698,7 @@ declare namespace Office {
         * Gets the locale (language) specified by the user for editing the document or item.
         * 
         * @remarks
-        * The `contentLanguage` value reflects the **Editing Language** setting specified with **File > Options > Language** in the Office host 
+        * The `contentLanguage` value reflects the **Editing Language** setting specified with **File \> Options \> Language** in the Office host 
         * application.
         * 
         * In content add-ins for Access web apps, the `contentLanguage` property gets the add-in culture (e.g., "en-GB").
@@ -682,7 +713,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -703,7 +734,7 @@ declare namespace Office {
         * 
         * The returned value is a string in the RFC 1766 Language tag format, such as en-US.
         * 
-        * The `displayLanguage` value reflects the current **Display Language** setting specified with **File > Options > Language** in the Office 
+        * The `displayLanguage` value reflects the current **Display Language** setting specified with **File \> Options \> Language** in the Office 
         * host application.
         * 
         * In content add-ins for Access web apps, the `displayLanguage property` gets the add-in language (e.g., "en-US").
@@ -720,7 +751,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
         *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
         *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -745,7 +776,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+        *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
@@ -825,7 +856,7 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for iPad </th></tr>
+        *   <tr><th>                             </th><th> Office for iPad </th></tr>
         *   <tr><td><strong> Excel      </strong></td><td> Y               </td></tr>
         *   <tr><td><strong> PowerPoint </strong></td><td> Y               </td></tr>
         *   <tr><td><strong> Word       </strong></td><td> Y               </td></tr>
@@ -854,7 +885,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -905,8 +936,8 @@ declare namespace Office {
              * 
              * *Supported hosts, by platform*
              *  <table>
-             *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-             *   <tr><td><strong> Outlook    </strong></td><td> Y (Mailbox 1.3)            </td><td>                            </td><td>                 </td></tr>
+             *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+             *   <tr><td><strong> Outlook </strong></td><td> Y (Mailbox 1.3)            </td><td>                            </td><td>                 </td></tr>
              *  </table>
              */
             source:Source;
@@ -938,7 +969,7 @@ declare namespace Office {
              * 
              * *Supported hosts, by platform*
              *  <table>
-             *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+             *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
              *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
              *   <tr><td><strong> Outlook    </strong></td><td> Y (Mailbox 1.3)            </td><td>                            </td><td>                 </td></tr>
              *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
@@ -1035,6 +1066,10 @@ declare namespace Office {
         *     <td>12007</td>
         *     <td>A dialog box is already opened from the task pane. A task pane add-in can only have one dialog box open at a time.</td>
         *   </tr>
+        *   <tr>
+        *     <td>12009</td>
+        *     <td>The user chose to ignore the dialog box. This error can occur in online versions of Office, where users may choose not to allow an add-in to present a dialog.</td>
+        *   </tr>
         * </table>
         * 
         * In the callback function passed to the displayDialogAsync method, you can use the properties of the AsyncResult object to return the 
@@ -1070,9 +1105,9 @@ declare namespace Office {
         displayDialogAsync(startAddress: string, options?: DialogOptions, callback?: (result: AsyncResult<Dialog>) => void): void;
         /**
          * Delivers a message from the dialog box to its parent/opener page. The page calling this API must be on the same domain as the parent. 
-         * @param messageObject Accepts a message from the dialog to deliver to the add-in.
+         * @param message Accepts a message from the dialog to deliver to the add-in. In addition to a boolean, anything that can serialized to a string including JSON and XML can be sent. 
          */
-        messageParent(messageObject: any): void;
+        messageParent(message: boolean | string): void;
         /**
          * Closes the UI container where the JavaScript is executing.
          *
@@ -1083,8 +1118,8 @@ declare namespace Office {
          *
          * - Called from a UI-less command button: No effect. Any dialog opened by displayDialogAsync will remain open.
          *
-         * - Called from a taskpane: The taskpane will close. Any dialog opened by displayDialogAsync will also close. 
-         * If the taskpane supports pinning and was pinned by the user, it will be un-pinned.
+         * - Called from a task pane: The task pane will close. Any dialog opened by displayDialogAsync will also close. 
+         * If the task pane supports pinning and was pinned by the user, it will be un-pinned.
          *
          * - Called from a module extension: No effect.
          */
@@ -1212,7 +1247,7 @@ declare namespace Office {
          * 
          * Example: `[{cells: Office.Table.Data, format: {fontColor: "yellow"}}, {cells: {row: 3, column: 4}, format: {borderColor: "white", fontStyle: "bold"}}]`
          */
-        cellFormat?: Array<RangeFormatConfiguration>
+        cellFormat?: RangeFormatConfiguration[]
         /**
          * Explicitly sets the shape of the data object. If not supplied is inferred from the data type.
          */
@@ -1220,7 +1255,7 @@ declare namespace Office {
         /**
         * Only for table bindings in content add-ins for Access. Array of strings. Specifies the column names.
         */
-        columns?: Array<string>
+        columns?: string[]
         /**
         * Only for table bindings in content add-ins for Access. Specifies the pre-defined string "thisRow" to get data in the currently selected row.
         */
@@ -1250,17 +1285,17 @@ declare namespace Office {
      */
     interface RangeFormatConfiguration {
         /**
-         * Specifies the range. Example of using Office.Table enum: Office.Table.All. Example of using RangeCoordinates: {row: 3, column: 4} specifies 
+         * Specifies the range. Example of using Office.Table enum: Office.Table.All. Example of using RangeCoordinates: `{row: 3, column: 4}` specifies 
          * the cell in the 3rd (zero-based) row in the 4th (zero-based) column.
          */
          cells: Office.Table | RangeCoordinates
         /**
-         * Specifies the formatting as key-value pairs. Example: {borderColor: "white", fontStyle: "bold"}
+         * Specifies the formatting as key-value pairs. Example: `{borderColor: "white", fontStyle: "bold"}`
          */
          format: object
     }
     /**
-     * Specifies a cell, or row, or column, by its zero-based row and/or column number. Example: {row: 3, column: 4} specifies the cell in the 3rd 
+     * Specifies a cell, or row, or column, by its zero-based row and/or column number. Example: `{row: 3, column: 4}` specifies the cell in the 3rd 
      * (zero-based) row in the 4th (zero-based) column.
      */
     interface RangeCoordinates {
@@ -1334,7 +1369,7 @@ declare namespace Office {
         /**
          * The names of the columns involved in the binding.
          */
-        columns?: Array<string>
+        columns?: string[]
         /**
          * A user-defined item of any type that is returned, unchanged, in the asyncContext property of the AsyncResult object that is passed to a callback.
          */
@@ -1407,7 +1442,7 @@ declare namespace Office {
          * 
          * Example: `[{cells: Office.Table.Data, format: {fontColor: "yellow"}}, {cells: {row: 3, column: 4}, format: {borderColor: "white", fontStyle: "bold"}}]`
          */
-        cellFormat?: Array<RangeFormatConfiguration>
+        cellFormat?: RangeFormatConfiguration[]
         /**
          * Explicitly sets the shape of the data object. If not supplied is inferred from the data type.
          */
@@ -1460,8 +1495,8 @@ declare namespace Office {
     /**
      * Provides access to the properties for Office theme colors.
      *
-     * Using Office theme colors lets you coordinate the color scheme of your add-in with the current Office theme selected by the user with File > 
-     * Office Account > Office Theme UI, which is applied across all Office host applications. Using Office theme colors is appropriate for mail and 
+     * Using Office theme colors lets you coordinate the color scheme of your add-in with the current Office theme selected by the user with File \> 
+     * Office Account \> Office Theme UI, which is applied across all Office host applications. Using Office theme colors is appropriate for mail and 
      * task pane add-ins.
      *
      * @remarks
@@ -1476,7 +1511,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y (in preview)             </td></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td></tr>
@@ -1543,10 +1578,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+     *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
      *  </table>
      */
     function select(expression: string, callback?: (result: AsyncResult<any>) => void): Binding;
@@ -1565,8 +1600,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum ActiveView {
@@ -1593,10 +1628,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Access </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+     *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum BindingType {
@@ -1632,7 +1667,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> OWA for Devices </th><th> Office for Mac </th></tr>
      *   <tr><td><strong> Access     </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td>                 </td><td>                </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td><td> Y               </td><td> Y              </td></tr>
@@ -1681,7 +1716,7 @@ declare namespace Office {
         SlideRange,
         /**
         * Data is returned or set as an image stream.
-        * Note: Only applies to data in Excel, Word and PowerPoint.
+        * Note: Only applies to data in Excel, Word, and PowerPoint.
         */
         Image
     }
@@ -1702,11 +1737,11 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum DocumentMode {
@@ -1735,8 +1770,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum CustomXMLNodeType {
@@ -1789,7 +1824,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> Outlook    </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
@@ -1811,7 +1846,7 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
          *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
          *  </table>
          */
@@ -1822,6 +1857,14 @@ declare namespace Office {
          * [Api set: Mailbox 1.7]
          */
         AppointmentTimeChanged,
+        /**
+         * Triggers when an attachment is added to or removed from an item.
+         * 
+         * [Api set: Mailbox Preview]
+         * 
+         * @beta
+         */
+        AttachmentsChanged,
         /**
          * Occurs when data within the binding is changed. 
          * To add an event handler for the BindingDataChanged event of a binding, use the addHandlerAsync method of the Binding object. 
@@ -1839,10 +1882,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
          *  </table>
          */
         BindingDataChanged,
@@ -1862,10 +1905,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
          *  </table>
          */
         BindingSelectionChanged,
@@ -1890,16 +1933,16 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><td><strong> Excel </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Word  </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
          *  </table>
          */
         DocumentSelectionChanged,
         /**
-         * Triggers when the selected Outlook item is changed.
+         * Triggers when a different Outlook item is selected for viewing while the task pane is pinned.
          * 
-         * [Api set: Mailbox 1.1]
+         * [Api set: Mailbox 1.5]
          */
         ItemChanged,
         /**
@@ -1918,6 +1961,8 @@ declare namespace Office {
          * Triggers when the OfficeTheme is changed in Outlook.
          * 
          * [Api set: Mailbox Preview]
+         * 
+         * @beta
          */
         OfficeThemeChanged,
         /**
@@ -1949,7 +1994,7 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
          *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
          *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
          *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
@@ -1982,10 +2027,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum FileType {
@@ -2017,10 +2062,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><td><strong> Excel   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
+     *   <tr><td><strong> Word    </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
      *  </table>
      */
     enum FilterType {
@@ -2048,7 +2093,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
@@ -2096,7 +2141,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *  </table>
      */
@@ -2133,7 +2178,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
      *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
@@ -2168,10 +2213,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><td><strong> Excel   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
+     *   <tr><td><strong> Word    </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
      *  </table>
      */
     enum ValueFormat {
@@ -2189,7 +2234,7 @@ declare namespace Office {
     * Represents a binding to a section of the document.
     *
     * @remarks
-    * <table><tr><td>Requirement Sets</td><td>MatrixBinding, TableBinding, TextBinding</td></tr></table>
+    * <table><tr><td>Requirement Sets</td><td>MatrixBindings, TableBindings, TextBindings</td></tr></table>
     *
     * The Binding object exposes the functionality possessed by all bindings regardless of type.
     *
@@ -2209,10 +2254,10 @@ declare namespace Office {
     * 
     * *Supported hosts, by platform*
     *  <table>
-    *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-    *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-    *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-    *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+    *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+    *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+    *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+    *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
     *  </table>
     */
     interface Binding {
@@ -2496,10 +2541,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          */
         document: Document;
@@ -2537,10 +2582,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          * @param itemName Name of the bindable object in the document. For Example 'MyExpenses' table in Excel."
          * @param bindingType The {@link Office.BindingType} for the data. The method returns null if the selected object cannot be coerced into the specified type.
@@ -2568,9 +2613,9 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param bindingType Specifies the type of the binding object to create. Required. 
@@ -2603,10 +2648,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param bindingType Specifies the type of the binding object to create. Required. 
@@ -2632,10 +2677,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param options Provides an option for preserving context data of any type, unchanged, for use in a callback.
@@ -2661,10 +2706,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param id Specifies the unique name of the binding object. Required.
@@ -2691,10 +2736,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param id Specifies the unique name to be used to identify the binding object. Required.
@@ -2719,8 +2764,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface CustomXmlNode {
@@ -2842,8 +2887,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface CustomXmlPart {
@@ -2934,8 +2979,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface NodeDeletedEventArgs {
@@ -2971,8 +3016,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface NodeInsertedEventArgs  {
@@ -3002,8 +3047,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface NodeReplacedEventArgs  {
@@ -3042,8 +3087,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td>                            </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface CustomXmlParts {
@@ -3093,8 +3138,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+     *   <tr><th>                       </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Word </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface CustomXmlPrefixMappings {
@@ -3163,10 +3208,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          */
         bindings: Bindings;
@@ -3185,8 +3230,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          */
         customXmlParts: CustomXmlParts;
@@ -3205,11 +3250,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          */
         mode: DocumentMode;
@@ -3228,11 +3273,12 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+         *   <tr><td><strong> OneNote    </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td><</tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
          *  </table>
          */
         settings: Settings;
@@ -3251,7 +3297,7 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
          *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
          *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
          *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
@@ -3277,11 +3323,12 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> OneNote    </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param eventType For a Document object event, the eventType parameter can be specified as `Office.EventType.Document.SelectionChanged` or 
@@ -3309,10 +3356,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td>                            </td><td>                            </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td>                            </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param options Provides an option for preserving context data of any type, unchanged, for use in a callback.
@@ -3336,13 +3381,13 @@ declare namespace Office {
          * The fileType parameter can be specified by using the {@link Office.FileType} enumeration or text values. But the possible values vary with 
          * the host:
          *
-         * Excel Online, Win32, Mac, and iOS: `Office.FileType.Compressed`
+         * Excel for Windows desktop, iPad, and Excel Online: `Office.FileType.Compressed`
+         * 
+         * Excel for Mac: `Office.FileType.Compressed`, `Office.FileType.Pdf`
          *
-         * PowerPoint on Windows desktop, Mac, and iPad, and PowerPoint Online: `Office.FileType.Compressed`, `Office.FileType.Pdf`
+         * PowerPoint for Windows desktop, Mac, iPad, and PowerPoint Online: `Office.FileType.Compressed`, `Office.FileType.Pdf`
          *
-         * Word on Windows desktop, Word on Mac, and Word Online: `Office.FileType.Compressed`, `Office.FileType.Pdf`, `Office.FileType.Text`
-         *
-         * Word on iPad: `Office.FileType.Compressed`, `Office.FileType.Text`
+         * Word for Windows desktop, Mac, iPad, and Word Online: `Office.FileType.Compressed`, `Office.FileType.Pdf`, `Office.FileType.Text`
          * 
          * **Support details**
          * 
@@ -3354,10 +3399,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td>                            </td><td>                 </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param fileType The format in which the file will be returned
@@ -3384,10 +3429,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param options Provides an option for preserving context data of any type, unchanged, for use in a callback.
@@ -3435,15 +3480,15 @@ declare namespace Office {
          *     <th>Supported coercionType</th>
          *   </tr>
          *   <tr>
-         *     <td>Excel, Excel Online, PowerPoint, PowerPoint Online, Word, and Word Online</td>
+         *     <td>Excel, PowerPoint, Project, and Word</td>
          *     <td>`Office.CoercionType.Text` (string)</td>
          *   </tr>
          *   <tr>
-         *     <td>Excel, Word, and Word Online</td>
+         *     <td>Excel and Word</td>
          *     <td>`Office.CoercionType.Matrix` (array of arrays)</td>
          *   </tr>
          *   <tr>
-         *     <td>Access, Excel, Word, and Word Online</td>
+         *     <td>Access, Excel, and Word</td>
          *     <td>`Office.CoercionType.Table` (TableData object)</td>
          *   </tr>
          *   <tr>
@@ -3451,7 +3496,7 @@ declare namespace Office {
          *     <td>`Office.CoercionType.Html`</td>
          *   </tr>
          *   <tr>
-         *     <td>Word and Word Online </td>
+         *     <td>Word</td>
          *     <td>`Office.CoercionType.Ooxml` (Office Open XML)</td>
          *   </tr>
          *   <tr>
@@ -3470,12 +3515,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          * 
          * @param coercionType The type of data structure to return. See the remarks section for each host's supported coercion types.
@@ -3517,10 +3561,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param id The identifier of the object or location to go to.
@@ -3546,10 +3590,12 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> OneNote    </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param eventType The event type. For document can be 'Document.SelectionChanged' or 'Document.ActiveViewChanged'.
@@ -3598,15 +3644,15 @@ declare namespace Office {
          *     <th>Supported coercionType</th>
          *   </tr>
          *   <tr>
-         *     <td>Excel, Excel Online, PowerPoint, PowerPoint Online, Word, and Word Online</td>
+         *     <td>Excel, PowerPoint, Project, and Word</td>
          *     <td>`Office.CoercionType.Text` (string)</td>
          *   </tr>
          *   <tr>
-         *     <td>Excel, Word, and Word Online</td>
+         *     <td>Excel and Word</td>
          *     <td>`Office.CoercionType.Matrix` (array of arrays)</td>
          *   </tr>
          *   <tr>
-         *     <td>Access, Excel, Word, and Word Online</td>
+         *     <td>Access, Excel, and Word</td>
          *     <td>`Office.CoercionType.Table` (TableData object)</td>
          *   </tr>
          *   <tr>
@@ -3614,7 +3660,7 @@ declare namespace Office {
          *     <td>`Office.CoercionType.Html`</td>
          *   </tr>
          *   <tr>
-         *     <td>Word and Word Online </td>
+         *     <td>Word</td>
          *     <td>`Office.CoercionType.Ooxml` (Office Open XML)</td>
          *   </tr>
          *   <tr>
@@ -3633,11 +3679,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td> y                          </td><td>                            </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          * 
          * @param data The data to be set. Either a string or  {@link Office.CoercionType} value, 2d array or TableData object.
@@ -3689,8 +3735,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getProjectFieldAsync(fieldId: number, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<any>) => void): void;
@@ -3714,8 +3760,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getResourceFieldAsync(resourceId: string, fieldId: number, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
@@ -3737,8 +3783,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getSelectedResourceAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
@@ -3760,8 +3806,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getSelectedTaskAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
@@ -3785,8 +3831,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getSelectedViewAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<any>) => void): void;
@@ -3812,8 +3858,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getTaskAsync(taskId: string, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<any>) => void): void;
@@ -3837,8 +3883,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getTaskFieldAsync(taskId: string, fieldId: number, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<any>) => void): void;
@@ -3862,8 +3908,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getWSSUrlAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<any>) => void): void;
@@ -3914,8 +3960,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getMaxTaskIndexAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<number>) => void): void;
@@ -3941,8 +3987,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getResourceByIndexAsync(resourceIndex: number, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
@@ -3968,8 +4014,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         getTaskByIndexAsync(taskIndex: number, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
@@ -3996,8 +4042,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         setResourceFieldAsync(resourceId: string, fieldId: number, fieldValue: string | number | boolean | object, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
@@ -4024,8 +4070,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
-         *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                           </td></tr>
+         *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser)</th></tr>
+         *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                           </td></tr>
          *  </table>
          */
         setTaskFieldAsync(taskId: string, fieldId: number, fieldValue: string | number | boolean | object, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
@@ -4059,9 +4105,10 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface File {
@@ -4177,9 +4224,9 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Word  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface MatrixBinding extends Binding {
@@ -4272,8 +4319,9 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
          *  </table>
          */
         addHandlerAsync(eventType: Office.EventType, handler: any, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
@@ -4293,11 +4341,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param settingName The case-sensitive name of the setting to retrieve.
@@ -4353,11 +4401,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
          *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
          *  </table>
          *
          * @param callback Optional. A function that is invoked when the callback returns, whose only parameter is of type {@link Office.AsyncResult}.
@@ -4386,11 +4434,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td>                            </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param settingName The case-sensitive name of the setting to remove.
@@ -4422,10 +4470,9 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
          *  </table>
          *
          * @param eventType Specifies the type of event to remove. Required.
@@ -4479,11 +4526,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          * 
          * @param options Provides options for saving settings.
@@ -4515,11 +4562,11 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          * 
          * @param settingName The case-sensitive name of the setting to set or create.
@@ -4558,9 +4605,9 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
+     *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><td><strong> Excel </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
+     *   <tr><td><strong> Word  </strong></td><td> Y                          </td><td> Y                          </td><td>                 </td></tr>
      *  </table>
      */
     interface SettingsChangedEventArgs {
@@ -4591,7 +4638,7 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
+     *   <tr><th>                             </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
      *   <tr><td><strong> PowerPoint </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
      *  </table>
@@ -4643,10 +4690,10 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-        *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-        *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-        *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+        *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+        *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+        *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+        *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
         *  </table>
         */
         columnCount: number;
@@ -4665,10 +4712,10 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-        *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-        *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-        *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+        *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+        *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+        *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+        *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
         *  </table>
         */
         hasHeaders: boolean;
@@ -4700,10 +4747,10 @@ declare namespace Office {
         * 
         * *Supported hosts, by platform*
         *  <table>
-        *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-        *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-        *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-        *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+        *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+        *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+        *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+        *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
         *  </table>
         */
         rowCount: number;
@@ -4733,15 +4780,16 @@ declare namespace Office {
          * 
          * A capital Y in the following matrix indicates that this method is supported in the corresponding Office host application. 
          * An empty cell indicates that the Office host application doesn't support this method.
-        * 
+         * 
          * For more information about Office host application and server requirements, see 
          * {@link https://docs.microsoft.com/office/dev/add-ins/concepts/requirements-for-running-office-add-ins | Requirements for running Office Add-ins}.
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
          *  </table>
          *
          * @param tableData An array of arrays ("matrix") or a TableData object that contains one or more columns of data to add to the table. Required.
@@ -4778,10 +4826,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
          *  </table>
          *
          * @param rows An array of arrays ("matrix") or a TableData object that contains one or more rows of data to add to the table. Required.
@@ -4806,10 +4854,10 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Access     </strong></td><td>                            </td><td> Y                          </td><td>                 </td></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-         *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                         </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Access </strong></td><td>                            </td><td> Y                          </td><td>                 </td><td>                </td></tr>
+         *   <tr><td><strong> Excel  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
+         *   <tr><td><strong> Word   </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td><</tr>
          *  </table>
          *
          * @param options Provides an option for preserving context data of any type, unchanged, for use in a callback.
@@ -4832,8 +4880,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param options Provides an option for preserving context data of any type, unchanged, for use in a callback.
@@ -4859,32 +4907,33 @@ declare namespace Office {
          *     <th>Description</th>
          *   </tr>
          *   <tr>
-         *     <td>{row: n}</td>
+         *     <td>`{row: n}`</td>
          *     <td>Specifies the range that is the zero-based nth row of data in the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>{column: n}</td>
+         *     <td>`{column: n}`</td>
          *     <td>Specifies the range that is the zero-based nth column of data in the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>{row: i, column: j}</td>
+         *     <td>`{row: i, column: j}`</td>
          *     <td>Specifies the single cell that is the ith row and jth column of the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.All</td>
+         *     <td>`Office.Table.All`</td>
          *     <td>Specifies the entire table, including column headers, data, and totals (if any).</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.Data</td>
+         *     <td>`Office.Table.Data`</td>
          *     <td>Specifies only the data in the table (no headers and totals).</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.Headers</td>
+         *     <td>`Office.Table.Headers`</td>
          *     <td>Specifies only the header row.</td>
          *   </tr>
          * </table>
          * 
-         * The `format:` property specifies values that correspond to a subset of the settings available in the Format Cells dialog box in Excel (Right-click > Format Cells or Home > Format > Format Cells).
+         * The `format:` property specifies values that correspond to a subset of the settings available in the Format Cells dialog box in Excel 
+         * (Right-click \> Format Cells or Home \> Format \> Format Cells).
          * 
          * @param cellReference An object literal containing name-value pairs that specify the range of cells to get formatting from.
          * @param formats An array specifying the format properties to get.
@@ -4916,33 +4965,33 @@ declare namespace Office {
          *     <th>Description</th>
          *   </tr>
          *   <tr>
-         *     <td>{row: n}</td>
+         *     <td>`{row: n}`</td>
          *     <td>Specifies the range that is the zero-based nth row of data in the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>{column: n}</td>
+         *     <td>`{column: n}`</td>
          *     <td>Specifies the range that is the zero-based nth column of data in the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>{row: i, column: j}</td>
+         *     <td>`{row: i, column: j}`</td>
          *     <td>Specifies the single cell that is the ith row and jth column of the table.</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.All</td>
+         *     <td>`Office.Table.All`</td>
          *     <td>Specifies the entire table, including column headers, data, and totals (if any).</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.Data</td>
+         *     <td>`Office.Table.Data`</td>
          *     <td>Specifies only the data in the table (no headers and totals).</td>
          *   </tr>
          *   <tr>
-         *     <td>Office.Table.Headers</td>
+         *     <td>`Office.Table.Headers`</td>
          *     <td>Specifies only the header row.</td>
          *   </tr>
          * </table>
          * 
          * The `format:` property specifies values that correspond to a subset of the settings available in the Format Cells dialog box in Excel 
-         * (Right-click > Format Cells or Home > Format > Format Cells).
+         * (Right-click \> Format Cells or Home \> Format \> Format Cells).
          * 
          * You specify the value of the `format:` property as a list of one or more property name - value pairs in a JavaScript object literal. The 
          * property name specifies the name of the formatting property to set, and value specifies the property value. 
@@ -4997,8 +5046,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param cellFormat An array that contains one or more JavaScript objects that specify which cells to target and the formatting to apply to them.
@@ -5049,8 +5098,8 @@ declare namespace Office {
          * 
          * *Supported hosts, by platform*
          *  <table>
-         *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-         *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+         *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+         *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
          *  </table>
          *
          * @param tableOptions An object literal containing a list of property name-value pairs that define the table options to apply.
@@ -5091,8 +5140,8 @@ declare namespace Office {
          */
         headers: any[];
         /**
-         * Gets or sets the rows in the table. Returns an array of arrays that contains the data in the table. Returns an empty array ``, if there are 
-         * no rows.
+         * Gets or sets the rows in the table. Returns an array of arrays that contains the data in the table. 
+         * Returns an empty array if there are no rows.
          * 
          * @remarks
          * <table><tr><td>Hosts</td><td>Excel, Word</td></tr>
@@ -5127,8 +5176,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     enum Table {
@@ -5164,9 +5213,9 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th></tr>
-     *   <tr><td><strong> Excel      </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
-     *   <tr><td><strong> Word       </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td></tr>
+     *   <tr><th>                        </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th><th> Office for iPad </th><th> Office for Mac </th></tr>
+     *   <tr><td><strong> Excel </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
+     *   <tr><td><strong> Word  </strong></td><td> Y                          </td><td> Y                          </td><td> Y               </td><td> Y              </td></tr>
      *  </table>
      */
     interface TextBinding extends Binding { }
@@ -5187,8 +5236,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td></tr>
      *  </table>
      */
     enum ProjectProjectFields {
@@ -5263,8 +5312,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td></tr>
      *  </table>
      */
     enum ProjectResourceFields {
@@ -6090,8 +6139,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td></tr>
      *  </table>
      */
     enum ProjectTaskFields {
@@ -7252,8 +7301,8 @@ declare namespace Office {
      * 
      * *Supported hosts, by platform*
      *  <table>
-     *   <tr><th>                    </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
-     *   <tr><td><strong> Project    </strong></td><td> Y                          </td><td>                            </td></tr>
+     *   <tr><th>                          </th><th> Office for Windows desktop </th><th> Office Online (in browser) </th></tr>
+     *   <tr><td><strong> Project </strong></td><td> Y                          </td><td>                            </td></tr>
      *  </table>
      */
     enum ProjectViewTypes {
@@ -7339,6 +7388,62 @@ declare namespace Office {
 
 declare namespace Office {
     namespace MailboxEnums {
+        /**
+         * Specifies the formatting that applies to an attachment's content.
+         * 
+         * [Api set: Mailbox Preview]
+         * 
+         * @remarks
+         * <table><tr><td>
+         * {@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}
+         * </td><td>Compose or read</td></tr></table>
+         * 
+         * @beta
+         */
+        enum AttachmentContentFormat {
+            /**
+             * The content of the attachment is returned as a base64-encoded string.
+             */
+            Base64 = "base64",
+
+            /**
+             * The content of the attachment is returned as a string representing a URL.
+             */
+            Url = "url",
+
+            /**
+             * The content of the attachment is returned as a string representing an .eml formatted file.
+             */
+            Eml = "eml",
+
+            /**
+             * The content of the attachment is returned as a string representing an .icalendar formatted file.
+             */
+            ICalendar = "iCalendar"
+        }
+        /**
+         * Specifies whether an attachment was added to or removed from an item.
+         * 
+         * [Api set: Mailbox Preview]
+         * 
+         * @remarks
+         * <table><tr><td>
+         * {@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}
+         * </td><td>Compose or read</td></tr></table>
+         * 
+         * @beta
+         */
+        enum AttachmentStatus {
+            /**
+             * An attachment was added to the item.
+             */
+            Added = "added",
+
+            /**
+             * An attachment was removed from the item.
+             */
+            Removed = "removed"
+        }
         /**
          * Specifies an attachment's type.
          *
@@ -8493,6 +8598,36 @@ declare namespace Office {
          */
         subject: string;
     }
+    /**
+     * Represents the content of an attachment on a message or appointment item.
+     *
+     * [Api set: Mailbox Preview]
+     *
+     * @remarks
+     * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+     *
+     * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
+     * 
+     * @beta
+     */
+    interface AttachmentContent {
+        /**
+         * The content of an attachment as a string.
+         */
+        content: string;
+        /**
+         * The string format to use for an attachment's content.
+         * 
+         * For file attachments, the formatting is a base64-encoded string.
+         * 
+         * For item attachments that represent messages, the formatting is a string representing an .eml formatted file.
+         * 
+         * For item attachments that represent calendar items, the formatting is a string representing an .icalendar file.
+         * 
+         * For cloud attachments, the formatting is a URL string.
+         */
+        format: Office.MailboxEnums.AttachmentContentFormat;
+    }
     /**
      * Represents an attachment on an item from the server. Read mode only.
      *
@@ -8561,7 +8696,7 @@ declare namespace Office {
          * 
          * In addition to this signature, this method also has the following signature:
          * 
-         * `getAsync(coerciontype: Office.CoercionType, callback: (result: AsyncResult<Office.Body>) => void): void;`
+         * `getAsync(coerciontype: Office.CoercionType, callback: (result: AsyncResult<string>) => void): void;`
          * 
          * @param coercionType The format for the returned body.
          * @param options Optional. An object literal that contains one or more of the following properties:
@@ -8569,7 +8704,7 @@ declare namespace Office {
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type AsyncResult. 
          *                  The body is provided in the requested format in the asyncResult.value property.
          */
-        getAsync(coerciontype: Office.CoercionType, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.Body>) => void): void;
+        getAsync(coerciontype: Office.CoercionType, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
         /**
          * Returns the current body in a specified format.
          *
@@ -8590,7 +8725,7 @@ declare namespace Office {
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type Office.AsyncResult.
          *                  The body is provided in the requested format in the asyncResult.value property.
          */
-        getAsync(coerciontype: Office.CoercionType, callback: (result: AsyncResult<Office.Body>) => void): void;
+        getAsync(coerciontype: Office.CoercionType, callback: (result: AsyncResult<string>) => void): void;
 
         /**
          * Gets a value that indicates whether the content is in HTML or text format.
@@ -8614,7 +8749,7 @@ declare namespace Office {
          * The prependAsync method inserts the specified string at the beginning of the item body. 
          * After insertion, the cursor is returned to its original place, relative to the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8648,7 +8783,7 @@ declare namespace Office {
          * The prependAsync method inserts the specified string at the beginning of the item body. 
          * After insertion, the cursor is returned to its original place, relative to the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8672,7 +8807,7 @@ declare namespace Office {
          * The prependAsync method inserts the specified string at the beginning of the item body. 
          * After insertion, the cursor is returned to its original place, relative to the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8693,7 +8828,7 @@ declare namespace Office {
          * The prependAsync method inserts the specified string at the beginning of the item body. 
          * After insertion, the cursor is returned to its original place, relative to the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8713,7 +8848,7 @@ declare namespace Office {
          * The value returned from the getAsync method will not necessarily be exactly the same as the value that was passed in the setAsync method 
          * previously. The client may modify the value passed to setAsync in order to make it render efficiently with its rendering engine.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.3]
@@ -8748,7 +8883,7 @@ declare namespace Office {
          * The value returned from the getAsync method will not necessarily be exactly the same as the value that was passed in the setAsync method 
          * previously. The client may modify the value passed to setAsync in order to make it render efficiently with its rendering engine.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.3]
@@ -8773,7 +8908,7 @@ declare namespace Office {
          * The value returned from the getAsync method will not necessarily be exactly the same as the value that was passed in the setAsync method 
          * previously. The client may modify the value passed to setAsync in order to make it render efficiently with its rendering engine.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.3]
@@ -8797,7 +8932,7 @@ declare namespace Office {
          *  The value returned from the getAsync method will not necessarily be exactly the same as the value that was passed in the setAsync method 
          * previously. The client may modify the value passed to setAsync in order to make it render efficiently with its rendering engine.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.3]
@@ -8820,7 +8955,7 @@ declare namespace Office {
          * the editor, it replaces the selected text. If the cursor was never in the body of the item, or if the body of the item lost focus in the 
          * UI, the string will be inserted at the top of the body content. After insertion, the cursor is placed at the end of the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8855,7 +8990,7 @@ declare namespace Office {
          * the editor, it replaces the selected text. If the cursor was never in the body of the item, or if the body of the item lost focus in the 
          * UI, the string will be inserted at the top of the body content. After insertion, the cursor is placed at the end of the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8880,7 +9015,7 @@ declare namespace Office {
          * the editor, it replaces the selected text. If the cursor was never in the body of the item, or if the body of the item lost focus in the 
          * UI, the string will be inserted at the top of the body content. After insertion, the cursor is placed at the end of the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8904,7 +9039,7 @@ declare namespace Office {
          * the editor, it replaces the selected text. If the cursor was never in the body of the item, or if the body of the item lost focus in the 
          * UI, the string will be inserted at the top of the body content. After insertion, the cursor is placed at the end of the inserted content.
          *
-         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (<a>) to "LPNoLP" 
+         * When including links in HTML markup, you can disable online link preview by setting the id attribute on the anchor (\<a\>) to "LPNoLP" 
          * (please see the Examples section for a sample).
          *
          * [Api set: Mailbox 1.1]
@@ -8937,7 +9072,7 @@ declare namespace Office {
         /**
          * An array of strings containing the mailing and street addresses associated with the contact. Nullable.
          */
-        addresses: Array<string>;
+        addresses: string[];
         /**
          * A string containing the name of the business associated with the contact. Nullable.
          */
@@ -8945,7 +9080,7 @@ declare namespace Office {
         /**
          * An array of strings containing the SMTP email addresses associated with the contact. Nullable,
          */
-        emailAddresses: Array<string>;
+        emailAddresses: string[];
         /**
          * A string containing the name of the person associated with the contact. Nullable.
          */
@@ -8953,11 +9088,11 @@ declare namespace Office {
         /**
          * An array containing a PhoneNumber object for each phone number associated with the contact. Nullable.
          */
-        phoneNumbers: Array<PhoneNumber>;
+        phoneNumbers: PhoneNumber[];
         /**
          * An array of strings containing the Internet URLs associated with the contact. Nullable.
          */
-        urls: Array<string>;
+        urls: string[];
     }
     /**
      * The CustomProperties object represents custom properties that are specific to a particular item and specific to a mail add-in for Outlook. 
@@ -9278,6 +9413,154 @@ declare namespace Office {
         getAsync(callback?: (result: AsyncResult<Office.EmailAddressDetails>) => void): void;
     }
 
+    /**
+     * The InternetHeaders object represents properties that are preserved after the item leaves Exchange and converted to a MIME message. 
+     * These properties are stored as x-headers in the MIME message.
+     * 
+     * InternetHeaders are stored as key/value pairs on a per-item basis.
+     *
+     * [Api set: Mailbox Preview]
+     *
+     * @remarks
+     * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+     *
+     * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
+     * 
+     * @beta
+     */
+    export interface InternetHeaders {
+        /**
+         * Given an array of internet header names, this method returns a dictionary containing those internet headers and their values. 
+         * If the add-in requests an x-header that is not available, that x-header will not be returned in the results. 
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
+         * 
+         * In addition to this signature, this method also has the following signature:
+         * 
+         * `getAsync(names: string[], callback: (result: AsyncResult<Office.InternetHeaders>) => void): void;`
+         * 
+         * @param names The names of the internet headers to be returned.
+         * @param options Optional. An object literal that contains one or more of the following properties:
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
+         *                 asyncResult, which is an Office.AsyncResult object.
+         * 
+         * @beta
+         */
+        getAsync(names: string[], options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.InternetHeaders>) => void): void;
+        /**
+         * Given an array of internet header names, this method returns a dictionary containing those internet headers and their values. 
+         * If the add-in requests an x-header that is not available, that x-header will not be returned in the results. 
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
+         * 
+         * @param names The names of the internet headers to be returned.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
+         *                 asyncResult, which is an Office.AsyncResult object.
+         * 
+         * @beta
+         */
+        getAsync(names: string[], callback?: (result: AsyncResult<Office.InternetHeaders>) => void): void;
+        /**
+         * Given an array of internet header names, this method removes the specified headers from the internet header collection.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadWriteItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
+         * 
+         * In addition to this signature, this method also has the following signature:
+         * 
+         * `removeAsync(names: string[], callback: (result: AsyncResult<Office.Body>) => void): void;`
+         * 
+         * @param names The names of the internet headers to be removed.
+         * @param options Optional. An object literal that contains one or more of the following properties:
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
+         *                 asyncResult, which is an Office.AsyncResult object.
+         * 
+         * @beta
+         */
+        removeAsync(names: string[], options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.InternetHeaders>) => void): void;
+        /**
+         * Given an array of internet header names, this method removes the specified headers from the internet header collection.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadWriteItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
+         * 
+         * @param names The names of the internet headers to be removed.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
+         *                 asyncResult, which is an Office.AsyncResult object.
+         * 
+         * @beta
+         */
+        removeAsync(names: string[], callback?: (result: AsyncResult<Office.InternetHeaders>) => void): void;
+        /**
+         * Sets the specified internet headers to the specified values.
+         * 
+         * The setAsync method creates a new header if the specified header does not already exist; otherwise, the existing value is replaced with 
+         * the new value.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadWriteItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr>
+         *
+         * In addition to this signature, this method also has the following signatures:
+         * 
+         * `setAsync(headers: string, callback: (result: AsyncResult<void>) => void): void;`
+         * 
+         * @param headers The names and corresponding values of the headers to be set. Should be a dictionary object with keys being the names of the 
+         *                internet headers and values being the values of the internet headers.
+         * @param options Optional. An object literal that contains one or more of the following properties.
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type Office.AsyncResult.
+         *                  Any errors encountered will be provided in the asyncResult.error property.
+         * 
+         * @beta
+         */
+        setAsync(headers: Object, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
+        /**
+         * Sets the specified internet headers to the specified values.
+         * 
+         * The setAsync method creates a new header if the specified header does not already exist; otherwise, the existing value is replaced with 
+         * the new value.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadWriteItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr>
+         *
+         * @param headers The names and corresponding values of the headers to be set. Should be a dictionary object with keys being the names of the 
+         *                internet headers and values being the values of the internet headers.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type Office.AsyncResult.
+         *                  Any errors encountered will be provided in the asyncResult.error property.
+         * 
+         * @beta
+         */
+        setAsync(headers: Object, callback?: (result: AsyncResult<void>) => void): void;
+    }
+
     /**
      * Represents the appointment organizer, even if an alias or a delegate was used to create the appointment. 
      * This object provides a method to get the organizer value of an appointment in an Outlook add-in.
@@ -9668,7 +9951,8 @@ declare namespace Office {
         /**
          * Adds an event handler for a supported event.
          * 
-         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and `Office.EventType.RecurrenceChanged`.
+         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -9695,7 +9979,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -9854,6 +10138,26 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Appointment Organizer</td></tr></table>
          */
         close(): void;
+        /**
+         * Gets the item's attachments as an array.
+         * 
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
+         * 
+         * @param options Optional. An object literal that contains one or more of the following properties.
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of 
+         *                 type Office.AsyncResult. If the call fails, the asyncResult.error property will contain and error code with the reason for 
+         *                 the failure.
+         * 
+         * @beta
+         */
+        getAttachmentsAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.AttachmentDetails[]>) => void): void;
         /**
          * Gets initialization data passed when the add-in is activated by an actionable message.
          *
@@ -9962,8 +10266,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -9996,8 +10300,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -10018,8 +10322,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -10043,8 +10347,8 @@ declare namespace Office {
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. 
          * In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -10066,7 +10370,7 @@ declare namespace Office {
         * Removes an event handler for a supported event.
         * 
         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-        * `Office.EventType.RecurrenceChanged`.
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -10080,7 +10384,7 @@ declare namespace Office {
         * 
         * `removeHandlerAsync(eventType:EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;`
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param options Optional. An object literal that contains one or more of the following properties.
@@ -10092,7 +10396,8 @@ declare namespace Office {
        /**
         * Removes an event handler for a supported event.
         * 
-        * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and `Office.EventType.RecurrenceChanged`.
+        * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -10102,7 +10407,7 @@ declare namespace Office {
         *
         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Appointment Organizer</td></tr></table>
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
@@ -10146,13 +10451,13 @@ declare namespace Office {
          * 
          * `saveAsync(options: Office.AsyncContextOptions): void;`
          * 
-         * `saveAsync(callback: (result: AsyncResult<void>) => void): void;`
+         * `saveAsync(callback: (result: AsyncResult<string>) => void): void;`
          *
          * @param options Optional. An object literal that contains one or more of the following properties.
          *        asyncContext: Developers can provide any object they wish to access in the callback method.
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type Office.AsyncResult. 
          */
-        saveAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
+        saveAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<string>) => void): void;
         /**
          * Asynchronously saves an item.
          *
@@ -10253,7 +10558,7 @@ declare namespace Office {
          *
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of type Office.AsyncResult.
          */
-        saveAsync(callback: (result: AsyncResult<void>) => void): void;
+        saveAsync(callback: (result: AsyncResult<string>) => void): void;
         /**
          * Asynchronously inserts data into the body or subject of a message.
          *
@@ -10377,7 +10682,7 @@ declare namespace Office {
      */
     interface AppointmentRead extends Appointment, ItemRead {
         /**
-         * Gets an array of attachments for the item.
+         * Gets the item's attachments as an array.
          *
          * [Api set: Mailbox 1.0]
          *
@@ -10681,7 +10986,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -10709,7 +11014,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -11062,7 +11367,7 @@ declare namespace Office {
         * Removes an event handler for a supported event.
         * 
         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-        * `Office.EventType.RecurrenceChanged`.
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -11076,7 +11381,7 @@ declare namespace Office {
         * 
         * `removeHandlerAsync(eventType:EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;`
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param options Optional. An object literal that contains one or more of the following properties.
@@ -11089,7 +11394,7 @@ declare namespace Office {
         * Removes an event handler for a supported event.
         * 
         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-        * `Office.EventType.RecurrenceChanged`.
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -11099,7 +11404,7 @@ declare namespace Office {
         *
         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Appointment Attendee</td></tr></table>
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
@@ -11236,7 +11541,8 @@ declare namespace Office {
         /**
          * Adds an event handler for a supported event.
          * 
-         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and `Office.EventType.RecurrenceChanged`.
+         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -11263,7 +11569,8 @@ declare namespace Office {
         /**
          * Adds an event handler for a supported event.
          * 
-         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and `Office.EventType.RecurrenceChanged`.
+         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -11280,6 +11587,36 @@ declare namespace Office {
          *                 asyncResult, which is an Office.AsyncResult object.
          */
         addHandlerAsync(eventType: Office.EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;
+
+        /**
+         * Gets an attachment from a message or appointment and returns it as an `Office.AttachmentContent` object.
+         * 
+         * The `getAttachmentContentAsync` method gets the attachment with the specified identifier from the item. As a best practice, you should use 
+         * the identifier to retrieve an attachment in the same session that the attachmentIds were retrieved with the `getAttachmentsAsync` or 
+         * `item.attachments` call. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
+         * 
+         * [Api set: Mailbox Preview]
+         * 
+         * @remarks
+         * 
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr>
+         * 
+         * <tr><td>Errors</td><td>InvalidAttachmentId - The attachment identifier does not exist.</td></tr></table>
+         * 
+         * @param attachmentId The identifier of the attachment you want to get. The maximum length of the string is 100 characters. 
+         * @param options Optional. An object literal that contains one or more of the following properties.
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
+         *                 asyncResult, which is an Office.AsyncResult object. If the call fails, the asyncResult.error property will contain and error code 
+         *                 with the reason for the failure.
+         * 
+         * @beta
+         */
+        getAttachmentContentAsync(attachmentId: string, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.AttachmentContent>) => void): void;
 		
         /**
          * Gets initialization data passed when the add-in is {@link https://docs.microsoft.com/outlook/actionable-messages/invoke-add-in-from-actionable-message | activated by an actionable message}.
@@ -11383,7 +11720,7 @@ declare namespace Office {
         * Removes an event handler for a supported event.
         * 
         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-        * `Office.EventType.RecurrenceChanged`.
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -11397,7 +11734,7 @@ declare namespace Office {
         * 
         * `removeHandlerAsync(eventType: Office.EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;`
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param options Optional. An object literal that contains one or more of the following properties.
@@ -11411,7 +11748,7 @@ declare namespace Office {
         * Removes an event handler for a supported event.
         * 
         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-        * `Office.EventType.RecurrenceChanged`.
+        * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
         * 
         * [Api set: Mailbox 1.7]
         *
@@ -11421,7 +11758,7 @@ declare namespace Office {
         *
         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
         * 
-        * @param eventType The event that should invoke the handler.
+        * @param eventType The event that should revoke the handler.
         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
         *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
@@ -11731,6 +12068,26 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
          */
         close(): void;
+        /**
+         * Gets the item's attachments as an array.
+         * 
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
+         * 
+         * @param options Optional. An object literal that contains one or more of the following properties.
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of 
+         *                 type Office.AsyncResult. If the call fails, the asyncResult.error property will contain and error code with the reason for 
+         *                 the failure.
+         * 
+         * @beta
+         */
+        getAttachmentsAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.AttachmentDetails[]>) => void): void;
         /**
          * Gets initialization data passed when the add-in is activated by an actionable message.
          *
@@ -11817,8 +12174,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -11852,8 +12209,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -11874,8 +12231,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -11898,8 +12255,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -12191,7 +12548,7 @@ declare namespace Office {
      */
     interface ItemRead extends Item {
         /**
-         * Gets an array of attachments for the item.
+         * Gets the item's attachments as an array.
          *
          * [Api set: Mailbox 1.0]
          *
@@ -12739,6 +13096,22 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Compose</td></tr></table>
          */
         from: Office.From;
+        /**
+         * Sets the internet headers of a message.
+         * 
+         * The internetHeaders property returns an InternetHeaders object that provides methods to manage the internet headers on the message.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Compose</td></tr></table>
+         * 
+         * @beta
+         */
+        internetHeaders: Office.InternetHeaders;
         /**
          * Gets the type of item that an instance represents.
          *
@@ -12977,7 +13350,8 @@ declare namespace Office {
         /**
          * Adds an event handler for a supported event.
          * 
-         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and `Office.EventType.RecurrenceChanged`.
+         * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -13004,7 +13378,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -13165,6 +13539,26 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Compose</td></tr></table>
          */
         close(): void;
+        /**
+         * Gets the item's attachments as an array.
+         * 
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose</td></tr></table>
+         * 
+         * @param options Optional. An object literal that contains one or more of the following properties.
+         *        asyncContext: Developers can provide any object they wish to access in the callback method.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of 
+         *                 type Office.AsyncResult. If the call fails, the asyncResult.error property will contain and error code with the reason for 
+         *                 the failure.
+         * 
+         * @beta
+         */
+        getAttachmentsAsync(options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<Office.AttachmentDetails[]>) => void): void;
         /**
          * Gets initialization data passed when the add-in is activated by an actionable message.
          *
@@ -13277,8 +13671,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -13312,8 +13706,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -13334,8 +13728,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -13358,8 +13752,8 @@ declare namespace Office {
          * The removeAttachmentAsync method removes the attachment with the specified identifier from the item. 
          * As a best practice, you should use the attachment identifier to remove an attachment only if the same mail app has added that attachment 
          * in the same session. In Outlook Web App and OWA for Devices, the attachment identifier is valid only within the same session. 
-         * A session is over when the user closes the app, or if the user starts composing in an inline form and subsequently pops out the inline form 
-         * to continue in a separate window.
+         * A session is over when the user closes the app, or if the user starts composing an inline form then subsequently pops out the form to 
+         * continue in a separate window.
          *
          * [Api set: Mailbox 1.1]
          *
@@ -13381,7 +13775,7 @@ declare namespace Office {
          * Removes an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -13395,7 +13789,7 @@ declare namespace Office {
          * 
          * `removeHandlerAsync(eventType:EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;`
          * 
-         * @param eventType The event that should invoke the handler.
+         * @param eventType The event that should revoke the handler.
          * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
          *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
          * @param options Optional. An object literal that contains one or more of the following properties.
@@ -13408,7 +13802,7 @@ declare namespace Office {
          * Removes an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -13418,7 +13812,7 @@ declare namespace Office {
          *
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Compose</td></tr></table>
          * 
-         * @param eventType The event that should invoke the handler.
+         * @param eventType The event that should revoke the handler.
          * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
          *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
@@ -13693,7 +14087,7 @@ declare namespace Office {
      */
     interface MessageRead extends Message, ItemRead {
         /**
-         * Gets an array of attachments for the item.
+         * Gets the item's attachments as an array.
          *
          * [Api set: Mailbox 1.0]
          *
@@ -13801,6 +14195,22 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Read</td></tr></table>
          */
         from: EmailAddressDetails;
+        /**
+         * Gets the internet headers of a message.
+         * 
+         * The internetHeaders property returns an InternetHeaders object that provides methods to manage the internet headers on the message.
+         *
+         * [Api set: Mailbox Preview]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Read</td></tr></table>
+         * 
+         * @beta
+         */
+        internetHeaders: Office.InternetHeaders;
         /**
          * Gets the Internet message identifier for an email message.
          *
@@ -14013,7 +14423,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -14041,7 +14451,7 @@ declare namespace Office {
          * Adds an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -14398,7 +14808,7 @@ declare namespace Office {
          * Removes an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -14412,7 +14822,7 @@ declare namespace Office {
          * 
          * `removeHandlerAsync(eventType:EventType, handler: any, callback?: (result: AsyncResult<void>) => void): void;`
          * 
-         * @param eventType The event that should invoke the handler.
+         * @param eventType The event that should revoke the handler.
          * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
          *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
          * @param options Optional. An object literal that contains one or more of the following properties.
@@ -14425,7 +14835,7 @@ declare namespace Office {
          * Removes an event handler for a supported event.
          * 
          * Currently the supported event types are `Office.EventType.AppointmentTimeChanged`, `Office.EventType.RecipientsChanged`, and 
-         * `Office.EventType.RecurrenceChanged`.
+         * `Office.EventType.RecurrenceChanged`. In Preview, `Office.EventType.AttachmentsChanged` is also supported.
          * 
          * [Api set: Mailbox 1.7]
          *
@@ -14435,7 +14845,7 @@ declare namespace Office {
          *
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Message Read</td></tr></table>
          * 
-         * @param eventType The event that should invoke the handler.
+         * @param eventType The event that should revoke the handler.
          * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
          *                The type property on the parameter will match the eventType parameter passed to removeHandlerAsync.
          * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter, 
@@ -14724,7 +15134,7 @@ declare namespace Office {
          */
         restUrl: string;
         /**
-         * Information about the user associated with the mailbox. This includes their account type, display name, email adddress, and time zone.
+         * Information about the user associated with the mailbox. This includes their account type, display name, email address, and time zone.
          * 
          * More information is under {@link Office.UserProfile}
          */
@@ -14732,7 +15142,7 @@ declare namespace Office {
         /**
          * Adds an event handler for a supported event.
          *
-         * Currently, the supported event types are `Office.EventType.ItemChanged` and `Office.EventType.OfficeThemeChanged`.
+         * Currently, the only supported event type is `Office.EventType.ItemChanged`. In Preview, `Office.EventType.OfficeThemeChanged` is also supported.
          *
          * [Api set: Mailbox 1.5]
          *
@@ -15005,7 +15415,8 @@ declare namespace Office {
          *        isRest: Determines if the token provided will be used for the Outlook REST APIs or Exchange Web Services. Default value is false.
          *        asyncContext: Any state data that is passed to the asynchronous method.
          * @param callback When the method completes, the function passed in the callback parameter is called with a single parameter of 
-         *                 type Office.AsyncResult. The token is provided as a string in the asyncResult.value property.
+         *                 type Office.AsyncResult. The token is provided as a string in the `asyncResult.value` property.
+         *                 If there was an error, then the `asyncResult.error` and `asyncResult.diagnostics` properties may provide additional information.
          */
         getCallbackTokenAsync(options: Office.AsyncContextOptions & { isRest?: boolean }, callback: (result: AsyncResult<string>) => void): void;
         /**
@@ -15032,7 +15443,8 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose and read</td></tr></table>
          *
          * @param callback When the method completes, the function passed in the callback parameter is called with a single parameter of type AsyncResult. 
-         *                 The token is provided as a string in the asyncResult.value property.
+         *                 The token is provided as a string in the `asyncResult.value` property.
+         *                 If there was an error, then the `asyncResult.error` and `asyncResult.diagnostics` properties may provide additional information.
          */
         getCallbackTokenAsync(callback: (result: AsyncResult<string>) => void): void;
         /**
@@ -15059,7 +15471,8 @@ declare namespace Office {
          * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose and read</td></tr></table>
          *
          * @param callback When the method completes, the function passed in the callback parameter is called with a single parameter of 
-         *                 type Office.AsyncResult. The token is provided as a string in the asyncResult.value property.
+         *                 type Office.AsyncResult. The token is provided as a string in the `asyncResult.value` property.
+         *                 If there was an error, then the `asyncResult.error` and `asyncResult.diagnostics` properties may provide additional information.
          * @param userContext Optional. Any state data that is passed to the asynchronous method.
          */
         getCallbackTokenAsync(callback: (result: AsyncResult<string>) => void, userContext?: any): void;
@@ -15081,7 +15494,8 @@ declare namespace Office {
          *
          * @param callback When the method completes, the function passed in the callback parameter is called with a single parameter of 
          *                 type Office.AsyncResult.
-         *                 The token is provided as a string in the asyncResult.value property.
+         *                 The token is provided as a string in the `asyncResult.value` property.
+         *                 If there was an error, then the `asyncResult.error` and `asyncResult.diagnostics` properties may provide additional information.
          * @param userContext Optional. Any state data that is passed to the asynchronous method.|
          */
         getUserIdentityTokenAsync(callback: (result: AsyncResult<string>) => void, userContext?: any): void;
@@ -15094,7 +15508,7 @@ declare namespace Office {
          *
          * You cannot request Folder Associated Items with the makeEwsRequestAsync method.
          *
-         * The XML request must specify UTF-8 encoding. <?xml version="1.0" encoding="utf-8"?>
+         * The XML request must specify UTF-8 encoding. \<?xml version="1.0" encoding="utf-8"?\>
          *
          * Your add-in must have the ReadWriteMailbox permission to use the makeEwsRequestAsync method. 
          * For information about using the ReadWriteMailbox permission and the EWS operations that you can call with the makeEwsRequestAsync method, 
@@ -15138,6 +15552,27 @@ declare namespace Office {
          * @param userContext Optional. Any state data that is passed to the asynchronous method.
          */
         makeEwsRequestAsync(data: any, callback: (result: AsyncResult<string>) => void, userContext?: any): void;
+        /**
+         * Removes an event handler for a supported event.
+         *
+         * Currently, the only supported event type is `Office.EventType.ItemChanged`. In Preview, `Office.EventType.OfficeThemeChanged` is also supported.
+         *
+         * [Api set: Mailbox 1.5]
+         *
+         * @remarks
+         *
+         * <table><tr><td>{@link https://docs.microsoft.com/outlook/add-ins/understanding-outlook-add-in-permissions | Minimum permission level}</td><td>ReadItem</td></tr>
+         *
+         * <tr><td>{@link https://docs.microsoft.com/outlook/add-ins/#extension-points | Applicable Outlook mode}</td><td>Compose or read</td></tr></table>
+         *
+         * @param eventType The event that should revoke the handler.
+         * @param handler The function to handle the event. The function must accept a single parameter, which is an object literal. 
+         *                The type property on the parameter will match the eventType parameter passed to addHandlerAsync.
+         * @param options Optional. Provides an option for preserving context data of any type, unchanged, for use in a callback.
+         * @param callback Optional. When the method completes, the function passed in the callback parameter is called with a single parameter of 
+         *                 type Office.AsyncResult.
+         */
+        removeHandlerAsync(eventType: Office.EventType, handler: (type: EventType) => void, options?: Office.AsyncContextOptions, callback?: (result: AsyncResult<void>) => void): void;
     }
 
     /**
@@ -16204,7 +16639,7 @@ declare namespace Office {
          * The set method creates a new setting of the specified name if it does not already exist, or sets an existing setting of the specified name. 
          * The value is stored in the document as the serialized JSON representation of its data type.
          *
-         * A maximum of 2MB is available for the settings of each add-in, and each individual setting is limited to 32KB.
+         * A maximum of 32KB is available for the settings of each add-in.
          *
          * Any changes made to settings using the set function will not be saved to the server until the saveAsync function is called.
          *
@@ -16443,7 +16878,7 @@ declare namespace Office {
          */
         owner: String;
         /**
-         * The remote REST url related to the owner’s mailbox.
+         * The remote REST URL related to the owner’s mailbox.
          */
         restUrl: String;
         /**
@@ -16767,7 +17202,7 @@ declare namespace Office {
 
     }
     /**
-     * Information about the user associated with the mailbox. This includes their account type, display name, email adddress, and time zone.
+     * Information about the user associated with the mailbox. This includes their account type, display name, email address, and time zone.
      * 
      * [Api set: Mailbox 1.0]
      *
@@ -17103,7 +17538,7 @@ declare namespace OfficeExtension {
          * If there was an error, this contains all trace messages that were executed before the error occurred. 
          * These messages can help you monitor the program execution sequence and detect the case of the error.
          */
-        traceMessages: Array<string>;
+        traceMessages: string[];
         /** Debug info (useful for detailed logging of the error, i.e., via `JSON.stringify(...)`). */
         debugInfo: DebugInfo;
         /** Inner error, if applicable. */
@@ -19890,7 +20325,7 @@ declare namespace Excel {
          * @param key The Key of the new setting.
          * @param value The Value for the new setting.
          */
-        add(key: string, value: string | number | boolean | Date | Array<any> | any): Excel.Setting;
+        add(key: string, value: string | number | boolean | Date | any[] | any): Excel.Setting;
         /**
          *
          * Gets the number of Settings in the collection.
@@ -21396,12 +21831,11 @@ declare namespace Excel {
         inCellDropDown: boolean;
         /**
          *
-         * Source of the list for data validation
-            When setting the value, it can be passed in as a Excel Range object, or a string that contains comma separated number, boolean or date.
+         * The source of the list for data validation. The value is a string, which can either be a range reference (e.g. `"=Names!$A$1:$A$3"`) or a comma-separated list of the values themselves.
          *
          * [Api set: ExcelApi 1.8]
          */
-        source: string | Range;
+        source: string;
     }
     /**
      *
@@ -22167,8 +22601,7 @@ declare namespace Excel {
         readonly worksheet: Excel.Worksheet;
         /**
          *
-         * Returns or sets a ChartCategoryLabelLevel enumeration constant referring to
-            the level of where the category labels are being sourced from. Read/Write.
+         * Returns or sets a ChartCategoryLabelLevel enumeration constant referring to the level of where the category labels are being sourced from. Read/Write.
          *
          * [Api set: ExcelApi 1.8]
          */
@@ -22231,8 +22664,7 @@ declare namespace Excel {
         plotVisibleOnly: boolean;
         /**
          *
-         * Returns or sets a ChartSeriesNameLevel enumeration constant referring to
-            the level of where the series names are being sourced from. Read/Write.
+         * Returns or sets a ChartSeriesNameLevel enumeration constant referring to the level of where the series names are being sourced from. Read/Write.
          *
          * [Api set: ExcelApi 1.8]
          */
@@ -23316,7 +23748,7 @@ declare namespace Excel {
         position: Excel.ChartAxisPosition | "Automatic" | "Maximum" | "Minimum" | "Custom";
         /**
          *
-         * Represents the specified axis position where the other axis crosses at. Read Only. Set to this property should use SetPositionAt(double) method.
+         * Represents the specified axis position where the other axis crosses at. You should use the SetPositionAt(double) method to set this property.
          *
          * [Api set: ExcelApi 1.8]
          */
@@ -23682,15 +24114,14 @@ declare namespace Excel {
         readonly format: Excel.ChartDataLabelFormat;
         /**
          *
-         * Represents whether data labels automatically generates appropriate text based on context.
+         * Represents whether data labels automatically generate appropriate text based on context.
          *
          * [Api set: ExcelApi 1.8]
          */
         autoText: boolean;
         /**
          *
-         * Represents the horizontal alignment for chart data label. See Excel.ChartTextHorizontalAlignment for details.
-            This property is valid only when TextOrientation of data label is 0.
+         * Represents the horizontal alignment for chart data label. See Excel.ChartTextHorizontalAlignment for details. This property is valid only when TextOrientation of data label is 0.
          *
          * [Api set: ExcelApi 1.8]
          */
@@ -23767,8 +24198,7 @@ declare namespace Excel {
         textOrientation: number;
         /**
          *
-         * Represents the vertical alignment of chart data label. See Excel.ChartTextVerticalAlignment for details.
-            This property is valid only when TextOrientation of data label is 90, -90 or 180.
+         * Represents the vertical alignment of chart data label. See Excel.ChartTextVerticalAlignment for details. This property is valid only when TextOrientation of data label is -90, 90, or 180.
          *
          * [Api set: ExcelApi 1.8]
          */
diff --git a/types/office-runtime/index.d.ts b/types/office-runtime/index.d.ts
index ae86c01bcb..31c3dded97 100644
--- a/types/office-runtime/index.d.ts
+++ b/types/office-runtime/index.d.ts
@@ -1,5 +1,5 @@
 // Type definitions for office-runtime 1.0
-// Project: http://dev.office.com/
+// Project: https://github.com/OfficeDev/office-js
 // Definitions by: Michael Zlatskovsky <https://github.com/Zlatkovsky>, Michelle Scharlock <https://github.com/mscharlock>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // Typescript Version: 2.4
@@ -49,11 +49,6 @@ declare namespace OfficeRuntime {
          * Removes an item for specified key and invokes a callback when finished. Returns a Promise.
          */
         removeItem(key: string, callback?: (error?: Error) => void): Promise<void>;
-        /**
-         * @beta
-         * Erases all AsyncStorage. Returns a Promise.
-         */
-        clear(callback?: (error?: Error) => void): Promise<void>;
         /**
          * @beta
          * Returns a Promise with all keys.
@@ -75,7 +70,7 @@ declare namespace OfficeRuntime {
          */
         multiGet(keys: string[], callback?: (errors?: Error[], result?: string[][]) => void): Promise<string[][]>;
     }
-    /*
+    /**
      * @beta
      * Object representing the dialog box.
      */
@@ -111,15 +106,20 @@ declare namespace OfficeRuntime {
          * True if title is hidden from the dialog box.
          */
         hideTitle?: boolean;
-        /*
+        /**
          * @beta
          * Callback that is run when the dialog box is closed.
          */
         onClose?: () => void;
+        /**
+         * @beta
+         * Callback that is run when the dialog sends a message to its parent.
+         */
+        onMessage?(message: string, dialog?: Dialog): void;
         /*
          * @beta
          * Callback that is run when the dialog box sends an error.
          */
-        onMessage?(message: string, dialog?: Dialog): void;
+        onRuntimeError?(error: Error, dialog?: Dialog): void;
     }
 }
diff --git a/types/office-runtime/office-runtime-tests.ts b/types/office-runtime/office-runtime-tests.ts
index e8d15137b8..b0e0457bae 100644
--- a/types/office-runtime/office-runtime-tests.ts
+++ b/types/office-runtime/office-runtime-tests.ts
@@ -4,59 +4,72 @@ Copyright (c) Microsoft Corporation
 */
 
 OfficeRuntime.AsyncStorage.getItem("foo", () => {
-
     // perform an action
- });
- OfficeRuntime.AsyncStorage.getItem("foo").then(value => console.log(value));
+});
+OfficeRuntime.AsyncStorage.getItem("foo").then(value => console.log(value));
 
- OfficeRuntime.AsyncStorage.setItem("foo", "bar");
- OfficeRuntime.AsyncStorage.setItem("foo", "bar").then(error => console.log(error));
+OfficeRuntime.AsyncStorage.setItem("foo", "bar");
+OfficeRuntime.AsyncStorage.setItem("foo", "bar").then(error =>
+    console.log(error)
+);
 
- OfficeRuntime.AsyncStorage.removeItem("foo");
- OfficeRuntime.AsyncStorage.removeItem("foo", () => {
+OfficeRuntime.AsyncStorage.removeItem("foo");
+OfficeRuntime.AsyncStorage.removeItem("foo", () => {
     // perform an action
- });
+});
 
- OfficeRuntime.AsyncStorage.clear();
- OfficeRuntime.AsyncStorage.clear(() => {
-     // perform an action
- });
+OfficeRuntime.AsyncStorage.getAllKeys().then(keys => {
+    keys.forEach(item => console.log(item));
+});
 
- OfficeRuntime.AsyncStorage.getAllKeys().then(keys => {
-     keys.forEach(item => console.log(item));
- });
+OfficeRuntime.AsyncStorage.getAllKeys((error, keys) => {
+    if (error) {
+        console.error(error);
+    } else {
+        keys.forEach(item => console.log(item));
+    }
+});
 
- OfficeRuntime.AsyncStorage.getAllKeys((error, keys) => {
-     if (error) {
-         console.error(error);
-     } else {
-         keys.forEach(item => console.log(item));
-     }
- });
+OfficeRuntime.AsyncStorage.multiSet(
+    [["username", "foo"], ["yearOfBirth", "2001"]],
+    errors => {
+        errors
+            .filter(error => error != null)
+            .forEach(error => console.log(error));
+    }
+);
 
- OfficeRuntime.AsyncStorage.multiSet(
-     [["username", "foo"], ["yearOfBirth", "2001"]],
-     errors => {
-         errors.filter(error => error != null).forEach(error => console.log(error));
-     }
- );
+OfficeRuntime.AsyncStorage.multiRemove(["foo", "bar"]);
+OfficeRuntime.AsyncStorage.multiRemove(["foo", "bar"]).then(value =>
+    console.log(value)
+);
 
- OfficeRuntime.AsyncStorage.multiRemove(["foo", "bar"]);
- OfficeRuntime.AsyncStorage.multiRemove(["foo", "bar"]).then(value => console.log(value));
+OfficeRuntime.AsyncStorage.multiGet(["username", "yearOfBirth"]).then(
+    values => {
+        console.log(values[0][1]);
+        console.log(values[1][1]);
+    }
+);
 
- OfficeRuntime.AsyncStorage.multiGet(["username", "yearOfBirth"]).then(
-     values => {
-         console.log(values[0][1]);
-         console.log(values[1][1]);
-     }
- );
+OfficeRuntime.displayWebDialog("https://localhost:3000", {
+    displayInIFrame: false,
+    onMessage: (message: string, dialog: OfficeRuntime.Dialog) => {
+        console.log(message);
+        if (message === "close") {
+            dialog.close();
+        }
+    },
+    onRuntimeError: (error: Error) => {
+        console.error(error);
+    }
+});
 
- OfficeRuntime.displayWebDialog("https://localhost:3000", {
-     displayInIFrame: false
- });
-
- OfficeRuntime.displayWebDialog("https://localhost:3000", {
+OfficeRuntime.displayWebDialog("https://localhost:3000", {
     onClose: () => {
         console.log("closed");
     }
- });
+});
+
+OfficeRuntime.displayWebDialog("https://localhost:3000", {
+    displayInIFrame: false
+});
diff --git a/types/okta__okta-vue/tsconfig.json b/types/okta__okta-vue/tsconfig.json
index f114dc0fe8..ffd7c33703 100644
--- a/types/okta__okta-vue/tsconfig.json
+++ b/types/okta__okta-vue/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/ol/ol-tests.ts b/types/ol/ol-tests.ts
index fbfed7e90f..ca099420cd 100644
--- a/types/ol/ol-tests.ts
+++ b/types/ol/ol-tests.ts
@@ -304,10 +304,10 @@ import View from 'ol/view';
 
 // Map
 const map: ol.Map = new Map(<any> {});
-const mapView: View = <any> {};
-const layerBase: LayerBase = <any> {};
-const control: ControlControl = <any> {};
-const interaction: InteractionInteraction = <any> {};
+declare const mapView: View;
+declare const layerBase: LayerBase;
+declare const control: ControlControl;
+declare const interaction: InteractionInteraction;
 map.setView(mapView);
 map.addLayer(layerBase);
 map.addControl(control);
@@ -315,9 +315,9 @@ map.addInteraction(interaction);
 
 // View
 let view: View;
-const coordinate: ol.Coordinate = <any> {};
-const size: ol.Size = <any> {};
-const position: ol.Pixel = <any> {};
+declare const coordinate: ol.Coordinate;
+declare const size: ol.Size;
+declare const position: ol.Pixel;
 view = map.getView();
 view.getProjection();
 view.animate(<any> {});
diff --git a/types/on-wake-up/index.d.ts b/types/on-wake-up/index.d.ts
new file mode 100644
index 0000000000..c9568404b8
--- /dev/null
+++ b/types/on-wake-up/index.d.ts
@@ -0,0 +1,13 @@
+// Type definitions for on-wake-up 1.0
+// Project: https://github.com/mafintosh/on-wake-up
+// Definitions by: Klaus Meinhardt <https://github.com/ajafff>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Register a callback when the device presumably wakes up from sleep.
+ * @param cb The callback to execute
+ * @returns Function to unregister the callback
+ */
+declare function onWakeUp(cb: () => void): () => void;
+
+export = onWakeUp;
diff --git a/types/on-wake-up/on-wake-up-tests.ts b/types/on-wake-up/on-wake-up-tests.ts
new file mode 100644
index 0000000000..985d415063
--- /dev/null
+++ b/types/on-wake-up/on-wake-up-tests.ts
@@ -0,0 +1,4 @@
+import onWakeUp = require('on-wake-up');
+
+const unregister = onWakeUp(() => void 0);
+unregister();
diff --git a/types/on-wake-up/tsconfig.json b/types/on-wake-up/tsconfig.json
new file mode 100644
index 0000000000..691fba15c1
--- /dev/null
+++ b/types/on-wake-up/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "on-wake-up-tests.ts"
+    ]
+}
diff --git a/types/on-wake-up/tslint.json b/types/on-wake-up/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/on-wake-up/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/onoff/index.d.ts b/types/onoff/index.d.ts
index 72c25d11f5..f4eba3ffb6 100644
--- a/types/onoff/index.d.ts
+++ b/types/onoff/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for onoff
+// Type definitions for onoff v3.2
 // Project: https://github.com/fivdi/onoff
 // Definitions by: Marcel Ernst <https://github.com/marcel-ernst>
+//                 Kallu609 <https://github.com/Kallu609>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -8,47 +9,56 @@
 export = __ONOFF;
 
 declare namespace __ONOFF {
-
-    var version:string;
-
+    var version: string;
+    
     interface GpioOptions {
-        debounceTimeout?:number;
-        activeLow?:boolean;
+        debounceTimeout?: number;
+        activeLow?: boolean;
     }
-
+    
+    type Direction = 'in' | 'out' | 'high' | 'low';
+    type Edge = 'none' | 'falling' | 'rising' | 'both';
+    
     class Gpio {
-        constructor(gpio:number, direction:string);
-        constructor(gpio:number, direction:string, edge:string);
-        constructor(gpio:number, direction:string, edge:string, options:GpioOptions);
-        constructor(gpio:number, direction:string, options:GpioOptions);
+        constructor(gpio: number, direction: Direction, options?: GpioOptions);
+        constructor(
+            gpio: number,
+            direction: Direction,
+            edge?: Edge,
+            options?: GpioOptions
+        );
+        
+        static accessible: boolean;
 
-        gpio:number
-        gpioPath:string;
-        opts:GpioOptions;
-        readBuffer:Buffer;
-        listeners:Array<(error:Error, value:number) => void>;
-        valueFd:number;
-
-        read(cb:(err:Error, value:number) => void):void;
-        readSync():number;
-
-        write(value:number, cb:(err:Error, value:number) => void):void;
-        writeSync(value:number):void;
-
-        watch(cb:(error:Error, value:number) => void):void;
-        unwatch():void;
-        unwatch(cb:(error:Error, value:number) => void):void;
-        unwatchAll():void;
-
-        direction():string;
-        setDirection(value:string):void;
-
-        edge():string;
-        setEdge(value:string):void;
-
-        options():GpioOptions;
-
-        unexport():void;
+        gpio: number;
+        gpioPath: string;
+        opts: GpioOptions;
+        readBuffer: Buffer;
+        listeners: Array<(err: Error, value: number) => void>;
+        _valueFd: number;
+        
+        read(cb: (err: Error, value: number) => void): void;
+        readSync(): number;
+        
+        write(value: number, cb: (err: Error, value: number) => void): void;
+        writeSync(value: number): void;
+        
+        watch(cb: (err: Error, value: number) => void): void;
+        unwatch(): void;
+        unwatch(cb: (err: Error, value: number) => void): void;
+        unwatchAll(): void;
+        
+        direction(): Direction;
+        setDirection(value: Direction): void;
+        
+        edge(): Edge;
+        setEdge(value: Edge): void;
+        
+        activeLow(): boolean;
+        setActiveLow(invert?: boolean): void;
+        
+        options(): GpioOptions;
+        
+        unexport(): void;
     }
-
 }
diff --git a/types/onoff/onoff-tests.ts b/types/onoff/onoff-tests.ts
index 21b47e7f99..776b577348 100644
--- a/types/onoff/onoff-tests.ts
+++ b/types/onoff/onoff-tests.ts
@@ -14,3 +14,5 @@ setTimeout(function() {
     led.writeSync(0);
     led.unexport();
 }, 2000);
+
+var accessible:boolean = onoff.Gpio.accessible;
diff --git a/types/openfin/_v2/api/application/application.d.ts b/types/openfin/_v2/api/application/application.d.ts
index 616501834d..37263a9a63 100644
--- a/types/openfin/_v2/api/application/application.d.ts
+++ b/types/openfin/_v2/api/application/application.d.ts
@@ -1,10 +1,12 @@
-import { EmitterBase, Base, Reply, RuntimeEvent } from '../base';
+import { EmitterBase, Base, Reply } from '../base';
 import { Identity } from '../../identity';
 import { _Window } from '../window/window';
 import { Point } from '../system/point';
 import { MonitorInfo } from '../system/monitor';
 import Transport from '../../transport/transport';
 import Bounds from '../window/bounds';
+import { ApplicationEvents } from '../events/application';
+import { ApplicationOption } from './applicationOption';
 export interface TrayIconClickReply extends Point, Reply<'application', 'tray-icon-clicked'> {
     button: number;
     monitorInfo: MonitorInfo;
@@ -21,7 +23,7 @@ export declare class NavigationRejectedReply extends Reply<'window-navigation-re
     sourceName: string;
     url: string;
 }
-export interface ConfigInterface {
+export interface ShortCutConfig {
     desktop?: boolean;
     startMenu?: boolean;
     systemStartup?: boolean;
@@ -32,32 +34,54 @@ export interface TrayInfo {
     x: number;
     y: number;
 }
+/**
+ * @lends Application
+ */
 export default class ApplicationModule extends Base {
     /**
-     * Returns an Application object that represents an existing application.
-     * @param { Identity } indentity
+     * Asynchronously returns an Application object that represents an existing application.
+     * @param { Identity } identity
      * @return {Promise.<Application>}
      * @tutorial Application.wrap
+     * @static
      */
     wrap(identity: Identity): Promise<Application>;
+    /**
+     * Synchronously returns an Application object that represents an existing application.
+     * @param { Identity } identity
+     * @return {Application}
+     * @tutorial Application.wrapSync
+     * @static
+     */
+    wrapSync(identity: Identity): Application;
     /**
      * Creates a new Application.
-     * @param {*} appOptions
+     * @param { ApplicationOption } appOptions
      * @return {Promise.<Application>}
      * @tutorial Application.create
+     * @static
      */
-    create(appOptions: any): Promise<Application>;
+    create(appOptions: ApplicationOption): Promise<Application>;
     /**
-     * Returns an Application object that represents the current application
+     * Asynchronously returns an Application object that represents the current application
      * @return {Promise.<Application>}
      * @tutorial Application.getCurrent
+     * @static
      */
     getCurrent(): Promise<Application>;
+    /**
+     * Synchronously returns an Application object that represents the current application
+     * @return {Application}
+     * @tutorial Application.getCurrentSync
+     * @static
+     */
+    getCurrentSync(): Application;
     /**
      * Retrieves application's manifest and returns a wrapped application.
      * @param {string} manifestUrl - The URL of app's manifest.
      * @return {Promise.<Application>}
      * @tutorial Application.createFromManifest
+     * @static
      */
     createFromManifest(manifestUrl: string): Promise<Application>;
 }
@@ -66,12 +90,11 @@ export default class ApplicationModule extends Base {
  * execute, show/close an application as well as listen to application events.
  * @class
  */
-export declare class Application extends EmitterBase {
+export declare class Application extends EmitterBase<ApplicationEvents> {
     identity: Identity;
     _manifestUrl?: string;
     private window;
     constructor(wire: Transport, identity: Identity);
-    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
     private windowListFromIdentityList;
     /**
      * Determines if the application is currently running.
@@ -116,10 +139,16 @@ export declare class Application extends EmitterBase {
     getParentUuid(): Promise<string>;
     /**
      * Retrieves current application's shortcut configuration.
-     * @return {Promise.<ConfigInterface>}
+     * @return {Promise.<ShortCutConfig>}
      * @tutorial Application.getShortcuts
      */
-    getShortcuts(): Promise<ConfigInterface>;
+    getShortcuts(): Promise<ShortCutConfig>;
+    /**
+     * Returns the current zoom level of the application.
+     * @return {Promise.<number>}
+     * @tutorial Application.getZoomLevel
+     */
+    getZoomLevel(): Promise<number>;
     /**
      * Returns an instance of the main Window of the application
      * @return {Promise.<_Window>}
@@ -174,7 +203,15 @@ export declare class Application extends EmitterBase {
      * @return {Promise.<void>}
      * @tutorial Application.setShortcuts
      */
-    setShortcuts(config: ConfigInterface): Promise<void>;
+    setShortcuts(config: ShortCutConfig): Promise<void>;
+    /**
+     * Sets the zoom level of the application. The original size is 0 and each increment above or below represents zooming 20%
+     * larger or smaller to default limits of 300% and 50% of original size, respectively.
+     * @param { number } level The zoom level
+     * @return {Promise.<void>}
+     * @tutorial Application.setZoomLevel
+     */
+    setZoomLevel(level: number): Promise<void>;
     /**
      * @summary Retrieves information about the system tray.
      * @desc The only information currently returned is the position and dimensions.
@@ -203,21 +240,3 @@ export declare class Application extends EmitterBase {
      */
     getInfo(): Promise<ApplicationInfo>;
 }
-export interface Application {
-    on(type: 'closed', listener: (data: Reply<'application', 'closed'>) => void): Promise<void>;
-    on(type: 'initialized', listener: (data: Reply<'application', 'initialized'>) => void): Promise<void>;
-    on(type: 'connected', listener: (data: Reply<'application', 'connected'>) => void): Promise<void>;
-    on(type: 'crashed', listener: (data: Reply<'application', 'crashed'>) => void): Promise<void>;
-    on(type: 'error', listener: (data: Reply<'application', 'error'>) => void): Promise<void>;
-    on(type: 'not-responding', listener: (data: Reply<'application', 'not-responding'>) => void): Promise<void>;
-    on(type: 'out-of-memory', listener: (data: Reply<'application', 'out-of-memory'>) => void): Promise<void>;
-    on(type: 'responding', listener: (data: Reply<'application', 'responding'>) => void): Promise<void>;
-    on(type: 'started', listener: (data: Reply<'application', 'started'>) => void): Promise<void>;
-    on(type: 'run-requested', listener: (data: Reply<'application', 'run-requested'>) => void): Promise<void>;
-    on(type: 'window-navigation-rejected', listener: (data: NavigationRejectedReply) => void): Promise<void>;
-    on(type: 'window-created', listener: (data: Reply<'application', 'window-created'>) => void): Promise<void>;
-    on(type: 'window-closed', listener: (data: Reply<'application', 'window-closed'>) => void): Promise<void>;
-    on(type: 'tray-icon-clicked', listener: (data: TrayIconClickReply) => void): Promise<void>;
-    on(type: 'removeListener', listener: (eventType: string) => void): Promise<void>;
-    on(type: 'newListener', listener: (eventType: string) => void): Promise<void>;
-}
diff --git a/types/openfin/_v2/api/application/applicationOption.d.ts b/types/openfin/_v2/api/application/applicationOption.d.ts
new file mode 100644
index 0000000000..134e4482d6
--- /dev/null
+++ b/types/openfin/_v2/api/application/applicationOption.d.ts
@@ -0,0 +1,50 @@
+import { WindowOption, CustomRequestHeaders } from '../window/windowOption';
+import { DownloadPreloadOption } from '../system/download-preload';
+export interface ApplicationOption {
+    disableIabSecureLogging?: boolean;
+    loadErrorMessage?: string;
+    mainWindowOptions?: WindowOption;
+    name?: string;
+    nonPersistent?: boolean;
+    plugins?: boolean;
+    spellCheck?: boolean;
+    url?: string;
+    uuid: string;
+    webSecurity?: boolean;
+    accelerator?: object;
+    alwaysOnTop?: boolean;
+    api?: object;
+    aspectRatio?: number;
+    autoShow?: boolean;
+    backgroundColor?: string;
+    contentNavigation?: object;
+    contextMenu?: boolean;
+    cornerRounding?: object;
+    customData?: string;
+    customRequestHeaders?: Array<CustomRequestHeaders>;
+    defaultCentered?: boolean;
+    defaultHeight?: number;
+    defaultLeft?: number;
+    defaultTop?: number;
+    defaultWidth?: number;
+    frame?: boolean;
+    hideOnClose?: boolean;
+    icon?: string;
+    maxHeight?: number;
+    maximizable?: boolean;
+    maxWidth?: number;
+    minHeight?: number;
+    minimizable?: boolean;
+    minWidth?: number;
+    opacity?: number;
+    preloadScripts?: Array<DownloadPreloadOption>;
+    resizable?: boolean;
+    resizeRegion?: object;
+    saveWindowState?: boolean;
+    shadow?: boolean;
+    showTaskbarIcon?: boolean;
+    smallWindow?: boolean;
+    state?: string;
+    taskbarIconGroup?: string;
+    waitForPageLoad?: boolean;
+}
diff --git a/types/openfin/_v2/api/base.d.ts b/types/openfin/_v2/api/base.d.ts
index 1f17e1f24f..5cbb8658a7 100644
--- a/types/openfin/_v2/api/base.d.ts
+++ b/types/openfin/_v2/api/base.d.ts
@@ -1,10 +1,11 @@
 /// <reference types="node" />
-import Transport, { Message } from '../transport/transport';
+import Transport from '../transport/transport';
 import { Identity } from '../identity';
 import { EventEmitter } from 'events';
-export interface RuntimeEvent extends Identity {
-    topic: string;
-    type: string | symbol;
+import { EmitterAccessor } from './events/emitterMap';
+import { BaseEventMap } from './events/base';
+interface SubOptions {
+    timestamp?: number;
 }
 export declare class Base {
     wire: Transport;
@@ -14,26 +15,27 @@ export declare class Base {
     readonly me: Identity;
     protected isNodeEnvironment: () => boolean;
     protected isOpenFinEnvironment: () => boolean;
-    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
 }
-export declare class EmitterBase extends Base {
+export declare class EmitterBase<EventTypes extends BaseEventMap> extends Base {
+    private emitterAccessor;
     protected identity: Identity;
-    protected emitter: EventEmitter;
-    listeners: (event: string | symbol) => Function[];
+    constructor(wire: Transport, emitterAccessor: EmitterAccessor);
+    eventNames: () => (string | symbol)[];
+    emit: <E extends string | symbol | Extract<keyof EventTypes, string>>(eventName: E, payload: E extends Extract<keyof EventTypes, string> ? EventTypes[E] : any, ...args: any[]) => boolean;
+    private hasEmitter;
+    private getEmitter;
+    listeners: (type: string | symbol) => Function[];
     listenerCount: (type: string | symbol) => number;
-    constructor(wire: Transport);
-    emit: (eventName: string | symbol, ...args: any[]) => void;
-    protected onmessage: (message: Message<any>) => boolean;
-    protected registerEventListener: (listener: RuntimeEvent) => Promise<void | Message<void>>;
-    protected deregisterEventListener: (listener: RuntimeEvent) => Promise<void | Message<void>>;
-    on(eventType: string, listener: (...args: any[]) => void): Promise<void>;
-    addListener: (eventType: string, listener: (...args: any[]) => void) => Promise<void>;
-    once(eventType: string, listener: (...args: any[]) => void): Promise<void>;
-    prependListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
-    prependOnceListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
-    removeListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
-    protected deregisterAllListeners: (eventType: string | symbol) => Promise<void | Message<void>>;
-    removeAllListeners(eventType?: string): Promise<void>;
+    protected registerEventListener: (eventType: string | symbol | Extract<keyof EventTypes, string>, options?: SubOptions) => Promise<EventEmitter>;
+    protected deregisterEventListener: (eventType: string | symbol | Extract<keyof EventTypes, string>, options?: SubOptions) => Promise<void | EventEmitter>;
+    on<E extends Extract<keyof EventTypes, string> | string | symbol>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions): Promise<this>;
+    addListener: <E extends string | symbol | Extract<keyof EventTypes, string>>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions) => Promise<this>;
+    once<E extends Extract<keyof EventTypes, string> | string | symbol>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions): Promise<this>;
+    prependListener<E extends Extract<keyof EventTypes, string> | string | symbol>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions): Promise<this>;
+    prependOnceListener<E extends Extract<keyof EventTypes, string> | string | symbol>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions): Promise<this>;
+    removeListener<E extends Extract<keyof EventTypes, string> | string | symbol>(eventType: E, listener: (payload: E extends keyof EventTypes ? EventTypes[E] : any, ...args: any[]) => void, options?: SubOptions): Promise<this>;
+    protected deregisterAllListeners: (eventType: string | symbol | Extract<keyof EventTypes, string>) => Promise<void | EventEmitter>;
+    removeAllListeners(eventType?: Extract<keyof EventTypes, string> | string | symbol): Promise<this>;
 }
 export declare class Reply<TOPIC extends string, TYPE extends string | void> implements Identity {
     topic: TOPIC;
@@ -41,3 +43,4 @@ export declare class Reply<TOPIC extends string, TYPE extends string | void> imp
     uuid: string;
     name?: string;
 }
+export {};
diff --git a/types/openfin/_v2/api/events/application.d.ts b/types/openfin/_v2/api/events/application.d.ts
new file mode 100644
index 0000000000..444d358cbd
--- /dev/null
+++ b/types/openfin/_v2/api/events/application.d.ts
@@ -0,0 +1,56 @@
+import { WindowEvent, BaseEventMap, ApplicationEvent } from './base';
+import { WindowAlertRequestedEvent, WindowAuthRequestedEvent, WindowEndLoadEvent, PropagatedWindowEvents } from './window';
+export interface CrashedEvent {
+    reason: 'normal-termination' | 'abnormal-termination' | 'killed' | 'crashed' | 'still-running' | 'launch-failed' | 'out-of-memory';
+}
+export interface RunRequestedEvent<Topic, Type> extends ApplicationEvent<Topic, Type> {
+    userAppConfigArgs: any;
+}
+export interface TrayIconClicked<Topic, Type> extends ApplicationEvent<Topic, Type> {
+    button: 0 | 1 | 2;
+    x: number;
+    y: number;
+    monitorInfo: any;
+}
+export interface ApplicationEventMapping<Topic = string, Type = string> extends BaseEventMap {
+    'closed': ApplicationEvent<Topic, Type>;
+    'connected': ApplicationEvent<Topic, Type>;
+    'crashed': CrashedEvent & ApplicationEvent<Topic, Type>;
+    'initialized': ApplicationEvent<Topic, Type>;
+    'manifest-changed': ApplicationEvent<Topic, Type>;
+    'not-responding': ApplicationEvent<Topic, Type>;
+    'responding': ApplicationEvent<Topic, Type>;
+    'run-requested': RunRequestedEvent<Topic, Type>;
+    'started': ApplicationEvent<Topic, Type>;
+    'tray-icon-clicked': TrayIconClicked<Topic, Type>;
+    'window-alert-requested': WindowAlertRequestedEvent<Topic, Type>;
+    'window-auth-requested': WindowAuthRequestedEvent<Topic, Type>;
+    'window-created': WindowEvent<Topic, Type>;
+    'window-end-load': WindowEndLoadEvent<Topic, Type>;
+    'window-not-responding': WindowEvent<Topic, Type>;
+    'window-responding': WindowEvent<Topic, Type>;
+    'window-show-requested': WindowEvent<Topic, Type>;
+    'window-start-load': WindowEvent<Topic, Type>;
+}
+export interface PropagatedApplicationEventMapping<Topic = string, Type = string> {
+    'application-closed': ApplicationEvent<Topic, Type>;
+    'application-connected': ApplicationEvent<Topic, Type>;
+    'application-crashed': CrashedEvent & ApplicationEvent<Topic, Type>;
+    'application-initialized': ApplicationEvent<Topic, Type>;
+    'application-manifest-changed': ApplicationEvent<Topic, Type>;
+    'application-not-responding': ApplicationEvent<Topic, Type>;
+    'application-responding': ApplicationEvent<Topic, Type>;
+    'application-started': ApplicationEvent<Topic, Type>;
+    'application-tray-icon-clicked': TrayIconClicked<Topic, Type>;
+    'window-created': WindowEvent<Topic, Type>;
+    'window-end-load': WindowEndLoadEvent<Topic, Type>;
+    'window-not-responding': WindowEvent<Topic, Type>;
+    'window-responding': WindowEvent<Topic, Type>;
+    'window-start-load': WindowEvent<Topic, Type>;
+}
+export declare type ApplicationEvents = PropagatedWindowEvents<'application'> & {
+    [Type in keyof ApplicationEventMapping]: ApplicationEventMapping<'application', Type>[Type];
+};
+export declare type PropagatedApplicationEvents<Topic> = {
+    [Type in keyof PropagatedApplicationEventMapping]: PropagatedApplicationEventMapping<Topic, Type>[Type];
+};
diff --git a/types/openfin/_v2/api/events/base.d.ts b/types/openfin/_v2/api/events/base.d.ts
new file mode 100644
index 0000000000..700f82679b
--- /dev/null
+++ b/types/openfin/_v2/api/events/base.d.ts
@@ -0,0 +1,18 @@
+import { FrameEvent } from './frame';
+export declare type RuntimeEvent<Topic = string, Type = string> = Topic extends 'window' ? WindowEvent<Topic, Type> : Topic extends 'frame' ? FrameEvent<Type> : Topic extends 'application' ? ApplicationEvent<Topic, Type> : BaseEvent<Topic, Type>;
+export interface BaseEvent<Topic, Type> {
+    topic: Topic;
+    type: Type;
+}
+export interface ApplicationEvent<Topic, Type> extends BaseEvent<Topic, Type> {
+    uuid: string;
+}
+export interface WindowEvent<Topic, Type> extends ApplicationEvent<Topic, Type> {
+    name: string;
+}
+export declare function getTopic(e: RuntimeEvent<any>): string;
+export interface BaseEventMap {
+    [name: string]: any;
+    'newListener': string;
+    'listenerRemoved': string;
+}
diff --git a/types/openfin/_v2/api/events/channel.d.ts b/types/openfin/_v2/api/events/channel.d.ts
new file mode 100644
index 0000000000..3c448071cb
--- /dev/null
+++ b/types/openfin/_v2/api/events/channel.d.ts
@@ -0,0 +1,10 @@
+import { BaseEventMap, ApplicationEvent } from './base';
+export interface ChannelEvent<Type> extends ApplicationEvent<'channel', Type> {
+    channelName: string;
+    channelId: string;
+    name?: string;
+}
+export interface ChannelEvents extends BaseEventMap {
+    'connected': ChannelEvent<'connected'>;
+    'disconnected': ChannelEvent<'disconnected'>;
+}
diff --git a/types/openfin/_v2/api/events/emitterMap.d.ts b/types/openfin/_v2/api/events/emitterMap.d.ts
new file mode 100644
index 0000000000..aa3fb498e8
--- /dev/null
+++ b/types/openfin/_v2/api/events/emitterMap.d.ts
@@ -0,0 +1,15 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export declare class EmitterMap {
+    private storage;
+    constructor();
+    private hashKeys;
+    get(keys: EmitterAccessor): EventEmitter;
+    has(keys: EmitterAccessor): boolean;
+    delete(keys: EmitterAccessor): boolean;
+}
+export declare type SystemEmitterAccessor = ['system'];
+export declare type ApplicationEmitterAccessor = ['application', string];
+export declare type WindowEmitterAccessor = ['window', string, string];
+export declare type HotkeyEmitterAccessor = ['global-hotkey'];
+export declare type EmitterAccessor = SystemEmitterAccessor | ApplicationEmitterAccessor | WindowEmitterAccessor | HotkeyEmitterAccessor | string[];
diff --git a/types/openfin/_v2/api/events/eventAggregator.d.ts b/types/openfin/_v2/api/events/eventAggregator.d.ts
new file mode 100644
index 0000000000..ac7b7ca1b2
--- /dev/null
+++ b/types/openfin/_v2/api/events/eventAggregator.d.ts
@@ -0,0 +1,5 @@
+import { Message } from '../../transport/transport';
+import { EmitterMap } from './emitterMap';
+export declare class EventAggregator extends EmitterMap {
+    dispatchEvent: (message: Message<any>) => boolean;
+}
diff --git a/types/openfin/_v2/api/events/externalApplication.d.ts b/types/openfin/_v2/api/events/externalApplication.d.ts
new file mode 100644
index 0000000000..f7cd85f45d
--- /dev/null
+++ b/types/openfin/_v2/api/events/externalApplication.d.ts
@@ -0,0 +1,5 @@
+import { RuntimeEvent, BaseEventMap } from './base';
+export interface ExternalApplicationEvents extends BaseEventMap {
+    connected: RuntimeEvent<'externalapplication', 'connected'>;
+    disconnected: RuntimeEvent<'externalapplication', 'disconnected'>;
+}
diff --git a/types/openfin/_v2/api/events/frame.d.ts b/types/openfin/_v2/api/events/frame.d.ts
new file mode 100644
index 0000000000..c31933e557
--- /dev/null
+++ b/types/openfin/_v2/api/events/frame.d.ts
@@ -0,0 +1,9 @@
+import { BaseEventMap, WindowEvent } from './base';
+export interface FrameEvent<Type> extends WindowEvent<'frame', Type> {
+    entityType: 'iframe';
+    frameName: string;
+}
+export interface FrameEvents extends BaseEventMap {
+    connected: FrameEvent<'connected'>;
+    disconnected: FrameEvent<'disconnected'>;
+}
diff --git a/types/openfin/_v2/api/events/globalHotkey.d.ts b/types/openfin/_v2/api/events/globalHotkey.d.ts
new file mode 100644
index 0000000000..561baba446
--- /dev/null
+++ b/types/openfin/_v2/api/events/globalHotkey.d.ts
@@ -0,0 +1,11 @@
+import { RuntimeEvent, BaseEventMap } from './base';
+import { Identity } from '../../identity';
+import { nonHotkeyEvents } from '../global-hotkey';
+export interface GlobalHotkeyEvent<Type> extends RuntimeEvent<'global-hotkey', Type> {
+    identity: Identity;
+    hotkey: string;
+}
+export interface GlobalHotkeyEvents extends BaseEventMap {
+    [nonHotkeyEvents.REGISTERED]: GlobalHotkeyEvent<nonHotkeyEvents.REGISTERED>;
+    [nonHotkeyEvents.UNREGISTERED]: GlobalHotkeyEvent<nonHotkeyEvents.UNREGISTERED>;
+}
diff --git a/types/openfin/_v2/api/events/notifications.d.ts b/types/openfin/_v2/api/events/notifications.d.ts
new file mode 100644
index 0000000000..a269817222
--- /dev/null
+++ b/types/openfin/_v2/api/events/notifications.d.ts
@@ -0,0 +1,8 @@
+import { RuntimeEvent, BaseEventMap } from './base';
+export interface NotificationEvents extends BaseEventMap {
+    show: RuntimeEvent<'notification', 'show'>;
+    close: RuntimeEvent<'notification', 'close'>;
+    error: RuntimeEvent<'notification', 'error'>;
+    click: RuntimeEvent<'notification', 'click'>;
+    message: RuntimeEvent<'notification', 'message'>;
+}
diff --git a/types/openfin/_v2/api/events/system.d.ts b/types/openfin/_v2/api/events/system.d.ts
new file mode 100644
index 0000000000..20285a8862
--- /dev/null
+++ b/types/openfin/_v2/api/events/system.d.ts
@@ -0,0 +1,22 @@
+import { BaseEvent, ApplicationEvent, BaseEventMap } from './base';
+import { MonitorInfo } from '../system/monitor';
+import { PropagatedWindowEvents } from './window';
+import { PropagatedApplicationEvents } from './application';
+export interface IdleEvent<Topic, Type> extends BaseEvent<Topic, Type> {
+    elapsedTime: number;
+    isIdle: boolean;
+}
+export declare type MonitorEvent<Topic, Type> = MonitorInfo & BaseEvent<Topic, Type>;
+export interface SessionChangedEvent<Topic, Type> extends BaseEvent<Topic, Type> {
+    reason: 'lock' | 'unlock' | 'remote-connect' | 'remote-disconnect' | 'unknown';
+}
+export interface SystemEventMapping<Topic = string, Type = string> extends BaseEventMap {
+    'application-created': ApplicationEvent<Topic, Type>;
+    'desktop-icon-clicked': ApplicationEvent<Topic, Type>;
+    'idle-state-changed': IdleEvent<Topic, Type>;
+    'monitor-info-changed': MonitorEvent<Topic, Type>;
+    'session-changed': SessionChangedEvent<Topic, Type>;
+}
+export declare type SystemEvents = PropagatedWindowEvents<'system'> & PropagatedApplicationEvents<'system'> & {
+    [Type in keyof SystemEventMapping]: SystemEventMapping<'system', Type>[Type];
+};
diff --git a/types/openfin/_v2/api/events/window.d.ts b/types/openfin/_v2/api/events/window.d.ts
new file mode 100644
index 0000000000..85d4d553f0
--- /dev/null
+++ b/types/openfin/_v2/api/events/window.d.ts
@@ -0,0 +1,176 @@
+import { CrashedEvent } from './application';
+import { WindowEvent, BaseEventMap } from './base';
+export declare type SpecificWindowEvent<Type> = WindowEvent<'window', Type>;
+export interface WindowAlertRequestedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    message: string;
+    url: string;
+}
+export interface WindowAuthRequestedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    authInfo: {
+        host: string;
+        isProxy: boolean;
+        port: number;
+        realm: string;
+        scheme: string;
+    };
+}
+export interface WindowEndLoadEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    documentName: string;
+    isMain: boolean;
+}
+export interface WindowNavigationRejectedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    sourceName: string;
+    url: string;
+}
+export interface WindowReloadedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    url: string;
+}
+export interface WindowExternalProcessExitedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    processUuid: string;
+    exitCode: number;
+}
+export interface WindowExternalProcessStartedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    processUuid: string;
+}
+export interface WindowHiddenEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    reason: 'closing' | 'hide' | 'hide-on-close';
+}
+export interface PreloadScriptInfoRunning {
+    state: 'load-started' | // started loading preload script
+    'load-failed' | // preload script failed to load
+    'load-succeeded' | // preload script is loaded and ready to be eval'ed
+    'failed' | // preload script failed to eval
+    'succeeded';
+}
+export interface PreloadScriptInfo {
+    state: 'load-failed' | // preload script failed to load
+    'failed' | // preload script failed to eval
+    'succeeded';
+}
+export interface WindowPreloadScriptsStateChangeEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    preloadScripts: (PreloadScriptInfoRunning & any)[];
+}
+export interface WindowPreloadScriptsStateChangedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    preloadScripts: (PreloadScriptInfoRunning & any)[];
+}
+export interface WindowPreloadScriptsStateChangedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    preloadScripts: (PreloadScriptInfo & any)[];
+}
+export interface WindowResourceLoadFailedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    errorCode: number;
+    errorDescription: string;
+    validatedURL: string;
+    isMainFrame: boolean;
+}
+export interface WindowResourceResponseReceivedEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    status: boolean;
+    newUrl: string;
+    originalUrl: string;
+    httpResponseCode: number;
+    requestMethod: string;
+    referrer: string;
+    headers: any;
+    resourceType: 'mainFrame' | 'subFrame' | 'styleSheet' | 'script' | 'image' | 'object' | 'xhr' | 'other';
+}
+export interface WindowBeginBoundsChangingEvent<Topic, Type> extends WindowEvent<Topic, Type> {
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+    windowState: 'minimized' | 'normal' | 'maximized';
+}
+export interface WindowBoundsChange<Topic, Type> extends WindowEvent<Topic, Type> {
+    changeType: 0 | 1 | 2;
+    deferred: boolean;
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+}
+export interface WindowGroupChanged<Topic, Type> extends WindowEvent<Topic, Type> {
+    memberOf: 'source' | 'target' | 'nothing';
+    reason: 'leave' | 'join' | 'merge' | 'disband';
+    sourceGroup: {
+        appUuid: string;
+        windowName: string;
+    }[];
+    sourceWindowAppUuid: string;
+    sourceWindowName: string;
+    targetGroup: {
+        appUuid: string;
+        windowName: string;
+    }[];
+    targetWindowAppUuid: string;
+    targetWindowName: string;
+}
+export interface WindowEventMapping<Topic = string, Type = string> extends BaseEventMap {
+    'auth-requested': WindowAuthRequestedEvent<Topic, Type>;
+    'begin-user-bounds-changing': WindowBeginBoundsChangingEvent<Topic, Type>;
+    'blurred': WindowEvent<Topic, Type>;
+    'bounds-changed': WindowBoundsChange<Topic, Type>;
+    'bounds-changing': WindowBoundsChange<Topic, Type>;
+    'close-requested': WindowEvent<Topic, Type>;
+    'closed': WindowEvent<Topic, Type>;
+    'closing': WindowEvent<Topic, Type>;
+    'crashed': CrashedEvent & WindowEvent<Topic, Type>;
+    'disabled-frame-bounds-changed': WindowBoundsChange<Topic, Type>;
+    'disabled-frame-bounds-changing': WindowBoundsChange<Topic, Type>;
+    'embedded': WindowEvent<Topic, Type>;
+    'end-user-bounds-changing': WindowBeginBoundsChangingEvent<Topic, Type>;
+    'external-process-exited': WindowExternalProcessExitedEvent<Topic, Type>;
+    'external-process-started': WindowExternalProcessStartedEvent<Topic, Type>;
+    'focused': WindowEvent<Topic, Type>;
+    'frame-disabled': WindowEvent<Topic, Type>;
+    'frame-enabled': WindowEvent<Topic, Type>;
+    'group-changed': WindowGroupChanged<Topic, Type>;
+    'hidden': WindowHiddenEvent<Topic, Type>;
+    'initialized': WindowEvent<Topic, Type>;
+    'maximized': WindowEvent<Topic, Type>;
+    'minimized': WindowEvent<Topic, Type>;
+    'navigation-rejected': WindowNavigationRejectedEvent<Topic, Type>;
+    'preload-scripts-state-changed': WindowPreloadScriptsStateChangeEvent<Topic, Type>;
+    'preload-scripts-state-changing': WindowPreloadScriptsStateChangeEvent<Topic, Type>;
+    'resource-load-failed': WindowResourceLoadFailedEvent<Topic, Type>;
+    'resource-response-received': WindowResourceResponseReceivedEvent<Topic, Type>;
+    'reloaded': WindowReloadedEvent<Topic, Type>;
+    'restored': WindowEvent<Topic, Type>;
+    'show-requested': WindowEvent<Topic, Type>;
+    'shown': WindowEvent<Topic, Type>;
+}
+export interface PropagatedWindowEventMapping<Topic = string, Type = string> extends BaseEventMap {
+    'window-begin-user-bounds-changing': WindowBeginBoundsChangingEvent<Topic, Type>;
+    'window-blurred': WindowEvent<Topic, Type>;
+    'window-bounds-changed': WindowBoundsChange<Topic, Type>;
+    'window-bounds-changing': WindowBoundsChange<Topic, Type>;
+    'window-closed': WindowEvent<Topic, Type>;
+    'window-closing': WindowEvent<Topic, Type>;
+    'window-crashed': CrashedEvent & WindowEvent<Topic, Type>;
+    'window-disabled-frame-bounds-changed': WindowBoundsChange<Topic, Type>;
+    'window-disabled-frame-bounds-changing': WindowBoundsChange<Topic, Type>;
+    'window-embedded': WindowEvent<Topic, Type>;
+    'window-end-user-bounds-changing': WindowBeginBoundsChangingEvent<Topic, Type>;
+    'window-external-process-exited': WindowExternalProcessExitedEvent<Topic, Type>;
+    'window-external-process-started': WindowExternalProcessStartedEvent<Topic, Type>;
+    'window-focused': WindowEvent<Topic, Type>;
+    'window-frame-disabled': WindowEvent<Topic, Type>;
+    'window-frame-enabled': WindowEvent<Topic, Type>;
+    'window-group-changed': WindowGroupChanged<Topic, Type>;
+    'window-hidden': WindowHiddenEvent<Topic, Type>;
+    'window-initialized': WindowEvent<Topic, Type>;
+    'window-maximized': WindowEvent<Topic, Type>;
+    'window-minimized': WindowEvent<Topic, Type>;
+    'window-navigation-rejected': WindowNavigationRejectedEvent<Topic, Type>;
+    'window-preload-scripts-state-changed': WindowPreloadScriptsStateChangeEvent<Topic, Type>;
+    'window-preload-scripts-state-changing': WindowPreloadScriptsStateChangedEvent<Topic, Type>;
+    'window-resource-load-failed': WindowResourceLoadFailedEvent<Topic, Type>;
+    'window-resource-response-received': WindowResourceResponseReceivedEvent<Topic, Type>;
+    'window-reloaded': WindowReloadedEvent<Topic, Type>;
+    'window-restored': WindowEvent<Topic, Type>;
+    'window-shown': WindowEvent<Topic, Type>;
+}
+export declare type WindowEvents = {
+    [Type in keyof WindowEventMapping]: WindowEventMapping<'window', Type>[Type];
+};
+export declare type PropagatedWindowEvents<Topic> = {
+    [Type in keyof PropagatedWindowEventMapping]: PropagatedWindowEventMapping<Topic, Type>[Type];
+};
diff --git a/types/openfin/_v2/api/external-application/external-application.d.ts b/types/openfin/_v2/api/external-application/external-application.d.ts
index 2d1f46e0f3..a4f44851e9 100644
--- a/types/openfin/_v2/api/external-application/external-application.d.ts
+++ b/types/openfin/_v2/api/external-application/external-application.d.ts
@@ -1,16 +1,30 @@
-import { Base, EmitterBase, Reply } from '../base';
+import { Base, EmitterBase } from '../base';
 import { Identity } from '../../identity';
 import Transport from '../../transport/transport';
+import { ExternalApplicationEvents } from '../events/externalApplication';
 export interface ExternalApplicationInfo {
     parent: Identity;
 }
+/**
+ * @lends ExternalApplication
+ */
 export default class ExternalApplicationModule extends Base {
     /**
-     * Returns an External Application object that represents an existing external application.
+     * Asynchronously returns an External Application object that represents an existing external application.
      * @param {string} uuid The UUID of the external application to be wrapped
      * @return {Promise.<ExternalApplication>}
+     * @tutorial ExternalApplication.wrap
+     * @static
      */
     wrap(uuid: string): Promise<ExternalApplication>;
+    /**
+     * Synchronously returns an External Application object that represents an existing external application.
+     * @param {string} uuid The UUID of the external application to be wrapped
+     * @return {ExternalApplication}
+     * @tutorial ExternalApplication.wrapSync
+     * @static
+     */
+    wrapSync(uuid: string): ExternalApplication;
 }
 /**
  * @classdesc An ExternalApplication object representing an application. Allows
@@ -18,7 +32,7 @@ export default class ExternalApplicationModule extends Base {
  * well as listen to application events.
  * @class
  */
-export declare class ExternalApplication extends EmitterBase {
+export declare class ExternalApplication extends EmitterBase<ExternalApplicationEvents> {
     identity: Identity;
     constructor(wire: Transport, identity: Identity);
     /**
@@ -28,9 +42,3 @@ export declare class ExternalApplication extends EmitterBase {
      */
     getInfo(): Promise<ExternalApplicationInfo>;
 }
-export interface ExternalApplication {
-    on(type: 'connected', listener: (data: Reply<'externalapplication', 'connected'>) => void): Promise<void>;
-    on(type: 'disconnected', listener: (data: Reply<'externalapplication', 'disconnected'>) => void): Promise<void>;
-    on(type: 'removeListener', listener: (eventType: string) => void): Promise<void>;
-    on(type: 'newListener', listener: (eventType: string) => void): Promise<void>;
-}
diff --git a/types/openfin/_v2/api/frame/frame.d.ts b/types/openfin/_v2/api/frame/frame.d.ts
index 4a5ab971de..8795ae190b 100644
--- a/types/openfin/_v2/api/frame/frame.d.ts
+++ b/types/openfin/_v2/api/frame/frame.d.ts
@@ -1,6 +1,7 @@
 import { Base, EmitterBase } from '../base';
 import { Identity } from '../../identity';
 import Transport from '../../transport/transport';
+import { FrameEvents } from '../events/frame';
 export declare type EntityType = 'window' | 'iframe' | 'external connection' | 'unknown';
 export interface FrameInfo {
     uuid: string;
@@ -8,19 +9,40 @@ export interface FrameInfo {
     entityType: EntityType;
     parent: Identity;
 }
+/**
+ * @lends Frame
+ */
 export default class _FrameModule extends Base {
     /**
-     * Gets a reference to the specified frame. The frame does not have to exist
-     * @param {string} uuid - uuid of the frame you want to wrap
-     * @param {string} name - name of the frame you want to wrap
+     * Asynchronously returns a reference to the specified frame. The frame does not have to exist
+     * @param {Identity} identity - the identity of the frame you want to wrap
      * @return {Promise.<_Frame>}
+     * @tutorial Frame.wrap
+     * @static
      */
-    wrap(uuid: string, name: string): Promise<_Frame>;
+    wrap(identity: Identity): Promise<_Frame>;
     /**
-     * Get a reference to the current frame
+     * Synchronously returns a reference to the specified frame. The frame does not have to exist
+     * @param {Identity} identity - the identity of the frame you want to wrap
+     * @return {_Frame}
+     * @tutorial Frame.wrapSync
+     * @static
+     */
+    wrapSync(identity: Identity): _Frame;
+    /**
+     * Asynchronously returns a reference to the current frame
      * @return {Promise.<_Frame>}
+     * @tutorial Frame.getCurrent
+     * @static
      */
     getCurrent(): Promise<_Frame>;
+    /**
+     * Synchronously returns a reference to the current frame
+     * @return {_Frame}
+     * @tutorial Frame.getCurrentSync
+     * @static
+     */
+    getCurrentSync(): _Frame;
 }
 /**
  * @classdesc Represents a way to interact with `iframes`. Facilitates discovery of current context
@@ -28,7 +50,7 @@ export default class _FrameModule extends Base {
  * @class
  * @alias Frame
  */
-export declare class _Frame extends EmitterBase {
+export declare class _Frame extends EmitterBase<FrameEvents> {
     identity: Identity;
     constructor(wire: Transport, identity: Identity);
     /**
@@ -45,7 +67,3 @@ export declare class _Frame extends EmitterBase {
      */
     getParentWindow(): Promise<FrameInfo>;
 }
-export interface _Frame {
-    on(type: 'connected', listener: (eventType: string) => void): Promise<void>;
-    on(type: 'disconnected', listener: (eventType: string) => void): Promise<void>;
-}
diff --git a/types/openfin/_v2/api/global-hotkey/index.d.ts b/types/openfin/_v2/api/global-hotkey/index.d.ts
index 148ddff7e9..7aa08d6f20 100644
--- a/types/openfin/_v2/api/global-hotkey/index.d.ts
+++ b/types/openfin/_v2/api/global-hotkey/index.d.ts
@@ -1,10 +1,15 @@
 import { EmitterBase } from '../base';
 import Transport from '../../transport/transport';
+import { GlobalHotkeyEvents } from '../events/globalHotkey';
+export declare const enum nonHotkeyEvents {
+    REGISTERED = "registered",
+    UNREGISTERED = "unregistered"
+}
 /**
  * The GlobalHotkey module can register/unregister a global hotkeys.
  * @namespace
  */
-export default class GlobalHotkey extends EmitterBase {
+export default class GlobalHotkey extends EmitterBase<GlobalHotkeyEvents> {
     constructor(wire: Transport);
     /**
      * Registers a global hotkey with the operating system.
diff --git a/types/openfin/_v2/api/interappbus/channel/index.d.ts b/types/openfin/_v2/api/interappbus/channel/index.d.ts
index 1297d2c5ea..2b2d963932 100644
--- a/types/openfin/_v2/api/interappbus/channel/index.d.ts
+++ b/types/openfin/_v2/api/interappbus/channel/index.d.ts
@@ -4,30 +4,29 @@ import { ChannelProvider } from './provider';
 import { EmitterBase } from '../../base';
 import Transport, { Message, Payload } from '../../../transport/transport';
 import { ProviderIdentity } from './channel';
-export interface Options {
+import { ChannelEvents } from '../../events/channel';
+export interface ConnectOptions {
     wait?: boolean;
-    uuid: string;
-    name?: string;
     payload?: any;
 }
 export interface ChannelPayload {
     payload: Payload;
 }
-export interface ChannelMessage {
+export interface ChannelMessage extends Message<any> {
     senderIdentity: Identity;
     ackToSender: any;
-    providerIdentity: Identity;
+    providerIdentity: ProviderIdentity;
     connectAction: boolean;
 }
-export declare class Channel extends EmitterBase {
+export declare class Channel extends EmitterBase<ChannelEvents> {
     private channelMap;
     constructor(wire: Transport);
     getAllChannels(): Promise<ProviderIdentity[]>;
-    onChannelConnect(listener: Function): Promise<void>;
-    onChannelDisconnect(listener: Function): Promise<void>;
-    connect(options: Options): Promise<ChannelClient>;
-    create(channelName?: string): Promise<ChannelProvider>;
-    onmessage: (msg: Message<ChannelMessage>) => boolean;
+    onChannelConnect(listener: (...args: any[]) => void): Promise<void>;
+    onChannelDisconnect(listener: (...args: any[]) => void): Promise<void>;
+    connect(channelName: string, options?: ConnectOptions): Promise<ChannelClient>;
+    create(channelName: string): Promise<ChannelProvider>;
+    onmessage: (msg: ChannelMessage) => boolean;
     private processChannelMessage;
     private processChannelConnection;
 }
diff --git a/types/openfin/_v2/api/interappbus/channel/provider.d.ts b/types/openfin/_v2/api/interappbus/channel/provider.d.ts
index a869928ac2..4b978c2781 100644
--- a/types/openfin/_v2/api/interappbus/channel/provider.d.ts
+++ b/types/openfin/_v2/api/interappbus/channel/provider.d.ts
@@ -1,13 +1,15 @@
 import { ChannelBase, ProviderIdentity } from './channel';
 import Transport from '../../../transport/transport';
-export declare type ConnectionListener = (adapterIdentity: ProviderIdentity, connectionMessage?: any) => any;
+import { Identity } from '../../../main';
+export declare type ConnectionListener = (identity: Identity, connectionMessage?: any) => any;
 export declare class ChannelProvider extends ChannelBase {
     private connectListener;
     private disconnectListener;
-    connections: ProviderIdentity[];
+    connections: Identity[];
     constructor(providerIdentity: ProviderIdentity, send: Transport['sendAction']);
-    dispatch(to: ProviderIdentity, action: string, payload: any): Promise<any>;
-    processConnection(senderId: ProviderIdentity, payload: any): Promise<any>;
+    dispatch(to: Identity, action: string, payload: any): Promise<any>;
+    processConnection(senderId: Identity, payload: any): Promise<any>;
     publish(action: string, payload: any): Promise<any>[];
     onConnection(listener: ConnectionListener): void;
+    onDisconnection(listener: ConnectionListener): void;
 }
diff --git a/types/openfin/_v2/api/notification/notification.d.ts b/types/openfin/_v2/api/notification/notification.d.ts
index 8deec180ba..9a6bee7076 100644
--- a/types/openfin/_v2/api/notification/notification.d.ts
+++ b/types/openfin/_v2/api/notification/notification.d.ts
@@ -1,6 +1,7 @@
 import { Base, EmitterBase } from '../base';
 import { Identity } from '../../identity';
 import Transport from '../../transport/transport';
+import { NotificationEvents } from '../events/notifications';
 export declare class NotificationOptions {
     url: string;
     message: string;
@@ -22,14 +23,12 @@ export interface NotificationCallback {
  * @class
  * @alias Notification
  */
-export declare class _Notification extends EmitterBase {
+export declare class _Notification extends EmitterBase<NotificationEvents> {
     private listenerList;
     private unhookAllListeners;
-    private buildLocalPayload;
     protected options: NotificationOptions;
     protected generalListener: (msg: any) => void;
     protected notificationId: number;
-    protected onmessage: (message: any) => boolean;
     constructor(wire: Transport, options: NotificationOptions);
     url: string;
     timeout: number | string;
diff --git a/types/openfin/_v2/api/system/application.d.ts b/types/openfin/_v2/api/system/application.d.ts
index 9d7ea09b67..0e14602942 100644
--- a/types/openfin/_v2/api/system/application.d.ts
+++ b/types/openfin/_v2/api/system/application.d.ts
@@ -1,4 +1,5 @@
 export interface ApplicationInfo {
     isRunning: boolean;
     uuid: string;
+    parentUuid?: string;
 }
diff --git a/types/openfin/_v2/api/system/external-process.d.ts b/types/openfin/_v2/api/system/external-process.d.ts
index 8a68f1eae3..624c93ea18 100644
--- a/types/openfin/_v2/api/system/external-process.d.ts
+++ b/types/openfin/_v2/api/system/external-process.d.ts
@@ -1,7 +1,17 @@
 export interface ExternalProcessRequestType {
-    path: string;
-    arguments: string;
-    listener: LaunchExternalProcessListener;
+    path?: string;
+    alias?: string;
+    arguments?: string;
+    listener?: LaunchExternalProcessListener;
+    lifetime?: string;
+    certificate?: CertificationInfo;
+}
+export interface CertificationInfo {
+    serial?: string;
+    subject?: string;
+    publickey?: string;
+    thumbprint?: string;
+    trusted?: boolean;
 }
 export interface ExitCode {
     topic: string;
@@ -20,3 +30,7 @@ export interface ExternalConnection {
     token: string;
     uuid: string;
 }
+export interface ExternalProcessInfo {
+    pid: number;
+    listener?: LaunchExternalProcessListener;
+}
diff --git a/types/openfin/_v2/api/system/host-specs.d.ts b/types/openfin/_v2/api/system/host-specs.d.ts
index 2c5a134aea..dfd3e665fd 100644
--- a/types/openfin/_v2/api/system/host-specs.d.ts
+++ b/types/openfin/_v2/api/system/host-specs.d.ts
@@ -14,9 +14,11 @@ export interface GpuInfo {
     name: string;
 }
 export interface HostSpecs {
-    cpu: CpuInfo[];
-    memory: number;
+    aeroGlassEnabled?: boolean;
     arch: string;
-    name: string;
+    cpus: CpuInfo[];
     gpu: GpuInfo;
+    memory: number;
+    name: string;
+    screenSaver?: boolean;
 }
diff --git a/types/openfin/_v2/api/system/process.d.ts b/types/openfin/_v2/api/system/process.d.ts
index 8a513ceecd..98901db137 100644
--- a/types/openfin/_v2/api/system/process.d.ts
+++ b/types/openfin/_v2/api/system/process.d.ts
@@ -1,15 +1,15 @@
 export interface ProcessInfo {
-    cpuUsage: number;
-    name: string;
-    nonPagedPoolUsage: number;
-    pageFaultCount: number;
-    pagedPoolUsage: number;
-    pagefileUsage: number;
-    peakNonPagedPoolUsage: number;
-    peakPagedPoolUsage: number;
-    peakPagefileUsage: number;
-    peakWorkingSetSize: number;
-    processId: number;
-    uuid: string;
-    workingSetSize: number;
+    cpuUsage?: number;
+    name?: string;
+    nonPagedPoolUsage?: number;
+    pageFaultCount?: number;
+    pagedPoolUsage?: number;
+    pagefileUsage?: number;
+    peakNonPagedPoolUsage?: number;
+    peakPagedPoolUsage?: number;
+    peakPagefileUsage?: number;
+    peakWorkingSetSize?: number;
+    processId?: number;
+    uuid?: string;
+    workingSetSize?: number;
 }
diff --git a/types/openfin/_v2/api/system/proxy.d.ts b/types/openfin/_v2/api/system/proxy.d.ts
index 597afa6548..2f8a945903 100644
--- a/types/openfin/_v2/api/system/proxy.d.ts
+++ b/types/openfin/_v2/api/system/proxy.d.ts
@@ -1,14 +1,15 @@
 export interface ProxyInfo {
     config: ProxyConfig;
-    system: {
-        autoConfigUrl: string;
-        bypass: '';
-        enabled: boolean;
-        proxy: string;
-    };
+    system: ProxySystemInfo;
 }
 export interface ProxyConfig {
     proxyAddress: string;
     proxyPort: number;
     type: string;
 }
+export interface ProxySystemInfo {
+    autoConfigUrl: string;
+    bypass: string;
+    enabled: boolean;
+    proxy: string;
+}
diff --git a/types/openfin/_v2/api/system/rvm.d.ts b/types/openfin/_v2/api/system/rvm.d.ts
index 42fc0b94db..fb8737a081 100644
--- a/types/openfin/_v2/api/system/rvm.d.ts
+++ b/types/openfin/_v2/api/system/rvm.d.ts
@@ -1,5 +1,8 @@
 export interface RVMInfo {
     action: string;
+    appLogDirectory: string;
+    path: string;
     'start-time': string;
     version: string;
+    'working-dir': string;
 }
diff --git a/types/openfin/_v2/api/system/system.d.ts b/types/openfin/_v2/api/system/system.d.ts
index 8c0bc7d3b6..76f244cabf 100644
--- a/types/openfin/_v2/api/system/system.d.ts
+++ b/types/openfin/_v2/api/system/system.d.ts
@@ -12,13 +12,14 @@ import { RVMInfo } from './rvm';
 import { RuntimeInfo } from './runtime-info';
 import { Entity, EntityInfo } from './entity';
 import { HostSpecs } from './host-specs';
-import { ExternalProcessRequestType, TerminateExternalRequestType, ExternalConnection } from './external-process';
+import { ExternalProcessRequestType, TerminateExternalRequestType, ExternalConnection, ExternalProcessInfo } from './external-process';
 import Transport from '../../transport/transport';
 import { CookieInfo, CookieOption } from './cookie';
 import { RegistryInfo } from './registry-info';
 import { DownloadPreloadOption, DownloadPreloadInfo } from './download-preload';
 import { ClearCacheOption } from './clearCacheOption';
 import { CrashReporterOption } from './crashReporterOption';
+import { SystemEvents } from '../events/system';
 /**
  * AppAssetInfo interface
  * @typedef { Object } AppAssetInfo
@@ -35,6 +36,23 @@ import { CrashReporterOption } from './crashReporterOption';
  * @typedef { Object } AppAssetRequest
  * @property { string } alias The name of the asset
  */
+/**
+ * ApplicationInfo interface
+ * @typedef { Object } ApplicationInfo
+ * @property { boolean } isRunning  true when the application is running
+ * @property { string } uuid uuid of the application
+ * @property { string } parentUuid uuid of the application that launches this application
+ */
+/**
+ * @typedef { Object } ClearCacheOption
+ * @summary Clear cache options.
+ * @desc These are the options required by the clearCache function.
+ *
+ * @property {boolean} appcache html5 application cache
+ * @property {boolean} cache browser data cache for html files and images
+ * @property {boolean} cookies browser cookies
+ * @property {boolean} localStorage browser data that can be used across sessions
+ */
 /**
  * CookieInfo interface
  * @typedef { Object } CookieInfo
@@ -48,18 +66,33 @@ import { CrashReporterOption } from './crashReporterOption';
  * @property { string } name The name of the cookie
  */
 /**
- * ExternalConnection interface
- * @typedef { Object } ExternalConnection
- * @property { string } token The token to broker an external connection
- * @property { string } uuid The uuid of the external connection
+ * CpuInfo interface
+ * @typedef { Object } CpuInfo
+ * @property { string } model The model of the cpu
+ * @property { number } speed The number in MHz
+ * @property { Time } times The numbers of milliseconds the CPU has spent in different modes.
  */
 /**
-* ExternalProcessRequestType interface
-* @typedef { Object } ExternalProcessRequestType
-* @property { string } path The file path to where the running application resides
-* @property { string } arguments The argument passed to the running application
-* @property { Object } listener This is described in the {LaunchExternalProcessListner} type definition
+* CrashReporterOption interface
+* @typedef { Object } CrashReporterOption
+* @property { boolean } diagnosticMode In diagnostic mode the crash reporter will send diagnostic logs to
+*  the OpenFin reporting service on runtime shutdown
+* @property { boolean } isRunning check if it's running
 */
+/**
+ * DownloadPreloadInfo interface
+ * @typedef { Object } DownloadPreloadInfo
+ * @desc downloadPreloadScripts function return value
+ * @property { string } url url to the preload script
+ * @property { string } error error during preload script acquisition
+ * @property { boolean } succeess download operation success
+ */
+/**
+ * DownloadPreloadOption interface
+ * @typedef { Object } DownloadPreloadOption
+ * @desc These are the options object required by the downloadPreloadScripts function
+ * @property { string } url url to the preload script
+ */
 /**
  * Entity interface
  * @typedef { Object } Entity
@@ -75,18 +108,54 @@ import { CrashReporterOption } from './crashReporterOption';
  * @property { string } entityType The type of the entity
  */
 /**
-* GetLogRequestType interface
-* @typedef { Object } GetLogRequestType
-* @property { string } name The name of the running application
-* @property { number } endFile The file length of the log file
-* @property { number } sizeLimit The set size limit of the log file
-*/
+ * ExternalConnection interface
+ * @typedef { Object } ExternalConnection
+ * @property { string } token The token to broker an external connection
+ * @property { string } uuid The uuid of the external connection
+ */
+/**
+ * ExternalProcessRequestType interface
+ * @typedef { Object } ExternalProcessRequestType
+ * @property { string } path The file path to where the running application resides
+ * @property { string } arguments The argument passed to the running application
+ * @property { Object } listener This is described in the {LaunchExternalProcessListner} type definition
+ */
+/**
+ * GetLogRequestType interface
+ * @typedef { Object } GetLogRequestType
+ * @property { string } name The name of the running application
+ * @property { number } endFile The file length of the log file
+ * @property { number } sizeLimit The set size limit of the log file
+ */
+/**
+ * GpuInfo interface
+ * @typedef { Object } GpuInfo
+ * @property { string } name The graphics card name
+ */
+/**
+ * HostSpecs interface
+ * @typedef { Object } HostSpecs
+ * @property { boolean } aeroGlassEnabled Value to check if Aero Glass theme is supported on Windows platforms
+ * @property { string } arch "x86" for 32-bit or "x86_64" for 64-bit
+ * @property { Array<CpuInfo> } cpus The same payload as Node's os.cpus()
+ * @property { GpuInfo } gpu The graphics card name
+ * @property { number } memory The same payload as Node's os.totalmem()
+ * @property { string } name The OS name and version/edition
+ * @property { boolean } screenSaver Value to check if screensaver is running. Supported on Windows only
+ */
 /**
  * Identity interface
  * @typedef { Object } Identity
  * @property { string } name The name of the application
  * @property { string } uuid The uuid of the application
  */
+/**
+ * LogInfo interface
+ * @typedef { Object } LogInfo
+ * @property { string } name The filename of the log
+ * @property { number } size The size of the log in bytes
+ * @property { string } date The unix time at which the log was created "Thu Jan 08 2015 14:40:30 GMT-0500 (Eastern Standard Time)""
+ */
 /**
  * @typedef { verbose | info | warning | error | fatal } LogLevel
  * @summary Log verbosity levels.
@@ -98,12 +167,49 @@ import { CrashReporterOption } from './crashReporterOption';
  * @property { string } error error and above
  * @property { string } fatal fatal only, indicates a crash is imminent
  */
+/**
+ * PointTopLeft interface
+ * @typedef { Object } PointTopLeft
+ * @property { number } top The mouse top position in virtual screen coordinates
+ * @property { number } left The mouse left position in virtual screen coordinates
+ */
+/**
+ * ProcessInfo interface
+ * @typedef { Object } ProcessInfo
+ * @property { numder } cpuUsage The percentage of total CPU usage
+ * @property { string } name The application name
+ * @property { number } nonPagedPoolUsage The current nonpaged pool usage in bytes
+ * @property { number } pageFaultCount The number of page faults
+ * @property { number } pagedPoolUsage The current paged pool usage in bytes
+ * @property { number } pagefileUsage The total amount of memory in bytes that the memory manager has committed
+ * @property { number } peakNonPagedPoolUsage The peak nonpaged pool usage in bytes
+ * @property { number } peakPagedPoolUsage The peak paged pool usage in bytes
+ * @property { number } peakPagefileUsage The peak value in bytes of pagefileUsage during the lifetime of this process
+ * @property { number } peakWorkingSetSize The peak working set size in bytes
+ * @property { number } processId The native process identifier
+ * @property { string } uuid The application UUID
+ * @property { nubmer } workingSetSize The current working set size (both shared and private data) in bytes
+ */
 /**
  * ProxyConfig interface
  * @typedef { Object } ProxyConfig
- * @property { numder } proxyPort The port number of the running application
- * @property { string } proxyAddress The address of the running application
- * @property { string } type
+ * @property { string } proxyAddress The configured proxy address
+ * @property { numder } proxyPort The configured proxy port
+ * @property { string } type The proxy Type
+ */
+/**
+ * ProxyInfo interface
+ * @typedef { Object } ProxyInfo
+ * @property { ProxyConfig } config The proxy config
+ * @property { ProxySystemInfo } system The proxy system info
+ */
+/**
+ * ProxySystemInfo interface
+ * @typedef { Object } ProxySystemInfo
+ * @property { string } autoConfigUrl The auto configuration url
+ * @property { string } bypass The proxy bypass info
+ * @property { boolean } enabled Value to check if a proxy is enabled
+ * @property { string } proxy The proxy info
  */
 /**
  * RegistryInfo interface
@@ -120,6 +226,16 @@ import { CrashReporterOption } from './crashReporterOption';
  * @desc These are the options object required by the downloadRuntime function.
  * @property { string } version The given version to download
  */
+/**
+ * RVMInfo interface
+ * @typedef { Object } RVMInfo
+ * @property { string } action The name of action: "get-rvm-info"
+ * @property { string } appLogDirectory The app log directory
+ * @property { string } path The path of OpenfinRVM.exe
+ * @property { string } 'start-time' The start time of RVM
+ * @property { string } version The version of RVM
+ * @property { string } 'working-dir' The working directory
+ */
 /**
  * TerminateExternalRequestType interface
  * @typedef { Object } TerminateExternalRequestType
@@ -128,43 +244,41 @@ import { CrashReporterOption } from './crashReporterOption';
  * @property { boolean } killtree Value to terminate the running application
  */
 /**
- * DownloadPreloadOption interface
- * @typedef { Object } DownloadPreloadOption
- * @desc These are the options object required by the downloadPreloadScripts function
- * @property { string } url url to the preload script
+ * Time interface
+ * @typedef { Object } Time
+ * @property { number } user The number of milliseconds the CPU has spent in user mode
+ * @property { number } nice The number of milliseconds the CPU has spent in nice mode
+ * @property { number } sys The number of milliseconds the CPU has spent in sys mode
+ * @property { number } idle The number of milliseconds the CPU has spent in idle mode
+ * @property { number } irq The number of milliseconds the CPU has spent in irq mode
  */
 /**
- * DownloadPreloadInfo interface
- * @typedef { Object } DownloadPreloadInfo
- * @desc downloadPreloadScripts function return value
- * @property { string } url url to the preload script
- * @property { string } error error during preload script acquisition
- * @property { boolean } succeess download operation success
+ * WindowDetail interface
+ * @typedef { Object } WindowDetail
+ * @property { number } bottom The bottom-most coordinate of the window
+ * @property { number } height The height of the window
+ * @property { boolean } isShowing Value to check if the window is showing
+ * @property { number } left The left-most coordinate of the window
+ * @property { string } name The name of the window
+ * @property { number } right The right-most coordinate of the window
+ * @property { string } state The window state
+ * @property { number } top The top-most coordinate of the window
+ * @property { number } width The width of the window
  */
 /**
- * @typedef { Object } ClearCacheOption
- * @summary Clear cache options.
- * @desc These are the options required by the clearCache function.
- *
- * @property {boolean} appcache html5 application cache
- * @property {boolean} cache browser data cache for html files and images
- * @property {boolean} cookies browser cookies
- * @property {boolean} localStorage browser data that can be used across sessions
+ * WindowInfo interface
+ * @typedef { Object } WindowInfo
+ * @property { Array<WindowDetail> } childWindows The array of child windows details
+ * @property { WindowDetail } mainWindow The main window detail
+ * @property { string } uuid The uuid of the application
  */
-/**
-* CrashReporterOption interface
-* @typedef { Object } CrashReporterOption
-* @property { boolean } diagnosticMode In diagnostic mode the crash reporter will send diagnostic logs to
-*  the OpenFin reporting service on runtime shutdown
-* @property { boolean } isRunning check if it's running
-*/
 /**
  * An object representing the core of OpenFin Runtime. Allows the developer
  * to perform system-level actions, such as accessing logs, viewing processes,
  * clearing the cache and exiting the runtime.
  * @namespace
  */
-export default class System extends EmitterBase {
+export default class System extends EmitterBase<SystemEvents> {
     constructor(wire: Transport);
     /**
      * Returns the version of the runtime. The version contains the major, minor,
@@ -224,13 +338,6 @@ export default class System extends EmitterBase {
      * @tutorial System.getCrashReporterState
      */
     getCrashReporterState(): Promise<CrashReporterOption>;
-    /**
-     * Returns a unique identifier (UUID) for the machine (SHA256 hash of the system's MAC address).
-     * This call will return the same value on subsequent calls on the same machine(host).
-     * The values will be different on different machines, and should be considered globally unique.
-     * @return {Promise.<string>}
-     * @tutorial System.getDeviceId
-     */
     getDeviceId(): Promise<string>;
     /**
      * Start the crash reporter for the browser process if not already running.
@@ -275,6 +382,12 @@ export default class System extends EmitterBase {
      * @tutorial System.getLog
      */
     getLog(options: GetLogRequestType): Promise<string>;
+    /**
+     * Returns a unique identifier (UUID) provided by the machine.
+     * @return {Promise.<string>}
+     * @tutorial System.getMachineId
+     */
+    getMachineId(): Promise<string>;
     /**
      * Returns the minimum (inclusive) logging level that is currently being written to the log.
      * @return {Promise.<LogLevel>}
@@ -328,7 +441,7 @@ export default class System extends EmitterBase {
     getRvmInfo(): Promise<RVMInfo>;
     /**
      * Retrieves system information.
-     * @return {Promise.<Hostspecs>}
+     * @return {Promise.<HostSpecs>}
      * @tutorial System.getHostSpecs
      */
     getHostSpecs(): Promise<HostSpecs>;
@@ -341,11 +454,11 @@ export default class System extends EmitterBase {
     launchExternalProcess(options: ExternalProcessRequestType): Promise<Identity>;
     /**
      * Monitors a running process.
-     * @param { number } pid See tutorial for more details
+     * @param { ExternalProcessInfo } options See tutorial for more details
      * @return {Promise.<Identity>}
      * @tutorial System.monitorExternalProcess
      */
-    monitorExternalProcess(pid: number): Promise<Identity>;
+    monitorExternalProcess(options: ExternalProcessInfo): Promise<Identity>;
     /**
      * Writes the passed message into both the log file and the console.
      * @param { string } level The log level for the entry. Can be either "info", "warning" or "error"
diff --git a/types/openfin/_v2/api/system/window.d.ts b/types/openfin/_v2/api/system/window.d.ts
index 886084fad6..7b2a3b858b 100644
--- a/types/openfin/_v2/api/system/window.d.ts
+++ b/types/openfin/_v2/api/system/window.d.ts
@@ -1,14 +1,16 @@
 export interface WindowInfo {
-    uuid: string;
-    mainWindow: WindowDetail;
     childWindows: Array<WindowDetail>;
+    mainWindow: WindowDetail;
+    uuid: string;
 }
 export interface WindowDetail {
-    name: string;
-    top: number;
-    right: number;
     bottom: number;
     height: number;
-    width: number;
+    isShowing: boolean;
     left: number;
+    name: string;
+    right: number;
+    state: string;
+    top: number;
+    width: number;
 }
diff --git a/types/openfin/_v2/api/window/anchor-type.d.ts b/types/openfin/_v2/api/window/anchor-type.d.ts
new file mode 100644
index 0000000000..4e09af40ab
--- /dev/null
+++ b/types/openfin/_v2/api/window/anchor-type.d.ts
@@ -0,0 +1 @@
+export declare type AnchorType = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
diff --git a/types/openfin/_v2/api/window/window.d.ts b/types/openfin/_v2/api/window/window.d.ts
index 8d597a6446..fcefc4fa5d 100644
--- a/types/openfin/_v2/api/window/window.d.ts
+++ b/types/openfin/_v2/api/window/window.d.ts
@@ -1,32 +1,54 @@
-import { Base, EmitterBase, RuntimeEvent } from '../base';
+import { Base, EmitterBase } from '../base';
 import { Identity } from '../../identity';
 import Bounds from './bounds';
-import BoundsChangedReply from './bounds-changed';
 import { Transition, TransitionOptions } from './transition';
 import { Application } from '../application/application';
 import Transport from '../../transport/transport';
+import { WindowEvents } from '../events/window';
+import { AnchorType } from './anchor-type';
+import { WindowOption } from './windowOption';
+/**
+ * @lends Window
+ */
 export default class _WindowModule extends Base {
-    private instance;
     /**
-     * Returns a Window object that represents an existing window.
-     * @param { Identity } indentity
+     * Asynchronously returns a Window object that represents an existing window.
+     * @param { Identity } identity
      * @return {Promise.<_Window>}
      * @tutorial Window.wrap
+     * @static
      */
     wrap(identity: Identity): Promise<_Window>;
+    /**
+     * Synchronously returns a Window object that represents an existing window.
+     * @param { Identity } identity
+     * @return {_Window}
+     * @tutorial Window.wrapSync
+     * @static
+     */
+    wrapSync(identity: Identity): _Window;
     /**
      * Creates a new Window.
-     * @param { * } options - Window creation options
+     * @param { WindowOption } options - Window creation options
      * @return {Promise.<_Window>}
      * @tutorial Window.create
+     * @static
      */
-    create(options: any): Promise<_Window>;
+    create(options: WindowOption): Promise<_Window>;
     /**
-     * Returns a Window object that represents the current window
-     * @return {Promise.<Window>}
-     * @tutorial window.getCurrent
+     * Asynchronously returns a Window object that represents the current window
+     * @return {Promise.<_Window>}
+     * @tutorial Window.getCurrent
+     * @static
      */
     getCurrent(): Promise<_Window>;
+    /**
+     * Synchronously returns a Window object that represents the current window
+     * @return {_Window}
+     * @tutorial Window.getCurrentSync
+     * @static
+     */
+    getCurrentSync(): _Window;
 }
 export interface CloseEventShape {
     name: string;
@@ -47,6 +69,19 @@ export interface FrameInfo {
     entityType: string;
     parent?: Identity;
 }
+export interface Area {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+}
+/**
+ * @typedef { Object } Area
+ * @property { number } height Area's height
+ * @property { number } width Area's width
+ * @property { number } x X coordinate of area's starting point
+ * @property { number } y Y coordinate of area's starting point
+ */
 /**
  * @typedef {object} Transition
  * @property {Opacity} opacity - The Opacity transition
@@ -98,7 +133,7 @@ this animation onto the end of the animation queue.
  * @class
  * @alias Window
 */
-export declare class _Window extends EmitterBase {
+export declare class _Window extends EmitterBase<WindowEvents> {
     identity: Identity;
     /**
      * Raised when a window within this application requires credentials from the user.
@@ -425,10 +460,8 @@ export declare class _Window extends EmitterBase {
      * @property {string} state - The preload script state:
      "load-failed", "failed", "succeeded"
      */
-    private nativeWindow;
     constructor(wire: Transport, identity: Identity);
-    createWindow(options: any): Promise<_Window>;
-    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
+    createWindow(options: WindowOption): Promise<_Window>;
     private windowListFromNameList;
     /**
      * Retrieves an array of frame info objects representing the main frame and any
@@ -443,12 +476,6 @@ export declare class _Window extends EmitterBase {
      * @tutorial Window.getBounds
     */
     getBounds(): Promise<Bounds>;
-    /**
-    * Returns the native JavaScript "window" object for the window.
-    * @return {Promise.<any>}
-    * @tutorial Window.getNativeWindow
-    */
-    getNativeWindow(): Promise<any>;
     /**
      * Gives focus to the window.
      * @return {Promise.<void>}
@@ -561,11 +588,13 @@ export declare class _Window extends EmitterBase {
      */
     getParentWindow(): Promise<_Window>;
     /**
-     * Gets a base64 encoded PNG snapshot of the window.
+     * Gets a base64 encoded PNG snapshot of the window or just part a of it.
+     * @param { Area } [area] The area of the window to be captured.
+     * Omitting it will capture the whole visible window.
      * @return {Promise.<string>}
      * @tutorial Window.getSnapshot
      */
-    getSnapshot(): Promise<string>;
+    getSnapshot(area?: Area): Promise<string>;
     /**
      * Gets the current state ("minimized", "maximized", or "restored") of the window.
      * @return {Promise.<string>}
@@ -636,24 +665,24 @@ export declare class _Window extends EmitterBase {
      * Resizes the window by a specified amount.
      * @param { number } deltaWidth The change in the width of the window
      * @param { number } deltaHeight The change in the height of the window
-     * @param { string } anchor Specifies a corner to remain fixed during the resize.
-     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right."
+     * @param { AnchorType } anchor Specifies a corner to remain fixed during the resize.
+     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right".
      * If undefined, the default is "top-left"
      * @return {Promise.<void>}
      * @tutorial Window.resizeBy
      */
-    resizeBy(deltaWidth: number, deltaHeight: number, anchor: string): Promise<void>;
+    resizeBy(deltaWidth: number, deltaHeight: number, anchor: AnchorType): Promise<void>;
     /**
      * Resizes the window to the specified dimensions.
      * @param { number } width The change in the width of the window
      * @param { number } height The change in the height of the window
-     * @param { string } anchor Specifies a corner to remain fixed during the resize.
-     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right."
+     * @param { AnchorType } anchor Specifies a corner to remain fixed during the resize.
+     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right".
      * If undefined, the default is "top-left"
      * @return {Promise.<void>}
      * @tutorial Window.resizeTo
      */
-    resizeTo(width: number, height: number, anchor: string): Promise<void>;
+    resizeTo(width: number, height: number, anchor: AnchorType): Promise<void>;
     /**
      * Restores the window to its normal state (i.e., unminimized, unmaximized).
      * @return {Promise.<void>}
@@ -747,13 +776,3 @@ export declare class _Window extends EmitterBase {
      */
     stopNavigation(): Promise<void>;
 }
-export interface _Window {
-    on(type: 'focused', listener: Function): Promise<void>;
-    on(type: 'initialized', listener: Function): Promise<void>;
-    on(type: 'bounds-changed', listener: (data: BoundsChangedReply) => void): Promise<void>;
-    on(type: 'hidden', listener: Function): Promise<void>;
-    on(type: 'removeListener', listener: (eventType: string | symbol) => void): Promise<void>;
-    on(type: 'newListener', listener: (eventType: string | symbol) => void): Promise<void>;
-    on(type: 'closed', listener: (eventType: CloseEventShape) => void): Promise<void>;
-    on(type: 'fire-constructor-callback', listener: Function): Promise<void>;
-}
diff --git a/types/openfin/_v2/api/window/windowOption.d.ts b/types/openfin/_v2/api/window/windowOption.d.ts
new file mode 100644
index 0000000000..faab275187
--- /dev/null
+++ b/types/openfin/_v2/api/window/windowOption.d.ts
@@ -0,0 +1,46 @@
+import { DownloadPreloadOption } from '../system/download-preload';
+export interface WindowOption {
+    accelerator?: object;
+    alwaysOnTop?: boolean;
+    api?: object;
+    aspectRatio?: number;
+    autoShow?: boolean;
+    backgroundColor?: string;
+    contentNavigation?: object;
+    contextMenu?: boolean;
+    cornerRounding?: object;
+    customData?: string;
+    customRequestHeaders?: Array<CustomRequestHeaders>;
+    defaultCentered?: boolean;
+    defaultHeight?: number;
+    defaultLeft?: number;
+    defaultTop?: number;
+    defaultWidth?: number;
+    frame?: boolean;
+    hideOnClose?: boolean;
+    icon?: string;
+    maxHeight?: number;
+    maximizable?: boolean;
+    maxWidth?: number;
+    minHeight?: number;
+    minimizable?: boolean;
+    minWidth?: number;
+    name?: string;
+    opacity?: number;
+    preloadScripts?: Array<DownloadPreloadOption>;
+    resizable?: boolean;
+    resizeRegion?: object;
+    saveWindowState?: boolean;
+    shadow?: boolean;
+    showTaskbarIcon?: boolean;
+    smallWindow?: boolean;
+    state?: string;
+    taskbarIconGroup?: string;
+    url?: string;
+    uuid?: string;
+    waitForPageLoad?: boolean;
+}
+export interface CustomRequestHeaders {
+    urlPatterns: Array<string>;
+    headers: Array<object>;
+}
diff --git a/types/openfin/_v2/transport/transport.d.ts b/types/openfin/_v2/transport/transport.d.ts
index fb7b967240..519562de95 100644
--- a/types/openfin/_v2/transport/transport.d.ts
+++ b/types/openfin/_v2/transport/transport.d.ts
@@ -3,6 +3,8 @@ import { Wire, WireConstructor, READY_STATE, ExistingConnectConfig, ConnectConfi
 import { Identity } from '../identity';
 import { EventEmitter } from 'events';
 import { Environment } from '../environment/environment';
+import { RuntimeEvent } from '../api/events/base';
+import { EventAggregator } from '../api/events/eventAggregator';
 export declare type MessageHandler = (data: any) => boolean;
 declare class Transport extends EventEmitter {
     protected wireListeners: Map<number, {
@@ -10,12 +12,13 @@ declare class Transport extends EventEmitter {
         reject: Function;
     }>;
     protected uncorrelatedListener: Function;
-    protected messageHandlers: MessageHandler[];
     me: Identity;
     protected wire: Wire;
     environment: Environment;
     topicRefMap: Map<string, number>;
     sendRaw: Wire['send'];
+    eventAggregator: EventAggregator;
+    protected messageHandlers: MessageHandler[];
     constructor(wireType: WireConstructor, environment: Environment);
     connectSync: (config: ConnectConfig) => any;
     connect(config: InternalConnectConfig): Promise<string>;
@@ -38,6 +41,20 @@ export declare class Message<T> {
     payload: T;
     correlationId?: number;
 }
+export declare class EventMessage implements Message<RuntimeEvent> {
+    action: 'process-desktop-event';
+    payload: RuntimeEvent;
+}
+export declare class NotificationEventMessage implements Message<NotificationEvent> {
+    action: 'process-notification-event';
+    payload: NotificationEvent;
+}
+export interface NotificationEvent {
+    payload: {
+        notificationId: string;
+    };
+    type: string | symbol;
+}
 export declare class Payload {
     success: boolean;
     data: any;
diff --git a/types/openfin/index.d.ts b/types/openfin/index.d.ts
index fe34f0b630..55ee5b6741 100644
--- a/types/openfin/index.d.ts
+++ b/types/openfin/index.d.ts
@@ -1,12 +1,13 @@
-// Type definitions for OpenFin API 34.0
+// Type definitions for OpenFin API 37.0
 // Project: https://openfin.co/
 // Definitions by: Chris Barker <https://github.com/chrisbarker>
 //                 Ricardo de Pena <https://github.com/rdepena>
 //                 Roma <https://github.com/whyn07m3>
+//                 Li Cui <https://github.com/licui3936>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.9
 
-// based on v9.61.34.22
+// based on v9.61.37.14
 // see https://openfin.co/support/technical-faq/#what-do-the-numbers-in-the-runtime-version-mean
 
 /**
@@ -24,15 +25,51 @@
  * without the need to include additional source files. You can treat the "fin" namespace as you would the "window", "navigator" or "documennt" objects.
  */
 declare namespace fin {
-    var Application: import('./_v2/api/application/application').default
-    var Clipboard: import('./_v2/api/clipboard/clipboard').default
+    var Application: import('./_v2/api/application/application').default;
+    var Clipboard: import('./_v2/api/clipboard/clipboard').default;
     var ExternalApplication: import('./_v2/api/external-application/external-application').default
-    var Frame: import('./_v2/api/frame/frame').default
-    var GlobalHotkey: import('./_v2/api/global-hotkey/index').default
-    var InterApplicationBus: import('./_v2/api/interappbus/interappbus').default
-    var Notification: import('./_v2/api/notification/notification').default
-    var System: import('./_v2/api/system/system').default
-    var Window: import('./_v2/api/window/window').default
+    var Frame: import('./_v2/api/frame/frame').default;
+    var GlobalHotkey: import('./_v2/api/global-hotkey/index').default;
+    var InterApplicationBus: import('./_v2/api/interappbus/interappbus').default;
+    var Notification: import('./_v2/api/notification/notification').default;
+    var System: import('./_v2/api/system/system').default;
+    var Window: import('./_v2/api/window/window').default;
+
+    // v2 shapes
+    type Identity = import('./_v2/identity').Identity;
+    type LaunchInfo = import('./_v2/api/application/application').ApplicationInfo;
+    type ShortCutConfig = import('./_v2/api/application/application').ShortCutConfig;
+    type TrayInfo = import('./_v2/api/application/application').TrayInfo;
+    type ApplicationOption = import('./_v2/api/application/applicationOption').ApplicationOption;
+    type ExternalApplicationInfo = import('./_v2/api/external-application/external-application').ExternalApplicationInfo;
+    type ApplicationInfo = import('./_v2/api/system/application').ApplicationInfo;
+    type ClearCacheOption = import('./_v2/api/system/clearCacheOption').ClearCacheOption;
+    type CookieInfo = import('./_v2/api/system/cookie').CookieInfo;
+    type CookieOption = import('./_v2/api/system/cookie').CookieOption;
+    type AppAssetInfo = import('./_v2/api/system/download-asset').AppAssetInfo;
+    type AppAssetRequest = import('./_v2/api/system/download-asset').AppAssetRequest;
+    type RuntimeDownloadOptions = import('./_v2/api/system/download-asset').RuntimeDownloadOptions;
+    type RuntimeDownloadProgress = import('./_v2/api/system/download-asset').RuntimeDownloadProgress;
+    type DownloadPreloadInfo = import('./_v2/api/system/download-preload').DownloadPreloadInfo;
+    type DownloadPreloadOption = import('./_v2/api/system/download-preload').DownloadPreloadOption;
+    type EntityInfo = import('./_v2/api/system/entity').EntityInfo;
+    type ExternalProcessRequestType = import('./_v2/api/system/external-process').ExternalProcessRequestType;
+    type ExternalProcessInfo = import('./_v2/api/system/external-process').ExternalProcessInfo;
+    type HostSpecs = import('./_v2/api/system/host-specs').HostSpecs;
+    type LogInfo = import('./_v2/api/system/log').LogInfo;
+    type MonitorInfo = import('./_v2/api/system/monitor').MonitorInfo;
+    type PointTopLeft = import('./_v2/api/system/point').PointTopLeft;
+    type ProcessInfo = import('./_v2/api/system/process').ProcessInfo;
+    type ProxyInfo = import('./_v2/api/system/proxy').ProxyInfo;
+    type RegistryInfo = import('./_v2/api/system/registry-info').RegistryInfo;
+    type RVMInfo = import('./_v2/api/system/rvm').RVMInfo;
+    type WindowDetail = import('./_v2/api/system/window').WindowDetail;
+    type WindowInfo = import('./_v2/api/system/window').WindowInfo;
+    type AnchorType = import('./_v2/api/window/anchor-type').AnchorType;
+    type Bounds = import('./_v2/api/window/bounds').default;
+    type Transition = import('./_v2/api/window/transition').Transition;
+    type TransitionOptions = import('./_v2/api/window/transition').TransitionOptions;
+    type WindowOption = import('./_v2/api/window/windowOption').WindowOption;
 
     const desktop: OpenFinDesktop;
 
@@ -53,7 +90,7 @@ declare namespace fin {
          * An object representing an application. Allows the developer to create, execute, show/close an application as well as listen to application events.
          */
         new (
-            options: ApplicationOptions,
+            options: ApplicationOption,
             callback?: (successObj: { httpResponseCode: number }) => void,
             errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): OpenFinApplication;
         /**
@@ -124,7 +161,7 @@ declare namespace fin {
         /**
          * Retrieves information about the system tray.
          */
-        getTrayIconInfo(callback?: (trayInfo: TrayIconInfo) => void, errorCallback?: (reason: string) => void): void;
+        getTrayIconInfo(callback?: (trayInfo: TrayInfo) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Determines if the application is currently running.
          */
@@ -188,21 +225,6 @@ declare namespace fin {
         uuid: string;
     }
 
-    interface ShortCutConfig {
-        /**
-         * application has a shortcut on the desktop
-         */
-        desktop?: boolean;
-        /**
-         * application has no shortcut in the start menu
-         */
-        startMenu?: boolean;
-        /**
-         * application will be launched on system startup
-         */
-        systemStartup?: boolean;
-    }
-
     interface SuccessObj {
         httpResponseCode: number;
     }
@@ -216,192 +238,6 @@ declare namespace fin {
         message: string;
     }
 
-    interface ApplicationOptions {
-        /**
-         * The name of the application.
-         */
-        name?: string;
-        /**
-         * The url to the application.
-         */
-        url?: string;
-        /**
-         * The UUID of the application, unique within the set of all other applications running in the OpenFin Runtime. name and uuid must match.
-         */
-        uuid?: string;
-        /**
-         * Enable Flash at the application level. Default: false.
-         */
-        plugins?: boolean;
-        /**
-         * The options of the main window of the application.
-         */
-        mainWindowOptions?: WindowOptions;
-    }
-
-    interface WindowOptions {
-        /**
-         * Enable keyboard shortcuts for devtools and zoom. Default: false for both.
-         */
-        accelerator?: {
-            devtools?: boolean,
-            zoom?: boolean,
-            reload?: boolean,
-            reloadIgnoreCache?: boolean,
-        };
-        /**
-         * A flag to always position the window at the top of the window stack. Default: false.
-         * Updatable
-         */
-        alwaysOnTop?: boolean;
-        /**
-         * A flag to automatically show the Window when it is created. Default: false.
-         */
-        autoShow?: boolean;
-        /**
-         * A flag to show the context menu when right-clicking on a window. Gives access to the Developer Console for the Window. Default: true
-         * Updatable
-         */
-        contextMenu?: boolean;
-        /**
-         * This defines and applies rounded corners for a frameless window. Default for both width and height: 0.
-         * Updatable
-         */
-        cornerRounding?: {
-            width?: number;
-            height?: number;
-        };
-        /**
-         * A field that the user can attach serializable data to to be ferried around with the window options. Default: ''.
-         */
-        customData?: any;
-        /**
-         * Specifies that the window will be positioned in the center of the primary monitor when loaded for the first time on a machine.
-         * When the window corresponding to that id is loaded again, the position from before the window was closed is used.
-         * This option overrides defaultLeft and defaultTop. Default: false.
-         */
-        defaultCentered?: boolean;
-        /**
-         * The default height of the window. Specifies the height of the window when loaded for the first time on a machine.
-         *  When the window corresponding to that id is loaded again, the height is taken to be the last height of the window before it was closed. Default: 500.
-         */
-        defaultHeight?: number;
-        /**
-         * The default left position of the window. Specifies the position of the left of the window when loaded for the first time on a machine.
-         *  When the window corresponding to that id is loaded again, the value of left is taken to be the last value before the window was closed. Default: 100.
-         */
-        defaultWidth?: number;
-        /**
-         * The default top position of the window. Specifies the position of the top of the window when loaded for the first time on a machine.
-         * When the window corresponding to that id is loaded again, the value of top is taken to be the last value before the window was closed. Default: 100.
-         */
-        defaultTop?: number;
-        /**
-         * The default width of the window. Specifies the width of the window when loaded for the first time on a machine.
-         * When the window corresponding to that id is loaded again, the width is taken to be the last width of the window before it was closed. Default: 800.
-         */
-        defaultLeft?: number;
-        /**
-         * A flag to show the frame. Default: true.
-         * Updatable
-         */
-        frame?: boolean;
-        /**
-         * A flag to allow a window to be hidden when the close button is clicked.Default: false.
-         * Updatable
-         */
-        hideOnClose?: boolean;
-        /**
-         * A URL for the icon to be shown in the window title bar and the taskbar.Default: The parent application's applicationIcon.
-         * Updatable
-         */
-        icon?: string;
-        /**
-         * The maximum height of a window.Will default to the OS defined value if set to - 1. Default: -1.
-         * Updatable
-         */
-        maxHeight?: number;
-        /**
-         * A flag that lets the window be maximized.Default: true.
-         * Updatable
-         */
-        maximizable?: boolean;
-        /**
-         * The maximum width of a window.Will default to the OS defined value if set to - 1. Default: -1.
-         * Updatable
-         */
-        maxWidth?: number;
-        /**
-         * The minimum height of a window.Default: 0.
-         * Updatable
-         */
-        minHeight?: number;
-        /**
-         * A flag that lets the window be minimized.Default: true.
-         */
-        minimizable?: boolean;
-        /**
-         * The minimum width of a window.Default: 0.
-         */
-        minWidth?: number;
-        /**
-         * The name for the window which must be unique within the context of the invoking Application.
-         */
-        name?: string;
-        /**
-         * A flag that specifies how transparent the window will be.This value is clamped between 0.0 and 1.0.Default: 1.0.
-         * Updatable
-         */
-        opacity?: number;
-        /**
-         * A flag to drop to allow the user to resize the window.Default: true.
-         * Updatable
-         */
-        resizable?: boolean;
-        /**
-         * Defines a region in pixels that will respond to user mouse interaction for resizing a frameless window.
-         * Updatable
-         */
-        resizeRegion?: {
-            /**
-             * The size in pixels (Default: 2),
-             */
-            size?: number;
-            /**
-             * The size in pixels of an additional
-             * square resizable region located at the
-             * bottom right corner of a
-             * frameless window. (Default: 4)
-             */
-            bottomRightCorner?: number;
-        };
-        /**
-         * A flag to show the Window's icon in the taskbar. Default: true.
-         */
-        showTaskbarIcon?: boolean;
-        /**
-         * A flag to cache the location of the window or not. Default: true.
-         */
-        saveWindowState?: boolean;
-        /**
-         * Specify a taskbar group for the window. Default: app's uuid.
-         */
-        taskbarIconGroup?: string;
-        /**
-         * A string that sets the window to be "minimized", "maximized", or "normal" on creation. Default: "normal".
-         */
-        state?: string;
-        /**
-         * The URL of the window. Default: "about:blank".
-         */
-        url?: string;
-        /**
-         * When set to false, the window will render before the "load" event is fired on the content's window.
-         * Caution, when false you will see an initial empty white window. Default: true.
-         */
-        waitForPageLoad?: boolean;
-    }
-
     /**
      * Clipboard
      * Clipboard API allows reading and writting to the clipboard in multiple formats.
@@ -637,7 +473,7 @@ declare namespace fin {
          * Clears cached data containing window state/positions,
          * application resource files (images, HTML, JavaScript files), cookies, and items stored in the Local Storage.
          */
-        clearCache(options: CacheOptions, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        clearCache(options: ClearCacheOption, callback?: () => void, errorCallback?: (reason: string) => void): void;
         /**
          * Clears all cached data when OpenFin Runtime exits.
          */
@@ -679,11 +515,11 @@ declare namespace fin {
         /**
          * Retrieves an array of data (name, ids, bounds) for all application windows.
          */
-        getAllWindows(callback?: (windowInfoList: WindowDetails[]) => void, errorCallback?: (reason: string) => void): void;
+        getAllWindows(callback?: (windowInfoList: WindowInfo[]) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Returns information about the app asset.
          */
-        getAppAssetInfo(options: AppAssetOptions, callback?: (appAssetInfo: AppAssetInfo) => void, errorCallback?: (reason: string) => void): void;
+        getAppAssetInfo(options: AppAssetRequest, callback?: (appAssetInfo: AppAssetInfo) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Get additional info of cookies.
          */
@@ -715,7 +551,7 @@ declare namespace fin {
         /**
          * Retrieves system information.
          */
-        getHostSpecs(callback?: (info: HostSpecInfo) => void, errorCallback?: (reason: string) => void): void;
+        getHostSpecs(callback?: (info: HostSpecs) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Retrieves the contents of the log with the specified filename.
          */
@@ -735,7 +571,7 @@ declare namespace fin {
         /**
          * Returns the mouse in virtual screen coordinates (left, top).
          */
-        getMousePosition(callback?: (mousePosition: VirtualScreenCoordinates) => void, errorCallback?: (reason: string) => void): void;
+        getMousePosition(callback?: (mousePosition: PointTopLeft) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Retrieves an array of all of the runtime processes that are currently running.
          * Each element in the array is an object containing the uuid and the name of the application to which the process belongs.
@@ -748,7 +584,7 @@ declare namespace fin {
         /**
          * Returns information about the running RVM in an object.
          */
-        getRvmInfo(callback?: (rvmInfo: RvmInfo) => void, errorCallback?: (reason: string) => void): void;
+        getRvmInfo(callback?: (rvmInfo: RVMInfo) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Returns the version of the runtime. The version contains the major, minor, build and revision numbers.
          */
@@ -756,7 +592,7 @@ declare namespace fin {
         /**
          * Runs an executable or batch file.
          */
-        launchExternalProcess(options: ExternalProcessLaunchInfo, callback?: (payload: { uuid: string }) => void, errorCallback?: (reason: string) => void): void;
+        launchExternalProcess(options: ExternalProcessRequestType, callback?: (payload: { uuid: string }) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Writes the passed message into both the log file and the console.
          */
@@ -829,340 +665,6 @@ declare namespace fin {
         updateProxySettings(type: string, address: string, port: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
     }
 
-    interface CacheOptions {
-        cache?: boolean;
-        cookies?: boolean;
-        localStorage?: boolean;
-        appcache?: boolean;
-        userData?: boolean;
-    }
-
-    interface AppAssetInfo {
-        src?: string;
-        alias?: string;
-        version?: string;
-        target?: string;
-        args?: string;
-        mandatory?: boolean;
-    }
-
-    interface AppAssetOptions {
-        alias: string;
-    }
-
-    interface ApplicationInfo {
-        /**
-         * true when the application is running.
-         */
-        isRunning?: boolean;
-        /**
-         * uuid of the application.
-         */
-        uuid?: string;
-        /**
-         * uuid of the application that launches this application.
-         */
-        parentUuid?: string;
-    }
-
-    interface Identity {
-        uuid: string;
-        name: string;
-    }
-
-    interface EntityInfo {
-        name: string;
-        uuid: string;
-        parent: Identity;
-        entityType: string;
-    }
-
-    interface DownloadPreloadOption {
-        url: string;
-    }
-
-    interface DownloadPreloadInfo {
-        success: boolean;
-        url?: string;
-        error: string;
-    }
-
-    interface CookieInfo {
-        name: string;
-        // expirationDate: Date;
-        domain: string;
-        path: string;
-    }
-
-    interface CookieOption {
-        name: string;
-    }
-
-    interface RegistryInfo {
-        data: any;
-        rootKey: string;
-        subkey: string;
-        type: string;
-        value: string;
-    }
-
-    interface RuntimeDownloadOptions {
-        version: string;
-    }
-
-    interface RuntimeDownloadProgress {
-        downloadedBytes: number;
-        totalBytes: number;
-    }
-
-    interface WindowDetails {
-        uuid?: string;
-        mainWindow?: WindowInfo;
-        childWindows?: WindowInfo[];
-    }
-
-    interface WindowInfo {
-        /**
-         * name of the child window
-         */
-        name?: string;
-        /**
-         * top-most coordinate of the child window
-         */
-        top?: number;
-        /**
-         * right-most coordinate of the child window
-         */
-        right?: number;
-        /**
-         * bottom-most coordinate of the child window
-         */
-        bottom?: number;
-        /**
-         * left-most coordinate of the child window
-         */
-        left?: number;
-    }
-
-    interface HostSpecInfo {
-        /**
-         * "x86" for 32-bit or "x86_64" for 64-bit
-         */
-        arch: string;
-        /**
-         * Same payload as Node's os.cpus()
-         */
-        cpus: NodeCpuInfo[];
-        gpu: {
-            /**
-             * Graphics card name
-             */
-            name: string;
-        };
-        /**
-         * Same payload as Node's os.totalmem()
-         */
-        memory: number;
-        /**
-         * OS name and version/edition
-         */
-        name: string;
-    }
-
-    interface NodeCpuInfo {
-        model: string;
-        /**
-         * in MHz
-         */
-        speed: number;
-        times: {
-            /**
-             * The number of milliseconds the CPU has spent in user mode.
-             */
-            user: number;
-            /**
-             * The number of milliseconds the CPU has spent in nice mode.
-             */
-            nice: number;
-            /**
-             * The number of milliseconds the CPU has spent in sys mode.
-             */
-            sys: number;
-            /**
-             * The number of milliseconds the CPU has spent in idle mode.
-             */
-            idle: number;
-            /**
-             * The number of milliseconds the CPU has spent in irq mode.
-             */
-            irq: number;
-        };
-    }
-
-    interface LogInfo {
-        /**
-         * the filename of the log
-         */
-        name?: string;
-        /**
-         * the size of the log in bytes
-         */
-        size?: number;
-        /**
-         * the unix time at which the log was created "Thu Jan 08 2015 14:40:30 GMT-0500 (Eastern Standard Time)"
-         */
-        date?: string;
-    }
-
-    interface ProcessInfo {
-        /**
-         * the percentage of total CPU usage
-         */
-        cpuUsage?: number;
-        /**
-         * the application name
-         */
-        name?: string;
-        /**
-         * the current nonpaged pool usage in bytes
-         */
-        nonPagedPoolUsage?: number;
-        /**
-         * the number of page faults
-         */
-        pageFaultCount?: number;
-        /**
-         * the current paged pool usage in bytes
-         */
-        pagedPoolUsage?: number;
-        /**
-         * the total amount of memory in bytes that the memory manager has committed
-         */
-        pagefileUsage?: number;
-        /**
-         * the peak nonpaged pool usage in bytes
-         */
-        peakNonPagedPoolUsage?: number;
-        /**
-         * the peak paged pool usage in bytes
-         */
-        peakPagedPoolUsage?: number;
-        /**
-         * the peak value in bytes of pagefileUsage during the lifetime of this process
-         */
-        peakPagefileUsage?: number;
-        /**
-         * the peak working set size in bytes
-         */
-        peakWorkingSetSize?: number;
-        /**
-         * the native process identifier
-         */
-        processId?: number;
-        /**
-         * the application UUID
-         */
-        uuid?: string;
-        /**
-         * the current working set size (both shared and private data) in bytes
-         */
-        workingSetSize?: number;
-    }
-
-    interface ProxyInfo {
-        /**
-         * the configured Proxy Address
-         */
-        proxyAddress?: string;
-        /**
-         * the configured Proxy port
-         */
-        proxyPort?: number;
-        /**
-         * Proxy Type
-         */
-        type?: string;
-    }
-
-    interface RvmInfo {
-        version?: string;
-        "start-time"?: string;
-    }
-
-    interface ExternalProcessLaunchInfo {
-        path?: string;
-        /**
-         * Additionally note that the executable found in the zip file specified in appAssets
-         * will default to the one mentioned by appAssets.target
-         * If the the path below refers to a specific path it will override this default
-         */
-        alias?: string;
-        /**
-         * When using alias; if no arguments are passed then the arguments (if any)
-         * are taken from the 'app.json' file, from the  'args' parameter
-         * of the 'appAssets' Object with the relevant 'alias'.
-         * If 'arguments' is passed as a parameter it takes precedence
-         * over any 'args' set in the 'app.json'.
-         */
-        arguments?: string;
-        listener?(result: {
-            /**
-             * "Exited" Or "released" on a call to releaseExternalProcess
-             */
-            topic?: string;
-            /**
-             * The mapped UUID which identifies the launched process
-             */
-            uuid?: string;
-            /*
-             * Process exit code
-             */
-            exitCode?: number;
-        }): void;
-        certificate?: CertificationInfo;
-    }
-
-    interface CertificationInfo {
-        /**
-         * A hex string with or without spaces
-         */
-        serial?: string;
-        /**
-         * An internally tokenized and comma delimited string allowing partial or full checks of the subject fields
-         */
-        subject?: string;
-        /**
-         * A hex string with or without spaces
-         */
-        publickey?: string;
-        /**
-         * A hex string with or without spaces
-         */
-        thumbprint?: string;
-        /**
-         * A boolean indicating that the certificate is trusted and not revoked
-         */
-        trusted?: boolean;
-    }
-
-    interface ExternalProcessInfo {
-        pid?: number;
-        listener?(result: {
-            /**
-             * "Exited" Or "released" on a call to releaseExternalProcess
-             */
-            topic?: string;
-            /**
-             * The mapped UUID which identifies the launched process
-             */
-            uuid?: string;
-            /*
-             * Process exit code
-             */
-            exitCode?: number;
-        }): void;
-    }
-
     interface OpenFinWindowStatic {
         /**
          * Class: Window
@@ -1179,7 +681,7 @@ declare namespace fin {
          * @param [callback.successObj] - httpResponseCode
          */
         new (
-            options: WindowOptions,
+            options: WindowOption,
             callback?: (successObj: { httpResponseCode: number }) => void,
             errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): OpenFinWindow;
         /**
@@ -1242,7 +744,7 @@ declare namespace fin {
         /**
          * Performs the specified window transitions
          */
-        animate(transitions: AnimationTransition, options: AnimationOptions, callback?: (event: any) => void, errorCallback?: (reason: string) => void): void;
+        animate(transitions: Transition, options: TransitionOptions, callback?: (event: any) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Provides credentials to authentication requests
          */
@@ -1287,7 +789,7 @@ declare namespace fin {
         /**
          * Gets the current bounds (top, left, width, height) of the window.
          */
-        getBounds(callback?: (bounds: WindowBounds) => void, errorCallback?: (reason: string) => void): void;
+        getBounds(callback?: (bounds: Bounds) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Retrieves an array containing wrapped fin.desktop.Windows that are grouped with this window. If a window is not in a group an empty array is returned.
          * Please note that calling window is included in the result array.
@@ -1296,7 +798,7 @@ declare namespace fin {
         /**
          * Gets the current settings of the window.
          */
-        getOptions(callback?: (options: WindowOptions) => void, errorCallback?: (reason: string) => void): void;
+        getOptions(callback?: (options: WindowOption) => void, errorCallback?: (reason: string) => void): void;
         /**
          * Gets a base64 encoded PNG snapshot of the window.
          */
@@ -1363,11 +865,11 @@ declare namespace fin {
         /**
          * Resizes the window by a specified amount.
          */
-        resizeBy(deltaWidth: number, deltaHeight: number, anchor: OpenFinAnchor, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        resizeBy(deltaWidth: number, deltaHeight: number, anchor: AnchorType, callback?: () => void, errorCallback?: (reason: string) => void): void;
         /**
          * Resizes the window by a specified amount.
          */
-        resizeTo(width: number, height: number, anchor: OpenFinAnchor, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        resizeTo(width: number, height: number, anchor: AnchorType, callback?: () => void, errorCallback?: (reason: string) => void): void;
         /**
          * Restores the window to its normal state (i.e., unminimized, unmaximized).
          */
@@ -1400,7 +902,7 @@ declare namespace fin {
         /**
          * Updates the window using the passed options
          */
-        updateOptions(options: WindowOptions, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        updateOptions(options: WindowOption, callback?: () => void, errorCallback?: (reason: string) => void): void;
     }
 
     interface OpenFinFrameStatic {
@@ -1469,51 +971,6 @@ declare namespace fin {
         type: "monitor-info-changed";
     }
 
-    interface MonitorInfo {
-        nonPrimaryMonitors: MonitorInfoDetail[];
-        primaryMonitor: MonitorInfoDetail;
-        reason: string;
-        taskbar: {
-            edge: "left" | "right" | "top" | "bottom",
-            rect: MontiorCoordinates
-        };
-        topic: "system";
-        type: "monitor-info-changed";
-        virtualScreen: MontiorCoordinates;
-    }
-
-	interface TrayIconInfo {
-		x: number;
-		y: number;
-		bounds: {
-			x: number;
-			y: number;
-			width: number;
-			height: number;
-		};
-		monitorInfo: MonitorInfo;
-	}
-
-    interface MonitorInfoDetail {
-        availableRect: MontiorCoordinates;
-        deviceId: string;
-        displayDeviceActive: boolean;
-        monitorRect: MontiorCoordinates;
-        name: string;
-    }
-
-    interface MontiorCoordinates {
-        bottom: number;
-        left: number;
-        right: number;
-        top: number;
-    }
-
-    interface VirtualScreenCoordinates {
-        left: number;
-        top: number;
-    }
-
     interface SystemBaseEvent {
         topic: string;
         type: OpenFinSystemEventType;
@@ -1713,96 +1170,6 @@ declare namespace fin {
         uuid: string;
     }
 
-    interface AnimationTransition {
-        opacity?: {
-            /**
-             * This value is clamped from 0.0 to 1.0
-             */
-            opacity?: number;
-            /**
-             * The total time in milliseconds this transition should take.
-             */
-            duration?: number;
-            /**
-             * Treat 'opacity' as absolute or as a delta. Defaults to false.
-             */
-            relative?: boolean;
-        };
-        position?: {
-            /**
-             * Defaults to the window's current left position in virtual screen coordinates.
-             */
-            left?: number;
-            /**
-             * Defaults to the window's current top position in virtual screen coordinates.
-             */
-            top?: number;
-            /**
-             * The total time in milliseconds this transition should take.
-             */
-            duration?: number;
-            /**
-             * Treat 'left' and 'top' as absolute or as deltas. Defaults to false.
-             */
-            relative?: boolean;
-        };
-        size?: {
-            /**
-             * Optional if height is present. Defaults to the window's current width.
-             */
-            width?: number;
-            /**
-             * Optional if width is present. Defaults to the window's current height.
-             */
-            height?: number;
-            /**
-             * The total time in milliseconds this transition should take.
-             */
-            duration?: number;
-            /**
-             * Treat 'width' and 'height' as absolute or as deltas. Defaults to false.
-             */
-            relative?: boolean;
-        };
-    }
-
-    interface AnimationOptions {
-        /**
-         * This option interrupts the current animation. When false it pushes this animation onto the end of the animation queue.
-         */
-        interrupt?: boolean;
-        /**
-         * Transition effect. Defaults to 'ease-in-out'.
-         */
-        tween?: OpenFinTweenType;
-    }
-
-    interface WindowBounds {
-        /**
-         * the height of the window.
-         */
-        height?: number;
-        /**
-         * left-most coordinate of the window.
-         */
-        left?: number;
-        /**
-         * top-most coordinate of the window.
-         */
-        top?: number;
-        /**
-         * the width of the window.
-         */
-        width?: number;
-    }
-
-    interface ExternalApplicationInfo {
-        parent: {
-            uuid: string;
-            name: string;
-        };
-    }
-
     interface SessionChangedEvent {
         /**
          * the action that triggered this event:
@@ -1816,34 +1183,6 @@ declare namespace fin {
         type: "session-changed";
     }
 
-    interface LaunchInfo {
-        launchMode: "fin-protocol"
-            | "fins-protocol"
-            | "shortcut"
-            | "command-line"
-            | "adapter"
-            | "other"
-            | string;
-    }
-
-    type OpenFinTweenType = "linear"
-        | "ease-in"
-        | "ease-out"
-        | "ease-in-out"
-        | "ease-in-quad"
-        | "ease-out-quad"
-        | "ease-in-out-quad"
-        | "ease-in-cubic"
-        | "ease-out-cubic"
-        | "ease-in-out-cubic"
-        | "ease-out-bounce"
-        | "ease-in-back"
-        | "ease-out-back"
-        | "ease-in-out-back"
-        | "ease-in-elastic"
-        | "ease-out-elastic"
-        | "ease-in-out-elastic";
-
     type OpenFinApplicationEventType = "closed"
         | "connected"
         | "crashed"
@@ -1899,9 +1238,4 @@ declare namespace fin {
         | "restored"
         | "show-requested"
         | "shown";
-
-    type OpenFinAnchor = "top-left"
-        | "top-right"
-        | "bottom-left"
-        | "bottom-right";
 }
diff --git a/types/openfin/openfin-tests.ts b/types/openfin/openfin-tests.ts
index 6059f54de7..167a6c86be 100644
--- a/types/openfin/openfin-tests.ts
+++ b/types/openfin/openfin-tests.ts
@@ -78,8 +78,8 @@ function test_application() {
     });
     // getTrayIconInfo
     application.getTrayIconInfo(info => {
-        console.log(info.x, info.y, info.bounds.x, info.bounds.y, info.bounds.height, info.bounds.width,
-                    info.monitorInfo.type, info.monitorInfo.reason);
+        console.log(info.x, info.y, info.bounds.left, info.bounds.top, info.bounds.height, info.bounds.width,
+                    info.monitorInfo.reason);
     });
     // isRunning
     application.isRunning(running => {
@@ -235,8 +235,7 @@ function test_system() {
         cache: true,
         cookies: true,
         localStorage: true,
-        appcache: true,
-        userData: true
+        appcache: true
     });
     // deleteCacheOnExit
     fin.desktop.System.deleteCacheOnExit(() => {
diff --git a/types/openfin/tsconfig.json b/types/openfin/tsconfig.json
index 2a2c9d108b..a7f3e48849 100644
--- a/types/openfin/tsconfig.json
+++ b/types/openfin/tsconfig.json
@@ -21,6 +21,7 @@
         "index.d.ts",
         "openfin-tests.ts",
         "_v2/api/application/application.d.ts",
+        "_v2/api/application/applicationOption.d.ts",
         "_v2/api/base.d.ts",
         "_v2/api/clipboard/clipboard.d.ts",
         "_v2/api/clipboard/write-request.d.ts",
@@ -53,10 +54,12 @@
         "_v2/api/system/rvm.d.ts",
         "_v2/api/system/system.d.ts",
         "_v2/api/system/window.d.ts",
+        "_v2/api/window/anchor-type.d.ts",
         "_v2/api/window/bounds-changed.d.ts",
         "_v2/api/window/bounds.d.ts",
         "_v2/api/window/transition.d.ts",
         "_v2/api/window/window.d.ts",
+        "_v2/api/window/windowOption.d.ts",
         "_v2/environment/environment.d.ts",
         "_v2/environment/node-env.d.ts",
         "_v2/environment/openfin-env.d.ts",
diff --git a/types/openfin/v34/_v2/api/application/application.d.ts b/types/openfin/v34/_v2/api/application/application.d.ts
new file mode 100644
index 0000000000..616501834d
--- /dev/null
+++ b/types/openfin/v34/_v2/api/application/application.d.ts
@@ -0,0 +1,223 @@
+import { EmitterBase, Base, Reply, RuntimeEvent } from '../base';
+import { Identity } from '../../identity';
+import { _Window } from '../window/window';
+import { Point } from '../system/point';
+import { MonitorInfo } from '../system/monitor';
+import Transport from '../../transport/transport';
+import Bounds from '../window/bounds';
+export interface TrayIconClickReply extends Point, Reply<'application', 'tray-icon-clicked'> {
+    button: number;
+    monitorInfo: MonitorInfo;
+}
+export interface ApplicationInfo {
+    initialOptions: object;
+    launchMode: string;
+    manifest: object;
+    manifestUrl: string;
+    parentUuid?: string;
+    runtime: object;
+}
+export declare class NavigationRejectedReply extends Reply<'window-navigation-rejected', void> {
+    sourceName: string;
+    url: string;
+}
+export interface ConfigInterface {
+    desktop?: boolean;
+    startMenu?: boolean;
+    systemStartup?: boolean;
+}
+export interface TrayInfo {
+    bounds: Bounds;
+    monitorInfo: MonitorInfo;
+    x: number;
+    y: number;
+}
+export default class ApplicationModule extends Base {
+    /**
+     * Returns an Application object that represents an existing application.
+     * @param { Identity } indentity
+     * @return {Promise.<Application>}
+     * @tutorial Application.wrap
+     */
+    wrap(identity: Identity): Promise<Application>;
+    /**
+     * Creates a new Application.
+     * @param {*} appOptions
+     * @return {Promise.<Application>}
+     * @tutorial Application.create
+     */
+    create(appOptions: any): Promise<Application>;
+    /**
+     * Returns an Application object that represents the current application
+     * @return {Promise.<Application>}
+     * @tutorial Application.getCurrent
+     */
+    getCurrent(): Promise<Application>;
+    /**
+     * Retrieves application's manifest and returns a wrapped application.
+     * @param {string} manifestUrl - The URL of app's manifest.
+     * @return {Promise.<Application>}
+     * @tutorial Application.createFromManifest
+     */
+    createFromManifest(manifestUrl: string): Promise<Application>;
+}
+/**
+ * @classdesc An object representing an application. Allows the developer to create,
+ * execute, show/close an application as well as listen to application events.
+ * @class
+ */
+export declare class Application extends EmitterBase {
+    identity: Identity;
+    _manifestUrl?: string;
+    private window;
+    constructor(wire: Transport, identity: Identity);
+    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
+    private windowListFromIdentityList;
+    /**
+     * Determines if the application is currently running.
+     * @return {Promise.<boolean>}
+     * @tutorial Application.isRunning
+     */
+    isRunning(): Promise<boolean>;
+    /**
+     * Closes the application and any child windows created by the application.
+     * @param { boolean } [force = false] Close will be prevented from closing when force is false and
+     *  ‘close-requested’ has been subscribed to for application’s main window.
+     * @return {Promise.<boolean>}
+     * @tutorial Application.close
+     */
+    close(force?: boolean): Promise<void>;
+    /**
+     * Retrieves an array of wrapped fin.Windows for each of the application’s child windows.
+     * @return {Promise.Array.<_Window>}
+     * @tutorial Application.getChildWindows
+     */
+    getChildWindows(): Promise<Array<_Window>>;
+    /**
+     * Retrieves an array of active window groups for all of the application's windows. Each group is
+     * represented as an array of wrapped fin.Windows.
+     * @return {Promise.Array.Array.<_Window>}
+     * @tutorial Application.getGroups
+     */
+    getGroups(): Promise<Array<Array<_Window>>>;
+    /**
+     * Retrieves the JSON manifest that was used to create the application. Invokes the error callback
+     * if the application was not created from a manifest.
+     * @return {Promise.<any>}
+     * @tutorial Application.getManifest
+     */
+    getManifest(): Promise<any>;
+    /**
+     * Retrieves UUID of the application that launches this application. Invokes the error callback
+     * if the application was created from a manifest.
+     * @return {Promise.<string>}
+     * @tutorial Application.getParentUuid
+     */
+    getParentUuid(): Promise<string>;
+    /**
+     * Retrieves current application's shortcut configuration.
+     * @return {Promise.<ConfigInterface>}
+     * @tutorial Application.getShortcuts
+     */
+    getShortcuts(): Promise<ConfigInterface>;
+    /**
+     * Returns an instance of the main Window of the application
+     * @return {Promise.<_Window>}
+     * @tutorial Application.getWindow
+     */
+    getWindow(): Promise<_Window>;
+    /**
+    * Manually registers a user with the licensing service. The only data sent by this call is userName and appName.
+    * @param { string } userName - username to be passed to the RVM.
+    * @param { string } appName - app name to be passed to the RVM.
+    * @return {Promise.<void>}
+    * @tutorial Application.registerUser
+    */
+    registerUser(userName: string, appName: string): Promise<void>;
+    /**
+     * Removes the application’s icon from the tray.
+     * @return {Promise.<void>}
+     * @tutorial Application.removeTrayIcon
+     */
+    removeTrayIcon(): Promise<void>;
+    /**
+     * Restarts the application.
+     * @return {Promise.<void>}
+     * @tutorial Application.restart
+     */
+    restart(): Promise<void>;
+    /**
+     * Runs the application. When the application is created, run must be called.
+     * @return {Promise.<void>}
+     * @tutorial Application.run
+     */
+    run(): Promise<void>;
+    /**
+     * Instructs the RVM to schedule one restart of the application.
+     * @return {Promise.<void>}
+     * @tutorial Application.scheduleRestart
+     */
+    scheduleRestart(): Promise<void>;
+    /**
+     * Adds a customizable icon in the system tray and notifies the application when clicked.
+     * @param { string } iconUrl Image URL to be used as the icon
+     * @return {Promise.<void>}
+     * @tutorial Application.setTrayIcon
+     */
+    setTrayIcon(iconUrl: string): Promise<void>;
+    /**
+     * Sets new application's shortcut configuration.
+     * @param { Object } config New application's shortcut configuration.
+     * @param {Boolean} [config.desktop] - Enable/disable desktop shortcut.
+     * @param {Boolean} [config.startMenu] - Enable/disable start menu shortcut.
+     * @param {Boolean} [config.systemStartup] - Enable/disable system startup shortcut.
+     * @return {Promise.<void>}
+     * @tutorial Application.setShortcuts
+     */
+    setShortcuts(config: ConfigInterface): Promise<void>;
+    /**
+     * @summary Retrieves information about the system tray.
+     * @desc The only information currently returned is the position and dimensions.
+     * @return {Promise.<TrayInfo>}
+     * @tutorial Application.getTrayIconInfo
+     */
+    getTrayIconInfo(): Promise<TrayInfo>;
+    /**
+     * Closes the application by terminating its process.
+     * @return {Promise.<void>}
+     * @tutorial Application.terminate
+     */
+    terminate(): Promise<void>;
+    /**
+     * Waits for a hanging application. This method can be called in response to an application
+     * "not-responding" to allow the application to continue and to generate another "not-responding"
+     * message after a certain period of time.
+     * @return {Promise.<void>}
+     * @ignore
+     */
+    wait(): Promise<void>;
+    /**
+     * Retrieves information about the application.
+     * @return {Promise.<ApplicationInfo>}
+     * @tutorial Application.getInfo
+     */
+    getInfo(): Promise<ApplicationInfo>;
+}
+export interface Application {
+    on(type: 'closed', listener: (data: Reply<'application', 'closed'>) => void): Promise<void>;
+    on(type: 'initialized', listener: (data: Reply<'application', 'initialized'>) => void): Promise<void>;
+    on(type: 'connected', listener: (data: Reply<'application', 'connected'>) => void): Promise<void>;
+    on(type: 'crashed', listener: (data: Reply<'application', 'crashed'>) => void): Promise<void>;
+    on(type: 'error', listener: (data: Reply<'application', 'error'>) => void): Promise<void>;
+    on(type: 'not-responding', listener: (data: Reply<'application', 'not-responding'>) => void): Promise<void>;
+    on(type: 'out-of-memory', listener: (data: Reply<'application', 'out-of-memory'>) => void): Promise<void>;
+    on(type: 'responding', listener: (data: Reply<'application', 'responding'>) => void): Promise<void>;
+    on(type: 'started', listener: (data: Reply<'application', 'started'>) => void): Promise<void>;
+    on(type: 'run-requested', listener: (data: Reply<'application', 'run-requested'>) => void): Promise<void>;
+    on(type: 'window-navigation-rejected', listener: (data: NavigationRejectedReply) => void): Promise<void>;
+    on(type: 'window-created', listener: (data: Reply<'application', 'window-created'>) => void): Promise<void>;
+    on(type: 'window-closed', listener: (data: Reply<'application', 'window-closed'>) => void): Promise<void>;
+    on(type: 'tray-icon-clicked', listener: (data: TrayIconClickReply) => void): Promise<void>;
+    on(type: 'removeListener', listener: (eventType: string) => void): Promise<void>;
+    on(type: 'newListener', listener: (eventType: string) => void): Promise<void>;
+}
diff --git a/types/openfin/v34/_v2/api/base.d.ts b/types/openfin/v34/_v2/api/base.d.ts
new file mode 100644
index 0000000000..1f17e1f24f
--- /dev/null
+++ b/types/openfin/v34/_v2/api/base.d.ts
@@ -0,0 +1,43 @@
+/// <reference types="node" />
+import Transport, { Message } from '../transport/transport';
+import { Identity } from '../identity';
+import { EventEmitter } from 'events';
+export interface RuntimeEvent extends Identity {
+    topic: string;
+    type: string | symbol;
+}
+export declare class Base {
+    wire: Transport;
+    constructor(wire: Transport);
+    private _topic;
+    protected topic: string;
+    readonly me: Identity;
+    protected isNodeEnvironment: () => boolean;
+    protected isOpenFinEnvironment: () => boolean;
+    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
+}
+export declare class EmitterBase extends Base {
+    protected identity: Identity;
+    protected emitter: EventEmitter;
+    listeners: (event: string | symbol) => Function[];
+    listenerCount: (type: string | symbol) => number;
+    constructor(wire: Transport);
+    emit: (eventName: string | symbol, ...args: any[]) => void;
+    protected onmessage: (message: Message<any>) => boolean;
+    protected registerEventListener: (listener: RuntimeEvent) => Promise<void | Message<void>>;
+    protected deregisterEventListener: (listener: RuntimeEvent) => Promise<void | Message<void>>;
+    on(eventType: string, listener: (...args: any[]) => void): Promise<void>;
+    addListener: (eventType: string, listener: (...args: any[]) => void) => Promise<void>;
+    once(eventType: string, listener: (...args: any[]) => void): Promise<void>;
+    prependListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
+    prependOnceListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
+    removeListener(eventType: string, listener: (...args: any[]) => void): Promise<void>;
+    protected deregisterAllListeners: (eventType: string | symbol) => Promise<void | Message<void>>;
+    removeAllListeners(eventType?: string): Promise<void>;
+}
+export declare class Reply<TOPIC extends string, TYPE extends string | void> implements Identity {
+    topic: TOPIC;
+    type: TYPE;
+    uuid: string;
+    name?: string;
+}
diff --git a/types/openfin/v34/_v2/api/clipboard/clipboard.d.ts b/types/openfin/v34/_v2/api/clipboard/clipboard.d.ts
new file mode 100644
index 0000000000..11b466dea0
--- /dev/null
+++ b/types/openfin/v34/_v2/api/clipboard/clipboard.d.ts
@@ -0,0 +1,70 @@
+import { Base } from '../base';
+import { WriteRequestType, WriteAnyRequestType } from './write-request';
+/**
+ * WriteRequestType interface
+ * @typedef { Object } WriteRequestType
+ * @property { string } name The name of the running application
+ * @property { string } uuid The uuid of the running application
+ */
+/**
+ * The Clipboard API allows reading and writing to the clipboard in multiple formats.
+ * @namespace
+*/
+export default class Clipboard extends Base {
+    /**
+     * Writes data into the clipboard as plain text
+     * @param { WriteRequestType } writeObj This object is described in the WriteRequestType typeof
+     * @return {Promise.<void>}
+     * @tutorial Clipboard.writeText
+    */
+    writeText(writeObj: WriteRequestType): Promise<void>;
+    /**
+     * Read the content of the clipboard as plain text
+     * @param { string } type Clipboard Type
+     * @return {Promise.<string>}
+     * @tutorial Clipboard.readText
+    */
+    readText(type?: string): Promise<string>;
+    /**
+     * Writes data into the clipboard as Html
+     * @param { WriteRequestType } writeObj This object is described in the WriteRequestType typedef
+     * @return {Promise.<void>}
+     * @tutorial Clipboard.writeHtml
+    */
+    writeHtml(writeObj: WriteRequestType): Promise<void>;
+    /**
+     * Read the content of the clipboard as Html
+     * @param { string } type Clipboard Type
+     * @return {Promise.<string>}
+     * @tutorial Clipboard.readHtml
+    */
+    readHtml(type?: string): Promise<string>;
+    /**
+     * Writes data into the clipboard as Rtf
+     * @param { WriteRequestType } writeObj This object is described in the WriteRequestType typedef
+     * @return {Promise.<void>}
+     * @tutorial Clipboard.writeRtf
+    */
+    writeRtf(writeObj: WriteRequestType): Promise<void>;
+    /**
+     * Read the content of the clipboard as Rtf
+     * @param { string } type Clipboard Type
+     * @return {Promise.<string>}
+     * @tutorial Clipboard.readRtf
+    */
+    readRtf(type?: string): Promise<string>;
+    /**
+     * Writes data into the clipboard
+     * @param { WriteRequestType } writeObj This object is described in the WriteRequestType typedef
+     * @return {Promise.<void>}
+     * @tutorial Clipboard.write
+    */
+    write(writeObj: WriteAnyRequestType): Promise<void>;
+    /**
+     * Reads available formats for the clipboard type
+     * @param { string } type Clipboard Type
+     * @return {Promise.Array.<string>}
+     * @tutorial Clipboard.getAvailableFormats
+    */
+    getAvailableFormats(type?: string): Promise<Array<string>>;
+}
diff --git a/types/openfin/v34/_v2/api/clipboard/write-request.d.ts b/types/openfin/v34/_v2/api/clipboard/write-request.d.ts
new file mode 100644
index 0000000000..a2fc5c333e
--- /dev/null
+++ b/types/openfin/v34/_v2/api/clipboard/write-request.d.ts
@@ -0,0 +1,12 @@
+export interface WriteRequestType {
+    data: string;
+    type?: string;
+}
+export interface WriteAnyRequestType {
+    data: {
+        text?: string;
+        html?: string;
+        rtf?: string;
+    };
+    type?: string;
+}
diff --git a/types/openfin/v34/_v2/api/external-application/external-application.d.ts b/types/openfin/v34/_v2/api/external-application/external-application.d.ts
new file mode 100644
index 0000000000..2d1f46e0f3
--- /dev/null
+++ b/types/openfin/v34/_v2/api/external-application/external-application.d.ts
@@ -0,0 +1,36 @@
+import { Base, EmitterBase, Reply } from '../base';
+import { Identity } from '../../identity';
+import Transport from '../../transport/transport';
+export interface ExternalApplicationInfo {
+    parent: Identity;
+}
+export default class ExternalApplicationModule extends Base {
+    /**
+     * Returns an External Application object that represents an existing external application.
+     * @param {string} uuid The UUID of the external application to be wrapped
+     * @return {Promise.<ExternalApplication>}
+     */
+    wrap(uuid: string): Promise<ExternalApplication>;
+}
+/**
+ * @classdesc An ExternalApplication object representing an application. Allows
+ * the developer to create, execute, show and close an external application as
+ * well as listen to application events.
+ * @class
+ */
+export declare class ExternalApplication extends EmitterBase {
+    identity: Identity;
+    constructor(wire: Transport, identity: Identity);
+    /**
+     * Retrieves information about the external application.
+     * @return {Promise.<ExternalApplicationInfo>}
+     * @tutorial ExternalApplication.getInfo
+     */
+    getInfo(): Promise<ExternalApplicationInfo>;
+}
+export interface ExternalApplication {
+    on(type: 'connected', listener: (data: Reply<'externalapplication', 'connected'>) => void): Promise<void>;
+    on(type: 'disconnected', listener: (data: Reply<'externalapplication', 'disconnected'>) => void): Promise<void>;
+    on(type: 'removeListener', listener: (eventType: string) => void): Promise<void>;
+    on(type: 'newListener', listener: (eventType: string) => void): Promise<void>;
+}
diff --git a/types/openfin/v34/_v2/api/fin.d.ts b/types/openfin/v34/_v2/api/fin.d.ts
new file mode 100644
index 0000000000..1bec2ffb4f
--- /dev/null
+++ b/types/openfin/v34/_v2/api/fin.d.ts
@@ -0,0 +1,27 @@
+/// <reference types="node" />
+import Transport from '../transport/transport';
+import { EventEmitter } from 'events';
+import System from './system/system';
+import _WindowModule from './window/window';
+import Application from './application/application';
+import InterApplicationBus from './interappbus/interappbus';
+import _NotificationModule from './notification/notification';
+import Clipbpard from './clipboard/clipboard';
+import ExternalApplication from './external-application/external-application';
+import _FrameModule from './frame/frame';
+import GlobalHotkey from './global-hotkey';
+import { Identity } from '../identity';
+export default class Fin extends EventEmitter {
+    private wire;
+    System: System;
+    Window: _WindowModule;
+    Application: Application;
+    InterApplicationBus: InterApplicationBus;
+    Notification: _NotificationModule;
+    Clipboard: Clipbpard;
+    ExternalApplication: ExternalApplication;
+    Frame: _FrameModule;
+    GlobalHotkey: GlobalHotkey;
+    readonly me: Identity;
+    constructor(wire: Transport);
+}
diff --git a/types/openfin/v34/_v2/api/frame/frame.d.ts b/types/openfin/v34/_v2/api/frame/frame.d.ts
new file mode 100644
index 0000000000..4a5ab971de
--- /dev/null
+++ b/types/openfin/v34/_v2/api/frame/frame.d.ts
@@ -0,0 +1,51 @@
+import { Base, EmitterBase } from '../base';
+import { Identity } from '../../identity';
+import Transport from '../../transport/transport';
+export declare type EntityType = 'window' | 'iframe' | 'external connection' | 'unknown';
+export interface FrameInfo {
+    uuid: string;
+    name: string;
+    entityType: EntityType;
+    parent: Identity;
+}
+export default class _FrameModule extends Base {
+    /**
+     * Gets a reference to the specified frame. The frame does not have to exist
+     * @param {string} uuid - uuid of the frame you want to wrap
+     * @param {string} name - name of the frame you want to wrap
+     * @return {Promise.<_Frame>}
+     */
+    wrap(uuid: string, name: string): Promise<_Frame>;
+    /**
+     * Get a reference to the current frame
+     * @return {Promise.<_Frame>}
+     */
+    getCurrent(): Promise<_Frame>;
+}
+/**
+ * @classdesc Represents a way to interact with `iframes`. Facilitates discovery of current context
+ * (iframe or main window) as well as the ability to listen for frame-specific events.
+ * @class
+ * @alias Frame
+ */
+export declare class _Frame extends EmitterBase {
+    identity: Identity;
+    constructor(wire: Transport, identity: Identity);
+    /**
+     * Returns a frame info object for the represented frame
+     * @return {Promise.<FrameInfo>}
+     * @tutorial Frame.getInfo
+     */
+    getInfo(): Promise<FrameInfo>;
+    /**
+     * Returns a frame info object representing the window that the referenced iframe is
+     * currently embedded in
+     * @return {Promise.<FrameInfo>}
+     * @tutorial Frame.getParentWindow
+     */
+    getParentWindow(): Promise<FrameInfo>;
+}
+export interface _Frame {
+    on(type: 'connected', listener: (eventType: string) => void): Promise<void>;
+    on(type: 'disconnected', listener: (eventType: string) => void): Promise<void>;
+}
diff --git a/types/openfin/v34/_v2/api/global-hotkey/index.d.ts b/types/openfin/v34/_v2/api/global-hotkey/index.d.ts
new file mode 100644
index 0000000000..148ddff7e9
--- /dev/null
+++ b/types/openfin/v34/_v2/api/global-hotkey/index.d.ts
@@ -0,0 +1,33 @@
+import { EmitterBase } from '../base';
+import Transport from '../../transport/transport';
+/**
+ * The GlobalHotkey module can register/unregister a global hotkeys.
+ * @namespace
+ */
+export default class GlobalHotkey extends EmitterBase {
+    constructor(wire: Transport);
+    /**
+     * Registers a global hotkey with the operating system.
+     * @return {Promise.<void>}
+     * @tutorial GlobalHotkey.register
+     */
+    register(hotkey: string, listener: (...args: any[]) => void): Promise<void>;
+    /**
+     * Unregisters a global hotkey with the operating system.
+     * @return {Promise.<void>}
+     * @tutorial GlobalHotkey.unregister
+     */
+    unregister(hotkey: string): Promise<void>;
+    /**
+     * Unregisters all global hotkeys for the current application.
+     * @return {Promise.<void>}
+     * @tutorial GlobalHotkey.unregisterAll
+     */
+    unregisterAll(): Promise<void>;
+    /**
+     * Checks if a given hotkey has been registered
+     * @return {Promise.<bookean>}
+     * @tutorial GlobalHotkey.isRegistered
+     */
+    isRegistered(hotkey: string): Promise<boolean>;
+}
diff --git a/types/openfin/v34/_v2/api/interappbus/channel/channel.d.ts b/types/openfin/v34/_v2/api/interappbus/channel/channel.d.ts
new file mode 100644
index 0000000000..1c9a502e12
--- /dev/null
+++ b/types/openfin/v34/_v2/api/interappbus/channel/channel.d.ts
@@ -0,0 +1,31 @@
+import { Identity } from '../../../identity';
+import Transport, { Message } from '../../../transport/transport';
+export interface ProviderIdentity extends Identity {
+    channelId: string;
+    isExternal?: boolean;
+    channelName: string;
+}
+export declare type Action = (() => any) | ((payload: any) => any) | ((payload: any, id: ProviderIdentity) => any);
+export declare type Middleware = (() => any) | ((action: string) => any) | ((action: string, payload: any) => any) | ((action: string, payload: any, id: ProviderIdentity) => any);
+export interface ChannelMessagePayload extends Identity {
+    action: string;
+    payload: any;
+}
+export declare class ChannelBase {
+    protected subscriptions: any;
+    defaultAction: (action?: string, payload?: any, senderIdentity?: ProviderIdentity) => any;
+    private preAction;
+    private postAction;
+    private errorMiddleware;
+    private defaultSet;
+    protected send: (to: Identity, action: string, payload: any) => Promise<Message<void>>;
+    protected providerIdentity: ProviderIdentity;
+    constructor(providerIdentity: ProviderIdentity, send: Transport['sendAction']);
+    processAction(action: string, payload: any, senderIdentity: ProviderIdentity): Promise<any>;
+    beforeAction(func: Action): void;
+    onError(func: (e: any, action: string, id: Identity) => any): void;
+    afterAction(func: Action): void;
+    remove(action: string): void;
+    setDefaultAction(func: (action?: string, payload?: any, senderIdentity?: ProviderIdentity) => any): void;
+    register(topic: string, listener: Action): boolean;
+}
diff --git a/types/openfin/v34/_v2/api/interappbus/channel/client.d.ts b/types/openfin/v34/_v2/api/interappbus/channel/client.d.ts
new file mode 100644
index 0000000000..d1c128a349
--- /dev/null
+++ b/types/openfin/v34/_v2/api/interappbus/channel/client.d.ts
@@ -0,0 +1,6 @@
+import { ChannelBase, ProviderIdentity } from './channel';
+import Transport from '../../../transport/transport';
+export declare class ChannelClient extends ChannelBase {
+    constructor(providerIdentity: ProviderIdentity, send: Transport['sendAction']);
+    dispatch(action: string, payload?: any): Promise<any>;
+}
diff --git a/types/openfin/v34/_v2/api/interappbus/channel/index.d.ts b/types/openfin/v34/_v2/api/interappbus/channel/index.d.ts
new file mode 100644
index 0000000000..1297d2c5ea
--- /dev/null
+++ b/types/openfin/v34/_v2/api/interappbus/channel/index.d.ts
@@ -0,0 +1,33 @@
+import { ChannelClient } from './client';
+import { Identity } from '../../../identity';
+import { ChannelProvider } from './provider';
+import { EmitterBase } from '../../base';
+import Transport, { Message, Payload } from '../../../transport/transport';
+import { ProviderIdentity } from './channel';
+export interface Options {
+    wait?: boolean;
+    uuid: string;
+    name?: string;
+    payload?: any;
+}
+export interface ChannelPayload {
+    payload: Payload;
+}
+export interface ChannelMessage {
+    senderIdentity: Identity;
+    ackToSender: any;
+    providerIdentity: Identity;
+    connectAction: boolean;
+}
+export declare class Channel extends EmitterBase {
+    private channelMap;
+    constructor(wire: Transport);
+    getAllChannels(): Promise<ProviderIdentity[]>;
+    onChannelConnect(listener: Function): Promise<void>;
+    onChannelDisconnect(listener: Function): Promise<void>;
+    connect(options: Options): Promise<ChannelClient>;
+    create(channelName?: string): Promise<ChannelProvider>;
+    onmessage: (msg: Message<ChannelMessage>) => boolean;
+    private processChannelMessage;
+    private processChannelConnection;
+}
diff --git a/types/openfin/v34/_v2/api/interappbus/channel/provider.d.ts b/types/openfin/v34/_v2/api/interappbus/channel/provider.d.ts
new file mode 100644
index 0000000000..a869928ac2
--- /dev/null
+++ b/types/openfin/v34/_v2/api/interappbus/channel/provider.d.ts
@@ -0,0 +1,13 @@
+import { ChannelBase, ProviderIdentity } from './channel';
+import Transport from '../../../transport/transport';
+export declare type ConnectionListener = (adapterIdentity: ProviderIdentity, connectionMessage?: any) => any;
+export declare class ChannelProvider extends ChannelBase {
+    private connectListener;
+    private disconnectListener;
+    connections: ProviderIdentity[];
+    constructor(providerIdentity: ProviderIdentity, send: Transport['sendAction']);
+    dispatch(to: ProviderIdentity, action: string, payload: any): Promise<any>;
+    processConnection(senderId: ProviderIdentity, payload: any): Promise<any>;
+    publish(action: string, payload: any): Promise<any>[];
+    onConnection(listener: ConnectionListener): void;
+}
diff --git a/types/openfin/v34/_v2/api/interappbus/interappbus.d.ts b/types/openfin/v34/_v2/api/interappbus/interappbus.d.ts
new file mode 100644
index 0000000000..48aaf7430c
--- /dev/null
+++ b/types/openfin/v34/_v2/api/interappbus/interappbus.d.ts
@@ -0,0 +1,80 @@
+/// <reference types="node" />
+import { Base } from '../base';
+import { Identity } from '../../identity';
+import Transport, { Message } from '../../transport/transport';
+import { EventEmitter } from 'events';
+import { Channel } from './channel/index';
+/**
+ * A messaging bus that allows for pub/sub messaging between different applications.
+ * @namespace
+*/
+export default class InterApplicationBus extends Base {
+    Channel: Channel;
+    events: {
+        subscriberAdded: string;
+        subscriberRemoved: string;
+    };
+    private refCounter;
+    protected emitter: EventEmitter;
+    on: any;
+    removeAllListeners: any;
+    constructor(wire: Transport);
+    /**
+     * Publishes a message to all applications running on OpenFin Runtime that
+     * are subscribed to the specified topic.
+     * @param { string } topic The topic on which the message is sent
+     * @param { any } message The message to be published. Can be either a primitive
+     * data type (string, number, or boolean) or composite data type (object, array)
+     * that is composed of other primitive or composite data types
+     * @return {Promise.<void>}
+     * @tutorial InterApplicationBus.publish
+    */
+    publish(topic: string, message: any): Promise<void>;
+    /**
+     * Sends a message to a specific application on a specific topic.
+     * @param { object } destination The uuid of the application to which the message is sent
+     * @param { string } topic The topic on which the message is sent
+     * @param { any } message The message to be sent. Can be either a primitive data
+     * type (string, number, or boolean) or composite data type (object, array) that
+     * is composed of other primitive or composite data types
+     * @return {Promise.<void>}
+     * @tutorial InterApplicationBus.send
+    */
+    send(destination: Identity, topic: string, message: any): Promise<void>;
+    /**
+     * Subscribes to messages from the specified application on the specified topic.
+     * If the subscription is for a uuid, [name], topic combination that has already
+     * been published to upon subscription you will receive the last 20 missed messages
+     * in the order they were published.
+     * @param { Identity } source This object is described in the Identity in the typedef
+     * @param { string } topic The topic on which the message is sent
+     * @param { function } listener A function that is called when a message has
+     * been received. It is passed the message, uuid and name of the sending application.
+     * The message can be either a primitive data type (string, number, or boolean) or
+     * composite data type (object, array) that is composed of other primitive or composite
+     * data types
+     * @return {Promise.<void>}
+     * @tutorial InterApplicationBus.subcribe
+     */
+    subscribe(source: Identity, topic: string, listener: any): Promise<void>;
+    /**
+     * Unsubscribes to messages from the specified application on the specified topic.
+     * @param { Identity } source This object is described in the Identity in the typedef
+     * @param { string } topic The topic on which the message is sent
+     * @param { function } listener A callback previously registered with subscribe()
+     * @return {Promise.<void>}
+     * @tutorial InterApplicationBus.unsubscribe
+     */
+    unsubscribe(source: Identity, topic: string, listener: any): Promise<void>;
+    private processMessage;
+    private emitSubscriverEvent;
+    protected createSubscriptionKey(uuid: string, name: string, topic: string): string;
+    protected onmessage(message: Message<InterAppPayload>): boolean;
+}
+export declare class InterAppPayload {
+    sourceUuid: string;
+    sourceWindowName: string;
+    topic: string;
+    destinationUuid?: string;
+    message?: any;
+}
diff --git a/types/openfin/v34/_v2/api/notification/notification.d.ts b/types/openfin/v34/_v2/api/notification/notification.d.ts
new file mode 100644
index 0000000000..8deec180ba
--- /dev/null
+++ b/types/openfin/v34/_v2/api/notification/notification.d.ts
@@ -0,0 +1,71 @@
+import { Base, EmitterBase } from '../base';
+import { Identity } from '../../identity';
+import Transport from '../../transport/transport';
+export declare class NotificationOptions {
+    url: string;
+    message: string;
+    timeout: string | number;
+    notificationId: number;
+    uuidOfProxiedApp: string;
+    ignoreMouseOver: boolean;
+    constructor(options: any, identity: Identity, notificationId: number);
+}
+export interface NotificationCallback {
+    message?: any;
+}
+/**
+ * @classdesc A Notification object represents a window on OpenFin Runtime which
+ * is shown briefly to the user on the bottom-right corner of the primary monitor.
+ * A notification is typically used to alert the user of some important event which
+ * requires his or her attention. Notifications are a child or your application that
+ * are controlled by the runtime.
+ * @class
+ * @alias Notification
+ */
+export declare class _Notification extends EmitterBase {
+    private listenerList;
+    private unhookAllListeners;
+    private buildLocalPayload;
+    protected options: NotificationOptions;
+    protected generalListener: (msg: any) => void;
+    protected notificationId: number;
+    protected onmessage: (message: any) => boolean;
+    constructor(wire: Transport, options: NotificationOptions);
+    url: string;
+    timeout: number | string;
+    message: any;
+    /**
+     * Invoked when the notification is shown
+     * @return {Promise.<void>}
+     * @tutorial Notification.show
+     */
+    show(): Promise<void>;
+    /**
+     * Sends a message to the notification.
+     * @param { any } message The message to be sent to the notification.
+     * Can be either a primitive data type (string, number, or boolean)
+     * or composite data type (object, array) that is composed of other
+     * primitive or composite data types
+     * @return {Promise.<void>}
+     * @tutorial Notification.sendMessage
+     */
+    sendMessage(message: any): Promise<void>;
+    /**
+     * Closes the notification
+     * @return {Promise.<void>}
+     * @tutorial Notification.close
+     */
+    close(): Promise<void>;
+}
+export default class _NotificationModule extends Base {
+    private nextNoteId;
+    private genNoteId;
+    events: {
+        show: string;
+        close: string;
+        error: string;
+        click: string;
+        message: string;
+    };
+    create(options: any): _Notification;
+}
diff --git a/types/openfin/v34/_v2/api/system/application.d.ts b/types/openfin/v34/_v2/api/system/application.d.ts
new file mode 100644
index 0000000000..9d7ea09b67
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/application.d.ts
@@ -0,0 +1,4 @@
+export interface ApplicationInfo {
+    isRunning: boolean;
+    uuid: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/clearCacheOption.d.ts b/types/openfin/v34/_v2/api/system/clearCacheOption.d.ts
new file mode 100644
index 0000000000..6bae8116b7
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/clearCacheOption.d.ts
@@ -0,0 +1,6 @@
+export interface ClearCacheOption {
+    appcache?: boolean;
+    cache?: boolean;
+    cookies?: boolean;
+    localStorage?: boolean;
+}
diff --git a/types/openfin/v34/_v2/api/system/cookie.d.ts b/types/openfin/v34/_v2/api/system/cookie.d.ts
new file mode 100644
index 0000000000..1d229232c6
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/cookie.d.ts
@@ -0,0 +1,8 @@
+export interface CookieInfo {
+    name: string;
+    domain: string;
+    path: string;
+}
+export interface CookieOption {
+    name: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/crashReporterOption.d.ts b/types/openfin/v34/_v2/api/system/crashReporterOption.d.ts
new file mode 100644
index 0000000000..7d512fdd7b
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/crashReporterOption.d.ts
@@ -0,0 +1,4 @@
+export interface CrashReporterOption {
+    diagnosticMode: boolean;
+    isRunning?: boolean;
+}
diff --git a/types/openfin/v34/_v2/api/system/download-asset.d.ts b/types/openfin/v34/_v2/api/system/download-asset.d.ts
new file mode 100644
index 0000000000..be513f5f0e
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/download-asset.d.ts
@@ -0,0 +1,18 @@
+export interface AppAssetInfo {
+    src: string;
+    alias: string;
+    version: string;
+    target?: string;
+    args?: string;
+    mandatory?: boolean;
+}
+export interface RuntimeDownloadOptions {
+    version: string;
+}
+export interface AppAssetRequest {
+    alias: string;
+}
+export interface RuntimeDownloadProgress {
+    downloadedBytes: number;
+    totalBytes: number;
+}
diff --git a/types/openfin/v34/_v2/api/system/download-preload.d.ts b/types/openfin/v34/_v2/api/system/download-preload.d.ts
new file mode 100644
index 0000000000..a7e635bcb8
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/download-preload.d.ts
@@ -0,0 +1,8 @@
+export interface DownloadPreloadOption {
+    url: string;
+}
+export interface DownloadPreloadInfo {
+    success: boolean;
+    url?: string;
+    error: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/entity.d.ts b/types/openfin/v34/_v2/api/system/entity.d.ts
new file mode 100644
index 0000000000..50011a64f3
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/entity.d.ts
@@ -0,0 +1,11 @@
+import { Identity } from '../../identity';
+export interface Entity {
+    type: string;
+    uuid: string;
+}
+export interface EntityInfo {
+    name: string;
+    uuid: string;
+    parent: Identity;
+    entityType: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/external-process.d.ts b/types/openfin/v34/_v2/api/system/external-process.d.ts
new file mode 100644
index 0000000000..8a68f1eae3
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/external-process.d.ts
@@ -0,0 +1,22 @@
+export interface ExternalProcessRequestType {
+    path: string;
+    arguments: string;
+    listener: LaunchExternalProcessListener;
+}
+export interface ExitCode {
+    topic: string;
+    uuid: string;
+    exitCode: number;
+}
+export interface LaunchExternalProcessListener {
+    (code: ExitCode): void;
+}
+export interface TerminateExternalRequestType {
+    uuid: string;
+    timeout: number;
+    killTree: boolean;
+}
+export interface ExternalConnection {
+    token: string;
+    uuid: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/host-specs.d.ts b/types/openfin/v34/_v2/api/system/host-specs.d.ts
new file mode 100644
index 0000000000..2c5a134aea
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/host-specs.d.ts
@@ -0,0 +1,22 @@
+export interface Time {
+    user: number;
+    nice: number;
+    sys: number;
+    idle: number;
+    irq: number;
+}
+export interface CpuInfo {
+    model: string;
+    speed: number;
+    times: Time;
+}
+export interface GpuInfo {
+    name: string;
+}
+export interface HostSpecs {
+    cpu: CpuInfo[];
+    memory: number;
+    arch: string;
+    name: string;
+    gpu: GpuInfo;
+}
diff --git a/types/openfin/v34/_v2/api/system/log.d.ts b/types/openfin/v34/_v2/api/system/log.d.ts
new file mode 100644
index 0000000000..9b03b28c57
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/log.d.ts
@@ -0,0 +1,11 @@
+export interface GetLogRequestType {
+    name: string;
+    endFile?: string;
+    sizeLimit?: number;
+}
+export interface LogInfo {
+    name: string;
+    size: number;
+    date: string;
+}
+export declare type LogLevel = 'verbose' | 'info' | 'warning' | 'error' | 'fatal';
diff --git a/types/openfin/v34/_v2/api/system/monitor.d.ts b/types/openfin/v34/_v2/api/system/monitor.d.ts
new file mode 100644
index 0000000000..ea4aed799c
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/monitor.d.ts
@@ -0,0 +1,39 @@
+import { Point } from './point';
+export interface MonitorInfo {
+    deviceScaleFactor: number;
+    dpi: Point;
+    nonPrimaryMonitors: Array<MonitorDetails>;
+    primaryMonitor: MonitorDetails;
+    reason: string;
+    taskBar: TaskBar;
+    virtualScreen: DipRect;
+}
+export interface MonitorDetails {
+    available: DipScaleRects;
+    availableRect: Rect;
+    deviceId: string;
+    displayDeviceActive: boolean;
+    deviceScaleFactor: number;
+    monitorRect: Rect;
+    name: number;
+    dpi: Point;
+    monitor: DipScaleRects;
+}
+export interface Rect {
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+}
+export interface DipRect extends Rect {
+    dipRect: Rect;
+    scaledRect: Rect;
+}
+export interface DipScaleRects {
+    dipRect: Rect;
+    scaledRect: Rect;
+}
+export interface TaskBar extends DipScaleRects {
+    edge: string;
+    rect: Rect;
+}
diff --git a/types/openfin/v34/_v2/api/system/point.d.ts b/types/openfin/v34/_v2/api/system/point.d.ts
new file mode 100644
index 0000000000..b9830ce514
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/point.d.ts
@@ -0,0 +1,8 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface PointTopLeft {
+    top: number;
+    left: number;
+}
diff --git a/types/openfin/v34/_v2/api/system/process.d.ts b/types/openfin/v34/_v2/api/system/process.d.ts
new file mode 100644
index 0000000000..8a513ceecd
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/process.d.ts
@@ -0,0 +1,15 @@
+export interface ProcessInfo {
+    cpuUsage: number;
+    name: string;
+    nonPagedPoolUsage: number;
+    pageFaultCount: number;
+    pagedPoolUsage: number;
+    pagefileUsage: number;
+    peakNonPagedPoolUsage: number;
+    peakPagedPoolUsage: number;
+    peakPagefileUsage: number;
+    peakWorkingSetSize: number;
+    processId: number;
+    uuid: string;
+    workingSetSize: number;
+}
diff --git a/types/openfin/v34/_v2/api/system/proxy.d.ts b/types/openfin/v34/_v2/api/system/proxy.d.ts
new file mode 100644
index 0000000000..597afa6548
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/proxy.d.ts
@@ -0,0 +1,14 @@
+export interface ProxyInfo {
+    config: ProxyConfig;
+    system: {
+        autoConfigUrl: string;
+        bypass: '';
+        enabled: boolean;
+        proxy: string;
+    };
+}
+export interface ProxyConfig {
+    proxyAddress: string;
+    proxyPort: number;
+    type: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/registry-info.d.ts b/types/openfin/v34/_v2/api/system/registry-info.d.ts
new file mode 100644
index 0000000000..a48ed34959
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/registry-info.d.ts
@@ -0,0 +1,7 @@
+export interface RegistryInfo {
+    data: any;
+    rootKey: string;
+    subkey: string;
+    type: string;
+    value: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/runtime-info.d.ts b/types/openfin/v34/_v2/api/system/runtime-info.d.ts
new file mode 100644
index 0000000000..1508f87ef3
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/runtime-info.d.ts
@@ -0,0 +1,7 @@
+export interface RuntimeInfo {
+    architecture: string;
+    manifestUrl: string;
+    port: number;
+    securityRealm?: string;
+    version: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/rvm.d.ts b/types/openfin/v34/_v2/api/system/rvm.d.ts
new file mode 100644
index 0000000000..42fc0b94db
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/rvm.d.ts
@@ -0,0 +1,5 @@
+export interface RVMInfo {
+    action: string;
+    'start-time': string;
+    version: string;
+}
diff --git a/types/openfin/v34/_v2/api/system/system.d.ts b/types/openfin/v34/_v2/api/system/system.d.ts
new file mode 100644
index 0000000000..8c0bc7d3b6
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/system.d.ts
@@ -0,0 +1,475 @@
+import { EmitterBase } from '../base';
+import { ApplicationInfo } from './application';
+import { WindowInfo } from './window';
+import { Identity } from '../../identity';
+import { MonitorInfo } from './monitor';
+import { PointTopLeft } from './point';
+import { GetLogRequestType, LogInfo, LogLevel } from './log';
+import { ProxyInfo, ProxyConfig } from './proxy';
+import { ProcessInfo } from './process';
+import { AppAssetInfo, AppAssetRequest, RuntimeDownloadOptions, RuntimeDownloadProgress } from './download-asset';
+import { RVMInfo } from './rvm';
+import { RuntimeInfo } from './runtime-info';
+import { Entity, EntityInfo } from './entity';
+import { HostSpecs } from './host-specs';
+import { ExternalProcessRequestType, TerminateExternalRequestType, ExternalConnection } from './external-process';
+import Transport from '../../transport/transport';
+import { CookieInfo, CookieOption } from './cookie';
+import { RegistryInfo } from './registry-info';
+import { DownloadPreloadOption, DownloadPreloadInfo } from './download-preload';
+import { ClearCacheOption } from './clearCacheOption';
+import { CrashReporterOption } from './crashReporterOption';
+/**
+ * AppAssetInfo interface
+ * @typedef { Object } AppAssetInfo
+ * @property { string } src  The URL to a zip file containing the package files (executables, dlls, etc…)
+ * @property { string } alias The name of the asset
+ * @property { string } version The version of the package
+ * @property { string } target Specify default executable to launch. This option can be overridden in launchExternalProcess
+ * @property { args } args The default command line arguments for the aforementioned target.
+ * @property { boolean } mandatory When set to true, the app will fail to load if the asset cannot be downloaded.
+ * When set to false, the app will continue to load if the asset cannot be downloaded. (Default: true)
+ */
+/**
+ * AppAssetRequest interface
+ * @typedef { Object } AppAssetRequest
+ * @property { string } alias The name of the asset
+ */
+/**
+ * CookieInfo interface
+ * @typedef { Object } CookieInfo
+ * @property { string } name  The name of the cookie
+ * @property { string } domain The domain of the cookie
+ * @property { string } path The path of the cookie
+ */
+/**
+ * CookieOption interface
+ * @typedef { Object } CookieOption
+ * @property { string } name The name of the cookie
+ */
+/**
+ * ExternalConnection interface
+ * @typedef { Object } ExternalConnection
+ * @property { string } token The token to broker an external connection
+ * @property { string } uuid The uuid of the external connection
+ */
+/**
+* ExternalProcessRequestType interface
+* @typedef { Object } ExternalProcessRequestType
+* @property { string } path The file path to where the running application resides
+* @property { string } arguments The argument passed to the running application
+* @property { Object } listener This is described in the {LaunchExternalProcessListner} type definition
+*/
+/**
+ * Entity interface
+ * @typedef { Object } Entity
+ * @property { string } type The type of the entity
+ * @property { string } uuid The uuid of the entity
+ */
+/**
+ * EntityInfo interface
+ * @typedef { Object } EntityInfo
+ * @property { string } name The name of the entity
+ * @property { string } uuid The uuid of the entity
+ * @property { Identity } parent The parent of the entity
+ * @property { string } entityType The type of the entity
+ */
+/**
+* GetLogRequestType interface
+* @typedef { Object } GetLogRequestType
+* @property { string } name The name of the running application
+* @property { number } endFile The file length of the log file
+* @property { number } sizeLimit The set size limit of the log file
+*/
+/**
+ * Identity interface
+ * @typedef { Object } Identity
+ * @property { string } name The name of the application
+ * @property { string } uuid The uuid of the application
+ */
+/**
+ * @typedef { verbose | info | warning | error | fatal } LogLevel
+ * @summary Log verbosity levels.
+ * @desc Describes the minimum level (inclusive) above which logs will be written
+ *
+ * @property { string } verbose all logs written
+ * @property { string } info info and above
+ * @property { string } warning warning and above
+ * @property { string } error error and above
+ * @property { string } fatal fatal only, indicates a crash is imminent
+ */
+/**
+ * ProxyConfig interface
+ * @typedef { Object } ProxyConfig
+ * @property { numder } proxyPort The port number of the running application
+ * @property { string } proxyAddress The address of the running application
+ * @property { string } type
+ */
+/**
+ * RegistryInfo interface
+ * @typedef { Object } RegistryInfo
+ * @property { any } data The registry data
+ * @property { string } rootKey The registry root key
+ * @property { string } subkey The registry key
+ * @property { string } type The registry type
+ * @property { string } value The registry value name
+ */
+/**
+ * RuntimeDownloadOptions interface
+ * @typedef { Object } RuntimeDownloadOptions
+ * @desc These are the options object required by the downloadRuntime function.
+ * @property { string } version The given version to download
+ */
+/**
+ * TerminateExternalRequestType interface
+ * @typedef { Object } TerminateExternalRequestType
+ * @property { string } uuid The uuid of the running application
+ * @property { number } timeout Time out period before the running application terminates
+ * @property { boolean } killtree Value to terminate the running application
+ */
+/**
+ * DownloadPreloadOption interface
+ * @typedef { Object } DownloadPreloadOption
+ * @desc These are the options object required by the downloadPreloadScripts function
+ * @property { string } url url to the preload script
+ */
+/**
+ * DownloadPreloadInfo interface
+ * @typedef { Object } DownloadPreloadInfo
+ * @desc downloadPreloadScripts function return value
+ * @property { string } url url to the preload script
+ * @property { string } error error during preload script acquisition
+ * @property { boolean } succeess download operation success
+ */
+/**
+ * @typedef { Object } ClearCacheOption
+ * @summary Clear cache options.
+ * @desc These are the options required by the clearCache function.
+ *
+ * @property {boolean} appcache html5 application cache
+ * @property {boolean} cache browser data cache for html files and images
+ * @property {boolean} cookies browser cookies
+ * @property {boolean} localStorage browser data that can be used across sessions
+ */
+/**
+* CrashReporterOption interface
+* @typedef { Object } CrashReporterOption
+* @property { boolean } diagnosticMode In diagnostic mode the crash reporter will send diagnostic logs to
+*  the OpenFin reporting service on runtime shutdown
+* @property { boolean } isRunning check if it's running
+*/
+/**
+ * An object representing the core of OpenFin Runtime. Allows the developer
+ * to perform system-level actions, such as accessing logs, viewing processes,
+ * clearing the cache and exiting the runtime.
+ * @namespace
+ */
+export default class System extends EmitterBase {
+    constructor(wire: Transport);
+    /**
+     * Returns the version of the runtime. The version contains the major, minor,
+     * build and revision numbers.
+     * @return {Promise.<string>}
+     * @tutorial System.getVersion
+     */
+    getVersion(): Promise<string>;
+    /**
+     * Clears cached data containing application resource
+     * files (images, HTML, JavaScript files), cookies, and items stored in the
+     * Local Storage.
+     * @param { ClearCacheOption } options - See tutorial for more details.
+     * @return {Promise.<void>}
+     * @tutorial System.clearCache
+     */
+    clearCache(options: ClearCacheOption): Promise<void>;
+    /**
+     * Clears all cached data when OpenFin Runtime exits.
+     * @return {Promise.<void>}
+     * @tutorial System.deleteCacheOnExit
+     */
+    deleteCacheOnExit(): Promise<void>;
+    /**
+     * Exits the Runtime.
+     * @return {Promise.<void>}
+     * @tutorial System.exit
+     */
+    exit(): Promise<void>;
+    /**
+     * Writes any unwritten cookies data to disk.
+     * @return {Promise.<void>}
+     * @tutorial System.flushCookieStore
+     */
+    flushCookieStore(): Promise<void>;
+    /**
+     * Retrieves an array of data (name, ids, bounds) for all application windows.
+     * @return {Promise.Array.<WindowInfo>}
+     * @tutorial System.getAllWindows
+     */
+    getAllWindows(): Promise<Array<WindowInfo>>;
+    /**
+     * Retrieves an array of data for all applications.
+     * @return {Promise.Array.<ApplicationInfo>}
+     * @tutorial System.getAllApplications
+     */
+    getAllApplications(): Promise<Array<ApplicationInfo>>;
+    /**
+     * Retrieves the command line argument string that started OpenFin Runtime.
+     * @return {Promise.<string>}
+     * @tutorial System.getCommandLineArguments
+     */
+    getCommandLineArguments(): Promise<string>;
+    /**
+     * Get the current state of the crash reporter.
+     * @return {Promise.<CrashReporterOption>}
+     * @tutorial System.getCrashReporterState
+     */
+    getCrashReporterState(): Promise<CrashReporterOption>;
+    /**
+     * Returns a unique identifier (UUID) for the machine (SHA256 hash of the system's MAC address).
+     * This call will return the same value on subsequent calls on the same machine(host).
+     * The values will be different on different machines, and should be considered globally unique.
+     * @return {Promise.<string>}
+     * @tutorial System.getDeviceId
+     */
+    getDeviceId(): Promise<string>;
+    /**
+     * Start the crash reporter for the browser process if not already running.
+     * You can optionally specify `diagnosticMode` to have the logs sent to
+     * OpenFin on runtime close
+     *
+     * @param { CrashReporterOption } options - configure crash reporter
+     * @return {Promise.<CrashReporterOption>}
+     * @tutorial System.startCrashReporter
+     */
+    startCrashReporter(options: CrashReporterOption): Promise<CrashReporterOption>;
+    /**
+     * Returns a hex encoded hash of the mac address and the currently logged in user name
+     * @return {Promise.<string>}
+     * @tutorial System.getDeviceUserId
+     */
+    getDeviceUserId(): Promise<string>;
+    /**
+     * Retrieves a frame info object for the uuid and name passed in
+     * @param { string } uuid - The UUID of the target.
+     * @param { string } name - The name of the target.
+     * @return {Promise.<EntityInfo>}
+     * @tutorial System.getEntityInfo
+     */
+    getEntityInfo(uuid: string, name: string): Promise<EntityInfo>;
+    /**
+     * Gets the value of a given environment variable on the computer on which the runtime is installed
+     * @return {Promise.<string>}
+     * @tutorial System.getEnvironmentVariable
+     */
+    getEnvironmentVariable(envName: string): Promise<string>;
+    /**
+     * Get current focused window.
+     * @return {Promise.<WindowInfo>}
+     * @tutorial System.getFocusedWindow
+     */
+    getFocusedWindow(): Promise<WindowInfo>;
+    /**
+     * Retrieves the contents of the log with the specified filename.
+     * @param { GetLogRequestType } options A object that id defined by the GetLogRequestType interface
+     * @return {Promise.<string>}
+     * @tutorial System.getLog
+     */
+    getLog(options: GetLogRequestType): Promise<string>;
+    /**
+     * Returns the minimum (inclusive) logging level that is currently being written to the log.
+     * @return {Promise.<LogLevel>}
+     * @tutorial System.getMinLogLevel
+     */
+    getMinLogLevel(): Promise<LogLevel>;
+    /**
+     * Retrieves an array containing information for each log file.
+     * @return {Promise.Array<LogInfo>}
+     * @tutorial System.getLogList
+     */
+    getLogList(): Promise<Array<LogInfo>>;
+    /**
+     * Retrieves an object that contains data about the monitor setup of the
+     * computer that the runtime is running on.
+     * @return {Promise.<MonitorInfo>}
+     * @tutorial System.getMonitorInfo
+     */
+    getMonitorInfo(): Promise<MonitorInfo>;
+    /**
+     * Returns the mouse in virtual screen coordinates (left, top).
+     * @return {Promise.<PointTopLeft>}
+     * @tutorial System.getMousePosition
+     */
+    getMousePosition(): Promise<PointTopLeft>;
+    /**
+     * Retrieves an array of all of the runtime processes that are currently
+     * running. Each element in the array is an object containing the uuid
+     * and the name of the application to which the process belongs.
+     * @return {Promise.Array.<ProcessInfo>}
+     * @tutorial System.getProcessList
+     */
+    getProcessList(): Promise<Array<ProcessInfo>>;
+    /**
+     * Retrieves the Proxy settings.
+     * @return {Promise.<ProxyInfo>}
+     * @tutorial System.getProxySettings
+     */
+    getProxySettings(): Promise<ProxyInfo>;
+    /**
+     * Returns information about the running Runtime in an object.
+     * @return {Promise.<RuntimeInfo>}
+     * @tutorial System.getRuntimeInfo
+     */
+    getRuntimeInfo(): Promise<RuntimeInfo>;
+    /**
+     * Returns information about the running RVM in an object.
+     * @return {Promise.<RVMInfo>}
+     * @tutorial System.getRvmInfo
+     */
+    getRvmInfo(): Promise<RVMInfo>;
+    /**
+     * Retrieves system information.
+     * @return {Promise.<Hostspecs>}
+     * @tutorial System.getHostSpecs
+     */
+    getHostSpecs(): Promise<HostSpecs>;
+    /**
+     * Runs an executable or batch file.
+     * @param { ExternalProcessRequestType } options A object that is defined in the ExternalProcessRequestType interface
+     * @return {Promise.<Identity>}
+     * @tutorial System.launchExternalProcess
+     */
+    launchExternalProcess(options: ExternalProcessRequestType): Promise<Identity>;
+    /**
+     * Monitors a running process.
+     * @param { number } pid See tutorial for more details
+     * @return {Promise.<Identity>}
+     * @tutorial System.monitorExternalProcess
+     */
+    monitorExternalProcess(pid: number): Promise<Identity>;
+    /**
+     * Writes the passed message into both the log file and the console.
+     * @param { string } level The log level for the entry. Can be either "info", "warning" or "error"
+     * @param { string } message The log message text
+     * @return {Promise.<void>}
+     * @tutorial System.log
+     */
+    log(level: string, message: string): Promise<void>;
+    /**
+     * Opens the passed URL in the default web browser.
+     * @param { string } url The URL to open
+     * @return {Promise.<void>}
+     * @tutorial System.openUrlWithBrowser
+     */
+    openUrlWithBrowser(url: string): Promise<void>;
+    /**
+     * Removes the process entry for the passed UUID obtained from a prior call
+     * of fin.System.launchExternalProcess().
+     * @param { string } uuid The UUID for a process obtained from a prior call to fin.desktop.System.launchExternalProcess()
+     * @return {Promise.<void>}
+     * @tutorial System.releaseExternalProcess
+     */
+    releaseExternalProcess(uuid: string): Promise<void>;
+    /**
+     * Shows the Chromium Developer Tools for the specified window
+     * @param { Identity } identity This is a object that is defined by the Identity interface
+     * @return {Promise.<void>}
+     * @tutorial System.showDeveloperTools
+     */
+    showDeveloperTools(identity: Identity): Promise<void>;
+    /**
+     * Attempt to close an external process. The process will be terminated if it
+     * has not closed after the elapsed timeout in milliseconds.
+     * @param { TerminateExternalRequestType } options A object defined in the TerminateExternalRequestType interface
+     * @return {Promise.<void>}
+     * @tutorial System.terminateExternalProcess
+     */
+    terminateExternalProcess(options: TerminateExternalRequestType): Promise<void>;
+    /**
+     * Update the OpenFin Runtime Proxy settings.
+     * @param { ProxyConfig } options A config object defined in the ProxyConfig interface
+     * @return {Promise.<void>}
+     * @tutorial System.updateProxySettings
+     */
+    updateProxySettings(options: ProxyConfig): Promise<void>;
+    /**
+     * Downloads the given application asset
+     * @param { AppAssetInfo } appAsset App asset object
+     * @return {Promise.<void>}
+     * @tutorial System.downloadAsset
+     */
+    downloadAsset(appAsset: AppAssetInfo, progressListener: (progress: RuntimeDownloadProgress) => void): Promise<void>;
+    /**
+    * Downloads a version of the runtime.
+    * @param { RuntimeDownloadOptions } options - Download options.
+    * @param {Function} [progressListener] - called as the runtime is downloaded with progress information.
+    * @return {Promise.<void>}
+    * @tutorial System.downloadRuntime
+    */
+    downloadRuntime(options: RuntimeDownloadOptions, progressListener: (progress: RuntimeDownloadProgress) => void): Promise<void>;
+    /**
+    * Download preload scripts from given URLs
+    * @param {DownloadPreloadOption[]} scripts - URLs of preload scripts. See tutorial for more details.
+    * @return {Promise.Array<DownloadPreloadInfo>}
+    * @tutorial System.downloadPreloadScripts
+    */
+    downloadPreloadScripts(scripts: Array<DownloadPreloadOption>): Promise<Array<DownloadPreloadInfo>>;
+    /**
+     * Retrieves an array of data (name, ids, bounds) for all application windows.
+     * @return {Promise.Array.<Identity>}
+     * @tutorial System.getAllExternalApplications
+     */
+    getAllExternalApplications(): Promise<Array<Identity>>;
+    /**
+     * Retrieves app asset information.
+     * @param { AppAssetRequest } options
+     * @return {Promise.<AppAssetInfo>}
+     * @tutorial System.getAppAssetInfo
+     */
+    getAppAssetInfo(options: AppAssetRequest): Promise<AppAssetInfo>;
+    /**
+     * Get additional info of cookies.
+     * @param { CookieOption } options - See tutorial for more details.
+     * @return {Promise.Array.<CookieInfo>}
+     * @tutorial System.getCookies
+     */
+    getCookies(options: CookieOption): Promise<Array<CookieInfo>>;
+    /**
+     * Set the minimum log level above which logs will be written to the OpenFin log
+     * @param { LogLevel } The minimum level (inclusive) above which all calls to log will be written
+     * @return {Promise.<void>}
+     * @tutorial System.setMinLogLevel
+     */
+    setMinLogLevel(level: LogLevel): Promise<void>;
+    /**
+     * Retrieves the UUID of the computer on which the runtime is installed
+     * @param { string } uuid The uuid of the running application
+     * @return {Promise.<Entity>}
+     * @tutorial System.resolveUuid
+     */
+    resolveUuid(uuid: string): Promise<Entity>;
+    /**
+     * Retrieves an array of data for all external applications
+     * @param { Identity } requestingIdentity This object is described in the Identity typedef
+     * @param { any } data Any data type to pass to the method
+     * @return {Promise.<any>}
+     * @ignore
+     */
+    executeOnRemote(requestingIdentity: Identity, data: any): Promise<any>;
+    /**
+     * Reads the specifed value from the registry.
+     * @param { string } rootKey - The registry root key.
+     * @param { string } subkey - The registry key.
+     * @param { string } value - The registry value name.
+     * @return {Promise.<RegistryInfo>}
+     * @tutorial System.readRegistryValue
+     */
+    readRegistryValue(rootKey: string, subkey: string, value: string): Promise<RegistryInfo>;
+    /**
+     * This function call will register a unique id and produce a token.
+     * The token can be used to broker an external connection.
+     * @param { string } uuid - A UUID for the remote connection.
+     * @return {Promise.<ExternalConnection>}
+     * @tutorial System.registerExternalConnection
+     */
+    registerExternalConnection(uuid: string): Promise<ExternalConnection>;
+}
diff --git a/types/openfin/v34/_v2/api/system/window.d.ts b/types/openfin/v34/_v2/api/system/window.d.ts
new file mode 100644
index 0000000000..886084fad6
--- /dev/null
+++ b/types/openfin/v34/_v2/api/system/window.d.ts
@@ -0,0 +1,14 @@
+export interface WindowInfo {
+    uuid: string;
+    mainWindow: WindowDetail;
+    childWindows: Array<WindowDetail>;
+}
+export interface WindowDetail {
+    name: string;
+    top: number;
+    right: number;
+    bottom: number;
+    height: number;
+    width: number;
+    left: number;
+}
diff --git a/types/openfin/v34/_v2/api/window/bounds-changed.d.ts b/types/openfin/v34/_v2/api/window/bounds-changed.d.ts
new file mode 100644
index 0000000000..f7801da3fc
--- /dev/null
+++ b/types/openfin/v34/_v2/api/window/bounds-changed.d.ts
@@ -0,0 +1,14 @@
+import { Reply } from '../base';
+export default class BoundsChangedReply extends Reply<'window', 'bounds-changed'> {
+    changeType: BoundsChangeType;
+    deferred: boolean;
+    height: number;
+    width: number;
+    top: number;
+    left: number;
+}
+export declare const enum BoundsChangeType {
+    POSITION = 0,
+    SIZE = 1,
+    POSITION_AND_SIZE = 2
+}
diff --git a/types/openfin/v34/_v2/api/window/bounds.d.ts b/types/openfin/v34/_v2/api/window/bounds.d.ts
new file mode 100644
index 0000000000..40822c4aa3
--- /dev/null
+++ b/types/openfin/v34/_v2/api/window/bounds.d.ts
@@ -0,0 +1,9 @@
+interface Bounds {
+    height: number;
+    width: number;
+    top: number;
+    left: number;
+    right?: number;
+    bottom?: number;
+}
+export default Bounds;
diff --git a/types/openfin/v34/_v2/api/window/transition.d.ts b/types/openfin/v34/_v2/api/window/transition.d.ts
new file mode 100644
index 0000000000..c16440c80d
--- /dev/null
+++ b/types/openfin/v34/_v2/api/window/transition.d.ts
@@ -0,0 +1,24 @@
+export interface TransitionBase {
+    duration: number;
+    relative?: boolean;
+}
+export interface Opacity extends TransitionBase {
+    opacity: number;
+}
+export interface Position extends TransitionBase {
+    left: number;
+    top: number;
+}
+export interface Size extends TransitionBase {
+    width: number;
+    height: number;
+}
+export interface TransitionOptions {
+    interrupt: boolean;
+    tween?: string;
+}
+export interface Transition {
+    opacity?: Opacity;
+    position?: Position;
+    size?: Size;
+}
diff --git a/types/openfin/v34/_v2/api/window/window.d.ts b/types/openfin/v34/_v2/api/window/window.d.ts
new file mode 100644
index 0000000000..8d597a6446
--- /dev/null
+++ b/types/openfin/v34/_v2/api/window/window.d.ts
@@ -0,0 +1,759 @@
+import { Base, EmitterBase, RuntimeEvent } from '../base';
+import { Identity } from '../../identity';
+import Bounds from './bounds';
+import BoundsChangedReply from './bounds-changed';
+import { Transition, TransitionOptions } from './transition';
+import { Application } from '../application/application';
+import Transport from '../../transport/transport';
+export default class _WindowModule extends Base {
+    private instance;
+    /**
+     * Returns a Window object that represents an existing window.
+     * @param { Identity } indentity
+     * @return {Promise.<_Window>}
+     * @tutorial Window.wrap
+     */
+    wrap(identity: Identity): Promise<_Window>;
+    /**
+     * Creates a new Window.
+     * @param { * } options - Window creation options
+     * @return {Promise.<_Window>}
+     * @tutorial Window.create
+     */
+    create(options: any): Promise<_Window>;
+    /**
+     * Returns a Window object that represents the current window
+     * @return {Promise.<Window>}
+     * @tutorial window.getCurrent
+     */
+    getCurrent(): Promise<_Window>;
+}
+export interface CloseEventShape {
+    name: string;
+    uuid: string;
+    type: string;
+    topic: string;
+}
+export interface WindowInfo {
+    canNavigateBack: boolean;
+    canNavigateForward: boolean;
+    preloadScripts: Array<any>;
+    title: string;
+    url: string;
+}
+export interface FrameInfo {
+    name: string;
+    uuid: string;
+    entityType: string;
+    parent?: Identity;
+}
+/**
+ * @typedef {object} Transition
+ * @property {Opacity} opacity - The Opacity transition
+ * @property {Position} position - The Position transition
+ * @property {Size} size - The Size transition
+*/
+/**
+ * @typedef {object} TransitionOptions
+ * @property {boolean} interrupt - This option interrupts the current animation. When false it pushes
+this animation onto the end of the animation queue.
+ * @property {boolean} relative - Treat 'opacity' as absolute or as a delta. Defaults to false.
+ */
+/**
+ * @typedef {object} Size
+ * @property {number} duration - The total time in milliseconds this transition should take.
+ * @property {boolean} relative - Treat 'opacity' as absolute or as a delta. Defaults to false.
+ * @property {number} width - Optional if height is present. Defaults to the window's current width.
+ * @property {number} height - Optional if width is present. Defaults to the window's current height.
+ */
+/**
+ * @typedef {object} Position
+ * @property {number} duration - The total time in milliseconds this transition should take.
+ * @property {boolean} relative - Treat 'opacity' as absolute or as a delta. Defaults to false.
+ * @property {number} left - Defaults to the window's current left position in virtual screen coordinates.
+ * @property {number} top - Defaults to the window's current top position in virtual screen coordinates.
+ */
+/**
+ * @typedef {object} Opacity
+ * @property {number} duration - The total time in milliseconds this transition should take.
+ * @property {boolean} relative - Treat 'opacity' as absolute or as a delta. Defaults to false.
+ * @property {number} opacity - This value is clamped from 0.0 to 1.0.
+*/
+/**
+ * Bounds is a interface that has the properties of height,
+ * width, left, top which are all numbers
+ * @typedef { Object } Bounds
+ * @property { number } height Get the application height bound
+ * @property { number } width Get the application width bound
+ * @property { number } top Get the application top bound
+ * @property { number } left Get the application left bound
+ * @property { number } right Get the application right bound
+ * @property { number } bottom Get the application bottom bound
+ */
+/**
+ * @classdesc A basic window that wraps a native HTML window. Provides more fine-grained
+ * control over the window state such as the ability to minimize, maximize, restore, etc.
+ * By default a window does not show upon instantiation; instead the window's show() method
+ * must be invoked manually. The new window appears in the same process as the parent window.
+ * @class
+ * @alias Window
+*/
+export declare class _Window extends EmitterBase {
+    identity: Identity;
+    /**
+     * Raised when a window within this application requires credentials from the user.
+     *
+     * @event Window#auth-requested
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {object} authInfo
+     * @property {string} authInfo.host - Host server.
+     * @property {boolean} authInfo.isProxy - Indicates if the request involves a proxy.
+     * @property {number} authInfo.port - Port number.
+     * @property {string} authInfo.realm - Authentication request realm.
+     * @property {string} authInfo.scheme - Authentication scheme.
+     */
+    /**
+     * Raised when a window loses focus.
+     *
+     * @event Window#blurred
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised after changes in a window's size and/or position.
+     *
+     * @event Window#bounds-changed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {number} changeType - Describes what kind of change occurred.
+     0 means a change in position.
+     1 means a change in size.
+     2 means a change in position and size.
+     * @property {string} deferred - Indicated whether pending changes have been applied.
+     * @property {number} height - New height of the window.
+     * @property {number} left - New left most coordinate of the window.
+     * @property {number} top - New top most coordinate of the window.
+     * @property {number} width - New width of the window.
+     */
+    /**
+     * Raised when a window has been prevented from closing. A window will be prevented from closing by default,
+     either through the API or by a user when ‘close-requested’ has been subscribed to and the Window.close(force) flag is false.
+     *
+     * @event Window#close-requested
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window has closed.
+     *
+     * @event Window#closed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window has crashed.
+     *
+     * @event Window#crashed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when the frame is disabled after all prevent user changes in window's size and/or position have completed.
+     *
+     * @event Window#disabled-frame-bounds-changed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {number} changeType - Describes what kind of change occurred.
+     0 means a change in position.
+     1 means a change in size.
+     2 means a change in position and size.
+     * @property {string} deferred - Indicated whether pending changes have been applied.
+     * @property {number} height - New height of the window.
+     * @property {number} left - New left most coordinate of the window.
+     * @property {number} top - New top most coordinate of the window.
+     * @property {number} width - New width of the window.
+     */
+    /**
+     * Raised when the frame is disabled during prevented user changes to a window's size and/or position.
+     *
+     * @event Window#disabled-frame-bounds-changing
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {number} changeType - Describes what kind of change occurred.
+     0 means a change in position.
+     1 means a change in size.
+     2 means a change in position and size.
+     * @property {string} deferred - Indicated whether pending changes have been applied.
+     * @property {number} height - New height of the window.
+     * @property {number} left - New left most coordinate of the window.
+     * @property {number} top - New top most coordinate of the window.
+     * @property {number} width - New width of the window.
+     */
+    /**
+     * Raised when the window has been embedded.
+     *
+     * @event Window#embedded
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when an external process has exited.
+     *
+     * @event Window#external-process-exited
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} processUuid - The process handle UUID.
+     * @property {number} exitCode - The process exit code
+     */
+    /**
+     * Raised when an external process has started.
+     *
+     * @event Window#external-process-started
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} processUuid - The process handle UUID.
+     */
+    /**
+     * Raised when a window's frame becomes disabled.
+     *
+     * @event Window#frame-disabled
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window's frame becomes enabled.
+     *
+     * @event Window#frame-enabled
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window joins/leaves a group and/or when the group a window is a member of changes.
+     *
+     * @event Window#group-changed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} source - Which group array the window that the event listener was registered on is included in:
+     'source' The window is included in sourceGroup.
+     'target' The window is included in targetGroup.
+     'nothing' The window is not included in sourceGroup nor targetGroup.
+     * @property {string} reason - The reason this event was triggered.
+     'leave' A window has left the group due to a leave or merge with group.
+     'join' A window has joined the group.
+     'merge' Two groups have been merged together.
+     'disband' There are no other windows in the group.
+     * @property {string} name - Name of the window.
+     * @property {legacyWindowIdentity[]} sourceGroup - All the windows in the group the sourceWindow originated from.
+     * @property {string} sourceWindowAppUuid - UUID of the application the sourceWindow belongs to the
+     source window is the window in which (merge/join/leave)group(s) was called.
+     * @property {string} sourceWindowName - Name of the sourcewindow.
+     The source window is the window in which (merge/join/leave)group(s) was called.
+     * @property {legacyWindowIdentity[]} targetGroup - All the windows in the group the targetWindow orginated from.
+     * @property {string} targetWindowAppUuid - UUID of the application the targetWindow belongs to.
+     The target window is the window that was passed into (merge/join)group(s).
+     * @property {string} targetWindowName - Name of the targetWindow.
+     The target window is the window that was passed into (merge/join)group(s).
+     */
+    /**
+     * Raised when a window has been hidden.
+     *
+     * @event Window#hidden
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} reason - Action prompted the close The reasons are:
+     "hide"
+     "hide-on-close"
+    */
+    /**
+     * Raised when a window is initialized.
+     *
+     * @event Window#initialized
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window is maximized.
+     *
+     * @event Window#maximized
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window is minimized.
+     *
+     * @event Window#minimized
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when window navigation is rejected as per ContentNavigation whitelist/blacklist rules.
+     *
+     * @event Window#navigation-rejected
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} sourceName - source of navigation window name.
+     * @property {string} url - Blocked content url.
+     */
+    /**
+     * Raised when a window is out of memory.
+     *
+     * @event Window#out-of-memory
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised after the execution of all of a window's preload scripts. Contains
+     information about all window's preload scripts' final states.
+     *
+     * @event Window#preload-scripts-state-changed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {preloadScriptState[]} preloadState -  An array of all final preload scripts' states
+     */
+    /**
+     * Raised during the execution of a window's preload script. Contains information
+     about a single window's preload script's state, for which the event has been raised.
+     *
+     * @event Window#preload-scripts-state-changing
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {preloadScriptState[]} preloadState -  An array of all final preload scripts' states
+     */
+    /**
+     * Raised when an HTTP load was cancelled or failed.
+     *
+     * @event Window#resource-load-failed
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {number} errorCode - The Chromium error code.
+     * @property {string} errorDescription - The Chromium error description.
+     * @property {string} validatedURL - The url attempted.
+     * @property {boolean} isMainFrame - Was the attempt made from the main frame.
+     */
+    /**
+     * Raised when an HTTP resource request has received response details.
+     *
+     * @event Window#resource-response-received
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {boolean} status - Status of the request.
+     * @property {string} newUrl - The URL of the responded resource.
+     * @property {string} originalUrl - The requested URL.
+     * @property {number} httpResponseCode - The HTTP Response code.
+     * @property {string} requestMethod - The HTTP request method.
+     * @property {string} referrer - The HTTP referrer.
+     * @property {object} headers - The HTTP headers.
+     * @property {string} resourceType - Resource type:
+     "mainFrame", "subFrame",
+     "styleSheet", "script", "image",
+     "object", "xhr", or "other"
+    */
+    /**
+     * Raised when a window has reloaded.
+     *
+     * @event Window#reloaded
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     * @property {string} url - Url has has been reloaded.
+     */
+    /**
+     * Raised when a window is displayed after having been minimized or
+     when a window leaves the maximize state without minimizing.
+     *
+     * @event Window#restored
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window has been prevented from showing.
+     A window will be prevented from showing by default, either through the API or by a user when
+     ‘show-requested’ has been subscribed to on the window or 'window-show-requested'
+     on the parent application and the Window.show(force) flag is false.
+     *
+     * @event Window#show-requested
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * Raised when a window been shown.
+     *
+     * @event Window#shown
+     * @type {object}
+     * @property {string} name - Name of the window.
+     * @property {string} uuid - UUID of the application that the window belongs to.
+     */
+    /**
+     * @typedef {object} legacyWindowIdentity
+     * @summary Object summary
+     * @desc Object description
+     * @property {string} appUuid - The UUID of the application this window entry belongs to.
+     * @property {string} windowName - The name of this window entry.
+     */
+    /**
+     * @typedef {object} preloadScriptState
+     * @summary Object summary
+     * @desc Object description
+     * @property {string} url - The url of the preload script.
+     * @property {string} state - The preload script state:
+     "load-failed", "failed", "succeeded"
+     */
+    private nativeWindow;
+    constructor(wire: Transport, identity: Identity);
+    createWindow(options: any): Promise<_Window>;
+    protected runtimeEventComparator: (listener: RuntimeEvent) => boolean;
+    private windowListFromNameList;
+    /**
+     * Retrieves an array of frame info objects representing the main frame and any
+     * iframes that are currently on the page.
+     * @return {Promise.<Array<FrameInfo>>}
+     * @tutorial Window.getAllFrames
+     */
+    getAllFrames(): Promise<Array<FrameInfo>>;
+    /**
+     * Gets the current bounds (top, left, width, height) of the window.
+     * @return {Promise.<Bounds>}
+     * @tutorial Window.getBounds
+    */
+    getBounds(): Promise<Bounds>;
+    /**
+    * Returns the native JavaScript "window" object for the window.
+    * @return {Promise.<any>}
+    * @tutorial Window.getNativeWindow
+    */
+    getNativeWindow(): Promise<any>;
+    /**
+     * Gives focus to the window.
+     * @return {Promise.<void>}
+     * @emits _Window#focused
+     * @tutorial Window.focus
+     */
+    focus(): Promise<void>;
+    /**
+     * Removes focus from the window.
+     * @return {Promise.<void>}
+     * @tutorial Window.blur
+     */
+    blur(): Promise<void>;
+    /**
+     * Brings the window to the front of the window stack.
+     * @return {Promise.<void>}
+     * @tutorial Window.bringToFront
+     */
+    bringToFront(): Promise<void>;
+    /**
+     * Performs the specified window transitions.
+     * @param {Transition} transitions - Describes the animations to perform. See the tutorial.
+     * @param {TransitionOptions} options - Options for the animation. See the tutorial.
+     * @return {Promise.<void>}
+     * @tutorial Window.animate
+     */
+    animate(transitions: Transition, options: TransitionOptions): Promise<void>;
+    /**
+     * Hides the window.
+     * @return {Promise.<void>}
+     * @tutorial Window.hide
+     */
+    hide(): Promise<void>;
+    /**
+     * closes the window application
+     * @param { boolean } [force = false] Close will be prevented from closing when force is false and
+     *  ‘close-requested’ has been subscribed to for application’s main window.
+     * @return {Promise.<void>}
+     * @tutorial Window.close
+    */
+    close(force?: boolean): Promise<void>;
+    /**
+     * Returns then running applications uuid
+     * @return {Promise.<string>}
+     * @tutorial Window.getNativeId
+     */
+    getNativeId(): Promise<string>;
+    /**
+     * Prevents a user from changing a window's size/position when using the window's frame.
+     * @return {Promise.<void>}
+     * @tutorial Window.disableFrame
+     */
+    disableFrame(): Promise<void>;
+    /**
+     * Re-enables user changes to a window's size/position when using the window's frame.
+     * @return {Promise.<void>}
+     * @tutorial Window.enableFrame
+     */
+    enableFrame(): Promise<void>;
+    /**
+     * Executes Javascript on the window, restricted to windows you own or windows owned by
+     * applications you have created.
+     * @param { string } code JavaScript code to be executed on the window.
+     * @return {Promise.<void>}
+     * @tutorial Window.executeJavaScript
+     */
+    executeJavaScript(code: string): Promise<void>;
+    /**
+     * Flashes the window’s frame and taskbar icon until stopFlashing is called.
+     * @return {Promise.<void>}
+     * @tutorial Window.flash
+     */
+    flash(): Promise<void>;
+    /**
+     * Stops the taskbar icon from flashing.
+     * @return {Promise.<void>}
+     * @tutorial Window.stopFlashing
+     */
+    stopFlashing(): Promise<void>;
+    /**
+     * Retrieves an array containing wrapped fin.desktop.Windows that are grouped with this
+     * window. If a window is not in a group an empty array is returned. Please note that
+     * calling window is included in the result array.
+     * @return {Promise.<Array<_Window>>}
+     * @tutorial Window.getGroup
+     */
+    getGroup(): Promise<Array<_Window>>;
+    /**
+     * Gets an information object for the window.
+     * @return {Promise.<WindowInfo>}
+     * @tutorial Window.getInfo
+     */
+    getInfo(): Promise<WindowInfo>;
+    /**
+     * Gets the current settings of the window.
+     * @return {Promise.<any>}
+     * @tutorial Window.getOptions
+     */
+    getOptions(): Promise<any>;
+    /**
+     * Gets the parent application.
+     * @return {Promise.<Application>}
+     * @tutorial Window.getParentApplication
+     */
+    getParentApplication(): Promise<Application>;
+    /**
+     * Gets the parent window.
+     * @return {Promise.<_Window>}
+     * @tutorial Window.getParentWindow
+     */
+    getParentWindow(): Promise<_Window>;
+    /**
+     * Gets a base64 encoded PNG snapshot of the window.
+     * @return {Promise.<string>}
+     * @tutorial Window.getSnapshot
+     */
+    getSnapshot(): Promise<string>;
+    /**
+     * Gets the current state ("minimized", "maximized", or "restored") of the window.
+     * @return {Promise.<string>}
+     * @tutorial Window.getState
+     */
+    getState(): Promise<string>;
+    /**
+     * Determines if the window is currently showing.
+     * @return {Promise.<boolean>}
+     * @tutorial Window.isShowing
+     */
+    isShowing(): Promise<boolean>;
+    /**
+     * Joins the same window group as the specified window.
+     * @param { class } target The window whose group is to be joined
+     * @return {Promise.<void>}
+     * @tutorial Window.joinGroup
+     */
+    joinGroup(target: _Window): Promise<void>;
+    /**
+     * Reloads the window current page
+     * @return {Promise.<void>}
+     * @tutorial Window.reload
+     */
+    reload(ignoreCache?: boolean): Promise<void>;
+    /**
+     * Leaves the current window group so that the window can be move independently of those in the group.
+     * @return {Promise.<void>}
+     * @tutorial Window.leaveGroup
+     */
+    leaveGroup(): Promise<void>;
+    /**
+     * Maximizes the window
+     * @return {Promise.<void>}
+     * @tutorial Window.maximize
+     */
+    maximize(): Promise<void>;
+    /**
+     * Merges the instance's window group with the same window group as the specified window
+     * @param { class } target The window whose group is to be merged with
+     * @return {Promise.<void>}
+     * @tutorial Window.mergeGroups
+     */
+    mergeGroups(target: _Window): Promise<void>;
+    /**
+     * Minimizes the window.
+     * @return {Promise.<void>}
+     * @tutorial Window.minimize
+     */
+    minimize(): Promise<void>;
+    /**
+     * Moves the window by a specified amount.
+     * @param { number } deltaLeft The change in the left position of the window
+     * @param { number } deltaTop The change in the top position of the window
+     * @return {Promise.<void>}
+     * @tutorial Window.moveBy
+     */
+    moveBy(deltaLeft: number, deltaTop: number): Promise<void>;
+    /**
+     * Moves the window to a specified location.
+     * @param { number } left The left position of the window
+     * @param { number } top The top position of the window
+     * @return {Promise.<void>}
+     * @tutorial Window.moveTo
+     */
+    moveTo(left: number, top: number): Promise<void>;
+    /**
+     * Resizes the window by a specified amount.
+     * @param { number } deltaWidth The change in the width of the window
+     * @param { number } deltaHeight The change in the height of the window
+     * @param { string } anchor Specifies a corner to remain fixed during the resize.
+     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right."
+     * If undefined, the default is "top-left"
+     * @return {Promise.<void>}
+     * @tutorial Window.resizeBy
+     */
+    resizeBy(deltaWidth: number, deltaHeight: number, anchor: string): Promise<void>;
+    /**
+     * Resizes the window to the specified dimensions.
+     * @param { number } width The change in the width of the window
+     * @param { number } height The change in the height of the window
+     * @param { string } anchor Specifies a corner to remain fixed during the resize.
+     * Can take the values: "top-left", "top-right", "bottom-left", or "bottom-right."
+     * If undefined, the default is "top-left"
+     * @return {Promise.<void>}
+     * @tutorial Window.resizeTo
+     */
+    resizeTo(width: number, height: number, anchor: string): Promise<void>;
+    /**
+     * Restores the window to its normal state (i.e., unminimized, unmaximized).
+     * @return {Promise.<void>}
+     * @tutorial Window.restore
+     */
+    restore(): Promise<void>;
+    /**
+     * Will bring the window to the front of the entire stack and give it focus.
+     * @return {Promise.<void>}
+     * @tutorial Window.setAsForeground
+     */
+    setAsForeground(): Promise<void>;
+    /**
+     * Sets the window's size and position.
+     * @property { Bounds } bounds This is a * @type {string} name - name of the window.object that holds the propertys of
+     * @return {Promise.<void>}
+     * @tutorial Window.setBounds
+     */
+    setBounds(bounds: Bounds): Promise<void>;
+    /**
+     * Shows the window if it is hidden.
+     * @param { boolean } [force = false] Show will be prevented from showing when force is false and
+     *  ‘show-requested’ has been subscribed to for application’s main window.
+     * @return {Promise.<void>}
+     * @tutorial Window.show
+     */
+    show(force?: boolean): Promise<void>;
+    /**
+     * Shows the window if it is hidden at the specified location.
+     * If the toggle parameter is set to true, the window will
+     * alternate between showing and hiding.
+     * @param { number } left The left position of the window
+     * @param { number } top The right position of the window
+     * @param { boolean } force Show will be prevented from closing when force is false and
+     * ‘show-requested’ has been subscribed to for application’s main window
+     * @return {Promise.<void>}
+     * @tutorial Window.showAt
+     */
+    showAt(left: number, top: number, force?: boolean): Promise<void>;
+    /**
+     * Shows the Chromium Developer Tools
+     * @return {Promise.<void>}
+     * @tutorial Window.showDeveloperTools
+     */
+    showDeveloperTools(): Promise<void>;
+    /**
+     * Updates the window using the passed options
+     * @param {*} options Changes a window's options that were defined upon creation. See tutorial
+     * @return {Promise.<void>}
+     * @tutorial Window.updateOptions
+     */
+    updateOptions(options: any): Promise<void>;
+    /**
+     * Provides credentials to authentication requests
+     * @param { string } userName userName to provide to the authentication challange
+     * @param { string } password password to provide to the authentication challange
+     * @return {Promise.<void>}
+     * @tutorial Window.authenticate
+     */
+    authenticate(userName: string, password: string): Promise<void>;
+    /**
+     * Returns the zoom level of the window.
+     * @return {Promise.<number>}
+     * @tutorial Window.getZoomLevel
+     */
+    getZoomLevel(): Promise<number>;
+    /**
+     * Sets the zoom level of the window.
+     * @param { number } level The zoom level
+     * @return {Promise.<void>}
+     * @tutorial Window.setZoomLevel
+     */
+    setZoomLevel(level: number): Promise<void>;
+    /**
+     * Navigates the window to a specified URL.
+     * @param {string} url - The URL to navigate the window to.
+     * @return {Promise.<void>}
+     * @tutorial Window.navigate
+     */
+    navigate(url: string): Promise<void>;
+    /**
+     * Navigates the window back one page.
+     * @return {Promise.<void>}
+     * @tutorial Window.navigateBack
+     */
+    navigateBack(): Promise<void>;
+    /**
+     * Stops any current navigation the window is performing.
+     * @return {Promise.<void>}
+     * @tutorial Window.stopNavigation
+     */
+    stopNavigation(): Promise<void>;
+}
+export interface _Window {
+    on(type: 'focused', listener: Function): Promise<void>;
+    on(type: 'initialized', listener: Function): Promise<void>;
+    on(type: 'bounds-changed', listener: (data: BoundsChangedReply) => void): Promise<void>;
+    on(type: 'hidden', listener: Function): Promise<void>;
+    on(type: 'removeListener', listener: (eventType: string | symbol) => void): Promise<void>;
+    on(type: 'newListener', listener: (eventType: string | symbol) => void): Promise<void>;
+    on(type: 'closed', listener: (eventType: CloseEventShape) => void): Promise<void>;
+    on(type: 'fire-constructor-callback', listener: Function): Promise<void>;
+}
diff --git a/types/openfin/v34/_v2/environment/environment.d.ts b/types/openfin/v34/_v2/environment/environment.d.ts
new file mode 100644
index 0000000000..0b0f1571f2
--- /dev/null
+++ b/types/openfin/v34/_v2/environment/environment.d.ts
@@ -0,0 +1,10 @@
+import { NewConnectConfig } from '../transport/wire';
+export interface Environment {
+    writeToken(path: string, token: string): Promise<string>;
+    retrievePort(config: NewConnectConfig): Promise<number>;
+    getNextMessageId(): any;
+    getRandomId(): string;
+    createChildWindow(options: any): Promise<any>;
+    isWindowExists(uuid: string, name: string): boolean;
+}
+export declare const notImplementedEnvErrorMsg = "Not implemented in this environment";
diff --git a/types/openfin/v34/_v2/environment/node-env.d.ts b/types/openfin/v34/_v2/environment/node-env.d.ts
new file mode 100644
index 0000000000..03e0faeede
--- /dev/null
+++ b/types/openfin/v34/_v2/environment/node-env.d.ts
@@ -0,0 +1,11 @@
+import { Environment } from './environment';
+import { NewConnectConfig } from '../transport/wire';
+export default class NodeEnvironment implements Environment {
+    private messageCounter;
+    writeToken: (path: string, token: string) => Promise<string>;
+    retrievePort: (config: NewConnectConfig) => Promise<number>;
+    getNextMessageId: () => any;
+    createChildWindow: (options: any) => Promise<any>;
+    getRandomId: () => string;
+    isWindowExists: (uuid: string, name: string) => boolean;
+}
diff --git a/types/openfin/v34/_v2/environment/openfin-env.d.ts b/types/openfin/v34/_v2/environment/openfin-env.d.ts
new file mode 100644
index 0000000000..456e2f8caf
--- /dev/null
+++ b/types/openfin/v34/_v2/environment/openfin-env.d.ts
@@ -0,0 +1,11 @@
+import { Environment } from './environment';
+import { NewConnectConfig } from '../transport/wire';
+export default class OpenFinEnvironment implements Environment {
+    writeToken: (path: string, token: string) => Promise<string>;
+    retrievePort: (config: NewConnectConfig) => Promise<number>;
+    getNextMessageId: () => any;
+    createChildWindow: (options: any) => Promise<any>;
+    getRandomId: () => string;
+    private resolveUrl;
+    isWindowExists: (uuid: string, name: string) => boolean;
+}
diff --git a/types/openfin/v34/_v2/environment/openfin-renderer-api.d.ts b/types/openfin/v34/_v2/environment/openfin-renderer-api.d.ts
new file mode 100644
index 0000000000..82822c3111
--- /dev/null
+++ b/types/openfin/v34/_v2/environment/openfin-renderer-api.d.ts
@@ -0,0 +1,6 @@
+export declare const ipc: any;
+export declare const routingId: any;
+export declare const CORE_MESSAGE_CHANNEL: any;
+export declare const outboundTopic = "of-window-message";
+export declare const inboundTopic: string;
+export declare const currentWindowIdentity: any;
diff --git a/types/openfin/v34/_v2/identity.d.ts b/types/openfin/v34/_v2/identity.d.ts
new file mode 100644
index 0000000000..f10f030248
--- /dev/null
+++ b/types/openfin/v34/_v2/identity.d.ts
@@ -0,0 +1,4 @@
+export interface Identity {
+    uuid: string;
+    name?: string;
+}
diff --git a/types/openfin/v34/_v2/launcher/launcher.d.ts b/types/openfin/v34/_v2/launcher/launcher.d.ts
new file mode 100644
index 0000000000..d0ffc16989
--- /dev/null
+++ b/types/openfin/v34/_v2/launcher/launcher.d.ts
@@ -0,0 +1,15 @@
+/// <reference types="node" />
+import { ChildProcess } from 'child_process';
+import { ConfigWithRuntime } from '../transport/wire';
+export default class Launcher {
+    private os;
+    OpenFin_Installer: string;
+    Installer_Work_Dir: string;
+    Security_Realm_Config_Key: string;
+    nixConfig?: any;
+    constructor();
+    launch(config: ConfigWithRuntime, manifestLocation: string, namedPipeName: string): Promise<ChildProcess>;
+    static IS_SUPPORTED(): boolean;
+    private macLaunch;
+    private winLaunch;
+}
diff --git a/types/openfin/v34/_v2/launcher/nix-launch.d.ts b/types/openfin/v34/_v2/launcher/nix-launch.d.ts
new file mode 100644
index 0000000000..02b0da4fbb
--- /dev/null
+++ b/types/openfin/v34/_v2/launcher/nix-launch.d.ts
@@ -0,0 +1,14 @@
+/// <reference types="node" />
+import { ChildProcess } from 'child_process';
+import { ConfigWithRuntime } from '../transport/wire';
+export declare function getUrl(version: string, urlPath: string): string;
+export declare function download(version: string, folder: string, osConfig: OsConfig): Promise<string>;
+export declare function getRuntimePath(version: string): Promise<string>;
+export declare function install(versionOrChannel: string, osConfig: OsConfig): Promise<string>;
+export interface OsConfig {
+    manifestLocation: string;
+    namedPipeName: string;
+    urlPath: string;
+    executablePath: string;
+}
+export default function launch(config: ConfigWithRuntime, osConfig: OsConfig): Promise<ChildProcess>;
diff --git a/types/openfin/v34/_v2/launcher/util.d.ts b/types/openfin/v34/_v2/launcher/util.d.ts
new file mode 100644
index 0000000000..808ad015ea
--- /dev/null
+++ b/types/openfin/v34/_v2/launcher/util.d.ts
@@ -0,0 +1,8 @@
+export declare function exists(path: string): Promise<Boolean>;
+export declare function get(url: string): Promise<any>;
+export declare function unzip(file: string, dest: string): Promise<any>;
+export declare function rmDir(dirPath: string, removeSelf?: boolean): Promise<void>;
+export declare function downloadFile(url: string, writeLocation: string): Promise<{}>;
+export declare function resolveRuntimeVersion(versionOrChannel: string): Promise<string>;
+export declare function first<T>(arr: T[], func: (x: T, i: number, r: T[]) => boolean): T | null;
+export declare function resolveDir(base: string, paths: string[]): Promise<string>;
diff --git a/types/openfin/v34/_v2/launcher/win-launch.d.ts b/types/openfin/v34/_v2/launcher/win-launch.d.ts
new file mode 100644
index 0000000000..b08fac3f8a
--- /dev/null
+++ b/types/openfin/v34/_v2/launcher/win-launch.d.ts
@@ -0,0 +1,4 @@
+/// <reference types="node" />
+import { ChildProcess } from 'child_process';
+import { ConfigWithRuntime } from '../transport/wire';
+export default function launch(config: ConfigWithRuntime, manifestLocation: string, namedPipeName: string, Installer_Work_Dir: string): Promise<ChildProcess>;
diff --git a/types/openfin/v34/_v2/main.d.ts b/types/openfin/v34/_v2/main.d.ts
new file mode 100644
index 0000000000..2f4a3d8730
--- /dev/null
+++ b/types/openfin/v34/_v2/main.d.ts
@@ -0,0 +1,11 @@
+import Fin from './api/fin';
+import { Application } from './api/application/application';
+import { _Window as Window } from './api/window/window';
+import { _Frame as Frame } from './api/frame/frame';
+import { _Notification as Notification } from './api/notification/notification';
+import System from './api/system/system';
+import { ConnectConfig } from './transport/wire';
+export declare function connect(config: ConnectConfig): Promise<Fin>;
+export declare function launch(config: ConnectConfig): Promise<number>;
+export { Identity } from './identity';
+export { Fin, Application, Window, System, Frame, Notification };
diff --git a/types/openfin/v34/_v2/of-main.d.ts b/types/openfin/v34/_v2/of-main.d.ts
new file mode 100644
index 0000000000..cb0ff5c3b5
--- /dev/null
+++ b/types/openfin/v34/_v2/of-main.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/types/openfin/v34/_v2/transport/elipc.d.ts b/types/openfin/v34/_v2/transport/elipc.d.ts
new file mode 100644
index 0000000000..94c398cba5
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/elipc.d.ts
@@ -0,0 +1,13 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+import { Wire, READY_STATE } from './wire';
+export default class ElIPCTransport extends EventEmitter implements Wire {
+    protected wire: any;
+    onmessage: (data: any) => void;
+    constructor(onmessage: (data: any) => void);
+    connectSync: () => any;
+    connect: (address: string) => Promise<any>;
+    send(data: any, flags?: any): Promise<any>;
+    shutdown(): Promise<void>;
+    static READY_STATE: typeof READY_STATE;
+}
diff --git a/types/openfin/v34/_v2/transport/port-discovery.d.ts b/types/openfin/v34/_v2/transport/port-discovery.d.ts
new file mode 100644
index 0000000000..d8ea25934d
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/port-discovery.d.ts
@@ -0,0 +1,17 @@
+import { PortDiscoveryConfig } from './wire';
+import { Environment } from '../environment/environment';
+export declare class PortDiscovery {
+    private savedConfig;
+    private namedPipeName;
+    private manifestLocation;
+    private namedPipeServer;
+    private pipeConnection;
+    private timeoutTimer;
+    private environment;
+    constructor(config: PortDiscoveryConfig, environment: Environment);
+    retrievePort(): Promise<number>;
+    private createDiscoveryNamedPipe;
+    private listenDiscoveryMessage;
+    private createManifest;
+    private cleanup;
+}
diff --git a/types/openfin/v34/_v2/transport/transport-errors.d.ts b/types/openfin/v34/_v2/transport/transport-errors.d.ts
new file mode 100644
index 0000000000..90f9d10f55
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/transport-errors.d.ts
@@ -0,0 +1,17 @@
+export declare class DisconnectedError extends Error {
+    constructor(readyState: number);
+    readyState: number;
+}
+export declare class UnexpectedActionError extends Error {
+}
+export declare class DuplicateCorrelationError extends Error {
+}
+export declare class NoAckError extends Error {
+}
+export declare class NotImplementedError extends Error {
+}
+export declare class NotSupportedError extends Error {
+}
+export declare class RuntimeError extends Error {
+    constructor(data: any);
+}
diff --git a/types/openfin/v34/_v2/transport/transport.d.ts b/types/openfin/v34/_v2/transport/transport.d.ts
new file mode 100644
index 0000000000..fb7b967240
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/transport.d.ts
@@ -0,0 +1,48 @@
+/// <reference types="node" />
+import { Wire, WireConstructor, READY_STATE, ExistingConnectConfig, ConnectConfig, InternalConnectConfig } from './wire';
+import { Identity } from '../identity';
+import { EventEmitter } from 'events';
+import { Environment } from '../environment/environment';
+export declare type MessageHandler = (data: any) => boolean;
+declare class Transport extends EventEmitter {
+    protected wireListeners: Map<number, {
+        resolve: Function;
+        reject: Function;
+    }>;
+    protected uncorrelatedListener: Function;
+    protected messageHandlers: MessageHandler[];
+    me: Identity;
+    protected wire: Wire;
+    environment: Environment;
+    topicRefMap: Map<string, number>;
+    sendRaw: Wire['send'];
+    constructor(wireType: WireConstructor, environment: Environment);
+    connectSync: (config: ConnectConfig) => any;
+    connect(config: InternalConnectConfig): Promise<string>;
+    connectByPort(config: ExistingConnectConfig): Promise<string>;
+    READY_STATE: typeof READY_STATE;
+    ferryAction(data: any): Promise<Message<any>>;
+    registerMessageHandler(handler: MessageHandler): void;
+    protected addWireListener(id: number, resolve: Function, reject: Function, uncorrelated: boolean): void;
+    protected onmessage(data: Message<Payload>): void;
+    protected handleMessage(data: Message<Payload>): boolean;
+}
+export default Transport;
+interface Transport {
+    sendAction(action: 'request-external-authorization', payload: {}, uncorrelated: true): Promise<Message<AuthorizationPayload>>;
+    sendAction(action: string, payload: {}, uncorrelated: boolean): Promise<Message<Payload>>;
+    topicRefMap: Map<string, number>;
+}
+export declare class Message<T> {
+    action: string;
+    payload: T;
+    correlationId?: number;
+}
+export declare class Payload {
+    success: boolean;
+    data: any;
+}
+export declare class AuthorizationPayload {
+    token: string;
+    file: string;
+}
diff --git a/types/openfin/v34/_v2/transport/websocket.d.ts b/types/openfin/v34/_v2/transport/websocket.d.ts
new file mode 100644
index 0000000000..5617afa8e3
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/websocket.d.ts
@@ -0,0 +1,14 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+import * as WebSocket from 'ws';
+import { Wire, READY_STATE } from './wire';
+export default class WebSocketTransport extends EventEmitter implements Wire {
+    protected wire: WebSocket;
+    onmessage: (data: any) => void;
+    constructor(onmessage: (data: any) => void);
+    connect: (address: string) => Promise<any>;
+    connectSync: () => any;
+    send(data: any, flags?: any): Promise<any>;
+    shutdown(): Promise<void>;
+    static READY_STATE: typeof READY_STATE;
+}
diff --git a/types/openfin/v34/_v2/transport/wire.d.ts b/types/openfin/v34/_v2/transport/wire.d.ts
new file mode 100644
index 0000000000..227c6d4d72
--- /dev/null
+++ b/types/openfin/v34/_v2/transport/wire.d.ts
@@ -0,0 +1,71 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export interface Wire extends EventEmitter {
+    connect(address: string): Promise<any>;
+    connectSync(): any;
+    send(data: any): Promise<any>;
+    shutdown(): Promise<void>;
+}
+export interface WireConstructor {
+    new (onmessage: (data: any) => void): Wire;
+}
+export interface RuntimeConfig {
+    version: string;
+    fallbackVersion?: string;
+    securityRealm?: string;
+    verboseLogging?: boolean;
+    arguments?: string;
+    rvmDir?: string;
+}
+export interface BaseConfig {
+    uuid?: string;
+    address?: string;
+    name?: string;
+    nonPersistent?: boolean;
+    runtimeClient?: boolean;
+    licenseKey?: string;
+    client?: any;
+    manifestUrl?: string;
+    startupApp?: any;
+    lrsUrl?: string;
+    assetsUrl?: string;
+    devToolsPort?: number;
+    installerUI?: boolean;
+    runtime?: RuntimeConfig;
+    appAssets?: [{
+        src: string;
+        alias: string;
+        target: string;
+        version: string;
+        args: string;
+    }];
+    customItems?: [any];
+    timeout?: number;
+}
+export interface ConfigWithUuid extends BaseConfig {
+    uuid: string;
+}
+export interface ExistingConnectConfig extends ConfigWithUuid {
+    address: string;
+}
+export interface ConfigWithRuntime extends BaseConfig {
+    runtime: RuntimeConfig;
+}
+export interface ExternalConfig extends BaseConfig {
+    manifestUrl: string;
+}
+export declare type NewConnectConfig = ConfigWithUuid & ConfigWithRuntime;
+export declare type PortDiscoveryConfig = (ExternalConfig & ConfigWithRuntime) | NewConnectConfig;
+export declare type ConnectConfig = ExistingConnectConfig | NewConnectConfig | ExternalConfig;
+export declare type InternalConnectConfig = ExistingConnectConfig | NewConnectConfig;
+export declare function isExternalConfig(config: ConnectConfig): config is ExternalConfig;
+export declare function isExistingConnectConfig(config: any): config is ExistingConnectConfig;
+export declare function isNewConnectConfig(config: any): config is NewConnectConfig;
+export declare function isPortDiscoveryConfig(config: any): config is PortDiscoveryConfig;
+export declare function isInternalConnectConfig(config: any): config is InternalConnectConfig;
+export declare enum READY_STATE {
+    CONNECTING = 0,
+    OPEN = 1,
+    CLOSING = 2,
+    CLOSED = 3
+}
diff --git a/types/openfin/v34/_v2/util/normalize-config.d.ts b/types/openfin/v34/_v2/util/normalize-config.d.ts
new file mode 100644
index 0000000000..ed322d30ec
--- /dev/null
+++ b/types/openfin/v34/_v2/util/normalize-config.d.ts
@@ -0,0 +1,3 @@
+import { ConnectConfig, InternalConnectConfig, ExternalConfig } from '../transport/wire';
+export declare function normalizeConfig(config: ConnectConfig): Promise<InternalConnectConfig | ExternalConfig>;
+export declare function validateConfig(config: ConnectConfig): Promise<InternalConnectConfig>;
diff --git a/types/openfin/v34/_v2/util/promises.d.ts b/types/openfin/v34/_v2/util/promises.d.ts
new file mode 100644
index 0000000000..8e7bf9efe9
--- /dev/null
+++ b/types/openfin/v34/_v2/util/promises.d.ts
@@ -0,0 +1,5 @@
+export declare function promisify(func: Function): (...args: any[]) => Promise<any>;
+export declare function promiseMap<T, S>(arr: T[], asyncF: (x: T, i: number, r: T[]) => Promise<S>): Promise<S[]>;
+export declare type asyncF<T> = (...args: any[]) => Promise<T>;
+export declare function serial<T>(arr: asyncF<T>[]): Promise<T[]>;
+export declare function promiseMapSerial<T>(arr: any[], func: asyncF<T>): Promise<T[]>;
diff --git a/types/openfin/v34/_v2/util/ref-counter.d.ts b/types/openfin/v34/_v2/util/ref-counter.d.ts
new file mode 100644
index 0000000000..8184e09079
--- /dev/null
+++ b/types/openfin/v34/_v2/util/ref-counter.d.ts
@@ -0,0 +1,7 @@
+export default class RefCoutner {
+    topicRefMap: Map<any, any>;
+    incRefCount(key: string): number;
+    decRefCount(key: string): number;
+    actOnFirst(key: string, firstAction: () => any, nonFirstAction?: () => void): any;
+    actOnLast(key: string, lastAction: () => any, nonLastAction?: () => void): any;
+}
diff --git a/types/openfin/v34/index.d.ts b/types/openfin/v34/index.d.ts
new file mode 100644
index 0000000000..fe34f0b630
--- /dev/null
+++ b/types/openfin/v34/index.d.ts
@@ -0,0 +1,1907 @@
+// Type definitions for OpenFin API 34.0
+// Project: https://openfin.co/
+// Definitions by: Chris Barker <https://github.com/chrisbarker>
+//                 Ricardo de Pena <https://github.com/rdepena>
+//                 Roma <https://github.com/whyn07m3>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+// based on v9.61.34.22
+// see https://openfin.co/support/technical-faq/#what-do-the-numbers-in-the-runtime-version-mean
+
+/**
+ * JavaScript API
+ * The JavaScript API allows you to create an HTML/JavaScript application that has access to the native windowing environment,
+ * can communicate with other applications and has access to sandboxed system-level features.
+ *
+ * API Ready
+ * When using the OpenFin API, it is important to ensure that it has been fully loaded before making any API calls. To verify
+ * that the API is in fact ready, be sure to make any API calls either from within the fin.desktop.main() method or explicitly
+ * after it has returned. This avoids the situation of trying to access methods that are not yet fully injected.
+ *
+ * Overview
+ * When running within the OpenFin Runtime your web applications have access to the "fin" namespace and all the modules within the API
+ * without the need to include additional source files. You can treat the "fin" namespace as you would the "window", "navigator" or "documennt" objects.
+ */
+declare namespace fin {
+    var Application: import('./_v2/api/application/application').default
+    var Clipboard: import('./_v2/api/clipboard/clipboard').default
+    var ExternalApplication: import('./_v2/api/external-application/external-application').default
+    var Frame: import('./_v2/api/frame/frame').default
+    var GlobalHotkey: import('./_v2/api/global-hotkey/index').default
+    var InterApplicationBus: import('./_v2/api/interappbus/interappbus').default
+    var Notification: import('./_v2/api/notification/notification').default
+    var System: import('./_v2/api/system/system').default
+    var Window: import('./_v2/api/window/window').default
+
+    const desktop: OpenFinDesktop;
+
+    interface OpenFinDesktop {
+        main(f: () => any): void;
+        Application: OpenFinApplicationStatic;
+        ExternalApp: OpenFinExternalApplicationStatic;
+        InterApplicationBus: OpenFinInterApplicationBus;
+        Notification: OpenFinNotificationStatic;
+        System: OpenFinSystem;
+        Window: OpenFinWindowStatic;
+        Frame: OpenFinFrameStatic;
+    }
+
+    interface OpenFinApplicationStatic {
+        /**
+         * Creates a new Application.
+         * An object representing an application. Allows the developer to create, execute, show/close an application as well as listen to application events.
+         */
+        new (
+            options: ApplicationOptions,
+            callback?: (successObj: { httpResponseCode: number }) => void,
+            errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): OpenFinApplication;
+        /**
+         * Launches the given Application manifest.
+         */
+        createFromManifest(manifestUrl: string, callback?: (app: OpenFinApplication) => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Returns an Application object that represents an existing application.
+         */
+        getCurrent(): OpenFinApplication;
+        /**
+         * Returns an Application object that represents an existing application.
+         */
+        wrap(uuid: string): OpenFinApplication;
+    }
+
+    /**
+     * Application
+     * An object representing an application.Allows the developer to create, execute, show / close an application as well as listen to application events.
+     */
+    interface OpenFinApplication {
+        /**
+         * Returns an instance of the main Window of the application
+         */
+        getWindow(): OpenFinWindow;
+        /**
+         * Registers an event listener on the specified event.
+         */
+        addEventListener(
+            type: OpenFinApplicationEventType,
+            listener: (event: ApplicationBaseEvent
+                | TrayIconClickedEvent
+                | WindowEvent
+                | WindowAlertRequestedEvent
+                | WindowAuthRequested
+                | WindowNavigationRejectedEvent
+                | WindowEndLoadEvent) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Closes the application and any child windows created by the application.
+         */
+        close(force?: boolean, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of wrapped fin.desktop.Windows for each of the application's child windows.
+         */
+        getChildWindows(callback?: (children: OpenFinWindow[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of active window groups for all of the application's windows. Each group is represented as an array of wrapped fin.desktop.Windows.
+         */
+        getGroups(callback?: (groups: OpenFinWindow[][]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the JSON manifest that was used to create the application. Invokes the error callback if the application was not created from a manifest.
+         */
+        getManifest(callback?: (manifest: any) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves UUID of the application that launches this application. Invokes the error callback if the application was created from a manifest.
+         */
+        getParentUuid(callback?: (uuid: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves current configuration of application's shortcuts.
+         */
+        getShortcuts(callback?: (config: ShortCutConfig) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves information about the application.
+         */
+        getInfo(callback?: (info: LaunchInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves information about the system tray.
+         */
+        getTrayIconInfo(callback?: (trayInfo: TrayIconInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Determines if the application is currently running.
+         */
+        isRunning(callback?: (running: boolean) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Registers a username and an app name for licensing purposes.
+         */
+        registerUser(userName: string, appName: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Removes a previously registered event listener from the specified event.
+         */
+        removeEventListener(
+            type: OpenFinApplicationEventType,
+            previouslyRegisteredListener: (event: ApplicationBaseEvent
+                | TrayIconClickedEvent
+                | WindowEvent
+                | WindowAlertRequestedEvent
+                | WindowAuthRequested
+                | WindowNavigationRejectedEvent
+                | WindowEndLoadEvent) => any,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Removes the application's icon from the tray.
+         */
+        removeTrayIcon(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Restarts the application.
+         */
+        restart(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Runs the application. When the application is created, run must be called.
+         */
+        run(callback?: (successObj: SuccessObj) => void, errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): void;
+        /**
+         * Tells the rvm to relaunch the main application once upon a complete shutdown
+         */
+        scheduleRestart(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Sets new shortcut configuration for current application.
+         * Application has to be launched with a manifest and has to have shortcut configuration (icon url, name, etc.) in its manifest to
+         * be able to change shortcut states.
+         */
+        setShortcuts(config: ShortCutConfig, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Adds a customizable icon in the system tray and notifies the application when clicked.
+         */
+        setTrayIcon(iconUrl: string, listener: (clickInfo: TrayIconClickedEvent) => void, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Closes the application by terminating its process.
+         */
+        terminate(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Waits for a hanging application. This method can be called in response to an application "not-responding" to allow the application
+         * to continue and to generate another "not-responding" message after a certain period of time.
+         */
+        wait(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * The Application's uuid
+         */
+        uuid: string;
+    }
+
+    interface ShortCutConfig {
+        /**
+         * application has a shortcut on the desktop
+         */
+        desktop?: boolean;
+        /**
+         * application has no shortcut in the start menu
+         */
+        startMenu?: boolean;
+        /**
+         * application will be launched on system startup
+         */
+        systemStartup?: boolean;
+    }
+
+    interface SuccessObj {
+        httpResponseCode: number;
+    }
+
+    interface NetworkErrorInfo extends ErrorInfo {
+        networkErrorCode: number;
+    }
+
+    interface ErrorInfo {
+        stack: string;
+        message: string;
+    }
+
+    interface ApplicationOptions {
+        /**
+         * The name of the application.
+         */
+        name?: string;
+        /**
+         * The url to the application.
+         */
+        url?: string;
+        /**
+         * The UUID of the application, unique within the set of all other applications running in the OpenFin Runtime. name and uuid must match.
+         */
+        uuid?: string;
+        /**
+         * Enable Flash at the application level. Default: false.
+         */
+        plugins?: boolean;
+        /**
+         * The options of the main window of the application.
+         */
+        mainWindowOptions?: WindowOptions;
+    }
+
+    interface WindowOptions {
+        /**
+         * Enable keyboard shortcuts for devtools and zoom. Default: false for both.
+         */
+        accelerator?: {
+            devtools?: boolean,
+            zoom?: boolean,
+            reload?: boolean,
+            reloadIgnoreCache?: boolean,
+        };
+        /**
+         * A flag to always position the window at the top of the window stack. Default: false.
+         * Updatable
+         */
+        alwaysOnTop?: boolean;
+        /**
+         * A flag to automatically show the Window when it is created. Default: false.
+         */
+        autoShow?: boolean;
+        /**
+         * A flag to show the context menu when right-clicking on a window. Gives access to the Developer Console for the Window. Default: true
+         * Updatable
+         */
+        contextMenu?: boolean;
+        /**
+         * This defines and applies rounded corners for a frameless window. Default for both width and height: 0.
+         * Updatable
+         */
+        cornerRounding?: {
+            width?: number;
+            height?: number;
+        };
+        /**
+         * A field that the user can attach serializable data to to be ferried around with the window options. Default: ''.
+         */
+        customData?: any;
+        /**
+         * Specifies that the window will be positioned in the center of the primary monitor when loaded for the first time on a machine.
+         * When the window corresponding to that id is loaded again, the position from before the window was closed is used.
+         * This option overrides defaultLeft and defaultTop. Default: false.
+         */
+        defaultCentered?: boolean;
+        /**
+         * The default height of the window. Specifies the height of the window when loaded for the first time on a machine.
+         *  When the window corresponding to that id is loaded again, the height is taken to be the last height of the window before it was closed. Default: 500.
+         */
+        defaultHeight?: number;
+        /**
+         * The default left position of the window. Specifies the position of the left of the window when loaded for the first time on a machine.
+         *  When the window corresponding to that id is loaded again, the value of left is taken to be the last value before the window was closed. Default: 100.
+         */
+        defaultWidth?: number;
+        /**
+         * The default top position of the window. Specifies the position of the top of the window when loaded for the first time on a machine.
+         * When the window corresponding to that id is loaded again, the value of top is taken to be the last value before the window was closed. Default: 100.
+         */
+        defaultTop?: number;
+        /**
+         * The default width of the window. Specifies the width of the window when loaded for the first time on a machine.
+         * When the window corresponding to that id is loaded again, the width is taken to be the last width of the window before it was closed. Default: 800.
+         */
+        defaultLeft?: number;
+        /**
+         * A flag to show the frame. Default: true.
+         * Updatable
+         */
+        frame?: boolean;
+        /**
+         * A flag to allow a window to be hidden when the close button is clicked.Default: false.
+         * Updatable
+         */
+        hideOnClose?: boolean;
+        /**
+         * A URL for the icon to be shown in the window title bar and the taskbar.Default: The parent application's applicationIcon.
+         * Updatable
+         */
+        icon?: string;
+        /**
+         * The maximum height of a window.Will default to the OS defined value if set to - 1. Default: -1.
+         * Updatable
+         */
+        maxHeight?: number;
+        /**
+         * A flag that lets the window be maximized.Default: true.
+         * Updatable
+         */
+        maximizable?: boolean;
+        /**
+         * The maximum width of a window.Will default to the OS defined value if set to - 1. Default: -1.
+         * Updatable
+         */
+        maxWidth?: number;
+        /**
+         * The minimum height of a window.Default: 0.
+         * Updatable
+         */
+        minHeight?: number;
+        /**
+         * A flag that lets the window be minimized.Default: true.
+         */
+        minimizable?: boolean;
+        /**
+         * The minimum width of a window.Default: 0.
+         */
+        minWidth?: number;
+        /**
+         * The name for the window which must be unique within the context of the invoking Application.
+         */
+        name?: string;
+        /**
+         * A flag that specifies how transparent the window will be.This value is clamped between 0.0 and 1.0.Default: 1.0.
+         * Updatable
+         */
+        opacity?: number;
+        /**
+         * A flag to drop to allow the user to resize the window.Default: true.
+         * Updatable
+         */
+        resizable?: boolean;
+        /**
+         * Defines a region in pixels that will respond to user mouse interaction for resizing a frameless window.
+         * Updatable
+         */
+        resizeRegion?: {
+            /**
+             * The size in pixels (Default: 2),
+             */
+            size?: number;
+            /**
+             * The size in pixels of an additional
+             * square resizable region located at the
+             * bottom right corner of a
+             * frameless window. (Default: 4)
+             */
+            bottomRightCorner?: number;
+        };
+        /**
+         * A flag to show the Window's icon in the taskbar. Default: true.
+         */
+        showTaskbarIcon?: boolean;
+        /**
+         * A flag to cache the location of the window or not. Default: true.
+         */
+        saveWindowState?: boolean;
+        /**
+         * Specify a taskbar group for the window. Default: app's uuid.
+         */
+        taskbarIconGroup?: string;
+        /**
+         * A string that sets the window to be "minimized", "maximized", or "normal" on creation. Default: "normal".
+         */
+        state?: string;
+        /**
+         * The URL of the window. Default: "about:blank".
+         */
+        url?: string;
+        /**
+         * When set to false, the window will render before the "load" event is fired on the content's window.
+         * Caution, when false you will see an initial empty white window. Default: true.
+         */
+        waitForPageLoad?: boolean;
+    }
+
+    /**
+     * Clipboard
+     * Clipboard API allows reading and writting to the clipboard in multiple formats.
+     */
+    interface OpenFinClipboard {
+        /**
+         * Reads available formats for the clipboard type
+         */
+        availableFormats(type: string | null, callback?: (formats: string[]) => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Reads available formats for the clipboard type
+         */
+        readHtml(type: string | null, callback?: (html: string) => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Read the content of the clipboard as Rtf
+         */
+        readRtf(type: string | null, callback?: (rtf: string) => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Read the content of the clipboard as plain text
+         */
+        readText(type: string | null, callback?: (text: string) => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Writes data into the clipboard
+         */
+        write(data: any, type: string | null, callback?: () => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Writes data into the clipboard as Html
+         */
+        writeHtml(data: string, type: string | null, callback?: () => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Writes data into the clipboard as Rtf
+         */
+        writeRtf(data: string, type: string | null, callback?: () => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Writes data into the clipboard as plain text
+         */
+        writeText(data: string, type: string | null, callback?: () => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+    }
+
+    interface OpenFinExternalApplicationStatic {
+        /**
+         * Returns an External Application object that represents an existing external application.
+         */
+        wrap(uuid: string): OpenFinExternalApplication;
+    }
+    /**
+     * ExternalApplication
+     * An object representing an application. Allows the developer to create, execute, show and close an application, as well as listen to application events.
+     */
+    interface OpenFinExternalApplication {
+        /**
+         * Retrieves information about the application.
+         */
+        getInfo(callback?: (info: ExternalApplicationInfo) => void,
+                errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Registers an event listener on the specified event.
+         */
+        addEventListener(
+            type: OpenFinExternalApplicationEventType,
+            listener: () => void,
+            callback?: () => void,
+            errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Removes a previously registered event listener from the specified event.
+         */
+        removeEventListener(
+            type: OpenFinExternalApplicationEventType,
+            listener: () => void,
+            callback?: () => void,
+            errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+    }
+
+    /**
+     * InterApplicationBus
+     * A messaging bus that allows for pub/sub messaging between different applications.
+     */
+    interface OpenFinInterApplicationBus {
+        /**
+         * Adds a listener that gets called when applications subscribe to the current application's messages.
+         */
+        addSubscribeListener(listener: (uuid: string, topic: string, name: string) => void): void;
+        /**
+         * Adds a listener that gets called when applications unsubscribe to the current application's messages.
+         */
+        addUnsubscribeListener(listener: (uuid: string, topic: string, name: string) => void): void;
+        /**
+         * Removes a previously registered subscribe listener.
+         */
+        removeSubscribeListener(listener: (uuid: string, topic: string, name: string) => void): void;
+        /**
+         * Removes a previously registered unsubscribe listener.
+         */
+        removeUnsubscribeListener(listener: (uuid: string, topic: string, name: string) => void): void;
+        /**
+         * Publishes a message to all applications running on OpenFin Runtime that are subscribed to the specified topic.
+         */
+        publish(topic: string, message: any, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Sends a message to a specific application on a specific topic.
+         */
+        send(destinationUuid: string, name: string, topic: string, message: any, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        send(destinationUuid: string, topic: string, message: any, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Subscribes to messages from the specified application on the specified topic. If the subscription is for a uuid, [name],
+         * topic combination that has already been published to upon subscription you will receive the last 20 missed messages in the order they were published.
+         */
+        subscribe(
+            senderUuid: string,
+            name: string,
+            topic: string,
+            listener: (message: any, uuid: string, name: string) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        subscribe(
+            senderUuid: string,
+            topic: string,
+            listener: (message: any, uuid: string, name: string) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Unsubscribes to messages from the specified application on the specified topic.
+         */
+        unsubscribe(
+            senderUuid: string,
+            name: string,
+            topic: string,
+            listener: (message: any, uuid: string, name: string) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        unsubscribe(
+            senderUuid: string,
+            topic: string,
+            listener: (message: any, uuid: string, name: string) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+    }
+
+    interface OpenFinNotificationStatic {
+        /**
+         * ctor
+         */
+        new (options: NotificationOptions, callback?: () => void, errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): OpenFinNotification;
+        /**
+         * Gets an instance of the current notification. For use within a notification window to close the window or send a message back to its parent application.
+         */
+        getCurrent(): OpenFinNotification;
+    }
+
+    /**
+     * Notification
+     * Notification represents a window on OpenFin Runtime which is shown briefly to the user on the bottom-right corner of the primary monitor.
+     * A notification is typically used to alert the user of some important event which requires his or her attention.
+     * Notifications are a child or your application that are controlled by the runtime.
+     */
+    interface OpenFinNotification {
+        /**
+         * Closes the notification.
+         */
+        close(callback?: () => void): void;
+        /**
+         * Sends a message to the notification.
+         */
+        sendMessage(message: any, callback?: () => void): void;
+        /**
+         * Sends a message from the notification to the application that created the notification. The message is handled by the notification's onMessage callback.
+         */
+        sendMessageToApplication(message: any, callback?: () => void): void;
+    }
+
+    interface NotificationOptions {
+        /**
+         * A boolean that will force dismissal even if the mouse is hovering over the notification
+         */
+        ignoreMouseOver?: boolean;
+        /**
+         * A message of any primitive or composite-primitive type to be passed to the notification upon creation.
+         */
+        message?: any;
+        /**
+         * The timeout for displaying a notification.Can be in milliseconds or "never".
+         */
+        duration?: number | "never";
+        /**
+         * The url of the notification
+         */
+        url?: string;
+        /**
+         * A function that is called when a notification is clicked.
+         */
+        onClick?(callback: () => void): void;
+        /**
+         * Invoked when the notification is closed via .close() method on the created notification instance
+         * or the by the notification itself via fin.desktop.Notification.getCurrent().close().
+         * NOTE: this is not invoked when the notification is dismissed via a swipe. For the swipe dismissal callback see onDismiss
+         */
+        onClose?(callback: () => void): void;
+        /**
+         * Invoked when a the notification is dismissed by swiping it off the screen to the right. NOTE: this is no fired on a programmatic close.
+         */
+        onDismiss?(callback: () => void): void;
+        /**
+         * A function that is called when an error occurs.The reason for the error is passed as an argument.
+         */
+        onError?(errorCallback: (reason: string, errorObj: NetworkErrorInfo) => void): void;
+        /**
+         * The onMessage function will respond to messages sent from notification.sendMessageToApplication.
+         * The function is passed the message, which can be of any primitive or composite-primitive type.
+         */
+        onMessage?(callback: (message: any) => void): void;
+        /**
+         * A function that is called when a notification is shown.
+         */
+        onShow?(callback: (successObj: SuccessObj) => void): void;
+    }
+
+    /**
+     * System
+     * An object representing the core of OpenFin Runtime.
+     * Allows the developer to perform system-level actions, such as accessing logs, viewing processes, clearing the cache and exiting the runtime.
+     */
+    interface OpenFinSystem {
+        Clipboard: OpenFinClipboard;
+        /**
+         * Registers an event listener on the specified event.
+         */
+        addEventListener(
+            type: OpenFinSystemEventType,
+            listener: (event: SystemBaseEvent | DesktopIconClickedEvent | IdleStateChangedEvent | MonitorInfoChangedEvent | SessionChangedEvent) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Clears cached data containing window state/positions,
+         * application resource files (images, HTML, JavaScript files), cookies, and items stored in the Local Storage.
+         */
+        clearCache(options: CacheOptions, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Clears all cached data when OpenFin Runtime exits.
+         */
+        deleteCacheOnExit(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Downloads the given application asset
+         */
+        downloadAsset(
+            assetObj: AppAssetInfo,
+            progressListener?: (progress: { downloadedBytes: number, totalBytes: number }) => void,
+            callback?: (successObj: { path: string }) => void,
+            errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): void;
+
+        /**
+         * Download preload scripts from given URLs
+         */
+        downloadPreloadScripts(scripts: DownloadPreloadOption[], callback?: (downloadInfo: DownloadPreloadInfo[]) => void,
+                               errorCallback?: (reason: string) => void): void;
+        /**
+         * Downloads the given OpenFin Runtime.
+         */
+        downloadRuntime(options: RuntimeDownloadOptions, onProgress?: (progress: RuntimeDownloadProgress) => void, onComplete?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Exits the Runtime.
+         */
+        exit(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Writes any unwritten cookies data to disk.
+         */
+        flushCookieStore(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of data for all applications.
+         */
+        getAllApplications(callback?: (applicationInfoList: ApplicationInfo[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of data for all external applications.
+         */
+        getAllExternalApplications(callback?: (applicationInfoList: ApplicationInfo[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of data (name, ids, bounds) for all application windows.
+         */
+        getAllWindows(callback?: (windowInfoList: WindowDetails[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns information about the app asset.
+         */
+        getAppAssetInfo(options: AppAssetOptions, callback?: (appAssetInfo: AppAssetInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Get additional info of cookies.
+         */
+        getCookies(option: CookieOption, callback?: (info: CookieInfo[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the command line argument string that started OpenFin Runtime.
+         */
+        getCommandLineArguments(callback?: (args: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the configuration object that started the OpenFin Runtime.
+         */
+        getDeviceId(callback?: (uuid: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns a hex encoded hash of the mac address and the currently logged in user name
+         */
+        getDeviceUserId(callback?: (id: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns an Entity info object relating to the entity specified by the uuid and name passed in. The possible types are 'window', 'iframe', 'external connection' or 'unknown'.
+         */
+        getEntityInfo(uuid: string, name: string, callback?: (info: EntityInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gets the value of a given environment variable on the computer on which the runtime is installed.
+         */
+        getEnvironmentVariable(envVar: string, callback?: (variable: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves currently focused window identity.
+         */
+        getFocusedWindow(callback?: (focusedWindowIdentity: Identity) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves system information.
+         */
+        getHostSpecs(callback?: (info: HostSpecInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the contents of the log with the specified filename.
+         */
+        getLog(logFileName: string, callback?: (variable: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array containing information for each log file.
+         */
+        getLogList(callback?: (logInfoList: LogInfo[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the minimum (inclusive) logging level that is currently being written to the logs.
+         */
+        getMinLogLevel(callback?: (logLevel: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an object that contains data about the about the monitor setup of the computer that the runtime is running on.
+         */
+        getMonitorInfo(callback?: (monitorInfo: MonitorInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns the mouse in virtual screen coordinates (left, top).
+         */
+        getMousePosition(callback?: (mousePosition: VirtualScreenCoordinates) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array of all of the runtime processes that are currently running.
+         * Each element in the array is an object containing the uuid and the name of the application to which the process belongs.
+         */
+        getProcessList(callback?: (processInfoList: ProcessInfo[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves the Proxy settings.
+         */
+        getProxySettings(callback?: (proxy: ProxyInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns information about the running RVM in an object.
+         */
+        getRvmInfo(callback?: (rvmInfo: RvmInfo) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns the version of the runtime. The version contains the major, minor, build and revision numbers.
+         */
+        getVersion(callback?: (version: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Runs an executable or batch file.
+         */
+        launchExternalProcess(options: ExternalProcessLaunchInfo, callback?: (payload: { uuid: string }) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Writes the passed message into both the log file and the console.
+         */
+        log(level: "debug" | "info" | "warn" | "error", message: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Monitors a running process.
+         */
+        monitorExternalProcess(options: ExternalProcessInfo, callback?: (payload: { uuid: string }) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Opens the passed URL in the default web browser.
+         */
+        openUrlWithBrowser(url: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Opens the passed URL in the default web browser.
+         */
+        readRegistryValue(rootKey: string, subkey: string, value: string, callback?: (info: RegistryInfo) => void,
+                          errorCallback?: (reason: string) => void): void;
+        /**
+         * This function call will register a unique id and produce a token. The token can be used to broker an external connection.
+         */
+        registerExternalConnection(
+            uuid: string,
+            callback?: (detail: {
+                /**
+                 * this will be unique each time
+                 */
+                token: string;
+                /**
+                 * "remote-connection-uuid"
+                 */
+                uuid: string;
+            }) => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Removes the process entry for the passed UUID obtained from a prior call of fin.desktop.System.launchExternalProcess().
+         */
+        releaseExternalProcess(processUuid: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Removes a previously registered event listener from the specified event.
+         */
+        removeEventListener(
+            type: OpenFinSystemEventType,
+            listener: (event: SystemBaseEvent | DesktopIconClickedEvent | IdleStateChangedEvent | MonitorInfoChangedEvent | SessionChangedEvent) => void,
+            callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Set the minimum log level above which logs will be written to the OpenFin log
+         */
+        setMinLogLevel(logLevel: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Shows the Chrome Developer Tools for the specified window.
+         */
+        showDeveloperTools(uuid: string, name: string, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Attempt to close an external process. The process will be terminated if it has not closed after the elapsed timeout in milliseconds.
+         */
+        terminateExternalProcess(
+            processUuid: string,
+            timeout: number,
+            killTree: boolean,
+            callback?: (info: { result: "clean" | "terminated" | "failed" }) => void,
+            errorCallback?: (reason: string) => void): void;
+        terminateExternalProcess(
+            processUuid: string,
+            timeout: number,
+            callback?: (info: { result: "clean" | "terminated" | "failed" }) => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Update the OpenFin Runtime Proxy settings.
+         */
+        updateProxySettings(type: string, address: string, port: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
+    }
+
+    interface CacheOptions {
+        cache?: boolean;
+        cookies?: boolean;
+        localStorage?: boolean;
+        appcache?: boolean;
+        userData?: boolean;
+    }
+
+    interface AppAssetInfo {
+        src?: string;
+        alias?: string;
+        version?: string;
+        target?: string;
+        args?: string;
+        mandatory?: boolean;
+    }
+
+    interface AppAssetOptions {
+        alias: string;
+    }
+
+    interface ApplicationInfo {
+        /**
+         * true when the application is running.
+         */
+        isRunning?: boolean;
+        /**
+         * uuid of the application.
+         */
+        uuid?: string;
+        /**
+         * uuid of the application that launches this application.
+         */
+        parentUuid?: string;
+    }
+
+    interface Identity {
+        uuid: string;
+        name: string;
+    }
+
+    interface EntityInfo {
+        name: string;
+        uuid: string;
+        parent: Identity;
+        entityType: string;
+    }
+
+    interface DownloadPreloadOption {
+        url: string;
+    }
+
+    interface DownloadPreloadInfo {
+        success: boolean;
+        url?: string;
+        error: string;
+    }
+
+    interface CookieInfo {
+        name: string;
+        // expirationDate: Date;
+        domain: string;
+        path: string;
+    }
+
+    interface CookieOption {
+        name: string;
+    }
+
+    interface RegistryInfo {
+        data: any;
+        rootKey: string;
+        subkey: string;
+        type: string;
+        value: string;
+    }
+
+    interface RuntimeDownloadOptions {
+        version: string;
+    }
+
+    interface RuntimeDownloadProgress {
+        downloadedBytes: number;
+        totalBytes: number;
+    }
+
+    interface WindowDetails {
+        uuid?: string;
+        mainWindow?: WindowInfo;
+        childWindows?: WindowInfo[];
+    }
+
+    interface WindowInfo {
+        /**
+         * name of the child window
+         */
+        name?: string;
+        /**
+         * top-most coordinate of the child window
+         */
+        top?: number;
+        /**
+         * right-most coordinate of the child window
+         */
+        right?: number;
+        /**
+         * bottom-most coordinate of the child window
+         */
+        bottom?: number;
+        /**
+         * left-most coordinate of the child window
+         */
+        left?: number;
+    }
+
+    interface HostSpecInfo {
+        /**
+         * "x86" for 32-bit or "x86_64" for 64-bit
+         */
+        arch: string;
+        /**
+         * Same payload as Node's os.cpus()
+         */
+        cpus: NodeCpuInfo[];
+        gpu: {
+            /**
+             * Graphics card name
+             */
+            name: string;
+        };
+        /**
+         * Same payload as Node's os.totalmem()
+         */
+        memory: number;
+        /**
+         * OS name and version/edition
+         */
+        name: string;
+    }
+
+    interface NodeCpuInfo {
+        model: string;
+        /**
+         * in MHz
+         */
+        speed: number;
+        times: {
+            /**
+             * The number of milliseconds the CPU has spent in user mode.
+             */
+            user: number;
+            /**
+             * The number of milliseconds the CPU has spent in nice mode.
+             */
+            nice: number;
+            /**
+             * The number of milliseconds the CPU has spent in sys mode.
+             */
+            sys: number;
+            /**
+             * The number of milliseconds the CPU has spent in idle mode.
+             */
+            idle: number;
+            /**
+             * The number of milliseconds the CPU has spent in irq mode.
+             */
+            irq: number;
+        };
+    }
+
+    interface LogInfo {
+        /**
+         * the filename of the log
+         */
+        name?: string;
+        /**
+         * the size of the log in bytes
+         */
+        size?: number;
+        /**
+         * the unix time at which the log was created "Thu Jan 08 2015 14:40:30 GMT-0500 (Eastern Standard Time)"
+         */
+        date?: string;
+    }
+
+    interface ProcessInfo {
+        /**
+         * the percentage of total CPU usage
+         */
+        cpuUsage?: number;
+        /**
+         * the application name
+         */
+        name?: string;
+        /**
+         * the current nonpaged pool usage in bytes
+         */
+        nonPagedPoolUsage?: number;
+        /**
+         * the number of page faults
+         */
+        pageFaultCount?: number;
+        /**
+         * the current paged pool usage in bytes
+         */
+        pagedPoolUsage?: number;
+        /**
+         * the total amount of memory in bytes that the memory manager has committed
+         */
+        pagefileUsage?: number;
+        /**
+         * the peak nonpaged pool usage in bytes
+         */
+        peakNonPagedPoolUsage?: number;
+        /**
+         * the peak paged pool usage in bytes
+         */
+        peakPagedPoolUsage?: number;
+        /**
+         * the peak value in bytes of pagefileUsage during the lifetime of this process
+         */
+        peakPagefileUsage?: number;
+        /**
+         * the peak working set size in bytes
+         */
+        peakWorkingSetSize?: number;
+        /**
+         * the native process identifier
+         */
+        processId?: number;
+        /**
+         * the application UUID
+         */
+        uuid?: string;
+        /**
+         * the current working set size (both shared and private data) in bytes
+         */
+        workingSetSize?: number;
+    }
+
+    interface ProxyInfo {
+        /**
+         * the configured Proxy Address
+         */
+        proxyAddress?: string;
+        /**
+         * the configured Proxy port
+         */
+        proxyPort?: number;
+        /**
+         * Proxy Type
+         */
+        type?: string;
+    }
+
+    interface RvmInfo {
+        version?: string;
+        "start-time"?: string;
+    }
+
+    interface ExternalProcessLaunchInfo {
+        path?: string;
+        /**
+         * Additionally note that the executable found in the zip file specified in appAssets
+         * will default to the one mentioned by appAssets.target
+         * If the the path below refers to a specific path it will override this default
+         */
+        alias?: string;
+        /**
+         * When using alias; if no arguments are passed then the arguments (if any)
+         * are taken from the 'app.json' file, from the  'args' parameter
+         * of the 'appAssets' Object with the relevant 'alias'.
+         * If 'arguments' is passed as a parameter it takes precedence
+         * over any 'args' set in the 'app.json'.
+         */
+        arguments?: string;
+        listener?(result: {
+            /**
+             * "Exited" Or "released" on a call to releaseExternalProcess
+             */
+            topic?: string;
+            /**
+             * The mapped UUID which identifies the launched process
+             */
+            uuid?: string;
+            /*
+             * Process exit code
+             */
+            exitCode?: number;
+        }): void;
+        certificate?: CertificationInfo;
+    }
+
+    interface CertificationInfo {
+        /**
+         * A hex string with or without spaces
+         */
+        serial?: string;
+        /**
+         * An internally tokenized and comma delimited string allowing partial or full checks of the subject fields
+         */
+        subject?: string;
+        /**
+         * A hex string with or without spaces
+         */
+        publickey?: string;
+        /**
+         * A hex string with or without spaces
+         */
+        thumbprint?: string;
+        /**
+         * A boolean indicating that the certificate is trusted and not revoked
+         */
+        trusted?: boolean;
+    }
+
+    interface ExternalProcessInfo {
+        pid?: number;
+        listener?(result: {
+            /**
+             * "Exited" Or "released" on a call to releaseExternalProcess
+             */
+            topic?: string;
+            /**
+             * The mapped UUID which identifies the launched process
+             */
+            uuid?: string;
+            /*
+             * Process exit code
+             */
+            exitCode?: number;
+        }): void;
+    }
+
+    interface OpenFinWindowStatic {
+        /**
+         * Class: Window
+         *
+         * new Window(options, callbackopt, errorCallbackopt)
+         *
+         * Creates a new OpenFin Window
+         *
+         * A basic window that wraps a native HTML window. Provides more fine-grained control over the window state such as the ability to minimize,
+         * maximize, restore, etc. By default a window does not show upon instantiation; instead the window's show() method must be invoked manually.
+         * The new window appears in the same process as the parent window.
+         * @param options - The options of the window
+         * @param [callback] - Called if the window creation was successful
+         * @param [callback.successObj] - httpResponseCode
+         */
+        new (
+            options: WindowOptions,
+            callback?: (successObj: { httpResponseCode: number }) => void,
+            errorCallback?: (reason: string, errorObj: NetworkErrorInfo) => void): OpenFinWindow;
+        /**
+         * Returns an instance of the current window.
+         * @returns Current window
+         */
+        getCurrent(): OpenFinWindow;
+        /**
+         * Returns a Window object that wraps an existing window.
+         */
+        wrap(appUuid: string, windowName: string): OpenFinWindow;
+    }
+
+    /**
+     * Window
+     * A basic window that wraps a native HTML window. Provides more fine-grained control over the window state such as the ability to minimize,
+     * maximize, restore, etc. By default a window does not show upon instantiation; instead the window's show() method must be invoked manually.
+     * The new window appears in the same process as the parent window.
+     */
+    interface OpenFinWindow {
+        /**
+         * uuid of the application that the window belongs to.
+         */
+        uuid: string;
+        /**
+         * Name of window
+         */
+        name: string;
+        /**
+         * Returns the native JavaScript "window" object for the window. This method can only be used by the parent application or the window itself,
+         * otherwise it will return undefined. The same Single-Origin-Policy (SOP) rules apply for child windows created by window.open(url) in that the
+         * contents of the window object are only accessible if the URL has the same origin as the invoking window. See example below.
+         * Also, will not work with fin.desktop.Window objects created with fin.desktop.Window.wrap().
+         * @returns Native window
+         */
+        getNativeWindow(): Window;
+        /**
+         * Gets the parent application.
+         * @returns Parent application
+         */
+        getParentApplication(): OpenFinApplication;
+        /**
+         * Gets the parent window.
+         */
+        getParentWindow(): OpenFinWindow;
+        /**
+         * Registers an event listener on the specified event.
+         */
+        addEventListener(
+            type: OpenFinWindowEventType,
+            listener: (event: WindowBaseEvent
+					   | WindowAuthRequestedEvent
+					   | WindowBoundsEvent
+					   | WindowExternalProcessStartedEvent
+					   | WindowExternalProcessExited
+					   | WindowGroupChangedEvent
+					   | WindowHiddenEvent
+					   | Window_NavigationRejectedEvent) => void,
+            callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Performs the specified window transitions
+         */
+        animate(transitions: AnimationTransition, options: AnimationOptions, callback?: (event: any) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Provides credentials to authentication requests
+         */
+        authenticate(userName: string, password: string, callback?: () => void, errorCallback?: (reason: string, error: ErrorInfo) => void): void;
+        /**
+         * Removes focus from the window.
+         */
+        blur(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Brings the window to the front of the OpenFin window stack.
+         */
+        bringToFront(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Closes the window.
+         * @param Close will be prevented from closing when force is false and 'close-requested' has been subscribed to for application's main window.
+         */
+        close(force?: boolean, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Prevents a user from changing a window's size/position when using the window's frame.
+         * 'disabled-frame-bounds-changing' is generated at the start of and during a user move/size operation.
+         * 'disabled-frame-bounds-changed' is generated after a user move/size operation.
+         * The events provide the bounds that would have been applied if the frame was enabled.
+         * 'frame-disabled' is generated when an enabled frame becomes disabled.
+         */
+        disableFrame(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Re-enables user changes to a window's size/position when using the window's frame.
+         * 'disabled-frame-bounds-changing' is generated at the start of and during a user move/size operation.
+         * 'disabled-frame-bounds-changed' is generated after a user move/size operation.
+         * The events provide the bounds that would have been applied if the frame was enabled.
+         * 'frame-enabled' is generated when a disabled frame has becomes enabled.
+         */
+        enableFrame(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Flashes the window's frame and taskbar icon until the window is activated.
+         */
+        flash(options?: any, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gives focus to the window.
+         */
+        focus(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gets the current bounds (top, left, width, height) of the window.
+         */
+        getBounds(callback?: (bounds: WindowBounds) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Retrieves an array containing wrapped fin.desktop.Windows that are grouped with this window. If a window is not in a group an empty array is returned.
+         * Please note that calling window is included in the result array.
+         */
+        getGroup(callback?: (group: OpenFinWindow[]) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gets the current settings of the window.
+         */
+        getOptions(callback?: (options: WindowOptions) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gets a base64 encoded PNG snapshot of the window.
+         */
+        getSnapshot(callback?: (base64Snapshot: string) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Gets the current state ("minimized", "maximized", or "restored") of the window.
+         */
+        getState(callback?: (state: "minimized" | "maximized" | "restored") => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Returns the zoom level of the window.
+         */
+        getZoomLevel(callback?: (level: number) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Hides the window.
+         */
+        hide(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Determines if the window is currently showing.
+         */
+        isShowing(callback?: (showing: boolean) => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Joins the same window group as the specified window.
+         */
+        joinGroup(target: OpenFinWindow, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Leaves the current window group so that the window can be move independently of those in the group.
+         */
+        leaveGroup(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Maximizes the window.
+         */
+        maximize(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Merges the instance's window group with the same window group as the specified window
+         */
+        mergeGroups(target: OpenFinWindow, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Minimizes the window.
+         */
+        minimize(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Moves the window by a specified amount.
+         */
+        moveBy(deltaLeft: number, deltaTop: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Moves the window to a specified location.
+         */
+        moveTo(left: number, top: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Removes a previously registered event listener from the specified event.
+         */
+        removeEventListener(
+            type: OpenFinWindowEventType,
+            listener: (event: WindowBaseEvent
+					   | WindowAuthRequestedEvent
+					   | WindowBoundsEvent
+					   | WindowExternalProcessStartedEvent
+					   | WindowExternalProcessExited
+					   | WindowGroupChangedEvent
+					   | WindowHiddenEvent
+					   | Window_NavigationRejectedEvent) => void,
+            callback?: () => void,
+            errorCallback?: (reason: string) => void): void;
+        /**
+         * Resizes the window by a specified amount.
+         */
+        resizeBy(deltaWidth: number, deltaHeight: number, anchor: OpenFinAnchor, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Resizes the window by a specified amount.
+         */
+        resizeTo(width: number, height: number, anchor: OpenFinAnchor, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Restores the window to its normal state (i.e., unminimized, unmaximized).
+         */
+        restore(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Will bring the window to the front of the entire stack and give it focus.
+         */
+        setAsForeground(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Sets the window's size and position
+         */
+        setBounds(left: number, top: number, width: number, height: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Sets the zoom level of the window.
+         */
+        setZoomLevel(level: number, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Shows the window if it is hidden.
+         * @param Show will be prevented from closing when force is false and 'show-requested' has been subscribed to for application's main window.
+         */
+        show(force?: boolean, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Shows the window if it is hidden at the specified location. If the toggle parameter is set to true, the window will alternate between showing and hiding.
+         */
+        showAt(left: number, top: number, force?: boolean, callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Stops the taskbar icon from flashing.
+         */
+        stopFlashing(callback?: () => void, errorCallback?: (reason: string) => void): void;
+        /**
+         * Updates the window using the passed options
+         */
+        updateOptions(options: WindowOptions, callback?: () => void, errorCallback?: (reason: string) => void): void;
+    }
+
+    interface OpenFinFrameStatic {
+        wrap(uuid: string, name: string): OpenFinFrame;
+
+        getCurrent(): OpenFinFrame;
+    }
+
+    interface OpenFinFrame {
+        name: string;
+        uuid: string;
+
+        addEventListener(type: string, listener: () => void, callback?: () => void, errorCallback?: (reason: string) => void): void;
+
+        getParentWindow(callback?: (entityInfo: EntityInfo) => void, errorCallback?: (reason: string) => void): void;
+
+        getInfo(callback?: (entityInfo: EntityInfo) => void, errorCallback?: (reason: string) => void): void;
+
+        removeEventListener(type: string, listener: () => void, callback?: () => void, errorCallback?: (reason: string) => void): void;
+    }
+
+    interface ApplicationBaseEvent {
+        topic: string;
+        type: OpenFinApplicationEventType;
+        uuid: string;
+    }
+
+    interface TrayIconClickedEvent extends ApplicationBaseEvent {
+        button: number; // 0 for left, 1 for middle, 2 for right
+        monitorInfo: MonitorInfo;
+        x: number; // the cursor x coordinate
+        y: number; // the cursor y coordinate
+    }
+
+    interface WindowEvent extends ApplicationBaseEvent {
+        name: string;
+    }
+
+    interface WindowAlertRequestedEvent extends WindowEvent {
+        message: string;
+        url: string;
+    }
+
+    interface WindowAuthRequested extends WindowEvent {
+        authInfo: {
+            host: string;
+            isProxy: boolean;
+            port: number;
+            realm: string;
+            scheme: string;
+        };
+    }
+
+    interface WindowNavigationRejectedEvent extends WindowEvent {
+        sourceName: string;
+        url: string;
+    }
+
+    interface WindowEndLoadEvent extends WindowEvent {
+        documentName: string;
+        isMain: boolean;
+    }
+
+    interface MonitorInfoChangedEvent extends MonitorInfo {
+        topic: "system";
+        type: "monitor-info-changed";
+    }
+
+    interface MonitorInfo {
+        nonPrimaryMonitors: MonitorInfoDetail[];
+        primaryMonitor: MonitorInfoDetail;
+        reason: string;
+        taskbar: {
+            edge: "left" | "right" | "top" | "bottom",
+            rect: MontiorCoordinates
+        };
+        topic: "system";
+        type: "monitor-info-changed";
+        virtualScreen: MontiorCoordinates;
+    }
+
+	interface TrayIconInfo {
+		x: number;
+		y: number;
+		bounds: {
+			x: number;
+			y: number;
+			width: number;
+			height: number;
+		};
+		monitorInfo: MonitorInfo;
+	}
+
+    interface MonitorInfoDetail {
+        availableRect: MontiorCoordinates;
+        deviceId: string;
+        displayDeviceActive: boolean;
+        monitorRect: MontiorCoordinates;
+        name: string;
+    }
+
+    interface MontiorCoordinates {
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    }
+
+    interface VirtualScreenCoordinates {
+        left: number;
+        top: number;
+    }
+
+    interface SystemBaseEvent {
+        topic: string;
+        type: OpenFinSystemEventType;
+        uuid: string;
+    }
+
+    interface DesktopIconClickedEvent {
+        mouse: {
+            /**
+             * the left virtual screen coordinate of the mouse
+             */
+            left: number,
+            /**
+             * the top virtual screen coordinate of the mouse
+             */
+            top: number
+        };
+        /**
+         * the number of milliseconds that have elapsed since the system was started,
+         */
+        tickCount: number;
+        topic: "system";
+        type: "desktop-icon-clicked";
+    }
+
+    interface IdleStateChangedEvent {
+        /**
+         * How long in milliseconds since the user has been idle.
+         */
+        elapsedTime: number;
+        /**
+         * true when the user is idle,false when the user has returned;
+         */
+        isIdle: boolean;
+        topic: "system";
+        type: "idle-state-changed";
+    }
+
+    interface WindowBaseEvent {
+        /**
+         * the name of the window
+         */
+        name: string;
+        /**
+         * always window
+         */
+        topic: "window";
+        /**
+         * window event type
+         */
+        type: OpenFinWindowEventType;
+        /**
+         * the UUID of the application the window belongs to
+         */
+        uuid: string;
+    }
+
+    interface WindowAuthRequestedEvent extends WindowBaseEvent {
+        authInfo: {
+            host: string;
+            isProxy: boolean;
+            port: number;
+            realm: string;
+            scheme: string;
+        };
+    }
+
+    interface WindowBoundsEvent extends WindowBaseEvent {
+        /**
+         * describes what kind of change occurred.
+         * 0 means a change in position.
+         * 1 means a change in size.
+         * 2 means a change in position and size.
+         */
+        changeType: number;
+        /**
+         * true when pending changes have been applied to the window.
+         */
+        deferred: boolean;
+        /**
+         * the new height of the window.
+         */
+        height: number;
+        /**
+         * the left-most coordinate of the window.
+         */
+        left: number;
+        /**
+         * the top-most coordinate of the window.
+         */
+        top: number;
+
+        type: "bounds-changed" | "bounds-changing" | "disabled-frame-bounds-changed" | "disabled-frame-bounds-changing";
+        /**
+         * the new width of the window.
+         */
+        width: number;
+    }
+
+    interface WindowExternalProcessStartedEvent extends WindowBaseEvent {
+        /**
+         * the process handle uuid
+         */
+        processUuid: string;
+        type: "external-process-started";
+    }
+
+    interface WindowExternalProcessExited extends WindowBaseEvent {
+        /**
+         * the process exit code
+         */
+        exitCode: number;
+        /**
+         * the process handle uuid
+         */
+        processUuid: string;
+        type: "external-process-exited";
+    }
+
+    interface WindowGroupChangedEvent extends WindowBaseEvent {
+        /**
+         * Which group array the window that the event listener was registered on is included in:
+         * 'source' The window is included in sourceGroup.
+         * 'target' The window is included in targetGroup.
+         * 'nothing' The window is not included in sourceGroup nor targetGroup.
+         */
+        memberOf: "source" | "target" | "nothing";
+        /**
+         * The reason this event was triggered.
+         * 'leave' A window has left the group due to a leave or merge with group.
+         * 'join' A window has joined the group.
+         * 'merge' Two groups have been merged together.
+         * 'disband' There are no other windows in the group.
+         */
+        reason: "leave" | "join" | "merge" | "disband";
+        /**
+         * All the windows in the group the sourceWindow originated from.
+         */
+        sourceGroup: WindowOfGroupInfo[];
+        /**
+         * The UUID of the application the sourceWindow belongs to The source window is the window in which (merge/join/leave)group(s) was called.
+         */
+        sourceWindowAppUuid: string;
+        /**
+         * the name of the sourcewindow.The source window is the window in which(merge / join / leave) group(s) was called.
+         */
+        sourceWindowName: string;
+        /**
+         * All the windows in the group the targetWindow orginated from
+         */
+        targetGroup: WindowOfGroupInfo[];
+        /**
+         * The UUID of the application the targetWindow belongs to. The target window is the window that was passed into (merge/join) group(s).
+         */
+        targetWindowAppUuid: string;
+        /**
+         * The name of the targetWindow. The target window is the window that was passed into (merge/join) group(s).
+         */
+        targetWindowName: string;
+        type: "group-changed";
+    }
+
+    interface WindowOfGroupInfo {
+        /**
+         * The UUID of the application this window entry belongs to.
+         */
+        appUuid: string;
+        /**
+         * The name of this window entry.
+         */
+        windowName: string;
+    }
+
+    interface WindowHiddenEvent extends WindowBaseEvent {
+        /**
+         * What action prompted the close.
+         * The reasons are: "hide", "hide-on-close"
+         */
+        reason: "hide" | "hide-on-close";
+        type: "hidden";
+    }
+
+    interface Window_NavigationRejectedEvent {
+        name: string;
+        /**
+         * source of navigation window name
+         */
+        sourceName: string;
+        topic: "navigation-rejected";
+        /**
+         * Url that was not reached "http://blocked-content.url"
+         */
+        url: string;
+        /**
+         * the UUID of the application the window belongs to.
+         */
+        uuid: string;
+    }
+
+    interface AnimationTransition {
+        opacity?: {
+            /**
+             * This value is clamped from 0.0 to 1.0
+             */
+            opacity?: number;
+            /**
+             * The total time in milliseconds this transition should take.
+             */
+            duration?: number;
+            /**
+             * Treat 'opacity' as absolute or as a delta. Defaults to false.
+             */
+            relative?: boolean;
+        };
+        position?: {
+            /**
+             * Defaults to the window's current left position in virtual screen coordinates.
+             */
+            left?: number;
+            /**
+             * Defaults to the window's current top position in virtual screen coordinates.
+             */
+            top?: number;
+            /**
+             * The total time in milliseconds this transition should take.
+             */
+            duration?: number;
+            /**
+             * Treat 'left' and 'top' as absolute or as deltas. Defaults to false.
+             */
+            relative?: boolean;
+        };
+        size?: {
+            /**
+             * Optional if height is present. Defaults to the window's current width.
+             */
+            width?: number;
+            /**
+             * Optional if width is present. Defaults to the window's current height.
+             */
+            height?: number;
+            /**
+             * The total time in milliseconds this transition should take.
+             */
+            duration?: number;
+            /**
+             * Treat 'width' and 'height' as absolute or as deltas. Defaults to false.
+             */
+            relative?: boolean;
+        };
+    }
+
+    interface AnimationOptions {
+        /**
+         * This option interrupts the current animation. When false it pushes this animation onto the end of the animation queue.
+         */
+        interrupt?: boolean;
+        /**
+         * Transition effect. Defaults to 'ease-in-out'.
+         */
+        tween?: OpenFinTweenType;
+    }
+
+    interface WindowBounds {
+        /**
+         * the height of the window.
+         */
+        height?: number;
+        /**
+         * left-most coordinate of the window.
+         */
+        left?: number;
+        /**
+         * top-most coordinate of the window.
+         */
+        top?: number;
+        /**
+         * the width of the window.
+         */
+        width?: number;
+    }
+
+    interface ExternalApplicationInfo {
+        parent: {
+            uuid: string;
+            name: string;
+        };
+    }
+
+    interface SessionChangedEvent {
+        /**
+         * the action that triggered this event:
+         */
+        reason: "lock"
+            | "unlock"
+            | "remote-connect"
+            | "remote-disconnect"
+            | "unknown";
+        topic: "system";
+        type: "session-changed";
+    }
+
+    interface LaunchInfo {
+        launchMode: "fin-protocol"
+            | "fins-protocol"
+            | "shortcut"
+            | "command-line"
+            | "adapter"
+            | "other"
+            | string;
+    }
+
+    type OpenFinTweenType = "linear"
+        | "ease-in"
+        | "ease-out"
+        | "ease-in-out"
+        | "ease-in-quad"
+        | "ease-out-quad"
+        | "ease-in-out-quad"
+        | "ease-in-cubic"
+        | "ease-out-cubic"
+        | "ease-in-out-cubic"
+        | "ease-out-bounce"
+        | "ease-in-back"
+        | "ease-out-back"
+        | "ease-in-out-back"
+        | "ease-in-elastic"
+        | "ease-out-elastic"
+        | "ease-in-out-elastic";
+
+    type OpenFinApplicationEventType = "closed"
+        | "connected"
+        | "crashed"
+        | "initialized"
+        | "manifest-changed"
+        | "not-responding"
+        | "out-of-memory"
+        | "responding"
+        | "run-requested"
+        | "started"
+        | "tray-icon-clicked"
+        | "window-alert-requested"
+        | "window-auth-requested"
+        | "window-closed"
+        | "window-created"
+        | "window-end-load"
+        | "window-navigation-rejected"
+        | "window-show-requested"
+        | "window-start-load";
+
+    type OpenFinExternalApplicationEventType = "connected"
+        | "disconnected";
+
+    type OpenFinSystemEventType = "application-closed"
+        | "application-crashed"
+        | "application-created"
+        | "application-started"
+        | "desktop-icon-clicked"
+        | "idle-state-changed"
+        | "monitor-info-changed"
+        | "session-changed";
+
+    type OpenFinWindowEventType = "auth-requested"
+        | "blurred"
+        | "bounds-changed"
+        | "bounds-changing"
+        | "close-requested"
+        | "closed"
+        | "disabled-frame-bounds-changed"
+        | "disabled-frame-bounds-changing"
+        | "embedded"
+        | "external-process-exited"
+        | "external-process-started"
+        | "focused"
+        | "frame-disabled"
+        | "frame-enabled"
+        | "group-changed"
+        | "hidden"
+        | "initialized"
+        | "maximized"
+        | "minimized"
+        | "navigation-rejected"
+        | "restored"
+        | "show-requested"
+        | "shown";
+
+    type OpenFinAnchor = "top-left"
+        | "top-right"
+        | "bottom-left"
+        | "bottom-right";
+}
diff --git a/types/openfin/v34/openfin-tests.ts b/types/openfin/v34/openfin-tests.ts
new file mode 100644
index 0000000000..6059f54de7
--- /dev/null
+++ b/types/openfin/v34/openfin-tests.ts
@@ -0,0 +1,800 @@
+function test_application() {
+    let application: fin.OpenFinApplication;
+    // constructor
+    application = new fin.desktop.Application({
+        url: "application.html",
+        uuid: "74BED629-2D8E-4141-8582-73E364BDFA74",
+        name: "Application Name",
+        plugins: false,
+        mainWindowOptions: {
+            defaultHeight: 600,
+            defaultWidth: 800,
+            defaultTop: 300,
+            defaultLeft: 300,
+            autoShow: true
+        }
+    }, (successObj) => {
+        console.log("Application successfully created, HTTP response code:", successObj);
+        application.run();
+    }, (error) => {
+        console.log("Error creating application:", error);
+    });
+	// createFromManifest
+    fin.desktop.Application.createFromManifest("http://stuf.com/app.json", (app) => {
+        console.log(app.uuid);
+    }, err => console.log(err));
+    // getCurrent
+    application = fin.desktop.Application.getCurrent();
+    // wrap
+    application = fin.desktop.Application.wrap("454C7F31-A915-4EA2-83F2-CFA655453C52");
+    // getWindow
+    application.getWindow();
+    // addEventListener
+    application.addEventListener("closed", (event) => {
+        console.log("The application has closed");
+    }, () => {
+        console.log("The registration was successful");
+    }, reason => {
+        console.log("failure: " + reason);
+    });
+    // close
+    application.close();
+    // getChildWindows
+    application.getChildWindows(children => {
+        children.forEach(childWindow => {
+            console.log("Showing child: " + childWindow.name);
+            childWindow.show();
+        });
+    });
+    // getGroups
+    application.getGroups(allGroups => {
+        console.log(`There are a total of ${allGroups.length} groups.`);
+
+        let groupCounter = 1;
+        allGroups.forEach(windowGroup => {
+            console.log(`Group ${groupCounter} contains ${windowGroup.length} windows.`);
+            ++groupCounter;
+        });
+    });
+    // getManifest
+    application.getManifest(manifest => {
+        console.log("Application manifest:");
+        console.log(manifest);
+    });
+    // getParentUuid
+    application.getParentUuid(parentUuid => {
+        console.log("UUID of parent application:");
+        console.log(parentUuid);
+    });
+    // getShortcuts
+    application.getShortcuts(config => {
+        console.log("Desktop shortcut is enabled: ", config.desktop);
+        console.log("Start Menu shortcut is enabled: ", config.startMenu);
+        console.log("System Startup shortcut is enabled: ", config.systemStartup);
+    });
+    // getInfo
+    application.getInfo(info => {
+        console.log(`Launch mode: ${info.launchMode}`);
+    });
+    // getTrayIconInfo
+    application.getTrayIconInfo(info => {
+        console.log(info.x, info.y, info.bounds.x, info.bounds.y, info.bounds.height, info.bounds.width,
+                    info.monitorInfo.type, info.monitorInfo.reason);
+    });
+    // isRunning
+    application.isRunning(running => {
+        console.log("the application is", running ? "running" : "not running");
+    });
+    // registerCustomData
+    application.registerUser("a", "b", () => console.log("done"), err => console.log(err));
+    // removeEventListener
+    application.removeEventListener("closed", (event: any) => {
+		console.log(event);
+	}, () => {
+        console.log("The unregistration was successful");
+    }, err => {
+        console.log("failure:", err);
+    });
+    // removeTrayIcon
+    application.removeTrayIcon(() => {
+        console.log("Removed the tray icon.");
+    }, err => {
+        console.log("failure:", err);
+    });
+    // restart
+    application.restart(() => {
+        console.log("You will not read this.");
+    }, err => {
+        console.log("failure:", err);
+    });
+    // schedule restart
+    application.scheduleRestart(() => {
+        console.log("You will not read this.");
+    }, err => {
+        console.log("failure:", err);
+    });
+    // setShortcuts
+    application.setShortcuts({
+        desktop: true,
+        startMenu: false,
+        systemStartup: true
+    }, () => {
+        console.log("Successfully set new shortcut states");
+    }, error => {
+        console.log("Failed to set new shortcut states. Error: ", error);
+    });
+    // setTrayIcon
+    application.setTrayIcon("https://developer.openf.in/download/openfin.png", clickInfo => {
+        console.log(`The mouse has clicked at (${clickInfo.x}, ${clickInfo.y})`);
+    });
+    // terminate
+    application.terminate();
+    // wait
+    application.addEventListener("not-responding", () => {
+        console.log("waiting for hung application");
+        application.wait();
+    });
+    // uuid
+    const hasUuid = application.uuid;
+}
+
+function test_external_application() {
+    let externalApp: fin.OpenFinExternalApplication;
+    // wrap
+    externalApp = fin.desktop.ExternalApp.wrap('my-uuid');
+    // addEventListener
+    externalApp.addEventListener('connected', () => {
+        console.log('external app connected');
+    }, () => {
+        console.log('The registration was successful');
+    }, (reason, err) => {
+        console.log(`Error Message: ${err.message} Error Stack: ${err.stack}`);
+    });
+    // removeEventListener
+    const previousCallback = () => { };
+    externalApp.removeEventListener('connected', previousCallback, () => {
+        console.log('The unregistration was successful');
+    }, (reason, err) => {
+        console.log(`Error Message: ${err.message} Error Stack: ${err.stack}`);
+    });
+
+    // getInfo
+    externalApp.getInfo(info => {
+        console.log(info.parent.uuid, info.parent.name);
+    }, err => console.log(err));
+}
+
+function test_inter_application_bus() {
+    // addSubscribeListener
+    fin.desktop.InterApplicationBus.addSubscribeListener((uuid, topic, name) => {
+        console.log(`The application ${uuid} has subscribed to ${topic}`);
+    });
+    // addUnsubscribeListener
+    fin.desktop.InterApplicationBus.addUnsubscribeListener((uuid, topic, name) => {
+        console.log(`The application ${uuid} has unsubscribed to ${topic}`);
+    });
+    // removeSubscribeListener
+    const aRegisteredListener = (uuid: string, topic: string, name: string) => { };
+    fin.desktop.InterApplicationBus.removeSubscribeListener(aRegisteredListener);
+    // removeUnsubscribeListener
+    fin.desktop.InterApplicationBus.removeUnsubscribeListener(aRegisteredListener);
+    // publish
+    fin.desktop.InterApplicationBus.publish("a topic", {
+        field1: "value1",
+        field2: "value2"
+    });
+    // send
+    fin.desktop.InterApplicationBus.send("an application's uuid", "a topic", {
+        field1: "value1",
+        field2: "value2"
+    });
+    // subscribe
+    fin.desktop.InterApplicationBus.subscribe("*", "a topic", (message, uuid, name) => {
+        console.log(`The application ${uuid} sent this message: ${message}`);
+    });
+    // unsubscribe
+    const aRegisteredMessageListener = (message: any, senderUuid: string) => {
+        console.log(message, senderUuid);
+    };
+    fin.desktop.InterApplicationBus.unsubscribe("*", "a topic", aRegisteredMessageListener);
+}
+
+function test_notification() {
+    let notification: fin.OpenFinNotification;
+    // getCurrent
+    notification = fin.desktop.Notification.getCurrent();
+    // close
+    notification.close();
+    // sendMessage
+    notification = new fin.desktop.Notification({
+        duration: 10,
+        url: "http://localhost:5000/Account/Register",
+        message: "Hello",
+        onShow: () => { },
+        // onClose: () => { },
+        onDismiss: () => { },
+        // onClick: () => { },
+        onMessage: () => { },
+        onError: () => { }
+    });
+    // sendMessageToApplication
+    notification.sendMessageToApplication("some message");
+}
+
+function test_system() {
+    // addEventListener
+    fin.desktop.System.addEventListener('monitor-info-changed', event => {
+        console.log("The monitor information has changed to: ", event);
+    }, () => {
+        console.log("The registration was successful");
+    }, err => {
+        console.log("failure: " + err);
+    });
+    // clearCache
+    fin.desktop.System.clearCache({
+        cache: true,
+        cookies: true,
+        localStorage: true,
+        appcache: true,
+        userData: true
+    });
+    // deleteCacheOnExit
+    fin.desktop.System.deleteCacheOnExit(() => {
+        console.log("successful");
+    }, err => {
+        console.log("failure: " + err);
+    });
+    // downloadAsset
+    const dirAppAsset = {
+        src: 'http://local:8000/dir.zip',
+        alias: 'dirApp',
+        version: '1.23.24',
+        target: 'dir.bat',
+        args: ''
+    };
+    fin.desktop.System.downloadAsset(dirAppAsset, progress => {
+        const downloadedPercent = Math.floor((progress.downloadedBytes / progress.totalBytes) * 100);
+        console.log(`Downloaded ${downloadedPercent}%`);
+    }, p => {
+        console.log(`Downlod complete, can be found on ${p.path}`);
+        // lets launch our application asset.
+        // launchDirApp();
+    }, (reason, err) => {
+        console.log(reason, err);
+    });
+    // downloadRuntime
+    fin.desktop.System.downloadRuntime({ version: '9.61.31.56' }, progress => {
+        console.log(progress.downloadedBytes, progress.downloadedBytes);
+    }, () => console.log('download complete'), err => console.error(err));
+    // downloadPreloadScript
+    const preloadScripts = [
+        { url: 'http://whatever.com/script.js' }
+    ];
+    fin.desktop.System.downloadPreloadScripts(preloadScripts, info => {
+        const downloadInfo = info[0];
+        console.log(downloadInfo.success, downloadInfo.url, downloadInfo.error);
+    }, err => {
+        console.log(err);
+    });
+    // exit
+    fin.desktop.System.exit(() => {
+        console.log("successful");
+    }, err => {
+        console.log("failure: " + err);
+    });
+    // flushCookieStore
+    fin.desktop.System.flushCookieStore(() => {
+        console.log('successful');
+    }, err => {
+        console.log('failure', err);
+    });
+    // getAllApplications
+    fin.desktop.System.getAllApplications(applicationInfoList => {
+        applicationInfoList.forEach(applicationInfo => {
+            console.log("Showing information for application with uuid: "
+                + applicationInfo.uuid);
+            console.log("isRunning: ", applicationInfo.isRunning);
+        });
+    });
+    // getAllExternalApplications
+    fin.desktop.System.getAllExternalApplications(externalAppsInfoList => {
+        externalAppsInfoList.forEach(appInfo => {
+            console.log(`External app connected to the runtime with UUID ${appInfo.uuid}`);
+        });
+    });
+    // getAllWindows
+    fin.desktop.System.getAllWindows(windowInfoList => {
+        windowInfoList.forEach(windowInfo => {
+            console.log("Showing information for application with uuid: ", windowInfo.uuid);
+            console.log("Main window: ", windowInfo.mainWindow);
+            console.log("Child windows: ", windowInfo.childWindows);
+        });
+    });
+    // getAppAssetInfo
+    fin.desktop.System.getAppAssetInfo({ alias: 'myAppAsset' }, info => {
+        console.log(info.alias, info.args, info.mandatory, info.src, info.target, info.version);
+    }, err => console.log(err));
+    // getCommandLineArguments
+    fin.desktop.System.getCommandLineArguments(args => {
+        console.log("The command line arguments are " + args);
+    });
+    // getCookieInfo
+    fin.desktop.System.getCookies({ name: 'myCookie1'}, cookies => {
+        const cookie1 = cookies[0];
+        console.log(cookie1.name, cookie1.domain, cookie1.path);
+    }, err => console.log(err));
+    // getDeviceId
+    fin.desktop.System.getDeviceId(id => {
+        console.log("The id of the device is: " + id);
+    });
+    // getDeviceUserId
+    fin.desktop.System.getDeviceUserId(id => console.log(id), err => console.error(err));
+    // getEntityInfo
+    fin.desktop.System.getEntityInfo('uuid', 'name', info => {
+        console.log(info.entityType, info.name, info.uuid, info.parent.name, info.parent.uuid);
+    }, err => console.log(err));
+    // getEnvironmentVariable
+    fin.desktop.System.getEnvironmentVariable("APPDATA", variable => {
+        console.log("this is the APPDATA value", variable);
+    });
+    // getFocusedWindow
+    fin.desktop.System.getFocusedWindow(win => {
+        console.log(win.uuid, win.name);
+    }, err => console.log(err));
+    // getHostSpecs
+    fin.desktop.System.getHostSpecs(info => {
+        console.log(info);
+    }, error => {
+        console.log('There was an error:', error);
+    });
+    // getLog
+    fin.desktop.System.getLog('debug-2015-01-08-22-27-53.log', log => {
+        console.log(log);
+    });
+    // getLogList
+    fin.desktop.System.getLogList(logList => {
+        logList.forEach(logInfo => {
+            console.log(`The filename of the log is ${logInfo.name}, the size is ${logInfo.size}, and the date of creation is ${logInfo.date}`);
+        });
+    });
+    // getMinLogLevel
+    fin.desktop.System.getMinLogLevel(level => console.log(level), err => console.log(err));
+    // getMonitorInfo
+    fin.desktop.System.getMonitorInfo(monitorInfo => {
+        console.log("This object contains information about all monitors: ", monitorInfo);
+    });
+    // getMousePosition
+    fin.desktop.System.getMousePosition(mousePosition => {
+        console.log(`The mouse is located at left: ${mousePosition.left}, top: ${mousePosition.top}`);
+    });
+    // getProcessList
+    fin.desktop.System.getProcessList(list => {
+        list.forEach(process => {
+            console.log(`UUID: ${process.uuid}, Application Name: ${process.name}`);
+        });
+    });
+    // getProxySettings
+    fin.desktop.System.getProxySettings(proxy => {
+        console.log(proxy);
+    });
+    // getRvmInfo
+    fin.desktop.System.getRvmInfo(rvmInfoObject => {
+        console.log("RVM version:", rvmInfoObject.version);
+        console.log("RVM has been running since:", rvmInfoObject["start-time"]);
+    }, err => {
+        console.log("Failed to get rvm info, error message:", err);
+    });
+    // getVersion
+    fin.desktop.System.getVersion(version => {
+        console.log("The version is " + version);
+    });
+    // launchExternalProcess
+    fin.desktop.System.launchExternalProcess({
+        path: "notepad",
+        arguments: "",
+        listener(result) {
+            console.log('the exit code', result.exitCode);
+        }
+    }, payload => {
+        console.log('Success:', payload.uuid);
+    }, error => {
+        console.log('Error:', error);
+    });
+    // launch external process with an alias
+    fin.desktop.System.launchExternalProcess({
+        // Additionally note that the executable found in the zip file specified in appAssets
+        // will default to the one mentioned by appAssets.target
+        // If the the path below refers to a specific path it will override this default
+        alias: "myApp",
+        listener(result) {
+            console.log('the exit code', result.exitCode);
+        }
+    }, payload => {
+        console.log('Success:', payload.uuid);
+    }, error => {
+        console.log('Error:', error);
+    });
+    //
+    fin.desktop.System.launchExternalProcess({
+        alias: "myApp",
+        arguments: "e f g",
+        listener(result) {
+            console.log('the exit code', result.exitCode);
+        }
+    }, payload => {
+        console.log('Success:', payload.uuid);
+    }, error => {
+        console.log('Error:', error);
+    });
+    //
+    fin.desktop.System.launchExternalProcess({
+        path: "C:\Users\ExampleUser\AppData\Local\OpenFin\OpenFinRVM.exe",
+        arguments: "--version",
+        certificate: {
+            trusted: true,
+            subject: 'O=OpenFin INC., L=New York, S=NY, C=US',
+            thumbprint: '3c a5 28 19 83 05 fe 69 88 e6 8f 4b 3a af c5 c5 1b 07 80 5b'
+        },
+        listener(result) {
+            console.log('the exit code', result.exitCode);
+        }
+    }, payload => {
+        console.log('Success:', payload.uuid);
+    }, error => {
+        console.log('Error:', error);
+    });
+    // log
+    fin.desktop.System.log("info", "An example log message", () => {
+        console.log("message successfully logged");
+    }, err => {
+        console.log(err);
+    });
+    // monitorExternalProcess
+    fin.desktop.System.monitorExternalProcess({
+        pid: 2508,
+        listener(result) {
+            console.log('the exit code', result.exitCode);
+        }
+    }, payload => {
+        console.log("The process is now being monitored: ", payload.uuid);
+    }, error => {
+        console.log("Error:", error);
+    });
+    // openUrlWithBrowser
+    fin.desktop.System.openUrlWithBrowser("https://developer.openf.in/", () => {
+        console.log("successful");
+    }, err => {
+        console.log("failure: " + err);
+    });
+    // readRegistryValue
+    fin.desktop.System.readRegistryValue('HKEY_SOMETHING', 'HARDWARE\\SOMETHING', 'BootSomething', info => {
+        console.log(info.data, info.rootKey, info.subkey, info.type, info.value);
+    }, err => console.log(err));
+    // registerExternalConnection
+    fin.desktop.System.registerExternalConnection("remote-connection-uuid", (...args: any[]) => {
+        console.log(args);
+    });
+    // releaseExternalProcess
+    fin.desktop.System.launchExternalProcess({
+        path: "notepad",
+        arguments: "",
+        listener(result) {
+            console.log("The exit code", result.exitCode);
+        }
+    }, result => {
+        console.log("Result UUID is " + result.uuid);
+
+        // release it.
+        fin.desktop.System.releaseExternalProcess(result.uuid, () => {
+            console.log("Process has been unmapped!");
+        }, reason => {
+            console.log("failure: " + reason);
+        });
+    });
+    // removeEventListener
+    fin.desktop.System.removeEventListener("monitor-info-changed", (event) => {
+		console.log(event);
+	}, () => {
+        console.log("successful");
+    }, (err: any) => {
+        console.log("failure: " + err);
+    });
+    // setMinLogLevel
+    fin.desktop.System.setMinLogLevel("log level", () => console.log('Success'), (err: any) => console.error(err));
+    // showDeveloperTools
+    fin.desktop.System.showDeveloperTools("uuid", "name", () => {
+        console.log("successful");
+    }, err => {
+        console.log("failure: " + err);
+    });
+    // terminateExternalProcess
+    fin.desktop.System.launchExternalProcess({
+        // notepad is in the system's PATH
+        path: "notepad",
+        arguments: "",
+        listener(result) {
+            console.log("The exit code", result.exitCode);
+        }
+    }, result => {
+        console.log("Result UUID is " + result.uuid);
+
+        // Attempt to close the process. Terminate after 4 seconds if it
+        // has not done so.
+        fin.desktop.System.terminateExternalProcess(result.uuid, 4000, info => {
+            console.log("Termination result " + info.result);
+        }, reason => {
+            console.log("failure: " + reason);
+        });
+    });
+    // updateProxySettings
+    fin.desktop.System.updateProxySettings("type", "proxyAddress", 8080, () => {
+        console.log('success');
+    }, err => {
+        console.log(err);
+    });
+}
+
+function test_system_clipboard() {
+    // availableFormats
+    fin.desktop.System.Clipboard.availableFormats(null, formats => {
+        formats.forEach(format => console.log(`The format ${format} is available to read`));
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // readHtml
+    fin.desktop.System.Clipboard.readHtml(null, html => {
+        console.log(`This is the html from the clipboard: ${html}`);
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // readRtf
+    fin.desktop.System.Clipboard.readRtf(null, rtf => {
+        console.log(`This is the rtf from the clipboard: ${rtf}`);
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // readText
+    fin.desktop.System.Clipboard.readText(null, text => {
+        console.log(`This is the text from the clipboard: ${text}`);
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // write
+    fin.desktop.System.Clipboard.write({
+        text: 'Hello Text!',
+        html: '<h1>Hello Html</h1>',
+        rtf: 'Hello Rtf'
+    }, null, () => {
+        console.log('Success!!');
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // writeHtml
+    fin.desktop.System.Clipboard.writeHtml('<h1>Hello World</h1>', null, () => {
+        console.log('Success!!');
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // writeRtf
+    fin.desktop.System.Clipboard.writeRtf('Hello World!', null, () => {
+        console.log('Success!!');
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+    // writeText
+    fin.desktop.System.Clipboard.writeText('Hello World', null, () => {
+        console.log('Success!!');
+    }, (reason, err) => {
+        console.log(`Error while reading the clipboard Message: ${err.message}, Stack: ${err.stack}`);
+    });
+}
+
+function test_window() {
+    let finWindow: fin.OpenFinWindow;
+    // constructor
+    finWindow = new fin.desktop.Window({
+        name: "childWindow",
+        url: "child.html",
+        defaultWidth: 320,
+        defaultHeight: 320,
+        defaultTop: 10,
+        defaultLeft: 300,
+        frame: false,
+        resizable: false,
+        state: "normal"
+    }, () => {
+        const _win = finWindow.getNativeWindow();
+        _win.addEventListener("DOMContentLoaded", () => { finWindow.show(); });
+    }, error => {
+        console.log("Error creating window:", error);
+    });
+    // getCurrent
+    finWindow = fin.desktop.Window.getCurrent();
+    // getNativeWindow
+    let nativeWindow: Window;
+    nativeWindow = finWindow.getNativeWindow();
+    // getParentApplication
+    let parentApp: fin.OpenFinApplication;
+    parentApp = finWindow.getParentApplication();
+    // getParentWindow
+    let parentFinWindow: fin.OpenFinWindow;
+    parentFinWindow = finWindow.getParentWindow();
+    // wrap
+    finWindow = fin.desktop.Window.wrap("uuid", "name");
+    // addEventListener
+    finWindow.addEventListener("bounds-changed", event => {
+        console.log("The window has been moved or resized");
+    }, () => {
+        console.log("The registration was successful");
+    }, reason => {
+        console.log("failure:" + reason);
+    });
+    // animate
+    finWindow.animate({
+        opacity: {
+            opacity: 0.15,
+            duration: 1000
+        },
+        position: {
+            left: 10,
+            top: 10,
+            duration: 3000
+        }
+    }, {
+            interrupt: false
+        }, evt => {
+            // Callback will only fire after both "opacity" and "position" have finished animating.
+        });
+    // authenticate
+    finWindow.addEventListener('auth-requested', evt => {
+        finWindow.authenticate('userName', 'P@assw0rd', () => { }, (reason, err) => {
+            console.log("failure:", err);
+        });
+    });
+    // blur
+    finWindow.blur();
+    // bringToFront
+    finWindow.bringToFront();
+    // close
+    finWindow.close();
+    // disableFrame
+    finWindow.disableFrame();
+    // enableFrame
+    finWindow.enableFrame();
+    // flash
+    finWindow.flash();
+    // focus
+    finWindow.focus();
+    // getBounds
+    finWindow.getBounds(bounds => {
+        console.log(`top: ${bounds.top} left: ${bounds.left} height: ${bounds.height} width: ${bounds.width}`);
+    });
+    // getOptions
+    finWindow.getOptions(options => {
+        console.log(options);
+    });
+    // getSnapshot
+    finWindow.getSnapshot(base64Snapshot => {
+        console.log("data:image/png;base64," + base64Snapshot);
+    });
+    // getState
+    finWindow.getState(state => {
+        console.log("state: " + state);
+    });
+    // getZoomLevel
+    finWindow.getZoomLevel(level => {
+        console.log("zoom level: " + level);
+    }, error => {
+        console.log('error:', error);
+    });
+    // hide
+    finWindow.hide();
+    // isShowing
+    finWindow.isShowing(showing => {
+        console.log("the window is " + (showing ? "showing" : "hidden"));
+    });
+    // joinGroup
+    let secondWindow = new fin.desktop.Window({
+        url: "http://www.openfin.co",
+        name: "secondWindow",
+        autoShow: true
+    }, () => {
+        // When mainWindow moves or is moved, secondWindow moves by the same amount
+        secondWindow.joinGroup(finWindow);
+    });
+    // leaveGroup
+    secondWindow = new fin.desktop.Window({
+        url: "http://www.openfin.co",
+        name: "secondWindow",
+        autoShow: true
+    }, () => {
+        // When finWindow moves or is moved, secondWindow moves by the same amount
+        secondWindow.joinGroup(finWindow, () => {
+            // once we are in the group, lets leave it.
+            secondWindow.leaveGroup();
+        });
+    });
+    // maximize
+    finWindow.maximize();
+    // mergeGroups
+    {
+        const finWindowOne = new fin.desktop.Window({
+            url: "http://www.openfin.co",
+            name: "finWindowOne",
+            autoShow: true
+        });
+        const finWindowTwo = new fin.desktop.Window({
+            url: "http://www.openfin.co",
+            name: "finWindowTwo",
+            autoShow: true
+        });
+        const finWindowThree = new fin.desktop.Window({
+            url: "http://www.openfin.co",
+            name: "finWindowThree",
+            autoShow: true
+        });
+        const finWindowFour = new fin.desktop.Window({
+            url: "http://www.openfin.co",
+            name: "finWindowFour",
+            autoShow: true
+        });
+        // When finWindowOne moves or is moved, finWindowTwo moves by the same amount
+        finWindowOne.joinGroup(finWindowTwo);
+        // When finWindowThree moves or is moved, finWindowFour moves by the same amount
+        finWindowThree.joinGroup(finWindowFour);
+        // finWindowOne, finWindowTwo, finWindowThree, and finWindowFour now move together in the same group
+        finWindowOne.mergeGroups(finWindowThree);
+    }
+    // minimize
+    finWindow.minimize();
+    // moveBy
+    finWindow.moveBy(10, 10);
+    // moveTo
+    finWindow.moveTo(100, 200);
+    // removeEventListener
+    finWindow.removeEventListener("bounds-changed", event => {
+		console.log(event);
+	});
+    // resizeBy
+    finWindow.resizeBy(10, 10, "top-right");
+    // resizeTo
+    finWindow.resizeTo(10, 10, "top-right");
+    // restore
+    finWindow.restore();
+    // setAsForeground
+    finWindow.setAsForeground();
+    // setBounds
+    finWindow.setBounds(100, 200, 400, 400);
+    // setZoomLevel
+    finWindow.setZoomLevel(10);
+    // show
+    finWindow.show();
+    // showAt
+    finWindow.showAt(10, 10, false);
+    // stopFlashing
+    finWindow.stopFlashing();
+    // updateOptions
+    finWindow.updateOptions({
+        frame: false,
+        maxWidth: 500
+    });
+}
+
+function test_frame() {
+    // wrap
+    const frame = fin.desktop.Frame.wrap('uuid', 'name');
+    // getCurrent
+    const currentFrame = fin.desktop.Frame.getCurrent();
+    // addEventlistener
+    frame.addEventListener('event', () => console.log('on event'), () => console.log('success'), err => console.error(err));
+    // removeEventListener
+    frame.removeEventListener('event', () => console.log('on event'), () => console.log('success'), err => console.error(err));
+    // getInfo
+    frame.getInfo(info => {
+        console.log(info.uuid, info.name, info.entityType, info.parent.uuid, info.parent.name);
+    }, err => console.error(err));
+    // getParentWindow
+    frame.getParentWindow(parent => {
+        console.log(parent.uuid, parent.name, parent.entityType, parent.parent.uuid, parent.parent.name);
+    }, err => console.error(err));
+}
diff --git a/types/openfin/v34/tsconfig.json b/types/openfin/v34/tsconfig.json
new file mode 100644
index 0000000000..c446671530
--- /dev/null
+++ b/types/openfin/v34/tsconfig.json
@@ -0,0 +1,86 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "openfin": [
+                "openfin/v34"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "openfin-tests.ts",
+        "_v2/api/application/application.d.ts",
+        "_v2/api/base.d.ts",
+        "_v2/api/clipboard/clipboard.d.ts",
+        "_v2/api/clipboard/write-request.d.ts",
+        "_v2/api/external-application/external-application.d.ts",
+        "_v2/api/fin.d.ts",
+        "_v2/api/frame/frame.d.ts",
+        "_v2/api/global-hotkey/index.d.ts",
+        "_v2/api/interappbus/channel/channel.d.ts",
+        "_v2/api/interappbus/channel/client.d.ts",
+        "_v2/api/interappbus/channel/index.d.ts",
+        "_v2/api/interappbus/channel/provider.d.ts",
+        "_v2/api/interappbus/interappbus.d.ts",
+        "_v2/api/notification/notification.d.ts",
+        "_v2/api/system/application.d.ts",
+        "_v2/api/system/clearCacheOption.d.ts",
+        "_v2/api/system/cookie.d.ts",
+        "_v2/api/system/crashReporterOption.d.ts",
+        "_v2/api/system/download-asset.d.ts",
+        "_v2/api/system/download-preload.d.ts",
+        "_v2/api/system/entity.d.ts",
+        "_v2/api/system/external-process.d.ts",
+        "_v2/api/system/host-specs.d.ts",
+        "_v2/api/system/log.d.ts",
+        "_v2/api/system/monitor.d.ts",
+        "_v2/api/system/point.d.ts",
+        "_v2/api/system/process.d.ts",
+        "_v2/api/system/proxy.d.ts",
+        "_v2/api/system/registry-info.d.ts",
+        "_v2/api/system/runtime-info.d.ts",
+        "_v2/api/system/rvm.d.ts",
+        "_v2/api/system/system.d.ts",
+        "_v2/api/system/window.d.ts",
+        "_v2/api/window/bounds-changed.d.ts",
+        "_v2/api/window/bounds.d.ts",
+        "_v2/api/window/transition.d.ts",
+        "_v2/api/window/window.d.ts",
+        "_v2/environment/environment.d.ts",
+        "_v2/environment/node-env.d.ts",
+        "_v2/environment/openfin-env.d.ts",
+        "_v2/environment/openfin-renderer-api.d.ts",
+        "_v2/identity.d.ts",
+        "_v2/launcher/launcher.d.ts",
+        "_v2/launcher/nix-launch.d.ts",
+        "_v2/launcher/util.d.ts",
+        "_v2/launcher/win-launch.d.ts",
+        "_v2/main.d.ts",
+        "_v2/of-main.d.ts",
+        "_v2/transport/elipc.d.ts",
+        "_v2/transport/port-discovery.d.ts",
+        "_v2/transport/transport-errors.d.ts",
+        "_v2/transport/transport.d.ts",
+        "_v2/transport/websocket.d.ts",
+        "_v2/transport/wire.d.ts",
+        "_v2/util/normalize-config.d.ts",
+        "_v2/util/promises.d.ts",
+        "_v2/util/ref-counter.d.ts"
+    ]
+}
diff --git a/types/openfin/v34/tslint.json b/types/openfin/v34/tslint.json
new file mode 100644
index 0000000000..f95a4974aa
--- /dev/null
+++ b/types/openfin/v34/tslint.json
@@ -0,0 +1,18 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "max-line-length": false,
+        "no-redundant-jsdoc-2": false,
+        "jsdoc-format": false,
+        "no-var-keyword": false,
+        "whitespace": false,
+        "semicolon": false,
+        "strict-export-declare-modifiers": false,
+        "array-type": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "ban-types": false,
+        "callable-types": false,
+        "no-const-enum": false
+    }
+}
diff --git a/types/openjscad/index.d.ts b/types/openjscad/index.d.ts
index 56026967a2..4a4f84c5b4 100644
--- a/types/openjscad/index.d.ts
+++ b/types/openjscad/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/joostn/OpenJsCad
 // Definitions by: Dan Marshall <https://github.com/danmarshall>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
 
 /// <reference types="three" />
 
diff --git a/types/openjscad/tslint.json b/types/openjscad/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/openjscad/tslint.json
+++ b/types/openjscad/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/openpgp/index.d.ts b/types/openpgp/index.d.ts
index b671f8484e..81b28c36a8 100644
--- a/types/openpgp/index.d.ts
+++ b/types/openpgp/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for openpgp 4.0.0
+// Type definitions for openpgp 4.0.1
 // Project: http://openpgpjs.org/
 // Definitions by: Guillaume Lacasa <https://blog.lacasa.fr>
 //                 Errietta Kostala <https://github.com/errietta>
 //                 Daniel Montesinos <https://github.com/damonpam>
+//                 Carlos Villavicencio <https://github.com/po5i>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export as namespace openpgp;
@@ -269,7 +270,17 @@ export namespace cleartext {
         verify(keys: Array<key.Key>): Array<VerifiedMessage>;
     }
 
-    function readArmored(armoredText: string): CleartextMessage;
+    /** creates new message object from binary data
+        @param bytes
+     */
+    function fromBinary(bytes: string): CleartextMessage;
+
+    /** creates new message object from text
+        @param text
+     */
+    function fromText(text: string): CleartextMessage;
+
+    function readArmored(armoredText: string): Promise<CleartextMessage>;
 }
 
 export namespace config {
@@ -514,7 +525,7 @@ export namespace key {
 
         @param armoredText text to be parsed
      */
-    function readArmored(armoredText: string): KeyResult;
+    function readArmored(armoredText: string): Promise<KeyResult>;
 }
 
 export namespace message {
@@ -580,7 +591,7 @@ export namespace message {
 
         @param armoredText text to be parsed
      */
-    function readArmored(armoredText: string): Message;
+    function readArmored(armoredText: string): Promise<Message>;
 
     /**
      * reads an OpenPGP message as byte array and returns a message object
diff --git a/types/openpgp/openpgp-tests.ts b/types/openpgp/openpgp-tests.ts
index bb34505055..e0495520e4 100644
--- a/types/openpgp/openpgp-tests.ts
+++ b/types/openpgp/openpgp-tests.ts
@@ -19,27 +19,51 @@ openpgp.generateKey(options).then(function (keypair) {
 
 
 var spubkey = '-----BEGIN PGP PUBLIC KEY BLOCK ... END PGP PUBLIC KEY BLOCK-----';
-var publicKey = openpgp.key.readArmored(spubkey);
 
-openpgp.encrypt({
-    message: openpgp.message.fromText('Hello, World!'),
-    publicKeys: publicKey.keys
-}).then(function (pgpMessage) {
+openpgp.key.readArmored(spubkey)
+    .then(function (publicKey) {
+        return {
+            message: openpgp.message.fromText('Hello, World!'),
+            publicKeys: publicKey.keys
+        };
+    })
+    .then(openpgp.encrypt)
+    .then(function (pgpMessage) {
+        // success
+    })
+    .catch(function (error) {
+        // failure
+    });
+
+var sprivkey = '-----BEGIN PGP PRIVATE KEY BLOCK ... END PGP PRIVATE KEY BLOCK-----';
+var pgpMessageStr = '-----BEGIN PGP MESSAGE ... END PGP MESSAGE-----';
+
+openpgp.message.readArmored(pgpMessageStr).then(function(pgpMessage) {
+    const options = {
+        message: pgpMessage
+    };
+    return openpgp.decrypt(options);
+}).then(function (plaintext) {
     // success
 }).catch(function (error) {
     // failure
 });
 
-var sprivkey = '-----BEGIN PGP PRIVATE KEY BLOCK ... END PGP PRIVATE KEY BLOCK-----';
-var privateKey = openpgp.key.readArmored(sprivkey).keys[0];
-privateKey.decrypt('passphrase');
+const promises: [Promise<openpgp.key.KeyResult>, Promise<openpgp.message.Message>] = [
+    openpgp.key.readArmored(sprivkey),
+    openpgp.message.readArmored(pgpMessageStr)
+];
 
-var pgpMessageStr = '-----BEGIN PGP MESSAGE ... END PGP MESSAGE-----';
-var pgpMessage = openpgp.message.readArmored(pgpMessageStr);
-
-openpgp.decrypt({
-    privateKeys: privateKey,
-    message: pgpMessage
+Promise.all(promises).then(function (values) {
+    const keyObject: openpgp.key.KeyResult = values[0];
+    const pgpMessage: openpgp.message.Message = values[1];
+    const privateKey = keyObject.keys[0];
+    privateKey.decrypt('passphrase');
+    const options = {
+        privateKeys: privateKey,
+        message: pgpMessage
+    };
+    return openpgp.decrypt(options);
 }).then(function (plaintext) {
     // success
 }).catch(function (error) {
diff --git a/types/opossum/index.d.ts b/types/opossum/index.d.ts
new file mode 100644
index 0000000000..e79a9c4bba
--- /dev/null
+++ b/types/opossum/index.d.ts
@@ -0,0 +1,75 @@
+// Type definitions for opossum 1.9
+// Project: https://github.com/nodeshift/opossum
+// Definitions by: Quinn Langille <https://github.com/quinnlangille>
+//                 Willy Zhang <https://github.com/merufm>
+//                 Lance Ball <https://github.com/lance>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="node"/>
+import * as stream from "stream";
+import { EventEmitter } from "events";
+
+export type Action = (...args: any[]) => any;
+
+export class CircuitBreaker extends EventEmitter {
+    clearCache(): void;
+    close(): void;
+    disable(): void;
+    enable(): void;
+    fallback(func?: (...args: any[]) => any): this;
+    fire(...args: any[]): Promise<any>;
+    healthCheck(func: (...args: any[]) => Promise<any>, interval?: number): Promise<any>;
+    on(event: string | symbol, listener: (...args: any[]) => void): this;
+    open(): void;
+    promisify(action: Action): Promise<Action>;
+    stats(): stream.Transform;
+
+    static readonly name: symbol;
+    static readonly group: symbol;
+    static readonly pendingClose: symbol;
+    static readonly closed: symbol;
+    static readonly opened: symbol;
+    static readonly halfOpen: symbol;
+    static readonly status: symbol;
+    static readonly hystrixStats: symbol;
+    static readonly enabled: symbol;
+    static readonly warmUp: symbol;
+    static readonly volumeThreshold: symbol;
+}
+
+export enum Event {
+    cacheHit = 'cacheHit',
+    cacheMiss = 'cacheMiss',
+    close = 'close',
+    failure = 'failure',
+    fallback = 'fallback',
+    fire = 'fire',
+    halfOpen = 'halfOpen',
+    healthCheckFailed = 'health-check-failed',
+    open = 'open',
+    reject = 'reject',
+    semaphoreLocked = 'semaphore-locked',
+    success = 'success',
+    timeout = 'timeout'
+}
+
+export interface CircuitBreakerOptions {
+    timeout?: number;
+    maxFailures?: number;
+    resetTimeout?: number;
+    rollingCountTimeout?: number;
+    rollingCountBuckets?: number;
+    name?: string;
+    rollingPercentilesEnabled?: boolean;
+    capacity?: number;
+    errorThresholdPercentage?: number;
+    enabled?: boolean;
+    allowWarmUp?: boolean;
+    volumeThreshold?: number;
+}
+
+export default function circuitBreaker(
+    action: Action,
+    options?: CircuitBreakerOptions
+): CircuitBreaker;
diff --git a/types/opossum/opossum-tests.ts b/types/opossum/opossum-tests.ts
new file mode 100644
index 0000000000..9ec5425416
--- /dev/null
+++ b/types/opossum/opossum-tests.ts
@@ -0,0 +1,48 @@
+import { Transform } from "stream";
+import circuitBreaker, { CircuitBreaker, CircuitBreakerOptions } from "opossum";
+
+const _blank = () => {};
+const async_blank = () => new Promise(resolve => null);
+
+const testNoOptions: CircuitBreaker = circuitBreaker(_blank);
+
+const options: CircuitBreakerOptions = {
+    timeout: 1,
+    maxFailures: 1,
+    resetTimeout: 1,
+    rollingCountTimeout: 1,
+    rollingCountBuckets: 1,
+    name: "testing",
+    rollingPercentilesEnabled: true,
+    capacity: 1,
+    errorThresholdPercentage: 1,
+    enabled: true,
+    allowWarmUp: true,
+    volumeThreshold: 1
+};
+
+const testWithOptions: CircuitBreaker = circuitBreaker(_blank, options);
+const shouldBeAPromise: Promise<any> = testWithOptions.promisify(_blank);
+const shouldBeATransformStream: Transform = testWithOptions.stats();
+
+const healthCheck: Promise<any> = testWithOptions.healthCheck(async_blank, 8);
+const shouldBeACircuitBreaker: CircuitBreaker = testWithOptions.fallback();
+const shouldBeAPromiseGeneric: Promise<any> = testWithOptions.fire();
+
+const shouldBeVoid = (): void => testWithOptions.enable();
+const shouldBeVoid2 = (): void => testWithOptions.disable();
+const shouldBeVoid3 = (): void => testWithOptions.close();
+const shouldBeVoid4 = (): void => testWithOptions.open();
+const shouldBeVoid5 = (): void => testWithOptions.clearCache();
+
+const shouldBeSymbol: symbol = CircuitBreaker.name;
+const shouldBeSymbol2: symbol = CircuitBreaker.group;
+const shouldBeSymbol3: symbol = CircuitBreaker.pendingClose;
+const shouldBeSymbol4: symbol = CircuitBreaker.closed;
+const shouldBeSymbol5: symbol = CircuitBreaker.opened;
+const shouldBeSymbol6: symbol = CircuitBreaker.halfOpen;
+const shouldBeSymbol7: symbol = CircuitBreaker.hystrixStats;
+const shouldBeSymbol8: symbol = CircuitBreaker.status;
+const shouldBeSymbol9: symbol = CircuitBreaker.enabled;
+const shouldBeSymbol10: symbol = CircuitBreaker.warmUp;
+const shouldBeSymbol11: symbol = CircuitBreaker.volumeThreshold;
diff --git a/types/opossum/tsconfig.json b/types/opossum/tsconfig.json
new file mode 100644
index 0000000000..70edefe671
--- /dev/null
+++ b/types/opossum/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "target": "es5",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "opossum-tests.ts"
+    ]
+}
diff --git a/types/opossum/tslint.json b/types/opossum/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/opossum/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/optics-agent/index.d.ts b/types/optics-agent/index.d.ts
index 2c8ae46283..813f528af4 100644
--- a/types/optics-agent/index.d.ts
+++ b/types/optics-agent/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/apollostack/optics-agent-js#readme
 // Definitions by: Crevil <https://github.com/crevil>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import { GraphQLSchema } from "graphql";
 import { Request, Response } from "express";
diff --git a/types/optics-agent/tsconfig.json b/types/optics-agent/tsconfig.json
index 046bfaad81..fe309dafd3 100644
--- a/types/optics-agent/tsconfig.json
+++ b/types/optics-agent/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "esnext.asynciterable"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/oracle__oraclejet/index.d.ts b/types/oracle__oraclejet/index.d.ts
new file mode 100644
index 0000000000..dd99802419
--- /dev/null
+++ b/types/oracle__oraclejet/index.d.ts
@@ -0,0 +1,60 @@
+// Type definitions for oraclejet 6.0
+// Project: https://github.com/oracle/oraclejet
+// Definitions by: Naizam Olakara <https://github.com/nolakara>
+//                 Jing Wu <https://github.com/jingxwu>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+import { Model, Collection } from './ojmodel';
+export namespace oj {
+    let revision: string;
+    let version: string;
+    function ajax(settings?: object): object;
+    function sync(method: string, model: Model | Collection, options?: object): object;
+}
+export interface baseComponent<SP extends baseComponentSettableProperties = baseComponentSettableProperties> extends JetElement<SP> {
+    translations: object | null;
+    onTranslationsChanged: ((event: JetElementCustomEvent<baseComponent<SP>["translations"]>) => any) | null;
+    addEventListener<T extends keyof baseComponentEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: baseComponentEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof baseComponentSettableProperties>(property: T): baseComponent<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof baseComponentSettableProperties>(property: T, value: baseComponentSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, baseComponentSettableProperties>): void;
+    setProperties(properties: baseComponentSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface baseComponentEventMap<SP extends baseComponentSettableProperties = baseComponentSettableProperties> extends HTMLElementEventMap {
+    'translationsChanged': JetElementCustomEvent<baseComponent<SP>["translations"]>;
+}
+export interface baseComponentSettableProperties extends JetSettableProperties {
+    translations: object | null;
+}
+export interface baseComponentSettablePropertiesLenient extends Partial<baseComponentSettableProperties> {
+    [key: string]: any;
+}
+export interface GenericSetter<SP> {
+    set<K extends keyof SP>(propertyName: K, propertyValue: SP[K]): void;
+    unset(propertyName: keyof SP): void;
+}
+export interface JetElement<SP> extends HTMLElement, GenericSetter<SP> {
+    set<K extends keyof SP>(propertyName: K, propertyValue: SP[K]): void;
+    unset(propertyName: keyof SP): void;
+}
+export interface JetElementCustomEvent<V> extends CustomEvent<{
+    value: V;
+    previousValue: V;
+    updatedFrom: 'external' | 'internal';
+    subproperty: {
+        path: string;
+        value: any;
+        previousValue: any;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}> {
+}
+// This interfaces is empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface JetSettableProperties {
+}
+export type JetSetPropertyType<K, U extends JetSettableProperties> = K extends keyof U ? U[K] : any;
diff --git a/types/oracle__oraclejet/ojaccordion/index.d.ts b/types/oracle__oraclejet/ojaccordion/index.d.ts
new file mode 100644
index 0000000000..15d843d90e
--- /dev/null
+++ b/types/oracle__oraclejet/ojaccordion/index.d.ts
@@ -0,0 +1,66 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojAccordion extends baseComponent<ojAccordionSettableProperties> {
+    expanded: Array<{
+        id?: string;
+        index?: number;
+    }> | null;
+    multiple: boolean;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojAccordion["expanded"]>) => any) | null;
+    onMultipleChanged: ((event: JetElementCustomEvent<ojAccordion["multiple"]>) => any) | null;
+    onOjBeforeCollapse: ((event: ojAccordion.ojBeforeCollapse) => any) | null;
+    onOjBeforeExpand: ((event: ojAccordion.ojBeforeExpand) => any) | null;
+    onOjCollapse: ((event: ojAccordion.ojCollapse) => any) | null;
+    onOjExpand: ((event: ojAccordion.ojExpand) => any) | null;
+    addEventListener<T extends keyof ojAccordionEventMap>(type: T, listener: (this: HTMLElement, ev: ojAccordionEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojAccordionSettableProperties>(property: T): ojAccordion[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojAccordionSettableProperties>(property: T, value: ojAccordionSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojAccordionSettableProperties>): void;
+    setProperties(properties: ojAccordionSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export namespace ojAccordion {
+    interface ojBeforeCollapse extends CustomEvent<{
+        toCollapsible: Element;
+        fromCollapsible: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand extends CustomEvent<{
+        toCollapsible: Element;
+        fromCollapsible: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse extends CustomEvent<{
+        toCollapsible: Element;
+        fromCollapsible: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand extends CustomEvent<{
+        toCollapsible: Element;
+        fromCollapsible: Element;
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojAccordionEventMap extends baseComponentEventMap<ojAccordionSettableProperties> {
+    'ojBeforeCollapse': ojAccordion.ojBeforeCollapse;
+    'ojBeforeExpand': ojAccordion.ojBeforeExpand;
+    'ojCollapse': ojAccordion.ojCollapse;
+    'ojExpand': ojAccordion.ojExpand;
+    'expandedChanged': JetElementCustomEvent<ojAccordion["expanded"]>;
+    'multipleChanged': JetElementCustomEvent<ojAccordion["multiple"]>;
+}
+export interface ojAccordionSettableProperties extends baseComponentSettableProperties {
+    expanded: string[] | number[] | Array<{
+        id?: string;
+        index?: number;
+    }> | null;
+    multiple: boolean;
+}
+export interface ojAccordionSettablePropertiesLenient extends Partial<ojAccordionSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojanimation/index.d.ts b/types/oracle__oraclejet/ojanimation/index.d.ts
new file mode 100644
index 0000000000..e4b1d6dbc2
--- /dev/null
+++ b/types/oracle__oraclejet/ojanimation/index.d.ts
@@ -0,0 +1,111 @@
+export function collapse(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    direction?: string;
+    startMaxHeight?: string;
+    endMaxHeight?: string;
+    startMaxWidth?: string;
+    endMaxWidth?: string;
+}): Promise<boolean>;
+export function expand(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    direction?: string;
+    startMaxHeight?: string;
+    endMaxHeight?: string;
+    startMaxWidth?: string;
+    endMaxWidth?: string;
+}): Promise<boolean>;
+export function fadeIn(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    startOpacity?: number;
+    endOpacity?: number;
+}): Promise<boolean>;
+export function fadeOut(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    startOpacity?: number;
+    endOpacity?: number;
+}): Promise<boolean>;
+export function flipIn(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    axis?: string;
+    startAngle?: string;
+    endAngle?: string;
+    backfaceVisibility?: string;
+    perspective?: string;
+    transformOrigin?: string;
+    flipTarget?: string;
+}): Promise<boolean>;
+export function flipOut(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    axis?: string;
+    startAngle?: string;
+    endAngle?: string;
+    backfaceVisibility?: string;
+    perspective?: string;
+    transformOrigin?: string;
+    flipTarget?: string;
+}): Promise<boolean>;
+export function ripple(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    offsetX?: string;
+    offsetY?: string;
+    color?: string;
+    diameter?: string;
+    startOpacity?: number;
+    endOpacity?: number;
+}): Promise<boolean>;
+export function slideIn(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    direction?: string;
+    offsetX?: string;
+    offsetY?: string;
+}): Promise<boolean>;
+export function slideOut(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    direction?: string;
+    offsetX?: string;
+    offsetY?: string;
+}): Promise<boolean>;
+export function zoomIn(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    axis?: string;
+    transformOrigin?: string;
+}): Promise<boolean>;
+export function zoomOut(element: Element, options?: {
+    delay?: string;
+    duration?: string;
+    timingFunction?: string;
+    persist?: string;
+    axis?: string;
+    transformOrigin?: string;
+}): Promise<boolean>;
+// tslint:disable-next-line interface-over-type-literal
+export type AnimationMethods = 'collapse' | 'expand' | 'fadeIn' | 'fadeOut' | 'flipIn' | 'flipOut' | 'ripple' | 'slideIn' | 'slideOut' | 'zoomIn' | 'zoomOut';
diff --git a/types/oracle__oraclejet/ojarraydataprovider/index.d.ts b/types/oracle__oraclejet/ojarraydataprovider/index.d.ts
new file mode 100644
index 0000000000..884920c03e
--- /dev/null
+++ b/types/oracle__oraclejet/ojarraydataprovider/index.d.ts
@@ -0,0 +1,27 @@
+import { DataProvider, SortCriterion, FetchByKeysParameters, ContainsKeysResults, FetchByKeysResults, FetchByOffsetParameters, FetchByOffsetResults, FetchListResult,
+   FetchListParameters } from '../ojdataprovider';
+declare class ArrayDataProvider<K, D> implements DataProvider<K, D> {
+    constructor(data: any[] | (() => any[]), options?: {
+        sortComparators?: ArrayDataProvider.SortComparators<D>;
+        implicitSort?: Array<SortCriterion<D>>;
+        keys?: any[] | (() => any[]);
+        idAttribute?: string | string[];
+        keyAttributes?: string | string[];
+    });
+    addEventListener(eventType: string, listener: EventListener): void;
+    containsKeys(params: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    dispatchEvent(evt: Event): boolean;
+    fetchByKeys(params: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(params: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(params?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName?: string): any;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+    removeEventListener(eventType: string, listener: EventListener): void;
+}
+export = ArrayDataProvider;
+declare namespace ArrayDataProvider {
+    interface SortComparators<D> {
+        comparators: Map<keyof D, (a: any, b: any) => number>;
+    }
+}
diff --git a/types/oracle__oraclejet/ojarraytreedataprovider/index.d.ts b/types/oracle__oraclejet/ojarraytreedataprovider/index.d.ts
new file mode 100644
index 0000000000..452b47a910
--- /dev/null
+++ b/types/oracle__oraclejet/ojarraytreedataprovider/index.d.ts
@@ -0,0 +1,25 @@
+import { DataProvider, SortCriterion, FetchByKeysParameters, ContainsKeysResults, FetchByKeysResults, FetchByOffsetParameters, FetchByOffsetResults, FetchListResult,
+   FetchListParameters } from '../ojdataprovider';
+import ArrayDataProvider = require('../ojarraydataprovider');
+import TreeDataProvider = require('../ojtreedataprovider');
+declare class ArrayTreeDataProvider<K, D> implements TreeDataProvider<K, D> {
+    constructor(data: any[] | (() => any[]), options?: {
+        sortComparators?: ArrayDataProvider.SortComparators<D>;
+        implicitSort?: Array<SortCriterion<D>>;
+        keyAttributes?: string | string[];
+        keyAttributesScope?: 'global' | 'siblings';
+        childrenAttribute?: string;
+    });
+    addEventListener(eventType: string, listener: EventListener): void;
+    containsKeys(params: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    dispatchEvent(evt: Event): boolean;
+    fetchByKeys(params: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(params: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(params?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName?: string): any;
+    getChildDataProvider(parentKey: any): ArrayTreeDataProvider<K, D>;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+    removeEventListener(eventType: string, listener: EventListener): void;
+}
+export = ArrayTreeDataProvider;
diff --git a/types/oracle__oraclejet/ojattributegrouphandler/index.d.ts b/types/oracle__oraclejet/ojattributegrouphandler/index.d.ts
new file mode 100644
index 0000000000..3442581069
--- /dev/null
+++ b/types/oracle__oraclejet/ojattributegrouphandler/index.d.ts
@@ -0,0 +1,23 @@
+export class AttributeGroupHandler {
+    constructor(matchRules?: {
+        [propName: string]: any;
+    });
+    addMatchRule(category: string, attributeValue: any): void;
+    getCategoryAssignments(): Array<{
+        [propName: string]: any;
+    }>;
+    getValue(category: string): any;
+    getValueRamp(): any[];
+}
+export class ColorAttributeGroupHandler extends AttributeGroupHandler {
+    constructor(matchRules?: {
+        [propName: string]: any;
+    });
+    getValueRamp(): string[];
+}
+export class ShapeAttributeGroupHandler extends AttributeGroupHandler {
+    constructor(matchRules?: {
+        [propName: string]: any;
+    });
+    getValueRamp(): string[];
+}
diff --git a/types/oracle__oraclejet/ojavatar/index.d.ts b/types/oracle__oraclejet/ojavatar/index.d.ts
new file mode 100644
index 0000000000..ed82db0a5e
--- /dev/null
+++ b/types/oracle__oraclejet/ojavatar/index.d.ts
@@ -0,0 +1,29 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojAvatar extends JetElement<ojAvatarSettableProperties> {
+    initials: string;
+    size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    src: string;
+    onInitialsChanged: ((event: JetElementCustomEvent<ojAvatar["initials"]>) => any) | null;
+    onSizeChanged: ((event: JetElementCustomEvent<ojAvatar["size"]>) => any) | null;
+    onSrcChanged: ((event: JetElementCustomEvent<ojAvatar["src"]>) => any) | null;
+    addEventListener<T extends keyof ojAvatarEventMap>(type: T, listener: (this: HTMLElement, ev: ojAvatarEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojAvatarSettableProperties>(property: T): ojAvatar[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojAvatarSettableProperties>(property: T, value: ojAvatarSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojAvatarSettableProperties>): void;
+    setProperties(properties: ojAvatarSettablePropertiesLenient): void;
+}
+export interface ojAvatarEventMap extends HTMLElementEventMap {
+    'initialsChanged': JetElementCustomEvent<ojAvatar["initials"]>;
+    'sizeChanged': JetElementCustomEvent<ojAvatar["size"]>;
+    'srcChanged': JetElementCustomEvent<ojAvatar["src"]>;
+}
+export interface ojAvatarSettableProperties extends JetSettableProperties {
+    initials: string;
+    size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    src: string;
+}
+export interface ojAvatarSettablePropertiesLenient extends Partial<ojAvatarSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojbutton/index.d.ts b/types/oracle__oraclejet/ojbutton/index.d.ts
new file mode 100644
index 0000000000..542f5eec9e
--- /dev/null
+++ b/types/oracle__oraclejet/ojbutton/index.d.ts
@@ -0,0 +1,165 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojButton<SP extends ojButtonSettableProperties = ojButtonSettableProperties> extends baseComponent<SP> {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    onChromingChanged: ((event: JetElementCustomEvent<ojButton<SP>["chroming"]>) => any) | null;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojButton<SP>["disabled"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojButton<SP>["display"]>) => any) | null;
+    onOjAction: ((event: ojButton.ojAction) => any) | null;
+    addEventListener<T extends keyof ojButtonEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: ojButtonEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojButtonSettableProperties>(property: T): ojButton<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojButtonSettableProperties>(property: T, value: ojButtonSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojButtonSettableProperties>): void;
+    setProperties(properties: ojButtonSettablePropertiesLenient): void;
+}
+export namespace ojButton {
+    interface ojAction extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojButtonEventMap<SP extends ojButtonSettableProperties = ojButtonSettableProperties> extends baseComponentEventMap<SP> {
+    'ojAction': ojButton.ojAction;
+    'chromingChanged': JetElementCustomEvent<ojButton<SP>["chroming"]>;
+    'disabledChanged': JetElementCustomEvent<ojButton<SP>["disabled"]>;
+    'displayChanged': JetElementCustomEvent<ojButton<SP>["display"]>;
+}
+export interface ojButtonSettableProperties extends baseComponentSettableProperties {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+}
+export interface ojButtonSettablePropertiesLenient extends Partial<ojButtonSettableProperties> {
+    [key: string]: any;
+}
+export interface ojButtonset<SP extends ojButtonsetSettableProperties = ojButtonsetSettableProperties> extends baseComponent<SP> {
+    addEventListener<T extends keyof ojButtonsetEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: ojButtonsetEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojButtonsetSettableProperties>(property: T): ojButtonset<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojButtonsetSettableProperties>(property: T, value: ojButtonsetSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojButtonsetSettableProperties>): void;
+    setProperties(properties: ojButtonsetSettablePropertiesLenient): void;
+}
+// These interfaces are empty but required to keep the event chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojButtonsetEventMap<SP extends ojButtonsetSettableProperties = ojButtonsetSettableProperties> extends baseComponentEventMap<SP> {
+}
+// These interfaces are empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojButtonsetSettableProperties extends baseComponentSettableProperties {
+}
+export interface ojButtonsetSettablePropertiesLenient extends Partial<ojButtonsetSettableProperties> {
+    [key: string]: any;
+}
+export interface ojButtonsetMany extends ojButtonset<ojButtonsetManySettableProperties> {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    focusManagement: 'oneTabstop' | 'none';
+    value: any[] | null;
+    onChromingChanged: ((event: JetElementCustomEvent<ojButtonsetMany["chroming"]>) => any) | null;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojButtonsetMany["disabled"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojButtonsetMany["display"]>) => any) | null;
+    onFocusManagementChanged: ((event: JetElementCustomEvent<ojButtonsetMany["focusManagement"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojButtonsetMany["value"]>) => any) | null;
+    addEventListener<T extends keyof ojButtonsetManyEventMap>(type: T, listener: (this: HTMLElement, ev: ojButtonsetManyEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojButtonsetManySettableProperties>(property: T): ojButtonsetMany[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojButtonsetManySettableProperties>(property: T, value: ojButtonsetManySettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojButtonsetManySettableProperties>): void;
+    setProperties(properties: ojButtonsetManySettablePropertiesLenient): void;
+}
+export interface ojButtonsetManyEventMap extends ojButtonsetEventMap<ojButtonsetManySettableProperties> {
+    'chromingChanged': JetElementCustomEvent<ojButtonsetMany["chroming"]>;
+    'disabledChanged': JetElementCustomEvent<ojButtonsetMany["disabled"]>;
+    'displayChanged': JetElementCustomEvent<ojButtonsetMany["display"]>;
+    'focusManagementChanged': JetElementCustomEvent<ojButtonsetMany["focusManagement"]>;
+    'valueChanged': JetElementCustomEvent<ojButtonsetMany["value"]>;
+}
+export interface ojButtonsetManySettableProperties extends ojButtonsetSettableProperties {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    focusManagement: 'oneTabstop' | 'none';
+    value: any[] | null;
+}
+export interface ojButtonsetManySettablePropertiesLenient extends Partial<ojButtonsetManySettableProperties> {
+    [key: string]: any;
+}
+export interface ojButtonsetOne extends ojButtonset<ojButtonsetOneSettableProperties> {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    focusManagement: 'oneTabstop' | 'none';
+    value: any;
+    onChromingChanged: ((event: JetElementCustomEvent<ojButtonsetOne["chroming"]>) => any) | null;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojButtonsetOne["disabled"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojButtonsetOne["display"]>) => any) | null;
+    onFocusManagementChanged: ((event: JetElementCustomEvent<ojButtonsetOne["focusManagement"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojButtonsetOne["value"]>) => any) | null;
+    addEventListener<T extends keyof ojButtonsetOneEventMap>(type: T, listener: (this: HTMLElement, ev: ojButtonsetOneEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojButtonsetOneSettableProperties>(property: T): ojButtonsetOne[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojButtonsetOneSettableProperties>(property: T, value: ojButtonsetOneSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojButtonsetOneSettableProperties>): void;
+    setProperties(properties: ojButtonsetOneSettablePropertiesLenient): void;
+}
+export interface ojButtonsetOneEventMap extends ojButtonsetEventMap<ojButtonsetOneSettableProperties> {
+    'chromingChanged': JetElementCustomEvent<ojButtonsetOne["chroming"]>;
+    'disabledChanged': JetElementCustomEvent<ojButtonsetOne["disabled"]>;
+    'displayChanged': JetElementCustomEvent<ojButtonsetOne["display"]>;
+    'focusManagementChanged': JetElementCustomEvent<ojButtonsetOne["focusManagement"]>;
+    'valueChanged': JetElementCustomEvent<ojButtonsetOne["value"]>;
+}
+export interface ojButtonsetOneSettableProperties extends ojButtonsetSettableProperties {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    focusManagement: 'oneTabstop' | 'none';
+    value: any;
+}
+export interface ojButtonsetOneSettablePropertiesLenient extends Partial<ojButtonsetOneSettableProperties> {
+    [key: string]: any;
+}
+export interface ojMenuButton extends ojButton<ojMenuButtonSettableProperties> {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+    onChromingChanged: ((event: JetElementCustomEvent<ojMenuButton["chroming"]>) => any) | null;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojMenuButton["disabled"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojMenuButton["display"]>) => any) | null;
+    onOjAction: ((event: ojMenuButton.ojAction) => any) | null;
+    addEventListener<T extends keyof ojMenuButtonEventMap>(type: T, listener: (this: HTMLElement, ev: ojMenuButtonEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMenuButtonSettableProperties>(property: T): ojMenuButton[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMenuButtonSettableProperties>(property: T, value: ojMenuButtonSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMenuButtonSettableProperties>): void;
+    setProperties(properties: ojMenuButtonSettablePropertiesLenient): void;
+}
+export namespace ojMenuButton {
+    interface ojAction extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojMenuButtonEventMap extends ojButtonEventMap<ojMenuButtonSettableProperties> {
+    'ojAction': ojMenuButton.ojAction;
+    'chromingChanged': JetElementCustomEvent<ojMenuButton["chroming"]>;
+    'disabledChanged': JetElementCustomEvent<ojMenuButton["disabled"]>;
+    'displayChanged': JetElementCustomEvent<ojMenuButton["display"]>;
+}
+export interface ojMenuButtonSettableProperties extends ojButtonSettableProperties {
+    chroming: 'full' | 'half' | 'outlined';
+    disabled: boolean;
+    display: 'all' | 'icons';
+}
+export interface ojMenuButtonSettablePropertiesLenient extends Partial<ojMenuButtonSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojchart/index.d.ts b/types/oracle__oraclejet/ojchart/index.d.ts
new file mode 100644
index 0000000000..25970f316e
--- /dev/null
+++ b/types/oracle__oraclejet/ojchart/index.d.ts
@@ -0,0 +1,2104 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojChart<K, D> extends dvtBaseComponent<ojChartSettableProperties<K, D>> {
+    animationOnDataChange: 'auto' | 'slideToLeft' | 'slideToRight' | 'none';
+    animationOnDisplay: 'auto' | 'alphaFade' | 'zoom' | 'none';
+    as: string;
+    coordinateSystem: 'polar' | 'cartesian';
+    data: DataProvider<K, D> | null;
+    dataCursor: 'off' | 'on' | 'auto';
+    dataCursorBehavior: 'smooth' | 'snap' | 'auto';
+    dataCursorPosition: {
+        x: number | string;
+        y: number;
+        y2: number;
+    };
+    dataLabel: ((context: ojChart.DataLabelContext) => ({
+        insert: Element | string;
+    } | {
+        preventDefault: boolean;
+    }));
+    dnd: {
+        drag: {
+            groups: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            items: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            series: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+        };
+        drop: {
+            legend: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            plotArea: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            xAxis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            y2Axis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            yAxis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+        };
+    };
+    dragMode: 'pan' | 'zoom' | 'select' | 'off' | 'user';
+    drilling: 'on' | 'seriesOnly' | 'groupsOnly' | 'off';
+    groupComparator: ((param0: object, param1: object) => number) | null;
+    hiddenCategories: string[];
+    hideAndShowBehavior: 'withRescale' | 'withoutRescale' | 'none';
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    initialZooming: 'first' | 'last' | 'none';
+    legend: {
+        backgroundColor: string;
+        borderColor: string;
+        maxSize: string;
+        position: 'start' | 'end' | 'bottom' | 'top' | 'auto';
+        referenceObjectSection: {
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        };
+        rendered: 'on' | 'off' | 'auto';
+        scrolling: 'off' | 'asNeeded';
+        sections: Array<{
+            items: Array<{
+                borderColor: string;
+                categories: string[];
+                categoryVisibility: 'hidden' | 'visible';
+                color: string;
+                id: string;
+                lineStyle: 'dotted' | 'dashed' | 'solid';
+                lineWidth: number;
+                markerColor: string;
+                markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shortDesc: string;
+                source: string;
+                symbolType: 'line' | 'lineWithMarker' | 'image' | 'marker';
+                text: string;
+            }>;
+            sections: object[];
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        }>;
+        seriesSection: {
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        };
+        size: string;
+        symbolHeight: number;
+        symbolWidth: number;
+        textStyle: object;
+        title: string;
+        titleHalign: 'center' | 'end' | 'start';
+        titleStyle: object;
+    };
+    orientation: 'horizontal' | 'vertical';
+    otherThreshold: number;
+    overview: {
+        content: object;
+        height: string;
+        rendered: 'on' | 'off';
+    };
+    pieCenter: {
+        converter: object;
+        label: string;
+        labelStyle: object;
+        renderer: ((context: ojChart.PieCenterContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+        scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+    };
+    plotArea: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        rendered: 'off' | 'on';
+    };
+    polarGridShape: 'polygon' | 'circle';
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    seriesComparator: ((param0: object, param1: object) => number) | null;
+    sorting: 'ascending' | 'descending' | 'off';
+    splitDualY: 'on' | 'off' | 'auto';
+    splitterPosition: number;
+    stack: 'on' | 'off';
+    stackLabel: 'on' | 'off';
+    styleDefaults: {
+        animationDownColor: string;
+        animationDuration: number;
+        animationIndicators: 'none' | 'all';
+        animationUpColor: string;
+        barGapRatio: number;
+        borderColor: string;
+        borderWidth: number;
+        boxPlot: {
+            medianSvgClassName: string;
+            medianSvgStyle: object;
+            whiskerEndLength: string;
+            whiskerEndSvgClassName: string;
+            whiskerEndSvgStyle: object;
+            whiskerSvgClassName: string;
+            whiskerSvgStyle: object;
+        };
+        colors: string[];
+        dataCursor: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            markerColor: string;
+            markerDisplayed: 'off' | 'on';
+            markerSize: number;
+        };
+        dataItemGaps: string;
+        dataLabelPosition: 'center' | 'outsideSlice' | 'aboveMarker' | 'belowMarker' | 'beforeMarker' | 'afterMarker' | 'insideBarEdge' | 'outsideBarEdge' | 'none' | 'auto';
+        dataLabelStyle: object | object[];
+        funnelBackgroundColor: string;
+        groupSeparators: {
+            color: string;
+            rendered: 'off' | 'auto';
+        };
+        hoverBehaviorDelay: number;
+        lineStyle: 'dotted' | 'dashed' | 'solid';
+        lineType: 'straight' | 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'auto';
+        lineWidth: number;
+        markerColor: string;
+        markerDisplayed: 'on' | 'off' | 'auto';
+        markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        markerSize: number;
+        marqueeBorderColor: string;
+        marqueeColor: string;
+        maxBarWidth: number;
+        otherColor: string;
+        patterns: string[];
+        pieFeelerColor: string;
+        pieInnerRadius: number;
+        selectionEffect: 'explode' | 'highlightAndExplode' | 'highlight';
+        seriesEffect: 'color' | 'pattern' | 'gradient';
+        shapes: string[];
+        stackLabelStyle: object;
+        stockFallingColor: string;
+        stockRangeColor: string;
+        stockRisingColor: string;
+        stockVolumeColor: string;
+        threeDEffect: 'on' | 'off';
+        tooltipLabelStyle: object;
+        tooltipValueStyle: object;
+    };
+    timeAxisType: 'enabled' | 'mixedFrequency' | 'skipGaps' | 'disabled' | 'auto';
+    tooltip: {
+        renderer: ((context: ojChart.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    type: 'line' | 'area' | 'lineWithArea' | 'stock' | 'boxPlot' | 'combo' | 'pie' | 'scatter' | 'bubble' | 'funnel' | 'pyramid' | 'bar';
+    valueFormats: {
+        close: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        group: {
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string | string[];
+        };
+        high: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        label: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        };
+        low: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        open: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q1: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q2: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q3: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        series: {
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        targetValue: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        value: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        volume: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        x: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        y: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        y2: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        z: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+    };
+    xAxis: {
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'off' | 'on';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number | string;
+        maxSize: string;
+        min: number | string;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            rendered: 'off' | 'on';
+            rotation: 'none' | 'auto';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+        viewportEndGroup: number | string;
+        viewportMax: number | string;
+        viewportMin: number | string;
+        viewportStartGroup: number | string;
+    };
+    y2Axis: {
+        alignTickMarks: 'off' | 'on';
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number;
+        maxSize: string;
+        min: number;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        position: 'start' | 'end' | 'top' | 'bottom' | 'auto';
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            items: Array<{
+                high: number;
+                low: number;
+                value: number;
+                x: number | string;
+            }>;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            position: 'inside' | 'outside';
+            rendered: 'off' | 'on';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+    };
+    yAxis: {
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number;
+        maxSize: string;
+        min: number;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        position: 'start' | 'end' | 'top' | 'bottom' | 'auto';
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            items: Array<{
+                high: number;
+                low: number;
+                value: number;
+                x: number | string;
+            }>;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            position: 'inside' | 'outside';
+            rendered: 'off' | 'on';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+        viewportMax: number;
+        viewportMin: number;
+    };
+    zoomAndScroll: 'delayedScrollOnly' | 'liveScrollOnly' | 'delayed' | 'live' | 'off';
+    zoomDirection: 'x' | 'y' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelClose?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelDate?: string;
+        labelDefaultGroupName?: string;
+        labelGroup?: string;
+        labelHigh?: string;
+        labelInvalidData?: string;
+        labelLow?: string;
+        labelNoData?: string;
+        labelOpen?: string;
+        labelOther?: string;
+        labelPercentage?: string;
+        labelQ1?: string;
+        labelQ2?: string;
+        labelQ3?: string;
+        labelSeries?: string;
+        labelTargetValue?: string;
+        labelValue?: string;
+        labelVolume?: string;
+        labelX?: string;
+        labelY?: string;
+        labelZ?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipPan?: string;
+        tooltipSelect?: string;
+        tooltipZoom?: string;
+    };
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojChart<K, D>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojChart<K, D>["as"]>) => any) | null;
+    onCoordinateSystemChanged: ((event: JetElementCustomEvent<ojChart<K, D>["coordinateSystem"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojChart<K, D>["data"]>) => any) | null;
+    onDataCursorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dataCursor"]>) => any) | null;
+    onDataCursorBehaviorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dataCursorBehavior"]>) => any) | null;
+    onDataCursorPositionChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dataCursorPosition"]>) => any) | null;
+    onDataLabelChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dataLabel"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dnd"]>) => any) | null;
+    onDragModeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["dragMode"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojChart<K, D>["drilling"]>) => any) | null;
+    onGroupComparatorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["groupComparator"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojChart<K, D>["hiddenCategories"]>) => any) | null;
+    onHideAndShowBehaviorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["hideAndShowBehavior"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojChart<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojChart<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["hoverBehavior"]>) => any) | null;
+    onInitialZoomingChanged: ((event: JetElementCustomEvent<ojChart<K, D>["initialZooming"]>) => any) | null;
+    onLegendChanged: ((event: JetElementCustomEvent<ojChart<K, D>["legend"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojChart<K, D>["orientation"]>) => any) | null;
+    onOtherThresholdChanged: ((event: JetElementCustomEvent<ojChart<K, D>["otherThreshold"]>) => any) | null;
+    onOverviewChanged: ((event: JetElementCustomEvent<ojChart<K, D>["overview"]>) => any) | null;
+    onPieCenterChanged: ((event: JetElementCustomEvent<ojChart<K, D>["pieCenter"]>) => any) | null;
+    onPlotAreaChanged: ((event: JetElementCustomEvent<ojChart<K, D>["plotArea"]>) => any) | null;
+    onPolarGridShapeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["polarGridShape"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojChart<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["selectionMode"]>) => any) | null;
+    onSeriesComparatorChanged: ((event: JetElementCustomEvent<ojChart<K, D>["seriesComparator"]>) => any) | null;
+    onSortingChanged: ((event: JetElementCustomEvent<ojChart<K, D>["sorting"]>) => any) | null;
+    onSplitDualYChanged: ((event: JetElementCustomEvent<ojChart<K, D>["splitDualY"]>) => any) | null;
+    onSplitterPositionChanged: ((event: JetElementCustomEvent<ojChart<K, D>["splitterPosition"]>) => any) | null;
+    onStackChanged: ((event: JetElementCustomEvent<ojChart<K, D>["stack"]>) => any) | null;
+    onStackLabelChanged: ((event: JetElementCustomEvent<ojChart<K, D>["stackLabel"]>) => any) | null;
+    onStyleDefaultsChanged: ((event: JetElementCustomEvent<ojChart<K, D>["styleDefaults"]>) => any) | null;
+    onTimeAxisTypeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["timeAxisType"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojChart<K, D>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojChart<K, D>["touchResponse"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojChart<K, D>["type"]>) => any) | null;
+    onValueFormatsChanged: ((event: JetElementCustomEvent<ojChart<K, D>["valueFormats"]>) => any) | null;
+    onXAxisChanged: ((event: JetElementCustomEvent<ojChart<K, D>["xAxis"]>) => any) | null;
+    onY2AxisChanged: ((event: JetElementCustomEvent<ojChart<K, D>["y2Axis"]>) => any) | null;
+    onYAxisChanged: ((event: JetElementCustomEvent<ojChart<K, D>["yAxis"]>) => any) | null;
+    onZoomAndScrollChanged: ((event: JetElementCustomEvent<ojChart<K, D>["zoomAndScroll"]>) => any) | null;
+    onZoomDirectionChanged: ((event: JetElementCustomEvent<ojChart<K, D>["zoomDirection"]>) => any) | null;
+    onOjDrill: ((event: ojChart.ojDrill) => any) | null;
+    onOjSelectInput: ((event: ojChart.ojSelectInput) => any) | null;
+    onOjViewportChange: ((event: ojChart.ojViewportChange) => any) | null;
+    onOjViewportChangeInput: ((event: ojChart.ojViewportChangeInput) => any) | null;
+    addEventListener<T extends keyof ojChartEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojChartEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojChartSettableProperties<K, D>>(property: T): ojChart<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojChartSettableProperties<K, D>>(property: T, value: ojChartSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojChartSettableProperties<K, D>>): void;
+    setProperties(properties: ojChartSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojChart.PieCenterLabelContext | ojChart.LegendItemContext | ojChart.ReferenceObject | ojChart.GroupContext | ojChart.AxisTitleContext | ojChart.ItemContext |
+       ojChart.SeriesContext;
+    getDataItem(seriesIndex: number, groupIndex: number): object | null;
+    getGroup(groupIndex: string): string;
+    getGroupCount(): number;
+    getLegend(): object;
+    getPlotArea(): object;
+    getSeries(seriesIndex: string): string;
+    getSeriesCount(): number;
+    getValuesAt(x: number, y: number): object;
+    getXAxis(): object;
+    getY2Axis(): object;
+    getYAxis(): object;
+}
+export namespace ojChart {
+    interface ojDrill extends CustomEvent<{
+        id: string;
+        series: string;
+        group: string;
+        data: object;
+        itemData: object;
+        seriesData: object;
+        groupData: any[];
+        [propName: string]: any;
+    }> {
+    }
+    interface ojSelectInput extends CustomEvent<{
+        items: any[];
+        selectionData: Array<{
+            data: object;
+            itemData: object;
+            groupData: any[];
+            seriesData: object;
+        }>;
+        endGroup: string;
+        startGroup: string;
+        xMax: number;
+        xMin: number;
+        yMax: number;
+        yMin: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojViewportChange extends CustomEvent<{
+        endGroup: string;
+        startGroup: string;
+        xMax: number;
+        xMin: number;
+        yMax: number;
+        yMin: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojViewportChangeInput extends CustomEvent<{
+        endGroup: string;
+        startGroup: string;
+        xMax: number;
+        xMin: number;
+        yMax: number;
+        yMin: number;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type AxisTitleContext = {
+        axis: 'xAxis' | 'yAxis' | 'y2Axis';
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DataLabelContext = {
+        id: any;
+        series: string;
+        group: string | string[];
+        value: number;
+        targetValue: number;
+        x: number | string;
+        y: number;
+        z: number;
+        low: number;
+        high: number;
+        open: number;
+        close: number;
+        volume: number;
+        label: string;
+        totalValue: number;
+        data: object | null;
+        itemData: object | null;
+        seriesData: object | null;
+        groupData: object | null;
+        componentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type GroupContext = {
+        indexPath: any[];
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext = {
+        seriesIndex: number;
+        itemIndex: number;
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type LegendItemContext = {
+        sectionIndexPath: any[];
+        itemIndex: number;
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PieCenterContext = {
+        outerBounds: object;
+        innerBounds: object;
+        label: string;
+        componentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PieCenterLabelContext = {
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ReferenceObject = {
+        axis: 'xAxis' | 'yAxis' | 'y2Axis';
+        index: number;
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type SeriesContext = {
+        itemIndex: number;
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext = {
+        parentElement: Element;
+        id: any;
+        series: string;
+        group: string | string[];
+        label: string;
+        value: number;
+        x: number | string;
+        y: number;
+        z: number;
+        low: number;
+        high: number;
+        open: number;
+        close: number;
+        volume: number;
+        targetValue: number;
+        data: object | null;
+        itemData: object | null;
+        seriesData: object | null;
+        groupData: object | null;
+        componentElement: Element;
+        color: string;
+    };
+}
+export interface ojChartEventMap<K, D> extends dvtBaseComponentEventMap<ojChartSettableProperties<K, D>> {
+    'ojDrill': ojChart.ojDrill;
+    'ojSelectInput': ojChart.ojSelectInput;
+    'ojViewportChange': ojChart.ojViewportChange;
+    'ojViewportChangeInput': ojChart.ojViewportChangeInput;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojChart<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojChart<K, D>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojChart<K, D>["as"]>;
+    'coordinateSystemChanged': JetElementCustomEvent<ojChart<K, D>["coordinateSystem"]>;
+    'dataChanged': JetElementCustomEvent<ojChart<K, D>["data"]>;
+    'dataCursorChanged': JetElementCustomEvent<ojChart<K, D>["dataCursor"]>;
+    'dataCursorBehaviorChanged': JetElementCustomEvent<ojChart<K, D>["dataCursorBehavior"]>;
+    'dataCursorPositionChanged': JetElementCustomEvent<ojChart<K, D>["dataCursorPosition"]>;
+    'dataLabelChanged': JetElementCustomEvent<ojChart<K, D>["dataLabel"]>;
+    'dndChanged': JetElementCustomEvent<ojChart<K, D>["dnd"]>;
+    'dragModeChanged': JetElementCustomEvent<ojChart<K, D>["dragMode"]>;
+    'drillingChanged': JetElementCustomEvent<ojChart<K, D>["drilling"]>;
+    'groupComparatorChanged': JetElementCustomEvent<ojChart<K, D>["groupComparator"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojChart<K, D>["hiddenCategories"]>;
+    'hideAndShowBehaviorChanged': JetElementCustomEvent<ojChart<K, D>["hideAndShowBehavior"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojChart<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojChart<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojChart<K, D>["hoverBehavior"]>;
+    'initialZoomingChanged': JetElementCustomEvent<ojChart<K, D>["initialZooming"]>;
+    'legendChanged': JetElementCustomEvent<ojChart<K, D>["legend"]>;
+    'orientationChanged': JetElementCustomEvent<ojChart<K, D>["orientation"]>;
+    'otherThresholdChanged': JetElementCustomEvent<ojChart<K, D>["otherThreshold"]>;
+    'overviewChanged': JetElementCustomEvent<ojChart<K, D>["overview"]>;
+    'pieCenterChanged': JetElementCustomEvent<ojChart<K, D>["pieCenter"]>;
+    'plotAreaChanged': JetElementCustomEvent<ojChart<K, D>["plotArea"]>;
+    'polarGridShapeChanged': JetElementCustomEvent<ojChart<K, D>["polarGridShape"]>;
+    'selectionChanged': JetElementCustomEvent<ojChart<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojChart<K, D>["selectionMode"]>;
+    'seriesComparatorChanged': JetElementCustomEvent<ojChart<K, D>["seriesComparator"]>;
+    'sortingChanged': JetElementCustomEvent<ojChart<K, D>["sorting"]>;
+    'splitDualYChanged': JetElementCustomEvent<ojChart<K, D>["splitDualY"]>;
+    'splitterPositionChanged': JetElementCustomEvent<ojChart<K, D>["splitterPosition"]>;
+    'stackChanged': JetElementCustomEvent<ojChart<K, D>["stack"]>;
+    'stackLabelChanged': JetElementCustomEvent<ojChart<K, D>["stackLabel"]>;
+    'styleDefaultsChanged': JetElementCustomEvent<ojChart<K, D>["styleDefaults"]>;
+    'timeAxisTypeChanged': JetElementCustomEvent<ojChart<K, D>["timeAxisType"]>;
+    'tooltipChanged': JetElementCustomEvent<ojChart<K, D>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojChart<K, D>["touchResponse"]>;
+    'typeChanged': JetElementCustomEvent<ojChart<K, D>["type"]>;
+    'valueFormatsChanged': JetElementCustomEvent<ojChart<K, D>["valueFormats"]>;
+    'xAxisChanged': JetElementCustomEvent<ojChart<K, D>["xAxis"]>;
+    'y2AxisChanged': JetElementCustomEvent<ojChart<K, D>["y2Axis"]>;
+    'yAxisChanged': JetElementCustomEvent<ojChart<K, D>["yAxis"]>;
+    'zoomAndScrollChanged': JetElementCustomEvent<ojChart<K, D>["zoomAndScroll"]>;
+    'zoomDirectionChanged': JetElementCustomEvent<ojChart<K, D>["zoomDirection"]>;
+}
+export interface ojChartSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationOnDataChange: 'auto' | 'slideToLeft' | 'slideToRight' | 'none';
+    animationOnDisplay: 'auto' | 'alphaFade' | 'zoom' | 'none';
+    as: string;
+    coordinateSystem: 'polar' | 'cartesian';
+    data: DataProvider<K, D> | null;
+    dataCursor: 'off' | 'on' | 'auto';
+    dataCursorBehavior: 'smooth' | 'snap' | 'auto';
+    dataCursorPosition: {
+        x: number | string;
+        y: number;
+        y2: number;
+    };
+    dataLabel: ((context: ojChart.DataLabelContext) => ({
+        insert: Element | string;
+    } | {
+        preventDefault: boolean;
+    }));
+    dnd: {
+        drag: {
+            groups: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            items: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            series: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+        };
+        drop: {
+            legend: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            plotArea: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            xAxis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            y2Axis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            yAxis: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+        };
+    };
+    dragMode: 'pan' | 'zoom' | 'select' | 'off' | 'user';
+    drilling: 'on' | 'seriesOnly' | 'groupsOnly' | 'off';
+    groupComparator: ((param0: object, param1: object) => number) | null;
+    hiddenCategories: string[];
+    hideAndShowBehavior: 'withRescale' | 'withoutRescale' | 'none';
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    initialZooming: 'first' | 'last' | 'none';
+    legend: {
+        backgroundColor: string;
+        borderColor: string;
+        maxSize: string;
+        position: 'start' | 'end' | 'bottom' | 'top' | 'auto';
+        referenceObjectSection: {
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        };
+        rendered: 'on' | 'off' | 'auto';
+        scrolling: 'off' | 'asNeeded';
+        sections: Array<{
+            items: Array<{
+                borderColor: string;
+                categories: string[];
+                categoryVisibility: 'hidden' | 'visible';
+                color: string;
+                id: string;
+                lineStyle: 'dotted' | 'dashed' | 'solid';
+                lineWidth: number;
+                markerColor: string;
+                markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shortDesc: string;
+                source: string;
+                symbolType: 'line' | 'lineWithMarker' | 'image' | 'marker';
+                text: string;
+            }>;
+            sections: object[];
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        }>;
+        seriesSection: {
+            title: string;
+            titleHalign: 'center' | 'end' | 'start';
+            titleStyle: object;
+        };
+        size: string;
+        symbolHeight: number;
+        symbolWidth: number;
+        textStyle: object;
+        title: string;
+        titleHalign: 'center' | 'end' | 'start';
+        titleStyle: object;
+    };
+    orientation: 'horizontal' | 'vertical';
+    otherThreshold: number;
+    overview: {
+        content: object;
+        height: string;
+        rendered: 'on' | 'off';
+    };
+    pieCenter: {
+        converter: object;
+        label: string;
+        labelStyle: object;
+        renderer: ((context: ojChart.PieCenterContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+        scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+    };
+    plotArea: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        rendered: 'off' | 'on';
+    };
+    polarGridShape: 'polygon' | 'circle';
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    seriesComparator: ((param0: object, param1: object) => number) | null;
+    sorting: 'ascending' | 'descending' | 'off';
+    splitDualY: 'on' | 'off' | 'auto';
+    splitterPosition: number;
+    stack: 'on' | 'off';
+    stackLabel: 'on' | 'off';
+    styleDefaults: {
+        animationDownColor: string;
+        animationDuration: number;
+        animationIndicators: 'none' | 'all';
+        animationUpColor: string;
+        barGapRatio: number;
+        borderColor: string;
+        borderWidth: number;
+        boxPlot: {
+            medianSvgClassName: string;
+            medianSvgStyle: object;
+            whiskerEndLength: string;
+            whiskerEndSvgClassName: string;
+            whiskerEndSvgStyle: object;
+            whiskerSvgClassName: string;
+            whiskerSvgStyle: object;
+        };
+        colors: string[];
+        dataCursor: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            markerColor: string;
+            markerDisplayed: 'off' | 'on';
+            markerSize: number;
+        };
+        dataItemGaps: string;
+        dataLabelPosition: 'center' | 'outsideSlice' | 'aboveMarker' | 'belowMarker' | 'beforeMarker' | 'afterMarker' | 'insideBarEdge' | 'outsideBarEdge' | 'none' | 'auto';
+        dataLabelStyle: object | object[];
+        funnelBackgroundColor: string;
+        groupSeparators: {
+            color: string;
+            rendered: 'off' | 'auto';
+        };
+        hoverBehaviorDelay: number;
+        lineStyle: 'dotted' | 'dashed' | 'solid';
+        lineType: 'straight' | 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'auto';
+        lineWidth: number;
+        markerColor: string;
+        markerDisplayed: 'on' | 'off' | 'auto';
+        markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        markerSize: number;
+        marqueeBorderColor: string;
+        marqueeColor: string;
+        maxBarWidth: number;
+        otherColor: string;
+        patterns: string[];
+        pieFeelerColor: string;
+        pieInnerRadius: number;
+        selectionEffect: 'explode' | 'highlightAndExplode' | 'highlight';
+        seriesEffect: 'color' | 'pattern' | 'gradient';
+        shapes: string[];
+        stackLabelStyle: object;
+        stockFallingColor: string;
+        stockRangeColor: string;
+        stockRisingColor: string;
+        stockVolumeColor: string;
+        threeDEffect: 'on' | 'off';
+        tooltipLabelStyle: object;
+        tooltipValueStyle: object;
+    };
+    timeAxisType: 'enabled' | 'mixedFrequency' | 'skipGaps' | 'disabled' | 'auto';
+    tooltip: {
+        renderer: ((context: ojChart.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    type: 'line' | 'area' | 'lineWithArea' | 'stock' | 'boxPlot' | 'combo' | 'pie' | 'scatter' | 'bubble' | 'funnel' | 'pyramid' | 'bar';
+    valueFormats: {
+        close: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        group: {
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string | string[];
+        };
+        high: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        label: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        };
+        low: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        open: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q1: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q2: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        q3: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        series: {
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        targetValue: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        value: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        volume: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        x: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        y: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        y2: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+        z: {
+            converter: object;
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            tooltipDisplay: 'off' | 'auto';
+            tooltipLabel: string;
+        };
+    };
+    xAxis: {
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'off' | 'on';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number | string;
+        maxSize: string;
+        min: number | string;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            rendered: 'off' | 'on';
+            rotation: 'none' | 'auto';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+        viewportEndGroup: number | string;
+        viewportMax: number | string;
+        viewportMin: number | string;
+        viewportStartGroup: number | string;
+    };
+    y2Axis: {
+        alignTickMarks: 'off' | 'on';
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number;
+        maxSize: string;
+        min: number;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        position: 'start' | 'end' | 'top' | 'bottom' | 'auto';
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            items: Array<{
+                high: number;
+                low: number;
+                value: number;
+                x: number | string;
+            }>;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            position: 'inside' | 'outside';
+            rendered: 'off' | 'on';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+    };
+    yAxis: {
+        axisLine: {
+            lineColor: string;
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        baselineScaling: 'min' | 'zero';
+        dataMax: number;
+        dataMin: number;
+        majorTick: {
+            baselineColor: 'inherit' | 'auto';
+            baselineStyle: 'dotted' | 'dashed' | 'solid';
+            baselineWidth: number;
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        max: number;
+        maxSize: string;
+        min: number;
+        minStep: number;
+        minorStep: number;
+        minorTick: {
+            lineColor: string;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineWidth: number;
+            rendered: 'on' | 'off' | 'auto';
+        };
+        position: 'start' | 'end' | 'top' | 'bottom' | 'auto';
+        referenceObjects: Array<{
+            categories: string[];
+            color: string;
+            displayInLegend: 'on' | 'off';
+            high: number;
+            id: string;
+            items: Array<{
+                high: number;
+                low: number;
+                value: number;
+                x: number | string;
+            }>;
+            lineStyle: 'dotted' | 'dashed' | 'solid';
+            lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight';
+            lineWidth: number;
+            location: 'front' | 'back';
+            low: number;
+            shortDesc: string;
+            svgClassName: string;
+            svgStyle: object;
+            text: string;
+            type: 'area' | 'line';
+            value: number;
+        }>;
+        rendered: 'off' | 'on';
+        scale: 'log' | 'linear';
+        size: string;
+        step: number;
+        tickLabel: {
+            converter: object;
+            position: 'inside' | 'outside';
+            rendered: 'off' | 'on';
+            scaling: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+            style: object;
+        };
+        title: string;
+        titleStyle: object;
+        viewportMax: number;
+        viewportMin: number;
+    };
+    zoomAndScroll: 'delayedScrollOnly' | 'liveScrollOnly' | 'delayed' | 'live' | 'off';
+    zoomDirection: 'x' | 'y' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelClose?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelDate?: string;
+        labelDefaultGroupName?: string;
+        labelGroup?: string;
+        labelHigh?: string;
+        labelInvalidData?: string;
+        labelLow?: string;
+        labelNoData?: string;
+        labelOpen?: string;
+        labelOther?: string;
+        labelPercentage?: string;
+        labelQ1?: string;
+        labelQ2?: string;
+        labelQ3?: string;
+        labelSeries?: string;
+        labelTargetValue?: string;
+        labelValue?: string;
+        labelVolume?: string;
+        labelX?: string;
+        labelY?: string;
+        labelZ?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipPan?: string;
+        tooltipSelect?: string;
+        tooltipZoom?: string;
+    };
+}
+export interface ojChartSettablePropertiesLenient<K, D> extends Partial<ojChartSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojChartGroup extends JetElement<ojChartGroupSettableProperties> {
+    drilling?: 'on' | 'off' | 'inherit';
+    labelStyle?: object;
+    name?: string;
+    shortDesc?: string;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojChartGroup["drilling"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojChartGroup["labelStyle"]>) => any) | null;
+    onNameChanged: ((event: JetElementCustomEvent<ojChartGroup["name"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojChartGroup["shortDesc"]>) => any) | null;
+    addEventListener<T extends keyof ojChartGroupEventMap>(type: T, listener: (this: HTMLElement, ev: ojChartGroupEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojChartGroupSettableProperties>(property: T): ojChartGroup[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojChartGroupSettableProperties>(property: T, value: ojChartGroupSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojChartGroupSettableProperties>): void;
+    setProperties(properties: ojChartGroupSettablePropertiesLenient): void;
+}
+export interface ojChartGroupEventMap extends HTMLElementEventMap {
+    'drillingChanged': JetElementCustomEvent<ojChartGroup["drilling"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojChartGroup["labelStyle"]>;
+    'nameChanged': JetElementCustomEvent<ojChartGroup["name"]>;
+    'shortDescChanged': JetElementCustomEvent<ojChartGroup["shortDesc"]>;
+}
+export interface ojChartGroupSettableProperties extends JetSettableProperties {
+    drilling?: 'on' | 'off' | 'inherit';
+    labelStyle?: object;
+    name?: string;
+    shortDesc?: string;
+}
+export interface ojChartGroupSettablePropertiesLenient extends Partial<ojChartGroupSettableProperties> {
+    [key: string]: any;
+}
+export interface ojChartItem extends JetElement<ojChartItemSettableProperties> {
+    borderColor?: string;
+    borderWidth?: number;
+    boxPlot?: {
+        medianSvgClassName?: string;
+        medianSvgStyle?: object;
+        q2Color?: string;
+        q2SvgClassName?: string;
+        q2SvgStyle?: object;
+        q3SvgClassName?: string;
+        q3SvgStyle?: object;
+        whiskerEndLength?: string;
+        whiskerEndSvgClassName?: string;
+        whiskerEndSvgStyle?: object;
+        whiskerSvgClassName?: string;
+        whiskerSvgStyle?: object;
+    };
+    categories?: string[];
+    close?: number;
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    groupId: string[];
+    high?: number;
+    items?: object[] | number[];
+    label?: string | string[];
+    labelPosition?: 'center' | 'outsideSlice' | 'aboveMarker' | 'belowMarker' | 'beforeMarker' | 'afterMarker' | 'insideBarEdge' | 'outsideBarEdge' | 'none' | 'auto';
+    labelStyle?: object | object[];
+    low?: number;
+    markerDisplayed?: 'on' | 'off' | 'auto';
+    markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'auto' | string;
+    markerSize?: number;
+    open?: number;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'auto';
+    q1?: number;
+    q2?: number;
+    q3?: number;
+    seriesId: string;
+    shortDesc?: string;
+    source?: string;
+    sourceHover?: string;
+    sourceHoverSelected?: string;
+    sourceSelected?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    targetValue?: number;
+    value?: number;
+    volume?: number;
+    x?: number | string;
+    y?: number;
+    z?: number;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojChartItem["borderColor"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojChartItem["borderWidth"]>) => any) | null;
+    onBoxPlotChanged: ((event: JetElementCustomEvent<ojChartItem["boxPlot"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojChartItem["categories"]>) => any) | null;
+    onCloseChanged: ((event: JetElementCustomEvent<ojChartItem["close"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojChartItem["color"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojChartItem["drilling"]>) => any) | null;
+    onGroupIdChanged: ((event: JetElementCustomEvent<ojChartItem["groupId"]>) => any) | null;
+    onHighChanged: ((event: JetElementCustomEvent<ojChartItem["high"]>) => any) | null;
+    onItemsChanged: ((event: JetElementCustomEvent<ojChartItem["items"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojChartItem["label"]>) => any) | null;
+    onLabelPositionChanged: ((event: JetElementCustomEvent<ojChartItem["labelPosition"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojChartItem["labelStyle"]>) => any) | null;
+    onLowChanged: ((event: JetElementCustomEvent<ojChartItem["low"]>) => any) | null;
+    onMarkerDisplayedChanged: ((event: JetElementCustomEvent<ojChartItem["markerDisplayed"]>) => any) | null;
+    onMarkerShapeChanged: ((event: JetElementCustomEvent<ojChartItem["markerShape"]>) => any) | null;
+    onMarkerSizeChanged: ((event: JetElementCustomEvent<ojChartItem["markerSize"]>) => any) | null;
+    onOpenChanged: ((event: JetElementCustomEvent<ojChartItem["open"]>) => any) | null;
+    onPatternChanged: ((event: JetElementCustomEvent<ojChartItem["pattern"]>) => any) | null;
+    onQ1Changed: ((event: JetElementCustomEvent<ojChartItem["q1"]>) => any) | null;
+    onQ2Changed: ((event: JetElementCustomEvent<ojChartItem["q2"]>) => any) | null;
+    onQ3Changed: ((event: JetElementCustomEvent<ojChartItem["q3"]>) => any) | null;
+    onSeriesIdChanged: ((event: JetElementCustomEvent<ojChartItem["seriesId"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojChartItem["shortDesc"]>) => any) | null;
+    onSourceChanged: ((event: JetElementCustomEvent<ojChartItem["source"]>) => any) | null;
+    onSourceHoverChanged: ((event: JetElementCustomEvent<ojChartItem["sourceHover"]>) => any) | null;
+    onSourceHoverSelectedChanged: ((event: JetElementCustomEvent<ojChartItem["sourceHoverSelected"]>) => any) | null;
+    onSourceSelectedChanged: ((event: JetElementCustomEvent<ojChartItem["sourceSelected"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojChartItem["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojChartItem["svgStyle"]>) => any) | null;
+    onTargetValueChanged: ((event: JetElementCustomEvent<ojChartItem["targetValue"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojChartItem["value"]>) => any) | null;
+    onVolumeChanged: ((event: JetElementCustomEvent<ojChartItem["volume"]>) => any) | null;
+    onXChanged: ((event: JetElementCustomEvent<ojChartItem["x"]>) => any) | null;
+    onYChanged: ((event: JetElementCustomEvent<ojChartItem["y"]>) => any) | null;
+    onZChanged: ((event: JetElementCustomEvent<ojChartItem["z"]>) => any) | null;
+    addEventListener<T extends keyof ojChartItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojChartItemEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojChartItemSettableProperties>(property: T): ojChartItem[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojChartItemSettableProperties>(property: T, value: ojChartItemSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojChartItemSettableProperties>): void;
+    setProperties(properties: ojChartItemSettablePropertiesLenient): void;
+}
+export interface ojChartItemEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojChartItem["borderColor"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojChartItem["borderWidth"]>;
+    'boxPlotChanged': JetElementCustomEvent<ojChartItem["boxPlot"]>;
+    'categoriesChanged': JetElementCustomEvent<ojChartItem["categories"]>;
+    'closeChanged': JetElementCustomEvent<ojChartItem["close"]>;
+    'colorChanged': JetElementCustomEvent<ojChartItem["color"]>;
+    'drillingChanged': JetElementCustomEvent<ojChartItem["drilling"]>;
+    'groupIdChanged': JetElementCustomEvent<ojChartItem["groupId"]>;
+    'highChanged': JetElementCustomEvent<ojChartItem["high"]>;
+    'itemsChanged': JetElementCustomEvent<ojChartItem["items"]>;
+    'labelChanged': JetElementCustomEvent<ojChartItem["label"]>;
+    'labelPositionChanged': JetElementCustomEvent<ojChartItem["labelPosition"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojChartItem["labelStyle"]>;
+    'lowChanged': JetElementCustomEvent<ojChartItem["low"]>;
+    'markerDisplayedChanged': JetElementCustomEvent<ojChartItem["markerDisplayed"]>;
+    'markerShapeChanged': JetElementCustomEvent<ojChartItem["markerShape"]>;
+    'markerSizeChanged': JetElementCustomEvent<ojChartItem["markerSize"]>;
+    'openChanged': JetElementCustomEvent<ojChartItem["open"]>;
+    'patternChanged': JetElementCustomEvent<ojChartItem["pattern"]>;
+    'q1Changed': JetElementCustomEvent<ojChartItem["q1"]>;
+    'q2Changed': JetElementCustomEvent<ojChartItem["q2"]>;
+    'q3Changed': JetElementCustomEvent<ojChartItem["q3"]>;
+    'seriesIdChanged': JetElementCustomEvent<ojChartItem["seriesId"]>;
+    'shortDescChanged': JetElementCustomEvent<ojChartItem["shortDesc"]>;
+    'sourceChanged': JetElementCustomEvent<ojChartItem["source"]>;
+    'sourceHoverChanged': JetElementCustomEvent<ojChartItem["sourceHover"]>;
+    'sourceHoverSelectedChanged': JetElementCustomEvent<ojChartItem["sourceHoverSelected"]>;
+    'sourceSelectedChanged': JetElementCustomEvent<ojChartItem["sourceSelected"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojChartItem["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojChartItem["svgStyle"]>;
+    'targetValueChanged': JetElementCustomEvent<ojChartItem["targetValue"]>;
+    'valueChanged': JetElementCustomEvent<ojChartItem["value"]>;
+    'volumeChanged': JetElementCustomEvent<ojChartItem["volume"]>;
+    'xChanged': JetElementCustomEvent<ojChartItem["x"]>;
+    'yChanged': JetElementCustomEvent<ojChartItem["y"]>;
+    'zChanged': JetElementCustomEvent<ojChartItem["z"]>;
+}
+export interface ojChartItemSettableProperties extends JetSettableProperties {
+    borderColor?: string;
+    borderWidth?: number;
+    boxPlot?: {
+        medianSvgClassName?: string;
+        medianSvgStyle?: object;
+        q2Color?: string;
+        q2SvgClassName?: string;
+        q2SvgStyle?: object;
+        q3SvgClassName?: string;
+        q3SvgStyle?: object;
+        whiskerEndLength?: string;
+        whiskerEndSvgClassName?: string;
+        whiskerEndSvgStyle?: object;
+        whiskerSvgClassName?: string;
+        whiskerSvgStyle?: object;
+    };
+    categories?: string[];
+    close?: number;
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    groupId: string[];
+    high?: number;
+    items?: object[] | number[];
+    label?: string | string[];
+    labelPosition?: 'center' | 'outsideSlice' | 'aboveMarker' | 'belowMarker' | 'beforeMarker' | 'afterMarker' | 'insideBarEdge' | 'outsideBarEdge' | 'none' | 'auto';
+    labelStyle?: object | object[];
+    low?: number;
+    markerDisplayed?: 'on' | 'off' | 'auto';
+    markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'auto' | string;
+    markerSize?: number;
+    open?: number;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'auto';
+    q1?: number;
+    q2?: number;
+    q3?: number;
+    seriesId: string;
+    shortDesc?: string;
+    source?: string;
+    sourceHover?: string;
+    sourceHoverSelected?: string;
+    sourceSelected?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    targetValue?: number;
+    value?: number;
+    volume?: number;
+    x?: number | string;
+    y?: number;
+    z?: number;
+}
+export interface ojChartItemSettablePropertiesLenient extends Partial<ojChartItemSettableProperties> {
+    [key: string]: any;
+}
+export interface ojChartSeries extends JetElement<ojChartSeriesSettableProperties> {
+    areaColor?: string;
+    areaSvgClassName?: string;
+    areaSvgStyle?: object;
+    assignedToY2?: 'on' | 'off';
+    borderColor?: string;
+    borderWidth?: number;
+    boxPlot?: {
+        medianSvgClassName?: string;
+        medianSvgStyle?: object;
+        q2Color?: string;
+        q2SvgClassName?: string;
+        q2SvgStyle?: object;
+        q3Color?: string;
+        q3SvgClassName?: string;
+        q3SvgStyle?: object;
+        whiskerEndLength?: string;
+        whiskerEndSvgClassName?: string;
+        whiskerEndSvgStyle?: object;
+        whiskerSvgClassName?: string;
+        whiskerSvgStyle?: object;
+    };
+    categories?: string[];
+    color?: string;
+    displayInLegend?: 'on' | 'off' | 'auto';
+    drilling?: 'on' | 'off' | 'inherit';
+    lineStyle?: 'dotted' | 'dashed' | 'solid';
+    lineType?: 'straight' | 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'auto';
+    lineWidth?: number;
+    markerColor?: string;
+    markerDisplayed?: 'on' | 'off' | 'auto';
+    markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'auto' | string;
+    markerSize?: number;
+    markerSvgClassName?: string;
+    markerSvgStyle?: object;
+    name?: string;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'auto';
+    pieSliceExplode?: number;
+    shortDesc?: string;
+    source?: string;
+    sourceHover?: string;
+    sourceHoverSelected?: string;
+    sourceSelected?: string;
+    stackCategory?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    type?: 'bar' | 'line' | 'area' | 'lineWithArea' | 'candlestick' | 'boxPlot' | 'auto';
+    onAreaColorChanged: ((event: JetElementCustomEvent<ojChartSeries["areaColor"]>) => any) | null;
+    onAreaSvgClassNameChanged: ((event: JetElementCustomEvent<ojChartSeries["areaSvgClassName"]>) => any) | null;
+    onAreaSvgStyleChanged: ((event: JetElementCustomEvent<ojChartSeries["areaSvgStyle"]>) => any) | null;
+    onAssignedToY2Changed: ((event: JetElementCustomEvent<ojChartSeries["assignedToY2"]>) => any) | null;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojChartSeries["borderColor"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojChartSeries["borderWidth"]>) => any) | null;
+    onBoxPlotChanged: ((event: JetElementCustomEvent<ojChartSeries["boxPlot"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojChartSeries["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojChartSeries["color"]>) => any) | null;
+    onDisplayInLegendChanged: ((event: JetElementCustomEvent<ojChartSeries["displayInLegend"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojChartSeries["drilling"]>) => any) | null;
+    onLineStyleChanged: ((event: JetElementCustomEvent<ojChartSeries["lineStyle"]>) => any) | null;
+    onLineTypeChanged: ((event: JetElementCustomEvent<ojChartSeries["lineType"]>) => any) | null;
+    onLineWidthChanged: ((event: JetElementCustomEvent<ojChartSeries["lineWidth"]>) => any) | null;
+    onMarkerColorChanged: ((event: JetElementCustomEvent<ojChartSeries["markerColor"]>) => any) | null;
+    onMarkerDisplayedChanged: ((event: JetElementCustomEvent<ojChartSeries["markerDisplayed"]>) => any) | null;
+    onMarkerShapeChanged: ((event: JetElementCustomEvent<ojChartSeries["markerShape"]>) => any) | null;
+    onMarkerSizeChanged: ((event: JetElementCustomEvent<ojChartSeries["markerSize"]>) => any) | null;
+    onMarkerSvgClassNameChanged: ((event: JetElementCustomEvent<ojChartSeries["markerSvgClassName"]>) => any) | null;
+    onMarkerSvgStyleChanged: ((event: JetElementCustomEvent<ojChartSeries["markerSvgStyle"]>) => any) | null;
+    onNameChanged: ((event: JetElementCustomEvent<ojChartSeries["name"]>) => any) | null;
+    onPatternChanged: ((event: JetElementCustomEvent<ojChartSeries["pattern"]>) => any) | null;
+    onPieSliceExplodeChanged: ((event: JetElementCustomEvent<ojChartSeries["pieSliceExplode"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojChartSeries["shortDesc"]>) => any) | null;
+    onSourceChanged: ((event: JetElementCustomEvent<ojChartSeries["source"]>) => any) | null;
+    onSourceHoverChanged: ((event: JetElementCustomEvent<ojChartSeries["sourceHover"]>) => any) | null;
+    onSourceHoverSelectedChanged: ((event: JetElementCustomEvent<ojChartSeries["sourceHoverSelected"]>) => any) | null;
+    onSourceSelectedChanged: ((event: JetElementCustomEvent<ojChartSeries["sourceSelected"]>) => any) | null;
+    onStackCategoryChanged: ((event: JetElementCustomEvent<ojChartSeries["stackCategory"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojChartSeries["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojChartSeries["svgStyle"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojChartSeries["type"]>) => any) | null;
+    addEventListener<T extends keyof ojChartSeriesEventMap>(type: T, listener: (this: HTMLElement, ev: ojChartSeriesEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojChartSeriesSettableProperties>(property: T): ojChartSeries[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojChartSeriesSettableProperties>(property: T, value: ojChartSeriesSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojChartSeriesSettableProperties>): void;
+    setProperties(properties: ojChartSeriesSettablePropertiesLenient): void;
+}
+export interface ojChartSeriesEventMap extends HTMLElementEventMap {
+    'areaColorChanged': JetElementCustomEvent<ojChartSeries["areaColor"]>;
+    'areaSvgClassNameChanged': JetElementCustomEvent<ojChartSeries["areaSvgClassName"]>;
+    'areaSvgStyleChanged': JetElementCustomEvent<ojChartSeries["areaSvgStyle"]>;
+    'assignedToY2Changed': JetElementCustomEvent<ojChartSeries["assignedToY2"]>;
+    'borderColorChanged': JetElementCustomEvent<ojChartSeries["borderColor"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojChartSeries["borderWidth"]>;
+    'boxPlotChanged': JetElementCustomEvent<ojChartSeries["boxPlot"]>;
+    'categoriesChanged': JetElementCustomEvent<ojChartSeries["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojChartSeries["color"]>;
+    'displayInLegendChanged': JetElementCustomEvent<ojChartSeries["displayInLegend"]>;
+    'drillingChanged': JetElementCustomEvent<ojChartSeries["drilling"]>;
+    'lineStyleChanged': JetElementCustomEvent<ojChartSeries["lineStyle"]>;
+    'lineTypeChanged': JetElementCustomEvent<ojChartSeries["lineType"]>;
+    'lineWidthChanged': JetElementCustomEvent<ojChartSeries["lineWidth"]>;
+    'markerColorChanged': JetElementCustomEvent<ojChartSeries["markerColor"]>;
+    'markerDisplayedChanged': JetElementCustomEvent<ojChartSeries["markerDisplayed"]>;
+    'markerShapeChanged': JetElementCustomEvent<ojChartSeries["markerShape"]>;
+    'markerSizeChanged': JetElementCustomEvent<ojChartSeries["markerSize"]>;
+    'markerSvgClassNameChanged': JetElementCustomEvent<ojChartSeries["markerSvgClassName"]>;
+    'markerSvgStyleChanged': JetElementCustomEvent<ojChartSeries["markerSvgStyle"]>;
+    'nameChanged': JetElementCustomEvent<ojChartSeries["name"]>;
+    'patternChanged': JetElementCustomEvent<ojChartSeries["pattern"]>;
+    'pieSliceExplodeChanged': JetElementCustomEvent<ojChartSeries["pieSliceExplode"]>;
+    'shortDescChanged': JetElementCustomEvent<ojChartSeries["shortDesc"]>;
+    'sourceChanged': JetElementCustomEvent<ojChartSeries["source"]>;
+    'sourceHoverChanged': JetElementCustomEvent<ojChartSeries["sourceHover"]>;
+    'sourceHoverSelectedChanged': JetElementCustomEvent<ojChartSeries["sourceHoverSelected"]>;
+    'sourceSelectedChanged': JetElementCustomEvent<ojChartSeries["sourceSelected"]>;
+    'stackCategoryChanged': JetElementCustomEvent<ojChartSeries["stackCategory"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojChartSeries["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojChartSeries["svgStyle"]>;
+    'typeChanged': JetElementCustomEvent<ojChartSeries["type"]>;
+}
+export interface ojChartSeriesSettableProperties extends JetSettableProperties {
+    areaColor?: string;
+    areaSvgClassName?: string;
+    areaSvgStyle?: object;
+    assignedToY2?: 'on' | 'off';
+    borderColor?: string;
+    borderWidth?: number;
+    boxPlot?: {
+        medianSvgClassName?: string;
+        medianSvgStyle?: object;
+        q2Color?: string;
+        q2SvgClassName?: string;
+        q2SvgStyle?: object;
+        q3Color?: string;
+        q3SvgClassName?: string;
+        q3SvgStyle?: object;
+        whiskerEndLength?: string;
+        whiskerEndSvgClassName?: string;
+        whiskerEndSvgStyle?: object;
+        whiskerSvgClassName?: string;
+        whiskerSvgStyle?: object;
+    };
+    categories?: string[];
+    color?: string;
+    displayInLegend?: 'on' | 'off' | 'auto';
+    drilling?: 'on' | 'off' | 'inherit';
+    lineStyle?: 'dotted' | 'dashed' | 'solid';
+    lineType?: 'straight' | 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'auto';
+    lineWidth?: number;
+    markerColor?: string;
+    markerDisplayed?: 'on' | 'off' | 'auto';
+    markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'auto' | string;
+    markerSize?: number;
+    markerSvgClassName?: string;
+    markerSvgStyle?: object;
+    name?: string;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'auto';
+    pieSliceExplode?: number;
+    shortDesc?: string;
+    source?: string;
+    sourceHover?: string;
+    sourceHoverSelected?: string;
+    sourceSelected?: string;
+    stackCategory?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    type?: 'bar' | 'line' | 'area' | 'lineWithArea' | 'candlestick' | 'boxPlot' | 'auto';
+}
+export interface ojChartSeriesSettablePropertiesLenient extends Partial<ojChartSeriesSettableProperties> {
+    [key: string]: any;
+}
+export interface ojSparkChart<K, D> extends dvtBaseComponent<ojSparkChartSettableProperties<K, D>> {
+    animationDuration: number | null;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    areaColor: string;
+    areaSvgClassName: string;
+    areaSvgStyle: object;
+    as: string;
+    barGapRatio: number;
+    baselineScaling: 'zero' | 'min';
+    color: string;
+    data: DataProvider<K, D> | null;
+    firstColor: string;
+    highColor: string;
+    lastColor: string;
+    lineStyle: 'dotted' | 'dashed' | 'solid';
+    lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'straight';
+    lineWidth: number;
+    lowColor: string;
+    markerShape: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSize: number;
+    referenceObjects: ojSparkChart.ReferenceObject[];
+    svgClassName: string;
+    svgStyle: object;
+    tooltip: {
+        renderer: ((context: ojSparkChart.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    type: 'area' | 'lineWithArea' | 'bar' | 'line';
+    visualEffects: 'none' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["animationDuration"]>) => any) | null;
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["animationOnDisplay"]>) => any) | null;
+    onAreaColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["areaColor"]>) => any) | null;
+    onAreaSvgClassNameChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["areaSvgClassName"]>) => any) | null;
+    onAreaSvgStyleChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["areaSvgStyle"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["as"]>) => any) | null;
+    onBarGapRatioChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["barGapRatio"]>) => any) | null;
+    onBaselineScalingChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["baselineScaling"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["color"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["data"]>) => any) | null;
+    onFirstColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["firstColor"]>) => any) | null;
+    onHighColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["highColor"]>) => any) | null;
+    onLastColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["lastColor"]>) => any) | null;
+    onLineStyleChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["lineStyle"]>) => any) | null;
+    onLineTypeChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["lineType"]>) => any) | null;
+    onLineWidthChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["lineWidth"]>) => any) | null;
+    onLowColorChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["lowColor"]>) => any) | null;
+    onMarkerShapeChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["markerShape"]>) => any) | null;
+    onMarkerSizeChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["markerSize"]>) => any) | null;
+    onReferenceObjectsChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["referenceObjects"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["svgStyle"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["tooltip"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["type"]>) => any) | null;
+    onVisualEffectsChanged: ((event: JetElementCustomEvent<ojSparkChart<K, D>["visualEffects"]>) => any) | null;
+    addEventListener<T extends keyof ojSparkChartEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojSparkChartEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSparkChartSettableProperties<K, D>>(property: T): ojSparkChart<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSparkChartSettableProperties<K, D>>(property: T, value: ojSparkChartSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSparkChartSettableProperties<K, D>>): void;
+    setProperties(properties: ojSparkChartSettablePropertiesLenient<K, D>): void;
+    getDataItem(itemIndex: number): ojSparkChart.ItemContext | null;
+}
+export interface ojSparkChartEventMap<K, D> extends dvtBaseComponentEventMap<ojSparkChartSettableProperties<K, D>> {
+    'animationDurationChanged': JetElementCustomEvent<ojSparkChart<K, D>["animationDuration"]>;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojSparkChart<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojSparkChart<K, D>["animationOnDisplay"]>;
+    'areaColorChanged': JetElementCustomEvent<ojSparkChart<K, D>["areaColor"]>;
+    'areaSvgClassNameChanged': JetElementCustomEvent<ojSparkChart<K, D>["areaSvgClassName"]>;
+    'areaSvgStyleChanged': JetElementCustomEvent<ojSparkChart<K, D>["areaSvgStyle"]>;
+    'asChanged': JetElementCustomEvent<ojSparkChart<K, D>["as"]>;
+    'barGapRatioChanged': JetElementCustomEvent<ojSparkChart<K, D>["barGapRatio"]>;
+    'baselineScalingChanged': JetElementCustomEvent<ojSparkChart<K, D>["baselineScaling"]>;
+    'colorChanged': JetElementCustomEvent<ojSparkChart<K, D>["color"]>;
+    'dataChanged': JetElementCustomEvent<ojSparkChart<K, D>["data"]>;
+    'firstColorChanged': JetElementCustomEvent<ojSparkChart<K, D>["firstColor"]>;
+    'highColorChanged': JetElementCustomEvent<ojSparkChart<K, D>["highColor"]>;
+    'lastColorChanged': JetElementCustomEvent<ojSparkChart<K, D>["lastColor"]>;
+    'lineStyleChanged': JetElementCustomEvent<ojSparkChart<K, D>["lineStyle"]>;
+    'lineTypeChanged': JetElementCustomEvent<ojSparkChart<K, D>["lineType"]>;
+    'lineWidthChanged': JetElementCustomEvent<ojSparkChart<K, D>["lineWidth"]>;
+    'lowColorChanged': JetElementCustomEvent<ojSparkChart<K, D>["lowColor"]>;
+    'markerShapeChanged': JetElementCustomEvent<ojSparkChart<K, D>["markerShape"]>;
+    'markerSizeChanged': JetElementCustomEvent<ojSparkChart<K, D>["markerSize"]>;
+    'referenceObjectsChanged': JetElementCustomEvent<ojSparkChart<K, D>["referenceObjects"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojSparkChart<K, D>["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojSparkChart<K, D>["svgStyle"]>;
+    'tooltipChanged': JetElementCustomEvent<ojSparkChart<K, D>["tooltip"]>;
+    'typeChanged': JetElementCustomEvent<ojSparkChart<K, D>["type"]>;
+    'visualEffectsChanged': JetElementCustomEvent<ojSparkChart<K, D>["visualEffects"]>;
+}
+export interface ojSparkChartSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationDuration: number | null;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    areaColor: string;
+    areaSvgClassName: string;
+    areaSvgStyle: object;
+    as: string;
+    barGapRatio: number;
+    baselineScaling: 'zero' | 'min';
+    color: string;
+    data: DataProvider<K, D> | null;
+    firstColor: string;
+    highColor: string;
+    lastColor: string;
+    lineStyle: 'dotted' | 'dashed' | 'solid';
+    lineType: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'straight';
+    lineWidth: number;
+    lowColor: string;
+    markerShape: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSize: number;
+    referenceObjects: ojSparkChart.ReferenceObject[];
+    svgClassName: string;
+    svgStyle: object;
+    tooltip: {
+        renderer: ((context: ojSparkChart.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    type: 'area' | 'lineWithArea' | 'bar' | 'line';
+    visualEffects: 'none' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojSparkChartSettablePropertiesLenient<K, D> extends Partial<ojSparkChartSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export namespace ojSparkChart {
+    // tslint:disable-next-line interface-over-type-literal
+    type Item = {
+        borderColor: string;
+        color: string;
+        date: Date;
+        high: number;
+        low: number;
+        markerDisplayed: 'on' | 'off';
+        markerShape: 'square' | 'circle' | 'diamond' | 'plus' | 'triangleDown' | 'triangleUp' | 'human' | 'star' | 'auto' | string;
+        markerSize: number;
+        svgClassName: string;
+        svgStyle: object;
+        value: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext = {
+        borderColor: string;
+        color: string;
+        date: Date;
+        high: number;
+        low: number;
+        value: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ReferenceObject = {
+        color?: string;
+        high?: number;
+        lineWidth?: number;
+        lineStyle: 'dotted' | 'dashed' | 'solid';
+        location: 'front' | 'back';
+        low?: number;
+        svgClassName?: string;
+        svgStyle?: object;
+        type: 'area' | 'line';
+        value?: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext = {
+        color: string;
+        componentElement: Element;
+        parentElement: Element;
+    };
+}
+export interface ojSparkChartItem extends JetElement<ojSparkChartItemSettableProperties> {
+    borderColor: string;
+    color: string;
+    date: string;
+    high: number | null;
+    low: number | null;
+    markerDisplayed: 'off' | 'on';
+    markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSize: number;
+    svgClassName: string;
+    svgStyle: object;
+    value: number | null;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojSparkChartItem["borderColor"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojSparkChartItem["color"]>) => any) | null;
+    onDateChanged: ((event: JetElementCustomEvent<ojSparkChartItem["date"]>) => any) | null;
+    onHighChanged: ((event: JetElementCustomEvent<ojSparkChartItem["high"]>) => any) | null;
+    onLowChanged: ((event: JetElementCustomEvent<ojSparkChartItem["low"]>) => any) | null;
+    onMarkerDisplayedChanged: ((event: JetElementCustomEvent<ojSparkChartItem["markerDisplayed"]>) => any) | null;
+    onMarkerShapeChanged: ((event: JetElementCustomEvent<ojSparkChartItem["markerShape"]>) => any) | null;
+    onMarkerSizeChanged: ((event: JetElementCustomEvent<ojSparkChartItem["markerSize"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojSparkChartItem["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojSparkChartItem["svgStyle"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSparkChartItem["value"]>) => any) | null;
+    addEventListener<T extends keyof ojSparkChartItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojSparkChartItemEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSparkChartItemSettableProperties>(property: T): ojSparkChartItem[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSparkChartItemSettableProperties>(property: T, value: ojSparkChartItemSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSparkChartItemSettableProperties>): void;
+    setProperties(properties: ojSparkChartItemSettablePropertiesLenient): void;
+}
+export interface ojSparkChartItemEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojSparkChartItem["borderColor"]>;
+    'colorChanged': JetElementCustomEvent<ojSparkChartItem["color"]>;
+    'dateChanged': JetElementCustomEvent<ojSparkChartItem["date"]>;
+    'highChanged': JetElementCustomEvent<ojSparkChartItem["high"]>;
+    'lowChanged': JetElementCustomEvent<ojSparkChartItem["low"]>;
+    'markerDisplayedChanged': JetElementCustomEvent<ojSparkChartItem["markerDisplayed"]>;
+    'markerShapeChanged': JetElementCustomEvent<ojSparkChartItem["markerShape"]>;
+    'markerSizeChanged': JetElementCustomEvent<ojSparkChartItem["markerSize"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojSparkChartItem["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojSparkChartItem["svgStyle"]>;
+    'valueChanged': JetElementCustomEvent<ojSparkChartItem["value"]>;
+}
+export interface ojSparkChartItemSettableProperties extends JetSettableProperties {
+    borderColor: string;
+    color: string;
+    date: string;
+    high: number | null;
+    low: number | null;
+    markerDisplayed: 'off' | 'on';
+    markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSize: number;
+    svgClassName: string;
+    svgStyle: object;
+    value: number | null;
+}
+export interface ojSparkChartItemSettablePropertiesLenient extends Partial<ojSparkChartItemSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojcheckboxset/index.d.ts b/types/oracle__oraclejet/ojcheckboxset/index.d.ts
new file mode 100644
index 0000000000..afed42d51c
--- /dev/null
+++ b/types/oracle__oraclejet/ojcheckboxset/index.d.ts
@@ -0,0 +1,69 @@
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojCheckboxset extends editableValue<any[], ojCheckboxsetSettableProperties> {
+    disabled: boolean;
+    labelledBy: string | null;
+    required: boolean;
+    value: any[];
+    translations: {
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onDisabledChanged: ((event: JetElementCustomEvent<ojCheckboxset["disabled"]>) => any) | null;
+    onLabelledByChanged: ((event: JetElementCustomEvent<ojCheckboxset["labelledBy"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojCheckboxset["required"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojCheckboxset["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojCheckboxset.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojCheckboxset.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojCheckboxsetEventMap>(type: T, listener: (this: HTMLElement, ev: ojCheckboxsetEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojCheckboxsetSettableProperties>(property: T): ojCheckboxset[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojCheckboxsetSettableProperties>(property: T, value: ojCheckboxsetSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojCheckboxsetSettableProperties>): void;
+    setProperties(properties: ojCheckboxsetSettablePropertiesLenient): void;
+    refresh(): void;
+    validate(): Promise<string>;
+}
+export namespace ojCheckboxset {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojCheckboxsetEventMap extends editableValueEventMap<any[], ojCheckboxsetSettableProperties> {
+    'ojAnimateEnd': ojCheckboxset.ojAnimateEnd;
+    'ojAnimateStart': ojCheckboxset.ojAnimateStart;
+    'disabledChanged': JetElementCustomEvent<ojCheckboxset["disabled"]>;
+    'labelledByChanged': JetElementCustomEvent<ojCheckboxset["labelledBy"]>;
+    'requiredChanged': JetElementCustomEvent<ojCheckboxset["required"]>;
+    'valueChanged': JetElementCustomEvent<ojCheckboxset["value"]>;
+}
+export interface ojCheckboxsetSettableProperties extends editableValueSettableProperties<any[]> {
+    disabled: boolean;
+    labelledBy: string | null;
+    required: boolean;
+    value: any[];
+    translations: {
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface ojCheckboxsetSettablePropertiesLenient extends Partial<ojCheckboxsetSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojcollapsible/index.d.ts b/types/oracle__oraclejet/ojcollapsible/index.d.ts
new file mode 100644
index 0000000000..1d677ed1c1
--- /dev/null
+++ b/types/oracle__oraclejet/ojcollapsible/index.d.ts
@@ -0,0 +1,64 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojCollapsible extends baseComponent<ojCollapsibleSettableProperties> {
+    disabled: boolean;
+    expandArea: 'header' | 'disclosureIcon';
+    expanded: boolean;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojCollapsible["disabled"]>) => any) | null;
+    onExpandAreaChanged: ((event: JetElementCustomEvent<ojCollapsible["expandArea"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojCollapsible["expanded"]>) => any) | null;
+    onOjBeforeCollapse: ((event: ojCollapsible.ojBeforeCollapse) => any) | null;
+    onOjBeforeExpand: ((event: ojCollapsible.ojBeforeExpand) => any) | null;
+    onOjCollapse: ((event: ojCollapsible.ojCollapse) => any) | null;
+    onOjExpand: ((event: ojCollapsible.ojExpand) => any) | null;
+    addEventListener<T extends keyof ojCollapsibleEventMap>(type: T, listener: (this: HTMLElement, ev: ojCollapsibleEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojCollapsibleSettableProperties>(property: T): ojCollapsible[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojCollapsibleSettableProperties>(property: T, value: ojCollapsibleSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojCollapsibleSettableProperties>): void;
+    setProperties(properties: ojCollapsibleSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export namespace ojCollapsible {
+    interface ojBeforeCollapse extends CustomEvent<{
+        header: Element;
+        content: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand extends CustomEvent<{
+        header: Element;
+        content: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse extends CustomEvent<{
+        header: Element;
+        content: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand extends CustomEvent<{
+        header: Element;
+        content: Element;
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojCollapsibleEventMap extends baseComponentEventMap<ojCollapsibleSettableProperties> {
+    'ojBeforeCollapse': ojCollapsible.ojBeforeCollapse;
+    'ojBeforeExpand': ojCollapsible.ojBeforeExpand;
+    'ojCollapse': ojCollapsible.ojCollapse;
+    'ojExpand': ojCollapsible.ojExpand;
+    'disabledChanged': JetElementCustomEvent<ojCollapsible["disabled"]>;
+    'expandAreaChanged': JetElementCustomEvent<ojCollapsible["expandArea"]>;
+    'expandedChanged': JetElementCustomEvent<ojCollapsible["expanded"]>;
+}
+export interface ojCollapsibleSettableProperties extends baseComponentSettableProperties {
+    disabled: boolean;
+    expandArea: 'header' | 'disclosureIcon';
+    expanded: boolean;
+}
+export interface ojCollapsibleSettablePropertiesLenient extends Partial<ojCollapsibleSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojcollectiondataprovider/index.d.ts b/types/oracle__oraclejet/ojcollectiondataprovider/index.d.ts
new file mode 100644
index 0000000000..19b87d4f8a
--- /dev/null
+++ b/types/oracle__oraclejet/ojcollectiondataprovider/index.d.ts
@@ -0,0 +1,16 @@
+import { Collection } from '../ojmodel';
+import { DataProvider, FetchByKeysParameters, ContainsKeysResults, FetchByKeysResults, FetchByOffsetParameters, FetchByOffsetResults, FetchListResult, FetchListParameters } from '../ojdataprovider';
+declare class CollectionDataProvider<K, D> implements DataProvider<K, D> {
+    constructor(collection: Collection);
+    addEventListener(eventType: string, listener: EventListener): void;
+    containsKeys(params: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    dispatchEvent(evt: Event): boolean;
+    fetchByKeys(params: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(params: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(params?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName?: string): any;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+    removeEventListener(eventType: string, listener: EventListener): void;
+}
+export = CollectionDataProvider;
diff --git a/types/oracle__oraclejet/ojcolor/index.d.ts b/types/oracle__oraclejet/ojcolor/index.d.ts
new file mode 100644
index 0000000000..b252df9ab7
--- /dev/null
+++ b/types/oracle__oraclejet/ojcolor/index.d.ts
@@ -0,0 +1,182 @@
+declare class Color {
+    static ALICEBLUE: Color;
+    static ANTIQUEWHITE: Color;
+    static AQUA: Color;
+    static AQUAMARINE: Color;
+    static AZURE: Color;
+    static BEIGE: Color;
+    static BISQUE: Color;
+    static BLACK: Color;
+    static BLANCHEDALMOND: Color;
+    static BLUE: Color;
+    static BLUEVIOLET: Color;
+    static BROWN: Color;
+    static BURLYWOOD: Color;
+    static CADETBLUE: Color;
+    static CHARTREUSE: Color;
+    static CHOCOLATE: Color;
+    static CORAL: Color;
+    static CORNFLOWERBLUE: Color;
+    static CORNSILK: Color;
+    static CRIMSON: Color;
+    static CYAN: Color;
+    static DARKBLUE: Color;
+    static DARKCYAN: Color;
+    static DARKGOLDENROD: Color;
+    static DARKGRAY: Color;
+    static DARKGREEN: Color;
+    static DARKGREY: Color;
+    static DARKKHAKI: Color;
+    static DARKMAGENTA: Color;
+    static DARKOLIVEGREEN: Color;
+    static DARKORANGE: Color;
+    static DARKORCHID: Color;
+    static DARKRED: Color;
+    static DARKSALMON: Color;
+    static DARKSEAGREEN: Color;
+    static DARKSLATEBLUE: Color;
+    static DARKSLATEGRAY: Color;
+    static DARKSLATEGREY: Color;
+    static DARKTURQUOISE: Color;
+    static DARKVIOLET: Color;
+    static DEEPPINK: Color;
+    static DEEPSKYBLUE: Color;
+    static DIMGRAY: Color;
+    static DIMGREY: Color;
+    static DODGERBLUE: Color;
+    static FIREBRICK: Color;
+    static FLORALWHITE: Color;
+    static FORESTGREEN: Color;
+    static FUCHSIA: Color;
+    static GAINSBORO: Color;
+    static GHOSTWHITE: Color;
+    static GOLD: Color;
+    static GOLDENROD: Color;
+    static GRAY: Color;
+    static GREEN: Color;
+    static GREENYELLOW: Color;
+    static GREY: Color;
+    static HONEYDEW: Color;
+    static HOTPINK: Color;
+    static INDIANRED: Color;
+    static INDIGO: Color;
+    static IVORY: Color;
+    static KHAKI: Color;
+    static LAVENDER: Color;
+    static LAVENDERBLUSH: Color;
+    static LAWNGREEN: Color;
+    static LEMONCHIFFON: Color;
+    static LIGHTBLUE: Color;
+    static LIGHTCORAL: Color;
+    static LIGHTCYAN: Color;
+    static LIGHTGOLDENRODYELLOW: Color;
+    static LIGHTGRAY: Color;
+    static LIGHTGREEN: Color;
+    static LIGHTGREY: Color;
+    static LIGHTPINK: Color;
+    static LIGHTSALMON: Color;
+    static LIGHTSEAGREEN: Color;
+    static LIGHTSKYBLUE: Color;
+    static LIGHTSLATEGRAY: Color;
+    static LIGHTSLATEGREY: Color;
+    static LIGHTSTEELBLUE: Color;
+    static LIGHTYELLOW: Color;
+    static LIME: Color;
+    static LIMEGREEN: Color;
+    static LINEN: Color;
+    static MAGENTA: Color;
+    static MAROON: Color;
+    static MEDIUMAQUAMARINE: Color;
+    static MEDIUMBLUE: Color;
+    static MEDIUMORCHID: Color;
+    static MEDIUMPURPLE: Color;
+    static MEDIUMSEAGREEN: Color;
+    static MEDIUMSLATEBLUE: Color;
+    static MEDIUMSPRINGGREEN: Color;
+    static MEDIUMTURQUOISE: Color;
+    static MEDIUMVIOLETRED: Color;
+    static MIDNIGHTBLUE: Color;
+    static MINTCREAM: Color;
+    static MISTYROSE: Color;
+    static MOCCASIN: Color;
+    static NAVAJOWHITE: Color;
+    static NAVY: Color;
+    static OLDLACE: Color;
+    static OLIVE: Color;
+    static OLIVEDRAB: Color;
+    static ORANGE: Color;
+    static ORANGERED: Color;
+    static ORCHID: Color;
+    static PALEGOLDENROD: Color;
+    static PALEGREEN: Color;
+    static PALETURQUOISE: Color;
+    static PALEVIOLETRED: Color;
+    static PAPAYAWHIP: Color;
+    static PEACHPUFF: Color;
+    static PERU: Color;
+    static PINK: Color;
+    static PLUM: Color;
+    static POWDERBLUE: Color;
+    static PURPLE: Color;
+    static REBECCAPURPLE: Color;
+    static RED: Color;
+    static ROSYBROWN: Color;
+    static ROYALBLUE: Color;
+    static SADDLEBROWN: Color;
+    static SALMON: Color;
+    static SANDYBROWN: Color;
+    static SEAGREEN: Color;
+    static SEASHELL: Color;
+    static SIENNA: Color;
+    static SILVER: Color;
+    static SKYBLUE: Color;
+    static SLATEBLUE: Color;
+    static SLATEGRAY: Color;
+    static SLATEGREY: Color;
+    static SNOW: Color;
+    static SPRINGGREEN: Color;
+    static STEELBLUE: Color;
+    static TAN: Color;
+    static TEAL: Color;
+    static THISTLE: Color;
+    static TOMATO: Color;
+    static TRANSPARENT: Color;
+    static TURQUOISE: Color;
+    static VIOLET: Color;
+    static WHEAT: Color;
+    static WHITE: Color;
+    static WHITESMOKE: Color;
+    static YELLOW: Color;
+    static YELLOWGREEN: Color;
+    constructor(color: string | Color.RGBA | Color.HSLA | Color.HSVA);
+    getAlpha(): number;
+    getBlue(doNotRound?: boolean): number;
+    getGreen(doNotRound?: boolean): number;
+    getRed(doNotRound?: boolean): number;
+    isEqual(color: Color): boolean;
+    toString(): string;
+}
+declare namespace Color {
+    // tslint:disable-next-line interface-over-type-literal
+    type HSLA = {
+        h: number;
+        s: number;
+        l: number;
+        a?: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type HSVA = {
+        h: number;
+        s: number;
+        v: number;
+        a?: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RGBA = {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+}
+export = Color;
diff --git a/types/oracle__oraclejet/ojcolorpalette/index.d.ts b/types/oracle__oraclejet/ojcolorpalette/index.d.ts
new file mode 100644
index 0000000000..5e0b278199
--- /dev/null
+++ b/types/oracle__oraclejet/ojcolorpalette/index.d.ts
@@ -0,0 +1,74 @@
+import Color = require('../ojcolor');
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojColorPalette extends editableValue<Color, ojColorPaletteSettableProperties> {
+    labelDisplay: 'auto' | 'off';
+    labelledBy: string | null;
+    layout: 'grid' | 'list';
+    palette: Array<{
+        color: Color;
+        label?: string;
+    }>;
+    swatchSize: 'xs' | 'sm' | 'lg';
+    value: Color;
+    translations: {
+        labelNone?: string;
+    };
+    onLabelDisplayChanged: ((event: JetElementCustomEvent<ojColorPalette["labelDisplay"]>) => any) | null;
+    onLabelledByChanged: ((event: JetElementCustomEvent<ojColorPalette["labelledBy"]>) => any) | null;
+    onLayoutChanged: ((event: JetElementCustomEvent<ojColorPalette["layout"]>) => any) | null;
+    onPaletteChanged: ((event: JetElementCustomEvent<ojColorPalette["palette"]>) => any) | null;
+    onSwatchSizeChanged: ((event: JetElementCustomEvent<ojColorPalette["swatchSize"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojColorPalette["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojColorPalette.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojColorPalette.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojColorPaletteEventMap>(type: T, listener: (this: HTMLElement, ev: ojColorPaletteEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojColorPaletteSettableProperties>(property: T): ojColorPalette[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojColorPaletteSettableProperties>(property: T, value: ojColorPaletteSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojColorPaletteSettableProperties>): void;
+    setProperties(properties: ojColorPaletteSettablePropertiesLenient): void;
+}
+export namespace ojColorPalette {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojColorPaletteEventMap extends editableValueEventMap<Color, ojColorPaletteSettableProperties> {
+    'ojAnimateEnd': ojColorPalette.ojAnimateEnd;
+    'ojAnimateStart': ojColorPalette.ojAnimateStart;
+    'labelDisplayChanged': JetElementCustomEvent<ojColorPalette["labelDisplay"]>;
+    'labelledByChanged': JetElementCustomEvent<ojColorPalette["labelledBy"]>;
+    'layoutChanged': JetElementCustomEvent<ojColorPalette["layout"]>;
+    'paletteChanged': JetElementCustomEvent<ojColorPalette["palette"]>;
+    'swatchSizeChanged': JetElementCustomEvent<ojColorPalette["swatchSize"]>;
+    'valueChanged': JetElementCustomEvent<ojColorPalette["value"]>;
+}
+export interface ojColorPaletteSettableProperties extends editableValueSettableProperties<Color> {
+    labelDisplay: 'auto' | 'off';
+    labelledBy: string | null;
+    layout: 'grid' | 'list';
+    palette: Array<{
+        color: Color;
+        label?: string;
+    }>;
+    swatchSize: 'xs' | 'sm' | 'lg';
+    value: Color;
+    translations: {
+        labelNone?: string;
+    };
+}
+export interface ojColorPaletteSettablePropertiesLenient extends Partial<ojColorPaletteSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojcolorspectrum/index.d.ts b/types/oracle__oraclejet/ojcolorspectrum/index.d.ts
new file mode 100644
index 0000000000..a96f0c1977
--- /dev/null
+++ b/types/oracle__oraclejet/ojcolorspectrum/index.d.ts
@@ -0,0 +1,62 @@
+import Color = require('../ojcolor');
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojColorSpectrum extends editableValue<Color, ojColorSpectrumSettableProperties> {
+    labelledBy: string | null;
+    readonly transientValue: Color;
+    value: Color;
+    translations: {
+        labelHue?: string;
+        labelOpacity?: string;
+        labelSatLum?: string;
+        labelThumbDesc?: string;
+    };
+    onLabelledByChanged: ((event: JetElementCustomEvent<ojColorSpectrum["labelledBy"]>) => any) | null;
+    onTransientValueChanged: ((event: JetElementCustomEvent<ojColorSpectrum["transientValue"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojColorSpectrum["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojColorSpectrum.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojColorSpectrum.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojColorSpectrumEventMap>(type: T, listener: (this: HTMLElement, ev: ojColorSpectrumEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojColorSpectrumSettableProperties>(property: T): ojColorSpectrum[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojColorSpectrumSettableProperties>(property: T, value: ojColorSpectrumSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojColorSpectrumSettableProperties>): void;
+    setProperties(properties: ojColorSpectrumSettablePropertiesLenient): void;
+}
+export namespace ojColorSpectrum {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojColorSpectrumEventMap extends editableValueEventMap<Color, ojColorSpectrumSettableProperties> {
+    'ojAnimateEnd': ojColorSpectrum.ojAnimateEnd;
+    'ojAnimateStart': ojColorSpectrum.ojAnimateStart;
+    'labelledByChanged': JetElementCustomEvent<ojColorSpectrum["labelledBy"]>;
+    'transientValueChanged': JetElementCustomEvent<ojColorSpectrum["transientValue"]>;
+    'valueChanged': JetElementCustomEvent<ojColorSpectrum["value"]>;
+}
+export interface ojColorSpectrumSettableProperties extends editableValueSettableProperties<Color> {
+    labelledBy: string | null;
+    readonly transientValue: Color;
+    value: Color;
+    translations: {
+        labelHue?: string;
+        labelOpacity?: string;
+        labelSatLum?: string;
+        labelThumbDesc?: string;
+    };
+}
+export interface ojColorSpectrumSettablePropertiesLenient extends Partial<ojColorSpectrumSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojcomponentcore/index.d.ts b/types/oracle__oraclejet/ojcomponentcore/index.d.ts
new file mode 100644
index 0000000000..17ab67c7b9
--- /dev/null
+++ b/types/oracle__oraclejet/ojcomponentcore/index.d.ts
@@ -0,0 +1,6 @@
+export function subtreeAttached(node: Element): void;
+export function subtreeDetached(node: Element): void;
+export function subtreeHidden(node: Element): void;
+export function subtreeShown(node: Element, options?: {
+    initialRender: boolean;
+}): void;
diff --git a/types/oracle__oraclejet/ojcomposite/index.d.ts b/types/oracle__oraclejet/ojcomposite/index.d.ts
new file mode 100644
index 0000000000..d8ed0bbb4e
--- /dev/null
+++ b/types/oracle__oraclejet/ojcomposite/index.d.ts
@@ -0,0 +1,45 @@
+export function getComponentMetadata(name: string): Metadata | null;
+export function register(name: string, descriptor: {
+    metadata: Metadata;
+    view: string;
+    viewModel: ((param0: ViewModelContext) => void | object);
+    parseFunction: ((value: string, name: string, meta: object, defaultParseFunction: (value: string) => any) => any);
+}): void;
+// tslint:disable-next-line interface-over-type-literal
+export type Metadata = {
+    name: string;
+    version: string;
+    jetVersion: string;
+    properties?: object;
+    methods?: object;
+    events?: object;
+    slots?: object;
+};
+// tslint:disable-next-line interface-over-type-literal
+export type PropertyChangedContext = {
+    property: string;
+    value: any;
+    previousValue: any;
+    updatedFrom: 'external' | 'internal';
+    subproperty?: {
+        path: string;
+        value: any;
+        previousValue: any;
+    };
+};
+// tslint:disable-next-line interface-over-type-literal
+export type ViewModel = {
+    activated: ((param0: ViewModelContext) => Promise<any> | void);
+    connected: ((param0: ViewModelContext) => void);
+    bindingsApplied: ((param0: ViewModelContext) => void);
+    propertyChanged: ((param0: PropertyChangedContext) => void);
+    disconnected: ((param0: Element) => void);
+};
+// tslint:disable-next-line interface-over-type-literal
+export type ViewModelContext = {
+    element: Element;
+    properties: object;
+    slotCounts: object;
+    unique: string;
+    uniqueId: string;
+};
diff --git a/types/oracle__oraclejet/ojconfig/index.d.ts b/types/oracle__oraclejet/ojconfig/index.d.ts
new file mode 100644
index 0000000000..6fefb1406c
--- /dev/null
+++ b/types/oracle__oraclejet/ojconfig/index.d.ts
@@ -0,0 +1,9 @@
+export function getAutomationMode(): string;
+export function getDeviceType(): 'phone' | 'tablet' | 'others';
+export function getLocale(): string;
+export function getResourceUrl(relativePath: string): string;
+export function getVersionInfo(): string;
+export function logVersionInfo(): undefined;
+export function setAutomationMode(mode: string): undefined;
+export function setLocale(locale: string, callback?: (() => void)): undefined;
+export function setResourceBaseUrl(baseUrl: string): undefined;
diff --git a/types/oracle__oraclejet/ojcontext/index.d.ts b/types/oracle__oraclejet/ojcontext/index.d.ts
new file mode 100644
index 0000000000..0bb6a856c7
--- /dev/null
+++ b/types/oracle__oraclejet/ojcontext/index.d.ts
@@ -0,0 +1,39 @@
+declare class BusyContext {
+    addBusyState(options: {
+        description: object | (() => string);
+    }): (() => void);
+    applicationBootstrapComplete(): undefined;
+    clear(): undefined;
+    dump(message?: string): undefined;
+    getBusyStates(): Array<{
+        id: string;
+        description: string;
+    }>;
+    isReady(): boolean;
+    toString(): string;
+    whenReady(timeout?: number): Promise<(boolean | Error)>;
+}
+declare namespace Context {
+    interface BusyContext {
+        addBusyState(options: {
+            description: object | (() => string);
+        }): (() => void);
+        applicationBootstrapComplete(): undefined;
+        clear(): undefined;
+        dump(message?: string): undefined;
+        getBusyStates(): Array<{
+            id: string;
+            description: string;
+        }>;
+        isReady(): boolean;
+        toString(): string;
+        whenReady(timeout?: number): Promise<(boolean | Error)>;
+    }
+}
+declare class Context {
+    static getContext(node: Element): Context;
+    static getPageContext(): Context;
+    static setBusyContextDefaultTimeout(timeout: number): any;
+    getBusyContext(): BusyContext;
+}
+export = Context;
diff --git a/types/oracle__oraclejet/ojconveyorbelt/index.d.ts b/types/oracle__oraclejet/ojconveyorbelt/index.d.ts
new file mode 100644
index 0000000000..bacc5f7a7f
--- /dev/null
+++ b/types/oracle__oraclejet/ojconveyorbelt/index.d.ts
@@ -0,0 +1,26 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojConveyorBelt extends baseComponent<ojConveyorBeltSettableProperties> {
+    contentParent: string | null;
+    orientation: 'horizontal' | 'vertical';
+    onContentParentChanged: ((event: JetElementCustomEvent<ojConveyorBelt["contentParent"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojConveyorBelt["orientation"]>) => any) | null;
+    addEventListener<T extends keyof ojConveyorBeltEventMap>(type: T, listener: (this: HTMLElement, ev: ojConveyorBeltEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojConveyorBeltSettableProperties>(property: T): ojConveyorBelt[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojConveyorBeltSettableProperties>(property: T, value: ojConveyorBeltSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojConveyorBeltSettableProperties>): void;
+    setProperties(properties: ojConveyorBeltSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojConveyorBeltEventMap extends baseComponentEventMap<ojConveyorBeltSettableProperties> {
+    'contentParentChanged': JetElementCustomEvent<ojConveyorBelt["contentParent"]>;
+    'orientationChanged': JetElementCustomEvent<ojConveyorBelt["orientation"]>;
+}
+export interface ojConveyorBeltSettableProperties extends baseComponentSettableProperties {
+    contentParent: string | null;
+    orientation: 'horizontal' | 'vertical';
+}
+export interface ojConveyorBeltSettablePropertiesLenient extends Partial<ojConveyorBeltSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdatagrid/index.d.ts b/types/oracle__oraclejet/ojdatagrid/index.d.ts
new file mode 100644
index 0000000000..073f5de2af
--- /dev/null
+++ b/types/oracle__oraclejet/ojdatagrid/index.d.ts
@@ -0,0 +1,520 @@
+import { DataProvider } from '../ojdataprovider';
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojDataGrid<K, D> extends baseComponent<ojDataGridSettableProperties<K, D>> {
+    bandingInterval: {
+        column: number;
+        row: number;
+    };
+    cell: {
+        className?: ((context: ojDataGrid.CellContext<K, D>) => string | void | null) | string | null;
+        renderer?: ((context: ojDataGrid.CellContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void | null) | null;
+        style?: ((context: ojDataGrid.CellContext<K, D>) => string | void | null) | string | null;
+    };
+    currentCell: ojDataGrid.CurrentCell<K> | null;
+    data: DataProvider<K, D>;
+    dnd: {
+        reorder: {
+            row: 'enable' | 'disable';
+        };
+    };
+    editMode: 'none' | 'cellNavigation' | 'cellEdit';
+    gridlines: {
+        horizontal: 'visible' | 'hidden';
+        vertical: 'visible' | 'hidden';
+    };
+    header: {
+        column: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height: 'enable' | 'disable';
+                width?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            };
+            sortable?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        columnEnd: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height: 'enable' | 'disable';
+                width?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            };
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        row: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+                width: 'enable' | 'disable';
+            };
+            sortable?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        rowEnd: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+                width: 'enable' | 'disable';
+            };
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+    };
+    scrollPolicy: 'auto' | 'loadMoreOnScroll' | 'scroll';
+    scrollPolicyOptions: {
+        maxColumnCount: number;
+        maxRowCount: number;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        rowIndex?: number;
+        columnIndex?: number;
+        rowKey?: K;
+        columnKey?: K;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: Array<ojDataGrid.Selection<K>>;
+    selectionMode: {
+        cell: 'none' | 'single' | 'multiple';
+        row: 'none' | 'single' | 'multiple';
+    };
+    translations: {
+        accessibleActionableMode?: string;
+        accessibleColumnContext?: string;
+        accessibleColumnEndHeaderContext?: string;
+        accessibleColumnHeaderContext?: string;
+        accessibleColumnSelected?: string;
+        accessibleColumnSpanContext?: string;
+        accessibleFirstColumn?: string;
+        accessibleFirstRow?: string;
+        accessibleLastColumn?: string;
+        accessibleLastRow?: string;
+        accessibleLevelContext?: string;
+        accessibleMultiCellSelected?: string;
+        accessibleNavigationMode?: string;
+        accessibleRangeSelectModeOff?: string;
+        accessibleRangeSelectModeOn?: string;
+        accessibleRowCollapsed?: string;
+        accessibleRowContext?: string;
+        accessibleRowEndHeaderContext?: string;
+        accessibleRowExpanded?: string;
+        accessibleRowHeaderContext?: string;
+        accessibleRowSelected?: string;
+        accessibleRowSpanContext?: string;
+        accessibleSelectionAffordanceBottom?: string;
+        accessibleSelectionAffordanceTop?: string;
+        accessibleSortAscending?: string;
+        accessibleSortDescending?: string;
+        accessibleStateSelected?: string;
+        accessibleSummaryEstimate?: string;
+        accessibleSummaryExact?: string;
+        accessibleSummaryExpanded?: string;
+        labelCut?: string;
+        labelDisableNonContiguous?: string;
+        labelEnableNonContiguous?: string;
+        labelPaste?: string;
+        labelResize?: string;
+        labelResizeDialogSubmit?: string;
+        labelResizeHeight?: string;
+        labelResizeWidth?: string;
+        labelSortCol?: string;
+        labelSortColAsc?: string;
+        labelSortColDsc?: string;
+        labelSortRow?: string;
+        labelSortRowAsc?: string;
+        labelSortRowDsc?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+    };
+    onBandingIntervalChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["bandingInterval"]>) => any) | null;
+    onCellChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["cell"]>) => any) | null;
+    onCurrentCellChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["currentCell"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["data"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["dnd"]>) => any) | null;
+    onEditModeChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["editMode"]>) => any) | null;
+    onGridlinesChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["gridlines"]>) => any) | null;
+    onHeaderChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["header"]>) => any) | null;
+    onScrollPolicyChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["scrollPolicy"]>) => any) | null;
+    onScrollPolicyOptionsChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["scrollPolicyOptions"]>) => any) | null;
+    onScrollPositionChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["scrollPosition"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojDataGrid<K, D>["selectionMode"]>) => any) | null;
+    onOjBeforeCurrentCell: ((event: ojDataGrid.ojBeforeCurrentCell<K>) => any) | null;
+    onOjBeforeEdit: ((event: ojDataGrid.ojBeforeEdit<K, D>) => any) | null;
+    onOjBeforeEditEnd: ((event: ojDataGrid.ojBeforeEditEnd<K, D>) => any) | null;
+    onOjResize: ((event: ojDataGrid.ojResize) => any) | null;
+    onOjScroll: ((event: ojDataGrid.ojScroll) => any) | null;
+    onOjSort: ((event: ojDataGrid.ojSort) => any) | null;
+    addEventListener<T extends keyof ojDataGridEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojDataGridEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDataGridSettableProperties<K, D>>(property: T): ojDataGrid<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDataGridSettableProperties<K, D>>(property: T, value: ojDataGridSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDataGridSettableProperties<K, D>>): void;
+    setProperties(properties: ojDataGridSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojDataGrid.CellContext<K, D> & {
+        subId: 'oj-datagrid-cell';
+    } | ojDataGrid.HeaderContext<K, D> & {
+        subId: 'oj-datagrid-header';
+    } | ojDataGrid.LabelContext<K, D> & {
+        subId: 'oj-datagrid-header-label';
+    };
+    refresh(): void;
+}
+export namespace ojDataGrid {
+    interface ojBeforeCurrentCell<K> extends CustomEvent<{
+        currentCell: CurrentCell<K>;
+        previousCurrentCell: CurrentCell<K>;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeEdit<K, D> extends CustomEvent<{
+        cellContext: CellContext<K, D>;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeEditEnd<K, D> extends CustomEvent<{
+        cellContext: CellContext<K, D>;
+        cancelEdit: boolean;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojResize extends CustomEvent<{
+        header: string | number;
+        oldDimensions: {
+            width: number;
+            height: number;
+        };
+        newDimensions: {
+            width: number;
+            height: number;
+        };
+        [propName: string]: any;
+    }> {
+    }
+    interface ojScroll extends CustomEvent<{
+        scrollX: number;
+        scrollY: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojSort extends CustomEvent<{
+        header: any;
+        direction: 'ascending' | 'descending';
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type CellContext<K, D> = {
+        componentElement: Element;
+        parentElement: Element;
+        cell: D;
+        data: D;
+        datasource: DataProvider<K, D> | null;
+        indexes: {
+            row: number;
+            column: number;
+        };
+        keys: {
+            row: K;
+            column: K;
+        };
+        extents: {
+            row: number;
+            column: number;
+        };
+        mode: 'edit' | 'navigation';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type CurrentCell<K> = {
+        type: 'cell' | 'header' | 'label';
+        axis?: 'column' | 'columnEnd' | 'row' | 'rowEnd';
+        index?: number;
+        level?: number;
+        key?: any;
+        indexes?: {
+            row: number;
+            column: number;
+        };
+        keys?: {
+            row: K;
+            column: K;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type HeaderContext<K, D> = {
+        componentElement: Element;
+        parentElement: Element;
+        data: D;
+        datasource: DataProvider<K, D> | null;
+        axis: 'column' | 'columnEnd' | 'row' | 'rowEnd';
+        index: number;
+        key: K;
+        level: number;
+        extent: number;
+        depth: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type LabelContext<K, D> = {
+        componentElement: Element;
+        parentElement: Element;
+        datasource: DataProvider<K, D> | null;
+        axis: 'column' | 'columnEnd' | 'row' | 'rowEnd';
+        key: K;
+        level: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Selection<K> = {
+        startIndex?: {
+            row: number;
+            column?: number;
+        };
+        startKey?: {
+            row: K;
+            column?: K;
+        };
+        endIndex?: {
+            row: number;
+            column?: number;
+        };
+        endKey?: {
+            row: K;
+            column?: K;
+        };
+    };
+}
+export interface ojDataGridEventMap<K, D> extends baseComponentEventMap<ojDataGridSettableProperties<K, D>> {
+    'ojBeforeCurrentCell': ojDataGrid.ojBeforeCurrentCell<K>;
+    'ojBeforeEdit': ojDataGrid.ojBeforeEdit<K, D>;
+    'ojBeforeEditEnd': ojDataGrid.ojBeforeEditEnd<K, D>;
+    'ojResize': ojDataGrid.ojResize;
+    'ojScroll': ojDataGrid.ojScroll;
+    'ojSort': ojDataGrid.ojSort;
+    'bandingIntervalChanged': JetElementCustomEvent<ojDataGrid<K, D>["bandingInterval"]>;
+    'cellChanged': JetElementCustomEvent<ojDataGrid<K, D>["cell"]>;
+    'currentCellChanged': JetElementCustomEvent<ojDataGrid<K, D>["currentCell"]>;
+    'dataChanged': JetElementCustomEvent<ojDataGrid<K, D>["data"]>;
+    'dndChanged': JetElementCustomEvent<ojDataGrid<K, D>["dnd"]>;
+    'editModeChanged': JetElementCustomEvent<ojDataGrid<K, D>["editMode"]>;
+    'gridlinesChanged': JetElementCustomEvent<ojDataGrid<K, D>["gridlines"]>;
+    'headerChanged': JetElementCustomEvent<ojDataGrid<K, D>["header"]>;
+    'scrollPolicyChanged': JetElementCustomEvent<ojDataGrid<K, D>["scrollPolicy"]>;
+    'scrollPolicyOptionsChanged': JetElementCustomEvent<ojDataGrid<K, D>["scrollPolicyOptions"]>;
+    'scrollPositionChanged': JetElementCustomEvent<ojDataGrid<K, D>["scrollPosition"]>;
+    'selectionChanged': JetElementCustomEvent<ojDataGrid<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojDataGrid<K, D>["selectionMode"]>;
+}
+export interface ojDataGridSettableProperties<K, D> extends baseComponentSettableProperties {
+    bandingInterval: {
+        column: number;
+        row: number;
+    };
+    cell: {
+        className?: ((context: ojDataGrid.CellContext<K, D>) => string | void | null) | string | null;
+        renderer?: ((context: ojDataGrid.CellContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void | null) | null;
+        style?: ((context: ojDataGrid.CellContext<K, D>) => string | void | null) | string | null;
+    };
+    currentCell: ojDataGrid.CurrentCell<K> | null;
+    data: DataProvider<K, D> | null;
+    dnd: {
+        reorder: {
+            row: 'enable' | 'disable';
+        };
+    };
+    editMode: 'none' | 'cellNavigation' | 'cellEdit';
+    gridlines: {
+        horizontal: 'visible' | 'hidden';
+        vertical: 'visible' | 'hidden';
+    };
+    header: {
+        column: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height: 'enable' | 'disable';
+                width?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            };
+            sortable?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        columnEnd: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height: 'enable' | 'disable';
+                width?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            };
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        row: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+                width: 'enable' | 'disable';
+            };
+            sortable?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+        rowEnd: {
+            className?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+            label: {
+                className?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+                renderer?: ((context: ojDataGrid.LabelContext<K, D>) => {
+                    insert: HTMLElement | string;
+                } | void | null) | null;
+                style?: ((context: ojDataGrid.LabelContext<K, D>) => string | void | null) | string | null;
+            };
+            renderer?: ((context: ojDataGrid.HeaderContext<K, D>) => {
+                insert: HTMLElement | string;
+            } | void | null) | null;
+            resizable: {
+                height?: ((context: ojDataGrid.HeaderContext<K, D>) => string) | string | null;
+                width: 'enable' | 'disable';
+            };
+            style?: ((context: ojDataGrid.HeaderContext<K, D>) => string | void | null) | string | null;
+        };
+    };
+    scrollPolicy: 'auto' | 'loadMoreOnScroll' | 'scroll';
+    scrollPolicyOptions: {
+        maxColumnCount: number;
+        maxRowCount: number;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        rowIndex?: number;
+        columnIndex?: number;
+        rowKey?: K;
+        columnKey?: K;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: Array<ojDataGrid.Selection<K>>;
+    selectionMode: {
+        cell: 'none' | 'single' | 'multiple';
+        row: 'none' | 'single' | 'multiple';
+    };
+    translations: {
+        accessibleActionableMode?: string;
+        accessibleColumnContext?: string;
+        accessibleColumnEndHeaderContext?: string;
+        accessibleColumnHeaderContext?: string;
+        accessibleColumnSelected?: string;
+        accessibleColumnSpanContext?: string;
+        accessibleFirstColumn?: string;
+        accessibleFirstRow?: string;
+        accessibleLastColumn?: string;
+        accessibleLastRow?: string;
+        accessibleLevelContext?: string;
+        accessibleMultiCellSelected?: string;
+        accessibleNavigationMode?: string;
+        accessibleRangeSelectModeOff?: string;
+        accessibleRangeSelectModeOn?: string;
+        accessibleRowCollapsed?: string;
+        accessibleRowContext?: string;
+        accessibleRowEndHeaderContext?: string;
+        accessibleRowExpanded?: string;
+        accessibleRowHeaderContext?: string;
+        accessibleRowSelected?: string;
+        accessibleRowSpanContext?: string;
+        accessibleSelectionAffordanceBottom?: string;
+        accessibleSelectionAffordanceTop?: string;
+        accessibleSortAscending?: string;
+        accessibleSortDescending?: string;
+        accessibleStateSelected?: string;
+        accessibleSummaryEstimate?: string;
+        accessibleSummaryExact?: string;
+        accessibleSummaryExpanded?: string;
+        labelCut?: string;
+        labelDisableNonContiguous?: string;
+        labelEnableNonContiguous?: string;
+        labelPaste?: string;
+        labelResize?: string;
+        labelResizeDialogSubmit?: string;
+        labelResizeHeight?: string;
+        labelResizeWidth?: string;
+        labelSortCol?: string;
+        labelSortColAsc?: string;
+        labelSortColDsc?: string;
+        labelSortRow?: string;
+        labelSortRowAsc?: string;
+        labelSortRowDsc?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+    };
+}
+export interface ojDataGridSettablePropertiesLenient<K, D> extends Partial<ojDataGridSettableProperties<K, D>> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdataprovider/index.d.ts b/types/oracle__oraclejet/ojdataprovider/index.d.ts
new file mode 100644
index 0000000000..accc1f25bc
--- /dev/null
+++ b/types/oracle__oraclejet/ojdataprovider/index.d.ts
@@ -0,0 +1,111 @@
+export interface AttributeFilterOperator<D> {
+    attribute: string;
+    op: AttributeFilterOperator.AttributeOperator;
+    value: any;
+}
+export namespace AttributeFilterOperator {
+    type AttributeOperator = "$co" | "$eq" | "$ew" | "$pr" | "$gt" | "$ge" | "$lt" | "$le" | "$ne" | "$regex" | "$sw";
+}
+export interface CompoundFilterOperator<D> {
+    criteria: Array<FilterOperator<D>>;
+    op: CompoundFilterOperator.CompoundOperator;
+}
+export namespace CompoundFilterOperator {
+    type CompoundOperator = "$and" | "$or";
+}
+export interface ContainsKeysResults<K> {
+    containsParameters: FetchByKeysParameters<K>;
+    results: Set<K>;
+}
+export interface DataMapping<K, D, Kin, Din> {
+    mapFields: (item: Item<Kin, Din>) => Item<K, D>;
+    mapFilterCriterion?: (filterCriterion: Array<FilterOperator<D>>) => Array<FilterOperator<Din>>;
+    mapSortCriteria?: (sortCriteria: Array<SortCriterion<D>>) => Array<SortCriterion<Din>>;
+    unmapSortCriteria?: (sortCriteria: Array<SortCriterion<Din>>) => Array<SortCriterion<D>>;
+}
+export interface DataProvider<K, D> extends EventTarget {
+    containsKeys(parameters: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    fetchByKeys(parameters: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(parameters: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(parameters?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName: string): any;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+}
+export interface DataProviderAddOperationEventDetail<K, D> extends DataProviderOperationEventDetail<K, D> {
+    addBeforeKeys?: K[];
+    parentKeys?: K[];
+}
+export interface DataProviderMutationEventDetail<K, D> {
+    add?: DataProviderAddOperationEventDetail<K, D>;
+    remove?: DataProviderOperationEventDetail<K, D>;
+    update?: DataProviderOperationEventDetail<K, D>;
+}
+export interface DataProviderOperationEventDetail<K, D> {
+    data?: D[];
+    indexes?: number[];
+    keys: Set<K>;
+    metadata?: Array<ItemMetadata<K>>;
+}
+export interface FetchByKeysCapability<D> {
+    implementation: 'iteration' | 'lookup';
+}
+export namespace FetchByKeysMixin {
+    function applyMixin(derivedCtor: {
+        new (): DataProvider<any, any>;
+    }): any;
+}
+export interface FetchByKeysParameters<K> {
+    keys: Set<K>;
+}
+export interface FetchByKeysResults<K, D> {
+    fetchParameters: FetchByKeysParameters<K>;
+    results: Map<K, Item<K, D>>;
+}
+export interface FetchByOffsetCapability<D> {
+    implementation: 'iteration' | 'randomAccess';
+}
+export namespace FetchByOffsetMixin {
+    function applyMixin(derivedCtor: {
+        new (): DataProvider<any, any>;
+    }): any;
+}
+export interface FetchByOffsetParameters<D> extends FetchListParameters<D> {
+    offset: number;
+}
+export interface FetchByOffsetResults<K, D> {
+    done: boolean;
+    fetchParameters: FetchByOffsetParameters<D>;
+    results: Array<Item<K, D>>;
+}
+export interface FetchListParameters<D> {
+    filterCriterion?: FilterOperator<D>;
+    size: number;
+    sortCriteria?: Array<SortCriterion<D>>;
+}
+export interface FetchListResult<K, D> {
+    data: D[];
+    fetchParameters: FetchListParameters<D>;
+    metadata: Array<ItemMetadata<K>>;
+}
+export interface FilterCapability {
+    operators: string[];
+}
+export interface FilterOperator<D> {
+    op: AttributeFilterOperator.AttributeOperator | CompoundFilterOperator.CompoundOperator;
+    filter(data: any[]): any[];
+}
+export interface Item<K, D> {
+    data: D;
+    metadata: ItemMetadata<K>;
+}
+export interface ItemMetadata<K> {
+    key: K;
+}
+export interface SortCapability<D> {
+    attributes: 'none' | 'single' | 'multiple';
+}
+export interface SortCriterion<D> {
+    attribute: keyof D;
+    direction: string;
+}
diff --git a/types/oracle__oraclejet/ojdatetimepicker/index.d.ts b/types/oracle__oraclejet/ojdatetimepicker/index.d.ts
new file mode 100644
index 0000000000..914dd06df7
--- /dev/null
+++ b/types/oracle__oraclejet/ojdatetimepicker/index.d.ts
@@ -0,0 +1,639 @@
+import { Converter, Validator, Validation } from '../ojvalidation-base';
+import { inputBase, inputBaseEventMap, inputBaseSettableProperties } from '../ojinputtext';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojDatePicker extends ojInputDate<ojDatePickerSettableProperties> {
+    keyboardEdit: 'disabled';
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet';
+    value: string;
+    onMaxChanged: ((event: JetElementCustomEvent<ojDatePicker["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojDatePicker["min"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojDatePicker["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojDatePicker.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojDatePicker.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojDatePickerEventMap>(type: T, listener: (this: HTMLElement, ev: ojDatePickerEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDatePickerSettableProperties>(property: T): ojDatePicker[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDatePickerSettableProperties>(property: T, value: ojDatePickerSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDatePickerSettableProperties>): void;
+    setProperties(properties: ojDatePickerSettablePropertiesLenient): void;
+}
+export namespace ojDatePicker {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojDatePickerEventMap extends ojInputDateEventMap<ojDatePickerSettableProperties> {
+    'ojAnimateEnd': ojDatePicker.ojAnimateEnd;
+    'ojAnimateStart': ojDatePicker.ojAnimateStart;
+    'maxChanged': JetElementCustomEvent<ojDatePicker["max"]>;
+    'minChanged': JetElementCustomEvent<ojDatePicker["min"]>;
+    'valueChanged': JetElementCustomEvent<ojDatePicker["value"]>;
+}
+export interface ojDatePickerSettableProperties extends ojInputDateSettableProperties {
+    keyboardEdit: 'disabled';
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet';
+    value: string;
+}
+export interface ojDatePickerSettablePropertiesLenient extends Partial<ojDatePickerSettableProperties> {
+    [key: string]: any;
+}
+export interface ojDateTimePicker extends ojInputDateTime<ojDateTimePickerSettableProperties> {
+    keyboardEdit: 'disabled';
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet';
+    value: string;
+    onMaxChanged: ((event: JetElementCustomEvent<ojDateTimePicker["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojDateTimePicker["min"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojDateTimePicker["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojDateTimePicker.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojDateTimePicker.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojDateTimePickerEventMap>(type: T, listener: (this: HTMLElement, ev: ojDateTimePickerEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDateTimePickerSettableProperties>(property: T): ojDateTimePicker[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDateTimePickerSettableProperties>(property: T, value: ojDateTimePickerSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDateTimePickerSettableProperties>): void;
+    setProperties(properties: ojDateTimePickerSettablePropertiesLenient): void;
+}
+export namespace ojDateTimePicker {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojDateTimePickerEventMap extends ojInputDateTimeEventMap<ojDateTimePickerSettableProperties> {
+    'ojAnimateEnd': ojDateTimePicker.ojAnimateEnd;
+    'ojAnimateStart': ojDateTimePicker.ojAnimateStart;
+    'maxChanged': JetElementCustomEvent<ojDateTimePicker["max"]>;
+    'minChanged': JetElementCustomEvent<ojDateTimePicker["min"]>;
+    'valueChanged': JetElementCustomEvent<ojDateTimePicker["value"]>;
+}
+export interface ojDateTimePickerSettableProperties extends ojInputDateTimeSettableProperties {
+    keyboardEdit: 'disabled';
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet';
+    value: string;
+}
+export interface ojDateTimePickerSettablePropertiesLenient extends Partial<ojDateTimePickerSettableProperties> {
+    [key: string]: any;
+}
+export interface ojInputDate<SP extends ojInputDateSettableProperties = ojInputDateSettableProperties> extends inputBase<string, SP> {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    datePicker: {
+        changeMonth: 'select' | 'none';
+        changeYear: 'select' | 'none';
+        currentMonthPos: number;
+        daysOutsideMonth: 'hidden' | 'visible' | 'selectable';
+        footerLayout: '' | 'today';
+        numberOfMonths: number;
+        showOn: 'focus' | 'image';
+        stepBigMonths: number;
+        stepMonths: 'numberOfMonths' | number;
+        weekDisplay: 'number' | 'none';
+        yearRange: string;
+    };
+    dayFormatter: (param: ojInputDate.DayFormatterInput) => (null | 'all' | ojInputDate.DayFormatterOutput);
+    dayMetaData: {
+        [key: string]: {
+            [key: string]: {
+                [key: string]: {
+                    disabled?: boolean;
+                    className?: string;
+                    tooltip?: string;
+                };
+            };
+        };
+    };
+    keyboardEdit: 'enabled' | 'disabled';
+    max: string | null;
+    min: string | null;
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    renderMode: 'jet' | 'native';
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        currentText?: string;
+        dateRestriction?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        nextText?: string;
+        prevText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipCalendar?: string;
+        tooltipCalendarDisabled?: string;
+        tooltipCalendarTime?: string;
+        tooltipCalendarTimeDisabled?: string;
+        weekHeader?: string;
+    };
+    onConverterChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["converter"]>) => any) | null;
+    onDatePickerChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["datePicker"]>) => any) | null;
+    onDayFormatterChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["dayFormatter"]>) => any) | null;
+    onDayMetaDataChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["dayMetaData"]>) => any) | null;
+    onKeyboardEditChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["keyboardEdit"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["min"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["pickerAttributes"]>) => any) | null;
+    onRenderModeChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["renderMode"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojInputDate<SP>["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputDate.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputDate.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputDateEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: ojInputDateEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputDateSettableProperties>(property: T): ojInputDate<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputDateSettableProperties>(property: T, value: ojInputDateSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputDateSettableProperties>): void;
+    setProperties(properties: ojInputDateSettablePropertiesLenient): void;
+    hide(): void;
+    refresh(): void;
+    show(): void;
+}
+export namespace ojInputDate {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type DayFormatterInput = {
+        fullYear: number;
+        month: number;
+        date: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DayFormatterOutput = {
+        disabled?: boolean;
+        className?: string;
+        tooltip?: string;
+    };
+}
+export interface ojInputDateEventMap<SP extends ojInputDateSettableProperties = ojInputDateSettableProperties> extends inputBaseEventMap<string, SP> {
+    'ojAnimateEnd': ojInputDate.ojAnimateEnd;
+    'ojAnimateStart': ojInputDate.ojAnimateStart;
+    'converterChanged': JetElementCustomEvent<ojInputDate<SP>["converter"]>;
+    'datePickerChanged': JetElementCustomEvent<ojInputDate<SP>["datePicker"]>;
+    'dayFormatterChanged': JetElementCustomEvent<ojInputDate<SP>["dayFormatter"]>;
+    'dayMetaDataChanged': JetElementCustomEvent<ojInputDate<SP>["dayMetaData"]>;
+    'keyboardEditChanged': JetElementCustomEvent<ojInputDate<SP>["keyboardEdit"]>;
+    'maxChanged': JetElementCustomEvent<ojInputDate<SP>["max"]>;
+    'minChanged': JetElementCustomEvent<ojInputDate<SP>["min"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojInputDate<SP>["pickerAttributes"]>;
+    'renderModeChanged': JetElementCustomEvent<ojInputDate<SP>["renderMode"]>;
+    'validatorsChanged': JetElementCustomEvent<ojInputDate<SP>["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojInputDate<SP>["value"]>;
+}
+export interface ojInputDateSettableProperties extends inputBaseSettableProperties<string> {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    datePicker: {
+        changeMonth: 'select' | 'none';
+        changeYear: 'select' | 'none';
+        currentMonthPos: number;
+        daysOutsideMonth: 'hidden' | 'visible' | 'selectable';
+        footerLayout: '' | 'today';
+        numberOfMonths: number;
+        showOn: 'focus' | 'image';
+        stepBigMonths: number;
+        stepMonths: 'numberOfMonths' | number;
+        weekDisplay: 'number' | 'none';
+        yearRange: string;
+    };
+    dayFormatter: (param: ojInputDate.DayFormatterInput) => (null | 'all' | ojInputDate.DayFormatterOutput);
+    dayMetaData: {
+        [key: string]: {
+            [key: string]: {
+                [key: string]: {
+                    disabled?: boolean;
+                    className?: string;
+                    tooltip?: string;
+                };
+            };
+        };
+    };
+    keyboardEdit: 'enabled' | 'disabled';
+    max: string | null;
+    min: string | null;
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    renderMode: 'jet' | 'native';
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        currentText?: string;
+        dateRestriction?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        nextText?: string;
+        prevText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipCalendar?: string;
+        tooltipCalendarDisabled?: string;
+        tooltipCalendarTime?: string;
+        tooltipCalendarTimeDisabled?: string;
+        weekHeader?: string;
+    };
+}
+export interface ojInputDateSettablePropertiesLenient extends Partial<ojInputDateSettableProperties> {
+    [key: string]: any;
+}
+export interface ojInputDateTime<SP extends ojInputDateTimeSettableProperties = ojInputDateTimeSettableProperties> extends ojInputDate<SP> {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet' | 'native';
+    timePicker: {
+        footerLayout: '' | 'now';
+        showOn: 'focus' | 'image';
+        timeIncrement: string;
+    };
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        cancel?: string;
+        currentText?: string;
+        dateRestriction?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        done?: string;
+        nextText?: string;
+        prevText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipCalendar?: string;
+        tooltipCalendarDisabled?: string;
+        tooltipCalendarTime?: string;
+        tooltipCalendarTimeDisabled?: string;
+        weekHeader?: string;
+    };
+    onConverterChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["converter"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["min"]>) => any) | null;
+    onRenderModeChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["renderMode"]>) => any) | null;
+    onTimePickerChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["timePicker"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojInputDateTime<SP>["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputDateTime.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputDateTime.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputDateTimeEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: ojInputDateTimeEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputDateTimeSettableProperties>(property: T): ojInputDateTime<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputDateTimeSettableProperties>(property: T, value: ojInputDateTimeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputDateTimeSettableProperties>): void;
+    setProperties(properties: ojInputDateTimeSettablePropertiesLenient): void;
+    hideTimePicker(): void;
+    show(): void;
+    showTimePicker(): void;
+}
+export namespace ojInputDateTime {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojInputDateTimeEventMap<SP extends ojInputDateTimeSettableProperties = ojInputDateTimeSettableProperties> extends ojInputDateEventMap<SP> {
+    'ojAnimateEnd': ojInputDateTime.ojAnimateEnd;
+    'ojAnimateStart': ojInputDateTime.ojAnimateStart;
+    'converterChanged': JetElementCustomEvent<ojInputDateTime<SP>["converter"]>;
+    'maxChanged': JetElementCustomEvent<ojInputDateTime<SP>["max"]>;
+    'minChanged': JetElementCustomEvent<ojInputDateTime<SP>["min"]>;
+    'renderModeChanged': JetElementCustomEvent<ojInputDateTime<SP>["renderMode"]>;
+    'timePickerChanged': JetElementCustomEvent<ojInputDateTime<SP>["timePicker"]>;
+    'validatorsChanged': JetElementCustomEvent<ojInputDateTime<SP>["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojInputDateTime<SP>["value"]>;
+}
+export interface ojInputDateTimeSettableProperties extends ojInputDateSettableProperties {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    max: string | null;
+    min: string | null;
+    renderMode: 'jet' | 'native';
+    timePicker: {
+        footerLayout: '' | 'now';
+        showOn: 'focus' | 'image';
+        timeIncrement: string;
+    };
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        cancel?: string;
+        currentText?: string;
+        dateRestriction?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        done?: string;
+        nextText?: string;
+        prevText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipCalendar?: string;
+        tooltipCalendarDisabled?: string;
+        tooltipCalendarTime?: string;
+        tooltipCalendarTimeDisabled?: string;
+        weekHeader?: string;
+    };
+}
+export interface ojInputDateTimeSettablePropertiesLenient extends Partial<ojInputDateTimeSettableProperties> {
+    [key: string]: any;
+}
+export interface ojInputTime extends inputBase<string, ojInputTimeSettableProperties> {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    keyboardEdit: 'enabled' | 'disabled';
+    max: string | null;
+    min: string | null;
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    renderMode: 'jet' | 'native';
+    timePicker: {
+        footerLayout: '' | 'now';
+        showOn: 'focus' | 'image';
+        timeIncrement: string;
+    };
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        ampmWheelLabel?: string;
+        cancelText?: string;
+        currentTimeText?: string;
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        hourWheelLabel?: string;
+        minuteWheelLabel?: string;
+        okText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipTime?: string;
+        tooltipTimeDisabled?: string;
+    };
+    onConverterChanged: ((event: JetElementCustomEvent<ojInputTime["converter"]>) => any) | null;
+    onKeyboardEditChanged: ((event: JetElementCustomEvent<ojInputTime["keyboardEdit"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojInputTime["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojInputTime["min"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojInputTime["pickerAttributes"]>) => any) | null;
+    onRenderModeChanged: ((event: JetElementCustomEvent<ojInputTime["renderMode"]>) => any) | null;
+    onTimePickerChanged: ((event: JetElementCustomEvent<ojInputTime["timePicker"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojInputTime["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojInputTime["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputTime.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputTime.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputTimeEventMap>(type: T, listener: (this: HTMLElement, ev: ojInputTimeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputTimeSettableProperties>(property: T): ojInputTime[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputTimeSettableProperties>(property: T, value: ojInputTimeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputTimeSettableProperties>): void;
+    setProperties(properties: ojInputTimeSettablePropertiesLenient): void;
+    hide(): void;
+    refresh(): void;
+    show(): void;
+}
+export namespace ojInputTime {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojInputTimeEventMap extends inputBaseEventMap<string, ojInputTimeSettableProperties> {
+    'ojAnimateEnd': ojInputTime.ojAnimateEnd;
+    'ojAnimateStart': ojInputTime.ojAnimateStart;
+    'converterChanged': JetElementCustomEvent<ojInputTime["converter"]>;
+    'keyboardEditChanged': JetElementCustomEvent<ojInputTime["keyboardEdit"]>;
+    'maxChanged': JetElementCustomEvent<ojInputTime["max"]>;
+    'minChanged': JetElementCustomEvent<ojInputTime["min"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojInputTime["pickerAttributes"]>;
+    'renderModeChanged': JetElementCustomEvent<ojInputTime["renderMode"]>;
+    'timePickerChanged': JetElementCustomEvent<ojInputTime["timePicker"]>;
+    'validatorsChanged': JetElementCustomEvent<ojInputTime["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojInputTime["value"]>;
+}
+export interface ojInputTimeSettableProperties extends inputBaseSettableProperties<string> {
+    converter: Converter<string> | Validation.RegisteredConverter;
+    keyboardEdit: 'enabled' | 'disabled';
+    max: string | null;
+    min: string | null;
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    renderMode: 'jet' | 'native';
+    timePicker: {
+        footerLayout: '' | 'now';
+        showOn: 'focus' | 'image';
+        timeIncrement: string;
+    };
+    validators: Array<Validator<string> | Validation.RegisteredValidator> | null;
+    value: string;
+    translations: {
+        ampmWheelLabel?: string;
+        cancelText?: string;
+        currentTimeText?: string;
+        dateTimeRange?: {
+            hint?: {
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        hourWheelLabel?: string;
+        minuteWheelLabel?: string;
+        okText?: string;
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipTime?: string;
+        tooltipTimeDisabled?: string;
+    };
+}
+export interface ojInputTimeSettablePropertiesLenient extends Partial<ojInputTimeSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdefer/index.d.ts b/types/oracle__oraclejet/ojdefer/index.d.ts
new file mode 100644
index 0000000000..03eefbd714
--- /dev/null
+++ b/types/oracle__oraclejet/ojdefer/index.d.ts
@@ -0,0 +1,21 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojDefer extends JetElement<ojDeferSettableProperties> {
+    addEventListener<T extends keyof ojDeferEventMap>(type: T, listener: (this: HTMLElement, ev: ojDeferEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDeferSettableProperties>(property: T): ojDefer[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDeferSettableProperties>(property: T, value: ojDeferSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDeferSettableProperties>): void;
+    setProperties(properties: ojDeferSettablePropertiesLenient): void;
+}
+// These interfaces are empty but required to keep the event chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojDeferEventMap extends HTMLElementEventMap {
+}
+// These interfaces are empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojDeferSettableProperties extends JetSettableProperties {
+}
+export interface ojDeferSettablePropertiesLenient extends Partial<ojDeferSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdeferreddataprovider/index.d.ts b/types/oracle__oraclejet/ojdeferreddataprovider/index.d.ts
new file mode 100644
index 0000000000..e2332cac46
--- /dev/null
+++ b/types/oracle__oraclejet/ojdeferreddataprovider/index.d.ts
@@ -0,0 +1,16 @@
+import { DataProvider, SortCriterion, FetchByKeysParameters, ContainsKeysResults, FetchByKeysResults, FetchByOffsetParameters, FetchByOffsetResults, FetchListResult,
+   FetchListParameters } from '../ojdataprovider';
+declare class DeferredDataProvider<K, D> implements DataProvider<K, D> {
+    constructor(dataProvider: Promise<DataProvider<K, D>>, capabilityFunc: (capabilityName: string) => any);
+    addEventListener(eventType: string, listener: EventListener): any;
+    containsKeys(params: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    dispatchEvent(evt: Event): boolean;
+    fetchByKeys(params: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(params: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(params?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName: string): object;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+    removeEventListener(eventType: string, listener: EventListener): any;
+}
+export = DeferredDataProvider;
diff --git a/types/oracle__oraclejet/ojdiagram/index.d.ts b/types/oracle__oraclejet/ojdiagram/index.d.ts
new file mode 100644
index 0000000000..db79f4b2be
--- /dev/null
+++ b/types/oracle__oraclejet/ojdiagram/index.d.ts
@@ -0,0 +1,790 @@
+import { KeySet } from '../ojkeyset';
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface DvtDiagramLayoutContext {
+    getCommonContainer(nodeId1: any, nodeId2: any): any;
+    getComponentSize(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getCurrentViewport(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getEventData(): object;
+    getLinkById(id: any): DvtDiagramLayoutContextLink;
+    getLinkByIndex(index: number): DvtDiagramLayoutContextLink;
+    getLinkCount(): number;
+    getNodeById(id: any): DvtDiagramLayoutContextNode;
+    getNodeByIndex(index: number): DvtDiagramLayoutContextNode;
+    getNodeCount(): number;
+    getViewport(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    isLocaleR2L(): boolean;
+    setViewport(viewport: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }): void;
+}
+export interface DvtDiagramLayoutContextLink {
+    getCoordinateSpace(): any;
+    getData(): object | any[];
+    getEndConnectorOffset(): number;
+    getEndId(): any;
+    getId(): any;
+    getLabelBounds(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getLabelHalign(): 'left' | 'center' | 'right';
+    getLabelPosition(): {
+        x: number;
+        y: number;
+    };
+    getLabelRotationAngle(): number;
+    getLabelRotationPoint(): {
+        x: number;
+        y: number;
+    };
+    getLabelValign(): 'top' | 'middle' | 'bottom' | 'baseline';
+    getLinkWidth(): number;
+    getPoints(): any[];
+    getSelected(): boolean;
+    getStartConnectorOffset(): number;
+    getStartId(): any;
+    isPromoted(): boolean;
+    setCoordinateSpace(containerId: any): void;
+    setLabelHalign(halign: 'left' | 'center' | 'right'): void;
+    setLabelPosition(pos: {
+        x: number;
+        y: number;
+    }): void;
+    setLabelRotationAngle(angle: number): void;
+    setLabelRotationPoint(point: {
+        x: number;
+        y: number;
+    }): void;
+    setLabelValign(valign: 'top' | 'middle' | 'bottom' | 'baseline'): void;
+    setPoints(points: any[]): void;
+}
+export interface DvtDiagramLayoutContextNode {
+    getBounds(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getChildNodes(): any[];
+    getContentBounds(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getData(): object;
+    getId(): any;
+    getLabelBounds(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    getLabelHalign(): 'left' | 'center' | 'right';
+    getLabelPosition(): {
+        x: number;
+        y: number;
+    };
+    getLabelRotationAngle(): number;
+    getLabelRotationPoint(): {
+        x: number;
+        y: number;
+    };
+    getLabelValign(): 'top' | 'middle' | 'bottom' | 'baseline';
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    getRelativePosition(containerId: any): {
+        x: number;
+        y: number;
+    };
+    getSelected(): boolean;
+    isDisclosed(): boolean;
+    setLabelHalign(halign: 'left' | 'center' | 'right'): void;
+    setLabelPosition(pos: {
+        x: number;
+        y: number;
+    }): void;
+    setLabelRotationAngle(angle: number): void;
+    setLabelRotationPoint(point: {
+        x: number;
+        y: number;
+    }): void;
+    setLabelValign(valign: 'top' | 'middle' | 'bottom' | 'baseline'): void;
+    setPosition(pos: {
+        x: number;
+        y: number;
+    }): void;
+}
+export interface ojDiagram<K1, K2, D1, D2> extends dvtBaseComponent<ojDiagramSettableProperties<K1, K2, D1, D2>> {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    dnd: {
+        drag: {
+            nodes: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            ports: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+                linkStyle: ((param0: object) => void);
+                selector: string;
+            };
+        };
+        drop: {
+            background: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            links: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            nodes: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            ports: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+                selector: string;
+            };
+        };
+    };
+    expanded: KeySet<K1>;
+    focusRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    layout: ((param0: DvtDiagramLayoutContext) => void);
+    linkData: DataProvider<K2, D2> | null;
+    linkHighlightMode: 'linkAndNodes' | 'link';
+    maxZoom: number;
+    minZoom: number;
+    nodeData: DataProvider<K1, D1> | null;
+    nodeHighlightMode: 'nodeAndIncomingLinks' | 'nodeAndOutgoingLinks' | 'nodeAndLinks' | 'node';
+    overview: {
+        halign: 'start' | 'end' | 'center';
+        height: number;
+        rendered: 'on' | 'off';
+        valign: 'top' | 'bottom' | 'middle';
+        width: number;
+    };
+    panDirection: 'x' | 'y' | 'auto';
+    panning: 'auto' | 'none';
+    promotedLinkBehavior: 'none' | 'full' | 'lazy';
+    renderer: ((context: ojDiagram.RendererContext<K1, D1>) => ({
+        insert: SVGElement;
+    }));
+    selection: Array<K1 | K2>;
+    selectionMode: 'single' | 'multiple' | 'none';
+    selectionRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    styleDefaults: {
+        animationDuration: number;
+        hoverBehaviorDelay: number;
+        linkDefaults: {
+            color: string;
+            endConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            labelStyle: object;
+            startConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            svgClassName: string;
+            svgStyle: object;
+            width: number;
+        };
+        nodeDefaults: {
+            icon: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+                source: string;
+                sourceHover: string;
+                sourceHoverSelected: string;
+                sourceSelected: string;
+                svgClassName: string;
+                svgStyle: object;
+                width: number;
+            };
+            labelStyle: object;
+            showDisclosure: 'off' | 'on';
+        };
+        promotedLink: {
+            color: string;
+            endConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            startConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            svgClassName: string;
+            svgStyle: object;
+            width: number;
+        };
+    };
+    tooltip: {
+        renderer: ((context: ojDiagram.TooltipContext<K1, K2, D1, D2>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    zoomRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    zooming: 'auto' | 'none';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        promotedLink?: string;
+        promotedLinkAriaDesc?: string;
+        promotedLinks?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["as"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["dnd"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["expanded"]>) => any) | null;
+    onFocusRendererChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["focusRenderer"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hoverBehavior"]>) => any) | null;
+    onHoverRendererChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hoverRenderer"]>) => any) | null;
+    onLayoutChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["layout"]>) => any) | null;
+    onLinkDataChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["linkData"]>) => any) | null;
+    onLinkHighlightModeChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["linkHighlightMode"]>) => any) | null;
+    onMaxZoomChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["maxZoom"]>) => any) | null;
+    onMinZoomChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["minZoom"]>) => any) | null;
+    onNodeDataChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["nodeData"]>) => any) | null;
+    onNodeHighlightModeChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["nodeHighlightMode"]>) => any) | null;
+    onOverviewChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["overview"]>) => any) | null;
+    onPanDirectionChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["panDirection"]>) => any) | null;
+    onPanningChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["panning"]>) => any) | null;
+    onPromotedLinkBehaviorChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["promotedLinkBehavior"]>) => any) | null;
+    onRendererChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["renderer"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selectionMode"]>) => any) | null;
+    onSelectionRendererChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selectionRenderer"]>) => any) | null;
+    onStyleDefaultsChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["styleDefaults"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["touchResponse"]>) => any) | null;
+    onZoomRendererChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["zoomRenderer"]>) => any) | null;
+    onZoomingChanged: ((event: JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["zooming"]>) => any) | null;
+    onOjBeforeCollapse: ((event: ojDiagram.ojBeforeCollapse) => any) | null;
+    onOjBeforeExpand: ((event: ojDiagram.ojBeforeExpand) => any) | null;
+    onOjCollapse: ((event: ojDiagram.ojCollapse) => any) | null;
+    onOjExpand: ((event: ojDiagram.ojExpand) => any) | null;
+    addEventListener<T extends keyof ojDiagramEventMap<K1, K2, D1, D2>>(type: T, listener: (this: HTMLElement, ev: ojDiagramEventMap<K1, K2, D1, D2>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDiagramSettableProperties<K1, K2, D1, D2>>(property: T): ojDiagram<K1, K2, D1, D2>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDiagramSettableProperties<K1, K2, D1, D2>>(property: T, value: ojDiagramSettableProperties<K1, K2, D1, D2>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDiagramSettableProperties<K1, K2, D1, D2>>): void;
+    setProperties(properties: ojDiagramSettablePropertiesLenient<K1, K2, D1, D2>): void;
+    getContextByNode(node: Element): object | null;
+    getLink(linkIndex: number): object | null;
+    getLinkCount(): number;
+    getNode(nodeIndex: number): object | null;
+    getNodeCount(): number;
+    getPromotedLink(startNodeIndex: number, endNodeIndex: number): object | null;
+}
+export namespace ojDiagram {
+    interface ojBeforeCollapse extends CustomEvent<{
+        nodeId: any;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand extends CustomEvent<{
+        nodeId: any;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse extends CustomEvent<{
+        nodeId: any;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand extends CustomEvent<{
+        nodeId: any;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type RendererContext<K1, D1> = {
+        parentElement: Element;
+        componentElement: Element;
+        data: object;
+        itemData: D1;
+        content: {
+            element: Element;
+            width: number;
+            height: number;
+        };
+        state: {
+            hovered: boolean;
+            selected: boolean;
+            focused: boolean;
+            expanded: boolean;
+            zoom: number;
+        };
+        previousState: {
+            hovered: boolean;
+            selected: boolean;
+            focused: boolean;
+            expanded: boolean;
+            zoom: number;
+        };
+        id: K1;
+        type: string;
+        renderDefaultFocus: (() => void);
+        renderDefaultHover: (() => void);
+        renderDefaultSelection: (() => void);
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K1, K2, D1, D2> = {
+        parentElement: Element;
+        componentElement: Element;
+        id: K1 | K2;
+        type: string;
+        label: string;
+        data: object | object[];
+        itemData: D1 | D2 | D2[];
+    };
+}
+export interface ojDiagramEventMap<K1, K2, D1, D2> extends dvtBaseComponentEventMap<ojDiagramSettableProperties<K1, K2, D1, D2>> {
+    'ojBeforeCollapse': ojDiagram.ojBeforeCollapse;
+    'ojBeforeExpand': ojDiagram.ojBeforeExpand;
+    'ojCollapse': ojDiagram.ojCollapse;
+    'ojExpand': ojDiagram.ojExpand;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["as"]>;
+    'dndChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["dnd"]>;
+    'expandedChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["expanded"]>;
+    'focusRendererChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["focusRenderer"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hoverBehavior"]>;
+    'hoverRendererChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["hoverRenderer"]>;
+    'layoutChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["layout"]>;
+    'linkDataChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["linkData"]>;
+    'linkHighlightModeChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["linkHighlightMode"]>;
+    'maxZoomChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["maxZoom"]>;
+    'minZoomChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["minZoom"]>;
+    'nodeDataChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["nodeData"]>;
+    'nodeHighlightModeChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["nodeHighlightMode"]>;
+    'overviewChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["overview"]>;
+    'panDirectionChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["panDirection"]>;
+    'panningChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["panning"]>;
+    'promotedLinkBehaviorChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["promotedLinkBehavior"]>;
+    'rendererChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["renderer"]>;
+    'selectionChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selectionMode"]>;
+    'selectionRendererChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["selectionRenderer"]>;
+    'styleDefaultsChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["styleDefaults"]>;
+    'tooltipChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["touchResponse"]>;
+    'zoomRendererChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["zoomRenderer"]>;
+    'zoomingChanged': JetElementCustomEvent<ojDiagram<K1, K2, D1, D2>["zooming"]>;
+}
+export interface ojDiagramSettableProperties<K1, K2, D1, D2> extends dvtBaseComponentSettableProperties {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    dnd: {
+        drag: {
+            nodes: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+            };
+            ports: {
+                dataTypes: string | string[];
+                drag: ((param0: Event) => void);
+                dragEnd: ((param0: Event) => void);
+                dragStart: ((param0: Event, param1: object) => void);
+                linkStyle: ((param0: object) => void);
+                selector: string;
+            };
+        };
+        drop: {
+            background: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            links: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            nodes: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+            };
+            ports: {
+                dataTypes: string | string[];
+                dragEnter: ((param0: Event, param1: object) => void);
+                dragLeave: ((param0: Event, param1: object) => void);
+                dragOver: ((param0: Event, param1: object) => void);
+                drop: ((param0: Event, param1: object) => void);
+                selector: string;
+            };
+        };
+    };
+    expanded: KeySet<K1>;
+    focusRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    layout: ((param0: DvtDiagramLayoutContext) => void);
+    linkData: DataProvider<K2, D2> | null;
+    linkHighlightMode: 'linkAndNodes' | 'link';
+    maxZoom: number;
+    minZoom: number;
+    nodeData: DataProvider<K1, D1> | null;
+    nodeHighlightMode: 'nodeAndIncomingLinks' | 'nodeAndOutgoingLinks' | 'nodeAndLinks' | 'node';
+    overview: {
+        halign: 'start' | 'end' | 'center';
+        height: number;
+        rendered: 'on' | 'off';
+        valign: 'top' | 'bottom' | 'middle';
+        width: number;
+    };
+    panDirection: 'x' | 'y' | 'auto';
+    panning: 'auto' | 'none';
+    promotedLinkBehavior: 'none' | 'full' | 'lazy';
+    renderer: ((context: ojDiagram.RendererContext<K1, D1>) => ({
+        insert: SVGElement;
+    }));
+    selection: Array<K1 | K2>;
+    selectionMode: 'single' | 'multiple' | 'none';
+    selectionRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    styleDefaults: {
+        animationDuration: number;
+        hoverBehaviorDelay: number;
+        linkDefaults: {
+            color: string;
+            endConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            labelStyle: object;
+            startConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            svgClassName: string;
+            svgStyle: object;
+            width: number;
+        };
+        nodeDefaults: {
+            icon: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+                source: string;
+                sourceHover: string;
+                sourceHoverSelected: string;
+                sourceSelected: string;
+                svgClassName: string;
+                svgStyle: object;
+                width: number;
+            };
+            labelStyle: object;
+            showDisclosure: 'off' | 'on';
+        };
+        promotedLink: {
+            color: string;
+            endConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            startConnectorType: 'arrowOpen' | 'arrow' | 'arrowConcave' | 'circle' | 'rectangle' | 'rectangleRounded' | 'none';
+            svgClassName: string;
+            svgStyle: object;
+            width: number;
+        };
+    };
+    tooltip: {
+        renderer: ((context: ojDiagram.TooltipContext<K1, K2, D1, D2>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    zoomRenderer: ((context: ojDiagram.RendererContext<K1, D1>) => {
+        insert: SVGElement;
+    } | void) | null;
+    zooming: 'auto' | 'none';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        promotedLink?: string;
+        promotedLinkAriaDesc?: string;
+        promotedLinks?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojDiagramSettablePropertiesLenient<K1, K2, D1, D2> extends Partial<ojDiagramSettableProperties<K1, K2, D1, D2>> {
+    [key: string]: any;
+}
+export interface ojDiagramLink extends JetElement<ojDiagramLinkSettableProperties> {
+    categories: string[];
+    color?: string;
+    endConnectorType?: 'arrow' | 'arrowConcave' | 'arrowOpen' | 'circle' | 'none' | 'rectangle' | 'rectangleRounded';
+    endNode: any;
+    label?: string;
+    labelStyle?: object | null;
+    selectable?: 'auto' | 'off';
+    shortDesc?: string;
+    startConnectorType?: 'arrow' | 'arrowConcave' | 'arrowOpen' | 'circle' | 'none' | 'rectangle' | 'rectangleRounded';
+    startNode: any;
+    svgClassName?: string;
+    svgStyle?: object;
+    width?: number;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojDiagramLink["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojDiagramLink["color"]>) => any) | null;
+    onEndConnectorTypeChanged: ((event: JetElementCustomEvent<ojDiagramLink["endConnectorType"]>) => any) | null;
+    onEndNodeChanged: ((event: JetElementCustomEvent<ojDiagramLink["endNode"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojDiagramLink["label"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojDiagramLink["labelStyle"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojDiagramLink["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojDiagramLink["shortDesc"]>) => any) | null;
+    onStartConnectorTypeChanged: ((event: JetElementCustomEvent<ojDiagramLink["startConnectorType"]>) => any) | null;
+    onStartNodeChanged: ((event: JetElementCustomEvent<ojDiagramLink["startNode"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojDiagramLink["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojDiagramLink["svgStyle"]>) => any) | null;
+    onWidthChanged: ((event: JetElementCustomEvent<ojDiagramLink["width"]>) => any) | null;
+    addEventListener<T extends keyof ojDiagramLinkEventMap>(type: T, listener: (this: HTMLElement, ev: ojDiagramLinkEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDiagramLinkSettableProperties>(property: T): ojDiagramLink[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDiagramLinkSettableProperties>(property: T, value: ojDiagramLinkSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDiagramLinkSettableProperties>): void;
+    setProperties(properties: ojDiagramLinkSettablePropertiesLenient): void;
+}
+export interface ojDiagramLinkEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojDiagramLink["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojDiagramLink["color"]>;
+    'endConnectorTypeChanged': JetElementCustomEvent<ojDiagramLink["endConnectorType"]>;
+    'endNodeChanged': JetElementCustomEvent<ojDiagramLink["endNode"]>;
+    'labelChanged': JetElementCustomEvent<ojDiagramLink["label"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojDiagramLink["labelStyle"]>;
+    'selectableChanged': JetElementCustomEvent<ojDiagramLink["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojDiagramLink["shortDesc"]>;
+    'startConnectorTypeChanged': JetElementCustomEvent<ojDiagramLink["startConnectorType"]>;
+    'startNodeChanged': JetElementCustomEvent<ojDiagramLink["startNode"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojDiagramLink["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojDiagramLink["svgStyle"]>;
+    'widthChanged': JetElementCustomEvent<ojDiagramLink["width"]>;
+}
+export interface ojDiagramLinkSettableProperties extends JetSettableProperties {
+    categories: string[];
+    color?: string;
+    endConnectorType?: 'arrow' | 'arrowConcave' | 'arrowOpen' | 'circle' | 'none' | 'rectangle' | 'rectangleRounded';
+    endNode: any;
+    label?: string;
+    labelStyle?: object | null;
+    selectable?: 'auto' | 'off';
+    shortDesc?: string;
+    startConnectorType?: 'arrow' | 'arrowConcave' | 'arrowOpen' | 'circle' | 'none' | 'rectangle' | 'rectangleRounded';
+    startNode: any;
+    svgClassName?: string;
+    svgStyle?: object;
+    width?: number;
+}
+export interface ojDiagramLinkSettablePropertiesLenient extends Partial<ojDiagramLinkSettableProperties> {
+    [key: string]: any;
+}
+export interface ojDiagramNode extends JetElement<ojDiagramNodeSettableProperties> {
+    categories?: string[];
+    descendantsConnectivity?: 'connected' | 'disjoint' | 'unknown';
+    icon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth?: number;
+        color?: string;
+        height?: number;
+        opacity?: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'mallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string;
+        sourceHover?: string;
+        sourceHoverSelected?: string;
+        sourceSelected?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+        width?: number;
+    };
+    label?: string;
+    labelStyle?: object | null;
+    overview?: {
+        icon?: {
+            shape?: 'inherit' | 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+    };
+    selectable?: 'auto' | 'off';
+    shortDesc?: string;
+    showDisclosure?: 'on' | 'off';
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojDiagramNode["categories"]>) => any) | null;
+    onDescendantsConnectivityChanged: ((event: JetElementCustomEvent<ojDiagramNode["descendantsConnectivity"]>) => any) | null;
+    onIconChanged: ((event: JetElementCustomEvent<ojDiagramNode["icon"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojDiagramNode["label"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojDiagramNode["labelStyle"]>) => any) | null;
+    onOverviewChanged: ((event: JetElementCustomEvent<ojDiagramNode["overview"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojDiagramNode["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojDiagramNode["shortDesc"]>) => any) | null;
+    onShowDisclosureChanged: ((event: JetElementCustomEvent<ojDiagramNode["showDisclosure"]>) => any) | null;
+    addEventListener<T extends keyof ojDiagramNodeEventMap>(type: T, listener: (this: HTMLElement, ev: ojDiagramNodeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDiagramNodeSettableProperties>(property: T): ojDiagramNode[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDiagramNodeSettableProperties>(property: T, value: ojDiagramNodeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDiagramNodeSettableProperties>): void;
+    setProperties(properties: ojDiagramNodeSettablePropertiesLenient): void;
+}
+export interface ojDiagramNodeEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojDiagramNode["categories"]>;
+    'descendantsConnectivityChanged': JetElementCustomEvent<ojDiagramNode["descendantsConnectivity"]>;
+    'iconChanged': JetElementCustomEvent<ojDiagramNode["icon"]>;
+    'labelChanged': JetElementCustomEvent<ojDiagramNode["label"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojDiagramNode["labelStyle"]>;
+    'overviewChanged': JetElementCustomEvent<ojDiagramNode["overview"]>;
+    'selectableChanged': JetElementCustomEvent<ojDiagramNode["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojDiagramNode["shortDesc"]>;
+    'showDisclosureChanged': JetElementCustomEvent<ojDiagramNode["showDisclosure"]>;
+}
+export interface ojDiagramNodeSettableProperties extends JetSettableProperties {
+    categories?: string[];
+    descendantsConnectivity?: 'connected' | 'disjoint' | 'unknown';
+    icon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth?: number;
+        color?: string;
+        height?: number;
+        opacity?: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'mallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string;
+        sourceHover?: string;
+        sourceHoverSelected?: string;
+        sourceSelected?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+        width?: number;
+    };
+    label?: string;
+    labelStyle?: object | null;
+    overview?: {
+        icon?: {
+            shape?: 'inherit' | 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+    };
+    selectable?: 'auto' | 'off';
+    shortDesc?: string;
+    showDisclosure?: 'on' | 'off';
+}
+export interface ojDiagramNodeSettablePropertiesLenient extends Partial<ojDiagramNodeSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdialog/index.d.ts b/types/oracle__oraclejet/ojdialog/index.d.ts
new file mode 100644
index 0000000000..42a8569bd4
--- /dev/null
+++ b/types/oracle__oraclejet/ojdialog/index.d.ts
@@ -0,0 +1,148 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojDialog extends baseComponent<ojDialogSettableProperties> {
+    cancelBehavior: 'icon' | 'escape' | 'none';
+    dragAffordance: 'title-bar' | 'none';
+    initialVisibility: 'hide' | 'show';
+    modality: 'modal' | 'modeless';
+    position: ojDialog.Position;
+    resizeBehavior: 'resizable' | 'none';
+    role: string;
+    translations: {
+        labelCloseIcon?: string;
+    };
+    onCancelBehaviorChanged: ((event: JetElementCustomEvent<ojDialog["cancelBehavior"]>) => any) | null;
+    onDragAffordanceChanged: ((event: JetElementCustomEvent<ojDialog["dragAffordance"]>) => any) | null;
+    onInitialVisibilityChanged: ((event: JetElementCustomEvent<ojDialog["initialVisibility"]>) => any) | null;
+    onModalityChanged: ((event: JetElementCustomEvent<ojDialog["modality"]>) => any) | null;
+    onPositionChanged: ((event: JetElementCustomEvent<ojDialog["position"]>) => any) | null;
+    onResizeBehaviorChanged: ((event: JetElementCustomEvent<ojDialog["resizeBehavior"]>) => any) | null;
+    onRoleChanged: ((event: JetElementCustomEvent<ojDialog["role"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojDialog.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojDialog.ojAnimateStart) => any) | null;
+    onOjBeforeClose: ((event: ojDialog.ojBeforeClose) => any) | null;
+    onOjBeforeOpen: ((event: ojDialog.ojBeforeOpen) => any) | null;
+    onOjClose: ((event: ojDialog.ojClose) => any) | null;
+    onOjFocus: ((event: ojDialog.ojFocus) => any) | null;
+    onOjOpen: ((event: ojDialog.ojOpen) => any) | null;
+    onOjResize: ((event: ojDialog.ojResize) => any) | null;
+    onOjResizeStart: ((event: ojDialog.ojResizeStart) => any) | null;
+    onOjResizeStop: ((event: ojDialog.ojResizeStop) => any) | null;
+    addEventListener<T extends keyof ojDialogEventMap>(type: T, listener: (this: HTMLElement, ev: ojDialogEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojDialogSettableProperties>(property: T): ojDialog[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojDialogSettableProperties>(property: T, value: ojDialogSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojDialogSettableProperties>): void;
+    setProperties(properties: ojDialogSettablePropertiesLenient): void;
+    close(): void;
+    isOpen(): boolean;
+    open(): void;
+    refresh(): void;
+}
+export namespace ojDialog {
+    interface ojAnimateEnd extends CustomEvent<{
+        element: Element;
+        action: 'open' | 'close';
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: 'open' | 'close';
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeClose extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeOpen extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojClose extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojFocus extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojOpen extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojResize extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojResizeStart extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojResizeStop extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Position = {
+        my?: PositionAlign;
+        at?: PositionAlign;
+        offset?: PositionPoint;
+        of?: string | PositionPoint;
+        collision?: 'flip' | 'fit' | 'flipfit' | 'none';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionAlign = {
+        vertical?: 'top' | 'bottom' | 'center';
+        horizontal?: 'start' | 'end' | 'left' | 'center' | 'bottom';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionPoint = {
+        x?: number;
+        y?: number;
+    };
+}
+export interface ojDialogEventMap extends baseComponentEventMap<ojDialogSettableProperties> {
+    'ojAnimateEnd': ojDialog.ojAnimateEnd;
+    'ojAnimateStart': ojDialog.ojAnimateStart;
+    'ojBeforeClose': ojDialog.ojBeforeClose;
+    'ojBeforeOpen': ojDialog.ojBeforeOpen;
+    'ojClose': ojDialog.ojClose;
+    'ojFocus': ojDialog.ojFocus;
+    'ojOpen': ojDialog.ojOpen;
+    'ojResize': ojDialog.ojResize;
+    'ojResizeStart': ojDialog.ojResizeStart;
+    'ojResizeStop': ojDialog.ojResizeStop;
+    'cancelBehaviorChanged': JetElementCustomEvent<ojDialog["cancelBehavior"]>;
+    'dragAffordanceChanged': JetElementCustomEvent<ojDialog["dragAffordance"]>;
+    'initialVisibilityChanged': JetElementCustomEvent<ojDialog["initialVisibility"]>;
+    'modalityChanged': JetElementCustomEvent<ojDialog["modality"]>;
+    'positionChanged': JetElementCustomEvent<ojDialog["position"]>;
+    'resizeBehaviorChanged': JetElementCustomEvent<ojDialog["resizeBehavior"]>;
+    'roleChanged': JetElementCustomEvent<ojDialog["role"]>;
+}
+export interface ojDialogSettableProperties extends baseComponentSettableProperties {
+    cancelBehavior: 'icon' | 'escape' | 'none';
+    dragAffordance: 'title-bar' | 'none';
+    initialVisibility: 'hide' | 'show';
+    modality: 'modal' | 'modeless';
+    position: ojDialog.Position;
+    resizeBehavior: 'resizable' | 'none';
+    role: string;
+    translations: {
+        labelCloseIcon?: string;
+    };
+}
+export interface ojDialogSettablePropertiesLenient extends Partial<ojDialogSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojdvt-base/index.d.ts b/types/oracle__oraclejet/ojdvt-base/index.d.ts
new file mode 100644
index 0000000000..04e1cca484
--- /dev/null
+++ b/types/oracle__oraclejet/ojdvt-base/index.d.ts
@@ -0,0 +1,57 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface dvtBaseComponent<SP extends dvtBaseComponentSettableProperties = dvtBaseComponentSettableProperties> extends baseComponent<SP> {
+    trackResize: 'on' | 'off';
+    translations: {
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onTrackResizeChanged: ((event: JetElementCustomEvent<dvtBaseComponent<SP>["trackResize"]>) => any) | null;
+    addEventListener<T extends keyof dvtBaseComponentEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: dvtBaseComponentEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof dvtBaseComponentSettableProperties>(property: T): dvtBaseComponent<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof dvtBaseComponentSettableProperties>(property: T, value: dvtBaseComponentSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, dvtBaseComponentSettableProperties>): void;
+    setProperties(properties: dvtBaseComponentSettablePropertiesLenient): void;
+}
+export interface dvtBaseComponentEventMap<SP extends dvtBaseComponentSettableProperties = dvtBaseComponentSettableProperties> extends baseComponentEventMap<SP> {
+    'trackResizeChanged': JetElementCustomEvent<dvtBaseComponent<SP>["trackResize"]>;
+}
+export interface dvtBaseComponentSettableProperties extends baseComponentSettableProperties {
+    trackResize: 'on' | 'off';
+    translations: {
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface dvtBaseComponentSettablePropertiesLenient extends Partial<dvtBaseComponentSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojeditablevalue/index.d.ts b/types/oracle__oraclejet/ojeditablevalue/index.d.ts
new file mode 100644
index 0000000000..44f714b3a7
--- /dev/null
+++ b/types/oracle__oraclejet/ojeditablevalue/index.d.ts
@@ -0,0 +1,96 @@
+import Message = require('../ojmessaging');
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface editableValue<V, SP extends editableValueSettableProperties<V, SV, RV>, SV = V, RV = V> extends baseComponent<SP> {
+    describedBy: string | null;
+    disabled: boolean;
+    displayOptions: {
+        converterHint: Array<'placeholder' | 'notewindow' | 'none'> | 'placeholder' | 'notewindow' | 'none';
+        helpInstruction: Array<'notewindow' | 'none'> | 'notewindow' | 'none';
+        messages: Array<'inline' | 'notewindow' | 'none'> | 'inline' | 'notewindow' | 'none';
+        validatorHint: Array<'notewindow' | 'none'> | 'notewindow' | 'none';
+    };
+    help: {
+        instruction?: string;
+    };
+    helpHints: {
+        definition?: string;
+        source?: string;
+    };
+    labelHint: string;
+    messagesCustom: Message[];
+    readonly valid: 'valid' | 'pending' | 'invalidHidden' | 'invalidShown';
+    value: V;
+    onDescribedByChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["describedBy"]>) => any) | null;
+    onDisabledChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["disabled"]>) => any) | null;
+    onDisplayOptionsChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["displayOptions"]>) => any) | null;
+    onHelpChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["help"]>) => any) | null;
+    onHelpHintsChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["helpHints"]>) => any) | null;
+    onLabelHintChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["labelHint"]>) => any) | null;
+    onMessagesCustomChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["messagesCustom"]>) => any) | null;
+    onValidChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["valid"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<editableValue<V, SP, SV, RV>["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: editableValue.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: editableValue.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof editableValueEventMap<V, SP, SV, RV>>(type: T, listener: (this: HTMLElement, ev: editableValueEventMap<V, SP, SV, RV>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof editableValueSettableProperties<V, SV, RV>>(property: T): editableValue<V, SP, SV, RV>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof editableValueSettableProperties<V, SV, RV>>(property: T, value: editableValueSettableProperties<V, SV, RV>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, editableValueSettableProperties<V, SV, RV>>): void;
+    setProperties(properties: editableValueSettablePropertiesLenient<V, SV, RV>): void;
+    refresh(): void;
+    reset(): void;
+    showMessages(): void;
+}
+export namespace editableValue {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface editableValueEventMap<V, SP extends editableValueSettableProperties<V, SV, RV>, SV = V, RV = V> extends baseComponentEventMap<SP> {
+    'ojAnimateEnd': editableValue.ojAnimateEnd;
+    'ojAnimateStart': editableValue.ojAnimateStart;
+    'describedByChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["describedBy"]>;
+    'disabledChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["disabled"]>;
+    'displayOptionsChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["displayOptions"]>;
+    'helpChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["help"]>;
+    'helpHintsChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["helpHints"]>;
+    'labelHintChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["labelHint"]>;
+    'messagesCustomChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["messagesCustom"]>;
+    'validChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["valid"]>;
+    'valueChanged': JetElementCustomEvent<editableValue<V, SP, SV, RV>["value"]>;
+}
+export interface editableValueSettableProperties<V, SV = V, RV = V> extends baseComponentSettableProperties {
+    describedBy: string | null;
+    disabled: boolean;
+    displayOptions: {
+        converterHint: Array<'placeholder' | 'notewindow' | 'none'> | 'placeholder' | 'notewindow' | 'none';
+        helpInstruction: Array<'notewindow' | 'none'> | 'notewindow' | 'none';
+        messages: Array<'inline' | 'notewindow' | 'none'> | 'inline' | 'notewindow' | 'none';
+        validatorHint: Array<'notewindow' | 'none'> | 'notewindow' | 'none';
+    };
+    help: {
+        instruction?: string;
+    };
+    helpHints: {
+        definition?: string;
+        source?: string;
+    };
+    labelHint: string;
+    messagesCustom: Message[];
+    readonly valid: 'valid' | 'pending' | 'invalidHidden' | 'invalidShown';
+    value: SV;
+}
+export interface editableValueSettablePropertiesLenient<V, SV, RV> extends Partial<editableValueSettableProperties<V, SV, RV>> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojexpressionutils/index.d.ts b/types/oracle__oraclejet/ojexpressionutils/index.d.ts
new file mode 100644
index 0000000000..e8c48ff994
--- /dev/null
+++ b/types/oracle__oraclejet/ojexpressionutils/index.d.ts
@@ -0,0 +1,5 @@
+export function createGenericExpressionEvaluator(expressionText: string): (context: any) => any;
+export function getExpressionInfo(expression: string): {
+    expr: (null | string);
+    downstreamOnly: boolean;
+};
diff --git a/types/oracle__oraclejet/ojfilepicker/index.d.ts b/types/oracle__oraclejet/ojfilepicker/index.d.ts
new file mode 100644
index 0000000000..69f63531fa
--- /dev/null
+++ b/types/oracle__oraclejet/ojfilepicker/index.d.ts
@@ -0,0 +1,43 @@
+import { ProgressItem } from '../ojprogresslist';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface FileUploadTransport {
+    flush(): void;
+    queue(fileList: FileList): ProgressItem[];
+}
+export interface ojFilePicker extends JetElement<ojFilePickerSettableProperties> {
+    accept: string[] | null;
+    selectOn: 'auto' | 'click' | 'drop' | 'clickAndDrop';
+    selectionMode: 'multiple' | 'single';
+    onAcceptChanged: ((event: JetElementCustomEvent<ojFilePicker["accept"]>) => any) | null;
+    onSelectOnChanged: ((event: JetElementCustomEvent<ojFilePicker["selectOn"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojFilePicker["selectionMode"]>) => any) | null;
+    onOjSelect: ((event: ojFilePicker.ojSelect) => any) | null;
+    addEventListener<T extends keyof ojFilePickerEventMap>(type: T, listener: (this: HTMLElement, ev: ojFilePickerEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojFilePickerSettableProperties>(property: T): ojFilePicker[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojFilePickerSettableProperties>(property: T, value: ojFilePickerSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojFilePickerSettableProperties>): void;
+    setProperties(properties: ojFilePickerSettablePropertiesLenient): void;
+}
+export namespace ojFilePicker {
+    interface ojSelect extends CustomEvent<{
+        files: FileList;
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojFilePickerEventMap extends HTMLElementEventMap {
+    'ojSelect': ojFilePicker.ojSelect;
+    'acceptChanged': JetElementCustomEvent<ojFilePicker["accept"]>;
+    'selectOnChanged': JetElementCustomEvent<ojFilePicker["selectOn"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojFilePicker["selectionMode"]>;
+}
+export interface ojFilePickerSettableProperties extends JetSettableProperties {
+    accept: string[] | null;
+    selectOn: 'auto' | 'click' | 'drop' | 'clickAndDrop';
+    selectionMode: 'multiple' | 'single';
+}
+export interface ojFilePickerSettablePropertiesLenient extends Partial<ojFilePickerSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojfilmstrip/index.d.ts b/types/oracle__oraclejet/ojfilmstrip/index.d.ts
new file mode 100644
index 0000000000..35716daf3e
--- /dev/null
+++ b/types/oracle__oraclejet/ojfilmstrip/index.d.ts
@@ -0,0 +1,63 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojFilmStrip extends baseComponent<ojFilmStripSettableProperties> {
+    arrowPlacement: 'adjacent' | 'overlay';
+    arrowVisibility: 'visible' | 'hidden' | 'hover' | 'auto';
+    currentItem: {
+        id?: string;
+        index?: number;
+    };
+    looping: 'off' | 'page';
+    maxItemsPerPage: number;
+    orientation: 'horizontal' | 'vertical';
+    translations: {
+        labelAccArrowNextPage?: string;
+        labelAccArrowPreviousPage?: string;
+        labelAccFilmStrip?: string;
+        tipArrowNextPage?: string;
+        tipArrowPreviousPage?: string;
+    };
+    onArrowPlacementChanged: ((event: JetElementCustomEvent<ojFilmStrip["arrowPlacement"]>) => any) | null;
+    onArrowVisibilityChanged: ((event: JetElementCustomEvent<ojFilmStrip["arrowVisibility"]>) => any) | null;
+    onCurrentItemChanged: ((event: JetElementCustomEvent<ojFilmStrip["currentItem"]>) => any) | null;
+    onLoopingChanged: ((event: JetElementCustomEvent<ojFilmStrip["looping"]>) => any) | null;
+    onMaxItemsPerPageChanged: ((event: JetElementCustomEvent<ojFilmStrip["maxItemsPerPage"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojFilmStrip["orientation"]>) => any) | null;
+    addEventListener<T extends keyof ojFilmStripEventMap>(type: T, listener: (this: HTMLElement, ev: ojFilmStripEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojFilmStripSettableProperties>(property: T): ojFilmStrip[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojFilmStripSettableProperties>(property: T, value: ojFilmStripSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojFilmStripSettableProperties>): void;
+    setProperties(properties: ojFilmStripSettablePropertiesLenient): void;
+    getItemsPerPage(): number;
+    refresh(): void;
+}
+export interface ojFilmStripEventMap extends baseComponentEventMap<ojFilmStripSettableProperties> {
+    'arrowPlacementChanged': JetElementCustomEvent<ojFilmStrip["arrowPlacement"]>;
+    'arrowVisibilityChanged': JetElementCustomEvent<ojFilmStrip["arrowVisibility"]>;
+    'currentItemChanged': JetElementCustomEvent<ojFilmStrip["currentItem"]>;
+    'loopingChanged': JetElementCustomEvent<ojFilmStrip["looping"]>;
+    'maxItemsPerPageChanged': JetElementCustomEvent<ojFilmStrip["maxItemsPerPage"]>;
+    'orientationChanged': JetElementCustomEvent<ojFilmStrip["orientation"]>;
+}
+export interface ojFilmStripSettableProperties extends baseComponentSettableProperties {
+    arrowPlacement: 'adjacent' | 'overlay';
+    arrowVisibility: 'visible' | 'hidden' | 'hover' | 'auto';
+    currentItem: {
+        id?: string;
+        index?: number;
+    };
+    looping: 'off' | 'page';
+    maxItemsPerPage: number;
+    orientation: 'horizontal' | 'vertical';
+    translations: {
+        labelAccArrowNextPage?: string;
+        labelAccArrowPreviousPage?: string;
+        labelAccFilmStrip?: string;
+        tipArrowNextPage?: string;
+        tipArrowPreviousPage?: string;
+    };
+}
+export interface ojFilmStripSettablePropertiesLenient extends Partial<ojFilmStripSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojformlayout/index.d.ts b/types/oracle__oraclejet/ojformlayout/index.d.ts
new file mode 100644
index 0000000000..c9fe49b34a
--- /dev/null
+++ b/types/oracle__oraclejet/ojformlayout/index.d.ts
@@ -0,0 +1,38 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojFormLayout extends JetElement<ojFormLayoutSettableProperties> {
+    direction: 'column' | 'row';
+    labelEdge: 'start' | 'top';
+    labelWidth: string;
+    labelWrapping: 'truncate' | 'wrap';
+    maxColumns: number;
+    onDirectionChanged: ((event: JetElementCustomEvent<ojFormLayout["direction"]>) => any) | null;
+    onLabelEdgeChanged: ((event: JetElementCustomEvent<ojFormLayout["labelEdge"]>) => any) | null;
+    onLabelWidthChanged: ((event: JetElementCustomEvent<ojFormLayout["labelWidth"]>) => any) | null;
+    onLabelWrappingChanged: ((event: JetElementCustomEvent<ojFormLayout["labelWrapping"]>) => any) | null;
+    onMaxColumnsChanged: ((event: JetElementCustomEvent<ojFormLayout["maxColumns"]>) => any) | null;
+    addEventListener<T extends keyof ojFormLayoutEventMap>(type: T, listener: (this: HTMLElement, ev: ojFormLayoutEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojFormLayoutSettableProperties>(property: T): ojFormLayout[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojFormLayoutSettableProperties>(property: T, value: ojFormLayoutSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojFormLayoutSettableProperties>): void;
+    setProperties(properties: ojFormLayoutSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojFormLayoutEventMap extends HTMLElementEventMap {
+    'directionChanged': JetElementCustomEvent<ojFormLayout["direction"]>;
+    'labelEdgeChanged': JetElementCustomEvent<ojFormLayout["labelEdge"]>;
+    'labelWidthChanged': JetElementCustomEvent<ojFormLayout["labelWidth"]>;
+    'labelWrappingChanged': JetElementCustomEvent<ojFormLayout["labelWrapping"]>;
+    'maxColumnsChanged': JetElementCustomEvent<ojFormLayout["maxColumns"]>;
+}
+export interface ojFormLayoutSettableProperties extends JetSettableProperties {
+    direction: 'column' | 'row';
+    labelEdge: 'start' | 'top';
+    labelWidth: string;
+    labelWrapping: 'truncate' | 'wrap';
+    maxColumns: number;
+}
+export interface ojFormLayoutSettablePropertiesLenient extends Partial<ojFormLayoutSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojgantt/index.d.ts b/types/oracle__oraclejet/ojgantt/index.d.ts
new file mode 100644
index 0000000000..18ded2ebeb
--- /dev/null
+++ b/types/oracle__oraclejet/ojgantt/index.d.ts
@@ -0,0 +1,679 @@
+import { ojTimeAxis } from '../ojtimeaxis';
+import { Converter } from '../ojvalidation-base';
+import { DataProvider } from '../ojdataprovider';
+import { dvtTimeComponent, dvtTimeComponentEventMap, dvtTimeComponentSettableProperties } from '../ojtime-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojGantt<K1, K2, D1, D2> extends dvtTimeComponent<ojGanttSettableProperties<K1, K2, D1, D2>> {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    axisPosition: 'bottom' | 'top';
+    dependencyData?: (DataProvider<K1, D1>);
+    dnd: {
+        move?: {
+            tasks?: 'disabled' | 'enabled';
+        };
+    };
+    end: string;
+    gridlines: {
+        horizontal?: 'hidden' | 'visible' | 'auto';
+        vertical?: 'hidden' | 'visible' | 'auto';
+    };
+    majorAxis: {
+        converter?: (ojTimeAxis.Converters | Converter<string>);
+        height?: number;
+        scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+        zoomOrder?: string[];
+    };
+    minorAxis: {
+        converter?: (ojTimeAxis.Converters | Converter<string>);
+        height?: number;
+        scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+        zoomOrder?: string[];
+    };
+    referenceObjects: ojGantt.ReferenceObject[];
+    rowAxis: {
+        label?: {
+            renderer: ((context: ojGantt.RowAxisLabelRendererContext<K2, D2>) => ({
+                insert: Element;
+            }));
+        };
+        maxWidth?: string;
+        rendered?: 'on' | 'off';
+        width?: string;
+    };
+    rowDefaults: {
+        height?: number;
+    };
+    scrollPosition: {
+        offsetY?: number;
+        rowIndex?: number;
+        y?: number;
+    };
+    selection: K2[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    start: string;
+    taskData?: (DataProvider<K2, D2>);
+    taskDefaults: {
+        baseline?: {
+            borderRadius?: string;
+            height?: number;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+        borderRadius?: string;
+        height?: number;
+        labelPosition?: (string | string[]);
+        progress?: {
+            borderRadius?: string;
+            height?: string;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+        svgClassName?: string;
+        svgStyle?: object;
+        type?: 'normal' | 'milestone' | 'summary' | 'auto';
+    };
+    tooltip: {
+        renderer: ((context: ojGantt.TooltipContext<K2, D2>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    valueFormats: {
+        baselineDate?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        baselineEnd?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        baselineStart?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        date?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        end?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        label?: {
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        progress?: {
+            converter?: (Converter<number>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        row?: {
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        start?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+    };
+    viewportEnd: string;
+    viewportStart: string;
+    translations: {
+        accessibleDependencyInfo?: string;
+        accessiblePredecessorInfo?: string;
+        accessibleSuccessorInfo?: string;
+        accessibleTaskTypeMilestone?: string;
+        accessibleTaskTypeSummary?: string;
+        componentName?: string;
+        finishFinishDependencyAriaDesc?: string;
+        finishStartDependencyAriaDesc?: string;
+        labelAndValue?: string;
+        labelBaselineDate?: string;
+        labelBaselineEnd?: string;
+        labelBaselineStart?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelDate?: string;
+        labelEnd?: string;
+        labelInvalidData?: string;
+        labelLabel?: string;
+        labelMoveBy?: string;
+        labelNoData?: string;
+        labelProgress?: string;
+        labelRow?: string;
+        labelStart?: string;
+        startFinishDependencyAriaDesc?: string;
+        startStartDependencyAriaDesc?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        taskMoveCancelled?: string;
+        taskMoveFinalized?: string;
+        taskMoveInitiated?: string;
+        taskMoveInitiatedInstruction?: string;
+        taskMoveSelectionInfo?: string;
+        tooltipZoomIn?: string;
+        tooltipZoomOut?: string;
+    };
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["as"]>) => any) | null;
+    onAxisPositionChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["axisPosition"]>) => any) | null;
+    onDependencyDataChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["dependencyData"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["dnd"]>) => any) | null;
+    onEndChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["end"]>) => any) | null;
+    onGridlinesChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["gridlines"]>) => any) | null;
+    onMajorAxisChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["majorAxis"]>) => any) | null;
+    onMinorAxisChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["minorAxis"]>) => any) | null;
+    onReferenceObjectsChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["referenceObjects"]>) => any) | null;
+    onRowAxisChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["rowAxis"]>) => any) | null;
+    onRowDefaultsChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["rowDefaults"]>) => any) | null;
+    onScrollPositionChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["scrollPosition"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["selectionMode"]>) => any) | null;
+    onStartChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["start"]>) => any) | null;
+    onTaskDataChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["taskData"]>) => any) | null;
+    onTaskDefaultsChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["taskDefaults"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["tooltip"]>) => any) | null;
+    onValueFormatsChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["valueFormats"]>) => any) | null;
+    onViewportEndChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["viewportEnd"]>) => any) | null;
+    onViewportStartChanged: ((event: JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["viewportStart"]>) => any) | null;
+    onOjMove: ((event: ojGantt.ojMove<K2, D2>) => any) | null;
+    onOjViewportChange: ((event: ojGantt.ojViewportChange) => any) | null;
+    addEventListener<T extends keyof ojGanttEventMap<K1, K2, D1, D2>>(type: T, listener: (this: HTMLElement, ev: ojGanttEventMap<K1, K2, D1, D2>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojGanttSettableProperties<K1, K2, D1, D2>>(property: T): ojGantt<K1, K2, D1, D2>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojGanttSettableProperties<K1, K2, D1, D2>>(property: T, value: ojGanttSettableProperties<K1, K2, D1, D2>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojGanttSettableProperties<K1, K2, D1, D2>>): void;
+    setProperties(properties: ojGanttSettablePropertiesLenient<K1, K2, D1, D2>): void;
+    getContextByNode(node: Element): {
+        subId: 'oj-gantt-row-label';
+        index: number;
+    } | {
+        subId: 'oj-gantt-taskbar';
+        rowIndex: number;
+        index: number;
+    } | null;
+}
+export namespace ojGantt {
+    interface ojMove<K2, D2> extends CustomEvent<{
+        taskContexts: Array<{
+            data: RowTask<K2>;
+            rowData: Row<K2>;
+            itemData: D2 | null;
+            color: string;
+        }>;
+        value: string;
+        start: string;
+        end: string;
+        baselineStart: string;
+        baselineEnd: string;
+        rowContext: {
+            rowData: Row<K2>;
+            componentElement: Element;
+        };
+        [propName: string]: any;
+    }> {
+    }
+    interface ojViewportChange extends CustomEvent<{
+        viewportStart: string;
+        viewportEnd: string;
+        majorAxisScale: string;
+        minorAxisScale: string;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Dependency<K1, K2> = {
+        id: K1;
+        predecessorTaskId: K2;
+        shortDesc?: string;
+        successorTaskId: K2;
+        svgClassName?: string;
+        svgStyle?: object;
+        type?: 'startStart' | 'startFinish' | 'finishFinish' | 'finishStart';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ReferenceObject = {
+        svgClassName?: string;
+        svgStyle?: object;
+        value?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Row<K2> = {
+        id?: any;
+        label?: string;
+        labelStyle?: object;
+        tasks?: Array<RowTask<K2>>;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RowAxisLabelRendererContext<K2, D2> = {
+        parentElement: Element;
+        rowData: Row<K2>;
+        itemData: D2[];
+        componentElement: Element;
+        maxWidth: number;
+        maxHeight: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RowTask<K2> = {
+        borderRadius?: string;
+        end?: string;
+        height?: number;
+        id: K2;
+        label?: string;
+        labelPosition?: string | string[];
+        labelStyle?: object;
+        start?: string;
+        shortDesc?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+        type?: 'normal' | 'milestone' | 'summary' | 'auto';
+        progress?: {
+            borderRadius?: string;
+            height?: string;
+            svgClassName?: string;
+            svgStyle?: object;
+            value?: number;
+        };
+        baseline?: {
+            borderRadius?: string;
+            end?: string;
+            height?: number;
+            start?: string;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K2, D2> = {
+        parentElement: Element;
+        data: RowTask<K2>;
+        rowData: Row<K2>;
+        itemData: D2;
+        componentElement: Element;
+        color: string;
+    };
+}
+export interface ojGanttEventMap<K1, K2, D1, D2> extends dvtTimeComponentEventMap<ojGanttSettableProperties<K1, K2, D1, D2>> {
+    'ojMove': ojGantt.ojMove<K2, D2>;
+    'ojViewportChange': ojGantt.ojViewportChange;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["as"]>;
+    'axisPositionChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["axisPosition"]>;
+    'dependencyDataChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["dependencyData"]>;
+    'dndChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["dnd"]>;
+    'endChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["end"]>;
+    'gridlinesChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["gridlines"]>;
+    'majorAxisChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["majorAxis"]>;
+    'minorAxisChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["minorAxis"]>;
+    'referenceObjectsChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["referenceObjects"]>;
+    'rowAxisChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["rowAxis"]>;
+    'rowDefaultsChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["rowDefaults"]>;
+    'scrollPositionChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["scrollPosition"]>;
+    'selectionChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["selectionMode"]>;
+    'startChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["start"]>;
+    'taskDataChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["taskData"]>;
+    'taskDefaultsChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["taskDefaults"]>;
+    'tooltipChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["tooltip"]>;
+    'valueFormatsChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["valueFormats"]>;
+    'viewportEndChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["viewportEnd"]>;
+    'viewportStartChanged': JetElementCustomEvent<ojGantt<K1, K2, D1, D2>["viewportStart"]>;
+}
+export interface ojGanttSettableProperties<K1, K2, D1, D2> extends dvtTimeComponentSettableProperties {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    axisPosition: 'bottom' | 'top';
+    dependencyData?: (DataProvider<K1, D1>);
+    dnd: {
+        move?: {
+            tasks?: 'disabled' | 'enabled';
+        };
+    };
+    end: string;
+    gridlines: {
+        horizontal?: 'hidden' | 'visible' | 'auto';
+        vertical?: 'hidden' | 'visible' | 'auto';
+    };
+    majorAxis: {
+        converter?: (ojTimeAxis.Converters | Converter<string>);
+        height?: number;
+        scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+        zoomOrder?: string[];
+    };
+    minorAxis: {
+        converter?: (ojTimeAxis.Converters | Converter<string>);
+        height?: number;
+        scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+        zoomOrder?: string[];
+    };
+    referenceObjects: ojGantt.ReferenceObject[];
+    rowAxis: {
+        label?: {
+            renderer: ((context: ojGantt.RowAxisLabelRendererContext<K2, D2>) => ({
+                insert: Element;
+            }));
+        };
+        maxWidth?: string;
+        rendered?: 'on' | 'off';
+        width?: string;
+    };
+    rowDefaults: {
+        height?: number;
+    };
+    scrollPosition: {
+        offsetY?: number;
+        rowIndex?: number;
+        y?: number;
+    };
+    selection: K2[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    start: string;
+    taskData?: (DataProvider<K2, D2>);
+    taskDefaults: {
+        baseline?: {
+            borderRadius?: string;
+            height?: number;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+        borderRadius?: string;
+        height?: number;
+        labelPosition?: (string | string[]);
+        progress?: {
+            borderRadius?: string;
+            height?: string;
+            svgClassName?: string;
+            svgStyle?: object;
+        };
+        svgClassName?: string;
+        svgStyle?: object;
+        type?: 'normal' | 'milestone' | 'summary' | 'auto';
+    };
+    tooltip: {
+        renderer: ((context: ojGantt.TooltipContext<K2, D2>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    valueFormats: {
+        baselineDate?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        baselineEnd?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        baselineStart?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        date?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        end?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        label?: {
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        progress?: {
+            converter?: (Converter<number>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        row?: {
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+        start?: {
+            converter?: (Converter<string>);
+            tooltipDisplay?: 'off' | 'auto';
+            tooltipLabel?: string;
+        };
+    };
+    viewportEnd: string;
+    viewportStart: string;
+    translations: {
+        accessibleDependencyInfo?: string;
+        accessiblePredecessorInfo?: string;
+        accessibleSuccessorInfo?: string;
+        accessibleTaskTypeMilestone?: string;
+        accessibleTaskTypeSummary?: string;
+        componentName?: string;
+        finishFinishDependencyAriaDesc?: string;
+        finishStartDependencyAriaDesc?: string;
+        labelAndValue?: string;
+        labelBaselineDate?: string;
+        labelBaselineEnd?: string;
+        labelBaselineStart?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelDate?: string;
+        labelEnd?: string;
+        labelInvalidData?: string;
+        labelLabel?: string;
+        labelMoveBy?: string;
+        labelNoData?: string;
+        labelProgress?: string;
+        labelRow?: string;
+        labelStart?: string;
+        startFinishDependencyAriaDesc?: string;
+        startStartDependencyAriaDesc?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        taskMoveCancelled?: string;
+        taskMoveFinalized?: string;
+        taskMoveInitiated?: string;
+        taskMoveInitiatedInstruction?: string;
+        taskMoveSelectionInfo?: string;
+        tooltipZoomIn?: string;
+        tooltipZoomOut?: string;
+    };
+}
+export interface ojGanttSettablePropertiesLenient<K1, K2, D1, D2> extends Partial<ojGanttSettableProperties<K1, K2, D1, D2>> {
+    [key: string]: any;
+}
+export interface ojGanttDependency extends JetElement<ojGanttDependencySettableProperties> {
+    predecessorTaskId: any;
+    shortDesc: string | null;
+    successorTaskId: any;
+    svgClassName: string;
+    svgStyle: object;
+    type: 'finishStart' | 'finishFinish' | 'startStart' | 'startFinish';
+    onPredecessorTaskIdChanged: ((event: JetElementCustomEvent<ojGanttDependency["predecessorTaskId"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojGanttDependency["shortDesc"]>) => any) | null;
+    onSuccessorTaskIdChanged: ((event: JetElementCustomEvent<ojGanttDependency["successorTaskId"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojGanttDependency["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojGanttDependency["svgStyle"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojGanttDependency["type"]>) => any) | null;
+    addEventListener<T extends keyof ojGanttDependencyEventMap>(type: T, listener: (this: HTMLElement, ev: ojGanttDependencyEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojGanttDependencySettableProperties>(property: T): ojGanttDependency[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojGanttDependencySettableProperties>(property: T, value: ojGanttDependencySettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojGanttDependencySettableProperties>): void;
+    setProperties(properties: ojGanttDependencySettablePropertiesLenient): void;
+}
+export interface ojGanttDependencyEventMap extends HTMLElementEventMap {
+    'predecessorTaskIdChanged': JetElementCustomEvent<ojGanttDependency["predecessorTaskId"]>;
+    'shortDescChanged': JetElementCustomEvent<ojGanttDependency["shortDesc"]>;
+    'successorTaskIdChanged': JetElementCustomEvent<ojGanttDependency["successorTaskId"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojGanttDependency["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojGanttDependency["svgStyle"]>;
+    'typeChanged': JetElementCustomEvent<ojGanttDependency["type"]>;
+}
+export interface ojGanttDependencySettableProperties extends JetSettableProperties {
+    predecessorTaskId: any;
+    shortDesc: string | null;
+    successorTaskId: any;
+    svgClassName: string;
+    svgStyle: object;
+    type: 'finishStart' | 'finishFinish' | 'startStart' | 'startFinish';
+}
+export interface ojGanttDependencySettablePropertiesLenient extends Partial<ojGanttDependencySettableProperties> {
+    [key: string]: any;
+}
+export interface ojGanttRow extends JetElement<ojGanttRowSettableProperties> {
+    label: string;
+    labelStyle: object;
+    onLabelChanged: ((event: JetElementCustomEvent<ojGanttRow["label"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojGanttRow["labelStyle"]>) => any) | null;
+    addEventListener<T extends keyof ojGanttRowEventMap>(type: T, listener: (this: HTMLElement, ev: ojGanttRowEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojGanttRowSettableProperties>(property: T): ojGanttRow[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojGanttRowSettableProperties>(property: T, value: ojGanttRowSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojGanttRowSettableProperties>): void;
+    setProperties(properties: ojGanttRowSettablePropertiesLenient): void;
+}
+export interface ojGanttRowEventMap extends HTMLElementEventMap {
+    'labelChanged': JetElementCustomEvent<ojGanttRow["label"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojGanttRow["labelStyle"]>;
+}
+export interface ojGanttRowSettableProperties extends JetSettableProperties {
+    label: string;
+    labelStyle: object;
+}
+export interface ojGanttRowSettablePropertiesLenient extends Partial<ojGanttRowSettableProperties> {
+    [key: string]: any;
+}
+export interface ojGanttTask extends JetElement<ojGanttTaskSettableProperties> {
+    baseline: {
+        borderRadius?: string;
+        end?: string;
+        height?: number;
+        start?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    borderRadius: string;
+    end: string;
+    height: number | null;
+    label: string;
+    labelPosition: 'start' | 'innerCenter' | 'innerStart' | 'innerEnd' | 'end' | 'none';
+    labelStyle: object;
+    progress: {
+        borderRadius?: string;
+        height?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+        value?: number;
+    };
+    rowId?: any;
+    shortDesc: string | null;
+    start: string;
+    svgClassName: string;
+    svgStyle: object;
+    type: 'normal' | 'milestone' | 'summary' | 'auto';
+    onBaselineChanged: ((event: JetElementCustomEvent<ojGanttTask["baseline"]>) => any) | null;
+    onBorderRadiusChanged: ((event: JetElementCustomEvent<ojGanttTask["borderRadius"]>) => any) | null;
+    onEndChanged: ((event: JetElementCustomEvent<ojGanttTask["end"]>) => any) | null;
+    onHeightChanged: ((event: JetElementCustomEvent<ojGanttTask["height"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojGanttTask["label"]>) => any) | null;
+    onLabelPositionChanged: ((event: JetElementCustomEvent<ojGanttTask["labelPosition"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojGanttTask["labelStyle"]>) => any) | null;
+    onProgressChanged: ((event: JetElementCustomEvent<ojGanttTask["progress"]>) => any) | null;
+    onRowIdChanged: ((event: JetElementCustomEvent<ojGanttTask["rowId"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojGanttTask["shortDesc"]>) => any) | null;
+    onStartChanged: ((event: JetElementCustomEvent<ojGanttTask["start"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojGanttTask["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojGanttTask["svgStyle"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojGanttTask["type"]>) => any) | null;
+    addEventListener<T extends keyof ojGanttTaskEventMap>(type: T, listener: (this: HTMLElement, ev: ojGanttTaskEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojGanttTaskSettableProperties>(property: T): ojGanttTask[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojGanttTaskSettableProperties>(property: T, value: ojGanttTaskSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojGanttTaskSettableProperties>): void;
+    setProperties(properties: ojGanttTaskSettablePropertiesLenient): void;
+}
+export interface ojGanttTaskEventMap extends HTMLElementEventMap {
+    'baselineChanged': JetElementCustomEvent<ojGanttTask["baseline"]>;
+    'borderRadiusChanged': JetElementCustomEvent<ojGanttTask["borderRadius"]>;
+    'endChanged': JetElementCustomEvent<ojGanttTask["end"]>;
+    'heightChanged': JetElementCustomEvent<ojGanttTask["height"]>;
+    'labelChanged': JetElementCustomEvent<ojGanttTask["label"]>;
+    'labelPositionChanged': JetElementCustomEvent<ojGanttTask["labelPosition"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojGanttTask["labelStyle"]>;
+    'progressChanged': JetElementCustomEvent<ojGanttTask["progress"]>;
+    'rowIdChanged': JetElementCustomEvent<ojGanttTask["rowId"]>;
+    'shortDescChanged': JetElementCustomEvent<ojGanttTask["shortDesc"]>;
+    'startChanged': JetElementCustomEvent<ojGanttTask["start"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojGanttTask["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojGanttTask["svgStyle"]>;
+    'typeChanged': JetElementCustomEvent<ojGanttTask["type"]>;
+}
+export interface ojGanttTaskSettableProperties extends JetSettableProperties {
+    baseline: {
+        borderRadius?: string;
+        end?: string;
+        height?: number;
+        start?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    borderRadius: string;
+    end: string;
+    height: number | null;
+    label: string;
+    labelPosition: 'start' | 'innerCenter' | 'innerStart' | 'innerEnd' | 'end' | 'none';
+    labelStyle: object;
+    progress: {
+        borderRadius?: string;
+        height?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+        value?: number;
+    };
+    rowId?: any;
+    shortDesc: string | null;
+    start: string;
+    svgClassName: string;
+    svgStyle: object;
+    type: 'normal' | 'milestone' | 'summary' | 'auto';
+}
+export interface ojGanttTaskSettablePropertiesLenient extends Partial<ojGanttTaskSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojganttutils/index.d.ts b/types/oracle__oraclejet/ojganttutils/index.d.ts
new file mode 100644
index 0000000000..0eb146049c
--- /dev/null
+++ b/types/oracle__oraclejet/ojganttutils/index.d.ts
@@ -0,0 +1,4 @@
+export function computeTableColumnHeaderHeight(table: Element, gantt: Element, axisInfo: {
+    majorAxis: object;
+    minorAxis: object;
+}): number;
diff --git a/types/oracle__oraclejet/ojgauge/index.d.ts b/types/oracle__oraclejet/ojgauge/index.d.ts
new file mode 100644
index 0000000000..d3ccbbd487
--- /dev/null
+++ b/types/oracle__oraclejet/ojgauge/index.d.ts
@@ -0,0 +1,574 @@
+import { Converter } from '../ojvalidation-base';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface dvtBaseGauge<SP extends dvtBaseGaugeSettableProperties = dvtBaseGaugeSettableProperties> extends dvtBaseComponent<SP> {
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    addEventListener<T extends keyof dvtBaseGaugeEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: dvtBaseGaugeEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof dvtBaseGaugeSettableProperties>(property: T): dvtBaseGauge<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof dvtBaseGaugeSettableProperties>(property: T, value: dvtBaseGaugeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, dvtBaseGaugeSettableProperties>): void;
+    setProperties(properties: dvtBaseGaugeSettablePropertiesLenient): void;
+}
+// These interfaces are empty but required to keep the event chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface dvtBaseGaugeEventMap<SP extends dvtBaseGaugeSettableProperties = dvtBaseGaugeSettableProperties> extends dvtBaseComponentEventMap<SP> {
+}
+export interface dvtBaseGaugeSettableProperties extends dvtBaseComponentSettableProperties {
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface dvtBaseGaugeSettablePropertiesLenient extends Partial<dvtBaseGaugeSettableProperties> {
+    [key: string]: any;
+}
+export interface ojLedGauge extends dvtBaseGauge<ojLedGaugeSettableProperties> {
+    borderColor: string;
+    color: string;
+    label: {
+        style?: object;
+        text?: string;
+    };
+    max: number;
+    metricLabel: {
+        converter?: Converter<string>;
+        rendered?: 'on' | 'off';
+        scaling?: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        style?: object;
+        text?: string;
+        textType?: 'percent' | 'number';
+    };
+    min: number;
+    rotation: 90 | 180 | 270 | 0;
+    size: number;
+    svgClassName: string;
+    svgStyle: object;
+    thresholds: ojLedGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojLedGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    type: 'arrow' | 'diamond' | 'square' | 'rectangle' | 'triangle' | 'star' | 'human' | 'circle';
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojLedGauge["borderColor"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojLedGauge["color"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojLedGauge["label"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojLedGauge["max"]>) => any) | null;
+    onMetricLabelChanged: ((event: JetElementCustomEvent<ojLedGauge["metricLabel"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojLedGauge["min"]>) => any) | null;
+    onRotationChanged: ((event: JetElementCustomEvent<ojLedGauge["rotation"]>) => any) | null;
+    onSizeChanged: ((event: JetElementCustomEvent<ojLedGauge["size"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojLedGauge["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojLedGauge["svgStyle"]>) => any) | null;
+    onThresholdsChanged: ((event: JetElementCustomEvent<ojLedGauge["thresholds"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojLedGauge["tooltip"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojLedGauge["type"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojLedGauge["value"]>) => any) | null;
+    onVisualEffectsChanged: ((event: JetElementCustomEvent<ojLedGauge["visualEffects"]>) => any) | null;
+    addEventListener<T extends keyof ojLedGaugeEventMap>(type: T, listener: (this: HTMLElement, ev: ojLedGaugeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLedGaugeSettableProperties>(property: T): ojLedGauge[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLedGaugeSettableProperties>(property: T, value: ojLedGaugeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLedGaugeSettableProperties>): void;
+    setProperties(properties: ojLedGaugeSettablePropertiesLenient): void;
+    getMetricLabel(): string;
+}
+export interface ojLedGaugeEventMap extends dvtBaseGaugeEventMap<ojLedGaugeSettableProperties> {
+    'borderColorChanged': JetElementCustomEvent<ojLedGauge["borderColor"]>;
+    'colorChanged': JetElementCustomEvent<ojLedGauge["color"]>;
+    'labelChanged': JetElementCustomEvent<ojLedGauge["label"]>;
+    'maxChanged': JetElementCustomEvent<ojLedGauge["max"]>;
+    'metricLabelChanged': JetElementCustomEvent<ojLedGauge["metricLabel"]>;
+    'minChanged': JetElementCustomEvent<ojLedGauge["min"]>;
+    'rotationChanged': JetElementCustomEvent<ojLedGauge["rotation"]>;
+    'sizeChanged': JetElementCustomEvent<ojLedGauge["size"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojLedGauge["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojLedGauge["svgStyle"]>;
+    'thresholdsChanged': JetElementCustomEvent<ojLedGauge["thresholds"]>;
+    'tooltipChanged': JetElementCustomEvent<ojLedGauge["tooltip"]>;
+    'typeChanged': JetElementCustomEvent<ojLedGauge["type"]>;
+    'valueChanged': JetElementCustomEvent<ojLedGauge["value"]>;
+    'visualEffectsChanged': JetElementCustomEvent<ojLedGauge["visualEffects"]>;
+}
+export interface ojLedGaugeSettableProperties extends dvtBaseGaugeSettableProperties {
+    borderColor: string;
+    color: string;
+    label: {
+        style?: object;
+        text?: string;
+    };
+    max: number;
+    metricLabel: {
+        converter?: Converter<string>;
+        rendered?: 'on' | 'off';
+        scaling?: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        style?: object;
+        text?: string;
+        textType?: 'percent' | 'number';
+    };
+    min: number;
+    rotation: 90 | 180 | 270 | 0;
+    size: number;
+    svgClassName: string;
+    svgStyle: object;
+    thresholds: ojLedGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojLedGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    type: 'arrow' | 'diamond' | 'square' | 'rectangle' | 'triangle' | 'star' | 'human' | 'circle';
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+}
+export interface ojLedGaugeSettablePropertiesLenient extends Partial<ojLedGaugeSettableProperties> {
+    [key: string]: any;
+}
+export namespace ojLedGauge {
+    // tslint:disable-next-line interface-over-type-literal
+    type Threshold = {
+        borderColor?: string;
+        color?: string;
+        max?: number;
+        shortDesc?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext = {
+        color: string;
+        componentElement: Element;
+        label: string;
+        parentElement: Element;
+    };
+}
+export interface ojRatingGauge extends dvtBaseGauge<ojRatingGaugeSettableProperties> {
+    changed: boolean;
+    changedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    hoverState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    max: number;
+    min: number;
+    orientation: 'vertical' | 'horizontal';
+    preserveAspectRatio: 'none' | 'meet';
+    readonly: boolean;
+    selectedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    step: 0.5 | 1;
+    thresholds: ojRatingGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojRatingGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    readonly transientValue: number | null;
+    unselectedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+    onChangedChanged: ((event: JetElementCustomEvent<ojRatingGauge["changed"]>) => any) | null;
+    onChangedStateChanged: ((event: JetElementCustomEvent<ojRatingGauge["changedState"]>) => any) | null;
+    onHoverStateChanged: ((event: JetElementCustomEvent<ojRatingGauge["hoverState"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojRatingGauge["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojRatingGauge["min"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojRatingGauge["orientation"]>) => any) | null;
+    onPreserveAspectRatioChanged: ((event: JetElementCustomEvent<ojRatingGauge["preserveAspectRatio"]>) => any) | null;
+    onReadonlyChanged: ((event: JetElementCustomEvent<ojRatingGauge["readonly"]>) => any) | null;
+    onSelectedStateChanged: ((event: JetElementCustomEvent<ojRatingGauge["selectedState"]>) => any) | null;
+    onStepChanged: ((event: JetElementCustomEvent<ojRatingGauge["step"]>) => any) | null;
+    onThresholdsChanged: ((event: JetElementCustomEvent<ojRatingGauge["thresholds"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojRatingGauge["tooltip"]>) => any) | null;
+    onTransientValueChanged: ((event: JetElementCustomEvent<ojRatingGauge["transientValue"]>) => any) | null;
+    onUnselectedStateChanged: ((event: JetElementCustomEvent<ojRatingGauge["unselectedState"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojRatingGauge["value"]>) => any) | null;
+    onVisualEffectsChanged: ((event: JetElementCustomEvent<ojRatingGauge["visualEffects"]>) => any) | null;
+    addEventListener<T extends keyof ojRatingGaugeEventMap>(type: T, listener: (this: HTMLElement, ev: ojRatingGaugeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojRatingGaugeSettableProperties>(property: T): ojRatingGauge[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojRatingGaugeSettableProperties>(property: T, value: ojRatingGaugeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojRatingGaugeSettableProperties>): void;
+    setProperties(properties: ojRatingGaugeSettablePropertiesLenient): void;
+}
+export interface ojRatingGaugeEventMap extends dvtBaseGaugeEventMap<ojRatingGaugeSettableProperties> {
+    'changedChanged': JetElementCustomEvent<ojRatingGauge["changed"]>;
+    'changedStateChanged': JetElementCustomEvent<ojRatingGauge["changedState"]>;
+    'hoverStateChanged': JetElementCustomEvent<ojRatingGauge["hoverState"]>;
+    'maxChanged': JetElementCustomEvent<ojRatingGauge["max"]>;
+    'minChanged': JetElementCustomEvent<ojRatingGauge["min"]>;
+    'orientationChanged': JetElementCustomEvent<ojRatingGauge["orientation"]>;
+    'preserveAspectRatioChanged': JetElementCustomEvent<ojRatingGauge["preserveAspectRatio"]>;
+    'readonlyChanged': JetElementCustomEvent<ojRatingGauge["readonly"]>;
+    'selectedStateChanged': JetElementCustomEvent<ojRatingGauge["selectedState"]>;
+    'stepChanged': JetElementCustomEvent<ojRatingGauge["step"]>;
+    'thresholdsChanged': JetElementCustomEvent<ojRatingGauge["thresholds"]>;
+    'tooltipChanged': JetElementCustomEvent<ojRatingGauge["tooltip"]>;
+    'transientValueChanged': JetElementCustomEvent<ojRatingGauge["transientValue"]>;
+    'unselectedStateChanged': JetElementCustomEvent<ojRatingGauge["unselectedState"]>;
+    'valueChanged': JetElementCustomEvent<ojRatingGauge["value"]>;
+    'visualEffectsChanged': JetElementCustomEvent<ojRatingGauge["visualEffects"]>;
+}
+export interface ojRatingGaugeSettableProperties extends dvtBaseGaugeSettableProperties {
+    changed: boolean;
+    changedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    hoverState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    max: number;
+    min: number;
+    orientation: 'vertical' | 'horizontal';
+    preserveAspectRatio: 'none' | 'meet';
+    readonly: boolean;
+    selectedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    step: 0.5 | 1;
+    thresholds: ojRatingGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojRatingGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    readonly transientValue: number | null;
+    unselectedState: {
+        borderColor?: string;
+        color?: string;
+        shape?: 'circle' | 'diamond' | 'human' | 'square' | 'star' | 'triangle' | string;
+        source?: string;
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+}
+export interface ojRatingGaugeSettablePropertiesLenient extends Partial<ojRatingGaugeSettableProperties> {
+    [key: string]: any;
+}
+export namespace ojRatingGauge {
+    // tslint:disable-next-line interface-over-type-literal
+    type Threshold = {
+        borderColor?: string;
+        color?: string;
+        max?: number;
+        shortDesc?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext = {
+        color: string;
+        componentElement: Element;
+        label: string;
+        parentElement: Element;
+    };
+}
+export interface ojStatusMeterGauge extends dvtBaseGauge<ojStatusMeterGaugeSettableProperties> {
+    angleExtent: number;
+    animationDuration?: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    borderColor: string;
+    borderRadius: string;
+    center: {
+        renderer: ((context: ojStatusMeterGauge.CenterContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    color: string;
+    indicatorSize: number;
+    innerRadius: number;
+    label: {
+        position?: 'center' | 'start' | 'auto';
+        style?: object;
+        text?: string;
+    };
+    max: number;
+    metricLabel: {
+        converter?: Converter<string>;
+        position?: 'center' | 'insideIndicatorEdge' | 'outsideIndicatorEdge' | 'outsidePlotArea' | 'withLabel' | 'auto';
+        rendered?: 'on' | 'off' | 'auto';
+        scaling?: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        style?: object;
+        text?: string;
+        textType?: 'percent' | 'number';
+    };
+    min: number;
+    orientation: 'circular' | 'vertical' | 'horizontal';
+    plotArea: {
+        borderColor?: string;
+        borderRadius?: string;
+        color?: string;
+        rendered?: 'on' | 'off' | 'auto';
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    readonly: boolean;
+    referenceLines: ojStatusMeterGauge.ReferenceLine[];
+    startAngle: number;
+    step: number | null;
+    svgClassName: string;
+    svgStyle: object;
+    thresholdDisplay: 'currentOnly' | 'all' | 'onIndicator';
+    thresholds: ojStatusMeterGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojStatusMeterGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    readonly transientValue: number | null;
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+    onAngleExtentChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["angleExtent"]>) => any) | null;
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["animationDuration"]>) => any) | null;
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["animationOnDisplay"]>) => any) | null;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["borderColor"]>) => any) | null;
+    onBorderRadiusChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["borderRadius"]>) => any) | null;
+    onCenterChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["center"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["color"]>) => any) | null;
+    onIndicatorSizeChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["indicatorSize"]>) => any) | null;
+    onInnerRadiusChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["innerRadius"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["label"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["max"]>) => any) | null;
+    onMetricLabelChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["metricLabel"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["min"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["orientation"]>) => any) | null;
+    onPlotAreaChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["plotArea"]>) => any) | null;
+    onReadonlyChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["readonly"]>) => any) | null;
+    onReferenceLinesChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["referenceLines"]>) => any) | null;
+    onStartAngleChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["startAngle"]>) => any) | null;
+    onStepChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["step"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["svgStyle"]>) => any) | null;
+    onThresholdDisplayChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["thresholdDisplay"]>) => any) | null;
+    onThresholdsChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["thresholds"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["tooltip"]>) => any) | null;
+    onTransientValueChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["transientValue"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["value"]>) => any) | null;
+    onVisualEffectsChanged: ((event: JetElementCustomEvent<ojStatusMeterGauge["visualEffects"]>) => any) | null;
+    addEventListener<T extends keyof ojStatusMeterGaugeEventMap>(type: T, listener: (this: HTMLElement, ev: ojStatusMeterGaugeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojStatusMeterGaugeSettableProperties>(property: T): ojStatusMeterGauge[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojStatusMeterGaugeSettableProperties>(property: T, value: ojStatusMeterGaugeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojStatusMeterGaugeSettableProperties>): void;
+    setProperties(properties: ojStatusMeterGaugeSettablePropertiesLenient): void;
+    getMetricLabel(): string;
+}
+export interface ojStatusMeterGaugeEventMap extends dvtBaseGaugeEventMap<ojStatusMeterGaugeSettableProperties> {
+    'angleExtentChanged': JetElementCustomEvent<ojStatusMeterGauge["angleExtent"]>;
+    'animationDurationChanged': JetElementCustomEvent<ojStatusMeterGauge["animationDuration"]>;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojStatusMeterGauge["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojStatusMeterGauge["animationOnDisplay"]>;
+    'borderColorChanged': JetElementCustomEvent<ojStatusMeterGauge["borderColor"]>;
+    'borderRadiusChanged': JetElementCustomEvent<ojStatusMeterGauge["borderRadius"]>;
+    'centerChanged': JetElementCustomEvent<ojStatusMeterGauge["center"]>;
+    'colorChanged': JetElementCustomEvent<ojStatusMeterGauge["color"]>;
+    'indicatorSizeChanged': JetElementCustomEvent<ojStatusMeterGauge["indicatorSize"]>;
+    'innerRadiusChanged': JetElementCustomEvent<ojStatusMeterGauge["innerRadius"]>;
+    'labelChanged': JetElementCustomEvent<ojStatusMeterGauge["label"]>;
+    'maxChanged': JetElementCustomEvent<ojStatusMeterGauge["max"]>;
+    'metricLabelChanged': JetElementCustomEvent<ojStatusMeterGauge["metricLabel"]>;
+    'minChanged': JetElementCustomEvent<ojStatusMeterGauge["min"]>;
+    'orientationChanged': JetElementCustomEvent<ojStatusMeterGauge["orientation"]>;
+    'plotAreaChanged': JetElementCustomEvent<ojStatusMeterGauge["plotArea"]>;
+    'readonlyChanged': JetElementCustomEvent<ojStatusMeterGauge["readonly"]>;
+    'referenceLinesChanged': JetElementCustomEvent<ojStatusMeterGauge["referenceLines"]>;
+    'startAngleChanged': JetElementCustomEvent<ojStatusMeterGauge["startAngle"]>;
+    'stepChanged': JetElementCustomEvent<ojStatusMeterGauge["step"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojStatusMeterGauge["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojStatusMeterGauge["svgStyle"]>;
+    'thresholdDisplayChanged': JetElementCustomEvent<ojStatusMeterGauge["thresholdDisplay"]>;
+    'thresholdsChanged': JetElementCustomEvent<ojStatusMeterGauge["thresholds"]>;
+    'tooltipChanged': JetElementCustomEvent<ojStatusMeterGauge["tooltip"]>;
+    'transientValueChanged': JetElementCustomEvent<ojStatusMeterGauge["transientValue"]>;
+    'valueChanged': JetElementCustomEvent<ojStatusMeterGauge["value"]>;
+    'visualEffectsChanged': JetElementCustomEvent<ojStatusMeterGauge["visualEffects"]>;
+}
+export interface ojStatusMeterGaugeSettableProperties extends dvtBaseGaugeSettableProperties {
+    angleExtent: number;
+    animationDuration?: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    borderColor: string;
+    borderRadius: string;
+    center: {
+        renderer: ((context: ojStatusMeterGauge.CenterContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    color: string;
+    indicatorSize: number;
+    innerRadius: number;
+    label: {
+        position?: 'center' | 'start' | 'auto';
+        style?: object;
+        text?: string;
+    };
+    max: number;
+    metricLabel: {
+        converter?: Converter<string>;
+        position?: 'center' | 'insideIndicatorEdge' | 'outsideIndicatorEdge' | 'outsidePlotArea' | 'withLabel' | 'auto';
+        rendered?: 'on' | 'off' | 'auto';
+        scaling?: 'none' | 'thousand' | 'million' | 'billion' | 'trillion' | 'quadrillion' | 'auto';
+        style?: object;
+        text?: string;
+        textType?: 'percent' | 'number';
+    };
+    min: number;
+    orientation: 'circular' | 'vertical' | 'horizontal';
+    plotArea: {
+        borderColor?: string;
+        borderRadius?: string;
+        color?: string;
+        rendered?: 'on' | 'off' | 'auto';
+        svgClassName?: string;
+        svgStyle?: object;
+    };
+    readonly: boolean;
+    referenceLines: ojStatusMeterGauge.ReferenceLine[];
+    startAngle: number;
+    step: number | null;
+    svgClassName: string;
+    svgStyle: object;
+    thresholdDisplay: 'currentOnly' | 'all' | 'onIndicator';
+    thresholds: ojStatusMeterGauge.Threshold[];
+    tooltip: {
+        renderer: ((context: ojStatusMeterGauge.TooltipContext) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    readonly transientValue: number | null;
+    value: number | null;
+    visualEffects: 'none' | 'auto';
+}
+export interface ojStatusMeterGaugeSettablePropertiesLenient extends Partial<ojStatusMeterGaugeSettableProperties> {
+    [key: string]: any;
+}
+export namespace ojStatusMeterGauge {
+    // tslint:disable-next-line interface-over-type-literal
+    type Bounds = {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type CenterContext = {
+        componentElement: Element;
+        innerBounds: Bounds;
+        metricLabel: string;
+        outerBounds: Bounds;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ReferenceLine = {
+        color?: string;
+        value?: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Threshold = {
+        borderColor?: string;
+        color?: string;
+        max?: number;
+        shortDesc?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext = {
+        color: string;
+        componentElement: Element;
+        label: string;
+        parentElement: Element;
+    };
+}
diff --git a/types/oracle__oraclejet/ojinputnumber/index.d.ts b/types/oracle__oraclejet/ojinputnumber/index.d.ts
new file mode 100644
index 0000000000..533ec04873
--- /dev/null
+++ b/types/oracle__oraclejet/ojinputnumber/index.d.ts
@@ -0,0 +1,150 @@
+import { Converter, Validator, Validation, AsyncValidator } from '../ojvalidation-base';
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojInputNumber extends editableValue<number | null, ojInputNumberSettableProperties, number | null, string> {
+    asyncValidators: Array<AsyncValidator<number>>;
+    autocomplete: 'on' | 'off' | string;
+    autofocus: boolean;
+    converter: Converter<number> | Validation.RegisteredConverter;
+    max: number | null;
+    min: number | null;
+    placeholder: string | null;
+    readonly rawValue: string;
+    readonly: boolean | null;
+    required: boolean;
+    step: number | null;
+    validators: Array<Validator<number> | Validation.RegisteredValidator>;
+    value: number | null;
+    virtualKeyboard: 'auto' | 'number' | 'text';
+    translations: {
+        numberRange?: {
+            hint?: {
+                exact?: string;
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                exact?: string;
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipDecrement?: string;
+        tooltipIncrement?: string;
+    };
+    onAsyncValidatorsChanged: ((event: JetElementCustomEvent<ojInputNumber["asyncValidators"]>) => any) | null;
+    onAutocompleteChanged: ((event: JetElementCustomEvent<ojInputNumber["autocomplete"]>) => any) | null;
+    onAutofocusChanged: ((event: JetElementCustomEvent<ojInputNumber["autofocus"]>) => any) | null;
+    onConverterChanged: ((event: JetElementCustomEvent<ojInputNumber["converter"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojInputNumber["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojInputNumber["min"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<ojInputNumber["placeholder"]>) => any) | null;
+    onRawValueChanged: ((event: JetElementCustomEvent<ojInputNumber["rawValue"]>) => any) | null;
+    onReadonlyChanged: ((event: JetElementCustomEvent<ojInputNumber["readonly"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojInputNumber["required"]>) => any) | null;
+    onStepChanged: ((event: JetElementCustomEvent<ojInputNumber["step"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojInputNumber["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojInputNumber["value"]>) => any) | null;
+    onVirtualKeyboardChanged: ((event: JetElementCustomEvent<ojInputNumber["virtualKeyboard"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputNumber.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputNumber.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputNumberEventMap>(type: T, listener: (this: HTMLElement, ev: ojInputNumberEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputNumberSettableProperties>(property: T): ojInputNumber[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputNumberSettableProperties>(property: T, value: ojInputNumberSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputNumberSettableProperties>): void;
+    setProperties(properties: ojInputNumberSettablePropertiesLenient): void;
+    refresh(): void;
+    stepDown(steps?: number): void;
+    stepUp(steps?: number): void;
+    validate(): Promise<string>;
+}
+export namespace ojInputNumber {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojInputNumberEventMap extends editableValueEventMap<number | null, ojInputNumberSettableProperties, number | null, string> {
+    'ojAnimateEnd': ojInputNumber.ojAnimateEnd;
+    'ojAnimateStart': ojInputNumber.ojAnimateStart;
+    'asyncValidatorsChanged': JetElementCustomEvent<ojInputNumber["asyncValidators"]>;
+    'autocompleteChanged': JetElementCustomEvent<ojInputNumber["autocomplete"]>;
+    'autofocusChanged': JetElementCustomEvent<ojInputNumber["autofocus"]>;
+    'converterChanged': JetElementCustomEvent<ojInputNumber["converter"]>;
+    'maxChanged': JetElementCustomEvent<ojInputNumber["max"]>;
+    'minChanged': JetElementCustomEvent<ojInputNumber["min"]>;
+    'placeholderChanged': JetElementCustomEvent<ojInputNumber["placeholder"]>;
+    'rawValueChanged': JetElementCustomEvent<ojInputNumber["rawValue"]>;
+    'readonlyChanged': JetElementCustomEvent<ojInputNumber["readonly"]>;
+    'requiredChanged': JetElementCustomEvent<ojInputNumber["required"]>;
+    'stepChanged': JetElementCustomEvent<ojInputNumber["step"]>;
+    'validatorsChanged': JetElementCustomEvent<ojInputNumber["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojInputNumber["value"]>;
+    'virtualKeyboardChanged': JetElementCustomEvent<ojInputNumber["virtualKeyboard"]>;
+}
+export interface ojInputNumberSettableProperties extends editableValueSettableProperties<number | null, number | null, string> {
+    asyncValidators: Array<AsyncValidator<number>>;
+    autocomplete: 'on' | 'off' | string;
+    autofocus: boolean;
+    converter: Converter<number> | Validation.RegisteredConverter;
+    max: number | null;
+    min: number | null;
+    placeholder: string | null;
+    readonly rawValue: string;
+    readonly: boolean | null;
+    required: boolean;
+    step: number | null;
+    validators: Array<Validator<number> | Validation.RegisteredValidator>;
+    value: number | null;
+    virtualKeyboard: 'auto' | 'number' | 'text';
+    translations: {
+        numberRange?: {
+            hint?: {
+                exact?: string;
+                inRange?: string;
+                max?: string;
+                min?: string;
+            };
+            messageDetail?: {
+                exact?: string;
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+            messageSummary?: {
+                rangeOverflow?: string;
+                rangeUnderflow?: string;
+            };
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        tooltipDecrement?: string;
+        tooltipIncrement?: string;
+    };
+}
+export interface ojInputNumberSettablePropertiesLenient extends Partial<ojInputNumberSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojinputtext/index.d.ts b/types/oracle__oraclejet/ojinputtext/index.d.ts
new file mode 100644
index 0000000000..6caca00923
--- /dev/null
+++ b/types/oracle__oraclejet/ojinputtext/index.d.ts
@@ -0,0 +1,249 @@
+import { Converter, Validator, Validation, AsyncValidator } from '../ojvalidation-base';
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface inputBase<V, SP extends inputBaseSettableProperties<V, SV>, SV = V, RV = V> extends editableValue<V, SP, SV, RV> {
+    asyncValidators: Array<AsyncValidator<V>>;
+    autocomplete: 'on' | 'off' | string;
+    autofocus: boolean;
+    placeholder: string;
+    readonly rawValue: RV;
+    readonly: boolean;
+    required: boolean;
+    validators: Array<Validator<V> | Validation.RegisteredValidator> | null;
+    translations: {
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onAsyncValidatorsChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["asyncValidators"]>) => any) | null;
+    onAutocompleteChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["autocomplete"]>) => any) | null;
+    onAutofocusChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["autofocus"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["placeholder"]>) => any) | null;
+    onRawValueChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["rawValue"]>) => any) | null;
+    onReadonlyChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["readonly"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["required"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<inputBase<V, SP, SV, RV>["validators"]>) => any) | null;
+    onOjAnimateEnd: ((event: inputBase.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: inputBase.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof inputBaseEventMap<V, SP, SV, RV>>(type: T, listener: (this: HTMLElement, ev: inputBaseEventMap<V, SP, SV, RV>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof inputBaseSettableProperties<V, SV, RV>>(property: T): inputBase<V, SP, SV, RV>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof inputBaseSettableProperties<V, SV, RV>>(property: T, value: inputBaseSettableProperties<V, SV, RV>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, inputBaseSettableProperties<V, SV, RV>>): void;
+    setProperties(properties: inputBaseSettablePropertiesLenient<V, SV, RV>): void;
+    refresh(): void;
+    validate(): Promise<'valid' | 'invalid'>;
+}
+export namespace inputBase {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface inputBaseEventMap<V, SP extends inputBaseSettableProperties<V, SV>, SV = V, RV = V> extends editableValueEventMap<V, SP, SV, RV> {
+    'ojAnimateEnd': inputBase.ojAnimateEnd;
+    'ojAnimateStart': inputBase.ojAnimateStart;
+    'asyncValidatorsChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["asyncValidators"]>;
+    'autocompleteChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["autocomplete"]>;
+    'autofocusChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["autofocus"]>;
+    'placeholderChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["placeholder"]>;
+    'rawValueChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["rawValue"]>;
+    'readonlyChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["readonly"]>;
+    'requiredChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["required"]>;
+    'validatorsChanged': JetElementCustomEvent<inputBase<V, SP, SV, RV>["validators"]>;
+}
+export interface inputBaseSettableProperties<V, SV = V, RV = V> extends editableValueSettableProperties<V, SV, RV> {
+    asyncValidators: Array<AsyncValidator<V>>;
+    autocomplete: 'on' | 'off' | string;
+    autofocus: boolean;
+    placeholder: string;
+    readonly rawValue: RV;
+    readonly: boolean;
+    required: boolean;
+    validators: Array<Validator<V> | Validation.RegisteredValidator> | null;
+    translations: {
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface inputBaseSettablePropertiesLenient<V, SV, RV> extends Partial<inputBaseSettableProperties<V, SV, RV>> {
+    [key: string]: any;
+}
+export interface ojInputPassword extends inputBase<string | null, ojInputPasswordSettableProperties> {
+    value: string | null;
+    translations: {
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onValueChanged: ((event: JetElementCustomEvent<ojInputPassword["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputPassword.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputPassword.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputPasswordEventMap>(type: T, listener: (this: HTMLElement, ev: ojInputPasswordEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputPasswordSettableProperties>(property: T): ojInputPassword[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputPasswordSettableProperties>(property: T, value: ojInputPasswordSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputPasswordSettableProperties>): void;
+    setProperties(properties: ojInputPasswordSettablePropertiesLenient): void;
+}
+export namespace ojInputPassword {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojInputPasswordEventMap extends inputBaseEventMap<string | null, ojInputPasswordSettableProperties> {
+    'ojAnimateEnd': ojInputPassword.ojAnimateEnd;
+    'ojAnimateStart': ojInputPassword.ojAnimateStart;
+    'valueChanged': JetElementCustomEvent<ojInputPassword["value"]>;
+}
+export interface ojInputPasswordSettableProperties extends inputBaseSettableProperties<string | null> {
+    value: string | null;
+    translations: {
+        regexp?: {
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface ojInputPasswordSettablePropertiesLenient extends Partial<ojInputPasswordSettableProperties> {
+    [key: string]: any;
+}
+export interface ojInputText extends inputBase<any, ojInputTextSettableProperties> {
+    clearIcon: 'never' | 'always' | 'conditional';
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    list: string;
+    virtualKeyboard: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';
+    onClearIconChanged: ((event: JetElementCustomEvent<ojInputText["clearIcon"]>) => any) | null;
+    onConverterChanged: ((event: JetElementCustomEvent<ojInputText["converter"]>) => any) | null;
+    onListChanged: ((event: JetElementCustomEvent<ojInputText["list"]>) => any) | null;
+    onVirtualKeyboardChanged: ((event: JetElementCustomEvent<ojInputText["virtualKeyboard"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojInputText.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojInputText.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojInputTextEventMap>(type: T, listener: (this: HTMLElement, ev: ojInputTextEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojInputTextSettableProperties>(property: T): ojInputText[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojInputTextSettableProperties>(property: T, value: ojInputTextSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojInputTextSettableProperties>): void;
+    setProperties(properties: ojInputTextSettablePropertiesLenient): void;
+}
+export namespace ojInputText {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojInputTextEventMap extends inputBaseEventMap<any, ojInputTextSettableProperties> {
+    'ojAnimateEnd': ojInputText.ojAnimateEnd;
+    'ojAnimateStart': ojInputText.ojAnimateStart;
+    'clearIconChanged': JetElementCustomEvent<ojInputText["clearIcon"]>;
+    'converterChanged': JetElementCustomEvent<ojInputText["converter"]>;
+    'listChanged': JetElementCustomEvent<ojInputText["list"]>;
+    'virtualKeyboardChanged': JetElementCustomEvent<ojInputText["virtualKeyboard"]>;
+}
+export interface ojInputTextSettableProperties extends inputBaseSettableProperties<any> {
+    clearIcon: 'never' | 'always' | 'conditional';
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    list: string;
+    virtualKeyboard: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';
+}
+export interface ojInputTextSettablePropertiesLenient extends Partial<ojInputTextSettableProperties> {
+    [key: string]: any;
+}
+export interface ojTextArea extends inputBase<any, ojTextAreaSettableProperties> {
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    rows: number;
+    onConverterChanged: ((event: JetElementCustomEvent<ojTextArea["converter"]>) => any) | null;
+    onRowsChanged: ((event: JetElementCustomEvent<ojTextArea["rows"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojTextArea.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojTextArea.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojTextAreaEventMap>(type: T, listener: (this: HTMLElement, ev: ojTextAreaEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTextAreaSettableProperties>(property: T): ojTextArea[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTextAreaSettableProperties>(property: T, value: ojTextAreaSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTextAreaSettableProperties>): void;
+    setProperties(properties: ojTextAreaSettablePropertiesLenient): void;
+}
+export namespace ojTextArea {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojTextAreaEventMap extends inputBaseEventMap<any, ojTextAreaSettableProperties> {
+    'ojAnimateEnd': ojTextArea.ojAnimateEnd;
+    'ojAnimateStart': ojTextArea.ojAnimateStart;
+    'converterChanged': JetElementCustomEvent<ojTextArea["converter"]>;
+    'rowsChanged': JetElementCustomEvent<ojTextArea["rows"]>;
+}
+export interface ojTextAreaSettableProperties extends inputBaseSettableProperties<any> {
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    rows: number;
+}
+export interface ojTextAreaSettablePropertiesLenient extends Partial<ojTextAreaSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojkeyset/index.d.ts b/types/oracle__oraclejet/ojkeyset/index.d.ts
new file mode 100644
index 0000000000..7ffa8547b4
--- /dev/null
+++ b/types/oracle__oraclejet/ojkeyset/index.d.ts
@@ -0,0 +1,28 @@
+export class ExpandAllKeySet<K> extends KeySet<K> {
+    constructor();
+    add(keys: Set<K> | K[]): ExpandAllKeySet<K>;
+    addAll(): ExpandAllKeySet<K>;
+    clear(): ExpandedKeySet<K>;
+    delete(keys: Set<K> | K[]): ExpandAllKeySet<K>;
+    deletedValues(): Set<K>;
+    has(key: K): boolean;
+    isAddAll(): boolean;
+}
+export class ExpandedKeySet<K> extends KeySet<K> {
+    constructor(keys?: Set<K> | K[]);
+    add(keys: Set<K> | K[]): ExpandedKeySet<K>;
+    addAll(): ExpandAllKeySet<K>;
+    clear(): ExpandedKeySet<K>;
+    delete(keys: Set<K> | K[]): ExpandedKeySet<K>;
+    has(key: K): boolean;
+    isAddAll(): boolean;
+    values(): Set<K>;
+}
+export abstract class KeySet<K> {
+    abstract add(keys: Set<K> | K[]): KeySet<K>;
+    abstract addAll(): KeySet<K>;
+    abstract clear(): KeySet<K>;
+    abstract delete(keys: Set<K> | K[]): KeySet<K>;
+    abstract has(key: K): boolean;
+    abstract isAddAll(): boolean;
+}
diff --git a/types/oracle__oraclejet/ojknockout-keyset/index.d.ts b/types/oracle__oraclejet/ojknockout-keyset/index.d.ts
new file mode 100644
index 0000000000..55b1beebc0
--- /dev/null
+++ b/types/oracle__oraclejet/ojknockout-keyset/index.d.ts
@@ -0,0 +1,8 @@
+import { ExpandedKeySet, ExpandAllKeySet } from '../ojkeyset';
+export class ObservableExpandedKeySet<K> {
+    constructor(initialValue?: ExpandedKeySet<K> | ExpandAllKeySet<K>);
+    add(keys: Set<K> | K[]): ObservableExpandedKeySet<K>;
+    addAll(): ObservableExpandedKeySet<K>;
+    clear(): ObservableExpandedKeySet<K>;
+    delete(keys: Set<K> | K[]): ObservableExpandedKeySet<K>;
+}
diff --git a/types/oracle__oraclejet/ojknockout-model/index.d.ts b/types/oracle__oraclejet/ojknockout-model/index.d.ts
new file mode 100644
index 0000000000..f73c4773c7
--- /dev/null
+++ b/types/oracle__oraclejet/ojknockout-model/index.d.ts
@@ -0,0 +1,3 @@
+/// <reference types='knockout'/>
+/// <reference types="knockout" />
+export function map(m: object, callback?: ((param0: object) => void), array?: boolean): Array<KnockoutObservable<any>> | KnockoutObservableArray<any>;
diff --git a/types/oracle__oraclejet/ojknockouttemplateutils/index.d.ts b/types/oracle__oraclejet/ojknockouttemplateutils/index.d.ts
new file mode 100644
index 0000000000..3c307cb427
--- /dev/null
+++ b/types/oracle__oraclejet/ojknockouttemplateutils/index.d.ts
@@ -0,0 +1 @@
+export function getRenderer(template: string, bReplaceNode?: boolean): ((param0: object) => void);
diff --git a/types/oracle__oraclejet/ojlabel/index.d.ts b/types/oracle__oraclejet/ojlabel/index.d.ts
new file mode 100644
index 0000000000..f6b0de7c4f
--- /dev/null
+++ b/types/oracle__oraclejet/ojlabel/index.d.ts
@@ -0,0 +1,48 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojLabel extends baseComponent<ojLabelSettableProperties> {
+    for: string | null;
+    help: {
+        definition?: string | null;
+        source?: string | null;
+    };
+    labelId: string | null;
+    showRequired: boolean | null;
+    translations: {
+        tooltipHelp?: string;
+        tooltipRequired?: string;
+    };
+    onForChanged: ((event: JetElementCustomEvent<ojLabel["for"]>) => any) | null;
+    onHelpChanged: ((event: JetElementCustomEvent<ojLabel["help"]>) => any) | null;
+    onLabelIdChanged: ((event: JetElementCustomEvent<ojLabel["labelId"]>) => any) | null;
+    onShowRequiredChanged: ((event: JetElementCustomEvent<ojLabel["showRequired"]>) => any) | null;
+    addEventListener<T extends keyof ojLabelEventMap>(type: T, listener: (this: HTMLElement, ev: ojLabelEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLabelSettableProperties>(property: T): ojLabel[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLabelSettableProperties>(property: T, value: ojLabelSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLabelSettableProperties>): void;
+    setProperties(properties: ojLabelSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojLabelEventMap extends baseComponentEventMap<ojLabelSettableProperties> {
+    'forChanged': JetElementCustomEvent<ojLabel["for"]>;
+    'helpChanged': JetElementCustomEvent<ojLabel["help"]>;
+    'labelIdChanged': JetElementCustomEvent<ojLabel["labelId"]>;
+    'showRequiredChanged': JetElementCustomEvent<ojLabel["showRequired"]>;
+}
+export interface ojLabelSettableProperties extends baseComponentSettableProperties {
+    for: string | null;
+    help: {
+        definition?: string | null;
+        source?: string | null;
+    };
+    labelId: string | null;
+    showRequired: boolean | null;
+    translations: {
+        tooltipHelp?: string;
+        tooltipRequired?: string;
+    };
+}
+export interface ojLabelSettablePropertiesLenient extends Partial<ojLabelSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojlabelvalue/index.d.ts b/types/oracle__oraclejet/ojlabelvalue/index.d.ts
new file mode 100644
index 0000000000..0f51f259a6
--- /dev/null
+++ b/types/oracle__oraclejet/ojlabelvalue/index.d.ts
@@ -0,0 +1,26 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojLabelValue extends JetElement<ojLabelValueSettableProperties> {
+    labelEdge: 'start' | 'top' | 'inherit';
+    labelWidth: string;
+    onLabelEdgeChanged: ((event: JetElementCustomEvent<ojLabelValue["labelEdge"]>) => any) | null;
+    onLabelWidthChanged: ((event: JetElementCustomEvent<ojLabelValue["labelWidth"]>) => any) | null;
+    addEventListener<T extends keyof ojLabelValueEventMap>(type: T, listener: (this: HTMLElement, ev: ojLabelValueEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLabelValueSettableProperties>(property: T): ojLabelValue[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLabelValueSettableProperties>(property: T, value: ojLabelValueSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLabelValueSettableProperties>): void;
+    setProperties(properties: ojLabelValueSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojLabelValueEventMap extends HTMLElementEventMap {
+    'labelEdgeChanged': JetElementCustomEvent<ojLabelValue["labelEdge"]>;
+    'labelWidthChanged': JetElementCustomEvent<ojLabelValue["labelWidth"]>;
+}
+export interface ojLabelValueSettableProperties extends JetSettableProperties {
+    labelEdge: 'start' | 'top' | 'inherit';
+    labelWidth: string;
+}
+export interface ojLabelValueSettablePropertiesLenient extends Partial<ojLabelValueSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojlegend/index.d.ts b/types/oracle__oraclejet/ojlegend/index.d.ts
new file mode 100644
index 0000000000..609212c1a5
--- /dev/null
+++ b/types/oracle__oraclejet/ojlegend/index.d.ts
@@ -0,0 +1,286 @@
+import { KeySet } from '../ojkeyset';
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojLegend<K, D> extends dvtBaseComponent<ojLegendSettableProperties<K, D>> {
+    as: string;
+    data: DataProvider<K, D> | null;
+    drilling: 'on' | 'off';
+    expanded: KeySet<K> | null;
+    halign: 'center' | 'end' | 'start';
+    hiddenCategories: string[];
+    hideAndShowBehavior: 'on' | 'off';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    orientation: 'horizontal' | 'vertical';
+    scrolling: 'off' | 'asNeeded';
+    symbolHeight: number;
+    symbolWidth: number;
+    textStyle?: object;
+    valign: 'middle' | 'bottom' | 'top';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAsChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["as"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["data"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["drilling"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["expanded"]>) => any) | null;
+    onHalignChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["halign"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["hiddenCategories"]>) => any) | null;
+    onHideAndShowBehaviorChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["hideAndShowBehavior"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["hoverBehavior"]>) => any) | null;
+    onHoverBehaviorDelayChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["hoverBehaviorDelay"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["orientation"]>) => any) | null;
+    onScrollingChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["scrolling"]>) => any) | null;
+    onSymbolHeightChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["symbolHeight"]>) => any) | null;
+    onSymbolWidthChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["symbolWidth"]>) => any) | null;
+    onTextStyleChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["textStyle"]>) => any) | null;
+    onValignChanged: ((event: JetElementCustomEvent<ojLegend<K, D>["valign"]>) => any) | null;
+    onOjDrill: ((event: ojLegend.ojDrill) => any) | null;
+    addEventListener<T extends keyof ojLegendEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojLegendEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLegendSettableProperties<K, D>>(property: T): ojLegend<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLegendSettableProperties<K, D>>(property: T, value: ojLegendSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLegendSettableProperties<K, D>>): void;
+    setProperties(properties: ojLegendSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojLegend.NodeContext | null;
+    getItem(subIdPath: any[]): ojLegend.ItemContext | null;
+    getPreferredSize(): ojLegend.PreferredSize | null;
+    getSection(subIdPath: any[]): ojLegend.SectionContext | null;
+}
+export namespace ojLegend {
+    interface ojDrill extends CustomEvent<{
+        id: any;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext = {
+        text: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        itemIndex: number;
+        sectionIndexPath: number[];
+        subId: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PreferredSize = {
+        width: number;
+        height: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type SectionContext = {
+        title: string;
+        sections: object[];
+        items: object[];
+        getSection: {
+            title: string;
+            sections: string;
+            items: boolean;
+        };
+        getItems: {
+            text: string;
+        };
+    };
+}
+export interface ojLegendEventMap<K, D> extends dvtBaseComponentEventMap<ojLegendSettableProperties<K, D>> {
+    'ojDrill': ojLegend.ojDrill;
+    'asChanged': JetElementCustomEvent<ojLegend<K, D>["as"]>;
+    'dataChanged': JetElementCustomEvent<ojLegend<K, D>["data"]>;
+    'drillingChanged': JetElementCustomEvent<ojLegend<K, D>["drilling"]>;
+    'expandedChanged': JetElementCustomEvent<ojLegend<K, D>["expanded"]>;
+    'halignChanged': JetElementCustomEvent<ojLegend<K, D>["halign"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojLegend<K, D>["hiddenCategories"]>;
+    'hideAndShowBehaviorChanged': JetElementCustomEvent<ojLegend<K, D>["hideAndShowBehavior"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojLegend<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojLegend<K, D>["hoverBehavior"]>;
+    'hoverBehaviorDelayChanged': JetElementCustomEvent<ojLegend<K, D>["hoverBehaviorDelay"]>;
+    'orientationChanged': JetElementCustomEvent<ojLegend<K, D>["orientation"]>;
+    'scrollingChanged': JetElementCustomEvent<ojLegend<K, D>["scrolling"]>;
+    'symbolHeightChanged': JetElementCustomEvent<ojLegend<K, D>["symbolHeight"]>;
+    'symbolWidthChanged': JetElementCustomEvent<ojLegend<K, D>["symbolWidth"]>;
+    'textStyleChanged': JetElementCustomEvent<ojLegend<K, D>["textStyle"]>;
+    'valignChanged': JetElementCustomEvent<ojLegend<K, D>["valign"]>;
+}
+export interface ojLegendSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    as: string;
+    data: DataProvider<K, D> | null;
+    drilling: 'on' | 'off';
+    expanded: KeySet<K> | null;
+    halign: 'center' | 'end' | 'start';
+    hiddenCategories: string[];
+    hideAndShowBehavior: 'on' | 'off';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    orientation: 'horizontal' | 'vertical';
+    scrolling: 'off' | 'asNeeded';
+    symbolHeight: number;
+    symbolWidth: number;
+    textStyle?: object;
+    valign: 'middle' | 'bottom' | 'top';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojLegendSettablePropertiesLenient<K, D> extends Partial<ojLegendSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojLegendItem extends JetElement<ojLegendItemSettableProperties> {
+    borderColor?: string;
+    categories?: string[];
+    categoryVisibility?: 'hidden' | 'visible';
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    lineStyle?: 'dotted' | 'dashed' | 'solid';
+    lineWidth?: number;
+    markerColor?: string;
+    markerShape: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSvgClassName?: string;
+    markerSvgStyle?: object;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    shortDesc?: string;
+    source?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    symbolType?: 'line' | 'lineWithMarker' | 'image' | 'marker';
+    text: string;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojLegendItem["borderColor"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojLegendItem["categories"]>) => any) | null;
+    onCategoryVisibilityChanged: ((event: JetElementCustomEvent<ojLegendItem["categoryVisibility"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojLegendItem["color"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojLegendItem["drilling"]>) => any) | null;
+    onLineStyleChanged: ((event: JetElementCustomEvent<ojLegendItem["lineStyle"]>) => any) | null;
+    onLineWidthChanged: ((event: JetElementCustomEvent<ojLegendItem["lineWidth"]>) => any) | null;
+    onMarkerColorChanged: ((event: JetElementCustomEvent<ojLegendItem["markerColor"]>) => any) | null;
+    onMarkerShapeChanged: ((event: JetElementCustomEvent<ojLegendItem["markerShape"]>) => any) | null;
+    onMarkerSvgClassNameChanged: ((event: JetElementCustomEvent<ojLegendItem["markerSvgClassName"]>) => any) | null;
+    onMarkerSvgStyleChanged: ((event: JetElementCustomEvent<ojLegendItem["markerSvgStyle"]>) => any) | null;
+    onPatternChanged: ((event: JetElementCustomEvent<ojLegendItem["pattern"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojLegendItem["shortDesc"]>) => any) | null;
+    onSourceChanged: ((event: JetElementCustomEvent<ojLegendItem["source"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojLegendItem["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojLegendItem["svgStyle"]>) => any) | null;
+    onSymbolTypeChanged: ((event: JetElementCustomEvent<ojLegendItem["symbolType"]>) => any) | null;
+    onTextChanged: ((event: JetElementCustomEvent<ojLegendItem["text"]>) => any) | null;
+    addEventListener<T extends keyof ojLegendItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojLegendItemEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLegendItemSettableProperties>(property: T): ojLegendItem[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLegendItemSettableProperties>(property: T, value: ojLegendItemSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLegendItemSettableProperties>): void;
+    setProperties(properties: ojLegendItemSettablePropertiesLenient): void;
+}
+export interface ojLegendItemEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojLegendItem["borderColor"]>;
+    'categoriesChanged': JetElementCustomEvent<ojLegendItem["categories"]>;
+    'categoryVisibilityChanged': JetElementCustomEvent<ojLegendItem["categoryVisibility"]>;
+    'colorChanged': JetElementCustomEvent<ojLegendItem["color"]>;
+    'drillingChanged': JetElementCustomEvent<ojLegendItem["drilling"]>;
+    'lineStyleChanged': JetElementCustomEvent<ojLegendItem["lineStyle"]>;
+    'lineWidthChanged': JetElementCustomEvent<ojLegendItem["lineWidth"]>;
+    'markerColorChanged': JetElementCustomEvent<ojLegendItem["markerColor"]>;
+    'markerShapeChanged': JetElementCustomEvent<ojLegendItem["markerShape"]>;
+    'markerSvgClassNameChanged': JetElementCustomEvent<ojLegendItem["markerSvgClassName"]>;
+    'markerSvgStyleChanged': JetElementCustomEvent<ojLegendItem["markerSvgStyle"]>;
+    'patternChanged': JetElementCustomEvent<ojLegendItem["pattern"]>;
+    'shortDescChanged': JetElementCustomEvent<ojLegendItem["shortDesc"]>;
+    'sourceChanged': JetElementCustomEvent<ojLegendItem["source"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojLegendItem["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojLegendItem["svgStyle"]>;
+    'symbolTypeChanged': JetElementCustomEvent<ojLegendItem["symbolType"]>;
+    'textChanged': JetElementCustomEvent<ojLegendItem["text"]>;
+}
+export interface ojLegendItemSettableProperties extends JetSettableProperties {
+    borderColor?: string;
+    categories?: string[];
+    categoryVisibility?: 'hidden' | 'visible';
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    lineStyle?: 'dotted' | 'dashed' | 'solid';
+    lineWidth?: number;
+    markerColor?: string;
+    markerShape: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    markerSvgClassName?: string;
+    markerSvgStyle?: object;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    shortDesc?: string;
+    source?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    symbolType?: 'line' | 'lineWithMarker' | 'image' | 'marker';
+    text: string;
+}
+export interface ojLegendItemSettablePropertiesLenient extends Partial<ojLegendItemSettableProperties> {
+    [key: string]: any;
+}
+export interface ojLegendSection extends JetElement<ojLegendSectionSettableProperties> {
+    collapsible?: 'on' | 'off';
+    text?: string;
+    textHalign?: 'center' | 'end' | 'start';
+    textStyle?: object;
+    onCollapsibleChanged: ((event: JetElementCustomEvent<ojLegendSection["collapsible"]>) => any) | null;
+    onTextChanged: ((event: JetElementCustomEvent<ojLegendSection["text"]>) => any) | null;
+    onTextHalignChanged: ((event: JetElementCustomEvent<ojLegendSection["textHalign"]>) => any) | null;
+    onTextStyleChanged: ((event: JetElementCustomEvent<ojLegendSection["textStyle"]>) => any) | null;
+    addEventListener<T extends keyof ojLegendSectionEventMap>(type: T, listener: (this: HTMLElement, ev: ojLegendSectionEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojLegendSectionSettableProperties>(property: T): ojLegendSection[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojLegendSectionSettableProperties>(property: T, value: ojLegendSectionSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojLegendSectionSettableProperties>): void;
+    setProperties(properties: ojLegendSectionSettablePropertiesLenient): void;
+}
+export interface ojLegendSectionEventMap extends HTMLElementEventMap {
+    'collapsibleChanged': JetElementCustomEvent<ojLegendSection["collapsible"]>;
+    'textChanged': JetElementCustomEvent<ojLegendSection["text"]>;
+    'textHalignChanged': JetElementCustomEvent<ojLegendSection["textHalign"]>;
+    'textStyleChanged': JetElementCustomEvent<ojLegendSection["textStyle"]>;
+}
+export interface ojLegendSectionSettableProperties extends JetSettableProperties {
+    collapsible?: 'on' | 'off';
+    text?: string;
+    textHalign?: 'center' | 'end' | 'start';
+    textStyle?: object;
+}
+export interface ojLegendSectionSettablePropertiesLenient extends Partial<ojLegendSectionSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojlistdataproviderview/index.d.ts b/types/oracle__oraclejet/ojlistdataproviderview/index.d.ts
new file mode 100644
index 0000000000..031611e08e
--- /dev/null
+++ b/types/oracle__oraclejet/ojlistdataproviderview/index.d.ts
@@ -0,0 +1,25 @@
+import { DataProvider, SortCriterion, FetchByKeysParameters, ContainsKeysResults, FetchByKeysResults, FetchByOffsetParameters, FetchByOffsetResults, DataMapping, FetchListResult,
+   FetchListParameters } from '../ojdataprovider';
+declare class ListDataProviderView<K, D, Kin, Din> implements DataProvider<K, D> {
+    dataMapping: DataMapping<K, D, Kin, Din>;
+    from: any;
+    offset: number;
+    sortCriteria: Array<SortCriterion<D>>;
+    constructor(dataProvider: DataProvider<K, D>, options?: {
+        from?: object;
+        offset?: number;
+        sortCriteria?: Array<SortCriterion<D>>;
+        dataMapping?: DataMapping<K, D, Kin, Din>;
+    });
+    addEventListener(eventType: string, listener: EventListener): void;
+    containsKeys(params: FetchByKeysParameters<K>): Promise<ContainsKeysResults<K>>;
+    dispatchEvent(evt: Event): boolean;
+    fetchByKeys(params: FetchByKeysParameters<K>): Promise<FetchByKeysResults<K, D>>;
+    fetchByOffset(params: FetchByOffsetParameters<D>): Promise<FetchByOffsetResults<K, D>>;
+    fetchFirst(params?: FetchListParameters<D>): AsyncIterable<FetchListResult<K, D>>;
+    getCapability(capabilityName: string): any;
+    getTotalSize(): Promise<number>;
+    isEmpty(): 'yes' | 'no' | 'unknown';
+    removeEventListener(eventType: string, listener: EventListener): void;
+}
+export = ListDataProviderView;
diff --git a/types/oracle__oraclejet/ojlistview/index.d.ts b/types/oracle__oraclejet/ojlistview/index.d.ts
new file mode 100644
index 0000000000..97a77c52ea
--- /dev/null
+++ b/types/oracle__oraclejet/ojlistview/index.d.ts
@@ -0,0 +1,335 @@
+import { KeySet } from '../ojkeyset';
+import { DataProvider } from '../ojdataprovider';
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojListView<K, D> extends baseComponent<ojListViewSettableProperties<K, D>> {
+    as: string;
+    currentItem: K;
+    data: DataProvider<K, D>;
+    dnd: {
+        drag?: {
+            items: {
+                dataTypes?: string | string[];
+                drag?: ((param0: Event) => void);
+                dragEnd?: ((param0: Event) => void);
+                dragStart?: ((param0: Event, param1: {
+                    items: Element[];
+                }) => void);
+            };
+        };
+        drop?: {
+            items: {
+                dataTypes?: string | string[];
+                dragEnter?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                dragLeave?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                dragOver?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                drop?: ((param0: Event, param1: ojListView.ItemsDropContext) => void);
+            };
+        };
+        reorder: {
+            items: 'enabled' | 'disabled';
+        };
+    };
+    drillMode: 'collapsible' | 'none';
+    expanded: KeySet<K>;
+    readonly firstSelectedItem: {
+        key: K;
+        data: D;
+    };
+    groupHeaderPosition: 'static' | 'sticky';
+    item: {
+        focusable?: ((param0: ojListView.ItemContext<K, D>) => boolean) | boolean;
+        renderer?: ((param0: ojListView.ItemContext<K, D>) => {
+            insert: Element | string;
+        } | undefined) | null;
+        selectable?: ((param0: ojListView.ItemContext<K, D>) => boolean) | boolean;
+    };
+    scrollPolicy: 'auto' | 'loadMoreOnScroll';
+    scrollPolicyOptions: {
+        fetchSize?: number;
+        maxCount?: number;
+        scroller?: Element;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        index?: number;
+        parent?: K;
+        key?: K;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: K[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    selectionRequired: boolean;
+    translations: {
+        accessibleNavigateSkipItems?: string;
+        accessibleReorderAfterItem?: string;
+        accessibleReorderBeforeItem?: string;
+        accessibleReorderInsideItem?: string;
+        accessibleReorderTouchInstructionText?: string;
+        indexerCharacters?: string;
+        labelCopy?: string;
+        labelCut?: string;
+        labelPaste?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+    };
+    onAsChanged: ((event: JetElementCustomEvent<ojListView<K, D>["as"]>) => any) | null;
+    onCurrentItemChanged: ((event: JetElementCustomEvent<ojListView<K, D>["currentItem"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojListView<K, D>["data"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojListView<K, D>["dnd"]>) => any) | null;
+    onDrillModeChanged: ((event: JetElementCustomEvent<ojListView<K, D>["drillMode"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojListView<K, D>["expanded"]>) => any) | null;
+    onFirstSelectedItemChanged: ((event: JetElementCustomEvent<ojListView<K, D>["firstSelectedItem"]>) => any) | null;
+    onGroupHeaderPositionChanged: ((event: JetElementCustomEvent<ojListView<K, D>["groupHeaderPosition"]>) => any) | null;
+    onItemChanged: ((event: JetElementCustomEvent<ojListView<K, D>["item"]>) => any) | null;
+    onScrollPolicyChanged: ((event: JetElementCustomEvent<ojListView<K, D>["scrollPolicy"]>) => any) | null;
+    onScrollPolicyOptionsChanged: ((event: JetElementCustomEvent<ojListView<K, D>["scrollPolicyOptions"]>) => any) | null;
+    onScrollPositionChanged: ((event: JetElementCustomEvent<ojListView<K, D>["scrollPosition"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojListView<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojListView<K, D>["selectionMode"]>) => any) | null;
+    onSelectionRequiredChanged: ((event: JetElementCustomEvent<ojListView<K, D>["selectionRequired"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojListView.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojListView.ojAnimateStart) => any) | null;
+    onOjBeforeCollapse: ((event: ojListView.ojBeforeCollapse<K>) => any) | null;
+    onOjBeforeCurrentItem: ((event: ojListView.ojBeforeCurrentItem<K>) => any) | null;
+    onOjBeforeExpand: ((event: ojListView.ojBeforeExpand<K>) => any) | null;
+    onOjCollapse: ((event: ojListView.ojCollapse<K>) => any) | null;
+    onOjCopy: ((event: ojListView.ojCopy) => any) | null;
+    onOjCut: ((event: ojListView.ojCut) => any) | null;
+    onOjExpand: ((event: ojListView.ojExpand<K>) => any) | null;
+    onOjPaste: ((event: ojListView.ojPaste) => any) | null;
+    onOjReorder: ((event: ojListView.ojReorder) => any) | null;
+    addEventListener<T extends keyof ojListViewEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojListViewEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojListViewSettableProperties<K, D>>(property: T): ojListView<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojListViewSettableProperties<K, D>>(property: T, value: ojListViewSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojListViewSettableProperties<K, D>>): void;
+    setProperties(properties: ojListViewSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojListView.ContextByNode<K> | null;
+    getDataForVisibleItem(context: {
+        key?: K;
+        index?: number;
+        parent?: Element;
+    }): D;
+    refresh(): void;
+    scrollToItem(item: {
+        key: K;
+    }): void;
+}
+export namespace ojListView {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCollapse<K> extends CustomEvent<{
+        key: K;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCurrentItem<K> extends CustomEvent<{
+        previousKey: K;
+        previousItem: Element;
+        key: K;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand<K> extends CustomEvent<{
+        key: K;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse<K> extends CustomEvent<{
+        key: K;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCopy extends CustomEvent<{
+        items: Element[];
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCut extends CustomEvent<{
+        items: Element[];
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand<K> extends CustomEvent<{
+        key: K;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojPaste extends CustomEvent<{
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojReorder extends CustomEvent<{
+        items: Element[];
+        position: string;
+        reference: Element;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ContextByNode<K> = {
+        subId: string;
+        key: K;
+        index: number;
+        parent?: Element;
+        group?: boolean;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext<K, D> = {
+        datasource: DataProvider<K, D>;
+        index: number;
+        key: K;
+        data: D;
+        parentElement: Element;
+        depth?: number;
+        parentKey?: K;
+        leaf?: boolean;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemsDropContext = {
+        item: Element;
+        position: 'before' | 'after' | 'inside';
+        reorder: boolean;
+    };
+}
+export interface ojListViewEventMap<K, D> extends baseComponentEventMap<ojListViewSettableProperties<K, D>> {
+    'ojAnimateEnd': ojListView.ojAnimateEnd;
+    'ojAnimateStart': ojListView.ojAnimateStart;
+    'ojBeforeCollapse': ojListView.ojBeforeCollapse<K>;
+    'ojBeforeCurrentItem': ojListView.ojBeforeCurrentItem<K>;
+    'ojBeforeExpand': ojListView.ojBeforeExpand<K>;
+    'ojCollapse': ojListView.ojCollapse<K>;
+    'ojCopy': ojListView.ojCopy;
+    'ojCut': ojListView.ojCut;
+    'ojExpand': ojListView.ojExpand<K>;
+    'ojPaste': ojListView.ojPaste;
+    'ojReorder': ojListView.ojReorder;
+    'asChanged': JetElementCustomEvent<ojListView<K, D>["as"]>;
+    'currentItemChanged': JetElementCustomEvent<ojListView<K, D>["currentItem"]>;
+    'dataChanged': JetElementCustomEvent<ojListView<K, D>["data"]>;
+    'dndChanged': JetElementCustomEvent<ojListView<K, D>["dnd"]>;
+    'drillModeChanged': JetElementCustomEvent<ojListView<K, D>["drillMode"]>;
+    'expandedChanged': JetElementCustomEvent<ojListView<K, D>["expanded"]>;
+    'firstSelectedItemChanged': JetElementCustomEvent<ojListView<K, D>["firstSelectedItem"]>;
+    'groupHeaderPositionChanged': JetElementCustomEvent<ojListView<K, D>["groupHeaderPosition"]>;
+    'itemChanged': JetElementCustomEvent<ojListView<K, D>["item"]>;
+    'scrollPolicyChanged': JetElementCustomEvent<ojListView<K, D>["scrollPolicy"]>;
+    'scrollPolicyOptionsChanged': JetElementCustomEvent<ojListView<K, D>["scrollPolicyOptions"]>;
+    'scrollPositionChanged': JetElementCustomEvent<ojListView<K, D>["scrollPosition"]>;
+    'selectionChanged': JetElementCustomEvent<ojListView<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojListView<K, D>["selectionMode"]>;
+    'selectionRequiredChanged': JetElementCustomEvent<ojListView<K, D>["selectionRequired"]>;
+}
+export interface ojListViewSettableProperties<K, D> extends baseComponentSettableProperties {
+    as: string;
+    currentItem: K;
+    data: DataProvider<K, D>;
+    dnd: {
+        drag?: {
+            items: {
+                dataTypes?: string | string[];
+                drag?: ((param0: Event) => void);
+                dragEnd?: ((param0: Event) => void);
+                dragStart?: ((param0: Event, param1: {
+                    items: Element[];
+                }) => void);
+            };
+        };
+        drop?: {
+            items: {
+                dataTypes?: string | string[];
+                dragEnter?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                dragLeave?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                dragOver?: ((param0: Event, param1: {
+                    item: Element;
+                }) => void);
+                drop?: ((param0: Event, param1: ojListView.ItemsDropContext) => void);
+            };
+        };
+        reorder: {
+            items: 'enabled' | 'disabled';
+        };
+    };
+    drillMode: 'collapsible' | 'none';
+    expanded: KeySet<K>;
+    readonly firstSelectedItem: {
+        key: K;
+        data: D;
+    };
+    groupHeaderPosition: 'static' | 'sticky';
+    item: {
+        focusable?: ((param0: ojListView.ItemContext<K, D>) => boolean) | boolean;
+        renderer?: ((param0: ojListView.ItemContext<K, D>) => {
+            insert: Element | string;
+        } | undefined) | null;
+        selectable?: ((param0: ojListView.ItemContext<K, D>) => boolean) | boolean;
+    };
+    scrollPolicy: 'auto' | 'loadMoreOnScroll';
+    scrollPolicyOptions: {
+        fetchSize?: number;
+        maxCount?: number;
+        scroller?: Element;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        index?: number;
+        parent?: K;
+        key?: K;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: K[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    selectionRequired: boolean;
+    translations: {
+        accessibleNavigateSkipItems?: string;
+        accessibleReorderAfterItem?: string;
+        accessibleReorderBeforeItem?: string;
+        accessibleReorderInsideItem?: string;
+        accessibleReorderTouchInstructionText?: string;
+        indexerCharacters?: string;
+        labelCopy?: string;
+        labelCut?: string;
+        labelPaste?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+    };
+}
+export interface ojListViewSettablePropertiesLenient<K, D> extends Partial<ojListViewSettableProperties<K, D>> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojlocaledata/index.d.ts b/types/oracle__oraclejet/ojlocaledata/index.d.ts
new file mode 100644
index 0000000000..980d4fa2de
--- /dev/null
+++ b/types/oracle__oraclejet/ojlocaledata/index.d.ts
@@ -0,0 +1,7 @@
+export function getDayNames(type?: 'abbreviated' | 'narrow' | 'wide'): string[];
+export function getFirstDayOfWeek(): number;
+export function getMonthNames(type?: 'abbreviated' | 'narrow' | 'wide'): string[];
+export function getWeekendEnd(): number;
+export function getWeekendStart(): number;
+export function isMonthPriorToYear(): boolean;
+export function setBundle(bundle: object): void;
diff --git a/types/oracle__oraclejet/ojlogger/index.d.ts b/types/oracle__oraclejet/ojlogger/index.d.ts
new file mode 100644
index 0000000000..493f251f55
--- /dev/null
+++ b/types/oracle__oraclejet/ojlogger/index.d.ts
@@ -0,0 +1,10 @@
+export let LEVEL_ERROR: number;
+export let LEVEL_INFO: number;
+export let LEVEL_LOG: number;
+export let LEVEL_NONE: number;
+export let LEVEL_WARN: number;
+export function error(...args: Array<object | string | number>): void;
+export function info(...args: Array<object | string | number>): void;
+export function log(...args: Array<object | string | number>): void;
+export function option(key?: object | string, value?: any): any;
+export function warn(...args: Array<object | string | number>): void;
diff --git a/types/oracle__oraclejet/ojmasonrylayout/index.d.ts b/types/oracle__oraclejet/ojmasonrylayout/index.d.ts
new file mode 100644
index 0000000000..0de1b7ccb7
--- /dev/null
+++ b/types/oracle__oraclejet/ojmasonrylayout/index.d.ts
@@ -0,0 +1,119 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojMasonryLayout extends baseComponent<ojMasonryLayoutSettableProperties> {
+    reorderHandle: string | null;
+    translations: {
+        labelCut?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+    };
+    onReorderHandleChanged: ((event: JetElementCustomEvent<ojMasonryLayout["reorderHandle"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojMasonryLayout.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojMasonryLayout.ojAnimateStart) => any) | null;
+    onOjBeforeInsert: ((event: ojMasonryLayout.ojBeforeInsert) => any) | null;
+    onOjBeforeRemove: ((event: ojMasonryLayout.ojBeforeRemove) => any) | null;
+    onOjBeforeReorder: ((event: ojMasonryLayout.ojBeforeReorder) => any) | null;
+    onOjBeforeResize: ((event: ojMasonryLayout.ojBeforeResize) => any) | null;
+    onOjInsert: ((event: ojMasonryLayout.ojInsert) => any) | null;
+    onOjRemove: ((event: ojMasonryLayout.ojRemove) => any) | null;
+    onOjReorder: ((event: ojMasonryLayout.ojReorder) => any) | null;
+    onOjResize: ((event: ojMasonryLayout.ojResize) => any) | null;
+    addEventListener<T extends keyof ojMasonryLayoutEventMap>(type: T, listener: (this: HTMLElement, ev: ojMasonryLayoutEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMasonryLayoutSettableProperties>(property: T): ojMasonryLayout[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMasonryLayoutSettableProperties>(property: T, value: ojMasonryLayoutSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMasonryLayoutSettableProperties>): void;
+    setProperties(properties: ojMasonryLayoutSettablePropertiesLenient): void;
+    insertTile(selector: string, index: number): void;
+    refresh(): void;
+    removeTile(selector: string): void;
+    resizeTile(selector: string, sizeStyleClass: string): void;
+}
+export namespace ojMasonryLayout {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeInsert extends CustomEvent<{
+        tile: Element;
+        index: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeRemove extends CustomEvent<{
+        tile: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeReorder extends CustomEvent<{
+        tile: Element;
+        fromIndex: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeResize extends CustomEvent<{
+        tile: Element;
+        previousSizeStyleClass: string;
+        sizeStyleClass: string;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojInsert extends CustomEvent<{
+        tile: Element;
+        index: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojRemove extends CustomEvent<{
+        tile: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojReorder extends CustomEvent<{
+        tile: Element;
+        fromIndex: number;
+        toIndex: number;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojResize extends CustomEvent<{
+        tile: Element;
+        previousSizeStyleClass: string;
+        sizeStyleClass: string;
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojMasonryLayoutEventMap extends baseComponentEventMap<ojMasonryLayoutSettableProperties> {
+    'ojAnimateEnd': ojMasonryLayout.ojAnimateEnd;
+    'ojAnimateStart': ojMasonryLayout.ojAnimateStart;
+    'ojBeforeInsert': ojMasonryLayout.ojBeforeInsert;
+    'ojBeforeRemove': ojMasonryLayout.ojBeforeRemove;
+    'ojBeforeReorder': ojMasonryLayout.ojBeforeReorder;
+    'ojBeforeResize': ojMasonryLayout.ojBeforeResize;
+    'ojInsert': ojMasonryLayout.ojInsert;
+    'ojRemove': ojMasonryLayout.ojRemove;
+    'ojReorder': ojMasonryLayout.ojReorder;
+    'ojResize': ojMasonryLayout.ojResize;
+    'reorderHandleChanged': JetElementCustomEvent<ojMasonryLayout["reorderHandle"]>;
+}
+export interface ojMasonryLayoutSettableProperties extends baseComponentSettableProperties {
+    reorderHandle: string | null;
+    translations: {
+        labelCut?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+    };
+}
+export interface ojMasonryLayoutSettablePropertiesLenient extends Partial<ojMasonryLayoutSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojmenu/index.d.ts b/types/oracle__oraclejet/ojmenu/index.d.ts
new file mode 100644
index 0000000000..b6b1c8a9cb
--- /dev/null
+++ b/types/oracle__oraclejet/ojmenu/index.d.ts
@@ -0,0 +1,105 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojMenu extends baseComponent<ojMenuSettableProperties> {
+    disabled: boolean;
+    openOptions: ojMenu.OpenOptions;
+    translations: {
+        ariaFocusSkipLink?: string;
+        labelCancel?: string;
+    };
+    onDisabledChanged: ((event: JetElementCustomEvent<ojMenu["disabled"]>) => any) | null;
+    onOpenOptionsChanged: ((event: JetElementCustomEvent<ojMenu["openOptions"]>) => any) | null;
+    onOjAction: ((event: ojMenu.ojAction) => any) | null;
+    onOjAnimateEnd: ((event: ojMenu.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojMenu.ojAnimateStart) => any) | null;
+    onOjBeforeOpen: ((event: ojMenu.ojBeforeOpen) => any) | null;
+    onOjClose: ((event: ojMenu.ojClose) => any) | null;
+    onOjOpen: ((event: ojMenu.ojOpen) => any) | null;
+    addEventListener<T extends keyof ojMenuEventMap>(type: T, listener: (this: HTMLElement, ev: ojMenuEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMenuSettableProperties>(property: T): ojMenu[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMenuSettableProperties>(property: T, value: ojMenuSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMenuSettableProperties>): void;
+    setProperties(properties: ojMenuSettablePropertiesLenient): void;
+    open(event?: object, openOptions?: ojMenu.OpenOptions): void;
+    refresh(): void;
+}
+export namespace ojMenu {
+    interface ojAction extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateEnd extends CustomEvent<{
+        element: Element;
+        action: 'open' | 'close';
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: 'open' | 'close';
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeOpen extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojClose extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojOpen extends CustomEvent<{
+        event: Event;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type OpenOptions = {
+        display?: string;
+        initialFocus?: string;
+        launcher?: string | Element;
+        position?: Position;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Position = {
+        my?: PositionAlign;
+        at?: PositionAlign;
+        offset?: PositionPoint;
+        of?: string | PositionPoint;
+        collision?: 'flip' | 'fit' | 'flipfit' | 'flipcenter' | 'none';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionAlign = {
+        vertical?: 'top' | 'bottom' | 'center';
+        horizontal?: 'start' | 'end' | 'left' | 'center' | 'bottom';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionPoint = {
+        x?: number;
+        y?: number;
+    };
+}
+export interface ojMenuEventMap extends baseComponentEventMap<ojMenuSettableProperties> {
+    'ojAction': ojMenu.ojAction;
+    'ojAnimateEnd': ojMenu.ojAnimateEnd;
+    'ojAnimateStart': ojMenu.ojAnimateStart;
+    'ojBeforeOpen': ojMenu.ojBeforeOpen;
+    'ojClose': ojMenu.ojClose;
+    'ojOpen': ojMenu.ojOpen;
+    'disabledChanged': JetElementCustomEvent<ojMenu["disabled"]>;
+    'openOptionsChanged': JetElementCustomEvent<ojMenu["openOptions"]>;
+}
+export interface ojMenuSettableProperties extends baseComponentSettableProperties {
+    disabled: boolean;
+    openOptions: ojMenu.OpenOptions;
+    translations: {
+        ariaFocusSkipLink?: string;
+        labelCancel?: string;
+    };
+}
+export interface ojMenuSettablePropertiesLenient extends Partial<ojMenuSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojmenuselectmany/index.d.ts b/types/oracle__oraclejet/ojmenuselectmany/index.d.ts
new file mode 100644
index 0000000000..f79a0b985d
--- /dev/null
+++ b/types/oracle__oraclejet/ojmenuselectmany/index.d.ts
@@ -0,0 +1,39 @@
+import { DataProvider } from '../ojdataprovider';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojMenuSelectMany extends JetElement<ojMenuSelectManySettableProperties> {
+    disabled: boolean;
+    options: ojMenuSelectMany.Option[] | DataProvider<any, any> | null;
+    value: any[];
+    onDisabledChanged: ((event: JetElementCustomEvent<ojMenuSelectMany["disabled"]>) => any) | null;
+    onOptionsChanged: ((event: JetElementCustomEvent<ojMenuSelectMany["options"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojMenuSelectMany["value"]>) => any) | null;
+    addEventListener<T extends keyof ojMenuSelectManyEventMap>(type: T, listener: (this: HTMLElement, ev: ojMenuSelectManyEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMenuSelectManySettableProperties>(property: T): ojMenuSelectMany[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMenuSelectManySettableProperties>(property: T, value: ojMenuSelectManySettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMenuSelectManySettableProperties>): void;
+    setProperties(properties: ojMenuSelectManySettablePropertiesLenient): void;
+}
+export interface ojMenuSelectManyEventMap extends HTMLElementEventMap {
+    'disabledChanged': JetElementCustomEvent<ojMenuSelectMany["disabled"]>;
+    'optionsChanged': JetElementCustomEvent<ojMenuSelectMany["options"]>;
+    'valueChanged': JetElementCustomEvent<ojMenuSelectMany["value"]>;
+}
+export interface ojMenuSelectManySettableProperties extends JetSettableProperties {
+    disabled: boolean;
+    options: ojMenuSelectMany.Option[] | DataProvider<any, any> | null;
+    value: any[];
+}
+export interface ojMenuSelectManySettablePropertiesLenient extends Partial<ojMenuSelectManySettableProperties> {
+    [key: string]: any;
+}
+export namespace ojMenuSelectMany {
+    // tslint:disable-next-line interface-over-type-literal
+    type Option = {
+        id?: string;
+        disabled?: boolean;
+        label: string;
+        value: any;
+    };
+}
diff --git a/types/oracle__oraclejet/ojmessage/index.d.ts b/types/oracle__oraclejet/ojmessage/index.d.ts
new file mode 100644
index 0000000000..55e905ba8d
--- /dev/null
+++ b/types/oracle__oraclejet/ojmessage/index.d.ts
@@ -0,0 +1,80 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojMessage extends JetElement<ojMessageSettableProperties> {
+    message: ojMessage.Message;
+    translations: {
+        categories?: {
+            confirmation?: string;
+            error?: string;
+            info?: string;
+            warning?: string;
+        };
+        labelCloseIcon?: string;
+    };
+    onMessageChanged: ((event: JetElementCustomEvent<ojMessage["message"]>) => any) | null;
+    onTranslationsChanged: ((event: JetElementCustomEvent<ojMessage["translations"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojMessage.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojMessage.ojAnimateStart) => any) | null;
+    onOjClose: ((event: ojMessage.ojClose) => any) | null;
+    addEventListener<T extends keyof ojMessageEventMap>(type: T, listener: (this: HTMLElement, ev: ojMessageEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMessageSettableProperties>(property: T): ojMessage[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMessageSettableProperties>(property: T, value: ojMessageSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMessageSettableProperties>): void;
+    setProperties(properties: ojMessageSettablePropertiesLenient): void;
+    close(): void;
+}
+export namespace ojMessage {
+    interface ojAnimateEnd extends CustomEvent<{
+        element: Element;
+        action: 'open' | 'close';
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        element: Element;
+        action: 'open' | 'close';
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojClose extends CustomEvent<{
+        message: object;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Message = {
+        icon?: string;
+        category?: string;
+        severity?: 'error' | 'warning' | 'confirmation' | 'info' | 'none';
+        timestamp?: string;
+        summary?: string;
+        detail?: string;
+        autoTimeout?: number;
+        closeAffordance?: 'none' | 'defaults';
+        sound?: string;
+    };
+}
+export interface ojMessageEventMap extends HTMLElementEventMap {
+    'ojAnimateEnd': ojMessage.ojAnimateEnd;
+    'ojAnimateStart': ojMessage.ojAnimateStart;
+    'ojClose': ojMessage.ojClose;
+    'messageChanged': JetElementCustomEvent<ojMessage["message"]>;
+    'translationsChanged': JetElementCustomEvent<ojMessage["translations"]>;
+}
+export interface ojMessageSettableProperties extends JetSettableProperties {
+    message: ojMessage.Message;
+    translations: {
+        categories?: {
+            confirmation?: string;
+            error?: string;
+            info?: string;
+            warning?: string;
+        };
+        labelCloseIcon?: string;
+    };
+}
+export interface ojMessageSettablePropertiesLenient extends Partial<ojMessageSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojmessages/index.d.ts b/types/oracle__oraclejet/ojmessages/index.d.ts
new file mode 100644
index 0000000000..0b410266a3
--- /dev/null
+++ b/types/oracle__oraclejet/ojmessages/index.d.ts
@@ -0,0 +1,73 @@
+import { DataProvider } from '../ojdataprovider';
+import { ojMessage } from '../ojmessage';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojMessages extends JetElement<ojMessagesSettableProperties> {
+    display: 'general' | 'notification';
+    messages: ojMessage.Message[] | null | DataProvider<any, ojMessage.Message>;
+    position: ojMessages.Position | null;
+    translations: {
+        ariaLiveRegion?: {
+            navigationFromKeyboard?: string;
+            navigationToKeyboard?: string;
+            navigationToTouch?: string;
+            newMessage?: string;
+        };
+        labelLandmark?: string;
+    };
+    onDisplayChanged: ((event: JetElementCustomEvent<ojMessages["display"]>) => any) | null;
+    onMessagesChanged: ((event: JetElementCustomEvent<ojMessages["messages"]>) => any) | null;
+    onPositionChanged: ((event: JetElementCustomEvent<ojMessages["position"]>) => any) | null;
+    onTranslationsChanged: ((event: JetElementCustomEvent<ojMessages["translations"]>) => any) | null;
+    addEventListener<T extends keyof ojMessagesEventMap>(type: T, listener: (this: HTMLElement, ev: ojMessagesEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojMessagesSettableProperties>(property: T): ojMessages[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojMessagesSettableProperties>(property: T, value: ojMessagesSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojMessagesSettableProperties>): void;
+    setProperties(properties: ojMessagesSettablePropertiesLenient): void;
+    close(associated: object): void;
+    closeAll(closeFilter?: (message: ojMessage.Message) => boolean): void;
+}
+export interface ojMessagesEventMap extends HTMLElementEventMap {
+    'displayChanged': JetElementCustomEvent<ojMessages["display"]>;
+    'messagesChanged': JetElementCustomEvent<ojMessages["messages"]>;
+    'positionChanged': JetElementCustomEvent<ojMessages["position"]>;
+    'translationsChanged': JetElementCustomEvent<ojMessages["translations"]>;
+}
+export interface ojMessagesSettableProperties extends JetSettableProperties {
+    display: 'general' | 'notification';
+    messages: ojMessage.Message[] | null | DataProvider<any, ojMessage.Message>;
+    position: ojMessages.Position | null;
+    translations: {
+        ariaLiveRegion?: {
+            navigationFromKeyboard?: string;
+            navigationToKeyboard?: string;
+            navigationToTouch?: string;
+            newMessage?: string;
+        };
+        labelLandmark?: string;
+    };
+}
+export interface ojMessagesSettablePropertiesLenient extends Partial<ojMessagesSettableProperties> {
+    [key: string]: any;
+}
+export namespace ojMessages {
+    // tslint:disable-next-line interface-over-type-literal
+    type Position = {
+        my?: PositionAlign;
+        at?: PositionAlign;
+        offset?: PositionPoint;
+        of?: string | PositionPoint;
+        collision?: 'flip' | 'fit' | 'flipfit' | 'none';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionAlign = {
+        vertical?: 'top' | 'bottom' | 'center';
+        horizontal?: 'start' | 'end' | 'left' | 'center' | 'bottom';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionPoint = {
+        x?: number;
+        y?: number;
+    };
+}
diff --git a/types/oracle__oraclejet/ojmessaging/index.d.ts b/types/oracle__oraclejet/ojmessaging/index.d.ts
new file mode 100644
index 0000000000..0af2305ef7
--- /dev/null
+++ b/types/oracle__oraclejet/ojmessaging/index.d.ts
@@ -0,0 +1,15 @@
+declare class Message {
+    detail: string;
+    severity: Message.SEVERITY_TYPE | Message.SEVERITY_LEVEL;
+    summary: string;
+    constructor(summary: string, detail: string, severity?: Message.SEVERITY_TYPE | Message.SEVERITY_LEVEL);
+    static getMaxSeverity(messages?: Message[]): Message.SEVERITY_LEVEL | -1;
+    static getSeverityLevel(severity?: Message.SEVERITY_TYPE | Message.SEVERITY_LEVEL): Message.SEVERITY_LEVEL;
+    static getSeverityType(level?: Message.SEVERITY_TYPE | Message.SEVERITY_LEVEL): Message.SEVERITY_TYPE;
+    static isValid(messages: Message[]): boolean;
+}
+declare namespace Message {
+    type SEVERITY_LEVEL = 5 | 4 | 3 | 2 | 1;
+    type SEVERITY_TYPE = "confirmation" | "info" | "warning" | "error" | "fatal";
+}
+export = Message;
diff --git a/types/oracle__oraclejet/ojmodel/index.d.ts b/types/oracle__oraclejet/ojmodel/index.d.ts
new file mode 100644
index 0000000000..d2ffaf54f6
--- /dev/null
+++ b/types/oracle__oraclejet/ojmodel/index.d.ts
@@ -0,0 +1,280 @@
+export class Collection {
+    changes: number[];
+    comparator: null | string | ((param0: Model, param1?: Model) => number);
+    customPagingOptions: ((response: object) => Collection.CustomPagingOptionsReturn | null) | null;
+    customURL: ((param0: string, param1: Collection, param2: object) => string | object | null) | null;
+    fetchSize: number;
+    hasMore: boolean;
+    lastFetchCount: number;
+    lastFetchSize: number;
+    length: number;
+    model: object;
+    modelLimit: number;
+    models: Model[];
+    offset: number;
+    omitLanguageHeader: boolean;
+    parse: ((param0: object) => object);
+    sortDirection: number;
+    totalResults: number;
+    url: null | string | (() => string);
+    constructor(models?: Model[], options?: object);
+    static extend(properties?: {
+        parse?: (data: any) => any;
+        model?: Model;
+        url?: string;
+        initialize?: (models: Model[], options: object) => void;
+        comparator?: null | string | ((model1: Model, model2?: Model) => number);
+        fetchSize?: number;
+        modelLimit?: number;
+        [propName: string]: any;
+    }, classProperties?: object): any;
+    abort(): Promise<null>;
+    add(m: Model | object | object[] | Model[], options?: {
+        silent?: boolean;
+        at?: number;
+        merge?: boolean;
+        sort?: boolean;
+        force?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Promise<Model[]> | Model[];
+    any(iterator: ((param0: object) => void), context?: object): boolean;
+    at(index: number, options?: {
+        fetchSize?: number;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Model | Promise<Model> | null;
+    clone(): Collection;
+    contains(model: object, options?: object): boolean | Promise<boolean>;
+    create(attributes?: object, options?: {
+        silent?: boolean;
+        at?: number;
+        merge?: boolean;
+        sort?: boolean;
+        force?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Model | boolean | Promise<Model>;
+    difference(...var_args: Model[][]): Model[];
+    each(iterator: ((param0: Model) => void), context?: object): undefined;
+    fetch(options?: {
+        success?: (collection: Collection, response: any, options: object) => void;
+        error?: (collection: Collection, xhr: any, options: object) => void;
+        add?: boolean;
+        set?: boolean;
+        startIndex?: number;
+        startID?: any;
+        since?: any;
+        until?: any;
+        fetchSize?: number;
+        [propName: string]: any;
+    }): object;
+    filter(iterator: ((param0: Model) => void), context?: object): Model[];
+    findWhere(attrs: object | object[], options?: {
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Model | Promise<Model>;
+    first(n?: number, options?: object): Model[] | null | Promise<any>;
+    get(id: object | string, options?: object): Model | null | Promise<Model>;
+    getByCid(clientId: string): Model | null;
+    groupBy(iterator: string | ((param0: Model) => object), context?: object): object;
+    include(model: object, options?: object): boolean | Promise<boolean>;
+    indexBy(iterator: string | ((param0: Model) => void), context?: object): object;
+    indexOf(model: object, options?: object): number | Promise<number>;
+    initial(n?: number): Model[];
+    isEmpty(): boolean;
+    isRangeLocal(start: number, count: number): boolean;
+    last(n?: number, options?: object): Promise<Model> | Model[] | null;
+    lastIndexOf(model: Model, fromIndex?: number): number;
+    listenTo(otherObj: object, eventType: string, callback: (eventType: string, data: object) => void): undefined;
+    listenToOnce(otherObj: object, eventType: string, callback: (eventType: string, data: object) => void): undefined;
+    map(iterator: ((param0: Model) => object), context?: object): object[];
+    max(iterator: ((param0: Model) => object), context?: object): object;
+    min(iterator: ((param0: object) => void), context?: object): object;
+    modelId(attrs: object): null | string;
+    next(n: number, options?: {
+        success?: (collection: Collection, response: any, options: object) => void;
+        error?: (collection: Collection, xhr: any, options: object) => void;
+        [propName: string]: any;
+    }): object | null;
+    off(eventType?: string | object, callback?: (eventType: string, data: object) => void, context?: object): undefined;
+    on(eventType: string | object, callback: (eventType: string, data: object) => void, context?: object): undefined;
+    once(eventType: string, callback: (eventType: string, data: object) => void, context?: object): undefined;
+    pluck(attr: string): object[];
+    pop(options?: {
+        silent?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Model | Promise<Model>;
+    previous(n: number, options?: {
+        success?: (collection: Collection, response: any, options: object) => void;
+        error?: (collection: Collection, xhr: any, options: object) => void;
+        [propName: string]: any;
+    }): object;
+    push(m: Model | object, options?: {
+        silent?: boolean;
+        at?: number;
+        merge?: boolean;
+        sort?: boolean;
+        force?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Promise<Model[]> | undefined;
+    refresh(options?: {
+        silent?: boolean;
+        startIndex?: number;
+        [propName: string]: any;
+    }): Promise<Collection.SetRangeLocalPromise | undefined>;
+    remove(m: Model | Model[], options?: object): Model[] | object;
+    reset(data?: object, options?: {
+        silent?: boolean;
+        [propName: string]: any;
+    }): Model | Model[];
+    rest(n?: number, options?: object): object[] | Promise<any>;
+    set(models: object, options?: {
+        add?: boolean;
+        remove?: boolean;
+        merge?: boolean;
+        silent?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Promise<any> | null;
+    setFetchSize(n: number): undefined;
+    setModelLimit(n: number): undefined;
+    setRangeLocal(start: number, count: number): Promise<Collection.SetRangeLocalPromise>;
+    shift(options?: object): Model | Promise<Model> | null;
+    size(): number;
+    slice(start: number, end?: number, options?: object): Promise<Model[]> | Model[];
+    sort(options?: {
+        silent?: boolean;
+        startIndex?: number;
+        [propName: string]: any;
+    }): Promise<Collection.SetRangeLocalPromise> | null;
+    sortBy(iterator: string | ((param0: Model) => object), context?: object): Model[];
+    sortedIndex(comparator: string | ((param0: Model, param1?: Model) => object)): number;
+    stopListening(otherObj?: object, eventType?: string, callback?: (eventType: string, data: object) => void): undefined;
+    sync(method: string, collection: Collection, options?: {
+        success?: (json?: any[]) => void;
+        error?: (xhr: any, status: any, error: any) => void;
+        [propName: string]: any;
+    }): object;
+    toJSON(): object[];
+    trigger(eventType: string): undefined;
+    unshift(m: object, options?: {
+        silent?: boolean;
+        at?: number;
+        merge?: boolean;
+        sort?: boolean;
+        force?: boolean;
+        deferred?: boolean;
+        [propName: string]: any;
+    }): Promise<Model[]> | Model[];
+    whenReady(): Promise<any>;
+    where(attrs: object | object[], options?: object): Promise<Model[]> | Model[];
+    whereToCollection(attrs: object | object[], options?: object): Collection | Promise<Collection>;
+    without(...var_args: Model[]): Model[];
+}
+export namespace Collection {
+    // tslint:disable-next-line interface-over-type-literal
+    type CustomPagingOptionsReturn = {
+        totalResults?: number;
+        limit?: number;
+        count?: number;
+        offset?: number;
+        hasMore?: boolean;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type SetRangeLocalPromise = {
+        start: number;
+        count: number;
+        models: Model[];
+    };
+}
+export class Model {
+    attributes: object;
+    customURL: ((param0: string, param1: Model, param2: object) => string | object | null) | null;
+    defaults: object;
+    id: string | null;
+    idAttribute: string | null;
+    omitLanguageHeader: boolean;
+    parse: ((param0: object) => object);
+    parseSave: ((param0: object) => object);
+    urlRoot: string | null;
+    validate: ((param0: object, param1: object) => string | object | null) | null;
+    validationError: string | object | null;
+    constructor(attributes?: object, options?: object);
+    static extend(properties?: {
+        parse?: (data: any) => any;
+        parseSave?: (data: any) => any;
+        urlRoot?: string;
+        initialize?: (models: Model[], options: object) => void;
+        validate?: null | object | string | ((attributes: object, options?: Model) => number);
+        [propName: string]: any;
+    }, classProperties?: object): any;
+    changedAttributes(attributes?: object): object | boolean;
+    clear(options?: object): Model | boolean;
+    clone(): Model;
+    destroy(options?: {
+        success?: (model: Model, response: any, options: object) => void;
+        error?: (model: Model, xhr: any, options: object) => void;
+        wait?: boolean;
+        [propName: string]: any;
+    }): boolean;
+    fetch(options?: {
+        success?: (model: Model, response: any, options: object) => void;
+        error?: (model: Model, xhr: any, options: object) => void;
+        [propName: string]: any;
+    }): object;
+    get(property: string): object;
+    has(property: string): boolean;
+    hasChanged(attribute?: string): boolean;
+    invert(): object;
+    isNew(): boolean;
+    isValid(): boolean;
+    keys(): object[];
+    listenTo(otherObj: object, eventType: string, callback: (eventType: string, data: object) => void): undefined;
+    listenToOnce(otherObj: object, eventType: string, callback: (eventType: string, data: object) => void): undefined;
+    matches(attrs: object): ((param0: Model) => boolean);
+    off(eventType?: string | object, callback?: (eventType: string, data: object) => void, context?: object): undefined;
+    omit(keys: object[] | object): object;
+    on(eventType: string | object, callback: (eventType: string, data: object) => void, context?: object): undefined;
+    once(eventType: string, callback: (eventType: string, data: object) => void, context?: object): undefined;
+    pairs(): object;
+    pick(keys: object[] | object): object;
+    previous(attr: string): object;
+    previousAttributes(): object;
+    save(attributes?: object, options?: {
+        success?: (model: Model, response: any, options: object) => void;
+        error?: (model: Model, xhr: any, options: object) => void;
+        contentType?: string;
+        valdiate?: boolean;
+        wait?: boolean;
+        patch?: boolean;
+        attrs?: object;
+        [propName: string]: any;
+    }): object | boolean;
+    set(property: string | object, value?: object, options?: object): Model | boolean;
+    stopListening(otherObj?: object, eventType?: string, callback?: (eventType: string, data: object) => void): undefined;
+    sync(method: string, model: Model, options?: object): object;
+    toJSON(): object;
+    trigger(eventType: string): undefined;
+    unset(property: string, options?: object): boolean;
+    url(): string | null;
+    values(): object[];
+}
+export class OAuth {
+    constructor(attributes: object, header: string);
+    cleanAccessTokenRequest(): undefined;
+    cleanAccessTokenResponse(): undefined;
+    clientCredentialGrant(): undefined;
+    getAccessTokenRequest(): object;
+    getAccessTokenResponse(): object;
+    getHeader(): object;
+    isInitialized(): boolean;
+    setAccessTokenRequest(data: object): undefined;
+    setAccessTokenResponse(data: object): undefined;
+}
+// tslint:disable-next-line no-unnecessary-class
+export class URLError {
+    constructor();
+}
diff --git a/types/oracle__oraclejet/ojmodule-element-utils/index.d.ts b/types/oracle__oraclejet/ojmodule-element-utils/index.d.ts
new file mode 100644
index 0000000000..4489ac1f28
--- /dev/null
+++ b/types/oracle__oraclejet/ojmodule-element-utils/index.d.ts
@@ -0,0 +1,8 @@
+export function createView(options: {
+    viewPath: string;
+    require?: ((module: string) => any) | ((modules: string[], ready?: any, errback?: any) => void);
+}): Promise<any>;
+export function createViewModel(options: {
+    viewModelPath: string;
+    require?: ((module: string) => any) | ((modules: string[], ready?: any, errback?: any) => void);
+}): Promise<any>;
diff --git a/types/oracle__oraclejet/ojmodule-element/index.d.ts b/types/oracle__oraclejet/ojmodule-element/index.d.ts
new file mode 100644
index 0000000000..693cb518f6
--- /dev/null
+++ b/types/oracle__oraclejet/ojmodule-element/index.d.ts
@@ -0,0 +1,89 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ModuleElementAnimation {
+    animate(context: {
+        node: Node;
+        isInitial: boolean;
+        oldViewModel: object;
+        newViewModel: object;
+        newViewParent: Node;
+        oldViewParent: Node;
+        removeOldView: () => undefined;
+        insertNewView: () => undefined;
+        oldDomNodes: any[];
+    }): Promise<any>;
+    canAnimate(context: {
+        node: Node;
+        isInitial: boolean;
+        oldViewModel: object;
+        newViewModel: object;
+    }): boolean;
+    prepareAnimation(context: {
+        node: Node;
+        isInitial: boolean;
+        oldViewModel: object;
+        newViewModel: object;
+    }): object;
+}
+export interface ojModule extends JetElement<ojModuleSettableProperties> {
+    animation: object;
+    config: {
+        cleanupMode: 'onDisconnect' | 'none';
+        view: Node[];
+        viewModel: object;
+    };
+    onAnimationChanged: ((event: JetElementCustomEvent<ojModule["animation"]>) => any) | null;
+    onConfigChanged: ((event: JetElementCustomEvent<ojModule["config"]>) => any) | null;
+    onOjTransitionEnd: ((event: ojModule.ojTransitionEnd) => any) | null;
+    onOjTransitionStart: ((event: ojModule.ojTransitionStart) => any) | null;
+    onOjViewConnected: ((event: ojModule.ojViewConnected) => any) | null;
+    onOjViewDisconnected: ((event: ojModule.ojViewDisconnected) => any) | null;
+    addEventListener<T extends keyof ojModuleEventMap>(type: T, listener: (this: HTMLElement, ev: ojModuleEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojModuleSettableProperties>(property: T): ojModule[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojModuleSettableProperties>(property: T, value: ojModuleSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojModuleSettableProperties>): void;
+    setProperties(properties: ojModuleSettablePropertiesLenient): void;
+}
+export namespace ojModule {
+    interface ojTransitionEnd extends CustomEvent<{
+        viewModel: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojTransitionStart extends CustomEvent<{
+        viewModel: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojViewConnected extends CustomEvent<{
+        viewModel: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojViewDisconnected extends CustomEvent<{
+        viewModel: object;
+        view: Node[];
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojModuleEventMap extends HTMLElementEventMap {
+    'ojTransitionEnd': ojModule.ojTransitionEnd;
+    'ojTransitionStart': ojModule.ojTransitionStart;
+    'ojViewConnected': ojModule.ojViewConnected;
+    'ojViewDisconnected': ojModule.ojViewDisconnected;
+    'animationChanged': JetElementCustomEvent<ojModule["animation"]>;
+    'configChanged': JetElementCustomEvent<ojModule["config"]>;
+}
+export interface ojModuleSettableProperties extends JetSettableProperties {
+    animation: object;
+    config: {
+        cleanupMode: 'onDisconnect' | 'none';
+        view: Node[];
+        viewModel: object;
+    };
+}
+export interface ojModuleSettablePropertiesLenient extends Partial<ojModuleSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojmoduleanimations/index.d.ts b/types/oracle__oraclejet/ojmoduleanimations/index.d.ts
new file mode 100644
index 0000000000..65e98ba0a7
--- /dev/null
+++ b/types/oracle__oraclejet/ojmoduleanimations/index.d.ts
@@ -0,0 +1,34 @@
+import { ModuleElementAnimation } from '../ojmodule-element';
+import AnimationUtils = require('../ojanimation');
+export let coverStart: ModuleElementAnimation;
+export let coverUp: ModuleElementAnimation;
+export let fade: ModuleElementAnimation;
+export let navChild: ModuleElementAnimation;
+export let navParent: ModuleElementAnimation;
+export let navSiblingEarlier: ModuleElementAnimation;
+export let navSiblingLater: ModuleElementAnimation;
+export let pushEnd: ModuleElementAnimation;
+export let pushStart: ModuleElementAnimation;
+export let revealDown: ModuleElementAnimation;
+export let revealEnd: ModuleElementAnimation;
+export let zoomIn: ModuleElementAnimation;
+export let zoomOut: ModuleElementAnimation;
+export function createAnimation(oldViewEffect: {
+    effect: AnimationUtils.AnimationMethods;
+    [key: string]: any;
+} | AnimationUtils.AnimationMethods | null, newViewEffect: {
+    effect: AnimationUtils.AnimationMethods;
+    [key: string]: any;
+} | AnimationUtils.AnimationMethods | null, newViewOnTop: boolean): ModuleElementAnimation;
+export function switcher(callback: (param0: SwitcherCallBackParam) => Animations): ModuleElementAnimation;
+// tslint:disable-next-line interface-over-type-literal
+export type Animations = 'coverStart' | 'coverUp' | 'fade' | 'navChild' | 'navParent' | 'navSiblingEarlier' | 'navSiblingLater' | 'pushEnd' | 'pushStart' | 'revealDown' | 'revealEnd' | 'zoomIn' |
+   'zoomOut';
+// tslint:disable-next-line interface-over-type-literal
+export type SwitcherCallBackParam = {
+    node: Element;
+    valueAccessor: (() => any);
+    isInitial: boolean;
+    oldViewModel: any;
+    newViewModel: any;
+};
diff --git a/types/oracle__oraclejet/ojnavigationlist/index.d.ts b/types/oracle__oraclejet/ojnavigationlist/index.d.ts
new file mode 100644
index 0000000000..d18459c5ba
--- /dev/null
+++ b/types/oracle__oraclejet/ojnavigationlist/index.d.ts
@@ -0,0 +1,360 @@
+import { KeySet } from '../ojkeyset';
+import { DataProvider } from '../ojdataprovider';
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojNavigationList<K, D> extends baseComponent<ojNavigationListSettableProperties<K, D>> {
+    as: string;
+    currentItem: K;
+    data: DataProvider<K, D> | null;
+    display: 'all' | 'icons';
+    drillMode: 'none' | 'collapsible' | 'sliding';
+    edge: 'top' | 'start';
+    expanded: KeySet<K>;
+    hierarchyMenuThreshold: number;
+    item: {
+        renderer?: (((context: ojNavigationList.ItemContext<K, D>) => void) | null);
+        selectable?: (((context: ojNavigationList.ItemContext<K, D>) => boolean) | boolean);
+    };
+    overflow: 'popup' | 'hidden';
+    rootLabel: string | null;
+    selection: K;
+    translations: {
+        defaultRootLabel?: string;
+        hierMenuBtnLabel?: string;
+        previousIcon?: string;
+    };
+    onAsChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["as"]>) => any) | null;
+    onCurrentItemChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["currentItem"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["data"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["display"]>) => any) | null;
+    onDrillModeChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["drillMode"]>) => any) | null;
+    onEdgeChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["edge"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["expanded"]>) => any) | null;
+    onHierarchyMenuThresholdChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["hierarchyMenuThreshold"]>) => any) | null;
+    onItemChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["item"]>) => any) | null;
+    onOverflowChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["overflow"]>) => any) | null;
+    onRootLabelChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["rootLabel"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojNavigationList<K, D>["selection"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojNavigationList.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojNavigationList.ojAnimateStart) => any) | null;
+    onOjBeforeCollapse: ((event: ojNavigationList.ojBeforeCollapse) => any) | null;
+    onOjBeforeCurrentItem: ((event: ojNavigationList.ojBeforeCurrentItem) => any) | null;
+    onOjBeforeExpand: ((event: ojNavigationList.ojBeforeExpand) => any) | null;
+    onOjBeforeSelect: ((event: ojNavigationList.ojBeforeSelect) => any) | null;
+    onOjCollapse: ((event: ojNavigationList.ojCollapse) => any) | null;
+    onOjExpand: ((event: ojNavigationList.ojExpand) => any) | null;
+    addEventListener<T extends keyof ojNavigationListEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojNavigationListEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojNavigationListSettableProperties<K, D>>(property: T): ojNavigationList<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojNavigationListSettableProperties<K, D>>(property: T, value: ojNavigationListSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojNavigationListSettableProperties<K, D>>): void;
+    setProperties(properties: ojNavigationListSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojNavigationList.NodeContext<K> | null;
+    refresh(): void;
+}
+export namespace ojNavigationList {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCollapse extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCurrentItem extends CustomEvent<{
+        previousKey: any;
+        previousItem: Element;
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeSelect extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext<K, D> = {
+        componentElement: Element;
+        datasource?: DataProvider<K, D>;
+        index: number;
+        key: any;
+        data: any;
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext<K> = {
+        subId: string;
+        index: number;
+        key: K;
+        group: boolean;
+        parent?: Element;
+    };
+}
+export interface ojNavigationListEventMap<K, D> extends baseComponentEventMap<ojNavigationListSettableProperties<K, D>> {
+    'ojAnimateEnd': ojNavigationList.ojAnimateEnd;
+    'ojAnimateStart': ojNavigationList.ojAnimateStart;
+    'ojBeforeCollapse': ojNavigationList.ojBeforeCollapse;
+    'ojBeforeCurrentItem': ojNavigationList.ojBeforeCurrentItem;
+    'ojBeforeExpand': ojNavigationList.ojBeforeExpand;
+    'ojBeforeSelect': ojNavigationList.ojBeforeSelect;
+    'ojCollapse': ojNavigationList.ojCollapse;
+    'ojExpand': ojNavigationList.ojExpand;
+    'asChanged': JetElementCustomEvent<ojNavigationList<K, D>["as"]>;
+    'currentItemChanged': JetElementCustomEvent<ojNavigationList<K, D>["currentItem"]>;
+    'dataChanged': JetElementCustomEvent<ojNavigationList<K, D>["data"]>;
+    'displayChanged': JetElementCustomEvent<ojNavigationList<K, D>["display"]>;
+    'drillModeChanged': JetElementCustomEvent<ojNavigationList<K, D>["drillMode"]>;
+    'edgeChanged': JetElementCustomEvent<ojNavigationList<K, D>["edge"]>;
+    'expandedChanged': JetElementCustomEvent<ojNavigationList<K, D>["expanded"]>;
+    'hierarchyMenuThresholdChanged': JetElementCustomEvent<ojNavigationList<K, D>["hierarchyMenuThreshold"]>;
+    'itemChanged': JetElementCustomEvent<ojNavigationList<K, D>["item"]>;
+    'overflowChanged': JetElementCustomEvent<ojNavigationList<K, D>["overflow"]>;
+    'rootLabelChanged': JetElementCustomEvent<ojNavigationList<K, D>["rootLabel"]>;
+    'selectionChanged': JetElementCustomEvent<ojNavigationList<K, D>["selection"]>;
+}
+export interface ojNavigationListSettableProperties<K, D> extends baseComponentSettableProperties {
+    as: string;
+    currentItem: K;
+    data: DataProvider<K, D> | null;
+    display: 'all' | 'icons';
+    drillMode: 'none' | 'collapsible' | 'sliding';
+    edge: 'top' | 'start';
+    expanded: KeySet<K>;
+    hierarchyMenuThreshold: number;
+    item: {
+        renderer?: (((context: ojNavigationList.ItemContext<K, D>) => void) | null);
+        selectable?: (((context: ojNavigationList.ItemContext<K, D>) => boolean) | boolean);
+    };
+    overflow: 'popup' | 'hidden';
+    rootLabel: string | null;
+    selection: K;
+    translations: {
+        defaultRootLabel?: string;
+        hierMenuBtnLabel?: string;
+        previousIcon?: string;
+    };
+}
+export interface ojNavigationListSettablePropertiesLenient<K, D> extends Partial<ojNavigationListSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojTabBar<K, D> extends baseComponent<ojTabBarSettableProperties<K, D>> {
+    as: string;
+    currentItem: any;
+    data: DataProvider<K, D> | null;
+    display: 'all' | 'icons';
+    edge: 'top' | 'bottom' | 'start' | 'end';
+    item: {
+        renderer?: (((context: ojTabBar.ItemContext<K, D>) => void) | null);
+        selectable?: (((context: ojTabBar.ItemContext<K, D>) => boolean) | boolean);
+    };
+    overflow: 'popup' | 'hidden';
+    reorderable: 'enabled' | 'disabled';
+    selection: any;
+    truncation: 'none' | 'progressive';
+    translations: {
+        accessibleReorderAfterItem?: string;
+        accessibleReorderBeforeItem?: string;
+        accessibleReorderTouchInstructionText?: string;
+        labelCut?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+        labelRemove?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+        overflowItemLabel?: string;
+        removeCueText?: string;
+        selectedLabel?: string;
+    };
+    onAsChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["as"]>) => any) | null;
+    onCurrentItemChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["currentItem"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["data"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["display"]>) => any) | null;
+    onEdgeChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["edge"]>) => any) | null;
+    onItemChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["item"]>) => any) | null;
+    onOverflowChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["overflow"]>) => any) | null;
+    onReorderableChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["reorderable"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["selection"]>) => any) | null;
+    onTruncationChanged: ((event: JetElementCustomEvent<ojTabBar<K, D>["truncation"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojTabBar.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojTabBar.ojAnimateStart) => any) | null;
+    onOjBeforeCurrentItem: ((event: ojTabBar.ojBeforeCurrentItem) => any) | null;
+    onOjBeforeDeselect: ((event: ojTabBar.ojBeforeDeselect) => any) | null;
+    onOjBeforeRemove: ((event: ojTabBar.ojBeforeRemove) => any) | null;
+    onOjBeforeSelect: ((event: ojTabBar.ojBeforeSelect) => any) | null;
+    onOjDeselect: ((event: ojTabBar.ojDeselect) => any) | null;
+    onOjRemove: ((event: ojTabBar.ojRemove) => any) | null;
+    onOjReorder: ((event: ojTabBar.ojReorder) => any) | null;
+    addEventListener<T extends keyof ojTabBarEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojTabBarEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTabBarSettableProperties<K, D>>(property: T): ojTabBar<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTabBarSettableProperties<K, D>>(property: T, value: ojTabBarSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTabBarSettableProperties<K, D>>): void;
+    setProperties(properties: ojTabBarSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojTabBar.NodeContext<K> | null;
+    refresh(): void;
+}
+export namespace ojTabBar {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCurrentItem extends CustomEvent<{
+        previousKey: any;
+        previousItem: Element;
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeDeselect extends CustomEvent<{
+        fromKey: any;
+        fromItem: Element;
+        toKey: any;
+        toItem: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeRemove extends CustomEvent<{
+        item: Element;
+        key: any;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeSelect extends CustomEvent<{
+        key: any;
+        item: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojDeselect extends CustomEvent<{
+        fromKey: any;
+        fromItem: Element;
+        toKey: any;
+        toItem: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojRemove extends CustomEvent<{
+        item: Element;
+        key: any;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojReorder extends CustomEvent<{
+        item: Element;
+        position: 'before' | 'after';
+        reference: Element;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext<K, D> = {
+        componentElement: Element;
+        datasource?: DataProvider<K, D>;
+        index: number;
+        key: K;
+        data: D;
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext<K> = {
+        subId: string;
+        index: number;
+        key: K;
+    };
+}
+export interface ojTabBarEventMap<K, D> extends baseComponentEventMap<ojTabBarSettableProperties<K, D>> {
+    'ojAnimateEnd': ojTabBar.ojAnimateEnd;
+    'ojAnimateStart': ojTabBar.ojAnimateStart;
+    'ojBeforeCurrentItem': ojTabBar.ojBeforeCurrentItem;
+    'ojBeforeDeselect': ojTabBar.ojBeforeDeselect;
+    'ojBeforeRemove': ojTabBar.ojBeforeRemove;
+    'ojBeforeSelect': ojTabBar.ojBeforeSelect;
+    'ojDeselect': ojTabBar.ojDeselect;
+    'ojRemove': ojTabBar.ojRemove;
+    'ojReorder': ojTabBar.ojReorder;
+    'asChanged': JetElementCustomEvent<ojTabBar<K, D>["as"]>;
+    'currentItemChanged': JetElementCustomEvent<ojTabBar<K, D>["currentItem"]>;
+    'dataChanged': JetElementCustomEvent<ojTabBar<K, D>["data"]>;
+    'displayChanged': JetElementCustomEvent<ojTabBar<K, D>["display"]>;
+    'edgeChanged': JetElementCustomEvent<ojTabBar<K, D>["edge"]>;
+    'itemChanged': JetElementCustomEvent<ojTabBar<K, D>["item"]>;
+    'overflowChanged': JetElementCustomEvent<ojTabBar<K, D>["overflow"]>;
+    'reorderableChanged': JetElementCustomEvent<ojTabBar<K, D>["reorderable"]>;
+    'selectionChanged': JetElementCustomEvent<ojTabBar<K, D>["selection"]>;
+    'truncationChanged': JetElementCustomEvent<ojTabBar<K, D>["truncation"]>;
+}
+export interface ojTabBarSettableProperties<K, D> extends baseComponentSettableProperties {
+    as: string;
+    currentItem: any;
+    data: DataProvider<K, D> | null;
+    display: 'all' | 'icons';
+    edge: 'top' | 'bottom' | 'start' | 'end';
+    item: {
+        renderer?: (((context: ojTabBar.ItemContext<K, D>) => void) | null);
+        selectable?: (((context: ojTabBar.ItemContext<K, D>) => boolean) | boolean);
+    };
+    overflow: 'popup' | 'hidden';
+    reorderable: 'enabled' | 'disabled';
+    selection: any;
+    truncation: 'none' | 'progressive';
+    translations: {
+        accessibleReorderAfterItem?: string;
+        accessibleReorderBeforeItem?: string;
+        accessibleReorderTouchInstructionText?: string;
+        labelCut?: string;
+        labelPasteAfter?: string;
+        labelPasteBefore?: string;
+        labelRemove?: string;
+        msgFetchingData?: string;
+        msgNoData?: string;
+        overflowItemLabel?: string;
+        removeCueText?: string;
+        selectedLabel?: string;
+    };
+}
+export interface ojTabBarSettablePropertiesLenient<K, D> extends Partial<ojTabBarSettableProperties<K, D>> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojnbox/index.d.ts b/types/oracle__oraclejet/ojnbox/index.d.ts
new file mode 100644
index 0000000000..9b7f31cdad
--- /dev/null
+++ b/types/oracle__oraclejet/ojnbox/index.d.ts
@@ -0,0 +1,490 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojNBox<K, D> extends dvtBaseComponent<ojNBoxSettableProperties<K, D>> {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    cellContent: 'counts' | 'auto';
+    cellMaximize: 'off' | 'on';
+    cells: Promise<ojNBox.Cell[]> | null;
+    columns: Promise<ojNBox.Column[]> | null;
+    columnsTitle: string;
+    countLabel: ((context: ojNBox.CountLabelContext) => (string | null));
+    data: DataProvider<K, D> | null;
+    groupAttributes: 'color' | 'indicatorColor' | 'indicatorIconColor' | 'indicatorIconPattern' | 'indicatorIconShape';
+    groupBehavior: 'acrossCells' | 'none' | 'withinCell';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    labelTruncation: 'ifRequired' | 'on';
+    maximizedColumn: string;
+    maximizedRow: string;
+    otherColor: string;
+    otherThreshold: number;
+    rows: Promise<ojNBox.Row[]> | null;
+    rowsTitle: string;
+    selection: K[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    styleDefaults: {
+        animationDuration: number;
+        cellDefaults: {
+            labelHalign: 'center' | 'end' | 'start';
+            labelStyle: object;
+            maximizedSvgStyle: object;
+            minimizedSvgStyle: object;
+            showCount: 'on' | 'off' | 'auto';
+            svgStyle: object;
+        };
+        columnLabelStyle: object;
+        columnsTitleStyle: object;
+        hoverBehaviorDelay: number;
+        nodeDefaults: {
+            borderColor: string;
+            borderWidth: number;
+            color: string;
+            iconDefaults: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                opacity: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape: 'circle' | 'ellipse' | 'square' | 'plus' | 'diamond' | 'triangleUp' | 'triangleDown' | 'human' | 'rectangle' | 'star';
+                source: string;
+                width: number;
+            };
+            indicatorColor: string;
+            indicatorIconDefaults: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                opacity: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape: 'circle' | 'ellipse' | 'square' | 'plus' | 'diamond' | 'triangleUp' | 'triangleDown' | 'human' | 'rectangle' | 'star';
+                source: string;
+                width: number;
+            };
+            labelStyle: object;
+            secondaryLabelStyle: object;
+        };
+        rowLabelStyle: object;
+        rowsTitleStyle: object;
+    };
+    tooltip: {
+        renderer: ((context: ojNBox.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        highlightedCount?: string;
+        labelAdditionalData?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelGroup?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelOther?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["as"]>) => any) | null;
+    onCellContentChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["cellContent"]>) => any) | null;
+    onCellMaximizeChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["cellMaximize"]>) => any) | null;
+    onCellsChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["cells"]>) => any) | null;
+    onColumnsChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["columns"]>) => any) | null;
+    onColumnsTitleChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["columnsTitle"]>) => any) | null;
+    onCountLabelChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["countLabel"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["data"]>) => any) | null;
+    onGroupAttributesChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["groupAttributes"]>) => any) | null;
+    onGroupBehaviorChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["groupBehavior"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["hoverBehavior"]>) => any) | null;
+    onLabelTruncationChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["labelTruncation"]>) => any) | null;
+    onMaximizedColumnChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["maximizedColumn"]>) => any) | null;
+    onMaximizedRowChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["maximizedRow"]>) => any) | null;
+    onOtherColorChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["otherColor"]>) => any) | null;
+    onOtherThresholdChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["otherThreshold"]>) => any) | null;
+    onRowsChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["rows"]>) => any) | null;
+    onRowsTitleChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["rowsTitle"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["selectionMode"]>) => any) | null;
+    onStyleDefaultsChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["styleDefaults"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojNBox<K, D>["touchResponse"]>) => any) | null;
+    addEventListener<T extends keyof ojNBoxEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojNBoxEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojNBoxSettableProperties<K, D>>(property: T): ojNBox<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojNBoxSettableProperties<K, D>>(property: T, value: ojNBoxSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojNBoxSettableProperties<K, D>>): void;
+    setProperties(properties: ojNBoxSettablePropertiesLenient<K, D>): void;
+    getCell(rowValue: string, columnValue: string): object | null;
+    getColumn(columnValue: string): object | null;
+    getColumnCount(): number;
+    getColumnsTitle(): string;
+    getContextByNode(node: Element): object | null;
+    getDialog(): object | null;
+    getGroupBehavior(): string;
+    getGroupNode(groupCategory: string): object | null;
+    getRow(rowValue: string): object | null;
+    getRowCount(): number;
+    getRowsTitle(): string;
+}
+export interface ojNBoxEventMap<K, D> extends dvtBaseComponentEventMap<ojNBoxSettableProperties<K, D>> {
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojNBox<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojNBox<K, D>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojNBox<K, D>["as"]>;
+    'cellContentChanged': JetElementCustomEvent<ojNBox<K, D>["cellContent"]>;
+    'cellMaximizeChanged': JetElementCustomEvent<ojNBox<K, D>["cellMaximize"]>;
+    'cellsChanged': JetElementCustomEvent<ojNBox<K, D>["cells"]>;
+    'columnsChanged': JetElementCustomEvent<ojNBox<K, D>["columns"]>;
+    'columnsTitleChanged': JetElementCustomEvent<ojNBox<K, D>["columnsTitle"]>;
+    'countLabelChanged': JetElementCustomEvent<ojNBox<K, D>["countLabel"]>;
+    'dataChanged': JetElementCustomEvent<ojNBox<K, D>["data"]>;
+    'groupAttributesChanged': JetElementCustomEvent<ojNBox<K, D>["groupAttributes"]>;
+    'groupBehaviorChanged': JetElementCustomEvent<ojNBox<K, D>["groupBehavior"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojNBox<K, D>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojNBox<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojNBox<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojNBox<K, D>["hoverBehavior"]>;
+    'labelTruncationChanged': JetElementCustomEvent<ojNBox<K, D>["labelTruncation"]>;
+    'maximizedColumnChanged': JetElementCustomEvent<ojNBox<K, D>["maximizedColumn"]>;
+    'maximizedRowChanged': JetElementCustomEvent<ojNBox<K, D>["maximizedRow"]>;
+    'otherColorChanged': JetElementCustomEvent<ojNBox<K, D>["otherColor"]>;
+    'otherThresholdChanged': JetElementCustomEvent<ojNBox<K, D>["otherThreshold"]>;
+    'rowsChanged': JetElementCustomEvent<ojNBox<K, D>["rows"]>;
+    'rowsTitleChanged': JetElementCustomEvent<ojNBox<K, D>["rowsTitle"]>;
+    'selectionChanged': JetElementCustomEvent<ojNBox<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojNBox<K, D>["selectionMode"]>;
+    'styleDefaultsChanged': JetElementCustomEvent<ojNBox<K, D>["styleDefaults"]>;
+    'tooltipChanged': JetElementCustomEvent<ojNBox<K, D>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojNBox<K, D>["touchResponse"]>;
+}
+export interface ojNBoxSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    cellContent: 'counts' | 'auto';
+    cellMaximize: 'off' | 'on';
+    cells: ojNBox.Cell[] | Promise<ojNBox.Cell[]> | null;
+    columns: ojNBox.Column[] | Promise<ojNBox.Column[]> | null;
+    columnsTitle: string;
+    countLabel: ((context: ojNBox.CountLabelContext) => (string | null));
+    data: DataProvider<K, D> | null;
+    groupAttributes: 'color' | 'indicatorColor' | 'indicatorIconColor' | 'indicatorIconPattern' | 'indicatorIconShape';
+    groupBehavior: 'acrossCells' | 'none' | 'withinCell';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    labelTruncation: 'ifRequired' | 'on';
+    maximizedColumn: string;
+    maximizedRow: string;
+    otherColor: string;
+    otherThreshold: number;
+    rows: ojNBox.Row[] | Promise<ojNBox.Row[]> | null;
+    rowsTitle: string;
+    selection: K[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    styleDefaults: {
+        animationDuration: number;
+        cellDefaults: {
+            labelHalign: 'center' | 'end' | 'start';
+            labelStyle: object;
+            maximizedSvgStyle: object;
+            minimizedSvgStyle: object;
+            showCount: 'on' | 'off' | 'auto';
+            svgStyle: object;
+        };
+        columnLabelStyle: object;
+        columnsTitleStyle: object;
+        hoverBehaviorDelay: number;
+        nodeDefaults: {
+            borderColor: string;
+            borderWidth: number;
+            color: string;
+            iconDefaults: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                opacity: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape: 'circle' | 'ellipse' | 'square' | 'plus' | 'diamond' | 'triangleUp' | 'triangleDown' | 'human' | 'rectangle' | 'star';
+                source: string;
+                width: number;
+            };
+            indicatorColor: string;
+            indicatorIconDefaults: {
+                borderColor: string;
+                borderRadius: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                opacity: number;
+                pattern: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+                   'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+                shape: 'circle' | 'ellipse' | 'square' | 'plus' | 'diamond' | 'triangleUp' | 'triangleDown' | 'human' | 'rectangle' | 'star';
+                source: string;
+                width: number;
+            };
+            labelStyle: object;
+            secondaryLabelStyle: object;
+        };
+        rowLabelStyle: object;
+        rowsTitleStyle: object;
+    };
+    tooltip: {
+        renderer: ((context: ojNBox.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        highlightedCount?: string;
+        labelAdditionalData?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelGroup?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelOther?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojNBoxSettablePropertiesLenient<K, D> extends Partial<ojNBoxSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export namespace ojNBox {
+    // tslint:disable-next-line interface-over-type-literal
+    type Cell = {
+        label?: string;
+        column: string;
+        labelHalign?: string;
+        labelStyle?: object;
+        svgClassName?: string;
+        svgStyle?: object;
+        maximizedSvgStyle?: object;
+        maximizedSvgClassName?: string;
+        minimizedSvgStyle?: object;
+        minimizedSvgClassName?: string;
+        row: string;
+        showCount?: 'on' | 'off' | 'auto' | string;
+        shortDesc?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Column = {
+        id: string;
+        label?: string;
+        labelStyle?: object;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type CountLabelContext = {
+        row: string;
+        column: string;
+        nodeCount: number;
+        totalNodeCount: number;
+        highlightedNodeCount: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Row = {
+        id: string;
+        label?: string;
+        labelStyle?: object;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K> = {
+        parentElement: Element;
+        id: K;
+        label: string;
+        secondaryLabel: string;
+        row: string;
+        column: string;
+        color: string;
+        indicatorColor: string;
+        componentElement: Element;
+    };
+}
+export interface ojNBoxNode extends JetElement<ojNBoxNodeSettableProperties> {
+    borderColor: string;
+    borderWidth: number;
+    categories: string[];
+    color?: string;
+    column: string;
+    groupCategory?: string;
+    icon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth: number;
+        color?: string;
+        height?: number | null;
+        opacity: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'mallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string;
+        svgClassName: string;
+        svgStyle?: object;
+        width?: number | null;
+    };
+    indicatorColor?: string;
+    indicatorIcon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth: number;
+        color?: string;
+        height?: number | null;
+        opacity: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'smallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string | null;
+        svgClassName: string;
+        svgStyle?: object | null;
+        width?: number | null;
+    };
+    label: string;
+    row: string;
+    secondaryLabel: string;
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object | null;
+    xPercentage?: number | null;
+    yPercentage?: number | null;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojNBoxNode["borderColor"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojNBoxNode["borderWidth"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojNBoxNode["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojNBoxNode["color"]>) => any) | null;
+    onColumnChanged: ((event: JetElementCustomEvent<ojNBoxNode["column"]>) => any) | null;
+    onGroupCategoryChanged: ((event: JetElementCustomEvent<ojNBoxNode["groupCategory"]>) => any) | null;
+    onIconChanged: ((event: JetElementCustomEvent<ojNBoxNode["icon"]>) => any) | null;
+    onIndicatorColorChanged: ((event: JetElementCustomEvent<ojNBoxNode["indicatorColor"]>) => any) | null;
+    onIndicatorIconChanged: ((event: JetElementCustomEvent<ojNBoxNode["indicatorIcon"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojNBoxNode["label"]>) => any) | null;
+    onRowChanged: ((event: JetElementCustomEvent<ojNBoxNode["row"]>) => any) | null;
+    onSecondaryLabelChanged: ((event: JetElementCustomEvent<ojNBoxNode["secondaryLabel"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojNBoxNode["shortDesc"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojNBoxNode["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojNBoxNode["svgStyle"]>) => any) | null;
+    onXPercentageChanged: ((event: JetElementCustomEvent<ojNBoxNode["xPercentage"]>) => any) | null;
+    onYPercentageChanged: ((event: JetElementCustomEvent<ojNBoxNode["yPercentage"]>) => any) | null;
+    addEventListener<T extends keyof ojNBoxNodeEventMap>(type: T, listener: (this: HTMLElement, ev: ojNBoxNodeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojNBoxNodeSettableProperties>(property: T): ojNBoxNode[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojNBoxNodeSettableProperties>(property: T, value: ojNBoxNodeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojNBoxNodeSettableProperties>): void;
+    setProperties(properties: ojNBoxNodeSettablePropertiesLenient): void;
+}
+export interface ojNBoxNodeEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojNBoxNode["borderColor"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojNBoxNode["borderWidth"]>;
+    'categoriesChanged': JetElementCustomEvent<ojNBoxNode["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojNBoxNode["color"]>;
+    'columnChanged': JetElementCustomEvent<ojNBoxNode["column"]>;
+    'groupCategoryChanged': JetElementCustomEvent<ojNBoxNode["groupCategory"]>;
+    'iconChanged': JetElementCustomEvent<ojNBoxNode["icon"]>;
+    'indicatorColorChanged': JetElementCustomEvent<ojNBoxNode["indicatorColor"]>;
+    'indicatorIconChanged': JetElementCustomEvent<ojNBoxNode["indicatorIcon"]>;
+    'labelChanged': JetElementCustomEvent<ojNBoxNode["label"]>;
+    'rowChanged': JetElementCustomEvent<ojNBoxNode["row"]>;
+    'secondaryLabelChanged': JetElementCustomEvent<ojNBoxNode["secondaryLabel"]>;
+    'shortDescChanged': JetElementCustomEvent<ojNBoxNode["shortDesc"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojNBoxNode["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojNBoxNode["svgStyle"]>;
+    'xPercentageChanged': JetElementCustomEvent<ojNBoxNode["xPercentage"]>;
+    'yPercentageChanged': JetElementCustomEvent<ojNBoxNode["yPercentage"]>;
+}
+export interface ojNBoxNodeSettableProperties extends JetSettableProperties {
+    borderColor: string;
+    borderWidth: number;
+    categories: string[];
+    color?: string;
+    column: string;
+    groupCategory?: string;
+    icon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth: number;
+        color?: string;
+        height?: number | null;
+        opacity: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'mallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string;
+        svgClassName: string;
+        svgStyle?: object;
+        width?: number | null;
+    };
+    indicatorColor?: string;
+    indicatorIcon?: {
+        borderColor?: string;
+        borderRadius?: string;
+        borderWidth: number;
+        color?: string;
+        height?: number | null;
+        opacity: number;
+        pattern?: 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' | 'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none' | 'smallChecker' | 'smallCrosshatch' |
+           'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle';
+        shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+        source?: string | null;
+        svgClassName: string;
+        svgStyle?: object | null;
+        width?: number | null;
+    };
+    label: string;
+    row: string;
+    secondaryLabel: string;
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object | null;
+    xPercentage?: number | null;
+    yPercentage?: number | null;
+}
+export interface ojNBoxNodeSettablePropertiesLenient extends Partial<ojNBoxNodeSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojoptgroup/index.d.ts b/types/oracle__oraclejet/ojoptgroup/index.d.ts
new file mode 100644
index 0000000000..af7d72e004
--- /dev/null
+++ b/types/oracle__oraclejet/ojoptgroup/index.d.ts
@@ -0,0 +1,26 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojOptgroup extends JetElement<ojOptgroupSettableProperties> {
+    disabled: boolean;
+    label: string;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojOptgroup["disabled"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojOptgroup["label"]>) => any) | null;
+    addEventListener<T extends keyof ojOptgroupEventMap>(type: T, listener: (this: HTMLElement, ev: ojOptgroupEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojOptgroupSettableProperties>(property: T): ojOptgroup[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojOptgroupSettableProperties>(property: T, value: ojOptgroupSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojOptgroupSettableProperties>): void;
+    setProperties(properties: ojOptgroupSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojOptgroupEventMap extends HTMLElementEventMap {
+    'disabledChanged': JetElementCustomEvent<ojOptgroup["disabled"]>;
+    'labelChanged': JetElementCustomEvent<ojOptgroup["label"]>;
+}
+export interface ojOptgroupSettableProperties extends JetSettableProperties {
+    disabled: boolean;
+    label: string;
+}
+export interface ojOptgroupSettablePropertiesLenient extends Partial<ojOptgroupSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojoption/index.d.ts b/types/oracle__oraclejet/ojoption/index.d.ts
new file mode 100644
index 0000000000..f969e1e320
--- /dev/null
+++ b/types/oracle__oraclejet/ojoption/index.d.ts
@@ -0,0 +1,26 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojOption extends JetElement<ojOptionSettableProperties> {
+    disabled: boolean;
+    value: any;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojOption["disabled"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojOption["value"]>) => any) | null;
+    addEventListener<T extends keyof ojOptionEventMap>(type: T, listener: (this: HTMLElement, ev: ojOptionEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojOptionSettableProperties>(property: T): ojOption[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojOptionSettableProperties>(property: T, value: ojOptionSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojOptionSettableProperties>): void;
+    setProperties(properties: ojOptionSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojOptionEventMap extends HTMLElementEventMap {
+    'disabledChanged': JetElementCustomEvent<ojOption["disabled"]>;
+    'valueChanged': JetElementCustomEvent<ojOption["value"]>;
+}
+export interface ojOptionSettableProperties extends JetSettableProperties {
+    disabled: boolean;
+    value: any;
+}
+export interface ojOptionSettablePropertiesLenient extends Partial<ojOptionSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojpictochart/index.d.ts b/types/oracle__oraclejet/ojpictochart/index.d.ts
new file mode 100644
index 0000000000..caf85f6dee
--- /dev/null
+++ b/types/oracle__oraclejet/ojpictochart/index.d.ts
@@ -0,0 +1,268 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojPictoChart<K, D> extends dvtBaseComponent<ojPictoChartSettableProperties<K, D>> {
+    animationDuration?: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'popIn' | 'alphaFade' | 'zoom' | 'none';
+    as: string;
+    columnCount: number | null;
+    columnWidth: number | null;
+    data: DataProvider<K, D> | null;
+    drilling: 'on' | 'off';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    layout: 'vertical' | 'horizontal';
+    layoutOrigin: 'topEnd' | 'bottomStart' | 'bottomEnd' | 'topStart';
+    rowCount: number | null;
+    rowHeight: number | null;
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    tooltip: {
+        renderer: ((context: ojPictoChart.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["animationDuration"]>) => any) | null;
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["as"]>) => any) | null;
+    onColumnCountChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["columnCount"]>) => any) | null;
+    onColumnWidthChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["columnWidth"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["data"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["drilling"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["hoverBehavior"]>) => any) | null;
+    onHoverBehaviorDelayChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["hoverBehaviorDelay"]>) => any) | null;
+    onLayoutChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["layout"]>) => any) | null;
+    onLayoutOriginChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["layoutOrigin"]>) => any) | null;
+    onRowCountChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["rowCount"]>) => any) | null;
+    onRowHeightChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["rowHeight"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["selectionMode"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojPictoChart<K, D>["tooltip"]>) => any) | null;
+    onOjDrill: ((event: ojPictoChart.ojDrill) => any) | null;
+    addEventListener<T extends keyof ojPictoChartEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojPictoChartEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojPictoChartSettableProperties<K, D>>(property: T): ojPictoChart<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojPictoChartSettableProperties<K, D>>(property: T, value: ojPictoChartSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojPictoChartSettableProperties<K, D>>): void;
+    setProperties(properties: ojPictoChartSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojPictoChart.NodeContext | null;
+    getItem(index: number): ojPictoChart.ItemContext<K> | null;
+    getItemCount(): number;
+}
+export namespace ojPictoChart {
+    interface ojDrill extends CustomEvent<{
+        id: any;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext<K> = {
+        color: string;
+        count: number;
+        id: K;
+        name: string;
+        selected: boolean;
+        tooltip: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        subId: string;
+        index: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K> = {
+        parentElement: Element;
+        id: K;
+        name: string;
+        count: number;
+        color: string;
+        componentElement: Element;
+    };
+}
+export interface ojPictoChartEventMap<K, D> extends dvtBaseComponentEventMap<ojPictoChartSettableProperties<K, D>> {
+    'ojDrill': ojPictoChart.ojDrill;
+    'animationDurationChanged': JetElementCustomEvent<ojPictoChart<K, D>["animationDuration"]>;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojPictoChart<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojPictoChart<K, D>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojPictoChart<K, D>["as"]>;
+    'columnCountChanged': JetElementCustomEvent<ojPictoChart<K, D>["columnCount"]>;
+    'columnWidthChanged': JetElementCustomEvent<ojPictoChart<K, D>["columnWidth"]>;
+    'dataChanged': JetElementCustomEvent<ojPictoChart<K, D>["data"]>;
+    'drillingChanged': JetElementCustomEvent<ojPictoChart<K, D>["drilling"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojPictoChart<K, D>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojPictoChart<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojPictoChart<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojPictoChart<K, D>["hoverBehavior"]>;
+    'hoverBehaviorDelayChanged': JetElementCustomEvent<ojPictoChart<K, D>["hoverBehaviorDelay"]>;
+    'layoutChanged': JetElementCustomEvent<ojPictoChart<K, D>["layout"]>;
+    'layoutOriginChanged': JetElementCustomEvent<ojPictoChart<K, D>["layoutOrigin"]>;
+    'rowCountChanged': JetElementCustomEvent<ojPictoChart<K, D>["rowCount"]>;
+    'rowHeightChanged': JetElementCustomEvent<ojPictoChart<K, D>["rowHeight"]>;
+    'selectionChanged': JetElementCustomEvent<ojPictoChart<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojPictoChart<K, D>["selectionMode"]>;
+    'tooltipChanged': JetElementCustomEvent<ojPictoChart<K, D>["tooltip"]>;
+}
+export interface ojPictoChartSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationDuration?: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'popIn' | 'alphaFade' | 'zoom' | 'none';
+    as: string;
+    columnCount: number | null;
+    columnWidth: number | null;
+    data: DataProvider<K, D> | null;
+    drilling: 'on' | 'off';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    layout: 'vertical' | 'horizontal';
+    layoutOrigin: 'topEnd' | 'bottomStart' | 'bottomEnd' | 'topStart';
+    rowCount: number | null;
+    rowHeight: number | null;
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    tooltip: {
+        renderer: ((context: ojPictoChart.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        })) | null;
+    };
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojPictoChartSettablePropertiesLenient<K, D> extends Partial<ojPictoChartSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojPictoChartItem extends JetElement<ojPictoChartItemSettableProperties> {
+    borderColor: string;
+    borderWidth: number;
+    categories: string[];
+    color: string;
+    columnSpan: number;
+    count: number;
+    drilling: 'inherit' | 'off' | 'on';
+    name: string;
+    rowSpan: number;
+    shape?: 'circle' | 'diamond' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'none' | string;
+    shortDesc: string;
+    source: string;
+    sourceHover: string;
+    sourceHoverSelected: string;
+    sourceSelected: string;
+    svgClassName: string;
+    svgStyle: object;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojPictoChartItem["borderColor"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojPictoChartItem["borderWidth"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojPictoChartItem["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojPictoChartItem["color"]>) => any) | null;
+    onColumnSpanChanged: ((event: JetElementCustomEvent<ojPictoChartItem["columnSpan"]>) => any) | null;
+    onCountChanged: ((event: JetElementCustomEvent<ojPictoChartItem["count"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojPictoChartItem["drilling"]>) => any) | null;
+    onNameChanged: ((event: JetElementCustomEvent<ojPictoChartItem["name"]>) => any) | null;
+    onRowSpanChanged: ((event: JetElementCustomEvent<ojPictoChartItem["rowSpan"]>) => any) | null;
+    onShapeChanged: ((event: JetElementCustomEvent<ojPictoChartItem["shape"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojPictoChartItem["shortDesc"]>) => any) | null;
+    onSourceChanged: ((event: JetElementCustomEvent<ojPictoChartItem["source"]>) => any) | null;
+    onSourceHoverChanged: ((event: JetElementCustomEvent<ojPictoChartItem["sourceHover"]>) => any) | null;
+    onSourceHoverSelectedChanged: ((event: JetElementCustomEvent<ojPictoChartItem["sourceHoverSelected"]>) => any) | null;
+    onSourceSelectedChanged: ((event: JetElementCustomEvent<ojPictoChartItem["sourceSelected"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojPictoChartItem["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojPictoChartItem["svgStyle"]>) => any) | null;
+    addEventListener<T extends keyof ojPictoChartItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojPictoChartItemEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojPictoChartItemSettableProperties>(property: T): ojPictoChartItem[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojPictoChartItemSettableProperties>(property: T, value: ojPictoChartItemSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojPictoChartItemSettableProperties>): void;
+    setProperties(properties: ojPictoChartItemSettablePropertiesLenient): void;
+}
+export interface ojPictoChartItemEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojPictoChartItem["borderColor"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojPictoChartItem["borderWidth"]>;
+    'categoriesChanged': JetElementCustomEvent<ojPictoChartItem["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojPictoChartItem["color"]>;
+    'columnSpanChanged': JetElementCustomEvent<ojPictoChartItem["columnSpan"]>;
+    'countChanged': JetElementCustomEvent<ojPictoChartItem["count"]>;
+    'drillingChanged': JetElementCustomEvent<ojPictoChartItem["drilling"]>;
+    'nameChanged': JetElementCustomEvent<ojPictoChartItem["name"]>;
+    'rowSpanChanged': JetElementCustomEvent<ojPictoChartItem["rowSpan"]>;
+    'shapeChanged': JetElementCustomEvent<ojPictoChartItem["shape"]>;
+    'shortDescChanged': JetElementCustomEvent<ojPictoChartItem["shortDesc"]>;
+    'sourceChanged': JetElementCustomEvent<ojPictoChartItem["source"]>;
+    'sourceHoverChanged': JetElementCustomEvent<ojPictoChartItem["sourceHover"]>;
+    'sourceHoverSelectedChanged': JetElementCustomEvent<ojPictoChartItem["sourceHoverSelected"]>;
+    'sourceSelectedChanged': JetElementCustomEvent<ojPictoChartItem["sourceSelected"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojPictoChartItem["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojPictoChartItem["svgStyle"]>;
+}
+export interface ojPictoChartItemSettableProperties extends JetSettableProperties {
+    borderColor: string;
+    borderWidth: number;
+    categories: string[];
+    color: string;
+    columnSpan: number;
+    count: number;
+    drilling: 'inherit' | 'off' | 'on';
+    name: string;
+    rowSpan: number;
+    shape?: 'circle' | 'diamond' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'none' | string;
+    shortDesc: string;
+    source: string;
+    sourceHover: string;
+    sourceHoverSelected: string;
+    sourceSelected: string;
+    svgClassName: string;
+    svgStyle: object;
+}
+export interface ojPictoChartItemSettablePropertiesLenient extends Partial<ojPictoChartItemSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojpopup/index.d.ts b/types/oracle__oraclejet/ojpopup/index.d.ts
new file mode 100644
index 0000000000..9ade7e2c21
--- /dev/null
+++ b/types/oracle__oraclejet/ojpopup/index.d.ts
@@ -0,0 +1,128 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojPopup extends baseComponent<ojPopupSettableProperties> {
+    autoDismiss: 'none' | 'focusLoss';
+    chrome: 'default' | 'none';
+    initialFocus: 'auto' | 'none' | 'firstFocusable' | 'popup';
+    modality: 'modeless' | 'modal';
+    position: ojPopup.Position;
+    tail: 'none' | 'simple';
+    translations: {
+        ariaCloseSkipLink?: string;
+        ariaFocusSkipLink?: string;
+        ariaLiveRegionInitialFocusFirstFocusable?: string;
+        ariaLiveRegionInitialFocusFirstFocusableTouch?: string;
+        ariaLiveRegionInitialFocusNone?: string;
+        ariaLiveRegionInitialFocusNoneTouch?: string;
+    };
+    onAutoDismissChanged: ((event: JetElementCustomEvent<ojPopup["autoDismiss"]>) => any) | null;
+    onChromeChanged: ((event: JetElementCustomEvent<ojPopup["chrome"]>) => any) | null;
+    onInitialFocusChanged: ((event: JetElementCustomEvent<ojPopup["initialFocus"]>) => any) | null;
+    onModalityChanged: ((event: JetElementCustomEvent<ojPopup["modality"]>) => any) | null;
+    onPositionChanged: ((event: JetElementCustomEvent<ojPopup["position"]>) => any) | null;
+    onTailChanged: ((event: JetElementCustomEvent<ojPopup["tail"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojPopup.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojPopup.ojAnimateStart) => any) | null;
+    onOjBeforeClose: ((event: ojPopup.ojBeforeClose) => any) | null;
+    onOjBeforeOpen: ((event: ojPopup.ojBeforeOpen) => any) | null;
+    onOjClose: ((event: ojPopup.ojClose) => any) | null;
+    onOjFocus: ((event: ojPopup.ojFocus) => any) | null;
+    onOjOpen: ((event: ojPopup.ojOpen) => any) | null;
+    addEventListener<T extends keyof ojPopupEventMap>(type: T, listener: (this: HTMLElement, ev: ojPopupEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojPopupSettableProperties>(property: T): ojPopup[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojPopupSettableProperties>(property: T, value: ojPopupSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojPopupSettableProperties>): void;
+    setProperties(properties: ojPopupSettablePropertiesLenient): void;
+    close(): void;
+    isOpen(): boolean;
+    open(launcher: string | Element, position?: ojPopup.Position): void;
+    refresh(): void;
+}
+export namespace ojPopup {
+    interface ojAnimateEnd extends CustomEvent<{
+        element: Element;
+        action: 'open' | 'close';
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: 'open' | 'close';
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeClose extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeOpen extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojClose extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojFocus extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    interface ojOpen extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Position = {
+        my?: PositionAlign;
+        at?: PositionAlign;
+        offset?: PositionPoint;
+        of?: string | PositionPoint;
+        collision?: 'flip' | 'fit' | 'flipfit' | 'flipcenter' | 'none';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionAlign = {
+        vertical?: 'top' | 'bottom' | 'center';
+        horizontal?: 'start' | 'end' | 'left' | 'center' | 'bottom';
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type PositionPoint = {
+        x?: number;
+        y?: number;
+    };
+}
+export interface ojPopupEventMap extends baseComponentEventMap<ojPopupSettableProperties> {
+    'ojAnimateEnd': ojPopup.ojAnimateEnd;
+    'ojAnimateStart': ojPopup.ojAnimateStart;
+    'ojBeforeClose': ojPopup.ojBeforeClose;
+    'ojBeforeOpen': ojPopup.ojBeforeOpen;
+    'ojClose': ojPopup.ojClose;
+    'ojFocus': ojPopup.ojFocus;
+    'ojOpen': ojPopup.ojOpen;
+    'autoDismissChanged': JetElementCustomEvent<ojPopup["autoDismiss"]>;
+    'chromeChanged': JetElementCustomEvent<ojPopup["chrome"]>;
+    'initialFocusChanged': JetElementCustomEvent<ojPopup["initialFocus"]>;
+    'modalityChanged': JetElementCustomEvent<ojPopup["modality"]>;
+    'positionChanged': JetElementCustomEvent<ojPopup["position"]>;
+    'tailChanged': JetElementCustomEvent<ojPopup["tail"]>;
+}
+export interface ojPopupSettableProperties extends baseComponentSettableProperties {
+    autoDismiss: 'none' | 'focusLoss';
+    chrome: 'default' | 'none';
+    initialFocus: 'auto' | 'none' | 'firstFocusable' | 'popup';
+    modality: 'modeless' | 'modal';
+    position: ojPopup.Position;
+    tail: 'none' | 'simple';
+    translations: {
+        ariaCloseSkipLink?: string;
+        ariaFocusSkipLink?: string;
+        ariaLiveRegionInitialFocusFirstFocusable?: string;
+        ariaLiveRegionInitialFocusFirstFocusableTouch?: string;
+        ariaLiveRegionInitialFocusNone?: string;
+        ariaLiveRegionInitialFocusNoneTouch?: string;
+    };
+}
+export interface ojPopupSettablePropertiesLenient extends Partial<ojPopupSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojprogress/index.d.ts b/types/oracle__oraclejet/ojprogress/index.d.ts
new file mode 100644
index 0000000000..779031816c
--- /dev/null
+++ b/types/oracle__oraclejet/ojprogress/index.d.ts
@@ -0,0 +1,35 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojProgress extends baseComponent<ojProgressSettableProperties> {
+    max: number;
+    type: 'bar' | 'circle';
+    value: number;
+    translations: {
+        ariaIndeterminateProgressText?: string;
+    };
+    onMaxChanged: ((event: JetElementCustomEvent<ojProgress["max"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojProgress["type"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojProgress["value"]>) => any) | null;
+    addEventListener<T extends keyof ojProgressEventMap>(type: T, listener: (this: HTMLElement, ev: ojProgressEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojProgressSettableProperties>(property: T): ojProgress[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojProgressSettableProperties>(property: T, value: ojProgressSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojProgressSettableProperties>): void;
+    setProperties(properties: ojProgressSettablePropertiesLenient): void;
+}
+export interface ojProgressEventMap extends baseComponentEventMap<ojProgressSettableProperties> {
+    'maxChanged': JetElementCustomEvent<ojProgress["max"]>;
+    'typeChanged': JetElementCustomEvent<ojProgress["type"]>;
+    'valueChanged': JetElementCustomEvent<ojProgress["value"]>;
+}
+export interface ojProgressSettableProperties extends baseComponentSettableProperties {
+    max: number;
+    type: 'bar' | 'circle';
+    value: number;
+    translations: {
+        ariaIndeterminateProgressText?: string;
+    };
+}
+export interface ojProgressSettablePropertiesLenient extends Partial<ojProgressSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojprogresslist/index.d.ts b/types/oracle__oraclejet/ojprogresslist/index.d.ts
new file mode 100644
index 0000000000..22e91c465d
--- /dev/null
+++ b/types/oracle__oraclejet/ojprogresslist/index.d.ts
@@ -0,0 +1,30 @@
+import { DataProvider } from '../ojdataprovider';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojProgressList extends JetElement<ojProgressListSettableProperties> {
+    data: DataProvider<any, any> | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojProgressList["data"]>) => any) | null;
+    addEventListener<T extends keyof ojProgressListEventMap>(type: T, listener: (this: HTMLElement, ev: ojProgressListEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojProgressListSettableProperties>(property: T): ojProgressList[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojProgressListSettableProperties>(property: T, value: ojProgressListSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojProgressListSettableProperties>): void;
+    setProperties(properties: ojProgressListSettablePropertiesLenient): void;
+}
+export interface ojProgressListEventMap extends HTMLElementEventMap {
+    'dataChanged': JetElementCustomEvent<ojProgressList["data"]>;
+}
+export interface ojProgressListSettableProperties extends JetSettableProperties {
+    data: DataProvider<any, any> | null;
+}
+export interface ojProgressListSettablePropertiesLenient extends Partial<ojProgressListSettableProperties> {
+    [key: string]: any;
+}
+export interface ProgressItem {
+    addEventListener(eventType: ProgressItem.EventType, listener: EventListener): void;
+    removeEventListener(eventType: ProgressItem.EventType, listener: EventListener): void;
+}
+export namespace ProgressItem {
+    type EventType = "loadstart" | "progress" | "abort" | "error" | "load" | "timeout" | "loadend";
+    type Status = "queued" | "loadstarted" | "aborted" | "errored" | "timedout" | "loaded";
+}
diff --git a/types/oracle__oraclejet/ojpulltorefresh/index.d.ts b/types/oracle__oraclejet/ojpulltorefresh/index.d.ts
new file mode 100644
index 0000000000..86db5b3db1
--- /dev/null
+++ b/types/oracle__oraclejet/ojpulltorefresh/index.d.ts
@@ -0,0 +1,6 @@
+export function setupPullToRefresh(element: Element, refreshFunc: (() => Promise<any>), options?: {
+    threshold?: number;
+    primaryText?: string;
+    secondaryText?: string;
+}): void;
+export function tearDownPullToRefresh(element: Element): void;
diff --git a/types/oracle__oraclejet/ojradioset/index.d.ts b/types/oracle__oraclejet/ojradioset/index.d.ts
new file mode 100644
index 0000000000..4b910c22fd
--- /dev/null
+++ b/types/oracle__oraclejet/ojradioset/index.d.ts
@@ -0,0 +1,69 @@
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojRadioset extends editableValue<any, ojRadiosetSettableProperties> {
+    disabled: boolean;
+    labelledBy: string | null;
+    required: boolean;
+    value: any;
+    translations: {
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onDisabledChanged: ((event: JetElementCustomEvent<ojRadioset["disabled"]>) => any) | null;
+    onLabelledByChanged: ((event: JetElementCustomEvent<ojRadioset["labelledBy"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojRadioset["required"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojRadioset["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojRadioset.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojRadioset.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojRadiosetEventMap>(type: T, listener: (this: HTMLElement, ev: ojRadiosetEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojRadiosetSettableProperties>(property: T): ojRadioset[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojRadiosetSettableProperties>(property: T, value: ojRadiosetSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojRadiosetSettableProperties>): void;
+    setProperties(properties: ojRadiosetSettablePropertiesLenient): void;
+    refresh(): void;
+    validate(): Promise<string>;
+}
+export namespace ojRadioset {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojRadiosetEventMap extends editableValueEventMap<any, ojRadiosetSettableProperties> {
+    'ojAnimateEnd': ojRadioset.ojAnimateEnd;
+    'ojAnimateStart': ojRadioset.ojAnimateStart;
+    'disabledChanged': JetElementCustomEvent<ojRadioset["disabled"]>;
+    'labelledByChanged': JetElementCustomEvent<ojRadioset["labelledBy"]>;
+    'requiredChanged': JetElementCustomEvent<ojRadioset["required"]>;
+    'valueChanged': JetElementCustomEvent<ojRadioset["value"]>;
+}
+export interface ojRadiosetSettableProperties extends editableValueSettableProperties<any> {
+    disabled: boolean;
+    labelledBy: string | null;
+    required: boolean;
+    value: any;
+    translations: {
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface ojRadiosetSettablePropertiesLenient extends Partial<ojRadiosetSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojrefresher/index.d.ts b/types/oracle__oraclejet/ojrefresher/index.d.ts
new file mode 100644
index 0000000000..a80f9cc805
--- /dev/null
+++ b/types/oracle__oraclejet/ojrefresher/index.d.ts
@@ -0,0 +1,33 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojRefresher extends baseComponent<ojRefresherSettableProperties> {
+    refreshContent: (() => Promise<any>);
+    target: Element;
+    text: string;
+    threshold: number;
+    onRefreshContentChanged: ((event: JetElementCustomEvent<ojRefresher["refreshContent"]>) => any) | null;
+    onTargetChanged: ((event: JetElementCustomEvent<ojRefresher["target"]>) => any) | null;
+    onTextChanged: ((event: JetElementCustomEvent<ojRefresher["text"]>) => any) | null;
+    onThresholdChanged: ((event: JetElementCustomEvent<ojRefresher["threshold"]>) => any) | null;
+    addEventListener<T extends keyof ojRefresherEventMap>(type: T, listener: (this: HTMLElement, ev: ojRefresherEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojRefresherSettableProperties>(property: T): ojRefresher[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojRefresherSettableProperties>(property: T, value: ojRefresherSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojRefresherSettableProperties>): void;
+    setProperties(properties: ojRefresherSettablePropertiesLenient): void;
+}
+export interface ojRefresherEventMap extends baseComponentEventMap<ojRefresherSettableProperties> {
+    'refreshContentChanged': JetElementCustomEvent<ojRefresher["refreshContent"]>;
+    'targetChanged': JetElementCustomEvent<ojRefresher["target"]>;
+    'textChanged': JetElementCustomEvent<ojRefresher["text"]>;
+    'thresholdChanged': JetElementCustomEvent<ojRefresher["threshold"]>;
+}
+export interface ojRefresherSettableProperties extends baseComponentSettableProperties {
+    refreshContent: (() => Promise<any>);
+    target: Element;
+    text: string;
+    threshold: number;
+}
+export interface ojRefresherSettablePropertiesLenient extends Partial<ojRefresherSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojresponsiveknockoututils/index.d.ts b/types/oracle__oraclejet/ojresponsiveknockoututils/index.d.ts
new file mode 100644
index 0000000000..6969cc607c
--- /dev/null
+++ b/types/oracle__oraclejet/ojresponsiveknockoututils/index.d.ts
@@ -0,0 +1,4 @@
+/// <reference types='knockout'/>
+/// <reference types="knockout" />
+export function createMediaQueryObservable(queryString: string): KnockoutObservable<boolean>;
+export function createScreenRangeObservable(): KnockoutObservable<string>;
diff --git a/types/oracle__oraclejet/ojresponsiveutils/index.d.ts b/types/oracle__oraclejet/ojresponsiveutils/index.d.ts
new file mode 100644
index 0000000000..3fa2d5dab5
--- /dev/null
+++ b/types/oracle__oraclejet/ojresponsiveutils/index.d.ts
@@ -0,0 +1,4 @@
+export function compare(size1: SCREEN_RANGE, size2: SCREEN_RANGE): number;
+export function getFrameworkQuery(frameworkQueryKey: FRAMEWORK_QUERY_KEY): string | null;
+export type FRAMEWORK_QUERY_KEY = "sm-up" | "md-up" | "lg-up" | "xl-up" | "xxl-up" | "sm-only" | "md-only" | "lg-only" | "xl-only" | "md-down" | "lg-down" | "xl-down" | "high-resolution";
+export type SCREEN_RANGE = "sm" | "md" | "lg" | "xl" | "xxl";
diff --git a/types/oracle__oraclejet/ojrouter/index.d.ts b/types/oracle__oraclejet/ojrouter/index.d.ts
new file mode 100644
index 0000000000..afe93fb476
--- /dev/null
+++ b/types/oracle__oraclejet/ojrouter/index.d.ts
@@ -0,0 +1,131 @@
+/// <reference types="knockout" />
+/// <reference types='knockout'/>
+declare class Router {
+    readonly currentState: (() => RouterState | undefined);
+    readonly currentValue: (() => string | undefined);
+    defaultStateId: string | undefined;
+    static defaults: {
+        urlAdapter?: Router.urlPathAdapter | Router.urlParamAdapter;
+        baseUrl?: string;
+        rootInstanceName?: string;
+    };
+    readonly direction: string | undefined;
+    readonly moduleConfig: {
+        name: KnockoutObservable<string>;
+        params: {
+            ojRouter: {
+                parentRouter: Router;
+                direction: string;
+            };
+        };
+        lifecycleListener: {
+            attached: ((param0: string) => void);
+        };
+    };
+    readonly name: string;
+    readonly observableModuleConfig: KnockoutObservable<Router.ModuleConfigType>;
+    readonly parent: Router | undefined;
+    static readonly rootInstance: Router;
+    readonly stateId: ((param0?: string) => string);
+    readonly states: RouterState[] | null;
+    static readonly transitionedToState: object;
+    static sync(): Promise<{
+        hasChanged: boolean;
+    }>;
+    configure(option: {
+        [key: string]: RouterState.ConfigOptions;
+    } | ((id: string) => RouterState | undefined | null)): any;
+    createChildRouter(name: string, parentStateId?: string): Router;
+    dispose(): undefined;
+    getChildRouter(name: string): Router | undefined;
+    getCurrentChildRouter(): Router | undefined;
+    getState(stateId: string): RouterState | undefined;
+    go(stateIdPath?: string | string[], options?: {
+        historyUpdate: string;
+    }): Promise<{
+        hasChanged: boolean;
+    }>;
+    retrieve(): any;
+    store(data: object): undefined;
+}
+declare namespace Router {
+    // tslint:disable-next-line interface-over-type-literal
+    type ModuleConfigType = {
+        name: KnockoutObservable<string>;
+        params: {
+            ojRouter: {
+                parentRouter: Router;
+                direction: string;
+                parameters: object;
+            };
+        };
+        lifecycleListener: {
+            attached: ((param0: object) => void);
+        };
+    };
+    // tslint:disable-next-line no-unnecessary-class
+    class urlParamAdapter {
+        constructor();
+    }
+    // tslint:disable-next-line no-unnecessary-class
+    class urlPathAdapter {
+        constructor();
+    }
+    interface RouterState {
+        canEnter: (() => boolean) | (() => Promise<boolean>);
+        canExit: (() => boolean) | (() => Promise<boolean>);
+        enter: (() => void) | (() => Promise<void>);
+        exit: (() => void) | (() => Promise<void>);
+        readonly id: string;
+        label: string | undefined;
+        parameters: object;
+        title: string | (() => string | undefined);
+        value: any;
+        // constructor(id: string, options?: RouterState.ConfigOptions, router?: Router);
+        go(): Promise<{
+            hasChanged: boolean;
+        }>;
+        isCurrent(): boolean;
+    }
+    namespace RouterState {
+        // tslint:disable-next-line interface-over-type-literal
+        type ConfigOptions = {
+            label?: string;
+            value?: any;
+            isDefault?: boolean;
+            canEnter?: (() => boolean) | (() => Promise<boolean>);
+            enter?: (() => void) | (() => Promise<void>);
+            canExit?: (() => boolean) | (() => Promise<boolean>);
+            exit?: (() => void) | (() => Promise<void>);
+        };
+    }
+}
+export = Router;
+declare class RouterState {
+    canEnter: (() => boolean) | (() => Promise<boolean>);
+    canExit: (() => boolean) | (() => Promise<boolean>);
+    enter: (() => void) | (() => Promise<void>);
+    exit: (() => void) | (() => Promise<void>);
+    readonly id: string;
+    label: string | undefined;
+    parameters: object;
+    title: string | (() => string | undefined);
+    value: any;
+    constructor(id: string, options?: RouterState.ConfigOptions, router?: Router);
+    go(): Promise<{
+        hasChanged: boolean;
+    }>;
+    isCurrent(): boolean;
+}
+declare namespace RouterState {
+    // tslint:disable-next-line interface-over-type-literal
+    type ConfigOptions = {
+        label?: string;
+        value?: any;
+        isDefault?: boolean;
+        canEnter?: (() => boolean) | (() => Promise<boolean>);
+        enter?: (() => void) | (() => Promise<void>);
+        canExit?: (() => boolean) | (() => Promise<boolean>);
+        exit?: (() => void) | (() => Promise<void>);
+    };
+}
diff --git a/types/oracle__oraclejet/ojselectcombobox/index.d.ts b/types/oracle__oraclejet/ojselectcombobox/index.d.ts
new file mode 100644
index 0000000000..2444c99c4c
--- /dev/null
+++ b/types/oracle__oraclejet/ojselectcombobox/index.d.ts
@@ -0,0 +1,714 @@
+import { Converter, Validator, Validation, AsyncValidator } from '../ojvalidation-base';
+import { DataProvider } from '../ojdataprovider';
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojCombobox<V, SP extends ojComboboxSettableProperties<V, SV, RV>, SV = V, RV = V> extends editableValue<V, SP, SV, RV> {
+    onOjAnimateEnd: ((event: ojCombobox.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojCombobox.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojComboboxEventMap<V, SP, SV, RV>>(type: T, listener: (this: HTMLElement, ev: ojComboboxEventMap<V, SP, SV, RV>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojComboboxSettableProperties<V, SV, RV>>(property: T): ojCombobox<V, SP, SV, RV>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojComboboxSettableProperties<V, SV, RV>>(property: T, value: ojComboboxSettableProperties<V, SV, RV>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojComboboxSettableProperties<V, SV, RV>>): void;
+    setProperties(properties: ojComboboxSettablePropertiesLenient<V, SV, RV>): void;
+    refresh(): void;
+    validate(): Promise<any>;
+}
+export namespace ojCombobox {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Optgroup = {
+        disabled?: boolean;
+        label: string;
+        children: Array<(Option | Optgroup)>;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Option = {
+        disabled?: boolean;
+        label?: string;
+        value: any;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type OptionContext = {
+        component: Element;
+        parent: Element;
+        index: number;
+        depth: number;
+        leaf: boolean;
+        data: object;
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type OptionsKeys = {
+        label?: string;
+        value?: string;
+        children?: string;
+        childKeys?: OptionsKeys;
+    };
+}
+export interface ojComboboxEventMap<V, SP extends ojComboboxSettableProperties<V, SV, RV>, SV = V, RV = V> extends editableValueEventMap<V, SP, SV, RV> {
+    'ojAnimateEnd': ojCombobox.ojAnimateEnd;
+    'ojAnimateStart': ojCombobox.ojAnimateStart;
+}
+// These interfaces are empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojComboboxSettableProperties<V, SV = V, RV = V> extends editableValueSettableProperties<V, SV, RV> {
+}
+export interface ojComboboxSettablePropertiesLenient<V, SV, RV> extends Partial<ojComboboxSettableProperties<V, SV, RV>> {
+    [key: string]: any;
+}
+export interface ojComboboxMany<K, D> extends ojCombobox<any[] | null, ojComboboxManySettableProperties<K, D>, any[] | null, string> {
+    asyncValidators: Array<AsyncValidator<any[]>>;
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    minLength: number;
+    optionRenderer?: ((param0: ojCombobox.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojCombobox.Option | ojCombobox.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojCombobox.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    readonly rawValue: string | null;
+    required: boolean;
+    validators: Array<Validator<any[]> | Validation.RegisteredValidator> | null;
+    value: any[] | null;
+    valueOptions: Array<{
+        value: any;
+        label?: string;
+    }> | null;
+    translations: {
+        filterFurther?: string;
+        noMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onAsyncValidatorsChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["asyncValidators"]>) => any) | null;
+    onConverterChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["converter"]>) => any) | null;
+    onMinLengthChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["minLength"]>) => any) | null;
+    onOptionRendererChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["optionRenderer"]>) => any) | null;
+    onOptionsChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["options"]>) => any) | null;
+    onOptionsKeysChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["optionsKeys"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["pickerAttributes"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["placeholder"]>) => any) | null;
+    onRawValueChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["rawValue"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["required"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["value"]>) => any) | null;
+    onValueOptionsChanged: ((event: JetElementCustomEvent<ojComboboxMany<K, D>["valueOptions"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojComboboxMany.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojComboboxMany.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojComboboxManyEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojComboboxManyEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojComboboxManySettableProperties<K, D>>(property: T): ojComboboxMany<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojComboboxManySettableProperties<K, D>>(property: T, value: ojComboboxManySettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojComboboxManySettableProperties<K, D>>): void;
+    setProperties(properties: ojComboboxManySettablePropertiesLenient<K, D>): void;
+}
+export namespace ojComboboxMany {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojComboboxManyEventMap<K, D> extends ojComboboxEventMap<any[] | null, ojComboboxManySettableProperties<K, D>, any[] | null, string> {
+    'ojAnimateEnd': ojComboboxMany.ojAnimateEnd;
+    'ojAnimateStart': ojComboboxMany.ojAnimateStart;
+    'asyncValidatorsChanged': JetElementCustomEvent<ojComboboxMany<K, D>["asyncValidators"]>;
+    'converterChanged': JetElementCustomEvent<ojComboboxMany<K, D>["converter"]>;
+    'minLengthChanged': JetElementCustomEvent<ojComboboxMany<K, D>["minLength"]>;
+    'optionRendererChanged': JetElementCustomEvent<ojComboboxMany<K, D>["optionRenderer"]>;
+    'optionsChanged': JetElementCustomEvent<ojComboboxMany<K, D>["options"]>;
+    'optionsKeysChanged': JetElementCustomEvent<ojComboboxMany<K, D>["optionsKeys"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojComboboxMany<K, D>["pickerAttributes"]>;
+    'placeholderChanged': JetElementCustomEvent<ojComboboxMany<K, D>["placeholder"]>;
+    'rawValueChanged': JetElementCustomEvent<ojComboboxMany<K, D>["rawValue"]>;
+    'requiredChanged': JetElementCustomEvent<ojComboboxMany<K, D>["required"]>;
+    'validatorsChanged': JetElementCustomEvent<ojComboboxMany<K, D>["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojComboboxMany<K, D>["value"]>;
+    'valueOptionsChanged': JetElementCustomEvent<ojComboboxMany<K, D>["valueOptions"]>;
+}
+export interface ojComboboxManySettableProperties<K, D> extends ojComboboxSettableProperties<any[] | null, any[] | null, string> {
+    asyncValidators: Array<AsyncValidator<any[]>>;
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    minLength: number;
+    optionRenderer?: ((param0: ojCombobox.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojCombobox.Option | ojCombobox.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojCombobox.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    readonly rawValue: string | null;
+    required: boolean;
+    validators: Array<Validator<any[]> | Validation.RegisteredValidator> | null;
+    value: any[] | null;
+    valueOptions: Array<{
+        value: any;
+        label?: string;
+    }> | null;
+    translations: {
+        filterFurther?: string;
+        noMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface ojComboboxManySettablePropertiesLenient<K, D> extends Partial<ojComboboxManySettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojComboboxOne<K, D> extends ojCombobox<any, ojComboboxOneSettableProperties<K, D>, any, string> {
+    asyncValidators: Array<AsyncValidator<any>>;
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    filterOnOpen: 'none' | 'rawValue';
+    minLength: number;
+    optionRenderer?: ((param0: ojCombobox.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojCombobox.Option | ojCombobox.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojCombobox.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    readonly rawValue: string | null;
+    required: boolean;
+    validators: Array<Validator<any> | Validation.RegisteredValidator> | null;
+    value: any;
+    valueOption: {
+        value: any;
+        label?: string;
+    };
+    translations: {
+        filterFurther?: string;
+        noMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+    onAsyncValidatorsChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["asyncValidators"]>) => any) | null;
+    onConverterChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["converter"]>) => any) | null;
+    onFilterOnOpenChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["filterOnOpen"]>) => any) | null;
+    onMinLengthChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["minLength"]>) => any) | null;
+    onOptionRendererChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["optionRenderer"]>) => any) | null;
+    onOptionsChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["options"]>) => any) | null;
+    onOptionsKeysChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["optionsKeys"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["pickerAttributes"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["placeholder"]>) => any) | null;
+    onRawValueChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["rawValue"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["required"]>) => any) | null;
+    onValidatorsChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["validators"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["value"]>) => any) | null;
+    onValueOptionChanged: ((event: JetElementCustomEvent<ojComboboxOne<K, D>["valueOption"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojComboboxOne.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojComboboxOne.ojAnimateStart) => any) | null;
+    onOjValueUpdated: ((event: ojComboboxOne.ojValueUpdated) => any) | null;
+    addEventListener<T extends keyof ojComboboxOneEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojComboboxOneEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojComboboxOneSettableProperties<K, D>>(property: T): ojComboboxOne<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojComboboxOneSettableProperties<K, D>>(property: T, value: ojComboboxOneSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojComboboxOneSettableProperties<K, D>>): void;
+    setProperties(properties: ojComboboxOneSettablePropertiesLenient<K, D>): void;
+}
+export namespace ojComboboxOne {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojValueUpdated extends CustomEvent<{
+        value: any;
+        previousValue: any;
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojComboboxOneEventMap<K, D> extends ojComboboxEventMap<any, ojComboboxOneSettableProperties<K, D>, any, string> {
+    'ojAnimateEnd': ojComboboxOne.ojAnimateEnd;
+    'ojAnimateStart': ojComboboxOne.ojAnimateStart;
+    'ojValueUpdated': ojComboboxOne.ojValueUpdated;
+    'asyncValidatorsChanged': JetElementCustomEvent<ojComboboxOne<K, D>["asyncValidators"]>;
+    'converterChanged': JetElementCustomEvent<ojComboboxOne<K, D>["converter"]>;
+    'filterOnOpenChanged': JetElementCustomEvent<ojComboboxOne<K, D>["filterOnOpen"]>;
+    'minLengthChanged': JetElementCustomEvent<ojComboboxOne<K, D>["minLength"]>;
+    'optionRendererChanged': JetElementCustomEvent<ojComboboxOne<K, D>["optionRenderer"]>;
+    'optionsChanged': JetElementCustomEvent<ojComboboxOne<K, D>["options"]>;
+    'optionsKeysChanged': JetElementCustomEvent<ojComboboxOne<K, D>["optionsKeys"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojComboboxOne<K, D>["pickerAttributes"]>;
+    'placeholderChanged': JetElementCustomEvent<ojComboboxOne<K, D>["placeholder"]>;
+    'rawValueChanged': JetElementCustomEvent<ojComboboxOne<K, D>["rawValue"]>;
+    'requiredChanged': JetElementCustomEvent<ojComboboxOne<K, D>["required"]>;
+    'validatorsChanged': JetElementCustomEvent<ojComboboxOne<K, D>["validators"]>;
+    'valueChanged': JetElementCustomEvent<ojComboboxOne<K, D>["value"]>;
+    'valueOptionChanged': JetElementCustomEvent<ojComboboxOne<K, D>["valueOption"]>;
+}
+export interface ojComboboxOneSettableProperties<K, D> extends ojComboboxSettableProperties<any, any, string> {
+    asyncValidators: Array<AsyncValidator<any>>;
+    converter: Converter<any> | Validation.RegisteredConverter | null;
+    filterOnOpen: 'none' | 'rawValue';
+    minLength: number;
+    optionRenderer?: ((param0: ojCombobox.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojCombobox.Option | ojCombobox.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojCombobox.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    readonly rawValue: string | null;
+    required: boolean;
+    validators: Array<Validator<any> | Validation.RegisteredValidator> | null;
+    value: any;
+    valueOption: {
+        value: any;
+        label?: string;
+    };
+    translations: {
+        filterFurther?: string;
+        noMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+    };
+}
+export interface ojComboboxOneSettablePropertiesLenient<K, D> extends Partial<ojComboboxOneSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojSelect<V, SP extends ojSelectSettableProperties<V, SV>, SV = V> extends editableValue<V, SP, SV> {
+    onOjAnimateEnd: ((event: ojSelect.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojSelect.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojSelectEventMap<V, SP, SV>>(type: T, listener: (this: HTMLElement, ev: ojSelectEventMap<V, SP, SV>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSelectSettableProperties<V, SV>>(property: T): ojSelect<V, SP, SV>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSelectSettableProperties<V, SV>>(property: T, value: ojSelectSettableProperties<V, SV>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSelectSettableProperties<V, SV>>): void;
+    setProperties(properties: ojSelectSettablePropertiesLenient<V, SV>): void;
+    refresh(): void;
+    validate(): Promise<any>;
+}
+export namespace ojSelect {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Optgroup = {
+        disabled?: boolean;
+        label: string;
+        children: Array<(Option | Optgroup)>;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type Option = {
+        disabled?: boolean;
+        label?: string;
+        value: any;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type OptionContext = {
+        component: Element;
+        parent: Element;
+        index: number;
+        depth: number;
+        leaf: boolean;
+        data: object;
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type OptionsKeys = {
+        label?: string;
+        value?: string;
+        children?: string;
+        childKeys?: OptionsKeys;
+    };
+}
+export interface ojSelectEventMap<V, SP extends ojSelectSettableProperties<V, SV>, SV = V> extends editableValueEventMap<V, SP, SV> {
+    'ojAnimateEnd': ojSelect.ojAnimateEnd;
+    'ojAnimateStart': ojSelect.ojAnimateStart;
+}
+// These interfaces are empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface ojSelectSettableProperties<V, SV = V> extends editableValueSettableProperties<V, SV> {
+}
+export interface ojSelectSettablePropertiesLenient<V, SV> extends Partial<ojSelectSettableProperties<V, SV>> {
+    [key: string]: any;
+}
+export interface ojSelectMany<K, D> extends ojSelect<any[] | null, ojSelectManySettableProperties<K, D>> {
+    minimumResultsForSearch: number;
+    optionRenderer?: ((param0: ojSelect.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojSelect.Option | ojSelect.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys?: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojSelect.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    renderMode: 'jet' | 'native';
+    required: boolean;
+    value: any[] | null;
+    valueOptions: Array<{
+        value: any;
+        label?: string;
+    }> | null;
+    translations: {
+        filterFurther?: string;
+        moreMatchesFound?: string;
+        noMatchesFound?: string;
+        oneMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        searchField?: string;
+    };
+    onMinimumResultsForSearchChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["minimumResultsForSearch"]>) => any) | null;
+    onOptionRendererChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["optionRenderer"]>) => any) | null;
+    onOptionsChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["options"]>) => any) | null;
+    onOptionsKeysChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["optionsKeys"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["pickerAttributes"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["placeholder"]>) => any) | null;
+    onRenderModeChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["renderMode"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["required"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["value"]>) => any) | null;
+    onValueOptionsChanged: ((event: JetElementCustomEvent<ojSelectMany<K, D>["valueOptions"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojSelectMany.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojSelectMany.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojSelectManyEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojSelectManyEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSelectManySettableProperties<K, D>>(property: T): ojSelectMany<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSelectManySettableProperties<K, D>>(property: T, value: ojSelectManySettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSelectManySettableProperties<K, D>>): void;
+    setProperties(properties: ojSelectManySettablePropertiesLenient<K, D>): void;
+}
+export namespace ojSelectMany {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojSelectManyEventMap<K, D> extends ojSelectEventMap<any[] | null, ojSelectManySettableProperties<K, D>> {
+    'ojAnimateEnd': ojSelectMany.ojAnimateEnd;
+    'ojAnimateStart': ojSelectMany.ojAnimateStart;
+    'minimumResultsForSearchChanged': JetElementCustomEvent<ojSelectMany<K, D>["minimumResultsForSearch"]>;
+    'optionRendererChanged': JetElementCustomEvent<ojSelectMany<K, D>["optionRenderer"]>;
+    'optionsChanged': JetElementCustomEvent<ojSelectMany<K, D>["options"]>;
+    'optionsKeysChanged': JetElementCustomEvent<ojSelectMany<K, D>["optionsKeys"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojSelectMany<K, D>["pickerAttributes"]>;
+    'placeholderChanged': JetElementCustomEvent<ojSelectMany<K, D>["placeholder"]>;
+    'renderModeChanged': JetElementCustomEvent<ojSelectMany<K, D>["renderMode"]>;
+    'requiredChanged': JetElementCustomEvent<ojSelectMany<K, D>["required"]>;
+    'valueChanged': JetElementCustomEvent<ojSelectMany<K, D>["value"]>;
+    'valueOptionsChanged': JetElementCustomEvent<ojSelectMany<K, D>["valueOptions"]>;
+}
+export interface ojSelectManySettableProperties<K, D> extends ojSelectSettableProperties<any[] | null> {
+    minimumResultsForSearch: number;
+    optionRenderer?: ((param0: ojSelect.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojSelect.Option | ojSelect.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys?: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojSelect.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    renderMode: 'jet' | 'native';
+    required: boolean;
+    value: any[] | null;
+    valueOptions: Array<{
+        value: any;
+        label?: string;
+    }> | null;
+    translations: {
+        filterFurther?: string;
+        moreMatchesFound?: string;
+        noMatchesFound?: string;
+        oneMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        searchField?: string;
+    };
+}
+export interface ojSelectManySettablePropertiesLenient<K, D> extends Partial<ojSelectManySettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojSelectOne<K, D> extends ojSelect<any, ojSelectOneSettableProperties<K, D>> {
+    minimumResultsForSearch: number;
+    optionRenderer?: ((param0: ojSelect.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojSelect.Option | ojSelect.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys?: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojSelect.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    renderMode: 'jet' | 'native';
+    required: boolean;
+    value: any;
+    valueOption: {
+        value: any;
+        label?: string;
+    };
+    translations: {
+        filterFurther?: string;
+        moreMatchesFound?: string;
+        noMatchesFound?: string;
+        oneMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        searchField?: string;
+    };
+    onMinimumResultsForSearchChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["minimumResultsForSearch"]>) => any) | null;
+    onOptionRendererChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["optionRenderer"]>) => any) | null;
+    onOptionsChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["options"]>) => any) | null;
+    onOptionsKeysChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["optionsKeys"]>) => any) | null;
+    onPickerAttributesChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["pickerAttributes"]>) => any) | null;
+    onPlaceholderChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["placeholder"]>) => any) | null;
+    onRenderModeChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["renderMode"]>) => any) | null;
+    onRequiredChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["required"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["value"]>) => any) | null;
+    onValueOptionChanged: ((event: JetElementCustomEvent<ojSelectOne<K, D>["valueOption"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojSelectOne.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojSelectOne.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojSelectOneEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojSelectOneEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSelectOneSettableProperties<K, D>>(property: T): ojSelectOne<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSelectOneSettableProperties<K, D>>(property: T, value: ojSelectOneSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSelectOneSettableProperties<K, D>>): void;
+    setProperties(properties: ojSelectOneSettablePropertiesLenient<K, D>): void;
+}
+export namespace ojSelectOne {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojSelectOneEventMap<K, D> extends ojSelectEventMap<any, ojSelectOneSettableProperties<K, D>> {
+    'ojAnimateEnd': ojSelectOne.ojAnimateEnd;
+    'ojAnimateStart': ojSelectOne.ojAnimateStart;
+    'minimumResultsForSearchChanged': JetElementCustomEvent<ojSelectOne<K, D>["minimumResultsForSearch"]>;
+    'optionRendererChanged': JetElementCustomEvent<ojSelectOne<K, D>["optionRenderer"]>;
+    'optionsChanged': JetElementCustomEvent<ojSelectOne<K, D>["options"]>;
+    'optionsKeysChanged': JetElementCustomEvent<ojSelectOne<K, D>["optionsKeys"]>;
+    'pickerAttributesChanged': JetElementCustomEvent<ojSelectOne<K, D>["pickerAttributes"]>;
+    'placeholderChanged': JetElementCustomEvent<ojSelectOne<K, D>["placeholder"]>;
+    'renderModeChanged': JetElementCustomEvent<ojSelectOne<K, D>["renderMode"]>;
+    'requiredChanged': JetElementCustomEvent<ojSelectOne<K, D>["required"]>;
+    'valueChanged': JetElementCustomEvent<ojSelectOne<K, D>["value"]>;
+    'valueOptionChanged': JetElementCustomEvent<ojSelectOne<K, D>["valueOption"]>;
+}
+export interface ojSelectOneSettableProperties<K, D> extends ojSelectSettableProperties<any> {
+    minimumResultsForSearch: number;
+    optionRenderer?: ((param0: ojSelect.OptionContext) => {
+        insert: Element;
+    } | undefined) | null;
+    options: Array<ojSelect.Option | ojSelect.Optgroup> | DataProvider<K, D> | null;
+    optionsKeys: {
+        childKeys?: {
+            label?: string;
+            value?: string;
+            children?: string;
+            childKeys?: ojSelect.OptionsKeys;
+        };
+        children?: string;
+        label?: string;
+        value?: string;
+    };
+    pickerAttributes: {
+        style?: string;
+        class?: string;
+    };
+    placeholder: string | null;
+    renderMode: 'jet' | 'native';
+    required: boolean;
+    value: any;
+    valueOption: {
+        value: any;
+        label?: string;
+    };
+    translations: {
+        filterFurther?: string;
+        moreMatchesFound?: string;
+        noMatchesFound?: string;
+        oneMatchesFound?: string;
+        required?: {
+            hint?: string;
+            messageDetail?: string;
+            messageSummary?: string;
+        };
+        searchField?: string;
+    };
+}
+export interface ojSelectOneSettablePropertiesLenient<K, D> extends Partial<ojSelectOneSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface Optgroup {
+    children: Array<(Option | Optgroup)>;
+    disabled?: boolean;
+    label: string;
+}
+export interface Option {
+    disabled?: boolean;
+    label?: string;
+    value: object;
+}
diff --git a/types/oracle__oraclejet/ojslider/index.d.ts b/types/oracle__oraclejet/ojslider/index.d.ts
new file mode 100644
index 0000000000..37d98b11f4
--- /dev/null
+++ b/types/oracle__oraclejet/ojslider/index.d.ts
@@ -0,0 +1,83 @@
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojSlider extends editableValue<number | null, ojSliderSettableProperties> {
+    disabled: boolean;
+    max: number | null;
+    min: number | null;
+    orientation: 'horizontal' | 'vertical';
+    step: number | null;
+    readonly transientValue: number;
+    type: 'fromMin' | 'fromMax' | 'single';
+    value: number | null;
+    translations: {
+        invalidStep?: string;
+        maxMin?: string;
+        noValue?: string;
+        optionNum?: string;
+        valueRange?: string;
+    };
+    onDisabledChanged: ((event: JetElementCustomEvent<ojSlider["disabled"]>) => any) | null;
+    onMaxChanged: ((event: JetElementCustomEvent<ojSlider["max"]>) => any) | null;
+    onMinChanged: ((event: JetElementCustomEvent<ojSlider["min"]>) => any) | null;
+    onOrientationChanged: ((event: JetElementCustomEvent<ojSlider["orientation"]>) => any) | null;
+    onStepChanged: ((event: JetElementCustomEvent<ojSlider["step"]>) => any) | null;
+    onTransientValueChanged: ((event: JetElementCustomEvent<ojSlider["transientValue"]>) => any) | null;
+    onTypeChanged: ((event: JetElementCustomEvent<ojSlider["type"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSlider["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojSlider.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojSlider.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojSliderEventMap>(type: T, listener: (this: HTMLElement, ev: ojSliderEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSliderSettableProperties>(property: T): ojSlider[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSliderSettableProperties>(property: T, value: ojSliderSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSliderSettableProperties>): void;
+    setProperties(properties: ojSliderSettablePropertiesLenient): void;
+}
+export namespace ojSlider {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojSliderEventMap extends editableValueEventMap<number | null, ojSliderSettableProperties> {
+    'ojAnimateEnd': ojSlider.ojAnimateEnd;
+    'ojAnimateStart': ojSlider.ojAnimateStart;
+    'disabledChanged': JetElementCustomEvent<ojSlider["disabled"]>;
+    'maxChanged': JetElementCustomEvent<ojSlider["max"]>;
+    'minChanged': JetElementCustomEvent<ojSlider["min"]>;
+    'orientationChanged': JetElementCustomEvent<ojSlider["orientation"]>;
+    'stepChanged': JetElementCustomEvent<ojSlider["step"]>;
+    'transientValueChanged': JetElementCustomEvent<ojSlider["transientValue"]>;
+    'typeChanged': JetElementCustomEvent<ojSlider["type"]>;
+    'valueChanged': JetElementCustomEvent<ojSlider["value"]>;
+}
+export interface ojSliderSettableProperties extends editableValueSettableProperties<number | null> {
+    disabled: boolean;
+    max: number | null;
+    min: number | null;
+    orientation: 'horizontal' | 'vertical';
+    step: number | null;
+    readonly transientValue: number;
+    type: 'fromMin' | 'fromMax' | 'single';
+    value: number | null;
+    translations: {
+        invalidStep?: string;
+        maxMin?: string;
+        noValue?: string;
+        optionNum?: string;
+        valueRange?: string;
+    };
+}
+export interface ojSliderSettablePropertiesLenient extends Partial<ojSliderSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojsunburst/index.d.ts b/types/oracle__oraclejet/ojsunburst/index.d.ts
new file mode 100644
index 0000000000..ebe8b4968e
--- /dev/null
+++ b/types/oracle__oraclejet/ojsunburst/index.d.ts
@@ -0,0 +1,407 @@
+import { KeySet } from '../ojkeyset';
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojSunburst<K, D> extends dvtBaseComponent<ojSunburstSettableProperties<K, D>> {
+    animationDuration: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    animationUpdateColor: string;
+    as: string;
+    colorLabel: string;
+    data: DataProvider<K, D> | null;
+    displayLevels: number;
+    drilling: 'on' | 'off';
+    expanded: KeySet<K>;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    nodeDefaults: {
+        borderColor: string;
+        borderWidth: number;
+        hoverColor: string;
+        labelDisplay: 'horizontal' | 'rotated' | 'off' | 'auto';
+        labelHalign: 'inner' | 'outer' | 'center';
+        labelMinLength: number;
+        labelStyle: object;
+        selectedInnerColor: string;
+        selectedOuterColor: string;
+        showDisclosure: 'on' | 'off';
+    };
+    rootNode: any;
+    rootNodeContent: {
+        renderer: ((context: ojSunburst.RootNodeContext<K, D>) => ({
+            insert: Element | string;
+        }));
+    };
+    rotation: 'off' | 'on';
+    selection: any[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    sizeLabel: string;
+    sorting: 'on' | 'off';
+    startAngle: number;
+    tooltip: {
+        renderer: ((context: ojSunburst.TooltipContext<K, D>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelColor?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipCollapse?: string;
+        tooltipExpand?: string;
+    };
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["animationDuration"]>) => any) | null;
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["animationOnDisplay"]>) => any) | null;
+    onAnimationUpdateColorChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["animationUpdateColor"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["as"]>) => any) | null;
+    onColorLabelChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["colorLabel"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["data"]>) => any) | null;
+    onDisplayLevelsChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["displayLevels"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["drilling"]>) => any) | null;
+    onExpandedChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["expanded"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["hoverBehavior"]>) => any) | null;
+    onHoverBehaviorDelayChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["hoverBehaviorDelay"]>) => any) | null;
+    onNodeDefaultsChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["nodeDefaults"]>) => any) | null;
+    onRootNodeChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["rootNode"]>) => any) | null;
+    onRootNodeContentChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["rootNodeContent"]>) => any) | null;
+    onRotationChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["rotation"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["selectionMode"]>) => any) | null;
+    onSizeLabelChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["sizeLabel"]>) => any) | null;
+    onSortingChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["sorting"]>) => any) | null;
+    onStartAngleChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["startAngle"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojSunburst<K, D>["touchResponse"]>) => any) | null;
+    onOjBeforeCollapse: ((event: ojSunburst.ojBeforeCollapse) => any) | null;
+    onOjBeforeDrill: ((event: ojSunburst.ojBeforeDrill) => any) | null;
+    onOjBeforeExpand: ((event: ojSunburst.ojBeforeExpand) => any) | null;
+    onOjCollapse: ((event: ojSunburst.ojCollapse) => any) | null;
+    onOjDrill: ((event: ojSunburst.ojDrill) => any) | null;
+    onOjExpand: ((event: ojSunburst.ojExpand) => any) | null;
+    onOjRotateInput: ((event: ojSunburst.ojRotateInput) => any) | null;
+    addEventListener<T extends keyof ojSunburstEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojSunburstEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSunburstSettableProperties<K, D>>(property: T): ojSunburst<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSunburstSettableProperties<K, D>>(property: T, value: ojSunburstSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSunburstSettableProperties<K, D>>): void;
+    setProperties(properties: ojSunburstSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojSunburst.NodeContext | null;
+    getNode(subIdPath: any[]): ojSunburst.DataContext | null;
+}
+export namespace ojSunburst {
+    interface ojBeforeCollapse extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeDrill extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeExpand extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojCollapse extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojDrill extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojExpand extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojRotateInput extends CustomEvent<{
+        value: number;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type DataContext = {
+        color: string;
+        label: string;
+        selected: boolean;
+        size: number;
+        tooltip: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        subId: string;
+        indexPath: number[];
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RootNodeContext<K, D> = {
+        outerBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        innerBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        id: K;
+        data: object;
+        itemData: D;
+        componentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K, D> = {
+        parentElement: Element;
+        id: K;
+        label: string;
+        value: number;
+        radius: number;
+        color: string;
+        data: object;
+        itemData: D;
+        componentElement: Element;
+    };
+}
+export interface ojSunburstEventMap<K, D> extends dvtBaseComponentEventMap<ojSunburstSettableProperties<K, D>> {
+    'ojBeforeCollapse': ojSunburst.ojBeforeCollapse;
+    'ojBeforeDrill': ojSunburst.ojBeforeDrill;
+    'ojBeforeExpand': ojSunburst.ojBeforeExpand;
+    'ojCollapse': ojSunburst.ojCollapse;
+    'ojDrill': ojSunburst.ojDrill;
+    'ojExpand': ojSunburst.ojExpand;
+    'ojRotateInput': ojSunburst.ojRotateInput;
+    'animationDurationChanged': JetElementCustomEvent<ojSunburst<K, D>["animationDuration"]>;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojSunburst<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojSunburst<K, D>["animationOnDisplay"]>;
+    'animationUpdateColorChanged': JetElementCustomEvent<ojSunburst<K, D>["animationUpdateColor"]>;
+    'asChanged': JetElementCustomEvent<ojSunburst<K, D>["as"]>;
+    'colorLabelChanged': JetElementCustomEvent<ojSunburst<K, D>["colorLabel"]>;
+    'dataChanged': JetElementCustomEvent<ojSunburst<K, D>["data"]>;
+    'displayLevelsChanged': JetElementCustomEvent<ojSunburst<K, D>["displayLevels"]>;
+    'drillingChanged': JetElementCustomEvent<ojSunburst<K, D>["drilling"]>;
+    'expandedChanged': JetElementCustomEvent<ojSunburst<K, D>["expanded"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojSunburst<K, D>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojSunburst<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojSunburst<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojSunburst<K, D>["hoverBehavior"]>;
+    'hoverBehaviorDelayChanged': JetElementCustomEvent<ojSunburst<K, D>["hoverBehaviorDelay"]>;
+    'nodeDefaultsChanged': JetElementCustomEvent<ojSunburst<K, D>["nodeDefaults"]>;
+    'rootNodeChanged': JetElementCustomEvent<ojSunburst<K, D>["rootNode"]>;
+    'rootNodeContentChanged': JetElementCustomEvent<ojSunburst<K, D>["rootNodeContent"]>;
+    'rotationChanged': JetElementCustomEvent<ojSunburst<K, D>["rotation"]>;
+    'selectionChanged': JetElementCustomEvent<ojSunburst<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojSunburst<K, D>["selectionMode"]>;
+    'sizeLabelChanged': JetElementCustomEvent<ojSunburst<K, D>["sizeLabel"]>;
+    'sortingChanged': JetElementCustomEvent<ojSunburst<K, D>["sorting"]>;
+    'startAngleChanged': JetElementCustomEvent<ojSunburst<K, D>["startAngle"]>;
+    'tooltipChanged': JetElementCustomEvent<ojSunburst<K, D>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojSunburst<K, D>["touchResponse"]>;
+}
+export interface ojSunburstSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationDuration: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    animationUpdateColor: string;
+    as: string;
+    colorLabel: string;
+    data: DataProvider<K, D> | null;
+    displayLevels: number;
+    drilling: 'on' | 'off';
+    expanded: KeySet<K>;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    nodeDefaults: {
+        borderColor: string;
+        borderWidth: number;
+        hoverColor: string;
+        labelDisplay: 'horizontal' | 'rotated' | 'off' | 'auto';
+        labelHalign: 'inner' | 'outer' | 'center';
+        labelMinLength: number;
+        labelStyle: object;
+        selectedInnerColor: string;
+        selectedOuterColor: string;
+        showDisclosure: 'on' | 'off';
+    };
+    rootNode: any;
+    rootNodeContent: {
+        renderer: ((context: ojSunburst.RootNodeContext<K, D>) => ({
+            insert: Element | string;
+        }));
+    };
+    rotation: 'off' | 'on';
+    selection: any[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    sizeLabel: string;
+    sorting: 'on' | 'off';
+    startAngle: number;
+    tooltip: {
+        renderer: ((context: ojSunburst.TooltipContext<K, D>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelColor?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipCollapse?: string;
+        tooltipExpand?: string;
+    };
+}
+export interface ojSunburstSettablePropertiesLenient<K, D> extends Partial<ojSunburstSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojSunburstNode extends JetElement<ojSunburstNodeSettableProperties> {
+    borderColor?: string;
+    borderWidth?: number;
+    categories?: string[];
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    label?: string;
+    labelDisplay?: 'horizontal' | 'rotated' | 'off' | 'auto';
+    labelHalign?: 'inner' | 'outer' | 'center';
+    labelStyle?: object;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    radius?: number;
+    selectable?: 'off' | 'auto';
+    shortDesc?: string;
+    showDisclosure?: 'on' | 'off' | 'inherit';
+    svgClassName?: string;
+    svgStyle?: object;
+    value: number;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojSunburstNode["borderColor"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojSunburstNode["borderWidth"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojSunburstNode["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojSunburstNode["color"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojSunburstNode["drilling"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojSunburstNode["label"]>) => any) | null;
+    onLabelDisplayChanged: ((event: JetElementCustomEvent<ojSunburstNode["labelDisplay"]>) => any) | null;
+    onLabelHalignChanged: ((event: JetElementCustomEvent<ojSunburstNode["labelHalign"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojSunburstNode["labelStyle"]>) => any) | null;
+    onPatternChanged: ((event: JetElementCustomEvent<ojSunburstNode["pattern"]>) => any) | null;
+    onRadiusChanged: ((event: JetElementCustomEvent<ojSunburstNode["radius"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojSunburstNode["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojSunburstNode["shortDesc"]>) => any) | null;
+    onShowDisclosureChanged: ((event: JetElementCustomEvent<ojSunburstNode["showDisclosure"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojSunburstNode["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojSunburstNode["svgStyle"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSunburstNode["value"]>) => any) | null;
+    addEventListener<T extends keyof ojSunburstNodeEventMap>(type: T, listener: (this: HTMLElement, ev: ojSunburstNodeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSunburstNodeSettableProperties>(property: T): ojSunburstNode[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSunburstNodeSettableProperties>(property: T, value: ojSunburstNodeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSunburstNodeSettableProperties>): void;
+    setProperties(properties: ojSunburstNodeSettablePropertiesLenient): void;
+}
+export interface ojSunburstNodeEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojSunburstNode["borderColor"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojSunburstNode["borderWidth"]>;
+    'categoriesChanged': JetElementCustomEvent<ojSunburstNode["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojSunburstNode["color"]>;
+    'drillingChanged': JetElementCustomEvent<ojSunburstNode["drilling"]>;
+    'labelChanged': JetElementCustomEvent<ojSunburstNode["label"]>;
+    'labelDisplayChanged': JetElementCustomEvent<ojSunburstNode["labelDisplay"]>;
+    'labelHalignChanged': JetElementCustomEvent<ojSunburstNode["labelHalign"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojSunburstNode["labelStyle"]>;
+    'patternChanged': JetElementCustomEvent<ojSunburstNode["pattern"]>;
+    'radiusChanged': JetElementCustomEvent<ojSunburstNode["radius"]>;
+    'selectableChanged': JetElementCustomEvent<ojSunburstNode["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojSunburstNode["shortDesc"]>;
+    'showDisclosureChanged': JetElementCustomEvent<ojSunburstNode["showDisclosure"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojSunburstNode["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojSunburstNode["svgStyle"]>;
+    'valueChanged': JetElementCustomEvent<ojSunburstNode["value"]>;
+}
+export interface ojSunburstNodeSettableProperties extends JetSettableProperties {
+    borderColor?: string;
+    borderWidth?: number;
+    categories?: string[];
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    label?: string;
+    labelDisplay?: 'horizontal' | 'rotated' | 'off' | 'auto';
+    labelHalign?: 'inner' | 'outer' | 'center';
+    labelStyle?: object;
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    radius?: number;
+    selectable?: 'off' | 'auto';
+    shortDesc?: string;
+    showDisclosure?: 'on' | 'off' | 'inherit';
+    svgClassName?: string;
+    svgStyle?: object;
+    value: number;
+}
+export interface ojSunburstNodeSettablePropertiesLenient extends Partial<ojSunburstNodeSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojswipeactions/index.d.ts b/types/oracle__oraclejet/ojswipeactions/index.d.ts
new file mode 100644
index 0000000000..cb309b2668
--- /dev/null
+++ b/types/oracle__oraclejet/ojswipeactions/index.d.ts
@@ -0,0 +1,36 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojSwipeActions extends baseComponent<ojSwipeActionsSettableProperties> {
+    translations: {
+        ariaHideActionsDescription?: string;
+        ariaShowEndActionsDescription?: string;
+        ariaShowStartActionsDescription?: string;
+    };
+    onOjAction: ((event: ojSwipeActions.ojAction) => any) | null;
+    addEventListener<T extends keyof ojSwipeActionsEventMap>(type: T, listener: (this: HTMLElement, ev: ojSwipeActionsEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSwipeActionsSettableProperties>(property: T): ojSwipeActions[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSwipeActionsSettableProperties>(property: T, value: ojSwipeActionsSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSwipeActionsSettableProperties>): void;
+    setProperties(properties: ojSwipeActionsSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export namespace ojSwipeActions {
+    interface ojAction extends CustomEvent<{
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojSwipeActionsEventMap extends baseComponentEventMap<ojSwipeActionsSettableProperties> {
+    'ojAction': ojSwipeActions.ojAction;
+}
+export interface ojSwipeActionsSettableProperties extends baseComponentSettableProperties {
+    translations: {
+        ariaHideActionsDescription?: string;
+        ariaShowEndActionsDescription?: string;
+        ariaShowStartActionsDescription?: string;
+    };
+}
+export interface ojSwipeActionsSettablePropertiesLenient extends Partial<ojSwipeActionsSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojswipetoreveal/index.d.ts b/types/oracle__oraclejet/ojswipetoreveal/index.d.ts
new file mode 100644
index 0000000000..ec2587ee47
--- /dev/null
+++ b/types/oracle__oraclejet/ojswipetoreveal/index.d.ts
@@ -0,0 +1,4 @@
+export function setupSwipeActions(elem: Element, options?: {
+    threshold?: number;
+}): void;
+export function tearDownSwipeActions(elem: Element): void;
diff --git a/types/oracle__oraclejet/ojswitch/index.d.ts b/types/oracle__oraclejet/ojswitch/index.d.ts
new file mode 100644
index 0000000000..775bb8a1f9
--- /dev/null
+++ b/types/oracle__oraclejet/ojswitch/index.d.ts
@@ -0,0 +1,49 @@
+import { editableValue, editableValueEventMap, editableValueSettableProperties } from '../ojeditablevalue';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojSwitch extends editableValue<boolean, ojSwitchSettableProperties> {
+    disabled: boolean;
+    readonly: boolean;
+    value: boolean;
+    onDisabledChanged: ((event: JetElementCustomEvent<ojSwitch["disabled"]>) => any) | null;
+    onReadonlyChanged: ((event: JetElementCustomEvent<ojSwitch["readonly"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojSwitch["value"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojSwitch.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojSwitch.ojAnimateStart) => any) | null;
+    addEventListener<T extends keyof ojSwitchEventMap>(type: T, listener: (this: HTMLElement, ev: ojSwitchEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSwitchSettableProperties>(property: T): ojSwitch[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSwitchSettableProperties>(property: T, value: ojSwitchSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSwitchSettableProperties>): void;
+    setProperties(properties: ojSwitchSettablePropertiesLenient): void;
+}
+export namespace ojSwitch {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: string;
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: string;
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+}
+export interface ojSwitchEventMap extends editableValueEventMap<boolean, ojSwitchSettableProperties> {
+    'ojAnimateEnd': ojSwitch.ojAnimateEnd;
+    'ojAnimateStart': ojSwitch.ojAnimateStart;
+    'disabledChanged': JetElementCustomEvent<ojSwitch["disabled"]>;
+    'readonlyChanged': JetElementCustomEvent<ojSwitch["readonly"]>;
+    'valueChanged': JetElementCustomEvent<ojSwitch["value"]>;
+}
+export interface ojSwitchSettableProperties extends editableValueSettableProperties<boolean> {
+    disabled: boolean;
+    readonly: boolean;
+    value: boolean;
+}
+export interface ojSwitchSettablePropertiesLenient extends Partial<ojSwitchSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojswitcher/index.d.ts b/types/oracle__oraclejet/ojswitcher/index.d.ts
new file mode 100644
index 0000000000..7d4ffc5bcd
--- /dev/null
+++ b/types/oracle__oraclejet/ojswitcher/index.d.ts
@@ -0,0 +1,22 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojSwitcher extends JetElement<ojSwitcherSettableProperties> {
+    value: string;
+    onValueChanged: ((event: JetElementCustomEvent<ojSwitcher["value"]>) => any) | null;
+    addEventListener<T extends keyof ojSwitcherEventMap>(type: T, listener: (this: HTMLElement, ev: ojSwitcherEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojSwitcherSettableProperties>(property: T): ojSwitcher[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojSwitcherSettableProperties>(property: T, value: ojSwitcherSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojSwitcherSettableProperties>): void;
+    setProperties(properties: ojSwitcherSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojSwitcherEventMap extends HTMLElementEventMap {
+    'valueChanged': JetElementCustomEvent<ojSwitcher["value"]>;
+}
+export interface ojSwitcherSettableProperties extends JetSettableProperties {
+    value: string;
+}
+export interface ojSwitcherSettablePropertiesLenient extends Partial<ojSwitcherSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojtable/index.d.ts b/types/oracle__oraclejet/ojtable/index.d.ts
new file mode 100644
index 0000000000..4282815f2e
--- /dev/null
+++ b/types/oracle__oraclejet/ojtable/index.d.ts
@@ -0,0 +1,595 @@
+import { DataProvider } from '../ojdataprovider';
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojTable<K, D> extends baseComponent<ojTableSettableProperties<K, D>> {
+    accessibility: {
+        rowHeader: string;
+    };
+    as: string;
+    columns: Array<{
+        className?: string | null;
+        field?: string | null;
+        footerClassName?: string | null;
+        footerRenderer?: ((context: ojTable.FooterRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        footerStyle?: string | null;
+        footerTemplate?: {
+            componentElement: Element;
+        };
+        headerClassName?: string | null;
+        headerRenderer?: ((context: ojTable.HeaderRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        headerStyle?: string | null;
+        headerTemplate?: {
+            componentElement: Element;
+            data: object;
+        };
+        headerText?: string | null;
+        id?: string | null;
+        renderer?: ((context: ojTable.ColumnsRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        resizable?: 'enabled' | 'disabled';
+        sortProperty?: string | null;
+        sortable?: 'auto' | 'enabled' | 'disabled';
+        style?: string | null;
+        template?: {
+            componentElement: Element;
+            data: object;
+            row: object;
+            index: number;
+            columnIndex: number;
+            key: any;
+            mode: string;
+        };
+        width?: number | null;
+    }> | null;
+    columnsDefault: {
+        className?: string | null;
+        field?: string | null;
+        footerClassName?: string | null;
+        footerRenderer?: ((context: ojTable.FooterRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        footerStyle?: string | null;
+        footerTemplate?: {
+            componentElement: Element;
+        };
+        headerClassName?: string | null;
+        headerRenderer?: ((context: ojTable.HeaderRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        headerStyle?: string | null;
+        headerTemplate?: {
+            componentElement: Element;
+            data: object;
+        };
+        headerText?: string | null;
+        renderer?: ((context: ojTable.ColumnsRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        resizable?: 'enabled' | 'disabled';
+        sortProperty?: string | null;
+        sortable?: 'auto' | 'enabled' | 'disabled';
+        style?: string | null;
+        template?: {
+            componentElement: Element;
+            data: object;
+            row: object;
+            index: number;
+            columnIndex: number;
+            key: any;
+            mode: string;
+        };
+        width?: number | null;
+    };
+    currentRow: ojTable.CurrentRow<K> | null;
+    data: DataProvider<K, D> | null;
+    display: 'list' | 'grid';
+    dnd: {
+        drag: {
+            rows: {
+                dataTypes?: string | string[];
+                dragStart?: ((param0: DragEvent, param1: ojTable.DragRowContext<K, D>) => void);
+                drag?: ((param0: DragEvent) => void);
+                dragEnd?: ((param0: DragEvent) => void);
+            };
+        };
+        drop: {
+            columns: {
+                dataTypes: string | string[];
+                dragEnter?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                dragOver?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                dragLeave?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                drop: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+            };
+            rows: {
+                dataTypes: string | string[];
+                dragEnter?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                dragOver?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                dragLeave?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                drop: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+            };
+        };
+        reorder: {
+            columns: 'enabled' | 'disabled';
+        };
+    };
+    editMode: 'none' | 'rowEdit';
+    readonly firstSelectedRow: object;
+    horizontalGridVisible: 'auto' | 'enabled' | 'disabled';
+    rowRenderer: ((context: ojTable.RowRendererContext<K, D>) => string | HTMLElement | void) | null;
+    scrollPolicy: 'auto' | 'loadMoreOnScroll';
+    scrollPolicyOptions: {
+        fetchSize: number;
+        maxCount: number;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        columnIndex?: number;
+        rowIndex?: number;
+        columnKey?: any;
+        rowKey?: any;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: Array<ojTable.RowSelectionStart<K> & ojTable.RowSelectionEnd<K>> | Array<ojTable.ColumnSelectionStart<K> & ojTable.ColumnSelectionEnd<K>>;
+    selectionMode: {
+        column: 'single' | 'multiple';
+        row: 'single' | 'multiple';
+    };
+    selectionRequired: boolean;
+    verticalGridVisible: 'auto' | 'enabled' | 'disabled';
+    translations: {
+        labelAccSelectionAffordanceBottom?: string;
+        labelAccSelectionAffordanceTop?: string;
+        labelDisableNonContiguousSelection?: string;
+        labelEditRow?: string;
+        labelEnableNonContiguousSelection?: string;
+        labelResize?: string;
+        labelResizePopupSpinner?: string;
+        labelResizePopupSubmit?: string;
+        labelSelectAndEditRow?: string;
+        labelSelectColum?: string;
+        labelSelectRow?: string;
+        labelSort?: string;
+        labelSortAsc?: string;
+        labelSortDsc?: string;
+        msgColumnResizeWidthValidation?: string;
+        msgFetchingData?: string;
+        msgInitializing?: string;
+        msgNoData?: string;
+        msgScrollPolicyMaxCountDetail?: string;
+        msgScrollPolicyMaxCountSummary?: string;
+        msgStatusSortAscending?: string;
+        msgStatusSortDescending?: string;
+    };
+    onAccessibilityChanged: ((event: JetElementCustomEvent<ojTable<K, D>["accessibility"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojTable<K, D>["as"]>) => any) | null;
+    onColumnsChanged: ((event: JetElementCustomEvent<ojTable<K, D>["columns"]>) => any) | null;
+    onColumnsDefaultChanged: ((event: JetElementCustomEvent<ojTable<K, D>["columnsDefault"]>) => any) | null;
+    onCurrentRowChanged: ((event: JetElementCustomEvent<ojTable<K, D>["currentRow"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojTable<K, D>["data"]>) => any) | null;
+    onDisplayChanged: ((event: JetElementCustomEvent<ojTable<K, D>["display"]>) => any) | null;
+    onDndChanged: ((event: JetElementCustomEvent<ojTable<K, D>["dnd"]>) => any) | null;
+    onEditModeChanged: ((event: JetElementCustomEvent<ojTable<K, D>["editMode"]>) => any) | null;
+    onFirstSelectedRowChanged: ((event: JetElementCustomEvent<ojTable<K, D>["firstSelectedRow"]>) => any) | null;
+    onHorizontalGridVisibleChanged: ((event: JetElementCustomEvent<ojTable<K, D>["horizontalGridVisible"]>) => any) | null;
+    onRowRendererChanged: ((event: JetElementCustomEvent<ojTable<K, D>["rowRenderer"]>) => any) | null;
+    onScrollPolicyChanged: ((event: JetElementCustomEvent<ojTable<K, D>["scrollPolicy"]>) => any) | null;
+    onScrollPolicyOptionsChanged: ((event: JetElementCustomEvent<ojTable<K, D>["scrollPolicyOptions"]>) => any) | null;
+    onScrollPositionChanged: ((event: JetElementCustomEvent<ojTable<K, D>["scrollPosition"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojTable<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojTable<K, D>["selectionMode"]>) => any) | null;
+    onSelectionRequiredChanged: ((event: JetElementCustomEvent<ojTable<K, D>["selectionRequired"]>) => any) | null;
+    onVerticalGridVisibleChanged: ((event: JetElementCustomEvent<ojTable<K, D>["verticalGridVisible"]>) => any) | null;
+    onOjAnimateEnd: ((event: ojTable.ojAnimateEnd) => any) | null;
+    onOjAnimateStart: ((event: ojTable.ojAnimateStart) => any) | null;
+    onOjBeforeCurrentRow: ((event: ojTable.ojBeforeCurrentRow<K>) => any) | null;
+    onOjBeforeRowEdit: ((event: ojTable.ojBeforeRowEdit) => any) | null;
+    onOjBeforeRowEditEnd: ((event: ojTable.ojBeforeRowEditEnd) => any) | null;
+    onOjSort: ((event: ojTable.ojSort) => any) | null;
+    addEventListener<T extends keyof ojTableEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojTableEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTableSettableProperties<K, D>>(property: T): ojTable<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTableSettableProperties<K, D>>(property: T, value: ojTableSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTableSettableProperties<K, D>>): void;
+    setProperties(properties: ojTableSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): {
+        subId: 'oj-table-cell';
+        rowIndex: number;
+        columnIndex: number;
+        key: string;
+    } | {
+        subId: 'oj-table-footer' | 'oj-table-header';
+        index: number;
+    };
+    getDataForVisibleRow(rowIndex: number): {
+        data: D;
+        index: number;
+        key: K;
+    } | null;
+    refresh(): void;
+    refreshRow(rowIdx: number): Promise<boolean>;
+}
+export namespace ojTable {
+    interface ojAnimateEnd extends CustomEvent<{
+        action: 'add' | 'remove' | 'update';
+        element: Element;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojAnimateStart extends CustomEvent<{
+        action: 'add' | 'remove' | 'update';
+        element: Element;
+        endCallback: (() => void);
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeCurrentRow<K> extends CustomEvent<{
+        currentRow: CurrentRow<K>;
+        previousCurrentRow: CurrentRow<K>;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeRowEdit extends CustomEvent<{
+        rowContext: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeRowEditEnd extends CustomEvent<{
+        rowContext: object;
+        cancelEdit: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojSort extends CustomEvent<{
+        header: Element;
+        direction: 'ascending' | 'descending';
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type ColumnSelectionEnd<K> = {
+        endIndex: {
+            column: number;
+        };
+        endKey?: {
+            column: K;
+        };
+    } | {
+        endIndex?: {
+            column: number;
+        };
+        endKey: {
+            column: K;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ColumnSelectionStart<K> = {
+        startIndex: {
+            column: number;
+        };
+        startKey?: {
+            column: K;
+        };
+    } | {
+        startIndex?: {
+            column: number;
+        };
+        startKey: {
+            column: K;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ColumnsRendererContext<K, D> = {
+        cellContext: {
+            datasource: DataProvider<K, D> | null;
+            mode: 'edit' | 'navigation';
+            status: ContextStatus<K>;
+        };
+        columnIndex: number;
+        componentElement: Element;
+        data: D;
+        parentElement: Element;
+        row: {
+            [name: string]: any;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ContextStatus<K> = {
+        rowIndex: number;
+        rowKey: K;
+        currentRow: CurrentRow<K>;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type CurrentRow<K> = {
+        rowIndex: number;
+        rowKey?: K;
+    } | {
+        rowIndex?: number;
+        rowKey: K;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DragRowContext<K, D> = {
+        rows: Array<{
+            data: D;
+            index: number;
+            key: K;
+        }>;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DropColumnContext = {
+        columnIndex: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DropRowContext = {
+        rowIndex: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type FooterRendererContext<K, D> = {
+        columnIndex: number;
+        componentElement: Element;
+        footerContext: {
+            datasource: DataProvider<K, D> | null;
+        };
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type HeaderRendererContext<K, D> = {
+        columnIndex: number;
+        columnHeaderDefaultRenderer?: ((param0: object, param1: ((param0: object) => void)) => void);
+        columnHeaderSortableIconRenderer?: ((param0: object, param1: ((param0: object) => void)) => void);
+        componentElement: Element;
+        data: string;
+        headerContext: {
+            datasource: DataProvider<K, D> | null;
+        };
+        parentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RowRendererContext<K, D> = {
+        componentElement: Element;
+        data: {
+            [name: string]: any;
+        };
+        parentElement: Element;
+        rowContext: {
+            datasource: DataProvider<K, D> | null;
+            mode: 'edit' | 'navigation';
+            status: ContextStatus<K>;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RowSelectionEnd<K> = {
+        endIndex: {
+            row: number;
+        };
+        endKey?: {
+            row: K;
+        };
+    } | {
+        endIndex?: {
+            row: number;
+        };
+        endKey: {
+            row: K;
+        };
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RowSelectionStart<K> = {
+        startIndex: {
+            row: number;
+        };
+        startKey?: {
+            row: K;
+        };
+    } | {
+        startIndex?: {
+            row: number;
+        };
+        startKey: {
+            row: K;
+        };
+    };
+}
+export interface ojTableEventMap<K, D> extends baseComponentEventMap<ojTableSettableProperties<K, D>> {
+    'ojAnimateEnd': ojTable.ojAnimateEnd;
+    'ojAnimateStart': ojTable.ojAnimateStart;
+    'ojBeforeCurrentRow': ojTable.ojBeforeCurrentRow<K>;
+    'ojBeforeRowEdit': ojTable.ojBeforeRowEdit;
+    'ojBeforeRowEditEnd': ojTable.ojBeforeRowEditEnd;
+    'ojSort': ojTable.ojSort;
+    'accessibilityChanged': JetElementCustomEvent<ojTable<K, D>["accessibility"]>;
+    'asChanged': JetElementCustomEvent<ojTable<K, D>["as"]>;
+    'columnsChanged': JetElementCustomEvent<ojTable<K, D>["columns"]>;
+    'columnsDefaultChanged': JetElementCustomEvent<ojTable<K, D>["columnsDefault"]>;
+    'currentRowChanged': JetElementCustomEvent<ojTable<K, D>["currentRow"]>;
+    'dataChanged': JetElementCustomEvent<ojTable<K, D>["data"]>;
+    'displayChanged': JetElementCustomEvent<ojTable<K, D>["display"]>;
+    'dndChanged': JetElementCustomEvent<ojTable<K, D>["dnd"]>;
+    'editModeChanged': JetElementCustomEvent<ojTable<K, D>["editMode"]>;
+    'firstSelectedRowChanged': JetElementCustomEvent<ojTable<K, D>["firstSelectedRow"]>;
+    'horizontalGridVisibleChanged': JetElementCustomEvent<ojTable<K, D>["horizontalGridVisible"]>;
+    'rowRendererChanged': JetElementCustomEvent<ojTable<K, D>["rowRenderer"]>;
+    'scrollPolicyChanged': JetElementCustomEvent<ojTable<K, D>["scrollPolicy"]>;
+    'scrollPolicyOptionsChanged': JetElementCustomEvent<ojTable<K, D>["scrollPolicyOptions"]>;
+    'scrollPositionChanged': JetElementCustomEvent<ojTable<K, D>["scrollPosition"]>;
+    'selectionChanged': JetElementCustomEvent<ojTable<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojTable<K, D>["selectionMode"]>;
+    'selectionRequiredChanged': JetElementCustomEvent<ojTable<K, D>["selectionRequired"]>;
+    'verticalGridVisibleChanged': JetElementCustomEvent<ojTable<K, D>["verticalGridVisible"]>;
+}
+export interface ojTableSettableProperties<K, D> extends baseComponentSettableProperties {
+    accessibility: {
+        rowHeader: string;
+    };
+    as: string;
+    columns: Array<{
+        className?: string | null;
+        field?: string | null;
+        footerClassName?: string | null;
+        footerRenderer?: ((context: ojTable.FooterRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        footerStyle?: string | null;
+        footerTemplate?: {
+            componentElement: Element;
+        };
+        headerClassName?: string | null;
+        headerRenderer?: ((context: ojTable.HeaderRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        headerStyle?: string | null;
+        headerTemplate?: {
+            componentElement: Element;
+            data: object;
+        };
+        headerText?: string | null;
+        id?: string | null;
+        renderer?: ((context: ojTable.ColumnsRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        resizable?: 'enabled' | 'disabled';
+        sortProperty?: string | null;
+        sortable?: 'auto' | 'enabled' | 'disabled';
+        style?: string | null;
+        template?: {
+            componentElement: Element;
+            data: object;
+            row: object;
+            index: number;
+            columnIndex: number;
+            key: any;
+            mode: string;
+        };
+        width?: number | null;
+    }> | null;
+    columnsDefault: {
+        className?: string | null;
+        field?: string | null;
+        footerClassName?: string | null;
+        footerRenderer?: ((context: ojTable.FooterRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        footerStyle?: string | null;
+        footerTemplate?: {
+            componentElement: Element;
+        };
+        headerClassName?: string | null;
+        headerRenderer?: ((context: ojTable.HeaderRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        headerStyle?: string | null;
+        headerTemplate?: {
+            componentElement: Element;
+            data: object;
+        };
+        headerText?: string | null;
+        renderer?: ((context: ojTable.ColumnsRendererContext<K, D>) => {
+            insert: HTMLElement | string;
+        } | void) | null;
+        resizable?: 'enabled' | 'disabled';
+        sortProperty?: string | null;
+        sortable?: 'auto' | 'enabled' | 'disabled';
+        style?: string | null;
+        template?: {
+            componentElement: Element;
+            data: object;
+            row: object;
+            index: number;
+            columnIndex: number;
+            key: any;
+            mode: string;
+        };
+        width?: number | null;
+    };
+    currentRow: ojTable.CurrentRow<K> | null;
+    data: DataProvider<K, D> | null;
+    display: 'list' | 'grid';
+    dnd: {
+        drag: {
+            rows: {
+                dataTypes?: string | string[];
+                dragStart?: ((param0: DragEvent, param1: ojTable.DragRowContext<K, D>) => void);
+                drag?: ((param0: DragEvent) => void);
+                dragEnd?: ((param0: DragEvent) => void);
+            };
+        };
+        drop: {
+            columns: {
+                dataTypes: string | string[];
+                dragEnter?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                dragOver?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                dragLeave?: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+                drop: ((param0: DragEvent, param1: ojTable.DropColumnContext) => void);
+            };
+            rows: {
+                dataTypes: string | string[];
+                dragEnter?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                dragOver?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                dragLeave?: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+                drop: ((param0: DragEvent, param1: ojTable.DropRowContext) => void);
+            };
+        };
+        reorder: {
+            columns: 'enabled' | 'disabled';
+        };
+    };
+    editMode: 'none' | 'rowEdit';
+    readonly firstSelectedRow: object;
+    horizontalGridVisible: 'auto' | 'enabled' | 'disabled';
+    rowRenderer: ((context: ojTable.RowRendererContext<K, D>) => string | HTMLElement | void) | null;
+    scrollPolicy: 'auto' | 'loadMoreOnScroll';
+    scrollPolicyOptions: {
+        fetchSize: number;
+        maxCount: number;
+    };
+    scrollPosition: {
+        x?: number;
+        y?: number;
+        columnIndex?: number;
+        rowIndex?: number;
+        columnKey?: any;
+        rowKey?: any;
+        offsetX?: number;
+        offsetY?: number;
+    };
+    selection: Array<ojTable.RowSelectionStart<K> & ojTable.RowSelectionEnd<K>> | Array<ojTable.ColumnSelectionStart<K> & ojTable.ColumnSelectionEnd<K>>;
+    selectionMode: {
+        column: 'single' | 'multiple';
+        row: 'single' | 'multiple';
+    };
+    selectionRequired: boolean;
+    verticalGridVisible: 'auto' | 'enabled' | 'disabled';
+    translations: {
+        labelAccSelectionAffordanceBottom?: string;
+        labelAccSelectionAffordanceTop?: string;
+        labelDisableNonContiguousSelection?: string;
+        labelEditRow?: string;
+        labelEnableNonContiguousSelection?: string;
+        labelResize?: string;
+        labelResizePopupSpinner?: string;
+        labelResizePopupSubmit?: string;
+        labelSelectAndEditRow?: string;
+        labelSelectColum?: string;
+        labelSelectRow?: string;
+        labelSort?: string;
+        labelSortAsc?: string;
+        labelSortDsc?: string;
+        msgColumnResizeWidthValidation?: string;
+        msgFetchingData?: string;
+        msgInitializing?: string;
+        msgNoData?: string;
+        msgScrollPolicyMaxCountDetail?: string;
+        msgScrollPolicyMaxCountSummary?: string;
+        msgStatusSortAscending?: string;
+        msgStatusSortDescending?: string;
+    };
+}
+export interface ojTableSettablePropertiesLenient<K, D> extends Partial<ojTableSettableProperties<K, D>> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojtagcloud/index.d.ts b/types/oracle__oraclejet/ojtagcloud/index.d.ts
new file mode 100644
index 0000000000..17bc2397a5
--- /dev/null
+++ b/types/oracle__oraclejet/ojtagcloud/index.d.ts
@@ -0,0 +1,208 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojTagCloud<K, D> extends dvtBaseComponent<ojTagCloudSettableProperties<K, D>> {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    data: DataProvider<K, D> | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    layout: 'cloud' | 'rectangular';
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    styleDefaults: {
+        animationDuration?: number;
+        hoverBehaviorDelay?: number;
+        svgStyle?: object;
+    };
+    tooltip: {
+        renderer: ((context: ojTagCloud.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["animationOnDisplay"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["as"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["data"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["hoverBehavior"]>) => any) | null;
+    onLayoutChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["layout"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["selectionMode"]>) => any) | null;
+    onStyleDefaultsChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["styleDefaults"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojTagCloud<K, D>["touchResponse"]>) => any) | null;
+    addEventListener<T extends keyof ojTagCloudEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojTagCloudEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTagCloudSettableProperties<K, D>>(property: T): ojTagCloud<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTagCloudSettableProperties<K, D>>(property: T, value: ojTagCloudSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTagCloudSettableProperties<K, D>>): void;
+    setProperties(properties: ojTagCloudSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojTagCloud.NodeContext | null;
+    getItem(index: number): ojTagCloud.ItemContext | null;
+    getItemCount(): number;
+}
+export interface ojTagCloudEventMap<K, D> extends dvtBaseComponentEventMap<ojTagCloudSettableProperties<K, D>> {
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojTagCloud<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojTagCloud<K, D>["animationOnDisplay"]>;
+    'asChanged': JetElementCustomEvent<ojTagCloud<K, D>["as"]>;
+    'dataChanged': JetElementCustomEvent<ojTagCloud<K, D>["data"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojTagCloud<K, D>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojTagCloud<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojTagCloud<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojTagCloud<K, D>["hoverBehavior"]>;
+    'layoutChanged': JetElementCustomEvent<ojTagCloud<K, D>["layout"]>;
+    'selectionChanged': JetElementCustomEvent<ojTagCloud<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojTagCloud<K, D>["selectionMode"]>;
+    'styleDefaultsChanged': JetElementCustomEvent<ojTagCloud<K, D>["styleDefaults"]>;
+    'tooltipChanged': JetElementCustomEvent<ojTagCloud<K, D>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojTagCloud<K, D>["touchResponse"]>;
+}
+export interface ojTagCloudSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    as: string;
+    data: DataProvider<K, D> | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    layout: 'cloud' | 'rectangular';
+    selection: K[];
+    selectionMode: 'single' | 'multiple' | 'none';
+    styleDefaults: {
+        animationDuration?: number;
+        hoverBehaviorDelay?: number;
+        svgStyle?: object;
+    };
+    tooltip: {
+        renderer: ((context: ojTagCloud.TooltipContext<K>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojTagCloudSettablePropertiesLenient<K, D> extends Partial<ojTagCloudSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export namespace ojTagCloud {
+    // tslint:disable-next-line interface-over-type-literal
+    type ItemContext = {
+        color: string;
+        label: string;
+        selected: boolean;
+        tooltip: string;
+        value: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        subId: string;
+        index: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K> = {
+        color: string;
+        componentElement: Element;
+        id: K;
+        label: string;
+        parentElement: Element;
+        value: number;
+    };
+}
+export interface ojTagCloudItem extends JetElement<ojTagCloudItemSettableProperties> {
+    categories: string[];
+    color?: string;
+    label: string;
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object;
+    url: string;
+    value: number | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojTagCloudItem["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojTagCloudItem["color"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojTagCloudItem["label"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojTagCloudItem["shortDesc"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojTagCloudItem["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojTagCloudItem["svgStyle"]>) => any) | null;
+    onUrlChanged: ((event: JetElementCustomEvent<ojTagCloudItem["url"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojTagCloudItem["value"]>) => any) | null;
+    addEventListener<T extends keyof ojTagCloudItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojTagCloudItemEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTagCloudItemSettableProperties>(property: T): ojTagCloudItem[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTagCloudItemSettableProperties>(property: T, value: ojTagCloudItemSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTagCloudItemSettableProperties>): void;
+    setProperties(properties: ojTagCloudItemSettablePropertiesLenient): void;
+}
+export interface ojTagCloudItemEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojTagCloudItem["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojTagCloudItem["color"]>;
+    'labelChanged': JetElementCustomEvent<ojTagCloudItem["label"]>;
+    'shortDescChanged': JetElementCustomEvent<ojTagCloudItem["shortDesc"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojTagCloudItem["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojTagCloudItem["svgStyle"]>;
+    'urlChanged': JetElementCustomEvent<ojTagCloudItem["url"]>;
+    'valueChanged': JetElementCustomEvent<ojTagCloudItem["value"]>;
+}
+export interface ojTagCloudItemSettableProperties extends JetSettableProperties {
+    categories: string[];
+    color?: string;
+    label: string;
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object;
+    url: string;
+    value: number | null;
+}
+export interface ojTagCloudItemSettablePropertiesLenient extends Partial<ojTagCloudItemSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojthematicmap/index.d.ts b/types/oracle__oraclejet/ojthematicmap/index.d.ts
new file mode 100644
index 0000000000..45bbd3b907
--- /dev/null
+++ b/types/oracle__oraclejet/ojthematicmap/index.d.ts
@@ -0,0 +1,576 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojThematicMap<K1, K2, K3, D1, D2, D3> extends dvtBaseComponent<ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>> {
+    animationDuration: number;
+    animationOnDisplay: 'auto' | 'none';
+    areaData: DataProvider<K1, D1> | null;
+    as: string;
+    focusRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    initialZooming: 'auto' | 'none';
+    isolatedItem: K1;
+    labelDisplay: 'on' | 'off' | 'auto';
+    labelType: 'long' | 'short';
+    linkData: DataProvider<K2, D2> | null;
+    mapProvider: {
+        geo: object;
+        propertiesKeys: {
+            id: string;
+            longLabel?: string;
+            shortLabel?: string;
+        };
+    };
+    markerData: DataProvider<K3, D3> | null;
+    markerZoomBehavior: 'zoom' | 'fixed';
+    maxZoom: number;
+    panning: 'auto' | 'none';
+    renderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    selection: Array<K1 | K2 | K3>;
+    selectionMode: 'single' | 'multiple' | 'none';
+    selectionRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    styleDefaults: {
+        areaSvgStyle?: object;
+        dataAreaDefaults?: {
+            borderColor?: string;
+            hoverColor?: string;
+            selectedInnerColor?: string;
+            selectedOuterColor?: string;
+        };
+        dataMarkerDefaults?: {
+            borderColor?: string;
+            borderStyle?: 'none' | 'solid';
+            borderWidth?: number;
+            color?: string;
+            height?: number;
+            labelStyle?: object;
+            opacity?: number;
+            shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+            width?: number;
+        };
+        hoverBehaviorDelay?: number;
+        labelStyle?: object;
+        linkDefaults?: {
+            color?: string;
+            width?: number;
+        };
+    };
+    tooltip: {
+        renderer: ((context: ojThematicMap.TooltipContext<K1, K2, K3, D1, D2, D3>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    tooltipDisplay: 'auto' | 'labelAndShortDesc' | 'none' | 'shortDesc';
+    touchResponse: 'touchStart' | 'auto';
+    zooming: 'auto' | 'none';
+    translations: {
+        areasRegion?: string;
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        linksRegion?: string;
+        markersRegion?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["animationDuration"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["animationOnDisplay"]>) => any) | null;
+    onAreaDataChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["areaData"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["as"]>) => any) | null;
+    onFocusRendererChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["focusRenderer"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hoverBehavior"]>) => any) | null;
+    onHoverRendererChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hoverRenderer"]>) => any) | null;
+    onInitialZoomingChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["initialZooming"]>) => any) | null;
+    onIsolatedItemChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["isolatedItem"]>) => any) | null;
+    onLabelDisplayChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["labelDisplay"]>) => any) | null;
+    onLabelTypeChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["labelType"]>) => any) | null;
+    onLinkDataChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["linkData"]>) => any) | null;
+    onMapProviderChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["mapProvider"]>) => any) | null;
+    onMarkerDataChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["markerData"]>) => any) | null;
+    onMarkerZoomBehaviorChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["markerZoomBehavior"]>) => any) | null;
+    onMaxZoomChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["maxZoom"]>) => any) | null;
+    onPanningChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["panning"]>) => any) | null;
+    onRendererChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["renderer"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selectionMode"]>) => any) | null;
+    onSelectionRendererChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selectionRenderer"]>) => any) | null;
+    onStyleDefaultsChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["styleDefaults"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["tooltip"]>) => any) | null;
+    onTooltipDisplayChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["tooltipDisplay"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["touchResponse"]>) => any) | null;
+    onZoomingChanged: ((event: JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["zooming"]>) => any) | null;
+    addEventListener<T extends keyof ojThematicMapEventMap<K1, K2, K3, D1, D2, D3>>(type: T, listener: (this: HTMLElement, ev: ojThematicMapEventMap<K1, K2, K3, D1, D2, D3>[T]) => any,
+       useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>>(property: T): ojThematicMap<K1, K2, K3, D1, D2, D3>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>>(property: T, value: ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>>): void;
+    setProperties(properties: ojThematicMapSettablePropertiesLenient<K1, K2, K3, D1, D2, D3>): void;
+    getArea(index: number): ojThematicMap.DataContext | null;
+    getContextByNode(node: Element): ojThematicMap.NodeContext | null;
+    getLink(index: number): ojThematicMap.DataContext | null;
+    getMarker(index: number): ojThematicMap.DataContext | null;
+}
+export interface ojThematicMapEventMap<K1, K2, K3, D1, D2, D3> extends dvtBaseComponentEventMap<ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>> {
+    'animationDurationChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["animationDuration"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["animationOnDisplay"]>;
+    'areaDataChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["areaData"]>;
+    'asChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["as"]>;
+    'focusRendererChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["focusRenderer"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hoverBehavior"]>;
+    'hoverRendererChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["hoverRenderer"]>;
+    'initialZoomingChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["initialZooming"]>;
+    'isolatedItemChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["isolatedItem"]>;
+    'labelDisplayChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["labelDisplay"]>;
+    'labelTypeChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["labelType"]>;
+    'linkDataChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["linkData"]>;
+    'mapProviderChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["mapProvider"]>;
+    'markerDataChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["markerData"]>;
+    'markerZoomBehaviorChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["markerZoomBehavior"]>;
+    'maxZoomChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["maxZoom"]>;
+    'panningChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["panning"]>;
+    'rendererChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["renderer"]>;
+    'selectionChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selectionMode"]>;
+    'selectionRendererChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["selectionRenderer"]>;
+    'styleDefaultsChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["styleDefaults"]>;
+    'tooltipChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["tooltip"]>;
+    'tooltipDisplayChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["tooltipDisplay"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["touchResponse"]>;
+    'zoomingChanged': JetElementCustomEvent<ojThematicMap<K1, K2, K3, D1, D2, D3>["zooming"]>;
+}
+export interface ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3> extends dvtBaseComponentSettableProperties {
+    animationDuration: number;
+    animationOnDisplay: 'auto' | 'none';
+    areaData: DataProvider<K1, D1> | null;
+    as: string;
+    focusRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    initialZooming: 'auto' | 'none';
+    isolatedItem: K1;
+    labelDisplay: 'on' | 'off' | 'auto';
+    labelType: 'long' | 'short';
+    linkData: DataProvider<K2, D2> | null;
+    mapProvider: {
+        geo: object;
+        propertiesKeys: {
+            id: string;
+            longLabel?: string;
+            shortLabel?: string;
+        };
+    };
+    markerData: DataProvider<K3, D3> | null;
+    markerZoomBehavior: 'zoom' | 'fixed';
+    maxZoom: number;
+    panning: 'auto' | 'none';
+    renderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    selection: Array<K1 | K2 | K3>;
+    selectionMode: 'single' | 'multiple' | 'none';
+    selectionRenderer: ((context: ojThematicMap.RendererContext<K1, K2, K3, D1, D2, D3>) => {
+        insert: SVGElement;
+    } | void) | null;
+    styleDefaults: {
+        areaSvgStyle?: object;
+        dataAreaDefaults?: {
+            borderColor?: string;
+            hoverColor?: string;
+            selectedInnerColor?: string;
+            selectedOuterColor?: string;
+        };
+        dataMarkerDefaults?: {
+            borderColor?: string;
+            borderStyle?: 'none' | 'solid';
+            borderWidth?: number;
+            color?: string;
+            height?: number;
+            labelStyle?: object;
+            opacity?: number;
+            shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+            width?: number;
+        };
+        hoverBehaviorDelay?: number;
+        labelStyle?: object;
+        linkDefaults?: {
+            color?: string;
+            width?: number;
+        };
+    };
+    tooltip: {
+        renderer: ((context: ojThematicMap.TooltipContext<K1, K2, K3, D1, D2, D3>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    tooltipDisplay: 'auto' | 'labelAndShortDesc' | 'none' | 'shortDesc';
+    touchResponse: 'touchStart' | 'auto';
+    zooming: 'auto' | 'none';
+    translations: {
+        areasRegion?: string;
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        linksRegion?: string;
+        markersRegion?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojThematicMapSettablePropertiesLenient<K1, K2, K3, D1, D2, D3> extends Partial<ojThematicMapSettableProperties<K1, K2, K3, D1, D2, D3>> {
+    [key: string]: any;
+}
+export namespace ojThematicMap {
+    // tslint:disable-next-line interface-over-type-literal
+    type DataContext = {
+        color: string;
+        label: string;
+        selected: boolean;
+        tooltip: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        subId: string;
+        index: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RendererContext<K1, K2, K3, D1, D2, D3> = {
+        color: string;
+        componentElement: Element;
+        data: object;
+        id: K1 | K2 | K3;
+        itemData: D1 | D2 | D3;
+        label: string;
+        location: string | null;
+        parentElement: Element;
+        previousState: {
+            hovered: boolean;
+            selected: boolean;
+            focused: boolean;
+        };
+        renderDefaultFocus: (() => void);
+        renderDefaultHover: (() => void);
+        renderDefaultSelection: (() => void);
+        root: Element | null;
+        state: {
+            hovered: boolean;
+            selected: boolean;
+            focused: boolean;
+        };
+        x: number | null;
+        y: number | null;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K1, K2, K3, D1, D2, D3> = {
+        color: string | null;
+        componentElement: Element;
+        data: object | null;
+        id: K1 | K2 | K3;
+        itemData: D1 | D2 | D3;
+        label: string | null;
+        location: string | null;
+        locationName: string | null;
+        parentElement: Element;
+        tooltip: string;
+        x: number;
+        y: number;
+    };
+}
+export interface ojThematicMapArea extends JetElement<ojThematicMapAreaSettableProperties> {
+    categories: string[];
+    color: string;
+    label: string;
+    labelStyle: object;
+    location: string;
+    opacity: number;
+    selectable: 'auto' | 'off';
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojThematicMapArea["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojThematicMapArea["color"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojThematicMapArea["label"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojThematicMapArea["labelStyle"]>) => any) | null;
+    onLocationChanged: ((event: JetElementCustomEvent<ojThematicMapArea["location"]>) => any) | null;
+    onOpacityChanged: ((event: JetElementCustomEvent<ojThematicMapArea["opacity"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojThematicMapArea["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojThematicMapArea["shortDesc"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojThematicMapArea["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojThematicMapArea["svgStyle"]>) => any) | null;
+    addEventListener<T extends keyof ojThematicMapAreaEventMap>(type: T, listener: (this: HTMLElement, ev: ojThematicMapAreaEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojThematicMapAreaSettableProperties>(property: T): ojThematicMapArea[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojThematicMapAreaSettableProperties>(property: T, value: ojThematicMapAreaSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojThematicMapAreaSettableProperties>): void;
+    setProperties(properties: ojThematicMapAreaSettablePropertiesLenient): void;
+}
+export interface ojThematicMapAreaEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojThematicMapArea["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojThematicMapArea["color"]>;
+    'labelChanged': JetElementCustomEvent<ojThematicMapArea["label"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojThematicMapArea["labelStyle"]>;
+    'locationChanged': JetElementCustomEvent<ojThematicMapArea["location"]>;
+    'opacityChanged': JetElementCustomEvent<ojThematicMapArea["opacity"]>;
+    'selectableChanged': JetElementCustomEvent<ojThematicMapArea["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojThematicMapArea["shortDesc"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojThematicMapArea["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojThematicMapArea["svgStyle"]>;
+}
+export interface ojThematicMapAreaSettableProperties extends JetSettableProperties {
+    categories: string[];
+    color: string;
+    label: string;
+    labelStyle: object;
+    location: string;
+    opacity: number;
+    selectable: 'auto' | 'off';
+    shortDesc: string;
+    svgClassName: string;
+    svgStyle: object;
+}
+export interface ojThematicMapAreaSettablePropertiesLenient extends Partial<ojThematicMapAreaSettableProperties> {
+    [key: string]: any;
+}
+export interface ojThematicMapLink extends JetElement<ojThematicMapLinkSettableProperties> {
+    categories: string[];
+    color: string;
+    endLocation: {
+        id?: any;
+        location?: string;
+        x?: number;
+        y?: number;
+    };
+    selectable: 'auto' | 'off';
+    shortDesc: string;
+    startLocation: {
+        id?: any;
+        location?: string;
+        x?: number;
+        y?: number;
+    };
+    svgClassName: string;
+    svgStyle: object;
+    width: number;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojThematicMapLink["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojThematicMapLink["color"]>) => any) | null;
+    onEndLocationChanged: ((event: JetElementCustomEvent<ojThematicMapLink["endLocation"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojThematicMapLink["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojThematicMapLink["shortDesc"]>) => any) | null;
+    onStartLocationChanged: ((event: JetElementCustomEvent<ojThematicMapLink["startLocation"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojThematicMapLink["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojThematicMapLink["svgStyle"]>) => any) | null;
+    onWidthChanged: ((event: JetElementCustomEvent<ojThematicMapLink["width"]>) => any) | null;
+    addEventListener<T extends keyof ojThematicMapLinkEventMap>(type: T, listener: (this: HTMLElement, ev: ojThematicMapLinkEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojThematicMapLinkSettableProperties>(property: T): ojThematicMapLink[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojThematicMapLinkSettableProperties>(property: T, value: ojThematicMapLinkSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojThematicMapLinkSettableProperties>): void;
+    setProperties(properties: ojThematicMapLinkSettablePropertiesLenient): void;
+}
+export interface ojThematicMapLinkEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojThematicMapLink["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojThematicMapLink["color"]>;
+    'endLocationChanged': JetElementCustomEvent<ojThematicMapLink["endLocation"]>;
+    'selectableChanged': JetElementCustomEvent<ojThematicMapLink["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojThematicMapLink["shortDesc"]>;
+    'startLocationChanged': JetElementCustomEvent<ojThematicMapLink["startLocation"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojThematicMapLink["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojThematicMapLink["svgStyle"]>;
+    'widthChanged': JetElementCustomEvent<ojThematicMapLink["width"]>;
+}
+export interface ojThematicMapLinkSettableProperties extends JetSettableProperties {
+    categories: string[];
+    color: string;
+    endLocation: {
+        id?: any;
+        location?: string;
+        x?: number;
+        y?: number;
+    };
+    selectable: 'auto' | 'off';
+    shortDesc: string;
+    startLocation: {
+        id?: any;
+        location?: string;
+        x?: number;
+        y?: number;
+    };
+    svgClassName: string;
+    svgStyle: object;
+    width: number;
+}
+export interface ojThematicMapLinkSettablePropertiesLenient extends Partial<ojThematicMapLinkSettableProperties> {
+    [key: string]: any;
+}
+export interface ojThematicMapMarker extends JetElement<ojThematicMapMarkerSettableProperties> {
+    borderColor: string;
+    borderStyle: 'solid' | 'none';
+    borderWidth: number;
+    categories: string[];
+    color: string;
+    height: number;
+    label: string;
+    labelPosition: 'bottom' | 'center' | 'top';
+    labelStyle: object;
+    location: string;
+    opacity: number;
+    rotation: number;
+    selectable: 'auto' | 'off';
+    shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    shortDesc: string;
+    source: string;
+    sourceHover: string;
+    sourceHoverSelected: string;
+    sourceSelected: string;
+    svgClassName: string;
+    svgStyle: object;
+    value: number;
+    width: number;
+    x: number | null;
+    y: number | null;
+    onBorderColorChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["borderColor"]>) => any) | null;
+    onBorderStyleChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["borderStyle"]>) => any) | null;
+    onBorderWidthChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["borderWidth"]>) => any) | null;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["color"]>) => any) | null;
+    onHeightChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["height"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["label"]>) => any) | null;
+    onLabelPositionChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["labelPosition"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["labelStyle"]>) => any) | null;
+    onLocationChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["location"]>) => any) | null;
+    onOpacityChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["opacity"]>) => any) | null;
+    onRotationChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["rotation"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["selectable"]>) => any) | null;
+    onShapeChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["shape"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["shortDesc"]>) => any) | null;
+    onSourceChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["source"]>) => any) | null;
+    onSourceHoverChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["sourceHover"]>) => any) | null;
+    onSourceHoverSelectedChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["sourceHoverSelected"]>) => any) | null;
+    onSourceSelectedChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["sourceSelected"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["svgStyle"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["value"]>) => any) | null;
+    onWidthChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["width"]>) => any) | null;
+    onXChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["x"]>) => any) | null;
+    onYChanged: ((event: JetElementCustomEvent<ojThematicMapMarker["y"]>) => any) | null;
+    addEventListener<T extends keyof ojThematicMapMarkerEventMap>(type: T, listener: (this: HTMLElement, ev: ojThematicMapMarkerEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojThematicMapMarkerSettableProperties>(property: T): ojThematicMapMarker[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojThematicMapMarkerSettableProperties>(property: T, value: ojThematicMapMarkerSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojThematicMapMarkerSettableProperties>): void;
+    setProperties(properties: ojThematicMapMarkerSettablePropertiesLenient): void;
+}
+export interface ojThematicMapMarkerEventMap extends HTMLElementEventMap {
+    'borderColorChanged': JetElementCustomEvent<ojThematicMapMarker["borderColor"]>;
+    'borderStyleChanged': JetElementCustomEvent<ojThematicMapMarker["borderStyle"]>;
+    'borderWidthChanged': JetElementCustomEvent<ojThematicMapMarker["borderWidth"]>;
+    'categoriesChanged': JetElementCustomEvent<ojThematicMapMarker["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojThematicMapMarker["color"]>;
+    'heightChanged': JetElementCustomEvent<ojThematicMapMarker["height"]>;
+    'labelChanged': JetElementCustomEvent<ojThematicMapMarker["label"]>;
+    'labelPositionChanged': JetElementCustomEvent<ojThematicMapMarker["labelPosition"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojThematicMapMarker["labelStyle"]>;
+    'locationChanged': JetElementCustomEvent<ojThematicMapMarker["location"]>;
+    'opacityChanged': JetElementCustomEvent<ojThematicMapMarker["opacity"]>;
+    'rotationChanged': JetElementCustomEvent<ojThematicMapMarker["rotation"]>;
+    'selectableChanged': JetElementCustomEvent<ojThematicMapMarker["selectable"]>;
+    'shapeChanged': JetElementCustomEvent<ojThematicMapMarker["shape"]>;
+    'shortDescChanged': JetElementCustomEvent<ojThematicMapMarker["shortDesc"]>;
+    'sourceChanged': JetElementCustomEvent<ojThematicMapMarker["source"]>;
+    'sourceHoverChanged': JetElementCustomEvent<ojThematicMapMarker["sourceHover"]>;
+    'sourceHoverSelectedChanged': JetElementCustomEvent<ojThematicMapMarker["sourceHoverSelected"]>;
+    'sourceSelectedChanged': JetElementCustomEvent<ojThematicMapMarker["sourceSelected"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojThematicMapMarker["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojThematicMapMarker["svgStyle"]>;
+    'valueChanged': JetElementCustomEvent<ojThematicMapMarker["value"]>;
+    'widthChanged': JetElementCustomEvent<ojThematicMapMarker["width"]>;
+    'xChanged': JetElementCustomEvent<ojThematicMapMarker["x"]>;
+    'yChanged': JetElementCustomEvent<ojThematicMapMarker["y"]>;
+}
+export interface ojThematicMapMarkerSettableProperties extends JetSettableProperties {
+    borderColor: string;
+    borderStyle: 'solid' | 'none';
+    borderWidth: number;
+    categories: string[];
+    color: string;
+    height: number;
+    label: string;
+    labelPosition: 'bottom' | 'center' | 'top';
+    labelStyle: object;
+    location: string;
+    opacity: number;
+    rotation: number;
+    selectable: 'auto' | 'off';
+    shape?: 'circle' | 'diamond' | 'ellipse' | 'human' | 'plus' | 'rectangle' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
+    shortDesc: string;
+    source: string;
+    sourceHover: string;
+    sourceHoverSelected: string;
+    sourceSelected: string;
+    svgClassName: string;
+    svgStyle: object;
+    value: number;
+    width: number;
+    x: number | null;
+    y: number | null;
+}
+export interface ojThematicMapMarkerSettablePropertiesLenient extends Partial<ojThematicMapMarkerSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojthemeutils/index.d.ts b/types/oracle__oraclejet/ojthemeutils/index.d.ts
new file mode 100644
index 0000000000..de718ebef9
--- /dev/null
+++ b/types/oracle__oraclejet/ojthemeutils/index.d.ts
@@ -0,0 +1,4 @@
+export function clearCache(): void;
+export function getThemeName(): string | null;
+export function getThemeTargetPlatform(): string | null;
+export function parseJSONFromFontFamily(selector: string): any;
diff --git a/types/oracle__oraclejet/ojtime-base/index.d.ts b/types/oracle__oraclejet/ojtime-base/index.d.ts
new file mode 100644
index 0000000000..c5841cd8ec
--- /dev/null
+++ b/types/oracle__oraclejet/ojtime-base/index.d.ts
@@ -0,0 +1,22 @@
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface dvtTimeComponent<SP extends dvtTimeComponentSettableProperties = dvtTimeComponentSettableProperties> extends dvtBaseComponent<SP> {
+    addEventListener<T extends keyof dvtTimeComponentEventMap<SP>>(type: T, listener: (this: HTMLElement, ev: dvtTimeComponentEventMap<SP>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof dvtTimeComponentSettableProperties>(property: T): dvtTimeComponent<SP>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof dvtTimeComponentSettableProperties>(property: T, value: dvtTimeComponentSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, dvtTimeComponentSettableProperties>): void;
+    setProperties(properties: dvtTimeComponentSettablePropertiesLenient): void;
+}
+// These interfaces are empty but required to keep the event chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface dvtTimeComponentEventMap<SP extends dvtTimeComponentSettableProperties = dvtTimeComponentSettableProperties> extends dvtBaseComponentEventMap<SP> {
+}
+// These interfaces are empty but required to keep the component chain intact. Avoid lint-rule
+// tslint:disable-next-line no-empty-interface
+export interface dvtTimeComponentSettableProperties extends dvtBaseComponentSettableProperties {
+}
+export interface dvtTimeComponentSettablePropertiesLenient extends Partial<dvtTimeComponentSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojtimeaxis/index.d.ts b/types/oracle__oraclejet/ojtimeaxis/index.d.ts
new file mode 100644
index 0000000000..2505fef16f
--- /dev/null
+++ b/types/oracle__oraclejet/ojtimeaxis/index.d.ts
@@ -0,0 +1,87 @@
+import { Converter } from '../ojvalidation-base';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojTimeAxis extends dvtBaseComponent<ojTimeAxisSettableProperties> {
+    converter: ojTimeAxis.Converters | Converter<string>;
+    end: string;
+    scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+    start: string;
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+    onConverterChanged: ((event: JetElementCustomEvent<ojTimeAxis["converter"]>) => any) | null;
+    onEndChanged: ((event: JetElementCustomEvent<ojTimeAxis["end"]>) => any) | null;
+    onScaleChanged: ((event: JetElementCustomEvent<ojTimeAxis["scale"]>) => any) | null;
+    onStartChanged: ((event: JetElementCustomEvent<ojTimeAxis["start"]>) => any) | null;
+    addEventListener<T extends keyof ojTimeAxisEventMap>(type: T, listener: (this: HTMLElement, ev: ojTimeAxisEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTimeAxisSettableProperties>(property: T): ojTimeAxis[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTimeAxisSettableProperties>(property: T, value: ojTimeAxisSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTimeAxisSettableProperties>): void;
+    setProperties(properties: ojTimeAxisSettablePropertiesLenient): void;
+}
+export interface ojTimeAxisEventMap extends dvtBaseComponentEventMap<ojTimeAxisSettableProperties> {
+    'converterChanged': JetElementCustomEvent<ojTimeAxis["converter"]>;
+    'endChanged': JetElementCustomEvent<ojTimeAxis["end"]>;
+    'scaleChanged': JetElementCustomEvent<ojTimeAxis["scale"]>;
+    'startChanged': JetElementCustomEvent<ojTimeAxis["start"]>;
+}
+export interface ojTimeAxisSettableProperties extends dvtBaseComponentSettableProperties {
+    converter: ojTimeAxis.Converters | Converter<string>;
+    end: string;
+    scale: 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+    start: string;
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+    };
+}
+export interface ojTimeAxisSettablePropertiesLenient extends Partial<ojTimeAxisSettableProperties> {
+    [key: string]: any;
+}
+export namespace ojTimeAxis {
+    // tslint:disable-next-line interface-over-type-literal
+    type Converters = {
+        default?: Converter<string>;
+        seconds?: Converter<string>;
+        minutes?: Converter<string>;
+        hours?: Converter<string>;
+        days?: Converter<string>;
+        weeks?: Converter<string>;
+        months?: Converter<string>;
+        quarters?: Converter<string>;
+        years?: Converter<string>;
+    };
+}
diff --git a/types/oracle__oraclejet/ojtimeutils/index.d.ts b/types/oracle__oraclejet/ojtimeutils/index.d.ts
new file mode 100644
index 0000000000..a77d0f4d36
--- /dev/null
+++ b/types/oracle__oraclejet/ojtimeutils/index.d.ts
@@ -0,0 +1,3 @@
+export function getDate(pos: number, rangeStartTime: Date | string | number, rangeEndTime: Date | string | number, rangeWidth: number): number;
+export function getLength(startTime: Date | string | number, endTime: Date | string | number, rangeStartTime: Date | string | number, rangeEndTime: Date | string | number, rangeWidth: number): number;
+export function getPosition(time: Date | string | number, rangeStartTime: Date | string | number, rangeEndTime: Date | string | number, rangeWidth: number): number;
diff --git a/types/oracle__oraclejet/ojtoolbar/index.d.ts b/types/oracle__oraclejet/ojtoolbar/index.d.ts
new file mode 100644
index 0000000000..c310c831c7
--- /dev/null
+++ b/types/oracle__oraclejet/ojtoolbar/index.d.ts
@@ -0,0 +1,22 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojToolbar extends baseComponent<ojToolbarSettableProperties> {
+    chroming: 'full' | 'half' | 'outlined';
+    onChromingChanged: ((event: JetElementCustomEvent<ojToolbar["chroming"]>) => any) | null;
+    addEventListener<T extends keyof ojToolbarEventMap>(type: T, listener: (this: HTMLElement, ev: ojToolbarEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojToolbarSettableProperties>(property: T): ojToolbar[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojToolbarSettableProperties>(property: T, value: ojToolbarSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojToolbarSettableProperties>): void;
+    setProperties(properties: ojToolbarSettablePropertiesLenient): void;
+    refresh(): void;
+}
+export interface ojToolbarEventMap extends baseComponentEventMap<ojToolbarSettableProperties> {
+    'chromingChanged': JetElementCustomEvent<ojToolbar["chroming"]>;
+}
+export interface ojToolbarSettableProperties extends baseComponentSettableProperties {
+    chroming: 'full' | 'half' | 'outlined';
+}
+export interface ojToolbarSettablePropertiesLenient extends Partial<ojToolbarSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojtrain/index.d.ts b/types/oracle__oraclejet/ojtrain/index.d.ts
new file mode 100644
index 0000000000..233592fd61
--- /dev/null
+++ b/types/oracle__oraclejet/ojtrain/index.d.ts
@@ -0,0 +1,78 @@
+import { baseComponent, baseComponentEventMap, baseComponentSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojTrain extends baseComponent<ojTrainSettableProperties> {
+    selectedStep: string;
+    steps: ojTrain.Step[];
+    onSelectedStepChanged: ((event: JetElementCustomEvent<ojTrain["selectedStep"]>) => any) | null;
+    onStepsChanged: ((event: JetElementCustomEvent<ojTrain["steps"]>) => any) | null;
+    onOjBeforeDeselect: ((event: ojTrain.ojBeforeDeselect) => any) | null;
+    onOjBeforeSelect: ((event: ojTrain.ojBeforeSelect) => any) | null;
+    onOjDeselect: ((event: ojTrain.ojDeselect) => any) | null;
+    onOjSelect: ((event: ojTrain.ojSelect) => any) | null;
+    addEventListener<T extends keyof ojTrainEventMap>(type: T, listener: (this: HTMLElement, ev: ojTrainEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTrainSettableProperties>(property: T): ojTrain[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTrainSettableProperties>(property: T, value: ojTrainSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTrainSettableProperties>): void;
+    setProperties(properties: ojTrainSettablePropertiesLenient): void;
+    getNextSelectableStep(): string | null;
+    getPreviousSelectableStep(): string | null;
+    getStep(id: string): ojTrain.Step | null;
+    refresh(): void;
+    updateStep(id: string, stepProperties: {
+        id?: string;
+        label?: string;
+        disabled?: boolean;
+        visited?: boolean;
+        messageType?: 'info' | 'error' | 'fatal' | 'warning';
+    }): void;
+}
+export namespace ojTrain {
+    interface ojBeforeDeselect extends CustomEvent<{
+        toStep: string;
+        fromStep: string;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojBeforeSelect extends CustomEvent<{
+        toStep: string;
+        fromStep: string;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojDeselect extends CustomEvent<{
+        toStep: string;
+        fromStep: string;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojSelect extends CustomEvent<{
+        toStep: string;
+        fromStep: string;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type Step = {
+        id: string;
+        label: string;
+        disabled?: boolean;
+        visited?: boolean;
+        messageType?: 'info' | 'error' | 'fatal' | 'warning';
+    };
+}
+export interface ojTrainEventMap extends baseComponentEventMap<ojTrainSettableProperties> {
+    'ojBeforeDeselect': ojTrain.ojBeforeDeselect;
+    'ojBeforeSelect': ojTrain.ojBeforeSelect;
+    'ojDeselect': ojTrain.ojDeselect;
+    'ojSelect': ojTrain.ojSelect;
+    'selectedStepChanged': JetElementCustomEvent<ojTrain["selectedStep"]>;
+    'stepsChanged': JetElementCustomEvent<ojTrain["steps"]>;
+}
+export interface ojTrainSettableProperties extends baseComponentSettableProperties {
+    selectedStep: string;
+    steps: ojTrain.Step[];
+}
+export interface ojTrainSettablePropertiesLenient extends Partial<ojTrainSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojtranslation/index.d.ts b/types/oracle__oraclejet/ojtranslation/index.d.ts
new file mode 100644
index 0000000000..69957f1980
--- /dev/null
+++ b/types/oracle__oraclejet/ojtranslation/index.d.ts
@@ -0,0 +1,5 @@
+export function applyParameters(pattern: string, parameters: object | any[]): string | null;
+export function getComponentTranslations(componentName: string): object;
+export function getResource(key: string): object | string | null;
+export function getTranslatedString(key: string, ...var_args: Array<string | object | any[]>): string;
+export function setBundle(bundle: object): void;
diff --git a/types/oracle__oraclejet/ojtreedataprovider/index.d.ts b/types/oracle__oraclejet/ojtreedataprovider/index.d.ts
new file mode 100644
index 0000000000..88d877d363
--- /dev/null
+++ b/types/oracle__oraclejet/ojtreedataprovider/index.d.ts
@@ -0,0 +1,5 @@
+import { DataProvider } from '../ojdataprovider';
+interface TreeDataProvider<K, D> extends DataProvider<K, D> {
+    getChildDataProvider(parentKey: any): TreeDataProvider<K, D>;
+}
+export = TreeDataProvider;
diff --git a/types/oracle__oraclejet/ojtreemap/index.d.ts b/types/oracle__oraclejet/ojtreemap/index.d.ts
new file mode 100644
index 0000000000..56bfb35de9
--- /dev/null
+++ b/types/oracle__oraclejet/ojtreemap/index.d.ts
@@ -0,0 +1,392 @@
+import { DataProvider } from '../ojdataprovider';
+import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettableProperties } from '../ojdvt-base';
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojTreemap<K, D> extends dvtBaseComponent<ojTreemapSettableProperties<K, D>> {
+    animationDuration: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    animationUpdateColor: string;
+    as: string;
+    colorLabel: string;
+    data: DataProvider<K, D> | null;
+    displayLevels: number;
+    drilling: 'on' | 'off';
+    groupGaps: 'all' | 'none' | 'outer';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    isolatedNode: any;
+    layout: 'sliceAndDiceHorizontal' | 'sliceAndDiceVertical' | 'squarified';
+    nodeContent: {
+        renderer: ((context: ojTreemap.NodeContentContext<K, D>) => ({
+            insert: Element | string;
+        }));
+    };
+    nodeDefaults: {
+        groupLabelDisplay: 'node' | 'off' | 'header';
+        header: {
+            backgroundColor: string;
+            borderColor: string;
+            hoverBackgroundColor: string;
+            hoverInnerColor: string;
+            hoverOuterColor: string;
+            isolate: 'off' | 'on';
+            labelHalign: 'center' | 'end' | 'start';
+            labelStyle: object;
+            selectedBackgroundColor: string;
+            selectedInnerColor: string;
+            selectedOuterColor: string;
+            useNodeColor: 'on' | 'off';
+        };
+        hoverColor: string;
+        labelDisplay: 'off' | 'node';
+        labelHalign: 'start' | 'end' | 'center';
+        labelMinLength: number;
+        labelStyle: object;
+        labelValign: 'top' | 'bottom' | 'center';
+        selectedInnerColor: string;
+        selectedOuterColor: string;
+    };
+    nodeSeparators: 'bevels' | 'gaps';
+    rootNode: any;
+    selection: any[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    sizeLabel: string;
+    sorting: 'on' | 'off';
+    tooltip: {
+        renderer: ((context: ojTreemap.TooltipContext<K, D>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelColor?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipIsolate?: string;
+        tooltipRestore?: string;
+    };
+    onAnimationDurationChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["animationDuration"]>) => any) | null;
+    onAnimationOnDataChangeChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["animationOnDataChange"]>) => any) | null;
+    onAnimationOnDisplayChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["animationOnDisplay"]>) => any) | null;
+    onAnimationUpdateColorChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["animationUpdateColor"]>) => any) | null;
+    onAsChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["as"]>) => any) | null;
+    onColorLabelChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["colorLabel"]>) => any) | null;
+    onDataChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["data"]>) => any) | null;
+    onDisplayLevelsChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["displayLevels"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["drilling"]>) => any) | null;
+    onGroupGapsChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["groupGaps"]>) => any) | null;
+    onHiddenCategoriesChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["hiddenCategories"]>) => any) | null;
+    onHighlightMatchChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["highlightMatch"]>) => any) | null;
+    onHighlightedCategoriesChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["highlightedCategories"]>) => any) | null;
+    onHoverBehaviorChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["hoverBehavior"]>) => any) | null;
+    onHoverBehaviorDelayChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["hoverBehaviorDelay"]>) => any) | null;
+    onIsolatedNodeChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["isolatedNode"]>) => any) | null;
+    onLayoutChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["layout"]>) => any) | null;
+    onNodeContentChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["nodeContent"]>) => any) | null;
+    onNodeDefaultsChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["nodeDefaults"]>) => any) | null;
+    onNodeSeparatorsChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["nodeSeparators"]>) => any) | null;
+    onRootNodeChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["rootNode"]>) => any) | null;
+    onSelectionChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["selection"]>) => any) | null;
+    onSelectionModeChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["selectionMode"]>) => any) | null;
+    onSizeLabelChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["sizeLabel"]>) => any) | null;
+    onSortingChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["sorting"]>) => any) | null;
+    onTooltipChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["tooltip"]>) => any) | null;
+    onTouchResponseChanged: ((event: JetElementCustomEvent<ojTreemap<K, D>["touchResponse"]>) => any) | null;
+    onOjBeforeDrill: ((event: ojTreemap.ojBeforeDrill) => any) | null;
+    onOjDrill: ((event: ojTreemap.ojDrill) => any) | null;
+    addEventListener<T extends keyof ojTreemapEventMap<K, D>>(type: T, listener: (this: HTMLElement, ev: ojTreemapEventMap<K, D>[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTreemapSettableProperties<K, D>>(property: T): ojTreemap<K, D>[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTreemapSettableProperties<K, D>>(property: T, value: ojTreemapSettableProperties<K, D>[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTreemapSettableProperties<K, D>>): void;
+    setProperties(properties: ojTreemapSettablePropertiesLenient<K, D>): void;
+    getContextByNode(node: Element): ojTreemap.NodeContext | null;
+    getNode(subIdPath: any[]): ojTreemap.DataContext | null;
+}
+export namespace ojTreemap {
+    interface ojBeforeDrill extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    interface ojDrill extends CustomEvent<{
+        id: any;
+        data: object;
+        itemData: object;
+        [propName: string]: any;
+    }> {
+    }
+    // tslint:disable-next-line interface-over-type-literal
+    type DataContext = {
+        color: string;
+        label: string;
+        selected: boolean;
+        size: number;
+        tooltip: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContentContext<K, D> = {
+        bounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        id: K;
+        data: object;
+        itemData: D;
+        componentElement: Element;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type NodeContext = {
+        subId: string;
+        indexPath: number[];
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type TooltipContext<K, D> = {
+        parentElement: Element;
+        id: K;
+        label: string;
+        value: number;
+        color: string;
+        data: object;
+        itemData: D;
+        componentElement: Element;
+    };
+}
+export interface ojTreemapEventMap<K, D> extends dvtBaseComponentEventMap<ojTreemapSettableProperties<K, D>> {
+    'ojBeforeDrill': ojTreemap.ojBeforeDrill;
+    'ojDrill': ojTreemap.ojDrill;
+    'animationDurationChanged': JetElementCustomEvent<ojTreemap<K, D>["animationDuration"]>;
+    'animationOnDataChangeChanged': JetElementCustomEvent<ojTreemap<K, D>["animationOnDataChange"]>;
+    'animationOnDisplayChanged': JetElementCustomEvent<ojTreemap<K, D>["animationOnDisplay"]>;
+    'animationUpdateColorChanged': JetElementCustomEvent<ojTreemap<K, D>["animationUpdateColor"]>;
+    'asChanged': JetElementCustomEvent<ojTreemap<K, D>["as"]>;
+    'colorLabelChanged': JetElementCustomEvent<ojTreemap<K, D>["colorLabel"]>;
+    'dataChanged': JetElementCustomEvent<ojTreemap<K, D>["data"]>;
+    'displayLevelsChanged': JetElementCustomEvent<ojTreemap<K, D>["displayLevels"]>;
+    'drillingChanged': JetElementCustomEvent<ojTreemap<K, D>["drilling"]>;
+    'groupGapsChanged': JetElementCustomEvent<ojTreemap<K, D>["groupGaps"]>;
+    'hiddenCategoriesChanged': JetElementCustomEvent<ojTreemap<K, D>["hiddenCategories"]>;
+    'highlightMatchChanged': JetElementCustomEvent<ojTreemap<K, D>["highlightMatch"]>;
+    'highlightedCategoriesChanged': JetElementCustomEvent<ojTreemap<K, D>["highlightedCategories"]>;
+    'hoverBehaviorChanged': JetElementCustomEvent<ojTreemap<K, D>["hoverBehavior"]>;
+    'hoverBehaviorDelayChanged': JetElementCustomEvent<ojTreemap<K, D>["hoverBehaviorDelay"]>;
+    'isolatedNodeChanged': JetElementCustomEvent<ojTreemap<K, D>["isolatedNode"]>;
+    'layoutChanged': JetElementCustomEvent<ojTreemap<K, D>["layout"]>;
+    'nodeContentChanged': JetElementCustomEvent<ojTreemap<K, D>["nodeContent"]>;
+    'nodeDefaultsChanged': JetElementCustomEvent<ojTreemap<K, D>["nodeDefaults"]>;
+    'nodeSeparatorsChanged': JetElementCustomEvent<ojTreemap<K, D>["nodeSeparators"]>;
+    'rootNodeChanged': JetElementCustomEvent<ojTreemap<K, D>["rootNode"]>;
+    'selectionChanged': JetElementCustomEvent<ojTreemap<K, D>["selection"]>;
+    'selectionModeChanged': JetElementCustomEvent<ojTreemap<K, D>["selectionMode"]>;
+    'sizeLabelChanged': JetElementCustomEvent<ojTreemap<K, D>["sizeLabel"]>;
+    'sortingChanged': JetElementCustomEvent<ojTreemap<K, D>["sorting"]>;
+    'tooltipChanged': JetElementCustomEvent<ojTreemap<K, D>["tooltip"]>;
+    'touchResponseChanged': JetElementCustomEvent<ojTreemap<K, D>["touchResponse"]>;
+}
+export interface ojTreemapSettableProperties<K, D> extends dvtBaseComponentSettableProperties {
+    animationDuration: number;
+    animationOnDataChange: 'auto' | 'none';
+    animationOnDisplay: 'auto' | 'none';
+    animationUpdateColor: string;
+    as: string;
+    colorLabel: string;
+    data: DataProvider<K, D> | null;
+    displayLevels: number;
+    drilling: 'on' | 'off';
+    groupGaps: 'all' | 'none' | 'outer';
+    hiddenCategories: string[];
+    highlightMatch: 'any' | 'all';
+    highlightedCategories: string[];
+    hoverBehavior: 'dim' | 'none';
+    hoverBehaviorDelay: number;
+    isolatedNode: any;
+    layout: 'sliceAndDiceHorizontal' | 'sliceAndDiceVertical' | 'squarified';
+    nodeContent: {
+        renderer: ((context: ojTreemap.NodeContentContext<K, D>) => ({
+            insert: Element | string;
+        }));
+    };
+    nodeDefaults: {
+        groupLabelDisplay: 'node' | 'off' | 'header';
+        header: {
+            backgroundColor: string;
+            borderColor: string;
+            hoverBackgroundColor: string;
+            hoverInnerColor: string;
+            hoverOuterColor: string;
+            isolate: 'off' | 'on';
+            labelHalign: 'center' | 'end' | 'start';
+            labelStyle: object;
+            selectedBackgroundColor: string;
+            selectedInnerColor: string;
+            selectedOuterColor: string;
+            useNodeColor: 'on' | 'off';
+        };
+        hoverColor: string;
+        labelDisplay: 'off' | 'node';
+        labelHalign: 'start' | 'end' | 'center';
+        labelMinLength: number;
+        labelStyle: object;
+        labelValign: 'top' | 'bottom' | 'center';
+        selectedInnerColor: string;
+        selectedOuterColor: string;
+    };
+    nodeSeparators: 'bevels' | 'gaps';
+    rootNode: any;
+    selection: any[];
+    selectionMode: 'none' | 'single' | 'multiple';
+    sizeLabel: string;
+    sorting: 'on' | 'off';
+    tooltip: {
+        renderer: ((context: ojTreemap.TooltipContext<K, D>) => ({
+            insert: Element | string;
+        } | {
+            preventDefault: boolean;
+        }));
+    };
+    touchResponse: 'touchStart' | 'auto';
+    translations: {
+        componentName?: string;
+        labelAndValue?: string;
+        labelClearSelection?: string;
+        labelColor?: string;
+        labelCountWithTotal?: string;
+        labelDataVisualization?: string;
+        labelInvalidData?: string;
+        labelNoData?: string;
+        labelSize?: string;
+        stateCollapsed?: string;
+        stateDrillable?: string;
+        stateExpanded?: string;
+        stateHidden?: string;
+        stateIsolated?: string;
+        stateMaximized?: string;
+        stateMinimized?: string;
+        stateSelected?: string;
+        stateUnselected?: string;
+        stateVisible?: string;
+        tooltipIsolate?: string;
+        tooltipRestore?: string;
+    };
+}
+export interface ojTreemapSettablePropertiesLenient<K, D> extends Partial<ojTreemapSettableProperties<K, D>> {
+    [key: string]: any;
+}
+export interface ojTreemapNode extends JetElement<ojTreemapNodeSettableProperties> {
+    categories?: string[];
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    groupLabelDisplay?: 'node' | 'off' | 'header';
+    header?: {
+        isolate?: 'off' | 'on';
+        labelHalign?: 'center' | 'end' | 'start';
+        labelStyle?: object;
+        useNodeColor?: 'on' | 'off';
+    };
+    label?: string;
+    labelDisplay?: 'off' | 'node';
+    labelHalign?: 'start' | 'end' | 'center';
+    labelStyle?: object;
+    labelValign?: 'top' | 'bottom' | 'center';
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    selectable?: 'off' | 'auto';
+    shortDesc?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    value: number;
+    onCategoriesChanged: ((event: JetElementCustomEvent<ojTreemapNode["categories"]>) => any) | null;
+    onColorChanged: ((event: JetElementCustomEvent<ojTreemapNode["color"]>) => any) | null;
+    onDrillingChanged: ((event: JetElementCustomEvent<ojTreemapNode["drilling"]>) => any) | null;
+    onGroupLabelDisplayChanged: ((event: JetElementCustomEvent<ojTreemapNode["groupLabelDisplay"]>) => any) | null;
+    onHeaderChanged: ((event: JetElementCustomEvent<ojTreemapNode["header"]>) => any) | null;
+    onLabelChanged: ((event: JetElementCustomEvent<ojTreemapNode["label"]>) => any) | null;
+    onLabelDisplayChanged: ((event: JetElementCustomEvent<ojTreemapNode["labelDisplay"]>) => any) | null;
+    onLabelHalignChanged: ((event: JetElementCustomEvent<ojTreemapNode["labelHalign"]>) => any) | null;
+    onLabelStyleChanged: ((event: JetElementCustomEvent<ojTreemapNode["labelStyle"]>) => any) | null;
+    onLabelValignChanged: ((event: JetElementCustomEvent<ojTreemapNode["labelValign"]>) => any) | null;
+    onPatternChanged: ((event: JetElementCustomEvent<ojTreemapNode["pattern"]>) => any) | null;
+    onSelectableChanged: ((event: JetElementCustomEvent<ojTreemapNode["selectable"]>) => any) | null;
+    onShortDescChanged: ((event: JetElementCustomEvent<ojTreemapNode["shortDesc"]>) => any) | null;
+    onSvgClassNameChanged: ((event: JetElementCustomEvent<ojTreemapNode["svgClassName"]>) => any) | null;
+    onSvgStyleChanged: ((event: JetElementCustomEvent<ojTreemapNode["svgStyle"]>) => any) | null;
+    onValueChanged: ((event: JetElementCustomEvent<ojTreemapNode["value"]>) => any) | null;
+    addEventListener<T extends keyof ojTreemapNodeEventMap>(type: T, listener: (this: HTMLElement, ev: ojTreemapNodeEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojTreemapNodeSettableProperties>(property: T): ojTreemapNode[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojTreemapNodeSettableProperties>(property: T, value: ojTreemapNodeSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojTreemapNodeSettableProperties>): void;
+    setProperties(properties: ojTreemapNodeSettablePropertiesLenient): void;
+}
+export interface ojTreemapNodeEventMap extends HTMLElementEventMap {
+    'categoriesChanged': JetElementCustomEvent<ojTreemapNode["categories"]>;
+    'colorChanged': JetElementCustomEvent<ojTreemapNode["color"]>;
+    'drillingChanged': JetElementCustomEvent<ojTreemapNode["drilling"]>;
+    'groupLabelDisplayChanged': JetElementCustomEvent<ojTreemapNode["groupLabelDisplay"]>;
+    'headerChanged': JetElementCustomEvent<ojTreemapNode["header"]>;
+    'labelChanged': JetElementCustomEvent<ojTreemapNode["label"]>;
+    'labelDisplayChanged': JetElementCustomEvent<ojTreemapNode["labelDisplay"]>;
+    'labelHalignChanged': JetElementCustomEvent<ojTreemapNode["labelHalign"]>;
+    'labelStyleChanged': JetElementCustomEvent<ojTreemapNode["labelStyle"]>;
+    'labelValignChanged': JetElementCustomEvent<ojTreemapNode["labelValign"]>;
+    'patternChanged': JetElementCustomEvent<ojTreemapNode["pattern"]>;
+    'selectableChanged': JetElementCustomEvent<ojTreemapNode["selectable"]>;
+    'shortDescChanged': JetElementCustomEvent<ojTreemapNode["shortDesc"]>;
+    'svgClassNameChanged': JetElementCustomEvent<ojTreemapNode["svgClassName"]>;
+    'svgStyleChanged': JetElementCustomEvent<ojTreemapNode["svgStyle"]>;
+    'valueChanged': JetElementCustomEvent<ojTreemapNode["value"]>;
+}
+export interface ojTreemapNodeSettableProperties extends JetSettableProperties {
+    categories?: string[];
+    color?: string;
+    drilling?: 'on' | 'off' | 'inherit';
+    groupLabelDisplay?: 'node' | 'off' | 'header';
+    header?: {
+        isolate?: 'off' | 'on';
+        labelHalign?: 'center' | 'end' | 'start';
+        labelStyle?: object;
+        useNodeColor?: 'on' | 'off';
+    };
+    label?: string;
+    labelDisplay?: 'off' | 'node';
+    labelHalign?: 'start' | 'end' | 'center';
+    labelStyle?: object;
+    labelValign?: 'top' | 'bottom' | 'center';
+    pattern?: 'smallChecker' | 'smallCrosshatch' | 'smallDiagonalLeft' | 'smallDiagonalRight' | 'smallDiamond' | 'smallTriangle' | 'largeChecker' | 'largeCrosshatch' | 'largeDiagonalLeft' |
+       'largeDiagonalRight' | 'largeDiamond' | 'largeTriangle' | 'none';
+    selectable?: 'off' | 'auto';
+    shortDesc?: string;
+    svgClassName?: string;
+    svgStyle?: object;
+    value: number;
+}
+export interface ojTreemapNodeSettablePropertiesLenient extends Partial<ojTreemapNodeSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/ojvalidation-base/index.d.ts b/types/oracle__oraclejet/ojvalidation-base/index.d.ts
new file mode 100644
index 0000000000..83a20555db
--- /dev/null
+++ b/types/oracle__oraclejet/ojvalidation-base/index.d.ts
@@ -0,0 +1,144 @@
+import Message = require('../ojmessaging');
+import Color = require('../ojcolor');
+export interface AsyncValidator<V> {
+    hint: Promise<string>;
+    validate(value: V): Promise<boolean>;
+}
+export class ColorConverter implements Converter<Color> {
+    constructor(options?: ColorConverter.ConverterOptions);
+    format(color: Color): string | null;
+    getHint(): string;
+    parse(value: string): Color;
+    resolvedOptions(): ColorConverter.ConverterOptions;
+}
+export namespace ColorConverter {
+    // tslint:disable-next-line interface-over-type-literal
+    type ConverterOptions = {
+        format?: 'rgb' | 'hsl' | 'hsv' | 'hex' | 'hex3';
+    };
+}
+export interface ColorConverterFactory {
+    createConverter(options?: ColorConverter.ConverterOptions): ColorConverter;
+}
+export interface Converter<V> {
+    format(value: V): string | null;
+    getHint?(): string | null;
+    getOptions?(): object;
+    parse(value: string): V | null;
+    resolvedOptions?(): object;
+}
+export interface ConverterError {
+    // constructor(summary: string, detail: string);
+    getMessage(): Message;
+}
+export interface ConverterFactory<V> {
+    // static CONVERTER_TYPE_COLOR: string;
+    // static CONVERTER_TYPE_DATETIME: string;
+    // static CONVERTER_TYPE_NUMBER: string;
+    createConverter(options: object | null): Converter<V>;
+}
+export namespace IntlConverterUtils {
+    function dateToLocalIso(date: Date): string;
+    function getConverterInstance<T>(converterOption: string | Validation.RegisteredConverter | Converter<T>): Converter<T> | null;
+    function getInitials(firstName?: string, lastName?: string): string | undefined;
+    function getLocalTimeZoneOffset(): string;
+    function isoToDate(isoString: string): Date;
+    function isoToLocalDate(isoString: string): Date;
+}
+export class LengthValidator implements Validator<number | string> {
+    static defaults: {
+        countBy: string;
+    };
+    constructor(options?: LengthValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: string | number): void;
+}
+export namespace LengthValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        countBy?: 'codeUnit' | 'codePoint';
+        min?: number;
+        max?: number;
+        hint?: {
+            max?: string;
+            min?: string;
+            inRange?: string;
+            exact?: string;
+        };
+        messageDetail?: {
+            tooLong?: string;
+            tooShort?: string;
+        };
+        messageSummary?: {
+            tooLong?: string;
+            tooShort?: string;
+        };
+    };
+}
+export interface LengthValidatorFactory {
+    createValidator(options?: LengthValidator.ValidatorOptions): LengthValidator;
+}
+export class RegExpValidator implements Validator<string | number> {
+    constructor(options?: RegExpValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: string | number): void;
+}
+export namespace RegExpValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        pattern?: string;
+        hint?: string;
+        messageSummary?: string;
+        messageDetail?: string;
+    };
+}
+export interface RegExpValidatorFactory {
+    createValidator(options: RegExpValidator.ValidatorOptions): RegExpValidator;
+}
+export class RequiredValidator implements Validator<object | string | number> {
+    constructor(options?: RequiredValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: object | string | number): void;
+}
+export namespace RequiredValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        hint?: string;
+        messageSummary?: string;
+        messageDetail?: string;
+    };
+}
+export interface RequiredValidatorFactory {
+    createValidator(options?: RequiredValidator.ValidatorOptions): RequiredValidator;
+}
+export namespace Validation {
+    function converterFactory<CF extends ConverterFactory<any>>(type: 'number' | 'color' | 'datetime' | string, instance?: CF): CF | null;
+    function validatorFactory<VF extends ValidatorFactory<any>>(type: 'required' | 'regexp' | 'numberRange' | 'length' | 'dateTimeRange' | 'dateRestriction' | string, instance?: VF): VF | null;
+    // tslint:disable-next-line interface-over-type-literal
+    type RegisteredConverter = {
+        type: string;
+        options?: object;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type RegisteredValidator = {
+        type: string;
+        options?: object;
+    };
+}
+export interface Validator<V> {
+    getHint?(): string | null;
+    validate(value: V): void;
+}
+export interface ValidatorError {
+    // constructor(summary: string, detail: string);
+    getMessage(): Message;
+}
+export interface ValidatorFactory<V> {
+    // static VALIDATOR_TYPE_DATERESTRICTION: string;
+    // static VALIDATOR_TYPE_DATETIMERANGE: string;
+    // static VALIDATOR_TYPE_LENGTH: string;
+    // static VALIDATOR_TYPE_NUMBERRANGE: string;
+    // static VALIDATOR_TYPE_REGEXP: string;
+    // static VALIDATOR_TYPE_REQUIRED: string;
+    createValidator(options: object | null): Validator<V>;
+}
diff --git a/types/oracle__oraclejet/ojvalidation-datetime/index.d.ts b/types/oracle__oraclejet/ojvalidation-datetime/index.d.ts
new file mode 100644
index 0000000000..976969a002
--- /dev/null
+++ b/types/oracle__oraclejet/ojvalidation-datetime/index.d.ts
@@ -0,0 +1,130 @@
+import { Converter, Validator, Validation } from '../ojvalidation-base';
+export class DateRestrictionValidator implements Validator<string> {
+    constructor(options?: DateRestrictionValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: string): void;
+}
+export namespace DateRestrictionValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type DayFormatterInput = {
+        fullYear: number;
+        month: number;
+        date: number;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type DayFormatterOutput = {
+        disabled?: boolean;
+        className?: string;
+        tooltip?: string;
+    };
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        dayFormatter?: ((param0: DayFormatterInput) => DayFormatterOutput | null | 'all');
+        messageSummary?: string;
+        messageDetail?: string;
+    };
+}
+export interface DateRestrictionValidatorFactory {
+    createValidator(options?: DateRestrictionValidator.ValidatorOptions): DateRestrictionValidator;
+}
+export abstract class DateTimeConverter implements Converter<string> {
+    abstract calculateWeek(value: string): number | undefined;
+    compareISODates(isoStr: string, isoStr2: string): number;
+    format(value: string): string | null;
+    getAvailableTimeZones(): any[];
+    abstract isDayNameSet(): boolean;
+    abstract isDaySet(): boolean;
+    abstract isHourInAMPMSet(): boolean;
+    abstract isHourInDaySet(): boolean;
+    abstract isMilliSecondSet(): boolean;
+    abstract isMinuteSet(): boolean;
+    abstract isMonthSet(): boolean;
+    abstract isSecondSet(): boolean;
+    abstract isYearSet(): boolean;
+    parse(value: string): string | null;
+}
+export interface DateTimeConverterFactory {
+    createConverter(options?: IntlDateTimeConverter.ConverterOptions): IntlDateTimeConverter;
+}
+export class DateTimeRangeValidator implements Validator<string> {
+    constructor(options?: DateTimeRangeValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: string): void;
+}
+export namespace DateTimeRangeValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        converter: DateTimeConverter;
+        min?: string;
+        max?: string;
+        hint?: {
+            max?: string;
+            min?: string;
+            inRange?: string;
+        };
+        translationKey?: string;
+        messageDetail?: {
+            rangeUnderflow?: string;
+            rangeOverflow?: string;
+        };
+        messageSummary?: {
+            rangeUnderflow?: string;
+            rangeOverflow?: string;
+        };
+    };
+}
+export interface DateTimeRangeValidatorFactory {
+    createValidator(options?: DateTimeRangeValidator.ValidatorOptions): DateTimeRangeValidator;
+}
+export class IntlDateTimeConverter extends DateTimeConverter {
+    constructor(options?: IntlDateTimeConverter.ConverterOptions);
+    calculateWeek(value: string): number;
+    compareISODates(isoStr: string, isoStr2: string): number;
+    format(value: string): string | null;
+    formatRelative(value: string, relativeOptions?: {
+        formatUsing?: string;
+        dateField?: string;
+        relativeTime?: string;
+        dateOnly?: boolean;
+        timeZone?: string;
+    }): string | null;
+    getAvailableTimeZones(): any[];
+    getHint(): null;
+    getOptions(): IntlDateTimeConverter.ConverterOptions;
+    isDayNameSet(): boolean;
+    isDaySet(): boolean;
+    isHourInAMPMSet(): boolean;
+    isHourInDaySet(): boolean;
+    isMilliSecondSet(): boolean;
+    isMinuteSet(): boolean;
+    isMonthSet(): boolean;
+    isSecondSet(): boolean;
+    isYearSet(): boolean;
+    parse(value: string): string | null;
+    resolvedOptions(): IntlDateTimeConverter.ConverterOptions;
+}
+export namespace IntlDateTimeConverter {
+    // tslint:disable-next-line interface-over-type-literal
+    type ConverterOptions = {
+        year?: '2-digit' | 'numeric';
+        'two-digit-year-start'?: number;
+        month?: '2-digit' | 'numeric' | 'narrow' | 'short' | 'long';
+        day?: '2-digit' | 'numeric';
+        hour?: '2-digit' | 'numeric';
+        minute?: '2-digit' | 'numeric';
+        second?: '2-digit' | 'numeric';
+        millisecond?: 'numeric';
+        weekday?: 'narrow' | 'short' | 'long';
+        era?: 'narrow' | 'short' | 'long';
+        timeZoneName?: 'short' | 'long';
+        timeZone?: string;
+        isoStrFormat?: 'offset' | 'zulu' | 'local' | 'auto';
+        dst?: boolean;
+        hour12?: boolean;
+        pattern?: string;
+        formatType?: 'date' | 'time' | 'datetime';
+        dateFormat?: 'short' | 'medium' | 'long' | 'full';
+        timeFormat?: 'short' | 'medium' | 'long' | 'full';
+        lenientParse?: 'full' | 'none';
+    };
+}
diff --git a/types/oracle__oraclejet/ojvalidation-number/index.d.ts b/types/oracle__oraclejet/ojvalidation-number/index.d.ts
new file mode 100644
index 0000000000..09addc6522
--- /dev/null
+++ b/types/oracle__oraclejet/ojvalidation-number/index.d.ts
@@ -0,0 +1,67 @@
+import { Converter, Validator, Validation } from '../ojvalidation-base';
+export class IntlNumberConverter extends NumberConverter {
+    constructor(options?: IntlNumberConverter.ConverterOptions);
+    format(value: number): string;
+    getHint(): null;
+    getOptions(): IntlNumberConverter.ConverterOptions;
+    parse(value: string): number | null;
+    resolvedOptions(): IntlNumberConverter.ConverterOptions;
+}
+export namespace IntlNumberConverter {
+    // tslint:disable-next-line interface-over-type-literal
+    type ConverterOptions = {
+        style?: 'decimal' | 'currency' | 'percent' | 'unit';
+        currency?: string;
+        unit?: 'byte' | 'bit';
+        currencyDisplay?: 'code' | 'symbol' | 'name';
+        decimalFormat?: 'standard' | 'short' | 'long';
+        currencyFormat?: 'standard' | 'short' | 'long';
+        minimumIntegerDigits?: number;
+        minimumFractionDigits?: number;
+        maximumFractionDigits?: number;
+        useGrouping?: boolean;
+        pattern?: string;
+        roundingMode?: 'HALF_UP' | 'HALF_DOWN' | 'HALF_EVEN';
+        roundDuringParse?: boolean;
+        separators?: object;
+        lenientParse?: 'full' | 'none';
+    };
+}
+export class NumberConverter implements Converter<number> {
+    format(value: number): string | null;
+    parse(value: string): number | null;
+}
+export interface NumberConverterFactory {
+    createConverter(options?: IntlNumberConverter.ConverterOptions): IntlNumberConverter;
+}
+export class NumberRangeValidator implements Validator<string | number> {
+    constructor(options?: NumberRangeValidator.ValidatorOptions);
+    getHint(): string | null;
+    validate(value: string | number): void;
+}
+export namespace NumberRangeValidator {
+    // tslint:disable-next-line interface-over-type-literal
+    type ValidatorOptions = {
+        converter?: NumberConverter;
+        min?: number;
+        max?: number;
+        hint?: {
+            max?: string;
+            min?: string;
+            inRange?: string;
+            exact?: string;
+        };
+        messageDetail?: {
+            rangeUnderflow?: string;
+            rangeOverflow?: string;
+            exact?: string;
+        };
+        messageSummary?: {
+            rangeUnderflow?: string;
+            rangeOverflow?: string;
+        };
+    };
+}
+export interface NumberRangeValidatorFactory {
+    createValidator(options?: NumberRangeValidator.ValidatorOptions): NumberRangeValidator;
+}
diff --git a/types/oracle__oraclejet/ojvalidationgroup/index.d.ts b/types/oracle__oraclejet/ojvalidationgroup/index.d.ts
new file mode 100644
index 0000000000..e5dceb249a
--- /dev/null
+++ b/types/oracle__oraclejet/ojvalidationgroup/index.d.ts
@@ -0,0 +1,23 @@
+import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
+export interface ojValidationGroup extends JetElement<ojValidationGroupSettableProperties> {
+    readonly valid: 'valid' | 'pending' | 'invalidHidden' | 'invalidShown';
+    onValidChanged: ((event: JetElementCustomEvent<ojValidationGroup["valid"]>) => any) | null;
+    addEventListener<T extends keyof ojValidationGroupEventMap>(type: T, listener: (this: HTMLElement, ev: ojValidationGroupEventMap[T]) => any, useCapture?: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+    getProperty<T extends keyof ojValidationGroupSettableProperties>(property: T): ojValidationGroup[T];
+    getProperty(property: string): any;
+    setProperty<T extends keyof ojValidationGroupSettableProperties>(property: T, value: ojValidationGroupSettableProperties[T]): void;
+    setProperty<T extends string>(property: T, value: JetSetPropertyType<T, ojValidationGroupSettableProperties>): void;
+    setProperties(properties: ojValidationGroupSettablePropertiesLenient): void;
+    focusOn(key?: '@firstInvalidShown'): void;
+    showMessages(): void;
+}
+export interface ojValidationGroupEventMap extends HTMLElementEventMap {
+    'validChanged': JetElementCustomEvent<ojValidationGroup["valid"]>;
+}
+export interface ojValidationGroupSettableProperties extends JetSettableProperties {
+    readonly valid: 'valid' | 'pending' | 'invalidHidden' | 'invalidShown';
+}
+export interface ojValidationGroupSettablePropertiesLenient extends Partial<ojValidationGroupSettableProperties> {
+    [key: string]: any;
+}
diff --git a/types/oracle__oraclejet/oracle__oraclejet-tests.ts b/types/oracle__oraclejet/oracle__oraclejet-tests.ts
new file mode 100644
index 0000000000..41c645e679
--- /dev/null
+++ b/types/oracle__oraclejet/oracle__oraclejet-tests.ts
@@ -0,0 +1,113 @@
+// Since all the definitions are auto generated from jsdoc doclets and internally tested through application,
+// add some basic tests here.
+import { ojAccordion } from "@oracle/oraclejet/ojaccordion";
+import AnimationUtils = require("@oracle/oraclejet/ojanimation");
+import ArrayDataProvider = require("@oracle/oraclejet/ojarraydataprovider");
+import ArrayTreeDataProvider = require("@oracle/oraclejet/ojarraytreedataprovider");
+import { AttributeGroupHandler, ColorAttributeGroupHandler, ShapeAttributeGroupHandler } from '@oracle/oraclejet/ojattributegrouphandler';
+import { ojAvatar } from "@oracle/oraclejet/ojavatar";
+import { ojButton, ojButtonsetMany, ojButtonsetOne } from "@oracle/oraclejet/ojbutton";
+import { ojChart, ojChartGroup, ojChartItem, ojChartSeries, ojSparkChart, ojSparkChartItem } from "@oracle/oraclejet/ojchart";
+import { ojCheckboxset } from "@oracle/oraclejet/ojcheckboxset";
+import { ojCollapsible } from "@oracle/oraclejet/ojcollapsible";
+import CollectionDataprovider = require("@oracle/oraclejet/ojcollectiondataprovider");
+import Color = require("@oracle/oraclejet/ojcolor");
+import { ojColorPalette } from "@oracle/oraclejet/ojcolorpalette";
+import { ojColorSpectrum } from "@oracle/oraclejet/ojcolorspectrum";
+import Components = require("@oracle/oraclejet/ojcomponentcore");
+import Composite = require("@oracle/oraclejet/ojcomposite");
+import Config = require('@oracle/oraclejet/ojconfig');
+import Context = require("@oracle/oraclejet/ojcontext");
+import { ojConveyorBelt } from "@oracle/oraclejet/ojconveyorbelt";
+import { ojDataGrid } from "@oracle/oraclejet/ojdatagrid";
+import { DataMapping, DataProvider, DataProviderAddOperationEventDetail, DataProviderMutationEventDetail, DataProviderOperationEventDetail } from "@oracle/oraclejet/ojdataprovider";
+import { ojDatePicker, ojDateTimePicker, ojInputDate, ojInputDateTime, ojInputTime } from "@oracle/oraclejet/ojdatetimepicker";
+import { ojDefer } from "@oracle/oraclejet/ojdefer";
+import DeferredDataprovider = require("@oracle/oraclejet/ojdeferreddataprovider");
+import { ojDiagram, ojDiagramLink, ojDiagramNode } from "@oracle/oraclejet/ojdiagram";
+import { ojDialog } from "@oracle/oraclejet/ojdialog";
+import { dvtBaseComponent } from "@oracle/oraclejet/ojdvt-base";
+import { editableValue } from "@oracle/oraclejet/ojeditablevalue";
+import ExpressionUtils = require('@oracle/oraclejet/ojexpressionutils');
+import { ojFilePicker, FileUploadTransport } from "@oracle/oraclejet/ojfilepicker";
+import { ojFilmStrip } from "@oracle/oraclejet/ojfilmstrip";
+import { ojFormLayout } from "@oracle/oraclejet/ojformlayout";
+import { ojGantt, ojGanttRow, ojGanttTask, ojGanttDependency } from "@oracle/oraclejet/ojgantt";
+import GanttUtils = require ('@oracle/oraclejet/ojganttutils');
+import { ojLedGauge, ojRatingGauge, ojStatusMeterGauge } from "@oracle/oraclejet/ojgauge";
+import { ojInputNumber } from "@oracle/oraclejet/ojinputnumber";
+import { ojInputPassword, ojInputText, ojTextArea } from "@oracle/oraclejet/ojinputtext";
+import { KeySet, ExpandAllKeySet, ExpandedKeySet } from "@oracle/oraclejet/ojkeyset";
+import { ObservableExpandedKeySet } from "@oracle/oraclejet/ojknockout-keyset";
+import KnockoutUtils = require("@oracle/oraclejet/ojknockout-model");
+import KnockoutTemplateUtils = require('@oracle/oraclejet/ojknockouttemplateutils');
+import { ojLabel } from "@oracle/oraclejet/ojlabel";
+import { ojLabelValue } from "@oracle/oraclejet/ojlabelvalue";
+import { ojLegend } from "@oracle/oraclejet/ojlegend";
+import ListDataProviderView = require("@oracle/oraclejet/ojlistdataproviderview");
+import { ojListView } from "@oracle/oraclejet/ojlistview";
+import LocaleData = require('@oracle/oraclejet/ojlocaledata');
+import Logger = require('@oracle/oraclejet/ojlogger');
+import { ojMasonryLayout } from "@oracle/oraclejet/ojmasonrylayout";
+import { ojMenu } from "@oracle/oraclejet/ojmenu";
+import { ojMenuSelectMany } from "@oracle/oraclejet/ojmenuselectmany";
+import { ojMessages } from "@oracle/oraclejet/ojmessages";
+import { ojMessage } from "@oracle/oraclejet/ojmessage";
+import Message = require("@oracle/oraclejet/ojmessaging");
+import { Collection, Model, URLError, OAuth } from "@oracle/oraclejet/ojmodel";
+import { ojModule } from "@oracle/oraclejet/ojmodule-element";
+import ModuleElementUtils = require("@oracle/oraclejet/ojmodule-element-utils");
+import ModuleAnimations = require("@oracle/oraclejet/ojmoduleanimations") ;
+import { ojNavigationList, ojTabBar } from "@oracle/oraclejet/ojnavigationlist";
+import { ojNBox } from "@oracle/oraclejet/ojnbox";
+import { ojOptgroup } from "@oracle/oraclejet/ojoptgroup";
+import { ojOption } from "@oracle/oraclejet/ojoption";
+import { ojPictoChart, ojPictoChartItem } from "@oracle/oraclejet/ojpictochart";
+import { ojPopup } from "@oracle/oraclejet/ojpopup";
+import { ojProgress } from "@oracle/oraclejet/ojprogress";
+import { ojProgressList, ProgressItem } from "@oracle/oraclejet/ojprogresslist";
+import PullToRefreshUtils = require("@oracle/oraclejet/ojpulltorefresh");
+import { ojRadioset } from "@oracle/oraclejet/ojradioset";
+import { ojRefresher } from "@oracle/oraclejet/ojrefresher";
+import ResponsiveKnockoutUtils = require('@oracle/oraclejet/ojresponsiveknockoututils');
+import ResponsiveUtils = require('@oracle/oraclejet/ojresponsiveutils');
+import Router = require("@oracle/oraclejet/ojrouter");
+import { ojComboboxOne, ojComboboxMany, ojSelectOne, ojSelectMany } from "@oracle/oraclejet/ojselectcombobox";
+import { ojSlider } from "@oracle/oraclejet/ojslider";
+import { ojSunburst } from "@oracle/oraclejet/ojsunburst";
+import { ojSwipeActions } from "@oracle/oraclejet/ojswipeactions";
+import SwipeToRevealUtils = require("@oracle/oraclejet/ojswipetoreveal");
+import { ojSwitch } from "@oracle/oraclejet/ojswitch";
+import { ojSwitcher } from "@oracle/oraclejet/ojswitcher";
+import { ojTable } from "@oracle/oraclejet/ojtable";
+import { ojTagCloud } from "@oracle/oraclejet/ojtagcloud";
+import { ojThematicMap } from "@oracle/oraclejet/ojthematicmap";
+import ThemeUtils = require('@oracle/oraclejet/ojthemeutils');
+import { dvtTimeComponent } from "@oracle/oraclejet/ojtime-base";
+import { ojTimeAxis } from "@oracle/oraclejet/ojtimeaxis";
+import TimeUtils = require("@oracle/oraclejet/ojtimeutils");
+import { ojToolbar } from "@oracle/oraclejet/ojtoolbar";
+import { ojTrain } from "@oracle/oraclejet/ojtrain";
+import Translations = require("@oracle/oraclejet/ojtranslation");
+import TreeDataProvider = require("@oracle/oraclejet/ojtreedataprovider");
+import { ojTreemap } from "@oracle/oraclejet/ojtreemap";
+import { Validation, Validator, ValidatorError, ValidatorFactory,
+    AsyncValidator, LengthValidator, LengthValidatorFactory, RegExpValidator, RegExpValidatorFactory, RequiredValidator, RequiredValidatorFactory } from "@oracle/oraclejet/ojvalidation-base";
+import { DateRestrictionValidator, DateRestrictionValidatorFactory, DateTimeRangeValidator, DateTimeRangeValidatorFactory } from "@oracle/oraclejet/ojvalidation-datetime";
+import { NumberRangeValidator, NumberRangeValidatorFactory } from "@oracle/oraclejet/ojvalidation-number";
+import { ojValidationGroup } from "@oracle/oraclejet/ojvalidationgroup";
+
+const onChangedCallback = (event: CustomEvent) => {
+};
+const myHTMLElement = document.getElementById('myelement');
+const accordionElement =  myHTMLElement as ojAccordion;
+accordionElement.multiple = true;
+accordionElement.onMultipleChanged = onChangedCallback;
+
+const avatarElement = myHTMLElement as ojAvatar;
+avatarElement.size = "xxs";
+avatarElement.set("initials", "I");
+avatarElement.unset("src");
+
+const button = myHTMLElement as ojButtonsetOne;
+button.chroming = 'half';
diff --git a/types/oracle__oraclejet/tsconfig.json b/types/oracle__oraclejet/tsconfig.json
new file mode 100644
index 0000000000..5f529007f8
--- /dev/null
+++ b/types/oracle__oraclejet/tsconfig.json
@@ -0,0 +1,126 @@
+{
+    "compileOnSave": true,
+	"compilerOptions": {
+        "module": "commonjs",
+        "lib": ["dom","es5","scripthost", "es2015.core","es2015.collection","es2015","esnext.asynciterable"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "forceConsistentCasingInFileNames": true,
+        "noEmit": true,
+        "target": "es5",
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "paths": {
+            "@oracle/oraclejet": [
+                "oracle__oraclejet"
+            ],
+            "@oracle/oraclejet/*": [
+                "oracle__oraclejet/*"
+            ]
+        } 
+    },
+    "files": [
+        "oracle__oraclejet-tests.ts",
+        "index.d.ts",
+        "ojaccordion/index.d.ts",
+        "ojanimation/index.d.ts",
+        "ojarraydataprovider/index.d.ts",
+        "ojarraytreedataprovider/index.d.ts",
+        "ojattributegrouphandler/index.d.ts",
+        "ojavatar/index.d.ts",
+        "ojbutton/index.d.ts",
+        "ojchart/index.d.ts",
+        "ojcheckboxset/index.d.ts",
+        "ojcollapsible/index.d.ts",
+        "ojcollectiondataprovider/index.d.ts",
+        "ojcolor/index.d.ts",
+        "ojcolorpalette/index.d.ts",
+        "ojcolorspectrum/index.d.ts",
+        "ojcomponentcore/index.d.ts",
+        "ojcomposite/index.d.ts",
+        "ojconfig/index.d.ts",
+        "ojcontext/index.d.ts",
+        "ojconveyorbelt/index.d.ts",
+        "ojdatagrid/index.d.ts",
+        "ojdataprovider/index.d.ts",
+        "ojdatetimepicker/index.d.ts",
+        "ojdefer/index.d.ts",
+        "ojdeferreddataprovider/index.d.ts",
+        "ojdiagram/index.d.ts",
+        "ojdialog/index.d.ts",
+        "ojdvt-base/index.d.ts",
+        "ojeditablevalue/index.d.ts",
+        "ojexpressionutils/index.d.ts",
+        "ojfilepicker/index.d.ts",
+        "ojfilmstrip/index.d.ts",
+        "ojformlayout/index.d.ts",
+        "ojgantt/index.d.ts",
+        "ojganttutils/index.d.ts",
+        "ojgauge/index.d.ts",
+        "ojinputnumber/index.d.ts",
+        "ojinputtext/index.d.ts",
+        "ojkeyset/index.d.ts",
+        "ojknockout-keyset/index.d.ts",
+        "ojknockout-model/index.d.ts",
+        "ojknockouttemplateutils/index.d.ts",
+        "ojlabel/index.d.ts",
+        "ojlabelvalue/index.d.ts",
+        "ojlegend/index.d.ts",
+        "ojlistdataproviderview/index.d.ts",
+        "ojlistview/index.d.ts",
+        "ojlocaledata/index.d.ts",
+        "ojlogger/index.d.ts",
+        "ojmasonrylayout/index.d.ts",
+        "ojmenu/index.d.ts",
+        "ojmenuselectmany/index.d.ts",
+        "ojmessage/index.d.ts",
+        "ojmessages/index.d.ts",
+        "ojmessaging/index.d.ts",
+        "ojmodel/index.d.ts",
+        "ojmodule-element/index.d.ts",
+        "ojmodule-element-utils/index.d.ts",
+        "ojmoduleanimations/index.d.ts",
+        "ojnavigationlist/index.d.ts",
+        "ojnbox/index.d.ts",
+        "ojoptgroup/index.d.ts",
+        "ojoption/index.d.ts",
+        "ojpictochart/index.d.ts",
+        "ojpopup/index.d.ts",
+        "ojprogress/index.d.ts",
+        "ojprogresslist/index.d.ts",
+        "ojpulltorefresh/index.d.ts",
+        "ojradioset/index.d.ts",
+        "ojrefresher/index.d.ts",
+        "ojresponsiveknockoututils/index.d.ts",
+        "ojresponsiveutils/index.d.ts",
+        "ojrouter/index.d.ts",
+        "ojselectcombobox/index.d.ts",
+        "ojslider/index.d.ts",
+        "ojsunburst/index.d.ts",
+        "ojswipeactions/index.d.ts",
+        "ojswipetoreveal/index.d.ts",
+        "ojswitch/index.d.ts",
+        "ojswitcher/index.d.ts",
+        "ojtable/index.d.ts",
+        "ojtagcloud/index.d.ts",
+        "ojthematicmap/index.d.ts",
+        "ojthemeutils/index.d.ts",
+        "ojtime-base/index.d.ts",
+        "ojtimeaxis/index.d.ts",
+        "ojtimeutils/index.d.ts",
+        "ojtoolbar/index.d.ts",
+        "ojtrain/index.d.ts",
+        "ojtranslation/index.d.ts",
+        "ojtreedataprovider/index.d.ts",
+        "ojtreemap/index.d.ts",
+        "ojvalidation-base/index.d.ts",
+        "ojvalidation-datetime/index.d.ts",
+        "ojvalidation-number/index.d.ts",
+        "ojvalidationgroup/index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/oracle__oraclejet/tslint.json b/types/oracle__oraclejet/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/oracle__oraclejet/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/osmosis/index.d.ts b/types/osmosis/index.d.ts
index 4c03388047..8d9f640f8b 100644
--- a/types/osmosis/index.d.ts
+++ b/types/osmosis/index.d.ts
@@ -56,8 +56,33 @@ interface Osmosis {
      * result data, osmosis finished
      */
     data(callback: (param: any) => any): Osmosis;
-  }
 
-  declare const osmosis: Osmosis;
+    /**
+     * Set configuration options for the **preceeding** command on down the chain.
+     */
+    config(option: string | { [key: string]: any }, value?: any): Osmosis;
 
-  export = osmosis;
+    /**
+     * Set a cookie. Short for `.config({ cookies: ... })`. Note: Setting a cookie to `null` will delete the cookie.
+     */
+    cookie(name: string, value: string | null): Osmosis;
+
+    /**
+     * Set an HTTP header. Short for `.config({ headers: ... })`
+     */
+    header(name: string, value: string): Osmosis;
+
+    /**
+     * Set multiple HTTP headers. Short for `.config({ headers: ... })`.
+     */
+    headers(headers: { [key: string]: string }): Osmosis;
+
+    /**
+     * Call a callback when the Osmosis instance has completely finished.
+     */
+    done(callback: () => any): Osmosis;
+}
+
+declare const osmosis: Osmosis;
+
+export = osmosis;
diff --git a/types/osmosis/osmosis-tests.ts b/types/osmosis/osmosis-tests.ts
index f0c39d4312..94f08db15e 100644
--- a/types/osmosis/osmosis-tests.ts
+++ b/types/osmosis/osmosis-tests.ts
@@ -12,9 +12,15 @@ const errorFunction = (error: string) => {
     const myError = error;
 };
 
-// example is from https://github.com/rchipka/node-osmosis#example
+const doneFunction = () => {};
+
+// modified example from https://github.com/rchipka/node-osmosis#example
 
 osmosis
+    .config({ headers: { 'test-header-name': 'test-header-value' } })
+    .headers({ 'test-header-name': 'test-header-value' })
+    .header('test-header-name', 'test-header-value')
+    .cookie('test-cookie-name', 'test-cookie-value')
     .get('www.craigslist.org/about/sites')
     .find('h1 + div a')
     .set('location')
@@ -39,4 +45,5 @@ osmosis
     })
     .log(logFunction)
     .error(errorFunction)
-    .debug(debugFunction);
+    .debug(debugFunction)
+    .done(doneFunction);
diff --git a/types/p-loading/tsconfig.json b/types/p-loading/tsconfig.json
index 09fd52fdda..6f45b638aa 100644
--- a/types/p-loading/tsconfig.json
+++ b/types/p-loading/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/p-queue/index.d.ts b/types/p-queue/index.d.ts
index 568de0ca1d..10c1179815 100644
--- a/types/p-queue/index.d.ts
+++ b/types/p-queue/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for p-queue 2.3
+// Type definitions for p-queue 3.0
 // Project: https://github.com/sindresorhus/p-queue#readme
 // Definitions by: BendingBender <https://github.com/BendingBender>
 //                 Evan Shortiss <https://github.com/evanshortiss>
@@ -93,6 +93,9 @@ declare namespace PQueue {
         concurrency?: number;
         autoStart?: boolean;
         queueClass?: QueueClassConstructor<O>;
+        intervalCap?: number;
+        interval?: number;
+        carryoverConcurrencyCount?: boolean;
     }
 
     interface DefaultAddOptions {
diff --git a/types/p-queue/v2/index.d.ts b/types/p-queue/v2/index.d.ts
new file mode 100644
index 0000000000..568de0ca1d
--- /dev/null
+++ b/types/p-queue/v2/index.d.ts
@@ -0,0 +1,103 @@
+// Type definitions for p-queue 2.3
+// Project: https://github.com/sindresorhus/p-queue#readme
+// Definitions by: BendingBender <https://github.com/BendingBender>
+//                 Evan Shortiss <https://github.com/evanshortiss>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+export = PQueue;
+
+declare class PQueue<O extends PQueue.QueueAddOptions = PQueue.DefaultAddOptions> {
+    /**
+     * Size of the queue.
+     */
+    size: number;
+
+    /**
+     * Number of pending promises.
+     */
+    pending: number;
+
+    /**
+     * Whether the queue is currently paused.
+     */
+    isPaused: boolean;
+
+    constructor(opts?: PQueue.Options<O>);
+
+    /**
+     * Returns the promise returned by calling fn.
+     * @param fn Promise-returning/async function.
+     */
+    add<T>(fn: PQueue.Task<T>, opts?: O): Promise<T>;
+
+    /**
+     * Same as .add(), but accepts an array of async functions and
+     * returns a promise that resolves when all async functions are resolved.
+     * @param fn Array of Promise-returning/async functions.
+     */
+    addAll<TAll>(fns: Array<PQueue.Task<TAll>>, opts?: O): Promise<TAll[]>;
+
+    /**
+     * Returns a promise that settles when the queue becomes empty.
+     * Can be called multiple times. Useful if you for example add
+     * additional items at a later time.
+     */
+    onEmpty(): Promise<void>;
+
+    /**
+     * Returns a promise that settles when the queue becomes empty, and all
+     * promises have completed; queue.size === 0 && queue.pending === 0.
+     * The difference with .onEmpty is that .onIdle guarantees that all work
+     * from the queue has finished. .onEmpty merely signals that the queue is
+     * empty, but it could mean that some promises haven't completed yet.
+     */
+    onIdle(): Promise<void>;
+
+    /**
+     * Start (or resume) executing enqueued tasks within concurrency limit.
+     * No need to call this if queue is not paused (via options.autoStart = false
+     * or by .pause() method.)
+     */
+    start(): void;
+
+    /**
+     * Clear the queue.
+     */
+    clear(): void;
+
+    /**
+     * Put queue execution on hold.
+     */
+    pause(): void;
+}
+
+declare namespace PQueue {
+    interface QueueAddOptions {
+        [key: string]: any;
+    }
+
+    interface QueueClassConstructor<O extends QueueAddOptions> {
+        new(): QueueClass<O>;
+    }
+
+    interface QueueClass<O extends QueueAddOptions> {
+        size: number;
+
+        enqueue(run: () => void, options?: O): void;
+
+        dequeue(): (() => void) | undefined;
+    }
+
+    interface Options<O extends QueueAddOptions> {
+        concurrency?: number;
+        autoStart?: boolean;
+        queueClass?: QueueClassConstructor<O>;
+    }
+
+    interface DefaultAddOptions {
+        priority?: number;
+    }
+
+    type Task<T> = () => Promise<T>;
+}
diff --git a/types/p-queue/v2/p-queue-tests.ts b/types/p-queue/v2/p-queue-tests.ts
new file mode 100644
index 0000000000..fcd48c852d
--- /dev/null
+++ b/types/p-queue/v2/p-queue-tests.ts
@@ -0,0 +1,51 @@
+import PQueue = require("p-queue");
+
+const queue = new PQueue({ concurrency: 1 });
+
+queue
+    .add(() => Promise.resolve("sindresorhus.com"))
+    .then(sindre => {
+        const str: string = sindre;
+    });
+
+queue.addAll([() => Promise.resolve("oh"), () => Promise.resolve("hi")]).then(r => {
+    r.indexOf("h");
+});
+
+Promise.resolve((): Promise<string> => Promise.resolve("unicorn"))
+    .then(task => queue.add(task, { priority: 5 }))
+    .then(unicorn => {
+        const str: string = unicorn;
+    });
+
+queue.onEmpty().then(() => {});
+queue.onIdle().then(() => {});
+queue.start();
+queue.pause();
+queue.clear();
+
+let num: number;
+num = queue.size;
+num = queue.pending;
+const paused = queue.isPaused;
+
+class QueueClass implements PQueue.QueueClass<{ any: string }> {
+    private readonly queue: Array<() => void>;
+
+    size = 0;
+
+    constructor() {
+        this.queue = [];
+    }
+
+    enqueue(run: () => void, options: { any: string }) {
+        this.queue.push(run);
+    }
+
+    dequeue() {
+        return this.queue.shift();
+    }
+}
+
+const queue2 = new PQueue({ queueClass: QueueClass });
+queue2.add(() => Promise.resolve(), { any: "hi" });
diff --git a/types/p-queue/v2/tsconfig.json b/types/p-queue/v2/tsconfig.json
new file mode 100644
index 0000000000..49d979aa06
--- /dev/null
+++ b/types/p-queue/v2/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "p-queue": [ "p-queue/v2" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "p-queue-tests.ts"
+    ]
+}
diff --git a/types/p-queue/v2/tslint.json b/types/p-queue/v2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/p-queue/v2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/p-wait-for/index.d.ts b/types/p-wait-for/index.d.ts
index 5e8f88d413..d7fa76e016 100644
--- a/types/p-wait-for/index.d.ts
+++ b/types/p-wait-for/index.d.ts
@@ -1,8 +1,15 @@
-// Type definitions for p-wait-for 1.0
+// Type definitions for p-wait-for 2.0
 // Project: https://github.com/sindresorhus/p-wait-for#readme
 // Definitions by: BendingBender <https://github.com/BendingBender>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export = pWaitFor;
 
-declare function pWaitFor(condition: () => PromiseLike<boolean> | boolean, interval?: number): Promise<void>;
+declare function pWaitFor(condition: () => PromiseLike<boolean> | boolean, options?: pWaitFor.Options): Promise<void>;
+
+declare namespace pWaitFor {
+    interface Options {
+        interval?: number;
+        timeout?: number;
+    }
+}
diff --git a/types/p-wait-for/p-wait-for-tests.ts b/types/p-wait-for/p-wait-for-tests.ts
index 587d08d5a5..ef23ef6526 100644
--- a/types/p-wait-for/p-wait-for-tests.ts
+++ b/types/p-wait-for/p-wait-for-tests.ts
@@ -1,6 +1,8 @@
 import pWaitFor = require('p-wait-for');
 
 pWaitFor(() => Promise.resolve(false)).then(() => {});
-pWaitFor(() => Promise.resolve(true), 1).then(() => {});
+pWaitFor(() => Promise.resolve(true), { interval: 1 }).then(() => {});
+pWaitFor(() => Promise.resolve(true), { timeout: 1 }).then(() => {});
 pWaitFor(() => false).then(() => {});
-pWaitFor(() => true, 1).then(() => {});
+pWaitFor(() => true, { interval: 1 }).then(() => {});
+pWaitFor(() => true, { timeout: 1 }).then(() => {});
diff --git a/types/p-wait-for/v1/index.d.ts b/types/p-wait-for/v1/index.d.ts
new file mode 100644
index 0000000000..5e8f88d413
--- /dev/null
+++ b/types/p-wait-for/v1/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for p-wait-for 1.0
+// Project: https://github.com/sindresorhus/p-wait-for#readme
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export = pWaitFor;
+
+declare function pWaitFor(condition: () => PromiseLike<boolean> | boolean, interval?: number): Promise<void>;
diff --git a/types/p-wait-for/v1/p-wait-for-tests.ts b/types/p-wait-for/v1/p-wait-for-tests.ts
new file mode 100644
index 0000000000..587d08d5a5
--- /dev/null
+++ b/types/p-wait-for/v1/p-wait-for-tests.ts
@@ -0,0 +1,6 @@
+import pWaitFor = require('p-wait-for');
+
+pWaitFor(() => Promise.resolve(false)).then(() => {});
+pWaitFor(() => Promise.resolve(true), 1).then(() => {});
+pWaitFor(() => false).then(() => {});
+pWaitFor(() => true, 1).then(() => {});
diff --git a/types/p-wait-for/v1/tsconfig.json b/types/p-wait-for/v1/tsconfig.json
new file mode 100644
index 0000000000..2d81275cae
--- /dev/null
+++ b/types/p-wait-for/v1/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "p-wait-for": [ "p-wait-for/v1" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "p-wait-for-tests.ts"
+    ]
+}
diff --git a/types/p-wait-for/v1/tslint.json b/types/p-wait-for/v1/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/p-wait-for/v1/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/p5/constants.d.ts b/types/p5/constants.d.ts
new file mode 100644
index 0000000000..808e55b72e
--- /dev/null
+++ b/types/p5/constants.d.ts
@@ -0,0 +1,127 @@
+import * as p5 from "./index";
+
+declare module "./index" {
+  type ANGLE_MODE =
+    | RADIANS
+    | DEGREES;
+
+  type ARC_MODE =
+    | CHORD
+    | PIE
+    | OPEN;
+
+  type BEGIN_KIND =
+    | POINTS
+    | LINES
+    | TRIANGLES
+    | TRIANGLE_FAN
+    | TRIANGLE_STRIP
+    | QUADS
+    | QUAD_STRIP;
+
+  type BLEND_MODE =
+    | BLEND
+    | DARKEST
+    | LIGHTEST
+    | DIFFERENCE
+    | MULTIPLY
+    | EXCLUSION
+    | SCREEN
+    | REPLACE
+    | OVERLAY
+    | HARD_LIGHT
+    | SOFT_LIGHT
+    | DODGE
+    | BURN
+    | ADD
+    | NORMAL;
+
+  type COLOR_MODE =
+    | RGB
+    | HSB
+    | HSL;
+
+  type CURSOR_TYPE =
+    | ARROW
+    | CROSS
+    | HAND
+    | MOVE
+    | TEXT
+    | WAIT;
+
+  type DEBUG_MODE =
+    | GRID
+    | AXES;
+
+  type ELLIPSE_MODE =
+    | CENTER
+    | RADIUS
+    | CORNER
+    | CORNERS;
+
+  type END_MODE = CLOSE;
+
+  type FILTER_TYPE =
+    | THRESHOLD
+    | GRAY
+    | OPAQUE
+    | INVERT
+    | POSTERIZE
+    | BLUR
+    | ERODE
+    | DILATE
+    | BLUR;
+
+  type GRAPHICS_RENDERER =
+    | P2D
+    | WEBGL;
+
+  type HORIZ_ALIGN =
+    | LEFT
+    | CENTER
+    | RIGHT;
+
+  type IMAGE_MODE =
+    | CORNER
+    | CORNERS
+    | CENTER;
+
+  type RECT_MODE =
+    | CORNER
+    | CORNERS
+    | CENTER
+    | RADIUS;
+
+  type RENDERER =
+    | P2D
+    | WEBGL;
+
+  type SIZE_H = AUTO;
+
+  type SIZE_W = AUTO;
+
+  type STROKE_CAP =
+    | SQUARE
+    | PROJECT
+    | ROUND;
+
+  type STROKE_JOIN =
+    | MITER
+    | BEVEL
+    | ROUND;
+
+  type THE_STYLE =
+    | NORMAL
+    | ITALIC
+    | BOLD;
+
+  type TYPE =
+    | VIDEO
+    | AUDIO;
+
+  type VERT_ALIGN =
+    | TOP
+    | BOTTOM
+    | CENTER
+    | BASELINE;
+}
diff --git a/types/p5/global.d.ts b/types/p5/global.d.ts
new file mode 100644
index 0000000000..6dd593e282
--- /dev/null
+++ b/types/p5/global.d.ts
@@ -0,0 +1,7874 @@
+// Global mode type definitions for p5
+
+// This file was auto-generated. Please do not edit it.
+
+/// <reference path="./lib/addons/p5.dom.d.ts" />
+/// <reference path="./lib/addons/p5.sound.d.ts" />
+import * as p5 from "./index";
+declare global {
+  /**
+   *   Extracts the alpha value from a color or pixel
+   *   array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the alpha value
+   */
+  function alpha(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Extracts the blue value from a color or pixel
+   *   array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the blue value
+   */
+  function blue(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Extracts the HSB brightness value from a color or
+   *   pixel array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the brightness value
+   */
+  function brightness(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Creates colors for storing in variables of the
+   *   color datatype. The parameters are interpreted as
+   *   RGB or HSB values depending on the current
+   *   colorMode(). The default mode is RGB values from 0
+   *   to 255 and, therefore, the function call
+   *   color(255, 204, 0) will return a bright yellow
+   *   color.  Note that if only one value is provided to
+   *   color(), it will be interpreted as a grayscale
+   *   value. Add a second value, and it will be used for
+   *   alpha transparency. When three values are
+   *   specified, they are interpreted as either RGB or
+   *   HSB values. Adding a fourth value applies alpha
+   *   transparency.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *   @param gray number specifying value between white
+   *   and black.
+   *   @param [alpha] alpha value relative to current
+   *   color range (default is 0-255)
+   *   @return resulting color
+   */
+  function color(
+    gray: number,
+    alpha?: number
+  ): p5.Color;
+
+  /**
+   *   Creates colors for storing in variables of the
+   *   color datatype. The parameters are interpreted as
+   *   RGB or HSB values depending on the current
+   *   colorMode(). The default mode is RGB values from 0
+   *   to 255 and, therefore, the function call
+   *   color(255, 204, 0) will return a bright yellow
+   *   color.  Note that if only one value is provided to
+   *   color(), it will be interpreted as a grayscale
+   *   value. Add a second value, and it will be used for
+   *   alpha transparency. When three values are
+   *   specified, they are interpreted as either RGB or
+   *   HSB values. Adding a fourth value applies alpha
+   *   transparency.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *   @param v1 red or hue value relative to the current
+   *   color range
+   *   @param v2 green or saturation value relative to
+   *   the current color range
+   *   @param v3 blue or brightness value relative to the
+   *   current color range
+   *   @param [alpha] alpha value relative to current
+   *   color range (default is 0-255)
+   */
+  function color(
+    v1: number,
+    v2: number,
+    v3: number,
+    alpha?: number
+  ): p5.Color;
+
+  /**
+   *   Creates colors for storing in variables of the
+   *   color datatype. The parameters are interpreted as
+   *   RGB or HSB values depending on the current
+   *   colorMode(). The default mode is RGB values from 0
+   *   to 255 and, therefore, the function call
+   *   color(255, 204, 0) will return a bright yellow
+   *   color.  Note that if only one value is provided to
+   *   color(), it will be interpreted as a grayscale
+   *   value. Add a second value, and it will be used for
+   *   alpha transparency. When three values are
+   *   specified, they are interpreted as either RGB or
+   *   HSB values. Adding a fourth value applies alpha
+   *   transparency.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *   @param value a color string
+   */
+  function color(
+    value: string
+  ): p5.Color;
+
+  /**
+   *   Creates colors for storing in variables of the
+   *   color datatype. The parameters are interpreted as
+   *   RGB or HSB values depending on the current
+   *   colorMode(). The default mode is RGB values from 0
+   *   to 255 and, therefore, the function call
+   *   color(255, 204, 0) will return a bright yellow
+   *   color.  Note that if only one value is provided to
+   *   color(), it will be interpreted as a grayscale
+   *   value. Add a second value, and it will be used for
+   *   alpha transparency. When three values are
+   *   specified, they are interpreted as either RGB or
+   *   HSB values. Adding a fourth value applies alpha
+   *   transparency.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   */
+  function color(
+    values: number[]
+  ): p5.Color;
+
+  /**
+   *   Creates colors for storing in variables of the
+   *   color datatype. The parameters are interpreted as
+   *   RGB or HSB values depending on the current
+   *   colorMode(). The default mode is RGB values from 0
+   *   to 255 and, therefore, the function call
+   *   color(255, 204, 0) will return a bright yellow
+   *   color.  Note that if only one value is provided to
+   *   color(), it will be interpreted as a grayscale
+   *   value. Add a second value, and it will be used for
+   *   alpha transparency. When three values are
+   *   specified, they are interpreted as either RGB or
+   *   HSB values. Adding a fourth value applies alpha
+   *   transparency.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   */
+  function color(
+    color: p5.Color
+  ): p5.Color;
+
+  /**
+   *   Extracts the green value from a color or pixel
+   *   array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the green value
+   */
+  function green(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Extracts the hue value from a color or pixel
+   *   array. Hue exists in both HSB and HSL. This
+   *   function will return the HSB-normalized hue when
+   *   supplied with an HSB color object (or when
+   *   supplied with a pixel array while the color mode
+   *   is HSB), but will default to the HSL-normalized
+   *   hue otherwise. (The values will only be different
+   *   if the maximum hue setting for each system is
+   *   different.)
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the hue
+   */
+  function hue(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Blends two colors to find a third color somewhere
+   *   between them. The amt parameter is the amount to
+   *   interpolate between the two values where 0.0 equal
+   *   to the first color, 0.1 is very near the first
+   *   color, 0.5 is halfway in between, etc. An amount
+   *   below 0 will be treated as 0. Likewise, amounts
+   *   above 1 will be capped at 1. This is different
+   *   from the behavior of lerp(), but necessary because
+   *   otherwise numbers outside the range will produce
+   *   strange and unexpected colors.  The way that
+   *   colours are interpolated depends on the current
+   *   color mode.
+   *   @param c1 interpolate from this color
+   *   @param c2 interpolate to this color
+   *   @param amt number between 0 and 1
+   *   @return interpolated color
+   */
+  function lerpColor(
+    c1: p5.Color,
+    c2: p5.Color,
+    amt: number
+  ): p5.Color;
+
+  /**
+   *   Extracts the HSL lightness value from a color or
+   *   pixel array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the lightness
+   */
+  function lightness(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Extracts the red value from a color or pixel
+   *   array.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the red value
+   */
+  function red(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   Extracts the saturation value from a color or
+   *   pixel array. Saturation is scaled differently in
+   *   HSB and HSL. This function will return the HSB
+   *   saturation when supplied with an HSB color object
+   *   (or when supplied with a pixel array while the
+   *   color mode is HSB), but will default to the HSL
+   *   saturation otherwise.
+   *   @param color p5.Color object, color components, or
+   *   CSS color
+   *   @return the saturation value
+   */
+  function saturation(
+    color:
+      | p5.Color
+      | number[]
+      | string
+  ): number;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param color any value created by the color()
+   *   function
+   *   @chainable
+   */
+  function background(
+    color: p5.Color
+  ): p5;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param colorstring color string, possible formats
+   *   include: integer rgb() or rgba(), percentage rgb()
+   *   or rgba(), 3-digit hex, 6-digit hex
+   *   @param [a] opacity of the background relative to
+   *   current color range (default is 0-255)
+   *   @chainable
+   */
+  function background(
+    colorstring: string,
+    a?: number
+  ): p5;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param gray specifies a value between white and
+   *   black
+   *   @param [a] opacity of the background relative to
+   *   current color range (default is 0-255)
+   *   @chainable
+   */
+  function background(
+    gray: number,
+    a?: number
+  ): p5;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param v1 red or hue value (depending on the
+   *   current color mode)
+   *   @param v2 green or saturation value (depending on
+   *   the current color mode)
+   *   @param v3 blue or brightness value (depending on
+   *   the current color mode)
+   *   @param [a] opacity of the background relative to
+   *   current color range (default is 0-255)
+   *   @chainable
+   */
+  function background(
+    v1: number,
+    v2: number,
+    v3: number,
+    a?: number
+  ): p5;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   *   @chainable
+   */
+  function background(
+    values: number[]
+  ): p5;
+
+  /**
+   *   The background() function sets the color used for
+   *   the background of the p5.js canvas. The default
+   *   background is light gray. This function is
+   *   typically used within draw() to clear the display
+   *   window at the beginning of each frame, but it can
+   *   be used inside setup() to set the background on
+   *   the first frame of animation or if the background
+   *   need only be set once.  The color is either
+   *   specified in terms of the RGB, HSB, or HSL color
+   *   depending on the current colorMode. (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.
+   *
+   *
+   *   If a single string argument is provided, RGB, RGBA
+   *   and Hex CSS color strings and all named color
+   *   strings are supported. In this case, an alpha
+   *   number value as a second argument is not
+   *   supported, the RGBA form should be used.
+   *
+   *
+   *   A p5.Color object can also be provided to set the
+   *   background color.
+   *
+   *
+   *   A p5.Image can also be provided to set the
+   *   background image.
+   *   @param image image created with loadImage() or
+   *   createImage(), to set as background (must be same
+   *   size as the sketch window)
+   *   @param [a] opacity of the background relative to
+   *   current color range (default is 0-255)
+   *   @chainable
+   */
+  function background(
+    image: p5.Image,
+    a?: number
+  ): p5;
+
+  /**
+   *   Clears the pixels within a buffer. This function
+   *   only works on p5.Canvas objects created with the
+   *   createCanvas() function; it won't work with the
+   *   main display window. Unlike the main graphics
+   *   context, pixels in additional graphics areas
+   *   created with createGraphics() can be entirely or
+   *   partially transparent. This function clears
+   *   everything to make all of the pixels 100%
+   *   transparent.
+   *   @chainable
+   */
+  function clear(): p5;
+
+  /**
+   *   colorMode() changes the way p5.js interprets color
+   *   data. By default, the parameters for fill(),
+   *   stroke(), background(), and color() are defined by
+   *   values between 0 and 255 using the RGB color
+   *   model. This is equivalent to setting
+   *   colorMode(RGB, 255). Setting colorMode(HSB) lets
+   *   you use the HSB system instead. By default, this
+   *   is colorMode(HSB, 360, 100, 100, 1). You can also
+   *   use HSL.  Note: existing color objects remember
+   *   the mode that they were created in, so you can
+   *   change modes as you like without affecting their
+   *   appearance.
+   *   @param mode either RGB, HSB or HSL, corresponding
+   *   to Red/Green/Blue and Hue/Saturation/Brightness
+   *   (or Lightness)
+   *   @param [max] range for all values
+   *   @chainable
+   */
+  function colorMode(
+    mode: p5.COLOR_MODE,
+    max?: number
+  ): p5;
+
+  /**
+   *   colorMode() changes the way p5.js interprets color
+   *   data. By default, the parameters for fill(),
+   *   stroke(), background(), and color() are defined by
+   *   values between 0 and 255 using the RGB color
+   *   model. This is equivalent to setting
+   *   colorMode(RGB, 255). Setting colorMode(HSB) lets
+   *   you use the HSB system instead. By default, this
+   *   is colorMode(HSB, 360, 100, 100, 1). You can also
+   *   use HSL.  Note: existing color objects remember
+   *   the mode that they were created in, so you can
+   *   change modes as you like without affecting their
+   *   appearance.
+   *   @param mode either RGB, HSB or HSL, corresponding
+   *   to Red/Green/Blue and Hue/Saturation/Brightness
+   *   (or Lightness)
+   *   @param max1 range for the red or hue depending on
+   *   the current color mode
+   *   @param max2 range for the green or saturation
+   *   depending on the current color mode
+   *   @param max3 range for the blue or
+   *   brightness/lighntess depending on the current
+   *   color mode
+   *   @param [maxA] range for the alpha
+   *   @chainable
+   */
+  function colorMode(
+    mode: p5.UNKNOWN_P5_CONSTANT,
+    max1: number,
+    max2: number,
+    max3: number,
+    maxA?: number
+  ): p5;
+
+  /**
+   *   Sets the color used to fill shapes. For example,
+   *   if you run fill(204, 102, 0), all subsequent
+   *   shapes will be filled with orange. This color is
+   *   either specified in terms of the RGB or HSB color
+   *   depending on the current colorMode(). (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.  If a single string argument is
+   *   provided, RGB, RGBA and Hex CSS color strings and
+   *   all named color strings are supported. In this
+   *   case, an alpha number value as a second argument
+   *   is not supported, the RGBA form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   fill color.
+   *   @param v1 red or hue value relative to the current
+   *   color range
+   *   @param v2 green or saturation value relative to
+   *   the current color range
+   *   @param v3 blue or brightness value relative to the
+   *   current color range
+   *   @chainable
+   */
+  function fill(
+    v1: number,
+    v2: number,
+    v3: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Sets the color used to fill shapes. For example,
+   *   if you run fill(204, 102, 0), all subsequent
+   *   shapes will be filled with orange. This color is
+   *   either specified in terms of the RGB or HSB color
+   *   depending on the current colorMode(). (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.  If a single string argument is
+   *   provided, RGB, RGBA and Hex CSS color strings and
+   *   all named color strings are supported. In this
+   *   case, an alpha number value as a second argument
+   *   is not supported, the RGBA form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   fill color.
+   *   @param value a color string
+   *   @chainable
+   */
+  function fill(
+    value: string
+  ): p5;
+
+  /**
+   *   Sets the color used to fill shapes. For example,
+   *   if you run fill(204, 102, 0), all subsequent
+   *   shapes will be filled with orange. This color is
+   *   either specified in terms of the RGB or HSB color
+   *   depending on the current colorMode(). (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.  If a single string argument is
+   *   provided, RGB, RGBA and Hex CSS color strings and
+   *   all named color strings are supported. In this
+   *   case, an alpha number value as a second argument
+   *   is not supported, the RGBA form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   fill color.
+   *   @param gray a gray value
+   *   @chainable
+   */
+  function fill(
+    gray: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Sets the color used to fill shapes. For example,
+   *   if you run fill(204, 102, 0), all subsequent
+   *   shapes will be filled with orange. This color is
+   *   either specified in terms of the RGB or HSB color
+   *   depending on the current colorMode(). (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.  If a single string argument is
+   *   provided, RGB, RGBA and Hex CSS color strings and
+   *   all named color strings are supported. In this
+   *   case, an alpha number value as a second argument
+   *   is not supported, the RGBA form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   fill color.
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   *   @chainable
+   */
+  function fill(
+    values: number[]
+  ): p5;
+
+  /**
+   *   Sets the color used to fill shapes. For example,
+   *   if you run fill(204, 102, 0), all subsequent
+   *   shapes will be filled with orange. This color is
+   *   either specified in terms of the RGB or HSB color
+   *   depending on the current colorMode(). (The default
+   *   color space is RGB, with each value in the range
+   *   from 0 to 255). The alpha range by default is also
+   *   0 to 255.  If a single string argument is
+   *   provided, RGB, RGBA and Hex CSS color strings and
+   *   all named color strings are supported. In this
+   *   case, an alpha number value as a second argument
+   *   is not supported, the RGBA form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   fill color.
+   *   @param color the fill color
+   *   @chainable
+   */
+  function fill(
+    color: p5.Color
+  ): p5;
+
+  /**
+   *   Disables filling geometry. If both noStroke() and
+   *   noFill() are called, nothing will be drawn to the
+   *   screen.
+   *   @chainable
+   */
+  function noFill(): p5;
+
+  /**
+   *   Disables drawing the stroke (outline). If both
+   *   noStroke() and noFill() are called, nothing will
+   *   be drawn to the screen.
+   *   @chainable
+   */
+  function noStroke(): p5;
+
+  /**
+   *   Sets the color used to draw lines and borders
+   *   around shapes. This color is either specified in
+   *   terms of the RGB or HSB color depending on the
+   *   current colorMode() (the default color space is
+   *   RGB, with each value in the range from 0 to 255).
+   *   The alpha range by default is also 0 to 255.  If a
+   *   single string argument is provided, RGB, RGBA and
+   *   Hex CSS color strings and all named color strings
+   *   are supported. In this case, an alpha number value
+   *   as a second argument is not supported, the RGBA
+   *   form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   stroke color.
+   *   @param v1 red or hue value relative to the current
+   *   color range
+   *   @param v2 green or saturation value relative to
+   *   the current color range
+   *   @param v3 blue or brightness value relative to the
+   *   current color range
+   *   @chainable
+   */
+  function stroke(
+    v1: number,
+    v2: number,
+    v3: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Sets the color used to draw lines and borders
+   *   around shapes. This color is either specified in
+   *   terms of the RGB or HSB color depending on the
+   *   current colorMode() (the default color space is
+   *   RGB, with each value in the range from 0 to 255).
+   *   The alpha range by default is also 0 to 255.  If a
+   *   single string argument is provided, RGB, RGBA and
+   *   Hex CSS color strings and all named color strings
+   *   are supported. In this case, an alpha number value
+   *   as a second argument is not supported, the RGBA
+   *   form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   stroke color.
+   *   @param value a color string
+   *   @chainable
+   */
+  function stroke(
+    value: string
+  ): p5;
+
+  /**
+   *   Sets the color used to draw lines and borders
+   *   around shapes. This color is either specified in
+   *   terms of the RGB or HSB color depending on the
+   *   current colorMode() (the default color space is
+   *   RGB, with each value in the range from 0 to 255).
+   *   The alpha range by default is also 0 to 255.  If a
+   *   single string argument is provided, RGB, RGBA and
+   *   Hex CSS color strings and all named color strings
+   *   are supported. In this case, an alpha number value
+   *   as a second argument is not supported, the RGBA
+   *   form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   stroke color.
+   *   @param gray a gray value
+   *   @chainable
+   */
+  function stroke(
+    gray: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Sets the color used to draw lines and borders
+   *   around shapes. This color is either specified in
+   *   terms of the RGB or HSB color depending on the
+   *   current colorMode() (the default color space is
+   *   RGB, with each value in the range from 0 to 255).
+   *   The alpha range by default is also 0 to 255.  If a
+   *   single string argument is provided, RGB, RGBA and
+   *   Hex CSS color strings and all named color strings
+   *   are supported. In this case, an alpha number value
+   *   as a second argument is not supported, the RGBA
+   *   form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   stroke color.
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   *   @chainable
+   */
+  function stroke(
+    values: number[]
+  ): p5;
+
+  /**
+   *   Sets the color used to draw lines and borders
+   *   around shapes. This color is either specified in
+   *   terms of the RGB or HSB color depending on the
+   *   current colorMode() (the default color space is
+   *   RGB, with each value in the range from 0 to 255).
+   *   The alpha range by default is also 0 to 255.  If a
+   *   single string argument is provided, RGB, RGBA and
+   *   Hex CSS color strings and all named color strings
+   *   are supported. In this case, an alpha number value
+   *   as a second argument is not supported, the RGBA
+   *   form should be used.
+   *
+   *
+   *   A p5 Color object can also be provided to set the
+   *   stroke color.
+   *   @param color the stroke color
+   *   @chainable
+   */
+  function stroke(
+    color: p5.Color
+  ): p5;
+
+  /**
+   *   Draw an arc to the screen. If called with only x,
+   *   y, w, h, start, and stop, the arc will be drawn
+   *   and filled as an open pie segment. If a mode
+   *   parameter is provided, the arc will be filled like
+   *   an open semi-circle (OPEN) , a closed semi-circle
+   *   (CHORD), or as a closed pie segment (PIE). The
+   *   origin may be changed with the ellipseMode()
+   *   function. Note that drawing a full circle (ex: 0
+   *   to TWO_PI) will appear blank because 0 and TWO_PI
+   *   are the same position on the unit circle. The best
+   *   way to handle this is by using the ellipse()
+   *   function instead to create a closed ellipse, and
+   *   to use the arc() function only to draw parts of an
+   *   ellipse.
+   *   @param x x-coordinate of the arc's ellipse
+   *   @param y y-coordinate of the arc's ellipse
+   *   @param w width of the arc's ellipse by default
+   *   @param h height of the arc's ellipse by default
+   *   @param start angle to start the arc, specified in
+   *   radians
+   *   @param stop angle to stop the arc, specified in
+   *   radians
+   *   @param [mode] optional parameter to determine the
+   *   way of drawing the arc. either CHORD, PIE or OPEN
+   *   @param [detail] optional parameter for WebGL mode
+   *   only. This is to specify the number of vertices
+   *   that makes up the perimeter of the arc. Default
+   *   value is 25.
+   *   @chainable
+   */
+  function arc(
+    x: number,
+    y: number,
+    w: number,
+    h: number,
+    start: number,
+    stop: number,
+    mode?: p5.ARC_MODE,
+    detail?: number
+  ): p5;
+
+  /**
+   *   Draws an ellipse (oval) to the screen. An ellipse
+   *   with equal width and height is a circle. By
+   *   default, the first two parameters set the
+   *   location, and the third and fourth parameters set
+   *   the shape's width and height. If no height is
+   *   specified, the value of width is used for both the
+   *   width and height. If a negative height or width is
+   *   specified, the absolute value is taken. The origin
+   *   may be changed with the ellipseMode() function.
+   *   @param x x-coordinate of the ellipse.
+   *   @param y y-coordinate of the ellipse.
+   *   @param w width of the ellipse.
+   *   @param [h] height of the ellipse.
+   *   @chainable
+   */
+  function ellipse(
+    x: number,
+    y: number,
+    w: number,
+    h?: number
+  ): p5;
+
+  /**
+   *   Draws an ellipse (oval) to the screen. An ellipse
+   *   with equal width and height is a circle. By
+   *   default, the first two parameters set the
+   *   location, and the third and fourth parameters set
+   *   the shape's width and height. If no height is
+   *   specified, the value of width is used for both the
+   *   width and height. If a negative height or width is
+   *   specified, the absolute value is taken. The origin
+   *   may be changed with the ellipseMode() function.
+   *   @param x x-coordinate of the ellipse.
+   *   @param y y-coordinate of the ellipse.
+   *   @param w width of the ellipse.
+   *   @param h height of the ellipse.
+   *   @param detail number of radial sectors to draw
+   */
+  function ellipse(
+    x: number,
+    y: number,
+    w: number,
+    h: number,
+    detail: number
+  ): void;
+
+  /**
+   *   Draws a line (a direct path between two points) to
+   *   the screen. The version of line() with four
+   *   parameters draws the line in 2D. To color a line,
+   *   use the stroke() function. A line cannot be
+   *   filled, therefore the fill() function will not
+   *   affect the color of a line. 2D lines are drawn
+   *   with a width of one pixel by default, but this can
+   *   be changed with the strokeWeight() function.
+   *   @param x1 the x-coordinate of the first point
+   *   @param y1 the y-coordinate of the first point
+   *   @param x2 the x-coordinate of the second point
+   *   @param y2 the y-coordinate of the second point
+   *   @chainable
+   */
+  function line(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number
+  ): p5;
+
+  /**
+   *   Draws a line (a direct path between two points) to
+   *   the screen. The version of line() with four
+   *   parameters draws the line in 2D. To color a line,
+   *   use the stroke() function. A line cannot be
+   *   filled, therefore the fill() function will not
+   *   affect the color of a line. 2D lines are drawn
+   *   with a width of one pixel by default, but this can
+   *   be changed with the strokeWeight() function.
+   *   @param x1 the x-coordinate of the first point
+   *   @param y1 the y-coordinate of the first point
+   *   @param z1 the z-coordinate of the first point
+   *   @param x2 the x-coordinate of the second point
+   *   @param y2 the y-coordinate of the second point
+   *   @param z2 the z-coordinate of the second point
+   *   @chainable
+   */
+  function line(
+    x1: number,
+    y1: number,
+    z1: number,
+    x2: number,
+    y2: number,
+    z2: number
+  ): p5;
+
+  /**
+   *   Draws a point, a coordinate in space at the
+   *   dimension of one pixel. The first parameter is the
+   *   horizontal value for the point, the second value
+   *   is the vertical value for the point. The color of
+   *   the point is determined by the current stroke.
+   *   @param x the x-coordinate
+   *   @param y the y-coordinate
+   *   @param [z] the z-coordinate (for WEBGL mode)
+   *   @chainable
+   */
+  function point(
+    x: number,
+    y: number,
+    z?: number
+  ): p5;
+
+  /**
+   *   Draw a quad. A quad is a quadrilateral, a four
+   *   sided polygon. It is similar to a rectangle, but
+   *   the angles between its edges are not constrained
+   *   to ninety degrees. The first pair of parameters
+   *   (x1,y1) sets the first vertex and the subsequent
+   *   pairs should proceed clockwise or
+   *   counter-clockwise around the defined shape.
+   *   @param x1 the x-coordinate of the first point
+   *   @param y1 the y-coordinate of the first point
+   *   @param x2 the x-coordinate of the second point
+   *   @param y2 the y-coordinate of the second point
+   *   @param x3 the x-coordinate of the third point
+   *   @param y3 the y-coordinate of the third point
+   *   @param x4 the x-coordinate of the fourth point
+   *   @param y4 the y-coordinate of the fourth point
+   *   @chainable
+   */
+  function quad(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number,
+    x4: number,
+    y4: number
+  ): p5;
+
+  /**
+   *   Draw a quad. A quad is a quadrilateral, a four
+   *   sided polygon. It is similar to a rectangle, but
+   *   the angles between its edges are not constrained
+   *   to ninety degrees. The first pair of parameters
+   *   (x1,y1) sets the first vertex and the subsequent
+   *   pairs should proceed clockwise or
+   *   counter-clockwise around the defined shape.
+   *   @param x1 the x-coordinate of the first point
+   *   @param y1 the y-coordinate of the first point
+   *   @param z1 the z-coordinate of the first point
+   *   @param x2 the x-coordinate of the second point
+   *   @param y2 the y-coordinate of the second point
+   *   @param z2 the z-coordinate of the second point
+   *   @param x3 the x-coordinate of the third point
+   *   @param y3 the y-coordinate of the third point
+   *   @param z3 the z-coordinate of the third point
+   *   @param x4 the x-coordinate of the fourth point
+   *   @param y4 the y-coordinate of the fourth point
+   *   @param z4 the z-coordinate of the fourth point
+   *   @chainable
+   */
+  function quad(
+    x1: number,
+    y1: number,
+    z1: number,
+    x2: number,
+    y2: number,
+    z2: number,
+    x3: number,
+    y3: number,
+    z3: number,
+    x4: number,
+    y4: number,
+    z4: number
+  ): p5;
+
+  /**
+   *   Draws a rectangle to the screen. A rectangle is a
+   *   four-sided shape with every angle at ninety
+   *   degrees. By default, the first two parameters set
+   *   the location of the upper-left corner, the third
+   *   sets the width, and the fourth sets the height.
+   *   The way these parameters are interpreted, however,
+   *   may be changed with the rectMode() function.  The
+   *   fifth, sixth, seventh and eighth parameters, if
+   *   specified, determine corner radius for the
+   *   top-left, top-right, lower-right and lower-left
+   *   corners, respectively. An omitted corner radius
+   *   parameter is set to the value of the previously
+   *   specified radius value in the parameter list.
+   *   @param x x-coordinate of the rectangle.
+   *   @param y y-coordinate of the rectangle.
+   *   @param w width of the rectangle.
+   *   @param h height of the rectangle.
+   *   @param [tl] optional radius of top-left corner.
+   *   @param [tr] optional radius of top-right corner.
+   *   @param [br] optional radius of bottom-right
+   *   corner.
+   *   @param [bl] optional radius of bottom-left corner.
+   *   @chainable
+   */
+  function rect(
+    x: number,
+    y: number,
+    w: number,
+    h: number,
+    tl?: number,
+    tr?: number,
+    br?: number,
+    bl?: number
+  ): p5;
+
+  /**
+   *   Draws a rectangle to the screen. A rectangle is a
+   *   four-sided shape with every angle at ninety
+   *   degrees. By default, the first two parameters set
+   *   the location of the upper-left corner, the third
+   *   sets the width, and the fourth sets the height.
+   *   The way these parameters are interpreted, however,
+   *   may be changed with the rectMode() function.  The
+   *   fifth, sixth, seventh and eighth parameters, if
+   *   specified, determine corner radius for the
+   *   top-left, top-right, lower-right and lower-left
+   *   corners, respectively. An omitted corner radius
+   *   parameter is set to the value of the previously
+   *   specified radius value in the parameter list.
+   *   @param x x-coordinate of the rectangle.
+   *   @param y y-coordinate of the rectangle.
+   *   @param w width of the rectangle.
+   *   @param h height of the rectangle.
+   *   @param [detailX] number of segments in the
+   *   x-direction
+   *   @param [detailY] number of segments in the
+   *   y-direction
+   *   @chainable
+   */
+  function rect(
+    x: number,
+    y: number,
+    w: number,
+    h: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   A triangle is a plane created by connecting three
+   *   points. The first two arguments specify the first
+   *   point, the middle two arguments specify the second
+   *   point, and the last two arguments specify the
+   *   third point.
+   *   @param x1 x-coordinate of the first point
+   *   @param y1 y-coordinate of the first point
+   *   @param x2 x-coordinate of the second point
+   *   @param y2 y-coordinate of the second point
+   *   @param x3 x-coordinate of the third point
+   *   @param y3 y-coordinate of the third point
+   *   @chainable
+   */
+  function triangle(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number
+  ): p5;
+
+  /**
+   *   Modifies the location from which ellipses are
+   *   drawn by changing the way in which parameters
+   *   given to ellipse() are interpreted.  The default
+   *   mode is ellipseMode(CENTER), which interprets the
+   *   first two parameters of ellipse() as the shape's
+   *   center point, while the third and fourth
+   *   parameters are its width and height.
+   *
+   *
+   *   ellipseMode(RADIUS) also uses the first two
+   *   parameters of ellipse() as the shape's center
+   *   point, but uses the third and fourth parameters to
+   *   specify half of the shapes's width and height.
+   *
+   *
+   *   ellipseMode(CORNER) interprets the first two
+   *   parameters of ellipse() as the upper-left corner
+   *   of the shape, while the third and fourth
+   *   parameters are its width and height.
+   *
+   *
+   *   ellipseMode(CORNERS) interprets the first two
+   *   parameters of ellipse() as the location of one
+   *   corner of the ellipse's bounding box, and the
+   *   third and fourth parameters as the location of the
+   *   opposite corner.
+   *
+   *
+   *   The parameter must be written in ALL CAPS because
+   *   Javascript is a case-sensitive language.
+   *   @param mode either CENTER, RADIUS, CORNER, or
+   *   CORNERS
+   *   @chainable
+   */
+  function ellipseMode(
+    mode: p5.ELLIPSE_MODE
+  ): p5;
+
+  /**
+   *   Draws all geometry with jagged (aliased) edges.
+   *   Note that smooth() is active by default in 2D
+   *   mode, so it is necessary to call noSmooth() to
+   *   disable smoothing of geometry, images, and fonts.
+   *   In 3D mode, noSmooth() is enabled by default, so
+   *   it is necessary to call smooth() if you would like
+   *   smooth (antialiased) edges on your geometry.
+   *   @chainable
+   */
+  function noSmooth(): p5;
+
+  /**
+   *   Modifies the location from which rectangles are
+   *   drawn by changing the way in which parameters
+   *   given to rect() are interpreted.  The default mode
+   *   is rectMode(CORNER), which interprets the first
+   *   two parameters of rect() as the upper-left corner
+   *   of the shape, while the third and fourth
+   *   parameters are its width and height.
+   *
+   *
+   *   rectMode(CORNERS) interprets the first two
+   *   parameters of rect() as the location of one
+   *   corner, and the third and fourth parameters as the
+   *   location of the opposite corner.
+   *
+   *
+   *   rectMode(CENTER) interprets the first two
+   *   parameters of rect() as the shape's center point,
+   *   while the third and fourth parameters are its
+   *   width and height.
+   *
+   *
+   *   rectMode(RADIUS) also uses the first two
+   *   parameters of rect() as the shape's center point,
+   *   but uses the third and fourth parameters to
+   *   specify half of the shapes's width and height.
+   *
+   *
+   *   The parameter must be written in ALL CAPS because
+   *   Javascript is a case-sensitive language.
+   *   @param mode either CORNER, CORNERS, CENTER, or
+   *   RADIUS
+   *   @chainable
+   */
+  function rectMode(
+    mode: p5.RECT_MODE
+  ): p5;
+
+  /**
+   *   Draws all geometry with smooth (anti-aliased)
+   *   edges. smooth() will also improve image quality of
+   *   resized images. Note that smooth() is active by
+   *   default in 2D mode; noSmooth() can be used to
+   *   disable smoothing of geometry, images, and fonts.
+   *   In 3D mode, noSmooth() is enabled by default, so
+   *   it is necessary to call smooth() if you would like
+   *   smooth (antialiased) edges on your geometry.
+   *   @chainable
+   */
+  function smooth(): p5;
+
+  /**
+   *   Sets the style for rendering line endings. These
+   *   ends are either squared, extended, or rounded,
+   *   each of which specified with the corresponding
+   *   parameters: SQUARE, PROJECT, and ROUND. The
+   *   default cap is ROUND.
+   *   @param cap either SQUARE, PROJECT, or ROUND
+   *   @chainable
+   */
+  function strokeCap(
+    cap: p5.STROKE_CAP
+  ): p5;
+
+  /**
+   *   Sets the style of the joints which connect line
+   *   segments. These joints are either mitered,
+   *   beveled, or rounded and specified with the
+   *   corresponding parameters MITER, BEVEL, and ROUND.
+   *   The default joint is MITER.
+   *   @param join either MITER, BEVEL, ROUND
+   *   @chainable
+   */
+  function strokeJoin(
+    join: p5.STROKE_JOIN
+  ): p5;
+
+  /**
+   *   Sets the width of the stroke used for lines,
+   *   points, and the border around shapes. All widths
+   *   are set in units of pixels.
+   *   @param weight the weight (in pixels) of the stroke
+   *   @chainable
+   */
+  function strokeWeight(
+    weight: number
+  ): p5;
+
+  /**
+   *   Draws a cubic Bezier curve on the screen. These
+   *   curves are defined by a series of anchor and
+   *   control points. The first two parameters specify
+   *   the first anchor point and the last two parameters
+   *   specify the other anchor point, which become the
+   *   first and last points on the curve. The middle
+   *   parameters specify the two control points which
+   *   define the shape of the curve. Approximately
+   *   speaking, control points "pull" the curve towards
+   *   them.Bezier curves were developed by French
+   *   automotive engineer Pierre Bezier, and are
+   *   commonly used in computer graphics to define
+   *   gently sloping curves. See also curve().
+   *   @param x1 x-coordinate for the first anchor point
+   *   @param y1 y-coordinate for the first anchor point
+   *   @param x2 x-coordinate for the first control point
+   *   @param y2 y-coordinate for the first control point
+   *   @param x3 x-coordinate for the second control
+   *   point
+   *   @param y3 y-coordinate for the second control
+   *   point
+   *   @param x4 x-coordinate for the second anchor point
+   *   @param y4 y-coordinate for the second anchor point
+   *   @chainable
+   */
+  function bezier(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number,
+    x4: number,
+    y4: number
+  ): p5;
+
+  /**
+   *   Draws a cubic Bezier curve on the screen. These
+   *   curves are defined by a series of anchor and
+   *   control points. The first two parameters specify
+   *   the first anchor point and the last two parameters
+   *   specify the other anchor point, which become the
+   *   first and last points on the curve. The middle
+   *   parameters specify the two control points which
+   *   define the shape of the curve. Approximately
+   *   speaking, control points "pull" the curve towards
+   *   them.Bezier curves were developed by French
+   *   automotive engineer Pierre Bezier, and are
+   *   commonly used in computer graphics to define
+   *   gently sloping curves. See also curve().
+   *   @param x1 x-coordinate for the first anchor point
+   *   @param y1 y-coordinate for the first anchor point
+   *   @param z1 z-coordinate for the first anchor point
+   *   @param x2 x-coordinate for the first control point
+   *   @param y2 y-coordinate for the first control point
+   *   @param z2 z-coordinate for the first control point
+   *   @param x3 x-coordinate for the second control
+   *   point
+   *   @param y3 y-coordinate for the second control
+   *   point
+   *   @param z3 z-coordinate for the second control
+   *   point
+   *   @param x4 x-coordinate for the second anchor point
+   *   @param y4 y-coordinate for the second anchor point
+   *   @param z4 z-coordinate for the second anchor point
+   *   @chainable
+   */
+  function bezier(
+    x1: number,
+    y1: number,
+    z1: number,
+    x2: number,
+    y2: number,
+    z2: number,
+    x3: number,
+    y3: number,
+    z3: number,
+    x4: number,
+    y4: number,
+    z4: number
+  ): p5;
+
+  /**
+   *   Sets the resolution at which Beziers display. The
+   *   default value is 20.
+   *
+   *   This function is only useful when using the WEBGL
+   *   renderer as the default canvas renderer does not
+   *   use this information.
+   *   @param detail resolution of the curves
+   *   @chainable
+   */
+  function bezierDetail(
+    detail: number
+  ): p5;
+
+  /**
+   *   Evaluates the Bezier at position t for points a,
+   *   b, c, d. The parameters a and d are the first and
+   *   last points on the curve, and b and c are the
+   *   control points. The final parameter t varies
+   *   between 0 and 1. This can be done once with the x
+   *   coordinates and a second time with the y
+   *   coordinates to get the location of a bezier curve
+   *   at t.
+   *   @param a coordinate of first point on the curve
+   *   @param b coordinate of first control point
+   *   @param c coordinate of second control point
+   *   @param d coordinate of second point on the curve
+   *   @param t value between 0 and 1
+   *   @return the value of the Bezier at position t
+   */
+  function bezierPoint(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    t: number
+  ): number;
+
+  /**
+   *   Evaluates the tangent to the Bezier at position t
+   *   for points a, b, c, d. The parameters a and d are
+   *   the first and last points on the curve, and b and
+   *   c are the control points. The final parameter t
+   *   varies between 0 and 1.
+   *   @param a coordinate of first point on the curve
+   *   @param b coordinate of first control point
+   *   @param c coordinate of second control point
+   *   @param d coordinate of second point on the curve
+   *   @param t value between 0 and 1
+   *   @return the tangent at position t
+   */
+  function bezierTangent(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    t: number
+  ): number;
+
+  /**
+   *   Draws a curved line on the screen between two
+   *   points, given as the middle four parameters. The
+   *   first two parameters are a control point, as if
+   *   the curve came from this point even though it's
+   *   not drawn. The last two parameters similarly
+   *   describe the other control point.  Longer curves
+   *   can be created by putting a series of curve()
+   *   functions together or using curveVertex(). An
+   *   additional function called curveTightness()
+   *   provides control for the visual quality of the
+   *   curve. The curve() function is an implementation
+   *   of Catmull-Rom splines.
+   *   @param x1 x-coordinate for the beginning control
+   *   point
+   *   @param y1 y-coordinate for the beginning control
+   *   point
+   *   @param x2 x-coordinate for the first point
+   *   @param y2 y-coordinate for the first point
+   *   @param x3 x-coordinate for the second point
+   *   @param y3 y-coordinate for the second point
+   *   @param x4 x-coordinate for the ending control
+   *   point
+   *   @param y4 y-coordinate for the ending control
+   *   point
+   *   @chainable
+   */
+  function curve(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number,
+    x4: number,
+    y4: number
+  ): p5;
+
+  /**
+   *   Draws a curved line on the screen between two
+   *   points, given as the middle four parameters. The
+   *   first two parameters are a control point, as if
+   *   the curve came from this point even though it's
+   *   not drawn. The last two parameters similarly
+   *   describe the other control point.  Longer curves
+   *   can be created by putting a series of curve()
+   *   functions together or using curveVertex(). An
+   *   additional function called curveTightness()
+   *   provides control for the visual quality of the
+   *   curve. The curve() function is an implementation
+   *   of Catmull-Rom splines.
+   *   @param x1 x-coordinate for the beginning control
+   *   point
+   *   @param y1 y-coordinate for the beginning control
+   *   point
+   *   @param z1 z-coordinate for the beginning control
+   *   point
+   *   @param x2 x-coordinate for the first point
+   *   @param y2 y-coordinate for the first point
+   *   @param z2 z-coordinate for the first point
+   *   @param x3 x-coordinate for the second point
+   *   @param y3 y-coordinate for the second point
+   *   @param z3 z-coordinate for the second point
+   *   @param x4 x-coordinate for the ending control
+   *   point
+   *   @param y4 y-coordinate for the ending control
+   *   point
+   *   @param z4 z-coordinate for the ending control
+   *   point
+   *   @chainable
+   */
+  function curve(
+    x1: number,
+    y1: number,
+    z1: number,
+    x2: number,
+    y2: number,
+    z2: number,
+    x3: number,
+    y3: number,
+    z3: number,
+    x4: number,
+    y4: number,
+    z4: number
+  ): p5;
+
+  /**
+   *   Sets the resolution at which curves display. The
+   *   default value is 20 while the minimum value is 3.
+   *
+   *   This function is only useful when using the WEBGL
+   *   renderer as the default canvas renderer does not
+   *   use this information.
+   *   @param resolution resolution of the curves
+   *   @chainable
+   */
+  function curveDetail(
+    resolution: number
+  ): p5;
+
+  /**
+   *   Modifies the quality of forms created with curve()
+   *   and curveVertex(). The parameter tightness
+   *   determines how the curve fits to the vertex
+   *   points. The value 0.0 is the default value for
+   *   tightness (this value defines the curves to be
+   *   Catmull-Rom splines) and the value 1.0 connects
+   *   all the points with straight lines. Values within
+   *   the range -5.0 and 5.0 will deform the curves but
+   *   will leave them recognizable and as values
+   *   increase in magnitude, they will continue to
+   *   deform.
+   *   @param amount amount of deformation from the
+   *   original vertices
+   *   @chainable
+   */
+  function curveTightness(
+    amount: number
+  ): p5;
+
+  /**
+   *   Evaluates the curve at position t for points a, b,
+   *   c, d. The parameter t varies between 0 and 1, a
+   *   and d are control points of the curve, and b and c
+   *   are the start and end points of the curve. This
+   *   can be done once with the x coordinates and a
+   *   second time with the y coordinates to get the
+   *   location of a curve at t.
+   *   @param a coordinate of first control point of the
+   *   curve
+   *   @param b coordinate of first point
+   *   @param c coordinate of second point
+   *   @param d coordinate of second control point
+   *   @param t value between 0 and 1
+   *   @return bezier value at position t
+   */
+  function curvePoint(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    t: number
+  ): number;
+
+  /**
+   *   Evaluates the tangent to the curve at position t
+   *   for points a, b, c, d. The parameter t varies
+   *   between 0 and 1, a and d are points on the curve,
+   *   and b and c are the control points.
+   *   @param a coordinate of first point on the curve
+   *   @param b coordinate of first control point
+   *   @param c coordinate of second control point
+   *   @param d coordinate of second point on the curve
+   *   @param t value between 0 and 1
+   *   @return the tangent at position t
+   */
+  function curveTangent(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    t: number
+  ): number;
+
+  /**
+   *   Use the beginContour() and endContour() functions
+   *   to create negative shapes within shapes such as
+   *   the center of the letter 'O'. beginContour()
+   *   begins recording vertices for the shape and
+   *   endContour() stops recording. The vertices that
+   *   define a negative shape must "wind" in the
+   *   opposite direction from the exterior shape. First
+   *   draw vertices for the exterior clockwise order,
+   *   then for internal shapes, draw vertices shape in
+   *   counter-clockwise.  These functions can only be
+   *   used within a beginShape()/endShape() pair and
+   *   transformations such as translate(), rotate(), and
+   *   scale() do not work within a
+   *   beginContour()/endContour() pair. It is also not
+   *   possible to use other shapes, such as ellipse() or
+   *   rect() within.
+   *   @chainable
+   */
+  function beginContour(): p5;
+
+  /**
+   *   Using the beginShape() and endShape() functions
+   *   allow creating more complex forms. beginShape()
+   *   begins recording vertices for a shape and
+   *   endShape() stops recording. The value of the kind
+   *   parameter tells it which types of shapes to create
+   *   from the provided vertices. With no mode
+   *   specified, the shape can be any irregular polygon.
+   *   The parameters available for beginShape() are
+   *   POINTS, LINES, TRIANGLES, TRIANGLE_FAN,
+   *   TRIANGLE_STRIP, QUADS, and QUAD_STRIP. After
+   *   calling the beginShape() function, a series of
+   *   vertex() commands must follow. To stop drawing the
+   *   shape, call endShape(). Each shape will be
+   *   outlined with the current stroke color and filled
+   *   with the fill color.
+   *
+   *
+   *   Transformations such as translate(), rotate(), and
+   *   scale() do not work within beginShape(). It is
+   *   also not possible to use other shapes, such as
+   *   ellipse() or rect() within beginShape().
+   *   @param [kind] either POINTS, LINES, TRIANGLES,
+   *   TRIANGLE_FAN TRIANGLE_STRIP, QUADS, or QUAD_STRIP
+   *   @chainable
+   */
+  function beginShape(
+    kind?: p5.BEGIN_KIND
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for Bezier curves.
+   *   Each call to bezierVertex() defines the position
+   *   of two control points and one anchor point of a
+   *   Bezier curve, adding a new segment to a line or
+   *   shape. For WebGL mode bezierVertex() can be used
+   *   in 2D as well as 3D mode. 2D mode expects 6
+   *   parameters, while 3D mode expects 9 parameters
+   *   (including z coordinates).  The first time
+   *   bezierVertex() is used within a beginShape() call,
+   *   it must be prefaced with a call to vertex() to set
+   *   the first anchor point. This function must be used
+   *   between beginShape() and endShape() and only when
+   *   there is no MODE or POINTS parameter specified to
+   *   beginShape().
+   *   @param x2 x-coordinate for the first control point
+   *   @param y2 y-coordinate for the first control point
+   *   @param x3 x-coordinate for the second control
+   *   point
+   *   @param y3 y-coordinate for the second control
+   *   point
+   *   @param x4 x-coordinate for the anchor point
+   *   @param y4 y-coordinate for the anchor point
+   *   @chainable
+   */
+  function bezierVertex(
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number,
+    x4: number,
+    y4: number
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for Bezier curves.
+   *   Each call to bezierVertex() defines the position
+   *   of two control points and one anchor point of a
+   *   Bezier curve, adding a new segment to a line or
+   *   shape. For WebGL mode bezierVertex() can be used
+   *   in 2D as well as 3D mode. 2D mode expects 6
+   *   parameters, while 3D mode expects 9 parameters
+   *   (including z coordinates).  The first time
+   *   bezierVertex() is used within a beginShape() call,
+   *   it must be prefaced with a call to vertex() to set
+   *   the first anchor point. This function must be used
+   *   between beginShape() and endShape() and only when
+   *   there is no MODE or POINTS parameter specified to
+   *   beginShape().
+   *   @param x2 x-coordinate for the first control point
+   *   @param y2 y-coordinate for the first control point
+   *   @param z2 z-coordinate for the first control point
+   *   (for WebGL mode)
+   *   @param x3 x-coordinate for the second control
+   *   point
+   *   @param y3 y-coordinate for the second control
+   *   point
+   *   @param z3 z-coordinate for the second control
+   *   point (for WebGL mode)
+   *   @param x4 x-coordinate for the anchor point
+   *   @param y4 y-coordinate for the anchor point
+   *   @param z4 z-coordinate for the anchor point (for
+   *   WebGL mode)
+   *   @chainable
+   */
+  function bezierVertex(
+    x2: number,
+    y2: number,
+    z2: number,
+    x3: number,
+    y3: number,
+    z3: number,
+    x4: number,
+    y4: number,
+    z4: number
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for curves. This
+   *   function may only be used between beginShape() and
+   *   endShape() and only when there is no MODE
+   *   parameter specified to beginShape(). For WebGL
+   *   mode curveVertex() can be used in 2D as well as 3D
+   *   mode. 2D mode expects 2 parameters, while 3D mode
+   *   expects 3 parameters.  The first and last points
+   *   in a series of curveVertex() lines will be used to
+   *   guide the beginning and end of a the curve. A
+   *   minimum of four points is required to draw a tiny
+   *   curve between the second and third points. Adding
+   *   a fifth point with curveVertex() will draw the
+   *   curve between the second, third, and fourth
+   *   points. The curveVertex() function is an
+   *   implementation of Catmull-Rom splines.
+   *   @param x x-coordinate of the vertex
+   *   @param y y-coordinate of the vertex
+   *   @chainable
+   */
+  function curveVertex(
+    x: number,
+    y: number
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for curves. This
+   *   function may only be used between beginShape() and
+   *   endShape() and only when there is no MODE
+   *   parameter specified to beginShape(). For WebGL
+   *   mode curveVertex() can be used in 2D as well as 3D
+   *   mode. 2D mode expects 2 parameters, while 3D mode
+   *   expects 3 parameters.  The first and last points
+   *   in a series of curveVertex() lines will be used to
+   *   guide the beginning and end of a the curve. A
+   *   minimum of four points is required to draw a tiny
+   *   curve between the second and third points. Adding
+   *   a fifth point with curveVertex() will draw the
+   *   curve between the second, third, and fourth
+   *   points. The curveVertex() function is an
+   *   implementation of Catmull-Rom splines.
+   *   @param x x-coordinate of the vertex
+   *   @param y y-coordinate of the vertex
+   *   @param [z] z-coordinate of the vertex (for WebGL
+   *   mode)
+   *   @chainable
+   */
+  function curveVertex(
+    x: number,
+    y: number,
+    z?: number
+  ): p5;
+
+  /**
+   *   Use the beginContour() and endContour() functions
+   *   to create negative shapes within shapes such as
+   *   the center of the letter 'O'. beginContour()
+   *   begins recording vertices for the shape and
+   *   endContour() stops recording. The vertices that
+   *   define a negative shape must "wind" in the
+   *   opposite direction from the exterior shape. First
+   *   draw vertices for the exterior clockwise order,
+   *   then for internal shapes, draw vertices shape in
+   *   counter-clockwise.  These functions can only be
+   *   used within a beginShape()/endShape() pair and
+   *   transformations such as translate(), rotate(), and
+   *   scale() do not work within a
+   *   beginContour()/endContour() pair. It is also not
+   *   possible to use other shapes, such as ellipse() or
+   *   rect() within.
+   *   @chainable
+   */
+  function endContour(): p5;
+
+  /**
+   *   The endShape() function is the companion to
+   *   beginShape() and may only be called after
+   *   beginShape(). When endshape() is called, all of
+   *   image data defined since the previous call to
+   *   beginShape() is written into the image buffer. The
+   *   constant CLOSE as the value for the MODE parameter
+   *   to close the shape (to connect the beginning and
+   *   the end).
+   *   @param [mode] use CLOSE to close the shape
+   *   @chainable
+   */
+  function endShape(
+    mode?: p5.END_MODE
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for quadratic Bezier
+   *   curves. Each call to quadraticVertex() defines the
+   *   position of one control points and one anchor
+   *   point of a Bezier curve, adding a new segment to a
+   *   line or shape. The first time quadraticVertex() is
+   *   used within a beginShape() call, it must be
+   *   prefaced with a call to vertex() to set the first
+   *   anchor point. For WebGL mode quadraticVertex() can
+   *   be used in 2D as well as 3D mode. 2D mode expects
+   *   4 parameters, while 3D mode expects 6 parameters
+   *   (including z coordinates).  This function must be
+   *   used between beginShape() and endShape() and only
+   *   when there is no MODE or POINTS parameter
+   *   specified to beginShape().
+   *   @param cx x-coordinate for the control point
+   *   @param cy y-coordinate for the control point
+   *   @param x3 x-coordinate for the anchor point
+   *   @param y3 y-coordinate for the anchor point
+   *   @chainable
+   */
+  function quadraticVertex(
+    cx: number,
+    cy: number,
+    x3: number,
+    y3: number
+  ): p5;
+
+  /**
+   *   Specifies vertex coordinates for quadratic Bezier
+   *   curves. Each call to quadraticVertex() defines the
+   *   position of one control points and one anchor
+   *   point of a Bezier curve, adding a new segment to a
+   *   line or shape. The first time quadraticVertex() is
+   *   used within a beginShape() call, it must be
+   *   prefaced with a call to vertex() to set the first
+   *   anchor point. For WebGL mode quadraticVertex() can
+   *   be used in 2D as well as 3D mode. 2D mode expects
+   *   4 parameters, while 3D mode expects 6 parameters
+   *   (including z coordinates).  This function must be
+   *   used between beginShape() and endShape() and only
+   *   when there is no MODE or POINTS parameter
+   *   specified to beginShape().
+   *   @param cx x-coordinate for the control point
+   *   @param cy y-coordinate for the control point
+   *   @param cz z-coordinate for the control point (for
+   *   WebGL mode)
+   *   @param x3 x-coordinate for the anchor point
+   *   @param y3 y-coordinate for the anchor point
+   *   @param z3 z-coordinate for the anchor point (for
+   *   WebGL mode)
+   *   @chainable
+   */
+  function quadraticVertex(
+    cx: number,
+    cy: number,
+    cz: number,
+    x3: number,
+    y3: number,
+    z3: number
+  ): p5;
+
+  /**
+   *   All shapes are constructed by connecting a series
+   *   of vertices. vertex() is used to specify the
+   *   vertex coordinates for points, lines, triangles,
+   *   quads, and polygons. It is used exclusively within
+   *   the beginShape() and endShape() functions.
+   *   @param x x-coordinate of the vertex
+   *   @param y y-coordinate of the vertex
+   *   @chainable
+   */
+  function vertex(
+    x: number,
+    y: number
+  ): p5;
+
+  /**
+   *   All shapes are constructed by connecting a series
+   *   of vertices. vertex() is used to specify the
+   *   vertex coordinates for points, lines, triangles,
+   *   quads, and polygons. It is used exclusively within
+   *   the beginShape() and endShape() functions.
+   *   @param x x-coordinate of the vertex
+   *   @param y y-coordinate of the vertex
+   *   @param z z-coordinate of the vertex
+   *   @param [u] the vertex's texture u-coordinate
+   *   @param [v] the vertex's texture v-coordinate
+   *   @chainable
+   */
+  function vertex(
+    x: number,
+    y: number,
+    z: number,
+    u?: number,
+    v?: number
+  ): p5;
+  const P2D: p5.P2D;
+  const WEBGL: p5.WEBGL;
+  const ARROW: p5.ARROW;
+  const CROSS: p5.CROSS;
+  const HAND: p5.HAND;
+  const MOVE: p5.MOVE;
+  const TEXT: p5.TEXT;
+  const WAIT: p5.WAIT;
+
+  /**
+   *   HALF_PI is a mathematical constant with the value
+   *   1.57079632679489661923. It is half the ratio of
+   *   the circumference of a circle to its diameter. It
+   *   is useful in combination with the trigonometric
+   *   functions sin() and cos().
+   */
+  const HALF_PI: number;
+
+  /**
+   *   PI is a mathematical constant with the value
+   *   3.14159265358979323846. It is the ratio of the
+   *   circumference of a circle to its diameter. It is
+   *   useful in combination with the trigonometric
+   *   functions sin() and cos().
+   */
+  const PI: number;
+
+  /**
+   *   QUARTER_PI is a mathematical constant with the
+   *   value 0.7853982. It is one quarter the ratio of
+   *   the circumference of a circle to its diameter. It
+   *   is useful in combination with the trigonometric
+   *   functions sin() and cos().
+   */
+  const QUARTER_PI: number;
+
+  /**
+   *   TAU is an alias for TWO_PI, a mathematical
+   *   constant with the value 6.28318530717958647693. It
+   *   is twice the ratio of the circumference of a
+   *   circle to its diameter. It is useful in
+   *   combination with the trigonometric functions sin()
+   *   and cos().
+   */
+  const TAU: number;
+
+  /**
+   *   TWO_PI is a mathematical constant with the value
+   *   6.28318530717958647693. It is twice the ratio of
+   *   the circumference of a circle to its diameter. It
+   *   is useful in combination with the trigonometric
+   *   functions sin() and cos().
+   */
+  const TWO_PI: number;
+
+  /**
+   *   Constant to be used with angleMode() function, to
+   *   set the mode which p5.js interprates and
+   *   calculates angles (either DEGREES or RADIANS).
+   */
+  const DEGREES: p5.DEGREES;
+
+  /**
+   *   Constant to be used with angleMode() function, to
+   *   set the mode which p5.js interprates and
+   *   calculates angles (either RADIANS or DEGREES).
+   */
+  const RADIANS: p5.RADIANS;
+  const CORNER: p5.CORNER;
+  const CORNERS: p5.CORNERS;
+  const RADIUS: p5.RADIUS;
+  const RIGHT: p5.RIGHT;
+  const LEFT: p5.LEFT;
+  const CENTER: p5.CENTER;
+  const TOP: p5.TOP;
+  const BOTTOM: p5.BOTTOM;
+  const BASELINE: p5.BASELINE;
+  const POINTS: p5.POINTS;
+  const LINES: p5.LINES;
+  const LINE_STRIP: p5.LINE_STRIP;
+  const LINE_LOOP: p5.LINE_LOOP;
+  const TRIANGLES: p5.TRIANGLES;
+  const TRIANGLE_FAN: p5.TRIANGLE_FAN;
+  const TRIANGLE_STRIP: p5.TRIANGLE_STRIP;
+  const QUADS: p5.QUADS;
+  const QUAD_STRIP: p5.QUAD_STRIP;
+  const CLOSE: p5.CLOSE;
+  const OPEN: p5.OPEN;
+  const CHORD: p5.CHORD;
+  const PIE: p5.PIE;
+  const PROJECT: p5.PROJECT;
+  const SQUARE: p5.SQUARE;
+  const ROUND: p5.ROUND;
+  const BEVEL: p5.BEVEL;
+  const MITER: p5.MITER;
+  const RGB: p5.RGB;
+  const HSB: p5.HSB;
+  const HSL: p5.HSL;
+  const AUTO: p5.AUTO;
+  const BLEND: p5.BLEND;
+  const ADD: p5.ADD;
+  const DARKEST: p5.DARKEST;
+  const LIGHTEST: p5.LIGHTEST;
+  const DIFFERENCE: p5.DIFFERENCE;
+  const EXCLUSION: p5.EXCLUSION;
+  const MULTIPLY: p5.MULTIPLY;
+  const SCREEN: p5.SCREEN;
+  const REPLACE: p5.REPLACE;
+  const OVERLAY: p5.OVERLAY;
+  const HARD_LIGHT: p5.HARD_LIGHT;
+  const SOFT_LIGHT: p5.SOFT_LIGHT;
+  const DODGE: p5.DODGE;
+  const BURN: p5.BURN;
+  const THRESHOLD: p5.THRESHOLD;
+  const GRAY: p5.GRAY;
+  const OPAQUE: p5.OPAQUE;
+  const INVERT: p5.INVERT;
+  const POSTERIZE: p5.POSTERIZE;
+  const DILATE: p5.DILATE;
+  const ERODE: p5.ERODE;
+  const BLUR: p5.BLUR;
+  const NORMAL: p5.NORMAL;
+  const ITALIC: p5.ITALIC;
+  const BOLD: p5.BOLD;
+  const LANDSCAPE: p5.LANDSCAPE;
+  const PORTRAIT: p5.PORTRAIT;
+  const GRID: p5.GRID;
+  const AXES: p5.AXES;
+
+  /**
+   *   The print() function writes to the console area of
+   *   your browser. This function is often helpful for
+   *   looking at the data a program is producing. This
+   *   function creates a new line of text for each call
+   *   to the function. Individual elements can be
+   *   separated with quotes ("") and joined with the
+   *   addition operator (+). Note that calling print()
+   *   without any arguments invokes the window.print()
+   *   function which opens the browser's print dialog.
+   *   To print a blank line to console you can write
+   *   print('\n').
+   *   @param contents any combination of Number, String,
+   *   Object, Boolean, Array to print
+   */
+  function print(
+    contents: any
+  ): void;
+
+  /**
+   *   Sets the cursor to a predefined symbol or an
+   *   image, or makes it visible if already hidden. If
+   *   you are trying to set an image as the cursor, the
+   *   recommended size is 16x16 or 32x32 pixels. The
+   *   values for parameters x and y must be less than
+   *   the dimensions of the image.
+   *   @param type either ARROW, CROSS, HAND, MOVE, TEXT,
+   *   or WAIT, or path for image
+   *   @param [x] the horizontal active spot of the
+   *   cursor
+   *   @param [y] the vertical active spot of the cursor
+   */
+  function cursor(
+    type:
+      | string
+      | p5.CURSOR_TYPE,
+    x?: number,
+    y?: number
+  ): void;
+
+  /**
+   *   Specifies the number of frames to be displayed
+   *   every second. For example, the function call
+   *   frameRate(30) will attempt to refresh 30 times a
+   *   second. If the processor is not fast enough to
+   *   maintain the specified rate, the frame rate will
+   *   not be achieved. Setting the frame rate within
+   *   setup() is recommended. The default frame rate is
+   *   based on the frame rate of the display (here also
+   *   called "refresh rate"), which is set to 60 frames
+   *   per second on most computers. A frame rate of 24
+   *   frames per second (usual for movies) or above will
+   *   be enough for smooth animations This is the same
+   *   as setFrameRate(val).  Calling frameRate() with no
+   *   arguments returns the current framerate. The draw
+   *   function must run at least once before it will
+   *   return a value. This is the same as
+   *   getFrameRate().
+   *
+   *
+   *   Calling frameRate() with arguments that are not of
+   *   the type numbers or are non positive also returns
+   *   current framerate.
+   *   @param fps number of frames to be displayed every
+   *   second
+   *   @chainable
+   */
+  function frameRate(
+    fps: number
+  ): p5;
+
+  /**
+   *   Specifies the number of frames to be displayed
+   *   every second. For example, the function call
+   *   frameRate(30) will attempt to refresh 30 times a
+   *   second. If the processor is not fast enough to
+   *   maintain the specified rate, the frame rate will
+   *   not be achieved. Setting the frame rate within
+   *   setup() is recommended. The default frame rate is
+   *   based on the frame rate of the display (here also
+   *   called "refresh rate"), which is set to 60 frames
+   *   per second on most computers. A frame rate of 24
+   *   frames per second (usual for movies) or above will
+   *   be enough for smooth animations This is the same
+   *   as setFrameRate(val).  Calling frameRate() with no
+   *   arguments returns the current framerate. The draw
+   *   function must run at least once before it will
+   *   return a value. This is the same as
+   *   getFrameRate().
+   *
+   *
+   *   Calling frameRate() with arguments that are not of
+   *   the type numbers or are non positive also returns
+   *   current framerate.
+   *   @return current frameRate
+   */
+  function frameRate(): number;
+
+  /**
+   *   Hides the cursor from view.
+   */
+  function noCursor(): void;
+
+  /**
+   *   The windowResized() function is called once every
+   *   time the browser window is resized. This is a good
+   *   place to resize the canvas or do any other
+   *   adjustments to accommodate the new window size.
+   */
+  function windowResized(): void;
+
+  /**
+   *   If argument is given, sets the sketch to
+   *   fullscreen or not based on the value of the
+   *   argument. If no argument is given, returns the
+   *   current fullscreen state. Note that due to browser
+   *   restrictions this can only be called on user
+   *   input, for example, on mouse press like the
+   *   example below.
+   *   @param [val] whether the sketch should be in
+   *   fullscreen mode or not
+   *   @return current fullscreen state
+   */
+  function fullscreen(
+    val?: boolean
+  ): boolean;
+
+  /**
+   *   Sets the pixel scaling for high pixel density
+   *   displays. By default pixel density is set to match
+   *   display density, call pixelDensity(1) to turn this
+   *   off. Calling pixelDensity() with no arguments
+   *   returns the current pixel density of the sketch.
+   *   @param val whether or how much the sketch should
+   *   scale
+   *   @chainable
+   */
+  function pixelDensity(
+    val: number
+  ): p5;
+
+  /**
+   *   Sets the pixel scaling for high pixel density
+   *   displays. By default pixel density is set to match
+   *   display density, call pixelDensity(1) to turn this
+   *   off. Calling pixelDensity() with no arguments
+   *   returns the current pixel density of the sketch.
+   *   @return current pixel density of the sketch
+   */
+  function pixelDensity(): number;
+
+  /**
+   *   Returns the pixel density of the current display
+   *   the sketch is running on.
+   *   @return current pixel density of the display
+   */
+  function displayDensity(): number;
+
+  /**
+   *   Gets the current URL.
+   *   @return url
+   */
+  function getURL(): string;
+
+  /**
+   *   Gets the current URL path as an array.
+   *   @return path components
+   */
+  function getURLPath(): string[];
+
+  /**
+   *   Gets the current URL params as an Object.
+   *   @return URL params
+   */
+  function getURLParams(): object;
+
+  /**
+   *   The system variable frameCount contains the number
+   *   of frames that have been displayed since the
+   *   program started. Inside setup() the value is 0,
+   *   after the first iteration of draw it is 1, etc.
+   */
+  let frameCount: number;
+
+  /**
+   *   Confirms if the window a p5.js program is in is
+   *   "focused," meaning that the sketch will accept
+   *   mouse or keyboard input. This variable is "true"
+   *   if the window is focused and "false" if not.
+   */
+  let focused: boolean;
+
+  /**
+   *   System variable that stores the width of the
+   *   screen display according to The default
+   *   pixelDensity. This is used to run a full-screen
+   *   program on any display size. To return actual
+   *   screen size, multiply this by pixelDensity.
+   */
+  let displayWidth: number;
+
+  /**
+   *   System variable that stores the height of the
+   *   screen display according to The default
+   *   pixelDensity. This is used to run a full-screen
+   *   program on any display size. To return actual
+   *   screen size, multiply this by pixelDensity.
+   */
+  let displayHeight: number;
+
+  /**
+   *   System variable that stores the width of the inner
+   *   window, it maps to window.innerWidth.
+   */
+  let windowWidth: number;
+
+  /**
+   *   System variable that stores the height of the
+   *   inner window, it maps to window.innerHeight.
+   */
+  let windowHeight: number;
+
+  /**
+   *   System variable that stores the width of the
+   *   drawing canvas. This value is set by the first
+   *   parameter of the createCanvas() function. For
+   *   example, the function call createCanvas(320, 240)
+   *   sets the width variable to the value 320. The
+   *   value of width defaults to 100 if createCanvas()
+   *   is not used in a program.
+   */
+  let width: number;
+
+  /**
+   *   System variable that stores the height of the
+   *   drawing canvas. This value is set by the second
+   *   parameter of the createCanvas() function. For
+   *   example, the function call createCanvas(320, 240)
+   *   sets the height variable to the value 240. The
+   *   value of height defaults to 100 if createCanvas()
+   *   is not used in a program.
+   */
+  let height: number;
+
+  /**
+   *   Creates a canvas element in the document, and sets
+   *   the dimensions of it in pixels. This method should
+   *   be called only once at the start of setup. Calling
+   *   createCanvas more than once in a sketch will
+   *   result in very unpredictable behavior. If you want
+   *   more than one drawing canvas you could use
+   *   createGraphics (hidden by default but it can be
+   *   shown).  The system variables width and height are
+   *   set by the parameters passed to this function. If
+   *   createCanvas() is not used, the window will be
+   *   given a default size of 100x100 pixels.
+   *
+   *
+   *   For more ways to position the canvas, see the
+   *   positioning the canvas wiki page.
+   *   @param w width of the canvas
+   *   @param h height of the canvas
+   *   @param [renderer] either P2D or WEBGL
+   */
+  function createCanvas(
+    w: number,
+    h: number,
+    renderer?: p5.RENDERER
+  ): p5.Renderer;
+
+  /**
+   *   Resizes the canvas to given width and height. The
+   *   canvas will be cleared and draw will be called
+   *   immediately, allowing the sketch to re-render
+   *   itself in the resized canvas.
+   *   @param w width of the canvas
+   *   @param h height of the canvas
+   *   @param [noRedraw] don't redraw the canvas
+   *   immediately
+   */
+  function resizeCanvas(
+    w: number,
+    h: number,
+    noRedraw?: boolean
+  ): void;
+
+  /**
+   *   Removes the default canvas for a p5 sketch that
+   *   doesn't require a canvas
+   */
+  function noCanvas(): void;
+
+  /**
+   *   Creates and returns a new p5.Renderer object. Use
+   *   this class if you need to draw into an off-screen
+   *   graphics buffer. The two parameters define the
+   *   width and height in pixels.
+   *   @param w width of the offscreen graphics buffer
+   *   @param h height of the offscreen graphics buffer
+   *   @param [renderer] either P2D or WEBGL undefined
+   *   defaults to p2d
+   *   @return offscreen graphics buffer
+   */
+  function createGraphics(
+    w: number,
+    h: number,
+    renderer?: p5.RENDERER
+  ): p5.Graphics;
+
+  /**
+   *   Blends the pixels in the display window according
+   *   to the defined mode. There is a choice of the
+   *   following modes to blend the source pixels (A)
+   *   with the ones of pixels already in the display
+   *   window (B): - BLEND - linear interpolation of
+   *   colours: C = A*factor + B. This is the default
+   *   blending mode.
+   *   - ADD - sum of A and B
+   *   - DARKEST - only the darkest colour succeeds: C =
+   *   min(A*factor, B).
+   *   - LIGHTEST - only the lightest colour succeeds: C
+   *   = max(A*factor, B).
+   *   - DIFFERENCE - subtract colors from underlying
+   *   image.
+   *   - EXCLUSION - similar to DIFFERENCE, but less
+   *   extreme.
+   *   - MULTIPLY - multiply the colors, result will
+   *   always be darker.
+   *   - SCREEN - opposite multiply, uses inverse values
+   *   of the colors.
+   *   - REPLACE - the pixels entirely replace the others
+   *   and don't utilize alpha (transparency) values.
+   *   - OVERLAY - mix of MULTIPLY and SCREEN .
+   *   Multiplies dark values, and screens light values.
+   *   - HARD_LIGHT - SCREEN when greater than 50% gray,
+   *   MULTIPLY when lower.
+   *   - SOFT_LIGHT - mix of DARKEST and LIGHTEST. Works
+   *   like OVERLAY, but not as harsh.
+   *   - DODGE - lightens light tones and increases
+   *   contrast, ignores darks.
+   *   - BURN - darker areas are applied, increasing
+   *   contrast, ignores lights.
+   *   @param mode blend mode to set for canvas. either
+   *   BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+   *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+   *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL
+   */
+  function blendMode(
+    mode: p5.BLEND_MODE
+  ): void;
+
+  /**
+   *   Stops p5.js from continuously executing the code
+   *   within draw(). If loop() is called, the code in
+   *   draw() begins to run continuously again. If using
+   *   noLoop() in setup(), it should be the last line
+   *   inside the block.  When noLoop() is used, it's not
+   *   possible to manipulate or access the screen inside
+   *   event handling functions such as mousePressed() or
+   *   keyPressed(). Instead, use those functions to call
+   *   redraw() or loop(), which will run draw(), which
+   *   can update the screen properly. This means that
+   *   when noLoop() has been called, no drawing can
+   *   happen, and functions like saveFrame() or
+   *   loadPixels() may not be used.
+   *
+   *
+   *   Note that if the sketch is resized, redraw() will
+   *   be called to update the sketch, even after
+   *   noLoop() has been specified. Otherwise, the sketch
+   *   would enter an odd state until loop() was called.
+   */
+  function noLoop(): void;
+
+  /**
+   *   By default, p5.js loops through draw()
+   *   continuously, executing the code within it.
+   *   However, the draw() loop may be stopped by calling
+   *   noLoop(). In that case, the draw() loop can be
+   *   resumed with loop().
+   */
+  function loop(): void;
+
+  /**
+   *   The push() function saves the current drawing
+   *   style settings and transformations, while pop()
+   *   restores these settings. Note that these functions
+   *   are always used together. They allow you to change
+   *   the style and transformation settings and later
+   *   return to what you had. When a new state is
+   *   started with push(), it builds on the current
+   *   style and transform information. The push() and
+   *   pop() functions can be embedded to provide more
+   *   control. (See the second example for a
+   *   demonstration.)  push() stores information related
+   *   to the current transformation state and style
+   *   settings controlled by the following functions:
+   *   fill(), stroke(), tint(), strokeWeight(),
+   *   strokeCap(), strokeJoin(), imageMode(),
+   *   rectMode(), ellipseMode(), colorMode(),
+   *   textAlign(), textFont(), textMode(), textSize(),
+   *   textLeading().
+   */
+  function push(): void;
+
+  /**
+   *   The push() function saves the current drawing
+   *   style settings and transformations, while pop()
+   *   restores these settings. Note that these functions
+   *   are always used together. They allow you to change
+   *   the style and transformation settings and later
+   *   return to what you had. When a new state is
+   *   started with push(), it builds on the current
+   *   style and transform information. The push() and
+   *   pop() functions can be embedded to provide more
+   *   control. (See the second example for a
+   *   demonstration.)  push() stores information related
+   *   to the current transformation state and style
+   *   settings controlled by the following functions:
+   *   fill(), stroke(), tint(), strokeWeight(),
+   *   strokeCap(), strokeJoin(), imageMode(),
+   *   rectMode(), ellipseMode(), colorMode(),
+   *   textAlign(), textFont(), textMode(), textSize(),
+   *   textLeading().
+   */
+  function pop(): void;
+
+  /**
+   *   Executes the code within draw() one time. This
+   *   functions allows the program to update the display
+   *   window only when necessary, for example when an
+   *   event registered by mousePressed() or keyPressed()
+   *   occurs.  In structuring a program, it only makes
+   *   sense to call redraw() within events such as
+   *   mousePressed(). This is because redraw() does not
+   *   run draw() immediately (it only sets a flag that
+   *   indicates an update is needed).
+   *
+   *
+   *   The redraw() function does not work properly when
+   *   called inside draw(). To enable/disable
+   *   animations, use loop() and noLoop().
+   *
+   *
+   *   In addition you can set the number of redraws per
+   *   method call. Just add an integer as single
+   *   parameter for the number of redraws.
+   *   @param [n] Redraw for n-times. The default value
+   *   is 1.
+   */
+  function redraw(
+    n?: number
+  ): void;
+
+  /**
+   *   Multiplies the current matrix by the one specified
+   *   through the parameters. This is a powerful
+   *   operation that can perform the equivalent of
+   *   translate, scale, shear and rotate all at once.
+   *   You can learn more about transformation matrices
+   *   on  Wikipedia. The naming of the arguments here
+   *   follows the naming of the  WHATWG specification
+   *   and corresponds to a transformation matrix of the
+   *   form:
+   *   @param a numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @param b numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @param c numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @param d numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @param e numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @param f numbers which define the 2x3 matrix to be
+   *   multiplied
+   *   @chainable
+   */
+  function applyMatrix(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    e: number,
+    f: number
+  ): p5;
+
+  /**
+   *   Replaces the current matrix with the identity
+   *   matrix.
+   *   @chainable
+   */
+  function resetMatrix(): p5;
+
+  /**
+   *   Rotates a shape the amount specified by the angle
+   *   parameter. This function accounts for angleMode,
+   *   so angles can be entered in either RADIANS or
+   *   DEGREES.  Objects are always rotated around their
+   *   relative position to the origin and positive
+   *   numbers rotate objects in a clockwise direction.
+   *   Transformations apply to everything that happens
+   *   after and subsequent calls to the function
+   *   accumulates the effect. For example, calling
+   *   rotate(HALF_PI) and then rotate(HALF_PI) is the
+   *   same as rotate(PI). All tranformations are reset
+   *   when draw() begins again.
+   *
+   *
+   *   Technically, rotate() multiplies the current
+   *   transformation matrix by a rotation matrix. This
+   *   function can be further controlled by the push()
+   *   and pop().
+   *   @param angle the angle of rotation, specified in
+   *   radians or degrees, depending on current angleMode
+   *   @param [axis] (in 3d) the axis to rotate around
+   *   @chainable
+   */
+  function rotate(
+    angle: number,
+    axis?:
+      | p5.Vector
+      | number[]
+  ): p5;
+
+  /**
+   *   Rotates around X axis.
+   *   @param angle the angle of rotation, specified in
+   *   radians or degrees, depending on current angleMode
+   *   @chainable
+   */
+  function rotateX(
+    angle: number
+  ): p5;
+
+  /**
+   *   Rotates around Y axis.
+   *   @param angle the angle of rotation, specified in
+   *   radians or degrees, depending on current angleMode
+   *   @chainable
+   */
+  function rotateY(
+    angle: number
+  ): p5;
+
+  /**
+   *   Rotates around Z axis. Webgl mode only.
+   *   @param angle the angle of rotation, specified in
+   *   radians or degrees, depending on current angleMode
+   *   @chainable
+   */
+  function rotateZ(
+    angle: number
+  ): p5;
+
+  /**
+   *   Increases or decreases the size of a shape by
+   *   expanding and contracting vertices. Objects always
+   *   scale from their relative origin to the coordinate
+   *   system. Scale values are specified as decimal
+   *   percentages. For example, the function call
+   *   scale(2.0) increases the dimension of a shape by
+   *   200%.  Transformations apply to everything that
+   *   happens after and subsequent calls to the function
+   *   multiply the effect. For example, calling
+   *   scale(2.0) and then scale(1.5) is the same as
+   *   scale(3.0). If scale() is called within draw(),
+   *   the transformation is reset when the loop begins
+   *   again.
+   *
+   *
+   *   Using this function with the z parameter is only
+   *   available in WEBGL mode. This function can be
+   *   further controlled with push() and pop().
+   *   @param s percent to scale the object, or
+   *   percentage to scale the object in the x-axis if
+   *   multiple arguments are given
+   *   @param [y] percent to scale the object in the
+   *   y-axis
+   *   @param [z] percent to scale the object in the
+   *   z-axis (webgl only)
+   *   @chainable
+   */
+  function scale(
+    s:
+      | number
+      | p5.Vector
+      | number[],
+    y?: number,
+    z?: number
+  ): p5;
+
+  /**
+   *   Increases or decreases the size of a shape by
+   *   expanding and contracting vertices. Objects always
+   *   scale from their relative origin to the coordinate
+   *   system. Scale values are specified as decimal
+   *   percentages. For example, the function call
+   *   scale(2.0) increases the dimension of a shape by
+   *   200%.  Transformations apply to everything that
+   *   happens after and subsequent calls to the function
+   *   multiply the effect. For example, calling
+   *   scale(2.0) and then scale(1.5) is the same as
+   *   scale(3.0). If scale() is called within draw(),
+   *   the transformation is reset when the loop begins
+   *   again.
+   *
+   *
+   *   Using this function with the z parameter is only
+   *   available in WEBGL mode. This function can be
+   *   further controlled with push() and pop().
+   *   @param scales per-axis percents to scale the
+   *   object
+   *   @chainable
+   */
+  function scale(
+    scales:
+      | p5.Vector
+      | number[]
+  ): p5;
+
+  /**
+   *   Shears a shape around the x-axis the amount
+   *   specified by the angle parameter. Angles should be
+   *   specified in the current angleMode. Objects are
+   *   always sheared around their relative position to
+   *   the origin and positive numbers shear objects in a
+   *   clockwise direction.  Transformations apply to
+   *   everything that happens after and subsequent calls
+   *   to the function accumulates the effect. For
+   *   example, calling shearX(PI/2) and then
+   *   shearX(PI/2) is the same as shearX(PI). If
+   *   shearX() is called within the draw(), the
+   *   transformation is reset when the loop begins
+   *   again.
+   *
+   *
+   *   Technically, shearX() multiplies the current
+   *   transformation matrix by a rotation matrix. This
+   *   function can be further controlled by the push()
+   *   and pop() functions.
+   *   @param angle angle of shear specified in radians
+   *   or degrees, depending on current angleMode
+   *   @chainable
+   */
+  function shearX(
+    angle: number
+  ): p5;
+
+  /**
+   *   Shears a shape around the y-axis the amount
+   *   specified by the angle parameter. Angles should be
+   *   specified in the current angleMode. Objects are
+   *   always sheared around their relative position to
+   *   the origin and positive numbers shear objects in a
+   *   clockwise direction.  Transformations apply to
+   *   everything that happens after and subsequent calls
+   *   to the function accumulates the effect. For
+   *   example, calling shearY(PI/2) and then
+   *   shearY(PI/2) is the same as shearY(PI). If
+   *   shearY() is called within the draw(), the
+   *   transformation is reset when the loop begins
+   *   again.
+   *
+   *
+   *   Technically, shearY() multiplies the current
+   *   transformation matrix by a rotation matrix. This
+   *   function can be further controlled by the push()
+   *   and pop() functions.
+   *   @param angle angle of shear specified in radians
+   *   or degrees, depending on current angleMode
+   *   @chainable
+   */
+  function shearY(
+    angle: number
+  ): p5;
+
+  /**
+   *   Specifies an amount to displace objects within the
+   *   display window. The x parameter specifies
+   *   left/right translation, the y parameter specifies
+   *   up/down translation.  Transformations are
+   *   cumulative and apply to everything that happens
+   *   after and subsequent calls to the function
+   *   accumulates the effect. For example, calling
+   *   translate(50, 0) and then translate(20, 0) is the
+   *   same as translate(70, 0). If translate() is called
+   *   within draw(), the transformation is reset when
+   *   the loop begins again. This function can be
+   *   further controlled by using push() and pop().
+   *   @param x left/right translation
+   *   @param y up/down translation
+   *   @param [z] forward/backward translation (webgl
+   *   only)
+   *   @chainable
+   */
+  function translate(
+    x: number,
+    y: number,
+    z?: number
+  ): p5;
+
+  /**
+   *   Specifies an amount to displace objects within the
+   *   display window. The x parameter specifies
+   *   left/right translation, the y parameter specifies
+   *   up/down translation.  Transformations are
+   *   cumulative and apply to everything that happens
+   *   after and subsequent calls to the function
+   *   accumulates the effect. For example, calling
+   *   translate(50, 0) and then translate(20, 0) is the
+   *   same as translate(70, 0). If translate() is called
+   *   within draw(), the transformation is reset when
+   *   the loop begins again. This function can be
+   *   further controlled by using push() and pop().
+   *   @param vector the vector to translate by
+   *   @chainable
+   */
+  function translate(
+    vector: p5.Vector
+  ): p5;
+
+  /**
+   *   Creates a new instance of p5.StringDict using the
+   *   key-value pair or the object you provide.
+   */
+  function createStringDict(
+    key: string,
+    value: string
+  ): p5.StringDict;
+
+  /**
+   *   Creates a new instance of p5.StringDict using the
+   *   key-value pair or the object you provide.
+   *   @param object object
+   */
+  function createStringDict(
+    object: object
+  ): p5.StringDict;
+
+  /**
+   *   Creates a new instance of p5.NumberDict using the
+   *   key-value pair or object you provide.
+   */
+  function createNumberDict(
+    key: number,
+    value: number
+  ): p5.NumberDict;
+
+  /**
+   *   Creates a new instance of p5.NumberDict using the
+   *   key-value pair or object you provide.
+   *   @param object object
+   */
+  function createNumberDict(
+    object: object
+  ): p5.NumberDict;
+
+  /**
+   *   The setMoveThreshold() function is used to set the
+   *   movement threshold for the deviceMoved() function.
+   *   The default threshold is set to 0.5.
+   *   @param value The threshold value
+   */
+  function setMoveThreshold(
+    value: number
+  ): void;
+
+  /**
+   *   The setShakeThreshold() function is used to set
+   *   the movement threshold for the deviceShaken()
+   *   function. The default threshold is set to 30.
+   *   @param value The threshold value
+   */
+  function setShakeThreshold(
+    value: number
+  ): void;
+
+  /**
+   *   The deviceMoved() function is called when the
+   *   device is moved by more than the threshold value
+   *   along X, Y or Z axis. The default threshold is set
+   *   to 0.5.
+   */
+  function deviceMoved(): void;
+
+  /**
+   *   The deviceTurned() function is called when the
+   *   device rotates by more than 90 degrees
+   *   continuously.  The axis that triggers the
+   *   deviceTurned() method is stored in the turnAxis
+   *   variable. The deviceTurned() method can be locked
+   *   to trigger on any axis: X, Y or Z by comparing the
+   *   turnAxis variable to 'X', 'Y' or 'Z'.
+   */
+  function deviceTurned(): void;
+
+  /**
+   *   The deviceShaken() function is called when the
+   *   device total acceleration changes of accelerationX
+   *   and accelerationY values is more than the
+   *   threshold value. The default threshold is set to
+   *   30.
+   */
+  function deviceShaken(): void;
+
+  /**
+   *   The system variable deviceOrientation always
+   *   contains the orientation of the device. The value
+   *   of this variable will either be set 'landscape' or
+   *   'portrait'. If no data is available it will be set
+   *   to 'undefined'. either LANDSCAPE or PORTRAIT.
+   */
+  let deviceOrientation: p5.UNKNOWN_P5_CONSTANT;
+
+  /**
+   *   The system variable accelerationX always contains
+   *   the acceleration of the device along the x axis.
+   *   Value is represented as meters per second squared.
+   */
+  let accelerationX: number;
+
+  /**
+   *   The system variable accelerationY always contains
+   *   the acceleration of the device along the y axis.
+   *   Value is represented as meters per second squared.
+   */
+  let accelerationY: number;
+
+  /**
+   *   The system variable accelerationZ always contains
+   *   the acceleration of the device along the z axis.
+   *   Value is represented as meters per second squared.
+   */
+  let accelerationZ: number;
+
+  /**
+   *   The system variable pAccelerationX always contains
+   *   the acceleration of the device along the x axis in
+   *   the frame previous to the current frame. Value is
+   *   represented as meters per second squared.
+   */
+  let pAccelerationX: number;
+
+  /**
+   *   The system variable pAccelerationY always contains
+   *   the acceleration of the device along the y axis in
+   *   the frame previous to the current frame. Value is
+   *   represented as meters per second squared.
+   */
+  let pAccelerationY: number;
+
+  /**
+   *   The system variable pAccelerationZ always contains
+   *   the acceleration of the device along the z axis in
+   *   the frame previous to the current frame. Value is
+   *   represented as meters per second squared.
+   */
+  let pAccelerationZ: number;
+
+  /**
+   *   The system variable rotationX always contains the
+   *   rotation of the device along the x axis. Value is
+   *   represented as 0 to +/-180 degrees.  Note: The
+   *   order the rotations are called is important, ie.
+   *   if used together, it must be called in the order
+   *   Z-X-Y or there might be unexpected behaviour.
+   */
+  let rotationX: number;
+
+  /**
+   *   The system variable rotationY always contains the
+   *   rotation of the device along the y axis. Value is
+   *   represented as 0 to +/-90 degrees.  Note: The
+   *   order the rotations are called is important, ie.
+   *   if used together, it must be called in the order
+   *   Z-X-Y or there might be unexpected behaviour.
+   */
+  let rotationY: number;
+
+  /**
+   *   The system variable rotationZ always contains the
+   *   rotation of the device along the z axis. Value is
+   *   represented as 0 to 359 degrees.  Unlike rotationX
+   *   and rotationY, this variable is available for
+   *   devices with a built-in compass only.
+   *
+   *
+   *   Note: The order the rotations are called is
+   *   important, ie. if used together, it must be called
+   *   in the order Z-X-Y or there might be unexpected
+   *   behaviour.
+   */
+  let rotationZ: number;
+
+  /**
+   *   The system variable pRotationX always contains the
+   *   rotation of the device along the x axis in the
+   *   frame previous to the current frame. Value is
+   *   represented as 0 to +/-180 degrees.  pRotationX
+   *   can also be used with rotationX to determine the
+   *   rotate direction of the device along the X-axis.
+   */
+  let pRotationX: number;
+
+  /**
+   *   The system variable pRotationY always contains the
+   *   rotation of the device along the y axis in the
+   *   frame previous to the current frame. Value is
+   *   represented as 0 to +/-90 degrees.  pRotationY can
+   *   also be used with rotationY to determine the
+   *   rotate direction of the device along the Y-axis.
+   */
+  let pRotationY: number;
+
+  /**
+   *   The system variable pRotationZ always contains the
+   *   rotation of the device along the z axis in the
+   *   frame previous to the current frame. Value is
+   *   represented as 0 to 359 degrees.  pRotationZ can
+   *   also be used with rotationZ to determine the
+   *   rotate direction of the device along the Z-axis.
+   */
+  let pRotationZ: number;
+  let turnAxis: string;
+
+  /**
+   *   The keyPressed() function is called once every
+   *   time a key is pressed. The keyCode for the key
+   *   that was pressed is stored in the keyCode
+   *   variable.  For non-ASCII keys, use the keyCode
+   *   variable. You can check if the keyCode equals
+   *   BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE,
+   *   SHIFT, CONTROL, OPTION, ALT, UP_ARROW, DOWN_ARROW,
+   *   LEFT_ARROW, RIGHT_ARROW.
+   *
+   *
+   *   For ASCII keys that was pressed is stored in the
+   *   key variable. However, it does not distinguish
+   *   between uppercase and lowercase. For this reason,
+   *   it is recommended to use keyTyped() to read the
+   *   key variable, in which the case of the variable
+   *   will be distinguished.
+   *
+   *
+   *   Because of how operating systems handle key
+   *   repeats, holding down a key may cause multiple
+   *   calls to keyTyped() (and keyReleased() as well).
+   *   The rate of repeat is set by the operating system
+   *   and how each computer is configured.
+   *
+   *
+   *   Browsers may have different default behaviors
+   *   attached to various key events. To prevent any
+   *   default behavior for this event, add "return
+   *   false" to the end of the method.
+   */
+  function keyPressed(): void;
+
+  /**
+   *   The keyReleased() function is called once every
+   *   time a key is released. See key and keyCode for
+   *   more information. Browsers may have different
+   *   default behaviors attached to various key events.
+   *   To prevent any default behavior for this event,
+   *   add "return false" to the end of the method.
+   */
+  function keyReleased(): void;
+
+  /**
+   *   The keyTyped() function is called once every time
+   *   a key is pressed, but action keys such as Ctrl,
+   *   Shift, and Alt are ignored. The most recent key
+   *   pressed will be stored in the key variable.
+   *   Because of how operating systems handle key
+   *   repeats, holding down a key will cause multiple
+   *   calls to keyTyped() (and keyReleased() as well).
+   *   The rate of repeat is set by the operating system
+   *   and how each computer is configured.
+   *
+   *
+   *   Browsers may have different default behaviors
+   *   attached to various key events. To prevent any
+   *   default behavior for this event, add "return
+   *   false" to the end of the method.
+   */
+  function keyTyped(): void;
+
+  /**
+   *   The keyIsDown() function checks if the key is
+   *   currently down, i.e. pressed. It can be used if
+   *   you have an object that moves, and you want
+   *   several keys to be able to affect its behaviour
+   *   simultaneously, such as moving a sprite
+   *   diagonally. You can put in any number representing
+   *   the keyCode of the key, or use any of the variable
+   *   keyCode names listed here.
+   *   @param code The key to check for.
+   *   @return whether key is down or not
+   */
+  function keyIsDown(
+    code: number
+  ): boolean;
+
+  /**
+   *   The boolean system variable keyIsPressed is true
+   *   if any key is pressed and false if no keys are
+   *   pressed.
+   */
+  let keyIsPressed: boolean;
+
+  /**
+   *   The system variable key always contains the value
+   *   of the most recent key on the keyboard that was
+   *   typed. To get the proper capitalization, it is
+   *   best to use it within keyTyped(). For non-ASCII
+   *   keys, use the keyCode variable.
+   */
+  let key: string;
+
+  /**
+   *   The variable keyCode is used to detect special
+   *   keys such as BACKSPACE, DELETE, ENTER, RETURN,
+   *   TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT,
+   *   UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW. You
+   *   can also check for custom keys by looking up the
+   *   keyCode of any key on a site like this:
+   *   keycode.info.
+   */
+  let keyCode: number;
+
+  /**
+   *   The mouseMoved() function is called every time the
+   *   mouse moves and a mouse button is not pressed.
+   *   Browsers may have different default behaviors
+   *   attached to various mouse events. To prevent any
+   *   default behavior for this event, add "return
+   *   false" to the end of the method.
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function mouseMoved(
+    event?: object
+  ): void;
+
+  /**
+   *   The mouseDragged() function is called once every
+   *   time the mouse moves and a mouse button is
+   *   pressed. If no mouseDragged() function is defined,
+   *   the touchMoved() function will be called instead
+   *   if it is defined. Browsers may have different
+   *   default behaviors attached to various mouse
+   *   events. To prevent any default behavior for this
+   *   event, add "return false" to the end of the
+   *   method.
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function mouseDragged(
+    event?: object
+  ): void;
+
+  /**
+   *   The mousePressed() function is called once after
+   *   every time a mouse button is pressed. The
+   *   mouseButton variable (see the related reference
+   *   entry) can be used to determine which button has
+   *   been pressed. If no mousePressed() function is
+   *   defined, the touchStarted() function will be
+   *   called instead if it is defined. Browsers may have
+   *   different default behaviors attached to various
+   *   mouse events. To prevent any default behavior for
+   *   this event, add "return false" to the end of the
+   *   method.
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function mousePressed(
+    event?: object
+  ): void;
+
+  /**
+   *   The mouseReleased() function is called every time
+   *   a mouse button is released. If no mouseReleased()
+   *   function is defined, the touchEnded() function
+   *   will be called instead if it is defined. Browsers
+   *   may have different default behaviors attached to
+   *   various mouse events. To prevent any default
+   *   behavior for this event, add "return false" to the
+   *   end of the method.
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function mouseReleased(
+    event?: object
+  ): void;
+
+  /**
+   *   The mouseClicked() function is called once after a
+   *   mouse button has been pressed and then released.
+   *   Browsers handle clicks differently, so this
+   *   function is only guaranteed to be run when the
+   *   left mouse button is clicked. To handle other
+   *   mouse buttons being pressed or released, see
+   *   mousePressed() or mouseReleased().
+   *
+   *
+   *   Browsers may have different default behaviors
+   *   attached to various mouse events. To prevent any
+   *   default behavior for this event, add "return
+   *   false" to the end of the method.
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function mouseClicked(
+    event?: object
+  ): void;
+
+  /**
+   *   The doubleClicked() function is executed every
+   *   time a event listener has detected a dblclick
+   *   event which is a part of the DOM L3 specification.
+   *   The doubleClicked event is fired when a pointing
+   *   device button (usually a mouse's primary button)
+   *   is clicked twice on a single element. For more
+   *   info on the dblclick event refer to mozilla's
+   *   documentation here:
+   *   https://developer.mozilla.org/en-US/docs/Web/Events/dblclick
+   *   @param [event] optional MouseEvent callback
+   *   argument.
+   */
+  function doubleClicked(
+    event?: object
+  ): void;
+
+  /**
+   *   The function mouseWheel() is executed every time a
+   *   vertical mouse wheel event is detected either
+   *   triggered by an actual mouse wheel or by a
+   *   touchpad. The event.delta property returns the
+   *   amount the mouse wheel have scrolled. The values
+   *   can be positive or negative depending on the
+   *   scroll direction (on OS X with "natural" scrolling
+   *   enabled, the signs are inverted).
+   *
+   *
+   *   Browsers may have different default behaviors
+   *   attached to various mouse events. To prevent any
+   *   default behavior for this event, add "return
+   *   false" to the end of the method.
+   *
+   *
+   *   Due to the current support of the "wheel" event on
+   *   Safari, the function may only work as expected if
+   *   "return false" is included while using Safari.
+   *   @param [event] optional WheelEvent callback
+   *   argument.
+   */
+  function mouseWheel(
+    event?: object
+  ): void;
+
+  /**
+   *   The system variable mouseX always contains the
+   *   current horizontal position of the mouse, relative
+   *   to (0, 0) of the canvas. If touch is used instead
+   *   of mouse input, mouseX will hold the x value of
+   *   the most recent touch point.
+   */
+  let mouseX: number;
+
+  /**
+   *   The system variable mouseY always contains the
+   *   current vertical position of the mouse, relative
+   *   to (0, 0) of the canvas. If touch is used instead
+   *   of mouse input, mouseY will hold the y value of
+   *   the most recent touch point.
+   */
+  let mouseY: number;
+
+  /**
+   *   The system variable pmouseX always contains the
+   *   horizontal position of the mouse or finger in the
+   *   frame previous to the current frame, relative to
+   *   (0, 0) of the canvas. Note: pmouseX will be reset
+   *   to the current mouseX value at the start of each
+   *   touch event.
+   */
+  let pmouseX: number;
+
+  /**
+   *   The system variable pmouseY always contains the
+   *   vertical position of the mouse or finger in the
+   *   frame previous to the current frame, relative to
+   *   (0, 0) of the canvas. Note: pmouseY will be reset
+   *   to the current mouseY value at the start of each
+   *   touch event.
+   */
+  let pmouseY: number;
+
+  /**
+   *   The system variable winMouseX always contains the
+   *   current horizontal position of the mouse, relative
+   *   to (0, 0) of the window.
+   */
+  let winMouseX: number;
+
+  /**
+   *   The system variable winMouseY always contains the
+   *   current vertical position of the mouse, relative
+   *   to (0, 0) of the window.
+   */
+  let winMouseY: number;
+
+  /**
+   *   The system variable pwinMouseX always contains the
+   *   horizontal position of the mouse in the frame
+   *   previous to the current frame, relative to (0, 0)
+   *   of the window. Note: pwinMouseX will be reset to
+   *   the current winMouseX value at the start of each
+   *   touch event.
+   */
+  let pwinMouseX: number;
+
+  /**
+   *   The system variable pwinMouseY always contains the
+   *   vertical position of the mouse in the frame
+   *   previous to the current frame, relative to (0, 0)
+   *   of the window. Note: pwinMouseY will be reset to
+   *   the current winMouseY value at the start of each
+   *   touch event.
+   */
+  let pwinMouseY: number;
+
+  /**
+   *   Processing automatically tracks if the mouse
+   *   button is pressed and which button is pressed. The
+   *   value of the system variable mouseButton is either
+   *   LEFT, RIGHT, or CENTER depending on which button
+   *   was pressed last. Warning: different browsers may
+   *   track mouseButton differently.
+   */
+  let mouseButton: p5.UNKNOWN_P5_CONSTANT;
+
+  /**
+   *   The boolean system variable mouseIsPressed is true
+   *   if the mouse is pressed and false if not.
+   */
+  let mouseIsPressed: boolean;
+
+  /**
+   *   The touchStarted() function is called once after
+   *   every time a touch is registered. If no
+   *   touchStarted() function is defined, the
+   *   mousePressed() function will be called instead if
+   *   it is defined. Browsers may have different default
+   *   behaviors attached to various touch events. To
+   *   prevent any default behavior for this event, add
+   *   "return false" to the end of the method.
+   *   @param [event] optional TouchEvent callback
+   *   argument.
+   */
+  function touchStarted(
+    event?: object
+  ): void;
+
+  /**
+   *   The touchMoved() function is called every time a
+   *   touch move is registered. If no touchMoved()
+   *   function is defined, the mouseDragged() function
+   *   will be called instead if it is defined. Browsers
+   *   may have different default behaviors attached to
+   *   various touch events. To prevent any default
+   *   behavior for this event, add "return false" to the
+   *   end of the method.
+   *   @param [event] optional TouchEvent callback
+   *   argument.
+   */
+  function touchMoved(
+    event?: object
+  ): void;
+
+  /**
+   *   The touchEnded() function is called every time a
+   *   touch ends. If no touchEnded() function is
+   *   defined, the mouseReleased() function will be
+   *   called instead if it is defined. Browsers may have
+   *   different default behaviors attached to various
+   *   touch events. To prevent any default behavior for
+   *   this event, add "return false" to the end of the
+   *   method.
+   *   @param [event] optional TouchEvent callback
+   *   argument.
+   */
+  function touchEnded(
+    event?: object
+  ): void;
+
+  /**
+   *   The system variable touches[] contains an array of
+   *   the positions of all current touch points,
+   *   relative to (0, 0) of the canvas, and IDs
+   *   identifying a unique touch as it moves. Each
+   *   element in the array is an object with x, y, and
+   *   id properties. The touches[] array is not
+   *   supported on Safari and IE on touch-based desktops
+   *   (laptops).
+   */
+  let touches: object[];
+
+  /**
+   *   Creates a new p5.Image (the datatype for storing
+   *   images). This provides a fresh buffer of pixels to
+   *   play with. Set the size of the buffer with the
+   *   width and height parameters.  .pixels gives access
+   *   to an array containing the values for all the
+   *   pixels in the display window. These values are
+   *   numbers. This array is the size (including an
+   *   appropriate factor for the pixelDensity) of the
+   *   display window x4, representing the R, G, B, A
+   *   values in order for each pixel, moving from left
+   *   to right across each row, then down each column.
+   *   See .pixels for more info. It may also be simpler
+   *   to use set() or get().
+   *
+   *
+   *   Before accessing the pixels of an image, the data
+   *   must loaded with the loadPixels() function. After
+   *   the array data has been modified, the
+   *   updatePixels() function must be run to update the
+   *   changes.
+   *   @param width width in pixels
+   *   @param height height in pixels
+   *   @return the p5.Image object
+   */
+  function createImage(
+    width: number,
+    height: number
+  ): p5.Image;
+
+  /**
+   *   Save the current canvas as an image. The browser
+   *   will either save the file immediately, or prompt
+   *   the user with a dialogue window.
+   *   @param selectedCanvas a variable representing a
+   *   specific html5 canvas (optional)
+   *   @param [extension] 'jpg' or 'png'
+   */
+  function saveCanvas(
+    selectedCanvas:
+      | p5.Element
+      | HTMLCanvasElement,
+    filename?: string,
+    extension?: string
+  ): void;
+
+  /**
+   *   Save the current canvas as an image. The browser
+   *   will either save the file immediately, or prompt
+   *   the user with a dialogue window.
+   *   @param [extension] 'jpg' or 'png'
+   */
+  function saveCanvas(
+    filename?: string,
+    extension?: string
+  ): void;
+
+  /**
+   *   Capture a sequence of frames that can be used to
+   *   create a movie. Accepts a callback. For example,
+   *   you may wish to send the frames to a server where
+   *   they can be stored or converted into a movie. If
+   *   no callback is provided, the browser will pop up
+   *   save dialogues in an attempt to download all of
+   *   the images that have just been created. With the
+   *   callback provided the image data isn't saved by
+   *   default but instead passed as an argument to the
+   *   callback function as an array of objects, with the
+   *   size of array equal to the total number of frames.
+   *   Note that saveFrames() will only save the first 15
+   *   frames of an animation. To export longer
+   *   animations, you might look into a library like
+   *   ccapture.js.
+   *   @param extension 'jpg' or 'png'
+   *   @param duration Duration in seconds to save the
+   *   frames for.
+   *   @param framerate Framerate to save the frames in.
+   *   @param [callback] A callback function that will be
+   *   executed to handle the image data. This function
+   *   should accept an array as argument. The array will
+   *   contain the specified number of frames of objects.
+   *   Each object has three properties: imageData - an
+   *   image/octet-stream, filename and extension.
+   */
+  function saveFrames(
+    filename: string,
+    extension: string,
+    duration: number,
+    framerate: number,
+    callback?: (
+      p1: any[]
+    ) => any
+  ): void;
+
+  /**
+   *   Loads an image from a path and creates a p5.Image
+   *   from it.  The image may not be immediately
+   *   available for rendering If you want to ensure that
+   *   the image is ready before doing anything with it,
+   *   place the loadImage() call in preload(). You may
+   *   also supply a callback function to handle the
+   *   image when it's ready.
+   *
+   *
+   *   The path to the image should be relative to the
+   *   HTML file that links in your sketch. Loading an
+   *   image from a URL or other remote location may be
+   *   blocked due to your browser's built-in security.
+   *   @param path Path of the image to be loaded
+   *   @param [successCallback] Function to be called
+   *   once the image is loaded. Will be passed the
+   *   p5.Image.
+   *   @param [failureCallback] called with event error
+   *   if the image fails to load.
+   *   @return the p5.Image object
+   */
+  function loadImage(
+    path: string,
+    successCallback?: (
+      p1: p5.Image
+    ) => any,
+    failureCallback?: (
+      p1: Event
+    ) => any
+  ): p5.Image;
+
+  /**
+   *   Draw an image to the p5.js canvas. This function
+   *   can be used with different numbers of parameters.
+   *   The simplest use requires only three parameters:
+   *   img, x, and y—where (x, y) is the position of the
+   *   image. Two more parameters can optionally be added
+   *   to specify the width and height of the image.
+   *
+   *   This function can also be used with all eight
+   *   Number parameters. To differentiate between all
+   *   these parameters, p5.js uses the language of
+   *   "destination rectangle" (which corresponds to
+   *   "dx", "dy", etc.) and "source image" (which
+   *   corresponds to "sx", "sy", etc.) below. Specifying
+   *   the "source image" dimensions can be useful when
+   *   you want to display a subsection of the source
+   *   image instead of the whole thing. Here's a diagram
+   *   to explain further:
+   *   @param img the image to display
+   *   @param x the x-coordinate of the top-left corner
+   *   of the image
+   *   @param y the y-coordinate of the top-left corner
+   *   of the image
+   *   @param [width] the width to draw the image
+   *   @param [height] the height to draw the image
+   */
+  function image(
+    img:
+      | p5.Image
+      | p5.Element,
+    x: number,
+    y: number,
+    width?: number,
+    height?: number
+  ): void;
+
+  /**
+   *   Draw an image to the p5.js canvas. This function
+   *   can be used with different numbers of parameters.
+   *   The simplest use requires only three parameters:
+   *   img, x, and y—where (x, y) is the position of the
+   *   image. Two more parameters can optionally be added
+   *   to specify the width and height of the image.
+   *
+   *   This function can also be used with all eight
+   *   Number parameters. To differentiate between all
+   *   these parameters, p5.js uses the language of
+   *   "destination rectangle" (which corresponds to
+   *   "dx", "dy", etc.) and "source image" (which
+   *   corresponds to "sx", "sy", etc.) below. Specifying
+   *   the "source image" dimensions can be useful when
+   *   you want to display a subsection of the source
+   *   image instead of the whole thing. Here's a diagram
+   *   to explain further:
+   *   @param img the image to display
+   *   @param dx the x-coordinate of the destination
+   *   rectangle in which to draw the source image
+   *   @param dy the y-coordinate of the destination
+   *   rectangle in which to draw the source image
+   *   @param dWidth the width of the destination
+   *   rectangle
+   *   @param dHeight the height of the destination
+   *   rectangle
+   *   @param sx the x-coordinate of the subsection of
+   *   the source image to draw into the destination
+   *   rectangle
+   *   @param sy the y-coordinate of the subsection of
+   *   the source image to draw into the destination
+   *   rectangle
+   *   @param [sWidth] the width of the subsection of the
+   *   source image to draw into the destination
+   *   rectangle
+   *   @param [sHeight] the height of the subsection of
+   *   the source image to draw into the destination
+   *   rectangle
+   */
+  function image(
+    img:
+      | p5.Image
+      | p5.Element,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number,
+    sx: number,
+    sy: number,
+    sWidth?: number,
+    sHeight?: number
+  ): void;
+
+  /**
+   *   Sets the fill value for displaying images. Images
+   *   can be tinted to specified colors or made
+   *   transparent by including an alpha value.  To apply
+   *   transparency to an image without affecting its
+   *   color, use white as the tint color and specify an
+   *   alpha value. For instance, tint(255, 128) will
+   *   make an image 50% transparent (assuming the
+   *   default alpha range of 0-255, which can be changed
+   *   with colorMode()).
+   *
+   *
+   *   The value for the gray parameter must be less than
+   *   or equal to the current maximum value as specified
+   *   by colorMode(). The default maximum value is 255.
+   *   @param v1 red or hue value relative to the current
+   *   color range
+   *   @param v2 green or saturation value relative to
+   *   the current color range
+   *   @param v3 blue or brightness value relative to the
+   *   current color range
+   */
+  function tint(
+    v1: number,
+    v2: number,
+    v3: number,
+    alpha?: number
+  ): void;
+
+  /**
+   *   Sets the fill value for displaying images. Images
+   *   can be tinted to specified colors or made
+   *   transparent by including an alpha value.  To apply
+   *   transparency to an image without affecting its
+   *   color, use white as the tint color and specify an
+   *   alpha value. For instance, tint(255, 128) will
+   *   make an image 50% transparent (assuming the
+   *   default alpha range of 0-255, which can be changed
+   *   with colorMode()).
+   *
+   *
+   *   The value for the gray parameter must be less than
+   *   or equal to the current maximum value as specified
+   *   by colorMode(). The default maximum value is 255.
+   *   @param value a color string
+   */
+  function tint(
+    value: string
+  ): void;
+
+  /**
+   *   Sets the fill value for displaying images. Images
+   *   can be tinted to specified colors or made
+   *   transparent by including an alpha value.  To apply
+   *   transparency to an image without affecting its
+   *   color, use white as the tint color and specify an
+   *   alpha value. For instance, tint(255, 128) will
+   *   make an image 50% transparent (assuming the
+   *   default alpha range of 0-255, which can be changed
+   *   with colorMode()).
+   *
+   *
+   *   The value for the gray parameter must be less than
+   *   or equal to the current maximum value as specified
+   *   by colorMode(). The default maximum value is 255.
+   *   @param gray a gray value
+   */
+  function tint(
+    gray: number,
+    alpha?: number
+  ): void;
+
+  /**
+   *   Sets the fill value for displaying images. Images
+   *   can be tinted to specified colors or made
+   *   transparent by including an alpha value.  To apply
+   *   transparency to an image without affecting its
+   *   color, use white as the tint color and specify an
+   *   alpha value. For instance, tint(255, 128) will
+   *   make an image 50% transparent (assuming the
+   *   default alpha range of 0-255, which can be changed
+   *   with colorMode()).
+   *
+   *
+   *   The value for the gray parameter must be less than
+   *   or equal to the current maximum value as specified
+   *   by colorMode(). The default maximum value is 255.
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   */
+  function tint(
+    values: number[]
+  ): void;
+
+  /**
+   *   Sets the fill value for displaying images. Images
+   *   can be tinted to specified colors or made
+   *   transparent by including an alpha value.  To apply
+   *   transparency to an image without affecting its
+   *   color, use white as the tint color and specify an
+   *   alpha value. For instance, tint(255, 128) will
+   *   make an image 50% transparent (assuming the
+   *   default alpha range of 0-255, which can be changed
+   *   with colorMode()).
+   *
+   *
+   *   The value for the gray parameter must be less than
+   *   or equal to the current maximum value as specified
+   *   by colorMode(). The default maximum value is 255.
+   *   @param color the tint color
+   */
+  function tint(
+    color: p5.Color
+  ): void;
+
+  /**
+   *   Removes the current fill value for displaying
+   *   images and reverts to displaying images with their
+   *   original hues.
+   */
+  function noTint(): void;
+
+  /**
+   *   Set image mode. Modifies the location from which
+   *   images are drawn by changing the way in which
+   *   parameters given to image() are interpreted. The
+   *   default mode is imageMode(CORNER), which
+   *   interprets the second and third parameters of
+   *   image() as the upper-left corner of the image. If
+   *   two additional parameters are specified, they are
+   *   used to set the image's width and height.
+   *   imageMode(CORNERS) interprets the second and third
+   *   parameters of image() as the location of one
+   *   corner, and the fourth and fifth parameters as the
+   *   opposite corner.
+   *
+   *
+   *   imageMode(CENTER) interprets the second and third
+   *   parameters of image() as the image's center point.
+   *   If two additional parameters are specified, they
+   *   are used to set the image's width and height.
+   *   @param mode either CORNER, CORNERS, or CENTER
+   */
+  function imageMode(
+    mode: p5.IMAGE_MODE
+  ): void;
+
+  /**
+   *   Copies a region of pixels from one image to
+   *   another, using a specified blend mode to do the
+   *   operation.
+   *   @param srcImage source image
+   *   @param sx X coordinate of the source's upper left
+   *   corner
+   *   @param sy Y coordinate of the source's upper left
+   *   corner
+   *   @param sw source image width
+   *   @param sh source image height
+   *   @param dx X coordinate of the destination's upper
+   *   left corner
+   *   @param dy Y coordinate of the destination's upper
+   *   left corner
+   *   @param dw destination image width
+   *   @param dh destination image height
+   *   @param blendMode the blend mode. either BLEND,
+   *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+   *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+   *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+   */
+  function blend(
+    srcImage: p5.Image,
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number,
+    blendMode: p5.BLEND_MODE
+  ): void;
+
+  /**
+   *   Copies a region of pixels from one image to
+   *   another, using a specified blend mode to do the
+   *   operation.
+   *   @param sx X coordinate of the source's upper left
+   *   corner
+   *   @param sy Y coordinate of the source's upper left
+   *   corner
+   *   @param sw source image width
+   *   @param sh source image height
+   *   @param dx X coordinate of the destination's upper
+   *   left corner
+   *   @param dy Y coordinate of the destination's upper
+   *   left corner
+   *   @param dw destination image width
+   *   @param dh destination image height
+   *   @param blendMode the blend mode. either BLEND,
+   *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+   *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+   *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+   */
+  function blend(
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number,
+    blendMode: p5.UNKNOWN_P5_CONSTANT
+  ): void;
+
+  /**
+   *   Copies a region of the canvas to another region of
+   *   the canvas and copies a region of pixels from an
+   *   image used as the srcImg parameter into the canvas
+   *   srcImage is specified this is used as the source.
+   *   If the source and destination regions aren't the
+   *   same size, it will automatically resize source
+   *   pixels to fit the specified target region.
+   *   @param srcImage source image
+   *   @param sx X coordinate of the source's upper left
+   *   corner
+   *   @param sy Y coordinate of the source's upper left
+   *   corner
+   *   @param sw source image width
+   *   @param sh source image height
+   *   @param dx X coordinate of the destination's upper
+   *   left corner
+   *   @param dy Y coordinate of the destination's upper
+   *   left corner
+   *   @param dw destination image width
+   *   @param dh destination image height
+   */
+  function copy(
+    srcImage:
+      | p5.Image
+      | p5.Element,
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number
+  ): void;
+
+  /**
+   *   Copies a region of the canvas to another region of
+   *   the canvas and copies a region of pixels from an
+   *   image used as the srcImg parameter into the canvas
+   *   srcImage is specified this is used as the source.
+   *   If the source and destination regions aren't the
+   *   same size, it will automatically resize source
+   *   pixels to fit the specified target region.
+   *   @param sx X coordinate of the source's upper left
+   *   corner
+   *   @param sy Y coordinate of the source's upper left
+   *   corner
+   *   @param sw source image width
+   *   @param sh source image height
+   *   @param dx X coordinate of the destination's upper
+   *   left corner
+   *   @param dy Y coordinate of the destination's upper
+   *   left corner
+   *   @param dw destination image width
+   *   @param dh destination image height
+   */
+  function copy(
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number
+  ): void;
+
+  /**
+   *   Applies a filter to the canvas.
+   *
+   *   The presets options are:
+   *
+   *
+   *
+   *   THRESHOLD Converts the image to black and white
+   *   pixels depending if they are above or below the
+   *   threshold defined by the level parameter. The
+   *   parameter must be between 0.0 (black) and 1.0
+   *   (white). If no level is specified, 0.5 is used.
+   *
+   *
+   *
+   *   GRAY Converts any colors in the image to grayscale
+   *   equivalents. No parameter is used.
+   *
+   *
+   *
+   *   OPAQUE Sets the alpha channel to entirely opaque.
+   *   No parameter is used.
+   *
+   *
+   *
+   *   INVERT Sets each pixel to its inverse value. No
+   *   parameter is used.
+   *
+   *
+   *
+   *   POSTERIZE Limits each channel of the image to the
+   *   number of colors specified as the parameter. The
+   *   parameter can be set to values between 2 and 255,
+   *   but results are most noticeable in the lower
+   *   ranges.
+   *
+   *
+   *
+   *   BLUR Executes a Gaussian blur with the level
+   *   parameter specifying the extent of the blurring.
+   *   If no parameter is used, the blur is equivalent to
+   *   Gaussian blur of radius 1. Larger values increase
+   *   the blur.
+   *
+   *
+   *
+   *   ERODE Reduces the light areas. No parameter is
+   *   used.
+   *
+   *
+   *
+   *   DILATE Increases the light areas. No parameter is
+   *   used.
+   *   @param filterType either THRESHOLD, GRAY, OPAQUE,
+   *   INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR.
+   *   See Filters.js for docs on each available filter
+   *   @param [filterParam] an optional parameter unique
+   *   to each filter, see above
+   */
+  function filter(
+    filterType: p5.FILTER_TYPE,
+    filterParam?: number
+  ): void;
+
+  /**
+   *   Returns an array of [R,G,B,A] values for any pixel
+   *   or grabs a section of an image. If no parameters
+   *   are specified, the entire image is returned. Use
+   *   the x and y parameters to get the value of one
+   *   pixel. Get a section of the display window by
+   *   specifying additional w and h parameters. When
+   *   getting an image, the x and y parameters define
+   *   the coordinates for the upper-left corner of the
+   *   image, regardless of the current imageMode().  If
+   *   the pixel requested is outside of the image
+   *   window, [0,0,0,255] is returned. To get the
+   *   numbers scaled according to the current color
+   *   ranges and taking into account colorMode, use
+   *   getColor instead of get.
+   *
+   *
+   *   Getting the color of a single pixel with get(x, y)
+   *   is easy, but not as fast as grabbing the data
+   *   directly from pixels[]. The equivalent statement
+   *   to get(x, y) using pixels[] with pixel density d
+   *   is  var x, y, d; // set these to the coordinates
+   *   var off = (y  width + x)  d * 4; var components =
+   *   [ pixels[off], pixels[off + 1], pixels[off + 2],
+   *   pixels[off + 3] ]; print(components);
+   *
+   *
+   *   See the reference for pixels[] for more
+   *   information.
+   *
+   *   If you want to extract an array of colors or a
+   *   subimage from an p5.Image object, take a look at
+   *   p5.Image.get()
+   *   @param [x] x-coordinate of the pixel
+   *   @param [y] y-coordinate of the pixel
+   *   @param [w] width
+   *   @param [h] height
+   *   @return values of pixel at x,y in array format [R,
+   *   G, B, A] or p5.Image
+   */
+  function get(
+    x?: number,
+    y?: number,
+    w?: number,
+    h?: number
+  ):
+    | number[]
+    | p5.Image;
+
+  /**
+   *   Loads the pixel data for the display window into
+   *   the pixels[] array. This function must always be
+   *   called before reading from or writing to pixels[].
+   *   Note that only changes made with set() or direct
+   *   manipulation of pixels[] will occur.
+   */
+  function loadPixels(): void;
+
+  /**
+   *   Changes the color of any pixel, or writes an image
+   *   directly to the display window. The x and y
+   *   parameters specify the pixel to change and the c
+   *   parameter specifies the color value. This can be a
+   *   p5.Color object, or [R, G, B, A] pixel array. It
+   *   can also be a single grayscale value. When setting
+   *   an image, the x and y parameters define the
+   *   coordinates for the upper-left corner of the
+   *   image, regardless of the current imageMode().
+   *
+   *
+   *   After using set(), you must call updatePixels()
+   *   for your changes to appear. This should be called
+   *   once all pixels have been set, and must be called
+   *   before calling .get() or drawing the image.
+   *
+   *   Setting the color of a single pixel with set(x, y)
+   *   is easy, but not as fast as putting the data
+   *   directly into pixels[]. Setting the pixels[]
+   *   values directly may be complicated when working
+   *   with a retina display, but will perform better
+   *   when lots of pixels need to be set directly on
+   *   every loop.
+   *
+   *   See the reference for pixels[] for more
+   *   information.
+   *   @param x x-coordinate of the pixel
+   *   @param y y-coordinate of the pixel
+   *   @param c insert a grayscale value | a pixel array
+   *   | a p5.Color object | a p5.Image to copy
+   */
+  function set(
+    x: number,
+    y: number,
+    c:
+      | number
+      | number[]
+      | object
+  ): void;
+
+  /**
+   *   Updates the display window with the data in the
+   *   pixels[] array. Use in conjunction with
+   *   loadPixels(). If you're only reading pixels from
+   *   the array, there's no need to call updatePixels()
+   *   — updating is only necessary to apply changes.
+   *   updatePixels() should be called anytime the pixels
+   *   array is manipulated or set() is called, and only
+   *   changes made with set() or direct changes to
+   *   pixels[] will occur.
+   *   @param [x] x-coordinate of the upper-left corner
+   *   of region to update
+   *   @param [y] y-coordinate of the upper-left corner
+   *   of region to update
+   *   @param [w] width of region to update
+   *   @param [h] height of region to update
+   */
+  function updatePixels(
+    x?: number,
+    y?: number,
+    w?: number,
+    h?: number
+  ): void;
+
+  /**
+   *   Uint8ClampedArray containing the values for all
+   *   the pixels in the display window. These values are
+   *   numbers. This array is the size (include an
+   *   appropriate factor for pixelDensity) of the
+   *   display window x4, representing the R, G, B, A
+   *   values in order for each pixel, moving from left
+   *   to right across each row, then down each column.
+   *   Retina and other high density displays will have
+   *   more pixels[] (by a factor of pixelDensity^2). For
+   *   example, if the image is 100x100 pixels, there
+   *   will be 40,000. On a retina display, there will be
+   *   160,000.  The first four values (indices 0-3) in
+   *   the array will be the R, G, B, A values of the
+   *   pixel at (0, 0). The second four values (indices
+   *   4-7) will contain the R, G, B, A values of the
+   *   pixel at (1, 0). More generally, to set values for
+   *   a pixel at (x, y):
+   *
+   *   var d = pixelDensity(); for (var i = 0; i < d;
+   *   i++) { for (var j = 0; j < d; j++) { // loop over
+   *   idx = 4 * ((y * d + j) * width * d + (x * d + i));
+   *   pixels[idx] = r; pixels[idx+1] = g; pixels[idx+2]
+   *   = b; pixels[idx+3] = a; } }
+   *
+   *   While the above method is complex, it is flexible
+   *   enough to work with any pixelDensity. Note that
+   *   set() will automatically take care of setting all
+   *   the appropriate values in pixels[] for a given (x,
+   *   y) at any pixelDensity, but the performance may
+   *   not be as fast when lots of modifications are made
+   *   to the pixel array.
+   *
+   *
+   *   Before accessing this array, the data must loaded
+   *   with the loadPixels() function. After the array
+   *   data has been modified, the updatePixels()
+   *   function must be run to update the changes.
+   *
+   *
+   *   Note that this is not a standard javascript array.
+   *   This means that standard javascript functions such
+   *   as slice() or arrayCopy() do not work.
+   */
+  let pixels: number[];
+
+  /**
+   *   Loads a JSON file from a file or a URL, and
+   *   returns an Object. Note that even if the JSON file
+   *   contains an Array, an Object will be returned with
+   *   index numbers as keys. This method is
+   *   asynchronous, meaning it may not finish before the
+   *   next line in your sketch is executed. JSONP is
+   *   supported via a polyfill and you can pass in as
+   *   the second argument an object with definitions of
+   *   the json callback following the syntax specified
+   *   here.
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param path name of the file or url to load
+   *   @param [jsonpOptions] options object for jsonp
+   *   related settings
+   *   @param [datatype] "json" or "jsonp"
+   *   @param [callback] function to be executed after
+   *   loadJSON() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return JSON data
+   */
+  function loadJSON(
+    path: string,
+    jsonpOptions?: object,
+    datatype?: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ):
+    | object
+    | any[];
+
+  /**
+   *   Loads a JSON file from a file or a URL, and
+   *   returns an Object. Note that even if the JSON file
+   *   contains an Array, an Object will be returned with
+   *   index numbers as keys. This method is
+   *   asynchronous, meaning it may not finish before the
+   *   next line in your sketch is executed. JSONP is
+   *   supported via a polyfill and you can pass in as
+   *   the second argument an object with definitions of
+   *   the json callback following the syntax specified
+   *   here.
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param path name of the file or url to load
+   *   @param datatype "json" or "jsonp"
+   *   @param [callback] function to be executed after
+   *   loadJSON() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function loadJSON(
+    path: string,
+    datatype: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ):
+    | object
+    | any[];
+
+  /**
+   *   Loads a JSON file from a file or a URL, and
+   *   returns an Object. Note that even if the JSON file
+   *   contains an Array, an Object will be returned with
+   *   index numbers as keys. This method is
+   *   asynchronous, meaning it may not finish before the
+   *   next line in your sketch is executed. JSONP is
+   *   supported via a polyfill and you can pass in as
+   *   the second argument an object with definitions of
+   *   the json callback following the syntax specified
+   *   here.
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param path name of the file or url to load
+   *   @param callback function to be executed after
+   *   loadJSON() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function loadJSON(
+    path: string,
+    callback: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ):
+    | object
+    | any[];
+
+  /**
+   *   Reads the contents of a file and creates a String
+   *   array of its individual lines. If the name of the
+   *   file is used as the parameter, as in the above
+   *   example, the file must be located in the sketch
+   *   directory/folder.  Alternatively, the file maybe
+   *   be loaded from anywhere on the local computer
+   *   using an absolute path (something that starts with
+   *   / on Unix and Linux, or a drive letter on
+   *   Windows), or the filename parameter can be a URL
+   *   for a file found on a network.
+   *
+   *
+   *   This method is asynchronous, meaning it may not
+   *   finish before the next line in your sketch is
+   *   executed.
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param filename name of the file or url to load
+   *   @param [callback] function to be executed after
+   *   loadStrings() completes, Array is passed in as
+   *   first argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return Array of Strings
+   */
+  function loadStrings(
+    filename: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): string[];
+
+  /**
+   *   Reads the contents of a file or URL and creates a
+   *   p5.Table object with its values. If a file is
+   *   specified, it must be located in the sketch's
+   *   "data" folder. The filename parameter can also be
+   *   a URL to a file found online. By default, the file
+   *   is assumed to be comma-separated (in CSV format).
+   *   Table only looks for a header row if the 'header'
+   *   option is included. Possible options include:
+   *
+   *   - csv - parse the table as comma-separated values
+   *   - tsv - parse the table as tab-separated values
+   *   - header - this table has a header (title) row
+   *
+   *   When passing in multiple options, pass them in as
+   *   separate parameters, seperated by commas. For
+   *   example:
+   *
+   *
+   *   loadTable('my_csv_file.csv', 'csv', 'header');
+   *
+   *
+   *   All files loaded and saved use UTF-8 encoding.
+   *
+   *   This method is asynchronous, meaning it may not
+   *   finish before the next line in your sketch is
+   *   executed. Calling loadTable() inside preload()
+   *   guarantees to complete the operation before
+   *   setup() and draw() are called.
+   *
+   *   Outside of preload(), you may supply a callback
+   *   function to handle the object:
+   *
+   *
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param filename name of the file or URL to load
+   *   @param options "header" "csv" "tsv"
+   *   @param [callback] function to be executed after
+   *   loadTable() completes. On success, the Table
+   *   object is passed in as the first argument.
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return Table object containing data
+   */
+  function loadTable(
+    filename: string,
+    options: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): object;
+
+  /**
+   *   Reads the contents of a file or URL and creates a
+   *   p5.Table object with its values. If a file is
+   *   specified, it must be located in the sketch's
+   *   "data" folder. The filename parameter can also be
+   *   a URL to a file found online. By default, the file
+   *   is assumed to be comma-separated (in CSV format).
+   *   Table only looks for a header row if the 'header'
+   *   option is included. Possible options include:
+   *
+   *   - csv - parse the table as comma-separated values
+   *   - tsv - parse the table as tab-separated values
+   *   - header - this table has a header (title) row
+   *
+   *   When passing in multiple options, pass them in as
+   *   separate parameters, seperated by commas. For
+   *   example:
+   *
+   *
+   *   loadTable('my_csv_file.csv', 'csv', 'header');
+   *
+   *
+   *   All files loaded and saved use UTF-8 encoding.
+   *
+   *   This method is asynchronous, meaning it may not
+   *   finish before the next line in your sketch is
+   *   executed. Calling loadTable() inside preload()
+   *   guarantees to complete the operation before
+   *   setup() and draw() are called.
+   *
+   *   Outside of preload(), you may supply a callback
+   *   function to handle the object:
+   *
+   *
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param filename name of the file or URL to load
+   *   @param [callback] function to be executed after
+   *   loadTable() completes. On success, the Table
+   *   object is passed in as the first argument.
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function loadTable(
+    filename: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): object;
+
+  /**
+   *   Reads the contents of a file and creates an XML
+   *   object with its values. If the name of the file is
+   *   used as the parameter, as in the above example,
+   *   the file must be located in the sketch
+   *   directory/folder. Alternatively, the file maybe be
+   *   loaded from anywhere on the local computer using
+   *   an absolute path (something that starts with / on
+   *   Unix and Linux, or a drive letter on Windows), or
+   *   the filename parameter can be a URL for a file
+   *   found on a network.
+   *
+   *   This method is asynchronous, meaning it may not
+   *   finish before the next line in your sketch is
+   *   executed. Calling loadXML() inside preload()
+   *   guarantees to complete the operation before
+   *   setup() and draw() are called.
+   *
+   *   Outside of preload(), you may supply a callback
+   *   function to handle the object.
+   *
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param filename name of the file or URL to load
+   *   @param [callback] function to be executed after
+   *   loadXML() completes, XML object is passed in as
+   *   first argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return XML object containing data
+   */
+  function loadXML(
+    filename: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): object;
+
+  /**
+   *   This method is suitable for fetching files up to
+   *   size of 64MB.
+   *   @param file name of the file or URL to load
+   *   @param [callback] function to be executed after
+   *   loadBytes() completes
+   *   @param [errorCallback] function to be executed if
+   *   there is an error
+   *   @return an object whose 'bytes' property will be
+   *   the loaded buffer
+   */
+  function loadBytes(
+    file: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): object;
+
+  /**
+   *   Method for executing an HTTP GET request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'GET'). The 'binary'
+   *   datatype will return a Blob object, and the
+   *   'arrayBuffer' datatype will return an ArrayBuffer
+   *   which can be used to initialize typed arrays (such
+   *   as Uint8Array).
+   *   @param path name of the file or url to load
+   *   @param [datatype] "json", "jsonp", "binary",
+   *   "arrayBuffer", "xml", or "text"
+   *   @param [data] param data passed sent with request
+   *   @param [callback] function to be executed after
+   *   httpGet() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return A promise that resolves with the data when
+   *   the operation completes successfully or rejects
+   *   with the error after one occurs.
+   */
+  function httpGet(
+    path: string,
+    datatype?: string,
+    data?:
+      | object
+      | boolean,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP GET request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'GET'). The 'binary'
+   *   datatype will return a Blob object, and the
+   *   'arrayBuffer' datatype will return an ArrayBuffer
+   *   which can be used to initialize typed arrays (such
+   *   as Uint8Array).
+   *   @param path name of the file or url to load
+   *   @param data param data passed sent with request
+   *   @param [callback] function to be executed after
+   *   httpGet() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function httpGet(
+    path: string,
+    data:
+      | object
+      | boolean,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP GET request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'GET'). The 'binary'
+   *   datatype will return a Blob object, and the
+   *   'arrayBuffer' datatype will return an ArrayBuffer
+   *   which can be used to initialize typed arrays (such
+   *   as Uint8Array).
+   *   @param path name of the file or url to load
+   *   @param callback function to be executed after
+   *   httpGet() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function httpGet(
+    path: string,
+    callback: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP POST request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'POST').
+   *   @param path name of the file or url to load
+   *   @param [datatype] "json", "jsonp", "xml", or
+   *   "text". If omitted, httpPost() will guess.
+   *   @param [data] param data passed sent with request
+   *   @param [callback] function to be executed after
+   *   httpPost() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return A promise that resolves with the data when
+   *   the operation completes successfully or rejects
+   *   with the error after one occurs.
+   */
+  function httpPost(
+    path: string,
+    datatype?: string,
+    data?:
+      | object
+      | boolean,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP POST request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'POST').
+   *   @param path name of the file or url to load
+   *   @param data param data passed sent with request
+   *   @param [callback] function to be executed after
+   *   httpPost() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function httpPost(
+    path: string,
+    data:
+      | object
+      | boolean,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP POST request. If data
+   *   type is not specified, p5 will try to guess based
+   *   on the URL, defaulting to text. This is equivalent
+   *   to calling httpDo(path, 'POST').
+   *   @param path name of the file or url to load
+   *   @param callback function to be executed after
+   *   httpPost() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function httpPost(
+    path: string,
+    callback: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP request. If data type
+   *   is not specified, p5 will try to guess based on
+   *   the URL, defaulting to text. For more advanced
+   *   use, you may also pass in the path as the first
+   *   argument and a object as the second argument, the
+   *   signature follows the one specified in the Fetch
+   *   API specification. This method is suitable for
+   *   fetching files up to size of 64MB when "GET" is
+   *   used.
+   *   @param path name of the file or url to load
+   *   @param [method] either "GET", "POST", or "PUT",
+   *   defaults to "GET"
+   *   @param [datatype] "json", "jsonp", "xml", or
+   *   "text"
+   *   @param [data] param data passed sent with request
+   *   @param [callback] function to be executed after
+   *   httpGet() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   *   @return A promise that resolves with the data when
+   *   the operation completes successfully or rejects
+   *   with the error after one occurs.
+   */
+  function httpDo(
+    path: string,
+    method?: string,
+    datatype?: string,
+    data?: object,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+
+  /**
+   *   Method for executing an HTTP request. If data type
+   *   is not specified, p5 will try to guess based on
+   *   the URL, defaulting to text. For more advanced
+   *   use, you may also pass in the path as the first
+   *   argument and a object as the second argument, the
+   *   signature follows the one specified in the Fetch
+   *   API specification. This method is suitable for
+   *   fetching files up to size of 64MB when "GET" is
+   *   used.
+   *   @param path name of the file or url to load
+   *   @param options Request object options as
+   *   documented in the "fetch" API reference
+   *   @param [callback] function to be executed after
+   *   httpGet() completes, data is passed in as first
+   *   argument
+   *   @param [errorCallback] function to be executed if
+   *   there is an error, response is passed in as first
+   *   argument
+   */
+  function httpDo(
+    path: string,
+    options: object,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    errorCallback?: (
+      ...args: any[]
+    ) => any
+  ): Promise<
+    any
+  >;
+  function createWriter(
+    name: string,
+    extension?: string
+  ): p5.PrintWriter;
+
+  /**
+   *   Save an image, text, json, csv, wav, or html.
+   *   Prompts download to the client's computer. Note
+   *   that it is not recommended to call save() within
+   *   draw if it's looping, as the save() function will
+   *   open a new save dialog every frame. The default
+   *   behavior is to save the canvas as an image. You
+   *   can optionally specify a filename. For example:
+   *
+   *
+   *   save(); save('myCanvas.jpg'); // save a specific
+   *   canvas with a filename
+   *
+   *   Alternately, the first parameter can be a pointer
+   *   to a canvas p5.Element, an Array of Strings, an
+   *   Array of JSON, a JSON object, a p5.Table, a
+   *   p5.Image, or a p5.SoundFile (requires p5.sound).
+   *   The second parameter is a filename (including
+   *   extension). The third parameter is for options
+   *   specific to this type of object. This method will
+   *   save a file that fits the given parameters. For
+   *   example:
+   *
+   *
+   *   // Saves canvas as an image save('myCanvas.jpg');
+   *   // Saves pImage as a png image var img =
+   *   createImage(10, 10); save(img, 'my.png'); // Saves
+   *   canvas as an image var cnv = createCanvas(100,
+   *   100); save(cnv, 'myCanvas.jpg'); // Saves
+   *   p5.Renderer object as an image var gb =
+   *   createGraphics(100, 100); save(gb,
+   *   'myGraphics.jpg'); var myTable = new p5.Table();
+   *   // Saves table as html file save(myTable,
+   *   'myTable.html'); // Comma Separated Values
+   *   save(myTable, 'myTable.csv'); // Tab Separated
+   *   Values save(myTable, 'myTable.tsv'); var myJSON =
+   *   { a: 1, b: true }; // Saves pretty JSON
+   *   save(myJSON, 'my.json'); // Optimizes JSON
+   *   filesize save(myJSON, 'my.json', true); // Saves
+   *   array of strings to a text file with line breaks
+   *   after each item var arrayOfStrings = ['a', 'b'];
+   *   save(arrayOfStrings, 'my.txt');
+   *   @param [objectOrFilename] If filename is provided,
+   *   will save canvas as an image with either png or
+   *   jpg extension depending on the filename. If object
+   *   is provided, will save depending on the object and
+   *   filename (see examples above).
+   *   @param [filename] If an object is provided as the
+   *   first parameter, then the second parameter
+   *   indicates the filename, and should include an
+   *   appropriate file extension (see examples above).
+   *   @param [options] Additional options depend on
+   *   filetype. For example, when saving JSON, true
+   *   indicates that the output will be optimized for
+   *   filesize, rather than readability.
+   */
+  function save(
+    objectOrFilename?:
+      | object
+      | string,
+    filename?: string,
+    options?:
+      | boolean
+      | string
+  ): void;
+
+  /**
+   *   Writes the contents of an Array or a JSON object
+   *   to a .json file. The file saving process and
+   *   location of the saved file will vary between web
+   *   browsers.
+   *   @param [optimize] If true, removes line breaks and
+   *   spaces from the output file to optimize filesize
+   *   (but not readability).
+   */
+  function saveJSON(
+    json:
+      | any[]
+      | object,
+    filename: string,
+    optimize?: boolean
+  ): void;
+
+  /**
+   *   Writes an array of Strings to a text file, one
+   *   line per String. The file saving process and
+   *   location of the saved file will vary between web
+   *   browsers.
+   *   @param list string array to be written
+   *   @param filename filename for output
+   *   @param [extension] the filename's extension
+   */
+  function saveStrings(
+    list: string[],
+    filename: string,
+    extension?: string
+  ): void;
+
+  /**
+   *   Writes the contents of a Table object to a file.
+   *   Defaults to a text file with
+   *   comma-separated-values ('csv') but can also use
+   *   tab separation ('tsv'), or generate an HTML table
+   *   ('html'). The file saving process and location of
+   *   the saved file will vary between web browsers.
+   *   @param Table the Table object to save to a file
+   *   @param filename the filename to which the Table
+   *   should be saved
+   *   @param [options] can be one of "tsv", "csv", or
+   *   "html"
+   */
+  function saveTable(
+    Table: p5.Table,
+    filename: string,
+    options?: string
+  ): void;
+
+  /**
+   *   Calculates the absolute value (magnitude) of a
+   *   number. Maps to Math.abs(). The absolute value of
+   *   a number is always positive.
+   *   @param n number to compute
+   *   @return absolute value of given number
+   */
+  function abs(
+    n: number
+  ): number;
+
+  /**
+   *   Calculates the closest int value that is greater
+   *   than or equal to the value of the parameter. Maps
+   *   to Math.ceil(). For example, ceil(9.03) returns
+   *   the value 10.
+   *   @param n number to round up
+   *   @return rounded up number
+   */
+  function ceil(
+    n: number
+  ): number;
+
+  /**
+   *   Constrains a value between a minimum and maximum
+   *   value.
+   *   @param n number to constrain
+   *   @param low minimum limit
+   *   @param high maximum limit
+   *   @return constrained number
+   */
+  function constrain(
+    n: number,
+    low: number,
+    high: number
+  ): number;
+
+  /**
+   *   Calculates the distance between two points.
+   *   @param x1 x-coordinate of the first point
+   *   @param y1 y-coordinate of the first point
+   *   @param x2 x-coordinate of the second point
+   *   @param y2 y-coordinate of the second point
+   *   @return distance between the two points
+   */
+  function dist(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number
+  ): number;
+
+  /**
+   *   Calculates the distance between two points.
+   *   @param x1 x-coordinate of the first point
+   *   @param y1 y-coordinate of the first point
+   *   @param z1 z-coordinate of the first point
+   *   @param x2 x-coordinate of the second point
+   *   @param y2 y-coordinate of the second point
+   *   @param z2 z-coordinate of the second point
+   *   @return distance between the two points
+   */
+  function dist(
+    x1: number,
+    y1: number,
+    z1: number,
+    x2: number,
+    y2: number,
+    z2: number
+  ): number;
+
+  /**
+   *   Returns Euler's number e (2.71828...) raised to
+   *   the power of the n parameter. Maps to Math.exp().
+   *   @param n exponent to raise
+   *   @return e^n
+   */
+  function exp(
+    n: number
+  ): number;
+
+  /**
+   *   Calculates the closest int value that is less than
+   *   or equal to the value of the parameter. Maps to
+   *   Math.floor().
+   *   @param n number to round down
+   *   @return rounded down number
+   */
+  function floor(
+    n: number
+  ): number;
+
+  /**
+   *   Calculates a number between two numbers at a
+   *   specific increment. The amt parameter is the
+   *   amount to interpolate between the two values where
+   *   0.0 equal to the first point, 0.1 is very near the
+   *   first point, 0.5 is half-way in between, etc. The
+   *   lerp function is convenient for creating motion
+   *   along a straight path and for drawing dotted
+   *   lines.
+   *   @param start first value
+   *   @param stop second value
+   *   @param amt number between 0.0 and 1.0
+   *   @return lerped value
+   */
+  function lerp(
+    start: number,
+    stop: number,
+    amt: number
+  ): number;
+
+  /**
+   *   Calculates the natural logarithm (the base-e
+   *   logarithm) of a number. This function expects the
+   *   n parameter to be a value greater than 0.0. Maps
+   *   to Math.log().
+   *   @param n number greater than 0
+   *   @return natural logarithm of n
+   */
+  function log(
+    n: number
+  ): number;
+
+  /**
+   *   Calculates the magnitude (or length) of a vector.
+   *   A vector is a direction in space commonly used in
+   *   computer graphics and linear algebra. Because it
+   *   has no "start" position, the magnitude of a vector
+   *   can be thought of as the distance from the
+   *   coordinate 0,0 to its x,y value. Therefore, mag()
+   *   is a shortcut for writing dist(0, 0, x, y).
+   *   @param a first value
+   *   @param b second value
+   *   @return magnitude of vector from (0,0) to (a,b)
+   */
+  function mag(
+    a: number,
+    b: number
+  ): number;
+
+  /**
+   *   Re-maps a number from one range to another.  In
+   *   the first example above, the number 25 is
+   *   converted from a value in the range of 0 to 100
+   *   into a value that ranges from the left edge of the
+   *   window (0) to the right edge (width).
+   *   @param value the incoming value to be converted
+   *   @param start1 lower bound of the value's current
+   *   range
+   *   @param stop1 upper bound of the value's current
+   *   range
+   *   @param start2 lower bound of the value's target
+   *   range
+   *   @param stop2 upper bound of the value's target
+   *   range
+   *   @param [withinBounds] constrain the value to the
+   *   newly mapped range
+   *   @return remapped number
+   */
+  function map(
+    value: number,
+    start1: number,
+    stop1: number,
+    start2: number,
+    stop2: number,
+    withinBounds?: boolean
+  ): number;
+
+  /**
+   *   Determines the largest value in a sequence of
+   *   numbers, and then returns that value. max()
+   *   accepts any number of Number parameters, or an
+   *   Array of any length.
+   *   @param n0 Number to compare
+   *   @param n1 Number to compare
+   *   @return maximum Number
+   */
+  function max(
+    n0: number,
+    n1: number
+  ): number;
+
+  /**
+   *   Determines the largest value in a sequence of
+   *   numbers, and then returns that value. max()
+   *   accepts any number of Number parameters, or an
+   *   Array of any length.
+   *   @param nums Numbers to compare
+   */
+  function max(
+    nums: number[]
+  ): number;
+
+  /**
+   *   Determines the smallest value in a sequence of
+   *   numbers, and then returns that value. min()
+   *   accepts any number of Number parameters, or an
+   *   Array of any length.
+   *   @param n0 Number to compare
+   *   @param n1 Number to compare
+   *   @return minimum Number
+   */
+  function min(
+    n0: number,
+    n1: number
+  ): number;
+
+  /**
+   *   Determines the smallest value in a sequence of
+   *   numbers, and then returns that value. min()
+   *   accepts any number of Number parameters, or an
+   *   Array of any length.
+   *   @param nums Numbers to compare
+   */
+  function min(
+    nums: number[]
+  ): number;
+
+  /**
+   *   Normalizes a number from another range into a
+   *   value between 0 and 1. Identical to map(value,
+   *   low, high, 0, 1). Numbers outside of the range are
+   *   not clamped to 0 and 1, because out-of-range
+   *   values are often intentional and useful. (See the
+   *   second example above.)
+   *   @param value incoming value to be normalized
+   *   @param start lower bound of the value's current
+   *   range
+   *   @param stop upper bound of the value's current
+   *   range
+   *   @return normalized number
+   */
+  function norm(
+    value: number,
+    start: number,
+    stop: number
+  ): number;
+
+  /**
+   *   Facilitates exponential expressions. The pow()
+   *   function is an efficient way of multiplying
+   *   numbers by themselves (or their reciprocals) in
+   *   large quantities. For example, pow(3, 5) is
+   *   equivalent to the expression 33333 and pow(3, -5)
+   *   is equivalent to 1 / 33333. Maps to Math.pow().
+   *   @param n base of the exponential expression
+   *   @param e power by which to raise the base
+   *   @return n^e
+   */
+  function pow(
+    n: number,
+    e: number
+  ): number;
+
+  /**
+   *   Calculates the integer closest to the n parameter.
+   *   For example, round(133.8) returns the value 134.
+   *   Maps to Math.round().
+   *   @param n number to round
+   *   @return rounded number
+   */
+  function round(
+    n: number
+  ): number;
+
+  /**
+   *   Squares a number (multiplies a number by itself).
+   *   The result is always a positive number, as
+   *   multiplying two negative numbers always yields a
+   *   positive result. For example, -1 * -1 = 1.
+   *   @param n number to square
+   *   @return squared number
+   */
+  function sq(
+    n: number
+  ): number;
+
+  /**
+   *   Calculates the square root of a number. The square
+   *   root of a number is always positive, even though
+   *   there may be a valid negative root. The square
+   *   root s of number a is such that s*s = a. It is the
+   *   opposite of squaring. Maps to Math.sqrt().
+   *   @param n non-negative number to square root
+   *   @return square root of number
+   */
+  function sqrt(
+    n: number
+  ): number;
+
+  /**
+   *   Creates a new p5.Vector (the datatype for storing
+   *   vectors). This provides a two or three dimensional
+   *   vector, specifically a Euclidean (also known as
+   *   geometric) vector. A vector is an entity that has
+   *   both magnitude and direction.
+   *   @param [x] x component of the vector
+   *   @param [y] y component of the vector
+   *   @param [z] z component of the vector
+   */
+  function createVector(
+    x?: number,
+    y?: number,
+    z?: number
+  ): p5.Vector;
+
+  /**
+   *   Returns the Perlin noise value at specified
+   *   coordinates. Perlin noise is a random sequence
+   *   generator producing a more natural ordered,
+   *   harmonic succession of numbers compared to the
+   *   standard random() function. It was invented by Ken
+   *   Perlin in the 1980s and been used since in
+   *   graphical applications to produce procedural
+   *   textures, natural motion, shapes, terrains etc.
+   *   The main difference to the random() function is
+   *   that Perlin noise is defined in an infinite
+   *   n-dimensional space where each pair of coordinates
+   *   corresponds to a fixed semi-random value (fixed
+   *   only for the lifespan of the program; see the
+   *   noiseSeed() function). p5.js can compute 1D, 2D
+   *   and 3D noise, depending on the number of
+   *   coordinates given. The resulting value will always
+   *   be between 0.0 and 1.0. The noise value can be
+   *   animated by moving through the noise space as
+   *   demonstrated in the example above. The 2nd and 3rd
+   *   dimension can also be interpreted as time.
+   *
+   *   The actual noise is structured similar to an audio
+   *   signal, in respect to the function's use of
+   *   frequencies. Similar to the concept of harmonics
+   *   in physics, perlin noise is computed over several
+   *   octaves which are added together for the final
+   *   result.
+   *
+   *   Another way to adjust the character of the
+   *   resulting sequence is the scale of the input
+   *   coordinates. As the function works within an
+   *   infinite space the value of the coordinates
+   *   doesn't matter as such, only the distance between
+   *   successive coordinates does (eg. when using
+   *   noise() within a loop). As a general rule the
+   *   smaller the difference between coordinates, the
+   *   smoother the resulting noise sequence will be.
+   *   Steps of 0.005-0.03 work best for most
+   *   applications, but this will differ depending on
+   *   use.
+   *   @param x x-coordinate in noise space
+   *   @param [y] y-coordinate in noise space
+   *   @param [z] z-coordinate in noise space
+   *   @return Perlin noise value (between 0 and 1) at
+   *   specified coordinates
+   */
+  function noise(
+    x: number,
+    y?: number,
+    z?: number
+  ): number;
+
+  /**
+   *   Adjusts the character and level of detail produced
+   *   by the Perlin noise function. Similar to harmonics
+   *   in physics, noise is computed over several
+   *   octaves. Lower octaves contribute more to the
+   *   output signal and as such define the overall
+   *   intensity of the noise, whereas higher octaves
+   *   create finer grained details in the noise
+   *   sequence.  By default, noise is computed over 4
+   *   octaves with each octave contributing exactly half
+   *   than its predecessor, starting at 50% strength for
+   *   the 1st octave. This falloff amount can be changed
+   *   by adding an additional function parameter. Eg. a
+   *   falloff factor of 0.75 means each octave will now
+   *   have 75% impact (25% less) of the previous lower
+   *   octave. Any value between 0.0 and 1.0 is valid,
+   *   however note that values greater than 0.5 might
+   *   result in greater than 1.0 values returned by
+   *   noise().
+   *
+   *
+   *   By changing these parameters, the signal created
+   *   by the noise() function can be adapted to fit very
+   *   specific needs and characteristics.
+   *   @param lod number of octaves to be used by the
+   *   noise
+   *   @param falloff falloff factor for each octave
+   */
+  function noiseDetail(
+    lod: number,
+    falloff: number
+  ): void;
+
+  /**
+   *   Sets the seed value for noise(). By default,
+   *   noise() produces different results each time the
+   *   program is run. Set the value parameter to a
+   *   constant to return the same pseudo-random numbers
+   *   each time the software is run.
+   *   @param seed the seed value
+   */
+  function noiseSeed(
+    seed: number
+  ): void;
+
+  /**
+   *   Sets the seed value for random(). By default,
+   *   random() produces different results each time the
+   *   program is run. Set the seed parameter to a
+   *   constant to return the same pseudo-random numbers
+   *   each time the software is run.
+   *   @param seed the seed value
+   */
+  function randomSeed(
+    seed: number
+  ): void;
+
+  /**
+   *   Return a random floating-point number. Takes
+   *   either 0, 1 or 2 arguments.
+   *
+   *   If no argument is given, returns a random number
+   *   from 0 up to (but not including) 1.
+   *
+   *   If one argument is given and it is a number,
+   *   returns a random number from 0 up to (but not
+   *   including) the number.
+   *
+   *   If one argument is given and it is an array,
+   *   returns a random element from that array.
+   *
+   *   If two arguments are given, returns a random
+   *   number from the first argument up to (but not
+   *   including) the second argument.
+   *   @param [min] the lower bound (inclusive)
+   *   @param [max] the upper bound (exclusive)
+   *   @return the random number
+   */
+  function random(
+    min?: number,
+    max?: number
+  ): number;
+
+  /**
+   *   Return a random floating-point number. Takes
+   *   either 0, 1 or 2 arguments.
+   *
+   *   If no argument is given, returns a random number
+   *   from 0 up to (but not including) 1.
+   *
+   *   If one argument is given and it is a number,
+   *   returns a random number from 0 up to (but not
+   *   including) the number.
+   *
+   *   If one argument is given and it is an array,
+   *   returns a random element from that array.
+   *
+   *   If two arguments are given, returns a random
+   *   number from the first argument up to (but not
+   *   including) the second argument.
+   *   @param choices the array to choose from
+   *   @return the random element from the array
+   */
+  function random(
+    choices: any[]
+  ): any;
+
+  /**
+   *   Returns a random number fitting a Gaussian, or
+   *   normal, distribution. There is theoretically no
+   *   minimum or maximum value that randomGaussian()
+   *   might return. Rather, there is just a very low
+   *   probability that values far from the mean will be
+   *   returned; and a higher probability that numbers
+   *   near the mean will be returned.  Takes either 0, 1
+   *   or 2 arguments.
+   *
+   *   If no args, returns a mean of 0 and standard
+   *   deviation of 1.
+   *
+   *   If one arg, that arg is the mean (standard
+   *   deviation is 1).
+   *
+   *   If two args, first is mean, second is standard
+   *   deviation.
+   *   @param mean the mean
+   *   @param sd the standard deviation
+   *   @return the random number
+   */
+  function randomGaussian(
+    mean: number,
+    sd: number
+  ): number;
+
+  /**
+   *   The inverse of cos(), returns the arc cosine of a
+   *   value. This function expects the values in the
+   *   range of -1 to 1 and values are returned in the
+   *   range 0 to PI (3.1415927).
+   *   @param value the value whose arc cosine is to be
+   *   returned
+   *   @return the arc cosine of the given value
+   */
+  function acos(
+    value: number
+  ): number;
+
+  /**
+   *   The inverse of sin(), returns the arc sine of a
+   *   value. This function expects the values in the
+   *   range of -1 to 1 and values are returned in the
+   *   range -PI/2 to PI/2.
+   *   @param value the value whose arc sine is to be
+   *   returned
+   *   @return the arc sine of the given value
+   */
+  function asin(
+    value: number
+  ): number;
+
+  /**
+   *   The inverse of tan(), returns the arc tangent of a
+   *   value. This function expects the values in the
+   *   range of -Infinity to Infinity (exclusive) and
+   *   values are returned in the range -PI/2 to PI/2.
+   *   @param value the value whose arc tangent is to be
+   *   returned
+   *   @return the arc tangent of the given value
+   */
+  function atan(
+    value: number
+  ): number;
+
+  /**
+   *   Calculates the angle (in radians) from a specified
+   *   point to the coordinate origin as measured from
+   *   the positive x-axis. Values are returned as a
+   *   float in the range from PI to -PI. The atan2()
+   *   function is most often used for orienting geometry
+   *   to the position of the cursor.  Note: The
+   *   y-coordinate of the point is the first parameter,
+   *   and the x-coordinate is the second parameter, due
+   *   the the structure of calculating the tangent.
+   *   @param y y-coordinate of the point
+   *   @param x x-coordinate of the point
+   *   @return the arc tangent of the given point
+   */
+  function atan2(
+    y: number,
+    x: number
+  ): number;
+
+  /**
+   *   Calculates the cosine of an angle. This function
+   *   takes into account the current angleMode. Values
+   *   are returned in the range -1 to 1.
+   *   @param angle the angle
+   *   @return the cosine of the angle
+   */
+  function cos(
+    angle: number
+  ): number;
+
+  /**
+   *   Calculates the sine of an angle. This function
+   *   takes into account the current angleMode. Values
+   *   are returned in the range -1 to 1.
+   *   @param angle the angle
+   *   @return the sine of the angle
+   */
+  function sin(
+    angle: number
+  ): number;
+
+  /**
+   *   Calculates the tangent of an angle. This function
+   *   takes into account the current angleMode. Values
+   *   are returned in the range -1 to 1.
+   *   @param angle the angle
+   *   @return the tangent of the angle
+   */
+  function tan(
+    angle: number
+  ): number;
+
+  /**
+   *   Converts a radian measurement to its corresponding
+   *   value in degrees. Radians and degrees are two ways
+   *   of measuring the same thing. There are 360 degrees
+   *   in a circle and 2*PI radians in a circle. For
+   *   example, 90° = PI/2 = 1.5707964. This function
+   *   does not take into account the current angleMode.
+   *   @param radians the radians value to convert to
+   *   degrees
+   *   @return the converted angle
+   */
+  function degrees(
+    radians: number
+  ): number;
+
+  /**
+   *   Converts a degree measurement to its corresponding
+   *   value in radians. Radians and degrees are two ways
+   *   of measuring the same thing. There are 360 degrees
+   *   in a circle and 2*PI radians in a circle. For
+   *   example, 90° = PI/2 = 1.5707964. This function
+   *   does not take into account the current angleMode.
+   *   @param degrees the degree value to convert to
+   *   radians
+   *   @return the converted angle
+   */
+  function radians(
+    degrees: number
+  ): number;
+
+  /**
+   *   Sets the current mode of p5 to given mode. Default
+   *   mode is RADIANS.
+   *   @param mode either RADIANS or DEGREES
+   */
+  function angleMode(
+    mode: p5.ANGLE_MODE
+  ): void;
+
+  /**
+   *   Sets the current alignment for drawing text.
+   *   Accepts two arguments: horizAlign (LEFT, CENTER,
+   *   or RIGHT) and vertAlign (TOP, BOTTOM, CENTER, or
+   *   BASELINE). The horizAlign parameter is in
+   *   reference to the x value of the text() function,
+   *   while the vertAlign parameter is in reference to
+   *   the y value.
+   *
+   *   So if you write textAlign(LEFT), you are aligning
+   *   the left edge of your text to the x value you give
+   *   in text(). If you write textAlign(RIGHT, TOP), you
+   *   are aligning the right edge of your text to the x
+   *   value and the top of edge of the text to the y
+   *   value.
+   *   @param horizAlign horizontal alignment, either
+   *   LEFT, CENTER, or RIGHT
+   *   @param [vertAlign] vertical alignment, either TOP,
+   *   BOTTOM, CENTER, or BASELINE
+   *   @chainable
+   */
+  function textAlign(
+    horizAlign: p5.HORIZ_ALIGN,
+    vertAlign?: p5.VERT_ALIGN
+  ): p5;
+
+  /**
+   *   Sets the current alignment for drawing text.
+   *   Accepts two arguments: horizAlign (LEFT, CENTER,
+   *   or RIGHT) and vertAlign (TOP, BOTTOM, CENTER, or
+   *   BASELINE). The horizAlign parameter is in
+   *   reference to the x value of the text() function,
+   *   while the vertAlign parameter is in reference to
+   *   the y value.
+   *
+   *   So if you write textAlign(LEFT), you are aligning
+   *   the left edge of your text to the x value you give
+   *   in text(). If you write textAlign(RIGHT, TOP), you
+   *   are aligning the right edge of your text to the x
+   *   value and the top of edge of the text to the y
+   *   value.
+   */
+  function textAlign(): object;
+
+  /**
+   *   Sets/gets the spacing, in pixels, between lines of
+   *   text. This setting will be used in all subsequent
+   *   calls to the text() function.
+   *   @param leading the size in pixels for spacing
+   *   between lines
+   *   @chainable
+   */
+  function textLeading(
+    leading: number
+  ): p5;
+
+  /**
+   *   Sets/gets the spacing, in pixels, between lines of
+   *   text. This setting will be used in all subsequent
+   *   calls to the text() function.
+   */
+  function textLeading(): number;
+
+  /**
+   *   Sets/gets the current font size. This size will be
+   *   used in all subsequent calls to the text()
+   *   function. Font size is measured in pixels.
+   *   @param theSize the size of the letters in units of
+   *   pixels
+   *   @chainable
+   */
+  function textSize(
+    theSize: number
+  ): p5;
+
+  /**
+   *   Sets/gets the current font size. This size will be
+   *   used in all subsequent calls to the text()
+   *   function. Font size is measured in pixels.
+   */
+  function textSize(): number;
+
+  /**
+   *   Sets/gets the style of the text for system fonts
+   *   to NORMAL, ITALIC, or BOLD. Note: this may be is
+   *   overridden by CSS styling. For non-system fonts
+   *   (opentype, truetype, etc.) please load styled
+   *   fonts instead.
+   *   @param theStyle styling for text, either NORMAL,
+   *   ITALIC, or BOLD
+   *   @chainable
+   */
+  function textStyle(
+    theStyle: p5.THE_STYLE
+  ): p5;
+
+  /**
+   *   Sets/gets the style of the text for system fonts
+   *   to NORMAL, ITALIC, or BOLD. Note: this may be is
+   *   overridden by CSS styling. For non-system fonts
+   *   (opentype, truetype, etc.) please load styled
+   *   fonts instead.
+   */
+  function textStyle(): string;
+
+  /**
+   *   Calculates and returns the width of any character
+   *   or text string.
+   *   @param theText the String of characters to measure
+   */
+  function textWidth(
+    theText: string
+  ): number;
+
+  /**
+   *   Returns the ascent of the current font at its
+   *   current size. The ascent represents the distance,
+   *   in pixels, of the tallest character above the
+   *   baseline.
+   */
+  function textAscent(): number;
+
+  /**
+   *   Returns the descent of the current font at its
+   *   current size. The descent represents the distance,
+   *   in pixels, of the character with the longest
+   *   descender below the baseline.
+   */
+  function textDescent(): number;
+
+  /**
+   *   Loads an opentype font file (.otf, .ttf) from a
+   *   file or a URL, and returns a PFont Object. This
+   *   method is asynchronous, meaning it may not finish
+   *   before the next line in your sketch is executed.
+   *   The path to the font should be relative to the
+   *   HTML file that links in your sketch. Loading an
+   *   from a URL or other remote location may be blocked
+   *   due to your browser's built-in security.
+   *   @param path name of the file or url to load
+   *   @param [callback] function to be executed after
+   *   loadFont() completes
+   *   @param [onError] function to be executed if an
+   *   error occurs
+   *   @return p5.Font object
+   */
+  function loadFont(
+    path: string,
+    callback?: (
+      ...args: any[]
+    ) => any,
+    onError?: (
+      ...args: any[]
+    ) => any
+  ): p5.Font;
+
+  /**
+   *   Draws text to the screen. Displays the information
+   *   specified in the first parameter on the screen in
+   *   the position specified by the additional
+   *   parameters. A default font will be used unless a
+   *   font is set with the textFont() function and a
+   *   default size will be used unless a font is set
+   *   with textSize(). Change the color of the text with
+   *   the fill() function. Change the outline of the
+   *   text with the stroke() and strokeWeight()
+   *   functions.  The text displays in relation to the
+   *   textAlign() function, which gives the option to
+   *   draw to the left, right, and center of the
+   *   coordinates.
+   *
+   *
+   *   The x2 and y2 parameters define a rectangular area
+   *   to display within and may only be used with string
+   *   data. When these parameters are specified, they
+   *   are interpreted based on the current rectMode()
+   *   setting. Text that does not fit completely within
+   *   the rectangle specified will not be drawn to the
+   *   screen. If x2 and y2 are not specified, the
+   *   baseline alignment is the default, which means
+   *   that the text will be drawn upwards from x and y.
+   *
+   *
+   *   WEBGL: Only opentype/truetype fonts are supported.
+   *   You must load a font using the loadFont() method
+   *   (see the example above). stroke() currently has no
+   *   effect in webgl mode.
+   *   @param str the alphanumeric symbols to be
+   *   displayed
+   *   @param x x-coordinate of text
+   *   @param y y-coordinate of text
+   *   @param [x2] by default, the width of the text box,
+   *   see rectMode() for more info
+   *   @param [y2] by default, the height of the text
+   *   box, see rectMode() for more info
+   *   @chainable
+   */
+  function text(
+    str:
+      | string
+      | object
+      | any[]
+      | number
+      | boolean,
+    x: number,
+    y: number,
+    x2?: number,
+    y2?: number
+  ): p5;
+
+  /**
+   *   Sets the current font that will be drawn with the
+   *   text() function.  WEBGL: Only fonts loaded via
+   *   loadFont() are supported.
+   *   @return the current font
+   */
+  function textFont(): object;
+
+  /**
+   *   Sets the current font that will be drawn with the
+   *   text() function.  WEBGL: Only fonts loaded via
+   *   loadFont() are supported.
+   *   @param font a font loaded via loadFont(), or a
+   *   String representing a web safe font (a font that
+   *   is generally available across all systems)
+   *   @param [size] the font size to use
+   *   @chainable
+   */
+  function textFont(
+    font:
+      | object
+      | string,
+    size?: number
+  ): p5;
+
+  /**
+   *   Adds a value to the end of an array. Extends the
+   *   length of the array by one. Maps to Array.push().
+   *   @param array Array to append
+   *   @param value to be added to the Array
+   *   @return the array that was appended to
+   */
+  function append(
+    array: any[],
+    value: any
+  ): any[];
+
+  /**
+   *   Copies an array (or part of an array) to another
+   *   array. The src array is copied to the dst array,
+   *   beginning at the position specified by srcPosition
+   *   and into the position specified by dstPosition.
+   *   The number of elements to copy is determined by
+   *   length. Note that copying values overwrites
+   *   existing values in the destination array. To
+   *   append values instead of overwriting them, use
+   *   concat().  The simplified version with only two
+   *   arguments, arrayCopy(src, dst), copies an entire
+   *   array to another of the same size. It is
+   *   equivalent to arrayCopy(src, 0, dst, 0,
+   *   src.length).
+   *
+   *
+   *   Using this function is far more efficient for
+   *   copying array data than iterating through a for()
+   *   loop and copying each element individually.
+   *   @param src the source Array
+   *   @param srcPosition starting position in the source
+   *   Array
+   *   @param dst the destination Array
+   *   @param dstPosition starting position in the
+   *   destination Array
+   *   @param length number of Array elements to be
+   *   copied
+   */
+  function arrayCopy(
+    src: any[],
+    srcPosition: number,
+    dst: any[],
+    dstPosition: number,
+    length: number
+  ): void;
+
+  /**
+   *   Copies an array (or part of an array) to another
+   *   array. The src array is copied to the dst array,
+   *   beginning at the position specified by srcPosition
+   *   and into the position specified by dstPosition.
+   *   The number of elements to copy is determined by
+   *   length. Note that copying values overwrites
+   *   existing values in the destination array. To
+   *   append values instead of overwriting them, use
+   *   concat().  The simplified version with only two
+   *   arguments, arrayCopy(src, dst), copies an entire
+   *   array to another of the same size. It is
+   *   equivalent to arrayCopy(src, 0, dst, 0,
+   *   src.length).
+   *
+   *
+   *   Using this function is far more efficient for
+   *   copying array data than iterating through a for()
+   *   loop and copying each element individually.
+   *   @param src the source Array
+   *   @param dst the destination Array
+   *   @param [length] number of Array elements to be
+   *   copied
+   */
+  function arrayCopy(
+    src: any[],
+    dst: any[],
+    length?: number
+  ): void;
+
+  /**
+   *   Concatenates two arrays, maps to Array.concat().
+   *   Does not modify the input arrays.
+   *   @param a first Array to concatenate
+   *   @param b second Array to concatenate
+   *   @return concatenated array
+   */
+  function concat(
+    a: any[],
+    b: any[]
+  ): any[];
+
+  /**
+   *   Reverses the order of an array, maps to
+   *   Array.reverse()
+   *   @param list Array to reverse
+   *   @return the reversed list
+   */
+  function reverse(
+    list: any[]
+  ): any[];
+
+  /**
+   *   Decreases an array by one element and returns the
+   *   shortened array, maps to Array.pop().
+   *   @param list Array to shorten
+   *   @return shortened Array
+   */
+  function shorten(
+    list: any[]
+  ): any[];
+
+  /**
+   *   Randomizes the order of the elements of an array.
+   *   Implements  Fisher-Yates Shuffle Algorithm.
+   *   @param array Array to shuffle
+   *   @param [bool] modify passed array
+   *   @return shuffled Array
+   */
+  function shuffle(
+    array: any[],
+    bool?: boolean
+  ): any[];
+
+  /**
+   *   Sorts an array of numbers from smallest to
+   *   largest, or puts an array of words in alphabetical
+   *   order. The original array is not modified; a
+   *   re-ordered array is returned. The count parameter
+   *   states the number of elements to sort. For
+   *   example, if there are 12 elements in an array and
+   *   count is set to 5, only the first 5 elements in
+   *   the array will be sorted.
+   *   @param list Array to sort
+   *   @param [count] number of elements to sort,
+   *   starting from 0
+   *   @return the sorted list
+   */
+  function sort(
+    list: any[],
+    count?: number
+  ): any[];
+
+  /**
+   *   Inserts a value or an array of values into an
+   *   existing array. The first parameter specifies the
+   *   initial array to be modified, and the second
+   *   parameter defines the data to be inserted. The
+   *   third parameter is an index value which specifies
+   *   the array position from which to insert data.
+   *   (Remember that array index numbering starts at
+   *   zero, so the first position is 0, the second
+   *   position is 1, and so on.)
+   *   @param list Array to splice into
+   *   @param value value to be spliced in
+   *   @param position in the array from which to insert
+   *   data
+   *   @return the list
+   */
+  function splice(
+    list: any[],
+    value: any,
+    position: number
+  ): any[];
+
+  /**
+   *   Extracts an array of elements from an existing
+   *   array. The list parameter defines the array from
+   *   which the elements will be copied, and the start
+   *   and count parameters specify which elements to
+   *   extract. If no count is given, elements will be
+   *   extracted from the start to the end of the array.
+   *   When specifying the start, remember that the first
+   *   array element is 0. This function does not change
+   *   the source array.
+   *   @param list Array to extract from
+   *   @param start position to begin
+   *   @param [count] number of values to extract
+   *   @return Array of extracted elements
+   */
+  function subset(
+    list: any[],
+    start: number,
+    count?: number
+  ): any[];
+
+  /**
+   *   Converts a string to its floating point
+   *   representation. The contents of a string must
+   *   resemble a number, or NaN (not a number) will be
+   *   returned. For example, float("1234.56") evaluates
+   *   to 1234.56, but float("giraffe") will return NaN.
+   *   When an array of values is passed in, then an
+   *   array of floats of the same length is returned.
+   *   @param str float string to parse
+   *   @return floating point representation of string
+   */
+  function float(
+    str: string
+  ): number;
+
+  /**
+   *   Converts a boolean, string, or float to its
+   *   integer representation. When an array of values is
+   *   passed in, then an int array of the same length is
+   *   returned.
+   *   @param n value to parse
+   *   @param [radix] the radix to convert to (default:
+   *   10)
+   *   @return integer representation of value
+   */
+  function int(
+    n:
+      | string
+      | boolean
+      | number,
+    radix?: number
+  ): number;
+
+  /**
+   *   Converts a boolean, string, or float to its
+   *   integer representation. When an array of values is
+   *   passed in, then an int array of the same length is
+   *   returned.
+   *   @param ns values to parse
+   *   @return integer representation of values
+   */
+  function int(
+    ns: any[]
+  ): number[];
+
+  /**
+   *   Converts a boolean, string or number to its string
+   *   representation. When an array of values is passed
+   *   in, then an array of strings of the same length is
+   *   returned.
+   *   @param n value to parse
+   *   @return string representation of value
+   */
+  function str(
+    n:
+      | string
+      | boolean
+      | number
+      | any[]
+  ): string;
+
+  /**
+   *   Converts a number or string to its boolean
+   *   representation. For a number, any non-zero value
+   *   (positive or negative) evaluates to true, while
+   *   zero evaluates to false. For a string, the value
+   *   "true" evaluates to true, while any other value
+   *   evaluates to false. When an array of number or
+   *   string values is passed in, then a array of
+   *   booleans of the same length is returned.
+   *   @param n value to parse
+   *   @return boolean representation of value
+   */
+  function boolean(
+    n:
+      | string
+      | boolean
+      | number
+      | any[]
+  ): boolean;
+
+  /**
+   *   Converts a number, string representation of a
+   *   number, or boolean to its byte representation. A
+   *   byte can be only a whole number between -128 and
+   *   127, so when a value outside of this range is
+   *   converted, it wraps around to the corresponding
+   *   byte representation. When an array of number,
+   *   string or boolean values is passed in, then an
+   *   array of bytes the same length is returned.
+   *   @param n value to parse
+   *   @return byte representation of value
+   */
+  function byte(
+    n:
+      | string
+      | boolean
+      | number
+  ): number;
+
+  /**
+   *   Converts a number, string representation of a
+   *   number, or boolean to its byte representation. A
+   *   byte can be only a whole number between -128 and
+   *   127, so when a value outside of this range is
+   *   converted, it wraps around to the corresponding
+   *   byte representation. When an array of number,
+   *   string or boolean values is passed in, then an
+   *   array of bytes the same length is returned.
+   *   @param ns values to parse
+   *   @return array of byte representation of values
+   */
+  function byte(
+    ns: any[]
+  ): number[];
+
+  /**
+   *   Converts a number or string to its corresponding
+   *   single-character string representation. If a
+   *   string parameter is provided, it is first parsed
+   *   as an integer and then translated into a
+   *   single-character string. When an array of number
+   *   or string values is passed in, then an array of
+   *   single-character strings of the same length is
+   *   returned.
+   *   @param n value to parse
+   *   @return string representation of value
+   */
+  function char(
+    n:
+      | string
+      | number
+  ): string;
+
+  /**
+   *   Converts a number or string to its corresponding
+   *   single-character string representation. If a
+   *   string parameter is provided, it is first parsed
+   *   as an integer and then translated into a
+   *   single-character string. When an array of number
+   *   or string values is passed in, then an array of
+   *   single-character strings of the same length is
+   *   returned.
+   *   @param ns values to parse
+   *   @return array of string representation of values
+   */
+  function char(
+    ns: any[]
+  ): string[];
+
+  /**
+   *   Converts a single-character string to its
+   *   corresponding integer representation. When an
+   *   array of single-character string values is passed
+   *   in, then an array of integers of the same length
+   *   is returned.
+   *   @param n value to parse
+   *   @return integer representation of value
+   */
+  function unchar(
+    n: string
+  ): number;
+
+  /**
+   *   Converts a single-character string to its
+   *   corresponding integer representation. When an
+   *   array of single-character string values is passed
+   *   in, then an array of integers of the same length
+   *   is returned.
+   *   @param ns values to parse
+   *   @return integer representation of values
+   */
+  function unchar(
+    ns: any[]
+  ): number[];
+
+  /**
+   *   Converts a number to a string in its equivalent
+   *   hexadecimal notation. If a second parameter is
+   *   passed, it is used to set the number of characters
+   *   to generate in the hexadecimal notation. When an
+   *   array is passed in, an array of strings in
+   *   hexadecimal notation of the same length is
+   *   returned.
+   *   @param n value to parse
+   *   @return hexadecimal string representation of value
+   */
+  function hex(
+    n: number,
+    digits?: number
+  ): string;
+
+  /**
+   *   Converts a number to a string in its equivalent
+   *   hexadecimal notation. If a second parameter is
+   *   passed, it is used to set the number of characters
+   *   to generate in the hexadecimal notation. When an
+   *   array is passed in, an array of strings in
+   *   hexadecimal notation of the same length is
+   *   returned.
+   *   @param ns array of values to parse
+   *   @return hexadecimal string representation of
+   *   values
+   */
+  function hex(
+    ns: number[],
+    digits?: number
+  ): string[];
+
+  /**
+   *   Converts a string representation of a hexadecimal
+   *   number to its equivalent integer value. When an
+   *   array of strings in hexadecimal notation is passed
+   *   in, an array of integers of the same length is
+   *   returned.
+   *   @param n value to parse
+   *   @return integer representation of hexadecimal
+   *   value
+   */
+  function unhex(
+    n: string
+  ): number;
+
+  /**
+   *   Converts a string representation of a hexadecimal
+   *   number to its equivalent integer value. When an
+   *   array of strings in hexadecimal notation is passed
+   *   in, an array of integers of the same length is
+   *   returned.
+   *   @param ns values to parse
+   *   @return integer representations of hexadecimal
+   *   value
+   */
+  function unhex(
+    ns: any[]
+  ): number[];
+
+  /**
+   *   Combines an array of Strings into one String, each
+   *   separated by the character(s) used for the
+   *   separator parameter. To join arrays of ints or
+   *   floats, it's necessary to first convert them to
+   *   Strings using nf() or nfs().
+   *   @param list array of Strings to be joined
+   *   @param separator String to be placed between each
+   *   item
+   *   @return joined String
+   */
+  function join(
+    list: any[],
+    separator: string
+  ): string;
+
+  /**
+   *   This function is used to apply a regular
+   *   expression to a piece of text, and return matching
+   *   groups (elements found inside parentheses) as a
+   *   String array. If there are no matches, a null
+   *   value will be returned. If no groups are specified
+   *   in the regular expression, but the sequence
+   *   matches, an array of length 1 (with the matched
+   *   text as the first element of the array) will be
+   *   returned.  To use the function, first check to see
+   *   if the result is null. If the result is null, then
+   *   the sequence did not match at all. If the sequence
+   *   did match, an array is returned.
+   *
+   *
+   *   If there are groups (specified by sets of
+   *   parentheses) in the regular expression, then the
+   *   contents of each will be returned in the array.
+   *   Element [0] of a regular expression match returns
+   *   the entire matching string, and the match groups
+   *   start at element [1] (the first group is [1], the
+   *   second [2], and so on).
+   *   @param str the String to be searched
+   *   @param regexp the regexp to be used for matching
+   *   @return Array of Strings found
+   */
+  function match(
+    str: string,
+    regexp: string
+  ): string[];
+
+  /**
+   *   This function is used to apply a regular
+   *   expression to a piece of text, and return a list
+   *   of matching groups (elements found inside
+   *   parentheses) as a two-dimensional String array. If
+   *   there are no matches, a null value will be
+   *   returned. If no groups are specified in the
+   *   regular expression, but the sequence matches, a
+   *   two dimensional array is still returned, but the
+   *   second dimension is only of length one.  To use
+   *   the function, first check to see if the result is
+   *   null. If the result is null, then the sequence did
+   *   not match at all. If the sequence did match, a 2D
+   *   array is returned.
+   *
+   *
+   *   If there are groups (specified by sets of
+   *   parentheses) in the regular expression, then the
+   *   contents of each will be returned in the array.
+   *   Assuming a loop with counter variable i, element
+   *   [i][0] of a regular expression match returns the
+   *   entire matching string, and the match groups start
+   *   at element [i][1] (the first group is [i][1], the
+   *   second [i][2], and so on).
+   *   @param str the String to be searched
+   *   @param regexp the regexp to be used for matching
+   *   @return 2d Array of Strings found
+   */
+  function matchAll(
+    str: string,
+    regexp: string
+  ): string[];
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for the digits, left, and right
+   *   parameters should always be positive integers.
+   *   @param num the Number to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted String
+   */
+  function nf(
+    num:
+      | number
+      | string,
+    left?:
+      | number
+      | string,
+    right?:
+      | number
+      | string
+  ): string;
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for the digits, left, and right
+   *   parameters should always be positive integers.
+   *   @param nums the Numbers to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted Strings
+   */
+  function nf(
+    nums: any[],
+    left?:
+      | number
+      | string,
+    right?:
+      | number
+      | string
+  ): string[];
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings and placing appropriate commas to mark
+   *   units of 1000. There are two versions: one for
+   *   formatting ints, and one for formatting an array
+   *   of ints. The value for the right parameter should
+   *   always be a positive integer.
+   *   @param num the Number to format
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted String
+   */
+  function nfc(
+    num:
+      | number
+      | string,
+    right?:
+      | number
+      | string
+  ): string;
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings and placing appropriate commas to mark
+   *   units of 1000. There are two versions: one for
+   *   formatting ints, and one for formatting an array
+   *   of ints. The value for the right parameter should
+   *   always be a positive integer.
+   *   @param nums the Numbers to format
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted Strings
+   */
+  function nfc(
+    nums: any[],
+    right?:
+      | number
+      | string
+  ): string[];
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. Similar to nf() but puts a "+" in front
+   *   of positive numbers and a "-" in front of negative
+   *   numbers. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for left, and right parameters should
+   *   always be positive integers.
+   *   @param num the Number to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted String
+   */
+  function nfp(
+    num: number,
+    left?: number,
+    right?: number
+  ): string;
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. Similar to nf() but puts a "+" in front
+   *   of positive numbers and a "-" in front of negative
+   *   numbers. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for left, and right parameters should
+   *   always be positive integers.
+   *   @param nums the Numbers to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted Strings
+   */
+  function nfp(
+    nums: number[],
+    left?: number,
+    right?: number
+  ): string[];
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. Similar to nf() but puts a " " (space) in
+   *   front of positive numbers and a "-" in front of
+   *   negative numbers. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for the digits, left, and right
+   *   parameters should always be positive integers.
+   *   @param num the Number to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted String
+   */
+  function nfs(
+    num: number,
+    left?: number,
+    right?: number
+  ): string;
+
+  /**
+   *   Utility function for formatting numbers into
+   *   strings. Similar to nf() but puts a " " (space) in
+   *   front of positive numbers and a "-" in front of
+   *   negative numbers. There are two versions: one for
+   *   formatting floats, and one for formatting ints.
+   *   The values for the digits, left, and right
+   *   parameters should always be positive integers.
+   *   @param nums the Numbers to format
+   *   @param [left] number of digits to the left of the
+   *   decimal point
+   *   @param [right] number of digits to the right of
+   *   the decimal point
+   *   @return formatted Strings
+   */
+  function nfs(
+    nums: any[],
+    left?: number,
+    right?: number
+  ): string[];
+
+  /**
+   *   The split() function maps to String.split(), it
+   *   breaks a String into pieces using a character or
+   *   string as the delimiter. The delim parameter
+   *   specifies the character or characters that mark
+   *   the boundaries between each piece. A String[]
+   *   array is returned that contains each of the
+   *   pieces. The splitTokens() function works in a
+   *   similar fashion, except that it splits using a
+   *   range of characters instead of a specific
+   *   character or sequence.
+   *   @param value the String to be split
+   *   @param delim the String used to separate the data
+   *   @return Array of Strings
+   */
+  function split(
+    value: string,
+    delim: string
+  ): string[];
+
+  /**
+   *   The splitTokens() function splits a String at one
+   *   or many character delimiters or "tokens." The
+   *   delim parameter specifies the character or
+   *   characters to be used as a boundary.  If no delim
+   *   characters are specified, any whitespace character
+   *   is used to split. Whitespace characters include
+   *   tab (\t), line feed (\n), carriage return (\r),
+   *   form feed (\f), and space.
+   *   @param value the String to be split
+   *   @param [delim] list of individual Strings that
+   *   will be used as separators
+   *   @return Array of Strings
+   */
+  function splitTokens(
+    value: string,
+    delim?: string
+  ): string[];
+
+  /**
+   *   Removes whitespace characters from the beginning
+   *   and end of a String. In addition to standard
+   *   whitespace characters such as space, carriage
+   *   return, and tab, this function also removes the
+   *   Unicode "nbsp" character.
+   *   @param str a String to be trimmed
+   *   @return a trimmed String
+   */
+  function trim(
+    str: string
+  ): string;
+
+  /**
+   *   Removes whitespace characters from the beginning
+   *   and end of a String. In addition to standard
+   *   whitespace characters such as space, carriage
+   *   return, and tab, this function also removes the
+   *   Unicode "nbsp" character.
+   *   @param strs an Array of Strings to be trimmed
+   *   @return an Array of trimmed Strings
+   */
+  function trim(
+    strs: any[]
+  ): string[];
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The day() function returns the current
+   *   day as a value from 1 - 31.
+   *   @return the current day
+   */
+  function day(): number;
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The hour() function returns the current
+   *   hour as a value from 0 - 23.
+   *   @return the current hour
+   */
+  function hour(): number;
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The minute() function returns the
+   *   current minute as a value from 0 - 59.
+   *   @return the current minute
+   */
+  function minute(): number;
+
+  /**
+   *   Returns the number of milliseconds (thousandths of
+   *   a second) since starting the program. This
+   *   information is often used for timing events and
+   *   animation sequences.
+   *   @return the number of milliseconds since starting
+   *   the program
+   */
+  function millis(): number;
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The month() function returns the current
+   *   month as a value from 1 - 12.
+   *   @return the current month
+   */
+  function month(): number;
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The second() function returns the
+   *   current second as a value from 0 - 59.
+   *   @return the current second
+   */
+  function second(): number;
+
+  /**
+   *   p5.js communicates with the clock on your
+   *   computer. The year() function returns the current
+   *   year as an integer (2014, 2015, 2016, etc).
+   *   @return the current year
+   */
+  function year(): number;
+
+  /**
+   *   Draw a plane with given a width and height
+   *   @param [width] width of the plane
+   *   @param [height] height of the plane
+   *   @param [detailX] Optional number of triangle
+   *   subdivisions in x-dimension
+   *   @param [detailY] Optional number of triangle
+   *   subdivisions in y-dimension
+   *   @chainable
+   */
+  function plane(
+    width?: number,
+    height?: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   Draw a box with given width, height and depth
+   *   @param [width] width of the box
+   *   @param [Height] height of the box
+   *   @param [depth] depth of the box
+   *   @param [detailX] Optional number of triangle
+   *   subdivisions in x-dimension
+   *   @param [detailY] Optional number of triangle
+   *   subdivisions in y-dimension
+   *   @chainable
+   */
+  function box(
+    width?: number,
+    Height?: number,
+    depth?: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   Draw a sphere with given radius
+   *   @param [radius] radius of circle
+   *   @param [detailX] number of segments, the more
+   *   segments the smoother geometry default is 24
+   *   @param [detailY] number of segments, the more
+   *   segments the smoother geometry default is 16
+   *   @chainable
+   */
+  function sphere(
+    radius?: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   Draw a cylinder with given radius and height
+   *   @param [radius] radius of the surface
+   *   @param [height] height of the cylinder
+   *   @param [detailX] number of segments, the more
+   *   segments the smoother geometry default is 24
+   *   @param [detailY] number of segments in
+   *   y-dimension, the more segments the smoother
+   *   geometry default is 1
+   *   @param [bottomCap] whether to draw the bottom of
+   *   the cylinder
+   *   @param [topCap] whether to draw the top of the
+   *   cylinder
+   *   @chainable
+   */
+  function cylinder(
+    radius?: number,
+    height?: number,
+    detailX?: number,
+    detailY?: number,
+    bottomCap?: boolean,
+    topCap?: boolean
+  ): p5;
+
+  /**
+   *   Draw a cone with given radius and height
+   *   @param [radius] radius of the bottom surface
+   *   @param [height] height of the cone
+   *   @param [detailX] number of segments, the more
+   *   segments the smoother geometry default is 24
+   *   @param [detailY] number of segments, the more
+   *   segments the smoother geometry default is 1
+   *   @param [cap] whether to draw the base of the cone
+   *   @chainable
+   */
+  function cone(
+    radius?: number,
+    height?: number,
+    detailX?: number,
+    detailY?: number,
+    cap?: boolean
+  ): p5;
+
+  /**
+   *   Draw an ellipsoid with given radius
+   *   @param [radiusx] xradius of circle
+   *   @param [radiusy] yradius of circle
+   *   @param [radiusz] zradius of circle
+   *   @param [detailX] number of segments, the more
+   *   segments the smoother geometry default is 24.
+   *   Avoid detail number above 150, it may crash the
+   *   browser.
+   *   @param [detailY] number of segments, the more
+   *   segments the smoother geometry default is 16.
+   *   Avoid detail number above 150, it may crash the
+   *   browser.
+   *   @chainable
+   */
+  function ellipsoid(
+    radiusx?: number,
+    radiusy?: number,
+    radiusz?: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   Draw a torus with given radius and tube radius
+   *   @param [radius] radius of the whole ring
+   *   @param [tubeRadius] radius of the tube
+   *   @param [detailX] number of segments in
+   *   x-dimension, the more segments the smoother
+   *   geometry default is 24
+   *   @param [detailY] number of segments in
+   *   y-dimension, the more segments the smoother
+   *   geometry default is 16
+   *   @chainable
+   */
+  function torus(
+    radius?: number,
+    tubeRadius?: number,
+    detailX?: number,
+    detailY?: number
+  ): p5;
+
+  /**
+   *   Allows movement around a 3D sketch using a mouse
+   *   or trackpad. Left-clicking and dragging will
+   *   rotate the camera position about the center of the
+   *   sketch, right-clicking and dragging will pan the
+   *   camera position without rotation, and using the
+   *   mouse wheel (scrolling) will move the camera
+   *   closer or further from the center of the sketch.
+   *   This function can be called with parameters
+   *   dictating sensitivity to mouse movement along the
+   *   X and Y axes. Calling this function without
+   *   parameters is equivalent to calling
+   *   orbitControl(1,1). To reverse direction of
+   *   movement in either axis, enter a negative number
+   *   for sensitivity.
+   *   @param [sensitivityX] sensitivity to mouse
+   *   movement along X axis
+   *   @param [sensitivityY] sensitivity to mouse
+   *   movement along Y axis
+   *   @chainable
+   */
+  function orbitControl(
+    sensitivityX?: number,
+    sensitivityY?: number
+  ): p5;
+
+  /**
+   *   debugMode() helps visualize 3D space by adding a
+   *   grid to indicate where the ‘ground’ is in a sketch
+   *   and an axes icon which indicates the +X, +Y, and
+   *   +Z directions. This function can be called without
+   *   parameters to create a default grid and axes icon,
+   *   or it can be called according to the examples
+   *   above to customize the size and position of the
+   *   grid and/or axes icon. The grid is drawn using the
+   *   most recently set stroke color and weight. To
+   *   specify these parameters, add a call to stroke()
+   *   and strokeWeight() just before the end of the
+   *   draw() loop. By default, the grid will run through
+   *   the origin (0,0,0) of the sketch along the XZ
+   *   plane and the axes icon will be offset from the
+   *   origin. Both the grid and axes icon will be sized
+   *   according to the current canvas size. Note that
+   *   because the grid runs parallel to the default
+   *   camera view, it is often helpful to use debugMode
+   *   along with orbitControl to allow full view of the
+   *   grid.
+   */
+  function debugMode(): void;
+
+  /**
+   *   debugMode() helps visualize 3D space by adding a
+   *   grid to indicate where the ‘ground’ is in a sketch
+   *   and an axes icon which indicates the +X, +Y, and
+   *   +Z directions. This function can be called without
+   *   parameters to create a default grid and axes icon,
+   *   or it can be called according to the examples
+   *   above to customize the size and position of the
+   *   grid and/or axes icon. The grid is drawn using the
+   *   most recently set stroke color and weight. To
+   *   specify these parameters, add a call to stroke()
+   *   and strokeWeight() just before the end of the
+   *   draw() loop. By default, the grid will run through
+   *   the origin (0,0,0) of the sketch along the XZ
+   *   plane and the axes icon will be offset from the
+   *   origin. Both the grid and axes icon will be sized
+   *   according to the current canvas size. Note that
+   *   because the grid runs parallel to the default
+   *   camera view, it is often helpful to use debugMode
+   *   along with orbitControl to allow full view of the
+   *   grid.
+   *   @param mode either GRID or AXES
+   */
+  function debugMode(
+    mode: p5.DEBUG_MODE
+  ): void;
+
+  /**
+   *   debugMode() helps visualize 3D space by adding a
+   *   grid to indicate where the ‘ground’ is in a sketch
+   *   and an axes icon which indicates the +X, +Y, and
+   *   +Z directions. This function can be called without
+   *   parameters to create a default grid and axes icon,
+   *   or it can be called according to the examples
+   *   above to customize the size and position of the
+   *   grid and/or axes icon. The grid is drawn using the
+   *   most recently set stroke color and weight. To
+   *   specify these parameters, add a call to stroke()
+   *   and strokeWeight() just before the end of the
+   *   draw() loop. By default, the grid will run through
+   *   the origin (0,0,0) of the sketch along the XZ
+   *   plane and the axes icon will be offset from the
+   *   origin. Both the grid and axes icon will be sized
+   *   according to the current canvas size. Note that
+   *   because the grid runs parallel to the default
+   *   camera view, it is often helpful to use debugMode
+   *   along with orbitControl to allow full view of the
+   *   grid.
+   *   @param mode either GRID or AXES
+   *   @param [gridSize] size of one side of the grid
+   *   @param [gridDivisions] number of divisions in the
+   *   grid
+   *   @param [xOff] X axis offset from origin (0,0,0)
+   *   @param [yOff] Y axis offset from origin (0,0,0)
+   *   @param [zOff] Z axis offset from origin (0,0,0)
+   */
+  function debugMode(
+    mode: p5.UNKNOWN_P5_CONSTANT,
+    gridSize?: number,
+    gridDivisions?: number,
+    xOff?: number,
+    yOff?: number,
+    zOff?: number
+  ): void;
+
+  /**
+   *   debugMode() helps visualize 3D space by adding a
+   *   grid to indicate where the ‘ground’ is in a sketch
+   *   and an axes icon which indicates the +X, +Y, and
+   *   +Z directions. This function can be called without
+   *   parameters to create a default grid and axes icon,
+   *   or it can be called according to the examples
+   *   above to customize the size and position of the
+   *   grid and/or axes icon. The grid is drawn using the
+   *   most recently set stroke color and weight. To
+   *   specify these parameters, add a call to stroke()
+   *   and strokeWeight() just before the end of the
+   *   draw() loop. By default, the grid will run through
+   *   the origin (0,0,0) of the sketch along the XZ
+   *   plane and the axes icon will be offset from the
+   *   origin. Both the grid and axes icon will be sized
+   *   according to the current canvas size. Note that
+   *   because the grid runs parallel to the default
+   *   camera view, it is often helpful to use debugMode
+   *   along with orbitControl to allow full view of the
+   *   grid.
+   *   @param mode either GRID or AXES
+   *   @param [axesSize] size of axes icon
+   *   @param [xOff] X axis offset from origin (0,0,0)
+   *   @param [yOff] Y axis offset from origin (0,0,0)
+   *   @param [zOff] Z axis offset from origin (0,0,0)
+   */
+  function debugMode(
+    mode: p5.UNKNOWN_P5_CONSTANT,
+    axesSize?: number,
+    xOff?: number,
+    yOff?: number,
+    zOff?: number
+  ): void;
+
+  /**
+   *   debugMode() helps visualize 3D space by adding a
+   *   grid to indicate where the ‘ground’ is in a sketch
+   *   and an axes icon which indicates the +X, +Y, and
+   *   +Z directions. This function can be called without
+   *   parameters to create a default grid and axes icon,
+   *   or it can be called according to the examples
+   *   above to customize the size and position of the
+   *   grid and/or axes icon. The grid is drawn using the
+   *   most recently set stroke color and weight. To
+   *   specify these parameters, add a call to stroke()
+   *   and strokeWeight() just before the end of the
+   *   draw() loop. By default, the grid will run through
+   *   the origin (0,0,0) of the sketch along the XZ
+   *   plane and the axes icon will be offset from the
+   *   origin. Both the grid and axes icon will be sized
+   *   according to the current canvas size. Note that
+   *   because the grid runs parallel to the default
+   *   camera view, it is often helpful to use debugMode
+   *   along with orbitControl to allow full view of the
+   *   grid.
+   *   @param [gridSize] size of one side of the grid
+   *   @param [gridDivisions] number of divisions in the
+   *   grid
+   *   @param [axesSize] size of axes icon
+   */
+  function debugMode(
+    gridSize?: number,
+    gridDivisions?: number,
+    gridXOff?: number,
+    gridYOff?: number,
+    gridZOff?: number,
+    axesSize?: number,
+    axesXOff?: number,
+    axesYOff?: number,
+    axesZOff?: number
+  ): void;
+
+  /**
+   *   Turns off debugMode() in a 3D sketch.
+   */
+  function noDebugMode(): void;
+
+  /**
+   *   Creates an ambient light with a color
+   *   @param v1 red or hue value relative to the current
+   *   color range
+   *   @param v2 green or saturation value relative to
+   *   the current color range
+   *   @param v3 blue or brightness value relative to the
+   *   current color range
+   *   @param [alpha] the alpha value
+   *   @chainable
+   */
+  function ambientLight(
+    v1: number,
+    v2: number,
+    v3: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Creates an ambient light with a color
+   *   @param value a color string
+   *   @chainable
+   */
+  function ambientLight(
+    value: string
+  ): p5;
+
+  /**
+   *   Creates an ambient light with a color
+   *   @param gray a gray value
+   *   @param [alpha] the alpha value
+   *   @chainable
+   */
+  function ambientLight(
+    gray: number,
+    alpha?: number
+  ): p5;
+
+  /**
+   *   Creates an ambient light with a color
+   *   @param values an array containing the
+   *   red,green,blue & and alpha components of the color
+   *   @chainable
+   */
+  function ambientLight(
+    values: number[]
+  ): p5;
+
+  /**
+   *   Creates an ambient light with a color
+   *   @param color the ambient light color
+   *   @chainable
+   */
+  function ambientLight(
+    color: p5.Color
+  ): p5;
+
+  /**
+   *   Creates a directional light with a color and a
+   *   direction
+   *   @param v1 red or hue value (depending on the
+   *   current color mode),
+   *   @param v2 green or saturation value
+   *   @param v3 blue or brightness value
+   *   @param position the direction of the light
+   *   @chainable
+   */
+  function directionalLight(
+    v1: number,
+    v2: number,
+    v3: number,
+    position: p5.Vector
+  ): p5;
+
+  /**
+   *   Creates a directional light with a color and a
+   *   direction
+   *   @param color color Array, CSS color string, or
+   *   p5.Color value
+   *   @param x x axis direction
+   *   @param y y axis direction
+   *   @param z z axis direction
+   *   @chainable
+   */
+  function directionalLight(
+    color:
+      | number[]
+      | string
+      | p5.Color,
+    x: number,
+    y: number,
+    z: number
+  ): p5;
+
+  /**
+   *   Creates a directional light with a color and a
+   *   direction
+   *   @param color color Array, CSS color string, or
+   *   p5.Color value
+   *   @param position the direction of the light
+   *   @chainable
+   */
+  function directionalLight(
+    color:
+      | number[]
+      | string
+      | p5.Color,
+    position: p5.Vector
+  ): p5;
+
+  /**
+   *   Creates a directional light with a color and a
+   *   direction
+   *   @param v1 red or hue value (depending on the
+   *   current color mode),
+   *   @param v2 green or saturation value
+   *   @param v3 blue or brightness value
+   *   @param x x axis direction
+   *   @param y y axis direction
+   *   @param z z axis direction
+   *   @chainable
+   */
+  function directionalLight(
+    v1: number,
+    v2: number,
+    v3: number,
+    x: number,
+    y: number,
+    z: number
+  ): p5;
+
+  /**
+   *   Creates a point light with a color and a light
+   *   position
+   *   @param v1 red or hue value (depending on the
+   *   current color mode),
+   *   @param v2 green or saturation value
+   *   @param v3 blue or brightness value
+   *   @param x x axis position
+   *   @param y y axis position
+   *   @param z z axis position
+   *   @chainable
+   */
+  function pointLight(
+    v1: number,
+    v2: number,
+    v3: number,
+    x: number,
+    y: number,
+    z: number
+  ): p5;
+
+  /**
+   *   Creates a point light with a color and a light
+   *   position
+   *   @param v1 red or hue value (depending on the
+   *   current color mode),
+   *   @param v2 green or saturation value
+   *   @param v3 blue or brightness value
+   *   @param position the position of the light
+   *   @chainable
+   */
+  function pointLight(
+    v1: number,
+    v2: number,
+    v3: number,
+    position: p5.Vector
+  ): p5;
+
+  /**
+   *   Creates a point light with a color and a light
+   *   position
+   *   @param color color Array, CSS color string, or
+   *   p5.Color value
+   *   @param x x axis position
+   *   @param y y axis position
+   *   @param z z axis position
+   *   @chainable
+   */
+  function pointLight(
+    color:
+      | number[]
+      | string
+      | p5.Color,
+    x: number,
+    y: number,
+    z: number
+  ): p5;
+
+  /**
+   *   Creates a point light with a color and a light
+   *   position
+   *   @param color color Array, CSS color string, or
+   *   p5.Color value
+   *   @param position the position of the light
+   *   @chainable
+   */
+  function pointLight(
+    color:
+      | number[]
+      | string
+      | p5.Color,
+    position: p5.Vector
+  ): p5;
+
+  /**
+   *   Load a 3d model from an OBJ file.  One of the
+   *   limitations of the OBJ format is that it doesn't
+   *   have a built-in sense of scale. This means that
+   *   models exported from different programs might be
+   *   very different sizes. If your model isn't
+   *   displaying, try calling loadModel() with the
+   *   normalized parameter set to true. This will resize
+   *   the model to a scale appropriate for p5. You can
+   *   also make additional changes to the final size of
+   *   your model with the scale() function.
+   *   @param path Path of the model to be loaded
+   *   @param normalize If true, scale the model to a
+   *   standardized size when loading
+   *   @param [successCallback] Function to be called
+   *   once the model is loaded. Will be passed the 3D
+   *   model object.
+   *   @param [failureCallback] called with event error
+   *   if the image fails to load.
+   *   @return the p5.Geometry object
+   */
+  function loadModel(
+    path: string,
+    normalize: boolean,
+    successCallback?: (
+      p1: p5.Geometry
+    ) => any,
+    failureCallback?: (
+      p1: Event
+    ) => any
+  ): p5.Geometry;
+
+  /**
+   *   Load a 3d model from an OBJ file.  One of the
+   *   limitations of the OBJ format is that it doesn't
+   *   have a built-in sense of scale. This means that
+   *   models exported from different programs might be
+   *   very different sizes. If your model isn't
+   *   displaying, try calling loadModel() with the
+   *   normalized parameter set to true. This will resize
+   *   the model to a scale appropriate for p5. You can
+   *   also make additional changes to the final size of
+   *   your model with the scale() function.
+   *   @param path Path of the model to be loaded
+   *   @param [successCallback] Function to be called
+   *   once the model is loaded. Will be passed the 3D
+   *   model object.
+   *   @param [failureCallback] called with event error
+   *   if the image fails to load.
+   *   @return the p5.Geometry object
+   */
+  function loadModel(
+    path: string,
+    successCallback?: (
+      p1: p5.Geometry
+    ) => any,
+    failureCallback?: (
+      p1: Event
+    ) => any
+  ): p5.Geometry;
+
+  /**
+   *   Render a 3d model to the screen.
+   *   @param model Loaded 3d model to be rendered
+   */
+  function model(
+    model: p5.Geometry
+  ): void;
+
+  /**
+   *   Loads a custom shader from the provided vertex and
+   *   fragment shader paths. The shader files are loaded
+   *   asynchronously in the background, so this method
+   *   should be used in preload(). For now, there are
+   *   three main types of shaders. p5 will automatically
+   *   supply appropriate vertices, normals, colors, and
+   *   lighting attributes if the parameters defined in
+   *   the shader match the names.
+   *   @param [vertFilename] path to file containing
+   *   vertex shader source code
+   *   @param [fragFilename] path to file containing
+   *   fragment shader source code
+   *   @return a shader object created from the provided
+   *   vertex and fragment shader files.
+   */
+  function loadShader(
+    vertFilename?: string,
+    fragFilename?: string
+  ): p5.Shader;
+  function createShader(
+    vertSrc: string,
+    fragSrc: string
+  ): p5.Shader;
+
+  /**
+   *   The shader() function lets the user provide a
+   *   custom shader to fill in shapes in WEBGL mode.
+   *   Users can create their own shaders by loading
+   *   vertex and fragment shaders with loadShader().
+   *   @param [s] the desired p5.Shader to use for
+   *   rendering shapes.
+   *   @chainable
+   */
+  function shader(
+    s?: p5.Shader
+  ): p5;
+
+  /**
+   *   Normal material for geometry. You can view all
+   *   possible materials in this example.
+   *   @chainable
+   */
+  function normalMaterial(): p5;
+
+  /**
+   *   Texture for geometry. You can view other possible
+   *   materials in this example.
+   *   @param tex 2-dimensional graphics to render as
+   *   texture
+   *   @chainable
+   */
+  function texture(
+    tex:
+      | p5.Image
+      | p5.MediaElement
+      | p5.Graphics
+  ): p5;
+
+  /**
+   *   Ambient material for geometry with a given color.
+   *   You can view all possible materials in this
+   *   example.
+   *   @param v1 gray value, red or hue value (depending
+   *   on the current color mode),
+   *   @param [v2] green or saturation value
+   *   @param [v3] blue or brightness value
+   *   @param [a] opacity
+   *   @chainable
+   */
+  function ambientMaterial(
+    v1: number,
+    v2?: number,
+    v3?: number,
+    a?: number
+  ): p5;
+
+  /**
+   *   Ambient material for geometry with a given color.
+   *   You can view all possible materials in this
+   *   example.
+   *   @param color color, color Array, or CSS color
+   *   string
+   *   @chainable
+   */
+  function ambientMaterial(
+    color:
+      | number[]
+      | string
+      | p5.Color
+  ): p5;
+
+  /**
+   *   Specular material for geometry with a given color.
+   *   You can view all possible materials in this
+   *   example.
+   *   @param v1 gray value, red or hue value (depending
+   *   on the current color mode),
+   *   @param [v2] green or saturation value
+   *   @param [v3] blue or brightness value
+   *   @param [a] opacity
+   *   @chainable
+   */
+  function specularMaterial(
+    v1: number,
+    v2?: number,
+    v3?: number,
+    a?: number
+  ): p5;
+
+  /**
+   *   Specular material for geometry with a given color.
+   *   You can view all possible materials in this
+   *   example.
+   *   @param color color Array, or CSS color string
+   *   @chainable
+   */
+  function specularMaterial(
+    color:
+      | number[]
+      | string
+      | p5.Color
+  ): p5;
+
+  /**
+   *   Sets the camera position for a 3D sketch.
+   *   Parameters for this function define the position
+   *   for the camera, the center of the sketch (where
+   *   the camera is pointing), and an up direction (the
+   *   orientation of the camera). When called with no
+   *   arguments, this function creates a default camera
+   *   equivalent to camera(0, 0, (height/2.0) /
+   *   tan(PI*30.0 / 180.0), 0, 0, 0, 0, 1, 0);
+   *   @param [x] camera position value on x axis
+   *   @param [y] camera position value on y axis
+   *   @param [z] camera position value on z axis
+   *   @param [centerX] x coordinate representing center
+   *   of the sketch
+   *   @param [centerY] y coordinate representing center
+   *   of the sketch
+   *   @param [centerZ] z coordinate representing center
+   *   of the sketch
+   *   @param [upX] x component of direction 'up' from
+   *   camera
+   *   @param [upY] y component of direction 'up' from
+   *   camera
+   *   @param [upZ] z component of direction 'up' from
+   *   camera
+   *   @chainable
+   */
+  function camera(
+    x?: number,
+    y?: number,
+    z?: number,
+    centerX?: number,
+    centerY?: number,
+    centerZ?: number,
+    upX?: number,
+    upY?: number,
+    upZ?: number
+  ): p5;
+
+  /**
+   *   Sets a perspective projection for the camera in a
+   *   3D sketch. This projection represents depth
+   *   through foreshortening: objects that are close to
+   *   the camera appear their actual size while those
+   *   that are further away from the camera appear
+   *   smaller. The parameters to this function define
+   *   the viewing frustum (the truncated pyramid within
+   *   which objects are seen by the camera) through
+   *   vertical field of view, aspect ratio (usually
+   *   width/height), and near and far clipping planes.
+   *   When called with no arguments, the defaults
+   *   provided are equivalent to perspective(PI/3.0,
+   *   width/height, eyeZ/10.0, eyeZ10.0), where eyeZ is
+   *   equal to ((height/2.0) / tan(PI60.0/360.0));
+   *   @param [fovy] camera frustum vertical field of
+   *   view, from bottom to top of view, in angleMode
+   *   units
+   *   @param [aspect] camera frustum aspect ratio
+   *   @param [near] frustum near plane length
+   *   @param [far] frustum far plane length
+   *   @chainable
+   */
+  function perspective(
+    fovy?: number,
+    aspect?: number,
+    near?: number,
+    far?: number
+  ): p5;
+
+  /**
+   *   Sets an orthographic projection for the camera in
+   *   a 3D sketch and defines a box-shaped viewing
+   *   frustum within which objects are seen. In this
+   *   projection, all objects with the same dimension
+   *   appear the same size, regardless of whether they
+   *   are near or far from the camera. The parameters to
+   *   this function specify the viewing frustum where
+   *   left and right are the minimum and maximum x
+   *   values, top and bottom are the minimum and maximum
+   *   y values, and near and far are the minimum and
+   *   maximum z values. If no parameters are given, the
+   *   default is used: ortho(-width/2, width/2,
+   *   -height/2, height/2).
+   *   @param [left] camera frustum left plane
+   *   @param [right] camera frustum right plane
+   *   @param [bottom] camera frustum bottom plane
+   *   @param [top] camera frustum top plane
+   *   @param [near] camera frustum near plane
+   *   @param [far] camera frustum far plane
+   *   @chainable
+   */
+  function ortho(
+    left?: number,
+    right?: number,
+    bottom?: number,
+    top?: number,
+    near?: number,
+    far?: number
+  ): p5;
+
+  /**
+   *   Creates a new p5.Camera object and tells the
+   *   renderer to use that camera. Returns the p5.Camera
+   *   object.
+   *   @return The newly created camera object.
+   */
+  function createCamera(): p5.Camera;
+
+  /**
+   *   Sets rendererGL's current camera to a p5.Camera
+   *   object. Allows switching between multiple cameras.
+   *   @param cam p5.Camera object
+   */
+  function setCamera(
+    cam: p5.Camera
+  ): void;
+
+  /**
+   *   Set attributes for the WebGL Drawing context. This
+   *   is a way of adjusting ways that the WebGL renderer
+   *   works to fine-tune the display and performance.
+   *   This should be put in setup(). The available
+   *   attributes are:  alpha - indicates if the canvas
+   *   contains an alpha buffer default is true
+   *
+   *
+   *   depth - indicates whether the drawing buffer has a
+   *   depth buffer of at least 16 bits - default is true
+   *
+   *
+   *   stencil - indicates whether the drawing buffer has
+   *   a stencil buffer of at least 8 bits
+   *
+   *
+   *   antialias - indicates whether or not to perform
+   *   anti-aliasing default is false
+   *
+   *
+   *   premultipliedAlpha - indicates that the page
+   *   compositor will assume the drawing buffer contains
+   *   colors with pre-multiplied alpha default is false
+   *
+   *
+   *   preserveDrawingBuffer - if true the buffers will
+   *   not be cleared and and will preserve their values
+   *   until cleared or overwritten by author (note that
+   *   p5 clears automatically on draw loop) default is
+   *   true
+   *
+   *
+   *   perPixelLighting - if true, per-pixel lighting
+   *   will be used in the lighting shader. default is
+   *   false
+   *   @param key Name of attribute
+   *   @param value New value of named attribute
+   */
+  function setAttributes(
+    key: string,
+    value: boolean
+  ): void;
+
+  /**
+   *   Set attributes for the WebGL Drawing context. This
+   *   is a way of adjusting ways that the WebGL renderer
+   *   works to fine-tune the display and performance.
+   *   This should be put in setup(). The available
+   *   attributes are:  alpha - indicates if the canvas
+   *   contains an alpha buffer default is true
+   *
+   *
+   *   depth - indicates whether the drawing buffer has a
+   *   depth buffer of at least 16 bits - default is true
+   *
+   *
+   *   stencil - indicates whether the drawing buffer has
+   *   a stencil buffer of at least 8 bits
+   *
+   *
+   *   antialias - indicates whether or not to perform
+   *   anti-aliasing default is false
+   *
+   *
+   *   premultipliedAlpha - indicates that the page
+   *   compositor will assume the drawing buffer contains
+   *   colors with pre-multiplied alpha default is false
+   *
+   *
+   *   preserveDrawingBuffer - if true the buffers will
+   *   not be cleared and and will preserve their values
+   *   until cleared or overwritten by author (note that
+   *   p5 clears automatically on draw loop) default is
+   *   true
+   *
+   *
+   *   perPixelLighting - if true, per-pixel lighting
+   *   will be used in the lighting shader. default is
+   *   false
+   *   @param obj object with key-value pairs
+   */
+  function setAttributes(
+    obj: object
+  ): void;
+
+  /**
+   *   Searches the page for an element with the given
+   *   ID, class, or tag name (using the '#' or '.'
+   *   prefixes to specify an ID or class respectively,
+   *   and none for a tag) and returns it as a
+   *   p5.Element. If a class or tag name is given with
+   *   more than 1 element, only the first element will
+   *   be returned. The DOM node itself can be accessed
+   *   with .elt. Returns null if none found. You can
+   *   also specify a container to search within.
+   *   @param name id, class, or tag name of element to
+   *   search for
+   *   @param [container] id, p5.Element, or HTML element
+   *   to search within
+   *   @return p5.Element containing node found
+   */
+  function select(
+    name: string,
+    container?:
+      | string
+      | p5.Element
+      | HTMLElement
+  ): p5.Element | null;
+
+  /**
+   *   Searches the page for elements with the given
+   *   class or tag name (using the '.' prefix to specify
+   *   a class and no prefix for a tag) and returns them
+   *   as p5.Elements in an array. The DOM node itself
+   *   can be accessed with .elt. Returns an empty array
+   *   if none found. You can also specify a container to
+   *   search within.
+   *   @param name class or tag name of elements to
+   *   search for
+   *   @param [container] id, p5.Element, or HTML element
+   *   to search within
+   *   @return Array of p5.Elements containing nodes
+   *   found
+   */
+  function selectAll(
+    name: string,
+    container?: string
+  ): p5.Element[];
+
+  /**
+   *   Removes all elements created by p5, except any
+   *   canvas / graphics elements created by createCanvas
+   *   or createGraphics. Event handlers are removed, and
+   *   element is removed from the DOM.
+   */
+  function removeElements(): void;
+
+  /**
+   *   Creates a <div></div> element in the DOM with
+   *   given inner HTML. Appends to the container node if
+   *   one is specified, otherwise appends to body.
+   *   @param [html] inner HTML for element created
+   *   @return pointer to p5.Element holding created node
+   */
+  function createDiv(
+    html?: string
+  ): p5.Element;
+
+  /**
+   *   Creates a <p></p> element in the DOM with given
+   *   inner HTML. Used for paragraph length text.
+   *   Appends to the container node if one is specified,
+   *   otherwise appends to body.
+   *   @param [html] inner HTML for element created
+   *   @return pointer to p5.Element holding created node
+   */
+  function createP(
+    html?: string
+  ): p5.Element;
+
+  /**
+   *   Creates a <span></span> element in the DOM with
+   *   given inner HTML. Appends to the container node if
+   *   one is specified, otherwise appends to body.
+   *   @param [html] inner HTML for element created
+   *   @return pointer to p5.Element holding created node
+   */
+  function createSpan(
+    html?: string
+  ): p5.Element;
+
+  /**
+   *   Creates an <img> element in the DOM with given src
+   *   and alternate text. Appends to the container node
+   *   if one is specified, otherwise appends to body.
+   *   @param src src path or url for image
+   *   @param [alt] alternate text to be used if image
+   *   does not load
+   *   @param [successCallback] callback to be called
+   *   once image data is loaded
+   *   @return pointer to p5.Element holding created node
+   */
+  function createImg(
+    src: string,
+    alt?: string,
+    successCallback?: (
+      ...args: any[]
+    ) => any
+  ): p5.Element;
+
+  /**
+   *   Creates an <img> element in the DOM with given src
+   *   and alternate text. Appends to the container node
+   *   if one is specified, otherwise appends to body.
+   *   @param src src path or url for image
+   *   @param successCallback callback to be called once
+   *   image data is loaded
+   */
+  function createImg(
+    src: string,
+    successCallback: (
+      ...args: any[]
+    ) => any
+  ):
+    | object
+    | p5.Element;
+
+  /**
+   *   Creates an <a></a> element in the DOM for
+   *   including a hyperlink. Appends to the container
+   *   node if one is specified, otherwise appends to
+   *   body.
+   *   @param href url of page to link to
+   *   @param html inner html of link element to display
+   *   @param [target] target where new link should open,
+   *   could be _blank, _self, _parent, _top.
+   *   @return pointer to p5.Element holding created node
+   */
+  function createA(
+    href: string,
+    html: string,
+    target?: string
+  ): p5.Element;
+
+  /**
+   *   Creates a slider <input></input> element in the
+   *   DOM. Use .size() to set the display length of the
+   *   slider. Appends to the container node if one is
+   *   specified, otherwise appends to body.
+   *   @param min minimum value of the slider
+   *   @param max maximum value of the slider
+   *   @param [value] default value of the slider
+   *   @param [step] step size for each tick of the
+   *   slider (if step is set to 0, the slider will move
+   *   continuously from the minimum to the maximum
+   *   value)
+   *   @return pointer to p5.Element holding created node
+   */
+  function createSlider(
+    min: number,
+    max: number,
+    value?: number,
+    step?: number
+  ): p5.Element;
+
+  /**
+   *   Creates a <button></button> element in the DOM.
+   *   Use .size() to set the display size of the button.
+   *   Use .mousePressed() to specify behavior on press.
+   *   Appends to the container node if one is specified,
+   *   otherwise appends to body.
+   *   @param label label displayed on the button
+   *   @param [value] value of the button
+   *   @return pointer to p5.Element holding created node
+   */
+  function createButton(
+    label: string,
+    value?: string
+  ): p5.Element;
+
+  /**
+   *   Creates a checkbox <input></input> element in the
+   *   DOM. Calling .checked() on a checkbox returns if
+   *   it is checked or not
+   *   @param [label] label displayed after checkbox
+   *   @param [value] value of the checkbox; checked is
+   *   true, unchecked is false
+   *   @return pointer to p5.Element holding created node
+   */
+  function createCheckbox(
+    label?: string,
+    value?: boolean
+  ): p5.Element;
+
+  /**
+   *   Creates a dropdown menu <select></select> element
+   *   in the DOM. It also helps to assign select-box
+   *   methods to p5.Element when selecting existing
+   *   select box
+   *   @param [multiple] true if dropdown should support
+   *   multiple selections
+   */
+  function createSelect(
+    multiple?: boolean
+  ): p5.Element;
+
+  /**
+   *   Creates a dropdown menu <select></select> element
+   *   in the DOM. It also helps to assign select-box
+   *   methods to p5.Element when selecting existing
+   *   select box
+   *   @param existing DOM select element
+   */
+  function createSelect(
+    existing: object
+  ): p5.Element;
+
+  /**
+   *   Creates a radio button <input></input> element in
+   *   the DOM. The .option() method can be used to set
+   *   options for the radio after it is created. The
+   *   .value() method will return the currently selected
+   *   option.
+   *   @param [divId] the id and name of the created div
+   *   and input field respectively
+   *   @return pointer to p5.Element holding created node
+   */
+  function createRadio(
+    divId?: string
+  ): p5.Element;
+
+  /**
+   *   Creates a colorPicker element in the DOM for color
+   *   input. The .value() method will return a hex
+   *   string (#rrggbb) of the color. The .color() method
+   *   will return a p5.Color object with the current
+   *   chosen color.
+   *   @param [value] default color of element
+   *   @return pointer to p5.Element holding created node
+   */
+  function createColorPicker(
+    value?:
+      | string
+      | p5.Color
+  ): p5.Element;
+
+  /**
+   *   Creates an <input></input> element in the DOM for
+   *   text input. Use .size() to set the display length
+   *   of the box. Appends to the container node if one
+   *   is specified, otherwise appends to body.
+   *   @param [value] default value of the input box
+   *   @param [type] type of text, ie text, password etc.
+   *   Defaults to text
+   *   @return pointer to p5.Element holding created node
+   */
+  function createInput(
+    value?: string,
+    type?: string
+  ): p5.Element;
+
+  /**
+   *   Creates an <input></input> element in the DOM of
+   *   type 'file'. This allows users to select local
+   *   files for use in a sketch.
+   *   @param [callback] callback function for when a
+   *   file loaded
+   *   @param [multiple] optional to allow multiple files
+   *   selected
+   *   @return pointer to p5.Element holding created DOM
+   *   element
+   */
+  function createFileInput(
+    callback?: (
+      ...args: any[]
+    ) => any,
+    multiple?: string
+  ): p5.Element;
+
+  /**
+   *   Creates an HTML5 <video> element in the DOM for
+   *   simple playback of audio/video. Shown by default,
+   *   can be hidden with .hide() and drawn into canvas
+   *   using video(). Appends to the container node if
+   *   one is specified, otherwise appends to body. The
+   *   first parameter can be either a single string path
+   *   to a video file, or an array of string paths to
+   *   different formats of the same video. This is
+   *   useful for ensuring that your video can play
+   *   across different browsers, as each supports
+   *   different formats. See this page for further
+   *   information about supported formats.
+   *   @param src path to a video file, or array of paths
+   *   for supporting different browsers
+   *   @param [callback] callback function to be called
+   *   upon 'canplaythrough' event fire, that is, when
+   *   the browser can play the media, and estimates that
+   *   enough data has been loaded to play the media up
+   *   to its end without having to stop for further
+   *   buffering of content
+   *   @return pointer to video p5.Element
+   */
+  function createVideo(
+    src:
+      | string
+      | string[],
+    callback?: (
+      ...args: any[]
+    ) => any
+  ): p5.MediaElement;
+
+  /**
+   *   Creates a hidden HTML5 <audio> element in the DOM
+   *   for simple audio playback. Appends to the
+   *   container node if one is specified, otherwise
+   *   appends to body. The first parameter can be either
+   *   a single string path to a audio file, or an array
+   *   of string paths to different formats of the same
+   *   audio. This is useful for ensuring that your audio
+   *   can play across different browsers, as each
+   *   supports different formats. See this page for
+   *   further information about supported formats.
+   *   @param [src] path to an audio file, or array of
+   *   paths for supporting different browsers
+   *   @param [callback] callback function to be called
+   *   upon 'canplaythrough' event fire, that is, when
+   *   the browser can play the media, and estimates that
+   *   enough data has been loaded to play the media up
+   *   to its end without having to stop for further
+   *   buffering of content
+   *   @return pointer to audio p5.Element
+   */
+  function createAudio(
+    src?:
+      | string
+      | string[],
+    callback?: (
+      ...args: any[]
+    ) => any
+  ): p5.MediaElement;
+
+  /**
+   *   Creates a new HTML5 <video> element that contains
+   *   the audio/video feed from a webcam. The element is
+   *   separate from the canvas and is displayed by
+   *   default. The element can be hidden using .hide().
+   *   The feed can be drawn onto the canvas using
+   *   image(). The loadedmetadata property can be used
+   *   to detect when the element has fully loaded (see
+   *   second example). More specific properties of the
+   *   feed can be passing in a Constraints object. See
+   *   the  W3C spec for possible properties. Note that
+   *   not all of these are supported by all browsers.
+   *
+   *   Security note: A new browser security
+   *   specification requires that getUserMedia, which is
+   *   behind createCapture(), only works when you're
+   *   running the code locally, or on HTTPS. Learn more
+   *   here and here.
+   *   @param type type of capture, either VIDEO or AUDIO
+   *   if none specified, default both, or a Constraints
+   *   object
+   *   @param [callback] function to be called once
+   *   stream has loaded
+   *   @return capture video p5.Element
+   */
+  function createCapture(
+    type:
+      | string
+      | p5.TYPE
+      | object,
+    callback?: (
+      ...args: any[]
+    ) => any
+  ): p5.Element;
+
+  /**
+   *   Creates element with given tag in the DOM with
+   *   given content. Appends to the container node if
+   *   one is specified, otherwise appends to body.
+   *   @param tag tag for the new element
+   *   @param [content] html content to be inserted into
+   *   the element
+   *   @return pointer to p5.Element holding created node
+   */
+  function createElement(
+    tag: string,
+    content?: string
+  ): p5.Element;
+  const VIDEO: p5.VIDEO;
+  const AUDIO: p5.AUDIO;
+
+  /**
+   *   Returns a number representing the sample rate, in
+   *   samples per second, of all sound objects in this
+   *   audio context. It is determined by the sampling
+   *   rate of your operating system's sound card, and it
+   *   is not currently possile to change. It is often
+   *   44100, or twice the range of human hearing.
+   *   @return samplerate samples per second
+   */
+  function sampleRate(): number;
+
+  /**
+   *   Returns the closest MIDI note value for a given
+   *   frequency.
+   *   @param frequency A freqeuncy, for example, the "A"
+   *   above Middle C is 440Hz
+   *   @return MIDI note value
+   */
+  function freqToMidi(
+    frequency: number
+  ): number;
+
+  /**
+   *   Returns the frequency value of a MIDI note value.
+   *   General MIDI treats notes as integers where middle
+   *   C is 60, C# is 61, D is 62 etc. Useful for
+   *   generating musical frequencies with oscillators.
+   *   @param midiNote The number of a MIDI note
+   *   @return Frequency value of the given MIDI note
+   */
+  function midiToFreq(
+    midiNote: number
+  ): number;
+
+  /**
+   *   List the SoundFile formats that you will include.
+   *   LoadSound will search your directory for these
+   *   extensions, and will pick a format that is
+   *   compatable with the client's web browser. Here is
+   *   a free online file converter.
+   *   @param [formats] i.e. 'mp3', 'wav', 'ogg'
+   */
+  function soundFormats(
+    formats?: string
+  ): void;
+
+  /**
+   *   Save a p5.SoundFile as a .wav file. The browser
+   *   will prompt the user to download the file to their
+   *   device. For uploading audio to a server, use
+   *   p5.SoundFile.saveBlob.
+   *   @param soundFile p5.SoundFile that you wish to
+   *   save
+   *   @param fileName name of the resulting .wav file.
+   */
+  function saveSound(
+    soundFile: p5.SoundFile,
+    fileName: string
+  ): void;
+}
diff --git a/types/p5/index.d.ts b/types/p5/index.d.ts
new file mode 100644
index 0000000000..f87978d993
--- /dev/null
+++ b/types/p5/index.d.ts
@@ -0,0 +1,192 @@
+// Type definitions for p5 0.7
+// Project: https://github.com/processing/p5.js
+// Definitions by: p5-types <https://github.com/p5-types>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+// This file was auto-generated. Please do not edit it.
+
+/// <reference path="./src/color/creating_reading.d.ts" />
+/// <reference path="./src/color/setting.d.ts" />
+/// <reference path="./src/core/shape/2d_primitives.d.ts" />
+/// <reference path="./src/core/shape/attributes.d.ts" />
+/// <reference path="./src/core/shape/curves.d.ts" />
+/// <reference path="./src/core/shape/vertex.d.ts" />
+/// <reference path="./src/core/constants.d.ts" />
+/// <reference path="./src/core/environment.d.ts" />
+/// <reference path="./src/core/rendering.d.ts" />
+/// <reference path="./src/core/structure.d.ts" />
+/// <reference path="./src/core/transform.d.ts" />
+/// <reference path="./src/data/p5.TypedDict.d.ts" />
+/// <reference path="./src/events/acceleration.d.ts" />
+/// <reference path="./src/events/keyboard.d.ts" />
+/// <reference path="./src/events/mouse.d.ts" />
+/// <reference path="./src/events/touch.d.ts" />
+/// <reference path="./src/image/image.d.ts" />
+/// <reference path="./src/image/loading_displaying.d.ts" />
+/// <reference path="./src/image/pixels.d.ts" />
+/// <reference path="./src/io/files.d.ts" />
+/// <reference path="./src/math/calculation.d.ts" />
+/// <reference path="./src/math/math.d.ts" />
+/// <reference path="./src/math/noise.d.ts" />
+/// <reference path="./src/math/random.d.ts" />
+/// <reference path="./src/math/trigonometry.d.ts" />
+/// <reference path="./src/typography/attributes.d.ts" />
+/// <reference path="./src/typography/loading_displaying.d.ts" />
+/// <reference path="./src/utilities/array_functions.d.ts" />
+/// <reference path="./src/utilities/conversion.d.ts" />
+/// <reference path="./src/utilities/string_functions.d.ts" />
+/// <reference path="./src/utilities/time_date.d.ts" />
+/// <reference path="./src/webgl/3d_primitives.d.ts" />
+/// <reference path="./src/webgl/interaction.d.ts" />
+/// <reference path="./src/webgl/light.d.ts" />
+/// <reference path="./src/webgl/loading.d.ts" />
+/// <reference path="./src/webgl/material.d.ts" />
+/// <reference path="./src/webgl/p5.Camera.d.ts" />
+/// <reference path="./src/webgl/p5.RendererGL.d.ts" />
+/// <reference path="./src/color/p5.Color.d.ts" />
+/// <reference path="./src/core/p5.Element.d.ts" />
+/// <reference path="./src/core/p5.Graphics.d.ts" />
+/// <reference path="./src/image/p5.Image.d.ts" />
+/// <reference path="./src/io/p5.Table.d.ts" />
+/// <reference path="./src/io/p5.TableRow.d.ts" />
+/// <reference path="./src/io/p5.XML.d.ts" />
+/// <reference path="./src/math/p5.Vector.d.ts" />
+/// <reference path="./src/typography/p5.Font.d.ts" />
+/// <reference path="./src/webgl/p5.Geometry.d.ts" />
+/// <reference path="./src/webgl/p5.Shader.d.ts" />
+/// <reference path="./src/core/p5.Renderer.d.ts" />
+/// <reference path="./literals.d.ts" />
+/// <reference path="./constants.d.ts" />
+export = p5;
+declare class p5 {
+  /**
+   *   This is the p5 instance constructor. A p5 instance
+   *   holds all the properties and methods related to a
+   *   p5 sketch. It expects an incoming sketch closure
+   *   and it can also take an optional node parameter
+   *   for attaching the generated p5 canvas to a node.
+   *   The sketch closure takes the newly created p5
+   *   instance as its sole argument and may optionally
+   *   set preload(), setup(), and/or draw() properties
+   *   on it for running a sketch.
+   *
+   *   A p5 sketch can run in "global" or "instance"
+   *   mode: "global" - all properties and methods are
+   *   attached to the window "instance" - all properties
+   *   and methods are bound to this p5 object
+   *
+   *   @param sketch a closure that can set optional
+   *   preload(), setup(), and/or draw() properties on
+   *   the given p5 instance
+   *   @param [node] element to attach canvas to, if a
+   *   boolean is passed in use it as sync
+   *   @param [sync] start synchronously (optional)
+   *   @return a p5 instance
+   */
+  constructor(
+    sketch: (
+      ...args: any[]
+    ) => any,
+    node?:
+      | HTMLElement
+      | boolean,
+    sync?: boolean
+  );
+
+  /**
+   *   Called directly before setup(), the preload()
+   *   function is used to handle asynchronous loading of
+   *   external files in a blocking way. If a preload
+   *   function is defined, setup() will wait until any
+   *   load calls within have finished. Nothing besides
+   *   load calls (loadImage, loadJSON, loadFont,
+   *   loadStrings, etc.) should be inside the preload
+   *   function. If asynchronous loading is preferred,
+   *   the load methods can instead be called in setup()
+   *   or anywhere else with the use of a callback
+   *   parameter.  By default the text "loading..." will
+   *   be displayed. To make your own loading page,
+   *   include an HTML element with id "p5_loading" in
+   *   your page. More information here.
+   */
+  preload(): void;
+
+  /**
+   *   The setup() function is called once when the
+   *   program starts. It's used to define initial
+   *   environment properties such as screen size and
+   *   background color and to load media such as images
+   *   and fonts as the program starts. There can only be
+   *   one setup() function for each program and it
+   *   shouldn't be called again after its initial
+   *   execution.  Note: Variables declared within
+   *   setup() are not accessible within other functions,
+   *   including draw().
+   */
+  setup(): void;
+
+  /**
+   *   Called directly after setup(), the draw() function
+   *   continuously executes the lines of code contained
+   *   inside its block until the program is stopped or
+   *   noLoop() is called. Note if noLoop() is called in
+   *   setup(), draw() will still be executed once before
+   *   stopping. draw() is called automatically and
+   *   should never be called explicitly.  It should
+   *   always be controlled with noLoop(), redraw() and
+   *   loop(). After noLoop() stops the code in draw()
+   *   from executing, redraw() causes the code inside
+   *   draw() to execute once, and loop() will cause the
+   *   code inside draw() to resume executing
+   *   continuously.
+   *
+   *
+   *   The number of times draw() executes in each second
+   *   may be controlled with the frameRate() function.
+   *
+   *
+   *   There can only be one draw() function for each
+   *   sketch, and draw() must exist if you want the code
+   *   to run continuously, or to process events such as
+   *   mousePressed(). Sometimes, you might have an empty
+   *   call to draw() in your program, as shown in the
+   *   above example.
+   *
+   *
+   *   It is important to note that the drawing
+   *   coordinate system will be reset at the beginning
+   *   of each draw() call. If any transformations are
+   *   performed within draw() (ex: scale, rotate,
+   *   translate), their effects will be undone at the
+   *   beginning of draw(), so transformations will not
+   *   accumulate over time. On the other hand, styling
+   *   applied (ex: fill, stroke, etc) will remain in
+   *   effect.
+   */
+  draw(): void;
+
+  /**
+   *   Removes the entire p5 sketch. This will remove the
+   *   canvas and any elements created by p5.js. It will
+   *   also stop the draw loop and unbind any properties
+   *   or methods from the window global scope. It will
+   *   leave a variable p5 in case you wanted to create a
+   *   new p5 sketch. If you like, you can set p5 = null
+   *   to erase it. While all functions and variables and
+   *   objects created by the p5 library will be removed,
+   *   any other global variables created by your code
+   *   will remain.
+   */
+  remove(): void;
+}
+
+// tslint:disable-next-line:no-empty-interface
+interface p5
+  extends p5.p5InstanceExtensions {}
+
+declare namespace p5 {
+  type UNKNOWN_P5_CONSTANT = any;
+  // tslint:disable-next-line:no-empty-interface
+  interface p5InstanceExtensions {}
+}
diff --git a/types/p5/lib/addons/p5.dom.d.ts b/types/p5/lib/addons/p5.dom.d.ts
new file mode 100644
index 0000000000..7a4f2e096b
--- /dev/null
+++ b/types/p5/lib/addons/p5.dom.d.ts
@@ -0,0 +1,943 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class MediaElement {
+    /**
+     *   Extends p5.Element to handle audio and video. In
+     *   addition to the methods of p5.Element, it also
+     *   contains methods for controlling media. It is not
+     *   called directly, but p5.MediaElements are created
+     *   by calling createVideo, createAudio, and
+     *   createCapture.
+     *
+     *   @param elt DOM node that is wrapped
+     */
+    constructor(
+      elt: string
+    );
+
+    /**
+     *   Play an HTML5 media element.
+     *   @chainable
+     */
+    play(): MediaElement;
+
+    /**
+     *   Stops an HTML5 media element (sets current time to
+     *   zero).
+     *   @chainable
+     */
+    stop(): MediaElement;
+
+    /**
+     *   Pauses an HTML5 media element.
+     *   @chainable
+     */
+    pause(): MediaElement;
+
+    /**
+     *   Set 'loop' to true for an HTML5 media element, and
+     *   starts playing.
+     *   @chainable
+     */
+    loop(): MediaElement;
+
+    /**
+     *   Set 'loop' to false for an HTML5 media element.
+     *   Element will stop when it reaches the end.
+     *   @chainable
+     */
+    noLoop(): MediaElement;
+
+    /**
+     *   Set HTML5 media element to autoplay or not.
+     *   @param autoplay whether the element should
+     *   autoplay
+     *   @chainable
+     */
+    autoplay(
+      autoplay: boolean
+    ): MediaElement;
+
+    /**
+     *   Sets volume for this HTML5 media element. If no
+     *   argument is given, returns the current volume.
+     *   @return current volume
+     */
+    volume(): number;
+
+    /**
+     *   Sets volume for this HTML5 media element. If no
+     *   argument is given, returns the current volume.
+     *   @param val volume between 0.0 and 1.0
+     *   @chainable
+     */
+    volume(
+      val: number
+    ): MediaElement;
+
+    /**
+     *   If no arguments are given, returns the current
+     *   playback speed of the element. The speed parameter
+     *   sets the speed where 2.0 will play the element
+     *   twice as fast, 0.5 will play at half the speed,
+     *   and -1 will play the element in normal speed in
+     *   reverse.(Note that not all browsers support
+     *   backward playback and even if they do, playback
+     *   might not be smooth.)
+     *   @return current playback speed of the element
+     */
+    speed(): number;
+
+    /**
+     *   If no arguments are given, returns the current
+     *   playback speed of the element. The speed parameter
+     *   sets the speed where 2.0 will play the element
+     *   twice as fast, 0.5 will play at half the speed,
+     *   and -1 will play the element in normal speed in
+     *   reverse.(Note that not all browsers support
+     *   backward playback and even if they do, playback
+     *   might not be smooth.)
+     *   @param speed speed multiplier for element playback
+     *   @chainable
+     */
+    speed(
+      speed: number
+    ): MediaElement;
+
+    /**
+     *   If no arguments are given, returns the current
+     *   time of the element. If an argument is given the
+     *   current time of the element is set to it.
+     *   @return current time (in seconds)
+     */
+    time(): number;
+
+    /**
+     *   If no arguments are given, returns the current
+     *   time of the element. If an argument is given the
+     *   current time of the element is set to it.
+     *   @param time time to jump to (in seconds)
+     *   @chainable
+     */
+    time(
+      time: number
+    ): MediaElement;
+
+    /**
+     *   Returns the duration of the HTML5 media element.
+     *   @return duration
+     */
+    duration(): number;
+
+    /**
+     *   Schedule an event to be called when the audio or
+     *   video element reaches the end. If the element is
+     *   looping, this will not be called. The element is
+     *   passed in as the argument to the onended callback.
+     *   @param callback function to call when the
+     *   soundfile has ended. The media element will be
+     *   passed in as the argument to the callback.
+     *   @chainable
+     */
+    onended(
+      callback: (
+        ...args: any[]
+      ) => any
+    ): MediaElement;
+
+    /**
+     *   Send the audio output of this element to a
+     *   specified audioNode or p5.sound object. If no
+     *   element is provided, connects to p5's master
+     *   output. That connection is established when this
+     *   method is first called. All connections are
+     *   removed by the .disconnect() method. This method
+     *   is meant to be used with the p5.sound.js addon
+     *   library.
+     *   @param audioNode AudioNode from the Web Audio API,
+     *   or an object from the p5.sound library
+     */
+    connect(
+      audioNode:
+        | AudioNode
+        | object
+    ): void;
+
+    /**
+     *   Disconnect all Web Audio routing, including to
+     *   master output. This is useful if you want to
+     *   re-route the output through audio effects, for
+     *   example.
+     */
+    disconnect(): void;
+
+    /**
+     *   Show the default MediaElement controls, as
+     *   determined by the web browser.
+     */
+    showControls(): void;
+
+    /**
+     *   Hide the default mediaElement controls.
+     */
+    hideControls(): void;
+
+    /**
+     *   Schedule events to trigger every time a
+     *   MediaElement (audio/video) reaches a playback cue
+     *   point. Accepts a callback function, a time (in
+     *   seconds) at which to trigger the callback, and an
+     *   optional parameter for the callback.
+     *
+     *   Time will be passed as the first parameter to the
+     *   callback function, and param will be the second
+     *   parameter.
+     *   @param time Time in seconds, relative to this
+     *   media element's playback. For example, to trigger
+     *   an event every time playback reaches two seconds,
+     *   pass in the number 2. This will be passed as the
+     *   first parameter to the callback function.
+     *   @param callback Name of a function that will be
+     *   called at the given time. The callback will
+     *   receive time and (optionally) param as its two
+     *   parameters.
+     *   @param [value] An object to be passed as the
+     *   second parameter to the callback function.
+     *   @return id ID of this cue, useful for
+     *   removeCue(id)
+     */
+    addCue(
+      time: number,
+      callback: (
+        ...args: any[]
+      ) => any,
+      value?: object
+    ): number;
+
+    /**
+     *   Remove a callback based on its ID. The ID is
+     *   returned by the addCue method.
+     *   @param id ID of the cue, as returned by addCue
+     */
+    removeCue(
+      id: number
+    ): void;
+
+    /**
+     *   Remove all of the callbacks that had originally
+     *   been scheduled via the addCue method.
+     *   @param id ID of the cue, as returned by addCue
+     */
+    clearCues(
+      id: number
+    ): void;
+
+    /**
+     *   Path to the media element source.
+     */
+    src: any;
+  }
+  class File {
+    /**
+     *   Base class for a file Using this for
+     *   createFileInput
+     *
+     *   @param file File that is wrapped
+     */
+    constructor(
+      file: File
+    );
+
+    /**
+     *   Underlying File object. All normal File methods
+     *   can be called on this.
+     */
+    file: any;
+
+    /**
+     *   File type (image, text, etc.)
+     */
+    type: any;
+
+    /**
+     *   File subtype (usually the file extension jpg, png,
+     *   xml, etc.)
+     */
+    subtype: any;
+
+    /**
+     *   File name
+     */
+    name: any;
+
+    /**
+     *   File size
+     */
+    size: any;
+
+    /**
+     *   URL string containing image data.
+     */
+    data: any;
+  }
+  interface p5InstanceExtensions {
+    /**
+     *   Searches the page for an element with the given
+     *   ID, class, or tag name (using the '#' or '.'
+     *   prefixes to specify an ID or class respectively,
+     *   and none for a tag) and returns it as a
+     *   p5.Element. If a class or tag name is given with
+     *   more than 1 element, only the first element will
+     *   be returned. The DOM node itself can be accessed
+     *   with .elt. Returns null if none found. You can
+     *   also specify a container to search within.
+     *   @param name id, class, or tag name of element to
+     *   search for
+     *   @param [container] id, p5.Element, or HTML element
+     *   to search within
+     *   @return p5.Element containing node found
+     */
+    select(
+      name: string,
+      container?:
+        | string
+        | Element
+        | HTMLElement
+    ): Element | null;
+
+    /**
+     *   Searches the page for elements with the given
+     *   class or tag name (using the '.' prefix to specify
+     *   a class and no prefix for a tag) and returns them
+     *   as p5.Elements in an array. The DOM node itself
+     *   can be accessed with .elt. Returns an empty array
+     *   if none found. You can also specify a container to
+     *   search within.
+     *   @param name class or tag name of elements to
+     *   search for
+     *   @param [container] id, p5.Element, or HTML element
+     *   to search within
+     *   @return Array of p5.Elements containing nodes
+     *   found
+     */
+    selectAll(
+      name: string,
+      container?: string
+    ): Element[];
+
+    /**
+     *   Removes all elements created by p5, except any
+     *   canvas / graphics elements created by createCanvas
+     *   or createGraphics. Event handlers are removed, and
+     *   element is removed from the DOM.
+     */
+    removeElements(): void;
+
+    /**
+     *   Creates a <div></div> element in the DOM with
+     *   given inner HTML. Appends to the container node if
+     *   one is specified, otherwise appends to body.
+     *   @param [html] inner HTML for element created
+     *   @return pointer to p5.Element holding created node
+     */
+    createDiv(
+      html?: string
+    ): Element;
+
+    /**
+     *   Creates a <p></p> element in the DOM with given
+     *   inner HTML. Used for paragraph length text.
+     *   Appends to the container node if one is specified,
+     *   otherwise appends to body.
+     *   @param [html] inner HTML for element created
+     *   @return pointer to p5.Element holding created node
+     */
+    createP(
+      html?: string
+    ): Element;
+
+    /**
+     *   Creates a <span></span> element in the DOM with
+     *   given inner HTML. Appends to the container node if
+     *   one is specified, otherwise appends to body.
+     *   @param [html] inner HTML for element created
+     *   @return pointer to p5.Element holding created node
+     */
+    createSpan(
+      html?: string
+    ): Element;
+
+    /**
+     *   Creates an <img> element in the DOM with given src
+     *   and alternate text. Appends to the container node
+     *   if one is specified, otherwise appends to body.
+     *   @param src src path or url for image
+     *   @param [alt] alternate text to be used if image
+     *   does not load
+     *   @param [successCallback] callback to be called
+     *   once image data is loaded
+     *   @return pointer to p5.Element holding created node
+     */
+    createImg(
+      src: string,
+      alt?: string,
+      successCallback?: (
+        ...args: any[]
+      ) => any
+    ): Element;
+
+    /**
+     *   Creates an <img> element in the DOM with given src
+     *   and alternate text. Appends to the container node
+     *   if one is specified, otherwise appends to body.
+     *   @param src src path or url for image
+     *   @param successCallback callback to be called once
+     *   image data is loaded
+     */
+    createImg(
+      src: string,
+      successCallback: (
+        ...args: any[]
+      ) => any
+    ):
+      | object
+      | Element;
+
+    /**
+     *   Creates an <a></a> element in the DOM for
+     *   including a hyperlink. Appends to the container
+     *   node if one is specified, otherwise appends to
+     *   body.
+     *   @param href url of page to link to
+     *   @param html inner html of link element to display
+     *   @param [target] target where new link should open,
+     *   could be _blank, _self, _parent, _top.
+     *   @return pointer to p5.Element holding created node
+     */
+    createA(
+      href: string,
+      html: string,
+      target?: string
+    ): Element;
+
+    /**
+     *   Creates a slider <input></input> element in the
+     *   DOM. Use .size() to set the display length of the
+     *   slider. Appends to the container node if one is
+     *   specified, otherwise appends to body.
+     *   @param min minimum value of the slider
+     *   @param max maximum value of the slider
+     *   @param [value] default value of the slider
+     *   @param [step] step size for each tick of the
+     *   slider (if step is set to 0, the slider will move
+     *   continuously from the minimum to the maximum
+     *   value)
+     *   @return pointer to p5.Element holding created node
+     */
+    createSlider(
+      min: number,
+      max: number,
+      value?: number,
+      step?: number
+    ): Element;
+
+    /**
+     *   Creates a <button></button> element in the DOM.
+     *   Use .size() to set the display size of the button.
+     *   Use .mousePressed() to specify behavior on press.
+     *   Appends to the container node if one is specified,
+     *   otherwise appends to body.
+     *   @param label label displayed on the button
+     *   @param [value] value of the button
+     *   @return pointer to p5.Element holding created node
+     */
+    createButton(
+      label: string,
+      value?: string
+    ): Element;
+
+    /**
+     *   Creates a checkbox <input></input> element in the
+     *   DOM. Calling .checked() on a checkbox returns if
+     *   it is checked or not
+     *   @param [label] label displayed after checkbox
+     *   @param [value] value of the checkbox; checked is
+     *   true, unchecked is false
+     *   @return pointer to p5.Element holding created node
+     */
+    createCheckbox(
+      label?: string,
+      value?: boolean
+    ): Element;
+
+    /**
+     *   Creates a dropdown menu <select></select> element
+     *   in the DOM. It also helps to assign select-box
+     *   methods to p5.Element when selecting existing
+     *   select box
+     *   @param [multiple] true if dropdown should support
+     *   multiple selections
+     */
+    createSelect(
+      multiple?: boolean
+    ): Element;
+
+    /**
+     *   Creates a dropdown menu <select></select> element
+     *   in the DOM. It also helps to assign select-box
+     *   methods to p5.Element when selecting existing
+     *   select box
+     *   @param existing DOM select element
+     */
+    createSelect(
+      existing: object
+    ): Element;
+
+    /**
+     *   Creates a radio button <input></input> element in
+     *   the DOM. The .option() method can be used to set
+     *   options for the radio after it is created. The
+     *   .value() method will return the currently selected
+     *   option.
+     *   @param [divId] the id and name of the created div
+     *   and input field respectively
+     *   @return pointer to p5.Element holding created node
+     */
+    createRadio(
+      divId?: string
+    ): Element;
+
+    /**
+     *   Creates a colorPicker element in the DOM for color
+     *   input. The .value() method will return a hex
+     *   string (#rrggbb) of the color. The .color() method
+     *   will return a p5.Color object with the current
+     *   chosen color.
+     *   @param [value] default color of element
+     *   @return pointer to p5.Element holding created node
+     */
+    createColorPicker(
+      value?:
+        | string
+        | Color
+    ): Element;
+
+    /**
+     *   Creates an <input></input> element in the DOM for
+     *   text input. Use .size() to set the display length
+     *   of the box. Appends to the container node if one
+     *   is specified, otherwise appends to body.
+     *   @param [value] default value of the input box
+     *   @param [type] type of text, ie text, password etc.
+     *   Defaults to text
+     *   @return pointer to p5.Element holding created node
+     */
+    createInput(
+      value?: string,
+      type?: string
+    ): Element;
+
+    /**
+     *   Creates an <input></input> element in the DOM of
+     *   type 'file'. This allows users to select local
+     *   files for use in a sketch.
+     *   @param [callback] callback function for when a
+     *   file loaded
+     *   @param [multiple] optional to allow multiple files
+     *   selected
+     *   @return pointer to p5.Element holding created DOM
+     *   element
+     */
+    createFileInput(
+      callback?: (
+        ...args: any[]
+      ) => any,
+      multiple?: string
+    ): Element;
+
+    /**
+     *   Creates an HTML5 <video> element in the DOM for
+     *   simple playback of audio/video. Shown by default,
+     *   can be hidden with .hide() and drawn into canvas
+     *   using video(). Appends to the container node if
+     *   one is specified, otherwise appends to body. The
+     *   first parameter can be either a single string path
+     *   to a video file, or an array of string paths to
+     *   different formats of the same video. This is
+     *   useful for ensuring that your video can play
+     *   across different browsers, as each supports
+     *   different formats. See this page for further
+     *   information about supported formats.
+     *   @param src path to a video file, or array of paths
+     *   for supporting different browsers
+     *   @param [callback] callback function to be called
+     *   upon 'canplaythrough' event fire, that is, when
+     *   the browser can play the media, and estimates that
+     *   enough data has been loaded to play the media up
+     *   to its end without having to stop for further
+     *   buffering of content
+     *   @return pointer to video p5.Element
+     */
+    createVideo(
+      src:
+        | string
+        | string[],
+      callback?: (
+        ...args: any[]
+      ) => any
+    ): MediaElement;
+
+    /**
+     *   Creates a hidden HTML5 <audio> element in the DOM
+     *   for simple audio playback. Appends to the
+     *   container node if one is specified, otherwise
+     *   appends to body. The first parameter can be either
+     *   a single string path to a audio file, or an array
+     *   of string paths to different formats of the same
+     *   audio. This is useful for ensuring that your audio
+     *   can play across different browsers, as each
+     *   supports different formats. See this page for
+     *   further information about supported formats.
+     *   @param [src] path to an audio file, or array of
+     *   paths for supporting different browsers
+     *   @param [callback] callback function to be called
+     *   upon 'canplaythrough' event fire, that is, when
+     *   the browser can play the media, and estimates that
+     *   enough data has been loaded to play the media up
+     *   to its end without having to stop for further
+     *   buffering of content
+     *   @return pointer to audio p5.Element
+     */
+    createAudio(
+      src?:
+        | string
+        | string[],
+      callback?: (
+        ...args: any[]
+      ) => any
+    ): MediaElement;
+
+    /**
+     *   Creates a new HTML5 <video> element that contains
+     *   the audio/video feed from a webcam. The element is
+     *   separate from the canvas and is displayed by
+     *   default. The element can be hidden using .hide().
+     *   The feed can be drawn onto the canvas using
+     *   image(). The loadedmetadata property can be used
+     *   to detect when the element has fully loaded (see
+     *   second example). More specific properties of the
+     *   feed can be passing in a Constraints object. See
+     *   the  W3C spec for possible properties. Note that
+     *   not all of these are supported by all browsers.
+     *
+     *   Security note: A new browser security
+     *   specification requires that getUserMedia, which is
+     *   behind createCapture(), only works when you're
+     *   running the code locally, or on HTTPS. Learn more
+     *   here and here.
+     *   @param type type of capture, either VIDEO or AUDIO
+     *   if none specified, default both, or a Constraints
+     *   object
+     *   @param [callback] function to be called once
+     *   stream has loaded
+     *   @return capture video p5.Element
+     */
+    createCapture(
+      type:
+        | string
+        | TYPE
+        | object,
+      callback?: (
+        ...args: any[]
+      ) => any
+    ): Element;
+
+    /**
+     *   Creates element with given tag in the DOM with
+     *   given content. Appends to the container node if
+     *   one is specified, otherwise appends to body.
+     *   @param tag tag for the new element
+     *   @param [content] html content to be inserted into
+     *   the element
+     *   @return pointer to p5.Element holding created node
+     */
+    createElement(
+      tag: string,
+      content?: string
+    ): Element;
+    readonly VIDEO: VIDEO;
+    readonly AUDIO: AUDIO;
+  }
+  interface Element {
+    /**
+     *   Adds specified class to the element.
+     *   @param class name of class to add
+     *   @chainable
+     */
+    addClass(
+      theClass: string
+    ): Element;
+
+    /**
+     *   Removes specified class from the element.
+     *   @param class name of class to remove
+     *   @chainable
+     */
+    removeClass(
+      theClass: string
+    ): Element;
+
+    /**
+     *   Attaches the element as a child to the parent
+     *   specified. Accepts either a string ID, DOM node,
+     *   or p5.Element. If no argument is specified, an
+     *   array of children DOM nodes is returned.
+     *   @return an array of child nodes
+     */
+    child(): Node[];
+
+    /**
+     *   Attaches the element as a child to the parent
+     *   specified. Accepts either a string ID, DOM node,
+     *   or p5.Element. If no argument is specified, an
+     *   array of children DOM nodes is returned.
+     *   @param [child] the ID, DOM node, or p5.Element to
+     *   add to the current element
+     *   @chainable
+     */
+    child(
+      child?:
+        | string
+        | Element
+    ): Element;
+
+    /**
+     *   Centers a p5 Element either vertically,
+     *   horizontally, or both, relative to its parent or
+     *   according to the body if the Element has no
+     *   parent. If no argument is passed the Element is
+     *   aligned both vertically and horizontally.
+     *   @param [align] passing 'vertical', 'horizontal'
+     *   aligns element accordingly
+     *   @chainable
+     */
+    center(
+      align?: string
+    ): Element;
+
+    /**
+     *   If an argument is given, sets the inner HTML of
+     *   the element, replacing any existing html. If true
+     *   is included as a second argument, html is appended
+     *   instead of replacing existing html. If no
+     *   arguments are given, returns the inner HTML of the
+     *   element.
+     *   @return the inner HTML of the element
+     */
+    html(): string;
+
+    /**
+     *   If an argument is given, sets the inner HTML of
+     *   the element, replacing any existing html. If true
+     *   is included as a second argument, html is appended
+     *   instead of replacing existing html. If no
+     *   arguments are given, returns the inner HTML of the
+     *   element.
+     *   @param [html] the HTML to be placed inside the
+     *   element
+     *   @param [append] whether to append HTML to existing
+     *   @chainable
+     */
+    html(
+      html?: string,
+      append?: boolean
+    ): Element;
+
+    /**
+     *   Sets the position of the element relative to (0,
+     *   0) of the window. Essentially, sets
+     *   position:absolute and left and top properties of
+     *   style. If no arguments given returns the x and y
+     *   position of the element in an object.
+     *   @return the x and y position of the element in an
+     *   object
+     */
+    position(): object;
+
+    /**
+     *   Sets the position of the element relative to (0,
+     *   0) of the window. Essentially, sets
+     *   position:absolute and left and top properties of
+     *   style. If no arguments given returns the x and y
+     *   position of the element in an object.
+     *   @param [x] x-position relative to upper left of
+     *   window
+     *   @param [y] y-position relative to upper left of
+     *   window
+     *   @chainable
+     */
+    position(
+      x?: number,
+      y?: number
+    ): Element;
+
+    /**
+     *   Sets the given style (css) property (1st arg) of
+     *   the element with the given value (2nd arg). If a
+     *   single argument is given, .style() returns the
+     *   value of the given property; however, if the
+     *   single argument is given in css syntax
+     *   ('text-align:center'), .style() sets the css
+     *   appropriatly. .style() also handles 2d and 3d css
+     *   transforms. If the 1st arg is 'rotate',
+     *   'translate', or 'position', the following
+     *   arguments accept Numbers as values. ('translate',
+     *   10, 100, 50);
+     *   @param property property to be set
+     *   @return value of property
+     */
+    style(
+      property: string
+    ): string;
+
+    /**
+     *   Sets the given style (css) property (1st arg) of
+     *   the element with the given value (2nd arg). If a
+     *   single argument is given, .style() returns the
+     *   value of the given property; however, if the
+     *   single argument is given in css syntax
+     *   ('text-align:center'), .style() sets the css
+     *   appropriatly. .style() also handles 2d and 3d css
+     *   transforms. If the 1st arg is 'rotate',
+     *   'translate', or 'position', the following
+     *   arguments accept Numbers as values. ('translate',
+     *   10, 100, 50);
+     *   @param property property to be set
+     *   @param value value to assign to property (only
+     *   String|Number for rotate/translate)
+     *   @param [value2] position can take a 2nd value
+     *   @param [value3] translate can take a 2nd & 3rd
+     *   value
+     *   @chainable
+     */
+    style(
+      property: string,
+      value:
+        | string
+        | number
+        | Color,
+      value2?:
+        | string
+        | number
+        | Color,
+      value3?:
+        | string
+        | number
+        | Color
+    ): Element;
+
+    /**
+     *   Adds a new attribute or changes the value of an
+     *   existing attribute on the specified element. If no
+     *   value is specified, returns the value of the given
+     *   attribute, or null if attribute is not set.
+     *   @return value of attribute
+     */
+    attribute(): string;
+
+    /**
+     *   Adds a new attribute or changes the value of an
+     *   existing attribute on the specified element. If no
+     *   value is specified, returns the value of the given
+     *   attribute, or null if attribute is not set.
+     *   @param attr attribute to set
+     *   @param value value to assign to attribute
+     *   @chainable
+     */
+    attribute(
+      attr: string,
+      value: string
+    ): Element;
+
+    /**
+     *   Removes an attribute on the specified element.
+     *   @param attr attribute to remove
+     *   @chainable
+     */
+    removeAttribute(
+      attr: string
+    ): Element;
+
+    /**
+     *   Either returns the value of the element if no
+     *   arguments given, or sets the value of the element.
+     *   @return value of the element
+     */
+    value():
+      | string
+      | number;
+
+    /**
+     *   Either returns the value of the element if no
+     *   arguments given, or sets the value of the element.
+     *   @chainable
+     */
+    value(
+      value:
+        | string
+        | number
+    ): Element;
+
+    /**
+     *   Shows the current element. Essentially, setting
+     *   display:block for the style.
+     *   @chainable
+     */
+    show(): Element;
+
+    /**
+     *   Hides the current element. Essentially, setting
+     *   display:none for the style.
+     *   @chainable
+     */
+    hide(): Element;
+
+    /**
+     *   Sets the width and height of the element. AUTO can
+     *   be used to only adjust one dimension. If no
+     *   arguments given returns the width and height of
+     *   the element in an object.
+     *   @return the width and height of the element in an
+     *   object
+     */
+    size(): object;
+
+    /**
+     *   Sets the width and height of the element. AUTO can
+     *   be used to only adjust one dimension. If no
+     *   arguments given returns the width and height of
+     *   the element in an object.
+     *   @param w width of the element, either AUTO, or a
+     *   number
+     *   @param [h] height of the element, either AUTO, or
+     *   a number
+     *   @chainable
+     */
+    size(
+      w:
+        | number
+        | SIZE_W,
+      h?:
+        | number
+        | SIZE_H
+    ): Element;
+
+    /**
+     *   Removes the element and deregisters all listeners.
+     */
+    remove(): void;
+  }
+}
diff --git a/types/p5/lib/addons/p5.sound.d.ts b/types/p5/lib/addons/p5.sound.d.ts
new file mode 100644
index 0000000000..faa16f7e1b
--- /dev/null
+++ b/types/p5/lib/addons/p5.sound.d.ts
@@ -0,0 +1,3410 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class SoundFile {
+    /**
+     *   SoundFile object with a path to a file. The
+     *   p5.SoundFile may not be available immediately
+     *   because it loads the file information
+     *   asynchronously.
+     *
+     *   To do something with the sound as soon as it loads
+     *   pass the name of a function as the second
+     *   parameter.
+     *
+     *   Only one file path is required. However, audio
+     *   file formats (i.e. mp3, ogg, wav and m4a/aac) are
+     *   not supported by all web browsers. If you want to
+     *   ensure compatability, instead of a single file
+     *   path, you may include an Array of filepaths, and
+     *   the browser will choose a format that works.
+     *
+     *   @param path path to a sound file (String).
+     *   Optionally, you may include multiple file formats
+     *   in an array. Alternately, accepts an object from
+     *   the HTML5 File API, or a p5.File.
+     *   @param [successCallback] Name of a function to
+     *   call once file loads
+     *   @param [errorCallback] Name of a function to call
+     *   if file fails to load. This function will receive
+     *   an error or XMLHttpRequest object with information
+     *   about what went wrong.
+     *   @param [whileLoadingCallback] Name of a function
+     *   to call while file is loading. That function will
+     *   receive progress of the request to load the sound
+     *   file (between 0 and 1) as its first parameter.
+     *   This progress does not account for the additional
+     *   time needed to decode the audio data.
+     */
+    constructor(
+      path:
+        | string
+        | any[],
+      successCallback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any,
+      whileLoadingCallback?: (
+        ...args: any[]
+      ) => any
+    );
+
+    /**
+     *   loadSound() returns a new p5.SoundFile from a
+     *   specified path. If called during preload(), the
+     *   p5.SoundFile will be ready to play in time for
+     *   setup() and draw(). If called outside of preload,
+     *   the p5.SoundFile will not be ready immediately, so
+     *   loadSound accepts a callback as the second
+     *   parameter. Using a  local server is recommended
+     *   when loading external files.
+     *   @param path Path to the sound file, or an array
+     *   with paths to soundfiles in multiple formats i.e.
+     *   ['sound.ogg', 'sound.mp3']. Alternately, accepts
+     *   an object: either from the HTML5 File API, or a
+     *   p5.File.
+     *   @param [successCallback] Name of a function to
+     *   call once file loads
+     *   @param [errorCallback] Name of a function to call
+     *   if there is an error loading the file.
+     *   @param [whileLoading] Name of a function to call
+     *   while file is loading. This function will receive
+     *   the percentage loaded so far, from 0.0 to 1.0.
+     *   @return Returns a p5.SoundFile
+     */
+    loadSound(
+      path:
+        | string
+        | any[],
+      successCallback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any,
+      whileLoading?: (
+        ...args: any[]
+      ) => any
+    ): SoundFile;
+
+    /**
+     *   Returns true if the sound file finished loading
+     *   successfully.
+     */
+    isLoaded(): boolean;
+
+    /**
+     *   Play the p5.SoundFile
+     *   @param [startTime] (optional) schedule playback to
+     *   start (in seconds from now).
+     *   @param [rate] (optional) playback rate
+     *   @param [amp] (optional) amplitude (volume) of
+     *   playback
+     *   @param [cueStart] (optional) cue start time in
+     *   seconds
+     *   @param [duration] (optional) duration of playback
+     *   in seconds
+     */
+    play(
+      startTime?: number,
+      rate?: number,
+      amp?: number,
+      cueStart?: number,
+      duration?: number
+    ): void;
+
+    /**
+     *   p5.SoundFile has two play modes: restart and
+     *   sustain. Play Mode determines what happens to a
+     *   p5.SoundFile if it is triggered while in the
+     *   middle of playback. In sustain mode, playback will
+     *   continue simultaneous to the new playback. In
+     *   restart mode, play() will stop playback and start
+     *   over. With untilDone, a sound will play only if
+     *   it's not already playing. Sustain is the default
+     *   mode.
+     *   @param str 'restart' or 'sustain' or 'untilDone'
+     */
+    playMode(
+      str: string
+    ): void;
+
+    /**
+     *   Pauses a file that is currently playing. If the
+     *   file is not playing, then nothing will happen.
+     *   After pausing, .play() will resume from the paused
+     *   position. If p5.SoundFile had been set to loop
+     *   before it was paused, it will continue to loop
+     *   after it is unpaused with .play().
+     *   @param [startTime] (optional) schedule event to
+     *   occur seconds from now
+     */
+    pause(
+      startTime?: number
+    ): void;
+
+    /**
+     *   Loop the p5.SoundFile. Accepts optional parameters
+     *   to set the playback rate, playback volume,
+     *   loopStart, loopEnd.
+     *   @param [startTime] (optional) schedule event to
+     *   occur seconds from now
+     *   @param [rate] (optional) playback rate
+     *   @param [amp] (optional) playback volume
+     *   @param [cueLoopStart] (optional) startTime in
+     *   seconds
+     *   @param [duration] (optional) loop duration in
+     *   seconds
+     */
+    loop(
+      startTime?: number,
+      rate?: number,
+      amp?: number,
+      cueLoopStart?: number,
+      duration?: number
+    ): void;
+
+    /**
+     *   Set a p5.SoundFile's looping flag to true or
+     *   false. If the sound is currently playing, this
+     *   change will take effect when it reaches the end of
+     *   the current playback.
+     *   @param Boolean set looping to true or false
+     */
+    setLoop(
+      Boolean: boolean
+    ): void;
+
+    /**
+     *   Returns 'true' if a p5.SoundFile is currently
+     *   looping and playing, 'false' if not.
+     */
+    isLooping(): boolean;
+
+    /**
+     *   Returns true if a p5.SoundFile is playing, false
+     *   if not (i.e. paused or stopped).
+     */
+    isPlaying(): boolean;
+
+    /**
+     *   Returns true if a p5.SoundFile is paused, false if
+     *   not (i.e. playing or stopped).
+     */
+    isPaused(): boolean;
+
+    /**
+     *   Stop soundfile playback.
+     *   @param [startTime] (optional) schedule event to
+     *   occur in seconds from now
+     */
+    stop(
+      startTime?: number
+    ): void;
+
+    /**
+     *   Multiply the output volume (amplitude) of a sound
+     *   file between 0.0 (silence) and 1.0 (full volume).
+     *   1.0 is the maximum amplitude of a digital sound,
+     *   so multiplying by greater than 1.0 may cause
+     *   digital distortion. To fade, provide a rampTime
+     *   parameter. For more complex fades, see the
+     *   Envelope class. Alternately, you can pass in a
+     *   signal source such as an oscillator to modulate
+     *   the amplitude with an audio signal.
+     *   @param volume Volume (amplitude) between 0.0 and
+     *   1.0 or modulating signal/oscillator
+     *   @param [rampTime] Fade for t seconds
+     *   @param [timeFromNow] Schedule this event to happen
+     *   at t seconds in the future
+     */
+    setVolume(
+      volume:
+        | number
+        | object,
+      rampTime?: number,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Set the stereo panning of a p5.sound object to a
+     *   floating point number between -1.0 (left) and 1.0
+     *   (right). Default is 0.0 (center).
+     *   @param [panValue] Set the stereo panner
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     */
+    pan(
+      panValue?: number,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Returns the current stereo pan position (-1.0 to
+     *   1.0)
+     *   @return Returns the stereo pan setting of the
+     *   Oscillator as a number between -1.0 (left) and 1.0
+     *   (right). 0.0 is center and default.
+     */
+    getPan(): number;
+
+    /**
+     *   Set the playback rate of a sound file. Will change
+     *   the speed and the pitch. Values less than zero
+     *   will reverse the audio buffer.
+     *   @param [playbackRate] Set the playback rate. 1.0
+     *   is normal, .5 is half-speed, 2.0 is twice as fast.
+     *   Values less than zero play backwards.
+     */
+    rate(
+      playbackRate?: number
+    ): void;
+
+    /**
+     *   Returns the duration of a sound file in seconds.
+     *   @return The duration of the soundFile in seconds.
+     */
+    duration(): number;
+
+    /**
+     *   Return the current position of the p5.SoundFile
+     *   playhead, in seconds. Time is relative to the
+     *   normal buffer direction, so if reverseBuffer has
+     *   been called, currentTime will count backwards.
+     *   @return currentTime of the soundFile in seconds.
+     */
+    currentTime(): number;
+
+    /**
+     *   Move the playhead of the song to a position, in
+     *   seconds. Start timing and playback duration. If
+     *   none are given, will reset the file to play entire
+     *   duration from start to finish.
+     *   @param cueTime cueTime of the soundFile in
+     *   seconds.
+     *   @param duration duration in seconds.
+     */
+    jump(
+      cueTime: number,
+      duration: number
+    ): void;
+
+    /**
+     *   Return the number of channels in a sound file. For
+     *   example, Mono = 1, Stereo = 2.
+     *   @return [channels]
+     */
+    channels(): number;
+
+    /**
+     *   Return the sample rate of the sound file.
+     *   @return [sampleRate]
+     */
+    sampleRate(): number;
+
+    /**
+     *   Return the number of samples in a sound file.
+     *   Equal to sampleRate * duration.
+     *   @return [sampleCount]
+     */
+    frames(): number;
+
+    /**
+     *   Returns an array of amplitude peaks in a
+     *   p5.SoundFile that can be used to draw a static
+     *   waveform. Scans through the p5.SoundFile's audio
+     *   buffer to find the greatest amplitudes. Accepts
+     *   one parameter, 'length', which determines size of
+     *   the array. Larger arrays result in more precise
+     *   waveform visualizations. Inspired by
+     *   Wavesurfer.js.
+     *   @param [length] length is the size of the returned
+     *   array. Larger length results in more precision.
+     *   Defaults to 5*width of the browser window.
+     *   @return Array of peaks.
+     */
+    getPeaks(
+      length?: number
+    ): Float32Array;
+
+    /**
+     *   Reverses the p5.SoundFile's buffer source.
+     *   Playback must be handled separately (see example).
+     */
+    reverseBuffer(): void;
+
+    /**
+     *   Schedule an event to be called when the soundfile
+     *   reaches the end of a buffer. If the soundfile is
+     *   playing through once, this will be called when it
+     *   ends. If it is looping, it will be called when
+     *   stop is called.
+     *   @param callback function to call when the
+     *   soundfile has ended.
+     */
+    onended(
+      callback: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   Connects the output of a p5sound object to input
+     *   of another p5.sound object. For example, you may
+     *   connect a p5.SoundFile to an FFT or an Effect. If
+     *   no parameter is given, it will connect to the
+     *   master output. Most p5sound objects connect to the
+     *   master output when they are created.
+     *   @param [object] Audio object that accepts an input
+     */
+    connect(
+      object?: object
+    ): void;
+
+    /**
+     *   Disconnects the output of this p5sound object.
+     */
+    disconnect(): void;
+
+    /**
+     *   Reset the source for this SoundFile to a new path
+     *   (URL).
+     *   @param path path to audio file
+     *   @param callback Callback
+     */
+    setPath(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   Replace the current Audio Buffer with a new
+     *   Buffer.
+     *   @param buf Array of Float32 Array(s). 2 Float32
+     *   Arrays will create a stereo source. 1 will create
+     *   a mono source.
+     */
+    setBuffer(
+      buf: any[]
+    ): void;
+
+    /**
+     *   processPeaks returns an array of timestamps where
+     *   it thinks there is a beat. This is an asynchronous
+     *   function that processes the soundfile in an
+     *   offline audio context, and sends the results to
+     *   your callback function.
+     *
+     *   The process involves running the soundfile through
+     *   a lowpass filter, and finding all of the peaks
+     *   above the initial threshold. If the total number
+     *   of peaks are below the minimum number of peaks, it
+     *   decreases the threshold and re-runs the analysis
+     *   until either minPeaks or minThreshold are reached.
+     *   @param callback a function to call once this data
+     *   is returned
+     *   @param [initThreshold] initial threshold defaults
+     *   to 0.9
+     *   @param [minThreshold] minimum threshold defaults
+     *   to 0.22
+     *   @param [minPeaks] minimum number of peaks defaults
+     *   to 200
+     *   @return Array of timestamped peaks
+     */
+    processPeaks(
+      callback: (
+        ...args: any[]
+      ) => any,
+      initThreshold?: number,
+      minThreshold?: number,
+      minPeaks?: number
+    ): any[];
+
+    /**
+     *   Schedule events to trigger every time a
+     *   MediaElement (audio/video) reaches a playback cue
+     *   point. Accepts a callback function, a time (in
+     *   seconds) at which to trigger the callback, and an
+     *   optional parameter for the callback.
+     *
+     *   Time will be passed as the first parameter to the
+     *   callback function, and param will be the second
+     *   parameter.
+     *   @param time Time in seconds, relative to this
+     *   media element's playback. For example, to trigger
+     *   an event every time playback reaches two seconds,
+     *   pass in the number 2. This will be passed as the
+     *   first parameter to the callback function.
+     *   @param callback Name of a function that will be
+     *   called at the given time. The callback will
+     *   receive time and (optionally) param as its two
+     *   parameters.
+     *   @param [value] An object to be passed as the
+     *   second parameter to the callback function.
+     *   @return id ID of this cue, useful for
+     *   removeCue(id)
+     */
+    addCue(
+      time: number,
+      callback: (
+        ...args: any[]
+      ) => any,
+      value?: object
+    ): number;
+
+    /**
+     *   Remove a callback based on its ID. The ID is
+     *   returned by the addCue method.
+     *   @param id ID of the cue, as returned by addCue
+     */
+    removeCue(
+      id: number
+    ): void;
+
+    /**
+     *   Remove all of the callbacks that had originally
+     *   been scheduled via the addCue method.
+     */
+    clearCues(): void;
+
+    /**
+     *   Save a p5.SoundFile as a .wav file. The browser
+     *   will prompt the user to download the file to their
+     *   device. To upload a file to a server, see getBlob
+     *   @param [fileName] name of the resulting .wav file.
+     */
+    save(
+      fileName?: string
+    ): void;
+
+    /**
+     *   This method is useful for sending a SoundFile to a
+     *   server. It returns the .wav-encoded audio data as
+     *   a "Blob". A Blob is a file-like data object that
+     *   can be uploaded to a server with an http request.
+     *   We'll use the httpDo options object to send a POST
+     *   request with some specific options: we encode the
+     *   request as multipart/form-data, and attach the
+     *   blob as one of the form values using FormData.
+     *   @return A file-like data object
+     */
+    getBlob(): Blob;
+  }
+  class Amplitude {
+    /**
+     *   Amplitude measures volume between 0.0 and 1.0.
+     *   Listens to all p5sound by default, or use
+     *   setInput() to listen to a specific sound source.
+     *   Accepts an optional smoothing value, which
+     *   defaults to 0.
+     *
+     *   @param [smoothing] between 0.0 and .999 to smooth
+     *   amplitude readings (defaults to 0)
+     */
+    constructor(
+      smoothing?: number
+    );
+
+    /**
+     *   Connects to the p5sound instance (master output)
+     *   by default. Optionally, you can pass in a specific
+     *   source (i.e. a soundfile).
+     *   @param [snd] set the sound source (optional,
+     *   defaults to master output)
+     *   @param [smoothing] a range between 0.0 and 1.0 to
+     *   smooth amplitude readings
+     */
+    setInput(
+      snd?: any,
+      smoothing?: number
+    ): void;
+
+    /**
+     *   Returns a single Amplitude reading at the moment
+     *   it is called. For continuous readings, run in the
+     *   draw loop.
+     *   @param [channel] Optionally return only channel 0
+     *   (left) or 1 (right)
+     *   @return Amplitude as a number between 0.0 and 1.0
+     */
+    getLevel(
+      channel?: number
+    ): number;
+
+    /**
+     *   Determines whether the results of
+     *   Amplitude.process() will be Normalized. To
+     *   normalize, Amplitude finds the difference the
+     *   loudest reading it has processed and the maximum
+     *   amplitude of 1.0. Amplitude adds this difference
+     *   to all values to produce results that will
+     *   reliably map between 0.0 and 1.0. However, if a
+     *   louder moment occurs, the amount that Normalize
+     *   adds to all the values will change. Accepts an
+     *   optional boolean parameter (true or false).
+     *   Normalizing is off by default.
+     *   @param [boolean] set normalize to true (1) or
+     *   false (0)
+     */
+    toggleNormalize(
+      boolean?: boolean
+    ): void;
+
+    /**
+     *   Smooth Amplitude analysis by averaging with the
+     *   last analysis frame. Off by default.
+     *   @param set smoothing from 0.0 <= 1
+     */
+    smooth(
+      set: number
+    ): void;
+  }
+  class FFT {
+    /**
+     *   FFT (Fast Fourier Transform) is an analysis
+     *   algorithm that isolates individual  audio
+     *   frequencies within a waveform. Once instantiated,
+     *   a p5.FFT object can return an array based on two
+     *   types of analyses:
+     *
+     *   • FFT.waveform() computes amplitude values along
+     *   the time domain. The array indices correspond to
+     *   samples across a brief moment in time. Each value
+     *   represents amplitude of the waveform at that
+     *   sample of time.
+     *
+     *   • FFT.analyze()  computes amplitude values along
+     *   the frequency domain. The array indices correspond
+     *   to frequencies (i.e. pitches), from the lowest to
+     *   the highest that humans can hear. Each value
+     *   represents amplitude at that slice of the
+     *   frequency spectrum. Use with getEnergy() to
+     *   measure amplitude at specific frequencies, or
+     *   within a range of frequencies.
+     *
+     *   FFT analyzes a very short snapshot of sound called
+     *   a sample buffer. It returns an array of amplitude
+     *   measurements, referred to as bins. The array is
+     *   1024 bins long by default. You can change the bin
+     *   array length, but it must be a power of 2 between
+     *   16 and 1024 in order for the FFT algorithm to
+     *   function correctly. The actual size of the FFT
+     *   buffer is twice the number of bins, so given a
+     *   standard sample rate, the buffer is 2048/44100
+     *   seconds long.
+     *
+     *   @param [smoothing] Smooth results of Freq
+     *   Spectrum. 0.0 < smoothing < 1.0. Defaults to 0.8.
+     *   @param [bins] Length of resulting array. Must be a
+     *   power of two between 16 and 1024. Defaults to
+     *   1024.
+     */
+    constructor(
+      smoothing?: number,
+      bins?: number
+    );
+
+    /**
+     *   Set the input source for the FFT analysis. If no
+     *   source is provided, FFT will analyze all sound in
+     *   the sketch.
+     *   @param [source] p5.sound object (or web audio API
+     *   source node)
+     */
+    setInput(
+      source?: object
+    ): void;
+
+    /**
+     *   Returns an array of amplitude values (between -1.0
+     *   and +1.0) that represent a snapshot of amplitude
+     *   readings in a single buffer. Length will be equal
+     *   to bins (defaults to 1024). Can be used to draw
+     *   the waveform of a sound.
+     *   @param [bins] Must be a power of two between 16
+     *   and 1024. Defaults to 1024.
+     *   @param [precision] If any value is provided, will
+     *   return results in a Float32 Array which is more
+     *   precise than a regular array.
+     *   @return Array Array of amplitude values (-1 to 1)
+     *   over time. Array length = bins.
+     */
+    waveform(
+      bins?: number,
+      precision?: string
+    ): any[];
+
+    /**
+     *   Returns an array of amplitude values (between 0
+     *   and 255) across the frequency spectrum. Length is
+     *   equal to FFT bins (1024 by default). The array
+     *   indices correspond to frequencies (i.e. pitches),
+     *   from the lowest to the highest that humans can
+     *   hear. Each value represents amplitude at that
+     *   slice of the frequency spectrum. Must be called
+     *   prior to using getEnergy().
+     *   @param [bins] Must be a power of two between 16
+     *   and 1024. Defaults to 1024.
+     *   @param [scale] If "dB," returns decibel float
+     *   measurements between -140 and 0 (max). Otherwise
+     *   returns integers from 0-255.
+     *   @return spectrum Array of energy
+     *   (amplitude/volume) values across the frequency
+     *   spectrum. Lowest energy (silence) = 0, highest
+     *   possible is 255.
+     */
+    analyze(
+      bins?: number,
+      scale?: number
+    ): any[];
+
+    /**
+     *   Returns the amount of energy (volume) at a
+     *   specific  frequency, or the average amount of
+     *   energy between two frequencies. Accepts Number(s)
+     *   corresponding to frequency (in Hz), or a String
+     *   corresponding to predefined frequency ranges
+     *   ("bass", "lowMid", "mid", "highMid", "treble").
+     *   Returns a range between 0 (no energy/volume at
+     *   that frequency) and 255 (maximum energy). NOTE:
+     *   analyze() must be called prior to getEnergy().
+     *   Analyze() tells the FFT to analyze frequency data,
+     *   and getEnergy() uses the results determine the
+     *   value at a specific frequency or range of
+     *   frequencies.
+     *   @param frequency1 Will return a value representing
+     *   energy at this frequency. Alternately, the strings
+     *   "bass", "lowMid" "mid", "highMid", and "treble"
+     *   will return predefined frequency ranges.
+     *   @param [frequency2] If a second frequency is
+     *   given, will return average amount of energy that
+     *   exists between the two frequencies.
+     *   @return Energy Energy (volume/amplitude) from 0
+     *   and 255.
+     */
+    getEnergy(
+      frequency1:
+        | number
+        | string,
+      frequency2?: number
+    ): number;
+
+    /**
+     *   Returns the  spectral centroid of the input
+     *   signal. NOTE: analyze() must be called prior to
+     *   getCentroid(). Analyze() tells the FFT to analyze
+     *   frequency data, and getCentroid() uses the results
+     *   determine the spectral centroid.
+     *   @return Spectral Centroid Frequency Frequency of
+     *   the spectral centroid in Hz.
+     */
+    getCentroid(): number;
+
+    /**
+     *   Smooth FFT analysis by averaging with the last
+     *   analysis frame.
+     *   @param smoothing 0.0 < smoothing < 1.0. Defaults
+     *   to 0.8.
+     */
+    smooth(
+      smoothing: number
+    ): void;
+
+    /**
+     *   Returns an array of average amplitude values for a
+     *   given number of frequency bands split equally. N
+     *   defaults to 16. NOTE: analyze() must be called
+     *   prior to linAverages(). Analyze() tells the FFT to
+     *   analyze frequency data, and linAverages() uses the
+     *   results to group them into a smaller set of
+     *   averages.
+     *   @param N Number of returned frequency groups
+     *   @return linearAverages Array of average amplitude
+     *   values for each group
+     */
+    linAverages(
+      N: number
+    ): any[];
+
+    /**
+     *   Returns an array of average amplitude values of
+     *   the spectrum, for a given set of  Octave Bands
+     *   NOTE: analyze() must be called prior to
+     *   logAverages(). Analyze() tells the FFT to analyze
+     *   frequency data, and logAverages() uses the results
+     *   to group them into a smaller set of averages.
+     *   @param octaveBands Array of Octave Bands objects
+     *   for grouping
+     *   @return logAverages Array of average amplitude
+     *   values for each group
+     */
+    logAverages(
+      octaveBands: any[]
+    ): any[];
+
+    /**
+     *   Calculates and Returns the 1/N Octave Bands N
+     *   defaults to 3 and minimum central frequency to
+     *   15.625Hz. (1/3 Octave Bands ~= 31 Frequency Bands)
+     *   Setting fCtr0 to a central value of a higher
+     *   octave will ignore the lower bands and produce
+     *   less frequency groups.
+     *   @param N Specifies the 1/N type of generated
+     *   octave bands
+     *   @param fCtr0 Minimum central frequency for the
+     *   lowest band
+     *   @return octaveBands Array of octave band objects
+     *   with their bounds
+     */
+    getOctaveBands(
+      N: number,
+      fCtr0: number
+    ): any[];
+  }
+  class Signal {
+    /**
+     *   p5.Signal is a constant audio-rate signal used by
+     *   p5.Oscillator and p5.Envelope for modulation math.
+     *   This is necessary because Web Audio is processed
+     *   on a seprate clock. For example, the p5 draw loop
+     *   runs about 60 times per second. But the audio
+     *   clock must process samples 44100 times per second.
+     *   If we want to add a value to each of those
+     *   samples, we can't do it in the draw loop, but we
+     *   can do it by adding a constant-rate audio
+     *   signal.</p.
+     *
+     *   This class mostly functions behind the scenes in
+     *   p5.sound, and returns a Tone.Signal from the
+     *   Tone.js library by Yotam Mann. If you want to work
+     *   directly with audio signals for modular synthesis,
+     *   check out tone.js.
+     *
+     *   @return A Signal object from the Tone.js library
+     */
+    constructor();
+
+    /**
+     *   Fade to value, for smooth transitions
+     *   @param value Value to set this signal
+     *   @param [secondsFromNow] Length of fade, in seconds
+     *   from now
+     */
+    fade(
+      value: number,
+      secondsFromNow?: number
+    ): void;
+
+    /**
+     *   Connect a p5.sound object or Web Audio node to
+     *   this p5.Signal so that its amplitude values can be
+     *   scaled.
+     */
+    setInput(
+      input: object
+    ): void;
+
+    /**
+     *   Add a constant value to this audio signal, and
+     *   return the resulting audio signal. Does not change
+     *   the value of the original signal, instead it
+     *   returns a new p5.SignalAdd.
+     *   @return object
+     */
+    add(
+      number: number
+    ): Signal;
+
+    /**
+     *   Multiply this signal by a constant value, and
+     *   return the resulting audio signal. Does not change
+     *   the value of the original signal, instead it
+     *   returns a new p5.SignalMult.
+     *   @param number to multiply
+     *   @return object
+     */
+    mult(
+      number: number
+    ): Signal;
+
+    /**
+     *   Scale this signal value to a given range, and
+     *   return the result as an audio signal. Does not
+     *   change the value of the original signal, instead
+     *   it returns a new p5.SignalScale.
+     *   @param number to multiply
+     *   @param inMin input range minumum
+     *   @param inMax input range maximum
+     *   @param outMin input range minumum
+     *   @param outMax input range maximum
+     *   @return object
+     */
+    scale(
+      number: number,
+      inMin: number,
+      inMax: number,
+      outMin: number,
+      outMax: number
+    ): Signal;
+  }
+  class Oscillator {
+    /**
+     *   Creates a signal that oscillates between -1.0 and
+     *   1.0. By default, the oscillation takes the form of
+     *   a sinusoidal shape ('sine'). Additional types
+     *   include 'triangle', 'sawtooth' and 'square'. The
+     *   frequency defaults to 440 oscillations per second
+     *   (440Hz, equal to the pitch of an 'A' note). Set
+     *   the type of oscillation with setType(), or by
+     *   instantiating a specific oscillator: p5.SinOsc,
+     *   p5.TriOsc, p5.SqrOsc, or p5.SawOsc.
+     *
+     *   @param [freq] frequency defaults to 440Hz
+     *   @param [type] type of oscillator. Options: 'sine'
+     *   (default), 'triangle', 'sawtooth', 'square'
+     */
+    constructor(
+      freq?: number,
+      type?: string
+    );
+
+    /**
+     *   Start an oscillator. Accepts an optional parameter
+     *   to determine how long (in seconds from now) until
+     *   the oscillator starts.
+     *   @param [time] startTime in seconds from now.
+     *   @param [frequency] frequency in Hz.
+     */
+    start(
+      time?: number,
+      frequency?: number
+    ): void;
+
+    /**
+     *   Stop an oscillator. Accepts an optional parameter
+     *   to determine how long (in seconds from now) until
+     *   the oscillator stops.
+     *   @param secondsFromNow Time, in seconds from now.
+     */
+    stop(
+      secondsFromNow: number
+    ): void;
+
+    /**
+     *   Set the amplitude between 0 and 1.0. Or, pass in
+     *   an object such as an oscillator to modulate
+     *   amplitude with an audio signal.
+     *   @param vol between 0 and 1.0 or a modulating
+     *   signal/oscillator
+     *   @param [rampTime] create a fade that lasts
+     *   rampTime
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     *   @return gain If no value is provided, returns the
+     *   Web Audio API AudioParam that controls this
+     *   oscillator's gain/amplitude/volume)
+     */
+    amp(
+      vol:
+        | number
+        | object,
+      rampTime?: number,
+      timeFromNow?: number
+    ): AudioParam;
+
+    /**
+     *   Set frequency of an oscillator to a value. Or,
+     *   pass in an object such as an oscillator to
+     *   modulate the frequency with an audio signal.
+     *   @param Frequency Frequency in Hz or modulating
+     *   signal/oscillator
+     *   @param [rampTime] Ramp time (in seconds)
+     *   @param [timeFromNow] Schedule this event to happen
+     *   at x seconds from now
+     *   @return Frequency If no value is provided, returns
+     *   the Web Audio API AudioParam that controls this
+     *   oscillator's frequency
+     */
+    freq(
+      Frequency:
+        | number
+        | object,
+      rampTime?: number,
+      timeFromNow?: number
+    ): AudioParam;
+
+    /**
+     *   Set type to 'sine', 'triangle', 'sawtooth' or
+     *   'square'.
+     *   @param type 'sine', 'triangle', 'sawtooth' or
+     *   'square'.
+     */
+    setType(
+      type: string
+    ): void;
+
+    /**
+     *   Connect to a p5.sound / Web Audio object.
+     *   @param unit A p5.sound or Web Audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all outputs
+     */
+    disconnect(): void;
+
+    /**
+     *   Pan between Left (-1) and Right (1)
+     *   @param panning Number between -1 and 1
+     *   @param timeFromNow schedule this event to happen
+     *   seconds from now
+     */
+    pan(
+      panning: number,
+      timeFromNow: number
+    ): void;
+
+    /**
+     *   Set the phase of an oscillator between 0.0 and
+     *   1.0. In this implementation, phase is a delay time
+     *   based on the oscillator's current frequency.
+     *   @param phase float between 0.0 and 1.0
+     */
+    phase(
+      phase: number
+    ): void;
+
+    /**
+     *   Add a value to the p5.Oscillator's output
+     *   amplitude, and return the oscillator. Calling this
+     *   method again will override the initial add() with
+     *   a new value.
+     *   @param number Constant number to add
+     *   @return Oscillator Returns this oscillator with
+     *   scaled output
+     */
+    add(
+      number: number
+    ): Oscillator;
+
+    /**
+     *   Multiply the p5.Oscillator's output amplitude by a
+     *   fixed value (i.e. turn it up!). Calling this
+     *   method again will override the initial mult() with
+     *   a new value.
+     *   @param number Constant number to multiply
+     *   @return Oscillator Returns this oscillator with
+     *   multiplied output
+     */
+    mult(
+      number: number
+    ): Oscillator;
+
+    /**
+     *   Scale this oscillator's amplitude values to a
+     *   given range, and return the oscillator. Calling
+     *   this method again will override the initial
+     *   scale() with new values.
+     *   @param inMin input range minumum
+     *   @param inMax input range maximum
+     *   @param outMin input range minumum
+     *   @param outMax input range maximum
+     *   @return Oscillator Returns this oscillator with
+     *   scaled output
+     */
+    scale(
+      inMin: number,
+      inMax: number,
+      outMin: number,
+      outMax: number
+    ): Oscillator;
+  }
+  class Envelope {
+    /**
+     *   Envelopes are pre-defined amplitude distribution
+     *   over time. Typically, envelopes are used to
+     *   control the output volume of an object, a series
+     *   of fades referred to as Attack, Decay, Sustain and
+     *   Release ( ADSR ). Envelopes can also control other
+     *   Web Audio Parameters—for example, a p5.Envelope
+     *   can control an Oscillator's frequency like this:
+     *   osc.freq(env). Use setRange to change the
+     *   attack/release level. Use setADSR to change
+     *   attackTime, decayTime, sustainPercent and
+     *   releaseTime.
+     *
+     *   Use the play method to play the entire envelope,
+     *   the ramp method for a pingable trigger, or
+     *   triggerAttack/ triggerRelease to trigger
+     *   noteOn/noteOff.
+     *
+     */
+    constructor();
+
+    /**
+     *   Reset the envelope with a series of time/value
+     *   pairs.
+     *   @param attackTime Time (in seconds) before level
+     *   reaches attackLevel
+     *   @param attackLevel Typically an amplitude between
+     *   0.0 and 1.0
+     *   @param decayTime Time
+     *   @param decayLevel Amplitude (In a standard ADSR
+     *   envelope, decayLevel = sustainLevel)
+     *   @param releaseTime Release Time (in seconds)
+     *   @param releaseLevel Amplitude
+     */
+    set(
+      attackTime: number,
+      attackLevel: number,
+      decayTime: number,
+      decayLevel: number,
+      releaseTime: number,
+      releaseLevel: number
+    ): void;
+
+    /**
+     *   Set values like a traditional  ADSR envelope .
+     *   @param attackTime Time (in seconds before envelope
+     *   reaches Attack Level
+     *   @param [decayTime] Time (in seconds) before
+     *   envelope reaches Decay/Sustain Level
+     *   @param [susRatio] Ratio between attackLevel and
+     *   releaseLevel, on a scale from 0 to 1, where 1.0 =
+     *   attackLevel, 0.0 = releaseLevel. The susRatio
+     *   determines the decayLevel and the level at which
+     *   the sustain portion of the envelope will sustain.
+     *   For example, if attackLevel is 0.4, releaseLevel
+     *   is 0, and susAmt is 0.5, the decayLevel would be
+     *   0.2. If attackLevel is increased to 1.0 (using
+     *   setRange), then decayLevel would increase
+     *   proportionally, to become 0.5.
+     *   @param [releaseTime] Time in seconds from now
+     *   (defaults to 0)
+     */
+    setADSR(
+      attackTime: number,
+      decayTime?: number,
+      susRatio?: number,
+      releaseTime?: number
+    ): void;
+
+    /**
+     *   Set max (attackLevel) and min (releaseLevel) of
+     *   envelope.
+     *   @param aLevel attack level (defaults to 1)
+     *   @param rLevel release level (defaults to 0)
+     */
+    setRange(
+      aLevel: number,
+      rLevel: number
+    ): void;
+
+    /**
+     *   Assign a parameter to be controlled by this
+     *   envelope. If a p5.Sound object is given, then the
+     *   p5.Envelope will control its output gain. If
+     *   multiple inputs are provided, the env will control
+     *   all of them.
+     *   @param [inputs] A p5.sound object or Web Audio
+     *   Param.
+     */
+    setInput(
+      inputs?: object
+    ): void;
+
+    /**
+     *   Set whether the envelope ramp is linear (default)
+     *   or exponential. Exponential ramps can be useful
+     *   because we perceive amplitude and frequency
+     *   logarithmically.
+     *   @param isExp true is exponential, false is linear
+     */
+    setExp(
+      isExp: boolean
+    ): void;
+
+    /**
+     *   Play tells the envelope to start acting on a given
+     *   input. If the input is a p5.sound object (i.e.
+     *   AudioIn, Oscillator, SoundFile), then Envelope
+     *   will control its output volume. Envelopes can also
+     *   be used to control any  Web Audio Audio Param.
+     *   @param unit A p5.sound object or Web Audio Param.
+     *   @param [startTime] time from now (in seconds) at
+     *   which to play
+     *   @param [sustainTime] time to sustain before
+     *   releasing the envelope
+     */
+    play(
+      unit: object,
+      startTime?: number,
+      sustainTime?: number
+    ): void;
+
+    /**
+     *   Trigger the Attack, and Decay portion of the
+     *   Envelope. Similar to holding down a key on a
+     *   piano, but it will hold the sustain level until
+     *   you let go. Input can be any p5.sound object, or a
+     *   Web Audio Param.
+     *   @param unit p5.sound Object or Web Audio Param
+     *   @param secondsFromNow time from now (in seconds)
+     */
+    triggerAttack(
+      unit: object,
+      secondsFromNow: number
+    ): void;
+
+    /**
+     *   Trigger the Release of the Envelope. This is
+     *   similar to releasing the key on a piano and
+     *   letting the sound fade according to the release
+     *   level and release time.
+     *   @param unit p5.sound Object or Web Audio Param
+     *   @param secondsFromNow time to trigger the release
+     */
+    triggerRelease(
+      unit: object,
+      secondsFromNow: number
+    ): void;
+
+    /**
+     *   Exponentially ramp to a value using the first two
+     *   values from setADSR(attackTime, decayTime) as
+     *   time constants for simple exponential ramps. If
+     *   the value is higher than current value, it uses
+     *   attackTime, while a decrease uses decayTime.
+     *   @param unit p5.sound Object or Web Audio Param
+     *   @param secondsFromNow When to trigger the ramp
+     *   @param v Target value
+     *   @param [v2] Second target value (optional)
+     */
+    ramp(
+      unit: object,
+      secondsFromNow: number,
+      v: number,
+      v2?: number
+    ): void;
+
+    /**
+     *   Add a value to the p5.Oscillator's output
+     *   amplitude, and return the oscillator. Calling this
+     *   method again will override the initial add() with
+     *   new values.
+     *   @param number Constant number to add
+     *   @return Envelope Returns this envelope with scaled
+     *   output
+     */
+    add(
+      number: number
+    ): Envelope;
+
+    /**
+     *   Multiply the p5.Envelope's output amplitude by a
+     *   fixed value. Calling this method again will
+     *   override the initial mult() with new values.
+     *   @param number Constant number to multiply
+     *   @return Envelope Returns this envelope with scaled
+     *   output
+     */
+    mult(
+      number: number
+    ): Envelope;
+
+    /**
+     *   Scale this envelope's amplitude values to a given
+     *   range, and return the envelope. Calling this
+     *   method again will override the initial scale()
+     *   with new values.
+     *   @param inMin input range minumum
+     *   @param inMax input range maximum
+     *   @param outMin input range minumum
+     *   @param outMax input range maximum
+     *   @return Envelope Returns this envelope with scaled
+     *   output
+     */
+    scale(
+      inMin: number,
+      inMax: number,
+      outMin: number,
+      outMax: number
+    ): Envelope;
+
+    /**
+     *   Time until envelope reaches attackLevel
+     */
+    attackTime: any;
+
+    /**
+     *   Level once attack is complete.
+     */
+    attackLevel: any;
+
+    /**
+     *   Time until envelope reaches decayLevel.
+     */
+    decayTime: any;
+
+    /**
+     *   Level after decay. The envelope will sustain here
+     *   until it is released.
+     */
+    decayLevel: any;
+
+    /**
+     *   Duration of the release portion of the envelope.
+     */
+    releaseTime: any;
+
+    /**
+     *   Level at the end of the release.
+     */
+    releaseLevel: any;
+  }
+  class Pulse extends Oscillator {
+    /**
+     *   Creates a Pulse object, an oscillator that
+     *   implements Pulse Width Modulation. The pulse is
+     *   created with two oscillators. Accepts a parameter
+     *   for frequency, and to set the width between the
+     *   pulses. See  p5.Oscillator for a full list of
+     *   methods.
+     *
+     *   @param [freq] Frequency in oscillations per second
+     *   (Hz)
+     *   @param [w] Width between the pulses (0 to 1.0,
+     *   defaults to 0)
+     */
+    constructor(
+      freq?: number,
+      w?: number
+    );
+
+    /**
+     *   Set the width of a Pulse object (an oscillator
+     *   that implements Pulse Width Modulation).
+     *   @param [width] Width between the pulses (0 to 1.0,
+     *   defaults to 0)
+     */
+    width(
+      width?: number
+    ): void;
+  }
+  class Noise extends Oscillator {
+    /**
+     *   Noise is a type of oscillator that generates a
+     *   buffer with random values.
+     *
+     *   @param type Type of noise can be 'white'
+     *   (default), 'brown' or 'pink'.
+     */
+    constructor(
+      type: string
+    );
+
+    /**
+     *   Set type of noise to 'white', 'pink' or 'brown'.
+     *   White is the default.
+     *   @param [type] 'white', 'pink' or 'brown'
+     */
+    setType(
+      type?: string
+    ): void;
+  }
+  class AudioIn {
+    /**
+     *   Get audio from an input, i.e. your computer's
+     *   microphone. Turn the mic on/off with the start()
+     *   and stop() methods. When the mic is on, its volume
+     *   can be measured with getLevel or by connecting an
+     *   FFT object.
+     *
+     *   If you want to hear the AudioIn, use the
+     *   .connect() method. AudioIn does not connect to
+     *   p5.sound output by default to prevent feedback.
+     *
+     *   Note: This uses the getUserMedia/ Stream API,
+     *   which is not supported by certain browsers. Access
+     *   in Chrome browser is limited to localhost and
+     *   https, but access over http may be limited.
+     *
+     *   @param [errorCallback] A function to call if there
+     *   is an error accessing the AudioIn. For example,
+     *   Safari and iOS devices do not currently allow
+     *   microphone access.
+     */
+    constructor(
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    );
+
+    /**
+     *   Start processing audio input. This enables the use
+     *   of other AudioIn methods like getLevel(). Note
+     *   that by default, AudioIn is not connected to
+     *   p5.sound's output. So you won't hear anything
+     *   unless you use the connect() method.
+     *
+     *   Certain browsers limit access to the user's
+     *   microphone. For example, Chrome only allows access
+     *   from localhost and over https. For this reason,
+     *   you may want to include an errorCallback—a
+     *   function that is called in case the browser won't
+     *   provide mic access.
+     *   @param [successCallback] Name of a function to
+     *   call on success.
+     *   @param [errorCallback] Name of a function to call
+     *   if there was an error. For example, some browsers
+     *   do not support getUserMedia.
+     */
+    start(
+      successCallback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   Turn the AudioIn off. If the AudioIn is stopped,
+     *   it cannot getLevel(). If re-starting, the user may
+     *   be prompted for permission access.
+     */
+    stop(): void;
+
+    /**
+     *   Connect to an audio unit. If no parameter is
+     *   provided, will connect to the master output (i.e.
+     *   your speakers).
+     *   @param [unit] An object that accepts audio input,
+     *   such as an FFT
+     */
+    connect(
+      unit?: object
+    ): void;
+
+    /**
+     *   Disconnect the AudioIn from all audio units. For
+     *   example, if connect() had been called,
+     *   disconnect() will stop sending signal to your
+     *   speakers.
+     */
+    disconnect(): void;
+
+    /**
+     *   Read the Amplitude (volume level) of an AudioIn.
+     *   The AudioIn class contains its own instance of the
+     *   Amplitude class to help make it easy to get a
+     *   microphone's volume level. Accepts an optional
+     *   smoothing value (0.0 < 1.0). NOTE: AudioIn must
+     *   .start() before using .getLevel().
+     *   @param [smoothing] Smoothing is 0.0 by default.
+     *   Smooths values based on previous values.
+     *   @return Volume level (between 0.0 and 1.0)
+     */
+    getLevel(
+      smoothing?: number
+    ): number;
+
+    /**
+     *   Set amplitude (volume) of a mic input between 0
+     *   and 1.0.
+     *   @param vol between 0 and 1.0
+     *   @param [time] ramp time (optional)
+     */
+    amp(
+      vol: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Returns a list of available input sources. This is
+     *   a wrapper for <a
+     *   title="MediaDevices.enumerateDevices() - Web APIs
+     *   | MDN" target="_blank" href=
+     *   "https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices"
+     *   and it returns a Promise.
+     *   @param [successCallback] This callback function
+     *   handles the sources when they have been
+     *   enumerated. The callback function receives the
+     *   deviceList array as its only argument
+     *   @param [errorCallback] This optional callback
+     *   receives the error message as its argument.
+     *   @return Returns a Promise that can be used in
+     *   place of the callbacks, similar to the
+     *   enumerateDevices() method
+     */
+    getSources(
+      successCallback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Set the input source. Accepts a number
+     *   representing a position in the array returned by
+     *   getSources(). This is only available in browsers
+     *   that support <a
+     *   title="MediaDevices.enumerateDevices() - Web APIs
+     *   | MDN" target="_blank" href=
+     *   "https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices"
+     *   navigator.mediaDevices.enumerateDevices().
+     *   @param num position of input source in the array
+     */
+    setSource(
+      num: number
+    ): void;
+    input: GainNode;
+    output: GainNode;
+    stream: MediaStream | null;
+    mediaStream: MediaStreamAudioSourceNode | null;
+    currentSource:
+      | number
+      | null;
+
+    /**
+     *   Client must allow browser to access their
+     *   microphone / audioin source. Default: false. Will
+     *   become true when the client enables acces.
+     */
+    enabled: boolean;
+
+    /**
+     *   Input amplitude, connect to it by default but not
+     *   to master out
+     */
+    amplitude: Amplitude;
+  }
+  class Effect {
+    /**
+     *   Effect is a base class for audio effects in p5.
+     *   This module handles the nodes and methods that are
+     *   common and useful for current and future effects.
+     *
+     *   This class is extended by p5.Distortion,
+     *   p5.Compressor, p5.Delay, p5.Filter, p5.Reverb.
+     *
+     *   @param [ac] Reference to the audio context of the
+     *   p5 object
+     *   @param [input] Gain Node effect wrapper
+     *   @param [output] Gain Node effect wrapper
+     *   @param [_drywet] Tone.JS CrossFade node (defaults
+     *   to value: 1)
+     *   @param [wet] Effects that extend this class should
+     *   connect to the wet signal to this gain node, so
+     *   that dry and wet signals are mixed properly.
+     */
+    constructor(
+      ac?: object,
+      input?: AudioNode,
+      output?: AudioNode,
+      _drywet?: object,
+      wet?: AudioNode
+    );
+
+    /**
+     *   Set the output volume of the filter.
+     *   @param [vol] amplitude between 0 and 1.0
+     *   @param [rampTime] create a fade that lasts until
+     *   rampTime
+     *   @param [tFromNow] schedule this event to happen in
+     *   tFromNow seconds
+     */
+    amp(
+      vol?: number,
+      rampTime?: number,
+      tFromNow?: number
+    ): void;
+
+    /**
+     *   Link effects together in a chainExample usage:
+     *   filter.chain(reverb, delay, panner); May be used
+     *   with an open-ended number of arguments
+     *   @param [arguments] Chain together multiple sound
+     *   objects
+     */
+    chain(
+      arguments?: object
+    ): void;
+
+    /**
+     *   Adjust the dry/wet value.
+     *   @param [fade] The desired drywet value (0 - 1.0)
+     */
+    drywet(
+      fade?: number
+    ): void;
+
+    /**
+     *   Send output to a p5.js-sound, Web Audio Node, or
+     *   use signal to control an AudioParam
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all output.
+     */
+    disconnect(): void;
+  }
+  class Filter extends Effect {
+    /**
+     *   A p5.Filter uses a Web Audio Biquad Filter to
+     *   filter the frequency response of an input source.
+     *   Subclasses include:
+     *
+     *   - p5.LowPass: Allows frequencies below the cutoff
+     *   frequency to pass through, and attenuates
+     *   frequencies above the cutoff.
+     *   - p5.HighPass: The opposite of a lowpass filter.
+     *   - p5.BandPass: Allows a range of frequencies to
+     *   pass through and attenuates the frequencies below
+     *   and above this frequency range.
+     *
+     *   The .res() method controls either width of the
+     *   bandpass, or resonance of the low/highpass cutoff
+     *   frequency.
+     *
+     *   This class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     *   @param [type] 'lowpass' (default), 'highpass',
+     *   'bandpass'
+     */
+    constructor(
+      type?: string
+    );
+
+    /**
+     *   Filter an audio signal according to a set of
+     *   filter parameters.
+     *   @param Signal An object that outputs audio
+     *   @param [freq] Frequency in Hz, from 10 to 22050
+     *   @param [res] Resonance/Width of the filter
+     *   frequency from 0.001 to 1000
+     */
+    process(
+      Signal: object,
+      freq?: number,
+      res?: number
+    ): void;
+
+    /**
+     *   Set the frequency and the resonance of the filter.
+     *   @param [freq] Frequency in Hz, from 10 to 22050
+     *   @param [res] Resonance (Q) from 0.001 to 1000
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     */
+    set(
+      freq?: number,
+      res?: number,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Set the filter frequency, in Hz, from 10 to 22050
+     *   (the range of human hearing, although in reality
+     *   most people hear in a narrower range).
+     *   @param freq Filter Frequency
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     *   @return value Returns the current frequency value
+     */
+    freq(
+      freq: number,
+      timeFromNow?: number
+    ): number;
+
+    /**
+     *   Controls either width of a bandpass frequency, or
+     *   the resonance of a low/highpass cutoff frequency.
+     *   @param res Resonance/Width of filter freq from
+     *   0.001 to 1000
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     *   @return value Returns the current res value
+     */
+    res(
+      res: number,
+      timeFromNow?: number
+    ): number;
+
+    /**
+     *   Controls the gain attribute of a Biquad Filter.
+     *   This is distinctly different from .amp() which is
+     *   inherited from p5.Effect .amp() controls the
+     *   volume via the output gain node p5.Filter.gain()
+     *   controls the gain parameter of a Biquad Filter
+     *   node.
+     *   @return Returns the current or updated gain value
+     */
+    gain(
+      gain: number
+    ): number;
+
+    /**
+     *   Toggle function. Switches between the specified
+     *   type and allpass
+     *   @return [Toggle value]
+     */
+    toggle(): boolean;
+
+    /**
+     *   Set the type of a p5.Filter. Possible types
+     *   include: "lowpass" (default), "highpass",
+     *   "bandpass", "lowshelf", "highshelf", "peaking",
+     *   "notch", "allpass".
+     */
+    setType(
+      t: string
+    ): void;
+
+    /**
+     *   The p5.Filter is built with a  Web Audio
+     *   BiquadFilter Node.
+     */
+    biquadFilter: DelayNode;
+  }
+  class EQ extends Effect {
+    /**
+     *   p5.EQ is an audio effect that performs the
+     *   function of a multiband audio equalizer.
+     *   Equalization is used to adjust the balance of
+     *   frequency compoenents of an audio signal. This
+     *   process is commonly used in sound production and
+     *   recording to change the waveform before it reaches
+     *   a sound output device. EQ can also be used as an
+     *   audio effect to create interesting distortions by
+     *   filtering out parts of the spectrum. p5.EQ is
+     *   built using a chain of Web Audio Biquad Filter
+     *   Nodes and can be instantiated with 3 or 8 bands.
+     *   Bands can be added or removed from the EQ by
+     *   directly modifying p5.EQ.bands (the array that
+     *   stores filters). This class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     *   @param [_eqsize] Constructor will accept 3 or 8,
+     *   defaults to 3
+     *   @return p5.EQ object
+     */
+    constructor(
+      _eqsize?: number
+    );
+
+    /**
+     *   Process an input by connecting it to the EQ
+     *   @param src Audio source
+     */
+    process(
+      src: object
+    ): void;
+
+    /**
+     *   The p5.EQ is built with abstracted p5.Filter
+     *   objects. To modify any bands, use methods of the
+     *   p5.Filter API, especially gain and freq. Bands are
+     *   stored in an array, with indices 0 - 3, or 0 - 7
+     */
+    bands: any[];
+  }
+  class Panner3D {
+    /**
+     *   Panner3D is based on the  Web Audio Spatial Panner
+     *   Node. This panner is a spatial processing node
+     *   that allows audio to be positioned and oriented in
+     *   3D space. The position is relative to an  Audio
+     *   Context Listener, which can be accessed by
+     *   p5.soundOut.audiocontext.listener
+     *
+     */
+    constructor();
+
+    /**
+     *   Connect an audio sorce
+     *   @param src Input source
+     */
+    process(
+      src: object
+    ): void;
+
+    /**
+     *   Set the X,Y,Z position of the Panner
+     *   @return Updated x, y, z values as an array
+     */
+    set(
+      xVal: number,
+      yVal: number,
+      zVal: number,
+      time: number
+    ): any[];
+
+    /**
+     *   Getter and setter methods for position coordinates
+     *   @return updated coordinate value
+     */
+    positionX(): number;
+
+    /**
+     *   Getter and setter methods for position coordinates
+     *   @return updated coordinate value
+     */
+    positionY(): number;
+
+    /**
+     *   Getter and setter methods for position coordinates
+     *   @return updated coordinate value
+     */
+    positionZ(): number;
+
+    /**
+     *   Set the X,Y,Z position of the Panner
+     *   @return Updated x, y, z values as an array
+     */
+    orient(
+      xVal: number,
+      yVal: number,
+      zVal: number,
+      time: number
+    ): any[];
+
+    /**
+     *   Getter and setter methods for orient coordinates
+     *   @return updated coordinate value
+     */
+    orientX(): number;
+
+    /**
+     *   Getter and setter methods for orient coordinates
+     *   @return updated coordinate value
+     */
+    orientY(): number;
+
+    /**
+     *   Getter and setter methods for orient coordinates
+     *   @return updated coordinate value
+     */
+    orientZ(): number;
+
+    /**
+     *   Set the rolloff factor and max distance
+     */
+    setFalloff(
+      maxDistance?: number,
+      rolloffFactor?: number
+    ): void;
+
+    /**
+     *   Maxium distance between the source and the
+     *   listener
+     *   @return updated value
+     */
+    maxDist(
+      maxDistance: number
+    ): number;
+
+    /**
+     *   How quickly the volume is reduced as the source
+     *   moves away from the listener
+     *   @return updated value
+     */
+    rollof(
+      rolloffFactor: number
+    ): number;
+
+    /**
+     *   Web Audio Spatial Panner Node Properties include
+     *
+     *   - <a title="w3 spec for Panning Model"
+     *   href="https://www.w3.org/TR/webaudio/#idl-def-PanningModelType"
+     *   panningModel: "equal power" or "HRTF"
+     *   - <a title="w3 spec for Distance Model"
+     *   href="https://www.w3.org/TR/webaudio/#idl-def-DistanceModelType"
+     *   distanceModel: "linear", "inverse", or
+     *   "exponential"
+     */
+    panner: AudioNode;
+  }
+  class Delay extends Effect {
+    /**
+     *   Delay is an echo effect. It processes an existing
+     *   sound source, and outputs a delayed version of
+     *   that sound. The p5.Delay can produce different
+     *   effects depending on the delayTime, feedback,
+     *   filter, and type. In the example below, a feedback
+     *   of 0.5 (the defaul value) will produce a looping
+     *   delay that decreases in volume by 50% each repeat.
+     *   A filter will cut out the high frequencies so that
+     *   the delay does not sound as piercing as the
+     *   original source. This class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     */
+    constructor();
+
+    /**
+     *   Add delay to an audio signal according to a set of
+     *   delay parameters.
+     *   @param Signal An object that outputs audio
+     *   @param [delayTime] Time (in seconds) of the
+     *   delay/echo. Some browsers limit delayTime to 1
+     *   second.
+     *   @param [feedback] sends the delay back through
+     *   itself in a loop that decreases in volume each
+     *   time.
+     *   @param [lowPass] Cutoff frequency. Only
+     *   frequencies below the lowPass will be part of the
+     *   delay.
+     */
+    process(
+      Signal: object,
+      delayTime?: number,
+      feedback?: number,
+      lowPass?: number
+    ): void;
+
+    /**
+     *   Set the delay (echo) time, in seconds. Usually
+     *   this value will be a floating point number between
+     *   0.0 and 1.0.
+     *   @param delayTime Time (in seconds) of the delay
+     */
+    delayTime(
+      delayTime: number
+    ): void;
+
+    /**
+     *   Feedback occurs when Delay sends its signal back
+     *   through its input in a loop. The feedback amount
+     *   determines how much signal to send each time
+     *   through the loop. A feedback greater than 1.0 is
+     *   not desirable because it will increase the overall
+     *   output each time through the loop, creating an
+     *   infinite feedback loop. The default value is 0.5
+     *   @param feedback 0.0 to 1.0, or an object such as
+     *   an Oscillator that can be used to modulate this
+     *   param
+     *   @return Feedback value
+     */
+    feedback(
+      feedback:
+        | number
+        | object
+    ): number;
+
+    /**
+     *   Set a lowpass filter frequency for the delay. A
+     *   lowpass filter will cut off any frequencies higher
+     *   than the filter frequency.
+     *   @param cutoffFreq A lowpass filter will cut off
+     *   any frequencies higher than the filter frequency.
+     *   @param res Resonance of the filter frequency
+     *   cutoff, or an object (i.e. a p5.Oscillator) that
+     *   can be used to modulate this parameter. High
+     *   numbers (i.e. 15) will produce a resonance, low
+     *   numbers (i.e. .2) will produce a slope.
+     */
+    filter(
+      cutoffFreq:
+        | number
+        | object,
+      res:
+        | number
+        | object
+    ): void;
+
+    /**
+     *   Choose a preset type of delay. 'pingPong' bounces
+     *   the signal from the left to the right channel to
+     *   produce a stereo effect. Any other parameter will
+     *   revert to the default delay setting.
+     *   @param type 'pingPong' (1) or 'default' (0)
+     */
+    setType(
+      type:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Set the output level of the delay effect.
+     *   @param volume amplitude between 0 and 1.0
+     *   @param [rampTime] create a fade that lasts
+     *   rampTime
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     */
+    amp(
+      volume: number,
+      rampTime?: number,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Send output to a p5.sound or web audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all output.
+     */
+    disconnect(): void;
+
+    /**
+     *   The p5.Delay is built with two  Web Audio Delay
+     *   Nodes, one for each stereo channel.
+     */
+    leftDelay: DelayNode;
+
+    /**
+     *   The p5.Delay is built with two  Web Audio Delay
+     *   Nodes, one for each stereo channel.
+     */
+    rightDelay: DelayNode;
+  }
+  class Reverb extends Effect {
+    /**
+     *   Reverb adds depth to a sound through a large
+     *   number of decaying echoes. It creates the
+     *   perception that sound is occurring in a physical
+     *   space. The p5.Reverb has parameters for Time (how
+     *   long does the reverb last) and decayRate (how much
+     *   the sound decays with each echo) that can be set
+     *   with the .set() or .process() methods. The
+     *   p5.Convolver extends p5.Reverb allowing you to
+     *   recreate the sound of actual physical spaces
+     *   through convolution. This class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     */
+    constructor();
+
+    /**
+     *   Connect a source to the reverb, and assign reverb
+     *   parameters.
+     *   @param src p5.sound / Web Audio object with a
+     *   sound output.
+     *   @param [seconds] Duration of the reverb, in
+     *   seconds. Min: 0, Max: 10. Defaults to 3.
+     *   @param [decayRate] Percentage of decay with each
+     *   echo. Min: 0, Max: 100. Defaults to 2.
+     *   @param [reverse] Play the reverb backwards or
+     *   forwards.
+     */
+    process(
+      src: object,
+      seconds?: number,
+      decayRate?: number,
+      reverse?: boolean
+    ): void;
+
+    /**
+     *   Set the reverb settings. Similar to .process(),
+     *   but without assigning a new input.
+     *   @param [seconds] Duration of the reverb, in
+     *   seconds. Min: 0, Max: 10. Defaults to 3.
+     *   @param [decayRate] Percentage of decay with each
+     *   echo. Min: 0, Max: 100. Defaults to 2.
+     *   @param [reverse] Play the reverb backwards or
+     *   forwards.
+     */
+    set(
+      seconds?: number,
+      decayRate?: number,
+      reverse?: boolean
+    ): void;
+
+    /**
+     *   Set the output level of the reverb effect.
+     *   @param volume amplitude between 0 and 1.0
+     *   @param [rampTime] create a fade that lasts
+     *   rampTime
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     */
+    amp(
+      volume: number,
+      rampTime?: number,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Send output to a p5.sound or web audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all output.
+     */
+    disconnect(): void;
+  }
+  class Convolver extends Effect {
+    /**
+     *   p5.Convolver extends p5.Reverb. It can emulate the
+     *   sound of real physical spaces through a process
+     *   called  convolution. Convolution multiplies any
+     *   audio input by an "impulse response" to simulate
+     *   the dispersion of sound over time. The impulse
+     *   response is generated from an audio file that you
+     *   provide. One way to generate an impulse response
+     *   is to pop a balloon in a reverberant space and
+     *   record the echo. Convolution can also be used to
+     *   experiment with sound.
+     *
+     *   Use the method createConvolution(path) to
+     *   instantiate a p5.Convolver with a path to your
+     *   impulse response audio file.
+     *
+     *   @param path path to a sound file
+     *   @param [callback] function to call when loading
+     *   succeeds
+     *   @param [errorCallback] function to call if loading
+     *   fails. This function will receive an error or
+     *   XMLHttpRequest object with information about what
+     *   went wrong.
+     */
+    constructor(
+      path: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    );
+
+    /**
+     *   Create a p5.Convolver. Accepts a path to a
+     *   soundfile that will be used to generate an impulse
+     *   response.
+     *   @param path path to a sound file
+     *   @param [callback] function to call if loading is
+     *   successful. The object will be passed in as the
+     *   argument to the callback function.
+     *   @param [errorCallback] function to call if loading
+     *   is not successful. A custom error will be passed
+     *   in as the argument to the callback function.
+     */
+    createConvolver(
+      path: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Convolver;
+
+    /**
+     *   Connect a source to the reverb, and assign reverb
+     *   parameters.
+     *   @param src p5.sound / Web Audio object with a
+     *   sound output.
+     */
+    process(
+      src: object
+    ): void;
+
+    /**
+     *   Load and assign a new Impulse Response to the
+     *   p5.Convolver. The impulse is added to the
+     *   .impulses array. Previous impulses can be accessed
+     *   with the .toggleImpulse(id) method.
+     *   @param path path to a sound file
+     *   @param callback function (optional)
+     *   @param errorCallback function (optional)
+     */
+    addImpulse(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      errorCallback: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   Similar to .addImpulse, except that the .impulses
+     *   Array is reset to save memory. A new .impulses
+     *   array is created with this impulse as the only
+     *   item.
+     *   @param path path to a sound file
+     *   @param callback function (optional)
+     *   @param errorCallback function (optional)
+     */
+    resetImpulse(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      errorCallback: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   If you have used .addImpulse() to add multiple
+     *   impulses to a p5.Convolver, then you can use this
+     *   method to toggle between the items in the
+     *   .impulses Array. Accepts a parameter to identify
+     *   which impulse you wish to use, identified either
+     *   by its original filename (String) or by its
+     *   position in the .impulses  Array (Number). You can
+     *   access the objects in the .impulses Array
+     *   directly. Each Object has two attributes: an
+     *   .audioBuffer (type: Web Audio  AudioBuffer) and a
+     *   .name, a String that corresponds with the original
+     *   filename.
+     *   @param id Identify the impulse by its original
+     *   filename (String), or by its position in the
+     *   .impulses Array (Number).
+     */
+    toggleImpulse(
+      id:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Set the global tempo, in beats per minute, for all
+     *   p5.Parts. This method will impact all active
+     *   p5.Parts.
+     *   @param BPM Beats Per Minute
+     *   @param rampTime Seconds from now
+     */
+    setBPM(
+      BPM: number,
+      rampTime: number
+    ): void;
+
+    /**
+     *   Internally, the p5.Convolver uses the a  Web Audio
+     *   Convolver Node.
+     */
+    convolverNode: ConvolverNode;
+
+    /**
+     *   If you load multiple impulse files using the
+     *   .addImpulse method, they will be stored as Objects
+     *   in this Array. Toggle between them with the
+     *   toggleImpulse(id) method.
+     */
+    impulses: any[];
+  }
+  class Phrase {
+    /**
+     *   A phrase is a pattern of musical events over time,
+     *   i.e. a series of notes and rests. Phrases must be
+     *   added to a p5.Part for playback, and each part can
+     *   play multiple phrases at the same time. For
+     *   example, one Phrase might be a kick drum, another
+     *   could be a snare, and another could be the
+     *   bassline.
+     *
+     *   The first parameter is a name so that the phrase
+     *   can be modified or deleted later. The callback is
+     *   a a function that this phrase will call at every
+     *   step—for example it might be called
+     *   playNote(value){}. The array determines which
+     *   value is passed into the callback at each step of
+     *   the phrase. It can be numbers, an object with
+     *   multiple numbers, or a zero (0) indicates a rest
+     *   so the callback won't be called).
+     *
+     *   @param name Name so that you can access the
+     *   Phrase.
+     *   @param callback The name of a function that this
+     *   phrase will call. Typically it will play a sound,
+     *   and accept two parameters: a time at which to play
+     *   the sound (in seconds from now), and a value from
+     *   the sequence array. The time should be passed into
+     *   the play() or start() method to ensure precision.
+     *   @param sequence Array of values to pass into the
+     *   callback at each step of the phrase.
+     */
+    constructor(
+      name: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      sequence: any[]
+    );
+
+    /**
+     *   Array of values to pass into the callback at each
+     *   step of the phrase. Depending on the callback
+     *   function's requirements, these values may be
+     *   numbers, strings, or an object with multiple
+     *   parameters. Zero (0) indicates a rest.
+     */
+    sequence: any[];
+  }
+  class Part {
+    /**
+     *   A p5.Part plays back one or more p5.Phrases.
+     *   Instantiate a part with steps and tatums. By
+     *   default, each step represents 1/16th note. See
+     *   p5.Phrase for more about musical timing.
+     *
+     *   @param [steps] Steps in the part
+     *   @param [tatums] Divisions of a beat (default is
+     *   1/16, a quarter note)
+     */
+    constructor(
+      steps?: number,
+      tatums?: number
+    );
+
+    /**
+     *   Set the tempo of this part, in Beats Per Minute.
+     *   @param BPM Beats Per Minute
+     *   @param [rampTime] Seconds from now
+     */
+    setBPM(
+      BPM: number,
+      rampTime?: number
+    ): void;
+
+    /**
+     *   Returns the Beats Per Minute of this currently
+     *   part.
+     */
+    getBPM(): number;
+
+    /**
+     *   Start playback of this part. It will play through
+     *   all of its phrases at a speed determined by
+     *   setBPM.
+     *   @param [time] seconds from now
+     */
+    start(
+      time?: number
+    ): void;
+
+    /**
+     *   Loop playback of this part. It will begin looping
+     *   through all of its phrases at a speed determined
+     *   by setBPM.
+     *   @param [time] seconds from now
+     */
+    loop(
+      time?: number
+    ): void;
+
+    /**
+     *   Tell the part to stop looping.
+     */
+    noLoop(): void;
+
+    /**
+     *   Stop the part and cue it to step 0.
+     *   @param [time] seconds from now
+     */
+    stop(
+      time?: number
+    ): void;
+
+    /**
+     *   Pause the part. Playback will resume from the
+     *   current step.
+     *   @param time seconds from now
+     */
+    pause(
+      time: number
+    ): void;
+
+    /**
+     *   Add a p5.Phrase to this Part.
+     *   @param phrase reference to a p5.Phrase
+     */
+    addPhrase(
+      phrase: Phrase
+    ): void;
+
+    /**
+     *   Remove a phrase from this part, based on the name
+     *   it was given when it was created.
+     */
+    removePhrase(
+      phraseName: string
+    ): void;
+
+    /**
+     *   Get a phrase from this part, based on the name it
+     *   was given when it was created. Now you can modify
+     *   its array.
+     */
+    getPhrase(
+      phraseName: string
+    ): void;
+
+    /**
+     *   Get a phrase from this part, based on the name it
+     *   was given when it was created. Now you can modify
+     *   its array.
+     *   @param sequence Array of values to pass into the
+     *   callback at each step of the phrase.
+     */
+    replaceSequence(
+      phraseName: string,
+      sequence: any[]
+    ): void;
+
+    /**
+     *   Fire a callback function at every step.
+     *   @param callback The name of the callback you want
+     *   to fire on every beat/tatum.
+     */
+    onStep(
+      callback: (
+        ...args: any[]
+      ) => any
+    ): void;
+  }
+  class Score {
+    /**
+     *   A Score consists of a series of Parts. The parts
+     *   will be played back in order. For example, you
+     *   could have an A part, a B part, and a C part, and
+     *   play them back in this order new p5.Score(a, a, b,
+     *   a, c)
+     *
+     *   @param [parts] One or multiple parts, to be played
+     *   in sequence.
+     */
+    constructor(
+      parts?: Part
+    );
+
+    /**
+     *   Start playback of the score.
+     */
+    start(): void;
+
+    /**
+     *   Stop playback of the score.
+     */
+    stop(): void;
+
+    /**
+     *   Pause playback of the score.
+     */
+    pause(): void;
+
+    /**
+     *   Loop playback of the score.
+     */
+    loop(): void;
+
+    /**
+     *   Stop looping playback of the score. If it is
+     *   currently playing, this will go into effect after
+     *   the current round of playback completes.
+     */
+    noLoop(): void;
+
+    /**
+     *   Set the tempo for all parts in the score
+     *   @param BPM Beats Per Minute
+     *   @param rampTime Seconds from now
+     */
+    setBPM(
+      BPM: number,
+      rampTime: number
+    ): void;
+  }
+  class SoundLoop {
+    /**
+     *   SoundLoop
+     *
+     *   @param callback this function will be called on
+     *   each iteration of theloop
+     *   @param [interval] amount of time or beats for each
+     *   iteration of the loop defaults to 1
+     */
+    constructor(
+      callback: (
+        ...args: any[]
+      ) => any,
+      interval?:
+        | number
+        | string
+    );
+
+    /**
+     *   Start the loop
+     *   @param [timeFromNow] schedule a starting time
+     */
+    start(
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Stop the loop
+     *   @param [timeFromNow] schedule a stopping time
+     */
+    stop(
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Pause the loop
+     *   @param [timeFromNow] schedule a pausing time
+     */
+    pause(
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   Synchronize loops. Use this method to start two
+     *   more more loops in synchronization or to start a
+     *   loop in synchronization with a loop that is
+     *   already playing This method will schedule the
+     *   implicit loop in sync with the explicit master
+     *   loop i.e. loopToStart.syncedStart(loopToSyncWith)
+     *   @param otherLoop a p5.SoundLoop to sync with
+     *   @param [timeFromNow] Start the loops in sync after
+     *   timeFromNow seconds
+     */
+    syncedStart(
+      otherLoop: object,
+      timeFromNow?: number
+    ): void;
+
+    /**
+     *   musicalTimeMode uses Tone.Time convention true if
+     *   string, false if number
+     */
+    musicalTimeMode: boolean;
+
+    /**
+     *   Set a limit to the number of loops to play.
+     *   defaults to Infinity
+     */
+    maxIterations: number;
+
+    /**
+     *   Getters and Setters, setting any parameter will
+     *   result in a change in the clock's frequency, that
+     *   will be reflected after the next callback beats
+     *   per minute (defaults to 60)
+     */
+    bpm: number;
+
+    /**
+     *   number of quarter notes in a measure (defaults to
+     *   4)
+     */
+    timeSignature: number;
+
+    /**
+     *   length of the loops interval
+     */
+    interval:
+      | number
+      | string;
+
+    /**
+     *   how many times the callback has been called so far
+     */
+    iterations: number;
+  }
+  class Compressor extends Effect {
+    /**
+     *   Compressor is an audio effect class that performs
+     *   dynamics compression on an audio input source.
+     *   This is a very commonly used technique in music
+     *   and sound production. Compression creates an
+     *   overall louder, richer, and fuller sound by
+     *   lowering the volume of louds and raising that of
+     *   softs. Compression can be used to avoid clipping
+     *   (sound distortion due to peaks in volume) and is
+     *   especially useful when many sounds are played at
+     *   once. Compression can be used on indivudal sound
+     *   sources in addition to the master output.  This
+     *   class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     */
+    constructor();
+
+    /**
+     *   Performs the same function as .connect, but also
+     *   accepts optional parameters to set compressor's
+     *   audioParams
+     *   @param src Sound source to be connected
+     *   @param [attack] The amount of time (in seconds) to
+     *   reduce the gain by 10dB, default = .003, range 0 -
+     *   1
+     *   @param [knee] A decibel value representing the
+     *   range above the threshold where the curve smoothly
+     *   transitions to the "ratio" portion. default = 30,
+     *   range 0 - 40
+     *   @param [ratio] The amount of dB change in input
+     *   for a 1 dB change in output default = 12, range 1
+     *   - 20
+     *   @param [threshold] The decibel value above which
+     *   the compression will start taking effect default =
+     *   -24, range -100 - 0
+     *   @param [release] The amount of time (in seconds)
+     *   to increase the gain by 10dB default = .25, range
+     *   0 - 1
+     */
+    process(
+      src: object,
+      attack?: number,
+      knee?: number,
+      ratio?: number,
+      threshold?: number,
+      release?: number
+    ): void;
+
+    /**
+     *   Set the parameters of a compressor.
+     *   @param attack The amount of time (in seconds) to
+     *   reduce the gain by 10dB, default = .003, range 0 -
+     *   1
+     *   @param knee A decibel value representing the range
+     *   above the threshold where the curve smoothly
+     *   transitions to the "ratio" portion. default = 30,
+     *   range 0 - 40
+     *   @param ratio The amount of dB change in input for
+     *   a 1 dB change in output default = 12, range 1 - 20
+     *   @param threshold The decibel value above which the
+     *   compression will start taking effect default =
+     *   -24, range -100 - 0
+     *   @param release The amount of time (in seconds) to
+     *   increase the gain by 10dB default = .25, range 0 -
+     *   1
+     */
+    set(
+      attack: number,
+      knee: number,
+      ratio: number,
+      threshold: number,
+      release: number
+    ): void;
+
+    /**
+     *   Get current attack or set value w/ time ramp
+     *   @param [attack] Attack is the amount of time (in
+     *   seconds) to reduce the gain by 10dB, default =
+     *   .003, range 0 - 1
+     *   @param [time] Assign time value to schedule the
+     *   change in value
+     */
+    attack(
+      attack?: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Get current knee or set value w/ time ramp
+     *   @param [knee] A decibel value representing the
+     *   range above the threshold where the curve smoothly
+     *   transitions to the "ratio" portion. default = 30,
+     *   range 0 - 40
+     *   @param [time] Assign time value to schedule the
+     *   change in value
+     */
+    knee(
+      knee?: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Get current ratio or set value w/ time ramp
+     *   @param [ratio] The amount of dB change in input
+     *   for a 1 dB change in output default = 12, range 1
+     *   - 20
+     *   @param [time] Assign time value to schedule the
+     *   change in value
+     */
+    ratio(
+      ratio?: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Get current threshold or set value w/ time ramp
+     *   @param threshold The decibel value above which the
+     *   compression will start taking effect default =
+     *   -24, range -100 - 0
+     *   @param [time] Assign time value to schedule the
+     *   change in value
+     */
+    threshold(
+      threshold: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Get current release or set value w/ time ramp
+     *   @param release The amount of time (in seconds) to
+     *   increase the gain by 10dB default = .25, range 0 -
+     *   1
+     *   @param [time] Assign time value to schedule the
+     *   change in value
+     */
+    release(
+      release: number,
+      time?: number
+    ): void;
+
+    /**
+     *   Return the current reduction value
+     *   @return Value of the amount of gain reduction that
+     *   is applied to the signal
+     */
+    reduction(): number;
+
+    /**
+     *   The p5.Compressor is built with a Web Audio
+     *   Dynamics Compressor Node
+     */
+    compressor: AudioNode;
+  }
+  class SoundRecorder {
+    /**
+     *   Record sounds for playback and/or to save as a
+     *   .wav file. The p5.SoundRecorder records all sound
+     *   output from your sketch, or can be assigned a
+     *   specific source with setInput(). The record()
+     *   method accepts a p5.SoundFile as a parameter. When
+     *   playback is stopped (either after the given amount
+     *   of time, or with the stop() method), the
+     *   p5.SoundRecorder will send its recording to that
+     *   p5.SoundFile for playback.
+     *
+     */
+    constructor();
+
+    /**
+     *   Connect a specific device to the p5.SoundRecorder.
+     *   If no parameter is given, p5.SoundRecorer will
+     *   record all audible p5.sound from your sketch.
+     *   @param [unit] p5.sound object or a web audio unit
+     *   that outputs sound
+     */
+    setInput(
+      unit?: object
+    ): void;
+
+    /**
+     *   Start recording. To access the recording, provide
+     *   a p5.SoundFile as the first parameter. The
+     *   p5.SoundRecorder will send its recording to that
+     *   p5.SoundFile for playback once recording is
+     *   complete. Optional parameters include duration (in
+     *   seconds) of the recording, and a callback function
+     *   that will be called once the complete recording
+     *   has been transfered to the p5.SoundFile.
+     *   @param soundFile p5.SoundFile
+     *   @param [duration] Time (in seconds)
+     *   @param [callback] The name of a function that will
+     *   be called once the recording completes
+     */
+    record(
+      soundFile: SoundFile,
+      duration?: number,
+      callback?: (
+        ...args: any[]
+      ) => any
+    ): void;
+
+    /**
+     *   Stop the recording. Once the recording is stopped,
+     *   the results will be sent to the p5.SoundFile that
+     *   was given on .record(), and if a callback function
+     *   was provided on record, that function will be
+     *   called.
+     */
+    stop(): void;
+  }
+  class PeakDetect {
+    /**
+     *   PeakDetect works in conjunction with p5.FFT to
+     *   look for onsets in some or all of the frequency
+     *   spectrum.   To use p5.PeakDetect, call update in
+     *   the draw loop and pass in a p5.FFT object.
+     *
+     *
+     *   You can listen for a specific part of the
+     *   frequency spectrum by setting the range between
+     *   freq1 and freq2.
+     *
+     *   threshold is the threshold for detecting a peak,
+     *   scaled between 0 and 1. It is logarithmic, so 0.1
+     *   is half as loud as 1.0.
+     *
+     *
+     *   The update method is meant to be run in the draw
+     *   loop, and frames determines how many loops must
+     *   pass before another peak can be detected. For
+     *   example, if the frameRate() = 60, you could detect
+     *   the beat of a 120 beat-per-minute song with this
+     *   equation:  framesPerPeak = 60 / (estimatedBPM / 60
+     *   );
+     *
+     *
+     *   Based on example contribtued by @b2renger, and a
+     *   simple beat detection explanation by a
+     *   href="http://www.airtightinteractive.com/2013/10/making-audio-reactive-visuals/"
+     *   target="_blank"Felix Turner.
+     *
+     *   @param [freq1] lowFrequency - defaults to 20Hz
+     *   @param [freq2] highFrequency - defaults to 20000
+     *   Hz
+     *   @param [threshold] Threshold for detecting a beat
+     *   between 0 and 1 scaled logarithmically where 0.1
+     *   is 1/2 the loudness of 1.0. Defaults to 0.35.
+     *   @param [framesPerPeak] Defaults to 20.
+     */
+    constructor(
+      freq1?: number,
+      freq2?: number,
+      threshold?: number,
+      framesPerPeak?: number
+    );
+
+    /**
+     *   The update method is run in the draw loop. Accepts
+     *   an FFT object. You must call .analyze() on the FFT
+     *   object prior to updating the peakDetect because it
+     *   relies on a completed FFT analysis.
+     *   @param fftObject A p5.FFT object
+     */
+    update(
+      fftObject: FFT
+    ): void;
+
+    /**
+     *   onPeak accepts two arguments: a function to call
+     *   when a peak is detected. The value of the peak,
+     *   between 0.0 and 1.0, is passed to the callback.
+     *   @param callback Name of a function that will be
+     *   called when a peak is detected.
+     *   @param [val] Optional value to pass into the
+     *   function when a peak is detected.
+     */
+    onPeak(
+      callback: (
+        ...args: any[]
+      ) => any,
+      val?: object
+    ): void;
+  }
+  class Gain {
+    /**
+     *   A gain node is usefull to set the relative volume
+     *   of sound. It's typically used to build mixers.
+     *
+     */
+    constructor();
+
+    /**
+     *   Connect a source to the gain node.
+     *   @param src p5.sound / Web Audio object with a
+     *   sound output.
+     */
+    setInput(
+      src: object
+    ): void;
+
+    /**
+     *   Send output to a p5.sound or web audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all output.
+     */
+    disconnect(): void;
+
+    /**
+     *   Set the output level of the gain node.
+     *   @param volume amplitude between 0 and 1.0
+     *   @param [rampTime] create a fade that lasts
+     *   rampTime
+     *   @param [timeFromNow] schedule this event to happen
+     *   seconds from now
+     */
+    amp(
+      volume: number,
+      rampTime?: number,
+      timeFromNow?: number
+    ): void;
+  }
+  class AudioVoice {
+    /**
+     *   Base class for monophonic synthesizers. Any
+     *   extensions of this class should follow the API and
+     *   implement the methods below in order to remain
+     *   compatible with p5.PolySynth();
+     *
+     */
+    constructor();
+
+    /**
+     *   Connect to p5 objects or Web Audio Nodes
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect from soundOut
+     */
+    disconnect(): void;
+  }
+  class MonoSynth {
+    /**
+     *   A MonoSynth is used as a single voice for sound
+     *   synthesis. This is a class to be used in
+     *   conjunction with the PolySynth class. Custom
+     *   synthetisers should be built inheriting from this
+     *   class.
+     *
+     */
+    constructor();
+
+    /**
+     *   Play tells the MonoSynth to start playing a note.
+     *   This method schedules the calling of
+     *   .triggerAttack and .triggerRelease.
+     *   @param note the note you want to play, specified
+     *   as a frequency in Hertz (Number) or as a midi
+     *   value in Note/Octave format ("C4", "Eb3"...etc")
+     *   See  Tone. Defaults to 440 hz.
+     *   @param [velocity] velocity of the note to play
+     *   (ranging from 0 to 1)
+     *   @param [secondsFromNow] time from now (in seconds)
+     *   at which to play
+     *   @param [sustainTime] time to sustain before
+     *   releasing the envelope
+     */
+    play(
+      note:
+        | string
+        | number,
+      velocity?: number,
+      secondsFromNow?: number,
+      sustainTime?: number
+    ): void;
+
+    /**
+     *   Trigger the Attack, and Decay portion of the
+     *   Envelope. Similar to holding down a key on a
+     *   piano, but it will hold the sustain level until
+     *   you let go.
+     *   @param note the note you want to play, specified
+     *   as a frequency in Hertz (Number) or as a midi
+     *   value in Note/Octave format ("C4", "Eb3"...etc")
+     *   See  Tone. Defaults to 440 hz
+     *   @param [velocity] velocity of the note to play
+     *   (ranging from 0 to 1)
+     *   @param [secondsFromNow] time from now (in seconds)
+     *   at which to play
+     */
+    triggerAttack(
+      note:
+        | string
+        | number,
+      velocity?: number,
+      secondsFromNow?: number
+    ): void;
+
+    /**
+     *   Trigger the release of the Envelope. This is
+     *   similar to releasing the key on a piano and
+     *   letting the sound fade according to the release
+     *   level and release time.
+     *   @param secondsFromNow time to trigger the release
+     */
+    triggerRelease(
+      secondsFromNow: number
+    ): void;
+
+    /**
+     *   Set values like a traditional  ADSR envelope .
+     *   @param attackTime Time (in seconds before envelope
+     *   reaches Attack Level
+     *   @param [decayTime] Time (in seconds) before
+     *   envelope reaches Decay/Sustain Level
+     *   @param [susRatio] Ratio between attackLevel and
+     *   releaseLevel, on a scale from 0 to 1, where 1.0 =
+     *   attackLevel, 0.0 = releaseLevel. The susRatio
+     *   determines the decayLevel and the level at which
+     *   the sustain portion of the envelope will sustain.
+     *   For example, if attackLevel is 0.4, releaseLevel
+     *   is 0, and susAmt is 0.5, the decayLevel would be
+     *   0.2. If attackLevel is increased to 1.0 (using
+     *   setRange), then decayLevel would increase
+     *   proportionally, to become 0.5.
+     *   @param [releaseTime] Time in seconds from now
+     *   (defaults to 0)
+     */
+    setADSR(
+      attackTime: number,
+      decayTime?: number,
+      susRatio?: number,
+      releaseTime?: number
+    ): void;
+
+    /**
+     *   MonoSynth amp
+     *   @param vol desired volume
+     *   @param [rampTime] Time to reach new volume
+     *   @return new volume value
+     */
+    amp(
+      vol: number,
+      rampTime?: number
+    ): number;
+
+    /**
+     *   Connect to a p5.sound / Web Audio object.
+     *   @param unit A p5.sound or Web Audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all outputs
+     */
+    disconnect(): void;
+
+    /**
+     *   Get rid of the MonoSynth and free up its resources
+     *   / memory.
+     */
+    dispose(): void;
+
+    /**
+     *   Getters and Setters
+     */
+    attack: number;
+    decay: number;
+    sustain: number;
+    release: number;
+  }
+  class PolySynth {
+    /**
+     *   An AudioVoice is used as a single voice for sound
+     *   synthesis. The PolySynth class holds an array of
+     *   AudioVoice, and deals with voices allocations,
+     *   with setting notes to be played, and parameters to
+     *   be set.
+     *
+     *   @param [synthVoice] A monophonic synth voice
+     *   inheriting the AudioVoice class. Defaults to
+     *   p5.MonoSynth
+     *   @param [maxVoices] Number of voices, defaults to
+     *   8;
+     */
+    constructor(
+      synthVoice?: number,
+      maxVoices?: number
+    );
+
+    /**
+     *   Play a note by triggering noteAttack and
+     *   noteRelease with sustain time
+     *   @param [note] midi note to play (ranging from 0 to
+     *   127 - 60 being a middle C)
+     *   @param [velocity] velocity of the note to play
+     *   (ranging from 0 to 1)
+     *   @param [secondsFromNow] time from now (in seconds)
+     *   at which to play
+     *   @param [sustainTime] time to sustain before
+     *   releasing the envelope
+     */
+    play(
+      note?: number,
+      velocity?: number,
+      secondsFromNow?: number,
+      sustainTime?: number
+    ): void;
+
+    /**
+     *   noteADSR sets the envelope for a specific note
+     *   that has just been triggered. Using this method
+     *   modifies the envelope of whichever audiovoice is
+     *   being used to play the desired note. The envelope
+     *   should be reset before noteRelease is called in
+     *   order to prevent the modified envelope from being
+     *   used on other notes.
+     *   @param [note] Midi note on which ADSR should be
+     *   set.
+     *   @param [attackTime] Time (in seconds before
+     *   envelope reaches Attack Level
+     *   @param [decayTime] Time (in seconds) before
+     *   envelope reaches Decay/Sustain Level
+     *   @param [susRatio] Ratio between attackLevel and
+     *   releaseLevel, on a scale from 0 to 1, where 1.0 =
+     *   attackLevel, 0.0 = releaseLevel. The susRatio
+     *   determines the decayLevel and the level at which
+     *   the sustain portion of the envelope will sustain.
+     *   For example, if attackLevel is 0.4, releaseLevel
+     *   is 0, and susAmt is 0.5, the decayLevel would be
+     *   0.2. If attackLevel is increased to 1.0 (using
+     *   setRange), then decayLevel would increase
+     *   proportionally, to become 0.5.
+     *   @param [releaseTime] Time in seconds from now
+     *   (defaults to 0)
+     */
+    noteADSR(
+      note?: number,
+      attackTime?: number,
+      decayTime?: number,
+      susRatio?: number,
+      releaseTime?: number
+    ): void;
+
+    /**
+     *   Set the PolySynths global envelope. This method
+     *   modifies the envelopes of each monosynth so that
+     *   all notes are played with this envelope.
+     *   @param [attackTime] Time (in seconds before
+     *   envelope reaches Attack Level
+     *   @param [decayTime] Time (in seconds) before
+     *   envelope reaches Decay/Sustain Level
+     *   @param [susRatio] Ratio between attackLevel and
+     *   releaseLevel, on a scale from 0 to 1, where 1.0 =
+     *   attackLevel, 0.0 = releaseLevel. The susRatio
+     *   determines the decayLevel and the level at which
+     *   the sustain portion of the envelope will sustain.
+     *   For example, if attackLevel is 0.4, releaseLevel
+     *   is 0, and susAmt is 0.5, the decayLevel would be
+     *   0.2. If attackLevel is increased to 1.0 (using
+     *   setRange), then decayLevel would increase
+     *   proportionally, to become 0.5.
+     *   @param [releaseTime] Time in seconds from now
+     *   (defaults to 0)
+     */
+    setADSR(
+      attackTime?: number,
+      decayTime?: number,
+      susRatio?: number,
+      releaseTime?: number
+    ): void;
+
+    /**
+     *   Trigger the Attack, and Decay portion of a
+     *   MonoSynth. Similar to holding down a key on a
+     *   piano, but it will hold the sustain level until
+     *   you let go.
+     *   @param [note] midi note on which attack should be
+     *   triggered.
+     *   @param [velocity] velocity of the note to play
+     *   (ranging from 0 to 1)/
+     *   @param [secondsFromNow] time from now (in seconds)
+     */
+    noteAttack(
+      note?: number,
+      velocity?: number,
+      secondsFromNow?: number
+    ): void;
+
+    /**
+     *   Trigger the Release of an AudioVoice note. This is
+     *   similar to releasing the key on a piano and
+     *   letting the sound fade according to the release
+     *   level and release time.
+     *   @param [note] midi note on which attack should be
+     *   triggered. If no value is provided, all notes will
+     *   be released.
+     *   @param [secondsFromNow] time to trigger the
+     *   release
+     */
+    noteRelease(
+      note?: number,
+      secondsFromNow?: number
+    ): void;
+
+    /**
+     *   Connect to a p5.sound / Web Audio object.
+     *   @param unit A p5.sound or Web Audio object
+     */
+    connect(
+      unit: object
+    ): void;
+
+    /**
+     *   Disconnect all outputs
+     */
+    disconnect(): void;
+
+    /**
+     *   Get rid of the MonoSynth and free up its resources
+     *   / memory.
+     */
+    dispose(): void;
+
+    /**
+     *   An object that holds information about which notes
+     *   have been played and which notes are currently
+     *   being played. New notes are added as keys on the
+     *   fly. While a note has been attacked, but not
+     *   released, the value of the key is the audiovoice
+     *   which is generating that note. When notes are
+     *   released, the value of the key becomes undefined.
+     */
+    notes: any;
+
+    /**
+     *   A PolySynth must have at least 1 voice, defaults
+     *   to 8
+     */
+    polyvalue: any;
+
+    /**
+     *   Monosynth that generates the sound for each note
+     *   that is triggered. The p5.PolySynth defaults to
+     *   using the p5.MonoSynth as its voice.
+     */
+    AudioVoice: any;
+  }
+  class Distortion extends Effect {
+    /**
+     *   A Distortion effect created with a Waveshaper
+     *   Node, with an approach adapted from Kevin Ennis
+     *   This class extends p5.Effect.
+     *   Methods amp(), chain(), drywet(), connect(), and
+     *   disconnect() are available.
+     *
+     *   @param [amount] Unbounded distortion amount.
+     *   Normal values range from 0-1.
+     *   @param [oversample] 'none', '2x', or '4x'.
+     */
+    constructor(
+      amount?: number,
+      oversample?: string
+    );
+
+    /**
+     *   Process a sound source, optionally specify amount
+     *   and oversample values.
+     *   @param [amount] Unbounded distortion amount.
+     *   Normal values range from 0-1.
+     *   @param [oversample] 'none', '2x', or '4x'.
+     */
+    process(
+      amount?: number,
+      oversample?: string
+    ): void;
+
+    /**
+     *   Set the amount and oversample of the waveshaper
+     *   distortion.
+     *   @param [amount] Unbounded distortion amount.
+     *   Normal values range from 0-1.
+     *   @param [oversample] 'none', '2x', or '4x'.
+     */
+    set(
+      amount?: number,
+      oversample?: string
+    ): void;
+
+    /**
+     *   Return the distortion amount, typically between
+     *   0-1.
+     *   @return Unbounded distortion amount. Normal values
+     *   range from 0-1.
+     */
+    getAmount(): number;
+
+    /**
+     *   Return the oversampling.
+     *   @return Oversample can either be 'none', '2x', or
+     *   '4x'.
+     */
+    getOversample(): string;
+
+    /**
+     *   The p5.Distortion is built with a  Web Audio
+     *   WaveShaper Node.
+     */
+    WaveShaperNode: AudioNode;
+  }
+  class SinOsc extends Oscillator {
+    /**
+     *   Constructor: new p5.SinOsc(). This creates a Sine
+     *   Wave Oscillator and is equivalent to  new
+     *   p5.Oscillator('sine')  or creating a p5.Oscillator
+     *   and then calling its method setType('sine'). See
+     *   p5.Oscillator for methods.
+     *
+     *   @param [freq] Set the frequency
+     */
+    constructor(
+      freq?: number
+    );
+  }
+  class TriOsc extends Oscillator {
+    /**
+     *   Constructor: new p5.TriOsc(). This creates a
+     *   Triangle Wave Oscillator and is equivalent to new
+     *   p5.Oscillator('triangle')  or creating a
+     *   p5.Oscillator and then calling its method
+     *   setType('triangle'). See p5.Oscillator for
+     *   methods.
+     *
+     *   @param [freq] Set the frequency
+     */
+    constructor(
+      freq?: number
+    );
+  }
+  class SawOsc extends Oscillator {
+    /**
+     *   Constructor: new p5.SawOsc(). This creates a
+     *   SawTooth Wave Oscillator and is equivalent to  new
+     *   p5.Oscillator('sawtooth')  or creating a
+     *   p5.Oscillator and then calling its method
+     *   setType('sawtooth'). See p5.Oscillator for
+     *   methods.
+     *
+     *   @param [freq] Set the frequency
+     */
+    constructor(
+      freq?: number
+    );
+  }
+  class SqrOsc extends Oscillator {
+    /**
+     *   Constructor: new p5.SqrOsc(). This creates a
+     *   Square Wave Oscillator and is equivalent to  new
+     *   p5.Oscillator('square')  or creating a
+     *   p5.Oscillator and then calling its method
+     *   setType('square'). See p5.Oscillator for methods.
+     *
+     *   @param [freq] Set the frequency
+     */
+    constructor(
+      freq?: number
+    );
+  }
+  class LowPass extends Filter {
+    /**
+     *   Constructor: new p5.LowPass() Filter. This is the
+     *   same as creating a p5.Filter and then calling its
+     *   method setType('lowpass'). See p5.Filter for
+     *   methods.
+     *
+     */
+    constructor();
+  }
+  class HighPass extends Filter {
+    /**
+     *   Constructor: new p5.HighPass() Filter. This is the
+     *   same as creating a p5.Filter and then calling its
+     *   method setType('highpass'). See p5.Filter for
+     *   methods.
+     *
+     */
+    constructor();
+  }
+  class BandPass extends Filter {
+    /**
+     *   Constructor: new p5.BandPass() Filter. This is the
+     *   same as creating a p5.Filter and then calling its
+     *   method setType('bandpass'). See p5.Filter for
+     *   methods.
+     *
+     */
+    constructor();
+  }
+  interface p5InstanceExtensions {
+    /**
+     *   Returns a number representing the sample rate, in
+     *   samples per second, of all sound objects in this
+     *   audio context. It is determined by the sampling
+     *   rate of your operating system's sound card, and it
+     *   is not currently possile to change. It is often
+     *   44100, or twice the range of human hearing.
+     *   @return samplerate samples per second
+     */
+    sampleRate(): number;
+
+    /**
+     *   Returns the closest MIDI note value for a given
+     *   frequency.
+     *   @param frequency A freqeuncy, for example, the "A"
+     *   above Middle C is 440Hz
+     *   @return MIDI note value
+     */
+    freqToMidi(
+      frequency: number
+    ): number;
+
+    /**
+     *   Returns the frequency value of a MIDI note value.
+     *   General MIDI treats notes as integers where middle
+     *   C is 60, C# is 61, D is 62 etc. Useful for
+     *   generating musical frequencies with oscillators.
+     *   @param midiNote The number of a MIDI note
+     *   @return Frequency value of the given MIDI note
+     */
+    midiToFreq(
+      midiNote: number
+    ): number;
+
+    /**
+     *   List the SoundFile formats that you will include.
+     *   LoadSound will search your directory for these
+     *   extensions, and will pick a format that is
+     *   compatable with the client's web browser. Here is
+     *   a free online file converter.
+     *   @param [formats] i.e. 'mp3', 'wav', 'ogg'
+     */
+    soundFormats(
+      formats?: string
+    ): void;
+
+    /**
+     *   Save a p5.SoundFile as a .wav file. The browser
+     *   will prompt the user to download the file to their
+     *   device. For uploading audio to a server, use
+     *   p5.SoundFile.saveBlob.
+     *   @param soundFile p5.SoundFile that you wish to
+     *   save
+     *   @param fileName name of the resulting .wav file.
+     */
+    saveSound(
+      soundFile: SoundFile,
+      fileName: string
+    ): void;
+  }
+}
diff --git a/types/p5/literals.d.ts b/types/p5/literals.d.ts
new file mode 100644
index 0000000000..0dc8f8b65a
--- /dev/null
+++ b/types/p5/literals.d.ts
@@ -0,0 +1,76 @@
+import * as p5 from "./index";
+
+declare module "./index" {
+  type ADD = "lighter";
+  type ARROW = "arrow";
+  type AUDIO = "audio";
+  type AUTO = "auto";
+  type AXES = "axes";
+  type BASELINE = "alphabetic";
+  type BEVEL = "bevel";
+  type BLEND = "source-over";
+  type BLUR = "blur";
+  type BOLD = "bold";
+  type BOTTOM = "bottom";
+  type BURN = "color-burn";
+  type CENTER = "center";
+  type CHORD = "chord";
+  type CLOSE = "close";
+  type CORNER = "corner";
+  type CORNERS = "corners";
+  type CROSS = "cross";
+  type DARKEST = "darkest";
+  type DEGREES = "degrees";
+  type DIFFERENCE = "difference";
+  type DILATE = "dilate";
+  type DODGE = "color-dodge";
+  type ERODE = "erode";
+  type EXCLUSION = "exclusion";
+  type GRAY = "gray";
+  type GRID = "grid";
+  type HAND = "hand";
+  type HARD_LIGHT = "hard-light";
+  type HSB = "hsb";
+  type HSL = "hsl";
+  type INVERT = "invert";
+  type ITALIC = "italic";
+  type LANDSCAPE = "landscape";
+  type LEFT = "left";
+  type LIGHTEST = "lighten";
+  type LINE_LOOP = 0x0002;
+  type LINE_STRIP = 0x0003;
+  type LINES = 0x0001;
+  type MITER = "miter";
+  type MOVE = "move";
+  type MULTIPLY = "multiply";
+  type NORMAL = "normal";
+  type OPAQUE = "opaque";
+  type OPEN = "open";
+  type OVERLAY = "overlay";
+  type P2D = "p2d";
+  type PIE = "pie";
+  type POINTS = 0x0000;
+  type PORTRAIT = "portrait";
+  type POSTERIZE = "posterize";
+  type PROJECT = "square";
+  type QUAD_STRIP = "quad_strip";
+  type QUADS = "quads";
+  type RADIANS = "radians";
+  type RADIUS = "radius";
+  type REPLACE = "copy";
+  type RGB = "rgb";
+  type RIGHT = "right";
+  type ROUND = "round";
+  type SCREEN = "screen";
+  type SOFT_LIGHT = "soft-light";
+  type SQUARE = "butt";
+  type TEXT = "text";
+  type THRESHOLD = "threshold";
+  type TOP = "top";
+  type TRIANGLE_FAN = 0x0006;
+  type TRIANGLE_STRIP = 0x0005;
+  type TRIANGLES = 0x0004;
+  type VIDEO = "video";
+  type WAIT = "wait";
+  type WEBGL = "webgl";
+}
diff --git a/types/p5/src/color/creating_reading.d.ts b/types/p5/src/color/creating_reading.d.ts
new file mode 100644
index 0000000000..a7b70b9c17
--- /dev/null
+++ b/types/p5/src/color/creating_reading.d.ts
@@ -0,0 +1,305 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Extracts the alpha value from a color or pixel
+     *   array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the alpha value
+     */
+    alpha(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Extracts the blue value from a color or pixel
+     *   array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the blue value
+     */
+    blue(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Extracts the HSB brightness value from a color or
+     *   pixel array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the brightness value
+     */
+    brightness(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Creates colors for storing in variables of the
+     *   color datatype. The parameters are interpreted as
+     *   RGB or HSB values depending on the current
+     *   colorMode(). The default mode is RGB values from 0
+     *   to 255 and, therefore, the function call
+     *   color(255, 204, 0) will return a bright yellow
+     *   color.  Note that if only one value is provided to
+     *   color(), it will be interpreted as a grayscale
+     *   value. Add a second value, and it will be used for
+     *   alpha transparency. When three values are
+     *   specified, they are interpreted as either RGB or
+     *   HSB values. Adding a fourth value applies alpha
+     *   transparency.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *   @param gray number specifying value between white
+     *   and black.
+     *   @param [alpha] alpha value relative to current
+     *   color range (default is 0-255)
+     *   @return resulting color
+     */
+    color(
+      gray: number,
+      alpha?: number
+    ): Color;
+
+    /**
+     *   Creates colors for storing in variables of the
+     *   color datatype. The parameters are interpreted as
+     *   RGB or HSB values depending on the current
+     *   colorMode(). The default mode is RGB values from 0
+     *   to 255 and, therefore, the function call
+     *   color(255, 204, 0) will return a bright yellow
+     *   color.  Note that if only one value is provided to
+     *   color(), it will be interpreted as a grayscale
+     *   value. Add a second value, and it will be used for
+     *   alpha transparency. When three values are
+     *   specified, they are interpreted as either RGB or
+     *   HSB values. Adding a fourth value applies alpha
+     *   transparency.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *   @param v1 red or hue value relative to the current
+     *   color range
+     *   @param v2 green or saturation value relative to
+     *   the current color range
+     *   @param v3 blue or brightness value relative to the
+     *   current color range
+     *   @param [alpha] alpha value relative to current
+     *   color range (default is 0-255)
+     */
+    color(
+      v1: number,
+      v2: number,
+      v3: number,
+      alpha?: number
+    ): Color;
+
+    /**
+     *   Creates colors for storing in variables of the
+     *   color datatype. The parameters are interpreted as
+     *   RGB or HSB values depending on the current
+     *   colorMode(). The default mode is RGB values from 0
+     *   to 255 and, therefore, the function call
+     *   color(255, 204, 0) will return a bright yellow
+     *   color.  Note that if only one value is provided to
+     *   color(), it will be interpreted as a grayscale
+     *   value. Add a second value, and it will be used for
+     *   alpha transparency. When three values are
+     *   specified, they are interpreted as either RGB or
+     *   HSB values. Adding a fourth value applies alpha
+     *   transparency.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *   @param value a color string
+     */
+    color(
+      value: string
+    ): Color;
+
+    /**
+     *   Creates colors for storing in variables of the
+     *   color datatype. The parameters are interpreted as
+     *   RGB or HSB values depending on the current
+     *   colorMode(). The default mode is RGB values from 0
+     *   to 255 and, therefore, the function call
+     *   color(255, 204, 0) will return a bright yellow
+     *   color.  Note that if only one value is provided to
+     *   color(), it will be interpreted as a grayscale
+     *   value. Add a second value, and it will be used for
+     *   alpha transparency. When three values are
+     *   specified, they are interpreted as either RGB or
+     *   HSB values. Adding a fourth value applies alpha
+     *   transparency.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     */
+    color(
+      values: number[]
+    ): Color;
+
+    /**
+     *   Creates colors for storing in variables of the
+     *   color datatype. The parameters are interpreted as
+     *   RGB or HSB values depending on the current
+     *   colorMode(). The default mode is RGB values from 0
+     *   to 255 and, therefore, the function call
+     *   color(255, 204, 0) will return a bright yellow
+     *   color.  Note that if only one value is provided to
+     *   color(), it will be interpreted as a grayscale
+     *   value. Add a second value, and it will be used for
+     *   alpha transparency. When three values are
+     *   specified, they are interpreted as either RGB or
+     *   HSB values. Adding a fourth value applies alpha
+     *   transparency.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     */
+    color(
+      color: Color
+    ): Color;
+
+    /**
+     *   Extracts the green value from a color or pixel
+     *   array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the green value
+     */
+    green(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Extracts the hue value from a color or pixel
+     *   array. Hue exists in both HSB and HSL. This
+     *   function will return the HSB-normalized hue when
+     *   supplied with an HSB color object (or when
+     *   supplied with a pixel array while the color mode
+     *   is HSB), but will default to the HSL-normalized
+     *   hue otherwise. (The values will only be different
+     *   if the maximum hue setting for each system is
+     *   different.)
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the hue
+     */
+    hue(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Blends two colors to find a third color somewhere
+     *   between them. The amt parameter is the amount to
+     *   interpolate between the two values where 0.0 equal
+     *   to the first color, 0.1 is very near the first
+     *   color, 0.5 is halfway in between, etc. An amount
+     *   below 0 will be treated as 0. Likewise, amounts
+     *   above 1 will be capped at 1. This is different
+     *   from the behavior of lerp(), but necessary because
+     *   otherwise numbers outside the range will produce
+     *   strange and unexpected colors.  The way that
+     *   colours are interpolated depends on the current
+     *   color mode.
+     *   @param c1 interpolate from this color
+     *   @param c2 interpolate to this color
+     *   @param amt number between 0 and 1
+     *   @return interpolated color
+     */
+    lerpColor(
+      c1: Color,
+      c2: Color,
+      amt: number
+    ): Color;
+
+    /**
+     *   Extracts the HSL lightness value from a color or
+     *   pixel array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the lightness
+     */
+    lightness(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Extracts the red value from a color or pixel
+     *   array.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the red value
+     */
+    red(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+
+    /**
+     *   Extracts the saturation value from a color or
+     *   pixel array. Saturation is scaled differently in
+     *   HSB and HSL. This function will return the HSB
+     *   saturation when supplied with an HSB color object
+     *   (or when supplied with a pixel array while the
+     *   color mode is HSB), but will default to the HSL
+     *   saturation otherwise.
+     *   @param color p5.Color object, color components, or
+     *   CSS color
+     *   @return the saturation value
+     */
+    saturation(
+      color:
+        | Color
+        | number[]
+        | string
+    ): number;
+  }
+}
diff --git a/types/p5/src/color/p5.Color.d.ts b/types/p5/src/color/p5.Color.d.ts
new file mode 100644
index 0000000000..e6c708ea1f
--- /dev/null
+++ b/types/p5/src/color/p5.Color.d.ts
@@ -0,0 +1,38 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Color {
+    /**
+     *   This function returns the color formatted as a
+     *   string. This can be useful for debugging, or for
+     *   using p5.js with other libraries.
+     *   @param [format] How the color string will be
+     *   formatted. Leaving this empty formats the string
+     *   as rgba(r, g, b, a). '#rgb' '#rgba' '#rrggbb' and
+     *   '#rrggbbaa' format as hexadecimal color codes.
+     *   'rgb' 'hsb' and 'hsl' return the color formatted
+     *   in the specified color mode. 'rgba' 'hsba' and
+     *   'hsla' are the same as above but with alpha
+     *   channels. 'rgb%' 'hsb%' 'hsl%' 'rgba%' 'hsba%' and
+     *   'hsla%' format as percentages.
+     *   @return the formatted string
+     */
+    toString(
+      format?: string
+    ): string;
+    setRed(
+      red: number
+    ): void;
+    setGreen(
+      green: number
+    ): void;
+    setBlue(
+      blue: number
+    ): void;
+    setAlpha(
+      alpha: number
+    ): void;
+  }
+}
diff --git a/types/p5/src/color/setting.d.ts b/types/p5/src/color/setting.d.ts
new file mode 100644
index 0000000000..c02a705a1e
--- /dev/null
+++ b/types/p5/src/color/setting.d.ts
@@ -0,0 +1,592 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param color any value created by the color()
+     *   function
+     *   @chainable
+     */
+    background(
+      color: Color
+    ): p5;
+
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param colorstring color string, possible formats
+     *   include: integer rgb() or rgba(), percentage rgb()
+     *   or rgba(), 3-digit hex, 6-digit hex
+     *   @param [a] opacity of the background relative to
+     *   current color range (default is 0-255)
+     *   @chainable
+     */
+    background(
+      colorstring: string,
+      a?: number
+    ): p5;
+
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param gray specifies a value between white and
+     *   black
+     *   @param [a] opacity of the background relative to
+     *   current color range (default is 0-255)
+     *   @chainable
+     */
+    background(
+      gray: number,
+      a?: number
+    ): p5;
+
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param v1 red or hue value (depending on the
+     *   current color mode)
+     *   @param v2 green or saturation value (depending on
+     *   the current color mode)
+     *   @param v3 blue or brightness value (depending on
+     *   the current color mode)
+     *   @param [a] opacity of the background relative to
+     *   current color range (default is 0-255)
+     *   @chainable
+     */
+    background(
+      v1: number,
+      v2: number,
+      v3: number,
+      a?: number
+    ): p5;
+
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     *   @chainable
+     */
+    background(
+      values: number[]
+    ): p5;
+
+    /**
+     *   The background() function sets the color used for
+     *   the background of the p5.js canvas. The default
+     *   background is light gray. This function is
+     *   typically used within draw() to clear the display
+     *   window at the beginning of each frame, but it can
+     *   be used inside setup() to set the background on
+     *   the first frame of animation or if the background
+     *   need only be set once.  The color is either
+     *   specified in terms of the RGB, HSB, or HSL color
+     *   depending on the current colorMode. (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.
+     *
+     *
+     *   If a single string argument is provided, RGB, RGBA
+     *   and Hex CSS color strings and all named color
+     *   strings are supported. In this case, an alpha
+     *   number value as a second argument is not
+     *   supported, the RGBA form should be used.
+     *
+     *
+     *   A p5.Color object can also be provided to set the
+     *   background color.
+     *
+     *
+     *   A p5.Image can also be provided to set the
+     *   background image.
+     *   @param image image created with loadImage() or
+     *   createImage(), to set as background (must be same
+     *   size as the sketch window)
+     *   @param [a] opacity of the background relative to
+     *   current color range (default is 0-255)
+     *   @chainable
+     */
+    background(
+      image: Image,
+      a?: number
+    ): p5;
+
+    /**
+     *   Clears the pixels within a buffer. This function
+     *   only works on p5.Canvas objects created with the
+     *   createCanvas() function; it won't work with the
+     *   main display window. Unlike the main graphics
+     *   context, pixels in additional graphics areas
+     *   created with createGraphics() can be entirely or
+     *   partially transparent. This function clears
+     *   everything to make all of the pixels 100%
+     *   transparent.
+     *   @chainable
+     */
+    clear(): p5;
+
+    /**
+     *   colorMode() changes the way p5.js interprets color
+     *   data. By default, the parameters for fill(),
+     *   stroke(), background(), and color() are defined by
+     *   values between 0 and 255 using the RGB color
+     *   model. This is equivalent to setting
+     *   colorMode(RGB, 255). Setting colorMode(HSB) lets
+     *   you use the HSB system instead. By default, this
+     *   is colorMode(HSB, 360, 100, 100, 1). You can also
+     *   use HSL.  Note: existing color objects remember
+     *   the mode that they were created in, so you can
+     *   change modes as you like without affecting their
+     *   appearance.
+     *   @param mode either RGB, HSB or HSL, corresponding
+     *   to Red/Green/Blue and Hue/Saturation/Brightness
+     *   (or Lightness)
+     *   @param [max] range for all values
+     *   @chainable
+     */
+    colorMode(
+      mode: COLOR_MODE,
+      max?: number
+    ): p5;
+
+    /**
+     *   colorMode() changes the way p5.js interprets color
+     *   data. By default, the parameters for fill(),
+     *   stroke(), background(), and color() are defined by
+     *   values between 0 and 255 using the RGB color
+     *   model. This is equivalent to setting
+     *   colorMode(RGB, 255). Setting colorMode(HSB) lets
+     *   you use the HSB system instead. By default, this
+     *   is colorMode(HSB, 360, 100, 100, 1). You can also
+     *   use HSL.  Note: existing color objects remember
+     *   the mode that they were created in, so you can
+     *   change modes as you like without affecting their
+     *   appearance.
+     *   @param mode either RGB, HSB or HSL, corresponding
+     *   to Red/Green/Blue and Hue/Saturation/Brightness
+     *   (or Lightness)
+     *   @param max1 range for the red or hue depending on
+     *   the current color mode
+     *   @param max2 range for the green or saturation
+     *   depending on the current color mode
+     *   @param max3 range for the blue or
+     *   brightness/lighntess depending on the current
+     *   color mode
+     *   @param [maxA] range for the alpha
+     *   @chainable
+     */
+    colorMode(
+      mode: UNKNOWN_P5_CONSTANT,
+      max1: number,
+      max2: number,
+      max3: number,
+      maxA?: number
+    ): p5;
+
+    /**
+     *   Sets the color used to fill shapes. For example,
+     *   if you run fill(204, 102, 0), all subsequent
+     *   shapes will be filled with orange. This color is
+     *   either specified in terms of the RGB or HSB color
+     *   depending on the current colorMode(). (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.  If a single string argument is
+     *   provided, RGB, RGBA and Hex CSS color strings and
+     *   all named color strings are supported. In this
+     *   case, an alpha number value as a second argument
+     *   is not supported, the RGBA form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   fill color.
+     *   @param v1 red or hue value relative to the current
+     *   color range
+     *   @param v2 green or saturation value relative to
+     *   the current color range
+     *   @param v3 blue or brightness value relative to the
+     *   current color range
+     *   @chainable
+     */
+    fill(
+      v1: number,
+      v2: number,
+      v3: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Sets the color used to fill shapes. For example,
+     *   if you run fill(204, 102, 0), all subsequent
+     *   shapes will be filled with orange. This color is
+     *   either specified in terms of the RGB or HSB color
+     *   depending on the current colorMode(). (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.  If a single string argument is
+     *   provided, RGB, RGBA and Hex CSS color strings and
+     *   all named color strings are supported. In this
+     *   case, an alpha number value as a second argument
+     *   is not supported, the RGBA form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   fill color.
+     *   @param value a color string
+     *   @chainable
+     */
+    fill(
+      value: string
+    ): p5;
+
+    /**
+     *   Sets the color used to fill shapes. For example,
+     *   if you run fill(204, 102, 0), all subsequent
+     *   shapes will be filled with orange. This color is
+     *   either specified in terms of the RGB or HSB color
+     *   depending on the current colorMode(). (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.  If a single string argument is
+     *   provided, RGB, RGBA and Hex CSS color strings and
+     *   all named color strings are supported. In this
+     *   case, an alpha number value as a second argument
+     *   is not supported, the RGBA form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   fill color.
+     *   @param gray a gray value
+     *   @chainable
+     */
+    fill(
+      gray: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Sets the color used to fill shapes. For example,
+     *   if you run fill(204, 102, 0), all subsequent
+     *   shapes will be filled with orange. This color is
+     *   either specified in terms of the RGB or HSB color
+     *   depending on the current colorMode(). (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.  If a single string argument is
+     *   provided, RGB, RGBA and Hex CSS color strings and
+     *   all named color strings are supported. In this
+     *   case, an alpha number value as a second argument
+     *   is not supported, the RGBA form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   fill color.
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     *   @chainable
+     */
+    fill(
+      values: number[]
+    ): p5;
+
+    /**
+     *   Sets the color used to fill shapes. For example,
+     *   if you run fill(204, 102, 0), all subsequent
+     *   shapes will be filled with orange. This color is
+     *   either specified in terms of the RGB or HSB color
+     *   depending on the current colorMode(). (The default
+     *   color space is RGB, with each value in the range
+     *   from 0 to 255). The alpha range by default is also
+     *   0 to 255.  If a single string argument is
+     *   provided, RGB, RGBA and Hex CSS color strings and
+     *   all named color strings are supported. In this
+     *   case, an alpha number value as a second argument
+     *   is not supported, the RGBA form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   fill color.
+     *   @param color the fill color
+     *   @chainable
+     */
+    fill(
+      color: Color
+    ): p5;
+
+    /**
+     *   Disables filling geometry. If both noStroke() and
+     *   noFill() are called, nothing will be drawn to the
+     *   screen.
+     *   @chainable
+     */
+    noFill(): p5;
+
+    /**
+     *   Disables drawing the stroke (outline). If both
+     *   noStroke() and noFill() are called, nothing will
+     *   be drawn to the screen.
+     *   @chainable
+     */
+    noStroke(): p5;
+
+    /**
+     *   Sets the color used to draw lines and borders
+     *   around shapes. This color is either specified in
+     *   terms of the RGB or HSB color depending on the
+     *   current colorMode() (the default color space is
+     *   RGB, with each value in the range from 0 to 255).
+     *   The alpha range by default is also 0 to 255.  If a
+     *   single string argument is provided, RGB, RGBA and
+     *   Hex CSS color strings and all named color strings
+     *   are supported. In this case, an alpha number value
+     *   as a second argument is not supported, the RGBA
+     *   form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   stroke color.
+     *   @param v1 red or hue value relative to the current
+     *   color range
+     *   @param v2 green or saturation value relative to
+     *   the current color range
+     *   @param v3 blue or brightness value relative to the
+     *   current color range
+     *   @chainable
+     */
+    stroke(
+      v1: number,
+      v2: number,
+      v3: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Sets the color used to draw lines and borders
+     *   around shapes. This color is either specified in
+     *   terms of the RGB or HSB color depending on the
+     *   current colorMode() (the default color space is
+     *   RGB, with each value in the range from 0 to 255).
+     *   The alpha range by default is also 0 to 255.  If a
+     *   single string argument is provided, RGB, RGBA and
+     *   Hex CSS color strings and all named color strings
+     *   are supported. In this case, an alpha number value
+     *   as a second argument is not supported, the RGBA
+     *   form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   stroke color.
+     *   @param value a color string
+     *   @chainable
+     */
+    stroke(
+      value: string
+    ): p5;
+
+    /**
+     *   Sets the color used to draw lines and borders
+     *   around shapes. This color is either specified in
+     *   terms of the RGB or HSB color depending on the
+     *   current colorMode() (the default color space is
+     *   RGB, with each value in the range from 0 to 255).
+     *   The alpha range by default is also 0 to 255.  If a
+     *   single string argument is provided, RGB, RGBA and
+     *   Hex CSS color strings and all named color strings
+     *   are supported. In this case, an alpha number value
+     *   as a second argument is not supported, the RGBA
+     *   form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   stroke color.
+     *   @param gray a gray value
+     *   @chainable
+     */
+    stroke(
+      gray: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Sets the color used to draw lines and borders
+     *   around shapes. This color is either specified in
+     *   terms of the RGB or HSB color depending on the
+     *   current colorMode() (the default color space is
+     *   RGB, with each value in the range from 0 to 255).
+     *   The alpha range by default is also 0 to 255.  If a
+     *   single string argument is provided, RGB, RGBA and
+     *   Hex CSS color strings and all named color strings
+     *   are supported. In this case, an alpha number value
+     *   as a second argument is not supported, the RGBA
+     *   form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   stroke color.
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     *   @chainable
+     */
+    stroke(
+      values: number[]
+    ): p5;
+
+    /**
+     *   Sets the color used to draw lines and borders
+     *   around shapes. This color is either specified in
+     *   terms of the RGB or HSB color depending on the
+     *   current colorMode() (the default color space is
+     *   RGB, with each value in the range from 0 to 255).
+     *   The alpha range by default is also 0 to 255.  If a
+     *   single string argument is provided, RGB, RGBA and
+     *   Hex CSS color strings and all named color strings
+     *   are supported. In this case, an alpha number value
+     *   as a second argument is not supported, the RGBA
+     *   form should be used.
+     *
+     *
+     *   A p5 Color object can also be provided to set the
+     *   stroke color.
+     *   @param color the stroke color
+     *   @chainable
+     */
+    stroke(
+      color: Color
+    ): p5;
+  }
+}
diff --git a/types/p5/src/core/constants.d.ts b/types/p5/src/core/constants.d.ts
new file mode 100644
index 0000000000..4daaadfca5
--- /dev/null
+++ b/types/p5/src/core/constants.d.ts
@@ -0,0 +1,136 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    readonly P2D: P2D;
+    readonly WEBGL: WEBGL;
+    readonly ARROW: ARROW;
+    readonly CROSS: CROSS;
+    readonly HAND: HAND;
+    readonly MOVE: MOVE;
+    readonly TEXT: TEXT;
+    readonly WAIT: WAIT;
+
+    /**
+     *   HALF_PI is a mathematical constant with the value
+     *   1.57079632679489661923. It is half the ratio of
+     *   the circumference of a circle to its diameter. It
+     *   is useful in combination with the trigonometric
+     *   functions sin() and cos().
+     */
+    readonly HALF_PI: number;
+
+    /**
+     *   PI is a mathematical constant with the value
+     *   3.14159265358979323846. It is the ratio of the
+     *   circumference of a circle to its diameter. It is
+     *   useful in combination with the trigonometric
+     *   functions sin() and cos().
+     */
+    readonly PI: number;
+
+    /**
+     *   QUARTER_PI is a mathematical constant with the
+     *   value 0.7853982. It is one quarter the ratio of
+     *   the circumference of a circle to its diameter. It
+     *   is useful in combination with the trigonometric
+     *   functions sin() and cos().
+     */
+    readonly QUARTER_PI: number;
+
+    /**
+     *   TAU is an alias for TWO_PI, a mathematical
+     *   constant with the value 6.28318530717958647693. It
+     *   is twice the ratio of the circumference of a
+     *   circle to its diameter. It is useful in
+     *   combination with the trigonometric functions sin()
+     *   and cos().
+     */
+    readonly TAU: number;
+
+    /**
+     *   TWO_PI is a mathematical constant with the value
+     *   6.28318530717958647693. It is twice the ratio of
+     *   the circumference of a circle to its diameter. It
+     *   is useful in combination with the trigonometric
+     *   functions sin() and cos().
+     */
+    readonly TWO_PI: number;
+
+    /**
+     *   Constant to be used with angleMode() function, to
+     *   set the mode which p5.js interprates and
+     *   calculates angles (either DEGREES or RADIANS).
+     */
+    readonly DEGREES: DEGREES;
+
+    /**
+     *   Constant to be used with angleMode() function, to
+     *   set the mode which p5.js interprates and
+     *   calculates angles (either RADIANS or DEGREES).
+     */
+    readonly RADIANS: RADIANS;
+    readonly CORNER: CORNER;
+    readonly CORNERS: CORNERS;
+    readonly RADIUS: RADIUS;
+    readonly RIGHT: RIGHT;
+    readonly LEFT: LEFT;
+    readonly CENTER: CENTER;
+    readonly TOP: TOP;
+    readonly BOTTOM: BOTTOM;
+    readonly BASELINE: BASELINE;
+    readonly POINTS: POINTS;
+    readonly LINES: LINES;
+    readonly LINE_STRIP: LINE_STRIP;
+    readonly LINE_LOOP: LINE_LOOP;
+    readonly TRIANGLES: TRIANGLES;
+    readonly TRIANGLE_FAN: TRIANGLE_FAN;
+    readonly TRIANGLE_STRIP: TRIANGLE_STRIP;
+    readonly QUADS: QUADS;
+    readonly QUAD_STRIP: QUAD_STRIP;
+    readonly CLOSE: CLOSE;
+    readonly OPEN: OPEN;
+    readonly CHORD: CHORD;
+    readonly PIE: PIE;
+    readonly PROJECT: PROJECT;
+    readonly SQUARE: SQUARE;
+    readonly ROUND: ROUND;
+    readonly BEVEL: BEVEL;
+    readonly MITER: MITER;
+    readonly RGB: RGB;
+    readonly HSB: HSB;
+    readonly HSL: HSL;
+    readonly AUTO: AUTO;
+    readonly BLEND: BLEND;
+    readonly ADD: ADD;
+    readonly DARKEST: DARKEST;
+    readonly LIGHTEST: LIGHTEST;
+    readonly DIFFERENCE: DIFFERENCE;
+    readonly EXCLUSION: EXCLUSION;
+    readonly MULTIPLY: MULTIPLY;
+    readonly SCREEN: SCREEN;
+    readonly REPLACE: REPLACE;
+    readonly OVERLAY: OVERLAY;
+    readonly HARD_LIGHT: HARD_LIGHT;
+    readonly SOFT_LIGHT: SOFT_LIGHT;
+    readonly DODGE: DODGE;
+    readonly BURN: BURN;
+    readonly THRESHOLD: THRESHOLD;
+    readonly GRAY: GRAY;
+    readonly OPAQUE: OPAQUE;
+    readonly INVERT: INVERT;
+    readonly POSTERIZE: POSTERIZE;
+    readonly DILATE: DILATE;
+    readonly ERODE: ERODE;
+    readonly BLUR: BLUR;
+    readonly NORMAL: NORMAL;
+    readonly ITALIC: ITALIC;
+    readonly BOLD: BOLD;
+    readonly LANDSCAPE: LANDSCAPE;
+    readonly PORTRAIT: PORTRAIT;
+    readonly GRID: GRID;
+    readonly AXES: AXES;
+  }
+}
diff --git a/types/p5/src/core/environment.d.ts b/types/p5/src/core/environment.d.ts
new file mode 100644
index 0000000000..e226544030
--- /dev/null
+++ b/types/p5/src/core/environment.d.ts
@@ -0,0 +1,251 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The print() function writes to the console area of
+     *   your browser. This function is often helpful for
+     *   looking at the data a program is producing. This
+     *   function creates a new line of text for each call
+     *   to the function. Individual elements can be
+     *   separated with quotes ("") and joined with the
+     *   addition operator (+). Note that calling print()
+     *   without any arguments invokes the window.print()
+     *   function which opens the browser's print dialog.
+     *   To print a blank line to console you can write
+     *   print('\n').
+     *   @param contents any combination of Number, String,
+     *   Object, Boolean, Array to print
+     */
+    print(
+      contents: any
+    ): void;
+
+    /**
+     *   Sets the cursor to a predefined symbol or an
+     *   image, or makes it visible if already hidden. If
+     *   you are trying to set an image as the cursor, the
+     *   recommended size is 16x16 or 32x32 pixels. The
+     *   values for parameters x and y must be less than
+     *   the dimensions of the image.
+     *   @param type either ARROW, CROSS, HAND, MOVE, TEXT,
+     *   or WAIT, or path for image
+     *   @param [x] the horizontal active spot of the
+     *   cursor
+     *   @param [y] the vertical active spot of the cursor
+     */
+    cursor(
+      type:
+        | string
+        | CURSOR_TYPE,
+      x?: number,
+      y?: number
+    ): void;
+
+    /**
+     *   Specifies the number of frames to be displayed
+     *   every second. For example, the function call
+     *   frameRate(30) will attempt to refresh 30 times a
+     *   second. If the processor is not fast enough to
+     *   maintain the specified rate, the frame rate will
+     *   not be achieved. Setting the frame rate within
+     *   setup() is recommended. The default frame rate is
+     *   based on the frame rate of the display (here also
+     *   called "refresh rate"), which is set to 60 frames
+     *   per second on most computers. A frame rate of 24
+     *   frames per second (usual for movies) or above will
+     *   be enough for smooth animations This is the same
+     *   as setFrameRate(val).  Calling frameRate() with no
+     *   arguments returns the current framerate. The draw
+     *   function must run at least once before it will
+     *   return a value. This is the same as
+     *   getFrameRate().
+     *
+     *
+     *   Calling frameRate() with arguments that are not of
+     *   the type numbers or are non positive also returns
+     *   current framerate.
+     *   @param fps number of frames to be displayed every
+     *   second
+     *   @chainable
+     */
+    frameRate(
+      fps: number
+    ): p5;
+
+    /**
+     *   Specifies the number of frames to be displayed
+     *   every second. For example, the function call
+     *   frameRate(30) will attempt to refresh 30 times a
+     *   second. If the processor is not fast enough to
+     *   maintain the specified rate, the frame rate will
+     *   not be achieved. Setting the frame rate within
+     *   setup() is recommended. The default frame rate is
+     *   based on the frame rate of the display (here also
+     *   called "refresh rate"), which is set to 60 frames
+     *   per second on most computers. A frame rate of 24
+     *   frames per second (usual for movies) or above will
+     *   be enough for smooth animations This is the same
+     *   as setFrameRate(val).  Calling frameRate() with no
+     *   arguments returns the current framerate. The draw
+     *   function must run at least once before it will
+     *   return a value. This is the same as
+     *   getFrameRate().
+     *
+     *
+     *   Calling frameRate() with arguments that are not of
+     *   the type numbers or are non positive also returns
+     *   current framerate.
+     *   @return current frameRate
+     */
+    frameRate(): number;
+
+    /**
+     *   Hides the cursor from view.
+     */
+    noCursor(): void;
+
+    /**
+     *   The windowResized() function is called once every
+     *   time the browser window is resized. This is a good
+     *   place to resize the canvas or do any other
+     *   adjustments to accommodate the new window size.
+     */
+    windowResized(): void;
+
+    /**
+     *   If argument is given, sets the sketch to
+     *   fullscreen or not based on the value of the
+     *   argument. If no argument is given, returns the
+     *   current fullscreen state. Note that due to browser
+     *   restrictions this can only be called on user
+     *   input, for example, on mouse press like the
+     *   example below.
+     *   @param [val] whether the sketch should be in
+     *   fullscreen mode or not
+     *   @return current fullscreen state
+     */
+    fullscreen(
+      val?: boolean
+    ): boolean;
+
+    /**
+     *   Sets the pixel scaling for high pixel density
+     *   displays. By default pixel density is set to match
+     *   display density, call pixelDensity(1) to turn this
+     *   off. Calling pixelDensity() with no arguments
+     *   returns the current pixel density of the sketch.
+     *   @param val whether or how much the sketch should
+     *   scale
+     *   @chainable
+     */
+    pixelDensity(
+      val: number
+    ): p5;
+
+    /**
+     *   Sets the pixel scaling for high pixel density
+     *   displays. By default pixel density is set to match
+     *   display density, call pixelDensity(1) to turn this
+     *   off. Calling pixelDensity() with no arguments
+     *   returns the current pixel density of the sketch.
+     *   @return current pixel density of the sketch
+     */
+    pixelDensity(): number;
+
+    /**
+     *   Returns the pixel density of the current display
+     *   the sketch is running on.
+     *   @return current pixel density of the display
+     */
+    displayDensity(): number;
+
+    /**
+     *   Gets the current URL.
+     *   @return url
+     */
+    getURL(): string;
+
+    /**
+     *   Gets the current URL path as an array.
+     *   @return path components
+     */
+    getURLPath(): string[];
+
+    /**
+     *   Gets the current URL params as an Object.
+     *   @return URL params
+     */
+    getURLParams(): object;
+
+    /**
+     *   The system variable frameCount contains the number
+     *   of frames that have been displayed since the
+     *   program started. Inside setup() the value is 0,
+     *   after the first iteration of draw it is 1, etc.
+     */
+    frameCount: number;
+
+    /**
+     *   Confirms if the window a p5.js program is in is
+     *   "focused," meaning that the sketch will accept
+     *   mouse or keyboard input. This variable is "true"
+     *   if the window is focused and "false" if not.
+     */
+    focused: boolean;
+
+    /**
+     *   System variable that stores the width of the
+     *   screen display according to The default
+     *   pixelDensity. This is used to run a full-screen
+     *   program on any display size. To return actual
+     *   screen size, multiply this by pixelDensity.
+     */
+    displayWidth: number;
+
+    /**
+     *   System variable that stores the height of the
+     *   screen display according to The default
+     *   pixelDensity. This is used to run a full-screen
+     *   program on any display size. To return actual
+     *   screen size, multiply this by pixelDensity.
+     */
+    displayHeight: number;
+
+    /**
+     *   System variable that stores the width of the inner
+     *   window, it maps to window.innerWidth.
+     */
+    windowWidth: number;
+
+    /**
+     *   System variable that stores the height of the
+     *   inner window, it maps to window.innerHeight.
+     */
+    windowHeight: number;
+
+    /**
+     *   System variable that stores the width of the
+     *   drawing canvas. This value is set by the first
+     *   parameter of the createCanvas() function. For
+     *   example, the function call createCanvas(320, 240)
+     *   sets the width variable to the value 320. The
+     *   value of width defaults to 100 if createCanvas()
+     *   is not used in a program.
+     */
+    width: number;
+
+    /**
+     *   System variable that stores the height of the
+     *   drawing canvas. This value is set by the second
+     *   parameter of the createCanvas() function. For
+     *   example, the function call createCanvas(320, 240)
+     *   sets the height variable to the value 240. The
+     *   value of height defaults to 100 if createCanvas()
+     *   is not used in a program.
+     */
+    height: number;
+  }
+}
diff --git a/types/p5/src/core/p5.Element.d.ts b/types/p5/src/core/p5.Element.d.ts
new file mode 100644
index 0000000000..dbd32afdb6
--- /dev/null
+++ b/types/p5/src/core/p5.Element.d.ts
@@ -0,0 +1,402 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Element {
+    /**
+     *   Attaches the element to the parent specified. A
+     *   way of setting the container for the element.
+     *   Accepts either a string ID, DOM node, or
+     *   p5.Element. If no arguments given, parent node is
+     *   returned. For more ways to position the canvas,
+     *   see the  positioning the canvas wiki page.
+     *   @param parent the ID, DOM node, or p5.Element of
+     *   desired parent element
+     *   @chainable
+     */
+    parent(
+      parent:
+        | string
+        | Element
+        | object
+    ): Element;
+
+    /**
+     *   Attaches the element to the parent specified. A
+     *   way of setting the container for the element.
+     *   Accepts either a string ID, DOM node, or
+     *   p5.Element. If no arguments given, parent node is
+     *   returned. For more ways to position the canvas,
+     *   see the  positioning the canvas wiki page.
+     */
+    parent(): Element;
+
+    /**
+     *   Sets the ID of the element. If no ID argument is
+     *   passed in, it instead returns the current ID of
+     *   the element.
+     *   @param id ID of the element
+     *   @chainable
+     */
+    id(
+      id: string
+    ): Element;
+
+    /**
+     *   Sets the ID of the element. If no ID argument is
+     *   passed in, it instead returns the current ID of
+     *   the element.
+     *   @return the id of the element
+     */
+    id(): string;
+
+    /**
+     *   Adds given class to the element. If no class
+     *   argument is passed in, it instead returns a string
+     *   containing the current class(es) of the element.
+     *   @param class class to add
+     *   @chainable
+     */
+    class(
+      theClass: string
+    ): Element;
+
+    /**
+     *   Adds given class to the element. If no class
+     *   argument is passed in, it instead returns a string
+     *   containing the current class(es) of the element.
+     *   @return the class of the element
+     */
+    class(): string;
+
+    /**
+     *   The .mousePressed() function is called once after
+     *   every time a mouse button is pressed over the
+     *   element. Some mobile browsers may also trigger
+     *   this event on a touch screen, if the user performs
+     *   a quick tap. This can be used to attach element
+     *   specific event listeners.
+     *   @param fxn function to be fired when mouse is
+     *   pressed over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    mousePressed(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .doubleClicked() function is called once after
+     *   every time a mouse button is pressed twice over
+     *   the element. This can be used to attach element
+     *   and action specific event listeners.
+     *   @param fxn function to be fired when mouse is
+     *   double clicked over the element. if false is
+     *   passed instead, the previously firing function
+     *   will no longer fire.
+     */
+    doubleClicked(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseWheel() function is called once after
+     *   every time a mouse wheel is scrolled over the
+     *   element. This can be used to attach element
+     *   specific event listeners.  The function accepts a
+     *   callback function as argument which will be
+     *   executed when the wheel event is triggered on the
+     *   element, the callback function is passed one
+     *   argument event. The event.deltaY property returns
+     *   negative values if the mouse wheel is rotated up
+     *   or away from the user and positive in the other
+     *   direction. The event.deltaX does the same as
+     *   event.deltaY except it reads the horizontal wheel
+     *   scroll of the mouse wheel.
+     *
+     *
+     *   On OS X with "natural" scrolling enabled, the
+     *   event.deltaY values are reversed.
+     *   @param fxn function to be fired when mouse is
+     *   scrolled over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    mouseWheel(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseReleased() function is called once after
+     *   every time a mouse button is released over the
+     *   element. Some mobile browsers may also trigger
+     *   this event on a touch screen, if the user performs
+     *   a quick tap. This can be used to attach element
+     *   specific event listeners.
+     *   @param fxn function to be fired when mouse is
+     *   released over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    mouseReleased(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseClicked() function is called once after
+     *   a mouse button is pressed and released over the
+     *   element. Some mobile browsers may also trigger
+     *   this event on a touch screen, if the user performs
+     *   a quick tap. This can be used to attach element
+     *   specific event listeners.
+     *   @param fxn function to be fired when mouse is
+     *   clicked over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    mouseClicked(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseMoved() function is called once every
+     *   time a mouse moves over the element. This can be
+     *   used to attach an element specific event listener.
+     *   @param fxn function to be fired when a mouse moves
+     *   over the element. if false is passed instead, the
+     *   previously firing function will no longer fire.
+     *   @chainable
+     */
+    mouseMoved(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseOver() function is called once after
+     *   every time a mouse moves onto the element. This
+     *   can be used to attach an element specific event
+     *   listener.
+     *   @param fxn function to be fired when a mouse moves
+     *   onto the element. if false is passed instead, the
+     *   previously firing function will no longer fire.
+     *   @chainable
+     */
+    mouseOver(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .changed() function is called when the value
+     *   of an element changes. This can be used to attach
+     *   an element specific event listener.
+     *   @param fxn function to be fired when the value of
+     *   an element changes. if false is passed instead,
+     *   the previously firing function will no longer
+     *   fire.
+     *   @chainable
+     */
+    changed(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .input() function is called when any user
+     *   input is detected with an element. The input event
+     *   is often used to detect keystrokes in a input
+     *   element, or changes on a slider element. This can
+     *   be used to attach an element specific event
+     *   listener.
+     *   @param fxn function to be fired when any user
+     *   input is detected within the element. if false is
+     *   passed instead, the previously firing function
+     *   will no longer fire.
+     *   @chainable
+     */
+    input(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .mouseOut() function is called once after
+     *   every time a mouse moves off the element. This can
+     *   be used to attach an element specific event
+     *   listener.
+     *   @param fxn function to be fired when a mouse moves
+     *   off of an element. if false is passed instead, the
+     *   previously firing function will no longer fire.
+     *   @chainable
+     */
+    mouseOut(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .touchStarted() function is called once after
+     *   every time a touch is registered. This can be used
+     *   to attach element specific event listeners.
+     *   @param fxn function to be fired when a touch
+     *   starts over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    touchStarted(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .touchMoved() function is called once after
+     *   every time a touch move is registered. This can be
+     *   used to attach element specific event listeners.
+     *   @param fxn function to be fired when a touch moves
+     *   over the element. if false is passed instead, the
+     *   previously firing function will no longer fire.
+     *   @chainable
+     */
+    touchMoved(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .touchEnded() function is called once after
+     *   every time a touch is registered. This can be used
+     *   to attach element specific event listeners.
+     *   @param fxn function to be fired when a touch ends
+     *   over the element. if false is passed instead, the
+     *   previously firing function will no longer fire.
+     *   @chainable
+     */
+    touchEnded(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .dragOver() function is called once after
+     *   every time a file is dragged over the element.
+     *   This can be used to attach an element specific
+     *   event listener.
+     *   @param fxn function to be fired when a file is
+     *   dragged over the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    dragOver(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   The .dragLeave() function is called once after
+     *   every time a dragged file leaves the element area.
+     *   This can be used to attach an element specific
+     *   event listener.
+     *   @param fxn function to be fired when a file is
+     *   dragged off the element. if false is passed
+     *   instead, the previously firing function will no
+     *   longer fire.
+     *   @chainable
+     */
+    dragLeave(
+      fxn:
+        | ((
+            ...args: any[]
+          ) => any)
+        | boolean
+    ): Element;
+
+    /**
+     *   Registers a callback that gets called every time a
+     *   file that is dropped on the element has been
+     *   loaded. p5 will load every dropped file into
+     *   memory and pass it as a p5.File object to the
+     *   callback. Multiple files dropped at the same time
+     *   will result in multiple calls to the callback. You
+     *   can optionally pass a second callback which will
+     *   be registered to the raw drop event. The callback
+     *   will thus be provided the original DragEvent.
+     *   Dropping multiple files at the same time will
+     *   trigger the second callback once per drop, whereas
+     *   the first callback will trigger for each loaded
+     *   file.
+     *   @param callback callback to receive loaded file.
+     *   @param [fxn] callback triggered when files are
+     *   dropped.
+     *   @chainable
+     */
+    drop(
+      callback: (
+        ...args: any[]
+      ) => any,
+      fxn?: (
+        ...args: any[]
+      ) => any
+    ): Element;
+
+    /**
+     *   Underlying HTML element. All normal HTML methods
+     *   can be called on this.
+     */
+    elt: any;
+  }
+}
diff --git a/types/p5/src/core/p5.Graphics.d.ts b/types/p5/src/core/p5.Graphics.d.ts
new file mode 100644
index 0000000000..238ba6ae2d
--- /dev/null
+++ b/types/p5/src/core/p5.Graphics.d.ts
@@ -0,0 +1,13 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Graphics extends Element {
+    /**
+     *   Removes a Graphics object from the page and frees
+     *   any resources associated with it.
+     */
+    remove(): void;
+  }
+}
diff --git a/types/p5/src/core/p5.Renderer.d.ts b/types/p5/src/core/p5.Renderer.d.ts
new file mode 100644
index 0000000000..8da5495e3a
--- /dev/null
+++ b/types/p5/src/core/p5.Renderer.d.ts
@@ -0,0 +1,24 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Renderer extends Element {
+    /**
+     *   Main graphics and rendering context, as well as
+     *   the base API implementation for p5.js "core". To
+     *   be used as the superclass for Renderer2D and
+     *   Renderer3D classes, respecitvely.
+     *
+     *   @param elt DOM node that is wrapped
+     *   @param [pInst] pointer to p5 instance
+     *   @param [isMainCanvas] whether we're using it as
+     *   main canvas
+     */
+    constructor(
+      elt: string,
+      pInst?: p5,
+      isMainCanvas?: boolean
+    );
+  }
+}
diff --git a/types/p5/src/core/rendering.d.ts b/types/p5/src/core/rendering.d.ts
new file mode 100644
index 0000000000..0501a0ba66
--- /dev/null
+++ b/types/p5/src/core/rendering.d.ts
@@ -0,0 +1,114 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Creates a canvas element in the document, and sets
+     *   the dimensions of it in pixels. This method should
+     *   be called only once at the start of setup. Calling
+     *   createCanvas more than once in a sketch will
+     *   result in very unpredictable behavior. If you want
+     *   more than one drawing canvas you could use
+     *   createGraphics (hidden by default but it can be
+     *   shown).  The system variables width and height are
+     *   set by the parameters passed to this function. If
+     *   createCanvas() is not used, the window will be
+     *   given a default size of 100x100 pixels.
+     *
+     *
+     *   For more ways to position the canvas, see the
+     *   positioning the canvas wiki page.
+     *   @param w width of the canvas
+     *   @param h height of the canvas
+     *   @param [renderer] either P2D or WEBGL
+     */
+    createCanvas(
+      w: number,
+      h: number,
+      renderer?: RENDERER
+    ): Renderer;
+
+    /**
+     *   Resizes the canvas to given width and height. The
+     *   canvas will be cleared and draw will be called
+     *   immediately, allowing the sketch to re-render
+     *   itself in the resized canvas.
+     *   @param w width of the canvas
+     *   @param h height of the canvas
+     *   @param [noRedraw] don't redraw the canvas
+     *   immediately
+     */
+    resizeCanvas(
+      w: number,
+      h: number,
+      noRedraw?: boolean
+    ): void;
+
+    /**
+     *   Removes the default canvas for a p5 sketch that
+     *   doesn't require a canvas
+     */
+    noCanvas(): void;
+
+    /**
+     *   Creates and returns a new p5.Renderer object. Use
+     *   this class if you need to draw into an off-screen
+     *   graphics buffer. The two parameters define the
+     *   width and height in pixels.
+     *   @param w width of the offscreen graphics buffer
+     *   @param h height of the offscreen graphics buffer
+     *   @param [renderer] either P2D or WEBGL undefined
+     *   defaults to p2d
+     *   @return offscreen graphics buffer
+     */
+    createGraphics(
+      w: number,
+      h: number,
+      renderer?: RENDERER
+    ): Graphics;
+
+    /**
+     *   Blends the pixels in the display window according
+     *   to the defined mode. There is a choice of the
+     *   following modes to blend the source pixels (A)
+     *   with the ones of pixels already in the display
+     *   window (B): - BLEND - linear interpolation of
+     *   colours: C = A*factor + B. This is the default
+     *   blending mode.
+     *   - ADD - sum of A and B
+     *   - DARKEST - only the darkest colour succeeds: C =
+     *   min(A*factor, B).
+     *   - LIGHTEST - only the lightest colour succeeds: C
+     *   = max(A*factor, B).
+     *   - DIFFERENCE - subtract colors from underlying
+     *   image.
+     *   - EXCLUSION - similar to DIFFERENCE, but less
+     *   extreme.
+     *   - MULTIPLY - multiply the colors, result will
+     *   always be darker.
+     *   - SCREEN - opposite multiply, uses inverse values
+     *   of the colors.
+     *   - REPLACE - the pixels entirely replace the others
+     *   and don't utilize alpha (transparency) values.
+     *   - OVERLAY - mix of MULTIPLY and SCREEN .
+     *   Multiplies dark values, and screens light values.
+     *   - HARD_LIGHT - SCREEN when greater than 50% gray,
+     *   MULTIPLY when lower.
+     *   - SOFT_LIGHT - mix of DARKEST and LIGHTEST. Works
+     *   like OVERLAY, but not as harsh.
+     *   - DODGE - lightens light tones and increases
+     *   contrast, ignores darks.
+     *   - BURN - darker areas are applied, increasing
+     *   contrast, ignores lights.
+     *   @param mode blend mode to set for canvas. either
+     *   BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+     *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL
+     */
+    blendMode(
+      mode: BLEND_MODE
+    ): void;
+  }
+}
diff --git a/types/p5/src/core/shape/2d_primitives.d.ts b/types/p5/src/core/shape/2d_primitives.d.ts
new file mode 100644
index 0000000000..4cced6ef5c
--- /dev/null
+++ b/types/p5/src/core/shape/2d_primitives.d.ts
@@ -0,0 +1,319 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../../index";
+
+declare module "../../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Draw an arc to the screen. If called with only x,
+     *   y, w, h, start, and stop, the arc will be drawn
+     *   and filled as an open pie segment. If a mode
+     *   parameter is provided, the arc will be filled like
+     *   an open semi-circle (OPEN) , a closed semi-circle
+     *   (CHORD), or as a closed pie segment (PIE). The
+     *   origin may be changed with the ellipseMode()
+     *   function. Note that drawing a full circle (ex: 0
+     *   to TWO_PI) will appear blank because 0 and TWO_PI
+     *   are the same position on the unit circle. The best
+     *   way to handle this is by using the ellipse()
+     *   function instead to create a closed ellipse, and
+     *   to use the arc() function only to draw parts of an
+     *   ellipse.
+     *   @param x x-coordinate of the arc's ellipse
+     *   @param y y-coordinate of the arc's ellipse
+     *   @param w width of the arc's ellipse by default
+     *   @param h height of the arc's ellipse by default
+     *   @param start angle to start the arc, specified in
+     *   radians
+     *   @param stop angle to stop the arc, specified in
+     *   radians
+     *   @param [mode] optional parameter to determine the
+     *   way of drawing the arc. either CHORD, PIE or OPEN
+     *   @param [detail] optional parameter for WebGL mode
+     *   only. This is to specify the number of vertices
+     *   that makes up the perimeter of the arc. Default
+     *   value is 25.
+     *   @chainable
+     */
+    arc(
+      x: number,
+      y: number,
+      w: number,
+      h: number,
+      start: number,
+      stop: number,
+      mode?: ARC_MODE,
+      detail?: number
+    ): p5;
+
+    /**
+     *   Draws an ellipse (oval) to the screen. An ellipse
+     *   with equal width and height is a circle. By
+     *   default, the first two parameters set the
+     *   location, and the third and fourth parameters set
+     *   the shape's width and height. If no height is
+     *   specified, the value of width is used for both the
+     *   width and height. If a negative height or width is
+     *   specified, the absolute value is taken. The origin
+     *   may be changed with the ellipseMode() function.
+     *   @param x x-coordinate of the ellipse.
+     *   @param y y-coordinate of the ellipse.
+     *   @param w width of the ellipse.
+     *   @param [h] height of the ellipse.
+     *   @chainable
+     */
+    ellipse(
+      x: number,
+      y: number,
+      w: number,
+      h?: number
+    ): p5;
+
+    /**
+     *   Draws an ellipse (oval) to the screen. An ellipse
+     *   with equal width and height is a circle. By
+     *   default, the first two parameters set the
+     *   location, and the third and fourth parameters set
+     *   the shape's width and height. If no height is
+     *   specified, the value of width is used for both the
+     *   width and height. If a negative height or width is
+     *   specified, the absolute value is taken. The origin
+     *   may be changed with the ellipseMode() function.
+     *   @param x x-coordinate of the ellipse.
+     *   @param y y-coordinate of the ellipse.
+     *   @param w width of the ellipse.
+     *   @param h height of the ellipse.
+     *   @param detail number of radial sectors to draw
+     */
+    ellipse(
+      x: number,
+      y: number,
+      w: number,
+      h: number,
+      detail: number
+    ): void;
+
+    /**
+     *   Draws a line (a direct path between two points) to
+     *   the screen. The version of line() with four
+     *   parameters draws the line in 2D. To color a line,
+     *   use the stroke() function. A line cannot be
+     *   filled, therefore the fill() function will not
+     *   affect the color of a line. 2D lines are drawn
+     *   with a width of one pixel by default, but this can
+     *   be changed with the strokeWeight() function.
+     *   @param x1 the x-coordinate of the first point
+     *   @param y1 the y-coordinate of the first point
+     *   @param x2 the x-coordinate of the second point
+     *   @param y2 the y-coordinate of the second point
+     *   @chainable
+     */
+    line(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number
+    ): p5;
+
+    /**
+     *   Draws a line (a direct path between two points) to
+     *   the screen. The version of line() with four
+     *   parameters draws the line in 2D. To color a line,
+     *   use the stroke() function. A line cannot be
+     *   filled, therefore the fill() function will not
+     *   affect the color of a line. 2D lines are drawn
+     *   with a width of one pixel by default, but this can
+     *   be changed with the strokeWeight() function.
+     *   @param x1 the x-coordinate of the first point
+     *   @param y1 the y-coordinate of the first point
+     *   @param z1 the z-coordinate of the first point
+     *   @param x2 the x-coordinate of the second point
+     *   @param y2 the y-coordinate of the second point
+     *   @param z2 the z-coordinate of the second point
+     *   @chainable
+     */
+    line(
+      x1: number,
+      y1: number,
+      z1: number,
+      x2: number,
+      y2: number,
+      z2: number
+    ): p5;
+
+    /**
+     *   Draws a point, a coordinate in space at the
+     *   dimension of one pixel. The first parameter is the
+     *   horizontal value for the point, the second value
+     *   is the vertical value for the point. The color of
+     *   the point is determined by the current stroke.
+     *   @param x the x-coordinate
+     *   @param y the y-coordinate
+     *   @param [z] the z-coordinate (for WEBGL mode)
+     *   @chainable
+     */
+    point(
+      x: number,
+      y: number,
+      z?: number
+    ): p5;
+
+    /**
+     *   Draw a quad. A quad is a quadrilateral, a four
+     *   sided polygon. It is similar to a rectangle, but
+     *   the angles between its edges are not constrained
+     *   to ninety degrees. The first pair of parameters
+     *   (x1,y1) sets the first vertex and the subsequent
+     *   pairs should proceed clockwise or
+     *   counter-clockwise around the defined shape.
+     *   @param x1 the x-coordinate of the first point
+     *   @param y1 the y-coordinate of the first point
+     *   @param x2 the x-coordinate of the second point
+     *   @param y2 the y-coordinate of the second point
+     *   @param x3 the x-coordinate of the third point
+     *   @param y3 the y-coordinate of the third point
+     *   @param x4 the x-coordinate of the fourth point
+     *   @param y4 the y-coordinate of the fourth point
+     *   @chainable
+     */
+    quad(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number,
+      x3: number,
+      y3: number,
+      x4: number,
+      y4: number
+    ): p5;
+
+    /**
+     *   Draw a quad. A quad is a quadrilateral, a four
+     *   sided polygon. It is similar to a rectangle, but
+     *   the angles between its edges are not constrained
+     *   to ninety degrees. The first pair of parameters
+     *   (x1,y1) sets the first vertex and the subsequent
+     *   pairs should proceed clockwise or
+     *   counter-clockwise around the defined shape.
+     *   @param x1 the x-coordinate of the first point
+     *   @param y1 the y-coordinate of the first point
+     *   @param z1 the z-coordinate of the first point
+     *   @param x2 the x-coordinate of the second point
+     *   @param y2 the y-coordinate of the second point
+     *   @param z2 the z-coordinate of the second point
+     *   @param x3 the x-coordinate of the third point
+     *   @param y3 the y-coordinate of the third point
+     *   @param z3 the z-coordinate of the third point
+     *   @param x4 the x-coordinate of the fourth point
+     *   @param y4 the y-coordinate of the fourth point
+     *   @param z4 the z-coordinate of the fourth point
+     *   @chainable
+     */
+    quad(
+      x1: number,
+      y1: number,
+      z1: number,
+      x2: number,
+      y2: number,
+      z2: number,
+      x3: number,
+      y3: number,
+      z3: number,
+      x4: number,
+      y4: number,
+      z4: number
+    ): p5;
+
+    /**
+     *   Draws a rectangle to the screen. A rectangle is a
+     *   four-sided shape with every angle at ninety
+     *   degrees. By default, the first two parameters set
+     *   the location of the upper-left corner, the third
+     *   sets the width, and the fourth sets the height.
+     *   The way these parameters are interpreted, however,
+     *   may be changed with the rectMode() function.  The
+     *   fifth, sixth, seventh and eighth parameters, if
+     *   specified, determine corner radius for the
+     *   top-left, top-right, lower-right and lower-left
+     *   corners, respectively. An omitted corner radius
+     *   parameter is set to the value of the previously
+     *   specified radius value in the parameter list.
+     *   @param x x-coordinate of the rectangle.
+     *   @param y y-coordinate of the rectangle.
+     *   @param w width of the rectangle.
+     *   @param h height of the rectangle.
+     *   @param [tl] optional radius of top-left corner.
+     *   @param [tr] optional radius of top-right corner.
+     *   @param [br] optional radius of bottom-right
+     *   corner.
+     *   @param [bl] optional radius of bottom-left corner.
+     *   @chainable
+     */
+    rect(
+      x: number,
+      y: number,
+      w: number,
+      h: number,
+      tl?: number,
+      tr?: number,
+      br?: number,
+      bl?: number
+    ): p5;
+
+    /**
+     *   Draws a rectangle to the screen. A rectangle is a
+     *   four-sided shape with every angle at ninety
+     *   degrees. By default, the first two parameters set
+     *   the location of the upper-left corner, the third
+     *   sets the width, and the fourth sets the height.
+     *   The way these parameters are interpreted, however,
+     *   may be changed with the rectMode() function.  The
+     *   fifth, sixth, seventh and eighth parameters, if
+     *   specified, determine corner radius for the
+     *   top-left, top-right, lower-right and lower-left
+     *   corners, respectively. An omitted corner radius
+     *   parameter is set to the value of the previously
+     *   specified radius value in the parameter list.
+     *   @param x x-coordinate of the rectangle.
+     *   @param y y-coordinate of the rectangle.
+     *   @param w width of the rectangle.
+     *   @param h height of the rectangle.
+     *   @param [detailX] number of segments in the
+     *   x-direction
+     *   @param [detailY] number of segments in the
+     *   y-direction
+     *   @chainable
+     */
+    rect(
+      x: number,
+      y: number,
+      w: number,
+      h: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+
+    /**
+     *   A triangle is a plane created by connecting three
+     *   points. The first two arguments specify the first
+     *   point, the middle two arguments specify the second
+     *   point, and the last two arguments specify the
+     *   third point.
+     *   @param x1 x-coordinate of the first point
+     *   @param y1 y-coordinate of the first point
+     *   @param x2 x-coordinate of the second point
+     *   @param y2 y-coordinate of the second point
+     *   @param x3 x-coordinate of the third point
+     *   @param y3 y-coordinate of the third point
+     *   @chainable
+     */
+    triangle(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number,
+      x3: number,
+      y3: number
+    ): p5;
+  }
+}
diff --git a/types/p5/src/core/shape/attributes.d.ts b/types/p5/src/core/shape/attributes.d.ts
new file mode 100644
index 0000000000..c6533737f9
--- /dev/null
+++ b/types/p5/src/core/shape/attributes.d.ts
@@ -0,0 +1,146 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../../index";
+
+declare module "../../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Modifies the location from which ellipses are
+     *   drawn by changing the way in which parameters
+     *   given to ellipse() are interpreted.  The default
+     *   mode is ellipseMode(CENTER), which interprets the
+     *   first two parameters of ellipse() as the shape's
+     *   center point, while the third and fourth
+     *   parameters are its width and height.
+     *
+     *
+     *   ellipseMode(RADIUS) also uses the first two
+     *   parameters of ellipse() as the shape's center
+     *   point, but uses the third and fourth parameters to
+     *   specify half of the shapes's width and height.
+     *
+     *
+     *   ellipseMode(CORNER) interprets the first two
+     *   parameters of ellipse() as the upper-left corner
+     *   of the shape, while the third and fourth
+     *   parameters are its width and height.
+     *
+     *
+     *   ellipseMode(CORNERS) interprets the first two
+     *   parameters of ellipse() as the location of one
+     *   corner of the ellipse's bounding box, and the
+     *   third and fourth parameters as the location of the
+     *   opposite corner.
+     *
+     *
+     *   The parameter must be written in ALL CAPS because
+     *   Javascript is a case-sensitive language.
+     *   @param mode either CENTER, RADIUS, CORNER, or
+     *   CORNERS
+     *   @chainable
+     */
+    ellipseMode(
+      mode: ELLIPSE_MODE
+    ): p5;
+
+    /**
+     *   Draws all geometry with jagged (aliased) edges.
+     *   Note that smooth() is active by default in 2D
+     *   mode, so it is necessary to call noSmooth() to
+     *   disable smoothing of geometry, images, and fonts.
+     *   In 3D mode, noSmooth() is enabled by default, so
+     *   it is necessary to call smooth() if you would like
+     *   smooth (antialiased) edges on your geometry.
+     *   @chainable
+     */
+    noSmooth(): p5;
+
+    /**
+     *   Modifies the location from which rectangles are
+     *   drawn by changing the way in which parameters
+     *   given to rect() are interpreted.  The default mode
+     *   is rectMode(CORNER), which interprets the first
+     *   two parameters of rect() as the upper-left corner
+     *   of the shape, while the third and fourth
+     *   parameters are its width and height.
+     *
+     *
+     *   rectMode(CORNERS) interprets the first two
+     *   parameters of rect() as the location of one
+     *   corner, and the third and fourth parameters as the
+     *   location of the opposite corner.
+     *
+     *
+     *   rectMode(CENTER) interprets the first two
+     *   parameters of rect() as the shape's center point,
+     *   while the third and fourth parameters are its
+     *   width and height.
+     *
+     *
+     *   rectMode(RADIUS) also uses the first two
+     *   parameters of rect() as the shape's center point,
+     *   but uses the third and fourth parameters to
+     *   specify half of the shapes's width and height.
+     *
+     *
+     *   The parameter must be written in ALL CAPS because
+     *   Javascript is a case-sensitive language.
+     *   @param mode either CORNER, CORNERS, CENTER, or
+     *   RADIUS
+     *   @chainable
+     */
+    rectMode(
+      mode: RECT_MODE
+    ): p5;
+
+    /**
+     *   Draws all geometry with smooth (anti-aliased)
+     *   edges. smooth() will also improve image quality of
+     *   resized images. Note that smooth() is active by
+     *   default in 2D mode; noSmooth() can be used to
+     *   disable smoothing of geometry, images, and fonts.
+     *   In 3D mode, noSmooth() is enabled by default, so
+     *   it is necessary to call smooth() if you would like
+     *   smooth (antialiased) edges on your geometry.
+     *   @chainable
+     */
+    smooth(): p5;
+
+    /**
+     *   Sets the style for rendering line endings. These
+     *   ends are either squared, extended, or rounded,
+     *   each of which specified with the corresponding
+     *   parameters: SQUARE, PROJECT, and ROUND. The
+     *   default cap is ROUND.
+     *   @param cap either SQUARE, PROJECT, or ROUND
+     *   @chainable
+     */
+    strokeCap(
+      cap: STROKE_CAP
+    ): p5;
+
+    /**
+     *   Sets the style of the joints which connect line
+     *   segments. These joints are either mitered,
+     *   beveled, or rounded and specified with the
+     *   corresponding parameters MITER, BEVEL, and ROUND.
+     *   The default joint is MITER.
+     *   @param join either MITER, BEVEL, ROUND
+     *   @chainable
+     */
+    strokeJoin(
+      join: STROKE_JOIN
+    ): p5;
+
+    /**
+     *   Sets the width of the stroke used for lines,
+     *   points, and the border around shapes. All widths
+     *   are set in units of pixels.
+     *   @param weight the weight (in pixels) of the stroke
+     *   @chainable
+     */
+    strokeWeight(
+      weight: number
+    ): p5;
+  }
+}
diff --git a/types/p5/src/core/shape/curves.d.ts b/types/p5/src/core/shape/curves.d.ts
new file mode 100644
index 0000000000..cde6a9e5e5
--- /dev/null
+++ b/types/p5/src/core/shape/curves.d.ts
@@ -0,0 +1,313 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../../index";
+
+declare module "../../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Draws a cubic Bezier curve on the screen. These
+     *   curves are defined by a series of anchor and
+     *   control points. The first two parameters specify
+     *   the first anchor point and the last two parameters
+     *   specify the other anchor point, which become the
+     *   first and last points on the curve. The middle
+     *   parameters specify the two control points which
+     *   define the shape of the curve. Approximately
+     *   speaking, control points "pull" the curve towards
+     *   them.Bezier curves were developed by French
+     *   automotive engineer Pierre Bezier, and are
+     *   commonly used in computer graphics to define
+     *   gently sloping curves. See also curve().
+     *   @param x1 x-coordinate for the first anchor point
+     *   @param y1 y-coordinate for the first anchor point
+     *   @param x2 x-coordinate for the first control point
+     *   @param y2 y-coordinate for the first control point
+     *   @param x3 x-coordinate for the second control
+     *   point
+     *   @param y3 y-coordinate for the second control
+     *   point
+     *   @param x4 x-coordinate for the second anchor point
+     *   @param y4 y-coordinate for the second anchor point
+     *   @chainable
+     */
+    bezier(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number,
+      x3: number,
+      y3: number,
+      x4: number,
+      y4: number
+    ): p5;
+
+    /**
+     *   Draws a cubic Bezier curve on the screen. These
+     *   curves are defined by a series of anchor and
+     *   control points. The first two parameters specify
+     *   the first anchor point and the last two parameters
+     *   specify the other anchor point, which become the
+     *   first and last points on the curve. The middle
+     *   parameters specify the two control points which
+     *   define the shape of the curve. Approximately
+     *   speaking, control points "pull" the curve towards
+     *   them.Bezier curves were developed by French
+     *   automotive engineer Pierre Bezier, and are
+     *   commonly used in computer graphics to define
+     *   gently sloping curves. See also curve().
+     *   @param x1 x-coordinate for the first anchor point
+     *   @param y1 y-coordinate for the first anchor point
+     *   @param z1 z-coordinate for the first anchor point
+     *   @param x2 x-coordinate for the first control point
+     *   @param y2 y-coordinate for the first control point
+     *   @param z2 z-coordinate for the first control point
+     *   @param x3 x-coordinate for the second control
+     *   point
+     *   @param y3 y-coordinate for the second control
+     *   point
+     *   @param z3 z-coordinate for the second control
+     *   point
+     *   @param x4 x-coordinate for the second anchor point
+     *   @param y4 y-coordinate for the second anchor point
+     *   @param z4 z-coordinate for the second anchor point
+     *   @chainable
+     */
+    bezier(
+      x1: number,
+      y1: number,
+      z1: number,
+      x2: number,
+      y2: number,
+      z2: number,
+      x3: number,
+      y3: number,
+      z3: number,
+      x4: number,
+      y4: number,
+      z4: number
+    ): p5;
+
+    /**
+     *   Sets the resolution at which Beziers display. The
+     *   default value is 20.
+     *
+     *   This function is only useful when using the WEBGL
+     *   renderer as the default canvas renderer does not
+     *   use this information.
+     *   @param detail resolution of the curves
+     *   @chainable
+     */
+    bezierDetail(
+      detail: number
+    ): p5;
+
+    /**
+     *   Evaluates the Bezier at position t for points a,
+     *   b, c, d. The parameters a and d are the first and
+     *   last points on the curve, and b and c are the
+     *   control points. The final parameter t varies
+     *   between 0 and 1. This can be done once with the x
+     *   coordinates and a second time with the y
+     *   coordinates to get the location of a bezier curve
+     *   at t.
+     *   @param a coordinate of first point on the curve
+     *   @param b coordinate of first control point
+     *   @param c coordinate of second control point
+     *   @param d coordinate of second point on the curve
+     *   @param t value between 0 and 1
+     *   @return the value of the Bezier at position t
+     */
+    bezierPoint(
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      t: number
+    ): number;
+
+    /**
+     *   Evaluates the tangent to the Bezier at position t
+     *   for points a, b, c, d. The parameters a and d are
+     *   the first and last points on the curve, and b and
+     *   c are the control points. The final parameter t
+     *   varies between 0 and 1.
+     *   @param a coordinate of first point on the curve
+     *   @param b coordinate of first control point
+     *   @param c coordinate of second control point
+     *   @param d coordinate of second point on the curve
+     *   @param t value between 0 and 1
+     *   @return the tangent at position t
+     */
+    bezierTangent(
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      t: number
+    ): number;
+
+    /**
+     *   Draws a curved line on the screen between two
+     *   points, given as the middle four parameters. The
+     *   first two parameters are a control point, as if
+     *   the curve came from this point even though it's
+     *   not drawn. The last two parameters similarly
+     *   describe the other control point.  Longer curves
+     *   can be created by putting a series of curve()
+     *   functions together or using curveVertex(). An
+     *   additional function called curveTightness()
+     *   provides control for the visual quality of the
+     *   curve. The curve() function is an implementation
+     *   of Catmull-Rom splines.
+     *   @param x1 x-coordinate for the beginning control
+     *   point
+     *   @param y1 y-coordinate for the beginning control
+     *   point
+     *   @param x2 x-coordinate for the first point
+     *   @param y2 y-coordinate for the first point
+     *   @param x3 x-coordinate for the second point
+     *   @param y3 y-coordinate for the second point
+     *   @param x4 x-coordinate for the ending control
+     *   point
+     *   @param y4 y-coordinate for the ending control
+     *   point
+     *   @chainable
+     */
+    curve(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number,
+      x3: number,
+      y3: number,
+      x4: number,
+      y4: number
+    ): p5;
+
+    /**
+     *   Draws a curved line on the screen between two
+     *   points, given as the middle four parameters. The
+     *   first two parameters are a control point, as if
+     *   the curve came from this point even though it's
+     *   not drawn. The last two parameters similarly
+     *   describe the other control point.  Longer curves
+     *   can be created by putting a series of curve()
+     *   functions together or using curveVertex(). An
+     *   additional function called curveTightness()
+     *   provides control for the visual quality of the
+     *   curve. The curve() function is an implementation
+     *   of Catmull-Rom splines.
+     *   @param x1 x-coordinate for the beginning control
+     *   point
+     *   @param y1 y-coordinate for the beginning control
+     *   point
+     *   @param z1 z-coordinate for the beginning control
+     *   point
+     *   @param x2 x-coordinate for the first point
+     *   @param y2 y-coordinate for the first point
+     *   @param z2 z-coordinate for the first point
+     *   @param x3 x-coordinate for the second point
+     *   @param y3 y-coordinate for the second point
+     *   @param z3 z-coordinate for the second point
+     *   @param x4 x-coordinate for the ending control
+     *   point
+     *   @param y4 y-coordinate for the ending control
+     *   point
+     *   @param z4 z-coordinate for the ending control
+     *   point
+     *   @chainable
+     */
+    curve(
+      x1: number,
+      y1: number,
+      z1: number,
+      x2: number,
+      y2: number,
+      z2: number,
+      x3: number,
+      y3: number,
+      z3: number,
+      x4: number,
+      y4: number,
+      z4: number
+    ): p5;
+
+    /**
+     *   Sets the resolution at which curves display. The
+     *   default value is 20 while the minimum value is 3.
+     *
+     *   This function is only useful when using the WEBGL
+     *   renderer as the default canvas renderer does not
+     *   use this information.
+     *   @param resolution resolution of the curves
+     *   @chainable
+     */
+    curveDetail(
+      resolution: number
+    ): p5;
+
+    /**
+     *   Modifies the quality of forms created with curve()
+     *   and curveVertex(). The parameter tightness
+     *   determines how the curve fits to the vertex
+     *   points. The value 0.0 is the default value for
+     *   tightness (this value defines the curves to be
+     *   Catmull-Rom splines) and the value 1.0 connects
+     *   all the points with straight lines. Values within
+     *   the range -5.0 and 5.0 will deform the curves but
+     *   will leave them recognizable and as values
+     *   increase in magnitude, they will continue to
+     *   deform.
+     *   @param amount amount of deformation from the
+     *   original vertices
+     *   @chainable
+     */
+    curveTightness(
+      amount: number
+    ): p5;
+
+    /**
+     *   Evaluates the curve at position t for points a, b,
+     *   c, d. The parameter t varies between 0 and 1, a
+     *   and d are control points of the curve, and b and c
+     *   are the start and end points of the curve. This
+     *   can be done once with the x coordinates and a
+     *   second time with the y coordinates to get the
+     *   location of a curve at t.
+     *   @param a coordinate of first control point of the
+     *   curve
+     *   @param b coordinate of first point
+     *   @param c coordinate of second point
+     *   @param d coordinate of second control point
+     *   @param t value between 0 and 1
+     *   @return bezier value at position t
+     */
+    curvePoint(
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      t: number
+    ): number;
+
+    /**
+     *   Evaluates the tangent to the curve at position t
+     *   for points a, b, c, d. The parameter t varies
+     *   between 0 and 1, a and d are points on the curve,
+     *   and b and c are the control points.
+     *   @param a coordinate of first point on the curve
+     *   @param b coordinate of first control point
+     *   @param c coordinate of second control point
+     *   @param d coordinate of second point on the curve
+     *   @param t value between 0 and 1
+     *   @return the tangent at position t
+     */
+    curveTangent(
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      t: number
+    ): number;
+  }
+}
diff --git a/types/p5/src/core/shape/vertex.d.ts b/types/p5/src/core/shape/vertex.d.ts
new file mode 100644
index 0000000000..65f5bc1ce9
--- /dev/null
+++ b/types/p5/src/core/shape/vertex.d.ts
@@ -0,0 +1,323 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../../index";
+
+declare module "../../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Use the beginContour() and endContour() functions
+     *   to create negative shapes within shapes such as
+     *   the center of the letter 'O'. beginContour()
+     *   begins recording vertices for the shape and
+     *   endContour() stops recording. The vertices that
+     *   define a negative shape must "wind" in the
+     *   opposite direction from the exterior shape. First
+     *   draw vertices for the exterior clockwise order,
+     *   then for internal shapes, draw vertices shape in
+     *   counter-clockwise.  These functions can only be
+     *   used within a beginShape()/endShape() pair and
+     *   transformations such as translate(), rotate(), and
+     *   scale() do not work within a
+     *   beginContour()/endContour() pair. It is also not
+     *   possible to use other shapes, such as ellipse() or
+     *   rect() within.
+     *   @chainable
+     */
+    beginContour(): p5;
+
+    /**
+     *   Using the beginShape() and endShape() functions
+     *   allow creating more complex forms. beginShape()
+     *   begins recording vertices for a shape and
+     *   endShape() stops recording. The value of the kind
+     *   parameter tells it which types of shapes to create
+     *   from the provided vertices. With no mode
+     *   specified, the shape can be any irregular polygon.
+     *   The parameters available for beginShape() are
+     *   POINTS, LINES, TRIANGLES, TRIANGLE_FAN,
+     *   TRIANGLE_STRIP, QUADS, and QUAD_STRIP. After
+     *   calling the beginShape() function, a series of
+     *   vertex() commands must follow. To stop drawing the
+     *   shape, call endShape(). Each shape will be
+     *   outlined with the current stroke color and filled
+     *   with the fill color.
+     *
+     *
+     *   Transformations such as translate(), rotate(), and
+     *   scale() do not work within beginShape(). It is
+     *   also not possible to use other shapes, such as
+     *   ellipse() or rect() within beginShape().
+     *   @param [kind] either POINTS, LINES, TRIANGLES,
+     *   TRIANGLE_FAN TRIANGLE_STRIP, QUADS, or QUAD_STRIP
+     *   @chainable
+     */
+    beginShape(
+      kind?: BEGIN_KIND
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for Bezier curves.
+     *   Each call to bezierVertex() defines the position
+     *   of two control points and one anchor point of a
+     *   Bezier curve, adding a new segment to a line or
+     *   shape. For WebGL mode bezierVertex() can be used
+     *   in 2D as well as 3D mode. 2D mode expects 6
+     *   parameters, while 3D mode expects 9 parameters
+     *   (including z coordinates).  The first time
+     *   bezierVertex() is used within a beginShape() call,
+     *   it must be prefaced with a call to vertex() to set
+     *   the first anchor point. This function must be used
+     *   between beginShape() and endShape() and only when
+     *   there is no MODE or POINTS parameter specified to
+     *   beginShape().
+     *   @param x2 x-coordinate for the first control point
+     *   @param y2 y-coordinate for the first control point
+     *   @param x3 x-coordinate for the second control
+     *   point
+     *   @param y3 y-coordinate for the second control
+     *   point
+     *   @param x4 x-coordinate for the anchor point
+     *   @param y4 y-coordinate for the anchor point
+     *   @chainable
+     */
+    bezierVertex(
+      x2: number,
+      y2: number,
+      x3: number,
+      y3: number,
+      x4: number,
+      y4: number
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for Bezier curves.
+     *   Each call to bezierVertex() defines the position
+     *   of two control points and one anchor point of a
+     *   Bezier curve, adding a new segment to a line or
+     *   shape. For WebGL mode bezierVertex() can be used
+     *   in 2D as well as 3D mode. 2D mode expects 6
+     *   parameters, while 3D mode expects 9 parameters
+     *   (including z coordinates).  The first time
+     *   bezierVertex() is used within a beginShape() call,
+     *   it must be prefaced with a call to vertex() to set
+     *   the first anchor point. This function must be used
+     *   between beginShape() and endShape() and only when
+     *   there is no MODE or POINTS parameter specified to
+     *   beginShape().
+     *   @param x2 x-coordinate for the first control point
+     *   @param y2 y-coordinate for the first control point
+     *   @param z2 z-coordinate for the first control point
+     *   (for WebGL mode)
+     *   @param x3 x-coordinate for the second control
+     *   point
+     *   @param y3 y-coordinate for the second control
+     *   point
+     *   @param z3 z-coordinate for the second control
+     *   point (for WebGL mode)
+     *   @param x4 x-coordinate for the anchor point
+     *   @param y4 y-coordinate for the anchor point
+     *   @param z4 z-coordinate for the anchor point (for
+     *   WebGL mode)
+     *   @chainable
+     */
+    bezierVertex(
+      x2: number,
+      y2: number,
+      z2: number,
+      x3: number,
+      y3: number,
+      z3: number,
+      x4: number,
+      y4: number,
+      z4: number
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for curves. This
+     *   function may only be used between beginShape() and
+     *   endShape() and only when there is no MODE
+     *   parameter specified to beginShape(). For WebGL
+     *   mode curveVertex() can be used in 2D as well as 3D
+     *   mode. 2D mode expects 2 parameters, while 3D mode
+     *   expects 3 parameters.  The first and last points
+     *   in a series of curveVertex() lines will be used to
+     *   guide the beginning and end of a the curve. A
+     *   minimum of four points is required to draw a tiny
+     *   curve between the second and third points. Adding
+     *   a fifth point with curveVertex() will draw the
+     *   curve between the second, third, and fourth
+     *   points. The curveVertex() function is an
+     *   implementation of Catmull-Rom splines.
+     *   @param x x-coordinate of the vertex
+     *   @param y y-coordinate of the vertex
+     *   @chainable
+     */
+    curveVertex(
+      x: number,
+      y: number
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for curves. This
+     *   function may only be used between beginShape() and
+     *   endShape() and only when there is no MODE
+     *   parameter specified to beginShape(). For WebGL
+     *   mode curveVertex() can be used in 2D as well as 3D
+     *   mode. 2D mode expects 2 parameters, while 3D mode
+     *   expects 3 parameters.  The first and last points
+     *   in a series of curveVertex() lines will be used to
+     *   guide the beginning and end of a the curve. A
+     *   minimum of four points is required to draw a tiny
+     *   curve between the second and third points. Adding
+     *   a fifth point with curveVertex() will draw the
+     *   curve between the second, third, and fourth
+     *   points. The curveVertex() function is an
+     *   implementation of Catmull-Rom splines.
+     *   @param x x-coordinate of the vertex
+     *   @param y y-coordinate of the vertex
+     *   @param [z] z-coordinate of the vertex (for WebGL
+     *   mode)
+     *   @chainable
+     */
+    curveVertex(
+      x: number,
+      y: number,
+      z?: number
+    ): p5;
+
+    /**
+     *   Use the beginContour() and endContour() functions
+     *   to create negative shapes within shapes such as
+     *   the center of the letter 'O'. beginContour()
+     *   begins recording vertices for the shape and
+     *   endContour() stops recording. The vertices that
+     *   define a negative shape must "wind" in the
+     *   opposite direction from the exterior shape. First
+     *   draw vertices for the exterior clockwise order,
+     *   then for internal shapes, draw vertices shape in
+     *   counter-clockwise.  These functions can only be
+     *   used within a beginShape()/endShape() pair and
+     *   transformations such as translate(), rotate(), and
+     *   scale() do not work within a
+     *   beginContour()/endContour() pair. It is also not
+     *   possible to use other shapes, such as ellipse() or
+     *   rect() within.
+     *   @chainable
+     */
+    endContour(): p5;
+
+    /**
+     *   The endShape() function is the companion to
+     *   beginShape() and may only be called after
+     *   beginShape(). When endshape() is called, all of
+     *   image data defined since the previous call to
+     *   beginShape() is written into the image buffer. The
+     *   constant CLOSE as the value for the MODE parameter
+     *   to close the shape (to connect the beginning and
+     *   the end).
+     *   @param [mode] use CLOSE to close the shape
+     *   @chainable
+     */
+    endShape(
+      mode?: END_MODE
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for quadratic Bezier
+     *   curves. Each call to quadraticVertex() defines the
+     *   position of one control points and one anchor
+     *   point of a Bezier curve, adding a new segment to a
+     *   line or shape. The first time quadraticVertex() is
+     *   used within a beginShape() call, it must be
+     *   prefaced with a call to vertex() to set the first
+     *   anchor point. For WebGL mode quadraticVertex() can
+     *   be used in 2D as well as 3D mode. 2D mode expects
+     *   4 parameters, while 3D mode expects 6 parameters
+     *   (including z coordinates).  This function must be
+     *   used between beginShape() and endShape() and only
+     *   when there is no MODE or POINTS parameter
+     *   specified to beginShape().
+     *   @param cx x-coordinate for the control point
+     *   @param cy y-coordinate for the control point
+     *   @param x3 x-coordinate for the anchor point
+     *   @param y3 y-coordinate for the anchor point
+     *   @chainable
+     */
+    quadraticVertex(
+      cx: number,
+      cy: number,
+      x3: number,
+      y3: number
+    ): p5;
+
+    /**
+     *   Specifies vertex coordinates for quadratic Bezier
+     *   curves. Each call to quadraticVertex() defines the
+     *   position of one control points and one anchor
+     *   point of a Bezier curve, adding a new segment to a
+     *   line or shape. The first time quadraticVertex() is
+     *   used within a beginShape() call, it must be
+     *   prefaced with a call to vertex() to set the first
+     *   anchor point. For WebGL mode quadraticVertex() can
+     *   be used in 2D as well as 3D mode. 2D mode expects
+     *   4 parameters, while 3D mode expects 6 parameters
+     *   (including z coordinates).  This function must be
+     *   used between beginShape() and endShape() and only
+     *   when there is no MODE or POINTS parameter
+     *   specified to beginShape().
+     *   @param cx x-coordinate for the control point
+     *   @param cy y-coordinate for the control point
+     *   @param cz z-coordinate for the control point (for
+     *   WebGL mode)
+     *   @param x3 x-coordinate for the anchor point
+     *   @param y3 y-coordinate for the anchor point
+     *   @param z3 z-coordinate for the anchor point (for
+     *   WebGL mode)
+     *   @chainable
+     */
+    quadraticVertex(
+      cx: number,
+      cy: number,
+      cz: number,
+      x3: number,
+      y3: number,
+      z3: number
+    ): p5;
+
+    /**
+     *   All shapes are constructed by connecting a series
+     *   of vertices. vertex() is used to specify the
+     *   vertex coordinates for points, lines, triangles,
+     *   quads, and polygons. It is used exclusively within
+     *   the beginShape() and endShape() functions.
+     *   @param x x-coordinate of the vertex
+     *   @param y y-coordinate of the vertex
+     *   @chainable
+     */
+    vertex(
+      x: number,
+      y: number
+    ): p5;
+
+    /**
+     *   All shapes are constructed by connecting a series
+     *   of vertices. vertex() is used to specify the
+     *   vertex coordinates for points, lines, triangles,
+     *   quads, and polygons. It is used exclusively within
+     *   the beginShape() and endShape() functions.
+     *   @param x x-coordinate of the vertex
+     *   @param y y-coordinate of the vertex
+     *   @param z z-coordinate of the vertex
+     *   @param [u] the vertex's texture u-coordinate
+     *   @param [v] the vertex's texture v-coordinate
+     *   @chainable
+     */
+    vertex(
+      x: number,
+      y: number,
+      z: number,
+      u?: number,
+      v?: number
+    ): p5;
+  }
+}
diff --git a/types/p5/src/core/structure.d.ts b/types/p5/src/core/structure.d.ts
new file mode 100644
index 0000000000..de0b97ead7
--- /dev/null
+++ b/types/p5/src/core/structure.d.ts
@@ -0,0 +1,110 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Stops p5.js from continuously executing the code
+     *   within draw(). If loop() is called, the code in
+     *   draw() begins to run continuously again. If using
+     *   noLoop() in setup(), it should be the last line
+     *   inside the block.  When noLoop() is used, it's not
+     *   possible to manipulate or access the screen inside
+     *   event handling functions such as mousePressed() or
+     *   keyPressed(). Instead, use those functions to call
+     *   redraw() or loop(), which will run draw(), which
+     *   can update the screen properly. This means that
+     *   when noLoop() has been called, no drawing can
+     *   happen, and functions like saveFrame() or
+     *   loadPixels() may not be used.
+     *
+     *
+     *   Note that if the sketch is resized, redraw() will
+     *   be called to update the sketch, even after
+     *   noLoop() has been specified. Otherwise, the sketch
+     *   would enter an odd state until loop() was called.
+     */
+    noLoop(): void;
+
+    /**
+     *   By default, p5.js loops through draw()
+     *   continuously, executing the code within it.
+     *   However, the draw() loop may be stopped by calling
+     *   noLoop(). In that case, the draw() loop can be
+     *   resumed with loop().
+     */
+    loop(): void;
+
+    /**
+     *   The push() function saves the current drawing
+     *   style settings and transformations, while pop()
+     *   restores these settings. Note that these functions
+     *   are always used together. They allow you to change
+     *   the style and transformation settings and later
+     *   return to what you had. When a new state is
+     *   started with push(), it builds on the current
+     *   style and transform information. The push() and
+     *   pop() functions can be embedded to provide more
+     *   control. (See the second example for a
+     *   demonstration.)  push() stores information related
+     *   to the current transformation state and style
+     *   settings controlled by the following functions:
+     *   fill(), stroke(), tint(), strokeWeight(),
+     *   strokeCap(), strokeJoin(), imageMode(),
+     *   rectMode(), ellipseMode(), colorMode(),
+     *   textAlign(), textFont(), textMode(), textSize(),
+     *   textLeading().
+     */
+    push(): void;
+
+    /**
+     *   The push() function saves the current drawing
+     *   style settings and transformations, while pop()
+     *   restores these settings. Note that these functions
+     *   are always used together. They allow you to change
+     *   the style and transformation settings and later
+     *   return to what you had. When a new state is
+     *   started with push(), it builds on the current
+     *   style and transform information. The push() and
+     *   pop() functions can be embedded to provide more
+     *   control. (See the second example for a
+     *   demonstration.)  push() stores information related
+     *   to the current transformation state and style
+     *   settings controlled by the following functions:
+     *   fill(), stroke(), tint(), strokeWeight(),
+     *   strokeCap(), strokeJoin(), imageMode(),
+     *   rectMode(), ellipseMode(), colorMode(),
+     *   textAlign(), textFont(), textMode(), textSize(),
+     *   textLeading().
+     */
+    pop(): void;
+
+    /**
+     *   Executes the code within draw() one time. This
+     *   functions allows the program to update the display
+     *   window only when necessary, for example when an
+     *   event registered by mousePressed() or keyPressed()
+     *   occurs.  In structuring a program, it only makes
+     *   sense to call redraw() within events such as
+     *   mousePressed(). This is because redraw() does not
+     *   run draw() immediately (it only sets a flag that
+     *   indicates an update is needed).
+     *
+     *
+     *   The redraw() function does not work properly when
+     *   called inside draw(). To enable/disable
+     *   animations, use loop() and noLoop().
+     *
+     *
+     *   In addition you can set the number of redraws per
+     *   method call. Just add an integer as single
+     *   parameter for the number of redraws.
+     *   @param [n] Redraw for n-times. The default value
+     *   is 1.
+     */
+    redraw(
+      n?: number
+    ): void;
+  }
+}
diff --git a/types/p5/src/core/transform.d.ts b/types/p5/src/core/transform.d.ts
new file mode 100644
index 0000000000..965ee8e7cc
--- /dev/null
+++ b/types/p5/src/core/transform.d.ts
@@ -0,0 +1,275 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Multiplies the current matrix by the one specified
+     *   through the parameters. This is a powerful
+     *   operation that can perform the equivalent of
+     *   translate, scale, shear and rotate all at once.
+     *   You can learn more about transformation matrices
+     *   on  Wikipedia. The naming of the arguments here
+     *   follows the naming of the  WHATWG specification
+     *   and corresponds to a transformation matrix of the
+     *   form:
+     *   @param a numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @param b numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @param c numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @param d numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @param e numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @param f numbers which define the 2x3 matrix to be
+     *   multiplied
+     *   @chainable
+     */
+    applyMatrix(
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      e: number,
+      f: number
+    ): p5;
+
+    /**
+     *   Replaces the current matrix with the identity
+     *   matrix.
+     *   @chainable
+     */
+    resetMatrix(): p5;
+
+    /**
+     *   Rotates a shape the amount specified by the angle
+     *   parameter. This function accounts for angleMode,
+     *   so angles can be entered in either RADIANS or
+     *   DEGREES.  Objects are always rotated around their
+     *   relative position to the origin and positive
+     *   numbers rotate objects in a clockwise direction.
+     *   Transformations apply to everything that happens
+     *   after and subsequent calls to the function
+     *   accumulates the effect. For example, calling
+     *   rotate(HALF_PI) and then rotate(HALF_PI) is the
+     *   same as rotate(PI). All tranformations are reset
+     *   when draw() begins again.
+     *
+     *
+     *   Technically, rotate() multiplies the current
+     *   transformation matrix by a rotation matrix. This
+     *   function can be further controlled by the push()
+     *   and pop().
+     *   @param angle the angle of rotation, specified in
+     *   radians or degrees, depending on current angleMode
+     *   @param [axis] (in 3d) the axis to rotate around
+     *   @chainable
+     */
+    rotate(
+      angle: number,
+      axis?:
+        | Vector
+        | number[]
+    ): p5;
+
+    /**
+     *   Rotates around X axis.
+     *   @param angle the angle of rotation, specified in
+     *   radians or degrees, depending on current angleMode
+     *   @chainable
+     */
+    rotateX(
+      angle: number
+    ): p5;
+
+    /**
+     *   Rotates around Y axis.
+     *   @param angle the angle of rotation, specified in
+     *   radians or degrees, depending on current angleMode
+     *   @chainable
+     */
+    rotateY(
+      angle: number
+    ): p5;
+
+    /**
+     *   Rotates around Z axis. Webgl mode only.
+     *   @param angle the angle of rotation, specified in
+     *   radians or degrees, depending on current angleMode
+     *   @chainable
+     */
+    rotateZ(
+      angle: number
+    ): p5;
+
+    /**
+     *   Increases or decreases the size of a shape by
+     *   expanding and contracting vertices. Objects always
+     *   scale from their relative origin to the coordinate
+     *   system. Scale values are specified as decimal
+     *   percentages. For example, the function call
+     *   scale(2.0) increases the dimension of a shape by
+     *   200%.  Transformations apply to everything that
+     *   happens after and subsequent calls to the function
+     *   multiply the effect. For example, calling
+     *   scale(2.0) and then scale(1.5) is the same as
+     *   scale(3.0). If scale() is called within draw(),
+     *   the transformation is reset when the loop begins
+     *   again.
+     *
+     *
+     *   Using this function with the z parameter is only
+     *   available in WEBGL mode. This function can be
+     *   further controlled with push() and pop().
+     *   @param s percent to scale the object, or
+     *   percentage to scale the object in the x-axis if
+     *   multiple arguments are given
+     *   @param [y] percent to scale the object in the
+     *   y-axis
+     *   @param [z] percent to scale the object in the
+     *   z-axis (webgl only)
+     *   @chainable
+     */
+    scale(
+      s:
+        | number
+        | Vector
+        | number[],
+      y?: number,
+      z?: number
+    ): p5;
+
+    /**
+     *   Increases or decreases the size of a shape by
+     *   expanding and contracting vertices. Objects always
+     *   scale from their relative origin to the coordinate
+     *   system. Scale values are specified as decimal
+     *   percentages. For example, the function call
+     *   scale(2.0) increases the dimension of a shape by
+     *   200%.  Transformations apply to everything that
+     *   happens after and subsequent calls to the function
+     *   multiply the effect. For example, calling
+     *   scale(2.0) and then scale(1.5) is the same as
+     *   scale(3.0). If scale() is called within draw(),
+     *   the transformation is reset when the loop begins
+     *   again.
+     *
+     *
+     *   Using this function with the z parameter is only
+     *   available in WEBGL mode. This function can be
+     *   further controlled with push() and pop().
+     *   @param scales per-axis percents to scale the
+     *   object
+     *   @chainable
+     */
+    scale(
+      scales:
+        | Vector
+        | number[]
+    ): p5;
+
+    /**
+     *   Shears a shape around the x-axis the amount
+     *   specified by the angle parameter. Angles should be
+     *   specified in the current angleMode. Objects are
+     *   always sheared around their relative position to
+     *   the origin and positive numbers shear objects in a
+     *   clockwise direction.  Transformations apply to
+     *   everything that happens after and subsequent calls
+     *   to the function accumulates the effect. For
+     *   example, calling shearX(PI/2) and then
+     *   shearX(PI/2) is the same as shearX(PI). If
+     *   shearX() is called within the draw(), the
+     *   transformation is reset when the loop begins
+     *   again.
+     *
+     *
+     *   Technically, shearX() multiplies the current
+     *   transformation matrix by a rotation matrix. This
+     *   function can be further controlled by the push()
+     *   and pop() functions.
+     *   @param angle angle of shear specified in radians
+     *   or degrees, depending on current angleMode
+     *   @chainable
+     */
+    shearX(
+      angle: number
+    ): p5;
+
+    /**
+     *   Shears a shape around the y-axis the amount
+     *   specified by the angle parameter. Angles should be
+     *   specified in the current angleMode. Objects are
+     *   always sheared around their relative position to
+     *   the origin and positive numbers shear objects in a
+     *   clockwise direction.  Transformations apply to
+     *   everything that happens after and subsequent calls
+     *   to the function accumulates the effect. For
+     *   example, calling shearY(PI/2) and then
+     *   shearY(PI/2) is the same as shearY(PI). If
+     *   shearY() is called within the draw(), the
+     *   transformation is reset when the loop begins
+     *   again.
+     *
+     *
+     *   Technically, shearY() multiplies the current
+     *   transformation matrix by a rotation matrix. This
+     *   function can be further controlled by the push()
+     *   and pop() functions.
+     *   @param angle angle of shear specified in radians
+     *   or degrees, depending on current angleMode
+     *   @chainable
+     */
+    shearY(
+      angle: number
+    ): p5;
+
+    /**
+     *   Specifies an amount to displace objects within the
+     *   display window. The x parameter specifies
+     *   left/right translation, the y parameter specifies
+     *   up/down translation.  Transformations are
+     *   cumulative and apply to everything that happens
+     *   after and subsequent calls to the function
+     *   accumulates the effect. For example, calling
+     *   translate(50, 0) and then translate(20, 0) is the
+     *   same as translate(70, 0). If translate() is called
+     *   within draw(), the transformation is reset when
+     *   the loop begins again. This function can be
+     *   further controlled by using push() and pop().
+     *   @param x left/right translation
+     *   @param y up/down translation
+     *   @param [z] forward/backward translation (webgl
+     *   only)
+     *   @chainable
+     */
+    translate(
+      x: number,
+      y: number,
+      z?: number
+    ): p5;
+
+    /**
+     *   Specifies an amount to displace objects within the
+     *   display window. The x parameter specifies
+     *   left/right translation, the y parameter specifies
+     *   up/down translation.  Transformations are
+     *   cumulative and apply to everything that happens
+     *   after and subsequent calls to the function
+     *   accumulates the effect. For example, calling
+     *   translate(50, 0) and then translate(20, 0) is the
+     *   same as translate(70, 0). If translate() is called
+     *   within draw(), the transformation is reset when
+     *   the loop begins again. This function can be
+     *   further controlled by using push() and pop().
+     *   @param vector the vector to translate by
+     *   @chainable
+     */
+    translate(
+      vector: Vector
+    ): p5;
+  }
+}
diff --git a/types/p5/src/data/p5.TypedDict.d.ts b/types/p5/src/data/p5.TypedDict.d.ts
new file mode 100644
index 0000000000..526f320514
--- /dev/null
+++ b/types/p5/src/data/p5.TypedDict.d.ts
@@ -0,0 +1,222 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class TypedDict {
+    /**
+     *   Returns the number of key-value pairs currently
+     *   stored in the Dictionary.
+     *   @return the number of key-value pairs in the
+     *   Dictionary
+     */
+    size(): number;
+
+    /**
+     *   Returns true if the given key exists in the
+     *   Dictionary, otherwise returns false.
+     *   @param key that you want to look up
+     *   @return whether that key exists in Dictionary
+     */
+    hasKey(
+      key:
+        | number
+        | string
+    ): boolean;
+
+    /**
+     *   Returns the value stored at the given key.
+     *   @param the key you want to access
+     *   @return the value stored at that key
+     */
+    get(
+      the:
+        | number
+        | string
+    ):
+      | number
+      | string;
+
+    /**
+     *   Updates the value associated with the given key in
+     *   case it already exists in the Dictionary.
+     *   Otherwise a new key-value pair is added.
+     */
+    set(
+      key:
+        | number
+        | string,
+      value:
+        | number
+        | string
+    ): void;
+
+    /**
+     *   Creates a new key-value pair in the Dictionary.
+     */
+    create(
+      key:
+        | number
+        | string,
+      value:
+        | number
+        | string
+    ): void;
+
+    /**
+     *   Creates a new key-value pair in the Dictionary.
+     *   @param obj key/value pair
+     */
+    create(
+      obj: object
+    ): void;
+
+    /**
+     *   Removes all previously stored key-value pairs from
+     *   the Dictionary.
+     */
+    clear(): void;
+
+    /**
+     *   Removes the key-value pair stored at the given key
+     *   from the Dictionary.
+     *   @param key for the pair to remove
+     */
+    remove(
+      key:
+        | number
+        | string
+    ): void;
+
+    /**
+     *   Logs the set of items currently stored in the
+     *   Dictionary to the console.
+     */
+    print(): void;
+
+    /**
+     *   Converts the Dictionary into a CSV file for local
+     *   download.
+     */
+    saveTable(): void;
+
+    /**
+     *   Converts the Dictionary into a JSON file for local
+     *   download.
+     */
+    saveJSON(): void;
+  }
+  class NumberDict extends TypedDict {
+    /**
+     *   Add the given number to the value currently stored
+     *   at the given key. The sum then replaces the value
+     *   previously stored in the Dictionary.
+     *   @param Key for the value you wish to add to
+     *   @param Number to add to the value
+     */
+    add(
+      Key: number,
+      Number: number
+    ): void;
+
+    /**
+     *   Subtract the given number from the value currently
+     *   stored at the given key. The difference then
+     *   replaces the value previously stored in the
+     *   Dictionary.
+     *   @param Key for the value you wish to subtract from
+     *   @param Number to subtract from the value
+     */
+    sub(
+      Key: number,
+      Number: number
+    ): void;
+
+    /**
+     *   Multiply the given number with the value currently
+     *   stored at the given key. The product then replaces
+     *   the value previously stored in the Dictionary.
+     *   @param Key for value you wish to multiply
+     *   @param Amount to multiply the value by
+     */
+    mult(
+      Key: number,
+      Amount: number
+    ): void;
+
+    /**
+     *   Divide the given number with the value currently
+     *   stored at the given key. The quotient then
+     *   replaces the value previously stored in the
+     *   Dictionary.
+     *   @param Key for value you wish to divide
+     *   @param Amount to divide the value by
+     */
+    div(
+      Key: number,
+      Amount: number
+    ): void;
+
+    /**
+     *   Return the lowest number currently stored in the
+     *   Dictionary.
+     */
+    minValue(): number;
+
+    /**
+     *   Return the highest number currently stored in the
+     *   Dictionary.
+     */
+    maxValue(): number;
+
+    /**
+     *   Return the lowest key currently used in the
+     *   Dictionary.
+     */
+    minKey(): number;
+
+    /**
+     *   Return the highest key currently used in the
+     *   Dictionary.
+     */
+    maxKey(): number;
+  }
+  class StringDict extends TypedDict {}
+  interface p5InstanceExtensions {
+    /**
+     *   Creates a new instance of p5.StringDict using the
+     *   key-value pair or the object you provide.
+     */
+    createStringDict(
+      key: string,
+      value: string
+    ): StringDict;
+
+    /**
+     *   Creates a new instance of p5.StringDict using the
+     *   key-value pair or the object you provide.
+     *   @param object object
+     */
+    createStringDict(
+      object: object
+    ): StringDict;
+
+    /**
+     *   Creates a new instance of p5.NumberDict using the
+     *   key-value pair or object you provide.
+     */
+    createNumberDict(
+      key: number,
+      value: number
+    ): NumberDict;
+
+    /**
+     *   Creates a new instance of p5.NumberDict using the
+     *   key-value pair or object you provide.
+     *   @param object object
+     */
+    createNumberDict(
+      object: object
+    ): NumberDict;
+  }
+}
diff --git a/types/p5/src/events/acceleration.d.ts b/types/p5/src/events/acceleration.d.ts
new file mode 100644
index 0000000000..7c9ea98e2f
--- /dev/null
+++ b/types/p5/src/events/acceleration.d.ts
@@ -0,0 +1,175 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The setMoveThreshold() function is used to set the
+     *   movement threshold for the deviceMoved() function.
+     *   The default threshold is set to 0.5.
+     *   @param value The threshold value
+     */
+    setMoveThreshold(
+      value: number
+    ): void;
+
+    /**
+     *   The setShakeThreshold() function is used to set
+     *   the movement threshold for the deviceShaken()
+     *   function. The default threshold is set to 30.
+     *   @param value The threshold value
+     */
+    setShakeThreshold(
+      value: number
+    ): void;
+
+    /**
+     *   The deviceMoved() function is called when the
+     *   device is moved by more than the threshold value
+     *   along X, Y or Z axis. The default threshold is set
+     *   to 0.5.
+     */
+    deviceMoved(): void;
+
+    /**
+     *   The deviceTurned() function is called when the
+     *   device rotates by more than 90 degrees
+     *   continuously.  The axis that triggers the
+     *   deviceTurned() method is stored in the turnAxis
+     *   variable. The deviceTurned() method can be locked
+     *   to trigger on any axis: X, Y or Z by comparing the
+     *   turnAxis variable to 'X', 'Y' or 'Z'.
+     */
+    deviceTurned(): void;
+
+    /**
+     *   The deviceShaken() function is called when the
+     *   device total acceleration changes of accelerationX
+     *   and accelerationY values is more than the
+     *   threshold value. The default threshold is set to
+     *   30.
+     */
+    deviceShaken(): void;
+
+    /**
+     *   The system variable deviceOrientation always
+     *   contains the orientation of the device. The value
+     *   of this variable will either be set 'landscape' or
+     *   'portrait'. If no data is available it will be set
+     *   to 'undefined'. either LANDSCAPE or PORTRAIT.
+     */
+    deviceOrientation: UNKNOWN_P5_CONSTANT;
+
+    /**
+     *   The system variable accelerationX always contains
+     *   the acceleration of the device along the x axis.
+     *   Value is represented as meters per second squared.
+     */
+    accelerationX: number;
+
+    /**
+     *   The system variable accelerationY always contains
+     *   the acceleration of the device along the y axis.
+     *   Value is represented as meters per second squared.
+     */
+    accelerationY: number;
+
+    /**
+     *   The system variable accelerationZ always contains
+     *   the acceleration of the device along the z axis.
+     *   Value is represented as meters per second squared.
+     */
+    accelerationZ: number;
+
+    /**
+     *   The system variable pAccelerationX always contains
+     *   the acceleration of the device along the x axis in
+     *   the frame previous to the current frame. Value is
+     *   represented as meters per second squared.
+     */
+    pAccelerationX: number;
+
+    /**
+     *   The system variable pAccelerationY always contains
+     *   the acceleration of the device along the y axis in
+     *   the frame previous to the current frame. Value is
+     *   represented as meters per second squared.
+     */
+    pAccelerationY: number;
+
+    /**
+     *   The system variable pAccelerationZ always contains
+     *   the acceleration of the device along the z axis in
+     *   the frame previous to the current frame. Value is
+     *   represented as meters per second squared.
+     */
+    pAccelerationZ: number;
+
+    /**
+     *   The system variable rotationX always contains the
+     *   rotation of the device along the x axis. Value is
+     *   represented as 0 to +/-180 degrees.  Note: The
+     *   order the rotations are called is important, ie.
+     *   if used together, it must be called in the order
+     *   Z-X-Y or there might be unexpected behaviour.
+     */
+    rotationX: number;
+
+    /**
+     *   The system variable rotationY always contains the
+     *   rotation of the device along the y axis. Value is
+     *   represented as 0 to +/-90 degrees.  Note: The
+     *   order the rotations are called is important, ie.
+     *   if used together, it must be called in the order
+     *   Z-X-Y or there might be unexpected behaviour.
+     */
+    rotationY: number;
+
+    /**
+     *   The system variable rotationZ always contains the
+     *   rotation of the device along the z axis. Value is
+     *   represented as 0 to 359 degrees.  Unlike rotationX
+     *   and rotationY, this variable is available for
+     *   devices with a built-in compass only.
+     *
+     *
+     *   Note: The order the rotations are called is
+     *   important, ie. if used together, it must be called
+     *   in the order Z-X-Y or there might be unexpected
+     *   behaviour.
+     */
+    rotationZ: number;
+
+    /**
+     *   The system variable pRotationX always contains the
+     *   rotation of the device along the x axis in the
+     *   frame previous to the current frame. Value is
+     *   represented as 0 to +/-180 degrees.  pRotationX
+     *   can also be used with rotationX to determine the
+     *   rotate direction of the device along the X-axis.
+     */
+    pRotationX: number;
+
+    /**
+     *   The system variable pRotationY always contains the
+     *   rotation of the device along the y axis in the
+     *   frame previous to the current frame. Value is
+     *   represented as 0 to +/-90 degrees.  pRotationY can
+     *   also be used with rotationY to determine the
+     *   rotate direction of the device along the Y-axis.
+     */
+    pRotationY: number;
+
+    /**
+     *   The system variable pRotationZ always contains the
+     *   rotation of the device along the z axis in the
+     *   frame previous to the current frame. Value is
+     *   represented as 0 to 359 degrees.  pRotationZ can
+     *   also be used with rotationZ to determine the
+     *   rotate direction of the device along the Z-axis.
+     */
+    pRotationZ: number;
+    turnAxis: string;
+  }
+}
diff --git a/types/p5/src/events/keyboard.d.ts b/types/p5/src/events/keyboard.d.ts
new file mode 100644
index 0000000000..3226d6e741
--- /dev/null
+++ b/types/p5/src/events/keyboard.d.ts
@@ -0,0 +1,112 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The keyPressed() function is called once every
+     *   time a key is pressed. The keyCode for the key
+     *   that was pressed is stored in the keyCode
+     *   variable.  For non-ASCII keys, use the keyCode
+     *   variable. You can check if the keyCode equals
+     *   BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE,
+     *   SHIFT, CONTROL, OPTION, ALT, UP_ARROW, DOWN_ARROW,
+     *   LEFT_ARROW, RIGHT_ARROW.
+     *
+     *
+     *   For ASCII keys that was pressed is stored in the
+     *   key variable. However, it does not distinguish
+     *   between uppercase and lowercase. For this reason,
+     *   it is recommended to use keyTyped() to read the
+     *   key variable, in which the case of the variable
+     *   will be distinguished.
+     *
+     *
+     *   Because of how operating systems handle key
+     *   repeats, holding down a key may cause multiple
+     *   calls to keyTyped() (and keyReleased() as well).
+     *   The rate of repeat is set by the operating system
+     *   and how each computer is configured.
+     *
+     *
+     *   Browsers may have different default behaviors
+     *   attached to various key events. To prevent any
+     *   default behavior for this event, add "return
+     *   false" to the end of the method.
+     */
+    keyPressed(): void;
+
+    /**
+     *   The keyReleased() function is called once every
+     *   time a key is released. See key and keyCode for
+     *   more information. Browsers may have different
+     *   default behaviors attached to various key events.
+     *   To prevent any default behavior for this event,
+     *   add "return false" to the end of the method.
+     */
+    keyReleased(): void;
+
+    /**
+     *   The keyTyped() function is called once every time
+     *   a key is pressed, but action keys such as Ctrl,
+     *   Shift, and Alt are ignored. The most recent key
+     *   pressed will be stored in the key variable.
+     *   Because of how operating systems handle key
+     *   repeats, holding down a key will cause multiple
+     *   calls to keyTyped() (and keyReleased() as well).
+     *   The rate of repeat is set by the operating system
+     *   and how each computer is configured.
+     *
+     *
+     *   Browsers may have different default behaviors
+     *   attached to various key events. To prevent any
+     *   default behavior for this event, add "return
+     *   false" to the end of the method.
+     */
+    keyTyped(): void;
+
+    /**
+     *   The keyIsDown() function checks if the key is
+     *   currently down, i.e. pressed. It can be used if
+     *   you have an object that moves, and you want
+     *   several keys to be able to affect its behaviour
+     *   simultaneously, such as moving a sprite
+     *   diagonally. You can put in any number representing
+     *   the keyCode of the key, or use any of the variable
+     *   keyCode names listed here.
+     *   @param code The key to check for.
+     *   @return whether key is down or not
+     */
+    keyIsDown(
+      code: number
+    ): boolean;
+
+    /**
+     *   The boolean system variable keyIsPressed is true
+     *   if any key is pressed and false if no keys are
+     *   pressed.
+     */
+    keyIsPressed: boolean;
+
+    /**
+     *   The system variable key always contains the value
+     *   of the most recent key on the keyboard that was
+     *   typed. To get the proper capitalization, it is
+     *   best to use it within keyTyped(). For non-ASCII
+     *   keys, use the keyCode variable.
+     */
+    key: string;
+
+    /**
+     *   The variable keyCode is used to detect special
+     *   keys such as BACKSPACE, DELETE, ENTER, RETURN,
+     *   TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT,
+     *   UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW. You
+     *   can also check for custom keys by looking up the
+     *   keyCode of any key on a site like this:
+     *   keycode.info.
+     */
+    keyCode: number;
+  }
+}
diff --git a/types/p5/src/events/mouse.d.ts b/types/p5/src/events/mouse.d.ts
new file mode 100644
index 0000000000..22fd5e0853
--- /dev/null
+++ b/types/p5/src/events/mouse.d.ts
@@ -0,0 +1,226 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The mouseMoved() function is called every time the
+     *   mouse moves and a mouse button is not pressed.
+     *   Browsers may have different default behaviors
+     *   attached to various mouse events. To prevent any
+     *   default behavior for this event, add "return
+     *   false" to the end of the method.
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    mouseMoved(
+      event?: object
+    ): void;
+
+    /**
+     *   The mouseDragged() function is called once every
+     *   time the mouse moves and a mouse button is
+     *   pressed. If no mouseDragged() function is defined,
+     *   the touchMoved() function will be called instead
+     *   if it is defined. Browsers may have different
+     *   default behaviors attached to various mouse
+     *   events. To prevent any default behavior for this
+     *   event, add "return false" to the end of the
+     *   method.
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    mouseDragged(
+      event?: object
+    ): void;
+
+    /**
+     *   The mousePressed() function is called once after
+     *   every time a mouse button is pressed. The
+     *   mouseButton variable (see the related reference
+     *   entry) can be used to determine which button has
+     *   been pressed. If no mousePressed() function is
+     *   defined, the touchStarted() function will be
+     *   called instead if it is defined. Browsers may have
+     *   different default behaviors attached to various
+     *   mouse events. To prevent any default behavior for
+     *   this event, add "return false" to the end of the
+     *   method.
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    mousePressed(
+      event?: object
+    ): void;
+
+    /**
+     *   The mouseReleased() function is called every time
+     *   a mouse button is released. If no mouseReleased()
+     *   function is defined, the touchEnded() function
+     *   will be called instead if it is defined. Browsers
+     *   may have different default behaviors attached to
+     *   various mouse events. To prevent any default
+     *   behavior for this event, add "return false" to the
+     *   end of the method.
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    mouseReleased(
+      event?: object
+    ): void;
+
+    /**
+     *   The mouseClicked() function is called once after a
+     *   mouse button has been pressed and then released.
+     *   Browsers handle clicks differently, so this
+     *   function is only guaranteed to be run when the
+     *   left mouse button is clicked. To handle other
+     *   mouse buttons being pressed or released, see
+     *   mousePressed() or mouseReleased().
+     *
+     *
+     *   Browsers may have different default behaviors
+     *   attached to various mouse events. To prevent any
+     *   default behavior for this event, add "return
+     *   false" to the end of the method.
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    mouseClicked(
+      event?: object
+    ): void;
+
+    /**
+     *   The doubleClicked() function is executed every
+     *   time a event listener has detected a dblclick
+     *   event which is a part of the DOM L3 specification.
+     *   The doubleClicked event is fired when a pointing
+     *   device button (usually a mouse's primary button)
+     *   is clicked twice on a single element. For more
+     *   info on the dblclick event refer to mozilla's
+     *   documentation here:
+     *   https://developer.mozilla.org/en-US/docs/Web/Events/dblclick
+     *   @param [event] optional MouseEvent callback
+     *   argument.
+     */
+    doubleClicked(
+      event?: object
+    ): void;
+
+    /**
+     *   The function mouseWheel() is executed every time a
+     *   vertical mouse wheel event is detected either
+     *   triggered by an actual mouse wheel or by a
+     *   touchpad. The event.delta property returns the
+     *   amount the mouse wheel have scrolled. The values
+     *   can be positive or negative depending on the
+     *   scroll direction (on OS X with "natural" scrolling
+     *   enabled, the signs are inverted).
+     *
+     *
+     *   Browsers may have different default behaviors
+     *   attached to various mouse events. To prevent any
+     *   default behavior for this event, add "return
+     *   false" to the end of the method.
+     *
+     *
+     *   Due to the current support of the "wheel" event on
+     *   Safari, the function may only work as expected if
+     *   "return false" is included while using Safari.
+     *   @param [event] optional WheelEvent callback
+     *   argument.
+     */
+    mouseWheel(
+      event?: object
+    ): void;
+
+    /**
+     *   The system variable mouseX always contains the
+     *   current horizontal position of the mouse, relative
+     *   to (0, 0) of the canvas. If touch is used instead
+     *   of mouse input, mouseX will hold the x value of
+     *   the most recent touch point.
+     */
+    mouseX: number;
+
+    /**
+     *   The system variable mouseY always contains the
+     *   current vertical position of the mouse, relative
+     *   to (0, 0) of the canvas. If touch is used instead
+     *   of mouse input, mouseY will hold the y value of
+     *   the most recent touch point.
+     */
+    mouseY: number;
+
+    /**
+     *   The system variable pmouseX always contains the
+     *   horizontal position of the mouse or finger in the
+     *   frame previous to the current frame, relative to
+     *   (0, 0) of the canvas. Note: pmouseX will be reset
+     *   to the current mouseX value at the start of each
+     *   touch event.
+     */
+    pmouseX: number;
+
+    /**
+     *   The system variable pmouseY always contains the
+     *   vertical position of the mouse or finger in the
+     *   frame previous to the current frame, relative to
+     *   (0, 0) of the canvas. Note: pmouseY will be reset
+     *   to the current mouseY value at the start of each
+     *   touch event.
+     */
+    pmouseY: number;
+
+    /**
+     *   The system variable winMouseX always contains the
+     *   current horizontal position of the mouse, relative
+     *   to (0, 0) of the window.
+     */
+    winMouseX: number;
+
+    /**
+     *   The system variable winMouseY always contains the
+     *   current vertical position of the mouse, relative
+     *   to (0, 0) of the window.
+     */
+    winMouseY: number;
+
+    /**
+     *   The system variable pwinMouseX always contains the
+     *   horizontal position of the mouse in the frame
+     *   previous to the current frame, relative to (0, 0)
+     *   of the window. Note: pwinMouseX will be reset to
+     *   the current winMouseX value at the start of each
+     *   touch event.
+     */
+    pwinMouseX: number;
+
+    /**
+     *   The system variable pwinMouseY always contains the
+     *   vertical position of the mouse in the frame
+     *   previous to the current frame, relative to (0, 0)
+     *   of the window. Note: pwinMouseY will be reset to
+     *   the current winMouseY value at the start of each
+     *   touch event.
+     */
+    pwinMouseY: number;
+
+    /**
+     *   Processing automatically tracks if the mouse
+     *   button is pressed and which button is pressed. The
+     *   value of the system variable mouseButton is either
+     *   LEFT, RIGHT, or CENTER depending on which button
+     *   was pressed last. Warning: different browsers may
+     *   track mouseButton differently.
+     */
+    mouseButton: UNKNOWN_P5_CONSTANT;
+
+    /**
+     *   The boolean system variable mouseIsPressed is true
+     *   if the mouse is pressed and false if not.
+     */
+    mouseIsPressed: boolean;
+  }
+}
diff --git a/types/p5/src/events/touch.d.ts b/types/p5/src/events/touch.d.ts
new file mode 100644
index 0000000000..cc82db9c8c
--- /dev/null
+++ b/types/p5/src/events/touch.d.ts
@@ -0,0 +1,67 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The touchStarted() function is called once after
+     *   every time a touch is registered. If no
+     *   touchStarted() function is defined, the
+     *   mousePressed() function will be called instead if
+     *   it is defined. Browsers may have different default
+     *   behaviors attached to various touch events. To
+     *   prevent any default behavior for this event, add
+     *   "return false" to the end of the method.
+     *   @param [event] optional TouchEvent callback
+     *   argument.
+     */
+    touchStarted(
+      event?: object
+    ): void;
+
+    /**
+     *   The touchMoved() function is called every time a
+     *   touch move is registered. If no touchMoved()
+     *   function is defined, the mouseDragged() function
+     *   will be called instead if it is defined. Browsers
+     *   may have different default behaviors attached to
+     *   various touch events. To prevent any default
+     *   behavior for this event, add "return false" to the
+     *   end of the method.
+     *   @param [event] optional TouchEvent callback
+     *   argument.
+     */
+    touchMoved(
+      event?: object
+    ): void;
+
+    /**
+     *   The touchEnded() function is called every time a
+     *   touch ends. If no touchEnded() function is
+     *   defined, the mouseReleased() function will be
+     *   called instead if it is defined. Browsers may have
+     *   different default behaviors attached to various
+     *   touch events. To prevent any default behavior for
+     *   this event, add "return false" to the end of the
+     *   method.
+     *   @param [event] optional TouchEvent callback
+     *   argument.
+     */
+    touchEnded(
+      event?: object
+    ): void;
+
+    /**
+     *   The system variable touches[] contains an array of
+     *   the positions of all current touch points,
+     *   relative to (0, 0) of the canvas, and IDs
+     *   identifying a unique touch as it moves. Each
+     *   element in the array is an object with x, y, and
+     *   id properties. The touches[] array is not
+     *   supported on Safari and IE on touch-based desktops
+     *   (laptops).
+     */
+    touches: object[];
+  }
+}
diff --git a/types/p5/src/image/image.d.ts b/types/p5/src/image/image.d.ts
new file mode 100644
index 0000000000..2f544736cf
--- /dev/null
+++ b/types/p5/src/image/image.d.ts
@@ -0,0 +1,101 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Creates a new p5.Image (the datatype for storing
+     *   images). This provides a fresh buffer of pixels to
+     *   play with. Set the size of the buffer with the
+     *   width and height parameters.  .pixels gives access
+     *   to an array containing the values for all the
+     *   pixels in the display window. These values are
+     *   numbers. This array is the size (including an
+     *   appropriate factor for the pixelDensity) of the
+     *   display window x4, representing the R, G, B, A
+     *   values in order for each pixel, moving from left
+     *   to right across each row, then down each column.
+     *   See .pixels for more info. It may also be simpler
+     *   to use set() or get().
+     *
+     *
+     *   Before accessing the pixels of an image, the data
+     *   must loaded with the loadPixels() function. After
+     *   the array data has been modified, the
+     *   updatePixels() function must be run to update the
+     *   changes.
+     *   @param width width in pixels
+     *   @param height height in pixels
+     *   @return the p5.Image object
+     */
+    createImage(
+      width: number,
+      height: number
+    ): Image;
+
+    /**
+     *   Save the current canvas as an image. The browser
+     *   will either save the file immediately, or prompt
+     *   the user with a dialogue window.
+     *   @param selectedCanvas a variable representing a
+     *   specific html5 canvas (optional)
+     *   @param [extension] 'jpg' or 'png'
+     */
+    saveCanvas(
+      selectedCanvas:
+        | Element
+        | HTMLCanvasElement,
+      filename?: string,
+      extension?: string
+    ): void;
+
+    /**
+     *   Save the current canvas as an image. The browser
+     *   will either save the file immediately, or prompt
+     *   the user with a dialogue window.
+     *   @param [extension] 'jpg' or 'png'
+     */
+    saveCanvas(
+      filename?: string,
+      extension?: string
+    ): void;
+
+    /**
+     *   Capture a sequence of frames that can be used to
+     *   create a movie. Accepts a callback. For example,
+     *   you may wish to send the frames to a server where
+     *   they can be stored or converted into a movie. If
+     *   no callback is provided, the browser will pop up
+     *   save dialogues in an attempt to download all of
+     *   the images that have just been created. With the
+     *   callback provided the image data isn't saved by
+     *   default but instead passed as an argument to the
+     *   callback function as an array of objects, with the
+     *   size of array equal to the total number of frames.
+     *   Note that saveFrames() will only save the first 15
+     *   frames of an animation. To export longer
+     *   animations, you might look into a library like
+     *   ccapture.js.
+     *   @param extension 'jpg' or 'png'
+     *   @param duration Duration in seconds to save the
+     *   frames for.
+     *   @param framerate Framerate to save the frames in.
+     *   @param [callback] A callback function that will be
+     *   executed to handle the image data. This function
+     *   should accept an array as argument. The array will
+     *   contain the specified number of frames of objects.
+     *   Each object has three properties: imageData - an
+     *   image/octet-stream, filename and extension.
+     */
+    saveFrames(
+      filename: string,
+      extension: string,
+      duration: number,
+      framerate: number,
+      callback?: (
+        p1: any[]
+      ) => any
+    ): void;
+  }
+}
diff --git a/types/p5/src/image/loading_displaying.d.ts b/types/p5/src/image/loading_displaying.d.ts
new file mode 100644
index 0000000000..b8aa78e344
--- /dev/null
+++ b/types/p5/src/image/loading_displaying.d.ts
@@ -0,0 +1,276 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Loads an image from a path and creates a p5.Image
+     *   from it.  The image may not be immediately
+     *   available for rendering If you want to ensure that
+     *   the image is ready before doing anything with it,
+     *   place the loadImage() call in preload(). You may
+     *   also supply a callback function to handle the
+     *   image when it's ready.
+     *
+     *
+     *   The path to the image should be relative to the
+     *   HTML file that links in your sketch. Loading an
+     *   image from a URL or other remote location may be
+     *   blocked due to your browser's built-in security.
+     *   @param path Path of the image to be loaded
+     *   @param [successCallback] Function to be called
+     *   once the image is loaded. Will be passed the
+     *   p5.Image.
+     *   @param [failureCallback] called with event error
+     *   if the image fails to load.
+     *   @return the p5.Image object
+     */
+    loadImage(
+      path: string,
+      successCallback?: (
+        p1: Image
+      ) => any,
+      failureCallback?: (
+        p1: Event
+      ) => any
+    ): Image;
+
+    /**
+     *   Draw an image to the p5.js canvas. This function
+     *   can be used with different numbers of parameters.
+     *   The simplest use requires only three parameters:
+     *   img, x, and y—where (x, y) is the position of the
+     *   image. Two more parameters can optionally be added
+     *   to specify the width and height of the image.
+     *
+     *   This function can also be used with all eight
+     *   Number parameters. To differentiate between all
+     *   these parameters, p5.js uses the language of
+     *   "destination rectangle" (which corresponds to
+     *   "dx", "dy", etc.) and "source image" (which
+     *   corresponds to "sx", "sy", etc.) below. Specifying
+     *   the "source image" dimensions can be useful when
+     *   you want to display a subsection of the source
+     *   image instead of the whole thing. Here's a diagram
+     *   to explain further:
+     *   @param img the image to display
+     *   @param x the x-coordinate of the top-left corner
+     *   of the image
+     *   @param y the y-coordinate of the top-left corner
+     *   of the image
+     *   @param [width] the width to draw the image
+     *   @param [height] the height to draw the image
+     */
+    image(
+      img:
+        | Image
+        | Element,
+      x: number,
+      y: number,
+      width?: number,
+      height?: number
+    ): void;
+
+    /**
+     *   Draw an image to the p5.js canvas. This function
+     *   can be used with different numbers of parameters.
+     *   The simplest use requires only three parameters:
+     *   img, x, and y—where (x, y) is the position of the
+     *   image. Two more parameters can optionally be added
+     *   to specify the width and height of the image.
+     *
+     *   This function can also be used with all eight
+     *   Number parameters. To differentiate between all
+     *   these parameters, p5.js uses the language of
+     *   "destination rectangle" (which corresponds to
+     *   "dx", "dy", etc.) and "source image" (which
+     *   corresponds to "sx", "sy", etc.) below. Specifying
+     *   the "source image" dimensions can be useful when
+     *   you want to display a subsection of the source
+     *   image instead of the whole thing. Here's a diagram
+     *   to explain further:
+     *   @param img the image to display
+     *   @param dx the x-coordinate of the destination
+     *   rectangle in which to draw the source image
+     *   @param dy the y-coordinate of the destination
+     *   rectangle in which to draw the source image
+     *   @param dWidth the width of the destination
+     *   rectangle
+     *   @param dHeight the height of the destination
+     *   rectangle
+     *   @param sx the x-coordinate of the subsection of
+     *   the source image to draw into the destination
+     *   rectangle
+     *   @param sy the y-coordinate of the subsection of
+     *   the source image to draw into the destination
+     *   rectangle
+     *   @param [sWidth] the width of the subsection of the
+     *   source image to draw into the destination
+     *   rectangle
+     *   @param [sHeight] the height of the subsection of
+     *   the source image to draw into the destination
+     *   rectangle
+     */
+    image(
+      img:
+        | Image
+        | Element,
+      dx: number,
+      dy: number,
+      dWidth: number,
+      dHeight: number,
+      sx: number,
+      sy: number,
+      sWidth?: number,
+      sHeight?: number
+    ): void;
+
+    /**
+     *   Sets the fill value for displaying images. Images
+     *   can be tinted to specified colors or made
+     *   transparent by including an alpha value.  To apply
+     *   transparency to an image without affecting its
+     *   color, use white as the tint color and specify an
+     *   alpha value. For instance, tint(255, 128) will
+     *   make an image 50% transparent (assuming the
+     *   default alpha range of 0-255, which can be changed
+     *   with colorMode()).
+     *
+     *
+     *   The value for the gray parameter must be less than
+     *   or equal to the current maximum value as specified
+     *   by colorMode(). The default maximum value is 255.
+     *   @param v1 red or hue value relative to the current
+     *   color range
+     *   @param v2 green or saturation value relative to
+     *   the current color range
+     *   @param v3 blue or brightness value relative to the
+     *   current color range
+     */
+    tint(
+      v1: number,
+      v2: number,
+      v3: number,
+      alpha?: number
+    ): void;
+
+    /**
+     *   Sets the fill value for displaying images. Images
+     *   can be tinted to specified colors or made
+     *   transparent by including an alpha value.  To apply
+     *   transparency to an image without affecting its
+     *   color, use white as the tint color and specify an
+     *   alpha value. For instance, tint(255, 128) will
+     *   make an image 50% transparent (assuming the
+     *   default alpha range of 0-255, which can be changed
+     *   with colorMode()).
+     *
+     *
+     *   The value for the gray parameter must be less than
+     *   or equal to the current maximum value as specified
+     *   by colorMode(). The default maximum value is 255.
+     *   @param value a color string
+     */
+    tint(
+      value: string
+    ): void;
+
+    /**
+     *   Sets the fill value for displaying images. Images
+     *   can be tinted to specified colors or made
+     *   transparent by including an alpha value.  To apply
+     *   transparency to an image without affecting its
+     *   color, use white as the tint color and specify an
+     *   alpha value. For instance, tint(255, 128) will
+     *   make an image 50% transparent (assuming the
+     *   default alpha range of 0-255, which can be changed
+     *   with colorMode()).
+     *
+     *
+     *   The value for the gray parameter must be less than
+     *   or equal to the current maximum value as specified
+     *   by colorMode(). The default maximum value is 255.
+     *   @param gray a gray value
+     */
+    tint(
+      gray: number,
+      alpha?: number
+    ): void;
+
+    /**
+     *   Sets the fill value for displaying images. Images
+     *   can be tinted to specified colors or made
+     *   transparent by including an alpha value.  To apply
+     *   transparency to an image without affecting its
+     *   color, use white as the tint color and specify an
+     *   alpha value. For instance, tint(255, 128) will
+     *   make an image 50% transparent (assuming the
+     *   default alpha range of 0-255, which can be changed
+     *   with colorMode()).
+     *
+     *
+     *   The value for the gray parameter must be less than
+     *   or equal to the current maximum value as specified
+     *   by colorMode(). The default maximum value is 255.
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     */
+    tint(
+      values: number[]
+    ): void;
+
+    /**
+     *   Sets the fill value for displaying images. Images
+     *   can be tinted to specified colors or made
+     *   transparent by including an alpha value.  To apply
+     *   transparency to an image without affecting its
+     *   color, use white as the tint color and specify an
+     *   alpha value. For instance, tint(255, 128) will
+     *   make an image 50% transparent (assuming the
+     *   default alpha range of 0-255, which can be changed
+     *   with colorMode()).
+     *
+     *
+     *   The value for the gray parameter must be less than
+     *   or equal to the current maximum value as specified
+     *   by colorMode(). The default maximum value is 255.
+     *   @param color the tint color
+     */
+    tint(
+      color: Color
+    ): void;
+
+    /**
+     *   Removes the current fill value for displaying
+     *   images and reverts to displaying images with their
+     *   original hues.
+     */
+    noTint(): void;
+
+    /**
+     *   Set image mode. Modifies the location from which
+     *   images are drawn by changing the way in which
+     *   parameters given to image() are interpreted. The
+     *   default mode is imageMode(CORNER), which
+     *   interprets the second and third parameters of
+     *   image() as the upper-left corner of the image. If
+     *   two additional parameters are specified, they are
+     *   used to set the image's width and height.
+     *   imageMode(CORNERS) interprets the second and third
+     *   parameters of image() as the location of one
+     *   corner, and the fourth and fifth parameters as the
+     *   opposite corner.
+     *
+     *
+     *   imageMode(CENTER) interprets the second and third
+     *   parameters of image() as the image's center point.
+     *   If two additional parameters are specified, they
+     *   are used to set the image's width and height.
+     *   @param mode either CORNER, CORNERS, or CENTER
+     */
+    imageMode(
+      mode: IMAGE_MODE
+    ): void;
+  }
+}
diff --git a/types/p5/src/image/p5.Image.d.ts b/types/p5/src/image/p5.Image.d.ts
new file mode 100644
index 0000000000..08278f9b54
--- /dev/null
+++ b/types/p5/src/image/p5.Image.d.ts
@@ -0,0 +1,327 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Image {
+    /**
+     *   Loads the pixels data for this image into the
+     *   [pixels] attribute.
+     */
+    loadPixels(): void;
+
+    /**
+     *   Updates the backing canvas for this image with the
+     *   contents of the [pixels] array.
+     *   @param x x-offset of the target update area for
+     *   the underlying canvas
+     *   @param y y-offset of the target update area for
+     *   the underlying canvas
+     *   @param w height of the target update area for the
+     *   underlying canvas
+     *   @param h height of the target update area for the
+     *   underlying canvas
+     */
+    updatePixels(
+      x: number,
+      y: number,
+      w: number,
+      h: number
+    ): void;
+
+    /**
+     *   Updates the backing canvas for this image with the
+     *   contents of the [pixels] array.
+     */
+    updatePixels(): void;
+
+    /**
+     *   Get a region of pixels from an image. If no params
+     *   are passed, those whole image is returned, if x
+     *   and y are the only params passed a single pixel is
+     *   extracted if all params are passed a rectangle
+     *   region is extracted and a p5.Image is returned.
+     *
+     *   Returns undefined if the region is outside the
+     *   bounds of the image
+     *   @param [x] x-coordinate of the pixel
+     *   @param [y] y-coordinate of the pixel
+     *   @param [w] width
+     *   @param [h] height
+     *   @return color of pixel at x,y in array format [R,
+     *   G, B, A] or p5.Image
+     */
+    get(
+      x?: number,
+      y?: number,
+      w?: number,
+      h?: number
+    ):
+      | number[]
+      | Color
+      | Image;
+
+    /**
+     *   Set the color of a single pixel or write an image
+     *   into this p5.Image. Note that for a large number
+     *   of pixels this will be slower than directly
+     *   manipulating the pixels array and then calling
+     *   updatePixels().
+     *   @param x x-coordinate of the pixel
+     *   @param y y-coordinate of the pixel
+     *   @param a grayscale value | pixel array | a
+     *   p5.Color | image to copy
+     */
+    set(
+      x: number,
+      y: number,
+      a:
+        | number
+        | number[]
+        | object
+    ): void;
+
+    /**
+     *   Resize the image to a new width and height. To
+     *   make the image scale proportionally, use 0 as the
+     *   value for the wide or high parameter. For
+     *   instance, to make the width of an image 150
+     *   pixels, and change the height using the same
+     *   proportion, use resize(150, 0).
+     *   @param width the resized image width
+     *   @param height the resized image height
+     */
+    resize(
+      width: number,
+      height: number
+    ): void;
+
+    /**
+     *   Copies a region of pixels from one image to
+     *   another. If no srcImage is specified this is used
+     *   as the source. If the source and destination
+     *   regions aren't the same size, it will
+     *   automatically resize source pixels to fit the
+     *   specified target region.
+     *   @param srcImage source image
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     */
+    copy(
+      srcImage:
+        | Image
+        | Element,
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number
+    ): void;
+
+    /**
+     *   Copies a region of pixels from one image to
+     *   another. If no srcImage is specified this is used
+     *   as the source. If the source and destination
+     *   regions aren't the same size, it will
+     *   automatically resize source pixels to fit the
+     *   specified target region.
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     */
+    copy(
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number
+    ): void;
+
+    /**
+     *   Masks part of an image from displaying by loading
+     *   another image and using it's alpha channel as an
+     *   alpha channel for this image.
+     *   @param srcImage source image
+     */
+    mask(
+      srcImage: Image
+    ): void;
+
+    /**
+     *   Applies an image filter to a p5.Image
+     *   @param filterType either THRESHOLD, GRAY, OPAQUE,
+     *   INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR.
+     *   See Filters.js for docs on each available filter
+     *   @param [filterParam] an optional parameter unique
+     *   to each filter, see above
+     */
+    filter(
+      filterType: FILTER_TYPE,
+      filterParam?: number
+    ): void;
+
+    /**
+     *   Copies a region of pixels from one image to
+     *   another, using a specified blend mode to do the
+     *   operation.
+     *   @param srcImage source image
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     *   @param blendMode the blend mode. either BLEND,
+     *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+     *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+     *
+     *   Available blend modes are: normal | multiply |
+     *   screen | overlay | darken | lighten | color-dodge
+     *   | color-burn | hard-light | soft-light |
+     *   difference | exclusion | hue | saturation | color
+     *   | luminosity
+     *
+     *   http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/
+     */
+    blend(
+      srcImage: Image,
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number,
+      blendMode: BLEND_MODE
+    ): void;
+
+    /**
+     *   Copies a region of pixels from one image to
+     *   another, using a specified blend mode to do the
+     *   operation.
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     *   @param blendMode the blend mode. either BLEND,
+     *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+     *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+     *
+     *   Available blend modes are: normal | multiply |
+     *   screen | overlay | darken | lighten | color-dodge
+     *   | color-burn | hard-light | soft-light |
+     *   difference | exclusion | hue | saturation | color
+     *   | luminosity
+     *
+     *   http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/
+     */
+    blend(
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number,
+      blendMode: UNKNOWN_P5_CONSTANT
+    ): void;
+
+    /**
+     *   Saves the image to a file and force the browser to
+     *   download it. Accepts two strings for filename and
+     *   file extension Supports png (default) and jpg.
+     *   @param filename give your file a name
+     *   @param extension 'png' or 'jpg'
+     */
+    save(
+      filename: string,
+      extension: string
+    ): void;
+
+    /**
+     *   Image width.
+     */
+    width: number;
+
+    /**
+     *   Image height.
+     */
+    height: number;
+
+    /**
+     *   Array containing the values for all the pixels in
+     *   the display window. These values are numbers. This
+     *   array is the size (include an appropriate factor
+     *   for pixelDensity) of the display window x4,
+     *   representing the R, G, B, A values in order for
+     *   each pixel, moving from left to right across each
+     *   row, then down each column. Retina and other high
+     *   denisty displays may have more pixels (by a factor
+     *   of pixelDensity^2). For example, if the image is
+     *   100x100 pixels, there will be 40,000. With
+     *   pixelDensity = 2, there will be 160,000. The first
+     *   four values (indices 0-3) in the array will be the
+     *   R, G, B, A values of the pixel at (0, 0). The
+     *   second four values (indices 4-7) will contain the
+     *   R, G, B, A values of the pixel at (1, 0). More
+     *   generally, to set values for a pixel at (x, y):
+     *   var d = pixelDensity(); for (var i = 0; i < d;
+     *   i++) { for (var j = 0; j < d; j++) { // loop over
+     *   idx = 4 * ((y * d + j) * width * d + (x * d + i));
+     *   pixels[idx] = r; pixels[idx+1] = g; pixels[idx+2]
+     *   = b; pixels[idx+3] = a; } }
+     *
+     *
+     *
+     *
+     *   Before accessing this array, the data must loaded
+     *   with the loadPixels() function. After the array
+     *   data has been modified, the updatePixels()
+     *   function must be run to update the changes.
+     */
+    pixels: number[];
+  }
+}
diff --git a/types/p5/src/image/pixels.d.ts b/types/p5/src/image/pixels.d.ts
new file mode 100644
index 0000000000..85164e4447
--- /dev/null
+++ b/types/p5/src/image/pixels.d.ts
@@ -0,0 +1,376 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Copies a region of pixels from one image to
+     *   another, using a specified blend mode to do the
+     *   operation.
+     *   @param srcImage source image
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     *   @param blendMode the blend mode. either BLEND,
+     *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+     *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+     */
+    blend(
+      srcImage: Image,
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number,
+      blendMode: BLEND_MODE
+    ): void;
+
+    /**
+     *   Copies a region of pixels from one image to
+     *   another, using a specified blend mode to do the
+     *   operation.
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     *   @param blendMode the blend mode. either BLEND,
+     *   DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+     *   EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *   SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+     */
+    blend(
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number,
+      blendMode: UNKNOWN_P5_CONSTANT
+    ): void;
+
+    /**
+     *   Copies a region of the canvas to another region of
+     *   the canvas and copies a region of pixels from an
+     *   image used as the srcImg parameter into the canvas
+     *   srcImage is specified this is used as the source.
+     *   If the source and destination regions aren't the
+     *   same size, it will automatically resize source
+     *   pixels to fit the specified target region.
+     *   @param srcImage source image
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     */
+    copy(
+      srcImage:
+        | Image
+        | Element,
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number
+    ): void;
+
+    /**
+     *   Copies a region of the canvas to another region of
+     *   the canvas and copies a region of pixels from an
+     *   image used as the srcImg parameter into the canvas
+     *   srcImage is specified this is used as the source.
+     *   If the source and destination regions aren't the
+     *   same size, it will automatically resize source
+     *   pixels to fit the specified target region.
+     *   @param sx X coordinate of the source's upper left
+     *   corner
+     *   @param sy Y coordinate of the source's upper left
+     *   corner
+     *   @param sw source image width
+     *   @param sh source image height
+     *   @param dx X coordinate of the destination's upper
+     *   left corner
+     *   @param dy Y coordinate of the destination's upper
+     *   left corner
+     *   @param dw destination image width
+     *   @param dh destination image height
+     */
+    copy(
+      sx: number,
+      sy: number,
+      sw: number,
+      sh: number,
+      dx: number,
+      dy: number,
+      dw: number,
+      dh: number
+    ): void;
+
+    /**
+     *   Applies a filter to the canvas.
+     *
+     *   The presets options are:
+     *
+     *
+     *
+     *   THRESHOLD Converts the image to black and white
+     *   pixels depending if they are above or below the
+     *   threshold defined by the level parameter. The
+     *   parameter must be between 0.0 (black) and 1.0
+     *   (white). If no level is specified, 0.5 is used.
+     *
+     *
+     *
+     *   GRAY Converts any colors in the image to grayscale
+     *   equivalents. No parameter is used.
+     *
+     *
+     *
+     *   OPAQUE Sets the alpha channel to entirely opaque.
+     *   No parameter is used.
+     *
+     *
+     *
+     *   INVERT Sets each pixel to its inverse value. No
+     *   parameter is used.
+     *
+     *
+     *
+     *   POSTERIZE Limits each channel of the image to the
+     *   number of colors specified as the parameter. The
+     *   parameter can be set to values between 2 and 255,
+     *   but results are most noticeable in the lower
+     *   ranges.
+     *
+     *
+     *
+     *   BLUR Executes a Gaussian blur with the level
+     *   parameter specifying the extent of the blurring.
+     *   If no parameter is used, the blur is equivalent to
+     *   Gaussian blur of radius 1. Larger values increase
+     *   the blur.
+     *
+     *
+     *
+     *   ERODE Reduces the light areas. No parameter is
+     *   used.
+     *
+     *
+     *
+     *   DILATE Increases the light areas. No parameter is
+     *   used.
+     *   @param filterType either THRESHOLD, GRAY, OPAQUE,
+     *   INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR.
+     *   See Filters.js for docs on each available filter
+     *   @param [filterParam] an optional parameter unique
+     *   to each filter, see above
+     */
+    filter(
+      filterType: FILTER_TYPE,
+      filterParam?: number
+    ): void;
+
+    /**
+     *   Returns an array of [R,G,B,A] values for any pixel
+     *   or grabs a section of an image. If no parameters
+     *   are specified, the entire image is returned. Use
+     *   the x and y parameters to get the value of one
+     *   pixel. Get a section of the display window by
+     *   specifying additional w and h parameters. When
+     *   getting an image, the x and y parameters define
+     *   the coordinates for the upper-left corner of the
+     *   image, regardless of the current imageMode().  If
+     *   the pixel requested is outside of the image
+     *   window, [0,0,0,255] is returned. To get the
+     *   numbers scaled according to the current color
+     *   ranges and taking into account colorMode, use
+     *   getColor instead of get.
+     *
+     *
+     *   Getting the color of a single pixel with get(x, y)
+     *   is easy, but not as fast as grabbing the data
+     *   directly from pixels[]. The equivalent statement
+     *   to get(x, y) using pixels[] with pixel density d
+     *   is  var x, y, d; // set these to the coordinates
+     *   var off = (y  width + x)  d * 4; var components =
+     *   [ pixels[off], pixels[off + 1], pixels[off + 2],
+     *   pixels[off + 3] ]; print(components);
+     *
+     *
+     *   See the reference for pixels[] for more
+     *   information.
+     *
+     *   If you want to extract an array of colors or a
+     *   subimage from an p5.Image object, take a look at
+     *   p5.Image.get()
+     *   @param [x] x-coordinate of the pixel
+     *   @param [y] y-coordinate of the pixel
+     *   @param [w] width
+     *   @param [h] height
+     *   @return values of pixel at x,y in array format [R,
+     *   G, B, A] or p5.Image
+     */
+    get(
+      x?: number,
+      y?: number,
+      w?: number,
+      h?: number
+    ):
+      | number[]
+      | Image;
+
+    /**
+     *   Loads the pixel data for the display window into
+     *   the pixels[] array. This function must always be
+     *   called before reading from or writing to pixels[].
+     *   Note that only changes made with set() or direct
+     *   manipulation of pixels[] will occur.
+     */
+    loadPixels(): void;
+
+    /**
+     *   Changes the color of any pixel, or writes an image
+     *   directly to the display window. The x and y
+     *   parameters specify the pixel to change and the c
+     *   parameter specifies the color value. This can be a
+     *   p5.Color object, or [R, G, B, A] pixel array. It
+     *   can also be a single grayscale value. When setting
+     *   an image, the x and y parameters define the
+     *   coordinates for the upper-left corner of the
+     *   image, regardless of the current imageMode().
+     *
+     *
+     *   After using set(), you must call updatePixels()
+     *   for your changes to appear. This should be called
+     *   once all pixels have been set, and must be called
+     *   before calling .get() or drawing the image.
+     *
+     *   Setting the color of a single pixel with set(x, y)
+     *   is easy, but not as fast as putting the data
+     *   directly into pixels[]. Setting the pixels[]
+     *   values directly may be complicated when working
+     *   with a retina display, but will perform better
+     *   when lots of pixels need to be set directly on
+     *   every loop.
+     *
+     *   See the reference for pixels[] for more
+     *   information.
+     *   @param x x-coordinate of the pixel
+     *   @param y y-coordinate of the pixel
+     *   @param c insert a grayscale value | a pixel array
+     *   | a p5.Color object | a p5.Image to copy
+     */
+    set(
+      x: number,
+      y: number,
+      c:
+        | number
+        | number[]
+        | object
+    ): void;
+
+    /**
+     *   Updates the display window with the data in the
+     *   pixels[] array. Use in conjunction with
+     *   loadPixels(). If you're only reading pixels from
+     *   the array, there's no need to call updatePixels()
+     *   — updating is only necessary to apply changes.
+     *   updatePixels() should be called anytime the pixels
+     *   array is manipulated or set() is called, and only
+     *   changes made with set() or direct changes to
+     *   pixels[] will occur.
+     *   @param [x] x-coordinate of the upper-left corner
+     *   of region to update
+     *   @param [y] y-coordinate of the upper-left corner
+     *   of region to update
+     *   @param [w] width of region to update
+     *   @param [h] height of region to update
+     */
+    updatePixels(
+      x?: number,
+      y?: number,
+      w?: number,
+      h?: number
+    ): void;
+
+    /**
+     *   Uint8ClampedArray containing the values for all
+     *   the pixels in the display window. These values are
+     *   numbers. This array is the size (include an
+     *   appropriate factor for pixelDensity) of the
+     *   display window x4, representing the R, G, B, A
+     *   values in order for each pixel, moving from left
+     *   to right across each row, then down each column.
+     *   Retina and other high density displays will have
+     *   more pixels[] (by a factor of pixelDensity^2). For
+     *   example, if the image is 100x100 pixels, there
+     *   will be 40,000. On a retina display, there will be
+     *   160,000.  The first four values (indices 0-3) in
+     *   the array will be the R, G, B, A values of the
+     *   pixel at (0, 0). The second four values (indices
+     *   4-7) will contain the R, G, B, A values of the
+     *   pixel at (1, 0). More generally, to set values for
+     *   a pixel at (x, y):
+     *
+     *   var d = pixelDensity(); for (var i = 0; i < d;
+     *   i++) { for (var j = 0; j < d; j++) { // loop over
+     *   idx = 4 * ((y * d + j) * width * d + (x * d + i));
+     *   pixels[idx] = r; pixels[idx+1] = g; pixels[idx+2]
+     *   = b; pixels[idx+3] = a; } }
+     *
+     *   While the above method is complex, it is flexible
+     *   enough to work with any pixelDensity. Note that
+     *   set() will automatically take care of setting all
+     *   the appropriate values in pixels[] for a given (x,
+     *   y) at any pixelDensity, but the performance may
+     *   not be as fast when lots of modifications are made
+     *   to the pixel array.
+     *
+     *
+     *   Before accessing this array, the data must loaded
+     *   with the loadPixels() function. After the array
+     *   data has been modified, the updatePixels()
+     *   function must be run to update the changes.
+     *
+     *
+     *   Note that this is not a standard javascript array.
+     *   This means that standard javascript functions such
+     *   as slice() or arrayCopy() do not work.
+     */
+    pixels: number[];
+  }
+}
diff --git a/types/p5/src/io/files.d.ts b/types/p5/src/io/files.d.ts
new file mode 100644
index 0000000000..75b7eb9a41
--- /dev/null
+++ b/types/p5/src/io/files.d.ts
@@ -0,0 +1,747 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class PrintWriter {
+    /**
+     *   Writes data to the PrintWriter stream
+     *   @param data all data to be written by the
+     *   PrintWriter
+     */
+    write(
+      data: any[]
+    ): void;
+
+    /**
+     *   Writes data to the PrintWriter stream, and adds a
+     *   new line at the end
+     *   @param data all data to be printed by the
+     *   PrintWriter
+     */
+    print(
+      data: any[]
+    ): void;
+
+    /**
+     *   Clears the data already written to the PrintWriter
+     *   object
+     */
+    clear(): void;
+
+    /**
+     *   Closes the PrintWriter
+     */
+    close(): void;
+  }
+  interface p5InstanceExtensions {
+    /**
+     *   Loads a JSON file from a file or a URL, and
+     *   returns an Object. Note that even if the JSON file
+     *   contains an Array, an Object will be returned with
+     *   index numbers as keys. This method is
+     *   asynchronous, meaning it may not finish before the
+     *   next line in your sketch is executed. JSONP is
+     *   supported via a polyfill and you can pass in as
+     *   the second argument an object with definitions of
+     *   the json callback following the syntax specified
+     *   here.
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param path name of the file or url to load
+     *   @param [jsonpOptions] options object for jsonp
+     *   related settings
+     *   @param [datatype] "json" or "jsonp"
+     *   @param [callback] function to be executed after
+     *   loadJSON() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return JSON data
+     */
+    loadJSON(
+      path: string,
+      jsonpOptions?: object,
+      datatype?: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ):
+      | object
+      | any[];
+
+    /**
+     *   Loads a JSON file from a file or a URL, and
+     *   returns an Object. Note that even if the JSON file
+     *   contains an Array, an Object will be returned with
+     *   index numbers as keys. This method is
+     *   asynchronous, meaning it may not finish before the
+     *   next line in your sketch is executed. JSONP is
+     *   supported via a polyfill and you can pass in as
+     *   the second argument an object with definitions of
+     *   the json callback following the syntax specified
+     *   here.
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param path name of the file or url to load
+     *   @param datatype "json" or "jsonp"
+     *   @param [callback] function to be executed after
+     *   loadJSON() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    loadJSON(
+      path: string,
+      datatype: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ):
+      | object
+      | any[];
+
+    /**
+     *   Loads a JSON file from a file or a URL, and
+     *   returns an Object. Note that even if the JSON file
+     *   contains an Array, an Object will be returned with
+     *   index numbers as keys. This method is
+     *   asynchronous, meaning it may not finish before the
+     *   next line in your sketch is executed. JSONP is
+     *   supported via a polyfill and you can pass in as
+     *   the second argument an object with definitions of
+     *   the json callback following the syntax specified
+     *   here.
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param path name of the file or url to load
+     *   @param callback function to be executed after
+     *   loadJSON() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    loadJSON(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ):
+      | object
+      | any[];
+
+    /**
+     *   Reads the contents of a file and creates a String
+     *   array of its individual lines. If the name of the
+     *   file is used as the parameter, as in the above
+     *   example, the file must be located in the sketch
+     *   directory/folder.  Alternatively, the file maybe
+     *   be loaded from anywhere on the local computer
+     *   using an absolute path (something that starts with
+     *   / on Unix and Linux, or a drive letter on
+     *   Windows), or the filename parameter can be a URL
+     *   for a file found on a network.
+     *
+     *
+     *   This method is asynchronous, meaning it may not
+     *   finish before the next line in your sketch is
+     *   executed.
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param filename name of the file or url to load
+     *   @param [callback] function to be executed after
+     *   loadStrings() completes, Array is passed in as
+     *   first argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return Array of Strings
+     */
+    loadStrings(
+      filename: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): string[];
+
+    /**
+     *   Reads the contents of a file or URL and creates a
+     *   p5.Table object with its values. If a file is
+     *   specified, it must be located in the sketch's
+     *   "data" folder. The filename parameter can also be
+     *   a URL to a file found online. By default, the file
+     *   is assumed to be comma-separated (in CSV format).
+     *   Table only looks for a header row if the 'header'
+     *   option is included. Possible options include:
+     *
+     *   - csv - parse the table as comma-separated values
+     *   - tsv - parse the table as tab-separated values
+     *   - header - this table has a header (title) row
+     *
+     *   When passing in multiple options, pass them in as
+     *   separate parameters, seperated by commas. For
+     *   example:
+     *
+     *
+     *   loadTable('my_csv_file.csv', 'csv', 'header');
+     *
+     *
+     *   All files loaded and saved use UTF-8 encoding.
+     *
+     *   This method is asynchronous, meaning it may not
+     *   finish before the next line in your sketch is
+     *   executed. Calling loadTable() inside preload()
+     *   guarantees to complete the operation before
+     *   setup() and draw() are called.
+     *
+     *   Outside of preload(), you may supply a callback
+     *   function to handle the object:
+     *
+     *
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param filename name of the file or URL to load
+     *   @param options "header" "csv" "tsv"
+     *   @param [callback] function to be executed after
+     *   loadTable() completes. On success, the Table
+     *   object is passed in as the first argument.
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return Table object containing data
+     */
+    loadTable(
+      filename: string,
+      options: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): object;
+
+    /**
+     *   Reads the contents of a file or URL and creates a
+     *   p5.Table object with its values. If a file is
+     *   specified, it must be located in the sketch's
+     *   "data" folder. The filename parameter can also be
+     *   a URL to a file found online. By default, the file
+     *   is assumed to be comma-separated (in CSV format).
+     *   Table only looks for a header row if the 'header'
+     *   option is included. Possible options include:
+     *
+     *   - csv - parse the table as comma-separated values
+     *   - tsv - parse the table as tab-separated values
+     *   - header - this table has a header (title) row
+     *
+     *   When passing in multiple options, pass them in as
+     *   separate parameters, seperated by commas. For
+     *   example:
+     *
+     *
+     *   loadTable('my_csv_file.csv', 'csv', 'header');
+     *
+     *
+     *   All files loaded and saved use UTF-8 encoding.
+     *
+     *   This method is asynchronous, meaning it may not
+     *   finish before the next line in your sketch is
+     *   executed. Calling loadTable() inside preload()
+     *   guarantees to complete the operation before
+     *   setup() and draw() are called.
+     *
+     *   Outside of preload(), you may supply a callback
+     *   function to handle the object:
+     *
+     *
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param filename name of the file or URL to load
+     *   @param [callback] function to be executed after
+     *   loadTable() completes. On success, the Table
+     *   object is passed in as the first argument.
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    loadTable(
+      filename: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): object;
+
+    /**
+     *   Reads the contents of a file and creates an XML
+     *   object with its values. If the name of the file is
+     *   used as the parameter, as in the above example,
+     *   the file must be located in the sketch
+     *   directory/folder. Alternatively, the file maybe be
+     *   loaded from anywhere on the local computer using
+     *   an absolute path (something that starts with / on
+     *   Unix and Linux, or a drive letter on Windows), or
+     *   the filename parameter can be a URL for a file
+     *   found on a network.
+     *
+     *   This method is asynchronous, meaning it may not
+     *   finish before the next line in your sketch is
+     *   executed. Calling loadXML() inside preload()
+     *   guarantees to complete the operation before
+     *   setup() and draw() are called.
+     *
+     *   Outside of preload(), you may supply a callback
+     *   function to handle the object.
+     *
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param filename name of the file or URL to load
+     *   @param [callback] function to be executed after
+     *   loadXML() completes, XML object is passed in as
+     *   first argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return XML object containing data
+     */
+    loadXML(
+      filename: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): object;
+
+    /**
+     *   This method is suitable for fetching files up to
+     *   size of 64MB.
+     *   @param file name of the file or URL to load
+     *   @param [callback] function to be executed after
+     *   loadBytes() completes
+     *   @param [errorCallback] function to be executed if
+     *   there is an error
+     *   @return an object whose 'bytes' property will be
+     *   the loaded buffer
+     */
+    loadBytes(
+      file: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): object;
+
+    /**
+     *   Method for executing an HTTP GET request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'GET'). The 'binary'
+     *   datatype will return a Blob object, and the
+     *   'arrayBuffer' datatype will return an ArrayBuffer
+     *   which can be used to initialize typed arrays (such
+     *   as Uint8Array).
+     *   @param path name of the file or url to load
+     *   @param [datatype] "json", "jsonp", "binary",
+     *   "arrayBuffer", "xml", or "text"
+     *   @param [data] param data passed sent with request
+     *   @param [callback] function to be executed after
+     *   httpGet() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return A promise that resolves with the data when
+     *   the operation completes successfully or rejects
+     *   with the error after one occurs.
+     */
+    httpGet(
+      path: string,
+      datatype?: string,
+      data?:
+        | object
+        | boolean,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP GET request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'GET'). The 'binary'
+     *   datatype will return a Blob object, and the
+     *   'arrayBuffer' datatype will return an ArrayBuffer
+     *   which can be used to initialize typed arrays (such
+     *   as Uint8Array).
+     *   @param path name of the file or url to load
+     *   @param data param data passed sent with request
+     *   @param [callback] function to be executed after
+     *   httpGet() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    httpGet(
+      path: string,
+      data:
+        | object
+        | boolean,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP GET request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'GET'). The 'binary'
+     *   datatype will return a Blob object, and the
+     *   'arrayBuffer' datatype will return an ArrayBuffer
+     *   which can be used to initialize typed arrays (such
+     *   as Uint8Array).
+     *   @param path name of the file or url to load
+     *   @param callback function to be executed after
+     *   httpGet() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    httpGet(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP POST request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'POST').
+     *   @param path name of the file or url to load
+     *   @param [datatype] "json", "jsonp", "xml", or
+     *   "text". If omitted, httpPost() will guess.
+     *   @param [data] param data passed sent with request
+     *   @param [callback] function to be executed after
+     *   httpPost() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return A promise that resolves with the data when
+     *   the operation completes successfully or rejects
+     *   with the error after one occurs.
+     */
+    httpPost(
+      path: string,
+      datatype?: string,
+      data?:
+        | object
+        | boolean,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP POST request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'POST').
+     *   @param path name of the file or url to load
+     *   @param data param data passed sent with request
+     *   @param [callback] function to be executed after
+     *   httpPost() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    httpPost(
+      path: string,
+      data:
+        | object
+        | boolean,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP POST request. If data
+     *   type is not specified, p5 will try to guess based
+     *   on the URL, defaulting to text. This is equivalent
+     *   to calling httpDo(path, 'POST').
+     *   @param path name of the file or url to load
+     *   @param callback function to be executed after
+     *   httpPost() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    httpPost(
+      path: string,
+      callback: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP request. If data type
+     *   is not specified, p5 will try to guess based on
+     *   the URL, defaulting to text. For more advanced
+     *   use, you may also pass in the path as the first
+     *   argument and a object as the second argument, the
+     *   signature follows the one specified in the Fetch
+     *   API specification. This method is suitable for
+     *   fetching files up to size of 64MB when "GET" is
+     *   used.
+     *   @param path name of the file or url to load
+     *   @param [method] either "GET", "POST", or "PUT",
+     *   defaults to "GET"
+     *   @param [datatype] "json", "jsonp", "xml", or
+     *   "text"
+     *   @param [data] param data passed sent with request
+     *   @param [callback] function to be executed after
+     *   httpGet() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     *   @return A promise that resolves with the data when
+     *   the operation completes successfully or rejects
+     *   with the error after one occurs.
+     */
+    httpDo(
+      path: string,
+      method?: string,
+      datatype?: string,
+      data?: object,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+
+    /**
+     *   Method for executing an HTTP request. If data type
+     *   is not specified, p5 will try to guess based on
+     *   the URL, defaulting to text. For more advanced
+     *   use, you may also pass in the path as the first
+     *   argument and a object as the second argument, the
+     *   signature follows the one specified in the Fetch
+     *   API specification. This method is suitable for
+     *   fetching files up to size of 64MB when "GET" is
+     *   used.
+     *   @param path name of the file or url to load
+     *   @param options Request object options as
+     *   documented in the "fetch" API reference
+     *   @param [callback] function to be executed after
+     *   httpGet() completes, data is passed in as first
+     *   argument
+     *   @param [errorCallback] function to be executed if
+     *   there is an error, response is passed in as first
+     *   argument
+     */
+    httpDo(
+      path: string,
+      options: object,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      errorCallback?: (
+        ...args: any[]
+      ) => any
+    ): Promise<
+      any
+    >;
+    createWriter(
+      name: string,
+      extension?: string
+    ): PrintWriter;
+
+    /**
+     *   Save an image, text, json, csv, wav, or html.
+     *   Prompts download to the client's computer. Note
+     *   that it is not recommended to call save() within
+     *   draw if it's looping, as the save() function will
+     *   open a new save dialog every frame. The default
+     *   behavior is to save the canvas as an image. You
+     *   can optionally specify a filename. For example:
+     *
+     *
+     *   save(); save('myCanvas.jpg'); // save a specific
+     *   canvas with a filename
+     *
+     *   Alternately, the first parameter can be a pointer
+     *   to a canvas p5.Element, an Array of Strings, an
+     *   Array of JSON, a JSON object, a p5.Table, a
+     *   p5.Image, or a p5.SoundFile (requires p5.sound).
+     *   The second parameter is a filename (including
+     *   extension). The third parameter is for options
+     *   specific to this type of object. This method will
+     *   save a file that fits the given parameters. For
+     *   example:
+     *
+     *
+     *   // Saves canvas as an image save('myCanvas.jpg');
+     *   // Saves pImage as a png image var img =
+     *   createImage(10, 10); save(img, 'my.png'); // Saves
+     *   canvas as an image var cnv = createCanvas(100,
+     *   100); save(cnv, 'myCanvas.jpg'); // Saves
+     *   p5.Renderer object as an image var gb =
+     *   createGraphics(100, 100); save(gb,
+     *   'myGraphics.jpg'); var myTable = new p5.Table();
+     *   // Saves table as html file save(myTable,
+     *   'myTable.html'); // Comma Separated Values
+     *   save(myTable, 'myTable.csv'); // Tab Separated
+     *   Values save(myTable, 'myTable.tsv'); var myJSON =
+     *   { a: 1, b: true }; // Saves pretty JSON
+     *   save(myJSON, 'my.json'); // Optimizes JSON
+     *   filesize save(myJSON, 'my.json', true); // Saves
+     *   array of strings to a text file with line breaks
+     *   after each item var arrayOfStrings = ['a', 'b'];
+     *   save(arrayOfStrings, 'my.txt');
+     *   @param [objectOrFilename] If filename is provided,
+     *   will save canvas as an image with either png or
+     *   jpg extension depending on the filename. If object
+     *   is provided, will save depending on the object and
+     *   filename (see examples above).
+     *   @param [filename] If an object is provided as the
+     *   first parameter, then the second parameter
+     *   indicates the filename, and should include an
+     *   appropriate file extension (see examples above).
+     *   @param [options] Additional options depend on
+     *   filetype. For example, when saving JSON, true
+     *   indicates that the output will be optimized for
+     *   filesize, rather than readability.
+     */
+    save(
+      objectOrFilename?:
+        | object
+        | string,
+      filename?: string,
+      options?:
+        | boolean
+        | string
+    ): void;
+
+    /**
+     *   Writes the contents of an Array or a JSON object
+     *   to a .json file. The file saving process and
+     *   location of the saved file will vary between web
+     *   browsers.
+     *   @param [optimize] If true, removes line breaks and
+     *   spaces from the output file to optimize filesize
+     *   (but not readability).
+     */
+    saveJSON(
+      json:
+        | any[]
+        | object,
+      filename: string,
+      optimize?: boolean
+    ): void;
+
+    /**
+     *   Writes an array of Strings to a text file, one
+     *   line per String. The file saving process and
+     *   location of the saved file will vary between web
+     *   browsers.
+     *   @param list string array to be written
+     *   @param filename filename for output
+     *   @param [extension] the filename's extension
+     */
+    saveStrings(
+      list: string[],
+      filename: string,
+      extension?: string
+    ): void;
+
+    /**
+     *   Writes the contents of a Table object to a file.
+     *   Defaults to a text file with
+     *   comma-separated-values ('csv') but can also use
+     *   tab separation ('tsv'), or generate an HTML table
+     *   ('html'). The file saving process and location of
+     *   the saved file will vary between web browsers.
+     *   @param Table the Table object to save to a file
+     *   @param filename the filename to which the Table
+     *   should be saved
+     *   @param [options] can be one of "tsv", "csv", or
+     *   "html"
+     */
+    saveTable(
+      Table: Table,
+      filename: string,
+      options?: string
+    ): void;
+  }
+}
diff --git a/types/p5/src/io/p5.Table.d.ts b/types/p5/src/io/p5.Table.d.ts
new file mode 100644
index 0000000000..7c64c1cb3a
--- /dev/null
+++ b/types/p5/src/io/p5.Table.d.ts
@@ -0,0 +1,348 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Table {
+    /**
+     *   Table objects store data with multiple rows and
+     *   columns, much like in a traditional spreadsheet.
+     *   Tables can be generated from scratch, dynamically,
+     *   or using data from an existing file.
+     *
+     *   @param [rows] An array of p5.TableRow objects
+     */
+    constructor(
+      rows?: TableRow[]
+    );
+
+    /**
+     *   Use addRow() to add a new row of data to a
+     *   p5.Table object. By default, an empty row is
+     *   created. Typically, you would store a reference to
+     *   the new row in a TableRow object (see newRow in
+     *   the example above), and then set individual values
+     *   using set(). If a p5.TableRow object is included
+     *   as a parameter, then that row is duplicated and
+     *   added to the table.
+     *   @param [row] row to be added to the table
+     *   @return the row that was added
+     */
+    addRow(
+      row?: TableRow
+    ): TableRow;
+
+    /**
+     *   Removes a row from the table object.
+     *   @param id ID number of the row to remove
+     */
+    removeRow(
+      id: number
+    ): void;
+
+    /**
+     *   Returns a reference to the specified p5.TableRow.
+     *   The reference can then be used to get and set
+     *   values of the selected row.
+     *   @param rowID ID number of the row to get
+     *   @return p5.TableRow object
+     */
+    getRow(
+      rowID: number
+    ): TableRow;
+
+    /**
+     *   Gets all rows from the table. Returns an array of
+     *   p5.TableRows.
+     *   @return Array of p5.TableRows
+     */
+    getRows(): TableRow[];
+
+    /**
+     *   Finds the first row in the Table that contains the
+     *   value provided, and returns a reference to that
+     *   row. Even if multiple rows are possible matches,
+     *   only the first matching row is returned. The
+     *   column to search may be specified by either its ID
+     *   or title.
+     *   @param value The value to match
+     *   @param column ID number or title of the column to
+     *   search
+     */
+    findRow(
+      value: string,
+      column:
+        | number
+        | string
+    ): TableRow;
+
+    /**
+     *   Finds the rows in the Table that contain the value
+     *   provided, and returns references to those rows.
+     *   Returns an Array, so for must be used to iterate
+     *   through all the rows, as shown in the example
+     *   above. The column to search may be specified by
+     *   either its ID or title.
+     *   @param value The value to match
+     *   @param column ID number or title of the column to
+     *   search
+     *   @return An Array of TableRow objects
+     */
+    findRows(
+      value: string,
+      column:
+        | number
+        | string
+    ): TableRow[];
+
+    /**
+     *   Finds the first row in the Table that matches the
+     *   regular expression provided, and returns a
+     *   reference to that row. Even if multiple rows are
+     *   possible matches, only the first matching row is
+     *   returned. The column to search may be specified by
+     *   either its ID or title.
+     *   @param regexp The regular expression to match
+     *   @param column The column ID (number) or title
+     *   (string)
+     *   @return TableRow object
+     */
+    matchRow(
+      regexp:
+        | string
+        | RegExp,
+      column:
+        | string
+        | number
+    ): TableRow;
+
+    /**
+     *   Finds the rows in the Table that match the regular
+     *   expression provided, and returns references to
+     *   those rows. Returns an array, so for must be used
+     *   to iterate through all the rows, as shown in the
+     *   example. The column to search may be specified by
+     *   either its ID or title.
+     *   @param regexp The regular expression to match
+     *   @param [column] The column ID (number) or title
+     *   (string)
+     *   @return An Array of TableRow objects
+     */
+    matchRows(
+      regexp: string,
+      column?:
+        | string
+        | number
+    ): TableRow[];
+
+    /**
+     *   Retrieves all values in the specified column, and
+     *   returns them as an array. The column may be
+     *   specified by either its ID or title.
+     *   @param column String or Number of the column to
+     *   return
+     *   @return Array of column values
+     */
+    getColumn(
+      column:
+        | string
+        | number
+    ): any[];
+
+    /**
+     *   Removes all rows from a Table. While all rows are
+     *   removed, columns and column titles are maintained.
+     */
+    clearRows(): void;
+
+    /**
+     *   Use addColumn() to add a new column to a Table
+     *   object. Typically, you will want to specify a
+     *   title, so the column may be easily referenced
+     *   later by name. (If no title is specified, the new
+     *   column's title will be null.)
+     *   @param [title] title of the given column
+     */
+    addColumn(
+      title?: string
+    ): void;
+
+    /**
+     *   Returns the total number of columns in a Table.
+     *   @return Number of columns in this table
+     */
+    getColumnCount(): number;
+
+    /**
+     *   Returns the total number of rows in a Table.
+     *   @return Number of rows in this table
+     */
+    getRowCount(): number;
+
+    /**
+     *   Removes any of the specified characters (or
+     *   "tokens"). If no column is specified, then the
+     *   values in all columns and rows are processed. A
+     *   specific column may be referenced by either its ID
+     *   or title.
+     *   @param chars String listing characters to be
+     *   removed
+     *   @param [column] Column ID (number) or name
+     *   (string)
+     */
+    removeTokens(
+      chars: string,
+      column?:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Trims leading and trailing whitespace, such as
+     *   spaces and tabs, from String table values. If no
+     *   column is specified, then the values in all
+     *   columns and rows are trimmed. A specific column
+     *   may be referenced by either its ID or title.
+     *   @param [column] Column ID (number) or name
+     *   (string)
+     */
+    trim(
+      column?:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Use removeColumn() to remove an existing column
+     *   from a Table object. The column to be removed may
+     *   be identified by either its title (a String) or
+     *   its index value (an int). removeColumn(0) would
+     *   remove the first column, removeColumn(1) would
+     *   remove the second column, and so on.
+     *   @param column columnName (string) or ID (number)
+     */
+    removeColumn(
+      column:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Stores a value in the Table's specified row and
+     *   column. The row is specified by its ID, while the
+     *   column may be specified by either its ID or title.
+     *   @param row row ID
+     *   @param column column ID (Number) or title (String)
+     *   @param value value to assign
+     */
+    set(
+      row: number,
+      column:
+        | string
+        | number,
+      value:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Stores a Float value in the Table's specified row
+     *   and column. The row is specified by its ID, while
+     *   the column may be specified by either its ID or
+     *   title.
+     *   @param row row ID
+     *   @param column column ID (Number) or title (String)
+     *   @param value value to assign
+     */
+    setNum(
+      row: number,
+      column:
+        | string
+        | number,
+      value: number
+    ): void;
+
+    /**
+     *   Stores a String value in the Table's specified row
+     *   and column. The row is specified by its ID, while
+     *   the column may be specified by either its ID or
+     *   title.
+     *   @param row row ID
+     *   @param column column ID (Number) or title (String)
+     *   @param value value to assign
+     */
+    setString(
+      row: number,
+      column:
+        | string
+        | number,
+      value: string
+    ): void;
+
+    /**
+     *   Retrieves a value from the Table's specified row
+     *   and column. The row is specified by its ID, while
+     *   the column may be specified by either its ID or
+     *   title.
+     *   @param row row ID
+     *   @param column columnName (string) or ID (number)
+     */
+    get(
+      row: number,
+      column:
+        | string
+        | number
+    ):
+      | string
+      | number;
+
+    /**
+     *   Retrieves a Float value from the Table's specified
+     *   row and column. The row is specified by its ID,
+     *   while the column may be specified by either its ID
+     *   or title.
+     *   @param row row ID
+     *   @param column columnName (string) or ID (number)
+     */
+    getNum(
+      row: number,
+      column:
+        | string
+        | number
+    ): number;
+
+    /**
+     *   Retrieves a String value from the Table's
+     *   specified row and column. The row is specified by
+     *   its ID, while the column may be specified by
+     *   either its ID or title.
+     *   @param row row ID
+     *   @param column columnName (string) or ID (number)
+     */
+    getString(
+      row: number,
+      column:
+        | string
+        | number
+    ): string;
+
+    /**
+     *   Retrieves all table data and returns as an object.
+     *   If a column name is passed in, each row object
+     *   will be stored with that attribute as its title.
+     *   @param [headerColumn] Name of the column which
+     *   should be used to title each row object (optional)
+     */
+    getObject(
+      headerColumn?: string
+    ): object;
+
+    /**
+     *   Retrieves all table data and returns it as a
+     *   multidimensional array.
+     */
+    getArray(): any[];
+    columns: string[];
+    rows: TableRow[];
+  }
+}
diff --git a/types/p5/src/io/p5.TableRow.d.ts b/types/p5/src/io/p5.TableRow.d.ts
new file mode 100644
index 0000000000..d5bf476483
--- /dev/null
+++ b/types/p5/src/io/p5.TableRow.d.ts
@@ -0,0 +1,113 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class TableRow {
+    /**
+     *   A TableRow object represents a single row of data
+     *   values, stored in columns, from a table. A Table
+     *   Row contains both an ordered array, and an
+     *   unordered JSON object.
+     *
+     *   @param [str] optional: populate the row with a
+     *   string of values, separated by the separator
+     *   @param [separator] comma separated values (csv) by
+     *   default
+     */
+    constructor(
+      str?: string,
+      separator?: string
+    );
+
+    /**
+     *   Stores a value in the TableRow's specified column.
+     *   The column may be specified by either its ID or
+     *   title.
+     *   @param column Column ID (Number) or Title (String)
+     *   @param value The value to be stored
+     */
+    set(
+      column:
+        | string
+        | number,
+      value:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Stores a Float value in the TableRow's specified
+     *   column. The column may be specified by either its
+     *   ID or title.
+     *   @param column Column ID (Number) or Title (String)
+     *   @param value The value to be stored as a Float
+     */
+    setNum(
+      column:
+        | string
+        | number,
+      value:
+        | number
+        | string
+    ): void;
+
+    /**
+     *   Stores a String value in the TableRow's specified
+     *   column. The column may be specified by either its
+     *   ID or title.
+     *   @param column Column ID (Number) or Title (String)
+     *   @param value The value to be stored as a String
+     */
+    setString(
+      column:
+        | string
+        | number,
+      value:
+        | string
+        | number
+        | boolean
+        | object
+    ): void;
+
+    /**
+     *   Retrieves a value from the TableRow's specified
+     *   column. The column may be specified by either its
+     *   ID or title.
+     *   @param column columnName (string) or ID (number)
+     */
+    get(
+      column:
+        | string
+        | number
+    ):
+      | string
+      | number;
+
+    /**
+     *   Retrieves a Float value from the TableRow's
+     *   specified column. The column may be specified by
+     *   either its ID or title.
+     *   @param column columnName (string) or ID (number)
+     *   @return Float Floating point number
+     */
+    getNum(
+      column:
+        | string
+        | number
+    ): number;
+
+    /**
+     *   Retrieves an String value from the TableRow's
+     *   specified column. The column may be specified by
+     *   either its ID or title.
+     *   @param column columnName (string) or ID (number)
+     *   @return String
+     */
+    getString(
+      column:
+        | string
+        | number
+    ): string;
+  }
+}
diff --git a/types/p5/src/io/p5.XML.d.ts b/types/p5/src/io/p5.XML.d.ts
new file mode 100644
index 0000000000..fe5220e61f
--- /dev/null
+++ b/types/p5/src/io/p5.XML.d.ts
@@ -0,0 +1,193 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class XML {
+    /**
+     *   XML is a representation of an XML object, able to
+     *   parse XML code. Use loadXML() to load external XML
+     *   files and create XML objects.
+     *
+     */
+    constructor();
+
+    /**
+     *   Gets a copy of the element's parent. Returns the
+     *   parent as another p5.XML object.
+     *   @return element parent
+     */
+    getParent(): XML;
+
+    /**
+     *   Gets the element's full name, which is returned as
+     *   a String.
+     *   @return the name of the node
+     */
+    getName(): string;
+
+    /**
+     *   Sets the element's name, which is specified as a
+     *   String.
+     *   @param the new name of the node
+     */
+    setName(
+      the: string
+    ): void;
+
+    /**
+     *   Checks whether or not the element has any
+     *   children, and returns the result as a boolean.
+     */
+    hasChildren(): boolean;
+
+    /**
+     *   Get the names of all of the element's children,
+     *   and returns the names as an array of Strings. This
+     *   is the same as looping through and calling
+     *   getName() on each child element individually.
+     *   @return names of the children of the element
+     */
+    listChildren(): string[];
+
+    /**
+     *   Returns all of the element's children as an array
+     *   of p5.XML objects. When the name parameter is
+     *   specified, then it will return all children that
+     *   match that name.
+     *   @param [name] element name
+     *   @return children of the element
+     */
+    getChildren(
+      name?: string
+    ): XML[];
+
+    /**
+     *   Returns the first of the element's children that
+     *   matches the name parameter or the child of the
+     *   given index.It returns undefined if no matching
+     *   child is found.
+     *   @param name element name or index
+     */
+    getChild(
+      name:
+        | string
+        | number
+    ): XML;
+
+    /**
+     *   Appends a new child to the element. The child can
+     *   be specified with either a String, which will be
+     *   used as the new tag's name, or as a reference to
+     *   an existing p5.XML object. A reference to the
+     *   newly created child is returned as an p5.XML
+     *   object.
+     *   @param node a p5.XML Object which will be the
+     *   child to be added
+     */
+    addChild(
+      node: XML
+    ): void;
+
+    /**
+     *   Removes the element specified by name or index.
+     *   @param name element name or index
+     */
+    removeChild(
+      name:
+        | string
+        | number
+    ): void;
+
+    /**
+     *   Counts the specified element's number of
+     *   attributes, returned as an Number.
+     */
+    getAttributeCount(): number;
+
+    /**
+     *   Gets all of the specified element's attributes,
+     *   and returns them as an array of Strings.
+     *   @return an array of strings containing the names
+     *   of attributes
+     */
+    listAttributes(): string[];
+
+    /**
+     *   Checks whether or not an element has the specified
+     *   attribute.
+     *   @param the attribute to be checked
+     *   @return true if attribute found else false
+     */
+    hasAttribute(
+      the: string
+    ): boolean;
+
+    /**
+     *   Returns an attribute value of the element as an
+     *   Number. If the defaultValue parameter is specified
+     *   and the attribute doesn't exist, then defaultValue
+     *   is returned. If no defaultValue is specified and
+     *   the attribute doesn't exist, the value 0 is
+     *   returned.
+     *   @param name the non-null full name of the
+     *   attribute
+     *   @param [defaultValue] the default value of the
+     *   attribute
+     */
+    getNum(
+      name: string,
+      defaultValue?: number
+    ): number;
+
+    /**
+     *   Returns an attribute value of the element as an
+     *   String. If the defaultValue parameter is specified
+     *   and the attribute doesn't exist, then defaultValue
+     *   is returned. If no defaultValue is specified and
+     *   the attribute doesn't exist, null is returned.
+     *   @param name the non-null full name of the
+     *   attribute
+     *   @param [defaultValue] the default value of the
+     *   attribute
+     */
+    getString(
+      name: string,
+      defaultValue?: number
+    ): string;
+
+    /**
+     *   Sets the content of an element's attribute. The
+     *   first parameter specifies the attribute name,
+     *   while the second specifies the new content.
+     *   @param name the full name of the attribute
+     *   @param value the value of the attribute
+     */
+    setAttribute(
+      name: string,
+      value:
+        | number
+        | string
+        | boolean
+    ): void;
+
+    /**
+     *   Returns the content of an element. If there is no
+     *   such content, defaultValue is returned if
+     *   specified, otherwise null is returned.
+     *   @param [defaultValue] value returned if no content
+     *   is found
+     */
+    getContent(
+      defaultValue?: string
+    ): string;
+
+    /**
+     *   Sets the element's content.
+     *   @param text the new content
+     */
+    setContent(
+      text: string
+    ): void;
+  }
+}
diff --git a/types/p5/src/math/calculation.d.ts b/types/p5/src/math/calculation.d.ts
new file mode 100644
index 0000000000..82698236c5
--- /dev/null
+++ b/types/p5/src/math/calculation.d.ts
@@ -0,0 +1,298 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Calculates the absolute value (magnitude) of a
+     *   number. Maps to Math.abs(). The absolute value of
+     *   a number is always positive.
+     *   @param n number to compute
+     *   @return absolute value of given number
+     */
+    abs(
+      n: number
+    ): number;
+
+    /**
+     *   Calculates the closest int value that is greater
+     *   than or equal to the value of the parameter. Maps
+     *   to Math.ceil(). For example, ceil(9.03) returns
+     *   the value 10.
+     *   @param n number to round up
+     *   @return rounded up number
+     */
+    ceil(
+      n: number
+    ): number;
+
+    /**
+     *   Constrains a value between a minimum and maximum
+     *   value.
+     *   @param n number to constrain
+     *   @param low minimum limit
+     *   @param high maximum limit
+     *   @return constrained number
+     */
+    constrain(
+      n: number,
+      low: number,
+      high: number
+    ): number;
+
+    /**
+     *   Calculates the distance between two points.
+     *   @param x1 x-coordinate of the first point
+     *   @param y1 y-coordinate of the first point
+     *   @param x2 x-coordinate of the second point
+     *   @param y2 y-coordinate of the second point
+     *   @return distance between the two points
+     */
+    dist(
+      x1: number,
+      y1: number,
+      x2: number,
+      y2: number
+    ): number;
+
+    /**
+     *   Calculates the distance between two points.
+     *   @param x1 x-coordinate of the first point
+     *   @param y1 y-coordinate of the first point
+     *   @param z1 z-coordinate of the first point
+     *   @param x2 x-coordinate of the second point
+     *   @param y2 y-coordinate of the second point
+     *   @param z2 z-coordinate of the second point
+     *   @return distance between the two points
+     */
+    dist(
+      x1: number,
+      y1: number,
+      z1: number,
+      x2: number,
+      y2: number,
+      z2: number
+    ): number;
+
+    /**
+     *   Returns Euler's number e (2.71828...) raised to
+     *   the power of the n parameter. Maps to Math.exp().
+     *   @param n exponent to raise
+     *   @return e^n
+     */
+    exp(
+      n: number
+    ): number;
+
+    /**
+     *   Calculates the closest int value that is less than
+     *   or equal to the value of the parameter. Maps to
+     *   Math.floor().
+     *   @param n number to round down
+     *   @return rounded down number
+     */
+    floor(
+      n: number
+    ): number;
+
+    /**
+     *   Calculates a number between two numbers at a
+     *   specific increment. The amt parameter is the
+     *   amount to interpolate between the two values where
+     *   0.0 equal to the first point, 0.1 is very near the
+     *   first point, 0.5 is half-way in between, etc. The
+     *   lerp function is convenient for creating motion
+     *   along a straight path and for drawing dotted
+     *   lines.
+     *   @param start first value
+     *   @param stop second value
+     *   @param amt number between 0.0 and 1.0
+     *   @return lerped value
+     */
+    lerp(
+      start: number,
+      stop: number,
+      amt: number
+    ): number;
+
+    /**
+     *   Calculates the natural logarithm (the base-e
+     *   logarithm) of a number. This function expects the
+     *   n parameter to be a value greater than 0.0. Maps
+     *   to Math.log().
+     *   @param n number greater than 0
+     *   @return natural logarithm of n
+     */
+    log(
+      n: number
+    ): number;
+
+    /**
+     *   Calculates the magnitude (or length) of a vector.
+     *   A vector is a direction in space commonly used in
+     *   computer graphics and linear algebra. Because it
+     *   has no "start" position, the magnitude of a vector
+     *   can be thought of as the distance from the
+     *   coordinate 0,0 to its x,y value. Therefore, mag()
+     *   is a shortcut for writing dist(0, 0, x, y).
+     *   @param a first value
+     *   @param b second value
+     *   @return magnitude of vector from (0,0) to (a,b)
+     */
+    mag(
+      a: number,
+      b: number
+    ): number;
+
+    /**
+     *   Re-maps a number from one range to another.  In
+     *   the first example above, the number 25 is
+     *   converted from a value in the range of 0 to 100
+     *   into a value that ranges from the left edge of the
+     *   window (0) to the right edge (width).
+     *   @param value the incoming value to be converted
+     *   @param start1 lower bound of the value's current
+     *   range
+     *   @param stop1 upper bound of the value's current
+     *   range
+     *   @param start2 lower bound of the value's target
+     *   range
+     *   @param stop2 upper bound of the value's target
+     *   range
+     *   @param [withinBounds] constrain the value to the
+     *   newly mapped range
+     *   @return remapped number
+     */
+    map(
+      value: number,
+      start1: number,
+      stop1: number,
+      start2: number,
+      stop2: number,
+      withinBounds?: boolean
+    ): number;
+
+    /**
+     *   Determines the largest value in a sequence of
+     *   numbers, and then returns that value. max()
+     *   accepts any number of Number parameters, or an
+     *   Array of any length.
+     *   @param n0 Number to compare
+     *   @param n1 Number to compare
+     *   @return maximum Number
+     */
+    max(
+      n0: number,
+      n1: number
+    ): number;
+
+    /**
+     *   Determines the largest value in a sequence of
+     *   numbers, and then returns that value. max()
+     *   accepts any number of Number parameters, or an
+     *   Array of any length.
+     *   @param nums Numbers to compare
+     */
+    max(
+      nums: number[]
+    ): number;
+
+    /**
+     *   Determines the smallest value in a sequence of
+     *   numbers, and then returns that value. min()
+     *   accepts any number of Number parameters, or an
+     *   Array of any length.
+     *   @param n0 Number to compare
+     *   @param n1 Number to compare
+     *   @return minimum Number
+     */
+    min(
+      n0: number,
+      n1: number
+    ): number;
+
+    /**
+     *   Determines the smallest value in a sequence of
+     *   numbers, and then returns that value. min()
+     *   accepts any number of Number parameters, or an
+     *   Array of any length.
+     *   @param nums Numbers to compare
+     */
+    min(
+      nums: number[]
+    ): number;
+
+    /**
+     *   Normalizes a number from another range into a
+     *   value between 0 and 1. Identical to map(value,
+     *   low, high, 0, 1). Numbers outside of the range are
+     *   not clamped to 0 and 1, because out-of-range
+     *   values are often intentional and useful. (See the
+     *   second example above.)
+     *   @param value incoming value to be normalized
+     *   @param start lower bound of the value's current
+     *   range
+     *   @param stop upper bound of the value's current
+     *   range
+     *   @return normalized number
+     */
+    norm(
+      value: number,
+      start: number,
+      stop: number
+    ): number;
+
+    /**
+     *   Facilitates exponential expressions. The pow()
+     *   function is an efficient way of multiplying
+     *   numbers by themselves (or their reciprocals) in
+     *   large quantities. For example, pow(3, 5) is
+     *   equivalent to the expression 33333 and pow(3, -5)
+     *   is equivalent to 1 / 33333. Maps to Math.pow().
+     *   @param n base of the exponential expression
+     *   @param e power by which to raise the base
+     *   @return n^e
+     */
+    pow(
+      n: number,
+      e: number
+    ): number;
+
+    /**
+     *   Calculates the integer closest to the n parameter.
+     *   For example, round(133.8) returns the value 134.
+     *   Maps to Math.round().
+     *   @param n number to round
+     *   @return rounded number
+     */
+    round(
+      n: number
+    ): number;
+
+    /**
+     *   Squares a number (multiplies a number by itself).
+     *   The result is always a positive number, as
+     *   multiplying two negative numbers always yields a
+     *   positive result. For example, -1 * -1 = 1.
+     *   @param n number to square
+     *   @return squared number
+     */
+    sq(
+      n: number
+    ): number;
+
+    /**
+     *   Calculates the square root of a number. The square
+     *   root of a number is always positive, even though
+     *   there may be a valid negative root. The square
+     *   root s of number a is such that s*s = a. It is the
+     *   opposite of squaring. Maps to Math.sqrt().
+     *   @param n non-negative number to square root
+     *   @return square root of number
+     */
+    sqrt(
+      n: number
+    ): number;
+  }
+}
diff --git a/types/p5/src/math/math.d.ts b/types/p5/src/math/math.d.ts
new file mode 100644
index 0000000000..cdd5651574
--- /dev/null
+++ b/types/p5/src/math/math.d.ts
@@ -0,0 +1,23 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Creates a new p5.Vector (the datatype for storing
+     *   vectors). This provides a two or three dimensional
+     *   vector, specifically a Euclidean (also known as
+     *   geometric) vector. A vector is an entity that has
+     *   both magnitude and direction.
+     *   @param [x] x component of the vector
+     *   @param [y] y component of the vector
+     *   @param [z] z component of the vector
+     */
+    createVector(
+      x?: number,
+      y?: number,
+      z?: number
+    ): Vector;
+  }
+}
diff --git a/types/p5/src/math/noise.d.ts b/types/p5/src/math/noise.d.ts
new file mode 100644
index 0000000000..3d8f03ffb2
--- /dev/null
+++ b/types/p5/src/math/noise.d.ts
@@ -0,0 +1,105 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Returns the Perlin noise value at specified
+     *   coordinates. Perlin noise is a random sequence
+     *   generator producing a more natural ordered,
+     *   harmonic succession of numbers compared to the
+     *   standard random() function. It was invented by Ken
+     *   Perlin in the 1980s and been used since in
+     *   graphical applications to produce procedural
+     *   textures, natural motion, shapes, terrains etc.
+     *   The main difference to the random() function is
+     *   that Perlin noise is defined in an infinite
+     *   n-dimensional space where each pair of coordinates
+     *   corresponds to a fixed semi-random value (fixed
+     *   only for the lifespan of the program; see the
+     *   noiseSeed() function). p5.js can compute 1D, 2D
+     *   and 3D noise, depending on the number of
+     *   coordinates given. The resulting value will always
+     *   be between 0.0 and 1.0. The noise value can be
+     *   animated by moving through the noise space as
+     *   demonstrated in the example above. The 2nd and 3rd
+     *   dimension can also be interpreted as time.
+     *
+     *   The actual noise is structured similar to an audio
+     *   signal, in respect to the function's use of
+     *   frequencies. Similar to the concept of harmonics
+     *   in physics, perlin noise is computed over several
+     *   octaves which are added together for the final
+     *   result.
+     *
+     *   Another way to adjust the character of the
+     *   resulting sequence is the scale of the input
+     *   coordinates. As the function works within an
+     *   infinite space the value of the coordinates
+     *   doesn't matter as such, only the distance between
+     *   successive coordinates does (eg. when using
+     *   noise() within a loop). As a general rule the
+     *   smaller the difference between coordinates, the
+     *   smoother the resulting noise sequence will be.
+     *   Steps of 0.005-0.03 work best for most
+     *   applications, but this will differ depending on
+     *   use.
+     *   @param x x-coordinate in noise space
+     *   @param [y] y-coordinate in noise space
+     *   @param [z] z-coordinate in noise space
+     *   @return Perlin noise value (between 0 and 1) at
+     *   specified coordinates
+     */
+    noise(
+      x: number,
+      y?: number,
+      z?: number
+    ): number;
+
+    /**
+     *   Adjusts the character and level of detail produced
+     *   by the Perlin noise function. Similar to harmonics
+     *   in physics, noise is computed over several
+     *   octaves. Lower octaves contribute more to the
+     *   output signal and as such define the overall
+     *   intensity of the noise, whereas higher octaves
+     *   create finer grained details in the noise
+     *   sequence.  By default, noise is computed over 4
+     *   octaves with each octave contributing exactly half
+     *   than its predecessor, starting at 50% strength for
+     *   the 1st octave. This falloff amount can be changed
+     *   by adding an additional function parameter. Eg. a
+     *   falloff factor of 0.75 means each octave will now
+     *   have 75% impact (25% less) of the previous lower
+     *   octave. Any value between 0.0 and 1.0 is valid,
+     *   however note that values greater than 0.5 might
+     *   result in greater than 1.0 values returned by
+     *   noise().
+     *
+     *
+     *   By changing these parameters, the signal created
+     *   by the noise() function can be adapted to fit very
+     *   specific needs and characteristics.
+     *   @param lod number of octaves to be used by the
+     *   noise
+     *   @param falloff falloff factor for each octave
+     */
+    noiseDetail(
+      lod: number,
+      falloff: number
+    ): void;
+
+    /**
+     *   Sets the seed value for noise(). By default,
+     *   noise() produces different results each time the
+     *   program is run. Set the value parameter to a
+     *   constant to return the same pseudo-random numbers
+     *   each time the software is run.
+     *   @param seed the seed value
+     */
+    noiseSeed(
+      seed: number
+    ): void;
+  }
+}
diff --git a/types/p5/src/math/p5.Vector.d.ts b/types/p5/src/math/p5.Vector.d.ts
new file mode 100644
index 0000000000..59bb5dd946
--- /dev/null
+++ b/types/p5/src/math/p5.Vector.d.ts
@@ -0,0 +1,597 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Vector {
+    /**
+     *   Adds x, y, and z components to a vector, adds one
+     *   vector to another, or adds two independent vectors
+     *   together. The version of the method that adds two
+     *   vectors together is a static method and returns a
+     *   p5.Vector, the others acts directly on the vector.
+     *   See the examples for more context.
+     *   @param v1 a p5.Vector to add
+     *   @param v2 a p5.Vector to add
+     *   @param target the vector to receive the result
+     */
+    static add(
+      v1: Vector,
+      v2: Vector,
+      target: Vector
+    ): void;
+
+    /**
+     *   Adds x, y, and z components to a vector, adds one
+     *   vector to another, or adds two independent vectors
+     *   together. The version of the method that adds two
+     *   vectors together is a static method and returns a
+     *   p5.Vector, the others acts directly on the vector.
+     *   See the examples for more context.
+     *   @param v1 a p5.Vector to add
+     *   @param v2 a p5.Vector to add
+     *   @return the resulting p5.Vector
+     */
+    static add(
+      v1: Vector,
+      v2: Vector
+    ): Vector;
+
+    /**
+     *   Subtracts x, y, and z components from a vector,
+     *   subtracts one vector from another, or subtracts
+     *   two independent vectors. The version of the method
+     *   that subtracts two vectors is a static method and
+     *   returns a p5.Vector, the other acts directly on
+     *   the vector. See the examples for more context.
+     *   @param v1 a p5.Vector to subtract from
+     *   @param v2 a p5.Vector to subtract
+     *   @param target if undefined a new vector will be
+     *   created
+     */
+    static sub(
+      v1: Vector,
+      v2: Vector,
+      target: Vector
+    ): void;
+
+    /**
+     *   Subtracts x, y, and z components from a vector,
+     *   subtracts one vector from another, or subtracts
+     *   two independent vectors. The version of the method
+     *   that subtracts two vectors is a static method and
+     *   returns a p5.Vector, the other acts directly on
+     *   the vector. See the examples for more context.
+     *   @param v1 a p5.Vector to subtract from
+     *   @param v2 a p5.Vector to subtract
+     *   @return the resulting p5.Vector
+     */
+    static sub(
+      v1: Vector,
+      v2: Vector
+    ): Vector;
+
+    /**
+     *   Multiply the vector by a scalar. The static
+     *   version of this method creates a new p5.Vector
+     *   while the non static version acts on the vector
+     *   directly. See the examples for more context.
+     *   @param v the vector to multiply
+     *   @param n the number to multiply with the vector
+     *   @param target if undefined a new vector will be
+     *   created
+     */
+    static mult(
+      v: Vector,
+      n: number,
+      target: Vector
+    ): void;
+
+    /**
+     *   Multiply the vector by a scalar. The static
+     *   version of this method creates a new p5.Vector
+     *   while the non static version acts on the vector
+     *   directly. See the examples for more context.
+     *   @param v the vector to multiply
+     *   @param n the number to multiply with the vector
+     *   @return the resulting new p5.Vector
+     */
+    static mult(
+      v: Vector,
+      n: number
+    ): Vector;
+
+    /**
+     *   Divide the vector by a scalar. The static version
+     *   of this method creates a new p5.Vector while the
+     *   non static version acts on the vector directly.
+     *   See the examples for more context.
+     *   @param v the vector to divide
+     *   @param n the number to divide the vector by
+     *   @param target if undefined a new vector will be
+     *   created
+     */
+    static div(
+      v: Vector,
+      n: number,
+      target: Vector
+    ): void;
+
+    /**
+     *   Divide the vector by a scalar. The static version
+     *   of this method creates a new p5.Vector while the
+     *   non static version acts on the vector directly.
+     *   See the examples for more context.
+     *   @param v the vector to divide
+     *   @param n the number to divide the vector by
+     *   @return the resulting new p5.Vector
+     */
+    static div(
+      v: Vector,
+      n: number
+    ): Vector;
+
+    /**
+     *   Calculates the magnitude (length) of the vector
+     *   and returns the result as a float (this is simply
+     *   the equation sqrt(xx + yy + z*z).)
+     *   @param vecT the vector to return the magnitude of
+     *   @return the magnitude of vecT
+     */
+    static mag(
+      vecT: Vector
+    ): number;
+
+    /**
+     *   Calculates the dot product of two vectors. The
+     *   version of the method that computes the dot
+     *   product of two independent vectors is a static
+     *   method. See the examples for more context.
+     *   @param v1 the first p5.Vector
+     *   @param v2 the second p5.Vector
+     *   @return the dot product
+     */
+    static dot(
+      v1: Vector,
+      v2: Vector
+    ): number;
+
+    /**
+     *   Calculates and returns a vector composed of the
+     *   cross product between two vectors. Both the static
+     *   and non static methods return a new p5.Vector. See
+     *   the examples for more context.
+     *   @param v1 the first p5.Vector
+     *   @param v2 the second p5.Vector
+     *   @return the cross product
+     */
+    static cross(
+      v1: Vector,
+      v2: Vector
+    ): number;
+
+    /**
+     *   Calculates the Euclidean distance between two
+     *   points (considering a point as a vector object).
+     *   @param v1 the first p5.Vector
+     *   @param v2 the second p5.Vector
+     *   @return the distance
+     */
+    static dist(
+      v1: Vector,
+      v2: Vector
+    ): number;
+
+    /**
+     *   Linear interpolate the vector to another vector
+     *   @param amt the amount of interpolation; some value
+     *   between 0.0 (old vector) and 1.0 (new vector). 0.9
+     *   is very near the new vector. 0.5 is halfway in
+     *   between.
+     *   @param target if undefined a new vector will be
+     *   created
+     */
+    static lerp(
+      v1: Vector,
+      v2: Vector,
+      amt: number,
+      target: Vector
+    ): void;
+
+    /**
+     *   Linear interpolate the vector to another vector
+     *   @param amt the amount of interpolation; some value
+     *   between 0.0 (old vector) and 1.0 (new vector). 0.9
+     *   is very near the new vector. 0.5 is halfway in
+     *   between.
+     *   @return the lerped value
+     */
+    static lerp(
+      v1: Vector,
+      v2: Vector,
+      amt: number
+    ): number;
+
+    /**
+     *   Make a new 2D vector from an angle
+     *   @param angle the desired angle, in radians
+     *   @param [length] the length of the new vector
+     *   (defaults to 1)
+     *   @return the new p5.Vector object
+     */
+    static fromAngle(
+      angle: number,
+      length?: number
+    ): Vector;
+
+    /**
+     *   Make a new 3D vector from a pair of ISO spherical
+     *   angles
+     *   @param theta the polar angle, in radians (zero is
+     *   up)
+     *   @param phi the azimuthal angle, in radians (zero
+     *   is out of the screen)
+     *   @param [length] the length of the new vector
+     *   (defaults to 1)
+     *   @return the new p5.Vector object
+     */
+    static fromAngles(
+      theta: number,
+      phi: number,
+      length?: number
+    ): Vector;
+
+    /**
+     *   Make a new 2D unit vector from a random angle
+     *   @return the new p5.Vector object
+     */
+    static random2D(): Vector;
+
+    /**
+     *   Make a new random 3D unit vector.
+     *   @return the new p5.Vector object
+     */
+    static random3D(): Vector;
+
+    /**
+     *   Returns a string representation of a vector v by
+     *   calling String(v) or v.toString(). This method is
+     *   useful for logging vectors in the console.
+     */
+    toString(): string;
+
+    /**
+     *   Sets the x, y, and z component of the vector using
+     *   two or three separate variables, the data from a
+     *   p5.Vector, or the values from a float array.
+     *   @param [x] the x component of the vector
+     *   @param [y] the y component of the vector
+     *   @param [z] the z component of the vector
+     *   @chainable
+     */
+    set(
+      x?: number,
+      y?: number,
+      z?: number
+    ): Vector;
+
+    /**
+     *   Sets the x, y, and z component of the vector using
+     *   two or three separate variables, the data from a
+     *   p5.Vector, or the values from a float array.
+     *   @param value the vector to set
+     *   @chainable
+     */
+    set(
+      value:
+        | Vector
+        | number[]
+    ): Vector;
+
+    /**
+     *   Gets a copy of the vector, returns a p5.Vector
+     *   object.
+     *   @return the copy of the p5.Vector object
+     */
+    copy(): Vector;
+
+    /**
+     *   Adds x, y, and z components to a vector, adds one
+     *   vector to another, or adds two independent vectors
+     *   together. The version of the method that adds two
+     *   vectors together is a static method and returns a
+     *   p5.Vector, the others acts directly on the vector.
+     *   See the examples for more context.
+     *   @param x the x component of the vector to be added
+     *   @param [y] the y component of the vector to be
+     *   added
+     *   @param [z] the z component of the vector to be
+     *   added
+     *   @chainable
+     */
+    add(
+      x: number,
+      y?: number,
+      z?: number
+    ): Vector;
+
+    /**
+     *   Adds x, y, and z components to a vector, adds one
+     *   vector to another, or adds two independent vectors
+     *   together. The version of the method that adds two
+     *   vectors together is a static method and returns a
+     *   p5.Vector, the others acts directly on the vector.
+     *   See the examples for more context.
+     *   @param value the vector to add
+     *   @chainable
+     */
+    add(
+      value:
+        | Vector
+        | number[]
+    ): Vector;
+
+    /**
+     *   Subtracts x, y, and z components from a vector,
+     *   subtracts one vector from another, or subtracts
+     *   two independent vectors. The version of the method
+     *   that subtracts two vectors is a static method and
+     *   returns a p5.Vector, the other acts directly on
+     *   the vector. See the examples for more context.
+     *   @param x the x component of the vector to subtract
+     *   @param [y] the y component of the vector to
+     *   subtract
+     *   @param [z] the z component of the vector to
+     *   subtract
+     *   @chainable
+     */
+    sub(
+      x: number,
+      y?: number,
+      z?: number
+    ): Vector;
+
+    /**
+     *   Subtracts x, y, and z components from a vector,
+     *   subtracts one vector from another, or subtracts
+     *   two independent vectors. The version of the method
+     *   that subtracts two vectors is a static method and
+     *   returns a p5.Vector, the other acts directly on
+     *   the vector. See the examples for more context.
+     *   @param value the vector to subtract
+     *   @chainable
+     */
+    sub(
+      value:
+        | Vector
+        | number[]
+    ): Vector;
+
+    /**
+     *   Multiply the vector by a scalar. The static
+     *   version of this method creates a new p5.Vector
+     *   while the non static version acts on the vector
+     *   directly. See the examples for more context.
+     *   @param n the number to multiply with the vector
+     *   @chainable
+     */
+    mult(
+      n: number
+    ): Vector;
+
+    /**
+     *   Divide the vector by a scalar. The static version
+     *   of this method creates a new p5.Vector while the
+     *   non static version acts on the vector directly.
+     *   See the examples for more context.
+     *   @param n the number to divide the vector by
+     *   @chainable
+     */
+    div(
+      n: number
+    ): Vector;
+
+    /**
+     *   Calculates the magnitude (length) of the vector
+     *   and returns the result as a float (this is simply
+     *   the equation sqrt(xx + yy + z*z).)
+     *   @return magnitude of the vector
+     */
+    mag(): number;
+
+    /**
+     *   Calculates the squared magnitude of the vector and
+     *   returns the result as a float (this is simply the
+     *   equation (xx + yy + z*z).) Faster if the real
+     *   length is not required in the case of comparing
+     *   vectors, etc.
+     *   @return squared magnitude of the vector
+     */
+    magSq(): number;
+
+    /**
+     *   Calculates the dot product of two vectors. The
+     *   version of the method that computes the dot
+     *   product of two independent vectors is a static
+     *   method. See the examples for more context.
+     *   @param x x component of the vector
+     *   @param [y] y component of the vector
+     *   @param [z] z component of the vector
+     *   @return the dot product
+     */
+    dot(
+      x: number,
+      y?: number,
+      z?: number
+    ): number;
+
+    /**
+     *   Calculates the dot product of two vectors. The
+     *   version of the method that computes the dot
+     *   product of two independent vectors is a static
+     *   method. See the examples for more context.
+     *   @param value value component of the vector or a
+     *   p5.Vector
+     */
+    dot(
+      value: Vector
+    ): number;
+
+    /**
+     *   Calculates and returns a vector composed of the
+     *   cross product between two vectors. Both the static
+     *   and non static methods return a new p5.Vector. See
+     *   the examples for more context.
+     *   @param v p5.Vector to be crossed
+     *   @return p5.Vector composed of cross product
+     */
+    cross(
+      v: Vector
+    ): Vector;
+
+    /**
+     *   Calculates the Euclidean distance between two
+     *   points (considering a point as a vector object).
+     *   @param v the x, y, and z coordinates of a
+     *   p5.Vector
+     *   @return the distance
+     */
+    dist(
+      v: Vector
+    ): number;
+
+    /**
+     *   Normalize the vector to length 1 (make it a unit
+     *   vector).
+     *   @return normalized p5.Vector
+     */
+    normalize(): Vector;
+
+    /**
+     *   Limit the magnitude of this vector to the value
+     *   used for the max parameter.
+     *   @param max the maximum magnitude for the vector
+     *   @chainable
+     */
+    limit(
+      max: number
+    ): Vector;
+
+    /**
+     *   Set the magnitude of this vector to the value used
+     *   for the len parameter.
+     *   @param len the new length for this vector
+     *   @chainable
+     */
+    setMag(
+      len: number
+    ): Vector;
+
+    /**
+     *   Calculate the angle of rotation for this vector
+     *   (only 2D vectors)
+     *   @return the angle of rotation
+     */
+    heading(): number;
+
+    /**
+     *   Rotate the vector by an angle (only 2D vectors),
+     *   magnitude remains the same
+     *   @param angle the angle of rotation
+     *   @chainable
+     */
+    rotate(
+      angle: number
+    ): Vector;
+
+    /**
+     *   Calculates and returns the angle (in radians)
+     *   between two vectors.
+     *   @param the x, y, and z components of a p5.Vector
+     *   @return the angle between (in radians)
+     */
+    angleBetween(
+      the: Vector
+    ): number;
+
+    /**
+     *   Linear interpolate the vector to another vector
+     *   @param x the x component
+     *   @param y the y component
+     *   @param z the z component
+     *   @param amt the amount of interpolation; some value
+     *   between 0.0 (old vector) and 1.0 (new vector). 0.9
+     *   is very near the new vector. 0.5 is halfway in
+     *   between.
+     *   @chainable
+     */
+    lerp(
+      x: number,
+      y: number,
+      z: number,
+      amt: number
+    ): Vector;
+
+    /**
+     *   Linear interpolate the vector to another vector
+     *   @param v the p5.Vector to lerp to
+     *   @param amt the amount of interpolation; some value
+     *   between 0.0 (old vector) and 1.0 (new vector). 0.9
+     *   is very near the new vector. 0.5 is halfway in
+     *   between.
+     *   @chainable
+     */
+    lerp(
+      v: Vector,
+      amt: number
+    ): Vector;
+
+    /**
+     *   Return a representation of this vector as a float
+     *   array. This is only for temporary use. If used in
+     *   any other fashion, the contents should be copied
+     *   by using the p5.Vector.copy() method to copy into
+     *   your own array.
+     *   @return an Array with the 3 values
+     */
+    array(): number[];
+
+    /**
+     *   Equality check against a p5.Vector
+     *   @param [x] the x component of the vector
+     *   @param [y] the y component of the vector
+     *   @param [z] the z component of the vector
+     *   @return whether the vectors are equals
+     */
+    equals(
+      x?: number,
+      y?: number,
+      z?: number
+    ): boolean;
+
+    /**
+     *   Equality check against a p5.Vector
+     *   @param value the vector to compare
+     */
+    equals(
+      value:
+        | Vector
+        | any[]
+    ): boolean;
+
+    /**
+     *   The x component of the vector
+     */
+    x: number;
+
+    /**
+     *   The y component of the vector
+     */
+    y: number;
+
+    /**
+     *   The z component of the vector
+     */
+    z: number;
+  }
+}
diff --git a/types/p5/src/math/random.d.ts b/types/p5/src/math/random.d.ts
new file mode 100644
index 0000000000..440cdcc06a
--- /dev/null
+++ b/types/p5/src/math/random.d.ts
@@ -0,0 +1,96 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Sets the seed value for random(). By default,
+     *   random() produces different results each time the
+     *   program is run. Set the seed parameter to a
+     *   constant to return the same pseudo-random numbers
+     *   each time the software is run.
+     *   @param seed the seed value
+     */
+    randomSeed(
+      seed: number
+    ): void;
+
+    /**
+     *   Return a random floating-point number. Takes
+     *   either 0, 1 or 2 arguments.
+     *
+     *   If no argument is given, returns a random number
+     *   from 0 up to (but not including) 1.
+     *
+     *   If one argument is given and it is a number,
+     *   returns a random number from 0 up to (but not
+     *   including) the number.
+     *
+     *   If one argument is given and it is an array,
+     *   returns a random element from that array.
+     *
+     *   If two arguments are given, returns a random
+     *   number from the first argument up to (but not
+     *   including) the second argument.
+     *   @param [min] the lower bound (inclusive)
+     *   @param [max] the upper bound (exclusive)
+     *   @return the random number
+     */
+    random(
+      min?: number,
+      max?: number
+    ): number;
+
+    /**
+     *   Return a random floating-point number. Takes
+     *   either 0, 1 or 2 arguments.
+     *
+     *   If no argument is given, returns a random number
+     *   from 0 up to (but not including) 1.
+     *
+     *   If one argument is given and it is a number,
+     *   returns a random number from 0 up to (but not
+     *   including) the number.
+     *
+     *   If one argument is given and it is an array,
+     *   returns a random element from that array.
+     *
+     *   If two arguments are given, returns a random
+     *   number from the first argument up to (but not
+     *   including) the second argument.
+     *   @param choices the array to choose from
+     *   @return the random element from the array
+     */
+    random(
+      choices: any[]
+    ): any;
+
+    /**
+     *   Returns a random number fitting a Gaussian, or
+     *   normal, distribution. There is theoretically no
+     *   minimum or maximum value that randomGaussian()
+     *   might return. Rather, there is just a very low
+     *   probability that values far from the mean will be
+     *   returned; and a higher probability that numbers
+     *   near the mean will be returned.  Takes either 0, 1
+     *   or 2 arguments.
+     *
+     *   If no args, returns a mean of 0 and standard
+     *   deviation of 1.
+     *
+     *   If one arg, that arg is the mean (standard
+     *   deviation is 1).
+     *
+     *   If two args, first is mean, second is standard
+     *   deviation.
+     *   @param mean the mean
+     *   @param sd the standard deviation
+     *   @return the random number
+     */
+    randomGaussian(
+      mean: number,
+      sd: number
+    ): number;
+  }
+}
diff --git a/types/p5/src/math/trigonometry.d.ts b/types/p5/src/math/trigonometry.d.ts
new file mode 100644
index 0000000000..8685f88f31
--- /dev/null
+++ b/types/p5/src/math/trigonometry.d.ts
@@ -0,0 +1,137 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   The inverse of cos(), returns the arc cosine of a
+     *   value. This function expects the values in the
+     *   range of -1 to 1 and values are returned in the
+     *   range 0 to PI (3.1415927).
+     *   @param value the value whose arc cosine is to be
+     *   returned
+     *   @return the arc cosine of the given value
+     */
+    acos(
+      value: number
+    ): number;
+
+    /**
+     *   The inverse of sin(), returns the arc sine of a
+     *   value. This function expects the values in the
+     *   range of -1 to 1 and values are returned in the
+     *   range -PI/2 to PI/2.
+     *   @param value the value whose arc sine is to be
+     *   returned
+     *   @return the arc sine of the given value
+     */
+    asin(
+      value: number
+    ): number;
+
+    /**
+     *   The inverse of tan(), returns the arc tangent of a
+     *   value. This function expects the values in the
+     *   range of -Infinity to Infinity (exclusive) and
+     *   values are returned in the range -PI/2 to PI/2.
+     *   @param value the value whose arc tangent is to be
+     *   returned
+     *   @return the arc tangent of the given value
+     */
+    atan(
+      value: number
+    ): number;
+
+    /**
+     *   Calculates the angle (in radians) from a specified
+     *   point to the coordinate origin as measured from
+     *   the positive x-axis. Values are returned as a
+     *   float in the range from PI to -PI. The atan2()
+     *   function is most often used for orienting geometry
+     *   to the position of the cursor.  Note: The
+     *   y-coordinate of the point is the first parameter,
+     *   and the x-coordinate is the second parameter, due
+     *   the the structure of calculating the tangent.
+     *   @param y y-coordinate of the point
+     *   @param x x-coordinate of the point
+     *   @return the arc tangent of the given point
+     */
+    atan2(
+      y: number,
+      x: number
+    ): number;
+
+    /**
+     *   Calculates the cosine of an angle. This function
+     *   takes into account the current angleMode. Values
+     *   are returned in the range -1 to 1.
+     *   @param angle the angle
+     *   @return the cosine of the angle
+     */
+    cos(
+      angle: number
+    ): number;
+
+    /**
+     *   Calculates the sine of an angle. This function
+     *   takes into account the current angleMode. Values
+     *   are returned in the range -1 to 1.
+     *   @param angle the angle
+     *   @return the sine of the angle
+     */
+    sin(
+      angle: number
+    ): number;
+
+    /**
+     *   Calculates the tangent of an angle. This function
+     *   takes into account the current angleMode. Values
+     *   are returned in the range -1 to 1.
+     *   @param angle the angle
+     *   @return the tangent of the angle
+     */
+    tan(
+      angle: number
+    ): number;
+
+    /**
+     *   Converts a radian measurement to its corresponding
+     *   value in degrees. Radians and degrees are two ways
+     *   of measuring the same thing. There are 360 degrees
+     *   in a circle and 2*PI radians in a circle. For
+     *   example, 90° = PI/2 = 1.5707964. This function
+     *   does not take into account the current angleMode.
+     *   @param radians the radians value to convert to
+     *   degrees
+     *   @return the converted angle
+     */
+    degrees(
+      radians: number
+    ): number;
+
+    /**
+     *   Converts a degree measurement to its corresponding
+     *   value in radians. Radians and degrees are two ways
+     *   of measuring the same thing. There are 360 degrees
+     *   in a circle and 2*PI radians in a circle. For
+     *   example, 90° = PI/2 = 1.5707964. This function
+     *   does not take into account the current angleMode.
+     *   @param degrees the degree value to convert to
+     *   radians
+     *   @return the converted angle
+     */
+    radians(
+      degrees: number
+    ): number;
+
+    /**
+     *   Sets the current mode of p5 to given mode. Default
+     *   mode is RADIANS.
+     *   @param mode either RADIANS or DEGREES
+     */
+    angleMode(
+      mode: ANGLE_MODE
+    ): void;
+  }
+}
diff --git a/types/p5/src/typography/attributes.d.ts b/types/p5/src/typography/attributes.d.ts
new file mode 100644
index 0000000000..06cb7f9571
--- /dev/null
+++ b/types/p5/src/typography/attributes.d.ts
@@ -0,0 +1,137 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Sets the current alignment for drawing text.
+     *   Accepts two arguments: horizAlign (LEFT, CENTER,
+     *   or RIGHT) and vertAlign (TOP, BOTTOM, CENTER, or
+     *   BASELINE). The horizAlign parameter is in
+     *   reference to the x value of the text() function,
+     *   while the vertAlign parameter is in reference to
+     *   the y value.
+     *
+     *   So if you write textAlign(LEFT), you are aligning
+     *   the left edge of your text to the x value you give
+     *   in text(). If you write textAlign(RIGHT, TOP), you
+     *   are aligning the right edge of your text to the x
+     *   value and the top of edge of the text to the y
+     *   value.
+     *   @param horizAlign horizontal alignment, either
+     *   LEFT, CENTER, or RIGHT
+     *   @param [vertAlign] vertical alignment, either TOP,
+     *   BOTTOM, CENTER, or BASELINE
+     *   @chainable
+     */
+    textAlign(
+      horizAlign: HORIZ_ALIGN,
+      vertAlign?: VERT_ALIGN
+    ): p5;
+
+    /**
+     *   Sets the current alignment for drawing text.
+     *   Accepts two arguments: horizAlign (LEFT, CENTER,
+     *   or RIGHT) and vertAlign (TOP, BOTTOM, CENTER, or
+     *   BASELINE). The horizAlign parameter is in
+     *   reference to the x value of the text() function,
+     *   while the vertAlign parameter is in reference to
+     *   the y value.
+     *
+     *   So if you write textAlign(LEFT), you are aligning
+     *   the left edge of your text to the x value you give
+     *   in text(). If you write textAlign(RIGHT, TOP), you
+     *   are aligning the right edge of your text to the x
+     *   value and the top of edge of the text to the y
+     *   value.
+     */
+    textAlign(): object;
+
+    /**
+     *   Sets/gets the spacing, in pixels, between lines of
+     *   text. This setting will be used in all subsequent
+     *   calls to the text() function.
+     *   @param leading the size in pixels for spacing
+     *   between lines
+     *   @chainable
+     */
+    textLeading(
+      leading: number
+    ): p5;
+
+    /**
+     *   Sets/gets the spacing, in pixels, between lines of
+     *   text. This setting will be used in all subsequent
+     *   calls to the text() function.
+     */
+    textLeading(): number;
+
+    /**
+     *   Sets/gets the current font size. This size will be
+     *   used in all subsequent calls to the text()
+     *   function. Font size is measured in pixels.
+     *   @param theSize the size of the letters in units of
+     *   pixels
+     *   @chainable
+     */
+    textSize(
+      theSize: number
+    ): p5;
+
+    /**
+     *   Sets/gets the current font size. This size will be
+     *   used in all subsequent calls to the text()
+     *   function. Font size is measured in pixels.
+     */
+    textSize(): number;
+
+    /**
+     *   Sets/gets the style of the text for system fonts
+     *   to NORMAL, ITALIC, or BOLD. Note: this may be is
+     *   overridden by CSS styling. For non-system fonts
+     *   (opentype, truetype, etc.) please load styled
+     *   fonts instead.
+     *   @param theStyle styling for text, either NORMAL,
+     *   ITALIC, or BOLD
+     *   @chainable
+     */
+    textStyle(
+      theStyle: THE_STYLE
+    ): p5;
+
+    /**
+     *   Sets/gets the style of the text for system fonts
+     *   to NORMAL, ITALIC, or BOLD. Note: this may be is
+     *   overridden by CSS styling. For non-system fonts
+     *   (opentype, truetype, etc.) please load styled
+     *   fonts instead.
+     */
+    textStyle(): string;
+
+    /**
+     *   Calculates and returns the width of any character
+     *   or text string.
+     *   @param theText the String of characters to measure
+     */
+    textWidth(
+      theText: string
+    ): number;
+
+    /**
+     *   Returns the ascent of the current font at its
+     *   current size. The ascent represents the distance,
+     *   in pixels, of the tallest character above the
+     *   baseline.
+     */
+    textAscent(): number;
+
+    /**
+     *   Returns the descent of the current font at its
+     *   current size. The descent represents the distance,
+     *   in pixels, of the character with the longest
+     *   descender below the baseline.
+     */
+    textDescent(): number;
+  }
+}
diff --git a/types/p5/src/typography/loading_displaying.d.ts b/types/p5/src/typography/loading_displaying.d.ts
new file mode 100644
index 0000000000..c02a5d9a4e
--- /dev/null
+++ b/types/p5/src/typography/loading_displaying.d.ts
@@ -0,0 +1,112 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Loads an opentype font file (.otf, .ttf) from a
+     *   file or a URL, and returns a PFont Object. This
+     *   method is asynchronous, meaning it may not finish
+     *   before the next line in your sketch is executed.
+     *   The path to the font should be relative to the
+     *   HTML file that links in your sketch. Loading an
+     *   from a URL or other remote location may be blocked
+     *   due to your browser's built-in security.
+     *   @param path name of the file or url to load
+     *   @param [callback] function to be executed after
+     *   loadFont() completes
+     *   @param [onError] function to be executed if an
+     *   error occurs
+     *   @return p5.Font object
+     */
+    loadFont(
+      path: string,
+      callback?: (
+        ...args: any[]
+      ) => any,
+      onError?: (
+        ...args: any[]
+      ) => any
+    ): Font;
+
+    /**
+     *   Draws text to the screen. Displays the information
+     *   specified in the first parameter on the screen in
+     *   the position specified by the additional
+     *   parameters. A default font will be used unless a
+     *   font is set with the textFont() function and a
+     *   default size will be used unless a font is set
+     *   with textSize(). Change the color of the text with
+     *   the fill() function. Change the outline of the
+     *   text with the stroke() and strokeWeight()
+     *   functions.  The text displays in relation to the
+     *   textAlign() function, which gives the option to
+     *   draw to the left, right, and center of the
+     *   coordinates.
+     *
+     *
+     *   The x2 and y2 parameters define a rectangular area
+     *   to display within and may only be used with string
+     *   data. When these parameters are specified, they
+     *   are interpreted based on the current rectMode()
+     *   setting. Text that does not fit completely within
+     *   the rectangle specified will not be drawn to the
+     *   screen. If x2 and y2 are not specified, the
+     *   baseline alignment is the default, which means
+     *   that the text will be drawn upwards from x and y.
+     *
+     *
+     *   WEBGL: Only opentype/truetype fonts are supported.
+     *   You must load a font using the loadFont() method
+     *   (see the example above). stroke() currently has no
+     *   effect in webgl mode.
+     *   @param str the alphanumeric symbols to be
+     *   displayed
+     *   @param x x-coordinate of text
+     *   @param y y-coordinate of text
+     *   @param [x2] by default, the width of the text box,
+     *   see rectMode() for more info
+     *   @param [y2] by default, the height of the text
+     *   box, see rectMode() for more info
+     *   @chainable
+     */
+    text(
+      str:
+        | string
+        | object
+        | any[]
+        | number
+        | boolean,
+      x: number,
+      y: number,
+      x2?: number,
+      y2?: number
+    ): p5;
+
+    /**
+     *   Sets the current font that will be drawn with the
+     *   text() function.  WEBGL: Only fonts loaded via
+     *   loadFont() are supported.
+     *   @return the current font
+     */
+    textFont(): object;
+
+    /**
+     *   Sets the current font that will be drawn with the
+     *   text() function.  WEBGL: Only fonts loaded via
+     *   loadFont() are supported.
+     *   @param font a font loaded via loadFont(), or a
+     *   String representing a web safe font (a font that
+     *   is generally available across all systems)
+     *   @param [size] the font size to use
+     *   @chainable
+     */
+    textFont(
+      font:
+        | object
+        | string,
+      size?: number
+    ): p5;
+  }
+}
diff --git a/types/p5/src/typography/p5.Font.d.ts b/types/p5/src/typography/p5.Font.d.ts
new file mode 100644
index 0000000000..7b6803393e
--- /dev/null
+++ b/types/p5/src/typography/p5.Font.d.ts
@@ -0,0 +1,64 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Font {
+    /**
+     *   Returns a tight bounding box for the given text
+     *   string using this font (currently only supports
+     *   single lines)
+     *   @param line a line of text
+     *   @param x x-position
+     *   @param y y-position
+     *   @param [fontSize] font size to use (optional)
+     *   @param [options] opentype options (optional)
+     *   @return a rectangle object with properties: x, y,
+     *   w, h
+     */
+    textBounds(
+      line: string,
+      x: number,
+      y: number,
+      fontSize?: number,
+      options?: object
+    ): object;
+
+    /**
+     *   Computes an array of points following the path for
+     *   specified text
+     *   @param txt a line of text
+     *   @param x x-position
+     *   @param y y-position
+     *   @param fontSize font size to use (optional)
+     *   @param [options] an (optional) object that can
+     *   contain:
+     *
+     *
+     *   sampleFactor - the ratio of path-length to number
+     *   of samples (default=.25); higher values yield more
+     *   points and are therefore more precise
+     *
+     *
+     *   simplifyThreshold - if set to a non-zero value,
+     *   collinear points will be be removed from the
+     *   polygon; the value represents the threshold angle
+     *   to use when determining whether two edges are
+     *   collinear
+     *   @return an array of points, each with x, y, alpha
+     *   (the path angle)
+     */
+    textToPoints(
+      txt: string,
+      x: number,
+      y: number,
+      fontSize: number,
+      options?: object
+    ): any[];
+
+    /**
+     *   Underlying opentype font implementation
+     */
+    font: any;
+  }
+}
diff --git a/types/p5/src/utilities/array_functions.d.ts b/types/p5/src/utilities/array_functions.d.ts
new file mode 100644
index 0000000000..054b2da93e
--- /dev/null
+++ b/types/p5/src/utilities/array_functions.d.ts
@@ -0,0 +1,191 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Adds a value to the end of an array. Extends the
+     *   length of the array by one. Maps to Array.push().
+     *   @param array Array to append
+     *   @param value to be added to the Array
+     *   @return the array that was appended to
+     */
+    append(
+      array: any[],
+      value: any
+    ): any[];
+
+    /**
+     *   Copies an array (or part of an array) to another
+     *   array. The src array is copied to the dst array,
+     *   beginning at the position specified by srcPosition
+     *   and into the position specified by dstPosition.
+     *   The number of elements to copy is determined by
+     *   length. Note that copying values overwrites
+     *   existing values in the destination array. To
+     *   append values instead of overwriting them, use
+     *   concat().  The simplified version with only two
+     *   arguments, arrayCopy(src, dst), copies an entire
+     *   array to another of the same size. It is
+     *   equivalent to arrayCopy(src, 0, dst, 0,
+     *   src.length).
+     *
+     *
+     *   Using this function is far more efficient for
+     *   copying array data than iterating through a for()
+     *   loop and copying each element individually.
+     *   @param src the source Array
+     *   @param srcPosition starting position in the source
+     *   Array
+     *   @param dst the destination Array
+     *   @param dstPosition starting position in the
+     *   destination Array
+     *   @param length number of Array elements to be
+     *   copied
+     */
+    arrayCopy(
+      src: any[],
+      srcPosition: number,
+      dst: any[],
+      dstPosition: number,
+      length: number
+    ): void;
+
+    /**
+     *   Copies an array (or part of an array) to another
+     *   array. The src array is copied to the dst array,
+     *   beginning at the position specified by srcPosition
+     *   and into the position specified by dstPosition.
+     *   The number of elements to copy is determined by
+     *   length. Note that copying values overwrites
+     *   existing values in the destination array. To
+     *   append values instead of overwriting them, use
+     *   concat().  The simplified version with only two
+     *   arguments, arrayCopy(src, dst), copies an entire
+     *   array to another of the same size. It is
+     *   equivalent to arrayCopy(src, 0, dst, 0,
+     *   src.length).
+     *
+     *
+     *   Using this function is far more efficient for
+     *   copying array data than iterating through a for()
+     *   loop and copying each element individually.
+     *   @param src the source Array
+     *   @param dst the destination Array
+     *   @param [length] number of Array elements to be
+     *   copied
+     */
+    arrayCopy(
+      src: any[],
+      dst: any[],
+      length?: number
+    ): void;
+
+    /**
+     *   Concatenates two arrays, maps to Array.concat().
+     *   Does not modify the input arrays.
+     *   @param a first Array to concatenate
+     *   @param b second Array to concatenate
+     *   @return concatenated array
+     */
+    concat(
+      a: any[],
+      b: any[]
+    ): any[];
+
+    /**
+     *   Reverses the order of an array, maps to
+     *   Array.reverse()
+     *   @param list Array to reverse
+     *   @return the reversed list
+     */
+    reverse(
+      list: any[]
+    ): any[];
+
+    /**
+     *   Decreases an array by one element and returns the
+     *   shortened array, maps to Array.pop().
+     *   @param list Array to shorten
+     *   @return shortened Array
+     */
+    shorten(
+      list: any[]
+    ): any[];
+
+    /**
+     *   Randomizes the order of the elements of an array.
+     *   Implements  Fisher-Yates Shuffle Algorithm.
+     *   @param array Array to shuffle
+     *   @param [bool] modify passed array
+     *   @return shuffled Array
+     */
+    shuffle(
+      array: any[],
+      bool?: boolean
+    ): any[];
+
+    /**
+     *   Sorts an array of numbers from smallest to
+     *   largest, or puts an array of words in alphabetical
+     *   order. The original array is not modified; a
+     *   re-ordered array is returned. The count parameter
+     *   states the number of elements to sort. For
+     *   example, if there are 12 elements in an array and
+     *   count is set to 5, only the first 5 elements in
+     *   the array will be sorted.
+     *   @param list Array to sort
+     *   @param [count] number of elements to sort,
+     *   starting from 0
+     *   @return the sorted list
+     */
+    sort(
+      list: any[],
+      count?: number
+    ): any[];
+
+    /**
+     *   Inserts a value or an array of values into an
+     *   existing array. The first parameter specifies the
+     *   initial array to be modified, and the second
+     *   parameter defines the data to be inserted. The
+     *   third parameter is an index value which specifies
+     *   the array position from which to insert data.
+     *   (Remember that array index numbering starts at
+     *   zero, so the first position is 0, the second
+     *   position is 1, and so on.)
+     *   @param list Array to splice into
+     *   @param value value to be spliced in
+     *   @param position in the array from which to insert
+     *   data
+     *   @return the list
+     */
+    splice(
+      list: any[],
+      value: any,
+      position: number
+    ): any[];
+
+    /**
+     *   Extracts an array of elements from an existing
+     *   array. The list parameter defines the array from
+     *   which the elements will be copied, and the start
+     *   and count parameters specify which elements to
+     *   extract. If no count is given, elements will be
+     *   extracted from the start to the end of the array.
+     *   When specifying the start, remember that the first
+     *   array element is 0. This function does not change
+     *   the source array.
+     *   @param list Array to extract from
+     *   @param start position to begin
+     *   @param [count] number of values to extract
+     *   @return Array of extracted elements
+     */
+    subset(
+      list: any[],
+      start: number,
+      count?: number
+    ): any[];
+  }
+}
diff --git a/types/p5/src/utilities/conversion.d.ts b/types/p5/src/utilities/conversion.d.ts
new file mode 100644
index 0000000000..a8819ed8a5
--- /dev/null
+++ b/types/p5/src/utilities/conversion.d.ts
@@ -0,0 +1,244 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Converts a string to its floating point
+     *   representation. The contents of a string must
+     *   resemble a number, or NaN (not a number) will be
+     *   returned. For example, float("1234.56") evaluates
+     *   to 1234.56, but float("giraffe") will return NaN.
+     *   When an array of values is passed in, then an
+     *   array of floats of the same length is returned.
+     *   @param str float string to parse
+     *   @return floating point representation of string
+     */
+    float(
+      str: string
+    ): number;
+
+    /**
+     *   Converts a boolean, string, or float to its
+     *   integer representation. When an array of values is
+     *   passed in, then an int array of the same length is
+     *   returned.
+     *   @param n value to parse
+     *   @param [radix] the radix to convert to (default:
+     *   10)
+     *   @return integer representation of value
+     */
+    int(
+      n:
+        | string
+        | boolean
+        | number,
+      radix?: number
+    ): number;
+
+    /**
+     *   Converts a boolean, string, or float to its
+     *   integer representation. When an array of values is
+     *   passed in, then an int array of the same length is
+     *   returned.
+     *   @param ns values to parse
+     *   @return integer representation of values
+     */
+    int(
+      ns: any[]
+    ): number[];
+
+    /**
+     *   Converts a boolean, string or number to its string
+     *   representation. When an array of values is passed
+     *   in, then an array of strings of the same length is
+     *   returned.
+     *   @param n value to parse
+     *   @return string representation of value
+     */
+    str(
+      n:
+        | string
+        | boolean
+        | number
+        | any[]
+    ): string;
+
+    /**
+     *   Converts a number or string to its boolean
+     *   representation. For a number, any non-zero value
+     *   (positive or negative) evaluates to true, while
+     *   zero evaluates to false. For a string, the value
+     *   "true" evaluates to true, while any other value
+     *   evaluates to false. When an array of number or
+     *   string values is passed in, then a array of
+     *   booleans of the same length is returned.
+     *   @param n value to parse
+     *   @return boolean representation of value
+     */
+    boolean(
+      n:
+        | string
+        | boolean
+        | number
+        | any[]
+    ): boolean;
+
+    /**
+     *   Converts a number, string representation of a
+     *   number, or boolean to its byte representation. A
+     *   byte can be only a whole number between -128 and
+     *   127, so when a value outside of this range is
+     *   converted, it wraps around to the corresponding
+     *   byte representation. When an array of number,
+     *   string or boolean values is passed in, then an
+     *   array of bytes the same length is returned.
+     *   @param n value to parse
+     *   @return byte representation of value
+     */
+    byte(
+      n:
+        | string
+        | boolean
+        | number
+    ): number;
+
+    /**
+     *   Converts a number, string representation of a
+     *   number, or boolean to its byte representation. A
+     *   byte can be only a whole number between -128 and
+     *   127, so when a value outside of this range is
+     *   converted, it wraps around to the corresponding
+     *   byte representation. When an array of number,
+     *   string or boolean values is passed in, then an
+     *   array of bytes the same length is returned.
+     *   @param ns values to parse
+     *   @return array of byte representation of values
+     */
+    byte(
+      ns: any[]
+    ): number[];
+
+    /**
+     *   Converts a number or string to its corresponding
+     *   single-character string representation. If a
+     *   string parameter is provided, it is first parsed
+     *   as an integer and then translated into a
+     *   single-character string. When an array of number
+     *   or string values is passed in, then an array of
+     *   single-character strings of the same length is
+     *   returned.
+     *   @param n value to parse
+     *   @return string representation of value
+     */
+    char(
+      n:
+        | string
+        | number
+    ): string;
+
+    /**
+     *   Converts a number or string to its corresponding
+     *   single-character string representation. If a
+     *   string parameter is provided, it is first parsed
+     *   as an integer and then translated into a
+     *   single-character string. When an array of number
+     *   or string values is passed in, then an array of
+     *   single-character strings of the same length is
+     *   returned.
+     *   @param ns values to parse
+     *   @return array of string representation of values
+     */
+    char(
+      ns: any[]
+    ): string[];
+
+    /**
+     *   Converts a single-character string to its
+     *   corresponding integer representation. When an
+     *   array of single-character string values is passed
+     *   in, then an array of integers of the same length
+     *   is returned.
+     *   @param n value to parse
+     *   @return integer representation of value
+     */
+    unchar(
+      n: string
+    ): number;
+
+    /**
+     *   Converts a single-character string to its
+     *   corresponding integer representation. When an
+     *   array of single-character string values is passed
+     *   in, then an array of integers of the same length
+     *   is returned.
+     *   @param ns values to parse
+     *   @return integer representation of values
+     */
+    unchar(
+      ns: any[]
+    ): number[];
+
+    /**
+     *   Converts a number to a string in its equivalent
+     *   hexadecimal notation. If a second parameter is
+     *   passed, it is used to set the number of characters
+     *   to generate in the hexadecimal notation. When an
+     *   array is passed in, an array of strings in
+     *   hexadecimal notation of the same length is
+     *   returned.
+     *   @param n value to parse
+     *   @return hexadecimal string representation of value
+     */
+    hex(
+      n: number,
+      digits?: number
+    ): string;
+
+    /**
+     *   Converts a number to a string in its equivalent
+     *   hexadecimal notation. If a second parameter is
+     *   passed, it is used to set the number of characters
+     *   to generate in the hexadecimal notation. When an
+     *   array is passed in, an array of strings in
+     *   hexadecimal notation of the same length is
+     *   returned.
+     *   @param ns array of values to parse
+     *   @return hexadecimal string representation of
+     *   values
+     */
+    hex(
+      ns: number[],
+      digits?: number
+    ): string[];
+
+    /**
+     *   Converts a string representation of a hexadecimal
+     *   number to its equivalent integer value. When an
+     *   array of strings in hexadecimal notation is passed
+     *   in, an array of integers of the same length is
+     *   returned.
+     *   @param n value to parse
+     *   @return integer representation of hexadecimal
+     *   value
+     */
+    unhex(
+      n: string
+    ): number;
+
+    /**
+     *   Converts a string representation of a hexadecimal
+     *   number to its equivalent integer value. When an
+     *   array of strings in hexadecimal notation is passed
+     *   in, an array of integers of the same length is
+     *   returned.
+     *   @param ns values to parse
+     *   @return integer representations of hexadecimal
+     *   value
+     */
+    unhex(
+      ns: any[]
+    ): number[];
+  }
+}
diff --git a/types/p5/src/utilities/string_functions.d.ts b/types/p5/src/utilities/string_functions.d.ts
new file mode 100644
index 0000000000..da531a0303
--- /dev/null
+++ b/types/p5/src/utilities/string_functions.d.ts
@@ -0,0 +1,324 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Combines an array of Strings into one String, each
+     *   separated by the character(s) used for the
+     *   separator parameter. To join arrays of ints or
+     *   floats, it's necessary to first convert them to
+     *   Strings using nf() or nfs().
+     *   @param list array of Strings to be joined
+     *   @param separator String to be placed between each
+     *   item
+     *   @return joined String
+     */
+    join(
+      list: any[],
+      separator: string
+    ): string;
+
+    /**
+     *   This function is used to apply a regular
+     *   expression to a piece of text, and return matching
+     *   groups (elements found inside parentheses) as a
+     *   String array. If there are no matches, a null
+     *   value will be returned. If no groups are specified
+     *   in the regular expression, but the sequence
+     *   matches, an array of length 1 (with the matched
+     *   text as the first element of the array) will be
+     *   returned.  To use the function, first check to see
+     *   if the result is null. If the result is null, then
+     *   the sequence did not match at all. If the sequence
+     *   did match, an array is returned.
+     *
+     *
+     *   If there are groups (specified by sets of
+     *   parentheses) in the regular expression, then the
+     *   contents of each will be returned in the array.
+     *   Element [0] of a regular expression match returns
+     *   the entire matching string, and the match groups
+     *   start at element [1] (the first group is [1], the
+     *   second [2], and so on).
+     *   @param str the String to be searched
+     *   @param regexp the regexp to be used for matching
+     *   @return Array of Strings found
+     */
+    match(
+      str: string,
+      regexp: string
+    ): string[];
+
+    /**
+     *   This function is used to apply a regular
+     *   expression to a piece of text, and return a list
+     *   of matching groups (elements found inside
+     *   parentheses) as a two-dimensional String array. If
+     *   there are no matches, a null value will be
+     *   returned. If no groups are specified in the
+     *   regular expression, but the sequence matches, a
+     *   two dimensional array is still returned, but the
+     *   second dimension is only of length one.  To use
+     *   the function, first check to see if the result is
+     *   null. If the result is null, then the sequence did
+     *   not match at all. If the sequence did match, a 2D
+     *   array is returned.
+     *
+     *
+     *   If there are groups (specified by sets of
+     *   parentheses) in the regular expression, then the
+     *   contents of each will be returned in the array.
+     *   Assuming a loop with counter variable i, element
+     *   [i][0] of a regular expression match returns the
+     *   entire matching string, and the match groups start
+     *   at element [i][1] (the first group is [i][1], the
+     *   second [i][2], and so on).
+     *   @param str the String to be searched
+     *   @param regexp the regexp to be used for matching
+     *   @return 2d Array of Strings found
+     */
+    matchAll(
+      str: string,
+      regexp: string
+    ): string[];
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for the digits, left, and right
+     *   parameters should always be positive integers.
+     *   @param num the Number to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted String
+     */
+    nf(
+      num:
+        | number
+        | string,
+      left?:
+        | number
+        | string,
+      right?:
+        | number
+        | string
+    ): string;
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for the digits, left, and right
+     *   parameters should always be positive integers.
+     *   @param nums the Numbers to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted Strings
+     */
+    nf(
+      nums: any[],
+      left?:
+        | number
+        | string,
+      right?:
+        | number
+        | string
+    ): string[];
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings and placing appropriate commas to mark
+     *   units of 1000. There are two versions: one for
+     *   formatting ints, and one for formatting an array
+     *   of ints. The value for the right parameter should
+     *   always be a positive integer.
+     *   @param num the Number to format
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted String
+     */
+    nfc(
+      num:
+        | number
+        | string,
+      right?:
+        | number
+        | string
+    ): string;
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings and placing appropriate commas to mark
+     *   units of 1000. There are two versions: one for
+     *   formatting ints, and one for formatting an array
+     *   of ints. The value for the right parameter should
+     *   always be a positive integer.
+     *   @param nums the Numbers to format
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted Strings
+     */
+    nfc(
+      nums: any[],
+      right?:
+        | number
+        | string
+    ): string[];
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. Similar to nf() but puts a "+" in front
+     *   of positive numbers and a "-" in front of negative
+     *   numbers. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for left, and right parameters should
+     *   always be positive integers.
+     *   @param num the Number to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted String
+     */
+    nfp(
+      num: number,
+      left?: number,
+      right?: number
+    ): string;
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. Similar to nf() but puts a "+" in front
+     *   of positive numbers and a "-" in front of negative
+     *   numbers. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for left, and right parameters should
+     *   always be positive integers.
+     *   @param nums the Numbers to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted Strings
+     */
+    nfp(
+      nums: number[],
+      left?: number,
+      right?: number
+    ): string[];
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. Similar to nf() but puts a " " (space) in
+     *   front of positive numbers and a "-" in front of
+     *   negative numbers. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for the digits, left, and right
+     *   parameters should always be positive integers.
+     *   @param num the Number to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted String
+     */
+    nfs(
+      num: number,
+      left?: number,
+      right?: number
+    ): string;
+
+    /**
+     *   Utility function for formatting numbers into
+     *   strings. Similar to nf() but puts a " " (space) in
+     *   front of positive numbers and a "-" in front of
+     *   negative numbers. There are two versions: one for
+     *   formatting floats, and one for formatting ints.
+     *   The values for the digits, left, and right
+     *   parameters should always be positive integers.
+     *   @param nums the Numbers to format
+     *   @param [left] number of digits to the left of the
+     *   decimal point
+     *   @param [right] number of digits to the right of
+     *   the decimal point
+     *   @return formatted Strings
+     */
+    nfs(
+      nums: any[],
+      left?: number,
+      right?: number
+    ): string[];
+
+    /**
+     *   The split() function maps to String.split(), it
+     *   breaks a String into pieces using a character or
+     *   string as the delimiter. The delim parameter
+     *   specifies the character or characters that mark
+     *   the boundaries between each piece. A String[]
+     *   array is returned that contains each of the
+     *   pieces. The splitTokens() function works in a
+     *   similar fashion, except that it splits using a
+     *   range of characters instead of a specific
+     *   character or sequence.
+     *   @param value the String to be split
+     *   @param delim the String used to separate the data
+     *   @return Array of Strings
+     */
+    split(
+      value: string,
+      delim: string
+    ): string[];
+
+    /**
+     *   The splitTokens() function splits a String at one
+     *   or many character delimiters or "tokens." The
+     *   delim parameter specifies the character or
+     *   characters to be used as a boundary.  If no delim
+     *   characters are specified, any whitespace character
+     *   is used to split. Whitespace characters include
+     *   tab (\t), line feed (\n), carriage return (\r),
+     *   form feed (\f), and space.
+     *   @param value the String to be split
+     *   @param [delim] list of individual Strings that
+     *   will be used as separators
+     *   @return Array of Strings
+     */
+    splitTokens(
+      value: string,
+      delim?: string
+    ): string[];
+
+    /**
+     *   Removes whitespace characters from the beginning
+     *   and end of a String. In addition to standard
+     *   whitespace characters such as space, carriage
+     *   return, and tab, this function also removes the
+     *   Unicode "nbsp" character.
+     *   @param str a String to be trimmed
+     *   @return a trimmed String
+     */
+    trim(
+      str: string
+    ): string;
+
+    /**
+     *   Removes whitespace characters from the beginning
+     *   and end of a String. In addition to standard
+     *   whitespace characters such as space, carriage
+     *   return, and tab, this function also removes the
+     *   Unicode "nbsp" character.
+     *   @param strs an Array of Strings to be trimmed
+     *   @return an Array of trimmed Strings
+     */
+    trim(
+      strs: any[]
+    ): string[];
+  }
+}
diff --git a/types/p5/src/utilities/time_date.d.ts b/types/p5/src/utilities/time_date.d.ts
new file mode 100644
index 0000000000..0d6a4be1cc
--- /dev/null
+++ b/types/p5/src/utilities/time_date.d.ts
@@ -0,0 +1,65 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The day() function returns the current
+     *   day as a value from 1 - 31.
+     *   @return the current day
+     */
+    day(): number;
+
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The hour() function returns the current
+     *   hour as a value from 0 - 23.
+     *   @return the current hour
+     */
+    hour(): number;
+
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The minute() function returns the
+     *   current minute as a value from 0 - 59.
+     *   @return the current minute
+     */
+    minute(): number;
+
+    /**
+     *   Returns the number of milliseconds (thousandths of
+     *   a second) since starting the program. This
+     *   information is often used for timing events and
+     *   animation sequences.
+     *   @return the number of milliseconds since starting
+     *   the program
+     */
+    millis(): number;
+
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The month() function returns the current
+     *   month as a value from 1 - 12.
+     *   @return the current month
+     */
+    month(): number;
+
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The second() function returns the
+     *   current second as a value from 0 - 59.
+     *   @return the current second
+     */
+    second(): number;
+
+    /**
+     *   p5.js communicates with the clock on your
+     *   computer. The year() function returns the current
+     *   year as an integer (2014, 2015, 2016, etc).
+     *   @return the current year
+     */
+    year(): number;
+  }
+}
diff --git a/types/p5/src/webgl/3d_primitives.d.ts b/types/p5/src/webgl/3d_primitives.d.ts
new file mode 100644
index 0000000000..486faf0775
--- /dev/null
+++ b/types/p5/src/webgl/3d_primitives.d.ts
@@ -0,0 +1,143 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Draw a plane with given a width and height
+     *   @param [width] width of the plane
+     *   @param [height] height of the plane
+     *   @param [detailX] Optional number of triangle
+     *   subdivisions in x-dimension
+     *   @param [detailY] Optional number of triangle
+     *   subdivisions in y-dimension
+     *   @chainable
+     */
+    plane(
+      width?: number,
+      height?: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+
+    /**
+     *   Draw a box with given width, height and depth
+     *   @param [width] width of the box
+     *   @param [Height] height of the box
+     *   @param [depth] depth of the box
+     *   @param [detailX] Optional number of triangle
+     *   subdivisions in x-dimension
+     *   @param [detailY] Optional number of triangle
+     *   subdivisions in y-dimension
+     *   @chainable
+     */
+    box(
+      width?: number,
+      Height?: number,
+      depth?: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+
+    /**
+     *   Draw a sphere with given radius
+     *   @param [radius] radius of circle
+     *   @param [detailX] number of segments, the more
+     *   segments the smoother geometry default is 24
+     *   @param [detailY] number of segments, the more
+     *   segments the smoother geometry default is 16
+     *   @chainable
+     */
+    sphere(
+      radius?: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+
+    /**
+     *   Draw a cylinder with given radius and height
+     *   @param [radius] radius of the surface
+     *   @param [height] height of the cylinder
+     *   @param [detailX] number of segments, the more
+     *   segments the smoother geometry default is 24
+     *   @param [detailY] number of segments in
+     *   y-dimension, the more segments the smoother
+     *   geometry default is 1
+     *   @param [bottomCap] whether to draw the bottom of
+     *   the cylinder
+     *   @param [topCap] whether to draw the top of the
+     *   cylinder
+     *   @chainable
+     */
+    cylinder(
+      radius?: number,
+      height?: number,
+      detailX?: number,
+      detailY?: number,
+      bottomCap?: boolean,
+      topCap?: boolean
+    ): p5;
+
+    /**
+     *   Draw a cone with given radius and height
+     *   @param [radius] radius of the bottom surface
+     *   @param [height] height of the cone
+     *   @param [detailX] number of segments, the more
+     *   segments the smoother geometry default is 24
+     *   @param [detailY] number of segments, the more
+     *   segments the smoother geometry default is 1
+     *   @param [cap] whether to draw the base of the cone
+     *   @chainable
+     */
+    cone(
+      radius?: number,
+      height?: number,
+      detailX?: number,
+      detailY?: number,
+      cap?: boolean
+    ): p5;
+
+    /**
+     *   Draw an ellipsoid with given radius
+     *   @param [radiusx] xradius of circle
+     *   @param [radiusy] yradius of circle
+     *   @param [radiusz] zradius of circle
+     *   @param [detailX] number of segments, the more
+     *   segments the smoother geometry default is 24.
+     *   Avoid detail number above 150, it may crash the
+     *   browser.
+     *   @param [detailY] number of segments, the more
+     *   segments the smoother geometry default is 16.
+     *   Avoid detail number above 150, it may crash the
+     *   browser.
+     *   @chainable
+     */
+    ellipsoid(
+      radiusx?: number,
+      radiusy?: number,
+      radiusz?: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+
+    /**
+     *   Draw a torus with given radius and tube radius
+     *   @param [radius] radius of the whole ring
+     *   @param [tubeRadius] radius of the tube
+     *   @param [detailX] number of segments in
+     *   x-dimension, the more segments the smoother
+     *   geometry default is 24
+     *   @param [detailY] number of segments in
+     *   y-dimension, the more segments the smoother
+     *   geometry default is 16
+     *   @chainable
+     */
+    torus(
+      radius?: number,
+      tubeRadius?: number,
+      detailX?: number,
+      detailY?: number
+    ): p5;
+  }
+}
diff --git a/types/p5/src/webgl/interaction.d.ts b/types/p5/src/webgl/interaction.d.ts
new file mode 100644
index 0000000000..c309abf422
--- /dev/null
+++ b/types/p5/src/webgl/interaction.d.ts
@@ -0,0 +1,200 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Allows movement around a 3D sketch using a mouse
+     *   or trackpad. Left-clicking and dragging will
+     *   rotate the camera position about the center of the
+     *   sketch, right-clicking and dragging will pan the
+     *   camera position without rotation, and using the
+     *   mouse wheel (scrolling) will move the camera
+     *   closer or further from the center of the sketch.
+     *   This function can be called with parameters
+     *   dictating sensitivity to mouse movement along the
+     *   X and Y axes. Calling this function without
+     *   parameters is equivalent to calling
+     *   orbitControl(1,1). To reverse direction of
+     *   movement in either axis, enter a negative number
+     *   for sensitivity.
+     *   @param [sensitivityX] sensitivity to mouse
+     *   movement along X axis
+     *   @param [sensitivityY] sensitivity to mouse
+     *   movement along Y axis
+     *   @chainable
+     */
+    orbitControl(
+      sensitivityX?: number,
+      sensitivityY?: number
+    ): p5;
+
+    /**
+     *   debugMode() helps visualize 3D space by adding a
+     *   grid to indicate where the ‘ground’ is in a sketch
+     *   and an axes icon which indicates the +X, +Y, and
+     *   +Z directions. This function can be called without
+     *   parameters to create a default grid and axes icon,
+     *   or it can be called according to the examples
+     *   above to customize the size and position of the
+     *   grid and/or axes icon. The grid is drawn using the
+     *   most recently set stroke color and weight. To
+     *   specify these parameters, add a call to stroke()
+     *   and strokeWeight() just before the end of the
+     *   draw() loop. By default, the grid will run through
+     *   the origin (0,0,0) of the sketch along the XZ
+     *   plane and the axes icon will be offset from the
+     *   origin. Both the grid and axes icon will be sized
+     *   according to the current canvas size. Note that
+     *   because the grid runs parallel to the default
+     *   camera view, it is often helpful to use debugMode
+     *   along with orbitControl to allow full view of the
+     *   grid.
+     */
+    debugMode(): void;
+
+    /**
+     *   debugMode() helps visualize 3D space by adding a
+     *   grid to indicate where the ‘ground’ is in a sketch
+     *   and an axes icon which indicates the +X, +Y, and
+     *   +Z directions. This function can be called without
+     *   parameters to create a default grid and axes icon,
+     *   or it can be called according to the examples
+     *   above to customize the size and position of the
+     *   grid and/or axes icon. The grid is drawn using the
+     *   most recently set stroke color and weight. To
+     *   specify these parameters, add a call to stroke()
+     *   and strokeWeight() just before the end of the
+     *   draw() loop. By default, the grid will run through
+     *   the origin (0,0,0) of the sketch along the XZ
+     *   plane and the axes icon will be offset from the
+     *   origin. Both the grid and axes icon will be sized
+     *   according to the current canvas size. Note that
+     *   because the grid runs parallel to the default
+     *   camera view, it is often helpful to use debugMode
+     *   along with orbitControl to allow full view of the
+     *   grid.
+     *   @param mode either GRID or AXES
+     */
+    debugMode(
+      mode: DEBUG_MODE
+    ): void;
+
+    /**
+     *   debugMode() helps visualize 3D space by adding a
+     *   grid to indicate where the ‘ground’ is in a sketch
+     *   and an axes icon which indicates the +X, +Y, and
+     *   +Z directions. This function can be called without
+     *   parameters to create a default grid and axes icon,
+     *   or it can be called according to the examples
+     *   above to customize the size and position of the
+     *   grid and/or axes icon. The grid is drawn using the
+     *   most recently set stroke color and weight. To
+     *   specify these parameters, add a call to stroke()
+     *   and strokeWeight() just before the end of the
+     *   draw() loop. By default, the grid will run through
+     *   the origin (0,0,0) of the sketch along the XZ
+     *   plane and the axes icon will be offset from the
+     *   origin. Both the grid and axes icon will be sized
+     *   according to the current canvas size. Note that
+     *   because the grid runs parallel to the default
+     *   camera view, it is often helpful to use debugMode
+     *   along with orbitControl to allow full view of the
+     *   grid.
+     *   @param mode either GRID or AXES
+     *   @param [gridSize] size of one side of the grid
+     *   @param [gridDivisions] number of divisions in the
+     *   grid
+     *   @param [xOff] X axis offset from origin (0,0,0)
+     *   @param [yOff] Y axis offset from origin (0,0,0)
+     *   @param [zOff] Z axis offset from origin (0,0,0)
+     */
+    debugMode(
+      mode: UNKNOWN_P5_CONSTANT,
+      gridSize?: number,
+      gridDivisions?: number,
+      xOff?: number,
+      yOff?: number,
+      zOff?: number
+    ): void;
+
+    /**
+     *   debugMode() helps visualize 3D space by adding a
+     *   grid to indicate where the ‘ground’ is in a sketch
+     *   and an axes icon which indicates the +X, +Y, and
+     *   +Z directions. This function can be called without
+     *   parameters to create a default grid and axes icon,
+     *   or it can be called according to the examples
+     *   above to customize the size and position of the
+     *   grid and/or axes icon. The grid is drawn using the
+     *   most recently set stroke color and weight. To
+     *   specify these parameters, add a call to stroke()
+     *   and strokeWeight() just before the end of the
+     *   draw() loop. By default, the grid will run through
+     *   the origin (0,0,0) of the sketch along the XZ
+     *   plane and the axes icon will be offset from the
+     *   origin. Both the grid and axes icon will be sized
+     *   according to the current canvas size. Note that
+     *   because the grid runs parallel to the default
+     *   camera view, it is often helpful to use debugMode
+     *   along with orbitControl to allow full view of the
+     *   grid.
+     *   @param mode either GRID or AXES
+     *   @param [axesSize] size of axes icon
+     *   @param [xOff] X axis offset from origin (0,0,0)
+     *   @param [yOff] Y axis offset from origin (0,0,0)
+     *   @param [zOff] Z axis offset from origin (0,0,0)
+     */
+    debugMode(
+      mode: UNKNOWN_P5_CONSTANT,
+      axesSize?: number,
+      xOff?: number,
+      yOff?: number,
+      zOff?: number
+    ): void;
+
+    /**
+     *   debugMode() helps visualize 3D space by adding a
+     *   grid to indicate where the ‘ground’ is in a sketch
+     *   and an axes icon which indicates the +X, +Y, and
+     *   +Z directions. This function can be called without
+     *   parameters to create a default grid and axes icon,
+     *   or it can be called according to the examples
+     *   above to customize the size and position of the
+     *   grid and/or axes icon. The grid is drawn using the
+     *   most recently set stroke color and weight. To
+     *   specify these parameters, add a call to stroke()
+     *   and strokeWeight() just before the end of the
+     *   draw() loop. By default, the grid will run through
+     *   the origin (0,0,0) of the sketch along the XZ
+     *   plane and the axes icon will be offset from the
+     *   origin. Both the grid and axes icon will be sized
+     *   according to the current canvas size. Note that
+     *   because the grid runs parallel to the default
+     *   camera view, it is often helpful to use debugMode
+     *   along with orbitControl to allow full view of the
+     *   grid.
+     *   @param [gridSize] size of one side of the grid
+     *   @param [gridDivisions] number of divisions in the
+     *   grid
+     *   @param [axesSize] size of axes icon
+     */
+    debugMode(
+      gridSize?: number,
+      gridDivisions?: number,
+      gridXOff?: number,
+      gridYOff?: number,
+      gridZOff?: number,
+      axesSize?: number,
+      axesXOff?: number,
+      axesYOff?: number,
+      axesZOff?: number
+    ): void;
+
+    /**
+     *   Turns off debugMode() in a 3D sketch.
+     */
+    noDebugMode(): void;
+  }
+}
diff --git a/types/p5/src/webgl/light.d.ts b/types/p5/src/webgl/light.d.ts
new file mode 100644
index 0000000000..a25a8d6e4e
--- /dev/null
+++ b/types/p5/src/webgl/light.d.ts
@@ -0,0 +1,212 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Creates an ambient light with a color
+     *   @param v1 red or hue value relative to the current
+     *   color range
+     *   @param v2 green or saturation value relative to
+     *   the current color range
+     *   @param v3 blue or brightness value relative to the
+     *   current color range
+     *   @param [alpha] the alpha value
+     *   @chainable
+     */
+    ambientLight(
+      v1: number,
+      v2: number,
+      v3: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Creates an ambient light with a color
+     *   @param value a color string
+     *   @chainable
+     */
+    ambientLight(
+      value: string
+    ): p5;
+
+    /**
+     *   Creates an ambient light with a color
+     *   @param gray a gray value
+     *   @param [alpha] the alpha value
+     *   @chainable
+     */
+    ambientLight(
+      gray: number,
+      alpha?: number
+    ): p5;
+
+    /**
+     *   Creates an ambient light with a color
+     *   @param values an array containing the
+     *   red,green,blue & and alpha components of the color
+     *   @chainable
+     */
+    ambientLight(
+      values: number[]
+    ): p5;
+
+    /**
+     *   Creates an ambient light with a color
+     *   @param color the ambient light color
+     *   @chainable
+     */
+    ambientLight(
+      color: Color
+    ): p5;
+
+    /**
+     *   Creates a directional light with a color and a
+     *   direction
+     *   @param v1 red or hue value (depending on the
+     *   current color mode),
+     *   @param v2 green or saturation value
+     *   @param v3 blue or brightness value
+     *   @param position the direction of the light
+     *   @chainable
+     */
+    directionalLight(
+      v1: number,
+      v2: number,
+      v3: number,
+      position: Vector
+    ): p5;
+
+    /**
+     *   Creates a directional light with a color and a
+     *   direction
+     *   @param color color Array, CSS color string, or
+     *   p5.Color value
+     *   @param x x axis direction
+     *   @param y y axis direction
+     *   @param z z axis direction
+     *   @chainable
+     */
+    directionalLight(
+      color:
+        | number[]
+        | string
+        | Color,
+      x: number,
+      y: number,
+      z: number
+    ): p5;
+
+    /**
+     *   Creates a directional light with a color and a
+     *   direction
+     *   @param color color Array, CSS color string, or
+     *   p5.Color value
+     *   @param position the direction of the light
+     *   @chainable
+     */
+    directionalLight(
+      color:
+        | number[]
+        | string
+        | Color,
+      position: Vector
+    ): p5;
+
+    /**
+     *   Creates a directional light with a color and a
+     *   direction
+     *   @param v1 red or hue value (depending on the
+     *   current color mode),
+     *   @param v2 green or saturation value
+     *   @param v3 blue or brightness value
+     *   @param x x axis direction
+     *   @param y y axis direction
+     *   @param z z axis direction
+     *   @chainable
+     */
+    directionalLight(
+      v1: number,
+      v2: number,
+      v3: number,
+      x: number,
+      y: number,
+      z: number
+    ): p5;
+
+    /**
+     *   Creates a point light with a color and a light
+     *   position
+     *   @param v1 red or hue value (depending on the
+     *   current color mode),
+     *   @param v2 green or saturation value
+     *   @param v3 blue or brightness value
+     *   @param x x axis position
+     *   @param y y axis position
+     *   @param z z axis position
+     *   @chainable
+     */
+    pointLight(
+      v1: number,
+      v2: number,
+      v3: number,
+      x: number,
+      y: number,
+      z: number
+    ): p5;
+
+    /**
+     *   Creates a point light with a color and a light
+     *   position
+     *   @param v1 red or hue value (depending on the
+     *   current color mode),
+     *   @param v2 green or saturation value
+     *   @param v3 blue or brightness value
+     *   @param position the position of the light
+     *   @chainable
+     */
+    pointLight(
+      v1: number,
+      v2: number,
+      v3: number,
+      position: Vector
+    ): p5;
+
+    /**
+     *   Creates a point light with a color and a light
+     *   position
+     *   @param color color Array, CSS color string, or
+     *   p5.Color value
+     *   @param x x axis position
+     *   @param y y axis position
+     *   @param z z axis position
+     *   @chainable
+     */
+    pointLight(
+      color:
+        | number[]
+        | string
+        | Color,
+      x: number,
+      y: number,
+      z: number
+    ): p5;
+
+    /**
+     *   Creates a point light with a color and a light
+     *   position
+     *   @param color color Array, CSS color string, or
+     *   p5.Color value
+     *   @param position the position of the light
+     *   @chainable
+     */
+    pointLight(
+      color:
+        | number[]
+        | string
+        | Color,
+      position: Vector
+    ): p5;
+  }
+}
diff --git a/types/p5/src/webgl/loading.d.ts b/types/p5/src/webgl/loading.d.ts
new file mode 100644
index 0000000000..2d6dcd2fe1
--- /dev/null
+++ b/types/p5/src/webgl/loading.d.ts
@@ -0,0 +1,76 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Load a 3d model from an OBJ file.  One of the
+     *   limitations of the OBJ format is that it doesn't
+     *   have a built-in sense of scale. This means that
+     *   models exported from different programs might be
+     *   very different sizes. If your model isn't
+     *   displaying, try calling loadModel() with the
+     *   normalized parameter set to true. This will resize
+     *   the model to a scale appropriate for p5. You can
+     *   also make additional changes to the final size of
+     *   your model with the scale() function.
+     *   @param path Path of the model to be loaded
+     *   @param normalize If true, scale the model to a
+     *   standardized size when loading
+     *   @param [successCallback] Function to be called
+     *   once the model is loaded. Will be passed the 3D
+     *   model object.
+     *   @param [failureCallback] called with event error
+     *   if the image fails to load.
+     *   @return the p5.Geometry object
+     */
+    loadModel(
+      path: string,
+      normalize: boolean,
+      successCallback?: (
+        p1: Geometry
+      ) => any,
+      failureCallback?: (
+        p1: Event
+      ) => any
+    ): Geometry;
+
+    /**
+     *   Load a 3d model from an OBJ file.  One of the
+     *   limitations of the OBJ format is that it doesn't
+     *   have a built-in sense of scale. This means that
+     *   models exported from different programs might be
+     *   very different sizes. If your model isn't
+     *   displaying, try calling loadModel() with the
+     *   normalized parameter set to true. This will resize
+     *   the model to a scale appropriate for p5. You can
+     *   also make additional changes to the final size of
+     *   your model with the scale() function.
+     *   @param path Path of the model to be loaded
+     *   @param [successCallback] Function to be called
+     *   once the model is loaded. Will be passed the 3D
+     *   model object.
+     *   @param [failureCallback] called with event error
+     *   if the image fails to load.
+     *   @return the p5.Geometry object
+     */
+    loadModel(
+      path: string,
+      successCallback?: (
+        p1: Geometry
+      ) => any,
+      failureCallback?: (
+        p1: Event
+      ) => any
+    ): Geometry;
+
+    /**
+     *   Render a 3d model to the screen.
+     *   @param model Loaded 3d model to be rendered
+     */
+    model(
+      model: Geometry
+    ): void;
+  }
+}
diff --git a/types/p5/src/webgl/material.d.ts b/types/p5/src/webgl/material.d.ts
new file mode 100644
index 0000000000..09f392d7e8
--- /dev/null
+++ b/types/p5/src/webgl/material.d.ts
@@ -0,0 +1,131 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Loads a custom shader from the provided vertex and
+     *   fragment shader paths. The shader files are loaded
+     *   asynchronously in the background, so this method
+     *   should be used in preload(). For now, there are
+     *   three main types of shaders. p5 will automatically
+     *   supply appropriate vertices, normals, colors, and
+     *   lighting attributes if the parameters defined in
+     *   the shader match the names.
+     *   @param [vertFilename] path to file containing
+     *   vertex shader source code
+     *   @param [fragFilename] path to file containing
+     *   fragment shader source code
+     *   @return a shader object created from the provided
+     *   vertex and fragment shader files.
+     */
+    loadShader(
+      vertFilename?: string,
+      fragFilename?: string
+    ): Shader;
+    createShader(
+      vertSrc: string,
+      fragSrc: string
+    ): Shader;
+
+    /**
+     *   The shader() function lets the user provide a
+     *   custom shader to fill in shapes in WEBGL mode.
+     *   Users can create their own shaders by loading
+     *   vertex and fragment shaders with loadShader().
+     *   @param [s] the desired p5.Shader to use for
+     *   rendering shapes.
+     *   @chainable
+     */
+    shader(
+      s?: Shader
+    ): p5;
+
+    /**
+     *   Normal material for geometry. You can view all
+     *   possible materials in this example.
+     *   @chainable
+     */
+    normalMaterial(): p5;
+
+    /**
+     *   Texture for geometry. You can view other possible
+     *   materials in this example.
+     *   @param tex 2-dimensional graphics to render as
+     *   texture
+     *   @chainable
+     */
+    texture(
+      tex:
+        | Image
+        | MediaElement
+        | Graphics
+    ): p5;
+
+    /**
+     *   Ambient material for geometry with a given color.
+     *   You can view all possible materials in this
+     *   example.
+     *   @param v1 gray value, red or hue value (depending
+     *   on the current color mode),
+     *   @param [v2] green or saturation value
+     *   @param [v3] blue or brightness value
+     *   @param [a] opacity
+     *   @chainable
+     */
+    ambientMaterial(
+      v1: number,
+      v2?: number,
+      v3?: number,
+      a?: number
+    ): p5;
+
+    /**
+     *   Ambient material for geometry with a given color.
+     *   You can view all possible materials in this
+     *   example.
+     *   @param color color, color Array, or CSS color
+     *   string
+     *   @chainable
+     */
+    ambientMaterial(
+      color:
+        | number[]
+        | string
+        | Color
+    ): p5;
+
+    /**
+     *   Specular material for geometry with a given color.
+     *   You can view all possible materials in this
+     *   example.
+     *   @param v1 gray value, red or hue value (depending
+     *   on the current color mode),
+     *   @param [v2] green or saturation value
+     *   @param [v3] blue or brightness value
+     *   @param [a] opacity
+     *   @chainable
+     */
+    specularMaterial(
+      v1: number,
+      v2?: number,
+      v3?: number,
+      a?: number
+    ): p5;
+
+    /**
+     *   Specular material for geometry with a given color.
+     *   You can view all possible materials in this
+     *   example.
+     *   @param color color Array, or CSS color string
+     *   @chainable
+     */
+    specularMaterial(
+      color:
+        | number[]
+        | string
+        | Color
+    ): p5;
+  }
+}
diff --git a/types/p5/src/webgl/p5.Camera.d.ts b/types/p5/src/webgl/p5.Camera.d.ts
new file mode 100644
index 0000000000..24c76e62b3
--- /dev/null
+++ b/types/p5/src/webgl/p5.Camera.d.ts
@@ -0,0 +1,208 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Camera {
+    /**
+     *   Sets a perspective projection for a p5.Camera
+     *   object and sets parameters for that projection
+     *   according to perspective() syntax.
+     */
+    perspective(): void;
+
+    /**
+     *   Sets an orthographic projection for a p5.Camera
+     *   object and sets parameters for that projection
+     *   according to ortho() syntax.
+     */
+    ortho(): void;
+
+    /**
+     *   Panning rotates the camera view to the left and
+     *   right.
+     *   @param angle amount to rotate camera in current
+     *   angleMode units. Greater than 0 values rotate
+     *   counterclockwise (to the left).
+     */
+    pan(
+      angle: number
+    ): void;
+
+    /**
+     *   Tilting rotates the camera view up and down.
+     *   @param angle amount to rotate camera in current
+     *   angleMode units. Greater than 0 values rotate
+     *   counterclockwise (to the left).
+     */
+    tilt(
+      angle: number
+    ): void;
+
+    /**
+     *   Reorients the camera to look at a position in
+     *   world space.
+     *   @param x x position of a point in world space
+     *   @param y y position of a point in world space
+     *   @param z z position of a point in world space
+     */
+    lookAt(
+      x: number,
+      y: number,
+      z: number
+    ): void;
+
+    /**
+     *   Sets a camera's position and orientation. This is
+     *   equivalent to calling camera() on a p5.Camera
+     *   object.
+     */
+    camera(): void;
+
+    /**
+     *   Move camera along its local axes while maintaining
+     *   current camera orientation.
+     *   @param x amount to move along camera's left-right
+     *   axis
+     *   @param y amount to move along camera's up-down
+     *   axis
+     *   @param z amount to move along camera's
+     *   forward-backward axis
+     */
+    move(
+      x: number,
+      y: number,
+      z: number
+    ): void;
+
+    /**
+     *   Set camera position in world-space while
+     *   maintaining current camera orientation.
+     *   @param x x position of a point in world space
+     *   @param y y position of a point in world space
+     *   @param z z position of a point in world space
+     */
+    setPosition(
+      x: number,
+      y: number,
+      z: number
+    ): void;
+  }
+  interface p5InstanceExtensions {
+    /**
+     *   Sets the camera position for a 3D sketch.
+     *   Parameters for this function define the position
+     *   for the camera, the center of the sketch (where
+     *   the camera is pointing), and an up direction (the
+     *   orientation of the camera). When called with no
+     *   arguments, this function creates a default camera
+     *   equivalent to camera(0, 0, (height/2.0) /
+     *   tan(PI*30.0 / 180.0), 0, 0, 0, 0, 1, 0);
+     *   @param [x] camera position value on x axis
+     *   @param [y] camera position value on y axis
+     *   @param [z] camera position value on z axis
+     *   @param [centerX] x coordinate representing center
+     *   of the sketch
+     *   @param [centerY] y coordinate representing center
+     *   of the sketch
+     *   @param [centerZ] z coordinate representing center
+     *   of the sketch
+     *   @param [upX] x component of direction 'up' from
+     *   camera
+     *   @param [upY] y component of direction 'up' from
+     *   camera
+     *   @param [upZ] z component of direction 'up' from
+     *   camera
+     *   @chainable
+     */
+    camera(
+      x?: number,
+      y?: number,
+      z?: number,
+      centerX?: number,
+      centerY?: number,
+      centerZ?: number,
+      upX?: number,
+      upY?: number,
+      upZ?: number
+    ): p5;
+
+    /**
+     *   Sets a perspective projection for the camera in a
+     *   3D sketch. This projection represents depth
+     *   through foreshortening: objects that are close to
+     *   the camera appear their actual size while those
+     *   that are further away from the camera appear
+     *   smaller. The parameters to this function define
+     *   the viewing frustum (the truncated pyramid within
+     *   which objects are seen by the camera) through
+     *   vertical field of view, aspect ratio (usually
+     *   width/height), and near and far clipping planes.
+     *   When called with no arguments, the defaults
+     *   provided are equivalent to perspective(PI/3.0,
+     *   width/height, eyeZ/10.0, eyeZ10.0), where eyeZ is
+     *   equal to ((height/2.0) / tan(PI60.0/360.0));
+     *   @param [fovy] camera frustum vertical field of
+     *   view, from bottom to top of view, in angleMode
+     *   units
+     *   @param [aspect] camera frustum aspect ratio
+     *   @param [near] frustum near plane length
+     *   @param [far] frustum far plane length
+     *   @chainable
+     */
+    perspective(
+      fovy?: number,
+      aspect?: number,
+      near?: number,
+      far?: number
+    ): p5;
+
+    /**
+     *   Sets an orthographic projection for the camera in
+     *   a 3D sketch and defines a box-shaped viewing
+     *   frustum within which objects are seen. In this
+     *   projection, all objects with the same dimension
+     *   appear the same size, regardless of whether they
+     *   are near or far from the camera. The parameters to
+     *   this function specify the viewing frustum where
+     *   left and right are the minimum and maximum x
+     *   values, top and bottom are the minimum and maximum
+     *   y values, and near and far are the minimum and
+     *   maximum z values. If no parameters are given, the
+     *   default is used: ortho(-width/2, width/2,
+     *   -height/2, height/2).
+     *   @param [left] camera frustum left plane
+     *   @param [right] camera frustum right plane
+     *   @param [bottom] camera frustum bottom plane
+     *   @param [top] camera frustum top plane
+     *   @param [near] camera frustum near plane
+     *   @param [far] camera frustum far plane
+     *   @chainable
+     */
+    ortho(
+      left?: number,
+      right?: number,
+      bottom?: number,
+      top?: number,
+      near?: number,
+      far?: number
+    ): p5;
+
+    /**
+     *   Creates a new p5.Camera object and tells the
+     *   renderer to use that camera. Returns the p5.Camera
+     *   object.
+     *   @return The newly created camera object.
+     */
+    createCamera(): Camera;
+
+    /**
+     *   Sets rendererGL's current camera to a p5.Camera
+     *   object. Allows switching between multiple cameras.
+     *   @param cam p5.Camera object
+     */
+    setCamera(
+      cam: Camera
+    ): void;
+  }
+}
diff --git a/types/p5/src/webgl/p5.Geometry.d.ts b/types/p5/src/webgl/p5.Geometry.d.ts
new file mode 100644
index 0000000000..f073ac4d9b
--- /dev/null
+++ b/types/p5/src/webgl/p5.Geometry.d.ts
@@ -0,0 +1,54 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Geometry {
+    /**
+     *   p5 Geometry class
+     *
+     *   @param [detailX] number of vertices on horizontal
+     *   surface
+     *   @param [detailY] number of vertices on horizontal
+     *   surface
+     *   @param [callback] function to call upon object
+     *   instantiation.
+     */
+    constructor(
+      detailX?: number,
+      detailY?: number,
+      callback?: (
+        ...args: any[]
+      ) => any
+    );
+    computeFaces(): Geometry;
+
+    /**
+     *   computes smooth normals per vertex as an average
+     *   of each face.
+     *   @chainable
+     */
+    computeNormals(): Geometry;
+
+    /**
+     *   Averages the vertex normals. Used in curved
+     *   surfaces
+     *   @chainable
+     */
+    averageNormals(): Geometry;
+
+    /**
+     *   Averages pole normals. Used in spherical
+     *   primitives
+     *   @chainable
+     */
+    averagePoleNormals(): Geometry;
+
+    /**
+     *   Modifies all vertices to be centered within the
+     *   range -100 to 100.
+     *   @chainable
+     */
+    normalize(): Geometry;
+  }
+}
diff --git a/types/p5/src/webgl/p5.RendererGL.d.ts b/types/p5/src/webgl/p5.RendererGL.d.ts
new file mode 100644
index 0000000000..437e05457f
--- /dev/null
+++ b/types/p5/src/webgl/p5.RendererGL.d.ts
@@ -0,0 +1,93 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  interface p5InstanceExtensions {
+    /**
+     *   Set attributes for the WebGL Drawing context. This
+     *   is a way of adjusting ways that the WebGL renderer
+     *   works to fine-tune the display and performance.
+     *   This should be put in setup(). The available
+     *   attributes are:  alpha - indicates if the canvas
+     *   contains an alpha buffer default is true
+     *
+     *
+     *   depth - indicates whether the drawing buffer has a
+     *   depth buffer of at least 16 bits - default is true
+     *
+     *
+     *   stencil - indicates whether the drawing buffer has
+     *   a stencil buffer of at least 8 bits
+     *
+     *
+     *   antialias - indicates whether or not to perform
+     *   anti-aliasing default is false
+     *
+     *
+     *   premultipliedAlpha - indicates that the page
+     *   compositor will assume the drawing buffer contains
+     *   colors with pre-multiplied alpha default is false
+     *
+     *
+     *   preserveDrawingBuffer - if true the buffers will
+     *   not be cleared and and will preserve their values
+     *   until cleared or overwritten by author (note that
+     *   p5 clears automatically on draw loop) default is
+     *   true
+     *
+     *
+     *   perPixelLighting - if true, per-pixel lighting
+     *   will be used in the lighting shader. default is
+     *   false
+     *   @param key Name of attribute
+     *   @param value New value of named attribute
+     */
+    setAttributes(
+      key: string,
+      value: boolean
+    ): void;
+
+    /**
+     *   Set attributes for the WebGL Drawing context. This
+     *   is a way of adjusting ways that the WebGL renderer
+     *   works to fine-tune the display and performance.
+     *   This should be put in setup(). The available
+     *   attributes are:  alpha - indicates if the canvas
+     *   contains an alpha buffer default is true
+     *
+     *
+     *   depth - indicates whether the drawing buffer has a
+     *   depth buffer of at least 16 bits - default is true
+     *
+     *
+     *   stencil - indicates whether the drawing buffer has
+     *   a stencil buffer of at least 8 bits
+     *
+     *
+     *   antialias - indicates whether or not to perform
+     *   anti-aliasing default is false
+     *
+     *
+     *   premultipliedAlpha - indicates that the page
+     *   compositor will assume the drawing buffer contains
+     *   colors with pre-multiplied alpha default is false
+     *
+     *
+     *   preserveDrawingBuffer - if true the buffers will
+     *   not be cleared and and will preserve their values
+     *   until cleared or overwritten by author (note that
+     *   p5 clears automatically on draw loop) default is
+     *   true
+     *
+     *
+     *   perPixelLighting - if true, per-pixel lighting
+     *   will be used in the lighting shader. default is
+     *   false
+     *   @param obj object with key-value pairs
+     */
+    setAttributes(
+      obj: object
+    ): void;
+  }
+}
diff --git a/types/p5/src/webgl/p5.Shader.d.ts b/types/p5/src/webgl/p5.Shader.d.ts
new file mode 100644
index 0000000000..123c4075aa
--- /dev/null
+++ b/types/p5/src/webgl/p5.Shader.d.ts
@@ -0,0 +1,29 @@
+// This file was auto-generated. Please do not edit it.
+
+import * as p5 from "../../index";
+
+declare module "../../index" {
+  class Shader {
+    /**
+     *   Wrapper around gl.uniform functions. As we store
+     *   uniform info in the shader we can use that to do
+     *   type checking on the supplied data and call the
+     *   appropriate function.
+     *   @param uniformName the name of the uniform in the
+     *   shader program
+     *   @param data the data to be associated with that
+     *   uniform; type varies (could be a single numerical
+     *   value, array, matrix, or texture / sampler
+     *   reference)
+     *   @chainable
+     */
+    setUniform(
+      uniformName: string,
+      data:
+        | object
+        | number
+        | boolean
+        | number[]
+    ): Shader;
+  }
+}
diff --git a/types/p5/test/index.ts b/types/p5/test/index.ts
new file mode 100644
index 0000000000..2f62298e7c
--- /dev/null
+++ b/types/p5/test/index.ts
@@ -0,0 +1,34 @@
+import * as p5 from "p5";
+
+function s(
+  sketch: p5
+) {
+  const x = 100;
+  const y = 100;
+
+  sketch.setup = () => {
+    sketch.createCanvas(
+      200,
+      200
+    );
+  };
+
+  sketch.draw = () => {
+    sketch.background(
+      0
+    );
+    sketch.fill(
+      255
+    );
+    sketch.rect(
+      x,
+      y,
+      50,
+      50
+    );
+  };
+}
+
+const myp5 = new p5(
+  s
+);
diff --git a/types/p5/tsconfig.json b/types/p5/tsconfig.json
new file mode 100644
index 0000000000..357431528c
--- /dev/null
+++ b/types/p5/tsconfig.json
@@ -0,0 +1,74 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["dom", "es5"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "global.d.ts",
+        "literals.d.ts",
+        "constants.d.ts",
+        "lib/addons/p5.dom.d.ts",
+        "lib/addons/p5.sound.d.ts",
+        "src/color/creating_reading.d.ts",
+        "src/color/p5.Color.d.ts",
+        "src/color/setting.d.ts",
+        "src/core/constants.d.ts",
+        "src/core/environment.d.ts",
+        "src/core/p5.Element.d.ts",
+        "src/core/p5.Graphics.d.ts",
+        "src/core/p5.Renderer.d.ts",
+        "src/core/rendering.d.ts",
+        "src/core/shape/2d_primitives.d.ts",
+        "src/core/shape/attributes.d.ts",
+        "src/core/shape/curves.d.ts",
+        "src/core/shape/vertex.d.ts",
+        "src/core/structure.d.ts",
+        "src/core/transform.d.ts",
+        "src/data/p5.TypedDict.d.ts",
+        "src/events/acceleration.d.ts",
+        "src/events/keyboard.d.ts",
+        "src/events/mouse.d.ts",
+        "src/events/touch.d.ts",
+        "src/image/image.d.ts",
+        "src/image/loading_displaying.d.ts",
+        "src/image/p5.Image.d.ts",
+        "src/image/pixels.d.ts",
+        "src/io/files.d.ts",
+        "src/io/p5.Table.d.ts",
+        "src/io/p5.TableRow.d.ts",
+        "src/io/p5.XML.d.ts",
+        "src/math/calculation.d.ts",
+        "src/math/math.d.ts",
+        "src/math/noise.d.ts",
+        "src/math/p5.Vector.d.ts",
+        "src/math/random.d.ts",
+        "src/math/trigonometry.d.ts",
+        "src/typography/attributes.d.ts",
+        "src/typography/loading_displaying.d.ts",
+        "src/typography/p5.Font.d.ts",
+        "src/utilities/array_functions.d.ts",
+        "src/utilities/conversion.d.ts",
+        "src/utilities/string_functions.d.ts",
+        "src/utilities/time_date.d.ts",
+        "src/webgl/3d_primitives.d.ts",
+        "src/webgl/p5.Camera.d.ts",
+        "src/webgl/interaction.d.ts",
+        "src/webgl/light.d.ts",
+        "src/webgl/loading.d.ts",
+        "src/webgl/material.d.ts",
+        "src/webgl/p5.Geometry.d.ts",
+        "src/webgl/p5.RendererGL.d.ts",
+        "src/webgl/p5.Shader.d.ts",
+        "test/index.ts"
+    ]
+}
diff --git a/types/p5/tslint.json b/types/p5/tslint.json
new file mode 100644
index 0000000000..08b1465cd6
--- /dev/null
+++ b/types/p5/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "unified-signatures": false
+    }
+}
diff --git a/types/paho-mqtt/index.d.ts b/types/paho-mqtt/index.d.ts
index fed67ff262..b1fac43793 100644
--- a/types/paho-mqtt/index.d.ts
+++ b/types/paho-mqtt/index.d.ts
@@ -4,9 +4,9 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
-/// <reference path="module.d.ts"/>
+export = Paho.MQTT;
 
-declare namespace Paho {
+declare global {
     /**
      * Send and receive messages using web browsers.
      * <p>
@@ -40,7 +40,7 @@ declare namespace Paho {
      * an error with any parameter.
      * <p>
      */
-    namespace MQTT {
+    namespace Paho.MQTT {
         /**
          * The Quality of Service used to deliver a message.
          * <dl>
diff --git a/types/paho-mqtt/module.d.ts b/types/paho-mqtt/module.d.ts
deleted file mode 100644
index 8ab421779f..0000000000
--- a/types/paho-mqtt/module.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Type definitions for paho-mqtt 1.0
-// Project: https://github.com/eclipse/paho.mqtt.javascript#readme
-// Definitions by: Alex Mikhalev <https://github.com/amikhalev>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="index.d.ts"/>
-
-declare module 'paho-mqtt' {
-    export = Paho.MQTT;
-}
diff --git a/types/papaparse/index.d.ts b/types/papaparse/index.d.ts
index 4e52dd66a4..c7246ecb1f 100644
--- a/types/papaparse/index.d.ts
+++ b/types/papaparse/index.d.ts
@@ -7,6 +7,7 @@
 //                 Alberto Restifo <https://github.com/albertorestifo>
 //                 Behind The Math <https://github.com/BehindTheMath>
 //                 3af <https://github.com/3af>
+//                 Janne Liuhtonen <https://github.com/jliuhtonen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -23,7 +24,7 @@ export function parse(file: File, config?: ParseConfig): ParseResult;
 
 export function parse(stream: NodeJS.ReadableStream, config?: ParseConfig): ParseResult;
 
-export function parse(stream: typeof NODE_STREAM_INPUT, config?: ParseConfig): NodeJS.ReadableStream;
+export function parse(stream: typeof NODE_STREAM_INPUT, config?: ParseConfig): NodeJS.ReadWriteStream;
 
 /**
  * Unparses javascript data objects and returns a csv string
diff --git a/types/papaparse/papaparse-tests.ts b/types/papaparse/papaparse-tests.ts
index 5db22091ca..57115dc0d5 100644
--- a/types/papaparse/papaparse-tests.ts
+++ b/types/papaparse/papaparse-tests.ts
@@ -9,6 +9,7 @@ import {
 	ParseMeta,
 	ParseResult
 } from "papaparse";
+import { Readable } from "stream";
 
 /**
  * Parsing
@@ -40,8 +41,19 @@ Papa.parse(file, {
 	}
 });
 
+const readable = new Readable()
+const rows = [
+	"1,2,3",
+	"4,5,6"
+]
 
-Papa.parse(Papa.NODE_STREAM_INPUT);
+rows.forEach(r => {
+	readable.push(r);
+});
+
+const papaStream: NodeJS.ReadWriteStream = Papa.parse(Papa.NODE_STREAM_INPUT);
+
+readable.pipe(papaStream);
 
 /**
  * Unparsing
diff --git a/types/paper/index.d.ts b/types/paper/index.d.ts
index ff75266725..016581f16c 100644
--- a/types/paper/index.d.ts
+++ b/types/paper/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Paper.js v0.11.5
+// Type definitions for Paper.js v0.11.8
 // Project: http://paperjs.org/
 // Definitions by:  Clark Stevenson <https://github.com/clark-stevenson>,
 //                  Jon Lucas <https://github.com/Xakaloz>,
@@ -1332,7 +1332,12 @@ declare module paper {
          * The path style of the item.
          */
         style: Style;
-
+        
+        /**
+         * Specifies whether the item is locked. When set to true, item interactions with the mouse are disabled.
+         */
+        locked: boolean;
+        
         /**
          * Specifies whether the item is visible. When set to false, the item won't be drawn.
          */
diff --git a/types/parcel-bundler/index.d.ts b/types/parcel-bundler/index.d.ts
new file mode 100644
index 0000000000..c661d105cd
--- /dev/null
+++ b/types/parcel-bundler/index.d.ts
@@ -0,0 +1,178 @@
+// Type definitions for parcel-bundler 1.10
+// Project: https://github.com/parcel-bundler/parcel#readme
+// Definitions by: pinage404 <https://github.com/pinage404>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+declare namespace ParcelBundler {
+    interface ParcelOptions {
+        /**
+         * The out directory to put the build files in
+         *
+         * @default "./dist"
+         */
+        outDir?: string;
+        /**
+         * The name of the outputFile
+         *
+         * @default "index.html"
+         */
+        outFile?: string;
+        /**
+         * The url to server on
+         *
+         * @default "./"
+         */
+        publicUrl?: string;
+        /**
+         * Whether to watch the files and rebuild them on change
+         *
+         * @default process.env.NODE_ENV !== 'production'
+         */
+        watch?: boolean;
+        /**
+         * Enabled or disables caching
+         *
+         * @default true
+         */
+        cache?: boolean;
+        /**
+         * The directory cache gets put in
+         *
+         * @default ".cache"
+         */
+        cacheDir?: string;
+        /**
+         * Disable content hash from being included on the filename
+         *
+         * @default false
+         */
+        contentHash?: boolean;
+        /**
+         * Minify files
+         *
+         * @default process.env.NODE_ENV === 'production'
+         */
+        minify?: boolean;
+        /**
+         * Turn on experimental scope hoisting/tree shaking flag, for smaller production bundles
+         *
+         * @default false
+         */
+        scopeHoist?: boolean;
+        /**
+         * @default "browser"
+         */
+        target?: "browser" | "node" | "electron";
+        /**
+         * Define a custom {key, cert} pair
+         *
+         * Use true to generate one or false to use http
+         */
+        https?:
+            | true
+            | false
+            | {
+                  /**
+                   * Path to custom certificate
+                   *
+                   * @default "./ssl/c.crt"
+                   */
+                  cert?: string;
+                  /**
+                   * Path to custom key
+                   *
+                   * @default "./ssl/k.key"
+                   */
+                  key?: string;
+              };
+        /**
+         * 3 = log everything, 2 = log warnings & errors, 1 = log errors
+         *
+         * @default 3
+         */
+        logLevel?: 3 | 2 | 1;
+        /**
+         * The port the HMR socket runs on
+         *
+         * Defaults to a random free port (0 in node.js resolves to a random free port)
+         *
+         * @default 0
+         */
+        hmrPort?: 0 | number;
+        /**
+         * Enable or disable sourcemaps
+         *
+         * Defaults to enabled (not supported in minified builds yet)
+         *
+         * @default true
+         */
+        sourceMaps?: boolean;
+        /**
+         * A hostname for hot module reload
+         *
+         * @default ""
+         */
+        hmrHostname?: string;
+        /**
+         * Prints a detailed report of the bundles, assets, filesizes and times
+         *
+         * Reports are only printed if watch is disabled
+         *
+         * @default false
+         */
+        detailedReport?: boolean;
+    }
+
+    type ParcelAsset = any;
+
+    interface ParcelBundle {
+        /**
+         * The type of assets it contains (e.g. js, css, map, ...)
+         */
+        type: string;
+        /**
+         * The name of the bundle (generated using Asset.generateBundleName() of entryAsset)
+         */
+        name: string;
+        /**
+         * The parent bundle, is null in case of the entry bundleany
+         */
+        parentBundle?: any;
+        /**
+         * The entryPoint of the bundle, used for generating the name and gathering assets.
+         */
+        entryAsset: any;
+        /**
+         * A Set of all assets inside the bundle
+         */
+        assets: Set<any>;
+        /**
+         * A Set of all sibling bundles
+         */
+        siblingBundles: Set<any>;
+        /**
+         * A Map<String(Type: js, css, map, ...), Bundle> of all sibling bundles
+         */
+        siblingBundlesMap: Map<string, ParcelBundle>;
+        /**
+         * A Map<Asset, number(line number inside the bundle)> of all the locations of the assets inside the bundle, used to generate accurate source maps
+         */
+        offsets: Map<ParcelAsset, number>;
+    }
+}
+
+declare class ParcelBundler {
+    constructor(
+        entryFiles?: string | string[],
+        options?: ParcelBundler.ParcelOptions
+    );
+
+    addAssetType(extension: string, path: string): void;
+
+    addPackager(type: string, packager: string): void;
+
+    bundle(): Promise<ParcelBundler.ParcelBundle>;
+}
+
+export = ParcelBundler;
diff --git a/types/parcel-bundler/parcel-bundler-tests.ts b/types/parcel-bundler/parcel-bundler-tests.ts
new file mode 100644
index 0000000000..5833b8527b
--- /dev/null
+++ b/types/parcel-bundler/parcel-bundler-tests.ts
@@ -0,0 +1,13 @@
+import ParcelBundler, { ParcelOptions } from "parcel-bundler";
+
+const parcelOption: ParcelOptions = { watch: false };
+
+const files = ["./index.d.ts"];
+
+const bundler = new ParcelBundler(files, parcelOption);
+
+bundler.addAssetType('md', 'markdown-asset');
+
+bundler.addPackager('md', 'markdown-packager');
+
+bundler.bundle().then(bundle => bundle.name);
diff --git a/types/parcel-bundler/tsconfig.json b/types/parcel-bundler/tsconfig.json
new file mode 100644
index 0000000000..4a806c38de
--- /dev/null
+++ b/types/parcel-bundler/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "allowSyntheticDefaultImports": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "parcel-bundler-tests.ts"]
+}
diff --git a/types/parcel-bundler/tslint.json b/types/parcel-bundler/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/parcel-bundler/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/parse-mockdb/index.d.ts b/types/parse-mockdb/index.d.ts
index 94a1f63bb1..e66d67a883 100644
--- a/types/parse-mockdb/index.d.ts
+++ b/types/parse-mockdb/index.d.ts
@@ -4,8 +4,6 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
-/// <reference types="parse" />
-
 declare namespace ParseMockDB {
     function mockDB(): void;
     function unMockDB(): void;
@@ -18,5 +16,6 @@ declare namespace ParseMockDB {
 }
 
 declare module "parse-mockdb" {
+    import * as Parse from 'parse'
     export = ParseMockDB;
 }
diff --git a/types/parse-mockdb/tsconfig.json b/types/parse-mockdb/tsconfig.json
index 47ec90a997..6f81a1fc2a 100644
--- a/types/parse-mockdb/tsconfig.json
+++ b/types/parse-mockdb/tsconfig.json
@@ -13,6 +13,10 @@
         "typeRoots": [
             "../"
         ],
+        "paths": {
+            "parse": ["parse/v1"],
+            "parse/*": ["parse/v1/*"]
+        },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
diff --git a/types/parse/index.d.ts b/types/parse/index.d.ts
index 63bc16d17a..bf89204b04 100644
--- a/types/parse/index.d.ts
+++ b/types/parse/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for parse 1.11.1
+// Type definitions for parse 2.1.0
 // Project: https://parseplatform.org/
 // Definitions by:  Ullisen Media Group <http://ullisenmedia.com>
 //                  David Poetzsch-Heffter <https://github.com/dpoetzsch>
@@ -6,12 +6,11 @@
 //                  Flavio Negrão <https://github.com/flavionegrao>
 //                  Wes Grimes <https://github.com/wesleygrimes>
 //                  Otherwise SAS <https://github.com/owsas>
+//                  Andrew Goldis <https://github.com/agoldis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
 /// <reference types="node" />
-/// <reference types="jquery" />
-/// <reference types="underscore" />
 
 declare namespace Parse {
 
@@ -67,53 +66,6 @@ declare namespace Parse {
         silent?: boolean;
     }
 
-    /**
-     * A Promise is returned by async methods as a hook to provide callbacks to be
-     * called when the async task is fulfilled.
-     *
-     * <p>Typical usage would be like:<pre>
-     *    query.find().then(function(results) {
-     *      results[0].set("foo", "bar");
-     *      return results[0].saveAsync();
-     *    }).then(function(result) {
-     *      console.log("Updated " + result.id);
-     *    });
-     * </pre></p>
-     *
-     * @see Parse.Promise.prototype.then
-     * @class
-     */
-
-    interface IPromise<T> {
-
-        then<U>(resolvedCallback: (...values: T[]) => IPromise<U>, rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
-        then<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
-        then<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
-        catch<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
-    }
-
-    class Promise<T> implements IPromise<T> {
-
-        static as<U>(resolvedValue: U): Promise<U>;
-        static error(error: any): Promise<any>;
-        static is(possiblePromise: any): Boolean;
-        static when(promises: IPromise<any>[]): Promise<any>;
-        static when(...promises: IPromise<any>[]): Promise<any>;
-
-        always(callback: Function): Promise<T>;
-        done(callback: Function): Promise<T>;
-        fail(callback: Function): Promise<T>;
-        reject(error: any): void;
-        resolve(result: any): void;
-        then<U>(resolvedCallback: (...values: T[]) => IPromise<U>,
-            rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
-        then<U>(resolvedCallback: (...values: T[]) => U,
-            rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
-        then<U>(resolvedCallback: (...values: T[]) => U,
-            rejectedCallback?: (reason: any) => U): IPromise<U>;
-        catch<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
-    }
-
     interface Pointer {
         __type: string;
         className: string;
@@ -251,38 +203,6 @@ declare namespace Parse {
         milesTo(point: GeoPoint): number;
     }
 
-    /**
-     * History serves as a global router (per frame) to handle hashchange
-     * events or pushState, match the appropriate route, and trigger
-     * callbacks. You shouldn't ever have to create one of these yourself
-     * — you should use the reference to <code>Parse.history</code>
-     * that will be created for you automatically if you make use of
-     * Routers with routes.
-     * @class
-     *
-     * <p>A fork of Backbone.History, provided for your convenience.  If you
-     * use this class, you must also include jQuery, or another library
-     * that provides a jQuery-compatible $ function.  For more information,
-     * see the <a href="http://documentcloud.github.com/backbone/#History">
-     * Backbone documentation</a>.</p>
-     * <p><strong><em>Available in the client SDK only.</em></strong></p>
-     */
-    class History {
-
-        handlers: any[];
-        interval: number;
-        fragment: string;
-
-        checkUrl(e?: any): void;
-        getFragment(fragment?: string, forcePushState?: boolean): string;
-        getHash(windowOverride: Window): string;
-        loadUrl(fragmentOverride: any): boolean;
-        navigate(fragment: string, options?: any): any;
-        route(route: any, callback: Function): void;
-        start(options: any): boolean;
-        stop(): void;
-    }
-
     /**
      * A class that is used to access all of the children of a many-to-many relationship.
      * Each instance of Parse.Relation is associated with a particular parent object and key.
@@ -323,14 +243,12 @@ declare namespace Parse {
      * </pre></p>
      *
      * @param {Object} attributes The initial set of data to store in the object.
-     * @param {Object} options A set of Backbone-like options for creating the
-     *     object.  The only option currently supported is "collection".
+     * @param {Object} options The options for this object instance.
      * @see Parse.Object.extend
      *
      * @class
      *
-     * <p>The fundamental unit of Parse data, which implements the Backbone Model
-     * interface.</p>
+     * Creates a new model with defined attributes.
      */
     class Object extends BaseObject {
 
@@ -430,120 +348,6 @@ declare namespace Parse {
         appIdentifier: string;
 
     }
-
-    /**
-     * Creates a new instance with the given models and options.  Typically, you
-     * will not call this method directly, but will instead make a subclass using
-     * <code>Parse.Collection.extend</code>.
-     *
-     * @param {Array} models An array of instances of <code>Parse.Object</code>.
-     *
-     * @param {Object} options An optional object with Backbone-style options.
-     * Valid options are:<ul>
-     *   <li>model: The Parse.Object subclass that this collection contains.
-     *   <li>query: An instance of Parse.Query to use when fetching items.
-     *   <li>comparator: A string property name or function to sort by.
-     * </ul>
-     *
-     * @see Parse.Collection.extend
-     *
-     * @class
-     *
-     * <p>Provides a standard collection class for our sets of models, ordered
-     * or unordered.  For more information, see the
-     * <a href="http://documentcloud.github.com/backbone/#Collection">Backbone
-     * documentation</a>.</p>
-     */
-    class Collection<T> extends Events implements IBaseObject {
-
-        model: Object;
-        models: Object[];
-        query: Query<Object>;
-        comparator: (object: Object) => any;
-
-        constructor(models?: Object[], options?: Collection.Options);
-        static extend(instanceProps: any, classProps: any): any;
-
-        initialize(): void;
-        add(models: any[], options?: Collection.AddOptions): Collection<T>;
-        at(index: number): Object;
-        chain(): _._Chain<Collection<T>>;
-        fetch(options?: Collection.FetchOptions): Promise<T>;
-        create(model: Object, options?: Collection.CreateOptions): Object;
-        get(id: string): Object;
-        getByCid(cid: any): any;
-        pluck(attr: string): any[];
-        remove(model: any, options?: Collection.RemoveOptions): Collection<T>;
-        remove(models: any[], options?: Collection.RemoveOptions): Collection<T>;
-        reset(models: any[], options?: Collection.ResetOptions): Collection<T>;
-        sort(options?: Collection.SortOptions): Collection<T>;
-        toJSON(): any;
-    }
-
-    namespace Collection {
-        interface Options {
-            model?: Object;
-            query?: Query<Object>;
-            comparator?: string;
-        }
-
-        interface AddOptions extends SilentOption {
-            /**
-             * The index at which to add the models.
-             */
-            at?: number;
-        }
-
-        interface CreateOptions extends SuccessFailureOptions, WaitOption, SilentOption, ScopeOptions {
-        }
-
-        interface FetchOptions extends SuccessFailureOptions, SilentOption, ScopeOptions { }
-
-        interface RemoveOptions extends SilentOption { }
-
-        interface ResetOptions extends SilentOption { }
-
-        interface SortOptions extends SilentOption { }
-    }
-
-    /**
-     * @class
-     *
-     * <p>Parse.Events is a fork of Backbone's Events module, provided for your
-     * convenience.</p>
-     *
-     * <p>A module that can be mixed in to any object in order to provide
-     * it with custom events. You may bind callback functions to an event
-     * with `on`, or remove these functions with `off`.
-     * Triggering an event fires all callbacks in the order that `on` was
-     * called.
-     *
-     * <pre>
-     *     var object = {};
-     *     _.extend(object, Parse.Events);
-     *     object.on('expand', function(){ alert('expanded'); });
-     *     object.trigger('expand');</pre></p>
-     *
-     * <p>For more information, see the
-     * <a href="http://documentcloud.github.com/backbone/#Events">Backbone
-     * documentation</a>.</p>
-     */
-    class Events {
-
-        static off(events: string[], callback?: Function, context?: any): Events;
-        static on(events: string[], callback?: Function, context?: any): Events;
-        static trigger(events: string[]): Events;
-        static bind(): Events;
-        static unbind(): Events;
-
-        on(eventName: string, callback?: Function, context?: any): Events;
-        off(eventName?: string | null, callback?: Function | null, context?: any): Events;
-        trigger(eventName: string, ...args: any[]): Events;
-        bind(eventName: string, callback: Function, context?: any): Events;
-        unbind(eventName?: string, callback?: Function, context?: any): Events;
-
-    }
-
     /**
      * Creates a new parse Parse.Query for the given Parse.Object subclass.
      * @param objectClass -
@@ -617,7 +421,6 @@ declare namespace Parse {
         addDescending(key: string[]): Query<T>;
         ascending(key: string): Query<T>;
         ascending(key: string[]): Query<T>;
-        collection(items?: Object[], options?: Collection.Options): Collection<Object>;
         containedIn(key: string, values: any[]): Query<T>;
         contains(key: string, substring: string): Query<T>;
         containsAll(key: string, values: any[]): Query<T>;
@@ -634,6 +437,7 @@ declare namespace Parse {
         exists(key: string): Query<T>;
         find(options?: Query.FindOptions): Promise<T[]>;
         first(options?: Query.FirstOptions): Promise<T | undefined>;
+        fullText(key: string, value: string, options?: Query.FullTextOptions): Query<T>;
         get(objectId: string, options?: Query.GetOptions): Promise<T>;
         greaterThan(key: string, value: any): Query<T>;
         greaterThanOrEqualTo(key: string, value: any): Query<T>;
@@ -651,7 +455,7 @@ declare namespace Parse {
         select(...keys: string[]): Query<T>;
         skip(n: number): Query<T>;
         startsWith(key: string, prefix: string): Query<T>;
-        subscribe(): Events;
+        subscribe(): LiveQuerySubscription;
         withinGeoBox(key: string, southwest: GeoPoint, northeast: GeoPoint): Query<T>;
         withinKilometers(key: string, point: GeoPoint, maxDistance: number): Query<T>;
         withinMiles(key: string, point: GeoPoint, maxDistance: number): Query<T>;
@@ -675,6 +479,95 @@ declare namespace Parse {
             // Sort documentation https://docs.mongodb.com/v3.2/reference/operator/aggregation/sort/#pipe._S_sort
             sort?: {[key: string]: 1|-1};
         }
+
+        // According to https://parseplatform.org/Parse-SDK-JS/api/2.1.0/Parse.Query.html#fullText
+        interface FullTextOptions {
+          language?: string;
+          caseSensitive?: boolean;
+          diacriticSensitive?: boolean;
+        }
+    }
+
+    /**
+     * Represents a LiveQuery Subscription.
+     * 
+     * @see https://docs.parseplatform.org/js/guide/#live-queries
+     * @see NodeJS.EventEmitter
+     *
+     * Events list
+     * ---
+     * `open` - when you call `query.subscribe()`, we send a subscribe request to
+     * the LiveQuery server, when we get the confirmation from the LiveQuery server,
+     * this event will be emitted. When the client loses WebSocket connection to the
+     * LiveQuery server, we will try to auto reconnect the LiveQuery server. If we
+     * reconnect the LiveQuery server and successfully resubscribe the ParseQuery,
+     * you'll also get this event.
+     *
+```
+subscription.on('open', () => {});
+```
+     * ---
+     * `create` - when a new ParseObject is created and it fulfills the ParseQuery you subscribe,
+     * you'll get this event. The object is the ParseObject which is created.
+     *
+```
+subscription.on('create', (object: Parse.Object) => {});
+```
+     * ---
+     * `update` event - when an existing ParseObject which fulfills the ParseQuery you subscribe
+     * is updated (The ParseObject fulfills the ParseQuery before and after changes),
+     * you'll get this event. The object is the ParseObject which is updated.
+     * Its content is the latest value of the ParseObject.
+     *
+```
+subscription.on('update', (object: Parse.Object) => {});
+```
+     * ---
+     * `enter` event - when an existing ParseObject's old value doesn't fulfill the ParseQuery
+     * but its new value fulfills the ParseQuery, you'll get this event. The object is the
+     * ParseObject which enters the ParseQuery. Its content is the latest value of the ParseObject.
+     *
+```
+subscription.on('enter', (object: Parse.Object) => {});
+```
+     * ---
+     * `update` event - when an existing ParseObject's old value fulfills the ParseQuery but its new value
+     * doesn't fulfill the ParseQuery, you'll get this event. The object is the ParseObject
+     * which leaves the ParseQuery. Its content is the latest value of the ParseObject.
+     *
+```
+subscription.on('leave', (object: Parse.Object) => {});
+```
+     * ---
+     * `delete` event - when an existing ParseObject which fulfills the ParseQuery is deleted, you'll
+     * get this event. The object is the ParseObject which is deleted.
+     *
+```
+subscription.on('delete', (object: Parse.Object) => {});
+```
+     * ---
+     * `close` event - when the client loses the WebSocket connection to the LiveQuery
+     * server and we stop receiving events, you'll get this event.
+     *
+```
+subscription.on('close', () => {});
+```
+     */
+    class LiveQuerySubscription extends NodeJS.EventEmitter {
+        /**
+         * Creates an instance of LiveQuerySubscription.
+         * 
+         * @param {string} id
+         * @param {string} query
+         * @param {string} [sessionToken]
+         */
+        constructor(id: string, query: string, sessionToken?: string);
+
+        /**
+         * Closes the subscription.
+         *
+         */
+        unsubscribe(): void;
     }
 
     /**
@@ -715,44 +608,6 @@ declare namespace Parse {
         isCurrentSessionRevocable(): boolean;
     }
 
-    /**
-     * Routers map faux-URLs to actions, and fire events when routes are
-     * matched. Creating a new one sets its `routes` hash, if not set statically.
-     * @class
-     *
-     * <p>A fork of Backbone.Router, provided for your convenience.
-     * For more information, see the
-     * <a href="http://documentcloud.github.com/backbone/#Router">Backbone
-     * documentation</a>.</p>
-     * <p><strong><em>Available in the client SDK only.</em></strong></p>
-     */
-    class Router extends Events {
-
-        routes: Router.RouteMap;
-
-        constructor(options?: Router.Options);
-        static extend(instanceProps: any, classProps: any): any;
-
-        initialize(): void;
-        navigate(fragment: string, options?: Router.NavigateOptions): Router;
-        navigate(fragment: string, trigger?: boolean): Router;
-        route(route: string, name: string, callback: Function): Router;
-    }
-
-    namespace Router {
-        interface Options {
-            routes: RouteMap;
-        }
-
-        interface RouteMap {
-            [url: string]: string;
-        }
-
-        interface NavigateOptions {
-            trigger?: boolean;
-        }
-    }
-
     /**
      * @class
      *
@@ -788,60 +643,6 @@ declare namespace Parse {
         getSessionToken(): string;
     }
 
-    /**
-     * Creating a Parse.View creates its initial element outside of the DOM,
-     * if an existing element is not provided...
-     * @class
-     *
-     * <p>A fork of Backbone.View, provided for your convenience.  If you use this
-     * class, you must also include jQuery, or another library that provides a
-     * jQuery-compatible $ function.  For more information, see the
-     * <a href="http://documentcloud.github.com/backbone/#View">Backbone
-     * documentation</a>.</p>
-     * <p><strong><em>Available in the client SDK only.</em></strong></p>
-     */
-    class View<T> extends Events {
-
-        model: any;
-        collection: any;
-        id: string;
-        cid: string;
-        className: string;
-        tagName: string;
-        el: any;
-        $el: JQuery;
-        attributes: any;
-
-        constructor(options?: View.Options);
-
-        static extend(properties: any, classProperties?: any): any;
-
-        $(selector?: string): JQuery;
-        setElement(element: HTMLElement, delegate?: boolean): View<T>;
-        setElement(element: JQuery, delegate?: boolean): View<T>;
-        render(): View<T>;
-        remove(): View<T>;
-        make(tagName: any, attributes?: View.Attribute[], content?: any): any;
-        delegateEvents(events?: any): any;
-        undelegateEvents(): any;
-
-    }
-
-    namespace View {
-        interface Options {
-            model?: any;
-            collection?: any;
-            el?: any;
-            id?: string;
-            className?: string;
-            tagName?: string;
-            attributes?: Attribute[];
-        }
-
-        interface Attribute {
-            [attributeName: string]: string | number | boolean;
-        }
-    }
 
     namespace Analytics {
 
diff --git a/types/parse/parse-tests.ts b/types/parse/parse-tests.ts
index acb194ed6a..8a2064e968 100644
--- a/types/parse/parse-tests.ts
+++ b/types/parse/parse-tests.ts
@@ -1,22 +1,3 @@
-
-
-function test_events() {
-
-    const object = new Parse.Events();
-    object.on("alert", (eventName: string) => alert("Triggered " + eventName));
-
-    object.trigger("alert", "an event");
-
-    const onChange = () => console.log('whatever');
-    let context: any;
-
-    object.off("change", onChange);
-    object.off("change");
-    object.off(null, onChange);
-    object.off(null, null, context);
-    object.off();
-}
-
 class GameScore extends Parse.Object {
 
     constructor(options?: any) {
@@ -83,6 +64,7 @@ function test_query() {
     const query = new Parse.Query(GameScore);
     query.equalTo("playerName", "Dan Stemkoski");
     query.notEqualTo("playerName", "Michael Yabuti");
+    query.fullText("playerName", "dan", { language: 'en', caseSensitive: false, diacriticSensitive: true });
     query.greaterThan("playerAge", 18);
     query.limit(10);
     query.skip(10);
@@ -144,17 +126,30 @@ function test_query() {
     // Find objects with distinct key
     query.distinct('name');
 
-    const testQuery = Parse.Query.or(query, query);
+    const testQuery = Parse.Query.or(query, query);   
 }
 
-class TestCollection extends Parse.Collection<Object> {
+async function test_query_promise() {
+    // Test promise with a query
+    const findQuery = new Parse.Query('Test');
+    findQuery.find()
+    .then(() => {
+        // success
+    }).catch(() => {
+        // error
+    });
 
-    constructor(models?: Parse.Object[]) {
-
-        super(models);
+    const getQuery = new Parse.Query('Test');
+    try {
+        await getQuery.get('objectId');
+    }
+    catch (error) {
+        // noop
     }
 }
 
+
+
 function return_a_generic_query(): Parse.Query<Game> {
     return new Parse.Query(Game);
 }
@@ -163,49 +158,6 @@ function return_a_query(): Parse.Query {
     return new Parse.Query(Game);
 }
 
-function test_collections() {
-
-    let collection = new TestCollection();
-
-    const query = new Parse.Query(Game);
-    query.equalTo("temperature", "hot");
-    query.greaterThan("degreesF", 100);
-
-    collection = query.collection();
-
-    collection.comparator = (object) => {
-        return object.get("temperature");
-    };
-
-    collection.add([
-        { "name": "Duke" },
-        { "name": "Scarlett" }
-    ]);
-
-    collection.fetch().then(
-        (data) => {
-
-        },
-        (error) => {
-            console.log("Error: " + error.code + " " + error.message);
-        }
-    );
-
-    const model = collection.at(0);
-
-    // Or you can get it by Parse objectId.
-    const modelAgain = collection.get(model.id);
-
-    // Remove "Duke" from the collection.
-    collection.remove(model);
-
-    // Completely replace all items in the collection.
-    collection.reset([
-        { "name": "Hawk" },
-        { "name": "Jane" }
-    ]);
-}
-
 function test_file() {
 
     const base64 = "V29ya2luZyBhdCBQYXJzZSBpcyBncmVhdCE=";
@@ -499,34 +451,6 @@ function test_push() {
         });
 }
 
-function test_view() {
-
-    const model = Parse.User.current();
-    const view = new Parse.View<Parse.User>();
-}
-
-function test_promise() {
-    let resolved = Parse.Promise.as(true);
-    let rejected = Parse.Promise.error("an error object");
-    Parse.Promise.when([resolved, rejected]).then(function () {
-        // success
-    }, function () {
-        // failed
-    });
-
-    // Test promise with a query
-    const query = new Parse.Query('Test');
-    query.find()
-    .then(() => {
-        // success
-    }).catch(() => {
-        // error
-    });
-
-    // can check whether an object is a Parse.Promise object or not
-    Parse.Promise.is(resolved);
-}
-
 function test_batch_operations() {
     const game1 = new Game()
     const game2 = new Game()
@@ -556,5 +480,7 @@ function test_query_subscribe() {
     subscription.on('create', (game: any) => {
         console.log(game);
     });
-}
 
+    // unsubscribe
+    subscription.unsubscribe();
+}
diff --git a/types/parse/v1/index.d.ts b/types/parse/v1/index.d.ts
new file mode 100644
index 0000000000..5f75772541
--- /dev/null
+++ b/types/parse/v1/index.d.ts
@@ -0,0 +1,1200 @@
+// Type definitions for parse 1.11.1
+// Project: https://parseplatform.org/
+// Definitions by:  Ullisen Media Group <http://ullisenmedia.com>
+//                  David Poetzsch-Heffter <https://github.com/dpoetzsch>
+//                  Cedric Kemp <https://github.com/jaeggerr>
+//                  Flavio Negrão <https://github.com/flavionegrao>
+//                  Wes Grimes <https://github.com/wesleygrimes>
+//                  Otherwise SAS <https://github.com/owsas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+/// <reference types="node" />
+/// <reference types="jquery" />
+/// <reference types="underscore" />
+
+declare namespace Parse {
+
+    let applicationId: string;
+    let javaScriptKey: string | undefined;
+    let masterKey: string | undefined;
+    let serverURL: string;
+    let liveQueryServerURL: string;
+    let VERSION: string;
+
+    interface SuccessOption {
+        success?: Function;
+    }
+
+    interface ErrorOption {
+        error?: Function;
+    }
+
+    interface SuccessFailureOptions extends SuccessOption, ErrorOption {
+    }
+
+    interface SignUpOptions {
+        useMasterKey?: boolean;
+        installationId?: string;
+    }
+
+    interface SessionTokenOption {
+        sessionToken?: string;
+    }
+
+    interface WaitOption {
+        /**
+         * Set to true to wait for the server to confirm success
+         * before triggering an event.
+         */
+        wait?: boolean;
+    }
+
+    interface UseMasterKeyOption {
+        /**
+         * In Cloud Code and Node only, causes the Master Key to be used for this request.
+         */
+        useMasterKey?: boolean;
+    }
+
+    interface ScopeOptions extends SessionTokenOption, UseMasterKeyOption {
+    }
+
+    interface SilentOption {
+        /**
+         * Set to true to avoid firing the event.
+         */
+        silent?: boolean;
+    }
+
+    /**
+     * A Promise is returned by async methods as a hook to provide callbacks to be
+     * called when the async task is fulfilled.
+     *
+     * <p>Typical usage would be like:<pre>
+     *    query.find().then(function(results) {
+     *      results[0].set("foo", "bar");
+     *      return results[0].saveAsync();
+     *    }).then(function(result) {
+     *      console.log("Updated " + result.id);
+     *    });
+     * </pre></p>
+     *
+     * @see Parse.Promise.prototype.then
+     * @class
+     */
+
+    interface IPromise<T> {
+
+        then<U>(resolvedCallback: (...values: T[]) => IPromise<U>, rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
+        then<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
+        then<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
+        catch<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
+    }
+
+    class Promise<T> implements IPromise<T> {
+
+        static as<U>(resolvedValue: U): Promise<U>;
+        static error(error: any): Promise<any>;
+        static is(possiblePromise: any): Boolean;
+        static when(promises: IPromise<any>[]): Promise<any>;
+        static when(...promises: IPromise<any>[]): Promise<any>;
+
+        always(callback: Function): Promise<T>;
+        done(callback: Function): Promise<T>;
+        fail(callback: Function): Promise<T>;
+        reject(error: any): void;
+        resolve(result: any): void;
+        then<U>(resolvedCallback: (...values: T[]) => IPromise<U>,
+            rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
+        then<U>(resolvedCallback: (...values: T[]) => U,
+            rejectedCallback?: (reason: any) => IPromise<U>): IPromise<U>;
+        then<U>(resolvedCallback: (...values: T[]) => U,
+            rejectedCallback?: (reason: any) => U): IPromise<U>;
+        catch<U>(resolvedCallback: (...values: T[]) => U, rejectedCallback?: (reason: any) => U): IPromise<U>;
+    }
+
+    interface Pointer {
+        __type: string;
+        className: string;
+        objectId: string;
+    }
+
+    interface IBaseObject {
+        toJSON(): any;
+    }
+
+    class BaseObject implements IBaseObject {
+        toJSON(): any;
+    }
+
+    /**
+     * Creates a new ACL.
+     * If no argument is given, the ACL has no permissions for anyone.
+     * If the argument is a Parse.User, the ACL will have read and write
+     *   permission for only that user.
+     * If the argument is any other JSON object, that object will be interpretted
+     *   as a serialized ACL created with toJSON().
+     * @see Parse.Object#setACL
+     * @class
+     *
+     * <p>An ACL, or Access Control List can be added to any
+     * <code>Parse.Object</code> to restrict access to only a subset of users
+     * of your application.</p>
+     */
+    class ACL extends BaseObject {
+
+        permissionsById: any;
+
+        constructor(arg1?: any);
+
+        setPublicReadAccess(allowed: boolean): void;
+        getPublicReadAccess(): boolean;
+
+        setPublicWriteAccess(allowed: boolean): void;
+        getPublicWriteAccess(): boolean;
+
+        setReadAccess(userId: User, allowed: boolean): void;
+        getReadAccess(userId: User): boolean;
+
+        setReadAccess(userId: string, allowed: boolean): void;
+        getReadAccess(userId: string): boolean;
+
+        setRoleReadAccess(role: Role, allowed: boolean): void;
+        setRoleReadAccess(role: string, allowed: boolean): void;
+        getRoleReadAccess(role: Role): boolean;
+        getRoleReadAccess(role: string): boolean;
+
+        setRoleWriteAccess(role: Role, allowed: boolean): void;
+        setRoleWriteAccess(role: string, allowed: boolean): void;
+        getRoleWriteAccess(role: Role): boolean;
+        getRoleWriteAccess(role: string): boolean;
+
+        setWriteAccess(userId: User, allowed: boolean): void;
+        setWriteAccess(userId: string, allowed: boolean): void;
+        getWriteAccess(userId: User): boolean;
+        getWriteAccess(userId: string): boolean;
+    }
+
+
+    /**
+     * A Parse.File is a local representation of a file that is saved to the Parse
+     * cloud.
+     * @class
+     * @param name {String} The file's name. This will be prefixed by a unique
+     *     value once the file has finished saving. The file name must begin with
+     *     an alphanumeric character, and consist of alphanumeric characters,
+     *     periods, spaces, underscores, or dashes.
+     * @param data {Array} The data for the file, as either:
+     *     1. an Array of byte value Numbers, or
+     *     2. an Object like { base64: "..." } with a base64-encoded String.
+     *     3. a File object selected with a file upload control. (3) only works
+     *        in Firefox 3.6+, Safari 6.0.2+, Chrome 7+, and IE 10+.
+     *        For example:<pre>
+     * var fileUploadControl = $("#profilePhotoFileUpload")[0];
+     * if (fileUploadControl.files.length > 0) {
+     *   var file = fileUploadControl.files[0];
+     *   var name = "photo.jpg";
+     *   var parseFile = new Parse.File(name, file);
+     *   parseFile.save().then(function() {
+     *     // The file has been saved to Parse.
+     *   }, function(error) {
+     *     // The file either could not be read, or could not be saved to Parse.
+     *   });
+     * }</pre>
+     * @param type {String} Optional Content-Type header to use for the file. If
+     *     this is omitted, the content type will be inferred from the name's
+     *     extension.
+     */
+    class File {
+
+        constructor(name: string, data: any, type?: string);
+        name(): string;
+        url(): string;
+        save(options?: SuccessFailureOptions): Promise<File>;
+
+    }
+
+    /**
+     * Creates a new GeoPoint with any of the following forms:<br>
+     *   <pre>
+     *   new GeoPoint(otherGeoPoint)
+     *   new GeoPoint(30, 30)
+     *   new GeoPoint([30, 30])
+     *   new GeoPoint({latitude: 30, longitude: 30})
+     *   new GeoPoint()  // defaults to (0, 0)
+     *   </pre>
+     * @class
+     *
+     * <p>Represents a latitude / longitude point that may be associated
+     * with a key in a ParseObject or used as a reference point for geo queries.
+     * This allows proximity-based queries on the key.</p>
+     *
+     * <p>Only one key in a class may contain a GeoPoint.</p>
+     *
+     * <p>Example:<pre>
+     *   var point = new Parse.GeoPoint(30.0, -20.0);
+     *   var object = new Parse.Object("PlaceObject");
+     *   object.set("location", point);
+     *   object.save();</pre></p>
+     */
+    class GeoPoint extends BaseObject {
+
+        latitude: number;
+        longitude: number;
+
+        constructor(arg1?: any, arg2?: any);
+
+        current(options?: SuccessFailureOptions): GeoPoint;
+        radiansTo(point: GeoPoint): number;
+        kilometersTo(point: GeoPoint): number;
+        milesTo(point: GeoPoint): number;
+    }
+
+    /**
+     * History serves as a global router (per frame) to handle hashchange
+     * events or pushState, match the appropriate route, and trigger
+     * callbacks. You shouldn't ever have to create one of these yourself
+     * — you should use the reference to <code>Parse.history</code>
+     * that will be created for you automatically if you make use of
+     * Routers with routes.
+     * @class
+     *
+     * <p>A fork of Backbone.History, provided for your convenience.  If you
+     * use this class, you must also include jQuery, or another library
+     * that provides a jQuery-compatible $ function.  For more information,
+     * see the <a href="http://documentcloud.github.com/backbone/#History">
+     * Backbone documentation</a>.</p>
+     * <p><strong><em>Available in the client SDK only.</em></strong></p>
+     */
+    class History {
+
+        handlers: any[];
+        interval: number;
+        fragment: string;
+
+        checkUrl(e?: any): void;
+        getFragment(fragment?: string, forcePushState?: boolean): string;
+        getHash(windowOverride: Window): string;
+        loadUrl(fragmentOverride: any): boolean;
+        navigate(fragment: string, options?: any): any;
+        route(route: any, callback: Function): void;
+        start(options: any): boolean;
+        stop(): void;
+    }
+
+    /**
+     * A class that is used to access all of the children of a many-to-many relationship.
+     * Each instance of Parse.Relation is associated with a particular parent object and key.
+     */
+    class Relation<S extends Object = Object, T extends Object = Object> extends BaseObject {
+
+        parent: S;
+        key: string;
+        targetClassName: string;
+
+        constructor(parent?: S, key?: string);
+
+        //Adds a Parse.Object or an array of Parse.Objects to the relation.
+        add(object: T | Array<T>): void;
+
+        // Returns a Parse.Query that is limited to objects in this relation.
+        query(): Query<T>;
+
+        // Removes a Parse.Object or an array of Parse.Objects from this relation.
+        remove(object: T | Array<T>): void;
+    }
+
+    /**
+     * Creates a new model with defined attributes. A client id (cid) is
+     * automatically generated and assigned for you.
+     *
+     * <p>You won't normally call this method directly.  It is recommended that
+     * you use a subclass of <code>Parse.Object</code> instead, created by calling
+     * <code>extend</code>.</p>
+     *
+     * <p>However, if you don't want to use a subclass, or aren't sure which
+     * subclass is appropriate, you can use this form:<pre>
+     *     var object = new Parse.Object("ClassName");
+     * </pre>
+     * That is basically equivalent to:<pre>
+     *     var MyClass = Parse.Object.extend("ClassName");
+     *     var object = new MyClass();
+     * </pre></p>
+     *
+     * @param {Object} attributes The initial set of data to store in the object.
+     * @param {Object} options A set of Backbone-like options for creating the
+     *     object.  The only option currently supported is "collection".
+     * @see Parse.Object.extend
+     *
+     * @class
+     *
+     * <p>The fundamental unit of Parse data, which implements the Backbone Model
+     * interface.</p>
+     */
+    class Object extends BaseObject {
+
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        attributes: any;
+        cid: string;
+        changed: boolean;
+        className: string;
+
+        constructor(className?: string, options?: any);
+        constructor(attributes?: string[], options?: any);
+
+        static extend(className: string, protoProps?: any, classProps?: any): any;
+        static fromJSON(json: any, override: boolean): any;
+
+        static fetchAll<T extends Object>(list: T[], options: Object.FetchAllOptions): Promise<T[]>;
+        static fetchAllIfNeeded<T extends Object>(list: T[], options: Object.FetchAllOptions): Promise<T[]>;
+        static destroyAll<T>(list: T[], options?: Object.DestroyAllOptions): Promise<T[]>;
+        static saveAll<T extends Object>(list: T[], options?: Object.SaveAllOptions): Promise<T[]>;
+        static registerSubclass<T extends Object>(className: string, clazz: new (options?: any) => T): void;
+        static createWithoutData<T extends Object>(id: string): T;
+
+        initialize(): void;
+        add(attr: string, item: any): this;
+        addUnique(attr: string, item: any): any;
+        change(options: any): this;
+        changedAttributes(diff: any): boolean;
+        clear(options: any): any;
+        clone(): this;
+        destroy(options?: Object.DestroyOptions): Promise<this>;
+        dirty(attr?: string): boolean;
+        dirtyKeys(): string[];
+        escape(attr: string): string;
+        existed(): boolean;
+        fetch(options?: Object.FetchOptions): Promise<this>;
+        get(attr: string): any | undefined;
+        getACL(): ACL | undefined;
+        has(attr: string): boolean;
+        hasChanged(attr: string): boolean;
+        increment(attr: string, amount?: number): any;
+        isNew(): boolean;
+        isValid(): boolean;
+        op(attr: string): any;
+        previous(attr: string): any;
+        previousAttributes(): any;
+        relation(attr: string): Relation<this, Object>;
+        remove(attr: string, item: any): any;
+        revert(): void;
+        save(attrs?: { [key: string]: any } | null, options?: Object.SaveOptions): Promise<this>;
+        save(key: string, value: any, options?: Object.SaveOptions): Promise<this>;
+        save(attrs: object, options?: Object.SaveOptions): Promise<this>;
+        set(key: string, value: any, options?: Object.SetOptions): boolean;
+        set(attrs: object, options?: Object.SetOptions): boolean;
+        setACL(acl: ACL, options?: SuccessFailureOptions): boolean;
+        toPointer(): Pointer;
+        unset(attr: string, options?: any): any;
+        validate(attrs: any, options?: SuccessFailureOptions): boolean;
+    }
+
+    namespace Object {
+        interface DestroyOptions extends SuccessFailureOptions, WaitOption, ScopeOptions { }
+
+        interface DestroyAllOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        interface FetchAllOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        interface FetchOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        interface SaveOptions extends SuccessFailureOptions, SilentOption, ScopeOptions, WaitOption { }
+
+        interface SaveAllOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        interface SetOptions extends ErrorOption, SilentOption {
+            promise?: any;
+        }
+    }
+
+    /**
+     * Every Parse application installed on a device registered for
+     * push notifications has an associated Installation object.
+     */
+    class Installation extends Object {
+
+        badge: any;
+        channels: string[];
+        timeZone: any;
+        deviceType: string;
+        pushType: string;
+        installationId: string;
+        deviceToken: string;
+        channelUris: string;
+        appName: string;
+        appVersion: string;
+        parseVersion: string;
+        appIdentifier: string;
+
+    }
+
+    /**
+     * Creates a new instance with the given models and options.  Typically, you
+     * will not call this method directly, but will instead make a subclass using
+     * <code>Parse.Collection.extend</code>.
+     *
+     * @param {Array} models An array of instances of <code>Parse.Object</code>.
+     *
+     * @param {Object} options An optional object with Backbone-style options.
+     * Valid options are:<ul>
+     *   <li>model: The Parse.Object subclass that this collection contains.
+     *   <li>query: An instance of Parse.Query to use when fetching items.
+     *   <li>comparator: A string property name or function to sort by.
+     * </ul>
+     *
+     * @see Parse.Collection.extend
+     *
+     * @class
+     *
+     * <p>Provides a standard collection class for our sets of models, ordered
+     * or unordered.  For more information, see the
+     * <a href="http://documentcloud.github.com/backbone/#Collection">Backbone
+     * documentation</a>.</p>
+     */
+    class Collection<T> extends Events implements IBaseObject {
+
+        model: Object;
+        models: Object[];
+        query: Query<Object>;
+        comparator: (object: Object) => any;
+
+        constructor(models?: Object[], options?: Collection.Options);
+        static extend(instanceProps: any, classProps: any): any;
+
+        initialize(): void;
+        add(models: any[], options?: Collection.AddOptions): Collection<T>;
+        at(index: number): Object;
+        chain(): _._Chain<Collection<T>>;
+        fetch(options?: Collection.FetchOptions): Promise<T>;
+        create(model: Object, options?: Collection.CreateOptions): Object;
+        get(id: string): Object;
+        getByCid(cid: any): any;
+        pluck(attr: string): any[];
+        remove(model: any, options?: Collection.RemoveOptions): Collection<T>;
+        remove(models: any[], options?: Collection.RemoveOptions): Collection<T>;
+        reset(models: any[], options?: Collection.ResetOptions): Collection<T>;
+        sort(options?: Collection.SortOptions): Collection<T>;
+        toJSON(): any;
+    }
+
+    namespace Collection {
+        interface Options {
+            model?: Object;
+            query?: Query<Object>;
+            comparator?: string;
+        }
+
+        interface AddOptions extends SilentOption {
+            /**
+             * The index at which to add the models.
+             */
+            at?: number;
+        }
+
+        interface CreateOptions extends SuccessFailureOptions, WaitOption, SilentOption, ScopeOptions {
+        }
+
+        interface FetchOptions extends SuccessFailureOptions, SilentOption, ScopeOptions { }
+
+        interface RemoveOptions extends SilentOption { }
+
+        interface ResetOptions extends SilentOption { }
+
+        interface SortOptions extends SilentOption { }
+    }
+
+    /**
+     * @class
+     *
+     * <p>Parse.Events is a fork of Backbone's Events module, provided for your
+     * convenience.</p>
+     *
+     * <p>A module that can be mixed in to any object in order to provide
+     * it with custom events. You may bind callback functions to an event
+     * with `on`, or remove these functions with `off`.
+     * Triggering an event fires all callbacks in the order that `on` was
+     * called.
+     *
+     * <pre>
+     *     var object = {};
+     *     _.extend(object, Parse.Events);
+     *     object.on('expand', function(){ alert('expanded'); });
+     *     object.trigger('expand');</pre></p>
+     *
+     * <p>For more information, see the
+     * <a href="http://documentcloud.github.com/backbone/#Events">Backbone
+     * documentation</a>.</p>
+     */
+    class Events {
+
+        static off(events: string[], callback?: Function, context?: any): Events;
+        static on(events: string[], callback?: Function, context?: any): Events;
+        static trigger(events: string[]): Events;
+        static bind(): Events;
+        static unbind(): Events;
+
+        on(eventName: string, callback?: Function, context?: any): Events;
+        off(eventName?: string | null, callback?: Function | null, context?: any): Events;
+        trigger(eventName: string, ...args: any[]): Events;
+        bind(eventName: string, callback: Function, context?: any): Events;
+        unbind(eventName?: string, callback?: Function, context?: any): Events;
+
+    }
+
+    /**
+     * Creates a new parse Parse.Query for the given Parse.Object subclass.
+     * @param objectClass -
+     *   An instance of a subclass of Parse.Object, or a Parse className string.
+     * @class
+     *
+     * <p>Parse.Query defines a query that is used to fetch Parse.Objects. The
+     * most common use case is finding all objects that match a query through the
+     * <code>find</code> method. For example, this sample code fetches all objects
+     * of class <code>MyClass</code>. It calls a different function depending on
+     * whether the fetch succeeded or not.
+     *
+     * <pre>
+     * var query = new Parse.Query(MyClass);
+     * query.find({
+     *   success: function(results) {
+     *     // results is an array of Parse.Object.
+     *   },
+     *
+     *   error: function(error) {
+     *     // error is an instance of Parse.Error.
+     *   }
+     * });</pre></p>
+     *
+     * <p>A Parse.Query can also be used to retrieve a single object whose id is
+     * known, through the get method. For example, this sample code fetches an
+     * object of class <code>MyClass</code> and id <code>myId</code>. It calls a
+     * different function depending on whether the fetch succeeded or not.
+     *
+     * <pre>
+     * var query = new Parse.Query(MyClass);
+     * query.get(myId, {
+     *   success: function(object) {
+     *     // object is an instance of Parse.Object.
+     *   },
+     *
+     *   error: function(object, error) {
+     *     // error is an instance of Parse.Error.
+     *   }
+     * });</pre></p>
+     *
+     * <p>A Parse.Query can also be used to count the number of objects that match
+     * the query without retrieving all of those objects. For example, this
+     * sample code counts the number of objects of the class <code>MyClass</code>
+     * <pre>
+     * var query = new Parse.Query(MyClass);
+     * query.count({
+     *   success: function(number) {
+     *     // There are number instances of MyClass.
+     *   },
+     *
+     *   error: function(error) {
+     *     // error is an instance of Parse.Error.
+     *   }
+     * });</pre></p>
+     */
+    class Query<T extends Object = Object> extends BaseObject {
+
+        objectClass: any;
+        className: string;
+
+        constructor(objectClass: string);
+        constructor(objectClass: new (...args: any[]) => T);
+
+        static or<U extends Object>(...var_args: Query<U>[]): Query<U>;
+
+        aggregate(pipeline: Query.AggregationOptions|Query.AggregationOptions[]): Query<T>;
+        addAscending(key: string): Query<T>;
+        addAscending(key: string[]): Query<T>;
+        addDescending(key: string): Query<T>;
+        addDescending(key: string[]): Query<T>;
+        ascending(key: string): Query<T>;
+        ascending(key: string[]): Query<T>;
+        collection(items?: Object[], options?: Collection.Options): Collection<Object>;
+        containedIn(key: string, values: any[]): Query<T>;
+        contains(key: string, substring: string): Query<T>;
+        containsAll(key: string, values: any[]): Query<T>;
+        count(options?: Query.CountOptions): Promise<number>;
+        descending(key: string): Query<T>;
+        descending(key: string[]): Query<T>;
+        doesNotExist(key: string): Query<T>;
+        doesNotMatchKeyInQuery<U extends Object>(key: string, queryKey: string, query: Query<U>): Query<T>;
+        doesNotMatchQuery<U extends Object>(key: string, query: Query<U>): Query<T>;
+        distinct(key: string): Query<T>;
+        each(callback: Function, options?: Query.EachOptions): Promise<void>;
+        endsWith(key: string, suffix: string): Query<T>;
+        equalTo(key: string, value: any): Query<T>;
+        exists(key: string): Query<T>;
+        find(options?: Query.FindOptions): Promise<T[]>;
+        first(options?: Query.FirstOptions): Promise<T | undefined>;
+        fullText(key: string, value: string, options?: Query.FullTextOptions): Query<T>;
+        get(objectId: string, options?: Query.GetOptions): Promise<T>;
+        greaterThan(key: string, value: any): Query<T>;
+        greaterThanOrEqualTo(key: string, value: any): Query<T>;
+        include(key: string): Query<T>;
+        include(keys: string[]): Query<T>;
+        lessThan(key: string, value: any): Query<T>;
+        lessThanOrEqualTo(key: string, value: any): Query<T>;
+        limit(n: number): Query<T>;
+        matches(key: string, regex: RegExp, modifiers: any): Query<T>;
+        matchesKeyInQuery<U extends Object>(key: string, queryKey: string, query: Query<U>): Query<T>;
+        matchesQuery<U extends Object>(key: string, query: Query<U>): Query<T>;
+        near(key: string, point: GeoPoint): Query<T>;
+        notContainedIn(key: string, values: any[]): Query<T>;
+        notEqualTo(key: string, value: any): Query<T>;
+        select(...keys: string[]): Query<T>;
+        skip(n: number): Query<T>;
+        startsWith(key: string, prefix: string): Query<T>;
+        subscribe(): Events;
+        withinGeoBox(key: string, southwest: GeoPoint, northeast: GeoPoint): Query<T>;
+        withinKilometers(key: string, point: GeoPoint, maxDistance: number): Query<T>;
+        withinMiles(key: string, point: GeoPoint, maxDistance: number): Query<T>;
+        withinRadians(key: string, point: GeoPoint, maxDistance: number): Query<T>;
+    }
+
+    namespace Query {
+        interface EachOptions extends SuccessFailureOptions, ScopeOptions { }
+        interface CountOptions extends SuccessFailureOptions, ScopeOptions { }
+        interface FindOptions extends SuccessFailureOptions, ScopeOptions { }
+        interface FirstOptions extends SuccessFailureOptions, ScopeOptions { }
+        interface GetOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        // According to http://docs.parseplatform.org/rest/guide/#aggregate-queries
+        interface AggregationOptions {
+            group?: { objectId?: string, [key:string]: any };
+            match?: {[key: string]: any};
+            project?: {[key: string]: any};
+            limit?: number;
+            skip?: number;
+            // Sort documentation https://docs.mongodb.com/v3.2/reference/operator/aggregation/sort/#pipe._S_sort
+            sort?: {[key: string]: 1|-1};
+        }
+
+        // According to https://parseplatform.org/Parse-SDK-JS/api/2.1.0/Parse.Query.html#fullText
+        interface FullTextOptions {
+          language?: string;
+          caseSensitive?: boolean;
+          diacriticSensitive?: boolean;
+        }
+    }
+
+    /**
+     * Represents a Role on the Parse server. Roles represent groupings of
+     * Users for the purposes of granting permissions (e.g. specifying an ACL
+     * for an Object). Roles are specified by their sets of child users and
+     * child roles, all of which are granted any permissions that the parent
+     * role has.
+     *
+     * <p>Roles must have a name (which cannot be changed after creation of the
+     * role), and must specify an ACL.</p>
+     * @class
+     * A Parse.Role is a local representation of a role persisted to the Parse
+     * cloud.
+     */
+    class Role extends Object {
+
+        constructor(name: string, acl: ACL);
+
+        getRoles(): Relation<Role, Role>;
+        getUsers(): Relation<Role, User>;
+        getName(): string;
+        setName(name: string, options?: SuccessFailureOptions): any;
+    }
+
+    class Config extends Object {
+        static get(options?: SuccessFailureOptions): Promise<Config>;
+        static current(): Config;
+
+        get(attr: string): any;
+        escape(attr: string): any;
+    }
+
+    class Session extends Object {
+        static current(): Promise<Session>;
+
+        getSessionToken(): string;
+        isCurrentSessionRevocable(): boolean;
+    }
+
+    /**
+     * Routers map faux-URLs to actions, and fire events when routes are
+     * matched. Creating a new one sets its `routes` hash, if not set statically.
+     * @class
+     *
+     * <p>A fork of Backbone.Router, provided for your convenience.
+     * For more information, see the
+     * <a href="http://documentcloud.github.com/backbone/#Router">Backbone
+     * documentation</a>.</p>
+     * <p><strong><em>Available in the client SDK only.</em></strong></p>
+     */
+    class Router extends Events {
+
+        routes: Router.RouteMap;
+
+        constructor(options?: Router.Options);
+        static extend(instanceProps: any, classProps: any): any;
+
+        initialize(): void;
+        navigate(fragment: string, options?: Router.NavigateOptions): Router;
+        navigate(fragment: string, trigger?: boolean): Router;
+        route(route: string, name: string, callback: Function): Router;
+    }
+
+    namespace Router {
+        interface Options {
+            routes: RouteMap;
+        }
+
+        interface RouteMap {
+            [url: string]: string;
+        }
+
+        interface NavigateOptions {
+            trigger?: boolean;
+        }
+    }
+
+    /**
+     * @class
+     *
+     * <p>A Parse.User object is a local representation of a user persisted to the
+     * Parse cloud. This class is a subclass of a Parse.Object, and retains the
+     * same functionality of a Parse.Object, but also extends it with various
+     * user specific methods, like authentication, signing up, and validation of
+     * uniqueness.</p>
+     */
+    class User extends Object {
+
+        static current(): User | undefined;
+        static signUp(username: string, password: string, attrs: any, options?: SignUpOptions): Promise<User>;
+        static logIn(username: string, password: string, options?: SuccessFailureOptions): Promise<User>;
+        static logOut(): Promise<User>;
+        static allowCustomUserClass(isAllowed: boolean): void;
+        static become(sessionToken: string, options?: SuccessFailureOptions): Promise<User>;
+        static requestPasswordReset(email: string, options?: SuccessFailureOptions): Promise<User>;
+        static extend(protoProps?: any, classProps?: any): any;
+
+        signUp(attrs: any, options?: SignUpOptions): Promise<this>;
+        logIn(options?: SuccessFailureOptions): Promise<this>;
+        authenticated(): boolean;
+        isCurrent(): boolean;
+
+        getEmail(): string | undefined;
+        setEmail(email: string, options?: SuccessFailureOptions): boolean;
+
+        getUsername(): string | undefined;
+        setUsername(username: string, options?: SuccessFailureOptions): boolean;
+
+        setPassword(password: string, options?: SuccessFailureOptions): boolean;
+        getSessionToken(): string;
+    }
+
+    /**
+     * Creating a Parse.View creates its initial element outside of the DOM,
+     * if an existing element is not provided...
+     * @class
+     *
+     * <p>A fork of Backbone.View, provided for your convenience.  If you use this
+     * class, you must also include jQuery, or another library that provides a
+     * jQuery-compatible $ function.  For more information, see the
+     * <a href="http://documentcloud.github.com/backbone/#View">Backbone
+     * documentation</a>.</p>
+     * <p><strong><em>Available in the client SDK only.</em></strong></p>
+     */
+    class View<T> extends Events {
+
+        model: any;
+        collection: any;
+        id: string;
+        cid: string;
+        className: string;
+        tagName: string;
+        el: any;
+        $el: JQuery;
+        attributes: any;
+
+        constructor(options?: View.Options);
+
+        static extend(properties: any, classProperties?: any): any;
+
+        $(selector?: string): JQuery;
+        setElement(element: HTMLElement, delegate?: boolean): View<T>;
+        setElement(element: JQuery, delegate?: boolean): View<T>;
+        render(): View<T>;
+        remove(): View<T>;
+        make(tagName: any, attributes?: View.Attribute[], content?: any): any;
+        delegateEvents(events?: any): any;
+        undelegateEvents(): any;
+
+    }
+
+    namespace View {
+        interface Options {
+            model?: any;
+            collection?: any;
+            el?: any;
+            id?: string;
+            className?: string;
+            tagName?: string;
+            attributes?: Attribute[];
+        }
+
+        interface Attribute {
+            [attributeName: string]: string | number | boolean;
+        }
+    }
+
+    namespace Analytics {
+
+        function track(name: string, dimensions: any): Promise<any>;
+    }
+
+    /**
+     * Provides a set of utilities for using Parse with Facebook.
+     * @namespace
+     * Provides a set of utilities for using Parse with Facebook.
+     */
+    namespace FacebookUtils {
+
+        function init(options?: any): void;
+        function isLinked(user: User): boolean;
+        function link(user: User, permissions: any, options?: SuccessFailureOptions): void;
+        function logIn(permissions: any, options?: SuccessFailureOptions): void;
+        function unlink(user: User, options?: SuccessFailureOptions): void;
+    }
+
+    /**
+     * @namespace Contains functions for calling and declaring
+     * <a href="/docs/cloud_code_guide#functions">cloud functions</a>.
+     * <p><strong><em>
+     *   Some functions are only available from Cloud Code.
+     * </em></strong></p>
+     */
+    namespace Cloud {
+
+        interface CookieOptions {
+            domain?: string;
+            expires?: Date;
+            httpOnly?: boolean;
+            maxAge?: number;
+            path?: string;
+            secure?: boolean;
+        }
+
+        interface HttpResponse {
+            buffer?: Buffer;
+            cookies?: any;
+            data?: any;
+            headers?: any;
+            status?: number;
+            text?: string;
+        }
+
+        interface JobRequest {
+            params: any;
+        }
+
+        interface JobStatus {
+            error?: (response: any) => void;
+            message?: (response: any) => void;
+            success?: (response: any) => void;
+        }
+
+        interface FunctionRequest {
+            installationId?: String;
+            master?: boolean;
+            params?: any;
+            user?: User;
+        }
+
+        interface FunctionResponse {
+            success: (response: any) => void;
+            error (code: number, response: any): void;
+            error (response: any): void;
+        }
+
+        interface Cookie {
+            name?: string;
+            options?: CookieOptions;
+            value?: string;
+        }
+
+        interface TriggerRequest {
+            installationId?: String;
+            master?: boolean;
+            user?: User;
+            ip: string;
+            headers: any;
+            triggerName: string;
+            log: any;
+            object: Object;
+            original?: Parse.Object;
+        }
+
+        interface AfterSaveRequest extends TriggerRequest { }
+        interface AfterDeleteRequest extends TriggerRequest { }
+        interface BeforeDeleteRequest extends TriggerRequest { }
+        interface BeforeDeleteResponse extends FunctionResponse { }
+        interface BeforeSaveRequest extends TriggerRequest { }
+        interface BeforeSaveResponse extends FunctionResponse {
+            success: () => void;
+        }
+
+        // Read preference describes how MongoDB driver route read operations to the members of a replica set.
+        enum ReadPreferenceOption {
+            Primary = 'PRIMARY',
+            PrimaryPreferred = 'PRIMARY_PREFERRED',
+            Secondary = 'SECONDARY',
+            SecondaryPreferred = 'SECONDARY_PREFERRED',
+            Nearest = 'NEAREST'
+        }
+
+        interface BeforeFindRequest extends TriggerRequest {
+            query: Query
+            count: boolean
+            isGet: boolean
+            readPreference?: ReadPreferenceOption
+        }
+
+        interface AfterFindRequest extends TriggerRequest {
+            objects: Object[]
+        }
+
+        interface AfterFindResponse extends FunctionResponse {
+            success: (objects: Object[]) => void;
+        }
+
+        function afterDelete(arg1: any, func?: (request: AfterDeleteRequest) => void): void;
+        function afterSave(arg1: any, func?: (request: AfterSaveRequest) => void): void;
+        function beforeDelete(arg1: any, func?: (request: BeforeDeleteRequest, response: BeforeDeleteResponse) => void): void;
+        function beforeSave(arg1: any, func?: (request: BeforeSaveRequest, response: BeforeSaveResponse) => void): void;
+        function beforeFind(arg1: any, func?: (request: BeforeFindRequest) => void): void;
+        function afterFind(arg1: any, func?: (request: AfterFindRequest, response: AfterFindResponse) => void): void;
+        function define(name: string, func?: (request: FunctionRequest, response: FunctionResponse) => void): void;
+        function httpRequest(options: HTTPOptions): Promise<HttpResponse>;
+        function job(name: string, func?: (request: JobRequest, status: JobStatus) => void): HttpResponse;
+        function run(name: string, data?: any, options?: RunOptions): Promise<any>;
+        function useMasterKey(): void;
+
+        interface RunOptions extends SuccessFailureOptions, ScopeOptions { }
+
+        /**
+         * To use this Cloud Module in Cloud Code, you must require 'buffer' in your JavaScript file.
+         *
+         *     import Buffer = require("buffer").Buffer;
+         */
+        let HTTPOptions: new () => HTTPOptions;
+        interface HTTPOptions {
+            /**
+             * The body of the request.
+             * If it is a JSON object, then the Content-Type set in the headers must be application/x-www-form-urlencoded or application/json.
+             * You can also set this to a Buffer object to send raw bytes.
+             * If you use a Buffer, you should also set the Content-Type header explicitly to describe what these bytes represent.
+             */
+            body?: string | Buffer | Object;
+            /**
+             * Defaults to 'false'.
+             */
+            followRedirects?: boolean;
+            /**
+             * The headers for the request.
+             */
+            headers?: {
+                [headerName: string]: string | number | boolean;
+            };
+            /**
+             *The method of the request (i.e GET, POST, etc).
+             */
+            method?: string;
+            /**
+             * The query portion of the url.
+             */
+            params?: any;
+            /**
+             * The url to send the request to.
+             */
+            url: string;
+
+            success?: (response: any) => void;
+            error?: (response: any) => void;
+        }
+    }
+
+
+    class Error {
+
+        code: ErrorCode;
+        message: string;
+
+        constructor(code: ErrorCode, message: string);
+
+    }
+
+    /*
+     * We need to inline the codes in order to make compilation work without this type definition as dependency.
+     */
+    const enum ErrorCode {
+
+        OTHER_CAUSE = -1,
+        INTERNAL_SERVER_ERROR = 1,
+        CONNECTION_FAILED = 100,
+        OBJECT_NOT_FOUND = 101,
+        INVALID_QUERY = 102,
+        INVALID_CLASS_NAME = 103,
+        MISSING_OBJECT_ID = 104,
+        INVALID_KEY_NAME = 105,
+        INVALID_POINTER = 106,
+        INVALID_JSON = 107,
+        COMMAND_UNAVAILABLE = 108,
+        NOT_INITIALIZED = 109,
+        INCORRECT_TYPE = 111,
+        INVALID_CHANNEL_NAME = 112,
+        PUSH_MISCONFIGURED = 115,
+        OBJECT_TOO_LARGE = 116,
+        OPERATION_FORBIDDEN = 119,
+        CACHE_MISS = 120,
+        INVALID_NESTED_KEY = 121,
+        INVALID_FILE_NAME = 122,
+        INVALID_ACL = 123,
+        TIMEOUT = 124,
+        INVALID_EMAIL_ADDRESS = 125,
+        MISSING_CONTENT_TYPE = 126,
+        MISSING_CONTENT_LENGTH = 127,
+        INVALID_CONTENT_LENGTH = 128,
+        FILE_TOO_LARGE = 129,
+        FILE_SAVE_ERROR = 130,
+        DUPLICATE_VALUE = 137,
+        INVALID_ROLE_NAME = 139,
+        EXCEEDED_QUOTA = 140,
+        SCRIPT_FAILED = 141,
+        VALIDATION_ERROR = 142,
+        INVALID_IMAGE_DATA = 150,
+        UNSAVED_FILE_ERROR = 151,
+        INVALID_PUSH_TIME_ERROR = 152,
+        FILE_DELETE_ERROR = 153,
+        REQUEST_LIMIT_EXCEEDED = 155,
+        INVALID_EVENT_NAME = 160,
+        USERNAME_MISSING = 200,
+        PASSWORD_MISSING = 201,
+        USERNAME_TAKEN = 202,
+        EMAIL_TAKEN = 203,
+        EMAIL_MISSING = 204,
+        EMAIL_NOT_FOUND = 205,
+        SESSION_MISSING = 206,
+        MUST_CREATE_USER_THROUGH_SIGNUP = 207,
+        ACCOUNT_ALREADY_LINKED = 208,
+        INVALID_SESSION_TOKEN = 209,
+        LINKED_ID_MISSING = 250,
+        INVALID_LINKED_SESSION = 251,
+        UNSUPPORTED_SERVICE = 252,
+        AGGREGATE_ERROR = 600,
+        FILE_READ_ERROR = 601,
+        X_DOMAIN_REQUEST = 602
+    }
+
+    /**
+     * @class
+     * A Parse.Op is an atomic operation that can be applied to a field in a
+     * Parse.Object. For example, calling <code>object.set("foo", "bar")</code>
+     * is an example of a Parse.Op.Set. Calling <code>object.unset("foo")</code>
+     * is a Parse.Op.Unset. These operations are stored in a Parse.Object and
+     * sent to the server as part of <code>object.save()</code> operations.
+     * Instances of Parse.Op should be immutable.
+     *
+     * You should not create subclasses of Parse.Op or instantiate Parse.Op
+     * directly.
+     */
+    namespace Op {
+
+        interface BaseOperation extends IBaseObject {
+            objects(): any[];
+        }
+
+        interface Add extends BaseOperation {
+        }
+
+        interface AddUnique extends BaseOperation {
+        }
+
+        interface Increment extends IBaseObject {
+            amount: number;
+        }
+
+        interface Relation extends IBaseObject {
+            added(): Object[];
+            removed: Object[];
+        }
+
+        interface Set extends IBaseObject {
+            value(): any;
+        }
+
+        interface Unset extends IBaseObject {
+        }
+
+    }
+
+    /**
+     * Contains functions to deal with Push in Parse
+     * @name Parse.Push
+     * @namespace
+     */
+    namespace Push {
+        function send<T>(data: PushData, options?: SendOptions): Promise<T>;
+
+        interface PushData {
+            channels?: string[];
+            push_time?: Date;
+            expiration_time?: Date;
+            expiration_interval?: number;
+            where?: Query<Installation>;
+            data?: any;
+            alert?: string;
+            badge?: string;
+            sound?: string;
+            title?: string;
+        }
+
+        interface SendOptions extends UseMasterKeyOption {
+            success?: () => void;
+            error?: (error: Error) => void;
+        }
+    }
+
+    /**
+     * Call this method first to set up your authentication tokens for Parse.
+     * You can get your keys from the Data Browser on parse.com.
+     * @param {String} applicationId Your Parse Application ID.
+     * @param {String} javaScriptKey (optional) Your Parse JavaScript Key (Not needed for parse-server)
+     * @param {String} masterKey (optional) Your Parse Master Key. (Node.js only!)
+     */
+    function initialize(applicationId: string, javaScriptKey?: string, masterKey?: string): void;
+
+    /**
+     * Additionally on React-Native / Expo environments, add AsyncStorage from 'react-native' package
+     * @param AsyncStorage AsyncStorage from 'react-native' package
+     */
+    function setAsyncStorage(AsyncStorage: any): void;
+
+}
+
+declare module "parse/node" {
+    export = Parse;
+}
+
+declare module "parse" {
+    import * as parse from "parse/node";
+    export = parse
+}
+
+declare module "parse/react-native" {
+    import * as parse from "parse/node";
+    export = parse
+}
diff --git a/types/parse/v1/parse-tests.ts b/types/parse/v1/parse-tests.ts
new file mode 100644
index 0000000000..7f7f72e072
--- /dev/null
+++ b/types/parse/v1/parse-tests.ts
@@ -0,0 +1,561 @@
+
+
+function test_events() {
+
+    const object = new Parse.Events();
+    object.on("alert", (eventName: string) => alert("Triggered " + eventName));
+
+    object.trigger("alert", "an event");
+
+    const onChange = () => console.log('whatever');
+    let context: any;
+
+    object.off("change", onChange);
+    object.off("change");
+    object.off(null, onChange);
+    object.off(null, null, context);
+    object.off();
+}
+
+class GameScore extends Parse.Object {
+
+    constructor(options?: any) {
+
+        super("GameScore", options);
+    }
+}
+
+class Game extends Parse.Object {
+
+    constructor(options?: any) {
+
+        super("Game", options);
+    }
+}
+
+function test_object() {
+
+    const game = new Game();
+
+    if (!game.isNew()) {
+        console.error("Game should be new");
+    }
+
+    if (game.toPointer().className !== "Game") {
+        console.log("Class name should be 'Game")
+    }
+
+    game.fetch({
+        success(g: Game) { }
+    });
+
+    // Create a new instance of that class.
+    const gameScore = new GameScore();
+
+    gameScore.set("score", 1337);
+    gameScore.set("playerName", "Sean Plott");
+    gameScore.set("cheatMode", false);
+
+
+    // Setting attrs using object
+    gameScore.set({
+        level: '10',
+        difficult: 15
+    });
+
+    const score = gameScore.get("score");
+    const playerName = gameScore.get("playerName");
+    const cheatMode = gameScore.get("cheatMode");
+
+    gameScore.increment("score");
+    gameScore.addUnique("skills", "flying");
+    gameScore.addUnique("skills", "kungfu");
+
+    game.set("gameScore", gameScore);
+
+    const gameCopy = Game.fromJSON(JSON.parse(JSON.stringify(game)), true);
+}
+
+function test_query() {
+
+    const gameScore = new GameScore();
+
+    const query = new Parse.Query(GameScore);
+    query.equalTo("playerName", "Dan Stemkoski");
+    query.notEqualTo("playerName", "Michael Yabuti");
+    query.fullText("playerName", "dan", { language: 'en', caseSensitive: false, diacriticSensitive: true });
+    query.greaterThan("playerAge", 18);
+    query.limit(10);
+    query.skip(10);
+
+    // Sorts the results in ascending order by the score field
+    query.ascending("score");
+
+    // Sorts the results in descending order by the score field
+    query.descending("score");
+
+    // Restricts to wins < 50
+    query.lessThan("wins", 50);
+
+    // Restricts to wins <= 50
+    query.lessThanOrEqualTo("wins", 50);
+
+    // Restricts to wins > 50
+    query.greaterThan("wins", 50);
+
+    // Restricts to wins >= 50
+    query.greaterThanOrEqualTo("wins", 50);
+
+    // Finds scores from any of Jonathan, Dario, or Shawn
+    query.containedIn("playerName",
+        ["Jonathan Walsh", "Dario Wunsch", "Shawn Simon"]);
+
+    // Finds scores from anyone who is neither Jonathan, Dario, nor Shawn
+    query.notContainedIn("playerName",
+        ["Jonathan Walsh", "Dario Wunsch", "Shawn Simon"]);
+
+    // Finds objects that have the score set
+    query.exists("score");
+
+    // Finds objects that don't have the score set
+    query.doesNotExist("score");
+    query.matchesKeyInQuery("hometown", "city", query);
+    query.doesNotMatchKeyInQuery("hometown", "city", query);
+    query.select("score", "playerName");
+
+    // Find objects where the array in arrayKey contains 2.
+    query.equalTo("arrayKey", 2);
+
+    // Find objects where the array in arrayKey contains all of the elements 2, 3, and 4.
+    query.containsAll("arrayKey", [2, 3, 4]);
+
+    query.startsWith("name", "Big Daddy's");
+    query.equalTo("score", gameScore);
+    query.exists("score");
+    query.include("score");
+    query.include(["score.team"]);
+
+    // Find objects that match the aggregation pipeline
+    query.aggregate({
+        group:{
+            objectId: '$name'
+        }
+    });
+
+    // Find objects with distinct key
+    query.distinct('name');
+
+    const testQuery = Parse.Query.or(query, query);
+}
+
+class TestCollection extends Parse.Collection<Object> {
+
+    constructor(models?: Parse.Object[]) {
+
+        super(models);
+    }
+}
+
+function return_a_generic_query(): Parse.Query<Game> {
+    return new Parse.Query(Game);
+}
+
+function return_a_query(): Parse.Query {
+    return new Parse.Query(Game);
+}
+
+function test_collections() {
+
+    let collection = new TestCollection();
+
+    const query = new Parse.Query(Game);
+    query.equalTo("temperature", "hot");
+    query.greaterThan("degreesF", 100);
+
+    collection = query.collection();
+
+    collection.comparator = (object) => {
+        return object.get("temperature");
+    };
+
+    collection.add([
+        { "name": "Duke" },
+        { "name": "Scarlett" }
+    ]);
+
+    collection.fetch().then(
+        (data) => {
+
+        },
+        (error) => {
+            console.log("Error: " + error.code + " " + error.message);
+        }
+    );
+
+    const model = collection.at(0);
+
+    // Or you can get it by Parse objectId.
+    const modelAgain = collection.get(model.id);
+
+    // Remove "Duke" from the collection.
+    collection.remove(model);
+
+    // Completely replace all items in the collection.
+    collection.reset([
+        { "name": "Hawk" },
+        { "name": "Jane" }
+    ]);
+}
+
+function test_file() {
+
+    const base64 = "V29ya2luZyBhdCBQYXJzZSBpcyBncmVhdCE=";
+    let file = new Parse.File("myfile.txt", { base64: base64 });
+
+    const bytes = [0xBE, 0xEF, 0xCA, 0xFE];
+    file = new Parse.File("myfile.txt", bytes);
+
+    file = new Parse.File("myfile.zzz", {}, "image/png");
+
+    const src = file.url();
+
+    file.save().then(
+        () => {
+            // The file has been saved to Parse.
+        },
+        (error) => {
+            // The file either could n ot be read, or could not be saved to Parse.
+        });
+
+    Parse.Cloud.httpRequest({ url: file.url() }).then((response: Parse.Cloud.HttpResponse) => {
+        // result
+    });
+
+    // TODO: Check
+}
+
+function test_analytics() {
+
+    const dimensions = {
+        // Define  ranges to bucket data points into meaningful segments
+        priceRange: '1000-1500',
+        // Did the user filter the query?
+        source: 'craigslist',
+        // Do searches happen more often on weekdays or weekends?
+        dayType: 'weekday'
+    };
+    // Send the dimensions to Parse along with the 'search' event
+    Parse.Analytics.track('search', dimensions);
+
+    const codeString = '404';
+    Parse.Analytics.track('error', { code: codeString })
+}
+
+function test_relation() {
+    var game1 = new Game();
+    var game2 = new Game();
+
+    new Parse.User().relation("games").query().find().then((g: Game[]) => { });
+    new Parse.User().relation("games").add(game1)
+    new Parse.User().relation("games").add([game1, game2])
+
+    new Parse.User().relation("games").remove(game1)
+    new Parse.User().relation("games").remove([game1, game2])
+}
+
+function test_user() {
+    const user = new Parse.User();
+    user.set("username", "my name");
+    user.set("password", "my pass");
+    user.set("email", "email@example.com");
+    user.signUp(null, { useMasterKey: true });
+}
+
+function test_user_acl_roles() {
+
+    const user = new Parse.User();
+    user.set("username", "my name");
+    user.set("password", "my pass");
+    user.set("email", "email@example.com");
+
+    // other fields can be set just like with Parse.Object
+    user.set("phone", "415-392-0202");
+
+    const currentUser = Parse.User.current();
+    if (currentUser) {
+        // do stuff with the user
+    } else {
+        // show the signup or login page
+    }
+
+    Parse.User.become("session-token-here").then(function (user) {
+        // The current user is now set to user.
+    }, function (error) {
+        // The token could not be validated.
+    });
+
+    const game = new Game();
+    game.set("score", new GameScore());
+    game.setACL(new Parse.ACL(Parse.User.current()));
+    game.save().then((game: Game) => { });
+    game.save(null, { useMasterKey: true });
+    game.save({ score: '10' }, { useMasterKey: true }).then(function (game) {
+        // Update game then revert it to the last saved state.
+        game.set("score", '20');
+        game.revert();
+    }, function (error) {
+        // The save failed
+    });
+
+    const groupACL = new Parse.ACL();
+
+    const userList: Parse.User[] = [Parse.User.current()!];
+    // userList is an array with the users we are sending this message to.
+    for (let i = 0; i < userList.length; i++) {
+        groupACL.setReadAccess(userList[i], true);
+        groupACL.setWriteAccess(userList[i], true);
+    }
+
+    groupACL.setPublicReadAccess(true);
+
+    game.setACL(groupACL);
+
+    Parse.User.requestPasswordReset("email@example.com").then(function (data) {
+        // The current user is now set to user.
+    }, function (error) {
+        // The token could not be validated.
+    });
+
+    // By specifying no write privileges for the ACL, we can ensure the role cannot be altered.
+    const role = new Parse.Role("Administrator", groupACL);
+    role.getUsers().add(userList[0]);
+    role.getRoles().add(role);
+    role.save();
+
+    Parse.User.logOut().then(function (data) {
+        // logged out
+    });
+}
+
+function test_facebook_util() {
+
+    Parse.FacebookUtils.init({
+        appId: 'YOUR_APP_ID', // Facebook App ID
+        channelUrl: '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
+        cookie: true, // enable cookies to allow Parse to access the session
+        xfbml: true  // parse XFBML
+    });
+
+    Parse.FacebookUtils.logIn(null, {
+        success: (user: Parse.User) => {
+            if (!user.existed()) {
+                alert("User signed up and logged in through Facebook!");
+            } else {
+                alert("User logged in through Facebook!");
+            }
+        },
+        error: (user: Parse.User, error: any) => {
+            alert("User cancelled the Facebook login or did not fully authorize.");
+        }
+    });
+
+    const user = Parse.User.current()!;
+
+    if (!Parse.FacebookUtils.isLinked(user)) {
+        Parse.FacebookUtils.link(user, null, {
+            success: (user: any) => {
+                alert("Woohoo, user logged in with Facebook!");
+            },
+            error: (user: any, error: any) => {
+                alert("User cancelled the Facebook login or did not fully authorize.");
+            }
+        });
+    }
+
+    Parse.FacebookUtils.unlink(user, {
+        success: (user: Parse.User) => {
+            alert("The user is no longer associated with their Facebook account.");
+        }
+    });
+}
+
+function test_cloud_functions() {
+
+    Parse.Cloud.run('hello', {}, {
+        success: (result: any) => {
+            // result
+        },
+        error: (error: any) => {
+        }
+    });
+
+    Parse.Cloud.afterDelete('MyCustomClass', (request: Parse.Cloud.AfterDeleteRequest) => {
+        // result
+    });
+
+    Parse.Cloud.afterSave('MyCustomClass', (request: Parse.Cloud.AfterSaveRequest) => {
+        // result
+    });
+
+    Parse.Cloud.beforeDelete('MyCustomClass', (request: Parse.Cloud.BeforeDeleteRequest,
+        response: Parse.Cloud.BeforeDeleteResponse) => {
+        // result
+    });
+
+    const CUSTOM_ERROR_INVALID_CONDITION = 1001
+    const CUSTOM_ERROR_IMMUTABLE_FIELD = 1002
+
+    Parse.Cloud.beforeSave('MyCustomClass', (request: Parse.Cloud.BeforeSaveRequest,
+        response: Parse.Cloud.BeforeSaveResponse) => {
+
+            if (request.object.isNew()) {
+                if (!request.object.has('immutable')) return response.error('Field immutable is required')
+            } else {
+                const original = request.original;
+                if (original == null) { // When the object is not new, request.original must be defined
+                    return response.error(CUSTOM_ERROR_INVALID_CONDITION, 'Original must me defined for an existing object')
+                }
+
+                if (original.get('immutable') !== request.object.get('immutable')) {
+                    return response.error(CUSTOM_ERROR_IMMUTABLE_FIELD, 'This field cannot be changed')
+                }
+            }
+            response.success()
+    });
+
+    Parse.Cloud.beforeFind('MyCustomClass', (request: Parse.Cloud.BeforeFindRequest) => {
+        let query = request.query; // the Parse.Query
+        let user = request.user; // the user
+        let isMaster = request.master; // if the query is run with masterKey
+        let isCount = request.count; // if the query is a count operation (available on parse-server 2.4.0 or up)
+        let isGet = request.isGet; // if the query is a get operation
+
+        // All possible read preferences
+        request.readPreference = Parse.Cloud.ReadPreferenceOption.Primary
+        request.readPreference = Parse.Cloud.ReadPreferenceOption.PrimaryPreferred
+        request.readPreference = Parse.Cloud.ReadPreferenceOption.Secondary
+        request.readPreference = Parse.Cloud.ReadPreferenceOption.SecondaryPreferred
+        request.readPreference = Parse.Cloud.ReadPreferenceOption.Nearest
+    });
+}
+
+class PlaceObject extends Parse.Object { }
+
+function test_geo_points() {
+
+    const point = new Parse.GeoPoint({ latitude: 40.0, longitude: -30.0 });
+
+    const userObject = Parse.User.current()!;
+
+    // User's location
+    const userGeoPoint = userObject.get("location");
+
+    // Create a query for places
+    const query = new Parse.Query(Parse.User);
+    // Interested in locations near user.
+    query.near("location", userGeoPoint);
+    // Limit what could be a lot of points.
+    query.limit(10);
+
+    const southwestOfSF = new Parse.GeoPoint(37.708813, -122.526398);
+    const northeastOfSF = new Parse.GeoPoint(37.822802, -122.373962);
+
+    const query2 = new Parse.Query(PlaceObject);
+    query2.withinGeoBox("location", southwestOfSF, northeastOfSF);
+
+    const query3 = new Parse.Query("PlaceObject").find().then((o: Parse.Object[]) => { });
+}
+
+function test_push() {
+
+    Parse.Push.send({
+        channels: ["Gia nts", "Mets"],
+        data: {
+            alert: "The Giants won against the Mets 2-3."
+        }
+    }, {
+            success: () => {
+                // Push was successful
+            },
+            error: (error: any) => {
+                // Handle error
+            }
+        });
+
+    const query = new Parse.Query(Parse.Installation);
+    query.equalTo('injuryReports', true);
+
+    Parse.Push.send({
+        where: query, // Set our Installation query
+        data: {
+            alert: "Willie Hayes injured by own pop fly."
+        }
+    }, {
+            success: function () {
+                // Push was successful
+            },
+            error: function (error: any) {
+                // Handle error
+            }
+        });
+}
+
+function test_view() {
+
+    const model = Parse.User.current();
+    const view = new Parse.View<Parse.User>();
+}
+
+function test_promise() {
+    let resolved = Parse.Promise.as(true);
+    let rejected = Parse.Promise.error("an error object");
+    Parse.Promise.when([resolved, rejected]).then(function () {
+        // success
+    }, function () {
+        // failed
+    });
+
+    // Test promise with a query
+    const query = new Parse.Query('Test');
+    query.find()
+    .then(() => {
+        // success
+    }).catch(() => {
+        // error
+    });
+
+    // can check whether an object is a Parse.Promise object or not
+    Parse.Promise.is(resolved);
+}
+
+function test_batch_operations() {
+    const game1 = new Game()
+    const game2 = new Game()
+    const games = [game1, game2]
+
+    // Master key
+    Parse.Object.saveAll(games, { useMasterKey: true })
+    Parse.Object.destroyAll(games, { useMasterKey: true })
+    Parse.Object.fetchAll(games, { useMasterKey: true })
+    Parse.Object.fetchAllIfNeeded(games, { useMasterKey: true })
+
+    // Session token
+    Parse.Object.saveAll(games, { sessionToken: '' })
+    Parse.Object.destroyAll(games, { sessionToken: '' })
+    Parse.Object.fetchAll(games, { sessionToken: '' })
+    Parse.Object.fetchAllIfNeeded(games, { sessionToken: '' })
+}
+
+function test_query_subscribe() {
+    // create new query from Game object type
+    const query = new Parse.Query(Game);
+
+    // create subscription to Game object
+    const subscription = query.subscribe();
+
+    // listen for new Game objects created on Parse server
+    subscription.on('create', (game: any) => {
+        console.log(game);
+    });
+}
+
diff --git a/types/parse/v1/tsconfig.json b/types/parse/v1/tsconfig.json
new file mode 100644
index 0000000000..971be64447
--- /dev/null
+++ b/types/parse/v1/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": ["../../"],
+        "paths": {
+            "parse": ["parse/v1"],
+            "parse/*": ["parse/v1/*"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "parse-tests.ts"]
+}
diff --git a/types/parse/v1/tslint.json b/types/parse/v1/tslint.json
new file mode 100644
index 0000000000..e2172b7f24
--- /dev/null
+++ b/types/parse/v1/tslint.json
@@ -0,0 +1,81 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-const-enum": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "use-default-type-parameter": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/passport-auth0/index.d.ts b/types/passport-auth0/index.d.ts
new file mode 100644
index 0000000000..a915c2b724
--- /dev/null
+++ b/types/passport-auth0/index.d.ts
@@ -0,0 +1,74 @@
+// Type definitions for passport-auth0 1.0
+// Project: https://github.com/auth0/passport-auth0
+// Definitions by: John Umeh <https://github.com/johnbendi>
+//                 Vishnu Sankar <https://github.com/iamvishnusankar>
+//                 Duncan Hall <https://github.com/duncanhall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import passport = require('passport');
+import express = require('express');
+
+export interface Profile extends passport.Profile {
+    id: string;
+    displayName: string;
+    gender?: string;
+    ageRange?: {
+        min: number;
+        max?: number;
+    };
+    profileUrl?: string;
+    username?: string;
+    birthday: string;
+
+    _raw: string;
+    _json: any;
+}
+
+export interface AuthenticateOptions extends passport.AuthenticateOptions {
+    authType?: string;
+}
+
+export interface StrategyOption {
+    clientID: string;
+    clientSecret: string;
+    callbackURL: string;
+    domain: string;
+    scopeSeparator?: string;
+    enableProof?: boolean;
+    profileFields?: string[];
+    state?: boolean;
+}
+
+export interface StrategyOptionWithRequest extends StrategyOption {
+    passReqToCallback: true;
+}
+export interface ExtraVerificationParams {
+    audience?: string;
+    connection?: string;
+    prompt?: string;
+}
+
+export type VerifyFunction = (
+    accessToken: string,
+    refreshToken: string,
+    extraParams: ExtraVerificationParams,
+    profile: Profile,
+    done: (error: any, user?: any, info?: any) => void
+) => void;
+
+export type VerifyFunctionWithRequest = (
+    req: express.Request,
+    accessToken: string,
+    refreshToken: string,
+    profile: Profile,
+    done: (error: any, user?: any, info?: any) => void
+) => void;
+
+export class Strategy extends passport.Strategy {
+    constructor(options: StrategyOptionWithRequest, verify: VerifyFunctionWithRequest);
+    constructor(options: StrategyOption, verify: VerifyFunction);
+
+    name: string;
+    authenticate(req: express.Request, options?: object): void;
+}
diff --git a/types/passport-auth0/passport-auth0-tests.ts b/types/passport-auth0/passport-auth0-tests.ts
new file mode 100644
index 0000000000..5f3437106a
--- /dev/null
+++ b/types/passport-auth0/passport-auth0-tests.ts
@@ -0,0 +1,53 @@
+/**
+ * Created by jcabresos on 4/19/2014.
+ */
+import passport = require('passport');
+import auth0 = require('passport-auth0');
+import express = require('express');
+
+// just some test model
+const User = {
+    findOrCreate(id: string, provider: string, callback: (err: any, user: any) => void): void {
+        callback(null, { username: 'james' });
+    }
+};
+
+passport.use(new auth0.Strategy({
+    clientID: process.env.PASSPORT_AUTH0_CLIENT_ID as string,
+    clientSecret: process.env.PASSPORT_AUTH0_CLIENT_SECRET as string,
+    callbackURL: process.env.PASSPORT_AUTH0_CALLBACK_URL as string,
+    domain : process.env.PASSPORT_AUTH0_DOMAIN as string
+},
+    (accessToken: string, refreshToken: string, extraParams: auth0.ExtraVerificationParams, profile: auth0.Profile, done: (error: any, user?: any) => void) => {
+        User.findOrCreate(profile.id, profile.provider, (err, user) => {
+            if (err) done(err);
+            else done(null, user);
+        });
+    })
+);
+
+passport.use(new auth0.Strategy({
+    clientID: process.env.PASSPORT_AUTH0_CLIENT_ID as string,
+    clientSecret: process.env.PASSPORT_AUTH0_CLIENT_SECRET as string,
+    callbackURL: process.env.PASSPORT_AUTH0_CALLBACK_URL as string,
+    domain : process.env.PASSPORT_AUTH0_DOMAIN as string,
+    passReqToCallback: true
+},
+    (req: express.Request, accessToken: string, refreshToken: string, profile: auth0.Profile, done: (error: any, user?: any) => void) => {
+        User.findOrCreate(profile.id, profile.provider, (err, user) => {
+            if (err) done(err);
+            else done(null, user);
+        });
+    })
+);
+
+passport.use(new auth0.Strategy({
+    clientID: process.env.PASSPORT_AUTH0_CLIENT_ID as string,
+    clientSecret: process.env.PASSPORT_AUTH0_CLIENT_SECRET as string,
+    callbackURL: process.env.PASSPORT_AUTH0_CALLBACK_URL as string,
+    domain : process.env.PASSPORT_AUTH0_DOMAIN as string
+},
+    (accessToken: string, refreshToken: string, extraParams: auth0.ExtraVerificationParams, profile: auth0.Profile, done: (error: any, user?: any, info?: any) => void) => {
+        done(null, false, { message: 'Some error.' });
+    })
+);
diff --git a/types/passport-auth0/tsconfig.json b/types/passport-auth0/tsconfig.json
new file mode 100644
index 0000000000..ef4e2da897
--- /dev/null
+++ b/types/passport-auth0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "passport-auth0-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/passport-auth0/tslint.json b/types/passport-auth0/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/passport-auth0/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/passport-azure-ad/bearer-strategy.d.ts b/types/passport-azure-ad/bearer-strategy.d.ts
new file mode 100644
index 0000000000..6ea48809c1
--- /dev/null
+++ b/types/passport-azure-ad/bearer-strategy.d.ts
@@ -0,0 +1,34 @@
+import * as passport from "passport";
+import { Request } from "express";
+import { IBaseStrategyOption, ITokenPayload, VerifyCallback } from "./common";
+
+export type VerifyBearerFunction = (token: ITokenPayload, done: VerifyCallback) => void;
+
+export type VerifyBearerFunctionWithReq = (
+    req: Request,
+    token: ITokenPayload,
+    done: VerifyCallback
+) => void;
+
+export interface IBearerStrategyOption extends IBaseStrategyOption {
+    audience?: string | string[];
+    policyName?: String;
+    allowMultiAudiencesInToken?: boolean;
+    scope?: string[];
+}
+
+export interface IBearerStrategyOptionWithRequest extends IBearerStrategyOption {
+    passReqToCallback: true;
+}
+
+export class BearerStrategy implements passport.Strategy {
+    constructor(
+        options: IBearerStrategyOptionWithRequest,
+        verify: VerifyBearerFunctionWithReq
+    );
+    constructor(options: IBearerStrategyOption, verify: VerifyBearerFunction);
+
+    name: string;
+
+    authenticate(req: Request, options?: object): void;
+}
diff --git a/types/passport-azure-ad/common.d.ts b/types/passport-azure-ad/common.d.ts
new file mode 100644
index 0000000000..49b04baef8
--- /dev/null
+++ b/types/passport-azure-ad/common.d.ts
@@ -0,0 +1,79 @@
+import { Request } from "express";
+
+export interface IBaseStrategyOption {
+    identityMetadata: string;
+    clientID: string;
+    isB2C?: boolean;
+    validateIssuer?: boolean;
+    issuer?: string | string[];
+    loggingLevel?: "info" | "warn" | "error";
+    loggingNoPII?: boolean;
+    clockSkew?: number;
+}
+
+export interface ITokenPayload {
+    /** An App ID URI. Identifies the intended recipient of the token. */
+    aud?: string;
+    /** A security token service(STS) URI. Identifies the STS that constructs and returns the token,
+     * and the Azure AD tenant in which the user was authenticated.*/
+    iss?: string;
+    /** "Issued At" indicates when the authentication for this token occurred. */
+    iat?: number;
+    /** The "nbf" (not before) claim identifies the time before which the JWT must not be accepted for processing. */
+    nbf?: number;
+    /** The "exp" (expiration time) claim identifies the expiration time on or after which the JWT must not be accepted for processing. */
+    exp?: number;
+    /** The "Authentication context class" claim. A value of "0" indicates the end-user authentication did not meet the requirements of ISO/IEC 29115. */
+    acr?: "0" | "1";
+    /** An internal claim used by Azure AD to record data for token reuse. */
+    aio?: string;
+    /** Identifies how the subject of the token was authenticated.  */
+    amr?: string[];
+    /** GUID represents the application ID of the client using the token. */
+    appid?: string;
+    /** Indicates how the client was authenticated. For a public client, the value is "0".
+     * If client ID and client secret are used, the value is "1". If a client certificate was used for authentication, the value is "2". */
+    appidacr?: "0" | "1" | "2";
+    /** Only present in v2.0 tokens. The application ID of the client using the token. */
+    azp?: string;
+    /** Only present in v2.0 tokens. Indicates how the client was authenticated.
+     * For a public client, the value is "0". If client ID and client secret are used, the value is "1". If a client certificate was used for authentication, the value is "2". */
+    azpacr?: "0" | "1" | "2";
+    /** Provides object IDs that represent the subject's group memberships. */
+    groups?: string | string[];
+    /** Denoting the user is in at least one group. */
+    hasgroups?: true;
+    /** Only present in v2.0 tokens. The primary username that represents the user. It could be an email address, phone number, or a generic username without a specified format */
+    preferred_name?: string;
+    /** Provides a human-readable value that identifies the subject of the token.
+     * The value is not guaranteed to be unique, it is mutable, and it's designed to be used only for display purposes. The profile scope is required in order to receive this claim. */
+    name?: string;
+    /** GUID represents a user. This ID uniquely identifies the user across applications. */
+    oid?: string;
+    /** An internal claim used by Azure to revalidate tokens. */
+    rh?: string;
+    /** The set of scopes exposed by your application for which the client application has requested (and received) consent. */
+    scp?: string;
+    /** The set of permissions exposed by your application that the requesting application has been given permission to call. */
+    roles?: string;
+    /** The principal about which the token asserts information, such as the user of an app. This value is immutable and cannot be reassigned or reused.
+     * It can be used to perform authorization checks safely, such as when the token is used to access a resource,
+     * and can be used as a key in database tables. Because the subject is always present in the tokens that Azure AD issues,
+     * we recommend using this value in a general-purpose authorization system. The subject is, however, a pairwise identifier - it is unique to a particular application ID.   */
+    sub?: string;
+    /** Represents the Azure AD tenant that the user is from. */
+    tid?: string;
+    /** Only present in v1.0 tokens. Provides a human readable value that identifies the subject of the token.  */
+    unique_name?: string;
+    /** The username of the user. May be a phone number, email address, or unformatted string. */
+    upn?: string;
+    /** An internal claim used by Azure to revalidate tokens. */
+    uti?: string;
+    /** Indicates the version of the access token. */
+    ver?: string;
+}
+
+export interface VerifyCallback {
+    (error: any, user?: any, info?: any): void;
+}
+  
\ No newline at end of file
diff --git a/types/passport-azure-ad/index.d.ts b/types/passport-azure-ad/index.d.ts
new file mode 100644
index 0000000000..450d31064f
--- /dev/null
+++ b/types/passport-azure-ad/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for passport-azure-ad 4.0
+// Project: https://github.com/AzureAD/passport-azure-ad#readme
+// Definitions by: Shekhar Nain <https://github.com/ShekharNain>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+export { ITokenPayload, VerifyCallback } from "./common";
+export {
+    BearerStrategy,
+    IBearerStrategyOption,
+    IBearerStrategyOptionWithRequest,
+    VerifyBearerFunction,
+    VerifyBearerFunctionWithReq
+} from "./bearer-strategy";
+export {
+    OIDCStrategy,
+    IOIDCStrategyOption,
+    IOIDCStrategyOptionWithRequest,
+    IProfile,
+    VerifyOIDCFunction,
+    VerifyOIDCFunctionWithReq
+} from "./oidc-strategy";
diff --git a/types/passport-azure-ad/oidc-strategy.d.ts b/types/passport-azure-ad/oidc-strategy.d.ts
new file mode 100644
index 0000000000..672694d5a9
--- /dev/null
+++ b/types/passport-azure-ad/oidc-strategy.d.ts
@@ -0,0 +1,65 @@
+import * as passport from "passport";
+import { Request } from "express";
+import { IBaseStrategyOption, VerifyCallback } from "./common";
+
+export interface IOIDCStrategyOption extends IBaseStrategyOption {
+    responseType: "code" | "code id_token" | "id_token code" | "id_token";
+    responseMode: "query" | "form_post";
+    redirectUrl: string;
+    allowHttpForRedirectUrl?: boolean;
+    clientSecret?: string;
+    thumbprint?: string;
+    privatePEMKey?: string;
+    useCookieInsteadOfSession?: boolean;
+    cookieEncryptionKeys?: {key: string, iv: string}[];
+    nonceLifetime?: number;
+    nonceMaxAmount?: number;
+    scope?: string | string[];
+}
+
+export interface IOIDCStrategyOptionWithRequest extends IOIDCStrategyOption {
+    passReqToCallback: true;
+}
+
+export interface IProfile {
+    sub?: string;
+    oid?: string;
+    upn?: string;
+    displayName?: string;
+    name?: {
+        familyName?: string;
+        givenName?: string;
+        middleName?: string;
+    };
+    emails?: any;
+    _raw?: string;
+    _json?: any;
+}
+
+export type VerifyOIDCFunction =
+    ((profile: IProfile, done: VerifyCallback) => void) | 
+    ((iss: string, sub: string, done: VerifyCallback) => void) |
+    ((iss: string, sub: string, profile: IProfile, done: VerifyCallback) => void) |
+    ((iss: string, sub: string, profile: IProfile, access_token: string, refresh_token: string, done: VerifyCallback) => void) |
+    ((iss: string, sub: string, profile: IProfile, access_token: string, refresh_token: string, params: any, done: VerifyCallback) => void) |
+    ((iss: string, sub: string, profile: IProfile, jwtClaims: any, access_token: string, refresh_token: string, params: any, done: VerifyCallback) => void);
+
+export type VerifyOIDCFunctionWithReq =
+    ((req: Request, profile: IProfile, done: VerifyCallback) => void) | 
+    ((req: Request, iss: string, sub: string, done: VerifyCallback) => void) |
+    ((req: Request, iss: string, sub: string, profile: IProfile, done: VerifyCallback) => void) |
+    ((req: Request, iss: string, sub: string, profile: IProfile, access_token: string, refresh_token: string, done: VerifyCallback) => void) |
+    ((req: Request, iss: string, sub: string, profile: IProfile, access_token: string, refresh_token: string, params: any, done: VerifyCallback) => void) |
+    ((req: Request, iss: string, sub: string, profile: IProfile, jwtClaims: any, access_token: string, refresh_token: string, params: any, done: VerifyCallback) => void);
+
+export class OIDCStrategy implements passport.Strategy {
+    constructor(
+        options: IOIDCStrategyOptionWithRequest,
+        verify: VerifyOIDCFunction
+    );
+    constructor(options: IOIDCStrategyOption, verify: VerifyOIDCFunctionWithReq);
+
+    name: string;
+
+    authenticate(req: Request, options?: object): void;
+}
diff --git a/types/passport-azure-ad/passport-azure-ad-tests.ts b/types/passport-azure-ad/passport-azure-ad-tests.ts
new file mode 100644
index 0000000000..becac28160
--- /dev/null
+++ b/types/passport-azure-ad/passport-azure-ad-tests.ts
@@ -0,0 +1,42 @@
+import { Request } from "express";
+import {
+    BearerStrategy,
+    OIDCStrategy,
+    IBearerStrategyOptionWithRequest,
+    IOIDCStrategyOptionWithRequest,
+    VerifyBearerFunctionWithReq,
+    VerifyOIDCFunctionWithReq,
+    IProfile,
+    VerifyCallback
+} from "passport-azure-ad";
+
+const bearerStrategyOptions: IBearerStrategyOptionWithRequest = {
+    identityMetadata: "https://api.test.com",
+    clientID: "XXXXX",
+    passReqToCallback: true
+};
+
+const oidcStrategyOptions: IOIDCStrategyOptionWithRequest = {
+    identityMetadata: "https://api.test.com",
+    clientID: "XXXXX",
+    passReqToCallback: true,
+    responseType: "id_token",
+    responseMode: "query",
+    redirectUrl: "https://api.test.com"
+};
+
+const verifyBearer: VerifyBearerFunctionWithReq = (req, token, done) => {
+    if (!token.oid)
+        done(null, token);
+    else done(new Error("Invalid token"));
+};
+
+const verifyOidc: VerifyOIDCFunctionWithReq = (req: Request, profile: IProfile, done: VerifyCallback) => {
+    if (!profile.oid)
+        done(null, profile);
+    else done(new Error("Invalid token"));
+};
+
+new BearerStrategy(bearerStrategyOptions, verifyBearer);
+
+new OIDCStrategy(oidcStrategyOptions, verifyOidc);
diff --git a/types/passport-azure-ad/tsconfig.json b/types/passport-azure-ad/tsconfig.json
new file mode 100644
index 0000000000..1fc2742bd3
--- /dev/null
+++ b/types/passport-azure-ad/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "passport-azure-ad-tests.ts"
+    ]
+}
diff --git a/types/passport-azure-ad/tslint.json b/types/passport-azure-ad/tslint.json
new file mode 100644
index 0000000000..95d5bcf169
--- /dev/null
+++ b/types/passport-azure-ad/tslint.json
@@ -0,0 +1,13 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // TODOs
+        "array-type": false,
+        "ban-types": false,
+        "callable-types": false,
+        "eofline": false,
+        "interface-name": false,
+        "jsdoc-format": false,
+        "no-trailing-whitespace": false
+    }
+}
diff --git a/types/passport-github2/index.d.ts b/types/passport-github2/index.d.ts
index 91adbb6567..0b2c1f6a5d 100644
--- a/types/passport-github2/index.d.ts
+++ b/types/passport-github2/index.d.ts
@@ -21,7 +21,6 @@ export interface StrategyOption extends passport.AuthenticateOptions {
 
     scope?: string[];
     userAgent?: string;
-    state?: boolean;
 
     authorizationURL?: string;
     tokenURL?: string;
@@ -42,7 +41,7 @@ export interface _StrategyOptionsBase extends OAuth2StrategyOptionsWithoutRequir
 
     scope?: string[];
     userAgent?: string;
-    state?: boolean;
+    state?: string;
 
     authorizationURL?: string;
     tokenURL?: string;
diff --git a/types/passport-local-mongoose/index.d.ts b/types/passport-local-mongoose/index.d.ts
index 512b68179f..e175dc8d1e 100644
--- a/types/passport-local-mongoose/index.d.ts
+++ b/types/passport-local-mongoose/index.d.ts
@@ -10,18 +10,33 @@
 declare module 'mongoose' {
   import passportLocal = require('passport-local');
 
+  export interface AuthenticationResult {
+    user: any;
+    error: any;
+  }
+
   // methods
   export interface PassportLocalDocument extends Document {
+    setPassword(password: string): Promise<PassportLocalDocument>;
     setPassword(password: string, cb: (err: any, res: any) => void): void;
-    authenticate(password: string, cb: (err: any, res: any, error: any) => void): void;
+    changePassword(oldPassword: string, newPassword: string): Promise<PassportLocalDocument>;
+    changePassword(oldPassword: string, newPassword: string, cb: (err: any, res: any) => void): void;
+    authenticate(password: string): Promise<AuthenticationResult>;
+    authenticate(password: string, cb: (err: any, user: any, error: any) => void): void;
+    resetAttempts(): Promise<PassportLocalDocument>;
+    resetAttempts(cb: (err: any, res: any) => void): void;
   }
 
   // statics
   interface PassportLocalModel<T extends Document> extends Model<T> {
-    authenticate(): (username: string, password: string, cb: (err: any, res: T, error: any) => void) => void;
+    authenticate(): (username: string, password: string) => Promise<AuthenticationResult>;
+    authenticate(): (username: string, password: string, cb: (err: any, user: T | boolean, error: any) => void) => void;
     serializeUser(): (user: PassportLocalModel<T>, cb: (err: any, id?: any) => void) => void;
     deserializeUser(): (username: string, cb: (err: any, user?: any) => void) => void;
+
+    register(user: T, password: string): Promise<T>;
     register(user: T, password: string, cb: (err: any, account: any) => void): void;
+    findByUsername(username: string, selectHashSaltFields: boolean): Query<T>;
     findByUsername(username: string, selectHashSaltFields: boolean, cb: (err: any, account: any) => void): any;
     createStrategy(): passportLocal.Strategy;
   }
diff --git a/types/passport-local-mongoose/tslint.json b/types/passport-local-mongoose/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/passport-local-mongoose/tslint.json
+++ b/types/passport-local-mongoose/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/passport-oauth2/index.d.ts b/types/passport-oauth2/index.d.ts
index 7d7f3de21d..d985852bd6 100644
--- a/types/passport-oauth2/index.d.ts
+++ b/types/passport-oauth2/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jaredhanson/passport-oauth2#readme
 // Definitions by: Pasi Eronen <https://github.com/pasieronen>
 //                 Wang Zishi <https://github.com/WangZishi>
+//                 Eduardo AC <https://github.com/EduardoAC>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
diff --git a/types/passport-oauth2/passport-oauth2-tests.ts b/types/passport-oauth2/passport-oauth2-tests.ts
index 6a5d09ef27..864b2cb9d6 100644
--- a/types/passport-oauth2/passport-oauth2-tests.ts
+++ b/types/passport-oauth2/passport-oauth2-tests.ts
@@ -51,6 +51,8 @@ const err3 = new InternalOAuthError('Hello', {});
 
 class MyStrategy extends OAuth2Strategy {
     useProtectedProperty() {
-        this._oauth2.get('http://www.example.com/profile', 'token', 'http://www.example.com/callback');
+        this._oauth2.get('http://www.example.com/profile', 'token', err => err.statusCode);
+        this._oauth2.get('http://www.example.com/profile', 'token', (err, result) => result);
+        this._oauth2.get('http://www.example.com/profile', 'token', (err, result, response) => response);
     }
 }
diff --git a/types/passport-vkontakte/index.d.ts b/types/passport-vkontakte/index.d.ts
new file mode 100644
index 0000000000..e5dceb6573
--- /dev/null
+++ b/types/passport-vkontakte/index.d.ts
@@ -0,0 +1,61 @@
+// Type definitions for passport-vkontakte 1.3
+// Project: https://github.com/stevebest/passport-vkontakte#readme
+// Definitions by: Anton Lobashev <https://github.com/soulthreads>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as passport from 'passport';
+import * as express from 'express';
+
+export interface Profile extends passport.Profile {
+    gender?: string;
+    profileUrl?: string;
+
+    _raw: string;
+    _json: any;
+}
+
+export interface StrategyOptions {
+    clientID: string;
+    clientSecret: string;
+    callbackURL: string;
+
+    profileFields?: string[];
+    apiVersion?: string;
+
+    lang?: string;
+}
+
+export type VerifyCallback = (error: any, user?: any, info?: any) => void;
+
+export interface Params {
+    accessToken: string;
+    email?: string;
+    expires_in: number;
+    user_id: number;
+}
+
+export type VerifyFunctionWithParams = (
+    accessToken: string,
+    refreshToken: string,
+    params: Params,
+    profile: Profile,
+    done: VerifyCallback
+) => void;
+
+export type VerifyFunction = (
+    accessToken: string,
+    refreshToken: string,
+    profile: Profile,
+    done: VerifyCallback
+) => void;
+
+export class Strategy implements passport.Strategy {
+    constructor(
+        options: StrategyOptions,
+        verify: VerifyFunctionWithParams | VerifyFunction
+    );
+
+    name: string;
+    authenticate: (req: express.Request, options?: object) => void;
+}
diff --git a/types/passport-vkontakte/passport-vkontakte-tests.ts b/types/passport-vkontakte/passport-vkontakte-tests.ts
new file mode 100644
index 0000000000..0842cf32a8
--- /dev/null
+++ b/types/passport-vkontakte/passport-vkontakte-tests.ts
@@ -0,0 +1,50 @@
+import * as passport from 'passport';
+import vk = require('passport-vkontakte');
+
+const User = {
+    findOrCreate(
+        id: string,
+        provider: string,
+        callback: (err: any, user: any) => void
+    ): void {
+        callback(null, { username: 'ivan' });
+    }
+};
+
+const options: vk.StrategyOptions = {
+    clientID: 'PASSPORT_VKONTAKTE_CLIENT_ID',
+    clientSecret: 'PASSPORT_VKONTAKTE_CLIENT_SECRET',
+    callbackURL: 'PASSPORT_VKONTAKTE_CALLBACK_URL'
+};
+
+const verify: vk.VerifyFunction = (
+    accessToken: string,
+    refreshToken: string,
+    profile: vk.Profile,
+    done: vk.VerifyCallback
+) => {
+    User.findOrCreate(profile.id, profile.provider, (err, user) => {
+        if (err) {
+            done(err);
+        }
+        done(null, user);
+    });
+};
+
+const verifyWithParams: vk.VerifyFunctionWithParams = (
+    accessToken: string,
+    refreshToken: string,
+    params: vk.Params,
+    profile: vk.Profile,
+    done: vk.VerifyCallback
+) => {
+    User.findOrCreate(profile.id, profile.provider, (err, user) => {
+        if (err) {
+            done(err);
+        }
+        done(null, user);
+    });
+};
+
+passport.use(new vk.Strategy(options, verify));
+passport.use(new vk.Strategy(options, verifyWithParams));
diff --git a/types/passport-vkontakte/tsconfig.json b/types/passport-vkontakte/tsconfig.json
new file mode 100644
index 0000000000..6cc7e1b2f9
--- /dev/null
+++ b/types/passport-vkontakte/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "passport-vkontakte-tests.ts"
+    ]
+}
diff --git a/types/passport-vkontakte/tslint.json b/types/passport-vkontakte/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/passport-vkontakte/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/passport-windowsauth/index.d.ts b/types/passport-windowsauth/index.d.ts
new file mode 100644
index 0000000000..dd425a1f59
--- /dev/null
+++ b/types/passport-windowsauth/index.d.ts
@@ -0,0 +1,49 @@
+// Type definitions for passport-windowsauth 3.0
+// Project: https://github.com/auth0/passport-windowsauth#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as express from 'express';
+import * as passport from 'passport';
+import * as ldapjs from 'ldapjs';
+import { TlsOptions } from 'tls';
+
+declare namespace windowsauth {
+    interface Options {
+        ldap?: {
+            url?: string
+            maxConnections?: number
+            base?: string
+            bindDN?: string
+            bindCredentials?: string
+            tlsOptions?: TlsOptions;
+            reconnect?: boolean | {
+                initialDelay?: number,
+                maxDelay?: number,
+                failAfter?: number
+            };
+            timeout?: number;
+            connectTimeout?: number;
+            idleTimeout?: number;
+            binder?: ldapjs.Client
+            client?: ldapjs.Client
+        };
+        integrated?: boolean;
+        getUserNameFromHeader?(req: express.Request): string;
+        passReqToCallback?: boolean;
+        usernameField?: string;
+        passwordField?: string;
+    }
+    type Verified = (err: Error | undefined | null, user?: object, info?: object) => void;
+    type Verify = (profile: passport.Profile, done: Verified) => void;
+    type VerifyWithReq = (req: express.Request, profile: passport.Profile, done: Verified) => void;
+}
+
+declare class windowsauth extends passport.Strategy {
+    constructor(options: windowsauth.Options & {passReqToCallback: true}, verify: windowsauth.VerifyWithReq);
+    constructor(options: windowsauth.Options, verify: windowsauth.Verify);
+    constructor(verify: windowsauth.Verify);
+}
+
+export = windowsauth;
diff --git a/types/passport-windowsauth/passport-windowsauth-tests.ts b/types/passport-windowsauth/passport-windowsauth-tests.ts
new file mode 100644
index 0000000000..cca632ed60
--- /dev/null
+++ b/types/passport-windowsauth/passport-windowsauth-tests.ts
@@ -0,0 +1,28 @@
+import * as passport from 'passport';
+import * as WindowsStrategy from 'passport-windowsauth';
+
+const auth = new passport.Authenticator();
+auth.use(new WindowsStrategy({integrated: true}, (profile, done) => {
+  console.log(profile);
+  done(null, profile);
+}));
+
+passport.use(new WindowsStrategy({
+    ldap: {
+        url: 'ldap://wellscordoba.wellscordobabank.com/DC=wellscordobabank,DC=com',
+        base: 'DC=wellscordobabank,DC=com',
+        bindDN: 'someAccount',
+        bindCredentials: 'andItsPass'
+    }
+}, (profile, done) => {
+    console.log('logged in', profile.id);
+    done(null, profile);
+}));
+
+passport.use(new WindowsStrategy({
+    integrated: true,
+    passReqToCallback: true
+}, (req, profile, done) => {
+    console.log('logged in', req, profile.id);
+    done(null, profile);
+}));
diff --git a/types/passport-windowsauth/tsconfig.json b/types/passport-windowsauth/tsconfig.json
new file mode 100644
index 0000000000..070b3d98ed
--- /dev/null
+++ b/types/passport-windowsauth/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "passport-windowsauth-tests.ts"
+    ]
+}
diff --git a/types/passport-windowsauth/tslint.json b/types/passport-windowsauth/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/passport-windowsauth/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/passport/index.d.ts b/types/passport/index.d.ts
index fe0c26c775..1a8afed691 100644
--- a/types/passport/index.d.ts
+++ b/types/passport/index.d.ts
@@ -45,6 +45,7 @@ declare namespace passport {
         successMessage?: boolean | string;
         successRedirect?: string;
         successReturnToOrRedirect?: string;
+        state?: string;
         pauseStream?: boolean;
         userProperty?: string;
         passReqToCallback?: boolean;
diff --git a/types/paypal-rest-sdk/index.d.ts b/types/paypal-rest-sdk/index.d.ts
index 414c3fa0f5..0d2eea80a9 100644
--- a/types/paypal-rest-sdk/index.d.ts
+++ b/types/paypal-rest-sdk/index.d.ts
@@ -162,7 +162,7 @@ export interface Transaction {
     };
     notify_url?: string;
     order_url?: string;
-    readonly related_resources?: RelatedResources;
+    readonly related_resources?: RelatedResources[];
 }
 
 export interface Payee {
@@ -258,6 +258,22 @@ export interface Item {
     url?: string;
 }
 
+export interface PayerInfo {
+  email?: string;
+  readonly salutation?: string;
+  readonly first_name?: string;
+  readonly middle_name?: string;
+  readonly last_name?: string;
+  readonly suffix?: string;
+  readonly payer_id?: string;
+  birth_date?: string;
+  tax_id?: string;
+  tax_id_type?: string;
+  country_code?: string;
+  billing_address?: Address;
+  readonly shipping_address?: Address;
+}
+
 export interface RefundRequest {
     amount?: Amount;
     description?: string;
@@ -266,8 +282,7 @@ export interface RefundRequest {
     invoice_number?: string;
     refund_advice?: boolean;
     items?: Item[];
-    // TODO: Type this https://developer.paypal.com/docs/api/payments/#definition-payer_info
-    payer_info?: any;
+    payer_info?: PayerInfo;
     supplementary_data?: any[];
 }
 
diff --git a/types/pbf/index.d.ts b/types/pbf/index.d.ts
index fdcb9b53ce..692ca491bf 100644
--- a/types/pbf/index.d.ts
+++ b/types/pbf/index.d.ts
@@ -9,7 +9,7 @@ declare class Pbf {
     type: number;
     length: number;
 
-    constructor(buffer?: Uint8Array);
+    constructor(buffer?: Uint8Array|ArrayBuffer);
 
     destroy(): void;
     readFields<T>(readField: (tag: number, result?: T, pbf?: Pbf) => void, result?: T, end?: number): T;
diff --git a/types/pbf/pbf-tests.ts b/types/pbf/pbf-tests.ts
index c0a8556c42..f6914f5e13 100644
--- a/types/pbf/pbf-tests.ts
+++ b/types/pbf/pbf-tests.ts
@@ -2,6 +2,7 @@ import Pbf = require('pbf');
 
 const pbf = new Pbf(new Uint8Array(1));
 new Pbf();
+new Pbf(new ArrayBuffer(8));
 pbf.buf;
 pbf.pos;
 pbf.type;
diff --git a/types/pdf2image/index.d.ts b/types/pdf2image/index.d.ts
new file mode 100644
index 0000000000..b02ccb8852
--- /dev/null
+++ b/types/pdf2image/index.d.ts
@@ -0,0 +1,53 @@
+// Type definitions for pdf2image 1.2
+// Project: https://bitbucket.org/RicardoCacheira/pdf2image#readme
+// Definitions by: taoqf <https://github.com/taoqf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// TypeScript Version: 2.9
+
+/**
+ * A token starts with the character '%'
+ *
+ * d - the page number, if the first page of the PDF is page 1
+ * D - the page number, if the first page of the PDF is page 0
+ * i - the processed page number, if the first processed page is page 1
+ * I - the processed page number, if the first processed page is page 0
+ * t - the total number of pages in the pdf
+ * T - the total of processed pages
+ * s - the name of the pdf file
+ * p - the path of the pdf file
+ * % - the character '%'
+ * {...} - a custom piece of code where all of the above values can be used
+ */
+
+/// <reference types="node" />
+
+export type OutputFormat = ((pageNum: number, pageIndex: number, totalPagesProcessed: number, totalPDFPages: number, name: string, path: string, vm: typeof import ('vm')) => string) | string;
+
+export interface Options {
+	density: number;
+	height: number;
+	width: number;
+	outputType: 'jpg' | 'png' | '.jpg' | '.png';
+	quality: number;
+	pages: '*' | string;	// * | even | odd | '/1,/3,5-6,-8, 9-'
+	singleProcess: boolean;
+	backgroundColor: string;	// #ffffff
+	outputFormat: OutputFormat;
+}
+
+export interface ConvertedFile {
+	page: number;
+	index: number;
+	name: string;
+	path: string;
+}
+
+export function convertPDF(pdfFilePath: string, options?: Partial<Options>): Promise<ConvertedFile[]>;
+
+export interface Converter {
+	convertPDF(pdfFilePath: string): Promise<ConvertedFile[]>;
+	convertPDFList(pdfList: string[]): Promise<ConvertedFile[]>;
+}
+
+export function compileConverter(options?: Partial<Options>): Converter;
diff --git a/types/pdf2image/pdf2image-tests.ts b/types/pdf2image/pdf2image-tests.ts
new file mode 100644
index 0000000000..5b12192b2d
--- /dev/null
+++ b/types/pdf2image/pdf2image-tests.ts
@@ -0,0 +1,8 @@
+import { convertPDF } from 'pdf2image';
+
+// converts all the pages of the given pdf using the default options
+convertPDF('example.pdf').then(
+	(pageList) => {
+		console.log(pageList);
+	}
+);
diff --git a/types/pdf2image/tsconfig.json b/types/pdf2image/tsconfig.json
new file mode 100644
index 0000000000..9593266a66
--- /dev/null
+++ b/types/pdf2image/tsconfig.json
@@ -0,0 +1,23 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"lib": [
+			"es6"
+		],
+		"strictFunctionTypes": true,
+		"noImplicitAny": true,
+		"noImplicitThis": true,
+		"strictNullChecks": true,
+		"baseUrl": "../",
+		"typeRoots": [
+			"../"
+		],
+		"types": [],
+		"noEmit": true,
+		"forceConsistentCasingInFileNames": true
+	},
+	"files": [
+		"index.d.ts",
+		"pdf2image-tests.ts"
+	]
+}
\ No newline at end of file
diff --git a/types/pdf2image/tslint.json b/types/pdf2image/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pdf2image/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pdfjs-dist/tslint.json b/types/pdfjs-dist/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/pdfjs-dist/tslint.json
+++ b/types/pdfjs-dist/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/pdfmake/index.d.ts b/types/pdfmake/index.d.ts
index fdc0a9de05..a812611400 100644
--- a/types/pdfmake/index.d.ts
+++ b/types/pdfmake/index.d.ts
@@ -2,7 +2,9 @@
 // Project: http://pdfmake.org
 // Definitions by: Milen Stefanov <https://github.com/m1llen1um>
 //                 Rajab Shakirov <https://github.com/radziksh>
+//                 Enzo Volkmann <https://github.com/evolkmann>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
 
 declare module 'pdfmake/build/vfs_fonts' {
     let pdfMake: {
@@ -16,15 +18,61 @@ declare module 'pdfmake/build/pdfmake' {
     let fonts: { [name: string]: TFontFamilyTypes };
     function createPdf(documentDefinitions: TDocumentDefinitions): TCreatedPdf;
 
-    type pageSizeType =
-        '4A0' | '2A0' | 'A0' | 'A1' | 'A2' | 'A3' | 'A4' | 'A5' | 'A6' | 'A7' | 'A8' | 'A9' | 'A10' |
-        'B0' | 'B1' | 'B2' | 'B3' | 'B4' | 'B5' | 'B6' | 'B7' | 'B8' | 'B9' | 'B10' |
-        'C0' | 'C1' | 'C2' | 'C3' | 'C4' | 'C5' | 'C6' | 'C7' | 'C8' | 'C9' | 'C10' |
-        'RA0' | 'RA1' | 'RA2' | 'RA3' | 'RA4' |
-        'SRA0' | 'SRA1' | 'SRA2' | 'SRA3' | 'SRA4' |
-        'EXECUTIVE' | 'FOLIO' | 'LEGAL' | 'LETTER' | 'TABLOID';
+    enum PageSize {
+        A0_x_4 = '4A0',
+        A0_x_2 = '2A0',
+        AO = 'A0',
+        A1 = 'A1',
+        A2 = 'A2',
+        A3 = 'A3',
+        A4 = 'A4',
+        A5 = 'A5',
+        A6 = 'A6',
+        A7 = 'A7',
+        A8 = 'A8',
+        A9 = 'A9',
+        A1O = 'A10',
+        BO = 'B0',
+        B1 = 'B1',
+        B2 = 'B2',
+        B3 = 'B3',
+        B4 = 'B4',
+        B5 = 'B5',
+        B6 = 'B6',
+        B7 = 'B7',
+        B8 = 'B8',
+        B9 = 'B9',
+        B1O = 'B10',
+        CO = 'C0',
+        C1 = 'C1',
+        C2 = 'C2',
+        C3 = 'C3',
+        C4 = 'C4',
+        C5 = 'C5',
+        C6 = 'C6',
+        C7 = 'C7',
+        C8 = 'C8',
+        C9 = 'C9',
+        C1O = 'C10',
+        RA1 = 'RA1',
+        RA2 = 'RA2',
+        RA3 = 'RA3',
+        RA4 = 'RA4',
+        SRA1 = 'SRA1',
+        SRA2 = 'SRA2',
+        SRA3 = 'SRA3',
+        SRA4 = 'SRA4',
+        EXECUTIVE = 'EXECUTIVE',
+        FOLIO = 'FOLIO',
+        LEGAL = 'LEGAL',
+        LETTER = 'LETTER',
+        TABLOID = 'TABLOID'
+    }
 
-    type pageOrientationType = "portrait" | "landscape";
+    enum PageOrientation {
+        PORTRAIT = 'PORTRAIT',
+        LANDSCAPE = 'LANDSCAPE'
+    }
 
     let pdfMake: pdfMakeStatic;
 
@@ -48,18 +96,90 @@ declare module 'pdfmake/build/pdfmake' {
 
     type TDocumentHeaderFooterFunction = (currentPage: number, pageCount: number) => any;
 
+    type Margins = number | [number, number] | [number, number, number, number];
+
+    type Alignment = 'left' | 'right' | 'justify' | 'center' | string;
+
+    interface Style {
+        font?: any;
+		fontSize?: number;
+		fontFeatures?: any;
+		bold?: boolean;
+		italics?: boolean;
+		alignment?: Alignment;
+		color?: string;
+		columnGap?: any;
+		fillColor?: string;
+		decoration?: any;
+		decorationany?: any;
+		decorationColor?: string;
+		background?: any;
+		lineHeight?: number;
+		characterSpacing?: number;
+		noWrap?: boolean;
+		markerColor?: string;
+        leadingIndent?: any;
+        [additionalProperty: string]: any;
+    }
+
+    type TableRowFunction = (row: number) => number;
+
+    interface TableLayoutFunctions {
+        hLineWidth?: (i: number, node: any) => number;
+        vLineWidth?: (i: number, node: any) => number;
+        hLineColor?: (i: number, node: any) => string;
+        vLineColor?: (i: number, node: any) => string;
+        fillColor?: (i: number, node: any) => string;
+        paddingLeft?: (i: number, node: any) => number;
+        paddingRight?: (i: number, node: any) => number;
+        paddingTop?: (i: number, node: any) => number;
+        paddingBottom?: (i: number, node: any) => number;
+    }
+
+    interface TableCell {
+        text: string;
+        rowSpan?: number;
+        colSpan?: number;
+        fillColor?: string;
+        border?: [boolean, boolean, boolean, boolean];
+    }
+
+    interface Table {
+        widths?: Array<(string | number)>;
+        heights?: Array<(string | number)> | TableRowFunction;
+        headerRows?: number;
+        body: Content[][] | TableCell[][];
+        layout?: string | TableLayoutFunctions;
+    }
+
+    interface Content {
+        style?: 'string';
+        margin?: Margins;
+        text?: string | string[] | Content[];
+        columns?: Content[];
+        stack?: Content[];
+        image?: string;
+        width?: string | number;
+        height?: string | number;
+        fit?: [number, number];
+        pageBreak?: 'before' | 'after';
+        alignment?: Alignment;
+        table?: Table;
+        ul?: Content[];
+        ol?: Content[];
+        [additionalProperty: string]: any;
+    }
+
     interface TDocumentDefinitions {
         info?: TDocumentInformation;
-        header?: any;
-        footer?: any;
-        content: any;
-        styles?: any;
-        pageSize?: pageSizeType;
-        pageOrientation?: pageOrientationType;
-        pageMargins?: [number, number, number, number];
-        defaultStyle?: {
-            font?: string;
-        };
+        header?: TDocumentHeaderFooterFunction;
+        footer?: TDocumentHeaderFooterFunction;
+        content: string | Content;
+        styles?: Style;
+        pageSize?: PageSize;
+        pageOrientation?: PageOrientation;
+        pageMargins?: Margins;
+        defaultStyle?: Style;
     }
 
     type CreatedPdfParams = (
diff --git a/types/pdfmake/pdfmake-tests.ts b/types/pdfmake/pdfmake-tests.ts
index 0f23e5c5d5..1913e3fe8a 100644
--- a/types/pdfmake/pdfmake-tests.ts
+++ b/types/pdfmake/pdfmake-tests.ts
@@ -1,10 +1,1330 @@
 import * as pdfMake from 'pdfmake/build/pdfmake';
 import * as pdfFonts from 'pdfmake/build/vfs_fonts';
 
-const docDefinition = { content: 'This is an sample PDF printed with pdfMake' };
+const definitions = [
+    {
+        content: [
+            'First paragraph',
+            'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
+        ]
+    },
+    {
+        content: [
+            {
+                text: 'This is a header, using header style',
+                style: 'header'
+            },
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n\n',
+            {
+                text: 'Subheader 1 - using subheader style',
+                style: 'subheader'
+            },
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ',
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ',
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n\n',
+            {
+                text: 'Subheader 2 - using subheader style',
+                style: 'subheader'
+            },
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ',
+            'Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n\n',
+            {
+                text: 'It is possible to apply multiple styles, ',
+                style: ['quote', 'small']
+            }
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true
+            },
+            subheader: {
+                fontSize: 15,
+                bold: true
+            },
+            quote: {
+                italics: true
+            },
+            small: {
+                fontSize: 8
+            }
+        }
+    },
+    {
+        content: [
+            {
+                text: 'This is a header (whole paragraph uses the same header style)\n\n',
+                style: 'header'
+            },
+            {
+                text: [
+                    'It is however possible to provide an array of texts ',
+                    'to the paragraph (instead of a single string) and have ',
+                    { text: 'a better ', fontSize: 15, bold: true },
+                    'control over it. \nEach inline can be ',
+                    { text: 'styled ', fontSize: 20 },
+                    { text: 'independently ', italics: true, fontSize: 40 },
+                    'then.\n\n'
+                ]
+            },
+            { text: 'Mixing named styles and style-overrides', style: 'header' },
+            {
+                style: 'bigger',
+                italics: false,
+                text: [
+                    'We can also mix named-styles and style-overrides at both paragraph and inline level. ',
+                    'For example, this paragraph uses the "bigger" style, which changes fontSize to 15 and sets italics to true. ',
+                    'Texts are not italics though. It\'s because we\'ve overriden italics back to false at ',
+                    'the paragraph level. \n\n',
+                    'We can also change the style of a single inline. Let\'s use a named style called header: ',
+                    { text: 'like here.\n', style: 'header' },
+                    'It got bigger and bold.\n\n',
+                    'OK, now we\'re going to mix named styles and style-overrides at the inline level. ',
+                    'We\'ll use header style (it makes texts bigger and bold), but we\'ll override ',
+                    'bold back to false: ',
+                    { text: 'wow! it works!', style: 'header', bold: false },
+                    '\n\nMake sure to take a look into the sources to understand what\'s going on here.'
+                ]
+            }
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true
+            },
+            bigger: {
+                fontSize: 15,
+                italics: true
+            }
+        }
+    },
+    {
+        content: [
+            {
+                text: 'This paragraph uses header style and extends the alignment property',
+                style: 'header',
+                alignment: 'center'
+            },
+            {
+                text: [
+                    'This paragraph uses header style and overrides bold value setting it back to false.\n',
+                    'Header style in this example sets alignment to justify, so this paragraph should be rendered \n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Malit profecta versatur nomine ocurreret '
+                ],
+                style: 'header',
+                bold: false
+            }
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true,
+                alignment: 'justify'
+            }
+        }
+    },
+    {
+        content: [
+            'By default paragraphs are stacked one on top of (or actually - below) another. ',
+            'It\'s possible however to split any paragraph (or even the whole document) into columns.\n\n',
+            'Here we go with 2 star-sized columns, with justified text and gap set to 20:\n\n',
+            {
+                alignment: 'justify',
+                columns: [
+                    {
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    }
+                ]
+            },
+            '\nStar-sized columns have always equal widths, so if we define 3 of those, ',
+            'it\'ll look like this (make sure to scroll to the next page, as we have a couple of more examples):\n\n',
+            {
+                columns: [
+                    {
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    }
+                ]
+            },
+            '\nYou can also specify accurate widths for some (or all columns)',
+            {
+                columns: [
+                    {
+                        width: 90,
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        width: '*',
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        width: '*',
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    },
+                    {
+                        width: 90,
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+                    }
+                ]
+            },
+            '\nWe also support auto columns. They set their widths based on the content:\n\n',
+            {
+                columns: [
+                    {
+                        width: 'auto',
+                        text: 'auto column'
+                    },
+                    {
+                        width: '*',
+                        text: 'This is a star-sized column. It should get the remaining'
+                        + ' space divided by the number of all star-sized columns.'
+                    },
+                    {
+                        width: 50,
+                        text: 'this one has specific width set to 50'
+                    },
+                    {
+                        width: 'auto',
+                        text: 'another auto column'
+                    },
+                    {
+                        width: '*',
+                        text: 'This is a star-sized column. It should get the remaining space '
+                        + 'divided by the number of all star-sized columns.'
+                    },
+                ]
+            },
+            '\nIf all auto columns fit within available width, the table does not occupy whole space:\n\n',
+            {
+                columns: [
+                    {
+                        width: 'auto',
+                        text: 'val1'
+                    },
+                    {
+                        width: 'auto',
+                        text: 'val2'
+                    },
+                    {
+                        width: 'auto',
+                        text: 'value3'
+                    },
+                    {
+                        width: 'auto',
+                        text: 'value 4'
+                    },
+                ]
+            },
+            '\nAnother cool feature of pdfmake is the ability to have nested elements.',
+            {
+                columns: [
+                    {
+                        width: 100,
+                        fontSize: 9,
+                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. '
+                    },
+                    [
+                        'As you can see in the document definition - this column is not defined with ',
+                        'an object, but an array, which means it\'s treated as an array of paragraphs rendered one below another.',
+                        'Just like on the top-level of the document. Let\'s try to divide the remaing space into 3 star-sized columns:\n\n',
+                        {
+                            columns: [
+                                { text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.' },
+                                { text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.' },
+                                { text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.' },
+                            ]
+                        }
+                    ]
+                ]
+            },
+            '\n\nOh, don\'t forget, we can use everything from styling examples (named styles, custom overrides) here as well.\n\n',
+            'For instance - our next paragraph will use the \'bigger\' style (with fontSize set to 15 and italics - true).',
+            ' We\'ll split it into three columns and make sure they inherit the style:\n\n',
+            {
+                style: 'bigger',
+                columns: [
+                    'First column (BTW - it\'s defined as a single string value. pdfmake will turn it into appropriate structure ',
+                    'automatically and make sure it inherits the styles',
+                    {
+                        fontSize: 20,
+                        text: 'In this column, we\'ve overriden fontSize to 20. It means the content should have italics=true'
+                        + ' (inherited from the style) and be a little bit bigger'
+                    },
+                    {
+                        style: 'header',
+                        text: 'Last column does not override any styling properties, but applies a new style (header) to itself.'
+                        + ' Eventually - texts here have italics=true (from bigger) and derive fontSize from the style.'
+                        + ' OK, but which one? Both styles define it. As we already know from our styling examples, multiple'
+                        + ' styles can be applied to the element and their order is important. Because \'header\' style has been'
+                        + ' set after \'bigger\' its fontSize takes precedence over the fontSize from \'bigger\'. This is how it works. '
+                        + 'You will find more examples in the unit tests.'
+                    }
+                ]
+            },
+            '\n\nWow, you\'ve read the whole document! Congratulations :D'
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true
+            },
+            bigger: {
+                fontSize: 15,
+                italics: true
+            }
+        },
+        defaultStyle: {
+            columnGap: 20
+        }
+    },
+    {
+        content: [
+            { text: 'Tables', style: 'header' },
+            'Official documentation is in progress, this document is just',
+            ' a glimpse of what is possible with pdfmake and its layout engine.',
+            { text: 'A simple table (no headers, no width specified, no spans, no styling)',
+            style: 'subheader' },
+            'The following table has nothing more than a body array',
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        ['Column 1', 'Column 2', 'Column 3'],
+                        ['One value goes here', 'Another one here', 'OK?']
+                    ]
+                }
+            },
+            { text: 'A simple table with nested elements', style: 'subheader' },
+            'It is of course possible to nest any other type of nodes available in ',
+            'pdfmake inside table cells',
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        ['Column 1', 'Column 2', 'Column 3'],
+                        [
+                            {
+                                stack: [
+                                    'Let\'s try an unordered list',
+                                    {
+                                        ul: [
+                                            'item 1',
+                                            'item 2'
+                                        ]
+                                    }
+                                ]
+                            },
+                            [
+                                'or a nested table',
+                                {
+                                    table: {
+                                        body: [
+                                            ['Col1', 'Col2', 'Col3'],
+                                            ['1', '2', '3'],
+                                            ['1', '2', '3']
+                                        ]
+                                    },
+                                }
+                            ],
+                            {
+                                text: [
+                                    'Inlines can be ',
+                                    { text: 'styled\n', italics: true },
+                                    { text: 'easily as everywhere else', fontSize: 10 }]
+                            }
+                        ]
+                    ]
+                }
+            },
+            { text: 'Defining column widths', style: 'subheader' },
+            'Tables support the same width definitions as standard columns:',
+            {
+                bold: true,
+                ul: [
+                    'auto',
+                    'star',
+                    'fixed value'
+                ]
+            },
+            {
+                style: 'tableExample',
+                table: {
+                    widths: [100, '*', 200, '*'],
+                    body: [
+                        ['width=100', 'star-sized', 'width=200', 'star-sized'],
+                        ['fixed-width cells have exactly the specified width',
+                        { text: 'nothing interesting here', italics: true, color: 'gray' },
+                        { text: 'nothing interesting here', italics: true, color: 'gray' },
+                        { text: 'nothing interesting here', italics: true, color: 'gray' }]
+                    ]
+                }
+            },
+            {
+                style: 'tableExample',
+                table: {
+                    widths: ['*', 'auto'],
+                    body: [
+                        ['This is a star-sized column. The next column over, an auto-sized column, will wrap to accomodate all the text in this cell.', 'I am auto sized.'],
+                    ]
+                }
+            },
+            {
+                style: 'tableExample',
+                table: {
+                    widths: ['*', 'auto'],
+                    body: [
+                        ['This is a star-sized column. The next column over, an auto-sized column',
+                        { text: 'I am auto sized.', noWrap: true }],
+                    ]
+                }
+            },
+            { text: 'Defining row heights', style: 'subheader' },
+            {
+                style: 'tableExample',
+                table: {
+                    heights: [20, 50, 70],
+                    body: [
+                        ['row 1 with height 20', 'column B'],
+                        ['row 2 with height 50', 'column B'],
+                        ['row 3 with height 70', 'column B']
+                    ]
+                }
+            },
+            'With same height:',
+            {
+                style: 'tableExample',
+                table: {
+                    heights: 40,
+                    body: [
+                        ['row 1', 'column B'],
+                        ['row 2', 'column B'],
+                        ['row 3', 'column B']
+                    ]
+                }
+            },
+            'With height from function:',
+            {
+                style: 'tableExample',
+                table: {
+                    heights: (row: number) => {
+                        return (row + 1) * 25;
+                    },
+                    body: [
+                        ['row 1', 'column B'],
+                        ['row 2', 'column B'],
+                        ['row 3', 'column B']
+                    ]
+                }
+            },
+            { text: 'Column/row spans', pageBreak: 'before', style: 'subheader' },
+            'Each cell-element can set a rowSpan or colSpan',
+            {
+                style: 'tableExample',
+                color: '#444',
+                table: {
+                    widths: [200, 'auto', 'auto'],
+                    headerRows: 2,
+                    // keepWithHeaderRows: 1,
+                    body: [
+                        [{ text: 'Header with Colspan = 2', style: 'tableHeader', colSpan: 2, alignment: 'center' },
+                        {}, { text: 'Header 3', style: 'tableHeader', alignment: 'center' }],
+                        [{ text: 'Header 1', style: 'tableHeader', alignment: 'center' },
+                        { text: 'Header 2', style: 'tableHeader', alignment: 'center' },
+                        { text: 'Header 3', style: 'tableHeader', alignment: 'center' }],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        [{ rowSpan: 3, text: 'rowSpan set to 3\nLorem ipsum dolor sit amet' },
+                        'Sample value 2', 'Sample value 3'],
+                        ['', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', { colSpan: 2, rowSpan: 2, text: 'Both:\nrowSpan and colSpan\ncan be defined at the same time' }, ''],
+                        ['Sample value 1', '', ''],
+                    ]
+                }
+            },
+            { text: 'Headers', pageBreak: 'before', style: 'subheader' },
+            'You can declare how many rows should be treated as a header. Headers are',
+            ' automatically repeated on the following pages',
+            { text: ['It is also possible to set keepWithHeaderRows to make sure there will be no page-break'
+            + 'between the header and these rows. Take a look at the document-definition and play with it. '
+            + 'If you set it to one, the following table will automatically start on the next page, '
+            + 'since there\'s not enough space for the first row to be rendered here'], color: 'gray', italics: true },
+            {
+                style: 'tableExample',
+                table: {
+                    headerRows: 1,
+                    // dontBreakRows: true,
+                    // keepWithHeaderRows: 1,
+                    body: [
+                        [{ text: 'Header 1', style: 'tableHeader' }, { text: 'Header 2', style: 'tableHeader' },
+                        { text: 'Header 3', style: 'tableHeader' }],
+                        [
+                            'Lorem ipsum dolor sit amet, ',
+                            'Lorem ipsum dolor sit amet, ',
+                            'Lorem ipsum dolor sit amet, ',
+                        ]
+                    ]
+                }
+            },
+            { text: 'Styling tables', style: 'subheader' },
+            'You can provide a custom styler for the table. Currently it supports:',
+            {
+                ul: [
+                    'line widths',
+                    'line colors',
+                    'cell paddings',
+                ]
+            },
+            'with more options coming soon...\n\npdfmake currently has a few predefined styles (see them on the next page)',
+            { text: 'noBorders:', fontSize: 14, bold: true, pageBreak: 'before', margin: [0, 0, 0, 8] },
+            {
+                style: 'tableExample',
+                table: {
+                    headerRows: 1,
+                    body: [
+                        [{ text: 'Header 1', style: 'tableHeader' }, { text: 'Header 2', style: 'tableHeader' },
+                        { text: 'Header 3', style: 'tableHeader' }],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                    ]
+                },
+                layout: 'noBorders'
+            },
+            { text: 'headerLineOnly:', fontSize: 14, bold: true, margin: [0, 20, 0, 8] },
+            {
+                style: 'tableExample',
+                table: {
+                    headerRows: 1,
+                    body: [
+                        [{ text: 'Header 1', style: 'tableHeader' }, { text: 'Header 2', style: 'tableHeader' },
+                        { text: 'Header 3', style: 'tableHeader' }],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                    ]
+                },
+                layout: 'headerLineOnly'
+            },
+            { text: 'lightHorizontalLines:', fontSize: 14, bold: true, margin: [0, 20, 0, 8] },
+            {
+                style: 'tableExample',
+                table: {
+                    headerRows: 1,
+                    body: [
+                        [{ text: 'Header 1', style: 'tableHeader' }, { text: 'Header 2', style: 'tableHeader' }, { text: 'Header 3', style: 'tableHeader' }],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                    ]
+                },
+                layout: 'lightHorizontalLines'
+            },
+            { text: 'but you can provide a custom styler as well', margin: [0, 20, 0, 8] },
+            {
+                style: 'tableExample',
+                table: {
+                    headerRows: 1,
+                    body: [
+                        [{ text: 'Header 1', style: 'tableHeader' }, { text: 'Header 2', style: 'tableHeader' }, { text: 'Header 3', style: 'tableHeader' }],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                    ]
+                },
+                layout: {
+                    hLineWidth: (i: number, node: any) => {
+                        return (i === 0 || i === node.table.body.length) ? 2 : 1;
+                    },
+                    vLineWidth: (i: number, node: any) => {
+                        return (i === 0 || i === node.table.widths.length) ? 2 : 1;
+                    },
+                    hLineColor: (i: number, node: any) => {
+                        return (i === 0 || i === node.table.body.length) ? 'black' : 'gray';
+                    },
+                    vLineColor: (i: number, node: any) => {
+                        return (i === 0 || i === node.table.widths.length) ? 'black' : 'gray';
+                    },
+                    // paddingLeft: function(i, node) { return 4; },
+                    // paddingRight: function(i, node) { return 4; },
+                    // paddingTop: function(i, node) { return 2; },
+                    // paddingBottom: function(i, node) { return 2; },
+                    // fillColor: (i: number, node: any) => { return null; }
+                }
+            },
+            { text: 'zebra style', margin: [0, 20, 0, 8] },
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                        ['Sample value 1', 'Sample value 2', 'Sample value 3'],
+                    ]
+                },
+                layout: {
+                    fillColor: (i: number, node: any) => {
+                        return (i % 2 === 0) ? '#CCCCCC' : null;
+                    }
+                }
+            },
+            { text: 'Optional border', fontSize: 14, bold: true, pageBreak: 'before', margin: [0, 0, 0, 8] },
+            'Each cell contains an optional border property: an array of 4 booleans for left border, top border, right border, bottom border.',
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        [
+                            {
+                                border: [false, true, false, false],
+                                fillColor: '#eeeeee',
+                                text: 'border:\n[false, true, false, false]'
+                            },
+                            {
+                                border: [false, false, false, false],
+                                fillColor: '#dddddd',
+                                text: 'border:\n[false, false, false, false]'
+                            },
+                            {
+                                border: [true, true, true, true],
+                                fillColor: '#eeeeee',
+                                text: 'border:\n[true, true, true, true]'
+                            }
+                        ],
+                        [
+                            {
+                                rowSpan: 3,
+                                border: [true, true, true, true],
+                                fillColor: '#eeeeff',
+                                text: 'rowSpan: 3\n\nborder:\n[true, true, true, true]'
+                            },
+                            {
+                                border: undefined,
+                                fillColor: '#eeeeee',
+                                text: 'border:\nundefined'
+                            },
+                            {
+                                border: [true, false, false, false],
+                                fillColor: '#dddddd',
+                                text: 'border:\n[true, false, false, false]'
+                            }
+                        ],
+                        [
+                            '',
+                            {
+                                colSpan: 2,
+                                border: [true, true, true, true],
+                                fillColor: '#eeffee',
+                                text: 'colSpan: 2\n\nborder:\n[true, true, true, true]'
+                            },
+                            ''
+                        ],
+                        [
+                            '',
+                            {
+                                border: undefined,
+                                fillColor: '#eeeeee',
+                                text: 'border:\nundefined'
+                            },
+                            {
+                                border: [false, false, true, true],
+                                fillColor: '#dddddd',
+                                text: 'border:\n[false, false, true, true]'
+                            }
+                        ]
+                    ]
+                },
+                layout: {
+                    defaultBorder: false,
+                }
+            },
+            'For every cell without a border property, whether it has all borders or not is determined by ',
+            'layout.defaultBorder, which is false in the table above and true (by default) in the table below.',
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        [
+                            {
+                                border: [false, false, false, false],
+                                fillColor: '#eeeeee',
+                                text: 'border:\n[false, false, false, false]'
+                            },
+                            {
+                                fillColor: '#dddddd',
+                                text: 'border:\nundefined'
+                            },
+                            {
+                                fillColor: '#eeeeee',
+                                text: 'border:\nundefined'
+                            },
+                        ],
+                        [
+                            {
+                                fillColor: '#dddddd',
+                                text: 'border:\nundefined'
+                            },
+                            {
+                                fillColor: '#eeeeee',
+                                text: 'border:\nundefined'
+                            },
+                            {
+                                border: [true, true, false, false],
+                                fillColor: '#dddddd',
+                                text: 'border:\n[true, true, false, false]'
+                            },
+                        ]
+                    ]
+                }
+            },
+            'And some other examples with rowSpan/colSpan...',
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        [
+                            '',
+                            'column 1',
+                            'column 2',
+                            'column 3'
+                        ],
+                        [
+                            'row 1',
+                            {
+                                rowSpan: 3,
+                                colSpan: 3,
+                                border: [true, true, true, true],
+                                fillColor: '#cccccc',
+                                text: 'rowSpan: 3\ncolSpan: 3\n\nborder:\n[true, true, true, true]'
+                            },
+                            '',
+                            ''
+                        ],
+                        [
+                            'row 2',
+                            '',
+                            '',
+                            ''
+                        ],
+                        [
+                            'row 3',
+                            '',
+                            '',
+                            ''
+                        ]
+                    ]
+                },
+                layout: {
+                    defaultBorder: false,
+                }
+            },
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        [
+                            {
+                                colSpan: 3,
+                                text: 'colSpan: 3\n\nborder:\n[false, false, false, false]',
+                                fillColor: '#eeeeee',
+                                border: [false, false, false, false]
+                            },
+                            '',
+                            ''
+                        ],
+                        [
+                            'border:\nundefined',
+                            'border:\nundefined',
+                            'border:\nundefined'
+                        ]
+                    ]
+                }
+            },
+            {
+                style: 'tableExample',
+                table: {
+                    body: [
+                        [
+                            { rowSpan: 3, text: 'rowSpan: 3\n\nborder:\n[false, false, false, false]', fillColor: '#eeeeee', border: [false, false, false, false] },
+                            'border:\nundefined',
+                            'border:\nundefined'
+                        ],
+                        [
+                            '',
+                            'border:\nundefined',
+                            'border:\nundefined'
+                        ],
+                        [
+                            '',
+                            'border:\nundefined',
+                            'border:\nundefined'
+                        ]
+                    ]
+                }
+            }
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true,
+                margin: [0, 0, 0, 10]
+            },
+            subheader: {
+                fontSize: 16,
+                bold: true,
+                margin: [0, 10, 0, 5]
+            },
+            tableExample: {
+                margin: [0, 5, 0, 15]
+            },
+            tableHeader: {
+                bold: true,
+                fontSize: 13,
+                color: 'black'
+            }
+        },
+        defaultStyle: {
+            // alignment: 'justify'
+        }
+    },
+    {
+        content: [
+            { text: 'Unordered list', style: 'header' },
+            {
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nUnordered list with longer lines', style: 'header' },
+            {
+                ul: [
+                    'item 1',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list', style: 'header' },
+            {
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with longer lines', style: 'header' },
+            {
+                ol: [
+                    'item 1',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list should be descending', style: 'header' },
+            {
+                reversed: true,
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with start value', style: 'header' },
+            {
+                start: 50,
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with own values', style: 'header' },
+            {
+                ol: [
+                    { text: 'item 1', counter: 10 },
+                    { text: 'item 2', counter: 20 },
+                    { text: 'item 3', counter: 30 },
+                    { text: 'item 4 without own value' }
+                ]
+            },
+            { text: '\n\nNested lists (ordered)', style: 'header' },
+            {
+                ol: [
+                    'item 1',
+                    [
+                        'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                        {
+                            ol: [
+                                'subitem 1',
+                                'subitem 2',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                {
+                                    text: [
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                        'subitem 3 - Lorem ipsum dolor sit amet',
+                                    ]
+                                },
+
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 3 - Lorem ipsum dolor sit amet',
+                                'subitem 4',
+                                'subitem 5',
+                            ]
+                        }
+                    ],
+                    'item 3\nsecond line of item3'
+                ]
+            },
+            { text: '\n\nNested lists (unordered)', style: 'header' },
+            {
+                ol: [
+                    'item 1',
+                    'Lorem ipsum dolor sit amet',
+                    {
+                        ul: [
+                            'subitem 1',
+                            'subitem 2',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            {
+                                text: [
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                ]
+                            },
+
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 4',
+                            'subitem 5',
+                        ]
+                    },
+                    'item 3\nsecond line of item3',
+                ]
+            },
+            { text: '\n\nUnordered lists inside columns', style: 'header' },
+            {
+                columns: [
+                    {
+                        ul: [
+                            'item 1',
+                            'Lorem ipsum dolor sit amet',
+                        ]
+                    },
+                    {
+                        ul: [
+                            'item 1',
+                            'Lorem ipsum dolor sit amet',
+                        ]
+                    }
+                ]
+            },
+            { text: '\n\nOrdered lists inside columns', style: 'header' },
+            {
+                columns: [
+                    {
+                        ol: [
+                            'item 1',
+                            'Lorem ipsum dolor sit amet',
+                        ]
+                    },
+                    {
+                        ol: [
+                            'item 1',
+                            'Lorem ipsum dolor sit amet',
+                        ]
+                    }
+                ]
+            },
+            { text: '\n\nNested lists width columns', style: 'header' },
+            {
+                ul: [
+                    'item 1',
+                    'Lorem ipsum dolor sit amet',
+                    {
+                        ol: [
+                            [
+                                {
+                                    columns: [
+                                        'column 1',
+                                        {
+                                            stack: [
+                                                'column 2',
+                                                {
+                                                    ul: [
+                                                        'item 1',
+                                                        'item 2',
+                                                        {
+                                                            ul: [
+                                                                'item',
+                                                                'item',
+                                                                'item',
+                                                            ]
+                                                        },
+                                                        'item 4',
+                                                    ]
+                                                }
+                                            ]
+                                        },
+                                        'column 3',
+                                        'column 4',
+                                    ]
+                                },
+                                'subitem 1 in a vertical container',
+                                'subitem 2 in a vertical container',
+                            ],
+                            'subitem 2',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            {
+                                text: [
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                    'subitem 3 - Lorem ipsum dolor sit amet',
+                                ]
+                            },
+
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 3 - Lorem ipsum dolor sit amet',
+                            'subitem 4',
+                            'subitem 5',
+                        ]
+                    },
+                    'item 3\nsecond line of item3',
+                ]
+            },
+            { text: '\n\nUnordered list with square marker type', style: 'header' },
+            {
+                type: 'square',
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nUnordered list with circle marker type', style: 'header' },
+            {
+                type: 'circle',
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nColored unordered list', style: 'header' },
+            {
+                color: 'blue',
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nColored unordered list with own marker color', style: 'header' },
+            {
+                color: 'blue',
+                markerColor: 'red',
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nColored ordered list', style: 'header' },
+            {
+                color: 'blue',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nColored ordered list with own marker color', style: 'header' },
+            {
+                color: 'blue',
+                markerColor: 'red',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list - type: lower-alpha', style: 'header' },
+            {
+                type: 'lower-alpha',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list - type: upper-alpha', style: 'header' },
+            {
+                type: 'upper-alpha',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+
+            { text: '\n\nOrdered list - type: upper-roman', style: 'header' },
+            {
+                type: 'upper-roman',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3',
+                    'item 4',
+                    'item 5'
+                ]
+            },
+            { text: '\n\nOrdered list - type: lower-roman', style: 'header' },
+            {
+                type: 'lower-roman',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3',
+                    'item 4',
+                    'item 5'
+                ]
+            },
+            { text: '\n\nOrdered list - type: none', style: 'header' },
+            {
+                type: 'none',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nUnordered list - type: none', style: 'header' },
+            {
+                type: 'none',
+                ul: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with own separator', style: 'header' },
+            {
+                separator: ')',
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with own complex separator', style: 'header' },
+            {
+                separator: ['(', ')'],
+                ol: [
+                    'item 1',
+                    'item 2',
+                    'item 3'
+                ]
+            },
+            { text: '\n\nOrdered list with own items type', style: 'header' },
+            {
+                ol: [
+                    'item 1',
+                    { text: 'item 2', listType: 'none' },
+                    { text: 'item 3', listType: 'upper-roman' }
+                ]
+            },
+            { text: '\n\nUnordered list with own items type', style: 'header' },
+            {
+                ul: [
+                    'item 1',
+                    { text: 'item 2', listType: 'none' },
+                    { text: 'item 3', listType: 'circle' }
+                ]
+            },
+        ],
+        styles: {
+            header: {
+                bold: true,
+                fontSize: 15
+            }
+        },
+        defaultStyle: {
+            fontSize: 12
+        }
+    },
+    {
+        content: [
+            {
+                stack: [
+                    'This header has both top and bottom margins defined',
+                    { text: 'This is a subheader', style: 'subheader' },
+                ],
+                style: 'header'
+            },
+            {
+                text: [
+                    'Margins have slightly different behavior than other layout properties. ',
+                    'They are not inherited, unlike anything else. They\'re applied only to those nodes which explicitly ',
+                    'set margin or style property.\n',
+                ]
+            },
+            {
+                text: 'This paragraph (consisting of a single line) directly sets top and bottom margin to 20',
+                margin: [0, 20],
+            },
+            {
+                stack: [
+                    {
+                        text: [
+                            'This line begins a stack of paragraphs. The whole stack uses a ',
+                            { text: 'superMargin', italics: true },
+                            ' style (with margin and fontSize properties).',
+                        ]
+                    },
+                    { text: ['When you look at the', { text: ' document definition', italics: true },
+                    ', you will notice that fontSize is inherited by all paragraphs inside the stack.'] },
+                    'Margin however is only applied once (to the whole stack).'
+                ],
+                style: 'superMargin'
+            },
+            {
+                stack: [
+                    'I\'m not sure yet if this is the desired behavior. I find it a better approach however.',
+                    ' One thing to be considered in the future is an explicit layout property called inheritMargin which could opt-in the inheritance.\n\n',
+                    {
+                        fontSize: 15,
+                        text: [
+                            'Currently margins for ',
+                            /* the following margin definition doesn't change anything */
+                            { text: 'inlines', margin: 20 },
+                            ' are ignored\n\n'
+                        ],
+                    },
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                    'Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n',
+                ],
+                margin: [0, 20, 0, 0],
+                alignment: 'justify'
+            }
+        ],
+        styles: {
+            header: {
+                fontSize: 18,
+                bold: true,
+                alignment: 'right',
+                margin: [0, 190, 0, 80]
+            },
+            subheader: {
+                fontSize: 14
+            },
+            superMargin: {
+                margin: [20, 0, 40, 0],
+                fontSize: 15
+            }
+        }
+    },
+    {
+        content: [
+            'pdfmake (since it\'s based on pdfkit) supports JPEG and PNG format',
+            'If no width/height/fit is provided, image original size will be used',
+            {
+                image: 'sampleImage.jpg',
+            },
+            'If you specify width, image will scale proportionally',
+            {
+                image: 'sampleImage.jpg',
+                width: 150
+            },
+            'If you specify both width and height - image will be stretched',
+            {
+                image: 'sampleImage.jpg',
+                width: 150,
+                height: 150,
+            },
+            'You can also fit the image inside a rectangle',
+            {
+                image: 'sampleImage.jpg',
+                fit: [100, 100],
+                pageBreak: 'after'
+            },
+            // Warning! Make sure to copy this definition and paste it to an
+            // external text editor, as the online AceEditor has some troubles
+            // with long dataUrl lines and the following image values look like
+            // they're empty.
+            'Images can be also provided in dataURL format...',
+            {
+                image: 'data:image/gif;base64,...',
+                width: 200
+            },
+            'or be declared in an "images" dictionary and referenced by name',
+            {
+                image: 'building',
+                width: 200
+            },
+        ],
+        images: {
+            building: 'data:image/gif;base64,...'
+        }
+    }
+];
 
 const createPdf = () => {
   const pdf = pdfMake;
   pdf.vfs = pdfFonts.pdfMake.vfs;
-  pdfMake.createPdf(docDefinition).download();
+
+  for (const definition of definitions) {
+      const typedDefinition: pdfMake.TDocumentDefinitions = definition;
+      pdfMake.createPdf(typedDefinition).download();
+  }
 };
diff --git a/types/pg/index.d.ts b/types/pg/index.d.ts
index 621a3aa1b8..44863aee0b 100644
--- a/types/pg/index.d.ts
+++ b/types/pg/index.d.ts
@@ -18,6 +18,7 @@ export interface ConnectionConfig {
     connectionString?: string;
     keepAlive?: boolean;
     stream?: stream.Duplex;
+    statement_timeout?: false | number;
 }
 
 export interface Defaults extends ConnectionConfig {
@@ -153,7 +154,7 @@ export class Pool extends events.EventEmitter {
     end(callback: () => void): void;
 
     query<T extends Submittable>(queryStream: T): T;
-    query(queryConfig: QueryArrayConfig): Promise<QueryArrayResult>;
+    query(queryConfig: QueryArrayConfig, values?: any[]): Promise<QueryArrayResult>;
     query(queryConfig: QueryConfig): Promise<QueryResult>;
     query(queryTextOrConfig: string | QueryConfig, values?: any[]): Promise<QueryResult>;
     query(queryConfig: QueryArrayConfig, callback: (err: Error, result: QueryArrayResult) => void): Query;
@@ -171,7 +172,7 @@ export class ClientBase extends events.EventEmitter {
     connect(callback: (err: Error) => void): void;
 
     query<T extends Submittable>(queryStream: T): T;
-    query(queryConfig: QueryArrayConfig): Promise<QueryArrayResult>;
+    query(queryConfig: QueryArrayConfig, values?: any[]): Promise<QueryArrayResult>;
     query(queryConfig: QueryConfig): Promise<QueryResult>;
     query(queryTextOrConfig: string | QueryConfig, values?: any[]): Promise<QueryResult>;
     query(queryConfig: QueryArrayConfig, callback: (err: Error, result: QueryArrayResult) => void): Query;
diff --git a/types/phantom/tslint.json b/types/phantom/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/phantom/tslint.json
+++ b/types/phantom/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/phonegap/tslint.json b/types/phonegap/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/phonegap/tslint.json
+++ b/types/phonegap/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/physijs/tslint.json b/types/physijs/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/physijs/tslint.json
+++ b/types/physijs/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/pigpio-dht/index.d.ts b/types/pigpio-dht/index.d.ts
new file mode 100644
index 0000000000..c11194c3a9
--- /dev/null
+++ b/types/pigpio-dht/index.d.ts
@@ -0,0 +1,39 @@
+// Type definitions for pigpio-dht 1.1
+// Project: https://github.com/depuits/pigpio-dht
+// Definitions by: Erik Mavrinac <https://github.com/erikma>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+export = dht;
+
+/**
+ * Returns a new DHT object for accessing a DHT11 or DHT22/AM2302 via GPIO.
+ * @param gpio      an unsigned integer specifying the GPIO number
+ * @param type      11 to initialize for reading a DHT11, 22 for DHT22/AM2302
+ */
+declare function dht(gpio: number, type: number): dht.Dht;
+
+declare namespace dht {
+    interface Dht extends NodeJS.EventEmitter {
+        /**
+         * Starts reading the sensor value. Emits the 'start' event before starting,
+         * the 'end' event on end whether or not an error occurred, the 'result'
+         * event with a DhtResult on success, and the 'badChecksum' event on a
+         * receive failure.
+         * @returns false if a read is already underway, true if a new read was started.
+         */
+        read(): boolean;
+    }
+
+    /**
+     * Result from a successful sensor read.
+     */
+    interface DhtResult {
+        /** The temperature value in degrees Celsius. */
+        temperature: number;
+
+        /** The humidity value in percentage points. */
+        humidity: number;
+    }
+}
diff --git a/types/pigpio-dht/pigpio-dht-tests.ts b/types/pigpio-dht/pigpio-dht-tests.ts
new file mode 100644
index 0000000000..f20bca1b9d
--- /dev/null
+++ b/types/pigpio-dht/pigpio-dht-tests.ts
@@ -0,0 +1,9 @@
+import * as dht from 'pigpio-dht';
+
+const dhtReadPin = 2;
+const sensor: dht.Dht = dht(dhtReadPin, 11);
+sensor.on('start', () => console.log("start"));
+sensor.on('end', () => console.log("end"));
+sensor.on('result', (result: dht.DhtResult) => console.log(`result: ${result.temperature} degC, ${result.humidity}% relative humidity`));
+sensor.on('badChecksum', () => console.log("bad checksum!"));
+sensor.read();
diff --git a/types/pigpio-dht/tsconfig.json b/types/pigpio-dht/tsconfig.json
new file mode 100644
index 0000000000..960ea6bae1
--- /dev/null
+++ b/types/pigpio-dht/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pigpio-dht-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/pigpio-dht/tslint.json b/types/pigpio-dht/tslint.json
new file mode 100644
index 0000000000..1a60b8a5dd
--- /dev/null
+++ b/types/pigpio-dht/tslint.json
@@ -0,0 +1,4 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": { }
+}
diff --git a/types/pikaday-time/tslint.json b/types/pikaday-time/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/pikaday-time/tslint.json
+++ b/types/pikaday-time/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/pikaday/index.d.ts b/types/pikaday/index.d.ts
index 7f2fb7eca4..63967d3169 100644
--- a/types/pikaday/index.d.ts
+++ b/types/pikaday/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for pikaday 1.6
+// Type definitions for pikaday 1.7
 // Project: https://github.com/dbushell/Pikaday
 // Definitions by: Rudolph Gottesheim <https://github.com/MidnightDesign>
 //                 Åke Wivänge <https://github.com/wake42>
+//                 Istvan Mezo <https://github.com/mezoistvan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -173,6 +174,11 @@ declare namespace Pikaday {
          */
         bound?: boolean;
 
+        /**
+         * Data-attribute on the input field with an aria assistance test (only applied when bound is set)
+         */
+        ariaLabel?: string;
+
         /**
          * Preferred position of the datepicker relative to the form field
          * (e.g. 'top right'). Automatic adjustment may occur to avoid
@@ -241,6 +247,11 @@ declare namespace Pikaday {
          */
         showWeekNumber?: boolean;
 
+        /**
+         * Select a whole week instead of a day (default false)
+         */
+        pickWholeWeek?: boolean;
+
         /**
          * Reverse the calendar for right-to-left languages. Default: false.
          */
@@ -266,6 +277,11 @@ declare namespace Pikaday {
          */
         showDaysInNextAndPreviousMonths?: boolean;
 
+        /**
+         * Allows user to select date that is in the next or previous months (default: false)
+         */
+        enableSelectionDaysInNextAndPreviousMonths?: boolean;
+
         /**
          * Number of visible calendars.
          */
@@ -278,12 +294,22 @@ declare namespace Pikaday {
          */
         mainCalendar?: string;
 
+        /**
+         * Array of dates that you would like to differentiate from regular days (e.g. ['Sat Jun 28 2017', 'Sun Jun 29 2017', 'Tue Jul 01 2017',])
+         */
+        events?: string[];
+
         /**
          * Define a class name that can be used as a hook for styling different
          * themes. Default: null.
          */
         theme?: string;
 
+        /**
+         * Defines if the field is blurred when a date is selected (default true)
+         */
+        blurFieldOnSelect?: boolean;
+
         /**
          * The default flag for moment's strict date parsing (requires Moment.js for custom formatting). Default: false
          */
@@ -320,5 +346,10 @@ declare namespace Pikaday {
          * Callback function for when the picker draws a new month.
          */
         onDraw?(): void;
+
+        /**
+         * Enable keyboard input support. Default: true
+         */
+        keyboardInput?: boolean;
     }
 }
diff --git a/types/pikaday/pikaday-tests.ts b/types/pikaday/pikaday-tests.ts
index 3f77683cd4..14250d0df3 100644
--- a/types/pikaday/pikaday-tests.ts
+++ b/types/pikaday/pikaday-tests.ts
@@ -67,6 +67,7 @@ new Pikaday({field: $('#datepicker')[0]});
         format: 'YYYY-MM-DD',
         trigger: document.getElementById('datepicker'),
         bound: false,
+        ariaLabel: 'myLabel',
         position: 'top right',
         reposition: false,
         container: document.getElementById('myTag'),
@@ -79,20 +80,25 @@ new Pikaday({field: $('#datepicker')[0]});
         disableDayFn: (date) => true,
         yearRange: [2000, 2020],
         showWeekNumber: true,
+        pickWholeWeek: true,
         isRTL: true,
         yearSuffix: 'r',
         showMonthAfterYear: false,
         showDaysInNextAndPreviousMonths: true,
+        enableSelectionDaysInNextAndPreviousMonths: true,
         numberOfMonths: 2,
         mainCalendar: 'right',
+        events: ['Sat Jun 28 2017'],
         theme: 'myTheme',
+        blurFieldOnSelect: false,
         formatStrict: true,
         toString: (date) => '2017-08-23',
         parse: () => new Date('2017-08-23'),
         onSelect: () => {},
         onOpen: () => {},
         onClose: () => {},
-        onDraw: () => {}
+        onDraw: () => {},
+        keyboardInput: false
     });
 })();
 
diff --git a/types/pikaday/tslint.json b/types/pikaday/tslint.json
index 495d29983d..1c36270d47 100644
--- a/types/pikaday/tslint.json
+++ b/types/pikaday/tslint.json
@@ -1,5 +1,6 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
+        "no-angle-bracket-type-assertion": false
     }
 }
diff --git a/types/pino-http/index.d.ts b/types/pino-http/index.d.ts
new file mode 100644
index 0000000000..a93abf406f
--- /dev/null
+++ b/types/pino-http/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for pino-http 4.0
+// Project: https://github.com/pinojs/pino-http#readme
+// Definitions by: Christian Rackerseder <https://github.com/screendriver>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { IncomingMessage, ServerResponse } from 'http';
+import { Level, Logger, LoggerOptions } from 'pino';
+
+export = PinoHttp;
+
+declare function PinoHttp(opts?: PinoHttp.Options): PinoHttp.HttpLogger;
+
+declare namespace PinoHttp {
+    type HttpLogger = (req: IncomingMessage, res: ServerResponse) => void;
+
+    interface Options extends LoggerOptions {
+        logger?: Logger;
+        genReqId?: (req: IncomingMessage) => number;
+        useLevel?: Level;
+    }
+}
+
+declare module 'http' {
+    interface IncomingMessage {
+        log: Logger;
+    }
+}
diff --git a/types/pino-http/pino-http-tests.ts b/types/pino-http/pino-http-tests.ts
new file mode 100644
index 0000000000..96207c8d9d
--- /dev/null
+++ b/types/pino-http/pino-http-tests.ts
@@ -0,0 +1,16 @@
+import http = require('http');
+import pino = require('pino');
+import pinoHttp = require('pino-http');
+
+const logger = pino();
+const httpLogger = pinoHttp();
+
+function handle(req: http.IncomingMessage, res: http.ServerResponse) {
+  httpLogger(req, res);
+  req.log.info('something else');
+}
+
+pinoHttp({ logger });
+pinoHttp({ genReqId: (req) => req.statusCode || 200 });
+pinoHttp({ useLevel: 'error' });
+pinoHttp({ prettyPrint: true });
diff --git a/types/pino-http/tsconfig.json b/types/pino-http/tsconfig.json
new file mode 100644
index 0000000000..3adac9b376
--- /dev/null
+++ b/types/pino-http/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pino-http-tests.ts"
+    ]
+}
diff --git a/types/pino-http/tslint.json b/types/pino-http/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pino-http/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pino/index.d.ts b/types/pino/index.d.ts
index 71cb957643..bea9987832 100644
--- a/types/pino/index.d.ts
+++ b/types/pino/index.d.ts
@@ -1,17 +1,19 @@
-// Type definitions for pino 5.6
+// Type definitions for pino 5.8
 // Project: https://github.com/pinojs/pino.git
 // Definitions by: Peter Snider <https://github.com/psnider>
 //                 BendingBender <https://github.com/BendingBender>
 //                 Christian Rackerseder <https://github.com/screendriver>
 //                 GP <https://github.com/paambaati>
+//                 Alex Ferrando <https://github.com/alferpal>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
 /// <reference types="node"/>
 
-import * as stream from 'stream';
-import * as http from 'http';
-import { EventEmitter } from 'events';
+import stream = require('stream');
+import http = require('http');
+import EventEmitter = require('events');
+import SonicBoom = require('sonic-boom');
 
 export = P;
 
@@ -20,7 +22,7 @@ export = P;
  * relative protocol is enabled. Default: process.stdout
  * @returns a new logger instance.
  */
-declare function P(optionsOrStream?: P.LoggerOptions | stream.Writable | stream.Duplex | stream.Transform | NodeJS.WritableStream): P.Logger;
+declare function P(optionsOrStream?: P.LoggerOptions | stream.Writable | stream.Duplex | stream.Transform | NodeJS.WritableStream | SonicBoom): P.Logger;
 
 /**
  * @param [options]: an options object
@@ -28,7 +30,7 @@ declare function P(optionsOrStream?: P.LoggerOptions | stream.Writable | stream.
  * relative protocol is enabled. Default: process.stdout
  * @returns a new logger instance.
  */
-declare function P(options: P.LoggerOptions, stream: stream.Writable | stream.Duplex | stream.Transform | NodeJS.WritableStream): P.Logger;
+declare function P(options: P.LoggerOptions, stream: stream.Writable | stream.Duplex | stream.Transform | NodeJS.WritableStream | SonicBoom): P.Logger;
 
 declare namespace P {
     /**
@@ -75,11 +77,6 @@ declare namespace P {
          * The default time function for Pino. Returns a string like `,"time":1493426328206`.
          */
         epochTime: TimeFn;
-        /**
-         * Returns an ISO formatted string like `,"time":"2017-04-29T004749.354Z"`. It is highly recommended that you avoid this function.
-         * It incurs a significant performance penalty.
-         */
-        slowTime: TimeFn;
         /**
          * Returns an empty string. This function is used when the `timestamp` option is set to `false`.
          */
@@ -87,12 +84,36 @@ declare namespace P {
     };
 
     /**
-     * Provides access to the CLI log prettifier as an API.
-     * This can also be enabled via the constructor by setting the `prettyPrint` option to either `true` or a configuration object described in this section.
-     * @param [options]: an options object
-     * @returns A transform stream to be used as input for the constructor.
+     * Create a Pino Destination instance: a stream-like object with significantly more throughput (over 30%) than a standard Node.js stream.
+     * @param [fileDescriptor]: File path or numerical file descriptor, by default 1
+     * @returns A Sonic-Boom  stream to be used as destination for the pino function
      */
-    function pretty(options?: PrettyOptions): stream.Transform;
+    function destination(fileDescriptor?: string | number): SonicBoom;
+
+    /**
+     * Create an extreme mode destination. This yields an additional 60% performance boost.
+     * There are trade-offs that should be understood before usage.
+     * @param [fileDescriptor]: File path or numerical file descriptor, by default 1
+     * @returns A Sonic-Boom  stream to be used as destination for the pino function
+     */
+    function extreme(fileDescriptor?: string | number): SonicBoom;
+
+    /**
+     * The pino.final method can be used to create an exit listener function.
+     * This listener function can be supplied to process exit events.
+     * The exit listener function will cal the handler with
+     * @param [logger]: pino logger that serves as reference for the final logger
+     * @param [handler]: Function that will be called by the handler returned from this function
+     * @returns Exit listener function that can be supplied to process exit events and will call the supplied handler function
+     */
+    function final(logger: Logger, handler: (error: Error, finalLogger: Logger, ...args: any[]) => void): (error: Error | null, ...args: any[]) => void;
+
+    /**
+     * The pino.final method can be used to acquire a final logger instance that synchronously flushes on every write.
+     * @param [logger]: pino logger that serves as reference for the final logger
+     * @returns Final, synchronous logger
+     */
+    function final(logger: Logger): Logger;
 
     interface LevelMapping {
         /**
@@ -128,19 +149,6 @@ declare namespace P {
          * Caution: any sort of formatted time will significantly slow down Pino's performance.
          */
         timestamp?: TimeFn | false;
-        /**
-         * @deprecated
-         * This option is scheduled to be removed in Pino 5.0.0. Use `timestamp: pino.stdTimeFunctions.slowTime` instead.
-         * Outputs ISO time stamps ('2016-03-09T15:18:53.889Z') instead of Epoch time stamps (1457536759176).
-         * WARNING: This option carries a 25% performance drop, we recommend using default Epoch timestamps and transforming logs after if required.
-         * The pino -t command will do this for you (see CLI). Default: `false`.
-         */
-        slowtime?: boolean;
-        /**
-         * Enables extreme mode, yields an additional 60% performance (from 250ms down to 100ms per 10000 ops).
-         * There are trade-off's should be understood before usage. See Extreme mode explained. Default: `false`.
-         */
-        extreme?: boolean;
         /**
          * One of the supported levels or `silent` to disable logging. Any other value defines a custom level and
          * requires supplying a level value via `levelVal`. Default: 'info'.
@@ -150,6 +158,10 @@ declare namespace P {
          * Outputs the level as a string instead of integer. Default: `false`.
          */
         useLevelLabels?: boolean;
+        /**
+         * Changes the property `level` to any string value you pass in. Default: 'level'
+         */
+        changeLevelName?: string;
         /**
          * Use this option to define additional logging levels.
          * The keys of the object correspond the namespace of the log level, and the values should be the numerical value of the level.
@@ -161,6 +173,20 @@ declare namespace P {
          * Warning: this option may not be supported by downstream transports.
          */
         useOnlyCustomLevels?: boolean;
+
+        /**
+         * As an array, the redact option specifies paths that should have their values redacted from any log output.
+         *
+         * Each path must be a string using a syntax which corresponds to JavaScript dot and bracket notation.
+         *
+         * If an object is supplied, three options can be specified:
+         *
+         *      paths (String[]): Required. An array of paths
+         *      censor (String): Optional. A value to overwrite key which are to be redacted. Default: '[Redacted]'
+         *      remove (Boolean): Optional. Instead of censoring the value, remove both the key and the value. Default: false
+         */
+        redact?: string[] | redactOptions;
+
         /**
          * When defining a custom log level via level, set to an integer value to define the new level. Default: `undefined`.
          */
@@ -408,4 +434,10 @@ declare namespace P {
         (msg: string, ...args: any[]): void;
         (obj: object, msg?: string, ...args: any[]): void;
     }
+
+    interface redactOptions {
+        paths: string[];
+        censor?: string;
+        remove?: boolean;
+    }
 }
diff --git a/types/pino/pino-tests.ts b/types/pino/pino-tests.ts
index 356f84da30..d3203b5dd4 100644
--- a/types/pino/pino-tests.ts
+++ b/types/pino/pino-tests.ts
@@ -7,9 +7,9 @@ const error = log.error;
 info('hello world');
 error('this is at error level');
 info('the answer is %d', 42);
-info({obj: 42}, 'hello world');
-info({obj: 42, b: 2}, 'hello world');
-info({obj: {aa: 'bbb'}}, 'another');
+info({ obj: 42 }, 'hello world');
+info({ obj: 42, b: 2 }, 'hello world');
+info({ obj: { aa: 'bbb' } }, 'another');
 setImmediate(info, 'after setImmediate');
 error(new Error('an error'));
 
@@ -22,15 +22,6 @@ const log2: pino.Logger = pino({
     }
 });
 
-const pretty = pino.pretty();
-pretty.pipe(process.stdout);
-const log3 = pino({
-    name: 'app',
-    safe: true
-}, pretty);
-log3.child({widget: 'foo'}).info('hello');
-log3.child({widget: 'bar'}).warn('hello 2');
-
 pino({
     browser: {
         write(o) {
@@ -50,27 +41,27 @@ pino({
 });
 
 pino({ base: null });
-pino({ base: { foo: 'bar' } });
+pino({ base: { foo: 'bar' }, changeLevelName: 'severity' });
 
 if ('pino' in log) console.log(`pino version: ${log.pino}`);
 
-log.child({a: 'property'}).info('hello child!');
+log.child({ a: 'property' }).info('hello child!');
 log.level = 'error';
 log.info('nope');
-const child = log.child({foo: 'bar'});
+const child = log.child({ foo: 'bar' });
 child.info('nope again');
 child.level = 'info';
 child.info('hooray');
 log.info('nope nope nope');
-log.child({foo: 'bar', level: 'debug'}).debug('debug!');
+log.child({ foo: 'bar', level: 'debug' }).debug('debug!');
 const customSerializers = {
     test() {
         return 'this is my serializer';
     }
 };
-pino().child({serializers: customSerializers}).info({test: 'should not show up'});
-const child2 = log.child({father: true});
-const childChild = child2.child({baby: true});
+pino().child({ serializers: customSerializers }).info({ test: 'should not show up' });
+const child2 = log.child({ father: true });
+const childChild = child2.child({ baby: true });
 
 log.level = 'info';
 if (log.levelVal === 30) {
@@ -100,3 +91,35 @@ logstderr.error('on stderr instead of stdout');
 log.useLevelLabels = true;
 log.info('lol');
 log.level === 'info';
+
+const extremeDest = pino.extreme();
+const logExtreme = pino(extremeDest);
+
+const handler = pino.final(logExtreme, (err: Error, finalLogger: pino.BaseLogger) => {
+    if (err) {
+        finalLogger.error(err, 'error caused exit');
+    }
+});
+
+handler(new Error('error'));
+
+const redacted = pino({
+    redact: ['path']
+});
+
+redacted.info({
+    msg: 'logged with redacted properties',
+    path: 'Not shown'
+});
+
+const anotherRedacted = pino({
+    redact: {
+        paths: ['anotherPath'],
+        censor: 'Not the log you\re looking for'
+    }
+});
+
+anotherRedacted.info({
+    msg: 'another logged with redacted properties',
+    anotherPath: 'Not shown'
+});
diff --git a/types/pixi.js/index.d.ts b/types/pixi.js/index.d.ts
index 17913f4903..7c05701e75 100644
--- a/types/pixi.js/index.d.ts
+++ b/types/pixi.js/index.d.ts
@@ -261,7 +261,7 @@ declare namespace PIXI {
 
         getRectangle(rect?: Rectangle): Rectangle;
         addPoint(point: Point): void;
-        addQuad(vertices: number[]): Bounds | undefined;
+        addQuad(vertices: ArrayLike<number>): Bounds | undefined;
         addFrame(
             transform: Transform,
             x0: number,
@@ -271,7 +271,7 @@ declare namespace PIXI {
         ): void;
         addVertices(
             transform: Transform,
-            vertices: number[],
+            vertices: ArrayLike<number>,
             beginOffset: number,
             endOffset: number
         ): void;
@@ -289,9 +289,7 @@ declare namespace PIXI {
         height: number;
 
         protected onChildrenChange: (...args: any[]) => void;
-        addChild<T extends DisplayObject>(
-            ...children: T[]
-        ): T;
+        addChild<T extends DisplayObject>(...children: T[]): T;
         addChildAt<T extends DisplayObject>(child: T, index: number): T;
         swapChildren(child: DisplayObject, child2: DisplayObject): void;
         getChildIndex(child: DisplayObject): number;
@@ -379,9 +377,7 @@ declare namespace PIXI {
             | PIXI.HitArea;
         buttonMode: boolean;
         cursor: string;
-        trackedPointers(): {
-            [key: number]: interaction.InteractionTrackingData;
-        };
+        trackedPointers: { [key: number]: interaction.InteractionTrackingData; };
         // Deprecated
         defaultCursor: string;
         // end interactive target
@@ -608,6 +604,7 @@ declare namespace PIXI {
         boundsPadding: number;
         protected _localBounds: Bounds;
         dirty: number;
+        canvasTintDirty: number;
         fastRectDirty: number;
         clearDirty: number;
         boundsDirty: number;
@@ -869,6 +866,8 @@ declare namespace PIXI {
     }
     class ObservablePoint extends PointLike {
         constructor(cb: () => any, scope?: any, x?: number, y?: number);
+        clone(cb?: Function, scope?: any): ObservablePoint;
+        equals(p: Point | ObservablePoint | PointLike): boolean;
         cb: () => any;
         scope: any;
     }
@@ -1148,7 +1147,7 @@ declare namespace PIXI {
             displayObject: PIXI.DisplayObject,
             renderTexture?: PIXI.RenderTexture,
             clear?: boolean,
-            transform?: PIXI.Transform,
+            transform?: PIXI.Matrix,
             skipUpdateTransform?: boolean
         ): void;
         setBlendMode(blendMode: number): void;
@@ -1267,7 +1266,7 @@ declare namespace PIXI {
             displayObject: PIXI.DisplayObject,
             renderTexture?: PIXI.RenderTexture,
             clear?: boolean,
-            transform?: PIXI.Transform,
+            transform?: PIXI.Matrix,
             skipUpdateTransform?: boolean
         ): void;
         setObjectRenderer(objectRenderer: ObjectRenderer): void;
@@ -1281,7 +1280,7 @@ declare namespace PIXI {
         ): WebGLRenderer;
         bindRenderTexture(
             renderTexture: RenderTexture,
-            transform: Transform
+            transform: Matrix
         ): WebGLRenderer;
         bindRenderTarget(renderTarget: RenderTarget): WebGLRenderer;
         bindShader(shader: Shader, autoProject?: boolean): WebGLRenderer;
@@ -2162,7 +2161,8 @@ declare namespace PIXI {
             frame?: Rectangle,
             orig?: Rectangle,
             trim?: Rectangle,
-            rotate?: number
+            rotate?: number,
+            anchor?: Point
         );
 
         noFrame: boolean;
@@ -2173,6 +2173,7 @@ declare namespace PIXI {
         requiresUpdate: boolean;
         protected _uvs: TextureUvs;
         orig: Rectangle;
+        defaultAnchor: Point;
         protected _updateID: number;
         transform: TextureMatrix;
         textureCacheIds: string[];
@@ -2198,9 +2199,16 @@ declare namespace PIXI {
         ): Texture;
         static fromVideo(
             video: HTMLVideoElement | string,
-            scaleMode?: number
+            scaleMode?: number,
+            crossorigin?: boolean,
+            autoPlay?: boolean
+        ): Texture;
+        static fromVideoUrl(
+            videoUrl: string,
+            scaleMode?: number,
+            crossorigin?: boolean,
+            autoPlay?: boolean
         ): Texture;
-        static fromVideoUrl(videoUrl: string, scaleMode?: number): Texture;
         static from(
             source:
                 | number
@@ -2304,6 +2312,7 @@ declare namespace PIXI {
         );
 
         baseTexture: BaseTexture;
+        animations: { [key: string]: Texture };
         textures: { [key: string]: Texture };
         data: any;
         resolution: number;
@@ -2323,12 +2332,17 @@ declare namespace PIXI {
         ): void;
         protected _processFrames(initialFrameIndex: number): void;
         protected _parseComplete(): void;
+        protected _processAnimations(): void;
         protected _nextBatch(): void;
         destroy(destroyBase?: boolean): void;
     }
 
     class VideoBaseTexture extends BaseTexture {
-        constructor(source: HTMLVideoElement, scaleMode?: number);
+        constructor(
+            source: HTMLVideoElement,
+            scaleMode?: number,
+            autoPlay?: boolean
+        );
 
         autoUpdate: boolean;
         autoPlay: boolean;
@@ -2344,11 +2358,13 @@ declare namespace PIXI {
 
         static fromVideo(
             video: HTMLVideoElement,
-            scaleMode?: number
+            scaleMode?: number,
+            autoPlay?: boolean
         ): VideoBaseTexture;
         static fromUrl(
             videoSrc: string | any | string[] | any[],
-            crossOrigin?: boolean
+            crossorigin?: boolean,
+            autoPlay?: boolean
         ): VideoBaseTexture;
         static fromUrls(
             videoSrc: string | any | string[] | any[]
@@ -2793,7 +2809,7 @@ declare namespace PIXI {
                 | PIXI.HitArea;
             buttonMode: boolean;
             cursor: string;
-            trackedPointers(): { [key: number]: InteractionTrackingData };
+            trackedPointers: { [key: number]: InteractionTrackingData };
 
             // Deprecated
             defaultCursor: string;
diff --git a/types/pkg-up/index.d.ts b/types/pkg-up/index.d.ts
new file mode 100644
index 0000000000..d5a511543f
--- /dev/null
+++ b/types/pkg-up/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for pkg-up 2.0
+// Project: https://github.com/sindresorhus/pkg-up#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export = pkgUp;
+
+declare function pkgUp(cwd?: string): Promise<string>;
+
+declare namespace pkgUp {
+    function sync(cwd?: string): string;
+}
diff --git a/types/pkg-up/pkg-up-tests.ts b/types/pkg-up/pkg-up-tests.ts
new file mode 100644
index 0000000000..79803ffd68
--- /dev/null
+++ b/types/pkg-up/pkg-up-tests.ts
@@ -0,0 +1,6 @@
+import pkgUp = require('pkg-up');
+
+pkgUp().then(filepath => {
+    filepath;
+    // => '/Users/sindresorhus/foo/package.json'
+});
diff --git a/types/pkg-up/tsconfig.json b/types/pkg-up/tsconfig.json
new file mode 100644
index 0000000000..bd078c902c
--- /dev/null
+++ b/types/pkg-up/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pkg-up-tests.ts"
+    ]
+}
diff --git a/types/pkg-up/tslint.json b/types/pkg-up/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pkg-up/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/playcanvas/index.d.ts b/types/playcanvas/index.d.ts
index 24fe7ec6ee..fd3fbbcfbc 100644
--- a/types/playcanvas/index.d.ts
+++ b/types/playcanvas/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/playcanvas/engine
 // Definitions by: Philippe Vaillancourt <https://github.com/Neoflash1979>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="webvr-api" />
 /// <reference path="./engine/scriptype.d.ts" />
diff --git a/types/playcanvas/tslint.json b/types/playcanvas/tslint.json
index 3db14f85ea..a2bb521763 100644
--- a/types/playcanvas/tslint.json
+++ b/types/playcanvas/tslint.json
@@ -1 +1,26 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "array-type": false,
+        "ban-types": false,
+        "eofline": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "no-consecutive-blank-lines": false,
+        "no-padding": false,
+        "no-redundant-jsdoc-2": false,
+        "no-trailing-whitespace": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-var-keyword": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "strict-export-declare-modifiers": false,
+        "unified-signatures": false,
+        "void-return": false
+    }
+}
diff --git a/types/playerframework/tslint.json b/types/playerframework/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/playerframework/tslint.json
+++ b/types/playerframework/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/plist/index.d.ts b/types/plist/index.d.ts
index b7064e55a3..f97b267df4 100644
--- a/types/plist/index.d.ts
+++ b/types/plist/index.d.ts
@@ -20,9 +20,9 @@ export type PlistValue =
   string | number | boolean |
   Date | Buffer | PlistObject | PlistArray;
 export interface PlistObject {
-  [x: string]: PlistValue;
+  readonly [x: string]: PlistValue;
 }
-export interface PlistArray extends Array<PlistValue> { }
+export interface PlistArray extends ReadonlyArray<PlistValue> { }
 
 // PlistBuildOptions
 // The instance of this type is passed to 'xmlbuilder' module as it is.
diff --git a/types/plist/plist-tests.ts b/types/plist/plist-tests.ts
index a94cb4cf71..00dc33b56c 100644
--- a/types/plist/plist-tests.ts
+++ b/types/plist/plist-tests.ts
@@ -79,3 +79,10 @@ console.log(plistString1);
 
 const plistString2 = plist.build(plistValue2, {pretty: false});
 console.log(plistString2);
+
+function f(a: ReadonlyArray<string>) {
+    plist.build(a);
+}
+
+// $ExpectError
+plist.build(() => 0);
diff --git a/types/plotly.js/index.d.ts b/types/plotly.js/index.d.ts
index 8e6ae187e1..8a8823ac8c 100644
--- a/types/plotly.js/index.d.ts
+++ b/types/plotly.js/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for plotly.js 1.38
+// Type definitions for plotly.js 1.41
 // Project: https://plot.ly/javascript/
 // Definitions by: Chris Gervang <https://github.com/chrisgervang>
 //                 Martin Duparc <https://github.com/martinduparc>
@@ -13,7 +13,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-/// <reference types="d3" />
+import * as _d3 from "d3";
 export as namespace Plotly;
 
 export interface StaticPlots {
@@ -39,8 +39,19 @@ export interface PlotScatterDataPoint {
 	yaxis: LayoutAxis;
 }
 
+export interface PlotDatum {
+	curveNumber: number;
+	data: PlotData;
+	pointIndex: number;
+	pointNumber: number;
+	x: Datum;
+	xaxis: LayoutAxis;
+	y: Datum;
+	yaxis: LayoutAxis;
+}
+
 export interface PlotMouseEvent {
-	points: PlotScatterDataPoint[];
+	points: PlotDatum[];
 	event: MouseEvent;
 }
 
@@ -55,10 +66,10 @@ export interface SelectionRange {
 	y: number[];
 }
 
-export type PlotSelectedData = Partial<PlotScatterDataPoint>;
+export type PlotSelectedData = Partial<PlotDatum>;
 
 export interface PlotSelectionEvent {
-	points: PlotScatterDataPoint[];
+	points: PlotDatum[];
 	range?: SelectionRange;
 	lassoPoints?: SelectionRange;
 }
@@ -155,6 +166,7 @@ export interface PlotlyHTMLElement extends HTMLElement {
 	on(event: 'plotly_afterexport' | 'plotly_afterplot' | 'plotly_animated' | 'plotly_animationinterrupted' | 'plotly_autosize' |
 		'plotly_beforeexport' | 'plotly_deselect' | 'plotly_doubleclick' | 'plotly_framework' | 'plotly_redraw' |
 		'plotly_transitioning' | 'plotly_transitioninterrupted', callback: () => void): void;
+	removeAllListeners: (handler: string) => void;
 }
 
 export interface ToImgopts {
@@ -177,7 +189,7 @@ export function plot(root: Root, data: Data[], layout?: Partial<Layout>, config?
 export function relayout(root: Root, layout: Partial<Layout>): Promise<PlotlyHTMLElement>;
 export function redraw(root: Root): Promise<PlotlyHTMLElement>;
 export function purge(root: Root): void;
-export const d3: any;
+export const d3: typeof _d3;
 export function restyle(root: Root, aobj: Data, traces?: number[] | number): Promise<PlotlyHTMLElement>;
 export function update(root: Root, traceUpdate: Data, layoutUpdate: Partial<Layout>, traces?: number[] | number): Promise<PlotlyHTMLElement>;
 export function addTraces(root: Root, traces: Data | Data[], newIndices?: number[] | number): Promise<PlotlyHTMLElement>;
@@ -251,6 +263,7 @@ export interface Layout {
 	legend: Partial<Legend>;
 	font: Partial<Font>;
 	scene: Partial<Scene>;
+	barmode: "stack" | "group" | "overlay" | "relative";
 }
 
 export interface Legend extends Label {
@@ -338,6 +351,7 @@ export interface LayoutAxis extends Axis {
 	position: number;
 	rangeslider: Partial<RangeSlider>;
 	rangeselector: Partial<RangeSelector>;
+	automargin: boolean;
 }
 
 export interface SceneAxis extends Axis {
@@ -465,7 +479,7 @@ export type DataTransform = Partial<Transform>;
 export type ScatterData = PlotData;
 // Bar Scatter
 export interface PlotData {
-	type: 'bar' | 'histogram' | 'pointcloud' | 'scatter' | 'scattergl' | 'scatter3d' | 'surface';
+	type: 'bar' | 'box' | 'heatmap' | 'histogram' | 'pointcloud' | 'scatter' | 'scattergl' | 'scatter3d' | 'surface';
 	x: Datum[] | Datum[][] | TypedArray;
 	y: Datum[] | Datum[][] | TypedArray;
 	z: Datum[] | Datum[][] | Datum[][][] | TypedArray;
@@ -516,6 +530,18 @@ export interface PlotData {
 	visible: boolean | 'legendonly';
 	transforms: DataTransform[];
 	orientation: 'v' | 'h';
+	boxmean: boolean | 'sd';
+	colorscale: string | Array<[number, string]>;
+	zsmooth: 'fast' | 'best' | false;
+	ygap: number;
+	xgap: number;
+	transpose: boolean;
+	autobinx: boolean;
+	xbins: {
+		start: number | string;
+		end: number | string;
+		size: number | string;
+	};
 }
 
 /**
@@ -548,6 +574,54 @@ export interface Transform {
 	value: any;
 	order: 'ascending' | 'descending';
 }
+
+export interface ColorBar {
+	thicknessmode: 'fraction' | 'pixels';
+	thickness: number;
+	lenmode: 'fraction' | 'pixels';
+	len: number;
+	x: number;
+	xanchor: 'left' | 'center' | 'right';
+	xpad: number;
+	y: number;
+	yanchor: 'top' | 'middle' | 'bottom';
+	ypad: number;
+	outlinecolor: Color;
+	outlinewidth: number;
+	bordercolor: Color;
+	borderwidth: Color;
+	bgcolor: Color;
+	tickmode: 'auto' | 'linear' | 'array';
+	nticks: number;
+	tick0: number | string;
+	dtick: number | string;
+	tickvals: Datum[] | Datum[][] | Datum[][][] | TypedArray;
+	ticktext: Datum[] | Datum[][] | Datum[][][] | TypedArray;
+	ticks: 'outside' | 'inside' | '';
+	ticklen: number;
+	tickwidth: number;
+	tickcolor: Color;
+	showticklabels: boolean;
+	tickfont: Font;
+	tickangle: number;
+	tickformat: string;
+	tickformatstops: {
+		dtickrange: any[];
+		value: string;
+	};
+	tickprefix: string;
+	showtickprefix: 'all' | 'first' | 'last' | 'none';
+	ticksuffix: string;
+	showticksuffix: 'all' | 'first' | 'last' | 'none';
+	separatethousands: boolean;
+	exponentformat: 'none' | 'e' | 'E' | 'power' | 'SI' | 'B';
+	showexponent: 'all' | 'first' | 'last' | 'none';
+	title: string;
+	titlefont: Font;
+	titleside: 'right' | 'top' | 'bottom';
+	tickvalssrc: any;
+	ticktextsrc: any;
+}
 /**
  * Any combination of "x", "y", "z", "text", "name" joined with a "+" OR "all" or "none" or "skip".
  * examples: "x", "y", "x+y", "x+y+z", "all"
@@ -572,53 +646,7 @@ export interface PlotMarker {
 	showscale: boolean;
 	line: Partial<ScatterMarkerLine>;
 	width: number;
-	colorbar: {
-		thicknessmode: 'fraction' | 'pixels',
-		thickness: number,
-		lenmode: 'fraction' | 'pixels',
-		len: number,
-		x: number,
-		xanchor: 'left' | 'center' | 'right',
-		xpad: number,
-		y: number,
-		yanchor: 'top' | 'middle' | 'bottom',
-		ypad: number,
-		outlinecolor: Color,
-		outlinewidth: number,
-		bordercolor: Color,
-		borderwidth: Color,
-		bgcolor: Color,
-		tickmode: 'auto' | 'linear' | 'array',
-		nticks: number,
-		tick0: number | string,
-		dtick: number | string,
-		tickvals: Datum[] | Datum[][] | Datum[][][] | TypedArray,
-		ticktext: Datum[] | Datum[][] | Datum[][][] | TypedArray,
-		ticks: 'outside' | 'inside' | '',
-		ticklen: number,
-		tickwidth: number,
-		tickcolor: Color,
-		showticklabels: boolean,
-		tickfont: Font,
-		tickangle: number,
-		tickformat: string,
-		tickformatstops: {
-			dtickrange: any[],
-			value: string,
-		},
-		tickprefix: string,
-		showtickprefix: 'all' | 'first' | 'last' | 'none',
-		ticksuffix: string,
-		showticksuffix: 'all' | 'first' | 'last' | 'none',
-		separatethousands: boolean,
-		exponentformat: 'none' | 'e' | 'E' | 'power' | 'SI' | 'B',
-		showexponent: 'all' | 'first' | 'last' | 'none',
-		title: string,
-		titlefont: Font,
-		titleside: 'right' | 'top' | 'bottom',
-		tickvalssrc: any,
-		ticktextsrc: any,
-	};
+	colorbar: Partial<ColorBar>;
 	gradient: {
 		type: 'radial' | 'horizontal' | 'vertical' | 'none',
 		color: Color,
@@ -776,6 +804,9 @@ export interface Config {
 
 	/** Which localization should we use? Should be a string like 'en' or 'en-US' */
 	locale: string;
+
+	/** Make the chart responsive to window size */
+	responsive: boolean;
 }
 
 // Components
diff --git a/types/plotly.js/test/core-tests.ts b/types/plotly.js/test/core-tests.ts
index 6e35de55c6..ba48a8ee03 100644
--- a/types/plotly.js/test/core-tests.ts
+++ b/types/plotly.js/test/core-tests.ts
@@ -1,5 +1,5 @@
 import * as Plotly from 'plotly.js/lib/core';
-import { ScatterData, Layout, PlotlyHTMLElement, newPlot } from 'plotly.js/lib/core';
+import { Datum, ScatterData, Layout, PlotlyHTMLElement, newPlot } from 'plotly.js/lib/core';
 
 const graphDiv = '#test';
 
@@ -336,8 +336,8 @@ function rand() {
 	});
 
 	myPlot.on('plotly_selected', (data) => {
-		const x = [] as number[];
-		const y = [] as number[];
+		const x = [] as Datum[];
+		const y = [] as Datum[];
 		const N = 1000;
 		const color1 = '#7b3294';
 		const color1Light = '#c2a5cf';
diff --git a/types/plotly.js/test/index-tests.ts b/types/plotly.js/test/index-tests.ts
index d4b274b321..79343f43f7 100644
--- a/types/plotly.js/test/index-tests.ts
+++ b/types/plotly.js/test/index-tests.ts
@@ -1,5 +1,5 @@
 import * as Plotly from 'plotly.js';
-import { Layout, PlotData, PlotlyHTMLElement, newPlot } from 'plotly.js';
+import { Datum, Layout, PlotData, PlotlyHTMLElement, newPlot } from 'plotly.js';
 
 const graphDiv = '#test';
 
@@ -446,8 +446,8 @@ function rand() {
 	});
 
 	myPlot.on('plotly_selected', (data) => {
-		const x = [] as number[];
-		const y = [] as number[];
+		const x = [] as Datum[];
+		const y = [] as Datum[];
 		const N = 1000;
 		const color1 = '#7b3294';
 		const color1Light = '#c2a5cf';
@@ -546,5 +546,6 @@ function rand() {
 	myPlot.on('plotly_transitioninterrupted', () => {
 		console.log('transition interrupted');
 	});
+
+	myPlot.removeAllListeners('plotly_restyle');
 })();
-//////////////////////////////////////////////////////////////////////
diff --git a/types/plotly.js/tsconfig.json b/types/plotly.js/tsconfig.json
index dd21321c49..fe2dfd96bd 100644
--- a/types/plotly.js/tsconfig.json
+++ b/types/plotly.js/tsconfig.json
@@ -13,6 +13,9 @@
         "typeRoots": [
             "../"
         ],
+        "paths": {
+            "d3": [ "d3/v3" ]
+        },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
diff --git a/types/pollyjs__adapter-fetch/index.d.ts b/types/pollyjs__adapter-fetch/index.d.ts
new file mode 100644
index 0000000000..3d93435d51
--- /dev/null
+++ b/types/pollyjs__adapter-fetch/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for @pollyjs/adapter-fetch 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/adapter-fetch
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import Adapter from '@pollyjs/adapter';
+
+export default class FetchAdapter extends Adapter {}
diff --git a/types/pollyjs__adapter-fetch/pollyjs__adapter-fetch-tests.ts b/types/pollyjs__adapter-fetch/pollyjs__adapter-fetch-tests.ts
new file mode 100644
index 0000000000..61b8ef734d
--- /dev/null
+++ b/types/pollyjs__adapter-fetch/pollyjs__adapter-fetch-tests.ts
@@ -0,0 +1,8 @@
+import FetchAdapter from '@pollyjs/adapter-fetch';
+import { Polly } from '@pollyjs/core';
+
+Polly.register(FetchAdapter);
+
+new Polly('<recording>', {
+	adapters: ['xhr', FetchAdapter]
+});
diff --git a/types/pollyjs__adapter-fetch/tsconfig.json b/types/pollyjs__adapter-fetch/tsconfig.json
new file mode 100644
index 0000000000..03d3076b3c
--- /dev/null
+++ b/types/pollyjs__adapter-fetch/tsconfig.json
@@ -0,0 +1,40 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"lib": [
+			"es6"
+		],
+		"noImplicitAny": true,
+		"noImplicitThis": true,
+		"strictNullChecks": true,
+        "strictFunctionTypes": true,
+		"baseUrl": "../",
+		"typeRoots": [
+			"../"
+		],
+		"types": [],
+		"noEmit": true,
+		"forceConsistentCasingInFileNames": true,
+		"paths": {
+			"@pollyjs/core": [
+				"pollyjs__core"
+			],
+			"@pollyjs/adapter": [
+				"pollyjs__adapter"
+			],
+			"@pollyjs/adapter-fetch": [
+				"pollyjs__adapter-fetch"
+			],
+			"@pollyjs/persister": [
+				"pollyjs__persister"
+			],
+			"@pollyjs/utils": [
+				"pollyjs__utils"
+			]
+		}
+	},
+	"files": [
+		"index.d.ts",
+		"pollyjs__adapter-fetch-tests.ts"
+	]
+}
diff --git a/types/pollyjs__adapter-fetch/tslint.json b/types/pollyjs__adapter-fetch/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__adapter-fetch/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pollyjs__adapter/index.d.ts b/types/pollyjs__adapter/index.d.ts
new file mode 100644
index 0000000000..b3810a67bb
--- /dev/null
+++ b/types/pollyjs__adapter/index.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for @pollyjs/adapter 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/adapter
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+export default class Adapter {
+	static readonly name: string;
+	static readonly type: string;
+	connect(): void;
+	disconnect(): void;
+}
diff --git a/types/pollyjs__adapter/pollyjs__adapter-tests.ts b/types/pollyjs__adapter/pollyjs__adapter-tests.ts
new file mode 100644
index 0000000000..1e5c82a586
--- /dev/null
+++ b/types/pollyjs__adapter/pollyjs__adapter-tests.ts
@@ -0,0 +1,4 @@
+import Adapter from '@pollyjs/adapter';
+
+Adapter.name;
+Adapter.type;
diff --git a/types/pollyjs__adapter/tsconfig.json b/types/pollyjs__adapter/tsconfig.json
new file mode 100644
index 0000000000..ad121d2d9d
--- /dev/null
+++ b/types/pollyjs__adapter/tsconfig.json
@@ -0,0 +1,37 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"lib": [
+			"es6"
+		],
+		"noImplicitAny": true,
+		"noImplicitThis": true,
+		"strictNullChecks": true,
+        "strictFunctionTypes": true,
+		"baseUrl": "../",
+		"typeRoots": [
+			"../"
+		],
+		"types": [],
+		"noEmit": true,
+		"forceConsistentCasingInFileNames": true,
+		"paths": {
+			"@pollyjs/core": [
+				"pollyjs__core"
+			],
+			"@pollyjs/adapter": [
+				"pollyjs__adapter"
+			],
+			"@pollyjs/persister": [
+				"pollyjs__persister"
+			],
+			"@pollyjs/utils": [
+				"pollyjs__utils"
+			]
+		}
+	},
+	"files": [
+		"index.d.ts",
+		"pollyjs__adapter-tests.ts"
+	]
+}
diff --git a/types/pollyjs__adapter/tslint.json b/types/pollyjs__adapter/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__adapter/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pollyjs__core/index.d.ts b/types/pollyjs__core/index.d.ts
new file mode 100644
index 0000000000..83b6b933b9
--- /dev/null
+++ b/types/pollyjs__core/index.d.ts
@@ -0,0 +1,167 @@
+// Type definitions for @pollyjs/core 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/core
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import { MODES } from '@pollyjs/utils';
+import Adapter from '@pollyjs/adapter';
+import Persister from '@pollyjs/persister';
+
+export const Timing: {
+	fixed(ms: number): () => Promise<void>;
+	relative(ratio: number): (ms: number) => Promise<void>;
+};
+export interface PollyConfig {
+	mode?: MODES;
+
+	adapters?: Array<string | typeof Adapter>;
+	adapterOptions?: any;
+
+	persister?: string | typeof Persister;
+	persisterOptions?: {
+		keepUnusedRequests?: boolean;
+		[key: string]: any;
+	};
+
+	logging?: boolean;
+
+	recordIfMissing?: boolean;
+	recordIfExpired?: boolean;
+	recordFailedRequests?: boolean;
+
+	expiresIn?: string | null;
+	timing?: ((ms: number) => Promise<void>) | (() => Promise<void>);
+
+	matchRequestsBy?: {
+		method?: boolean;
+		headers?: any;
+		body?: boolean;
+		order?: boolean;
+
+		url?: {
+			protocol?: boolean;
+			username?: boolean;
+			password?: boolean;
+			hostname?: boolean;
+			port?: boolean;
+			pathname?: boolean;
+			query?: boolean;
+			hash?: boolean;
+		};
+	};
+}
+export interface Request {
+	getHeader(name: string): string | null;
+	setHeader(name: string, value: string): Request;
+	setHeaders(headers: any): Request;
+	hasHeader(name: string): boolean;
+	type(contentType: string): Request;
+	send(body: any): Request;
+	json(body: any): Request;
+	jsonBody(): any;
+
+	method: string;
+	url: string;
+	protocol: string;
+	hostname: string;
+	port: string;
+	pathname: string;
+	hash: string;
+	headers: Record<string, string>;
+	body: any;
+	query: any;
+	params: any;
+	recordingName: string;
+	responseTime?: number;
+}
+export interface Response {
+	statusCode?: number;
+	headers: Record<string, string>;
+	body: any;
+	status(status: number): Response;
+	getHeader(name: string): string | null;
+	setHeader(name: string, value: string): Response;
+	setHeaders(headers: any): Response;
+	hasHeader(name: string): boolean;
+	type(contentType: string): Response;
+	send(body: any): Response;
+	sendStatus(status: number): Response;
+	json(body: any): Response;
+	jsonBody(): any;
+	end(): Readonly<Response>;
+}
+export interface Intercept {
+	abort(): void;
+	passthrough(): void;
+}
+export type RequestRouteEvent = 'request';
+export type RecordingRouteEvent = 'beforeReplay' | 'beforePersist';
+export type ResponseRouteEvent = 'beforeResponse' | 'response';
+
+export type EventListenerResponse = any;
+export type RequestEventListener = (req: Request) => EventListenerResponse;
+export type RecordingEventListener = (req: Request, recording: any) => EventListenerResponse;
+export type ResponseEventListener = (req: Request, res: Response) => EventListenerResponse;
+export type InterceptHandler = (
+	req: Request,
+	res: Response,
+	intercept: Intercept
+) => EventListenerResponse;
+export class RouteHandler {
+	on(event: RequestRouteEvent, listener: RequestEventListener): RouteHandler;
+	on(event: RecordingRouteEvent, listener: RecordingEventListener): RouteHandler;
+	on(event: ResponseRouteEvent, listener: ResponseEventListener): RouteHandler;
+	off(event: RequestRouteEvent, listener: RequestEventListener): RouteHandler;
+	off(event: RecordingRouteEvent, listener: RecordingEventListener): RouteHandler;
+	off(event: ResponseRouteEvent, listener: ResponseEventListener): RouteHandler;
+	once(event: RequestRouteEvent, listener: RequestEventListener): RouteHandler;
+	once(event: RecordingRouteEvent, listener: RecordingEventListener): RouteHandler;
+	once(event: ResponseRouteEvent, listener: ResponseEventListener): RouteHandler;
+
+	passthrough(value?: boolean): RouteHandler;
+	intercept(
+		fn: (req: Request, res: Response, intercept: Intercept) => EventListenerResponse
+	): RouteHandler;
+	recordingName(recordingName: string): RouteHandler;
+	configure(config: PollyConfig): RouteHandler;
+}
+export class PollyServer {
+	timeout: (ms: number) => Promise<void>;
+	get: (...args: any[]) => RouteHandler;
+	put: (...args: any[]) => RouteHandler;
+	post: (...args: any[]) => RouteHandler;
+	delete: (...args: any[]) => RouteHandler;
+	patch: (...args: any[]) => RouteHandler;
+	head: (...args: any[]) => RouteHandler;
+	options: (...args: any[]) => RouteHandler;
+	any: (...args: any[]) => RouteHandler;
+	host(host: string, callback: () => void): void;
+	namespace(path: string, callback: () => void): void;
+}
+export type PollyEvent = 'create' | 'stop' | 'register';
+export type PollyEventListener = (poll: Polly) => void;
+export class Polly {
+	static register(Factory: typeof Adapter | typeof Persister): void;
+	static on(event: PollyEvent, listener: PollyEventListener): void;
+	static off(event: PollyEvent, listener: PollyEventListener): void;
+	static once(event: PollyEvent, listener: PollyEventListener): void;
+
+	constructor(name: string, options?: PollyConfig);
+
+	readonly recordingName: string | null;
+	mode: MODES;
+	server: PollyServer;
+	persister: Persister;
+
+	pause: () => void;
+	play: () => void;
+	replay: () => void;
+	record: () => void;
+	stop: () => Promise<void>;
+	flush: () => Promise<void>;
+	configure(config: PollyConfig): void;
+	connectTo(name: string | typeof Adapter): void;
+	disconnectFrom(name: string | typeof Adapter): void;
+	disconnect(): void;
+}
diff --git a/types/pollyjs__core/pollyjs__core-tests.ts b/types/pollyjs__core/pollyjs__core-tests.ts
new file mode 100644
index 0000000000..22f5516646
--- /dev/null
+++ b/types/pollyjs__core/pollyjs__core-tests.ts
@@ -0,0 +1,64 @@
+import { Polly, Timing } from '@pollyjs/core';
+import { MODES } from '@pollyjs/utils';
+
+const polly = new Polly('test recording', {
+	mode: MODES.PASSTHROUGH,
+	recordFailedRequests: true,
+	adapters: ['xhr', 'fetch'],
+	persister: 'rest',
+	timing: Timing.relative(3)
+});
+
+function log(_: string) {
+	// no op
+}
+
+async function test() {
+	polly.pause();
+	polly.play();
+	const { server } = polly;
+	server.get('/session').on('request', req => {
+		req.headers['X-AUTH'] = '<ACCESS_TOKEN>';
+		req.query.email = 'test@app.com';
+	});
+	server.get('/session').on('beforeResponse', (req, res) => {
+		res.setHeader('X-AUTH', '<ACCESS_TOKEN>');
+	});
+	server.get('/session').on('response', (req, res) => {
+		log(`${req.url} took ${req.responseTime}ms with a status of ${res.statusCode}.`);
+	});
+
+	polly.configure({
+		adapterOptions: {
+			fetch: {
+				context: null
+			}
+		}
+	});
+
+	server
+		.get('/session')
+		.once('request', req => {
+			req.headers['X-AUTH'] = '<ACCESS_TOKEN>';
+			req.query.email = 'test@app.com';
+		})
+		.once('request', () => {
+			/* Do something else */
+		});
+
+	/* Intercept all Google Analytic requests and respond with a 200 */
+	server.get('/google-analytics/*path').intercept((req, res, intercept) => {
+		if (req.pathname === 'test') {
+			intercept.abort();
+		} else {
+			res.sendStatus(200);
+		}
+	});
+
+	/* Pass-through all GET requests to /coverage */
+	server.get('/coverage')
+		.configure({ expiresIn: '5d' })
+		.passthrough();
+
+	await polly.flush();
+}
diff --git a/types/pollyjs__core/tsconfig.json b/types/pollyjs__core/tsconfig.json
new file mode 100644
index 0000000000..4b91defc70
--- /dev/null
+++ b/types/pollyjs__core/tsconfig.json
@@ -0,0 +1,37 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@pollyjs/core": [
+                "pollyjs__core"
+            ],
+            "@pollyjs/utils": [
+                "pollyjs__utils"
+            ],
+            "@pollyjs/persister": [
+                "pollyjs__persister"
+            ],
+            "@pollyjs/adapter": [
+                "pollyjs__adapter"
+            ]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "pollyjs__core-tests.ts"
+    ]
+}
diff --git a/types/pollyjs__core/tslint.json b/types/pollyjs__core/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__core/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pollyjs__persister-fs/index.d.ts b/types/pollyjs__persister-fs/index.d.ts
new file mode 100644
index 0000000000..3d97b382f7
--- /dev/null
+++ b/types/pollyjs__persister-fs/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for @pollyjs/persister-fs 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/persister-fs
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import Persister from '@pollyjs/persister';
+
+export default class FSPersister extends Persister {}
diff --git a/types/pollyjs__persister-fs/pollyjs__persister-fs-tests.ts b/types/pollyjs__persister-fs/pollyjs__persister-fs-tests.ts
new file mode 100644
index 0000000000..2d624a0f8d
--- /dev/null
+++ b/types/pollyjs__persister-fs/pollyjs__persister-fs-tests.ts
@@ -0,0 +1,8 @@
+import FSPersister from '@pollyjs/persister-fs';
+import { Polly } from '@pollyjs/core';
+
+Polly.register(FSPersister);
+
+new Polly('<recording>', {
+    persister: FSPersister
+});
diff --git a/types/pollyjs__persister-fs/tsconfig.json b/types/pollyjs__persister-fs/tsconfig.json
new file mode 100644
index 0000000000..7a7eb6733c
--- /dev/null
+++ b/types/pollyjs__persister-fs/tsconfig.json
@@ -0,0 +1,41 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@pollyjs/persister": [
+                "pollyjs__persister"
+            ],
+            "@pollyjs/persister-fs": [
+                "pollyjs__persister-fs"
+            ],
+            "@pollyjs/core": [
+                "pollyjs__core"
+            ],
+            "@pollyjs/utils": [
+                "pollyjs__utils"
+            ],
+            "@pollyjs/adapter": [
+                "pollyjs__adapter"
+            ]
+        }
+
+    },
+    "files": [
+        "index.d.ts",
+        "pollyjs__persister-fs-tests.ts"
+    ]
+}
diff --git a/types/pollyjs__persister-fs/tslint.json b/types/pollyjs__persister-fs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__persister-fs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pollyjs__persister/index.d.ts b/types/pollyjs__persister/index.d.ts
new file mode 100644
index 0000000000..45fc1fc250
--- /dev/null
+++ b/types/pollyjs__persister/index.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for @pollyjs/persister 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/persister
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export default class Persister {
+    static readonly name: string;
+    static readonly type: string;
+    persist(): Promise<void>;
+}
diff --git a/types/pollyjs__persister/pollyjs__persister-tests.ts b/types/pollyjs__persister/pollyjs__persister-tests.ts
new file mode 100644
index 0000000000..7e9448aae0
--- /dev/null
+++ b/types/pollyjs__persister/pollyjs__persister-tests.ts
@@ -0,0 +1,4 @@
+import Persister from '@pollyjs/persister';
+
+Persister.name;
+Persister.type;
diff --git a/types/pollyjs__persister/tsconfig.json b/types/pollyjs__persister/tsconfig.json
new file mode 100644
index 0000000000..b47bfbaa9f
--- /dev/null
+++ b/types/pollyjs__persister/tsconfig.json
@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@pollyjs/core": [
+                "pollyjs__core"
+            ],
+            "@pollyjs/persister": [
+                "pollyjs__persister"
+            ]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "pollyjs__persister-tests.ts"
+    ]
+}
diff --git a/types/pollyjs__persister/tslint.json b/types/pollyjs__persister/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__persister/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pollyjs__utils/index.d.ts b/types/pollyjs__utils/index.d.ts
new file mode 100644
index 0000000000..e87392fcee
--- /dev/null
+++ b/types/pollyjs__utils/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for @pollyjs/utils 1.2
+// Project: https://github.com/netflix/pollyjs/tree/master/packages/@pollyjs/utils
+// Definitions by: feinoujc <https://github.com/feinoujc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+export enum MODES {
+    RECORD = 'record',
+    REPLAY = 'replay',
+    PASSTHROUGH = 'passthrough',
+    STOPPED = 'stopped'
+}
diff --git a/types/pollyjs__utils/pollyjs__utils-tests.ts b/types/pollyjs__utils/pollyjs__utils-tests.ts
new file mode 100644
index 0000000000..463a4b4329
--- /dev/null
+++ b/types/pollyjs__utils/pollyjs__utils-tests.ts
@@ -0,0 +1,6 @@
+import { MODES } from '@pollyjs/utils';
+
+MODES.PASSTHROUGH;
+MODES.RECORD;
+MODES.REPLAY;
+MODES.STOPPED;
diff --git a/types/babel__parser/tsconfig.json b/types/pollyjs__utils/tsconfig.json
similarity index 83%
rename from types/babel__parser/tsconfig.json
rename to types/pollyjs__utils/tsconfig.json
index 53fd02ec18..7b5421a32f 100644
--- a/types/babel__parser/tsconfig.json
+++ b/types/pollyjs__utils/tsconfig.json
@@ -16,13 +16,13 @@
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
         "paths": {
-            "@babel/parser": [
-                "babel__parser"
+            "@pollyjs/utils": [
+                "pollyjs__utils"
             ]
         }
     },
     "files": [
         "index.d.ts",
-        "babel__parser-tests.ts"
+        "pollyjs__utils-tests.ts"
     ]
 }
diff --git a/types/pollyjs__utils/tslint.json b/types/pollyjs__utils/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pollyjs__utils/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-calc/index.d.ts b/types/postcss-calc/index.d.ts
new file mode 100644
index 0000000000..c9ac8e30bb
--- /dev/null
+++ b/types/postcss-calc/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for postcss-calc 7.0
+// Project: https://github.com/postcss/postcss-calc
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare namespace calc {
+    interface Options {
+        precision?: number;
+        preserve?: boolean;
+        warnWhenCannotResolve?: boolean;
+        mediaQueries?: boolean;
+        selectors?: boolean;
+    }
+
+    type Calc = Plugin<Options>;
+}
+
+declare const calc: calc.Calc;
+export = calc;
diff --git a/types/postcss-calc/package.json b/types/postcss-calc/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-calc/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-calc/postcss-calc-tests.ts b/types/postcss-calc/postcss-calc-tests.ts
new file mode 100644
index 0000000000..937741a1f3
--- /dev/null
+++ b/types/postcss-calc/postcss-calc-tests.ts
@@ -0,0 +1,12 @@
+import calc = require("postcss-calc");
+import { Transformer } from 'postcss';
+
+const ap1: Transformer = calc();
+
+const ap2: Transformer = calc({
+    precision: 5,
+    preserve: false,
+    warnWhenCannotResolve: false,
+    mediaQueries: false,
+    selectors: false
+});
diff --git a/types/postcss-calc/tsconfig.json b/types/postcss-calc/tsconfig.json
new file mode 100644
index 0000000000..d21d8b4969
--- /dev/null
+++ b/types/postcss-calc/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-calc-tests.ts"
+    ]
+}
diff --git a/types/postcss-calc/tslint.json b/types/postcss-calc/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-calc/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-icss-values/index.d.ts b/types/postcss-icss-values/index.d.ts
new file mode 100644
index 0000000000..f7133420e8
--- /dev/null
+++ b/types/postcss-icss-values/index.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for postcss-icss-values 2.0
+// Project: https://github.com/css-modules/postcss-icss-values
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare const values: Plugin<{}>;
+export = values;
diff --git a/types/postcss-icss-values/package.json b/types/postcss-icss-values/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-icss-values/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-icss-values/postcss-icss-values-tests.ts b/types/postcss-icss-values/postcss-icss-values-tests.ts
new file mode 100644
index 0000000000..ac63f19aa0
--- /dev/null
+++ b/types/postcss-icss-values/postcss-icss-values-tests.ts
@@ -0,0 +1,4 @@
+import values = require("postcss-icss-values");
+import { Transformer } from "postcss";
+
+const ap1: Transformer = values();
diff --git a/types/postcss-icss-values/tsconfig.json b/types/postcss-icss-values/tsconfig.json
new file mode 100644
index 0000000000..354ce66470
--- /dev/null
+++ b/types/postcss-icss-values/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-icss-values-tests.ts"
+    ]
+}
diff --git a/types/postcss-icss-values/tslint.json b/types/postcss-icss-values/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-icss-values/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-modules-extract-imports/index.d.ts b/types/postcss-modules-extract-imports/index.d.ts
new file mode 100644
index 0000000000..6be0a7e2c8
--- /dev/null
+++ b/types/postcss-modules-extract-imports/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for postcss-modules-extract-imports 2.0
+// Project: https://github.com/css-modules/postcss-modules-extract-imports
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare namespace extractImports {
+    interface Options {
+        failOnWrongOrder?: boolean;
+        createImportedName?: (importName: string, importPath: string) => string;
+    }
+
+    type ExtractImports = Plugin<Options>;
+}
+
+declare const extractImports: extractImports.ExtractImports;
+export = extractImports;
diff --git a/types/postcss-modules-extract-imports/package.json b/types/postcss-modules-extract-imports/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-modules-extract-imports/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-modules-extract-imports/postcss-modules-extract-imports-tests.ts b/types/postcss-modules-extract-imports/postcss-modules-extract-imports-tests.ts
new file mode 100644
index 0000000000..121cc61290
--- /dev/null
+++ b/types/postcss-modules-extract-imports/postcss-modules-extract-imports-tests.ts
@@ -0,0 +1,10 @@
+import extractImports = require("postcss-modules-extract-imports");
+import { Transformer } from "postcss";
+
+const ap1: Transformer = extractImports();
+
+const ap2: Transformer = extractImports({
+    failOnWrongOrder: true,
+    createImportedName: (importName, importPath) =>
+        `i__imported_${importName.replace(/\W/g, "_")}_${importPath.replace(/\W/g, "_")}`
+});
diff --git a/types/postcss-modules-extract-imports/tsconfig.json b/types/postcss-modules-extract-imports/tsconfig.json
new file mode 100644
index 0000000000..2ae6e99ad7
--- /dev/null
+++ b/types/postcss-modules-extract-imports/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-modules-extract-imports-tests.ts"
+    ]
+}
diff --git a/types/postcss-modules-extract-imports/tslint.json b/types/postcss-modules-extract-imports/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-modules-extract-imports/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-modules-local-by-default/index.d.ts b/types/postcss-modules-local-by-default/index.d.ts
new file mode 100644
index 0000000000..5421ecd58b
--- /dev/null
+++ b/types/postcss-modules-local-by-default/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for postcss-modules-local-by-default 1.2
+// Project: https://github.com/css-modules/postcss-modules-local-by-default
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare namespace localByDefault {
+    interface Options {
+        mode?: "global" | "local" | "pure";
+        rewriteUrl?: (global: boolean, url: string) => string;
+    }
+
+    type LocalByDefault = Plugin<Options>;
+}
+
+declare const localByDefault: localByDefault.LocalByDefault;
+export = localByDefault;
diff --git a/types/postcss-modules-local-by-default/package.json b/types/postcss-modules-local-by-default/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-modules-local-by-default/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-modules-local-by-default/postcss-modules-local-by-default-tests.ts b/types/postcss-modules-local-by-default/postcss-modules-local-by-default-tests.ts
new file mode 100644
index 0000000000..7d388471ab
--- /dev/null
+++ b/types/postcss-modules-local-by-default/postcss-modules-local-by-default-tests.ts
@@ -0,0 +1,21 @@
+import localByDefault = require("postcss-modules-local-by-default");
+import { Transformer } from "postcss";
+
+const ap1: Transformer = localByDefault();
+
+const ap2: Transformer = localByDefault({
+    mode: "global",
+    rewriteUrl: (global, url) => {
+        url = url.trim();
+
+        if (!url.replace(/\s/g, "").length) {
+            return url;
+        }
+
+        if (global) {
+            return url + "?request";
+        }
+
+        return url;
+    }
+});
diff --git a/types/postcss-modules-local-by-default/tsconfig.json b/types/postcss-modules-local-by-default/tsconfig.json
new file mode 100644
index 0000000000..6634c36375
--- /dev/null
+++ b/types/postcss-modules-local-by-default/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-modules-local-by-default-tests.ts"
+    ]
+}
diff --git a/types/postcss-modules-local-by-default/tslint.json b/types/postcss-modules-local-by-default/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-modules-local-by-default/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-modules-resolve-imports/index.d.ts b/types/postcss-modules-resolve-imports/index.d.ts
new file mode 100644
index 0000000000..698ce430ff
--- /dev/null
+++ b/types/postcss-modules-resolve-imports/index.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for postcss-modules-resolve-imports 1.3
+// Project: https://github.com/css-modules/postcss-modules-resolve-imports
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare namespace resolveImports {
+    interface Resolve {
+        alias?: { [alias: string]: string };
+        extensions?: string[];
+        modules?: string[];
+        mainFile?: string;
+        preserveSymlinks?: boolean;
+    }
+
+    interface Options {
+        icssExports?: boolean;
+        resolve?: Resolve;
+    }
+
+    type ResolveImports = Plugin<Options>;
+}
+
+declare const resolveImports: resolveImports.ResolveImports;
+export = resolveImports;
diff --git a/types/postcss-modules-resolve-imports/package.json b/types/postcss-modules-resolve-imports/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-modules-resolve-imports/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-modules-resolve-imports/postcss-modules-resolve-imports-tests.ts b/types/postcss-modules-resolve-imports/postcss-modules-resolve-imports-tests.ts
new file mode 100644
index 0000000000..cb46a28ddc
--- /dev/null
+++ b/types/postcss-modules-resolve-imports/postcss-modules-resolve-imports-tests.ts
@@ -0,0 +1,20 @@
+/// <reference types="node" />
+
+import path = require("path");
+import resolveImports = require("postcss-modules-resolve-imports");
+import { Transformer } from "postcss";
+
+const ap1: Transformer = resolveImports();
+
+const ap2: Transformer = resolveImports({
+    icssExports: false,
+    resolve: {
+        alias: {
+            lib: path.resolve(__dirname, "lib"),
+        },
+        extensions: [".css"],
+        modules: [path.resolve(__dirname, "lib")],
+        mainFile: "index.css",
+        preserveSymlinks: false
+    }
+});
diff --git a/types/postcss-modules-resolve-imports/tsconfig.json b/types/postcss-modules-resolve-imports/tsconfig.json
new file mode 100644
index 0000000000..a1b942ae1c
--- /dev/null
+++ b/types/postcss-modules-resolve-imports/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-modules-resolve-imports-tests.ts"
+    ]
+}
diff --git a/types/postcss-modules-resolve-imports/tslint.json b/types/postcss-modules-resolve-imports/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-modules-resolve-imports/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/postcss-modules-scope/index.d.ts b/types/postcss-modules-scope/index.d.ts
new file mode 100644
index 0000000000..b5f9e2c231
--- /dev/null
+++ b/types/postcss-modules-scope/index.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for postcss-modules-scope 1.1
+// Project: https://github.com/css-modules/postcss-modules-scope
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/postcss-plugins-typings
+// TypeScript Version: 2.2
+
+import { Plugin } from "postcss";
+
+declare namespace scope {
+    interface Options {
+        generateScopedName?: (exportedName: string, path: string, css: string) => string;
+    }
+
+    type Scope = Plugin<Options>;
+}
+
+declare const scope: scope.Scope;
+export = scope;
diff --git a/types/postcss-modules-scope/package.json b/types/postcss-modules-scope/package.json
new file mode 100644
index 0000000000..1e1a719545
--- /dev/null
+++ b/types/postcss-modules-scope/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "postcss": "7.x.x"
+    }
+}
diff --git a/types/postcss-modules-scope/postcss-modules-scope-tests.ts b/types/postcss-modules-scope/postcss-modules-scope-tests.ts
new file mode 100644
index 0000000000..b77fa74ab9
--- /dev/null
+++ b/types/postcss-modules-scope/postcss-modules-scope-tests.ts
@@ -0,0 +1,15 @@
+import scope = require("postcss-modules-scope");
+import { Transformer } from "postcss";
+
+const ap1: Transformer = scope();
+
+const ap2: Transformer = scope({
+    generateScopedName(exportedName, path, css) {
+        if (css.substring(0, 7) === "@ignore") {
+            return exportedName;
+        }
+
+        const sanitisedPath = path.replace(/\.[^\.\/\\]+$/, "").replace(/[\W_]+/g, "_").replace(/^_|_$/g, "");
+return `_${sanitisedPath}__${exportedName}`;
+    }
+});
diff --git a/types/postcss-modules-scope/tsconfig.json b/types/postcss-modules-scope/tsconfig.json
new file mode 100644
index 0000000000..b90423a698
--- /dev/null
+++ b/types/postcss-modules-scope/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postcss-modules-scope-tests.ts"
+    ]
+}
diff --git a/types/postcss-modules-scope/tslint.json b/types/postcss-modules-scope/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postcss-modules-scope/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/pouchdb-core/index.d.ts b/types/pouchdb-core/index.d.ts
index 0dbf5def5b..221b5984b6 100644
--- a/types/pouchdb-core/index.d.ts
+++ b/types/pouchdb-core/index.d.ts
@@ -1,13 +1,21 @@
-// Type definitions for pouchdb-core 6.4
+// Type definitions for pouchdb-core 7.0
 // Project: https://pouchdb.com/
 // Definitions by: Simon Paulger <https://github.com/spaulg>, Jakub Navratil <https://github.com/trubit>,
 //                 Brian Geppert <https://github.com/geppy>, Frederico Galvão <https://github.com/fredgalvao>,
-//                 Tobias Bales <https://github.com/TobiasBales>, Sebastián Ramírez <https://github.com/tiangolo>
+//                 Tobias Bales <https://github.com/TobiasBales>, Sebastián Ramírez <https://github.com/tiangolo>,
+//                 Katy Moe <https://github.com/kmoe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
 /// <reference types="debug" />
 /// <reference types="pouchdb-find" />
+/// <reference types="node-fetch" />
+
+interface Blob {
+    readonly size: number;
+    readonly type: string;
+    slice(start?: number, end?: number, contentType?: string): Blob;
+}
 
 interface Buffer extends Uint8Array {
     write(string: string, offset?: number, length?: number, encoding?: string): number;
@@ -81,6 +89,11 @@ interface EventEmitter {
     eventNames(): Array<string | symbol>;
 }
 
+type Fetch = (
+    url: string | Request,
+    opts?: RequestInit
+) => Promise<Response>;
+
 declare namespace PouchDB {
     namespace Core {
         interface Error {
@@ -104,7 +117,7 @@ declare namespace PouchDB {
         type AttachmentData = string | Blob | Buffer;
 
         interface Options {
-          ajax?: Configuration.RemoteRequesterConfiguration;
+          fetch?: Fetch;
         }
 
         interface BasicResponse {
@@ -562,33 +575,8 @@ declare namespace PouchDB {
             size?: number;
         }
 
-        interface RemoteRequesterConfiguration {
-            /**
-             * Time before HTTP requests time out (in ms).
-             */
-            timeout?: number;
-            /**
-             * Appends a random string to the end of all HTTP GET requests to avoid
-             * them being cached on IE. Set this to true to prevent this happening.
-             */
-            cache?: boolean;
-            /**
-             * HTTP headers to add to requests.
-             */
-            headers?: {
-                [name: string]: string;
-            };
-
-            /**
-             * Enables transferring cookies and HTTP Authorization information.
-             *
-             * Defaults to true.
-             */
-            withCredentials?: boolean;
-        }
-
         interface RemoteDatabaseConfiguration extends CommonDatabaseConfiguration {
-            ajax?: RemoteRequesterConfiguration;
+            fetch?: Fetch;
 
             auth?: {
                 username?: string;
@@ -609,6 +597,8 @@ declare namespace PouchDB {
 
         version: string;
 
+        fetch: Fetch;
+
         on(event: 'created' | 'destroyed', listener: (dbName: string) => any): this;
 
         debug: debug.IDebug;
diff --git a/types/pouchdb-core/pouchdb-core-tests.ts b/types/pouchdb-core/pouchdb-core-tests.ts
index f8accd1c3a..911a21e2f7 100644
--- a/types/pouchdb-core/pouchdb-core-tests.ts
+++ b/types/pouchdb-core/pouchdb-core-tests.ts
@@ -50,7 +50,7 @@ function testBulkDocs() {
     const isError = (
         result: PouchDB.Core.Response | PouchDB.Core.Error
     ): result is PouchDB.Core.Error => {
-        return !!(<PouchDB.Core.Error> result).error;
+        return !!(result as PouchDB.Core.Error).error;
     };
 
     db.bulkDocs([model, model2]).then((result) => {
@@ -233,12 +233,8 @@ function testChanges() {
 
 function testRemoteOptions() {
     const db = new PouchDB('http://example.com/dbname', {
-        ajax: {
-            cache: false,
-            timeout: 10000,
-            headers: {
-                'X-Some-Special-Header': 'foo'
-            },
+        fetch(url, opts) {
+            return PouchDB.fetch(url, opts);
         },
         auth: {
             username: 'mysecretusername',
diff --git a/types/pouchdb-upsert/index.d.ts b/types/pouchdb-upsert/index.d.ts
index d044e9f2a4..7646f55f01 100644
--- a/types/pouchdb-upsert/index.d.ts
+++ b/types/pouchdb-upsert/index.d.ts
@@ -59,7 +59,10 @@ declare namespace PouchDB {
   }
 
   type CancelUpsert = '' | 0 | false | null | undefined; // falsey values
-  type UpsertDiffCallback<Content extends {}> = (doc: Core.Document<Content> | {}) => Content & Partial<Core.IdMeta> | CancelUpsert;
+  // `Partial<Core.Document<Content>>` seems more useful than
+  // `{} | Core.Document<Content>` since there isn't an easy way to narrow
+  // `{} | Core.Document<Content>` to `Core.Document<Content>`.
+  type UpsertDiffCallback<Content extends {}> = (doc: Partial<Core.Document<Content>>) => Content & Partial<Core.IdMeta> | CancelUpsert;
 
   interface UpsertResponse {
     id: Core.DocumentId;
diff --git a/types/pouchdb-upsert/pouchdb-upsert-tests.ts b/types/pouchdb-upsert/pouchdb-upsert-tests.ts
index b86afedf29..0f718bb033 100644
--- a/types/pouchdb-upsert/pouchdb-upsert-tests.ts
+++ b/types/pouchdb-upsert/pouchdb-upsert-tests.ts
@@ -2,61 +2,64 @@ import * as pouchdbUpsert from 'pouchdb-upsert';
 PouchDB.plugin(pouchdbUpsert);
 
 interface UpsertDocModel {
-   name: string;
-   readonly?: boolean;
+  name: string;
+  readonly?: boolean;
 }
 
 declare const docToUpsert: PouchDB.Core.Document<UpsertDocModel>;
 const db = new PouchDB<UpsertDocModel>();
 
 function testUpsert_WithPromise_AndReturnDoc() {
-  db.upsert(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     // Make some updates....
-    return doc;
+    // `doc` may be empty if the document didn't already exist, so we have to
+    // cast it to the type containing the required fields.  If the document type
+    // had all optional fields, the cast would not be necessary.
+    return doc as UpsertDocModel;
   }).then((res: PouchDB.UpsertResponse) => {
   });
 }
 
 function testUpsert_WithPromise_AndReturnFalsey() {
-  db.upsert<UpsertDocModel>(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     if (doc.readonly)
       return false;
     // Make some updates....
-    return doc;
+    return doc as UpsertDocModel;
   }).then((res: PouchDB.UpsertResponse) => {
   });
 }
 
 function testUpsert_WithPromise_AndReturnNewObject() {
   // callback return boolean
-  db.upsert<UpsertDocModel>(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     return {name: 'test', readonly: true};
   }).then((res: PouchDB.UpsertResponse) => {
   });
 }
 
 function testUpsert_WithCallback_AndReturnDoc() {
-  db.upsert<UpsertDocModel>(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     // Make some updates....
-    return doc;
-  }, (res: PouchDB.UpsertResponse) => {});
+    return doc as UpsertDocModel;
+  }, (error: PouchDB.Core.Error, res: PouchDB.UpsertResponse) => {});
 }
 
 function testUpsert_WithCallback_AndReturnFalsey() {
   // callback return boolean
-  db.upsert<UpsertDocModel>(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     if (doc.readonly)
       return false;
     // Make some updates....
-    return doc;
-  }, (res: PouchDB.UpsertResponse) => {});
+    return doc as UpsertDocModel;
+  }, (error: PouchDB.Core.Error, res: PouchDB.UpsertResponse) => {});
 }
 
 function testUpsert_WithCallback_AndReturnNewObject() {
   // callback return boolean
-  db.upsert<UpsertDocModel>(docToUpsert._id, (doc: PouchDB.Core.Document<UpsertDocModel>) => {
+  db.upsert(docToUpsert._id, (doc) => {
     return {name: 'test', readonly: true};
-  }, (res: PouchDB.UpsertResponse) => {});
+  }, (error: PouchDB.Core.Error, res: PouchDB.UpsertResponse) => {});
 }
 
 function testPutIfNotExists_WithPromise() {
@@ -64,5 +67,5 @@ function testPutIfNotExists_WithPromise() {
 }
 
 function testPutIfNotExists_WithCallback() {
-  db.putIfNotExists(docToUpsert, (res: PouchDB.UpsertResponse) => {});
+  db.putIfNotExists(docToUpsert, (error: PouchDB.Core.Error, res: PouchDB.UpsertResponse) => {});
 }
diff --git a/types/pouchdb-upsert/tsconfig.json b/types/pouchdb-upsert/tsconfig.json
index ff5dc47e0c..300103a1fa 100644
--- a/types/pouchdb-upsert/tsconfig.json
+++ b/types/pouchdb-upsert/tsconfig.json
@@ -8,7 +8,7 @@
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": false,
-        "strictFunctionTypes": false,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/prettier/index.d.ts b/types/prettier/index.d.ts
index acb6b09af6..3a64129364 100644
--- a/types/prettier/index.d.ts
+++ b/types/prettier/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for prettier 1.13
+// Type definitions for prettier 1.15
 // Project: https://github.com/prettier/prettier
 // Definitions by: Ika <https://github.com/ikatyang>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -33,7 +33,11 @@ export type BuiltInParserName =
     | 'json-stringify'
     | 'graphql'
     | 'markdown'
-    | 'vue';
+    | 'vue'
+    | 'html'
+    | 'angular'
+    | 'mdx'
+    | 'yaml';
 
 export type CustomParser = (text: string, parsers: Record<BuiltInParserName, BuiltInParser>, options: Options) => AST;
 
@@ -47,6 +51,10 @@ export interface RequiredOptions extends doc.printer.Options {
      * Use single quotes instead of double quotes.
      */
     singleQuote: boolean;
+    /**
+     * Use single quotes in JSX.
+     */
+    jsxSingleQuote: boolean;
     /**
      * Print trailing commas wherever possible.
      */
@@ -104,6 +112,14 @@ export interface RequiredOptions extends doc.printer.Options {
      * The plugin API is in a beta state.
      */
     plugins: Array<string | Plugin>;
+    /**
+     * How to handle whitespaces in HTML.
+     */
+    htmlWhitespaceSensitivity: 'css' | 'strict' | 'ignore';
+    /**
+     * Which end of line characters to apply.
+     */
+    endOfLine: 'auto' | 'lf' | 'crlf' | 'cr';
 }
 
 export interface ParserOptions extends RequiredOptions {
diff --git a/types/proj4leaflet/tsconfig.json b/types/proj4leaflet/tsconfig.json
index 697b96a93a..4b2115dd9d 100644
--- a/types/proj4leaflet/tsconfig.json
+++ b/types/proj4leaflet/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/project-oxford/project-oxford-tests.ts b/types/project-oxford/project-oxford-tests.ts
index b4a76a78c4..8b1dbec466 100644
--- a/types/project-oxford/project-oxford-tests.ts
+++ b/types/project-oxford/project-oxford-tests.ts
@@ -12,7 +12,7 @@ const {describe, it, before, after, beforeEach, afterEach} = null as any as {
 var client = new oxford.Client(process.env.OXFORD_KEY);
 
 // Store variables, no point in calling the api too often
-var billFaces = <string[]>[];
+var billFaces = [] as string[];
 var personGroupId = "uuid.v4()";
 var personGroupId2 = "uuid.v4()";
 var billPersonId: string;
@@ -85,7 +85,7 @@ describe('Project Oxford Face API Test', function () {
 
     describe('#similar()', function () {
         it('detects similar faces', function (done) {
-            var detects = <any>[];
+            var detects = [];
 
             this.timeout(10000);
 
@@ -113,7 +113,7 @@ describe('Project Oxford Face API Test', function () {
 
     describe('#grouping()', function () {
         it('detects groups faces', function (done) {
-            var faceIds = <string[]>[];
+            var faceIds = [] as string[];
 
             this.timeout(10000);
 
@@ -157,7 +157,7 @@ describe('Project Oxford Face API Test', function () {
             // delete the group then. So we clean up before we run tests - and to wait
             // for cleanup to finish, we're just using done().
             client.face.personGroup.list().then(function (response) {
-                var promises = <any>[];
+                var promises: _Promise<void>[] = [];
 
                 response.forEach(function (personGroup) {
                     if (personGroup.name.indexOf('po-node-test-group') > -1) {
diff --git a/types/promise-memoize/index.d.ts b/types/promise-memoize/index.d.ts
new file mode 100644
index 0000000000..32b1f51aba
--- /dev/null
+++ b/types/promise-memoize/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for promise-memoize 1.2
+// Project: https://github.com/nodeca/promise-memoize#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export = promiseMemoize;
+
+declare function promiseMemoize<T extends (...args: any[]) => PromiseLike<any>>(
+    fn: T, options?: promiseMemoize.Options
+): T & {
+    clear(): void;
+};
+
+declare namespace promiseMemoize {
+    interface Options {
+        maxAge?: number;
+        maxErrorAge?: number;
+        resolve?: KeyResolver;
+    }
+    type KeyResolver = 'simple' | 'json' | ((args: any[]) => any) | ReadonlyArray<'json' | ((arg: any) => any)>;
+}
diff --git a/types/promise-memoize/promise-memoize-tests.ts b/types/promise-memoize/promise-memoize-tests.ts
new file mode 100644
index 0000000000..a8cf6b57c8
--- /dev/null
+++ b/types/promise-memoize/promise-memoize-tests.ts
@@ -0,0 +1,14 @@
+import promiseMemoize = require('promise-memoize');
+
+async function lastPosts(n: number) {
+    return n + 1;
+}
+
+const cachedLastPosts = promiseMemoize(lastPosts, {maxAge: 60000});
+
+// Later...
+cachedLastPosts(10).then(posts => {
+    posts;
+});
+
+cachedLastPosts.clear();
diff --git a/types/promise-memoize/tsconfig.json b/types/promise-memoize/tsconfig.json
new file mode 100644
index 0000000000..58058661dd
--- /dev/null
+++ b/types/promise-memoize/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "promise-memoize-tests.ts"
+    ]
+}
diff --git a/types/promise-memoize/tslint.json b/types/promise-memoize/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/promise-memoize/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/promise-polyfill/index.d.ts b/types/promise-polyfill/index.d.ts
index 703f7a6a8c..83036cf4ff 100644
--- a/types/promise-polyfill/index.d.ts
+++ b/types/promise-polyfill/index.d.ts
@@ -1,6 +1,13 @@
-// Type definitions for promise v6.0.2
+// Type definitions for promise-polyfill 6.0
 // Project: https://www.npmjs.com/package/promise-polyfill
 // Definitions by: Steve Jenkins <https://github.com/skysteve>
+//                 Daniel Cassidy <https://github.com/djcsdy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-export default Promise;
\ No newline at end of file
+export interface PromisePolyfillConstructor extends PromiseConstructor {
+    _immediateFn?: (handler: (() => void) | string) => void;
+}
+
+declare const Promise: PromisePolyfillConstructor;
+
+export default Promise;
diff --git a/types/promise-polyfill/promise-polyfill-tests.ts b/types/promise-polyfill/promise-polyfill-tests.ts
index 280a2bebdf..cfdd803126 100644
--- a/types/promise-polyfill/promise-polyfill-tests.ts
+++ b/types/promise-polyfill/promise-polyfill-tests.ts
@@ -1,3 +1,5 @@
+import Promise from "promise-polyfill";
+
 const prom1 = new Promise<number>((resolve, reject) => {
 	resolve(12);
 });
@@ -15,4 +17,6 @@ Promise.all([prom1, prom2])
 .then(result => {
 	console.log(result);
 }, (exception) => console.error(exception))
-.catch((ex) => console.error(ex));
\ No newline at end of file
+.catch((ex) => console.error(ex));
+
+Promise._immediateFn = setTimeout;
diff --git a/types/promise-polyfill/tslint.json b/types/promise-polyfill/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/promise-polyfill/tslint.json
+++ b/types/promise-polyfill/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/prompts/index.d.ts b/types/prompts/index.d.ts
new file mode 100644
index 0000000000..7aa3f2ea63
--- /dev/null
+++ b/types/prompts/index.d.ts
@@ -0,0 +1,89 @@
+// Type definitions for prompts 1.1
+// Project: https://github.com/terkelg/prompts
+// Definitions by: Berkay GURSOY <https://github.com/Berkays>
+//                 Daniel Perez Alvarez <https://github.com/danielpa9708>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+export = prompts;
+
+declare function prompts<T extends string = string>(
+    questions: prompts.PromptObject<T> | Array<prompts.PromptObject<T>>,
+    options?: prompts.Options
+): Promise<prompts.Answers<T>>;
+
+declare namespace prompts {
+    // Circular reference from prompts
+    const prompt: any;
+
+    function inject(obj: any): void;
+
+    namespace inject {
+        const prototype: {};
+    }
+
+    namespace prompts {
+        function autocomplete(args: PromptObject): any;
+
+        function confirm(args: PromptObject): void;
+
+        function invisible(args: PromptObject): any;
+
+        function list(args: PromptObject): any;
+
+        function multiselect(args: PromptObject): any;
+
+        function number(args: PromptObject): void;
+
+        function password(args: PromptObject): any;
+
+        function select(args: PromptObject): void;
+
+        function text(args: PromptObject): void;
+
+        function toggle(args: PromptObject): void;
+    }
+
+    interface Choice {
+        title: string;
+        value: string;
+    }
+
+    interface Options {
+        onSubmit: (prompt: PromptObject, answer: any, answers: any[]) => void;
+        onCancel: (prompt: PromptObject, answers: any) => void;
+    }
+
+    interface PromptObject<T extends string = string> {
+        type: ValueOrFunc<string>;
+        name: ValueOrFunc<T>;
+        message?: ValueOrFunc<string>;
+        initial?: string;
+        style?: string;
+        format?: PrevCaller<T, void>;
+        validate?: PrevCaller<T, void>;
+        onState?: PrevCaller<T, void>;
+        min?: number;
+        max?: number;
+        float?: boolean;
+        round?: number;
+        increment?: number;
+        seperator?: string;
+        active?: string;
+        inactive?: string;
+        choices?: Choice[];
+        hint?: string;
+        suggest?: ((prev: any, values: any, prompt: PromptObject) => void);
+        limit?: number;
+    }
+
+    type Answers<T extends string> = { [id in T]: any };
+
+    type PrevCaller<T extends string, R = T> = (
+        prev: any,
+        values: Answers<T>,
+        prompt: PromptObject
+    ) => R;
+
+    type ValueOrFunc<T extends string> = T | PrevCaller<T>;
+}
diff --git a/types/prompts/prompts-tests.ts b/types/prompts/prompts-tests.ts
new file mode 100644
index 0000000000..bd35868c66
--- /dev/null
+++ b/types/prompts/prompts-tests.ts
@@ -0,0 +1,14 @@
+import prompts = require("prompts");
+
+type HasProperty<T, K> = K extends keyof T ? true : false;
+
+(async () => {
+    const response = await prompts({
+        type: "number",
+        name: "value",
+        message: "Input value to double:",
+        validate: (value: any) => (value < 0 ? `Cant be less than zero` : true)
+    });
+    const HasPropValue: HasProperty<typeof response, "value"> = true;
+    const DoesntHavePropAsdf: HasProperty<typeof response, "asdf"> = false;
+})();
diff --git a/types/prompts/tsconfig.json b/types/prompts/tsconfig.json
new file mode 100644
index 0000000000..e8a46be254
--- /dev/null
+++ b/types/prompts/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "prompts-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/prompts/tslint.json b/types/prompts/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/prompts/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/prosemirror-markdown/index.d.ts b/types/prosemirror-markdown/index.d.ts
index 7af366c04e..91b37ea51e 100644
--- a/types/prosemirror-markdown/index.d.ts
+++ b/types/prosemirror-markdown/index.d.ts
@@ -7,7 +7,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-import { MarkdownIt } from 'markdown-it';
+import MarkdownIt = require('markdown-it');
 import { Node as ProsemirrorNode, Schema } from 'prosemirror-model';
 
 /**
diff --git a/types/prosemirror-schema-basic/tsconfig.json b/types/prosemirror-schema-basic/tsconfig.json
index 44a2b36f28..ee4a9ce7fb 100644
--- a/types/prosemirror-schema-basic/tsconfig.json
+++ b/types/prosemirror-schema-basic/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/prosemirror-schema-list/tsconfig.json b/types/prosemirror-schema-list/tsconfig.json
index 3bc76fb24f..294d13e9a6 100644
--- a/types/prosemirror-schema-list/tsconfig.json
+++ b/types/prosemirror-schema-list/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/proton-native/index.d.ts b/types/proton-native/index.d.ts
index e191c00698..0177d00542 100644
--- a/types/proton-native/index.d.ts
+++ b/types/proton-native/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for proton-native 1.1
 // Project: https://github.com/kusti8/proton-native
 // Definitions by: Nguyen Xuan Khanh <https://github.com/khanhas>
+//                 Lukas Tetzlaff <https://github.com/ltetzlaff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -421,6 +422,13 @@ export interface GridChildrenProps {
      * What row the component resides in.
      */
     row?: number;
+    /**
+     * How many rows/columns the component takes off.
+     */
+    span?: {
+        x: number;
+        y: number;
+  };
 }
 
 export interface GridProps {
@@ -608,7 +616,7 @@ export interface RadioButtonsProps extends GridChildrenProps, Label, Stretchy {
     /**
      * Called when a RadioButton is selected. The number selected is passed as an argument.
      */
-    onSelect?: (selected: boolean) => void;
+    onSelect?: (selected: number) => void;
     /**
      * What RadioButton is selected, zero-indexed. -1 means nothing is selected.
      */
diff --git a/types/proton-native/test/index.tsx b/types/proton-native/test/index.tsx
index 901cf3e155..ac0aa21a28 100644
--- a/types/proton-native/test/index.tsx
+++ b/types/proton-native/test/index.tsx
@@ -48,7 +48,7 @@ class RadioTest extends React.Component {
       return (
         <App>
             <Window title="Example" size={{w: 500, h: 500}}>
-                <RadioButtons enabled={true}>
+                <RadioButtons onSelect={selected => selected.toFixed()} enabled={true}>
                     <RadioButtons.Item>Option 1</RadioButtons.Item>
                     <RadioButtons.Item>Option 2</RadioButtons.Item>
                 </RadioButtons>
@@ -118,6 +118,14 @@ class GridTest extends React.Component {
                     >
                         <Form><ColorButton label={"Test"}/></Form>
                     </Box>
+                    <Box
+                        align={{h: false, v: false}}
+                        row={2}
+                        column={0}
+                        span={{x: 2, y: 1}}
+                    >
+                        <Form><ColorButton label={"Spans Two Columns"}/></Form>
+                    </Box>
                 </Grid>
                 </Window>
             </App>
diff --git a/types/protractor-helpers/index.d.ts b/types/protractor-helpers/index.d.ts
index bc52455d6e..686c2442be 100644
--- a/types/protractor-helpers/index.d.ts
+++ b/types/protractor-helpers/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/wix/protractor-helpers
 // Definitions by: John Cant <https://github.com/johncant>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
 import * as webdriver from "selenium-webdriver";
 
diff --git a/types/pumpify/tsconfig.json b/types/pumpify/tsconfig.json
index c616e0e309..2ecb43cc87 100644
--- a/types/pumpify/tsconfig.json
+++ b/types/pumpify/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/puppeteer-core/index.d.ts b/types/puppeteer-core/index.d.ts
new file mode 100644
index 0000000000..0afa8ae704
--- /dev/null
+++ b/types/puppeteer-core/index.d.ts
@@ -0,0 +1,7 @@
+// Type definitions for puppeteer-core 1.9
+// Project: https://github.com/GoogleChrome/puppeteer#readme
+// Definitions by: Fumiaki Matsushima <https://github.com/mtsmfm>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+export * from "puppeteer";
diff --git a/types/puppeteer-core/puppeteer-core-tests.ts b/types/puppeteer-core/puppeteer-core-tests.ts
new file mode 100644
index 0000000000..6e5c38c98e
--- /dev/null
+++ b/types/puppeteer-core/puppeteer-core-tests.ts
@@ -0,0 +1,12 @@
+import * as puppeteer from "puppeteer-core";
+
+(async () => {
+  const browser = await puppeteer.connect();
+  const page = await browser.newPage();
+  await page.goto("https://example.com", {
+    referer: 'http://google.com',
+  });
+  await page.screenshot({ path: "example.png" });
+
+  browser.close();
+})();
diff --git a/types/puppeteer-core/tsconfig.json b/types/puppeteer-core/tsconfig.json
new file mode 100644
index 0000000000..d22fa100f6
--- /dev/null
+++ b/types/puppeteer-core/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom", "es2017"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "puppeteer-core-tests.ts"]
+}
diff --git a/types/puppeteer-core/tslint.json b/types/puppeteer-core/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/puppeteer-core/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/puppeteer/Errors.d.ts b/types/puppeteer/Errors.d.ts
new file mode 100644
index 0000000000..84b8dcab54
--- /dev/null
+++ b/types/puppeteer/Errors.d.ts
@@ -0,0 +1,6 @@
+/**
+ * TimeoutError is emitted whenever certain operations are terminated due to timeout,
+ * e.g. page.waitForSelector(selector[, options]) or puppeteer.launch([options]).
+ */
+export class TimeoutError extends Error {
+}
diff --git a/types/puppeteer/index.d.ts b/types/puppeteer/index.d.ts
index eab93cf2eb..bfd14d9c35 100644
--- a/types/puppeteer/index.d.ts
+++ b/types/puppeteer/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for puppeteer 1.6
+// Type definitions for puppeteer 1.10
 // Project: https://github.com/GoogleChrome/puppeteer#readme
 // Definitions by: Marvin Hagemeister <https://github.com/marvinhagemeister>
 //                 Christopher Deutsch <https://github.com/cdeutsch>
 //                 Konstantin Simon Maria Möllers <https://github.com/ksm2>
+//                 Simon Schick <https://github.com/SimonSchick>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -290,6 +291,8 @@ export interface TracingStartOptions {
   categories?: string[];
 }
 
+export type DialogType = "alert" | "beforeunload" | "confirm" | "prompt";
+
 /** Dialog objects are dispatched by page via the 'dialog' event. */
 export interface Dialog {
   /**
@@ -308,18 +311,35 @@ export interface Dialog {
   message(): string;
 
   /** The dialog type. Dialog's type, can be one of `alert`, `beforeunload`, `confirm` or `prompt`. */
-  type(): "alert" | "beforeunload" | "confirm" | "prompt";
+  type(): DialogType;
 }
 
+export type ConsoleMessageType = "log"
+  | "debug"
+  | "info"
+  | "error"
+  | "warning"
+  | "dir"
+  | "dirxml"
+  | "table"
+  | "trace"
+  | "clear"
+  | "startGroup"
+  | "startGroupCollapsed"
+  | "endGroup"
+  | "assert"
+  | "profile"
+  | "profileEnd"
+  | "count"
+  | "timeEnd";
+
 /** ConsoleMessage objects are dispatched by page via the 'console' event. */
 export interface ConsoleMessage {
   /** The message arguments. */
   args(): JSHandle[];
   /** The message text. */
   text(): string;
-  type(): 'log' | 'debug' | 'info' | 'error' | 'warning' | 'dir' | 'dirxml' | 'table' |
-  'trace' | 'clear' | 'startGroup' | 'startGroupCollapsed' | 'endGroup' | 'assert' |
-  'profile' | 'profileEnd' | 'count' | 'timeEnd';
+  type(): ConsoleMessageType;
 }
 
 export type PageEvents =
@@ -353,17 +373,19 @@ export interface AuthOptions {
 export type MouseButtons = "left" | "right" | "middle";
 
 export interface ClickOptions {
-  /** defaults to left */
+  /** @default MouseButtons.Left */
   button?: MouseButtons;
-  /** defaults to 1 */
+  /** @default 1 */
   clickCount?: number;
   /**
    * Time to wait between mousedown and mouseup in milliseconds.
-   * Defaults to 0.
+   * @default 0
    */
   delay?: number;
 }
 
+export type SameSiteSetting = "Strict" | "Lax";
+
 /** Represents a browser cookie. */
 export interface Cookie {
   /** The cookie name. */
@@ -383,7 +405,7 @@ export interface Cookie {
   /** The cookie secure flag. */
   secure: boolean;
   /** The cookie same site definition. */
-  sameSite: "Strict" | "Lax";
+  sameSite: SameSiteSetting;
 }
 
 export interface DeleteCookie {
@@ -415,7 +437,7 @@ export interface SetCookie {
   /** The cookie secure flag. */
   secure?: boolean;
   /** The cookie same site definition. */
-  sameSite?: "Strict" | "Lax";
+  sameSite?: SameSiteSetting;
 }
 
 export interface Viewport {
@@ -461,13 +483,16 @@ export type LoadEvent =
   | "networkidle0"
   | "networkidle2";
 
+export interface Timeoutable {
+    /**
+     * Maximum navigation time in milliseconds, pass 0 to disable timeout.
+     * @default 30000
+     */
+    timeout?: number;
+}
+
 /** The navigation options. */
-export interface NavigationOptions {
-  /**
-   * Maximum navigation time in milliseconds, pass 0 to disable timeout.
-   * @default 30000
-   */
-  timeout?: number;
+export interface NavigationOptions extends Timeoutable {
   /**
    * When to consider navigation succeeded.
    * @default load Navigation is consider when the `load` event is fired.
@@ -475,6 +500,18 @@ export interface NavigationOptions {
   waitUntil?: LoadEvent | LoadEvent[];
 }
 
+/**
+ * Navigation options for `page.goto`.
+ */
+export interface DirectNavigationOptions extends NavigationOptions {
+  /**
+   * Referer header value.
+   * If provided it will take preference over the referer header value set by
+   * [page.setExtraHTTPHeaders()](#pagesetextrahttpheadersheaders).
+   */
+  referer?: string;
+}
+
 export type PDFFormat =
   | "Letter"
   | "Legal"
@@ -533,11 +570,14 @@ export interface PDFOptions {
    */
   landscape?: boolean;
   /**
-   * Paper ranges to print, e.g., '1-5, 8, 11-13'. Defaults to the empty
-   * string, which means print all pages.
+   * Paper ranges to print, e.g., '1-5, 8, 11-13'.
+   * @default '' which means print all pages.
    */
   pageRanges?: string;
-  /** Paper format. If set, takes priority over width or height options. Defaults to 'Letter'. */
+  /**
+   * Paper format. If set, takes priority over width or height options.
+   * @default 'Letter'
+   */
   format?: PDFFormat;
   /** Paper width, accepts values labeled with units. */
   width?: string;
@@ -554,6 +594,13 @@ export interface PDFOptions {
     /** Left margin, accepts values labeled with units. */
     left?: string;
   };
+
+  /**
+   * Give any CSS @page size declared in the page priority over what is declared in width and
+   * height or format options.
+   * @default false which will scale the content to fit the paper size.
+   */
+  preferCSSPageSize?: boolean;
 }
 
 /** Defines the screenshot options. */
@@ -586,7 +633,7 @@ export interface ScreenshotOptions {
    */
   omitBackground?: boolean;
   /**
-   * The encoding of the image, can be either base64 or binary. Defaults to binary
+   * The encoding of the image, can be either base64 or binary.
    * @default binary
    */
   encoding?: "base64" | "binary";
@@ -621,9 +668,8 @@ export interface ScriptTagOptions {
   type?: string;
 }
 
-export interface PageFnOptions {
+export interface PageFnOptions extends Timeoutable {
   polling?: "raf" | "mutation" | number;
-  timeout?: number;
 }
 
 export interface BoundingBox {
@@ -984,10 +1030,19 @@ export interface RespondOptions {
   body?: Buffer | string;
 }
 
+export interface RemoteInfo {
+    /** the IP address of the remote server */
+    ip: string;
+    /** the port used to connect to the remote server */
+    port: number;
+}
+
 /** Response class represents responses which are received by page. */
 export interface Response {
   /** Promise which resolves to a buffer with response body. */
   buffer(): Promise<Buffer>;
+  /** A Frame that initiated this response, or null if navigating to error pages. */
+  frame(): Frame | null;
   /** True if the response was served from either the browser's disk cache or memory cache. */
   fromCache(): boolean;
   /** True if the response was served by a service worker. */
@@ -1001,16 +1056,35 @@ export interface Response {
   json(): Promise<any>;
   /** Contains a boolean stating whether the response was successful (status in the range 200-299) or not. */
   ok(): boolean;
+  /** Returns remote connection info */
+  remoteAddress(): RemoteInfo;
   /** A matching Request object. */
   request(): Request;
   /** Contains the status code of the response (e.g., 200 for a success). */
   status(): number;
+  /** Contains the status text of the response (e.g. usually an "OK" for a success).  */
+  statusText(): string;
   /** Promise which resolves to a text representation of response body. */
   text(): Promise<string>;
   /** Contains the URL of the response. */
   url(): string;
 }
 
+export interface WaitForSelectorOptions extends Timeoutable {
+    /**
+     * Wait for element to be present in DOM and to be visible,
+     * i.e. to not have display: none or visibility: hidden CSS properties.
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * Wait for element to not be found in the DOM or to be hidden,
+     * i.e. have display: none or visibility: hidden CSS properties.
+     * @default false
+     */
+    hidden?: boolean;
+}
+
 export interface FrameBase extends Evalable {
   /**
    * The method queries frame for the selector.
@@ -1048,6 +1122,13 @@ export interface FrameBase extends Evalable {
   /** Gets the full HTML contents of the page, including the doctype. */
   content(): Promise<string>;
 
+  /**
+   * Navigates to a URL.
+   * @param url URL to navigate page to. The url should include scheme, e.g. `https://`
+   * @param options The navigation parameters.
+   */
+  goto(url: string, options?: DirectNavigationOptions): Promise<Response | null>;
+
   /**
    * Evaluates a function in the browser context.
    * If the function, passed to the frame.evaluate, returns a Promise, then frame.evaluate would wait for the promise to resolve and return its value.
@@ -1084,6 +1165,15 @@ export interface FrameBase extends Evalable {
    */
   hover(selector: string): Promise<void>;
 
+  /**
+   * Triggers a `change` and `input` event once all the provided options have been selected.
+   * If there's no `<select>` element matching selector, the method throws an error.
+   * @param selector A selector to query page for.
+   * @param values Values of options to select. If the `<select>` has the `multiple` attribute,
+   * all values are considered, otherwise only the first one is taken into account.
+   */
+  select(selector: string, ...values: string[]): Promise<string[]>;
+
   /**
    * Sets the page content.
    * @param html HTML markup to assign to the page.
@@ -1112,30 +1202,44 @@ export interface FrameBase extends Evalable {
   /** Returns frame's url. */
   url(): string;
 
-  waitFor(
-    // fn can be an abritary function
-    // tslint:disable-next-line ban-types
-    selectorOrFunctionOrTimeout: string | number | Function,
-    options?: any,
-    ...args: any[]
-  ): Promise<any>;
+  /**
+   * Waits for a certain amount of time before resolving.
+   * @param duration The time to wait for.
+   */
+  waitFor(duration: number): Promise<void>;
+  /**
+   * Shortcut for waitForSelector and waitForXPath
+   */
+  waitFor(selector: string, options?: WaitForSelectorOptions): Promise<ElementHandle>;
 
+  /**
+   * Shortcut for waitForFunction.
+   */
+  waitFor(selector: ((...args: any[]) => any) | string, options?: WaitForSelectorOptions, ...args: any[]): Promise<any>;
+
+  /**
+   * Allows waiting for various conditions.
+   */
   waitForFunction(
-    // fn can be an abritary function
-    // tslint:disable-next-line ban-types
-    fn: string | Function,
+    fn: string | ((...args: any[]) => any),
     options?: PageFnOptions,
     ...args: any[]
   ): Promise<any>;
 
+  /**
+   * Wait for the page navigation occur.
+   * @param options The navigation parameters.
+   */
+  waitForNavigation(options?: NavigationOptions): Promise<Response>;
+
   waitForSelector(
     selector: string,
-    options?: { visible?: boolean; hidden?: boolean; timeout?: number }
+    options?: WaitForSelectorOptions,
   ): Promise<ElementHandle>;
 
   waitForXPath(
     xpath: string,
-    options?: { visible?: boolean; hidden?: boolean; timeout?: number }
+    options?: WaitForSelectorOptions,
   ): Promise<ElementHandle>;
 }
 
@@ -1178,9 +1282,9 @@ export interface PageEventObj {
    * Emitted when the JavaScript code makes a call to `console.timeStamp`.
    * For the list of metrics see `page.metrics`.
    */
-  metrics: { title: string, metrics: any };
+  metrics: { title: string, metrics: Metrics };
   /** Emitted when an uncaught exception happens within the page. */
-  pageerror: string;
+  pageerror: Error;
   /**
    * Emitted when a page issues a request. The request object is read-only.
    * In order to intercept and mutate requests, see page.setRequestInterceptionEnabled.
@@ -1199,10 +1303,161 @@ export interface PageEventObj {
 }
 
 export interface PageCloseOptions {
-  /** Defaults to `false`. Whether to run the before unload page handlers. */
+  /**
+   * Whether to run the before unload page handlers.
+   * @default false
+   */
   runBeforeUnload?: boolean;
 }
 
+export interface GeoOptions {
+  /**
+   * Latitude between -90 and 90.
+   */
+  latitude: number;
+  /**
+   * Longitude between -180 and 180.
+   */
+  longitude: number;
+  /**
+   * Non-negative accuracy value.
+   */
+  accuracy?: number;
+}
+
+export type MediaType = "screen" | "print";
+
+export interface AXNode {
+  /**
+   * The role.
+   */
+  role: string;
+  /**
+   * A human readable name for the node.
+   */
+  name: string;
+  /**
+   * The current value of the node.
+   */
+  value: string | number;
+  /**
+   * An additional human readable description of the node.
+   */
+  description: string;
+  /**
+   * Keyboard shortcuts associated with this node.
+   */
+  keyshortcuts: string;
+  /**
+   * A human readable alternative to the role.
+   */
+  roledescription: string;
+  /**
+   * A description of the current value.
+   */
+  valuetext: string;
+  /**
+   * Whether the node is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Whether the node is expanded or collapsed.
+   */
+  expanded: boolean;
+  /**
+   * Whether the node is focused.
+   */
+  focused: boolean;
+  /**
+   * Whether the node is modal.
+   */
+  modal: boolean;
+  /**
+   * Whether the node text input supports multiline.
+   */
+  multiline: boolean;
+  /**
+   * Whether more than one child can be selected.
+   */
+  multiselectable: boolean;
+  /**
+   * Whether the node is read only.
+   */
+  readonly: boolean;
+  /**
+   * Whether the node is required.
+   */
+  required: boolean;
+  /**
+   * Whether the node is selected in its parent node.
+   */
+  selected: boolean;
+  /**
+   * Whether the checkbox is checked, or "mixed".
+   */
+  checked: boolean | string;
+  /**
+   * Whether the toggle button is checked, or "mixed".
+   */
+  pressed: boolean | string;
+  /**
+   * The level of a heading.
+   */
+  level: number;
+  /**
+   * The minimum value in a node.
+   */
+  valuemin: number;
+  /**
+   * The maximum value in a node.
+   */
+  valuemax: number;
+  /**
+   * What kind of autocomplete is supported by a control.
+   */
+  autocomplete: string;
+  /**
+   * What kind of popup is currently being shown for a node.
+   */
+  haspopup: string;
+  /**
+   * Whether and in what way this node's value is invalid.
+   */
+  invalid: string;
+  /**
+   * Whether the node is oriented horizontally or vertically.
+   */
+  orientation: string;
+  /**
+   * Child nodes of this node, if any.
+   */
+  children: AXNode[];
+}
+
+export interface SnapshopOptions {
+  /**
+   * Prune uninteresting nodes from the tree.
+   * @default true
+   */
+  interestingOnly?: boolean;
+}
+
+/**
+ * The Accessibility class provides methods for inspecting Chromium's accessibility tree.
+ * The accessibility tree is used by assistive technology such as screen readers.
+ * Accessibility is a very platform-specific thing. On different platforms,
+ * there are different screen readers that might have wildly different output.
+ * Blink - Chrome's rendering engine - has a concept of "accessibility tree",
+ * which is than translated into different platform-specific APIs.
+ * Accessibility namespace gives users access to the Blink Accessibility Tree.
+ * Most of the accessibility tree gets filtered out when converting from Blink AX Tree to Platform-specific AX-Tree or
+ * by screen readers themselves. By default, Puppeteer tries to approximate this filtering,
+ * exposing only the "interesting" nodes of the tree.
+ */
+export interface Accessibility {
+  snapshot(options?: SnapshopOptions): Promise<AXNode>;
+}
+
 /** Page provides methods to interact with a single tab in Chromium. One Browser instance might have multiple Page instances. */
 export interface Page extends EventEmitter, FrameBase {
   /**
@@ -1228,6 +1483,8 @@ export interface Page extends EventEmitter, FrameBase {
     handler: (e: PageEventObj[K], ...args: any[]) => void
   ): this;
 
+  accessibility: Accessibility;
+
   /**
    * Provide credentials for http authentication.
    * To disable authentication, pass `null`.
@@ -1258,10 +1515,10 @@ export interface Page extends EventEmitter, FrameBase {
   deleteCookie(...cookies: DeleteCookie[]): Promise<void>;
 
   /** Emulates given device metrics and user agent. This method is a shortcut for `setUserAgent` and `setViewport`.  */
-  emulate(options: Partial<EmulateOptions>): Promise<void>;
+  emulate(options: EmulateOptions): Promise<void>;
 
   /** Emulates the media. */
-  emulateMedia(mediaType: 'screen' | 'print' | null): Promise<void>;
+  emulateMedia(mediaType: MediaType | null): Promise<void>;
 
   /**
    * Evaluates a function in the page context.
@@ -1303,20 +1560,13 @@ export interface Page extends EventEmitter, FrameBase {
    * Navigate to the previous page in history.
    * @param options The navigation parameters.
    */
-  goBack(options?: Partial<NavigationOptions>): Promise<Response | null>;
+  goBack(options?: NavigationOptions): Promise<Response | null>;
 
   /**
    * Navigate to the next page in history.
    * @param options The navigation parameters.
    */
-  goForward(options?: Partial<NavigationOptions>): Promise<Response | null>;
-
-  /**
-   * Navigates to a URL.
-   * @param url URL to navigate page to. The url should include scheme, e.g. `https://`
-   * @param options The navigation parameters.
-   */
-  goto(url: string, options?: Partial<NavigationOptions>): Promise<Response | null>;
+  goForward(options?: NavigationOptions): Promise<Response | null>;
 
   /** Returns the virtual keyboard. */
   keyboard: Keyboard;
@@ -1338,7 +1588,7 @@ export interface Page extends EventEmitter, FrameBase {
    * To generate a pdf with `screen` media, call `page.emulateMedia('screen')` before calling `page.pdf()`:
    * @param options The PDF parameters.
    */
-  pdf(options?: Partial<PDFOptions>): Promise<Buffer>;
+  pdf(options?: PDFOptions): Promise<Buffer>;
 
   /**
    * The method iterates JavaScript heap and finds all the objects with the given prototype.
@@ -1360,15 +1610,6 @@ export interface Page extends EventEmitter, FrameBase {
   screenshot(options?: BinaryScreenShotOptions): Promise<Buffer>;
   screenshot(options?: ScreenshotOptions): Promise<string | Buffer>;
 
-  /**
-   * Triggers a `change` and `input` event once all the provided options have been selected.
-   * If there's no `<select>` element matching selector, the method throws an error.
-   * @param selector A selector to query page for.
-   * @param values Values of options to select. If the `<select>` has the `multiple` attribute,
-   * all values are considered, otherwise only the first one is taken into account.
-   */
-  select(selector: string, ...values: string[]): Promise<string[]>;
-
   /**
    * Toggles bypassing page's Content-Security-Policy.
    * NOTE CSP bypassing happens at the moment of CSP initialization rather then evaluation.
@@ -1405,6 +1646,11 @@ export interface Page extends EventEmitter, FrameBase {
    */
   setExtraHTTPHeaders(headers: Headers): Promise<void>;
 
+  /**
+   * Sets the page's geolocation.
+   */
+  setGeolocation(options: GeoOptions): Promise<void>;
+
   /**
    * Determines whether JavaScript is enabled on the page.
    * @param enable Whether or not to enable JavaScript on the page.
@@ -1454,28 +1700,26 @@ export interface Page extends EventEmitter, FrameBase {
   /** Gets the page viewport. */
   viewport(): Viewport;
 
-  /**
-   * Wait for the page navigation occur.
-   * @param options The navigation parameters.
-   */
-  waitForNavigation(options?: NavigationOptions): Promise<Response>;
-
   waitForRequest(
     urlOrPredicate: string | ((req: Request) => boolean),
-    options?: { timeout?: number }
+    options?: Timeoutable
   ): Promise<Request>;
 
   waitForResponse(
     urlOrPredicate: string | ((res: Response) => boolean),
-    options?: { timeout?: number }
+    options?: Timeoutable
   ): Promise<Response>;
 
   /** This method returns all of the dedicated WebWorkers associated with the page. */
   workers(): Worker[];
 }
 
+export interface TargetAwaiter {
+    waitForTarget(predicate: (target: Target) => boolean, options: Timeoutable): Promise<void>;
+}
+
 /** A Browser is created when Puppeteer connects to a Chromium instance, either through puppeteer.launch or puppeteer.connect. */
-export interface Browser extends EventEmitter {
+export interface Browser extends EventEmitter, TargetAwaiter {
   /**
    * Adds the listener function to the end of the listeners array for the event named `eventName`.
    * No checks are made to see if the listener has already been added. Multiple calls passing the same combination of
@@ -1523,6 +1767,12 @@ export interface Browser extends EventEmitter {
    */
   disconnect(): void;
 
+  /**
+   * Returns the default browser context.
+   * The default browser context can not be closed.
+   */
+  defaultBrowserContext(): BrowserContext;
+
   /** Promise which resolves to a new Page object. */
   newPage(): Promise<Page>;
 
@@ -1532,6 +1782,9 @@ export interface Browser extends EventEmitter {
   /** Spawned browser process. Returns `null` if the browser instance was created with `puppeteer.connect` method */
   process(): ChildProcess;
 
+  /** A target associated with the browser. */
+  target(): Target;
+
   /** Promise which resolves to an array of all active targets. */
   targets(): Promise<Target[]>;
 
@@ -1562,12 +1815,30 @@ export interface BrowserEventObj {
   targetdestroyed: Target;
 }
 
+export type Permission =
+  "geolocation" |
+  "midi" |
+  "midi-sysex" |
+  "notifications" |
+  "push" |
+  "camera" |
+  "microphone" |
+  "background-sync" |
+  "ambient-light-sensor" |
+  "accelerometer" |
+  "gyroscope" |
+  "magnetometer" |
+  "accessibility-events" |
+  "clipboard-read" |
+  "clipboard-write" |
+  "payment-handler";
+
 /**
  * BrowserContexts provide a way to operate multiple independent browser sessions.
  * When a browser is launched, it has a single BrowserContext used by default.
  * The method `browser.newPage()` creates a page in the default browser context.
  */
-export interface BrowserContext extends EventEmitter {
+export interface BrowserContext extends EventEmitter, TargetAwaiter {
   /**
    * Adds the listener function to the end of the listeners array for the event named `eventName`.
    * No checks are made to see if the listener has already been added. Multiple calls passing the same combination of
@@ -1594,6 +1865,11 @@ export interface BrowserContext extends EventEmitter {
   /** The browser this browser context belongs to. */
   browser(): Browser;
 
+  /**
+   * Clears all permission overrides for the browser context.
+   */
+  clearPermissionOverrides(): Promise<void>;
+
   /** Closes the browser context. All the targets that belong to the browser context will be closed. */
   close(): Promise<void>;
 
@@ -1606,6 +1882,17 @@ export interface BrowserContext extends EventEmitter {
   /** Creates a new page in the browser context. */
   newPage(): Promise<Page>;
 
+  /**
+   *
+   * @param origin The origin to grant permissions to, e.g. "https://example.com".
+   * @param permissions An array of permissions to grant.
+   * All permissions that are not listed here will be automatically denied.
+   */
+  overridePermissions(origin: string, permissions: Permission[]): Promise<void>;
+
+  /** Promise which resolves to an array of all open pages. */
+  pages(): Promise<Page[]>;
+
   /** An array of all active targets inside the browser context. */
   targets(): Target[];
 }
@@ -1621,6 +1908,8 @@ export interface BrowserContextEventObj {
   targetdestroyed: Target;
 }
 
+export type TargetType = "page" | "background_page" | "service_worker" | "browser" | "other";
+
 export interface Target {
   /** Get the browser the target belongs to. */
   browser(): Browser;
@@ -1638,20 +1927,32 @@ export interface Target {
   page(): Promise<Page>;
 
   /** Identifies what kind of target this is.  */
-  type(): "page" | "background_page" | "service_worker" | "browser" | "other";
+  type(): TargetType;
 
   /** Returns the target URL. */
   url(): string;
 }
 
-export interface LaunchOptions {
-  /** Whether to open chrome in appMode. Defaults to false. */
+export interface LaunchOptions extends Timeoutable {
+  /**
+   * Whether to open chrome in appMode.
+   * @default false
+   */
   appMode?: boolean;
-  /** Whether to ignore HTTPS errors during navigation. Defaults to false. */
+  /**
+   * Whether to ignore HTTPS errors during navigation.
+   * @default false
+   */
   ignoreHTTPSErrors?: boolean;
-  /** Do not use `puppeteer.defaultArgs()` for launching Chromium. Defaults to false. */
-  ignoreDefaultArgs?: boolean;
-  /** Whether to run Chromium in headless mode. Defaults to true. */
+  /**
+   * Do not use `puppeteer.defaultArgs()` for launching Chromium.
+   * @default false
+   */
+  ignoreDefaultArgs?: boolean | string[];
+  /**
+   * Whether to run Chromium in headless mode.
+   * @default true
+   */
   headless?: boolean;
   /**
    * Path to a Chromium executable to run instead of bundled Chromium. If
@@ -1677,19 +1978,24 @@ export interface LaunchOptions {
      */
     height?: number;
     /**
-     * Specify device scale factor (can be thought of as dpr). Defaults to 1.
+     * Specify device scale factor (can be thought of as dpr).
+     * @default 1
      */
     deviceScaleFactor?: number;
     /**
-     * Whether the meta viewport tag is taken into account. Defaults to false.
+     * Whether the meta viewport tag is taken into account.
+     * @default false
      */
     isMobile?: boolean;
     /**
-     * Specifies if viewport supports touch events. Defaults to false.
+     *
+     * Specifies if viewport supports touch events.
+     * @default false
      */
     hasTouch?: boolean;
     /**
-     * Specifies if viewport is in landscape mode. Defaults to false.
+     * Specifies if viewport is in landscape mode.
+     * @default false
      */
     isLandscape?: boolean;
   };
@@ -1698,32 +2004,69 @@ export interface LaunchOptions {
    * flags can be found here.
    */
   args?: string[];
-  /** Close chrome process on Ctrl-C. Defaults to true. */
+  /**
+   * Close chrome process on Ctrl-C.
+   * @default true
+   */
   handleSIGINT?: boolean;
-  /** Close chrome process on SIGTERM. Defaults to true. */
+  /**
+   * Close chrome process on SIGTERM.
+   * @default true
+   */
   handleSIGTERM?: boolean;
-  /** Close chrome process on SIGHUP. Defaults to true. */
+  /**
+   * Close chrome process on SIGHUP.
+   * @default true
+   */
   handleSIGHUP?: boolean;
-  /**
-   * Maximum time in milliseconds to wait for the Chrome instance to start.
-   * Defaults to 30000 (30 seconds). Pass 0 to disable timeout.
-   */
-  timeout?: number;
   /**
    * Whether to pipe browser process stdout and stderr into process.stdout and
-   * process.stderr. Defaults to false.
+   * process.stderr.
+   * @default false
    */
   dumpio?: boolean;
   /** Path to a User Data Directory. */
   userDataDir?: string;
-  /** Specify environment variables that will be visible to Chromium. Defaults to process.env. */
-  env?: any;
-  /** Whether to auto-open DevTools panel for each tab. If this option is true, the headless option will be set false. */
+  /**
+   * Specify environment variables that will be visible to Chromium.
+   * @default `process.env`.
+   */
+  env?: {
+    [key: string]: string | boolean | number;
+  };
+  /**
+   * Whether to auto-open DevTools panel for each tab. If this option is true, the headless option will be set false.
+   */
   devtools?: boolean;
-  /** Connects to the browser over a pipe instead of a WebSocket. Defaults to false. */
+  /**
+   * Connects to the browser over a pipe instead of a WebSocket.
+   * @default false
+   */
   pipe?: boolean;
 }
 
+export interface DefaultArgsOptions {
+    /**
+     * Whether to run browser in headless mode.
+     * @default true unless the devtools option is true.
+     */
+    headless?: boolean;
+    /**
+     * Additional arguments to pass to the browser instance.
+     * The list of Chromium flags can be found here.
+     */
+    args?: string[];
+    /**
+     * Path to a User Data Directory.
+     */
+    userDataDir?: string;
+    /**
+     * Whether to auto-open a DevTools panel for each tab.
+     * If this option is true, the headless option will be set false.
+     */
+    devtools?: boolean;
+}
+
 export interface ConnectOptions {
   /** A browser websocket endpoint to connect to. */
   browserWSEndpoint?: string;
@@ -1744,7 +2087,7 @@ export interface CDPSession extends EventEmitter {
   /**
    * @param method Protocol method name
    */
-  send(method: string, params?: object): Promise<any>;
+  send(method: string, params?: object): Promise<object>;
 }
 
 export interface Coverage {
@@ -1755,9 +2098,15 @@ export interface Coverage {
 }
 
 export interface StartCoverageOptions {
-  /** Whether to reset coverage on every navigation. Defaults to `true`. */
+  /**
+   * Whether to reset coverage on every navigation.
+   * @default true
+   */
   resetOnNavigation?: boolean;
-  /** Whether anonymous scripts generated by the page should be reported. Defaults to `false`. */
+  /**
+   * Whether anonymous scripts generated by the page should be reported.
+   * @default false
+   */
   reportAnonymousScripts?: boolean;
 }
 
@@ -1770,7 +2119,7 @@ export interface CoverageEntry {
 /** Attaches Puppeteer to an existing Chromium instance */
 export function connect(options?: ConnectOptions): Promise<Browser>;
 /** The default flags that Chromium will be launched with */
-export function defaultArgs(): string[];
+export function defaultArgs(options?: DefaultArgsOptions): string[];
 /** Path where Puppeteer expects to find bundled Chromium */
 export function executablePath(): string;
 /** The method launches a browser instance with given arguments. The browser will be closed when the parent node.js process is closed. */
diff --git a/types/puppeteer/puppeteer-tests.ts b/types/puppeteer/puppeteer-tests.ts
index fb0c283d4b..b708f1bc0c 100644
--- a/types/puppeteer/puppeteer-tests.ts
+++ b/types/puppeteer/puppeteer-tests.ts
@@ -1,10 +1,26 @@
 import * as puppeteer from "puppeteer";
+import { TimeoutError } from "puppeteer/Errors";
+
+// Accessibility
 
-// Examples taken from README
 (async () => {
   const browser = await puppeteer.launch();
   const page = await browser.newPage();
-  await page.goto("https://example.com");
+  const snap = await page.accessibility.snapshot({
+    interestingOnly: true,
+  });
+  for (const child of snap.children) {
+    console.log(child.name);
+  }
+});
+
+// Basic nagivation
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  await page.goto("https://example.com", {
+    referer: 'http://google.com',
+  });
   await page.screenshot({ path: "example.png" });
 
   browser.close();
@@ -16,6 +32,9 @@ import * as puppeteer from "puppeteer";
   await page.goto("https://news.ycombinator.com", { waitUntil: "networkidle0" });
   await page.pdf({ path: "hn.pdf", format: "A4" });
 
+  const frame = page.frames()[0];
+  await frame.goto('/');
+
   browser.close();
 })();
 
@@ -27,7 +46,9 @@ import * as puppeteer from "puppeteer";
   // Get the "viewport" of the page, as reported by the page.
   const dimensions = await page.evaluate(() => {
     return {
+      // tslint:disable-next-line no-unnecessary-type-assertion
       width: document.documentElement!.clientWidth,
+      // tslint:disable-next-line no-unnecessary-type-assertion
       height: document.documentElement!.clientHeight,
       deviceScaleFactor: window.devicePixelRatio
     };
@@ -306,13 +327,20 @@ puppeteer.launch().then(async browser => {
   browser.close();
 })();
 
-// Test 0.13 features
+// Test request API
 (async () => {
   const browser = await puppeteer.launch();
   const page = await browser.newPage();
   const handler = (r: puppeteer.Request) => {
     const failure = r.failure();
 
+    const response = r.response();
+    if (!response) {
+      return;
+    }
+    const text: string = response.statusText();
+    const ip: string = response.remoteAddress().ip;
+
     if (failure == null) {
       console.error("Request completed successfully");
       return;
@@ -412,3 +440,56 @@ puppeteer.launch().then(async browser => {
 
   browser.close();
 })();
+
+// Test waitFor
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  await page.waitFor(1000);
+  await page.waitFor('selector');
+  await page.waitFor('selector', {
+      timeout: 123,
+  });
+  await page.waitFor(() => !!document.querySelector('.foo'), {
+      hidden: true,
+  });
+  await page.waitFor((stuff: string) => !!document.querySelector(stuff), {
+    hidden: true,
+  }, 'asd');
+
+  const frame: puppeteer.Frame = page.frames()[0];
+  await frame.waitFor((stuff: string) => !!document.querySelector(stuff), {
+    hidden: true,
+  }, 'asd');
+})();
+
+// Permission tests
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  const ctx = browser.defaultBrowserContext();
+  await ctx.overridePermissions('https://example.com', ['accelerometer']);
+  await ctx.clearPermissionOverrides();
+});
+
+// Geoloc
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  page.setGeolocation({
+    accuracy: 10,
+    latitude: 0,
+    longitude: 0,
+  });
+});
+
+// Errors
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+    try {
+        await page.waitFor('test');
+    } catch (err) {
+        console.log(err instanceof TimeoutError);
+    }
+});
diff --git a/types/puppeteer/tsconfig.json b/types/puppeteer/tsconfig.json
index 1231a85489..f253604e14 100644
--- a/types/puppeteer/tsconfig.json
+++ b/types/puppeteer/tsconfig.json
@@ -20,7 +20,8 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
+        "Errors.d.ts",
         "index.d.ts",
         "puppeteer-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/puppeteer/v0/puppeteer-tests.ts b/types/puppeteer/v0/puppeteer-tests.ts
index 963fb1c8c1..76717da98f 100644
--- a/types/puppeteer/v0/puppeteer-tests.ts
+++ b/types/puppeteer/v0/puppeteer-tests.ts
@@ -27,8 +27,8 @@ import * as puppeteer from "puppeteer";
   // Get the "viewport" of the page, as reported by the page.
   const dimensions = await page.evaluate(() => {
     return {
-      width: document.documentElement!.clientWidth,
-      height: document.documentElement!.clientHeight,
+      width: document.documentElement!.clientWidth, // tslint:disable-line no-unnecessary-type-assertion
+      height: document.documentElement!.clientHeight, // tslint:disable-line no-unnecessary-type-assertion
       deviceScaleFactor: window.devicePixelRatio
     };
   });
diff --git a/types/qhistory/index.d.ts b/types/qhistory/index.d.ts
index 84bd4e6d83..6269c25e82 100644
--- a/types/qhistory/index.d.ts
+++ b/types/qhistory/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for qhistory 1.0
 // Project: https://github.com/pshrmn/qhistory#readme
-// Definitions by: Diogo Franco <https://github.com/Kovensky>
+// Definitions by: Jessica Franco <https://github.com/Kovensky>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
diff --git a/types/qlik-engineapi/index.d.ts b/types/qlik-engineapi/index.d.ts
index dd9d761f56..2c2823c2dd 100644
--- a/types/qlik-engineapi/index.d.ts
+++ b/types/qlik-engineapi/index.d.ts
@@ -4063,7 +4063,7 @@ declare namespace EngineAPI {
         /**
          * Information about publishing and permissions.
          */
-        qMeta: INxMeta;
+        qMeta: INxMetaTitleDescriptionTag;
 
         /**
          * Identifier and type of the dimension.
@@ -6874,9 +6874,7 @@ declare namespace EngineAPI {
     }
 
     interface IQVersion {
-        qVersion: {
-            qComponentVersion: string;
-        };
+        qComponentVersion: string;
     }
 
     interface IQConfig {
@@ -7223,7 +7221,7 @@ declare namespace EngineAPI {
          * The apps are located in C:\Users\<user name>\Documents\Qlik\Sense\Apps.
          * @returns Path of the folder where the apps are stored.
          */
-        getFolderItemsForPath(qPath: string): Promise<IFolderItem>;
+        getFolderItemsForPath(qPath: string): Promise<IFolderItem[]>;
 
         /**
          * Gets the list of all the script functions.
@@ -9285,7 +9283,7 @@ declare namespace EngineAPI {
      * GenericDimensionListLayout width extend GenericBaseLayout
      */
     interface IGenericDimensionListLayout extends IGenericBaseLayout {
-        qDimensionsListObject: IDimensionList;
+        qDimensionList: IDimensionList;
     }
 
     /**
diff --git a/types/qrcode/index.d.ts b/types/qrcode/index.d.ts
index 5d607b2908..eb42fe1a90 100644
--- a/types/qrcode/index.d.ts
+++ b/types/qrcode/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for qrcode 1.2
+// Type definitions for qrcode 1.3
 // Project: https://github.com/soldair/node-qrcode
 // Definitions by: York Yao <https://github.com/plantain-00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -79,6 +79,12 @@ export interface QRCodeRenderersOptions extends QRCodeOptions {
      * Default: 4
      */
     scale?: number;
+    /**
+     * Forces a specific width for the output image.
+     * If width is too small to contain the qr symbol, this option will be ignored.
+     * Takes precedence over scale.
+     */
+    width?: number;
     color?: {
         /**
          * Color of dark module. Value must be in hex format (RGBA).
diff --git a/types/query-string/index.d.ts b/types/query-string/index.d.ts
index 8a2f4a30ea..6e560f57e9 100644
--- a/types/query-string/index.d.ts
+++ b/types/query-string/index.d.ts
@@ -13,13 +13,21 @@ export interface ParseOptions {
     decode?: boolean;
 }
 
+export interface InputParams {
+  [key: string]: any;
+}
+
+export interface OutputParams {
+  [key: string]: string | string[] | undefined;
+}
+
 /**
  * Parse a query string into an object.
  * Leading ? or # are ignored, so you can pass location.search or location.hash directly.
  */
-export function parse(str: string, options?: ParseOptions): any;
+export function parse(str: string, options?: ParseOptions): OutputParams;
 
-export function parseUrl(str: string, options?: ParseOptions): {url: string, query: any};
+export function parseUrl(str: string, options?: ParseOptions): {url: string, query: OutputParams};
 
 export interface StringifyOptions {
     strict?: boolean;
@@ -30,7 +38,7 @@ export interface StringifyOptions {
 /**
  * Stringify an object into a query string, sorting the keys.
  */
-export function stringify(obj: object, options?: StringifyOptions): string;
+export function stringify(obj: InputParams, options?: StringifyOptions): string;
 
 /**
  * Extract a query string from a URL that can be passed into .parse().
diff --git a/types/query-string/query-string-tests.ts b/types/query-string/query-string-tests.ts
index 69c70655ed..33152ce445 100644
--- a/types/query-string/query-string-tests.ts
+++ b/types/query-string/query-string-tests.ts
@@ -19,20 +19,26 @@ import * as queryString from 'query-string';
     result = queryString.stringify({ foo: 'bar' }, { strict: false, encode: false });
 }
 
+// For each section below, the second line ensures the real answer is of the declared
+// type. You can find the real answer by running the first line of each section.
+
 // parse
 {
-    let fooBar: { foo: 'bar' };
-    fooBar = queryString.parse('?foo=bar');
-    fooBar = queryString.parse('#foo=bar');
-    fooBar = queryString.parse('?foo=bar%20baz', { decode: true });
+    let fooBar = queryString.parse('?foo=bar');
+    fooBar = {foo: "bar"};
 
-    let fooBarBaz: { foo: ['bar', 'baz'] };
-    fooBarBaz = queryString.parse('&foo=bar&foo=baz');
+    let fooBarBaz1 = queryString.parse('&foo=bar&foo=baz');
+    fooBarBaz1 = { foo: [ 'bar', 'baz' ] };
+
+    let fooBarBaz2 = queryString.parse('&foo[]=bar&foo[]=baz', {arrayFormat: 'bracket'});
+    fooBarBaz2 = { foo: [ 'bar', 'baz' ] };
 }
 
 // extract
 {
-    let result: string;
-    result = queryString.extract('http://foo.bar/?abc=def&hij=klm');
-    result = queryString.extract('http://foo.bar/?foo=bar');
+    let result1 = queryString.extract('http://foo.bar/?abc=def&hij=klm');
+    result1 = 'abc=def&hij=klm';
+
+    let result2 = queryString.extract('http://foo.bar/?foo=bar');
+    result2 = 'foo=bar';
 }
diff --git a/types/quill/index.d.ts b/types/quill/index.d.ts
index d1fd85f4ba..0b4de9932b 100644
--- a/types/quill/index.d.ts
+++ b/types/quill/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Quill 1.3
+// Type definitions for Quill 2.0
 // Project: https://github.com/quilljs/quill/
 // Definitions by: Sumit <https://github.com/sumitkm>
 //                 Guillaume <https://github.com/guillaume-ro-fr>
@@ -6,8 +6,10 @@
 //                 Aniello Falcone <https://github.com/AnielloFalcone>
 //                 Mohammad Hossein Amri <https://github.com/mhamri>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
 
 import { Blot } from 'parchment/dist/src/blot/abstract/blot';
+import Delta = require('quill-delta');
 
 /**
  * A stricter type definition would be:
@@ -32,9 +34,9 @@ export interface OptionalAttributes {
     attributes?: StringMap;
 }
 
-export type TextChangeHandler = (delta: DeltaStatic, oldContents: DeltaStatic, source: Sources) => any;
+export type TextChangeHandler = (delta: Delta, oldContents: Delta, source: Sources) => any;
 export type SelectionChangeHandler = (range: RangeStatic, oldRange: RangeStatic, source: Sources) => any;
-export type EditorChangeHandler = ((name: "text-change", delta: DeltaStatic, oldContents: DeltaStatic, source: Sources) => any)
+export type EditorChangeHandler = ((name: "text-change", delta: Delta, oldContents: Delta, source: Sources) => any)
     | ((name: "selection-change", range: RangeStatic, oldRange: RangeStatic, source: Sources) => any);
 
 export interface KeyboardStatic {
@@ -43,14 +45,14 @@ export interface KeyboardStatic {
 }
 
 export interface ClipboardStatic {
-    convert(html?: string): DeltaStatic;
-    addMatcher(selectorOrNodeType: string|number, callback: (node: any, delta: DeltaStatic) => DeltaStatic): void;
+    convert(html?: string): Delta;
+    addMatcher(selectorOrNodeType: string|number, callback: (node: any, delta: Delta) => Delta): void;
     dangerouslyPasteHTML(html: string, source?: Sources): void;
     dangerouslyPasteHTML(index: number, html: string, source?: Sources): void;
 }
 
 export interface QuillOptionsStatic {
-    debug?: string;
+    debug?: string | boolean;
     modules?: StringMap;
     placeholder?: string;
     readOnly?: boolean;
@@ -70,51 +72,6 @@ export interface BoundsStatic {
     width: number;
 }
 
-export interface DeltaStatic {
-    ops?: DeltaOperation[];
-    retain(length: number, attributes?: StringMap): DeltaStatic;
-    delete(length: number): DeltaStatic;
-    filter(predicate: (op: DeltaOperation) => boolean): DeltaOperation[];
-    forEach(predicate: (op: DeltaOperation) => void): void;
-    insert(text: any, attributes?: StringMap): DeltaStatic;
-    map<T>(predicate: (op: DeltaOperation) => T): T[];
-    partition(predicate: (op: DeltaOperation) => boolean): [DeltaOperation[], DeltaOperation[]];
-    reduce<T>(predicate: (acc: T, curr: DeltaOperation, idx: number, arr: DeltaOperation[]) => T, initial: T): T;
-    chop(): DeltaStatic;
-    length(): number;
-    slice(start?: number, end?: number): DeltaStatic;
-    compose(other: DeltaStatic): DeltaStatic;
-    concat(other: DeltaStatic): DeltaStatic;
-    diff(other: DeltaStatic, index?: number): DeltaStatic;
-    eachLine(predicate: (line: DeltaStatic, attributes: StringMap, idx: number) => any, newline?: string): DeltaStatic;
-    transform(index: number, priority?: boolean): number;
-    transform(other: DeltaStatic, priority: boolean): DeltaStatic;
-    transformPosition(index: number, priority?: boolean): number;
-}
-
-export class Delta implements DeltaStatic {
-    constructor(ops?: DeltaOperation[] | { ops: DeltaOperation[] });
-    ops?: DeltaOperation[];
-    retain(length: number, attributes?: StringMap): DeltaStatic;
-    delete(length: number): DeltaStatic;
-    filter(predicate: (op: DeltaOperation) => boolean): DeltaOperation[];
-    forEach(predicate: (op: DeltaOperation) => void): void;
-    insert(text: any, attributes?: StringMap): DeltaStatic;
-    map<T>(predicate: (op: DeltaOperation) => T): T[];
-    partition(predicate: (op: DeltaOperation) => boolean): [DeltaOperation[], DeltaOperation[]];
-    reduce<T>(predicate: (acc: T, curr: DeltaOperation, idx: number, arr: DeltaOperation[]) => T, initial: T): T;
-    chop(): DeltaStatic;
-    length(): number;
-    slice(start?: number, end?: number): DeltaStatic;
-    compose(other: DeltaStatic): DeltaStatic;
-    concat(other: DeltaStatic): DeltaStatic;
-    diff(other: DeltaStatic, index?: number): DeltaStatic;
-    eachLine(predicate: (line: DeltaStatic, attributes: StringMap, idx: number) => any, newline?: string): DeltaStatic;
-    transform(index: number): number;
-    transform(other: DeltaStatic, priority: boolean): DeltaStatic;
-    transformPosition(index: number): number;
-}
-
 export interface RangeStatic {
     index: number;
     length: number;
@@ -147,16 +104,16 @@ export class Quill implements EventEmitter {
     scroll: Blot;
     keyboard: KeyboardStatic;
     constructor(container: string | Element, options?: QuillOptionsStatic);
-    deleteText(index: number, length: number, source?: Sources): DeltaStatic;
+    deleteText(index: number, length: number, source?: Sources): Delta;
     disable(): void;
     enable(enabled?: boolean): void;
-    getContents(index?: number, length?: number): DeltaStatic;
+    getContents(index?: number, length?: number): Delta;
     getLength(): number;
     getText(index?: number, length?: number): string;
-    insertEmbed(index: number, type: string, value: any, source?: Sources): DeltaStatic;
-    insertText(index: number, text: string, source?: Sources): DeltaStatic;
-    insertText(index: number, text: string, format: string, value: any, source?: Sources): DeltaStatic;
-    insertText(index: number, text: string, formats: StringMap, source?: Sources): DeltaStatic;
+    insertEmbed(index: number, type: string, value: any, source?: Sources): Delta;
+    insertText(index: number, text: string, source?: Sources): Delta;
+    insertText(index: number, text: string, format: string, value: any, source?: Sources): Delta;
+    insertText(index: number, text: string, formats: StringMap, source?: Sources): Delta;
     /**
      * @deprecated Remove in 2.0. Use clipboard.dangerouslyPasteHTML(index: number, html: string, source: Sources)
      */
@@ -165,23 +122,23 @@ export class Quill implements EventEmitter {
      * @deprecated Remove in 2.0. Use clipboard.dangerouslyPasteHTML(html: string, source: Sources): void;
      */
     pasteHTML(html: string, source?: Sources): string;
-    setContents(delta: DeltaStatic, source?: Sources): DeltaStatic;
-    setText(text: string, source?: Sources): DeltaStatic;
+    setContents(delta: Delta, source?: Sources): Delta;
+    setText(text: string, source?: Sources): Delta;
     update(source?: Sources): void;
-    updateContents(delta: DeltaStatic, source?: Sources): DeltaStatic;
+    updateContents(delta: Delta, source?: Sources): Delta;
 
-    format(name: string, value: any, source?: Sources): DeltaStatic;
-    formatLine(index: number, length: number, source?: Sources): DeltaStatic;
-    formatLine(index: number, length: number, format: string, value: any, source?: Sources): DeltaStatic;
-    formatLine(index: number, length: number, formats: StringMap, source?: Sources): DeltaStatic;
-    formatText(index: number, length: number, source?: Sources): DeltaStatic;
-    formatText(index: number, length: number, format: string, value: any, source?: Sources): DeltaStatic;
-    formatText(index: number, length: number, formats: StringMap, source?: Sources): DeltaStatic;
-    formatText(range: RangeStatic, format: string, value: any, source?: Sources): DeltaStatic;
-    formatText(range: RangeStatic, formats: StringMap, source?: Sources): DeltaStatic;
+    format(name: string, value: any, source?: Sources): Delta;
+    formatLine(index: number, length: number, source?: Sources): Delta;
+    formatLine(index: number, length: number, format: string, value: any, source?: Sources): Delta;
+    formatLine(index: number, length: number, formats: StringMap, source?: Sources): Delta;
+    formatText(index: number, length: number, source?: Sources): Delta;
+    formatText(index: number, length: number, format: string, value: any, source?: Sources): Delta;
+    formatText(index: number, length: number, formats: StringMap, source?: Sources): Delta;
+    formatText(range: RangeStatic, format: string, value: any, source?: Sources): Delta;
+    formatText(range: RangeStatic, formats: StringMap, source?: Sources): Delta;
     getFormat(range?: RangeStatic): StringMap;
     getFormat(index: number, length?: number): StringMap;
-    removeFormat(index: number, length: number, source?: Sources): DeltaStatic;
+    removeFormat(index: number, length: number, source?: Sources): Delta;
 
     blur(): void;
     focus(): void;
diff --git a/types/quill/package.json b/types/quill/package.json
index 85d0ed05d1..04d024d088 100644
--- a/types/quill/package.json
+++ b/types/quill/package.json
@@ -1,6 +1,7 @@
 {
     "private": true,
     "dependencies": {
-        "parchment": "^1.1.2"
+        "parchment": "^1.1.2",
+        "quill-delta": "^4.0.1"
     }
 }
diff --git a/types/quill/quill-tests.ts b/types/quill/quill-tests.ts
index 073e68f115..b2dcfac727 100644
--- a/types/quill/quill-tests.ts
+++ b/types/quill/quill-tests.ts
@@ -1,5 +1,6 @@
-import { Quill, Delta, DeltaStatic, RangeStatic, StringMap } from 'quill';
+import { Quill, RangeStatic, StringMap } from 'quill';
 import { Blot } from 'parchment/src/blot/abstract/blot';
+import Delta = require('quill-delta');
 
 function test_quill() {
     const quillEditor = new Quill('#editor', {
@@ -11,6 +12,17 @@ function test_quill() {
     });
 }
 
+function test_quill_opts() {
+    const quillEditor = new Quill('#editor', {
+        modules:
+        {
+            toolbar: { container: "#toolbar" }
+        },
+        theme: 'snow',
+        debug: true,
+    });
+}
+
 function test_scroll() {
     const quillEditor = new Quill('#editor');
     const blot: Blot = quillEditor.scroll;
@@ -38,7 +50,7 @@ function test_enable_false() {
 
 function test_getContents() {
     const quillEditor = new Quill('#editor');
-    const delta: DeltaStatic = quillEditor.getContents();
+    const delta: Delta = quillEditor.getContents();
 }
 
 function test_getLength() {
@@ -192,7 +204,7 @@ function test_addContainer() {
 }
 
 function test_on_Events() {
-    const textChangeHandler = (newDelta: DeltaStatic, oldDelta: DeltaStatic, source: string) => { };
+    const textChangeHandler = (newDelta: Delta, oldDelta: Delta, source: string) => { };
     const selectionChangeHandler = (newRange: RangeStatic, oldRange: RangeStatic, source: string) => { };
     const editorChangeHandler = (name: string, ...args: any[]) => { };
 
@@ -318,7 +330,7 @@ function test_DeltaEachLine() {
                            .insert('\n', { align: 'right' })
                            .insert('!');
 
-    delta.eachLine((line: DeltaStatic, attributes: StringMap, i: number) => console.log(line, attributes, i));
+    delta.eachLine((line: Delta, attributes: StringMap, i: number) => console.log(line, attributes, i));
     // Should log:
     // { ops: [{ insert: 'Hello' }] }, {}, 0
     // { ops: [] }, {}, 1
@@ -330,8 +342,8 @@ function test_DeltaTransform() {
     const a = new Delta().insert('a');
     const b = new Delta().insert('b').retain(5).insert('c');
 
-    const d1: DeltaStatic = a.transform(b, true);  // new Delta().retain(1).insert('b').retain(5).insert('c');
-    const d2: DeltaStatic = a.transform(b, false); // new Delta().insert('b').retain(6).insert('c');
+    const d1: Delta = a.transform(b, true);  // new Delta().retain(1).insert('b').retain(5).insert('c');
+    const d2: Delta = a.transform(b, false); // new Delta().insert('b').retain(6).insert('c');
     const n1: number = a.transform(5);
     const n2: number = a.transform(5, true);
     const n3: number = a.transform(5, false);
diff --git a/types/qunit/v1/tslint.json b/types/qunit/v1/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/qunit/v1/tslint.json
+++ b/types/qunit/v1/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/ramda/es/F.d.ts b/types/ramda/es/F.d.ts
new file mode 100644
index 0000000000..bdc0d570d9
--- /dev/null
+++ b/types/ramda/es/F.d.ts
@@ -0,0 +1,2 @@
+import { F } from '../index';
+export default F;
diff --git a/types/ramda/es/T.d.ts b/types/ramda/es/T.d.ts
new file mode 100644
index 0000000000..634808e684
--- /dev/null
+++ b/types/ramda/es/T.d.ts
@@ -0,0 +1,2 @@
+import { T } from '../index';
+export default T;
diff --git a/types/ramda/es/add.d.ts b/types/ramda/es/add.d.ts
new file mode 100644
index 0000000000..b7b3ee887c
--- /dev/null
+++ b/types/ramda/es/add.d.ts
@@ -0,0 +1,2 @@
+import { add } from '../index';
+export default add;
diff --git a/types/ramda/es/addIndex.d.ts b/types/ramda/es/addIndex.d.ts
new file mode 100644
index 0000000000..9f27967dcb
--- /dev/null
+++ b/types/ramda/es/addIndex.d.ts
@@ -0,0 +1,2 @@
+import { addIndex } from '../index';
+export default addIndex;
diff --git a/types/ramda/es/adjust.d.ts b/types/ramda/es/adjust.d.ts
new file mode 100644
index 0000000000..22b65ec38e
--- /dev/null
+++ b/types/ramda/es/adjust.d.ts
@@ -0,0 +1,2 @@
+import { adjust } from '../index';
+export default adjust;
diff --git a/types/ramda/es/all.d.ts b/types/ramda/es/all.d.ts
new file mode 100644
index 0000000000..a2f6d934f9
--- /dev/null
+++ b/types/ramda/es/all.d.ts
@@ -0,0 +1,2 @@
+import { all } from '../index';
+export default all;
diff --git a/types/ramda/es/allPass.d.ts b/types/ramda/es/allPass.d.ts
new file mode 100644
index 0000000000..d44ac20e9d
--- /dev/null
+++ b/types/ramda/es/allPass.d.ts
@@ -0,0 +1,2 @@
+import { allPass } from '../index';
+export default allPass;
diff --git a/types/ramda/es/always.d.ts b/types/ramda/es/always.d.ts
new file mode 100644
index 0000000000..aadc94983b
--- /dev/null
+++ b/types/ramda/es/always.d.ts
@@ -0,0 +1,2 @@
+import { always } from '../index';
+export default always;
diff --git a/types/ramda/es/and.d.ts b/types/ramda/es/and.d.ts
new file mode 100644
index 0000000000..3d505f6ec3
--- /dev/null
+++ b/types/ramda/es/and.d.ts
@@ -0,0 +1,2 @@
+import { and } from '../index';
+export default and;
diff --git a/types/ramda/es/any.d.ts b/types/ramda/es/any.d.ts
new file mode 100644
index 0000000000..1e77e505e9
--- /dev/null
+++ b/types/ramda/es/any.d.ts
@@ -0,0 +1,2 @@
+import { any } from '../index';
+export default any;
diff --git a/types/ramda/es/anyPass.d.ts b/types/ramda/es/anyPass.d.ts
new file mode 100644
index 0000000000..d8e7fc8f0d
--- /dev/null
+++ b/types/ramda/es/anyPass.d.ts
@@ -0,0 +1,2 @@
+import { anyPass } from '../index';
+export default anyPass;
diff --git a/types/ramda/es/ap.d.ts b/types/ramda/es/ap.d.ts
new file mode 100644
index 0000000000..5bf98d7fbd
--- /dev/null
+++ b/types/ramda/es/ap.d.ts
@@ -0,0 +1,2 @@
+import { ap } from '../index';
+export default ap;
diff --git a/types/ramda/es/aperture.d.ts b/types/ramda/es/aperture.d.ts
new file mode 100644
index 0000000000..7536b091b8
--- /dev/null
+++ b/types/ramda/es/aperture.d.ts
@@ -0,0 +1,2 @@
+import { aperture } from '../index';
+export default aperture;
diff --git a/types/ramda/es/append.d.ts b/types/ramda/es/append.d.ts
new file mode 100644
index 0000000000..88a4e7cde2
--- /dev/null
+++ b/types/ramda/es/append.d.ts
@@ -0,0 +1,2 @@
+import { append } from '../index';
+export default append;
diff --git a/types/ramda/es/apply.d.ts b/types/ramda/es/apply.d.ts
new file mode 100644
index 0000000000..53d90689ed
--- /dev/null
+++ b/types/ramda/es/apply.d.ts
@@ -0,0 +1,2 @@
+import { apply } from '../index';
+export default apply;
diff --git a/types/ramda/es/applySpec.d.ts b/types/ramda/es/applySpec.d.ts
new file mode 100644
index 0000000000..57e5b8018c
--- /dev/null
+++ b/types/ramda/es/applySpec.d.ts
@@ -0,0 +1,2 @@
+import { applySpec } from '../index';
+export default applySpec;
diff --git a/types/ramda/es/applyTo.d.ts b/types/ramda/es/applyTo.d.ts
new file mode 100644
index 0000000000..30869542db
--- /dev/null
+++ b/types/ramda/es/applyTo.d.ts
@@ -0,0 +1,2 @@
+import { applyTo } from '../index';
+export default applyTo;
diff --git a/types/ramda/es/ascend.d.ts b/types/ramda/es/ascend.d.ts
new file mode 100644
index 0000000000..e4c4e1199b
--- /dev/null
+++ b/types/ramda/es/ascend.d.ts
@@ -0,0 +1,2 @@
+import { ascend } from '../index';
+export default ascend;
diff --git a/types/ramda/es/assoc.d.ts b/types/ramda/es/assoc.d.ts
new file mode 100644
index 0000000000..5acc97a0aa
--- /dev/null
+++ b/types/ramda/es/assoc.d.ts
@@ -0,0 +1,2 @@
+import { assoc } from '../index';
+export default assoc;
diff --git a/types/ramda/es/assocPath.d.ts b/types/ramda/es/assocPath.d.ts
new file mode 100644
index 0000000000..040671bf38
--- /dev/null
+++ b/types/ramda/es/assocPath.d.ts
@@ -0,0 +1,2 @@
+import { assocPath } from '../index';
+export default assocPath;
diff --git a/types/ramda/es/binary.d.ts b/types/ramda/es/binary.d.ts
new file mode 100644
index 0000000000..259cb96e82
--- /dev/null
+++ b/types/ramda/es/binary.d.ts
@@ -0,0 +1,2 @@
+import { binary } from '../index';
+export default binary;
diff --git a/types/ramda/es/bind.d.ts b/types/ramda/es/bind.d.ts
new file mode 100644
index 0000000000..fe108f09a7
--- /dev/null
+++ b/types/ramda/es/bind.d.ts
@@ -0,0 +1,2 @@
+import { bind } from '../index';
+export default bind;
diff --git a/types/ramda/es/both.d.ts b/types/ramda/es/both.d.ts
new file mode 100644
index 0000000000..8061154cdd
--- /dev/null
+++ b/types/ramda/es/both.d.ts
@@ -0,0 +1,2 @@
+import { both } from '../index';
+export default both;
diff --git a/types/ramda/es/call.d.ts b/types/ramda/es/call.d.ts
new file mode 100644
index 0000000000..35b6fda88c
--- /dev/null
+++ b/types/ramda/es/call.d.ts
@@ -0,0 +1,2 @@
+import { call } from '../index';
+export default call;
diff --git a/types/ramda/es/chain.d.ts b/types/ramda/es/chain.d.ts
new file mode 100644
index 0000000000..53aafe210a
--- /dev/null
+++ b/types/ramda/es/chain.d.ts
@@ -0,0 +1,2 @@
+import { chain } from '../index';
+export default chain;
diff --git a/types/ramda/es/clamp.d.ts b/types/ramda/es/clamp.d.ts
new file mode 100644
index 0000000000..1376643cbf
--- /dev/null
+++ b/types/ramda/es/clamp.d.ts
@@ -0,0 +1,2 @@
+import { clamp } from '../index';
+export default clamp;
diff --git a/types/ramda/es/clone.d.ts b/types/ramda/es/clone.d.ts
new file mode 100644
index 0000000000..b95f842554
--- /dev/null
+++ b/types/ramda/es/clone.d.ts
@@ -0,0 +1,2 @@
+import { clone } from '../index';
+export default clone;
diff --git a/types/ramda/es/comparator.d.ts b/types/ramda/es/comparator.d.ts
new file mode 100644
index 0000000000..34023dea00
--- /dev/null
+++ b/types/ramda/es/comparator.d.ts
@@ -0,0 +1,2 @@
+import { comparator } from '../index';
+export default comparator;
diff --git a/types/ramda/es/complement.d.ts b/types/ramda/es/complement.d.ts
new file mode 100644
index 0000000000..b5d31fee50
--- /dev/null
+++ b/types/ramda/es/complement.d.ts
@@ -0,0 +1,2 @@
+import { complement } from '../index';
+export default complement;
diff --git a/types/ramda/es/compose.d.ts b/types/ramda/es/compose.d.ts
new file mode 100644
index 0000000000..dca4578840
--- /dev/null
+++ b/types/ramda/es/compose.d.ts
@@ -0,0 +1,2 @@
+import { compose } from '../index';
+export default compose;
diff --git a/types/ramda/es/composeK.d.ts b/types/ramda/es/composeK.d.ts
new file mode 100644
index 0000000000..646005a0b6
--- /dev/null
+++ b/types/ramda/es/composeK.d.ts
@@ -0,0 +1,2 @@
+import { composeK } from '../index';
+export default composeK;
diff --git a/types/ramda/es/composeP.d.ts b/types/ramda/es/composeP.d.ts
new file mode 100644
index 0000000000..ca0a96fb25
--- /dev/null
+++ b/types/ramda/es/composeP.d.ts
@@ -0,0 +1,2 @@
+import { composeP } from '../index';
+export default composeP;
diff --git a/types/ramda/es/concat.d.ts b/types/ramda/es/concat.d.ts
new file mode 100644
index 0000000000..9ae333cf95
--- /dev/null
+++ b/types/ramda/es/concat.d.ts
@@ -0,0 +1,2 @@
+import { concat } from '../index';
+export default concat;
diff --git a/types/ramda/es/cond.d.ts b/types/ramda/es/cond.d.ts
new file mode 100644
index 0000000000..0ab4930b0e
--- /dev/null
+++ b/types/ramda/es/cond.d.ts
@@ -0,0 +1,2 @@
+import { cond } from '../index';
+export default cond;
diff --git a/types/ramda/es/construct.d.ts b/types/ramda/es/construct.d.ts
new file mode 100644
index 0000000000..736871cb61
--- /dev/null
+++ b/types/ramda/es/construct.d.ts
@@ -0,0 +1,2 @@
+import { construct } from '../index';
+export default construct;
diff --git a/types/ramda/es/constructN.d.ts b/types/ramda/es/constructN.d.ts
new file mode 100644
index 0000000000..d9efc76cf3
--- /dev/null
+++ b/types/ramda/es/constructN.d.ts
@@ -0,0 +1,2 @@
+import { constructN } from '../index';
+export default constructN;
diff --git a/types/ramda/es/contains.d.ts b/types/ramda/es/contains.d.ts
new file mode 100644
index 0000000000..d193bc6109
--- /dev/null
+++ b/types/ramda/es/contains.d.ts
@@ -0,0 +1,2 @@
+import { contains } from '../index';
+export default contains;
diff --git a/types/ramda/es/converge.d.ts b/types/ramda/es/converge.d.ts
new file mode 100644
index 0000000000..181c0bd7e9
--- /dev/null
+++ b/types/ramda/es/converge.d.ts
@@ -0,0 +1,2 @@
+import { converge } from '../index';
+export default converge;
diff --git a/types/ramda/es/countBy.d.ts b/types/ramda/es/countBy.d.ts
new file mode 100644
index 0000000000..03d46e23f0
--- /dev/null
+++ b/types/ramda/es/countBy.d.ts
@@ -0,0 +1,2 @@
+import { countBy } from '../index';
+export default countBy;
diff --git a/types/ramda/es/curry.d.ts b/types/ramda/es/curry.d.ts
new file mode 100644
index 0000000000..0d94abf560
--- /dev/null
+++ b/types/ramda/es/curry.d.ts
@@ -0,0 +1,2 @@
+import { curry } from '../index';
+export default curry;
diff --git a/types/ramda/es/curryN.d.ts b/types/ramda/es/curryN.d.ts
new file mode 100644
index 0000000000..dca634c3b8
--- /dev/null
+++ b/types/ramda/es/curryN.d.ts
@@ -0,0 +1,2 @@
+import { curryN } from '../index';
+export default curryN;
diff --git a/types/ramda/es/dec.d.ts b/types/ramda/es/dec.d.ts
new file mode 100644
index 0000000000..605681f0d8
--- /dev/null
+++ b/types/ramda/es/dec.d.ts
@@ -0,0 +1,2 @@
+import { dec } from '../index';
+export default dec;
diff --git a/types/ramda/es/defaultTo.d.ts b/types/ramda/es/defaultTo.d.ts
new file mode 100644
index 0000000000..9c61199544
--- /dev/null
+++ b/types/ramda/es/defaultTo.d.ts
@@ -0,0 +1,2 @@
+import { defaultTo } from '../index';
+export default defaultTo;
diff --git a/types/ramda/es/descend.d.ts b/types/ramda/es/descend.d.ts
new file mode 100644
index 0000000000..d0ff2b6d54
--- /dev/null
+++ b/types/ramda/es/descend.d.ts
@@ -0,0 +1,2 @@
+import { descend } from '../index';
+export default descend;
diff --git a/types/ramda/es/difference.d.ts b/types/ramda/es/difference.d.ts
new file mode 100644
index 0000000000..1ef0096735
--- /dev/null
+++ b/types/ramda/es/difference.d.ts
@@ -0,0 +1,2 @@
+import { difference } from '../index';
+export default difference;
diff --git a/types/ramda/es/differenceWith.d.ts b/types/ramda/es/differenceWith.d.ts
new file mode 100644
index 0000000000..5a2366f6e0
--- /dev/null
+++ b/types/ramda/es/differenceWith.d.ts
@@ -0,0 +1,2 @@
+import { differenceWith } from '../index';
+export default differenceWith;
diff --git a/types/ramda/es/dissoc.d.ts b/types/ramda/es/dissoc.d.ts
new file mode 100644
index 0000000000..0ed3e2def9
--- /dev/null
+++ b/types/ramda/es/dissoc.d.ts
@@ -0,0 +1,2 @@
+import { dissoc } from '../index';
+export default dissoc;
diff --git a/types/ramda/es/dissocPath.d.ts b/types/ramda/es/dissocPath.d.ts
new file mode 100644
index 0000000000..83c705d80f
--- /dev/null
+++ b/types/ramda/es/dissocPath.d.ts
@@ -0,0 +1,2 @@
+import { dissocPath } from '../index';
+export default dissocPath;
diff --git a/types/ramda/es/divide.d.ts b/types/ramda/es/divide.d.ts
new file mode 100644
index 0000000000..45c27a4d21
--- /dev/null
+++ b/types/ramda/es/divide.d.ts
@@ -0,0 +1,2 @@
+import { divide } from '../index';
+export default divide;
diff --git a/types/ramda/es/drop.d.ts b/types/ramda/es/drop.d.ts
new file mode 100644
index 0000000000..fb89bef7f0
--- /dev/null
+++ b/types/ramda/es/drop.d.ts
@@ -0,0 +1,2 @@
+import { drop } from '../index';
+export default drop;
diff --git a/types/ramda/es/dropLast.d.ts b/types/ramda/es/dropLast.d.ts
new file mode 100644
index 0000000000..2402f890f1
--- /dev/null
+++ b/types/ramda/es/dropLast.d.ts
@@ -0,0 +1,2 @@
+import { dropLast } from '../index';
+export default dropLast;
diff --git a/types/ramda/es/dropLastWhile.d.ts b/types/ramda/es/dropLastWhile.d.ts
new file mode 100644
index 0000000000..82950dd98b
--- /dev/null
+++ b/types/ramda/es/dropLastWhile.d.ts
@@ -0,0 +1,2 @@
+import { dropLastWhile } from '../index';
+export default dropLastWhile;
diff --git a/types/ramda/es/either.d.ts b/types/ramda/es/either.d.ts
new file mode 100644
index 0000000000..130f0c4e7f
--- /dev/null
+++ b/types/ramda/es/either.d.ts
@@ -0,0 +1,2 @@
+import { either } from '../index';
+export default either;
diff --git a/types/ramda/es/empty.d.ts b/types/ramda/es/empty.d.ts
new file mode 100644
index 0000000000..2cb6e8fade
--- /dev/null
+++ b/types/ramda/es/empty.d.ts
@@ -0,0 +1,2 @@
+import { empty } from '../index';
+export default empty;
diff --git a/types/ramda/es/endsWith.d.ts b/types/ramda/es/endsWith.d.ts
new file mode 100644
index 0000000000..f23a961bbc
--- /dev/null
+++ b/types/ramda/es/endsWith.d.ts
@@ -0,0 +1,2 @@
+import { endsWith } from '../index';
+export default endsWith;
diff --git a/types/ramda/es/eqBy.d.ts b/types/ramda/es/eqBy.d.ts
new file mode 100644
index 0000000000..3ed508587a
--- /dev/null
+++ b/types/ramda/es/eqBy.d.ts
@@ -0,0 +1,2 @@
+import { eqBy } from '../index';
+export default eqBy;
diff --git a/types/ramda/es/eqProps.d.ts b/types/ramda/es/eqProps.d.ts
new file mode 100644
index 0000000000..e33b163311
--- /dev/null
+++ b/types/ramda/es/eqProps.d.ts
@@ -0,0 +1,2 @@
+import { eqProps } from '../index';
+export default eqProps;
diff --git a/types/ramda/es/equals.d.ts b/types/ramda/es/equals.d.ts
new file mode 100644
index 0000000000..6d4c8050e1
--- /dev/null
+++ b/types/ramda/es/equals.d.ts
@@ -0,0 +1,2 @@
+import { equals } from '../index';
+export default equals;
diff --git a/types/ramda/es/evolve.d.ts b/types/ramda/es/evolve.d.ts
new file mode 100644
index 0000000000..21ec9896a3
--- /dev/null
+++ b/types/ramda/es/evolve.d.ts
@@ -0,0 +1,2 @@
+import { evolve } from '../index';
+export default evolve;
diff --git a/types/ramda/es/filter.d.ts b/types/ramda/es/filter.d.ts
new file mode 100644
index 0000000000..a4f7133638
--- /dev/null
+++ b/types/ramda/es/filter.d.ts
@@ -0,0 +1,2 @@
+import { filter } from '../index';
+export default filter;
diff --git a/types/ramda/es/find.d.ts b/types/ramda/es/find.d.ts
new file mode 100644
index 0000000000..a8c2905bed
--- /dev/null
+++ b/types/ramda/es/find.d.ts
@@ -0,0 +1,2 @@
+import { find } from '../index';
+export default find;
diff --git a/types/ramda/es/findIndex.d.ts b/types/ramda/es/findIndex.d.ts
new file mode 100644
index 0000000000..88c14e28fc
--- /dev/null
+++ b/types/ramda/es/findIndex.d.ts
@@ -0,0 +1,2 @@
+import { findIndex } from '../index';
+export default findIndex;
diff --git a/types/ramda/es/findLast.d.ts b/types/ramda/es/findLast.d.ts
new file mode 100644
index 0000000000..3d8ad5c7fa
--- /dev/null
+++ b/types/ramda/es/findLast.d.ts
@@ -0,0 +1,2 @@
+import { findLast } from '../index';
+export default findLast;
diff --git a/types/ramda/es/findLastIndex.d.ts b/types/ramda/es/findLastIndex.d.ts
new file mode 100644
index 0000000000..ae1edaeb14
--- /dev/null
+++ b/types/ramda/es/findLastIndex.d.ts
@@ -0,0 +1,2 @@
+import { findLastIndex } from '../index';
+export default findLastIndex;
diff --git a/types/ramda/es/flatten.d.ts b/types/ramda/es/flatten.d.ts
new file mode 100644
index 0000000000..75a19402dc
--- /dev/null
+++ b/types/ramda/es/flatten.d.ts
@@ -0,0 +1,2 @@
+import { flatten } from '../index';
+export default flatten;
diff --git a/types/ramda/es/flip.d.ts b/types/ramda/es/flip.d.ts
new file mode 100644
index 0000000000..164e607f33
--- /dev/null
+++ b/types/ramda/es/flip.d.ts
@@ -0,0 +1,2 @@
+import { flip } from '../index';
+export default flip;
diff --git a/types/ramda/es/forEach.d.ts b/types/ramda/es/forEach.d.ts
new file mode 100644
index 0000000000..c5f7a57837
--- /dev/null
+++ b/types/ramda/es/forEach.d.ts
@@ -0,0 +1,2 @@
+import { forEach } from '../index';
+export default forEach;
diff --git a/types/ramda/es/forEachObjIndexed.d.ts b/types/ramda/es/forEachObjIndexed.d.ts
new file mode 100644
index 0000000000..a098026381
--- /dev/null
+++ b/types/ramda/es/forEachObjIndexed.d.ts
@@ -0,0 +1,2 @@
+import { forEachObjIndexed } from '../index';
+export default forEachObjIndexed;
diff --git a/types/ramda/es/fromPairs.d.ts b/types/ramda/es/fromPairs.d.ts
new file mode 100644
index 0000000000..0cb1778350
--- /dev/null
+++ b/types/ramda/es/fromPairs.d.ts
@@ -0,0 +1,2 @@
+import { fromPairs } from '../index';
+export default fromPairs;
diff --git a/types/ramda/es/groupBy.d.ts b/types/ramda/es/groupBy.d.ts
new file mode 100644
index 0000000000..af2b32083b
--- /dev/null
+++ b/types/ramda/es/groupBy.d.ts
@@ -0,0 +1,2 @@
+import { groupBy } from '../index';
+export default groupBy;
diff --git a/types/ramda/es/groupWith.d.ts b/types/ramda/es/groupWith.d.ts
new file mode 100644
index 0000000000..f9dca6c16b
--- /dev/null
+++ b/types/ramda/es/groupWith.d.ts
@@ -0,0 +1,2 @@
+import { groupWith } from '../index';
+export default groupWith;
diff --git a/types/ramda/es/gt.d.ts b/types/ramda/es/gt.d.ts
new file mode 100644
index 0000000000..4cdb70d336
--- /dev/null
+++ b/types/ramda/es/gt.d.ts
@@ -0,0 +1,2 @@
+import { gt } from '../index';
+export default gt;
diff --git a/types/ramda/es/gte.d.ts b/types/ramda/es/gte.d.ts
new file mode 100644
index 0000000000..2b878eabc6
--- /dev/null
+++ b/types/ramda/es/gte.d.ts
@@ -0,0 +1,2 @@
+import { gte } from '../index';
+export default gte;
diff --git a/types/ramda/es/has.d.ts b/types/ramda/es/has.d.ts
new file mode 100644
index 0000000000..88c79bfdb0
--- /dev/null
+++ b/types/ramda/es/has.d.ts
@@ -0,0 +1,2 @@
+import { has } from '../index';
+export default has;
diff --git a/types/ramda/es/hasIn.d.ts b/types/ramda/es/hasIn.d.ts
new file mode 100644
index 0000000000..4cad709e64
--- /dev/null
+++ b/types/ramda/es/hasIn.d.ts
@@ -0,0 +1,2 @@
+import { hasIn } from '../index';
+export default hasIn;
diff --git a/types/ramda/es/head.d.ts b/types/ramda/es/head.d.ts
new file mode 100644
index 0000000000..bb1f3dd7b9
--- /dev/null
+++ b/types/ramda/es/head.d.ts
@@ -0,0 +1,2 @@
+import { head } from '../index';
+export default head;
diff --git a/types/ramda/es/identical.d.ts b/types/ramda/es/identical.d.ts
new file mode 100644
index 0000000000..6f2ccf4f94
--- /dev/null
+++ b/types/ramda/es/identical.d.ts
@@ -0,0 +1,2 @@
+import { identical } from '../index';
+export default identical;
diff --git a/types/ramda/es/identity.d.ts b/types/ramda/es/identity.d.ts
new file mode 100644
index 0000000000..ba0936116e
--- /dev/null
+++ b/types/ramda/es/identity.d.ts
@@ -0,0 +1,2 @@
+import { identity } from '../index';
+export default identity;
diff --git a/types/ramda/es/ifElse.d.ts b/types/ramda/es/ifElse.d.ts
new file mode 100644
index 0000000000..46674829d7
--- /dev/null
+++ b/types/ramda/es/ifElse.d.ts
@@ -0,0 +1,2 @@
+import { ifElse } from '../index';
+export default ifElse;
diff --git a/types/ramda/es/inc.d.ts b/types/ramda/es/inc.d.ts
new file mode 100644
index 0000000000..c173b2dd8e
--- /dev/null
+++ b/types/ramda/es/inc.d.ts
@@ -0,0 +1,2 @@
+import { inc } from '../index';
+export default inc;
diff --git a/types/ramda/es/indexBy.d.ts b/types/ramda/es/indexBy.d.ts
new file mode 100644
index 0000000000..93b29ec7cd
--- /dev/null
+++ b/types/ramda/es/indexBy.d.ts
@@ -0,0 +1,2 @@
+import { indexBy } from '../index';
+export default indexBy;
diff --git a/types/ramda/es/indexOf.d.ts b/types/ramda/es/indexOf.d.ts
new file mode 100644
index 0000000000..22aa4b44db
--- /dev/null
+++ b/types/ramda/es/indexOf.d.ts
@@ -0,0 +1,2 @@
+import { indexOf } from '../index';
+export default indexOf;
diff --git a/types/ramda/es/init.d.ts b/types/ramda/es/init.d.ts
new file mode 100644
index 0000000000..03849db7b0
--- /dev/null
+++ b/types/ramda/es/init.d.ts
@@ -0,0 +1,2 @@
+import { init } from '../index';
+export default init;
diff --git a/types/ramda/es/insert.d.ts b/types/ramda/es/insert.d.ts
new file mode 100644
index 0000000000..3fdde857fa
--- /dev/null
+++ b/types/ramda/es/insert.d.ts
@@ -0,0 +1,2 @@
+import { insert } from '../index';
+export default insert;
diff --git a/types/ramda/es/insertAll.d.ts b/types/ramda/es/insertAll.d.ts
new file mode 100644
index 0000000000..a9fd784995
--- /dev/null
+++ b/types/ramda/es/insertAll.d.ts
@@ -0,0 +1,2 @@
+import { insertAll } from '../index';
+export default insertAll;
diff --git a/types/ramda/es/intersection.d.ts b/types/ramda/es/intersection.d.ts
new file mode 100644
index 0000000000..1ec1aadbe4
--- /dev/null
+++ b/types/ramda/es/intersection.d.ts
@@ -0,0 +1,2 @@
+import { intersection } from '../index';
+export default intersection;
diff --git a/types/ramda/es/intersectionWith.d.ts b/types/ramda/es/intersectionWith.d.ts
new file mode 100644
index 0000000000..773c36acbe
--- /dev/null
+++ b/types/ramda/es/intersectionWith.d.ts
@@ -0,0 +1,2 @@
+import { intersectionWith } from '../index';
+export default intersectionWith;
diff --git a/types/ramda/es/intersperse.d.ts b/types/ramda/es/intersperse.d.ts
new file mode 100644
index 0000000000..b4420de34a
--- /dev/null
+++ b/types/ramda/es/intersperse.d.ts
@@ -0,0 +1,2 @@
+import { intersperse } from '../index';
+export default intersperse;
diff --git a/types/ramda/es/into.d.ts b/types/ramda/es/into.d.ts
new file mode 100644
index 0000000000..3daa53afdd
--- /dev/null
+++ b/types/ramda/es/into.d.ts
@@ -0,0 +1,2 @@
+import { into } from '../index';
+export default into;
diff --git a/types/ramda/es/invert.d.ts b/types/ramda/es/invert.d.ts
new file mode 100644
index 0000000000..825773f5dc
--- /dev/null
+++ b/types/ramda/es/invert.d.ts
@@ -0,0 +1,2 @@
+import { invert } from '../index';
+export default invert;
diff --git a/types/ramda/es/invertObj.d.ts b/types/ramda/es/invertObj.d.ts
new file mode 100644
index 0000000000..8fd0f1fe7d
--- /dev/null
+++ b/types/ramda/es/invertObj.d.ts
@@ -0,0 +1,2 @@
+import { invertObj } from '../index';
+export default invertObj;
diff --git a/types/ramda/es/invoker.d.ts b/types/ramda/es/invoker.d.ts
new file mode 100644
index 0000000000..1930a78917
--- /dev/null
+++ b/types/ramda/es/invoker.d.ts
@@ -0,0 +1,2 @@
+import { invoker } from '../index';
+export default invoker;
diff --git a/types/ramda/es/is.d.ts b/types/ramda/es/is.d.ts
new file mode 100644
index 0000000000..262d14160d
--- /dev/null
+++ b/types/ramda/es/is.d.ts
@@ -0,0 +1,2 @@
+import { is } from '../index';
+export default is;
diff --git a/types/ramda/es/isArrayLike.d.ts b/types/ramda/es/isArrayLike.d.ts
new file mode 100644
index 0000000000..04aa464805
--- /dev/null
+++ b/types/ramda/es/isArrayLike.d.ts
@@ -0,0 +1,2 @@
+import { isArrayLike } from '../index';
+export default isArrayLike;
diff --git a/types/ramda/es/isEmpty.d.ts b/types/ramda/es/isEmpty.d.ts
new file mode 100644
index 0000000000..bea7bb8d08
--- /dev/null
+++ b/types/ramda/es/isEmpty.d.ts
@@ -0,0 +1,2 @@
+import { isEmpty } from '../index';
+export default isEmpty;
diff --git a/types/ramda/es/isNaN.d.ts b/types/ramda/es/isNaN.d.ts
new file mode 100644
index 0000000000..5dbe28177a
--- /dev/null
+++ b/types/ramda/es/isNaN.d.ts
@@ -0,0 +1,2 @@
+import { isNaN } from '../index';
+export default isNaN;
diff --git a/types/ramda/es/isNil.d.ts b/types/ramda/es/isNil.d.ts
new file mode 100644
index 0000000000..bce78e7c70
--- /dev/null
+++ b/types/ramda/es/isNil.d.ts
@@ -0,0 +1,2 @@
+import { isNil } from '../index';
+export default isNil;
diff --git a/types/ramda/es/join.d.ts b/types/ramda/es/join.d.ts
new file mode 100644
index 0000000000..7505b7e769
--- /dev/null
+++ b/types/ramda/es/join.d.ts
@@ -0,0 +1,2 @@
+import { join } from '../index';
+export default join;
diff --git a/types/ramda/es/juxt.d.ts b/types/ramda/es/juxt.d.ts
new file mode 100644
index 0000000000..23e342f53d
--- /dev/null
+++ b/types/ramda/es/juxt.d.ts
@@ -0,0 +1,2 @@
+import { juxt } from '../index';
+export default juxt;
diff --git a/types/ramda/es/keys.d.ts b/types/ramda/es/keys.d.ts
new file mode 100644
index 0000000000..b44e894b7a
--- /dev/null
+++ b/types/ramda/es/keys.d.ts
@@ -0,0 +1,2 @@
+import { keys } from '../index';
+export default keys;
diff --git a/types/ramda/es/keysIn.d.ts b/types/ramda/es/keysIn.d.ts
new file mode 100644
index 0000000000..a54fb92a6d
--- /dev/null
+++ b/types/ramda/es/keysIn.d.ts
@@ -0,0 +1,2 @@
+import { keysIn } from '../index';
+export default keysIn;
diff --git a/types/ramda/es/last.d.ts b/types/ramda/es/last.d.ts
new file mode 100644
index 0000000000..f8ea740735
--- /dev/null
+++ b/types/ramda/es/last.d.ts
@@ -0,0 +1,2 @@
+import { last } from '../index';
+export default last;
diff --git a/types/ramda/es/lastIndexOf.d.ts b/types/ramda/es/lastIndexOf.d.ts
new file mode 100644
index 0000000000..c34fe55a03
--- /dev/null
+++ b/types/ramda/es/lastIndexOf.d.ts
@@ -0,0 +1,2 @@
+import { lastIndexOf } from '../index';
+export default lastIndexOf;
diff --git a/types/ramda/es/length.d.ts b/types/ramda/es/length.d.ts
new file mode 100644
index 0000000000..7ef1d90dd5
--- /dev/null
+++ b/types/ramda/es/length.d.ts
@@ -0,0 +1,2 @@
+import { length } from '../index';
+export default length;
diff --git a/types/ramda/es/lens.d.ts b/types/ramda/es/lens.d.ts
new file mode 100644
index 0000000000..03688e0c4f
--- /dev/null
+++ b/types/ramda/es/lens.d.ts
@@ -0,0 +1,2 @@
+import { lens } from '../index';
+export default lens;
diff --git a/types/ramda/es/lensIndex.d.ts b/types/ramda/es/lensIndex.d.ts
new file mode 100644
index 0000000000..d85cd88c2f
--- /dev/null
+++ b/types/ramda/es/lensIndex.d.ts
@@ -0,0 +1,2 @@
+import { lensIndex } from '../index';
+export default lensIndex;
diff --git a/types/ramda/es/lensPath.d.ts b/types/ramda/es/lensPath.d.ts
new file mode 100644
index 0000000000..67b60fbf3c
--- /dev/null
+++ b/types/ramda/es/lensPath.d.ts
@@ -0,0 +1,2 @@
+import { lensPath } from '../index';
+export default lensPath;
diff --git a/types/ramda/es/lensProp.d.ts b/types/ramda/es/lensProp.d.ts
new file mode 100644
index 0000000000..fc8db9e32d
--- /dev/null
+++ b/types/ramda/es/lensProp.d.ts
@@ -0,0 +1,2 @@
+import { lensProp } from '../index';
+export default lensProp;
diff --git a/types/ramda/es/lift.d.ts b/types/ramda/es/lift.d.ts
new file mode 100644
index 0000000000..73e4cba184
--- /dev/null
+++ b/types/ramda/es/lift.d.ts
@@ -0,0 +1,2 @@
+import { lift } from '../index';
+export default lift;
diff --git a/types/ramda/es/lt.d.ts b/types/ramda/es/lt.d.ts
new file mode 100644
index 0000000000..71360d1c43
--- /dev/null
+++ b/types/ramda/es/lt.d.ts
@@ -0,0 +1,2 @@
+import { lt } from '../index';
+export default lt;
diff --git a/types/ramda/es/lte.d.ts b/types/ramda/es/lte.d.ts
new file mode 100644
index 0000000000..980ef22037
--- /dev/null
+++ b/types/ramda/es/lte.d.ts
@@ -0,0 +1,2 @@
+import { lte } from '../index';
+export default lte;
diff --git a/types/ramda/es/map.d.ts b/types/ramda/es/map.d.ts
new file mode 100644
index 0000000000..6883cb62f6
--- /dev/null
+++ b/types/ramda/es/map.d.ts
@@ -0,0 +1,2 @@
+import { map } from '../index';
+export default map;
diff --git a/types/ramda/es/mapAccum.d.ts b/types/ramda/es/mapAccum.d.ts
new file mode 100644
index 0000000000..356c715787
--- /dev/null
+++ b/types/ramda/es/mapAccum.d.ts
@@ -0,0 +1,2 @@
+import { mapAccum } from '../index';
+export default mapAccum;
diff --git a/types/ramda/es/mapAccumRight.d.ts b/types/ramda/es/mapAccumRight.d.ts
new file mode 100644
index 0000000000..817e73bb97
--- /dev/null
+++ b/types/ramda/es/mapAccumRight.d.ts
@@ -0,0 +1,2 @@
+import { mapAccumRight } from '../index';
+export default mapAccumRight;
diff --git a/types/ramda/es/mapObjIndexed.d.ts b/types/ramda/es/mapObjIndexed.d.ts
new file mode 100644
index 0000000000..3ef1eca52d
--- /dev/null
+++ b/types/ramda/es/mapObjIndexed.d.ts
@@ -0,0 +1,2 @@
+import { mapObjIndexed } from '../index';
+export default mapObjIndexed;
diff --git a/types/ramda/es/match.d.ts b/types/ramda/es/match.d.ts
new file mode 100644
index 0000000000..a24f0bd6d0
--- /dev/null
+++ b/types/ramda/es/match.d.ts
@@ -0,0 +1,2 @@
+import { match } from '../index';
+export default match;
diff --git a/types/ramda/es/mathMod.d.ts b/types/ramda/es/mathMod.d.ts
new file mode 100644
index 0000000000..0b0205c822
--- /dev/null
+++ b/types/ramda/es/mathMod.d.ts
@@ -0,0 +1,2 @@
+import { mathMod } from '../index';
+export default mathMod;
diff --git a/types/ramda/es/max.d.ts b/types/ramda/es/max.d.ts
new file mode 100644
index 0000000000..fcb09338c0
--- /dev/null
+++ b/types/ramda/es/max.d.ts
@@ -0,0 +1,2 @@
+import { max } from '../index';
+export default max;
diff --git a/types/ramda/es/maxBy.d.ts b/types/ramda/es/maxBy.d.ts
new file mode 100644
index 0000000000..4d00e7e572
--- /dev/null
+++ b/types/ramda/es/maxBy.d.ts
@@ -0,0 +1,2 @@
+import { maxBy } from '../index';
+export default maxBy;
diff --git a/types/ramda/es/mean.d.ts b/types/ramda/es/mean.d.ts
new file mode 100644
index 0000000000..8babcc3374
--- /dev/null
+++ b/types/ramda/es/mean.d.ts
@@ -0,0 +1,2 @@
+import { mean } from '../index';
+export default mean;
diff --git a/types/ramda/es/median.d.ts b/types/ramda/es/median.d.ts
new file mode 100644
index 0000000000..f7386692ff
--- /dev/null
+++ b/types/ramda/es/median.d.ts
@@ -0,0 +1,2 @@
+import { median } from '../index';
+export default median;
diff --git a/types/ramda/es/memoize.d.ts b/types/ramda/es/memoize.d.ts
new file mode 100644
index 0000000000..a32d4d0016
--- /dev/null
+++ b/types/ramda/es/memoize.d.ts
@@ -0,0 +1,2 @@
+import { memoize } from '../index';
+export default memoize;
diff --git a/types/ramda/es/memoizeWith.d.ts b/types/ramda/es/memoizeWith.d.ts
new file mode 100644
index 0000000000..8eb2abd416
--- /dev/null
+++ b/types/ramda/es/memoizeWith.d.ts
@@ -0,0 +1,2 @@
+import { memoizeWith } from '../index';
+export default memoizeWith;
diff --git a/types/ramda/es/merge.d.ts b/types/ramda/es/merge.d.ts
new file mode 100644
index 0000000000..9786c2b611
--- /dev/null
+++ b/types/ramda/es/merge.d.ts
@@ -0,0 +1,2 @@
+import { merge } from '../index';
+export default merge;
diff --git a/types/ramda/es/mergeAll.d.ts b/types/ramda/es/mergeAll.d.ts
new file mode 100644
index 0000000000..8bb141f82f
--- /dev/null
+++ b/types/ramda/es/mergeAll.d.ts
@@ -0,0 +1,2 @@
+import { mergeAll } from '../index';
+export default mergeAll;
diff --git a/types/ramda/es/mergeDeepLeft.d.ts b/types/ramda/es/mergeDeepLeft.d.ts
new file mode 100644
index 0000000000..332df578d3
--- /dev/null
+++ b/types/ramda/es/mergeDeepLeft.d.ts
@@ -0,0 +1,2 @@
+import { mergeDeepLeft } from '../index';
+export default mergeDeepLeft;
diff --git a/types/ramda/es/mergeDeepRight.d.ts b/types/ramda/es/mergeDeepRight.d.ts
new file mode 100644
index 0000000000..c589924ca5
--- /dev/null
+++ b/types/ramda/es/mergeDeepRight.d.ts
@@ -0,0 +1,2 @@
+import { mergeDeepRight } from '../index';
+export default mergeDeepRight;
diff --git a/types/ramda/es/mergeDeepWith.d.ts b/types/ramda/es/mergeDeepWith.d.ts
new file mode 100644
index 0000000000..cd5523b224
--- /dev/null
+++ b/types/ramda/es/mergeDeepWith.d.ts
@@ -0,0 +1,2 @@
+import { mergeDeepWith } from '../index';
+export default mergeDeepWith;
diff --git a/types/ramda/es/mergeDeepWithKey.d.ts b/types/ramda/es/mergeDeepWithKey.d.ts
new file mode 100644
index 0000000000..70f6ace1db
--- /dev/null
+++ b/types/ramda/es/mergeDeepWithKey.d.ts
@@ -0,0 +1,2 @@
+import { mergeDeepWithKey } from '../index';
+export default mergeDeepWithKey;
diff --git a/types/ramda/es/mergeWith.d.ts b/types/ramda/es/mergeWith.d.ts
new file mode 100644
index 0000000000..0270c71977
--- /dev/null
+++ b/types/ramda/es/mergeWith.d.ts
@@ -0,0 +1,2 @@
+import { mergeWith } from '../index';
+export default mergeWith;
diff --git a/types/ramda/es/mergeWithKey.d.ts b/types/ramda/es/mergeWithKey.d.ts
new file mode 100644
index 0000000000..b32e625cfc
--- /dev/null
+++ b/types/ramda/es/mergeWithKey.d.ts
@@ -0,0 +1,2 @@
+import { mergeWithKey } from '../index';
+export default mergeWithKey;
diff --git a/types/ramda/es/min.d.ts b/types/ramda/es/min.d.ts
new file mode 100644
index 0000000000..af0dca8faa
--- /dev/null
+++ b/types/ramda/es/min.d.ts
@@ -0,0 +1,2 @@
+import { min } from '../index';
+export default min;
diff --git a/types/ramda/es/minBy.d.ts b/types/ramda/es/minBy.d.ts
new file mode 100644
index 0000000000..14377eea93
--- /dev/null
+++ b/types/ramda/es/minBy.d.ts
@@ -0,0 +1,2 @@
+import { minBy } from '../index';
+export default minBy;
diff --git a/types/ramda/es/modulo.d.ts b/types/ramda/es/modulo.d.ts
new file mode 100644
index 0000000000..4c32f3ce8f
--- /dev/null
+++ b/types/ramda/es/modulo.d.ts
@@ -0,0 +1,2 @@
+import { modulo } from '../index';
+export default modulo;
diff --git a/types/ramda/es/multiply.d.ts b/types/ramda/es/multiply.d.ts
new file mode 100644
index 0000000000..56d3a59380
--- /dev/null
+++ b/types/ramda/es/multiply.d.ts
@@ -0,0 +1,2 @@
+import { multiply } from '../index';
+export default multiply;
diff --git a/types/ramda/es/nAry.d.ts b/types/ramda/es/nAry.d.ts
new file mode 100644
index 0000000000..a9bce85047
--- /dev/null
+++ b/types/ramda/es/nAry.d.ts
@@ -0,0 +1,2 @@
+import { nAry } from '../index';
+export default nAry;
diff --git a/types/ramda/es/negate.d.ts b/types/ramda/es/negate.d.ts
new file mode 100644
index 0000000000..8410d94a22
--- /dev/null
+++ b/types/ramda/es/negate.d.ts
@@ -0,0 +1,2 @@
+import { negate } from '../index';
+export default negate;
diff --git a/types/ramda/es/none.d.ts b/types/ramda/es/none.d.ts
new file mode 100644
index 0000000000..6c545e7261
--- /dev/null
+++ b/types/ramda/es/none.d.ts
@@ -0,0 +1,2 @@
+import { none } from '../index';
+export default none;
diff --git a/types/ramda/es/not.d.ts b/types/ramda/es/not.d.ts
new file mode 100644
index 0000000000..10c4c56cfc
--- /dev/null
+++ b/types/ramda/es/not.d.ts
@@ -0,0 +1,2 @@
+import { not } from '../index';
+export default not;
diff --git a/types/ramda/es/nth.d.ts b/types/ramda/es/nth.d.ts
new file mode 100644
index 0000000000..b5cef1993a
--- /dev/null
+++ b/types/ramda/es/nth.d.ts
@@ -0,0 +1,2 @@
+import { nth } from '../index';
+export default nth;
diff --git a/types/ramda/es/nthArg.d.ts b/types/ramda/es/nthArg.d.ts
new file mode 100644
index 0000000000..5d61bb24f6
--- /dev/null
+++ b/types/ramda/es/nthArg.d.ts
@@ -0,0 +1,2 @@
+import { nthArg } from '../index';
+export default nthArg;
diff --git a/types/ramda/es/objOf.d.ts b/types/ramda/es/objOf.d.ts
new file mode 100644
index 0000000000..0a2b7c3075
--- /dev/null
+++ b/types/ramda/es/objOf.d.ts
@@ -0,0 +1,2 @@
+import { objOf } from '../index';
+export default objOf;
diff --git a/types/ramda/es/of.d.ts b/types/ramda/es/of.d.ts
new file mode 100644
index 0000000000..252569b5e6
--- /dev/null
+++ b/types/ramda/es/of.d.ts
@@ -0,0 +1,2 @@
+import { of } from '../index';
+export default of;
diff --git a/types/ramda/es/omit.d.ts b/types/ramda/es/omit.d.ts
new file mode 100644
index 0000000000..e7e9f796e9
--- /dev/null
+++ b/types/ramda/es/omit.d.ts
@@ -0,0 +1,2 @@
+import { omit } from '../index';
+export default omit;
diff --git a/types/ramda/es/once.d.ts b/types/ramda/es/once.d.ts
new file mode 100644
index 0000000000..f49febf008
--- /dev/null
+++ b/types/ramda/es/once.d.ts
@@ -0,0 +1,2 @@
+import { once } from '../index';
+export default once;
diff --git a/types/ramda/es/or.d.ts b/types/ramda/es/or.d.ts
new file mode 100644
index 0000000000..933ca7b2d2
--- /dev/null
+++ b/types/ramda/es/or.d.ts
@@ -0,0 +1,2 @@
+import { or } from '../index';
+export default or;
diff --git a/types/ramda/es/over.d.ts b/types/ramda/es/over.d.ts
new file mode 100644
index 0000000000..deee3577da
--- /dev/null
+++ b/types/ramda/es/over.d.ts
@@ -0,0 +1,2 @@
+import { over } from '../index';
+export default over;
diff --git a/types/ramda/es/pair.d.ts b/types/ramda/es/pair.d.ts
new file mode 100644
index 0000000000..2a1cea9de0
--- /dev/null
+++ b/types/ramda/es/pair.d.ts
@@ -0,0 +1,2 @@
+import { pair } from '../index';
+export default pair;
diff --git a/types/ramda/es/partial.d.ts b/types/ramda/es/partial.d.ts
new file mode 100644
index 0000000000..acbb16bac3
--- /dev/null
+++ b/types/ramda/es/partial.d.ts
@@ -0,0 +1,2 @@
+import { partial } from '../index';
+export default partial;
diff --git a/types/ramda/es/partialRight.d.ts b/types/ramda/es/partialRight.d.ts
new file mode 100644
index 0000000000..5b3bb4b0fa
--- /dev/null
+++ b/types/ramda/es/partialRight.d.ts
@@ -0,0 +1,2 @@
+import { partialRight } from '../index';
+export default partialRight;
diff --git a/types/ramda/es/partition.d.ts b/types/ramda/es/partition.d.ts
new file mode 100644
index 0000000000..28086418d7
--- /dev/null
+++ b/types/ramda/es/partition.d.ts
@@ -0,0 +1,2 @@
+import { partition } from '../index';
+export default partition;
diff --git a/types/ramda/es/path.d.ts b/types/ramda/es/path.d.ts
new file mode 100644
index 0000000000..edf4fa57b0
--- /dev/null
+++ b/types/ramda/es/path.d.ts
@@ -0,0 +1,2 @@
+import { path } from '../index';
+export default path;
diff --git a/types/ramda/es/pathEq.d.ts b/types/ramda/es/pathEq.d.ts
new file mode 100644
index 0000000000..27856ca3bc
--- /dev/null
+++ b/types/ramda/es/pathEq.d.ts
@@ -0,0 +1,2 @@
+import { pathEq } from '../index';
+export default pathEq;
diff --git a/types/ramda/es/pathOr.d.ts b/types/ramda/es/pathOr.d.ts
new file mode 100644
index 0000000000..1af55adc0c
--- /dev/null
+++ b/types/ramda/es/pathOr.d.ts
@@ -0,0 +1,2 @@
+import { pathOr } from '../index';
+export default pathOr;
diff --git a/types/ramda/es/pathSatisfies.d.ts b/types/ramda/es/pathSatisfies.d.ts
new file mode 100644
index 0000000000..e2493400a2
--- /dev/null
+++ b/types/ramda/es/pathSatisfies.d.ts
@@ -0,0 +1,2 @@
+import { pathSatisfies } from '../index';
+export default pathSatisfies;
diff --git a/types/ramda/es/pick.d.ts b/types/ramda/es/pick.d.ts
new file mode 100644
index 0000000000..67b2477a48
--- /dev/null
+++ b/types/ramda/es/pick.d.ts
@@ -0,0 +1,2 @@
+import { pick } from '../index';
+export default pick;
diff --git a/types/ramda/es/pickAll.d.ts b/types/ramda/es/pickAll.d.ts
new file mode 100644
index 0000000000..d7e7719077
--- /dev/null
+++ b/types/ramda/es/pickAll.d.ts
@@ -0,0 +1,2 @@
+import { pickAll } from '../index';
+export default pickAll;
diff --git a/types/ramda/es/pickBy.d.ts b/types/ramda/es/pickBy.d.ts
new file mode 100644
index 0000000000..4a047dc4ab
--- /dev/null
+++ b/types/ramda/es/pickBy.d.ts
@@ -0,0 +1,2 @@
+import { pickBy } from '../index';
+export default pickBy;
diff --git a/types/ramda/es/pipe.d.ts b/types/ramda/es/pipe.d.ts
new file mode 100644
index 0000000000..ef1d61098b
--- /dev/null
+++ b/types/ramda/es/pipe.d.ts
@@ -0,0 +1,2 @@
+import { pipe } from '../index';
+export default pipe;
diff --git a/types/ramda/es/pipeK.d.ts b/types/ramda/es/pipeK.d.ts
new file mode 100644
index 0000000000..bca50e6fff
--- /dev/null
+++ b/types/ramda/es/pipeK.d.ts
@@ -0,0 +1,2 @@
+import { pipeK } from '../index';
+export default pipeK;
diff --git a/types/ramda/es/pipeP.d.ts b/types/ramda/es/pipeP.d.ts
new file mode 100644
index 0000000000..c69b96d23c
--- /dev/null
+++ b/types/ramda/es/pipeP.d.ts
@@ -0,0 +1,2 @@
+import { pipeP } from '../index';
+export default pipeP;
diff --git a/types/ramda/es/pluck.d.ts b/types/ramda/es/pluck.d.ts
new file mode 100644
index 0000000000..8bdb4ccbe4
--- /dev/null
+++ b/types/ramda/es/pluck.d.ts
@@ -0,0 +1,2 @@
+import { pluck } from '../index';
+export default pluck;
diff --git a/types/ramda/es/prepend.d.ts b/types/ramda/es/prepend.d.ts
new file mode 100644
index 0000000000..9d3fde51b4
--- /dev/null
+++ b/types/ramda/es/prepend.d.ts
@@ -0,0 +1,2 @@
+import { prepend } from '../index';
+export default prepend;
diff --git a/types/ramda/es/product.d.ts b/types/ramda/es/product.d.ts
new file mode 100644
index 0000000000..32aed3c0ee
--- /dev/null
+++ b/types/ramda/es/product.d.ts
@@ -0,0 +1,2 @@
+import { product } from '../index';
+export default product;
diff --git a/types/ramda/es/project.d.ts b/types/ramda/es/project.d.ts
new file mode 100644
index 0000000000..4c1b11c6ed
--- /dev/null
+++ b/types/ramda/es/project.d.ts
@@ -0,0 +1,2 @@
+import { project } from '../index';
+export default project;
diff --git a/types/ramda/es/prop.d.ts b/types/ramda/es/prop.d.ts
new file mode 100644
index 0000000000..c990b9aca5
--- /dev/null
+++ b/types/ramda/es/prop.d.ts
@@ -0,0 +1,2 @@
+import { prop } from '../index';
+export default prop;
diff --git a/types/ramda/es/propEq.d.ts b/types/ramda/es/propEq.d.ts
new file mode 100644
index 0000000000..1e04cb564c
--- /dev/null
+++ b/types/ramda/es/propEq.d.ts
@@ -0,0 +1,2 @@
+import { propEq } from '../index';
+export default propEq;
diff --git a/types/ramda/es/propIs.d.ts b/types/ramda/es/propIs.d.ts
new file mode 100644
index 0000000000..1be4e6bd04
--- /dev/null
+++ b/types/ramda/es/propIs.d.ts
@@ -0,0 +1,2 @@
+import { propIs } from '../index';
+export default propIs;
diff --git a/types/ramda/es/propOr.d.ts b/types/ramda/es/propOr.d.ts
new file mode 100644
index 0000000000..2935d077be
--- /dev/null
+++ b/types/ramda/es/propOr.d.ts
@@ -0,0 +1,2 @@
+import { propOr } from '../index';
+export default propOr;
diff --git a/types/ramda/es/propSatisfies.d.ts b/types/ramda/es/propSatisfies.d.ts
new file mode 100644
index 0000000000..1b4ff52788
--- /dev/null
+++ b/types/ramda/es/propSatisfies.d.ts
@@ -0,0 +1,2 @@
+import { propSatisfies } from '../index';
+export default propSatisfies;
diff --git a/types/ramda/es/props.d.ts b/types/ramda/es/props.d.ts
new file mode 100644
index 0000000000..b856c60b00
--- /dev/null
+++ b/types/ramda/es/props.d.ts
@@ -0,0 +1,2 @@
+import { props } from '../index';
+export default props;
diff --git a/types/ramda/es/range.d.ts b/types/ramda/es/range.d.ts
new file mode 100644
index 0000000000..a507ebe4a9
--- /dev/null
+++ b/types/ramda/es/range.d.ts
@@ -0,0 +1,2 @@
+import { range } from '../index';
+export default range;
diff --git a/types/ramda/es/reduce.d.ts b/types/ramda/es/reduce.d.ts
new file mode 100644
index 0000000000..eb3b427d00
--- /dev/null
+++ b/types/ramda/es/reduce.d.ts
@@ -0,0 +1,2 @@
+import { reduce } from '../index';
+export default reduce;
diff --git a/types/ramda/es/reduceBy.d.ts b/types/ramda/es/reduceBy.d.ts
new file mode 100644
index 0000000000..655c96ef18
--- /dev/null
+++ b/types/ramda/es/reduceBy.d.ts
@@ -0,0 +1,2 @@
+import { reduceBy } from '../index';
+export default reduceBy;
diff --git a/types/ramda/es/reduceRight.d.ts b/types/ramda/es/reduceRight.d.ts
new file mode 100644
index 0000000000..3e72f7c309
--- /dev/null
+++ b/types/ramda/es/reduceRight.d.ts
@@ -0,0 +1,2 @@
+import { reduceRight } from '../index';
+export default reduceRight;
diff --git a/types/ramda/es/reduceWhile.d.ts b/types/ramda/es/reduceWhile.d.ts
new file mode 100644
index 0000000000..aaa836d38d
--- /dev/null
+++ b/types/ramda/es/reduceWhile.d.ts
@@ -0,0 +1,2 @@
+import { reduceWhile } from '../index';
+export default reduceWhile;
diff --git a/types/ramda/es/reduced.d.ts b/types/ramda/es/reduced.d.ts
new file mode 100644
index 0000000000..f36739bbe2
--- /dev/null
+++ b/types/ramda/es/reduced.d.ts
@@ -0,0 +1,2 @@
+import { reduced } from '../index';
+export default reduced;
diff --git a/types/ramda/es/reject.d.ts b/types/ramda/es/reject.d.ts
new file mode 100644
index 0000000000..600c706f68
--- /dev/null
+++ b/types/ramda/es/reject.d.ts
@@ -0,0 +1,2 @@
+import { reject } from '../index';
+export default reject;
diff --git a/types/ramda/es/remove.d.ts b/types/ramda/es/remove.d.ts
new file mode 100644
index 0000000000..023edada47
--- /dev/null
+++ b/types/ramda/es/remove.d.ts
@@ -0,0 +1,2 @@
+import { remove } from '../index';
+export default remove;
diff --git a/types/ramda/es/repeat.d.ts b/types/ramda/es/repeat.d.ts
new file mode 100644
index 0000000000..3d8218a1a4
--- /dev/null
+++ b/types/ramda/es/repeat.d.ts
@@ -0,0 +1,2 @@
+import { repeat } from '../index';
+export default repeat;
diff --git a/types/ramda/es/replace.d.ts b/types/ramda/es/replace.d.ts
new file mode 100644
index 0000000000..dc735ab2cf
--- /dev/null
+++ b/types/ramda/es/replace.d.ts
@@ -0,0 +1,2 @@
+import { replace } from '../index';
+export default replace;
diff --git a/types/ramda/es/reverse.d.ts b/types/ramda/es/reverse.d.ts
new file mode 100644
index 0000000000..2d1b2d9390
--- /dev/null
+++ b/types/ramda/es/reverse.d.ts
@@ -0,0 +1,2 @@
+import { reverse } from '../index';
+export default reverse;
diff --git a/types/ramda/es/scan.d.ts b/types/ramda/es/scan.d.ts
new file mode 100644
index 0000000000..8971cff9b7
--- /dev/null
+++ b/types/ramda/es/scan.d.ts
@@ -0,0 +1,2 @@
+import { scan } from '../index';
+export default scan;
diff --git a/types/ramda/es/set.d.ts b/types/ramda/es/set.d.ts
new file mode 100644
index 0000000000..5023a0b854
--- /dev/null
+++ b/types/ramda/es/set.d.ts
@@ -0,0 +1,2 @@
+import { set } from '../index';
+export default set;
diff --git a/types/ramda/es/slice.d.ts b/types/ramda/es/slice.d.ts
new file mode 100644
index 0000000000..6fdc54e59b
--- /dev/null
+++ b/types/ramda/es/slice.d.ts
@@ -0,0 +1,2 @@
+import { slice } from '../index';
+export default slice;
diff --git a/types/ramda/es/sort.d.ts b/types/ramda/es/sort.d.ts
new file mode 100644
index 0000000000..9f4977e5c5
--- /dev/null
+++ b/types/ramda/es/sort.d.ts
@@ -0,0 +1,2 @@
+import { sort } from '../index';
+export default sort;
diff --git a/types/ramda/es/sortBy.d.ts b/types/ramda/es/sortBy.d.ts
new file mode 100644
index 0000000000..ff4eec72f4
--- /dev/null
+++ b/types/ramda/es/sortBy.d.ts
@@ -0,0 +1,2 @@
+import { sortBy } from '../index';
+export default sortBy;
diff --git a/types/ramda/es/sortWith.d.ts b/types/ramda/es/sortWith.d.ts
new file mode 100644
index 0000000000..e8e386a2fd
--- /dev/null
+++ b/types/ramda/es/sortWith.d.ts
@@ -0,0 +1,2 @@
+import { sortWith } from '../index';
+export default sortWith;
diff --git a/types/ramda/es/split.d.ts b/types/ramda/es/split.d.ts
new file mode 100644
index 0000000000..c89a30372b
--- /dev/null
+++ b/types/ramda/es/split.d.ts
@@ -0,0 +1,2 @@
+import { split } from '../index';
+export default split;
diff --git a/types/ramda/es/splitAt.d.ts b/types/ramda/es/splitAt.d.ts
new file mode 100644
index 0000000000..2f505a21e3
--- /dev/null
+++ b/types/ramda/es/splitAt.d.ts
@@ -0,0 +1,2 @@
+import { splitAt } from '../index';
+export default splitAt;
diff --git a/types/ramda/es/splitEvery.d.ts b/types/ramda/es/splitEvery.d.ts
new file mode 100644
index 0000000000..21329e9593
--- /dev/null
+++ b/types/ramda/es/splitEvery.d.ts
@@ -0,0 +1,2 @@
+import { splitEvery } from '../index';
+export default splitEvery;
diff --git a/types/ramda/es/splitWhen.d.ts b/types/ramda/es/splitWhen.d.ts
new file mode 100644
index 0000000000..fad94d5bfa
--- /dev/null
+++ b/types/ramda/es/splitWhen.d.ts
@@ -0,0 +1,2 @@
+import { splitWhen } from '../index';
+export default splitWhen;
diff --git a/types/ramda/es/startsWith.d.ts b/types/ramda/es/startsWith.d.ts
new file mode 100644
index 0000000000..88811ae146
--- /dev/null
+++ b/types/ramda/es/startsWith.d.ts
@@ -0,0 +1,2 @@
+import { startsWith } from '../index';
+export default startsWith;
diff --git a/types/ramda/es/subtract.d.ts b/types/ramda/es/subtract.d.ts
new file mode 100644
index 0000000000..2bac6a6c9f
--- /dev/null
+++ b/types/ramda/es/subtract.d.ts
@@ -0,0 +1,2 @@
+import { subtract } from '../index';
+export default subtract;
diff --git a/types/ramda/es/sum.d.ts b/types/ramda/es/sum.d.ts
new file mode 100644
index 0000000000..5aad66d4e2
--- /dev/null
+++ b/types/ramda/es/sum.d.ts
@@ -0,0 +1,2 @@
+import { sum } from '../index';
+export default sum;
diff --git a/types/ramda/es/symmetricDifference.d.ts b/types/ramda/es/symmetricDifference.d.ts
new file mode 100644
index 0000000000..d11802d977
--- /dev/null
+++ b/types/ramda/es/symmetricDifference.d.ts
@@ -0,0 +1,2 @@
+import { symmetricDifference } from '../index';
+export default symmetricDifference;
diff --git a/types/ramda/es/symmetricDifferenceWith.d.ts b/types/ramda/es/symmetricDifferenceWith.d.ts
new file mode 100644
index 0000000000..9ee8a2b855
--- /dev/null
+++ b/types/ramda/es/symmetricDifferenceWith.d.ts
@@ -0,0 +1,2 @@
+import { symmetricDifferenceWith } from '../index';
+export default symmetricDifferenceWith;
diff --git a/types/ramda/es/tail.d.ts b/types/ramda/es/tail.d.ts
new file mode 100644
index 0000000000..5a949add56
--- /dev/null
+++ b/types/ramda/es/tail.d.ts
@@ -0,0 +1,2 @@
+import { tail } from '../index';
+export default tail;
diff --git a/types/ramda/es/take.d.ts b/types/ramda/es/take.d.ts
new file mode 100644
index 0000000000..35806f3171
--- /dev/null
+++ b/types/ramda/es/take.d.ts
@@ -0,0 +1,2 @@
+import { take } from '../index';
+export default take;
diff --git a/types/ramda/es/takeLast.d.ts b/types/ramda/es/takeLast.d.ts
new file mode 100644
index 0000000000..145934b186
--- /dev/null
+++ b/types/ramda/es/takeLast.d.ts
@@ -0,0 +1,2 @@
+import { takeLast } from '../index';
+export default takeLast;
diff --git a/types/ramda/es/takeLastWhile.d.ts b/types/ramda/es/takeLastWhile.d.ts
new file mode 100644
index 0000000000..0d6f344445
--- /dev/null
+++ b/types/ramda/es/takeLastWhile.d.ts
@@ -0,0 +1,2 @@
+import { takeLastWhile } from '../index';
+export default takeLastWhile;
diff --git a/types/ramda/es/takeWhile.d.ts b/types/ramda/es/takeWhile.d.ts
new file mode 100644
index 0000000000..c3f71dd0fd
--- /dev/null
+++ b/types/ramda/es/takeWhile.d.ts
@@ -0,0 +1,2 @@
+import { takeWhile } from '../index';
+export default takeWhile;
diff --git a/types/ramda/es/tap.d.ts b/types/ramda/es/tap.d.ts
new file mode 100644
index 0000000000..329108173e
--- /dev/null
+++ b/types/ramda/es/tap.d.ts
@@ -0,0 +1,2 @@
+import { tap } from '../index';
+export default tap;
diff --git a/types/ramda/es/test.d.ts b/types/ramda/es/test.d.ts
new file mode 100644
index 0000000000..64a6289599
--- /dev/null
+++ b/types/ramda/es/test.d.ts
@@ -0,0 +1,2 @@
+import { test } from '../index';
+export default test;
diff --git a/types/ramda/es/times.d.ts b/types/ramda/es/times.d.ts
new file mode 100644
index 0000000000..141c101e23
--- /dev/null
+++ b/types/ramda/es/times.d.ts
@@ -0,0 +1,2 @@
+import { times } from '../index';
+export default times;
diff --git a/types/ramda/es/toLower.d.ts b/types/ramda/es/toLower.d.ts
new file mode 100644
index 0000000000..4086a90f75
--- /dev/null
+++ b/types/ramda/es/toLower.d.ts
@@ -0,0 +1,2 @@
+import { toLower } from '../index';
+export default toLower;
diff --git a/types/ramda/es/toPairs.d.ts b/types/ramda/es/toPairs.d.ts
new file mode 100644
index 0000000000..5a6d3b24c2
--- /dev/null
+++ b/types/ramda/es/toPairs.d.ts
@@ -0,0 +1,2 @@
+import { toPairs } from '../index';
+export default toPairs;
diff --git a/types/ramda/es/toPairsIn.d.ts b/types/ramda/es/toPairsIn.d.ts
new file mode 100644
index 0000000000..70a879e200
--- /dev/null
+++ b/types/ramda/es/toPairsIn.d.ts
@@ -0,0 +1,2 @@
+import { toPairsIn } from '../index';
+export default toPairsIn;
diff --git a/types/ramda/es/toString.d.ts b/types/ramda/es/toString.d.ts
new file mode 100644
index 0000000000..c731b264be
--- /dev/null
+++ b/types/ramda/es/toString.d.ts
@@ -0,0 +1,2 @@
+import { toString } from '../index';
+export default toString;
diff --git a/types/ramda/es/toUpper.d.ts b/types/ramda/es/toUpper.d.ts
new file mode 100644
index 0000000000..0a91bccfed
--- /dev/null
+++ b/types/ramda/es/toUpper.d.ts
@@ -0,0 +1,2 @@
+import { toUpper } from '../index';
+export default toUpper;
diff --git a/types/ramda/es/transduce.d.ts b/types/ramda/es/transduce.d.ts
new file mode 100644
index 0000000000..de33a7380c
--- /dev/null
+++ b/types/ramda/es/transduce.d.ts
@@ -0,0 +1,2 @@
+import { transduce } from '../index';
+export default transduce;
diff --git a/types/ramda/es/transpose.d.ts b/types/ramda/es/transpose.d.ts
new file mode 100644
index 0000000000..8ed6535fb2
--- /dev/null
+++ b/types/ramda/es/transpose.d.ts
@@ -0,0 +1,2 @@
+import { transpose } from '../index';
+export default transpose;
diff --git a/types/ramda/es/traverse.d.ts b/types/ramda/es/traverse.d.ts
new file mode 100644
index 0000000000..cb4fdc0b1e
--- /dev/null
+++ b/types/ramda/es/traverse.d.ts
@@ -0,0 +1,2 @@
+import { traverse } from '../index';
+export default traverse;
diff --git a/types/ramda/es/trim.d.ts b/types/ramda/es/trim.d.ts
new file mode 100644
index 0000000000..f0000b80bb
--- /dev/null
+++ b/types/ramda/es/trim.d.ts
@@ -0,0 +1,2 @@
+import { trim } from '../index';
+export default trim;
diff --git a/types/ramda/es/tryCatch.d.ts b/types/ramda/es/tryCatch.d.ts
new file mode 100644
index 0000000000..3c9edd9f79
--- /dev/null
+++ b/types/ramda/es/tryCatch.d.ts
@@ -0,0 +1,2 @@
+import { tryCatch } from '../index';
+export default tryCatch;
diff --git a/types/ramda/es/type.d.ts b/types/ramda/es/type.d.ts
new file mode 100644
index 0000000000..de115bb279
--- /dev/null
+++ b/types/ramda/es/type.d.ts
@@ -0,0 +1,2 @@
+import { type } from '../index';
+export default type;
diff --git a/types/ramda/es/unapply.d.ts b/types/ramda/es/unapply.d.ts
new file mode 100644
index 0000000000..7ad4b767e0
--- /dev/null
+++ b/types/ramda/es/unapply.d.ts
@@ -0,0 +1,2 @@
+import { unapply } from '../index';
+export default unapply;
diff --git a/types/ramda/es/unary.d.ts b/types/ramda/es/unary.d.ts
new file mode 100644
index 0000000000..c022aec354
--- /dev/null
+++ b/types/ramda/es/unary.d.ts
@@ -0,0 +1,2 @@
+import { unary } from '../index';
+export default unary;
diff --git a/types/ramda/es/uncurryN.d.ts b/types/ramda/es/uncurryN.d.ts
new file mode 100644
index 0000000000..b6962cc979
--- /dev/null
+++ b/types/ramda/es/uncurryN.d.ts
@@ -0,0 +1,2 @@
+import { uncurryN } from '../index';
+export default uncurryN;
diff --git a/types/ramda/es/unfold.d.ts b/types/ramda/es/unfold.d.ts
new file mode 100644
index 0000000000..2ebaff6fe5
--- /dev/null
+++ b/types/ramda/es/unfold.d.ts
@@ -0,0 +1,2 @@
+import { unfold } from '../index';
+export default unfold;
diff --git a/types/ramda/es/union.d.ts b/types/ramda/es/union.d.ts
new file mode 100644
index 0000000000..9fac243b43
--- /dev/null
+++ b/types/ramda/es/union.d.ts
@@ -0,0 +1,2 @@
+import { union } from '../index';
+export default union;
diff --git a/types/ramda/es/unionWith.d.ts b/types/ramda/es/unionWith.d.ts
new file mode 100644
index 0000000000..8bf20a51b7
--- /dev/null
+++ b/types/ramda/es/unionWith.d.ts
@@ -0,0 +1,2 @@
+import { unionWith } from '../index';
+export default unionWith;
diff --git a/types/ramda/es/uniq.d.ts b/types/ramda/es/uniq.d.ts
new file mode 100644
index 0000000000..be0a00aef0
--- /dev/null
+++ b/types/ramda/es/uniq.d.ts
@@ -0,0 +1,2 @@
+import { uniq } from '../index';
+export default uniq;
diff --git a/types/ramda/es/uniqBy.d.ts b/types/ramda/es/uniqBy.d.ts
new file mode 100644
index 0000000000..f85de9e4e0
--- /dev/null
+++ b/types/ramda/es/uniqBy.d.ts
@@ -0,0 +1,2 @@
+import { uniqBy } from '../index';
+export default uniqBy;
diff --git a/types/ramda/es/uniqWith.d.ts b/types/ramda/es/uniqWith.d.ts
new file mode 100644
index 0000000000..42442bffc3
--- /dev/null
+++ b/types/ramda/es/uniqWith.d.ts
@@ -0,0 +1,2 @@
+import { uniqWith } from '../index';
+export default uniqWith;
diff --git a/types/ramda/es/unless.d.ts b/types/ramda/es/unless.d.ts
new file mode 100644
index 0000000000..3727700625
--- /dev/null
+++ b/types/ramda/es/unless.d.ts
@@ -0,0 +1,2 @@
+import { unless } from '../index';
+export default unless;
diff --git a/types/ramda/es/unnest.d.ts b/types/ramda/es/unnest.d.ts
new file mode 100644
index 0000000000..ccbb4be0e8
--- /dev/null
+++ b/types/ramda/es/unnest.d.ts
@@ -0,0 +1,2 @@
+import { unnest } from '../index';
+export default unnest;
diff --git a/types/ramda/es/until.d.ts b/types/ramda/es/until.d.ts
new file mode 100644
index 0000000000..ab26247fea
--- /dev/null
+++ b/types/ramda/es/until.d.ts
@@ -0,0 +1,2 @@
+import { until } from '../index';
+export default until;
diff --git a/types/ramda/es/update.d.ts b/types/ramda/es/update.d.ts
new file mode 100644
index 0000000000..c3eba99c72
--- /dev/null
+++ b/types/ramda/es/update.d.ts
@@ -0,0 +1,2 @@
+import { update } from '../index';
+export default update;
diff --git a/types/ramda/es/useWith.d.ts b/types/ramda/es/useWith.d.ts
new file mode 100644
index 0000000000..0d1f54e80f
--- /dev/null
+++ b/types/ramda/es/useWith.d.ts
@@ -0,0 +1,2 @@
+import { useWith } from '../index';
+export default useWith;
diff --git a/types/ramda/es/values.d.ts b/types/ramda/es/values.d.ts
new file mode 100644
index 0000000000..8664d8cc67
--- /dev/null
+++ b/types/ramda/es/values.d.ts
@@ -0,0 +1,2 @@
+import { values } from '../index';
+export default values;
diff --git a/types/ramda/es/valuesIn.d.ts b/types/ramda/es/valuesIn.d.ts
new file mode 100644
index 0000000000..d80b32fc67
--- /dev/null
+++ b/types/ramda/es/valuesIn.d.ts
@@ -0,0 +1,2 @@
+import { valuesIn } from '../index';
+export default valuesIn;
diff --git a/types/ramda/es/view.d.ts b/types/ramda/es/view.d.ts
new file mode 100644
index 0000000000..3c11fa0ae9
--- /dev/null
+++ b/types/ramda/es/view.d.ts
@@ -0,0 +1,2 @@
+import { view } from '../index';
+export default view;
diff --git a/types/ramda/es/when.d.ts b/types/ramda/es/when.d.ts
new file mode 100644
index 0000000000..57de7e19a7
--- /dev/null
+++ b/types/ramda/es/when.d.ts
@@ -0,0 +1,2 @@
+import { when } from '../index';
+export default when;
diff --git a/types/ramda/es/where.d.ts b/types/ramda/es/where.d.ts
new file mode 100644
index 0000000000..4c49c2dc25
--- /dev/null
+++ b/types/ramda/es/where.d.ts
@@ -0,0 +1,2 @@
+import { where } from '../index';
+export default where;
diff --git a/types/ramda/es/whereEq.d.ts b/types/ramda/es/whereEq.d.ts
new file mode 100644
index 0000000000..4bdffa1d24
--- /dev/null
+++ b/types/ramda/es/whereEq.d.ts
@@ -0,0 +1,2 @@
+import { whereEq } from '../index';
+export default whereEq;
diff --git a/types/ramda/es/without.d.ts b/types/ramda/es/without.d.ts
new file mode 100644
index 0000000000..be9b8584ed
--- /dev/null
+++ b/types/ramda/es/without.d.ts
@@ -0,0 +1,2 @@
+import { without } from '../index';
+export default without;
diff --git a/types/ramda/es/wrap.d.ts b/types/ramda/es/wrap.d.ts
new file mode 100644
index 0000000000..a855106989
--- /dev/null
+++ b/types/ramda/es/wrap.d.ts
@@ -0,0 +1,2 @@
+import { wrap } from '../index';
+export default wrap;
diff --git a/types/ramda/es/xprod.d.ts b/types/ramda/es/xprod.d.ts
new file mode 100644
index 0000000000..2e3fd865ea
--- /dev/null
+++ b/types/ramda/es/xprod.d.ts
@@ -0,0 +1,2 @@
+import { xprod } from '../index';
+export default xprod;
diff --git a/types/ramda/es/zip.d.ts b/types/ramda/es/zip.d.ts
new file mode 100644
index 0000000000..609fe7bb29
--- /dev/null
+++ b/types/ramda/es/zip.d.ts
@@ -0,0 +1,2 @@
+import { zip } from '../index';
+export default zip;
diff --git a/types/ramda/es/zipObj.d.ts b/types/ramda/es/zipObj.d.ts
new file mode 100644
index 0000000000..dcc28311bc
--- /dev/null
+++ b/types/ramda/es/zipObj.d.ts
@@ -0,0 +1,2 @@
+import { zipObj } from '../index';
+export default zipObj;
diff --git a/types/ramda/es/zipWith.d.ts b/types/ramda/es/zipWith.d.ts
new file mode 100644
index 0000000000..df6890c369
--- /dev/null
+++ b/types/ramda/es/zipWith.d.ts
@@ -0,0 +1,2 @@
+import { zipWith } from '../index';
+export default zipWith;
diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index 59f3b7860b..a3bc51c8ca 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -23,9 +23,253 @@
 //                 Marcin Biernat <https://github.com/biern>
 //                 Rayhaneh Banyassady <https://github.com/rayhaneh>
 //                 Ryan McCuaig <https://github.com/rgm>
+//                 Drew Wyatt <https://github.com/drewwyatt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
+/// <reference path="./es/add.d.ts" />
+/// <reference path="./es/addIndex.d.ts" />
+/// <reference path="./es/adjust.d.ts" />
+/// <reference path="./es/all.d.ts" />
+/// <reference path="./es/allPass.d.ts" />
+/// <reference path="./es/always.d.ts" />
+/// <reference path="./es/and.d.ts" />
+/// <reference path="./es/any.d.ts" />
+/// <reference path="./es/anyPass.d.ts" />
+/// <reference path="./es/ap.d.ts" />
+/// <reference path="./es/aperture.d.ts" />
+/// <reference path="./es/append.d.ts" />
+/// <reference path="./es/apply.d.ts" />
+/// <reference path="./es/applySpec.d.ts" />
+/// <reference path="./es/applyTo.d.ts" />
+/// <reference path="./es/ascend.d.ts" />
+/// <reference path="./es/assoc.d.ts" />
+/// <reference path="./es/assocPath.d.ts" />
+/// <reference path="./es/binary.d.ts" />
+/// <reference path="./es/bind.d.ts" />
+/// <reference path="./es/both.d.ts" />
+/// <reference path="./es/call.d.ts" />
+/// <reference path="./es/chain.d.ts" />
+/// <reference path="./es/clamp.d.ts" />
+/// <reference path="./es/clone.d.ts" />
+/// <reference path="./es/comparator.d.ts" />
+/// <reference path="./es/complement.d.ts" />
+/// <reference path="./es/compose.d.ts" />
+/// <reference path="./es/composeK.d.ts" />
+/// <reference path="./es/composeP.d.ts" />
+/// <reference path="./es/concat.d.ts" />
+/// <reference path="./es/cond.d.ts" />
+/// <reference path="./es/construct.d.ts" />
+/// <reference path="./es/constructN.d.ts" />
+/// <reference path="./es/contains.d.ts" />
+/// <reference path="./es/converge.d.ts" />
+/// <reference path="./es/countBy.d.ts" />
+/// <reference path="./es/curry.d.ts" />
+/// <reference path="./es/curryN.d.ts" />
+/// <reference path="./es/dec.d.ts" />
+/// <reference path="./es/defaultTo.d.ts" />
+/// <reference path="./es/descend.d.ts" />
+/// <reference path="./es/difference.d.ts" />
+/// <reference path="./es/differenceWith.d.ts" />
+/// <reference path="./es/dissoc.d.ts" />
+/// <reference path="./es/dissocPath.d.ts" />
+/// <reference path="./es/divide.d.ts" />
+/// <reference path="./es/drop.d.ts" />
+/// <reference path="./es/dropLast.d.ts" />
+/// <reference path="./es/dropLastWhile.d.ts" />
+/// <reference path="./es/either.d.ts" />
+/// <reference path="./es/empty.d.ts" />
+/// <reference path="./es/endsWith.d.ts" />
+/// <reference path="./es/eqBy.d.ts" />
+/// <reference path="./es/eqProps.d.ts" />
+/// <reference path="./es/equals.d.ts" />
+/// <reference path="./es/evolve.d.ts" />
+/// <reference path="./es/F.d.ts" />
+/// <reference path="./es/filter.d.ts" />
+/// <reference path="./es/find.d.ts" />
+/// <reference path="./es/findIndex.d.ts" />
+/// <reference path="./es/findLast.d.ts" />
+/// <reference path="./es/findLastIndex.d.ts" />
+/// <reference path="./es/flatten.d.ts" />
+/// <reference path="./es/flip.d.ts" />
+/// <reference path="./es/forEach.d.ts" />
+/// <reference path="./es/forEachObjIndexed.d.ts" />
+/// <reference path="./es/fromPairs.d.ts" />
+/// <reference path="./es/groupBy.d.ts" />
+/// <reference path="./es/groupWith.d.ts" />
+/// <reference path="./es/gt.d.ts" />
+/// <reference path="./es/gte.d.ts" />
+/// <reference path="./es/has.d.ts" />
+/// <reference path="./es/hasIn.d.ts" />
+/// <reference path="./es/head.d.ts" />
+/// <reference path="./es/identical.d.ts" />
+/// <reference path="./es/identity.d.ts" />
+/// <reference path="./es/ifElse.d.ts" />
+/// <reference path="./es/inc.d.ts" />
+/// <reference path="./es/indexBy.d.ts" />
+/// <reference path="./es/indexOf.d.ts" />
+/// <reference path="./es/init.d.ts" />
+/// <reference path="./es/insertAll.d.ts" />
+/// <reference path="./es/insert.d.ts" />
+/// <reference path="./es/intersection.d.ts" />
+/// <reference path="./es/intersectionWith.d.ts" />
+/// <reference path="./es/intersperse.d.ts" />
+/// <reference path="./es/into.d.ts" />
+/// <reference path="./es/invert.d.ts" />
+/// <reference path="./es/invertObj.d.ts" />
+/// <reference path="./es/invoker.d.ts" />
+/// <reference path="./es/isArrayLike.d.ts" />
+/// <reference path="./es/is.d.ts" />
+/// <reference path="./es/isEmpty.d.ts" />
+/// <reference path="./es/isNaN.d.ts" />
+/// <reference path="./es/isNil.d.ts" />
+/// <reference path="./es/join.d.ts" />
+/// <reference path="./es/juxt.d.ts" />
+/// <reference path="./es/keys.d.ts" />
+/// <reference path="./es/keysIn.d.ts" />
+/// <reference path="./es/last.d.ts" />
+/// <reference path="./es/lastIndexOf.d.ts" />
+/// <reference path="./es/length.d.ts" />
+/// <reference path="./es/lens.d.ts" />
+/// <reference path="./es/lensIndex.d.ts" />
+/// <reference path="./es/lensPath.d.ts" />
+/// <reference path="./es/lensProp.d.ts" />
+/// <reference path="./es/lift.d.ts" />
+/// <reference path="./es/lt.d.ts" />
+/// <reference path="./es/lte.d.ts" />
+/// <reference path="./es/mapAccum.d.ts" />
+/// <reference path="./es/mapAccumRight.d.ts" />
+/// <reference path="./es/map.d.ts" />
+/// <reference path="./es/mapObjIndexed.d.ts" />
+/// <reference path="./es/match.d.ts" />
+/// <reference path="./es/mathMod.d.ts" />
+/// <reference path="./es/maxBy.d.ts" />
+/// <reference path="./es/max.d.ts" />
+/// <reference path="./es/mean.d.ts" />
+/// <reference path="./es/median.d.ts" />
+/// <reference path="./es/memoize.d.ts" />
+/// <reference path="./es/memoizeWith.d.ts" />
+/// <reference path="./es/mergeAll.d.ts" />
+/// <reference path="./es/mergeDeepLeft.d.ts" />
+/// <reference path="./es/mergeDeepRight.d.ts" />
+/// <reference path="./es/mergeDeepWith.d.ts" />
+/// <reference path="./es/mergeDeepWithKey.d.ts" />
+/// <reference path="./es/merge.d.ts" />
+/// <reference path="./es/mergeWith.d.ts" />
+/// <reference path="./es/mergeWithKey.d.ts" />
+/// <reference path="./es/minBy.d.ts" />
+/// <reference path="./es/min.d.ts" />
+/// <reference path="./es/modulo.d.ts" />
+/// <reference path="./es/multiply.d.ts" />
+/// <reference path="./es/nAry.d.ts" />
+/// <reference path="./es/negate.d.ts" />
+/// <reference path="./es/none.d.ts" />
+/// <reference path="./es/not.d.ts" />
+/// <reference path="./es/nthArg.d.ts" />
+/// <reference path="./es/nth.d.ts" />
+/// <reference path="./es/objOf.d.ts" />
+/// <reference path="./es/of.d.ts" />
+/// <reference path="./es/omit.d.ts" />
+/// <reference path="./es/once.d.ts" />
+/// <reference path="./es/or.d.ts" />
+/// <reference path="./es/over.d.ts" />
+/// <reference path="./es/pair.d.ts" />
+/// <reference path="./es/partial.d.ts" />
+/// <reference path="./es/partialRight.d.ts" />
+/// <reference path="./es/partition.d.ts" />
+/// <reference path="./es/path.d.ts" />
+/// <reference path="./es/pathEq.d.ts" />
+/// <reference path="./es/pathOr.d.ts" />
+/// <reference path="./es/pathSatisfies.d.ts" />
+/// <reference path="./es/pickAll.d.ts" />
+/// <reference path="./es/pickBy.d.ts" />
+/// <reference path="./es/pick.d.ts" />
+/// <reference path="./es/pipe.d.ts" />
+/// <reference path="./es/pipeK.d.ts" />
+/// <reference path="./es/pipeP.d.ts" />
+/// <reference path="./es/pluck.d.ts" />
+/// <reference path="./es/prepend.d.ts" />
+/// <reference path="./es/product.d.ts" />
+/// <reference path="./es/project.d.ts" />
+/// <reference path="./es/prop.d.ts" />
+/// <reference path="./es/propEq.d.ts" />
+/// <reference path="./es/propIs.d.ts" />
+/// <reference path="./es/propOr.d.ts" />
+/// <reference path="./es/propSatisfies.d.ts" />
+/// <reference path="./es/props.d.ts" />
+/// <reference path="./es/range.d.ts" />
+/// <reference path="./es/reduceBy.d.ts" />
+/// <reference path="./es/reduced.d.ts" />
+/// <reference path="./es/reduce.d.ts" />
+/// <reference path="./es/reduceRight.d.ts" />
+/// <reference path="./es/reduceWhile.d.ts" />
+/// <reference path="./es/reject.d.ts" />
+/// <reference path="./es/remove.d.ts" />
+/// <reference path="./es/repeat.d.ts" />
+/// <reference path="./es/replace.d.ts" />
+/// <reference path="./es/reverse.d.ts" />
+/// <reference path="./es/scan.d.ts" />
+/// <reference path="./es/set.d.ts" />
+/// <reference path="./es/slice.d.ts" />
+/// <reference path="./es/sortBy.d.ts" />
+/// <reference path="./es/sort.d.ts" />
+/// <reference path="./es/sortWith.d.ts" />
+/// <reference path="./es/splitAt.d.ts" />
+/// <reference path="./es/split.d.ts" />
+/// <reference path="./es/splitEvery.d.ts" />
+/// <reference path="./es/splitWhen.d.ts" />
+/// <reference path="./es/startsWith.d.ts" />
+/// <reference path="./es/subtract.d.ts" />
+/// <reference path="./es/sum.d.ts" />
+/// <reference path="./es/symmetricDifference.d.ts" />
+/// <reference path="./es/symmetricDifferenceWith.d.ts" />
+/// <reference path="./es/tail.d.ts" />
+/// <reference path="./es/take.d.ts" />
+/// <reference path="./es/takeLast.d.ts" />
+/// <reference path="./es/takeLastWhile.d.ts" />
+/// <reference path="./es/takeWhile.d.ts" />
+/// <reference path="./es/tap.d.ts" />
+/// <reference path="./es/T.d.ts" />
+/// <reference path="./es/test.d.ts" />
+/// <reference path="./es/times.d.ts" />
+/// <reference path="./es/toLower.d.ts" />
+/// <reference path="./es/toPairs.d.ts" />
+/// <reference path="./es/toPairsIn.d.ts" />
+/// <reference path="./es/toString.d.ts" />
+/// <reference path="./es/toUpper.d.ts" />
+/// <reference path="./es/transduce.d.ts" />
+/// <reference path="./es/transpose.d.ts" />
+/// <reference path="./es/traverse.d.ts" />
+/// <reference path="./es/trim.d.ts" />
+/// <reference path="./es/tryCatch.d.ts" />
+/// <reference path="./es/type.d.ts" />
+/// <reference path="./es/unapply.d.ts" />
+/// <reference path="./es/unary.d.ts" />
+/// <reference path="./es/uncurryN.d.ts" />
+/// <reference path="./es/unfold.d.ts" />
+/// <reference path="./es/union.d.ts" />
+/// <reference path="./es/unionWith.d.ts" />
+/// <reference path="./es/uniqBy.d.ts" />
+/// <reference path="./es/uniq.d.ts" />
+/// <reference path="./es/uniqWith.d.ts" />
+/// <reference path="./es/unless.d.ts" />
+/// <reference path="./es/unnest.d.ts" />
+/// <reference path="./es/until.d.ts" />
+/// <reference path="./es/update.d.ts" />
+/// <reference path="./es/useWith.d.ts" />
+/// <reference path="./es/values.d.ts" />
+/// <reference path="./es/valuesIn.d.ts" />
+/// <reference path="./es/view.d.ts" />
+/// <reference path="./es/when.d.ts" />
+/// <reference path="./es/where.d.ts" />
+/// <reference path="./es/whereEq.d.ts" />
+/// <reference path="./es/without.d.ts" />
+/// <reference path="./es/wrap.d.ts" />
+/// <reference path="./es/xprod.d.ts" />
+/// <reference path="./es/zip.d.ts" />
+/// <reference path="./es/zipObj.d.ts" />
+/// <reference path="./es/zipWith.d.ts" />
+
 declare let R: R.Static;
 
 declare namespace R {
@@ -80,9 +324,17 @@ declare namespace R {
         set<T, U>(str: string, obj: T): U;
     }
 
-    interface Filter<T> {
-      (list: ReadonlyArray<T>): T[];
-      (obj: Dictionary<T>): Dictionary<T>;
+    interface Filter {
+        <T>(fn: (value: T) => boolean): FilterOnceApplied<T>;
+        <T, Kind extends 'array'>(fn: (value: T) => boolean): (list: ReadonlyArray<T>) => T[];
+        <T, Kind extends 'object'>(fn: (value: T) => boolean): (list: Dictionary<T>) => Dictionary<T>;
+        <T>(fn: (value: T) => boolean, list: ReadonlyArray<T>): T[];
+        <T>(fn: (value: T) => boolean, obj: Dictionary<T>): Dictionary<T>;
+    }
+
+    interface FilterOnceApplied<T> {
+        (list: ReadonlyArray<T>): T[];
+        (obj: Dictionary<T>): Dictionary<T>;
     }
 
     type Evolve<O extends Evolvable<E>, E extends Evolver> = {
@@ -179,12 +431,20 @@ declare namespace R {
         (t1: T1, t2: T2, t3: T3, t4: T4, t5: T5, t6: T6): R;
     }
 
+    interface Placeholder { __isRamdaPlaceholder__: true; }
+
     interface Reduced<T> {
         '@@transducer/value': T;
         '@@transducer/reduced': true;
     }
 
     interface Static {
+        /**
+         * Placeholder. When used with functions like curry, or op, the second argument is applied to the second
+         * position, and it returns a function waiting for its first argument.
+         */
+        __: Placeholder; /* This is used in examples throughout the docs, but I it only seems to be directly explained here: https://ramdajs.com/0.9/docs/#op */
+
         /**
          * Adds two numbers (or strings). Equivalent to a + b but curried.
          */
@@ -304,8 +564,8 @@ declare namespace R {
          * Makes a shallow clone of an object, setting or overriding the specified property with the given value.
          */
         assoc<T, U, K extends string>(prop: K, val: T, obj: U): Record<K, T> & U;
-        assoc<K extends string>(prop: K): <T, U>(val: T, obj: U) => Record<K, T> & U;
         assoc<T, K extends string>(prop: K, val: T): <U>(obj: U) => Record<K, T> & U;
+        assoc<K extends string>(prop: K): <T, U>(val: T, obj: U) => Record<K, T> & U;
 
         /**
          * Makes a shallow clone of an object, setting or overriding the nodes required to create the given path, and
@@ -383,26 +643,38 @@ declare namespace R {
          * Performs right-to-left function composition. The rightmost function may have any arity; the remaining
          * functions must be unary.
          */
+
+        // generic rest parameters in TS 3.0 allows writing a single variant for any number of Vx
+        // compose<V extends any[], T1>(fn0: (...args: V) => T1): (...args: V) => T1;
+        // compose<V extends any[], T1, T2>(fn1: (x: T1) => T2, fn0: (...args: V) => T1): (...args: V) => T2;
+        // but requiring TS>=3.0 sounds like a breaking change, so just leaving a comment for the future
+
+        compose<T1>(fn0: () => T1): () => T1;
         compose<V0, T1>(fn0: (x0: V0) => T1): (x0: V0) => T1;
         compose<V0, V1, T1>(fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T1;
         compose<V0, V1, V2, T1>(fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T1;
 
+        compose<T1, T2>(fn1: (x: T1) => T2, fn0: () => T1): () => T2;
         compose<V0, T1, T2>(fn1: (x: T1) => T2, fn0: (x0: V0) => T1): (x0: V0) => T2;
         compose<V0, V1, T1, T2>(fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T2;
         compose<V0, V1, V2, T1, T2>(fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T2;
 
+        compose<T1, T2, T3>(fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: () => T1): () => T3;
         compose<V0, T1, T2, T3>(fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x: V0) => T1): (x: V0) => T3;
         compose<V0, V1, T1, T2, T3>(fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T3;
         compose<V0, V1, V2, T1, T2, T3>(fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T3;
 
+        compose<T1, T2, T3, T4>(fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: () => T1): () => T4;
         compose<V0, T1, T2, T3, T4>(fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x: V0) => T1): (x: V0) => T4;
         compose<V0, V1, T1, T2, T3, T4>(fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T4;
         compose<V0, V1, V2, T1, T2, T3, T4>(fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T4;
 
+        compose<T1, T2, T3, T4, T5>(fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: () => T1): () => T5;
         compose<V0, T1, T2, T3, T4, T5>(fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x: V0) => T1): (x: V0) => T5;
         compose<V0, V1, T1, T2, T3, T4, T5>(fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T5;
         compose<V0, V1, V2, T1, T2, T3, T4, T5>(fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T5;
 
+        compose<T1, T2, T3, T4, T5, T6>(fn5: (x: T5) => T6, fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: () => T1): () => T6;
         compose<V0, T1, T2, T3, T4, T5, T6>(fn5: (x: T5) => T6, fn4: (x: T4) => T5, fn3: (x: T3) => T4, fn2: (x: T2) => T3, fn1: (x: T1) => T2, fn0: (x: V0) => T1): (x: V0) => T6;
         compose<V0, V1, T1, T2, T3, T4, T5, T6>(
             fn5: (x: T5) => T6,
@@ -491,6 +763,8 @@ declare namespace R {
          * Returns a new list consisting of the elements of the first list followed by the elements
          * of the second.
          */
+        concat<T>(placeholder: Placeholder): (list2: ReadonlyArray<T>, list1: ReadonlyArray<T>) => T[];
+        concat<T>(placeholder: Placeholder, list2: ReadonlyArray<T>): (list1: ReadonlyArray<T>) => T[];
         concat<T>(list1: ReadonlyArray<T>, list2: ReadonlyArray<T>): T[];
         concat<T>(list1: ReadonlyArray<T>): (list2: ReadonlyArray<T>) => T[];
         concat(list1: string, list2: string): string;
@@ -519,6 +793,10 @@ declare namespace R {
          * Returns `true` if the specified item is somewhere in the list, `false` otherwise.
          * Equivalent to `indexOf(a)(list) > -1`. Uses strict (`===`) equality checking.
          */
+        contains(__: Placeholder, list: string): (a: string) => boolean;
+        contains<T>(__: Placeholder, list: T[]): (a: T) => boolean;
+        contains(__: Placeholder): (list: string, a: string) => boolean;
+        contains<T>(__: Placeholder): (list: T[], a: T) => boolean;
         contains(a: string, list: string): boolean;
         contains<T>(a: T, list: ReadonlyArray<T>): boolean;
         contains(a: string): (list: string) => boolean;
@@ -613,6 +891,8 @@ declare namespace R {
         /**
          * Divides two numbers. Equivalent to a / b.
          */
+        divide(__: Placeholder, b: number): (a: number) => number;
+        divide(__: Placeholder): (b: number, a: number) => number;
         divide(a: number, b: number): number;
         divide(a: number): (b: number) => number;
 
@@ -709,9 +989,7 @@ declare namespace R {
         /**
          * Returns a new list containing only those items that match a given predicate function. The predicate function is passed one argument: (value).
          */
-        filter<T>(fn: (value: T) => boolean): Filter<T>;
-        filter<T>(fn: (value: T) => boolean, list: ReadonlyArray<T>): T[];
-        filter<T>(fn: (value: T) => boolean, obj: Dictionary<T>): Dictionary<T>;
+        filter: Filter;
 
         /**
          * Returns the first element of the list which matches the predicate, or `undefined` if no
@@ -792,18 +1070,24 @@ declare namespace R {
         /**
          * Returns true if the first parameter is greater than the second.
          */
+        gt(__: Placeholder, b: number): (a: number) => boolean;
+        gt(__: Placeholder): (b: number, a: number) => boolean;
         gt(a: number, b: number): boolean;
         gt(a: number): (b: number) => boolean;
 
         /**
          * Returns true if the first parameter is greater than or equal to the second.
          */
+        gte(__: Placeholder, b: number): (a: number) => boolean;
+        gte(__: Placeholder): (b: number, a: number) => boolean;
         gte(a: number, b: number): boolean;
         gte(a: number): (b: number) => boolean;
 
         /**
          * Returns whether or not an object has an own property with the specified name.
          */
+        has<T>(__: Placeholder, obj: T): (s: string) => boolean;
+        has<T>(__: Placeholder): (obj: T, s: string) => boolean;
         has<T>(s: string, obj: T): boolean;
         has(s: string): <T>(obj: T) => boolean;
 
@@ -1039,12 +1323,16 @@ declare namespace R {
         /**
          * Returns true if the first parameter is less than the second.
          */
+        lt(__: Placeholder, b: number): (a: number) => boolean;
+        lt(__: Placeholder): (b: number, a: number) => boolean;
         lt(a: number, b: number): boolean;
         lt(a: number): (b: number) => boolean;
 
         /**
          * Returns true if the first parameter is less than or equal to the second.
          */
+        lte(__: Placeholder, b: number): (a: number) => boolean;
+        lte(__: Placeholder): (b: number, a: number) => boolean;
         lte(a: number, b: number): boolean;
         lte(a: number): (b: number) => boolean;
 
@@ -1100,6 +1388,8 @@ declare namespace R {
          * mathMod(-17, 5) is 3. mathMod requires Integer arguments, and returns NaN
          * when the modulus is zero or negative.
          */
+        mathMod(__: Placeholder, b: number): (a: number) => number;
+        mathMod(__: Placeholder): (b: number, a: number) => number;
         mathMod(a: number, b: number): number;
         mathMod(a: number): (b: number) => number;
 
@@ -1148,6 +1438,8 @@ declare namespace R {
          * merged with the own properties of object b.
          * This function will *not* mutate passed-in objects.
          */
+        merge<T2>(__: Placeholder, b: T2): <T1>(a: T1) => T1 & T2;
+        merge(__: Placeholder): <T1, T2>(b: T2, a: T1) => T1 & T2;
         merge<T1, T2>(a: T1, b: T2): T1 & T2;
         merge<T1>(a: T1): <T2>(b: T2) => T1 & T2;
 
@@ -1235,6 +1527,8 @@ declare namespace R {
          * Note that this functions preserves the JavaScript-style behavior for
          * modulo. For mathematical modulo see `mathMod`
          */
+        modulo(__: Placeholder, b: number): (a: number) => number;
+        modulo(__: Placeholder): (b: number, a: number) => number;
         modulo(a: number, b: number): number;
         modulo(a: number): (b: number) => number;
 
@@ -1424,26 +1718,32 @@ declare namespace R {
          * passing the return value of each function invocation to the next function invocation,
          * beginning with whatever arguments were passed to the initial invocation.
          */
+        pipe<T1>(fn0: () => T1): () => T1;
         pipe<V0, T1>(fn0: (x0: V0) => T1): (x0: V0) => T1;
         pipe<V0, V1, T1>(fn0: (x0: V0, x1: V1) => T1): (x0: V0, x1: V1) => T1;
         pipe<V0, V1, V2, T1>(fn0: (x0: V0, x1: V1, x2: V2) => T1): (x0: V0, x1: V1, x2: V2) => T1;
 
+        pipe<T1, T2>(fn0: () => T1, fn1: (x: T1) => T2): () => T2;
         pipe<V0, T1, T2>(fn0: (x0: V0) => T1, fn1: (x: T1) => T2): (x0: V0) => T2;
         pipe<V0, V1, T1, T2>(fn0: (x0: V0, x1: V1) => T1, fn1: (x: T1) => T2): (x0: V0, x1: V1) => T2;
         pipe<V0, V1, V2, T1, T2>(fn0: (x0: V0, x1: V1, x2: V2) => T1, fn1: (x: T1) => T2): (x0: V0, x1: V1, x2: V2) => T2;
 
+        pipe<T1, T2, T3>(fn0: () => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3): () => T3;
         pipe<V0, T1, T2, T3>(fn0: (x: V0) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3): (x: V0) => T3;
         pipe<V0, V1, T1, T2, T3>(fn0: (x0: V0, x1: V1) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3): (x0: V0, x1: V1) => T3;
         pipe<V0, V1, V2, T1, T2, T3>(fn0: (x0: V0, x1: V1, x2: V2) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3): (x0: V0, x1: V1, x2: V2) => T3;
 
+        pipe<T1, T2, T3, T4>(fn0: () => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4): () => T4;
         pipe<V0, T1, T2, T3, T4>(fn0: (x: V0) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4): (x: V0) => T4;
         pipe<V0, V1, T1, T2, T3, T4>(fn0: (x0: V0, x1: V1) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4): (x0: V0, x1: V1) => T4;
         pipe<V0, V1, V2, T1, T2, T3, T4>(fn0: (x0: V0, x1: V1, x2: V2) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4): (x0: V0, x1: V1, x2: V2) => T4;
 
+        pipe<T1, T2, T3, T4, T5>(fn0: () => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5): () => T5;
         pipe<V0, T1, T2, T3, T4, T5>(fn0: (x: V0) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5): (x: V0) => T5;
         pipe<V0, V1, T1, T2, T3, T4, T5>(fn0: (x0: V0, x1: V1) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5): (x0: V0, x1: V1) => T5;
         pipe<V0, V1, V2, T1, T2, T3, T4, T5>(fn0: (x0: V0, x1: V1, x2: V2) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5): (x0: V0, x1: V1, x2: V2) => T5;
 
+        pipe<T1, T2, T3, T4, T5, T6>(fn0: () => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5, fn5: (x: T5) => T6): () => T6;
         pipe<V0, T1, T2, T3, T4, T5, T6>(fn0: (x: V0) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5, fn5: (x: T5) => T6): (x: V0) => T6;
         pipe<V0, V1, T1, T2, T3, T4, T5, T6>(fn0: (x0: V0, x1: V1) => T1, fn1: (x: T1) => T2, fn2: (x: T2) => T3, fn3: (x: T3) => T4, fn4: (x: T4) => T5, fn5: (x: T5) => T6): (x0: V0, x1: V1) => T6;
         pipe<V0, V1, V2, T1, T2, T3, T4, T5, T6>(
@@ -1454,6 +1754,14 @@ declare namespace R {
             fn4: (x: T4) => T5,
             fn5: (x: T5) => T6): (x0: V0, x1: V1, x2: V2) => T6;
 
+        pipe<T1, T2, T3, T4, T5, T6, T7>(
+            fn0: () => T1,
+            fn1: (x: T1) => T2,
+            fn2: (x: T2) => T3,
+            fn3: (x: T3) => T4,
+            fn4: (x: T4) => T5,
+            fn5: (x: T5) => T6,
+            fn: (x: T6) => T7): () => T7;
         pipe<V0, T1, T2, T3, T4, T5, T6, T7>(
             fn0: (x: V0) => T1,
             fn1: (x: T1) => T2,
@@ -1479,6 +1787,15 @@ declare namespace R {
             fn5: (x: T5) => T6,
             fn6: (x: T6) => T7): (x0: V0, x1: V1, x2: V2) => T7;
 
+        pipe<T1, T2, T3, T4, T5, T6, T7, T8>(
+            fn0: () => T1,
+            fn1: (x: T1) => T2,
+            fn2: (x: T2) => T3,
+            fn3: (x: T3) => T4,
+            fn4: (x: T4) => T5,
+            fn5: (x: T5) => T6,
+            fn6: (x: T6) => T7,
+            fn: (x: T7) => T8): () => T8;
         pipe<V0, T1, T2, T3, T4, T5, T6, T7, T8>(
             fn0: (x: V0) => T1,
             fn1: (x: T1) => T2,
@@ -1507,6 +1824,16 @@ declare namespace R {
             fn6: (x: T6) => T7,
             fn7: (x: T7) => T8): (x0: V0, x1: V1, x2: V2) => T8;
 
+        pipe<T1, T2, T3, T4, T5, T6, T7, T8, T9>(
+            fn0: () => T1,
+            fn1: (x: T1) => T2,
+            fn2: (x: T2) => T3,
+            fn3: (x: T3) => T4,
+            fn4: (x: T4) => T5,
+            fn5: (x: T5) => T6,
+            fn6: (x: T6) => T7,
+            fn7: (x: T7) => T8,
+            fn8: (x: T8) => T9): () => T9;
         pipe<V0, T1, T2, T3, T4, T5, T6, T7, T8, T9>(
             fn0: (x0: V0) => T1,
             fn1: (x: T1) => T2,
@@ -1538,6 +1865,17 @@ declare namespace R {
             fn7: (x: T7) => T8,
             fn8: (x: T8) => T9): (x0: V0, x1: V1, x2: V2) => T9;
 
+        pipe<T1, T2, T3, T4, T5, T6, T7, T8, T9, T10>(
+            fn0: () => T1,
+            fn1: (x: T1) => T2,
+            fn2: (x: T2) => T3,
+            fn3: (x: T3) => T4,
+            fn4: (x: T4) => T5,
+            fn5: (x: T5) => T6,
+            fn6: (x: T6) => T7,
+            fn7: (x: T7) => T8,
+            fn8: (x: T8) => T9,
+            fn9: (x: T9) => T10): () => T10;
         pipe<V0, T1, T2, T3, T4, T5, T6, T7, T8, T9, T10>(
             fn0: (x0: V0) => T1,
             fn1: (x: T1) => T2,
@@ -1850,9 +2188,7 @@ declare namespace R {
          * Similar to `filter`, except that it keeps only values for which the given predicate
          * function returns falsy.
          */
-        reject<T>(fn: (value: T) => boolean): Filter<T>;
-        reject<T>(fn: (value: T) => boolean, list: ReadonlyArray<T>): T[];
-        reject<T>(fn: (value: T) => boolean, obj: Dictionary<T>): Dictionary<T>;
+        reject: Filter;
 
         /**
          * Removes the sub-list of `list` starting at index `start` and containing `count` elements.
@@ -1979,6 +2315,8 @@ declare namespace R {
         /**
          * Subtracts two numbers. Equivalent to `a - b` but curried.
          */
+        subtract(__: Placeholder, b: number): (a: number) => number;
+        subtract(__: Placeholder): (b: number, a: number) => number;
         subtract(a: number, b: number): number;
         subtract(a: number): (b: number) => number;
 
diff --git a/types/ramda/ramda-tests.ts b/types/ramda/ramda-tests.ts
index dcd2ea0a43..2f68808d17 100644
--- a/types/ramda/ramda-tests.ts
+++ b/types/ramda/ramda-tests.ts
@@ -124,6 +124,45 @@ class F2 {
     }
 };
 
+/** R.__ */
+() => {
+  R.concat(R.__, [4, 5, 6])([1, 2, 3]); // [1, 2, 3, 4, 5, 6]
+  R.concat(R.__)([4, 5, 6], [1, 2, 3]); // [1, 2, 3, 4, 5, 6]
+
+  R.contains(R.__, [1, 2, 3])(3); // true
+  R.contains<number>(R.__)([1, 2, 3], 3); // true
+
+  R.divide(R.__)(2, 42); // 21
+  R.divide(R.__, 2)(42); // 21
+
+  R.gt(R.__, 2)(10); // true
+  R.gt(R.__)(2, 10); // true
+
+  R.gte(R.__, 6)(2); // false
+  R.gte(R.__)(6, 2); // false
+
+  R.has(R.__, {x: 0, y: 0})('x'); // true;
+  R.has(R.__)({x: 0, y: 0}, 'x'); // true;
+
+  R.lt(R.__, 5)(10); // false
+  R.lt(R.__)(5, 10); // false
+
+  R.lte(R.__, 2)(1); // true
+  R.lte(R.__)(2, 1); // true
+
+  R.mathMod(R.__, 12)(15); // 3
+  R.mathMod(R.__)(12, 15); // 3
+
+  R.modulo(R.__, 2)(42); // 0
+  R.modulo(R.__)(2, 42); // 0
+
+  R.merge(R.__, {x: 0})({x: 5, y: 2}); // {x: 0, y: 2}
+  R.merge(R.__)({x: 0}, {x: 5, y: 2}); // {x: 0, y: 2}
+
+  R.subtract(R.__, 5)(17); // 12
+  R.subtract(R.__)(5, 17); // 12
+};
+
 () => {
     const addFour          = (a: number) => (b: number) => (c: number) => (d: number) => a + b + c + d;
     const uncurriedAddFour = R.uncurryN<number>(4, addFour);
@@ -175,7 +214,7 @@ class F2 {
 
     const f0 = (s: string) => +s;      // string -> number
     const f1 = (n: number) => n === 1; // number -> boolean
-    const f2 = R.compose(f1, f0);      // string -> boolean
+    const f2: (s: string) => boolean = R.compose(f1, f0);      // string -> boolean
 
     // akward example that bounces types between number and string
     const g0             = (list: number[]) => R.map(R.inc, list);
@@ -184,6 +223,11 @@ class F2 {
     const g3             = R.all((i: string) => i === "smaller");
     const g              = R.compose(g3, g2, g1, g0);
     const g_res: boolean = g([1, 2, 10, 13]);
+
+    // compose with last function taking no params
+    const f10 = () => 'str';
+    const f11 = (str: string) => str;
+    const f12: () => string = R.compose(f11, f10);
 };
 
 /* composeK */
@@ -261,6 +305,11 @@ class F2 {
 
     const f          = R.pipe(Math.pow, R.negate, R.inc);
     const fr: number = f(3, 4); // -(3^4) + 1
+
+    // pipe with first function taking no params
+    const f10 = () => 'str';
+    const f11 = (str: string) => str;
+    const f12: () => string = R.pipe(f10, f11);
 };
 
 /* pipeK */
@@ -685,12 +734,34 @@ R.times(i, 5);
     }
 
     const filterEven = R.filter(isEven);
-    filterEven({ a: 0, b: 1 }); // => { a: 0 }
-    filterEven([0, 1]); // => [0]
+    const objA: R.Dictionary<number> = filterEven({ a: 0, b: 1 }); // => { a: 0 }
+    const listA: number[] = filterEven([0, 1]); // => [0]
 
     const rejectEven = R.reject(isEven);
-    rejectEven({ a: 0, b: 1 }); // => { b: 1 }
-    rejectEven([0, 1]); // => [1]
+    const objB: R.Dictionary<number> = rejectEven({ a: 0, b: 1 }); // => { b: 1 }
+    const listB: number[] = rejectEven([0, 1]); // => [1]
+};
+
+() => {
+    function isEven(n: number) {
+        return n % 2 === 0;
+    }
+
+    const a: R.Dictionary<number> = R.pipe(
+        R.filter<number, 'object'>(isEven),
+    )({ a: 0, b: 1 }); // => { a: 0 }
+
+    const b: number[] = R.pipe(
+        R.filter<number, 'array'>(isEven),
+    )([0, 1]); // => [0]
+
+    const c: R.Dictionary<number> = R.pipe(
+        R.reject<number, 'object'>(isEven),
+    )({ a: 0, b: 1 }); // => { b: 1 }
+
+    const d: number[] = R.pipe(
+        R.reject<number, 'array'>(isEven),
+    )([0, 1]); // => [1]
 };
 
 () => {
@@ -1417,6 +1488,11 @@ type Pair = KeyValuePair<string, number>;
     const c: ABC = R.assoc("c", 3)({a: 1, b: 2}); // => {a: 1, b: 2, c: 3}
 };
 
+() => {
+    type ABC = Record<string, string>;
+    const b: ABC = R.compose(R.assoc, R.toString)(3)("c", {1: "a", 2: "b"}); // => {1: "a", 2: "b", 3: "c"}
+};
+
 () => {
     const a1 = R.dissoc<{ a: number, c: number }>("b", {a: 1, b: 2, c: 3}); // => {a: 1, c: 3}
     const a2 = R.dissoc("b", {a: 1, b: 2, c: 3}); // => {a: 1, c: 3}
diff --git a/types/raven-for-redux/tsconfig.json b/types/raven-for-redux/tsconfig.json
index acd330dac5..87b3d6d78c 100644
--- a/types/raven-for-redux/tsconfig.json
+++ b/types/raven-for-redux/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/raygun/index.d.ts b/types/raygun/index.d.ts
new file mode 100644
index 0000000000..9315161a33
--- /dev/null
+++ b/types/raygun/index.d.ts
@@ -0,0 +1,146 @@
+// Type definitions for raygun 0.10
+// Project: https://github.com/MindscapeHQ/raygun4node
+// Definitions by: Taylor Lodge <https://github.com/UberMouse>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+declare namespace raygun {
+    interface KeyValueObject {
+        [key: string]: string | number | boolean | KeyValueObject;
+    }
+    interface StackFrame {
+        lineNumber: number;
+        className: string;
+        fileName: string;
+        methodName: string;
+        columnNumber?: number;
+    }
+    interface RaygunErrorObject {
+        message: string;
+        className: string;
+        stackTrace: StackFrame[];
+        innerError?: RaygunErrorObject;
+    }
+    interface RaygunRequest {
+        hostname?: string;
+        host?: string;
+        path?: string;
+        method?: string;
+        ip?: string;
+        queryString?: KeyValueObject;
+        headers?: KeyValueObject;
+        form?: KeyValueObject;
+    }
+    interface RaygunUser {
+        identifier: string;
+        email?: string;
+        fullName?: string;
+        firstName?: string;
+        uuid?: string;
+    }
+    interface RaygunPayload {
+        occurredOn: Date;
+        details: {
+            client: {
+                name: "raygun-node";
+                version: string;
+            };
+            groupingKey?: string;
+            error: RaygunErrorObject;
+            environment: {
+                osVersion: string;
+                architecture: string;
+                totalPhysicalMemory: number;
+                availablePhysicalMemory: number;
+                utcOffset: number;
+                processorCount?: number;
+                cpu: {
+                    model: string;
+                    speed: number;
+                    times: {
+                        user: number;
+                        nice: number;
+                        sys: number;
+                        idle: number;
+                        irq: number;
+                    };
+                };
+            };
+            machineName: string;
+            userCustomData?: KeyValueObject;
+            tags: string[];
+            request?: RaygunRequest;
+            user?: RaygunUser | { identifier: string };
+            version?: string;
+        };
+    }
+
+    interface RaygunOfflineStorageProvider<
+        TTransportItem = RaygunPayload,
+        TStorageItem = string
+    > {
+        init(options: any): RaygunOfflineStorageProvider;
+        save(item: TTransportItem, callback: (error?: Error) => void): void;
+        retrieve(
+            callback: (
+                error: Error,
+                storageItems: ReadonlyArray<TStorageItem>
+            ) => void
+        ): void;
+        send(
+            callback: (
+                error: Error,
+                sendItems: ReadonlyArray<TStorageItem>
+            ) => void
+        ): void;
+    }
+
+    type OnBeforeSend = (
+        payload: RaygunPayload,
+        exception: Error,
+        customData: KeyValueObject,
+        request: RaygunRequest,
+        tags: ReadonlyArray<string>
+    ) => boolean | RaygunPayload;
+    interface RaygunOptions {
+        apiKey: string;
+        filters?: ReadonlyArray<string>;
+        port?: number;
+        host?: string;
+        useSSL?: boolean;
+        onBeforeSend?: OnBeforeSend;
+        offlineStorage?: RaygunOfflineStorageProvider;
+        offlineStorageOptions?: any;
+        isOffline?: boolean;
+        groupingKey?: string;
+        tags?: ReadonlyArray<string>;
+        userHumanStringForObject?: boolean;
+        reportColumnNumbers?: boolean;
+        innerErrorFieldName?: string;
+    }
+}
+
+declare class Client {
+    init(options: raygun.RaygunOptions): Client;
+    setUser(user: raygun.RaygunUser): Client;
+    setVersion(version: string): Client;
+    onBeforeSend(callback: raygun.OnBeforeSend): Client;
+    groupingKey(groupingKey: string): Client;
+    offline(): Client;
+    online(): Client;
+    send(
+        exception: Error | string | object,
+        customData?: raygun.KeyValueObject,
+        offlineStorageCallback?: (error?: Error) => void,
+        request?: raygun.RaygunRequest,
+        tags?: ReadonlyArray<string>
+    ): raygun.RaygunPayload;
+    expressHandler(
+        error: Error,
+        request: raygun.RaygunRequest,
+        res: any,
+        next: any
+    ): void;
+}
+
+export = Client;
diff --git a/types/raygun/raygun-tests.ts b/types/raygun/raygun-tests.ts
new file mode 100644
index 0000000000..76328b01c5
--- /dev/null
+++ b/types/raygun/raygun-tests.ts
@@ -0,0 +1,59 @@
+import Client = require('raygun');
+
+const client = new Client(); // $ExpectType Client
+client.init({apiKey: '1'}); // $ExpectType Client
+
+client.init(); // $ExpectError
+client.init({}); // $ExpectError
+client.init({apiKey: 123}); // $ExpectError
+//
+// $ExpectType Client
+client.setUser({
+    identifier: '123'
+});
+// $ExpectType Client
+client.setUser({
+    identifier: '123',
+    email: '123',
+    fullName: '123',
+    firstName: '123',
+    uuid: '123'
+});
+
+client.setUser(); // $ExpectError
+client.setUser({}); // $ExpectError
+client.setUser({identifier: 1}); // $ExpectError
+
+client.setVersion('123'); // $ExpectType Client
+
+client.setVersion(); // $ExpectError
+client.setVersion({}); // $ExpectError
+
+client.onBeforeSend(payload => payload); // $ExpectType Client
+// $ExpectType Client
+client.onBeforeSend(payload => {
+    payload.details;
+
+    return payload;
+});
+
+client.onBeforeSend(); // $ExpectError
+
+client.groupingKey('123'); // $ExpectType Client
+
+client.groupingKey(); // $ExpectError
+client.groupingKey({}); // $ExpectError
+
+client.offline(); // $ExpectType Client
+
+client.online(); // $ExpectType Client
+
+client.send(new Error()); // $ExpectType RaygunPayload
+client.send({foo: 'bar'}); // $ExpectType RaygunPayload
+client.send('error message'); // $ExpectType RaygunPayload
+client.send(new Error(), {foo: 'bar'}); // $ExpectType RaygunPayload
+client.send(new Error(), {}, undefined, undefined, ['1', '2']); // $ExpectType RaygunPayload
+
+client.send(); // $ExpectError
+client.send(null); // $ExpectError
+client.send(undefined); // $ExpectError
diff --git a/types/raygun/tsconfig.json b/types/raygun/tsconfig.json
new file mode 100644
index 0000000000..f85de6fb88
--- /dev/null
+++ b/types/raygun/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "raygun-tests.ts"
+    ]
+}
diff --git a/types/raygun/tslint.json b/types/raygun/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/raygun/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/raygun4js/index.d.ts b/types/raygun4js/index.d.ts
index 66a7ce8ee9..d5faa0028b 100644
--- a/types/raygun4js/index.d.ts
+++ b/types/raygun4js/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for raygun4js 2.6.0
+// Type definitions for raygun4js 2.13
 // Project: https://github.com/MindscapeHQ/raygun4js
-// Definitions by: Brian Surowiec <https://github.com/xt0rted>, Benjamin Harding <https://github.com/BenjaminHarding>
+// Definitions by: Brian Surowiec <https://github.com/xt0rted>, Benjamin Harding <https://github.com/BenjaminHarding>, Taylor Lodge <https://github.com/UberMouse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
 
 interface TracekitStackTrace {
     message: string;
@@ -20,7 +21,6 @@ interface TracekitStack {
     url: string;
 }
 
-
 interface RaygunStackTrace {
     LineNumber: number;
     ColumnNumber: number;
@@ -61,14 +61,17 @@ interface RaygunOptions {
     disablePulse?: boolean;
 
     /**
-     * Prevents errors from being sent from certain hostnames (domains) by providing an array of strings or RegExp objects (for partial matches). Each should match the hostname or TLD that you want to exclude. Note that protocols are not tested.
+     * Prevents errors from being sent from certain hostnames (domains) by providing an array of strings or RegExp objects (for partial matches).
+     * Each should match the hostname or TLD that you want to exclude. Note that protocols are not tested.
      */
-    excludedHostnames?: (string|RegExp)[];
+    excludedHostnames?: ReadonlyArray<string | RegExp>;
 
     /**
-     * Prevents errors from being sent from certain user agents by providing an array of strings. This is very helpful to exclude errors reported by certain browsers or test automation with CasperJS, PhantomJS or any other testing utility that sends a custom user agent. If a part of the client's navigator.userAgent matches one of the given strings in the array, then the client will be excluded from error reporting.
+     * Prevents errors from being sent from certain user agents by providing an array of strings.
+     * This is very helpful to exclude errors reported by certain browsers or test automation with CasperJS, PhantomJS or any other testing utility that sends a custom user agent.
+     * If a part of the client's navigator.userAgent matches one of the given strings in the array, then the client will be excluded from error reporting.
      */
-    excludedUserAgents?: (string|RegExp)[];
+    excludedUserAgents?: ReadonlyArray<string | RegExp>;
 
     /**
      * The maximum time a virtual page can be considered viewed, in milliseconds (defaults to 30 minutes).
@@ -80,11 +83,6 @@ interface RaygunOptions {
      */
     pulseIgnoreUrlCasing?: boolean;
 
-    /**
-     * A string URI containing the protocol, domain and port (optional) where all payloads will be sent to. This can be used to proxy payloads to the Raygun API through your own server. When not set this defaults internally to the Raygun API, and for most usages you won't need to set this.
-     */
-    apiUrl?: string;
-
     /**
      * If false, async callback functions triggered by setTimeout/setInterval will not be wrapped when attach() is called. Defaults to true
      */
@@ -95,20 +93,25 @@ interface RaygunOptions {
      */
     debugMode?: boolean;
 
+    captureUnhandledRejections?: boolean;
+    setCookieAsSecure?: boolean;
+
     /**
-     * Ignores any errors that have no stack trace information. This will discard any errors that occur completely within 3rd party scripts - if code loaded from the current domain called the 3rd party function, it will have at least one stack line and will still be sent.
+     * Ignores any errors that have no stack trace information. This will discard any errors that occur completely within 3rd party scripts -
+     * if code loaded from the current domain called the 3rd party function, it will have at least one stack line and will still be sent.
      */
     ignore3rdPartyErrors?: boolean;
 
     /**
-     * A string URI containing the protocol, domain and port (optional) where all payloads will be sent to. This can be used to proxy payloads to the Raygun API through your own server. When not set this defaults internally to the Raygun API, and for most usages you won't need to set this.
+     * A string URI containing the protocol, domain and port (optional) where all payloads will be sent to.
+     * This can be used to proxy payloads to the Raygun API through your own server. When not set this defaults internally to the Raygun API, and for most usages you won't need to set this.
      */
     apiEndpoint?: string;
 
     /**
      * String which can be optionally set "onLoad" which will then boot the RealUserMonitoring side instead of waiting for the `load` event.
      */
-    from?: string|"onLoad";
+    from?: string | "onLoad";
 }
 
 interface RaygunPayload {
@@ -121,16 +124,16 @@ interface RaygunPayload {
         };
         Environment: {
             UtcOffset: number;
-            'User-Language': string;
-            'Document-Mode': number;
-            'Browser-Width': number;
-            'Browser-Height': number;
-            'Screen-Width': number;
-            'Screen-Height': number;
-            'Color-Depth': number;
+            "User-Language": string;
+            "Document-Mode": number;
+            "Browser-Width": number;
+            "Browser-Height": number;
+            "Screen-Width": number;
+            "Screen-Height": number;
+            "Color-Depth": number;
             Browser: string;
-            'Browser-Name': string;
-            'Browser-Version': string;
+            "Browser-Name": string;
+            "Browser-Version": string;
             Platform: string;
         };
         Client: {
@@ -143,7 +146,7 @@ interface RaygunPayload {
             Url: string;
             QueryString: string;
             Headers: {
-                'User-Agent': string;
+                "User-Agent": string;
                 Referer: string;
                 Host: string;
             };
@@ -162,7 +165,6 @@ interface RaygunPayload {
 }
 
 interface RaygunStatic {
-
     /**
      * Prevents Raygun from overwriting anything bound to `window.Raygun`.
      */
@@ -176,7 +178,11 @@ interface RaygunStatic {
     /**
      * Configures the Raygun provider.
      */
-    init(apiKey: string, options?: RaygunOptions, customdata?: any): RaygunStatic;
+    init(
+        apiKey: string,
+        options?: RaygunOptions,
+        customdata?: any
+    ): RaygunStatic;
 
     /**
      * Attaches custom data to any errors sent to Raygun.
@@ -206,7 +212,14 @@ interface RaygunStatic {
     /**
      * Provides additional information about the current user.
      */
-    setUser(user: string, isAnonymous?: boolean, email?: string, fullName?: string, firstName?: string, uuid?: string): RaygunStatic;
+    setUser(
+        user: string,
+        isAnonymous?: boolean,
+        email?: string,
+        fullName?: string,
+        firstName?: string,
+        uuid?: string
+    ): RaygunStatic;
 
     /**
      * Resets the information about the current user.
@@ -226,12 +239,14 @@ interface RaygunStatic {
     /**
      * Blacklist keys to prevent their values from being sent to Raygun.
      */
-    filterSensitiveData(filteredKeys: (string|RegExp)[]): RaygunStatic;
+    filterSensitiveData(
+        filteredKeys: ReadonlyArray<string | RegExp>
+    ): RaygunStatic;
 
     /**
      * Change the scope at which filters are applied. Defaults to `customData` by default.
      */
-    setFilterScope(scope: "all"|"customData"): RaygunStatic;
+    setFilterScope(scope: "all" | "customData"): RaygunStatic;
 
     /**
      * Whitelist damains which should transmit errors to Raygun.
@@ -241,12 +256,20 @@ interface RaygunStatic {
     /**
      * Executed before the payload is sent. If a truthy object is returned, Raygun will attempt to use that as the payload. Raygun will abort the send if `false` is returned.
      */
-    onBeforeSend(callback: (payload: RaygunPayload) => RaygunPayload|boolean): RaygunStatic;
+    onBeforeSend(
+        callback: (payload: RaygunPayload) => RaygunPayload | boolean
+    ): RaygunStatic;
 
     /**
      * Overrides the default automatic grouping and instead group errors together by the string returned by the callback.
      */
-    groupingKey(callback: (payload: RaygunPayload, stackTrace: TracekitStackTrace, options: any) => string|void): RaygunStatic;
+    groupingKey(
+        callback: (
+            payload: RaygunPayload,
+            stackTrace: TracekitStackTrace,
+            options: any
+        ) => string | void
+    ): RaygunStatic;
     onBeforeXHR(callback: (xhr: XMLHttpRequest) => void): RaygunStatic;
     onAfterSend(callback: (response: XMLHttpRequest) => void): RaygunStatic;
     endSession(): void;
@@ -259,22 +282,29 @@ interface RaygunStatic {
     /**
      * Records a manual breadcrumb with the given message and metadata passed.
      */
-    recordBreadcrumb(message:string,metadata?:any): void;
+    recordBreadcrumb(message: string, metadata?: any): void;
 
     /**
      * Enables all breadcrumbs level or a type can be passed which will enable only that passed one.
      */
-    enableAutoBreadcrumbs(type?:"XHR"|"Clicks"|"Console"|"Navigation"): void;
+    enableAutoBreadcrumbs(
+        type?: "XHR" | "Clicks" | "Console" | "Navigation"
+    ): void;
 
     /**
      * Disables all breadcrumbs or a type can be passed to disable only that one.
      */
-    disableAutoBreadcrumbs(type?:"XHR"|"Clicks"|"Console"|"Navigation"): void;
+    disableAutoBreadcrumbs(
+        type?: "XHR" | "Clicks" | "Console" | "Navigation"
+    ): void;
 
     /**
      * Pass "breadcrumbsLevel" alongside a valid breadcrumbs level to set the current level. Passing options other than "breadcrumbsLevel" will set xhr hosts to ignore being
      */
-    setBreadcrumbOption(option?:string|"breadcrumbsLevel", value?:string|"debug"|"info"|"warning"|"error"): void;
+    setBreadcrumbOption(
+        option?: string | "breadcrumbsLevel",
+        value?: string | "debug" | "info" | "warning" | "error"
+    ): void;
 }
 
 interface RaygunV2UserDetails {
@@ -286,7 +316,7 @@ interface RaygunV2UserDetails {
     /**
      * Indicates whether the user is anonymous or has a user account. Even if this is set to true, you should still give the user a unique identifier of some kind.
      */
-    isAnonymous?: string;
+    isAnonymous?: boolean;
 
     /**
      * The user's email address.
@@ -309,42 +339,79 @@ interface RaygunV2UserDetails {
     uuid?: string;
 }
 
-
+type BreadcrumbLevel = "debug" | "error" | "warning" | "info";
 interface RaygunV2 {
-    (key: "options", value:RaygunOptions):void;
-    (key: "setUser", value: RaygunV2UserDetails):void;
-    (key: "onBeforeSend", callback: (payload: RaygunPayload) => RaygunPayload|boolean):void;
-    (key: "onBeforeXHR"|"onAfterSend", callback: (xhr: XMLHttpRequest) => void): void;
-    (key: "groupingKey", value:(payload: RaygunPayload, stackTrace: TracekitStackTrace, options: any) => string|void):void;
-    (key: "trackEvent", value: { type: string, path: string }): void;
-    (key: "apiKey"|"setVersion"|"setFilterScope", value:string):void;
-    (key: "attach"|"enableCrashReporting"|"enablePulse"|"noConflict"|"saveIfOffline", value: boolean):void;
-    (key: "filterSensitiveData"|"whitelistCrossOriginDomains"|"withTags", values: string[]): void;
-    (key: "send"|"withCustomData", value: any): void;
-    (key: "getRaygunInstance"):RaygunStatic;
-    (key: "detach"): void;
-    (key: "disableAutoBreadcrumbs"): void;
-    (key: "enableAutoBreadcrumbs"): void;
-    (key: "disableAutoBreadcrumbsConsole"): void;
-    (key: "enableAutoBreadcrumbsConsole"): void;
-    (key: "disableAutoBreadcrumbsNavigation"): void;
-    (key: "enableAutoBreadcrumbsNavigation"): void;
-    (key: "disableAutoBreadcrumbsClicks"): void;
-    (key: "enableAutoBreadcrumbsClicks"): void;
-    (key: "disableAutoBreadcrumbsXHR"): void;
-    (key: "enableAutoBreadcrumbsXHR"): void;
-    (key: "setAutoBreadcrumbsXHRIgnoredHosts"): void;
-    (key: "setBreadcrumbLevel"): void;
-    (key: "recordBreadcrumb", message:string|{message:string,metadata:any,level:string|"debug"|"info"|"warning"|"error",location:string}, metadata:any): void;
-    (key: string):void;
+    (key: "options", value: RaygunOptions): void;
+    (key: "setUser", value: RaygunV2UserDetails): void;
+    (
+        key: "onBeforeSend",
+        callback: (payload: RaygunPayload) => RaygunPayload | boolean
+    ): void;
+    (
+        key: "onBeforeXHR" | "onAfterSend",
+        callback: (xhr: XMLHttpRequest) => void
+    ): void;
+    (
+        key: "groupingKey",
+        value: (
+            payload: RaygunPayload,
+            stackTrace: TracekitStackTrace,
+            options: any
+        ) => string | void
+    ): void;
+    (key: "trackEvent", value: { type: string; path: string }): void;
+    (key: "apiKey" | "setVersion" | "setFilterScope", value: string): void;
+    (
+        key:
+            | "attach"
+            | "enableCrashReporting"
+            | "enablePulse"
+            | "noConflict"
+            | "saveIfOffline",
+        value: boolean
+    ): void;
+    (
+        key: "filterSensitiveData" | "whitelistCrossOriginDomains" | "withTags",
+        values: string[]
+    ): void;
+    (key: "send" | "withCustomData", value: any): void;
+    (key: "getRaygunInstance"): RaygunStatic;
+    (
+        key:
+            | "detach"
+            | "disableAutoBreadcrumbs"
+            | "enableAutoBreadcrumbs"
+            | "disableAutoBreadcrumbsConsole"
+            | "enableAutoBreadcrumbsConsole"
+            | "disableAutoBreadcrumbsNavigation"
+            | "enableAutoBreadcrumbsNavigation"
+            | "disableAutoBreadcrumbsClicks"
+            | "enableAutoBreadcrumbsClicks"
+            | "disableAutoBreadcrumbsXHR"
+            | "enableAutoBreadcrumbsXHR"
+            | "setAutoBreadcrumbsXHRIgnoredHosts"
+    ): void;
+    (key: "setBreadcrumbLevel", level: BreadcrumbLevel): void;
+    (
+        key: "recordBreadcrumb",
+        message:
+            | string
+            | {
+                  message: string;
+                  metadata: any;
+                  level: BreadcrumbLevel;
+                  location: string;
+              },
+        metadata: object
+    ): void;
 }
 
+declare const rg4js: RaygunV2;
+
 interface Window {
     Raygun: RaygunStatic;
 }
 
-declare var Raygun: RaygunStatic;
+export { RaygunStatic, RaygunV2 };
 
-declare module 'raygun4js' {
-    export = Raygun;
-}
+export default rg4js;
diff --git a/types/raygun4js/raygun4js-tests.ts b/types/raygun4js/raygun4js-tests.ts
index 7fe6fc6496..388c960276 100644
--- a/types/raygun4js/raygun4js-tests.ts
+++ b/types/raygun4js/raygun4js-tests.ts
@@ -1,8 +1,7 @@
 // V2 Api
+// Used in CommonJS-like environments
 
-// To use the V2 api you will need to declare a `rg4js` variable
-// This is because `rg4js` name is configurable by users
-declare var rg4js: RaygunV2;
+import rg4js, { RaygunStatic } from 'raygun4js';
 
 rg4js("apiKey", "api-key");
 rg4js("enableCrashReporting", true);
@@ -13,16 +12,25 @@ rg4js('setUser', {
     fullName: "Robert Raygun"
 });
 
+try {
+    throw new Error('oops');
+} catch (e) {
+    rg4js('send', e);
+}
+
 // V1 Api
-var client: RaygunStatic = Raygun.noConflict();
-var newClient: RaygunStatic = client.constructNewRaygun();
+// Used in non CommonJS enviroments
+declare const Raygun: RaygunStatic;
+
+const client: RaygunStatic = Raygun.noConflict();
+const newClient: RaygunStatic = client.constructNewRaygun();
 
 client.init('api-key');
 client.init('api-key', { allowInsecureSubmissions: true, disablePulse: false });
 client.init('api-key', { allowInsecureSubmissions: true, disablePulse: false }, { some: 'data' });
 
 client.withCustomData({ some: 'data' });
-client.withCustomData(function() {
+client.withCustomData(() => {
     return { some: 'data' };
 });
 
@@ -36,8 +44,7 @@ client.send(new Error('a error'), { some: 'data' }, ['tag1', 'tag2']);
 
 try {
     throw new Error('oops');
-}
-catch (e) {
+} catch (e) {
     client.send(e);
 }
 
@@ -57,7 +64,7 @@ client.setFilterScope('all');
 
 client.whitelistCrossOriginDomains(['domain1', 'domain2']);
 
-client.onBeforeSend(payload=> {
+client.onBeforeSend(payload => {
     payload.OccurredOn = new Date();
     return payload;
 });
diff --git a/types/raygun4js/tslint.json b/types/raygun4js/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/raygun4js/tslint.json
+++ b/types/raygun4js/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/rc-progress/README.md b/types/rc-progress/README.md
new file mode 100644
index 0000000000..a28d0e1a3b
--- /dev/null
+++ b/types/rc-progress/README.md
@@ -0,0 +1,18 @@
+# Installation
+
+```
+npm install --save @types/rc-progress`
+```
+
+# Summary
+
+This package contains type definitions for [rc-progress](https://github.com/react-component/progress).
+
+Additional Details
+ * Last updated: Thu, 15 Nov 2018
+ * Dependencies: react
+ * Global values: none
+
+# Credits
+
+These definitions were written by Jussi Kinnula <https://github.com/jussikinnula/>
diff --git a/types/rc-progress/index.d.ts b/types/rc-progress/index.d.ts
new file mode 100644
index 0000000000..11385813fa
--- /dev/null
+++ b/types/rc-progress/index.d.ts
@@ -0,0 +1,42 @@
+// Type definitions for rc-progress 2.2
+// Project: https://github.com/react-component/progress
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+export interface CommonProps {
+  className?: string;
+  percent?: number | string;
+  prefixCls?: string;
+  strokeColor?: string;
+  strokeLinecap?: 'butt' | 'square' | 'round';
+  strokeWidth?: number | string;
+  style?: React.CSSProperties[] | React.CSSProperties;
+  trailColor?: string;
+  trailWidth?: number | string;
+}
+
+export interface CircleProps extends CommonProps {
+  gapDegree?: number;
+  gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+export class Circle extends React.Component<CircleProps> {
+  prevTimeStamp?: number;
+
+  getPathStyles(): {
+    pathString: string;
+    trailPathStyle: React.CSSProperties[] | React.CSSProperties;
+    strokePathStyle: React.CSSProperties[] | React.CSSProperties;
+  };
+}
+
+export interface LineProps extends CommonProps {
+  prevTimeStamp?: number;
+}
+
+export class Line extends React.Component<LineProps> {
+  path?: SVGPathElement;
+}
diff --git a/types/rc-progress/rc-progress-tests.tsx b/types/rc-progress/rc-progress-tests.tsx
new file mode 100644
index 0000000000..e1eabfae2f
--- /dev/null
+++ b/types/rc-progress/rc-progress-tests.tsx
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Line, Circle } from 'rc-progress';
+
+const App = () => (
+  <div>
+    <Line percent="10" strokeWidth="4" strokeColor="#D3D3D3" />
+    <Circle percent="10" strokeWidth="4" strokeColor="#D3D3D3" />
+  </div>
+);
+
+const element = document.createElement('div');
+document.body.appendChild(element);
+ReactDOM.render(<App />, element);
diff --git a/types/mali/tsconfig.json b/types/rc-progress/tsconfig.json
similarity index 58%
rename from types/mali/tsconfig.json
rename to types/rc-progress/tsconfig.json
index 1a4f86d02c..e7ef670b66 100644
--- a/types/mali/tsconfig.json
+++ b/types/rc-progress/tsconfig.json
@@ -1,19 +1,25 @@
 {
+  "files": [
+    "index.d.ts",
+    "rc-progress-tests.tsx"
+  ],
   "compilerOptions": {
     "module": "commonjs",
-    "lib": ["es6"],
+    "lib": [
+      "es6",
+      "dom"
+    ],
     "noImplicitAny": true,
     "noImplicitThis": true,
     "strictNullChecks": true,
     "strictFunctionTypes": true,
     "baseUrl": "../",
-    "typeRoots": ["../"],
+    "typeRoots": [
+      "../"
+    ],
     "types": [],
     "noEmit": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "files": [
-    "index.d.ts",
-    "mali-tests.ts"
-	]
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve"
+  }
 }
diff --git a/types/rc-progress/tslint.json b/types/rc-progress/tslint.json
new file mode 100644
index 0000000000..b4b47a0378
--- /dev/null
+++ b/types/rc-progress/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
diff --git a/types/rc-time-picker/index.d.ts b/types/rc-time-picker/index.d.ts
new file mode 100644
index 0000000000..62f6a7711a
--- /dev/null
+++ b/types/rc-time-picker/index.d.ts
@@ -0,0 +1,54 @@
+// Type definitions for rc-time-picker 3.4
+// Project: http://github.com/react-component/time-picker
+// Definitions by: Frithjof Winkelmann <https://github.com/Hoff97>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as moment from "moment";
+import * as React from 'react';
+
+interface TimePickerProps {
+    prefixCls: string;
+    clearText: string;
+    disabled: boolean;
+    allowEmpty: boolean;
+    open: boolean;
+    defaultValue: moment.Moment;
+    defaultOpenValue: moment.Moment;
+    value: moment.Moment;
+    placeholder: string;
+    className: string;
+    id: string;
+    popupClassName: string;
+    showHour: boolean;
+    showMinute: boolean;
+    showSecond: boolean;
+    format: string;
+    disabledHours: () => number[];
+    disabledMinutes: (hour: number) => number[];
+    disabledSeconds: (hour: number, minute: number) => number[];
+    use12Hours: boolean;
+    hideDisabledOptions: boolean;
+    onChange: (value: moment.Moment) => void;
+    addon: (timepicker: TimePicker) => JSX.Element;
+    placement: string;
+    transitionName: string;
+    onOpen: (state: { open: boolean }) => void;
+    onClose: (state: { open: boolean }) => void;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    focusOnOpen: boolean;
+    inputReadOnly: boolean;
+    inputIcon: React.ReactNode;
+    clearIcon: React.ReactNode;
+}
+
+declare class TimePicker extends React.Component<Partial<TimePickerProps>> {
+    constructor(props: Readonly<Partial<TimePickerProps>>)
+
+    close(): void;
+    isAM(): boolean;
+}
+
+export = TimePicker;
diff --git a/types/rc-time-picker/rc-time-picker-tests.tsx b/types/rc-time-picker/rc-time-picker-tests.tsx
new file mode 100644
index 0000000000..7f0ea63e9c
--- /dev/null
+++ b/types/rc-time-picker/rc-time-picker-tests.tsx
@@ -0,0 +1,10 @@
+import TimePicker from 'rc-time-picker';
+import * as React from 'react';
+import moment from 'moment';
+
+<TimePicker
+    value={moment()}
+    onChange={(value: moment.Moment) => {}}
+    placeholder={'Input time'}
+    showSecond={false}
+    onOpen={({open}: { open: boolean }) => {}}/>;
diff --git a/types/rc-time-picker/tsconfig.json b/types/rc-time-picker/tsconfig.json
new file mode 100644
index 0000000000..adda4c82bb
--- /dev/null
+++ b/types/rc-time-picker/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "esModuleInterop": true
+    },
+    "files": [
+        "index.d.ts",
+        "rc-time-picker-tests.tsx"
+    ]
+}
diff --git a/types/rc-time-picker/tslint.json b/types/rc-time-picker/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/rc-time-picker/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/rc-tooltip/index.d.ts b/types/rc-tooltip/index.d.ts
index e752404f21..78a1fb63fb 100644
--- a/types/rc-tooltip/index.d.ts
+++ b/types/rc-tooltip/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for rc-tooltip v3.4.2
+// Type definitions for rc-tooltip 3.7
 // Project: https://github.com/react-component/tooltip
-// Definitions by: rhysd <https://rhysd.github.io>
-//                 ahstro <http://ahst.ro>
+// Definitions by: rhysd <https://github.com/rhysd>
+//                 ahstro <https://github.com/ahstro>
+//                 vsaarinen <https://github.com/vsaarinen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -24,6 +25,7 @@ declare namespace RCTooltip {
 		prefixCls?: string;
 		transitionName?: string;
 		onVisibleChange?: (visible?: boolean) => void;
+		afterVisibleChange?: (visible?: boolean) => void;
 		visible?: boolean;
 		defaultVisible?: boolean;
 		placement?: Placement | Object;
@@ -33,6 +35,7 @@ declare namespace RCTooltip {
 		arrowContent?: React.ReactNode;
 		getTooltipContainer?: () => Element;
 		destroyTooltipOnHide?: boolean;
+		id?: string;
 	}
 }
 
diff --git a/types/rc-tooltip/rc-tooltip-tests.tsx b/types/rc-tooltip/rc-tooltip-tests.tsx
index 06b230a55b..7219d8579b 100644
--- a/types/rc-tooltip/rc-tooltip-tests.tsx
+++ b/types/rc-tooltip/rc-tooltip-tests.tsx
@@ -28,12 +28,14 @@ ReactDOM.render(
         prefixCls="my-"
         transitionName="cool-transition"
         onVisibleChange={() => console.log('visible changed')}
+        afterVisibleChange={() => console.log('after visible changed')}
         visible
         defaultVisible
         onPopupAlign={(popup, align) => console.log('aligned:', popup, align)}
         arrowContent={<div className="arrow"/>}
         getTooltipContainer={() => document.querySelector('.foo')}
         destroyTooltipOnHide
+        id="tooltip-id"
     >
         <a href='#'>hover</a>
     </Tooltip>,
diff --git a/types/rc-tooltip/tslint.json b/types/rc-tooltip/tslint.json
index a41bf5d19a..a0357daa61 100644
--- a/types/rc-tooltip/tslint.json
+++ b/types/rc-tooltip/tslint.json
@@ -7,7 +7,6 @@
         "ban-types": false,
         "callable-types": false,
         "comment-format": false,
-        "dt-header": false,
         "eofline": false,
         "export-just-namespace": false,
         "import-spacing": false,
diff --git a/types/rdf-data-model/index.d.ts b/types/rdf-data-model/index.d.ts
index 9c15063eee..ea82a0e8f7 100644
--- a/types/rdf-data-model/index.d.ts
+++ b/types/rdf-data-model/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/rdf-ext/rdf-data-model
 // Definitions by: Ruben Taelman <https://github.com/rubensworks>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import * as RDF from "rdf-js";
 
diff --git a/types/rdf-data-model/tslint.json b/types/rdf-data-model/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/rdf-data-model/tslint.json
+++ b/types/rdf-data-model/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/rdf-js/index.d.ts b/types/rdf-js/index.d.ts
index 9911043b48..964f042134 100644
--- a/types/rdf-js/index.d.ts
+++ b/types/rdf-js/index.d.ts
@@ -1,7 +1,9 @@
-// Type definitions for the RDFJS specification 1.0
+// Type definitions for the RDFJS specification 2.0
 // Project: https://github.com/rdfjs/representation-task-force
 // Definitions by: Ruben Taelman <https://github.com/rubensworks>
+//                 Laurens Rietveld <https://github.com/LaurensRietveld>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
@@ -12,32 +14,19 @@ import { EventEmitter } from "events";
 /* https://github.com/rdfjs/representation-task-force/blob/master/interface-spec.md#data-interfaces */
 
 /**
- * Abstract interface for RDF terms (subject, predicate, object or graph).
+ * Contains an Iri, RDF blank Node, RDF literal, variable name, or a default graph
+ * @see NamedNode
+ * @see BlankNode
+ * @see Literal
+ * @see Variable
+ * @see DefaultGraph
  */
-export interface Term {
-    /**
-     * Contains a value that identifies the concrete interface of the term,
-     * since Term itself is not directly instantiated.
-     *
-     * Possible values include "NamedNode", "BlankNode", "Literal", "Variable" and "DefaultGraph".
-     */
-    termType: "NamedNode" | "BlankNode" | "Literal" | "Variable" | "DefaultGraph";
-    /**
-     * Refined by each interface which extends Term
-     */
-    value: string;
-
-    /**
-     * @param other The term to compare with.
-     * @return If the termType is equal and the contents are equal (as defined by concrete subclasses).
-     */
-    equals(other: Term): boolean;
-}
+export type Term = NamedNode | BlankNode | Literal | Variable | DefaultGraph;
 
 /**
  * Contains an IRI.
  */
-export interface NamedNode extends Term {
+export interface NamedNode {
     /**
      * Contains the constant "NamedNode".
      */
@@ -57,7 +46,7 @@ export interface NamedNode extends Term {
 /**
  * Contains an RDF blank node.
  */
-export interface BlankNode extends Term {
+export interface BlankNode {
     /**
      * Contains the constant "BlankNode".
      */
@@ -80,7 +69,7 @@ export interface BlankNode extends Term {
 /**
  * An RDF literal, containing a string with an optional language tag and/or datatype.
  */
-export interface Literal extends Term {
+export interface Literal {
     /**
      * Contains the constant "Literal".
      */
@@ -111,7 +100,7 @@ export interface Literal extends Term {
 /**
  * A variable name.
  */
-export interface Variable extends Term {
+export interface Variable {
     /**
      * Contains the constant "Variable".
      */
@@ -132,7 +121,7 @@ export interface Variable extends Term {
  * An instance of DefaultGraph represents the default graph.
  * It's only allowed to assign a DefaultGraph to the .graph property of a Quad.
  */
-export interface DefaultGraph extends Term {
+export interface DefaultGraph {
     /**
      * Contains the constant "DefaultGraph".
      */
@@ -149,45 +138,101 @@ export interface DefaultGraph extends Term {
     equals(other: Term): boolean;
 }
 
+/**
+ * The subject, which is a NamedNode, BlankNode or Variable.
+ * @see NamedNode
+ * @see BlankNode
+ * @see Variable
+ */
+export type Quad_Subject = NamedNode | BlankNode | Variable;
+
+/**
+ * The predicate, which is a NamedNode or Variable.
+ * @see NamedNode
+ * @see Variable
+ */
+export type Quad_Predicate = NamedNode | Variable;
+
+/**
+ * The object, which is a NamedNode, Literal, BlankNode or Variable.
+ * @see NamedNode
+ * @see Literal
+ * @see BlankNode
+ * @see Variable
+ */
+export type Quad_Object = NamedNode | Literal | BlankNode | Variable;
+
+/**
+ * The named graph, which is a DefaultGraph, NamedNode, BlankNode or Variable.
+ * @see DefaultGraph
+ * @see NamedNode
+ * @see BlankNode
+ * @see Variable
+ */
+export type Quad_Graph = DefaultGraph | NamedNode | BlankNode | Variable;
+
+/**
+ * An RDF quad, taking any Term in its positions, containing the subject, predicate, object and graph terms.
+ */
+export interface BaseQuad {
+  /**
+   * The subject.
+   * @see Quad_Subject
+   */
+  subject: Term;
+  /**
+   * The predicate.
+   * @see Quad_Predicate
+   */
+  predicate: Term;
+  /**
+   * The object.
+   * @see Quad_Object
+   */
+  object: Term;
+  /**
+   * The named graph.
+   * @see Quad_Graph
+   */
+  graph: Term;
+
+  /**
+   * @param other The term to compare with.
+   * @return True if and only if the argument is a) of the same type b) has all components equal.
+   */
+  equals(other: BaseQuad): boolean;
+}
+
 /**
  * An RDF quad, containing the subject, predicate, object and graph terms.
  */
-export interface Quad {
+export interface Quad extends BaseQuad {
     /**
-     * The subject, which is a NamedNode, BlankNode or Variable.
-     * @see NamedNode
-     * @see BlankNode
-     * @see Variable
+     * The subject.
+     * @see Quad_Subject
      */
-    subject: Term;
+    subject: Quad_Subject;
     /**
-     * The predicate, which is a NamedNode or Variable.
-     * @see NamedNode
-     * @see Variable
+     * The predicate.
+     * @see Quad_Predicate
      */
-    predicate: Term;
+    predicate: Quad_Predicate;
     /**
-     * The object, which is a NamedNode, Literal, BlankNode or Variable.
-     * @see NamedNode
-     * @see Literal
-     * @see BlankNode
-     * @see Variable
+     * The object.
+     * @see Quad_Object
      */
-    object: Term;
+    object: Quad_Object;
     /**
-     * The named graph, which is a DefaultGraph, NamedNode, BlankNode or Variable.
-     * @see DefaultGraph
-     * @see NamedNode
-     * @see BlankNode
-     * @see Variable
+     * The named graph.
+     * @see Quad_Graph
      */
-    graph: Term;
+    graph: Quad_Graph;
 
     /**
      * @param other The term to compare with.
      * @return True if and only if the argument is a) of the same type b) has all components equal.
      */
-    equals(other: Quad): boolean;
+    equals(other: BaseQuad): boolean;
 }
 
 /**
@@ -252,7 +297,7 @@ export interface DataFactory {
      * @see Triple
      * @see DefaultGraph
      */
-    triple(subject: Term, predicate: Term, object: Term): Quad;
+    triple<Q extends BaseQuad = Quad>(subject: Q['subject'], predicate: Q['predicate'], object: Q['object']): Q;
 
     /**
      * @param subject   The quad subject term.
@@ -262,7 +307,7 @@ export interface DataFactory {
      * @return A new instance of Quad.
      * @see Quad
      */
-    quad(subject: Term, predicate: Term, object: Term, graph?: Term): Quad;
+    quad<Q extends BaseQuad = Quad>(subject: Q['subject'], predicate: Q['predicate'], object: Q['object'], graph?: Q['graph']): Q;
 }
 
 /* Stream Interfaces */
@@ -281,14 +326,14 @@ export interface DataFactory {
  * Optional events:
  * * prefix(prefix: string, iri: RDF.NamedNode): This event is emitted every time a prefix is mapped to some IRI.
  */
-export interface Stream extends EventEmitter {
+export interface Stream<Q extends BaseQuad = Quad> extends EventEmitter {
     /**
      * This method pulls a quad out of the internal buffer and returns it.
      * If there is no quad available, then it will return null.
      *
      * @return A quad from the internal buffer, or null if none is available.
      */
-    read(): Quad;
+    read(): Q;
 }
 
 /**
@@ -298,7 +343,7 @@ export interface Stream extends EventEmitter {
  *
  * For example, parsers and transformations which generate quads can implement the Source interface.
  */
-export interface Source {
+export interface Source<Q extends BaseQuad = Quad> {
     /**
      * Returns a stream that processes all quads matching the pattern.
      *
@@ -308,8 +353,7 @@ export interface Source {
      * @param graph     The optional exact graph or graph regex to match.
      * @return The resulting quad stream.
      */
-    match(subject?: Term | RegExp, predicate?: Term | RegExp, object?: Term | RegExp, graph?: Term | RegExp)
-        : Stream;
+    match(subject?: Term | RegExp, predicate?: Term | RegExp, object?: Term | RegExp, graph?: Term | RegExp): Stream<Q>;
 }
 
 /**
@@ -319,7 +363,7 @@ export interface Source {
  *
  * For example parsers, serializers, transformations and stores can implement the Sink interface.
  */
-export interface Sink {
+export interface Sink<Q extends BaseQuad = Quad> {
     /**
      * Consumes the given stream.
      *
@@ -330,7 +374,7 @@ export interface Sink {
      * @param stream The stream that will be consumed.
      * @return The resulting event emitter.
      */
-    import(stream: Stream): EventEmitter;
+    import(stream: Stream<Q>): EventEmitter;
 }
 
 /**
@@ -341,7 +385,7 @@ export interface Sink {
  *
  * Access to stores LDP or SPARQL endpoints can be implemented with a Store inteface.
  */
-export interface Store extends Source, Sink {
+export interface Store<Q extends BaseQuad = Quad> extends Source, Sink {
     /**
      * Removes all streamed quads.
      *
@@ -351,7 +395,7 @@ export interface Store extends Source, Sink {
      * @param stream The stream that will be consumed.
      * @return The resulting event emitter.
      */
-    remove(stream: Stream): EventEmitter;
+    remove(stream: Stream<Q>): EventEmitter;
 
     /**
      * All quads matching the pattern will be removed.
@@ -377,5 +421,5 @@ export interface Store extends Source, Sink {
      * @param graph The graph term or string to match.
      * @return The resulting event emitter.
      */
-    deleteGraph(graph: Term | string): EventEmitter;
+    deleteGraph(graph: Q['graph'] | string): EventEmitter;
 }
diff --git a/types/rdf-js/rdf-js-tests.ts b/types/rdf-js/rdf-js-tests.ts
index 5dad2d1ce9..12b92b952d 100644
--- a/types/rdf-js/rdf-js-tests.ts
+++ b/types/rdf-js/rdf-js-tests.ts
@@ -1,5 +1,5 @@
-import { BlankNode, DataFactory, DefaultGraph, Literal, NamedNode, Quad, Sink, Source, Store, Stream, Triple, Term,
-  Variable } from "rdf-js";
+import { BlankNode, DataFactory, DefaultGraph, Literal, NamedNode, Quad, BaseQuad, Sink, Source, Store, Stream, Triple, Term,
+  Variable, Quad_Graph } from "rdf-js";
 import { EventEmitter } from "events";
 
 function test_terms() {
@@ -7,6 +7,9 @@ function test_terms() {
     // so this does not have to be functional.
     const someTerm: Term = <any> {};
 
+    if (someTerm.termType === 'Literal') {
+      console.log(someTerm.datatype);
+    }
     const namedNode: NamedNode = <any> {};
     const termType1: string = namedNode.termType;
     const value1: string = namedNode.value;
@@ -66,9 +69,16 @@ function test_datafactory() {
 
     const variable: Variable = dataFactory.variable ? dataFactory.variable('v1') : <any> {};
 
-    const term: Term = <any> {};
+    const term: NamedNode = <any> {};
     const triple: Quad = dataFactory.triple(term, term, term);
-    const quad: Quad = dataFactory.quad(term, term, term, term);
+    interface QuadBnode extends BaseQuad {
+      subject: Term;
+      predicate: Term;
+      object: Term;
+      graph: Term;
+    }
+    const quad = dataFactory.quad<QuadBnode>(literal1, blankNode1, term, term);
+    const hasBnode = quad.predicate.termType === "BlankNode";
 }
 
 function test_stream() {
@@ -88,6 +98,7 @@ function test_stream() {
     const matchStream9: Stream = source.match(term, term, term, /.*/);
 
     const sink: Sink = <any> {};
+    const graph: Quad_Graph = <any> {};
     const eventEmitter1: EventEmitter = sink.import(stream);
 
     const store: Store = <any> {};
@@ -103,6 +114,6 @@ function test_stream() {
     const eventEmitter9: EventEmitter = store.removeMatches(term, term, /.*/);
     const eventEmitter10: EventEmitter = store.removeMatches(term, term, term, term);
     const eventEmitter11: EventEmitter = store.removeMatches(term, term, term, /.*/);
-    const eventEmitter12: EventEmitter = store.deleteGraph(term);
+    const eventEmitter12: EventEmitter = store.deleteGraph(graph);
     const eventEmitter13: EventEmitter = store.deleteGraph('http://example.org');
 }
diff --git a/types/rdf-js/tslint.json b/types/rdf-js/tslint.json
index 3db14f85ea..4671311f51 100644
--- a/types/rdf-js/tslint.json
+++ b/types/rdf-js/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "no-angle-bracket-type-assertion": false
+  }
+}
diff --git a/types/reach__router/index.d.ts b/types/reach__router/index.d.ts
index e61e9e15ad..ed3a6ff649 100644
--- a/types/reach__router/index.d.ts
+++ b/types/reach__router/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for @reach/router 1.0
+// Type definitions for @reach/router 1.2
 // Project: https://github.com/reach/router
 // Definitions by: Kingdaro <https://github.com/kingdaro>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -8,22 +8,31 @@ import * as React from "react";
 import { Location as HLocation } from "history";
 export type WindowLocation = Window["location"] & HLocation;
 
+export type HistoryActionType = "PUSH" | "POP";
+export type HistoryLocation = WindowLocation & { state?: any };
+export interface HistoryListenerParameter {
+	location: HistoryLocation;
+	action: HistoryActionType;
+}
+export type HistoryListener = (parameter: HistoryListenerParameter) => void;
+export type HistoryUnsubscribe = () => void;
+
 export interface History {
-    readonly location: string;
+    readonly location: HistoryLocation;
     readonly transitioning: boolean;
     listen: (listener: HistoryListener) => HistoryUnsubscribe;
     navigate: NavigateFn;
 }
 
-export type HistoryListener = () => void;
-export type HistoryUnsubscribe = () => void;
-
-export class Router extends React.Component<RouterProps> {}
+export class Router extends React.Component<
+  RouterProps & React.HTMLProps<HTMLDivElement>
+> {}
 
 export interface RouterProps {
     basepath?: string;
     primary?: boolean;
     location?: WindowLocation;
+    component?: React.ComponentType | string;
 }
 
 export type RouteComponentProps<TParams = {}> = Partial<TParams> & {
@@ -38,11 +47,11 @@ export type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
 
 export type AnchorProps = Omit<
     React.DetailedHTMLProps<
-        React.AnchorHTMLAttributes<HTMLAnchorElement>,
-        HTMLAnchorElement
+    React.AnchorHTMLAttributes<HTMLAnchorElement>,
+    HTMLAnchorElement
     >,
     "href" // remove href, as it's ignored by the router
->;
+    >;
 
 export interface LinkProps<TState> extends AnchorProps {
     to?: string;
@@ -58,7 +67,7 @@ export interface LinkGetProps {
     location: WindowLocation;
 }
 
-export class Link<TState> extends React.Component<LinkProps<TState>> {}
+export class Link<TState> extends React.Component<LinkProps<TState>> { }
 
 export interface RedirectProps<TState> {
     from?: string;
@@ -68,7 +77,7 @@ export interface RedirectProps<TState> {
     replace?: boolean;
 }
 
-export class Redirect<TState> extends React.Component<RedirectProps<TState>> {}
+export class Redirect<TState> extends React.Component<RedirectProps<TState>> { }
 
 export interface MatchProps<TParams> {
     path: string;
@@ -85,7 +94,7 @@ export interface MatchRenderProps<TParams> {
     navigate: NavigateFn;
 }
 
-export class Match<TParams> extends React.Component<MatchProps<TParams>> {}
+export class Match<TParams> extends React.Component<MatchProps<TParams>> { }
 
 export type NavigateFn = (to: string, options?: NavigateOptions<{}>) => void;
 
@@ -98,7 +107,7 @@ export interface LocationProps {
     children: LocationProviderRenderFn;
 }
 
-export class Location extends React.Component<LocationProps> {}
+export class Location extends React.Component<LocationProps> { }
 
 export interface LocationProviderProps {
     history: History;
@@ -114,13 +123,13 @@ export interface LocationContext {
     navigate: NavigateFn;
 }
 
-export class LocationProvider extends React.Component<LocationProviderProps> {}
+export class LocationProvider extends React.Component<LocationProviderProps> { }
 
 export interface ServerLocationProps {
     url: string;
 }
 
-export class ServerLocation extends React.Component<ServerLocationProps> {}
+export class ServerLocation extends React.Component<ServerLocationProps> { }
 
 export const navigate: NavigateFn;
 
@@ -146,3 +155,5 @@ export interface RedirectRequest {
 export function isRedirect(error: any): error is RedirectRequest;
 
 export function redirectTo(uri: string): void;
+
+export const globalHistory: History;
diff --git a/types/reach__router/reach__router-tests.tsx b/types/reach__router/reach__router-tests.tsx
index 0cada3367d..a64e1ae70d 100644
--- a/types/reach__router/reach__router-tests.tsx
+++ b/types/reach__router/reach__router-tests.tsx
@@ -4,9 +4,9 @@ import {
     RouteComponentProps,
     Router,
     Redirect
-} from "@reach/router";
-import * as React from "react";
-import { render } from "react-dom";
+} from '@reach/router';
+import * as React from 'react';
+import { render } from 'react-dom';
 
 interface DashParams {
     id: string;
@@ -21,24 +21,30 @@ const Dash = (props: RouteComponentProps<DashParams>) => (
 const NotFound = (props: RouteComponentProps) => <div>Route not found</div>;
 
 render(
-    <Router>
+    <Router className="my-class">
+        <Router component="div">
+            <Home path="/" />
+        </Router>
+        <Router component={Home}>
+            <Home path="/" />
+        </Router>
         <Home path="/" />
         <Dash path="/default/:id" />
         <NotFound default />
 
         <Link to="/somepath" rel="noopener noreferrer" target="_blank" />
-        <Redirect to="/somepath" replace={false} state={{ from: "/" }} />
+        <Redirect to="/somepath" replace={false} state={{ from: '/' }} />
 
         <Location>
             {context => (
                 <>
                     <div>hostname is {context.location.hostname}</div>
-                    <button onClick={() => context.navigate("/")}>
+                    <button onClick={() => context.navigate('/')}>
                         Go Home
                     </button>
                 </>
             )}
         </Location>
     </Router>,
-    document.getElementById("app-root")
+    document.getElementById('app-root')
 );
diff --git a/types/react-addons-test-utils/index.d.ts b/types/react-addons-test-utils/index.d.ts
index 0531c5e3f6..19df32f3dc 100644
--- a/types/react-addons-test-utils/index.d.ts
+++ b/types/react-addons-test-utils/index.d.ts
@@ -160,11 +160,11 @@ declare namespace TestUtils {
         root: Component<any>,
         tagName: string): Element;
 
-    export function scryRenderedComponentsWithType<T extends Component<{}>, C extends ComponentClass<{}>>(
+    export function scryRenderedComponentsWithType<T extends Component<any>, C extends ComponentClass<any>>(
         root: Component<any>,
         type: ClassType<any, T, C>): T[];
 
-    export function findRenderedComponentWithType<T extends Component<{}>, C extends ComponentClass<{}>>(
+    export function findRenderedComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
         root: Component<any>,
         type: ClassType<any, T, C>): T;
 
diff --git a/types/react-alert/index.d.ts b/types/react-alert/index.d.ts
index 3814b7f29f..6c94da77b0 100644
--- a/types/react-alert/index.d.ts
+++ b/types/react-alert/index.d.ts
@@ -1,110 +1,97 @@
-// Type definitions for react-alert 2.4
+// Type definitions for react-alert 4.0
 // Project: https://github.com/schiehll/react-alert
-// Definitions by: Steve Syrell <https://github.com/ssyrell>
+// Definitions by: Yue Yang <https://github.com/g1eny0ung>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-import * as React from "react";
+import * as React from 'react';
 
-export interface AlertContainerProps {
-    /**
-     * The offset of the alert from the page border, can be any number.
-     *
-     * Default: 14.
-     */
-    offset: number;
+export type AlertPosition =
+    | 'top left'
+    | 'top right'
+    | 'top center'
+    | 'bottom left'
+    | 'bottom right'
+    | 'bottom center';
 
-    /**
-     * The position of the alert. Can be [bottom left, bottom right, top left, top right].
-     *
-     * Default: 'bottom left'
-     */
-    position: string;
+export type AlertType = 'info' | 'success' | 'error';
+export type AlertTransition = 'fade' | 'scale';
 
+export interface ProviderOptions {
     /**
-     * The color theme of the alert. Can be [dark, light].
+     * The margin of each alert
      *
-     * Default: 'dark'
+     * Default value: '10px'
      */
-    theme: string;
-
+    offset?: string;
     /**
-     * The time in milliseconds the alert is displayed. After this
-     * time ellapses, the alert will close itself. Use 0 to prevent self-closure
-     * (applies to all alerts).
+     * The position of the alerts in the page
      *
-     * Default: 5000
+     * Default value: 'top center'
      */
-    time: number;
-
+    position?: AlertPosition;
     /**
-     * The transition animation. Can be [scale, fade].
+     * Timeout to alert remove itself, if  set to 0 it never removes itself
      *
-     * Default: 'scale'
+     * Default value: 0
      */
-    transition: string;
+    timeout?: number;
+    /**
+     * The default alert type used when calling this.props.alert.show
+     *
+     * Default value: 'info'
+     */
+    type?: AlertType;
+    /**
+     * The transition animation
+     *
+     * Default value: 'fade'
+     */
+    transition?: AlertTransition;
+    /**
+     * The z-index of alerts
+     *
+     * Default value: 100
+     */
+    zIndex?: number;
 }
 
-export interface AlertShowOptions {
-    /**
-     * The time in milliseconds the alert is displayed. After this
-     * time ellapses, the alert will close itself. Use 0 to prevent self-closure.
-     */
-    time?: number;
+export class Provider extends React.Component<ProviderOptions & {
+    template: React.ComponentType
+}> {}
 
-    /**
-     * The icon to show in the alert.
-     *
-     * Default: the icon which matches the type of alert to be shown.
-     */
-    icon?: React.ReactNode;
+export const Alert: React.Consumer<InjectedAlertProp>;
 
+export interface AlertCustomOptions {
     /**
-     * A callback function that will be called when the alert is closed.
+     * Custom timeout just for this one alert
      */
-    onClose?: () => void;
-
+    timeout?: number;
     /**
-     * The type of alert to show. This will only be used when calling show().
-     * Can be [info, success, error].
-     *
-     * Default: 'info'
+     * Callback that will be executed after this alert open
      */
-    type?: string;
+    onOpen?(): undefined;
+    /**
+     * Callback that will be executed after this alert is removed
+     */
+    onClose?(): undefined;
 }
 
-export default class AlertContainer extends React.Component<AlertContainerProps> {
-    /**
-     * Show a success alert.
-     * @returns The id of the created alert.
-     */
-    success(message: string, options?: AlertShowOptions): string;
-
-    /**
-     * Show an error alert.
-     * @returns The id of the created alert.
-     */
-    error(message: string, options?: AlertShowOptions): string;
-
-    /**
-     * Show an info alert.
-     * @returns The id of the created alert.
-     */
-    info(message: string, options?: AlertShowOptions): string;
-
-    /**
-     * Show an alert.
-     * @returns The id of the created alert.
-     */
-    show(message: string, options?: AlertShowOptions): string;
-
-    /**
-     * Remove all alerts from the page.
-     */
-    removeAll(): void;
-
-    /**
-     * Removes the alert with the specified id from the page.
-     */
-    remove(id: string): void;
+export interface AlertCustomOptionsWithType extends AlertCustomOptions {
+    type?: AlertType;
 }
+
+export interface InjectedAlertProp {
+    show(
+        message?: string,
+        options?: AlertCustomOptionsWithType
+    ): InjectedAlertProp;
+    remove(alert: InjectedAlertProp): undefined;
+    success(message?: string, options?: AlertCustomOptions): InjectedAlertProp;
+    error(message?: string, options?: AlertCustomOptions): InjectedAlertProp;
+    info(message?: string, options?: AlertCustomOptions): InjectedAlertProp;
+}
+
+export function withAlert<P extends { alert: InjectedAlertProp }>(
+    c: React.ComponentType<P>
+): React.ComponentType<Pick<P, Exclude<keyof P, 'alert'>>>;
diff --git a/types/react-alert/react-alert-tests.tsx b/types/react-alert/react-alert-tests.tsx
index 84686ea73d..c6088a52a8 100644
--- a/types/react-alert/react-alert-tests.tsx
+++ b/types/react-alert/react-alert-tests.tsx
@@ -1,48 +1,91 @@
-import * as React from "react";
-import AlertContainer, { AlertContainerProps, AlertShowOptions } from "react-alert";
+import * as React from 'react';
+import {
+    Provider as AlertProvider,
+    Alert,
+    withAlert,
+    AlertPosition,
+    AlertTransition,
+    ProviderOptions,
+    InjectedAlertProp
+} from 'react-alert';
 
-export class ReactAlertTest extends React.Component {
-    private _alert: AlertContainer;
+class AppWithoutAlert extends React.Component<{ alert: InjectedAlertProp }> {
     render() {
-        const props: AlertContainerProps = {
-            offset: 14,
-            position: "bottom left",
-            theme: "dark",
-            time: 5000,
-            transition: "scale"
-        };
+        return (
+            <button
+                onClick={() => {
+                    this.props.alert.show('Oh look, an alert!');
+                }}
+            >
+                Show Alert
+            </button>
+        );
+    }
+}
+
+const App = withAlert(AppWithoutAlert);
+
+class AppAlert extends React.Component {
+    render() {
+        return (
+            <Alert>
+                {alert => (
+                    <button
+                        onClick={() => {
+                            alert.show('Oh look, an alert!');
+                        }}
+                    >
+                        Show Alert
+                    </button>
+                )}
+            </Alert>
+        );
+    }
+}
+
+class AlertTemplate extends React.Component<any> {
+    render() {
+        // the style contains only the margin given as offset
+        // options contains all alert given options
+        // message is the alert message...
+        // close is a function that closes the alert
+        const { style, options, message, close } = this.props;
 
         return (
-            <div>
-                <AlertContainer ref={a => this._alert = a as AlertContainer} {...props} />
+            <div style={style}>
+                {options.type === 'info' && '!'}
+                {options.type === 'success' && ':)'}
+                {options.type === 'error' && ':('}
+                {message}
+                <button onClick={close}>X</button>
             </div>
         );
     }
+}
 
-    private _testMethods(): void {
-        const options: AlertShowOptions = {
-            time: 5000,
-            type: "info",
-            onClose: this._onAlertClosed,
-            icon: <img src="path/to/some/image/32x32.png" />
-        };
+const options: ProviderOptions = {
+    position: 'bottom center' as AlertPosition,
+    timeout: 5000,
+    offset: '30px',
+    transition: 'scale' as AlertTransition
+};
 
-        let alertId: string;
-        alertId = this._alert.show("show without options");
-        alertId = this._alert.show("show with options", options);
-
-        alertId = this._alert.error("error without options");
-        alertId = this._alert.error("error with options", options);
-
-        alertId = this._alert.info("info without options");
-        alertId = this._alert.info("info with options", options);
+class Root extends React.Component {
+    render() {
+        return (
+            <AlertProvider template={AlertTemplate} {...options}>
+                <App />
+            </AlertProvider>
+        );
+    }
+}
 
-        alertId = this._alert.success("success without options");
-        alertId = this._alert.success("success with options", options);
-
-        this._alert.remove(alertId);
-        this._alert.removeAll();
+class RootAlert extends React.Component {
+    render() {
+        return (
+            <AlertProvider template={AlertTemplate} {...options}>
+                <AppAlert />
+            </AlertProvider>
+        );
     }
-
-    private _onAlertClosed(): void { }
 }
diff --git a/types/react-alert/v2/index.d.ts b/types/react-alert/v2/index.d.ts
new file mode 100644
index 0000000000..3814b7f29f
--- /dev/null
+++ b/types/react-alert/v2/index.d.ts
@@ -0,0 +1,110 @@
+// Type definitions for react-alert 2.4
+// Project: https://github.com/schiehll/react-alert
+// Definitions by: Steve Syrell <https://github.com/ssyrell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+export interface AlertContainerProps {
+    /**
+     * The offset of the alert from the page border, can be any number.
+     *
+     * Default: 14.
+     */
+    offset: number;
+
+    /**
+     * The position of the alert. Can be [bottom left, bottom right, top left, top right].
+     *
+     * Default: 'bottom left'
+     */
+    position: string;
+
+    /**
+     * The color theme of the alert. Can be [dark, light].
+     *
+     * Default: 'dark'
+     */
+    theme: string;
+
+    /**
+     * The time in milliseconds the alert is displayed. After this
+     * time ellapses, the alert will close itself. Use 0 to prevent self-closure
+     * (applies to all alerts).
+     *
+     * Default: 5000
+     */
+    time: number;
+
+    /**
+     * The transition animation. Can be [scale, fade].
+     *
+     * Default: 'scale'
+     */
+    transition: string;
+}
+
+export interface AlertShowOptions {
+    /**
+     * The time in milliseconds the alert is displayed. After this
+     * time ellapses, the alert will close itself. Use 0 to prevent self-closure.
+     */
+    time?: number;
+
+    /**
+     * The icon to show in the alert.
+     *
+     * Default: the icon which matches the type of alert to be shown.
+     */
+    icon?: React.ReactNode;
+
+    /**
+     * A callback function that will be called when the alert is closed.
+     */
+    onClose?: () => void;
+
+    /**
+     * The type of alert to show. This will only be used when calling show().
+     * Can be [info, success, error].
+     *
+     * Default: 'info'
+     */
+    type?: string;
+}
+
+export default class AlertContainer extends React.Component<AlertContainerProps> {
+    /**
+     * Show a success alert.
+     * @returns The id of the created alert.
+     */
+    success(message: string, options?: AlertShowOptions): string;
+
+    /**
+     * Show an error alert.
+     * @returns The id of the created alert.
+     */
+    error(message: string, options?: AlertShowOptions): string;
+
+    /**
+     * Show an info alert.
+     * @returns The id of the created alert.
+     */
+    info(message: string, options?: AlertShowOptions): string;
+
+    /**
+     * Show an alert.
+     * @returns The id of the created alert.
+     */
+    show(message: string, options?: AlertShowOptions): string;
+
+    /**
+     * Remove all alerts from the page.
+     */
+    removeAll(): void;
+
+    /**
+     * Removes the alert with the specified id from the page.
+     */
+    remove(id: string): void;
+}
diff --git a/types/react-alert/v2/react-alert-tests.tsx b/types/react-alert/v2/react-alert-tests.tsx
new file mode 100644
index 0000000000..84686ea73d
--- /dev/null
+++ b/types/react-alert/v2/react-alert-tests.tsx
@@ -0,0 +1,48 @@
+import * as React from "react";
+import AlertContainer, { AlertContainerProps, AlertShowOptions } from "react-alert";
+
+export class ReactAlertTest extends React.Component {
+    private _alert: AlertContainer;
+    render() {
+        const props: AlertContainerProps = {
+            offset: 14,
+            position: "bottom left",
+            theme: "dark",
+            time: 5000,
+            transition: "scale"
+        };
+
+        return (
+            <div>
+                <AlertContainer ref={a => this._alert = a as AlertContainer} {...props} />
+            </div>
+        );
+    }
+
+    private _testMethods(): void {
+        const options: AlertShowOptions = {
+            time: 5000,
+            type: "info",
+            onClose: this._onAlertClosed,
+            icon: <img src="path/to/some/image/32x32.png" />
+        };
+
+        let alertId: string;
+        alertId = this._alert.show("show without options");
+        alertId = this._alert.show("show with options", options);
+
+        alertId = this._alert.error("error without options");
+        alertId = this._alert.error("error with options", options);
+
+        alertId = this._alert.info("info without options");
+        alertId = this._alert.info("info with options", options);
+
+        alertId = this._alert.success("success without options");
+        alertId = this._alert.success("success with options", options);
+
+        this._alert.remove(alertId);
+        this._alert.removeAll();
+    }
+
+    private _onAlertClosed(): void { }
+}
diff --git a/types/react-alert/v2/tsconfig.json b/types/react-alert/v2/tsconfig.json
new file mode 100644
index 0000000000..47de249c7e
--- /dev/null
+++ b/types/react-alert/v2/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "react-alert": ["react-alert/v2"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-alert-tests.tsx"
+    ]
+}
diff --git a/types/react-alert/v2/tslint.json b/types/react-alert/v2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-alert/v2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-autosuggest/index.d.ts b/types/react-autosuggest/index.d.ts
index bd20cc3c0a..bc026dc0b7 100644
--- a/types/react-autosuggest/index.d.ts
+++ b/types/react-autosuggest/index.d.ts
@@ -54,7 +54,7 @@ declare namespace Autosuggest {
 
     interface InputProps<TSuggestion>
         extends Omit<React.InputHTMLAttributes<any>, 'onChange' | 'onBlur'> {
-        onChange(event: React.FormEvent<any>, params?: ChangeEvent): void;
+        onChange(event: React.FormEvent<any>, params: ChangeEvent): void;
         onBlur?(event: React.FormEvent<any>, params?: BlurEvent<TSuggestion>): void;
         value: string;
         [key: string]: any;
diff --git a/types/react-autosuggest/react-autosuggest-tests.tsx b/types/react-autosuggest/react-autosuggest-tests.tsx
index 60d995071b..a7015835de 100644
--- a/types/react-autosuggest/react-autosuggest-tests.tsx
+++ b/types/react-autosuggest/react-autosuggest-tests.tsx
@@ -70,13 +70,6 @@ export class ReactAutosuggestBasicTest extends React.Component<any, any> {
     // endregion region Rendering methods
     render(): JSX.Element {
         const {value, suggestions} = this.state;
-        const inputProps = {
-            placeholder: `Type 'c'`,
-            value,
-            onChange: this
-                .onChange
-                .bind(this)
-        };
 
         const theme = {
             input: 'themed-input-class',
@@ -94,7 +87,11 @@ export class ReactAutosuggestBasicTest extends React.Component<any, any> {
             renderSuggestion={this.renderSuggestion}
             onSuggestionSelected={this.onSuggestionsSelected}
             alwaysRenderSuggestions={true}
-            inputProps={inputProps}
+            inputProps={{
+                placeholder: `Type 'c'`,
+                value,
+                onChange: (e, changeEvent) => this.onChange(e, changeEvent),
+            }}
             theme={theme}/>;
     }
 
@@ -107,7 +104,7 @@ export class ReactAutosuggestBasicTest extends React.Component<any, any> {
         return <span className={className}>{suggestion.name}</span>;
     }
     // endregion region Event handlers
-    protected onChange(event: React.FormEvent<any>, {newValue, method}: any): void {
+    protected onChange(event: React.FormEvent<any>, {newValue, method}: Autosuggest.ChangeEvent): void {
         this.setState({value: newValue});
     }
 
@@ -192,13 +189,6 @@ export class ReactAutosuggestTypedTest extends React.Component<any, any> {
     // endregion region Rendering methods
     render(): JSX.Element {
         const {value, suggestions} = this.state;
-        const inputProps = {
-            placeholder: `Type 'c'`,
-            value,
-            onChange: this
-                .onChange
-                .bind(this)
-        };
 
         const theme = {
             input: 'themed-input-class',
@@ -216,7 +206,11 @@ export class ReactAutosuggestTypedTest extends React.Component<any, any> {
             renderSuggestion={this.renderSuggestion}
             onSuggestionSelected={this.onSuggestionsSelected}
             alwaysRenderSuggestions={true}
-            inputProps={inputProps}
+            inputProps={{
+                placeholder: `Type 'c'`,
+                value,
+                onChange: (e, changeEvent) => this.onChange(e, changeEvent),
+            }}
             theme={theme}/>;
     }
 
@@ -229,7 +223,7 @@ export class ReactAutosuggestTypedTest extends React.Component<any, any> {
         return <span className={className}>{suggestion.name}</span>;
     }
     // endregion region Event handlers
-    protected onChange(event: React.FormEvent<any>, {newValue, method}: any): void {
+    protected onChange(event: React.FormEvent<any>, {newValue, method}: Autosuggest.ChangeEvent): void {
         this.setState({value: newValue});
     }
 
@@ -352,13 +346,6 @@ export class ReactAutosuggestMultipleTest extends React.Component<any, any> {
     // endregion region Rendering methods
     render(): JSX.Element {
         const {value, suggestions} = this.state;
-        const inputProps = {
-            placeholder: `Type 'c'`,
-            value,
-            onChange: this
-                .onChange
-                .bind(this)
-        };
 
         return <LanguageAutosuggest
             multiSection={true}
@@ -375,7 +362,11 @@ export class ReactAutosuggestMultipleTest extends React.Component<any, any> {
             highlightFirstSuggestion={true}
             renderInputComponent={this.renderInputComponent}
             renderSuggestionsContainer={this.renderSuggestionsContainer}
-            inputProps={inputProps}/>;
+            inputProps={{
+                placeholder: `Type 'c'`,
+                value,
+                onChange: (e, changeEvent) => this.onChange(e, changeEvent),
+            }}/>;
     }
 
     protected onSuggestionSelected(event: React.FormEvent<any>, data: Autosuggest.SuggestionSelectedEventData<Language>): void {
@@ -393,9 +384,10 @@ export class ReactAutosuggestMultipleTest extends React.Component<any, any> {
     }
 
     protected renderInputComponent(inputProps: Autosuggest.InputProps<Language>): JSX.Element {
+        const { onChange, onBlur, ...restInputProps } = inputProps;
         return (
             <div>
-                <input {...inputProps} />
+                <input {...restInputProps} />
             </div>
         );
     }
@@ -408,7 +400,7 @@ export class ReactAutosuggestMultipleTest extends React.Component<any, any> {
         );
     }
     // endregion region Event handlers
-    protected onChange(event: React.FormEvent<any>, {newValue, method}: any): void {
+    protected onChange(event: React.FormEvent<any>, {newValue, method}: Autosuggest.ChangeEvent): void {
         this.setState({value: newValue});
     }
 
@@ -496,20 +488,17 @@ export class ReactAutosuggestCustomTest extends React.Component<any, any> {
     // endregion region Rendering methods
     render(): JSX.Element {
         const {value, suggestions} = this.state;
-        const inputProps = {
-            placeholder: "Type 'c'",
-            value,
-            onChange: this
-                .onChange
-                .bind(this)
-        };
 
         return<PersonAutosuggest
             suggestions={suggestions}
             onSuggestionsFetchRequested={this.onSuggestionsFetchRequested}
             getSuggestionValue={this.getSuggestionValue}
             renderSuggestion={this.renderSuggestion}
-            inputProps={inputProps}/>;
+            inputProps={{
+                placeholder: "Type 'c'",
+                value,
+                onChange: (e, changeEvent) => this.onChange(e, changeEvent),
+            }}/>;
     }
 
     protected renderSuggestion(suggestion: Person, params: Autosuggest.RenderSuggestionParams): JSX.Element {
@@ -538,7 +527,7 @@ export class ReactAutosuggestCustomTest extends React.Component<any, any> {
        </span>;
     }
     // endregion region Event handlers
-    protected onChange(event: React.FormEvent<any>, {newValue, method}: any): void {
+    protected onChange(event: React.FormEvent<any>, {newValue, method}: Autosuggest.ChangeEvent): void {
         this.setState({value: newValue});
     }
 
diff --git a/types/react-better-password/index.d.ts b/types/react-better-password/index.d.ts
new file mode 100644
index 0000000000..b07a4e840e
--- /dev/null
+++ b/types/react-better-password/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for react-better-password 1.0
+// Project: https://github.com/karaggeorge/react-better-password
+// Definitions by: Mary Huynh <https://github.com/mhuynh1>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+export interface PasswordProps {
+    className?: string;
+    mask?: '•' | string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    show?: boolean;
+    timeout?: number;
+    value?: string;
+}
+export default class Password extends React.Component<PasswordProps> { }
diff --git a/types/react-better-password/react-better-password-tests.tsx b/types/react-better-password/react-better-password-tests.tsx
new file mode 100644
index 0000000000..1aea80d250
--- /dev/null
+++ b/types/react-better-password/react-better-password-tests.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import Password from 'react-better-password';
+
+interface PasswordState {
+    password: string;
+}
+
+class ReactBetterPasswordTest extends React.Component<{}, PasswordState> {
+    state = {
+        password: "",
+    };
+
+    handlePw = (password: string) => {
+        this.setState({ password });
+    }
+
+    render() {
+        const { password } = this.state;
+        return (
+            <Password
+                className="password"
+                value={password}
+                onChange={this.handlePw}
+                placeholder="set a password"
+            />
+        );
+    }
+}
+export default ReactBetterPasswordTest;
diff --git a/types/react-better-password/tsconfig.json b/types/react-better-password/tsconfig.json
new file mode 100644
index 0000000000..2381541694
--- /dev/null
+++ b/types/react-better-password/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "jsx": "react",
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "forceConsistentCasingInFileNames": true,
+        "noEmit": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-better-password-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-better-password/tslint.json b/types/react-better-password/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-better-password/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-big-calendar/index.d.ts b/types/react-big-calendar/index.d.ts
index b4d23c1e49..790a5887cb 100644
--- a/types/react-big-calendar/index.d.ts
+++ b/types/react-big-calendar/index.d.ts
@@ -1,17 +1,27 @@
-// Type definitions for react-big-calendar 0.18
+// Type definitions for react-big-calendar 0.20
 // Project: https://github.com/intljusticemission/react-big-calendar
 // Definitions by: Piotr Witek <https://github.com/piotrwitek>
 //                 Austin Turner <https://github.com/paustint>
 //                 Krzysztof Bezrąk <https://github.com/pikpok>
 //                 Sebastian Silbermann <https://github.com/eps1lon>
 //                 Paul Potsides <https://github.com/strongpauly>
+//                 janb87 <https://github.com/janb87>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
-
+import { Validator } from 'prop-types';
 import * as React from 'react';
 
+export type DayPropGetter = (date: Date) => { className?: string, style?: React.CSSProperties };
+export type EventPropGetter<T> = (event: T, start: stringOrDate, end: stringOrDate, isSelected: boolean) => { className?: string, style?: React.CSSProperties };
+export type SlotPropGetter = (date: Date) => { className?: string, style?: React.CSSProperties };
 export type stringOrDate = string | Date;
+export type ViewKey = 'MONTH' | 'WEEK' | 'WORK_WEEK' | 'DAY' | 'AGENDA';
 export type View = 'month' | 'week' | 'work_week' | 'day' | 'agenda';
+export type Views = View[] | {
+    month: boolean | React.SFC | React.Component,
+    week: boolean | React.SFC | React.Component,
+    myweek: boolean | React.SFC | React.Component,
+};
 export type Navigate = 'PREV' | 'NEXT' | 'TODAY' | 'DATE';
 
 export type Event = object;
@@ -69,7 +79,7 @@ export interface Formats {
     /**
      * Toolbar header format for the Agenda view, e.g. "4/1/2015 — 5/1/2015"
      */
-    agendaHeaderFormat?: DateFormat;
+    agendaHeaderFormat?: DateRangeFormatFunction;
 
     /**
      * A time range format for selecting time slots, e.g "8:00am — 2:00pm"
@@ -97,23 +107,21 @@ export interface Formats {
 }
 
 export interface HeaderProps {
-    culture: BigCalendarProps['culture'];
     date: Date;
-    format: string;
     label: string;
-    localizer: object;
+    localizer: DateLocalizer;
 }
 
 export interface Components {
     event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
-    eventWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
+    eventWrapper?: React.ComponentType<EventWrapperProps>;
     dayWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
     dateCellWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
     /**
      * component used as a header for each column in the TimeGridHeader
      */
     header?: React.ComponentType<HeaderProps>;
-    toolbar?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
+    toolbar?: React.ComponentType<ToolbarProps>;
     agenda?: {
         date?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
         time?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
@@ -134,6 +142,42 @@ export interface Components {
     };
 }
 
+export interface ToolbarProps {
+    date: Date;
+    view: View;
+    views: Views;
+    label: string;
+    localizer: { messages: Messages };
+    onNavigate: (navigate: Navigate, date?: Date) => void;
+    onView: (view: View) => void;
+    children?: React.ReactNode;
+}
+
+export interface EventWrapperProps<T extends Event = Event> {
+    // https://github.com/intljusticemission/react-big-calendar/blob/27a2656b40ac8729634d24376dff8ea781a66d50/src/TimeGridEvent.js#L28
+    style?: React.CSSProperties & { xOffset: number };
+    className: string;
+    event: T;
+    isRtl: boolean;
+    getters: {
+        eventProp?: EventPropGetter<T>;
+        slotProp?: SlotPropGetter;
+        dayProp?: DayPropGetter;
+    };
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    onDoubleClick: (e: React.MouseEvent<HTMLElement>) => void;
+    accessors: {
+        title?: (event: T) => string;
+        tooltip?: (event: T) => string;
+        end?: (event: T) => Date;
+        start?: (event: T) => Date;
+    };
+    selected: boolean;
+    label: string;
+    continuesEarlier: boolean;
+    continuesLater: boolean;
+}
+
 export interface Messages {
     date?: string;
     time?: string;
@@ -152,7 +196,29 @@ export interface Messages {
     showMore?: (count: number) => string;
 }
 
+export type Culture = string | string[];
+export type FormatInput = number | string | Date;
+
+export interface DateLocalizerSpec {
+    firstOfWeek: (culture: Culture) => number;
+    format: (value: FormatInput, format: string, culture: Culture) => string;
+    formats: Formats;
+    propType?: Validator<any>;
+}
+
+export class DateLocalizer {
+    formats: Formats;
+    propType: Validator<any>;
+    startOfWeek: (culture: Culture) => number;
+
+    constructor(spec: DateLocalizerSpec);
+
+    format(value: FormatInput, format: string, culture: Culture): string;
+}
+
 export interface BigCalendarProps<T extends Event = Event> extends React.Props<BigCalendar<T>> {
+    localizer: DateLocalizer;
+
     date?: stringOrDate;
     now?: Date;
     view?: View;
@@ -165,11 +231,7 @@ export interface BigCalendarProps<T extends Event = Event> extends React.Props<B
     onSelectEvent?: (event: T, e: React.SyntheticEvent<HTMLElement>) => void;
     onSelecting?: (range: { start: stringOrDate, end: stringOrDate }) => boolean | undefined | null;
     selected?: any;
-    views?: View[] | {
-        month: boolean | React.SFC | React.Component,
-        week: boolean | React.SFC | React.Component,
-        myweek: boolean | React.SFC | React.Component,
-    };
+    views?: Views;
     drilldownView?: View | null;
     getDrilldownView?: ((targetDate: Date, currentViewName: View, configuredViewNames: View[]) => void) | null;
     length?: number;
@@ -181,9 +243,9 @@ export interface BigCalendarProps<T extends Event = Event> extends React.Props<B
     step?: number;
     timeslots?: number;
     rtl?: boolean;
-    eventPropGetter?: (event: T, start: stringOrDate, end: stringOrDate, isSelected: boolean) => { className?: string, style?: React.CSSProperties };
-    slotPropGetter?: (date: Date) => { className?: string, style?: object };
-    dayPropGetter?: (date: Date) => { className?: string, style?: object };
+    eventPropGetter?: EventPropGetter<T>;
+    slotPropGetter?: SlotPropGetter;
+    dayPropGetter?: DayPropGetter;
     showMultiDayTimes?: boolean;
     min?: stringOrDate;
     max?: stringOrDate;
@@ -206,13 +268,42 @@ export interface BigCalendarProps<T extends Event = Event> extends React.Props<B
     elementProps?: React.HTMLAttributes<HTMLElement>;
 }
 
+export interface ViewStatic {
+    navigate(date: Date, action: Navigate, props: any): Date;
+}
+
+export interface MoveOptions {
+    action: Navigate;
+    date: Date;
+    today: Date;
+}
+
 export default class BigCalendar<T extends Event = Event> extends React.Component<BigCalendarProps<T>> {
+    components: {
+        dateCellWrapper: React.ComponentType,
+        dayWrapper: React.ComponentType,
+        eventWrapper: React.ComponentType,
+    };
     /**
-     * Setup the localizer by providing the moment Object
+     * create DateLocalizer from globalize
      */
-    static momentLocalizer(momentInstance: object): void;
+    static globalizeLocalizer(globalizeInstance: object): DateLocalizer;
     /**
-     * Setup the localizer by providing the globalize Object
+     * create DateLocalizer from a moment
      */
-    static globalizeLocalizer(globalizeInstance: object): void;
+    static momentLocalizer(momentInstance: object): DateLocalizer;
+    /**
+     * action constants for Navigate
+     */
+    static Navigate: {
+        PREVIOUS: 'PREV',
+        NEXT: 'NEXT',
+        TODAY: 'TODAY',
+        DATE: 'DATE',
+    };
+    /**
+     * action constants for View
+     */
+    static Views: Record<ViewKey, View>;
+    static move(View: ViewStatic | ViewKey, options: MoveOptions): Date;
 }
diff --git a/types/react-big-calendar/react-big-calendar-tests.tsx b/types/react-big-calendar/react-big-calendar-tests.tsx
index 3f2ec34c39..321327e8e7 100644
--- a/types/react-big-calendar/react-big-calendar-tests.tsx
+++ b/types/react-big-calendar/react-big-calendar-tests.tsx
@@ -1,13 +1,12 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import * as ReactDOMServer from "react-dom/server";
-import BigCalendar, { BigCalendarProps, Navigate, View, DateRange } from "react-big-calendar";
+import BigCalendar, { BigCalendarProps, Navigate, View, DateRange, DateLocalizer, ToolbarProps, EventWrapperProps } from "react-big-calendar";
 
 // Don't want to add this as a dependency, because it is only used for tests.
+declare const globalize: any;
 declare const moment: any;
 
-// Init localizer
-BigCalendar.momentLocalizer(moment);
+declare const allViews: View[];
 
 // Testing examples from demos page
 // http://intljusticemission.github.io/react-big-calendar/examples/index.html
@@ -29,84 +28,94 @@ class CalendarEvent {
 }
 
 // Basic Example Test
-class BasicExample extends React.Component {
-    render() {
-        return (
-            <BigCalendar
-                {...this.props}
-                events={getEvents()}
-            />
-        );
+{
+    interface Props {
+        localizer: DateLocalizer;
     }
-}
-ReactDOM.render(<BasicExample />, document.body);
-const basicExampleHtml = ReactDOMServer.renderToString(<BasicExample />);
-console.log('Test Results -> BasicExample', basicExampleHtml);
+    const Basic = ({ localizer }: Props) => (
+        <BigCalendar
+            events={getEvents()}
+            views={allViews}
+            step={60}
+            showMultiDayTimes
+            defaultDate={new Date(2015, 3, 1)}
+            localizer={localizer}
+        />
+    );
 
-// Full API Example Test - based on API Documentation
-// http://intljusticemission.github.io/react-big-calendar/examples/index.html#api
-class FullAPIExample extends React.Component<BigCalendarProps<CalendarEvent>> {
-    render() {
-        return (
-            <BigCalendar
-                {...this.props}
-                date={new Date()}
-                view={'day'}
-                events={getEvents()}
-                onNavigate={(newDate: Date, action: Navigate) => { }}
-                onView={(view: View) => { }}
-                onSelectSlot={(slotInfo) => {
-                    const start = slotInfo.start;
-                    const end = slotInfo.end;
-                    const slots = slotInfo.slots;
-                }}
-                onSelectEvent={(event) => { }}
-                onSelecting={(slotInfo) => {
-                    const start = slotInfo.start;
-                    const end = slotInfo.end;
-                    return true;
-                }}
-                views={['day']}
-                toolbar={true}
-                popup={true}
-                popupOffset={20}
-                selectable={true}
-                step={20}
-                rtl={true}
-                eventPropGetter={(event, start, end, isSelected) => ({ className: 'some-class' })}
-                titleAccessor={'title'}
-                allDayAccessor={(event: any) => !!event.allDay}
-                startAccessor={'start'}
-                endAccessor={(event: any) => event.end || event.start}
-                min={new Date()}
-                max={new Date()}
-                scrollToTime={new Date()}
-                formats={{
-                    dateFormat: "h a",
-                    agendaDateFormat: (date: Date, culture?: string, localizer?: object) => "some-format",
-                    dayRangeHeaderFormat: (range: DateRange, culture?: string, localizer?: object) => "some-format"
-                }}
-                messages={{}}
-                timeslots={24}
-                defaultView={'month'}
-                className={'my-calendar'}
-                elementProps={{ id: 'myCalendar' }}
-                components={{
-                    event: Event,
-                    agenda: {
-                        event: EventAgenda
-                    }
-                }}
-                dayPropGetter={customDayPropGetter}
-                slotPropGetter={customSlotPropGetter}
-                defaultDate={new Date()}
-            />
-        );
+    const localizer = BigCalendar.momentLocalizer(moment);
+
+    ReactDOM.render(<Basic localizer={localizer} />, document.body);
+}
+
+{
+    // Full API Example Test - based on API Documentation
+    // http://intljusticemission.github.io/react-big-calendar/examples/index.html#api
+    class FullAPIExample extends React.Component<BigCalendarProps<CalendarEvent>> {
+        render() {
+            return (
+                <BigCalendar
+                    {...this.props}
+                    date={new Date()}
+                    view={'day'}
+                    events={getEvents()}
+                    onNavigate={(newDate: Date, action: Navigate) => { }}
+                    onView={(view: View) => { }}
+                    onSelectSlot={(slotInfo) => {
+                        const start = slotInfo.start;
+                        const end = slotInfo.end;
+                        const slots = slotInfo.slots;
+                    }}
+                    onSelectEvent={(event) => { }}
+                    onSelecting={(slotInfo) => {
+                        const start = slotInfo.start;
+                        const end = slotInfo.end;
+                        return true;
+                    }}
+                    views={['day']}
+                    toolbar={true}
+                    popup={true}
+                    popupOffset={20}
+                    selectable={true}
+                    step={20}
+                    rtl={true}
+                    eventPropGetter={(event, start, end, isSelected) => ({ className: 'some-class' })}
+                    titleAccessor={'title'}
+                    allDayAccessor={(event: any) => !!event.allDay}
+                    startAccessor={'start'}
+                    endAccessor={(event: any) => event.end || event.start}
+                    min={new Date()}
+                    max={new Date()}
+                    scrollToTime={new Date()}
+                    formats={{
+                        dateFormat: "h a",
+                        agendaDateFormat: (date: Date, culture?: string, localizer?: object) => "some-format",
+                        dayRangeHeaderFormat: (range: DateRange, culture?: string, localizer?: object) => "some-format"
+                    }}
+                    messages={{}}
+                    timeslots={24}
+                    defaultView={'month'}
+                    className={'my-calendar'}
+                    elementProps={{ id: 'myCalendar' }}
+                    components={{
+                        event: Event,
+                        agenda: {
+                            event: EventAgenda
+                        },
+                        toolbar: Toolbar,
+                        eventWrapper: EventWrapper,
+                    }}
+                    dayPropGetter={customDayPropGetter}
+                    slotPropGetter={customSlotPropGetter}
+                    defaultDate={new Date()}
+                />
+            );
+        }
     }
+
+    const localizer = BigCalendar.globalizeLocalizer(globalize);
+    ReactDOM.render(<FullAPIExample localizer={localizer} />, document.body);
 }
-ReactDOM.render(<FullAPIExample />, document.body);
-const fullApiExampleHtml = ReactDOMServer.renderToString(<FullAPIExample />);
-console.log('Test Results -> FullAPIExample', fullApiExampleHtml);
 
 // Test fixtures
 function getEvents(): CalendarEvent[] {
@@ -165,3 +174,25 @@ function Event(event: any) {
         </span>
     );
 }
+
+class EventWrapper extends React.Component<EventWrapperProps> {
+    render() {
+        const { continuesEarlier, label, accessors = {}, style } = this.props;
+        return (
+            <div style={style}>
+                <div>{continuesEarlier}-{label}-{accessors.title && event && accessors.title(event)}}</div>
+            </div>
+        );
+    }
+}
+
+class Toolbar extends React.Component<ToolbarProps> {
+    render() {
+        const { date, label, view } = this.props;
+        return (
+            <div>
+                <div>{date.toJSON()}-{label}-{view}}</div>
+            </div>
+        );
+    }
+}
diff --git a/types/react-blessed/index.d.ts b/types/react-blessed/index.d.ts
new file mode 100644
index 0000000000..33c9fe2790
--- /dev/null
+++ b/types/react-blessed/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for react-blessed 0.3
+// Project: https://github.com/yomguithereal/react-blessed#readme
+// Definitions by: My Self <https://github.com/me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+import { Widgets, screen } from 'blessed';
+export type Callback = () => void | null | undefined;
+export type renderer = (
+  c: JSX.Element, s: Widgets.Screen, callback?: Callback,
+) => React.Component<any, any> | null;
+export function render(
+  c: JSX.Element, s: Widgets.Screen, callback?: Callback
+): React.Component<any, any> | null;
+export function createBlessedRenderer(bls: any): renderer;
diff --git a/types/react-blessed/react-blessed-tests.tsx b/types/react-blessed/react-blessed-tests.tsx
new file mode 100644
index 0000000000..5ac0ac073c
--- /dev/null
+++ b/types/react-blessed/react-blessed-tests.tsx
@@ -0,0 +1,197 @@
+import * as React from 'react';
+import * as blessed from 'blessed';
+import { render } from 'react-blessed';
+
+// Testing example from demos page
+// https://github.com/Yomguithereal/react-blessed/blob/master/examples/dashboard.jsx
+
+const { Component } = React;
+
+/**
+ * Stylesheet
+ */
+const stylesheet = {
+  bordered: {
+    border: {
+      type: 'line'
+    },
+    style: {
+      border: {
+        fg: 'blue'
+      }
+    }
+  }
+};
+
+/**
+ * Top level component.
+ */
+class Dashboard extends Component {
+  render() {
+    return (
+      <>
+        <Log />
+        <Request />
+        <Response />
+        <Jobs />
+        <Progress />
+        <Stats />
+      </>
+    );
+  }
+}
+
+/**
+ * Log component.
+ */
+class Log extends Component {
+  render() {
+    return (
+      <blessed-box
+        label="Log"
+        class={stylesheet.bordered}
+        width="60%"
+        height="70%"
+        draggable={true}>
+        {'Hello'}, {0}, {'World'}
+      </blessed-box>
+    );
+  }
+}
+
+/**
+ * Request component.
+ */
+class Request extends Component {
+  render() {
+    return (
+      <blessed-box
+        label="Request"
+        class={stylesheet.bordered}
+        top="70%"
+        width="30%">
+        {0}
+      </blessed-box>
+    );
+  }
+}
+
+/**
+ * Response component.
+ */
+class Response extends Component {
+  render() {
+    return (
+      <blessed-box
+        class={stylesheet.bordered}
+        top="70%"
+        left="30%"
+        width="30%"
+      />
+    );
+  }
+}
+
+/**
+ * Jobs component.
+ */
+class Jobs extends Component {
+  render() {
+    return (
+      <blessed-box
+        label="Jobs"
+        class={stylesheet.bordered}
+        left="60%"
+        width="40%"
+        height="60%"
+      />
+    );
+  }
+}
+
+/**
+ * Progress component.
+ */
+class Progress extends Component<any, any> {
+  state: {
+    progress: number,
+    color: string,
+  } = {
+    progress: 0,
+    color: 'blue'
+  };
+
+  constructor(props: any) {
+    super(props);
+    const interval: NodeJS.Timer = setInterval(() => {
+      const { progress } = this.state;
+      if (this.state.progress >= 100) {
+        clearInterval(interval);
+        return;
+      }
+      this.setState({
+        progress: progress + 1,
+      });
+    }, 50);
+  }
+
+  render() {
+    const { progress, color } = this.state;
+    const label = `Progress - ${progress}%`;
+
+    return (
+      <blessed-progressbar
+        label={label}
+        onComplete={() => this.setState({
+          color: 'green'
+        })}
+        class={stylesheet.bordered}
+        filled={progress}
+        top='60%'
+        left='60%'
+        width='40%'
+        height='10%'
+        style={{
+          bar: {
+            bg: color
+          }
+        }}
+      />
+    );
+  }
+}
+
+/**
+ * Stats component.
+ */
+class Stats extends Component {
+  render() {
+    return (
+      <blessed-box
+        label='Stats'
+        class={stylesheet.bordered}
+        top='70%'
+        left='60%'
+        width='40%'
+        height='31%'
+      >
+        Some stats
+      </blessed-box>
+    );
+  }
+}
+
+/**
+ * Rendering the screen.
+ */
+const screen = blessed.screen({
+  autoPadding: true,
+  smartCSR: true,
+  title: 'react-blessed dashboard'
+});
+
+screen.key(['escape', 'q', 'C-c'], () => {
+  return process.exit(0);
+});
+
+render(<Dashboard />, screen);
diff --git a/types/react-blessed/react.d.ts b/types/react-blessed/react.d.ts
new file mode 100644
index 0000000000..4344c2a871
--- /dev/null
+++ b/types/react-blessed/react.d.ts
@@ -0,0 +1,34 @@
+// relation to blessed export widgets, prepare for next version of react-blessed
+declare namespace JSX {
+  interface IntrinsicElements {
+    'blessed-box': any;
+    'blessed-text': any;
+    'blessed-line': any;
+    'blessed-scrollablebox': any;
+    'blessed-scrollabletext': any;
+    'blessed-bigtext': any;
+    'blessed-list': any;
+    'blessed-filemanager': any;
+    'blessed-listtable': any;
+    'blessed-listbar': any;
+    'blessed-form': any;
+    'blessed-input': any;
+    'blessed-textarea': any;
+    'blessed-textbox': any;
+    'blessed-button': any;
+    'blessed-checkbox': any;
+    'blessed-radioset': any;
+    'blessed-radiobutton': any;
+    'blessed-table': any;
+    'blessed-prompt': any;
+    'blessed-question': any;
+    'blessed-message': any;
+    'blessed-loading': any;
+    'blessed-log': any;
+    'blessed-progressbar': any;
+    'blessed-program': any;
+    'blessed-terminal': any;
+    'blessed-layout': any;
+    'blessed-escape': any;
+  }
+}
diff --git a/types/react-blessed/tsconfig.json b/types/react-blessed/tsconfig.json
new file mode 100644
index 0000000000..6195735ac9
--- /dev/null
+++ b/types/react-blessed/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react.d.ts",
+        "react-blessed-tests.tsx"
+    ]
+}
diff --git a/types/react-blessed/tslint.json b/types/react-blessed/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-blessed/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-bootstrap/lib/Dropdown.d.ts b/types/react-bootstrap/lib/Dropdown.d.ts
index 1568e6cfb5..a3f8220da7 100644
--- a/types/react-bootstrap/lib/Dropdown.d.ts
+++ b/types/react-bootstrap/lib/Dropdown.d.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SelectCallback } from 'react-bootstrap';
-import * as DropdownToggle from './DropdownToggle';
-import * as DropdownMenu from './DropdownMenu';
+import DropdownToggle = require('./DropdownToggle');
+import DropdownMenu = require('./DropdownMenu');
 
 declare namespace Dropdown {
     export interface DropdownBaseProps {
@@ -26,5 +26,3 @@ declare class Dropdown extends React.Component<Dropdown.DropdownProps> {
   public static Toggle: typeof DropdownToggle;
 }
 export = Dropdown;
-
-
diff --git a/types/react-bootstrap/lib/index.d.ts b/types/react-bootstrap/lib/index.d.ts
index 1b59d08457..4a3c27a59c 100644
--- a/types/react-bootstrap/lib/index.d.ts
+++ b/types/react-bootstrap/lib/index.d.ts
@@ -208,8 +208,6 @@ export {
     ButtonToolbarProps,
     Carousel,
     CarouselProps,
-    CarouselCaption,
-    CarouselCaptionProps,
     CarouselItem,
     CarouselItemProps,
     Checkbox,
@@ -226,20 +224,12 @@ export {
     DropdownProps,
     DropdownButton,
     DropdownButtonProps,
-    DropdownMenu,
-    DropdownMenuProps,
-    DropdownToggle,
-    DropdownToggleProps,
     Fade,
     FadeProps,
     Form,
     FormProps,
     FormControl,
     FormControlProps,
-    FormControlFeedback,
-    FormControlFeedbackProps,
-    FormControlStatic,
-    FormControlStaticProps,
     FormGroup,
     FormGroupProps,
     Glyphicon,
@@ -252,10 +242,6 @@ export {
     ImageProps,
     InputGroup,
     InputGroupProps,
-    InputGroupAddon,
-    InputGroupAddonProps,
-    InputGroupButton,
-    InputGroupButtonProps,
     Jumbotron,
     JumbotronProps,
     Label,
@@ -266,18 +252,6 @@ export {
     ListGroupItemProps,
     Media,
     MediaProps,
-    MediaBody,
-    MediaBodyProps,
-    MediaHeading,
-    MediaHeadingProps,
-    MediaLeft,
-    MediaLeftProps,
-    MediaList,
-    MediaListProps,
-    MediaListItem,
-    MediaListItemProps,
-    MediaRight,
-    MediaRightProps,
     MenuItem,
     MenuItemProps,
     Modal,
@@ -298,12 +272,6 @@ export {
     NavbarProps,
     NavbarBrand,
     NavbarBrandProps,
-    NavbarCollapse,
-    NavbarCollapseProps,
-    NavbarHeader,
-    NavbarHeaderProps,
-    NavbarToggle,
-    NavbarToggleProps,
     NavDropdown,
     NavDropdownProps,
     NavItem,
@@ -318,26 +286,10 @@ export {
     PageItemProps,
     Pager,
     PagerProps,
-    PagerItem,
-    PagerItemProps,
     Pagination,
     PaginationProps,
-    PaginationItem,
-    PaginationItemProps,
     Panel,
     PanelProps,
-    PanelHeading,
-    PanelHeadingProps,
-    PanelTitle,
-    PanelTitleProps,
-    PanelToggle,
-    PanelToggleProps,
-    PanelCollapse,
-    PanelCollapseProps,
-    PanelBody,
-    PanelBodyProps,
-    PanelFooter,
-    PanelFooterProps,
     PanelGroup,
     PanelGroupProps,
     Popover,
@@ -354,8 +306,6 @@ export {
     SafeAnchorProps,
     SplitButton,
     SplitButtonProps,
-    SplitToggle,
-    SplitToggleProps,
     Tab,
     TabProps,
     TabContainer,
diff --git a/types/react-bootstrap/test/react-bootstrap-individual-components-tests.tsx b/types/react-bootstrap/test/react-bootstrap-individual-components-tests.tsx
index 9457cea4a2..c2f1e1e9c8 100644
--- a/types/react-bootstrap/test/react-bootstrap-individual-components-tests.tsx
+++ b/types/react-bootstrap/test/react-bootstrap-individual-components-tests.tsx
@@ -115,6 +115,7 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <Badge />
         <Breadcrumb>
           <BreadcrumbItem />
+          <Breadcrumb.Item />
         </Breadcrumb>
         <Button />
         <ButtonGroup><Button /></ButtonGroup>
@@ -131,12 +132,16 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <Collapse />
         <ControlLabel />
         <Dropdown id="foo" />
+        <Dropdown.Menu />
+        <Dropdown.Toggle />
         <DropdownButton id="foo" title="bar" />
         <DropdownMenu />
         <DropdownToggle />
         <Fade />
         <Form />
         <FormControl />
+        <FormControl.Feedback />
+        <FormControl.Static />
         <FormControlFeedback />
         <FormControlStatic />
         <FormGroup />
@@ -145,6 +150,8 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <HelpBlock />
         <Image />
         <InputGroup />
+        <InputGroup.Addon />
+        <InputGroup.Button />
         <InputGroupAddon />
         <InputGroupButton />
         <Jumbotron />
@@ -152,6 +159,12 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <ListGroup />
         <ListGroupItem />
         <Media />
+        <Media.Body />
+        <Media.Heading />
+        <Media.Left />
+        <Media.List />
+        <Media.ListItem />
+        <Media.Right />
         <MediaBody />
         <MediaHeading />
         <MediaLeft />
@@ -160,6 +173,11 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <MediaRight />
         <MenuItem />
         <Modal onHide={noop} />
+        <Modal.Body />
+        <Modal.Dialog />
+        <Modal.Footer />
+        <Modal.Header />
+        <Modal.Title />
         <ModalBody />
         <ModalDialog />
         <ModalFooter />
@@ -169,6 +187,13 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <NavDropdown id="foo" title={<h4>Test</h4>} />
         <NavItem />
         <Navbar />
+        <Navbar.Brand />
+        <Navbar.Collapse />
+        <Navbar.Header />
+        <Navbar.Toggle />
+        <Navbar.Link href="foo" />
+        <Navbar.Text />
+        <Navbar.Form />
         <NavbarBrand />
         <NavbarCollapse />
         <NavbarHeader />
@@ -178,8 +203,15 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <PageHeader />
         <PageItem />
         <Pager />
+        <Pager.Item />
         <PagerItem />
         <Pagination />
+        <Pagination.Item />
+        <Pagination.First />
+        <Pagination.Last />
+        <Pagination.Next />
+        <Pagination.Prev />
+        <Pagination.Ellipsis />
         <PaginationItem />
         <PaginationFirst />
         <PaginationLast />
@@ -187,6 +219,12 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <PaginationPrev />
         <PaginationEllipsis />
         <Panel />
+        <Panel.Heading />
+        <Panel.Body />
+        <Panel.Collapse />
+        <Panel.Footer />
+        <Panel.Title />
+        <Panel.Toggle />
         <PanelHeading />
         <PanelBody />
         <PanelCollapse />
@@ -203,6 +241,9 @@ export class ReactBootstrapIndividualComponentsTest extends React.Component {
         <SplitButton id="foo" title="bar" />
         <SplitToggle />
         <Tab />
+        <Tab.Container />
+        <Tab.Content />
+        <Tab.Pane />
         <TabContainer />
         <TabContent />
         <TabPane />
diff --git a/types/react-bootstrap/tslint.json b/types/react-bootstrap/tslint.json
index b2ecae2fd2..d974e7aa9a 100644
--- a/types/react-bootstrap/tslint.json
+++ b/types/react-bootstrap/tslint.json
@@ -1,7 +1,21 @@
 {
   "extends": "dtslint/dt.json",
   "rules": {
-    // TODO
-    "no-duplicate-imports": false
+    // All are TODOs
+    "ban-types": false,
+    "callable-types": false,
+    "jsdoc-format": false,
+    "member-access": false,
+    "no-consecutive-blank-lines": false,
+    "no-duplicate-imports": false,
+    "no-padding": false,
+    "no-self-import": false,
+    "no-unnecessary-qualifier": false,
+    "semicolon": false,
+    "space-within-parens": false,
+    "strict-export-declare-modifiers": false,
+    "trim-file": false,
+    "typedef-whitespace": false,
+    "whitespace": false
   }
 }
diff --git a/types/react-breadcrumbs/index.d.ts b/types/react-breadcrumbs/index.d.ts
index 3aa1cc3670..db70d210fb 100644
--- a/types/react-breadcrumbs/index.d.ts
+++ b/types/react-breadcrumbs/index.d.ts
@@ -1,34 +1,28 @@
-// Type definitions for react-breadcrumbs 1.3
+// Type definitions for react-breadcrumbs 2.1
 // Project: https://github.com/svenanders/react-breadcrumbs
-// Definitions by: Kostya Esmukov <https://github.com/KostyaEsmukov>
+// Definitions by: Guo Yunhe <https://github.com/guoyunhe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
 import * as React from "react";
-import * as ReactRouter from "react-router";
+import { LocationDescriptor } from "history";
 
-export = Breadcrumbs;
-type Breadcrumbs = React.ComponentClass<Breadcrumbs.Props>;
-declare const Breadcrumbs: Breadcrumbs;
+declare module "react-breadcrumbs" {
+    interface Crumbs {}
 
-declare namespace Breadcrumbs {
-    interface Props extends React.ClassAttributes<Breadcrumbs> {
-        separator?: string | JSX.Element;
-        displayMissing?: boolean;
-        prettify?: boolean;
-        displayMissingText?: string;
-        displayName?: string;
-        breadcrumbName?: string;
-        wrapperElement?: string;
-        wrapperClass?: string;
-        itemElement?: string;
-        itemClass?: string;
-        customClass?: string;
-        activeItemClass?: string;
-        excludes?: string[];
-        hideNoPath?: boolean;
-        routes: ReactRouter.Router.RouteConfig;
-        setDocumentTitle?: boolean;
-        params?: any;  // todo make it compatible with params of the ReactRouter.RouteComponentProps<P, R>
+    interface BreadcrumbsProps {
+        className?: string;
+        hidden?: boolean;
+        setCrumbs?: (crumbs: Crumbs) => React.ReactNode;
+        wrapper?: React.StatelessComponent | React.ComponentClass;
     }
+
+    class Breadcrumbs extends React.Component<BreadcrumbsProps> {}
+
+    interface BreadcrumbProps {
+        data: LocationDescriptor & { title?: React.ReactNode };
+        hidden?: boolean;
+    }
+
+    class Breadcrumb extends React.Component<BreadcrumbProps> {}
 }
diff --git a/types/react-breadcrumbs/react-breadcrumbs-tests.tsx b/types/react-breadcrumbs/react-breadcrumbs-tests.tsx
index 980b27fe41..fbf0edcdfa 100644
--- a/types/react-breadcrumbs/react-breadcrumbs-tests.tsx
+++ b/types/react-breadcrumbs/react-breadcrumbs-tests.tsx
@@ -1,18 +1,35 @@
-import * as React from 'react';
-import * as ReactRouter from "react-router";
-import Breadcrumbs = require('react-breadcrumbs');
+import * as React from "react";
+import { Breadcrumbs, Breadcrumb } from "react-breadcrumbs";
 
-interface MyComponentProps extends ReactRouter.RouteComponentProps<{}, { id: number }> {
+class Wrapper extends React.Component {
+    render() {
+        return <div>{this.props.children}</div>;
+    }
 }
 
-class MyComponent extends React.Component<MyComponentProps> {
+function FunctionWrapper(props: { children?: React.ReactNode }) {
+    return <div>{props.children}</div>;
+}
+
+class MyComponent extends React.Component {
     render() {
         return (
             <div>
                 <Breadcrumbs
-                    routes={this.props.routes}
-                    params={this.props.params}
+                    className="demo__crumbs"
+                    hidden
+                    setCrumbs={crumbs => null}
+                    wrapper={Wrapper}
                 />
+
+                <Breadcrumbs
+                    className="demo__crumbs"
+                    wrapper={FunctionWrapper}
+                />
+
+                <Breadcrumb data={{ title: "Dashboard", pathname: "/" }} />
+
+                <Breadcrumb data={{ pathname: "/dashboard" }} hidden />
             </div>
         );
     }
diff --git a/types/react-breadcrumbs/tsconfig.json b/types/react-breadcrumbs/tsconfig.json
index 15b3328f6b..94aec8fcc1 100644
--- a/types/react-breadcrumbs/tsconfig.json
+++ b/types/react-breadcrumbs/tsconfig.json
@@ -10,14 +10,6 @@
         "strictNullChecks": false,
         "strictFunctionTypes": true,
         "baseUrl": "../",
-        "paths": {
-            "history": [
-                "history/v2"
-            ],
-            "react-router": [
-                "react-router/v2"
-            ]
-        },
         "typeRoots": [
             "../"
         ],
@@ -30,4 +22,4 @@
         "index.d.ts",
         "react-breadcrumbs-tests.tsx"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/react-cache/index.d.ts b/types/react-cache/index.d.ts
new file mode 100644
index 0000000000..13adb3621b
--- /dev/null
+++ b/types/react-cache/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for react-cache 2.0
+// Project: https://github.com/facebook/react/tree/master/packages/react-cache
+// Definitions by: Spencer Miskoviak <https://github.com/skovy>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface Resource<Input, Value> {
+  read(key: Input): Value;
+  preload(key: Input): void;
+}
+
+export function unstable_createResource<Input, Value>(
+  fetch: (input: Input) => PromiseLike<Value>,
+  maybeHashInput?: (input: Input) => string | number
+): Resource<Input, Value>;
diff --git a/types/react-cache/react-cache-tests.ts b/types/react-cache/react-cache-tests.ts
new file mode 100644
index 0000000000..2131cadadb
--- /dev/null
+++ b/types/react-cache/react-cache-tests.ts
@@ -0,0 +1,25 @@
+import { unstable_createResource } from "react-cache";
+
+const fetchName = (name: string) =>
+    new Promise<string>((resolve, reject) => {
+        if (name === "Bob") {
+            resolve(name);
+        } else {
+            reject(`Invalid name: ${name}`);
+        }
+    });
+
+const nameResource = unstable_createResource(fetchName);
+nameResource.read("Bob");
+
+const fetchUser = ({ name }: { name: string }) =>
+    new Promise<string>((resolve, reject) => {
+        if (name === "Jill") {
+            resolve(name);
+        } else {
+            reject(`Invalid name: ${name}`);
+        }
+    });
+
+const userResource = unstable_createResource(fetchUser, ({ name }) => name);
+userResource.read({ name: "Jill" });
diff --git a/types/react-cache/tsconfig.json b/types/react-cache/tsconfig.json
new file mode 100644
index 0000000000..e61cdc7e5e
--- /dev/null
+++ b/types/react-cache/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-cache-tests.ts"
+    ]
+}
diff --git a/types/react-cache/tslint.json b/types/react-cache/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-cache/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-close-on-escape/index.d.ts b/types/react-close-on-escape/index.d.ts
new file mode 100644
index 0000000000..2718cbcd82
--- /dev/null
+++ b/types/react-close-on-escape/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for react-close-on-escape 3.0
+// Project: https://github.com/conorhastings/react-close-on-escape#readme
+// Definitions by: Robert Baruck <https://github.com/JamesAlias>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+export interface CloseOnEscapeProps {
+    /**
+     * Callback triggered by pressing ESC
+     */
+    onEscape(): void;
+}
+
+export default class CloseOnEscape extends React.Component<CloseOnEscapeProps> {}
diff --git a/types/react-close-on-escape/react-close-on-escape-tests.tsx b/types/react-close-on-escape/react-close-on-escape-tests.tsx
new file mode 100644
index 0000000000..d86909034e
--- /dev/null
+++ b/types/react-close-on-escape/react-close-on-escape-tests.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import CloseOnEscape from 'react-close-on-escape';
+
+const onEscapeCallback = () => {};
+
+// $ExpectError
+const missingRequired = <CloseOnEscape />;
+
+// $ExpectError
+const invalidExample = <CloseOnEscape onEscape={true} />;
+
+const validExample = <CloseOnEscape onEscape={onEscapeCallback} />;
diff --git a/types/react-close-on-escape/tsconfig.json b/types/react-close-on-escape/tsconfig.json
new file mode 100644
index 0000000000..5a978970ff
--- /dev/null
+++ b/types/react-close-on-escape/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "lib": [
+            "es6"
+        ],
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-close-on-escape-tests.tsx"
+    ]
+}
diff --git a/types/react-close-on-escape/tslint.json b/types/react-close-on-escape/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-close-on-escape/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-countup/index.d.ts b/types/react-countup/index.d.ts
new file mode 100644
index 0000000000..cae8139054
--- /dev/null
+++ b/types/react-countup/index.d.ts
@@ -0,0 +1,65 @@
+// Type definitions for react-countup 4.0
+// Project: https://react-countup.now.sh
+// Definitions by: Daniel Brodin <https://github.com/danielbrodin>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+export as namespace ReactCountUp;
+
+export = ReactCountUp;
+
+declare namespace ReactCountUp {
+    interface RenderProps {
+        countUpRef: React.RefObject<any>;
+        pauseResume(): void;
+        reset(): void;
+        start(): void;
+        update(newEnd?: number): void;
+    }
+
+    interface Props {
+        className?: string;
+        decimal?: string;
+        decimals?: number;
+        delay?: number;
+        duration?: number;
+        end?: number;
+        prefix?: string;
+        redraw?: boolean;
+        separator?: string;
+        start?: number;
+        suffix?: string;
+        useEasing?: boolean;
+        easingFn?(t: number, b: number, c: number, d: number): void;
+        formattingFn?(value: number): string;
+        onComplete?(): void;
+        onEnd?(providedFn: {
+            pauseResume(): void;
+            reset(): void;
+            start(): void;
+            update(): void;
+        }): void;
+        onStart?(providedFn: {
+            pauseResume(): void;
+            reset(): void;
+            update(): void;
+        }): void;
+        onPauseResume?(): (
+            providedFn: { reset(): void; start(): void; update(): void }
+        ) => void;
+        onReset?(): (
+            providedFn: { pauseResume(): void; start(): void; update(): void }
+        ) => void;
+        onUpdate?(providedFn: {
+            pauseResume(): void;
+            reset(): void;
+            start(): void;
+        }): void;
+        style?: React.CSSProperties;
+        children?(data: RenderProps): React.ReactElement<any>;
+    }
+}
+
+declare class ReactCountUp extends React.PureComponent<ReactCountUp.Props> {}
diff --git a/types/react-countup/react-countup-tests.tsx b/types/react-countup/react-countup-tests.tsx
new file mode 100644
index 0000000000..7e27b504b1
--- /dev/null
+++ b/types/react-countup/react-countup-tests.tsx
@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as CountUp from "react-countup";
+
+export class Test extends React.Component<any> {
+    render() {
+        return (
+            <CountUp start={0} end={100}>
+                {({ countUpRef, start }) => (
+                    <div>
+                        <span ref={countUpRef} />
+                        <button onClick={start}>Start</button>
+                    </div>
+                )}
+            </CountUp>
+        );
+    }
+}
diff --git a/types/react-countup/tsconfig.json b/types/react-countup/tsconfig.json
new file mode 100644
index 0000000000..fb359d894c
--- /dev/null
+++ b/types/react-countup/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-countup-tests.tsx"
+    ]
+}
diff --git a/types/react-countup/tslint.json b/types/react-countup/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-countup/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-daterange-picker/index.d.ts b/types/react-daterange-picker/index.d.ts
index 4b6f5eef45..7d4825b807 100644
--- a/types/react-daterange-picker/index.d.ts
+++ b/types/react-daterange-picker/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: UNCOVER TRUTH Inc. <https://github.com/uncovertruth>
 //                 MartynasZilinskas <https://github.com/MartynasZilinskas>
 //                 Donald Ford <https://github.com/donaldtf>
+//                 Vlad Florescu <https://github.com/vladflorescu94>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -32,7 +33,7 @@ export interface Props<T = DateRangePicker> extends React.Props<T> {
     numberOfCalendars?: number;
     onHighlightDate?(date: Date): void;
     onHighlightRange?(date: Date): void;
-    onSelect?(value: Props): void;
+    onSelect?(value: OnSelectCallbackParam): void;
     onSelectStart?(value: momentRange.MomentRangeExtends): void;
     paginationArrowComponent?: React.ComponentClass<PaginationArrowProps> | React.SFC<PaginationArrowProps>;
     selectedLabel?: string;
@@ -63,3 +64,8 @@ export interface PaginationArrowProps<T = {}> extends React.Props<T> {
     onTrigger?(): void;
     direction?: 'next' | 'previous';
 }
+
+export interface OnSelectCallbackParam {
+    start: moment.Moment;
+    end: moment.Moment;
+}
diff --git a/types/react-daterange-picker/react-daterange-picker-tests.tsx b/types/react-daterange-picker/react-daterange-picker-tests.tsx
index 4e79aa1c7a..8f73ddc9c5 100644
--- a/types/react-daterange-picker/react-daterange-picker-tests.tsx
+++ b/types/react-daterange-picker/react-daterange-picker-tests.tsx
@@ -30,7 +30,7 @@ class CustomComponentClassPaginationArrow extends React.Component<ReactDateRange
 }
 
 class App extends React.Component<AppProps, any> {
-    handleSelect(value: AppProps, states: any): void {
+    handleSelect(value: ReactDateRangePicker.OnSelectCallbackParam, states: any): void {
         this.setState({ value, states });
     }
 
@@ -56,7 +56,7 @@ class App extends React.Component<AppProps, any> {
 }
 
 class DateSinglePicker extends React.Component<AppProps, any> {
-    handleSelect(value: AppProps) {
+    handleSelect(value: ReactDateRangePicker.OnSelectCallbackParam) {
         this.setState({ value });
     }
 
diff --git a/types/react-dates/index.d.ts b/types/react-dates/index.d.ts
index 20739d5918..05058b2ca9 100644
--- a/types/react-dates/index.d.ts
+++ b/types/react-dates/index.d.ts
@@ -181,6 +181,7 @@ declare namespace ReactDates {
           ) => string | JSX.Element,
         orientation?: OrientationShape,
         anchorDirection?: AnchorDirectionShape,
+        openDirection?: OpenDirectionShape,
         horizontalMargin?: number,
         withPortal?: boolean,
         withFullScreenPortal?: boolean,
diff --git a/types/react-dom/index.d.ts b/types/react-dom/index.d.ts
index c043439768..518c0c617c 100644
--- a/types/react-dom/index.d.ts
+++ b/types/react-dom/index.d.ts
@@ -5,7 +5,6 @@
 //                 Microsoft <https://microsoft.com>
 //                 MartynasZilinskas <https://github.com/MartynasZilinskas>
 //                 Josh Rutherford <https://github.com/theruther4d>
-//                 JounQin <https://github.com/JounQin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -17,7 +16,7 @@ import {
     DOMAttributes, DOMElement, ReactNode, ReactPortal
 } from 'react';
 
-export function findDOMNode(instance: ReactInstance): Element | string | null;
+export function findDOMNode(instance: ReactInstance): Element | null | Text;
 export function unmountComponentAtNode(container: Element): boolean;
 
 export function createPortal(children: ReactNode, container: Element, key?: null | string): ReactPortal;
diff --git a/types/react-dom/react-dom-tests.tsx b/types/react-dom/react-dom-tests.tsx
index ff5ef5850e..c7ccb0052d 100644
--- a/types/react-dom/react-dom-tests.tsx
+++ b/types/react-dom/react-dom-tests.tsx
@@ -7,7 +7,7 @@ import * as ReactTestUtils from 'react-dom/test-utils';
 declare function describe(desc: string, f: () => void): void;
 declare function it(desc: string, f: () => void): void;
 
-class TestComponent extends React.Component { }
+class TestComponent extends React.Component<{x: string}> { }
 
 describe('ReactDOM', () => {
     it('render', () => {
diff --git a/types/react-dom/test-utils/index.d.ts b/types/react-dom/test-utils/index.d.ts
index caa5605ef5..f60d088515 100644
--- a/types/react-dom/test-utils/index.d.ts
+++ b/types/react-dom/test-utils/index.d.ts
@@ -59,7 +59,7 @@ export interface SyntheticEventData extends OptionalEventProperties {
 export type EventSimulator = (element: Element | Component<any>, eventData?: SyntheticEventData) => void;
 
 export interface MockedComponentClass {
-    new (props: {}): any;
+    new (props: any): any;
 }
 
 export interface ShallowRenderer {
@@ -160,8 +160,12 @@ export function renderIntoDocument<T extends Element>(
     element: DOMElement<any, T>): T;
 export function renderIntoDocument(
     element: SFCElement<any>): void;
-export function renderIntoDocument<T extends Component<any>>(
-    element: CElement<any, T>): T;
+// If we replace `P` with `any` in this overload, then some tests fail because
+// calls to `renderIntoDocument` choose the last overload on the
+// subtype-relation pass and get an undesirably broad return type.  Using `P`
+// allows this overload to match on the subtype-relation pass.
+export function renderIntoDocument<P, T extends Component<P>>(
+    element: CElement<P, T>): T;
 export function renderIntoDocument<P>(
     element: ReactElement<P>): Component<P> | Element | void;
 
@@ -257,7 +261,7 @@ export function findRenderedDOMComponentWithTag(
 /**
  * Finds all instances of components with type equal to `componentClass`.
  */
-export function scryRenderedComponentsWithType<T extends Component, C extends ComponentClass>(
+export function scryRenderedComponentsWithType<T extends Component<any>, C extends ComponentClass<any>>(
     root: Component<any>,
     type: ClassType<any, T, C>): T[];
 
@@ -266,7 +270,7 @@ export function scryRenderedComponentsWithType<T extends Component, C extends Co
  * and returns that one result, or throws exception if there is any other
  * number of matches besides one.
  */
-export function findRenderedComponentWithType<T extends Component, C extends ComponentClass>(
+export function findRenderedComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
     root: Component<any>,
     type: ClassType<any, T, C>): T;
 
diff --git a/types/react-dom/tsconfig.json b/types/react-dom/tsconfig.json
index 0d21b07029..f63325026f 100644
--- a/types/react-dom/tsconfig.json
+++ b/types/react-dom/tsconfig.json
@@ -15,7 +15,7 @@
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": false,
-        "strictFunctionTypes": false,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/react-draft-wysiwyg/index.d.ts b/types/react-draft-wysiwyg/index.d.ts
new file mode 100644
index 0000000000..a5c6e07065
--- /dev/null
+++ b/types/react-draft-wysiwyg/index.d.ts
@@ -0,0 +1,74 @@
+// Type definitions for react-draft-wysiwyg 1.12
+// Project: https://github.com/jpuri/react-draft-wysiwyg#readme
+// Definitions by: imechZhangLY <https://github.com/imechZhangLY>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+import * as Draft from 'draft-js';
+
+export type SyntheticKeyboardEvent = React.KeyboardEvent<{}>;
+export type SyntheticEvent = React.SyntheticEvent<{}>;
+export type RawDraftContentState = Draft.RawDraftContentState;
+
+export class EditorState extends Draft.EditorState {}
+export class ContentState extends Draft.ContentState {}
+export class ContentBlock extends Draft.ContentBlock {}
+export class SelectionState extends Draft.SelectionState {}
+
+export interface EditorProps {
+    onChange?(contentState: ContentState): RawDraftContentState;
+    onEditorStateChange?(editorState: EditorState): void;
+    onContentStateChange?(contentState: ContentState): RawDraftContentState;
+    initialContentState?: RawDraftContentState;
+    defaultContentState?: RawDraftContentState;
+    contentState?: RawDraftContentState;
+    editorState?: EditorState;
+    defaultEditorState?: EditorState;
+    toolbarOnFocus?: boolean;
+    spellCheck?: boolean;
+    stripPastedStyles?: boolean;
+    toolbar?: object;
+    toolbarCustomButtons?: Array<React.ReactElement<HTMLElement>>;
+    toolbarClassName?: string;
+    toolbarHidden?: boolean;
+    locale?: string;
+    localization?: object;
+    editorClassName?: string;
+    wrapperClassName?: string;
+    toolbarStyle?: object;
+    editorStyle?: React.CSSProperties;
+    wrapperStyle?: React.CSSProperties;
+    uploadCallback?(file: object): Promise<object>;
+    onFocus?(event: SyntheticEvent): void;
+    onBlur?(event: SyntheticEvent): void;
+    onTab?(event: SyntheticKeyboardEvent): void;
+    onEscape?(e: SyntheticKeyboardEvent): void;
+    onUpArrow?(e: SyntheticKeyboardEvent): void;
+    onDownArrow?(e: SyntheticKeyboardEvent): void;
+    onRightArrow?(e: SyntheticKeyboardEvent): void;
+    onLeftArrow?(e: SyntheticKeyboardEvent): void;
+    mention?: object;
+    hashtag?: object;
+    textAlignment?: string;
+    readonly?: boolean;
+    tabIndex?: number;
+    placeholder?: string;
+    ariaLabel?: string;
+    ariaOwneeID?: string;
+    ariaActiveDescendantID?: string;
+    ariaAutoComplete?: string;
+    ariaDescribedBy?: string;
+    ariaExpanded?: string;
+    ariaHasPopup?: string;
+    customBlockRenderFunc?(block: ContentBlock): any;
+    wrapperId?: number;
+    customDecorators?: object[];
+    editorRef?(ref: object): void;
+    handlePastedText?(text: string, html: string, editorState: EditorState, onChange: (editorState: EditorState) => void): boolean;
+}
+
+export class Editor extends React.Component<EditorProps> {
+    constructor(props: Readonly<EditorProps>);
+    focusEditor(): void;
+}
diff --git a/types/react-draft-wysiwyg/test/basic-content-state-tests.tsx b/types/react-draft-wysiwyg/test/basic-content-state-tests.tsx
new file mode 100644
index 0000000000..5693ff2584
--- /dev/null
+++ b/types/react-draft-wysiwyg/test/basic-content-state-tests.tsx
@@ -0,0 +1,42 @@
+// From https://github.com/jpuri/react-draft-wysiwyg/blob/master/stories/
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor, RawDraftContentState } from 'react-draft-wysiwyg';
+
+class BasicContentState extends React.Component<{}, {contentState: RawDraftContentState}> {
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            contentState: JSON
+                .parse(`{
+                    "entityMap":{},
+                    "blocks":[{
+                        "key":"1ljs",
+                        "text":"Initializing from content state",
+                        "type":"unstyled",
+                        "depth":0,
+                        "inlineStyleRanges":[],
+                        "entityRanges":[],
+                        "data":{}
+                    }]
+                }`)
+        };
+    }
+
+    render() {
+        const {contentState} = this.state;
+        return (<div>
+            <span>Content state is JSON
+                <pre>
+                {'{"entityMap":{},"blocks":[{"key":"1ljs","text":"Initializing from content state","type":"unstyled","depth":0,"inlineStyleRanges":[],"entityRanges":[],"data":{}}]}'}
+                </pre>
+            </span>
+            <Editor
+                defaultContentState={contentState}
+            />
+        </div>);
+    }
+}
+
+ReactDOM.render(<BasicContentState />, document.getElementById('target'));
diff --git a/types/react-draft-wysiwyg/test/basic-controlled-tests.tsx b/types/react-draft-wysiwyg/test/basic-controlled-tests.tsx
new file mode 100644
index 0000000000..1b5987d331
--- /dev/null
+++ b/types/react-draft-wysiwyg/test/basic-controlled-tests.tsx
@@ -0,0 +1,30 @@
+// From https://github.com/jpuri/react-draft-wysiwyg/blob/master/stories/
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor, EditorState } from 'react-draft-wysiwyg';
+
+class BasicControlled extends React.Component<{}, {editorState: EditorState}> {
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            editorState: EditorState.createEmpty()
+        };
+    }
+
+    render() {
+        const {editorState} = this.state;
+        return (<div>
+            <Editor
+                editorState={editorState}
+                onEditorStateChange={this.onEditorStateChange}
+            />
+        </div>);
+    }
+
+    onEditorStateChange(editorState: EditorState): void {
+        this.setState({editorState});
+    }
+}
+
+ReactDOM.render(<BasicControlled />, document.getElementById('target'));
diff --git a/types/react-draft-wysiwyg/test/basic-tests.tsx b/types/react-draft-wysiwyg/test/basic-tests.tsx
new file mode 100644
index 0000000000..30121f122a
--- /dev/null
+++ b/types/react-draft-wysiwyg/test/basic-tests.tsx
@@ -0,0 +1,15 @@
+// From https://github.com/jpuri/react-draft-wysiwyg/blob/master/stories/
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor } from 'react-draft-wysiwyg';
+
+const Basic = () => (<div>
+  <Editor
+      ref={(ref: Editor): void => {
+        console.log('hey ref', ref.focusEditor.toString());
+      }}
+  />
+</div>);
+
+ReactDOM.render(<Basic />, document.getElementById('target'));
diff --git a/types/react-draft-wysiwyg/test/custom-toolbar-tests.tsx b/types/react-draft-wysiwyg/test/custom-toolbar-tests.tsx
new file mode 100644
index 0000000000..8dd5662bda
--- /dev/null
+++ b/types/react-draft-wysiwyg/test/custom-toolbar-tests.tsx
@@ -0,0 +1,35 @@
+// From https://github.com/jpuri/react-draft-wysiwyg/blob/master/stories/
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor } from 'react-draft-wysiwyg';
+import { RichUtils } from 'draft-js';
+
+class CustomOption extends React.Component<any, any> {
+    toggleBold(): void {
+        const {editorState, onChange} = this.props;
+        const newState = RichUtils.toggleInlineStyle(
+            editorState,
+            'BOLD',
+        );
+        if (newState) {
+            onChange(newState);
+        }
+    }
+
+    render() {
+        return (
+            <div className="rdw-storybook-custom-option" onClick={this.toggleBold}>B</div>
+        );
+    }
+}
+
+const CustomToolbar = () =>
+    (<div>
+        <h3>Last option marked as B is custom option for making test BOLD.</h3>
+        <Editor
+            toolbarCustomButtons={[<CustomOption />]}
+        />
+    </div>);
+
+ReactDOM.render(<CustomToolbar />, document.getElementById('target'));
diff --git a/types/react-draft-wysiwyg/test/focus-blur-callbacks-tests.tsx b/types/react-draft-wysiwyg/test/focus-blur-callbacks-tests.tsx
new file mode 100644
index 0000000000..d29f7ab073
--- /dev/null
+++ b/types/react-draft-wysiwyg/test/focus-blur-callbacks-tests.tsx
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor } from 'react-draft-wysiwyg';
+
+class FocusBlurCallbacks extends React.Component<any, any> {
+    constructor(props: any) {
+        super(props);
+
+        this.state = {
+            state: 'blurred'
+        };
+    }
+
+    onFocus(): void {
+        console.log('into onFocus');
+        this.setState({
+            state: 'focused',
+        });
+    }
+
+    onBlur(): void {
+        console.log('into onBlur');
+        this.setState({
+            state: 'blurred',
+        });
+    }
+
+    render() {
+        const { state } = this.state;
+        return (
+            <div>
+                <h3>State right now <span style={{ color: 'blue' }}>{state}</span></h3>
+                <Editor
+                    onBlur={this.onBlur}
+                    onFocus={this.onFocus}
+                />
+            </div>
+        );
+    }
+}
+
+ReactDOM.render(<FocusBlurCallbacks />, document.getElementById('target'));
diff --git a/types/react-draft-wysiwyg/tsconfig.json b/types/react-draft-wysiwyg/tsconfig.json
new file mode 100644
index 0000000000..35720c1979
--- /dev/null
+++ b/types/react-draft-wysiwyg/tsconfig.json
@@ -0,0 +1,29 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "preserve"
+    },
+    "files": [
+        "index.d.ts",
+        "test/basic-content-state-tests.tsx",
+        "test/basic-controlled-tests.tsx",
+        "test/basic-tests.tsx",
+        "test/custom-toolbar-tests.tsx",
+        "test/focus-blur-callbacks-tests.tsx"
+    ]
+}
diff --git a/types/react-draft-wysiwyg/tslint.json b/types/react-draft-wysiwyg/tslint.json
new file mode 100644
index 0000000000..6746359dda
--- /dev/null
+++ b/types/react-draft-wysiwyg/tslint.json
@@ -0,0 +1,3 @@
+{ 
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/react-facebook-login-component/index.d.ts b/types/react-facebook-login-component/index.d.ts
new file mode 100644
index 0000000000..6de3d2e0eb
--- /dev/null
+++ b/types/react-facebook-login-component/index.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for react-facebook-login-component 4.1
+// Project: https://github.com/kennetpostigo/react-facebook-login-component
+// Definitions by: Konstantin Lebedev <https://github.com/koss-lebedev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+export interface FacebookLoginInfo {
+    id: string;
+    accessToken: string;
+    name?: string;
+    email?: string;
+}
+
+export interface FacebookLoginProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    socialId: string;
+    xfbml?: boolean;
+    version?: string;
+    fields?: string;
+    buttonText?: string;
+    responseHandler: (response: FacebookLoginInfo) => void;
+}
+
+export class FacebookLogin extends React.Component<FacebookLoginProps> {}
diff --git a/types/react-facebook-login-component/react-facebook-login-component-tests.tsx b/types/react-facebook-login-component/react-facebook-login-component-tests.tsx
new file mode 100644
index 0000000000..ee9730d6c4
--- /dev/null
+++ b/types/react-facebook-login-component/react-facebook-login-component-tests.tsx
@@ -0,0 +1,24 @@
+import { FacebookLogin, FacebookLoginInfo } from "react-facebook-login-component";
+import * as React from "react";
+
+const handler = (response: FacebookLoginInfo) => {
+    console.log(response.accessToken);
+};
+
+const ReactFacebookLoginComponent: JSX.Element = (
+    <FacebookLogin
+        socialId="1234567890000"
+        responseHandler={handler}
+    />
+);
+
+const ReactFacebookLoginComponentAllOptions: JSX.Element = (
+    <FacebookLogin
+        socialId="1234567890000"
+        responseHandler={handler}
+        xfbml
+        version="2.5"
+        fields="email,username"
+        buttonText="Sign in with Facebook"
+    />
+);
diff --git a/types/react-facebook-login-component/tsconfig.json b/types/react-facebook-login-component/tsconfig.json
new file mode 100644
index 0000000000..f5c4eb981d
--- /dev/null
+++ b/types/react-facebook-login-component/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "target": "es6",
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-facebook-login-component-tests.tsx"
+    ]
+}
diff --git a/types/react-facebook-login-component/tslint.json b/types/react-facebook-login-component/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-facebook-login-component/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-flag-icon-css/index.d.ts b/types/react-flag-icon-css/index.d.ts
index 74c3e04efe..dccdd59076 100644
--- a/types/react-flag-icon-css/index.d.ts
+++ b/types/react-flag-icon-css/index.d.ts
@@ -55,9 +55,8 @@ export interface FlagIconProps {
     children?: ReactNode;
 }
 
-export class FlagIcon extends PureComponent<FlagIconProps> {
-}
+export class FlagIcon extends PureComponent<FlagIconProps> {}
 
-export default function FlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): (props: FlagIconProps) => FlagIcon;
+export default function FlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): typeof FlagIcon;
 
-export function CustomFlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): (props: FlagIconProps) => FlagIcon;
+export function CustomFlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): typeof FlagIcon;
diff --git a/types/react-flag-icon-css/react-flag-icon-css-tests.tsx b/types/react-flag-icon-css/react-flag-icon-css-tests.tsx
index 5b656cff7b..0c939967b0 100644
--- a/types/react-flag-icon-css/react-flag-icon-css-tests.tsx
+++ b/types/react-flag-icon-css/react-flag-icon-css-tests.tsx
@@ -81,8 +81,6 @@ export class ChildrenFlagComponent extends React.PureComponent<ChildrenFlagCompo
 const appChildrenProps: ChildrenFlagComponentProps = {
     code: 'ex1',
     size: 'lg',
-    children: FlagIcon({
-        code: 'it'
-    })
+    children: <FlagIcon code='it'/>
 };
 ReactDOM.render(<ChildrenFlagComponent {...appChildrenProps} />, rootEL);
diff --git a/types/react-foundation/tslint.json b/types/react-foundation/tslint.json
index 0e4acb22ee..6b376d1fe2 100644
--- a/types/react-foundation/tslint.json
+++ b/types/react-foundation/tslint.json
@@ -1,12 +1,14 @@
 {
   "extends": "dtslint/dt.json",
   "rules": {
+    // All are TODOs
     "strict-export-declare-modifiers": false,
     "no-trailing-whitespace": false,
     "jsdoc-format": false,
     "no-reference-import": false,
     "prefer-declare-function": false,
     "no-duplicate-imports": false,
-    "no-empty-interface": false
+    "no-empty-interface": false,
+    "no-redundant-jsdoc-2": false
   }
 }
diff --git a/types/react-google-login-component/index.d.ts b/types/react-google-login-component/index.d.ts
new file mode 100644
index 0000000000..272b198657
--- /dev/null
+++ b/types/react-google-login-component/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for react-google-login-component 0.9
+// Project: https://github.com/kennetpostigo/react-google-login-component
+// Definitions by: Konstantin Lebedev <https://github.com/koss-lebedev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+export interface GoogleLoginInfo {
+    getAuthResponse: () => {
+        access_token: string;
+    };
+}
+
+export interface GoogleLoginProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    socialId: string;
+    scope?: string;
+    fetchBasicProfile?: boolean;
+    buttonText?: string;
+    prompt?: string;
+    responseHandler: (response: GoogleLoginInfo) => void;
+}
+
+export class GoogleLogin extends React.Component<GoogleLoginProps> {}
diff --git a/types/react-google-login-component/react-google-login-component-tests.tsx b/types/react-google-login-component/react-google-login-component-tests.tsx
new file mode 100644
index 0000000000..e4566071fa
--- /dev/null
+++ b/types/react-google-login-component/react-google-login-component-tests.tsx
@@ -0,0 +1,24 @@
+import { GoogleLogin, GoogleLoginInfo } from "react-google-login-component";
+import * as React from "react";
+
+const handler = (response: GoogleLoginInfo) => {
+    console.log(response.getAuthResponse().access_token);
+};
+
+const ReactGoogleLoginComponent: JSX.Element = (
+    <GoogleLogin
+        socialId="1234567890000"
+        responseHandler={handler}
+    />
+);
+
+const ReactGoogleLoginComponentAllOptions: JSX.Element = (
+    <GoogleLogin
+        socialId="1234567890000"
+        responseHandler={handler}
+        scope="profile"
+        fetchBasicProfile
+        prompt="select_account"
+        buttonText="Sign in with Google"
+    />
+);
diff --git a/types/react-google-login-component/tsconfig.json b/types/react-google-login-component/tsconfig.json
new file mode 100644
index 0000000000..506e9f7e7f
--- /dev/null
+++ b/types/react-google-login-component/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "target": "es6",
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-google-login-component-tests.tsx"
+    ]
+}
diff --git a/types/react-google-login-component/tslint.json b/types/react-google-login-component/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-google-login-component/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-helmet/v4/index.d.ts b/types/react-helmet/v4/index.d.ts
index 4d1b0c699e..eddd354124 100644
--- a/types/react-helmet/v4/index.d.ts
+++ b/types/react-helmet/v4/index.d.ts
@@ -8,7 +8,7 @@
 
 import * as React from "react";
 
-declare function ReactHelmet(): ReactHelmet.HelmetComponent;
+declare class ReactHelmet extends React.Component<ReactHelmet.HelmetProps> {}
 
 declare namespace ReactHelmet {
     function peek(): ReactHelmet.HelmetData;
@@ -41,8 +41,6 @@ declare namespace ReactHelmet {
         toString(): string;
         toComponent(): React.Component<any>;
     }
-
-    class HelmetComponent extends React.Component<HelmetProps> {}
 }
 
 export = ReactHelmet;
diff --git a/types/react-highlight-words/index.d.ts b/types/react-highlight-words/index.d.ts
index 19d5cc0960..9cd72ec411 100644
--- a/types/react-highlight-words/index.d.ts
+++ b/types/react-highlight-words/index.d.ts
@@ -1,12 +1,26 @@
-// Type definitions for react-highlight-words 0.11
+// Type definitions for react-highlight-words 0.12
 // Project: https://github.com/bvaughn/react-highlight-words#readme
 // Definitions by: Mohamed Hegazy <https://github.com/mhegazy>
 //                 Diogo Corrêa <https://github.com/diogodca>
+//                 Kelly Milligan <https://github.com/kellyrmilligan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
 import * as React from "react";
 
+export interface FindChunks {
+  autoEscape?: boolean;
+  caseSensitive?: boolean;
+  sanitize?: (text: string) => string;
+  searchWords: string[];
+  textToHighlight: string;
+}
+
+export interface Chunk {
+  start: number;
+  end: number;
+}
+
 interface HighlighterProps {
     /** The class name to be applied to an active match. Use along with activeIndex */
     activeClassName?: string;
@@ -25,7 +39,7 @@ interface HighlighterProps {
      * when looking for matches. See the default findChunks function in highlight-words-core for signature.
      * Have a look at the custom findChunks example on how to use it.
      */
-    findChunks?: () => void;
+    findChunks?: (options: FindChunks) => Chunk[];
     /** CSS class name applied to highlighted text */
     highlightClassName?: string;
     /** Inline styles applied to highlighted text */
diff --git a/types/react-highlight-words/react-highlight-words-tests.tsx b/types/react-highlight-words/react-highlight-words-tests.tsx
index 11b1e79137..de63c6d9ec 100644
--- a/types/react-highlight-words/react-highlight-words-tests.tsx
+++ b/types/react-highlight-words/react-highlight-words-tests.tsx
@@ -1,5 +1,10 @@
 import * as React from "react";
-import Highlighter from "react-highlight-words";
+import Highlighter, { FindChunks } from "react-highlight-words";
+
+const findChunks = ({
+    searchWords,
+    textToHighlight
+}: FindChunks) => [];
 
 class HighlighterTest extends React.Component {
     render() {
@@ -16,7 +21,7 @@ class HighlighterTest extends React.Component {
                     autoEscape={true}
                     className="className"
                     caseSensitive={true}
-                    findChunks={() => {}}
+                    findChunks={findChunks}
                     highlightClassName="highlightClassName"
                     highlightStyle={{ color: "red" }}
                     highlightTag="span"
diff --git a/types/react-i18next/index.d.ts b/types/react-i18next/index.d.ts
deleted file mode 100644
index 979c648f50..0000000000
--- a/types/react-i18next/index.d.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-// Type definitions for react-i18next 7.8
-// Project: https://github.com/i18next/react-i18next
-// Definitions by: Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
-//                 Simon Baumann <https://github.com/chnoch>
-//                 Benedict Etzel <https://github.com/beheh>
-//                 Wu Haotian <https://github.com/whtsky>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
-
-import { TranslationFunction } from "i18next";
-
-import {
-    setDefaults,
-    getDefaults,
-    setI18n,
-    getI18n,
-    ReactI18NextOptions,
-    reactI18nextModule
-} from "./src/context";
-import I18n from "./src/I18n";
-import I18nextProvider from "./src/I18nextProvider";
-import Interpolate from "./src/interpolate";
-import loadNamespaces from "./src/loadNamespaces";
-import Trans from "./src/trans";
-import translate from "./src/translate";
-
-export {
-    setDefaults,
-    getDefaults,
-    setI18n,
-    getI18n,
-    ReactI18NextOptions,
-    reactI18nextModule,
-    I18n,
-    I18nextProvider,
-    Interpolate,
-    loadNamespaces,
-    Trans,
-    translate,
-    TranslationFunction
-};
-
-export { InjectedI18nProps, InjectedTranslateProps } from "./src/props";
-
-export as namespace reactI18Next;
diff --git a/types/react-i18next/src/I18n.d.ts b/types/react-i18next/src/I18n.d.ts
deleted file mode 100644
index 91de868caf..0000000000
--- a/types/react-i18next/src/I18n.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as React from "react";
-import { i18n, TranslationFunction } from "i18next";
-
-export interface Options {
-    i18n: i18n;
-    t: TranslationFunction;
-}
-
-export interface i18nProps {
-    wait?: boolean;
-    ns?: string | string[];
-    nsMode?: string;
-    bindI18n?: string;
-    bindStore?: string;
-    i18n?: i18n;
-    initialI18nStore?: any;
-    initialLanguage?: string;
-    children: (t: TranslationFunction, options: Options) => React.ReactNode;
-}
-
-export default class I18n extends React.Component<i18nProps> { }
diff --git a/types/react-i18next/src/I18nextProvider.d.ts b/types/react-i18next/src/I18nextProvider.d.ts
deleted file mode 100644
index 2db5d0361b..0000000000
--- a/types/react-i18next/src/I18nextProvider.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from "react";
-import { i18n } from "i18next";
-
-// tslint:disable-next-line:interface-name
-export interface I18nextProviderProps {
-    i18n: i18n;
-    initialI18nStore?: any;
-    initialLanguage?: string;
-    children: React.ReactNode;
-}
-
-export default class I18nextProvider extends React.Component<I18nextProviderProps> { }
diff --git a/types/react-i18next/src/context.d.ts b/types/react-i18next/src/context.d.ts
deleted file mode 100644
index f772e8c1da..0000000000
--- a/types/react-i18next/src/context.d.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { i18n } from "i18next";
-
-export interface ReactI18NextOptions {
-    wait?: boolean;
-    withRef?: boolean;
-    bindI18n?: string;
-    bindStore?: string;
-    translateFuncName?: string;
-    nsMode?: string;
-}
-
-export function setDefaults(options: ReactI18NextOptions): void;
-
-export function getDefaults(): ReactI18NextOptions;
-
-export function setI18n(instance: i18n): void;
-
-export function getI18n(): i18n;
-
-export interface i18NextModule {
-    type: string;
-
-    init: (instance: i18n) => void;
-}
-
-export const reactI18nextModule: i18NextModule;
diff --git a/types/react-i18next/src/interpolate.d.ts b/types/react-i18next/src/interpolate.d.ts
deleted file mode 100644
index d6a4e64420..0000000000
--- a/types/react-i18next/src/interpolate.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from "react";
-import { i18n, InterpolationOptions, TranslationFunction } from "i18next";
-
-export type InterpolateValue = string | JSX.Element;
-
-export interface InterpolatePropsBase {
-    parent?: string;
-    regexp?: RegExp;
-    useDangerouslySetInnerHTML?: boolean;
-    dangerouslySetInnerHTMLPartElement?: string;
-    options?: InterpolationOptions;
-    i18nKey?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    i18n?: i18n;
-    t?: TranslationFunction;
-}
-
-export interface OtherInterpolateProps {
-    [regexKey: string]: InterpolateValue | RegExp | InterpolationOptions | boolean | undefined;
-}
-
-export type InterpolateProps = InterpolatePropsBase & OtherInterpolateProps;
-
-export default class Interpolate extends React.PureComponent<InterpolateProps> { }
diff --git a/types/react-i18next/src/loadNamespaces.d.ts b/types/react-i18next/src/loadNamespaces.d.ts
deleted file mode 100644
index d0e0b372f5..0000000000
--- a/types/react-i18next/src/loadNamespaces.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as React from "react";
-import { i18n } from "i18next";
-
-export interface LoadNamespacesArguments {
-    components: Array<React.ComponentClass<any> | React.StatelessComponent<any>>;
-    i18n: i18n;
-}
-
-export default function loadNamespaces(args: LoadNamespacesArguments): Promise<void>;
diff --git a/types/react-i18next/src/props.d.ts b/types/react-i18next/src/props.d.ts
deleted file mode 100644
index 62a201049a..0000000000
--- a/types/react-i18next/src/props.d.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import {i18n as I18n, TranslationFunction} from "i18next";
-
-/**
- * Extend your component's Prop interface with this one to get access to `this.props.t`
- *
- * Please note that if you use the `translateFuncName` option, you should create
- * your own interface just like this one, but with your name of the translation function.
- *
- * interface MyComponentProps extends ReactI18next.InjectedTranslateProps {}
- * 
- * Then specify the name of the translate function as generic argument
- * 
- * const translated = translate<string, "_">("view", { translateFuncName: "_" })(YourComponent);
- */
-export interface InjectedTranslateProps {
-    t: TranslationFunction;
-}
-
-/**
- * Extend your component's Prop interface with this one to get access to `this.props.i18n`
- */
-export interface InjectedI18nProps {
-    i18n: I18n
-}
diff --git a/types/react-i18next/src/trans.d.ts b/types/react-i18next/src/trans.d.ts
deleted file mode 100644
index 2b0e8e7738..0000000000
--- a/types/react-i18next/src/trans.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from "react";
-import { i18n, TranslationFunction } from "i18next";
-
-export interface TOptions {
-    [key: string]: any;
-}
-
-export interface Values {
-	[key: string]: any;
-}
-
-export interface TransProps {
-    i18nKey?: string;
-    count?: number;
-    parent?: React.ReactNode | (() => React.ReactNode);
-    i18n?: i18n;
-    t?: TranslationFunction;
-    tOptions?: TOptions;
-    defaults?: string;
-    values?: Values;
-    components?: React.ReactNode[];
-    ns?: string;
-}
-
-export default class Trans extends React.Component<TransProps> { }
diff --git a/types/react-i18next/src/translate.d.ts b/types/react-i18next/src/translate.d.ts
deleted file mode 100644
index 0383ee1ead..0000000000
--- a/types/react-i18next/src/translate.d.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import * as React from "react";
-import { i18n as I18n, TranslationFunction } from "i18next";
-import { InjectedTranslateProps, InjectedI18nProps } from "./props";
-import { setDefaults, setI18n } from "./context";
-
-export interface TranslateOptions<TTranslateFuncName extends string = string> {
-    withRef?: boolean;
-    bindI18n?: string;
-    bindStore?: string;
-    translateFuncName?: TTranslateFuncName;
-    wait?: boolean;
-    nsMode?: string;
-    i18n?: I18n;
-}
-
-export interface TranslateHocProps {
-    i18n?: I18n;
-    initialI18nStore?: object;
-    initialLanguage?: string;
-}
-
-// Diff / Omit taken from https://github.com/Microsoft/TypeScript/issues/12215#issuecomment-311923766
-type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
-
-type InjectedProps = InjectedI18nProps & InjectedTranslateProps;
-
-export interface WrapperComponentClass<P = {}, PWrapped = {}> extends React.ComponentClass<P & TranslateHocProps> {
-    new (props: P, context?: any): React.Component<P & TranslateHocProps, React.ComponentState> & { getWrappedInstance(): React.Component<PWrapped> };
-}
-
-// Injects props and removes them from the prop requirements.
-// Adds the new properties t (or whatever the translation function is called) and i18n if needed.
-export type InferableComponentEnhancerWithProps<TTranslateFunctionName extends string> =
-    <P extends { [key: string]: any }>(component: React.ComponentClass<P> | React.StatelessComponent<P>) =>
-        React.ComponentClass<Omit<P, keyof InjectedI18nProps | TTranslateFunctionName> & TranslateHocProps>;
-
-export type InferableComponentEnhancerWithPropsAndRef<TTranslateFunctionName extends string> =
-    <P extends { [key: string]: any }>(component: React.ComponentClass<P> | React.StatelessComponent<P>) =>
-        WrapperComponentClass<Omit<P, keyof InjectedI18nProps | TTranslateFunctionName>, P>;
-
-export interface Translate {
-    <TNamespace extends string>
-    (namespaces?: TNamespace | TNamespace[], options?: Omit<TranslateOptions, "translateFuncName"> & { withRef?: false }):
-        InferableComponentEnhancerWithProps<"t">;
-
-    <TNamespace extends string>
-    (namespaces?: TNamespace | TNamespace[], options?: Omit<TranslateOptions, "translateFuncName"> & { withRef: true }):
-        InferableComponentEnhancerWithPropsAndRef<"t">;
-
-    <TNamespace extends string, TTranslateFunctionName extends string>
-    (namespaces?: TNamespace | TNamespace[], options?: TranslateOptions<TTranslateFunctionName> & { withRef?: false }):
-        InferableComponentEnhancerWithProps<TTranslateFunctionName>;
-
-    <TNamespace extends string, TTranslateFunctionName extends string>
-    (namespaces?: TNamespace | TNamespace[], options?: TranslateOptions<TTranslateFunctionName> & { withRef: true }):
-        InferableComponentEnhancerWithPropsAndRef<TTranslateFunctionName>;
-
-    setDefaults: typeof setDefaults;
-    setI18n: typeof setI18n;
-}
-
-declare const translate: Translate;
-export default translate;
diff --git a/types/react-i18next/test/react-i18next-tests.tsx b/types/react-i18next/test/react-i18next-tests.tsx
deleted file mode 100644
index 30b95ece24..0000000000
--- a/types/react-i18next/test/react-i18next-tests.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-import * as React from 'react';
-import * as i18n from 'i18next';
-import {
-    setDefaults,
-    reactI18nextModule,
-    translate,
-    I18nextProvider,
-    Interpolate,
-    InjectedTranslateProps,
-    TranslationFunction,
-    loadNamespaces,
-    Trans,
-    I18n,
-    ReactI18NextOptions
-} from 'react-i18next';
-import { InjectedI18nProps } from 'react-i18next/src/props';
-
-interface InnerAnotherComponentProps {
-    _: TranslationFunction;
-}
-
-class InnerAnotherComponent extends React.Component<InnerAnotherComponentProps> {
-    render() {
-        const _ = this.props._;
-        return <p>{_('content.text', {/* options t options */})}</p>;
-    }
-}
-
-const AnotherComponent = translate<Key, "_">('view', {wait: true, translateFuncName: '_'})(InnerAnotherComponent);
-const instanceWithoutRef = new AnotherComponent({});
-instanceWithoutRef.componentWillReceiveProps!({
-    i18n,
-    initialI18nStore: { context: { text: "a message" } },
-    initialLanguage: "en"
-}, {});
-
-translate.setDefaults({ wait: false });
-translate.setI18n(i18n);
-
-const AnotherComponentWithRef = translate<Key, "_">("view" as Key, { translateFuncName: "_", withRef: true })(InnerAnotherComponent);
-const instanceWithRef = new AnotherComponentWithRef({});
-const ref = instanceWithRef.getWrappedInstance();
-instanceWithRef.componentWillReceiveProps!({
-    i18n,
-    initialI18nStore: { context: { text: "a message" } },
-    initialLanguage: "en"
-}, {});
-
-class InnerYetAnotherComponent extends React.Component<InjectedTranslateProps> {
-    render() {
-        const t = this.props.t;
-        return <p>{t('usingDefaultNS', {/* options t options */})}</p>;
-    }
-}
-
-const YetAnotherComponent = translate()(InnerYetAnotherComponent);
-
-const YetAnotherComponentWithRef = translate(undefined, { withRef: true })(InnerYetAnotherComponent);
-new YetAnotherComponentWithRef({}).getWrappedInstance();
-class TranslatableView extends React.Component<InjectedTranslateProps> {
-    render() {
-        const t = this.props.t;
-        const interpolateComponent = <strong>"a interpolated component"</strong>;
-        const options: i18n.InterpolationOptions = {};
-        return (
-            <div>
-                <h1>{t('common:appName')}</h1>
-                <AnotherComponent/>
-                <YetAnotherComponent/>
-                <Interpolate
-                    parent='p'
-                    i18nKey='common:interpolateSample'
-                    value='"some value in props"'
-                    component={interpolateComponent}
-                />
-                <Interpolate
-                    parent='p'
-                    options={options}
-                    i18nKey='common:interpolateSample'
-                    useDangerouslySetInnerHTML={true}
-                    dangerouslySetInnerHTMLPartElement='span'
-                    value='"some value in props"'
-                    component={interpolateComponent}
-                    i18n={i18n.init()}
-                />
-                <a href='https://github.com/i18next/react-i18next' target='_blank'>{t('nav:link1')}</a>
-            </div>
-        );
-    }
-}
-
-const TranslatedView = translate(["view", "nav"] as Key[], { wait: true })(TranslatableView);
-
-class App extends React.Component {
-  render() {
-    return (
-      <div className='main'>
-        <main>
-          <TranslatedView />
-        </main>
-      </div>
-    );
-  }
-}
-
-<I18nextProvider i18n={i18n} initialLanguage={'en'} initialI18nStore={{}}>
-    <App/>
-</I18nextProvider>;
-
-<I18nextProvider i18n={i18n} initialLanguage={'en'} initialI18nStore={{}}>
-    123
-</I18nextProvider>;
-
-loadNamespaces({components: [App], i18n}).then(() => {
-}).catch(error => {
-});
-
-<Trans count={5}/>;
-<Trans count={5} i18nKey="key"/>;
-<Trans parent={'span'}/>;
-<Trans parent={<div />}/>;
-<Trans parent={() => <div />}/>;
-<Trans i18n={i18n.init()}/>;
-<Trans t={i18n.getFixedT('en')}/>;
-<Trans count={5}>
-    <App/>
-</Trans>;
-<Trans i18nKey="hello" tOptions={{hello: "world", count: 42}}/>;
-<Trans
-    defaults="Hello <0>{{universe}}</0>!"
-    components={[
-        <strong>placeholder</strong>
-    ]}
-    values={{
-        universe: "World"
-    }}
-/>;
-
-type Key = "view" | "nav";
-
-class GenericsTest extends React.Component<InjectedTranslateProps> {
-    render() {
-        return null;
-    }
-}
-
-const TranslatedGenericsTest = translate(["view", "nav"] as Key[])(GenericsTest);
-<TranslatedGenericsTest />;
-
-class GenericsTest2 extends React.Component<InjectedTranslateProps> {
-    render() {
-        return null;
-    }
-}
-
-const TranslatedGenericsTest2 = translate("view" as Key)(GenericsTest2);
-<TranslatedGenericsTest2 />;
-
-class ComponentWithInjectedI18n extends React.Component<InjectedI18nProps> {
-  render() { return null; }
-}
-
-const TranslatedComponentWithInjectedI18n = translate()(ComponentWithInjectedI18n);
-<TranslatedComponentWithInjectedI18n />;
-
-function StatlessComponent(props: InjectedTranslateProps) {
-  return <h1>{props.t("hy")}</h1>;
-}
-
-const TranslatedStatlessComponent = translate()(StatlessComponent);
-<TranslatedStatlessComponent />;
-
-interface CustomTranslateFunctionProps {
-  _: TranslationFunction;
-}
-
-<I18n ns={['defaultNamespace', 'anotherNamespace']} wait={true} nsMode={'string'} bindI18n={'languageChanged loaded'}
-      bindStore={'added removed'}>
-    {
-        (t, {i18n}) => (
-            <div>
-                <h1>{t('keyFromDefault')}</h1>
-                <p>{t('anotherNamespace:key.from.another.namespace', {/* options t options */})}</p>
-            </div>
-        )
-    }
-</I18n>;
-
-<I18n>
-    {t => '123'}
-</I18n>;
-
-const defaults: ReactI18NextOptions = {
-    wait: true,
-    withRef: true,
-    bindI18n: 'string',
-    bindStore: 'string'
-};
-setDefaults(defaults);
-
-reactI18nextModule.init(i18n.init());
diff --git a/types/react-i18next/v1/index.d.ts b/types/react-i18next/v1/index.d.ts
deleted file mode 100644
index 0296da861c..0000000000
--- a/types/react-i18next/v1/index.d.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-// Type definitions for react-i18next 1.7.0
-// Project: https://github.com/i18next/react-i18next
-// Definitions by: Kostya Esmukov <https://github.com/KostyaEsmukov>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
-
-import * as I18next from "i18next";
-import * as React from "react";
-
-export type TranslationFunction = I18next.TranslationFunction;
-
-// Extend your component's Prop interface with this one to get access to `this.props.t`
-//
-// Please note that if you use the `translateFuncName` option, you should create
-// your own interface just like this one, but with your name of the translation function.
-//
-// interface MyComponentProps extends ReactI18next.InjectedTranslateProps {}
-export interface InjectedTranslateProps {
-    t?: TranslationFunction;
-}
-
-interface I18nextProviderProps {
-    i18n: I18next.I18n;
-    children?: React.ReactElement<any>;
-}
-
-export class I18nextProvider extends React.Component<I18nextProviderProps> { }
-
-
-type InterpolateValue = string | JSX.Element;
-
-interface InterpolateProps {
-    i18nKey: string;
-
-    parent?: string;
-    regexp?: RegExp;
-    options?: I18next.TranslationOptions;
-
-    useDangerouslySetInnerHTML?: boolean;
-    dangerouslySetInnerHTMLPartElement?: string;
-
-    [regexKey: string]: InterpolateValue | RegExp | I18next.TranslationOptions | boolean | undefined;
-}
-
-export class Interpolate extends React.Component<InterpolateProps> { }
-
-interface TranslateOptions {
-    withRef?: boolean;
-    wait?: boolean;
-    translateFuncName?: string;
-}
-
-export function translate(namespaces?: string[] | string, options?: TranslateOptions): <C extends Function>(WrappedComponent: C) => C;
-
-export function loadNamespaces({ components, i18n }: { components: (React.ComponentClass<any> | React.StatelessComponent<any>)[], i18n: I18next.I18n }): Promise<void>;
-
-export as namespace ReactI18Next;
diff --git a/types/react-i18next/v1/react-i18next-tests.tsx b/types/react-i18next/v1/react-i18next-tests.tsx
deleted file mode 100644
index 950e29d293..0000000000
--- a/types/react-i18next/v1/react-i18next-tests.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import * as i18n from 'i18next';
-import { translate, I18nextProvider, Interpolate, InjectedTranslateProps, TranslationFunction } from 'react-i18next';
-
-
-i18n
-    .init({
-        fallbackLng: 'en',
-
-        // have a common namespace used around the full app
-        ns: ['common'],
-        defaultNS: 'common',
-
-        debug: true,
-
-        interpolation: {
-            escapeValue: false // not needed for react!!
-        }
-    });
-
-
-interface InnerAnotherComponentProps {
-    _?: TranslationFunction;
-}
-
-class InnerAnotherComponent extends React.Component<InnerAnotherComponentProps> {
-    render() {
-        const _ = this.props._!;
-
-        return <p>{_('content.text', { /* options t options */ })}</p>;
-    }
-}
-
-const AnotherComponent = translate('view', { wait: true, translateFuncName: '_' })(InnerAnotherComponent);
-
-
-
-interface InnerYetAnotherComponentProps extends InjectedTranslateProps {
-}
-
-class InnerYetAnotherComponent extends React.Component<InnerYetAnotherComponentProps> {
-    render() {
-        const t = this.props.t!;
-
-        return <p>{t('usingDefaultNS', { /* options t options */ })}</p>;
-    }
-}
-const YetAnotherComponent = translate()(InnerYetAnotherComponent);
-
-
-interface TranslatableViewProps extends InjectedTranslateProps {
-}
-
-@translate(['view', 'nav'], { wait: true })
-class TranslatableView extends React.Component<TranslatableViewProps> {
-    render() {
-        const t = this.props.t!;
-
-        let interpolateComponent = <strong>"a interpolated component"</strong>;
-
-        return (
-            <div>
-                <h1>{t('common:appName')}</h1>
-                <AnotherComponent />
-                <YetAnotherComponent />
-                <Interpolate
-                    parent='p'
-                    i18nKey='common:interpolateSample'
-                    value='"some value in props"'
-                    component={interpolateComponent}
-                />
-                <Interpolate
-                    parent='p'
-                    i18nKey='common:interpolateSample'
-                    useDangerouslySetInnerHTML={true}
-                    dangerouslySetInnerHTMLPartElement='span'
-                    value='"some value in props"'
-                    component={interpolateComponent}
-                />
-                <a href='https://github.com/i18next/react-i18next' target='_blank'>{t('nav:link1')}</a>
-            </div>
-        )
-    }
-}
-
-class App extends React.Component {
-    render() {
-        return (
-            <div className='main'>
-                <main>
-                    <TranslatableView />
-                </main>
-            </div>
-        );
-    }
-}
-
-
-ReactDOM.render(
-    <I18nextProvider i18n={ i18n }><App /></I18nextProvider>,
-    document.getElementById('app')
-);
diff --git a/types/react-i18next/v4/I18nextProvider.d.ts b/types/react-i18next/v4/I18nextProvider.d.ts
deleted file mode 100644
index 2ecb87f4a1..0000000000
--- a/types/react-i18next/v4/I18nextProvider.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from "react";
-import { i18n } from "i18next";
-
-// tslint:disable-next-line:interface-name
-export interface I18nextProviderProps {
-    i18n: i18n;
-    children: React.ReactElement<any>;
-    initialI18nStore?: any;
-    initialLanguage?: string;
-}
-
-export default class I18nextProvider extends React.Component<I18nextProviderProps> { }
diff --git a/types/react-i18next/v4/index.d.ts b/types/react-i18next/v4/index.d.ts
deleted file mode 100644
index 758a00edef..0000000000
--- a/types/react-i18next/v4/index.d.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-// Type definitions for react-i18next 4.6
-// Project: https://github.com/i18next/react-i18next
-// Definitions by: Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
-//                 Netanel Gilad <https://github.com/netanelgilad>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
-
-import { TranslationFunction } from "i18next";
-
-import I18nextProvider from "./I18nextProvider";
-import Interpolate from "./interpolate";
-import loadNamespaces from "./loadNamespaces";
-import Trans from "./trans";
-import translate from "./translate";
-
-export {
-    I18nextProvider,
-    Interpolate,
-    loadNamespaces,
-    Trans,
-    translate,
-    // Exports for TypeScript only
-    TranslationFunction
-};
-
-/**
- * Extend your component's Prop interface with this one to get access to `this.props.t`
- *
- * Please note that if you use the `translateFuncName` option, you should create
- * your own interface just like this one, but with your name of the translation function.
- *
- * interface MyComponentProps extends ReactI18next.InjectedTranslateProps {}
- */
-export interface InjectedTranslateProps {
-    t: TranslationFunction;
-}
-
-export as namespace reactI18Next;
diff --git a/types/react-i18next/v4/interpolate.d.ts b/types/react-i18next/v4/interpolate.d.ts
deleted file mode 100644
index e6f07893ed..0000000000
--- a/types/react-i18next/v4/interpolate.d.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import * as React from "react";
-import { InterpolationOptions } from "i18next";
-
-export type InterpolateValue = string | JSX.Element;
-
-export interface InterpolatePropsBase {
-    parent?: string;
-    regexp?: RegExp;
-    useDangerouslySetInnerHTML?: boolean;
-    dangerouslySetInnerHTMLPartElement?: string;
-    options?: InterpolationOptions;
-    i18nKey?: string;
-    className?: string;
-    style?: React.CSSProperties;
-}
-
-export interface OtherInterpolateProps {
-    [regexKey: string]: InterpolateValue | RegExp | InterpolationOptions | boolean | undefined;
-}
-
-export type InterpolateProps = InterpolatePropsBase & OtherInterpolateProps;
-
-export default class Interpolate extends React.Component<InterpolateProps> { }
diff --git a/types/react-i18next/v4/loadNamespaces.d.ts b/types/react-i18next/v4/loadNamespaces.d.ts
deleted file mode 100644
index d0e0b372f5..0000000000
--- a/types/react-i18next/v4/loadNamespaces.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as React from "react";
-import { i18n } from "i18next";
-
-export interface LoadNamespacesArguments {
-    components: Array<React.ComponentClass<any> | React.StatelessComponent<any>>;
-    i18n: i18n;
-}
-
-export default function loadNamespaces(args: LoadNamespacesArguments): Promise<void>;
diff --git a/types/react-i18next/v4/react-i18next-tests.tsx b/types/react-i18next/v4/react-i18next-tests.tsx
deleted file mode 100644
index 3e57dd091b..0000000000
--- a/types/react-i18next/v4/react-i18next-tests.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import * as React from 'react';
-import * as i18n from 'i18next';
-import { translate, I18nextProvider, Interpolate, InjectedTranslateProps, TranslationFunction, loadNamespaces, Trans } from 'react-i18next';
-
-interface InnerAnotherComponentProps {
-  _?: TranslationFunction;
-}
-
-class InnerAnotherComponent extends React.Component<InnerAnotherComponentProps> {
-  render() {
-    const _ = this.props._!;
-    return <p>{_('content.text', { /* options t options */ })}</p>;
-  }
-}
-
-const AnotherComponent = translate('view', { wait: true, translateFuncName: '_' })(InnerAnotherComponent);
-
-class InnerYetAnotherComponent extends React.Component<InjectedTranslateProps> {
-  render() {
-    const t = this.props.t;
-    return <p>{t('usingDefaultNS', { /* options t options */ })}</p>;
-  }
-}
-
-const YetAnotherComponent = translate()(InnerYetAnotherComponent);
-
-class TranslatableView extends React.Component<InjectedTranslateProps> {
-  render() {
-    const t = this.props.t;
-    const interpolateComponent = <strong>"a interpolated component"</strong>;
-
-    return (
-      <div>
-        <h1>{t('common:appName')}</h1>
-        <AnotherComponent />
-        <YetAnotherComponent />
-        <Interpolate
-          parent='p'
-          i18nKey='common:interpolateSample'
-          value='"some value in props"'
-          component={interpolateComponent}
-        />
-        <Interpolate
-          parent='p'
-          i18nKey='common:interpolateSample'
-          useDangerouslySetInnerHTML={true}
-          dangerouslySetInnerHTMLPartElement='span'
-          value='"some value in props"'
-          component={interpolateComponent}
-        />
-        <a href='https://github.com/i18next/react-i18next' target='_blank'>{t('nav:link1')}</a>
-      </div>
-    );
-  }
-}
-
-const WrappedTranslatableView = translate(['view', 'nav'], { wait: true })(TranslatableView);
-
-class App extends React.Component {
-  render() {
-    return (
-      <div className='main'>
-        <main>
-          <WrappedTranslatableView />
-        </main>
-      </div>
-    );
-  }
-}
-
-<I18nextProvider i18n={i18n}>
-  <App />
-</I18nextProvider>;
-
-loadNamespaces({ components: [App], i18n }).then(() => { }).catch(error => { });
-
-<Trans count={5} />;
-<Trans count={5} i18nKey="key" />;
-<Trans count={5}>
-  <App />
-</Trans>;
-
-type Key = "view" | "nav";
-
-class GenericsTest extends React.Component<InjectedTranslateProps> {
-  render() { return null; }
-}
-
-translate<Key>(['view', 'nav'])(GenericsTest);
-
-class GenericsTest2 extends React.Component<InjectedTranslateProps> {
-  render() { return null; }
-}
-
-translate<Key>('view')(GenericsTest2);
diff --git a/types/react-i18next/v4/trans.d.ts b/types/react-i18next/v4/trans.d.ts
deleted file mode 100644
index 384e1605f9..0000000000
--- a/types/react-i18next/v4/trans.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import * as React from "react";
-
-export interface TransProps {
-    i18nKey?: string;
-    [name: string]: any;
-}
-
-export default class Trans extends React.Component<TransProps> { }
diff --git a/types/react-i18next/v4/translate.d.ts b/types/react-i18next/v4/translate.d.ts
deleted file mode 100644
index 9a4fb6ddc2..0000000000
--- a/types/react-i18next/v4/translate.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from "react";
-import { i18n } from "i18next";
-import { InjectedTranslateProps } from "react-i18next";
-
-export interface TranslateOptions {
-    withRef?: boolean;
-    bindI18n?: string;
-    bindStore?: string;
-    translateFuncName?: string;
-    wait?: boolean;
-    nsMode?: string;
-    i18n?: i18n;
-}
-
-// Diff / Omit taken from https://github.com/Microsoft/TypeScript/issues/12215#issuecomment-311923766
-export type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
-
-// Injects props and removes them from the prop requirements.
-// Adds the new properties t (or whatever the translation function is called) and i18n if needed.
-export type InferableComponentEnhancerWithProps<TTranslateFunctionName extends string> =
-    <P extends { [key: string]: any }>(component: React.ComponentClass<P> | React.StatelessComponent<P>) =>
-        React.ComponentClass<Omit<P, keyof InjectedTranslateProps | TTranslateFunctionName>>;
-
-// tslint:disable-next-line:ban-types
-export default function translate<TKey extends string = string>(namespaces?: TKey[] | TKey, options?: TranslateOptions): InferableComponentEnhancerWithProps<"t">;
diff --git a/types/react-images/index.d.ts b/types/react-images/index.d.ts
new file mode 100644
index 0000000000..4f3e1c8893
--- /dev/null
+++ b/types/react-images/index.d.ts
@@ -0,0 +1,157 @@
+// Type definitions for react-images 0.5
+// Project: http://jossmac.github.io/react-images
+// Definitions by: Konstantin Lukaschenko <https://github.com/KonstantinLukaschenko>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+declare class Lightbox extends React.Component<LightboxProps> {
+    constructor(props: LightboxProps);
+}
+
+export interface LightboxProps {
+    /**
+     * Array of image objects. Required.
+     */
+    images: Image[];
+
+    /**
+     * Allow users to exit the lightbox by clicking the backdrop. Default value: false.
+     */
+    backdropClosesModal?: boolean;
+
+    /**
+     * Supports keyboard input - esc, arrow left, and arrow right. Default value: true
+     */
+    enableKeyboardInput?: boolean;
+
+    /**
+     * The index of the image to display initially. Default value: 0
+     */
+    currentImage?: number;
+
+    /**
+     * An array of elements to display as custom controls on the top of lightbox. Default value: undefined
+     */
+    customControls?: Array<React.ReactHTMLElement<any>>;
+
+    /**
+     * Whether or not the lightbox is displayed. Default value: false;
+     */
+    isOpen?: boolean;
+
+    /**
+     * Based on the direction the user is navigating, preload the next available image. Default value: true
+     */
+    preloadNextImage?: boolean;
+
+    /**
+     * Optionally display a close "X" button in top right corner. Default value: true
+     */
+    showCloseButton?: boolean;
+
+    /**
+     * Optionally display image index, e.g., "3 of 20". Default value: true
+     */
+    showImageCount?: boolean;
+
+    /**
+     * Maximum width of the carousel; defaults to 1024px
+     */
+    width?:	number;
+
+    /**
+     * Spinner component.
+     */
+    spinner?: () => React.ReactElement<any>;
+
+    /**
+     *  Color of spinner. Default value: 'white'
+     */
+    spinnerColor?:	string;
+
+    /**
+     * Size of spinner. Default value: 100
+     */
+    spinnerSize?: number;
+
+    /**
+     * Determines whether scrolling is prevented via react-scrolllock. Default value: true
+     */
+    preventScroll?:	boolean;
+
+    /**
+     * Optionally display thumbnails beneath the Lightbox
+     */
+    showThumbnails?: boolean;
+
+    /**
+     * The image count separator. Default value: ' of '
+     */
+    imageCountSeparator?: string;
+
+    /**
+     * Customize right arrow title. Default value: ' Next (Right arrow key) '
+     */
+    rightArrowTitle?: string;
+
+    /**
+     * Custom of left arrow title. Default value: ' Previous (Left arrow key) '
+     */
+    leftArrowTitle?: string;
+
+    /**
+     * Custom close esc title. Default value: ' Close (Esc) '
+     */
+    closeButtonTitle?:	string;
+
+    /**
+     * Handle closing of the lightbox. Required.
+     */
+    onClose: () => void;
+
+    /**
+     * Fired on request of the previous image.
+     */
+    onClickPrev?: () => void;
+
+    /**
+     * Fired on request of the next image.
+     */
+    onClickNext?: () => void;
+
+    /**
+     * Handle click on image.
+     */
+    onClickImage?: (e: React.MouseEvent<HTMLImageElement>) => void;
+
+    /**
+     * Handle click on thumbnail.
+     */
+    onClickThumbnail?: (index: number) => void;
+}
+
+export interface Image {
+    /**
+     * The source of the image. Required.
+     */
+    src: string;
+
+    /**
+     * array of strings or string
+     */
+    srcSet?: string | string[];
+
+    /**
+     * The image caption.
+     */
+    caption?: string;
+
+    /**
+     * The alt text for the image.
+     */
+    alt?: string;
+}
+
+export default Lightbox;
diff --git a/types/react-images/react-images-tests.tsx b/types/react-images/react-images-tests.tsx
new file mode 100644
index 0000000000..8b63d4bc8a
--- /dev/null
+++ b/types/react-images/react-images-tests.tsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import Lightbox, { Image } from 'react-images';
+
+interface ImageGalerieState {
+    selectedImage: number;
+    showLightbox: boolean;
+}
+
+class ImageGalerie extends React.Component<undefined, ImageGalerieState> {
+    constructor(props: undefined) {
+        super(props);
+        this.state = {selectedImage: 0, showLightbox: true};
+    }
+
+    render() {
+        const images: Image[] = [
+            {
+                src: "http://localhost:8080/img1.jpg",
+                alt: "Image 1",
+                caption: "Image 1",
+            },
+            {
+                src: "http://localhost:8080/img2.jpg",
+                alt: "Image 2",
+                caption: "Image 2",
+            }];
+
+        return <Lightbox
+                    isOpen={this.state.showLightbox}
+                    images={images}
+                    onClose={() => this.setState({showLightbox: false})}
+                    onClickImage={e => {}}
+                    onClickNext={() => this.setState({selectedImage: (this.state.selectedImage + 1) % images.length})}
+                    onClickPrev={() => this.setState({selectedImage: this.state.selectedImage === 0 ? images.length : this.state.selectedImage - 1})}
+                    showThumbnails={true}
+                    onClickThumbnail={(index) => this.setState({selectedImage: index})}
+                />;
+    }
+}
diff --git a/types/react-images/tsconfig.json b/types/react-images/tsconfig.json
new file mode 100644
index 0000000000..3a505430d8
--- /dev/null
+++ b/types/react-images/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-images-tests.tsx"
+    ]
+}
diff --git a/types/react-images/tslint.json b/types/react-images/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-images/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-imgpro/index.d.ts b/types/react-imgpro/index.d.ts
new file mode 100644
index 0000000000..0f513e55cf
--- /dev/null
+++ b/types/react-imgpro/index.d.ts
@@ -0,0 +1,88 @@
+// Type definitions for react-imgpro 1.3
+// Project: https://github.com/nitin42/react-imgpro
+// Definitions by: Carlos Li <https://github.com/echoulen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+import ProcessImage = ReactImgpro.ProcessImage;
+export default ProcessImage;
+
+declare namespace ReactImgpro {
+    type Mode = "neighbor" | "bilinear" | "bicubic" | "hermite" | "bezier";
+    interface Shape {
+        width?: number;
+        height?: number;
+        mode?: Mode;
+    }
+    interface Size {
+        width: number;
+        height: number;
+        mode:
+            "horizontal_left" |
+            "horizontal_center" |
+            "horizontal_right" |
+            "vertical_top" |
+            "vertical_bottom" |
+            "vertical_middle";
+    }
+    interface ProcessImageProps {
+        image: string;
+        resize?: Shape;
+        quality?: number;
+        greyscale?: boolean;
+        normalize?: boolean;
+        invert?: boolean;
+        opaque?: boolean;
+        sepia?: boolean;
+        dither565?: boolean;
+        scale?: boolean;
+        scaleToFitImage?: {
+            width: number;
+            height: number;
+        };
+        flip?: {
+            horizontal?: boolean;
+            vertical?: boolean;
+        };
+        rotate?: {
+            degree: number;
+            mode: Mode;
+        };
+        brightness?: number; /* should be -1 to 1 */
+        contrast?: number; /* should be -1 to 1 */
+        fade?: number; /* should be 0 - 1 */
+        opacity?: number; /* should be 0 - 1 */
+        blur?: number; /* should be 0 - 100 */
+        posterize?: number; /* should be 0 - 100 */
+        cover?: Size;
+        contain?: Size;
+        colors?: {
+            lighten?: number;
+            brighten?: number;
+            darken?: number;
+            desaturate?: number;
+            saturate?: number;
+            greyscale?: number;
+            spin?: number;
+            mix?: {
+                color?: string;
+                amount?: number;
+            },
+            tint?: number;
+            xor?: number;
+            shade?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+        };
+        storage?: boolean;
+        disableWebWorker?: boolean;
+        disableRerender?: boolean;
+        customCdn?: string;
+        onProcessFinish: () => void;
+    }
+
+    class ProcessImage extends React.Component<ProcessImageProps> {}
+}
diff --git a/types/react-imgpro/react-imgpro-tests.tsx b/types/react-imgpro/react-imgpro-tests.tsx
new file mode 100644
index 0000000000..74fd1a3045
--- /dev/null
+++ b/types/react-imgpro/react-imgpro-tests.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import ProcessImage from "react-imgpro";
+
+class Test extends React.Component<any> {
+    render() {
+        return (
+            <ProcessImage
+                image="http://test-img.com"
+                contain={{
+                    width: 500,
+                    height: 200,
+                    mode: "horizontal_right",
+                }}
+                customCdn="http://test.cdn"
+                storage={true}
+                scale={false}
+                onProcessFinish={() => console.log("onProcessFinish")}
+            >
+                <div className="one"/>
+                <div className="two"/>
+                <div className="three"/>
+            </ProcessImage>
+        );
+    }
+}
diff --git a/types/react-imgpro/tsconfig.json b/types/react-imgpro/tsconfig.json
new file mode 100644
index 0000000000..e888d7e2c3
--- /dev/null
+++ b/types/react-imgpro/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-imgpro-tests.tsx"
+    ]
+}
diff --git a/types/react-imgpro/tslint.json b/types/react-imgpro/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/react-imgpro/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/react-infinite-scroll-component/index.d.ts b/types/react-infinite-scroll-component/index.d.ts
index f43fc50e24..4380c2f11a 100644
--- a/types/react-infinite-scroll-component/index.d.ts
+++ b/types/react-infinite-scroll-component/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Stephanie Roy <https://github.com/sroy3>
 //                 Bartosz Dotryw <https://github.com/burtek>
 //                 David Kevork <https://github.com/davidkevork>
+//                 Joshua R. <https://github.com/JoshuaScript>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -30,7 +31,7 @@ declare namespace InfiniteScroll {
         /**
          * This message is shown to the user when he has seen all the records which means he's at the bottom and hasMore is false
          */
-        endMessage: React.ReactNode;
+        endMessage?: React.ReactNode;
 
         /**
          * You can send a loader component to show while the component waits for the next load of data. e.g. <h3>Loading...</h3> or any fancy loader element
diff --git a/types/react-infinite-scroller/index.d.ts b/types/react-infinite-scroller/index.d.ts
index 47c2166bc9..f0af24ac5e 100644
--- a/types/react-infinite-scroller/index.d.ts
+++ b/types/react-infinite-scroller/index.d.ts
@@ -1,7 +1,9 @@
-// Type definitions for react-infinite-scroller 1.0
+// Type definitions for react-infinite-scroller 1.2
 // Project: https://github.com/CassetteRocks/react-infinite-scroller
 // Definitions by: Lauri Lavanti <https://github.com/Lapanti>,
 //                 Piotr Srebniak <https://github.com/psrebniak>
+//                 Brett Miller <https://github.com/WrathZA>
+//                 Yipeng Zhao <https://github.com/daggerjames>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -61,8 +63,14 @@ declare namespace InfiniteScroll {
          * Loader component for indicating "loading more".
          */
         loader?: React.ReactElement<any>;
+        /**
+         * Override method to return a different scroll listener if it's not the immediate parent of InfiniteScroll.
+         */
+        getScrollParent?(): HTMLElement | null;
+    }
+    class InfiniteScroll extends React.Component<InfiniteScrollProps> {
+        getParentElement(elem?: HTMLElement | null): HTMLElement | undefined | null;
     }
-    class InfiniteScroll extends React.Component<InfiniteScrollProps> { }
     namespace InfiniteScroll {}
 }
 
diff --git a/types/react-infinite-scroller/react-infinite-scroller-tests.tsx b/types/react-infinite-scroller/react-infinite-scroller-tests.tsx
index 2f9009f667..eeb2214826 100644
--- a/types/react-infinite-scroller/react-infinite-scroller-tests.tsx
+++ b/types/react-infinite-scroller/react-infinite-scroller-tests.tsx
@@ -27,8 +27,38 @@ class Test2 extends React.Component {
                 useCapture
                 useWindow={false}
             >
-                <div>Test 1</div>
+                <div>Test 2</div>
             </InfiniteScroll>
         );
     }
 }
+
+class Test3 extends React.Component {
+    inputRef = React.createRef<HTMLDivElement>();
+
+    render() {
+        return (
+            <div ref={this.inputRef}>
+                <InfiniteScroll
+                  loadMore={(page) => {}}
+                  getScrollParent={() => this.inputRef.current}
+                >
+                    <div>Test 3</div>
+                </InfiniteScroll>
+            </div>
+        );
+    }
+}
+
+class InfiniteScrollOverride extends InfiniteScroll {
+    getParentElement(el: HTMLElement) {
+        if (document.getElementById("scroll-header")) {
+            return document.getElementById("scroll-header");
+        }
+        return super.getParentElement(el);
+    }
+
+    render() {
+        return super.render();
+    }
+}
diff --git a/types/react-input-mask/index.d.ts b/types/react-input-mask/index.d.ts
index ff618e8749..0ca6fde742 100644
--- a/types/react-input-mask/index.d.ts
+++ b/types/react-input-mask/index.d.ts
@@ -7,9 +7,14 @@
 
 import * as React from 'react';
 
+export interface Selection {
+  start: number;
+  end: number;
+}
+
 export interface InputState {
   value: string;
-  selection: Selection;
+  selection: Selection | null;
 }
 
 export interface MaskOptions {
diff --git a/types/react-instantsearch-core/index.d.ts b/types/react-instantsearch-core/index.d.ts
new file mode 100644
index 0000000000..e76be4ee08
--- /dev/null
+++ b/types/react-instantsearch-core/index.d.ts
@@ -0,0 +1,488 @@
+// Type definitions for react-instantsearch-core 5.2
+// Project: https://community.algolia.com/react-instantsearch/
+// Definitions by: Gordon Burgett <https://github.com/gburgett>
+//                 Justin Powell <https://github.com/jpowell>
+//                 David Furlong <https://github.com/davidfurlong>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+import * as React from 'react';
+
+// Core
+/**
+ * Creates a specialized root InstantSearch component. It accepts
+ * an algolia client and a specification of the root Element.
+ * @param defaultAlgoliaClient - a function that builds an Algolia client
+ * @param root - the defininition of the root of an InstantSearch sub tree.
+ * @returns an InstantSearch root
+ */
+export function createInstantSearch(
+  defaultAlgoliaClient: (appId: string, apiKey: string, options: { _useRequestCache: boolean }) => object,
+  root: object
+): React.ComponentClass<any>;
+
+/**
+ * Creates a specialized root Index component. It accepts
+ * a specification of the root Element.
+ * @param defaultRoot - the defininition of the root of an Index sub tree.
+ * @return a Index root
+ */
+export function createIndex(defaultRoot: object): React.ComponentClass<any>;
+
+export interface ConnectorDescription {
+  displayName: string;
+  propTypes?: any;
+  defaultProps?: any;
+
+  /**
+   * This method should return the props to forward to the composed component.
+   * props are the props that were provided to the higher-order component.
+   * searchState holds the search state of all widgets. You can find the shape of all widgets search state in the corresponding guide.
+   * searchResults holds the search results, search errors and search loading state, with the shape
+   * {results: ?SearchResults, error: ?Error, searching: boolean, searchingForFacetValues: boolean}. The SearchResults type is described in the Helper’s documentation.
+   * meta is the list of metadata from all widgets whose connector defines a getMetadata method.
+   * searchForFacetValuesResults holds the search for facet values results.
+   */
+  getProvidedProps?(...args: any[]): any;
+
+  /**
+   * This method defines exactly how the refine prop of widgets affects the search state.
+   * It takes in the current props of the higher-order component, the search state of all widgets, as well as all arguments passed
+   * to the refine and createURL props of stateful widgets, and returns a new state.
+   */
+  refine?(...args: any[]): any;
+
+  /**
+   * This method applies the current props and state to the provided SearchParameters, and returns a new SearchParameters. The SearchParameters
+   * type is described in the Helper’s documentation.
+   * Every time the props or state of a widget change, all the getSearchParameters methods of all the registered widgets are called in a chain
+   * to produce a new SearchParameters. Then, if the output SearchParameters differs from the previous one, a new search is triggered.
+   * As such, the getSearchParameters method allows you to describe how the state and props of a widget should affect the search parameters.
+   */
+  getSearchParameters?(...args: any[]): any;
+
+  /**
+   * This method allows the widget to register a custom metadata object for any props and state combination.
+   * If your widget is stateful, the corresponding URL key should be declared on the metadata object as the id property, so that the InstantSearch
+   * component can determine which URL keys it controls and which are foreign and should be left intact.
+   * The metadata object also allows you to declare any data that you would like to pass down to all other widgets. The list of metadata objects of
+   * all components is available as the fourth argument to the getProvidedProps method.
+   * The CurrentRefinements widget leverages this mechanism in order to allow any widget to declare the filters it has applied. If you want to add
+   * your own filter, declare a filters property on your widget’s metadata
+   */
+  getMetadata?(...args: any[]): any;
+
+  /**
+   * This method needs to be implemented if you want to have the ability to perform a search for facet values inside your widget.
+   * It takes in the current props of the higher-order component, the search state of all widgets, as well as all arguments passed to the searchForFacetValues
+   * props of stateful widgets, and returns an object of the shape: {facetName: string, query: string, maxFacetHits?: number}. The default value for the
+   * maxFacetHits is the one set by the API which is 10.
+   */
+  searchForFacetValues?(...args: any[]): any;
+
+  /**
+   * This method is called when a widget is about to unmount in order to clean the searchState.
+   * It takes in the current props of the higher-order component and the searchState of all widgets and expect a new searchState in return.
+   * props are the props that were provided to the higher-order component.
+   * searchState holds the searchState of all widgets, with the shape {[widgetId]: widgetState}. Stateful widgets describe the format of their searchState
+   * in their respective documentation entry.
+   */
+  cleanUp?(...args: any[]): any;
+}
+
+/**
+ * Connectors are the HOC used to transform React components
+ * into InstantSearch widgets.
+ * In order to simplify the construction of such connectors
+ * `createConnector` takes a description and transform it into
+ * a connector.
+ * @param connectorDesc the description of the connector
+ * @return a function that wraps a component into
+ * an instantsearch connected one.
+ */
+export function createConnector(connectorDesc: ConnectorDescription): (Composed: React.ComponentType<any>) => React.ComponentClass<any>;
+
+// Utils
+export const HIGHLIGHT_TAGS: {
+  highlightPreTag: string,
+  highlightPostTag: string,
+};
+export const version: string;
+export function translatable(defaultTranslations: any): (Composed: React.ComponentType<any>) => React.ComponentClass<any>;
+
+// Widgets
+/**
+ * Configure is a widget that lets you provide raw search parameters
+ * to the Algolia API.
+ *
+ * Any of the props added to this widget will be forwarded to Algolia. For more information
+ * on the different parameters that can be set, have a look at the
+ * [reference](https://www.algolia.com/doc/api-client/javascript/search#search-parameters).
+ *
+ * This widget can be used either with react-dom and react-native. It will not render anything
+ * on screen, only configure some parameters.
+ */
+export class Configure extends React.Component<any, any> {}
+
+// Connectors
+export function connectAutoComplete(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectBreadcrumb(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectConfigure(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectCurrentRefinements(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface NESW {
+  northEast: { lat: number, lng: number };
+  southWest: { lat: number, lng: number };
+}
+
+export interface GeoSearchExposed {
+  defaultRefinement?: NESW;
+}
+export interface GeoSearchProvided<THit = any> {
+  /** a function to toggle the refinement */
+  refine: (refinement: NESW) => void;
+  /** a function to generate a URL for the corresponding search state */
+  createURL: (...args: any[]) => any;
+  /** the records that matched the search */
+  hits: THit[];
+  /** true if the current refinement is set with the map bounds */
+  isRefinedWithMap: boolean;
+  /** the refinement currently applied */
+  currentRefinement: NESW;
+  /** the position of the search */
+  position: { lat: number, lng: number };
+}
+/**
+ * The GeoSearch connector provides the logic to build a widget that will display the results on a map.
+ * It also provides a way to search for results based on their position. The connector provides function to manage the
+ * search experience (search on map interaction).
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectGeoSearch.html
+ */
+export function connectGeoSearch(stateless: React.StatelessComponent<GeoSearchProvided>): React.ComponentClass<GeoSearchExposed>;
+export function connectGeoSearch<TProps extends Partial<GeoSearchProvided<THit>>, THit>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, GeoSearchProvided<THit>, GeoSearchExposed>;
+
+export function connectHierarchicalMenu(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectHighlight(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+/**
+ * connectHits connector provides the logic to create connected components that will render the results retrieved from Algolia.
+ * To configure the number of hits retrieved, use HitsPerPage widget, connectHitsPerPage connector or pass the hitsPerPage prop to a Configure widget.
+ * Warning: you will need to use the objectID property available on every hit as a key when iterating over them. This will ensure you have the best possible UI experience especially on slow networks.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectHits.html
+ */
+export function connectHits<TProps extends { hits: THit[] }, THit>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, { hits?: THit[] }>;
+
+export function connectHitsPerPage(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface InfiniteHitsProvided<THit = any> {
+  /** the records that matched the search */
+  hits: THit[];
+  /** a function to toggle the refinement */
+  refine: (...args: any[]) => any;
+  /** indicates if there are more pages to load */
+  hasMore: boolean;
+}
+
+/**
+ * InfiniteHits connector provides the logic to create connected components that will render an continuous list of results retrieved from Algolia.
+ * This connector provides a function to load more results.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectInfiniteHits.html
+ */
+export function connectInfiniteHits(Composed: React.ComponentType<InfiniteHitsProvided>): React.ComponentClass;
+export function connectInfiniteHits<TProps extends Partial<InfiniteHitsProvided<THit>>, THit>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, InfiniteHitsProvided<THit>>;
+
+export interface MenuProvided {
+  items: Array<{ count: number, isRefined: boolean, label: string, value: string }>;
+  currentRefinement: string;
+  refine: (...args: any[]) => any;
+  createURL: (...args: any[]) => any;
+  searchForItems: (...args: any[]) => any;
+  isFromSearch: boolean;
+}
+export interface MenuExposed {
+  attribute: string;
+  showMore?: boolean;
+  limit?: number;
+  showMoreLimit?: number;
+  defaultRefinement?: string;
+  transformItems?: (...args: any[]) => any;
+  searchable?: boolean;
+}
+/**
+ * connectMenu connector provides the logic to build a widget that will give the user the ability to choose a single value for a specific facet.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectMenu.html
+ */
+export function connectMenu(stateless: React.StatelessComponent<MenuProvided>): React.ComponentClass<MenuExposed>;
+export function connectMenu<TProps extends Partial<MenuProvided>>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, MenuProvided, MenuExposed>;
+
+export interface NumericMenuProvided {
+  /** the list of ranges the NumericMenu can display. */
+  items: Array<{isRefined: boolean, label: string, value: string, noRefinement: boolean}>;
+  /**
+   * the refinement currently applied. follow the shape of a string with a pattern of '{start}:{end}' which corresponds to the current selected item.
+   * For instance, when the selected item is {start: 10, end: 20}, the searchState of the widget is '10:20'. When start isn’t defined, the searchState
+   * of the widget is ':{end}', and the same way around when end isn’t defined. However, when neither start nor end are defined, the searchState is an empty string.
+   */
+  currentRefinement: string;
+  /** a function to select a range. */
+  refine: (...args: any[]) => any;
+  /** a function to generate a URL for the corresponding search state */
+  createURL: (...args: any[]) => any;
+}
+export interface NumericMenuExposed {
+  id?: string;
+  /** the name of the attribute in the records */
+  attribute: string;
+  /** List of options. With a text label, and upper and lower bounds. */
+  items: Array<{
+    label: string | JSX.Element;
+    start?: number;
+    end?: number;
+  }>;
+  /** the value of the item selected by default, follow the shape of a string with a pattern of '{start}:{end}'. */
+  defaultRefinement?: string;
+  /** (...args: any[]) => any to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return. */
+  transformItems?: (...args: any[]) => any;
+}
+/**
+ * connectNumericMenu connector provides the logic to build a widget that will give the user the ability to select a range value for a numeric attribute.
+ * Ranges are defined statically.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectNumericMenu.html
+ */
+export function connectNumericMenu(stateless: React.StatelessComponent<NumericMenuProvided>): React.ComponentClass<NumericMenuExposed>;
+export function connectNumericMenu<TProps extends Partial<NumericMenuProvided>>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, NumericMenuProvided, NumericMenuExposed>;
+
+export function connectPagination(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectPoweredBy(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectRange(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface RefinementListProvided {
+  /** a function to toggle a refinement */
+  refine: (...args: any[]) => any;
+  /** a function to generate a URL for the corresponding search state */
+  createURL: (...args: any[]) => any;
+  /** the refinement currently applied */
+  currentRefinement: string[];
+  /** the list of items the RefinementList can display. */
+  items: Array<Hit<{ count: number, isRefined: boolean, label: string, value: string }>>;
+  /** a function to toggle a search inside items values */
+  searchForItems: (...args: any[]) => any;
+  /** a boolean that says if the items props contains facet values from the global search or from the search inside items. */
+  isFromSearch: boolean;
+  /** a boolean that says whether you can currently refine */
+  canRefine: boolean;
+}
+export interface RefinementListExposed {
+  /** the name of the attribute in the record */
+  attribute: string;
+  /** allow search inside values */
+  searchable?: boolean;
+  /** How to apply the refinements. Possible values: ‘or’ or ‘and’. */
+  operator?: 'or' | 'and';
+  /** true if the component should display a button that will expand the number of items */
+  showMore?: boolean;
+  /** the minimum number of displayed items */
+  limit?: number;
+  /** the maximun number of displayed items. Only used when showMore is set to true */
+  showMoreLimit?: number;
+  /**
+   * the values of the items selected by default. The searchState of this widget takes the form of a list of strings,
+   * which correspond to the values of all selected refinements. However, when there are no refinements selected,
+   * the value of the searchState is an empty string.
+   */
+  defaultRefinement?: string[];
+  /** (...args: any[]) => any to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return. */
+  transformItems?: (...args: any[]) => any;
+}
+
+/**
+ * connectRefinementList connector provides the logic to build a widget that will give the user the ability to choose multiple values for a specific facet.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectRefinementList.html
+ */
+export function connectRefinementList(stateless: React.StatelessComponent<RefinementListProvided>): React.ComponentClass<RefinementListExposed>;
+export function connectRefinementList<TProps extends Partial<RefinementListProvided>>(ctor: React.ComponentType<TProps>):
+  ConnectedComponentClass<TProps, RefinementListProvided, RefinementListExposed>;
+
+export function connectScrollTo(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface SearchBoxProvided {
+  /** a function to change the current query */
+  refine: (...args: any[]) => any;
+  /** the current query used */
+  currentRefinement: string;
+  /** a flag that indicates if InstantSearch has detected that searches are stalled */
+  isSearchStalled: boolean;
+}
+export interface SearchBoxExposed {
+  /** Provide a default value for the query */
+  defaultRefinement?: string;
+}
+export function connectSearchBox(stateless: React.StatelessComponent<SearchBoxProvided>): React.ComponentClass<SearchBoxExposed>;
+export function connectSearchBox<TProps extends Partial<SearchBoxProvided>>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, SearchBoxProvided, SearchBoxExposed>;
+
+export function connectSortBy(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface StateResultsProvided<TDoc = BasicDoc> {
+  /** The search state of the instant search component.  */
+  searchState: SearchState;
+  /**
+   * The search results.
+   * In case of multiple indices: if used under <Index>, results will be those of the corresponding index
+   * otherwise it’ll be those of the root index
+   */
+  searchResults: SearchResults<TDoc>;
+  /** In case of multiple indices you can retrieve all the results */
+  allSearchResults: { [index: string]: SearchResults<TDoc> };
+  /** If there is a search in progress. */
+  searching: boolean;
+  /** Flag that indicates if React InstantSearch has detected that searches are stalled. */
+  isSearchStalled: any;
+  /** If the search failed, the error will be logged here. */
+  error: AlgoliaError;
+  /** If there is a search in a list in progress. */
+  searchingForFacetValues: any;
+}
+/**
+ * The connectStateResults connector provides a way to access the `searchState` and the `searchResults` of InstantSearch.
+ * For instance this connector allows you to create results/noResults or query/noQuery pages.
+ *
+ * https://community.algolia.com/react-instantsearch/connectors/connectStateResults.html
+ */
+export function connectStateResults(stateless: React.StatelessComponent<StateResultsProvided>): React.ComponentClass;
+export function connectStateResults<TProps extends Partial<StateResultsProvided<TDoc>>, TDoc>(ctor: React.ComponentType<TProps>): ConnectedComponentClass<TProps, StateResultsProvided<TDoc>>;
+
+export function connectStats(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+export function connectToggleRefinement(Composed: React.ComponentType<any>): React.ComponentClass<any>;
+
+export interface AlgoliaError {
+  stack: string;
+  name: string;
+  message: string;
+  debugData: any[];
+  statusCode: number;
+}
+
+type Omit<T1, T2> = Pick<T1, Exclude<keyof T1, keyof T2>>;
+
+export type ConnectedComponentClass<TProps, TProvidedProps, TExposedProps = {}>
+  = React.ComponentClass<Omit<TProps, TProvidedProps> & TExposedProps>;
+
+/**
+ * The searchState contains all widgets states. If a widget uses an attribute,
+ * we store it under its widget category to prevent collision.
+ *
+ * https://community.algolia.com/react-instantsearch/guide/Search_state.html
+ */
+export interface SearchState {
+  range?: {
+    [key: string]: {
+      min: number;
+      max: number;
+    }
+  };
+  configure?: {
+    aroundLatLng: boolean;
+    [key: string]: any;
+  };
+  refinementList?: {
+    [key: string]: string[]
+  };
+  hierarchicalMenu?: {
+    [key: string]: string
+  };
+  menu?: {
+    [key: string]: string
+  };
+  multiRange?: {
+    [key: string]: string
+  };
+  toggle?: {
+    [key: string]: boolean
+  };
+  hitsPerPage?: number;
+  sortBy?: string;
+  query?: string;
+  page?: number;
+
+  indices?: {
+    [index: string]: {
+      configure: {
+        hitsPerPage: number,
+      },
+    }
+  };
+}
+
+/**
+ * The most basic possible document in an Algolia index:
+ * a set of string-value pairs.
+ */
+export interface BasicDoc { [k: string]: string; }
+
+/**
+ * The shape of the searchResults object provided
+ * via connectors
+ * https://community.algolia.com/algoliasearch-helper-js/reference.html#searchresults
+ */
+export interface SearchResults<TDoc = BasicDoc> {
+  query: string;
+  hits: Array<Hit<TDoc>>;
+  index: string;
+  hitsPerPage: number;
+  nbHits: number;
+  nbPages: number;
+  page: number;
+  processingTimeMS: number;
+  exhaustiveNbHits: true;
+  disjunctiveFacets: any[];
+  hierarchicalFacets: any[];
+  facets: any[];
+  aroundLatLng?: string;
+  automaticRadius?: string;
+}
+
+/**
+ * All the records that match the search parameters.
+ * Each record is augmented with a new attribute `_highlightResult` which is an
+ * object keyed by attribute and contains additional properties
+ * https://community.algolia.com/algoliasearch-helper-js/reference.html#SearchResults#hits
+ */
+export type Hit<TDoc = BasicDoc> = TDoc & {
+  objectID: string;
+  '_highlightResult': HighlightResult<TDoc>;
+};
+
+export type HighlightResult<TDoc> =
+  TDoc extends { [k: string]: any } ?
+    { [K in keyof TDoc]: HighlightResultField<TDoc[K]> } :
+    never;
+
+type HighlightResultField<TField> =
+  TField extends Array<infer TItem> ?
+    HighlightResultArray<TItem> :
+    TField extends string ?
+      HighlightResultPrimitive :
+      HighlightResult<TField>;
+
+type HighlightResultArray<TItem> =
+  TItem extends string ?
+    HighlightResultPrimitive[] :
+    Array<HighlightResult<TItem>>;
+
+interface HighlightResultPrimitive {
+  /** the value of the facet highlighted (html) */
+  value: string;
+  /** full, partial or none depending on how the query terms match */
+  matchLevel: 'none' | 'partial' | 'full';
+  matchedWords: string[];
+  fullyHighlighted?: boolean;
+}
+
+// Turn off automatic exports - so we don't export internal types like Omit<>
+export {};
diff --git a/types/react-instantsearch-core/react-instantsearch-core-tests.tsx b/types/react-instantsearch-core/react-instantsearch-core-tests.tsx
new file mode 100644
index 0000000000..62bf99e3d4
--- /dev/null
+++ b/types/react-instantsearch-core/react-instantsearch-core-tests.tsx
@@ -0,0 +1,155 @@
+import * as React from 'react';
+import {
+  createInstantSearch,
+  createIndex,
+  createConnector,
+  SearchResults,
+  connectStateResults,
+  SearchBoxProvided,
+  connectSearchBox,
+  connectRefinementList
+} from 'react-instantsearch-core';
+
+() => {
+  const InstantSearch = createInstantSearch(() => ({}), {Root: 'div', props: {className: `widget`}});
+
+  <InstantSearch appId={'test'} apiKey={'test'}>
+    <div></div>
+  </InstantSearch>;
+};
+
+() => {
+  const Index = createIndex({Root: 'div', props: {className: `widget`}});
+
+  <Index indexName={'test'} root={{Root: 'div', props: {className: `widget`}}}>
+    <div></div>
+  </Index>;
+};
+
+// https://community.algolia.com/react-instantsearch/guide/Custom_connectors.html
+() => {
+  const CoolWidget = createConnector({
+    displayName: 'CoolWidget',
+
+    getProvidedProps(props, searchState) {
+      // Since the `queryAndPage` searchState entry isn't necessarily defined, we need
+      // to default its value.
+      const [query, page] = searchState.queryAndPage || ['', 0];
+
+      // Connect the underlying component to the `queryAndPage` searchState entry.
+      return {
+        query,
+        page,
+      };
+    },
+
+    refine(props, searchState, newQuery, newPage) {
+      // When the underlying component calls its `refine` prop, update the searchState
+      // with the new query and page.
+      return {
+        // `searchState` represents the search state of *all* widgets. We need to extend it
+        // instead of replacing it, otherwise other widgets will lose their
+        // respective state.
+        ...searchState,
+        queryAndPage: [newQuery, newPage],
+      };
+    },
+  })(props =>
+    <div>
+      The query is {props.query}, the page is {props.page}.
+      {/*
+        Clicking on this button will update the searchState to:
+        {
+          ...otherSearchState,
+          query: 'algolia',
+          page: 20,
+        }
+      */}
+      <button onClick={() => props.refine('algolia', 20)} />
+      {/*
+        Clicking on this button will update the searchState to:
+        {
+          ...otherSearchState,
+          query: 'instantsearch',
+          page: 15,
+        }
+      */}
+      <button onClick={() => props.refine('instantsearch', 15)} />
+    </div>
+  );
+
+  <CoolWidget>
+    <div></div>
+  </CoolWidget>;
+};
+
+() => {
+  interface StateResultsProps {
+    searchResults: SearchResults<{
+      field1: string
+      field2: number
+      field3: { compound: string }
+     }>;
+    // partial of StateResultsProvided
+
+    additionalProp: string;
+  }
+
+  const Stateless = ({ additionalProp, searchResults }: StateResultsProps) =>
+    <div>
+      <h1>{additionalProp}</h1>
+      {searchResults.hits.map((h) => {
+        // $ExpectType string
+        const compound = h._highlightResult.field3.compound.value;
+        // $ExpectType never
+        const field2 = h._highlightResult.field2;
+        return <span>{compound}</span>;
+      })}
+    </div>;
+  const ComposedStateless = connectStateResults(Stateless);
+
+  <ComposedStateless />; // $ExpectError
+
+  <ComposedStateless additionalProp='test' />;
+
+  class MyComponent extends React.Component<StateResultsProps> {
+    render() {
+      const { additionalProp, searchResults } = this.props;
+      return <div>
+      <h1>{additionalProp}</h1>
+      {searchResults.hits.map((h) => {
+        // $ExpectType string[]
+        const words = h._highlightResult.field3.compound.matchedWords;
+        return <span>{h.field2}: {words.join(',')}</span>;
+      })}
+    </div>;
+    }
+  }
+  const ComposedMyComponent = connectStateResults(MyComponent);
+
+  <ComposedMyComponent />; // $ExpectError
+
+  <ComposedMyComponent additionalProp='test' />;
+};
+
+() => {
+  const InstantSearch = createInstantSearch(
+    () => null, // $ExpectError
+    {}
+  );
+};
+
+// https://community.algolia.com/react-instantsearch/guide/Connectors.html
+() => {
+  const MySearchBox = ({currentRefinement, refine}: SearchBoxProvided) =>
+    <input
+      type="text"
+      value={currentRefinement}
+      onChange={e => refine(e.target.value)}
+    />;
+
+  // `ConnectedSearchBox` renders a `<MySearchBox>` widget that is connected to
+  // the <InstantSearch> state, providing it with `currentRefinement` and `refine` props for
+  // reading and manipulating the current query of the search.
+  const ConnectedSearchBox = connectSearchBox(MySearchBox);
+};
diff --git a/types/react-instantsearch-core/tsconfig.json b/types/react-instantsearch-core/tsconfig.json
new file mode 100644
index 0000000000..44fe46a735
--- /dev/null
+++ b/types/react-instantsearch-core/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "jsx": "react",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-instantsearch-core-tests.tsx"
+    ]
+}
diff --git a/types/react-instantsearch-core/tslint.json b/types/react-instantsearch-core/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-instantsearch-core/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-instantsearch-dom/index.d.ts b/types/react-instantsearch-dom/index.d.ts
new file mode 100644
index 0000000000..f1dec59118
--- /dev/null
+++ b/types/react-instantsearch-dom/index.d.ts
@@ -0,0 +1,136 @@
+// Type definitions for react-instantsearch 5.2
+// Project: https://community.algolia.com/react-instantsearch/
+// Definitions by: Gordon Burgett <https://github.com/gburgett>
+//                 Justin Powell <https://github.com/jpowell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+import * as React from 'react';
+
+import { Hit, BasicDoc } from 'react-instantsearch-core';
+
+// Core
+export { createConnector } from 'react-instantsearch-core';
+export { HIGHLIGHT_TAGS } from 'react-instantsearch-core';
+export { translatable } from 'react-instantsearch-core';
+
+// Widget
+export { Configure } from 'react-instantsearch-core';
+
+// Connectors
+export { connectAutoComplete } from 'react-instantsearch-core';
+export { connectBreadcrumb } from 'react-instantsearch-core';
+export { connectConfigure } from 'react-instantsearch-core';
+export { connectCurrentRefinements } from 'react-instantsearch-core';
+export { connectGeoSearch } from 'react-instantsearch-core';
+export { connectHierarchicalMenu } from 'react-instantsearch-core';
+export { connectHighlight } from 'react-instantsearch-core';
+export { connectHits } from 'react-instantsearch-core';
+export { connectHitsPerPage } from 'react-instantsearch-core';
+export { connectInfiniteHits } from 'react-instantsearch-core';
+export { connectMenu } from 'react-instantsearch-core';
+export { connectNumericMenu } from 'react-instantsearch-core';
+export { connectPagination } from 'react-instantsearch-core';
+export { connectPoweredBy } from 'react-instantsearch-core';
+export { connectRange } from 'react-instantsearch-core';
+export { connectRefinementList } from 'react-instantsearch-core';
+export { connectScrollTo } from 'react-instantsearch-core';
+export { connectSearchBox } from 'react-instantsearch-core';
+export { connectSortBy } from 'react-instantsearch-core';
+export { connectStateResults } from 'react-instantsearch-core';
+export { connectStats } from 'react-instantsearch-core';
+export { connectToggleRefinement } from 'react-instantsearch-core';
+
+// DOM
+interface CommonWidgetProps {
+  /**
+   * All static text rendered by widgets, such as “Load more”, “Show more” are translatable using the translations prop on relevant widgets.
+   * This prop is a mapping of keys to translation values. Translation values can be either a String or a (...args: any[]) => any, as some take parameters.
+   *
+   * https://community.algolia.com/react-instantsearch/guide/i18n.html
+   */
+  translations?: { [key: string]: string | ((...args: any[]) => any) };
+}
+
+export interface InstantSearchProps {
+  apiKey: string;
+  appId: string;
+  indexName: string;
+
+  algoliaClient?: any;
+  searchClient?: any;
+  createURL?: (...args: any[]) => any;
+  searchState?: any;
+  refresh?: boolean;
+  onSearchStateChange?: (...args: any[]) => any;
+  onSearchParameters?: (...args: any[]) => any;
+  resultsState?: any;
+  root?: {
+    Root: string | ((...args: any[]) => any);
+    props: any;
+  };
+}
+/**
+ * <InstantSearch> is the root component of all React InstantSearch implementations. It provides all the connected components (aka widgets) a means to interact with the searchState.
+ *
+ * https://community.algolia.com/react-instantsearch/widgets/%3CInstantSearch%3E.html
+ */
+export class InstantSearch extends React.Component<InstantSearchProps> {}
+export class Index extends React.Component<any> {}
+export class Breadcrumb extends React.Component<any> {}
+export class ClearRefinements extends React.Component<any> {}
+export class CurrentRefinements extends React.Component<any> {}
+export class HierarchicalMenu extends React.Component<any> {}
+export class Highlight extends React.Component<any> {}
+
+export interface HitsProps<T> {
+  hitComponent?: React.ComponentType<{ hit: Hit<T> }>;
+}
+/**
+ * Displays a list of hits.
+ * To configure the number of hits being shown, use the HitsPerPage widget, connectHitsPerPage connector or the Configure widget.
+ *
+ * https://community.algolia.com/react-instantsearch/widgets/Hits.html
+ */
+export class Hits<T = BasicDoc> extends React.Component<HitsProps<T>> {}
+export class HitsPerPage extends React.Component<any> {}
+export class InfiniteHits extends React.Component<any> {}
+export class Menu extends React.Component<any> {}
+export class MenuSelect extends React.Component<any> {}
+export class NumericMenu extends React.Component<any> {}
+export class Pagination extends React.Component<any> {}
+export class Panel extends React.Component<any> {}
+export class PoweredBy extends React.Component<any> {}
+export class RangeInput extends React.Component<any> {}
+export class RangeSlider extends React.Component<any> {}
+export class RatingMenu extends React.Component<any> {}
+export class RefinementList extends React.Component<any> {}
+export class ScrollTo extends React.Component<any> {}
+
+export interface SearchBoxProps extends CommonWidgetProps {
+  focusShortcuts?: string[];
+  autoFocus?: boolean;
+  defaultRefinement?: string;
+  searchAsYouType?: boolean;
+  showLoadingIndicator?: boolean;
+
+  submit?: JSX.Element;
+  reset?: JSX.Element;
+  loadingIndicator?: JSX.Element;
+
+  onSubmit?: (...args: any[]) => any;
+  onReset?: (...args: any[]) => any;
+}
+/**
+ * The SearchBox component displays a search box that lets the user search for a specific query.
+ *
+ * https://community.algolia.com/react-instantsearch/widgets/SearchBox.html
+ */
+export class SearchBox extends React.Component<SearchBoxProps> {}
+export class Snippet extends React.Component<any> {}
+export class SortBy extends React.Component<any> {}
+/**
+ * The Stats component displays the total number of matching hits and the time it took to get them (time spent in the Algolia server).
+ */
+export class Stats extends React.Component<{translations?: { [key: string]: (n: number, ms: number) => string }}> {}
+export class ToggleRefinement extends React.Component<any> {}
diff --git a/types/react-instantsearch-dom/react-instantsearch-dom-tests.tsx b/types/react-instantsearch-dom/react-instantsearch-dom-tests.tsx
new file mode 100644
index 0000000000..6d9b7b55f8
--- /dev/null
+++ b/types/react-instantsearch-dom/react-instantsearch-dom-tests.tsx
@@ -0,0 +1,265 @@
+import * as React from 'react';
+import { InstantSearch, Hits, Highlight, SearchBox, RefinementList, CurrentRefinements, ClearRefinements, Pagination, Menu, Configure, Index } from 'react-instantsearch/dom';
+import { Hit, connectRefinementList, connectMenu } from 'react-instantsearch-core';
+
+// DOM
+// https://community.algolia.com/react-instantsearch/Getting_started.html
+() => {
+  const App = () => (
+    <InstantSearch
+      appId="latency"
+      apiKey="3d9875e51fbd20c7754e65422f7ce5e1"
+      indexName="bestbuy"
+    >
+      <Search />
+    </InstantSearch>
+  );
+
+  function Search() {
+    return (
+      <div className="container">
+        <Hits />
+      </div>
+    );
+  }
+
+  function Product({ hit }: { hit: Hit }) {
+    return <div>{hit.name}</div>;
+  }
+
+  function Search2() {
+    return (
+      <div>
+        <Hits hitComponent={Product} />
+      </div>
+    );
+  }
+
+  function Product2({ hit }: { hit: Hit }) {
+    return (
+      <div style={{ marginTop: '10px' }}>
+        <span className="hit-name">
+          <Highlight attribute="name" hit={hit} />
+        </span>
+      </div>
+    );
+  }
+
+  function Search3() {
+    return (
+      <div className="container">
+        <SearchBox />
+        <RefinementList attribute="category" />
+        <Hits hitComponent={Product} />
+      </div>
+    );
+  }
+
+  function Search4() {
+    return (
+      <div className="container">
+        <CurrentRefinements />
+        <ClearRefinements />
+        <SearchBox />
+        <RefinementList attribute="category" />
+        <Hits hitComponent={Product} />
+        <Pagination />
+      </div>
+    );
+  }
+};
+
+// https://community.algolia.com/react-instantsearch/guide//Highlighting_results.html
+() => {
+  const Hit = ({ hit }: { hit: Hit }) => (
+    <p>
+      <Highlight attribute="description" hit={hit} tagName="mark" />
+    </p>
+  );
+
+  function App() {
+    return (
+      <InstantSearch
+        appId="latency"
+        apiKey="6be0576ff61c053d5f9a3225e2a90f76"
+        indexName="instant_search"
+      >
+        <Hits hitComponent={Hit} />
+      </InstantSearch>
+    );
+  }
+};
+
+// TODO
+// () => {
+//   const CustomHighlight = connectHighlight(
+//     ({ highlight, attribute, hit, highlightProperty }) => {
+//       const parsedHit = highlight({
+//         attribute,
+//         hit,
+//         highlightProperty: '_highlightResult'
+//       });
+//       const highlightedHits = parsedHit.map(part => {
+//         if (part.isHighlighted) return <mark>{part.value}</mark>;
+//         return part.value;
+//       });
+//       return <div>{highlightedHits}</div>;
+//     }
+//   );
+
+//   const Hit = ({ hit }: { hit: Hit }) => (
+//     <p>
+//       <CustomHighlight attribute="description" hit={hit} />
+//     </p>
+//   );
+
+//   function App() {
+//     return (
+//       <InstantSearch
+//         appId="latency"
+//         apiKey="6be0576ff61c053d5f9a3225e2a90f76"
+//         indexName="instant_search"
+//       >
+//         <Hits hitComponent={Hit} />
+//       </InstantSearch>
+//     );
+//   }
+// };
+
+// https://community.algolia.com/react-instantsearch/guide/i18n.html
+() => {
+  const App = () => (
+    <InstantSearch
+      appId="..."
+      apiKey="..."
+      indexName="..."
+    >
+      <Menu
+        attribute="fruits"
+        translations={{ showMore: 'Voir plus' }}
+      />
+    </InstantSearch>
+  );
+};
+
+// https://community.algolia.com/react-instantsearch/guide/Sorting_and_filtering.html
+// TODO
+// () => {
+//   const App = () => (
+//     <InstantSearch
+//       appId="..."
+//       apiKey="..."
+//       indexName="..."
+//     >
+//       <SearchBox defaultRefinement="hi" />
+//       <RefinementList
+//         attribute="category"
+//         transformItems={items =>
+//           orderBy(items, ['label', 'count'], ['asc', 'desc'])
+//         }
+//       />
+//     </InstantSearch>
+//   );
+// };
+
+// https://community.algolia.com/react-instantsearch/guide/Default_refinements.html
+() => {
+  const App = () => (
+    <InstantSearch
+      appId="..."
+      apiKey="..."
+      indexName="..."
+    >
+      <SearchBox defaultRefinement="hi" />
+      <Menu attribute="fruits" defaultRefinement="Orange" />
+    </InstantSearch>
+  );
+};
+
+// TODO
+// () => {
+//   const VirtualMenu = connectMenu(() => null);
+
+//   const App = () => (
+//     <InstantSearch
+//       appId="..."
+//       apiKey="..."
+//       indexName="..."
+//     >
+//       <div>
+//         <CurrentRefinements
+//           transformItems={items =>
+//             items.filter(item => item.currentRefinement !== 'Orange')
+//           }
+//         />
+//         <SearchBox/>
+//         <VirtualMenu attribute="fruits" defaultRefinement="Orange" />
+//         <Menu attribute="origin" defaultRefinement="Spain" />
+//       </div>
+//     </InstantSearch>
+//   );
+// };
+
+// https://community.algolia.com/react-instantsearch/guide/Searching_in_Lists.html
+
+<RefinementList attribute="products" searchable />;
+
+() => {
+  // https://community.algolia.com/react-instantsearch/guide/Search_parameters.html
+  <InstantSearch
+    appId="appId"
+    apiKey="apiKey"
+    indexName="indexName"
+  >
+    <Configure distinct={1}/>
+    // widgets
+  </InstantSearch>;
+};
+
+import { createInstantSearch } from 'react-instantsearch-dom/server';
+// import { createServer } from 'http';
+declare function createServer(handler: (req: any, res: any) => any): any;
+import { renderToString } from 'react-dom/server';
+
+() => {
+  // https://community.algolia.com/react-instantsearch/guide/Server-side_rendering.html
+
+  // Now we create a dedicated `InstantSearch` component
+  const { InstantSearch, findResultsState } = createInstantSearch();
+
+  class App extends React.Component<any> {
+    render() {
+      return (
+        <InstantSearch
+          appId="appId"
+          apiKey="apiKey"
+          indexName="indexName"
+          searchState={this.props.searchState}
+          resultsState={this.props.resultsState}
+        >
+          <SearchBox />
+          <Hits />
+        </InstantSearch>
+      );
+    }
+  }
+
+  const server = createServer(async (req, res) => {
+    const searchState = {query: 'chair'};
+    const resultsState = await findResultsState(App, {searchState});
+    const appInitialState = {searchState, resultsState};
+    const appAsString = renderToString(<App {...appInitialState} />);
+    res.send(
+  `
+  <!doctype html>
+  <html>
+    <body>
+      <h1>Awesome server-side rendered search</h1>
+      <did id="root">${appAsString}</div>
+      <script>window.__APP_INITIAL_STATE__ = ${JSON.stringify(appInitialState)}</script>
+      <script src="bundle.js"></script> <!-- this is the build of browser.js -->
+    </body>
+  </html>`
+    );
+  });
+};
diff --git a/types/react-instantsearch-dom/server.d.ts b/types/react-instantsearch-dom/server.d.ts
new file mode 100644
index 0000000000..b1ba930ace
--- /dev/null
+++ b/types/react-instantsearch-dom/server.d.ts
@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+/**
+ * Creates a specialized root InstantSearch component. It accepts
+ * an algolia client and a specification of the root Element.
+ * @param defaultAlgoliaClient - a function that builds an Algolia client
+ * @returns an InstantSearch root
+ */
+export function createInstantSearch(
+  defaultAlgoliaClient?: (appId: string, apiKey: string, options: { _useRequestCache: boolean }) => object
+): {
+  InstantSearch: React.ComponentClass<any>;
+  findResultsState(App: React.ComponentType<any>, props: any): Promise<any>
+};
diff --git a/types/react-instantsearch-dom/tsconfig.json b/types/react-instantsearch-dom/tsconfig.json
new file mode 100644
index 0000000000..15ec605c21
--- /dev/null
+++ b/types/react-instantsearch-dom/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "server.d.ts",
+        "react-instantsearch-dom-tests.tsx"
+    ]
+}
diff --git a/types/react-instantsearch-dom/tslint.json b/types/react-instantsearch-dom/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-instantsearch-dom/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-instantsearch-native/index.d.ts b/types/react-instantsearch-native/index.d.ts
new file mode 100644
index 0000000000..6b328de132
--- /dev/null
+++ b/types/react-instantsearch-native/index.d.ts
@@ -0,0 +1,68 @@
+// Type definitions for react-instantsearch-native 5.3
+// Project: https://community.algolia.com/react-instantsearch
+// Definitions by: Gordon Burgett <https://github.com/gburgett>
+//                 Justin Powell <https://github.com/jpowell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+import * as React from 'react';
+
+// Core
+export { createConnector } from 'react-instantsearch-core';
+export { HIGHLIGHT_TAGS } from 'react-instantsearch-core';
+export { translatable } from 'react-instantsearch-core';
+
+// Widget
+export { Configure } from 'react-instantsearch-core';
+
+// Connectors
+export { connectAutoComplete } from 'react-instantsearch-core';
+export { connectBreadcrumb } from 'react-instantsearch-core';
+export { connectConfigure } from 'react-instantsearch-core';
+export { connectCurrentRefinements } from 'react-instantsearch-core';
+export { connectGeoSearch } from 'react-instantsearch-core';
+export { connectHierarchicalMenu } from 'react-instantsearch-core';
+export { connectHighlight } from 'react-instantsearch-core';
+export { connectHits } from 'react-instantsearch-core';
+export { connectHitsPerPage } from 'react-instantsearch-core';
+export { connectInfiniteHits } from 'react-instantsearch-core';
+export { connectMenu } from 'react-instantsearch-core';
+export { connectNumericMenu } from 'react-instantsearch-core';
+export { connectPagination } from 'react-instantsearch-core';
+export { connectPoweredBy } from 'react-instantsearch-core';
+export { connectRange } from 'react-instantsearch-core';
+export { connectRefinementList } from 'react-instantsearch-core';
+export { connectScrollTo } from 'react-instantsearch-core';
+export { connectSearchBox } from 'react-instantsearch-core';
+export { connectSortBy } from 'react-instantsearch-core';
+export { connectStateResults } from 'react-instantsearch-core';
+export { connectStats } from 'react-instantsearch-core';
+export { connectToggleRefinement } from 'react-instantsearch-core';
+
+// Native
+export interface InstantSearchProps {
+    apiKey: string;
+    appId: string;
+    indexName: string;
+
+    algoliaClient?: any;
+    searchClient?: any;
+    createURL?: (...args: any[]) => any;
+    searchState?: any;
+    refresh?: boolean;
+    onSearchStateChange?: (...args: any[]) => any;
+    onSearchParameters?: (...args: any[]) => any;
+    resultsState?: any;
+    root?: {
+        Root: string | ((...args: any[]) => any);
+        props: any;
+    };
+}
+/**
+ * <InstantSearch> is the root component of all React InstantSearch implementations. It provides all the connected components (aka widgets) a means to interact with the searchState.
+ *
+ * https://community.algolia.com/react-instantsearch/widgets/%3CInstantSearch%3E.html
+ */
+export class InstantSearch extends React.Component<InstantSearchProps> {}
+
+export class Index extends React.Component<any> {}
diff --git a/types/react-instantsearch-native/react-instantsearch-native-tests.tsx b/types/react-instantsearch-native/react-instantsearch-native-tests.tsx
new file mode 100644
index 0000000000..7a369b0487
--- /dev/null
+++ b/types/react-instantsearch-native/react-instantsearch-native-tests.tsx
@@ -0,0 +1,69 @@
+import * as React from "react";
+
+import { SearchBox, Hits, Highlight, Menu } from "react-instantsearch-dom";
+import { InstantSearch, Index, connectStateResults } from 'react-instantsearch-native';
+import { values } from 'lodash';
+
+// https://community.algolia.com/react-instantsearch/guide/Conditional_display.html
+const App = () => (
+  <InstantSearch appId="" apiKey="" indexName="first">
+    <SearchBox />
+    <AllResults>
+      <div>
+        <Index indexName="first">
+          <IndexResults>
+            <div>
+              <div>first: </div>
+              <Hits />
+            </div>
+          </IndexResults>
+        </Index>
+        <Index indexName="second">
+          <IndexResults>
+            <div>
+              <div>second: </div>
+              <Hits />
+            </div>
+          </IndexResults>
+        </Index>
+        <Index indexName="third">
+          <IndexResults>
+            <div>
+              <div>third: </div>
+              <Hits />
+            </div>
+          </IndexResults>
+        </Index>
+      </div>
+    </AllResults>
+  </InstantSearch>
+);
+
+const IndexResults = connectStateResults(
+  ({ searchState, searchResults, children }) =>
+    searchResults && searchResults.nbHits !== 0 ? (
+      children as React.ReactElement<any>
+    ) : (
+      <div>
+        No results has been found for {searchState.query} and index{' '}
+        {searchResults ? searchResults.index : ''}
+      </div>
+    )
+);
+
+const AllResults = connectStateResults(({ allSearchResults, children }) => {
+  const hasResults =
+    allSearchResults &&
+      values(allSearchResults).some(results => results.nbHits > 0);
+
+  return !hasResults ? (
+    <div>
+      <div>No results in category, products or brand</div>
+      <Index indexName="first" />
+      <Index indexName="second" />
+      <Index indexName="third" />
+    </div>
+  ) : (
+    children as React.ReactElement<any>
+  );
+});
diff --git a/types/react-instantsearch-native/tsconfig.json b/types/react-instantsearch-native/tsconfig.json
new file mode 100644
index 0000000000..d4fb7501c4
--- /dev/null
+++ b/types/react-instantsearch-native/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-instantsearch-native-tests.tsx"
+    ]
+}
diff --git a/types/react-instantsearch-native/tslint.json b/types/react-instantsearch-native/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-instantsearch-native/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-instantsearch/connectors.d.ts b/types/react-instantsearch/connectors.d.ts
new file mode 100644
index 0000000000..e926f79e0a
--- /dev/null
+++ b/types/react-instantsearch/connectors.d.ts
@@ -0,0 +1,22 @@
+export { connectAutoComplete } from 'react-instantsearch-core';
+export { connectBreadcrumb } from 'react-instantsearch-core';
+export { connectConfigure } from 'react-instantsearch-core';
+export { connectCurrentRefinements } from 'react-instantsearch-core';
+export { connectGeoSearch, GeoSearchExposed, GeoSearchProvided, NESW } from 'react-instantsearch-core';
+export { connectHierarchicalMenu } from 'react-instantsearch-core';
+export { connectHighlight } from 'react-instantsearch-core';
+export { connectHits, Hit } from 'react-instantsearch-core';
+export { connectHitsPerPage } from 'react-instantsearch-core';
+export { connectInfiniteHits } from 'react-instantsearch-core';
+export { connectMenu, MenuExposed, MenuProvided } from 'react-instantsearch-core';
+export { connectNumericMenu, NumericMenuExposed, NumericMenuProvided } from 'react-instantsearch-core';
+export { connectPagination } from 'react-instantsearch-core';
+export { connectPoweredBy } from 'react-instantsearch-core';
+export { connectRange } from 'react-instantsearch-core';
+export { connectRefinementList, RefinementListExposed, RefinementListProvided } from 'react-instantsearch-core';
+export { connectScrollTo } from 'react-instantsearch-core';
+export { connectSearchBox, SearchBoxExposed, SearchBoxProvided } from 'react-instantsearch-core';
+export { connectSortBy } from 'react-instantsearch-core';
+export { connectStateResults, StateResultsProvided, SearchState, SearchResults } from 'react-instantsearch-core';
+export { connectStats } from 'react-instantsearch-core';
+export { connectToggleRefinement } from 'react-instantsearch-core';
diff --git a/types/react-instantsearch/dom.d.ts b/types/react-instantsearch/dom.d.ts
new file mode 100644
index 0000000000..ad857eaa58
--- /dev/null
+++ b/types/react-instantsearch/dom.d.ts
@@ -0,0 +1,27 @@
+export { InstantSearch, InstantSearchProps } from 'react-instantsearch-dom';
+export { Index } from 'react-instantsearch-dom';
+export { Breadcrumb } from 'react-instantsearch-dom';
+export { ClearRefinements } from 'react-instantsearch-dom';
+export { Configure } from 'react-instantsearch-dom';
+export { CurrentRefinements } from 'react-instantsearch-dom';
+export { HierarchicalMenu } from 'react-instantsearch-dom';
+export { Highlight } from 'react-instantsearch-dom';
+export { Hits, HitsProps } from 'react-instantsearch-dom';
+export { HitsPerPage } from 'react-instantsearch-dom';
+export { InfiniteHits } from 'react-instantsearch-dom';
+export { Menu } from 'react-instantsearch-dom';
+export { MenuSelect } from 'react-instantsearch-dom';
+export { NumericMenu } from 'react-instantsearch-dom';
+export { Pagination } from 'react-instantsearch-dom';
+export { Panel } from 'react-instantsearch-dom';
+export { PoweredBy } from 'react-instantsearch-dom';
+export { RangeInput } from 'react-instantsearch-dom';
+export { RangeSlider } from 'react-instantsearch-dom';
+export { RatingMenu } from 'react-instantsearch-dom';
+export { RefinementList } from 'react-instantsearch-dom';
+export { ScrollTo } from 'react-instantsearch-dom';
+export { SearchBox, SearchBoxProps } from 'react-instantsearch-dom';
+export { Snippet } from 'react-instantsearch-dom';
+export { SortBy } from 'react-instantsearch-dom';
+export { Stats } from 'react-instantsearch-dom';
+export { ToggleRefinement } from 'react-instantsearch-dom';
diff --git a/types/react-instantsearch/index.d.ts b/types/react-instantsearch/index.d.ts
new file mode 100644
index 0000000000..3f80cf4aa3
--- /dev/null
+++ b/types/react-instantsearch/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for react-instantsearch 5.2
+// Project: https://community.algolia.com/react-instantsearch/
+// Definitions by: Gordon Burgett <https://github.com/gburgett>
+//                 Justin Powell <https://github.com/jpowell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+export { createConnector } from 'react-instantsearch-core';
diff --git a/types/react-instantsearch/native.d.ts b/types/react-instantsearch/native.d.ts
new file mode 100644
index 0000000000..ff6ff89a3f
--- /dev/null
+++ b/types/react-instantsearch/native.d.ts
@@ -0,0 +1,3 @@
+export { InstantSearch } from 'react-instantsearch-native';
+export { Index } from 'react-instantsearch-native';
+export { Configure } from 'react-instantsearch-native';
diff --git a/types/react-instantsearch/react-instantsearch-tests.tsx b/types/react-instantsearch/react-instantsearch-tests.tsx
new file mode 100644
index 0000000000..82672b7a60
--- /dev/null
+++ b/types/react-instantsearch/react-instantsearch-tests.tsx
@@ -0,0 +1,386 @@
+import * as React from "react";
+
+import { connectMenu, connectRefinementList, connectStateResults, SearchState } from "react-instantsearch/connectors";
+import { InstantSearch, SearchBox, Index, Hits, Highlight, Menu } from "react-instantsearch/dom";
+import { orderBy, omit, values } from 'lodash';
+import { createInstantSearch } from "react-instantsearch-core";
+
+// https://community.algolia.com/react-instantsearch/guide/Search_state.html
+() => {
+  const searchState: SearchState = {
+    range: {
+      price: {
+        min: 20,
+        max: 3000
+      }
+    },
+    configure: {
+      aroundLatLng: true,
+    },
+    refinementList: {
+      fruits: ['lemon', 'orange']
+    },
+    hierarchicalMenu: {
+      products: 'Laptops > Surface'
+    },
+    menu: {
+      brands: 'Sony'
+    },
+    multiRange: {
+      rank: '2:5'
+    },
+    toggle: {
+      freeShipping: true
+    },
+    hitsPerPage: 10,
+    sortBy: 'mostPopular',
+    query: 'ora',
+    page: 2
+  };
+};
+
+() => {
+  const searchState: SearchState = {
+    query: 'ora', // shared state between all indices
+    page: 2, // shared state between all indices
+    indices: {
+      index1: {
+        configure: {
+          hitsPerPage: 3,
+        },
+      },
+      index2: {
+        configure: {
+          hitsPerPage: 10,
+        },
+      },
+    },
+  };
+};
+
+// https://community.algolia.com/react-instantsearch/guide/Custom_connectors.html
+// TODO
+// () => {
+//   const CoolWidget = createConnector({
+//     displayName: 'CoolWidget',
+
+//     getProvidedProps(props, searchState) {
+//       // Since the `queryAndPage` searchState entry isn't necessarily defined, we need
+//       // to default its value.
+//       const [query, page] = searchState.queryAndPage || ['', 0];
+
+//       // Connect the underlying component to the `queryAndPage` searchState entry.
+//       return {
+//         query,
+//         page,
+//       };
+//     },
+
+//     refine(props, searchState, newQuery, newPage) {
+//       // When the underlying component calls its `refine` prop, update the searchState
+//       // with the new query and page.
+//       return {
+//         // `searchState` represents the search state of *all* widgets. We need to extend it
+//         // instead of replacing it, otherwise other widgets will lose their
+//         // respective state.
+//         ...searchState,
+//         queryAndPage: [newQuery, newPage],
+//       };
+//     },
+//   })(props =>
+//     <div>
+//       The query is {props.query}, the page is {props.page}.
+//       {/*
+//         Clicking on this button will update the searchState to:
+//         {
+//           ...otherSearchState,
+//           query: 'algolia',
+//           page: 20,
+//         }
+//       */}
+//       <button onClick={() => props.refine('algolia', 20)} />
+//       {/*
+//         Clicking on this button will update the searchState to:
+//         {
+//           ...otherSearchState,
+//           query: 'instantsearch',
+//           page: 15,
+//         }
+//       */}
+//       <button onClick={() => props.refine('instantsearch', 15)} />
+//     </div>
+//   );
+// };
+
+// TODO
+// () => {
+//   const Widget = () => null;
+
+//   const CoolWidget = createConnector({
+//     // displayName, getProvidedProps, refine
+
+//     getSearchParameters(searchParameters, props, searchState) {
+//       // Since the `queryAndPage` state entry isn't necessarily defined, we need
+//       // to default its value.
+//       const [query, page] = searchState.queryAndPage || ['', 0];
+
+//       // When the `queryAndPage` state entry changes, update the query and page of
+//       // search.
+//       return searchParameters
+//         .setQuery(query)
+//         .setPage(page);
+//     },
+//   })(Widget);
+// };
+
+// TODO
+// () => {
+//   const Widget = () => null;
+
+//   const CoolWidget = createConnector({
+//     // displayName, getProvidedProps, refine, getSearchParameters
+
+//     getMetadata(props, searchState) {
+//       // Since the `queryAndPage` searchState entry isn't necessarily defined, we need
+//       // to default its value.
+//       const [query, page] = searchState.queryAndPage || ['', 0];
+
+//       const filters = [];
+//       if (query !== '') {
+//         filters.push({
+//           // Unique identifier for this filter.
+//           key: `queryAndPage.query`,
+//           // String label (or node) that should appear in the CurrentRefinements
+//           // component.
+//           label: `Query: ${query}`,
+//           // Describes how clearing this filter affects the InstantSearch searchState.
+//           // In our case, clearing the query just resets it to an empty string
+//           // without affecting the page.
+//           clear: nextSearchState => {
+//             return {
+//               ...nextSearchState,
+//               // Do not depend on the current `searchState` here. Since filters can be
+//               // cleared in batches, the `searchState` parameter is not up-to-date when
+//               // this method is called.
+//               queryAndPage: ['', nextSearchState.queryAndPage[1]],
+//             };
+//           },
+//         });
+//       }
+
+//       if (page !== 0) {
+//         filters.push({
+//           key: `queryAndPage.page`,
+//           label: `Page: ${page}`,
+//           clear: nextSearchState => {
+//             return {
+//               ...nextSearchState,
+//               queryAndPage: [nextSearchState.queryAndPage[0], 0],
+//             };
+//           },
+//         });
+//       }
+
+//       return {
+//         // This widget manipulates the `queryAndPage` state entry.
+//         id: 'queryAndPage',
+//         filters,
+//       };
+//     },
+//   })(Widget);
+// };
+
+// TODO
+// () => {
+//   const Widget = () => null;
+
+//   const CoolWidget = createConnector({
+//     // displayName, getProvidedProps, refine, getSearchParameters, getMetadata
+
+//     searchForFacetValues(props, searchState, nextRefinement) {
+//       return {facetName: props.attribute, query: nextRefinement};
+//     },
+//   })(Widget);
+// };
+
+// TODO
+// () => {
+//   const Widget = () => null;
+
+//   const CoolWidget = createConnector({
+//     // displayName, getProvidedProps, refine, getSearchParameters, getMetadata
+
+//     cleanUp(props, searchState) {
+//       return omit('queryAndPage', searchState);
+//     },
+//   })(Widget);
+// };
+
+// https://community.algolia.com/react-instantsearch/guide/Conditional_display.html
+() => {
+  const Content = connectStateResults(
+    ({ searchState }) =>
+      searchState && searchState.query
+        ? <div>
+            The query {searchState.query} exists
+          </div>
+        : <div>No query</div>
+  );
+};
+
+() => {
+  const Content = connectStateResults(
+    ({ searchState, searchResults }) =>
+      searchResults && searchResults.nbHits !== 0
+        ? <div>Some results</div>
+        : <div>
+            No results has been found for {searchState.query}
+          </div>
+  );
+};
+
+() => {
+  const Content = connectStateResults(
+    ({ error }) =>
+      error ? <div>Some error</div> : <div>No error</div>
+  );
+};
+
+() => {
+  const Content = connectStateResults(
+    ({ searching }) =>
+      searching ? <div>We are searching</div> : <div>Search finished</div>
+  );
+};
+
+() => {
+  const Content = connectStateResults(
+    ({ searchingForFacetValues }) =>
+      searchingForFacetValues ? <div>We are searching</div> : <div>Search finished</div>
+  );
+};
+
+() => {
+  const App = () => (
+    <InstantSearch appId="" apiKey="" indexName="first">
+      <SearchBox />
+      <AllResults>
+        <div>
+          <Index indexName="first">
+            <IndexResults>
+              <div>
+                <div>first: </div>
+                <Hits />
+              </div>
+            </IndexResults>
+          </Index>
+          <Index indexName="second">
+            <IndexResults>
+              <div>
+                <div>second: </div>
+                <Hits />
+              </div>
+            </IndexResults>
+          </Index>
+          <Index indexName="third">
+            <IndexResults>
+              <div>
+                <div>third: </div>
+                <Hits />
+              </div>
+            </IndexResults>
+          </Index>
+        </div>
+      </AllResults>
+    </InstantSearch>
+  );
+
+  const IndexResults = connectStateResults(
+    ({ searchState, searchResults, children }) =>
+      searchResults && searchResults.nbHits !== 0 ? (
+        children as React.ReactElement<any>
+      ) : (
+        <div>
+          No results has been found for {searchState.query} and index{' '}
+          {searchResults ? searchResults.index : ''}
+        </div>
+      )
+  );
+
+  const AllResults = connectStateResults(({ allSearchResults, children }) => {
+    const hasResults =
+      allSearchResults &&
+        values(allSearchResults).some(results => results.nbHits > 0);
+
+    return !hasResults ? (
+      <div>
+        <div>No results in category, products or brand</div>
+        <Index indexName="first" />
+        <Index indexName="second" />
+        <Index indexName="third" />
+      </div>
+    ) : (
+      children as React.ReactElement<any>
+    );
+  });
+};
+
+// https://github.com/algolia/react-instantsearch/blob/master/packages/react-instantsearch-dom/src/widgets/InstantSearch.js
+() => {
+  const InstantSearch = createInstantSearch(
+    () => ({}),
+    {
+      Root: 'div',
+      props: {
+        className: 'ais-InstantSearch__root',
+      },
+    }
+  );
+
+  <InstantSearch />;
+};
+
+() => {
+  const RefinementListWithSearchBox = connectRefinementList(props => {
+    const values = props.items.map(item => {
+      const label = item._highlightResult
+        ? <Highlight attribute="label" hit={item}/>
+        : item.label;
+
+      return (
+        <li key={item.value}>
+          <span onClick={() => props.refine(item.value)}>
+            {label} {item.isRefined ? '- selected' : ''}
+          </span>
+        </li>
+      );
+    });
+
+    return (
+      <div>
+        <input type="search" onInput={e => props.searchForItems((e.target as HTMLInputElement).value)}/>
+        <ul>{values}</ul>
+      </div>
+    );
+  });
+
+  return <RefinementListWithSearchBox attribute="products" />;
+};
+
+// https://community.algolia.com/react-instantsearch/guide/Virtual_widgets.html
+() => {
+  const VirtualMenu = connectMenu(() => null);
+  const Hoodies = () => <VirtualMenu attribute="clothes" defaultRefinement="hoodies" />;
+
+  const App = () => (
+    <InstantSearch
+      appId="..."
+      apiKey="..."
+      indexName="..."
+    >
+      <SearchBox defaultRefinement="hi" />
+      <Hoodies />
+      <Menu attribute="fruits" defaultRefinement="Orange" />
+    </InstantSearch>
+  );
+};
diff --git a/types/react-instantsearch/server.d.ts b/types/react-instantsearch/server.d.ts
new file mode 100644
index 0000000000..d8fb0d1a46
--- /dev/null
+++ b/types/react-instantsearch/server.d.ts
@@ -0,0 +1 @@
+export { createInstantSearch } from 'react-instantsearch-dom/server';
diff --git a/types/react-instantsearch/tsconfig.json b/types/react-instantsearch/tsconfig.json
new file mode 100644
index 0000000000..79afa53442
--- /dev/null
+++ b/types/react-instantsearch/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "jsx": "react",
+    "lib": ["es6", "dom"],
+    "module": "commonjs",
+    "noEmit": true,
+    "baseUrl": "../",
+    "typeRoots": [
+        "../"
+    ],
+    "types": [],
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true
+  },
+  "files": [
+      "index.d.ts",
+      "connectors.d.ts",
+      "dom.d.ts",
+      "native.d.ts",
+      "server.d.ts",
+      "react-instantsearch-tests.tsx"
+  ]
+}
diff --git a/types/react-instantsearch/tslint.json b/types/react-instantsearch/tslint.json
new file mode 100644
index 0000000000..30a1bdde2e
--- /dev/null
+++ b/types/react-instantsearch/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/react-intl/index.d.ts b/types/react-intl/index.d.ts
index 899859a69d..17e738bb2a 100644
--- a/types/react-intl/index.d.ts
+++ b/types/react-intl/index.d.ts
@@ -29,8 +29,8 @@ declare namespace ReactIntl {
         withRef?: boolean;
     }
 
-    function injectIntl<P extends InjectedIntlProps>(component: React.ComponentType<P>, options?: InjectIntlConfig):
-        React.ComponentClass<Pick<P, Exclude<keyof P, keyof InjectedIntlProps>>> & { WrappedComponent: React.ComponentType<P> };
+    function injectIntl<P>(component: React.ComponentType<P & InjectedIntlProps>, options?: InjectIntlConfig):
+        React.ComponentClass<Pick<P, Exclude<keyof P, keyof InjectedIntlProps>>> & { WrappedComponent: React.ComponentType<P & InjectedIntlProps> };
 
     function addLocaleData(data: Locale[] | Locale): void;
 
@@ -190,6 +190,7 @@ declare namespace ReactIntl {
     namespace IntlProvider {
         interface Props {
             locale?: string;
+            timeZone?: string;
             formats?: any;
             messages?: any;
             defaultLocale?: string;
diff --git a/types/react-intl/react-intl-tests.tsx b/types/react-intl/react-intl-tests.tsx
index d3d30757a1..b3b23bb38f 100644
--- a/types/react-intl/react-intl-tests.tsx
+++ b/types/react-intl/react-intl-tests.tsx
@@ -401,7 +401,7 @@ class TestApp extends React.Component {
             hello: "Hello, {name}!"
         };
         return (
-            <IntlProvider locale="en" formats={{}} messages={messages} defaultLocale="en" defaultFormats={messages}>
+            <IntlProvider locale="en" formats={{}} messages={messages} defaultLocale="en" defaultFormats={messages} timeZone="UTC">
                 <SomeComponentWithIntl className="just-for-test" />
                 <SomeFunctionalComponentWithIntl className="another-one" />
             </IntlProvider>
diff --git a/types/react-is/react-is-tests.tsx b/types/react-is/react-is-tests.tsx
index 18ae0c4a26..3b41e9d06f 100644
--- a/types/react-is/react-is-tests.tsx
+++ b/types/react-is/react-is-tests.tsx
@@ -6,7 +6,7 @@ import * as ReactIs from 'react-is';
 // Determining if a Component is Valid
 
 interface CompProps {
-    forwardedRef?: React.Ref<any>;
+    forwardedRef: React.Ref<any> | null;
     children?: React.ReactNode;
 }
 
diff --git a/types/react-joyride/index.d.ts b/types/react-joyride/index.d.ts
index d081aa87cf..13f691e56e 100644
--- a/types/react-joyride/index.d.ts
+++ b/types/react-joyride/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for react-joyride 2.0
 // Project: https://github.com/gilbarbara/react-joyride
 // Definitions by: DongYoon Kang <https://github.com/kdy1>
+//                 Kamran Ayub <https://github.com/kamranayub>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -106,7 +107,7 @@ export interface Props extends OverridableProps {
     /**
      * It will be called when Joyride's state changes. It returns a single parameter with the state.
      */
-    callback?(options: (data: State) => any): void;
+    callback?: (data: State) => any;
 
     /**
      * The tour is played sequentially with the Next button. Defaults to false.
@@ -135,6 +136,11 @@ export interface OverridableProps {
      */
     showProgress?: boolean;
 
+    /**
+     * Display a button to skip the tour.
+     */
+    showSkipButton?: boolean;
+
     /**
      * Disable closing the tooltip on ESC. Defaults to false.
      */
@@ -150,6 +156,11 @@ export interface OverridableProps {
      */
     disableOverlayClose?: boolean;
 
+    /**
+     * Disable auto scrolling between steps.
+     */
+    disableScrolling?: boolean;
+
     /**
      * The strings used in the tooltip. Defaults to `{ back: 'Back', close: 'Close', last: 'Last', next: 'Next', skip: 'Skip' }`
      */
diff --git a/types/react-joyride/react-joyride-tests.tsx b/types/react-joyride/react-joyride-tests.tsx
index 82171e98e2..d69d151174 100644
--- a/types/react-joyride/react-joyride-tests.tsx
+++ b/types/react-joyride/react-joyride-tests.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import Joyride, { Step } from "react-joyride";
+import Joyride, { Step, State } from "react-joyride";
 
 class NewComponent extends React.Component<undefined, undefined> {
     j: Joyride;
@@ -42,7 +42,7 @@ class NewComponent extends React.Component<undefined, undefined> {
     }];
 
     render() {
-        return <Joyride ref="j" run={true} steps={this.steps} />;
+        return <Joyride ref="j" run={true} steps={this.steps} callback={this.onCallback} />;
     }
 
     doStuff() {
@@ -56,4 +56,8 @@ class NewComponent extends React.Component<undefined, undefined> {
 
         const { title, placement } = this.j.getProgress().step;
     }
+
+    onCallback(data: State) {
+        return;
+    }
 }
diff --git a/types/react-jsonschema-form/index.d.ts b/types/react-jsonschema-form/index.d.ts
index 63a4de1b89..7e1e1df7e3 100644
--- a/types/react-jsonschema-form/index.d.ts
+++ b/types/react-jsonschema-form/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-jsonschema-form 1.0.0
+// Type definitions for react-jsonschema-form 1.0.1
 // Project: https://github.com/mozilla-services/react-jsonschema-form
 // Definitions by: Dan Fox <https://github.com/iamdanfox>
 //                 Ivan Jiang <https://github.com/iplus26>
@@ -6,6 +6,7 @@
 //                 Philippe Bourdages <https://github.com/phbou72>
 //                 Lucian Buzzo <https://github.com/LucianBuzzo>
 //                 Sylvain Thénault <https://github.com/sthenault>
+//                 Sebastian Busch <https://github.com/sbusch>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -68,7 +69,12 @@ declare module "react-jsonschema-form" {
         [key: string]: FieldId;
     };
 
-    export interface WidgetProps extends React.HTMLAttributes<HTMLElement> {
+    export interface WidgetProps extends Pick<
+        React.HTMLAttributes<HTMLElement>,
+        Exclude<
+            keyof React.HTMLAttributes<HTMLElement>,
+            "onBlur"|"onFocus">
+    > {
         id: string;
         schema: JSONSchema6;
         value: any;
@@ -79,6 +85,8 @@ declare module "react-jsonschema-form" {
         onChange: (value: any) => void;
         options: object;
         formContext: any;
+        onBlur: (id: string, value: string) => void;
+        onFocus: (id: string, value: string) => void;
     }
 
     export type Widget =
diff --git a/types/react-jsonschema-form/react-jsonschema-form-tests.tsx b/types/react-jsonschema-form/react-jsonschema-form-tests.tsx
index 0bb6715372..90116127fd 100644
--- a/types/react-jsonschema-form/react-jsonschema-form-tests.tsx
+++ b/types/react-jsonschema-form/react-jsonschema-form-tests.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import Form, { UiSchema, ErrorListProps } from "react-jsonschema-form";
+import Form, { UiSchema, ErrorListProps, WidgetProps } from "react-jsonschema-form";
 import { JSONSchema6 } from "json-schema";
 
 // example taken from the react-jsonschema-form playground:
@@ -108,3 +108,9 @@ export class Example extends React.Component<any, IExampleState> {
         );
     }
 }
+
+export const CustomWidget: React.SFC<WidgetProps> = (props) =>
+    <input
+        onFocus={()=> props.onFocus('id', 'value')}
+        onBlur={()=> props.onFocus('id', 'value')}
+    />
diff --git a/types/react-leaflet-markercluster/index.d.ts b/types/react-leaflet-markercluster/index.d.ts
new file mode 100644
index 0000000000..5db583d409
--- /dev/null
+++ b/types/react-leaflet-markercluster/index.d.ts
@@ -0,0 +1,13 @@
+// Type definitions for react-leaflet-markercluster 2.0
+// Project: https://github.com/YUzhva/react-leaflet-markercluster
+// Definitions by: Adam Binford <https://github.com/Kimahriman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="leaflet.markercluster" />
+import * as Leaflet from 'leaflet';
+import * as ReactLeaflet from 'react-leaflet';
+
+export type MarkerClusterGroupProps = ReactLeaflet.MapLayerProps & Leaflet.MarkerClusterGroupOptions;
+
+export default class MarkerClusterGroup<P extends MarkerClusterGroupProps = MarkerClusterGroupProps> extends ReactLeaflet.MapLayer<P> { }
diff --git a/types/react-leaflet-markercluster/react-leaflet-markercluster-tests.tsx b/types/react-leaflet-markercluster/react-leaflet-markercluster-tests.tsx
new file mode 100644
index 0000000000..9fc901c527
--- /dev/null
+++ b/types/react-leaflet-markercluster/react-leaflet-markercluster-tests.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as Leaflet from 'leaflet';
+import MarkerClusterGroup from 'react-leaflet-markercluster';
+
+const MarkerCluster = (
+    <MarkerClusterGroup
+        showCoverageOnHover
+        zoomToBoundsOnClick
+        spiderfyOnMaxZoom
+        removeOutsideVisibleBounds
+        animate
+        animateAddingMarkers
+        singleMarkerMode
+        chunkedLoading
+        chunkDelay={ 500 }
+        disableClusteringAtZoom={ 4 }
+        maxClusterRadius={ 0 }
+        spiderfyDistanceMultiplier={ 2 }
+        polygonOptions={ {
+            stroke: true,
+            color: 'blue',
+            opacity: 0.5
+        } }
+        spiderLegPolylineOptions={ {
+            stroke: true,
+            color: 'blue',
+            opacity: 0.5
+        } }
+        iconCreateFunction={ cluster => Leaflet.divIcon({ html: `<b>${cluster.getChildCount()}</b>` }) }/>
+);
diff --git a/types/react-leaflet-markercluster/tsconfig.json b/types/react-leaflet-markercluster/tsconfig.json
new file mode 100644
index 0000000000..071c9c734d
--- /dev/null
+++ b/types/react-leaflet-markercluster/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-leaflet-markercluster-tests.tsx"
+    ]
+}
diff --git a/types/react-leaflet-markercluster/tslint.json b/types/react-leaflet-markercluster/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-leaflet-markercluster/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-lifecycle-component/package.json b/types/react-lifecycle-component/package.json
index bb0e2b57d2..7f5b19d45b 100644
--- a/types/react-lifecycle-component/package.json
+++ b/types/react-lifecycle-component/package.json
@@ -3,4 +3,4 @@
     "dependencies": {
         "redux": "^4.0.0"
     }
-}
\ No newline at end of file
+}
diff --git a/types/react-loadable/index.d.ts b/types/react-loadable/index.d.ts
index b27a4de764..bf8af8e794 100644
--- a/types/react-loadable/index.d.ts
+++ b/types/react-loadable/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for react-loadable 5.4
 // Project: https://github.com/thejameskyle/react-loadable#readme
-// Definitions by: Diogo Franco <https://github.com/Kovensky>
+// Definitions by: Jessica Franco <https://github.com/Kovensky>
 //                 Oden S. <https://github.com/odensc>
 //                 Ian Ker-Seymer <https://github.com/ianks>
 //                 Tomek Łaziuk <https://github.com/tlaziuk>
diff --git a/types/react-lottie/index.d.ts b/types/react-lottie/index.d.ts
new file mode 100644
index 0000000000..8e4f3b717b
--- /dev/null
+++ b/types/react-lottie/index.d.ts
@@ -0,0 +1,105 @@
+// Type definitions for react-lottie 1.2
+// Project: https://github.com/chenqingspring/react-lottie#readme
+// Definitions by: Kana00 <https://github.com/Kana00>
+//                 Ricki-BumbleDev <https://github.com/Ricki-BumbleDev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+interface Options {
+    /**
+     * Defines if the animation should play only once or repeatedly in an endless loop
+     */
+    loop?: boolean;
+    /**
+     * Defines if the animation should immediately play when the component enters the DOM
+     */
+    autoplay?: boolean;
+    /**
+     * The JSON data exported from Adobe After Effects using the Bodymovin plugin
+     */
+    animationData: any;
+    rendererSettings?: {
+        preserveAspectRatio?: boolean;
+        /**
+         * The canvas context
+         */
+        context?: any;
+        scaleMode?: any;
+        clearCanvas?: boolean;
+        /**
+         * Loads DOM elements when needed. Might speed up initialization for large number of elements. Only with SVG renderer.
+         */
+        progressiveLoad?: boolean;
+        /**
+         * Hides elements when opacity reaches 0. Only with SVG renderer.
+         * @default true
+         */
+        hideOnTransparent?: boolean;
+        className?: string;
+    };
+}
+
+interface EventListener {
+    /**
+     * The event sent by Lottie
+     */
+    eventName:
+        | 'complete'
+        | 'loopComplete'
+        | 'enterFrame'
+        | 'segmentStart'
+        | 'config_ready'
+        | 'data_ready'
+        | 'loaded_images'
+        | 'DOMLoaded'
+        | 'destroy';
+    /**
+     * A callback that will be executed when the given eventName is received
+     */
+    callback: () => void;
+}
+
+interface LottieProps {
+    /**
+     * Object representing animation settings
+     */
+    options: Options;
+    /**
+     * Height size in pixels
+     * @default '100%'
+     */
+    height?: number | string;
+    /**
+     * Width size in pixels
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * Describes if the animation must be in stopped mode
+     */
+    isStopped?: boolean;
+    /**
+     * Describes if the animation must be in paused mode
+     */
+    isPaused?: boolean;
+    /**
+     * Array of objects containing eventName and a callback function that will be registered as eventListeners on the animation object.
+     * Refer to Lottie documentation for a list of available events.
+     */
+    eventListeners?: EventListener[];
+    segments?: number[];
+    speed?: number;
+    direction?: number;
+    ariaRole?: string | 'button';
+    ariaLabel?: string | 'animation';
+    isClickToPauseDisabled?: boolean;
+    title?: string;
+}
+
+/**
+ * Lottie allows you to render an animation from a JSON structure exported from Adobe After Effects using the Bodymovin plugin
+ */
+declare class Lottie extends React.Component<LottieProps, any> {}
+export default Lottie;
diff --git a/types/react-lottie/react-lottie-tests.tsx b/types/react-lottie/react-lottie-tests.tsx
new file mode 100644
index 0000000000..4d514e5149
--- /dev/null
+++ b/types/react-lottie/react-lottie-tests.tsx
@@ -0,0 +1,15 @@
+import * as React from 'react';
+import Lottie from 'react-lottie';
+
+/* tslint:disable-next-line */
+const animationData = JSON.parse('{"v":"5.1.20","fr":29.9700012207031,"ip":0,"op":60.0000024438501,"w":1080,"h":1080,"nm":"mensaLoad","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"mensa_logo_rund_flat_toAnimate Konturen","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":4,"s":[540,540,0],"e":[540,556,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":5,"s":[540,556,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.167,"y":0.167},"n":"0p667_0p667_0p167_0p167","t":7,"s":[540,540,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":9,"s":[540,540,0],"e":[540,556,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":10,"s":[540,556,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.167,"y":0.167},"n":"0p667_0p667_0p167_0p167","t":12,"s":[540,540,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":14,"s":[540,540,0],"e":[540,556,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":15,"s":[540,556,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.167,"y":0.167},"n":"0p667_0p667_0p167_0p167","t":17,"s":[540,540,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":19,"s":[540,540,0],"e":[540,565,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"n":"0p667_1_0p167_0","t":20,"s":[540,565,0],"e":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"t":22.0000008960784}],"ix":2},"a":{"a":0,"k":[560,560,0],"ix":1},"s":{"a":0,"k":[75,75,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-55.302],[0,0],[-51.408,22.005],[-179.639,-76.893]],"o":[[0,0],[0,-55.302],[179.639,-76.893],[51.408,22.005]],"v":[[354.144,102.111],[-354.144,102.111],[-269.459,-25.218],[269.459,-25.218]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"n":"0p667_1_0p167_0p167","t":0,"s":[560,89.967],"e":[560,89.967],"to":[0,28.0485363006592],"ti":[0,-62.9028472900391]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":15,"s":[560,89.967],"e":[560,327.967],"to":[0,26.0553131103516],"ti":[0,-11.6181297302246]},{"t":20.0000008146167}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":16,"s":[0],"e":[100]},{"t":20.0000008146167}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformieren"}],"nm":"bun oben","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0,42.692],[-340.561,-42.692],[340.561,-42.692]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"n":"0p667_1_0p167_0p167","t":0,"s":[560,185.084],"e":[560,185.084],"to":[0,34.5180320739746],"ti":[0,-82.5036697387695]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":10,"s":[560,185.084],"e":[560,511.084],"to":[0,47.3617668151855],"ti":[0,-19.815299987793]},{"t":15.0000006109625}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":11,"s":[0],"e":[100]},{"t":15.0000006109625}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformieren"}],"nm":"cheese","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[12.783,0],[0,0],[0,12.783],[0,0],[-12.783,0],[0,0],[0,-12.783],[0,0]],"o":[[0,0],[-12.783,0],[0,0],[0,-12.783],[0,0],[12.783,0],[0,0],[0,12.783]],"v":[[330.999,42.693],[-330.999,42.693],[-354.144,19.548],[-354.144,-19.546],[-330.999,-42.692],[330.999,-42.692],[354.144,-19.546],[354.144,19.548]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":5,"s":[560,191.044],"e":[560,631.044],"to":[0,73.3333358764648],"ti":[0,-73.3333358764648]},{"t":10.0000004073083}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":6,"s":[0],"e":[100]},{"t":10.0000004073083}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformieren"}],"nm":"beef","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[354.144,42.693],[-354.144,42.693],[-354.144,-42.693],[354.144,-42.693]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fläche 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"fl","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":0,"s":[560,231.385],"e":[560,757.385],"to":[0,87.6666641235352],"ti":[0,-87.6666641235352]},{"t":5.00000020365417}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":1,"s":[0],"e":[100]},{"t":5.00000020365417}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformieren"}],"nm":"bun unten","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"kreis-animated","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":20,"s":[0],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":26,"s":[100],"e":[0]},{"t":40.0000016292334}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[540,540,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"n":["0p667_1_0p333_0","0p667_1_0p333_0","0p667_1_0p333_0"],"t":17,"s":[100,100,100],"e":[115,115,100]},{"t":40.0000016292334}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-250.737],[250.737,0],[0,250.737],[-250.737,0]],"o":[[0,250.737],[-250.737,0],[0,-250.737],[250.737,0]],"v":[[454,0],[0,454],[-454,0],[0,-454]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.008,0.188,0.314,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":10,"nm":"Kontur 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[540,540],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformieren"}],"nm":"Gruppe 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0}],"markers":[]}');
+
+const LoadingIndicator = () => (
+  <Lottie
+    options={{
+      animationData
+    }}
+  />
+);
+
+export default LoadingIndicator;
diff --git a/types/react-lottie/tsconfig.json b/types/react-lottie/tsconfig.json
new file mode 100644
index 0000000000..bb474360c4
--- /dev/null
+++ b/types/react-lottie/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-lottie-tests.tsx"
+    ]
+}
diff --git a/types/react-lottie/tslint.json b/types/react-lottie/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-lottie/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-mailchimp-subscribe/index.d.ts b/types/react-mailchimp-subscribe/index.d.ts
index 55b5c487ed..ed0165ed00 100644
--- a/types/react-mailchimp-subscribe/index.d.ts
+++ b/types/react-mailchimp-subscribe/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://revolunet.github.io/react-mailchimp-subscribe/
 // Definitions by: Omar Diab <https://github.com/osdiab>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 import { Component, ReactNode } from "react";
 
diff --git a/types/react-mailchimp-subscribe/react-mailchimp-subscribe-tests.tsx b/types/react-mailchimp-subscribe/react-mailchimp-subscribe-tests.tsx
index 0507d7657a..d09ef6cc9a 100644
--- a/types/react-mailchimp-subscribe/react-mailchimp-subscribe-tests.tsx
+++ b/types/react-mailchimp-subscribe/react-mailchimp-subscribe-tests.tsx
@@ -25,9 +25,7 @@ const Example: React.StatelessComponent = () => (
       </>)}
       url="spam.biz/subscribe"
     />
-    { /* once Typescript 2.9 is out, generics in components will be allowed, at that point uncomment these. */ }
-    { /* https://github.com/Microsoft/TypeScript/pull/22415 */ }
-    {/* <MailchimpSubscribe<any>
+    <MailchimpSubscribe<any>
       render={(hooks) => (
         <form
           onSubmit={e => {
@@ -52,6 +50,6 @@ const Example: React.StatelessComponent = () => (
         />
       )}
       url="spam.biz/subscribe"
-    /> */}
+    />
   </>
 );
diff --git a/types/react-map-gl/index.d.ts b/types/react-map-gl/index.d.ts
index 2260644d32..3fea6a3ea9 100644
--- a/types/react-map-gl/index.d.ts
+++ b/types/react-map-gl/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-map-gl 3.3
+// Type definitions for react-map-gl 4.0
 // Project: https://github.com/uber/react-map-gl#readme
 // Definitions by: Robert Imig <https://github.com/rimig>
 //                 Fabio Berta <https://github.com/fnberta>
@@ -9,49 +9,57 @@ import * as React from 'react';
 import * as MapboxGL from 'mapbox-gl';
 import * as GeoJSON from 'geojson';
 
-export interface Viewport {
+export interface ViewState {
     latitude: number;
     longitude: number;
     zoom: number;
     bearing?: number;
     pitch?: number;
+    altitude?: number;
 }
 
 export interface MapError {
-    message: string;
+    error?: { message: string; status: number };
+    status: number;
 }
 
 export interface MapRequest {
     url: string;
-    headers: {};
-    credentials: string;
+    headers?: { [index: string]: string };
+    credentials?: string;
 }
 
-export interface MapboxProps extends Partial<Viewport> {
-    container?: {};
-    mapboxApiAccessToken: string;
+export interface MapboxProps extends Partial<ViewState> {
+    container?: object;
+    gl?: object;
+    mapboxApiAccessToken?: string;
     attributionControl?: boolean;
     preserveDrawingBuffer?: boolean;
+    reuseMaps?: boolean;
+    transformRequest?: (url?: string, resourceType?: string) => MapRequest;
+    mapOptions?: object;
+    mapStyle?: string | object;
+    visible?: boolean;
     onLoad?: () => void;
     onError?: (e: MapError) => void;
-    resuseMaps?: boolean;
-    resuseMap?: boolean;
-    transformRequest?: () => MapRequest;
-
-    mapStyle?: string | {};
-
-    width: number;
-    height: number;
-
-    viewState?: Viewport;
-
-    altitude?: number; // Note: Non-public API, see https://github.com/mapbox/mapbox-gl-js/issues/1137
+    reuseMap?: boolean;
+    width: number | string;
+    height: number | string;
+    viewState?: ViewState;
 }
 
 export interface StaticMapProps extends MapboxProps {
+    onResize?: (dimensions: { width: number; height: number }) => void;
     preventStyleDiffing?: boolean;
-    visible?: boolean;
+    disableTokenWarning?: boolean;
     className?: string;
+    style?: object;
+    visibilityConstraints?: {
+        minZoom?: number;
+        maxZoom?: number;
+        minPitch?: number;
+        maxPitch?: number;
+    };
 }
 
 export interface QueryRenderedFeaturesParams {
@@ -64,14 +72,71 @@ export class StaticMap extends React.Component<StaticMapProps> {
     queryRenderedFeatures(geometry?: MapboxGL.PointLike | MapboxGL.PointLike[], parameters?: QueryRenderedFeaturesParams): Array<GeoJSON.Feature<GeoJSON.GeometryObject>>;
 }
 
-export interface InteractiveMapState {
+export interface ExtraState {
     isDragging: boolean;
     isHovering: boolean;
 }
 
-export interface MapEvent {
-    lngLat: [number, number];
-    features: Array<{}>;
+export interface PositionInput {
+    pos: [number, number];
+}
+
+export interface MapControllerOptions {
+    onViewportChange?: (viewState: ViewState) => void;
+    onStateChange?: (state: MapState) => void;
+    eventManager?: any;
+    isInteractive: boolean;
+    scrollZoom?: boolean;
+    dragPan?: boolean;
+    dragRotate?: boolean;
+    doubleClickZoom?: boolean;
+    touchZoom?: boolean;
+    touchRotate?: boolean;
+    keyboard?: boolean;
+}
+
+export interface ViewportProps {
+    width: number;
+    height: number;
+    latitude: number;
+    longitude: number;
+    zoom: number;
+    bearing: number;
+    pitch: number;
+    altitude: number;
+    maxZoom: number;
+    minZoom: number;
+    maxPitch: number;
+    minPitch: number;
+    transitionDuration?: number;
+    transitionInterpolator?: TransitionInterpolator;
+    transitionInterruption?: TRANSITION_EVENTS;
+    transitionEasing?: EasingFunction;
+}
+
+export interface InteractiveState {
+    startPanLngLat?: [number, number];
+    startZoomLngLat?: [number, number];
+    startBearing?: number;
+    startPitch?: number;
+    startZoom?: number;
+}
+
+export type MapStateProps = Partial<ViewportProps & InteractiveState>;
+
+export class MapState {
+    constructor(props: MapStateProps);
+    getViewportProps(): ViewportProps;
+    getInteractiveState(): InteractiveState;
+    panStart(input: PositionInput): MapState;
+    pan(input: PositionInput & { startPos?: [number, number] }): MapState;
+    panEnd(): MapState;
+    rotateStart(input: PositionInput): MapState;
+    rotate(input: { deltaScaleX?: number; deltaScaleY?: number }): MapState;
+    rotateEnd(): MapState;
+    zoomStart(input: PositionInput): MapState;
+    zoom(input: PositionInput & { scale: number; startPos?: [number, number] }): MapState;
+    zoomEnd(): MapState;
 }
 
 export interface Center {
@@ -93,11 +158,30 @@ export interface MapControlEvent {
     delta?: number;
 }
 
-export interface BaseMapControls {
+export interface BaseMapController {
     events: string[];
     handleEvent(event: MapControlEvent): void;
 }
 
+export class MapController implements BaseMapController {
+    events: string[];
+    handleEvent(event: MapControlEvent): void;
+    getMapState(overrides: Partial<MapState>): MapState;
+    setOptions(options: MapControllerOptions): void;
+    setState(newState: MapState): void;
+    updateViewport(newMapState: MapState, extraProps: any, extraState: ExtraState): void;
+}
+
+export interface PointerEvent {
+    type: string;
+    point: [number, number];
+    lngLat: [number, number];
+    target: any;
+    srcEvent: any;
+    // backward compatibility: v3 interface
+    features: any[];
+}
+
 export type EasingFunction = (t: number) => number;
 
 export enum TRANSITION_EVENTS {
@@ -115,7 +199,7 @@ export class LinearInterpolator extends TransitionInterpolator {
 export class FlyToInterpolator extends TransitionInterpolator {}
 
 export interface ViewStateChangeInfo {
-  viewState: Viewport;
+    viewState: ViewState;
 }
 
 export interface InteractiveMapProps extends StaticMapProps {
@@ -123,10 +207,9 @@ export interface InteractiveMapProps extends StaticMapProps {
     minZoom?: number;
     maxPitch?: number;
     minPitch?: number;
-
-    onViewportChange?: (viewport: Viewport) => void;
     onViewStateChange?: (info: ViewStateChangeInfo) => void;
-
+    onViewportChange?: (viewState: ViewState) => void;
+    onInteractionStateChange?: (state: ExtraState) => void;
     transitionDuration?: number;
     transitionInterpolator?: TransitionInterpolator;
     transitionInterruption?: TRANSITION_EVENTS;
@@ -134,7 +217,6 @@ export interface InteractiveMapProps extends StaticMapProps {
     onTransitionStart?: () => void;
     onTransitionInterrupt?: () => void;
     onTransitionEnd?: () => void;
-
     scrollZoom?: boolean;
     dragPan?: boolean;
     dragRotate?: boolean;
@@ -142,26 +224,25 @@ export interface InteractiveMapProps extends StaticMapProps {
     touchZoom?: boolean;
     touchRotate?: boolean;
     keyboard?: boolean;
-
-    onHover?: (event: MapEvent, lngLat: number[], features: any) => void;
-    onClick?: (event: MapEvent, lngLat: number[], features: any) => void;
-
-    onContextMenu?: (event: MapEvent) => void;
-
+    onHover?: (event: PointerEvent) => void;
+    onClick?: (event: PointerEvent) => void;
+    onDblClick?: (event: PointerEvent) => void;
+    onContextMenu?: (event: PointerEvent) => void;
+    onMouseDown?: (event: PointerEvent) => void;
+    onMouseMove?: (event: PointerEvent) => void;
+    onMouseUp?: (event: PointerEvent) => void;
+    onTouchStart?: (event: PointerEvent) => void;
+    onTouchMove?: (event: PointerEvent) => void;
+    onTouchEnd?: (event: PointerEvent) => void;
+    onMouseEnter?: (event: PointerEvent) => void;
+    onMouseLeave?: (event: PointerEvent) => void;
+    onMouseOut?: (event: PointerEvent) => void;
+    onWheel?: (event: PointerEvent) => void;
     touchAction?: string;
-
     clickRadius?: number;
-
-    getCursor?: (state: InteractiveMapState) => void;
-
-    visibilityConstraints?: {
-        minZoom?: number;
-        maxZoom?: number;
-        minPitch?: number;
-        maxPitch?: number;
-    };
-
-    mapControls?: BaseMapControls;
+    interactiveLayerIds?: string[];
+    getCursor?: (state: ExtraState) => void;
+    controller?: MapController;
 }
 
 export class InteractiveMap extends React.Component<InteractiveMapProps> {
@@ -180,12 +261,21 @@ export interface BaseControlProps {
 
 export class BaseControl<T extends BaseControlProps> extends React.Component<T> {}
 
+export interface DragEvent {
+    lngLat: [number, number];
+    [key: string]: any;
+}
+
 export interface MarkerProps extends BaseControlProps {
     className?: string;
     longitude: number;
     latitude: number;
     offsetLeft?: number;
     offsetTop?: number;
+    draggable?: boolean;
+    onDrag?: (event: DragEvent) => void;
+    onDragEnd?: (event: DragEvent) => void;
+    onDragStart?: (event: DragEvent) => void;
 }
 
 export class Marker extends BaseControl<MarkerProps> {}
@@ -194,6 +284,7 @@ export interface PopupProps extends BaseControlProps {
     className?: string;
     longitude: number;
     latitude: number;
+    altitude?: number;
     offsetLeft?: number;
     offsetTop?: number;
     tipSize?: number;
@@ -201,6 +292,7 @@ export interface PopupProps extends BaseControlProps {
     closeOnClick?: boolean;
     anchor?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
     dynamicPosition?: boolean;
+    sortByDepth?: boolean;
     onClose?: () => void;
 }
 
@@ -209,13 +301,22 @@ export class Popup extends BaseControl<PopupProps> {}
 export interface NavigationControlProps extends BaseControlProps {
     className?: string;
     onViewStateChange: (info: ViewStateChangeInfo) => void;
-    onViewportChange: (viewport: Viewport) => void;
+    onViewportChange: (viewport: ViewState) => void;
     showCompass?: boolean;
     showZoom?: boolean;
 }
 
 export class NavigationControl extends BaseControl<NavigationControlProps> {}
 
+export interface DraggableControlProps extends BaseControlProps {
+    draggable?: boolean;
+    onDrag?: (event: DragEvent) => void;
+    onDragEnd?: (event: DragEvent) => void;
+    onDragStart?: (event: DragEvent) => void;
+}
+
+export class DraggableControl extends BaseControl<DraggableControlProps> {}
+
 export interface HTMLRedrawOptions {
     width: number;
     height: number;
@@ -248,61 +349,3 @@ export interface SVGOverlayProps extends BaseControlProps {
 }
 
 export class SVGOverlay extends BaseControl<SVGOverlayProps> {}
-
-export namespace experimental {
-    interface Options {
-        // TODO(deprecate): remove this when `onChangeViewport` gets deprecated
-        onChangeViewport?: (viewport: Viewport) => void;
-        // TODO(deprecate): remove this when `touchZoomRotate` gets deprecated
-        touchZoomRotate?: boolean;
-
-        onViewStateChange?: (info: ViewStateChangeInfo) => void;
-        onViewportChange?: (viewport: Viewport) => void;
-        onStateChange?: (state: MapState) => void;
-        eventManager?: any;
-        scrollZoom?: boolean;
-        dragPan?: boolean;
-        dragRotate?: boolean;
-        doubleClickZoom?: boolean;
-        touchZoom?: boolean;
-        touchRotate?: boolean;
-        keyboard?: boolean;
-    }
-
-    class MapState implements Viewport {
-        width: number;
-        height: number;
-        latitude: number;
-        longitude: number;
-        zoom: number;
-        bearing?: number;
-        pitch?: number;
-        altitude?: number;
-
-        maxZoom?: number;
-        minZoom?: number;
-        maxPitch?: number;
-        minPitch?: number;
-
-        transitionDuration?: number;
-        transitionInterpolator?: TransitionInterpolator;
-        transitionInterruption?: TRANSITION_EVENTS;
-        transitionEasing?: EasingFunction;
-
-        startPanLngLat?: [number, number];
-        startZoomLngLat?: [number, number];
-        startBearing?: number;
-        startPitch?: number;
-        startZoom?: number;
-    }
-
-    class MapControls implements BaseMapControls {
-        events: string[];
-
-        handleEvent(event: MapControlEvent): void;
-        getMapState(overrides: Partial<MapState>): MapState;
-        setOptions(options: Options): void;
-        setState(newState: MapState): void;
-        updateViewport(newMapState: MapState, extraProps: any, extraState: InteractiveMapState): void;
-    }
-}
diff --git a/types/react-map-gl/react-map-gl-tests.tsx b/types/react-map-gl/react-map-gl-tests.tsx
index 7eb5bfd590..c9024287c9 100644
--- a/types/react-map-gl/react-map-gl-tests.tsx
+++ b/types/react-map-gl/react-map-gl-tests.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import {
-    Viewport,
+    ViewState,
     InteractiveMap,
     CanvasOverlay,
     SVGOverlay,
@@ -13,12 +13,12 @@ import {
 import * as MapboxGL from "mapbox-gl";
 
 interface State {
-    viewport: Viewport;
+    viewState: ViewState;
 }
 
 class MyMap extends React.Component<{}, State> {
     readonly state: State = {
-        viewport: {
+        viewState: {
             bearing: 0,
             latitude: 0,
             longitude: 0,
@@ -31,14 +31,14 @@ class MyMap extends React.Component<{}, State> {
         return (
             <div>
                 <InteractiveMap
-                    {...this.state.viewport}
+                    {...this.state.viewState}
                     mapboxApiAccessToken="pk.test"
                     height={400}
                     width={400}
                     ref={this.setRefInteractive}
                 >
                     <CanvasOverlay
-                        redraw={(opts: CanvasRedrawOptions) => {
+                        redraw={opts => {
                             const {
                                 ctx,
                                 height,
@@ -51,7 +51,7 @@ class MyMap extends React.Component<{}, State> {
                         }}
                     />
                     <CanvasOverlay
-                        redraw={(opts: CanvasRedrawOptions) => {}}
+                        redraw={opts => {}}
                         captureScroll={true}
                         captureDrag={true}
                         captureClick={true}
@@ -61,7 +61,7 @@ class MyMap extends React.Component<{}, State> {
                         redraw={() => {}}
                     />
                     <SVGOverlay
-                        redraw={(opts: SVGRedrawOptions) => {
+                        redraw={opts => {
                             const {
                                 height,
                                 project,
@@ -79,7 +79,7 @@ class MyMap extends React.Component<{}, State> {
                         redraw={() => {}}
                     />
                     <HTMLOverlay
-                        redraw={(opts: HTMLRedrawOptions) => {
+                        redraw={opts => {
                             const {
                                 height,
                                 project,
@@ -98,7 +98,7 @@ class MyMap extends React.Component<{}, State> {
                     />
                 </InteractiveMap>
                 <StaticMap
-                    {...this.state.viewport}
+                    {...this.state.viewState}
                     mapboxApiAccessToken="pk.test"
                     height={400}
                     width={400}
diff --git a/types/react-mentions/index.d.ts b/types/react-mentions/index.d.ts
new file mode 100644
index 0000000000..ff10bbc013
--- /dev/null
+++ b/types/react-mentions/index.d.ts
@@ -0,0 +1,112 @@
+// Type definitions for react-mentions 2.3
+// Project: https://github.com/signavio/react-mentions
+// Definitions by: Scott Willeke <https://github.com/activescott>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+import * as React from "react";
+
+/**
+ * MentionsInput is the main component rendering the textarea control. It takes one or multiple Mention components as its children.
+ */
+export const MentionsInput: MentionsInputClass;
+
+/**
+ * Each Mention component represents a data source for a specific class of mentionable objects, such as users, template variables, issues, etc.
+ */
+export const Mention: React.SFC<MentionProps>;
+
+/**
+ * The properties for the @see MentionsInput component.
+ */
+export interface MentionsInputProps {
+    /**
+     * If set to `true` a regular text input element will be rendered
+     * instead of a textarea
+     */
+    singleLine?: boolean;
+    /**
+     * If set to `true` spaces will not interrupt matching suggestions
+     */
+    allowSpaceInQuery?: boolean;
+    markup?: string;
+    value?: string;
+    displayTransform?: DisplayTransformFunc;
+    onChange?: OnChangeHandlerFunc;
+    placeholder?: string;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>, clickedSuggestion: boolean) => void;
+    onSelect?: (event: React.UIEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement> | React.KeyboardEvent<HTMLInputElement>) => void;
+    children: React.ReactElement<MentionProps> | Array<React.ReactElement<MentionProps>>;
+    className?: string;
+    style?: any;
+    regex?: RegExp;
+    suggestionsPortalHost?: Element;
+}
+
+/**
+ * Exposes the type for use with the @see MentionsInputComponent.wrappedInstance which is added by react-mentions' use of substyle (https://github.com/jfschwarz/substyle).
+ */
+export interface MentionsInputComponentUnrwapped extends React.Component<MentionsInputProps> {
+    inputRef?: HTMLInputElement | HTMLTextAreaElement;
+}
+
+/**
+ * Used with @see React.RefObject<MentionsInputComponent>.
+ */
+export interface MentionsInputComponent extends React.Component<MentionsInputProps> {
+    // MentionsInput uses substyle (https://github.com/jfschwarz/substyle) which adds this wrappedInstance
+    wrappedInstance?: MentionsInputComponentUnrwapped;
+}
+
+/**
+ * Used to reference MentionsInput element in a TSX file.
+ */
+export interface MentionsInputClass extends React.ComponentClass<MentionsInputProps> {
+}
+
+/**
+ * Props definition for a mention subelement.
+ */
+export interface MentionProps {
+    type?: string;
+    onAdd?: (id: string | number, display: string) => void;
+    renderSuggestion?: (suggestion: SuggestionDataItem, search: string, highlightedDisplay: React.ReactNode, index: number, focused: boolean) => React.ReactNode;
+    className?: string;
+    trigger: string | RegExp;
+    isLoading?: boolean;
+    data: SuggestionDataItem[] | DataFunc;
+    style?: any;
+    appendSpaceOnAdd?: boolean;
+}
+
+/**
+ * The shape of a mention.
+ */
+export interface MentionItem {
+    display: string;
+    id: string;
+    type: null;
+}
+
+/**
+ * The shape of suggestion items.
+ */
+export interface SuggestionDataItem {
+    id: string | number;
+    display: string;
+}
+
+/**
+ * Defines the function signature for implementing @see MentionsInputProps.displayTransform
+ */
+export type DisplayTransformFunc = (id: string, display: string, type: string) => string;
+
+/**
+ * Defines the function signature for implementing @see MentionsInputProps.onChange
+ */
+export type OnChangeHandlerFunc = (event: { target: { value: string } }, newValue: string, newPlainTextValue: string, mentions: MentionItem[]) => void;
+
+/**
+ * The function to implement asynchronous loading of suggestions in @see MentionProps.data .
+ */
+export type DataFunc = (query: string, callback: (data: SuggestionDataItem[]) => void) => void | SuggestionDataItem[];
diff --git a/types/react-mentions/lib/utils.d.ts b/types/react-mentions/lib/utils.d.ts
new file mode 100644
index 0000000000..ab0d1e7aed
--- /dev/null
+++ b/types/react-mentions/lib/utils.d.ts
@@ -0,0 +1,17 @@
+import { DisplayTransformFunc } from "../";
+
+/**
+ * For the passed character index in the plain text string, returns the corresponding index in the marked up value string.
+ * If the passed character index lies inside a mention, the value of `inMarkupCorrection` defines the correction to apply:
+ * - 'START' to return the index of the mention markup's first char (default)
+ * - 'END' to return the index after its last char
+ * - 'NULL' to return null
+ */
+export function mapPlainTextIndex(
+    value: string,
+    markup: string,
+    indexInPlainText: number,
+    inMarkupCorrection: string,
+    displayTransform: DisplayTransformFunc,
+    regex: RegExp
+): number;
diff --git a/types/react-mentions/react-mentions-tests.tsx b/types/react-mentions/react-mentions-tests.tsx
new file mode 100644
index 0000000000..49f5180720
--- /dev/null
+++ b/types/react-mentions/react-mentions-tests.tsx
@@ -0,0 +1,60 @@
+import * as React from "react";
+import { MentionsInput, Mention, SuggestionDataItem } from "react-mentions";
+import { mapPlainTextIndex } from "react-mentions/lib/utils";
+
+interface TestProps {
+    data: SuggestionDataItem[];
+    value?: string;
+    onChange?: () => void;
+    onAdd?: () => void;
+    regex: RegExp;
+}
+
+export const TestSimple: React.SFC<TestProps> = (props) => {
+    return (
+        <MentionsInput
+            value={props.value}
+            onChange={props.onChange}
+            placeholder={"Mention people using '@'"}
+            displayTransform={login => `@${login}`}
+        >
+        <Mention
+            trigger="@"
+            data={props.data}
+            onAdd={props.onAdd}
+        />
+        </MentionsInput>
+    );
+};
+
+export const TestMultipleTrigger: React.SFC<TestProps> = (props) => {
+    return (
+        <MentionsInput
+            value={props.value}
+            onChange={props.onChange}
+            markup="@[__display__](__type__:__id__)"
+            placeholder={"Mention people using '@'"}
+        >
+            <Mention
+                type="user"
+                trigger="@"
+                data={props.data}
+                renderSuggestion={(suggestion: SuggestionDataItem, search: string, highlightedDisplay: React.ReactNode, index: number, focused: boolean) => (
+                    <div className={`user ${focused ? 'focused' : ''}`}>
+                    {highlightedDisplay}
+                    </div>
+                )}
+                onAdd={props.onAdd}
+            />
+
+            <Mention
+                type="email"
+                trigger={props.regex}
+                data={search => [{ id: search, display: search }]}
+                onAdd={props.onAdd}
+            />
+        </MentionsInput>
+    );
+};
+
+mapPlainTextIndex("foo", "bar", 1, "NULL", login => `@${login}`, /.*/); // $ExpectType number
diff --git a/types/react-mentions/tsconfig.json b/types/react-mentions/tsconfig.json
new file mode 100644
index 0000000000..260c003e2d
--- /dev/null
+++ b/types/react-mentions/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "lib/utils.d.ts",
+        "react-mentions-tests.tsx"
+    ]
+}
diff --git a/types/react-mentions/tslint.json b/types/react-mentions/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-mentions/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-modal/index.d.ts b/types/react-modal/index.d.ts
index 237c725332..d04a6b5c18 100644
--- a/types/react-modal/index.d.ts
+++ b/types/react-modal/index.d.ts
@@ -1,11 +1,12 @@
-// Type definitions for react-modal 3.2
+// Type definitions for react-modal 3.6
 // Project: https://github.com/reactjs/react-modal
 // Definitions by: Rajab Shakirov <https://github.com/radziksh>,
 //                 Drew Noakes <https://github.com/drewnoakes>,
 //                 Thomas B Homburg <https://github.com/homburg>,
 //                 Tatu Tamminen <https://github.com/ttamminen>,
 //                 Uwe Wiemer <https://github.com/hallowatcher>,
-//                 Peter Blazejewicz <https://github.com/peterblazejewicz>
+//                 Peter Blazejewicz <https://github.com/peterblazejewicz>,
+//                 Justin Powell <https://github.com/jpowell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -48,6 +49,9 @@ declare namespace ReactModal {
         /* String className to be applied to the document.body. */
         bodyOpenClassName?: string;
 
+        /* String className to be applied to the document.html. */
+        htmlOpenClassName?: string;
+
         /* String or object className to be applied to the modal content. */
         className?: string | Classes;
 
@@ -87,6 +91,9 @@ declare namespace ReactModal {
         /* Additional aria attributes. */
         aria?: Aria;
 
+        /* Additional data attributes to be applied to to the modal content in the form of "data-*" */
+        data?: any;
+
         /* String indicating the role of the modal, allowing the 'dialog' role to be applied if desired. */
         role?: string;
 
diff --git a/types/react-modal/react-modal-tests.tsx b/types/react-modal/react-modal-tests.tsx
index 463ac1c7be..8dfd6d35e3 100644
--- a/types/react-modal/react-modal-tests.tsx
+++ b/types/react-modal/react-modal-tests.tsx
@@ -51,6 +51,10 @@ class ExampleOfUsingReactModal extends React.Component {
       labelledby: 'labelledby',
       describedby: 'describedby'
     };
+    const customDataVariables = {
+      dataOne: 'one',
+      dataTwo: 'two'
+    };
     return (
       <ReactModal
         isOpen={true}
@@ -62,7 +66,9 @@ class ExampleOfUsingReactModal extends React.Component {
         className={customClasses}
         overlayClassName={customOverlayClasses}
         bodyOpenClassName={'bodyOpenClassName'}
+        htmlOpenClassName={'htmlOpenClassName'}
         aria={customAriaVariables}
+        data={customDataVariables}
         contentRef={instance => this.contentRef = instance}
         overlayRef={instance => this.overlayRef = instance}
         >
diff --git a/types/react-native-auth0/index.d.ts b/types/react-native-auth0/index.d.ts
index d6bd3e7cf1..7508386166 100644
--- a/types/react-native-auth0/index.d.ts
+++ b/types/react-native-auth0/index.d.ts
@@ -70,6 +70,11 @@ export interface UserInfoParams {
     token: string;
 }
 
+export interface ResetPasswordParams {
+    email: string;
+    connection: string;
+}
+
 export interface UserInfo {
     email: string;
     emailVerified: boolean;
@@ -88,6 +93,7 @@ export class Auth {
     passwordRealm(params: PasswordRealmParams): Promise<PasswordRealmResponse>;
 
     refreshToken(params: RefreshTokenParams): Promise<any>;
+    resetPassword(params: ResetPasswordParams): Promise<any>;
     revoke(params: RevokeParams): Promise<any>;
     userInfo(params: UserInfoParams): Promise<UserInfo>;
 }
diff --git a/types/react-native-auth0/react-native-auth0-tests.ts b/types/react-native-auth0/react-native-auth0-tests.ts
index 068833e349..8a10d5d2b6 100644
--- a/types/react-native-auth0/react-native-auth0-tests.ts
+++ b/types/react-native-auth0/react-native-auth0-tests.ts
@@ -49,6 +49,11 @@ auth0.auth.refreshToken({
     scope: "openid"
 });
 
+auth0.auth.resetPassword({
+    email: "me@example.com",
+    connection: "db-connection"
+});
+
 auth0.auth.revoke({
     refreshToken: "refresh-token"
 });
diff --git a/types/react-native-bluetooth-serial/tsconfig.json b/types/react-native-bluetooth-serial/tsconfig.json
index 213f3fd025..80b4865dd3 100644
--- a/types/react-native-bluetooth-serial/tsconfig.json
+++ b/types/react-native-bluetooth-serial/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6",
-            "dom"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/react-native-calendars/index.d.ts b/types/react-native-calendars/index.d.ts
index 647e64c0f2..402a3fff1a 100644
--- a/types/react-native-calendars/index.d.ts
+++ b/types/react-native-calendars/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/wix/react-native-calendars#readme
 // Definitions by: Tyler Zhang <https://github.com/Tyler-Zhang>
 //                 David Noreña <https://github.com/DavidNorena>
+//                 Fabian Meul <https://github.com/FabianMeul>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -23,6 +24,10 @@ export interface CalendarDot {
     selectedDotColor?: string;
 }
 
+export interface CalendarThemeIdStyle {
+    [themeId: string]: ViewStyle | TextStyle;
+}
+
 export interface CalendarTheme {
     arrowColor?: string;
     backgroundColor?: string;
@@ -43,6 +48,17 @@ export interface CalendarTheme {
     textMonthFontSize?: number;
     textSectionTitleColor?: string;
     todayTextColor?: string;
+
+    // Theme ID's to style for
+    "stylesheet.calendar.header"?: CalendarThemeIdStyle;
+    "stylesheet.calendar.main"?: CalendarThemeIdStyle;
+    "stylesheet.calendar-list.main"?: CalendarThemeIdStyle;
+    "stylesheet.agenda.main"?: CalendarThemeIdStyle;
+    "stylesheet.agenda.list"?: CalendarThemeIdStyle;
+    "stylesheet.day.basic"?: CalendarThemeIdStyle;
+    "stylesheet.day.single"?: CalendarThemeIdStyle;
+    "stylesheet.day.multiDot"?: CalendarThemeIdStyle;
+    "stylesheet.day.period"?: CalendarThemeIdStyle;
 }
 
 export type DateCallbackHandler = (date: DateObject) => void;
@@ -319,6 +335,11 @@ export interface CalendarListBaseProps extends CalendarBaseProps {
      *  Enable or disable vertical scroll indicator. Default = false
      */
     showScrollIndicator?: boolean;
+
+    /**
+     * Initially selected day
+     */
+    selected?: string;
 }
 
 export class CalendarList extends React.Component<CalendarMarkingProps & CalendarListBaseProps> { }
diff --git a/types/react-native-datepicker/tsconfig.json b/types/react-native-datepicker/tsconfig.json
index b1dd56e20d..875993fd09 100644
--- a/types/react-native-datepicker/tsconfig.json
+++ b/types/react-native-datepicker/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6",
-            "dom"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/react-native-doc-viewer/tsconfig.json b/types/react-native-doc-viewer/tsconfig.json
index 86d578084a..e49d63b19e 100644
--- a/types/react-native-doc-viewer/tsconfig.json
+++ b/types/react-native-doc-viewer/tsconfig.json
@@ -1,10 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6",
-            "dom"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
diff --git a/types/react-native-drawer-layout/tsconfig.json b/types/react-native-drawer-layout/tsconfig.json
index a0d6721b68..acad3b04bc 100644
--- a/types/react-native-drawer-layout/tsconfig.json
+++ b/types/react-native-drawer-layout/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-drawer/tsconfig.json b/types/react-native-drawer/tsconfig.json
index 1617e4715b..2624c7bb76 100644
--- a/types/react-native-drawer/tsconfig.json
+++ b/types/react-native-drawer/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-fbsdk/react-native-fbsdk-tests.tsx b/types/react-native-fbsdk/react-native-fbsdk-tests.tsx
index 7d1210f06a..5d4abb0117 100644
--- a/types/react-native-fbsdk/react-native-fbsdk-tests.tsx
+++ b/types/react-native-fbsdk/react-native-fbsdk-tests.tsx
@@ -2,6 +2,8 @@ import * as React from 'react';
 import * as FBSDK from 'react-native-fbsdk';
 import { View } from 'react-native';
 
+declare function alert(s: string): void;
+
 const {
     LoginButton,
     AccessToken,
diff --git a/types/react-native-fbsdk/tsconfig.json b/types/react-native-fbsdk/tsconfig.json
index 0eae296778..e01b522313 100644
--- a/types/react-native-fbsdk/tsconfig.json
+++ b/types/react-native-fbsdk/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-flip-card/index.d.ts b/types/react-native-flip-card/index.d.ts
new file mode 100644
index 0000000000..6fc1156a1a
--- /dev/null
+++ b/types/react-native-flip-card/index.d.ts
@@ -0,0 +1,46 @@
+// Type definitions for react-native-flip-card 3.5
+// Project: https://github.com/moschan/react-native-flip-card
+// Definitions by: Jake Chapman <https://github.com/imjakechapman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { Component, ReactNode, ComponentClass } from "react";
+import {
+    ViewProps,
+    TextProps,
+    StyleProp,
+    TextInputProps,
+    ViewStyle
+} from "react-native";
+
+// FlipCard
+export interface FlipCardProps {
+  style?: StyleProp<ViewStyle>;
+  flip?: boolean;
+  friction?: number;
+  perspective?: number;
+  flipHorizontal?: boolean;
+  flipVertical?: boolean;
+  clickable?: boolean;
+  onFlipEnd?: () => void;
+  onFlipStart?: () => void;
+  alignHeight?: boolean;
+  alignWidth?: boolean;
+  useNativeDriver?: boolean;
+}
+// Face
+export interface FaceProps {
+  chilren: JSX.Element[];
+}
+
+// Back
+export interface BackProps {
+  flipHorizontal: boolean;
+  flipVertical: boolean;
+  perspective: number;
+  chilren: JSX.Element[];
+}
+
+export const Face: ComponentClass<FaceProps>;
+export const Back: ComponentClass<BackProps>;
+export default class FlipCard extends Component<FlipCardProps> {}
diff --git a/types/react-native-flip-card/react-native-flip-card-tests.tsx b/types/react-native-flip-card/react-native-flip-card-tests.tsx
new file mode 100644
index 0000000000..e741589be4
--- /dev/null
+++ b/types/react-native-flip-card/react-native-flip-card-tests.tsx
@@ -0,0 +1,33 @@
+import * as React from "react";
+import { View, Text, StyleSheet } from "react-native";
+
+// Component
+import FlipCard from "react-native-flip-card";
+
+export default class FlipCardTest extends React.Component {
+  render() {
+    return (
+      <FlipCard
+        style={{ backgroundColor: "#fff" }}
+        flip={false}
+        friction={10}
+        perspective={10}
+        flipHorizontal={true}
+        flipVertical={false}
+        clickable={true}
+        onFlipStart={() => {}}
+        onFlipEnd={() => {}}
+        alignHeight={false}
+        alignWidth={false}
+        useNativeDriver={true}
+      >
+        <View>
+          <Text>Front</Text>
+        </View>
+        <View>
+          <Text>Back</Text>
+        </View>
+      </FlipCard>
+    );
+  }
+}
diff --git a/types/react-native-flip-card/tsconfig.json b/types/react-native-flip-card/tsconfig.json
new file mode 100644
index 0000000000..92f1878d71
--- /dev/null
+++ b/types/react-native-flip-card/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true,
+      "jsx": "react"
+  },
+  "files": [
+      "index.d.ts",
+      "react-native-flip-card-tests.tsx"
+  ]
+}
\ No newline at end of file
diff --git a/types/react-native-flip-card/tslint.json b/types/react-native-flip-card/tslint.json
new file mode 100644
index 0000000000..30a1bdde2e
--- /dev/null
+++ b/types/react-native-flip-card/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/react-native-fs/tsconfig.json b/types/react-native-fs/tsconfig.json
index f491bb6a7a..5e4ae5b88a 100644
--- a/types/react-native-fs/tsconfig.json
+++ b/types/react-native-fs/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-google-signin/index.d.ts b/types/react-native-google-signin/index.d.ts
index 8bb895ce90..54e19715e1 100644
--- a/types/react-native-google-signin/index.d.ts
+++ b/types/react-native-google-signin/index.d.ts
@@ -1,7 +1,9 @@
-// Type definitions for react-native-google-signin 0.13
+// Type definitions for react-native-google-signin 1.0
 // Project: https://github.com/devfd/react-native-google-signin
 // Definitions by: Jacob Froman <https://github.com/j-fro>
 //                 Michele Bombardi <https://github.com/bm-software>
+//                 Christian Chown <https://github.com/christianchown>
+//                 Eric Chen <https://github.com/echentw>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -11,6 +13,7 @@ import { ViewProps } from 'react-native';
 export interface GoogleSigninButtonProps extends ViewProps {
     size?: GoogleSigninButton.Size;
     color?: GoogleSigninButton.Color;
+    disabled?: boolean;
     onPress?(): void;
 }
 
@@ -33,10 +36,11 @@ export namespace GoogleSigninButton {
 
 export interface HasPlayServicesParams {
     /**
-     * When autoresolve is true, the user will be prompted to install Play
-     * Services if on Android and they are not installed.
+     * When showPlayServicesUpdateDialog is true, the user will be prompted to
+     * install Play Services if on Android and they are not installed.
+     * Default is true
      */
-    autoResolve?: boolean;
+    showPlayServicesUpdateDialog?: boolean;
 }
 
 export interface ConfigureParams {
@@ -45,16 +49,16 @@ export interface ConfigureParams {
      */
     scopes?: string[];
 
-    /**
-     * iOS client ID from Developer Console. Required for iOS.
-     */
-    iosClientId?: string;
-
     /**
      * Web client ID from Developer Console. Required for offline access
      */
     webClientId?: string;
 
+    /**
+     * If you want to specify the client ID of type iOS
+     */
+    iosClientId?: string;
+
     /**
      * Must be true if you wish to access user APIs on behalf of the user from
      * your own server
@@ -78,22 +82,21 @@ export interface ConfigureParams {
 }
 
 export interface User {
-    id: string | null;
-    name: string | null;
-    email: string | null;
+    user: {
+        id: string | null;
+        name: string | null;
+        email: string | null;
+        photo: string | null;
+        familyName: string | null;
+        givenName: string | null;
+    };
     scopes?: string[];
-    photo: string | null;
-    familyName: string | null;
-    givenName: string | null;
     idToken: string | null;
+    accessToken: string | null;
     /**
-     * IOS ONLY. Use getAccessToken() on Android
+     * Deprecated
      */
-    accessToken: string;
-    /**
-     * IOS ONLY. Use getAccessToken() on Android
-     */
-    accessTokenExpirationDate: number;
+    accessTokenExpirationDate: number | null;
     /**
      * Not null only if a valid webClientId and offlineAccess: true was
      * specified in configure().
@@ -111,18 +114,13 @@ export namespace GoogleSignin {
     /**
      * Configures the library for login. MUST be called before attempting login
      */
-    function configure(params?: ConfigureParams): Promise<void>;
+    function configure(params?: ConfigureParams): void;
 
     /**
-     * Returns the current signed in user, or null if not signed in.
-     */
-    function currentUser(): User | null;
-
-    /**
-     * Returns a Promise that resolves with the current signed in user, or null
+     * Returns a Promise that resolves with the current signed in user or rejects
      * if not signed in.
      */
-    function currentUserAsync(): Promise<User | null>;
+    function signInSilently(): Promise<User>;
 
     /**
      * Prompts the user to sign in with their Google account. Resolves with the
@@ -135,20 +133,20 @@ export namespace GoogleSignin {
      */
     function signOut(): Promise<void>;
 
-    /**
-     * ANDROID ONLY. Resolves with the current signed in user's access token.
-     */
-    function getAccessToken(): Promise<string | null>;
-
     /**
      * Removes your application from the user's authorized applications
      */
     function revokeAccess(): Promise<void>;
+
+    /**
+     * Returns whether the user is currently signed in
+     */
+    function isSignedIn(): Promise<boolean>;
 }
 
-export enum StatusCodes {
-    SIGN_IN_CANCELLED = '12501',
-    IN_PROGRESS = 'ASYNC_OP_IN_PROGRESS',
-    PLAY_SERVICES_NOT_AVAILABLE = 'PLAY_SERVICES_NOT_AVAILABLE',
-    SIGN_IN_REQUIRED = '4',
-}
+export const statusCodes: {
+    SIGN_IN_CANCELLED: string;
+    IN_PROGRESS: string;
+    PLAY_SERVICES_NOT_AVAILABLE: string;
+    SIGN_IN_REQUIRED: string;
+};
diff --git a/types/react-native-google-signin/react-native-google-signin-tests.tsx b/types/react-native-google-signin/react-native-google-signin-tests.tsx
index a8de31f0eb..f4f26bcc89 100644
--- a/types/react-native-google-signin/react-native-google-signin-tests.tsx
+++ b/types/react-native-google-signin/react-native-google-signin-tests.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GoogleSignin, GoogleSigninButton, User } from 'react-native-google-signin';
-import { StyleSheet, ViewStyle, View, Text, TouchableHighlight } from 'react-native';
+import { GoogleSignin, GoogleSigninButton, User, statusCodes } from 'react-native-google-signin';
+import { StyleSheet, View, Text, TouchableHighlight } from 'react-native';
 
 interface State {
     user?: User;
@@ -9,15 +9,25 @@ interface State {
 export default class Signin extends React.Component<{}, State> {
     state: State = {};
 
-    componentDidMount() {
+    async componentDidMount() {
         GoogleSignin.configure({
             scopes: ['https://www.googleapis.com/auth/drive.readonly']
-        }).then(() => GoogleSignin.hasPlayServices({ autoResolve: true }));
+        });
+        await GoogleSignin.hasPlayServices({ showPlayServicesUpdateDialog: true });
     }
 
     async handleSigninPress(): Promise<void> {
-        const user = await GoogleSignin.signIn();
-        this.setState({ user });
+        let user;
+        try {
+            user = await GoogleSignin.signInSilently();
+        } catch (error) {
+            if (error.code === statusCodes.SIGN_IN_REQUIRED) {
+                user = await GoogleSignin.signIn();
+            }
+        }
+        if (user) {
+            this.setState({ user });
+        }
     }
 
     handleSignoutPress(): Promise<void> {
@@ -28,7 +38,7 @@ export default class Signin extends React.Component<{}, State> {
         if (this.state.user) {
             return (
                 <View>
-                    <Text>{this.state.user.name}</Text>
+                    <Text>{this.state.user.user.name}</Text>
                     <TouchableHighlight onPress={() => this.handleSignoutPress()}>
                         <Text>Sign Out</Text>
                     </TouchableHighlight>
diff --git a/types/react-native-huawei-protected-apps/index.d.ts b/types/react-native-huawei-protected-apps/index.d.ts
new file mode 100644
index 0000000000..cecb0377c6
--- /dev/null
+++ b/types/react-native-huawei-protected-apps/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for react-native-huawei-protected-apps 0.0
+// Project: https://github.com/pgengoux/react-native-huawei-protected-apps
+// Definitions by: Christian Chown <https://github.com/christianchown>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+export interface HuaweiProtectedAppsConfig {
+    title: string;
+    text: string;
+    doNotShowAgainText: string;
+    positiveText: string;
+    negativeText: string;
+}
+
+declare let HuaweiProtectedApps: {
+    AlertIfHuaweiDevice(config: HuaweiProtectedAppsConfig): void;
+};
+
+export default HuaweiProtectedApps;
diff --git a/types/react-native-huawei-protected-apps/react-native-huawei-protected-apps-tests.tsx b/types/react-native-huawei-protected-apps/react-native-huawei-protected-apps-tests.tsx
new file mode 100644
index 0000000000..8bb0047300
--- /dev/null
+++ b/types/react-native-huawei-protected-apps/react-native-huawei-protected-apps-tests.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import HuaweiProtectedApps from "react-native-huawei-protected-apps";
+
+const config = {
+  title: "Huawei Protected Apps",
+  text: "This app requires to be enabled in 'Protected Apps' in order to receive push notifcations",
+  doNotShowAgainText: "Do not show again",
+  positiveText: "PROTECTED APPS",
+  negativeText: "CANCEL"
+};
+
+HuaweiProtectedApps.AlertIfHuaweiDevice(config);
diff --git a/types/react-native-huawei-protected-apps/tsconfig.json b/types/react-native-huawei-protected-apps/tsconfig.json
new file mode 100644
index 0000000000..3c79da2804
--- /dev/null
+++ b/types/react-native-huawei-protected-apps/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react-native",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-huawei-protected-apps-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-native-huawei-protected-apps/tslint.json b/types/react-native-huawei-protected-apps/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/react-native-huawei-protected-apps/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/react-native-material-design-searchbar/tsconfig.json b/types/react-native-material-design-searchbar/tsconfig.json
index 41e6dc8bab..ad0e5ff24f 100644
--- a/types/react-native-material-design-searchbar/tsconfig.json
+++ b/types/react-native-material-design-searchbar/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-material-kit/tsconfig.json b/types/react-native-material-kit/tsconfig.json
index f18bd089b8..5ec874cdac 100644
--- a/types/react-native-material-kit/tsconfig.json
+++ b/types/react-native-material-kit/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-material-textfield/tsconfig.json b/types/react-native-material-textfield/tsconfig.json
index b3c2a6ebba..93b14898f2 100644
--- a/types/react-native-material-textfield/tsconfig.json
+++ b/types/react-native-material-textfield/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-material-ui/tsconfig.json b/types/react-native-material-ui/tsconfig.json
index 7c215a4a8b..770ecbe42c 100644
--- a/types/react-native-material-ui/tsconfig.json
+++ b/types/react-native-material-ui/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-modalbox/react-native-modalbox-tests.tsx b/types/react-native-modalbox/react-native-modalbox-tests.tsx
index a2e54a7653..31f104161f 100644
--- a/types/react-native-modalbox/react-native-modalbox-tests.tsx
+++ b/types/react-native-modalbox/react-native-modalbox-tests.tsx
@@ -16,6 +16,8 @@ interface State {
   sliderValue: number;
 }
 
+const screen = Dimensions.get('window');
+
 class Example extends React.Component<{}, State> {
   modal1: Modal;
   modal2: Modal;
diff --git a/types/react-native-modalbox/tsconfig.json b/types/react-native-modalbox/tsconfig.json
index 1c41f2e346..8b996efbab 100644
--- a/types/react-native-modalbox/tsconfig.json
+++ b/types/react-native-modalbox/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-popup-dialog/index.d.ts b/types/react-native-popup-dialog/index.d.ts
index 3ff12802f4..dcf6e5cb1c 100644
--- a/types/react-native-popup-dialog/index.d.ts
+++ b/types/react-native-popup-dialog/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-native-popup-dialog 1.0
+// Type definitions for react-native-popup-dialog 0.16
 // Project: https://github.com/jacklam718/react-native-popup-dialog/blob/master/README.md
 // Definitions by: Paito Anderson <https://github.com/PaitoAnderson>
 //                 connectdotz <https://github.com/connectdotz>
@@ -55,7 +55,7 @@ export interface PopupDialogProps {
     dismissOnTouchOutside?: boolean;
     dismissOnHardwareBackPress?: boolean;
     haveOverlay?: boolean;
-    show?: boolean;
+    visible?: boolean;
     onShown?: () => void;
     onDismissed?: () => void;
     actions?: any[];
diff --git a/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx b/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
index 379d4fd788..95bfa66f4e 100644
--- a/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
+++ b/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
@@ -72,7 +72,7 @@ class Test extends React.Component<any> {
                     dismissOnTouchOutside={false}
                     dismissOnHardwareBackPress={false}
                     haveOverlay={true}
-                    show={true}
+                    visible={true}
                     onShown={() => { console.log('onShown'); }}
                     onDismissed={() => { console.log('onDismissed'); }}
                 />
diff --git a/types/react-native-popup-dialog/tsconfig.json b/types/react-native-popup-dialog/tsconfig.json
index f870dbf139..a2cc61cfc5 100644
--- a/types/react-native-popup-dialog/tsconfig.json
+++ b/types/react-native-popup-dialog/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-push-notification/index.d.ts b/types/react-native-push-notification/index.d.ts
index 1c1577d7c1..4f58cd7385 100644
--- a/types/react-native-push-notification/index.d.ts
+++ b/types/react-native-push-notification/index.d.ts
@@ -22,10 +22,11 @@ export interface PushNotification {
     finish: (fetchResult: string) => void;
 }
 
-export class PushNotificationOptions {
+export interface PushNotificationOptions {
     onRegister?: (token: { os: string, token: string }) => void;
     onNotification?: (notification: PushNotification) => void;
     senderID?: string;
+    permissions?: PushNotificationPermissions;
     popInitialNotification?: boolean;
     requestPermissions?: boolean;
 }
diff --git a/types/react-native-push-notification/react-native-push-notification-tests.ts b/types/react-native-push-notification/react-native-push-notification-tests.ts
index c28779b855..60354e0cf7 100644
--- a/types/react-native-push-notification/react-native-push-notification-tests.ts
+++ b/types/react-native-push-notification/react-native-push-notification-tests.ts
@@ -6,6 +6,7 @@ PushNotification.configure({
     },
     onRegister: (token) => {},
     senderID: 'XXX',
+    permissions: { alert: true, badge: true, sound: true },
     popInitialNotification: false,
     requestPermissions: true,
 });
diff --git a/types/react-native-qrcode/tsconfig.json b/types/react-native-qrcode/tsconfig.json
index b21253194b..3747539935 100644
--- a/types/react-native-qrcode/tsconfig.json
+++ b/types/react-native-qrcode/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-referrer/index.d.ts b/types/react-native-referrer/index.d.ts
new file mode 100644
index 0000000000..34f5429b4a
--- /dev/null
+++ b/types/react-native-referrer/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for react-native-referrer 0.1
+// Project: https://github.com/JeandeCampredon/react-native-referrer
+// Definitions by: Christian Chown <https://github.com/christianchown>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+declare let ReactNativeReferrer: {
+    getReferrer(): Promise<string>;
+};
+
+export default ReactNativeReferrer;
diff --git a/types/react-native-referrer/react-native-referrer-tests.tsx b/types/react-native-referrer/react-native-referrer-tests.tsx
new file mode 100644
index 0000000000..4b7b3d88b8
--- /dev/null
+++ b/types/react-native-referrer/react-native-referrer-tests.tsx
@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Platform } from "react-native";
+import ReactNativeReferrer from "react-native-referrer";
+
+if (Platform.OS === 'android') {
+    ReactNativeReferrer.getReferrer().then(referrerString => {
+        console.log(referrerString);
+    });
+}
diff --git a/types/react-native-referrer/tsconfig.json b/types/react-native-referrer/tsconfig.json
new file mode 100644
index 0000000000..a1bcec56b8
--- /dev/null
+++ b/types/react-native-referrer/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react-native",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-referrer-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-native-referrer/tslint.json b/types/react-native-referrer/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/react-native-referrer/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/react-native-restart/index.d.ts b/types/react-native-restart/index.d.ts
new file mode 100644
index 0000000000..b73c06a291
--- /dev/null
+++ b/types/react-native-restart/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for react-native-restart 0.0
+// Project: https://github.com/avishayil/react-native-restart#readme
+// Definitions by: Christian Chown <https://github.com/christianchown>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+declare let ReactNativeRestart: {
+    Restart(): void;
+};
+
+export default ReactNativeRestart;
diff --git a/types/react-native-restart/react-native-restart-tests.tsx b/types/react-native-restart/react-native-restart-tests.tsx
new file mode 100644
index 0000000000..dee25ace3d
--- /dev/null
+++ b/types/react-native-restart/react-native-restart-tests.tsx
@@ -0,0 +1,4 @@
+import * as React from "react";
+import ReactNativeRestart from "react-native-restart";
+
+ReactNativeRestart.Restart();
diff --git a/types/react-native-restart/tsconfig.json b/types/react-native-restart/tsconfig.json
new file mode 100644
index 0000000000..85f654f9c1
--- /dev/null
+++ b/types/react-native-restart/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react-native",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-restart-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-native-restart/tslint.json b/types/react-native-restart/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/react-native-restart/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/react-native-safe-area/index.d.ts b/types/react-native-safe-area/index.d.ts
new file mode 100644
index 0000000000..fd38aec0a5
--- /dev/null
+++ b/types/react-native-safe-area/index.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for react-native-safe-area 0.5
+// Project: https://github.com/miyabi/react-native-safe-area#readme
+// Definitions by: Pavlos Vinieratos <https://github.com/pvinis>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="react" />
+
+import { EmitterSubscription } from 'react-native';
+
+// from `TypeDefinition.js`
+export interface SafeAreaInsets { top: number; left: number; bottom: number; right: number; }
+
+// from `SafeArea.[ios|android].js`
+declare namespace SafeArea {
+    function getSafeAreaInsetsForRootView(): Promise<{ safeAreaInsets: SafeAreaInsets }>;
+    function addEventListener(eventType: string, listener: (...args: any[]) => any, context?: any): EmitterSubscription;
+    function removeEventListener(eventType: string, listener: (...args: any[]) => any): void;
+}
+export default SafeArea;
+
+// from `withSafeArea.js`
+export type Direction =
+    | 'top'
+    | 'bottom'
+    | 'left'
+    | 'right'
+    | 'topLeft' // DEPRECATED
+    | 'topAndLeft'
+    | 'topRight' // DEPRECATED
+    | 'topAndRight'
+    | 'bottomLeft' // DEPRECATED
+    | 'bottomAndLeft'
+    | 'bottomRight' // DEPRECATED
+    | 'bottomAndRight'
+    | 'vertical'
+    | 'horizontal'
+    | 'verticalAndLeft'
+    | 'verticalAndRight'
+    | 'horizontalAndTop'
+    | 'horizontalAndBottom'
+    | 'all';
+
+export function withSafeArea(
+    WrappedComponent: React.ComponentType<any>,
+    applyTo?: 'margin' | 'padding' | 'absolutePosition' | 'contentInset',
+    direction?: Direction,
+): React.ComponentType<any>;
diff --git a/types/react-native-safe-area/react-native-safe-area-tests.ts b/types/react-native-safe-area/react-native-safe-area-tests.ts
new file mode 100644
index 0000000000..0dc931d026
--- /dev/null
+++ b/types/react-native-safe-area/react-native-safe-area-tests.ts
@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+import { withSafeArea } from 'react-native-safe-area';
+
+const SafeAreaView = withSafeArea(View);
diff --git a/types/react-native-safe-area/tsconfig.json b/types/react-native-safe-area/tsconfig.json
new file mode 100644
index 0000000000..6a88cd1448
--- /dev/null
+++ b/types/react-native-safe-area/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-safe-area-tests.ts"
+    ]
+}
diff --git a/types/react-native-safe-area/tslint.json b/types/react-native-safe-area/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-safe-area/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-native-scaled-image/index.d.ts b/types/react-native-scaled-image/index.d.ts
new file mode 100644
index 0000000000..cf938913a0
--- /dev/null
+++ b/types/react-native-scaled-image/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for react-native-scaled-image 0.0
+// Project: https://github.com/nanlabs/react-native-scaled-image
+// Definitions by: Matt Jaeger <https://github.com/Jaeger25>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+import { ImageSourcePropType, StyleProp, ImageStyle } from 'react-native';
+
+export interface ScaledImageProps {
+  source: ImageSourcePropType;
+  height?: number;
+  width?: number;
+  style?: StyleProp<ImageStyle>;
+}
+
+export default class ScaledImage extends React.Component<ScaledImageProps> {}
diff --git a/types/react-native-scaled-image/react-native-scaled-image-tests.tsx b/types/react-native-scaled-image/react-native-scaled-image-tests.tsx
new file mode 100644
index 0000000000..75d76c2843
--- /dev/null
+++ b/types/react-native-scaled-image/react-native-scaled-image-tests.tsx
@@ -0,0 +1,15 @@
+import * as React from 'react';
+import ScaledImage from 'react-native-scaled-image';
+
+class Example extends React.Component {
+    render() {
+        return (
+          <ScaledImage
+              source={require('image.png')}
+              style={{ resizeMode: 'contain' }}
+              width={360} />
+        );
+    }
+}
+
+export default Example;
diff --git a/types/react-native-scaled-image/tsconfig.json b/types/react-native-scaled-image/tsconfig.json
new file mode 100644
index 0000000000..2f139b2f6c
--- /dev/null
+++ b/types/react-native-scaled-image/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "jsx": "react-native",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "react-native-scaled-image-tests.tsx"]
+}
diff --git a/types/react-native-scaled-image/tslint.json b/types/react-native-scaled-image/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-scaled-image/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-native-scrollable-tab-view/tsconfig.json b/types/react-native-scrollable-tab-view/tsconfig.json
index 6b88cdde66..cc48436c97 100644
--- a/types/react-native-scrollable-tab-view/tsconfig.json
+++ b/types/react-native-scrollable-tab-view/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-share/index.d.ts b/types/react-native-share/index.d.ts
index d407d4df96..bf382a8b2c 100644
--- a/types/react-native-share/index.d.ts
+++ b/types/react-native-share/index.d.ts
@@ -1,32 +1,55 @@
-// Type definitions for react-native-share 1.0
+// Type definitions for react-native-share 1.1
 // Project: https://github.com/react-native-community/react-native-share#readme
 // Definitions by: Mark Nelissen <https://github.com/marknelissen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
 declare namespace Share {
-    function open(options: OpenOptions): Promise<any>;
-    function shareSingle(options: ShareSingleOptions): Promise<any>;
+    function open(options: Options | MultipleOptions): Promise<OpenReturn>;
+    function shareSingle(
+        options: Options & { social: SupportedSocialApps }
+    ): Promise<ShareSingleReturn>;
 }
 
 export default Share;
 
-interface OpenOptions {
-    url: string;
-    type?: string;
+interface OpenReturn {
+    app?: string;
+    dismissedAction?: boolean;
+}
+
+interface ShareSingleReturn {
     message: string;
+}
+
+interface Options {
+    url: string;
+    urls?: string[];
+    type?: string;
+    message?: string;
     title?: string;
     subject?: string;
     excludedActivityTypes?: string;
-    showAppsToview?: boolean;
+    failOnCancel?: boolean;
+    showAppsToView?: boolean;
 }
-
-interface ShareSingleOptions {
-    url: string;
+interface MultipleOptions {
+    url?: string;
+    urls: string[];
     type?: string;
-    message: string;
+    message?: string;
     title?: string;
     subject?: string;
-    social: SupportedSocialApps;
+    excludedActivityTypes?: string;
+    failOnCancel?: boolean;
+    showAppsToView?: boolean;
 }
 
-type SupportedSocialApps = 'twitter' | 'facebook' | 'whatsapp' | 'googleplus' | 'email';
+type SupportedSocialApps =
+    | "facebook"
+    | "pagesmanager"
+    | "twitter"
+    | "whatsapp"
+    | "instagram"
+    | "googleplus"
+    | "email";
diff --git a/types/react-native-share/react-native-share-tests.ts b/types/react-native-share/react-native-share-tests.ts
index 375a4af4b6..a5702a9b59 100644
--- a/types/react-native-share/react-native-share-tests.ts
+++ b/types/react-native-share/react-native-share-tests.ts
@@ -1,12 +1,19 @@
 import Share from 'react-native-share';
 
-// $ExpectType Promise<any>
+// $ExpectType Promise<OpenReturn>
 Share.open({
     url: '',
     message: '',
 });
 
-// $ExpectType Promise<any>
+// $ExpectType Promise<OpenReturn>
+Share.open({
+    title: '',
+    message: '',
+    urls: [],
+});
+
+// $ExpectType Promise<OpenReturn>
 Share.open({
     url: '',
     type: '',
@@ -14,17 +21,17 @@ Share.open({
     title: '',
     subject: '',
     excludedActivityTypes: '',
-    showAppsToview: true,
+    showAppsToView: true,
 });
 
-// $ExpectType Promise<any>
+// $ExpectType Promise<ShareSingleReturn>
 Share.shareSingle({
     url: '',
     message: '',
     social: 'facebook',
 });
 
-// $ExpectType Promise<any>
+// $ExpectType Promise<ShareSingleReturn>
 Share.shareSingle({
     url: '',
     type: '',
diff --git a/types/react-native-snap-carousel/tsconfig.json b/types/react-native-snap-carousel/tsconfig.json
index 4cba7b2f97..5fb352c2ca 100644
--- a/types/react-native-snap-carousel/tsconfig.json
+++ b/types/react-native-snap-carousel/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-sortable-list/tsconfig.json b/types/react-native-sortable-list/tsconfig.json
index 52474bc36f..a431d58043 100644
--- a/types/react-native-sortable-list/tsconfig.json
+++ b/types/react-native-sortable-list/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-status-bar-height/index.d.ts b/types/react-native-status-bar-height/index.d.ts
new file mode 100644
index 0000000000..6b24c8a9a2
--- /dev/null
+++ b/types/react-native-status-bar-height/index.d.ts
@@ -0,0 +1,6 @@
+// Type definitions for react-native-status-bar-height 2.1
+// Project: https://github.com/ovr/react-native-status-bar-height#readme
+// Definitions by: Tom Spencer <https://github.com/fiznool>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export function getStatusBarHeight(skipAndroid?: boolean): number;
diff --git a/types/react-native-status-bar-height/react-native-status-bar-height-tests.ts b/types/react-native-status-bar-height/react-native-status-bar-height-tests.ts
new file mode 100644
index 0000000000..a31cb57259
--- /dev/null
+++ b/types/react-native-status-bar-height/react-native-status-bar-height-tests.ts
@@ -0,0 +1,5 @@
+import { getStatusBarHeight } from 'react-native-status-bar-height';
+
+getStatusBarHeight(); // $ExpectType number
+getStatusBarHeight(false); // $ExpectType number
+getStatusBarHeight(true); // $ExpectType number
diff --git a/types/react-native-status-bar-height/tsconfig.json b/types/react-native-status-bar-height/tsconfig.json
new file mode 100644
index 0000000000..13c7ab69f5
--- /dev/null
+++ b/types/react-native-status-bar-height/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-status-bar-height-tests.ts"
+    ]
+}
diff --git a/types/react-native-status-bar-height/tslint.json b/types/react-native-status-bar-height/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-status-bar-height/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-native-svg-charts/tsconfig.json b/types/react-native-svg-charts/tsconfig.json
index ea66ecf6b7..73c13515f8 100644
--- a/types/react-native-svg-charts/tsconfig.json
+++ b/types/react-native-svg-charts/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-svg-charts/tslint.json b/types/react-native-svg-charts/tslint.json
index c040aa7670..ca872cae09 100644
--- a/types/react-native-svg-charts/tslint.json
+++ b/types/react-native-svg-charts/tslint.json
@@ -1,6 +1,6 @@
 { 
-		"extends": "dtslint/dt.json",
-		"rules": {
-				"strict-export-declare-modifiers": false
-		}
+	"extends": "dtslint/dt.json",
+	"rules": {
+		"strict-export-declare-modifiers": false
+	}
 }
diff --git a/types/react-native-swiper/tsconfig.json b/types/react-native-swiper/tsconfig.json
index 68d1350773..3f5a191dc8 100644
--- a/types/react-native-swiper/tsconfig.json
+++ b/types/react-native-swiper/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-tab-navigator/tsconfig.json b/types/react-native-tab-navigator/tsconfig.json
index b8e913c472..eacb5b77da 100644
--- a/types/react-native-tab-navigator/tsconfig.json
+++ b/types/react-native-tab-navigator/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-text-input-mask/tsconfig.json b/types/react-native-text-input-mask/tsconfig.json
index c9b3f10fc3..812d310366 100644
--- a/types/react-native-text-input-mask/tsconfig.json
+++ b/types/react-native-text-input-mask/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-toast-native/tsconfig.json b/types/react-native-toast-native/tsconfig.json
index 656114c120..e4f36e018d 100644
--- a/types/react-native-toast-native/tsconfig.json
+++ b/types/react-native-toast-native/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native-uuid-generator/index.d.ts b/types/react-native-uuid-generator/index.d.ts
new file mode 100644
index 0000000000..ad5cb96bec
--- /dev/null
+++ b/types/react-native-uuid-generator/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for react-native-uuid-generator 4.0
+// Project: https://github.com/Traviskn/react-native-uuid-generator#readme
+// Definitions by: burtek <https://github.com/burtek>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace UUIDGenerator {
+    function getRandomUUID(): Promise<string>;
+    function getRandomUUID(callback: (uuid: string) => void): void;
+}
+
+export default UUIDGenerator;
diff --git a/types/react-native-uuid-generator/react-native-uuid-generator-tests.ts b/types/react-native-uuid-generator/react-native-uuid-generator-tests.ts
new file mode 100644
index 0000000000..b65f0ef410
--- /dev/null
+++ b/types/react-native-uuid-generator/react-native-uuid-generator-tests.ts
@@ -0,0 +1,5 @@
+import UUIDGenerator from 'react-native-uuid-generator';
+
+UUIDGenerator.getRandomUUID().then((uuid: string) => { }).catch((error: any) => { });
+
+UUIDGenerator.getRandomUUID((uuid: string) => { });
diff --git a/types/react-native-uuid-generator/tsconfig.json b/types/react-native-uuid-generator/tsconfig.json
new file mode 100644
index 0000000000..30c1f52249
--- /dev/null
+++ b/types/react-native-uuid-generator/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-uuid-generator-tests.ts"
+    ]
+}
diff --git a/types/react-native-uuid-generator/tslint.json b/types/react-native-uuid-generator/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-uuid-generator/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-native-vector-icons/index.d.ts b/types/react-native-vector-icons/index.d.ts
index 6aabaadd70..01f680220a 100644
--- a/types/react-native-vector-icons/index.d.ts
+++ b/types/react-native-vector-icons/index.d.ts
@@ -35,7 +35,7 @@ export function createIconSet(
  *
  * @see http://fontello.com
  */
-export function createIconSetFromFontello(config: {}): typeof Icon;
+export function createIconSetFromFontello(config: {}, fontName?: string, fontFile?: string): typeof Icon;
 
 /**
  * Convenience method to create a custom font from IcoMoon
@@ -50,4 +50,4 @@ export function createIconSetFromFontello(config: {}): typeof Icon;
  *
  * @see https://icomoon.io/app
  */
-export function createIconSetFromIcoMoon(config: {}): typeof Icon;
+export function createIconSetFromIcoMoon(config: {}, fontName?: string, fontFile?: string): typeof Icon;
diff --git a/types/react-native-vector-icons/tsconfig.json b/types/react-native-vector-icons/tsconfig.json
index 993aae3195..15b50d6d34 100644
--- a/types/react-native-vector-icons/tsconfig.json
+++ b/types/react-native-vector-icons/tsconfig.json
@@ -2,7 +2,6 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "dom",
             "es6"
         ],
         "noImplicitAny": true,
@@ -36,4 +35,4 @@
         "Zocial.d.ts",
         "react-native-vector-icons-tests.tsx"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/react-native-video/index.d.ts b/types/react-native-video/index.d.ts
index e84bcc7637..190d731394 100644
--- a/types/react-native-video/index.d.ts
+++ b/types/react-native-video/index.d.ts
@@ -68,6 +68,7 @@ export interface VideoProperties extends ViewProps {
     currentTime?: number;
     progressUpdateInterval?: number;
     useTextureView?: boolean;
+    allowsExternalPlayback?: boolean;
     onLoadStart?(): void;
     onLoad?(data: OnLoadData): void;
     onBuffer?(): void;
@@ -75,6 +76,7 @@ export interface VideoProperties extends ViewProps {
     onProgress?(data: {
         currentTime: number;
         playableDuration: number;
+        seekableDuration: number;
     }): void;
     onSeek?(): void;
     onEnd?(): void;
@@ -98,7 +100,7 @@ export interface VideoProperties extends ViewProps {
 }
 
 export default class Video extends React.Component<VideoProperties> {
-    seek(time: number): void;
+    seek(time: number, tolerance?: number): void;
     presentFullscreenPlayer(): void;
     dismissFullscreenPlayer(): void;
 }
diff --git a/types/react-native-video/react-native-video-tests.tsx b/types/react-native-video/react-native-video-tests.tsx
index 0e7990a04e..2df7edfccd 100644
--- a/types/react-native-video/react-native-video-tests.tsx
+++ b/types/react-native-video/react-native-video-tests.tsx
@@ -1,66 +1,12 @@
 import * as React from 'react';
-import {
-    StyleSheet,
-    Text,
-    View,
-    ViewStyle
-} from 'react-native';
 import Video from 'react-native-video';
 
-class VideoTest extends React.Component {
-    constructor(props: {}) {
-        super(props);
-    }
-
-    render(): React.ReactElement<any> {
-        return (
-            <Video
-                source={{ uri: '//:example.com/test.mp4' }}
-                onProgress={this.onProgress}
-                onError={this.onError}
-                onLoad={this.onLoad}
-            />
-        );
-    }
-
-    onError = (error: {
-      error: {
-        '': string,
-        errorString: string
-      }
-    }): void => {
-        console.log(error.error[''], error.error.errorString);
-    }
-
-    onLoad = (data: {
-      canPlayFastForward: boolean,
-      canPlayReverse: boolean,
-      canPlaySlowForward: boolean,
-      canPlaySlowReverse: boolean,
-      canStepBackward: boolean,
-      canStepForward: boolean,
-      currentTime: number,
-      duration: number,
-      naturalSize: {
-        height: number;
-        width: number;
-        orientation: 'horizontal' | 'landscape';
-      }
-    }): void => {
-      console.log(data.canPlayFastForward, data.canPlayReverse, data.canPlaySlowForward, data.canPlaySlowReverse,
-      data.canStepBackward, data.canStepForward, data.currentTime, data.duration, data.naturalSize.height, data.naturalSize.width, data.naturalSize.orientation);
-    }
-
-    onProgress = (data: {
-        currentTime: number,
-        playableDuration: number,
-    }): void => {
-        console.log(data.currentTime, data.playableDuration);
-    }
-}
-
-const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-    },
-});
+<Video
+    source={{ uri: '//:example.com/test.mp4' }}
+    onProgress={data => console.log(data.currentTime, data.playableDuration, data.seekableDuration)}
+    onError={error => console.log(error.error[''], error.error.errorString)}
+    onLoad={data => {
+        console.log(data.canPlayFastForward, data.canPlayReverse, data.canPlaySlowForward, data.canPlaySlowReverse,
+        data.canStepBackward, data.canStepForward, data.currentTime, data.duration, data.naturalSize.height, data.naturalSize.width, data.naturalSize.orientation);
+    }}
+/>;
diff --git a/types/react-native-video/tsconfig.json b/types/react-native-video/tsconfig.json
index a2e2a80edd..88fbe1aa83 100644
--- a/types/react-native-video/tsconfig.json
+++ b/types/react-native-video/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-native/globals.d.ts b/types/react-native/globals.d.ts
index f5dcb25382..39723fcde1 100644
--- a/types/react-native/globals.d.ts
+++ b/types/react-native/globals.d.ts
@@ -119,3 +119,92 @@ type HeadersInit_ = Headers | string[][] | { [key: string]: string };
 type RequestCredentials_ = "omit" | "same-origin" | "include";
 type RequestMode_ = "navigate" | "same-origin" | "no-cors" | "cors";
 type ResponseType_ = "basic" | "cors" | "default" | "error" | "opaque" | "opaqueredirect";
+
+//
+// XMLHttpRequest
+//
+
+interface XMLHttpRequestEventMap extends XMLHttpRequestEventTargetEventMap {
+  "readystatechange": Event;
+}
+
+interface XMLHttpRequest extends EventTarget, XMLHttpRequestEventTarget {
+//  msCaching: string;
+  onreadystatechange: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  readonly readyState: number;
+  readonly response: any;
+  readonly responseText: string;
+  responseType: XMLHttpRequestResponseType;
+  readonly responseURL: string;
+  readonly responseXML: Document | null;
+  readonly status: number;
+  readonly statusText: string;
+  timeout: number;
+  readonly upload: XMLHttpRequestUpload;
+  withCredentials: boolean;
+  abort(): void;
+  getAllResponseHeaders(): string;
+  getResponseHeader(header: string): string | null;
+//  msCachingEnabled(): boolean;
+  open(method: string, url: string, async?: boolean, user?: string | null, password?: string | null): void;
+  overrideMimeType(mime: string): void;
+  send(data?: any): void;
+  setRequestHeader(header: string, value: string): void;
+  readonly DONE: number;
+  readonly HEADERS_RECEIVED: number;
+  readonly LOADING: number;
+  readonly OPENED: number;
+  readonly UNSENT: number;
+  addEventListener<K extends keyof XMLHttpRequestEventMap>(type: K, listener: (this: XMLHttpRequest, ev: XMLHttpRequestEventMap[K]) => any): void;
+//  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+  removeEventListener<K extends keyof XMLHttpRequestEventMap>(type: K, listener: (this: XMLHttpRequest, ev: XMLHttpRequestEventMap[K]) => any): void;
+//  removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+}
+
+declare var XMLHttpRequest: {
+  prototype: XMLHttpRequest;
+  new(): XMLHttpRequest;
+  readonly DONE: number;
+  readonly HEADERS_RECEIVED: number;
+  readonly LOADING: number;
+  readonly OPENED: number;
+  readonly UNSENT: number;
+};
+
+interface XMLHttpRequestEventTargetEventMap {
+  "abort": Event;
+  "error": Event;
+  "load": Event;
+  "loadend": Event;
+  "loadstart": Event;
+  "progress": Event;
+  "timeout": Event;
+}
+
+interface XMLHttpRequestEventTarget {
+  onabort: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  onerror: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  onload: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  onloadend: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  onloadstart: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  onprogress: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  ontimeout: ((this: XMLHttpRequest, ev: Event) => any) | null;
+  addEventListener<K extends keyof XMLHttpRequestEventTargetEventMap>(type: K, listener: (this: XMLHttpRequestEventTarget, ev: XMLHttpRequestEventTargetEventMap[K]) => any): void;
+//  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+  removeEventListener<K extends keyof XMLHttpRequestEventTargetEventMap>(type: K, listener: (this: XMLHttpRequestEventTarget, ev: XMLHttpRequestEventTargetEventMap[K]) => any): void;
+//  removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+}
+
+interface XMLHttpRequestUpload extends EventTarget, XMLHttpRequestEventTarget {
+  addEventListener<K extends keyof XMLHttpRequestEventTargetEventMap>(type: K, listener: (this: XMLHttpRequestUpload, ev: XMLHttpRequestEventTargetEventMap[K]) => any): void;
+//  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+  removeEventListener<K extends keyof XMLHttpRequestEventTargetEventMap>(type: K, listener: (this: XMLHttpRequestUpload, ev: XMLHttpRequestEventTargetEventMap[K]) => any): void;
+//  removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+}
+
+declare var XMLHttpRequestUpload: {
+  prototype: XMLHttpRequestUpload;
+  new(): XMLHttpRequestUpload;
+};
+
+type XMLHttpRequestResponseType = "" | "arraybuffer" | "blob" | "document" | "json" | "text";
diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 2024e37cff..2386fc71c2 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -14,6 +14,7 @@
 //                 Alexander T. <https://github.com/a-tarasyuk>
 //                 Martin van Dam <https://github.com/mvdam>
 //                 Kacper Wiszczuk <https://github.com/esemesek>
+//                 Ryan Nickel <https://github.com/mrnickel>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -498,6 +499,7 @@ export interface LayoutAnimationTypes {
     easeInEaseOut: string;
     easeIn: string;
     easeOut: string;
+    keyboard: string;
 }
 
 export interface LayoutAnimationProperties {
@@ -1062,6 +1064,11 @@ export interface TextInputIOSProps {
         "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" |
         "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" |
         "password";
+
+    /**
+     * If false, scrolling of the text view will be disabled. The default value is true. Only works with multiline={true}
+     */
+    scrollEnabled?: boolean
 }
 
 /**
@@ -1844,8 +1851,38 @@ export interface AccessibilityProps extends AccessibilityPropsAndroid, Accessibi
      * label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
      */
     accessibilityLabel?: string;
+
+    /**
+     * Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.
+     */
+    accessibilityRole?: AccessibilityRole;
+    /**
+     * Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.
+     */
+    accessibilityStates?: AccessibilityState[];
+
+    /**
+     * An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.
+     */
+    accessibilityHint?: string;
 }
 
+export type AccessibilityState = "selected" | "disabled";
+
+export type AccessibilityRole =
+    | "none"
+    | "button"
+    | "link"
+    | "search"
+    | "image"
+    | "keyboardkey"
+    | "text"
+    | "adjustable"
+    | "header"
+    | "summary"
+    | "imagebutton";
+
+
 export interface AccessibilityPropsAndroid {
     /**
      * In some cases, we also want to alert the end user of the type of selected component (i.e., that it is a “button”).
@@ -1904,6 +1941,12 @@ export interface AccessibilityPropsIOS {
      * @platform ios
      */
     onMagicTap?: () => void;
+
+    /**
+     * https://facebook.github.io/react-native/docs/accessibility#accessibilityignoresinvertcolorsios
+     * @platform ios
+     */
+    accessibilityIgnoresInvertColors?: boolean;
 }
 
 type AccessibilityTrait =
@@ -2174,6 +2217,11 @@ Possible values for mixedContentMode are:
      * Controls whether form autocomplete data should be saved
      */
     saveFormDataDisabled?: boolean;
+
+    /**
+     * Sets whether the webview allows access to the file system.
+     */
+    allowFileAccess?: boolean;
 }
 
 export interface WebViewIOSLoadRequestEvent {
@@ -2505,7 +2553,7 @@ export interface SegmentedControlIOSProps extends ViewProps {
 /**
  * Renders nested content and automatically applies paddings reflect the portion of the view
  * that is not covered by navigation bars, tab bars, toolbars, and other ancestor views.
- * Moreover, and most importantly, Safe Area's paddings feflect physical limitation of the screen,
+ * Moreover, and most importantly, Safe Area's paddings reflect physical limitation of the screen,
  * such as rounded corners or camera notches (aka sensor housing area on iPhone X).
  */
 declare class SafeAreaViewComponent extends React.Component<ViewProps> {}
@@ -3800,7 +3848,7 @@ export interface ViewabilityConfig {
     viewAreaCoveragePercentThreshold?: number;
 
     /**
-     * Similar to `viewAreaPercentThreshold`, but considers the percent of the item that is visible,
+     * Similar to `viewAreaCoveragePercentThreshold`, but considers the percent of the item that is visible,
      * rather than the fraction of the viewable area it covers.
      */
     itemVisiblePercentThreshold?: number;
@@ -3841,22 +3889,22 @@ export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
     /**
      * Rendered in between each item, but not at the top or bottom
      */
-    ItemSeparatorComponent?: React.ComponentType<any> | (() => React.ReactElement<any>) | null;
+    ItemSeparatorComponent?: React.ComponentType<any> | null;
 
     /**
      * Rendered when the list is empty.
      */
-    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the very end of the list.
      */
-    ListFooterComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the very beginning of the list.
      */
-    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Optional custom style for multi-item rows generated when numColumns > 1
@@ -4037,7 +4085,7 @@ export interface SectionBase<ItemT> {
 
     renderItem?: SectionListRenderItem<ItemT>;
 
-    ItemSeparatorComponent?: React.ComponentClass<any> | (() => React.ReactElement<any>) | null;
+    ItemSeparatorComponent?: React.ComponentType<any> | null;
 
     keyExtractor?: (item: ItemT, index: number) => string;
 }
@@ -4065,22 +4113,22 @@ export interface SectionListProps<ItemT> extends VirtualizedListWithoutRenderIte
     /**
      * Rendered when the list is empty.
      */
-    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the very end of the list.
      */
-    ListFooterComponent?: React.ComponentClass<any> | (() => React.ReactElement<any>) | null;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the very beginning of the list.
      */
-    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered in between each section.
      */
-    SectionSeparatorComponent?: React.ComponentClass<any> | (() => React.ReactElement<any>) | null;
+    SectionSeparatorComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * A marker property for telling the list to re-render (since it implements PureComponent).
@@ -4224,19 +4272,19 @@ export interface SectionListStatic<SectionT> extends React.ComponentClass<Sectio
      * Rendered when the list is empty. Can be a React Component Class, a render function, or
      * a rendered element.
      */
-    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the bottom of all the items. Can be a React Component Class, a render function, or
      * a rendered element.
      */
-    ListFooterComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * Rendered at the top of all the items. Can be a React Component Class, a render function, or
      * a rendered element.
      */
-    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement<any> | null;
 
     /**
      * The default accessor functions assume this is an Array<{key: string}> but you can override
@@ -5180,7 +5228,7 @@ export namespace StyleSheet {
     /**
      * Creates a StyleSheet style reference from the given object.
      */
-    export function create<T extends NamedStyles<T>>(styles: T): { [P in keyof T]: RegisteredStyle<T[P]> };
+    export function create<T extends NamedStyles<T> | NamedStyles<any>>(styles: T): { [P in keyof T]: RegisteredStyle<T[P]> };
 
     /**
      * Flattens an array of style objects, into one aggregated style object.
@@ -8075,21 +8123,39 @@ export interface UIManagerStatic {
 export interface SwitchPropsIOS extends ViewProps {
     /**
      * Background color when the switch is turned on.
+     *
+     * @deprecated
      */
     onTintColor?: string;
 
     /**
      * Color of the foreground switch grip.
+     *
+     * @deprecated
      */
     thumbTintColor?: string;
 
     /**
      * Background color when the switch is turned off.
+     *
+     * @deprecated
      */
     tintColor?: string;
 }
 
 export interface SwitchProps extends SwitchPropsIOS {
+    /**
+     * Color of the foreground switch grip.
+     */
+    thumbColor?: string;
+
+    /**
+     * Custom colors for the switch track
+     *
+     * Color when false and color when true
+     */
+    trackColor?: { false: string, true: string };
+
     /**
      * If true the user won't be able to toggle the switch.
      * Default value is false.
@@ -8345,7 +8411,7 @@ export namespace Animated {
     type EndResult = { finished: boolean };
     type EndCallback = (result: EndResult) => void;
 
-    interface CompositeAnimation {
+    export interface CompositeAnimation {
         start: (callback?: EndCallback) => void;
         stop: () => void;
     }
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index cae24b72c4..56d6b7035b 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -53,7 +53,9 @@ import {
     ScrollView,
     ScrollViewProps,
     SectionListRenderItemInfo,
+    Switch,
     RefreshControl,
+    RegisteredStyle,
     TabBarIOS,
     NativeModules,
     MaskedViewIOS,
@@ -174,6 +176,14 @@ const viewProperty = StyleSheet.flatten(viewStyle).backgroundColor;
 const textProperty = StyleSheet.flatten(textStyle).fontSize;
 const imageProperty = StyleSheet.flatten(imageStyle).resizeMode;
 
+const s = StyleSheet.create({
+  shouldWork: {
+    fontWeight: '900', // if we comment this line, errors gone
+    marginTop: 5, // if this line commented, errors also gone
+  },
+})
+const f1: RegisteredStyle<TextStyle> = s.shouldWork
+
 const testNativeSyntheticEvent = <T extends {}>(e: NativeSyntheticEvent<T>): void => {
     e.isDefaultPrevented();
     e.preventDefault();
@@ -329,6 +339,8 @@ export class FlatListTest extends React.Component<FlatListProps<number>, {}> {
                 data={[1, 2, 3, 4, 5]}
                 renderItem={this._renderItem}
                 ItemSeparatorComponent={this._renderSeparator}
+                ListFooterComponent={null}
+                ListHeaderComponent={null}
             />
         );
     }
@@ -668,6 +680,7 @@ class WebViewTest extends React.Component {
                 originWhitelist={['https://origin.test']}
                 saveFormDataDisabled={false}
                 useWebKit={true}
+                allowFileAccess={true}
             />
         );
     }
@@ -742,8 +755,16 @@ class AccessibilityTest extends React.Component {
                 importantForAccessibility={"no-hide-descendants"}
                 accessibilityTraits={'none'}
                 onAccessibilityTap={() => {}}
+                accessibilityRole="header"
+                accessibilityStates={["selected"]}
+                accessibilityHint="Very importent header"
             >
-                <Text accessibilityTraits={['key', 'text']}>Text</Text>
+                <Text
+                    accessibilityTraits={['key', 'text']}
+                    accessibilityIgnoresInvertColors
+                >
+                    Text
+                </Text>
                 <View />
             </View>
         );
@@ -806,3 +827,12 @@ const NativeBridgedComponent = requireNativeComponent("NativeBridgedComponent",
         nativeProp: true,
     }
 });
+
+
+const SwitchColorTest = () => (
+    <Switch trackColor={{ true: 'pink', false: 'red'}} />
+)
+
+const SwitchThumbColorTest = () => (
+    <Switch thumbColor={'red'} />
+)
diff --git a/types/react-native/tsconfig.json b/types/react-native/tsconfig.json
index c577fb0d8b..d982fe1be7 100644
--- a/types/react-native/tsconfig.json
+++ b/types/react-native/tsconfig.json
@@ -1,9 +1,7 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": false,
diff --git a/types/react-native/tslint.json b/types/react-native/tslint.json
index 57266aecfb..f4e06d9245 100644
--- a/types/react-native/tslint.json
+++ b/types/react-native/tslint.json
@@ -9,11 +9,14 @@
         "comment-format": false,
         "interface-over-type-literal": false,
         "jsdoc-format": false,
+        "max-line-length": false,
+        "no-declare-current-package": false,
         "no-misused-new": false,
         "no-consecutive-blank-lines": false,
         "no-duplicate-imports": false,
         "no-empty-interface": false,
         "no-padding": false,
+        "no-self-import": false,
         "no-var": false,
         "no-var-keyword": false,
         "prefer-declare-function": false,
diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index e671e6c9ac..10c398bf34 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-navigation 2.0
+// Type definitions for react-navigation 2.13
 // Project: https://github.com/react-navigation/react-navigation
 // Definitions by: Huhuanming <https://github.com/huhuanming>
 //                 mhcgrq <https://github.com/mhcgrq>
@@ -14,7 +14,6 @@
 //                 Steven Miller <https://github.com/YourGamesBeOver>
 //                 Armando Assuncao <https://github.com/ArmandoAssuncao>
 //                 Ciaran Liedeman <https://github.com/cliedeman>
-//                 Edward Sammut Alessi <https://github.com/Slessi>
 //                 Jérémy Magrin <https://github.com/magrinj>
 //                 Luca Campana <https://github.com/TizioFittizio>
 //                 Ullrich Schaefer <https://github.com/stigi>
@@ -24,6 +23,11 @@
 //                 Gustavo Brunoro <https://github.com/brunoro>
 //                 Denis Frezzato <https://github.com/DenisFrezzato>
 //                 Mickael Wegerich <https://github.com/mickaelw>
+//                 Max Davidson <https://github.com/maxdavidson>
+//                 Alec Hill <https://github.com/alechill>
+//                 Lachlan Young <https://github.com/builtbyproxy>
+//                 Jason Killian <https://github.com/jkillian>
+//                 Fellipe Chagas <https://github.com/chagasaway>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -91,6 +95,9 @@ export interface NavigationState {
    */
   index: number;
   routes: NavigationRoute[];
+  isTransitioning: boolean;
+  key: string;
+  params: NavigationParams;
 }
 
 export interface DrawerNavigationState extends NavigationState {
@@ -126,6 +133,14 @@ export interface NavigationLeafRoute<Params = NavigationParams> {
    * e.g. `{ car_id: 123 }` in a route that displays a car.
    */
   params?: Params;
+  /**
+   * Array containing the navigator's routes
+   */
+  routes: NavigationRoute[];
+  /**
+   * Flag that indicates the transition state of the route
+   */
+  isTransitioning: boolean;
 }
 
 export type NavigationStateRoute<
@@ -277,28 +292,28 @@ export interface NavigationInitAction extends NavigationInitActionPayload {
 }
 
 export interface NavigationReplaceActionPayload {
-    key?: string;
-    newKey?: string;
-    routeName: string;
-    params?: NavigationParams;
-    action?: NavigationNavigateAction;
+  key?: string;
+  newKey?: string;
+  routeName: string;
+  params?: NavigationParams;
+  action?: NavigationNavigateAction;
 }
 
 export interface NavigationReplaceAction {
-    type: 'Navigation/REPLACE';
-    key: string;
-    routeName: string;
-    params?: NavigationParams;
-    action?: NavigationNavigateAction;
+  type: 'Navigation/REPLACE';
+  key: string;
+  routeName: string;
+  params?: NavigationParams;
+  action?: NavigationNavigateAction;
 }
 
 export interface NavigationCompleteTransitionActionPayload {
-    key?: string;
+  key?: string;
 }
 
 export interface NavigationCompleteTransitionAction {
-    type: 'Navigation/COMPLETE_TRANSITION';
-    key: string;
+  type: 'Navigation/COMPLETE_TRANSITION';
+  key: string;
 }
 
 export interface NavigationResetActionPayload {
@@ -340,40 +355,43 @@ export interface NavigationPopToTopAction
 }
 
 export interface NavigationPushActionPayload {
-    routeName: string;
-    params?: NavigationParams;
-    action?: NavigationNavigateAction;
-    key?: string;
+  routeName: string;
+  params?: NavigationParams;
+  action?: NavigationNavigateAction;
+  key?: string;
 }
 
 export interface NavigationPushAction {
-    type: 'Navigation/PUSH';
-    routeName: string;
-    params?: NavigationParams;
-    action?: NavigationNavigateAction;
-    key?: string;
+  type: 'Navigation/PUSH';
+  routeName: string;
+  params?: NavigationParams;
+  action?: NavigationNavigateAction;
+  key?: string;
 }
 
 export interface NavigationOpenDrawerAction {
-    key?: string;
-    type: 'Navigation/OPEN_DRAWER';
+  key?: string;
+  type: 'Navigation/OPEN_DRAWER';
 }
 
 export interface NavigationCloseDrawerAction {
-    key?: string;
-    type: 'Navigation/CLOSE_DRAWER';
+  key?: string;
+  type: 'Navigation/CLOSE_DRAWER';
 }
 
 export interface NavigationToggleDrawerAction {
-    key?: string;
-    type: 'Navigation/TOGGLE_DRAWER';
+  key?: string;
+  type: 'Navigation/TOGGLE_DRAWER';
 }
 
 export interface NavigationStackViewConfig {
   mode?: 'card' | 'modal';
   headerMode?: HeaderMode;
+  headerBackTitleVisible?: boolean;
   headerTransitionPreset?: 'fade-in-place' | 'uikit';
+  headerLayoutPreset?: 'left' | 'center';
   cardStyle?: StyleProp<ViewStyle>;
+  transparentCard?: boolean;
   transitionConfig?: (
     transitionProps: NavigationTransitionProps,
     prevTransitionProps: NavigationTransitionProps,
@@ -517,7 +535,7 @@ interface NavigationTabScreenOptionsBase {
   tabBarIcon?:
   | React.ReactElement<any>
   | ((
-    options: { tintColor: string | null; focused: boolean }
+    options: { tintColor: string | null; focused: boolean; horizontal: boolean }
   ) => React.ReactElement<any> | null);
   tabBarLabel?:
   | string
@@ -549,6 +567,8 @@ export interface NavigationBottomTabScreenOptions
   ) => void;
 }
 
+export type DrawerLockMode = 'unlocked' | 'locked-closed' | 'locked-open';
+
 export interface NavigationDrawerScreenOptions {
   title?: string;
   drawerIcon?:
@@ -562,7 +582,7 @@ export interface NavigationDrawerScreenOptions {
   | ((
     options: { tintColor: string | null; focused: boolean }
   ) => React.ReactElement<any> | null);
-  drawerLockMode?: 'unlocked' | 'locked-closed' | 'locked-open';
+  drawerLockMode?: DrawerLockMode;
 }
 
 export interface NavigationRouteConfigMap {
@@ -650,9 +670,12 @@ export interface NavigationScreenProp<S, P = NavigationParams> {
   pop: (n?: number, params?: { immediate?: boolean }) => boolean;
   popToTop: (params?: { immediate?: boolean }) => boolean;
   isFocused: () => boolean;
+  router?: NavigationRouter;
+  dangerouslyGetParent: () => NavigationScreenProp<S> | undefined;
 }
 
 export interface NavigationNavigatorProps<O = {}, S = {}> {
+  detached?: boolean;
   navigation?: NavigationProp<S>;
   screenProps?: { [key: string]: any };
   navigationOptions?: O;
@@ -723,6 +746,9 @@ export interface NavigationTransitionSpec {
   easing?: (t: number) => number;
   // A timing function such as `Animated.timing`.
   timing?: (value: AnimatedValue, config: any) => any;
+  friction?: number;
+  tension?: number;
+  useNativeDriver?: boolean;
 }
 
 /**
@@ -894,6 +920,7 @@ export interface DrawerNavigatorConfig
     style?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
   };
+  drawerLockMode?: DrawerLockMode;
 }
 
 export function DrawerNavigator(
@@ -1060,41 +1087,41 @@ export namespace NavigationActions {
  * DrawerActions
  */
 export namespace DrawerActions {
-    const OPEN_DRAWER: 'Navigation/OPEN_DRAWER';
-    const CLOSE_DRAWER: 'Navigation/CLOSE_DRAWER';
-    const TOGGLE_DRAWER: 'Navigation/TOGGLE_DRAWER';
+  const OPEN_DRAWER: 'Navigation/OPEN_DRAWER';
+  const CLOSE_DRAWER: 'Navigation/CLOSE_DRAWER';
+  const TOGGLE_DRAWER: 'Navigation/TOGGLE_DRAWER';
 
-    function openDrawer(): NavigationOpenDrawerAction;
-    function closeDrawer(): NavigationCloseDrawerAction;
-    function toggleDrawer(): NavigationToggleDrawerAction;
+  function openDrawer(): NavigationOpenDrawerAction;
+  function closeDrawer(): NavigationCloseDrawerAction;
+  function toggleDrawer(): NavigationToggleDrawerAction;
 }
 
 /**
  * StackActions
  */
 export namespace StackActions {
-    const POP: 'Navigation/POP';
-    const POP_TO_TOP: 'Navigation/POP_TO_TOP';
-    const PUSH: 'Navigation/PUSH';
-    const RESET: 'Navigation/RESET';
-    const REPLACE: 'Navigation/REPLACE';
-    const COMPLETE_TRANSITION: 'Navigation/COMPLETE_TRANSITION';
+  const POP: 'Navigation/POP';
+  const POP_TO_TOP: 'Navigation/POP_TO_TOP';
+  const PUSH: 'Navigation/PUSH';
+  const RESET: 'Navigation/RESET';
+  const REPLACE: 'Navigation/REPLACE';
+  const COMPLETE_TRANSITION: 'Navigation/COMPLETE_TRANSITION';
 
-    function pop(options: NavigationPopActionPayload): NavigationPopAction;
-    function popToTop(
-        options: NavigationPopToTopActionPayload
-    ): NavigationPopToTopAction;
+  function pop(options: NavigationPopActionPayload): NavigationPopAction;
+  function popToTop(
+    options: NavigationPopToTopActionPayload
+  ): NavigationPopToTopAction;
 
-    function push(options: NavigationPushActionPayload): NavigationPushAction;
-    function reset(options: NavigationResetActionPayload): NavigationResetAction;
+  function push(options: NavigationPushActionPayload): NavigationPushAction;
+  function reset(options: NavigationResetActionPayload): NavigationResetAction;
 
-    function replace(
-        options: NavigationReplaceActionPayload
-    ): NavigationReplaceAction;
+  function replace(
+    options: NavigationReplaceActionPayload
+  ): NavigationReplaceAction;
 
-    function completeTransition(
-        payload: NavigationCompleteTransitionActionPayload
-    ): NavigationCompleteTransitionAction;
+  function completeTransition(
+    payload: NavigationCompleteTransitionActionPayload
+  ): NavigationCompleteTransitionAction;
 }
 
 /**
@@ -1119,6 +1146,7 @@ export interface TransitionerProps {
     transitionProps: NavigationTransitionProps,
     prevTransitionProps?: NavigationTransitionProps
   ) => any;
+  descriptors?: { [key: string]: NavigationDescriptor };
   style?: StyleProp<ViewStyle>;
 }
 
@@ -1169,6 +1197,8 @@ export interface NavigationDescriptor<Params = NavigationParams> {
 
 export type NavigationView<O, S> = React.ComponentType<{
   descriptors: { [key: string]: NavigationDescriptor };
+  navigationConfig: O;
+  screenProps?: { [key: string]: any };
 } & NavigationInjectedProps>;
 
 export function createNavigator<S, Options>(
@@ -1234,20 +1264,45 @@ export class Header extends React.Component<HeaderProps> {
   static HEIGHT: number;
 }
 
+export type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;
+
+export type InferProps<T extends React.ComponentType<any>> = T extends React.ComponentType<infer P> ? P : never;
+
 export interface NavigationInjectedProps<P = NavigationParams> {
-  navigation: NavigationScreenProp<NavigationState, P>;
+  navigation: NavigationScreenProp<NavigationRoute<P>, P>;
 }
 
+// If the wrapped component is a class, we can get a ref to it
+export function withNavigation<T extends React.ComponentClass<NavigationInjectedProps>>(
+  Component: T,
+): React.ComponentType<Omit<InferProps<T>, keyof NavigationInjectedProps> & { onRef?: React.Ref<InstanceType<T>> }>;
+
+export function withNavigation<T extends React.ComponentType<NavigationInjectedProps>>(
+  Component: T,
+): React.ComponentType<Omit<InferProps<T>, keyof NavigationInjectedProps>>;
+
+// For backwards compatibility
 export function withNavigation<T = {}, P = NavigationParams>(
-  Component: React.ComponentType<T & NavigationInjectedProps<P>>
+  Component: React.ComponentType<T | (T & NavigationInjectedProps<P>)>,
 ): React.ComponentType<T & { onRef?: React.Ref<React.Component<T & NavigationInjectedProps<P>>> }>;
 
-export interface NavigationFocusInjectedProps extends NavigationInjectedProps {
+export interface NavigationFocusInjectedProps<P = NavigationParams> extends NavigationInjectedProps<P> {
   isFocused: boolean;
 }
-export function withNavigationFocus<T = {}>(
-  Component: React.ComponentType<T & NavigationFocusInjectedProps>
-): React.ComponentType<T & { onRef?: React.Ref<typeof Component> }>;
+
+// If the wrapped component is a class, we can get a ref to it
+export function withNavigationFocus<T extends React.ComponentClass<NavigationFocusInjectedProps>>(
+  Component: T,
+): React.ComponentType<Omit<InferProps<T>, keyof NavigationFocusInjectedProps> & { onRef?: React.Ref<InstanceType<T>> }>;
+
+export function withNavigationFocus<T extends React.ComponentType<NavigationFocusInjectedProps>>(
+  Component: T,
+): React.ComponentType<Omit<InferProps<T>, keyof NavigationFocusInjectedProps>>;
+
+// For backwards compatibility
+export function withNavigationFocus<T = {}, P = NavigationParams>(
+  Component: React.ComponentType<T & NavigationFocusInjectedProps<P>>,
+): React.ComponentType<T & { onRef?: React.Ref<React.Component<T & NavigationFocusInjectedProps<P>>> }>;
 
 /**
  * SafeAreaView Component
diff --git a/types/react-navigation/react-navigation-tests.tsx b/types/react-navigation/react-navigation-tests.tsx
index a9063577a6..116ae92c56 100644
--- a/types/react-navigation/react-navigation-tests.tsx
+++ b/types/react-navigation/react-navigation-tests.tsx
@@ -17,12 +17,14 @@ import {
     NavigationNavigateAction,
     NavigationProp,
     NavigationResetAction,
+    NavigationRoute,
     NavigationRouteConfigMap,
     NavigationScreenProp,
     NavigationScreenProps,
     NavigationSetParamsAction,
     NavigationStackAction,
     NavigationStackScreenOptions,
+    NavigationStateRoute,
     NavigationTabScreenOptions,
     NavigationTransitionProps,
     StackViewTransitionConfigs,
@@ -70,10 +72,22 @@ interface StartScreenNavigationParams {
  */
 class StartScreen extends React.Component<NavigationScreenProps<StartScreenNavigationParams>> {
     render() {
-        // Implicit type checks.
+        // Injected type checks
+        const props: NavigationInjectedProps<StartScreenNavigationParams> = this.props;
+        // route state...
+        const navigationState: NavigationRoute<StartScreenNavigationParams> = this.props.navigation.state;
+        const index: number = navigationState.index;
+        const key: string = navigationState.key;
+        const routeName: string = navigationState.routeName;
+        const path: string | undefined = navigationState.path;
+        let routes: NavigationRoute[];
+        if (isNavigationStateRoute(navigationState)) {
+            routes = navigationState.routes;
+        }
+        // params...
         const navigationStateParams: StartScreenNavigationParams | undefined = this.props.navigation.state.params;
-        const id = this.props.navigation.state.params && this.props.navigation.state.params.id;
-        const s = this.props.navigation.state.params && this.props.navigation.state.params.s;
+        const id: number | undefined = this.props.navigation.state.params && this.props.navigation.state.params.id;
+        const s: string | undefined = this.props.navigation.state.params && this.props.navigation.state.params.s;
 
         return (
             <View>
@@ -107,17 +121,32 @@ interface NextScreenNavigationParams {
 
 class NextScreen extends React.Component<NavigationScreenProps<NextScreenNavigationParams>> {
     render() {
-        // Implicit type checks.
-        const navigationStateParams: NextScreenNavigationParams | undefined = this.props.navigation.state.params;
+        // Injected type checks
+        const props: NavigationInjectedProps<NextScreenNavigationParams> = this.props;
+        // route state...
+        const navigationState: NavigationRoute<NextScreenNavigationParams> = this.props.navigation.state;
+        const index: number = navigationState.index;
+        const key: string = navigationState.key;
+        const routeName: string = navigationState.routeName;
+        const path: string | undefined = navigationState.path;
+        let routes: NavigationRoute[];
+        if (isNavigationStateRoute(navigationState)) {
+            routes = navigationState.routes;
+        }
+        // params...
+        const navigationStateParams: NextScreenNavigationParams | undefined = navigationState.params;
         const id = this.props.navigation.state.params && this.props.navigation.state.params.id;
         const name = this.props.navigation.getParam('name', 'Peter');
-
         return (
             <View />
         );
     }
 }
 
+function isNavigationStateRoute<P>(route: NavigationRoute<P>): route is NavigationStateRoute<P> {
+    return !!(route as NavigationStateRoute<P>).routes;
+}
+
 const navigationOptions = {
     headerBackTitle: null,
 };
@@ -125,6 +154,7 @@ const initialRouteParams: StartScreenNavigationParams = {
     id: 1,
     s: "Start",
 };
+
 const routeConfigMap: NavigationRouteConfigMap = {
     [ROUTE_NAME_START_SCREEN]: {
         path: "start",
@@ -140,6 +170,7 @@ export const AppNavigator = createStackNavigator(
     {
         initialRouteName: ROUTE_NAME_START_SCREEN,
         initialRouteKey: ROUTE_KEY_START_SCREEN,
+        headerLayoutPreset: 'center',
         initialRouteParams,
         navigationOptions,
     },
@@ -179,7 +210,8 @@ const tabNavigatorConfig: TabNavigatorConfig = {
     tabBarComponent: TabBarTop,
     tabBarOptions: { activeBackgroundColor: "blue" },
     navigationOptions: () => ({
-        tabBarOnPress: ({ scene, jumpToIndex }) => jumpToIndex(scene.index)
+        tabBarOnPress: ({ scene, jumpToIndex }) => jumpToIndex(scene.index),
+        tabBarIcon: ({ horizontal }) => <View />,
     })
 };
 
@@ -320,6 +352,7 @@ const drawerNavigatorConfig: DrawerNavigatorConfig = {
         activeTintColor: '#7A9B49',
         inactiveTintColor: '#FFFFFF',
     },
+    drawerLockMode: 'locked-open',
 };
 
 const BasicDrawerNavigator = createDrawerNavigator(
@@ -550,20 +583,32 @@ class MyBackButton extends React.Component<BackButtonProps & NavigationInjectedP
     }
 }
 
-// withNavigation returns a component that wraps MyBackButton and passes in the
-// navigation prop
-const BackButtonWithNavigation = withNavigation<BackButtonProps>(MyBackButton);
+// withNavigation returns a component that wraps MyBackButton and passes in the navigation prop.
+// If you have class methods, you should have a way to use them.
+const BackButtonWithNavigation = withNavigation(MyBackButton);
 const BackButtonInstance = <BackButtonWithNavigation
-    title="Back" onRef={ref => { const backButtonRef = ref; }}
+    title="Back" onRef={ref => {
+        // ref is inferred as MyBackButton | null
+        if (!ref) return;
+        ref.triggerBack();
+    }}
 />;
 
-// if you have class methods, you should have a way to use them
-const BackButtonWithNavigationSpecified = withNavigation<BackButtonProps>(MyBackButton);
-const BackButtonSpecifiedInstance = <BackButtonWithNavigationSpecified
+function StatelessBackButton(props: BackButtonProps & NavigationInjectedProps) {
+  return <MyBackButton {...props} />;
+}
+
+// Wrapped stateless components don't accept an onRef
+const StatelessBackButtonWithNavigation = withNavigation(StatelessBackButton);
+const StatelessBackButtonInstance = <StatelessBackButtonWithNavigation title="Back" />;
+
+// The old way of passing in the props should still work
+const BackButtonWithNavigationWithExplicitProps = withNavigation<BackButtonProps>(MyBackButton);
+const BackButtonWithExplicitPropsInstance = <BackButtonWithNavigationWithExplicitProps
     title="Back" onRef={ref => {
         if (!ref) return;
-        const backButtonRef = ref as MyBackButton;
-        backButtonRef.triggerBack();
+        // We can't infer the component type if we pass in the props
+        (ref as MyBackButton).triggerBack();
     }}
 />;
 
@@ -578,7 +623,7 @@ class MyFocusedComponent extends React.Component<MyFocusedComponentProps & Navig
 
 // withNavigationFocus returns a component that wraps MyFocusedComponent and passes in the
 // navigation and isFocused prop
-const MyFocusedComponentWithNavigationFocus = withNavigationFocus<MyFocusedComponentProps>(MyFocusedComponent);
+const MyFocusedComponentWithNavigationFocus = withNavigationFocus(MyFocusedComponent);
 const MyFocusedComponentInstance = <MyFocusedComponentWithNavigationFocus
     expectsFocus={true} onRef={ref => { const backButtonRef = ref; }}
 />;
@@ -601,7 +646,6 @@ createStackNavigator(
 );
 
 // Test NavigationEvents component
-
 const ViewWithNavigationEvents = (
   <NavigationEvents
     onWillFocus={console.log}
diff --git a/types/react-navigation/tsconfig.json b/types/react-navigation/tsconfig.json
index c1d4d83209..b0cf7029db 100644
--- a/types/react-navigation/tsconfig.json
+++ b/types/react-navigation/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-navigation/v1/tsconfig.json b/types/react-navigation/v1/tsconfig.json
index 3fc9fba7ce..289b5c4924 100644
--- a/types/react-navigation/v1/tsconfig.json
+++ b/types/react-navigation/v1/tsconfig.json
@@ -2,8 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/react-notification-system/index.d.ts b/types/react-notification-system/index.d.ts
index d172cd6b2c..82a2cdc358 100644
--- a/types/react-notification-system/index.d.ts
+++ b/types/react-notification-system/index.d.ts
@@ -18,8 +18,8 @@ declare namespace NotificationSystem {
     export type CallBackFunction = (notification: Notification) => void;
 
     export interface Notification {
-        title?: string;
-        message?: string;
+        title?: string | JSX.Element;
+        message?: string | JSX.Element;
         level?: "error" | "warning" | "info" | "success";
         position?: "tr" | "tl" | "tc" | "br" | "bl" | "bc";
         autoDismiss?: number;
diff --git a/types/react-notify-toast/index.d.ts b/types/react-notify-toast/index.d.ts
index 1feb26ef61..ff4e52c616 100644
--- a/types/react-notify-toast/index.d.ts
+++ b/types/react-notify-toast/index.d.ts
@@ -23,8 +23,17 @@ declare class reactNotifyToast {
     createShowQueue(): reactNotifyToast;
 }
 
+interface Options {
+    wrapperId?: string;
+    animationDuration?: number;
+    timeout?: number;
+    zIndex?: number;
+    top?: number | string;
+    colors?: any;
+}
+
 interface NotificationProps {
-    options: any;
+    options?: Options;
 }
 
 export class Notification extends React.Component<NotificationProps, any> {}
diff --git a/types/react-onclickoutside/index.d.ts b/types/react-onclickoutside/index.d.ts
index 2fb5659029..fd31f35869 100644
--- a/types/react-onclickoutside/index.d.ts
+++ b/types/react-onclickoutside/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for react-onclickoutside 6.0
+// Type definitions for react-onclickoutside 6.7
 // Project: https://github.com/Pomax/react-onclickoutside
 // Definitions by: Karol Janyst <https://github.com/LKay>
+//                 Boris Sergeyev <https://github.com/surgeboris>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -10,12 +11,18 @@ export interface HandleClickOutside<T> {
     handleClickOutside: React.MouseEventHandler<T>;
 }
 
+export interface ConfigObject {
+    handleClickOutside?: HandleClickOutside<any>['handleClickOutside'];
+    excludeScrollbar?: boolean;
+}
+
 export interface InjectedOnClickOutProps {
     disableOnClickOutside(): void;
     enableOnClickOutside(): void;
 }
+export type WithoutInjectedClickOutProps<P> = Pick<P, Exclude<keyof P, keyof InjectedOnClickOutProps>>;
 
-export interface OnClickOutProps {
+export interface AdditionalProps extends ConfigObject {
     disableOnClickOutside?: boolean;
     eventTypes?: string | string[];
     outsideClickIgnoreClass?: string;
@@ -23,13 +30,15 @@ export interface OnClickOutProps {
     stopPropagation?: boolean;
 }
 
-export type ComponentConstructor<P> = React.ComponentClass<P> | React.StatelessComponent<P>;
+export type ComponentConstructor<P> = React.ComponentType<P>;
 
-export interface ClickOutComponentClass<P extends InjectedOnClickOutProps> extends React.ComponentClass<P> {
+export interface ClickOutComponentClass<P> extends React.ComponentClass<P> {
     new (props: P, context?: any): React.Component<P, React.ComponentState> & HandleClickOutside<any>;
 }
 
+export type OnClickOutProps<P> = WithoutInjectedClickOutProps<P> & AdditionalProps;
+
 export default function OnClickOut<P>(
-    component: ComponentConstructor<P & InjectedOnClickOutProps & HandleClickOutside<any>>
-        | ClickOutComponentClass<P & InjectedOnClickOutProps>
-): React.ComponentClass<P & OnClickOutProps>;
+    component: ComponentConstructor<P> | ClickOutComponentClass<P>,
+    config?: ConfigObject
+): React.ComponentClass<OnClickOutProps<P>>;
diff --git a/types/react-onclickoutside/react-onclickoutside-tests.tsx b/types/react-onclickoutside/react-onclickoutside-tests.tsx
index d075a5e123..e7ee43e30d 100644
--- a/types/react-onclickoutside/react-onclickoutside-tests.tsx
+++ b/types/react-onclickoutside/react-onclickoutside-tests.tsx
@@ -3,22 +3,42 @@ import { Component, MouseEvent, StatelessComponent } from 'react';
 import { render } from 'react-dom';
 import onClickOutside from 'react-onclickoutside';
 
-function TestStateless(props: { handleClickOutside(): void; }) {
+interface TestStatelessProps {
+    disableOnClickOutside(): void;
+    enableOnClickOutside(): void;
+    nonClickOutsideProp: string;
+}
+
+function TestStateless(props: TestStatelessProps) {
     return (
-        <div>Test</div>
+        <div onKeyUp={props.enableOnClickOutside} onKeyDown={props.disableOnClickOutside}>
+            {props.nonClickOutsideProp}
+        </div>
     );
 }
 
+const TestConfigObject = onClickOutside(TestStateless, {
+    handleClickOutside: () => console.log('Stateless HandleClickOutside'),
+    excludeScrollbar: true
+});
+
+render(
+    <TestConfigObject nonClickOutsideProp="Test" />,
+    document.getElementById("main")
+);
+
 const TestStatelessWrapped = onClickOutside(TestStateless);
 
 render(
     <TestStatelessWrapped
+        nonClickOutsideProp="Test"
         eventTypes="click"
         disableOnClickOutside
         preventDefault
         stopPropagation
         outsideClickIgnoreClass="ignore"
         handleClickOutside={() => console.log('Stateless HandleClickOutside')}
+        excludeScrollbar
     />,
     document.getElementById("main")
 );
@@ -37,7 +57,7 @@ class TestComponent extends React.Component<{ disableOnClickOutside(): void; ena
     }
 }
 
-const WrappedComponent = onClickOutside<{}>(TestComponent);
+const WrappedComponent = onClickOutside(TestComponent);
 
 render(
     <WrappedComponent
diff --git a/types/react-onsenui/index.d.ts b/types/react-onsenui/index.d.ts
index 3124fa32f2..5124683d48 100644
--- a/types/react-onsenui/index.d.ts
+++ b/types/react-onsenui/index.d.ts
@@ -1,13 +1,18 @@
-// Type definitions for React Onsen UI (react-onsenui) 2.9.4
+// Type definitions for React Onsen UI (react-onsenui) 2.9.5
 // Project: https://onsen.io/v2/docs/guide/react/
 // Definitions by: Ozytis <https://ozytis.fr>,
 //                 Salim <https://github.com/salim7>,
 //                 Jemmyw <https://github.com/jemmyw>
+//                 Mikael Lirbank <https://github.com/lirbank>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
 import * as React from 'react';
-import Component = React.Component;
+
+export type HTMLAttributes<K extends keyof React.HTMLAttributes<{}>> = Partial<Pick<React.HTMLAttributes<{}>, K>>;
+export type InputHTMLAttributes<K extends keyof React.InputHTMLAttributes<{}>> = Partial<Pick<React.InputHTMLAttributes<{}>, K>>;
+
+export class Component<P = {}, S = {}> extends React.Component<HTMLAttributes<'id' | 'className' | 'style'> & P, S> {}
 
 export interface Modifiers_string {
     default?: string;
@@ -61,7 +66,6 @@ export class SplitterSide extends Component<{
     animationOptions?: AnimationOptions,
     openThreshold?: number,
     mode?: "collapse" | "split",
-    className?: string
 }, any> { }
 
 export class SplitterContent extends Component { }
@@ -111,14 +115,10 @@ export class Page extends Component<{
 export class Col extends Component<{
     verticalAlign?: "top" | "bottom" | "center",
     width?: string,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class Row extends Component<{
     verticalAlign?: "top" | "bottom" | "center",
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 /*** Navigation ***/
@@ -152,8 +152,8 @@ export class Carousel extends Component<{
     fullscreen?: boolean,
     overscrollable?: boolean,
     centered?: boolean,
-    itemWidth?: number,
-    itemHeight?: number,
+    itemWidth?: number | string,
+    itemHeight?: number | string,
     autoScroll?: boolean,
     autoScrollRatio?: number,
     swipeable?: boolean,
@@ -167,7 +167,7 @@ export class Carousel extends Component<{
 }, any> {}
 
 export class CarouselItem extends Component<{
-    modifier: string
+    modifier?: string
 }, any> {}
 
 /*** AlertDialog ***/
@@ -238,8 +238,6 @@ export class Toast extends Component<{
     onPreHide?(): void,
     onPostHide?(): void,
     onDeviceBackButton?(): void,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class ActionSheet extends Component<{
@@ -294,7 +292,6 @@ export class Fab extends Component<{
     disabled?: boolean,
     onClick?(e?: React.MouseEvent<HTMLElement>): void,
     name?: string,
-    className?: string
 }, any> {}
 
 export class Button extends Component<{
@@ -302,11 +299,10 @@ export class Button extends Component<{
     disabled?: boolean,
     ripple?: boolean,
     name?: string,
-    className?: string,
     onClick?(e?: React.MouseEvent<HTMLElement>): void
 }, any> {}
 
-export class Input extends Component<{
+export class Input extends Component<InputHTMLAttributes<'min' | 'max' | 'step'> & {
     modifier?: string,
     disabled?: boolean,
     readOnly?: boolean,
@@ -321,7 +317,6 @@ export class Input extends Component<{
     inputId?: string,
     float?: boolean,
     name?: string,
-    className?: string
 }, any> {}
 
 export class Radio extends Component<{
@@ -333,7 +328,6 @@ export class Radio extends Component<{
     defaultChecked?: boolean,
     inputId?: string,
     name?: string,
-    className?: string
 }, any> {}
 
 export class Checkbox extends Component<{
@@ -344,7 +338,6 @@ export class Checkbox extends Component<{
     checked?: boolean,
     inputId?: string,
     name?: string,
-    className?: string
 }, any> {}
 
 export class Range extends Component<{
@@ -354,6 +347,14 @@ export class Range extends Component<{
     disabled?: boolean,
 }, any> {}
 
+export class SearchInput extends Component<{
+    modifier?: string,
+    disabled?: boolean,
+    onChange?(e: Event): void,
+    value?: string,
+    inputId?: string,
+}, any> {}
+
 export class Select extends Component<{
     modifier?: string,
     disabled?: boolean,
@@ -365,7 +366,6 @@ export class Select extends Component<{
     form?: string,
     size?: string,
     name?: string,
-    className?: string
 }, any> {}
 
 export class Switch extends Component<{
@@ -375,7 +375,6 @@ export class Switch extends Component<{
     disabled?: boolean,
     inputId?: string,
     name?: string,
-    className?: string
 }, any> {}
 
 /**
@@ -428,14 +427,10 @@ export class List extends Component<{
     renderRow?(row: any, index?: number): JSX.Element | undefined,
     renderFooter?(): JSX.Element | undefined,
     renderHeader?(): JSX.Element | undefined,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class ListHeader extends Component<{
     modifier?: string,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class ListItem extends Component<{
@@ -444,15 +439,11 @@ export class ListItem extends Component<{
     tapBackgroundColor?: string,
     lockOnDrag?: boolean,
     onClick?: React.MouseEventHandler<any>,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class ListTitle extends Component<{
     modifier?: string,
     onClick?: React.MouseEventHandler<any>,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class Card extends Component<{
@@ -479,8 +470,6 @@ export class Segment extends Component<{
     tabbarId?: string,
     modifier?: string,
     onPostChange?(): void,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export type SpeedDialPosition = 'top' | 'right' | 'bottom' | 'left' |
@@ -492,13 +481,9 @@ export class SpeedDial extends Component<{
     position?: SpeedDialPosition,
     direction?: SpeedDialDirection,
     disabled?: boolean,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
 
 export class SpeedDialItem extends Component<{
     modifier?: string;
     onClick?(e?: React.MouseEvent<HTMLElement>): void,
-    className?: string,
-    style?: React.CSSProperties,
 }, any> {}
diff --git a/types/react-onsenui/react-onsenui-tests.tsx b/types/react-onsenui/react-onsenui-tests.tsx
index b4f4d540b3..1fa1c0d673 100644
--- a/types/react-onsenui/react-onsenui-tests.tsx
+++ b/types/react-onsenui/react-onsenui-tests.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import {
     SplitterSide, Splitter, SplitterContent,
-    Page, Input, Button, Radio, Checkbox, Select, Switch,
+    Page, Input, Button, Radio, Checkbox, Select, Switch, SearchInput,
 } from "react-onsenui";
 
 class AppState {
@@ -25,6 +25,7 @@ export class App extends React.Component<AppProps, AppState> {
     onRadioChange(event: Event) {}
     onCheckboxChange(event: Event) {}
     onSelectChange(event: React.ChangeEvent<HTMLSelectElement>) {}
+    onSearchInputChange(event: Event) {}
 
     render() {
         return (
@@ -53,6 +54,7 @@ export class App extends React.Component<AppProps, AppState> {
                         </Select>
                         <Switch className='left' modifier='material' checked={true} inputId='switchId' name='switchTest' />
                         <Button name='someButton' onClick={this.onClick} />
+                        <SearchInput modifier='material' inputId='searchInputId' disabled={true} onChange={this.onSearchInputChange} value="Search value" />
 					</Page>
                 </SplitterContent>
             </Splitter>
diff --git a/types/react-outside-click-handler/index.d.ts b/types/react-outside-click-handler/index.d.ts
new file mode 100644
index 0000000000..470e2c3657
--- /dev/null
+++ b/types/react-outside-click-handler/index.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for react-outside-click-handler 1.2
+// Project: https://github.com/airbnb/react-outside-click-handler
+// Definitions by: Ivan Zub <https://github.com/zubivan>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+import * as React from "react";
+
+export interface DefaultProps {
+    disabled: boolean;
+    useCapture: boolean;
+    display: "block" | "flex" | "inline-block";
+}
+
+// TODO: Remove partial once DT support TS 3.0, so skipping mandatory listed in default props won't result in compile error
+export interface Props extends Partial<DefaultProps> {
+    children: React.ReactNode;
+    onOutsideClick: (e: React.MouseEvent<HTMLElement>) => void;
+}
+
+export default class OutsideClickHandler extends React.Component<Props> {
+    static defaultProps: DefaultProps;
+}
diff --git a/types/react-outside-click-handler/test/react-outside-click-handler-tests.tsx b/types/react-outside-click-handler/test/react-outside-click-handler-tests.tsx
new file mode 100644
index 0000000000..116cabcf56
--- /dev/null
+++ b/types/react-outside-click-handler/test/react-outside-click-handler-tests.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+import OutsideClickHandler from "react-outside-click-handler";
+
+const onClickOutside: (event: React.MouseEvent<any>) => void = () => {};
+
+<OutsideClickHandler onOutsideClick={onClickOutside}>
+    <span>Child</span>
+</OutsideClickHandler>;
+
+<OutsideClickHandler onOutsideClick={onClickOutside} disabled={true}>
+    <span>Child</span>
+</OutsideClickHandler>;
+
+<OutsideClickHandler onOutsideClick={onClickOutside} display="block">
+    <span>Child</span>
+</OutsideClickHandler>;
+
+<OutsideClickHandler onOutsideClick={onClickOutside} useCapture={true}>
+    <span>Child</span>
+</OutsideClickHandler>;
diff --git a/types/react-outside-click-handler/tsconfig.json b/types/react-outside-click-handler/tsconfig.json
new file mode 100644
index 0000000000..4121effb03
--- /dev/null
+++ b/types/react-outside-click-handler/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "jsx": "react",
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test/react-outside-click-handler-tests.tsx"
+    ]
+}
diff --git a/types/react-outside-click-handler/tslint.json b/types/react-outside-click-handler/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/react-outside-click-handler/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/react-overlays/tslint.json b/types/react-overlays/tslint.json
index 3db14f85ea..4c842aedd2 100644
--- a/types/react-overlays/tslint.json
+++ b/types/react-overlays/tslint.json
@@ -1 +1,9 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "ban-types": false,
+        "member-access": false,
+        "no-self-import": false
+    }
+}
diff --git a/types/react-paginate/index.d.ts b/types/react-paginate/index.d.ts
index 83a03ac838..4b73f0cf14 100644
--- a/types/react-paginate/index.d.ts
+++ b/types/react-paginate/index.d.ts
@@ -1,10 +1,11 @@
-// Type definitions for react-paginate 5.2
+// Type definitions for react-paginate 6.0
 // Project: https://github.com/AdeleD/react-paginate
 // Definitions by: Simon Hartcher <https://github.com/deevus>
 //                 Wouter Hardeman <https://github.com/wouterhardeman>
 //                 pegel03 <https://github.com/pegel03>
 //                 Simon Archer <https://github.com/archy-bold>
 //                 Yasunori Ohoka <https://github.com/yasupeke>
+//                 Shingo Sato <https://github.com/sugarshin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -29,22 +30,22 @@ interface ReactPaginateProps {
     /**
      * Label for the `previous` button.
      */
-    previousLabel?: string | JSX.Element;
+    previousLabel?: React.ReactNode;
 
     /**
      * Label for the `next` button.
      */
-    nextLabel?: string | JSX.Element;
+    nextLabel?: React.ReactNode;
 
     /**
      * Label for ellipsis.
      */
-    breakLabel?: string | JSX.Element;
+    breakLabel?: string | React.ReactNode;
 
     /**
      * The classname on tag `li` of the ellipsis element.
      */
-    breakClassName?: string | JSX.Element;
+    breakClassName?: string;
 
     /**
      * The method to call when a page is clicked. Exposes the current page object as an argument.
@@ -86,6 +87,11 @@ interface ReactPaginateProps {
      */
     activeClassName?: string;
 
+    /**
+     * The classname for the active link.
+     */
+    activeLinkClassName?: string;
+
     /**
      * The classname on tag `li` of the `previous` button.
      */
diff --git a/types/react-paginate/react-paginate-tests.tsx b/types/react-paginate/react-paginate-tests.tsx
index a98e8702a4..90a8718c52 100644
--- a/types/react-paginate/react-paginate-tests.tsx
+++ b/types/react-paginate/react-paginate-tests.tsx
@@ -20,6 +20,7 @@ class Test extends React.Component {
                 pageClassName={'page-li'}
                 pageLinkClassName={'page-a'}
                 activeClassName={'active'}
+                activeLinkClassName={'active'}
                 previousClassName={'previous-li'}
                 nextClassName={'next-li'}
                 previousLinkClassName={'previous-a'}
diff --git a/types/react-paginate/v5/index.d.ts b/types/react-paginate/v5/index.d.ts
new file mode 100644
index 0000000000..83a03ac838
--- /dev/null
+++ b/types/react-paginate/v5/index.d.ts
@@ -0,0 +1,126 @@
+// Type definitions for react-paginate 5.2
+// Project: https://github.com/AdeleD/react-paginate
+// Definitions by: Simon Hartcher <https://github.com/deevus>
+//                 Wouter Hardeman <https://github.com/wouterhardeman>
+//                 pegel03 <https://github.com/pegel03>
+//                 Simon Archer <https://github.com/archy-bold>
+//                 Yasunori Ohoka <https://github.com/yasupeke>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+interface ReactPaginateProps {
+    /**
+     * The total number of pages.
+     */
+    pageCount: number;
+
+    /**
+     * The range of pages displayed.
+     */
+    pageRangeDisplayed: number;
+
+    /**
+     * The number of pages to display for margins.
+     */
+    marginPagesDisplayed: number;
+
+    /**
+     * Label for the `previous` button.
+     */
+    previousLabel?: string | JSX.Element;
+
+    /**
+     * Label for the `next` button.
+     */
+    nextLabel?: string | JSX.Element;
+
+    /**
+     * Label for ellipsis.
+     */
+    breakLabel?: string | JSX.Element;
+
+    /**
+     * The classname on tag `li` of the ellipsis element.
+     */
+    breakClassName?: string | JSX.Element;
+
+    /**
+     * The method to call when a page is clicked. Exposes the current page object as an argument.
+     */
+    onPageChange?(selectedItem: { selected: number }): void;
+
+    /**
+     * The initial page selected.
+     */
+    initialPage?: number;
+
+    /**
+     * To override selected page with parent prop.
+     */
+    forcePage?: number;
+
+    /**
+     * Disable onPageChange callback with initial page. Default: false
+     */
+    disableInitialCallback?: boolean;
+
+    /**
+     * The classname of the pagination container.
+     */
+    containerClassName?: string;
+
+    /**
+     * The classname on tag `li` of each page element.
+     */
+    pageClassName?: string;
+
+    /**
+     * The classname on tag `a` of each page element.
+     */
+    pageLinkClassName?: string;
+
+    /**
+     * The classname for the active page.
+     */
+    activeClassName?: string;
+
+    /**
+     * The classname on tag `li` of the `previous` button.
+     */
+    previousClassName?: string;
+
+    /**
+     * The classname on tag `li` of the `next` button.
+     */
+    nextClassName?: string;
+
+    /**
+     * The classname on tag `a` of the `previous` button.
+     */
+    previousLinkClassName?: string;
+
+    /**
+     * The classname on tag `a` of the `next` button.
+     */
+    nextLinkClassName?: string;
+
+    /**
+     * The classname for disabled `previous` and `next` buttons.
+     */
+    disabledClassName?: string;
+
+    /**
+     * The method is called to generate the href attribute value on tag a of each page element.
+     */
+    hrefBuilder?(pageIndex: number): void;
+
+    /**
+     * Extra context to add to the aria-label HTML attribute.
+     */
+    extraAriaContext?: string;
+}
+
+declare const ReactPaginate: React.ComponentClass<ReactPaginateProps>;
+export default ReactPaginate;
diff --git a/types/react-paginate/v5/react-paginate-tests.tsx b/types/react-paginate/v5/react-paginate-tests.tsx
new file mode 100644
index 0000000000..a98e8702a4
--- /dev/null
+++ b/types/react-paginate/v5/react-paginate-tests.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import ReactPaginate from 'react-paginate';
+
+class Test extends React.Component {
+    render() {
+        return (
+            <ReactPaginate
+                pageCount={1}
+                pageRangeDisplayed={10}
+                marginPagesDisplayed={2}
+                previousLabel={'previous'}
+                nextLabel={'next'}
+                breakLabel={'break-me'}
+                breakClassName={'break-class'}
+                onPageChange={(selectedItem: {selected: number}) => null}
+                initialPage={2}
+                forcePage={3}
+                disableInitialCallback={false}
+                containerClassName={'container'}
+                pageClassName={'page-li'}
+                pageLinkClassName={'page-a'}
+                activeClassName={'active'}
+                previousClassName={'previous-li'}
+                nextClassName={'next-li'}
+                previousLinkClassName={'previous-a'}
+                nextLinkClassName={'next-a'}
+                disabledClassName={'disabled'}
+                hrefBuilder={(pageIndex: number) => null}
+                extraAriaContext={'aria'}
+            />
+        );
+    }
+}
diff --git a/types/react-i18next/v1/tsconfig.json b/types/react-paginate/v5/tsconfig.json
similarity index 69%
rename from types/react-i18next/v1/tsconfig.json
rename to types/react-paginate/v5/tsconfig.json
index b16cb92b25..9ff370a729 100644
--- a/types/react-i18next/v1/tsconfig.json
+++ b/types/react-paginate/v5/tsconfig.json
@@ -14,21 +14,17 @@
             "../../"
         ],
         "paths": {
-            "react-i18next": [
-                "react-i18next/v1"
-            ],
-            "i18next": [
-                "i18next/v2"
+            "react-paginate": [
+                "react-paginate/v5"
             ]
         },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
-        "jsx": "react",
-        "experimentalDecorators": true
+        "jsx": "react"
     },
     "files": [
         "index.d.ts",
-        "react-i18next-tests.tsx"
+        "react-paginate-tests.tsx"
     ]
-}
\ No newline at end of file
+ }
diff --git a/types/react-paginate/v5/tslint.json b/types/react-paginate/v5/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-paginate/v5/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-plotly.js/tsconfig.json b/types/react-plotly.js/tsconfig.json
index e0ec629a4c..02d264a0e5 100644
--- a/types/react-plotly.js/tsconfig.json
+++ b/types/react-plotly.js/tsconfig.json
@@ -13,6 +13,9 @@
         "typeRoots": [
             "../"
         ],
+        "paths": {
+            "d3": [ "d3/v3" ]
+        },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
diff --git a/types/react-reconciler/index.d.ts b/types/react-reconciler/index.d.ts
index 3aa6a6189e..733cc10435 100644
--- a/types/react-reconciler/index.d.ts
+++ b/types/react-reconciler/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-reconciler 0.15
+// Type definitions for react-reconciler 0.16
 // Project: https://reactjs.org/
 // Definitions by: Nathan Bierema <https://github.com/Methuselah96>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -33,7 +33,11 @@ declare namespace ReactReconciler {
         // Unique identifier of this child.
         key: null | string;
 
-        // The function/class/module associated with this fiber.
+        // The value of element.type which is used to preserve the identity during
+        // reconciliation of this child.
+        elementType: any;
+
+        // The resolved function/class/ associated with this fiber.
         type: any;
 
         // The local state associated with this fiber.
@@ -74,7 +78,7 @@ declare namespace ReactReconciler {
         firstContextDependency: ContextDependency<any> | null;
 
         // Bitfield that describes properties about the fiber and its subtree. E.g.
-        // the AsyncMode flag indicates whether the subtree should be async-by-
+        // the ConcurrentMode flag indicates whether the subtree should be async-by-
         // default. When a fiber is created, it inherits the mode of its
         // parent. Additional flags can be set at creation time, but after that the
         // value should remain unchanged throughout the fiber's lifetime, particularly
@@ -361,7 +365,7 @@ declare namespace ReactReconciler {
         ): ExpirationTime;
         createContainer(
             containerInfo: Container,
-            isAsync: boolean,
+            isConcurrent: boolean,
             hydrate: boolean,
         ): OpaqueRoot;
         updateContainer(
@@ -458,10 +462,10 @@ declare namespace ReactReconciler {
         nextScheduledRoot: FiberRoot | null;
     }
 
-    // The following attributes are only used by interaction tracking builds.
+    // The following attributes are only used by interaction tracing builds.
     // They enable interactions to be associated with their async work,
     // And expose interaction metadata to the React DevTools Profiler plugin.
-    // Note that these attributes are only defined when the enableSchedulerTracking flag is enabled.
+    // Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
     interface ProfilingOnlyFiberRootProperties {
         interactionThreadID: number;
         memoizedInteractions: Set<Interaction>;
@@ -473,7 +477,7 @@ declare namespace ReactReconciler {
     // react-reconciler/ReactFiberScheduler
 
     interface Deadline {
-        timeRemaining: () => number;
+        timeRemaining(): number;
         didTimeout: boolean;
     }
 
@@ -510,7 +514,7 @@ declare namespace ReactReconciler {
         lastCapturedEffect: Update<State> | null;
     }
 
-    // schedule/Tracking
+    // scheduler/Tracing
 
     interface Interaction {
         __count: number;
@@ -580,7 +584,9 @@ declare namespace ReactReconciler {
         | 13
         | 14
         | 15
-        | 16;
+        | 16
+        | 17
+        | 18;
 }
 
 export = ReactReconciler;
diff --git a/types/react-redux-epic/index.d.ts b/types/react-redux-epic/index.d.ts
index a059786123..948cd30c86 100644
--- a/types/react-redux-epic/index.d.ts
+++ b/types/react-redux-epic/index.d.ts
@@ -6,13 +6,14 @@
 
 import * as React from 'react';
 import { Observable } from 'rxjs/Observable';
+import { Action } from 'redux';
 import { Epic } from 'redux-observable';
 
 export interface Action {
     type: string;
 }
 
-export function wrapRootEpic<T, S, D, O extends T>(
+export function wrapRootEpic<T extends Action, S, D, O extends T>(
     epic: Epic<T, S, D, O>
 ): Epic<T, S, D, O>;
 
diff --git a/types/react-redux-epic/package.json b/types/react-redux-epic/package.json
index 807e511de4..7c18118269 100644
--- a/types/react-redux-epic/package.json
+++ b/types/react-redux-epic/package.json
@@ -2,6 +2,7 @@
     "private": true,
     "dependencies": {
         "rxjs": "^5.5.5",
+        "redux": "^3.6.0",
         "redux-observable": "^0.18.0"
     }
 }
diff --git a/types/react-redux-toastr/index.d.ts b/types/react-redux-toastr/index.d.ts
index cf81d974dd..fc11da9c43 100644
--- a/types/react-redux-toastr/index.d.ts
+++ b/types/react-redux-toastr/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-redux-toastr 7.1
+// Type definitions for react-redux-toastr 7.4
 // Project: https://github.com/diegoddox/react-redux-toastr
 // Definitions by: Aleksandar Ivanov <https://github.com/Smiche>
 //                 Artyom Stukans <https://github.com/artyomsv>
@@ -102,6 +102,7 @@ interface ReduxToastrProps {
     transitionIn?: transitionInType;
     transitionOut?: transitionOutType;
     className?: string;
+    closeOnToastrClick?: boolean;
 }
 
 interface ToastrEmitter {
diff --git a/types/react-redux/index.d.ts b/types/react-redux/index.d.ts
index 5cbde2e8db..2f919581f4 100644
--- a/types/react-redux/index.d.ts
+++ b/types/react-redux/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-redux 6.0.4
+// Type definitions for react-redux 6.0
 // Project: https://github.com/reduxjs/react-redux
 // Definitions by: Qubo <https://github.com/tkqubo>,
 //                 Kenzie Togami <https://github.com/kenzierocks>,
@@ -11,6 +11,7 @@
 //                 Valentin Descamps <https://github.com/val1984>
 //                 Johann Rakotoharisoa <https://github.com/jrakotoharisoa>
 //                 Anatoli Papirovski <https://github.com/apapirovski>
+//                 Boris Sergeyev <https://github.com/surgeboris>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -42,15 +43,14 @@ import {
 } from 'redux';
 
 // Omit taken from https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html
-type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 export interface DispatchProp<A extends Action = AnyAction> {
     dispatch: Dispatch<A>;
 }
 
-interface AdvancedComponentDecorator<TProps, TOwnProps> {
-    (component: ComponentType<TProps>): ComponentClass<TOwnProps>;
-}
+export type AdvancedComponentDecorator<TProps, TOwnProps> =
+    (component: ComponentType<TProps>) => ComponentClass<TOwnProps>;
 
 /**
  * A property P will be present if:
@@ -64,7 +64,7 @@ interface AdvancedComponentDecorator<TProps, TOwnProps> {
  * - if property P is present in InjectedProps but does not extend the
  *   DecorationTargetProps[P] definition, its definition will be that of InjectedProps[P]
  */
-type Matching<InjectedProps, DecorationTargetProps> = {
+export type Matching<InjectedProps, DecorationTargetProps> = {
 	[P in keyof DecorationTargetProps]: P extends keyof InjectedProps
 		? InjectedProps[P] extends DecorationTargetProps[P]
 			? DecorationTargetProps[P]
@@ -82,7 +82,7 @@ type Matching<InjectedProps, DecorationTargetProps> = {
  * required by the decorated (right hand side) component.
  * But any property required by the decorated component must be satisfied by the injected property.
  */
-type Shared<
+export type Shared<
     InjectedProps,
     DecorationTargetProps extends Shared<InjectedProps, DecorationTargetProps>
     > = {
@@ -90,28 +90,41 @@ type Shared<
     };
 
 // Infers prop type from component C
-type GetProps<C> = C extends ComponentType<infer P> ? P : never;
+export type GetProps<C> = C extends ComponentType<infer P> ? P : never;
 
 // Applies LibraryManagedAttributes (proper handling of defaultProps
 // and propTypes), as well as defines WrappedComponent.
-type ConnectedComponentClass<C, P> = ComponentClass<JSX.LibraryManagedAttributes<C, P>> & {
+export type ConnectedComponentClass<C, P> = ComponentClass<JSX.LibraryManagedAttributes<C, P>> & {
 	WrappedComponent: C;
-}
+};
 
 // Injects props and removes them from the prop requirements.
 // Will not pass through the injected props if they are passed in during
 // render. Also adds new prop requirements from TNeedsProps.
-export interface InferableComponentEnhancerWithProps<TInjectedProps, TNeedsProps> {
+export type InferableComponentEnhancerWithProps<TInjectedProps, TNeedsProps> =
 	<C extends ComponentType<Matching<TInjectedProps, GetProps<C>>>>(
 		component: C
-	): ConnectedComponentClass<C, Omit<GetProps<C>, keyof Shared<TInjectedProps, GetProps<C>>> & TNeedsProps>
-}
+	) => ConnectedComponentClass<C, Omit<GetProps<C>, keyof Shared<TInjectedProps, GetProps<C>>> & TNeedsProps>;
 
 // Injects props and removes them from the prop requirements.
 // Will not pass through the injected props if they are passed in during
 // render.
 export type InferableComponentEnhancer<TInjectedProps> =
-    InferableComponentEnhancerWithProps<TInjectedProps, {}>
+    InferableComponentEnhancerWithProps<TInjectedProps, {}>;
+
+export type HandleThunkActionCreator<TActionCreator> =
+    TActionCreator extends (...args: any[]) => (...args: any[]) => any
+        ? ReturnType<TActionCreator>
+        : TActionCreator;
+
+// redux-thunk middleware returns thunk's return value from dispatch call
+// https://github.com/reduxjs/redux-thunk#composition
+export type WithThunkActionCreators<TDispatchProps> =
+    TDispatchProps extends { [key: string]: any }
+        ? {
+            [C in keyof TDispatchProps]: HandleThunkActionCreator<TDispatchProps[C]>
+        }
+        : TDispatchProps;
 
 /**
  * Connects a React component to a Redux store.
@@ -133,6 +146,7 @@ export type InferableComponentEnhancer<TInjectedProps> =
  * @param options
  */
 export interface Connect {
+    // tslint:disable:no-unnecessary-generics
     (): InferableComponentEnhancer<DispatchProp>;
 
     <TStateProps = {}, no_dispatch = {}, TOwnProps = {}, State = {}>(
@@ -142,12 +156,18 @@ export interface Connect {
     <no_state = {}, TDispatchProps = {}, TOwnProps = {}>(
         mapStateToProps: null | undefined,
         mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>
-    ): InferableComponentEnhancerWithProps<TDispatchProps, TOwnProps>;
+    ): InferableComponentEnhancerWithProps<
+        WithThunkActionCreators<TDispatchProps>,
+        TOwnProps
+    >;
 
     <TStateProps = {}, TDispatchProps = {}, TOwnProps = {}, State = {}>(
         mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
         mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>
-    ): InferableComponentEnhancerWithProps<TStateProps & TDispatchProps, TOwnProps>;
+    ): InferableComponentEnhancerWithProps<
+        TStateProps & WithThunkActionCreators<TDispatchProps>,
+        TOwnProps
+    >;
 
     <TStateProps = {}, no_dispatch = {}, TOwnProps = {}, TMergedProps = {}, State = {}>(
         mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
@@ -171,6 +191,7 @@ export interface Connect {
         mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
         mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
         mergeProps: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
+        options?: Options<State, TStateProps, TOwnProps, TMergedProps>
     ): InferableComponentEnhancerWithProps<TMergedProps, TOwnProps>;
 
     <TStateProps = {}, no_dispatch = {}, TOwnProps = {}, State = {}>(
@@ -185,56 +206,51 @@ export interface Connect {
         mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
         mergeProps: null | undefined,
         options: Options<{}, TStateProps, TOwnProps>
-    ): InferableComponentEnhancerWithProps<TDispatchProps, TOwnProps>;
+    ): InferableComponentEnhancerWithProps<
+        WithThunkActionCreators<TDispatchProps>,
+        TOwnProps
+    >;
 
     <TStateProps = {}, TDispatchProps = {}, TOwnProps = {}, State = {}>(
         mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
         mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
         mergeProps: null | undefined,
         options: Options<State, TStateProps, TOwnProps>
-    ): InferableComponentEnhancerWithProps<TStateProps & TDispatchProps, TOwnProps>;
-
-    <TStateProps = {}, TDispatchProps = {}, TOwnProps = {}, TMergedProps = {}, State = {}>(
-        mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
-        mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
-        mergeProps: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
-        options: Options<State, TStateProps, TOwnProps, TMergedProps>
-    ): InferableComponentEnhancerWithProps<TMergedProps, TOwnProps>;
+    ): InferableComponentEnhancerWithProps<
+        TStateProps & WithThunkActionCreators<TDispatchProps>,
+        TOwnProps
+    >;
+    // tslint:enable:no-unnecessary-generics
 }
 
 /**
  * The connect function. See {@type Connect} for details.
  */
-export declare const connect: Connect;
+export const connect: Connect;
 
-interface MapStateToProps<TStateProps, TOwnProps, State> {
-    (state: State, ownProps: TOwnProps): TStateProps;
-}
+export type MapStateToProps<TStateProps, TOwnProps, State> =
+    (state: State, ownProps: TOwnProps) => TStateProps;
 
-interface MapStateToPropsFactory<TStateProps, TOwnProps, State> {
-    (initialState: State, ownProps: TOwnProps): MapStateToProps<TStateProps, TOwnProps, State>;
-}
+export type MapStateToPropsFactory<TStateProps, TOwnProps, State> =
+    (initialState: State, ownProps: TOwnProps) => MapStateToProps<TStateProps, TOwnProps, State>;
 
-type MapStateToPropsParam<TStateProps, TOwnProps, State> = MapStateToPropsFactory<TStateProps, TOwnProps, State> | MapStateToProps<TStateProps, TOwnProps, State> | null | undefined;
+export type MapStateToPropsParam<TStateProps, TOwnProps, State> = MapStateToPropsFactory<TStateProps, TOwnProps, State> | MapStateToProps<TStateProps, TOwnProps, State> | null | undefined;
 
-interface MapDispatchToPropsFunction<TDispatchProps, TOwnProps> {
-    (dispatch: Dispatch<Action>, ownProps: TOwnProps): TDispatchProps;
-}
+export type MapDispatchToPropsFunction<TDispatchProps, TOwnProps> =
+    (dispatch: Dispatch<Action>, ownProps: TOwnProps) => TDispatchProps;
 
-type MapDispatchToProps<TDispatchProps, TOwnProps> =
+export type MapDispatchToProps<TDispatchProps, TOwnProps> =
     MapDispatchToPropsFunction<TDispatchProps, TOwnProps> | TDispatchProps;
 
-interface MapDispatchToPropsFactory<TDispatchProps, TOwnProps> {
-    (dispatch: Dispatch<Action>, ownProps: TOwnProps): MapDispatchToProps<TDispatchProps, TOwnProps>;
-}
+export type MapDispatchToPropsFactory<TDispatchProps, TOwnProps> =
+    (dispatch: Dispatch<Action>, ownProps: TOwnProps) => MapDispatchToProps<TDispatchProps, TOwnProps>;
 
-type MapDispatchToPropsParam<TDispatchProps, TOwnProps> = MapDispatchToPropsFactory<TDispatchProps, TOwnProps> | MapDispatchToProps<TDispatchProps, TOwnProps>;
+export type MapDispatchToPropsParam<TDispatchProps, TOwnProps> = MapDispatchToPropsFactory<TDispatchProps, TOwnProps> | MapDispatchToProps<TDispatchProps, TOwnProps>;
 
-interface MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps> {
-    (stateProps: TStateProps, dispatchProps: TDispatchProps, ownProps: TOwnProps): TMergedProps;
-}
+export type MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps> =
+    (stateProps: TStateProps, dispatchProps: TDispatchProps, ownProps: TOwnProps) => TMergedProps;
 
-interface Options<State = {}, TStateProps = {}, TOwnProps = {}, TMergedProps = {}> extends ConnectOptions {
+export interface Options<State = {}, TStateProps = {}, TOwnProps = {}, TMergedProps = {}> extends ConnectOptions {
     /**
      * If true, implements shouldComponentUpdate and shallowly compares the result of mergeProps,
      * preventing unnecessary updates, assuming that the component is a “pure” component
@@ -275,11 +291,12 @@ interface Options<State = {}, TStateProps = {}, TOwnProps = {}, TMergedProps = {
  * assumptions about defaults or memoization of results, leaving those responsibilities to the caller.It does not
  * modify the component class passed to it; instead, it returns a new, connected component class for you to use.
  *
- * @param selectorFactory The selector factory. See {@type SelectorFactory} for details.
+ * @param selectorFactory The selector factory. See SelectorFactory type for details.
  * @param connectOptions If specified, further customizes the behavior of the connector. Additionally, any extra
  *     options will be passed through to your <code>selectorFactory</code> in the <code>factoryOptions</code> argument.
  */
-export declare function connectAdvanced<S, TProps, TOwnProps, TFactoryOptions = {}>(
+export function connectAdvanced<S, TProps, TOwnProps, TFactoryOptions = {}>(
+    // tslint:disable-next-line no-unnecessary-generics
     selectorFactory: SelectorFactory<S, TProps, TOwnProps, TFactoryOptions>,
     connectOptions?: ConnectOptions & TFactoryOptions
 ): AdvancedComponentDecorator<TProps, TOwnProps>;
@@ -292,13 +309,10 @@ export declare function connectAdvanced<S, TProps, TOwnProps, TFactoryOptions =
  * call, the component will not be re-rendered. It's the responsibility of <code>selector</code> to return that
  * previous object when appropriate.
  */
-export interface SelectorFactory<S, TProps, TOwnProps, TFactoryOptions> {
-    (dispatch: Dispatch<Action>, factoryOptions: TFactoryOptions): Selector<S, TProps, TOwnProps>
-}
+export type SelectorFactory<S, TProps, TOwnProps, TFactoryOptions> =
+    (dispatch: Dispatch<Action>, factoryOptions: TFactoryOptions) => Selector<S, TProps, TOwnProps>;
 
-export interface Selector<S, TProps, TOwnProps> {
-    (state: S, ownProps: TOwnProps): TProps
-}
+export type Selector<S, TProps, TOwnProps> = (state: S, ownProps: TOwnProps) => TProps;
 
 export interface ConnectOptions {
     /**
@@ -308,13 +322,13 @@ export interface ConnectOptions {
      * @default name => 'ConnectAdvanced('+name+')'
      * @param componentName
      */
-    getDisplayName?: (componentName: string) => string
+    getDisplayName?: (componentName: string) => string;
     /**
      * Shown in error messages. Usually overridden by wrapper functions.
      *
      * @default 'connectAdvanced'
      */
-    methodName?: string
+    methodName?: string;
     /**
      * If defined, a property named this value will be added to the props passed to the wrapped component. Its value
      * will be the number of times the component has been rendered, which can be useful for tracking down unnecessary
@@ -322,27 +336,27 @@ export interface ConnectOptions {
      *
      * @default undefined
      */
-    renderCountProp?: string
+    renderCountProp?: string;
     /**
      * Controls whether the connector component subscribes to redux store state changes. If set to false, it will only
      * re-render on <code>componentWillReceiveProps</code>.
      *
      * @default true
      */
-    shouldHandleStateChanges?: boolean
+    shouldHandleStateChanges?: boolean;
     /**
      * The key of props/context to get the store. You probably only need this if you are in the inadvisable position of
      * having multiple stores.
      *
      * @default 'store'
      */
-    storeKey?: string
+    storeKey?: string;
     /**
      * If true, stores a ref to the wrapped component instance and makes it available via getWrappedInstance() method.
      *
      * @default false
      */
-    withRef?: boolean
+    withRef?: boolean;
 }
 
 export interface ProviderProps<A extends Action = AnyAction> {
@@ -364,4 +378,4 @@ export class Provider<A extends Action = AnyAction> extends Component<ProviderPr
  *
  * @param storeKey The key of the context on which to set the store.
  */
-export declare function createProvider(storeKey: string): typeof Provider;
+export function createProvider(storeKey: string): typeof Provider;
diff --git a/types/react-redux/react-redux-tests.tsx b/types/react-redux/react-redux-tests.tsx
index 3b25b25843..aff8515e87 100644
--- a/types/react-redux/react-redux-tests.tsx
+++ b/types/react-redux/react-redux-tests.tsx
@@ -1,4 +1,3 @@
-import { Component, ReactElement } from 'react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Store, Dispatch, AnyAction, ActionCreator, createStore, bindActionCreators, ActionCreatorsMapObject, Reducer } from 'redux';
@@ -13,250 +12,273 @@ import objectAssign = require('object-assign');
 // Test cases written in a way to isolate types and variables and verify the
 // output of `connect` to make sure the signature is what is expected
 
-namespace Empty {
-    interface OwnProps { foo: string, dispatch: Dispatch }
+function Empty() {
+    interface OwnProps {
+        dispatch: Dispatch;
+        foo: string;
+    }
 
-    class TestComponent extends Component<OwnProps> {}
+    class TestComponent extends React.Component<OwnProps> {}
 
-    const Test = connect()(TestComponent)
+    const Test = connect()(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapState {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
+function MapState() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
 
-    class TestComponent extends Component<OwnProps & StateProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps> {}
 
     const mapStateToProps = (_: any) => ({
         bar: 1
-    })
+    });
 
     const Test = connect(
         mapStateToProps
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateWithDispatchProp {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number, dispatch: Dispatch }
+function MapStateWithDispatchProp() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; dispatch: Dispatch; }
 
-    class TestComponent extends Component<OwnProps & StateProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps> {}
 
     const mapStateToProps = (_: any) => ({
         bar: 1
-    })
+    });
 
     const Test = connect(
         mapStateToProps
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateFactory {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
+function MapStateFactory() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
 
-    class TestComponent extends Component<OwnProps & StateProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps> {}
 
     const mapStateToProps = () => () => ({
         bar: 1
-    })
+    });
 
     const Test = connect(
         mapStateToProps
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapDispatch {
-    interface OwnProps { foo: string }
-    interface DispatchProps { onClick: () => void }
+function MapDispatch() {
+    interface OwnProps { foo: string; }
+    interface DispatchProps { onClick: () => void; }
 
-    class TestComponent extends Component<OwnProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & DispatchProps> {}
 
     const mapDispatchToProps = () => ({
         onClick: () => {}
-    })
+    });
 
     const TestNull = connect(
         null,
         mapDispatchToProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verifyNull = <TestNull foo='bar' />
+    const verifyNull = <TestNull foo='bar' />;
 
     const TestUndefined = connect(
         undefined,
         mapDispatchToProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verifyUndefined = <TestUndefined foo='bar' />
+    const verifyUndefined = <TestUndefined foo='bar' />;
 }
 
-namespace MapStateAndDispatchObject {
-    interface ClickPayload { count: number }
+function MapDispatchWithThunkActionCreators() {
+    class TestComponent extends React.Component<{
+        foo: string,
+        onClick(): void,
+        thunkAction(): Promise<void>
+    }> {}
+
+    const mapDispatchToProps = () => ({
+        onClick: () => {},
+        thunkAction: () => async () => {}
+    });
+
+    const Test = connect(
+        null,
+        mapDispatchToProps,
+    )(TestComponent);
+
+    const verify = <Test foo='bar' />;
+}
+
+function MapStateAndDispatchObject() {
+    interface ClickPayload { count: number; }
     const onClick: ActionCreator<ClickPayload> = () => ({ count: 1 });
     const dispatchToProps = {
         onClick,
     };
 
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { onClick: ActionCreator<ClickPayload> }
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { onClick: ActionCreator<ClickPayload>; }
 
     const mapStateToProps = (_: any, __: OwnProps): StateProps => ({
         bar: 1
-    })
+    });
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const Test = connect(
         mapStateToProps,
         dispatchToProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapDispatchFactory {
-    interface OwnProps { foo: string }
-    interface DispatchProps { onClick: () => void }
+function MapDispatchFactory() {
+    interface OwnProps { foo: string; }
+    interface DispatchProps { onClick: () => void; }
 
-    class TestComponent extends Component<OwnProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & DispatchProps> {}
 
     const mapDispatchToPropsFactory = () => () => ({
         onClick: () => {}
-    })
+    });
 
     const TestNull = connect(
         null,
         mapDispatchToPropsFactory,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verifyNull = <TestNull foo='bar' />
+    const verifyNull = <TestNull foo='bar' />;
 
     const TestUndefined = connect(
         undefined,
         mapDispatchToPropsFactory,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verifyUndefined = <TestUndefined foo='bar' />
+    const verifyUndefined = <TestUndefined foo='bar' />;
 }
 
-namespace MapStateAndDispatch {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { onClick: () => void }
+function MapStateAndDispatch() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { onClick: () => void; }
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const mapStateToProps = () => ({
         bar: 1
-    })
+    });
 
     const mapDispatchToProps = () => ({
         onClick: () => {}
-    })
+    });
 
     const Test = connect(
         mapStateToProps,
         mapDispatchToProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateFactoryAndDispatch {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { onClick: () => void }
+function MapStateFactoryAndDispatch() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { onClick: () => void; }
 
-    const mapStateToPropsFactory = () => () =>({
+    const mapStateToPropsFactory = () => () => ({
         bar: 1
-    })
+    });
 
     const mapDispatchToProps = () => ({
         onClick: () => {}
-    })
+    });
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const Test = connect(
         mapStateToPropsFactory,
         mapDispatchToProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateFactoryAndDispatchFactory {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { onClick: () => void }
+function MapStateFactoryAndDispatchFactory() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { onClick: () => void; }
 
-    const mapStateToPropsFactory = () => () =>({
+    const mapStateToPropsFactory = () => () => ({
         bar: 1
-    })
+    });
 
     const mapDispatchToPropsFactory = () => () => ({
         onClick: () => {}
-    })
+    });
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const Test = connect(
         mapStateToPropsFactory,
         mapDispatchToPropsFactory,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateAndDispatchAndMerge {
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { onClick: () => void }
+function MapStateAndDispatchAndMerge() {
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { onClick: () => void; }
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const mapStateToProps = () => ({
         bar: 1
-    })
+    });
 
     const mapDispatchToProps = () => ({
         onClick: () => {}
-    })
+    });
 
     const mergeProps = (stateProps: StateProps, dispatchProps: DispatchProps) => (
-        Object.assign({}, stateProps, dispatchProps)
-    )
+        { ...stateProps, ...dispatchProps }
+    );
 
     const Test = connect(
         mapStateToProps,
         mapDispatchToProps,
         mergeProps,
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
-namespace MapStateAndOptions {
+function MapStateAndOptions() {
     interface State { state: string; }
-    interface OwnProps { foo: string }
-    interface StateProps { bar: number }
-    interface DispatchProps { dispatch: Dispatch }
+    interface OwnProps { foo: string; }
+    interface StateProps { bar: number; }
+    interface DispatchProps { dispatch: Dispatch; }
 
-    class TestComponent extends Component<OwnProps & StateProps & DispatchProps> {}
+    class TestComponent extends React.Component<OwnProps & StateProps & DispatchProps> {}
 
     const mapStateToProps = (state: State) => ({
         bar: 1
-    })
+    });
 
     const areStatePropsEqual = (next: StateProps, current: StateProps) => true;
 
@@ -268,17 +290,17 @@ namespace MapStateAndOptions {
             pure: true,
             areStatePropsEqual,
         }
-    )(TestComponent)
+    )(TestComponent);
 
-    const verify = <Test foo='bar' />
+    const verify = <Test foo='bar' />;
 }
 
 interface CounterState {
     counter: number;
 }
-declare var increment: Function;
+declare var increment: () => { type: string };
 
-class Counter extends Component<any, any> {
+class Counter extends React.Component<any, any> {
     render() {
         return (
             <button onClick={this.props.onIncrement}>
@@ -306,49 +328,46 @@ connect(
     mapDispatchToProps
 )(Counter);
 
-
 @connect(mapStateToProps)
-class CounterContainer extends Component<any, any> {
-
+class CounterContainer extends React.Component<any, any> {
 }
 
 // Ensure connect's first two arguments can be replaced by wrapper functions
-interface ICounterStateProps {
-    value: number
+interface CounterStateProps {
+    value: number;
 }
-interface ICounterDispatchProps {
-    onIncrement: () => void
+interface CounterDispatchProps {
+    onIncrement: () => void;
 }
 // with higher order functions
-connect<ICounterStateProps, ICounterDispatchProps, {}, CounterState>(
+connect<CounterStateProps, CounterDispatchProps, {}, CounterState>(
     () => mapStateToProps,
     () => mapDispatchToProps
 )(Counter);
 // with higher order functions using parameters
-connect<ICounterStateProps, ICounterDispatchProps, {}, CounterState>(
+connect<CounterStateProps, CounterDispatchProps, {}, CounterState>(
     (initialState: CounterState, ownProps) => mapStateToProps,
     (dispatch: Dispatch, ownProps) => mapDispatchToProps
 )(Counter);
 // only first argument
-connect<ICounterStateProps, {}, {}, CounterState>(
+connect<CounterStateProps, {}, {}, CounterState>(
     () => mapStateToProps
 )(Counter);
 // wrap only one argument
-connect<ICounterStateProps, ICounterDispatchProps, {}, CounterState>(
+connect<CounterStateProps, CounterDispatchProps, {}, CounterState>(
     mapStateToProps,
     () => mapDispatchToProps
 )(Counter);
 // with extra arguments
-connect<ICounterStateProps, ICounterDispatchProps, {}, ICounterStateProps & ICounterDispatchProps, CounterState>(
+connect<CounterStateProps, CounterDispatchProps, {}, CounterStateProps & CounterDispatchProps, CounterState>(
     () => mapStateToProps,
     () => mapDispatchToProps,
-    (s: ICounterStateProps, d: ICounterDispatchProps) =>
+    (s: CounterStateProps, d: CounterDispatchProps) =>
         objectAssign({}, s, d),
     { pure: true }
 )(Counter);
 
-
-class App extends Component<any, any> {
+class App extends React.Component<any, any> {
     render() {
         return null;
     }
@@ -367,10 +386,9 @@ ReactDOM.render((
 // https://github.com/rackt/react-redux/blob/master/docs/api.md
 //
 declare var store: Store<TodoState>;
-class MyRootComponent extends Component<any, any> {
-
+class MyRootComponent extends React.Component<any, any> {
 }
-class TodoApp extends Component<any, any> {}
+class TodoApp extends React.Component<any, any> {}
 interface TodoState {
     todos: string[]|string;
 }
@@ -379,11 +397,11 @@ interface TodoProps {
 }
 interface DispatchProps {
     addTodo(userId: number, text: string): void;
-    action: Function;
+    action: () => any;
 }
 declare var actionCreators: () => {
-    action: Function;
-}
+    action: () => any;
+};
 declare var dispatchActionCreators: () => DispatchProps;
 declare var addTodo: () => { type: string; };
 declare var todoActionCreators: { [type: string]: (...args: any[]) => any; };
@@ -396,28 +414,12 @@ ReactDOM.render(
     document.body
 );
 
-//TODO: for React Router 0.13
-////TODO: error TS2339: Property 'run' does not exist on type 'typeof "react-router"'.
-////TODO: error TS2339: Property 'HistoryLocation' does not exist on type 'typeof "react-router"'.
-//declare var routes: any;
-//Router.run(routes, Router.HistoryLocation, (Handler, routerState) => { // note "routerState" here
-//    ReactDOM.render(
-//        <Provider store={store}>
-//            {/*
-//             //TODO: error TS2339: Property 'routerState' does not exist on type 'RouteProp'.
-//             {() => <Handler routerState={routerState} />} // note "routerState" here: important to pass it down
-//            */}
-//        </Provider>,
-//        document.getElementById('root')
-//    );
-//});
-
 // Inject just dispatch and don't listen to store
 
-const AppWrap = (props: DispatchProp & { children?: React.ReactNode }) => <div />
+const AppWrap = (props: DispatchProp & { children?: React.ReactNode }) => <div />;
 const WrappedApp = connect()(AppWrap);
 
-<WrappedApp />
+<WrappedApp />;
 
 // Inject dispatch and every field in the global state
 
@@ -431,20 +433,8 @@ function mapStateToProps2(state: TodoState) {
 
 export default connect(mapStateToProps2)(TodoApp);
 
-// Inject todos and all action creators (addTodo, completeTodo, ...)
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 connect(mapStateToProps2, actionCreators)(TodoApp);
 
-// Inject todos and all action creators (addTodo, completeTodo, ...) as actions
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mapDispatchToProps2(dispatch: Dispatch) {
     return { actions: bindActionCreators(actionCreators, dispatch) };
 }
@@ -453,10 +443,6 @@ connect(mapStateToProps2, mapDispatchToProps2)(TodoApp);
 
 // Inject todos and a specific action creator (addTodo)
 
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mapDispatchToProps3(dispatch: Dispatch) {
     return bindActionCreators({ addTodo }, dispatch);
 }
@@ -465,10 +451,6 @@ connect(mapStateToProps2, mapDispatchToProps3)(TodoApp);
 
 // Inject todos, todoActionCreators as todoActions, and counterActionCreators as counterActions
 
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mapDispatchToProps4(dispatch: Dispatch) {
     return {
         todoActions: bindActionCreators(todoActionCreators, dispatch),
@@ -480,10 +462,6 @@ connect(mapStateToProps2, mapDispatchToProps4)(TodoApp);
 
 // Inject todos, and todoActionCreators and counterActionCreators together as actions
 
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mapDispatchToProps5(dispatch: Dispatch) {
     return {
         actions: bindActionCreators(objectAssign({}, todoActionCreators, counterActionCreators), dispatch)
@@ -494,10 +472,6 @@ connect(mapStateToProps2, mapDispatchToProps5)(TodoApp);
 
 // Inject todos, and all todoActionCreators and counterActionCreators directly as props
 
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mapDispatchToProps6(dispatch: Dispatch) {
     return bindActionCreators(objectAssign({}, todoActionCreators, counterActionCreators), dispatch);
 }
@@ -514,10 +488,6 @@ connect(mapStateToProps3)(TodoApp);
 
 // Inject todos of a specific user depending on props, and inject props.userId into the action
 
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
 function mergeProps(stateProps: TodoState, dispatchProps: DispatchProps, ownProps: TodoProps): DispatchProps & TodoState & TodoProps {
     return objectAssign({}, ownProps, dispatchProps, {
         todos: stateProps.todos[ownProps.userId],
@@ -527,9 +497,8 @@ function mergeProps(stateProps: TodoState, dispatchProps: DispatchProps, ownProp
 
 connect(mapStateToProps2, dispatchActionCreators, mergeProps)(MyRootComponent);
 
-
-//https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14622#issuecomment-279820358
-//Allow for undefined mapStateToProps
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14622#issuecomment-279820358
+// Allow for undefined mapStateToProps
 connect(undefined, mapDispatchToProps6)(TodoApp);
 
 interface TestProp {
@@ -540,7 +509,7 @@ interface TestState {
     isLoaded: boolean;
     state1: number;
 }
-class TestComponent extends Component<TestProp & DispatchProp, TestState> { }
+class TestComponent extends React.Component<TestProp & DispatchProp, TestState> { }
 const WrappedTestComponent = connect()(TestComponent);
 
 // return value of the connect()(TestComponent) is assignable to a ComponentClass<TestProp>
@@ -550,23 +519,19 @@ const ADecoratedTestComponent: React.ComponentClass<TestProp> = WrappedTestCompo
 
 const ATestComponent: React.ComponentClass<TestProp> = TestComponent;  // $ExpectError
 
-class NonComponent {}
-// this doesn't compile
-//connect()(NonComponent);
-
 // stateless functions
 interface HelloMessageProps {
-    dispatch: Dispatch
+    dispatch: Dispatch;
     name: string;
- }
+}
 const HelloMessage: React.StatelessComponent<HelloMessageProps> = (props) => {
     return <div>Hello {props.name}</div>;
-}
-let ConnectedHelloMessage = connect()(HelloMessage);
+};
+const ConnectedHelloMessage = connect()(HelloMessage);
 ReactDOM.render(<ConnectedHelloMessage name="Sebastian" />, document.getElementById('content'));
 
 // stateless functions that uses mapStateToProps and mapDispatchToProps
-namespace TestStatelessFunctionWithMapArguments {
+function TestStatelessFunctionWithMapArguments() {
     interface GreetingProps {
         name: string;
         onClick: () => void;
@@ -597,7 +562,7 @@ namespace TestStatelessFunctionWithMapArguments {
 }
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/8787
-namespace TestTOwnPropsInference {
+function TestTOwnPropsInference() {
     interface OwnProps {
         own: string;
     }
@@ -640,8 +605,8 @@ namespace TestTOwnPropsInference {
     // React.createElement(ConnectedWithTypeHint, { anything: 'goes!' });
 
     interface AllProps {
-        own: string
-        state: string
+        own: string;
+        state: string;
     }
 
     class AllPropsComponent extends React.Component<AllProps & DispatchProp> {
@@ -650,18 +615,18 @@ namespace TestTOwnPropsInference {
         }
     }
 
-    type PickedOwnProps = Pick<AllProps, "own">
-    type PickedStateProps = Pick<AllProps, "state">
+    type PickedOwnProps = Pick<AllProps, "own">;
+    type PickedStateProps = Pick<AllProps, "state">;
 
     const mapStateToPropsForPicked: MapStateToProps<PickedStateProps, PickedOwnProps, {}> = (state: any): PickedStateProps => {
-        return { state: "string" }
-    }
+        return { state: "string" };
+    };
     const ConnectedWithPickedOwnProps = connect(mapStateToPropsForPicked)(AllPropsComponent);
-    <ConnectedWithPickedOwnProps own="blah" />
+    <ConnectedWithPickedOwnProps own="blah" />;
 }
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/16021
-namespace TestMergedPropsInference {
+function TestMergedPropsInference() {
     interface StateProps {
         state: string;
     }
@@ -717,13 +682,13 @@ namespace TestMergedPropsInference {
     )(MergedPropsComponent);
 }
 
-namespace Issue16652 {
+function Issue16652() {
     interface PassedProps {
         commentIds: string[];
     }
 
     interface GeneratedStateProps {
-        comments: ({ id: string } | undefined)[];
+        comments: Array<({ id: string } | undefined)>;
     }
 
     class CommentList extends React.Component<PassedProps & GeneratedStateProps & DispatchProp> {}
@@ -738,47 +703,46 @@ namespace Issue16652 {
         CommentList
     );
 
-    <ConnectedCommentList commentIds={['a', 'b', 'c']} />
+    <ConnectedCommentList commentIds={['a', 'b', 'c']} />;
 }
 
-namespace Issue15463 {
-    interface ISpinnerProps{
+function Issue15463() {
+    interface SpinnerProps {
         showGlobalSpinner: boolean;
     }
 
-    class SpinnerClass extends React.Component<ISpinnerProps & DispatchProp> {
+    class SpinnerClass extends React.Component<SpinnerProps & DispatchProp> {
         render() {
             return (<div />);
         }
     }
 
-    export const Spinner = connect((state: any) => {
+    const Spinner = connect((state: any) => {
         return { showGlobalSpinner: true };
     })(SpinnerClass);
 
-    <Spinner />
+    <Spinner />;
 }
 
-namespace RemoveInjectedAndPassOnRest {
+function RemoveInjectedAndPassOnRest() {
     interface TProps {
         showGlobalSpinner: boolean;
         foo: string;
     }
-    class SpinnerClass extends React.Component<TProps & DispatchProp, {}> {
+    class SpinnerClass extends React.Component<TProps & DispatchProp> {
         render() {
             return (<div />);
         }
     }
 
-    export const Spinner = connect((state: any) => {
+    const Spinner = connect((state: any) => {
         return { showGlobalSpinner: true };
     })(SpinnerClass);
 
-    <Spinner foo='bar' />
+    <Spinner foo='bar' />;
 }
 
-namespace TestControlledComponentWithoutDispatchProp {
-
+function TestControlledComponentWithoutDispatchProp() {
     interface MyState {
         count: number;
     }
@@ -795,7 +759,7 @@ namespace TestControlledComponentWithoutDispatchProp {
     function mapStateToProps(state: MyState) {
         return {
             label: `The count is ${state.count}`,
-        }
+        };
     }
 
     class MyComponent extends React.Component<MyProps> {
@@ -812,80 +776,79 @@ namespace TestControlledComponentWithoutDispatchProp {
     const MyControlledFuncComponent = connect(mapStateToProps)(MyFuncComponent);
 }
 
-namespace TestDispatchToPropsAsObject {
-	const onClick: ActionCreator<{}> = () => ({});
-	const mapStateToProps = (state: any) => {
-		return {
-			title: state.app.title as string,
-		};
-	};
-	const dispatchToProps = {
-		onClick,
-	};
-
-	type Props = { title: string; } & typeof dispatchToProps;
-	const HeaderComponent: React.StatelessComponent<Props> = (props) => {
-		return <h1>{props.title}</h1>;
-	}
-
-	const Header = connect(mapStateToProps, dispatchToProps)(HeaderComponent);
-	<Header />
-}
-
-namespace TestInferredFunctionalComponentWithExplicitOwnProps {
-  type Props = {
-    title: string,
-    extraText: string,
-    onClick: () => void,
-  };
-
-	const Header = connect(
-		(
-			{ app: { title }}: { app: { title: string }},
-			{ extraText }: { extraText: string }
-		) => ({
-			title,
-			extraText
-		}),
-		(dispatch) => ({
-			onClick: () => dispatch({ type: 'test' })
-		})
-	)(({ title, extraText, onClick }: Props) => {
-		return <h1 onClick={onClick}>{title} {extraText}</h1>;
-	});
-	<Header extraText='text'/>
-}
-
-namespace TestInferredFunctionalComponentWithImplicitOwnProps {
-
-  type Props = {
-    title: string,
-    extraText: string,
-    onClick: () => void,
-  };
-
-	const Header = connect(
-		(
-			{ app: { title }}: { app: { title: string }},
-		) => ({
-			title,
-		}),
-		(dispatch) => ({
-			onClick: () => dispatch({ type: 'test' })
-		})
-	)(({ title, extraText, onClick }: Props) => {
-		return <h1 onClick={onClick}>{title} {extraText}</h1>;
-	});
-	<Header extraText='text'/>
-}
-
-namespace TestWrappedComponent {
-    type InnerProps = {
-        name: string,
+function TestDispatchToPropsAsObject() {
+    const onClick: ActionCreator<{}> = () => ({});
+    const mapStateToProps = (state: any) => {
+        return {
+            title: state.app.title as string,
+        };
     };
+    const dispatchToProps = {
+        onClick,
+    };
+
+    type Props = { title: string; } & typeof dispatchToProps;
+    const HeaderComponent: React.StatelessComponent<Props> = (props) => {
+        return <h1>{props.title}</h1>;
+    };
+
+    const Header = connect(mapStateToProps, dispatchToProps)(HeaderComponent);
+    <Header />;
+}
+
+function TestInferredFunctionalComponentWithExplicitOwnProps() {
+    interface Props {
+        title: string;
+        extraText: string;
+        onClick: () => void;
+    }
+
+    const Header = connect(
+        (
+            { app: { title }}: { app: { title: string }},
+            { extraText }: { extraText: string }
+        ) => ({
+            title,
+            extraText
+        }),
+        (dispatch) => ({
+            onClick: () => dispatch({ type: 'test' })
+        })
+    )(({ title, extraText, onClick }: Props) => {
+        return <h1 onClick={onClick}>{title} {extraText}</h1>;
+    });
+    <Header extraText='text'/>;
+}
+
+function TestInferredFunctionalComponentWithImplicitOwnProps() {
+    interface Props {
+        title: string;
+        extraText: string;
+        onClick: () => void;
+    }
+
+    const Header = connect(
+        (
+            { app: { title }}: { app: { title: string }},
+        ) => ({
+            title,
+        }),
+        (dispatch) => ({
+            onClick: () => dispatch({ type: 'test' })
+        })
+    )(({ title, extraText, onClick }: Props) => {
+        return <h1 onClick={onClick}>{title} {extraText}</h1>;
+    });
+    <Header extraText='text'/>;
+}
+
+function TestWrappedComponent() {
+    interface InnerProps {
+        name: string;
+    }
     const Inner: React.StatelessComponent<InnerProps> = (props) => {
         return <h1>{props.name}</h1>;
-    }
+    };
 
     const mapStateToProps = (state: any) => {
         return {
@@ -901,17 +864,17 @@ namespace TestWrappedComponent {
     const TestConnected = (props: any) => <Connected />;
 }
 
-namespace TestCreateProvider {
+function TestCreateProvider() {
     const STORE_KEY = 'myStore';
 
     const MyStoreProvider = createProvider(STORE_KEY);
 
-    const myStoreConnect: Connect = function(
+    const myStoreConnect: Connect = (
         mapStateToProps?: any,
         mapDispatchToProps?: any,
         mergeProps?: any,
         options: Options = {},
-    ) {
+    ) => {
         options.storeKey = STORE_KEY;
         return connect(
             mapStateToProps,
@@ -921,11 +884,11 @@ namespace TestCreateProvider {
         );
     };
 
-    interface State { a: number };
+    interface State { a: number; }
     const store = createStore<State, AnyAction, {}, {}>(() => ({ a: 1 }));
     const myStore = createStore<State, AnyAction, {}, {}>(() => ({ a: 2 }));
 
-    interface AProps { a: number };
+    interface AProps { a: number; }
     const A = (props: AProps) => (<h1>A is {props.a}</h1>);
     const A1 = connect<AProps, {}, {}, State>(state => state)(A);
     const A2 = myStoreConnect<AProps, {}, {}, State>(state => state)(A);
@@ -945,8 +908,7 @@ namespace TestCreateProvider {
     ReactDOM.render(<Combined />, document.body);
 }
 
-namespace TestWithoutTOwnPropsDecoratedInference {
-
+function TestWithoutTOwnPropsDecoratedInference() {
     interface ForwardedProps {
         forwarded: string;
     }
@@ -994,8 +956,8 @@ namespace TestWithoutTOwnPropsDecoratedInference {
     React.createElement(ConnectedWithTypeHintStateless, { own: 'string' });  // $ExpectError
 
     interface AllProps {
-        own: string
-        state: string
+        own: string;
+        state: string;
     }
 
     class AllPropsComponent extends React.Component<AllProps & DispatchProp<any>> {
@@ -1004,18 +966,18 @@ namespace TestWithoutTOwnPropsDecoratedInference {
         }
     }
 
-    type PickedOwnProps = Pick<AllProps, "own">
-    type PickedStateProps = Pick<AllProps, "state">
+    type PickedOwnProps = Pick<AllProps, "own">;
+    type PickedStateProps = Pick<AllProps, "state">;
 
     const mapStateToPropsForPicked: MapStateToProps<PickedStateProps, PickedOwnProps, {}> = (state: any): PickedStateProps => {
-        return { state: "string" }
-    }
+        return { state: "string" };
+    };
     const ConnectedWithPickedOwnProps = connect(mapStateToPropsForPicked)(AllPropsComponent);
-    <ConnectedWithPickedOwnProps own="blah" />
+    <ConnectedWithPickedOwnProps own="blah" />;
 }
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/25321#issuecomment-387659500
-namespace ProviderAcceptsStoreWithCustomAction {
+function ProviderAcceptsStoreWithCustomAction() {
     const reducer: Reducer<
         { foo: number } | undefined,
         { type: "foo"; payload: number }
@@ -1030,166 +992,165 @@ namespace ProviderAcceptsStoreWithCustomAction {
     );
 }
 
-namespace TestOptionalPropsMergedCorrectly {
-  interface OptionalDecorationProps {
-    foo: string,
-    bar: number,
-    optionalProp?: boolean,
-    dependsOnDispatch?: () => void,
-  }
+function TestOptionalPropsMergedCorrectly() {
+    interface OptionalDecorationProps {
+        foo: string;
+        bar: number;
+        optionalProp?: boolean;
+        dependsOnDispatch?: () => void;
+    }
 
-  class Component extends React.Component<OptionalDecorationProps> {
-      render () {
-          return <div />;
-      }
-  }
+    class Component extends React.Component<OptionalDecorationProps> {
+        render() {
+            return <div />;
+        }
+    }
 
-  type MapStateProps = {
-      foo: string,
-      bar: number,
-      optionalProp: boolean,
-  }
+    interface MapStateProps {
+        foo: string;
+        bar: number;
+        optionalProp: boolean;
+    }
 
-  type MapDispatchProps = {
-    dependsOnDispatch: () => void
-  }
+    interface MapDispatchProps {
+        dependsOnDispatch: () => void;
+    }
 
-  function mapStateToProps (state: any): MapStateProps {
-    return {
-        foo: 'foo',
-        bar: 42,
-        optionalProp: true,
-    };
-  }
+    function mapStateToProps(state: any): MapStateProps {
+        return {
+            foo: 'foo',
+            bar: 42,
+            optionalProp: true,
+        };
+    }
 
-  function mapDispatchToProps (dispatch: any): MapDispatchProps {
-    return {
-      dependsOnDispatch: () => {}
-    };
-  }
+    function mapDispatchToProps(dispatch: any): MapDispatchProps {
+        return {
+            dependsOnDispatch: () => {}
+        };
+    }
 
-  connect(mapStateToProps, mapDispatchToProps)(Component)
+    connect(mapStateToProps, mapDispatchToProps)(Component);
 }
 
-namespace TestMoreGeneralDecorationProps {
-  // connect() should support decoration props that are more permissive
-  // than the injected props, as long as the injected props can satisfy
-  // the decoration props.
-  interface MoreGeneralDecorationProps {
-    foo: string | number,
-    bar: number | 'foo',
-    optionalProp?: boolean | Object,
-    dependsOnDispatch?: () => void,
-  }
+function TestMoreGeneralDecorationProps() {
+    // connect() should support decoration props that are more permissive
+    // than the injected props, as long as the injected props can satisfy
+    // the decoration props.
+    interface MoreGeneralDecorationProps {
+        foo: string | number;
+        bar: number | 'foo';
+        optionalProp?: boolean | object;
+        dependsOnDispatch?: () => void;
+    }
 
-  class Component extends React.Component<MoreGeneralDecorationProps> {
-      render () {
-          return <div />;
-      }
-  }
+    class Component extends React.Component<MoreGeneralDecorationProps> {
+        render() {
+            return <div />;
+        }
+    }
 
-  type MapStateProps = {
-      foo: string,
-      bar: number,
-      optionalProp: boolean,
-  }
+    interface MapStateProps {
+        foo: string;
+        bar: number;
+        optionalProp: boolean;
+    }
 
-  type MapDispatchProps = {
-    dependsOnDispatch: () => void
-  }
+    interface MapDispatchProps {
+        dependsOnDispatch: () => void;
+    }
 
-  function mapStateToProps (state: any): MapStateProps {
-    return {
-        foo: 'foo',
-        bar: 42,
-        optionalProp: true,
-    };
-  }
+    function mapStateToProps(state: any): MapStateProps {
+        return {
+            foo: 'foo',
+            bar: 42,
+            optionalProp: true,
+        };
+    }
 
-  function mapDispatchToProps (dispatch: any): MapDispatchProps {
-    return {
-      dependsOnDispatch: () => {}
-    };
-  }
+    function mapDispatchToProps(dispatch: any): MapDispatchProps {
+        return {
+            dependsOnDispatch: () => {}
+        };
+    }
 
-  connect(mapStateToProps, mapDispatchToProps)(Component)
+    connect(mapStateToProps, mapDispatchToProps)(Component);
 }
 
-namespace TestFailsMoreSpecificInjectedProps {
-  interface MoreSpecificDecorationProps {
-    foo: string,
-    bar: number,
-    dependsOnDispatch: () => void,
-  }
+function TestFailsMoreSpecificInjectedProps() {
+    interface MoreSpecificDecorationProps {
+        foo: string;
+        bar: number;
+        dependsOnDispatch: () => void;
+    }
 
-  class Component extends React.Component<MoreSpecificDecorationProps> {
-      render () {
-          return <div />;
-      }
-  }
+    class Component extends React.Component<MoreSpecificDecorationProps> {
+        render() {
+            return <div />;
+        }
+    }
 
-  type MapStateProps = {
-    foo: string | number,
-    bar: number | 'foo',
-    dependsOnDispatch?: () => void,
-  }
+    interface MapStateProps {
+        foo: string | number;
+        bar: number | 'foo';
+        dependsOnDispatch?: () => void;
+    }
 
-  type MapDispatchProps = {
-    dependsOnDispatch?: () => void
-  }
+    interface MapDispatchProps {
+        dependsOnDispatch?: () => void;
+    }
 
-  function mapStateToProps (state: any): MapStateProps {
-    return {
-        foo: 'foo',
-        bar: 42,
-    };
-  }
+    function mapStateToProps(state: any): MapStateProps {
+        return {
+            foo: 'foo',
+            bar: 42,
+        };
+    }
 
-  function mapDispatchToProps (dispatch: any): MapDispatchProps {
-    return {
-      dependsOnDispatch: () => {}
-    };
-  }
+    function mapDispatchToProps(dispatch: any): MapDispatchProps {
+        return {
+            dependsOnDispatch: () => {}
+        };
+    }
 
-  // Since it is possible the injected props could fail to satisfy the decoration props,
-  // the following line should fail to compile.
-  connect(mapStateToProps, mapDispatchToProps)(Component) // $ExpectError
-
-  // Confirm that this also fails with functional components
-  const FunctionalComponent = (props: MoreSpecificDecorationProps) => null
-  connect(mapStateToProps, mapDispatchToProps)(Component) // $ExpectError
+    // Since it is possible the injected props could fail to satisfy the decoration props,
+    // the following line should fail to compile.
+    connect(mapStateToProps, mapDispatchToProps)(Component); // $ExpectError
 
+    // Confirm that this also fails with functional components
+    const FunctionalComponent = (props: MoreSpecificDecorationProps) => null;
+    connect(mapStateToProps, mapDispatchToProps)(Component); // $ExpectError
 }
 
-namespace TestLibraryManagedAttributes {
-	interface OwnProps {
-		bar: number,
-		fn: () => void,
-	}
+function TestLibraryManagedAttributes() {
+    interface OwnProps {
+        bar: number;
+        fn: () => void;
+    }
 
-	type MapStateProps = {
-		foo: string,
-	}
+    interface MapStateProps {
+        foo: string;
+    }
 
-	class Component extends React.Component<OwnProps & MapStateProps> {
-		static defaultProps = {
-			bar: 0,
-		}
+    class Component extends React.Component<OwnProps & MapStateProps> {
+        static defaultProps = {
+            bar: 0,
+        };
 
-		render () {
-			return <div />;
-		}
-	}
+        render() {
+            return <div />;
+        }
+    }
 
-	function mapStateToProps (state: any): MapStateProps {
-		return {
-			foo: 'foo',
-		};
-	}
+    function mapStateToProps(state: any): MapStateProps {
+        return {
+            foo: 'foo',
+        };
+    }
 
-	const ConnectedComponent = connect(mapStateToProps)(Component);
-	<ConnectedComponent fn={() => {}} />
+    const ConnectedComponent = connect(mapStateToProps)(Component);
+    <ConnectedComponent fn={() => {}} />;
 
-	const ConnectedComponent2 = connect<MapStateProps, void, OwnProps>(mapStateToProps)(Component);
-	<ConnectedComponent2 fn={() => {}} />
+    const ConnectedComponent2 = connect<MapStateProps, void, OwnProps>(mapStateToProps)(Component);
+    <ConnectedComponent2 fn={() => {}} />;
 }
diff --git a/types/react-redux/tslint.json b/types/react-redux/tslint.json
index 5a8bb3dd4d..f93cf8562a 100644
--- a/types/react-redux/tslint.json
+++ b/types/react-redux/tslint.json
@@ -1,81 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-object-spread": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "use-default-type-parameter": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/react-router-config/index.d.ts b/types/react-router-config/index.d.ts
index a445e17200..5ca3cfee1a 100644
--- a/types/react-router-config/index.d.ts
+++ b/types/react-router-config/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for react-router-config 1.0
+// Type definitions for react-router-config 1.1
 // Project: https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
 // Definitions by: François Nguyen <https://github.com/lith-light-g>
 //                 John Reilly <https://github.com/johnnyreilly>
+//                 Phoenix He <https://github.com/NullMDR>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -15,7 +16,7 @@ export interface RouteConfigComponentProps<Params extends { [K in keyof Params]?
 
 export interface RouteConfig {
     location?: Location;
-    component?: React.ComponentType<RouteConfigComponentProps<any> | {}>;
+    component?: React.ComponentType<RouteConfigComponentProps<any>> | React.ComponentType;
     path?: string;
     exact?: boolean;
     strict?: boolean;
diff --git a/types/react-router-config/tsconfig.json b/types/react-router-config/tsconfig.json
index 49ab50e7b0..966a0dd37d 100644
--- a/types/react-router-config/tsconfig.json
+++ b/types/react-router-config/tsconfig.json
@@ -8,7 +8,7 @@
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
-        "strictFunctionTypes": false,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/react-router-hash-link/tsconfig.json b/types/react-router-hash-link/tsconfig.json
index fc830ac41d..a95239fba5 100644
--- a/types/react-router-hash-link/tsconfig.json
+++ b/types/react-router-hash-link/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "jsx": "react",
         "noImplicitAny": true,
diff --git a/types/react-router-native/tsconfig.json b/types/react-router-native/tsconfig.json
index 7b5d8f9fe3..48d6de4a72 100644
--- a/types/react-router-native/tsconfig.json
+++ b/types/react-router-native/tsconfig.json
@@ -7,8 +7,7 @@
         "types": [],
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "jsx": "react",
         "strictNullChecks": true,
diff --git a/types/react-router-navigation-core/tsconfig.json b/types/react-router-navigation-core/tsconfig.json
index fb95df56d6..a9ffa87aba 100644
--- a/types/react-router-navigation-core/tsconfig.json
+++ b/types/react-router-navigation-core/tsconfig.json
@@ -15,8 +15,7 @@
         },
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "jsx": "react",
         "strictNullChecks": true,
diff --git a/types/react-router-navigation/tsconfig.json b/types/react-router-navigation/tsconfig.json
index 5c345d9c7a..6b5ea55269 100644
--- a/types/react-router-navigation/tsconfig.json
+++ b/types/react-router-navigation/tsconfig.json
@@ -15,8 +15,7 @@
         },
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "jsx": "react",
         "strictNullChecks": true,
diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 97ec1ee647..f62fc44b18 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for React Router 4.0
+// Type definitions for React Router 4.4
 // Project: https://github.com/ReactTraining/react-router
 // Definitions by: Sergey Buturlakin <https://github.com/sergey-buturlakin>
 //                 Yuichi Murata <https://github.com/mrk21>
@@ -18,6 +18,7 @@
 //                 Rahul Raina <https://github.com/rraina>
 //                 Maksim Sharipov <https://github.com/pret-a-porter>
 //                 Duong Tran <https://github.com/t49tran>
+//                 Ben Smith <https://github.com/8enSmith>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -76,7 +77,7 @@ export interface RouteProps {
   component?: React.ComponentType<RouteComponentProps<any>> | React.ComponentType<any>;
   render?: ((props: RouteComponentProps<any>) => React.ReactNode);
   children?: ((props: RouteComponentProps<any>) => React.ReactNode) | React.ReactNode;
-  path?: string;
+  path?: string | string[];
   exact?: boolean;
   sensitive?: boolean;
   strict?: boolean;
@@ -88,7 +89,7 @@ export interface RouterProps {
 }
 export class Router extends React.Component<RouterProps, any> { }
 
-export interface StaticRouterContext {
+export interface StaticRouterContext extends StaticContext {
   url?: string;
   action?: 'PUSH' | 'REPLACE';
   location?: object;
@@ -116,7 +117,7 @@ export interface match<Params extends { [K in keyof Params]?: string } = {}> {
 // Omit taken from https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html
 export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
-export function matchPath<Params extends { [K in keyof Params]?: string }>(pathname: string, props: RouteProps, parent?: match<Params> | null): match<Params> | null;
+export function matchPath<Params extends { [K in keyof Params]?: string }>(pathname: string, props: string | RouteProps, parent?: match<Params> | null): match<Params> | null;
 
 export function generatePath(pattern: string, params?: { [paramName: string]: string | number | boolean }): string;
 
diff --git a/types/react-router/test/Switch.tsx b/types/react-router/test/Switch.tsx
index fe959504ce..03d65125f0 100644
--- a/types/react-router/test/Switch.tsx
+++ b/types/react-router/test/Switch.tsx
@@ -4,6 +4,7 @@ import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';
 const Home = () => <h2>Home</h2>;
 const About = () => <h2>About</h2>;
 const User = () => <h2>User</h2>;
+const Contact = () => <h2>Contact</h2>;
 
 const SwitchTest = () => (
   <BrowserRouter>
@@ -12,7 +13,8 @@ const SwitchTest = () => (
       <Route path="/home" component={Home}/>
       {[
         <Route path="/user" component={User}/>,
-        <Route path="/about" component={About}/>
+        <Route path="/about" component={About}/>,
+        <Route path={["/contact", "/connect"]} component={Contact}/>
       ]}
     </Switch>
   </BrowserRouter>
diff --git a/types/react-router/test/examples-from-react-router-website/StaticRouter.tsx b/types/react-router/test/examples-from-react-router-website/StaticRouter.tsx
index 3dce9a5def..ca094ea78d 100644
--- a/types/react-router/test/examples-from-react-router-website/StaticRouter.tsx
+++ b/types/react-router/test/examples-from-react-router-website/StaticRouter.tsx
@@ -1,10 +1,8 @@
 import * as React from 'react';
+import * as express from 'express';
+import { renderToString } from 'react-dom/server';
 import { StaticRouter, Route } from 'react-router-dom';
-import { StaticRouterContext } from 'react-router';
-
-interface StaticContext extends StaticRouterContext {
-    statusCode?: number;
-}
+import { StaticContext, StaticRouterContext } from 'react-router';
 
 interface RouteStatusProps {
     statusCode: number;
@@ -12,9 +10,9 @@ interface RouteStatusProps {
 
 const RouteStatus: React.SFC<RouteStatusProps> = (props) => (
     <Route
-        render={({ staticContext }) => {
+        render={({ staticContext }: {staticContext?: StaticContext}) => {
             if (staticContext) {
-                (staticContext as StaticContext).statusCode = props.statusCode;
+                staticContext.statusCode = props.statusCode;
             }
 
             return (
@@ -37,7 +35,7 @@ const PrintContext: React.SFC<PrintContextProps> = (props) => (
 );
 
 class StaticRouterExample extends React.Component {
-    staticContext: StaticContext = {};
+    staticContext: StaticRouterContext = {};
 
     render() {
         return (
@@ -53,4 +51,18 @@ class StaticRouterExample extends React.Component {
     }
 }
 
+const app = express();
+
+app.get('*', (req, res) => {
+    const staticContext: StaticRouterContext = {};
+
+    const html = renderToString(
+        <StaticRouter location={req.url} context={staticContext}>
+            (includes the RouteStatus component below e.g. for 404 errors)
+        </StaticRouter>
+    );
+
+    res.status(staticContext.statusCode || 200).send(html);
+});
+
 export default StaticRouterExample;
diff --git a/types/react-router/v2/tslint.json b/types/react-router/v2/tslint.json
index ff9716ad87..56698b6653 100644
--- a/types/react-router/v2/tslint.json
+++ b/types/react-router/v2/tslint.json
@@ -1,8 +1,16 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
+        // TODOs
         "ban-types": false,
+        "eofline": false,
+        "jsdoc-format": false,
+        "no-consecutive-blank-lines": false,
         "no-empty-interface": false,
-        "no-unnecessary-generics": false
+        "no-padding": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false
     }
 }
diff --git a/types/react-router/v3/index.d.ts b/types/react-router/v3/index.d.ts
index c8c59978bc..c21afeb049 100644
--- a/types/react-router/v3/index.d.ts
+++ b/types/react-router/v3/index.d.ts
@@ -11,6 +11,7 @@
 //                 Dovydas Navickas <https://github.com/DovydasNavickas>
 //                 Ross Allen <https://github.com/ssorallen>
 //                 Christian Gill <https://github.com/gillchristian>
+//                 Roman Nevolin <https://github.com/nulladdict>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
diff --git a/types/react-router/v3/lib/Router.d.ts b/types/react-router/v3/lib/Router.d.ts
index 55072a140e..0b63ac024a 100644
--- a/types/react-router/v3/lib/Router.d.ts
+++ b/types/react-router/v3/lib/Router.d.ts
@@ -52,7 +52,7 @@ type GoFunction = (n: number) => void;
 type NavigateFunction = () => void;
 type ActiveFunction = (location: LocationDescriptor, indexOnly?: boolean) => boolean;
 type LeaveHookFunction = (route: any, callback: RouteHook) => void;
-type CreatePartFunction<Part> = (path: Path, query?: any) => Part;
+type CreatePartFunction<Part> = (pathOrLoc: LocationDescriptor, query?: any) => Part;
 
 export interface InjectedRouter {
     push: LocationFunction;
diff --git a/types/react-router/v3/react-router-tests.tsx b/types/react-router/v3/react-router-tests.tsx
index a41ac79373..a2c336379e 100644
--- a/types/react-router/v3/react-router-tests.tsx
+++ b/types/react-router/v3/react-router-tests.tsx
@@ -192,3 +192,14 @@ if (matchedPattern) {
 }
 
 matchPattern("/foo", "/baz") === null;
+
+const CreateHref: React.SFC<WithRouterProps> = ({ router }) => (
+	<div>
+		{router.createHref({ pathname: "/foo", query: { bar: "baz" } })}
+		{router.createHref("/foo?bar=baz")}
+	</div>
+);
+
+const CreateHrefWithRouter = withRouter<{}>(CreateHref);
+
+ReactDOM.render(<CreateHrefWithRouter />, document.body);
diff --git a/types/react-select/lib/Async.d.ts b/types/react-select/lib/Async.d.ts
index 8acc5532b7..b9c753fa92 100644
--- a/types/react-select/lib/Async.d.ts
+++ b/types/react-select/lib/Async.d.ts
@@ -6,14 +6,16 @@ import { OptionsType, InputActionMeta } from './types';
 
 export interface AsyncProps<OptionType> {
   /* The default set of options to show before the user starts searching. When
-     set to `true`, the results for loadOptions('') will be autoloaded. */
-  defaultOptions: OptionsType<OptionType> | boolean;
+     set to `true`, the results for loadOptions('') will be autoloaded.
+     Default: false. */
+  defaultOptions?: OptionsType<OptionType> | boolean;
   /* Function that returns a promise, which is the set of options to be used
      once the promise resolves. */
   loadOptions: (inputValue: string, callback: ((options: OptionsType<OptionType>) => void)) => Promise<any> | void;
   /* If cacheOptions is truthy, then the loaded data will be cached. The cache
-     will remain until `cacheOptions` changes value. */
-  cacheOptions: any;
+     will remain until `cacheOptions` changes value.
+     Default: false. */
+  cacheOptions?: any;
 }
 
 export type Props<OptionType> = SelectProps<OptionType> & AsyncProps<OptionType>;
diff --git a/types/react-select/lib/Select.d.ts b/types/react-select/lib/Select.d.ts
index f6e5eba96e..11853f6be9 100644
--- a/types/react-select/lib/Select.d.ts
+++ b/types/react-select/lib/Select.d.ts
@@ -16,7 +16,6 @@ import {
   formatGroupLabel,
   getOptionLabel,
   getOptionValue,
-  isOptionDisabled,
 } from './builtins';
 
 import {
@@ -25,7 +24,7 @@ import {
   SelectComponentsConfig,
 } from './components/index';
 import { StylesConfig } from './styles';
-
+import { ThemeConfig } from './theme';
 import {
   ActionMeta,
   ActionTypes,
@@ -51,7 +50,7 @@ export interface FormatOptionLabelMeta<OptionType> {
   selectValue: ValueType<OptionType>;
 }
 
-export interface Props<OptionType> {
+export interface Props<OptionType = { label: string; value: string }> {
   /* Aria label (for assistive tech) */
   'aria-label'?: string;
   /* HTML ID of an element that should be used as the label (for assistive tech) */
@@ -105,13 +104,13 @@ export interface Props<OptionType> {
     rawInput: string
   ) => boolean) | null;
   /* Formats group labels in the menu as React components */
-  formatGroupLabel?: typeof formatGroupLabel;
+  formatGroupLabel?: formatGroupLabel<OptionType>;
   /* Formats option labels in the menu and control as React components */
   formatOptionLabel?: (option: OptionType, labelMeta: FormatOptionLabelMeta<OptionType>) => React.ReactNode;
   /* Resolves option data to a string to be displayed as the label by components */
-  getOptionLabel?: typeof getOptionLabel;
+  getOptionLabel?: getOptionLabel<OptionType>;
   /* Resolves option data to a string to compare options and specify value attributes */
-  getOptionValue?: typeof getOptionValue;
+  getOptionValue?: getOptionValue<OptionType>;
   /* Hide the selected option from the menu */
   hideSelectedOptions?: boolean;
   /* The id to set on the SelectContainer component. */
@@ -193,6 +192,8 @@ export interface Props<OptionType> {
   screenReaderStatus?: (obj: { count: number }) => string;
   /* Style modifier methods */
   styles?: StylesConfig;
+  /* Theme modifier method */
+  theme?: ThemeConfig;
   /* Sets the tabIndex attribute on the input */
   tabIndex?: string | null;
   /* Select the currently focused option when the user presses tab */
@@ -318,8 +319,8 @@ export default class Select<OptionType> extends React.Component<Props<OptionType
   getNextFocusedValue(nextSelectValue: OptionsType<OptionType>): OptionType;
 
   getNextFocusedOption(options: OptionsType<OptionType>): OptionType;
-  getOptionLabel: (data: OptionType) => string;
-  getOptionValue: (data: OptionType) => string;
+  getOptionLabel: getOptionLabel<OptionType>;
+  getOptionValue: getOptionValue<OptionType>;
   getStyles: (key: string, props: {}) => {};
   getElementId: (element: 'group' | 'input' | 'listbox' | 'option') => string;
   getActiveDescendentId: () => any;
@@ -344,7 +345,7 @@ export default class Select<OptionType> extends React.Component<Props<OptionType
   isOptionSelected(option: OptionType, selectValue: OptionsType<OptionType>): boolean;
   filterOption(option: {}, inputValue: string): boolean;
   formatOptionLabel(data: OptionType, context: FormatOptionLabelContext): React.ReactNode;
-  formatGroupLabel(data: GroupType<OptionType>): React.ReactNode;
+  formatGroupLabel: formatGroupLabel<OptionType>;
 
   // ==============================
   // Mouse Handlers
diff --git a/types/react-select/lib/builtins.d.ts b/types/react-select/lib/builtins.d.ts
index 5d404230cd..813d66ab9e 100644
--- a/types/react-select/lib/builtins.d.ts
+++ b/types/react-select/lib/builtins.d.ts
@@ -1,10 +1,14 @@
 import { ReactNode } from 'react';
 import { GroupType } from './types';
 
+export type formatGroupLabel<OptionType = any> = (group: GroupType<OptionType>) => ReactNode;
 export function formatGroupLabel(group: GroupType<any>): ReactNode;
 
+export type getOptionLabel<OptionType = any> = (option: OptionType) => string;
 export function getOptionLabel(option: any): string;
 
+export type getOptionValue<OptionType = any> = (option: OptionType) => string;
 export function getOptionValue(option: any): string;
 
+export type isOptionDisabled<OptionType = any> = (option: OptionType) => boolean;
 export function isOptionDisabled(option: any): boolean;
diff --git a/types/react-select/lib/components/Option.d.ts b/types/react-select/lib/components/Option.d.ts
index defe37711a..c6113aa934 100644
--- a/types/react-select/lib/components/Option.d.ts
+++ b/types/react-select/lib/components/Option.d.ts
@@ -32,6 +32,8 @@ export type OptionProps<OptionType> = PropsWithStyles &
     /* Type is used by the menu to determine whether this is an option or a group.
     In the case of option this is always `option`. */
     type: 'option',
+    /* The data of the selected option. */
+    data: any,
   };
 
 export function optionCSS(state: State): React.CSSProperties;
diff --git a/types/react-select/lib/theme.d.ts b/types/react-select/lib/theme.d.ts
index 7282dd20ad..25f9a44c85 100644
--- a/types/react-select/lib/theme.d.ts
+++ b/types/react-select/lib/theme.d.ts
@@ -1,3 +1,4 @@
+import { Theme } from './types';
 export const borderRadius: number;
 
 export const colors: {
@@ -51,3 +52,7 @@ export const spacing: {
   /* The amount of space between the control and menu */
   menuGutter: number,
 };
+
+export const defaultTheme: Theme;
+
+export type ThemeConfig = Theme | ((theme: Theme) => Theme);
diff --git a/types/react-select/lib/types.d.ts b/types/react-select/lib/types.d.ts
index 08ebfae965..f27f02a75a 100644
--- a/types/react-select/lib/types.d.ts
+++ b/types/react-select/lib/types.d.ts
@@ -98,3 +98,15 @@ export type OptionProps = PropsWithInnerRef & {
   onMouseOver: MouseEventHandler,
   value: any,
 };
+
+export interface ThemeSpacing {
+  baseUnit: number;
+  controlHeight: number;
+  menuGutter: number;
+}
+
+export interface Theme {
+  borderRadius: number;
+  colors: { [key: string]: string };
+  spacing: ThemeSpacing;
+}
diff --git a/types/react-select/test/examples/Theme.tsx b/types/react-select/test/examples/Theme.tsx
new file mode 100644
index 0000000000..3587b74c96
--- /dev/null
+++ b/types/react-select/test/examples/Theme.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+import { flavourOptions } from '../data';
+import Select from 'react-select';
+
+export default () => (
+  <Select
+    defaultValue={flavourOptions[2]}
+    options={flavourOptions}
+    theme={(theme) => ({
+      ...theme,
+      borderRadius: 0,
+      colors: {
+      ...theme.colors,
+        text: 'orangered',
+        primary25: 'hotpink',
+        primary: 'black',
+      },
+    })}
+  />
+);
diff --git a/types/react-select/tsconfig.json b/types/react-select/tsconfig.json
index 8c7a1921bd..2b656dd7de 100644
--- a/types/react-select/tsconfig.json
+++ b/types/react-select/tsconfig.json
@@ -99,6 +99,7 @@
         "test/examples/OnSelectResetsInput.tsx",
         "test/examples/Popout.tsx",
         "test/examples/StyledMulti.tsx",
-        "test/examples/StyledSingle.tsx"
+        "test/examples/StyledSingle.tsx",
+        "test/examples/Theme.tsx"
     ]
 }
diff --git a/types/react-share/react-share-tests.ts b/types/react-share/react-share-tests.ts
index 6b4628f8e0..268c76b38e 100644
--- a/types/react-share/react-share-tests.ts
+++ b/types/react-share/react-share-tests.ts
@@ -1,25 +1,25 @@
 import {
-    FacebookShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    GooglePlusShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    LinkedinShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    PinterestShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    VKShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    OKShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    RedditShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
-    TumblrShareCount, // $ExpectType StatelessComponent<ShareCountComponentProps>
+    FacebookShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    GooglePlusShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    LinkedinShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    PinterestShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    VKShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    OKShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    RedditShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
+    TumblrShareCount, // $ExpectType FunctionComponent<ShareCountComponentProps>
 
-    FacebookIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    TwitterIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    TelegramIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    WhatsappIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    GooglePlusIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    LinkedinIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    PinterestIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    VKIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    OKIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    RedditIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    TumblrIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    LivejournalIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    MailruIcon, // $ExpectType StatelessComponent<IconComponentProps>
-    EmailIcon, // $ExpectType StatelessComponent<IconComponentProps>
+    FacebookIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    TwitterIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    TelegramIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    WhatsappIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    GooglePlusIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    LinkedinIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    PinterestIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    VKIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    OKIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    RedditIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    TumblrIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    LivejournalIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    MailruIcon, // $ExpectType FunctionComponent<IconComponentProps>
+    EmailIcon, // $ExpectType FunctionComponent<IconComponentProps>
 } from 'react-share';
diff --git a/types/react-sketchapp/index.d.ts b/types/react-sketchapp/index.d.ts
index 6152bd7b07..096a6c6da3 100644
--- a/types/react-sketchapp/index.d.ts
+++ b/types/react-sketchapp/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for react-sketchapp 0.12
+// Type definitions for react-sketchapp 0.13
 // Project: https://github.com/airbnb/react-sketchapp
 // Definitions by: Rico Kahler <https://github.com/ricokahler>
 //                 DomiR <https://github.com/DomiR>
+//                 Sascha Zarhuber <https://github.com/saschazar21>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -13,7 +14,9 @@ declare global {
 
 // sketch interfaces taken from
 // https://github.com/airbnb/react-sketchapp/blob/v0.12.1/src/types.js
-export interface SketchPage { name: () => any; }
+export interface SketchPage {
+    name: () => any;
+}
 export interface SketchAssetCollection {
     colors: () => any[];
     gradients: () => any[];
@@ -34,7 +37,9 @@ export interface SketchDocument {
     addBlankPage: () => SketchPage;
     currentPage: () => SketchPage;
 }
-export interface SketchContext { document: SketchDocument; }
+export interface SketchContext {
+    document: SketchDocument;
+}
 
 /**
  * Returns the top-level rendered Sketch object or an array of Sketch objects if you use
@@ -68,7 +73,7 @@ export type StyleReference = number;
  */
 export interface Style {
     shadowColor?: Color;
-    shadowOffset?: { width?: number, height?: number };
+    shadowOffset?: { width?: number; height?: number };
     shadowOpacity?: number;
     shadowRadius?: number;
     width?: number;
@@ -103,7 +108,12 @@ export interface Style {
     position?: 'absolute' | 'relative';
     flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
     flexWrap?: 'wrap' | 'nowrap';
-    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+    justifyContent?:
+        | 'flex-start'
+        | 'flex-end'
+        | 'center'
+        | 'space-between'
+        | 'space-around';
     alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch';
     alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch';
     overflow?: 'visible' | 'hidden' | 'scroll';
@@ -140,7 +150,7 @@ export interface TextStyle extends Style {
     fontStyle?: 'normal' | 'italic';
     fontWeight?: string;
     textDecorationLine?: 'none' | 'underline' | 'double' | 'line-through';
-    textShadowOffset?: { width: number, height: number };
+    textShadowOffset?: { width: number; height: number };
     textShadowRadius?: number;
     textShadowColor?: Color;
     letterSpacing?: number;
@@ -149,6 +159,33 @@ export interface TextStyle extends Style {
     writingDirection?: 'auto' | 'ltr' | 'rtl';
 }
 
+/**
+ * DocumentProps, a Document does not take any props but children
+ */
+export interface DocumentProps {
+    children?: any;
+}
+
+/**
+ * Document, a wrapper for a Sketch document, may contain Pages as children
+ * http://airbnb.io/react-sketchapp/docs/API.html#document
+ */
+export class Document extends React.Component<DocumentProps, any> {}
+
+/**
+ * PageProps, a Page takes optionally a name and children as props
+ */
+export interface PageProps {
+    name?: string;
+    children?: any;
+}
+
+/**
+ * Page, a wrapper for a Sketch page, may contain Artboards as children
+ * http://airbnb.io/react-sketchapp/docs/API.html#page
+ */
+export class Page extends React.Component<PageProps, any> {}
+
 // wanted to type these as classes because they are implemented as classes and typing them this
 // way gives you typings like `Artboard.prototype`
 
@@ -164,18 +201,24 @@ export interface ArtboardProps {
 /**
  * Wrapper for Sketch's Artboards.
  */
-export class Artboard extends React.Component<ArtboardProps, any> { }
+export class Artboard extends React.Component<ArtboardProps, any> {}
 
 // Image
 export type ImageSource = string | { src: string };
-export type ResizeMode = 'contain' | 'cover' | 'stretch' | 'center' | 'repeat' | 'none';
+export type ResizeMode =
+    | 'contain'
+    | 'cover'
+    | 'stretch'
+    | 'center'
+    | 'repeat'
+    | 'none';
 export interface ImageProps {
     children?: any;
     source?: ImageSource;
     style?: Style | StyleReference;
     resizeMode: ResizeMode;
 }
-export class Image extends React.Component<ImageProps, any> { }
+export class Image extends React.Component<ImageProps, any> {}
 
 // RedBox
 export interface RedBoxProps {
@@ -186,7 +229,7 @@ export interface RedBoxProps {
  * A red box / 'red screen of death' error handler. Thanks to
  * [commissure/redbox-react.](https://github.com/commissure/redbox-react)
  */
-export class RedBox extends React.Component<RedBoxProps, any> { }
+export class RedBox extends React.Component<RedBoxProps, any> {}
 
 // Text
 export interface TextProps {
@@ -195,7 +238,7 @@ export interface TextProps {
     style?: TextStyle | StyleReference;
 }
 /** Text primitives */
-export class Text extends React.Component<TextProps, any> { }
+export class Text extends React.Component<TextProps, any> {}
 
 // View
 export interface ViewProps {
@@ -204,7 +247,7 @@ export interface ViewProps {
     style?: Style | StyleReference;
 }
 /** View primitives */
-export class View extends React.Component<ViewProps, any> { }
+export class View extends React.Component<ViewProps, any> {}
 
 export const StyleSheet: {
     hairlineWidth: 1;
@@ -212,21 +255,25 @@ export const StyleSheet: {
     /**
      * Create an optimized `StyleSheet` reference from a style object.
      */
-    create: <T extends { [key: string]: Style | TextStyle }>(t: T) => {
-        [P in keyof T]: StyleReference
-    };
+    create: <T extends { [key: string]: Style | TextStyle }>(
+        t: T
+    ) => { [P in keyof T]: StyleReference };
     /**
      * Flatten an array of style objects into one aggregated object, or look up the definition for a
      * registered stylesheet.
      */
     flatten: (
-        input: Array<Style | TextStyle | StyleReference> | StyleReference | undefined | Style
-    ) => Style | TextStyle, // returns the expanded style or expanded style reference which conforms
+        input:
+            | Array<Style | TextStyle | StyleReference>
+            | StyleReference
+            | undefined
+            | Style
+    ) => Style | TextStyle; // returns the expanded style or expanded style reference which conforms
     // to the `Style | TextStyle` interface
     /**
      * resolve one style
      */
-    resolve: (style: Style | TextStyle) => { style: Style | TextStyle }
+    resolve: (style: Style | TextStyle) => { style: Style | TextStyle };
 };
 
 /**
@@ -238,26 +285,26 @@ export const TextStyles: {
      * The primary interface to TextStyles. Call this before rendering.
      */
     create: (
-        options: { context: SketchContext, clearExistingStyles?: boolean },
-        styles: { [key: string]: TextStyle },
-    ) => any,
+        options: { context: SketchContext; clearExistingStyles?: boolean },
+        styles: { [key: string]: TextStyle }
+    ) => any;
     /**
      * Find a stored native Sketch style object for a given JavaScript style object. You probably
      * don't need to use this.
      */
-    resolve: (style: TextStyle) => any,
+    resolve: (style: TextStyle) => any;
     /**
      * Find a stored style by name.
      */
-    get: (name: string) => TextStyle | undefined,
+    get: (name: string) => TextStyle | undefined;
     /**
      * Find all of the registered styles. You probably don't need to use this.
      */
-    styles: { [key: string]: TextStyle | undefined },
+    styles: { [key: string]: TextStyle | undefined };
     /**
      * Reset the registered styles.
      */
-    clear: () => void,
+    clear: () => void;
 };
 
 // Symbols
@@ -278,7 +325,7 @@ export function makeSymbol<P>(
 export function injectSymbols(context: SketchContext): void;
 
 export const Platform: {
-    OS: 'sketch',
-    Version: 1,
-    select: (obj: any) => any
+    OS: 'sketch';
+    Version: 1;
+    select: (obj: any) => any;
 };
diff --git a/types/react-sketchapp/react-sketchapp-tests.tsx b/types/react-sketchapp/react-sketchapp-tests.tsx
index a3e339c625..3eef10db9d 100644
--- a/types/react-sketchapp/react-sketchapp-tests.tsx
+++ b/types/react-sketchapp/react-sketchapp-tests.tsx
@@ -1,30 +1,56 @@
 import {
-    Artboard, View, Text, StyleSheet, TextStyles, render, renderToJSON, Platform
+    Artboard,
+    Document,
+    Page,
+    View,
+    Text,
+    StyleSheet,
+    TextStyles,
+    render,
+    renderToJSON,
+    Platform,
 } from 'react-sketchapp';
 
 // the styles object should be a mapped typed mapping the keys of the object literal to numbers
 const styles = StyleSheet.create({
     red: {
-        backgroundColor: '#FF00000'
+        backgroundColor: '#FF00000',
     },
     flexRow: {
-        flexDirection: 'row'
-    }
+        flexDirection: 'row',
+    },
 });
 
 // style references are numbers
 const styleReference = styles.red;
 
-const Document = () => <Artboard name="some artboard name" style={{ backgroundColor: '#FF0000' }} >
-    <View name="some view name" style={{ backgroundColor: '#FF0000' }} >
-        <Text name="some text name">text must be a string</Text>
-    </View>
-    <View style={styles.red}>
-    </View>
-</Artboard>;
+// An Artboard
+const SketchArtboard = () => (
+    <Artboard name="some artboard name" style={styleReference}>
+        <View name="some view name" style={styleReference}>
+            <Text name="some text name">text must be a string</Text>
+        </View>
+        <View style={styles.red} />
+    </Artboard>
+);
 
-render(<Document />);
-renderToJSON(<Document />);
+// A Page containing multiple Artboards
+const SketchPage = () => (
+    <Page name="some page name">
+        <SketchArtboard />
+        <SketchArtboard />
+    </Page>
+);
+
+// The Document containing a page
+const SketchDocument = () => (
+    <Document>
+        <SketchPage />
+    </Document>
+);
+
+render(<SketchDocument />);
+renderToJSON(<SketchDocument />);
 
 // Artboard is typed with a class so the prototype should be typed too (not very useful though)
 Artboard.prototype.componentDidMount;
@@ -38,7 +64,7 @@ TextStyles.create(context as any, {
     heading: {
         fontSize: 16 * 1.618,
         fontWeight: 'bold',
-    }
+    },
 });
 
 const shouldBeSketch = Platform.OS;
diff --git a/types/react-sortable-tree/index.d.ts b/types/react-sortable-tree/index.d.ts
index 2127d0ffef..bcc6596ee6 100644
--- a/types/react-sortable-tree/index.d.ts
+++ b/types/react-sortable-tree/index.d.ts
@@ -158,7 +158,7 @@ export interface TreeRendererProps {
 export interface ThemeProps {
     style?: { [index: string]: any };
     innerStyle?: { [index: string]: any };
-    reactVirtualizedListProps?: ListProps;
+    reactVirtualizedListProps?: Partial<ListProps>;
     scaffoldBlockPxWidth?: number;
     slideRegionSize?: number;
     rowHeight?: ((info: Index) => number) | number;
@@ -184,7 +184,7 @@ export interface ReactSortableTreeProps {
     onVisibilityToggle?(data: OnVisibilityToggleData): void;
     canDrag?: ((data: ExtendedNodeData) => boolean) | boolean;
     canDrop?(data: OnDragPreviousAndNextLocation & NodeData): boolean;
-    reactVirtualizedListProps?: ListProps;
+    reactVirtualizedListProps?: Partial<ListProps>;
     rowHeight?: ((info: Index) => number) | number;
     slideRegionSize?: number;
     scaffoldBlockPxWidth?: number;
diff --git a/types/react-sortable-tree/tslint.json b/types/react-sortable-tree/tslint.json
index d9d49e375e..a2c75dc9e1 100644
--- a/types/react-sortable-tree/tslint.json
+++ b/types/react-sortable-tree/tslint.json
@@ -1,6 +1,8 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
+        // TODOs
+        "ban-types": false,
         "no-any-union": false
     }
 }
diff --git a/types/react-sortable-tree/utils/default-handlers.d.ts b/types/react-sortable-tree/utils/default-handlers.d.ts
index 5b00de104d..42dca8e8b7 100644
--- a/types/react-sortable-tree/utils/default-handlers.d.ts
+++ b/types/react-sortable-tree/utils/default-handlers.d.ts
@@ -1,4 +1,4 @@
-import { TreeIndex, SearchData } from 'react-sortable-tree';
+import { TreeIndex, SearchData } from '..';
 
 export function defaultGetNodeKey(data: TreeIndex): number;
-export function defaultSearchMethod(data: SearchData): boolean;
\ No newline at end of file
+export function defaultSearchMethod(data: SearchData): boolean;
diff --git a/types/react-sortable-tree/utils/tree-data-utils.d.ts b/types/react-sortable-tree/utils/tree-data-utils.d.ts
index 600dea727a..b9c7bb94a0 100644
--- a/types/react-sortable-tree/utils/tree-data-utils.d.ts
+++ b/types/react-sortable-tree/utils/tree-data-utils.d.ts
@@ -1,21 +1,79 @@
-import { FullTree, TreePath, TreeItem, TreeIndex, SearchData, NodeData, TreeNode } from 'react-sortable-tree';
+import { FullTree, TreePath, TreeItem, TreeIndex, SearchData, NodeData, TreeNode } from '..';
 
-type GetNodeKeyFunction = (data: TreeIndex & TreeNode) => string | number;
-type WalkAndMapFunctionParameters = FullTree & {getNodeKey: GetNodeKeyFunction, callback: Function, ignoreCollapsed?: boolean}
-type FlattenedData = (TreeNode & TreePath & {lowerSiblingsCounts: number[]})[];
+export type GetNodeKeyFunction = (data: TreeIndex & TreeNode) => string | number;
+export type WalkAndMapFunctionParameters = FullTree & {getNodeKey: GetNodeKeyFunction, callback: Function, ignoreCollapsed?: boolean};
+export type FlattenedData = Array<TreeNode & TreePath & {lowerSiblingsCounts: number[]}>;
 
 export function getDescendantCount(data: TreeNode & {ignoreCollapsed?: boolean}): number;
 export function getVisibleNodeCount(data: FullTree): number;
-export function getVisibleNodeInfoAtIndex(data: FullTree & {targetIndex: number, getNodeKey: GetNodeKeyFunction}): TreeNode & TreePath & {lowerSiblingsCounts: number[]} | null;
+export function getVisibleNodeInfoAtIndex(
+    data: FullTree & {
+        targetIndex: number,
+        getNodeKey: GetNodeKeyFunction,
+    }): TreeNode & TreePath & {lowerSiblingsCounts: number[]} | null;
 export function walk(data: WalkAndMapFunctionParameters): void;
 export function map(data: WalkAndMapFunctionParameters): TreeItem[];
-export function changeNodeAtPath(data: FullTree & TreePath & {newNode: Function | any, getNodeKey: GetNodeKeyFunction, ignoreCollapsed?: boolean}): TreeItem[];
-export function removeNodeAtPath(data: FullTree & TreePath & {getNodeKey: GetNodeKeyFunction, ignoreCollapsed?: boolean}): TreeItem[];
-export function getNodeAtPath(data: FullTree & TreePath & {getNodeKey: GetNodeKeyFunction, ignoreCollapsed?: boolean}): TreeNode & TreeIndex | null;
-export function addNodeUnderParent(data: FullTree & {newNode: TreeItem, parentKey?: number | string, getNodeKey: GetNodeKeyFunction, ignoreCollapsed?: boolean, expandParent?: boolean}): FullTree & TreeIndex;
-export function insertNode(data: FullTree & {depth: number, newNode: TreeItem, minimumTreeIndex: number, ignoreCollapsed?: boolean, expandParent?: boolean, getNodeKey: GetNodeKeyFunction}): FullTree & TreeIndex & TreePath & {parentNode: TreeItem};
-export function getFlatDataFromTree(data: FullTree & {getNodeKey: GetNodeKeyFunction, ignoreCollapsed?: boolean}): (TreeNode & TreePath & {lowerSiblingsCounts: number[], parentNode: TreeItem})[];
-export function getTreeFromFlatData(data: {flatData: FlattenedData, getKey?: GetNodeKeyFunction, getParentKey?: GetNodeKeyFunction, rootKey?: string | number}): TreeItem[]
+export function changeNodeAtPath(
+    data: FullTree & TreePath & {
+        newNode: Function | any,
+        getNodeKey: GetNodeKeyFunction,
+        ignoreCollapsed?: boolean,
+    },
+): TreeItem[];
+export function removeNodeAtPath(
+    data: FullTree & TreePath & {
+        getNodeKey: GetNodeKeyFunction,
+        ignoreCollapsed?: boolean,
+    },
+): TreeItem[];
+export function getNodeAtPath(
+    data: FullTree & TreePath & {
+        getNodeKey: GetNodeKeyFunction,
+        ignoreCollapsed?: boolean,
+    },
+): TreeNode & TreeIndex | null;
+export function addNodeUnderParent(
+    data: FullTree & {
+        newNode: TreeItem,
+        parentKey?: number | string,
+        getNodeKey: GetNodeKeyFunction,
+        ignoreCollapsed?: boolean,
+        expandParent?: boolean,
+    },
+): FullTree & TreeIndex;
+export function insertNode(
+    data: FullTree & {
+        depth: number,
+        newNode: TreeItem,
+        minimumTreeIndex: number,
+        ignoreCollapsed?: boolean,
+        expandParent?: boolean,
+        getNodeKey: GetNodeKeyFunction,
+    },
+): FullTree & TreeIndex & TreePath & {parentNode: TreeItem};
+export function getFlatDataFromTree(
+    data: FullTree & {
+        getNodeKey: GetNodeKeyFunction,
+        ignoreCollapsed?: boolean,
+    },
+): Array<TreeNode & TreePath & {lowerSiblingsCounts: number[], parentNode: TreeItem}>;
+export function getTreeFromFlatData(
+    data: {
+        flatData: FlattenedData,
+        getKey?: GetNodeKeyFunction,
+        getParentKey?: GetNodeKeyFunction,
+        rootKey?: string | number,
+    },
+): TreeItem[];
 export function isDescendant(older: TreeItem, younger: TreeItem): boolean;
 export function getDepth(node: TreeItem, depth?: number): number;
-export function find(data: FullTree & {getNodeKey: GetNodeKeyFunction, searchQuery?: string | number, searchMethod: (data: SearchData) => boolean, searchFocusOffset?: number, expandAllMatchPaths?: boolean, expandFocusMatchPaths?: boolean}): {matches: NodeData[]} & FullTree;
+export function find(
+    data: FullTree & {
+        getNodeKey: GetNodeKeyFunction,
+        searchQuery?: string | number,
+        searchMethod: (data: SearchData) => boolean,
+        searchFocusOffset?: number,
+        expandAllMatchPaths?: boolean,
+        expandFocusMatchPaths?: boolean,
+    },
+): {matches: NodeData[]} & FullTree;
diff --git a/types/react-sound/index.d.ts b/types/react-sound/index.d.ts
index 4670feb5f9..9d0d85f141 100644
--- a/types/react-sound/index.d.ts
+++ b/types/react-sound/index.d.ts
@@ -6,29 +6,32 @@
 
 import * as React from "react";
 
-declare namespace ReactSound {
-    type PlayStatus = 'PLAYING' | 'STOPPED' | 'PAUSED';
-
-    interface ReactSoundProps {
-        url: string;
-        playStatus: PlayStatus;
-        playFromPosition?: number;
-        position?: number;
-        volume?: number;
-        playbackRate?: number;
-        autoLoad?: boolean;
-        loop?: boolean;
-        onError?: () => void;
-        onLoading?: () => void;
-        onLoad?: () => void;
-        onPlaying?: () => void;
-        onPause?: () => void;
-        onResume?: () => void;
-        onStop?: () => void;
-        onFinishedPlaying?: () => void;
-        onBufferChange?: () => void;
-    }
+export enum PlayStatus {
+    Playing = 'PLAYING',
+    Stopped = 'STOPPED',
+    Paused = 'PAUSED'
 }
 
-declare const ReactSound: React.ComponentClass<ReactSound.ReactSoundProps>;
-export = ReactSound;
+export interface ReactSoundProps {
+    url: string;
+    playStatus: PlayStatus;
+    playFromPosition?: number;
+    position?: number;
+    volume?: number;
+    playbackRate?: number;
+    autoLoad?: boolean;
+    loop?: boolean;
+    onError?: () => void;
+    onLoading?: () => void;
+    onLoad?: () => void;
+    onPlaying?: () => void;
+    onPause?: () => void;
+    onResume?: () => void;
+    onStop?: () => void;
+    onFinishedPlaying?: () => void;
+    onBufferChange?: () => void;
+}
+
+declare const ReactSound: React.ComponentClass<ReactSoundProps>;
+
+export default ReactSound;
diff --git a/types/react-sound/react-sound-tests.tsx b/types/react-sound/react-sound-tests.tsx
index 2775ac607a..358111dce1 100644
--- a/types/react-sound/react-sound-tests.tsx
+++ b/types/react-sound/react-sound-tests.tsx
@@ -1,10 +1,10 @@
-import ReactSound from "react-sound";
+import ReactSound, { PlayStatus } from "react-sound";
 import * as React from "react";
 
 const ReactSoundRequiredOptions: JSX.Element = (
     <ReactSound
         url="http://test.com"
-        playStatus="STOPPED"
+        playStatus={PlayStatus.Stopped}
     />
 );
 
@@ -13,7 +13,7 @@ const callbackFn = () => ({});
 const ReactSoundAllOptions: JSX.Element = (
     <ReactSound
         url="http://test.com/audio.mp3"
-        playStatus="STOPPED"
+        playStatus={PlayStatus.Paused}
         playFromPosition={0}
         position={0}
         volume={0}
diff --git a/types/react-spinkit/index.d.ts b/types/react-spinkit/index.d.ts
index 9d723ccc11..3418445934 100644
--- a/types/react-spinkit/index.d.ts
+++ b/types/react-spinkit/index.d.ts
@@ -33,6 +33,8 @@ declare namespace spinner {
          * for circle or folding-cube); this can either be a hex value or a color word
          */
         color?: string;
+
+        style?: React.CSSProperties
 	}
 
 	export interface Spinner extends React.ComponentClass<SpinnerProps> {
diff --git a/types/react-spinkit/react-spinkit-tests.tsx b/types/react-spinkit/react-spinkit-tests.tsx
index ac952bc700..7afd0ddd0b 100644
--- a/types/react-spinkit/react-spinkit-tests.tsx
+++ b/types/react-spinkit/react-spinkit-tests.tsx
@@ -49,4 +49,5 @@ const spinners = [
     <Spinner name="wordpress" color="green" />,
     <Spinner name="wordpress" overrideSpinnerClassName="my-class-to-override" />,
     <Spinner name="wordpress" className="my-class" />,
+    <Spinner name="wordpress" style={{ margin: '0 auto' }} />,
 ];
diff --git a/types/react-star-rating-component/index.d.ts b/types/react-star-rating-component/index.d.ts
new file mode 100644
index 0000000000..916f5bbe4f
--- /dev/null
+++ b/types/react-star-rating-component/index.d.ts
@@ -0,0 +1,53 @@
+// Type definitions for react-star-rating-component 1.4
+// Project: https://github.com/voronianski/react-star-rating-component#readme
+// Definitions by: Cody Sand <https://github.com/marpstar>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+interface StarRatingComponentProps {
+  /** name of the radio input */
+  name: string;
+
+  /** the value of the star rating to display. i.e. the number of filled stars */
+  value: number;
+
+  /** number of icons in rating, default `5` */
+  starCount?: number;
+
+  onStarClick?: (nextValue: number, prevValue: number, name: string) => void;
+
+  onStarHover?: (nextValue: number, prevValue: number, name: string) => void;
+
+  onStarHoverOut?: (nextValue: number, prevValue: number, name: string) => void;
+
+  /** render method for the full-star icon */
+  renderStarIcon?: (
+    nextValue: number,
+    prevValue: number,
+    name: string
+  ) => React.ReactNode | string;
+
+  /** render method for the half-star icon */
+  renderStarIconHalf?: (
+    nextValue: number,
+    prevValue: number,
+    name: string
+  ) => React.ReactNode | string;
+
+  /** color of selected icons */
+  starColor?: string;
+
+  /** color of non-selected icons */
+  emptyStarColor?: string;
+
+  /** is component available for editing, default `true` */
+  editing?: boolean;
+}
+
+declare class StarRatingComponent extends React.Component<
+  StarRatingComponentProps
+> {}
+
+export = StarRatingComponent;
diff --git a/types/react-star-rating-component/react-star-rating-component-tests.tsx b/types/react-star-rating-component/react-star-rating-component-tests.tsx
new file mode 100644
index 0000000000..09f8928c8d
--- /dev/null
+++ b/types/react-star-rating-component/react-star-rating-component-tests.tsx
@@ -0,0 +1,49 @@
+import StarRatingComponent from "react-star-rating-component";
+import * as React from "react";
+
+const interactionCallback = (next: number, prev: number, name: string) => ({
+  next,
+  prev,
+  name
+});
+
+// $ExpectError
+const missingRequired = <StarRatingComponent />;
+
+// $ExpectError
+const valueIsNumber = <StarRatingComponent name="" value={"5"} />;
+
+const validExample = <StarRatingComponent name="test" value={3} />;
+
+const fullExample = (
+  <StarRatingComponent
+    name="app6"
+    starColor="#F3D954"
+    emptyStarColor="#F3D954"
+    starCount={4}
+    value={3.5}
+    onStarClick={interactionCallback}
+    onStarHover={interactionCallback}
+    onStarHoverOut={interactionCallback}
+    editing={false}
+    renderStarIcon={(index: number, value: number, _: string) => {
+      return (
+        <span>
+          <i className={index <= value ? "fas fa-star" : "far fa-star"} />
+        </span>
+      );
+    }}
+    renderStarIconHalf={(_: number, __: number, ___: string) => {
+      return (
+        <span>
+          <span style={{ position: "absolute" }}>
+            <i className="far fa-star" />
+          </span>
+          <span>
+            <i className="fas fa-star-half" />
+          </span>
+        </span>
+      );
+    }}
+  />
+);
diff --git a/types/react-star-rating-component/tsconfig.json b/types/react-star-rating-component/tsconfig.json
new file mode 100644
index 0000000000..a010cbdc61
--- /dev/null
+++ b/types/react-star-rating-component/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "esModuleInterop": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "jsx": "react",
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-star-rating-component-tests.tsx"
+    ]
+}
diff --git a/types/react-star-rating-component/tslint.json b/types/react-star-rating-component/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-star-rating-component/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-sticky-box/index.d.ts b/types/react-sticky-box/index.d.ts
new file mode 100644
index 0000000000..50315b95e5
--- /dev/null
+++ b/types/react-sticky-box/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for react-sticky-box 0.7
+// Project: https://github.com/codecks-io/react-sticky-box
+// Definitions by: Konstantin Lebedev <https://github.com/koss-lebedev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+declare namespace ReactStickyBox {
+  type StickyBoxMode = 'relative' | 'stickyBottom' | 'stickyTop';
+
+  interface StickyBoxProps {
+    bottom?: boolean;
+    offsetTop?: number;
+    offsetBottom?: number;
+    onChangeMode?: (oldMode: StickyBoxMode, newMode: StickyBoxMode) => void;
+  }
+}
+
+declare const ReactStickyBox: React.ComponentClass<ReactStickyBox.StickyBoxProps>;
+
+export = ReactStickyBox;
diff --git a/types/react-sticky-box/react-sticky-box-tests.tsx b/types/react-sticky-box/react-sticky-box-tests.tsx
new file mode 100644
index 0000000000..a2aa8fd2aa
--- /dev/null
+++ b/types/react-sticky-box/react-sticky-box-tests.tsx
@@ -0,0 +1,19 @@
+import ReactStickyBox, { StickyBoxMode } from "react-sticky-box";
+import * as React from "react";
+
+const ReactStickyBoxRequiredOptions: JSX.Element = (
+    <ReactStickyBox />
+);
+
+const changeHandler = (oldMode: StickyBoxMode, newMode: StickyBoxMode) => {
+    console.log(`Changing from ${oldMode} to ${newMode}`);
+};
+
+const ReactStickyBoxAllOptions: JSX.Element = (
+    <ReactStickyBox
+        bottom
+        offsetBottom={20}
+        offsetTop={10}
+        onChangeMode={changeHandler}
+    />
+);
diff --git a/types/react-sticky-box/tsconfig.json b/types/react-sticky-box/tsconfig.json
new file mode 100644
index 0000000000..ca9381b1af
--- /dev/null
+++ b/types/react-sticky-box/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "esModuleInterop": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-sticky-box-tests.tsx"
+    ]
+}
diff --git a/types/react-sticky-box/tslint.json b/types/react-sticky-box/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-sticky-box/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-stripe-elements/index.d.ts b/types/react-stripe-elements/index.d.ts
index 32a94b0639..0697e4b869 100644
--- a/types/react-stripe-elements/index.d.ts
+++ b/types/react-stripe-elements/index.d.ts
@@ -5,6 +5,7 @@
 //                 sonnysangha <https://github.com/sonnysangha>
 //                 Andrew Goh Yisheng <https://github.com/9y5>
 //                 Thomas Chia <https://github.com/thchia>
+//                 Piotr Dabrowski <https://github.com/yhnavein>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -12,12 +13,12 @@
 import * as React from 'react';
 
 export namespace ReactStripeElements {
-	import ElementChangeResponse = stripe.elements.ElementChangeResponse;
-	import ElementsOptions = stripe.elements.ElementsOptions;
-	import TokenOptions = stripe.TokenOptions;
-	import TokenResponse = stripe.TokenResponse;
-	import SourceResponse = stripe.SourceResponse;
-	import SourceOptions = stripe.SourceOptions;
+	type ElementChangeResponse = stripe.elements.ElementChangeResponse;
+	type ElementsOptions = stripe.elements.ElementsOptions;
+	type TokenOptions = stripe.TokenOptions;
+	type TokenResponse = stripe.TokenResponse;
+	type SourceResponse = stripe.SourceResponse;
+	type SourceOptions = stripe.SourceOptions;
 
 	/**
 	 * There's a bug in @types/stripe which defines the property as
@@ -59,7 +60,7 @@ export namespace ReactStripeElements {
 
 		onFocus?(event: ElementChangeResponse): void;
 
-		onReady?(): void;
+		onReady?(el: HTMLElement): void;
 	}
 }
 
diff --git a/types/react-stripe-elements/react-stripe-elements-tests.tsx b/types/react-stripe-elements/react-stripe-elements-tests.tsx
index 324f76aa4d..ac801e60f7 100644
--- a/types/react-stripe-elements/react-stripe-elements-tests.tsx
+++ b/types/react-stripe-elements/react-stripe-elements-tests.tsx
@@ -69,35 +69,35 @@ const ElementsWithPropsTest: React.SFC = () => (
             {...cardElementProps}
             onChange={(event: ElementChangeResponse) => void 0}
             onBlur={(event: ElementChangeResponse) => void 0}
-            onReady={() => void 0}
+            onReady={(el: HTMLElement) => void 0}
             onFocus={(event: ElementChangeResponse) => void 0}
         />
         <CardNumberElement
             {...cardElementProps}
             onChange={(event: ElementChangeResponse) => void 0}
             onBlur={(event: ElementChangeResponse) => void 0}
-            onReady={() => void 0}
+            onReady={(el: HTMLElement) => void 0}
             onFocus={(event: ElementChangeResponse) => void 0}
         />
         <CardExpiryElement
             {...cardElementProps}
             onChange={(event: ElementChangeResponse) => void 0}
             onBlur={(event: ElementChangeResponse) => void 0}
-            onReady={() => void 0}
+            onReady={(el: HTMLElement) => void 0}
             onFocus={(event: ElementChangeResponse) => void 0}
         />
         <CardCVCElement
             {...cardElementProps}
             onChange={(event: ElementChangeResponse) => void 0}
             onBlur={(event: ElementChangeResponse) => void 0}
-            onReady={() => void 0}
+            onReady={(el: HTMLElement) => void 0}
             onFocus={(event: ElementChangeResponse) => void 0}
         />
         <PostalCodeElement
             {...cardElementProps}
             onChange={(event: ElementChangeResponse) => void 0}
             onBlur={(event: ElementChangeResponse) => void 0}
-            onReady={() => void 0}
+            onReady={(el: HTMLElement) => void 0}
             onFocus={(event: ElementChangeResponse) => void 0}
         />
     </div>
diff --git a/types/react-swipeable/react-swipeable-tests.tsx b/types/react-swipeable/react-swipeable-tests.tsx
index b068683c33..87294f001e 100644
--- a/types/react-swipeable/react-swipeable-tests.tsx
+++ b/types/react-swipeable/react-swipeable-tests.tsx
@@ -14,6 +14,7 @@ class SampleComponent extends React.PureComponent<Swipeable.SwipeableProps> {
   private readonly handleSwipedLeft: Swipeable.OnSwipedDirectionCallback = () => {};
   private readonly handleTap: Swipeable.OnTapCallback = () => {};
   private readonly handleClick = () => {};
+  private readonly swipeRef = React.createRef<HTMLElement>();
 
   render() {
     return (
@@ -36,7 +37,7 @@ class SampleComponent extends React.PureComponent<Swipeable.SwipeableProps> {
         nodeName="swipe"
         trackMouse
         disabled
-        innerRef="swipe-ref"
+        innerRef={this.swipeRef}
         onClick={this.handleClick}
       >
         <div>
diff --git a/types/react-syntax-highlighter/index.d.ts b/types/react-syntax-highlighter/index.d.ts
index c9590f15a4..c631dea9f7 100644
--- a/types/react-syntax-highlighter/index.d.ts
+++ b/types/react-syntax-highlighter/index.d.ts
@@ -1,9 +1,25 @@
 // Type definitions for react-syntax-highlighter
 // Project: https://github.com/conorhastings/react-syntax-highlighter
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
+//                 Aimee Gamble-Milner <https://github.com/ajgamble-milner>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
+type lineTagPropsFunction = (lineNumber: number) => React.DOMAttributes<HTMLElement>
+
+interface SyntaxHighlighterProps {
+    language?: string;
+    style?: any;
+    customStyle?: any;
+    lineProps?: lineTagPropsFunction | React.DOMAttributes<HTMLElement>
+    codeTagProps?: React.DOMAttributes<HTMLElement>;
+    useInlineStyles?: boolean;
+    showLineNumbers?: boolean;
+    startingLineNumber?: number;
+    lineNumberStyle?: any;
+    [spread: string]: any;
+}
+
 declare module 'react-syntax-highlighter' {
     import SyntaxHighlighter from 'react-syntax-highlighter/light';
     export default SyntaxHighlighter;
@@ -11,24 +27,19 @@ declare module 'react-syntax-highlighter' {
 
 declare module 'react-syntax-highlighter/light' {
     import * as React from 'react';
-
     export function registerLanguage(name: string, func: any): void;
+    export default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {}
+}
 
-    interface SyntaxHighlighterProps {
-        language?: string;
-        style?: any;
-        customStyle?: any;
-        codeTagProps?: HTMLElement;
-        useInlineStyles?: boolean;
-        showLineNumbers?: boolean;
-        startingLineNumber?: number;
-        lineNumberStyle?: any;
-        [spread: string]: any;
-    }
+declare module 'react-syntax-highlighter/prism' {
+    import SyntaxHighlighter from 'react-syntax-highlighter/prism-light';
+    export default SyntaxHighlighter;
+}
 
-    export default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {
-
-    }
+declare module 'react-syntax-highlighter/prism-light' {
+    import * as React from 'react';
+    export function registerLanguage(name: string, func: any): void;
+    export default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {}
 }
 
 declare module 'react-syntax-highlighter/styles/hljs' {
@@ -513,6 +524,7 @@ declare module 'react-syntax-highlighter/styles/hljs/zenburn' {
     const style: any;
     export default style;
 }
+
 declare module 'react-syntax-highlighter/styles/prism' {
     export { default as atomDark } from 'react-syntax-highlighter/styles/prism/atom-dark';
     export { default as base16AteliersulphurpoolLight } from 'react-syntax-highlighter/styles/prism/base16-ateliersulphurpool.light';
@@ -539,118 +551,857 @@ declare module 'react-syntax-highlighter/styles/prism' {
     export { default as xonokai } from 'react-syntax-highlighter/styles/prism/xonokai';
 }
 
-declare module 'react-syntax-highlighter/styles/prism/atom-dark'  {
+declare module 'react-syntax-highlighter/styles/prism/atom-dark' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/base16-ateliersulphurpool.light'  {
+declare module 'react-syntax-highlighter/styles/prism/base16-ateliersulphurpool.light' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/cb'  {
+declare module 'react-syntax-highlighter/styles/prism/cb' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/coy'  {
+declare module 'react-syntax-highlighter/styles/prism/coy' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/darcula'  {
+declare module 'react-syntax-highlighter/styles/prism/darcula' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/dark'  {
+declare module 'react-syntax-highlighter/styles/prism/dark' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-dark'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-dark' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-earth'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-earth' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-forest'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-forest' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-light'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-light' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-sea'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-sea' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/duotone-space'  {
+declare module 'react-syntax-highlighter/styles/prism/duotone-space' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/funky'  {
+declare module 'react-syntax-highlighter/styles/prism/funky' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/ghcolors'  {
+declare module 'react-syntax-highlighter/styles/prism/ghcolors' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/hopscotch'  {
+declare module 'react-syntax-highlighter/styles/prism/hopscotch' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/okaidia'  {
+declare module 'react-syntax-highlighter/styles/prism/okaidia' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/pojoaque'  {
+declare module 'react-syntax-highlighter/styles/prism/pojoaque' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/prism'  {
+declare module 'react-syntax-highlighter/styles/prism/prism' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/solarizedlight'  {
+declare module 'react-syntax-highlighter/styles/prism/solarizedlight' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/tomorrow'  {
+declare module 'react-syntax-highlighter/styles/prism/tomorrow' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/twilight'  {
+declare module 'react-syntax-highlighter/styles/prism/twilight' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/vs'  {
+declare module 'react-syntax-highlighter/styles/prism/vs' {
     const style: any;
     export default style;
 }
 
-declare module 'react-syntax-highlighter/styles/prism/xonokai'   {
+declare module 'react-syntax-highlighter/styles/prism/xonokai' {
     const style: any;
     export default style;
 }
 
+declare module 'react-syntax-highlighter/languages/prism/abap' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/actionscript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/ada' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/apacheconf' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/apl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/applescript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/arduino' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/arff' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/asciidoc' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/asm6502' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/aspnet' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/autohotkey' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/autoit' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/bash' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/basic' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/batch' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/bison' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/brainfuck' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/bro' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/c' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/clike' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/clojure' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/coffeescript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/cpp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/crystal' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/csharp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/csp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/cssExtras' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/css' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/d' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/dart' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/diff' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/django' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/docker' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/eiffel' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/elixir' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/elm' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/erb' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/erlang' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/flow' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/fortran' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/fsharp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/gedcom' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/gherkin' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/git' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/glsl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/go' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/graphql' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/groovy' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/haml' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/handlebars' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/haskell' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/haxe' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/hpkp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/hsts' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/http' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/ichigojam' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/icon' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/inform7' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/ini' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/io' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/j' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/java' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/javascript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/jolie' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/json' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/jsx' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/julia' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/keyman' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/kotlin' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/latex' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/less' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/liquid' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/lisp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/livescript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/lolcode' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/lua' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/makefile' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/markdown' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/markupTemplating' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/markup' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/matlab' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/mel' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/mizar' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/monkey' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/n4js' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/nasm' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/nginx' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/nim' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/nix' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/nsis' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/objectivec' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/ocaml' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/opencl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/oz' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/parigp' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/parser' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/pascal' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/perl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/phpExtras' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/php' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/plsql' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/powershell' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/processing' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/prolog' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/properties' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/protobuf' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/pug' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/puppet' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/pure' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/python' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/q' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/qore' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/r' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/reason' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/renpy' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/rest' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/rip' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/roboconf' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/ruby' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/rust' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/sas' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/sass' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/scala' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/scheme' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/scss' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/smalltalk' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/smarty' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/soy' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/sql' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/stylus' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/swift' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/tcl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/textile' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/tsx' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/twig' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/typescript' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/vbnet' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/velocity' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/verilog' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/vhdl' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/vim' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/visualBasic' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/wasm' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/wiki' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/xeora' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/xojo' {
+    const language: any;
+    export default language;
+}
+
+declare module 'react-syntax-highlighter/languages/prism/yaml' {
+    const language: any;
+    export default language;
+}
diff --git a/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx b/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
index b957aebac0..c516d9f610 100644
--- a/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
+++ b/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
@@ -1,8 +1,12 @@
 import * as React from "react";
 import SyntaxHighlighter from "react-syntax-highlighter";
+import PrismSyntaxHighlighter from "react-syntax-highlighter/prism";
+import PrismLightHighlighter, { registerLanguage } from "react-syntax-highlighter/prism-light";
+import jsx from 'react-syntax-highlighter/languages/prism/jsx';
 import { docco } from "react-syntax-highlighter/styles/hljs";
+import { atomDark } from "react-syntax-highlighter/styles/prism";
 
-function highlighter(): JSX.Element {
+function hljsHighlighter(): JSX.Element {
     const codeString: string = `class CPP {
     private year: number;
     public constructor(private version: string) {
@@ -19,3 +23,122 @@ function highlighter(): JSX.Element {
         </SyntaxHighlighter>
     );
 }
+
+function prismHighlighter(): JSX.Element {
+    const codeString: string = `class CPP {
+    private year: number;
+    public constructor(private version: string) {
+        this.year = Number(version.match(/.+\d+$/));
+    }
+    public version(): string {
+        return this.version;
+    }
+}
+`;
+    return (
+        <PrismSyntaxHighlighter language="javascript" style={atomDark}>
+            {codeString}
+        </PrismSyntaxHighlighter>
+    );
+}
+
+function primsLightHighlighter(): JSX.Element {
+    const codeString: string = `class CPP {
+    private year: number;
+    public constructor(private version: string) {
+        this.year = Number(version.match(/.+\d+$/));
+    }
+    public version(): string {
+        return this.version;
+    }
+}
+`;
+    registerLanguage('jsx', jsx);
+
+    return (
+        <PrismLightHighlighter language="jsx" style={atomDark}>
+            {codeString}
+        </PrismLightHighlighter>
+    )
+}
+
+function codeTagProps() {
+    const codeString: string = `class CPP {
+        private year: number;
+        public constructor(private version: string) {
+            this.year = Number(version.match(/.+\d+$/));
+        }
+        public version(): string {
+            return this.version;
+        }
+    }
+    `;
+
+    const codeTagProps = {
+        className: 'some-classname',
+        style: {
+            opacity: 0,
+        },
+        onMouseOver: (event: React.MouseEvent<HTMLElement>) => "foo",
+    }
+
+    return (
+        <PrismLightHighlighter
+            codeTagProps={codeTagProps} />
+    )
+}
+
+function linePropsObject() {
+    const codeString: string = `class CPP {
+        private year: number;
+        public constructor(private version: string) {
+            this.year = Number(version.match(/.+\d+$/));
+        }
+        public version(): string {
+            return this.version;
+        }
+    }
+    `;
+    
+    const lineProps = {
+        otherProp: 'otherProp',
+        className: 'some-classname',
+        style: {
+            opacity: 0,
+        },
+        onMouseOver: (event: React.MouseEvent<HTMLElement>) => "foo"
+    }
+
+    return (
+        <PrismLightHighlighter
+            lineProps={lineProps} />
+    )
+}
+
+function lineTagPropsFunction() {
+    const codeString: string = `class CPP {
+        private year: number;
+        public constructor(private version: string) {
+            this.year = Number(version.match(/.+\d+$/));
+        }
+        public version(): string {
+            return this.version;
+        }
+    }
+    `;
+    
+    const lineProps = (lineNumber: number) => ({
+        otherProp: 'otherProp',
+        className: 'some-classname',
+        style: {
+            opacity: 0,
+        },
+        onMouseOver: (event: React.MouseEvent<HTMLElement>) => lineNumber * 5
+    })
+
+    return (
+        <PrismLightHighlighter
+            lineProps={lineProps} />
+    )
+}
+
diff --git a/types/react-table/index.d.ts b/types/react-table/index.d.ts
index c58f54eefc..d6b1679edd 100644
--- a/types/react-table/index.d.ts
+++ b/types/react-table/index.d.ts
@@ -1,17 +1,17 @@
 // Type definitions for react-table 6.7
 // Project: https://github.com/react-tools/react-table
-// Definitions by: Roy Xue <https://github.com/royxue>, Pavel Sakalo <https://github.com/psakalo>, Krzysztof Porębski <https://github.com/Havret>
+// Definitions by: Roy Xue <https://github.com/royxue>, Pavel Sakalo <https://github.com/psakalo>, Krzysztof Porębski <https://github.com/Havret>, Andy S <https://github.com/andys8>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 import * as React from 'react';
 
 export type ReactTableFunction = (value?: any) => void;
-export type AccessorFunction = (row: object) => any;
-export type Accessor = string | string[] | object | AccessorFunction;
+export type AccessorFunction<D = any> = (row: D) => any;
+export type Accessor<D = any> = string | string[] | AccessorFunction<D>;
 export type Aggregator = (values: any, rows: any) => any;
-export type TableCellRenderer = ((data: any, column: any) => React.ReactNode) | React.ReactNode;
+export type TableCellRenderer = ((cellInfo: CellInfo, column: any) => React.ReactNode) | React.ReactNode;
 export type FilterRender = (params: { column: Column, filter: any, onChange: ReactTableFunction, key?: string }) => React.ReactElement<any>;
-export type PivotRenderer = ((cellInfo: any) => React.ReactNode) | (() => any) | string | React.ReactNode;
+export type PivotRenderer = ((cellInfo: CellInfo) => React.ReactNode) | (() => any) | string | React.ReactNode;
 
 export type ComponentPropsGetter0 = (finalState: any, rowInfo: undefined, column: undefined, instance?: any) => object | undefined;
 export type ComponentPropsGetterR = (finalState: any, rowInfo?: RowInfo, column?: undefined, instance?: any) => object | undefined;
@@ -27,7 +27,7 @@ export type SortedChangeFunction = (newSorted: SortingRule[], column: any, addit
 export type FilteredChangeFunction = (newFiltering: Filter[], column: any, value: any) => void;
 export type ExpandedChangeFunction = (column: any, event: any, isTouch: boolean) => void;
 export type ResizedChangeFunction = (newResized: Resize[], event: any) => void;
-export type SortFunction = (a: any, b: any, desc: any) => -1 | 0 | 1;
+export type SortFunction = (a: any, b: any, desc: any) => number;
 
 export interface Resize {
     id: string;
@@ -46,7 +46,7 @@ export interface SortingRule {
     desc?: true;
 }
 
-export interface TableProps extends
+export interface TableProps<D = any> extends
     Partial<TextProps>,
     Partial<ComponentDecoratorProps>,
     Partial<ControlledStateCallbackProps>,
@@ -54,7 +54,7 @@ export interface TableProps extends
     Partial<ControlledStateOverrideProps>,
     Partial<ComponentProps> {
     /** Default: [] */
-    data: any[];
+    data: D[];
 
     /** Default: false */
     loading: boolean;
@@ -164,7 +164,7 @@ export interface TableProps extends
     column: Partial<GlobalColumn>;
 
     /** Array of all Available Columns */
-    columns?: Column[];
+    columns?: Array<Column<D>>;
 
     /** Expander defaults. */
     expanderDefaults: Partial<ExpanderDefaults>;
@@ -180,9 +180,9 @@ export interface TableProps extends
 
     /** Control callback for functional rendering */
     children: (
-        state: FinalState,
+        state: FinalState<D>,
         makeTable: () => React.ReactElement<any>,
-        instance: Instance
+        instance: Instance<D>
     ) => React.ReactNode;
 }
 
@@ -342,6 +342,10 @@ export interface ComponentProps {
     TdComponent: React.ReactType;
     TfootComponent: React.ReactType;
     ExpanderComponent: React.ReactType;
+    AggregatedComponent: React.ReactType;
+    PivotValueComponent: React.ReactType;
+    PivotComponent: React.ReactType;
+    FilterComponent: React.ReactType;
     PaginationComponent: React.ReactType;
     PreviousComponent: React.ReactType;
     NextComponent: React.ReactType;
@@ -548,7 +552,7 @@ export interface PivotDefaults {
     render: TableCellRenderer;
 }
 
-export interface Column extends
+export interface Column<D = any> extends
     Partial<Column.Basics>,
     Partial<Column.CellProps>,
     Partial<Column.FilterProps>,
@@ -562,7 +566,7 @@ export interface Column extends
      * @example {"a": {"b": {"c": $}}}
      * @example (row) => row.propertyName
      */
-    accessor?: Accessor;
+    accessor?: Accessor<D>;
 
     /**
      * Conditional - A unique ID is required if the accessor is not a string or if you would like to override the column name used in server-side calls
@@ -598,7 +602,7 @@ export interface Column extends
     expander?: boolean;
 
     /** Header Groups only */
-    columns?: any[];
+    columns?: Array<Column<D>>;
 
     /**
      * Turns this column into a special column for specifying pivot position in your column definitions.
@@ -608,12 +612,12 @@ export interface Column extends
     pivot?: boolean;
 }
 
-export interface ColumnRenderProps {
+export interface ColumnRenderProps<D = any> {
     /** Sorted data. */
-    data: any[];
+    data: D[];
 
     /** The column. */
-    column: Column;
+    column: Column<D>;
 }
 
 export interface RowRenderProps extends Partial<RowInfo> {
@@ -662,7 +666,45 @@ export interface RowInfo {
     original: any;
 }
 
-export interface FinalState extends TableProps {
+export interface CellInfo extends RowInfo, Pick<ControlledStateOverrideProps, "resized"> {
+    /* true if this row is expanded */
+    isExpanded: boolean;
+
+    /* the cell's column */
+    column: Column;
+
+    /* materialized value of the cell */
+    value: any;
+
+    /* true if the column is pivoted */
+    pivoted: boolean;
+
+    /* true if this column is an expander */
+    expander: boolean;
+
+    /* true if the column is visible */
+    show: boolean;
+
+    /* resolved width of the cell */
+    width: number;
+
+    /* resolved maxWidth of the cell */
+    maxWidth: number;
+
+    /* resolved tdProps from `getTdProps` for this cell */
+    tdProps: any;
+
+    /* resolved column props from 'getProps' for this cell's column */
+    columnProps: any;
+
+    /* resolved array of classes for the cell */
+    classes: string[];
+
+    /* resolved styles for this cell */
+    styles: object;
+}
+
+export interface FinalState<D = any> extends TableProps<D> {
     frozen: boolean;
     startRow: number;
     endRow: number;
@@ -674,21 +716,21 @@ export interface FinalState extends TableProps {
     canNext: boolean;
     rowMinWidth: number;
 
-    allVisibleColumns: Column[];
-    allDecoratedColumns: Column[];
+    allVisibleColumns: Array<Column<D>>;
+    allDecoratedColumns: Array<Column<D>>;
     resolvedData: DerivedDataObject[];
     sortedData: DerivedDataObject[];
     headerGroups: any[];
 }
 
 export const ReactTableDefaults: TableProps;
-export default class ReactTable extends React.Component<Partial<TableProps>> { }
+export default class ReactTable<D> extends React.Component<Partial<TableProps<D>>> { }
 
-export interface Instance extends ReactTable {
+export interface Instance<D = any> extends ReactTable<D> {
     context: any;
-    props: Partial<TableProps>;
+    props: Partial<TableProps<D>>;
     refs: any;
-    state: FinalState;
+    state: FinalState<D>;
     filterColumn(...props: any[]): any;
     filterData(...props: any[]): any;
     fireFetchData(...props: any[]): any;
diff --git a/types/react-table/lib/hoc/selectTable.d.ts b/types/react-table/lib/hoc/selectTable.d.ts
new file mode 100644
index 0000000000..d70d84eb78
--- /dev/null
+++ b/types/react-table/lib/hoc/selectTable.d.ts
@@ -0,0 +1,56 @@
+import { ComponentType } from 'react';
+
+import { TableProps } from '../../index';
+
+export type SelectType = 'checkbox' | 'radio';
+
+export interface SelectInputComponentProps {
+    selectType: SelectType;
+    onClick: (key: string, shiftKeyPressed: boolean, row: any) => any;
+    checked: boolean;
+    id: string;
+    row: any;
+}
+
+export interface SelectAllInputComponent {
+    selectType: SelectType;
+    checked: boolean;
+    onClick: () => any;
+}
+
+export interface SelectTableAdditionalProps {
+    /**
+     * Default: _id
+     */
+    keyField?: string;
+
+    isSelected?: (key: string) => boolean;
+
+    selectAll?: boolean;
+
+    toggleAll?: SelectAllInputComponent['onClick'];
+
+    toggleSelection?: SelectInputComponentProps['onClick'];
+
+    /**
+     * Default: checkbox
+     */
+    selectType?: SelectType;
+
+    SelectInputComponent?: ComponentType<SelectInputComponentProps>;
+    SelectAllInputComponent?: ComponentType<SelectAllInputComponent>;
+}
+
+export interface SelectTableHOCOptions {
+    /**
+     * Default: false
+     */
+    floatingLeft?: boolean;
+}
+
+declare function selectTableHOC<Props extends Partial<TableProps>>(
+    Component: ComponentType<Props>,
+    options?: SelectTableHOCOptions
+): ComponentType<Props & SelectTableAdditionalProps>;
+
+export default selectTableHOC;
diff --git a/types/react-table/lib/hoc/treeTable.d.ts b/types/react-table/lib/hoc/treeTable.d.ts
new file mode 100644
index 0000000000..35d1522119
--- /dev/null
+++ b/types/react-table/lib/hoc/treeTable.d.ts
@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+
+import { TableProps } from '../../index';
+
+declare function treeTableHOC<Props extends Partial<TableProps>>(
+    Component: ComponentType<Props>
+): ComponentType<Props>;
+
+export default treeTableHOC;
diff --git a/types/react-table/react-table-tests.tsx b/types/react-table/react-table-tests.tsx
index b8380125b3..de7eea0bc7 100644
--- a/types/react-table/react-table-tests.tsx
+++ b/types/react-table/react-table-tests.tsx
@@ -3,9 +3,16 @@ import * as ReactDOM from 'react-dom';
 
 // Import React Table
 import ReactTable, { Column, FinalState, Instance } from "react-table";
-import "react-table/react-table.css";
 
-const columns: Column[] = [
+interface Data {
+  firstName: string;
+  lastName: string;
+  age: number;
+  visits: number;
+  progress: number;
+}
+
+const columns: Array<Column<Data>> = [
   {
     Header: "Name",
     columns: [
@@ -16,7 +23,11 @@ const columns: Column[] = [
   {
     Header: "Info",
     columns: [
-      { Header: "Age", accessor: "age" },
+      {
+        Header: "Age",
+        accessor: (data: Data) => data.age,
+        Cell: props => <span className='number'>{props.value}</span>
+      },
       { Header: "Status", accessor: "status" }
     ]
   },
@@ -29,7 +40,7 @@ const columns: Column[] = [
 ];
 
 const Component = (props: {}) => {
-  const data = [
+  const data: Data[] = [
     { firstName: "plastic", lastName: "leather", age: 1, visits: 87, progress: 53 },
     { firstName: "eggs", lastName: "quartz", age: 13, visits: 78, progress: 82 },
     { firstName: "wash", lastName: "wrench", age: 29, visits: 75, progress: 49 },
@@ -156,9 +167,9 @@ const Component = (props: {}) => {
         }}
       >
         {(
-          state: FinalState,
+          state: FinalState<Data>,
           makeTable: () => React.ReactChild,
-          instance: Instance
+          instance: Instance<Data>
         ) => {
           return (
             <div
diff --git a/types/react-table/test/select-table-tests.tsx b/types/react-table/test/select-table-tests.tsx
new file mode 100644
index 0000000000..1a1b231292
--- /dev/null
+++ b/types/react-table/test/select-table-tests.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import ReactTable, { Column } from 'react-table';
+import selectTableHOC, {
+    SelectTableAdditionalProps
+} from 'react-table/lib/hoc/selectTable';
+
+const SelectTable = selectTableHOC(ReactTable);
+
+const selectTableAdditionalProps: SelectTableAdditionalProps = {
+    isSelected: () => true,
+    keyField: 'id',
+    selectAll: true,
+    selectType: 'checkbox',
+    toggleAll: () => null,
+    toggleSelection: () => null
+};
+
+const data = [{ id: 1, name: 'Foo' }, { id: 2, name: 'Bar' }];
+
+const columns: Column[] = [
+    { Header: 'ID', accessor: 'id' },
+    { Header: 'Name', accessor: 'name' }
+];
+
+ReactDOM.render(
+    <SelectTable
+        {...selectTableAdditionalProps}
+        data={data}
+        columns={columns}
+    />,
+    document.getElementById('root')
+);
diff --git a/types/react-table/test/tree-table-tests.tsx b/types/react-table/test/tree-table-tests.tsx
new file mode 100644
index 0000000000..a099124c61
--- /dev/null
+++ b/types/react-table/test/tree-table-tests.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import ReactTable, { Column } from 'react-table';
+import treeTableHOC from 'react-table/lib/hoc/treeTable';
+
+const SelectTable = treeTableHOC(ReactTable);
+
+const data = [{ id: 1, name: 'Foo' }, { id: 2, name: 'Bar' }];
+
+const columns: Column[] = [
+    { Header: 'ID', accessor: 'id' },
+    { Header: 'Name', accessor: 'name' }
+];
+
+ReactDOM.render(
+    <SelectTable data={data} columns={columns} />,
+    document.getElementById('root')
+);
diff --git a/types/react-table/tsconfig.json b/types/react-table/tsconfig.json
index de6f3f8e69..ef6f8f22a1 100644
--- a/types/react-table/tsconfig.json
+++ b/types/react-table/tsconfig.json
@@ -20,6 +20,10 @@
     },
     "files": [
         "index.d.ts",
-        "react-table-tests.tsx"
+        "lib/hoc/selectTable.d.ts",
+        "lib/hoc/treeTable.d.ts",
+        "react-table-tests.tsx",
+        "test/select-table-tests.tsx",
+        "test/tree-table-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/types/react-tag-autocomplete/index.d.ts b/types/react-tag-autocomplete/index.d.ts
new file mode 100644
index 0000000000..15273e3918
--- /dev/null
+++ b/types/react-tag-autocomplete/index.d.ts
@@ -0,0 +1,112 @@
+// Type definitions for react-tag-autocomplete 5.6
+// Project: https://github.com/i-like-robots/react-tags#readme
+// Definitions by: James Lismore <https://github.com/jlismore>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { Component } from "react";
+
+export default class ReactTags extends Component<ReactTagsProps> {}
+
+export interface Tag {
+    id: string | number;
+    name: string;
+    disabled?: boolean;
+}
+
+export interface TagComponentProps {
+    tag: Tag;
+    classNames: ClassNames;
+    onDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export interface ClassNames {
+    root: string;
+    rootFocused: string;
+    selected: string;
+    selectedTag: string;
+    selectedTagName: string;
+    search: string;
+    searchInput: string;
+    suggestions: string;
+    suggestionActive: string;
+    suggestionDisabled: string;
+}
+
+export interface ReactTagsProps {
+    /**
+     * Disables ability to delete the selected tags when backspace is pressed while focussed on the text input. Default: true.
+     */
+    allowBackspace?: boolean;
+    /**
+     * Allows users to add new (not suggested) tags. Default: false.
+     */
+    allowNew?: boolean;
+    /**
+     * Boolean parameter to control whether the text-input should be autofocused on mount. Default: true.
+     */
+    autofocus?: boolean;
+    /**
+     * Boolean parameter to control whether the text-input should be automatically resized to fit its value. Default: true.
+     */
+    autoresize?: boolean;
+    classNames?: ClassNames;
+    /**
+     * Array of characters matching keyboard event key values. This is useful when needing to support a specific character irrespective of the keyboard layout.
+     * Note, that this list is separate from the one specified by the delimiters option, so you'll need to set the value there to [],
+     * if you wish to disable those keys. Example usage: delimiterChars={[',', ' ']}. Default: []
+     */
+    delimiterChars?: string[];
+    /**
+     * Array of integers matching keyboard event keyCode values. When a corresponding key is pressed, the preceding string is finalised as tag. Default: [9, 13] (Tab and return keys).
+     */
+    delimiters?: number[];
+    /**
+     * Function called when the user wants to add a tag. Receives the tag
+     */
+    handleAddition: (tag: Tag) => void;
+    /**
+     * Optional event handler when focus on the input is lost. Receives no arguments.
+     */
+    handleBlur?: () => void;
+    /**
+     * Function called when the user wants to delete a tag. Receives the tag index.
+     */
+    handleDelete: (index: number) => void;
+    /**
+     * Optional event handler when the input receives focus. Receives no arguments.
+     */
+    handleFocus?: () => void;
+    /**
+     * Optional event handler when the input changes. Receives the current input value.
+     */
+    handleInputChange?: (input: string) => void;
+    /**
+     * An object containing additional attributes that will be applied to the underlying <input /> field.
+     */
+    inputAttributes?: { [key: string]: any };
+    /**
+     * Maximum number of suggestions to display. Default: 6.
+     */
+    maxSuggestionsLength?: number;
+    /**
+     * How many characters are needed for suggestions to appear. Default: 2.
+     */
+    minQueryLength?: number;
+    /**
+     * The placeholder string shown for the input. Default: 'Add new tag'.
+     */
+    placeholder?: string;
+    /**
+     * An array of suggestions that are used as basis for showing suggestions. Each suggestion must have an id and a name property and an optional disabled property. Default: []
+     */
+    suggestions?: Tag[];
+    /**
+     * Provide a custom tag component to render. Default: null.
+     */
+    tagComponent?: React.SFC<TagComponentProps>;
+    /**
+     * An array of tags that are displayed as pre-selected. Each tag must have an id and a name property. Default: []
+     */
+    tags?: Tag[];
+}
diff --git a/types/react-tag-autocomplete/react-tag-autocomplete-tests.tsx b/types/react-tag-autocomplete/react-tag-autocomplete-tests.tsx
new file mode 100644
index 0000000000..0777d682da
--- /dev/null
+++ b/types/react-tag-autocomplete/react-tag-autocomplete-tests.tsx
@@ -0,0 +1,68 @@
+import * as React from "react";
+import ReactTags, { TagComponentProps } from "react-tag-autocomplete";
+
+class TestRequired extends React.Component {
+    render() {
+        const onAddTag = (tag: { id: string | number; name: string }) => {};
+        const onDeleteTag = (i: number) => {};
+        return (
+            <ReactTags handleAddition={onAddTag} handleDelete={onDeleteTag} />
+        );
+    }
+}
+
+class TestAll extends React.Component {
+    render() {
+        const classNamesObj = {
+            root: "react-tags",
+            rootFocused: "is-focused",
+            selected: "react-tags__selected",
+            selectedTag: "react-tags__selected-tag",
+            selectedTagName: "react-tags__selected-tag-name",
+            search: "react-tags__search",
+            searchInput: "react-tags__search-input",
+            suggestions: "react-tags__suggestions",
+            suggestionActive: "is-active",
+            suggestionDisabled: "is-disabled"
+        };
+        const onAddTag = (tag: { id: string | number; name: string }) => {};
+        const onDeleteTag = (i: number) => {};
+        const onBlur = () => {};
+        const onFocus = () => {};
+        const onInputChange = (input: string) => {};
+        const inputAttributes = { maxLength: 10 };
+        const suggestions = [
+            { id: 3, name: "Bananas" },
+            { id: 4, name: "Mangos" },
+            { id: 5, name: "Lemons" },
+            { id: 6, name: "Apricots", disabled: true }
+        ];
+        const tagComponent = (props: TagComponentProps) => (
+            <button onClick={props.onDelete}>{props.tag.name}</button>
+        );
+        const tags = [{ id: 1, name: "Apples" }, { id: 2, name: "Pears" }];
+        return (
+            <ReactTags
+                allowBackspace={false}
+                allowNew={false}
+                autofocus={false}
+                autoresize={false}
+                classNames={classNamesObj}
+                delimiterChars={[",", " "]}
+                delimiters={[9, 13]}
+                handleAddition={onAddTag}
+                handleBlur={onBlur}
+                handleDelete={onDeleteTag}
+                handleFocus={onFocus}
+                handleInputChange={onInputChange}
+                inputAttributes={inputAttributes}
+                maxSuggestionsLength={10}
+                minQueryLength={5}
+                placeholder=""
+                suggestions={suggestions}
+                tagComponent={tagComponent}
+                tags={tags}
+            />
+        );
+    }
+}
diff --git a/types/react-tag-autocomplete/tsconfig.json b/types/react-tag-autocomplete/tsconfig.json
new file mode 100644
index 0000000000..70845fa5a1
--- /dev/null
+++ b/types/react-tag-autocomplete/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "react-tag-autocomplete-tests.tsx"]
+}
diff --git a/types/react-tag-autocomplete/tslint.json b/types/react-tag-autocomplete/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-tag-autocomplete/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index c6f905788f..39654e5b31 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -19,7 +19,7 @@ export interface ReactTagsProps {
     handleDelete: ((i: number) => void);
     handleDrag?: ((tag: { id: string; text: string; }, currPos: number, newPos: number) => void);
     handleInputChange?: ((value: string) => void);
-    handleFilterSuggestions?: ((textInputValue: string, possibleSuggestionsArray: Array<{ id: string, text: string }>) => boolean);
+    handleFilterSuggestions?: ((textInputValue: string, possibleSuggestionsArray: Array<{ id: string, text: string }>) => Array<{ id: string, text: string }>);
     handleInputBlur?: ((textInputValue: string) => void);
 
     autofocus?: boolean;
diff --git a/types/react-tag-input/react-tag-input-tests.tsx b/types/react-tag-input/react-tag-input-tests.tsx
index 173f54f98c..b4a8e51857 100644
--- a/types/react-tag-input/react-tag-input-tests.tsx
+++ b/types/react-tag-input/react-tag-input-tests.tsx
@@ -18,7 +18,7 @@ ReactDOM.render(
         handleDelete={(i: number) => console.log("Delete: " + i)}
         handleDrag={(tag: { id: string; text: string; }, currPos: number, newPos: number) => console.log("Drag: " + tag.text)}
         handleInputChange={(value: string) => console.log("Changed to: ", value)}
-        handleFilterSuggestions={(textInputValue: string, possibleSuggestionsArray: Array<{ id: string, text: string }>) => true}
+        handleFilterSuggestions={(textInputValue: string, possibleSuggestionsArray: Array<{ id: string, text: string }>) => suggestions}
         handleInputBlur={() => console.log("Blured")}
 
         autofocus={false}
diff --git a/types/react-test-renderer/index.d.ts b/types/react-test-renderer/index.d.ts
index 834664c11d..c147d5c190 100644
--- a/types/react-test-renderer/index.d.ts
+++ b/types/react-test-renderer/index.d.ts
@@ -25,7 +25,7 @@ export interface ReactTestRendererTree extends ReactTestRendererJSON {
 }
 export interface ReactTestInstance {
     instance: any;
-    type: string;
+    type: ReactType;
     props: { [propName: string]: any };
     parent: null | ReactTestInstance;
     children: Array<ReactTestInstance | string>;
diff --git a/types/react-timeago/index.d.ts b/types/react-timeago/index.d.ts
new file mode 100644
index 0000000000..6cc7f34894
--- /dev/null
+++ b/types/react-timeago/index.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for react-timeago 4.1
+// Project: https://github.com/nmn/react-timeago
+// Definitions by: Konstantin Lebedev <https://github.com/koss-lebedev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+declare namespace ReactTimeago {
+    type Unit = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';
+
+    type Suffix = 'ago' | 'from now';
+
+    type Formatter = (
+      value: number,
+      unit: Unit,
+      suffix: Suffix,
+      epochMiliseconds: number,
+      nextFormatter?: Formatter
+    ) => React.ReactNode;
+
+    interface ReactTimeagoProps {
+      readonly live?: boolean;
+      readonly minPeriod?: number;
+      readonly maxPeriod?: number;
+      readonly component?: string | React.ComponentType<any>;
+      readonly title?: string;
+      readonly formatter?: Formatter;
+      readonly date: string | number | Date;
+      readonly now?: () => number;
+    }
+}
+
+declare const ReactTimeago: React.ComponentClass<ReactTimeago.ReactTimeagoProps>;
+export = ReactTimeago;
diff --git a/types/react-timeago/react-timeago-tests.tsx b/types/react-timeago/react-timeago-tests.tsx
new file mode 100644
index 0000000000..f5c89b8013
--- /dev/null
+++ b/types/react-timeago/react-timeago-tests.tsx
@@ -0,0 +1,27 @@
+import ReactTimeago, { Unit, Suffix } from "react-timeago";
+import * as React from "react";
+
+const ReactTimeagoRequiredOptions: JSX.Element = (
+    <ReactTimeago
+        date={new Date()}
+    />
+);
+
+const customFormatter = (value: number, unit: Unit, suffix: Suffix, epochMiliseconds: number) => {
+    return (
+        <div />
+    );
+};
+
+const ReactTimeagoAllOptions: JSX.Element = (
+    <ReactTimeago
+        date={new Date()}
+        live
+        minPeriod={0}
+        maxPeriod={100}
+        component={() => <div />}
+        title="Timeago"
+        formatter={customFormatter}
+
+    />
+);
diff --git a/types/react-timeago/tsconfig.json b/types/react-timeago/tsconfig.json
new file mode 100644
index 0000000000..5b22427d95
--- /dev/null
+++ b/types/react-timeago/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "esModuleInterop": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-timeago-tests.tsx"
+    ]
+}
diff --git a/types/react-timeago/tslint.json b/types/react-timeago/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-timeago/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-vertical-timeline-component/index.d.ts b/types/react-vertical-timeline-component/index.d.ts
index 7939abd43a..66319ee48f 100644
--- a/types/react-vertical-timeline-component/index.d.ts
+++ b/types/react-vertical-timeline-component/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-vertical-timeline-component 2.2
+// Type definitions for react-vertical-timeline-component 2.3
 // Project: https://github.com/stephane-monnot/react-vertical-timeline
 // Definitions by: Stéphane Monnot <https://github.com/stephane-monnot>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -9,6 +9,7 @@ import * as React from "react";
 export interface VerticalTimelineProps {
     animate?: boolean;
     className?: string;
+    layout?: '1-column' | '2-columns';
 }
 
 export interface VerticalTimelineElementProps {
diff --git a/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx b/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
index d09416010f..84ac312373 100644
--- a/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
+++ b/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
@@ -4,7 +4,7 @@ import { VerticalTimeline, VerticalTimelineElement } from "react-vertical-timeli
 export default class ReactVerticalTimelineComponentTests extends React.Component {
     render() {
         return (
-            <VerticalTimeline animate={false} className="vertical-timeline--red">
+            <VerticalTimeline animate={false} className="vertical-timeline--red" layout='2-columns'>
                 <VerticalTimelineElement
                     iconOnClick={() => console.info('icon has been clicked')}
                     className="vertical-timeline-element--work"
diff --git a/types/react-virtualized/dist/es/List.d.ts b/types/react-virtualized/dist/es/List.d.ts
index 23d76e19ab..57e00ae909 100644
--- a/types/react-virtualized/dist/es/List.d.ts
+++ b/types/react-virtualized/dist/es/List.d.ts
@@ -8,9 +8,8 @@ import {
 import { Index, IndexRange, Alignment } from "../../index";
 import { CellMeasurerCache, CellPosition } from "./CellMeasurer";
 
-export type ListRowProps = GridCellProps & {
-    index: number;
-    style: React.CSSProperties;
+export type ListRowProps = Pick<GridCellProps, Exclude<keyof GridCellProps, 'rowIndex'>> & {
+    index: GridCellProps['rowIndex'];
 };
 
 export type ListRowRenderer = (props: ListRowProps) => React.ReactNode;
diff --git a/types/react-virtualized/dist/es/WindowScroller.d.ts b/types/react-virtualized/dist/es/WindowScroller.d.ts
index c3074208d6..f4c9665371 100644
--- a/types/react-virtualized/dist/es/WindowScroller.d.ts
+++ b/types/react-virtualized/dist/es/WindowScroller.d.ts
@@ -11,6 +11,7 @@ export type WindowScrollerChildProps = {
     width: number;
     isScrolling: boolean;
     scrollTop: number;
+    scrollLeft: number;
     onChildScroll: (params: { scrollTop: number }) => void;
 };
 
diff --git a/types/react-virtualized/index.d.ts b/types/react-virtualized/index.d.ts
index 4cbc644bc8..b1f9acdc6d 100644
--- a/types/react-virtualized/index.d.ts
+++ b/types/react-virtualized/index.d.ts
@@ -8,6 +8,7 @@
 //                 Steve Zhang <https://github.com/Stevearzh>
 //                 Maciej Goszczycki <https://github.com/mgoszcz2>
 //                 Brandon Hall <https://github.com/brandonhall>
+//                 Sebastian Busch <https://github.com/sbusch>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
diff --git a/types/react-virtualized/react-virtualized-tests.tsx b/types/react-virtualized/react-virtualized-tests.tsx
index 09a511dc8a..6c64fd42ef 100644
--- a/types/react-virtualized/react-virtualized-tests.tsx
+++ b/types/react-virtualized/react-virtualized-tests.tsx
@@ -89,6 +89,7 @@ export class ArrowKeyStepperExample extends PureComponent<any, any> {
 import { List } from "react-virtualized";
 
 export class AutoSizerExample extends PureComponent<any, any> {
+    context: any;
     state: any;
     render() {
         const { list } = this.context;
@@ -200,6 +201,7 @@ const GUTTER_SIZE = 3;
 const CELL_WIDTH = 75;
 
 export class CollectionExample extends PureComponent<any, any> {
+    context: any;
     state: any;
     _columnYMap: any;
 
@@ -372,6 +374,7 @@ export class ColumnSizerExample extends PureComponent<any, any> {
 }
 
 export class GridExample extends PureComponent<any, any> {
+    context: any;
     state = {
         columnCount: 1000,
         height: 300,
@@ -511,7 +514,7 @@ const STATUS_LOADING = 1;
 const STATUS_LOADED = 2;
 
 export class InfiniteLoaderExample extends PureComponent<any, any> {
-
+    context: any;
     state: any;
     _timeoutIds = new Set<number>();
 
@@ -619,6 +622,7 @@ export class InfiniteLoaderExample extends PureComponent<any, any> {
 }
 
 export class ListExample extends PureComponent<any, any> {
+    context: any;
     state: any;
     constructor(props: any, context: any) {
         super(props, context);
@@ -758,6 +762,7 @@ export class GridExample2 extends PureComponent<any, any> {
     _cellPositioner: Positioner;
     _masonry: Masonry;
 
+    context: any;
     state: any;
 
     constructor(props: any, context: any) {
@@ -1256,6 +1261,7 @@ function mixColors(color1: any, color2: any, amount: any) {
 import { Column, Table, SortDirection, SortIndicator } from "react-virtualized";
 
 export class TableExample extends PureComponent<{}, any> {
+    context: any;
     state = {
         disableHeader: false,
         headerHeight: 30,
@@ -1498,6 +1504,7 @@ export class DynamicHeightTableColumnExample extends PureComponent<any, any> {
 
 export class WindowScrollerExample extends PureComponent<{}, any> {
     _windowScroller: WindowScroller;
+    context: any;
     state = {
         showHeaderText: true
     };
diff --git a/types/react-visibility-sensor/index.d.ts b/types/react-visibility-sensor/index.d.ts
index 9e8776cb8f..80cda84d19 100644
--- a/types/react-visibility-sensor/index.d.ts
+++ b/types/react-visibility-sensor/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for react-visibility-sensor 3.11
+// Type definitions for react-visibility-sensor 5.0
 // Project: https://github.com/joshwnj/react-visibility-sensor#readme
 // Definitions by: Rasmus Bergström <https://github.com/JRasmusBm>
+//                 Gabriel Cangussu <https://github.com/gcangussu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -15,8 +16,15 @@ interface Shape {
   right?: number;
 }
 
+interface ChildFunctionArg {
+  isVisible: boolean | null;
+  visibilityRect: Shape;
+}
+
+type ChildFunction = (arg: ChildFunctionArg) => React.ReactNode;
+
 interface Props {
-  onChange: (isVisible: boolean, visibilityRect?: Shape) => void;
+  onChange?: (isVisible: boolean) => void;
   active?: boolean;
   partialVisibility?: boolean;
   offset?: Shape;
@@ -29,10 +37,9 @@ interface Props {
   resizeCheck?: boolean;
   resizeDelay?: number;
   resizeThrottle?: number;
+  containment?: HTMLElement;
   delayedCall?: boolean;
-  children?: (
-    args: { isVisible: boolean; visibilityRect?: Shape }
-  ) => React.ReactNode;
+  children?: React.ReactElement<any> | ChildFunction;
 }
 
 declare const ReactVisibilitySensor: React.StatelessComponent<Props>;
diff --git a/types/react-visibility-sensor/react-visibility-sensor-tests.tsx b/types/react-visibility-sensor/react-visibility-sensor-tests.tsx
index 9dca0efb34..a78189da71 100644
--- a/types/react-visibility-sensor/react-visibility-sensor-tests.tsx
+++ b/types/react-visibility-sensor/react-visibility-sensor-tests.tsx
@@ -8,7 +8,7 @@ const shape = { top: num, left: num, bottom: num, right: num };
 
 const component = (
   <ReactVisibilitySensor
-    onChange={(bool, shape) => {}}
+    onChange={(bool) => {}}
     active={bool}
     partialVisibility={bool}
     offset={shape}
@@ -21,7 +21,15 @@ const component = (
     resizeCheck={bool}
     resizeDelay={num}
     resizeThrottle={num}
-    delayedCall={bool}>
-    {({ isVisible: bool, visibilityRect: shape }) => <div />}
+    delayedCall={bool}
+    containment={window.document.body}
+  >
+    <div />
+  </ReactVisibilitySensor>
+);
+
+const componentWithFunctionAsChild = (
+  <ReactVisibilitySensor>
+    {({ isVisible, visibilityRect }) => <div />}
   </ReactVisibilitySensor>
 );
diff --git a/types/react-widgets/index.d.ts b/types/react-widgets/index.d.ts
index df804235e0..a227b34e7e 100644
--- a/types/react-widgets/index.d.ts
+++ b/types/react-widgets/index.d.ts
@@ -1,10 +1,11 @@
-// Type definitions for react-widgets 4.1
+// Type definitions for react-widgets 4.2
 // Project: https://github.com/jquense/react-widgets
 // Definitions by: Rogier Schouten <https://github.com/rogierschouten>
 //                 Balázs Sándor <https://github.com/sanyatuning>
 //                 Frode Hansen <https://github.com/frodehansen2>
 //                 Andrew Makarov <https://github.com/r3nya>
 //                 Maxime Billemaz <https://github.com/MBillemaz>
+//                 Georg Steinmetz <https://github.com/georg94>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
diff --git a/types/react-widgets/lib/Calendar.d.ts b/types/react-widgets/lib/Calendar.d.ts
index 4cb97805d6..0e8fb4a773 100644
--- a/types/react-widgets/lib/Calendar.d.ts
+++ b/types/react-widgets/lib/Calendar.d.ts
@@ -29,7 +29,7 @@ interface CalendarProps extends ReactWidgetsCommonProps<CalendarClass>, AutoFocu
      * Callback fired when the Calendar navigates between views, or forward and backwards in
      * time.
      */
-    onNavigate?: (date: Date, direction: string, view: string ) => void;
+    onNavigate?: (date: Date, direction: string, view: string) => void;
     /**
      * A callback fired when the view changes.
      */
@@ -68,13 +68,11 @@ interface CalendarProps extends ReactWidgetsCommonProps<CalendarClass>, AutoFocu
     dayComponent?: React.ReactType;
     /**
      * The starting and lowest level view the calendar can navigate down to.
-     * @enum "month" "year" "decade" "century"
      */
     initialView?: "month" | "year" | "decade" | "century";
     /**
      * The highest level view the calendar can navigate up to. This value should be higher than
      * initialView
-     * @enum "month" "year" "decade" "century"
      */
     finalView?: "month" | "year" | "decade" | "century";
     /**
diff --git a/types/react-widgets/lib/CommonProps.d.ts b/types/react-widgets/lib/CommonProps.d.ts
index 85ab05f073..f357fe0068 100644
--- a/types/react-widgets/lib/CommonProps.d.ts
+++ b/types/react-widgets/lib/CommonProps.d.ts
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ReactWidgetsCommonProps<C> extends React.Props<C> {
+export interface ReactWidgetsCommonProps<C> extends React.Props<C> {
     /**
      * Disable the widget, if an Array of values is passed in only those values will be disabled.
      * @default false
@@ -32,7 +32,7 @@ export interface AutoFocus {
     autoFocus?: boolean;
 }
 
-interface ReactWidgetsCommonDropdownProps<C> extends ReactWidgetsCommonProps<C> {
+export interface ReactWidgetsCommonDropdownProps<C> extends ReactWidgetsCommonProps<C> {
     /**
      * Show "drop up" not "drop down"
      * @default false
diff --git a/types/react-widgets/lib/DateTimePicker.d.ts b/types/react-widgets/lib/DateTimePicker.d.ts
index 2823a95234..a0887b0bcd 100644
--- a/types/react-widgets/lib/DateTimePicker.d.ts
+++ b/types/react-widgets/lib/DateTimePicker.d.ts
@@ -1,6 +1,5 @@
-import * as React from 'react';
+import { ComponentClass, KeyboardEvent, ReactElement, ReactType } from 'react';
 import { ReactWidgetsCommonDropdownProps, AutoFocus } from './CommonProps';
-import { KeyboardEvent } from 'react';
 
 interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePickerClass>, AutoFocus {
     /**
@@ -10,6 +9,7 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
     /**
      * Whether to show the date picker button.
      * @default true
+     * @deprecated Use `date` instead
      */
     calendar?: boolean;
     /**
@@ -20,7 +20,7 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
     /**
      * A customize the rendering of times but providing a custom component.
      */
-    timeComponent?: React.ReactType | string;
+    timeComponent?: ReactType | string;
     /**
      * The minimum Date that can be selected. Min only limits selection, it doesn't constrain
      * the date values that can be typed or pasted into the widget. If you need this behavior
@@ -42,17 +42,17 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
      */
     currentDate?: Date;
     /**
-     * Enable the calendar component of the picker.
-     */
-    date?: boolean;
-    /*
      * Default value for current date. Useful for suggesting a date when the caldenar opens without keep forcing it once 'value' is set.
      */
-    dateIcon?: any;
-    /*
-     * Specify the element used to render the calendar dropdown icon
+    date?: boolean;
+    /**
+     * Specify the element used to render the calendar dropdown icon.
      */
-    defaultCurrentDate?: Date;
+    dateIcon?: JSX.Element;
+    /**
+     * Specify the element used to render the time list dropdown icon.
+     */
+    timeIcon?: JSX.Element;
     /**
      * Change event Handler that is called when the currentDate is changed. The handler is
      * called with the currentDate object.
@@ -84,13 +84,11 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
     parse?: ((str: string) => Date) | string[] | string;
     /**
      * The starting and lowest level view the calendar can navigate down to.
-     * @enum "month" "year" "decade" "century"
      */
     initialView?: "month" | "year" | "decade" | "century";
     /**
      * The highest level view the calendar can navigate up to. This value should be higher than
      * initialView.
-     * @enum "month" "year" "decade" "century"
      */
     finalView?: "month" | "year" | "decade" | "century";
     /**
@@ -132,16 +130,14 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
     /**
      * Whether or not the DateTimePicker is open. When unset (undefined) the DateTimePicker will
      * handle the opening and closing internally.
-     * @enum false "date" "time"
      * @default false
      */
-    open?: boolean | "date" | "time";
+    open?: false | "date" | "time";
     /**
      * The defaultOpen prop can be used to set an
      * initialization value for uncontrolled widgets.
-     * @enum false "calendar" "time"
      */
-    defaultOpen?: boolean | "calendar" | "time";
+    defaultOpen?: false | "calendar" | "time";
     /**
      * Called when the DateTimePicker is about to open or close. onToggle should be used when
      * the open prop is set otherwise the widget will never open or close.
@@ -157,8 +153,8 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
      */
     messages?: DateTimePickerMessages;
     /**
-    * Text to display in the input when the value is empty.
-    */
+     * Text to display in the input when the value is empty.
+     */
     placeholder?: string;
     /**
      * An object of props that is passed directly to the underlying input component.
@@ -173,7 +169,15 @@ interface DateTimePickerProps extends ReactWidgetsCommonDropdownProps<DateTimePi
      * The provided component will be used instead of the default SlideDownTransition for fully customizable animations.
      * The transition component is also injected with a dropUp prop indicating the direction it should open.
      */
-    popupTransition?: React.ReactType | string;
+    popupTransition?: ReactType | string;
+    /**
+     * Whether the Dropdown should be above the input field.
+     */
+    dropUp?: boolean;
+    /**
+     * Adds a css class to the input container element.
+     */
+    containerClassName?: string;
 }
 
 interface DateTimePickerMessages {
@@ -181,7 +185,7 @@ interface DateTimePickerMessages {
      * Title and screen reader text for the left arrow button.
      * @default "Select Date"
      */
-    calendarButton?: string;
+    dateButton?: string;
     /**
      * Title and screen reader text for the right arrow button.
      * @default "Select Time"
@@ -189,7 +193,7 @@ interface DateTimePickerMessages {
     timeButton?: string;
 }
 
-interface DateTimePicker extends React.ReactElement<DateTimePickerProps> {}
-interface DateTimePickerClass extends React.ComponentClass<DateTimePickerProps> {}
+interface DateTimePicker extends ReactElement<DateTimePickerProps> {}
+interface DateTimePickerClass extends ComponentClass<DateTimePickerProps> {}
 declare var DateTimePicker: DateTimePickerClass;
 export = DateTimePicker;
diff --git a/types/react-widgets/lib/DropdownList.d.ts b/types/react-widgets/lib/DropdownList.d.ts
index 644d0c4873..f5aa5846e6 100644
--- a/types/react-widgets/lib/DropdownList.d.ts
+++ b/types/react-widgets/lib/DropdownList.d.ts
@@ -2,11 +2,10 @@ import * as React from 'react';
 import { ReactWidgetsCommonDropdownProps, AutoFocus } from './CommonProps';
 
 interface DropdownListProps extends ReactWidgetsCommonDropdownProps<DropdownListClass>, AutoFocus {
-
     /**
      * Allow to create a new option on the data list.
      */
-    allowCreate?: boolean | 'onFilter'
+    allowCreate?: boolean | 'onFilter';
     /**
      * The current value of the DropdownList. This can be an object (such as a member of the
      * data array) or a primitive value, hinted to by the valueField. The widget value does not
@@ -14,8 +13,8 @@ interface DropdownListProps extends ReactWidgetsCommonDropdownProps<DropdownList
      */
     value?: any;
     /**
-   * Default value.
-   */
+     * Default value.
+     */
     defaultValue?: any;
     /**
      * Create event Handler that is called when a new option is added to the data list.
@@ -123,9 +122,8 @@ interface DropdownListProps extends ReactWidgetsCommonDropdownProps<DropdownList
      * There are a few built-in filtering methods that can be specified by passing the String name.
      * To handle custom filtering techniques provide a function that returns true or false
      * for each passed in item (analogous to the array.filter builtin)
-     * @enum false "startsWith" "endsWith" "contains"
      */
-    filter?: boolean | "startsWith" | "endsWith" | "contains" | ((dataItem: any, str: string) => boolean);
+    filter?: false | "startsWith" | "endsWith" | "contains" | ((dataItem: any, str: string) => boolean);
     /**
      * Use in conjunction with the filter prop. Filter the list without regard for case. This
      * only applies to non function values for filter
diff --git a/types/react-widgets/lib/Multiselect.d.ts b/types/react-widgets/lib/Multiselect.d.ts
index 34cb9306bb..56a2753d3e 100644
--- a/types/react-widgets/lib/Multiselect.d.ts
+++ b/types/react-widgets/lib/Multiselect.d.ts
@@ -122,10 +122,9 @@ interface MultiselectProps extends ReactWidgetsCommonDropdownProps<MultiselectCl
      * You can explicitly opt out of filtering by setting filter to false. To handle custom
      * filtering techniques provide a function that returns true or false for each passed in
      * item (analogous to the array.filter builtin)
-     * @enum false "startsWith" "endsWith" "contains" function(String item)
      * @default startsWith
      */
-    filter?: boolean | "startsWith" | "endsWith" | "contains" | ((dataItem: any, searchTerm: string) => boolean);
+    filter?: false | "startsWith" | "endsWith" | "contains" | ((dataItem: any, searchTerm: string) => boolean);
     /**
      * Use in conjunction with the filter prop. Filter the list without regard for case. This
      * only applies to non function values for filter.
diff --git a/types/react-widgets/lib/SelectList.d.ts b/types/react-widgets/lib/SelectList.d.ts
index cf3539a56a..74169e33f0 100644
--- a/types/react-widgets/lib/SelectList.d.ts
+++ b/types/react-widgets/lib/SelectList.d.ts
@@ -111,7 +111,7 @@ interface SelectListMessages {
     /**
      * @default: "There are no items in this list"
      */
-    emptyList?: string | ((props: SelectListProps) => string)
+    emptyList?: string | ((props: SelectListProps) => string);
 }
 
 interface SelectList extends React.ReactElement<SelectListProps> {}
diff --git a/types/react-widgets/react-widgets-tests.tsx b/types/react-widgets/react-widgets-tests.tsx
index c4e672c7b2..fced1f64e4 100644
--- a/types/react-widgets/react-widgets-tests.tsx
+++ b/types/react-widgets/react-widgets-tests.tsx
@@ -104,6 +104,9 @@ class Test extends React.Component<React.Props<{}>> {
                     name="list"
                 />
             </div>
+            <div>
+                <DateTimePicker dropUp={true} containerClassName="d-flex" timeIcon={<i className="fa fa-clock" />} />
+            </div>
         </div>
         );
     }
diff --git a/types/react-widgets/tslint.json b/types/react-widgets/tslint.json
index 2750cc0197..2c6d6947d4 100644
--- a/types/react-widgets/tslint.json
+++ b/types/react-widgets/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
\ No newline at end of file
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-any-union": false // TODO
+    }
+}
diff --git a/types/react-window-size/index.d.ts b/types/react-window-size/index.d.ts
new file mode 100644
index 0000000000..8fe1a8fb8d
--- /dev/null
+++ b/types/react-window-size/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for react-window-size 1.2
+// Project: https://github.com/finnfiddle/react-window-size
+// Definitions by: Jake Richards <https://github.com/jakejrichards>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { ComponentType } from 'react';
+
+export interface WindowSizeProps {
+    windowHeight: number;
+    windowWidth: number;
+}
+
+export default function<T>(
+    ComposedComponent: ComponentType<T & WindowSizeProps>,
+): ComponentType<T>;
diff --git a/types/react-window-size/react-window-size-tests.tsx b/types/react-window-size/react-window-size-tests.tsx
new file mode 100644
index 0000000000..b16ebf1eea
--- /dev/null
+++ b/types/react-window-size/react-window-size-tests.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import windowSize, { WindowSizeProps } from 'react-window-size';
+
+interface TestProps {
+    foo: string;
+}
+
+type TestInnerProps = TestProps & WindowSizeProps;
+
+const TestComponent: React.ComponentType<TestInnerProps> = ({ foo, windowHeight, windowWidth }) => {
+    foo; // $ExpectType string
+    windowHeight; // $ExpectType number
+    windowWidth; // $ExpectType number
+    return (
+        <div>
+            <p>Foo: {foo}</p>
+            <p>Window height: {windowHeight}</p>
+            <p>Window width: {windowWidth}</p>
+        </div>
+    );
+};
+
+windowSize(TestComponent); // $ExpectType ComponentType<TestProps>
diff --git a/types/grid-styled/tsconfig.json b/types/react-window-size/tsconfig.json
similarity index 92%
rename from types/grid-styled/tsconfig.json
rename to types/react-window-size/tsconfig.json
index ddc6a0e9f2..46f5b105dd 100644
--- a/types/grid-styled/tsconfig.json
+++ b/types/react-window-size/tsconfig.json
@@ -7,7 +7,6 @@
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
-        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -15,10 +14,11 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true,
         "jsx": "react"
     },
     "files": [
         "index.d.ts",
-        "grid-styled-tests.tsx"
+        "react-window-size-tests.tsx"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/react-window-size/tslint.json b/types/react-window-size/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-window-size/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/react-window/react-window-tests.tsx b/types/react-window/react-window-tests.tsx
index d9aba8bf8b..8af77f05d6 100644
--- a/types/react-window/react-window-tests.tsx
+++ b/types/react-window/react-window-tests.tsx
@@ -52,6 +52,8 @@ const VariableSizeGridTestRequiredProps: React.SFC = () => (
     </VariableSizeGrid>
 );
 
+const anyRef: React.Ref<any> = React.createRef();
+
 const FixedSizeListTestOptionalProps: React.SFC<{ testBool: boolean }> = ({
     testBool
 }) => (
@@ -63,7 +65,7 @@ const FixedSizeListTestOptionalProps: React.SFC<{ testBool: boolean }> = ({
         className=""
         direction={testBool ? "vertical" : "horizontal"}
         initialScrollOffset={0}
-        innerRef="innerRef"
+        innerRef={anyRef}
         innerTagName="div"
         itemData={{ foo: "bar" }}
         itemKey={index => "foo" + index.toString()}
@@ -82,7 +84,7 @@ const FixedSizeListTestOptionalProps: React.SFC<{ testBool: boolean }> = ({
         outerTagName="div"
         style={{ color: "cyan" }}
         overscanCount={0}
-        outerRef="outerRef"
+        outerRef={anyRef}
         ref="ref"
         onScroll={({
             scrollDirection,
@@ -109,7 +111,7 @@ const VariableSizeListTestOptionalProps: React.SFC<{ testBool: boolean }> = ({
         className=""
         direction={testBool ? "vertical" : "horizontal"}
         initialScrollOffset={0}
-        innerRef="innerRef"
+        innerRef={anyRef}
         innerTagName="div"
         itemData={{ foo: "bar" }}
         itemKey={index => "foo" + index.toString()}
@@ -128,7 +130,7 @@ const VariableSizeListTestOptionalProps: React.SFC<{ testBool: boolean }> = ({
         outerTagName="div"
         style={{ color: "cyan" }}
         overscanCount={0}
-        outerRef="outerRef"
+        outerRef={anyRef}
         ref="ref"
         onScroll={({
             scrollDirection,
@@ -158,7 +160,7 @@ const VariableSizeGridTestOptionalProps: React.SFC = () => (
         estimatedRowHeight={0}
         initialScrollLeft={0}
         initialScrollTop={0}
-        innerRef="innerRef"
+        innerRef={anyRef}
         innerTagName="div"
         itemData={{ foo: "bar" }}
         itemKey={({ columnIndex, rowIndex }) =>
@@ -181,7 +183,7 @@ const VariableSizeGridTestOptionalProps: React.SFC = () => (
             scrollUpdateWasRequested,
             verticalScrollDirection
         }) => undefined}
-        outerRef="outerRef"
+        outerRef={anyRef}
         outerTagName="div"
         overscanCount={5}
         ref="ref"
diff --git a/types/react/global.d.ts b/types/react/global.d.ts
index 5afef3a17c..0c7a24070a 100644
--- a/types/react/global.d.ts
+++ b/types/react/global.d.ts
@@ -178,4 +178,6 @@ interface SVGTSpanElement extends SVGElement { }
 interface SVGUseElement extends SVGElement { }
 interface SVGViewElement extends SVGElement { }
 
+interface Text { }
 interface TouchList { }
+interface WebGLRenderingContext { }
diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index d6b4f441d1..25f3c710ae 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for React 16.4
+// Type definitions for React 16.7
 // Project: http://facebook.github.io/react/
 // Definitions by: Asana <https://asana.com>
 //                 AssureSign <http://www.assuresign.com>
@@ -19,6 +19,7 @@
 //                 Olivier Pascal <https://github.com/pascaloliv>
 //                 Martin Hochel <https://github.com/hotell>
 //                 Frank Li <https://github.com/franklixuefei>
+//                 Jessica Franco <https://github.com/Kovensky>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -50,7 +51,7 @@ declare namespace React {
     // ----------------------------------------------------------------------
 
     type ReactType<P = any> = string | ComponentType<P>;
-    type ComponentType<P = {}> = ComponentClass<P> | StatelessComponent<P>;
+    type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
 
     type Key = string | number;
 
@@ -58,31 +59,41 @@ declare namespace React {
         readonly current: T | null;
     }
 
-    type Ref<T> = string | { bivarianceHack(instance: T | null): any }["bivarianceHack"] | RefObject<T>;
+    type Ref<T> = { bivarianceHack(instance: T | null): void }["bivarianceHack"] | RefObject<T> | null;
+    type LegacyRef<T> = string | Ref<T>;
 
     type ComponentState = any;
 
     interface Attributes {
         key?: Key;
     }
-    interface ClassAttributes<T> extends Attributes {
+    interface RefAttributes<T> extends Attributes {
         ref?: Ref<T>;
     }
+    interface ClassAttributes<T> extends Attributes {
+        ref?: LegacyRef<T>;
+    }
 
     interface ReactElement<P> {
-        type: string | ComponentClass<P> | SFC<P>;
+        type: string | ComponentClass<P> | FunctionComponent<P>;
         props: P;
         key: Key | null;
     }
 
-    interface SFCElement<P> extends ReactElement<P> {
-        type: SFC<P>;
+    /**
+     * @deprecated Please use `FunctionComponentElement`
+     */
+    type SFCElement<P> = FunctionComponentElement<P>;
+
+    interface FunctionComponentElement<P> extends ReactElement<P> {
+        type: FunctionComponent<P>;
+        ref?: 'ref' extends keyof P ? P extends { ref?: infer R } ? R : never : never;
     }
 
     type CElement<P, T extends Component<P, ComponentState>> = ComponentElement<P, T>;
     interface ComponentElement<P, T extends Component<P, ComponentState>> extends ReactElement<P> {
         type: ComponentClass<P>;
-        ref?: Ref<T>;
+        ref?: LegacyRef<T>;
     }
 
     type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
@@ -90,7 +101,7 @@ declare namespace React {
     // string fallback for custom web-components
     interface DOMElement<P extends HTMLAttributes<T> | SVGAttributes<T>, T extends Element> extends ReactElement<P> {
         type: string;
-        ref: Ref<T>;
+        ref: LegacyRef<T>;
     }
 
     // ReactHTML for ReactHTMLElement
@@ -117,7 +128,12 @@ declare namespace React {
 
     type Factory<P> = (props?: Attributes & P, ...children: ReactNode[]) => ReactElement<P>;
 
-    type SFCFactory<P> = (props?: Attributes & P, ...children: ReactNode[]) => SFCElement<P>;
+    /**
+     * @deprecated Please use `FunctionComponentFactory`
+     */
+    type SFCFactory<P> = FunctionComponentFactory<P>;
+
+    type FunctionComponentFactory<P> = (props?: Attributes & P, ...children: ReactNode[]) => FunctionComponentElement<P>;
 
     type ComponentFactory<P, T extends Component<P, ComponentState>> =
         (props?: ClassAttributes<T> & P, ...children: ReactNode[]) => CElement<P, T>;
@@ -149,7 +165,7 @@ declare namespace React {
 
     interface ReactNodeArray extends Array<ReactNode> {}
     type ReactFragment = {} | ReactNodeArray;
-    type ReactNode = ReactChild | ReactFragment | ReactPortal | string | number | boolean | null | undefined;
+    type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
 
     //
     // Top Level API
@@ -164,7 +180,7 @@ declare namespace React {
         type: string): DOMFactory<P, T>;
 
     // Custom components
-    function createFactory<P>(type: SFC<P>): SFCFactory<P>;
+    function createFactory<P>(type: FunctionComponent<P>): FunctionComponentFactory<P>;
     function createFactory<P>(
         type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>): CFactory<P, ClassicComponent<P, ComponentState>>;
     function createFactory<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>>(
@@ -191,20 +207,21 @@ declare namespace React {
         ...children: ReactNode[]): DOMElement<P, T>;
 
     // Custom components
-    function createElement<P>(
-        type: SFC<P>,
+
+    function createElement<P extends {}>(
+        type: FunctionComponent<P>,
         props?: Attributes & P | null,
-        ...children: ReactNode[]): SFCElement<P>;
-    function createElement<P>(
+        ...children: ReactNode[]): FunctionComponentElement<P>;
+    function createElement<P extends {}>(
         type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>,
         props?: ClassAttributes<ClassicComponent<P, ComponentState>> & P | null,
         ...children: ReactNode[]): CElement<P, ClassicComponent<P, ComponentState>>;
-    function createElement<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>>(
+    function createElement<P extends {}, T extends Component<P, ComponentState>, C extends ComponentClass<P>>(
         type: ClassType<P, T, C>,
         props?: ClassAttributes<T> & P | null,
         ...children: ReactNode[]): CElement<P, T>;
-    function createElement<P>(
-        type: SFC<P> | ComponentClass<P> | string,
+    function createElement<P extends {}>(
+        type: FunctionComponent<P> | ComponentClass<P> | string,
         props?: Attributes & P | null,
         ...children: ReactNode[]): ReactElement<P>;
 
@@ -232,9 +249,9 @@ declare namespace React {
 
     // Custom components
     function cloneElement<P>(
-        element: SFCElement<P>,
+        element: FunctionComponentElement<P>,
         props?: Partial<P> & Attributes,
-        ...children: ReactNode[]): SFCElement<P>;
+        ...children: ReactNode[]): FunctionComponentElement<P>;
     function cloneElement<P, T extends Component<P, ComponentState>>(
         element: CElement<P, T>,
         props?: Partial<P> & ClassAttributes<T>,
@@ -255,11 +272,42 @@ declare namespace React {
         unstable_observedBits?: number;
     }
 
-    type Provider<T> = ComponentType<ProviderProps<T>>;
-    type Consumer<T> = ComponentType<ConsumerProps<T>>;
+    // TODO: similar to how Fragment is actually a symbol, the values returned from createContext,
+    // forwardRef and memo are actually objects that are treated specially by the renderer; see:
+    // https://github.com/facebook/react/blob/v16.6.0/packages/react/src/ReactContext.js#L35-L48
+    // https://github.com/facebook/react/blob/v16.6.0/packages/react/src/forwardRef.js#L42-L45
+    // https://github.com/facebook/react/blob/v16.6.0/packages/react/src/memo.js#L27-L31
+    // However, we have no way of telling the JSX parser that it's a JSX element type or its props other than
+    // by pretending to be a normal component.
+    //
+    // We don't just use ComponentType or SFC types because you are not supposed to attach statics to this
+    // object, but rather to the original function.
+    interface ExoticComponent<P = {}> {
+        /**
+         * **NOTE**: Exotic components are not callable.
+         */
+        (props: P): (ReactElement<any>|null);
+        readonly $$typeof: symbol;
+    }
+
+    interface NamedExoticComponent<P = {}> extends ExoticComponent<P> {
+        displayName?: string;
+    }
+
+    interface ProviderExoticComponent<P> extends ExoticComponent<P> {
+        propTypes?: ValidationMap<P>;
+    }
+
+    type ContextType<C extends Context<any>> = C extends Context<infer T> ? T : never;
+
+    // NOTE: only the Context object itself can get a displayName
+    // https://github.com/facebook/react-devtools/blob/e0b854e4c/backend/attachRendererFiber.js#L310-L325
+    type Provider<T> = ProviderExoticComponent<ProviderProps<T>>;
+    type Consumer<T> = ExoticComponent<ConsumerProps<T>>;
     interface Context<T> {
         Provider: Provider<T>;
         Consumer: Consumer<T>;
+        displayName?: string;
     }
     function createContext<T>(
         defaultValue: T,
@@ -269,8 +317,25 @@ declare namespace React {
     function isValidElement<P>(object: {} | null | undefined): object is ReactElement<P>;
 
     const Children: ReactChildren;
-    const Fragment: ComponentType;
-    const StrictMode: ComponentType;
+    const Fragment: ExoticComponent<{ children?: ReactNode }>;
+    const StrictMode: ExoticComponent<{ children?: ReactNode }>;
+    /**
+     * This feature is not yet available for server-side rendering.
+     * Suspense support will be added in a later release.
+     */
+    const Suspense: ExoticComponent<{
+        children?: ReactNode
+
+        /** A fallback react tree to show when a Suspense child (like React.lazy) suspends */
+        fallback: NonNullable<ReactNode>|null
+
+        // I tried looking at the code but I have no idea what it does.
+        // https://github.com/facebook/react/issues/13206#issuecomment-432489986
+        /**
+         * Not implemented yet, requires unstable_ConcurrentMode
+         */
+        // maxDuration?: number
+    }>;
     const version: string;
 
     //
@@ -283,10 +348,48 @@ declare namespace React {
     // tslint:disable-next-line:no-empty-interface
     interface Component<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> { }
     class Component<P, S> {
+        // tslint won't let me format the sample code in a way that vscode likes it :(
+        /**
+         * If set, `this.context` will be set at runtime to the current value of the given Context.
+         *
+         * Usage:
+         *
+         * ```ts
+         * type MyContext = number
+         * const Ctx = React.createContext<MyContext>(0)
+         *
+         * class Foo extends React.Component {
+         *   static contextType = Ctx
+         *   context!: React.ContextType<typeof Ctx>
+         *   render () {
+         *     return <>My context's value: {this.context}</>;
+         *   }
+         * }
+         * ```
+         *
+         * @see https://reactjs.org/docs/context.html#classcontexttype
+         */
+        static contextType?: Context<any>;
+
+        /**
+         * If using the new style context, re-declare this in your class to be the
+         * `React.ContextType` of your `static contextType`.
+         *
+         * ```ts
+         * static contextType = MyContext
+         * context!: React.ContextType<typeof MyContext>
+         * ```
+         *
+         * @deprecated if used without a type annotation, or without static contextType
+         * @see https://reactjs.org/docs/legacy-context.html
+         */
+        // TODO (TypeScript 3.0): unknown
+        context: any;
+
         constructor(props: Readonly<P>);
         /**
          * @deprecated
-         * https://reactjs.org/docs/legacy-context.html
+         * @see https://reactjs.org/docs/legacy-context.html
          */
         constructor(props: P, context?: any);
 
@@ -308,11 +411,6 @@ declare namespace React {
         // on the existence of `children` in `P`, then we should remove this.
         readonly props: Readonly<{ children?: ReactNode }> & Readonly<P>;
         state: Readonly<S>;
-        /**
-         * @deprecated
-         * https://reactjs.org/docs/legacy-context.html
-         */
-        context: any;
         /**
          * @deprecated
          * https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs
@@ -338,8 +436,25 @@ declare namespace React {
     // Class Interfaces
     // ----------------------------------------------------------------------
 
-    type SFC<P = {}> = StatelessComponent<P>;
-    interface StatelessComponent<P = {}> {
+    /**
+     * @deprecated as of recent React versions, function components can no
+     * longer be considered 'stateless'. Please use `FunctionComponent` instead.
+     *
+     * @see [React Hooks](https://reactjs.org/docs/hooks-intro.html)
+     */
+    type SFC<P = {}> = FunctionComponent<P>;
+
+    /**
+     * @deprecated as of recent React versions, function components can no
+     * longer be considered 'stateless'. Please use `FunctionComponent` instead.
+     *
+     * @see [React Hooks](https://reactjs.org/docs/hooks-intro.html)
+     */
+    type StatelessComponent<P = {}> = FunctionComponent<P>;
+
+    type FC<P = {}> = FunctionComponent<P>;
+
+    interface FunctionComponent<P = {}> {
         (props: P & { children?: ReactNode }, context?: any): ReactElement<any> | null;
         propTypes?: ValidationMap<P>;
         contextTypes?: ValidationMap<any>;
@@ -348,7 +463,7 @@ declare namespace React {
     }
 
     interface RefForwardingComponent<T, P = {}> {
-        (props: P & { children?: ReactNode }, ref?: Ref<T>): ReactElement<any> | null;
+        (props: P & { children?: ReactNode }, ref: Ref<T> | null): ReactElement<any> | null;
         propTypes?: ValidationMap<P>;
         contextTypes?: ValidationMap<any>;
         defaultProps?: Partial<P>;
@@ -358,6 +473,7 @@ declare namespace React {
     interface ComponentClass<P = {}, S = ComponentState> extends StaticLifecycle<P, S> {
         new (props: P, context?: any): Component<P, S>;
         propTypes?: ValidationMap<P>;
+        contextType?: Context<any>;
         contextTypes?: ValidationMap<any>;
         childContextTypes?: ValidationMap<any>;
         defaultProps?: Partial<P>;
@@ -376,8 +492,7 @@ declare namespace React {
      */
     type ClassType<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>> =
         C &
-        (new (props: P, context?: any) => T) &
-        (new (props: P, context?: any) => { props: P });
+        (new (props: P, context?: any) => T);
 
     //
     // Component Specs and Lifecycle
@@ -417,6 +532,7 @@ declare namespace React {
     // Unfortunately, we have no way of declaring that the component constructor must implement this
     interface StaticLifecycle<P, S> {
         getDerivedStateFromProps?: GetDerivedStateFromProps<P, S>;
+        getDerivedStateFromError?: GetDerivedStateFromError<P, S>;
     }
 
     type GetDerivedStateFromProps<P, S> =
@@ -427,6 +543,15 @@ declare namespace React {
          */
         (nextProps: Readonly<P>, prevState: S) => Partial<S> | null;
 
+    type GetDerivedStateFromError<P, S> =
+        /**
+         * This lifecycle is invoked after an error has been thrown by a descendant component.
+         * It receives the error that was thrown as a parameter and should return a value to update state.
+         *
+         * Note: its presence prevents any of the deprecated lifecycle methods from being invoked
+         */
+        (error: any) => Partial<S> | null;
+
     // This should be "infer SS" but can't use it yet
     interface NewLifecycle<P, S, SS> {
         /**
@@ -558,7 +683,230 @@ declare namespace React {
 
     function createRef<T>(): RefObject<T>;
 
-    function forwardRef<T, P = {}>(Component: RefForwardingComponent<T, P>): ComponentType<P & ClassAttributes<T>>;
+    // will show `ForwardRef(${Component.displayName || Component.name})` in devtools by default,
+    // but can be given its own specific name
+    interface ForwardRefExoticComponent<P> extends NamedExoticComponent<P> {
+        defaultProps?: Partial<P>;
+    }
+
+    function forwardRef<T, P = {}>(Component: RefForwardingComponent<T, P>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+
+    /** Ensures that the props do not include ref at all */
+    type PropsWithoutRef<P> =
+        // Just Pick would be sufficient for this, but I'm trying to avoid unnecessary mapping over union types
+        // https://github.com/Microsoft/TypeScript/issues/28339
+        'ref' extends keyof P
+            ? Pick<P, Exclude<keyof P, 'ref'>>
+            : P;
+    /** Ensures that the props do not include string ref, which cannot be forwarded */
+    type PropsWithRef<P> =
+        // Just "P extends { ref?: infer R }" looks sufficient, but R will infer as {} if P is {}.
+        'ref' extends keyof P
+            ? P extends { ref?: infer R }
+                ? string extends R
+                    ? PropsWithoutRef<P> & { ref?: Exclude<R, string> }
+                    : P
+                : P
+            : P;
+
+    /**
+     * NOTE: prefer ComponentPropsWithRef, if the ref is forwarded,
+     * or ComponentPropsWithoutRef when refs are not supported.
+     */
+    type ComponentProps<T extends keyof JSX.IntrinsicElements | ComponentType<any>> =
+        T extends ComponentType<infer P>
+            ? P
+            : T extends keyof JSX.IntrinsicElements
+                ? JSX.IntrinsicElements[T]
+                : {};
+    type ComponentPropsWithRef<T extends keyof JSX.IntrinsicElements | ComponentType<any>> =
+        T extends ComponentClass<infer P>
+            ? PropsWithoutRef<P> & RefAttributes<InstanceType<T>>
+            : PropsWithRef<ComponentProps<T>>;
+    type ComponentPropsWithoutRef<T extends keyof JSX.IntrinsicElements | ComponentType<any>> =
+        PropsWithoutRef<ComponentProps<T>>;
+
+    // will show `Memo(${Component.displayName || Component.name})` in devtools by default,
+    // but can be given its own specific name
+    interface MemoExoticComponent<T extends ComponentType<any>> extends NamedExoticComponent<ComponentPropsWithRef<T>> {
+        readonly type: T;
+    }
+
+    function memo<P extends object>(
+        Component: SFC<P>,
+        propsAreEqual?: (prevProps: Readonly<P & { children?: ReactNode }>, nextProps: Readonly<P & { children?: ReactNode }>) => boolean
+    ): NamedExoticComponent<P>;
+    function memo<T extends ComponentType<any>>(
+        Component: T,
+        propsAreEqual?: (prevProps: Readonly<ComponentProps<T>>, nextProps: Readonly<ComponentProps<T>>) => boolean
+    ): MemoExoticComponent<T>;
+
+    interface LazyExoticComponent<T extends ComponentType<any>> extends ExoticComponent<ComponentPropsWithRef<T>> {
+        readonly _result: T;
+    }
+
+    function lazy<T extends ComponentType<any>>(
+        factory: () => Promise<{ default: T }>
+    ): LazyExoticComponent<T>;
+
+    //
+    // React Hooks
+    // ----------------------------------------------------------------------
+
+    // based on the code in https://github.com/facebook/react/pull/13968
+
+    // Unlike the class component setState, the updates are not allowed to be partial
+    type SetStateAction<S> = S | ((prevState: S) => S);
+    // this technically does accept a second argument, but it's already under a deprecation warning
+    // and it's not even released so probably better to not define it.
+    type Dispatch<A> = (value: A) => void;
+    // Unlike redux, the actions _can_ be anything
+    type Reducer<S, A> = (prevState: S, action: A) => S;
+    // The identity check is done with the SameValue algorithm (Object.is), which is stricter than ===
+    // TODO (TypeScript 3.0): ReadonlyArray<unknown>
+    type InputIdentityList = ReadonlyArray<any>;
+
+    // NOTE: Currently, in alpha.0, the effect callbacks are actually allowed to return anything,
+    // but functions are treated specially. The next version published with hooks will warn if you actually
+    // return anything besides `void` or a callback. Async effects need to call an async function inside
+    // them.
+    type EffectCallback = () => (void | (() => void));
+
+    interface MutableRefObject<T> {
+        current: T;
+    }
+
+    // This will technically work if you give a Consumer<T> or Provider<T> but it's deprecated and warns
+    /**
+     * Accepts a context object (the value returned from `React.createContext`) and returns the current
+     * context value, as given by the nearest context provider for the given context.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usecontext
+     */
+    function useContext<T>(context: Context<T>/*, (not public API) observedBits?: number|boolean */): T;
+    /**
+     * Returns a stateful value, and a function to update it.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usestate
+     */
+    function useState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+    /**
+     * An alternative to `useState`.
+     *
+     * `useReducer` is usually preferable to `useState` when you have complex state logic that involves
+     * multiple sub-values. It also lets you optimize performance for components that trigger deep
+     * updates because you can pass `dispatch` down instead of callbacks.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usereducer
+     */
+    function useReducer<S, A>(reducer: Reducer<S, A>, initialState: S, initialAction?: A | null): [S, Dispatch<A>];
+    /**
+     * `useRef` returns a mutable ref object whose `.current` property is initialized to the passed argument
+     * (`initialValue`). The returned object will persist for the full lifetime of the component.
+     *
+     * Note that `useRef()` is useful for more than the `ref` attribute. It’s handy for keeping any mutable
+     * value around similar to how you’d use instance fields in classes.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#useref
+     */
+    // TODO (TypeScript 3.0): <T extends unknown>
+    function useRef<T>(initialValue: T): MutableRefObject<T>;
+    // convenience overload for refs given as a ref prop as they typically start with a null value
+    /**
+     * `useRef` returns a mutable ref object whose `.current` property is initialized to the passed argument
+     * (`initialValue`). The returned object will persist for the full lifetime of the component.
+     *
+     * Note that `useRef()` is useful for more than the `ref` attribute. It’s handy for keeping any mutable
+     * value around similar to how you’d use instance fields in classes.
+     *
+     * Usage note: if you need the result of useRef to be directly mutable, include `| null` in the type
+     * of the generic argument.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#useref
+     */
+    // TODO (TypeScript 3.0): <T extends unknown>
+    function useRef<T>(initialValue: T|null): RefObject<T>;
+    /**
+     * The signature is identical to `useEffect`, but it fires synchronously during the same phase that
+     * React performs its DOM mutations, before sibling components have been updated. Use this to perform
+     * custom DOM mutations.
+     *
+     * Prefer the standard `useEffect` when possible to avoid blocking visual updates.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usemutationeffect
+     */
+    function useMutationEffect(effect: EffectCallback, inputs?: InputIdentityList): void;
+    /**
+     * The signature is identical to `useEffect`, but it fires synchronously after all DOM mutations.
+     * Use this to read layout from the DOM and synchronously re-render. Updates scheduled inside
+     * `useLayoutEffect` will be flushed synchronously, before the browser has a chance to paint.
+     *
+     * Prefer the standard `useEffect` when possible to avoid blocking visual updates.
+     *
+     * If you’re migrating code from a class component, `useLayoutEffect` fires in the same phase as
+     * `componentDidMount` and `componentDidUpdate`.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+     */
+    function useLayoutEffect(effect: EffectCallback, inputs?: InputIdentityList): void;
+    /**
+     * Accepts a function that contains imperative, possibly effectful code.
+     *
+     * @param effect Imperative function that can return a cleanup function
+     * @param inputs If present, effect will only activate if the values in the list change.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#useeffect
+     */
+    function useEffect(effect: EffectCallback, inputs?: InputIdentityList): void;
+    // NOTE: this does not accept strings, but this will have to be fixed by removing strings from type Ref<T>
+    /**
+     * `useImperativeMethods` customizes the instance value that is exposed to parent components when using
+     * `ref`. As always, imperative code using refs should be avoided in most cases.
+     *
+     * `useImperativeMethods` should be used with `React.forwardRef`.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#useimperativemethods
+     */
+    function useImperativeMethods<T, R extends T>(ref: Ref<T>|undefined, init: () => R, inputs?: InputIdentityList): void;
+    // I made 'inputs' required here and in useMemo as there's no point to memoizing without the memoization key
+    // useCallback(X) is identical to just using X, useMemo(() => Y) is identical to just using Y.
+    /**
+     * `useCallback` will return a memoized version of the callback that only changes if one of the `inputs`
+     * has changed.
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usecallback
+     */
+    // TODO (TypeScript 3.0): <T extends (...args: never[]) => unknown>
+    function useCallback<T extends (...args: any[]) => any>(callback: T, inputs: InputIdentityList): T;
+    /**
+     * `useMemo` will only recompute the memoized value when one of the `inputs` has changed.
+     *
+     * Usage note: if calling `useMemo` with a referentially stable function, also give it as the input in
+     * the second argument.
+     *
+     * ```ts
+     * function expensive () { ... }
+     *
+     * function Component () {
+     *   const expensiveResult = useMemo(expensive, [expensive])
+     *   return ...
+     * }
+     * ```
+     *
+     * @version experimental
+     * @see https://reactjs.org/docs/hooks-reference.html#usememo
+     */
+    function useMemo<T>(factory: () => T, inputs: InputIdentityList): T;
 
     //
     // Event System
@@ -767,7 +1115,7 @@ declare namespace React {
     interface Props<T> {
         children?: ReactNode;
         key?: Key;
-        ref?: Ref<T>;
+        ref?: LegacyRef<T>;
     }
 
     interface HTMLProps<T> extends AllHTMLAttributes<T>, ClassAttributes<T> {
@@ -1697,6 +2045,7 @@ declare namespace React {
     }
 
     interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+        align?: "left" | "center" | "right" | "justify" | "char";
         colSpan?: number;
         headers?: string;
         rowSpan?: number;
@@ -1704,6 +2053,7 @@ declare namespace React {
     }
 
     interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+        align?: "left" | "center" | "right" | "justify" | "char";
         colSpan?: number;
         headers?: string;
         rowSpan?: number;
@@ -2238,6 +2588,7 @@ declare namespace React {
     // ----------------------------------------------------------------------
 
     interface ReactChildren {
+        map<T, C extends ReactElement<any>>(children: C[], fn: (child: C, index: number) => T): T[];
         map<T>(children: ReactNode, fn: (child: ReactChild, index: number) => T): T[];
         forEach(children: ReactNode, fn: (child: ReactChild, index: number) => void): void;
         count(children: ReactNode): number;
@@ -2299,6 +2650,14 @@ type Defaultize<P, D> = P extends any
         & Partial<Pick<D, Exclude<keyof D, keyof P>>>
     : never;
 
+type ReactManagedAttributes<C, P> = C extends { propTypes: infer T; defaultProps: infer D; }
+    ? Defaultize<MergePropTypes<P, PropTypes.InferProps<T>>, D>
+    : C extends { propTypes: infer T; }
+        ? MergePropTypes<P, PropTypes.InferProps<T>>
+        : C extends { defaultProps: infer D; }
+            ? Defaultize<P, D>
+            : P;
+
 declare global {
     namespace JSX {
         // tslint:disable-next-line:no-empty-interface
@@ -2309,13 +2668,13 @@ declare global {
         interface ElementAttributesProperty { props: {}; }
         interface ElementChildrenAttribute { children: {}; }
 
-        type LibraryManagedAttributes<C, P> = C extends { propTypes: infer T; defaultProps: infer D; }
-            ? Defaultize<MergePropTypes<P, PropTypes.InferProps<T>>, D>
-            : C extends { propTypes: infer T; }
-                ? MergePropTypes<P, PropTypes.InferProps<T>>
-                : C extends { defaultProps: infer D; }
-                    ? Defaultize<P, D>
-                    : P;
+        // We can't recurse forever because `type` can't be self-referential;
+        // let's assume it's reasonable to do a single React.lazy() around a single React.memo() / vice-versa
+        type LibraryManagedAttributes<C, P> = C extends React.MemoExoticComponent<infer T> | React.LazyExoticComponent<infer T>
+            ? T extends React.MemoExoticComponent<infer U> | React.LazyExoticComponent<infer U>
+                ? ReactManagedAttributes<U, P>
+                : ReactManagedAttributes<T, P>
+            : ReactManagedAttributes<C, P>;
 
         // tslint:disable-next-line:no-empty-interface
         interface IntrinsicAttributes extends React.Attributes { }
diff --git a/types/react/test/hooks.tsx b/types/react/test/hooks.tsx
new file mode 100644
index 0000000000..c3495dd717
--- /dev/null
+++ b/types/react/test/hooks.tsx
@@ -0,0 +1,124 @@
+import * as React from "react";
+
+interface PersonProps {
+    name: string;
+    age: number;
+}
+export function Person(props: PersonProps) {
+    return <div>
+        hello! I'm {props.name} and I'm {props.age} years old!
+    </div>;
+}
+
+export interface FancyButtonProps {
+    onClick: () => void;
+    children?: React.ReactNode;
+}
+export interface FancyButton {
+    fancyClick(): void;
+}
+export const FancyButton = React.forwardRef((props: FancyButtonProps, ref: React.Ref<FancyButton>) => {
+    const buttonRef = React.useRef<HTMLButtonElement | null>(null);
+    const [count, setCount] = React.useState(0);
+
+    React.useImperativeMethods(ref, () => ({
+        fancyClick() {
+            buttonRef.current!; // $ExpectType HTMLButtonElement
+        },
+        getClickCount() {
+            return count;
+        }
+    }));
+
+    return <button onClick={() => { setCount(count + 1); props.onClick(); }}>
+        {props.children}
+    </button>;
+});
+
+interface AppState {
+    name: string;
+    age: number;
+}
+
+type AppActions =
+    | { type: "getOlder" }
+    | { type: "resetAge" };
+
+function reducer(s: AppState, action: AppActions): AppState {
+    switch (action.type) {
+        case "getOlder":
+            return { ...s, age: s.age + 1 };
+        case "resetAge":
+            return { ...s, age: 0 };
+    }
+}
+
+const initialState = {
+    name: "Daniel",
+    age: 26
+};
+
+export function App() {
+    const [state, dispatch] = React.useReducer(reducer, initialState);
+    const birthdayRef = React.useRef<FancyButton>(null);
+
+    React.useLayoutEffect(() => {
+        birthdayRef.current!.fancyClick();
+    });
+
+    return <>
+        <Person {...state} />
+        <FancyButton onClick={() => dispatch({ type: "getOlder" })}>
+            Birthday time!
+        </FancyButton>
+        <FancyButton onClick={() => dispatch({ type: "resetAge" })}>
+            Let's start over.
+        </FancyButton>
+    </>;
+}
+
+interface Context {
+    test: true;
+}
+const context = React.createContext<Context>({ test: true });
+
+function useEveryHook(ref: React.Ref<{ id: number }>|undefined): () => boolean {
+    const value: Context = React.useContext(context);
+    const [, setState] = React.useState(() => 0);
+    const [reducerState, dispatch] = React.useReducer(reducer, initialState, { type: 'resetAge' });
+    // make sure this is not going to the |null overload
+    // $ExpectType MutableRefObject<boolean>
+    const didLayout = React.useRef(false);
+
+    const id = React.useMemo(() => Math.random(), []);
+    React.useImperativeMethods(ref, () => ({ id }), [id]);
+    // $ExpectError
+    React.useImperativeMethods(ref, () => ({}), [id]);
+
+    React.useMutationEffect(() => {
+        setState(1);
+        setState(prevState => prevState - 1);
+    }, []);
+    React.useLayoutEffect(() => {
+        didLayout.current = true;
+    }, []);
+    React.useEffect(() => {
+        dispatch({ type: 'getOlder' });
+        setState(reducerState.age);
+    }, []);
+
+    return React.useCallback(() => didLayout.current, []);
+}
+
+const UsesEveryHook = React.forwardRef(
+    function UsesEveryHook(props: {}, ref?: React.Ref<{ id: number }>) {
+        // $ExpectType boolean
+        useEveryHook(ref)();
+
+        return null;
+    }
+);
+const everyHookRef = React.createRef<{ id: number }>();
+<UsesEveryHook ref={everyHookRef}/>;
+// TODO: "implicit any" in typescript@3.0 but not in typescript@3.1
+// <UsesEveryHook ref={ref => { ref && console.log(ref.id); }}/>;
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 6b9400918f..97d61118b9 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -49,6 +49,10 @@ const props: Props & React.ClassAttributes<any> = {
     foo: 42
 };
 
+const scProps: SCProps = {
+    foo: 42
+};
+
 declare const container: Element;
 
 //
@@ -121,7 +125,7 @@ class ModernComponent extends React.Component<Props, State, Snapshot>
         hello: PropTypes.string.isRequired,
         world: PropTypes.string,
         foo: PropTypes.number.isRequired,
-        key: <PropTypes.Validator<string | number | undefined>> PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+        key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]) as PropTypes.Validator<string | number | undefined>
     };
 
     static contextTypes: React.ValidationMap<Context> = {
@@ -194,31 +198,44 @@ interface SCProps {
     foo?: number;
 }
 
-function StatelessComponent(props: SCProps) {
+function FunctionComponent(props: SCProps) {
     return props.foo ? DOM.div(null, props.foo) : null;
 }
 
 // tslint:disable-next-line:no-namespace
-namespace StatelessComponent {
-    export const displayName = "StatelessComponent";
+namespace FunctionComponent {
+    export const displayName = "FunctionComponent";
     export const defaultProps = { foo: 42 };
 }
 
-const StatelessComponent2: React.SFC<SCProps> =
+const FunctionComponent2: React.FunctionComponent<SCProps> =
     // props is contextually typed
     props => DOM.div(null, props.foo);
-StatelessComponent2.displayName = "StatelessComponent2";
-StatelessComponent2.defaultProps = {
+FunctionComponent2.displayName = "FunctionComponent2";
+FunctionComponent2.defaultProps = {
     foo: 42
 };
 
-const StatelessComponent3: React.SFC<SCProps> =
+const LegacyStatelessComponent2: React.SFC<SCProps> =
+    // props is contextually typed
+    props => DOM.div(null, props.foo);
+LegacyStatelessComponent2.displayName = "LegacyStatelessComponent2";
+LegacyStatelessComponent2.defaultProps = {
+    foo: 42
+};
+
+const FunctionComponent3: React.FunctionComponent<SCProps> =
+    // allows usage of props.children
+    // allows null return
+    props => props.foo ? DOM.div(null, props.foo, props.children) : null;
+
+const LegacyStatelessComponent3: React.SFC<SCProps> =
     // allows usage of props.children
     // allows null return
     props => props.foo ? DOM.div(null, props.foo, props.children) : null;
 
 // allows null as props
-const StatelessComponent4: React.SFC = props => null;
+const FunctionComponent4: React.FunctionComponent = props => null;
 
 // React.createFactory
 const factory: React.CFactory<Props, ModernComponent> =
@@ -226,10 +243,15 @@ const factory: React.CFactory<Props, ModernComponent> =
 const factoryElement: React.CElement<Props, ModernComponent> =
     factory(props);
 
-const statelessFactory: React.SFCFactory<SCProps> =
-    React.createFactory(StatelessComponent);
-const statelessFactoryElement: React.SFCElement<SCProps> =
-    statelessFactory(props);
+const functionComponentFactory: React.FunctionComponentFactory<SCProps> =
+    React.createFactory(FunctionComponent);
+const functionComponentFactoryElement: React.FunctionComponentElement<SCProps> =
+    functionComponentFactory(props);
+
+const legacyStatelessComponentFactory: React.SFCFactory<SCProps> =
+    React.createFactory(FunctionComponent);
+const legacyStatelessComponentFactoryElement: React.SFCElement<SCProps> =
+    legacyStatelessComponentFactory(props);
 
 const domFactory: React.DOMFactory<React.DOMAttributes<{}>, Element> =
     React.createFactory("div");
@@ -240,8 +262,10 @@ const domFactoryElement: React.DOMElement<React.DOMAttributes<{}>, Element> =
 const element: React.CElement<Props, ModernComponent> = React.createElement(ModernComponent, props);
 const elementNoState: React.CElement<Props, ModernComponentNoState> = React.createElement(ModernComponentNoState, props);
 const elementNullProps: React.CElement<{}, ModernComponentNoPropsAndState> = React.createElement(ModernComponentNoPropsAndState, null);
-const statelessElement: React.SFCElement<SCProps> = React.createElement(StatelessComponent, props);
-const statelessElementNullProps: React.SFCElement<SCProps> = React.createElement(StatelessComponent4, null);
+const functionComponentElement: React.FunctionComponentElement<SCProps> = React.createElement(FunctionComponent, scProps);
+const functionComponentElementNullProps: React.FunctionComponentElement<SCProps> = React.createElement(FunctionComponent4, null);
+const legacyStatelessComponentElement: React.SFCElement<SCProps> = React.createElement(FunctionComponent, scProps);
+const legacyStatelessComponentElementNullProps: React.SFCElement<SCProps> = React.createElement(FunctionComponent4, null);
 const domElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = React.createElement("div");
 const domElementNullProps = React.createElement("div", null);
 const htmlElement = React.createElement("input", { type: "text" });
@@ -258,7 +282,11 @@ const customDomElementNullProps = React.createElement(customDomElement, null);
 
 // https://github.com/Microsoft/TypeScript/issues/15019
 
-function foo3(child: React.ComponentClass<{ name: string }> | React.StatelessComponent<{ name: string }> | string) {
+function foo3(child: React.ComponentClass<{ name: string }> | React.FunctionComponent<{ name: string }> | string) {
+    React.createElement(child, { name: "bar" });
+}
+
+function foo4(child: React.ComponentClass<{ name: string }> | React.SFC<{ name: string }> | string) {
     React.createElement(child, { name: "bar" });
 }
 
@@ -277,8 +305,10 @@ const clonedElement3: React.CElement<Props, ModernComponent> =
         key: "8eac7",
         foo: 55
     });
-const clonedStatelessElement: React.SFCElement<SCProps> =
-    React.cloneElement(statelessElement, { foo: 44 });
+const clonedfunctionComponentElement: React.FunctionComponentElement<SCProps> =
+    React.cloneElement(functionComponentElement, { foo: 44 });
+const clonedlegacyStatelessComponentElement: React.SFCElement<SCProps> =
+    React.cloneElement(legacyStatelessComponentElement, { foo: 44 });
 // Clone base DOMElement
 const clonedDOMElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> =
     React.cloneElement(domElement, {
@@ -367,7 +397,12 @@ const ForwardingRefComponent = React.forwardRef((props: {}, ref: React.Ref<RefCo
 
 function RefCarryingComponent() {
     const ref: React.RefObject<RefComponent> = React.createRef();
-    return React.createElement(ForwardingRefComponent, { ref });
+    // Without the explicit type argument, TypeScript infers `{ref: React.RefObject<RefComponent>}`
+    // from the second argument because both of the inferences generated by the first argument
+    // (both to the `P` in the call signature and the `P` in `defaultProps`) have low priority.
+    // Then we get a type error because `ForwardingRefComponent.defaultProps` has the wrong type.
+    // Can/should this be fixed somehow?
+    return React.createElement<React.RefAttributes<RefComponent>>(ForwardingRefComponent, { ref });
 }
 
 //
@@ -446,6 +481,9 @@ DOM.svg({
 
 const mappedChildrenArray: number[] =
     React.Children.map<number>(children, (child) => 42);
+const childrenArray: Array<React.ReactElement<{ p: number }>> = children;
+const mappedChildrenArrayWithKnownChildren: number[] =
+    React.Children.map(childrenArray, (child) => child.props.p);
 React.Children.forEach(children, (child) => { });
 const nChildren: number = React.Children.count(children);
 let onlyChild: React.ReactElement<any> = React.Children.only(DOM.div()); // ok
@@ -604,12 +642,12 @@ const foundComponents: ModernComponent[] = TestUtils.scryRenderedComponentsWithT
 
 // ReactTestUtils custom type guards
 
-const emptyElement1: React.ReactElement<{}> = React.createElement(ModernComponent);
-if (TestUtils.isElementOfType(emptyElement1, StatelessComponent)) {
+const emptyElement1: React.ReactElement<Props> = React.createElement(ModernComponent);
+if (TestUtils.isElementOfType(emptyElement1, FunctionComponent)) {
     emptyElement1.props.foo;
 }
-const emptyElement2: React.ReactElement<{}> = React.createElement(StatelessComponent);
-if (TestUtils.isElementOfType(emptyElement2, StatelessComponent)) {
+const emptyElement2: React.ReactElement<SCProps> = React.createElement(FunctionComponent);
+if (TestUtils.isElementOfType(emptyElement2, FunctionComponent)) {
     emptyElement2.props.foo;
 }
 
@@ -715,3 +753,19 @@ class RenderChildren extends React.Component {
         return children !== undefined ? children : null;
     }
 }
+
+const Memoized1 = React.memo(function Foo(props: { foo: string }) { return null; });
+React.createElement(Memoized1, { foo: 'string' });
+
+const Memoized2 = React.memo(
+    function Bar(props: { bar: string }) { return null; },
+    (prevProps, nextProps) => prevProps.bar === nextProps.bar
+);
+React.createElement(Memoized2, { bar: 'string' });
+
+const specialSfc1: React.ExoticComponent<any> = Memoized1;
+const functionComponent: React.FunctionComponent<any> = Memoized2;
+const sfc: React.SFC<any> = Memoized2;
+// this $ExpectError is failing on TypeScript@next
+// // $ExpectError Property '$$typeof' is missing in type
+// const specialSfc2: React.SpecialSFC = props => null;
diff --git a/types/react/test/managedAttributes.tsx b/types/react/test/managedAttributes.tsx
index 56466e1cc8..1e0e8226d9 100644
--- a/types/react/test/managedAttributes.tsx
+++ b/types/react/test/managedAttributes.tsx
@@ -5,12 +5,12 @@ interface LeaveMeAloneDtslint { foo: string; }
 // import * as PropTypes from 'prop-types';
 
 // interface Props {
-//     bool?: boolean
-//     fnc: () => any
-//     node?: React.ReactNode
-//     num?: number
-//     reqNode: NonNullable<React.ReactNode>
-//     str: string
+//     bool?: boolean;
+//     fnc: () => any;
+//     node?: React.ReactNode;
+//     num?: number;
+//     reqNode: NonNullable<React.ReactNode>;
+//     str: string;
 // }
 
 // const propTypes = {
@@ -24,9 +24,9 @@ interface LeaveMeAloneDtslint { foo: string; }
 // };
 
 // const defaultProps = {
-//     fnc: function() { return 'abc' } as () => any,
+//     fnc: (() => 'abc') as () => any,
 //     extraBool: false,
-//     reqNode: 'text_node' as React.ReactNode
+//     reqNode: 'text_node' as NonNullable<React.ReactNode>
 // };
 
 // class AnnotatedPropTypesAndDefaultProps extends React.Component<Props> {
@@ -158,3 +158,67 @@ interface LeaveMeAloneDtslint { foo: string; }
 //         reqNode={<span />}
 //     />
 // ];
+
+// class ComponentWithNoDefaultProps extends React.Component<Props> {}
+
+// function FunctionalComponent(props: Props) { return <>{props.reqNode}</> }
+// FunctionalComponent.defaultProps = defaultProps;
+
+// const functionalComponentTests = [
+//     // $ExpectError
+//     <FunctionalComponent />,
+//     // This is possibly a bug/limitation of TS
+//     // Even if JSX.LibraryManagedAttributes returns the correct type, it doesn't seem to work with non-classes
+//     // This also doesn't work with things typed React.SFC<P> because defaultProps will always be Partial<P>
+//     // $ExpectError
+//     <FunctionalComponent str='' />
+// ];
+
+// const MemoFunctionalComponent = React.memo(FunctionalComponent);
+// const MemoAnnotatedDefaultProps = React.memo(AnnotatedDefaultProps);
+// const LazyMemoFunctionalComponent = React.lazy(async () => ({ default: MemoFunctionalComponent }));
+// const LazyMemoAnnotatedDefaultProps = React.lazy(async () => ({ default: MemoAnnotatedDefaultProps }));
+
+// const memoTests = [
+//     // $ExpectError
+//     <MemoFunctionalComponent />,
+//     // $ExpectError won't work as long as FunctionalComponent doesn't work either
+//     <MemoFunctionalComponent str='abc' />,
+//     // $ExpectError
+//     <MemoAnnotatedDefaultProps />,
+//     <AnnotatedDefaultProps str='abc' />,
+//     // $ExpectError this doesn't work despite JSX.LibraryManagedAttributes returning the correct type
+//     <MemoAnnotatedDefaultProps str='abc' />,
+//     // $ExpectError won't work as long as FunctionalComponent doesn't work either
+//     <LazyMemoFunctionalComponent str='abc' />,
+//     // $ExpectError
+//     <LazyMemoAnnotatedDefaultProps />,
+//     // $ExpectError this doesn't work despite JSX.LibraryManagedAttributes returning the correct type
+//     <LazyMemoAnnotatedDefaultProps str='abc' />
+// ];
+
+// type AnnotatedDefaultPropsLibraryManagedAttributes = JSX.LibraryManagedAttributes<typeof AnnotatedDefaultProps, Props>;
+// // $ExpectType AnnotatedDefaultPropsLibraryManagedAttributes
+// type FunctionalComponentLibraryManagedAttributes = JSX.LibraryManagedAttributes<typeof FunctionalComponent, Props>;
+// // $ExpectType FunctionalComponentLibraryManagedAttributes
+// type MemoFunctionalComponentLibraryManagedAttributes = JSX.LibraryManagedAttributes<typeof MemoFunctionalComponent, Props>;
+// // $ExpectType FunctionalComponentLibraryManagedAttributes
+// type LazyMemoFunctionalComponentLibraryManagedAttributes = JSX.LibraryManagedAttributes<typeof LazyMemoFunctionalComponent, Props>;
+
+// const ForwardRef = React.forwardRef((props: Props, ref: React.Ref<ComponentWithNoDefaultProps>) => (
+//     <ComponentWithNoDefaultProps ref={ref} {...props}/>
+// ));
+// ForwardRef.defaultProps = defaultProps;
+
+// const forwardRefTests = [
+//     // $ExpectError
+//     <ForwardRef />,
+//     <ForwardRef
+//         fnc={console.log}
+//         reqNode={<span />}
+//         str=''
+//     />,
+//     // same bug as MemoFunctionalComponent and React.SFC-typed things
+//     // $ExpectError the type of ForwardRef.defaultProps stays Partial<P> anyway even if assigned
+//     <ForwardRef str='abc' />
+// ];
diff --git a/types/react/test/tsx.tsx b/types/react/test/tsx.tsx
index 8f0e11aea5..f344fb2838 100644
--- a/types/react/test/tsx.tsx
+++ b/types/react/test/tsx.tsx
@@ -1,25 +1,26 @@
-import * as React from "react";
+import PropTypes = require("prop-types");
+import React = require("react");
 
 interface SCProps {
     foo?: number;
 }
-const StatelessComponent: React.SFC<SCProps> = ({ foo }: SCProps) => {
+const FunctionComponent: React.FunctionComponent<SCProps> = ({ foo }: SCProps) => {
     return <div>{foo}</div>;
 };
-StatelessComponent.displayName = "StatelessComponent3";
-StatelessComponent.defaultProps = {
+FunctionComponent.displayName = "FunctionComponent3";
+FunctionComponent.defaultProps = {
     foo: 42
 };
-<StatelessComponent />;
+<FunctionComponent />;
 
-const StatelessComponent2: React.SFC<SCProps> = ({ foo, children }) => {
+const FunctionComponent2: React.FunctionComponent<SCProps> = ({ foo, children }) => {
     return <div>{foo}{children}</div>;
 };
-StatelessComponent2.displayName = "StatelessComponent4";
-StatelessComponent2.defaultProps = {
+FunctionComponent2.displayName = "FunctionComponent4";
+FunctionComponent2.defaultProps = {
     foo: 42
 };
-<StatelessComponent2>24</StatelessComponent2>;
+<FunctionComponent2>24</FunctionComponent2>;
 
 // svg sanity check
 <svg viewBox="0 0 1000 1000">
@@ -70,10 +71,10 @@ class ComponentWithoutPropsAndState extends React.Component {
 }
 <ComponentWithoutPropsAndState />;
 
-const StatelessComponentWithoutProps: React.SFC = (props) => {
+const FunctionComponentWithoutProps: React.FunctionComponent = (props) => {
     return <div />;
 };
-<StatelessComponentWithoutProps />;
+<FunctionComponentWithoutProps />;
 
 // React.createContext
 const ContextWithRenderProps = React.createContext('defaultValue');
@@ -197,3 +198,130 @@ componentWithBadLifecycle.getSnapshotBeforeUpdate = () => { // $ExpectError
 componentWithBadLifecycle.componentDidUpdate = (prevProps: {}, prevState: {}, snapshot?: string) => { // $ExpectError
     return;
 };
+
+const Memoized1 = React.memo(function Foo(props: { foo: string }) { return null; });
+<Memoized1 foo='string'/>;
+
+const Memoized2 = React.memo(
+    function Bar(props: { bar: string }) { return null; },
+    (prevProps, nextProps) => prevProps.bar === nextProps.bar
+);
+<Memoized2 bar='string'/>;
+
+const Memoized3 = React.memo(class Test extends React.Component<{ x?: string }> {});
+<Memoized3 ref={ref => { if (ref) { ref.props.x; } }}/>;
+
+const memoized4Ref = React.createRef<HTMLDivElement>();
+const Memoized4 = React.memo(React.forwardRef((props: {}, ref: React.Ref<HTMLDivElement>) => <div ref={ref}/>));
+<Memoized4 ref={memoized4Ref}/>;
+
+const Memoized5 = React.memo<{ test: boolean }>(
+    prop => <>{prop.test && prop.children}</>,
+    (prevProps, nextProps) => nextProps.test ? prevProps.children === nextProps.children : prevProps.test
+);
+
+<Memoized5 test/>;
+
+// for some reason the ExpectType doesn't work if the type is namespaced
+// $ExpectType NamedExoticComponent<{}>
+const Memoized6 = React.memo(props => null);
+<Memoized6/>;
+// $ExpectError
+<Memoized6 foo/>;
+
+// NOTE: this test _requires_ TypeScript 3.1
+// It is passing, for what it's worth.
+// const Memoized7 = React.memo((() => {
+//     function HasDefaultProps(props: { test: boolean }) { return null; }
+//     HasDefaultProps.defaultProps = {
+//         test: true
+//     };
+//     return HasDefaultProps;
+// })());
+// // $ExpectType boolean
+// Memoized7.type.defaultProps.test;
+
+const LazyClassComponent = React.lazy(async () => ({ default: ComponentWithPropsAndState }));
+const LazyMemoized3 = React.lazy(async () => ({ default: Memoized3 }));
+const LazyRefForwarding = React.lazy(async () => ({ default: Memoized4 }));
+
+<React.Suspense fallback={<Memoized1 foo='string' />}>
+    <LazyClassComponent hello='test'/>
+    <LazyClassComponent ref={ref => { if (ref) { ref.props.hello; } }} hello='test'/>
+    <LazyMemoized3 ref={ref => { if (ref) { ref.props.x; } }}/>
+    <LazyRefForwarding ref={memoized4Ref}/>
+</React.Suspense>;
+
+<React.Suspense fallback={null}/>;
+// $ExpectError
+<React.Suspense/>;
+
+class LegacyContext extends React.Component {
+    static contextTypes = { foo: PropTypes.node.isRequired };
+
+    render() {
+        // $ExpectType any
+        this.context.foo;
+        return this.context.foo;
+    }
+}
+
+class LegacyContextAnnotated extends React.Component {
+    static contextTypes = { foo: PropTypes.node.isRequired };
+    context!: { foo: React.ReactNode };
+
+    render() {
+        // $ExpectType ReactNode
+        this.context.foo;
+        return this.context.foo;
+    }
+}
+
+class NewContext extends React.Component {
+    static contextType = ContextWithRenderProps;
+    context!: React.ContextType<typeof ContextWithRenderProps>;
+
+    render() {
+        // $ExpectType string
+        this.context;
+        return this.context;
+    }
+}
+
+const ForwardRef = React.forwardRef((props: JSX.IntrinsicElements['div'], ref?: React.Ref<HTMLDivElement>) => <div {...props} ref={ref}/>);
+const ForwardRef2 = React.forwardRef((props: React.ComponentProps<typeof ForwardRef>, ref?: React.Ref<HTMLDivElement>) => <ForwardRef {...props} ref={ref}/>);
+const divFnRef = (ref: HTMLDivElement|null) => { /* empty */ };
+const divRef = React.createRef<HTMLDivElement>();
+
+<ForwardRef ref={divFnRef}/>;
+<ForwardRef ref={divRef}/>;
+<ForwardRef ref='string'/>; // $ExpectError
+<ForwardRef2 ref={divFnRef}/>;
+<ForwardRef2 ref={divRef}/>;
+<ForwardRef2 ref='string'/>; // $ExpectError
+
+const newContextRef = React.createRef<NewContext>();
+<NewContext ref={newContextRef}/>;
+<NewContext ref='string'/>;
+
+const ForwardNewContext = React.forwardRef((_props: {}, ref?: React.Ref<NewContext>) => <NewContext ref={ref}/>);
+<ForwardNewContext ref={newContextRef}/>;
+<ForwardNewContext ref='string'/>; // $ExpectError
+
+const ForwardRef3 = React.forwardRef(
+    (props: JSX.IntrinsicElements['div'] & Pick<JSX.IntrinsicElements['div'] & { theme?: {} }, 'ref'|'theme'>, ref?: React.Ref<HTMLDivElement>) =>
+        <div {...props} ref={ref}/>
+);
+
+<ForwardRef3 ref={divFnRef}/>;
+<ForwardRef3 ref={divRef}/>;
+
+type ImgProps = React.ComponentProps<'img'>;
+// $ExpectType "async" | "auto" | "sync" | undefined
+type ImgPropsDecoding = ImgProps['decoding'];
+type ImgPropsWithRef = React.ComponentPropsWithRef<'img'>;
+// $ExpectType ((instance: HTMLImageElement | null) => void) | RefObject<HTMLImageElement> | null | undefined
+type ImgPropsWithRefRef = ImgPropsWithRef['ref'];
+type ImgPropsWithoutRef = React.ComponentPropsWithoutRef<'img'>;
+// $ExpectType false
+type ImgPropsHasRef = 'ref' extends keyof ImgPropsWithoutRef ? true : false;
diff --git a/types/react/tsconfig.json b/types/react/tsconfig.json
index b666fac305..e39916b9e4 100644
--- a/types/react/tsconfig.json
+++ b/types/react/tsconfig.json
@@ -4,7 +4,8 @@
         "test/index.ts",
         "test/tsx.tsx",
         "test/cssProperties.tsx",
-        "test/managedAttributes.tsx"
+        "test/managedAttributes.tsx",
+        "test/hooks.tsx"
     ],
     "compilerOptions": {
         "module": "commonjs",
@@ -14,7 +15,7 @@
         "noImplicitAny": true,
         "noImplicitThis": false,
         "strictNullChecks": true,
-        "strictFunctionTypes": false,
+        "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/react/tslint.json b/types/react/tslint.json
index 6a9d91ddbd..d2c103b50c 100644
--- a/types/react/tslint.json
+++ b/types/react/tslint.json
@@ -4,6 +4,7 @@
 		// TODOs
 		"dt-header": false,
 		"no-any-union": false,
+		"no-empty-interface": false,
 		"no-object-literal-type-assertion": false,
 		"no-unnecessary-generics": false,
 		"no-void-expression": false,
diff --git a/types/react/v15/index.d.ts b/types/react/v15/index.d.ts
index 65f00c258f..78ec7d8951 100644
--- a/types/react/v15/index.d.ts
+++ b/types/react/v15/index.d.ts
@@ -3582,6 +3582,7 @@ declare namespace React {
     // ----------------------------------------------------------------------
 
     interface ReactChildren {
+        map<T, C extends ReactElement<any>>(children: C[], fn: (child: C, index: number) => T): T[];
         map<T>(children: ReactNode, fn: (child: ReactChild, index: number) => T): T[];
         forEach(children: ReactNode, fn: (child: ReactChild, index: number) => any): void;
         count(children: ReactNode): number;
diff --git a/types/react/v15/test/index.ts b/types/react/v15/test/index.ts
index 6735e64eeb..30dd3bd75d 100644
--- a/types/react/v15/test/index.ts
+++ b/types/react/v15/test/index.ts
@@ -485,6 +485,9 @@ const ContextTypesSpecification: React.ComponentSpec<any, any> = {
 
 const mappedChildrenArray: number[] =
     React.Children.map<number>(children, (child) => 42);
+const childrenArray: Array<React.ReactElement<{ p: number }>> = children;
+const mappedChildrenArrayWithKnownChildren: number[] =
+    React.Children.map(childrenArray, (child) => child.props.p);
 React.Children.forEach(children, (child) => { });
 const nChildren: number = React.Children.count(children);
 let onlyChild: React.ReactElement<any> = React.Children.only(React.DOM.div()); // ok
diff --git a/types/reactable/index.d.ts b/types/reactable/index.d.ts
index e4315030af..5a6b80317d 100644
--- a/types/reactable/index.d.ts
+++ b/types/reactable/index.d.ts
@@ -13,12 +13,15 @@ export interface KeyLabelObject {
 
 export type ColumnsType = string | KeyLabelObject;
 
+export type SortDirection = 'asc' | 'desc';
+
 export type FilterMethodType = (text: string) => void;
 
 export interface TableComponentProperties<T> {
     data?: T[];
     className?: string;
     columns?: ColumnsType[];
+    defaultSort?: { column: string, direction: SortDirection };
     id?: string;
     sortable?: string[];
     filterable?: string[];
diff --git a/types/reactable/reactable-tests.tsx b/types/reactable/reactable-tests.tsx
index 22e48dd2cd..0510371b1b 100644
--- a/types/reactable/reactable-tests.tsx
+++ b/types/reactable/reactable-tests.tsx
@@ -65,7 +65,7 @@ export class FullblownReactableTestComponent extends React.Component {
             );
         }
         return (
-            <PersonTable>
+            <PersonTable defaultSort={{ column: "name", direction: 'asc' }}>
                 <PersonTableHeader>
                     {columns}
                 </PersonTableHeader>
diff --git a/types/reactstrap/lib/Button.d.ts b/types/reactstrap/lib/Button.d.ts
index 326e5f88de..f19ecf4e32 100644
--- a/types/reactstrap/lib/Button.d.ts
+++ b/types/reactstrap/lib/Button.d.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CSSModule } from '../index';
 
-export type ButtonProps<T = {}> = React.HTMLProps<HTMLButtonElement> & {
+export type ButtonProps<T = {}> = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   outline?: boolean;
   active?: boolean;
   block?: boolean;
diff --git a/types/reactstrap/lib/Col.d.ts b/types/reactstrap/lib/Col.d.ts
index 0d1bac535d..c52e32ec62 100644
--- a/types/reactstrap/lib/Col.d.ts
+++ b/types/reactstrap/lib/Col.d.ts
@@ -20,7 +20,7 @@ export type ColProps<T = {}> = React.HTMLProps<HTMLDivElement> & {
   lg?: ColumnProps;
   xl?: ColumnProps;
 
-  //custom widths
+  // custom widths
   widths?: string[];
 } & T;
 
diff --git a/types/reactstrap/lib/Dropdown.d.ts b/types/reactstrap/lib/Dropdown.d.ts
index 12d001accd..585a1e8693 100644
--- a/types/reactstrap/lib/Dropdown.d.ts
+++ b/types/reactstrap/lib/Dropdown.d.ts
@@ -5,7 +5,7 @@ export type Direction =
   | "up"
   | "down"
   | "left"
-  | "right"
+  | "right";
 
 export type UncontrolledProps<T = {}> = React.HTMLAttributes<HTMLElement> & {
   isOpen?: boolean;
diff --git a/types/reactstrap/reactstrap-tests.tsx b/types/reactstrap/reactstrap-tests.tsx
index 48afb0ce31..427c5ae19e 100644
--- a/types/reactstrap/reactstrap-tests.tsx
+++ b/types/reactstrap/reactstrap-tests.tsx
@@ -278,6 +278,14 @@ const Example13 = (
   </div>
 );
 
+interface CustomButtonProps extends ButtonProps {
+  customProp: string;
+}
+// NOTE: not adding the <{}> causes the generic parameter to be a spread type of CustomButtonProps,
+// for some reason this causes children to be inferred as being 'ReactNode & {}' which makes the spread
+// invalid. TS3.2 bug?
+const CustomButton: React.SFC<CustomButtonProps> = props => <Button<{}> {...props}/>;
+
 class Example14 extends React.Component<any, any> {
   state: any;
   constructor(props: any) {
@@ -3746,7 +3754,7 @@ function Example117() {
 }
 
 function Example118() {
-    const ref: string | ((e: any) => void) | React.RefObject<any> = null as any;
+    const ref: React.Ref<any> = React.createRef();
 
     <Button innerRef={ref}/>;
     <CardLink innerRef={ref}/>;
@@ -3759,7 +3767,7 @@ import { default as Alert_ } from './lib/Alert'; /* tslint:disable-line: no-rela
 import { default as Badge_ } from './lib/Badge'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as Breadcrumb_ } from './lib/Breadcrumb'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as BreadcrumbItem_ } from './lib/BreadcrumbItem'; /* tslint:disable-line: no-relative-import-in-test */
-import { default as Button_ } from './lib/Button'; /* tslint:disable-line: no-relative-import-in-test */
+import { default as Button_, ButtonProps } from './lib/Button'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as ButtonDropdown_ } from './lib/ButtonDropdown'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as ButtonGroup_ } from './lib/ButtonGroup'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as ButtonToolbar_ } from './lib/ButtonToolbar'; /* tslint:disable-line: no-relative-import-in-test */
diff --git a/types/reactstrap/v4/lib/BreadcrumbItem.d.ts b/types/reactstrap/v4/lib/BreadcrumbItem.d.ts
index 0277305b21..6c6b68d3c3 100644
--- a/types/reactstrap/v4/lib/BreadcrumbItem.d.ts
+++ b/types/reactstrap/v4/lib/BreadcrumbItem.d.ts
@@ -12,4 +12,3 @@ interface Props {
 
 declare var BreadcrumbItem: React.StatelessComponent<Props>;
 export default BreadcrumbItem;
-
diff --git a/types/reactstrap/v4/lib/ButtonDropdown.d.ts b/types/reactstrap/v4/lib/ButtonDropdown.d.ts
index 9ab54c7502..28ab35b7cf 100644
--- a/types/reactstrap/v4/lib/ButtonDropdown.d.ts
+++ b/types/reactstrap/v4/lib/ButtonDropdown.d.ts
@@ -9,4 +9,4 @@ export interface UncontrolledProps extends DropdownUncontrolledProps { }
 interface Props extends DropdownProps { }
 
 declare var ButtonDropdown: React.StatelessComponent<Props>;
-export default ButtonDropdown;
\ No newline at end of file
+export default ButtonDropdown;
diff --git a/types/reactstrap/v4/lib/Card.d.ts b/types/reactstrap/v4/lib/Card.d.ts
index 0dbde7f879..aa271eea80 100644
--- a/types/reactstrap/v4/lib/Card.d.ts
+++ b/types/reactstrap/v4/lib/Card.d.ts
@@ -13,4 +13,3 @@ interface Props {
 
 declare var Card: React.StatelessComponent<Props>;
 export default Card;
-
diff --git a/types/reactstrap/v4/lib/CardBlock.d.ts b/types/reactstrap/v4/lib/CardBlock.d.ts
index 0aa31a63a7..6aa41abb2f 100644
--- a/types/reactstrap/v4/lib/CardBlock.d.ts
+++ b/types/reactstrap/v4/lib/CardBlock.d.ts
@@ -8,4 +8,3 @@ interface Props {
 
 declare var CardBlock: React.StatelessComponent<Props>;
 export default CardBlock;
-
diff --git a/types/reactstrap/v4/lib/Col.d.ts b/types/reactstrap/v4/lib/Col.d.ts
index a2ea76d607..2740f95ef0 100644
--- a/types/reactstrap/v4/lib/Col.d.ts
+++ b/types/reactstrap/v4/lib/Col.d.ts
@@ -16,7 +16,7 @@ interface Props extends React.HTMLProps<HTMLDivElement> {
   lg?: ColumnProps;
   xl?: ColumnProps;
 
-  //custom widths
+  // custom widths
   widths?: string[];
 }
 
diff --git a/types/reactstrap/v4/lib/ListGroupItem.d.ts b/types/reactstrap/v4/lib/ListGroupItem.d.ts
index b2241998dc..58bf40fff3 100644
--- a/types/reactstrap/v4/lib/ListGroupItem.d.ts
+++ b/types/reactstrap/v4/lib/ListGroupItem.d.ts
@@ -9,7 +9,7 @@ interface Props {
   className?: string;
   cssModule?: CSSModule;
   href?: string;
-    
+
   onClick?: React.MouseEventHandler<any>;
 }
 
diff --git a/types/reactstrap/v4/lib/NavDropdown.d.ts b/types/reactstrap/v4/lib/NavDropdown.d.ts
index 6b480d495a..e28dbe4732 100644
--- a/types/reactstrap/v4/lib/NavDropdown.d.ts
+++ b/types/reactstrap/v4/lib/NavDropdown.d.ts
@@ -9,4 +9,4 @@ export interface UncontrolledProps extends DropdownUncontrolledProps { }
 interface Props extends DropdownProps { }
 
 declare var NavDropdown: React.StatelessComponent<Props>;
-export default NavDropdown;
\ No newline at end of file
+export default NavDropdown;
diff --git a/types/reactstrap/v4/lib/Tooltip.d.ts b/types/reactstrap/v4/lib/Tooltip.d.ts
index 9dba615084..11b80e0543 100644
--- a/types/reactstrap/v4/lib/Tooltip.d.ts
+++ b/types/reactstrap/v4/lib/Tooltip.d.ts
@@ -37,7 +37,5 @@ interface Props extends UncontrolledProps {
   isOpen?: boolean;
 }
 
-
-
 declare var Tooltip: React.StatelessComponent<Props>;
 export default Tooltip;
diff --git a/types/reactstrap/v4/lib/Uncontrolled.d.ts b/types/reactstrap/v4/lib/Uncontrolled.d.ts
index 151ee012d3..5443238f0b 100644
--- a/types/reactstrap/v4/lib/Uncontrolled.d.ts
+++ b/types/reactstrap/v4/lib/Uncontrolled.d.ts
@@ -14,16 +14,8 @@ import {
   UncontrolledProps as TooltipUncontrolledProps
 } from './Tooltip';
 
-declare var UncontrolledAlert: React.StatelessComponent<AlertUncontrolledProps>;
-declare var UncontrolledButtonDropdown: React.StatelessComponent<ButtonDropdownUncontrolledProps>;
-declare var UncontrolledDropdown: React.StatelessComponent<DropdownUncontrolledProps>;
-declare var UncontrolledNavDropdown: React.StatelessComponent<NavDropdownUncontrolledProps>;
-declare var UncontrolledTooltip: React.StatelessComponent<TooltipUncontrolledProps>;
-
-export {
-  UncontrolledAlert,
-  UncontrolledButtonDropdown,
-  UncontrolledDropdown,
-  UncontrolledNavDropdown,
-  UncontrolledTooltip
-}
\ No newline at end of file
+export const UncontrolledAlert: React.StatelessComponent<AlertUncontrolledProps>;
+export const UncontrolledButtonDropdown: React.StatelessComponent<ButtonDropdownUncontrolledProps>;
+export const UncontrolledDropdown: React.StatelessComponent<DropdownUncontrolledProps>;
+export const UncontrolledNavDropdown: React.StatelessComponent<NavDropdownUncontrolledProps>;
+export const UncontrolledTooltip: React.StatelessComponent<TooltipUncontrolledProps>;
diff --git a/types/readline-transform/index.d.ts b/types/readline-transform/index.d.ts
index ec1ce8b56c..4bfb24a575 100644
--- a/types/readline-transform/index.d.ts
+++ b/types/readline-transform/index.d.ts
@@ -7,15 +7,19 @@
 
 import { Transform, TransformOptions } from 'stream';
 
-export interface ReadlineTransformOptions extends TransformOptions {
-  /** line break matcher for str.split() (default: /\r?\n/) */
-  breakMatcher?: RegExp;
-  /** if content ends with line break, ignore last empty line (default: true) */
-  ignoreEndOfBreak?: boolean;
-  /** if line is empty string, skip it (default: false) */
-  skipEmpty?: boolean;
+declare namespace ReadlineTransform {
+    interface Options extends TransformOptions {
+    /** line break matcher for str.split() (default: /\r?\n/) */
+    breakMatcher?: RegExp;
+    /** if content ends with line break, ignore last empty line (default: true) */
+    ignoreEndOfBreak?: boolean;
+    /** if line is empty string, skip it (default: false) */
+    skipEmpty?: boolean;
+    }
 }
 
-export default class ReadlineTransform extends Transform {
-  constructor(options?: ReadlineTransformOptions);
+declare class ReadlineTransform extends Transform {
+  constructor(options?: ReadlineTransform.Options);
 }
+
+export = ReadlineTransform;
diff --git a/types/readline-transform/readline-transform-tests.ts b/types/readline-transform/readline-transform-tests.ts
index 9c343bd352..fc2b3e0e3a 100644
--- a/types/readline-transform/readline-transform-tests.ts
+++ b/types/readline-transform/readline-transform-tests.ts
@@ -1,5 +1,5 @@
 import { PassThrough } from 'stream';
-import ReadlineTransform from 'readline-transform';
+import ReadlineTransform = require('readline-transform');
 
 const readStream = new PassThrough();
 const transform = new ReadlineTransform({
diff --git a/types/readline-transform/tsconfig.json b/types/readline-transform/tsconfig.json
index 4bf70a9d30..2e76497489 100644
--- a/types/readline-transform/tsconfig.json
+++ b/types/readline-transform/tsconfig.json
@@ -20,4 +20,4 @@
         "index.d.ts",
         "readline-transform-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/rebass/index.d.ts b/types/rebass/index.d.ts
index f209bed8ac..220f394f13 100644
--- a/types/rebass/index.d.ts
+++ b/types/rebass/index.d.ts
@@ -1,19 +1,19 @@
-// Type definitions for Rebass 0.2.6
+// Type definitions for Rebass 0.3.8
 // Project: https://github.com/jxnblk/rebass
 // Definitions by: rhysd <https://rhysd.github.io>
+//                 ryee-dev <https://github.com/ryee-dev>
+//                 jamesmckenzie <https://github.com/jamesmckenzie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-///<reference types="react" />
-
 import * as React from "react";
 
-export interface BaseProps<C> extends React.Props<C> {
-    tagName?: string;
+export interface BaseProps<C> extends React.ClassAttributes<C> {
     className?: string;
-    fontSize?: number | number[];
-    baseStyle?: Object;
-    style?: Object;
+    as?: string;
+}
+
+export interface SpaceProps<C> extends BaseProps<C> {
     m?: number;
     mt?: number;
     mr?: number;
@@ -28,514 +28,80 @@ export interface BaseProps<C> extends React.Props<C> {
     pl?: number;
     px?: number;
     py?: number;
+}
+
+export interface BoxProps extends SpaceProps<BoxClass> {
+    className?: string;
+    width?: number | number[];
+    fontSize?: number | number[];
+    css?: Object;
     color?: string;
-    backgroundColor?: string;
-    inverted?: boolean;
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-    circle?: boolean;
-    pill?: boolean;
+    bg?: string;
 }
+type BoxClass = React.StatelessComponent<BoxProps>;
+export declare const Box: BoxClass;
 
-export interface ArrowProps extends BaseProps<ArrowClass> {
-    direction?: "up" | "down";
+export interface ButtonProps extends BoxProps {
+    fontWeight?: string;
+    border?: number;
+    borderColor?: string;
+    borderRadius?: number;
+    variant?: string;
 }
-type ArrowClass = React.StatelessComponent<ArrowProps>
-export declare const Arrow: ArrowClass;
+type ButtonClass = React.StatelessComponent<ButtonProps>;
+export declare const Button: ButtonClass;
 
-export interface AvatarProps extends BaseProps<AvatarClass> {
-    size?: number;
-    src?: string;
+export interface CardProps extends BoxProps {
+    border?: number;
+    borderColor?: string;
+    borderRadius?: number;
+    boxShadow?: string;
+    backgroundImage?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: string;
+    opacity?: number;
+    variant?: string;
 }
-type AvatarClass = React.StatelessComponent<AvatarProps>
-export declare const Avatar: AvatarClass;
+type CardClass = React.StatelessComponent<CardProps>;
+export declare const Card: CardClass;
 
-export interface ImageProps extends BaseProps<ImageClass> {
-    size?: number;
+export interface FlexProps extends BoxProps {
+    alignItems?: string;
+    justifyContent?: string;
+    flexDirection?: string;
+    flexWrap?: string;
+}
+type FlexClass = React.StatelessComponent<FlexProps>;
+export declare const Flex: FlexClass;
+
+export interface ImageProps extends BoxProps {
+    height?: number;
+    borderRadius?: number;
     src?: string;
     alt?: string;
 }
-type ImageClass = React.StatelessComponent<ImageProps>
+type ImageClass = React.StatelessComponent<ImageProps>;
 export declare const Image: ImageClass;
 
-export interface BadgeProps extends BaseProps<BadgeClass> {
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-    pill?: boolean;
-    circle?: boolean;
-}
-type BadgeClass = React.StatelessComponent<BadgeProps>
-export declare const Badge: BadgeClass;
-
-export interface BannerProps extends BaseProps<BannerClass> {
-    align?: "left" | "center" | "right";
-    backgroundImage: string;
-}
-type BannerClass = React.StatelessComponent<BannerProps>
-export declare const Banner: BannerClass;
-
-export interface BlockProps extends BaseProps<BlockClass> {
-    m?: number;
-    mt?: number;
-    mr?: number;
-    mb?: number;
-    ml?: number;
-    mx?: number;
-    my?: number;
-    p?: number;
-    pt?: number;
-    pr?: number;
-    pb?: number;
-    pl?: number;
-    px?: number;
-    py?: number;
-    color?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    border?: boolean;
-    borderTop?: boolean;
-    borderRight?: boolean;
-    borderBottom?: boolean;
-    borderLeft?: boolean;
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-}
-type BlockClass = React.StatelessComponent<BlockProps>
-export declare const Block: BlockClass;
-
-export interface BlockquoteProps extends BaseProps<BlockquoteClass> {
-    source: string;
-    href: string;
-}
-type BlockquoteClass = React.StatelessComponent<BlockquoteProps>
-export declare const Blockquote: BlockquoteClass;
-
-export interface BreadcrumbsProps extends BaseProps<BreadcrumbsClass> {
-    links: {
-        children: any;
-        href: string;
-    }[];
-}
-type BreadcrumbsClass = React.StatelessComponent<BreadcrumbsProps>
-export declare const Breadcrumbs: BreadcrumbsClass;
-
-export interface ButtonProps extends BaseProps<ButtonClass> {
-    href?: string;
-    color?: string;
-    backgroundColor?: string;
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-    pill?: boolean;
-    big?: boolean;
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type ButtonClass = React.StatelessComponent<ButtonProps>
-export declare const Button: ButtonClass;
-
-export interface ButtonCircleProps extends BaseProps<ButtonCircleClass> {
-    title?: string;
-    href?: string;
-    color?: string;
-    backgroundColor?: string;
-    size?: number;
-}
-type ButtonCircleClass = React.StatelessComponent<ButtonCircleProps>
-export declare const ButtonCircle: ButtonCircleClass;
-
-export interface ButtonOutlineProps extends BaseProps<ButtonOutlineClass> {
-    href?: string;
-    color?: string;
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-    pill?: boolean;
-    big?: boolean;
-}
-type ButtonOutlineClass = React.StatelessComponent<ButtonOutlineProps>
-export declare const ButtonOutline: ButtonOutlineClass;
-
-export interface CardProps extends BaseProps<CardClass> {
-    width?: number | string;
-}
-type CardClass = React.StatelessComponent<CardProps>
-export declare const Card: CardClass;
-
-export interface CardImageProps extends BaseProps<CardImageClass> {
-    src?: string;
-}
-type CardImageClass = React.StatelessComponent<CardImageProps>
-export declare const CardImage: CardImageClass;
-
-export interface CheckboxProps extends BaseProps<CheckboxClass> {
-    label?: string;
-    checked?: boolean;
-    name?: string;
-    readOnly?: boolean;
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type CheckboxClass = React.StatelessComponent<CheckboxProps>
-export declare const Checkbox: CheckboxClass;
-
-export interface CloseProps extends BaseProps<CloseClass> {
-}
-type CloseClass = React.StatelessComponent<CloseProps>
-export declare const Close: CloseClass;
-
-export interface ContainerProps extends BaseProps<ContainerClass> {
-}
-type ContainerClass = React.StatelessComponent<ContainerProps>
-export declare const Container: ContainerClass;
-
-export interface DividerProps extends BaseProps<DividerClass> {
-    width?: number;
-}
-type DividerClass = React.StatelessComponent<DividerProps>
-export declare const Divider: DividerClass;
-
-export interface DonutProps extends BaseProps<DonutClass> {
-    value?: number;
-    size?: number;
-    strokeWidth?: number;
-    color?: string;
-}
-type DonutClass = React.StatelessComponent<DonutProps>
-export declare const Donut: DonutClass;
-
-export interface DotIndicatorProps extends BaseProps<DotIndicatorClass> {
-    length?: number;
-    active?: number;
-    onClick?: Function;
-}
-type DotIndicatorClass = React.StatelessComponent<DotIndicatorProps>
-export declare const DotIndicator: DotIndicatorClass;
-
-export interface DrawerProps extends BaseProps<DrawerClass> {
-    size?: number;
-    open?: boolean;
-    position?: "top" | "right" | "bottom" | "left";
-    onDismiss?: Function;
-}
-type DrawerClass = React.StatelessComponent<DrawerProps>
-export declare const Drawer: DrawerClass;
-
-export interface DropdownProps extends BaseProps<DropdownClass> {
-}
-type DropdownClass = React.StatelessComponent<DropdownProps>
-export declare const Dropdown: DropdownClass;
-
-export interface DropdownMenuProps extends BaseProps<DropdownMenuClass> {
-    open?: boolean;
-    right?: boolean;
-    top?: boolean;
-    onDismiss?: Function;
-}
-type DropdownMenuClass = React.StatelessComponent<DropdownMenuProps>
-export declare const DropdownMenu: DropdownMenuClass;
-
-export interface EmbedProps extends BaseProps<EmbedClass> {
-    ratio?: number;
-}
-type EmbedClass = React.StatelessComponent<EmbedProps>
-export declare const Embed: EmbedClass;
-
-export interface FixedProps extends BaseProps<FixedClass> {
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    zIndex?: number;
-}
-type FixedClass = React.StatelessComponent<FixedProps>
-export declare const Fixed: FixedClass;
-
-export interface FooterProps extends BaseProps<FooterClass> {
-}
-type FooterClass = React.StatelessComponent<FooterProps>
-export declare const Footer: FooterClass;
-
-export interface HeadingProps extends BaseProps<HeadingClass> {
-    big?: boolean;
-    level?: number;
-    size?: number;
-    alt?: boolean;
-}
-type HeadingClass = React.StatelessComponent<HeadingProps>
-export declare const Heading: HeadingClass;
-
-export interface HeadingLinkProps extends BaseProps<HeadingLinkClass> {
-    level?: number;
-    size?: number;
+export interface LinkProps extends BoxProps {
     href?: string;
 }
-type HeadingLinkClass = React.StatelessComponent<HeadingLinkProps>
-export declare const HeadingLink: HeadingLinkClass;
-
-export interface LinkProps extends BaseProps<LinkClass> {
-    is?: string | Object | Function;
-    href?: string;
-}
-type LinkClass = React.StatelessComponent<LinkProps>
+type LinkClass = React.StatelessComponent<LinkProps>;
 export declare const Link: LinkClass;
 
-export interface InlineFormProps extends BaseProps<InlineFormClass> {
-    label?: string;
-    name?: string;
-    value?: number | string;
-    placeholder?: string;
-    onChange?: Function;
-    buttonLabel?: string;
-    onClick?: Function;
-}
-type InlineFormClass = React.StatelessComponent<InlineFormProps>
-export declare const InlineForm: InlineFormClass;
-
-export interface InputProps extends BaseProps<InputClass> {
-    label?: string;
-    name?: string;
-    type?: string;
-    message?: string;
-    hideLabel?: boolean;
-    rounded?: boolean | "top" | "right" | "bottom" | "left";
-    placeholder?: string;
-}
-type InputClass = React.StatelessComponent<InputProps>
-export declare const Input: InputClass;
-
-export interface LabelProps extends BaseProps<LabelClass> {
-    hide?: boolean;
-}
-type LabelClass = React.StatelessComponent<LabelProps>
-export declare const Label: LabelClass;
-
-export interface LinkBlockProps extends BaseProps<LinkBlockClass> {
-    is?: string | Object | Function;
-    href?: string;
-}
-type LinkBlockClass = React.StatelessComponent<LinkBlockProps>
-export declare const LinkBlock: LinkBlockClass;
-
-export interface MediaProps extends BaseProps<MediaClass> {
-    img?: string;
-    right?: boolean;
-    align?: "top" | "center" | "bottom";
-}
-type MediaClass = React.StatelessComponent<MediaProps>
-export declare const Media: MediaClass;
-
-export interface MenuProps extends BaseProps<MenuClass> {
-}
-type MenuClass = React.StatelessComponent<MenuProps>
-export declare const Menu: MenuClass;
-
-export interface MessageProps extends BaseProps<MessageClass> {
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type MessageClass = React.StatelessComponent<MessageProps>
-export declare const Message: MessageClass;
-
-export interface NavItemProps extends BaseProps<NavItemClass> {
-    small?: boolean;
-    is?: string | Object | Function;
-}
-type NavItemClass = React.StatelessComponent<NavItemProps>
-export declare const NavItem: NavItemClass;
-
-export interface OverlayProps extends BaseProps<OverlayClass> {
-    open?: boolean;
-    dark?: boolean;
-    box?: boolean;
-    fullWidth?: boolean;
-    onDismiss?: Function;
-}
-type OverlayClass = React.StatelessComponent<OverlayProps>
-export declare const Overlay: OverlayClass;
-
-export interface PageHeaderProps extends BaseProps<PageHeaderClass> {
-    heading?: string;
-    description?: string;
-}
-type PageHeaderClass = React.StatelessComponent<PageHeaderProps>
-export declare const PageHeader: PageHeaderClass;
-
-export interface PanelProps extends BaseProps<PanelClass> {
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type PanelClass = React.StatelessComponent<PanelProps>
-export declare const Panel: PanelClass;
-
-export interface PanelFooterProps extends BaseProps<PanelFooterClass> {
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type PanelFooterClass = React.StatelessComponent<PanelFooterProps>
-export declare const PanelFooter: PanelFooterClass;
-
-export interface PanelHeaderProps extends BaseProps<PanelHeaderClass> {
-    theme?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error";
-}
-type PanelHeaderClass = React.StatelessComponent<PanelHeaderProps>
-export declare const PanelHeader: PanelHeaderClass;
-
-export interface PreProps extends BaseProps<PreClass> {
-}
-type PreClass = React.StatelessComponent<PreProps>
-export declare const Pre: PreClass;
-
-export interface ProgressProps extends BaseProps<ProgressClass> {
-    value?: number;
+export interface TextProps extends BoxProps {
+    fontSize?: number | number[];
+    fontWeight?: string;
     color?: string;
+    fontFamily?: string;
+    textAlign?: string;
+    lineHeight?: number;
+    letterSpacing?: number;
 }
-type ProgressClass = React.StatelessComponent<ProgressProps>
-export declare const Progress: ProgressClass;
-
-export interface RadioProps extends BaseProps<RadioClass> {
-    checked?: boolean;
-    group?: string;
-    label?: string;
-    name?: string;
-    readOnly?: boolean;
-}
-type RadioClass = React.StatelessComponent<RadioProps>
-export declare const Radio: RadioClass;
-
-export interface RatingProps extends BaseProps<RatingClass> {
-    value?: number;
-    onClick?: Function;
-}
-type RatingClass = React.StatelessComponent<RatingProps>
-export declare const Rating: RatingClass;
-
-export interface SectionProps extends BaseProps<SectionClass> {
-}
-type SectionClass = React.StatelessComponent<SectionProps>
-export declare const Section: SectionClass;
-
-export interface SectionHeaderProps extends BaseProps<SectionHeaderClass> {
-    heading?: string;
-    href?: string;
-    description?: string;
-}
-type SectionHeaderClass = React.StatelessComponent<SectionHeaderProps>
-export declare const SectionHeader: SectionHeaderClass;
-
-export interface SelectProps extends BaseProps<SelectClass> {
-    label?: string;
-    name?: string;
-    options?: {
-        children: any;
-        value: any;
-    }[];
-    message?: string;
-    hideLabel?: boolean;
-}
-type SelectClass = React.StatelessComponent<SelectProps>
-export declare const Select: SelectClass;
-
-export interface SequenceMapProps extends BaseProps<SequenceMapClass> {
-    steps?: {
-        children: any;
-        href: string;
-    }[];
-    active?: number;
-}
-type SequenceMapClass = React.StatelessComponent<SequenceMapProps>
-export declare const SequenceMap: SequenceMapClass;
-
-export interface SequenceMapStepProps extends BaseProps<SequenceMapStepClass> {
-    width?: string;
-    first?: boolean;
-    active?: boolean;
-}
-type SequenceMapStepClass = React.StatelessComponent<SequenceMapStepProps>
-export declare const SequenceMapStep: SequenceMapStepClass;
-
-export interface SliderProps extends BaseProps<SliderClass> {
-    label?: string;
-    name?: string;
-    fill?: boolean;
-    hideLabel?: boolean;
-    value?: number;
-    defaultValue?: number;
-    readOnly?: boolean;
-}
-type SliderClass = React.StatelessComponent<SliderProps>
-export declare const Slider: SliderClass;
-
-export interface SpaceProps extends BaseProps<SpaceClass> {
-    x?: number;
-    auto?: boolean;
-}
-type SpaceClass = React.StatelessComponent<SpaceProps>
-export declare const Space: SpaceClass;
-
-export interface StatProps extends BaseProps<StatClass> {
-    value?: number | string;
-    unit?: string;
-    label?: string;
-    topLabel?: boolean;
-}
-type StatClass = React.StatelessComponent<StatProps>
-export declare const Stat: StatClass;
-
-export interface SwitchProps extends BaseProps<SwitchClass> {
-    checked?: boolean;
-}
-type SwitchClass = React.StatelessComponent<SwitchProps>
-export declare const Switch: SwitchClass;
-
-export interface TableProps extends BaseProps<TableClass> {
-    headings?: any[];
-    data?: any[][];
-}
-type TableClass = React.StatelessComponent<TableProps>
-export declare const Table: TableClass;
-
-export interface TextProps extends BaseProps<TextClass> {
-    small?: boolean;
-    bold?: boolean;
-}
-type TextClass = React.StatelessComponent<TextProps>
+type TextClass = React.StatelessComponent<TextProps>;
 export declare const Text: TextClass;
 
-export interface TextareaProps extends BaseProps<TextareaClass> {
-    label?: string;
-    name?: string;
-    message?: string;
-    hideLabel?: boolean;
-}
-type TextareaClass = React.StatelessComponent<TextareaProps>
-export declare const Textarea: TextareaClass;
-
-export interface ToolbarProps extends BaseProps<ToolbarClass> {
-}
-type ToolbarClass = React.StatelessComponent<ToolbarProps>
-export declare const Toolbar: ToolbarClass;
-
-export interface TooltipProps extends BaseProps<TooltipClass> {
-    text?: string;
-    title?: string;
-}
-type TooltipClass = React.StatelessComponent<TooltipProps>
-export declare const Tooltip: TooltipClass;
-
-export interface FontWeights {
-    normal?: number;
-    bold?: number;
-}
-
-export interface Fonts {
-    [0]?: string;
-    sans?: string;
-    mono?: string;
-}
-
-export interface Theme {
-    breakpoints?: string[];
-    space?: number[];
-    fontSizes?: number[];
-    fontWeights?: FontWeights;
-    fonts?: Fonts;
-    shadows?: string[];
-    radii?: number[];
-}
-
-export interface ProviderProps {
-    theme?: Theme;
-}
-
-type ProviderClass = React.StatelessComponent<ProviderProps>;
-export const Provider: ProviderClass;
\ No newline at end of file
+export interface HeadingProps extends TextProps {}
+type HeadingClass = React.StatelessComponent<HeadingProps>;
+export declare const Heading: HeadingClass;
diff --git a/types/rebass/rebass-tests.tsx b/types/rebass/rebass-tests.tsx
index 814c11a523..5980963829 100644
--- a/types/rebass/rebass-tests.tsx
+++ b/types/rebass/rebass-tests.tsx
@@ -1,634 +1,29 @@
+import * as React from 'react';
+import { Box, Flex, Text, Heading, Button, Link, Image, Card } from 'rebass';
 
-import * as React from "react";
-import {
-    Arrow
-  , Avatar
-  , Badge
-  , Banner
-  , Block
-  , Blockquote
-  , Breadcrumbs
-  , Button
-  , ButtonCircle
-  , ButtonOutline
-  , Card
-  , CardImage
-  , Checkbox
-  , Close
-  , Container
-  , Divider
-  , Donut
-  , DotIndicator
-  , Drawer
-  , Dropdown
-  , DropdownMenu
-  , Embed
-  , Fixed
-  , Footer
-  , Heading
-  , HeadingLink
-  , InlineForm
-  , Input
-  , Label
-  , LinkBlock
-  , Media
-  , Menu
-  , Message
-  , NavItem
-  , Overlay
-  , PageHeader
-  , Panel
-  , PanelFooter
-  , PanelHeader
-  , Pre
-  , Progress
-  , Provider
-  , Radio
-  , Rating
-  , Section
-  , SectionHeader
-  , Select
-  , SequenceMap
-  , SequenceMapStep
-  , Slider
-  , Space
-  , Stat
-  , Switch
-  , Table
-  , Text
-  , Textarea
-  , Toolbar
-  , Tooltip
-} from "rebass";
-
-interface IconProps extends React.Props<Icon> {
-  fill: string;
-  height: string;
-  name: string;
-  width: string;
-}
-
-class Icon extends React.Component<IconProps> {
-  render() {
-    return <div></div>;
-  }
-}
-
-class RebassTest extends React.Component {
-  render() {
-    return <div>
-      <Button
-        backgroundColor="primary"
-        color="white"
-        inverted={true}
-        rounded={true}
-      >
-        Arrow
-        <Arrow direction="down" />
-      </Button>
-
-      <Avatar
-        circle={true}
-        size={48}
-        src="http://lorempixel.com/64/64/cats"
-      />
-
-      <div>
-        <Heading level={4}>
-          Rebass
-        </Heading>
-        <Space x={1} />
-        <Badge
-          rounded={true}
-          theme="info"
-        >
-          0.2.0
-        </Badge>
-        <Space x={2} />
-        <Heading level={4}>
-          Pill
-        </Heading>
-        <Space x={1} />
-        <Badge
-          pill={true}
-          rounded={true}
-          theme="info"
-        >
-          Pill
-        </Badge>
-        <Space x={2} />
-        <Heading level={4}>
-          Circular
-        </Heading>
-        <Space x={1} />
-        <Badge
-          circle={true}
-          rounded={true}
-          theme="error"
-        >
-          4
-        </Badge>
-      </div>
-
-      <Banner
-        align="center"
-        backgroundImage="https://d262ilb51hltx0.cloudfront.net/max/2000/1*DZwdGMaeu-rvTroJYui6Uw.jpeg"
-      >
-        <Heading
-          level={2}
-          size={0}
-        >
-          Rebass
-        </Heading>
-      </Banner>
-
-      <Block
-        borderLeft={true}
-        color="blue"
-        px={2}
-      >
-        <Media img="http://placehold.it/128/08e/fff">
-          <Heading
-            level={2}
-            size={0}
-          >
-            Block
-          </Heading>
-          <Text>
-            Generic box for containing things
-          </Text>
-          <Text fontSize={32}>
-            This is a large font
-          </Text>
-          <Text fontSize={[14, 18, 24]}>
-            A set of fonts!
-          </Text>
-        </Media>
-      </Block>
-
-      <Blockquote
-        href="http://webtypography.net/3.1.1"
-        source="Robert Bringhurst"
-      >
-        In the sixteenth century, a series of common sizes developed among European typographers, and the series survived with little change and few additions for 400 years. […] Use the old familiar scale, or use new scales of your own devising, but limit yourself, at first, to a modest set of distinct and related intervals.
-      </Blockquote>
-
-      <Breadcrumbs links={[{children: 'Jxnblk', href: '#!'}, {children: 'Rebass', href: '#!'}, {children: 'Breadcrumbs', href: '#!'}]} />
-
-      <div>
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded={true}
-        >
-          Button
-        </Button>
-      </div>
-
-      <div>
-        <ButtonCircle title="Like">
-          <Icon
-            fill="currentColor"
-            height="1em"
-            name="heart"
-            width="1em"
-          />
-        </ButtonCircle>
-        <ButtonCircle title="Comment">
-          <Icon
-            fill="currentColor"
-            height="1em"
-            name="chat"
-            width="1em"
-          />
-        </ButtonCircle>
-        <ButtonCircle title="Repost">
-          <Icon
-            fill="currentColor"
-            height="1em"
-            name="repost"
-            width="1em"
-          />
-        </ButtonCircle>
-        <ButtonCircle title="Bookmark">
-          <Icon
-            fill="currentColor"
-            height="1em"
-            name="bookmark"
-            width="1em"
-          />
-        </ButtonCircle>
-        <ButtonCircle title="Tag">
-          <Icon
-            fill="currentColor"
-            height="1em"
-            name="tag"
-            width="1em"
-          />
-        </ButtonCircle>
-        <Text small={true}>
-          Example Icon component from react-geomicons
-        </Text>
-      </div>
-
-      <div>
-        <ButtonOutline
-          color="primary"
-          inverted={false}
-          rounded="left"
-        >
-          Button
-        </ButtonOutline>
-        <ButtonOutline
-          color="primary"
-          inverted={false}
-          rounded={false}
-          style={{marginLeft: -1}}
-        >
-          Group
-        </ButtonOutline>
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded="right"
-          style={{marginLeft: -1}}
-        >
-          Button
-        </Button>
-      </div>
-
+const RebassTests = () => (
+  <Box width={1} css={{ height: '100vh' }}>
+    <Flex width={1} alignItems="center" justifyContent="center">
+      <Heading fontSize={5} fontWeight="bold">Hi, I'm a heading.</Heading>
+      <Text fontSize={3}>Hi, I'm text.</Text>
       <Card
-        rounded={true}
-        width={256}
+        fontSize={6}
+        width={[ 1, 1, 1/2 ]}
+        p={5}
+        my={5}
+        bg='#f6f6ff'
+        borderRadius={8}
+        boxShadow='0 2px 16px rgba(0, 0, 0, 0.25)'
       >
-        <CardImage src="http://placehold.it/320/08e/fff" />
-        <Heading
-          level={2}
-          size={3}
-        >
-          Card
-        </Heading>
-        <Text>
-          Cats like cards too
-        </Text>
+        Card
       </Card>
-
-      <div style={{maxWidth: 192}}>
-        <CardImage src="http://placehold.it/320/08e/fff" />
-      </div>
-
-      <div>
-        <Checkbox
-          label="Checkbox"
-          name="checkbox_1"
-        />
-        <Checkbox
-          checked={true}
-          label="Checkbox"
-          name="checkbox_1"
-          readOnly={true}
-          theme="success"
-        />
-      </div>
-
-      <Close />
-
-      <Container>
-        Container
-      </Container>
-
-      <div>
-        <Divider />
-        <Divider
-          ml={0}
-          width={128}
-        />
-      </div>
-
-      <div>
-        <Donut
-          color="primary"
-          size={256}
-          strokeWidth={32}
-          value={0.5625}
-        />
-        <Donut
-          color="primary"
-          size={128}
-          strokeWidth={8}
-          value={0.5625}
-        >
-          9/16
-        </Donut>
-        <Donut
-          color="primary"
-          size={128}
-          strokeWidth={8}
-          value={0.625}
-        />
-        <Donut
-          color="primary"
-          size={128}
-          strokeWidth={8}
-          value={0.125}
-        />
-      </div>
-
-      <div>
-        <DotIndicator
-          active={0}
-          length={3}
-          onClick={function noRefCheck() {}}
-        />
-      </div>
-
-      <Dropdown>
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded={true}
-        >
-          Dropdown
-          <Arrow direction="down" />
-        </Button>
-        <DropdownMenu
-          onDismiss={function noRefCheck() {}}
-          open={false}
-        >
-          <NavItem is="a">
-            Hello
-          </NavItem>
-          <NavItem is="a">
-            Hi
-          </NavItem>
-        </DropdownMenu>
-      </Dropdown>
-
-      <Embed ratio={0.5625}>
-        <iframe
-          allowFullScreen={true}
-          src="https://www.youtube.com/embed/KO_3Qgib6RQ"
-        />
-      </Embed>
-
-      <Footer>
-        Footer™ ©2016 Jxnblk
-      </Footer>
-
-      <InlineForm
-        buttonLabel="Go"
-        label="InlineForm"
-        name="inline_form"
-        onChange={function noRefCheck() {}}
-        onClick={function noRefCheck() {}}
+      <Image
+        width={[ 1, 1, 1/2 ]}
+        src='https://source.unsplash.com/random/1280x720'
+        borderRadius={8}
       />
-
-      <Input
-        label="Input"
-        name="input_example"
-        placeholder="Placeholder"
-        rounded={true}
-        type="text"
-      />
-
-      <Label>
-        Label for form elements
-      </Label>
-
-      <LinkBlock
-        href="#LinkBlock"
-        is="a"
-      >
-        <Media
-          align="center"
-          img="http://placehold.it/96/08e/fff"
-        >
-          <Heading level={3}>
-            LinkBlock
-          </Heading>
-        </Media>
-      </LinkBlock>
-
-      <Media
-        align="center"
-        img="http://placehold.it/128/08e/fff"
-      >
-        <Heading level={3}>
-          Media Object
-        </Heading>
-        <Text>
-          With alignment options
-        </Text>
-      </Media>
-
-      <Menu rounded={true}>
-        <NavItem is="a">
-          Menu
-        </NavItem>
-        <NavItem is="a">
-          NavItem
-        </NavItem>
-        <NavItem is="a">
-          NavItem
-        </NavItem>
-      </Menu>
-
-      <Message
-        inverted={true}
-        rounded={true}
-        theme="success"
-      >
-        Hello Message!
-        <Space
-          auto={true}
-          x={1}
-        />
-        <Close />
-      </Message>
-
-      <PageHeader
-        description="Description about the page"
-        heading="Page Header"
-      />
-
-      <Panel theme="info">
-        <PanelHeader
-          inverted={true}
-          theme="default"
-        >
-          Panel
-        </PanelHeader>
-        <Text>
-          Panels are great for visually separating UI, content, or data from the rest of the page.
-        </Text>
-        <PanelFooter theme="default">
-          The footer is a good place for less important information
-        </PanelFooter>
-      </Panel>
-
-      <Pre>
-        this is text
-        this is text
-        this is text
-      </Pre>
-
-      <Progress
-        color="primary"
-        value={0.25}
-      />
-
-      <div>
-        <Radio
-          checked={true}
-          circle={true}
-          group="radios"
-          label="Radio"
-          name="radio_1"
-          readOnly={true}
-        />
-        <Radio
-          circle={true}
-          group="radios"
-          label="Radio"
-          name="radio_2"
-        />
-      </div>
-
-      <Rating
-        color="orange"
-        value={3.5}
-      />
-
-      <Section>
-        Section
-      </Section>
-
-      <Section>
-        <SectionHeader
-          description="With linked header"
-          heading="Section Header"
-        />
-        Section
-      </Section>
-
-      <Select
-        label="Select"
-        name="select_example"
-        options={[{children: 'Two', value: 2}, {children: 'Four', value: 4}, {children: 'Eight', value: 8}, {children: 'Sixteen', value: 16}, {children: 'Thirty-Two', value: 32}, {children: 'Sixty-Four', value: 64}]}
-        rounded={true}
-      />
-
-      <SequenceMap
-        active={1}
-        steps={[{children: 'Sign In', href: '#!'}, {children: 'Shipping Address', href: '#!'}, {children: 'Payment Method', href: '#!'}, {children: 'Place Order', href: '#!'}]}
-      />
-
-      <div>
-        <Slider
-          defaultValue={37.5}
-          label="Slider"
-          name="slider_1"
-        />
-        <Slider
-          color="blue"
-          fill={true}
-          label="Slider with color and fill"
-          name="slider_2"
-          readOnly={true}
-          value={62.5}
-        />
-      </div>
-
-      <div>
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded={true}
-        >
-          Button
-        </Button>
-        <Space x={1} />
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded={true}
-        >
-          With
-        </Button>
-        <Space x={4} />
-        <Button
-          backgroundColor="primary"
-          color="white"
-          inverted={true}
-          rounded={true}
-        >
-          Space
-        </Button>
-      </div>
-
-      <div>
-        <Stat
-          label="Memory"
-          unit="GB"
-          value="512"
-        />
-        <Stat
-          label="PetaFLOPS"
-          value="32"
-        />
-        <Stat
-          label="Upload"
-          unit="Mbps"
-          value="512"
-        />
-        <Stat
-          label="Download"
-          unit="Mbps"
-          value="1,024"
-        />
-      </div>
-
-      <Switch checked={false}/>
-
-      <Table
-        data={[['Hamburger', 'Beef', 'Onion', 'Bun'], ['Pizza', 'Pork', 'Tomato', 'Crust'], ['Corndog', 'Pork', 'Corn', 'Cornbread'], ['Hot Dog', 'Pork', 'Peppers', 'Bun']]}
-        headings={['Name', 'Meat', 'Vegetable', 'Carb']}
-      />
-
-      <Toolbar>
-        <NavItem is="a">
-          Toolbar
-        </NavItem>
-        <NavItem is="a">
-          NavItem
-        </NavItem>
-        <Space
-          auto={true}
-          x={1}
-        />
-        <NavItem is="a">
-          NavItem
-        </NavItem>
-      </Toolbar>
-
-      <Tooltip
-        inverted={true}
-        rounded={true}
-        title="Hello!"
-      >
-        <Heading level={3}>
-          Tooltip
-        </Heading>
-      </Tooltip>
-      <Tooltip text="Whoa There!" />
-
-      <Provider />
-    </div>;
-  }
-}
-
+      <Link href='https://rebassjs.org'>Link</Link>
+      <Button bg='magenta'>Button</Button>
+    </Flex>
+  </Box>
+);
diff --git a/types/rebass/tsconfig.json b/types/rebass/tsconfig.json
index 080a1661b3..ee7dc750f7 100644
--- a/types/rebass/tsconfig.json
+++ b/types/rebass/tsconfig.json
@@ -22,4 +22,4 @@
         "index.d.ts",
         "rebass-tests.tsx"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/grid-styled/index.d.ts b/types/rebass__grid/index.d.ts
similarity index 67%
rename from types/grid-styled/index.d.ts
rename to types/rebass__grid/index.d.ts
index 2a245f2260..079506e631 100644
--- a/types/grid-styled/index.d.ts
+++ b/types/rebass__grid/index.d.ts
@@ -1,15 +1,16 @@
-// Type definitions for grid-styled 4.2
-// Project: https://github.com/jxnblk/grid-styled
+// Type definitions for @rebass/grid 6.0
+// Project: https://github.com/rebassjs/grid
 // Definitions by: Anton Vasin <https://github.com/antonvasin>
 //                 Victor Orlov <https://github.com/vittorio>
 //                 Louis Hache <https://github.com/lhache>
+//                 Adam Lavin <https://github.com/lavoaster>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 export type Omit<T, K extends keyof T> = Pick<T, ({ [P in keyof T]: P } & { [P in K]: never } & { [x: string]: never, [x: number]: never })[keyof T]>;
 
 import { ComponentType } from "react";
-import { StyledComponentClass } from "styled-components";
+import { StyledComponent, Interpolation } from "styled-components";
 
 export type ResponsiveProp = number | string | Array<string | number>;
 
@@ -33,10 +34,11 @@ export interface CommonProps {
     px?: ResponsiveProp;
     py?: ResponsiveProp;
     theme?: any;
+    css?: Interpolation<any>;
 }
 
 export interface BoxProps
-    extends Omit<React.HTMLProps<HTMLDivElement>, "width" | "wrap" | "is"> {
+    extends Omit<React.ComponentPropsWithRef<'div'>, "color" | "is">, CommonProps {
     flex?: ResponsiveProp;
     order?: ResponsiveProp;
     is?: string | ComponentType<any>;
@@ -48,20 +50,15 @@ export interface FlexProps extends BoxProps {
     justifyContent?: ResponsiveProp;
     flexDirection?: ResponsiveProp;
     flexWrap?: ResponsiveProp;
-
-    // legacy aliases https://github.com/jxnblk/styled-system/releases/tag/v2.0.0
-    justify?: ResponsiveProp;
-    align?: ResponsiveProp;
-    wrap?: ResponsiveProp | boolean;
 }
 
-export type BoxComponent = StyledComponentClass<
-    Partial<CommonProps & BoxProps>,
+export type BoxComponent = StyledComponent<
+    React.ForwardRefExoticComponent<Partial<BoxProps>>,
     any
 >;
 
-export type FlexComponent = StyledComponentClass<
-    Partial<CommonProps & FlexProps>,
+export type FlexComponent = StyledComponent<
+    React.ForwardRefExoticComponent<Partial<FlexProps>>,
     any
 >;
 
@@ -74,7 +71,4 @@ export interface Theme {
 export const Box: BoxComponent;
 export const Flex: FlexComponent;
 export const theme: Theme;
-export type DivProps = Omit<React.HTMLProps<HTMLDivElement>, "ref"> & {
-    innerRef?: (el: HTMLDivElement) => any;
-};
-export const div: ComponentType<DivProps>;
+export const div: ComponentType<React.HTMLProps<HTMLDivElement>>;
diff --git a/types/grid-styled/grid-styled-tests.tsx b/types/rebass__grid/rebass__grid-tests.tsx
similarity index 73%
rename from types/grid-styled/grid-styled-tests.tsx
rename to types/rebass__grid/rebass__grid-tests.tsx
index 750ecbf3eb..2cef66a972 100644
--- a/types/grid-styled/grid-styled-tests.tsx
+++ b/types/rebass__grid/rebass__grid-tests.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Flex, Box } from "grid-styled";
+import { Flex, Box } from "@rebass/grid";
 
 const Layout = () => (
     <Flex m={4}>
diff --git a/types/rebass__grid/tsconfig.json b/types/rebass__grid/tsconfig.json
new file mode 100644
index 0000000000..419413e066
--- /dev/null
+++ b/types/rebass__grid/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "paths": {
+            "@rebass/grid": ["rebass__grid"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "rebass__grid-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/rebass__grid/tslint.json b/types/rebass__grid/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/rebass__grid/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/recharts/index.d.ts b/types/recharts/index.d.ts
index c334f977d5..a9301374f1 100644
--- a/types/recharts/index.d.ts
+++ b/types/recharts/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Recharts 1.0
+// Type definitions for Recharts 1.1
 // Project: http://recharts.org/
 // Definitions by: Maarten Mulders <https://github.com/mthmulders>
 //                 Raphael Mueller <https://github.com/rapmue>
@@ -484,7 +484,7 @@ export interface PolarAngleAxisProps extends EventAttributes, Partial<Presentati
     ticks?: PolarAngleAxisTick[];
     stroke?: string;
     orientation?: 'inner' | 'outer';
-    tickFormatter: TickFormatterFunction;
+    tickFormatter?: TickFormatterFunction;
 }
 
 export class PolarAngleAxis extends React.Component<PolarAngleAxisProps> { }
@@ -521,7 +521,7 @@ export interface PolarRadiusAxisProps extends EventAttributes, Partial<Presentat
     axisLine?: boolean | object;
     tick?: boolean | object | React.ReactElement<any> | ContentRenderer<any>;
     stroke?: string;
-    tickFormatter: TickFormatterFunction;
+    tickFormatter?: TickFormatterFunction;
     domain?: [PolarRadiusAxisDomain, PolarRadiusAxisDomain];
     scale?: ScaleType | RechartsFunction;
     allowDataOverflow?: boolean;
@@ -761,6 +761,8 @@ export interface TextProps extends Partial<PresentationAttributes> {
     textAnchor?: 'start' | 'middle' | 'end' | 'inherit';
     verticalAnchor?: 'start' | 'middle' | 'end';
     style?: object;
+    capHeight?: string;
+    lineHeight?: string;
 }
 
 export class Text extends React.Component<TextProps> { }
diff --git a/types/recharts/recharts-tests.tsx b/types/recharts/recharts-tests.tsx
index 6388a94d65..ec86acf21d 100644
--- a/types/recharts/recharts-tests.tsx
+++ b/types/recharts/recharts-tests.tsx
@@ -5,7 +5,7 @@ import {
     CartesianGrid, Line, LineChart, PieChart, Pie,
     Sector, XAxis, YAxis, Tooltip, ReferenceLine,
     ReferenceArea, ResponsiveContainer, Label, LabelList, Brush,
-    ScatterChart, ZAxis, Legend, Scatter, Bar, BarChart
+    ScatterChart, ZAxis, Legend, Scatter, Bar, BarChart, Text
 } from 'recharts';
 
 interface ComponentState {
@@ -21,6 +21,14 @@ class Component extends React.Component<{}, ComponentState> {
         console.log(`Handling a click on a chart: ${JSON.stringify(args)}`);
     }
 
+    renderYAxisTitle = () => {
+        return (
+            <Text textAnchor="start" verticalAnchor="start" capHeight="0.8em" lineHeight="2em">
+              pv of page
+            </Text>
+        );
+    }
+
     render() {
         const data = [
             { name: 'Page A', uv: 4000, pv: 2400, amt: 2400 },
@@ -85,7 +93,7 @@ class Component extends React.Component<{}, ComponentState> {
         };
         return (
             <div style={{width: "100%", height: "100%"}}>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={300}>
                     <LineChart width={500} height={300} data={data}>
                         <XAxis dataKey="name">
                             <Label fontSize="8px">X axis - name</Label>
@@ -108,7 +116,7 @@ class Component extends React.Component<{}, ComponentState> {
                         />
                     </LineChart>
                 </ResponsiveContainer>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={300}>
                     <LineChart width={500} height={300} data={data}>
                         <XAxis dataKey="name">
                             <Label>X axis - name</Label>
@@ -131,7 +139,7 @@ class Component extends React.Component<{}, ComponentState> {
                         />
                     </LineChart>
                 </ResponsiveContainer>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={300}>
                     <LineChart width={500} height={300} data={data}>
                         <XAxis dataKey="name" label={{ value: "X axis - name" }} />
                         <YAxis label={{ value: "Y axis" }} />
@@ -150,14 +158,14 @@ class Component extends React.Component<{}, ComponentState> {
                         />
                     </LineChart>
                 </ResponsiveContainer>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={400}>
                     <PieChart width={800} height={400}>
                         <Pie
                             label={(props: {name: string}) => <Label>{name}</Label>}
                             dataKey="value"
                             activeIndex={this.state.activeIndex}
                             activeShape={renderActiveShape}
-                            data={data}
+                            data={data2}
                             cx={300}
                             cy={200}
                             innerRadius={60}
@@ -168,7 +176,7 @@ class Component extends React.Component<{}, ComponentState> {
                         </Pie>
                     </PieChart>
                 </ResponsiveContainer>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={300}>
                     <ScatterChart width={500} height={300}>
                         <XAxis type="number" dataKey="uv" name="stature" unit="cm" />
                         <YAxis dataKey="pv" name="weight" unit="kg" />
@@ -178,7 +186,7 @@ class Component extends React.Component<{}, ComponentState> {
                         <Scatter name="A school" data={data} fill="#8884d8" />
                     </ScatterChart>
                 </ResponsiveContainer>
-                <ResponsiveContainer>
+                <ResponsiveContainer height={250}>
                     <BarChart
                         width={730}
                         height={250}
@@ -190,8 +198,9 @@ class Component extends React.Component<{}, ComponentState> {
                         <Label value="Pages of my website" offset={0} position="insideBottom" />
                     </XAxis>
                     <YAxis>
-                        <Label value="pv of page" angle={90} />
+                      <Label position="top" content={this.renderYAxisTitle} />
                     </YAxis>
+                    <Legend align="right" verticalAlign="top" height={36} width={800} wrapperStyle={{ top: 5 }}/>
                     <Bar dataKey="pv" fill="#8884d8">
                         <LabelList dataKey="name" position="insideTop" angle={45}  />
                     </Bar>
diff --git a/types/recompose/index.d.ts b/types/recompose/index.d.ts
index a3f1a5625e..e44ca48706 100644
--- a/types/recompose/index.d.ts
+++ b/types/recompose/index.d.ts
@@ -1,10 +1,11 @@
-// Type definitions for Recompose 0.26
+// Type definitions for Recompose 0.30
 // Project: https://github.com/acdlite/recompose
 // Definitions by: Iskander Sierra <https://github.com/iskandersierra>
-//                 Samuel DeSota <https://github.com/mrapogee>
 //                 Curtis Layne <https://github.com/clayne11>
 //                 Rasmus Eneman <https://github.com/Pajn>
 //                 Lucas Terra <https://github.com/lucasterra>
+//                 Brian Adams <https://github.com/brian-lives-outdoors>
+//                 Mathieu Masy <https://github.com/TiuSh>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -265,23 +266,34 @@ declare module 'recompose' {
     // toClass: https://github.com/acdlite/recompose/blob/master/docs/API.md#toClass
     export const toClass: InferableComponentEnhancer<{}>;
 
+    // toRenderProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#torenderprops
+    export function toRenderProps<TInner, TOutter>(
+        hoc: InferableComponentEnhancerWithProps<TInner & TOutter, TOutter>
+    ): StatelessComponent<TOutter & { children: (props: TInner) => React.ReactElement<any> }>;
+
+    // fromRenderProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#fromrenderprops
+    export function fromRenderProps<TInner, TOutter, TRenderProps = {}>(
+        RenderPropsComponent: StatelessComponent<any>,
+        propsMapper: (props: TRenderProps) => Partial<TInner>,
+        renderPropName?: string
+    ): ComponentEnhancer<TInner, TOutter>;
 
     // Static property helpers: https://github.com/acdlite/recompose/blob/master/docs/API.md#static-property-helpers
 
     // setStatic: https://github.com/acdlite/recompose/blob/master/docs/API.md#setStatic
-    export function setStatic<TOutter>(
+    export function setStatic(
         key: string, value: any
-    ): ComponentEnhancer<TOutter, TOutter>;
+    ): <T extends Component>(component: T) => T;
 
     // setPropTypes: https://github.com/acdlite/recompose/blob/master/docs/API.md#setPropTypes
-    export function setPropTypes<TOutter>(
-        propTypes: ValidationMap<TOutter>
-    ): ComponentEnhancer<any, TOutter>;
+    export function setPropTypes<P>(
+        propTypes: ValidationMap<P>
+    ): <T extends Component<P>>(component: T) => T;
 
     // setDisplayName: https://github.com/acdlite/recompose/blob/master/docs/API.md#setDisplayName
-    export function setDisplayName<TOutter>(
+    export function setDisplayName(
         displayName: string
-    ): ComponentEnhancer<TOutter, TOutter>;
+    ): <T extends Component>(component: T) => T;
 
 
     // Utilities: https://github.com/acdlite/recompose/blob/master/docs/API.md#utilities
@@ -586,6 +598,18 @@ declare module 'recompose/toClass' {
     export default toClass;
 }
 
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#torenderprops
+declare module 'recompose/toRenderProps' {
+    import { toRenderProps } from 'recompose';
+    export default toRenderProps;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#fromrenderprops
+declare module 'recompose/fromRenderProps' {
+    import { fromRenderProps } from 'recompose';
+    export default fromRenderProps;
+}
+
 // https://github.com/acdlite/recompose/blob/master/docs/API.md#setstatic
 declare module 'recompose/setStatic' {
     import { setStatic } from 'recompose';
diff --git a/types/recompose/recompose-tests.tsx b/types/recompose/recompose-tests.tsx
index 9058a10f4d..a0ba38a87a 100644
--- a/types/recompose/recompose-tests.tsx
+++ b/types/recompose/recompose-tests.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import * as PropTypes from 'prop-types';
 import {
     // Higher-order components
     mapProps, withProps, withPropsOnChange, withHandlers,
@@ -6,7 +7,7 @@ import {
     withState, withReducer, branch, renderComponent,
     renderNothing, shouldUpdate, pure, onlyUpdateForKeys,
     onlyUpdateForPropTypes, withContext, getContext,
-    lifecycle, toClass, withStateHandlers,
+    lifecycle, toClass, toRenderProps, fromRenderProps, withStateHandlers,
     // Static property helpers
     setStatic, setPropTypes, setDisplayName,
     // Utilities
@@ -50,6 +51,8 @@ import withContextStandalone from "recompose/withContext";
 import getContextStandalone from "recompose/getContext";
 import lifecycleStandalone from "recompose/lifecycle";
 import toClassStandalone from "recompose/toClass";
+import toRenderPropsStandalone from "recompose/toRenderProps";
+import fromRenderPropsStandalone from "recompose/fromRenderProps";
 import setStaticStandalone from "recompose/setStatic";
 import setPropTypesStandalone from "recompose/setPropTypes";
 import setDisplayNameStandalone from "recompose/setDisplayName";
@@ -412,3 +415,130 @@ function testLifecycle() {
         }
     })(component)
 }
+
+function testSetStatic() {
+    interface Props {
+        foo: string;
+    }
+
+    let SfcResult: React.SFC<Props>;
+    const SfcComp: React.SFC<Props> = (props) => (<div>{props.foo}</div>);
+
+    let ClassResult: React.ComponentClass<Props, {}>;
+    class ClassComp extends React.Component<Props> {
+        render() {
+            return (<div>{this.props.foo}</div>);
+        }
+    }
+
+    const hoc1 = setStatic('bar', 'a string');
+    const hoc2 = setStatic('bar', 5);
+    const hoc3 = setStatic('bar', { a: 'b' });
+
+    SfcResult = hoc1(SfcComp);
+    SfcResult = hoc2(SfcComp);
+    SfcResult = hoc3(SfcComp);
+    SfcResult = hoc1(ClassComp); // $ExpectError
+
+    ClassResult = hoc1(ClassComp);
+    ClassResult = hoc2(ClassComp);
+    ClassResult = hoc3(ClassComp);
+    ClassResult = hoc1(SfcComp); // $ExpectError
+}
+
+function testSetPropTypes() {
+    interface Props {
+        foo: string;
+    }
+    const validationMap = {
+        foo: PropTypes.string.isRequired
+    }
+
+    let SfcResult: React.SFC<Props>;
+    const SfcComp: React.SFC<Props> = (props) => (<div>{props.foo}</div>);
+
+    let ClassResult: React.ComponentClass<Props, {}>;
+    class ClassComp extends React.Component<Props> {
+        render() {
+            return (<div>{this.props.foo}</div>);
+        }
+    }
+
+    const hoc = setPropTypes(validationMap);
+
+    SfcResult = hoc(SfcComp);
+    SfcResult = hoc(ClassComp); // $ExpectError
+
+    ClassResult = hoc(ClassComp);
+    ClassResult = hoc(SfcComp); // $ExpectError
+
+    SfcResult = setPropTypes({ bar: PropTypes.string })(SfcComp); // $ExpectError
+}
+
+function testSetDisplayName() {
+    interface Props {
+        foo: string;
+    }
+
+    let SfcResult: React.SFC<Props>;
+    const SfcComp: React.SFC<Props> = (props) => (<div>{props.foo}</div>);
+
+    let ClassResult: React.ComponentClass<Props, {}>;
+    class ClassComp extends React.Component<Props> {
+        render() {
+            return (<div>{this.props.foo}</div>);
+        }
+    }
+
+    const hoc = setDisplayName('NewDisplayName');
+
+    SfcResult = hoc(SfcComp);
+    SfcResult = hoc(ClassComp); // $ExpectError
+
+    ClassResult = hoc(ClassComp);
+    ClassResult = hoc(SfcComp); // $ExpectError
+}
+
+function testToRenderProps() {
+    interface OutterProps {
+        foo: number;
+    }
+
+    interface InnerProps {
+        fooPlusOne: number;
+    }
+
+    const enhance = withProps<InnerProps, OutterProps>(({ foo }) => ({ fooPlusOne: foo + 1 }));
+    const Enhanced = toRenderProps<InnerProps, OutterProps>(enhance);
+
+    return <Enhanced foo={1}>{({ fooPlusOne }) => <h1>{fooPlusOne}</h1>}</Enhanced>;
+}
+
+function testFromRenderProps() {
+    interface RenderProps {
+        value: string;
+    }
+
+    interface InnerProps {
+        renderValue: string;
+        outterValue: number;
+    }
+
+    interface OutterProps {
+        outterValue: number;
+    }
+
+    const RenderPropComponent: React.StatelessComponent<{
+        render: (renderProps: RenderProps) => React.ReactElement<any>;
+    }> = ({ render }) => render({ value: 'test' });
+
+    const component: React.StatelessComponent<InnerProps> = ({ renderValue }) => <div>{renderValue}</div>;
+
+    const Enhanced = fromRenderProps<InnerProps, OutterProps, RenderProps>(
+        RenderPropComponent,
+        ({ value }) => ({ renderValue: value }),
+        'render'
+    )(component);
+
+    return <Enhanced outterValue={1} />;
+}
diff --git a/types/recorder-js/index.d.ts b/types/recorder-js/index.d.ts
new file mode 100644
index 0000000000..6cc672492c
--- /dev/null
+++ b/types/recorder-js/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for recorder-js 1.0
+// Project: https://github.com/ijsnow/studiojs#readme
+// Definitions by: Yusuke Higuchi <https://github.com/higuri>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export default Recorder;
+
+declare class Recorder {
+    constructor(audioContext: AudioContext, config?: Recorder.RecorderConfig);
+    static download(blob: Blob, filename: string): void;
+    init(stream: MediaStream): Promise<void>;
+    start(): Promise<MediaStream | undefined>;
+    stop(): Promise<Recorder.RecorderResult>;
+}
+
+declare namespace Recorder {
+    type OnAnalysedHandler = (data: number[], lastNonZero: number) => void;
+
+    interface RecorderConfig {
+        onAnalysed?: OnAnalysedHandler;
+    }
+
+    interface RecorderResult {
+        blob: Blob;
+        buffer: Float32Array[];
+    }
+}
diff --git a/types/recorder-js/recorder-js-tests.ts b/types/recorder-js/recorder-js-tests.ts
new file mode 100644
index 0000000000..2dee4a08ab
--- /dev/null
+++ b/types/recorder-js/recorder-js-tests.ts
@@ -0,0 +1,41 @@
+// The following code comes from:
+// https://www.npmjs.com/package/recorder-js#usage
+
+import Recorder from 'recorder-js';
+
+const audioContext = new AudioContext();
+let isRecording = false;
+let recorded: Blob | null = null;
+
+const recorder = new Recorder(audioContext, {
+    onAnalysed: (data) => {
+        // An array of 255 Numbers
+        // You can use this to visualize the audio stream
+        console.log(data);
+    }
+});
+
+navigator.mediaDevices.getUserMedia({audio: true})
+    .then((stream) => recorder.init(stream))
+    .catch((err) => console.log('Uh oh... unable to get stream...', err));
+
+// startRecording()
+function startRecording() {
+    recorder.start().then(() => isRecording = true);
+}
+
+// stopRecording()
+function stopRecording() {
+    recorder.stop().then(({blob, buffer}) => {
+        console.log('blob: ', blob);
+        console.log('buffer: ', buffer);
+        recorded = blob;
+    });
+}
+
+// download()
+function download() {
+    if (recorded !== null) {
+        Recorder.download(recorded, 'my-audio-file');
+    }
+}
diff --git a/types/recorder-js/tsconfig.json b/types/recorder-js/tsconfig.json
new file mode 100644
index 0000000000..d0f5130d0d
--- /dev/null
+++ b/types/recorder-js/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6", "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "recorder-js-tests.ts"
+    ]
+}
diff --git a/types/recorder-js/tslint.json b/types/recorder-js/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/recorder-js/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/redis-rate-limiter/index.d.ts b/types/redis-rate-limiter/index.d.ts
index 6e36f60f3e..ec277ae82a 100644
--- a/types/redis-rate-limiter/index.d.ts
+++ b/types/redis-rate-limiter/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for redis-rate-limiter 1.0.3
+// Type definitions for redis-rate-limiter 1.2
 // Project: https://github.com/TabDigital/redis-rate-limiter
 // Definitions by: Seth Westphal <https://github.com/westy92>
+//                 Hasan Oezdemir <https://github.com/nodify-at>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -20,6 +21,8 @@ declare namespace RedisRateLimiter {
         window?: number;
         limit?: number;
         rate?: string;
+        deleteImmediatelyIfRaceCondition?: boolean;
+        onPossibleRaceCondition?: (key: string) => void;
     }
 
     export interface Response {
@@ -31,4 +34,4 @@ declare namespace RedisRateLimiter {
     }
 }
 
-export = RedisRateLimiter;
\ No newline at end of file
+export = RedisRateLimiter;
diff --git a/types/redis-rate-limiter/redis-rate-limiter-tests.ts b/types/redis-rate-limiter/redis-rate-limiter-tests.ts
index a121d28477..98cb34a4e0 100644
--- a/types/redis-rate-limiter/redis-rate-limiter-tests.ts
+++ b/types/redis-rate-limiter/redis-rate-limiter-tests.ts
@@ -30,7 +30,9 @@ limit(request, function(err, rate) {
 var middleware = rateLimiter.middleware({
   redis: redisClient,
   key: 'ip',
-  rate: '100/minute'
+  rate: '100/minute',
+  deleteImmediatelyIfRaceCondition: true,
+  onPossibleRaceCondition: key => console.log(`A race condition has been detected for <${key}>!`)
 });
 
 var app = express();
diff --git a/types/redis-rate-limiter/tslint.json b/types/redis-rate-limiter/tslint.json
index a41bf5d19a..a0357daa61 100644
--- a/types/redis-rate-limiter/tslint.json
+++ b/types/redis-rate-limiter/tslint.json
@@ -7,7 +7,6 @@
         "ban-types": false,
         "callable-types": false,
         "comment-format": false,
-        "dt-header": false,
         "eofline": false,
         "export-just-namespace": false,
         "import-spacing": false,
diff --git a/types/redis/index.d.ts b/types/redis/index.d.ts
index c45eb9a1f8..b838fcc1e9 100644
--- a/types/redis/index.d.ts
+++ b/types/redis/index.d.ts
@@ -1,5 +1,5 @@
 // Type definitions for redis 2.8
-// Project: https://github.com/mranney/node_redis
+// Project: https://github.com/NodeRedis/node_redis
 // Definitions by: Carlos Ballesteros Velasco <https://github.com/soywiz>
 //                 Peter Harris <https://github.com/CodeAnimal>
 //                 TANAKA Koichi <https://github.com/MugeSo>
@@ -7,6 +7,7 @@
 //                 Junyoung Choi <https://github.com/Rokt33r>
 //                 James Garbutt <https://github.com/43081j>
 //                 Bartek Szczepański <https://github.com/barnski>
+//                 Pirasis Leelatanon <https://github.com/1pete>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // Imported from: https://github.com/types/npm-redis
@@ -488,8 +489,8 @@ export interface Commands<R> {
     /**
      * Increment the float value of a hash field by the given amount.
      */
-    hincrbyfloat(key: string, field: string, increment: number, cb?: Callback<number>): R;
-    HINCRBYFLOAT(key: string, field: string, increment: number, cb?: Callback<number>): R;
+    hincrbyfloat(key: string, field: string, increment: number, cb?: Callback<string>): R;
+    HINCRBYFLOAT(key: string, field: string, increment: number, cb?: Callback<string>): R;
 
     /**
      * Get all the fields of a hash.
@@ -548,8 +549,8 @@ export interface Commands<R> {
     /**
      * Increment the float value of a key by the given amount.
      */
-    incrbyfloat(key: string, increment: number, cb?: Callback<number>): R;
-    INCRBYFLOAT(key: string, increment: number, cb?: Callback<number>): R;
+    incrbyfloat(key: string, increment: number, cb?: Callback<string>): R;
+    INCRBYFLOAT(key: string, increment: number, cb?: Callback<string>): R;
 
     /**
      * Find all keys matching the given pattern.
@@ -1024,8 +1025,8 @@ export interface Commands<R> {
     /**
      * Increment the score of a member in a sorted set.
      */
-    zincrby(key: string, increment: number, member: string, cb?: Callback<number>): R;
-    ZINCRBY(key: string, increment: number, member: string, cb?: Callback<number>): R;
+    zincrby(key: string, increment: number, member: string, cb?: Callback<string>): R;
+    ZINCRBY(key: string, increment: number, member: string, cb?: Callback<string>): R;
 
     /**
      * Intersect multiple sorted sets and store the resulting sorted set in a new key.
diff --git a/types/redis/redis-tests.ts b/types/redis/redis-tests.ts
index 278887518b..5d7d617b91 100644
--- a/types/redis/redis-tests.ts
+++ b/types/redis/redis-tests.ts
@@ -125,3 +125,11 @@ client.addCommand('my other command');
 // redis.print as callback
 client.set(str, str, redis.print);
 client.get(str, redis.print);
+
+// increase-by-float reply a string
+client.incrbyfloat('a', 1.5, (error, value) => value.startsWith('1'));
+client.INCRBYFLOAT('a', 1.5, (error, value) => value.startsWith('1'));
+client.hincrbyfloat('a', 'b', 1.5, (error, value) => value.startsWith('1'));
+client.HINCRBYFLOAT('a', 'b', 1.5, (error, value) => value.startsWith('1'));
+client.zincrby('a', 1, 'b', strCallback);
+client.ZINCRBY('a', 1, 'b', strCallback);
diff --git a/types/redlock/tslint.json b/types/redlock/tslint.json
index ed10b7ea24..7fa972fc17 100644
--- a/types/redlock/tslint.json
+++ b/types/redlock/tslint.json
@@ -2,6 +2,7 @@
 	"extends": "dtslint/dt.json",
 	"rules": {
 		// TODO
+        "no-angle-bracket-type-assertion": false,
 		"no-object-literal-type-assertion": false
 	}
 }
diff --git a/types/redlock/v2/tslint.json b/types/redlock/v2/tslint.json
index c15bf02c83..e59d1b217d 100644
--- a/types/redlock/v2/tslint.json
+++ b/types/redlock/v2/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODOs
+        "no-angle-bracket-type-assertion": false,
         "no-duplicate-imports": false,
         "no-object-literal-type-assertion": false
     }
diff --git a/types/redux-actions/index.d.ts b/types/redux-actions/index.d.ts
index e342570a5b..526a5bf95c 100644
--- a/types/redux-actions/index.d.ts
+++ b/types/redux-actions/index.d.ts
@@ -4,6 +4,7 @@
 //                 Alex Gorbatchev <https://github.com/alexgorbatchev>,
 //                 Alec Hill <https://github.com/alechill>
 //                 Alexey Pelykh <https://github.com/alexey-pelykh>
+//                 Thiago de Andrade <https://github.com/7hi4g0>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -155,19 +156,27 @@ export function handleAction<State, Payload, Meta>(
     initialState: State
 ): Reducer<State, Payload>;
 
+export interface Options {
+    prefix?: string;
+    namespace?: string;
+}
+
 export function handleActions<StateAndPayload>(
     reducerMap: ReducerMap<StateAndPayload, StateAndPayload>,
-    initialState: StateAndPayload
+    initialState: StateAndPayload,
+    options?: Options
 ): Reducer<StateAndPayload, StateAndPayload>;
 
 export function handleActions<State, Payload>(
     reducerMap: ReducerMap<State, Payload>,
-    initialState: State
+    initialState: State,
+    options?: Options
 ): Reducer<State, Payload>;
 
 export function handleActions<State, Payload, Meta>(
     reducerMap: ReducerMapMeta<State, Payload, Meta>,
-    initialState: State
+    initialState: State,
+    options?: Options
 ): ReducerMeta<State, Payload, Meta>;
 
 // https://github.com/redux-utilities/redux-actions/blob/v2.3.0/src/combineActions.js#L21
@@ -183,14 +192,14 @@ export interface ActionMap<Payload, Meta> {
 
 export function createActions<Payload>(
     actionMapOrIdentityAction: ActionMap<Payload, any> | string,
-    ...identityActions: string[]
+    ...identityActions: Array<string | Options>
 ): {
     [actionName: string]: ActionFunctionAny<Action<Payload>>
 };
 
 export function createActions(
     actionMapOrIdentityAction: ActionMap<any, any> | string,
-    ...identityActions: string[]
+    ...identityActions: Array<string | Options>
 ): {
     [actionName: string]: ActionFunctionAny<Action<any>>
 };
diff --git a/types/redux-actions/redux-actions-tests.ts b/types/redux-actions/redux-actions-tests.ts
index b2e7eab899..207e4746b7 100644
--- a/types/redux-actions/redux-actions-tests.ts
+++ b/types/redux-actions/redux-actions-tests.ts
@@ -60,6 +60,22 @@ const actionsHandlerWithRecursiveReducerMap = ReduxActions.handleActions<number,
 
 state = actionsHandlerWithRecursiveReducerMap(0, { type: 'ADJUST/UP', payload: 1 });
 
+const actionsHandlerWithOptions = ReduxActions.handleActions({
+    INCREMENT: (state: number, action: ReduxActions.Action<number>) => state + action.payload,
+    MULTIPLY: (state: number, action: ReduxActions.Action<number>) => state * action.payload
+}, 0, {prefix: 'TEST'});
+
+state = actionsHandlerWithOptions(0, { type: 'TEST/INCREMENT' });
+
+const actionsHandlerWithRecursiveReducerMapAndOptions = ReduxActions.handleActions<number, number>({
+    ADJUST: {
+        UP: (state: number, action: ReduxActions.Action<number>) => state + action.payload,
+        DOWN: (state: number, action: ReduxActions.Action<number>) => state - action.payload,
+    }
+}, 0, {namespace: '--'});
+
+state = actionsHandlerWithRecursiveReducerMapAndOptions(0, { type: 'ADJUST--UP', payload: 1 });
+
 // ----------------------------------------------------------------------------------------------------
 
 interface TypedState {
@@ -257,6 +273,13 @@ const { actions1_actionOne } = ReduxActions.createActions({
 actions1_actionOne('value', 1).payload; // $ExpectType Actions1Payload
 actions1_actionOne('value', 1).payload.value === 1;
 
+const options: ReduxActions.Options = {
+    prefix: 'TEST'
+};
+const { actions2_actionOne } = ReduxActions.createActions<any>('ACTION_ONE', options);
+actions2_actionOne('value').payload; // $ExpectType any
+actions2_actionOne('value').type === 'TEST/ACTION_ONE';
+
 ReduxActions.handleAction<{ hello: string }, string>(act1, (state, action) => {
     return { hello: action.payload };
 }, {hello: 'greetings'});
diff --git a/types/redux-first-router/index.d.ts b/types/redux-first-router/index.d.ts
index 928be92c6c..2184deed0b 100644
--- a/types/redux-first-router/index.d.ts
+++ b/types/redux-first-router/index.d.ts
@@ -1,10 +1,11 @@
-// Type definitions for redux-first-router 1.10
+// Type definitions for redux-first-router 2.1
 // Project: https://github.com/faceyspacey/redux-first-router#readme
 // Definitions by: Valbrand <https://github.com/Valbrand>
 //                 viggyfresh <https://github.com/viggyfresh>
 //                 janb87 <https://github.com/janb87>
 //                 corydeppen <https://github.com/corydeppen>
 //                 jscinoz <https://github.com/jscinoz>
+//                 surgeboris <https://github.com/surgeboris>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
@@ -64,8 +65,10 @@ export interface ReceivedActionMeta {
     };
 }
 
+export type HistoryEntries = Array<{ pathname: string }>;
+
 export interface HistoryData {
-    entries: Array<{ pathname: string }>;
+    entries: HistoryEntries;
     index: number;
     length: number;
 }
@@ -203,6 +206,8 @@ export interface Options<TKeys = {}, TState = any> {
     initialDispatch?: boolean;
     querySerializer?: QuerySerializer;
     navigators?: NavigatorsConfig<TKeys, TState>;
+    initialEntries?: HistoryEntries;
+    createHistory?(): History;
 }
 
 export type Params = object;
@@ -227,9 +232,8 @@ export function canGoBack(): boolean;
 export function canGoForward(): boolean;
 
 export function connectRoutes<TKeys = {}, TState = any>(
-    history: History,
     routesMap: RoutesMap<TKeys, TState>,
-    options?: Options<TKeys, TState>
+    options?: Options<TKeys, TState>,
 ): {
         reducer: Reducer<LocationState<TKeys, TState>>;
         middleware: Middleware;
diff --git a/types/redux-first-router/redux-first-router-tests.ts b/types/redux-first-router/redux-first-router-tests.ts
index cf3f772d9e..5297be4175 100644
--- a/types/redux-first-router/redux-first-router-tests.ts
+++ b/types/redux-first-router/redux-first-router-tests.ts
@@ -58,7 +58,7 @@ const {
     enhancer,
     initialDispatch,
     thunk,
-} = connectRoutes(history, routesMap, {
+} = connectRoutes(routesMap, {
         initialDispatch: false,
         onBeforeChange: (dispatch, getState) => {
             dispatch; // $ExpectType Dispatch<any>
@@ -71,7 +71,8 @@ const {
         title: state => {
             const title = state.location.pathname; // $ExpectType string
             return title;
-        }
+        },
+        createHistory: () => history,
     });
 
 const dumbMiddleware: Middleware = store => next => action => next(action);
diff --git a/types/redux-form/index.d.ts b/types/redux-form/index.d.ts
index bbddfbd744..e80c196c0a 100644
--- a/types/redux-form/index.d.ts
+++ b/types/redux-form/index.d.ts
@@ -10,8 +10,9 @@
 //                 Ethan Resnick <https://github.com/ethanresnick>
 //                 Tim de Koning <https://github.com/reggino>
 //                 Maddi Joyce <https://github.com/maddijoyce>
+//                 Kamil Wojcik <https://github.com/smifun>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 import {
   ComponentClass,
   StatelessComponent,
diff --git a/types/redux-form/lib/FieldArray.d.ts b/types/redux-form/lib/FieldArray.d.ts
index ad2198077c..a4599b5e97 100644
--- a/types/redux-form/lib/FieldArray.d.ts
+++ b/types/redux-form/lib/FieldArray.d.ts
@@ -36,6 +36,7 @@ export interface FieldArrayFieldsProps<FieldValue> {
     getAll(): FieldValue[];
     removeAll(): void;
     insert(index: number, value: FieldValue): void;
+    name: string;
     length: number;
     map<R>(callback: FieldIterate<FieldValue, R>): R[];
     pop(): FieldValue;
diff --git a/types/redux-form/lib/FormName.d.ts b/types/redux-form/lib/FormName.d.ts
index 20fd50dae8..6cfc6f3708 100644
--- a/types/redux-form/lib/FormName.d.ts
+++ b/types/redux-form/lib/FormName.d.ts
@@ -1,7 +1,7 @@
 import { ReactNode, StatelessComponent } from "react";
 
 export interface FormNameProps {
-    children: (props: { form: string }) => ReactNode,
+    children: (props: { form: string }) => ReactNode;
 }
 
 export const FormName: StatelessComponent<FormNameProps>;
diff --git a/types/redux-form/lib/reduxForm.d.ts b/types/redux-form/lib/reduxForm.d.ts
index 5d0d90d7b8..e37214f5d0 100644
--- a/types/redux-form/lib/reduxForm.d.ts
+++ b/types/redux-form/lib/reduxForm.d.ts
@@ -111,7 +111,7 @@ export interface ConfigProps<FormData = {}, P = {}, ErrorType = string> {
     initialValues?: Partial<FormData>;
     keepDirtyOnReinitialize?: boolean;
     updateUnregisteredFields?: boolean;
-    onChange?(values: Partial<FormData>, dispatch: Dispatch<any>, props: P & InjectedFormProps<FormData, P, ErrorType>): void;
+    onChange?(values: Partial<FormData>, dispatch: Dispatch<any>, props: P & InjectedFormProps<FormData, P, ErrorType>, previousValues: Partial<FormData>): void;
     onSubmit?: FormSubmitHandler<FormData, P & InjectedFormProps<FormData, P, ErrorType>, ErrorType> | SubmitHandler<FormData, P & InjectedFormProps<FormData, P, ErrorType>, ErrorType>;
     onSubmitFail?(
         errors: FormErrors<FormData, ErrorType> | undefined,
diff --git a/types/redux-form/redux-form-tests.tsx b/types/redux-form/redux-form-tests.tsx
index 3d177a7a8f..70fb1f4e13 100644
--- a/types/redux-form/redux-form-tests.tsx
+++ b/types/redux-form/redux-form-tests.tsx
@@ -231,6 +231,14 @@ const testFormWithInitialValuesAndValidationDecorator = reduxForm<MultivalueForm
     }
 });
 
+const testFormWithChangeFunctionDecorator = reduxForm<TestFormData, TestFormComponentProps>({
+    form: "testWithValidation",
+    onChange: (values: Partial<TestFormData>,
+        dispatch: Dispatch<any>,
+        props: TestFormComponentProps & InjectedFormProps<TestFormData, TestFormComponentProps>,
+        previousValues: Partial<TestFormData>) => {}
+});
+
 type TestProps = {} & InjectedFormProps<TestFormData>;
 const Test = reduxForm<TestFormData>({
     form : "test"
@@ -308,7 +316,7 @@ const Test = reduxForm<TestFormData>({
                                 foo="bar"
                             />
 
-                            <FieldArray
+                            <FieldArray<{}>
                                 name="field9"
                                 component={ MyArrayField }
                             />
diff --git a/types/redux-form/v6/tslint.json b/types/redux-form/v6/tslint.json
index 054167e539..8afc03ea50 100644
--- a/types/redux-form/v6/tslint.json
+++ b/types/redux-form/v6/tslint.json
@@ -1,11 +1,15 @@
 {
     "extends": "dtslint/dt.json",
     "rules": {
+        // All are TODOs
         "adjacent-overload-signatures": false,
+        "ban-types": false,
         "callable-types": false,
+        "jsdoc-format": false,
         "no-empty-interface": false,
         "no-object-literal-type-assertion": false,
         "no-unnecessary-generics": false,
+        "semicolon": false,
         "strict-export-declare-modifiers": false
     }
 }
diff --git a/types/redux-immutable-state-invariant/index.d.ts b/types/redux-immutable-state-invariant/index.d.ts
index 6ad2a0e588..b4e7bcd0e2 100644
--- a/types/redux-immutable-state-invariant/index.d.ts
+++ b/types/redux-immutable-state-invariant/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for redux-immutable-state-invariant v2.0.0
+// Type definitions for redux-immutable-state-invariant 2.1
 // Project: https://github.com/leoasis/redux-immutable-state-invariant
-// Definitions by: Remo H. Jansen <https://github.com/remojansen>, Ben Rogers <https://github.com/highflying>
+// Definitions by: Remo H. Jansen <https://github.com/remojansen>, Ben Rogers <https://github.com/highflying>, Mihai Dinculescu <https://github.com/mihai-dinculescu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import * as Redux from "redux";
 
diff --git a/types/redux-immutable-state-invariant/package.json b/types/redux-immutable-state-invariant/package.json
index 6d68bf2f9b..998f8e9b38 100644
--- a/types/redux-immutable-state-invariant/package.json
+++ b/types/redux-immutable-state-invariant/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "redux": "^3.6.0"
+        "redux": "^3.6.0 || ^4.0.0"
     }
 }
diff --git a/types/redux-immutable-state-invariant/redux-immutable-state-invariant-tests.ts b/types/redux-immutable-state-invariant/redux-immutable-state-invariant-tests.ts
index f6c26b6777..98abf5ac59 100644
--- a/types/redux-immutable-state-invariant/redux-immutable-state-invariant-tests.ts
+++ b/types/redux-immutable-state-invariant/redux-immutable-state-invariant-tests.ts
@@ -1,4 +1,3 @@
-
 import { applyMiddleware } from "redux";
 import immutableStateInvariantMiddleware from "redux-immutable-state-invariant";
 
diff --git a/types/redux-immutable-state-invariant/tslint.json b/types/redux-immutable-state-invariant/tslint.json
index a41bf5d19a..f93cf8562a 100644
--- a/types/redux-immutable-state-invariant/tslint.json
+++ b/types/redux-immutable-state-invariant/tslint.json
@@ -1,79 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/redux-immutable/index.d.ts b/types/redux-immutable/index.d.ts
index 4b72685cc2..e712f663f0 100644
--- a/types/redux-immutable/index.d.ts
+++ b/types/redux-immutable/index.d.ts
@@ -1,12 +1,15 @@
-// Type definitions for redux-immutable v3.0.33
+// Type definitions for redux-immutable v4.0.0
 // Project: https://github.com/gajus/redux-immutable
 // Definitions by: Pedro Pereira <https://github.com/oizie>
 //                 Sebastian Sebald <https://github.com/sebald>
 //                 Gavin Gregory <https://github.com/gavingregory>
+//                 Kanitkorn Sujautra <https://github.com/lukyth>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
-import * as Redux from 'redux';
+import { ReducersMapObject, Reducer, Action } from 'redux';
 import { Collection } from 'immutable';
 
-export declare function combineReducers<S, T>(reducers: Redux.ReducersMapObject, getDefaultState?: () => Collection.Keyed<T, S>): Redux.Reducer<S>;
-export declare function combineReducers<S>(reducers: Redux.ReducersMapObject, getDefaultState?: () => Collection.Indexed<S>): Redux.Reducer<S>;
+export declare function combineReducers<S, A extends Action, T>(reducers: ReducersMapObject<S, A>, getDefaultState?: () => Collection.Keyed<T, S>): Reducer<S, A>;
+export declare function combineReducers<S, A extends Action>(reducers: ReducersMapObject<S, A>, getDefaultState?: () => Collection.Indexed<S>): Reducer<S, A>;
+export declare function combineReducers<S>(reducers: ReducersMapObject<S>, getDefaultState?: () => Collection.Indexed<S>): Reducer<S>;
diff --git a/types/redux-immutable/package.json b/types/redux-immutable/package.json
index c5591e5012..c6e856bfdf 100644
--- a/types/redux-immutable/package.json
+++ b/types/redux-immutable/package.json
@@ -1,7 +1,7 @@
 {
     "private": true,
     "dependencies": {
-        "redux": "^3.6.0",
-        "immutable": "^3.8.1"
+        "redux": "^4.0.0",
+        "immutable": "^4.0.0-rc.1"
     }
 }
diff --git a/types/redux-immutable/redux-immutable-tests.ts b/types/redux-immutable/redux-immutable-tests.ts
index c790ce545e..00ae820a43 100644
--- a/types/redux-immutable/redux-immutable-tests.ts
+++ b/types/redux-immutable/redux-immutable-tests.ts
@@ -1,6 +1,7 @@
 
 import { combineReducers } from 'redux-immutable';
 import { Map, List } from 'immutable';
+import { AnyAction } from 'redux';
 
 // Dummy State interface
 interface State { };
@@ -11,11 +12,29 @@ interface State { };
 combineReducers({});
 combineReducers<State>({});
 
+/**
+ * Combine reducers support reducer with custom action
+ */
+combineReducers<State, { type: string; payload: number | string}>({
+    reducerNumber: (state: number, action: { type: string; payload: number }) => {
+        switch(action.type) {
+            case 'multiply': return state * action.payload
+            default: return state
+        }
+    },
+    reducerString: (state: string, action: { type: string; payload: string }) => {
+        switch(action.type) {
+            case 'concat': return state.concat(action.payload)
+            default: return state
+        }
+    },
+});
+
 /**
  * Combine reducers should accepts a function (getDefaultState()) as a second parameter, that returns an immutable Collection.Keyed collection.
  */
-combineReducers<State, string>({}, () => { return Map<string, State>(); });
-combineReducers<State, number>({}, () => { return Map<number, State>(); });
+combineReducers<State, AnyAction, string>({}, () => { return Map<string, State>(); });
+combineReducers<State, AnyAction, number>({}, () => { return Map<number, State>(); });
 /**
  * Combine reducers should accepts a function (getDefaultState()) as a second parameter, that returns an immutable Collection.Indexed collection.
  */
diff --git a/types/redux-immutable/v3/index.d.ts b/types/redux-immutable/v3/index.d.ts
new file mode 100644
index 0000000000..4b72685cc2
--- /dev/null
+++ b/types/redux-immutable/v3/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for redux-immutable v3.0.33
+// Project: https://github.com/gajus/redux-immutable
+// Definitions by: Pedro Pereira <https://github.com/oizie>
+//                 Sebastian Sebald <https://github.com/sebald>
+//                 Gavin Gregory <https://github.com/gavingregory>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as Redux from 'redux';
+import { Collection } from 'immutable';
+
+export declare function combineReducers<S, T>(reducers: Redux.ReducersMapObject, getDefaultState?: () => Collection.Keyed<T, S>): Redux.Reducer<S>;
+export declare function combineReducers<S>(reducers: Redux.ReducersMapObject, getDefaultState?: () => Collection.Indexed<S>): Redux.Reducer<S>;
diff --git a/types/redux-immutable/v3/package.json b/types/redux-immutable/v3/package.json
new file mode 100644
index 0000000000..c5591e5012
--- /dev/null
+++ b/types/redux-immutable/v3/package.json
@@ -0,0 +1,7 @@
+{
+    "private": true,
+    "dependencies": {
+        "redux": "^3.6.0",
+        "immutable": "^3.8.1"
+    }
+}
diff --git a/types/redux-immutable/v3/redux-immutable-tests.ts b/types/redux-immutable/v3/redux-immutable-tests.ts
new file mode 100644
index 0000000000..c790ce545e
--- /dev/null
+++ b/types/redux-immutable/v3/redux-immutable-tests.ts
@@ -0,0 +1,22 @@
+
+import { combineReducers } from 'redux-immutable';
+import { Map, List } from 'immutable';
+
+// Dummy State interface
+interface State { };
+
+/**
+ * Combine reducers should work with only one argument (a reducers object).
+ */
+combineReducers({});
+combineReducers<State>({});
+
+/**
+ * Combine reducers should accepts a function (getDefaultState()) as a second parameter, that returns an immutable Collection.Keyed collection.
+ */
+combineReducers<State, string>({}, () => { return Map<string, State>(); });
+combineReducers<State, number>({}, () => { return Map<number, State>(); });
+/**
+ * Combine reducers should accepts a function (getDefaultState()) as a second parameter, that returns an immutable Collection.Indexed collection.
+ */
+combineReducers<State>({}, () => { return List<State>(); });
diff --git a/types/react-i18next/v4/tsconfig.json b/types/redux-immutable/v3/tsconfig.json
similarity index 54%
rename from types/react-i18next/v4/tsconfig.json
rename to types/redux-immutable/v3/tsconfig.json
index b2c29f0bea..68cf5b5b78 100644
--- a/types/react-i18next/v4/tsconfig.json
+++ b/types/redux-immutable/v3/tsconfig.json
@@ -6,31 +6,24 @@
             "dom"
         ],
         "noImplicitAny": true,
-        "noImplicitThis": true,
-        "strictNullChecks": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
         "strictFunctionTypes": true,
         "baseUrl": "../../",
         "typeRoots": [
             "../../"
         ],
-        "paths": {
-            "react-i18next": [
-                "react-i18next/v4"
-            ]
-        },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
-        "jsx": "react",
-        "experimentalDecorators": true
+        "paths": {
+            "redux-immutable": [
+                "redux-immutable/v3"
+            ]
+        }
     },
     "files": [
         "index.d.ts",
-        "react-i18next-tests.tsx",
-        "I18nextProvider.d.ts",
-        "interpolate.d.ts",
-        "loadNamespaces.d.ts",
-        "trans.d.ts",
-        "translate.d.ts"
+        "redux-immutable-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/redux-immutable/v3/tslint.json b/types/redux-immutable/v3/tslint.json
new file mode 100644
index 0000000000..a41bf5d19a
--- /dev/null
+++ b/types/redux-immutable/v3/tslint.json
@@ -0,0 +1,79 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/redux-orm/index.d.ts b/types/redux-orm/index.d.ts
index 31fffa1273..644d86aea1 100644
--- a/types/redux-orm/index.d.ts
+++ b/types/redux-orm/index.d.ts
@@ -95,7 +95,7 @@ export class Model<Fields, Additional = {}, VirtualFields = {}> {
   static hasId(id: string): boolean;
   static _findDatabaseRows(lookupObj: object): any; // TODO
   static get(lookupObj: object): ModelWithFields<any, any, any>;
-  static reducer(session: SessionWithModels<ORMCommonState>, action: any): any;
+  static reducer(action: any, modelClass: typeof Model, session: SessionWithModels<ORMCommonState>): any;
 
   readonly ref: Fields & Additional & ORMId;
 
diff --git a/types/redux-persist-transform-encrypt/index.d.ts b/types/redux-persist-transform-encrypt/index.d.ts
index 354ee043b0..18611cfcf9 100644
--- a/types/redux-persist-transform-encrypt/index.d.ts
+++ b/types/redux-persist-transform-encrypt/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Karol Janyst <https://github.com/LKay>
 //                 Gaurav Lahoti <https://github.com/dante-101>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
 import { Transform } from "redux-persist";
 
diff --git a/types/redux-persist-transform-filter/index.d.ts b/types/redux-persist-transform-filter/index.d.ts
index 9619c07df7..4ca98d7520 100644
--- a/types/redux-persist-transform-filter/index.d.ts
+++ b/types/redux-persist-transform-filter/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/edy/redux-persist-transform-filter
 // Definitions by: Karol Janyst <https://github.com/LKay>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
 import { Transform } from "redux-persist";
 
diff --git a/types/redux-sentry-middleware/index.d.ts b/types/redux-sentry-middleware/index.d.ts
new file mode 100644
index 0000000000..0d3f2eabc9
--- /dev/null
+++ b/types/redux-sentry-middleware/index.d.ts
@@ -0,0 +1,21 @@
+// Type definitions for redux-sentry-middleware 0.0
+// Project: https://github.com/vidit-sh/redux-sentry-middleware#readme
+// Definitions by: Jan Dolezel <https://github.com/dolezel>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import { Action, Middleware } from "redux";
+import * as Sentry from "@sentry/browser";
+
+export interface SentryMiddlewareOptions<T> {
+    breadcrumbDataFromAction?: (action: Action) => any;
+    actionTransformer?: (action: Action) => Action;
+    stateTransformer?: (state: T) => T;
+    breadcrumbCategory?: string;
+    filterBreadcrumbActions?: (action: Action) => boolean;
+    getUserContext?: (state: T) => Sentry.User;
+    getTags?: (state: T) => Sentry.SentryEvent['tags'];
+}
+
+// tslint:disable-next-line: no-unnecessary-generics
+export default function createSentryMiddleware<T>(sentry: typeof Sentry, options?: SentryMiddlewareOptions<T>): Middleware;
diff --git a/types/redux-sentry-middleware/package.json b/types/redux-sentry-middleware/package.json
new file mode 100644
index 0000000000..8ef17703a4
--- /dev/null
+++ b/types/redux-sentry-middleware/package.json
@@ -0,0 +1,7 @@
+{
+  "private": true,
+  "dependencies": {
+    "@sentry/browser": "^4.0.0",
+    "redux": "^4.0.0"
+  }
+}
diff --git a/types/redux-sentry-middleware/redux-sentry-middleware-tests.ts b/types/redux-sentry-middleware/redux-sentry-middleware-tests.ts
new file mode 100644
index 0000000000..b72fb01b7f
--- /dev/null
+++ b/types/redux-sentry-middleware/redux-sentry-middleware-tests.ts
@@ -0,0 +1,13 @@
+import * as Sentry from "@sentry/browser";
+import createSentryMiddleware from "redux-sentry-middleware";
+import { applyMiddleware, createStore } from "redux";
+
+const middleware = createSentryMiddleware(Sentry);
+
+createStore(
+    () => {
+        return null;
+    },
+    null,
+    applyMiddleware(middleware)
+);
diff --git a/types/redux-sentry-middleware/tsconfig.json b/types/redux-sentry-middleware/tsconfig.json
new file mode 100644
index 0000000000..68ade0acff
--- /dev/null
+++ b/types/redux-sentry-middleware/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "redux-sentry-middleware-tests.ts"
+    ]
+}
diff --git a/types/redux-sentry-middleware/tslint.json b/types/redux-sentry-middleware/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/redux-sentry-middleware/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/redux-testkit/index.d.ts b/types/redux-testkit/index.d.ts
index 9e574e7ebf..f747996afb 100644
--- a/types/redux-testkit/index.d.ts
+++ b/types/redux-testkit/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/wix/redux-testkit#readme
 // Definitions by: Andrey Kizimov <https://github.com/Bookler96>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.3
 
 import * as Redux from 'redux';
 import { ThunkAction } from 'redux-thunk';
@@ -20,7 +20,7 @@ export interface ThunkTestkit {
 	execute(...args: any[]): any;
 }
 
-export function Reducer(action: Redux.Reducer<any>): ReducerTestkit & {
+export function Reducer(action: Redux.Reducer): ReducerTestkit & {
 	withState(state: any): ReducerTestkit;
 };
 
diff --git a/types/redux-testkit/package.json b/types/redux-testkit/package.json
index 7f874d66e7..900548677e 100644
--- a/types/redux-testkit/package.json
+++ b/types/redux-testkit/package.json
@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"dependencies": {
-		"redux": "^3.6.0",
-		"redux-thunk": "^2.3.0"
+		"redux": "*",
+		"redux-thunk": "*"
 	}
 }
diff --git a/types/rellax/index.d.ts b/types/rellax/index.d.ts
new file mode 100644
index 0000000000..71c583073b
--- /dev/null
+++ b/types/rellax/index.d.ts
@@ -0,0 +1,77 @@
+// Type definitions for rellax 1.7
+// Project: https://github.com/dixonandmoe/rellax
+// Definitions by: Rostislav Shermenyov <https://github.com/shermendev>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Rellax {
+    interface Rellax {
+        /**
+         * Inits and starts the Parallax animations
+         * @param el Single element or string with selector of elements
+         * @param options Options
+         */
+        (el?: string | Element, options?: RellaxOptions): RellaxInstance;
+        /**
+         * Inits and starts the Parallax animations
+         * @param el Single element or string with selector of elements
+         * @param options Options
+         */
+        new (el?: string | Element, options?: RellaxOptions): RellaxInstance;
+    }
+
+    interface RellaxInstance {
+        /**
+         * End Rellax and reset parallax elements to their original positions
+         */
+        destroy(): void;
+        /**
+         * Rellax elements
+         */
+        elms: NodeListOf<Element> | Element[];
+        /**
+         * Options
+         */
+        options: RellaxOptions;
+        /**
+         * Destroy and create again parallax with previous settings
+         */
+        refresh(): void;
+    }
+
+    interface RellaxOptions {
+        /**
+         * Will run on every animation event
+         * @param positions Object with x and y positions of the rellax element
+         */
+        callback?(positions: { x: number; y: number }): void;
+        /**
+         * Enable the ability to center parallax elements in your viewport
+         */
+        center?: boolean;
+        /**
+         * Enable horizontal parallax. This feature is intended for panoramic style websites, where users scroll horizontally instead of vertically
+         */
+        horizontal?: boolean;
+        /**
+         * Allow decimal pixel values
+         */
+        round?: boolean;
+        /**
+         * A negative value will make it move slower than regular scrolling, and a positive value will make it move faster
+         */
+        speed?: number;
+        /**
+         * Enable vertical parallax
+         */
+        vertical?: boolean;
+        /**
+         * By default, the position of parallax elements is determined via the scroll position of the body. Passing in the wrapper property will tell Rellax to watch that element instead
+         */
+        wrapper?: string;
+    }
+}
+
+declare const Rellax: Rellax.Rellax;
+
+export = Rellax;
+export as namespace Rellax;
diff --git a/types/rellax/rellax-tests.ts b/types/rellax/rellax-tests.ts
new file mode 100644
index 0000000000..148254c7c9
--- /dev/null
+++ b/types/rellax/rellax-tests.ts
@@ -0,0 +1,26 @@
+Rellax(".js-rellax");
+
+const elm = document.getElementById("#id");
+if (elm) {
+    new Rellax(elm);
+}
+
+const options: Rellax.RellaxOptions = {
+    center: true,
+    horizontal: false,
+    vertical: true,
+    round: true,
+    speed: 3000,
+    wrapper: "#wrap",
+    callback: pos => {}
+};
+
+Rellax(".rellax", options);
+
+const instance = new Rellax(".rellax", options);
+
+instance.destroy();
+instance.refresh();
+
+console.log(instance.elms);
+console.log(instance.options);
diff --git a/types/rellax/tsconfig.json b/types/rellax/tsconfig.json
new file mode 100644
index 0000000000..c5c5910f8b
--- /dev/null
+++ b/types/rellax/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+      "index.d.ts",
+      "rellax-tests.ts"
+  ]
+}
diff --git a/types/rellax/tslint.json b/types/rellax/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/rellax/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
diff --git a/types/remarkable/lib/index.d.ts b/types/remarkable/lib/index.d.ts
index ba29c7cf5c..3623f220a1 100644
--- a/types/remarkable/lib/index.d.ts
+++ b/types/remarkable/lib/index.d.ts
@@ -76,7 +76,7 @@ declare namespace Remarkable {
         [key: string]: any;
     }
 
-    type GetBreak = (tokens: Token[], idx: number) => "" | "\n";
+    type GetBreak = (tokens: ContentToken[], idx: number) => "" | "\n";
 
     interface Options {
         /**
@@ -134,11 +134,49 @@ declare namespace Remarkable {
         options: Options;
     }
 
+    interface ParsingState {
+        src: string;
+        env: Env;
+        options: Options;
+        tokens: [ContentToken];
+        inlineMode: boolean;
+
+        pos: number;
+        posMax: number;
+        pending: string;
+        level: number;
+
+        inline: ParserInline;
+        block: ParserBlock;
+        renderer: Renderer;
+        typographer: boolean;
+
+        push: (token: ContentToken) => void;
+    }
+
+    /**
+     * Return `true` if the parsing function has recognized the current position
+     * in the input as one if its tokens.
+     */
+    type ParsingRule = (
+        /**
+         * Representation of the current input stream, and the results of
+         * parsing it so far.
+         */
+        state: ParsingState,
+
+        /**
+         * If `true` we just do the recognition part, and don't bother to push a
+         * token.
+         */
+        silent: boolean
+    ) => boolean;
+
     type Rule = (
         /**
          * The list of tokens currently being processed.
          */
-        tokens: Token[],
+        tokens: ContentToken[],
 
         /**
          * The index of the token currently being processed.
@@ -227,12 +265,17 @@ declare namespace Remarkable {
         getBreak: GetBreak;
     }
 
-    interface BaseToken {
+    interface TagToken {
         /**
          * The nesting level of the associated markdown structure in the source.
          */
         level: number;
 
+        /**
+         * The type of the token.
+         */
+        type: string;
+
         /**
          * Tokens generated by block parsing rules also include a `lines`
          * property which is a 2 elements array marking the first and last line of the
@@ -241,27 +284,7 @@ declare namespace Remarkable {
         lines?: [number, number];
     }
 
-    interface TagToken extends BaseToken {
-        /**
-         * Tag tokens have a variety of types and each is a name of a
-         * rendering rule.
-         */
-        type: string;
-    }
-
-    interface ContentToken extends BaseToken {
-        /**
-         * A text token has a `content` property containing the text it represents.
-         */
-        content: string;
-
-        /**
-         * The type of the token.
-         */
-        type: "text";
-    }
-
-    interface BlockContentToken extends BaseToken {
+    interface BlockContentToken extends TagToken {
         /**
          * The content of the block. This might include inline mardown syntax
          * which may need further processing by the inline rules.
@@ -273,11 +296,24 @@ declare namespace Remarkable {
          * with the inline parser tokens as the inline parsing rules are applied.
          */
         children: Token[];
+    }
+
+    interface ContentToken extends TagToken {
+        /**
+         * A text token has a `content` property. This is passed to
+         * the corresponding renderer to be converted for output.
+         */
+        content: any;
 
         /**
          * The type of the token.
          */
-        type: "inline";
+        type: string;
+
+        /**
+         * Is this a block element
+         */
+        block: boolean;
     }
 
     interface MiscTokenProps {
@@ -343,5 +379,17 @@ declare namespace Remarkable {
         title?: string;
     }
 
-    type Token = (TagToken | ContentToken | BlockContentToken) & MiscTokenProps;
+    type Token = (BlockContentToken | ContentToken | TagToken) & MiscTokenProps;
+}
+
+declare class ParserBlock {
+    tokenize(state: Remarkable.ParsingState, startLine: number, endLine: number): void;
+    parse(str: string, options: Remarkable.Options, env: Remarkable.Env, tokens: [Remarkable.Token]): void;
+}
+
+declare class ParserInline {
+    skipToken(state: Remarkable.ParsingState): void;
+    tokenize(state: Remarkable.ParsingState): void;
+    parse(str: string, options: Remarkable.Options, env: Remarkable.Env, tokens: [Remarkable.Token]): void;
+    validateLink(url: string): boolean;
 }
diff --git a/types/remarkable/lib/ruler.d.ts b/types/remarkable/lib/ruler.d.ts
index 20c781f9b0..9520069373 100644
--- a/types/remarkable/lib/ruler.d.ts
+++ b/types/remarkable/lib/ruler.d.ts
@@ -13,22 +13,22 @@ declare class Ruler {
   /**
    * Replace the rule `ruleName` with a new rule.
    */
-  at(ruleName: string, fn: Remarkable.Rule, options: Remarkable.Options): void;
+  at(ruleName: string, fn: Remarkable.ParsingRule, options: Remarkable.Options): void;
 
   /**
    * Add a rule to the chain before given the `ruleName`.
    */
-  before(beforeName: string, ruleName: string, fn: Remarkable.Rule, options: Remarkable.Options): void;
+  before(beforeName: string, ruleName: string, fn: Remarkable.ParsingRule, options: Remarkable.Options): void;
 
   /**
    * Add a rule to the chain after the given `ruleName`.
    */
-  after(afterName: string, ruleName: string, fn: Remarkable.Rule, options: Remarkable.Options): void;
+  after(afterName: string, ruleName: string, fn: Remarkable.ParsingRule, options: Remarkable.Options): void;
 
   /**
    * Add a rule to the end of chain.
    */
-  push(ruleName: string, fn: Remarkable.Rule, options: Remarkable.Options): void;
+  push(ruleName: string, fn: Remarkable.ParsingRule, options: Remarkable.Options): void;
 
   /**
    * Enable a rule or list of rules.
diff --git a/types/replacestream/index.d.ts b/types/replacestream/index.d.ts
new file mode 100644
index 0000000000..ede4591a1d
--- /dev/null
+++ b/types/replacestream/index.d.ts
@@ -0,0 +1,54 @@
+// Type definitions for replacestream 4.0
+// Project: https://github.com/eugeneware/replacestream#readme
+// Definitions by: Piotr Roszatycki <https://github.com/dex4er>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace ReplaceStream {
+    interface Options {
+        /**
+         * Sets a limit on the number of times the replacement will be made. This
+         * is forced to one when a regex without the global flag is provided.
+         *
+         * Default: `Infinity`
+         */
+        limit?: number;
+        /**
+         * The text encoding used during search and replace.
+         *
+         * Default: `"utf8"`
+         */
+        encoding?: string;
+        /**
+         * When doing cross-chunk replacing, this sets the maximum length match
+         * that will be supported.
+         *
+         * Default: `100`
+         */
+        maxMatchLen?: number;
+        /**
+         * When doing string match (not relevant for regex matching) whether to do a
+         * case insensitive search.
+         *
+         * Default: `true`
+         */
+        ignoreCase?: boolean;
+        /**
+         * When provided, these flags will be used when creating the search regexes
+         * internally.
+         *
+         * @deprecated as the flags set on the regex provided are no longer mutated
+         * if this is not provided.
+         */
+        regExpOptions?: string;
+    }
+
+    type ReplaceFunction = (match: string, p1: string, offset: number, string: string) => string;
+}
+
+declare function ReplaceStream(
+    search: RegExp | string,
+    replace: ReplaceStream.ReplaceFunction | string,
+    options?: ReplaceStream.Options
+): any;
+
+export = ReplaceStream;
diff --git a/types/replacestream/replacestream-tests.ts b/types/replacestream/replacestream-tests.ts
new file mode 100644
index 0000000000..d3062af185
--- /dev/null
+++ b/types/replacestream/replacestream-tests.ts
@@ -0,0 +1,27 @@
+/// <reference types="node"/>
+
+import * as fs from 'fs';
+import * as path from 'path';
+import replaceStream = require('replacestream');
+
+fs.createReadStream(path.join(__dirname, 'happybirthday.txt'))
+    .pipe(replaceStream('birthday', 'earthday'))
+    .pipe(process.stdout);
+
+fs.createReadStream(path.join(__dirname, 'happybirthday.txt'))
+    .pipe(replaceStream('birthday', 'earthday', { limit: 2 }))
+    .pipe(process.stdout);
+
+fs.createReadStream(path.join(__dirname, 'happybirthday.txt'))
+    .pipe(replaceStream(/birthday/, 'earthday'))
+    .pipe(process.stdout);
+
+const words = ['Awesome', 'Good', 'Super', 'Joyous'];
+
+function replaceFn(match: string, p1: string, offset: number, string: string): string {
+    return words.shift() || 'Happy';
+}
+
+fs.createReadStream(path.join(__dirname, 'happybirthday.txt'))
+    .pipe(replaceStream('Happy', replaceFn))
+    .pipe(process.stdout);
diff --git a/types/replacestream/tsconfig.json b/types/replacestream/tsconfig.json
new file mode 100644
index 0000000000..96bfd055fa
--- /dev/null
+++ b/types/replacestream/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "replacestream-tests.ts"
+    ]
+}
diff --git a/types/replacestream/tslint.json b/types/replacestream/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/replacestream/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/request/index.d.ts b/types/request/index.d.ts
index 60e24b7692..c18f97554f 100644
--- a/types/request/index.d.ts
+++ b/types/request/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for request 2.47
+// Type definitions for request 2.48
 // Project: https://github.com/request/request
 // Definitions by: Carlos Ballesteros Velasco <https://github.com/soywiz>,
 //                 bonnici <https://github.com/bonnici>,
@@ -8,6 +8,7 @@
 //                 Jon Stevens <https://github.com/lookfirst>,
 //                 Matt R. Wilson <https://github.com/mastermatt>
 //                 Jose Colella <https://github.com/josecolella>
+//                 Marek Urbanowicz <https://github.com/murbanowicz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -24,6 +25,7 @@ import FormData = require('form-data');
 import net = require('net');
 import tough = require('tough-cookie');
 import { Url } from 'url';
+import { SecureContextOptions } from 'tls';
 
 declare namespace request {
     interface RequestAPI<TRequest extends Request, TOptions extends CoreOptions, TUriUrlOptions> {
@@ -132,7 +134,7 @@ declare namespace request {
         jsonReplacer?: (key: string, value: any) => any;
         multipart?: RequestPart[] | Multipart;
         agent?: http.Agent | https.Agent;
-        agentOptions?: any;
+        agentOptions?: http.AgentOptions | https.AgentOptions;
         agentClass?: any;
         forever?: any;
         host?: string;
diff --git a/types/request/request-tests.ts b/types/request/request-tests.ts
index c2c377fcbd..1d13dcbaaa 100644
--- a/types/request/request-tests.ts
+++ b/types/request/request-tests.ts
@@ -550,7 +550,9 @@ request.get(options);
 request.get({
     url: 'https://api.some-server.com/',
     agentOptions: {
-        secureProtocol: 'SSLv3_method'
+        secureProtocol: 'SSLv3_method',
+        maxCachedSessions: 3,
+        keepAlive: true,
     }
 });
 
@@ -626,25 +628,26 @@ request.get('http://10.255.255.1', {timeout: 1500}, (err) => {
 });
 
 const rand = Math.floor(Math.random() * 100000000).toString();
-  request(
-    { method: 'PUT'
-    , uri: 'http://mikeal.iriscouch.com/testjs/' + rand
-    , multipart:
-      [ { headers: { 'content-type': 'application/json' }
-        , body: JSON.stringify({foo: 'bar', _attachments: {'message.txt': {follows: true, length: 18, content_type: 'text/plain' }}})
-        }
-      , { body: 'I am an attachment' }
-      ]
+
+request(
+{ method: 'PUT'
+, uri: 'http://mikeal.iriscouch.com/testjs/' + rand
+, multipart:
+    [ { headers: { 'content-type': 'application/json' }
+    , body: JSON.stringify({foo: 'bar', _attachments: {'message.txt': {follows: true, length: 18, content_type: 'text/plain' }}})
     }
-  , (error, response, body) => {
-      if (response.statusCode === 201) {
-        console.log('document saved as: http://mikeal.iriscouch.com/testjs/' + rand);
-      } else {
-        console.log('error: ' + response.statusCode);
-        console.log(body);
-      }
+    , { body: 'I am an attachment' }
+    ]
+}
+, (error, response, body) => {
+    if (response.statusCode === 201) {
+    console.log('document saved as: http://mikeal.iriscouch.com/testjs/' + rand);
+    } else {
+    console.log('error: ' + response.statusCode);
+    console.log(body);
     }
-  );
+}
+);
 
 request(
     { method: 'GET'
diff --git a/types/response-time/index.d.ts b/types/response-time/index.d.ts
index 8a06ba04fd..f4e43543a1 100644
--- a/types/response-time/index.d.ts
+++ b/types/response-time/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for response-time 2.3.2
 // Project: https://github.com/expressjs/response-time
 // Definitions by: Uros Smolnik <https://github.com/urossmolnik>, TonyYang <https://github.com/TonyPythoneer>
+//                 Dan Manastireanu <https://github.com/danmana>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -17,6 +18,7 @@
 
 
 import http = require("http");
+import express = require("express");
 
 
 export = responseTime;
@@ -29,6 +31,8 @@ declare function responseTime(options?: responseTime.ResponseTimeOptions):
     (request: http.IncomingMessage, response: http.ServerResponse, callback: (err: any) => void) => any;
 declare function responseTime(fn: responseTime.ResponseTimeFunction):
     (request: http.IncomingMessage, response: http.ServerResponse, callback: (err: any) => void) => any;
+declare function responseTime(fn: (request: express.Request, response: express.Response, time: number) => any):
+    express.RequestHandler;
 
 
 declare namespace responseTime {
diff --git a/types/response-time/response-time-tests.ts b/types/response-time/response-time-tests.ts
index 9b75aa2fec..46010f3f0d 100644
--- a/types/response-time/response-time-tests.ts
+++ b/types/response-time/response-time-tests.ts
@@ -34,8 +34,8 @@ import http = require('http')
 // response time metrics tests https://github.com/expressjs/response-time#response-time-metrics //
 //////////////////////////////////////////////////////////////////////////////////////////////////
 {
-    const app = express()
-    app.use(responseTime(function (req, res, time) {
+    const app = express();
+    app.use(responseTime((req: express.Request, res: express.Response, time: number) => {
         let num: number = time;
     }));
 }
diff --git a/types/restify-plugins/index.d.ts b/types/restify-plugins/index.d.ts
index 4f495ce593..8ac287a542 100644
--- a/types/restify-plugins/index.d.ts
+++ b/types/restify-plugins/index.d.ts
@@ -265,7 +265,7 @@ export interface QueryParserOptions {
 }
 
 /**
- * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
+ * Parses URL query parameter into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
  */
 export function queryParser(options?: QueryParserOptions): RequestHandler;
 
diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index ee757e8a2f..a035a87396 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -1343,7 +1343,7 @@ export namespace plugins {
     }
 
     /**
-     * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
+     * Parses URL query parameters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
      */
     function queryParser(options?: QueryParserOptions): RequestHandler;
 
diff --git a/types/restify/restify-tests.ts b/types/restify/restify-tests.ts
index 42bbe12524..70ce178df0 100644
--- a/types/restify/restify-tests.ts
+++ b/types/restify/restify-tests.ts
@@ -175,7 +175,7 @@ server.on('after', (req: restify.Request, res: restify.Response, route: restify.
     restify.plugins.auditLogger({ event: 'after', log: logger })(req, res, route, err);
 });
 
-(<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
+(restify as any).defaultResponseHeaders = function(this: restify.Request, data: any) {
     this.header('Server', 'helloworld');
 };
 
diff --git a/types/restify/v4/restify-tests.ts b/types/restify/v4/restify-tests.ts
index 01374a963c..49aead41ab 100644
--- a/types/restify/v4/restify-tests.ts
+++ b/types/restify/v4/restify-tests.ts
@@ -285,11 +285,11 @@ server.on('after', (req: restify.Request, res: restify.Response, route: restify.
     restify.auditLogger({ log: () => { } })(req, res, route, err);
 });
 
-(<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
+(restify as any).defaultResponseHeaders = function(this: restify.Request, data: any) {
     this.header('Server', 'helloworld');
 };
 
-(<any> restify).defaultResponseHeaders = false;
+(restify as any).defaultResponseHeaders = false;
 
 // RESTIFY Client Tests
 
diff --git a/types/restify/v5/index.d.ts b/types/restify/v5/index.d.ts
index bacea67cab..11664c60cf 100644
--- a/types/restify/v5/index.d.ts
+++ b/types/restify/v5/index.d.ts
@@ -1138,7 +1138,7 @@ export namespace plugins {
     }
 
     /**
-     * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
+     * Parses URL query parameters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
      */
     function queryParser(options?: QueryParserOptions): RequestHandler;
 
diff --git a/types/restify/v5/restify-tests.ts b/types/restify/v5/restify-tests.ts
index 8601d912ac..3342183c2f 100644
--- a/types/restify/v5/restify-tests.ts
+++ b/types/restify/v5/restify-tests.ts
@@ -170,7 +170,7 @@ server.on('after', (req: restify.Request, res: restify.Response, route: restify.
     restify.plugins.auditLogger({ event: 'after', log: logger })(req, res, route, err);
 });
 
-(<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
+(restify as any).defaultResponseHeaders = function(this: restify.Request, data: any) {
     this.header('Server', 'helloworld');
 };
 
diff --git a/types/rmc-drawer/index.d.ts b/types/rmc-drawer/index.d.ts
new file mode 100644
index 0000000000..d45ec2a67a
--- /dev/null
+++ b/types/rmc-drawer/index.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for rmc-drawer 0.4
+// Project: https://github.com/react-component/m-drawer
+// Definitions by: Frithjof Winkelmann <https://github.com/Hoff97>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as moment from "moment";
+import * as React from 'react';
+
+interface DrawerProps {
+    className?: string;
+    prefixCls?: string;
+    children?: React.ReactNode | React.ReactNode[];
+    style?: React.CSSProperties;
+    sidebarStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    overlayStyle?: React.CSSProperties;
+    dragHandleStyle?: React.CSSProperties;
+    sidebar?: React.ReactNode;
+    onOpenChange?: (open: boolean, overlay?: { overlayClicked: boolean }) => void;
+    open?: boolean;
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    docked?: boolean;
+    transitions?: boolean;
+    touch?: boolean;
+    enableDragHandle?: boolean;
+    dragToggleDistance?: number;
+}
+
+declare class Drawer extends React.Component<Partial<DrawerProps>> {
+}
+
+export = Drawer;
diff --git a/types/rmc-drawer/rmc-drawer-tests.tsx b/types/rmc-drawer/rmc-drawer-tests.tsx
new file mode 100644
index 0000000000..95256785af
--- /dev/null
+++ b/types/rmc-drawer/rmc-drawer-tests.tsx
@@ -0,0 +1,19 @@
+import Drawer from 'rmc-drawer';
+import * as React from 'react';
+
+const sidebar = (<div>
+    <h3>
+        sidebar
+    </h3>
+    <p>this is content!</p>
+</div>);
+
+const drawer = <Drawer sidebar={sidebar} docked={false} open={false}
+    style={{ overflow: 'auto' }} touch={true} enableDragHandle={true}
+    position="left" dragToggleDistance={30} transitions={true}
+    onOpenChange={_open => {}}>
+    <div className="main">
+        <p>React component</p>
+        Testcontent
+    </div>
+</Drawer>;
diff --git a/types/rmc-drawer/tsconfig.json b/types/rmc-drawer/tsconfig.json
new file mode 100644
index 0000000000..35dc08b4ff
--- /dev/null
+++ b/types/rmc-drawer/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "rmc-drawer-tests.tsx"
+    ]
+}
diff --git a/types/rmc-drawer/tslint.json b/types/rmc-drawer/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/rmc-drawer/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/rollup-plugin-json/index.d.ts b/types/rollup-plugin-json/index.d.ts
index 795f24a005..b6b61b25e5 100644
--- a/types/rollup-plugin-json/index.d.ts
+++ b/types/rollup-plugin-json/index.d.ts
@@ -5,6 +5,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
+/// <reference types="node" />
 import { Plugin } from 'rollup';
 
 export interface Options {
diff --git a/types/royalslider/index.d.ts b/types/royalslider/index.d.ts
index 5fc9abe068..e736709b82 100644
--- a/types/royalslider/index.d.ts
+++ b/types/royalslider/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for jQuery royal-slider 9.4
 // Project: http://dimsemenov.com/plugins/royal-slider/documentation/
-// Definitions by: Christiaan Rakowski <https://github.com/csrakowski>
+// Definitions by: Christiaan Rakowski <https://github.com/csrakowski>, sKopheK <https://github.com/sKopheK>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -367,6 +367,73 @@ declare namespace RoyalSlider {
         visibleNearby?: RoyalSliderVisibleOptions;
     }
 
+    export interface RoyalSliderSlide {
+        /**
+         * TODO
+         */
+        appendOnLoaded: boolean;
+        /**
+         * slide element
+         */
+        content: JQuery;
+        /**
+         * TODO
+         */
+        contentAdded: boolean;
+        /**
+         * slide element wrapper
+         */
+        holder: JQuery;
+        /**
+         * slide index
+         */
+        id: number;
+        /**
+         * TODO
+         */
+        images: null;
+        /**
+         * TODO
+         */
+        isAdded: boolean;
+        /**
+         * TODO
+         */
+        isAppended: boolean;
+        /**
+         * TODO
+         */
+        isBig: boolean;
+        /**
+         * TODO
+         */
+        isLoaded: boolean;
+        /**
+         * TODO
+         */
+        isLoading: boolean;
+        /**
+         * TODO
+         */
+        isRendered: boolean;
+        /**
+         * TODO
+         */
+        loadedTriggered: boolean;
+        /**
+         * TODO
+         */
+        positionSet: boolean;
+        /**
+         * TODO
+         */
+        sizeReady: boolean;
+        /**
+         * TODO
+         */
+        thumbnail: string;
+    }
+
     export interface RoyalSlider { //TODO: extends/implements JQuery? (giving problems due to next(), prev(), width and height and 'selector'.
         /**
          * go to slide with id
@@ -443,7 +510,7 @@ declare namespace RoyalSlider {
         /**
          * current slide object
          */
-        currSlide: JQuery;
+        currSlide: RoyalSliderSlide;
         /**
          * total number of slides
          */
@@ -471,7 +538,7 @@ declare namespace RoyalSlider {
         /**
          * contains all data about each slide
          */
-        slides: any[]; //TODO: what type?
+        slides: RoyalSliderSlide[];
         /**
          * Contains list of HTML slides that are added to slider
          */
diff --git a/types/rx-lite-async/tslint.json b/types/rx-lite-async/tslint.json
index e168f9e744..82f58fd192 100644
--- a/types/rx-lite-async/tslint.json
+++ b/types/rx-lite-async/tslint.json
@@ -3,6 +3,7 @@
     "rules": {
         // TODOs
         "max-line-length": false,
+        "no-angle-bracket-type-assertion": false,
         "no-declare-current-package": false,
         "no-object-literal-type-assertion": false,
         "no-single-declare-module": false
diff --git a/types/rx-lite/index.d.ts b/types/rx-lite/index.d.ts
index 16646b0473..9487683dce 100644
--- a/types/rx-lite/index.d.ts
+++ b/types/rx-lite/index.d.ts
@@ -244,8 +244,8 @@ declare namespace Rx {
         merge(maxConcurrent: number): T;
         merge(other: Observable<T>): Observable<T>;
         merge(other: IPromise<T>): Observable<T>;
-        mergeAll(): Observable<T>;
-        mergeObservable(): Observable<T>;    // alias for mergeAll
+        mergeAll(): T;
+        mergeObservable(): T;    // alias for mergeAll
         skipUntil<T2>(other: Observable<T2>): Observable<T>;
         skipUntil<T2>(other: IPromise<T2>): Observable<T>;
         switch(): T;
diff --git a/types/rx-lite/rx-lite-tests.ts b/types/rx-lite/rx-lite-tests.ts
index 17f0bbe726..755a2b2443 100644
--- a/types/rx-lite/rx-lite-tests.ts
+++ b/types/rx-lite/rx-lite-tests.ts
@@ -86,14 +86,19 @@ function test_concatAll() {
 		});
 }
 
+// https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/mergeall.md
 function test_mergeAll() {
-	/* mergeAll example */
+    /* mergeAll example */
+
+    // $ExpectType Observable<number>
 	const source = Rx.Observable.range(0, 3)
 		.map(x => Rx.Observable.range(x, 3))
-		.mergeAll();
+        .mergeAll();
 
 	const subscription = source.subscribe(
 		x => {
+            // $ExpectType number
+            x;
 			console.log('Next: %s', x);
 		},
 		err => {
diff --git a/types/rx.wamp/rx.wamp-tests.ts b/types/rx.wamp/rx.wamp-tests.ts
index 6e7cb3e6ed..741b8e0de9 100644
--- a/types/rx.wamp/rx.wamp-tests.ts
+++ b/types/rx.wamp/rx.wamp-tests.ts
@@ -137,11 +137,11 @@ function weather_station_monitor(session: autobahn.Session) {
 
     //Home control settings
     var desiredTemperature = Rx.Observable.subscribeAsObservable(session, "temperature.indoors.desired")
-        .map(x => <number>x.args[0]);
+        .map(x => x.args[0] as number);
 
     var dailyForecast =
         sensorReadings
-            .map(rawValue => <IWeather>rawValue.kwargs)
+            .map(rawValue => rawValue.kwargs as IWeather)
             .throttle(1000) // At most once every second
             .bufferWithTime(1000 * 60 * 60 * 24) //Milliseconds in a day
             .tap(readings => {
diff --git a/types/safari-extension/tslint.json b/types/safari-extension/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/safari-extension/tslint.json
+++ b/types/safari-extension/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/saywhen/index.d.ts b/types/saywhen/index.d.ts
index e799ae0ca2..8c2310312d 100644
--- a/types/saywhen/index.d.ts
+++ b/types/saywhen/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/pushtechnology/saywhen
 // Definitions by: Sean Sobey <https://github.com/SeanSobey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.8
 
 /// <reference types="jasmine" />
 
diff --git a/types/scheduler/index.d.ts b/types/scheduler/index.d.ts
new file mode 100644
index 0000000000..9df4054e8e
--- /dev/null
+++ b/types/scheduler/index.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for scheduler 0.10
+// Project: https://reactjs.org/
+// Definitions by: Nathan Bierema <https://github.com/Methuselah96>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export interface Deadline {
+  timeRemaining(): number;
+  didTimeout: boolean;
+}
+export type FrameCallbackType = (deadline: Deadline) => FrameCallbackType | void;
+export interface CallbackNode {
+  callback: FrameCallbackType;
+  priorityLevel: number;
+  expirationTime: number;
+  next: CallbackNode | null;
+  prev: CallbackNode | null;
+}
+
+export const unstable_ImmediatePriority = 1;
+export const unstable_UserBlockingPriority = 2;
+export const unstable_NormalPriority = 3;
+export const unstable_IdlePriority = 4;
+export function unstable_runWithPriority<T>(priorityLevel: number, eventHandler: () => T): T | undefined;
+export function unstable_scheduleCallback(callback: FrameCallbackType, deprecated_options?: { timeout: number}): CallbackNode;
+export function unstable_cancelCallback(callbackNode: CallbackNode): void;
+export function unstable_wrapCallback(callback: FrameCallbackType): () => FrameCallbackType | undefined;
+export function unstable_getCurrentPriorityLevel(): number;
+export function unstable_now(): number;
diff --git a/types/scheduler/scheduler-tests.ts b/types/scheduler/scheduler-tests.ts
new file mode 100644
index 0000000000..84c35fb5b7
--- /dev/null
+++ b/types/scheduler/scheduler-tests.ts
@@ -0,0 +1,8 @@
+import { unstable_scheduleCallback, unstable_cancelCallback, unstable_now } from 'scheduler';
+
+// $ExpectType CallbackNode
+const callbackNode = unstable_scheduleCallback(() => {}, { timeout: 100 });
+unstable_cancelCallback(callbackNode);
+
+// $ExpectType number
+unstable_now();
diff --git a/types/scheduler/tsconfig.json b/types/scheduler/tsconfig.json
new file mode 100644
index 0000000000..b6c5c6021a
--- /dev/null
+++ b/types/scheduler/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "scheduler-tests.ts"
+    ]
+}
diff --git a/types/scheduler/tslint.json b/types/scheduler/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/scheduler/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/screeps/index.d.ts b/types/screeps/index.d.ts
index 341aca8363..27ca10960d 100644
--- a/types/screeps/index.d.ts
+++ b/types/screeps/index.d.ts
@@ -1,11 +1,11 @@
-// Type definitions for Screeps 2.4
+// Type definitions for Screeps 2.5
 // Project: https://github.com/screeps/screeps
 // Definitions by: Marko Sulamägi <https://github.com/MarkoSulamagi>
 //                 Nhan Ho <https://github.com/NhanHo>
 //                 Bryan <https://github.com/bryanbecker>
 //                 Resi Respati <https://github.com/resir014>
 //                 Adam Laycock <https://github.com/Arcath>
-//                 Dominic Marcuse <https://github.com/apemanzilla>
+//                 Dominic Marcuse <https://github.com/dmarcuse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.6
 
@@ -82,21 +82,21 @@ declare const CREEP_CLAIM_LIFE_TIME: 600;
 declare const CREEP_CORPSE_RATE: 0.2;
 
 declare const OBSTACLE_OBJECT_TYPES: [
-  "spawn",
-  "creep",
-  "wall",
-  "source",
-  "constructedWall",
-  "extension",
-  "link",
-  "storage",
-  "tower",
-  "observer",
-  "powerSpawn",
-  "powerBank",
-  "lab",
-  "terminal",
-  "nuker"
+    "spawn",
+    "creep",
+    "wall",
+    "source",
+    "constructedWall",
+    "extension",
+    "link",
+    "storage",
+    "tower",
+    "observer",
+    "powerSpawn",
+    "powerBank",
+    "lab",
+    "terminal",
+    "nuker"
 ];
 
 declare const ENERGY_REGEN_TIME: 300;
@@ -108,14 +108,14 @@ declare const RAMPART_DECAY_AMOUNT: 300;
 declare const RAMPART_DECAY_TIME: 100;
 declare const RAMPART_HITS: 1;
 declare const RAMPART_HITS_MAX: {
-    [rcl: number]: number
-    2: 300000,
-    3: 1000000,
-    4: 3000000,
-    5: 10000000,
-    6: 30000000,
-    7: 100000000,
-    8: 300000000
+    [rcl: number]: number;
+    2: 300000;
+    3: 1000000;
+    4: 3000000;
+    5: 10000000;
+    6: 30000000;
+    7: 100000000;
+    8: 300000000;
 };
 
 declare const SPAWN_HITS: 5000;
@@ -131,16 +131,16 @@ declare const WALL_HITS_MAX: 300000000;
 
 declare const EXTENSION_HITS: 1000;
 declare const EXTENSION_ENERGY_CAPACITY: {
-    [rcl: number]: number
-    0: 50,
-    1: 50,
-    2: 50,
-    3: 50,
-    4: 50,
-    5: 50,
-    6: 50,
-    7: 100,
-    8: 200
+    [rcl: number]: number;
+    0: 50;
+    1: 50;
+    2: 50;
+    3: 50;
+    4: 50;
+    5: 50;
+    6: 50;
+    7: 100;
+    8: 200;
 };
 
 declare const ROAD_HITS: 5000;
@@ -254,15 +254,22 @@ declare const RESOURCES_ALL: ResourceConstant[];
 
 declare const SUBSCRIPTION_TOKEN: "token";
 
-declare const CONTROLLER_LEVELS: {[level: number]: number};
-declare const CONTROLLER_STRUCTURES: Record<BuildableStructureConstant, {[level: number]: number}>;
+declare const CONTROLLER_LEVELS: { [level: number]: number };
+declare const CONTROLLER_STRUCTURES: Record<BuildableStructureConstant, { [level: number]: number }>;
 
-declare const CONTROLLER_DOWNGRADE: {[level: number]: number};
+declare const CONTROLLER_DOWNGRADE: { [level: number]: number };
+declare const CONTROLLER_DOWNGRADE_RESTORE: number;
+declare const CONTROLLER_DOWNGRADE_SAFEMODE_THRESHOLD: number;
 declare const CONTROLLER_CLAIM_DOWNGRADE: number;
 declare const CONTROLLER_RESERVE: number;
 declare const CONTROLLER_RESERVE_MAX: number;
 declare const CONTROLLER_MAX_UPGRADE_PER_TICK: number;
 declare const CONTROLLER_ATTACK_BLOCKED_UPGRADE: number;
+declare const CONTROLLER_NUKE_BLOCKED_UPGRADE: number;
+
+declare const SAFE_MODE_DURATION: 20000;
+declare const SAFE_MODE_COOLDOWN: 50000;
+declare const SAFE_MODE_COST: 1000;
 
 declare const TOWER_HITS: number;
 declare const TOWER_CAPACITY: number;
@@ -321,19 +328,19 @@ declare const MINERAL_MIN_AMOUNT: Record<MineralConstant, number>;
 declare const MINERAL_RANDOM_FACTOR: number;
 
 declare const MINERAL_DENSITY: {
-    [level: number]: number
-    1: number,
-    2: number,
-    3: number,
-    4: number
+    [level: number]: number;
+    1: number;
+    2: number;
+    3: number;
+    4: number;
 };
 
 declare const MINERAL_DENSITY_PROBABILITY: {
-    [level: number]: number
-    1: number,
-    2: number,
-    3: number,
-    4: number
+    [level: number]: number;
+    1: number;
+    2: number;
+    3: number;
+    4: number;
 };
 
 declare const MINERAL_DENSITY_CHANGE: number;
@@ -362,261 +369,261 @@ declare const NUKER_GHODIUM_CAPACITY: number;
 declare const NUKE_LAND_TIME: number;
 declare const NUKE_RANGE: number;
 declare const NUKE_DAMAGE: {
-    [range: number]: number
-    0: number,
-    1: number,
-    4: number
+    [range: number]: number;
+    0: number;
+    1: number;
+    4: number;
 };
 
 declare const REACTIONS: {
-  [resource: string]: {[resource: string]: string}
-  H: {
-      O: "OH",
-      L: "LH",
-      K: "KH",
-      U: "UH",
-      Z: "ZH",
-      G: "GH"
-  },
-  O: {
-      H: "OH",
-      L: "LO",
-      K: "KO",
-      U: "UO",
-      Z: "ZO",
-      G: "GO"
-  },
-  Z: {
-      K: "ZK",
-      H: "ZH",
-      O: "ZO"
-  },
-  L: {
-      U: "UL",
-      H: "LH",
-      O: "LO"
-  },
-  K: {
-      Z: "ZK",
-      H: "KH",
-      O: "KO"
-  },
-  G: {
-      H: "GH",
-      O: "GO"
-  },
-  U: {
-      L: "UL",
-      H: "UH",
-      O: "UO"
-  },
-  OH: {
-      UH: "UH2O",
-      UO: "UHO2",
-      ZH: "ZH2O",
-      ZO: "ZHO2",
-      KH: "KH2O",
-      KO: "KHO2",
-      LH: "LH2O",
-      LO: "LHO2",
-      GH: "GH2O",
-      GO: "GHO2"
-  },
-  X: {
-      UH2O: "XUH2O",
-      UHO2: "XUHO2",
-      LH2O: "XLH2O",
-      LHO2: "XLHO2",
-      KH2O: "XKH2O",
-      KHO2: "XKHO2",
-      ZH2O: "XZH2O",
-      ZHO2: "XZHO2",
-      GH2O: "XGH2O",
-      GHO2: "XGHO2"
-  },
-  ZK: {
-      UL: "G"
-  },
-  UL: {
-      ZK: "G"
-  },
-  LH: {
-      OH: "LH2O"
-  },
-  ZH: {
-      OH: "ZH2O"
-  },
-  GH: {
-      OH: "GH2O"
-  },
-  KH: {
-      OH: "KH2O"
-  },
-  UH: {
-      OH: "UH2O"
-  },
-  LO: {
-      OH: "LHO2"
-  },
-  ZO: {
-      OH: "ZHO2"
-  },
-  KO: {
-      OH: "KHO2"
-  },
-  UO: {
-      OH: "UHO2"
-  },
-  GO: {
-      OH: "GHO2"
-  },
-  LH2O: {
-      X: "XLH2O"
-  },
-  KH2O: {
-      X: "XKH2O"
-  },
-  ZH2O: {
-      X: "XZH2O"
-  },
-  UH2O: {
-      X: "XUH2O"
-  },
-  GH2O: {
-      X: "XGH2O"
-  },
-  LHO2: {
-      X: "XLHO2"
-  },
-  UHO2: {
-      X: "XUHO2"
-  },
-  KHO2: {
-      X: "XKHO2"
-  },
-  ZHO2: {
-      X: "XZHO2"
-  },
-  GHO2: {
-      X: "XGHO2"
-  }
+    [resource: string]: { [resource: string]: string };
+    H: {
+        O: "OH";
+        L: "LH";
+        K: "KH";
+        U: "UH";
+        Z: "ZH";
+        G: "GH";
+    };
+    O: {
+        H: "OH";
+        L: "LO";
+        K: "KO";
+        U: "UO";
+        Z: "ZO";
+        G: "GO";
+    };
+    Z: {
+        K: "ZK";
+        H: "ZH";
+        O: "ZO";
+    };
+    L: {
+        U: "UL";
+        H: "LH";
+        O: "LO";
+    };
+    K: {
+        Z: "ZK";
+        H: "KH";
+        O: "KO";
+    };
+    G: {
+        H: "GH";
+        O: "GO";
+    };
+    U: {
+        L: "UL";
+        H: "UH";
+        O: "UO";
+    };
+    OH: {
+        UH: "UH2O";
+        UO: "UHO2";
+        ZH: "ZH2O";
+        ZO: "ZHO2";
+        KH: "KH2O";
+        KO: "KHO2";
+        LH: "LH2O";
+        LO: "LHO2";
+        GH: "GH2O";
+        GO: "GHO2";
+    };
+    X: {
+        UH2O: "XUH2O";
+        UHO2: "XUHO2";
+        LH2O: "XLH2O";
+        LHO2: "XLHO2";
+        KH2O: "XKH2O";
+        KHO2: "XKHO2";
+        ZH2O: "XZH2O";
+        ZHO2: "XZHO2";
+        GH2O: "XGH2O";
+        GHO2: "XGHO2";
+    };
+    ZK: {
+        UL: "G";
+    };
+    UL: {
+        ZK: "G";
+    };
+    LH: {
+        OH: "LH2O";
+    };
+    ZH: {
+        OH: "ZH2O";
+    };
+    GH: {
+        OH: "GH2O";
+    };
+    KH: {
+        OH: "KH2O";
+    };
+    UH: {
+        OH: "UH2O";
+    };
+    LO: {
+        OH: "LHO2";
+    };
+    ZO: {
+        OH: "ZHO2";
+    };
+    KO: {
+        OH: "KHO2";
+    };
+    UO: {
+        OH: "UHO2";
+    };
+    GO: {
+        OH: "GHO2";
+    };
+    LH2O: {
+        X: "XLH2O";
+    };
+    KH2O: {
+        X: "XKH2O";
+    };
+    ZH2O: {
+        X: "XZH2O";
+    };
+    UH2O: {
+        X: "XUH2O";
+    };
+    GH2O: {
+        X: "XGH2O";
+    };
+    LHO2: {
+        X: "XLHO2";
+    };
+    UHO2: {
+        X: "XUHO2";
+    };
+    KHO2: {
+        X: "XKHO2";
+    };
+    ZHO2: {
+        X: "XZHO2";
+    };
+    GHO2: {
+        X: "XGHO2";
+    };
 };
 
 declare const BOOSTS: {
-  [part: string]: {[boost: string]: {[action: string]: number}}
-  work: {
-      UO: {
-          harvest: 3
-      },
-      UHO2: {
-          harvest: 5
-      },
-      XUHO2: {
-          harvest: 7
-      },
-      LH: {
-          build: 1.5,
-          repair: 1.5
-      },
-      LH2O: {
-          build: 1.8,
-          repair: 1.8
-      },
-      XLH2O: {
-          build: 2,
-          repair: 2
-      },
-      ZH: {
-          dismantle: 2
-      },
-      ZH2O: {
-          dismantle: 3
-      },
-      XZH2O: {
-          dismantle: 4
-      },
-      GH: {
-          upgradeController: 1.5
-      },
-      GH2O: {
-          upgradeController: 1.8
-      },
-      XGH2O: {
-          upgradeController: 2
-      }
-  },
-  attack: {
-      UH: {
-          attack: 2
-      },
-      UH2O: {
-          attack: 3
-      },
-      XUH2O: {
-          attack: 4
-      }
-  },
-  ranged_attack: {
-      KO: {
-          rangedAttack: 2,
-          rangedMassAttack: 2
-      },
-      KHO2: {
-          rangedAttack: 3,
-          rangedMassAttack: 3
-      },
-      XKHO2: {
-          rangedAttack: 4,
-          rangedMassAttack: 4
-      }
-  },
-  heal: {
-      LO: {
-          heal: 2,
-          rangedHeal: 2
-      },
-      LHO2: {
-          heal: 3,
-          rangedHeal: 3
-      },
-      XLHO2: {
-          heal: 4,
-          rangedHeal: 4
-      }
-  },
-  carry: {
-      KH: {
-          capacity: 2
-      },
-      KH2O: {
-          capacity: 3
-      },
-      XKH2O: {
-          capacity: 4
-      }
-  },
-  move: {
-      ZO: {
-          fatigue: 2
-      },
-      ZHO2: {
-          fatigue: 3
-      },
-      XZHO2: {
-          fatigue: 4
-      }
-  },
-  tough: {
-      GO: {
-          damage: .7
-      },
-      GHO2: {
-          damage: .5
-      },
-      XGHO2: {
-          damage: .3
-      }
-  }
+    [part: string]: { [boost: string]: { [action: string]: number } };
+    work: {
+        UO: {
+            harvest: 3;
+        };
+        UHO2: {
+            harvest: 5;
+        };
+        XUHO2: {
+            harvest: 7;
+        };
+        LH: {
+            build: 1.5;
+            repair: 1.5;
+        };
+        LH2O: {
+            build: 1.8;
+            repair: 1.8;
+        };
+        XLH2O: {
+            build: 2;
+            repair: 2;
+        };
+        ZH: {
+            dismantle: 2;
+        };
+        ZH2O: {
+            dismantle: 3;
+        };
+        XZH2O: {
+            dismantle: 4;
+        };
+        GH: {
+            upgradeController: 1.5;
+        };
+        GH2O: {
+            upgradeController: 1.8;
+        };
+        XGH2O: {
+            upgradeController: 2;
+        };
+    };
+    attack: {
+        UH: {
+            attack: 2;
+        };
+        UH2O: {
+            attack: 3;
+        };
+        XUH2O: {
+            attack: 4;
+        };
+    };
+    ranged_attack: {
+        KO: {
+            rangedAttack: 2;
+            rangedMassAttack: 2;
+        };
+        KHO2: {
+            rangedAttack: 3;
+            rangedMassAttack: 3;
+        };
+        XKHO2: {
+            rangedAttack: 4;
+            rangedMassAttack: 4;
+        };
+    };
+    heal: {
+        LO: {
+            heal: 2;
+            rangedHeal: 2;
+        };
+        LHO2: {
+            heal: 3;
+            rangedHeal: 3;
+        };
+        XLHO2: {
+            heal: 4;
+            rangedHeal: 4;
+        };
+    };
+    carry: {
+        KH: {
+            capacity: 2;
+        };
+        KH2O: {
+            capacity: 3;
+        };
+        XKH2O: {
+            capacity: 4;
+        };
+    };
+    move: {
+        ZO: {
+            fatigue: 2;
+        };
+        ZHO2: {
+            fatigue: 3;
+        };
+        XZHO2: {
+            fatigue: 4;
+        };
+    };
+    tough: {
+        GO: {
+            damage: 0.7;
+        };
+        GHO2: {
+            damage: 0.5;
+        };
+        XGHO2: {
+            damage: 0.3;
+        };
+    };
 };
 
 declare const LOOK_CREEPS: "creep";
@@ -629,7 +636,7 @@ declare const LOOK_FLAGS: "flag";
 declare const LOOK_CONSTRUCTION_SITES: "constructionSite";
 declare const LOOK_NUKES: "nuke";
 declare const LOOK_TERRAIN: "terrain";
-declare const LOOK_TOMBSTONES: 'tombstone';
+declare const LOOK_TOMBSTONES: "tombstone";
 
 declare const ORDER_SELL: "sell";
 declare const ORDER_BUY: "buy";
@@ -639,6 +646,27 @@ declare const INVADERS_ENERGY_GOAL: number;
 declare const SYSTEM_USERNAME: string;
 
 declare const TOMBSTONE_DECAY_PER_PART: 5;
+
+declare const EVENT_ATTACK: 1;
+declare const EVENT_OBJECT_DESTROYED: 2;
+declare const EVENT_ATTACK_CONTROLLER: 3;
+declare const EVENT_BUILD: 4;
+declare const EVENT_HARVEST: 5;
+declare const EVENT_HEAL: 6;
+declare const EVENT_REPAIR: 7;
+declare const EVENT_RESERVE_CONTROLLER: 8;
+declare const EVENT_UPGRADE_CONTROLLER: 9;
+declare const EVENT_EXIT: 10;
+
+declare const EVENT_ATTACK_TYPE_MELEE: 1;
+declare const EVENT_ATTACK_TYPE_RANGED: 2;
+declare const EVENT_ATTACK_TYPE_RANGED_MASS: 3;
+declare const EVENT_ATTACK_TYPE_DISMANTLE: 4;
+declare const EVENT_ATTACK_TYPE_HIT_BACK: 5;
+declare const EVENT_ATTACK_TYPE_NUKE: 6;
+
+declare const EVENT_HEAL_TYPE_MELEE: 1;
+declare const EVENT_HEAL_TYPE_RANGED: 2;
 /**
  * A site of a structure which is currently under construction.
  */
@@ -675,8 +703,7 @@ interface ConstructionSite<T extends BuildableStructureConstant = BuildableStruc
     remove(): number;
 }
 
-interface ConstructionSiteConstructor extends _Constructor<ConstructionSite>, _ConstructorById<ConstructionSite> {
-}
+interface ConstructionSiteConstructor extends _Constructor<ConstructionSite>, _ConstructorById<ConstructionSite> {}
 
 declare const ConstructionSite: ConstructionSiteConstructor;
 /**
@@ -760,7 +787,7 @@ interface Creep extends RoomObject {
      *
      * @returns Result Code: OK, ERR_NOT_OWNER, ERR_BUSY, ERR_INVALID_TARGET, ERR_NOT_IN_RANGE, ERR_NO_BODYPART
      */
-    attack(target: Creep|Structure): CreepActionReturnCode;
+    attack(target: Creep | Structure): CreepActionReturnCode;
     /**
      * Decreases the controller's downgrade or reservation timer for 1 tick per
      * every 5 `CLAIM` body parts (so the creep must have at least 5x`CLAIM`).
@@ -874,7 +901,10 @@ interface Creep extends RoomObject {
      * @param target Can be a RoomPosition object or any object containing RoomPosition.
      * @param opts An object containing pathfinding options flags (see Room.findPath for more info) or one of the following: reusePath, serializeMemory, noPathFinding
      */
-    moveTo(target: RoomPosition|{pos: RoomPosition}, opts?: MoveToOpts): CreepMoveReturnCode | ERR_NO_PATH | ERR_INVALID_TARGET | ERR_NOT_FOUND;
+    moveTo(
+        target: RoomPosition | { pos: RoomPosition },
+        opts?: MoveToOpts,
+    ): CreepMoveReturnCode | ERR_NO_PATH | ERR_INVALID_TARGET | ERR_NOT_FOUND;
     /**
      * Toggle auto notification when the creep is under attack. The notification will be sent to your account email. Turned on by default.
      * @param enabled Whether to enable notification or disable.
@@ -893,7 +923,7 @@ interface Creep extends RoomObject {
      * The target has to be within 3 squares range of the creep.
      * @param target The target object to be attacked.
      */
-    rangedAttack(target: Creep|Structure): CreepActionReturnCode;
+    rangedAttack(target: Creep | Structure): CreepActionReturnCode;
     /**
      * Heal another creep at a distance.
      *
@@ -956,7 +986,7 @@ interface Creep extends RoomObject {
      * @param resourceType One of the RESOURCE_* constants
      * @param amount The amount of resources to be transferred. If omitted, all the available carried amount is used.
      */
-    transfer(target: Creep|Structure, resourceType: ResourceConstant, amount?: number): ScreepsReturnCode;
+    transfer(target: Creep | Structure, resourceType: ResourceConstant, amount?: number): ScreepsReturnCode;
     /**
      * Upgrade your controller to the next level using carried energy.
      *
@@ -987,8 +1017,7 @@ interface Creep extends RoomObject {
     withdraw(target: Structure | Tombstone, resourceType: ResourceConstant, amount?: number): ScreepsReturnCode;
 }
 
-interface CreepConstructor extends _Constructor<Creep>, _ConstructorById<Creep> {
-}
+interface CreepConstructor extends _Constructor<Creep>, _ConstructorById<Creep> {}
 
 declare const Creep: CreepConstructor;
 /**
@@ -1041,7 +1070,7 @@ interface Flag extends RoomObject {
      * @param pos Can be a RoomPosition object or any object containing RoomPosition.
      * @returns Result Code: OK, ERR_INVALID_TARGET
      */
-    setPosition(pos: RoomPosition|{pos: RoomPosition}): OK | ERR_INVALID_ARGS;
+    setPosition(pos: RoomPosition | { pos: RoomPosition }): OK | ERR_INVALID_ARGS;
 }
 
 interface FlagConstructor extends _Constructor<Flag> {
@@ -1061,11 +1090,11 @@ interface Game {
     /**
      * A hash containing all your creeps with creep names as hash keys.
      */
-    creeps: {[creepName: string]: Creep};
+    creeps: { [creepName: string]: Creep };
     /**
      * A hash containing all your flags with flag names as hash keys.
      */
-    flags: {[flagName: string]: Flag};
+    flags: { [flagName: string]: Flag };
     /**
      * Your Global Control Level.
      */
@@ -1081,25 +1110,25 @@ interface Game {
     /**
      * An object with your global resources that are bound to the account, like subscription tokens. Each object key is a resource constant, values are resources amounts.
      */
-    resources: {[key: string]: any};
+    resources: { [key: string]: any };
     /**
      * A hash containing all the rooms available to you with room names as hash keys.
      * A room is visible if you have a creep or an owned structure in it.
      */
-    rooms: {[roomName: string]: Room};
+    rooms: { [roomName: string]: Room };
     /**
      * A hash containing all your spawns with spawn names as hash keys.
      */
-    spawns: {[spawnName: string]: StructureSpawn};
+    spawns: { [spawnName: string]: StructureSpawn };
     /**
      * A hash containing all your structures with structure id as hash keys.
      */
-    structures: {[structureId: string]: Structure};
+    structures: { [structureId: string]: Structure };
 
     /**
      * A hash containing all your construction sites with their id as hash keys.
      */
-    constructionSites: {[constructionSiteId: string]: ConstructionSite};
+    constructionSites: { [constructionSiteId: string]: ConstructionSite };
 
     /**
      * An object describing the world shard where your script is currently being executed in.
@@ -1212,16 +1241,16 @@ interface CPU {
 }
 
 interface HeapStatistics {
-  total_heap_size: number;
-  total_heap_size_executable: number;
-  total_physical_size: number;
-  total_available_size: number;
-  used_heap_size: number;
-  heap_size_limit: number;
-  malloced_memory: number;
-  peak_malloced_memory: number;
-  does_zap_garbage: 0 | 1;
-  externally_allocated_size: number;
+    total_heap_size: number;
+    total_heap_size_executable: number;
+    total_physical_size: number;
+    total_available_size: number;
+    used_heap_size: number;
+    heap_size_limit: number;
+    malloced_memory: number;
+    peak_malloced_memory: number;
+    does_zap_garbage: 0 | 1;
+    externally_allocated_size: number;
 }
 
 /**
@@ -1276,7 +1305,7 @@ interface AllLookAtTypes {
     constructionSite: ConstructionSite;
     creep: Creep;
     energy: Resource<RESOURCE_ENERGY>;
-    exit: any;  // TODO what type is this?
+    exit: any; // TODO what type is this?
     flag: Flag;
     mineral: Mineral;
     nuke: Nuke;
@@ -1292,8 +1321,8 @@ type LookAtTypes = Partial<AllLookAtTypes>;
 type LookAtResult<K extends LookConstant = LookConstant> = Pick<LookAtTypes, K> & { type: K };
 
 type LookAtResultWithPos<K extends LookConstant = LookConstant> = LookAtResult<K> & {
-    x: number,
-    y: number,
+    x: number;
+    y: number;
 };
 
 interface LookAtResultMatrix<K extends LookConstant = LookConstant> {
@@ -1308,39 +1337,37 @@ interface LookForAtAreaResultMatrix<T, K extends keyof LookAtTypes = keyof LookA
     };
 }
 
-type LookForAtAreaResult<T, K extends keyof LookAtTypes = keyof LookAtTypes> = {type: K} & {
-    [P in K]: T;
-};
+type LookForAtAreaResult<T, K extends keyof LookAtTypes = keyof LookAtTypes> = { type: K } & { [P in K]: T };
 
-type LookForAtAreaResultWithPos<T, K extends keyof LookAtTypes = keyof LookAtTypes> = LookForAtAreaResult<T, K> & {x: number, y: number};
+type LookForAtAreaResultWithPos<T, K extends keyof LookAtTypes = keyof LookAtTypes> = LookForAtAreaResult<T, K> & { x: number; y: number };
 
 type LookForAtAreaResultArray<T, K extends keyof LookAtTypes = keyof LookAtTypes> = Array<LookForAtAreaResultWithPos<T, K>>;
 
 interface FindTypes {
-  [key: number]: RoomPosition | Creep | Source | Resource | Structure | Flag | ConstructionSite | Mineral | Nuke | Tombstone;
-  1: RoomPosition; // FIND_EXIT_TOP
-  3: RoomPosition; // FIND_EXIT_RIGHT
-  5: RoomPosition; // FIND_EXIT_BOTTOM
-  7: RoomPosition; // FIND_EXIT_LEFT
-  10: RoomPosition; // FIND_EXIT
-  101: Creep; // FIND_CREEPS
-  102: Creep; // FIND_MY_CREEPS
-  103: Creep; // FIND_HOSTILE_CREEPS
-  104: Source; // FIND_SOURCES_ACTIVE
-  105: Source; // FIND_SOURCES
-  106: Resource; // FIND_DROPPED_RESOURCES
-  107: AnyStructure; // FIND_STRUCTURES
-  108: AnyOwnedStructure; // FIND_MY_STRUCTURES
-  109: AnyOwnedStructure; // FIND_HOSTILE_STRUCTURES
-  110: Flag; // FIND_FLAGS
-  111: ConstructionSite; // FIND_CONSTRUCTION_SITES
-  112: StructureSpawn; // FIND_MY_SPAWNS
-  113: StructureSpawn; // FIND_HOSTILE_SPAWNS
-  114: ConstructionSite; // FIND_MY_CONSTRUCTION_SITES
-  115: ConstructionSite; // FIND_HOSTILE_CONSTRUCTION_SITES
-  116: Mineral; // FIND_MINERALS
-  117: Nuke; // FIND_NUKES
-  118: Tombstone; // FIND_TOMBSTONES
+    [key: number]: RoomPosition | Creep | Source | Resource | Structure | Flag | ConstructionSite | Mineral | Nuke | Tombstone;
+    1: RoomPosition; // FIND_EXIT_TOP
+    3: RoomPosition; // FIND_EXIT_RIGHT
+    5: RoomPosition; // FIND_EXIT_BOTTOM
+    7: RoomPosition; // FIND_EXIT_LEFT
+    10: RoomPosition; // FIND_EXIT
+    101: Creep; // FIND_CREEPS
+    102: Creep; // FIND_MY_CREEPS
+    103: Creep; // FIND_HOSTILE_CREEPS
+    104: Source; // FIND_SOURCES_ACTIVE
+    105: Source; // FIND_SOURCES
+    106: Resource; // FIND_DROPPED_RESOURCES
+    107: AnyStructure; // FIND_STRUCTURES
+    108: AnyOwnedStructure; // FIND_MY_STRUCTURES
+    109: AnyOwnedStructure; // FIND_HOSTILE_STRUCTURES
+    110: Flag; // FIND_FLAGS
+    111: ConstructionSite; // FIND_CONSTRUCTION_SITES
+    112: StructureSpawn; // FIND_MY_SPAWNS
+    113: StructureSpawn; // FIND_HOSTILE_SPAWNS
+    114: ConstructionSite; // FIND_MY_CONSTRUCTION_SITES
+    115: ConstructionSite; // FIND_HOSTILE_CONSTRUCTION_SITES
+    116: Mineral; // FIND_MINERALS
+    117: Nuke; // FIND_NUKES
+    118: Tombstone; // FIND_TOMBSTONES
 }
 
 interface FindPathOpts {
@@ -1489,23 +1516,23 @@ type ExitKey = "1" | "3" | "5" | "7";
 // Return Codes
 
 type ScreepsReturnCode =
-  OK |
-  ERR_NOT_OWNER |
-  ERR_NO_PATH |
-  ERR_BUSY |
-  ERR_NAME_EXISTS |
-  ERR_NOT_FOUND |
-  ERR_NOT_ENOUGH_RESOURCES |
-  ERR_NOT_ENOUGH_ENERGY |
-  ERR_INVALID_TARGET |
-  ERR_FULL |
-  ERR_NOT_IN_RANGE |
-  ERR_INVALID_ARGS |
-  ERR_TIRED |
-  ERR_NO_BODYPART |
-  ERR_NOT_ENOUGH_EXTENSIONS |
-  ERR_RCL_NOT_ENOUGH |
-  ERR_GCL_NOT_ENOUGH;
+    | OK
+    | ERR_NOT_OWNER
+    | ERR_NO_PATH
+    | ERR_BUSY
+    | ERR_NAME_EXISTS
+    | ERR_NOT_FOUND
+    | ERR_NOT_ENOUGH_RESOURCES
+    | ERR_NOT_ENOUGH_ENERGY
+    | ERR_INVALID_TARGET
+    | ERR_FULL
+    | ERR_NOT_IN_RANGE
+    | ERR_INVALID_ARGS
+    | ERR_TIRED
+    | ERR_NO_BODYPART
+    | ERR_NOT_ENOUGH_EXTENSIONS
+    | ERR_RCL_NOT_ENOUGH
+    | ERR_GCL_NOT_ENOUGH;
 
 type OK = 0;
 type ERR_NOT_OWNER = -1;
@@ -1525,54 +1552,38 @@ type ERR_NOT_ENOUGH_EXTENSIONS = -6;
 type ERR_RCL_NOT_ENOUGH = -14;
 type ERR_GCL_NOT_ENOUGH = -15;
 
-type CreepActionReturnCode =
-  OK |
-  ERR_NOT_OWNER |
-  ERR_BUSY |
-  ERR_INVALID_TARGET |
-  ERR_NOT_IN_RANGE |
-  ERR_NO_BODYPART |
-  ERR_TIRED;
+type CreepActionReturnCode = OK | ERR_NOT_OWNER | ERR_BUSY | ERR_INVALID_TARGET | ERR_NOT_IN_RANGE | ERR_NO_BODYPART | ERR_TIRED;
 
-type CreepMoveReturnCode =
-  OK |
-  ERR_NOT_OWNER |
-  ERR_BUSY |
-  ERR_TIRED |
-  ERR_NO_BODYPART;
+type CreepMoveReturnCode = OK | ERR_NOT_OWNER | ERR_BUSY | ERR_TIRED | ERR_NO_BODYPART;
 
 // Find Constants
 
-type ExitConstant =
-  FIND_EXIT_TOP |
-  FIND_EXIT_RIGHT |
-  FIND_EXIT_BOTTOM |
-  FIND_EXIT_LEFT;
+type ExitConstant = FIND_EXIT_TOP | FIND_EXIT_RIGHT | FIND_EXIT_BOTTOM | FIND_EXIT_LEFT;
 
 type FindConstant =
-  FIND_EXIT_TOP |
-  FIND_EXIT_RIGHT |
-  FIND_EXIT_BOTTOM |
-  FIND_EXIT_LEFT |
-  FIND_EXIT |
-  FIND_CREEPS |
-  FIND_MY_CREEPS |
-  FIND_HOSTILE_CREEPS |
-  FIND_SOURCES_ACTIVE |
-  FIND_SOURCES |
-  FIND_DROPPED_RESOURCES |
-  FIND_STRUCTURES |
-  FIND_MY_STRUCTURES |
-  FIND_HOSTILE_STRUCTURES |
-  FIND_FLAGS |
-  FIND_CONSTRUCTION_SITES |
-  FIND_MY_SPAWNS |
-  FIND_HOSTILE_SPAWNS |
-  FIND_MY_CONSTRUCTION_SITES |
-  FIND_HOSTILE_CONSTRUCTION_SITES |
-  FIND_MINERALS |
-  FIND_NUKES |
-  FIND_TOMBSTONES;
+    | FIND_EXIT_TOP
+    | FIND_EXIT_RIGHT
+    | FIND_EXIT_BOTTOM
+    | FIND_EXIT_LEFT
+    | FIND_EXIT
+    | FIND_CREEPS
+    | FIND_MY_CREEPS
+    | FIND_HOSTILE_CREEPS
+    | FIND_SOURCES_ACTIVE
+    | FIND_SOURCES
+    | FIND_DROPPED_RESOURCES
+    | FIND_STRUCTURES
+    | FIND_MY_STRUCTURES
+    | FIND_HOSTILE_STRUCTURES
+    | FIND_FLAGS
+    | FIND_CONSTRUCTION_SITES
+    | FIND_MY_SPAWNS
+    | FIND_HOSTILE_SPAWNS
+    | FIND_MY_CONSTRUCTION_SITES
+    | FIND_HOSTILE_CONSTRUCTION_SITES
+    | FIND_MINERALS
+    | FIND_NUKES
+    | FIND_TOMBSTONES;
 
 type FIND_EXIT_TOP = 1;
 type FIND_EXIT_RIGHT = 3;
@@ -1599,21 +1610,19 @@ type FIND_MINERALS = 116;
 type FIND_NUKES = 117;
 type FIND_TOMBSTONES = 118;
 
-type FilterOptions<T extends FindConstant> = string | FilterFunction<T> | { filter: FilterFunction<T> };
+// Filter Options
 
+interface FilterOptions<T extends FindConstant> {
+    filter: FilterFunction<T> | FilterObject | string;
+}
 type FilterFunction<T extends FindConstant> = (object: FindTypes[T]) => boolean;
+interface FilterObject {
+    [key: string]: any;
+}
 
 // Body Part Constants
 
-type BodyPartConstant =
-  MOVE |
-  WORK |
-  CARRY |
-  ATTACK |
-  RANGED_ATTACK |
-  TOUGH |
-  HEAL |
-  CLAIM;
+type BodyPartConstant = MOVE | WORK | CARRY | ATTACK | RANGED_ATTACK | TOUGH | HEAL | CLAIM;
 
 type MOVE = "move";
 type WORK = "work";
@@ -1627,17 +1636,17 @@ type CLAIM = "claim";
 // Look Constants
 
 type LookConstant =
-  LOOK_CREEPS |
-  LOOK_ENERGY |
-  LOOK_RESOURCES |
-  LOOK_SOURCES |
-  LOOK_MINERALS |
-  LOOK_STRUCTURES |
-  LOOK_FLAGS |
-  LOOK_CONSTRUCTION_SITES |
-  LOOK_NUKES |
-  LOOK_TERRAIN |
-  LOOK_TOMBSTONES;
+    | LOOK_CREEPS
+    | LOOK_ENERGY
+    | LOOK_RESOURCES
+    | LOOK_SOURCES
+    | LOOK_MINERALS
+    | LOOK_STRUCTURES
+    | LOOK_FLAGS
+    | LOOK_CONSTRUCTION_SITES
+    | LOOK_NUKES
+    | LOOK_TERRAIN
+    | LOOK_TOMBSTONES;
 
 type LOOK_CONSTRUCTION_SITES = "constructionSite";
 type LOOK_CREEPS = "creep";
@@ -1653,15 +1662,7 @@ type LOOK_TOMBSTONES = "tombstone";
 
 // Direction Constants
 
-type DirectionConstant =
-  TOP |
-  TOP_RIGHT |
-  RIGHT |
-  BOTTOM_RIGHT |
-  BOTTOM |
-  BOTTOM_LEFT |
-  LEFT |
-  TOP_LEFT;
+type DirectionConstant = TOP | TOP_RIGHT | RIGHT | BOTTOM_RIGHT | BOTTOM | BOTTOM_LEFT | LEFT | TOP_LEFT;
 
 type TOP = 1;
 type TOP_RIGHT = 2;
@@ -1675,16 +1676,16 @@ type TOP_LEFT = 8;
 // Color Constants
 
 type ColorConstant =
-  COLOR_RED |
-  COLOR_PURPLE |
-  COLOR_BLUE |
-  COLOR_CYAN |
-  COLOR_GREEN |
-  COLOR_YELLOW |
-  COLOR_ORANGE |
-  COLOR_BROWN |
-  COLOR_GREY |
-  COLOR_WHITE;
+    | COLOR_RED
+    | COLOR_PURPLE
+    | COLOR_BLUE
+    | COLOR_CYAN
+    | COLOR_GREEN
+    | COLOR_YELLOW
+    | COLOR_ORANGE
+    | COLOR_BROWN
+    | COLOR_GREY
+    | COLOR_WHITE;
 
 type COLOR_RED = 1;
 type COLOR_PURPLE = 2;
@@ -1700,28 +1701,28 @@ type COLOR_WHITE = 10;
 // Structure Constants
 
 type BuildableStructureConstant =
-  STRUCTURE_EXTENSION |
-  STRUCTURE_RAMPART |
-  STRUCTURE_ROAD |
-  STRUCTURE_SPAWN |
-  STRUCTURE_LINK |
-  STRUCTURE_WALL |
-  STRUCTURE_STORAGE |
-  STRUCTURE_TOWER |
-  STRUCTURE_OBSERVER |
-  STRUCTURE_POWER_SPAWN |
-  STRUCTURE_EXTRACTOR |
-  STRUCTURE_LAB |
-  STRUCTURE_TERMINAL |
-  STRUCTURE_CONTAINER |
-  STRUCTURE_NUKER;
+    | STRUCTURE_EXTENSION
+    | STRUCTURE_RAMPART
+    | STRUCTURE_ROAD
+    | STRUCTURE_SPAWN
+    | STRUCTURE_LINK
+    | STRUCTURE_WALL
+    | STRUCTURE_STORAGE
+    | STRUCTURE_TOWER
+    | STRUCTURE_OBSERVER
+    | STRUCTURE_POWER_SPAWN
+    | STRUCTURE_EXTRACTOR
+    | STRUCTURE_LAB
+    | STRUCTURE_TERMINAL
+    | STRUCTURE_CONTAINER
+    | STRUCTURE_NUKER;
 
 type StructureConstant =
-  BuildableStructureConstant |
-  STRUCTURE_KEEPER_LAIR |
-  STRUCTURE_CONTROLLER |
-  STRUCTURE_POWER_BANK |
-  STRUCTURE_PORTAL;
+    | BuildableStructureConstant
+    | STRUCTURE_KEEPER_LAIR
+    | STRUCTURE_CONTROLLER
+    | STRUCTURE_POWER_BANK
+    | STRUCTURE_PORTAL;
 
 type STRUCTURE_EXTENSION = "extension";
 type STRUCTURE_RAMPART = "rampart";
@@ -1743,110 +1744,113 @@ type STRUCTURE_CONTAINER = "container";
 type STRUCTURE_NUKER = "nuker";
 type STRUCTURE_PORTAL = "portal";
 
+// Terrain mask constants
+type TERRAIN_MASK_WALL = 1;
+type TERRAIN_MASK_SWAMP = 2;
+type TERRAIN_MASK_LAVA = 4;
+
 // Resource Constants
 
 type ResourceConstant =
-  RESOURCE_ENERGY |
-  RESOURCE_POWER |
-  RESOURCE_UTRIUM |
-  RESOURCE_LEMERGIUM |
-  RESOURCE_KEANIUM |
-  RESOURCE_GHODIUM |
-  RESOURCE_ZYNTHIUM |
-  RESOURCE_OXYGEN |
-  RESOURCE_HYDROGEN |
-  RESOURCE_CATALYST |
-  RESOURCE_HYDROXIDE |
-  RESOURCE_ZYNTHIUM_KEANITE |
-  RESOURCE_UTRIUM_LEMERGITE |
-  RESOURCE_UTRIUM_HYDRIDE |
-  RESOURCE_UTRIUM_OXIDE |
-  RESOURCE_KEANIUM_HYDRIDE |
-  RESOURCE_KEANIUM_OXIDE |
-  RESOURCE_LEMERGIUM_HYDRIDE |
-  RESOURCE_LEMERGIUM_OXIDE |
-  RESOURCE_ZYNTHIUM_HYDRIDE |
-  RESOURCE_ZYNTHIUM_OXIDE |
-  RESOURCE_GHODIUM_HYDRIDE |
-  RESOURCE_GHODIUM_OXIDE |
-  RESOURCE_UTRIUM_ACID |
-  RESOURCE_UTRIUM_ALKALIDE |
-  RESOURCE_KEANIUM_ACID |
-  RESOURCE_KEANIUM_ALKALIDE |
-  RESOURCE_LEMERGIUM_ACID |
-  RESOURCE_LEMERGIUM_ALKALIDE |
-  RESOURCE_ZYNTHIUM_ACID |
-  RESOURCE_ZYNTHIUM_ALKALIDE |
-  RESOURCE_GHODIUM_ACID |
-  RESOURCE_GHODIUM_ALKALIDE |
-  RESOURCE_CATALYZED_UTRIUM_ACID |
-  RESOURCE_CATALYZED_UTRIUM_ALKALIDE |
-  RESOURCE_CATALYZED_KEANIUM_ACID |
-  RESOURCE_CATALYZED_KEANIUM_ALKALIDE |
-  RESOURCE_CATALYZED_LEMERGIUM_ACID |
-  RESOURCE_CATALYZED_LEMERGIUM_ALKALIDE |
-  RESOURCE_CATALYZED_ZYNTHIUM_ACID |
-  RESOURCE_CATALYZED_ZYNTHIUM_ALKALIDE |
-  RESOURCE_CATALYZED_GHODIUM_ACID |
-  RESOURCE_CATALYZED_GHODIUM_ALKALIDE;
+    | RESOURCE_ENERGY
+    | RESOURCE_POWER
+    | RESOURCE_UTRIUM
+    | RESOURCE_LEMERGIUM
+    | RESOURCE_KEANIUM
+    | RESOURCE_GHODIUM
+    | RESOURCE_ZYNTHIUM
+    | RESOURCE_OXYGEN
+    | RESOURCE_HYDROGEN
+    | RESOURCE_CATALYST
+    | RESOURCE_HYDROXIDE
+    | RESOURCE_ZYNTHIUM_KEANITE
+    | RESOURCE_UTRIUM_LEMERGITE
+    | RESOURCE_UTRIUM_HYDRIDE
+    | RESOURCE_UTRIUM_OXIDE
+    | RESOURCE_KEANIUM_HYDRIDE
+    | RESOURCE_KEANIUM_OXIDE
+    | RESOURCE_LEMERGIUM_HYDRIDE
+    | RESOURCE_LEMERGIUM_OXIDE
+    | RESOURCE_ZYNTHIUM_HYDRIDE
+    | RESOURCE_ZYNTHIUM_OXIDE
+    | RESOURCE_GHODIUM_HYDRIDE
+    | RESOURCE_GHODIUM_OXIDE
+    | RESOURCE_UTRIUM_ACID
+    | RESOURCE_UTRIUM_ALKALIDE
+    | RESOURCE_KEANIUM_ACID
+    | RESOURCE_KEANIUM_ALKALIDE
+    | RESOURCE_LEMERGIUM_ACID
+    | RESOURCE_LEMERGIUM_ALKALIDE
+    | RESOURCE_ZYNTHIUM_ACID
+    | RESOURCE_ZYNTHIUM_ALKALIDE
+    | RESOURCE_GHODIUM_ACID
+    | RESOURCE_GHODIUM_ALKALIDE
+    | RESOURCE_CATALYZED_UTRIUM_ACID
+    | RESOURCE_CATALYZED_UTRIUM_ALKALIDE
+    | RESOURCE_CATALYZED_KEANIUM_ACID
+    | RESOURCE_CATALYZED_KEANIUM_ALKALIDE
+    | RESOURCE_CATALYZED_LEMERGIUM_ACID
+    | RESOURCE_CATALYZED_LEMERGIUM_ALKALIDE
+    | RESOURCE_CATALYZED_ZYNTHIUM_ACID
+    | RESOURCE_CATALYZED_ZYNTHIUM_ALKALIDE
+    | RESOURCE_CATALYZED_GHODIUM_ACID
+    | RESOURCE_CATALYZED_GHODIUM_ALKALIDE;
 
 type _ResourceConstantSansEnergy =
-  RESOURCE_POWER |
-  RESOURCE_UTRIUM |
-  RESOURCE_LEMERGIUM |
-  RESOURCE_KEANIUM |
-  RESOURCE_GHODIUM |
-  RESOURCE_ZYNTHIUM |
-  RESOURCE_OXYGEN |
-  RESOURCE_HYDROGEN |
-  RESOURCE_CATALYST |
-  RESOURCE_HYDROXIDE |
-  RESOURCE_ZYNTHIUM_KEANITE |
-  RESOURCE_UTRIUM_LEMERGITE |
-  RESOURCE_UTRIUM_HYDRIDE |
-  RESOURCE_UTRIUM_OXIDE |
-  RESOURCE_KEANIUM_HYDRIDE |
-  RESOURCE_KEANIUM_OXIDE |
-  RESOURCE_LEMERGIUM_HYDRIDE |
-  RESOURCE_LEMERGIUM_OXIDE |
-  RESOURCE_ZYNTHIUM_HYDRIDE |
-  RESOURCE_ZYNTHIUM_OXIDE |
-  RESOURCE_GHODIUM_HYDRIDE |
-  RESOURCE_GHODIUM_OXIDE |
-  RESOURCE_UTRIUM_ACID |
-  RESOURCE_UTRIUM_ALKALIDE |
-  RESOURCE_KEANIUM_ACID |
-  RESOURCE_KEANIUM_ALKALIDE |
-  RESOURCE_LEMERGIUM_ACID |
-  RESOURCE_LEMERGIUM_ALKALIDE |
-  RESOURCE_ZYNTHIUM_ACID |
-  RESOURCE_ZYNTHIUM_ALKALIDE |
-  RESOURCE_GHODIUM_ACID |
-  RESOURCE_GHODIUM_ALKALIDE |
-  RESOURCE_CATALYZED_UTRIUM_ACID |
-  RESOURCE_CATALYZED_UTRIUM_ALKALIDE |
-  RESOURCE_CATALYZED_KEANIUM_ACID |
-  RESOURCE_CATALYZED_KEANIUM_ALKALIDE |
-  RESOURCE_CATALYZED_LEMERGIUM_ACID |
-  RESOURCE_CATALYZED_LEMERGIUM_ALKALIDE |
-  RESOURCE_CATALYZED_ZYNTHIUM_ACID |
-  RESOURCE_CATALYZED_ZYNTHIUM_ALKALIDE |
-  RESOURCE_CATALYZED_GHODIUM_ACID |
-  RESOURCE_CATALYZED_GHODIUM_ALKALIDE;
+    | RESOURCE_POWER
+    | RESOURCE_UTRIUM
+    | RESOURCE_LEMERGIUM
+    | RESOURCE_KEANIUM
+    | RESOURCE_GHODIUM
+    | RESOURCE_ZYNTHIUM
+    | RESOURCE_OXYGEN
+    | RESOURCE_HYDROGEN
+    | RESOURCE_CATALYST
+    | RESOURCE_HYDROXIDE
+    | RESOURCE_ZYNTHIUM_KEANITE
+    | RESOURCE_UTRIUM_LEMERGITE
+    | RESOURCE_UTRIUM_HYDRIDE
+    | RESOURCE_UTRIUM_OXIDE
+    | RESOURCE_KEANIUM_HYDRIDE
+    | RESOURCE_KEANIUM_OXIDE
+    | RESOURCE_LEMERGIUM_HYDRIDE
+    | RESOURCE_LEMERGIUM_OXIDE
+    | RESOURCE_ZYNTHIUM_HYDRIDE
+    | RESOURCE_ZYNTHIUM_OXIDE
+    | RESOURCE_GHODIUM_HYDRIDE
+    | RESOURCE_GHODIUM_OXIDE
+    | RESOURCE_UTRIUM_ACID
+    | RESOURCE_UTRIUM_ALKALIDE
+    | RESOURCE_KEANIUM_ACID
+    | RESOURCE_KEANIUM_ALKALIDE
+    | RESOURCE_LEMERGIUM_ACID
+    | RESOURCE_LEMERGIUM_ALKALIDE
+    | RESOURCE_ZYNTHIUM_ACID
+    | RESOURCE_ZYNTHIUM_ALKALIDE
+    | RESOURCE_GHODIUM_ACID
+    | RESOURCE_GHODIUM_ALKALIDE
+    | RESOURCE_CATALYZED_UTRIUM_ACID
+    | RESOURCE_CATALYZED_UTRIUM_ALKALIDE
+    | RESOURCE_CATALYZED_KEANIUM_ACID
+    | RESOURCE_CATALYZED_KEANIUM_ALKALIDE
+    | RESOURCE_CATALYZED_LEMERGIUM_ACID
+    | RESOURCE_CATALYZED_LEMERGIUM_ALKALIDE
+    | RESOURCE_CATALYZED_ZYNTHIUM_ACID
+    | RESOURCE_CATALYZED_ZYNTHIUM_ALKALIDE
+    | RESOURCE_CATALYZED_GHODIUM_ACID
+    | RESOURCE_CATALYZED_GHODIUM_ALKALIDE;
 
 type MineralConstant =
-  RESOURCE_UTRIUM |
-  RESOURCE_LEMERGIUM |
-  RESOURCE_KEANIUM |
-  RESOURCE_GHODIUM |
-  RESOURCE_ZYNTHIUM |
-  RESOURCE_OXYGEN |
-  RESOURCE_HYDROGEN |
-  RESOURCE_CATALYST;
+    | RESOURCE_UTRIUM
+    | RESOURCE_LEMERGIUM
+    | RESOURCE_KEANIUM
+    | RESOURCE_GHODIUM
+    | RESOURCE_ZYNTHIUM
+    | RESOURCE_OXYGEN
+    | RESOURCE_HYDROGEN
+    | RESOURCE_CATALYST;
 
-type MarketResourceConstant =
-  ResourceConstant |
-  SUBSCRIPTION_TOKEN;
+type MarketResourceConstant = ResourceConstant | SUBSCRIPTION_TOKEN;
 
 type RESOURCE_ENERGY = "energy";
 type RESOURCE_POWER = "power";
@@ -1899,6 +1903,133 @@ type RESOURCE_CATALYZED_GHODIUM_ALKALIDE = "XGHO2";
 type SUBSCRIPTION_TOKEN = "token";
 
 type TOMBSTONE_DECAY_PER_PART = 5;
+
+type EventConstant =
+    | EVENT_ATTACK
+    | EVENT_OBJECT_DESTROYED
+    | EVENT_ATTACK_CONTROLLER
+    | EVENT_BUILD
+    | EVENT_HARVEST
+    | EVENT_HEAL
+    | EVENT_REPAIR
+    | EVENT_RESERVE_CONTROLLER
+    | EVENT_UPGRADE_CONTROLLER
+    | EVENT_EXIT;
+
+type EVENT_ATTACK = 1;
+type EVENT_OBJECT_DESTROYED = 2;
+type EVENT_ATTACK_CONTROLLER = 3;
+type EVENT_BUILD = 4;
+type EVENT_HARVEST = 5;
+type EVENT_HEAL = 6;
+type EVENT_REPAIR = 7;
+type EVENT_RESERVE_CONTROLLER = 8;
+type EVENT_UPGRADE_CONTROLLER = 9;
+type EVENT_EXIT = 10;
+
+type EventAttackType =
+    | EVENT_ATTACK_TYPE_MELEE
+    | EVENT_ATTACK_TYPE_RANGED
+    | EVENT_ATTACK_TYPE_RANGED_MASS
+    | EVENT_ATTACK_TYPE_DISMANTLE
+    | EVENT_ATTACK_TYPE_HIT_BACK
+    | EVENT_ATTACK_TYPE_NUKE;
+
+type EVENT_ATTACK_TYPE_MELEE = 1;
+type EVENT_ATTACK_TYPE_RANGED = 2;
+type EVENT_ATTACK_TYPE_RANGED_MASS = 3;
+type EVENT_ATTACK_TYPE_DISMANTLE = 4;
+type EVENT_ATTACK_TYPE_HIT_BACK = 5;
+type EVENT_ATTACK_TYPE_NUKE = 6;
+
+type EventHealType = EVENT_HEAL_TYPE_MELEE | EVENT_HEAL_TYPE_RANGED;
+
+type EVENT_HEAL_TYPE_MELEE = 1;
+type EVENT_HEAL_TYPE_RANGED = 2;
+
+type EventDestroyType = "creep" | StructureConstant;
+
+type EventItem =
+    | {
+          type: EVENT_ATTACK;
+          objectId: string;
+          data: {
+              targetId: string;
+              damage: number;
+              attackType: EventAttackType;
+          };
+      }
+    | {
+          type: EVENT_OBJECT_DESTROYED;
+          objectId: string;
+          data: {
+              type: EventDestroyType;
+          };
+      }
+    | {
+          type: EVENT_ATTACK_CONTROLLER;
+          objectId: string;
+      }
+    | {
+          type: EVENT_BUILD;
+          objectId: string;
+          data: {
+              targetId: string;
+              amount: number;
+              energySpent: number;
+          };
+      }
+    | {
+          type: EVENT_HARVEST;
+          objectId: string;
+          data: {
+              targetId: string;
+              amount: number;
+          };
+      }
+    | {
+          type: EVENT_HEAL;
+          objectId: string;
+          data: {
+              targetId: string;
+              amount: number;
+              healType: EventHealType;
+          };
+      }
+    | {
+          type: EVENT_REPAIR;
+          objectId: string;
+          data: {
+              targetId: string;
+              amount: number;
+              energySpent: number;
+          };
+      }
+    | {
+          type: EVENT_RESERVE_CONTROLLER;
+          objectId: string;
+          data: {
+              amount: number;
+          };
+      }
+    | {
+          type: EVENT_UPGRADE_CONTROLLER;
+          objectId: string;
+          data:
+              | {
+                    amount: number;
+                    energySpent: number;
+                }
+              | {
+                    type: EVENT_EXIT;
+                    objectId: string;
+                    data: {
+                        room: string;
+                        x: number;
+                        y: number;
+                    };
+                };
+      };
 /**
  * The options that can be accepted by `findRoute()` and friends.
  */
@@ -1926,7 +2057,7 @@ interface GameMap {
      * Or one of the following Result codes:
      * ERR_NO_PATH, ERR_INVALID_ARGS
      */
-    findExit(fromRoom: string|Room, toRoom: string|Room, opts?: RouteOptions): ExitConstant | ERR_NO_PATH | ERR_INVALID_ARGS;
+    findExit(fromRoom: string | Room, toRoom: string | Room, opts?: RouteOptions): ExitConstant | ERR_NO_PATH | ERR_INVALID_ARGS;
     /**
      * Find route from the given room to another room.
      * @param fromRoom Start room name or room object.
@@ -1934,10 +2065,16 @@ interface GameMap {
      * @param opts (optional) An object with the pathfinding options.
      * @returns the route array or ERR_NO_PATH code
      */
-    findRoute(fromRoom: string | Room, toRoom: string | Room, opts?: RouteOptions): Array<{
-        exit: ExitConstant;
-        room: string;
-    }> | ERR_NO_PATH;
+    findRoute(
+        fromRoom: string | Room,
+        toRoom: string | Room,
+        opts?: RouteOptions,
+    ):
+        | Array<{
+              exit: ExitConstant;
+              room: string;
+          }>
+        | ERR_NO_PATH;
     /**
      * Get the linear distance (in rooms) between two rooms. You can use this function to estimate the energy cost of
      * sending resources through terminals, or using observers and nukes.
@@ -1959,7 +2096,11 @@ interface GameMap {
      * @param pos The position object.
      */
     getTerrainAt(pos: RoomPosition): Terrain;
-
+    /**
+     * Get room terrain for the specified room. This method works for any room in the world even if you have no access to it.
+     * @param roomName String name of the room.
+     */
+    getRoomTerrain(roomName: string): RoomTerrain;
     /**
      * Returns the world size as a number of rooms between world corners. For example, for a world with rooms from W50N50 to E50S50 this method will return 102.
      */
@@ -2027,7 +2168,13 @@ interface Market {
      * The maximum orders count is 50 per player. You can create an order at any time with any amount,
      * it will be automatically activated and deactivated depending on the resource/credits availability.
      */
-    createOrder(type: string, resourceType: MarketResourceConstant, price: number, totalAmount: number, roomName?: string): ScreepsReturnCode;
+    createOrder(
+        type: string,
+        resourceType: MarketResourceConstant,
+        price: number,
+        totalAmount: number,
+        roomName?: string,
+    ): ScreepsReturnCode;
     /**
      * Execute a trade deal from your Terminal to another player's Terminal using the specified buy/sell order.
      *
@@ -2104,10 +2251,10 @@ interface OrderFilter {
 }
 interface Memory {
     [name: string]: any;
-    creeps: {[name: string]: CreepMemory};
-    flags: {[name: string]: FlagMemory};
-    rooms: {[name: string]: RoomMemory};
-    spawns: {[name: string]: SpawnMemory};
+    creeps: { [name: string]: CreepMemory };
+    flags: { [name: string]: FlagMemory };
+    rooms: { [name: string]: RoomMemory };
+    spawns: { [name: string]: SpawnMemory };
 }
 
 interface CreepMemory {}
@@ -2147,8 +2294,7 @@ interface Mineral<T extends MineralConstant = MineralConstant> extends RoomObjec
     ticksToRegeneration: number;
 }
 
-interface MineralConstructor extends _Constructor<Mineral>, _ConstructorById<Mineral> {
-}
+interface MineralConstructor extends _Constructor<Mineral>, _ConstructorById<Mineral> {}
 
 declare const Mineral: MineralConstructor;
 /**
@@ -2193,7 +2339,11 @@ interface PathFinder {
      * @param goal goal A RoomPosition, an object containing a RoomPosition and range or an array of either.
      * @param opts An object containing additional pathfinding flags.
      */
-    search(origin: RoomPosition, goal: RoomPosition | { pos: RoomPosition, range: number } | Array<RoomPosition | { pos: RoomPosition, range: number }>, opts?: PathFinderOpts): PathFinderPath;
+    search(
+        origin: RoomPosition,
+        goal: RoomPosition | { pos: RoomPosition; range: number } | Array<RoomPosition | { pos: RoomPosition; range: number }>,
+        opts?: PathFinderOpts,
+    ): PathFinderPath;
     /**
      * Specify whether to use this new experimental pathfinder in game objects methods.
      * This method should be invoked every tick. It affects the following methods behavior:
@@ -2292,7 +2442,7 @@ interface CostMatrix {
      * Creates a new CostMatrix containing 0's for all positions.
      * @constructor
      */
-    new(): CostMatrix;
+    new (): CostMatrix;
     /**
      * Set the cost of a position in this CostMatrix.
      * @param x X position in the room.
@@ -2326,70 +2476,70 @@ declare const PathFinder: PathFinder;
  * RawMemory object allows to implement your own memory stringifier instead of built-in serializer based on JSON.stringify.
  */
 interface RawMemory {
-  /**
-   * An object with asynchronous memory segments available on this tick. Each object key is the segment ID with data in string values.
-   * Use RawMemory.setActiveSegments to fetch segments on the next tick. Segments data is saved automatically in the end of the tick.
-   */
-  segments: string[];
+    /**
+     * An object with asynchronous memory segments available on this tick. Each object key is the segment ID with data in string values.
+     * Use RawMemory.setActiveSegments to fetch segments on the next tick. Segments data is saved automatically in the end of the tick.
+     */
+    segments: { [segmentId: number]: string };
 
-  /**
-   * An object with a memory segment of another player available on this tick. Use `setActiveForeignSegment` to fetch segments on the next tick.
-   */
-  foreignSegment: {
-    username: string,
-    id: number,
-    data: string,
-  };
+    /**
+     * An object with a memory segment of another player available on this tick. Use `setActiveForeignSegment` to fetch segments on the next tick.
+     */
+    foreignSegment: {
+        username: string;
+        id: number;
+        data: string;
+    };
 
-  /**
-   * A string with a shared memory segment available on every world shard. Maximum string length is 100 KB.
-   *
-   * **Warning:** this segment is not safe for concurrent usage! All shards have shared access to the same instance of
-   * data. When the segment contents is changed by two shards simultaneously, you may lose some data, since the segment
-   * string value is written all at once atomically. You must implement your own system to determine when each shard is
-   * allowed to rewrite the inter-shard memory, e.g. based on mutual exclusions.
-   */
-  interShardSegment: string;
+    /**
+     * A string with a shared memory segment available on every world shard. Maximum string length is 100 KB.
+     *
+     * **Warning:** this segment is not safe for concurrent usage! All shards have shared access to the same instance of
+     * data. When the segment contents is changed by two shards simultaneously, you may lose some data, since the segment
+     * string value is written all at once atomically. You must implement your own system to determine when each shard is
+     * allowed to rewrite the inter-shard memory, e.g. based on mutual exclusions.
+     */
+    interShardSegment: string;
 
-  /**
-   * Get a raw string representation of the Memory object.
-   */
-  get(): string;
-  /**
-   * Set new memory value.
-   * @param value New memory value as a string.
-   */
-  set(value: string): undefined;
-  /**
-   * Request memory segments using the list of their IDs. Memory segments will become available on the next tick in RawMemory.segments object.
-   * @param ids An array of segment IDs. Each ID should be a number from 0 to 99. Maximum 10 segments can be active at the same time. Subsequent calls of setActiveSegments override previous ones.
-   */
-  setActiveSegments(ids: number[]): undefined;
-  /**
-   * Request a memory segment of another user.
-   *
-   * The segment should be marked by its owner as public using `setPublicSegments`.
-   *
-   * The segment data will become available on the next tick in `foreignSegment` object.
-   *
-   * You can only have access to one foreign segment at the same time.
-   *
-   * @param username The name of another user. Pass `null` to clear the foreign segment.
-   * @param id The ID of the requested segment from 0 to 99. If undefined, the user's default public segment is requested as set by `setDefaultPublicSegment`.
-   */
-  setActiveForeignSegment(username: string | null, id?: number): undefined;
-  /**
-   * Set the specified segment as your default public segment. It will be returned if no id parameter is passed to `setActiveForeignSegment` by another user.
-   *
-   * @param id The ID of the requested segment from 0 to 99. Pass `null` to clear the foreign segment.
-   */
-  setDefaultPublicSegment(id: number | null): undefined;
-  /**
-   * Set specified segments as public. Other users will be able to request access to them using `setActiveForeignSegment`.
-   *
-   * @param ids An array of segment IDs. Each ID should be a number from 0 to 99. Subsequent calls of `setPublicSegments` override previous ones.
-   */
-  setPublicSegments(ids: number[]): undefined;
+    /**
+     * Get a raw string representation of the Memory object.
+     */
+    get(): string;
+    /**
+     * Set new memory value.
+     * @param value New memory value as a string.
+     */
+    set(value: string): undefined;
+    /**
+     * Request memory segments using the list of their IDs. Memory segments will become available on the next tick in RawMemory.segments object.
+     * @param ids An array of segment IDs. Each ID should be a number from 0 to 99. Maximum 10 segments can be active at the same time. Subsequent calls of setActiveSegments override previous ones.
+     */
+    setActiveSegments(ids: number[]): undefined;
+    /**
+     * Request a memory segment of another user.
+     *
+     * The segment should be marked by its owner as public using `setPublicSegments`.
+     *
+     * The segment data will become available on the next tick in `foreignSegment` object.
+     *
+     * You can only have access to one foreign segment at the same time.
+     *
+     * @param username The name of another user. Pass `null` to clear the foreign segment.
+     * @param id The ID of the requested segment from 0 to 99. If undefined, the user's default public segment is requested as set by `setDefaultPublicSegment`.
+     */
+    setActiveForeignSegment(username: string | null, id?: number): undefined;
+    /**
+     * Set the specified segment as your default public segment. It will be returned if no id parameter is passed to `setActiveForeignSegment` by another user.
+     *
+     * @param id The ID of the requested segment from 0 to 99. Pass `null` to clear the foreign segment.
+     */
+    setDefaultPublicSegment(id: number | null): undefined;
+    /**
+     * Set specified segments as public. Other users will be able to request access to them using `setActiveForeignSegment`.
+     *
+     * @param ids An array of segment IDs. Each ID should be a number from 0 to 99. Subsequent calls of `setPublicSegments` override previous ones.
+     */
+    setPublicSegments(ids: number[]): undefined;
 }
 
 declare const RawMemory: RawMemory;
@@ -2504,10 +2654,13 @@ interface RoomPosition {
      * @param opts An object containing pathfinding options (see Room.findPath), or one of the following: filter, algorithm
      * @returns An instance of a RoomObject.
      */
-    findClosestByPath<K extends FindConstant>(type: K, opts?: FindPathOpts & { filter?: FilterFunction<K>, algorithm?: string }): FindTypes[K] | null;
+    findClosestByPath<K extends FindConstant>(
+        type: K,
+        opts?: FindPathOpts & FilterOptions<K> & { algorithm?: string },
+    ): FindTypes[K] | null;
     findClosestByPath<T extends Structure>(
         type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES,
-        opts?: FindPathOpts & { filter?: FilterFunction<FIND_STRUCTURES>, algorithm?: string}
+        opts?: FindPathOpts & FilterOptions<FIND_STRUCTURES> & { algorithm?: string },
     ): T | null;
     /**
      * Find the object with the shortest path from the given position. Uses A* search algorithm and Dijkstra's algorithm.
@@ -2515,28 +2668,38 @@ interface RoomPosition {
      * @param opts An object containing pathfinding options (see Room.findPath), or one of the following: filter, algorithm
      * @returns One of the supplied objects
      */
-    findClosestByPath<T extends _HasRoomPosition | RoomPosition>(objects: T[], opts?: FindPathOpts & {filter?: any | string, algorithm?: string}): T | null;
+    findClosestByPath<T extends _HasRoomPosition | RoomPosition>(
+        objects: T[],
+        opts?: FindPathOpts & { filter?: any | string; algorithm?: string },
+    ): T | null;
     /**
      * Find the object with the shortest linear distance from the given position.
      * @param type Any of the FIND_* constants.
      * @param opts An object containing pathfinding options (see Room.findPath), or one of the following: filter, algorithm
      */
-    findClosestByRange<K extends FindConstant>(type: K, opts?: {filter: FilterFunction<K>}): FindTypes[K] | null;
-    findClosestByRange<T extends Structure>(type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES, opts?: {filter: FilterFunction<FIND_STRUCTURES>}): T | null;
+    findClosestByRange<K extends FindConstant>(type: K, opts?: FilterOptions<K>): FindTypes[K] | null;
+    findClosestByRange<T extends Structure>(
+        type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES,
+        opts?: FilterOptions<FIND_STRUCTURES>,
+    ): T | null;
     /**
      * Find the object with the shortest linear distance from the given position.
      * @param objects An array of RoomPositions or objects with a RoomPosition.
      * @param opts An object containing pathfinding options (see Room.findPath), or one of the following: filter, algorithm
      */
-    findClosestByRange<T extends _HasRoomPosition | RoomPosition>(objects: T[], opts?: {filter: any | string}): T | null;
+    findClosestByRange<T extends _HasRoomPosition | RoomPosition>(objects: T[], opts?: { filter: any | string }): T | null;
     /**
      * Find all objects in the specified linear range.
      * @param type Any of the FIND_* constants.
      * @param range The range distance.
      * @param opts See Room.find.
      */
-    findInRange<K extends FindConstant>(type: K, range: number, opts?: {filter: any| string}): Array<FindTypes[K]>;
-    findInRange<T extends Structure>(type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES, range: number, opts?: {filter: FilterFunction<FIND_STRUCTURES>}): T[];
+    findInRange<K extends FindConstant>(type: K, range: number, opts?: FilterOptions<K>): Array<FindTypes[K]>;
+    findInRange<T extends Structure>(
+        type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES,
+        range: number,
+        opts?: FilterOptions<FIND_STRUCTURES>,
+    ): T[];
     /**
      * Find all objects in the specified linear range.
      * @param objects An array of room's objects or RoomPosition objects that the search should be executed against.
@@ -2595,7 +2758,7 @@ interface RoomPosition {
      * @param toPos The target position.
      * @param range The range distance.
      */
-    inRangeTo(target: RoomPosition|{pos: RoomPosition}, range: number): boolean;
+    inRangeTo(target: RoomPosition | { pos: RoomPosition }, range: number): boolean;
     /**
      * Check whether this position is the same as the specified position.
      * @param x X position in the room.
@@ -2641,6 +2804,26 @@ interface RoomPositionConstructor extends _Constructor<RoomPosition> {
 }
 
 declare const RoomPosition: RoomPositionConstructor;
+/**
+ * Result of Object that contains all terrain for a room
+ */
+interface RoomTerrain {
+    /**
+     * Get terrain type at the specified room position. This method works for any room in the world even if you have no access to it.
+     * @param x X position in the room.
+     * @param y Y position in the room.
+     * @return number Number of terrain mask like: TERRAIN_MASK_SWAMP | TERRAIN_MASK_WALL
+     */
+    get(x: number, y: number): 0 | TERRAIN_MASK_WALL | TERRAIN_MASK_SWAMP;
+}
+
+interface RoomTerrainConstructor extends _Constructor<RoomTerrain> {
+    /**
+     * Get room terrain for the specified room. This method works for any room in the world even if you have no access to it.
+     * @param roomName String name of the room.
+     */
+    new (roomName: string): RoomTerrain;
+}
 declare class RoomVisual {
     /**
      * You can create new RoomVisual object using its constructor.
@@ -2858,6 +3041,10 @@ interface Room {
      * Total amount of energyCapacity of all spawns and extensions in the room.
      */
     energyCapacityAvailable: number;
+    /**
+     * Returns an array of events happened on the previous tick in this room.
+     */
+    getEventLog(raw?: boolean): EventItem[];
     /**
      * A shorthand to `Memory.rooms[room.name]`. You can use it for quick access the room’s specific memory data object.
      */
@@ -2929,7 +3116,13 @@ interface Room {
      * @param secondaryColor The secondary color of a new flag. Should be one of the COLOR_* constants. The default value is equal to color.
      * @returns The name of a new flag, or one of the following error codes: ERR_NAME_EXISTS, ERR_INVALID_ARGS
      */
-    createFlag(x: number, y: number, name?: string, color?: ColorConstant, secondaryColor?: ColorConstant): ERR_NAME_EXISTS | ERR_INVALID_ARGS | string;
+    createFlag(
+        x: number,
+        y: number,
+        name?: string,
+        color?: ColorConstant,
+        secondaryColor?: ColorConstant,
+    ): ERR_NAME_EXISTS | ERR_INVALID_ARGS | string;
     /**
      * Create new Flag at the specified location.
      * @param pos Can be a RoomPosition object or any object containing RoomPosition.
@@ -2944,7 +3137,12 @@ interface Room {
      * @param secondaryColor The secondary color of a new flag. Should be one of the COLOR_* constants. The default value is equal to color.
      * @returns The name of a new flag, or one of the following error codes: ERR_NAME_EXISTS, ERR_INVALID_ARGS
      */
-    createFlag(pos: RoomPosition | { pos: RoomPosition }, name?: string, color?: ColorConstant, secondaryColor?: ColorConstant): ERR_NAME_EXISTS | ERR_INVALID_ARGS | string;
+    createFlag(
+        pos: RoomPosition | { pos: RoomPosition },
+        name?: string,
+        color?: ColorConstant,
+        secondaryColor?: ColorConstant,
+    ): ERR_NAME_EXISTS | ERR_INVALID_ARGS | string;
     /**
      * Find all objects of the specified type in the room.
      * @param type One of the following constants:
@@ -2971,7 +3169,10 @@ interface Room {
      * @returns An array with the objects found.
      */
     find<K extends FindConstant>(type: K, opts?: FilterOptions<K>): Array<FindTypes[K]>;
-    find<T extends Structure>(type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES, opts?: FilterOptions<FIND_STRUCTURES>): T[];
+    find<T extends Structure>(
+        type: FIND_STRUCTURES | FIND_MY_STRUCTURES | FIND_HOSTILE_STRUCTURES,
+        opts?: FilterOptions<FIND_STRUCTURES>,
+    ): T[];
     /**
      * Find the exit direction en route to another room.
      * @param room Another room name or room object.
@@ -2994,6 +3195,11 @@ interface Room {
      * @returns A RoomPosition object or null if it cannot be obtained.
      */
     getPositionAt(x: number, y: number): RoomPosition | null;
+    /**
+     * Get a Room.Terrain object which provides fast access to static terrain data.
+     * This method works for any room in the world even if you have no access to it.
+     */
+    getTerrain(): RoomTerrain;
     /**
      * Get the list of objects at the specified room position.
      * @param x The X position.
@@ -3053,12 +3259,12 @@ interface Room {
      * @returns An object with the sstructure object[X coord][y coord] as an array of found objects.
      */
     lookForAtArea<T extends keyof AllLookAtTypes>(
-      type: T,
-      top: number,
-      left: number,
-      bottom: number,
-      right: number,
-      asArray?: false
+        type: T,
+        top: number,
+        left: number,
+        bottom: number,
+        right: number,
+        asArray?: false,
     ): LookForAtAreaResultMatrix<AllLookAtTypes[T], T>;
     /**
      * Get the given objets in the supplied area.
@@ -3071,12 +3277,12 @@ interface Room {
      * @returns An array of found objects with an x & y property for their position
      */
     lookForAtArea<T extends keyof AllLookAtTypes>(
-      type: T,
-      top: number,
-      left: number,
-      bottom: number,
-      right: number,
-      asArray: true
+        type: T,
+        top: number,
+        left: number,
+        bottom: number,
+        right: number,
+        asArray: true,
     ): LookForAtAreaResultArray<AllLookAtTypes[T], T>;
 
     /**
@@ -3094,6 +3300,9 @@ interface Room {
 
 interface RoomConstructor extends _Constructor<Room> {
     new (id: string): Room;
+
+    Terrain: RoomTerrainConstructor;
+
     /**
      * Serialize a path array into a short string representation, which is suitable to store in memory.
      * @param path A path array retrieved from `Room.findPath`.
@@ -3140,8 +3349,7 @@ interface Source extends RoomObject {
     ticksToRegeneration: number;
 }
 
-interface SourceConstructor extends _Constructor<Source>, _ConstructorById<Source> {
-}
+interface SourceConstructor extends _Constructor<Source>, _ConstructorById<Source> {}
 
 declare const Source: SourceConstructor;
 /**
@@ -3346,8 +3554,7 @@ interface SpawnOptions {
     directions?: DirectionConstant[];
 }
 
-interface SpawningConstructor extends _Constructor<Spawning>, _ConstructorById<Spawning> {
-}
+interface SpawningConstructor extends _Constructor<Spawning>, _ConstructorById<Spawning> {}
 /**
  * Parent object for structure classes
  */
@@ -3390,8 +3597,7 @@ interface Structure<T extends StructureConstant = StructureConstant> extends Roo
     notifyWhenAttacked(enabled: boolean): ScreepsReturnCode;
 }
 
-interface StructureConstructor extends _Constructor<Structure>, _ConstructorById<Structure> {
-}
+interface StructureConstructor extends _Constructor<Structure>, _ConstructorById<Structure> {}
 
 declare const Structure: StructureConstructor;
 
@@ -3416,8 +3622,7 @@ interface OwnedStructure<T extends StructureConstant = StructureConstant> extend
     room: Room;
 }
 
-interface OwnedStructureConstructor extends _Constructor<OwnedStructure>, _ConstructorById<OwnedStructure> {
-}
+interface OwnedStructureConstructor extends _Constructor<OwnedStructure>, _ConstructorById<OwnedStructure> {}
 
 declare const OwnedStructure: OwnedStructureConstructor;
 
@@ -3480,8 +3685,7 @@ interface StructureController extends OwnedStructure<STRUCTURE_CONTROLLER> {
     unclaim(): ScreepsReturnCode;
 }
 
-interface StructureControllerConstructor extends _Constructor<StructureController>, _ConstructorById<StructureController> {
-}
+interface StructureControllerConstructor extends _Constructor<StructureController>, _ConstructorById<StructureController> {}
 
 declare const StructureController: StructureControllerConstructor;
 
@@ -3503,8 +3707,7 @@ interface StructureExtension extends OwnedStructure<STRUCTURE_EXTENSION> {
     energyCapacity: number;
 }
 
-interface StructureExtensionConstructor extends _Constructor<StructureExtension>, _ConstructorById<StructureExtension> {
-}
+interface StructureExtensionConstructor extends _Constructor<StructureExtension>, _ConstructorById<StructureExtension> {}
 
 declare const StructureExtension: StructureExtensionConstructor;
 
@@ -3540,8 +3743,7 @@ interface StructureLink extends OwnedStructure<STRUCTURE_LINK> {
     transferEnergy(target: Creep | StructureLink, amount?: number): ScreepsReturnCode;
 }
 
-interface StructureLinkConstructor extends _Constructor<StructureLink>, _ConstructorById<StructureLink> {
-}
+interface StructureLinkConstructor extends _Constructor<StructureLink>, _ConstructorById<StructureLink> {}
 
 declare const StructureLink: StructureLinkConstructor;
 
@@ -3558,8 +3760,7 @@ interface StructureKeeperLair extends OwnedStructure<STRUCTURE_KEEPER_LAIR> {
     ticksToSpawn?: number;
 }
 
-interface StructureKeeperLairConstructor extends _Constructor<StructureKeeperLair>, _ConstructorById<StructureKeeperLair> {
-}
+interface StructureKeeperLairConstructor extends _Constructor<StructureKeeperLair>, _ConstructorById<StructureKeeperLair> {}
 
 declare const StructureKeeperLair: StructureKeeperLairConstructor;
 
@@ -3576,8 +3777,7 @@ interface StructureObserver extends OwnedStructure<STRUCTURE_OBSERVER> {
     observeRoom(roomName: string): ScreepsReturnCode;
 }
 
-interface StructureObserverConstructor extends _Constructor<StructureObserver>, _ConstructorById<StructureObserver> {
-}
+interface StructureObserverConstructor extends _Constructor<StructureObserver>, _ConstructorById<StructureObserver> {}
 
 declare const StructureObserver: StructureObserverConstructor;
 
@@ -3597,8 +3797,7 @@ interface StructurePowerBank extends OwnedStructure<STRUCTURE_POWER_BANK> {
     ticksToDecay: number;
 }
 
-interface StructurePowerBankConstructor extends _Constructor<StructurePowerBank>, _ConstructorById<StructurePowerBank> {
-}
+interface StructurePowerBankConstructor extends _Constructor<StructurePowerBank>, _ConstructorById<StructurePowerBank> {}
 
 declare const StructurePowerBank: StructurePowerBankConstructor;
 
@@ -3636,8 +3835,7 @@ interface StructurePowerSpawn extends OwnedStructure<STRUCTURE_POWER_SPAWN> {
     processPower(): ScreepsReturnCode;
 }
 
-interface StructurePowerSpawnConstructor extends _Constructor<StructurePowerSpawn>, _ConstructorById<StructurePowerSpawn> {
-}
+interface StructurePowerSpawnConstructor extends _Constructor<StructurePowerSpawn>, _ConstructorById<StructurePowerSpawn> {}
 
 declare const StructurePowerSpawn: StructurePowerSpawnConstructor;
 
@@ -3665,8 +3863,7 @@ interface StructureRampart extends OwnedStructure<STRUCTURE_RAMPART> {
     setPublic(isPublic: boolean): undefined;
 }
 
-interface StructureRampartConstructor extends _Constructor<StructureRampart>, _ConstructorById<StructureRampart> {
-}
+interface StructureRampartConstructor extends _Constructor<StructureRampart>, _ConstructorById<StructureRampart> {}
 
 declare const StructureRampart: StructureRampartConstructor;
 
@@ -3683,8 +3880,7 @@ interface StructureRoad extends Structure<STRUCTURE_ROAD> {
     ticksToDecay: number;
 }
 
-interface StructureRoadConstructor extends _Constructor<StructureRoad>, _ConstructorById<StructureRoad> {
-}
+interface StructureRoadConstructor extends _Constructor<StructureRoad>, _ConstructorById<StructureRoad> {}
 
 declare const StructureRoad: StructureRoadConstructor;
 
@@ -3705,8 +3901,7 @@ interface StructureStorage extends OwnedStructure<STRUCTURE_STORAGE> {
     storeCapacity: number;
 }
 
-interface StructureStorageConstructor extends _Constructor<StructureStorage>, _ConstructorById<StructureStorage> {
-}
+interface StructureStorageConstructor extends _Constructor<StructureStorage>, _ConstructorById<StructureStorage> {}
 
 declare const StructureStorage: StructureStorageConstructor;
 
@@ -3744,8 +3939,7 @@ interface StructureTower extends OwnedStructure<STRUCTURE_TOWER> {
     repair(target: Structure): ScreepsReturnCode;
 }
 
-interface StructureTowerConstructor extends _Constructor<StructureTower>, _ConstructorById<StructureTower> {
-}
+interface StructureTowerConstructor extends _Constructor<StructureTower>, _ConstructorById<StructureTower> {}
 
 declare const StructureTower: StructureTowerConstructor;
 
@@ -3760,8 +3954,7 @@ interface StructureWall extends Structure<STRUCTURE_WALL> {
     ticksToLive: number;
 }
 
-interface StructureWallConstructor extends _Constructor<StructureWall>, _ConstructorById<StructureWall> {
-}
+interface StructureWallConstructor extends _Constructor<StructureWall>, _ConstructorById<StructureWall> {}
 
 declare const StructureWall: StructureWallConstructor;
 
@@ -3776,8 +3969,7 @@ interface StructureExtractor extends OwnedStructure<STRUCTURE_EXTRACTOR> {
     cooldown: number;
 }
 
-interface StructureExtractorConstructor extends _Constructor<StructureExtractor>, _ConstructorById<StructureExtractor> {
-}
+interface StructureExtractorConstructor extends _Constructor<StructureExtractor>, _ConstructorById<StructureExtractor> {}
 
 declare const StructureExtractor: StructureExtractorConstructor;
 
@@ -3829,8 +4021,7 @@ interface StructureLab extends OwnedStructure<STRUCTURE_LAB> {
     runReaction(lab1: StructureLab, lab2: StructureLab): ScreepsReturnCode;
 }
 
-interface StructureLabConstructor extends _Constructor<StructureLab>, _ConstructorById<StructureLab> {
-}
+interface StructureLabConstructor extends _Constructor<StructureLab>, _ConstructorById<StructureLab> {}
 
 declare const StructureLab: StructureLabConstructor;
 
@@ -3861,8 +4052,7 @@ interface StructureTerminal extends OwnedStructure<STRUCTURE_TERMINAL> {
     send(resourceType: ResourceConstant, amount: number, destination: string, description?: string): ScreepsReturnCode;
 }
 
-interface StructureTerminalConstructor extends _Constructor<StructureTerminal>, _ConstructorById<StructureTerminal> {
-}
+interface StructureTerminalConstructor extends _Constructor<StructureTerminal>, _ConstructorById<StructureTerminal> {}
 
 declare const StructureTerminal: StructureTerminalConstructor;
 
@@ -3886,8 +4076,7 @@ interface StructureContainer extends Structure<STRUCTURE_CONTAINER> {
     ticksToDecay: number;
 }
 
-interface StructureContainerConstructor extends _Constructor<StructureContainer>, _ConstructorById<StructureContainer> {
-}
+interface StructureContainerConstructor extends _Constructor<StructureContainer>, _ConstructorById<StructureContainer> {}
 
 declare const StructureContainer: StructureContainerConstructor;
 
@@ -3927,8 +4116,7 @@ interface StructureNuker extends OwnedStructure<STRUCTURE_NUKER> {
     launchNuke(pos: RoomPosition): ScreepsReturnCode;
 }
 
-interface StructureNukerConstructor extends _Constructor<StructureNuker>, _ConstructorById<StructureNuker> {
-}
+interface StructureNukerConstructor extends _Constructor<StructureNuker>, _ConstructorById<StructureNuker> {}
 
 declare const StructureNuker: StructureNukerConstructor;
 
@@ -3944,15 +4132,14 @@ interface StructurePortal extends Structure<STRUCTURE_PORTAL> {
      * If this is an inter-shard portal, then this property contains an object with shard and room string properties.
      * Exact coordinates are undetermined, the creep will appear at any free spot in the destination room.
      */
-    destination: RoomPosition | { shard: string, room: string };
+    destination: RoomPosition | { shard: string; room: string };
     /**
      * The amount of game ticks when the portal disappears, or undefined when the portal is stable.
      */
     ticksToDecay: number | undefined;
 }
 
-interface StructurePortalConstructor extends _Constructor<StructurePortal>, _ConstructorById<StructurePortal> {
-}
+interface StructurePortalConstructor extends _Constructor<StructurePortal>, _ConstructorById<StructurePortal> {}
 
 declare const StructurePortal: StructurePortalConstructor;
 
@@ -3960,31 +4147,26 @@ declare const StructurePortal: StructurePortalConstructor;
  * A discriminated union on Structure.type of all owned structure types
  */
 type AnyOwnedStructure =
-    StructureController |
-    StructureExtension |
-    StructureExtractor |
-    StructureKeeperLair |
-    StructureLab |
-    StructureLink |
-    StructureNuker |
-    StructureObserver |
-    StructurePowerBank |
-    StructurePowerSpawn |
-    StructureRampart |
-    StructureSpawn |
-    StructureStorage |
-    StructureTerminal |
-    StructureTower;
+    | StructureController
+    | StructureExtension
+    | StructureExtractor
+    | StructureKeeperLair
+    | StructureLab
+    | StructureLink
+    | StructureNuker
+    | StructureObserver
+    | StructurePowerBank
+    | StructurePowerSpawn
+    | StructureRampart
+    | StructureSpawn
+    | StructureStorage
+    | StructureTerminal
+    | StructureTower;
 
 /**
  * A discriminated union on Structure.type of all structure types
  */
-type AnyStructure =
-    AnyOwnedStructure |
-    StructureContainer |
-    StructurePortal |
-    StructureRoad |
-    StructureWall;
+type AnyStructure = AnyOwnedStructure | StructureContainer | StructurePortal | StructureRoad | StructureWall;
 /**
  * A remnant of dead creeps. This is a walkable structure.
  * <ul>
@@ -4019,7 +4201,6 @@ interface Tombstone extends RoomObject {
     creep: Creep;
 }
 
-interface TombstoneConstructor extends _Constructor<Tombstone>, _ConstructorById<Tombstone> {
-}
+interface TombstoneConstructor extends _Constructor<Tombstone>, _ConstructorById<Tombstone> {}
 
 declare const Tombstone: TombstoneConstructor;
diff --git a/types/screeps/screeps-tests.ts b/types/screeps/screeps-tests.ts
index d837a510e3..d7befaf3bd 100644
--- a/types/screeps/screeps-tests.ts
+++ b/types/screeps/screeps-tests.ts
@@ -121,7 +121,7 @@ function keys<T>(o: T): Array<keyof T> {
     if (Game.spawns["Spawn1"].energy === 0) {
         Game.notify(
             "Spawn1 is out of energy",
-            180  // group these notifications for 3 hours
+            180, // group these notifications for 3 hours
         );
     }
 }
@@ -130,13 +130,13 @@ function keys<T>(o: T): Array<keyof T> {
 
 {
     const exits = Game.map.describeExits("W8N3");
-    keys(exits)
-        .map((exitKey) => {
-            const nextRoom = exits[exitKey];
-            const exitDir = +exitKey as ExitConstant;
-            const exitPos = creep.pos.findClosestByRange(exitDir);
-            return {nextRoom, exitPos};
-        });
+    // tslint:disable-next-line:newline-per-chained-call
+    keys(exits).map(exitKey => {
+        const nextRoom = exits[exitKey];
+        const exitDir = +exitKey as ExitConstant;
+        const exitPos = creep.pos.findClosestByRange(exitDir);
+        return { nextRoom, exitPos };
+    });
 }
 
 // Game.map.findExit()
@@ -180,7 +180,7 @@ function keys<T>(o: T): Array<keyof T> {
                 return Infinity;
             }
             return 1;
-        }
+        },
     });
 }
 
@@ -195,11 +195,8 @@ function keys<T>(o: T): Array<keyof T> {
         routeCallback(roomName) {
             const parsed = /^[WE]([0-9]+)[NS]([0-9]+)$/.exec(roomName);
             if (parsed !== null) {
-                const isHighway = (parseInt(parsed[1], 10) % 10 === 0) ||
-                (parseInt(parsed[2], 10) % 10 === 0);
-                const isMyRoom = Game.rooms[roomName] &&
-                Game.rooms[roomName].controller &&
-                Game.rooms[roomName].controller!.my;
+                const isHighway = parseInt(parsed[1], 10) % 10 === 0 || parseInt(parsed[2], 10) % 10 === 0;
+                const isMyRoom = Game.rooms[roomName] && Game.rooms[roomName].controller && Game.rooms[roomName].controller!.my;
                 if (isHighway || isMyRoom) {
                     return 1;
                 } else {
@@ -208,24 +205,24 @@ function keys<T>(o: T): Array<keyof T> {
             } else {
                 return 2.5;
             }
-        }
+        },
     });
 
     if (route !== ERR_NO_PATH) {
-        route.forEach((info) => {
+        route.forEach(info => {
             allowedRooms[info.room] = true;
         });
     }
 
     // Invoke PathFinder, allowing access only to rooms from `findRoute`
     const ret = PathFinder.search(from, [to], {
-        roomCallback: (roomName) => {
+        roomCallback: roomName => {
             if (allowedRooms[roomName] === undefined) {
                 return false;
             } else {
                 return true;
             }
-        }
+        },
     });
 }
 
@@ -299,9 +296,12 @@ function keys<T>(o: T): Array<keyof T> {
     Game.market.getAllOrders({ type: ORDER_SELL, resourceType: RESOURCE_GHODIUM });
 
     const targetRoom = "W1N1";
-    Game.market.getAllOrders((currentOrder) => currentOrder.resourceType === RESOURCE_GHODIUM &&
-        currentOrder.type === ORDER_SELL &&
-        Game.market.calcTransactionCost(1000, targetRoom, currentOrder.roomName!) < 500);
+    Game.market.getAllOrders(
+        currentOrder =>
+            currentOrder.resourceType === RESOURCE_GHODIUM &&
+            currentOrder.type === ORDER_SELL &&
+            Game.market.calcTransactionCost(1000, targetRoom, currentOrder.roomName!) < 500,
+    );
 
     // Game.market.getOrderById(id)
     const order = Game.market.getOrderById("55c34a6b5be41a0a6e80c123");
@@ -316,54 +316,52 @@ function keys<T>(o: T): Array<keyof T> {
 {
     const pfCreep = Game.creeps.John;
 
-    const goals = pfCreep.room.find(FIND_SOURCES)
-        .map((source) => {
-            // We can't actually walk on sources-- set `range` to 1
-            // so we path next to it.
-            return { pos: source.pos, range: 1 };
-        });
+    // tslint:disable-next-line:newline-per-chained-call
+    const goals = pfCreep.room.find(FIND_SOURCES).map(source => {
+        // We can't actually walk on sources-- set `range` to 1
+        // so we path next to it.
+        return { pos: source.pos, range: 1 };
+    });
 
-    const ret = PathFinder.search(
-        pfCreep.pos, goals,
-        {
-            // We need to set the defaults costs higher so that we
-            // can set the road cost lower in `roomCallback`
-            plainCost: 2,
-            swampCost: 10,
+    const ret = PathFinder.search(pfCreep.pos, goals, {
+        // We need to set the defaults costs higher so that we
+        // can set the road cost lower in `roomCallback`
+        plainCost: 2,
+        swampCost: 10,
 
-            roomCallback(roomName) {
-                const curRoom = Game.rooms[roomName];
-                // In this example `room` will always exist, but since
-                // PathFinder supports searches which span multiple rooms
-                // you should be careful!
-                if (!curRoom) {
-                    return false;
+        roomCallback(roomName) {
+            const curRoom = Game.rooms[roomName];
+            // In this example `room` will always exist, but since
+            // PathFinder supports searches which span multiple rooms
+            // you should be careful!
+            if (!curRoom) {
+                return false;
+            }
+            const costs = new PathFinder.CostMatrix();
+
+            // tslint:disable-next-line:newline-per-chained-call
+            curRoom.find(FIND_STRUCTURES).forEach(struct => {
+                if (struct.structureType === STRUCTURE_ROAD) {
+                    // Favor roads over plain tiles
+                    costs.set(struct.pos.x, struct.pos.y, 1);
+                } else if (
+                    struct.structureType !== STRUCTURE_CONTAINER &&
+                    (struct.structureType !== STRUCTURE_RAMPART || !(struct as OwnedStructure).my)
+                ) {
+                    // Can't walk through non-walkable buildings
+                    costs.set(struct.pos.x, struct.pos.y, 0xff);
                 }
-                const costs = new PathFinder.CostMatrix();
+            });
 
-                curRoom.find(FIND_STRUCTURES)
-                    .forEach((struct) => {
-                        if (struct.structureType === STRUCTURE_ROAD) {
-                            // Favor roads over plain tiles
-                            costs.set(struct.pos.x, struct.pos.y, 1);
-                        } else if (struct.structureType !== STRUCTURE_CONTAINER &&
-                            (struct.structureType !== STRUCTURE_RAMPART ||
-                                !(struct as OwnedStructure).my)) {
-                            // Can't walk through non-walkable buildings
-                            costs.set(struct.pos.x, struct.pos.y, 0xff);
-                        }
-                    });
+            // Avoid creeps in the room
+            // tslint:disable-next-line:newline-per-chained-call
+            curRoom.find(FIND_CREEPS).forEach(thisCreep => {
+                costs.set(thisCreep.pos.x, thisCreep.pos.y, 0xff);
+            });
 
-                // Avoid creeps in the room
-                curRoom.find(FIND_CREEPS)
-                    .forEach((thisCreep) => {
-                        costs.set(thisCreep.pos.x, thisCreep.pos.y, 0xff);
-                    });
-
-                return costs;
-            },
-        }
-    );
+            return costs;
+        },
+    });
 
     const pos = ret.path[0];
     pfCreep.move(pfCreep.pos.getDirectionTo(pos));
@@ -390,8 +388,8 @@ function keys<T>(o: T): Array<keyof T> {
 
     RawMemory.interShardSegment = JSON.stringify({
         creeps: {
-            Bob: {role: "claimer"}
-        }
+            Bob: { role: "claimer" },
+        },
     });
 
     // on another shard
@@ -454,9 +452,9 @@ function keys<T>(o: T): Array<keyof T> {
     creepsHere[0].getActiveBodyparts(ATTACK);
 
     const towers = room.find<StructureTower>(FIND_MY_STRUCTURES, {
-        filter: (structure) => {
-            return (structure.structureType === STRUCTURE_TOWER);
-        }
+        filter: structure => {
+            return structure.structureType === STRUCTURE_TOWER;
+        },
     });
     towers[0].attack(creeps[0]);
 }
@@ -471,18 +469,18 @@ function keys<T>(o: T): Array<keyof T> {
     }
 
     const tower = creep.pos.findClosestByPath<StructureTower>(FIND_HOSTILE_STRUCTURES, {
-        filter: (structure) => {
+        filter: structure => {
             return structure.structureType === STRUCTURE_TOWER;
-        }
+        },
     });
     if (tower !== null) {
         tower.attack(creep);
     }
 
     const rampart = creep.pos.findClosestByRange<StructureRampart>(FIND_HOSTILE_STRUCTURES, {
-        filter: (structure) => {
+        filter: structure => {
             return structure.structureType === STRUCTURE_RAMPART;
-        }
+        },
     });
     if (rampart !== null) {
         rampart.isPublic;
@@ -493,9 +491,9 @@ function keys<T>(o: T): Array<keyof T> {
     hostileCreeps[0].saying;
 
     const labs = creep.pos.findInRange<StructureLab>(FIND_MY_STRUCTURES, 4, {
-        filter: (structure) => {
+        filter: structure => {
             return structure.structureType === STRUCTURE_LAB;
-        }
+        },
     });
 
     labs[0].boostCreep(creep);
@@ -511,7 +509,7 @@ function keys<T>(o: T): Array<keyof T> {
             const pos = new RoomPosition(+x, +y, room.name);
             const objects = row[x];
             if (objects.length > 0) {
-                objects.map((o) => o.type);
+                objects.map(o => o.type);
             }
         }
     }
@@ -556,24 +554,31 @@ function keys<T>(o: T): Array<keyof T> {
     switch (unowned.structureType) {
         case STRUCTURE_TOWER:
             unowned.heal(Game.creeps.myCreep);
-        break;
+            break;
         case STRUCTURE_CONTAINER:
         case STRUCTURE_STORAGE:
         case STRUCTURE_TERMINAL:
             const energyPercent = unowned.store.energy / unowned.storeCapacity;
-        break;
+            break;
         case STRUCTURE_WALL:
         case STRUCTURE_RAMPART:
             const wallHp = unowned.hits / unowned.hitsMax;
-        break;
+            break;
     }
 
     // test discriminated union using filter functions on find
-    const from = Game.rooms.myRoom.find(FIND_STRUCTURES, (s) => (s.structureType === STRUCTURE_CONTAINER || s.structureType === STRUCTURE_STORAGE) && s.store.energy > 0)[0];
-    const to = from.pos.findClosestByPath(FIND_MY_STRUCTURES, {filter: (s) => (s.structureType === STRUCTURE_SPAWN || s.structureType === STRUCTURE_EXTENSION) && s.energy < s.energyCapacity});
+    const from = Game.rooms.myRoom.find(FIND_STRUCTURES, {
+        filter: s => (s.structureType === STRUCTURE_CONTAINER || s.structureType === STRUCTURE_STORAGE) && s.store.energy > 0,
+    })[0];
+    const to = from.pos.findClosestByPath(FIND_MY_STRUCTURES, {
+        filter: s => (s.structureType === STRUCTURE_SPAWN || s.structureType === STRUCTURE_EXTENSION) && s.energy < s.energyCapacity,
+    });
 
-    Game.rooms.myRoom.find(FIND_MY_STRUCTURES, (s) => s.structureType === STRUCTURE_RAMPART)
-        .forEach((r) => r.notifyWhenAttacked(false));
+    Game.rooms.myRoom
+        .find(FIND_MY_STRUCTURES, {
+            filter: s => s.structureType === STRUCTURE_RAMPART,
+        })
+        .forEach(r => r.notifyWhenAttacked(false));
 }
 
 {
@@ -594,12 +599,12 @@ function keys<T>(o: T): Array<keyof T> {
 
     tombstone.id;
 
-    const creep = Game.creeps['dave'];
+    const creep = Game.creeps["dave"];
     creep.withdraw(tombstone, RESOURCE_ENERGY);
 }
 
 {
-    if (Game.cpu.hasOwnProperty('getHeapStatistics')) {
+    if (Game.cpu.hasOwnProperty("getHeapStatistics")) {
         const heap = Game.cpu.getHeapStatistics!();
         heap.total_heap_size;
     }
@@ -608,9 +613,9 @@ function keys<T>(o: T): Array<keyof T> {
 // StructurePortal
 
 {
-    const portals = room.find<StructurePortal>(FIND_STRUCTURES, {filter: (s) => s.structureType === STRUCTURE_PORTAL});
+    const portals = room.find<StructurePortal>(FIND_STRUCTURES, { filter: s => s.structureType === STRUCTURE_PORTAL });
     portals.forEach((p: StructurePortal) => {
-        const state = p.ticksToDecay === undefined ? 'stable' : 'unstable';
+        const state = p.ticksToDecay === undefined ? "stable" : "unstable";
         if (p.destination instanceof RoomPosition) {
             Game.notify(`Found ${state} inter-room portal to ${p.destination}`);
         } else {
@@ -639,9 +644,36 @@ function keys<T>(o: T): Array<keyof T> {
     const lab1 = Game.getObjectById<StructureLab>("lab1");
     const lab2 = Game.getObjectById<StructureLab>("lab2");
     if (lab0 !== null && lab1 !== null && lab2 !== null) {
-        if (lab1.mineralAmount >= LAB_REACTION_AMOUNT && lab2.mineralAmount >= LAB_REACTION_AMOUNT &&
-            lab0.mineralType === null) {
+        if (lab1.mineralAmount >= LAB_REACTION_AMOUNT && lab2.mineralAmount >= LAB_REACTION_AMOUNT && lab0.mineralType === null) {
             lab0.runReaction(lab1, lab2);
         }
     }
 }
+
+// Room event log
+
+{
+    room.getEventLog();
+    room.getEventLog(true);
+}
+
+// Room.Terrain
+
+{
+    const room = Game.rooms[""];
+
+    const myTerrain = room.getTerrain();
+
+    const ret = myTerrain.get(5, 5);
+    if (ret === 0) {
+        /*plain*/
+    }
+    if (ret === TERRAIN_MASK_SWAMP) {
+        /*swamp*/
+    }
+    if (ret === TERRAIN_MASK_WALL) {
+        /*wall*/
+    }
+
+    const enemyTerrain = new Room.Terrain("W2N5");
+}
diff --git a/types/scroll-into-view/index.d.ts b/types/scroll-into-view/index.d.ts
index cb2e187147..1d53597c27 100644
--- a/types/scroll-into-view/index.d.ts
+++ b/types/scroll-into-view/index.d.ts
@@ -20,8 +20,8 @@ declare module __ScrollIntoView {
     }
 
     /** type will be 'complete' if the scroll completed or 'canceled' if the current scroll was canceled by a new scroll */
-    type callbackParamterType = "complete" | "canceled"
-    type Callback = (type: callbackParamterType) => void
+    type callbackParameterType = "complete" | "canceled"
+    type Callback = (type: callbackParameterType) => void
 
     interface ScrollIntoView {
         (target: HTMLElement, callback?: __ScrollIntoView.Callback) : void
diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index b781523ef2..cc115c6d55 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -3,8 +3,9 @@
 // Definitions by: alex3165 <https://github.com/alex3165>
 //                 Stepan Burguchev <https://github.com/xsburg>
 //                 Geir Sagberg <https://github.com/geirsagberg>
+//                 Richard Honor <https://github.com/RMHonor>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 export = SeamlessImmutable;
 
@@ -31,17 +32,17 @@ declare namespace SeamlessImmutable {
     }
 
     interface ImmutableObjectMixin<T> {
-        set<K extends keyof T>(property: K, value: T[K]): ImmutableObject<T>;
-        set<TValue>(property: string, value: TValue): ImmutableObject<T>;
+        set<K extends keyof T>(property: K, value: T[K]): Immutable<T>;
+        set<TValue>(property: string, value: TValue): Immutable<T>;
 
-        setIn<K extends keyof T>(propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K]>(propertyPath: [ K, L ], value: T[K][L]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>(propertyPath: [ K, L, M ], value: T[K][L][M]): ImmutableObject<T>;
+        setIn<K extends keyof T>(propertyPath: [ K ], value: T[K]): Immutable<T>;
+        setIn<K extends keyof T, L extends keyof T[K]>(propertyPath: [ K, L ], value: T[K][L]): Immutable<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>(propertyPath: [ K, L, M ], value: T[K][L][M]): Immutable<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>(
-            propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
+            propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): Immutable<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>(
-            propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
-        setIn<TValue>(propertyPath: string[], value: TValue): ImmutableObject<T>;
+            propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): Immutable<T>;
+        setIn<TValue>(propertyPath: string[], value: TValue): Immutable<T>;
 
         getIn<K extends keyof T>(propertyPath: [ K ]): Immutable<T[K]>;
         getIn<K extends keyof T>(propertyPath: [ K ], defaultValue: T[K]): Immutable<T[K]>;
@@ -59,48 +60,48 @@ declare namespace SeamlessImmutable {
 
         asMutable(opts?: AsMutableOptions): T;
 
-        merge(part: DeepPartial<T>, config?: MergeConfig): ImmutableObject<T>;
+        merge(part: DeepPartial<T>, config?: MergeConfig): Immutable<T>;
 
-        update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        update<TValue>(property: string, updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
+        update<TValue>(property: string, updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
 
         updateIn<K extends keyof T>(
-            propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+            propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
         updateIn<K extends keyof T, L extends keyof T[K]>(
-            propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+            propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>(
-            propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+            propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>(
-            propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+            propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>(
-            propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<TValue>(propertyPath: string[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+            propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
+        updateIn<TValue>(propertyPath: string[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): Immutable<T>;
 
-        without<K extends keyof T>(property: K): ImmutableObject<T>;
-        without<K extends keyof T>(...properties: K[]): ImmutableObject<T>;
-        without<K extends keyof T>(filter: (value: T[K], key: K) => boolean): ImmutableObject<T>;
+        without<K extends keyof T>(property: K): Immutable<T>;
+        without<K extends keyof T>(...properties: K[]): Immutable<T>;
+        without<K extends keyof T>(filter: (value: T[K], key: K) => boolean): Immutable<T>;
 
-        replace<S>(valueObj: S, options?: ReplaceConfig): ImmutableObject<S>;
+        replace<S>(valueObj: S, options?: ReplaceConfig): Immutable<S>;
     }
 
-    interface ImmutableArrayMixin<T> {
-        asMutable(opts?: AsMutableOptions): T[];
-        asObject(toKeyValue: (item: T) => [string, any]): ImmutableObject<any>;
-        flatMap<TTarget>(mapFunction: (item: T) => TTarget[]): ImmutableArray<TTarget>;
+    interface ImmutableArrayMixin<T extends Array<T[0]>> {
+        asMutable(opts?: AsMutableOptions): T;
+        asObject(toKeyValue: (item: T[0]) => [string, any]): Immutable<object>;
+        flatMap<TTarget>(mapFunction: (item: T[0]) => TTarget): Immutable<TTarget extends any[] ? TTarget : TTarget[]>;
     }
 
-    type ImmutableObject<T> = T & ImmutableObjectMixin<T>;
-    type ImmutableArray<T> = T[] & ImmutableArrayMixin<T>;
-    type Immutable<T> = ImmutableObject<T> | ImmutableArray<T>;
+    type BaseImmutable<T> = T extends any[] ? ImmutableArrayMixin<T> : ImmutableObjectMixin<T>;
 
-    function from<T>(obj: T[], options?: Options): ImmutableArray<T>;
-    function from<T>(obj: T, options?: Options): ImmutableObject<T>;
+    type Immutable<T> = {
+        readonly [P in keyof T]: T[P] extends object ? Immutable<T[P]> : T[P]
+    } & BaseImmutable<T>;
+
+    function from<T>(obj: T, options?: Options): Immutable<T>;
 
     function isImmutable(target: any): boolean;
     function ImmutableError(message: string): Error;
 
-    function replace<T, S>(obj: ImmutableObject<T>, valueObj: S, options?: ReplaceConfig): ImmutableObject<S>;
+    function replace<T, S>(obj: Immutable<T>, valueObj: S, options?: ReplaceConfig): Immutable<S>;
 }
 
-declare function SeamlessImmutable<T>(obj: T[], options?: SeamlessImmutable.Options): SeamlessImmutable.ImmutableArray<T>;
-declare function SeamlessImmutable<T>(obj: T, options?: SeamlessImmutable.Options): SeamlessImmutable.ImmutableObject<T>;
+declare function SeamlessImmutable<T>(obj: T, options?: SeamlessImmutable.Options): SeamlessImmutable.Immutable<T>;
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index cccb2d7f96..54136f46db 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -25,13 +25,13 @@ interface ExtendedUser extends User {
         lastName: string;
     }
 
-    const arrayOfNumbers1: Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
-    const arrayOfNumbers2: Immutable.ImmutableArray<number> = Immutable([0, 2]);
-    const user1: Immutable.ImmutableObject<User> = Immutable.from({
+    const arrayOfNumbers1: Immutable.Immutable<number[]> = Immutable.from([0, 2]);
+    const arrayOfNumbers2: Immutable.Immutable<number[]> = Immutable([0, 2]);
+    const user1: Immutable.Immutable<User> = Immutable.from({
         firstName: 'Angry',
         lastName: 'Monkey'
     });
-    const user2: Immutable.ImmutableObject<User> = Immutable({
+    const user2: Immutable.Immutable<User> = Immutable({
         firstName: 'Angry',
         lastName: 'Monkey'
     });
@@ -44,7 +44,7 @@ interface ExtendedUser extends User {
 
 {
     const isImmutable: boolean = Immutable.isImmutable(Immutable.from([0, 2]));
-    const user1: Immutable.ImmutableObject<User> = Immutable.from({
+    const user1: Immutable.Immutable<User> = Immutable.from({
         firstName: 'Angry',
         lastName: 'Monkey'
     });
@@ -56,19 +56,23 @@ interface ExtendedUser extends User {
 // Instance syntax: immutable array
 // ---------------------------------------------------------------
 {
-    const array: Immutable.ImmutableArray<User> = Immutable.from<User>([ { firstName: 'Angry', lastName: 'Monkey' } ]);
+    const array: Immutable.Immutable<User[]> = Immutable.from([ { firstName: 'Angry', lastName: 'Monkey' } ]);
 
     // asMutable
     const mutableArray1: User[] = array.asMutable();
     const mutableArray2: User[] = array.asMutable({ deep: true });
 
     // flatMap
-    const flatMappedArray: Immutable.ImmutableArray<User> = array.flatMap((value: User) =>
+    const flatMappedArray: Immutable.Immutable<User[]> = array.flatMap((value: User) =>
         [value, value]
     );
 
+    const flatMappedArrayStrings: Immutable.Immutable<string[]> = array.flatMap((value: User) =>
+        value.firstName
+    );
+
     // asObject
-    const arrayToObject1: Immutable.ImmutableObject<any> = array.asObject((value) => [value.toString(), value]);
+    const arrayToObject1: Immutable.Immutable<object> = array.asObject((value) => [value.toString(), value]);
 }
 
 //
@@ -76,11 +80,11 @@ interface ExtendedUser extends User {
 // ---------------------------------------------------------------
 
 {
-    const immutableUser: Immutable.ImmutableObject<User> = Immutable.from({
+    const immutableUser: Immutable.Immutable<User> = Immutable.from({
         firstName: 'Pure',
         lastName: 'Gold'
     });
-    const immutableUserEx: Immutable.ImmutableObject<ExtendedUser> = Immutable.from({
+    const immutableUserEx: Immutable.Immutable<ExtendedUser> = Immutable.from({
         firstName: 'Hairy',
         lastName: 'Dog',
         address: {
@@ -94,37 +98,37 @@ interface ExtendedUser extends User {
     };
 
     // set: property name is strongly checked
-    const updatedUser01: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
-    const updatedUser02: Immutable.ImmutableObject<User> = immutableUser.set(data.propertyId, 'Whirlwind');
+    const updatedUser01: Immutable.Immutable<User> = immutableUser.set('firstName', 'Whirlwind');
+    const updatedUser02: Immutable.Immutable<User> = immutableUser.set(data.propertyId, 'Whirlwind');
 
     // setIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
     // but will fall back to any[] if there are dynamic arguments on the way
-    const updatedUser11: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
-    const updatedUser12: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn([ data.propertyId, 'line1' ], 'Small house');
+    const updatedUser11: Immutable.Immutable<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+    const updatedUser12: Immutable.Immutable<ExtendedUser> = immutableUserEx.setIn([ data.propertyId, 'line1' ], 'Small house');
 
     // asMutable
     const mutableUser21: User = immutableUser.asMutable();
     const mutableUser22: User = immutableUser.asMutable({ deep: true });
 
     // merge: merged part is strongly checked as a deeply partial object
-    const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
+    const mergedUser: Immutable.Immutable<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
 
     // update: property name is strongly checked
-    const updatedUser41: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+    const updatedUser41: Immutable.Immutable<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
     // the type of the updated value must be explicity specified in case of fallback
-    const updatedUser42: Immutable.ImmutableObject<User> = immutableUser.update<string>(data.propertyId, x => x.toLowerCase() + ' Whirlwind');
+    const updatedUser42: Immutable.Immutable<User> = immutableUser.update<string>(data.propertyId, x => x.toLowerCase() + ' Whirlwind');
 
     // updateIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
     // but will fall back to any[] if there are dynamic arguments on the way
-    const updatedUser51: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+    const updatedUser51: Immutable.Immutable<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
     // the type of the updated value must be explicity specified in case of fallback
-    const updatedUser52: Immutable.ImmutableObject<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
+    const updatedUser52: Immutable.Immutable<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
 
     // without
-    const simpleUser1: Immutable.ImmutableObject<User> = immutableUserEx.without('address');
+    const simpleUser1: Immutable.Immutable<User> = immutableUserEx.without('address');
 
     // getIn: propertyPath is strongly typed up to 5 parameters
-    const firstNameWithoutDefault = immutableUser.getIn(['firstName']); // infers Immutable<string>
+    const firstNameWithoutDefault: string = immutableUser.getIn(['firstName']); // infers Immutable<string>
     const firstNameWithDefault = immutableUser.getIn(['firstName'], ''); // infers Immutable<string>
     const firstNameWithDynamicPathWithoutDefault = immutableUser.getIn(['first' + 'name']);
     const firstNameWithDynamicPathWithDefault = immutableUser.getIn(['first' + 'name'], '');
diff --git a/types/season/index.d.ts b/types/season/index.d.ts
new file mode 100644
index 0000000000..447edc148d
--- /dev/null
+++ b/types/season/index.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for season 6.0
+// Project: http://atom.github.io/season
+// Definitions by: Piotr Roszatycki <https://github.com/dex4er>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface ParseOptions {
+    allowDuplicateKeys?: boolean;
+}
+
+/** Set the cache directory to use for storing compiled CSON files. */
+export function setCacheDir(cacheDirectory: string): void;
+
+/** Convert the object to a CSON string. */
+export function stringify(object: any): string;
+
+/** Read the CSON or JSON object at the given path and return it to the callback once it is read and parsed. */
+export function readFile(objectPath: string, callback: (err: Error | null, object: any) => void): void;
+export function readFile(objectPath: string, options: ParseOptions, callback: (err: Error | null, object: any) => void): void;
+
+/** Synchronous version of `CSON.readFile(objectPath, callback)`. */
+export function readFileSync(objectPath: string, options?: ParseOptions): any;
+
+/** Write the object to the given path as either JSON or CSON depending on the path's extension. */
+export function writeFile(objectPath: string, object: any, callback: (err: Error | null) => void): void;
+
+/** Synchronous version of `CSON.writeFile(objectPath, object, callback)` */
+export function writeFileSync(objectPath: string, object: any): void;
+
+/** Is the given path a valid object path? Returns true if the path has a .json or .cson file extension, false otherwise. */
+export function isObjectPath(objectPath: string): boolean;
+
+/** Resolve the path to an existent file that has a .json or .cson extension. Returns the path to an existent CSON or JSON file or null if none found. */
+export function resolve(objectPath: string): string | null;
diff --git a/types/season/season-tests.ts b/types/season/season-tests.ts
new file mode 100644
index 0000000000..b3cb12432d
--- /dev/null
+++ b/types/season/season-tests.ts
@@ -0,0 +1,25 @@
+import * as CSON from "season";
+
+CSON.setCacheDir("/tmp");
+
+CSON.stringify({});
+CSON.stringify("string");
+CSON.stringify(42);
+CSON.stringify(true);
+
+CSON.readFile("input.cson", (err, obj) => {
+    if (err) throw err;
+    const input: any = obj;
+});
+
+const input: any = CSON.readFileSync("input.cson");
+
+CSON.writeFile("output.cson", input, (err) => {
+    if (err) throw err;
+});
+
+CSON.writeFileSync("output.cson", input);
+
+const isObjectPath: boolean = CSON.isObjectPath("output.cson");
+
+const path: string | null = CSON.resolve("output.cson");
diff --git a/types/season/tsconfig.json b/types/season/tsconfig.json
new file mode 100644
index 0000000000..816c12e247
--- /dev/null
+++ b/types/season/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "season-tests.ts"
+    ]
+}
diff --git a/types/season/tslint.json b/types/season/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/season/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/selenium-webdriver/http.d.ts b/types/selenium-webdriver/http.d.ts
index f6a0c538af..ac24c6f6d4 100644
--- a/types/selenium-webdriver/http.d.ts
+++ b/types/selenium-webdriver/http.d.ts
@@ -43,6 +43,10 @@ export class Response {
      */
     constructor(status: number, headers: Object, body: string);
 
+    status: number;
+    body: string;
+    headers: Map<string, string>;
+
     /** @override */
     toString(): string;
 }
diff --git a/types/selenium-webdriver/index.d.ts b/types/selenium-webdriver/index.d.ts
index 4721033bfd..aa8a696576 100644
--- a/types/selenium-webdriver/index.d.ts
+++ b/types/selenium-webdriver/index.d.ts
@@ -3448,7 +3448,7 @@ export class TargetLocator {
    * @return {!promise.Promise<void>} A promise that will be resolved
    *     when the driver has changed focus to the specified frame.
    */
-  frame(nameOrIndex: number | WebElement): promise.Promise<void>;
+  frame(nameOrIndex: number | WebElement | null): promise.Promise<void>;
 
   /**
    * Schedules a command to switch the focus of all future commands to another
diff --git a/types/sequelize-cursor-pagination/index.d.ts b/types/sequelize-cursor-pagination/index.d.ts
index 6c5b82bc56..09c3d1b653 100644
--- a/types/sequelize-cursor-pagination/index.d.ts
+++ b/types/sequelize-cursor-pagination/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for sequelize-cursor-pagination 1.1
+// Type definitions for sequelize-cursor-pagination 1.2
 // Project: https://github.com/Kaltsoon/sequelize-cursor-pagination
 // Definitions by: pilagod <https://github.com/pilagod>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped/
@@ -23,6 +23,7 @@ declare namespace SequelizeCursorPagination {
         before?: string; // the before cursor
         after?: string; // the after cursor
         paginationField?: string; // [default: primaryKeyField]
+        subQuery?: boolean; // [default: undefined]
     }
 
     interface PaginateRawOptions<T> extends BasicPaginateOptions<T> {
diff --git a/types/sequelize-cursor-pagination/sequelize-cursor-pagination-tests.ts b/types/sequelize-cursor-pagination/sequelize-cursor-pagination-tests.ts
index b8a4fd95c6..989d2c9ac8 100644
--- a/types/sequelize-cursor-pagination/sequelize-cursor-pagination-tests.ts
+++ b/types/sequelize-cursor-pagination/sequelize-cursor-pagination-tests.ts
@@ -38,7 +38,8 @@ withPaginationModel.paginate({
     limit: 10,
     desc: true,
     paginationField: 'id',
-    raw: false
+    raw: false,
+    subQuery: false
 });
 
 // when 'raw' option is false or undefined
@@ -99,5 +100,6 @@ withPaginationCustomModel.customPaginate({
     limit: 10,
     desc: true,
     paginationField: 'id',
-    raw: false
+    raw: false,
+    subQuery: false
 });
diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index 8c6622c1ab..88ed87efae 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -14,6 +14,7 @@
 //                 Todd Bealmear <https://github.com/todd>
 //                 Nick Schultz <https://github.com/nrschultz>
 //                 Thomas Breleur <https://github.com/thomas-b>
+//                 Antoine Boisadam <https://github.com/Antoine38660>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -138,7 +139,7 @@ declare namespace sequelize {
      * @see http://docs.sequelizejs.com/en/latest/api/associations/belongs-to/
      * @see Instance
      */
-    interface BelongsToCreateAssociationMixin<TAttributes> {
+    interface BelongsToCreateAssociationMixin<TAttributes, TInstance> {
         /**
          * Create a new instance of the associated model and associate it with this.
          * @param values The values used to create the association.
@@ -147,7 +148,7 @@ declare namespace sequelize {
         (
             values?: TAttributes,
             options?: BelongsToCreateAssociationMixinOptions | CreateOptions | BelongsToSetAssociationMixinOptions
-        ): Promise<void>;
+        ): Promise<TInstance>;
     }
 
     /**
@@ -2890,9 +2891,12 @@ declare namespace sequelize {
         changed(): boolean | string[];
 
         /**
-         * Returns the previous value for key from `_previousDataValues`.
+         * If previous is called with a string, it will return the previous value for the key from `_previousDataValues`.
+         *
+         * If previous is called without an argument, it will return an object containing the previous keys and values that have changed.
          */
         previous(key: keyof TAttributes): any;
+        previous(): object;
 
         /**
          * Validate this instance, and if the validation passes, persist it to the database.
@@ -3904,6 +3908,7 @@ declare namespace sequelize {
          */
         findById<TCustomAttributes>(identifier?: number | string | Buffer, options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
         findByPrimary<TCustomAttributes>(identifier?: number | string | Buffer, options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
+        findByPk<TCustomAttributes>(identifier?: number | string | Buffer, options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
 
         /**
          * Search for a single instance. This applies LIMIT 1, so the listener will always be called with a single
@@ -5695,6 +5700,13 @@ declare namespace sequelize {
          * Pass object to limit set of aliased operators or false to disable completely.
          */
         operatorsAliases?: boolean | OperatorsAliases;
+
+        /**
+         * Set to `true` to enable connecting over SSL.
+         *
+         * Defaults to undefined
+         */
+        ssl?: boolean;
     }
 
     /**
@@ -6204,9 +6216,9 @@ declare namespace sequelize {
          * @param options Transaction Options
          * @param autoCallback Callback for the transaction
          */
-        transaction(options: TransactionOptions,
-            autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
-        transaction(autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
+        transaction<T>(options: TransactionOptions,
+            autoCallback: (t: Transaction) => PromiseLike<T>): Promise<T>;
+        transaction<T>(autoCallback: (t: Transaction) => PromiseLike<T>): Promise<T>;
         transaction(options?: TransactionOptions): Promise<Transaction>;
 
         /**
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index 702821ae25..6b7ea6ea0a 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -220,7 +220,7 @@ barcode.setProduct(product, { save: true }).then(() => { });
 
 barcode.createProduct();
 barcode.createProduct({ id: 1, name: 'Crowbar' });
-barcode.createProduct({ id: 1 }, { save: true, silent: true }).then((product) => { });
+barcode.createProduct({ id: 1 }, { save: true, silent: true }).then((product: ProductInstance) => { });
 
 product.getWarehouse();
 product.getWarehouse({ scope: null }).then(w => w.capacity);
@@ -365,7 +365,7 @@ interface ProductInstance extends Sequelize.Instance<ProductAttributes>, Product
     // belongsTo association mixins:
     getWarehouse: Sequelize.BelongsToGetAssociationMixin<WarehouseInstance>;
     setWarehouse: Sequelize.BelongsToSetAssociationMixin<WarehouseInstance, number>;
-    createWarehouse: Sequelize.BelongsToCreateAssociationMixin<WarehouseAttributes>;
+    createWarehouse: Sequelize.BelongsToCreateAssociationMixin<WarehouseAttributes, WarehouseInstance>;
 };
 
 interface BarcodeAttributes {
@@ -378,7 +378,7 @@ interface BarcodeInstance extends Sequelize.Instance<BarcodeAttributes>, Barcode
     // belongsTo association mixins:
     getProduct: Sequelize.BelongsToGetAssociationMixin<ProductInstance>;
     setProduct: Sequelize.BelongsToSetAssociationMixin<ProductInstance, number>;
-    createProduct: Sequelize.BelongsToCreateAssociationMixin<ProductAttributes>;
+    createProduct: Sequelize.BelongsToCreateAssociationMixin<ProductAttributes, ProductInstance>;
 };
 
 interface WarehouseAttributes {
@@ -833,6 +833,7 @@ user.changed( 'name' );
 user.changed();
 
 user.previous( 'name' );
+user.previous();
 
 user.save().then( ( p ) => p );
 user.save( { fields : ['a'] } ).then( ( p ) => p );
@@ -980,6 +981,10 @@ User.findByPrimary( 'a string' );
 User.findByPrimary( 42 );
 User.findByPrimary( Buffer.from('a buffer') );
 
+User.findByPk( 'a string' );
+User.findByPk( 42 );
+User.findByPk( Buffer.from('a buffer') );
+
 User.findOne( { where : { username : 'foo' } } );
 User.findOne( { where : { id : 1 }, attributes : ['id', ['username', 'name']] } );
 User.findOne( { where : { id : 1 }, attributes : ['id'] } );
diff --git a/types/serialize-javascript/index.d.ts b/types/serialize-javascript/index.d.ts
index b0331a3d03..ae1829b0bf 100644
--- a/types/serialize-javascript/index.d.ts
+++ b/types/serialize-javascript/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for serialize-javascript 1.3
+// Type definitions for serialize-javascript 1.5
 // Project: https://github.com/yahoo/serialize-javascript
 // Definitions by: François Nguyen <https://github.com/lith-light-g>
+//                 Pochodaydayup <https://github.com/Pochodaydayup>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace serializeJavascript {
@@ -16,6 +17,12 @@ declare namespace serializeJavascript {
          * If you're serializing a lot of data, and know its pure JSON, then you can enable this option for a speed-up.
          */
         isJSON?: boolean;
+        /**
+         * This option is to signal serialize() that we want to do a straight conversion, without the XSS protection.
+         * This options needs to be explicitly set to true. HTML characters and JavaScript line terminators will not be escaped.
+         * You will have to roll your own.
+         */
+        unsafe?: boolean;
     }
 }
 
diff --git a/types/serialport/index.d.ts b/types/serialport/index.d.ts
index 2f5f8fc55d..14ded3b6e3 100644
--- a/types/serialport/index.d.ts
+++ b/types/serialport/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for serialport 6.0
+// Type definitions for serialport 7.0
 // Project: https://github.com/EmergingTechnologyAdvisors/node-serialport
 // Definitions by: Jeremy Foster <https://github.com/codefoster>
 //                 Andrew Pearson <https://github.com/apearson>
@@ -40,7 +40,7 @@ declare class SerialPort extends Stream.Duplex {
 
 	static Binding: SerialPort.BaseBinding;
 
-	static list(): Promise<any>;
+	static list(callback?: SerialPort.ListCallback): Promise<SerialPort.PortInfo[]>;
 }
 
 declare namespace SerialPort {
@@ -77,6 +77,16 @@ declare namespace SerialPort {
 		dsr?: boolean;
 		dtr?: boolean;
 		rts?: boolean;
+    }
+
+	interface PortInfo {
+		comName: string;
+		manufacturer?: string;
+		serialNumber?: string;
+		pnpId?: string;
+		locationId?: string;
+		productId?: string;
+		vendorId?: string;
 	}
 
 	namespace parsers {
@@ -119,7 +129,7 @@ declare namespace SerialPort {
 			get(): Promise<any>;
 			flush(): Promise<any>;
 			drain(): Promise<any>;
-			static list(): Promise<any>;
+			static list(): Promise<PortInfo[]>;
 		}
 }
 
diff --git a/types/serialport/serialport-tests.ts b/types/serialport/serialport-tests.ts
index 7b540c5e12..16cf2b6a70 100644
--- a/types/serialport/serialport-tests.ts
+++ b/types/serialport/serialport-tests.ts
@@ -126,3 +126,14 @@ function test_properties() {
     const isOpen: boolean = port.isOpen;
     const path: string = port.path;
 }
+
+function test_list_ports_promise() {
+    const ports = SerialPort
+        .list()
+        .then((ports: any) => {})
+        .catch((err: Error) => {});
+}
+
+function test_list_ports_callback() {
+    const ports = SerialPort.list((error: Error, port: any[]) => {});
+}
diff --git a/types/serialport/v6/index.d.ts b/types/serialport/v6/index.d.ts
new file mode 100644
index 0000000000..2f5f8fc55d
--- /dev/null
+++ b/types/serialport/v6/index.d.ts
@@ -0,0 +1,126 @@
+// Type definitions for serialport 6.0
+// Project: https://github.com/EmergingTechnologyAdvisors/node-serialport
+// Definitions by: Jeremy Foster <https://github.com/codefoster>
+//                 Andrew Pearson <https://github.com/apearson>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+import * as Stream from 'stream';
+
+declare class SerialPort extends Stream.Duplex {
+	constructor(path: string, callback?: SerialPort.ErrorCallback);
+	constructor(path: string, options?: SerialPort.OpenOptions, callback?: SerialPort.ErrorCallback);
+
+	readonly baudRate: number;
+	readonly binding: SerialPort.BaseBinding;
+	readonly isOpen: boolean;
+	readonly path: string;
+
+	open(callback?: SerialPort.ErrorCallback): void;
+	update(options: SerialPort.UpdateOptions, callback?: SerialPort.ErrorCallback): void;
+
+	write(data: string| number[] | Buffer, callback?: (error: any, bytesWritten: number) => void): boolean;
+	write(buffer: string| number[] | Buffer, encoding?: 'ascii'|'utf8'|'utf16le'|'ucs2'|'base64'|'binary'|'hex', callback?: (error: any, bytesWritten: number) => void): boolean;
+
+	read(size?: number): string | Buffer | null;
+
+	close(callback?: (error: Error) => void): void;
+
+	set(options: SerialPort.SetOptions, callback?: SerialPort.ErrorCallback): void;
+	get(callback?: SerialPort.ModemBitsCallback): void;
+
+	flush(callback?: SerialPort.ErrorCallback): void;
+	drain(callback?: SerialPort.ErrorCallback): void;
+
+	pause(): this;
+	resume(): this;
+
+	on(event: string, callback: (data?: any) => void): this;
+
+	static Binding: SerialPort.BaseBinding;
+
+	static list(): Promise<any>;
+}
+
+declare namespace SerialPort {
+	// Callbacks Type Defs
+	type ErrorCallback = (error: Error) => void;
+	type ModemBitsCallback = (error: Error, status: {cts: boolean, dsr: boolean, dcd: boolean }) => void;
+	type ListCallback = (error: Error, port: any[]) => void;
+
+	// Options Type Defs
+	interface OpenOptions {
+		autoOpen?: boolean;
+		baudRate?: 115200|57600|38400|19200|9600|4800|2400|1800|1200|600|300|200|150|134|110|75|50|number;
+		dataBits?: 8|7|6|5;
+		highWaterMark?: number;
+		lock?: boolean;
+		stopBits?: 1|2;
+		parity?: 'none'|'even'|'mark'|'odd'|'space';
+		rtscts?: boolean;
+		xon?: boolean;
+		xoff?: boolean;
+		xany?: boolean;
+		binding?: BaseBinding;
+		bindingOptions?: {
+			vmin?: number;
+			vtime?: number;
+		};
+	}
+	interface UpdateOptions {
+		baudRate?: 115200|57600|38400|19200|9600|4800|2400|1800|1200|600|300|200|150|134|110|75|50|number;
+	}
+	interface SetOptions {
+		brk?: boolean;
+		cts?: boolean;
+		dsr?: boolean;
+		dtr?: boolean;
+		rts?: boolean;
+	}
+
+	namespace parsers {
+		class ByteLength extends Stream.Transform {
+			constructor(options: {length: number});
+		}
+		class CCTalk extends Stream.Transform {
+			constructor();
+		}
+		class Delimiter extends Stream.Transform {
+			constructor(options: {delimiter: string | Buffer | number[], includeDelimiter?: boolean});
+		}
+		class Readline extends Delimiter {
+			constructor(options: {delimiter: string | Buffer | number[], encoding?: 'ascii'|'utf8'|'utf16le'|'ucs2'|'base64'|'binary'|'hex'});
+		}
+		class Ready extends Stream.Transform {
+			constructor(options: {data: string | Buffer | number[]});
+		}
+		class Regex extends Stream.Transform {
+			constructor(options: {regex: RegExp});
+		}
+	}
+
+		// Binding Type Defs
+		type win32Binding = BaseBinding;
+		type darwinBinding = BaseBinding;
+		type linuxBinding = BaseBinding;
+
+		// Binding Type Def
+		class BaseBinding {
+			constructor(options: any);
+
+			open(path: string, options: OpenOptions): Promise<any>;
+			close(): Promise<any>;
+
+			read(data: Buffer, offset: number, length: number): Promise<any>;
+			write(data: Buffer): Promise<any>;
+			update(options?: UpdateOptions): Promise<any>;
+			set(options?: SetOptions): Promise<any>;
+			get(): Promise<any>;
+			flush(): Promise<any>;
+			drain(): Promise<any>;
+			static list(): Promise<any>;
+		}
+}
+
+export = SerialPort;
diff --git a/types/serialport/v6/serialport-tests.ts b/types/serialport/v6/serialport-tests.ts
new file mode 100644
index 0000000000..7b540c5e12
--- /dev/null
+++ b/types/serialport/v6/serialport-tests.ts
@@ -0,0 +1,128 @@
+// Tests taken from documentation samples.
+
+import SerialPort = require('serialport');
+
+function test_basic_connect() {
+    const port = new SerialPort('');
+}
+
+function test_connect_config() {
+    const port1 = new SerialPort('', {
+        }, (error: Error) => {});
+
+    const port4 = new SerialPort('', {
+            autoOpen: false,
+            lock: false,
+            baudRate: 115200,
+            dataBits: 5,
+            stopBits: 2,
+            parity: 'odd',
+            rtscts: true,
+            xon: true,
+            xoff: true,
+            highWaterMark: 1024,
+            bindingOptions: {
+                vmin: 1,
+                vtime: 1
+            }
+        }, (error: Error) => {});
+}
+
+function test_open() {
+    const port = new SerialPort('');
+    port.open(() => {});
+}
+
+function test_update() {
+    const port = new SerialPort('');
+    port.update({baudRate: 57600});
+}
+
+function test_write() {
+    const port = new SerialPort('');
+
+    port.write('test', (error: Error) => {});
+    port.write('test', 'utf8', (error: Error) => {});
+}
+
+function test_read() {
+    const port = new SerialPort('');
+
+    const data = port.read(8);
+}
+
+function test_close() {
+    const port = new SerialPort('');
+
+    port.close((error: Error) => {});
+}
+
+function test_set() {
+    const port = new SerialPort('');
+
+    port.set({}, (error: Error) => {});
+}
+
+function test_get() {
+    const port = new SerialPort('');
+
+    port.get((error, status) => {});
+}
+
+function test_flush() {
+    const port = new SerialPort('');
+
+    port.flush((error: Error) => {});
+}
+
+function test_drain() {
+    const port = new SerialPort('');
+
+    port.drain((error: Error) => {});
+}
+
+function test_pause_resume() {
+    const port = new SerialPort('');
+
+    const pauseItem: SerialPort =  port.pause();
+    const resumeItem: SerialPort = port.resume();
+}
+
+function test_on_events() {
+    const port = new SerialPort('');
+
+    const onItem: SerialPort = port.on('event', (data: any) => {});
+}
+
+function test_binding() {
+    const port = new SerialPort('');
+
+    const bindingItem: SerialPort.BaseBinding = SerialPort.Binding;
+}
+
+function test_parsers() {
+    const port = new SerialPort('');
+
+    const ByteLengthParser = new SerialPort.parsers.ByteLength({length: 8});
+    const CCTalkParser = new SerialPort.parsers.CCTalk();
+    const DelimiterParser = new SerialPort.parsers.Delimiter({ delimiter: Buffer.from('EOL') });
+    const ReadlineParser = new SerialPort.parsers.Readline({ delimiter: '\r\n' });
+    const ReadyParser = new SerialPort.parsers.Ready({ data: 'READY' });
+    const RegexParser = new SerialPort.parsers.Regex({regex: /.*/});
+
+    port.pipe(ByteLengthParser);
+    port.pipe(CCTalkParser);
+    port.pipe(DelimiterParser);
+    port.pipe(ReadlineParser);
+    port.pipe(ReadyParser);
+    port.pipe(RegexParser);
+}
+
+function test_properties() {
+    const port = new SerialPort('');
+
+    const baudRate: number = port.baudRate;
+    const binding: SerialPort.BaseBinding = port.binding;
+    const isOpen: boolean = port.isOpen;
+    const path: string = port.path;
+}
diff --git a/types/serialport/v6/tsconfig.json b/types/serialport/v6/tsconfig.json
new file mode 100644
index 0000000000..fbce55cebb
--- /dev/null
+++ b/types/serialport/v6/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "serialport": [
+                "serialport/v6"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "serialport-tests.ts"
+    ]
+}
diff --git a/types/serialport/v6/tslint.json b/types/serialport/v6/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/serialport/v6/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/serverless/classes/Plugin.d.ts b/types/serverless/classes/Plugin.d.ts
new file mode 100644
index 0000000000..f9b85e29a0
--- /dev/null
+++ b/types/serverless/classes/Plugin.d.ts
@@ -0,0 +1,11 @@
+import Serverless = require("../index");
+
+declare abstract class Plugin {
+    hooks: {
+        [event: string]: Promise<any>;
+    };
+
+    constructor(serverless: Serverless, options: Serverless.Options)
+}
+
+export = Plugin;
diff --git a/types/serverless/classes/PluginManager.d.ts b/types/serverless/classes/PluginManager.d.ts
new file mode 100644
index 0000000000..95e01f721a
--- /dev/null
+++ b/types/serverless/classes/PluginManager.d.ts
@@ -0,0 +1,27 @@
+import Serverless = require("../index");
+import Plugin = require("./Plugin");
+
+declare class PluginManager {
+    constructor(serverless: Serverless)
+
+    setCliOptions(options: Serverless.Options): void;
+    setCliCommands(commands: {}): void;
+
+    addPlugin(plugin: typeof Plugin): void;
+    loadAllPlugins(servicePlugins: {}): void;
+    loadPlugins(plugins: {}): void;
+    loadCorePlugins(): void;
+    loadServicePlugins(servicePlugins: {}): void;
+    loadCommand(pluginName: string, details: {}, key: string): {};
+    loadCommands(pluginInstance: Plugin): void;
+
+    cliOptions: {};
+    cliCommands: {};
+    serverless: Serverless;
+    plugins: Plugin[];
+    commands: {};
+    hooks: {};
+    deprecatedEvents: {};
+}
+
+export = PluginManager;
diff --git a/types/serverless/classes/Service.d.ts b/types/serverless/classes/Service.d.ts
new file mode 100644
index 0000000000..2f05f3b7c0
--- /dev/null
+++ b/types/serverless/classes/Service.d.ts
@@ -0,0 +1,37 @@
+import Serverless = require("../index");
+
+declare namespace Service {
+    interface Custom {
+        [key: string]: any;
+    }
+}
+
+declare class Service {
+    custom: Service.Custom;
+
+    provider: {
+      compiledCloudFormationTemplate: {
+        Resources: any[];
+      };
+
+      name: string;
+    };
+    constructor(serverless: Serverless, data: {});
+
+    load(rawOptions: {}): Promise<any>;
+    setFunctionNames(rawOptions: {}): void;
+
+    getServiceName(): string;
+    getAllFunctions(): string[];
+    getAllFunctionsNames(): string[];
+    getFunction(functionName: string): Serverless.FunctionDefinition;
+    getEventInFunction(eventName: string, functionName: string): Serverless.Event;
+    getAllEventsInFunction(functionName: string): Serverless.Event[];
+
+    mergeResourceArrays(): void;
+    validate(): Service;
+
+    update(data: {}): {};
+}
+
+export = Service;
diff --git a/types/serverless/classes/Utils.d.ts b/types/serverless/classes/Utils.d.ts
new file mode 100644
index 0000000000..d45f4890bb
--- /dev/null
+++ b/types/serverless/classes/Utils.d.ts
@@ -0,0 +1,22 @@
+import Serverless = require("../index");
+
+declare class Utils {
+    constructor(serverless: Serverless);
+
+    getVersion(): string;
+    dirExistsSync(dirPath: string): boolean;
+    fileExistsSync(filePath: string): boolean;
+    writeFileDir(filePath: string): void;
+    writeFileSync(filePath: string, contents: string): void;
+    writeFile(filePath: string, contents: string): PromiseLike<{}>;
+    appendFileSync(filePath: string, contents: string): PromiseLike<{}>;
+    readFileSync(filePath: string): {};
+    readFile(filePath: string): PromiseLike<{}>;
+    walkDirSync(dirPath: string): string[];
+    copyDirContentsSync(srcDir: string, destDir: string): void;
+    generateShortId(length: number): string;
+    findServicePath(): string;
+    logStat(serverless: Serverless, context: string): PromiseLike<{}>;
+}
+
+export = Utils;
diff --git a/types/serverless/classes/YamlParser.d.ts b/types/serverless/classes/YamlParser.d.ts
new file mode 100644
index 0000000000..88c3975fcf
--- /dev/null
+++ b/types/serverless/classes/YamlParser.d.ts
@@ -0,0 +1,8 @@
+import Serverless = require("../index");
+
+declare class YamlParser {
+    constructor(serverless: Serverless)
+    parse(yamlFilePath: string): Promise<any>;
+}
+
+export = YamlParser;
diff --git a/types/serverless/index.d.ts b/types/serverless/index.d.ts
new file mode 100644
index 0000000000..01f9d7a73e
--- /dev/null
+++ b/types/serverless/index.d.ts
@@ -0,0 +1,61 @@
+// Type definitions for serverless 1.18
+// Project: https://github.com/serverless/serverless#readme
+// Definitions by: Hassan Khan <https://github.com/hassankhan>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import Service = require("./classes/Service");
+import Plugin = require("./classes/Plugin");
+import PluginManager = require("./classes/PluginManager");
+import Utils = require("./classes/Utils");
+import YamlParser = require("./classes/YamlParser");
+import AwsProvider = require("./plugins/aws/provider/awsProvider");
+
+declare namespace Serverless {
+    interface Options {
+        stage: string | null;
+        region: string | null;
+        noDeploy?: boolean;
+    }
+
+    interface Config {
+        servicePath: string;
+    }
+
+    interface FunctionDefinition {
+        name: string;
+    }
+
+    interface Event {
+        eventName: string;
+    }
+}
+
+declare class Serverless {
+    constructor(config?: {});
+
+    init(): Promise<any>;
+    run(): Promise<any>;
+
+    setProvider(name: string, provider: AwsProvider): null;
+    getProvider(name: string): AwsProvider;
+
+    getVersion(): string;
+
+    cli: {
+        log(message: string): null;
+    };
+
+    providers: {};
+    utils: Utils;
+    variables: {};
+    yamlParser: YamlParser;
+    pluginManager: PluginManager;
+
+    config: Serverless.Config;
+    serverlessDirPath: string;
+
+    service: Service;
+    version: string;
+}
+
+export = Serverless;
diff --git a/types/serverless/plugins/aws/provider/awsProvider.d.ts b/types/serverless/plugins/aws/provider/awsProvider.d.ts
new file mode 100644
index 0000000000..c5c2c43414
--- /dev/null
+++ b/types/serverless/plugins/aws/provider/awsProvider.d.ts
@@ -0,0 +1,12 @@
+import Serverless = require("../../../index");
+
+declare class Aws {
+    constructor(serverless: Serverless, options: Serverless.Options)
+
+    getProviderName(): string;
+    getRegion(): string;
+    getServerlessDeploymentBucketName(): string;
+    getStage(): string;
+}
+
+export = Aws;
diff --git a/types/serverless/serverless-tests.ts b/types/serverless/serverless-tests.ts
new file mode 100644
index 0000000000..ae5941e5ee
--- /dev/null
+++ b/types/serverless/serverless-tests.ts
@@ -0,0 +1,9 @@
+import Serverless from 'serverless';
+
+const options: Serverless.Options = {
+    noDeploy: false,
+    stage: null,
+    region: ''
+};
+
+const serverless = new Serverless();
diff --git a/types/serverless/tsconfig.json b/types/serverless/tsconfig.json
new file mode 100644
index 0000000000..1d3097b8f5
--- /dev/null
+++ b/types/serverless/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "serverless-tests.ts"
+    ]
+}
diff --git a/types/serverless/tslint.json b/types/serverless/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/serverless/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/set-cookie-parser/set-cookie-parser-tests.ts b/types/set-cookie-parser/set-cookie-parser-tests.ts
index 0faff0148c..ab4e88005d 100644
--- a/types/set-cookie-parser/set-cookie-parser-tests.ts
+++ b/types/set-cookie-parser/set-cookie-parser-tests.ts
@@ -39,7 +39,7 @@ assert.equal(cookies[1].name, "foo");
 assert.equal(cookies[1].value, "bar");
 
 // HTTP response message test
-var message = <http.IncomingMessage>{};
+var message = {} as http.IncomingMessage;
 message.headers = { "set-cookie": ["bam=baz", "foo=bar"] };
 cookies = setCookie(message);
 assert.equal(cookies.length, 2);
diff --git a/types/setasap/index.d.ts b/types/setasap/index.d.ts
new file mode 100644
index 0000000000..fe420b0b51
--- /dev/null
+++ b/types/setasap/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for setasap 2.0
+// Project: https://github.com/taylorhakes/setAsap
+// Definitions by: Daniel Cassidy <https://github.com/djcsdy>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export = setAsap;
+export as namespace setAsap;
+
+declare function setAsap(handler: (() => void) | string): void;
diff --git a/types/setasap/setasap-tests.ts b/types/setasap/setasap-tests.ts
new file mode 100644
index 0000000000..7cac466206
--- /dev/null
+++ b/types/setasap/setasap-tests.ts
@@ -0,0 +1,4 @@
+import setAsap = require("setasap");
+
+setAsap(() => void 0); // $ExpectType void
+setAsap("evil()"); // $ExpectType void
diff --git a/types/setasap/tsconfig.json b/types/setasap/tsconfig.json
new file mode 100644
index 0000000000..f903174378
--- /dev/null
+++ b/types/setasap/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "setasap-tests.ts"
+    ]
+}
diff --git a/types/setasap/tslint.json b/types/setasap/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/setasap/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/sharedb/index.d.ts b/types/sharedb/index.d.ts
index 1620808f99..0f0f5575fd 100644
--- a/types/sharedb/index.d.ts
+++ b/types/sharedb/index.d.ts
@@ -22,7 +22,7 @@ declare class sharedb {
     addProjection(name: string, collection: string, fields: {}): any;
     listen(stream: any): void;
     close(callback?: (err: Error) => any): void;
-    use(action: sharedb.UseAction, fn: sharedb.UseCallback);
+    use(action: sharedb.UseAction, fn: sharedb.UseCallback): void;
     static types: {
         register: (type: { name?: string, uri?: string, [key: string]: any}) => void;
     };
@@ -36,16 +36,16 @@ declare namespace sharedb {
         projectsSnapshots: boolean;
         disableSubscribe: boolean;
         close(callback?: () => void): void;
-        commit(collection: string, id: string, op: Op, snapshot, options, callback: (...args: any[]) => any): void;
-        getSnapshot(collection: string, id: string, fields, options, callback: (...args: any[]) => any): void;
-        getSnapshotBulk(collection: string, ids: string, fields, options, callback: (...args: any[]) => any): void;
-        getOps(collection: string, id: string, from: number, to: number, options, callback: (...args: any[]) => any): void;
-        getOpsToSnapshot(collection: string, id: string, from: number, snapshot: number, options, callback: (...args: any[]) => any): void;
-        getOpsBulk(collection: string, fromMap, toMap, options, callback: (...args: any[]) => any): void;
-        getCommittedOpVersion(collection: string, id: string, snapshot, op, options, callback: (...args: any[]) => any): void;
-        query(collection: string, query: Query, fields, options, callback: (...args: any[]) => any): void;
-        queryPoll(collection: string, query: Query, options, callback: (...args: any[]) => any): void;
-        queryPollDoc(collection: string, id: string, query: Query, options, callback: (...args: any[]) => any): void;
+        commit(collection: string, id: string, op: Op, snapshot: any, options: any, callback: (...args: any[]) => any): void;
+        getSnapshot(collection: string, id: string, fields: any, options: any, callback: (...args: any[]) => any): void;
+        getSnapshotBulk(collection: string, ids: string, fields: any, options: any, callback: (...args: any[]) => any): void;
+        getOps(collection: string, id: string, from: number, to: number, options: any, callback: (...args: any[]) => any): void;
+        getOpsToSnapshot(collection: string, id: string, from: number, snapshot: number, options: any, callback: (...args: any[]) => any): void;
+        getOpsBulk(collection: string, fromMap: any, toMap: any, options: any, callback: (...args: any[]) => any): void;
+        getCommittedOpVersion(collection: string, id: string, snapshot: any, op: any, options: any, callback: (...args: any[]) => any): void;
+        query(collection: string, query: Query, fields: any, options: any, callback: (...args: any[]) => any): void;
+        queryPoll(collection: string, query: Query, options: any, callback: (...args: any[]) => any): void;
+        queryPollDoc(collection: string, id: string, query: Query, options: any, callback: (...args: any[]) => any): void;
         canPollDoc(): boolean;
         skipPoll(): boolean;
     }
@@ -53,7 +53,7 @@ declare namespace sharedb {
     class MemoryDB extends DB { }
 
     abstract class PubSub {
-        private static shallowCopy(obj: any);
+        private static shallowCopy(obj: any): any;
         protected prefix?: string;
         protected nextStreamId: number;
         protected streamsCount: number;
@@ -71,8 +71,8 @@ declare namespace sharedb {
         protected abstract _unsubscribe(channel: string, callback: (err: Error | null) => void): void;
         protected abstract _publish(channels: string[], data: any, callback: (err: Error | null) => void): void;
         protected _emit(channel: string, data: {[k: string]: any}): void;
-        private _createStream(channel);
-        private _removeStream(channel, stream);
+        private _createStream(channel): void;
+        private _removeStream(channel, stream): void;
     }
 
     class Connection {
diff --git a/types/sharepoint/index.d.ts b/types/sharepoint/index.d.ts
index b05d498648..7fe8a8b047 100644
--- a/types/sharepoint/index.d.ts
+++ b/types/sharepoint/index.d.ts
@@ -1396,10 +1396,10 @@ declare namespace SPClientTemplates {
         /** Template overrides */
         Templates?: TemplateOverrides;
 
-        /** �allbacks called before rendering starts. Can be function (ctx: RenderContext) => void or array of functions.*/
+        /** Callbacks called before rendering starts. Can be function (ctx: RenderContext) => void or array of functions.*/
         OnPreRender?: RenderCallback | RenderCallback[];
 
-        /** �allbacks called after rendered html inserted into DOM. Can be function (ctx: RenderContext) => void or array of functions.*/
+        /** Callbacks called after rendered html inserted into DOM. Can be function (ctx: RenderContext) => void or array of functions.*/
         OnPostRender?: RenderCallback | RenderCallback[];
 
         /** View style (SPView.StyleID) for which the templates should be applied.
@@ -3639,7 +3639,7 @@ declare namespace SP {
         get_baseTemplate(): number;
         /** Gets base type for the list. */
         get_baseType(): SP.BaseType;
-        /** Gets a value that specifies the override of the web application�s BrowserFileHandling property at the list level. */
+        /** Gets a value that specifies the override of the web application's BrowserFileHandling property at the list level. */
         get_browserFileHandling(): SP.BrowserFileHandling;
         /** Gets the content types that are associated with the list. */
         get_contentTypes(): SP.ContentTypeCollection;
@@ -6145,10 +6145,10 @@ declare namespace SP {
             get_name(): string;
             /** Provides the attachment name. */
             set_name(value: string): string;
-            /** Specifies the URI of the attachment�s preview thumbnail.
+            /** Specifies the URI of the attachment's preview thumbnail.
                 This property is only present if the AttachmentKind is Document or Video. */
             get_previewUri(): string;
-            /** Specifies the URI of the attachment�s preview thumbnail.
+            /** Specifies the URI of the attachment's preview thumbnail.
                 This property is only present if the AttachmentKind is Document or Video. */
             set_previewUri(value: string): string;
             /** Provides the attachment URI. */
@@ -7556,7 +7556,7 @@ declare namespace SP {
 
         /** Provides methods for operations related to people.
             Note: The SocialFollowingManager object is the recommended object for performing Following People and Following Content tasks.
-            However, PeopleManager provides some methods that SocialFollowingManager doesn�t. */
+            However, PeopleManager provides some methods that SocialFollowingManager doesn't. */
         class PeopleManager extends SP.ClientObject {
             constructor(context: SP.ClientRuntimeContext);
             static getTrendingTags(context: SP.ClientRuntimeContext): HashTagCollection;
@@ -8328,7 +8328,7 @@ declare namespace SP.WorkflowServices {
         get_xaml(): string;
         /** XAML definition of the workflow */
         set_xaml(value: string): string;
-        /** This method adds a key-value pair (propertyName, value) to the workflow definition object�s property bag.  */
+        /** This method adds a key-value pair (propertyName, value) to the workflow definition object's property bag.  */
         setProperty(propertyName: string, value: string): void;
         /** This method is internal and is not intended to be used in your code. */
         initPropertiesFromJson(parentNode: any): void;
diff --git a/types/sharp/index.d.ts b/types/sharp/index.d.ts
index 97b9ea6f86..f461f4c429 100644
--- a/types/sharp/index.d.ts
+++ b/types/sharp/index.d.ts
@@ -1,13 +1,17 @@
-// Type definitions for sharp 0.17
+// Type definitions for sharp 0.21
 // Project: https://github.com/lovell/sharp
 // Definitions by: François Nguyen <https://github.com/lith-light-g>
 //                 Wooseop Kim <https://github.com/wooseopkim>
+//                 Bradley Odell <https://github.com/BTOdell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
 /// <reference types="node" />
 
 import { Duplex } from "stream";
 
+//#region Constructor functions
+
 /**
  * Creates a sharp instance from an image
  * @param input Buffer containing JPEG, PNG, WebP, GIF, SVG, TIFF or raw pixel image data, or String containing the path to an JPEG, PNG, WebP, GIF, SVG or TIFF image file.
@@ -15,42 +19,13 @@ import { Duplex } from "stream";
  * @throws {Error} Invalid parameters
  * @returns A sharp instance that can be used to chain operations
  */
-declare function sharp(options?: sharp.SharpOptions): sharp.SharpInstance;
-declare function sharp(input?: string | Buffer, options?: sharp.SharpOptions): sharp.SharpInstance;
+declare function sharp(options?: sharp.SharpOptions): sharp.Sharp;
+declare function sharp(input?: string | Buffer, options?: sharp.SharpOptions): sharp.Sharp;
+
 declare namespace sharp {
-    const gravity: GravityEnum;
-    const strategy: StrategyEnum;
-    /**
-     * Gets, or when options are provided sets, the limits of libvips' operation cache.
-     * Existing entries in the cache will be trimmed after any change in limits.
-     * This method always returns cache statistics, useful for determining how much working memory is required for a particular task.
-     * @param options Object with the cache options, or Boolean where true uses default cache settings and false removes all caching.
-     */
-    function cache(options?: boolean | CacheOptions): CacheResult;
-    /**
-     * Gets, or when a concurrency is provided sets, the number of threads libvips' should create to process each image.
-     * @param concurrency concurrency value
-     */
-    function concurrency(threads?: number): number;
-    /**
-     * Provides access to internal task counters.
-     * @returns Object containing task counters
-     */
-    function counters(): SharpCounters;
-    /**
-     * Get and set use of SIMD vector unit instructions.
-     * @param enable enable or disable use of SIMD vector unit instructions
-     * @returns true if usage of SIMD vector unit instructions is enabled
-     */
-    function simd(enable?: boolean): boolean;
-    const kernel: KernelEnum;
-    const interpolator: InterpolatorEnum;
-    /**
-     * Object containing nested boolean values representing the available input and output formats/methods.
-     */
+    /** Object containing nested boolean values representing the available input and output formats/methods. */
     const format: FormatEnum;
-    /** An EventEmitter that emits a change event when a task is either queued, waiting for libuv to provide a worker thread, complete */
-    const queue: NodeJS.EventEmitter;
+
     /** An Object containing the version numbers of libvips and its dependencies. */
     const versions: {
         vips: string;
@@ -78,187 +53,105 @@ declare namespace sharp {
         xml?: string;
         zlib?: string;
     };
+
+    /** An EventEmitter that emits a change event when a task is either queued, waiting for libuv to provide a worker thread, complete */
+    const queue: NodeJS.EventEmitter;
+
+    //#endregion
+
+    //#region Utility functions
+
+    /**
+     * Gets or, when options are provided, sets the limits of libvips' operation cache.
+     * Existing entries in the cache will be trimmed after any change in limits.
+     * This method always returns cache statistics, useful for determining how much working memory is required for a particular task.
+     * @param options Object with the following attributes, or Boolean where true uses default cache settings and false removes all caching (optional, default true)
+     * @returns The cache results.
+     */
+    function cache(options?: boolean | CacheOptions): CacheResult;
+
+    /**
+     * Gets or sets the number of threads libvips' should create to process each image.
+     * The default value is the number of CPU cores. A value of 0 will reset to this default.
+     * The maximum number of images that can be processed in parallel is limited by libuv's UV_THREADPOOL_SIZE environment variable.
+     * @param concurrency The new concurrency value.
+     * @returns The current concurrency value.
+     */
+    function concurrency(concurrency?: number): number;
+
+    /**
+     * Provides access to internal task counters.
+     * @returns Object containing task counters
+     */
+    function counters(): SharpCounters;
+
+    /**
+     * Get and set use of SIMD vector unit instructions. Requires libvips to have been compiled with liborc support.
+     * Improves the performance of resize, blur and sharpen operations by taking advantage of the SIMD vector unit of the CPU, e.g. Intel SSE and ARM NEON.
+     * @param enable enable or disable use of SIMD vector unit instructions
+     * @returns true if usage of SIMD vector unit instructions is enabled
+     */
+    function simd(enable?: boolean): boolean;
+
+    //#endregion
+
+    const gravity: GravityEnum;
+    const strategy: StrategyEnum;
+    const kernel: KernelEnum;
     const bool: BoolEnum;
 
-    interface SharpInstance extends Duplex {
+    interface Sharp extends Duplex {
+        //#region Channel functions
+
         /**
-         * Fast access to image metadata without decoding any compressed image data.
+         * Remove alpha channel, if any. This is a no-op if the image does not have an alpha channel.
          * @returns A sharp instance that can be used to chain operations
          */
-        metadata(callback: (err: Error, metadata: Metadata) => void): SharpInstance;
+        removeAlpha(): Sharp;
+
         /**
-         * Fast access to image metadata without decoding any compressed image data.
-         * @returns A promise that fulfills with a metadata object.
-         */
-        metadata(): Promise<Metadata>;
-        /**
-         * Take a "snapshot" of the Sharp instance, returning a new instance.
+         * Extract a single channel from a multi-channel image.
+         * @param channel zero-indexed band number to extract, or red, green or blue as alternative to 0, 1 or 2 respectively.
+         * @throws {Error} Invalid channel
          * @returns A sharp instance that can be used to chain operations
          */
-        clone(): SharpInstance;
+        extractChannel(channel: number | string): Sharp;
+
         /**
-         * An advanced setting that switches the libvips access method to VIPS_ACCESS_SEQUENTIAL.
-         * @param sequentialRead true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        sequentialRead(sequentialRead?: boolean): SharpInstance;
-        /**
-         * Do not process input images where the number of pixels (width _ height) exceeds this limit.
-         * @param pixels An integral Number of pixels, zero or false to remove limit, true to use default limit.
-         * @throws {Error} Invalid limit
-         * @returns A sharp instance that can be used to chain operations
-         */
-        limitInputPixels(pixels: number | boolean): SharpInstance;
-        /**
-         * Resize image to width x height. By default, the resized image is centre cropped to the exact size specified.
-         * @param width pixels wide the resultant image should be, between 1 and 16383 (0x3FFF). Use null or  undefined to auto-scale the width to match the height.
-         * @param height pixels high the resultant image should be, between 1 and 16383. Use null or undefined to auto-scale the height to match the width.
-         * @param options resize options
+         * Join one or more channels to the image. The meaning of the added channels depends on the output colourspace, set with toColourspace().
+         * By default the output image will be web-friendly sRGB, with additional channels interpreted as alpha channels. Channel ordering follows vips convention:
+         *  - sRGB: 0: Red, 1: Green, 2: Blue, 3: Alpha.
+         *  - CMYK: 0: Magenta, 1: Cyan, 2: Yellow, 3: Black, 4: Alpha.
+         *
+         * Buffers may be any of the image formats supported by sharp: JPEG, PNG, WebP, GIF, SVG, TIFF or raw pixel image data.
+         * For raw pixel input, the options object should contain a raw attribute, which follows the format of the attribute of the same name in the sharp() constructor.
+         * @param images one or more images (file paths, Buffers).
+         * @param options image options, see sharp() constructor.
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        resize(width?: number, height?: number, options?: ResizeOptions): SharpInstance;
+        joinChannel(images: string | Buffer | ArrayLike<string|Buffer>, options?: SharpOptions): Sharp;
+
         /**
-         * Crop the resized image to the exact size specified, the default behaviour.
-         * @param crop A member of sharp.gravity to crop to an edge/corner or sharp.strategy to crop dynamically. (optional, default 'centre')
+         * Perform a bitwise boolean operation on all input image channels (bands) to produce a single channel output image.
+         * @param boolOp one of "and", "or" or "eor" to perform that bitwise operation, like the C logic operators &, | and ^ respectively.
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        crop(crop?: number | string): SharpInstance;
+        bandbool(boolOp: string): Sharp;
+
+        //#endregion
+
+        //#region Color functions
+
         /**
-         * Preserving aspect ratio, resize the image to the maximum width or height specified then embed on a background of the exact width and height specified.
+         * Tint the image using the provided chroma while preserving the image luminance.
+         * An alpha channel may be present and will be unchanged by the operation.
+         * @param rgb Parsed by the color module to extract chroma values.
          * @returns A sharp instance that can be used to chain operations
          */
-        embed(): SharpInstance;
-        /**
-         * Preserving aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to the width and height specified.
-         * @returns A sharp instance that can be used to chain operations
-         */
-        max(): SharpInstance;
-        /**
-         * Preserving aspect ratio, resize the image to be as small as possible while ensuring its dimensions are greater than or equal to the width and height specified.
-         * @returns A sharp instance that can be used to chain operations
-         */
-        min(): SharpInstance;
-        /**
-         * Do not enlarge the output image if the input image width or height are already less than the required dimensions.
-         * @param withoutEnlargement true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        withoutEnlargement(withoutEnlargement?: boolean): SharpInstance;
-        /**
-         * Ignoring the aspect ratio of the input, stretch the image to the exact width and/or height provided via resize.
-         */
-        ignoreAspectRatio(): SharpInstance;
-        /**
-         * Extract a region of the image.
-         * @param region Region to extract
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        extract(region: Region): SharpInstance;
-        /**
-         * Trim "boring" pixels from all edges that contain values within a percentage similarity of the top-left pixel.
-         * @param tolerance value between 1 and 99 representing the percentage similarity. (optional, default 10)
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        trim(tolerance?: number): SharpInstance;
-        /**
-         * Set the background for the embed, flatten and extend operations. The default background is {r: 0, g: 0, b: 0, alpha: 1}, black without transparency.
-         * @param rgba String or Object parsed by the color module to extract values for red, green, blue and alpha.
-         * @throws {Error} Invalid parameter
-         * @returns A sharp instance that can be used to chain operations
-         */
-        background(rgba?: RGBA | string): SharpInstance; // Wait for typings to fetch latest color typings from DT
-        /**
-         * Merge alpha transparency channel, if any, with background.
-         * @param flatten true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        flatten(flatten?: boolean): SharpInstance;
-        /**
-         * Extends/pads the edges of the image with the colour provided to the background method.
-         * @param extend single pixel count to add to all edges or an Object with per-edge counts
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        extend(extend: number | ExtendOptions): SharpInstance;
-        /**
-         * Produce the "negative" of the image.
-         * @param negate true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        negate(negate?: boolean): SharpInstance;
-        /**
-         * Rotate the output image by either an explicit angle or auto-orient based on the EXIF Orientation tag.
-         * @param angle 0, 90, 180 or 270. (optional, default auto)
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        rotate(angle?: number): SharpInstance;
-        /**
-         * Flip the image about the vertical Y axis.
-         * @param flip true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        flip(flip?: boolean): SharpInstance;
-        /**
-         * Flop the image about the horizontal X axis.
-         * @param flop true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        flop(flop?: boolean): SharpInstance;
-        /**
-         * Blur the image.
-         * @param sigma a value between 0.3 and 1000 representing the sigma of the Gaussian mask, where sigma = 1 + radius / 2.
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        blur(sigma?: number): SharpInstance;
-        /**
-         * Convolve the image with the specified kernel.
-         * @param kernel the specified kernel
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        convolve(kernel: Kernel): SharpInstance;
-        /**
-         * Sharpen the image.
-         * @param sigma the sigma of the Gaussian mask, where sigma = 1 + radius / 2.
-         * @param flat the level of sharpening to apply to "flat" areas. (optional, default 1.0)
-         * @param jagged the level of sharpening to apply to "jagged" areas. (optional, default 2.0)
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        sharpen(sigma?: number, flat?: number, jagged?: number): SharpInstance;
-        /**
-         * Any pixel value greather than or equal to the threshold value will be set to 255, otherwise it will be set to 0.
-         * @param threshold a value in the range 0-255 representing the level at which the threshold will be applied. (optional, default 128)
-         * @param options threshold options
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        threshold(threshold?: number, options?: ThresholdOptions): SharpInstance;
-        /**
-         * Apply a gamma correction by reducing the encoding (darken) pre-resize at a factor of 1/gamma then increasing the encoding (brighten) post-resize at a factor of gamma.
-         * @param gamma value between 1.0 and 3.0. (optional, default 2.2)
-         * @throws {Error} Invalid parameters
-         * @returns A sharp instance that can be used to chain operations
-         */
-        gamma(gamma?: number): SharpInstance;
-        /**
-         * Alternative spelling of greyscale.
-         * Convert to 8-bit greyscale; 256 shades of grey.
-         * This is a linear operation.
-         * If the input image is in a non-linear colour space such as sRGB, use gamma() with greyscale() for the best results.
-         * By default the output image will be web-friendly sRGB and contain three (identical) color channels.
-         * This may be overridden by other sharp operations such as toColourspace('b-w'), which will produce an output image containing one color channel.
-         * An alpha channel may be present, and will be unchanged by the operation.
-         * @param grayscale true to enable and false to disable (defaults to true)
-         * @returns A sharp instance that can be used to chain operations
-         */
-        grayscale(grayscale?: boolean): SharpInstance;
+        tint(rgb: Color): Sharp;
+
         /**
          * Convert to 8-bit greyscale; 256 shades of grey.
          * This is a linear operation.
@@ -269,87 +162,265 @@ declare namespace sharp {
          * @param greyscale true to enable and false to disable (defaults to true)
          * @returns A sharp instance that can be used to chain operations
          */
-        greyscale(greyscale?: boolean): SharpInstance;
+        greyscale(greyscale?: boolean): Sharp;
+
         /**
-         * Enhance output image contrast by stretching its luminance to cover the full dynamic range.
-         * @param normalize true to enable and false to disable (defaults to true)
+         * Alternative spelling of greyscale().
+         * @param grayscale true to enable and false to disable (defaults to true)
          * @returns A sharp instance that can be used to chain operations
          */
-        normalize(normalize?: boolean): SharpInstance;
-        /**
-         * Alternative spelling of normalise.
-         * Enhance output image contrast by stretching its luminance to cover the full dynamic range.
-         * @param normalise true to enable and false to disable (defaults to true)
-         */
-        normalise(normalise?: boolean): SharpInstance;
-        /**
-         * Overlay (composite) an image over the processed (resized, extracted etc.) image.
-         * @param image Buffer containing image data or String containing the path to an image file.
-         * @param options overlay options
-         * @returns A sharp instance that can be used to chain operations
-         */
-        overlayWith(image: string | Buffer, options?: OverlayOptions): SharpInstance;
+        grayscale(grayscale?: boolean): Sharp;
+
         /**
          * Set the output colourspace.
+         * By default output image will be web-friendly sRGB, with additional channels interpreted as alpha channels.
          * @param colourspace output colourspace e.g. srgb, rgb, cmyk, lab, b-w ...
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        toColourspace(colourspace?: string): SharpInstance;
+        toColourspace(colourspace?: string): Sharp;
+
         /**
-         * Alternative spelling of toColourspace.
-         * Set the output colorspace.
-         * @param colorspace output colourspace e.g. srgb, rgb, cmyk, lab, b-w ...
+         * Alternative spelling of toColourspace().
+         * @param colorspace output colorspace e.g. srgb, rgb, cmyk, lab, b-w ...
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        toColorspace(colorspace: string): SharpInstance;
+        toColorspace(colorspace: string): Sharp;
+
+        //#endregion
+
+        //#region Composite functions
+
         /**
-         * Extract a single channel from a multi-channel image.
-         * @param channel zero-indexed band number to extract, or red, green or blue as alternative to 0, 1 or 2 respectively.
-         * @throws {Error} Invalid channel
-         * @returns A sharp instance that can be used to chain operations
-         */
-        extractChannel(channel: number | string): SharpInstance;
-        /**
-         * Join one or more channels to the image. The meaning of the added channels depends on the output colourspace, set with toColourspace().
-         * @param channels one or more images (file paths, Buffers).
-         * @param options image options
+         * Overlay (composite) an image over the processed (resized, extracted etc.) image.
+         *
+         * The overlay image must be the same size or smaller than the processed image.
+         * If both top and left options are provided, they take precedence over gravity.
+         *
+         * If the overlay image contains an alpha channel then composition with premultiplication will occur.
+         * @param image Buffer containing image data or String containing the path to an image file.
+         * @param options overlay options
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        joinChannel(channels: string | string[] | Buffer | Buffer[], options?: { raw: Raw }): SharpInstance;
+        overlayWith(image: string | Buffer, options?: OverlayOptions): Sharp;
+
+        //#endregion
+
+        //#region Input functions
+
         /**
-         * Perform a bitwise boolean operation on all input image channels (bands) to produce a single channel output image.
-         * @param boolOp one of and, or or eor to perform that bitwise operation, like the C logic operators &, | and ^ respectively.
+         * Take a "snapshot" of the Sharp instance, returning a new instance.
+         * Cloned instances inherit the input of their parent instance.
+         * This allows multiple output Streams and therefore multiple processing pipelines to share a single input Stream.
          * @returns A sharp instance that can be used to chain operations
          */
-        bandbool(boolOp: string): SharpInstance;
+        clone(): Sharp;
+
+        /**
+         * Fast access to (uncached) image metadata without decoding any compressed image data.
+         * @returns A sharp instance that can be used to chain operations
+         */
+        metadata(callback: (err: Error, metadata: Metadata) => void): Sharp;
+
+        /**
+         * Fast access to (uncached) image metadata without decoding any compressed image data.
+         * @returns A promise that resolves with a metadata object
+         */
+        metadata(): Promise<Metadata>;
+
+        /**
+         * Access to pixel-derived image statistics for every channel in the image.
+         * @returns A sharp instance that can be used to chain operations
+         */
+        stats(callback: (err: Error, stats: Stats) => void): Sharp;
+
+        /**
+         * Access to pixel-derived image statistics for every channel in the image.
+         * @returns A promise that resolves with a stats object
+         */
+        stats(): Promise<Stats>;
+
+        /**
+         * Do not process input images where the number of pixels (width _ height) exceeds this limit.
+         * Assumes image dimensions contained in the input metadata can be trusted.
+         * The default limit is 268402689 (0x3FFF _ 0x3FFF) pixels.
+         * @param limit An integral Number of pixels, zero or false to remove limit, true to use default limit.
+         * @throws {Error} Invalid limit
+         * @returns A sharp instance that can be used to chain operations
+         */
+        limitInputPixels(limit: number | boolean): Sharp;
+
+        /**
+         * An advanced setting that switches the libvips access method to VIPS_ACCESS_SEQUENTIAL.
+         * This will reduce memory usage and can improve performance on some systems.
+         * The default behaviour before function call is false, meaning the libvips access method is not sequential.
+         * @param sequentialRead true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        sequentialRead(sequentialRead?: boolean): Sharp;
+
+        //#endregion
+
+        //#region Operation functions
+
+        /**
+         * Rotate the output image by either an explicit angle or auto-orient based on the EXIF Orientation tag.
+         *
+         * If an angle is provided, it is converted to a valid positive degree rotation. For example, -450 will produce a 270deg rotation.
+         *
+         * When rotating by an angle other than a multiple of 90, the background colour can be provided with the background option.
+         *
+         * If no angle is provided, it is determined from the EXIF data. Mirroring is supported and may infer the use of a flip operation.
+         *
+         * The use of rotate implies the removal of the EXIF Orientation tag, if any.
+         *
+         * Method order is important when both rotating and extracting regions, for example rotate(x).extract(y) will produce a different result to extract(y).rotate(x).
+         * @param angle angle of rotation. (optional, default auto)
+         * @param options if present, is an Object with optional attributes.
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        rotate(angle?: number, options?: RotateOptions): Sharp;
+
+        /**
+         * Flip the image about the vertical Y axis. This always occurs after rotation, if any.
+         * The use of flip implies the removal of the EXIF Orientation tag, if any.
+         * @param flip true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        flip(flip?: boolean): Sharp;
+
+        /**
+         * Flop the image about the horizontal X axis. This always occurs after rotation, if any.
+         * The use of flop implies the removal of the EXIF Orientation tag, if any.
+         * @param flop true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        flop(flop?: boolean): Sharp;
+
+        /**
+         * Sharpen the image.
+         * When used without parameters, performs a fast, mild sharpen of the output image.
+         * When a sigma is provided, performs a slower, more accurate sharpen of the L channel in the LAB colour space.
+         * Separate control over the level of sharpening in "flat" and "jagged" areas is available.
+         * @param sigma the sigma of the Gaussian mask, where sigma = 1 + radius / 2.
+         * @param flat the level of sharpening to apply to "flat" areas. (optional, default 1.0)
+         * @param jagged the level of sharpening to apply to "jagged" areas. (optional, default 2.0)
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        sharpen(sigma?: number, flat?: number, jagged?: number): Sharp;
+
+        /**
+         * Apply median filter. When used without parameters the default window is 3x3.
+         * @param size square mask size: size x size (optional, default 3)
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        median(size?: number): Sharp;
+
+        /**
+         * Blur the image.
+         * When used without parameters, performs a fast, mild blur of the output image.
+         * When a sigma is provided, performs a slower, more accurate Gaussian blur.
+         * @param sigma a value between 0.3 and 1000 representing the sigma of the Gaussian mask, where sigma = 1 + radius / 2.
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        blur(sigma?: number): Sharp;
+
+        /**
+         * Merge alpha transparency channel, if any, with background.
+         * @param flatten true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        flatten(flatten?: boolean | FlattenOptions): Sharp;
+
+        /**
+         * Apply a gamma correction by reducing the encoding (darken) pre-resize at a factor of 1/gamma then increasing the encoding (brighten) post-resize at a factor of gamma.
+         * This can improve the perceived brightness of a resized image in non-linear colour spaces.
+         * JPEG and WebP input images will not take advantage of the shrink-on-load performance optimisation when applying a gamma correction.
+         * @param gamma value between 1.0 and 3.0. (optional, default 2.2)
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        gamma(gamma?: number): Sharp;
+
+        /**
+         * Produce the "negative" of the image.
+         * @param negate true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        negate(negate?: boolean): Sharp;
+
+        /**
+         * Enhance output image contrast by stretching its luminance to cover the full dynamic range.
+         * @param normalise true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        normalise(normalise?: boolean): Sharp;
+
+        /**
+         * Alternative spelling of normalise.
+         * @param normalize true to enable and false to disable (defaults to true)
+         * @returns A sharp instance that can be used to chain operations
+         */
+        normalize(normalize?: boolean): Sharp;
+
+        /**
+         * Convolve the image with the specified kernel.
+         * @param kernel the specified kernel
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        convolve(kernel: Kernel): Sharp;
+
+        /**
+         * Any pixel value greather than or equal to the threshold value will be set to 255, otherwise it will be set to 0.
+         * @param threshold a value in the range 0-255 representing the level at which the threshold will be applied. (optional, default 128)
+         * @param options threshold options
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        threshold(threshold?: number, options?: ThresholdOptions): Sharp;
+
         /**
          * Perform a bitwise boolean operation with operand image.
-         * @param image Buffer containing image data or String containing the path to an image file.
-         * @param operator one of and, or or eor to perform that bitwise operation, like the C logic operators &, | and ^ respectively.
+         * This operation creates an output image where each pixel is the result of the selected bitwise boolean operation between the corresponding pixels of the input images.
+         * @param operand Buffer containing image data or String containing the path to an image file.
+         * @param operator one of "and", "or" or "eor" to perform that bitwise operation, like the C logic operators &, | and ^ respectively.
          * @param options describes operand when using raw pixel data.
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        linear(multiplier?: number, offset?: number): SharpInstance;
+        boolean(operand: string | Buffer, operator: string, options?: { raw: Raw }): Sharp;
+
         /**
-         * Apply a gamma correction by reducing the encoding (darken) pre-resize at a factor of 1/gamma then increasing the encoding (brighten) post-resize at a factor of gamma.
-         * @param multiplier value between 0.0 and 1.0. (optional, default 1.0)
-         * @param offset value between 0.0 and 1.0. (optional, default 0.0)
+         * Apply the linear formula a * input + b to the image (levels adjustment)
+         * @param a multiplier (optional, default 1.0)
+         * @param b offset (optional, default 0.0)
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        boolean(operand: string | Buffer, operator: string, options?: { raw: Raw }): SharpInstance;
+        linear(a?: number, b?: number): Sharp;
+
+        //#endregion
+
+        //#region Output functions
+
         /**
          * Write output image data to a file.
+         * If an explicit output format is not selected, it will be inferred from the extension, with JPEG, PNG, WebP, TIFF, DZI, and libvips' V format supported.
+         * Note that raw pixel data is only supported for buffer output.
          * @param fileOut The path to write the image data to.
          * @param callback Callback function called on completion with two arguments (err, info).  info contains the output image format, size (bytes), width, height and channels.
          * @throws {Error} Invalid parameters
          * @returns A sharp instance that can be used to chain operations
          */
-        toFile(fileOut: string, callback: (err: Error, info: OutputInfo) => void): SharpInstance;
+        toFile(fileOut: string, callback: (err: Error, info: OutputInfo) => void): Sharp;
+
         /**
          * Write output image data to a file.
          * @param fileOut The path to write the image data to.
@@ -357,61 +428,82 @@ declare namespace sharp {
          * @returns A promise that fulfills with an object containing informations on the resulting file
          */
         toFile(fileOut: string): Promise<OutputInfo>;
+
         /**
-         * Write output to a Buffer. JPEG, PNG, WebP, and RAW output are supported. By default, the format will match the input image, except GIF and SVG input which become PNG output.
+         * Write output to a Buffer. JPEG, PNG, WebP, TIFF and RAW output are supported.
+         * By default, the format will match the input image, except GIF and SVG input which become PNG output.
          * @param callback Callback function called on completion with three arguments (err, buffer, info).
-         *                            err is an error message, if any.
-         *                            buffer is the output image data.
-         *                            info contains the output image format, size (bytes), width, height and channels.
-         *                            A Promises/A+ promise is returned when callback is not provided.
          * @returns A sharp instance that can be used to chain operations
          */
-        toBuffer(callback: (err: Error, buffer: Buffer, info: OutputInfo) => void): SharpInstance;
+        toBuffer(callback: (err: Error, buffer: Buffer, info: OutputInfo) => void): Sharp;
+
         /**
-         * Write output to a Buffer. JPEG, PNG, WebP, and RAW output are supported. By default, the format will match the input image, except GIF and SVG input which become PNG output.
+         * Write output to a Buffer. JPEG, PNG, WebP, TIFF and RAW output are supported.
+         * By default, the format will match the input image, except GIF and SVG input which become PNG output.
          * @param options resolve options
-         * @returns A promise that fulfills with the resulting Buffer
+         * @param options.resolveWithObject Resolve the Promise with an Object containing data and info properties instead of resolving only with data.
+         * @returns A promise that resolves with the Buffer data.
          */
         toBuffer(options?: { resolveWithObject: false }): Promise<Buffer>;
+
         /**
-         * Write output to a Buffer. JPEG, PNG, WebP, and RAW output are supported. By default, the format will match the input image, except GIF and SVG input which become PNG output.
+         * Write output to a Buffer. JPEG, PNG, WebP, TIFF and RAW output are supported.
+         * By default, the format will match the input image, except GIF and SVG input which become PNG output.
          * @param options resolve options
-         * @returns A promise that fulfills with an object containing the Buffer data and an info object containing the output image format, size (bytes), width, height and channels
+         * @param options.resolveWithObject Resolve the Promise with an Object containing data and info properties instead of resolving only with data.
+         * @returns A promise that resolves with an object containing the Buffer data and an info object containing the output image format, size (bytes), width, height and channels
          */
         toBuffer(options: { resolveWithObject: true }): Promise<{ data: Buffer, info: OutputInfo }>;
+
+        /**
+         * Include all metadata (EXIF, XMP, IPTC) from the input image in the output image.
+         * The default behaviour, when withMetadata is not used, is to strip all metadata and convert to the device-independent sRGB colour space.
+         * This will also convert to and add a web-friendly sRGB ICC profile.
+         * @param withMetadata
+         * @throws {Error} Invalid parameters.
+         */
+        withMetadata(withMetadata?: WriteableMetadata): Sharp;
+
         /**
          * Use these JPEG options for output image.
          * @param options Output options.
          * @throws {Error} Invalid options
          * @returns A sharp instance that can be used to chain operations
          */
-        jpeg(options?: JpegOptions): SharpInstance;
+        jpeg(options?: JpegOptions): Sharp;
+
         /**
          * Use these PNG options for output image.
+         * PNG output is always full colour at 8 or 16 bits per pixel.
+         * Indexed PNG input at 1, 2 or 4 bits per pixel is converted to 8 bits per pixel.
          * @param options Output options.
          * @throws {Error} Invalid options
          * @returns A sharp instance that can be used to chain operations
          */
-        png(options?: PngOptions): SharpInstance;
+        png(options?: PngOptions): Sharp;
+
         /**
          * Use these WebP options for output image.
          * @param options Output options.
          * @throws {Error} Invalid options
          * @returns A sharp instance that can be used to chain operations
          */
-        webp(options?: WebpOptions): SharpInstance;
+        webp(options?: WebpOptions): Sharp;
+
         /**
          * Use these TIFF options for output image.
          * @param options Output options.
          * @throws {Error} Invalid options
          * @returns A sharp instance that can be used to chain operations
          */
-        tiff(options?: TiffOptions): SharpInstance;
+        tiff(options?: TiffOptions): Sharp;
+
         /**
          * Force output to be raw, uncompressed uint8 pixel data.
          * @returns A sharp instance that can be used to chain operations
          */
-        raw(): SharpInstance;
+        raw(): Sharp;
+
         /**
          * Force output to a given format.
          * @param format a String or an Object with an 'id' attribute
@@ -419,85 +511,219 @@ declare namespace sharp {
          * @throws {Error} Unsupported format or options
          * @returns A sharp instance that can be used to chain operations
          */
-        toFormat(format: string | AvailableFormatInfo, options?: OutputOptions | JpegOptions | PngOptions): SharpInstance;
+        toFormat(format: string | AvailableFormatInfo, options?: OutputOptions | JpegOptions | PngOptions | WebpOptions | TiffOptions): Sharp;
+
         /**
-         * Include all metadata (EXIF, XMP, IPTC) from the input image in the output image.
-         * The default behaviour, when withMetadata is not used, is to strip all metadata and convert to the device-independent sRGB colour space.
-         * This will also convert to and add a web-friendly sRGB ICC profile.
-         * @throws {Error} Invalid parameters.
-         */
-        withMetadata(metadata?: Metadata): SharpInstance;
-        /**
-         * Use tile-based deep zoom (image pyramid) output. Set the format and options for tile images via the  toFormat, jpeg, png or webp functions.
+         * Use tile-based deep zoom (image pyramid) output.
+         * Set the format and options for tile images via the toFormat, jpeg, png or webp functions.
          * Use a .zip or .szi file extension with toFile to write to a compressed archive file format.
-         * @param options options
+         *
+         * Warning: multiple sharp instances concurrently producing tile output can expose a possible race condition in some versions of libgsf.
+         * @param tile tile options
+         * @throws {Error} Invalid options
+         * @returns A sharp instance that can be used to chain operations
          */
-        tile(options: TileOptions): SharpInstance;
+        tile(tile?: TileOptions): Sharp;
+
+        //#endregion
+
+        //#region Resize functions
+
+        /**
+         * Resize image to width, height or width x height.
+         *
+         * When both a width and height are provided, the possible methods by which the image should fit these are:
+         *  - cover: Crop to cover both provided dimensions (the default).
+         *  - contain: Embed within both provided dimensions.
+         *  - fill: Ignore the aspect ratio of the input and stretch to both provided dimensions.
+         *  - inside: Preserving aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified.
+         *  - outside: Preserving aspect ratio, resize the image to be as small as possible while ensuring its dimensions are greater than or equal to both those specified.
+         *             Some of these values are based on the object-fit CSS property.
+         *
+         * When using a fit of cover or contain, the default position is centre. Other options are:
+         *  - sharp.position: top, right top, right, right bottom, bottom, left bottom, left, left top.
+         *  - sharp.gravity: north, northeast, east, southeast, south, southwest, west, northwest, center or centre.
+         *  - sharp.strategy: cover only, dynamically crop using either the entropy or attention strategy. Some of these values are based on the object-position CSS property.
+         *
+         * The experimental strategy-based approach resizes so one dimension is at its target length then repeatedly ranks edge regions,
+         * discarding the edge with the lowest score based on the selected strategy.
+         *  - entropy: focus on the region with the highest Shannon entropy.
+         *  - attention: focus on the region with the highest luminance frequency, colour saturation and presence of skin tones.
+         *
+         * Possible interpolation kernels are:
+         *  - nearest: Use nearest neighbour interpolation.
+         *  - cubic: Use a Catmull-Rom spline.
+         *  - lanczos2: Use a Lanczos kernel with a=2.
+         *  - lanczos3: Use a Lanczos kernel with a=3 (the default).
+         *
+         * @param width pixels wide the resultant image should be. Use null or undefined to auto-scale the width to match the height.
+         * @param height pixels high the resultant image should be. Use null or undefined to auto-scale the height to match the width.
+         * @param options resize options
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        resize(width?: number|null, height?: number|null, options?: ResizeOptions): Sharp;
+
+        /**
+         * Extends/pads the edges of the image with the provided background colour.
+         * This operation will always occur after resizing and extraction, if any.
+         * @param extend single pixel count to add to all edges or an Object with per-edge counts
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        extend(extend: number | ExtendOptions): Sharp;
+
+        /**
+         * Extract a region of the image.
+         *  - Use extract() before resize() for pre-resize extraction.
+         *  - Use extract() after resize() for post-resize extraction.
+         *  - Use extract() before and after for both.
+         *
+         * @param region The region to extract
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        extract(region: Region): Sharp;
+
+        /**
+         * Trim "boring" pixels from all edges that contain values similar to the top-left pixel.
+         * The info response Object will contain trimOffsetLeft and trimOffsetTop properties.
+         * @param threshold The allowed difference from the top-left pixel, a number greater than zero. (optional, default 10)
+         * @throws {Error} Invalid parameters
+         * @returns A sharp instance that can be used to chain operations
+         */
+        trim(threshold?: number): Sharp;
+
+        //#endregion
     }
 
     interface SharpOptions {
-        /** integral number representing the DPI for vector images. */
+        /**
+         * By default apply a "best effort" to decode images, even if the data is corrupt or invalid.
+         * Set this flag to true if you'd rather halt processing and raise an error when loading invalid images.
+         * (optional, default false)
+         */
+        failOnError?: boolean;
+        /** Number representing the DPI for vector images. (optional, default 72) */
         density?: number;
-        /** describes raw pixel image data. */
+        /** Page number to extract for multi-page input (GIF, TIFF). (optional, default 0) */
+        page?: number;
+        /** Describes raw pixel input image data. See raw() for pixel ordering. */
         raw?: Raw;
-        /** describes a blank overlay to be created. */
+        /** Describes a new image to be created. */
         create?: Create;
     }
 
     interface CacheOptions {
-        /** is the maximum memory in MB to use for this cache */
+        /** Is the maximum memory in MB to use for this cache (optional, default 50) */
         memory?: number;
-        /** is the maximum number of files to hold open */
+        /** Is the maximum number of files to hold open (optional, default 20) */
         files?: number;
-        /** is the maximum number of operations to cache */
+        /** Is the maximum number of operations to cache (optional, default 100) */
         items?: number;
     }
 
     interface SharpCounters {
+        /** The number of tasks this module has queued waiting for libuv to provide a worker thread from its pool. */
         queue: number;
+        /** The number of resize tasks currently being processed. */
         process: number;
     }
 
     interface Raw {
         width: number;
         height: number;
-        channels: number;
+        channels: 1 | 2 | 3 | 4;
     }
 
     interface Create {
-        /** Number of pixels wide */
+        /** Number of pixels wide. */
         width: number;
-        /** Number of pixels high */
+        /** Number of pixels high. */
         height: number;
         /** Number of bands e.g. 3 for RGB, 4 for RGBA */
-        channels: number;
-        /** parsed by the [color](https://www.npmjs.org/package/color) module to extract values for red, green, blue and alpha. */
-        background: string | RGBA;
+        channels: Channels;
+        /** Parsed by the [color](https://www.npmjs.org/package/color) module to extract values for red, green, blue and alpha. */
+        background: Color;
     }
 
-    interface Metadata {
+    interface WriteableMetadata {
+        /** Number value of the EXIF Orientation header, if present */
+        orientation?: number;
+    }
+
+    interface Metadata extends WriteableMetadata {
         /** Name of decoder used to decompress image data e.g. jpeg, png, webp, gif, svg */
         format?: string;
-        /** Number of pixels wide */
+        /** Total size of image in bytes, for Stream and Buffer input only */
+        size?: number;
+        /** Number of pixels wide (EXIF orientation is not taken into consideration) */
         width?: number;
-        /** Number of pixels high */
+        /** Number of pixels high (EXIF orientation is not taken into consideration) */
         height?: number;
         /** Name of colour space interpretation e.g. srgb, rgb, cmyk, lab, b-w ... */
         space?: string;
         /** Number of bands e.g. 3 for sRGB, 4 for CMYK */
-        channels?: number;
+        channels?: Channels;
+        /** Name of pixel depth format e.g. uchar, char, ushort, float ... */
+        depth?: string;
         /** Number of pixels per inch (DPI), if present */
         density?: number;
+        /** String containing JPEG chroma subsampling, 4:2:0 or 4:4:4 for RGB, 4:2:0:4 or 4:4:4:4 for CMYK */
+        chromaSubsampling: string;
+        /** Boolean indicating whether the image is interlaced using a progressive scan */
+        isProgressive?: boolean;
         /** Boolean indicating the presence of an embedded ICC profile */
         hasProfile?: boolean;
         /** Boolean indicating the presence of an alpha transparency channel */
         hasAlpha?: boolean;
-        /** Number value of the EXIF Orientation header, if present */
-        orientation?: number;
         /** Buffer containing raw EXIF data, if present */
         exif?: Buffer;
         /** Buffer containing raw ICC profile data, if present */
         icc?: Buffer;
+        /** Buffer containing raw IPTC data, if present */
+        iptc?: Buffer;
+        /** Buffer containing raw XMP data, if present */
+        xmp?: Buffer;
+    }
+
+    interface Stats {
+        /** Array of channel statistics for each channel in the image. */
+        channels: ChannelStats[];
+        /** Value to identify if the image is opaque or transparent, based on the presence and use of alpha channel */
+        isOpaque: boolean;
+        /** Histogram-based estimation of greyscale entropy, discarding alpha channel if any (experimental) */
+        entropy: number;
+    }
+
+    interface ChannelStats {
+        /** minimum value in the channel */
+        min: number;
+        /** maximum value in the channel */
+        max: number;
+        /** sum of all values in a channel */
+        sum: number;
+        /** sum of squared values in a channel */
+        squaresSum: number;
+        /** mean of the values in a channel */
+        mean: number;
+        /** standard deviation for the values in a channel */
+        stdev: number;
+        /** x-coordinate of one of the pixel where the minimum lies */
+        minX: number;
+        /** y-coordinate of one of the pixel where the minimum lies */
+        minY: number;
+        /** x-coordinate of one of the pixel where the maximum lies */
+        maxX: number;
+        /** y-coordinate of one of the pixel where the maximum lies */
+        maxY: number;
+    }
+
+    interface OutputOptions {
+        /** Quality, integer 1-100 (optional, default 80) */
+        quality?: number;
+        /** Force format output, otherwise attempt to use input format (optional, default true) */
+        force?: boolean;
     }
 
     interface JpegOptions extends OutputOptions {
@@ -513,6 +739,14 @@ declare namespace sharp {
         optimiseScans?: boolean;
         /** Alternative spelling of optimiseScans (optional, default false) */
         optimizeScans?: boolean;
+        /** Optimise Huffman coding tables (optional, default true) */
+        optimiseCoding?: boolean;
+        /** Alternative spelling of optimiseCoding (optional, default true) */
+        optimizeCoding?: boolean;
+        /** Quantization table to use, integer 0-8, requires mozjpeg (optional, default 0) */
+        quantisationTable?: number;
+        /** Alternative spelling of quantisationTable (optional, default 0) */
+        quantizationTable?: number;
     }
 
     interface WebpOptions extends OutputOptions {
@@ -525,9 +759,9 @@ declare namespace sharp {
     }
 
     interface TiffOptions extends OutputOptions {
-        /** Compression options: lzw, deflate, jpeg (optional, default 'jpeg') */
+        /** Compression options: lzw, deflate, jpeg, ccittfax4 (optional, default 'jpeg') */
         compression?: string;
-        /** Compression predictor options: none, horizontal, float (optional, default  'horizontal') */
+        /** Compression predictor options: none, horizontal, float (optional, default 'horizontal') */
         predictor?: string;
         /** Horizontal resolution in pixels/mm (optional, default 1.0) */
         xres?: number;
@@ -540,41 +774,52 @@ declare namespace sharp {
     interface PngOptions {
         /** Use progressive (interlace) scan (optional, default false) */
         progressive?: boolean;
-        /** zlib compression level (optional, default 6) */
+        /** zlib compression level, 0-9 (optional, default 9) */
         compressionLevel?: number;
-        /** Use adaptive row filtering (optional, default true) */
+        /** use adaptive row filtering (optional, default false) */
         adaptiveFiltering?: boolean;
         /** Force PNG output, otherwise attempt to use input format (optional, default  true) */
         force?: boolean;
     }
 
-    interface OutputOptions {
-        /** Quality, integer 1-100 (optional, default 80) */
-        quality?: number;
-        /** Force format output, otherwise attempt to use input format (optional, default true) */
-        force?: boolean;
+    interface RotateOptions {
+        /** parsed by the color module to extract values for red, green, blue and alpha. (optional, default "#000000") */
+        background?: Color;
+    }
+
+    interface FlattenOptions {
+        /** background colour, parsed by the color module, defaults to black. (optional, default {r:0,g:0,b:0}) */
+        background?: Color;
     }
 
     interface ResizeOptions {
-        /** the kernel to use for image reduction. (optional, default 'lanczos3') */
-        kernel?: string;
-        /** the interpolator to use for image enlargement. (optional, default 'bicubic') */
-        interpolator?: string;
-        /** use magick centre sampling convention instead of corner sampling. (optional, default false) */
-        centreSampling?: boolean;
-        /** alternative spelling of centreSampling. (optional, default false) */
-        centerSampling?: boolean;
+        /** Alternative means of specifying width. If both are present this take priority. */
+        width?: number;
+        /** Alternative means of specifying height. If both are present this take priority. */
+        height?: number;
+        /** How the image should be resized to fit both provided dimensions, one of cover, contain, fill, inside or outside. (optional, default 'cover') */
+        fit?: keyof FitEnum;
+        /** Position, gravity or strategy to use when fit is cover or contain. (optional, default 'centre') */
+        position?: number | string;
+        /** Background colour when using a fit of contain, parsed by the color module, defaults to black without transparency. (optional, default {r:0,g:0,b:0,alpha:1}) */
+        background?: Color;
+        /** The kernel to use for image reduction. (optional, default 'lanczos3') */
+        kernel?: keyof KernelEnum;
+        /** Do not enlarge if the width or height are already less than the specified dimensions, equivalent to GraphicsMagick's > geometry option. (optional, default false) */
+        withoutEnlargement?: boolean;
+        /** Take greater advantage of the JPEG and WebP shrink-on-load feature, which can lead to a slight moiré pattern on some images. (optional, default true) */
+        fastShrinkOnLoad?: boolean;
     }
 
     interface Region {
         /** zero-indexed offset from left edge */
-        left?: number;
+        left: number;
         /** zero-indexed offset from top edge */
-        top?: number;
+        top: number;
         /** dimension of extracted image */
-        width?: number;
+        width: number;
         /** dimension of extracted image */
-        height?: number;
+        height: number;
     }
 
     interface ExtendOptions {
@@ -582,8 +827,13 @@ declare namespace sharp {
         left?: number;
         bottom?: number;
         right?: number;
+        /** Background colour, parsed by the color module, defaults to black without transparency. (optional, default {r:0,g:0,b:0,alpha:1}) */
+        background?: Color;
     }
 
+    /** 3 for sRGB, 4 for CMYK */
+    type Channels = 3 | 4;
+
     interface RGBA {
         r?: number;
         g?: number;
@@ -591,13 +841,15 @@ declare namespace sharp {
         alpha?: number;
     }
 
+    type Color = string | RGBA;
+
     interface Kernel {
         /** width of the kernel in pixels. */
         width: number;
         /** height of the kernel in pixels. */
         height: number;
         /** Array of length width*height containing the kernel values. */
-        kernel: number[];
+        kernel: ArrayLike<number>;
         /** the scale of the kernel in pixels. (optional, default sum) */
         scale?: number;
         /** the offset of the kernel in pixels. (optional, default 0) */
@@ -613,7 +865,7 @@ declare namespace sharp {
 
     interface OverlayOptions {
         /** gravity at which to place the overlay. (optional, default 'centre') */
-        gravity?: number;
+        gravity?: Gravity;
         /** the pixel offset from the top edge. */
         top?: number;
         /** the pixel offset from the left edge. */
@@ -622,8 +874,12 @@ declare namespace sharp {
         tile?: boolean;
         /** set to true to apply only the alpha channel of the overlay image to the input image, giving the appearance of one image being cut out of another. (optional, default false) */
         cutout?: boolean;
+        /** number representing the DPI for vector overlay image. (optional, default 72) */
+        density?: number;
         /** describes overlay when using raw pixel data. */
         raw?: Raw;
+        /** describes a blank overlay to be created. */
+        create?: Create;
     }
 
     interface TileOptions {
@@ -631,9 +887,13 @@ declare namespace sharp {
         size?: number;
         /** Tile overlap in pixels, a value between 0 and 8192. (optional, default 0) */
         overlap?: number;
+        /** Tile angle of rotation, must be a multiple of 90. (optional, default 0) */
+        angle?: number;
+        /** How deep to make the pyramid, possible values are "onepixel", "onetile" or "one" (default based on layout) */
+        depth?: string;
         /** Tile container, with value fs (filesystem) or zip (compressed file). (optional, default 'fs') */
         container?: string;
-        /** Filesystem layout, possible values are dz, zoomify or google. (optional, default  'dz') */
+        /** Filesystem layout, possible values are dz, zoomify or google. (optional, default 'dz') */
         layout?: string;
     }
 
@@ -643,6 +903,12 @@ declare namespace sharp {
         width: number;
         height: number;
         channels: number;
+        /** indicating if premultiplication was used */
+        premultiplied: boolean;
+        /** Only defined when using a crop strategy */
+        cropOffsetLeft?: number;
+        /** Only defined when using a crop strategy */
+        cropOffsetTop?: number;
     }
 
     interface AvailableFormatInfo {
@@ -651,27 +917,25 @@ declare namespace sharp {
         output: { file: boolean; buffer: boolean; stream: boolean; };
     }
 
-    interface KernelEnum {
-        cubic: string;
-        lanczos2: string;
-        lanczos3: string;
+    interface FitEnum {
+        contain: "contain";
+        cover: "cover";
+        fill: "fill";
+        inside: "inside";
+        outside: "outside";
     }
 
-    interface InterpolatorEnum {
-        nearest: string;
-        bilinear: string;
-        bicubic: string;
-        nohalo: string;
-        lbb: string;
-        locallyBoundedBicubic: string;
-        vsqbs: string;
-        vertexSplitQuadraticBasisSpline: string;
+    interface KernelEnum {
+        nearest: "nearest";
+        cubic: "cubic";
+        lanczos2: "lanczos2";
+        lanczos3: "lanczos3";
     }
 
     interface BoolEnum {
-        and: string;
-        or: string;
-        eor: string;
+        and: "and";
+        or: "or";
+        eor: "eor";
     }
 
     interface ColourspaceEnum {
@@ -682,6 +946,8 @@ declare namespace sharp {
         srgb: string;
     }
 
+    type Gravity = number | string;
+
     interface GravityEnum {
         north: number;
         northeast: number;
diff --git a/types/sharp/sharp-tests.ts b/types/sharp/sharp-tests.ts
index f3c2c8a7ce..8c02e8c98f 100644
--- a/types/sharp/sharp-tests.ts
+++ b/types/sharp/sharp-tests.ts
@@ -25,8 +25,7 @@ sharp('3-channel-rgb-input.png')
 sharp('input.png')
     .rotate(180)
     .resize(300)
-    .flatten()
-    .background('#ff6600')
+    .flatten({ background: "#ff6600" })
     .overlayWith('overlay.png', { gravity: sharp.gravity.southeast })
     .sharpen()
     .withMetadata()
@@ -72,14 +71,14 @@ sharp.queue.on('change', (queueLength: number) => {
     console.log(`Queue contains ${queueLength} task(s)`);
 });
 
-let pipeline: sharp.SharpInstance = sharp().rotate();
+let pipeline: sharp.Sharp = sharp().rotate();
 pipeline.clone().resize(800, 600).pipe(writableStream);
 pipeline.clone().extract({ left: 20, top: 20, width: 100, height: 100 }).pipe(writableStream);
 readableStream.pipe(pipeline);
 // firstWritableStream receives auto-rotated, resized readableStream
 // secondWritableStream receives auto-rotated, extracted region of readableStream
 
-const image: sharp.SharpInstance = sharp(input);
+const image: sharp.Sharp = sharp(input);
 image
     .metadata()
     .then<Buffer|undefined>((metadata: sharp.Metadata) => {
@@ -121,8 +120,7 @@ sharp(input)
 // Resize to 140 pixels wide, then add 10 transparent pixels
 // to the top, left and right edges and 20 to the bottom edge
 sharp(input)
-    .resize(140)
-    .background({ r: 0, g: 0, b: 0, alpha: 0 })
+    .resize(140, null, { background: { r: 0, g: 0, b: 0, alpha: 0 } })
     .extend({ top: 10, bottom: 20, left: 10, right: 10 });
 
 sharp(input)
@@ -149,11 +147,11 @@ sharp('input.tiff')
 
 sharp(input)
     .resize(200, 300, {
+        fit: "contain",
+        position: "north",
         kernel: sharp.kernel.lanczos2,
-        interpolator: sharp.interpolator.nohalo
+        background: "white"
     })
-    .background('white')
-    .embed()
     .toFile('output.tiff')
     .then(() => {
         // output.tiff is a 200 pixels wide and 300 pixels high image
@@ -162,8 +160,10 @@ sharp(input)
     });
 
 transformer = sharp()
-    .resize(200, 200)
-    .crop(sharp.strategy.entropy)
+    .resize(200, 200, {
+        fit: "cover",
+        position: sharp.strategy.entropy
+    })
     .on('error', (err: Error) => {
         console.log(err);
     });
@@ -172,9 +172,11 @@ transformer = sharp()
 readableStream.pipe(transformer).pipe(writableStream);
 
 sharp('input.gif')
-    .resize(200, 300)
-    .background({ r: 0, g: 0, b: 0, alpha: 0 })
-    .embed()
+    .resize(200, 300, {
+        fit: "contain",
+        position: "north",
+        background: { r: 0, g: 0, b: 0, alpha: 0 }
+    })
     .toFormat(sharp.format.webp)
     .toBuffer((err: Error, outputBuffer: Buffer) => {
         if (err) {
@@ -185,8 +187,7 @@ sharp('input.gif')
     });
 
 sharp(input)
-    .resize(200, 200)
-    .max()
+    .resize(200, 200, { fit: "inside" })
     .toFormat('jpeg')
     .toBuffer()
     .then((outputBuffer: Buffer) => {
diff --git a/types/shelljs/shelljs-tests.ts b/types/shelljs/shelljs-tests.ts
index 37dccddff6..b61ddbd3ba 100644
--- a/types/shelljs/shelljs-tests.ts
+++ b/types/shelljs/shelljs-tests.ts
@@ -82,10 +82,10 @@ import child = require("child_process");
 
 const version = shell.exec("node --version").stdout;
 
-const version2 = <shell.ExecOutputReturnValue> shell.exec("node --version", { async: false });
+const version2 = shell.exec("node --version", { async: false }) as shell.ExecOutputReturnValue;
 const output = version2.stdout;
 
-const asyncVersion3 = <child.ChildProcess> shell.exec("node --version", { async: true });
+const asyncVersion3 = shell.exec("node --version", { async: true }) as child.ChildProcess;
 let pid = asyncVersion3.pid;
 
 shell.exec("node --version", { silent: true }, (code, stdout, stderr) => {
diff --git a/types/shot/index.d.ts b/types/shot/index.d.ts
index 3bf550d094..d0feff29fd 100644
--- a/types/shot/index.d.ts
+++ b/types/shot/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for shot 3.4
+// Type definitions for shot 4.0
 // Project: https://github.com/hapijs/shot
 // Definitions by: AJP <https://github.com/AJamesPhillips>
 //                 Simon Schick <https://github.com/SimonSchick>
@@ -14,10 +14,9 @@ import { Readable, Stream } from "stream";
  * Injects a fake request into an HTTP server.
  * @param dispatchFunc  listener function. The same as you would pass to Http.createServer when making a node HTTP server. @see IListener
  * @param options  request options object @see RequestOptions
- * @param callback  the callback function @see Callback
  * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
  */
-export function inject(dispatchFunc: Listener, options: RequestOptions, callback: (res: ResponseObject) => void): void;
+export function inject(dispatchFunc: Listener, options: RequestOptions): Promise<ResponseObject>;
 
 /**
  * Checks if given object obj is a Shot Request object.
@@ -33,23 +32,20 @@ export function isInjection(obj: any): boolean;
  */
 export type Listener = (req: SimulatedRequestObject, res: SimulatedResponseObject) => void;
 
-// disabled for backwards compat
-// tslint:disable:no-empty-interface
-
 /**
  * a simulated request object. Inherits from Stream.Readable.
  * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
  */
+// tslint:disable-next-line:no-empty-interface
 export interface SimulatedRequestObject extends Readable {}
 
 /**
  * a simulated response object. Inherits from node's Http.ServerResponse.
  * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
  */
+// tslint:disable-next-line:no-empty-interface
 export interface SimulatedResponseObject extends ServerResponse {}
 
-// tslint:enable:no-empty-interface
-
 /**
  * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
  */
diff --git a/types/shot/shot-tests.ts b/types/shot/shot-tests.ts
index 3c5b2f24dd..7d809a8716 100644
--- a/types/shot/shot-tests.ts
+++ b/types/shot/shot-tests.ts
@@ -2,25 +2,19 @@
 
 // Load modules
 
-import Http = require('http');
-import Shot = require('shot');
+import { IncomingMessage, ServerResponse, createServer } from 'http';
+import { inject } from 'shot';
 
 // Declare internals
 
-const internals: any = {};
-
-internals.main = () => {
-    const dispatch = (req: Http.IncomingMessage, res: Http.ServerResponse) => {
+async function main() {
+    const dispatch = (req: IncomingMessage, res: ServerResponse) => {
         const reply = 'Hello World';
         res.writeHead(200, { 'Content-Type': 'text/plain', 'Content-Length': reply.length });
         res.end(reply);
     };
 
-    const server = Http.createServer(dispatch);
+    const server = createServer(dispatch);
 
-    Shot.inject(dispatch, { method: 'get', url: '/', headers: { test: 'asd', test2: ['a', 'b'] } }, (res) => {
-        console.log(res.payload);
-    });
-};
-
-internals.main();
+    console.log((await inject(dispatch, { method: 'get', url: '/', headers: { test: 'asd', test2: ['a', 'b'] } })).payload);
+}
diff --git a/types/shot/v3/index.d.ts b/types/shot/v3/index.d.ts
new file mode 100644
index 0000000000..3bf550d094
--- /dev/null
+++ b/types/shot/v3/index.d.ts
@@ -0,0 +1,111 @@
+// Type definitions for shot 3.4
+// Project: https://github.com/hapijs/shot
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+//                 Simon Schick <https://github.com/SimonSchick>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/// <reference types="node" />
+
+import { ServerResponse } from "http";
+import { Readable, Stream } from "stream";
+
+/**
+ * Injects a fake request into an HTTP server.
+ * @param dispatchFunc  listener function. The same as you would pass to Http.createServer when making a node HTTP server. @see IListener
+ * @param options  request options object @see RequestOptions
+ * @param callback  the callback function @see Callback
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export function inject(dispatchFunc: Listener, options: RequestOptions, callback: (res: ResponseObject) => void): void;
+
+/**
+ * Checks if given object obj is a Shot Request object.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotisinjectionobj}
+ */
+export function isInjection(obj: any): boolean;
+
+/**
+ * listener function. The same as you would pass to Http.createServer when making a node HTTP server. Has the signature function (req, res) where:
+ *    * req - a simulated request object. Inherits from Stream.Readable.
+ *    * res - a simulated response object. Inherits from node's Http.ServerResponse.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export type Listener = (req: SimulatedRequestObject, res: SimulatedResponseObject) => void;
+
+// disabled for backwards compat
+// tslint:disable:no-empty-interface
+
+/**
+ * a simulated request object. Inherits from Stream.Readable.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface SimulatedRequestObject extends Readable {}
+
+/**
+ * a simulated response object. Inherits from node's Http.ServerResponse.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface SimulatedResponseObject extends ServerResponse {}
+
+// tslint:enable:no-empty-interface
+
+/**
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface RequestOptions {
+    /** a string specifying the request URL. */
+    url: string;
+    /** a string specifying the HTTP request method, defaulting to 'GET'. */
+    method?: string;
+    /** a string specifying the HTTP HOST header value to be used if no header is provided, and the url does not include an authority component. Defaults to 'localhost'. */
+    authority?: string;
+    /** an optional object containing request headers. */
+    headers?: Headers;
+    /** an optional string specifying the client remote address. Defaults to '127.0.0.1'. */
+    remoteAddress?: string;
+    /** an optional request payload. Can be a string, Buffer, Stream or object. */
+    payload?: string | Buffer | Stream | object;
+    /** an object containing flags to simulate various conditions: */
+    simulate?: {
+        /** indicates whether the request will fire an end event. Defaults to undefined, meaning an end event will fire. */
+        end?: boolean;
+        /** indicates whether the request payload will be split into chunks. Defaults to `undefined`, meaning payload will not be chunked. */
+        split?: boolean;
+        /** whether the request will emit an error event. Defaults to undefined, meaning no error event will be emitted. If set to true, the emitted error will have a message of 'Simulated'. */
+        error?: boolean;
+        /** whether the request will emit a close event. Defaults to undefined, meaning no close event will be emitted. */
+        close?: boolean;
+    };
+    /** Optional flag to validate this options object. Defaults to true. */
+    validate?: boolean;
+}
+
+export interface Headers {
+    [header: string]: string | string[];
+}
+
+/**
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface ResponseObject {
+    /** an object containing the raw request and response objects where: */
+    raw: {
+        /** the simulated request object. */
+        req: SimulatedRequestObject;
+        /** the simulated response object. */
+        res: SimulatedResponseObject;
+    };
+    /** an object containing the response headers. */
+    headers: Headers;
+    /** the HTTP status code. */
+    statusCode: number;
+    /** the HTTP status message. */
+    statusMessage: string;
+    /** the payload as a UTF-8 encoded string. */
+    payload: string;
+    /** the raw payload as a Buffer. */
+    rawPayload: Buffer;
+    /** an object containing the response trailers. */
+    trailers: {[index: string]: any};
+}
diff --git a/types/shot/v3/shot-tests.ts b/types/shot/v3/shot-tests.ts
new file mode 100644
index 0000000000..3c5b2f24dd
--- /dev/null
+++ b/types/shot/v3/shot-tests.ts
@@ -0,0 +1,26 @@
+// From: https://github.com/hapijs/shot#example
+
+// Load modules
+
+import Http = require('http');
+import Shot = require('shot');
+
+// Declare internals
+
+const internals: any = {};
+
+internals.main = () => {
+    const dispatch = (req: Http.IncomingMessage, res: Http.ServerResponse) => {
+        const reply = 'Hello World';
+        res.writeHead(200, { 'Content-Type': 'text/plain', 'Content-Length': reply.length });
+        res.end(reply);
+    };
+
+    const server = Http.createServer(dispatch);
+
+    Shot.inject(dispatch, { method: 'get', url: '/', headers: { test: 'asd', test2: ['a', 'b'] } }, (res) => {
+        console.log(res.payload);
+    });
+};
+
+internals.main();
diff --git a/types/shot/v3/tsconfig.json b/types/shot/v3/tsconfig.json
new file mode 100644
index 0000000000..1e859cfe17
--- /dev/null
+++ b/types/shot/v3/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "shot": [
+                "shot/v3"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "shot-tests.ts"
+    ]
+}
diff --git a/types/shot/v3/tslint.json b/types/shot/v3/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/shot/v3/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/should-sinon/index.d.ts b/types/should-sinon/index.d.ts
index 467d217aa9..79b04d5092 100644
--- a/types/should-sinon/index.d.ts
+++ b/types/should-sinon/index.d.ts
@@ -2,12 +2,12 @@
 // Project: https://github.com/shouldjs/sinon
 // Definitions by: AryloYeung <https://github.com/Arylo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
-import * as s from "sinon";
-import should = require("should");
+import * as s from 'sinon';
+import should = require('should');
 
-declare module "sinon" {
+declare module 'sinon' {
     interface SinonSpy {
         should: ShouldSinonAssertion;
     }
diff --git a/types/shpjs/index.d.ts b/types/shpjs/index.d.ts
new file mode 100644
index 0000000000..ad14945e6c
--- /dev/null
+++ b/types/shpjs/index.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for shpjs 3.4
+// Project: https://github.com/calvinmetcalf/shapefile-js#readme
+// Definitions by: Hsiao-Ting Yu <https://github.com/littlebtc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="node" />
+/// <reference types="geojson" />
+
+declare namespace shpjs {
+    // All toBuffer() compatible buffers.
+    type ShpJSBuffer = Buffer | ArrayBuffer | { buffer: ArrayBuffer };
+
+    interface FeatureCollectionWithFilename extends GeoJSON.FeatureCollection {
+        fileName?: string;
+    }
+
+    interface ShpJS {
+        (base: string | ShpJSBuffer, whiteList?: ReadonlyArray<string>): Promise<FeatureCollectionWithFilename | FeatureCollectionWithFilename[]>;
+        parseZip(buffer: ShpJSBuffer, whiteList?: ReadonlyArray<string>): Promise<FeatureCollectionWithFilename | FeatureCollectionWithFilename[]>;
+        getShapeFile(base: string | ShpJSBuffer, whiteList?: ReadonlyArray<string>): Promise<FeatureCollectionWithFilename | FeatureCollectionWithFilename[]>;
+        combine(arr: [ReadonlyArray<GeoJSON.Geometry>, ReadonlyArray<GeoJSON.GeoJsonProperties>]): GeoJSON.FeatureCollection;
+        parseShp(shp: ShpJSBuffer, prj: string | Buffer): GeoJSON.Geometry[];
+        parseDbf(dbf: ShpJSBuffer, cpg: ShpJSBuffer): GeoJSON.GeoJsonProperties[];
+    }
+}
+
+declare var shpjs: shpjs.ShpJS;
+export = shpjs;
diff --git a/types/shpjs/shpjs-tests.ts b/types/shpjs/shpjs-tests.ts
new file mode 100644
index 0000000000..e48e05a09b
--- /dev/null
+++ b/types/shpjs/shpjs-tests.ts
@@ -0,0 +1,41 @@
+import shp = require('shpjs');
+
+shp('https://this.is.a.url', ['white', 'list']).then((geojson) => {});
+shp(new Buffer('')).then((geojson) => {});
+shp(new ArrayBuffer(50)).then((geojson) => {});
+shp(new Int32Array(50)).then((geojson) => {});
+
+shp.parseZip(new Buffer('')).then((geojson) => {});
+shp.parseZip(new Buffer(''), ['white', 'list']).then((geojson) => {});
+shp.parseZip(new ArrayBuffer(50)).then((geojson) => {});
+shp.parseZip(new Int32Array(50)).then((geojson) => {});
+
+shp.getShapeFile('xxx.zip').then((geojson) => {});
+shp.getShapeFile('xxx.zip', ['white', 'list']).then((geojson) => {});
+shp.getShapeFile(new Buffer('')).then((geojson) => {});
+shp.getShapeFile(new ArrayBuffer(50)).then((geojson) => {});
+shp.getShapeFile(new Int32Array(50)).then((geojson) => {});
+
+const combinedGeojson = shp.combine([
+    [{
+        type: 'Point',
+        coordinates: []
+    }],
+    [{
+        test: 'test'
+    }]
+]);
+
+let parsedShp: GeoJSON.Geometry[];
+let parsedDbf: GeoJSON.GeoJsonProperties[];
+
+parsedShp = shp.parseShp(new Buffer(''), 'proj');
+parsedShp = shp.parseShp(new Buffer(''), new Buffer('proj'));
+parsedShp = shp.parseShp(new ArrayBuffer(50), 'proj');
+parsedShp = shp.parseShp(new Int32Array(50), 'proj');
+
+parsedDbf = shp.parseDbf(new Buffer(''), new Buffer(''));
+parsedDbf = shp.parseDbf(new ArrayBuffer(50), new Buffer(''));
+parsedDbf = shp.parseDbf(new Int32Array(50), new Buffer(''));
+
+shp.combine([shp.parseShp(new Buffer(''), 'proj'), shp.parseDbf(new Buffer(''), new Buffer(''))]);
diff --git a/types/shpjs/tsconfig.json b/types/shpjs/tsconfig.json
new file mode 100644
index 0000000000..af19a70616
--- /dev/null
+++ b/types/shpjs/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "shpjs-tests.ts"
+    ]
+}
diff --git a/types/shpjs/tslint.json b/types/shpjs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/shpjs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/shuffle-seed/index.d.ts b/types/shuffle-seed/index.d.ts
new file mode 100644
index 0000000000..a2559d0eea
--- /dev/null
+++ b/types/shuffle-seed/index.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for shuffle-seed 1.1
+// Project: https://github.com/webcaetano/shuffle-seed#readme
+// Definitions by: Leonardo Donelli <https://github.com/LeartS>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export as namespace shuffleSeed;
+
+export function shuffle<T>(arr: ReadonlyArray<T>, seed: any): T[];
+export function unshuffle<T>(arr: ReadonlyArray<T>, seed: any): T[];
diff --git a/types/shuffle-seed/shuffle-seed-tests.ts b/types/shuffle-seed/shuffle-seed-tests.ts
new file mode 100644
index 0000000000..d8d1e4d8d4
--- /dev/null
+++ b/types/shuffle-seed/shuffle-seed-tests.ts
@@ -0,0 +1,8 @@
+import { shuffle, unshuffle } from "shuffle-seed";
+
+const originalArray = [1, "hello world", 132.81];
+const shuffled1 = shuffle(originalArray, "randomseed");
+const shuffled2 = shuffle(originalArray, "randomseed");
+const unshuffled = unshuffle(shuffled2, "randomseed");
+// shuffled1 === shuffled2
+// unshuffled === originalArray
diff --git a/types/shuffle-seed/tsconfig.json b/types/shuffle-seed/tsconfig.json
new file mode 100644
index 0000000000..8e2a81c6c5
--- /dev/null
+++ b/types/shuffle-seed/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+	"strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "shuffle-seed-tests.ts"
+    ]
+}
diff --git a/types/shuffle-seed/tslint.json b/types/shuffle-seed/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/shuffle-seed/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/simple-mock/index.d.ts b/types/simple-mock/index.d.ts
index fa934dd00f..06c170ebaf 100644
--- a/types/simple-mock/index.d.ts
+++ b/types/simple-mock/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/jupiter/simple-mock
 // Definitions by: Leon Yu <https://github.com/leonyu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 declare namespace Simple {
   type Fn<T> = {
diff --git a/types/simple-mock/simple-mock-tests.ts b/types/simple-mock/simple-mock-tests.ts
index a441dbdc43..aa9da1e0e3 100644
--- a/types/simple-mock/simple-mock-tests.ts
+++ b/types/simple-mock/simple-mock-tests.ts
@@ -776,12 +776,12 @@ describe('Simple', function() {
 
         Simple.mock(Simple, 'Promise', {
           when: function <T>(value: T) {
-            let promise: MockPromise<T> = <any>Object.create(mockPromise)
+            let promise: MockPromise<T> = Object.create(mockPromise)
             promise.resolveValue = value
             return promise
           },
           reject: function <T>(value: T) {
-            let promise: MockPromise<T> = <any>Object.create(mockPromise)
+            let promise: MockPromise<T> = Object.create(mockPromise)
             promise.rejectValue = value
             return promise
           }
diff --git a/types/simple-websocket/server.d.ts b/types/simple-websocket/server.d.ts
index 72f4c59c30..94db7f05ec 100644
--- a/types/simple-websocket/server.d.ts
+++ b/types/simple-websocket/server.d.ts
@@ -28,43 +28,51 @@ declare class SocketServer extends EventEmitter {
   addListener(event: "error", cb: (err: Error) => void): this;
   addListener(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   addListener(event: "listening", cb: () => void): this;
-  addListener(event: string | symbol, listener: (...args: any[]) => void): this;
 
   emit(event: "connection", socket: Socket): boolean;
   emit(event: "error", error: Error): boolean;
   emit(event: "headers", headers: string[], request: http.IncomingMessage): boolean;
   emit(event: "listening"): boolean;
-  emit(event: string | symbol, ...args: any[]): boolean;
+
+  listeners(event: "connection"): Array<(socket: Socket, request: http.IncomingMessage) => void>;
+  listeners(event: "error"): Array<(error: Error) => void>;
+  listeners(event: "headers"): Array<(headers: string[], request: http.IncomingMessage) => void>;
+  listeners(event: "listening"): Array<() => void>;
+
+  off(event: "connection", cb: (socket: Socket, request: http.IncomingMessage) => void): this;
+  off(event: "error", cb: (error: Error) => void): this;
+  off(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
+  off(event: "listening", cb: () => void): this;
 
   on(event: "connection", cb: (socket: Socket, request: http.IncomingMessage) => void): this;
   on(event: "error", cb: (error: Error) => void): this;
   on(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   on(event: "listening", cb: () => void): this;
-  on(event: string | symbol, listener: (...args: any[]) => void): this;
 
   once(event: "connection", cb: (socket: Socket, request: http.IncomingMessage) => void): this;
   once(event: "error", cb: (error: Error) => void): this;
   once(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   once(event: "listening", cb: () => void): this;
-  once(event: string | symbol, listener: (...args: any[]) => void): this;
 
   prependListener(event: "connection", cb: (client: Socket) => void): this;
   prependListener(event: "error", cb: (err: Error) => void): this;
   prependListener(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   prependListener(event: "listening", cb: () => void): this;
-  prependListener(event: string | symbol, listener: (...args: any[]) => void): this;
 
   prependOnceListener(event: "connection", cb: (client: Socket) => void): this;
   prependOnceListener(event: "error", cb: (err: Error) => void): this;
   prependOnceListener(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   prependOnceListener(event: "listening", cb: () => void): this;
-  prependOnceListener(event: string | symbol, listener: (...args: any[]) => void): this;
+
+  rawListeners(event: "connection"): Array<(socket: Socket, request: http.IncomingMessage) => void>;
+  rawListeners(event: "error"): Array<(error: Error) => void>;
+  rawListeners(event: "headers"): Array<(headers: string[], request: http.IncomingMessage) => void>;
+  rawListeners(event: "listening"): Array<() => void>;
 
   removeListener(event: "connection", cb: (client: Socket) => void): this;
   removeListener(event: "error", cb: (err: Error) => void): this;
   removeListener(event: "headers", cb: (headers: string[], request: http.IncomingMessage) => void): this;
   removeListener(event: "listening", cb: () => void): this;
-  removeListener(event: string | symbol, listener: (...args: any[]) => void): this;
 }
 
 export = SocketServer;
diff --git a/types/sindresorhus__df/index.d.ts b/types/sindresorhus__df/index.d.ts
new file mode 100644
index 0000000000..af7a6c8d20
--- /dev/null
+++ b/types/sindresorhus__df/index.d.ts
@@ -0,0 +1,21 @@
+// Type definitions for sindresorhus__df 2.10
+// Project: https://github.com/sindresorhus/df
+// Definitions by: Matt Thompson <https://github.com/whatknight>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+declare function df(): Promise<df.SpaceInfo[]>;
+declare namespace df {
+    function fs(filesystem: string): Promise<SpaceInfo>;
+    function file(file: string): Promise<SpaceInfo>;
+    interface SpaceInfo {
+        filesystem: string;
+        size: number;
+        used: number;
+        available: number;
+        capacity: number;
+        mountpoint: string;
+    }
+}
+
+export = df;
diff --git a/types/sindresorhus__df/sindresorhus__df-tests.ts b/types/sindresorhus__df/sindresorhus__df-tests.ts
new file mode 100644
index 0000000000..970c8b8a1f
--- /dev/null
+++ b/types/sindresorhus__df/sindresorhus__df-tests.ts
@@ -0,0 +1,37 @@
+import df = require('@sindresorhus/df');
+
+(async () => {
+    const disks  = await df();
+    disks.forEach((disk: df.SpaceInfo) => {
+        const {filesystem, size, used, available, capacity, mountpoint} = disk;
+        return {
+            filesystem, size, used, available, capacity, mountpoint
+        };
+    });
+	/*
+	[{
+		filesystem: '/dev/disk1',
+		size: 499046809600,
+		used: 443222245376,
+		available: 55562420224,
+		capacity: 0.89,
+		mountpoint: '/'
+	}, …]
+	*/
+
+	let {filesystem, size, used, available, capacity, mountpoint} = await df.fs('/dev/disk1');
+	/*
+	{
+		filesystem: '/dev/disk1',
+		…
+	}
+	*/
+
+	({filesystem, size, used, available, capacity, mountpoint} = await df.file('./simple.txt'));
+	/*
+	{
+		filesystem: '/dev/disk1',
+		…
+	}
+	*/
+})();
diff --git a/types/sindresorhus__df/tsconfig.json b/types/sindresorhus__df/tsconfig.json
new file mode 100644
index 0000000000..9dcf70310e
--- /dev/null
+++ b/types/sindresorhus__df/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "strictFunctionTypes": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "@sindresorhus/df": [
+                "sindresorhus__df"
+            ]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "sindresorhus__df-tests.ts"
+    ]
+}
diff --git a/types/sindresorhus__df/tslint.json b/types/sindresorhus__df/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/sindresorhus__df/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/single-spa-react/tsconfig.json b/types/single-spa-react/tsconfig.json
index 3ccb45cf0c..4204827d4d 100644
--- a/types/single-spa-react/tsconfig.json
+++ b/types/single-spa-react/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/sinon-as-promised/index.d.ts b/types/sinon-as-promised/index.d.ts
index 49e9b29bd3..5e2e06ed83 100644
--- a/types/sinon-as-promised/index.d.ts
+++ b/types/sinon-as-promised/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/bendrucker/sinon-as-promised
 // Definitions by: igrayson <https://github.com/igrayson>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 import * as s from "sinon";
 
@@ -10,7 +10,7 @@ declare module "sinon" {
     interface SinonStub {
         /**
          * Causes the stub to resolve with the provided value.
-         * 
+         *
          * @param value   Resolve value.
          * @remarks Any Promises/A+ compliant library will handle this object properly.
          */
@@ -18,7 +18,7 @@ declare module "sinon" {
 
         /**
          * Causes the stub to reject with the provided error.
-         * 
+         *
          * @param error   Rejection error.
          * @returns A thenable which will return a rejected promise with the provided error.
          * @remarks If error is a string, it will be set as the message on an Error object.
diff --git a/types/sinon-chai/index.d.ts b/types/sinon-chai/index.d.ts
index 27c5ba20c1..6a0901eb8c 100644
--- a/types/sinon-chai/index.d.ts
+++ b/types/sinon-chai/index.d.ts
@@ -1,10 +1,10 @@
 // Type definitions for sinon-chai 3.2.0
 // Project: https://github.com/domenic/sinon-chai
-// Definitions by: Kazi Manzur Rashid <https://github.com/kazimanzurrashid> 
+// Definitions by: Kazi Manzur Rashid <https://github.com/kazimanzurrashid>
 //                 Jed Mao <https://github.com/jedmao>
 //                 Eyal Lapid <https://github.com/elpdpt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 /// <reference types="chai" />
 /// <reference types="sinon" />
@@ -49,12 +49,12 @@ declare global {
              */
             calledAfter(anotherSpy: Sinon.SinonSpy): Assertion;
             /**
-             * Returns true if spy was called before anotherSpy, and no spy calls occurred 
+             * Returns true if spy was called before anotherSpy, and no spy calls occurred
              * between spy and anotherSpy.
              */
             calledImmediatelyBefore(anotherSpy: Sinon.SinonSpy): Assertion;
             /**
-             * Returns true if spy was called after anotherSpy, and no spy calls occurred 
+             * Returns true if spy was called after anotherSpy, and no spy calls occurred
              * between anotherSpy and spy.
              */
             calledImmediatelyAfter(anotherSpy: Sinon.SinonSpy): Assertion;
diff --git a/types/sinon-chai/v2/index.d.ts b/types/sinon-chai/v2/index.d.ts
index cff6d0b3a2..8a03ea671c 100644
--- a/types/sinon-chai/v2/index.d.ts
+++ b/types/sinon-chai/v2/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/domenic/sinon-chai
 // Definitions by: Kazi Manzur Rashid <https://github.com/kazimanzurrashid>, Jed Mao <https://github.com/jedmao>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 /// <reference types="chai" />
 /// <reference types="sinon" />
diff --git a/types/sinon-chrome/index.d.ts b/types/sinon-chrome/index.d.ts
index 9776b0bb30..eec9604dec 100644
--- a/types/sinon-chrome/index.d.ts
+++ b/types/sinon-chrome/index.d.ts
@@ -4,7 +4,7 @@
 //                 CRIMX <https://github.com/crimx>
 //                 kobanyan <https://github.com/kobanyan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 /// <reference types="chrome"/>
 /// <reference types="sinon"/>
@@ -136,10 +136,10 @@ declare namespace SinonChrome.browsingData {
 
 declare namespace SinonChrome.contentSettings {
     interface StubbedContentSetting {
-      clear: SinonChromeStub;
-      get: SinonChromeStub;
-      getResourceIdentifiers: SinonChromeStub;
-      set: SinonChromeStub;
+        clear: SinonChromeStub;
+        get: SinonChromeStub;
+        getResourceIdentifiers: SinonChromeStub;
+        set: SinonChromeStub;
     }
 
     export var cookies: StubbedContentSetting;
@@ -362,10 +362,10 @@ declare namespace SinonChrome.plugins {
             message: string;
             description?: string;
             placeholders?: {
-              [key: string]: {
-                content: string;
-                example?: string;
-              };
+                [key: string]: {
+                    content: string;
+                    example?: string;
+                };
             };
         };
     }
@@ -406,9 +406,9 @@ declare namespace SinonChrome.privacy {
         translationServiceEnabled: SinonChrome.types.StubbedChromeSetting;
     };
     export var website: {
-      hyperlinkAuditingEnabled: SinonChrome.types.StubbedChromeSetting;
-      referrersEnabled: SinonChrome.types.StubbedChromeSetting;
-      thirdPartyCookiesAllowed: SinonChrome.types.StubbedChromeSetting;
+        hyperlinkAuditingEnabled: SinonChrome.types.StubbedChromeSetting;
+        referrersEnabled: SinonChrome.types.StubbedChromeSetting;
+        thirdPartyCookiesAllowed: SinonChrome.types.StubbedChromeSetting;
     };
 }
 
@@ -462,11 +462,11 @@ declare namespace SinonChrome.sessions {
 
 declare namespace SinonChrome.storage {
     interface StubbedStorageArea {
-      clear: SinonChromeStub;
-      get: SinonChromeStub;
-      getBytesInUse: SinonChromeStub;
-      remove: SinonChromeStub;
-      set: SinonChromeStub;
+        clear: SinonChromeStub;
+        get: SinonChromeStub;
+        getBytesInUse: SinonChromeStub;
+        remove: SinonChromeStub;
+        set: SinonChromeStub;
     }
 
     export var local: StubbedStorageArea;
diff --git a/types/sinon-chrome/sinon-chrome-tests.ts b/types/sinon-chrome/sinon-chrome-tests.ts
index 7ae8a3f862..ab5f050f52 100644
--- a/types/sinon-chrome/sinon-chrome-tests.ts
+++ b/types/sinon-chrome/sinon-chrome-tests.ts
@@ -1,6 +1,6 @@
 import * as sinon from 'sinon';
 import SinonChrome = require("sinon-chrome");
-var chromeStub = <typeof SinonChrome> <any> window.chrome;
+var chromeStub = window.chrome as any as typeof SinonChrome;
 
 // Examples taken from https://github.com/vitalets/sinon-chrome:
 
diff --git a/types/sinon-express-mock/index.d.ts b/types/sinon-express-mock/index.d.ts
index f3974fc005..84454048cd 100644
--- a/types/sinon-express-mock/index.d.ts
+++ b/types/sinon-express-mock/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Jared Chapiewsky <https://github.com/jpchip>
 //                 Tomek Łaziuk <https://github.com/tlaziuk>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 import {
     SinonStub,
diff --git a/types/sinon-mongoose/index.d.ts b/types/sinon-mongoose/index.d.ts
index 86109b4917..f725965349 100644
--- a/types/sinon-mongoose/index.d.ts
+++ b/types/sinon-mongoose/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/underscopeio/sinon-mongoose
 // Definitions by: stevehipwell <https://github.com/stevehipwell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 import * as s from "sinon";
 
diff --git a/types/sinon-stub-promise/index.d.ts b/types/sinon-stub-promise/index.d.ts
index d817113cf7..298eed87c0 100644
--- a/types/sinon-stub-promise/index.d.ts
+++ b/types/sinon-stub-promise/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Thiago Temple <https://github.com/vintem>
 //                 Tim Stackhouse <https://github.com/tstackhouse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 /// <reference types="sinon"/>
 
diff --git a/types/sinon-test/index.d.ts b/types/sinon-test/index.d.ts
index 902064a7cb..63318554ae 100644
--- a/types/sinon-test/index.d.ts
+++ b/types/sinon-test/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/sinonjs/sinon-test
 // Definitions by: Francis Saul <https://github.com/mummybot>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 import * as Sinon from 'sinon';
 
diff --git a/types/sinon/index.d.ts b/types/sinon/index.d.ts
index c882b0a9f8..b5c3952e7a 100644
--- a/types/sinon/index.d.ts
+++ b/types/sinon/index.d.ts
@@ -6,22 +6,24 @@
 //                 Nico Jansen <https://github.com/nicojs>
 //                 James Garbutt <https://github.com/43081j>
 //                 Josh Goldberg <https://github.com/joshuakgoldberg>
+//                 Greg Jednaszewski <https://github.com/gjednaszewski>
+//                 John Wood <https://github.com/johnjesse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.0
 
 // sinon uses DOM dependencies which are absent in browser-less environment like node.js
 // to avoid compiler errors this monkey patch is used
 // see more details in https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11351
-interface Event { } // tslint:disable-line no-empty-interface
-interface Document { } // tslint:disable-line no-empty-interface
+interface Event {} // tslint:disable-line no-empty-interface
+interface Document {} // tslint:disable-line no-empty-interface
 
 declare namespace Sinon {
-    interface SinonSpyCallApi {
+    interface SinonSpyCallApi<TArgs extends any[] = any[], TReturnValue = any> {
         // Properties
         /**
          * Array of received arguments.
          */
-        args: any[];
+        args: TArgs;
 
         // Methods
         /**
@@ -36,11 +38,11 @@ declare namespace Sinon {
          * so a call that received the provided arguments (in the same spots) and possibly others as well will return true.
          * @param args
          */
-        calledWith(...args: any[]): boolean;
+        calledWith(...args: TArgs): boolean;
         /**
          * Returns true if spy was called at least once with the provided arguments and no others.
          */
-        calledWithExactly(...args: any[]): boolean;
+        calledWithExactly(...args: TArgs): boolean;
         /**
          * Returns true if spy/stub was called the new operator.
          * Beware that this is inferred based on the value of the this object and the spy function’s prototype,
@@ -51,31 +53,31 @@ declare namespace Sinon {
          * Returns true if spy was called at exactly once with the provided arguments.
          * @param args
          */
-        calledOnceWith(...args: any[]): boolean;
-        calledOnceWithExactly(...args: any[]): boolean;
+        calledOnceWith(...args: TArgs): boolean;
+        calledOnceWithExactly(...args: TArgs): boolean;
         /**
          * Returns true if spy was called with matching arguments (and possibly others).
          * This behaves the same as spy.calledWith(sinon.match(arg1), sinon.match(arg2), ...).
          * @param args
          */
-        calledWithMatch(...args: any[]): boolean;
+        calledWithMatch(...args: TArgs): boolean;
         /**
          * Returns true if call did not receive provided arguments.
          * @param args
          */
-        notCalledWith(...args: any[]): boolean;
+        notCalledWith(...args: TArgs): boolean;
         /**
          * Returns true if call did not receive matching arguments.
          * This behaves the same as spyCall.notCalledWith(sinon.match(arg1), sinon.match(arg2), ...).
          * @param args
          */
-        notCalledWithMatch(...args: any[]): boolean;
+        notCalledWithMatch(...args: TArgs): boolean;
         /**
          * Returns true if spy returned the provided value at least once.
          * Uses deep comparison for objects and arrays. Use spy.returned(sinon.match.same(obj)) for strict comparison (see matchers).
          * @param value
          */
-        returned(value: any): boolean;
+        returned(value: TReturnValue): boolean;
         /**
          * Returns true if spy threw an exception at least once.
          */
@@ -116,7 +118,8 @@ declare namespace Sinon {
         yieldToOn(property: string, obj: any, ...args: any[]): void;
     }
 
-    interface SinonSpyCall extends SinonSpyCallApi {
+    interface SinonSpyCall<TArgs extends any[] = any[], TReturnValue = any>
+        extends SinonSpyCallApi<TArgs, TReturnValue> {
         /**
          * The call’s this value.
          */
@@ -128,7 +131,7 @@ declare namespace Sinon {
         /**
          * Return value.
          */
-        returnValue: any;
+        returnValue: TReturnValue;
         /**
          * This property is a convenience for a call’s callback.
          * When the last argument in a call is a Function, then callback will reference that. Otherwise it will be undefined.
@@ -151,7 +154,11 @@ declare namespace Sinon {
         calledAfter(call: SinonSpyCall): boolean;
     }
 
-    interface SinonSpy extends SinonSpyCallApi {
+    interface SinonSpy<TArgs extends any[] = any[], TReturnValue = any>
+        extends Pick<
+                SinonSpyCallApi<TArgs, TReturnValue>,
+                Exclude<keyof SinonSpyCallApi<TArgs, TReturnValue>, 'args'>
+            > {
         // Properties
         /**
          * The number of recorded calls.
@@ -180,19 +187,19 @@ declare namespace Sinon {
         /**
          * The first call
          */
-        firstCall: SinonSpyCall;
+        firstCall: SinonSpyCall<TArgs, TReturnValue>;
         /**
          * The second call
          */
-        secondCall: SinonSpyCall;
+        secondCall: SinonSpyCall<TArgs, TReturnValue>;
         /**
          * The third call
          */
-        thirdCall: SinonSpyCall;
+        thirdCall: SinonSpyCall<TArgs, TReturnValue>;
         /**
          * The last call
          */
-        lastCall: SinonSpyCall;
+        lastCall: SinonSpyCall<TArgs, TReturnValue>;
         /**
          * Array of this objects, spy.thisValues[0] is the this object for the first call.
          */
@@ -200,7 +207,7 @@ declare namespace Sinon {
         /**
          * Array of arguments received, spy.args[0] is an array of arguments received in the first call.
          */
-        args: any[][];
+        args: TArgs[];
         /**
          * Array of exception objects thrown, spy.exceptions[0] is the exception thrown by the first call.
          * If the call did not throw an error, the value at the call’s location in .exceptions will be undefined.
@@ -210,7 +217,7 @@ declare namespace Sinon {
          * Array of return values, spy.returnValues[0] is the return value of the first call.
          * If the call did not explicitly return a value, the value at the call’s location in .returnValues will be undefined.
          */
-        returnValues: any[];
+        returnValues: TReturnValue[];
 
         // Methods
         (...args: any[]): any;
@@ -239,7 +246,7 @@ declare namespace Sinon {
          * This is useful to be more expressive in your assertions, where you can access the spy with the same call.
          * @param args Expected args
          */
-        withArgs(...args: any[]): SinonSpy;
+        withArgs(...args: TArgs): SinonSpy<TArgs, TReturnValue>;
         /**
          * Returns true if the spy was always called with @param obj as this.
          * @param obj
@@ -248,29 +255,29 @@ declare namespace Sinon {
         /**
          * Returns true if spy was always called with the provided arguments (and possibly others).
          */
-        alwaysCalledWith(...args: any[]): boolean;
+        alwaysCalledWith(...args: TArgs): boolean;
         /**
          * Returns true if spy was always called with the exact provided arguments.
          * @param args
          */
-        alwaysCalledWithExactly(...args: any[]): boolean;
+        alwaysCalledWithExactly(...args: TArgs): boolean;
         /**
          * Returns true if spy was always called with matching arguments (and possibly others).
          * This behaves the same as spy.alwaysCalledWith(sinon.match(arg1), sinon.match(arg2), ...).
          * @param args
          */
-        alwaysCalledWithMatch(...args: any[]): boolean;
+        alwaysCalledWithMatch(...args: TArgs): boolean;
         /**
          * Returns true if the spy/stub was never called with the provided arguments.
          * @param args
          */
-        neverCalledWith(...args: any[]): boolean;
+        neverCalledWith(...args: TArgs): boolean;
         /**
          * Returns true if the spy/stub was never called with matching arguments.
          * This behaves the same as spy.neverCalledWith(sinon.match(arg1), sinon.match(arg2), ...).
          * @param args
          */
-        neverCalledWithMatch(...args: any[]): boolean;
+        neverCalledWithMatch(...args: TArgs): boolean;
         /**
          * Returns true if spy always threw an exception.
          */
@@ -293,17 +300,22 @@ declare namespace Sinon {
          * If the stub was never called with a function argument, yield throws an error.
          * Returns an Array with all callbacks return values in the order they were called, if no error is thrown.
          */
-        invokeCallback(...args: any[]): void;
+        invokeCallback(...args: TArgs): void;
+        /**
+         * Set the displayName of the spy or stub.
+         * @param name
+         */
+        named(name: string): SinonSpy<TArgs, TReturnValue>;
         /**
          * Returns the nth call.
          * Accessing individual calls helps with more detailed behavior verification when the spy is called more than once.
          * @param n
          */
-        getCall(n: number): SinonSpyCall;
+        getCall(n: number): SinonSpyCall<TArgs, TReturnValue>;
         /**
          * Returns an Array of all calls recorded by the spy.
          */
-        getCalls(): SinonSpyCall[];
+        getCalls(): Array<SinonSpyCall<TArgs, TReturnValue>>;
         /**
          * Resets the state of a spy.
          */
@@ -343,10 +355,15 @@ declare namespace Sinon {
          * The original method can be restored by calling object.method.restore().
          * The returned spy is the function object which replaced the original method. spy === object.method.
          */
-        <T>(obj: T, method: keyof T): SinonSpy;
+        <T, K extends keyof T>(obj: T, method: K): T[K] extends (
+            ...args: infer TArgs
+        ) => infer TReturnValue
+            ? SinonSpy<TArgs, TReturnValue>
+            : SinonSpy;
     }
 
-    interface SinonStub extends SinonSpy {
+    interface SinonStub<TArgs extends any[] = any[], TReturnValue = any>
+        extends SinonSpy<TArgs, TReturnValue> {
         /**
          * Resets the stub’s behaviour to the default behaviour
          * You can reset behaviour of all stubs using sinon.resetBehavior()
@@ -364,13 +381,13 @@ declare namespace Sinon {
          * Causes the stub to return promises using a specific Promise library instead of the global one when using stub.rejects or stub.resolves.
          * Returns the stub to allow chaining.
          */
-        usingPromise(promiseLibrary: any): SinonStub;
+        usingPromise(promiseLibrary: any): SinonStub<TArgs, TReturnValue>;
 
         /**
          * Makes the stub return the provided @param obj value.
          * @param obj
          */
-        returns(obj: any): SinonStub;
+        returns(obj: TReturnValue): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return the argument at the provided @param index.
          * stub.returnsArg(0); causes the stub to return the first argument.
@@ -378,12 +395,12 @@ declare namespace Sinon {
          * starting from sinon@6.1.2, a TypeError will be thrown.
          * @param index
          */
-        returnsArg(index: number): SinonStub;
+        returnsArg(index: number): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return its this value.
          * Useful for stubbing jQuery-style fluent APIs.
          */
-        returnsThis(): SinonStub;
+        returnsThis(): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return a Promise which resolves to the provided value.
          * When constructing the Promise, sinon uses the Promise.resolve method.
@@ -391,16 +408,26 @@ declare namespace Sinon {
          * The Promise library can be overwritten using the usingPromise method.
          * Since sinon@2.0.0
          */
-        resolves(value?: any): SinonStub;
+        resolves(value?: any): SinonStub<TArgs, TReturnValue>;
+        /**
+         * Causes the stub to return a Promise which resolves to the argument at the provided index.
+         * stub.resolvesArg(0); causes the stub to return a Promise which resolves to the first argument.
+         * If the argument at the provided index is not available, a TypeError will be thrown.
+         */
+        resolvesArg(index: number): SinonStub<TArgs, TReturnValue>;
+        /**
+         * Causes the stub to return a Promise which resolves to its this value.
+         */
+        resolvesThis(): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to throw an exception (Error).
          * @param type
          */
-        throws(type?: string): SinonStub;
+        throws(type?: string): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to throw the provided exception object.
          */
-        throws(obj: any): SinonStub;
+        throws(obj: any): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to throw the argument at the provided index.
          * stub.throwsArg(0); causes the stub to throw the first argument as the exception.
@@ -408,9 +435,9 @@ declare namespace Sinon {
          * Since sinon@2.3.0
          * @param index
          */
-        throwsArg(index: number): SinonStub;
-        throwsException(type?: string): SinonStub;
-        throwsException(obj: any): SinonStub;
+        throwsArg(index: number): SinonStub<TArgs, TReturnValue>;
+        throwsException(type?: string): SinonStub<TArgs, TReturnValue>;
+        throwsException(obj: any): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return a Promise which rejects with an exception (Error).
          * When constructing the Promise, sinon uses the Promise.reject method.
@@ -418,53 +445,57 @@ declare namespace Sinon {
          * The Promise library can be overwritten using the usingPromise method.
          * Since sinon@2.0.0
          */
-        rejects(): SinonStub;
+        rejects(): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return a Promise which rejects with an exception of the provided type.
          * Since sinon@2.0.0
          */
-        rejects(errorType: string): SinonStub;
+        rejects(errorType: string): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to return a Promise which rejects with the provided exception object.
          * Since sinon@2.0.0
          */
-        rejects(value: any): SinonStub;
+        rejects(value: any): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the stub to call the argument at the provided index as a callback function.
          * stub.callsArg(0); causes the stub to call the first argument as a callback.
          * If the argument at the provided index is not available or is not a function, a TypeError will be thrown.
          */
-        callsArg(index: number): SinonStub;
+        callsArg(index: number): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the original method wrapped into the stub to be called when none of the conditional stubs are matched.
          */
-        callThrough(): SinonStub;
+        callThrough(): SinonStub<TArgs, TReturnValue>;
         /**
          * Like stub.callsArg(index); but with an additional parameter to pass the this context.
          * @param index
          * @param context
          */
-        callsArgOn(index: number, context: any): SinonStub;
+        callsArgOn(index: number, context: any): SinonStub<TArgs, TReturnValue>;
         /**
          * Like callsArg, but with arguments to pass to the callback.
          * @param index
          * @param args
          */
-        callsArgWith(index: number, ...args: any[]): SinonStub;
+        callsArgWith(index: number, ...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Like above but with an additional parameter to pass the this context.
          * @param index
          * @param context
          * @param args
          */
-        callsArgOnWith(index: number, context: any, ...args: any[]): SinonStub;
+        callsArgOnWith(
+            index: number,
+            context: any,
+            ...args: any[]
+        ): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
          * In a browser the callback is deferred with setTimeout(callback, 0).
          * @param index
          */
-        callsArgAsync(index: number): SinonStub;
+        callsArgAsync(index: number): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
@@ -472,86 +503,99 @@ declare namespace Sinon {
          * @param index
          * @param context
          */
-        callsArgOnAsync(index: number, context: any): SinonStub;
+        callsArgOnAsync(index: number, context: any): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
          * In a browser the callback is deferred with setTimeout(callback, 0).
          */
-        callsArgWithAsync(index: number, ...args: any[]): SinonStub;
+        callsArgWithAsync(index: number, ...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
          * In a browser the callback is deferred with setTimeout(callback, 0).
          */
-        callsArgOnWithAsync(index: number, context: any, ...args: any[]): SinonStub;
+        callsArgOnWithAsync(
+            index: number,
+            context: any,
+            ...args: any[]
+        ): SinonStub<TArgs, TReturnValue>;
         /**
          * Makes the stub call the provided @param func when invoked.
          * @param func
          */
-        callsFake(func: (...args: any[]) => any): SinonStub;
+        callsFake(func: (...args: TArgs) => TReturnValue): SinonStub<TArgs, TReturnValue>;
         /**
          * Replaces a new getter for this stub.
          */
-        get(func: () => any): SinonStub;
+        get(func: () => any): SinonStub<TArgs, TReturnValue>;
         /**
          * Defines a new setter for this stub.
          * @param func
          */
-        set(func: (v: any) => void): SinonStub;
+        set(func: (v: any) => void): SinonStub<TArgs, TReturnValue>;
         /**
          * Defines the behavior of the stub on the @param n call. Useful for testing sequential interactions.
          * There are methods onFirstCall, onSecondCall,onThirdCall to make stub definitions read more naturally.
          * onCall can be combined with all of the behavior defining methods in this section. In particular, it can be used together with withArgs.
          * @param n
          */
-        onCall(n: number): SinonStub;
+        onCall(n: number): SinonStub<TArgs, TReturnValue>;
         /**
          * Alias for stub.onCall(0);
          */
-        onFirstCall(): SinonStub;
+        onFirstCall(): SinonStub<TArgs, TReturnValue>;
         /**
          * Alias for stub.onCall(1);
          */
-        onSecondCall(): SinonStub;
+        onSecondCall(): SinonStub<TArgs, TReturnValue>;
         /**
          * Alias for stub.onCall(2);
          */
-        onThirdCall(): SinonStub;
+        onThirdCall(): SinonStub<TArgs, TReturnValue>;
         /**
          * Defines a new value for this stub.
          * @param val
          */
-        value(val: any): SinonStub;
+        value(val: any): SinonStub<TArgs, TReturnValue>;
+        /**
+         * Set the displayName of the spy or stub.
+         * @param name
+         */
+        named(name: string): SinonStub<TArgs, TReturnValue>;
         /**
          * Similar to callsArg.
          * Causes the stub to call the first callback it receives with the provided arguments (if any).
          * If a method accepts more than one callback, you need to use callsArg to have the stub invoke other callbacks than the first one.
          */
-        yields(...args: any[]): SinonStub;
+        yields(...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Like above but with an additional parameter to pass the this context.
          */
-        yieldsOn(context: any, ...args: any[]): SinonStub;
-        yieldsRight(...args: any[]): SinonStub;
+        yieldsOn(context: any, ...args: any[]): SinonStub<TArgs, TReturnValue>;
+        yieldsRight(...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Causes the spy to invoke a callback passed as a property of an object to the spy.
          * Like yields, yieldsTo grabs the first matching argument, finds the callback and calls it with the (optional) arguments.
          * @param property
          * @param args
          */
-        yieldsTo(property: string, ...args: any[]): SinonStub;
+        yieldsTo(property: string, ...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Like above but with an additional parameter to pass the this context.
          */
-        yieldsToOn(property: string, context: any, ...args: any[]): SinonStub;
+        yieldsToOn(
+            property: string,
+            context: any,
+            ...args: any[]
+        ): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
          * In a browser the callback is deferred with setTimeout(callback, 0).
          * @param args
          */
-        yieldsAsync(...args: any[]): SinonStub;
+        yieldsAsync(...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
@@ -559,7 +603,7 @@ declare namespace Sinon {
          * @param context
          * @param args
          */
-        yieldsOnAsync(context: any, ...args: any[]): SinonStub;
+        yieldsOnAsync(context: any, ...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
@@ -567,7 +611,7 @@ declare namespace Sinon {
          * @param property
          * @param args
          */
-        yieldsToAsync(property: string, ...args: any[]): SinonStub;
+        yieldsToAsync(property: string, ...args: any[]): SinonStub<TArgs, TReturnValue>;
         /**
          * Same as their corresponding non-Async counterparts, but with callback being deferred at called after all instructions in the current call stack are processed.
          * In Node environment the callback is deferred with process.nextTick.
@@ -576,14 +620,18 @@ declare namespace Sinon {
          * @param context
          * @param args
          */
-        yieldsToOnAsync(property: string, context: any, ...args: any[]): SinonStub;
+        yieldsToOnAsync(
+            property: string,
+            context: any,
+            ...args: any[]
+        ): SinonStub<TArgs, TReturnValue>;
         /**
          * Stubs the method only for the provided arguments.
          * This is useful to be more expressive in your assertions, where you can access the spy with the same call.
          * It is also useful to create a stub that can act differently in response to different arguments.
          * @param args
          */
-        withArgs(...args: any[]): SinonStub;
+        withArgs(...args: TArgs): SinonStub<TArgs, TReturnValue>;
     }
 
     interface SinonStubStatic {
@@ -603,7 +651,11 @@ declare namespace Sinon {
          * An exception is thrown if the property is not already a function.
          * The original function can be restored by calling object.method.restore(); (or stub.restore();).
          */
-        <T>(obj: T, method: keyof T): SinonStub;
+        <T, K extends keyof T>(obj: T, method: K): T[K] extends (
+            ...args: infer TArgs
+        ) => infer TReturnValue
+            ? SinonStub<TArgs, TReturnValue>
+            : SinonStub;
     }
 
     interface SinonExpectation extends SinonStub {
@@ -705,11 +757,22 @@ declare namespace Sinon {
     interface SinonFakeTimers {
         now: number;
 
-        setTimeout(callback: (...args: any[]) => void, timeout: number, ...args: any[]): SinonTimerId;
+        setTimeout(
+            callback: (...args: any[]) => void,
+            timeout: number,
+            ...args: any[]
+        ): SinonTimerId;
         clearTimeout(id: SinonTimerId): void;
-        setInterval(callback: (...args: any[]) => void, timeout: number, ...args: any[]): SinonTimerId;
+        setInterval(
+            callback: (...args: any[]) => void,
+            timeout: number,
+            ...args: any[]
+        ): SinonTimerId;
         clearInterval(id: SinonTimerId): void;
-        setImmediate(callback: (...args: any[]) => void, ...args: any[]): SinonTimerId;
+        setImmediate(
+            callback: (...args: any[]) => void,
+            ...args: any[]
+        ): SinonTimerId;
         clearImmediate(id: SinonTimerId): void;
         requestAnimationFrame(callback: (...args: any[]) => void): number;
         cancelAnimationFrame(id: number): void;
@@ -743,9 +806,30 @@ declare namespace Sinon {
         Date(year: number, month: number): Date;
         Date(year: number, month: number, day: number): Date;
         Date(year: number, month: number, day: number, hour: number): Date;
-        Date(year: number, month: number, day: number, hour: number, minute: number): Date;
-        Date(year: number, month: number, day: number, hour: number, minute: number, second: number): Date;
-        Date(year: number, month: number, day: number, hour: number, minute: number, second: number, ms: number): Date;
+        Date(
+            year: number,
+            month: number,
+            day: number,
+            hour: number,
+            minute: number
+        ): Date;
+        Date(
+            year: number,
+            month: number,
+            day: number,
+            hour: number,
+            minute: number,
+            second: number
+        ): Date;
+        Date(
+            year: number,
+            month: number,
+            day: number,
+            hour: number,
+            minute: number,
+            second: number,
+            ms: number
+        ): Date;
 
         /**
          * Restore the faked methods.
@@ -866,7 +950,7 @@ declare namespace Sinon {
     }
 
     interface SinonFakeXMLHttpRequestStatic {
-        new(): SinonFakeXMLHttpRequest;
+        new (): SinonFakeXMLHttpRequest;
         /**
          * Default false.
          * When set to true, Sinon will check added filters if certain requests should be “unfaked”
@@ -878,7 +962,15 @@ declare namespace Sinon {
          * If the filter returns true, the request will not be faked.
          * @param filter
          */
-        addFilter(filter: (method: string, url: string, async: boolean, username: string, password: string) => boolean): void;
+        addFilter(
+            filter: (
+                method: string,
+                url: string,
+                async: boolean,
+                username: string,
+                password: string
+            ) => boolean
+        ): void;
         /**
          * By assigning a function to the onCreate property of the returned object from useFakeXMLHttpRequest()
          * you can subscribe to newly created FakeXMLHttpRequest objects. See below for the fake xhr object API.
@@ -944,7 +1036,10 @@ declare namespace Sinon {
         /**
          * Responds to all requests to given URL, e.g. /posts/1.
          */
-        respondWith(url: string, fn: (xhr: SinonFakeXMLHttpRequest) => void): void;
+        respondWith(
+            url: string,
+            fn: (xhr: SinonFakeXMLHttpRequest) => void
+        ): void;
         /**
          * Responds to all method requests to the given URL with the given response.
          * method is an HTTP verb.
@@ -959,7 +1054,11 @@ declare namespace Sinon {
          * Responds to all method requests to the given URL with the given response.
          * method is an HTTP verb.
          */
-        respondWith(method: string, url: string, fn: (xhr: SinonFakeXMLHttpRequest) => void): void;
+        respondWith(
+            method: string,
+            url: string,
+            fn: (xhr: SinonFakeXMLHttpRequest) => void
+        ): void;
         /**
          * URL may be a regular expression, e.g. /\\/post\\//\\d+
          * If the response is a Function, it will be passed any capture groups from the regular expression along with the XMLHttpRequest object:
@@ -974,7 +1073,10 @@ declare namespace Sinon {
          * URL may be a regular expression, e.g. /\\/post\\//\\d+
          * If the response is a Function, it will be passed any capture groups from the regular expression along with the XMLHttpRequest object:
          */
-        respondWith(url: RegExp, fn: (xhr: SinonFakeXMLHttpRequest) => void): void;
+        respondWith(
+            url: RegExp,
+            fn: (xhr: SinonFakeXMLHttpRequest) => void
+        ): void;
         /**
          * Responds to all method requests to URLs matching the regular expression.
          */
@@ -986,7 +1088,11 @@ declare namespace Sinon {
         /**
          * Responds to all method requests to URLs matching the regular expression.
          */
-        respondWith(method: string, url: RegExp, fn: (xhr: SinonFakeXMLHttpRequest) => void): void;
+        respondWith(
+            method: string,
+            url: RegExp,
+            fn: (xhr: SinonFakeXMLHttpRequest) => void
+        ): void;
         /**
          * Causes all queued asynchronous requests to receive a response.
          * If none of the responses added through respondWith match, the default response is [404, {}, ""].
@@ -1115,7 +1221,10 @@ declare namespace Sinon {
          * @param spyOrSpyCall
          * @param args
          */
-        calledWithExactly(spyOrSpyCall: SinonSpy | SinonSpyCall, ...args: any[]): void;
+        calledWithExactly(
+            spyOrSpyCall: SinonSpy | SinonSpyCall,
+            ...args: any[]
+        ): void;
         /**
          * Passes if spy was always called with the provided arguments and no others.
          */
@@ -1125,7 +1234,10 @@ declare namespace Sinon {
          * This behaves the same way as sinon.assert.calledWith(spy, sinon.match(arg1), sinon.match(arg2), ...).
          * It’s possible to assert on a dedicated spy call: sinon.assert.calledWithMatch(spy.secondCall, arg1, arg2, ...);.
          */
-        calledWithMatch(spyOrSpyCall: SinonSpy | SinonSpyCall, ...args: any[]): void;
+        calledWithMatch(
+            spyOrSpyCall: SinonSpy | SinonSpyCall,
+            ...args: any[]
+        ): void;
         /**
          * Passes if spy was always called with matching arguments.
          * This behaves the same way as sinon.assert.alwaysCalledWith(spy, sinon.match(arg1), sinon.match(arg2), ...).
@@ -1417,7 +1529,7 @@ declare namespace Sinon {
      * @template TType Object type being stubbed.
      */
     type SinonStubbedInstance<TType> = {
-        [P in keyof TType]: SinonStubbedMember<TType[P]>;
+        [P in keyof TType]: SinonStubbedMember<TType[P]>
     };
 
     /**
@@ -1507,7 +1619,9 @@ declare namespace Sinon {
          * You would have to call either clock.next(), clock.tick(), clock.runAll() or clock.runToLast() (see example below). Please refer to the lolex documentation for more information.
          * @param config
          */
-        useFakeTimers(config?: number | Date | Partial<SinonFakeTimersConfig>): SinonFakeTimers;
+        useFakeTimers(
+            config?: number | Date | Partial<SinonFakeTimersConfig>
+        ): SinonFakeTimers;
         /**
          * Causes Sinon to replace the native XMLHttpRequest object in browsers that support it with a custom implementation which does not send actual requests.
          * In browsers that support ActiveXObject, this constructor is replaced, and fake objects are returned for XMLHTTP progIds.
@@ -1561,7 +1675,8 @@ declare namespace Sinon {
         replace<T, TKey extends keyof T>(
             obj: T,
             prop: TKey,
-            replacement: T[TKey]): T[TKey];
+            replacement: T[TKey]
+        ): T[TKey];
         /**
          * Replaces getter for property on object with replacement argument. Attempts to replace an already replaced getter cause an exception.
          * replacement must be a Function, and can be instances of spies, stubs and fakes.
@@ -1572,7 +1687,8 @@ declare namespace Sinon {
         replaceGetter<T, TKey extends keyof T>(
             obj: T,
             prop: TKey,
-            replacement: () => T[TKey]): () => T[TKey];
+            replacement: () => T[TKey]
+        ): () => T[TKey];
         /**
          * Replaces setter for property on object with replacement argument. Attempts to replace an already replaced setter cause an exception.
          * replacement must be a Function, and can be instances of spies, stubs and fakes.
@@ -1583,7 +1699,8 @@ declare namespace Sinon {
         replaceSetter<T, TKey extends keyof T>(
             obj: T,
             prop: TKey,
-            replacement: (val: T[TKey]) => void): (val: T[TKey]) => void;
+            replacement: (val: T[TKey]) => void
+        ): (val: T[TKey]) => void;
 
         /**
          * Creates a new object with the given functions as the prototype and stubs all implemented functions.
@@ -1593,7 +1710,9 @@ declare namespace Sinon {
          * @returns A stubbed version of the constructor.
          * @remarks The given constructor function is not invoked. See also the stub API.
          */
-        createStubInstance<TType>(constructor: StubbableType<TType>): SinonStubbedInstance<TType>;
+        createStubInstance<TType>(
+            constructor: StubbableType<TType>
+        ): SinonStubbedInstance<TType>;
     }
 
     interface SinonApi {
diff --git a/types/sinon/sinon-tests.ts b/types/sinon/sinon-tests.ts
index e7eb3aca76..d5ae4b0eb2 100644
--- a/types/sinon/sinon-tests.ts
+++ b/types/sinon/sinon-tests.ts
@@ -296,7 +296,7 @@ function testSpy() {
     const instance = new obj();
 
     let spy = sinon.spy();
-    const spyTwo = sinon.spy();
+    const spyTwo = sinon.spy().named('spyTwo');
 
     spy = sinon.spy(fn);
     spy = sinon.spy(instance, 'foo');
@@ -386,7 +386,7 @@ function testStub() {
     const instance = new obj();
 
     let stub = sinon.stub();
-    stub = sinon.stub(instance, 'foo');
+    stub = sinon.stub(instance, 'foo').named('namedStub');
 
     const spy: sinon.SinonSpy = stub;
 
@@ -403,6 +403,8 @@ function testStub() {
     stub.returnsThis();
     stub.resolves();
     stub.resolves('foo');
+    stub.resolvesArg(1);
+    stub.resolvesThis();
     stub.throws();
     stub.throws('err');
     stub.throws(new Error('err'));
@@ -420,6 +422,7 @@ function testStub() {
     stub.callsArgOnAsync(1, instance);
     stub.callsArgWithAsync(1, 'a', 2);
     stub.callsArgOnWithAsync(1, instance, 'a', 2);
+    stub.callsFake((s1, s2, s3) => { });
     stub.callsFake(() => { });
     stub.get(() => true);
     stub.set((v) => { });
diff --git a/types/sizzle/index.d.ts b/types/sizzle/index.d.ts
index 1b79089b52..37cbeb2a25 100644
--- a/types/sizzle/index.d.ts
+++ b/types/sizzle/index.d.ts
@@ -22,43 +22,71 @@ interface SizzleStatic {
 declare namespace Sizzle {
     interface Selectors {
         cacheLength: number;
-        match: { [name: string]: RegExp; };
-        find: { [name: string]: Selectors.FindFunction; };
-        preFilter: { [name: string]: Selectors.PreFilterFunction; };
-        filter: { [name: string]: Selectors.FilterFunction; };
-        attrHandle: { [name: string]: Selectors.AttrHandleFunction; };
-        pseudos: { [name: string]: Selectors.PseudoFunction; };
-        setFilters: { [name: string]: Selectors.SetFilterFunction; };
+        match: Selectors.Matches;
+        find: Selectors.FindFunctions;
+        preFilter: Selectors.PreFilterFunctions;
+        filter: Selectors.FilterFunctions;
+        attrHandle: Selectors.AttrHandleFunctions;
+        pseudos: Selectors.PseudoFunctions;
+        setFilters: Selectors.SetFilterFunctions;
         createPseudo(fn: Selectors.CreatePseudoFunction): Selectors.PseudoFunction;
     }
 
     namespace Selectors {
+        interface Matches {
+            [name: string]: RegExp;
+        }
+
         interface FindFunction {
             (match: RegExpMatchArray, context: Element | Document, isXML: boolean): Element[] | void;
         }
 
+        interface FindFunctions {
+            [name: string]: FindFunction;
+        }
+
         interface PreFilterFunction {
             (match: RegExpMatchArray): string[];
         }
 
+        interface PreFilterFunctions {
+            [name: string]: PreFilterFunction;
+        }
+
         interface FilterFunction {
             (element: string, ...matches: string[]): boolean;
         }
 
+        interface FilterFunctions {
+            [name: string]: FilterFunction;
+        }
+
         interface AttrHandleFunction {
             (elem: any, casePreservedName: string, isXML: boolean): string;
         }
 
+        interface AttrHandleFunctions {
+            [name: string]: AttrHandleFunction;
+        }
+
         interface PseudoFunction {
             (elem: Element): boolean;
         }
 
-        interface CreatePseudoFunction {
-            (...args: any[]): PseudoFunction;
+        interface PseudoFunctions {
+            [name: string]: PseudoFunction;
         }
 
         interface SetFilterFunction {
             (elements: Element[], argument: number, not: boolean): Element[];
         }
+
+        interface SetFilterFunctions {
+            [name: string]: SetFilterFunction;
+        }
+
+        interface CreatePseudoFunction {
+            (...args: any[]): PseudoFunction;
+        }
     }
 }
diff --git a/types/skatejs/tslint.json b/types/skatejs/tslint.json
index d88586e5bd..f6b9fabaee 100644
--- a/types/skatejs/tslint.json
+++ b/types/skatejs/tslint.json
@@ -1,3 +1,12 @@
 {
-  "extends": "dtslint/dt.json"
-}
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // All are TODOs
+        "array-type": false,
+        "interface-over-type-literal": false,
+        "no-redundant-undefined": false,
+        "no-unnecessary-generics": false,
+        "prefer-declare-function": false,
+        "strict-export-declare-modifiers": false
+    }
+}
\ No newline at end of file
diff --git a/types/skatejs/types.d.ts b/types/skatejs/types.d.ts
index 3c368bd67f..0e6d304996 100644
--- a/types/skatejs/types.d.ts
+++ b/types/skatejs/types.d.ts
@@ -107,6 +107,6 @@ export interface EventOptions extends CustomEventInit {
   composed?: boolean;
 }
 export interface ComposedCustomEvent extends CustomEvent {
-  composed?: boolean;
-  composedPath?: () => Array<Node>;
+  composed: boolean;
+  composedPath: () => Array<Node>;
 }
diff --git a/types/slate-base64-serializer/index.d.ts b/types/slate-base64-serializer/index.d.ts
index 6d356aa1c3..6e55220481 100644
--- a/types/slate-base64-serializer/index.d.ts
+++ b/types/slate-base64-serializer/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/ianstormtaylor/slate
 // Definitions by: Brandon Shelton <https://github.com/YangusKhan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.6
+// TypeScript Version: 2.8
 import { Value, Node } from "slate";
 
 export function deserialize(string: string, options?: object): Value;
diff --git a/types/slate-plain-serializer/index.d.ts b/types/slate-plain-serializer/index.d.ts
index ed57cf3cca..1361c7f743 100644
--- a/types/slate-plain-serializer/index.d.ts
+++ b/types/slate-plain-serializer/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Brandon Shelton <https://github.com/YangusKhan>
 //                 Martin Kiefel <https://github.com/mkiefel>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.6
+// TypeScript Version: 2.8
 import { BlockProperties, MarkProperties, Value } from 'slate';
 
 export interface DeserializeOptions {
diff --git a/types/slate-react/index.d.ts b/types/slate-react/index.d.ts
index 31e7b95cbf..540316befc 100644
--- a/types/slate-react/index.d.ts
+++ b/types/slate-react/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for slate-react 0.18
+// Type definitions for slate-react 0.20
 // Project: https://github.com/ianstormtaylor/slate
 // Definitions by: Andy Kent <https://github.com/andykent>
 //                 Jamie Talbot <https://github.com/majelbstoat>
@@ -6,9 +6,31 @@
 //                 Patrick Sachs <https://github.com/PatrickSachs>
 //                 Brandon Shelton <https://github.com/YangusKhan>
 //                 Irwan Fario Subastian <https://github.com/isubasti>
+//                 Sebastian Greaves <https://github.com/sgreav>
+//                 Francesco Agnoletto <https://github.com/Kornil>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
-import { Mark, Node, Change, Schema, Value, Stack, Document } from "slate";
+import {
+    Document,
+    Editor as CoreEditor,
+    Mark,
+    Node,
+    Block,
+    Inline,
+    Operations,
+    Schema,
+    Stack,
+    Value,
+    Operation,
+    MarkProperties,
+    BlockProperties,
+    InlineProperties,
+    Path,
+    RangeProperties,
+    NodeProperties,
+    Range,
+    Controller
+} from "slate";
 import * as Immutable from "immutable";
 import * as React from "react";
 
@@ -20,7 +42,7 @@ export interface RenderAttributes {
 export interface RenderMarkProps {
     attributes: RenderAttributes;
     children: React.ReactNode;
-    editor: Editor;
+    editor: CoreEditor;
     mark: Mark;
     marks: Immutable.Set<Mark>;
     node: Node;
@@ -29,75 +51,55 @@ export interface RenderMarkProps {
 }
 
 export interface RenderNodeProps {
-    attributes: RenderAttributes;
-    children: React.ReactNode;
-    editor: Editor;
-    isSelected: boolean;
-    key: string;
-    node: Node;
-    parent: Node;
+  attributes: RenderAttributes;
+  children: React.ReactNode;
+  editor: CoreEditor;
+  isFocused: boolean;
+  isSelected: boolean;
+  key: string;
+  node: Block | Inline;
+  parent: Node;
+  readOnly: boolean;
 }
 
+export interface RenderPlaceholderProps {
+    editor: CoreEditor;
+    readOnly: boolean;
+}
+
+export type EventHook = (
+    event: Event,
+    editor: CoreEditor,
+    next: () => any
+) => any;
+
 export interface Plugin {
-    onBeforeInput?: (
-        event: Event,
-        change: Change,
-        editor: Editor
-    ) => Change | void;
-    onBlur?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onFocus?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onClick?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onCopy?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onCut?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onDragEnd?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDragEnter?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDragExit?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDragLeave?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDragOver?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDragStart?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onDrop?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onInput?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onKeyDown?: (
-        event: Event,
-        change: Change,
-        editor?: Editor
-    ) => Change | void;
-    onKeyUp?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onPaste?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onSelect?: (event: Event, change: Change, editor?: Editor) => Change | void;
-    onChange?: (change: Change, editor?: Editor) => any;
-    renderEditor?: (props: RenderAttributes, editor?: Editor) => object | void;
-    schema?: Schema;
-    decorateNode?: (node: Node) => Range[] | void;
-    renderMark?: (props: RenderMarkProps) => any;
-    renderNode?: (props: RenderNodeProps) => any;
-    renderPlaceholder?: (props: RenderAttributes) => any;
-    renderPortal?: (props: RenderAttributes) => any;
-    validateNode?: (node: Node) => any;
+    decorateNode?: (node: Node, editor: CoreEditor, next: () => any) => any;
+    renderEditor?: (props: EditorProps, editor: CoreEditor, next: () => any) => any;
+    renderMark?: (props: RenderMarkProps, editor: CoreEditor, next: () => any) => any;
+    renderNode?: (props: RenderNodeProps, editor: CoreEditor, next: () => any) => any;
+    renderPlaceholder?: (props: RenderPlaceholderProps, editor: CoreEditor, next: () => any) => any;
+    shouldNodeComponentUpdate?: (previousProps: RenderNodeProps, props: RenderNodeProps, editor: CoreEditor, next: () => any) => any;
+
+    onBeforeInput?: EventHook;
+    onBlur?: EventHook;
+    onClick?: EventHook;
+    onCompositionEnd?: EventHook;
+    onCompositionStart?: EventHook;
+    onCopy?: EventHook;
+    onCut?: EventHook;
+    onDragEnd?: EventHook;
+    onDragEnter?: EventHook;
+    onDragExit?: EventHook;
+    onDragLeave?: EventHook;
+    onDragOver?: EventHook;
+    onDragStart?: EventHook;
+    onDrop?: EventHook;
+    onFocus?: EventHook;
+    onInput?: EventHook;
+    onKeyDown?: EventHook;
+    onPaste?: EventHook;
+    onSelect?: EventHook;
 }
 
 export interface BasicEditorProps {
@@ -105,7 +107,7 @@ export interface BasicEditorProps {
     autoCorrect?: boolean;
     autoFocus?: boolean;
     className?: string;
-    onChange?: (change: Change) => any;
+    onChange?: (change: { operations: Immutable.List<Operation>, value: Value }) => any;
     placeholder?: any;
     plugins?: Plugin[];
     readOnly?: boolean;
@@ -116,27 +118,260 @@ export interface BasicEditorProps {
     tabIndex?: number;
 }
 
-// tsling:disable interface-over-type-literal
 export type EditorProps = BasicEditorProps & Plugin;
 
 export interface EditorState {
     schema: Schema;
     value: Value;
-    stack: Stack; // [TODO] define stack
+    stack: Stack;
 }
 
-export class Editor extends React.Component<EditorProps, EditorState> {
+export class Editor extends React.Component<EditorProps, EditorState> implements Controller {
+    controller: CoreEditor;
     schema: Schema;
-    value: Value;
     stack: Stack;
 
     readonly plugins: Plugin[];
+    readonly operations: Immutable.List<Operation>;
+    readonly readOnly: boolean;
+    readonly value: Value;
 
-    // Instance Methods
-    blur(): void;
-    change(fn: (change: Change) => any): void;
-    change(...args: any[]): void;
-    focus(): void;
+    // Instance methods
+    resolveController(plugins: Plugin[], schema: Schema, commands: any[], queries: any[]): void;
+
+    // Controller
+    addMark: CoreEditor['addMark'];
+    delete: CoreEditor['delete'];
+    deleteBackward: CoreEditor['deleteBackward'];
+    deleteForward: CoreEditor['deleteForward'];
+    insertBlock: CoreEditor['insertBlock'];
+    insertFragment: CoreEditor['insertFragment'];
+    insertInline: CoreEditor['insertInline'];
+    insertText: CoreEditor['insertText'];
+    setBlocks: CoreEditor['setBlocks'];
+    setInlines: CoreEditor['setInlines'];
+    splitBlock: CoreEditor['splitBlock'];
+    splitInline: CoreEditor['splitInline'];
+    removeMark: CoreEditor['removeMark'];
+    replaceMark: CoreEditor['replaceMark'];
+    toggleMark: CoreEditor['toggleMark'];
+    unwrapBlock: CoreEditor['unwrapBlock'];
+    unwrapInline: CoreEditor['unwrapInline'];
+    wrapBlock: CoreEditor['wrapBlock'];
+    wrapInline: CoreEditor['wrapInline'];
+    wrapText: CoreEditor['wrapText'];
+    blur: CoreEditor['blur'];
+    deselect: CoreEditor['deselect'];
+    flip: CoreEditor['flip'];
+    focus: CoreEditor['focus'];
+    moveAnchorBackward: CoreEditor['moveAnchorBackward'];
+    moveAnchorForward: CoreEditor['moveAnchorForward'];
+    moveAnchorTo: CoreEditor['moveAnchorTo'];
+    moveAnchorToEndOfBlock: CoreEditor['moveAnchorToEndOfBlock'];
+    moveAnchorToEndOfInline: CoreEditor['moveAnchorToEndOfInline'];
+    moveAnchorToEndOfDocument: CoreEditor['moveAnchorToEndOfDocument'];
+    moveAnchorToEndOfNextBlock: CoreEditor['moveAnchorToEndOfNextBlock'];
+    moveAnchorToEndOfNextInline: CoreEditor['moveAnchorToEndOfNextInline'];
+    moveAnchorToEndOfNextText: CoreEditor['moveAnchorToEndOfNextText'];
+    moveAnchorEndOfNode: CoreEditor['moveAnchorEndOfNode'];
+    moveAnchorToEndOfPreviousBlock: CoreEditor['moveAnchorToEndOfPreviousBlock'];
+    moveAnchorToEndOfPreviousInline: CoreEditor['moveAnchorToEndOfPreviousInline'];
+    moveAnchorToEndOfPreviousText: CoreEditor['moveAnchorToEndOfPreviousText'];
+    moveAnchorToEndOfText: CoreEditor['moveAnchorToEndOfText'];
+    moveAnchorToStartOfBlock: CoreEditor['moveAnchorToStartOfBlock'];
+    moveAnchorToStartOfDocument: CoreEditor['moveAnchorToStartOfDocument'];
+    moveAnchorToStartOfInline: CoreEditor['moveAnchorToStartOfInline'];
+    moveAnchorToStartOfNextBlock: CoreEditor['moveAnchorToStartOfNextBlock'];
+    moveAnchorToStartOfNextInline: CoreEditor['moveAnchorToStartOfNextInline'];
+    moveAnchorToStartOfNextText: CoreEditor['moveAnchorToStartOfNextText'];
+    moveAnchorToStartOfNode: CoreEditor['moveAnchorToStartOfNode'];
+    moveAnchorToStartOfPreviousBlock: CoreEditor['moveAnchorToStartOfPreviousBlock'];
+    moveAnchorToStartOfPreviousInline: CoreEditor['moveAnchorToStartOfPreviousInline'];
+    moveAnchorToStartOfPreviousText: CoreEditor['moveAnchorToStartOfPreviousText'];
+    moveAnchorToStartOfText: CoreEditor['moveAnchorToStartOfText'];
+    moveEndBackward: CoreEditor['moveEndBackward'];
+    moveEndForward: CoreEditor['moveEndForward'];
+    moveEndTo: CoreEditor['moveEndTo'];
+    moveEndToEndOfBlock: CoreEditor['moveEndToEndOfBlock'];
+    moveEndToEndOfDocument: CoreEditor['moveEndToEndOfDocument'];
+    moveEndToEndOfInline: CoreEditor['moveEndToEndOfInline'];
+    moveEndToEndOfNextBlock: CoreEditor['moveEndToEndOfNextBlock'];
+    moveEndToEndOfNextInline: CoreEditor['moveEndToEndOfNextInline'];
+    moveEndToEndOfNextText: CoreEditor['moveEndToEndOfNextText'];
+    moveEndToEndOfNode: CoreEditor['moveEndToEndOfNode'];
+    moveEndToEndOfPreviousBlock: CoreEditor['moveEndToEndOfPreviousBlock'];
+    moveEndToEndOfPreviousInline: CoreEditor['moveEndToEndOfPreviousInline'];
+    moveEndToEndOfPreviousText: CoreEditor['moveEndToEndOfPreviousText'];
+    moveEndToEndOfText: CoreEditor['moveEndToEndOfText'];
+    moveEndToStartOfBlock: CoreEditor['moveEndToStartOfBlock'];
+    moveEndToStartOfDocument: CoreEditor['moveEndToStartOfDocument'];
+    moveEndToStartOfInline: CoreEditor['moveEndToStartOfInline'];
+    moveEndToStartOfNextBlock: CoreEditor['moveEndToStartOfNextBlock'];
+    moveEndToStartOfNextInline: CoreEditor['moveEndToStartOfNextInline'];
+    moveEndToStartOfNextText: CoreEditor['moveEndToStartOfNextText'];
+    moveEndToStartOfNode: CoreEditor['moveEndToStartOfNode'];
+    moveEndToStartOfPreviousBlock: CoreEditor['moveEndToStartOfPreviousBlock'];
+    moveEndToStartOfPreviousInline: CoreEditor['moveEndToStartOfPreviousInline'];
+    moveEndToStartOfPreviousText: CoreEditor['moveEndToStartOfPreviousText'];
+    moveEndToStartOfText: CoreEditor['moveEndToStartOfText'];
+    moveFocusBackward: CoreEditor['moveFocusBackward'];
+    moveFocusForward: CoreEditor['moveFocusForward'];
+    moveFocusTo: CoreEditor['moveFocusTo'];
+    moveFocusToEndOfBlock: CoreEditor['moveFocusToEndOfBlock'];
+    moveFocusToEndOfDocument: CoreEditor['moveFocusToEndOfDocument'];
+    moveFocusToEndOfInline: CoreEditor['moveFocusToEndOfInline'];
+    moveFocusToEndOfNextBlock: CoreEditor['moveFocusToEndOfNextBlock'];
+    moveFocusToEndOfNextInline: CoreEditor['moveFocusToEndOfNextInline'];
+    moveFocusToEndOfNextText: CoreEditor['moveFocusToEndOfNextText'];
+    moveFocusToEndOfNode: CoreEditor['moveFocusToEndOfNode'];
+    moveFocusToEndOfPreviousBlock: CoreEditor['moveFocusToEndOfPreviousBlock'];
+    moveFocusToEndOfPreviousInline: CoreEditor['moveFocusToEndOfPreviousInline'];
+    moveFocusToEndOfPreviousText: CoreEditor['moveFocusToEndOfPreviousText'];
+    moveFocusToEndOfText: CoreEditor['moveFocusToEndOfText'];
+    moveFocusToStartOfBlock: CoreEditor['moveFocusToStartOfBlock'];
+    moveFocusToStartOfDocument: CoreEditor['moveFocusToStartOfDocument'];
+    moveFocusToStartOfInline: CoreEditor['moveFocusToStartOfInline'];
+    moveFocusToStartOfNextBlock: CoreEditor['moveFocusToStartOfNextBlock'];
+    moveFocusToStartOfNextInline: CoreEditor['moveFocusToStartOfNextInline'];
+    moveFocusToStartOfNextText: CoreEditor['moveFocusToStartOfNextText'];
+    moveFocusToStartOfNode: CoreEditor['moveFocusToStartOfNode'];
+    moveFocusToStartOfPreviousBlock: CoreEditor['moveFocusToStartOfPreviousBlock'];
+    moveFocusToStartOfPreviousInline: CoreEditor['moveFocusToStartOfPreviousInline'];
+    moveFocusToStartOfPreviousText: CoreEditor['moveFocusToStartOfPreviousText'];
+    moveFocusToStartOfText: CoreEditor['moveFocusToStartOfText'];
+    moveStartForward: CoreEditor['moveStartForward'];
+    moveStartBackward: CoreEditor['moveStartBackward'];
+    moveStartTo: CoreEditor['moveStartTo'];
+    moveStartToEndOfBlock: CoreEditor['moveStartToEndOfBlock'];
+    moveStartToEndOfDocument: CoreEditor['moveStartToEndOfDocument'];
+    moveStartToEndOfInline: CoreEditor['moveStartToEndOfInline'];
+    moveStartToEndOfNextBlock: CoreEditor['moveStartToEndOfNextBlock'];
+    moveStartToEndOfNextInline: CoreEditor['moveStartToEndOfNextInline'];
+    moveStartToEndOfNextText: CoreEditor['moveStartToEndOfNextText'];
+    moveStartToEndOfNode: CoreEditor['moveStartToEndOfNode'];
+    moveStartToEndOfPreviousBlock: CoreEditor['moveStartToEndOfPreviousBlock'];
+    moveStartToEndOfPreviousInline: CoreEditor['moveStartToEndOfPreviousInline'];
+    moveStartToEndOfPreviousText: CoreEditor['moveStartToEndOfPreviousText'];
+    moveStartToEndOfText: CoreEditor['moveStartToEndOfText'];
+    moveStartToStartOfBlock: CoreEditor['moveStartToStartOfBlock'];
+    moveStartToStartOfDocument: CoreEditor['moveStartToStartOfDocument'];
+    moveStartToStartOfInline: CoreEditor['moveStartToStartOfInline'];
+    moveStartToStartOfNextBlock: CoreEditor['moveStartToStartOfNextBlock'];
+    moveStartToStartOfNextInline: CoreEditor['moveStartToStartOfNextInline'];
+    moveStartToStartOfNextText: CoreEditor['moveStartToStartOfNextText'];
+    moveStartToStartOfNode: CoreEditor['moveStartToStartOfNode'];
+    moveStartToStartOfPreviousBlock: CoreEditor['moveStartToStartOfPreviousBlock'];
+    moveStartToStartOfPreviousInline: CoreEditor['moveStartToStartOfPreviousInline'];
+    moveStartToStartOfPreviousText: CoreEditor['moveStartToStartOfPreviousText'];
+    moveStartToStartOfText: CoreEditor['moveStartToStartOfText'];
+    moveBackward: CoreEditor['moveBackward'];
+    moveForward: CoreEditor['moveForward'];
+    moveTo: CoreEditor['moveTo'];
+    moveToAnchor: CoreEditor['moveToAnchor'];
+    moveToFocus: CoreEditor['moveToFocus'];
+    moveToStart: CoreEditor['moveToStart'];
+    moveToEnd: CoreEditor['moveToEnd'];
+    moveToEndOfBlock: CoreEditor['moveToEndOfBlock'];
+    moveToEndOfDocument: CoreEditor['moveToEndOfDocument'];
+    moveToEndOfInline: CoreEditor['moveToEndOfInline'];
+    moveToEndOfNextBlock: CoreEditor['moveToEndOfNextBlock'];
+    moveToEndOfNextInline: CoreEditor['moveToEndOfNextInline'];
+    moveToEndOfNextText: CoreEditor['moveToEndOfNextText'];
+    moveToEndOfNode: CoreEditor['moveToEndOfNode'];
+    moveToEndOfPreviousBlock: CoreEditor['moveToEndOfPreviousBlock'];
+    moveToEndOfPreviousInline: CoreEditor['moveToEndOfPreviousInline'];
+    moveToEndOfPreviousText: CoreEditor['moveToEndOfPreviousText'];
+    moveToEndOfText: CoreEditor['moveToEndOfText'];
+    moveToStartOfBlock: CoreEditor['moveToStartOfBlock'];
+    moveToStartOfDocument: CoreEditor['moveToStartOfDocument'];
+    moveToStartOfInline: CoreEditor['moveToStartOfInline'];
+    moveToStartOfNextBlock: CoreEditor['moveToStartOfNextBlock'];
+    moveToStartOfNextInline: CoreEditor['moveToStartOfNextInline'];
+    moveToStartOfNextText: CoreEditor['moveToStartOfNextText'];
+    moveToStartOfNode: CoreEditor['moveToStartOfNode'];
+    moveToStartOfPreviousBlock: CoreEditor['moveToStartOfPreviousBlock'];
+    moveToStartOfPreviousInline: CoreEditor['moveToStartOfPreviousInline'];
+    moveToStartOfPreviousText: CoreEditor['moveToStartOfPreviousText'];
+    moveToStartOfText: CoreEditor['moveToStartOfText'];
+    moveToRangeOfDocument: CoreEditor['moveToRangeOfDocument'];
+    moveToRangeOf: CoreEditor['moveToRangeOf'];
+    select: CoreEditor['select'];
+    addMarkAtRange: CoreEditor['addMarkAtRange'];
+    deleteAtRange: CoreEditor['deleteAtRange'];
+    deleteCharBackwardAtRange: CoreEditor['deleteCharBackwardAtRange'];
+    deleteLineBackwardAtRange: CoreEditor['deleteLineBackwardAtRange'];
+    deleteWordBackwardAtRange: CoreEditor['deleteWordBackwardAtRange'];
+    deleteBackwardAtRange: CoreEditor['deleteBackwardAtRange'];
+    deleteCharForwardAtRange: CoreEditor['deleteCharForwardAtRange'];
+    deleteLineForwardAtRange: CoreEditor['deleteLineForwardAtRange'];
+    deleteWordForwardAtRange: CoreEditor['deleteWordForwardAtRange'];
+    deleteForwardAtRange: CoreEditor['deleteForwardAtRange'];
+    insertBlockAtRange: CoreEditor['insertBlockAtRange'];
+    insertFragmentAtRange: CoreEditor['insertFragmentAtRange'];
+    insertInlineAtRange: CoreEditor['insertInlineAtRange'];
+    insertTextAtRange: CoreEditor['insertTextAtRange'];
+    setBlocksAtRange: CoreEditor['setBlocksAtRange'];
+    setInlinesAtRange: CoreEditor['setInlinesAtRange'];
+    splitBlockAtRange: CoreEditor['splitBlockAtRange'];
+    splitInlineAtRange: CoreEditor['splitInlineAtRange'];
+    removeMarkAtRange: CoreEditor['removeMarkAtRange'];
+    toggleMarkAtRange: CoreEditor['toggleMarkAtRange'];
+    unwrapBlockAtRange: CoreEditor['unwrapBlockAtRange'];
+    unwrapInlineAtRange: CoreEditor['unwrapInlineAtRange'];
+    wrapBlockAtRange: CoreEditor['wrapBlockAtRange'];
+    wrapInlineAtRange: CoreEditor['wrapInlineAtRange'];
+    wrapTextAtRange: CoreEditor['wrapTextAtRange'];
+    addMarkByKey: CoreEditor['addMarkByKey'];
+    addMarkByPath: CoreEditor['addMarkByPath'];
+    insertNodeByKey: CoreEditor['insertNodeByKey'];
+    insertNodeByPath: CoreEditor['insertNodeByPath'];
+    insertFragmentByKey: CoreEditor['insertFragmentByKey'];
+    insertFragmentByPath: CoreEditor['insertFragmentByPath'];
+    insertTextByKey: CoreEditor['insertTextByKey'];
+    insertTextByPath: CoreEditor['insertTextByPath'];
+    mergeNodeByKey: CoreEditor['mergeNodeByKey'];
+    mergeNodeByPath: CoreEditor['mergeNodeByPath'];
+    moveNodeByKey: CoreEditor['moveNodeByKey'];
+    moveNodeByPath: CoreEditor['moveNodeByPath'];
+    removeMarkByKey: CoreEditor['removeMarkByKey'];
+    removeMarkByPath: CoreEditor['removeMarkByPath'];
+    removeNodeByKey: CoreEditor['removeNodeByKey'];
+    removeNodeByPath: CoreEditor['removeNodeByPath'];
+    replaceNodeByKey: CoreEditor['replaceNodeByKey'];
+    replaceNodeByPath: CoreEditor['replaceNodeByPath'];
+    removeTextByKey: CoreEditor['removeTextByKey'];
+    removeTextByPath: CoreEditor['removeTextByPath'];
+    setMarkByKey: CoreEditor['setMarkByKey'];
+    setMarksByPath: CoreEditor['setMarksByPath'];
+    setNodeByKey: CoreEditor['setNodeByKey'];
+    setNodeByPath: CoreEditor['setNodeByPath'];
+    splitNodeByKey: CoreEditor['splitNodeByKey'];
+    splitNodeByPath: CoreEditor['splitNodeByPath'];
+    unwrapInlineByKey: CoreEditor['unwrapInlineByKey'];
+    unwrapInlineByPath: CoreEditor['unwrapInlineByPath'];
+    unwrapBlockByKey: CoreEditor['unwrapBlockByKey'];
+    unwrapBlockByPath: CoreEditor['unwrapBlockByPath'];
+    unwrapNodeByKey: CoreEditor['unwrapNodeByKey'];
+    unwrapNodeByPath: CoreEditor['unwrapNodeByPath'];
+    wrapInlineByKey: CoreEditor['wrapInlineByKey'];
+    wrapInlineByPath: CoreEditor['wrapInlineByPath'];
+    wrapBlockByKey: CoreEditor['wrapBlockByKey'];
+    wrapBlockByPath: CoreEditor['wrapBlockByPath'];
+    wrapNodeByKey: CoreEditor['wrapNodeByKey'];
+    wrapNodeByPath: CoreEditor['wrapNodeByPath'];
+    normalize: CoreEditor['normalize'];
+    withoutNormalizing: CoreEditor['withoutNormalizing'];
+    withoutSaving: CoreEditor['withoutSaving'];
+    withoutMerging: CoreEditor['withoutMerging'];
+    redo: CoreEditor['redo'];
+    undo: CoreEditor['undo'];
+    snapshotSelection: CoreEditor['snapshotSelection'];
+    command: CoreEditor['command'];
+    query: CoreEditor['query'];
+    registerCommand: CoreEditor['registerCommand'];
+    registerQuery: CoreEditor['registerQuery'];
+    applyOperation: CoreEditor['applyOperation'];
+    run: CoreEditor['run'];
 }
 
 export type SlateType =
diff --git a/types/slate-react/slate-react-tests.tsx b/types/slate-react/slate-react-tests.tsx
index d8c8ea0073..4f8f55b47b 100644
--- a/types/slate-react/slate-react-tests.tsx
+++ b/types/slate-react/slate-react-tests.tsx
@@ -1,9 +1,10 @@
 import { Editor, Plugin, EditorProps, RenderNodeProps } from "slate-react";
-import { Change, Value } from "slate";
+import { Value, Editor as Controller, Operation, Point, Range, Inline, Mark, Document } from "slate";
 import * as React from "react";
+import * as Immutable from "immutable";
 
 class MyPlugin implements Plugin {
-    renderNode(props: RenderNodeProps) {
+    renderNode(props: RenderNodeProps, editor: Controller, next: () => void) {
         const { node } = props;
         if (node) {
             switch (node.object) {
@@ -11,16 +12,13 @@ class MyPlugin implements Plugin {
                     return <div id="slate-block-test"/>;
                 case "inline":
                     return <span id="slate-inline-test">Hello world</span>;
-                case "text":
-                    return <p id="slate-text-test">Hello world</p>;
                 default:
                     return undefined;
             }
         }
     }
-
-    onChange(change: Change): void {
-        change.blur();
+    onChange = (change: {operations: Immutable.List<Operation>, value: Value}) => {
+        console.log(change.value);
     }
 }
 
@@ -30,18 +28,266 @@ interface MyEditorState {
     value: Value;
 }
 
+const value = Value.create();
+
 class MyEditor extends React.Component<EditorProps, MyEditorState> {
     constructor(props: EditorProps) {
         super(props);
         this.state = {
-            value: Value.create()
+            value
         };
     }
-
     render() {
         return <Editor
             value={this.state.value}
-            onChange={myPlugin.onChange}
-            renderNode={myPlugin.renderNode} />;
+            renderNode={ myPlugin.renderNode }
+            onChange={ myPlugin.onChange }/>;
     }
 }
+
+const editor = new Editor({ value });
+const point = Point.create({ key: "a", offset: 0 });
+const range = Range.create({ anchor: point, focus: point });
+const inline = Inline.create("text");
+const mark = Mark.create("bold");
+const doc = Document.fromJSON({
+	object: "document",
+	data: {},
+	nodes: []
+});
+
+editor
+.addMark("bold")
+.addMarkAtRange(range, "italic")
+.addMarkByKey("a", 0, 1, "bold")
+.addMarkByPath("a", 0, 1, "bold")
+.blur()
+.delete()
+.deleteAtRange(range)
+.deleteBackward(0)
+.deleteBackwardAtRange(range, 0)
+.deleteCharBackwardAtRange(range)
+.deleteCharForwardAtRange(range)
+.deleteForward(0)
+.deleteForwardAtRange(range, 0)
+.deleteLineBackwardAtRange(range)
+.deleteLineForwardAtRange(range)
+.deleteWordBackwardAtRange(range)
+.deleteWordForwardAtRange(range)
+.deselect()
+.flip()
+.focus()
+.insertBlock({
+	type: "image",
+	key: "b",
+	data: {
+		src: "http://placekitten.com/200/300",
+		alt: "Kittens",
+		className: "img-responsive"
+	}
+})
+.insertBlockAtRange(range, "text")
+.insertFragment(doc)
+.insertFragmentAtRange(range, doc)
+.insertFragmentByKey("a", 0, doc)
+.insertFragmentByPath("a", 0, doc)
+.insertInline(inline)
+.insertInlineAtRange(range, inline)
+.insertNodeByKey("a", 0, inline)
+.insertNodeByPath("a", 0, inline)
+.insertText("A bit of rich text, followed by...")
+.insertTextAtRange(range, "More text")
+.insertTextByKey("a", 0, "text")
+.insertTextByPath("a", 0, "text")
+.mergeNodeByKey("b")
+.mergeNodeByPath("b")
+.moveAnchorBackward()
+.moveAnchorEndOfNode(inline)
+.moveAnchorForward()
+.moveAnchorTo("a", 0)
+.moveAnchorToEndOfBlock()
+.moveAnchorToEndOfDocument()
+.moveAnchorToEndOfInline()
+.moveAnchorToEndOfNextBlock()
+.moveAnchorToEndOfNextInline()
+.moveAnchorToEndOfNextText()
+.moveAnchorToEndOfPreviousBlock()
+.moveAnchorToEndOfPreviousInline()
+.moveAnchorToEndOfPreviousText()
+.moveAnchorToEndOfText()
+.moveAnchorToStartOfBlock()
+.moveAnchorToStartOfDocument()
+.moveAnchorToStartOfInline()
+.moveAnchorToStartOfNextBlock()
+.moveAnchorToStartOfNextInline()
+.moveAnchorToStartOfNextText()
+.moveAnchorToStartOfNode(inline)
+.moveAnchorToStartOfPreviousBlock()
+.moveAnchorToStartOfPreviousInline()
+.moveAnchorToStartOfPreviousText()
+.moveAnchorToStartOfText()
+.moveBackward()
+.moveEndBackward()
+.moveEndForward()
+.moveEndTo("a", 0)
+.moveEndToEndOfBlock()
+.moveEndToEndOfDocument()
+.moveEndToEndOfInline()
+.moveEndToEndOfNextBlock()
+.moveEndToEndOfNextInline()
+.moveEndToEndOfNextText()
+.moveEndToEndOfNode(inline)
+.moveEndToEndOfPreviousBlock()
+.moveEndToEndOfPreviousInline()
+.moveEndToEndOfPreviousText()
+.moveEndToEndOfText()
+.moveEndToStartOfBlock()
+.moveEndToStartOfDocument()
+.moveEndToStartOfInline()
+.moveEndToStartOfNextBlock()
+.moveEndToStartOfNextInline()
+.moveEndToStartOfNextText()
+.moveEndToStartOfNode(inline)
+.moveEndToStartOfPreviousBlock()
+.moveEndToStartOfPreviousInline()
+.moveEndToStartOfPreviousText()
+.moveEndToStartOfText()
+.moveFocusBackward()
+.moveFocusForward()
+.moveFocusTo("a", 0)
+.moveFocusToEndOfBlock()
+.moveFocusToEndOfDocument()
+.moveFocusToEndOfInline()
+.moveFocusToEndOfNextBlock()
+.moveFocusToEndOfNextInline()
+.moveFocusToEndOfNextText()
+.moveFocusToEndOfNode(inline)
+.moveFocusToEndOfPreviousBlock()
+.moveFocusToEndOfPreviousInline()
+.moveFocusToEndOfPreviousText()
+.moveFocusToEndOfText()
+.moveFocusToStartOfBlock()
+.moveFocusToStartOfDocument()
+.moveFocusToStartOfInline()
+.moveFocusToStartOfNextBlock()
+.moveFocusToStartOfNextInline()
+.moveFocusToStartOfNextText()
+.moveFocusToStartOfNode(inline)
+.moveFocusToStartOfPreviousBlock()
+.moveFocusToStartOfPreviousInline()
+.moveFocusToStartOfPreviousText()
+.moveFocusToStartOfText()
+.moveForward()
+.moveNodeByKey("b", "c", 2)
+.moveNodeByPath("c", "b", 1)
+.moveStartBackward()
+.moveStartForward()
+.moveStartTo("a", 0)
+.moveStartToEndOfBlock()
+.moveStartToEndOfDocument()
+.moveStartToEndOfInline()
+.moveStartToEndOfNextBlock()
+.moveStartToEndOfNextInline()
+.moveStartToEndOfNextText()
+.moveStartToEndOfNode(inline)
+.moveStartToEndOfPreviousBlock()
+.moveStartToEndOfPreviousInline()
+.moveStartToEndOfPreviousText()
+.moveStartToEndOfText()
+.moveStartToStartOfBlock()
+.moveStartToStartOfDocument()
+.moveStartToStartOfInline()
+.moveStartToStartOfNextBlock()
+.moveStartToStartOfNextInline()
+.moveStartToStartOfNextText()
+.moveStartToStartOfNode(inline)
+.moveStartToStartOfPreviousBlock()
+.moveStartToStartOfPreviousInline()
+.moveStartToStartOfPreviousText()
+.moveStartToStartOfText()
+.moveTo("a", 0)
+.moveToAnchor()
+.moveToEnd()
+.moveToEndOfBlock()
+.moveToEndOfDocument()
+.moveToEndOfInline()
+.moveToEndOfNextBlock()
+.moveToEndOfNextInline()
+.moveToEndOfNextText()
+.moveToEndOfNode(inline)
+.moveToEndOfPreviousBlock()
+.moveToEndOfPreviousInline()
+.moveToEndOfPreviousText()
+.moveToEndOfText()
+.moveToFocus()
+.moveToRangeOf(inline)
+.moveToRangeOfDocument()
+.moveToStart()
+.moveToStartOfBlock()
+.moveToStartOfDocument()
+.moveToStartOfInline()
+.moveToStartOfNextBlock()
+.moveToStartOfNextInline()
+.moveToStartOfNextText()
+.moveToStartOfNode(inline)
+.moveToStartOfPreviousBlock()
+.moveToStartOfPreviousInline()
+.moveToStartOfPreviousText()
+.moveToStartOfText()
+.normalize()
+.redo()
+.removeMark("bold")
+.removeMarkAtRange(range, "bold")
+.removeMarkByKey("a", 0, 1, "bold")
+.removeMarkByPath("a", 0, 1, "bold")
+.removeNodeByKey("b")
+.removeNodeByPath("b")
+.removeTextByKey("a", 0, 1)
+.removeTextByPath("a", 0, 1)
+.replaceMark("bold", "italic")
+.replaceNodeByKey("a", inline)
+.replaceNodeByPath("a", inline)
+.select(range)
+.setBlocks("paragraph")
+.setBlocksAtRange(range, "paragraph")
+.setInlines("paragraph")
+.setInlinesAtRange(range, "paragraph")
+.setMarkByKey("a", 0, 1, mark, { type: "bold" })
+.setMarksByPath("a", 0, 1, mark, { type: "bold" })
+.setNodeByKey("a", "paragraph")
+.setNodeByPath("a", "paragraph")
+.snapshotSelection()
+.splitBlock(0)
+.splitBlockAtRange(range, 0)
+.splitInline(0)
+.splitInlineAtRange(range, 0)
+.splitNodeByKey("a", 0)
+.splitNodeByPath("a", 0)
+.toggleMark("bold")
+.toggleMarkAtRange(range, "bold")
+.undo()
+.unwrapBlock("paragraph")
+.unwrapBlockAtRange(range, "paragraph")
+.unwrapBlockByKey("a", "paragraph")
+.unwrapBlockByPath("a", "paragraph")
+.unwrapInline("paragraph")
+.unwrapInlineAtRange(range, "paragraph")
+.unwrapInlineByKey("a", "paragraph")
+.unwrapInlineByPath("a", "paragraph")
+.unwrapNodeByKey("a")
+.unwrapNodeByPath("a")
+.withoutMerging(() => { /* noop */ })
+.withoutNormalizing(() => { /* noop */ })
+.withoutSaving(() => { /* noop */ })
+.wrapBlock("paragraph")
+.wrapBlockAtRange(range, "paragraph")
+.wrapBlockByKey("a", "paragraph")
+.wrapBlockByPath("a", "paragraph")
+.wrapInline("paragraph")
+.wrapInlineAtRange(range, "paragraph")
+.wrapInlineByKey("a", "paragraph")
+.wrapInlineByPath("a", "paragraph")
+.wrapNodeByKey("a", inline)
+.wrapNodeByPath("a", inline)
+.wrapText("a", "b")
+.wrapTextAtRange(range, "a");
diff --git a/types/slate/index.d.ts b/types/slate/index.d.ts
index f1cd8ecc64..5656c58bb3 100644
--- a/types/slate/index.d.ts
+++ b/types/slate/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for slate 0.40
+// Type definitions for slate 0.43
 // Project: https://github.com/ianstormtaylor/slate
 // Definitions by: Andy Kent <https://github.com/andykent>
 //                 Jamie Talbot <https://github.com/majelbstoat>
@@ -7,9 +7,11 @@
 //                 Kalley Powell <https://github.com/kalley>
 //                 Francesco Agnoletto <https://github.com/Kornil>
 //                 Irwan Fario Subastian <https://github.com/isubasti>
+//                 Sebastian Greaves <https://github.com/sgreav>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 import * as Immutable from "immutable";
+import { SyntheticEvent } from "react";
 
 export class Data extends Immutable.Record({}) {
     [key: string]: any;
@@ -25,7 +27,7 @@ export interface RulesByNodeType {
 
 export interface ObjectAndType {
     object?: string;
-    types?: string;
+    type?: string;
 }
 
 export interface Rules {
@@ -40,7 +42,7 @@ export interface Rules {
         max?: number;
         match?: ObjectAndType | ObjectAndType[];
     }>;
-    normalize?: (change: Change, error: SlateError) => void;
+    normalize?: (editor: Editor, error: SlateError) => void;
     parent?: ObjectAndType | ObjectAndType[];
     text?: RegExp;
 }
@@ -143,7 +145,6 @@ export class Value extends Immutable.Record({}) {
     static fromJS(properties: ValueJSON): Value;
     static isValue(maybeValue: any): maybeValue is Value;
 
-    change(): Change;
     toJSON(): ValueJSON;
     addMark(path: Path, offset: number, length: number, mark: Mark): Value;
     insertNode(path: Path, node: Node): Value;
@@ -326,7 +327,7 @@ export class Text extends Immutable.Record({}) {
     getFirstText(): Text;
     getLastText(): Text;
     getText(): string;
-    getMarksBetweenOffset(
+    getMarksBetweenOffsets(
         startOffset: number,
         endOffset: number
     ): Immutable.Set<Mark>;
@@ -361,7 +362,7 @@ export interface LeafProperties {
 }
 
 export interface LeafJSON {
-    marks?: Mark[];
+    marks?: MarkJSON[];
     text?: string;
 }
 
@@ -576,487 +577,6 @@ export class Mark extends Immutable.Record({}) {
     toJSON(): MarkProperties;
 }
 
-export interface ChangeOption {
-    normalize?: boolean;
-}
-
-export class Change extends Immutable.Record({}) {
-    object: "change";
-    value: Value;
-    operations: Immutable.List<Operation>;
-
-    call(customChange: (change: Change, ...args: any[]) => Change): Change;
-
-    applyOperations(operations: Operation[]): Change;
-    applyOperation(operation: Operation): Change;
-
-    withoutNormalization(fn: (change: Change) => void): Change;
-    setOperationFlag(key: string, value: any): Change;
-    getFlag(key: string, options?: object): any;
-    unsetOperationFlag(key: string): Change;
-
-    // Full Value Change
-    setValue(properties: Value | ValueProperties): Change;
-
-    // Current Value Changes
-    deleteBackward(n: number): Change;
-    deleteForward(n: number): Change;
-    delete(): Change;
-    insertBlock(block: Block | BlockProperties | string): Change;
-    insertFragment(fragment: Document): Change;
-    insertInline(inline: Inline | InlineProperties): Change;
-    insertText(text: string): Change;
-    addMark(mark: Mark | MarkProperties | string): Change;
-    setBlocks(properties: BlockProperties | string): Change;
-    setInlines(properties: InlineProperties | string): Change;
-    splitBlock(depth: number): Change;
-    splitInline(depth: number): Change;
-    removeMark(mark: Mark | MarkProperties | string): Change;
-    replaceMark(
-        mark: Mark | MarkProperties | string,
-        newMark: Mark | MarkProperties | string
-    ): Change;
-    toggleMark(mark: Mark | MarkProperties | string): Change;
-    unwrapBlock(properties: BlockProperties | string): Change;
-    unwrapInline(properties: InlineProperties | string): Change;
-    wrapBlock(properties: BlockProperties | string): Change;
-    wrapInline(properties: InlineProperties | string): Change;
-    wrapText(prefix: string, suffix?: string): Change;
-
-    // Selection Changes
-    blur(): Change;
-
-    flip(): Change;
-    focus(): Change;
-    move(n: number): Change;
-
-    moveAnchorBackward(n?: number): Change;
-    moveAnchorForward(n?: number): Change;
-    moveAnchorTo(path: Path, offset: number): Change;
-    moveAnchorToEndOfBlock(): Change;
-    moveAnchorToEndOfInline(): Change;
-    moveAnchorToEndOfDocument(): Change;
-    moveAnchorToEndOfNextBlock(): Change;
-    moveAnchorToEndOfNextInline(): Change;
-    moveAnchorToEndOfNextText(): Change;
-    moveAnchorEndOfNode(node: Node): Change;
-    moveAnchorToEndOfPreviousBlock(): Change;
-    moveAnchorToEndOfPreviousInline(): Change;
-    moveAnchorToEndOfPreviousText(): Change;
-    moveAnchorToEndOfText(): Change;
-    moveAnchorToStartOfBlock(): Change;
-    moveAnchorToStartOfDocument(): Change;
-    moveAnchorToStartOfInline(): Change;
-    moveAnchorToStartOfNextBlock(): Change;
-    moveAnchorToStartOfNextInline(): Change;
-    moveAnchorToStartOfNextText(): Change;
-    moveAnchorToStartOfNode(node: Node): Change;
-    moveAnchorToStartOfPreviousBlock(): Change;
-    moveAnchorToStartOfPreviousInline(): Change;
-    moveAnchorToStartOfPreviousText(): Change;
-    moveAnchorToStartOfText(): Change;
-
-    moveBackward(point: Point, n?: number): Change;
-    moveEndBackward(point: Point, n?: number): Change;
-    moveEndForward(point: Point, n?: number): Change;
-
-    moveEndTo(path: Path, offset: number): Change;
-    moveEndToEndOfBlock(): Change;
-    moveEndToEndOfDocument(): Change;
-    moveEndToEndOfInline(): Change;
-    moveEndToEndOfNextBlock(): Change;
-    moveEndToEndOfNextInline(): Change;
-    moveEndToEndOfNextText(): Change;
-    moveEndToEndOfNode(node: Node): Change;
-    moveEndToEndOfPreviousBlock(): Change;
-    moveEndToEndOfPreviousInline(): Change;
-    moveEndToEndOfPreviousText(): Change;
-    moveEndToEndOfText(): Change;
-    moveEndToStartOfBlock(): Change;
-    moveEndToStartOfDocument(): Change;
-    moveEndToStartOfInline(): Change;
-    moveEndToStartOfNextBlock(): Change;
-    moveEndToStartOfNextInline(): Change;
-    moveEndToStartOfNextText(): Change;
-    moveEndToStartOfNode(node: Node): Change;
-    moveEndToStartOfPreviousBlock(): Change;
-    moveEndToStartOfPreviousInline(): Change;
-    moveEndToStartOfPreviousText(): Change;
-    moveEndToStartOfText(): Change;
-
-    moveFocusBackward(n?: number): Change;
-    moveFocusForward(n?: number): Change;
-    moveFocusTo(point: Point, n?: number): Change;
-    moveFocusToEndOfBlock(): Change;
-    moveFocusToEndOfDocument(): Change;
-    moveFocusToEndOfInline(): Change;
-    moveFocusToEndOfNextBlock(): Change;
-    moveFocusToEndOfNextInline(): Change;
-    moveFocusToEndOfNextText(): Change;
-    moveFocusToEndOfNode(node: Node): Change;
-    moveFocusToEndOfPreviousBlock(): Change;
-    moveFocusToEndOfPreviousInline(): Change;
-    moveFocusToEndOfPreviousText(): Change;
-    moveFocusToEndOfText(): Change;
-    moveFocusToStartOfBlock(): Change;
-    moveFocusToStartOfDocument(): Change;
-    moveFocusToStartOfInline(): Change;
-    moveFocusToStartOfNextBlock(): Change;
-    moveFocusToStartOfNextInline(): Change;
-    moveFocusToStartOfNextText(): Change;
-    moveFocusToStartOfNode(node: Node): Change;
-    moveFocusToStartOfPreviousBlock(): Change;
-    moveFocusToStartOfPreviousInline(): Change;
-    moveFocusToStartOfPreviousText(): Change;
-    moveFocusToStartOfText(): Change;
-
-    moveForward(point: Point, n?: number): Change;
-
-    moveStartForward(point: Point, n?: number): Change;
-    moveStartBackward(point: Point, n?: number): Change;
-    moveStartTo(point: Point, n?: number): Change;
-    moveStartToEndOfBlock(): Change;
-    moveStartToEndOfDocument(): Change;
-    moveStartToEndOfInline(): Change;
-    moveStartToEndOfNextBlock(): Change;
-    moveStartToEndOfNextInline(): Change;
-    moveStartToEndOfNextText(): Change;
-    moveStartToEndOfNode(node: Node): Change;
-    moveStartToEndOfPreviousBlock(): Change;
-    moveStartToEndOfPreviousInline(): Change;
-    moveStartToEndOfPreviousText(): Change;
-    moveStartToEndOfText(): Change;
-    moveStartToStartOfBlock(): Change;
-    moveStartToStartOfDocument(): Change;
-    moveStartToStartOfInline(): Change;
-    moveStartToStartOfNextBlock(): Change;
-    moveStartToStartOfNextInline(): Change;
-    moveStartToStartOfNextText(): Change;
-    moveStartToStartOfNode(node: Node): Change;
-    moveStartToStartOfPreviousBlock(): Change;
-    moveStartToStartOfPreviousInline(): Change;
-    moveStartToStartOfPreviousText(): Change;
-    moveStartToStartOfText(): Change;
-
-    moveTo(path: Path, offset: number): Change;
-    moveToAnchor(): Change;
-    moveToFocus(): Change;
-    moveToStart(): Change;
-    moveToEnd(): Change;
-    moveToEndOfBlock(): Change;
-    moveToEndOfDocument(): Change;
-    moveToEndOfInline(): Change;
-    moveToEndOfNextBlock(): Change;
-    moveToEndOfNextInline(): Change;
-    moveToEndOfNextText(): Change;
-    moveToEndOfNode(node: Node): Change;
-    moveToEndOfPreviousBlock(): Change;
-    moveToEndOfPreviousInline(): Change;
-    moveToEndOfPreviousText(): Change;
-    moveToEndOfText(): Change;
-    moveToStartOfBlock(): Change;
-    moveToStartOfDocument(): Change;
-    moveToStartOfInline(): Change;
-    moveToStartOfNextBlock(): Change;
-    moveToStartOfNextInline(): Change;
-    moveToStartOfNextText(): Change;
-    moveToStartOfNode(node: Node): Change;
-    moveToStartOfPreviousBlock(): Change;
-    moveToStartOfPreviousInline(): Change;
-    moveToStartOfPreviousText(): Change;
-    moveToStartOfText(): Change;
-
-    moveToRangeOfDocument(): Change;
-    moveToRangeOfNode(node: Node): Change;
-    select(properties: Range | RangeProperties, options: ChangeOption): Change;
-    setAnchor(point: Point): Change;
-    setEnd(point: Point): Change;
-    setFocus(point: Point): Change;
-    setStart(point: Point): Change;
-    snapshotSelection(): Change;
-    deselect(): Change;
-
-    // Document Changes
-    deleteCharBackwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteLineBackwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteWordBackwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteBackwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteCharForwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteLineForwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteWordForwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteForwardAtRange(range: Range, options?: ChangeOption): Change;
-    deleteAtRange(range: Range, options?: ChangeOption): Change;
-    insertBlockAtRange(
-        range: Range,
-        block: Block | BlockProperties | string,
-        options?: ChangeOption
-    ): Change;
-    insertFragmentAtRange(
-        range: Range,
-        fragment: Document,
-        options?: ChangeOption
-    ): Change;
-    insertInlineAtRange(
-        range: Range,
-        inline: Inline | InlineProperties,
-        options?: ChangeOption
-    ): Change;
-    insertTextAtRange(
-        range: Range,
-        text: string,
-        marks?: Immutable.Set<Mark>,
-        options?: ChangeOption
-    ): Change;
-    addMarkAtRange(
-        range: Range,
-        mark: Mark | MarkProperties | string,
-        options?: ChangeOption
-    ): Change;
-    addMarksAtRange(
-        range: Range,
-        marks: Mark[] | MarkProperties[] | string[],
-        options?: ChangeOption
-    ): Change;
-    setBlocksAtRange(
-        range: Range,
-        properties: BlockProperties | string,
-        options?: ChangeOption
-    ): Change;
-    setInlinesAtRange(
-        range: Range,
-        properties: InlineProperties | string,
-        options?: ChangeOption
-    ): Change;
-    splitBlockAtRange(
-        range: Range,
-        depth: number,
-        height?: number,
-        options?: ChangeOption
-    ): Change;
-    splitInlineAtRange(
-        range: Range,
-        depth: number,
-        height?: number,
-        options?: ChangeOption
-    ): Change;
-    removeMarkAtRange(
-        range: Range,
-        mark: Mark | MarkProperties | string,
-        options?: ChangeOption
-    ): Change;
-    toggleMarkAtRange(
-        range: Range,
-        mark: Mark | MarkProperties | string,
-        options?: ChangeOption
-    ): Change;
-    unwrapBlockAtRange(
-        range: Range,
-        properties: BlockProperties | string,
-        options?: ChangeOption
-    ): Change;
-    unwrapInlineAtRange(
-        range: Range,
-        properties: InlineProperties | string,
-        options?: ChangeOption
-    ): Change;
-    wrapBlockAtRange(
-        range: Range,
-        properties: BlockProperties | string,
-        options?: ChangeOption
-    ): Change;
-    wrapInlineAtRange(
-        range: Range,
-        properties: InlineProperties | string,
-        options?: ChangeOption
-    ): Change;
-    wrapTextAtRange(
-        range: Range,
-        prefix: string,
-        suffix?: string,
-        options?: ChangeOption
-    ): Change;
-
-    // Node Changes
-    addMarkByKey(
-        key: string,
-        offset: number,
-        length: number,
-        mark: Mark
-    ): Change;
-    insertNodeByKey(key: string, index: number, node: Node): Change;
-    insertFragmentByKey(key: string, index: number, fragment: Document): Change;
-    insertTextByKey(
-        key: string,
-        offset: number,
-        text: string,
-        marks?: Immutable.Set<Mark> | Mark[]
-    ): Change;
-    moveNodeByKey(key: string, newKey: string, newIndex: number): Change;
-    removeMarkByKey(
-        key: string,
-        offset: number,
-        length: number,
-        mark: Mark
-    ): Change;
-    removeNodeByKey(key: string): Change;
-    replaceNodeByKey(key: string, node: Node): Change;
-    removeTextByKey(key: string, offset: number, length: number): Change;
-    setMarkByKey(
-        key: string,
-        offset: number,
-        length: number,
-        mark: Mark,
-        properties: MarkProperties
-    ): Change;
-    setNodeByKey(
-        key: string,
-        properties: BlockProperties | InlineProperties | string
-    ): Change;
-    splitNodeByKey(key: string, offset: number): Change;
-    unwrapInlineByKey(
-        key: string,
-        properties: InlineProperties | string
-    ): Change;
-    unwrapBlockByKey(key: string, properties: BlockProperties | string): Change;
-    unwrapNodeByKey(key: string): Change;
-    wrapInlineByKey(key: string, properties: InlineProperties | string): Change;
-    wrapBlockByKey(key: string, properties: BlockProperties | string): Change;
-    wrapNodeByKey(key: string): Change;
-
-    // by path
-    addMarkByPath(
-        path: Path,
-        offset: number,
-        length: number,
-        mark: MarkProperties | Mark | string,
-        options: ChangeOption
-    ): Change;
-    insertFragmentByPath(
-        path: Path,
-        index: number,
-        fragment: Document,
-        options: ChangeOption
-    ): Change;
-    insertNodeByPath(
-        path: Path,
-        index: number,
-        node: Node,
-        options: ChangeOption
-    ): Change;
-    insertTextByPath(
-        path: Path,
-        offset: number,
-        text: string,
-        marks: Immutable.Set<Mark> | null | undefined,
-        options: ChangeOption
-    ): Change;
-    mergeNodeByPath(path: Path, options: ChangeOption): Change;
-    mergeNodeByKey(key: string, options: ChangeOption): Change;
-    moveNodeByPath(
-        path: Path,
-        newPath: Path,
-        newIndex: number,
-        options: ChangeOption
-    ): Change;
-    removeMarkByPath(
-        path: Path,
-        offset: number,
-        length: number,
-        mark: MarkProperties | Mark | string,
-        options: ChangeOption
-    ): Change;
-    removeAllMarksByPath(path: Path, options: ChangeOption): Change;
-    removeAllMarksByKey(key: string, options: ChangeOption): Change;
-    removeNodeByPath(path: Path, options: ChangeOption): Change;
-    removeTextByPath(
-        path: Path,
-        offset: number,
-        length: number,
-        options: ChangeOption
-    ): Change;
-    replaceNodeByPath(path: Path, newNode: Node, options: ChangeOption): Change;
-    replaceTextByPath(
-        path: Path,
-        offset: number,
-        length: number,
-        text: string,
-        marks: Immutable.Set<Mark> | null | undefined,
-        options: ChangeOption
-    ): Change;
-    replaceTextByKey(
-        key: string,
-        offset: number,
-        length: number,
-        text: string,
-        marks: Immutable.Set<Mark> | null | undefined,
-        options: ChangeOption
-    ): Change;
-    setMarksByPath(
-        path: Path,
-        offset: number,
-        length: number,
-        mark: Mark,
-        properties: MarkProperties,
-        options: ChangeOption
-    ): Change;
-    setNodeByPath(
-        path: Path,
-        properties: NodeProperties,
-        options: ChangeOption
-    ): Change;
-    setTextByPath(
-        path: Path,
-        text: string,
-        marks: Immutable.Set<Mark> | null | undefined,
-        options: ChangeOption
-    ): Change;
-    setTextByKey(
-        key: string,
-        text: string,
-        marks: Immutable.Set<Mark> | null | undefined,
-        options: ChangeOption
-    ): Change;
-    splitNodeByPath(
-        path: Path,
-        position: number,
-        options?: ChangeOption
-    ): Change;
-    splitDescendantByPath(
-        path: Path,
-        textPath: Path,
-        textOffset: number,
-        options: ChangeOption
-    ): Change;
-    unwrapInlineByPath(
-        path: Path,
-        properties: InlineProperties,
-        options: ChangeOption
-    ): Change;
-    unwrapBlockByPath(
-        path: Path,
-        properties: BlockProperties,
-        options: ChangeOption
-    ): Change;
-    unwrapNodeByPath(path: Path, options: ChangeOption): Change;
-    wrapBlockByPath(path: Path, block: Block, options: ChangeOption): Change;
-    wrapInlineByPath(path: Path, inline: Inline, options: ChangeOption): Change;
-    wrapNodeByPath(path: Path, node: Node): Change;
-
-    normalize(options: ChangeOption): Change;
-    normalizeDocument(options: ChangeOption): Change;
-    normalizeNodeByKey(key: string, options: ChangeOption): Change;
-    normalizeAncestorsByKey(key: string): Change;
-    normalizeParentByKey(key: string, options: ChangeOption): Change;
-    normalizeNodeByPath(path: Path, options: ChangeOption): Change;
-    normalizeParentByPath(path: Path, options: ChangeOption): Change;
-    normalizeNodeAndChildren(node: Node, schema: Schema): Change;
-    normalizeNode(node: Node, schema: Schema): Change;
-
-    // History Changes
-    redo(): Change;
-    undo(): Change;
-}
-
 export interface SelectionProperties {
     anchor?: Point;
     focus?: Point;
@@ -1476,10 +996,10 @@ export class SlateError extends Error {
     [key: string]: any;
 }
 
-export interface KeyUtils {
-    create(key: string): string;
-    setGenerator(func: () => any): void;
-    resetGenerator(): void;
+export namespace KeyUtils {
+    function create(key?: string): string;
+    function setGenerator(func: () => any): void;
+    function resetGenerator(): void;
 }
 
 export type useMemoization = () => void;
@@ -1527,4 +1047,1355 @@ export interface PathUtils {
     ): Immutable.List<number>;
 }
 
+export interface EditorProperties {
+    onChange?: (change: { operations: Immutable.List<Operation>, value: Value }) => void;
+    plugins?: any[];
+    readOnly?: boolean;
+    value?: Value;
+}
+
+export class Editor implements Controller {
+    object: "editor";
+    onChange: (change: { operations: Immutable.List<Operation>, value: Value }) => void;
+    plugins: any[];
+    readOnly: boolean;
+    value: Value;
+    constructor(attributes: EditorProperties)
+
+    /**
+     * Synchronously flush the current changes to editor, calling onChange.
+     * In normal operation you never need to use this method! Reserved for testing.
+     */
+    flush(): Editor;
+
+    setReadOnly(readOnly: boolean): Editor;
+
+    /**
+     * Set the editor's value state.
+     * You can optionally provide a normalize option to either for the editor to completely re-normalize the new value based on its schema or not.
+     * By default, the editor will re-normalize only if the value is not equal to its previously seen value (which it knows was normalized).
+     */
+    setValue(value: Value, options?: { normalize: boolean }): Editor;
+
+    // Commandable
+    addMark(mark: Mark | MarkProperties | string): Editor;
+    delete(): Editor;
+    deleteBackward(n: number): Editor;
+    deleteForward(n: number): Editor;
+    insertBlock(block: Block | BlockProperties | string): Editor;
+    insertFragment(fragment: Document): Editor;
+    insertInline(inline: Inline | InlineProperties): Editor;
+    insertText(text: string): Editor;
+    setBlocks(properties: BlockProperties | string): Editor;
+    setInlines(properties: InlineProperties | string): Editor;
+    splitBlock(depth: number): Editor;
+    splitInline(depth: number): Editor;
+    removeMark(mark: Mark | MarkProperties | string): Editor;
+    replaceMark(
+        mark: Mark | MarkProperties | string,
+        newMark: Mark | MarkProperties | string
+    ): Editor;
+    toggleMark(mark: Mark | MarkProperties | string): Editor;
+    unwrapBlock(properties: BlockProperties | string): Editor;
+    unwrapInline(properties: InlineProperties | string): Editor;
+    wrapBlock(properties: BlockProperties | string): Editor;
+    wrapInline(properties: InlineProperties | string): Editor;
+    wrapText(prefix: string, suffix?: string): Editor;
+    blur(): Editor;
+    deselect(): Editor;
+    flip(): Editor;
+    focus(): Editor;
+    moveAnchorBackward(n?: number): Editor;
+    moveAnchorForward(n?: number): Editor;
+    moveAnchorTo(path: Path, offset?: number): Editor;
+    moveAnchorToEndOfBlock(): Editor;
+    moveAnchorToEndOfInline(): Editor;
+    moveAnchorToEndOfDocument(): Editor;
+    moveAnchorToEndOfNextBlock(): Editor;
+    moveAnchorToEndOfNextInline(): Editor;
+    moveAnchorToEndOfNextText(): Editor;
+    moveAnchorEndOfNode(node: Node): Editor;
+    moveAnchorToEndOfPreviousBlock(): Editor;
+    moveAnchorToEndOfPreviousInline(): Editor;
+    moveAnchorToEndOfPreviousText(): Editor;
+    moveAnchorToEndOfText(): Editor;
+    moveAnchorToStartOfBlock(): Editor;
+    moveAnchorToStartOfDocument(): Editor;
+    moveAnchorToStartOfInline(): Editor;
+    moveAnchorToStartOfNextBlock(): Editor;
+    moveAnchorToStartOfNextInline(): Editor;
+    moveAnchorToStartOfNextText(): Editor;
+    moveAnchorToStartOfNode(node: Node): Editor;
+    moveAnchorToStartOfPreviousBlock(): Editor;
+    moveAnchorToStartOfPreviousInline(): Editor;
+    moveAnchorToStartOfPreviousText(): Editor;
+    moveAnchorToStartOfText(): Editor;
+    moveEndBackward(n?: number): Editor;
+    moveEndForward(n?: number): Editor;
+    moveEndTo(path: Path, offset?: number): Editor;
+    moveEndToEndOfBlock(): Editor;
+    moveEndToEndOfDocument(): Editor;
+    moveEndToEndOfInline(): Editor;
+    moveEndToEndOfNextBlock(): Editor;
+    moveEndToEndOfNextInline(): Editor;
+    moveEndToEndOfNextText(): Editor;
+    moveEndToEndOfNode(node: Node): Editor;
+    moveEndToEndOfPreviousBlock(): Editor;
+    moveEndToEndOfPreviousInline(): Editor;
+    moveEndToEndOfPreviousText(): Editor;
+    moveEndToEndOfText(): Editor;
+    moveEndToStartOfBlock(): Editor;
+    moveEndToStartOfDocument(): Editor;
+    moveEndToStartOfInline(): Editor;
+    moveEndToStartOfNextBlock(): Editor;
+    moveEndToStartOfNextInline(): Editor;
+    moveEndToStartOfNextText(): Editor;
+    moveEndToStartOfNode(node: Node): Editor;
+    moveEndToStartOfPreviousBlock(): Editor;
+    moveEndToStartOfPreviousInline(): Editor;
+    moveEndToStartOfPreviousText(): Editor;
+    moveEndToStartOfText(): Editor;
+    moveFocusBackward(n?: number): Editor;
+    moveFocusForward(n?: number): Editor;
+    moveFocusTo(path: Path, offset?: number): Editor;
+    moveFocusToEndOfBlock(): Editor;
+    moveFocusToEndOfDocument(): Editor;
+    moveFocusToEndOfInline(): Editor;
+    moveFocusToEndOfNextBlock(): Editor;
+    moveFocusToEndOfNextInline(): Editor;
+    moveFocusToEndOfNextText(): Editor;
+    moveFocusToEndOfNode(node: Node): Editor;
+    moveFocusToEndOfPreviousBlock(): Editor;
+    moveFocusToEndOfPreviousInline(): Editor;
+    moveFocusToEndOfPreviousText(): Editor;
+    moveFocusToEndOfText(): Editor;
+    moveFocusToStartOfBlock(): Editor;
+    moveFocusToStartOfDocument(): Editor;
+    moveFocusToStartOfInline(): Editor;
+    moveFocusToStartOfNextBlock(): Editor;
+    moveFocusToStartOfNextInline(): Editor;
+    moveFocusToStartOfNextText(): Editor;
+    moveFocusToStartOfNode(node: Node): Editor;
+    moveFocusToStartOfPreviousBlock(): Editor;
+    moveFocusToStartOfPreviousInline(): Editor;
+    moveFocusToStartOfPreviousText(): Editor;
+    moveFocusToStartOfText(): Editor;
+    moveStartForward(n?: number): Editor;
+    moveStartBackward(n?: number): Editor;
+    moveStartTo(path: Path, n?: number): Editor;
+    moveStartToEndOfBlock(): Editor;
+    moveStartToEndOfDocument(): Editor;
+    moveStartToEndOfInline(): Editor;
+    moveStartToEndOfNextBlock(): Editor;
+    moveStartToEndOfNextInline(): Editor;
+    moveStartToEndOfNextText(): Editor;
+    moveStartToEndOfNode(node: Node): Editor;
+    moveStartToEndOfPreviousBlock(): Editor;
+    moveStartToEndOfPreviousInline(): Editor;
+    moveStartToEndOfPreviousText(): Editor;
+    moveStartToEndOfText(): Editor;
+    moveStartToStartOfBlock(): Editor;
+    moveStartToStartOfDocument(): Editor;
+    moveStartToStartOfInline(): Editor;
+    moveStartToStartOfNextBlock(): Editor;
+    moveStartToStartOfNextInline(): Editor;
+    moveStartToStartOfNextText(): Editor;
+    moveStartToStartOfNode(node: Node): Editor;
+    moveStartToStartOfPreviousBlock(): Editor;
+    moveStartToStartOfPreviousInline(): Editor;
+    moveStartToStartOfPreviousText(): Editor;
+    moveStartToStartOfText(): Editor;
+    moveBackward(n?: number): Editor;
+    moveForward(n?: number): Editor;
+    moveTo(path: Path, offset?: number): Editor;
+    moveToAnchor(): Editor;
+    moveToFocus(): Editor;
+    moveToStart(): Editor;
+    moveToEnd(): Editor;
+    moveToEndOfBlock(): Editor;
+    moveToEndOfDocument(): Editor;
+    moveToEndOfInline(): Editor;
+    moveToEndOfNextBlock(): Editor;
+    moveToEndOfNextInline(): Editor;
+    moveToEndOfNextText(): Editor;
+    moveToEndOfNode(node: Node): Editor;
+    moveToEndOfPreviousBlock(): Editor;
+    moveToEndOfPreviousInline(): Editor;
+    moveToEndOfPreviousText(): Editor;
+    moveToEndOfText(): Editor;
+    moveToStartOfBlock(): Editor;
+    moveToStartOfDocument(): Editor;
+    moveToStartOfInline(): Editor;
+    moveToStartOfNextBlock(): Editor;
+    moveToStartOfNextInline(): Editor;
+    moveToStartOfNextText(): Editor;
+    moveToStartOfNode(node: Node): Editor;
+    moveToStartOfPreviousBlock(): Editor;
+    moveToStartOfPreviousInline(): Editor;
+    moveToStartOfPreviousText(): Editor;
+    moveToStartOfText(): Editor;
+    moveToRangeOfDocument(): Editor;
+    moveToRangeOf(node: Node): Editor;
+    select(properties: Range | RangeProperties): Editor;
+    addMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Editor;
+    deleteAtRange(range: Range): Editor;
+    deleteCharBackwardAtRange(range: Range): Editor;
+    deleteLineBackwardAtRange(range: Range): Editor;
+    deleteWordBackwardAtRange(range: Range): Editor;
+    deleteBackwardAtRange(range: Range, n: number): Editor;
+    deleteCharForwardAtRange(range: Range): Editor;
+    deleteLineForwardAtRange(range: Range): Editor;
+    deleteWordForwardAtRange(range: Range): Editor;
+    deleteForwardAtRange(range: Range, n: number): Editor;
+    insertBlockAtRange(range: Range, block: Block | BlockProperties | string): Editor;
+    insertFragmentAtRange(range: Range, fragment: Document): Editor;
+    insertInlineAtRange(range: Range, inline: Inline | InlineProperties): Editor;
+    insertTextAtRange(range: Range, text: string): Editor;
+    setBlocksAtRange(range: Range, properties: BlockProperties | string): Editor;
+    setInlinesAtRange(range: Range, properties: InlineProperties | string): Editor;
+    splitBlockAtRange(range: Range, depth: number): Editor;
+    splitInlineAtRange(range: Range, depth: number): Editor;
+    removeMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Editor;
+    toggleMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Editor;
+    unwrapBlockAtRange(range: Range, properties: BlockProperties | string): Editor;
+    unwrapInlineAtRange(range: Range, properties: InlineProperties | string): Editor;
+    wrapBlockAtRange(range: Range, properties: BlockProperties | string): Editor;
+    wrapInlineAtRange(range: Range, properties: InlineProperties | string): Editor;
+    wrapTextAtRange(range: Range, prefix: string, suffix?: string): Editor;
+    addMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Editor;
+    addMarkByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Editor;
+    insertNodeByKey(key: string, index: number, node: Node): Editor;
+    insertNodeByPath(path: Path, index: number, node: Node): Editor;
+    insertFragmentByKey(key: string, index: number, fragment: Document): Editor;
+    insertFragmentByPath(path: Path, index: number, fragment: Document): Editor;
+    insertTextByKey(
+        key: string,
+        offset: number,
+        text: string,
+        marks?: Immutable.Set<Mark> | Mark[]
+    ): Editor;
+    insertTextByPath(
+        path: Path,
+        offset: number,
+        text: string,
+        marks?: Immutable.Set<Mark> | Mark[]
+    ): Editor;
+    mergeNodeByKey(key: string): Editor;
+    mergeNodeByPath(path: Path): Editor;
+    moveNodeByKey(key: string, newKey: string, newIndex: number): Editor;
+    moveNodeByPath(path: Path, newPath: Path, newIndex: number): Editor;
+    removeMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: Mark | Mark | string
+    ): Editor;
+    removeMarkByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Editor;
+    removeNodeByKey(key: string): Editor;
+    removeNodeByPath(path: Path): Editor;
+    replaceNodeByKey(key: string, node: Node): Editor;
+    replaceNodeByPath(path: Path, newNode: Node): Editor;
+    removeTextByKey(key: string, offset: number, length: number): Editor;
+    removeTextByPath(path: Path, offset: number, length: number): Editor;
+    setMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: Mark,
+        properties: MarkProperties
+    ): Editor;
+    setMarksByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: Mark,
+        properties: MarkProperties
+    ): Editor;
+    setNodeByKey(key: string, properties: BlockProperties | InlineProperties | string): Editor;
+    setNodeByPath(path: Path, properties: NodeProperties | InlineProperties | string): Editor;
+    splitNodeByKey(key: string, offset: number): Editor;
+    splitNodeByPath(path: Path, position: number): Editor;
+    unwrapInlineByKey(key: string, properties: InlineProperties | string): Editor;
+    unwrapInlineByPath(path: Path, properties: InlineProperties | string): Editor;
+    unwrapBlockByKey(key: string, properties: BlockProperties | string): Editor;
+    unwrapBlockByPath(path: Path, properties: BlockProperties | string): Editor;
+    unwrapNodeByKey(key: string): Editor;
+    unwrapNodeByPath(path: Path): Editor;
+    wrapInlineByKey(key: string, properties: InlineProperties | string): Editor;
+    wrapInlineByPath(path: Path, properties: InlineProperties | string): Editor;
+    wrapBlockByKey(key: string, properties: BlockProperties | string): Editor;
+    wrapBlockByPath(path: Path, block: Block | string): Editor;
+    wrapNodeByKey(key: string, parent: Node): Editor;
+    wrapNodeByPath(path: Path, parent: Node): Editor;
+    normalize(): Editor;
+    withoutNormalizing(fn: () => void): Editor;
+    withoutSaving(fn: () => void): Editor;
+    withoutMerging(fn: () => void): Editor;
+    redo(): Editor;
+    undo(): Editor;
+    snapshotSelection(): Editor;
+    command(name: string, ...args: any[]): Editor;
+    query(query: string, ...args: any[]): Editor;
+    registerCommand(command: string): Editor;
+    registerQuery(query: string): Editor;
+    applyOperation(operation: Operation): Editor;
+    run(key: string, ...args: any[]): Editor;
+}
+
+export interface Controller {
+    // Current Selection Commands //
+    /**
+     * Add a mark to the characters in the current selection
+     */
+    addMark(mark: Mark | MarkProperties | string): Controller;
+
+    /**
+     * Delete everything in the current selection.
+     */
+    delete(): Controller;
+
+    /**
+     * Delete backward n characters at the current cursor.
+     * If the selection is expanded, behaviour is equivalent to delete()
+     */
+    deleteBackward(n: number): Controller;
+
+    /**
+     * Delete backward n characters at the current cursor.
+     * If the selection is expanded, behaviour is equivalent to delete()
+     */
+    deleteForward(n: number): Controller;
+
+    /**
+     * Insert a new block at the same level as the current block, splitting the current block to make room if it is non-empty.
+     * If the selection is expanded, it will be deleted first.
+     */
+    insertBlock(block: Block | BlockProperties | string): Controller;
+
+    /**
+     * Insert a document fragment at the current selection. If the selection is expanded, it will be deleted first.
+     */
+    insertFragment(fragment: Document): Controller;
+
+    /**
+     * Insert a new inline at the current cursor position, splitting the text to make room if it is non-empty.
+     * If the selection is expanded, it will be deleted first.
+     */
+    insertInline(inline: Inline | InlineProperties): Controller;
+
+    /**
+     * Insert a string of text at the current selection. If the selection is expanded, it will be deleted first
+     */
+    insertText(text: string): Controller;
+
+    /**
+     * Set the properties of the Blocks in the current selection.
+     * Passing a string will set the blocks' type only.
+     */
+    setBlocks(properties: BlockProperties | string): Controller;
+
+    /**
+     * Set the properties of the Inlines nodes in the current selection.
+     * Passing a string will set the nodes' type only.
+     */
+    setInlines(properties: InlineProperties | string): Controller;
+
+    /**
+     * Split the Block in the current selection by depth levels.
+     * If the selection is expanded, it will be deleted first.
+     */
+    splitBlock(depth: number): Controller;
+
+    /**
+     * Split the Inline node in the current selection by depth levels.
+     * If the selection is expanded, it will be deleted first
+     */
+    splitInline(depth: number): Controller;
+
+    /**
+     * Remove a mark from the characters in the current selection.
+     * Passing a string will implicitly create a Mark of that type for removal.
+     */
+    removeMark(mark: Mark | MarkProperties | string): Controller;
+
+    /**
+     * Remove a mark from the characters in the current selection.
+     * Passing a string will implicitly create a Mark of that type.
+     */
+    replaceMark(
+        mark: Mark | MarkProperties | string,
+        newMark: Mark | MarkProperties | string
+    ): Controller;
+
+    /**
+     * Add or remove a mark from the characters in the current selection, depending on it already exists on any or not.
+     * Passing a string will implicitly create a Mark of that type to toggle.
+     */
+    toggleMark(mark: Mark | MarkProperties | string): Controller;
+
+    /**
+     * Unwrap all Block nodes in the current selection that match a type and/or data
+     */
+    unwrapBlock(properties: BlockProperties | string): Controller;
+
+    /**
+     * Unwrap all Inline nodes in the current selection that match a type and/or data
+     */
+    unwrapInline(properties: InlineProperties | string): Controller;
+
+    /**
+     * Wrap the Block nodes in the current selection with a new Block
+     */
+    wrapBlock(properties: BlockProperties | string): Controller;
+
+    /**
+     *  Wrap the Block nodes in the current selection with a new Inline
+     */
+    wrapInline(properties: InlineProperties | string): Controller;
+
+    /**
+     * Surround the text in the current selection with prefix and suffix strings.
+     * If the suffix is ommitted, the prefix will be used instead.
+     */
+    wrapText(prefix: string, suffix?: string): Controller;
+
+    // Selection Commands //
+    /**
+     * Blur the current selection
+     */
+    blur(): Controller;
+
+    /**
+     * Unset the selection
+     */
+    deselect(): Controller;
+
+    /**
+     * Flip the selection
+     */
+    flip(): Controller;
+
+    /**
+     * Focus the current selection
+     */
+    focus(): Controller;
+
+    /**
+     * Move the anchor of the current selection backward n characters
+     */
+    moveAnchorBackward(n?: number): Controller;
+    /**
+     * Move the anchor of the current selection forward n characters
+     */
+    moveAnchorForward(n?: number): Controller;
+    /**
+     * Move the anchor of the current selection to a new path and offset
+     */
+    moveAnchorTo(path: Path, offset?: number): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the closest block parent.
+     */
+    moveAnchorToEndOfBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the closest inline parent.
+     */
+    moveAnchorToEndOfInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the document.
+     */
+    moveAnchorToEndOfDocument(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the next block.
+     */
+    moveAnchorToEndOfNextBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the next inline.
+     */
+    moveAnchorToEndOfNextInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the next text.
+     */
+    moveAnchorToEndOfNextText(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the provided node.
+     */
+    moveAnchorEndOfNode(node: Node): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the previous block.
+     */
+    moveAnchorToEndOfPreviousBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the previous inline.
+     */
+    moveAnchorToEndOfPreviousInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the previous text.
+     */
+    moveAnchorToEndOfPreviousText(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the current text node.
+     */
+    moveAnchorToEndOfText(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the closest block parent.
+     */
+    moveAnchorToStartOfBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the document.
+     */
+    moveAnchorToStartOfDocument(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the closest inline parent.
+     */
+    moveAnchorToStartOfInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the next block.
+     */
+    moveAnchorToStartOfNextBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the next inline.
+     */
+    moveAnchorToStartOfNextInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the next text node.
+     */
+    moveAnchorToStartOfNextText(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the provided node.
+     */
+    moveAnchorToStartOfNode(node: Node): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the previous block.
+     */
+    moveAnchorToStartOfPreviousBlock(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the previous inline.
+     */
+    moveAnchorToStartOfPreviousInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the previous text node.
+     */
+    moveAnchorToStartOfPreviousText(): Controller;
+    /**
+     * Move the anchor of the current selection to the start of the current text node.
+     */
+    moveAnchorToStartOfText(): Controller;
+
+    /**
+     * Move the end of the selection backward n characters
+     */
+    moveEndBackward(n?: number): Controller;
+    /**
+     * Move the end of the selection foward n characters
+     */
+    moveEndForward(n?: number): Controller;
+
+    /**
+     * Move the end of the selection to a new path and offset
+     */
+    moveEndTo(path: Path, offset?: number): Controller;
+    /**
+     * Move the end of the current selection to the end of the closest block parent.
+     */
+    moveEndToEndOfBlock(): Controller;
+    /**
+     * Move the end of the current selection to the end of the document.
+     */
+    moveEndToEndOfDocument(): Controller;
+    /**
+     * Move the end of the current selection to the end of the closest inline parent.
+     */
+    moveEndToEndOfInline(): Controller;
+    /**
+     * Move the anchor of the current selection to the end of the next block.
+     */
+    moveEndToEndOfNextBlock(): Controller;
+    /**
+     * Move the end of the current selection to the end of the next inline.
+     */
+    moveEndToEndOfNextInline(): Controller;
+    /**
+     * Move the end of the current selection to the end of the next text.
+     */
+    moveEndToEndOfNextText(): Controller;
+    /**
+     * Move the end of the current selection to the end of the provided node.
+     */
+    moveEndToEndOfNode(node: Node): Controller;
+    /**
+     * Move the end of the current selection to the end of the previous block.
+     */
+    moveEndToEndOfPreviousBlock(): Controller;
+    /**
+     * Move the end of the current selection to the end of the previous inline.
+     */
+    moveEndToEndOfPreviousInline(): Controller;
+    /**
+     * Move the commandable of the current selection to the end of the previous text.
+     */
+    moveEndToEndOfPreviousText(): Controller;
+    /**
+     * Move the end of the current selection to the end of the current text node.
+     */
+    moveEndToEndOfText(): Controller;
+    /**
+     * Move the end of the current selection to the start of the closest block parent.
+     */
+    moveEndToStartOfBlock(): Controller;
+    /**
+     * Move the end of the current selection to the start of the document.
+     */
+    moveEndToStartOfDocument(): Controller;
+    /**
+     * Move the end of the current selection to the start of the closest inline parent.
+     */
+    moveEndToStartOfInline(): Controller;
+    /**
+     * Move the end of the current selection to the start of the next block.
+     */
+    moveEndToStartOfNextBlock(): Controller;
+    /**
+     * Move the end of the current selection to the start of the next inline.
+     */
+    moveEndToStartOfNextInline(): Controller;
+    /**
+     * Move the end of the current selection to the start of the next text node.
+     */
+    moveEndToStartOfNextText(): Controller;
+    /**
+     * Move the end of the current selection to the start of the provided node.
+     */
+    moveEndToStartOfNode(node: Node): Controller;
+    /**
+     * Move the end of the current selection to the start of the previous block.
+     */
+    moveEndToStartOfPreviousBlock(): Controller;
+    /**
+     * Move the end of the current selection to the start of the previous inline.
+     */
+    moveEndToStartOfPreviousInline(): Controller;
+    /**
+     * Move the end of the current selection to the start of the previous text node.
+     */
+    moveEndToStartOfPreviousText(): Controller;
+    /**
+     * Move the end of the current selection to the start of the current text node.
+     */
+    moveEndToStartOfText(): Controller;
+
+    /**
+     * Move the focus of the current selection backward n characters
+     */
+    moveFocusBackward(n?: number): Controller;
+    /**
+     * Move the focus of the current selection forward n characters
+     */
+    moveFocusForward(n?: number): Controller;
+    /**
+     * Move the focus of the current selection to a new path and offset
+     */
+    moveFocusTo(path: Path, offset?: number): Controller;
+    /**
+     * Move the focus of the current selection to the end of the closest block parent.
+     */
+    moveFocusToEndOfBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the document.
+     */
+    moveFocusToEndOfDocument(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the closest inline parent.
+     */
+    moveFocusToEndOfInline(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the next block.
+     */
+    moveFocusToEndOfNextBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the next inline.
+     */
+    moveFocusToEndOfNextInline(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the next text.
+     */
+    moveFocusToEndOfNextText(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the provided node.
+     */
+    moveFocusToEndOfNode(node: Node): Controller;
+    /**
+     * Move the focus of the current selection to the end of the previous block.
+     */
+    moveFocusToEndOfPreviousBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the previous inline.
+     */
+    moveFocusToEndOfPreviousInline(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the previous text.
+     */
+    moveFocusToEndOfPreviousText(): Controller;
+    /**
+     * Move the focus of the current selection to the end of the current text node.
+     */
+    moveFocusToEndOfText(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the closest block parent.
+     */
+    moveFocusToStartOfBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the document.
+     */
+    moveFocusToStartOfDocument(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the closest inline parent.
+     */
+    moveFocusToStartOfInline(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the next block.
+     */
+    moveFocusToStartOfNextBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the next inline.
+     */
+    moveFocusToStartOfNextInline(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the next text node.
+     */
+    moveFocusToStartOfNextText(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the provided node.
+     */
+    moveFocusToStartOfNode(node: Node): Controller;
+    /**
+     * Move the focus of the current selection to the start of the previous block.
+     */
+    moveFocusToStartOfPreviousBlock(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the previous inline.
+     */
+    moveFocusToStartOfPreviousInline(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the previous text node.
+     */
+    moveFocusToStartOfPreviousText(): Controller;
+    /**
+     * Move the focus of the current selection to the start of the current text node.
+     */
+    moveFocusToStartOfText(): Controller;
+
+    /**
+     * Move the start of the current selection backward n characters
+     */
+    moveStartForward(n?: number): Controller;
+    /**
+     * Move the start of the current selection forward n characters
+     */
+    moveStartBackward(n?: number): Controller;
+    /**
+     * Move the start of the current selection to a new path and offset
+     */
+    moveStartTo(path: Path, n?: number): Controller;
+    /**
+     * Move the start of the current selection to the end of the closest block parent.
+     */
+    moveStartToEndOfBlock(): Controller;
+    /**
+     * Move the start of the current selection to the end of the document.
+     */
+    moveStartToEndOfDocument(): Controller;
+    /**
+     * Move the start of the current selection to the end of the closest inline parent.
+     */
+    moveStartToEndOfInline(): Controller;
+    /**
+     * Move the start of the current selection to the end of the next block.
+     */
+    moveStartToEndOfNextBlock(): Controller;
+    /**
+     * Move the start of the current selection to the end of the next inline.
+     */
+    moveStartToEndOfNextInline(): Controller;
+    /**
+     * Move the start of the current selection to the end of the next text.
+     */
+    moveStartToEndOfNextText(): Controller;
+    /**
+     * Move the start of the current selection to the end of the provided node.
+     */
+    moveStartToEndOfNode(node: Node): Controller;
+    /**
+     * Move the start of the current selection to the end of the previous block.
+     */
+    moveStartToEndOfPreviousBlock(): Controller;
+    /**
+     * Move the start of the current selection to the end of the previous inline.
+     */
+    moveStartToEndOfPreviousInline(): Controller;
+    /**
+     * Move the start of the current selection to the end of the previous text.
+     */
+    moveStartToEndOfPreviousText(): Controller;
+    /**
+     * Move the start of the current selection to the end of the current text node.
+     */
+    moveStartToEndOfText(): Controller;
+    /**
+     * Move the start of the current selection to the start of the closest block parent.
+     */
+    moveStartToStartOfBlock(): Controller;
+    /**
+     * Move the start of the current selection to the start of the document.
+     */
+    moveStartToStartOfDocument(): Controller;
+    /**
+     * Move the start of the current selection to the start of the closest inline parent.
+     */
+    moveStartToStartOfInline(): Controller;
+    /**
+     * Move the start of the current selection to the start of the next block.
+     */
+    moveStartToStartOfNextBlock(): Controller;
+    /**
+     * Move the start of the current selection to the start of the next inline.
+     */
+    moveStartToStartOfNextInline(): Controller;
+    /**
+     * Move the start of the current selection to the start of the next text node.
+     */
+    moveStartToStartOfNextText(): Controller;
+    /**
+     * Move the start of the current selection to the start of the provided node.
+     */
+    moveStartToStartOfNode(node: Node): Controller;
+    /**
+     * Move the start of the current selection to the start of the previous block.
+     */
+    moveStartToStartOfPreviousBlock(): Controller;
+    /**
+     * Move the start of the current selection to the start of the previous inline.
+     */
+    moveStartToStartOfPreviousInline(): Controller;
+    /**
+     * Move the start of the current selection to the start of the previous text node.
+     */
+    moveStartToStartOfPreviousText(): Controller;
+    /**
+     * Move the start of the current selection to the start of the current text node.
+     */
+    moveStartToStartOfText(): Controller;
+
+    /**
+     * Move the anchor and focus of the selection backward n characters.
+     */
+    moveBackward(n?: number): Controller;
+    /**
+     * Move the anchor and focus of the selection forward n characters.
+     */
+    moveForward(n?: number): Controller;
+    /**
+     * Collapse the current selection at the provided new path and offset.
+     */
+    moveTo(path: Path, offset?: number): Controller;
+    /**
+     * Collapse the current selection at the anchor.
+     */
+    moveToAnchor(): Controller;
+    /**
+     * Collapse the current selection at the focus.
+     */
+    moveToFocus(): Controller;
+    /**
+     * Collapse the current selection at the start.
+     */
+    moveToStart(): Controller;
+    /**
+     * Collapse the current selection at the end.
+     */
+    moveToEnd(): Controller;
+    /**
+     * Collapse the current selection at the end of the closest block parent.
+     */
+    moveToEndOfBlock(): Controller;
+    /**
+     * Collapse the current selection at the end of the document.
+     */
+    moveToEndOfDocument(): Controller;
+    /**
+     * Collapse the current selection at the end of the closest inline parent.
+     */
+    moveToEndOfInline(): Controller;
+    /**
+     * Collapse the current selection at the end of the next block.
+     */
+    moveToEndOfNextBlock(): Controller;
+    /**
+     * Collapse the current selection at the end of the inline.
+     */
+    moveToEndOfNextInline(): Controller;
+    /**
+     * Collapse the current selection at the end of the next text node.
+     */
+    moveToEndOfNextText(): Controller;
+    /**
+     * Collapse the current selection at the end of the provided node.
+     */
+    moveToEndOfNode(node: Node): Controller;
+    /**
+     * Collapse the current selection at the end of the previous block.
+     */
+    moveToEndOfPreviousBlock(): Controller;
+    /**
+     * Collapse the current selection at the end of the previous inline.
+     */
+    moveToEndOfPreviousInline(): Controller;
+    /**
+     * Collapse the current selection at the end of the previous text node.
+     */
+    moveToEndOfPreviousText(): Controller;
+    /**
+     * Collapse the current selection at the end of the current text node.
+     */
+    moveToEndOfText(): Controller;
+    /**
+     * Collapse the current selection at the start of the nearest block parent.
+     */
+    moveToStartOfBlock(): Controller;
+    /**
+     * Collapse the current selection at the start of the document.
+     */
+    moveToStartOfDocument(): Controller;
+    /**
+     * Collapse the current selection at the start of the nearest inline parent.
+     */
+    moveToStartOfInline(): Controller;
+    /**
+     * Collapse the current selection at the start of the next block.
+     */
+    moveToStartOfNextBlock(): Controller;
+    /**
+     * Collapse the current selection at the start of the next inline.
+     */
+    moveToStartOfNextInline(): Controller;
+    /**
+     * Collapse the current selection at the start of the next text node.
+     */
+    moveToStartOfNextText(): Controller;
+    /**
+     * Collapse the current selection at the start of the provided node.
+     */
+    moveToStartOfNode(node: Node): Controller;
+    /**
+     * Collapse the current selection at the start of the previous block.
+     */
+    moveToStartOfPreviousBlock(): Controller;
+    /**
+     * Collapse the current selection at the start of the previous inline.
+     */
+    moveToStartOfPreviousInline(): Controller;
+    /**
+     * Collapse the current selection at the start of the previous text node.
+     */
+    moveToStartOfPreviousText(): Controller;
+    /**
+     * Collapse the current selection at the start of the current text node.
+     */
+    moveToStartOfText(): Controller;
+
+    /**
+     * Move the current selection's anchor to the start of the document and its focus to the end of it, selecting everything.
+     */
+    moveToRangeOfDocument(): Controller;
+    /**
+     * Move the current selection's anchor to the start of the provided node and its focus to the end of it.
+     */
+    moveToRangeOf(node: Node): Controller;
+    /**
+     * Merge the current selection with the provided properties
+     */
+    select(properties: Range | RangeProperties): Controller;
+
+    // Document Range Commands //
+
+    /**
+     * Add a mark to the characters in the range.
+     * Passing a string as `mark` will implicitly create a mark with that `type`
+     */
+    addMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Controller;
+    /**
+     * Delete everything in the range
+     */
+    deleteAtRange(range: Range): Controller;
+    /**
+     * Delete backward until the char boundary at a range
+     */
+    deleteCharBackwardAtRange(range: Range): Controller;
+    /**
+     * Delete backward until the line boundary at a range
+     */
+    deleteLineBackwardAtRange(range: Range): Controller;
+    /**
+     * Delete backward until the word boundary at a range
+     */
+    deleteWordBackwardAtRange(range: Range): Controller;
+    /**
+     * Delete backward n characters at a range
+     */
+    deleteBackwardAtRange(range: Range, n: number): Controller;
+    /**
+     * Delete forward until the char boundary at a range
+     */
+    deleteCharForwardAtRange(range: Range): Controller;
+    /**
+     * Delete forward until the line boundary at a range
+     */
+    deleteLineForwardAtRange(range: Range): Controller;
+    /**
+     * Delete forward until the word boundary at a range
+     */
+    deleteWordForwardAtRange(range: Range): Controller;
+    /**
+     * Delete forward n characters at a range
+     */
+    deleteForwardAtRange(range: Range, n: number): Controller;
+
+    /**
+     * Insert a block node at range, splitting text to make room if it is non-empty.
+     * If the range is expanded, it will be deleted first.
+     */
+    insertBlockAtRange(range: Range, block: Block | BlockProperties | string): Controller;
+    /**
+     * Insert a document fragment at a range, if the range is expanded, it will be deleted first.
+     */
+    insertFragmentAtRange(range: Range, fragment: Document): Controller;
+    /**
+     * Insert a new inline at range, splitting text to make room if it is non-empty.
+     * If the range is expanded, it will be deleted first.
+     */
+    insertInlineAtRange(range: Range, inline: Inline | InlineProperties): Controller;
+    /**
+     * Insert text at range. If the range is expanded it will be deleted first
+     */
+    insertTextAtRange(range: Range, text: string): Controller;
+    /**
+     * Set the properties of the block nodes in a range.
+     * Passing a string will set the nodes' type only
+     */
+    setBlocksAtRange(range: Range, properties: BlockProperties | string): Controller;
+    /**
+     * Set the properties of the inline nodes in a range.
+     * Passing a string will set the nodes' type only
+     */
+    setInlinesAtRange(range: Range, properties: InlineProperties | string): Controller;
+    /**
+     * Split the block in a range by depth levels. If the range is expanded it will be deleted first.
+     */
+    splitBlockAtRange(range: Range, depth: number): Controller;
+    /**
+     * Split the inline in a range by depth levels. If the range is expanded it will be deleted first.
+     */
+    splitInlineAtRange(range: Range, depth: number): Controller;
+    /**
+     * Remove a mark from characters in the range. Passing a string will
+     * implicitly create a mark of that type for deletion.
+     */
+    removeMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Controller;
+    /**
+     * Add or remove a mark from characters in the range. Passing a string will
+     * implicitly create a mark of that type for deletion.
+     */
+    toggleMarkAtRange(range: Range, mark: Mark | MarkProperties | string): Controller;
+    /**
+     * Unwrap all block nodes in a range that match properties
+     */
+    unwrapBlockAtRange(range: Range, properties: BlockProperties | string): Controller;
+    /**
+     * Unwrap all inline nodes in a range that match properties
+     */
+    unwrapInlineAtRange(range: Range, properties: InlineProperties | string): Controller;
+    /**
+     * wrap all block nodes in a range with a new block node with the provided properties
+     */
+    wrapBlockAtRange(range: Range, properties: BlockProperties | string): Controller;
+    /**
+     * wrap all inline nodes in a range with a new inline node with the provided properties
+     */
+    wrapInlineAtRange(range: Range, properties: InlineProperties | string): Controller;
+    /**
+     * Surround the text in a range with a prefix and suffix. If the suffix is ommitted,
+     * the prefix will be used instead.
+     */
+    wrapTextAtRange(range: Range, prefix: string, suffix?: string): Controller;
+
+    // Node commands //
+    /**
+     * Add a mark to length characters starting at an offset in a node by key
+     */
+    addMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Controller;
+    /**
+     * Add a mark to length characters starting at an offset in a node by path
+     */
+    addMarkByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Controller;
+    /**
+     * Insert a node at index inside a parent node by key
+     */
+    insertNodeByKey(key: string, index: number, node: Node): Controller;
+    /**
+     * Insert a node at index inside a parent node by apth
+     */
+    insertNodeByPath(path: Path, index: number, node: Node): Controller;
+    /**
+     * Insert a document fragment at index inside a parent node by key
+     */
+    insertFragmentByKey(key: string, index: number, fragment: Document): Controller;
+    /**
+     * Insert a document fragment at index inside a parent node by path
+     */
+    insertFragmentByPath(path: Path, index: number, fragment: Document): Controller;
+    /**
+     * Insert text at an offset in a text node by its key with optional marks
+     */
+    insertTextByKey(
+        key: string,
+        offset: number,
+        text: string,
+        marks?: Immutable.Set<Mark> | Mark[]
+    ): Controller;
+    /**
+     * Insert text at an offset in a text node by its path with optional marks
+     */
+    insertTextByPath(
+        path: Path,
+        offset: number,
+        text: string,
+        marks?: Immutable.Set<Mark> | Mark[]
+    ): Controller;
+    /**
+     * Merge a node by its key with its previous sibling
+     */
+    mergeNodeByKey(key: string): Controller;
+    /**
+     * Merge a node by its path with its previous sibling
+     */
+    mergeNodeByPath(path: Path): Controller;
+    /**
+     * Move a node by its key to a new parent node with with newkey at newindex
+     */
+    moveNodeByKey(key: string, newKey: string, newIndex: number): Controller;
+    /**
+     * Move a node by its path to a new parent node with with newpath at newindex
+     */
+    moveNodeByPath(path: Path, newPath: Path, newIndex: number): Controller;
+    /**
+     * Remove a mark from length characters starting at an offset in a node by key
+     */
+    removeMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: Mark | Mark | string
+    ): Controller;
+    /**
+     * Remove a mark from length characters starting at an offset in a node by path
+     */
+    removeMarkByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: MarkProperties | Mark | string
+    ): Controller;
+    /**
+     * Remove a node from the document by its key
+     */
+    removeNodeByKey(key: string): Controller;
+    /**
+     * Remove a node from the document by its path
+     */
+    removeNodeByPath(path: Path): Controller;
+    /**
+     * Replace a node in the document with a new node by key
+     */
+    replaceNodeByKey(key: string, node: Node): Controller;
+    /**
+     * Replace a node in the document with a new node by path
+     */
+    replaceNodeByPath(path: Path, newNode: Node): Controller;
+    /**
+     * Remove length characters of text starting at an offset in a node by key
+     */
+    removeTextByKey(key: string, offset: number, length: number): Controller;
+    /**
+     * Remove length characters of text starting at an offset in a node by path
+     */
+    removeTextByPath(path: Path, offset: number, length: number): Controller;
+    /**
+     * Set a dictionary of properties on a mark by its key.
+     */
+    setMarkByKey(
+        key: string,
+        offset: number,
+        length: number,
+        mark: Mark,
+        properties: MarkProperties
+    ): Controller;
+    /**
+     * Set a dictionary of properties on a mark by its path.
+     */
+    setMarksByPath(
+        path: Path,
+        offset: number,
+        length: number,
+        mark: Mark,
+        properties: MarkProperties
+    ): Controller;
+    /**
+     * Set a dictionary of properties on a node by its key.
+     */
+    setNodeByKey(key: string, properties: BlockProperties | InlineProperties | string): Controller;
+    /**
+     * Set a dictionary of properties on a node by its key.
+     */
+    setNodeByPath(path: Path, properties: NodeProperties | InlineProperties | string): Controller;
+    /**
+     * Split a node by its key at an offset
+     */
+    splitNodeByKey(key: string, offset: number): Controller;
+    /**
+     * Split a node by its path at an offset
+     */
+    splitNodeByPath(path: Path, position: number): Controller;
+    /**
+     * Unwrap all inner content of an inline node by its key that match properties
+     */
+    unwrapInlineByKey(key: string, properties: InlineProperties | string): Controller;
+    /**
+     * Unwrap all inner content of an inline node by its path that match properties
+     */
+    unwrapInlineByPath(path: Path, properties: InlineProperties | string): Controller;
+    /**
+     * Unwrap all inner content of a block node by its key that match properties
+     */
+    unwrapBlockByKey(key: string, properties: BlockProperties | string): Controller;
+    /**
+     * Unwrap all inner content of a block node by its path that match properties
+     */
+    unwrapBlockByPath(path: Path, properties: BlockProperties | string): Controller;
+    /**
+     * Unwrap a single node from its parent. if the node is surrounded with siblings the parent will be split.
+     * If the node is an only child, it will replace the parent
+     */
+    unwrapNodeByKey(key: string): Controller;
+    /**
+     * Unwrap a single node from its parent. if the node is surrounded with siblings the parent will be split.
+     * If the node is an only child, it will replace the parent
+     */
+    unwrapNodeByPath(path: Path): Controller;
+    /**
+     * Wrap the given node by key in an Inline node that matches properties.
+     */
+    wrapInlineByKey(key: string, properties: InlineProperties | string): Controller;
+    /**
+     * Wrap the given node by path in an Inline node that matches properties.
+     */
+    wrapInlineByPath(path: Path, properties: InlineProperties | string): Controller;
+    /**
+     * Wrap the given node by key in a block node that matches properties.
+     */
+    wrapBlockByKey(key: string, properties: BlockProperties | string): Controller;
+    /**
+     * Wrap the given node by path in a block node that matches properties.
+     */
+    wrapBlockByPath(path: Path, block: Block | string): Controller;
+    /**
+     * Wrap the node with the specified key with the parent node, this will clear all children of the parent.
+     */
+    wrapNodeByKey(key: string, parent: Node): Controller;
+    /**
+     * Wrap the node with the specified key with the parent node, this will clear all children of the parent.
+     */
+    wrapNodeByPath(path: Path, parent: Node): Controller;
+
+    // Miscellaneous Commands //
+    /**
+     * Normalizes the document with the value's schema. Run automatically unless manually disabled.
+     * Use it sparingly and strategically, as it can be very expensive.
+     */
+    normalize(): Controller;
+    /**
+     * Calls the provided function with the current commandable as the first argument.
+     * Normalization does not occur while the function is executing and is deferred to execute immediately after completion.
+     *
+     * This allows for sequence change operations to not be interrupted by normalization
+     */
+    withoutNormalizing(fn: () => void): Controller;
+    /**
+     * By default all operations are saved to the commandable's history. If you have
+     * changes that you don't want to show up in history, use this function.
+     */
+    withoutSaving(fn: () => void): Controller;
+    /**
+     * Usually all command operations are merged into a single save point in history,
+     * if more control is desired, create single save points using this function.
+     */
+    withoutMerging(fn: () => void): Controller;
+
+    // History Commands //
+    /**
+     * Move forward one step in the history
+     */
+    redo(): Controller;
+    /**
+     * Move backward one step in the history
+     */
+    undo(): Controller;
+    /**
+     * Snapshot the current selection for undo purposes.
+     */
+    snapshotSelection(): Controller;
+    command(name: string, ...args: any[]): Controller;
+    query(query: string, ...args: any[]): Controller;
+    /**
+     * Add a new command by type to the controller. This will make the command available as a top-level method on the controller
+     */
+    registerCommand(command: string): Controller;
+    /**
+     * Add a new query by type to the controller. This will make the query available as a top-level method on the controller.
+     */
+    registerQuery(query: string): Controller;
+    /**
+     * Apply an `operation` to the controller, updating its value.
+     */
+    applyOperation(operation: Operation): Controller;
+    /**
+     * Run the middleware stack by key with args, returning its result.
+     * In normal operation you never need to use this method! Reserved for testing.
+     */
+    run(key: string, ...args: any[]): Controller;
+}
+
 export {};
diff --git a/types/slate/package.json b/types/slate/package.json
index 67c9c004ef..12231bb461 100644
--- a/types/slate/package.json
+++ b/types/slate/package.json
@@ -3,4 +3,4 @@
     "dependencies": {
         "immutable": "^3.8.2"
     }
-}
\ No newline at end of file
+}
diff --git a/types/slate/slate-tests.ts b/types/slate/slate-tests.ts
index 91ef2dadcb..344d4da3ee 100644
--- a/types/slate/slate-tests.ts
+++ b/types/slate/slate-tests.ts
@@ -1,28 +1,7 @@
-import { Value, Data, BlockJSON, Document } from "slate";
+import { Block, Value, Data, BlockJSON, Document, Editor, KeyUtils, Range, Point, Inline, Mark, SchemaProperties } from "slate";
 
 const data = Data.create({ foo: "bar " });
 const value = Value.create({ data });
-const change = value
-	.change()
-	.focus()
-	.moveAnchorToStartOfDocument()
-	.moveFocusToEndOfDocument()
-	.delete()
-	.insertText("A bit of rich text, followed by...")
-	.moveToStartOfText()
-	.move(10)
-	.moveFocusForward(4)
-	.addMark("bold")
-	.moveToEndOfNextBlock()
-	.insertBlock({
-		type: "image",
-		data: {
-			src: "http://placekitten.com/200/300",
-			alt: "Kittens",
-			className: "img-responsive"
-		}
-	})
-	.insertBlock("paragraph");
 
 const node: BlockJSON = {
 	object: "block",
@@ -30,10 +9,14 @@ const node: BlockJSON = {
 	nodes: [
 		{
 			object: "text",
+			key: "a",
 			leaves: [
 				{
 					text: "example",
-					marks: []
+					marks: [{
+                        data: { testData: "data"},
+                        type: "mark"
+                    }]
 				}
 			]
 		}
@@ -45,3 +28,293 @@ const doc = Document.fromJSON({
 	data: {},
 	nodes: [node]
 });
+
+const editor = new Editor({ value });
+const point = Point.create({ key: "a", offset: 0 });
+const range = Range.create({ anchor: point, focus: point });
+const inline = Inline.create("text");
+const mark = Mark.create("bold");
+
+editor.registerQuery("testQuery");
+editor.registerCommand("testCommand");
+editor.setReadOnly(true).setValue(value);
+editor.command("testCommand");
+editor.query("testQuery");
+editor.run("testCommand");
+
+// Test all editor commands
+editor
+.addMark("bold")
+.addMarkAtRange(range, "italic")
+.addMarkByKey("a", 0, 1, "bold")
+.addMarkByPath("a", 0, 1, "bold")
+.blur()
+.delete()
+.deleteAtRange(range)
+.deleteBackward(0)
+.deleteBackwardAtRange(range, 0)
+.deleteCharBackwardAtRange(range)
+.deleteCharForwardAtRange(range)
+.deleteForward(0)
+.deleteForwardAtRange(range, 0)
+.deleteLineBackwardAtRange(range)
+.deleteLineForwardAtRange(range)
+.deleteWordBackwardAtRange(range)
+.deleteWordForwardAtRange(range)
+.deselect()
+.flip()
+.flush()
+.focus()
+.insertBlock({
+	type: "image",
+	key: "b",
+	data: {
+		src: "http://placekitten.com/200/300",
+		alt: "Kittens",
+		className: "img-responsive"
+	}
+})
+.insertBlockAtRange(range, "text")
+.insertFragment(doc)
+.insertFragmentAtRange(range, doc)
+.insertFragmentByKey("a", 0, doc)
+.insertFragmentByPath("a", 0, doc)
+.insertInline(inline)
+.insertInlineAtRange(range, inline)
+.insertNodeByKey("a", 0, inline)
+.insertNodeByPath("a", 0, inline)
+.insertText("A bit of rich text, followed by...")
+.insertTextAtRange(range, "More text")
+.insertTextByKey("a", 0, "text")
+.insertTextByPath("a", 0, "text")
+.mergeNodeByKey("b")
+.mergeNodeByPath("b")
+.moveAnchorBackward()
+.moveAnchorEndOfNode(inline)
+.moveAnchorForward()
+.moveAnchorTo("a", 0)
+.moveAnchorToEndOfBlock()
+.moveAnchorToEndOfDocument()
+.moveAnchorToEndOfInline()
+.moveAnchorToEndOfNextBlock()
+.moveAnchorToEndOfNextInline()
+.moveAnchorToEndOfNextText()
+.moveAnchorToEndOfPreviousBlock()
+.moveAnchorToEndOfPreviousInline()
+.moveAnchorToEndOfPreviousText()
+.moveAnchorToEndOfText()
+.moveAnchorToStartOfBlock()
+.moveAnchorToStartOfDocument()
+.moveAnchorToStartOfInline()
+.moveAnchorToStartOfNextBlock()
+.moveAnchorToStartOfNextInline()
+.moveAnchorToStartOfNextText()
+.moveAnchorToStartOfNode(inline)
+.moveAnchorToStartOfPreviousBlock()
+.moveAnchorToStartOfPreviousInline()
+.moveAnchorToStartOfPreviousText()
+.moveAnchorToStartOfText()
+.moveBackward()
+.moveEndBackward()
+.moveEndForward()
+.moveEndTo("a", 0)
+.moveEndToEndOfBlock()
+.moveEndToEndOfDocument()
+.moveEndToEndOfInline()
+.moveEndToEndOfNextBlock()
+.moveEndToEndOfNextInline()
+.moveEndToEndOfNextText()
+.moveEndToEndOfNode(inline)
+.moveEndToEndOfPreviousBlock()
+.moveEndToEndOfPreviousInline()
+.moveEndToEndOfPreviousText()
+.moveEndToEndOfText()
+.moveEndToStartOfBlock()
+.moveEndToStartOfDocument()
+.moveEndToStartOfInline()
+.moveEndToStartOfNextBlock()
+.moveEndToStartOfNextInline()
+.moveEndToStartOfNextText()
+.moveEndToStartOfNode(inline)
+.moveEndToStartOfPreviousBlock()
+.moveEndToStartOfPreviousInline()
+.moveEndToStartOfPreviousText()
+.moveEndToStartOfText()
+.moveFocusBackward()
+.moveFocusForward()
+.moveFocusTo("a", 0)
+.moveFocusToEndOfBlock()
+.moveFocusToEndOfDocument()
+.moveFocusToEndOfInline()
+.moveFocusToEndOfNextBlock()
+.moveFocusToEndOfNextInline()
+.moveFocusToEndOfNextText()
+.moveFocusToEndOfNode(inline)
+.moveFocusToEndOfPreviousBlock()
+.moveFocusToEndOfPreviousInline()
+.moveFocusToEndOfPreviousText()
+.moveFocusToEndOfText()
+.moveFocusToStartOfBlock()
+.moveFocusToStartOfDocument()
+.moveFocusToStartOfInline()
+.moveFocusToStartOfNextBlock()
+.moveFocusToStartOfNextInline()
+.moveFocusToStartOfNextText()
+.moveFocusToStartOfNode(inline)
+.moveFocusToStartOfPreviousBlock()
+.moveFocusToStartOfPreviousInline()
+.moveFocusToStartOfPreviousText()
+.moveFocusToStartOfText()
+.moveForward()
+.moveNodeByKey("b", "c", 2)
+.moveNodeByPath("c", "b", 1)
+.moveStartBackward()
+.moveStartForward()
+.moveStartTo("a", 0)
+.moveStartToEndOfBlock()
+.moveStartToEndOfDocument()
+.moveStartToEndOfInline()
+.moveStartToEndOfNextBlock()
+.moveStartToEndOfNextInline()
+.moveStartToEndOfNextText()
+.moveStartToEndOfNode(inline)
+.moveStartToEndOfPreviousBlock()
+.moveStartToEndOfPreviousInline()
+.moveStartToEndOfPreviousText()
+.moveStartToEndOfText()
+.moveStartToStartOfBlock()
+.moveStartToStartOfDocument()
+.moveStartToStartOfInline()
+.moveStartToStartOfNextBlock()
+.moveStartToStartOfNextInline()
+.moveStartToStartOfNextText()
+.moveStartToStartOfNode(inline)
+.moveStartToStartOfPreviousBlock()
+.moveStartToStartOfPreviousInline()
+.moveStartToStartOfPreviousText()
+.moveStartToStartOfText()
+.moveTo("a", 0)
+.moveToAnchor()
+.moveToEnd()
+.moveToEndOfBlock()
+.moveToEndOfDocument()
+.moveToEndOfInline()
+.moveToEndOfNextBlock()
+.moveToEndOfNextInline()
+.moveToEndOfNextText()
+.moveToEndOfNode(inline)
+.moveToEndOfPreviousBlock()
+.moveToEndOfPreviousInline()
+.moveToEndOfPreviousText()
+.moveToEndOfText()
+.moveToFocus()
+.moveToRangeOf(inline)
+.moveToRangeOfDocument()
+.moveToStart()
+.moveToStartOfBlock()
+.moveToStartOfDocument()
+.moveToStartOfInline()
+.moveToStartOfNextBlock()
+.moveToStartOfNextInline()
+.moveToStartOfNextText()
+.moveToStartOfNode(inline)
+.moveToStartOfPreviousBlock()
+.moveToStartOfPreviousInline()
+.moveToStartOfPreviousText()
+.moveToStartOfText()
+.normalize()
+.redo()
+.removeMark("bold")
+.removeMarkAtRange(range, "bold")
+.removeMarkByKey("a", 0, 1, "bold")
+.removeMarkByPath("a", 0, 1, "bold")
+.removeNodeByKey("b")
+.removeNodeByPath("b")
+.removeTextByKey("a", 0, 1)
+.removeTextByPath("a", 0, 1)
+.replaceMark("bold", "italic")
+.replaceNodeByKey("a", inline)
+.replaceNodeByPath("a", inline)
+.select(range)
+.setBlocks("paragraph")
+.setBlocksAtRange(range, "paragraph")
+.setInlines("paragraph")
+.setInlinesAtRange(range, "paragraph")
+.setMarkByKey("a", 0, 1, mark, { type: "bold" })
+.setMarksByPath("a", 0, 1, mark, { type: "bold" })
+.setNodeByKey("a", "paragraph")
+.setNodeByPath("a", "paragraph")
+.setReadOnly(true)
+.setValue(value)
+.snapshotSelection()
+.splitBlock(0)
+.splitBlockAtRange(range, 0)
+.splitInline(0)
+.splitInlineAtRange(range, 0)
+.splitNodeByKey("a", 0)
+.splitNodeByPath("a", 0)
+.toggleMark("bold")
+.toggleMarkAtRange(range, "bold")
+.undo()
+.unwrapBlock("paragraph")
+.unwrapBlockAtRange(range, "paragraph")
+.unwrapBlockByKey("a", "paragraph")
+.unwrapBlockByPath("a", "paragraph")
+.unwrapInline("paragraph")
+.unwrapInlineAtRange(range, "paragraph")
+.unwrapInlineByKey("a", "paragraph")
+.unwrapInlineByPath("a", "paragraph")
+.unwrapNodeByKey("a")
+.unwrapNodeByPath("a")
+.withoutMerging(() => { /* noop */ })
+.withoutNormalizing(() => { /* noop */ })
+.withoutSaving(() => { /* noop */ })
+.wrapBlock("paragraph")
+.wrapBlockAtRange(range, "paragraph")
+.wrapBlockByKey("a", "paragraph")
+.wrapBlockByPath("a", "paragraph")
+.wrapInline("paragraph")
+.wrapInlineAtRange(range, "paragraph")
+.wrapInlineByKey("a", "paragraph")
+.wrapInlineByPath("a", "paragraph")
+.wrapNodeByKey("a", inline)
+.wrapNodeByPath("a", inline)
+.wrapText("a", "b")
+.wrapTextAtRange(range, "a");
+
+KeyUtils.setGenerator(() => "Test");
+KeyUtils.create();
+KeyUtils.resetGenerator();
+
+const schema: SchemaProperties = {
+    document: {
+        nodes: [
+            {
+                match: [
+                    { type: 'block-quote' },
+                    { type: 'heading-one' },
+                    { type: 'heading-two' },
+                    { type: 'image' },
+                    { type: 'paragraph' },
+                    { type: 'bulleted-list' },
+                    { type: 'numbered-list' },
+                    { type: 'list-item' },
+                ],
+            },
+        ],
+        last: { type: 'paragraph' },
+        normalize: (editor: Editor, { code, node }: any) => {
+            switch (code) {
+                case 'last_child_type_invalid': {
+                    const paragraph = Block.create('paragraph');
+                    return editor.insertNodeByKey(node.key, node.nodes.size, paragraph);
+                }
+            }
+        },
+    },
+    blocks: {
+        image: {
+            isVoid: true,
+        },
+    },
+};
diff --git a/types/slice-ansi/index.d.ts b/types/slice-ansi/index.d.ts
new file mode 100644
index 0000000000..03e49fdad3
--- /dev/null
+++ b/types/slice-ansi/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for slice-ansi 2.0
+// Project: https://github.com/chalk/slice-ansi#readme
+// Definitions by: Dan Imhoff <https://github.com/dwieeb>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function sliceAnsi(input: string, beginSlice: number, endSlice?: number): string;
+
+export = sliceAnsi;
diff --git a/types/slice-ansi/slice-ansi-tests.ts b/types/slice-ansi/slice-ansi-tests.ts
new file mode 100644
index 0000000000..1488d38daa
--- /dev/null
+++ b/types/slice-ansi/slice-ansi-tests.ts
@@ -0,0 +1,13 @@
+import sliceAnsi = require('slice-ansi');
+
+// $ExpectType string
+sliceAnsi('The quick brown \u001b[31mfox jumped over \u001b[39mthe lazy \u001b[32mdog and then ran away with the unicorn.\u001b[39m', 20, 30);
+
+// $ExpectType string
+sliceAnsi('test', 1);
+
+// $ExpectError
+sliceAnsi();
+
+// $ExpectError
+sliceAnsi(5);
diff --git a/types/slice-ansi/tsconfig.json b/types/slice-ansi/tsconfig.json
new file mode 100644
index 0000000000..86eadc2fc8
--- /dev/null
+++ b/types/slice-ansi/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "slice-ansi-tests.ts"
+    ]
+}
diff --git a/types/slice-ansi/tslint.json b/types/slice-ansi/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/slice-ansi/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/smooth-scroll/index.d.ts b/types/smooth-scroll/index.d.ts
new file mode 100644
index 0000000000..87f90cc298
--- /dev/null
+++ b/types/smooth-scroll/index.d.ts
@@ -0,0 +1,68 @@
+// Type definitions for smooth-scroll 14.2
+// Project: https://github.com/cferdinandi/smooth-scroll
+// Definitions by: Andrei Horodinca <https://github.com/andreiho>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export as namespace SmoothScroll;
+
+export = SmoothScroll;
+
+declare namespace SmoothScroll {
+    type Easing =
+        | "Linear"
+        | "easeInQuad"
+        | "easeInCubic"
+        | "easeInQuart"
+        | "easeInQuint"
+        | "easeInOutQuad"
+        | "easeInOutCubic"
+        | "easeInOutQuart"
+        | "easeInOutQuint"
+        | "easeOutQuad"
+        | "easeOutCubic"
+        | "easeOutQuart"
+        | "easeOutQuint";
+
+    interface Options {
+        // Selectors
+        ignore?: string;
+        header?: string;
+        topOnEmptyHash?: boolean;
+
+        // Speed & Easing
+        speed?: number;
+        clip?: boolean;
+        offset?:
+            | number
+            | ((
+                  anchor?: Element | number | null,
+                  toggle?: Element | null
+              ) => number);
+        easing?: Easing;
+        customEasing?: (time: number) => number;
+
+        // History
+        updateURL?: boolean;
+        popstate?: boolean;
+
+        // Custom Events
+        emitEvents?: boolean;
+    }
+}
+
+declare class SmoothScroll {
+    constructor(selector?: string, options?: SmoothScroll.Options);
+
+    init(options?: SmoothScroll.Options): void;
+
+    destroy(): void;
+
+    animateScroll(
+        anchor: Element | number | null,
+        toggle?: Element | null,
+        options?: SmoothScroll.Options
+    ): void;
+
+    cancelScroll(noEvent?: boolean): void;
+}
diff --git a/types/smooth-scroll/test/smooth-scroll-global.test.ts b/types/smooth-scroll/test/smooth-scroll-global.test.ts
new file mode 100644
index 0000000000..e230635f9e
--- /dev/null
+++ b/types/smooth-scroll/test/smooth-scroll-global.test.ts
@@ -0,0 +1,34 @@
+// Initialize and destroy SmoothScroll
+const example1 = new SmoothScroll('a[href*="#"]', {
+    ignore: ".ignore",
+    header: '[data-scroll="header"]',
+    topOnEmptyHash: false,
+    speed: 1000,
+    clip: true,
+    offset: () => 10,
+    easing: "easeInCubic",
+    customEasing: () => 50,
+    updateURL: false,
+    popstate: false,
+    emitEvents: false
+});
+example1.destroy();
+
+// Scrolling to an anchor
+const example2 = () => {
+    const scroll = new SmoothScroll();
+    const anchor = document.querySelector("#bazinga");
+    scroll.animateScroll(anchor, null, { speed: 1000 });
+};
+
+// Scrolling to a specific Y-position
+const example3 = () => {
+    const scroll = new SmoothScroll('a[href*="#"]');
+    scroll.animateScroll(750);
+};
+
+// Cancel scroll
+const example4 = () => {
+    const scroll = new SmoothScroll();
+    scroll.cancelScroll();
+};
diff --git a/types/smooth-scroll/test/smooth-scroll.test.ts b/types/smooth-scroll/test/smooth-scroll.test.ts
new file mode 100644
index 0000000000..a64b8bd2d0
--- /dev/null
+++ b/types/smooth-scroll/test/smooth-scroll.test.ts
@@ -0,0 +1,36 @@
+import SmoothScroll = require("smooth-scroll");
+
+// Initialize and destroy SmoothScroll
+const example1 = new SmoothScroll('a[href*="#"]', {
+    ignore: ".ignore",
+    header: '[data-scroll="header"]',
+    topOnEmptyHash: false,
+    speed: 1000,
+    clip: true,
+    offset: () => 10,
+    easing: "easeInCubic",
+    customEasing: () => 50,
+    updateURL: false,
+    popstate: false,
+    emitEvents: false
+});
+example1.destroy();
+
+// Scrolling to an anchor
+const example2 = () => {
+    const scroll = new SmoothScroll();
+    const anchor = document.querySelector("#bazinga");
+    scroll.animateScroll(anchor, null, { speed: 1000 });
+};
+
+// Scrolling to a specific Y-position
+const example3 = () => {
+    const scroll = new SmoothScroll('a[href*="#"]');
+    scroll.animateScroll(750);
+};
+
+// Cancel scroll
+const example4 = () => {
+    const scroll = new SmoothScroll();
+    scroll.cancelScroll();
+};
diff --git a/types/smooth-scroll/tsconfig.json b/types/smooth-scroll/tsconfig.json
new file mode 100644
index 0000000000..8d1fa8372b
--- /dev/null
+++ b/types/smooth-scroll/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test/smooth-scroll-global.test.ts",
+        "test/smooth-scroll.test.ts"
+    ]
+}
diff --git a/types/smooth-scroll/tslint.json b/types/smooth-scroll/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/smooth-scroll/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/snappy/tsconfig.json b/types/snappy/tsconfig.json
index d9d466288e..a566b85ef2 100644
--- a/types/snappy/tsconfig.json
+++ b/types/snappy/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/snapsvg/index.d.ts b/types/snapsvg/index.d.ts
index c012cc238c..85f1eda7b8 100644
--- a/types/snapsvg/index.d.ts
+++ b/types/snapsvg/index.d.ts
@@ -27,7 +27,7 @@ declare namespace Snap {
     export function fragment(varargs:any):Fragment;
     export function getElementByPoint(x:number,y:number):Snap.Element;
     export function is(o:any,type:string):boolean;
-    export function load(url:string,callback:Function,scope?:Object):void;
+    export function load(url:string,callback:(f:Fragment)=>void,scope?:Object):void;
     export function plugin(f:Function):void;
     export function select(query:string):Snap.Element;
     export function selectAll(query:string):any;
diff --git a/types/snapsvg/test/3.ts b/types/snapsvg/test/3.ts
index 45e7024c0a..7cd45e1ae9 100644
--- a/types/snapsvg/test/3.ts
+++ b/types/snapsvg/test/3.ts
@@ -175,8 +175,8 @@ window.onload=()=>{
     {
         // Snap load and animate svg
         var g = s.group();
-        var tux = Snap.load("Dreaming_tux.svg", function ( loadedFragment:Snap.Element ) {
-                                                        g.append( loadedFragment );
+        var tux = Snap.load("Dreaming_tux.svg", function ( loadedFragment:Snap.Fragment ) {
+                                                        g.append( loadedFragment.selectAll() );
                                                         g.hover( hoverover, hoverout );
                                                         g.text(300,100, 'hover over me');
                                                 } );
diff --git a/types/snoowrap/dist/objects/Listing.d.ts b/types/snoowrap/dist/objects/Listing.d.ts
index 73e97fdd11..93fc154482 100644
--- a/types/snoowrap/dist/objects/Listing.d.ts
+++ b/types/snoowrap/dist/objects/Listing.d.ts
@@ -11,7 +11,7 @@ export default class Listing<T> extends Array<T> {
 }
 
 export interface ListingOptions {
-  limit?: string;
+  limit?: number;
   after?: string;
   before?: string;
   show?: string;
diff --git a/types/snowball-stemmers/index.d.ts b/types/snowball-stemmers/index.d.ts
new file mode 100644
index 0000000000..f5012068ef
--- /dev/null
+++ b/types/snowball-stemmers/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for snowball-stemmers 0.6
+// Project: https://github.com/mazko/jssnowball#readme
+// Definitions by: Ryan Volum <https://github.com/ryanvolum>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface Stemmer {
+    stem(term: string): string;
+}
+
+export function newStemmer(locale: string): Stemmer;
+
+export function algorithms(): string[];
diff --git a/types/snowball-stemmers/snowball-stemmers-tests.ts b/types/snowball-stemmers/snowball-stemmers-tests.ts
new file mode 100644
index 0000000000..518b586fb8
--- /dev/null
+++ b/types/snowball-stemmers/snowball-stemmers-tests.ts
@@ -0,0 +1,4 @@
+import { newStemmer, Stemmer } from 'snowball-stemmers';
+
+const snowballStemmer = newStemmer('english');
+const stem = snowballStemmer.stem("swimmingly");
diff --git a/types/snowball-stemmers/tsconfig.json b/types/snowball-stemmers/tsconfig.json
new file mode 100644
index 0000000000..234ced0829
--- /dev/null
+++ b/types/snowball-stemmers/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "snowball-stemmers-tests.ts"
+    ]
+}
diff --git a/types/snowball-stemmers/tslint.json b/types/snowball-stemmers/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/snowball-stemmers/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/socket.io/index.d.ts b/types/socket.io/index.d.ts
index 95a9ff1b4f..f5e6c5fd00 100644
--- a/types/socket.io/index.d.ts
+++ b/types/socket.io/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for socket.io 1.4.5
+// Type definitions for socket.io 2.1
 // Project: http://socket.io/
 // Definitions by: PROGRE <https://github.com/progre>
 //                 Damian Connolly <https://github.com/divillysausages>
@@ -188,7 +188,7 @@ declare namespace SocketIO {
 		 * with a '/'
 		 * @return The Namespace
 		 */
-		of( nsp: string ): Namespace;
+		of( nsp: string | RegExp | Function ): Namespace;
 
 		/**
 		 * Closes the server connection
diff --git a/types/socket.io/socket.io-tests.ts b/types/socket.io/socket.io-tests.ts
index 60f0d70551..5a70af45db 100644
--- a/types/socket.io/socket.io-tests.ts
+++ b/types/socket.io/socket.io-tests.ts
@@ -103,6 +103,15 @@ function testRestrictingYourselfToANamespace() {
         });
 }
 
+function testDynamicNamespace() {
+    var io = socketIO.listen(80);
+    var dynamic = io
+        .of(/^\/dynamic-\d+$/)
+        .on('connection', function (socket) {
+            socket.emit('item', { dynamic: 'item' });
+        });
+}
+
 function testSendingVolatileMessages() {
     var io = socketIO.listen(80);
 
@@ -188,4 +197,4 @@ function testSocketUse() {
             console.log(packet);
         });
     });
-}
\ No newline at end of file
+}
diff --git a/types/socket.io/v1/index.d.ts b/types/socket.io/v1/index.d.ts
new file mode 100644
index 0000000000..95a9ff1b4f
--- /dev/null
+++ b/types/socket.io/v1/index.d.ts
@@ -0,0 +1,850 @@
+// Type definitions for socket.io 1.4.5
+// Project: http://socket.io/
+// Definitions by: PROGRE <https://github.com/progre>
+//                 Damian Connolly <https://github.com/divillysausages>
+//                 Florent Poujol <https://github.com/florentpoujol>
+//                 KentarouTakeda <https://github.com/KentarouTakeda>
+//                 Alexey Snigirev <https://github.com/gigi>
+//                 Ezinwa Okpoechi <https://github.com/BrainMaestro>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference types="node" />
+
+declare const SocketIO: SocketIOStatic;
+export = SocketIO;
+/** @deprecated Available as a global for backwards-compatibility. */
+export as namespace SocketIO;
+
+interface SocketIOStatic {
+	/**
+	 * Default Server constructor
+	 */
+	(): SocketIO.Server;
+
+	/**
+	 * Creates a new Server
+	 * @param srv The HTTP server that we're going to bind to
+	 * @param opts An optional parameters object
+	 */
+	(srv: any, opts?: SocketIO.ServerOptions): SocketIO.Server;
+
+	/**
+	 * Creates a new Server
+	 * @param port A port to bind to, as a number, or a string
+	 * @param An optional parameters object
+	 */
+	(port: string|number, opts?: SocketIO.ServerOptions): SocketIO.Server;
+
+	/**
+	 * Creates a new Server
+	 * @param A parameters object
+	 */
+	(opts: SocketIO.ServerOptions): SocketIO.Server;
+
+	/**
+	 * Backwards compatibility
+	 * @see io().listen()
+	 */
+    listen: SocketIOStatic;
+}
+
+declare namespace SocketIO {
+	interface Server {
+		engine: { ws: any };
+
+		/**
+		 * A dictionary of all the namespaces currently on this Server
+		 */
+		nsps: {[namespace: string]: Namespace};
+
+		/**
+		 * The default '/' Namespace
+		 */
+		sockets: Namespace;
+
+		/**
+		 * Sets the 'json' flag when emitting an event
+		 */
+		json: Server;
+
+		/**
+		 * Sets a modifier for a subsequent event emission that the event data may be lost if the clients are not ready to receive messages
+		 */
+		volatile: Server;
+
+		/**
+		 * Sets a modifier for a subsequent event emission that the event data will only be broadcast to the current node
+		 */
+		local: Server;
+
+		/**
+		 * Server request verification function, that checks for allowed origins
+		 * @param req The http.IncomingMessage request
+		 * @param fn The callback to be called. It should take one parameter, err,
+		 * which will be null if there was no problem, and one parameter, success,
+		 * of type boolean
+		 */
+		checkRequest( req:any, fn:( err: any, success: boolean ) => void ):void;
+
+		/**
+		 * Gets whether we're serving the client.js file or not
+		 * @default true
+		 */
+		serveClient(): boolean;
+
+		/**
+		 * Sets whether we're serving the client.js file or not
+		 * @param v True if we want to serve the file, false otherwise
+		 * @default true
+		 * @return This Server
+		 */
+		serveClient( v: boolean ): Server;
+
+		/**
+		 * Gets the client serving path
+		 * @default '/socket.io'
+		 */
+		path(): string;
+
+		/**
+		 * Sets the client serving path
+		 * @param v The path to serve the client file on
+		 * @default '/socket.io'
+		 * @return This Server
+		 */
+		path( v: string ): Server;
+
+		/**
+		 * Gets the adapter that we're going to use for handling rooms
+		 * @default typeof Adapter
+		 */
+		adapter(): any;
+
+		/**
+		 * Sets the adapter (class) that we're going to use for handling rooms
+		 * @param v The class for the adapter to create
+		 * @default typeof Adapter
+		 * @return This Server
+		 */
+		adapter( v: any ): Server;
+
+		/**
+		 * Gets the allowed origins for requests
+		 * @default "*:*"
+		 */
+		origins(): string|string[];
+
+		/**
+		 * Sets the allowed origins for requests
+		 * @param v The allowed origins, in host:port form
+		 * @default "*:*"
+		 * return This Server
+		 */
+		origins( v: string|string[] ): Server;
+
+		/**
+		 * Attaches socket.io to a server
+		 * @param srv The http.Server that we want to attach to
+		 * @param opts An optional parameters object
+		 * @return This Server
+		 */
+		attach( srv: any, opts?: ServerOptions ): Server;
+
+		/**
+		 * Attaches socket.io to a port
+		 * @param port The port that we want to attach to
+		 * @param opts An optional parameters object
+		 * @return This Server
+		 */
+		attach( port: number, opts?: ServerOptions ): Server;
+
+		/**
+		 * @see attach( srv, opts )
+		 */
+		listen( srv: any, opts?: ServerOptions ): Server;
+
+		/**
+		 * @see attach( port, opts )
+		 */
+		listen( port: number, opts?: ServerOptions ): Server;
+
+		/**
+		 * Binds socket.io to an engine.io intsance
+		 * @param src The Engine.io (or compatible) server to bind to
+		 * @return This Server
+		 */
+		bind( srv: any ): Server;
+
+		/**
+		 * Called with each incoming connection
+		 * @param socket The Engine.io Socket
+		 * @return This Server
+		 */
+		onconnection( socket: any ): Server;
+
+		/**
+		 * Looks up/creates a Namespace
+		 * @param nsp The name of the NameSpace to look up/create. Should start
+		 * with a '/'
+		 * @return The Namespace
+		 */
+		of( nsp: string ): Namespace;
+
+		/**
+		 * Closes the server connection
+		 */
+		close( fn ?: () => void ):void;
+
+		/**
+		 * The event fired when we get a new connection
+		 * @param event The event being fired: 'connection'
+		 * @param listener A listener that should take one parameter of type Socket
+		 * @return The default '/' Namespace
+		 */
+		on( event: 'connection', listener: ( socket: Socket ) => void ): Namespace;
+
+		/**
+		 * @see on( 'connection', listener )
+		 */
+		on( event: 'connect', listener: ( socket: Socket ) => void ): Namespace;
+
+		/**
+		 * Base 'on' method to add a listener for an event
+		 * @param event The event that we want to add a listener for
+		 * @param listener The callback to call when we get the event. The parameters
+		 * for the callback depend on the event
+		 * @return The default '/' Namespace
+		 */
+		on( event: string, listener: Function ): Namespace;
+
+		/**
+		 * Targets a room when emitting to the default '/' Namespace
+		 * @param room The name of the room that we're targeting
+		 * @return The default '/' Namespace
+		 */
+		to( room: string ): Namespace;
+
+		/**
+		 * @see to( room )
+		 */
+		in( room: string ): Namespace;
+
+		/**
+		 * Registers a middleware function, which is a function that gets executed
+		 * for every incoming Socket, on the default '/' Namespace
+		 * @param fn The function to call when we get a new incoming socket. It should
+		 * take one parameter of type Socket, and one callback function to call to
+		 * execute the next middleware function. The callback can take one optional
+		 * parameter, err, if there was an error. Errors passed to middleware callbacks
+		 * are sent as special 'error' packets to clients
+		 * @return The default '/' Namespace
+		 */
+		use( fn: ( socket:Socket, fn: ( err?: any ) => void ) =>void ): Namespace;
+
+		/**
+		 * Emits an event to the default Namespace
+		 * @param event The event that we want to emit
+		 * @param args Any number of optional arguments to pass with the event. If the
+		 * last argument is a function, it will be called as an ack. The ack should
+		 * take whatever data was sent with the packet
+		 * @return The default '/' Namespace
+		 */
+		emit( event: string, ...args: any[]): Namespace;
+
+		/**
+		 * Sends a 'message' event
+		 * @see emit( event, ...args )
+		 * @return The default '/' Namespace
+		 */
+		send( ...args: any[] ): Namespace;
+
+		/**
+		 * @see send( ...args )
+		 */
+		write( ...args: any[] ): Namespace;
+
+		/**
+		 * Gets a list of clients
+		 * @return The default '/' Namespace
+		 */
+		clients( ...args: any[] ): Namespace;
+
+		/**
+		 * Sets the compress flag
+		 * @return The default '/' Namespace
+		 */
+		compress( ...args: any[] ): Namespace;
+	}
+
+	/**
+	 * Options to pass to our server when creating it
+	 */
+	interface ServerOptions {
+
+		/**
+		 * The path to server the client file to
+		 * @default '/socket.io'
+		 */
+		path?: string;
+
+		/**
+		 * Should we serve the client file?
+		 * @default true
+		 */
+		serveClient?: boolean;
+
+		/**
+		 * The adapter to use for handling rooms. NOTE: this should be a class,
+		 * not an object
+		 * @default typeof Adapter
+		 */
+		adapter?: Adapter;
+
+		/**
+		 * Accepted origins
+		 * @default '*:*'
+		 */
+		origins?: string|string[];
+
+		/**
+		 * How many milliseconds without a pong packed to consider the connection closed (engine.io)
+		 * @default 60000
+		 */
+		pingTimeout?: number;
+
+		/**
+		 * How many milliseconds before sending a new ping packet (keep-alive) (engine.io)
+		 * @default 25000
+		 */
+		pingInterval?: number;
+
+		/**
+		 * How many bytes or characters a message can be when polling, before closing the session
+		 * (to avoid Dos) (engine.io)
+		 * @default 10E7
+		 */
+		maxHttpBufferSize?: number;
+
+		/**
+		 * A function that receives a given handshake or upgrade request as its first parameter,
+		 * and can decide whether to continue or not. The second argument is a function that needs
+		 * to be called with the decided information: fn( err, success ), where success is a boolean
+		 * value where false means that the request is rejected, and err is an error code (engine.io)
+		 * @default null
+		 */
+		allowRequest?: (request:any, callback: (err: number, success: boolean) => void) => void;
+
+		/**
+		 * Transports to allow connections to (engine.io)
+		 * @default ['polling','websocket']
+		 */
+		transports?: string[];
+
+		/**
+		 * Whether to allow transport upgrades (engine.io)
+		 * @default true
+		 */
+		allowUpgrades?: boolean;
+
+		/**
+		 * parameters of the WebSocket permessage-deflate extension (see ws module).
+		 * Set to false to disable (engine.io)
+		 * @default true
+		 */
+		perMessageDeflate?: Object|boolean;
+
+		/**
+		 * Parameters of the http compression for the polling transports (see zlib).
+		 * Set to false to disable, or set an object with parameter "threshold:number"
+		 * to only compress data if the byte size is above this value (1024) (engine.io)
+		 * @default true|1024
+		 */
+		httpCompression?: Object|boolean;
+
+		/**
+		 * Name of the HTTP cookie that contains the client sid to send as part of
+		 * handshake response headers. Set to false to not send one (engine.io)
+		 * @default "io"
+		 */
+		cookie?: string|boolean;
+	}
+
+	/**
+	 * The Namespace, sandboxed environments for sockets, each connection
+	 * to a Namespace requires a new Socket
+	 */
+	interface Namespace extends NodeJS.EventEmitter {
+
+		/**
+		 * The name of the NameSpace
+		 */
+		name: string;
+
+		/**
+		 * The controller Server for this Namespace
+		 */
+		server: Server;
+
+		/**
+		 * A dictionary of all the Sockets connected to this Namespace, where
+		 * the Socket ID is the key
+		 */
+		sockets: { [id: string]: Socket };
+
+		/**
+		 * A dictionary of all the Sockets connected to this Namespace, where
+		 * the Socket ID is the key
+		 */
+		connected: { [id: string]: Socket };
+
+		/**
+		 * The Adapter that we're using to handle dealing with rooms etc
+		 */
+		adapter: Adapter;
+
+		/**
+		 * Sets the 'json' flag when emitting an event
+		 */
+		json: Namespace;
+
+		/**
+		 * Registers a middleware function, which is a function that gets executed
+		 * for every incoming Socket
+		 * @param fn The function to call when we get a new incoming socket. It should
+		 * take one parameter of type Socket, and one callback function to call to
+		 * execute the next middleware function. The callback can take one optional
+		 * parameter, err, if there was an error. Errors passed to middleware callbacks
+		 * are sent as special 'error' packets to clients
+		 * @return This Namespace
+		 */
+		use( fn: ( socket:Socket, fn: ( err?: any ) => void ) =>void ): Namespace;
+
+		/**
+		 * Targets a room when emitting
+		 * @param room The name of the room that we're targeting
+		 * @return This Namespace
+		 */
+		to( room: string ): Namespace;
+
+		/**
+		 * @see to( room )
+		 */
+		in( room: string ): Namespace;
+
+		/**
+		 * Sends a 'message' event
+		 * @see emit( event, ...args )
+		 * @return This Namespace
+		 */
+		send( ...args: any[] ): Namespace;
+
+		/**
+		 * @see send( ...args )
+		 */
+		write( ...args: any[] ): Namespace;
+
+		/**
+		 * The event fired when we get a new connection
+		 * @param event The event being fired: 'connection'
+		 * @param listener A listener that should take one parameter of type Socket
+		 * @return This Namespace
+		 */
+		on( event: 'connection', listener: ( socket: Socket ) => void ): this;
+
+		/**
+		 * @see on( 'connection', listener )
+		 */
+		on( event: 'connect', listener: ( socket: Socket ) => void ): this;
+
+		/**
+		 * Base 'on' method to add a listener for an event
+		 * @param event The event that we want to add a listener for
+		 * @param listener The callback to call when we get the event. The parameters
+		 * for the callback depend on the event
+		 * @ This Namespace
+		 */
+		on( event: string, listener: Function ): this;
+
+		/**
+		 * Gets a list of clients.
+		 * @return This Namespace
+		 */
+		clients( fn: Function ): Namespace;
+
+		/**
+		 * Sets the compress flag.
+		 * @param compress If `true`, compresses the sending data
+		 * @return This Namespace
+		 */
+		compress( compress: boolean ): Namespace;
+	}
+
+	interface Packet extends Array<any> {
+		/**
+		 * Event name
+		 */
+		[0]: string;
+		/**
+		 * Packet data
+		 */
+		[1]: any;
+		/**
+		 * Ack function
+		 */
+		[2]: (...args: any[]) => void;
+	}
+
+	/**
+	 * The socket, which handles our connection for a namespace. NOTE: while
+	 * we technically extend NodeJS.EventEmitter, we're not putting it here
+	 * as we have a problem with the emit() event (as it's overridden with a
+	 * different return)
+	 */
+	interface Socket extends NodeJS.EventEmitter{
+
+		/**
+		 * The namespace that this socket is for
+		 */
+		nsp: Namespace;
+
+		/**
+		 * The Server that our namespace is in
+		 */
+		server: Server;
+
+		/**
+		 * The Adapter that we use to handle our rooms
+		 */
+		adapter: Adapter;
+
+		/**
+		 * The unique ID for this Socket. Regenerated at every connection. This is
+		 * also the name of the room that the Socket automatically joins on connection
+		 */
+		id: string;
+
+		/**
+		 * The http.IncomingMessage request sent with the connection. Useful
+		 * for recovering headers etc
+		 */
+		request: any;
+
+		/**
+		 * The Client associated with this Socket
+		 */
+		client: Client;
+
+		/**
+		 * The underlying Engine.io Socket instance
+		 */
+		conn: EngineSocket;
+
+		/**
+		 * The list of rooms that this Socket is currently in, where
+		 * the ID the the room ID
+		 */
+		rooms: { [id: string]: string };
+
+		/**
+		 * Is the Socket currently connected?
+		 */
+		connected: boolean;
+
+		/**
+		 * Is the Socket currently disconnected?
+		 */
+		disconnected: boolean;
+
+		/**
+		 * The object used when negociating the handshake
+		 */
+		handshake: Handshake;
+		/**
+		 * Sets the 'json' flag when emitting an event
+		 */
+		json: Socket;
+
+		/**
+		 * Sets the 'volatile' flag when emitting an event. Volatile messages are
+		 * messages that can be dropped because of network issues and the like. Use
+		 * for high-volume/real-time messages where you don't need to receive *all*
+		 * of them
+		 */
+		volatile: Socket;
+
+		/**
+		 * Sets the 'broadcast' flag when emitting an event. Broadcasting an event
+		 * will send it to all the other sockets in the namespace except for yourself
+		 */
+		broadcast: Socket;
+
+		/**
+		 * Targets a room when broadcasting
+		 * @param room The name of the room that we're targeting
+		 * @return This Socket
+		 */
+		to( room: string ): Socket;
+
+		/**
+		 * @see to( room )
+		 */
+		in( room: string ): Socket;
+
+		/**
+		 * Registers a middleware, which is a function that gets executed for every incoming Packet and receives as parameter the packet and a function to optionally defer execution to the next registered middleware.
+		 *
+		 * Errors passed to middleware callbacks are sent as special error packets to clients.
+		 */
+		use( fn: ( packet: Packet, next: (err?: any) => void ) => void ): Socket;
+
+		/**
+		 * Sends a 'message' event
+		 * @see emit( event, ...args )
+		 */
+		send( ...args: any[] ): Socket;
+
+		/**
+		 * @see send( ...args )
+		 */
+		write( ...args: any[] ): Socket;
+
+		/**
+		 * Joins a room. You can join multiple rooms, and by default, on connection,
+		 * you join a room with the same name as your ID
+		 * @param name The name of the room that we want to join
+		 * @param fn An optional callback to call when we've joined the room. It should
+		 * take an optional parameter, err, of a possible error
+		 * @return This Socket
+		 */
+		join( name: string|string[], fn?: ( err?: any ) => void ): Socket;
+
+		/**
+		 * Leaves a room
+		 * @param name The name of the room to leave
+		 * @param fn An optional callback to call when we've left the room. It should
+		 * take on optional parameter, err, of a possible error
+		 */
+		leave( name: string, fn?: Function ): Socket;
+
+		/**
+		 * Leaves all the rooms that we've joined
+		 */
+		leaveAll(): void;
+
+		/**
+		 * Disconnects this Socket
+		 * @param close If true, also closes the underlying connection
+		 * @return This Socket
+		 */
+		disconnect( close?: boolean ): Socket;
+
+		/**
+		 * Returns all the callbacks for a particular event
+		 * @param event The event that we're looking for the callbacks of
+		 * @return An array of callback Functions, or an empty array if we don't have any
+		 */
+		listeners( event: string ):Function[];
+
+		/**
+		 * Sets the compress flag
+		 * @param compress If `true`, compresses the sending data
+		 * @return This Socket
+		 */
+		compress( compress: boolean ): Socket;
+	}
+
+	interface Handshake {
+		/**
+		 * The headers passed along with the request. e.g. 'host',
+		 * 'connection', 'accept', 'referer', 'cookie'
+		 */
+		headers: any;
+
+		/**
+		 * The current time, as a string
+		 */
+		time: string;
+
+		/**
+		 * The remote address of the connection request
+		 */
+		address: string;
+
+		/**
+		 * Is this a cross-domain request?
+		 */
+		xdomain: boolean;
+
+		/**
+		 * Is this a secure request?
+		 */
+		secure: boolean;
+
+		/**
+		 * The timestamp for when this was issued
+		 */
+		issued: number;
+
+		/**
+		 * The request url
+		 */
+		url: string;
+
+		/**
+		 * Any query string parameters in the request url
+		 */
+		query: any;
+	}
+
+	/**
+	 * The interface describing a room
+	 */
+	interface Room {
+		sockets: {[id: string]: boolean };
+		length: number;
+	}
+
+	/**
+	 * The interface describing a dictionary of rooms
+	 * Where room is the name of the room
+	 */
+
+	 interface Rooms {
+		[room: string]: Room;
+	 }
+
+	/**
+	 * The interface used when dealing with rooms etc
+	 */
+	interface Adapter extends NodeJS.EventEmitter {
+
+		/**
+		 * The namespace that this adapter is for
+		 */
+		nsp: Namespace;
+
+		/**
+		 * A dictionary of all the rooms that we have in this namespace
+		 */
+		rooms: Rooms;
+
+		/**
+		 * A dictionary of all the socket ids that we're dealing with, and all
+		 * the rooms that the socket is currently in
+		 */
+		sids: {[id: string]: {[room: string]: boolean}};
+
+		/**
+		 * Adds a socket to a room. If the room doesn't exist, it's created
+		 * @param id The ID of the socket to add
+		 * @param room The name of the room to add the socket to
+		 * @param callback An optional callback to call when the socket has been
+		 * added. It should take an optional parameter, error, if there was a problem
+		 */
+		add( id: string, room: string, callback?: ( err?: any ) => void ): void;
+
+		/**
+		 * Removes a socket from a room. If there are no more sockets in the room,
+		 * the room is deleted
+		 * @param id The ID of the socket that we're removing
+		 * @param room The name of the room to remove the socket from
+		 * @param callback An optional callback to call when the socket has been
+		 * removed. It should take on optional parameter, error, if there was a problem
+		 */
+		del( id: string, room: string, callback?: ( err?: any ) => void ): void;
+
+		/**
+		 * Removes a socket from all the rooms that it's joined
+		 * @param id The ID of the socket that we're removing
+		 */
+		delAll( id: string ):void;
+
+		/**
+		 * Broadcasts a packet
+		 * @param packet The packet to broadcast
+		 * @param opts Any options to send along:
+		 * 	- rooms: An optional list of rooms to broadcast to. If empty, the packet is broadcast to all sockets
+		 * 	- except: A list of Socket IDs to exclude
+		 * 	- flags: Any flags that we want to send along ('json', 'volatile', 'broadcast')
+		 */
+		broadcast( packet: any, opts: { rooms?: string[]; except?: string[]; flags?: {[flag: string]: boolean} } ):void;
+	}
+
+	/**
+	 * The client behind each socket (can have multiple sockets)
+	 */
+	interface Client {
+		/**
+		 * The Server that this client belongs to
+		 */
+		server: Server;
+
+		/**
+		 * The underlying Engine.io Socket instance
+		 */
+		conn: EngineSocket;
+
+		/**
+		 * The ID for this client. Regenerated at every connection
+		 */
+		id: string;
+
+		/**
+		 * The http.IncomingMessage request sent with the connection. Useful
+		 * for recovering headers etc
+		 */
+		request: any;
+
+		/**
+		 * The dictionary of sockets currently connect via this client (i.e. to different
+		 * namespaces) where the Socket ID is the key
+		 */
+		sockets: {[id: string]: Socket};
+
+		/**
+		 * A dictionary of all the namespaces for this client, with the Socket that
+		 * deals with that namespace
+		 */
+		nsps: {[nsp: string]: Socket};
+	}
+
+	/**
+	 * A reference to the underlying engine.io Socket connection.
+	 */
+	interface EngineSocket extends NodeJS.EventEmitter {
+		/**
+		 * The ID for this socket - matches Client.id
+		 */
+		id: string;
+
+		/**
+		 * The Engine.io Server for this socket
+		 */
+		server: any;
+
+		/**
+		 * The ready state for the client. Either 'opening', 'open', 'closing', or 'closed'
+		 */
+		readyState: string;
+
+		/**
+		 * The remote IP for this connection
+		 */
+		remoteAddress: string;
+
+		/**
+		 * whether the transport has been upgraded
+		 */
+		upgraded: boolean;
+
+		/**
+		 * (http.IncomingMessage): request that originated the Socket
+		 */
+		request: any;
+
+		/**
+		 * (Transport): transport reference
+		 */
+		transport: any;
+	}
+}
diff --git a/types/socket.io/v1/socket.io-tests.ts b/types/socket.io/v1/socket.io-tests.ts
new file mode 100644
index 0000000000..60f0d70551
--- /dev/null
+++ b/types/socket.io/v1/socket.io-tests.ts
@@ -0,0 +1,191 @@
+import socketIO = require('socket.io');
+
+function testUsingWithNodeHTTPServer() {
+    var app = require('http').createServer(handler);
+    var io: socketIO.Server = socketIO(app);
+    var fs = require('fs');
+
+    app.listen(80);
+
+    function handler(req: any, res: any) {
+        fs.readFile(__dirname + '/index.html',
+            function (err: any, data: any) {
+                if (err) {
+                    res.writeHead(500);
+                    return res.end('Error loading index.html');
+                }
+
+                res.writeHead(200);
+                res.end(data);
+            });
+    }
+
+    io.on('connection', function (socket) {
+        socket.emit('news', { hello: 'world' });
+        socket.on('my other event', function (data: any) {
+            console.log(data);
+        });
+    });
+}
+
+function testUsingWithExpress() {
+    var app = require('express')();
+    var server = require('http').Server(app);
+    var io = socketIO(server);
+
+    server.listen(80);
+
+    app.get('/', function (req: any, res: any) {
+        res.sendfile(__dirname + '/index.html');
+    });
+
+    io.on('connection', function (socket) {
+        socket.emit('news', { hello: 'world' });
+        socket.on('my other event', function (data: any) {
+            console.log(data);
+        });
+    });
+}
+
+function testUsingWithTheExpressFramework() {
+    var app = require('express').createServer();
+    var io = socketIO(app);
+
+    app.listen(80);
+
+    app.get('/', function (req: any, res: any) {
+        res.sendfile(__dirname + '/index.html');
+    });
+
+    io.on('connection', function (socket) {
+        socket.emit('news', { hello: 'world' });
+        socket.on('my other event', function (data: any) {
+            console.log(data);
+        });
+    });
+}
+
+function testSendingAndReceivingEvents() {
+    var io = socketIO(80);
+
+    io.on('connection', function (socket) {
+        io.emit('this', { will: 'be received by everyone' });
+
+        socket.on('private message', function (from: any, msg: any) {
+            console.log('I received a private message by ', from, ' saying ', msg);
+        });
+
+        socket.on('disconnect', function () {
+            io.sockets.emit('user disconnected');
+        });
+    });
+}
+
+function testRestrictingYourselfToANamespace() {
+    var io = socketIO.listen(80);
+    var chat = io
+        .of('/chat')
+        .on('connection', function (socket) {
+            socket.emit('a message', {
+                that: 'only'
+                , '/chat': 'will get'
+            });
+            chat.emit('a message', {
+                everyone: 'in'
+                , '/chat': 'will get'
+            });
+        });
+
+    var news = io
+        .of('/news')
+        .on('connection', function (socket) {
+            socket.emit('item', { news: 'item' });
+        });
+}
+
+function testSendingVolatileMessages() {
+    var io = socketIO.listen(80);
+
+    io.sockets.on('connection', function (socket) {
+        var tweets = setInterval(function () {
+            socket.volatile.emit('bieber tweet', {});
+        }, 100);
+
+        socket.on('disconnect', function () {
+            clearInterval(tweets);
+        });
+    });
+}
+
+function testSendingAndGettingData() {
+    var io = socketIO.listen(80);
+
+    io.sockets.on('connection', function (socket) {
+        socket.on('ferret', function (name: any, fn: any) {
+            fn('woot');
+        });
+    });
+}
+
+function testBroadcastingMessages() {
+    var io = socketIO.listen(80);
+
+    io.sockets.on('connection', function (socket) {
+        socket.broadcast.emit('user connected');
+    });
+}
+
+function testUsingItJustAsACrossBrowserWebSocket() {
+    var io = socketIO.listen(80);
+
+    io.sockets.on('connection', function (socket) {
+        socket.on('message', function () { });
+        socket.on('disconnect', function () { });
+    });
+}
+
+function testSocketConnection() {
+    var io = socketIO.listen(80);
+
+    io.sockets.on('connection', function (socket) {
+		console.log(socket.client.conn === socket.conn);
+		console.log(socket.client.request.httpVersion);
+		console.log(socket.conn.id);
+		console.log(socket.conn.upgraded);
+		console.log(socket.conn.readyState);
+
+		socket.on('packet', function(message :string, ping :string){
+			console.log(message, ping);
+		});;
+    });
+}
+
+function testClosingServerWithCallback() {
+    var io = socketIO.listen(80);
+    io.close(function() {
+    });
+}
+
+function testClosingServerWithoutCallback() {
+    var io = socketIO.listen(80);
+    io.close();
+}
+
+function testLocalServerMessages() {
+    var io = socketIO.listen(80);
+    io.local.emit('local', 'Local data');
+}
+
+function testVolatileServerMessages() {
+    var io = socketIO.listen(80);
+    io.volatile.emit('volatile', 'Lost data');
+}
+
+function testSocketUse() {
+    var io = socketIO.listen(80);
+    io.on('connection', (socket) => {
+        socket.use((packet, next) => {
+            console.log(packet);
+        });
+    });
+}
\ No newline at end of file
diff --git a/types/socket.io/v1/tsconfig.json b/types/socket.io/v1/tsconfig.json
new file mode 100644
index 0000000000..8f7bad0ba7
--- /dev/null
+++ b/types/socket.io/v1/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "socket.io": [ "socket.io/v1" ]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "socket.io-tests.ts"
+    ]
+}
diff --git a/types/socket.io/v1/tslint.json b/types/socket.io/v1/tslint.json
new file mode 100644
index 0000000000..a41bf5d19a
--- /dev/null
+++ b/types/socket.io/v1/tslint.json
@@ -0,0 +1,79 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/socketio-jwt-auth/socketio-jwt-auth-tests.ts b/types/socketio-jwt-auth/socketio-jwt-auth-tests.ts
index b88020e85f..656984b42a 100644
--- a/types/socketio-jwt-auth/socketio-jwt-auth-tests.ts
+++ b/types/socketio-jwt-auth/socketio-jwt-auth-tests.ts
@@ -2,9 +2,9 @@ import SocketIo = require('socket.io');
 import jwtAuth = require('socketio-jwt-auth');
 
 const io = SocketIo();
-const User: {
+declare const User: {
     findOne: (options: { id: number }, callback: (err: Error, user: any) => void) => void
-} = <any> {};
+};
 
 // using middleware
 io.use(jwtAuth.authenticate({
diff --git a/types/socketio-jwt/socketio-jwt-tests.ts b/types/socketio-jwt/socketio-jwt-tests.ts
index 2341de7747..2309d2c8d6 100644
--- a/types/socketio-jwt/socketio-jwt-tests.ts
+++ b/types/socketio-jwt/socketio-jwt-tests.ts
@@ -27,7 +27,7 @@ io.on('connection', authorize({
 
 io.on('authenticated', (socket: SocketIo.Socket) => {
 	console.log('authenticated!!');
-	console.log(JSON.stringify((<any> socket).anyNameYouWant));
+	console.log(JSON.stringify((socket as any).anyNameYouWant));
 });
 
 const secrets: any = {
diff --git a/types/sonic-boom/index.d.ts b/types/sonic-boom/index.d.ts
new file mode 100644
index 0000000000..0ae54bc997
--- /dev/null
+++ b/types/sonic-boom/index.d.ts
@@ -0,0 +1,50 @@
+// Type definitions for sonic-boom 0.6
+// Project: https://github.com/mcollina/sonic-boom.git
+// Definitions by: Alex Ferrando <https://github.com/alferpal>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node"/>
+
+import { EventEmitter } from 'events';
+
+export = SonicBoom;
+
+declare class SonicBoom extends EventEmitter {
+    /**
+     * @param [fileDescriptor] File path or numerical file descriptor
+     * relative protocol is enabled. Default: process.stdout
+     * @returns a new sonic-boom instance
+     */
+    constructor(fileDescriptor: string | number)
+
+    /**
+     * Writes the string to the file. It will return false to signal the producer to slow down.
+     */
+    write(string: string): void;
+
+    /**
+     * Writes the current buffer to the file if a write was not in progress.
+     * Do nothing if minLength is zero or if it is already writing.
+     */
+    flush(): void;
+
+    /**
+     * Reopen the file in place, useful for log rotation.
+     */
+    reopen(fileDescriptor?: string | number): void;
+
+    /**
+     * Flushes the buffered data synchronously. This is a costly operation.
+     */
+    flushSync(): void;
+
+    /**
+     * Closes the stream, the data will be flushed down asynchronously
+     */
+    end(): void;
+
+    /**
+     * Closes the stream immediately, the data is not flushed.
+     */
+    destroy(): void;
+}
diff --git a/types/sonic-boom/sonic-boom-tests.ts b/types/sonic-boom/sonic-boom-tests.ts
new file mode 100644
index 0000000000..4ed8e1bee5
--- /dev/null
+++ b/types/sonic-boom/sonic-boom-tests.ts
@@ -0,0 +1,14 @@
+import SonicBoom = require('sonic-boom');
+const sonic = new SonicBoom(1);
+
+sonic.write('hello sonic\n');
+
+sonic.flush();
+
+sonic.flushSync();
+
+sonic.reopen();
+
+sonic.end();
+
+sonic.destroy();
diff --git a/types/sonic-boom/tsconfig.json b/types/sonic-boom/tsconfig.json
new file mode 100644
index 0000000000..46c62493b0
--- /dev/null
+++ b/types/sonic-boom/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "sonic-boom-tests.ts"
+    ]
+}
diff --git a/types/sonic-boom/tslint.json b/types/sonic-boom/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/sonic-boom/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/sort-object-keys/index.d.ts b/types/sort-object-keys/index.d.ts
new file mode 100644
index 0000000000..5e81e9bb10
--- /dev/null
+++ b/types/sort-object-keys/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for sort-object-keys 1.1
+// Project: https://github.com/keithamus/sort-object-keys#readme
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export = sortObjectByKeyNameList;
+
+declare function sortObjectByKeyNameList<T>(
+    object: T,
+    sortWith?: ReadonlyArray<keyof T> | ((a: keyof T, b: keyof T) => number)
+): T;
diff --git a/types/sort-object-keys/sort-object-keys-tests.ts b/types/sort-object-keys/sort-object-keys-tests.ts
new file mode 100644
index 0000000000..fd2148decf
--- /dev/null
+++ b/types/sort-object-keys/sort-object-keys-tests.ts
@@ -0,0 +1,44 @@
+import assert = require('assert');
+import sortObject = require('sort-object-keys');
+
+assert.equal(JSON.stringify({
+    c: 1,
+    b: 1,
+    d: 1,
+    a: 1,
+}), JSON.stringify({
+    a: 1,
+    b: 1,
+    c: 1,
+    d: 1,
+}));
+
+assert.equal(JSON.stringify(sortObject({
+    c: 1,
+    b: 1,
+    d: 1,
+    a: 1,
+}, ['b', 'a', 'd', 'c'])), JSON.stringify({
+    b: 1,
+    a: 1,
+    d: 1,
+    c: 1,
+}));
+
+function removeKeyAncCompareIndex(keyA: string, keyB: string) {
+    const a = parseInt(keyA.slice(4), 10);
+    const b = parseInt(keyB.slice(4), 10);
+    return a - b;
+}
+
+assert.equal(JSON.stringify(sortObject({
+    "key-1": 1,
+    "key-3": 1,
+    "key-10": 1,
+    "key-2": 1,
+}, removeKeyAncCompareIndex)), JSON.stringify({
+    "key-1": 1,
+    "key-2": 1,
+    "key-3": 1,
+    "key-10": 1,
+}));
diff --git a/types/sort-object-keys/tsconfig.json b/types/sort-object-keys/tsconfig.json
new file mode 100644
index 0000000000..7453ae85af
--- /dev/null
+++ b/types/sort-object-keys/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "sort-object-keys-tests.ts"
+    ]
+}
diff --git a/types/sort-object-keys/tslint.json b/types/sort-object-keys/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/sort-object-keys/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/sortablejs/index.d.ts b/types/sortablejs/index.d.ts
index 9234eccc4c..b05ddb053b 100644
--- a/types/sortablejs/index.d.ts
+++ b/types/sortablejs/index.d.ts
@@ -1,205 +1,329 @@
-// Type definitions for Sortable.js 1.3
+// Type definitions for Sortable.js 1.7
 // Project: https://github.com/RubaXa/Sortable
 // Definitions by: Maw-Fox <https://github.com/Maw-Fox>
+//                 Maarten Staa <https://github.com/maartenstaa>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
 
-import Sortable = Sortablejs.Sortable;
 export = Sortable;
-export as namespace Sortable;
 
-declare namespace Sortablejs {
-    interface SortableOptions {
-        group?: any;
-        sort?: boolean;
-        delay?: number;
-        disabled?: boolean;
-        store?: {
-            get: (sortable: Sortable) => any[];
-            set: (sortable: Sortable) => any;
-        };
-        animation?: number;
-        handle?: string;
-        filter?: any;
-        draggable?: string;
-        ghostClass?: string;
-        chosenClass?: string;
-        dataIdAttr?: string;
-        forceFallback?: boolean;
-        fallbackClass?: string;
-        fallbackOnBody?: boolean;
-        scroll?: boolean;
-        scrollSensitivity?: number;
-        scrollSpeed?: number;
-        setData?: (dataTransfer: any, draggedElement: any) => any;
-        onStart?: (event: any) => any;
-        onEnd?: (event: any) => any;
-        onAdd?: (event: any) => any;
-        onUpdate?: (event: any) => any;
-        onSort?: (event: any) => any;
-        onRemove?: (event: any) => any;
-        onFilter?: (event: any) => any;
-        onMove?: (event: any) => boolean;
+declare class Sortable {
+    public options: Sortable.Options;
+    public el: HTMLElement;
+
+    /**
+     * Sortable's main constructor.
+     * @param element Any variety of HTMLElement.
+     * @param options Sortable options object.
+     */
+    constructor(element: HTMLElement, options: Sortable.Options);
+
+    static active: Sortable;
+    static utils: Sortable.Utils;
+
+    /**
+     * Creation of new instances.
+     * @param element Any variety of HTMLElement.
+     * @param options Sortable options object.
+     */
+    static create(element: HTMLElement, options: Sortable.Options): Sortable;
+
+    /**
+     * Options getter/setter
+     * @param name a Sortable.Options property.
+     * @param value a value.
+     */
+    option<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]): void;
+    option<K extends keyof Sortable.Options>(name: K): Sortable.Options[K];
+
+    /**
+     * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+     * @param element an HTMLElement or selector string.
+     * @param selector default: `options.draggable`
+     */
+    closest(element: HTMLElement, selector?: string): HTMLElement | null;
+
+    /**
+     * Sorts the elements according to the array.
+     * @param order an array of strings to sort.
+     */
+    sort(order: ReadonlyArray<string>): void;
+
+    /**
+     * Saving and restoring of the sort.
+     */
+    save(): void;
+
+    /**
+     * Removes the sortable functionality completely.
+     */
+    destroy(): void;
+
+    /**
+     * Serializes the sortable's item data-id's (dataIdAttr option) into an array of string.
+     */
+    toArray(): string[];
+}
+
+declare namespace Sortable {
+    export interface SortableEvent extends Event {
+        clone: HTMLElement;
+        /**
+         * previous list
+         */
+        from: HTMLElement;
+        /**
+         * dragged element
+         */
+        item: HTMLElement;
+        /**
+         * new index within parent
+         */
+        newIndex: number | undefined;
+        /**
+         * old index within parent
+         */
+        oldIndex: number | undefined;
+        target: HTMLElement;
+        /**
+         * list, in which moved element.
+         */
+        to: HTMLElement;
     }
 
-    interface SortableUtils {
+    export interface MoveEvent extends Event {
+        dragged: HTMLElement;
+        draggedRect: DOMRect;
+        from: HTMLElement;
+        /**
+         * element on which have guided
+         */
+        related: HTMLElement;
+        relatedRect: DOMRect;
+        to: HTMLElement;
+        willInsertAfter?: boolean;
+    }
+
+    export interface GroupOptions {
+        /**
+         * group name
+         */
+        name: string;
+        /**
+         * ability to move from the list. clone — copy the item, rather than move.
+         */
+        pull?: boolean | 'clone' | ((to: Sortable, from: Sortable) => boolean | string);
+        /**
+         * whether elements can be added from other lists, or an array of group names from which elements can be taken.
+         */
+        put?: boolean | string | ReadonlyArray<string> | ((to: Sortable) => boolean);
+        /**
+         * revert cloned element to initial position after moving to a another list.
+         */
+        revertClone?: boolean;
+    }
+
+    export interface Options {
+        /**
+         * ms, animation speed moving items when sorting, `0` — without animation
+         */
+        animation?: number;
+        /**
+         * Class name for the chosen item
+         */
+        chosenClass?: string;
+        dataIdAttr?: string;
+        /**
+         * time in milliseconds to define when the sorting should start
+         */
+        delay?: number;
+        /**
+         * Disables the sortable if set to true.
+         */
+        disabled?: boolean;
+        /**
+         * Class name for the dragging item
+         */
+        dragClass?: string;
+        /**
+         * Specifies which items inside the element should be draggable
+         */
+        draggable?: string;
+        dragoverBubble?: boolean;
+        dropBubble?: boolean;
+        /**
+         * Class name for the cloned DOM Element when using forceFallback
+         */
+        fallbackClass?: string;
+        /**
+         * Appends the cloned DOM Element into the Document's Body
+         */
+        fallbackOnBody?: boolean;
+        /**
+         * Specify in pixels how far the mouse should move before it's considered as a drag.
+         */
+        fallbackTolerance?: number;
+        fallbackOffset?: { x: number, y: number };
+        /**
+         * Selectors that do not lead to dragging (String or Function)
+         */
+        filter?: string | ((this: Sortable, event: Event | TouchEvent, target: HTMLElement, sortable: Sortable) => boolean);
+        /**
+         * ignore the HTML5 DnD behaviour and force the fallback to kick in
+         */
+        forceFallback?: boolean;
+        /**
+         * Class name for the drop placeholder
+         */
+        ghostClass?: string;
+        /**
+         * To drag elements from one list into another, both lists must have the same group value.
+         * You can also define whether lists can give away, give and keep a copy (clone), and receive elements.
+         */
+        group?: string | GroupOptions;
+        /**
+         * Drag handle selector within list items
+         */
+        handle?: string;
+        ignore?: string;
+        /**
+         * Call `event.preventDefault()` when triggered `filter`
+         */
+        preventOnFilter?: boolean;
+        scroll?: boolean;
+        /**
+         * if you have custom scrollbar scrollFn may be used for autoscrolling
+         */
+        scrollFn?: ((this: Sortable, offsetX: number, offsetY: number, event: MouseEvent) => void)
+        /**
+         * px, how near the mouse must be to an edge to start scrolling.
+         */
+        scrollSensitivity?: number;
+        /**
+         * px
+         */
+        scrollSpeed?: number;
+        /**
+         * sorting inside list
+         */
+        sort?: boolean;
+        store?: {
+            get: (sortable: Sortable) => string[];
+            set: (sortable: Sortable) => void;
+        };
+        setData?: (dataTransfer: DataTransfer, draggedElement: HTMLElement) => void;
+        /**
+         * Element dragging started
+         */
+        onStart?: (event: SortableEvent) => void;
+        /**
+         * Element dragging ended
+         */
+        onEnd?: (event: SortableEvent) => void;
+        /**
+         * Element is dropped into the list from another list
+         */
+        onAdd?: (event: SortableEvent) => void;
+        /**
+         * Changed sorting within list
+         */
+        onUpdate?: (event: SortableEvent) => void;
+        /**
+         * Called by any change to the list (add / update / remove)
+         */
+        onSort?: (event: SortableEvent) => void;
+        /**
+         * Element is removed from the list into another list
+         */
+        onRemove?: (event: SortableEvent) => void;
+        /**
+         * Attempt to drag a filtered element
+         */
+        onFilter?: (event: SortableEvent) => void;
+        /**
+         * Event when you move an item in the list or between lists
+         */
+        onMove?: (event: MoveEvent) => boolean;
+    }
+
+    interface Utils {
         /**
          * Attach an event handler function
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} event an Event context.
-         * @param {Function} fn
+         * @param element an HTMLElement.
+         * @param event an Event context.
+         * @param fn
          */
-        on(element: any, event: string, fn: (event: any) => any): void;
+        on(element: HTMLElement, event: string, fn: EventListenerOrEventListenerObject): void;
 
         /**
          * Remove an event handler function
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} event an Event context.
-         * @param {Function} fn a callback.
+         * @param element an HTMLElement.
+         * @param event an Event context.
+         * @param fn a callback.
          */
-        off(element: any, event: string, fn: (event: any) => any): void;
+        off(element: HTMLElement, event: string, fn: EventListenerOrEventListenerObject): void;
 
         /**
          * Get the values of all the CSS properties.
-         * @param {HTMLElement} element an HTMLElement.
-         * @returns {Object}
+         * @param element an HTMLElement.
          */
-        css(element: any): any;
+        css(element: HTMLElement): CSSStyleDeclaration;
 
         /**
          * Get the value of style properties.
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} prop a property key.
-         * @returns {*}
+         * @param element an HTMLElement.
+         * @param prop a property key.
          */
-        css(element: any, prop: string): any;
+        css<K extends keyof CSSStyleDeclaration>(element: HTMLElement, prop: K): CSSStyleDeclaration[K];
 
         /**
          * Set one CSS property.
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} prop a property key.
-         * @param {string} value a property value.
+         * @param element an HTMLElement.
+         * @param prop a property key.
+         * @param value a property value.
          */
-        css(element: any, prop: string, value: string): void;
-
-        /**
-         * Set CSS properties.
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {Object} props a properties object.
-         */
-        css(element: any, props: any): void;
+        css<K extends keyof CSSStyleDeclaration>(element: HTMLElement, prop: K, value: CSSStyleDeclaration[K]): void;
 
         /**
          * Get elements by tag name.
-         * @param {HTMLElement} context an HTMLElement.
-         * @param {string} tagName A tag name.
-         * @param {function} [iterator] An iterator.
-         * @returns {HTMLElement[]}
+         * @param context an HTMLElement.
+         * @param tagName A tag name.
+         * @param iterator An iterator.
          */
-        find(context: any, tagName: string, iterator?: (value: any) => any): any[];
-
-        /**
-         * Takes a function and returns a new one that will always have a particular context.
-         * @param {*} context an HTMLElement.
-         * @param {function} fn a function.
-         * @returns {function}
-         */
-        bind(context: any, fn: () => any): () => any;
+        find(context: HTMLElement, tagName: string, iterator?: (value: HTMLElement, index: number) => void): NodeListOf<HTMLElement>;
 
         /**
          * Check the current matched set of elements against a selector.
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} selector an element selector.
-         * @returns {boolean}
+         * @param element an HTMLElement.
+         * @param selector an element selector.
          */
-        is(element: any, selector: string): boolean;
+        is(element: HTMLElement, selector: string): boolean;
 
         /**
          * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} selector an element seletor.
-         * @param {HTMLElement} [context] a specific element's context.
-         * @returns {HTMLElement}
+         * @param element an HTMLElement.
+         * @param selector an element seletor.
+         * @param context a specific element's context.
          */
-        closest(element: any, selector: string, context?: any): any;
+        closest(element: HTMLElement, selector: string, context?: HTMLElement): HTMLElement | null;
 
         /**
          * Add or remove one classes from each element
-         * @param {HTMLElement} element an HTMLElement.
-         * @param {string} name a class name.
-         * @param {boolean} state a class's state.
+         * @param element an HTMLElement.
+         * @param name a class name.
+         * @param state a class's state.
          */
-        toggleClass(element: any, name: string, state: boolean): void;
+        toggleClass(element: HTMLElement, name: string, state: boolean): void;
     }
 
-    class DOMRect {
-        public bottom: number;
-        public height: number;
-        public left: number;
-        public right: number;
-        public top: number;
-        public width: number;
-        public x: number;
-        public y: number;
-    }
-
-    class Sortable {
-        public options: SortableOptions;
-        public el: any;
-
-        /**
-         * Sortable's main constructor.
-         * @param {HTMLElement} element Any variety of HTMLElement.
-         * @param {SortableOptions} options Sortable options object.
-         */
-        constructor(element: any, options: SortableOptions);
-
-        static active: Sortable;
-        static utils: SortableUtils;
-
-        /**
-         * Creation of new instances.
-         * @param {HTMLElement} element Any variety of HTMLElement.
-         * @param {SortableOptions} options Sortable options object.
-         * @returns {Sortable}
-         */
-        static create(element: any, options: SortableOptions): Sortable;
-
-        /**
-         * Options getter/setter
-         * @param {string} name a SortableOptions property.
-         * @param {*} [value] a Value.
-         * @returns {*}
-         */
-        option(name: string, value: any): any;
-        option(name: string): any;
-
-        /**
-         * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-         * @param {string|HTMLElement} element an HTMLElement or selector string.
-         * @returns {HTMLElement}
-         */
-        closest(element: any): any;
-
-        /**
-         * Sorts the elements according to the array.
-         * @param {string[]} order an array of strings to sort.
-         */
-        sort(order: string[]): void;
-
-        /**
-         * Saving and restoring of the sort.
-         */
-        save(): void;
-
-        /**
-         * Removes the sortable functionality completely.
-         */
-        destroy(): void;
-
-        /**
-         * Serializes the sortable's item data-id's (dataIdAttr option) into an array of string.
-         * @returns {string[]}
-         */
-        toArray(): string[];
+    interface DOMRect {
+        bottom: number;
+        height: number;
+        left: number;
+        right: number;
+        top: number;
+        width: number;
+        x: number;
+        y: number;
     }
 }
diff --git a/types/sortablejs/sortablejs-tests.ts b/types/sortablejs/sortablejs-tests.ts
index 73c32ea862..88a2c4283d 100644
--- a/types/sortablejs/sortablejs-tests.ts
+++ b/types/sortablejs/sortablejs-tests.ts
@@ -2,9 +2,9 @@
 import Sortable = require("sortablejs");
 
 
-var simpleList = document.getElementById('list');
+var simpleList = document.createElement('ul');
 var list = simpleList;
-var el = document.getElementById('el');
+var el = document.createElement('div');
 var sortable = new Sortable(simpleList, {});
 var order = sortable.toArray();
 var angular: any;
@@ -28,7 +28,7 @@ Sortable.create(list, {
             control = event.target;
 
         if (Sortable.utils.is(control, ".js-remove")) {
-            item.parentNode.removeChild(item);
+            item.parentNode!.removeChild(item);
         }
         else if (Sortable.utils.is(control, ".js-edit")) {
             // ..
@@ -40,14 +40,14 @@ Sortable.create(el, {
     group: "localStorage-example",
     store: {
         get: function(sortable) {
-            var order = localStorage.getItem(sortable.options.group);
+            var order = localStorage.getItem(sortable.options.group as string);
 
             return order ? order.split('|') : [];
         },
         set: function(sortable) {
             var order = sortable.toArray();
 
-            localStorage.setItem(sortable.options.group, order.join('|'));
+            localStorage.setItem(sortable.options.group as string, order.join('|'));
         }
     }
 });
@@ -86,7 +86,7 @@ simpleList.innerHTML = Array.apply(null, new Array(100)).map(function(value: any
 (function() {
     'use strict';
 
-    var byId = function(id: string) { return document.getElementById(id); },
+    var byId = function(id: string) { return document.getElementById(id)!; },
 
         loadScripts = function(desc: any, callback: any) {
             var deps: string[] = [];
@@ -124,12 +124,12 @@ simpleList.innerHTML = Array.apply(null, new Array(100)).map(function(value: any
         animation: 150,
         store: {
             get: function(sortable) {
-                var order = localStorage.getItem(sortable.options.group);
+                var order = localStorage.getItem(sortable.options.group as string);
                 return order ? order.split('|') : [];
             },
             set: function(sortable) {
                 var order = sortable.toArray();
-                localStorage.setItem(sortable.options.group, order.join('|'));
+                localStorage.setItem(sortable.options.group as string, order.join('|'));
             }
         },
         onAdd: function(evt) { console.log('onAdd.foo:', [evt.item, evt.from]); },
@@ -172,7 +172,7 @@ simpleList.innerHTML = Array.apply(null, new Array(100)).map(function(value: any
         animation: 150,
         filter: '.js-remove',
         onFilter: function(evt) {
-            evt.item.parentNode.removeChild(evt.item);
+            evt.item.parentNode!.removeChild(evt.item);
         }
     });
 
@@ -197,7 +197,7 @@ simpleList.innerHTML = Array.apply(null, new Array(100)).map(function(value: any
     },
         {
             name: 'advanced',
-            pull: 'clone',
+            pull: 'clone' as 'clone',
             put: false
         }, {
             name: 'advanced',
@@ -279,7 +279,7 @@ simpleList.innerHTML = Array.apply(null, new Array(100)).map(function(value: any
 document.addEventListener("DOMContentLoaded", function() {
     function setNoiseBackground(el: any, width: number, height: number, opacity: number) {
         var canvas = document.createElement("canvas");
-        var context = canvas.getContext("2d");
+        var context = canvas.getContext("2d")!;
 
         canvas.width = width;
         canvas.height = height;
@@ -297,3 +297,72 @@ document.addEventListener("DOMContentLoaded", function() {
 
     setNoiseBackground(document.getElementsByTagName('body')[0], 50, 50, 0.02);
 }, false);
+
+Sortable.create(simpleList, {
+    group: 'foo',
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    group: 'bar',
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    group: {
+        name: 'qux',
+        put: ['foo', 'bar']
+    },
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    group: 'foo',
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    group: {
+        name: 'bar',
+        put: 'qux',
+        pull: function (to, from) {
+            return from.el.children.length > 2 || 'clone';
+        }
+    },
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    group: {
+        name: 'qux',
+        put: function (to) {
+            return to.el.children.length < 4;
+        }
+    },
+    animation: 100
+});
+
+Sortable.create(simpleList, {
+    animation: 200,
+    group: {
+        name: "shared",
+        pull: "clone",
+        revertClone: true,
+    },
+    sort: true
+});
+
+Sortable.create(simpleList, {
+    group: "shared",
+    sort: false
+});
+
+// List with handle
+Sortable.create(simpleList, {
+    handle: '.glyphicon-move',
+    animation: 150,
+    filter: ".disabled",
+    onMove: function (evt) {
+        return evt.related.className.indexOf('disabled') === -1;
+    }
+});
diff --git a/types/sortablejs/tsconfig.json b/types/sortablejs/tsconfig.json
index a5e89ba671..753fea5190 100644
--- a/types/sortablejs/tsconfig.json
+++ b/types/sortablejs/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
@@ -21,4 +21,4 @@
         "index.d.ts",
         "sortablejs-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/spdy/spdy-tests.ts b/types/spdy/spdy-tests.ts
index cd9ebd034e..6dcce1d28d 100644
--- a/types/spdy/spdy-tests.ts
+++ b/types/spdy/spdy-tests.ts
@@ -58,7 +58,7 @@ describe('SPDY Client', () => {
         server.listen(fixtures.port, () => {
           agent = spdy.createAgent({
                                      rejectUnauthorized: false,
-                                     port: <number> fixtures.port,
+                                     port: fixtures.port as number,
                                      spdy: {
                                        plain,
                                        protocol: plain ? npn : null,
diff --git a/types/speakeasy/index.d.ts b/types/speakeasy/index.d.ts
index 06d79ea6aa..573a9df820 100644
--- a/types/speakeasy/index.d.ts
+++ b/types/speakeasy/index.d.ts
@@ -1,119 +1,452 @@
-// Type definitions for speakeasy v2.0.0
+// Type definitions for speakeasy 2.0
 // Project: https://github.com/speakeasyjs/speakeasy
 // Definitions by: Lucas Woo <https://github.com/legendecas>, Alexander Batukhtin <https://github.com/mrOlorin>, Aayush Kapoor <https://github.com/xeoneux>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-interface SharedOptions {
-    encoding?: string;
-    algorithm?: string;
+/// <reference types="node" />
+
+export type Encoding = 'ascii' | 'hex' | 'base32' | 'base64';
+export type Algorithm = 'sha1' | 'sha256' | 'sha512';
+
+export interface SharedOptions {
+    /**
+     * Key encoding, defaults to ascii
+     */
+    encoding?: Encoding;
+    /**
+     * Algorithm, defaults to sha1
+     */
+    algorithm?: Algorithm;
 }
 
-interface Key {
+export interface GeneratedSecret {
+    /**
+     * ASCII representation of the secret
+     */
     ascii: string;
-    base32: string;
+    /**
+     * Hex representation of the secret
+     */
     hex: string;
-    qr_code_ascii: string;
-    qr_code_hex: string;
-    qr_code_base32: string;
+    /**
+     * Base32 representation of the secret
+     */
+    base32: string;
+    /**
+     * URL for the QR code for the ASCII secret.
+     *
+     * @deprecated use a separate QR code library
+     */
+    qr_code_ascii?: string;
+    /**
+     * URL for the QR code for the hex secret.
+     *
+     * @deprecated use a separate QR code library
+     */
+    qr_code_hex?: string;
+    /**
+     * URL for the QR code for the base32 secret.
+     *
+     * @deprecated use a separate QR code library
+     */
+    qr_code_base32?: string;
+    /**
+     * URL for the Google Authenticator otpauth
+     * URL's QR code.
+     *
+     * @deprecated use a separate QR code library
+     */
     google_auth_qr: string;
+    /**
+     * Google Authenticator-compatible otpauth URL.
+     */
     otpauth_url?: string;
 }
+export interface GeneratedSecretWithOtpAuthUrl extends GeneratedSecret {
+    /**
+     * Google Authenticator-compatible otpauth URL.
+     */
+    otpauth_url: string;
+}
 
-interface DigestOptions extends SharedOptions {
+export interface DigestOptions extends SharedOptions {
     secret: string;
-    counter: string;
+    counter: number;
+    /**
+     * @deprecated use secret
+     */
     key?: string;
 }
 
-interface GenerateOptions {
+export interface GenerateSecretOptions {
+    /**
+     * Length of the secret, defaults to 32
+     */
     length?: number;
+    /**
+     * Whether to include symbols, defaults to false
+     */
     symbols?: boolean;
-    qr_codes?: boolean;
-    google_auth_qr?: boolean;
+    /**
+     * The name to use with Google Authenticator, deaults to 'SecretKey'
+     */
     name?: string;
-}
-
-interface GenerateSecretOptions {
-    length?: number;
-    name?: string;
-    qr_codes?: boolean;
-    google_auth_qr?: boolean;
+    /**
+     * Whether to output a Google Authenticator-compatible otpauth:// URL
+     * (only returns otpauth:// URL, no QR code), defaults to false
+     */
     otpauth_url?: boolean;
-    symbols?: boolean;
+    /**
+     * The provider or service with which the
+     * secret key is associated, defaults to ''
+     */
+    issuer?: string;
+    /**
+     * Output QR code URLs for the token.
+     *
+     * @deprecated use your own QR code implementation to prevent
+     *   leaking of secret to a third party.
+     */
+    qr_codes?: boolean;
+    /**
+     * Output a Google Authenticator otpauth:// QR code URL.
+     *
+     * @deprecated use your own QR code implementation to prevent
+     *   leaking of secret to a third party.
+     */
+    google_auth_qr?: boolean;
+}
+export interface GenerateSecretWithOtpAuthUrlOptions extends GenerateSecretOptions {
+    /**
+     * Whether to output a Google Authenticator-compatible otpauth:// URL
+     * (only returns otpauth:// URL, no QR code), defaults to false
+     */
+    otpauth_url: true;
 }
 
-interface TotpOptions extends SharedOptions {
-    key?: string;
-    step?: number;
+export interface HotpOptions extends DigestOptions {
+    /**
+     * @deprecated use digits
+     */
+    length?: number;
+    /**
+     * The number of digits for the one-time passcode, defaults to 6
+     */
+    digits?: number;
+    /**
+     * The digest, automatically generated by default
+     */
+    digest?: Buffer;
+}
+
+export interface HotpVerifyOptions extends SharedOptions {
+    /**
+     * Shared secret key
+     */
+    secret: string;
+    /**
+     * Passcode to validate
+     */
+    token: string;
+    /**
+     * Counter value. This should be stored by
+     * the application and must be incremented for each request.
+     */
+    counter: number;
+    /**
+     * The number of digits for the one-time passcode, defaults to 6
+     */
+    digits?: number;
+    /**
+     * The allowable margin for the counter.
+     * The function will check "W" codes in the future against the provided
+     * passcode, e.g. if W = 10, and C = 5, this function will check the
+     * passcode against all One Time Passcodes between 5 and 15, inclusive,
+     * defaults to 0
+     */
+    window?: number;
+}
+
+export interface TotpOptions extends SharedOptions {
+    /**
+     * Time in seconds with which to calculate
+     * counter value, defaults to `Date.now() / 1000`.
+     */
     time?: number;
+    /**
+     * Time step in seconds, defaults to 30
+     */
+    step?: number;
+    /**
+     * Initial time since the UNIX epoch from which to calculate the counter value,
+     * defaults to 0 (no offset).
+     */
+    epoch?: number;
+    /**
+     * @deprecated use epoch
+     */
     initial_time?: number;
-    length?: number;
-    counter?: number;
-    epoch?: number;
-    secret?: string;
+    /**
+     * The number of digits for the one-time passcode, defaults to 6
+     */
     digits?: number;
-    digest?: () => string;
+    /**
+     * @deprecated use digits
+     */
+    length?: number;
+    /**
+     * The digest, automatically generated by default
+     */
+    digest?: Buffer;
+    /**
+     * Shared secret key
+     */
+    secret: string;
+    /**
+     * @deprecated use secret
+     */
+    key?: string;
+    /**
+     * The counter value, calculated from time by default
+     */
+    counter?: string;
 }
 
-interface TotpVerifyOptions extends SharedOptions {
+export interface TotpVerifyOptions extends SharedOptions {
+    /**
+     * Shared secret key
+     */
     secret: string;
+    /**
+     * Passcode to validate
+     */
     token: string;
+    /**
+     * Time in seconds with which to calculate
+     * counter value, defaults to `Date.now() / 1000`.
+     */
     time?: number;
+    /**
+     * Time step in seconds, defaults to 30
+     */
     step?: number;
+    /**
+     * Initial time since the UNIX epoch from which to calculate the counter value,
+     * defaults to 0 (no offset).
+     */
     epoch?: number;
-    counter?: number;
+    /**
+     * The number of digits for the one-time passcode, defaults to 6
+     */
     digits?: number;
+    /**
+     * The allowable margin for the counter.
+     * The function will check "W" codes in the future and the past against the
+     * provided passcode, e.g. if W = 5, and C = 1000, this function will check
+     * the passcode against all One Time Passcodes between 995 and 1005, inclusive
+     * defaults to 0
+     */
     window?: number;
+    /**
+     * The counter value, calculated from time by default
+     */
+    counter?: string;
 }
 
-interface HotpOptions extends SharedOptions {
-    key: string;
-    counter: number;
-    length?: number;
-    digits?: number;
-    digest?: () => string;
-}
-
-interface HotpVerifyOptions extends SharedOptions {
-    secret: string;
-    token: string;
-    counter: number;
-    digits?: number;
-    window?: number;
-}
-
-interface OtpauthURLOptions extends SharedOptions {
+export interface OtpauthURLOptions extends SharedOptions {
+    /**
+     * Shared secret key
+     */
     secret: string;
+    /**
+     * Used to identify the account with which the secret key is associated,
+     * e.g. the user's email address.
+     */
     label: string;
-    issuer?: any;
-    type?: string;
+    /**
+     * Either 'hotp' or 'totp', defaults to 'totp'
+     */
+    type?: 'htop' | 'totp';
+    /**
+     * The initial counter value, required for HOTP.
+     */
     counter?: number;
+    /**
+     * The provider or service with which the secret key is associated.
+     */
+    issuer?: string;
+    /**
+     * The number of digits for the one-time passcode. Currently ignored
+     * by Google Authenticator, defaults to 6
+     */
     digits?: number;
+    /**
+     * The length of time for which a TOTP code will be valid, in seconds.
+     * Currently ignored by Google Authenticator, defaults to 30
+     */
     period?: number;
 }
 
-interface Hotp {
+export interface Delta {
+    delta: number;
+}
+
+export interface Hotp {
+    /**
+     * Generate a counter-based one-time token. Specify the key and counter, and
+     * receive the one-time password for that counter position as a string. You can
+     * also specify a token length, as well as the encoding (ASCII, hexadecimal, or
+     * base32) and the hashing algorithm to use (SHA1, SHA256, SHA512).
+     *
+     * @return The one-time passcode.
+     */
     (options: HotpOptions): string;
-    verifyDelta: (options: HotpVerifyOptions) => boolean;
+    /**
+     * Verify a counter-based one-time token against the secret and return the delta.
+     * By default, it verifies the token at the given counter value, with no leeway
+     * (no look-ahead or look-behind). A token validated at the current counter value
+     * will have a delta of 0.
+     *
+     * You can specify a window to add more leeway to the verification process.
+     * Setting the window param will check for the token at the given counter value
+     * as well as `window` tokens ahead (one-sided window). See param for more info.
+     *
+     * `verifyDelta()` will return the delta between the counter value of the token
+     * and the given counter value. For example, if given a counter 5 and a window
+     * 10, `verifyDelta()` will look at tokens from 5 to 15, inclusive. If it finds
+     * it at counter position 7, it will return `{ delta: 2 }`.
+     *
+     * @return On success, returns an object with the counter
+     *   difference between the client and the server as the `delta` property (i.e.
+     *   `{ delta: 0 }`).
+     */
+    verifyDelta: (options: HotpVerifyOptions) => undefined | Delta;
+    /**
+     * Verify a counter-based one-time token against the secret and return true if
+     * it verifies. Helper function for `hotp.verifyDelta()`` that returns a boolean
+     * instead of an object.
+     *
+     * @return Returns true if the token matches within the given window, false otherwise.
+     */
     verify: (options: HotpVerifyOptions) => boolean;
 }
 
-interface Totp {
+export interface Totp {
+    /**
+     * Generate a time-based one-time token. Specify the key, and receive the
+     * one-time password for that time as a string. By default, it uses the current
+     * time and a time step of 30 seconds, so there is a new token every 30 seconds.
+     * You may override the time step and epoch for custom timing. You can also
+     * specify a token length, as well as the encoding (ASCII, hexadecimal, or
+     * base32) and the hashing algorithm to use (SHA1, SHA256, SHA512).
+     *
+     * Under the hood, TOTP calculates the counter value by finding how many time
+     * steps have passed since the epoch, and calls HOTP with that counter value.
+     *
+     * @return The one-time passcode.
+     */
     (options: TotpOptions): string;
-    verifyDelta: (options: TotpVerifyOptions) => boolean;
+    /**
+     * Verify a time-based one-time token against the secret and return the delta.
+     * By default, it verifies the token at the current time window, with no leeway
+     * (no look-ahead or look-behind). A token validated at the current time window
+     * will have a delta of 0.
+     *
+     * You can specify a window to add more leeway to the verification process.
+     * Setting the window param will check for the token at the given counter value
+     * as well as `window` tokens ahead and `window` tokens behind (two-sided
+     * window). See param for more info.
+     *
+     * `verifyDelta()` will return the delta between the counter value of the token
+     * and the given counter value. For example, if given a time at counter 1000 and
+     * a window of 5, `verifyDelta()` will look at tokens from 995 to 1005,
+     * inclusive. In other words, if the time-step is 30 seconds, it will look at
+     * tokens from 2.5 minutes ago to 2.5 minutes in the future, inclusive.
+     * If it finds it at counter position 1002, it will return `{ delta: 2 }`.
+     * If it finds it at counter position 997, it will return `{ delta: -3 }`.
+     *
+     * @return On success, returns an object with the time step
+     *   difference between the client and the server as the `delta` property (e.g.
+     *   `{ delta: 0 }`).
+     */
+    verifyDelta: (options: TotpVerifyOptions) => undefined | Delta;
+    /**
+     * Verify a time-based one-time token against the secret and return true if it
+     * verifies. Helper function for verifyDelta() that returns a boolean instead of
+     * an object.
+     *
+     * @return Returns true if the token matches within the given
+     *   window, false otherwise.
+     */
     verify: (options: TotpVerifyOptions) => boolean;
 }
 
-export declare const hotp: Hotp;
-export declare const totp: Totp;
+/**
+ * Digest the one-time passcode options.
+ *
+ * @return The one-time passcode as a buffer.
+ */
+export function digest(options: DigestOptions): Buffer;
 
-export declare function time(options: TotpOptions): string;
-export declare function counter(options: HotpOptions): string;
-export declare function digest(options: DigestOptions): string;
-export declare function generate_key(options: GenerateOptions): Key;
-export declare function generateSecret(options?: GenerateSecretOptions): Key;
-export declare function generateSecretASCII(
+export const hotp: Hotp;
+// Alias counter() for hotp()
+export const counter: Hotp;
+
+export const totp: Totp;
+// Alias time() for totp()
+export const time: Totp;
+
+/**
+ * Generates a random secret with the set A-Z a-z 0-9 and symbols, of any length
+ * (default 32). Returns the secret key in ASCII, hexadecimal, and base32 format,
+ * along with the URL used for the QR code for Google Authenticator (an otpauth
+ * URL). Use a QR code library to generate a QR code based on the Google
+ * Authenticator URL to obtain a QR code you can scan into the app.
+ */
+export function generateSecret(options: GenerateSecretWithOtpAuthUrlOptions): GeneratedSecretWithOtpAuthUrl;
+/**
+ * Generates a random secret with the set A-Z a-z 0-9 and symbols, of any length
+ * (default 32). Returns the secret key in ASCII, hexadecimal, and base32 format,
+ * along with the URL used for the QR code for Google Authenticator (an otpauth
+ * URL). Use a QR code library to generate a QR code based on the Google
+ * Authenticator URL to obtain a QR code you can scan into the app.
+ */
+export function generateSecret(options?: GenerateSecretOptions): GeneratedSecret;
+/**
+ * @deprecated use generateSecret
+ */
+export const generate_key: typeof generateSecret;
+
+/**
+ * Generates a key of a certain length (default 32) from A-Z, a-z, 0-9, and
+ * symbols (if requested).
+ *
+ * @param  length  The length of the key, defaults to 32
+ * @param  symbols Whether to include symbols in the key, defaults to false
+ * @return The generated key.
+ */
+export function generateSecretASCII(
     length?: number,
     symbols?: boolean
 ): string;
-export declare function otpauthURL(options: OtpauthURLOptions): string;
+/**
+ * @deprecated use generateSecret
+ */
+export const generate_key_ascii: typeof generateSecretASCII;
+
+/**
+ * Generate a Google Authenticator-compatible otpauth:// URL for passing the
+ * secret to a mobile device to install the secret.
+ *
+ * Authenticator considers TOTP codes valid for 30 seconds. Additionally,
+ * the app presents 6 digits codes to the user. According to the
+ * documentation, the period and number of digits are currently ignored by
+ * the app.
+ *
+ * To generate a suitable QR Code, pass the generated URL to a QR Code
+ * generator, such as the `qr-image` module.
+ *
+ * @return A URL suitable for use with the Google Authenticator.
+ * @see https://github.com/google/google-authenticator/wiki/Key-Uri-Format
+ */
+export function otpauthURL(options: OtpauthURLOptions): string;
diff --git a/types/speakeasy/speakeasy-tests.ts b/types/speakeasy/speakeasy-tests.ts
index c807e568a3..587b95fd55 100644
--- a/types/speakeasy/speakeasy-tests.ts
+++ b/types/speakeasy/speakeasy-tests.ts
@@ -3,34 +3,39 @@ import * as speakeasy from 'speakeasy';
 speakeasy.generate_key({length: 20, google_auth_qr: true});
 
 // normal use.
-speakeasy.hotp({key: 'secret', counter: 582});
+speakeasy.hotp({secret: 'secret', counter: 582});
 
 // use a custom length.
-speakeasy.hotp({key: 'secret', counter: 582, length: 8});
+speakeasy.hotp({secret: 'secret', counter: 582, length: 8});
 
 // use a custom encoding.
-speakeasy.hotp({key: 'AJFIEJGEHIFIU7148SF', counter: 147, encoding: 'base32'});
+speakeasy.hotp({secret: 'AJFIEJGEHIFIU7148SF', counter: 147, encoding: 'base32'});
 
 // normal use.
-speakeasy.totp({key: 'secret'});
+speakeasy.totp({secret: 'secret'});
 
 // use a custom time step.
-speakeasy.totp({key: 'secret', step: 60});
+speakeasy.totp({secret: 'secret', step: 60});
 
 // use a custom time.
-speakeasy.totp({key: 'secret', time: 159183717});
+speakeasy.totp({secret: 'secret', time: 159183717});
 
 // use a initial time.
-speakeasy.totp({key: 'secret', initial_time: 4182881485});
+speakeasy.totp({secret: 'secret', initial_time: 4182881485});
 
-speakeasy.generateSecret({
+const otpauth_url: string = speakeasy.generateSecret({
     length: 3,
     name: 'testName',
     qr_codes: true,
     google_auth_qr: true,
     otpauth_url: true,
     symbols: true
-});
+}).otpauth_url;
+
+const otpauth_url2: string | undefined = speakeasy.generateSecret({
+    length: 3,
+    name: 'testName',
+}).otpauth_url;
 
 speakeasy.generateSecretASCII(5, true);
 
@@ -39,10 +44,10 @@ speakeasy.otpauthURL({
     label: 'otpauthURLLength'
 });
 
-speakeasy.totp.verify({secret: "secret", token: "123456"})
+speakeasy.totp.verify({secret: "secret", token: "123456"});
 
-speakeasy.totp.verifyDelta({secret: "secret", token: "123456"})
+speakeasy.totp.verifyDelta({secret: "secret", token: "123456"});
 
-speakeasy.hotp.verify({secret: "secret", token: "123456", counter: 123})
+speakeasy.hotp.verify({secret: "secret", token: "123456", counter: 123});
 
-speakeasy.hotp.verifyDelta({secret: "secret", token: "123456", counter: 123})
+speakeasy.hotp.verifyDelta({secret: "secret", token: "123456", counter: 123});
diff --git a/types/speakeasy/tsconfig.json b/types/speakeasy/tsconfig.json
index e27d664bc4..7831b0837f 100644
--- a/types/speakeasy/tsconfig.json
+++ b/types/speakeasy/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
diff --git a/types/speakeasy/tslint.json b/types/speakeasy/tslint.json
index a41bf5d19a..3db14f85ea 100644
--- a/types/speakeasy/tslint.json
+++ b/types/speakeasy/tslint.json
@@ -1,79 +1 @@
-{
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "adjacent-overload-signatures": false,
-        "array-type": false,
-        "arrow-return-shorthand": false,
-        "ban-types": false,
-        "callable-types": false,
-        "comment-format": false,
-        "dt-header": false,
-        "eofline": false,
-        "export-just-namespace": false,
-        "import-spacing": false,
-        "interface-name": false,
-        "interface-over-type-literal": false,
-        "jsdoc-format": false,
-        "max-line-length": false,
-        "member-access": false,
-        "new-parens": false,
-        "no-any-union": false,
-        "no-boolean-literal-compare": false,
-        "no-conditional-assignment": false,
-        "no-consecutive-blank-lines": false,
-        "no-construct": false,
-        "no-declare-current-package": false,
-        "no-duplicate-imports": false,
-        "no-duplicate-variable": false,
-        "no-empty-interface": false,
-        "no-for-in-array": false,
-        "no-inferrable-types": false,
-        "no-internal-module": false,
-        "no-irregular-whitespace": false,
-        "no-mergeable-namespace": false,
-        "no-misused-new": false,
-        "no-namespace": false,
-        "no-object-literal-type-assertion": false,
-        "no-padding": false,
-        "no-redundant-jsdoc": false,
-        "no-redundant-jsdoc-2": false,
-        "no-redundant-undefined": false,
-        "no-reference-import": false,
-        "no-relative-import-in-test": false,
-        "no-self-import": false,
-        "no-single-declare-module": false,
-        "no-string-throw": false,
-        "no-unnecessary-callback-wrapper": false,
-        "no-unnecessary-class": false,
-        "no-unnecessary-generics": false,
-        "no-unnecessary-qualifier": false,
-        "no-unnecessary-type-assertion": false,
-        "no-useless-files": false,
-        "no-var-keyword": false,
-        "no-var-requires": false,
-        "no-void-expression": false,
-        "no-trailing-whitespace": false,
-        "object-literal-key-quotes": false,
-        "object-literal-shorthand": false,
-        "one-line": false,
-        "one-variable-per-declaration": false,
-        "only-arrow-functions": false,
-        "prefer-conditional-expression": false,
-        "prefer-const": false,
-        "prefer-declare-function": false,
-        "prefer-for-of": false,
-        "prefer-method-signature": false,
-        "prefer-template": false,
-        "radix": false,
-        "semicolon": false,
-        "space-before-function-paren": false,
-        "space-within-parens": false,
-        "strict-export-declare-modifiers": false,
-        "trim-file": false,
-        "triple-equals": false,
-        "typedef-whitespace": false,
-        "unified-signatures": false,
-        "void-return": false,
-        "whitespace": false
-    }
-}
+{ "extends": "dtslint/dt.json" }
diff --git a/types/sprintf-js/index.d.ts b/types/sprintf-js/index.d.ts
index 67d6bba4a8..e825228429 100644
--- a/types/sprintf-js/index.d.ts
+++ b/types/sprintf-js/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://www.npmjs.com/package/sprintf-js
 // Definitions by: Jason Swearingen <https://github.com/jasonswearingen>
 //                 BendingBender <https://github.com/BendingBender>
+//                 Caner Dagli <https://github.com/cdagli>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /**
@@ -161,8 +162,3 @@ export function sprintf(format: string, ...args: any[]): string;
  * @param args: the arguments for the format string
  */
 export function vsprintf(format: string, args: any[]): string;
-
-declare global {
-    function sprintf(format: string, ...args: any[]): string;
-    function vsprintf(format: string, args: any[]): string;
-}
diff --git a/types/sql-template/index.d.ts b/types/sql-template/index.d.ts
new file mode 100644
index 0000000000..c05ae75516
--- /dev/null
+++ b/types/sql-template/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for sql-template 1.2
+// Project: https://github.com/131/sql-template
+// Definitions by: Jaap Taal <https://github.com/q42jaap>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export = SQL;
+declare function SQL(parts: TemplateStringsArray, ...values: any[]): SQL.Fragment;
+
+declare namespace SQL {
+    interface Fragment {
+      raw: string;
+      text: string;
+      values?: any[];
+    }
+
+    type ChainFn = (values: any[], part: string) => string;
+
+    type Transformer = (values: any[], str: string, chain: ChainFn) => void;
+
+    function insert(table: string, values: object): Fragment;
+    function insert_bulk(table: string, keys: string[], values: any[][]): Fragment;
+    function update(table: string, values: object, where?: any): Fragment;
+    function select(table: string, where?: any, cols?: string, extra?: string): Fragment;
+    function search_blob(search_field: string, qs: string, main_field?: string, LIKE?: string): Fragment | false;
+
+    const transformers: {[key: string]: Transformer};
+}
diff --git a/types/sql-template/sql-template-tests.ts b/types/sql-template/sql-template-tests.ts
new file mode 100644
index 0000000000..4b44f1d3a7
--- /dev/null
+++ b/types/sql-template/sql-template-tests.ts
@@ -0,0 +1,21 @@
+import SQL = require("sql-template");
+
+const query = SQL`INSERT INTO table (column) VALUES (${"value"})`;
+SQL.transformers["in"]([], "", () => "");
+
+SQL.insert("table", {column: "value"});
+SQL.insert_bulk("table", ["column"], [["value"]]);
+
+SQL.update("table", {column: "value"});
+SQL.update("table", {column: "value"}, true);
+SQL.update("table", {column: "value2"}, {column: "value1"});
+SQL.update("table", {column: "value2"}, SQL`column = ${"value1"}`);
+
+SQL.select("table");
+SQL.select("table", {column: "value"});
+SQL.select("table", {column: "value"}, "a, b");
+SQL.select("table", {column: "value"}, "a, b", "GROUP BY x");
+
+SQL.search_blob("column", "value");
+SQL.search_blob("column", "value #1", "user_id");
+SQL.search_blob("column", "value #1", "user_id", "LIKE");
diff --git a/types/sql-template/tsconfig.json b/types/sql-template/tsconfig.json
new file mode 100644
index 0000000000..27ac3eba34
--- /dev/null
+++ b/types/sql-template/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "sql-template-tests.ts"
+    ]
+}
diff --git a/types/sql-template/tslint.json b/types/sql-template/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/sql-template/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/ssh2-sftp-client/index.d.ts b/types/ssh2-sftp-client/index.d.ts
index 0e1555abaf..2dcaee74e6 100644
--- a/types/ssh2-sftp-client/index.d.ts
+++ b/types/ssh2-sftp-client/index.d.ts
@@ -19,6 +19,7 @@ declare class sftp {
   delete(remoteFilePath: string): Promise<void>;
   rename(remoteSourcePath: string, remoteDestPath: string): Promise<void>;
   end(): Promise<void>;
+  on(event: string, callback: (...args: any[]) => void): void;
 }
 declare namespace sftp {
   interface FileInfo {
diff --git a/types/ssh2-sftp-client/ssh2-sftp-client-tests.ts b/types/ssh2-sftp-client/ssh2-sftp-client-tests.ts
index 0b9c1a940c..8a9c99fde1 100644
--- a/types/ssh2-sftp-client/ssh2-sftp-client-tests.ts
+++ b/types/ssh2-sftp-client/ssh2-sftp-client-tests.ts
@@ -31,3 +31,5 @@ client.delete('remote/path').then(() => null);
 client.rename('/remote/from', '/remote/to').then(() => null);
 
 client.end().then(() => null);
+
+client.on('event', () => null);
diff --git a/types/ssh2-streams/index.d.ts b/types/ssh2-streams/index.d.ts
index a7ff80243b..a780273591 100644
--- a/types/ssh2-streams/index.d.ts
+++ b/types/ssh2-streams/index.d.ts
@@ -659,8 +659,8 @@ export interface HostKeys {
 }
 
 export interface HostKey {
-    privatekey: ParsedKey;
-    publickey: ParsedKey;
+    privateKey: ParsedKey;
+    publicKey: ParsedKey;
 }
 
 /**
diff --git a/types/ssh2-streams/ssh2-streams-tests.ts b/types/ssh2-streams/ssh2-streams-tests.ts
index 7f140b4bbd..9ae121a454 100644
--- a/types/ssh2-streams/ssh2-streams-tests.ts
+++ b/types/ssh2-streams/ssh2-streams-tests.ts
@@ -2,16 +2,17 @@ import * as stream from "stream";
 import * as ssh2 from "ssh2-streams";
 
 declare const SERVER_KEY: string;
-declare const HOST_KEYS: { 'ssh-rsa': ssh2.HostKey };
+declare const HOST_KEY: { publicKey: ssh2.ParsedKey; privateKey: ssh2.ParsedKey };
 declare const clientBufStream: stream.Transform & { buffer: string; };
 declare const serverBufStream: stream.Transform & { buffer: string; };
 declare const parsedKey: ssh2.ParsedKey;
 declare const prompts: ssh2.Prompt[];
 declare const buffer: Buffer;
 
+const hostKeys = { 'ssh-rsa': HOST_KEY };
 const algos = ['ssh-dss', 'ssh-rsa', 'ecdsa-sha2-nistp521'];
 const client = new ssh2.SSH2Stream({ algorithms: { serverHostKey: algos } });
-const server = new ssh2.SSH2Stream({ server: true, hostKeys: HOST_KEYS });
+const server = new ssh2.SSH2Stream({ server: true, hostKeys: hostKeys });
 
 client
     .pipe(server)
diff --git a/types/ssh2/ssh2-tests.ts b/types/ssh2/ssh2-tests.ts
index e6d03e939f..432fad281d 100644
--- a/types/ssh2/ssh2-tests.ts
+++ b/types/ssh2/ssh2-tests.ts
@@ -313,7 +313,7 @@ var buffersEqual = require('buffer-equal-constant-time'),
     //ssh2 = require('ssh2'),
     utils = ssh2.utils;
 
-var pubKey = utils.genPublicKey(<ssh2_streams.ParsedKey>utils.parseKey(fs.readFileSync('user.pub')));
+var pubKey = utils.genPublicKey(utils.parseKey(fs.readFileSync('user.pub')) as ssh2_streams.ParsedKey);
 
 new ssh2.Server({
     hostKeys: [fs.readFileSync('host.key')]
diff --git a/types/stellar-sdk/index.d.ts b/types/stellar-sdk/index.d.ts
index 3f963ab18d..d690398d0c 100644
--- a/types/stellar-sdk/index.d.ts
+++ b/types/stellar-sdk/index.d.ts
@@ -1,16 +1,17 @@
-// Type definitions for stellar-sdk 0.8
+// Type definitions for stellar-sdk 0.10
 // Project: https://github.com/stellar/js-stellar-sdk
 // Definitions by: Carl Foster <https://github.com/carl-foster>
 //                 Triston Jones <https://github.com/tristonj>
 //                 Paul Selden <https://github.com/pselden>
 //                 Max Bause <https://github.com/maxbause>
+//                 Timur Ramazanov <https://github.com/charlie-wasp>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
 /// <reference types="node" />
 
 export class Account {
-    constructor(accountId: string, sequence: string | number)
+    constructor(accountId: string, sequence: string)
     accountId(): string;
     sequenceNumber(): string;
     incrementSequenceNumber(): void;
@@ -98,10 +99,10 @@ export interface AccountRecord extends Record {
         weight: number
     }
     >;
-    data: {
+    data: (options: {value: string}) => Promise<{value: string}>;
+    data_attr: {
         [key: string]: string
     };
-
     effects: CallCollectionFunction<EffectRecord>;
     offers: CallCollectionFunction<OfferRecord>;
     operations: CallCollectionFunction<OperationRecord>;
@@ -298,6 +299,11 @@ export interface ManageDataOperationRecord extends BaseOperationRecord {
     value: string;
 }
 
+export interface BumpSequenceOperationRecord extends BaseOperationRecord {
+    type: 'bump_sequence';
+    bump_to: string;
+}
+
 export type OperationRecord = CreateAccountOperationRecord
     | PaymentOperationRecord
     | PathPaymentOperationRecord
@@ -308,7 +314,8 @@ export type OperationRecord = CreateAccountOperationRecord
     | AllowTrustOperationRecord
     | AccountMergeOperationRecord
     | InflationOperationRecord
-    | ManageDataOperationRecord;
+    | ManageDataOperationRecord
+    | BumpSequenceOperationRecord;
 
 export interface OrderbookRecord extends Record {
     bids: Array<{ price_r: {}, price: number, amount: string }>;
@@ -431,7 +438,8 @@ export class AccountResponse implements AccountRecord {
             weight: number
         }
         >;
-    data: {
+    data: (options: {value: string}) => Promise<{value: string}>;
+    data_attr: {
         [key: string]: string
     };
 
@@ -448,6 +456,8 @@ export class AccountResponse implements AccountRecord {
 
 export class Asset {
     static native(): Asset;
+    static fromOperation(xdr: xdr.Asset): Asset;
+
     constructor(code: string, issuer: string)
 
     getCode(): string;
@@ -455,6 +465,7 @@ export class Asset {
     getAssetType(): 'native' | 'credit_alphanum4' | 'credit_alphanum12';
     isNative(): boolean;
     equals(other: Asset): boolean;
+    toXDRObject(): xdr.Asset;
 
     code: string;
     issuer: string;
@@ -553,7 +564,8 @@ export type TransactionOperation =
     | Operation.AllowTrust
     | Operation.AccountMerge
     | Operation.Inflation
-    | Operation.ManageData;
+    | Operation.ManageData
+    | Operation.BumpSequence;
 
 export enum OperationType {
     createAccount = 'createAccount',
@@ -567,6 +579,7 @@ export enum OperationType {
     accountMerge = 'accountMerge',
     inflation = 'inflation',
     manageData = 'manageData',
+    bumpSequence = 'bumpSequence',
 }
 
 export namespace Operation {
@@ -745,6 +758,16 @@ export namespace Operation {
     }
     function setOptions(options: SetOptionsOptions): xdr.Operation<SetOptions>;
 
+    interface BumpSequence extends Operation {
+        type: OperationType.bumpSequence;
+        bumpTo: string;
+    }
+    interface BumpSequenceOptions {
+        bumpTo: string;
+        source?: string;
+    }
+    function bumpSequence(options: BumpSequenceOptions): xdr.Operation<BumpSequence>;
+
     function fromXDRObject<T extends Operation>(xdrOperation: xdr.Operation<T>): T;
 }
 
@@ -873,7 +896,10 @@ export class Keypair {
 
 export namespace xdr {
     class XDRStruct {
+        static fromXDR(xdr: Buffer): XDRStruct;
+
         toXDR(): Buffer;
+        toXDR(encoding: string): string;
     }
     class Operation<T extends Operation.Operation> extends XDRStruct { }
     class Asset extends XDRStruct { }
@@ -881,7 +907,19 @@ export namespace xdr {
     class TransactionEnvelope extends XDRStruct { }
     class DecoratedSignature extends XDRStruct {
       constructor(keys: { hint: SignatureHint, signature: Signature })
+
+      hint(): SignatureHint;
+      signature(): Buffer;
     }
-    class SignatureHint { }
-    class Signature { }
+    type SignatureHint = Buffer;
+    type Signature = Buffer;
+}
+
+export namespace StellarTomlResolver {
+    interface StellarTomlResolveOptions {
+        allowHttp?: boolean;
+        timeout?: number;
+    }
+
+    function resolve(domain: string, options?: StellarTomlResolveOptions): Promise<{ [key: string]: any }>;
 }
diff --git a/types/stellar-sdk/stellar-sdk-tests.ts b/types/stellar-sdk/stellar-sdk-tests.ts
index dabf4f2b45..fe72b84a66 100644
--- a/types/stellar-sdk/stellar-sdk-tests.ts
+++ b/types/stellar-sdk/stellar-sdk-tests.ts
@@ -2,9 +2,16 @@ import * as StellarSdk from 'stellar-sdk';
 
 const sourceKey = StellarSdk.Keypair.random(); // $ExpectType Keypair
 const destKey = StellarSdk.Keypair.random();
-const account = new StellarSdk.Account(sourceKey.publicKey(), 1);
+const account = new StellarSdk.Account(sourceKey.publicKey(), '1');
 const transaction = new StellarSdk.TransactionBuilder(account)
     .addOperation(StellarSdk.Operation.accountMerge({destination: destKey.publicKey()}))
     .addMemo(new StellarSdk.Memo(StellarSdk.MemoText, "memo"))
     .build(); // $ExpectType () => Transaction
 transaction; // $ExpectType Transaction
+
+StellarSdk.StellarTomlResolver.resolve("example.com", {allowHttp: true, timeout: 100})
+    .then(toml => toml.FEDERATION_SERVER);
+
+const sig = StellarSdk.xdr.DecoratedSignature.fromXDR(Buffer.of(1, 2)) as StellarSdk.xdr.DecoratedSignature;
+sig.hint(); // $ExpectType Buffer
+sig.signature(); // $ExpectType Buffer
diff --git a/types/storage-helper/index.d.ts b/types/storage-helper/index.d.ts
new file mode 100644
index 0000000000..2711ef40d1
--- /dev/null
+++ b/types/storage-helper/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for storage-helper 1.4
+// Project: https://github.com/MatteoGabriele/storage-helper#readme
+// Definitions by: Klaus Meinhardt <https://github.com/ajafff>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+export function clear(): void;
+export function showStorageLogger(enabled: boolean): void;
+export function setItem(key: string, value: string, permanent?: boolean): void;
+export function getItem<T extends boolean | undefined = false, U = undefined>(key: string, parse?: T, fallback?: U): T extends true ? any : string | NonNullable<U> | null;
+export function removeItem(key: string): void;
+
+declare const storageHelper: {
+    setItem: typeof setItem;
+    getItem: typeof getItem;
+    removeItem: typeof removeItem;
+    clear: typeof clear;
+};
+
+export default storageHelper;
+
+export as namespace StorageHelper;
diff --git a/types/storage-helper/storage-helper-tests.ts b/types/storage-helper/storage-helper-tests.ts
new file mode 100644
index 0000000000..8a3fb9f879
--- /dev/null
+++ b/types/storage-helper/storage-helper-tests.ts
@@ -0,0 +1,26 @@
+import storageHelper, { setItem, getItem, removeItem, clear, showStorageLogger } from 'storage-helper';
+
+storageHelper.setItem('foo', 'bar');
+storageHelper.setItem('foo', 'baz', true);
+storageHelper.setItem('foo', 'bas', false);
+
+storageHelper.getItem('foo'); // $ExpectType string | null
+storageHelper.getItem('foo', false); // $ExpectType string | null
+storageHelper.getItem('foo', undefined); // $ExpectType string | null
+storageHelper.getItem('foo', false, Boolean() ? 1 : undefined); // $ExpectType string | number | null
+storageHelper.getItem('foo', false, 1); // $ExpectType string | number | null
+storageHelper.getItem('foo', false, undefined); // $ExpectType string | null
+storageHelper.getItem('foo', true); // $ExpectType any
+storageHelper.getItem('foo', true, 1); // $ExpectType any
+storageHelper.getItem('foo', Boolean()); // $ExpectType any
+
+storageHelper.removeItem('foo');
+
+storageHelper.clear();
+
+showStorageLogger(true);
+
+setItem('foo', 'bar');
+getItem('foo');
+removeItem('foo');
+clear();
diff --git a/types/storage-helper/tsconfig.json b/types/storage-helper/tsconfig.json
new file mode 100644
index 0000000000..b2b417b32f
--- /dev/null
+++ b/types/storage-helper/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "storage-helper-tests.ts"
+    ]
+}
diff --git a/types/storage-helper/tslint.json b/types/storage-helper/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/storage-helper/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/store/index.d.ts b/types/store/index.d.ts
index 8f46bb9f59..e859491aa0 100644
--- a/types/store/index.d.ts
+++ b/types/store/index.d.ts
@@ -3,6 +3,7 @@
 // Definitions by: Vincent Bortone <https://github.com/vbortone>
 //                 harry0000 <https://github.com/harry0000>
 //                 Roman Nuritdinov (Ky6uk) <https://github.com/Ky6uk>
+//                 Johnny Edwards (igl00) <https://github.com/igl00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // Cross-browser storage for all use cases, used across the web.
@@ -25,6 +26,15 @@ interface StoreJsEngine {
     createStore(storages: any[], plugins?: any[], namespace?: string): StoreJsAPI;
 }
 
+interface StoreJsStorage {
+    name: string;
+    read: (key: string) => string | null;
+    write: (key: string, data: string) => void;
+    each: (callback: (val: string, key: string) => any) => void;
+    remove: (key: string) => void;
+    clearAll: () => void;
+}
+
 declare const store: StoreJsAPI;
 declare module 'store' {
     export = store;
@@ -73,3 +83,23 @@ declare module 'store/plugins/update' {
 declare module 'store/plugins/v1-backcompat' {
     export = Function;
 }
+
+declare const storage: StoreJsStorage;
+declare module 'store/storages/cookieStorage' {
+    export = storage;
+}
+declare module 'store/storages/localStorage' {
+    export = storage;
+}
+declare module 'store/storages/memoryStorage' {
+    export = storage;
+}
+declare module 'store/storages/oldFF-globalStorage' {
+    export = storage;
+}
+declare module 'store/storages/oldIE-userDataStorage' {
+    export = storage;
+}
+declare module 'store/storages/sessionStorage' {
+    export = storage;
+}
diff --git a/types/storybook-readme/components/Marked.d.ts b/types/storybook-readme/components/Marked.d.ts
new file mode 100644
index 0000000000..62d5e78ec8
--- /dev/null
+++ b/types/storybook-readme/components/Marked.d.ts
@@ -0,0 +1,3 @@
+import * as React from "react";
+
+export default function Marked(props: { md: string }): JSX.Element;
diff --git a/types/storybook-readme/index.d.ts b/types/storybook-readme/index.d.ts
new file mode 100644
index 0000000000..4a541d8f6a
--- /dev/null
+++ b/types/storybook-readme/index.d.ts
@@ -0,0 +1,42 @@
+// Type definitions for storybook-readme 4.0
+// Project: https://github.com/tuchk4/storybook-readme
+// Definitions by: Taeheon Kim  <https://github.com/lonyele>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+// Shared Types
+export type Renderable = React.ComponentType | JSX.Element;
+export type RenderFunction = () => Renderable | Renderable[];
+export type Readme = string | string[];
+
+export type DecoratorPattern = (
+  story: RenderFunction,
+  context: { kind: string; story: string }
+) => Renderable | null;
+
+export type HOCPattern = (story: RenderFunction) => Renderable | null;
+
+// WithReadme Types
+export function withReadme(readme: Readme): DecoratorPattern;
+export function withReadme(
+  readme: Readme,
+  story: RenderFunction
+): RenderFunction;
+
+// WithDocs Types
+export interface CustomComponents {
+  PreviewComponent: (props: { children: JSX.Element }) => JSX.Element;
+  FooterComponent: (props: { children: JSX.Element }) => JSX.Element;
+}
+
+export function withDocs(
+  custom: CustomComponents
+): (readme: Readme) => HOCPattern;
+export function withDocs(readme: Readme, story: RenderFunction): RenderFunction;
+export function withDocs(readme: Readme): DecoratorPattern;
+export namespace withDocs {
+  function addFooterDocs(footerDoc: string): void;
+}
+
+// Doc Types
+export function doc(readme: string): RenderFunction;
diff --git a/types/storybook-readme/storybook-readme-tests.tsx b/types/storybook-readme/storybook-readme-tests.tsx
new file mode 100644
index 0000000000..57ee811cae
--- /dev/null
+++ b/types/storybook-readme/storybook-readme-tests.tsx
@@ -0,0 +1,77 @@
+import * as React from "react";
+import { storiesOf } from "@storybook/react";
+import { withDocs, withReadme, doc } from "storybook-readme";
+import Marked from "storybook-readme/components/Marked";
+
+// Possibly any .md files or strings
+const DocExample1 = `
+## Eaxmple Markdown 1 for component
+A very simple component with markdown
+`;
+
+const DocExample2 = `
+## Example Markdown 2 for component
+A very simple component with markdown
+`;
+
+// Here are the examples for a type compatibility. Please look https://github.com/tuchk4/storybook-readme for actual usages
+
+// withReadme usages. Both Decorator/HOC style
+storiesOf("withReadme Example", module)
+  .addDecorator(withReadme(DocExample1))
+  .addDecorator(withReadme([DocExample1, DocExample2]))
+  .add(
+    "StoryName Here",
+    withReadme(DocExample1, () => <div>your react component</div>)
+  )
+  .add(
+    "StoryName Here",
+    withReadme([DocExample1, DocExample2], () => (
+      <div>your react component</div>
+    ))
+  );
+
+// withDocs usages.
+const withDocsCustom = withDocs({
+  PreviewComponent: ({ children }) => <div>{children}</div>,
+  FooterComponent: ({ children }) => <div>{children}</div>
+});
+
+withDocs.addFooterDocs(DocExample1);
+
+storiesOf("withDocs Example", module)
+  .addDecorator(withDocs(DocExample1))
+  .addDecorator(withDocs([DocExample1, DocExample2]))
+  .addDecorator(withDocsCustom(DocExample1))
+  .addDecorator(withDocsCustom([DocExample1, DocExample2]))
+  .add(
+    "StoryName Here",
+    withDocs(DocExample1, () => <div>your react component</div>)
+  )
+  .add(
+    "StoryName Here",
+    withDocs([DocExample1, DocExample2], () => <div>your react component</div>)
+  );
+
+// doc usage.
+storiesOf("Doc", module).add("StoryName Here", doc(DocExample1));
+
+// Marked usage.
+storiesOf("Custom Layout", module).add("StoryName Here", () => {
+  return (
+    <React.Fragment>
+      <div>
+        <div>your react component</div>
+      </div>
+      <Marked md={"### INTRO "} />
+      <div>
+        <div>your react component</div>
+      </div>
+      <Marked md={DocExample1} />
+      <div>
+        <div>your react component</div>
+      </div>
+      <Marked md={"### OUTRO "} />
+    </React.Fragment>
+  );
+});
diff --git a/types/storybook-readme/tsconfig.json b/types/storybook-readme/tsconfig.json
new file mode 100644
index 0000000000..7afd9d3ee0
--- /dev/null
+++ b/types/storybook-readme/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["dom", "es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": ["../"],
+        "paths": {
+            "@storybook/react": ["storybook__react"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "components/Marked.d.ts",
+        "storybook-readme-tests.tsx"
+    ]
+}
diff --git a/types/storybook-readme/tslint.json b/types/storybook-readme/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/storybook-readme/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/storybook__addon-links/react.d.ts b/types/storybook__addon-links/react.d.ts
new file mode 100644
index 0000000000..862753ec9c
--- /dev/null
+++ b/types/storybook__addon-links/react.d.ts
@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+export default class LinkTo extends React.PureComponent<
+  React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> &
+  { story: string, kind?: string }
+> {}
diff --git a/types/storybook__addon-links/storybook__addon-links-tests.tsx b/types/storybook__addon-links/storybook__addon-links-tests.tsx
index e922b0fc00..29c1969d0f 100644
--- a/types/storybook__addon-links/storybook__addon-links-tests.tsx
+++ b/types/storybook__addon-links/storybook__addon-links-tests.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { storiesOf } from '@storybook/react';
 import { hrefTo, linkTo } from '@storybook/addon-links';
+import LinkTo from '@storybook/addon-links/react';
 
 storiesOf('Button', module)
   .add('First', () => (
@@ -11,6 +12,9 @@ storiesOf('Button', module)
   ))
   .add('With function', () => (
     <button onClick={linkTo((arg1, arg2) => 'Button', () => 'First')}>Go to "First"</button>
+  ))
+  .add('With <LinkTo> component', () => (
+    <LinkTo story="First" kind="Button"><button>Go to "First"</button></LinkTo>
   ));
 
 hrefTo('Button', 'First').then(link => link);
diff --git a/types/storybook__addon-links/tsconfig.json b/types/storybook__addon-links/tsconfig.json
index bb3183eaec..eaedb278f0 100644
--- a/types/storybook__addon-links/tsconfig.json
+++ b/types/storybook__addon-links/tsconfig.json
@@ -17,6 +17,9 @@
             "@storybook/addon-links": [
                 "storybook__addon-links"
             ],
+            "@storybook/addon-links/react": [
+                "storybook__addon-links/react"
+            ],
             "@storybook/react": [
                 "storybook__react"
             ]
@@ -27,6 +30,7 @@
     },
     "files": [
         "index.d.ts",
+        "react.d.ts",
         "storybook__addon-links-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/types/storybook__react/index.d.ts b/types/storybook__react/index.d.ts
index 3aa3445f61..41ce7b45bb 100644
--- a/types/storybook__react/index.d.ts
+++ b/types/storybook__react/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for @storybook/react 3.0
+// Type definitions for @storybook/react 4.0
 // Project: https://github.com/storybooks/storybook
 // Definitions by: Joscha Feth <https://github.com/joscha>
 //                 Anton Izmailov <https://github.com/wapgear>
+//                 Dan Dean <https://github.com/dandean>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -12,15 +13,21 @@ import * as React from 'react';
 export type Renderable = React.ComponentType | JSX.Element;
 export type RenderFunction = () => Renderable | Renderable[];
 
+export interface DecoratorParameters {
+    [key: string]: any;
+}
 export type StoryDecorator = (story: RenderFunction, context: { kind: string, story: string }) => Renderable | null;
 
 export interface Story {
     readonly kind: string;
-    add(storyName: string, callback: RenderFunction): this;
+    add(storyName: string, callback: RenderFunction, parameters?: DecoratorParameters): this;
     addDecorator(decorator: StoryDecorator): this;
+    addParameters(parameters: DecoratorParameters): this;
 }
 
 export function addDecorator(decorator: StoryDecorator): void;
+export function addParameters(parameters: DecoratorParameters): void;
+export function clearDecorators(): void;
 export function configure(fn: () => void, module: NodeModule): void;
 export function setAddon(addon: object): void;
 export function storiesOf(name: string, module: NodeModule): Story;
diff --git a/types/storybook__react/storybook__react-tests.tsx b/types/storybook__react/storybook__react-tests.tsx
index 12edecb219..bf7094c580 100644
--- a/types/storybook__react/storybook__react-tests.tsx
+++ b/types/storybook__react/storybook__react-tests.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { storiesOf, setAddon, addDecorator, configure, getStorybook, RenderFunction, Story, forceReRender } from '@storybook/react';
+import { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, RenderFunction, Story, forceReRender, DecoratorParameters, clearDecorators } from '@storybook/react';
 
 const Decorator = (story: RenderFunction) => <div>{story()}</div>;
+const parameters: DecoratorParameters = { parameter: 'foo' };
 
 forceReRender();
 
@@ -9,10 +10,13 @@ storiesOf('Welcome', module)
     // local addDecorator
     .addDecorator(Decorator)
     .add('to Storybook', () => <div/>)
-    .add('to Storybook as Array', () => [<div />, <div />]);
+    .add('to Storybook as Array', () => [<div />, <div />])
+    .add('and a story with additional parameters', () => <div/>, parameters);
 
 // global addDecorator
 addDecorator(Decorator);
+addParameters(parameters);
+clearDecorators();
 
 // setAddon
 interface AnyAddon {
@@ -30,6 +34,7 @@ storiesOf<AnyAddon>('withAnyAddon', module)
     .addWithSideEffect('more', () => <div/>)
     .add('another story', () => <div/>)
     .add('to Storybook as Array', () => [<div />, <div />])
+    .add('and a story with additional parameters', () => <div/>, parameters)
     .addWithSideEffect('even more', () => <div/>);
 
 // configure
diff --git a/types/storybook__vue/package.json b/types/storybook__vue/package.json
index 667aabc813..881d263927 100644
--- a/types/storybook__vue/package.json
+++ b/types/storybook__vue/package.json
@@ -3,4 +3,4 @@
     "dependencies": {
         "vue": "^2.0.0"
     }
-}
\ No newline at end of file
+}
diff --git a/types/stream-array/index.d.ts b/types/stream-array/index.d.ts
new file mode 100644
index 0000000000..4e115ea8ac
--- /dev/null
+++ b/types/stream-array/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for stream-array 1.1
+// Project: https://github.com/mimetnet/node-stream-array
+// Definitions by: Tyler Murphy <https://github.com/Tyler-Murphy>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+/// <reference types="node" />
+
+import { Readable } from 'stream';
+
+declare function streamify(array: ReadonlyArray<any>): Readable;
+
+export = streamify;
diff --git a/types/stream-array/stream-array-tests.ts b/types/stream-array/stream-array-tests.ts
new file mode 100644
index 0000000000..fcdd640485
--- /dev/null
+++ b/types/stream-array/stream-array-tests.ts
@@ -0,0 +1,6 @@
+import streamify = require('stream-array');
+
+streamify(); // $ExpectError
+streamify('abc'); // $ExpectError
+streamify([]); // $ExpectType Readable
+streamify([1, '2', { 3: 4 }]); // $ExpectType Readable
diff --git a/types/stream-array/tsconfig.json b/types/stream-array/tsconfig.json
new file mode 100644
index 0000000000..9e374e3d07
--- /dev/null
+++ b/types/stream-array/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictFunctionTypes": true
+    },
+    "files": [
+        "index.d.ts",
+        "stream-array-tests.ts"
+    ]
+}
diff --git a/types/stream-array/tslint.json b/types/stream-array/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/stream-array/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/stream-to-string/index.d.ts b/types/stream-to-string/index.d.ts
new file mode 100644
index 0000000000..7bb071b663
--- /dev/null
+++ b/types/stream-to-string/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for stream-to-string 1.1
+// Project: https://github.com/jasonpincin/stream-to-string
+// Definitions by: BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+export = streamToString;
+
+declare function streamToString(stream: NodeJS.ReadableStream, cb?: Callback): Promise<string>;
+declare function streamToString(
+    stream: NodeJS.ReadableStream,
+    enc: string,
+    cb?: Callback
+): Promise<string>;
+
+type Callback = (error: Error | undefined, str: string) => void;
diff --git a/types/stream-to-string/stream-to-string-tests.ts b/types/stream-to-string/stream-to-string-tests.ts
new file mode 100644
index 0000000000..3d601a53db
--- /dev/null
+++ b/types/stream-to-string/stream-to-string-tests.ts
@@ -0,0 +1,15 @@
+import streamToString = require("stream-to-string");
+
+const stream = (null as any) as NodeJS.ReadableStream;
+let convertedString: Promise<string>;
+
+convertedString = streamToString(stream);
+convertedString = streamToString(stream, "hex");
+streamToString(stream, (err, msg) => {
+    const e: Error | undefined = err;
+    const str: string = msg;
+});
+streamToString(stream, "hex", (err, msg) => {
+    const e: Error | undefined = err;
+    const str: string = msg;
+});
diff --git a/types/stream-to-string/tsconfig.json b/types/stream-to-string/tsconfig.json
new file mode 100644
index 0000000000..81628c9480
--- /dev/null
+++ b/types/stream-to-string/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "stream-to-string-tests.ts"
+    ]
+}
diff --git a/types/stream-to-string/tslint.json b/types/stream-to-string/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/stream-to-string/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/string-replace-webpack-plugin/index.d.ts b/types/string-replace-webpack-plugin/index.d.ts
new file mode 100644
index 0000000000..b62c43e448
--- /dev/null
+++ b/types/string-replace-webpack-plugin/index.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for string-replace-webpack-plugin 0.1
+// Project: https://github.com/jamesandersen/string-replace-webpack-plugin
+// Definitions by: Rongjian Zhang <https://github.com/pd4d10>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { Plugin, RuleSetUse } from "webpack";
+
+export = StringReplacePlugin;
+
+declare class StringReplacePlugin extends Plugin {
+    static replace(
+        options: StringReplacePlugin.Options,
+        /**
+         * loaders to follow the replacement
+         */
+        nextLoaders?: string
+    ): RuleSetUse;
+    static replace(
+        /**
+         * loaders to apply prior to the replacement
+         */
+        prevLoaders: string,
+        options: StringReplacePlugin.Options,
+        /**
+         * loaders to follow the replacement
+         */
+        nextLoaders?: string
+    ): RuleSetUse;
+}
+
+declare namespace StringReplacePlugin {
+    interface Options {
+        replacements: ReplacementItem[];
+    }
+
+    interface ReplacementItem {
+        /**
+         * a regex to match against the file contents
+         */
+        pattern: RegExp;
+        /**
+         * an ECMAScript string replacement function
+         * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Specifying_a_function_as_a_parameter
+         */
+        replacement: (substring: string, ...args: any[]) => string;
+    }
+}
diff --git a/types/string-replace-webpack-plugin/string-replace-webpack-plugin-tests.ts b/types/string-replace-webpack-plugin/string-replace-webpack-plugin-tests.ts
new file mode 100644
index 0000000000..b4b0d5304a
--- /dev/null
+++ b/types/string-replace-webpack-plugin/string-replace-webpack-plugin-tests.ts
@@ -0,0 +1,17 @@
+import StringReplacePlugin = require('string-replace-webpack-plugin');
+
+StringReplacePlugin.replace('babel-loader', {
+    replacements: [
+        {
+            // Taken from:
+            // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Specifying_a_function_as_a_parameter
+            pattern: /([^\d]*)(\d*)([^\w]*)/,
+            replacement: (match, p1, p2, p3, offset, string) => {
+                // p1 is nondigits, p2 digits, and p3 non-alphanumerics
+                return [p1, p2, p3].join(' - ');
+            }
+        }
+    ]
+});
+
+new StringReplacePlugin();
diff --git a/types/string-replace-webpack-plugin/tsconfig.json b/types/string-replace-webpack-plugin/tsconfig.json
new file mode 100644
index 0000000000..0c92ee657b
--- /dev/null
+++ b/types/string-replace-webpack-plugin/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "string-replace-webpack-plugin-tests.ts"]
+}
diff --git a/types/string-replace-webpack-plugin/tslint.json b/types/string-replace-webpack-plugin/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/string-replace-webpack-plugin/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/stripe-checkout/index.d.ts b/types/stripe-checkout/index.d.ts
index c84fdeeb1d..d0e283504c 100644
--- a/types/stripe-checkout/index.d.ts
+++ b/types/stripe-checkout/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Chris Wrench <https://github.com/cgwrench>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="stripe-v2"/>
+/// <reference types="stripe-v3"/>
 
 interface StripeCheckoutStatic {
     configure(options: StripeCheckoutOptions): StripeCheckoutHandler;
@@ -16,7 +16,8 @@ interface StripeCheckoutHandler {
 
 interface StripeCheckoutOptions {
     key?: string;
-    token?(token: stripe.StripeCardTokenResponse): void;
+    token?(token: stripe.Token): void;
+    source?(source: stripe.Source): void;
     image?: string;
     name?: string;
     description?: string;
diff --git a/types/stripe-checkout/stripe-checkout-tests.ts b/types/stripe-checkout/stripe-checkout-tests.ts
index 6cd221debf..e310c2e7d0 100644
--- a/types/stripe-checkout/stripe-checkout-tests.ts
+++ b/types/stripe-checkout/stripe-checkout-tests.ts
@@ -1,9 +1,9 @@
 // Test the minimum amount of configuration required.
 let handler = StripeCheckout.configure({
-	key: "my-secret-key",
-	token: (token: stripe.StripeTokenResponse) => {
-		console.log(token.id);
-	}
+    key: "my-secret-key",
+    token: (token: stripe.Token) => {
+        console.log(token.id);
+    }
 });
 
 handler.open();
@@ -12,10 +12,13 @@ handler.close();
 
 // Test all configuration options.
 const options: StripeCheckoutOptions = {
-	key: "my-secret-key",
-	token: (token: stripe.StripeTokenResponse) => {
-		console.log(token.id);
-	},
+    key: "my-secret-key",
+    token: (token: stripe.Token) => {
+        console.log(token.id);
+    },
+    source: (src: stripe.Source) => {
+        console.log(src.id);
+    },
     image: "http://placehold.it/128x128",
     name: "Definitely Typed",
     description: "A DefinitelyTyped test for Stripe Checkout",
diff --git a/types/stripe-v3/tslint.json b/types/stripe-v3/tslint.json
index a2b9c40f43..6fb3f2df06 100644
--- a/types/stripe-v3/tslint.json
+++ b/types/stripe-v3/tslint.json
@@ -3,6 +3,7 @@
 	"rules": {
 		// TODOs
 		"dt-header": false,
+        "no-angle-bracket-type-assertion": false,
 		"no-any-union": false
 	}
 }
diff --git a/types/stripe/index.d.ts b/types/stripe/index.d.ts
index dc92c99e47..592d0b0430 100644
--- a/types/stripe/index.d.ts
+++ b/types/stripe/index.d.ts
@@ -411,7 +411,7 @@ declare namespace Stripe {
                  * "individual" or "company". This field is required when attaching the
                  * bank account to a customer object.
                  */
-                account_holder_type?: string;
+                account_holder_type?: "individual" | "company" | null;
 
                 /**
                  * The routing number, sort code, or other country-appropriate institution
@@ -902,7 +902,7 @@ declare namespace Stripe {
              * For most Stripe users, the source of every charge is a credit or debit card.
              * This hash is then the card object describing that card.
              */
-            source: cards.ICard | bitcoinReceivers.IBitcoinReceiver;
+            source: cards.ICard | bitcoinReceivers.IBitcoinReceiver | bankAccounts.IBankAccount;
 
             /**
              * The transfer ID which created this charge. Only present if the charge came
@@ -987,7 +987,19 @@ declare namespace Stripe {
              *
              * Connect only.
              */
-            destination?: string;
+            destination?: string | {
+                /**
+                 * ID of the Stripe account this fee will be transferred to.
+                 */
+                account: string;
+
+                /**
+                 * A positive integer in the smallest currency unit (e.g 100 cents to charge
+                 * $1.00, or 1 to charge ¥1, a 0-decimal currency) reflecting the amount of the
+                 * charge to be transferred to the destination[account].
+                 */
+                amount?: number;
+            };
 
             /**
              * A string that identifies this transaction as part of a group.
@@ -1332,12 +1344,12 @@ declare namespace Stripe {
             /**
              * The currency the customer can be charged in for recurring billing purposes (subscriptions, invoices, invoice items).
              */
-            currency: string;
+            currency: string | null;
 
             /**
              * ID of the default source attached to this customer. [Expandable]
              */
-            default_source: string | cards.ICard | bitcoinReceivers.IBitcoinReceiver | null;
+            default_source: string | cards.ICard | bitcoinReceivers.IBitcoinReceiver | bankAccounts.IBankAccount | null;
 
             /**
              * Whether or not the latest charge for the customer's latest invoice has failed
@@ -1360,12 +1372,12 @@ declare namespace Stripe {
             /**
              * Shipping information associated with the customer.
              */
-            shipping: IShippingInformation;
+            shipping: IShippingInformation | null;
 
             /**
              * The customer’s payment sources, if any
              */
-            sources?: IList<cards.ICard | bitcoinReceivers.IBitcoinReceiver>;
+            sources?: IList<cards.ICard | bitcoinReceivers.IBitcoinReceiver | bankAccounts.IBankAccount>;
 
             cards?: resources.CustomerCards;
 
@@ -2363,7 +2375,10 @@ declare namespace Stripe {
              */
             discountable: boolean;
 
-            invoice: string;
+            /**
+             * If null, the invoice item is pending and will be included in the upcoming invoice.
+             */ 
+            invoice: string | null;
             livemode: boolean;
             metadata: IMetadata;
 
@@ -4058,12 +4073,12 @@ declare namespace Stripe {
 
     namespace bankAccounts {
         interface IBankAccount extends IBankAccountHash {
-            account: string;
+            account?: string;
 
             /**
              * This indicates whether or not this bank account is the default external account for its currency.
              */
-            default_for_currency: boolean;
+            default_for_currency?: boolean;
 
             /**
              * A set of key/value pairs that you can attach to a bank account object. It
@@ -4075,20 +4090,20 @@ declare namespace Stripe {
 
         interface IBankAccountHash extends IResourceObject {
             /**
-             * value is "customer_bank_account"
+             * value is "bank_account"
              */
-            object: "customer_bank_account";
+            object: "bank_account";
 
             /**
              * The name of the person or business that owns the bank account.
              */
-            account_holder_name: string;
+            account_holder_name: string | null;
 
             /**
              * The type of entity that holds the account. This can be either
              * "individual"" or "company".
              */
-            account_holder_type: string;
+            account_holder_type: "individual" | "company" | null;
 
             /**
              * Name of the bank associated with the routing number, e.g. WELLS FARGO.
@@ -4105,6 +4120,8 @@ declare namespace Stripe {
              */
             currency: string;
 
+            customer?: string;
+
             /**
              * Uniquely identifies this particular bank account. You can use this attribute
              * to check whether two bank accounts are the same.
@@ -4130,7 +4147,7 @@ declare namespace Stripe {
              * transfer sent to this bank account fails, we’ll set the status to "errored""
              * and will not continue to send transfers until the bank details are updated.
              */
-            status: "new" | "validated" | "verified" | "verification_failed" | "error" ;
+            status: "new" | "validated" | "verified" | "verification_failed" | "errored";
         }
 
         interface ISourceCreationOptions {
@@ -4179,12 +4196,19 @@ declare namespace Stripe {
             /**
              * The name of the person or business that owns the bank account.
              */
-            account_holder_name?: string;
+            account_holder_name?: string | null;
 
             /**
              * The type of entity that holds the account. This can be either "individual" or "company".
              */
-            account_holder_type?: "individual" | "company";
+            account_holder_type?: "individual" | "company" | null;
+        }
+
+        interface IBankAccountVerifyOptions {
+            /**
+             * Two positive integers, in cents, equal to the values of the microdeposits sent to the bank account.
+             */
+            amounts: [number, number];
         }
     }
 
@@ -4437,15 +4461,15 @@ declare namespace Stripe {
             /**
              * If address_line1 was provided, results of the check: pass, fail, unavailable, or unchecked.
              */
-            address_line1_check: string | null;
+            address_line1_check: "pass" | "fail" | "unavailable" | "unchecked" | null;
             address_line2: string | null;
             address_state: string | null;
-            address_zip: string;
+            address_zip: string | null;
 
             /**
              * If address_zip was provided, results of the check: pass, fail, unavailable, or unchecked.
              */
-            address_zip_check: "pass" | "fail" | "unavailable" | "unchecked" ;
+            address_zip_check: "pass" | "fail" | "unavailable" | "unchecked" | null;
 
             /**
              * Two-letter ISO code representing the country of the card. You could use this
@@ -5478,8 +5502,8 @@ declare namespace Stripe {
              * currency is not the Stripe account's default currency. Otherwise, you must set another external account to be the default for the currency
              * before deleting it.
              */
-            deleteExternalAccount(accId: string, id: string, options: HeaderOptions, response?: IResponseFn<cards.ICard | bankAccounts.IBankAccount>): Promise<cards.ICard | bankAccounts.IBankAccount>;
-            deleteExternalAccount(accId: string, id: string, response?: IResponseFn<cards.ICard | bankAccounts.IBankAccount>): Promise<cards.ICard | bankAccounts.IBankAccount>;
+            deleteExternalAccount(accId: string, id: string, options: HeaderOptions, response?: IResponseFn<IDeleteConfirmation>): Promise<IDeleteConfirmation>;
+            deleteExternalAccount(accId: string, id: string, response?: IResponseFn<IDeleteConfirmation>): Promise<IDeleteConfirmation>;
 
             /**
              * You can see a list of the bank accounts belonging to a managed account. Note that the 10 most recent external accounts are always
@@ -6256,8 +6280,18 @@ declare namespace Stripe {
             deleteSource(customerId: string, sourceId: string, response?: IResponseFn<IDeleteConfirmation>): Promise<IDeleteConfirmation>;
 
 
-            verifySource(customerId: string, sourceId: string, options: HeaderOptions): Promise<{}>; //TODO: This still needs properly implementing.
-            verifySource(customerId: string, sourceId: string): Promise<{}>; //TODO: This still needs properly implementing.
+            /**
+             * A customer's bank account must first be verified before it can be charged. Stripe supports instant verification using Plaid for many of
+             * the most popular banks. If your customer's bank is not supported or you do not wish to integrate with Plaid, you must manually verify
+             * the customer's bank account using the API.
+             *
+             * @returns Returns the bank account object.
+             *
+             * @param customerId The ID of the customer whose source needs to be verified.
+             * @param sourceId The ID of the source to be verified.
+             */
+            verifySource(customerId: string, sourceId: string, data: bankAccounts.IBankAccountVerifyOptions, options: HeaderOptions): Promise<bankAccounts.IBankAccount>;
+            verifySource(customerId: string, sourceId: string, data: bankAccounts.IBankAccountVerifyOptions): Promise<bankAccounts.IBankAccount>;
 
 
             /**
@@ -7350,7 +7384,11 @@ declare namespace Stripe {
         (err: IStripeError, value: R): void;
     }
 
-    interface IDeleteConfirmation { id: string; deleted: boolean; }
+    interface IDeleteConfirmation {
+        id: string;
+        object: string;
+        deleted: boolean;
+    }
 
     /**
      * A filter on the list based on this object field. The value can
diff --git a/types/stripe/tslint.json b/types/stripe/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/stripe/tslint.json
+++ b/types/stripe/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/stripejs/element.d.ts b/types/stripejs/element.d.ts
index 9a1b8b17e2..4a1e7b3c46 100644
--- a/types/stripejs/element.d.ts
+++ b/types/stripejs/element.d.ts
@@ -47,21 +47,9 @@ export interface ElementCreatorOptions {
      * The translation that should be used for the element text
      * `auto` defaults to the browser language
      *
-     * NOTE: Only use the `string` option in combination with
-     * @see isLanguageTag
-     *
      * @default 'auto'
      */
     locale?: 'auto' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'it' | 'ja' | 'no' | 'nl' | 'sv' | 'zh' | string;
-
-    /**
-     * Whether or not the locale is written in a language code
-     * This can be used in combination with localization libraries so that language names won't have to be formatted
-     * @example `en-US`
-     *
-     * @since 0.1.0
-     */
-    isIETFLocaleTag?: boolean;
 }
 
 export interface FontCSSElement {
diff --git a/types/stripejs/stripejs-tests.ts b/types/stripejs/stripejs-tests.ts
index 06799c2df5..1c0625861c 100644
--- a/types/stripejs/stripejs-tests.ts
+++ b/types/stripejs/stripejs-tests.ts
@@ -24,7 +24,7 @@ describe('StripeJS', () => {
     it('Should be possible to create and modify elements', () => {
         const creator = stripe.elements();
         stripe.elements({fonts: [], locale: 'nl'});
-        stripe.elements({fonts: [], locale: 'nl', isIETFLocaleTag: true});
+        stripe.elements({fonts: [], locale: 'nl'});
 
         const element = creator.create("cardCvc", {value: {postalCode: '94110'}});
         element.blur();
diff --git a/types/strophe.js/index.d.ts b/types/strophe.js/index.d.ts
new file mode 100644
index 0000000000..63bb686e89
--- /dev/null
+++ b/types/strophe.js/index.d.ts
@@ -0,0 +1,1129 @@
+// Type definitions for Strophe.js 1.2
+// Project: http://strophe.im/strophejs/
+// Definitions by: David Deutsch <https://github.com/DavidKDeutsch>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export namespace Strophe {
+    /** Constant: VERSION
+     *  The version of the Strophe library. Unreleased builds will have
+     *  a version of head-HASH where HASH is a partial revision.
+     */
+    const VERSION: string;
+
+    /** Constants: XMPP Namespace Constants
+     *  Common namespace constants from the XMPP RFCs and XEPs.
+     *
+     *  NS.HTTPBIND - HTTP BIND namespace from XEP 124.
+     *  NS.BOSH - BOSH namespace from XEP 206.
+     *  NS.CLIENT - Main XMPP client namespace.
+     *  NS.AUTH - Legacy authentication namespace.
+     *  NS.ROSTER - Roster operations namespace.
+     *  NS.PROFILE - Profile namespace.
+     *  NS.DISCO_INFO - Service discovery info namespace from XEP 30.
+     *  NS.DISCO_ITEMS - Service discovery items namespace from XEP 30.
+     *  NS.MUC - Multi-User Chat namespace from XEP 45.
+     *  NS.SASL - XMPP SASL namespace from RFC 3920.
+     *  NS.STREAM - XMPP Streams namespace from RFC 3920.
+     *  NS.BIND - XMPP Binding namespace from RFC 3920.
+     *  NS.SESSION - XMPP Session namespace from RFC 3920.
+     *  NS.XHTML_IM - XHTML-IM namespace from XEP 71.
+     *  NS.XHTML - XHTML body namespace from XEP 71.
+     */
+    const NS: {
+        HTTPBIND: string;
+        BOSH: string;
+        CLIENT: string;
+        AUTH: string;
+        ROSTER: string;
+        PROFILE: string;
+        DISCO_INFO: string;
+        DISCO_ITEMS: string;
+        MUC: string;
+        SASL: string;
+        STREAM: string;
+        FRAMING: string;
+        BIND: string;
+        SESSION: string;
+        VERSION: string;
+        STANZAS: string;
+        XHTML_IM: string;
+        XHTML: string;
+    };
+
+    /** Constants: Connection Status Constants
+     *  Connection status constants for use by the connection handler
+     *  callback.
+     *
+     *  Status.ERROR - An error has occurred
+     *  Status.CONNECTING - The connection is currently being made
+     *  Status.CONNFAIL - The connection attempt failed
+     *  Status.AUTHENTICATING - The connection is authenticating
+     *  Status.AUTHFAIL - The authentication attempt failed
+     *  Status.CONNECTED - The connection has succeeded
+     *  Status.DISCONNECTED - The connection has been terminated
+     *  Status.DISCONNECTING - The connection is currently being terminated
+     *  Status.ATTACHED - The connection has been attached
+     */
+    enum Status {
+        ERROR,
+        CONNECTING,
+        CONNFAIL,
+        AUTHENTICATING,
+        AUTHFAIL,
+        CONNECTED,
+        DISCONNECTED,
+        DISCONNECTING,
+        ATTACHED,
+        REDIRECT,
+        CONNTIMEOUT
+    }
+
+    /** Constants: Log Level Constants
+     *  Logging level indicators.
+     *
+     *  LogLevel.DEBUG - Debug output
+     *  LogLevel.INFO - Informational output
+     *  LogLevel.WARN - Warnings
+     *  LogLevel.ERROR - Errors
+     *  LogLevel.FATAL - Fatal errors
+     */
+    enum LogLevel {
+        DEBUG,
+        INFO,
+        WARN,
+        ERROR,
+        FATAL
+    }
+
+    /** Function: addNamespace
+     *  This function is used to extend the current namespaces in
+     *  Strophe.NS.  It takes a key and a value with the key being the
+     *  name of the new namespace, with its actual value.
+     *  For example:
+     *  Strophe.addNamespace('PUBSUB', "http://jabber.org/protocol/pubsub");
+     *
+     *  Parameters:
+     *    (String) name - The name under which the namespace will be
+     *      referenced under Strophe.NS
+     *    (String) value - The actual namespace.
+     */
+    function addNamespace(name: string, value: string): void;
+
+    /** Function: forEachChild
+     *  Map a function over some or all child elements of a given element.
+     *
+     *  This is a small convenience function for mapping a function over
+     *  some or all of the children of an element.  If elemName is null, all
+     *  children will be passed to the function, otherwise only children
+     *  whose tag names match elemName will be passed.
+     *
+     *  Parameters:
+     *    (XMLElement) elem - The element to operate on.
+     *    (String) elemName - The child element tag name filter.
+     *    (Function) func - The function to apply to each child.  This
+     *      function should take a single argument, a DOM element.
+     */
+    function forEachChild(elem: Element, elemName: string, func: (child: Element) => any): void;
+
+    /** Function: isTagEqual
+     *  Compare an element's tag name with a string.
+     *
+     *  This function is case sensitive.
+     *
+     *  Parameters:
+     *    (XMLElement) el - A DOM element.
+     *    (String) name - The element name.
+     *
+     *  Returns:
+     *    true if the element's tag name matches _el_, and false
+     *    otherwise.
+     */
+    function isTagEqual(el: Element, name: string): boolean;
+
+    /** Function: xmlGenerator
+     *  Get the DOM document to generate elements.
+     *
+     *  Returns:
+     *    The currently used DOM document.
+     */
+    function xmlGenerator(): Document;
+
+    /** Function: xmlElement
+     *  Create an XML DOM element.
+     *
+     *  This function creates an XML DOM element correctly across all
+     *  implementations. Note that these are not HTML DOM elements, which
+     *  aren't appropriate for XMPP stanzas.
+     *
+     *  Parameters:
+     *    (String) name - The name for the element.
+     *    (Array|Object) attrs - An optional array or object containing
+     *      key/value pairs to use as element attributes. The object should
+     *      be in the format {'key': 'value'} or {key: 'value'}. The array
+     *      should have the format [['key1', 'value1'], ['key2', 'value2']].
+     *    (String) text - The text child data for the element.
+     *
+     *  Returns:
+     *    A new XML DOM element.
+     */
+    function xmlElement(name: string, attrs?: any, text?: string): Element;
+    function xmlElement(name: string, text?: string, attrs?: any): Element;
+
+    /*  Function: xmlescape
+    *  Excapes invalid xml characters.
+    *
+    *  Parameters:
+    *     (String) text - text to escape.
+    *
+    *  Returns:
+    *      Escaped text.
+    */
+    function xmlescape(text: string): string;
+
+    /*  Function: xmlunescape
+    *  Unexcapes invalid xml characters.
+    *
+    *  Parameters:
+    *     (String) text - text to unescape.
+    *
+    *  Returns:
+    *      Unescaped text.
+    */
+    function xmlunescape(text: string): string;
+
+    /** Function: xmlTextNode
+     *  Creates an XML DOM text node.
+     *
+     *  Provides a cross implementation version of document.createTextNode.
+     *
+     *  Parameters:
+     *    (String) text - The content of the text node.
+     *
+     *  Returns:
+     *    A new XML DOM text node.
+     */
+    function xmlTextNode(text: string): Text;
+
+    /** Function: xmlHtmlNode
+     *  Creates an XML DOM html node.
+     *
+     *  Parameters:
+     *    (String) html - The content of the html node.
+     *
+     *  Returns:
+     *    A new XML DOM text node.
+     */
+    function xmlHtmlNode(html: string): Document;
+
+    /** Function: getText
+         *  Get the concatenation of all text children of an element.
+         *
+         *  Parameters:
+         *    (XMLElement) elem - A DOM element.
+         *
+         *  Returns:
+         *    A String with the concatenated text of all text element children.
+         */
+    function getText(elem: Element): string;
+
+    /** Function: copyElement
+     *  Copy an XML DOM element.
+     *
+     *  This function copies a DOM element and all its descendants and returns
+     *  the new copy.
+     *
+     *  Parameters:
+     *    (XMLElement) elem - A DOM element.
+     *
+     *  Returns:
+     *    A new, copied DOM element tree.
+     */
+    function copyElement(elem: Element): Element;
+
+    /** Function: createHtml
+     *  Copy an HTML DOM element into an XML DOM.
+     *
+     *  This function copies a DOM element and all its descendants and returns
+     *  the new copy.
+     *
+     *  Parameters:
+     *    (Element) elem - A DOM element.
+     *
+     *  Returns:
+     *    A new, copied DOM element tree.
+     */
+    function createHtml(elem: Element): Element;
+
+    /** Function: escapeNode
+     *  Escape the node part (also called local part) of a JID.
+     *
+     *  Parameters:
+     *    (String) node - A node (or local part).
+     *
+     *  Returns:
+     *    An escaped node (or local part).
+     */
+    function escapeNode(node: string): string;
+
+    /** Function: unescapeNode
+     *  Unescape a node part (also called local part) of a JID.
+     *
+     *  Parameters:
+     *    (String) node - A node (or local part).
+     *
+     *  Returns:
+     *    An unescaped node (or local part).
+     */
+    function unescapeNode(node: string): string;
+
+    /** Function: getNodeFromJid
+     *  Get the node portion of a JID String.
+     *
+     *  Parameters:
+     *    (String) jid - A JID.
+     *
+     *  Returns:
+     *    A String containing the node.
+     */
+    function getNodeFromJid(jid: string): string;
+
+    /** Function: getDomainFromJid
+     *  Get the domain portion of a JID String.
+     *
+     *  Parameters:
+     *    (String) jid - A JID.
+     *
+     *  Returns:
+     *    A String containing the domain.
+     */
+    function getDomainFromJid(jid: string): string;
+
+    /** Function: getResourceFromJid
+     *  Get the resource portion of a JID String.
+     *
+     *  Parameters:
+     *    (String) jid - A JID.
+     *
+     *  Returns:
+     *    A String containing the resource.
+     */
+    function getResourceFromJid(jid: string): string;
+
+    /** Function: getBareJidFromJid
+     *  Get the bare JID from a JID String.
+     *
+     *  Parameters:
+     *    (String) jid - A JID.
+     *
+     *  Returns:
+     *    A String containing the bare JID.
+     */
+    function getBareJidFromJid(jid: string): string;
+
+    /** Function: log
+     *  User overrideable logging function.
+     *
+     *  This function is called whenever the Strophe library calls any
+     *  of the logging functions.  The default implementation of this
+     *  function does nothing.  If client code wishes to handle the logging
+     *  messages, it should override this with
+     *  > Strophe.log = function (level, msg) {
+     *  >   (user code here)
+     *  > };
+     *
+     *  Please note that data sent and received over the wire is logged
+     *  via Strophe.Connection.rawInput() and Strophe.Connection.rawOutput().
+     *
+     *  The different levels and their meanings are
+     *
+     *    DEBUG - Messages useful for debugging purposes.
+     *    INFO - Informational messages.  This is mostly information like
+     *      'disconnect was called' or 'SASL auth succeeded'.
+     *    WARN - Warnings about potential problems.  This is mostly used
+     *      to report transient connection errors like request timeouts.
+     *    ERROR - Some error occurred.
+     *    FATAL - A non-recoverable fatal error occurred.
+     *
+     *  Parameters:
+     *    (Integer) level - The log level of the log message.  This will
+     *      be one of the values in Strophe.LogLevel.
+     *    (String) msg - The log message.
+     */
+    function log(level: LogLevel, msg: string): void;
+
+    /** Functions: debug, info, warn, error
+     *  Log a message at the appropriate Strophe.LogLevel
+     *
+     *  Parameters:
+     *    (String) msg - The log message.
+     */
+    function debug(msg: string): void;
+    function info(msg: string): void;
+    function warn(msg: string): void;
+    function error(msg: string): void;
+    function fatal(msg: string): void;
+
+    /** Function: serialize
+     *  Render a DOM element and all descendants to a String.
+     *
+     *  Parameters:
+     *    (XMLElement) elem - A DOM element.
+     *
+     *  Returns:
+     *    The serialized element tree as a String.
+     */
+    function serialize(elem: Element | Builder): string;
+
+    /** Function: addConnectionPlugin
+     *  Extends the Strophe.Connection object with the given plugin.
+     *
+     *  Parameters:
+     *    (String) name - The name of the extension.
+     *    (Object) ptype - The plugin's prototype.
+     */
+    function addConnectionPlugin(name: string, ptype: any): void;
+
+    /** Class: Strophe.Builder
+     *  XML DOM builder.
+     *
+     *  This object provides an interface similar to JQuery but for building
+     *  DOM element easily and rapidly.  All the functions except for toString()
+     *  and tree() return the object, so calls can be chained.  Here's an
+     *  example using the $iq() builder helper.
+     *  > $iq({to: 'you', from: 'me', type: 'get', id: '1'})
+     *  >     .c('query', {xmlns: 'strophe:example'})
+     *  >     .c('example')
+     *  >     .toString()
+     *  The above generates this XML fragment
+     *  > <iq to='you' from='me' type='get' id='1'>
+     *  >   <query xmlns='strophe:example'>
+     *  >     <example/>
+     *  >   </query>
+     *  > </iq>
+     *  The corresponding DOM manipulations to get a similar fragment would be
+     *  a lot more tedious and probably involve several helper variables.
+     *
+     *  Since adding children makes new operations operate on the child, up()
+     *  is provided to traverse up the tree.  To add two children, do
+     *  > builder.c('child1', ...).up().c('child2', ...)
+     *  The next operation on the Builder will be relative to the second child.
+     */
+    class Builder {
+        /** Constructor: Strophe.Builder
+         *  Create a Strophe.Builder object.
+         *
+         *  The attributes should be passed in object notation.  For example
+         *  > var b = new Builder('message', {to: 'you', from: 'me'});
+         *  or
+         *  > var b = new Builder('messsage', {'xml:lang': 'en'});
+         *
+         *  Parameters:
+         *    (String) name - The name of the root element.
+         *    (Object) attrs - The attributes for the root element in object notation.
+         *
+         *  Returns:
+         *    A new Strophe.Builder.
+         */
+        constructor(name: string, attrs?: any);
+
+        /** Function: tree
+        *  Return the DOM tree.
+        *
+        *  This function returns the current DOM tree as an element object.  This
+        *  is suitable for passing to functions like Strophe.Connection.send().
+        *
+        *  Returns:
+        *    The DOM tree as a element object.
+        */
+        tree(): Element;
+
+        /** Function: toString
+         *  Serialize the DOM tree to a String.
+         *
+         *  This function returns a string serialization of the current DOM
+         *  tree.  It is often used internally to pass data to a
+         *  Strophe.Request object.
+         *
+         *  Returns:
+         *    The serialized DOM tree in a String.
+         */
+        toString(): string;
+
+        /** Function: up
+         *  Make the current parent element the new current element.
+         *
+         *  This function is often used after c() to traverse back up the tree.
+         *  For example, to add two children to the same element
+         *  > builder.c('child1', {}).up().c('child2', {});
+         *
+         *  Returns:
+         *    The Stophe.Builder object.
+         */
+        up(): Builder;
+
+        /** Function: attrs
+         *  Add or modify attributes of the current element.
+         *
+         *  The attributes should be passed in object notation.  This function
+         *  does not move the current element pointer.
+         *
+         *  Parameters:
+         *    (Object) moreattrs - The attributes to add/modify in object notation.
+         *
+         *  Returns:
+         *    The Strophe.Builder object.
+         */
+        attrs(moreattrs: any): Builder;
+
+        /** Function: c
+         *  Add a child to the current element and make it the new current
+         *  element.
+         *
+         *  This function moves the current element pointer to the child,
+         *  unless text is provided.  If you need to add another child, it
+         *  is necessary to use up() to go back to the parent in the tree.
+         *
+         *  Parameters:
+         *    (String) name - The name of the child.
+         *    (Object) attrs - The attributes of the child in object notation.
+         *    (String) text - The text to add to the child.
+         *
+         *  Returns:
+         *    The Strophe.Builder object.
+         */
+        c(name: string, attrs?: any, text?: string): Builder;
+
+        /** Function: cnode
+         *  Add a child to the current element and make it the new current
+         *  element.
+         *
+         *  This function is the same as c() except that instead of using a
+         *  name and an attributes object to create the child it uses an
+         *  existing DOM element object.
+         *
+         *  Parameters:
+         *    (XMLElement) elem - A DOM element.
+         *
+         *  Returns:
+         *    The Strophe.Builder object.
+         */
+        cnode(elem: Node): Builder;
+
+        /** Function: t
+         *  Add a child text element.
+         *
+         *  This *does not* make the child the new current element since there
+         *  are no children of text elements.
+         *
+         *  Parameters:
+         *    (String) text - The text data to append to the current element.
+         *
+         *  Returns:
+         *    The Strophe.Builder object.
+         */
+        t(text: string): Builder;
+
+        /** Function: h
+         *  Replace current element contents with the HTML passed in.
+         *
+         *  This *does not* make the child the new current element
+         *
+         *  Parameters:
+         *    (String) html - The html to insert as contents of current element.
+         *
+         *  Returns:
+         *    The Strophe.Builder object.
+         */
+        h(html: string): Builder;
+    }
+
+    interface ConnectionOptions {
+        keepalive?: boolean;
+        protocol?: string;
+        sync?: boolean;
+    }
+
+    /** Class: Strophe.Connection
+     *  XMPP Connection manager.
+     *
+     *  This class is the main part of Strophe.  It manages a BOSH connection
+     *  to an XMPP server and dispatches events to the user callbacks as
+     *  data arrives.  It supports SASL PLAIN, SASL DIGEST-MD5, SASL SCRAM-SHA1
+     *  and legacy authentication.
+     *
+     *  After creating a Strophe.Connection object, the user will typically
+     *  call connect() with a user supplied callback to handle connection level
+     *  events like authentication failure, disconnection, or connection
+     *  complete.
+     *
+     *  The user will also have several event handlers defined by using
+     *  addHandler() and addTimedHandler().  These will allow the user code to
+     *  respond to interesting stanzas or do something periodically with the
+     *  connection.  These handlers will be active once authentication is
+     *  finished.
+     *
+     *  To send data to the connection, use send().
+     */
+    class Connection {
+        jid: string;
+        authzid: string;
+        pass: string;
+        authcid: string;
+        domain: string;
+        servtype: string;
+        maxRetries: number;
+
+        /** Constructor: Strophe.Connection
+         *  Create and initialize a Strophe.Connection object.
+         *
+         *  The transport-protocol for this connection will be chosen automatically
+         *  based on the given service parameter. URLs starting with "ws://" or
+         *  "wss://" will use WebSockets, URLs starting with "http://", "https://"
+         *  or without a protocol will use BOSH.
+         *
+         *  To make Strophe connect to the current host you can leave out the protocol
+         *  and host part and just pass the path, e.g.
+         *
+         *  > var conn = new Strophe.Connection("/http-bind/");
+         *
+         *  WebSocket options:
+         *
+         *  If you want to connect to the current host with a WebSocket connection you
+         *  can tell Strophe to use WebSockets through a "protocol" attribute in the
+         *  optional options parameter. Valid values are "ws" for WebSocket and "wss"
+         *  for Secure WebSocket.
+         *  So to connect to "wss://CURRENT_HOSTNAME/xmpp-websocket" you would call
+         *
+         *  > var conn = new Strophe.Connection("/xmpp-websocket/", {protocol: "wss"});
+         *
+         *  Note that relative URLs _NOT_ starting with a "/" will also include the path
+         *  of the current site.
+         *
+         *  Also because downgrading security is not permitted by browsers, when using
+         *  relative URLs both BOSH and WebSocket connections will use their secure
+         *  variants if the current connection to the site is also secure (https).
+         *
+         *  BOSH options:
+         *
+         *  by adding "sync" to the options, you can control if requests will
+         *  be made synchronously or not. The default behaviour is asynchronous.
+         *  If you want to make requests synchronous, make "sync" evaluate to true:
+         *  > var conn = new Strophe.Connection("/http-bind/", {sync: true});
+         *  You can also toggle this on an already established connection:
+         *  > conn.options.sync = true;
+         *
+         *
+         *  Parameters:
+         *    (String) service - The BOSH or WebSocket service URL.
+         *    (Object) options - A hash of configuration options
+         *
+         *  Returns:
+         *    A new Strophe.Connection object.
+         */
+        constructor(service: string, options?: ConnectionOptions);
+
+        /** Function: reset
+         *  Reset the connection.
+         *
+         *  This function should be called after a connection is disconnected
+         *  before that connection is reused.
+         */
+        reset(): void;
+
+        /** Function: pause
+         *  Pause the request manager.
+         *
+         *  This will prevent Strophe from sending any more requests to the
+         *  server.  This is very useful for temporarily pausing
+         *  BOSH-Connections while a lot of send() calls are happening quickly.
+         *  This causes Strophe to send the data in a single request, saving
+         *  many request trips.
+         */
+        pause(): void;
+
+        /** Function: resume
+         *  Resume the request manager.
+         *
+         *  This resumes after pause() has been called.
+         */
+        resume(): void;
+
+        /** Function: getUniqueId
+         *  Generate a unique ID for use in <iq/> elements.
+         *
+         *  All <iq/> stanzas are required to have unique id attributes.  This
+         *  function makes creating these easy.  Each connection instance has
+         *  a counter which starts from zero, and the value of this counter
+         *  plus a colon followed by the suffix becomes the unique id. If no
+         *  suffix is supplied, the counter is used as the unique id.
+         *
+         *  Suffixes are used to make debugging easier when reading the stream
+         *  data, and their use is recommended.  The counter resets to 0 for
+         *  every new connection for the same reason.  For connections to the
+         *  same server that authenticate the same way, all the ids should be
+         *  the same, which makes it easy to see changes.  This is useful for
+         *  automated testing as well.
+         *
+         *  Parameters:
+         *    (String) suffix - A optional suffix to append to the id.
+         *
+         *  Returns:
+         *    A unique string to be used for the id attribute.
+         */
+        getUniqueId(suffix?: string | number): string;
+
+        /** Function: connect
+         *  Starts the connection process.
+         *
+         *  As the connection process proceeds, the user supplied callback will
+         *  be triggered multiple times with status updates.  The callback
+         *  should take two arguments - the status code and the error condition.
+         *
+         *  The status code will be one of the values in the Strophe.Status
+         *  constants.  The error condition will be one of the conditions
+         *  defined in RFC 3920 or the condition 'strophe-parsererror'.
+         *
+         *  The Parameters _wait_, _hold_ and _route_ are optional and only relevant
+         *  for BOSH connections. Please see XEP 124 for a more detailed explanation
+         *  of the optional parameters.
+         *
+         *  Parameters:
+         *    (String) jid - The user's JID.  This may be a bare JID,
+         *      or a full JID.  If a node is not supplied, SASL ANONYMOUS
+         *      authentication will be attempted.
+         *    (String) pass - The user's password.
+         *    (Function) callback - The connect callback function.
+         *    (Integer) wait - The optional HTTPBIND wait value.  This is the
+         *      time the server will wait before returning an empty result for
+         *      a request.  The default setting of 60 seconds is recommended.
+         *    (Integer) hold - The optional HTTPBIND hold value.  This is the
+         *      number of connections the server will hold at one time.  This
+         *      should almost always be set to 1 (the default).
+         *    (String) route - The optional route value.
+         */
+        connect(jid?: string, pass?: string, callback?: (status: Status, condition: string) => any, wait?: number, hold?: number, route?: string): void;
+
+        /**
+         * Function: restore
+         * Attempt to restore a cached BOSH session.
+         *
+         * This function is only useful in conjunction with providing the
+         * “keepalive”:true option when instantiating a new Strophe.Connection.
+         * When “keepalive” is set to true, Strophe will cache the BOSH tokens
+         * RID (Request ID) and SID (Session ID) and then when this function is called,
+         * it will attempt to restore the session from those cached tokens.
+         * This function must therefore be called instead of connect or attach.
+         * For an example on how to use it, please see examples/restore.js
+         *
+         * Parameters:
+         *    (String) jid - The user’s JID.  This may be a bare JID or a full JID.
+         *    (Function) callback - The connect callback function.
+         *    (Integer) wait - The optional HTTPBIND wait value.
+         *      This is the time the server will wait before returning an empty result for a request.
+         *      The default setting of 60 seconds is recommended.
+         *    (Integer) hold - The optional HTTPBIND hold value.
+         *      This is the number of connections the server will hold at one time.
+         *      This should almost always be set to 1 (the default).
+         *    (Integer) wind - The optional HTTBIND window value.
+         *      This is the allowed range of request ids that are valid.
+         *      The default is 5.
+         */
+        restore(jid?: string, callback?: (status: Status, condition: string) => any, wait?: number, hold?: number, route?: string): void;
+
+        /** Function: attach
+         *  Attach to an already created and authenticated BOSH session.
+         *
+         *  This function is provided to allow Strophe to attach to BOSH
+         *  sessions which have been created externally, perhaps by a Web
+         *  application.  This is often used to support auto-login type features
+         *  without putting user credentials into the page.
+         *
+         *  Parameters:
+         *    (String) jid - The full JID that is bound by the session.
+         *    (String) sid - The SID of the BOSH session.
+         *    (String) rid - The current RID of the BOSH session.  This RID
+         *      will be used by the next request.
+         *    (Function) callback The connect callback function.
+         *    (Integer) wait - The optional HTTPBIND wait value.  This is the
+         *      time the server will wait before returning an empty result for
+         *      a request.  The default setting of 60 seconds is recommended.
+         *      Other settings will require tweaks to the Strophe.TIMEOUT value.
+         *    (Integer) hold - The optional HTTPBIND hold value.  This is the
+         *      number of connections the server will hold at one time.  This
+         *      should almost always be set to 1 (the default).
+         *    (Integer) wind - The optional HTTBIND window value.  This is the
+         *      allowed range of request ids that are valid.  The default is 5.
+         */
+        attach(jid: string, sid: string, rid: string, callback?: (status: Status, condition: string) => any, wait?: number, hold?: number, wind?: number): void;
+
+        /** Function: xmlInput
+         *  User overrideable function that receives XML data coming into the
+         *  connection.
+         *
+         *  The default function does nothing.  User code can override this with
+         *  > Strophe.Connection.xmlInput = function (elem) {
+         *  >   (user code)
+         *  > };
+         *
+         *  Due to limitations of current Browsers' XML-Parsers the opening and closing
+         *  <stream> tag for WebSocket-Connoctions will be passed as selfclosing here.
+         *
+         *  BOSH-Connections will have all stanzas wrapped in a <body> tag. See
+         *  <Strophe.Bosh.strip> if you want to strip this tag.
+         *
+         *  Parameters:
+         *    (XMLElement) elem - The XML data received by the connection.
+         */
+        xmlInput(elem: Element): void;
+
+        /** Function: xmlOutput
+         *  User overrideable function that receives XML data sent to the
+         *  connection.
+         *
+         *  The default function does nothing.  User code can override this with
+         *  > Strophe.Connection.xmlOutput = function (elem) {
+         *  >   (user code)
+         *  > };
+         *
+         *  Due to limitations of current Browsers' XML-Parsers the opening and closing
+         *  <stream> tag for WebSocket-Connoctions will be passed as selfclosing here.
+         *
+         *  BOSH-Connections will have all stanzas wrapped in a <body> tag. See
+         *  <Strophe.Bosh.strip> if you want to strip this tag.
+         *
+         *  Parameters:
+         *    (XMLElement) elem - The XMLdata sent by the connection.
+         */
+        xmlOutput(elem: Element): void;
+
+        /** Function: rawInput
+         *  User overrideable function that receives raw data coming into the
+         *  connection.
+         *
+         *  The default function does nothing.  User code can override this with
+         *  > Strophe.Connection.rawInput = function (data) {
+         *  >   (user code)
+         *  > };
+         *
+         *  Parameters:
+         *    (String) data - The data received by the connection.
+         */
+        rawInput(data: string): void;
+
+        /** Function: rawOutput
+         *  User overrideable function that receives raw data sent to the
+         *  connection.
+         *
+         *  The default function does nothing.  User code can override this with
+         *  > Strophe.Connection.rawOutput = function (data) {
+         *  >   (user code)
+         *  > };
+         *
+         *  Parameters:
+         *    (String) data - The data sent by the connection.
+         */
+        rawOutput(data: string): void;
+
+        /** Function: send
+         *  Send a stanza.
+         *
+         *  This function is called to push data onto the send queue to
+         *  go out over the wire.  Whenever a request is sent to the BOSH
+         *  server, all pending data is sent and the queue is flushed.
+         *
+         *  Parameters:
+         *    (XMLElement |
+         *     [XMLElement] |
+         *     Strophe.Builder) elem - The stanza to send.
+         */
+        send(elem: Element | Element[]| Builder): void;
+
+        /** Function: flush
+         *  Immediately send any pending outgoing data.
+         *
+         *  Normally send() queues outgoing data until the next idle period
+         *  (100ms), which optimizes network use in the common cases when
+         *  several send()s are called in succession. flush() can be used to
+         *  immediately send all pending data.
+         */
+        flush(): void;
+
+        /** Function: sendIQ
+         *  Helper function to send IQ stanzas.
+         *
+         *  Parameters:
+         *    (XMLElement) elem - The stanza to send.
+         *    (Function) callback - The callback function for a successful request.
+         *    (Function) errback - The callback function for a failed or timed
+         *      out request.  On timeout, the stanza will be null.
+         *    (Integer) timeout - The time specified in milliseconds for a
+         *      timeout to occur.
+         *
+         *  Returns:
+         *    The id used to send the IQ.
+        */
+        sendIQ(elem: Element | Builder, callback?: (stanza: Element) => any, errback?: (stanza: Element) => any, timeout?: number): string;
+
+        /** Function: addTimedHandler
+         *  Add a timed handler to the connection.
+         *
+         *  This function adds a timed handler.  The provided handler will
+         *  be called every period milliseconds until it returns false,
+         *  the connection is terminated, or the handler is removed.  Handlers
+         *  that wish to continue being invoked should return true.
+         *
+         *  Because of method binding it is necessary to save the result of
+         *  this function if you wish to remove a handler with
+         *  deleteTimedHandler().
+         *
+         *  Note that user handlers are not active until authentication is
+         *  successful.
+         *
+         *  Parameters:
+         *    (Integer) period - The period of the handler.
+         *    (Function) handler - The callback function.
+         *
+         *  Returns:
+         *    A reference to the handler that can be used to remove it.
+         */
+        addTimedHandler(period: number, handler: () => boolean): any;
+
+        /** Function: deleteTimedHandler
+         *  Delete a timed handler for a connection.
+         *
+         *  This function removes a timed handler from the connection.  The
+         *  handRef parameter is *not* the function passed to addTimedHandler(),
+         *  but is the reference returned from addTimedHandler().
+         *
+         *  Parameters:
+         *    (Strophe.TimedHandler) handRef - The handler reference.
+         */
+        deleteTimedHandler(handRef: any): void;
+
+
+        /** Function: addHandler
+         *  Add a stanza handler for the connection.
+         *
+         *  This function adds a stanza handler to the connection.  The
+         *  handler callback will be called for any stanza that matches
+         *  the parameters.  Note that if multiple parameters are supplied,
+         *  they must all match for the handler to be invoked.
+         *
+         *  The handler will receive the stanza that triggered it as its argument.
+         *  *The handler should return true if it is to be invoked again;
+         *  returning false will remove the handler after it returns.*
+         *
+         *  As a convenience, the ns parameters applies to the top level element
+         *  and also any of its immediate children.  This is primarily to make
+         *  matching /iq/query elements easy.
+         *
+         *  The options argument contains handler matching flags that affect how
+         *  matches are determined. Currently the only flag is matchBare (a
+         *  boolean). When matchBare is true, the from parameter and the from
+         *  attribute on the stanza will be matched as bare JIDs instead of
+         *  full JIDs. To use this, pass {matchBare: true} as the value of
+         *  options. The default value for matchBare is false.
+         *
+         *  The return value should be saved if you wish to remove the handler
+         *  with deleteHandler().
+         *
+         *  Parameters:
+         *    (Function) handler - The user callback.
+         *    (String) ns - The namespace to match.
+         *    (String) name - The stanza name to match.
+         *    (String) type - The stanza type attribute to match.
+         *    (String) id - The stanza id attribute to match.
+         *    (String) from - The stanza from attribute to match.
+         *    (String) options - The handler options
+         *
+         *  Returns:
+         *    A reference to the handler that can be used to remove it.
+         */
+        addHandler(
+		   handler: (stanza: Element) => any,
+		   ns: string, name: string,
+                   type: string,
+                   id: string,
+                   from: string,
+                   options?: { matchBare: boolean }
+                  ): any;
+
+        /** Function: deleteHandler
+         *  Delete a stanza handler for a connection.
+         *
+         *  This function removes a stanza handler from the connection.  The
+         *  handRef parameter is *not* the function passed to addHandler(),
+         *  but is the reference returned from addHandler().
+         *
+         *  Parameters:
+         *    (Strophe.Handler) handRef - The handler reference.
+         */
+        deleteHandler(handRef: any): void;
+
+        /** Function: disconnect
+         *  Start the graceful disconnection process.
+         *
+         *  This function starts the disconnection process.  This process starts
+         *  by sending unavailable presence and sending BOSH body of type
+         *  terminate.  A timeout handler makes sure that disconnection happens
+         *  even if the BOSH server does not respond.
+         *  If the Connection object isn't connected, at least tries to abort all pending requests
+         *  so the connection object won't generate successful requests (which were already opened).
+         *
+         *  The user supplied connection callback will be notified of the
+         *  progress as this process happens.
+         *
+         *  Parameters:
+         *    (String) reason - The reason the disconnect is occuring.
+         */
+        disconnect(reason: string): void;
+    }
+
+    /** Interface: Strophe.SASLMechanism
+     *
+     *  encapsulates SASL authentication mechanisms.
+     *
+     *  User code may override the priority for each mechanism or disable it completely.
+     *  See <priority> for information about changing priority and <test> for informatian on
+     *  how to disable a mechanism.
+     *
+     *  By default, all mechanisms are enabled and the priorities are
+     *
+     *  SCRAM-SHA1 - 40
+     *  DIGEST-MD5 - 30
+     *  Plain - 20
+     */
+    interface SASLMechanism {
+        /**
+     *  Function: test
+     *  Checks if mechanism able to run.
+     *  To disable a mechanism, make this return false;
+     *
+     *  To disable plain authentication run
+     *  > Strophe.SASLPlain.test = function() {
+     *  >   return false;
+     *  > }
+     *
+     *  See <SASL mechanisms> for a list of available mechanisms.
+     *
+     *  Parameters:
+     *    (Strophe.Connection) connection - Target Connection.
+     *
+     *  Returns:
+     *    (Boolean) If mechanism was able to run.
+     */
+        test(connection: Connection): boolean;
+
+        /** Variable: priority
+     *  Determines which <SASLMechanism> is chosen for authentication (Higher is better).
+     *  Users may override this to prioritize mechanisms differently.
+     *
+     *  In the default configuration the priorities are
+     *
+     *  SCRAM-SHA1 - 40
+     *  DIGEST-MD5 - 30
+     *  Plain - 20
+     *
+     *  Example: (This will cause Strophe to choose the mechanism that the server sent first)
+     *
+     *  > Strophe.SASLMD5.priority = Strophe.SASLSHA1.priority;
+     *
+     *  See <SASL mechanisms> for a list of available mechanisms.
+     *
+     */
+        priority: number;
+    }
+
+    /** Constants: SASL mechanisms
+     *  Available authentication mechanisms
+     *
+     *  Strophe.SASLAnonymous - SASL Anonymous authentication.
+     *  Strophe.SASLPlain - SASL Plain authentication.
+     *  Strophe.SASLMD5 - SASL Digest-MD5 authentication
+     *  Strophe.SASLSHA1 - SASL SCRAM-SHA1 authentication
+     */
+    const SASLAnonymous: SASLMechanism;
+    const SASLPlain: SASLMechanism;
+    const SASLSHA1: SASLMechanism;
+    const SASLMD5: SASLMechanism;
+}
+
+/** Function: $build
+ *  Create a Strophe.Builder.
+ *  This is an alias for 'new Strophe.Builder(name, attrs)'.
+ *
+ *  Parameters:
+ *    (String) name - The root element name.
+ *    (Object) attrs - The attributes for the root element in object notation.
+ *
+ *  Returns:
+ *    A new Strophe.Builder object.
+ */
+export function $build(name: string, attrs?: any): Strophe.Builder;
+
+/** Function: $msg
+ *  Create a Strophe.Builder with a <message/> element as the root.
+ *
+ *  Parmaeters:
+ *    (Object) attrs - The <message/> element attributes in object notation.
+ *
+ *  Returns:
+ *    A new Strophe.Builder object.
+ */
+export function $msg(attrs?: any): Strophe.Builder;
+
+/** Function: $iq
+ *  Create a Strophe.Builder with an <iq/> element as the root.
+ *
+ *  Parameters:
+ *    (Object) attrs - The <iq/> element attributes in object notation.
+ *
+ *  Returns:
+ *    A new Strophe.Builder object.
+ */
+export function $iq(attrs?: any): Strophe.Builder;
+
+/** Function: $pres
+ *  Create a Strophe.Builder with a <presence/> element as the root.
+ *
+ *  Parameters:
+ *    (Object) attrs - The <presence/> element attributes in object notation.
+ *
+ *  Returns:
+ *    A new Strophe.Builder object.
+ */
+export function $pres(attrs?: any): Strophe.Builder;
+
+import { Strophe as _Strophe, $build as _$build, $msg as _$msg, $iq as _$iq, $pres as _$pres } from ".";
+declare global {
+    const Strophe: typeof _Strophe;
+    namespace Strophe {
+        type Status = _Strophe.Status;
+        type LogLevel = _Strophe.LogLevel;
+        type Builder = _Strophe.Builder;
+        type ConnectionOptions = _Strophe.ConnectionOptions;
+        type Connection = _Strophe.Connection;
+        type SASLMechanism = _Strophe.SASLMechanism;
+    }
+    const $build: typeof _$build;
+    const $msg: typeof _$msg;
+    const $iq: typeof _$iq;
+    const $pres: typeof _$pres;
+}
+
+declare module "$build" {
+  export = $build;
+}
+
+declare module "$msg" {
+  export = $msg;
+}
+
+declare module "$iq" {
+  export = $iq;
+}
+
+declare module "$pres" {
+  export = $pres;
+}
diff --git a/types/strophe.js/muc.d.ts b/types/strophe.js/muc.d.ts
new file mode 100644
index 0000000000..229057cd46
--- /dev/null
+++ b/types/strophe.js/muc.d.ts
@@ -0,0 +1,848 @@
+import { Strophe } from "strophe.js";
+
+declare module "strophe.js" {
+  namespace Strophe {
+      interface Connection {
+      muc: MUC.Plugin;
+    }
+
+    namespace MUC {
+
+      interface Plugin {
+
+        /**
+         * Initialize the MUC plugin. Sets the correct connection object and
+         * extends the namesace.
+         *
+         * @param conn - the connection instance.
+         */
+        init(conn: Connection): void;
+
+        /**
+         * Join a multi-user chat room
+         *
+         * @param room - The multi-user chat room to join.
+         * @param nick - The nickname to use in the chat room. Optional
+         * @param msg_handler_cb - The function call to handle messages from the specified chat room.
+         * @param pres_handler_cb - The function call back to handle presence in the chat room.
+         * @param roster_cb - The function call to handle roster info in the chat room
+         * @param password - The optional password to use. (password protected rooms only)
+         * @param history_attrs - Optional attributes for retrieving history
+         * @param extended_presence - Optional XML for extending presence
+         */
+        join(
+          room:               string,
+          nick:               string,
+          msg_handler_cb:     (stanza: Element, room: XmppRoom) => boolean,
+          pres_handler_cb:    (stanza: Element, room: XmppRoom) => boolean,
+          roster_cb:          (occupants: OccupantMap, room: XmppRoom) => boolean,
+          password?:          string,
+          history_attrs?:     any,
+          extended_presence?: Element
+        ): void;
+
+
+        /**
+         * Leave a multi-user chat room
+         *
+         * @param room - The multi-user chat room to leave.
+         * @param nick - The nick name used in the room.
+         * @param handler_cb - Optional function to handle the successful leave.
+         * @param exit_msg - optional exit message.
+         * @return iqid - The unique id for the room leave.*
+         */
+        leave(
+          room:        string,
+          nick:        string,
+          handler_cb?: (stanza: Element) => boolean,
+          exit_msg?:   string
+        ): string;
+
+
+        /**
+         * Send a message to a room.
+         *
+         * @param) room - The multi-user chat room name.
+         * @param nick - The nick name used in the chat room.
+         * @param message - The plaintext message to send to the room.
+         * @param html_message - The message to send to the room with html markup.
+         * @param type - "groupchat" for group chat messages o "chat" for private chat messages
+         * @return msgiq - the unique id used to send the message
+         */
+        message(
+          room:         string,
+          nick:         string,
+          message:      string,
+          html_message: string,
+          type:         "groupchat"|"chat"
+        ): string;
+
+
+        /**
+         * Convenience Function to send a Message to all Occupants
+         *
+         * @param room - The multi-user chat room name.
+         * @param message - The plaintext message to send to the room.
+         * @param html_message - Optional message to send to the room with html markup.
+         * @param msgid - Optional unique ID which will be set as the 'id' attribute of the stanza
+         * @return msgiq - the unique id used to send the message
+         */
+        groupchat(
+          room:          string,
+          message:       string,
+          html_message?: string,
+          msgid?:        string
+        ): string;
+
+
+        /**
+         * Send a mediated invitation.
+         *
+         * @param room - The multi-user chat room name.
+         * @param receiver - The invitation's receiver.
+         * @param reason - Optional reason for joining the room.
+         * @return msgiq - the unique id used to send the invitation
+         */
+        invite(
+          room:     string,
+          receiver: string,
+          reason?:  string
+        ): string;
+
+
+        /**
+         * Send a mediated multiple invitation.
+         *
+         * @param room - The multi-user chat room name.
+         * @param receivers - The invitation's receivers.
+         * @param reason - Optional reason for joining the room.
+         * @return msgiq - the unique id used to send the invitation
+         */
+        multipleInvites(
+          room:      string,
+          receivers: string[],
+          reason?:   string
+        ): string;
+
+
+        /**
+         * Send a direct invitation.
+         *
+         * @param room - The multi-user chat room name.
+         * @param receiver - The invitation's receiver.
+         * @param reason - Optional reason for joining the room.
+         * @param password - Optional password for the room.
+         * @return msgiq - the unique id used to send the invitation
+         */
+        directInvite(
+          room:      string,
+          receiver:  string,
+          reason?:   string,
+          password?: string
+        ): string;
+
+
+        /**
+         * Queries a room for a list of occupants
+         *
+         * @param room - The multi-user chat room name.
+         * @param success_cb - Optional function to handle the info.
+         * @param error_cb - Optional function to handle an error.
+         * @return id - the unique id used to send the info request
+         */
+        queryOccupants(
+          room:        string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (error: any) => any
+        ): string;
+
+
+        /**
+         * Start a room configuration.
+         *
+         * @param room - The multi-user chat room name.
+         * @param handler_cb - Optional function to handle the config form.
+         * @param error_cb - Optional function to handle an error.
+         * @return id - the unique id used to send the configuration request
+         */
+        configure(
+          room:        string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Cancel the room configuration
+         *
+         * @param room - The multi-user chat room name.
+         * @return id - the unique id used to cancel the configuration.
+         */
+        cancelConfigure(room: string): string;
+
+
+        /**
+         * Save a room configuration.
+         *
+         * @param room - The multi-user chat room name.
+         * @param config- Form Object or an array of form elements used to configure the room.
+         * @param success_db - Optional function to handle success.
+         * @param error_cb - Optional function to handle an error.
+         * @return id - the unique id used to save the configuration.
+         */
+        saveConfiguration(
+          room:        string,
+          config:      any,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Create an instance room.
+         *
+         * @param room - The multi-user chat room name.
+         * @param success_db - Optional function to handle success.
+         * @param error_cb - Optional function to handle an error.
+         * @return id - the unique id used to create the chat room.
+         */
+        createInstantRoom(
+          room:        string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Create a configured room.
+         *
+         * @param room - The multi-user chat room name.
+         * @param config - the configuration. ex: {"muc#roomconfig_publicroom": "0", "muc#roomconfig_persistentroom": "1"}
+         * @param success_db - Optional function to handle success.
+         * @param error_cb - Optional function to handle an error.
+         * @return id - the unique id used to create the chat room.
+         */
+        createConfiguredRoom(
+          room:       string,
+          config:     any,
+          success_cb: (stanza: Element) => any,
+          error_cb:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Set the topic of the chat room.
+         *
+         * @param room - The multi-user chat room name.
+         * @param topic - Topic message.
+         */
+        setTopic(room: string, topic: string): void;
+
+
+        /**
+         * Changes the role of a member of a MUC room.
+         * The modification can only be done by a room moderator. An error will be
+         * returned if the user doesn't have permission.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param role - The new role of the user.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        modifyRole(
+          room:        string,
+          nick:        string,
+          role:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Kick a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        kick(
+          room:        string,
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Voice a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        voice(
+          room:        string,
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Mute a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        mute(
+          room:        string,
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * Op a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        op(
+          room:        string,
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any 
+        ): string;
+
+
+        /**
+         * De-Op a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param nick - The nick name of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        deop(
+          room:        string,
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Changes the affiliation of a member of a MUC room.
+         * The modification can only be done by a room moderator. An error will be
+         * returned if the user doesn't have permission.
+         * Parameters:
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param affiliation - The new affiliation of the user.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        modifyAffiliation(
+          room:        string,
+          jid:         string,
+          affiliation: string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Ban a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        ban(
+          room:        string,
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Member a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        member(
+          room:        string,
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Revoke a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        revoke(
+          room:        string,
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Owner a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        owner(
+          room:        string,
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Admin a user.
+         *
+         * @param room - The multi-user chat room name.
+         * @param jid  - The jid of the user to modify.
+         * @param reason - Optional reason for the change.
+         * @param handler_cb - Optional callback for success
+         * @param error_cb - Optional callback for error
+         * @return iq - the id of the mode change request.
+         */
+        owner(
+          room:        string,
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        /**
+         * Change the current users nick name.
+         *
+         * @param room - The multi-user chat room name.
+         * @param user - The new nick name.
+         */
+        changeNick(room: string, user: string): void;
+
+        /**
+         * Change the current users status.
+         *
+         * @param room - The multi-user chat room name.
+         * @param user - The current nick.
+         * @param show - The new show-text.
+         * @param status - The new status-text.
+         */
+        setStatus(
+          room:   string,
+          user:   string,
+          show:   string,
+          status: string
+        ): void;
+
+        /**
+         * Registering with a room.
+         * @see http://xmpp.org/extensions/xep-0045.html#register
+         *
+         * @param room - The multi-user chat room name.
+         * @param handle_cb - Function to call for room list return.
+         * @param error_cb - Function to call on error.
+         */
+        registrationRequest(
+          room:      string,
+          handle_cb: (stanza: Element) => any,
+          error_cb:  (stanza: Element) => any
+        ): void;
+
+
+        /**
+         * Submits registration form.
+         *
+         * @param room - The multi-user chat room name.
+         * @param fields - The form fields.
+         * @param handle_cb - Function to call for room list return.
+         * @param error_cb - Function to call on error.
+         */
+        submitRegistrationForm(
+          room:      string,
+          fields:    any,
+          handle_cb: (stanza: Element) => any,
+          error_cb:  (stanza: Element) => any
+        ): void;
+
+        /**
+         * List all chat room available on a server.
+         *
+         * @param server - name of chat server.
+         * @param handle_cb - Function to call for room list return.
+         * @param error_cb - Function to call on error.
+         */
+        listRooms(
+          server:    string,
+          handle_cb: (stanza: Element) => any,
+          error_cb:  (error: any) => any
+        ): void;
+      }
+
+      interface XmppRoom {
+
+        join(
+          msg_handler_cb:  (stanza: Element) => any,
+          pres_handler_cb: (stanza: Element) => any,
+          roster_cb:       (stanza: Element) => any
+        ): void;
+
+
+        leave(
+          handler_cb?: (stanza: Element) => any,
+          exit_msg?:   string
+        ): void;
+
+
+        message(
+          message:      string,
+          html_message: string,
+          type:         "groupchat"|"chat"
+        ): string;
+
+
+        groupchat(message: string, html_message?: string): string;
+
+
+        invite(receiver: string, reason?: string): string;
+
+
+        multipleInvites(receivers: string[], reason?: string): string;
+
+
+        directInvite(receiver: string, reason?: string): string;
+
+
+        configure(handler_cb: (stanza: Element) => any): string;
+
+
+        cancelConfigure(): string;
+
+
+        saveConfiguration(config: any): string;
+
+
+        queryOccupants(success_cb: (stanza: Element) => any, error_cb: (stanza: Element) => any): void;
+
+
+        setTopic(topic: string): string;
+
+
+        modifyRole(
+          nick:        string,
+          role:        string,
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        kick(
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        voice(
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        mute(
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        op(
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        deop(
+          nick:        string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        modifyAffiliation(
+          jid:         string,
+          affiliation: string,
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        ban(
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        member(
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        revoke(
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        owner(
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        admin(
+          jid:         string,
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        changeNick(nick: string): string;
+
+
+        setStatus(show: string, status: string): string;
+
+
+        /**
+         * Adds a handler to the MUC room.
+         * Parameters:
+         * @param handler_type - 'message', 'presence' or 'roster'.
+         * @param handler - The handler function.
+         * @return id - the id of handler.
+         */
+        addHandler(
+          handler_type: "presence"|"message"|"roster",
+          handler:      (stanza: Element) => any
+        ): number;
+
+
+        /**
+         * Removes a handler from the MUC room.
+         * This function takes ONLY ids returned by the addHandler function
+         * of this room. passing handler ids returned by connection.addHandler
+         * may brake things!
+         *
+         * @param id - the id of the handler
+         */
+        removeHandler(id: number): void;
+
+      }
+
+
+      interface RoomConfig {
+        parse(info?: Element): any;
+      }
+
+
+      interface OccupantInfo {
+        nick?:        string;
+        affiliation?: string;
+        role?:        string;
+        jid?:         string;
+        status?:      string;
+        show?:        string;
+      }
+
+
+      interface Occupant extends OccupantInfo {
+
+        modifyRole(
+          role:        string,
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        kick(
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        voice(
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+        mute(
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        op(
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        deop(
+          reason?:     string,
+          handler_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        modifyAffiliation(
+          affiliation: string,
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        ban(
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        member(
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        revoke(
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        owner(
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+
+        admin(
+          reason?:     string,
+          success_cb?: (stanza: Element) => any,
+          error_cb?:   (stanza: Element) => any
+        ): string;
+
+        update(data: OccupantInfo): void;
+      }
+
+      interface OccupantMap {
+        [jid: string]: Occupant;
+      }
+
+    }
+  }
+}
+
+import _MUC = Strophe.MUC;
+declare global {
+  namespace Strophe {
+    namespace MUC {
+      type Plugin = _MUC.Plugin;
+      type XmppRoom = _MUC.XmppRoom;
+      type RoomConfig = _MUC.RoomConfig;
+      type OccupantInfo = _MUC.OccupantInfo;
+      type Occupant = _MUC.Occupant;
+      type OccupantMap = _MUC.OccupantMap;
+    }
+  }
+}
diff --git a/types/strophe.js/strophe.js-tests.ts b/types/strophe.js/strophe.js-tests.ts
new file mode 100644
index 0000000000..627dba3762
--- /dev/null
+++ b/types/strophe.js/strophe.js-tests.ts
@@ -0,0 +1,118 @@
+function log(msg: string): void {
+    console.log(msg);
+}
+
+function rawInput(data: string): void {
+    log('RECV: ' + data);
+}
+
+function rawOutput(data: string): void {
+    log('SENT: ' + data);
+}
+
+function onOwnMessage(msg: Element): boolean {
+    console.log(msg);
+    const elems = msg.getElementsByTagName('own-message');
+    if (elems.length > 0) {
+        const own = elems[0];
+        const to = msg.getAttribute('to');
+        const from = msg.getAttribute('from');
+        const iq = $iq({
+            to: from,
+            type: 'error',
+            id: msg.getAttribute('id')
+        }).cnode(own).up().c('error', { type: 'cancel', code: '501' })
+            .c('feature-not-implemented', { xmlns: 'urn:ietf:params:xml:ns:xmpp-stanzas' });
+
+        connection.sendIQ(iq);
+    }
+
+    return true;
+}
+
+function onMessage(msg: Element): boolean {
+    const to = msg.getAttribute('to');
+    const from = msg.getAttribute('from');
+    const type = msg.getAttribute('type');
+    const elems = msg.getElementsByTagName('body');
+
+    if (type === "chat" && elems.length > 0) {
+        const body = elems[0];
+
+        log('ECHOBOT: I got a message from ' + from + ': ' +
+            Strophe.getText(body));
+
+        const text = Strophe.getText(body) + " (this is echo)";
+
+        log('ECHOBOT: I sent ' + from + ': ' + Strophe.getText(body));
+    }
+
+    // we must return true to keep the handler alive.
+    // returning false would remove it after it finishes.
+    return true;
+}
+
+
+function sendMessage() {
+    const message = "some message";
+    const to = "some recipient";
+    if (message && to) {
+        const reply = $msg({
+            to: to,
+            type: 'chat'
+        })
+            .cnode(Strophe.xmlElement('body', message)).up()
+            .c('active', { xmlns: "http://jabber.org/protocol/chatstates" });
+
+        connection.send(reply);
+
+        log('I sent ' + to + ': ' + message);
+    }
+}
+
+const connection = new Strophe.Connection("someservice");
+connection.rawInput = rawInput;
+connection.rawOutput = rawOutput;
+
+function onConnect(status: Strophe.Status): void {
+    if (status === Strophe.Status.CONNECTING) {
+        log('Strophe is connecting.');
+    } else if (status === Strophe.Status.CONNFAIL) {
+        log('Strophe failed to connect.');
+    } else if (status === Strophe.Status.DISCONNECTING) {
+        log('Strophe is disconnecting.');
+    } else if (status === Strophe.Status.DISCONNECTED) {
+        log('Strophe is disconnected.');
+    } else if (status === Strophe.Status.CONNECTED) {
+        log('Strophe is connected.');
+        log('ECHOBOT: Send a message to ' + connection.jid +
+            ' to talk to me.');
+
+        connection.addHandler(onMessage, null, 'message', null, null, null);
+        connection.addHandler(onOwnMessage, null, 'iq', 'set', null, null);
+        connection.send($pres().tree());
+    }
+}
+
+function onRoomMessage(stanza: Element, room: Strophe.MUC.XmppRoom): boolean {
+  console.log(Strophe.serialize(stanza));
+  room.groupchat("hello");
+  return true;
+}
+
+function onRoomPresence(stanza: Element, room: Strophe.MUC.XmppRoom): boolean {
+  const from = stanza.getAttribute("from");
+  console.log(`${from} precense updated`);
+  return true;
+}
+
+function onRoomRoster(occupants: Strophe.MUC.OccupantMap, room: Strophe.MUC.XmppRoom): boolean {
+  for (const nick of Object.keys(occupants)) {
+    const occupant = occupants[nick];
+    console.log(occupant.nick, occupant.show, occupant.status);
+  }
+  return true;
+}
+
+connection.muc.init(connection);
+connection.muc.join("room", "nick", onRoomMessage, onRoomPresence, onRoomRoster);
diff --git a/types/strophe.js/tsconfig.json b/types/strophe.js/tsconfig.json
new file mode 100644
index 0000000000..4ca13682eb
--- /dev/null
+++ b/types/strophe.js/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "muc.d.ts",
+        "strophe.js-tests.ts"
+    ]
+}
diff --git a/types/strophe.js/tslint.json b/types/strophe.js/tslint.json
new file mode 100644
index 0000000000..c44605dc78
--- /dev/null
+++ b/types/strophe.js/tslint.json
@@ -0,0 +1,15 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+	"no-declare-current-package": false,
+        "no-padding": false,
+        "no-self-import": false,
+        "object-literal-shorthand": false,
+	"no-trailing-whitespace": false,
+        "typedef-whitespace": false,
+        "jsdoc-format": false,
+        "no-consecutive-blank-lines": false,
+        "prefer-template": false,
+	"prefer-switch": false
+    }
+}
diff --git a/types/styled-components/index.d.ts b/types/styled-components/index.d.ts
index 426d86f1a9..a842c94c63 100644
--- a/types/styled-components/index.d.ts
+++ b/types/styled-components/index.d.ts
@@ -1,215 +1,439 @@
-// Type definitions for styled-components 3.0
+// Type definitions for styled-components 4.1
 // Project: https://github.com/styled-components/styled-components
 // Definitions by: Igor Oleinikov <https://github.com/Igorbek>
 //                 Ihor Chulinda <https://github.com/Igmat>
+//                 Adam Lavin <https://github.com/lavoaster>
+//                 Jessica Franco <https://github.com/Kovensky>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 2.9
 
 /// <reference types="node" />
 
-import * as React from 'react';
+import * as CSS from "csstype";
+import * as React from "react";
+
+export type CSSObject = CSS.Properties<string | number> &
+    // Index type to allow selector nesting
+    // This is "[key in string]" and not "[key: string]" to allow CSSObject to be self-referential
+    {
+        // we need the CSS.Properties in here too to ensure the index signature doesn't create impossible values
+        [key in string]:
+            | CSS.Properties<string | number>[keyof CSS.Properties<
+                  string | number
+              >]
+            | CSSObject
+    };
+export type CSSKeyframes = object & { [key: string]: CSSObject };
 
 export interface ThemeProps<T> {
     theme: T;
 }
 
 export type ThemedStyledProps<P, T> = P & ThemeProps<T>;
-export type StyledProps<P> = ThemedStyledProps<P, any>;
+export type StyledProps<P> = ThemedStyledProps<P, AnyIfEmpty<DefaultTheme>>;
 
-export type ThemedOuterStyledProps<P, T> = P & {
-    theme?: T;
-    innerRef?:
-        | ((instance: any) => void)
-        | React.RefObject<HTMLElement | SVGElement | React.Component>;
-};
-export type OuterStyledProps<P> = ThemedOuterStyledProps<P, any>;
+export type StyledComponentProps<
+    // The Component from whose props are derived
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    // The Theme from the current context
+    T extends object,
+    // The other props added by the template
+    O extends object,
+    // The props that are made optional by .attrs
+    A extends keyof any
+> = WithOptionalTheme<
+    Omit<React.ComponentPropsWithRef<C> & O, A> &
+        Partial<Pick<React.ComponentPropsWithRef<C> & O, A>>,
+    T
+>;
+
+type StyledComponentPropsWithAs<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    T extends object,
+    O extends object,
+    A extends keyof any
+> = StyledComponentProps<C, T, O, A> & { as?: C };
 
 export type FalseyValue = undefined | null | false;
 export type Interpolation<P> =
-    | FlattenInterpolation<P>
-    | ReadonlyArray<
-          FlattenInterpolation<P> | ReadonlyArray<FlattenInterpolation<P>>
-      >;
-export type FlattenInterpolation<P> =
     | InterpolationValue
+    | FlattenInterpolation<P>
     | InterpolationFunction<P>;
+// must be an interface to be self-referential
+export interface FlattenInterpolation<P>
+    extends ReadonlyArray<Interpolation<P>> {}
 export type InterpolationValue =
     | string
     | number
-    | Styles
     | FalseyValue
-    | StyledComponentClass<any, any>;
+    | Keyframes
+    | StyledComponentInterpolation
+    | CSSObject;
 export type SimpleInterpolation =
     | InterpolationValue
-    | ReadonlyArray<InterpolationValue | ReadonlyArray<InterpolationValue>>;
-export interface Styles {
-    [ruleOrSelector: string]: string | number | Styles;
-}
+    | FlattenSimpleInterpolation;
+// must be an interface to be self-referential
+interface FlattenSimpleInterpolation
+    extends ReadonlyArray<SimpleInterpolation> {}
 
 export type InterpolationFunction<P> = (props: P) => Interpolation<P>;
 
-type Attrs<P, A extends Partial<P>, T> = {
+type Attrs<P, A extends Partial<P>, T> =
+    | ((props: ThemedStyledProps<P, T>) => A)
+    | A;
+type DeprecatedAttrs<P, A extends Partial<P>, T> = {
     [K in keyof A]: ((props: ThemedStyledProps<P, T>) => A[K]) | A[K]
 };
 
-export interface StyledComponentClass<P, T, O = P>
-    extends React.ComponentClass<ThemedOuterStyledProps<O, T>> {
-    extend: ThemedStyledFunction<P, T, O>;
-
-    withComponent<K extends keyof JSX.IntrinsicElements>(
-        tag: K,
-    ): StyledComponentClass<
-        JSX.IntrinsicElements[K],
-        T,
-        JSX.IntrinsicElements[K] & O
-    >;
-    withComponent<U = {}>(
-        element: React.ComponentType<U>,
-    ): StyledComponentClass<U, T, U & O>;
-}
-
-export interface ThemedStyledFunction<P, T, O = P> {
-    (
-        strings: TemplateStringsArray,
-        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
-    ): StyledComponentClass<P, T, O>;
-    <U>(
-        strings: TemplateStringsArray,
-        ...interpolations: Array<Interpolation<ThemedStyledProps<P & U, T>>>
-    ): StyledComponentClass<P & U, T, O & U>;
-    attrs<U, A extends Partial<P & U> = {}>(
-        attrs: Attrs<P & U, A, T>,
-    ): ThemedStyledFunction<DiffBetween<A, P & U>, T, DiffBetween<A, O & U>>;
-}
-
-export type StyledFunction<P> = ThemedStyledFunction<P, any>;
-
-type ThemedStyledComponentFactories<T> = {
-    [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<
-        JSX.IntrinsicElements[TTag],
-        T
-    >
+export type ThemedGlobalStyledClassProps<P, T> = WithOptionalTheme<P, T> & {
+    suppressMultiMountWarning?: boolean;
 };
 
-export interface ThemedBaseStyledInterface<T>
-    extends ThemedStyledComponentFactories<T> {
-    <P, TTag extends keyof JSX.IntrinsicElements>(
-        tag: TTag,
-    ): ThemedStyledFunction<P, T, P & JSX.IntrinsicElements[TTag]>;
-    <P, O>(component: StyledComponentClass<P, T, O>): ThemedStyledFunction<
-        P,
-        T,
-        O
-    >;
-    <P extends { [prop: string]: any; theme?: T }>(
-        component: React.ComponentType<P>,
-    ): ThemedStyledFunction<P, T, WithOptionalTheme<P, T>>;
-}
+export interface GlobalStyleComponent<P, T>
+    extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>> {}
 
-export type ThemedStyledInterface<T> = ThemedBaseStyledInterface<Extract<keyof T, string> extends never ? any : T>;
-export type StyledInterface = ThemedStyledInterface<DefaultTheme>;
-// tslint:disable-next-line:no-empty-interface
-export interface DefaultTheme {}
+// remove the call signature from StyledComponent so Interpolation can still infer InterpolationFunction
+type StyledComponentInterpolation =
+    | Pick<
+          StyledComponentBase<any, any, any, any>,
+          keyof StyledComponentBase<any, any>
+      >
+    | Pick<
+          StyledComponentBase<any, any, any>,
+          keyof StyledComponentBase<any, any>
+      >;
 
-export interface ThemeProviderProps<T> {
-    theme?: T | ((theme: T) => T);
-}
-export type BaseThemeProviderComponent<T> = React.ComponentClass<
-    ThemeProviderProps<T>
-    >;
-export type ThemeProviderComponent<T> = BaseThemeProviderComponent<Extract<keyof T, string> extends never ? any : T>;
-export interface BaseThemedCssFunction<T> {
+// abuse Pick to strip the call signature from ForwardRefExoticComponent
+type ForwardRefExoticBase<P> = Pick<
+    React.ForwardRefExoticComponent<P>,
+    keyof React.ForwardRefExoticComponent<any>
+>;
+
+// any doesn't count as assignable to never in the extends clause, and we default A to never
+export type AnyStyledComponent =
+    | StyledComponent<any, any, any, any>
+    | StyledComponent<any, any, any>;
+
+export type StyledComponent<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    T extends object,
+    O extends object = {},
+    A extends keyof any = never
+> = // the "string" allows this to be used as an object key
+    // I really want to avoid this if possible but it's the only way to use nesting with object styles...
+    string & StyledComponentBase<C, T, O, A>;
+
+export interface StyledComponentBase<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    T extends object,
+    O extends object = {},
+    A extends keyof any = never
+> extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>> {
+    // add our own fake call signature to implement the polymorphic 'as' prop
+    // NOTE: TS <3.2 will refuse to infer the generic and this component becomes impossible to use in JSX
+    // just the presence of the overload is enough to break JSX
+    //
+    // TODO (TypeScript 3.2): actually makes the 'as' prop polymorphic
+    // (
+    //     props: StyledComponentProps<C, T, O, A> & { as?: never }
+    //   ): React.ReactElement<StyledComponentProps<C, T, O, A>>
+    // <AsC extends keyof JSX.IntrinsicElements | React.ComponentType<any> = C>(
+    //   props: StyledComponentPropsWithAs<AsC, T, O, A>
+    // ): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A>>
+
+    // TODO (TypeScript 3.2): delete this overload
     (
-        strings: TemplateStringsArray,
-        ...interpolations: SimpleInterpolation[]
-    ): InterpolationValue[];
-    <P>(
-        strings: TemplateStringsArray,
-        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
-    ): Array<FlattenInterpolation<ThemedStyledProps<P, T>>>;
+        props: StyledComponentProps<C, T, O, A> & {
+            /**
+             * Typing Note: prefer using .withComponent for now as it is actually type-safe.
+             *
+             * String types need to be cast to themselves to become literal types (as={'a' as 'a'}).
+             */
+            as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+        }
+    ): React.ReactElement<StyledComponentProps<C, T, O, A>>;
+    withComponent<WithC extends AnyStyledComponent>(
+        component: WithC
+    ): StyledComponent<
+        StyledComponentInnerComponent<WithC>,
+        T,
+        O & StyledComponentInnerOtherProps<WithC>,
+        A | StyledComponentInnerAttrs<WithC>
+    >;
+    withComponent<
+        WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>
+    >(
+        component: WithC
+    ): StyledComponent<WithC, T, O, A>;
 }
-export type ThemedCssFunction<T> = BaseThemedCssFunction<Extract<keyof T, string> extends never ? any : T>;
+
+export interface ThemedStyledFunctionBase<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    T extends object,
+    O extends object = {},
+    A extends keyof any = never
+> {
+    (
+        first:
+            | TemplateStringsArray
+            | NonNullable<
+                  Interpolation<
+                      ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>
+                  >
+              >,
+        ...rest: Array<
+            Interpolation<
+                ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>
+            >
+        >
+    ): StyledComponent<C, T, O, A>;
+    // at least the first argument is required, whatever it is
+    <U extends object>(
+        first:
+            | TemplateStringsArray
+            | NonNullable<
+                  Interpolation<
+                      ThemedStyledProps<
+                          StyledComponentPropsWithRef<C> & O & U,
+                          T
+                      >
+                  >
+              >,
+        ...rest: Array<
+            Interpolation<
+                ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>
+            >
+        >
+    ): StyledComponent<C, T, O & U, A>;
+}
+
+export interface ThemedStyledFunction<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+    T extends object,
+    O extends object = {},
+    A extends keyof any = never
+> extends ThemedStyledFunctionBase<C, T, O, A> {
+    // Fun thing: 'attrs' can also provide a polymorphic 'as' prop
+    // My head already hurts enough so maybe later...
+    attrs<
+        U,
+        NewA extends Partial<StyledComponentPropsWithRef<C> & U> & {
+            [others: string]: any;
+        } = {}
+    >(
+        attrs: Attrs<StyledComponentPropsWithRef<C> & U, NewA, T>
+    ): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>;
+    // Only this overload is deprecated
+    // tslint:disable:unified-signatures
+    /** @deprecated Prefer using the new single function style, to be removed in v5 */
+    attrs<
+        U,
+        NewA extends Partial<StyledComponentPropsWithRef<C> & U> & {
+            [others: string]: any;
+        } = {}
+    >(
+        attrs: DeprecatedAttrs<StyledComponentPropsWithRef<C> & U, NewA, T>
+    ): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>;
+    // tslint:enable:unified-signatures
+}
+
+export type StyledFunction<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>
+> = ThemedStyledFunction<C, any>;
+
+type ThemedStyledComponentFactories<T extends object> = {
+    [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, T>
+};
+
+type StyledComponentInnerComponent<
+    C extends React.ComponentType<any>
+> = C extends
+    | StyledComponent<infer I, any, any, any>
+    | StyledComponent<infer I, any, any>
+    ? I
+    : C;
+type StyledComponentPropsWithRef<
+    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>
+> = C extends AnyStyledComponent
+    ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>>
+    : React.ComponentPropsWithRef<C>;
+type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends
+    | StyledComponent<any, any, infer O, any>
+    | StyledComponent<any, any, infer O>
+    ? O
+    : never;
+type StyledComponentInnerAttrs<
+    C extends AnyStyledComponent
+> = C extends StyledComponent<any, any, any, infer A> ? A : never;
+
+export interface ThemedBaseStyledInterface<T extends object>
+    extends ThemedStyledComponentFactories<T> {
+    <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<
+        StyledComponentInnerComponent<C>,
+        T,
+        StyledComponentInnerOtherProps<C>,
+        StyledComponentInnerAttrs<C>
+    >;
+    <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(
+        // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`
+        // causes tests to fail in TS 3.1
+        component: C
+    ): ThemedStyledFunction<C, T>;
+}
+
+export type ThemedStyledInterface<T extends object> = ThemedBaseStyledInterface<
+    AnyIfEmpty<T>
+>;
+export type StyledInterface = ThemedStyledInterface<DefaultTheme>;
+
+export interface BaseThemedCssFunction<T extends object> {
+    (
+        first:
+            | TemplateStringsArray
+            | NonNullable<Interpolation<ThemedStyledProps<{}, T>>>,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>
+    ): FlattenInterpolation<ThemedStyledProps<{}, T>>;
+    <P extends object>(
+        first:
+            | TemplateStringsArray
+            | NonNullable<Interpolation<ThemedStyledProps<P, T>>>,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
+    ): FlattenInterpolation<ThemedStyledProps<P, T>>;
+}
+
+export type ThemedCssFunction<T extends object> = BaseThemedCssFunction<
+    AnyIfEmpty<T>
+>;
 
 // Helper type operators
-type KeyofBase = keyof any;
-type Diff<T extends KeyofBase, U extends KeyofBase> = ({ [P in T]: P } &
-    { [P in U]: never })[T];
-type Omit<T, K extends keyof T> = Pick<T, Diff<keyof T, K>>;
-type DiffBetween<T, U> = Pick<T, Diff<keyof T, keyof U>> &
-    Pick<U, Diff<keyof U, keyof T>>;
-type WithOptionalTheme<P extends { theme?: T }, T> = Omit<P, 'theme'> & {
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+type WithOptionalTheme<P extends { theme?: T }, T> = Omit<P, "theme"> & {
     theme?: T;
 };
+type AnyIfEmpty<T extends object> = keyof T extends never ? any : T;
 
-export interface ThemedStyledComponentsModule<T> {
+export interface ThemedStyledComponentsModule<
+    T extends object,
+    U extends object = T
+> {
     default: ThemedStyledInterface<T>;
 
     css: ThemedCssFunction<T>;
-    keyframes(
-        strings: TemplateStringsArray,
-        ...interpolations: SimpleInterpolation[]
-    ): string;
-    injectGlobal(
-        strings: TemplateStringsArray,
-        ...interpolations: SimpleInterpolation[]
-    ): void;
-    withTheme: WithThemeFnInterface<T>;
 
-    ThemeProvider: ThemeProviderComponent<T>;
+    // unfortunately keyframes can't interpolate props from the theme
+    keyframes(
+        strings: TemplateStringsArray | CSSKeyframes,
+        ...interpolations: SimpleInterpolation[]
+    ): Keyframes;
+
+    createGlobalStyle<P extends object = {}>(
+        first:
+            | TemplateStringsArray
+            | NonNullable<Interpolation<ThemedStyledProps<P, T>>>,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
+    ): GlobalStyleComponent<P, T>;
+
+    withTheme: WithThemeFnInterface<T>;
+    ThemeProvider: ThemeProviderComponent<T, U>;
+    ThemeConsumer: React.Consumer<T>;
+    ThemeContext: React.Context<T>;
+
+    // This could be made to assert `target is StyledComponent<any, T>` instead, but that feels not type safe
+    isStyledComponent: typeof isStyledComponent;
+
+    ServerStyleSheet: typeof ServerStyleSheet;
+    StyleSheetManager: typeof StyleSheetManager;
 }
 
 declare const styled: StyledInterface;
 
 export const css: ThemedCssFunction<DefaultTheme>;
 
-export type BaseWithThemeFnInterface<T> = <P extends { theme?: T }>(
-        component: React.ComponentType<P>,
-    ) => React.ComponentClass<WithOptionalTheme<P, T>>;
-export type WithThemeFnInterface<T> = BaseWithThemeFnInterface<Extract<keyof T, string> extends never ? any : T>;
+export type BaseWithThemeFnInterface<T extends object> = <
+    C extends React.ComponentType<any>
+>(
+    // this check is roundabout because the extends clause above would
+    // not allow any component that accepts _more_ than theme as a prop
+    component: React.ComponentProps<C> extends { theme?: T } ? C : never
+) => React.ForwardRefExoticComponent<
+    WithOptionalTheme<React.ComponentPropsWithRef<C>, T>
+>;
+export type WithThemeFnInterface<T extends object> = BaseWithThemeFnInterface<
+    AnyIfEmpty<T>
+>;
 export const withTheme: WithThemeFnInterface<DefaultTheme>;
 
+/**
+ * This interface can be augmented by users to add types to `styled-components`' default theme
+ * without needing to reexport `ThemedStyledComponentsModule`.
+ */
+// Unfortunately, there is no way to write tests for this
+// as any augmentation will break the tests for the default case (not augmented).
+// tslint:disable-next-line:no-empty-interface
+export interface DefaultTheme {}
+
+export interface ThemeProviderProps<T extends object, U extends object = T> {
+    children?: React.ReactChild; // only one child is allowed, goes through React.Children.only
+    theme: T | ((theme: U) => T);
+}
+export type BaseThemeProviderComponent<
+    T extends object,
+    U extends object = T
+> = React.ComponentClass<ThemeProviderProps<T, U>>;
+export type ThemeProviderComponent<
+    T extends object,
+    U extends object = T
+> = BaseThemeProviderComponent<AnyIfEmpty<T>, AnyIfEmpty<U>>;
+export const ThemeProvider: ThemeProviderComponent<AnyIfEmpty<DefaultTheme>>;
+// NOTE: this technically starts as undefined, but allowing undefined is unhelpful when used correctly
+export const ThemeContext: React.Context<AnyIfEmpty<DefaultTheme>>;
+export const ThemeConsumer: typeof ThemeContext["Consumer"];
+
+export interface Keyframes {
+    getName(): string;
+}
+
 export function keyframes(
-    strings: TemplateStringsArray,
+    strings: TemplateStringsArray | CSSKeyframes,
     ...interpolations: SimpleInterpolation[]
-): string;
+): Keyframes;
 
-export function injectGlobal(
-    strings: TemplateStringsArray,
-    ...interpolations: SimpleInterpolation[]
-): void;
-
-export function consolidateStreamedStyles(): void;
+export function createGlobalStyle<P extends object = {}>(
+    first:
+        | TemplateStringsArray
+        | NonNullable<Interpolation<ThemedStyledProps<P, DefaultTheme>>>,
+    ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>
+): GlobalStyleComponent<P, DefaultTheme>;
 
 export function isStyledComponent(
-    target: any,
-): target is StyledComponentClass<{}, {}>;
+    target: any
+): target is StyledComponent<any, any>;
 
-export const ThemeProvider: ThemeProviderComponent<object>;
+export class ServerStyleSheet {
+    collectStyles(
+        tree: React.ReactNode
+    ): React.ReactElement<{ sheet: ServerStyleSheet }>;
 
-interface StylesheetComponentProps {
-    sheet: ServerStyleSheet;
+    getStyleTags(): string;
+    getStyleElement(): Array<React.ReactElement<{}>>;
+    interleaveWithNodeStream(
+        readableStream: NodeJS.ReadableStream
+    ): NodeJS.ReadableStream;
+    readonly instance: this;
 }
 
-interface StyleSheetManagerProps {
-    sheet?: StyleSheet;
-    target?: Node;
-}
+type StyleSheetManagerProps =
+    | {
+          sheet: ServerStyleSheet;
+          target?: never;
+      }
+    | {
+          sheet?: never;
+          target: HTMLElement;
+      };
 
 export class StyleSheetManager extends React.Component<
     StyleSheetManagerProps
 > {}
 
-export class ServerStyleSheet {
-    collectStyles(
-        tree: React.ReactNode,
-    ): React.ReactElement<StylesheetComponentProps>;
-
-    getStyleTags(): string;
-    getStyleElement(): Array<React.ReactElement<{}>>;
-    interleaveWithNodeStream(
-        readableStream: NodeJS.ReadableStream,
-    ): NodeJS.ReadableStream;
-    instance: StyleSheet;
-}
-
 export default styled;
diff --git a/types/styled-components/macro.d.ts b/types/styled-components/macro.d.ts
new file mode 100644
index 0000000000..08cee96a96
--- /dev/null
+++ b/types/styled-components/macro.d.ts
@@ -0,0 +1,2 @@
+export { default } from '.';
+export * from '.';
diff --git a/types/styled-components/package.json b/types/styled-components/package.json
new file mode 100644
index 0000000000..4d9ec4a338
--- /dev/null
+++ b/types/styled-components/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "csstype": "^2.2.0"
+    }
+}
diff --git a/types/styled-components/test/index.tsx b/types/styled-components/test/index.tsx
new file mode 100644
index 0000000000..e435d90011
--- /dev/null
+++ b/types/styled-components/test/index.tsx
@@ -0,0 +1,773 @@
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import * as ReactDOMServer from "react-dom/server";
+
+import styled, {
+    css,
+    createGlobalStyle,
+    isStyledComponent,
+    keyframes,
+    ServerStyleSheet,
+    StyleSheetManager,
+    ThemeProps,
+    ThemeProvider,
+    withTheme,
+    ThemeConsumer,
+    StyledComponent,
+    ThemedStyledComponentsModule
+} from "styled-components";
+
+/**
+ * general usage
+ */
+
+// Create a <Title> react component that renders an <h1> which is
+// centered, palevioletred and sized at 1.5em
+const Title = styled.h1`
+    font-size: 1.5em;
+    text-align: center;
+    color: palevioletred;
+`;
+
+// Create a <Wrapper> react component that renders a <section> with
+// some padding and a papayawhip background
+const Wrapper = styled.section`
+    padding: 4em;
+    background: papayawhip;
+`;
+
+const Input = styled.input`
+    font-size: 1.25em;
+    padding: 0.5em;
+    margin: 0.5em;
+    color: palevioletred;
+    background: papayawhip;
+    border: none;
+    border-radius: 3px;
+
+    &:hover {
+        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
+    }
+`;
+
+interface MyTheme {
+    primary: string;
+}
+
+interface ButtonProps {
+    name: string;
+    primary?: boolean;
+    theme: MyTheme;
+}
+
+class MyButton extends React.Component<ButtonProps> {
+    render() {
+        return <button>Custom button</button>;
+    }
+}
+
+const TomatoButton = styled(MyButton)`
+    color: tomato;
+    border-color: tomato;
+`;
+
+const CustomizableButton = styled(MyButton)`
+    /* Adapt the colors based on primary prop */
+    background: ${props => (props.primary ? "palevioletred" : "white")};
+    color: ${props => (props.primary ? "white" : "palevioletred")};
+
+    font-size: 1em;
+    margin: 1em;
+    padding: 0.25em 1em;
+    border: 2px solid ${props => props.theme.primary};
+    border-radius: 3px;
+`;
+
+const example = css`
+    font-size: 1.5em;
+    text-align: center;
+    color: ${props => props.theme.primary};
+    border-color: ${"red"};
+`;
+
+const fadeIn = keyframes`
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+
+const animationRule = css`
+    ${fadeIn} 1s infinite alternate;
+`;
+
+const ComponentWithKeyframe = styled.div`
+    animation: ${animationRule};
+`;
+
+const theme = {
+    main: "mediumseagreen"
+};
+
+const ExampleGlobalStyle = createGlobalStyle`
+  @font-face {
+      font-family: 'Operator Mono';
+      src: url('../fonts/Operator-Mono.ttf');
+    }
+
+    body {
+        margin: 0;
+    }
+`;
+
+class Example extends React.Component {
+    render() {
+        return (
+            <ThemeProvider theme={theme}>
+                <>
+                    <ExampleGlobalStyle />
+                    <Wrapper>
+                        <Title>
+                            Hello World, this is my first styled component!
+                        </Title>
+
+                        <Input placeholder="@mxstbr" type="text" />
+                        <TomatoButton name="demo" />
+                    </Wrapper>
+                </>
+            </ThemeProvider>
+        );
+    }
+}
+
+// css which only uses simple interpolations without functions
+const cssWithValues1 = css`
+    font-size: ${14} ${"pt"};
+`;
+// css which uses other simple interpolations without functions
+const cssWithValues2 = css`
+  ${cssWithValues1}
+  ${[cssWithValues1, cssWithValues1]}
+  font-weight: ${"bold"};
+`;
+
+// css which uses function interpolations with common props
+const cssWithFunc1 = css`
+    font-size: ${props => props.theme.fontSizePt}pt;
+`;
+const cssWithFunc2 = css`
+  ${cssWithFunc1}
+  ${props => cssWithFunc1}
+  ${[cssWithFunc1, cssWithValues1]}
+`;
+// such css can be used in styled components
+const styledButton = styled.button`
+  ${cssWithValues1} ${[cssWithValues1, cssWithValues2]}
+  ${cssWithFunc1} ${[cssWithFunc1, cssWithFunc2]}
+  ${() => [cssWithFunc1, cssWithFunc2]}
+`;
+
+const name = "hey";
+
+const ThemedMyButton = withTheme(MyButton);
+
+<ThemedMyButton name={name} />;
+
+/**
+ * nested styles
+ */
+
+const Link = styled.a`
+    color: red;
+`;
+
+const AlternativeLink = styled.a`
+    color: blue;
+`;
+
+const freeStyles = css`
+    background-color: black;
+    color: white;
+    ${Link} {
+        color: blue;
+    }
+`;
+
+const Article = styled.section`
+    color: red;
+    ${freeStyles}
+    & > ${Link} {
+        color: green;
+    }
+    ${p => (p.theme.useAlternativeLink ? AlternativeLink : Link)} {
+        color: black
+    }
+`;
+
+// A Link instance should be backed by an HTMLAnchorElement
+const ComposedLink = () => (
+    <Link onClick={(e: React.MouseEvent<HTMLAnchorElement>) => undefined} />
+);
+
+/**
+ * construction via string tag
+ */
+
+// Create a <LinkFromString> react component that renders an <a> which is
+// centered, palevioletred and sized at 1.5em
+const LinkFromString = styled("a")`
+    font-size: 1.5em;
+    text-align: center;
+    color: palevioletred;
+`;
+
+// A LinkFromString instance should be backed by an HTMLAnchorElement
+const MyOtherComponent = () => (
+    <LinkFromString
+        onClick={(e: React.MouseEvent<HTMLAnchorElement>) => undefined}
+    />
+);
+
+// Create a <LinkFromStringWithProps> react component that renders an <a>
+// which takes extra props
+interface LinkProps {
+    canClick: boolean;
+}
+
+const LinkFromStringWithProps = styled("a")`
+    font-size: 1.5em;
+    text-align: center;
+    color: ${(a: LinkProps) => (a.canClick ? "palevioletred" : "gray")};
+`;
+
+// A LinkFromStringWithProps instance should be backed by an HTMLAnchorElement
+const MyOtherComponentWithProps = () => (
+    <LinkFromStringWithProps
+        canClick={false}
+        onClick={(e: React.MouseEvent<HTMLAnchorElement>) => undefined}
+    />
+);
+
+// Create a <LinkFromStringWithPropsAndGenerics> react component that renders an <a>
+// which takes extra props passed as a generic type argument
+const LinkFromStringWithPropsAndGenerics = styled("a")<LinkProps>`
+    font-size: 1.5em;
+    text-align: center;
+    color: ${a => (a.canClick ? "palevioletred" : "gray")};
+`;
+
+// A LinkFromStringWithPropsAndGenerics instance should be backed by an HTMLAnchorElement
+const MyOtherComponentWithPropsAndGenerics = () => (
+    <LinkFromStringWithPropsAndGenerics
+        canClick={false}
+        onClick={(e: React.MouseEvent<HTMLAnchorElement>) => undefined}
+    />
+);
+
+/**
+ * object styles
+ */
+
+interface ObjectStyleProps {
+    size: string;
+}
+
+const functionReturningStyleObject = (props: ObjectStyleProps) => ({
+    padding: props.size === "big" ? "10px" : 2
+});
+
+const ObjectStylesBox = styled.div`
+    ${functionReturningStyleObject} ${{
+        backgroundColor: "red",
+
+        // Supports nested objects (pseudo selectors, media queries, etc)
+        "@media screen and (min-width: 800px)": {
+            backgroundColor: "blue"
+        },
+
+        fontSize: 2
+    }};
+`;
+
+<ObjectStylesBox size="big" />;
+
+/**
+ * attrs
+ */
+
+const AttrsInput = styled.input.attrs({
+    // we can define static props
+    type: "password",
+
+    // or we can define dynamic ones
+    margin: (props: any) => (props.size as string) || "1em",
+    padding: (props: any) => (props.size as string) || "1em"
+})`
+    color: palevioletred;
+    font-size: 1em;
+    border: 2px solid palevioletred;
+    border-radius: 3px;
+
+    /* here we use the dynamically computed props */
+    margin: ${props => props.margin};
+    padding: ${props => props.padding};
+`;
+
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30042
+const AttrsWithOnlyNewProps = styled.h2.attrs({ as: "h1" })`
+    color: ${props => (props.as === "h1" ? "red" : "blue")};
+    font-size: ${props => (props.as === "h1" ? 2 : 1)};
+`;
+
+const AttrsInputExtra = styled(AttrsInput).attrs({ autoComplete: "off" })``;
+
+<AttrsInputExtra />;
+
+/**
+ * component type
+ */
+
+declare const A: React.ComponentClass;
+declare const B: React.StatelessComponent;
+declare const C: React.ComponentType;
+
+styled(A); // succeeds
+styled(B); // succeeds
+styled(C); // used to fail; see issue trail linked below
+
+// https://github.com/mui-org/material-ui/pull/8781#issuecomment-349460247
+// https://github.com/mui-org/material-ui/issues/9838
+// https://github.com/styled-components/styled-components/pull/1420
+// https://github.com/Microsoft/TypeScript/issues/21175
+// https://github.com/styled-components/styled-components/pull/1427
+
+/**
+ * function themes
+ */
+
+// Define our button, but with the use of props.theme this time
+const ThemedButton = styled.button`
+    color: ${props => props.theme.fg};
+    border: 2px solid ${props => props.theme.fg};
+    background: ${props => props.theme.bg};
+
+    font-size: 1em;
+    margin: 1em;
+    padding: 0.25em 1em;
+    border-radius: 3px;
+`;
+
+// Define our `fg` and `bg` on the theme
+const theme2 = {
+    fg: "palevioletred",
+    bg: "white"
+};
+
+// This theme swaps `fg` and `bg`
+const invertTheme = ({ fg, bg }: { fg: string; bg: string }) => ({
+    fg: bg,
+    bg: fg
+});
+
+const MyApp = (
+    <ThemeProvider theme={theme2}>
+        <div>
+            <ThemedButton>Default Theme</ThemedButton>
+
+            <ThemeProvider theme={invertTheme}>
+                <ThemedButton>Inverted Theme</ThemedButton>
+            </ThemeProvider>
+        </div>
+    </ThemeProvider>
+);
+
+/**
+ * withTheme HOC
+ */
+
+class MyComponent extends React.Component<ThemeProps<{}>> {
+    render() {
+        const { theme } = this.props;
+
+        console.log("Current theme: ", theme);
+
+        return <h1>Hello</h1>;
+    }
+}
+
+const ThemedMyComponent = withTheme(MyComponent);
+
+// TODO: passes in TS@3.1, not in TS@3.0
+// <ThemedMyComponent ref={ref => {
+//     // $ExpectType MyComponent | null
+//     ref;
+// }}/>;
+const themedRef = React.createRef<MyComponent>();
+<ThemedMyComponent ref={themedRef} />;
+
+interface WithThemeProps {
+    theme: {
+        color: string;
+    };
+    text: string;
+}
+
+const Component = (props: WithThemeProps) => (
+    <div style={{ color: props.theme.color }}>{props.text}</div>
+);
+
+const ComponentWithTheme = withTheme(Component);
+
+<ComponentWithTheme text={"hi"} />; // ok
+<ComponentWithTheme text={"hi"} theme={{ color: "red" }} />; // ok
+
+<ThemeConsumer>{theme => <Component text="hi" theme={theme} />}</ThemeConsumer>;
+
+/**
+ * isStyledComponent utility
+ */
+
+const StyledComponent = styled.h1``;
+
+const StatelessComponent = () => <div />;
+
+class ClassComponent extends React.Component {
+    render() {
+        return <div />;
+    }
+}
+
+isStyledComponent(StyledComponent);
+isStyledComponent(StatelessComponent);
+isStyledComponent(ClassComponent);
+isStyledComponent("div");
+
+/**
+ * server side rendering
+ */
+
+const SSRTitle = styled.h1`
+    font-size: 1.5em;
+    text-align: center;
+    color: palevioletred;
+`;
+
+const sheet = new ServerStyleSheet();
+const html = sheet.collectStyles(<SSRTitle>Hello world</SSRTitle>);
+const styleHtml = sheet.getStyleTags();
+const styleElement = sheet.getStyleElement();
+
+const sheet2 = new ServerStyleSheet();
+const element = (
+    <StyleSheetManager sheet={sheet2.instance}>
+        <SSRTitle>Hello world</SSRTitle>
+    </StyleSheetManager>
+);
+
+const css2 = sheet2.getStyleElement();
+
+// Wrapping a node stream returned from renderToNodeStream with interleaveWithNodeStream
+
+const sheet3 = new ServerStyleSheet();
+const appStream = ReactDOMServer.renderToNodeStream(<Title>Hello world</Title>);
+const wrappedCssStream: NodeJS.ReadableStream = sheet3.interleaveWithNodeStream(
+    appStream
+);
+
+/**
+ * StyledComponent.withComponent
+ */
+
+const WithComponentH1 = styled.h1`
+    color: palevioletred;
+    font-size: 1em;
+`;
+
+function getRandomInt(min: number, max: number) {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min)) + min;
+}
+
+class Random extends React.Component<any, any> {
+    render() {
+        const i = getRandomInt(1, 6);
+
+        switch (i) {
+            case 1:
+                return <h1>Hello World</h1>;
+            case 2:
+                return <h2>Hello World</h2>;
+            case 3:
+                return <h3>Hello World</h3>;
+            case 4:
+                return <h4>Hello World</h4>;
+            case 5:
+                return <h5>Hello World</h5>;
+            case 6:
+                return <h6>Hello World</h6>;
+            default:
+                return null;
+        }
+    }
+}
+
+const WithComponentH2 = WithComponentH1.withComponent("h2");
+const WithComponentAbbr = WithComponentH1.withComponent("abbr");
+
+const WithComponentAnchor = WithComponentH1.withComponent("a");
+const AnchorContainer = () => (
+    <WithComponentAnchor href="https://example.com">
+        withComponent Anchor
+    </WithComponentAnchor>
+);
+
+const WithComponentRandomHeading = WithComponentH1.withComponent(Random);
+
+const WithComponentCompA: React.SFC<{ a: number; className?: string }> = ({
+    className
+}) => <div className={className} />;
+const WithComponentCompB: React.SFC<{ b: number; className?: string }> = ({
+    className
+}) => <div className={className} />;
+const WithComponentStyledA = styled(WithComponentCompA)`
+    color: ${(props: { color: string }) => props.color};
+`;
+
+const WithComponentFirstStyledA = styled(WithComponentStyledA).attrs({
+    a: 1
+})``;
+
+const WithComponentFirstStyledB = WithComponentFirstStyledA.withComponent(
+    WithComponentCompB
+);
+
+const WithComponentFirstStyledANew = styled(WithComponentStyledA).attrs(
+    props => ({ a: 1 })
+)``;
+
+const test = () => [
+    <WithComponentFirstStyledA color={"black"} />,
+    <WithComponentFirstStyledB b={2} color={"black"} />,
+    <WithComponentFirstStyledANew color={"black"} />
+];
+
+const WithComponentRequired = styled((props: { to: string }) => (
+    <a href={props.to} />
+))``;
+// These tests pass in tsservice, but they fail in dtslint. I do not know why.
+// <WithComponentRequired href=''/>; // $ExpectError
+// <WithComponentRequired to=''/>;
+
+const WithComponentRequired2 = WithComponentRequired.withComponent("a");
+// These tests pass in tsservice, but they fail in dtslint. I do not know why.
+// <WithComponentRequired2 href=''/>;
+// <WithComponentRequired2 to=''/>; // $ExpectError
+
+// 4.0 With Component
+
+const asTest = (
+    <>
+        <WithComponentH1 as="h2" />
+        <WithComponentH1 as={WithComponentH2} />
+    </>
+);
+
+interface TestContainerProps {
+    size: "big" | "small";
+    test?: boolean;
+}
+const TestContainer = ({ size, test }: TestContainerProps) => {
+    return null;
+};
+
+const StyledTestContainer = styled(TestContainer)`
+    background: red;
+`;
+
+interface Test2ContainerProps {
+    type: "foo" | "bar";
+}
+class Test2Container extends React.Component<Test2ContainerProps> {
+    render() {
+        return null;
+    }
+}
+
+const containerTest = (
+    // TODO (TypeScript 3.2): once the polymorphic overload is un-commented-out this should be the correct test
+    // <StyledTestContainer as={Test2Container} type='foo' />
+    <StyledTestContainer as={Test2Container} size="small" />
+);
+
+// 4.0 refs
+
+const divFnRef = (ref: HTMLDivElement | null) => {
+    /* empty */
+};
+const divRef = React.createRef<HTMLDivElement>();
+
+const StyledDiv = styled.div``;
+
+<StyledDiv ref={divRef} />;
+<StyledDiv ref={divFnRef} />;
+<StyledDiv ref="string" />; // $ExpectError
+
+const StyledStyledDiv = styled(StyledDiv)``;
+<StyledStyledDiv ref={divRef} />;
+<StyledStyledDiv ref={divFnRef} />;
+<StyledStyledDiv ref="string" />; // $ExpectError
+
+const StyledA = StyledDiv.withComponent("a");
+<StyledA ref={divRef} />; // $ExpectError
+<StyledA
+    ref={ref => {
+        // $ExpectType HTMLAnchorElement | null
+        ref;
+    }}
+/>;
+
+async function typedThemes() {
+    const theme = {
+        color: "green"
+    };
+
+    // abuse "await import(...)" to be able to reference the styled-components namespace
+    // without actually doing a top level namespace import
+    const {
+        default: styled,
+        css,
+        createGlobalStyle,
+        ThemeProvider,
+        ThemeConsumer
+    } = (await import("styled-components")) as ThemedStyledComponentsModule<
+        typeof theme
+    >;
+
+    const ThemedDiv = styled.div`
+        background: ${props => {
+            // $ExpectType string
+            props.theme.color;
+            // $ExpectType number | undefined
+            props.tabIndex;
+            return props.theme.color;
+        }};
+    `;
+    const ThemedDiv2 = styled.div(props => {
+        // $ExpectType string
+        props.theme.color;
+        // $ExpectType number | undefined
+        props.tabIndex;
+
+        return {
+            background: props.theme.color
+        };
+    });
+    const ThemedDiv3 = styled.div(props => {
+        // $ExpectType string
+        props.theme.color;
+        // $ExpectType number | undefined
+        props.tabIndex;
+
+        return css`
+            background: ${props.theme.color};
+        `;
+    });
+    const themedCss = css`
+        background: ${props => {
+            // $ExpectType string
+            props.theme.color;
+            // $ExpectType "theme"
+            type Keys = keyof typeof props;
+            return props.theme.color;
+        }};
+    `;
+    const ThemedDiv4 = styled.div(themedCss);
+
+    const themedCssWithNesting = css(props => ({
+        color: props.theme.color,
+        [ThemedDiv3]: {
+            color: "green"
+        }
+    }));
+
+    const Global = createGlobalStyle`
+        ${themedCssWithNesting}
+    `;
+
+    return (
+        <ThemeProvider theme={theme}>
+            <>
+                <Global />
+                <ThemedDiv />
+                <ThemedDiv2 />
+                <ThemedDiv3 />
+                <ThemedDiv4 />
+                <ThemeConsumer>
+                    {theme => {
+                        // $ExpectType string
+                        theme.color;
+                        return theme.color;
+                    }}
+                </ThemeConsumer>
+            </>
+        </ThemeProvider>
+    );
+}
+
+async function reexportCompatibility() {
+    const sc = await import("styled-components");
+    const themed = sc as ThemedStyledComponentsModule<any>;
+
+    let { ...scExports } = sc;
+    let { ...themedExports } = themed;
+    // both branches must be assignable to each other
+    if (Math.random()) {
+        scExports = themedExports;
+    } else {
+        themedExports = scExports;
+    }
+}
+
+async function themeAugmentation() {
+    interface BaseTheme {
+        background: string;
+    }
+    interface ExtraTheme extends BaseTheme {
+        accent: string;
+    }
+
+    const base = (await import("styled-components")) as ThemedStyledComponentsModule<
+        BaseTheme
+    >;
+    const extra = (await import("styled-components")) as ThemedStyledComponentsModule<
+        ExtraTheme,
+        BaseTheme
+    >;
+
+    return (
+        <base.ThemeProvider
+            theme={{
+                background: "black"
+            }}
+        >
+            <>
+                <extra.ThemeProvider
+                    theme={base => base} // $ExpectError
+                >
+                    <extra.ThemeConsumer>{() => null}</extra.ThemeConsumer>
+                </extra.ThemeProvider>
+                <extra.ThemeProvider
+                    theme={base => ({
+                        ...base,
+                        accent: "blue"
+                    })}
+                >
+                    <extra.ThemeConsumer>{() => null}</extra.ThemeConsumer>
+                </extra.ThemeProvider>
+            </>
+        </base.ThemeProvider>
+    );
+}
diff --git a/types/styled-components/test/macro.tsx b/types/styled-components/test/macro.tsx
new file mode 100644
index 0000000000..59acd127a3
--- /dev/null
+++ b/types/styled-components/test/macro.tsx
@@ -0,0 +1,20 @@
+import styled, { createGlobalStyle } from 'styled-components/macro';
+
+// Check that the default export works.
+const TitleFromMacro = styled.h1`
+    font-size: 1.5em;
+    text-align: center;
+    color: palevioletred;
+`;
+
+// Check that named exports work as well.
+const GlobalStyleFromMacro = createGlobalStyle`
+    @font-face {
+      font-family: 'Operator Mono';
+      src: url('../fonts/Operator-Mono.ttf');
+    }
+
+    body {
+        margin: 0;
+    }
+`;
diff --git a/types/styled-components/tsconfig.json b/types/styled-components/tsconfig.json
index 26cb1835d5..22af0d4a13 100644
--- a/types/styled-components/tsconfig.json
+++ b/types/styled-components/tsconfig.json
@@ -13,5 +13,10 @@
         "typeRoots": ["../"],
         "types": []
     },
-    "files": ["index.d.ts", "styled-components-tests.tsx"]
+    "files": [
+        "index.d.ts",
+        "macro.d.ts",
+        "test/index.tsx",
+        "test/macro.tsx"
+    ]
 }
diff --git a/types/styled-components/v3/index.d.ts b/types/styled-components/v3/index.d.ts
new file mode 100644
index 0000000000..426d86f1a9
--- /dev/null
+++ b/types/styled-components/v3/index.d.ts
@@ -0,0 +1,215 @@
+// Type definitions for styled-components 3.0
+// Project: https://github.com/styled-components/styled-components
+// Definitions by: Igor Oleinikov <https://github.com/Igorbek>
+//                 Ihor Chulinda <https://github.com/Igmat>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+/// <reference types="node" />
+
+import * as React from 'react';
+
+export interface ThemeProps<T> {
+    theme: T;
+}
+
+export type ThemedStyledProps<P, T> = P & ThemeProps<T>;
+export type StyledProps<P> = ThemedStyledProps<P, any>;
+
+export type ThemedOuterStyledProps<P, T> = P & {
+    theme?: T;
+    innerRef?:
+        | ((instance: any) => void)
+        | React.RefObject<HTMLElement | SVGElement | React.Component>;
+};
+export type OuterStyledProps<P> = ThemedOuterStyledProps<P, any>;
+
+export type FalseyValue = undefined | null | false;
+export type Interpolation<P> =
+    | FlattenInterpolation<P>
+    | ReadonlyArray<
+          FlattenInterpolation<P> | ReadonlyArray<FlattenInterpolation<P>>
+      >;
+export type FlattenInterpolation<P> =
+    | InterpolationValue
+    | InterpolationFunction<P>;
+export type InterpolationValue =
+    | string
+    | number
+    | Styles
+    | FalseyValue
+    | StyledComponentClass<any, any>;
+export type SimpleInterpolation =
+    | InterpolationValue
+    | ReadonlyArray<InterpolationValue | ReadonlyArray<InterpolationValue>>;
+export interface Styles {
+    [ruleOrSelector: string]: string | number | Styles;
+}
+
+export type InterpolationFunction<P> = (props: P) => Interpolation<P>;
+
+type Attrs<P, A extends Partial<P>, T> = {
+    [K in keyof A]: ((props: ThemedStyledProps<P, T>) => A[K]) | A[K]
+};
+
+export interface StyledComponentClass<P, T, O = P>
+    extends React.ComponentClass<ThemedOuterStyledProps<O, T>> {
+    extend: ThemedStyledFunction<P, T, O>;
+
+    withComponent<K extends keyof JSX.IntrinsicElements>(
+        tag: K,
+    ): StyledComponentClass<
+        JSX.IntrinsicElements[K],
+        T,
+        JSX.IntrinsicElements[K] & O
+    >;
+    withComponent<U = {}>(
+        element: React.ComponentType<U>,
+    ): StyledComponentClass<U, T, U & O>;
+}
+
+export interface ThemedStyledFunction<P, T, O = P> {
+    (
+        strings: TemplateStringsArray,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
+    ): StyledComponentClass<P, T, O>;
+    <U>(
+        strings: TemplateStringsArray,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<P & U, T>>>
+    ): StyledComponentClass<P & U, T, O & U>;
+    attrs<U, A extends Partial<P & U> = {}>(
+        attrs: Attrs<P & U, A, T>,
+    ): ThemedStyledFunction<DiffBetween<A, P & U>, T, DiffBetween<A, O & U>>;
+}
+
+export type StyledFunction<P> = ThemedStyledFunction<P, any>;
+
+type ThemedStyledComponentFactories<T> = {
+    [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<
+        JSX.IntrinsicElements[TTag],
+        T
+    >
+};
+
+export interface ThemedBaseStyledInterface<T>
+    extends ThemedStyledComponentFactories<T> {
+    <P, TTag extends keyof JSX.IntrinsicElements>(
+        tag: TTag,
+    ): ThemedStyledFunction<P, T, P & JSX.IntrinsicElements[TTag]>;
+    <P, O>(component: StyledComponentClass<P, T, O>): ThemedStyledFunction<
+        P,
+        T,
+        O
+    >;
+    <P extends { [prop: string]: any; theme?: T }>(
+        component: React.ComponentType<P>,
+    ): ThemedStyledFunction<P, T, WithOptionalTheme<P, T>>;
+}
+
+export type ThemedStyledInterface<T> = ThemedBaseStyledInterface<Extract<keyof T, string> extends never ? any : T>;
+export type StyledInterface = ThemedStyledInterface<DefaultTheme>;
+// tslint:disable-next-line:no-empty-interface
+export interface DefaultTheme {}
+
+export interface ThemeProviderProps<T> {
+    theme?: T | ((theme: T) => T);
+}
+export type BaseThemeProviderComponent<T> = React.ComponentClass<
+    ThemeProviderProps<T>
+    >;
+export type ThemeProviderComponent<T> = BaseThemeProviderComponent<Extract<keyof T, string> extends never ? any : T>;
+export interface BaseThemedCssFunction<T> {
+    (
+        strings: TemplateStringsArray,
+        ...interpolations: SimpleInterpolation[]
+    ): InterpolationValue[];
+    <P>(
+        strings: TemplateStringsArray,
+        ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
+    ): Array<FlattenInterpolation<ThemedStyledProps<P, T>>>;
+}
+export type ThemedCssFunction<T> = BaseThemedCssFunction<Extract<keyof T, string> extends never ? any : T>;
+
+// Helper type operators
+type KeyofBase = keyof any;
+type Diff<T extends KeyofBase, U extends KeyofBase> = ({ [P in T]: P } &
+    { [P in U]: never })[T];
+type Omit<T, K extends keyof T> = Pick<T, Diff<keyof T, K>>;
+type DiffBetween<T, U> = Pick<T, Diff<keyof T, keyof U>> &
+    Pick<U, Diff<keyof U, keyof T>>;
+type WithOptionalTheme<P extends { theme?: T }, T> = Omit<P, 'theme'> & {
+    theme?: T;
+};
+
+export interface ThemedStyledComponentsModule<T> {
+    default: ThemedStyledInterface<T>;
+
+    css: ThemedCssFunction<T>;
+    keyframes(
+        strings: TemplateStringsArray,
+        ...interpolations: SimpleInterpolation[]
+    ): string;
+    injectGlobal(
+        strings: TemplateStringsArray,
+        ...interpolations: SimpleInterpolation[]
+    ): void;
+    withTheme: WithThemeFnInterface<T>;
+
+    ThemeProvider: ThemeProviderComponent<T>;
+}
+
+declare const styled: StyledInterface;
+
+export const css: ThemedCssFunction<DefaultTheme>;
+
+export type BaseWithThemeFnInterface<T> = <P extends { theme?: T }>(
+        component: React.ComponentType<P>,
+    ) => React.ComponentClass<WithOptionalTheme<P, T>>;
+export type WithThemeFnInterface<T> = BaseWithThemeFnInterface<Extract<keyof T, string> extends never ? any : T>;
+export const withTheme: WithThemeFnInterface<DefaultTheme>;
+
+export function keyframes(
+    strings: TemplateStringsArray,
+    ...interpolations: SimpleInterpolation[]
+): string;
+
+export function injectGlobal(
+    strings: TemplateStringsArray,
+    ...interpolations: SimpleInterpolation[]
+): void;
+
+export function consolidateStreamedStyles(): void;
+
+export function isStyledComponent(
+    target: any,
+): target is StyledComponentClass<{}, {}>;
+
+export const ThemeProvider: ThemeProviderComponent<object>;
+
+interface StylesheetComponentProps {
+    sheet: ServerStyleSheet;
+}
+
+interface StyleSheetManagerProps {
+    sheet?: StyleSheet;
+    target?: Node;
+}
+
+export class StyleSheetManager extends React.Component<
+    StyleSheetManagerProps
+> {}
+
+export class ServerStyleSheet {
+    collectStyles(
+        tree: React.ReactNode,
+    ): React.ReactElement<StylesheetComponentProps>;
+
+    getStyleTags(): string;
+    getStyleElement(): Array<React.ReactElement<{}>>;
+    interleaveWithNodeStream(
+        readableStream: NodeJS.ReadableStream,
+    ): NodeJS.ReadableStream;
+    instance: StyleSheet;
+}
+
+export default styled;
diff --git a/types/styled-components/styled-components-tests.tsx b/types/styled-components/v3/styled-components-tests.tsx
similarity index 100%
rename from types/styled-components/styled-components-tests.tsx
rename to types/styled-components/v3/styled-components-tests.tsx
diff --git a/types/styled-components/v3/tsconfig.json b/types/styled-components/v3/tsconfig.json
new file mode 100644
index 0000000000..5e671edde0
--- /dev/null
+++ b/types/styled-components/v3/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "baseUrl": "../../",
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "lib": ["es6", "dom"],
+        "module": "commonjs",
+        "noEmit": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "styled-components": [
+                "styled-components/v3"
+            ]
+        },
+        "types": []
+    },
+    "files": ["index.d.ts", "styled-components-tests.tsx"]
+}
diff --git a/types/styled-components/v3/tslint.json b/types/styled-components/v3/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/styled-components/v3/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/styled-jsx/css.d.ts b/types/styled-jsx/css.d.ts
index bb50756afc..4ac7658f3a 100644
--- a/types/styled-jsx/css.d.ts
+++ b/types/styled-jsx/css.d.ts
@@ -1,8 +1,6 @@
-type Tag = {
-    (chunks: TemplateStringsArray, ...args: any[]): string;
-    global: (chunks: TemplateStringsArray, ...args: any[]) => string;
-    resolve: (chunks: TemplateStringsArray, ...args: any[]) => { className: string; styles: string };
-};
-
-declare let css: Tag;
+declare function css(chunks: TemplateStringsArray, ...args: any[]): string;
+declare namespace css {
+    function global(chunks: TemplateStringsArray, ...args: any[]): string;
+    function resolve(chunks: TemplateStringsArray, ...args: any[]): { className: string; styles: string };
+}
 export = css;
diff --git a/types/styled-jsx/server.d.ts b/types/styled-jsx/server.d.ts
index 7d67967842..16de5fbb72 100644
--- a/types/styled-jsx/server.d.ts
+++ b/types/styled-jsx/server.d.ts
@@ -1,7 +1,7 @@
 import { ReactElement } from "react";
 
 declare function flushToHTML(): string;
-declare function flushToReact<T>(): ReactElement<T>[];
+declare function flushToReact<T>(): Array<ReactElement<T>>;
 
 export { flushToHTML };
 export default flushToReact;
diff --git a/types/styled-jsx/tslint.json b/types/styled-jsx/tslint.json
index 3db14f85ea..3fc34b8203 100644
--- a/types/styled-jsx/tslint.json
+++ b/types/styled-jsx/tslint.json
@@ -1 +1,7 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // TODO
+        "no-unnecessary-generics": false
+    }
+}
diff --git a/types/styled-react-modal/index.d.ts b/types/styled-react-modal/index.d.ts
new file mode 100644
index 0000000000..3598e8d55b
--- /dev/null
+++ b/types/styled-react-modal/index.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for styled-react-modal 1.1
+// Project: https://github.com/AlexanderRichey/styled-react-modal
+// Definitions by: Adam Lavin <https://github.com/Lavoaster>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+import * as React from 'react';
+import { StyledComponent, AnyStyledComponent, CSSObject, InterpolationFunction } from 'styled-components';
+
+declare const BaseModalBackground: StyledComponent<'div', any>;
+
+interface ModalProps {
+  isOpen: boolean;
+  allowScroll?: boolean;
+  afterOpen?: () => void;
+  afterClose?: () => void;
+  beforeOpen?: Promise<void> | (() => void);
+  beforeClose?: Promise<void> | (() => void);
+  onEscapeKeydown?: (event: Event) => void;
+  onBackgroundClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+
+declare class Modal extends React.Component<ModalProps> {
+    static styled(
+        object: CSSObject | InterpolationFunction<any>
+    ): StyledComponent<React.ComponentClass<ModalProps>, any>;
+    static styled(
+        strings: TemplateStringsArray,
+        ...interpolations: any[]
+    ): StyledComponent<React.ComponentClass<ModalProps>, any>;
+}
+
+interface ModalProviderProps {
+  backgroundComponent?: AnyStyledComponent;
+  children: React.ReactNode;
+}
+
+declare class ModalProvider extends React.Component<ModalProviderProps> {}
+
+export default Modal;
+export { BaseModalBackground, ModalProvider };
diff --git a/types/styled-react-modal/styled-react-modal-tests.tsx b/types/styled-react-modal/styled-react-modal-tests.tsx
new file mode 100644
index 0000000000..c72ea7bcb7
--- /dev/null
+++ b/types/styled-react-modal/styled-react-modal-tests.tsx
@@ -0,0 +1,64 @@
+import * as React from 'react';
+import Modal, { ModalProvider, BaseModalBackground as BackgroundComponent } from 'styled-react-modal';
+import styled from 'styled-components';
+
+const background = styled.div`
+    background: rgba(0,0,0,.3);
+`;
+
+// Padding through a custom backgroundComponent
+const test1 = (
+    <ModalProvider backgroundComponent={background}>
+        <Modal
+            isOpen={true}
+            onBackgroundClick={() => console.log('Background click!')}
+            onEscapeKeydown={() => console.log('Background click!')}
+            afterOpen={() => console.log('After Open!')}
+            afterClose={() => console.log('After Close!')}
+            beforeOpen={() => console.log('Before Open!')}
+            beforeClose={() => console.log('Before Close!')}
+            allowScroll={true}
+        >
+            Modal Content!
+        </Modal>
+    </ModalProvider>
+);
+
+// Passing through the default component
+const test2 = (
+    <ModalProvider backgroundComponent={BackgroundComponent}>
+        <Modal
+            isOpen={true}
+            onBackgroundClick={() => console.log('Background click!')}
+            onEscapeKeydown={() => console.log('Background click!')}
+            afterOpen={() => console.log('After Open!')}
+            afterClose={() => console.log('After Close!')}
+            beforeOpen={() => console.log('Before Open!')}
+            beforeClose={() => console.log('Before Close!')}
+            allowScroll={true}
+        >
+            Modal Content!
+        </Modal>
+    </ModalProvider>
+);
+
+// Minimal Setup
+const test3 = (
+    <ModalProvider>
+        <Modal isOpen={true}>
+            Modal Content!
+        </Modal>
+    </ModalProvider>
+);
+
+const StyledModal = Modal.styled`
+    background: red;
+`;
+
+const test4 = (
+    <ModalProvider>
+        <StyledModal isOpen={true} onBackgroundClick={() => console.log('Background click!')}>
+            Modal Content!
+        </StyledModal>
+    </ModalProvider>
+);
diff --git a/types/styled-react-modal/tsconfig.json b/types/styled-react-modal/tsconfig.json
new file mode 100644
index 0000000000..4930ba2727
--- /dev/null
+++ b/types/styled-react-modal/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "baseUrl": "../",
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react",
+        "lib": ["es6", "dom"],
+        "module": "commonjs",
+        "noEmit": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "typeRoots": ["../"],
+        "types": []
+    },
+    "files": ["index.d.ts", "styled-react-modal-tests.tsx"]
+}
diff --git a/types/styled-react-modal/tslint.json b/types/styled-react-modal/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/styled-react-modal/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/styled-system/dist/space.d.ts b/types/styled-system/dist/space.d.ts
index b3996a559c..9632ed7e45 100644
--- a/types/styled-system/dist/space.d.ts
+++ b/types/styled-system/dist/space.d.ts
@@ -1,23 +1,46 @@
+import * as CSS from 'csstype';
+export type TLengthStyledSystem = string | 0 | number;
 export type ResponsiveValue<T> = T | Array<T | null>;
 
-export type SpaceValue = number | string;
-export type ResponsiveSpaceValue = ResponsiveValue<SpaceValue>;
+/**
+ * Converts shorthand margin and padding props to margin and padding CSS declarations
+ *
+ * - Numbers from 0-4 (or the length of theme.space) are converted to values on the spacing scale.
+ * - Negative values can be used for negative margins.
+ * - Numbers greater than the length of the theme.space array are converted to raw pixel values.
+ * - String values are passed as raw CSS values.
+ * - Array values are converted into responsive values.
+ */
 
-export interface SpaceProps {
-    m?: ResponsiveSpaceValue;
-    mt?: ResponsiveSpaceValue;
-    mr?: ResponsiveSpaceValue;
-    mb?: ResponsiveSpaceValue;
-    ml?: ResponsiveSpaceValue;
-    mx?: ResponsiveSpaceValue;
-    my?: ResponsiveSpaceValue;
-    p?: ResponsiveSpaceValue;
-    pt?: ResponsiveSpaceValue;
-    pr?: ResponsiveSpaceValue;
-    pb?: ResponsiveSpaceValue;
-    pl?: ResponsiveSpaceValue;
-    px?: ResponsiveSpaceValue;
-    py?: ResponsiveSpaceValue;
+export interface SpaceProps<TLength = TLengthStyledSystem> {
+    /** Margin on top, left, bottom and right */
+    m?: ResponsiveValue<CSS.MarginProperty<TLength>>;
+    /** Margin for the top */
+    mt?: ResponsiveValue<CSS.MarginTopProperty<TLength>>;
+    /** Margin for the right */
+    mr?: ResponsiveValue<CSS.MarginRightProperty<TLength>>;
+    /** Margin for the bottom */
+    mb?: ResponsiveValue<CSS.MarginBottomProperty<TLength>>;
+    /** Margin for the left */
+    ml?: ResponsiveValue<CSS.MarginLeftProperty<TLength>>;
+    /** Margin for the left and right */
+    mx?: ResponsiveValue<CSS.PaddingProperty<TLength>>;
+    /** Margin for the top and bottom */
+    my?: ResponsiveValue<CSS.PaddingProperty<TLength>>;
+    /** Padding on top, left, bottom and right */
+    p?: ResponsiveValue<CSS.PaddingProperty<TLength>>;
+    /** Padding for the top */
+    pt?: ResponsiveValue<CSS.PaddingTopProperty<TLength>>;
+    /** Padding for the right */
+    pr?: ResponsiveValue<CSS.PaddingRightProperty<TLength>>;
+    /** Padding for the bottom */
+    pb?: ResponsiveValue<CSS.PaddingBottomProperty<TLength>>;
+    /** Padding for the left */
+    pl?: ResponsiveValue<CSS.PaddingLeftProperty<TLength>>;
+    /** Padding for the left and right */
+    px?: ResponsiveValue<CSS.PaddingProperty<TLength>>;
+    /** Padding for the top and bottom */
+    py?: ResponsiveValue<CSS.PaddingProperty<TLength>>;
 }
 
 export function space(...args: any[]): any;
diff --git a/types/styled-system/dist/styles.d.ts b/types/styled-system/dist/styles.d.ts
index b2a2a7cc27..59f8077ec9 100644
--- a/types/styled-system/dist/styles.d.ts
+++ b/types/styled-system/dist/styles.d.ts
@@ -1,9 +1,8 @@
-import { ResponsiveValue, ResponsiveSpaceValue, SpaceValue } from './space';
+import * as CSS from 'csstype';
+import { ResponsiveValue, TLengthStyledSystem } from './space';
 
 export * from './space';
 
-export type GlobalStyleValues = "inherit" | "initial" | "unset";
-
 export interface BaseTheme {
     breakpoints?: number[];
     space?: number[];
@@ -17,11 +16,17 @@ export interface BaseTheme {
  * Font Size
  */
 
-export type FontSizeValue = number | string;
-export type ResponsiveFontSizeValue = ResponsiveValue<FontSizeValue>;
-
-export interface FontSizeProps {
-    fontSize?: ResponsiveFontSizeValue;
+export interface FontSizeProps<TLength = TLengthStyledSystem> {
+    /**
+     * The fontSize utility parses a component's `fontSize` prop and converts it into a CSS font-size declaration.
+     *
+     * - Numbers from 0-8 (or `theme.fontSizes.length`) are converted to values on the [font size scale](#default-theme).
+     * - Numbers greater than `theme.fontSizes.length` are converted to raw pixel values.
+     * - String values are passed as raw CSS values.
+     * - And array values are converted into responsive values.
+     *
+     */
+    fontSize?: ResponsiveValue<CSS.FontSizeProperty<TLength>>;
 }
 
 export function fontSize(...args: any[]): any;
@@ -29,17 +34,33 @@ export function fontSize(...args: any[]): any;
 /**
  * Color
  */
-export type ColorValue = string;
-export type ResponsiveColorValue = ResponsiveValue<ColorValue>;
 
 export interface TextColorProps {
-    color?: ResponsiveColorValue;
+    /**
+     * The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.
+     * By default the raw value of the prop is returned.
+     *
+     * Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.
+     * Array values are converted into responsive values.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
+     */
+    color?: ResponsiveValue<CSS.ColorProperty>;
 }
 
 export function textColor(...args: any[]): any;
 
-export interface BgColorProps {
-    bg?: ResponsiveColorValue;
+export interface BgColorProps<TLength = TLengthStyledSystem> {
+    /**
+     * The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.
+     * By default the raw value of the prop is returned.
+     *
+     * Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.
+     * Array values are converted into responsive values.
+     *
+     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
+     */
+    bg?: ResponsiveValue<CSS.BackgroundProperty<TLength>>;
 }
 
 export function bgColor(...args: any[]): any;
@@ -51,64 +72,66 @@ export function color(...args: any[]): any;
 /**
  * Typography
  */
-export type TypographyValue = string;
-export type ResponsiveTypographyValue = ResponsiveValue<TypographyValue>;
-
 export interface FontFamilyProps {
-    fontFamily?: ResponsiveTypographyValue;
+    fontFamily?: ResponsiveValue<CSS.FontFamilyProperty>;
 }
 export function fontFamily(...args: any[]): any;
 
-export type TextAlignValue =
-    | "left"
-    | "right"
-    | "center"
-    | "justify"
-    | "justify-all"
-    | "start"
-    | "end"
-    | "match-parent";
-export type ResponsiveTextAlignValue = ResponsiveValue<TextAlignValue>;
-
 export interface TextAlignProps {
-    textAlign?: ResponsiveTextAlignValue;
+    /**
+     * The text-align CSS property specifies the horizontal alignment of an inline or table-cell box.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
+     */
+    textAlign?: ResponsiveValue<CSS.TextAlignProperty>;
 }
 
 export function textAlign(...args: any[]): any;
 
-export type LineHeightValue = number | string;
-export type ResponsiveLineHeightValue = ResponsiveValue<LineHeightValue>;
-export interface LineHeightProps {
-    lineHeight?: ResponsiveLineHeightValue;
+export interface LineHeightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The line-height CSS property sets the amount of space used for lines, such as in text. On block-level elements,
+     * it specifies the minimum height of line boxes within the element.
+     *
+     * On non-replaced inline elements, it specifies the height that is used to calculate line box height.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)
+     */
+    lineHeight?: ResponsiveValue<CSS.LineHeightProperty<TLength>>;
 }
 export function lineHeight(...args: any[]): any;
 
-export type FontWeightValue =
-    | GlobalStyleValues
-    | "normal"
-    | "bold"
-    | "lighter"
-    | "bolder"
-    | number;
-export type ResponsiveFontWeightValue = ResponsiveValue<FontWeightValue>;
-
 export interface FontWeightProps {
-    fontWeight?: ResponsiveFontWeightValue;
+    /**
+     * The font-weight CSS property specifies the weight (or boldness) of the font.
+     *
+     * The font weights available to you will depend on the font-family you are using. Some fonts are only available in normal and bold.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
+     */
+    fontWeight?: ResponsiveValue<CSS.FontWeightProperty>;
 }
 
 export function fontWeight(...args: any[]): any;
 
-export type FontStyleValue = string;
-export type ResponsiveFontStyleValue = ResponsiveValue<FontStyleValue>;
 export interface FontStyleProps {
-    fontStyle?: ResponsiveFontStyleValue;
+    /**
+     * The font-style CSS property specifies whether a font should be styled with a normal, italic,
+     * or oblique face from its font-family.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)
+     */
+    fontStyle?: ResponsiveValue<CSS.FontStyleProperty>;
 }
 export function fontStyle(...args: any[]): any;
 
-export type LetterSpacingValue = number | string;
-export type ResponsiveLetterSpacingValue = ResponsiveValue<LetterSpacingValue>;
-export interface LetterSpacingProps {
-    letterSpacing?: ResponsiveLetterSpacingValue;
+export interface LetterSpacingProps<TLength = TLengthStyledSystem> {
+    /**
+     * The letter-spacing CSS property sets the spacing behavior between text characters.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)
+     */
+    letterSpacing?: ResponsiveValue<CSS.LetterSpacingProperty<TLength>>;
 }
 export function letterSpacing(...args: any[]): any;
 
@@ -116,65 +139,103 @@ export function letterSpacing(...args: any[]): any;
  * Layout
  */
 
-export type DisplayValue =
-    | "none"
-    | "inline"
-    | "block"
-    | "contents"
-    | "flex"
-    | "grid"
-    | "inline-block";
-export type ResponsiveDisplayValue = ResponsiveValue<DisplayValue>;
 export interface DisplayProps {
-    display?: ResponsiveDisplayValue;
+    /**
+     * The display CSS property defines the display type of an element, which consists of the two basic qualities
+     * of how an element generates boxes — the outer display type defining how the box participates in flow layout,
+     * and the inner display type defining how the children of the box are laid out.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
+     */
+    display?: ResponsiveValue<CSS.DisplayProperty>;
 }
 
 export function display(...args: any[]): any;
 
-export interface MaxWidthProps {
-    maxWidth?: ResponsiveSpaceValue;
+export interface MaxWidthProps<TLength = TLengthStyledSystem> {
+    /**
+     * The max-width CSS property sets the maximum width of an element.
+     * It prevents the used value of the width property from becoming larger than the value specified by max-width.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
+     */
+    maxWidth?: ResponsiveValue<CSS.MaxWidthProperty<TLength>>;
 }
 
 export function maxWidth(...args: any[]): any;
 
-export interface MinWidthProps {
-    minWidth?: ResponsiveSpaceValue;
+export interface MinWidthProps<TLength = TLengthStyledSystem> {
+    /**
+     * The min-width CSS property sets the minimum width of an element.
+     * It prevents the used value of the width property from becoming smaller than the value specified for min-width.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
+     */
+    minWidth?: ResponsiveValue<CSS.MinWidthProperty<TLength>>;
 }
 
 export function minWidth(...args: any[]): any;
 
-export interface WidthProps {
-    width?: ResponsiveSpaceValue;
+export interface WidthProps<TLength = TLengthStyledSystem> {
+    /**
+     *   The width utility parses a component's `width` prop and converts it into a CSS width declaration.
+     *
+     *   - Numbers from 0-1 are converted to percentage widths.
+     *   - Numbers greater than 1 are converted to pixel values.
+     *   - String values are passed as raw CSS values.
+     *   - And arrays are converted to responsive width styles.
+     */
+    width?: ResponsiveValue<CSS.WidthProperty<TLength>>;
 }
 
 export function width(...args: any[]): any;
 
-export interface MaxHeightProps {
-    maxHeight?: ResponsiveSpaceValue;
+export interface MaxHeightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The max-height CSS property sets the maximum height of an element. It prevents the used value of the height
+     * property from becoming larger than the value specified for max-height.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
+     */
+    maxHeight?: ResponsiveValue<CSS.MaxHeightProperty<TLength>>;
 }
 
 export function maxHeight(...args: any[]): any;
 
-export interface MinHeightProps {
-    minHeight?: ResponsiveSpaceValue;
+export interface MinHeightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The min-height CSS property sets the minimum height of an element. It prevents the used value of the height
+     * property from becoming smaller than the value specified for min-height.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
+     */
+    minHeight?: ResponsiveValue<CSS.MinHeightProperty<TLength>>;
 }
 
 export function minHeight(...args: any[]): any;
 
-export interface HeightProps {
-    height?: ResponsiveSpaceValue;
+export interface HeightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The height CSS property specifies the height of an element. By default, the property defines the height of the
+     * content area. If box-sizing is set to border-box, however, it instead determines the height of the border area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
+     */
+    height?: ResponsiveValue<CSS.HeightProperty<TLength>>;
 }
 
 export function height(...args: any[]): any;
 
-export interface SizeWidthProps {
-    size?: ResponsiveSpaceValue;
+// TODO: Document, I couldn't find any info on these two properties...
+
+export interface SizeWidthProps<TLength = TLengthStyledSystem> {
+    size?: ResponsiveValue<CSS.WidthProperty<TLength>>;
 }
 
 export function sizeWidth(...args: any[]): any;
 
-export interface SizeHeightProps {
-    size?: ResponsiveSpaceValue;
+export interface SizeHeightProps<TLength = TLengthStyledSystem> {
+    size?: ResponsiveValue<CSS.HeightProperty<TLength>>;
 }
 
 export function sizeHeight(...args: any[]): any;
@@ -183,235 +244,159 @@ export interface SizeProps extends SizeHeightProps, SizeWidthProps {}
 
 export function size(...args: any[]): any;
 
-export type RatioValue = SpaceValue;
-export type ResponsiveRatioValue = ResponsiveValue<RatioValue>;
-
 export interface RatioProps {
-    ratio?: ResponsiveRatioValue;
+    /**
+     * The ration is height: 0 & paddingBottom
+     */
+    ratio?: ResponsiveValue<number>;
 }
 
 export function ratio(...args: any[]): any;
 
-export type VerticleAlignValue =
-    | "baseline"
-    | "sub"
-    | "super"
-    | "text-top"
-    | "text-bottom"
-    | "middle"
-    | "top"
-    | "bottom"
-    | string
-    | number;
-export type ResponsiveVerticleAlignValue = ResponsiveValue<VerticleAlignValue>;
-
-export interface VerticleAlignProps {
-    verticalAlign?: ResponsiveVerticleAlignValue;
+export interface VerticalAlignProps<TLength = TLengthStyledSystem> {
+    /**
+     * The vertical-align CSS property specifies sets vertical alignment of an inline or table-cell box.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
+     */
+    verticalAlign?: ResponsiveValue<CSS.VerticalAlignProperty<TLength>>;
 }
 
-export function verticleAlign(...args: any[]): any;
+export function verticalAlign(...args: any[]): any;
 
 /**
  * Flexbox
  */
 
-export type AlignItemsValue =
-    | "normal"
-    | "stretch"
-    | "center"
-    | "start"
-    | "end"
-    | "flex-start"
-    | "flex-end"
-    | "self-start"
-    | "self-end"
-    | "left"
-    | "right"
-    | "baseline"
-    | "first baseline"
-    | "last baseline"
-    | "safe center"
-    | "unsafe center";
-export type ResponsiveAlignItemsValue = ResponsiveValue<AlignItemsValue>;
-
 export interface AlignItemsProps {
-    alignItems?: ResponsiveAlignItemsValue;
+    /**
+     * The CSS align-items property sets the align-self value on all direct children as a group. The align-self
+     * property sets the alignment of an item within its containing block.
+     *
+     * In Flexbox it controls the alignment of items on the Cross Axis, in Grid Layout it controls the alignment
+     * of items on the Block Axis within their grid area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
+     */
+    alignItems?: ResponsiveValue<CSS.AlignItemsProperty>;
 }
 
 export function alignItems(...args: any[]): any;
 
-export type AlignContentValue =
-    | GlobalStyleValues
-    | "center"
-    | "start"
-    | "end"
-    | "flex-start"
-    | "flex-end"
-    | "normal"
-    | "baseline"
-    | "first baseline"
-    | "last baseline"
-    | "space-between"
-    | "space-around"
-    | "space-evenly"
-    | "stretch"
-    | "safe center"
-    | "unsafe center";
-export type ResponsiveAlignContentValue = ResponsiveValue<AlignContentValue>;
-
 export interface AlignContentProps {
-    alignContent?: ResponsiveAlignContentValue;
+    /**
+     * The CSS align-content property sets how the browser distributes space between and around content items
+     * along the cross-axis of a flexbox container, and the main-axis of a grid container.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
+     */
+    alignContent?: ResponsiveValue<CSS.AlignContentProperty>;
 }
 
 export function alignContent(...args: any[]): any;
 
-export type JustifyItemsValue = string;
-export type ResponsiveJustifyItemsValue = ResponsiveValue<JustifyItemsValue>;
-
 export interface JustifyItemsProps {
-    justifyItems?: ResponsiveJustifyItemsValue;
+    /**
+     * The CSS justify-items property defines the default justify-self for all items of the box, giving them all
+     * a default way of justifying each box along the appropriate axis.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
+     */
+    justifyItems?: ResponsiveValue<CSS.JustifyItemsProperty>;
 }
-export function alignContent(...args: any[]): any;
-
-export type JustifyContentValue =
-    | "center"
-    | "start"
-    | "end"
-    | "flex-start"
-    | "flex-end"
-    | "left"
-    | "right"
-    | "baseline"
-    | "first baseline"
-    | "last baseline"
-    | "space-between"
-    | "space-around"
-    | "space-evenly"
-    | "stretch"
-    | "safe center"
-    | "unsafe center";
-export type ResponsiveJustifyContentValue = ResponsiveValue<
-    JustifyContentValue
->;
 
 export interface JustifyContentProps {
-    justifyContent?: ResponsiveJustifyContentValue;
+    /**
+     * The CSS justify-content property defines how the browser distributes space between and around content items
+     * along the main-axis of a flex container, and the inline axis of a grid container.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
+     */
+    justifyContent?: ResponsiveValue<CSS.JustifyContentProperty>;
 }
 
 export function justifyContent(...args: any[]): any;
 
-export type FlexWrapValue = true | "nowrap" | "wrap" | "wrap-reverse";
-export type ResponsiveFlexWrapValue = ResponsiveValue<FlexWrapValue>;
-
 export interface FlexWrapProps {
-    flexWrap?: ResponsiveFlexWrapValue;
+    /**
+     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines.
+     * If wrapping is allowed, it sets the direction that lines are stacked.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
+     */
+    flexWrap?: ResponsiveValue<CSS.FlexWrapProperty>;
 }
 
 export function flexWrap(...args: any[]): any;
 
-export type FlexBasisValue =
-    | GlobalStyleValues
-    | "auto"
-    | "fill"
-    | "max-content"
-    | "min-content"
-    | "fit-content"
-    | "content";
-export type ResponsiveFlexBasisValue = ResponsiveValue<FlexBasisValue>;
-
-export interface FlexBasisProps {
+export interface FlexBasisProps<TLength = TLengthStyledSystem> {
     // TODO: The FlexBasisValue currently really only exists for documentation
     //       purposes, because flex-basis also accepts `Nem` and `Npx` strings.
     //       Not sure there’s a way to still have the union values show up as
     //       auto-completion results.
-    flexBasis?: ResponsiveFlexBasisValue | string;
+    flexBasis?: ResponsiveValue<CSS.FlexBasisProperty<TLength>>;
 }
 
 export function flexBasis(...args: any[]): any;
 
-export type FlexDirectionValue =
-    | GlobalStyleValues
-    | "row"
-    | "row-reverse"
-    | "column"
-    | "column-reverse";
-
-export type ResponsiveFlexDirectionValue = ResponsiveValue<FlexDirectionValue>;
-
 export interface FlexDirectionProps {
-    flexDirection?: ResponsiveFlexDirectionValue;
+    /**
+     * The flex-direction CSS property specifies how flex items are placed in the flex container defining the main
+     * axis and the direction (normal or reversed).
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
+     */
+    flexDirection?: ResponsiveValue<CSS.FlexDirectionProperty>;
 }
 
 export function flexDirection(...args: any[]): any;
 
-export type FlexValue = number | string;
-export type ResponsiveFlexValue = ResponsiveValue<FlexValue>;
-
-export interface FlexProps {
-    flex?: ResponsiveFlexValue;
+export interface FlexProps<TLength = TLengthStyledSystem> {
+    /**
+     * The flex CSS property specifies how a flex item will grow or shrink so as to fit the space available in
+     * its flex container. This is a shorthand property that sets flex-grow, flex-shrink, and flex-basis.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
+     */
+    flex?: ResponsiveValue<CSS.FlexProperty<TLength>>;
 }
 
 export function flex(...args: any[]): any;
 
-export type JustifySelfValue =
-    | GlobalStyleValues
-    | "auto"
-    | "normal"
-    | "stretch"
-    | "center"
-    | "start"
-    | "end"
-    | "flex-start"
-    | "flex-end"
-    | "self-start"
-    | "self-end"
-    | "left"
-    | "right"
-    | "baseline"
-    | "first baseline"
-    | "last baseline"
-    | "safe center"
-    | "unsafe center";
-
-export type ResponsiveJustifySelfValue = ResponsiveValue<JustifySelfValue>;
-
 export interface JustifySelfProps {
-    justifySelf?: ResponsiveJustifySelfValue;
+    /**
+     * The CSS justify-self property set the way a box is justified inside its alignment container along
+     * the appropriate axis.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
+     */
+    justifySelf?: ResponsiveValue<CSS.JustifySelfProperty>;
 }
 
 export function justifySelf(...args: any[]): any;
 
-export type AlignSelfValue =
-    | "auto"
-    | "normal"
-    | "center"
-    | "start"
-    | "end"
-    | "self-start"
-    | "self-end"
-    | "flex-start"
-    | "flex-end"
-    | "left"
-    | "right"
-    | "baseline"
-    | "first baseline"
-    | "last baseline"
-    | "stretch"
-    | "safe center"
-    | "unsafe center";
-export type ResponsiveAlignSelfValue = ResponsiveValue<AlignSelfValue>;
-
 export interface AlignSelfProps {
-    alignSelf?: ResponsiveAlignSelfValue;
+    /**
+     * The align-self CSS property aligns flex items of the current flex line overriding the align-items value.
+     *
+     * If any of the item's cross-axis margin is set to auto, then align-self is ignored. In Grid layout align-self
+     * aligns the item inside the grid area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
+     */
+    alignSelf?: ResponsiveValue<CSS.AlignSelfProperty>;
 }
 
 export function alignSelf(...args: any[]): any;
 
-export type OrderValue = GlobalStyleValues | number;
-export type ResponsiveOrderValue = ResponsiveValue<OrderValue>;
-
 export interface OrderProps {
-    order?: ResponsiveOrderValue;
+    /**
+     * The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container
+     * are sorted by ascending order value and then by their source code order.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
+     */
+    order?: ResponsiveValue<CSS.GlobalsNumber>;
 }
 
 export function order(...args: any[]): any;
@@ -420,86 +405,148 @@ export function order(...args: any[]): any;
  * Grid Layout
  */
 
-export type GridGapValue = number | string;
-export type ResponsiveGridGapValue = ResponsiveValue<GridGapValue>;
-
-export interface GridGapProps {
-    gridGap?: ResponsiveGridGapValue;
+export interface GridGapProps<TLength = TLengthStyledSystem> {
+    /**
+     * The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap
+     * and column-gap.
+     *
+     * @deprecated use gap
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
+     */
+    gridGap?: ResponsiveValue<CSS.GridGapProperty<TLength>>;
 }
 
 export function gridGap(...args: any[]): any;
 
-export interface GridColumnGapProps {
-    gridColumnGap?: ResponsiveGridGapValue;
+export interface GridColumnGapProps<TLength = TLengthStyledSystem> {
+    /**
+     * The column-gap CSS property sets the size of the gap (gutter) between an element's columns.
+     *
+     * @deprecated use column-gap
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
+     */
+    gridColumnGap?: ResponsiveValue<CSS.GridColumnGapProperty<TLength>>;
 }
 
 export function gridColumnGap(...args: any[]): any;
 
-export interface GridRowGapProps {
-    gridRowGap?: ResponsiveGridGapValue;
+export interface GridRowGapProps<TLength = TLengthStyledSystem> {
+    /**
+     * The row-gap CSS property sets the size of the gap (gutter) between an element's rows.
+     *
+     * @deprecated use row-gap
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
+     */
+    gridRowGap?: ResponsiveValue<CSS.GridRowGapProperty<TLength>>;
 }
 
 export function gridRowGap(...args: any[]): any;
 
-export type GridCellValue = string;
-export type ResponsiveGridCellValue = ResponsiveValue<GridCellValue>;
-
 export interface GridColumnProps {
-    gridColumn?: ResponsiveGridCellValue;
+    /**
+     * The grid-column CSS property is a shorthand property for grid-column-start and grid-column-end specifying
+     * a grid item's size and location within the grid column by contributing a line, a span, or nothing (automatic)
+     * to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)
+     */
+    gridColumn?: ResponsiveValue<CSS.GridColumnProperty>;
 }
 
 export function gridColumn(...args: any[]): any;
 
 export interface GridRowProps {
-    gridRow?: ResponsiveGridCellValue;
+    /**
+     * The grid-row CSS property is a shorthand property for grid-row-start and grid-row-end specifying a grid item’s
+     * size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid
+     * placement, thereby specifying the inline-start and inline-end edge of its grid area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)
+     */
+    gridRow?: ResponsiveValue<CSS.GridRowProperty>;
 }
 
 export function gridRow(...args: any[]): any;
 
-export type GridAutoValue = string;
-export type ResponsiveGridAutoValue = ResponsiveValue<GridAutoValue>;
-
 export interface GridAutoFlowProps {
-    gridAutoFlow?: ResponsiveGridAutoValue;
+    /**
+     * The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly
+     * how auto-placed items get flowed into the grid.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
+     */
+    gridAutoFlow?: ResponsiveValue<CSS.GridAutoFlowProperty>;
 }
 
 export function gridAutoFlow(...args: any[]): any;
 
-export interface GridAutoColumnsProps {
-    gridAutoColumns?: ResponsiveGridAutoValue;
+export interface GridAutoColumnsProps<TLength = TLengthStyledSystem> {
+    /**
+     * The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
+     */
+    gridAutoColumns?: ResponsiveValue<CSS.GridAutoColumnsProperty<TLength>>;
 }
 
 export function gridAutoColumns(...args: any[]): any;
 
-export interface GridAutoRowsProps {
-    gridAutoRows?: ResponsiveGridAutoValue;
+export interface GridAutoRowsProps<TLength = TLengthStyledSystem> {
+    /**
+     * The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
+     */
+    gridAutoRows?: ResponsiveValue<CSS.GridAutoRowsProperty<TLength>>;
 }
 
 export function gridAutoRows(...args: any[]): any;
 
-export type GridTemplateValue = string;
-export type ResponsiveGridTemplateValue = ResponsiveValue<GridTemplateValue>;
-
-export interface GridTemplatesColumnsProps {
-    gridTemplateColumns?: ResponsiveGridTemplateValue;
+export interface GridTemplatesColumnsProps<TLength = TLengthStyledSystem> {
+    /**
+     * The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
+     */
+    gridTemplateColumns?: ResponsiveValue<CSS.GridTemplateColumnsProperty<TLength>>;
 }
 
 export function gridTemplateColumns(...args: any[]): any;
 
-export interface GridTemplatesRowsProps {
-    gridTemplateRows?: ResponsiveGridTemplateValue;
+export interface GridTemplatesRowsProps<TLength = TLengthStyledSystem> {
+    /**
+     * The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/row-template-rows)
+     */
+    gridTemplateRows?: ResponsiveValue<CSS.GridTemplateRowsProperty<TLength>>;
 }
 
 export function gridTemplateRows(...args: any[]): any;
 
 export interface GridTemplatesAreasProps {
-    gridTemplateAreas?: ResponsiveGridTemplateValue;
+    /**
+     * The grid-template-areas CSS property specifies named grid areas.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
+     */
+    gridTemplateAreas?: ResponsiveValue<CSS.GridTemplateAreasProperty>;
 }
 
 export function gridTemplateAreas(...args: any[]): any;
 
 export interface GridAreaProps {
-    gridArea?: ResponsiveGridTemplateValue;
+    /**
+     * The grid-area CSS property is a shorthand property for grid-row-start, grid-column-start, grid-row-end
+     * and grid-column-end, specifying a grid item’s size and location within the grid row by contributing a line,
+     * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
+     */
+    gridArea?: ResponsiveValue<CSS.GridAreaProperty>;
 }
 
 export function gridArea(...args: any[]): any;
@@ -508,35 +555,62 @@ export function gridArea(...args: any[]): any;
  * Borders
  */
 
-export type BorderValue = string | number;
-export type ResponsiveBorderValue = ResponsiveValue<BorderValue>;
-
-export interface BorderProps {
-    border?: ResponsiveBorderValue;
+export interface BorderProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border CSS property sets an element's border. It's a shorthand for border-width, border-style,
+     * and border-color.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border)
+     */
+    border?: ResponsiveValue<CSS.BorderProperty<TLength>>;
 }
 
 export function border(...args: any[]): any;
 
-export interface BorderTopProps {
-    borderTop?: ResponsiveBorderValue;
+export interface BorderTopProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border-top CSS property is a shorthand that sets the values of border-top-width, border-top-style,
+     * and border-top-color. These properties describe an element's top border.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)
+     */
+    borderTop?: ResponsiveValue<CSS.BorderTopProperty<TLength>>;
 }
 
 export function borderTop(...args: any[]): any;
 
-export interface BorderRightProps {
-    borderRight?: ResponsiveBorderValue;
+export interface BorderRightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border-right CSS property is a shorthand that sets border-right-width, border-right-style,
+     * and border-right-color. These properties set an element's right border.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)
+     */
+    borderRight?: ResponsiveValue<CSS.BorderRightProperty<TLength>>;
 }
 
 export function borderRight(...args: any[]): any;
 
-export interface BorderBottomProps {
-    borderBottom?: ResponsiveBorderValue;
+export interface BorderBottomProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border-bottom CSS property sets an element's bottom border. It's a shorthand for
+     * border-bottom-width, border-bottom-style and border-bottom-color.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)
+     */
+    borderBottom?: ResponsiveValue<CSS.BorderBottomProperty<TLength>>;
 }
 
 export function borderBottom(...args: any[]): any;
 
-export interface BorderLeftProps {
-    borderLeft?: ResponsiveBorderValue;
+export interface BorderLeftProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border-left CSS property is a shorthand that sets the values of border-left-width,
+     * border-left-style, and border-left-color. These properties describe an element's left border.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)
+     */
+    borderLeft?: ResponsiveValue<CSS.BorderLeftProperty<TLength>>;
 }
 
 export function borderLeft(...args: any[]): any;
@@ -545,47 +619,62 @@ export interface BordersProps extends BorderTopProps, BorderRightProps, BorderBo
 
 export function borders(...args: any[]): any;
 
-export type BorderColorValue = string;
-export type ResponsiveBorderColorValue = ResponsiveValue<BorderColorValue>;
-
 export interface BorderColorProps {
-    borderColor?: ResponsiveBorderColorValue;
+    /**
+     * The border-color shorthand CSS property sets the color of all sides of an element's border.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
+     */
+    borderColor?: ResponsiveValue<CSS.BorderColorProperty>;
 }
 
 export function borderColor(...args: any[]): any;
 
-export type BorderRadiusValue = string | number;
-export type ResponsiveBorderRadiusValue = ResponsiveValue<BorderRadiusValue>;
-
-export interface BorderRadiusProps {
-    borderRadius?: ResponsiveBorderRadiusValue;
+export interface BorderRadiusProps<TLength = TLengthStyledSystem> {
+    /**
+     * The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single
+     * radius to make circular corners, or two radii to make elliptical corners.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
+     */
+    borderRadius?: ResponsiveValue<CSS.BorderRadiusProperty<TLength>>;
 }
 
 export function borderRadius(...args: any[]): any;
 
-export type BoxShadowValue = string | number;
-export type ResponsiveBoxShadowValue = ResponsiveValue<BoxShadowValue>;
-
 export interface BoxShadowProps {
-    boxShadow?: ResponsiveBoxShadowValue;
+    /**
+     * The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects
+     * separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread
+     * radii, and color.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
+     */
+    boxShadow?: ResponsiveValue<CSS.BoxShadowProperty | number>;
 }
 
 export function boxShadow(...arg: any[]): any;
 
-export type OpacityValue = string | number;
-export type ResponsiveOpacityValue = ResponsiveValue<OpacityValue>;
-
 export interface OpacityProps {
-    opacity?: ResponsiveOpacityValue;
+    /**
+     * The opacity CSS property sets the transparency of an element or the degree to which content
+     * behind an element is visible.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
+     */
+    opacity?: ResponsiveValue<CSS.GlobalsNumber>;
 }
 
 export function opacity(...arg: any[]): any;
 
-export type OverflowValue = string | number;
-export type ResponsiveOverflowValue = ResponsiveValue<OverflowValue>;
-
 export interface OverflowProps {
-    overflow?: ResponsiveOverflowValue;
+    /**
+     * The overflow CSS property sets what to do when an element's content is too big to fit in its block
+     * formatting context. It is a shorthand for overflow-x and overflow-y.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)
+     */
+    overflow?: ResponsiveValue<CSS.OverflowProperty>;
 }
 
 export function overflow(...arg: any[]): any;
@@ -593,47 +682,61 @@ export function overflow(...arg: any[]): any;
  * Background
  */
 
-export type BackgroundValue = string;
-export type ResponsiveBackgroundValue = ResponsiveValue<BackgroundValue>;
-
-export interface BackgroundProps {
-    background?: ResponsiveBackgroundValue;
+export interface BackgroundProps<TLength = TLengthStyledSystem> {
+    /**
+     * The background shorthand CSS property sets all background style properties at once,
+     * such as color, image, origin and size, repeat method, and others.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
+     */
+    background?: ResponsiveValue<CSS.BackgroundProperty<TLength>>;
 }
 
 export function background(...args: any[]): any;
 
-export type BackgroundImageValue = string;
-export type ResponsiveBackgroundImageValue = ResponsiveValue<BackgroundImageValue>;
-
 export interface BackgroundImageProps {
-    backgroundImage?: ResponsiveBackgroundImageValue;
+    /**
+     * The background-image CSS property sets one or more background images on an element.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)
+     */
+    backgroundImage?: ResponsiveValue<CSS.BackgroundImageProperty>;
 }
 
 export function backgroundImage(...args: any[]): any;
 
-export type BackgroundSizeValue = string;
-export type ResponsiveBackgroundSizeValue = ResponsiveValue<BackgroundSizeValue>;
-
-export interface BackgroundSizeProps {
-    backgroundSize?: ResponsiveBackgroundSizeValue;
+export interface BackgroundSizeProps<TLength = TLengthStyledSystem> {
+    /**
+     * The background-size CSS property sets the size of the element's background image. The
+     * image can be left to its natural size, stretched, or constrained to fit the available space.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
+     */
+    backgroundSize?: ResponsiveValue<CSS.BackgroundSizeProperty<TLength>>;
 }
 
 export function backgroundSize(...args: any[]): any;
 
-export type BackgroundPositionValue = string;
-export type ResponsiveBackgroundPositionValue = ResponsiveValue<BackgroundPositionValue>;
-
-export interface BackgroundPositionProps {
-    backgroundPosition?: ResponsiveBackgroundPositionValue;
+export interface BackgroundPositionProps<TLength = TLengthStyledSystem> {
+    /**
+     * The background-position CSS property sets the initial position for each background image. The
+     * position is relative to the position layer set by background-origin.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
+     */
+    backgroundPosition?: ResponsiveValue<CSS.BackgroundPositionProperty<TLength>>;
 }
 
 export function backgroundPosition(...args: any[]): any;
 
-export type BackgroundRepeatValue = string;
-export type ResponsiveBackgroundRepeatValue = ResponsiveValue<BackgroundRepeatValue>;
-
 export interface BackgroundRepeatProps {
-    backgroundRepeat?: ResponsiveBackgroundRepeatValue;
+    /**
+     * The background-repeat CSS property sets how background images are repeated. A background
+     * image can be repeated along the horizontal and vertical axes, or not repeated at all.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)
+     */
+    backgroundRepeat?: ResponsiveValue<CSS.BackgroundRepeatProperty>;
 }
 
 export function backgroundRepeat(...args: any[]): any;
@@ -642,82 +745,92 @@ export function backgroundRepeat(...args: any[]): any;
  * Position
  */
 
-export type PositionValue =
-    | "static"
-    | "relative"
-    | "absolute"
-    | "sticky"
-    | "fixed";
-export type ResponsivePositionValue = ResponsiveValue<PositionValue>;
-
 export interface PositionProps {
-    position?: ResponsivePositionValue;
+    /**
+     * The position CSS property specifies how an element is positioned in a document.
+     * The top, right, bottom, and left properties determine the final location of positioned elements.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
+     */
+    position?: ResponsiveValue<CSS.PositionProperty>;
 }
 
 export function position(...args: any[]): any;
 
-export type ZIndexValue = GlobalStyleValues | "auto" | number;
-export type ResponsiveZIndexValue = ResponsiveValue<ZIndexValue>;
-
 export interface ZIndexProps {
-    zIndex?: ZIndexValue;
+    /**
+     * The z-index CSS property sets the z-order of a positioned element and its descendants or
+     * flex items. Overlapping elements with a larger z-index cover those with a smaller one.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)
+     */
+    zIndex?: ResponsiveValue<CSS.ZIndexProperty>;
 }
 
 export function zIndex(...args: any[]): any;
 
-export type TopValue = string | number;
-export type ResponsiveTopValue = ResponsiveValue<TopValue>;
-
-export interface TopProps {
-    top?: ResponsiveTopValue;
+export interface TopProps<TLength = TLengthStyledSystem> {
+    /**
+     * The top CSS property participates in specifying the vertical position of a
+     * positioned element. It has no effect on non-positioned elements.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
+     */
+    top?: ResponsiveValue<CSS.TopProperty<TLength>>;
 }
 
 export function top(...args: any[]): any;
 
-export type RightValue = string | number;
-export type ResponsiveRightValue = ResponsiveValue<RightValue>;
-
-export interface RightProps {
-    right?: ResponsiveRightValue;
+export interface RightProps<TLength = TLengthStyledSystem> {
+    /**
+     * The right CSS property participates in specifying the horizontal position of a
+     * positioned element. It has no effect on non-positioned elements.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/right)
+     */
+    right?: ResponsiveValue<CSS.RightProperty<TLength>>;
 }
 
 export function right(...args: any[]): any;
 
-export type BottomValue = string | number;
-export type ResponsiveBottomValue = ResponsiveValue<BottomValue>;
-
-export interface BottomProps {
-    bottom?: ResponsiveBottomValue;
+export interface BottomProps<TLength = TLengthStyledSystem> {
+    /**
+     * The bottom CSS property participates in specifying the vertical position of a
+     * positioned element. It has no effect on non-positioned elements.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
+     */
+    bottom?: ResponsiveValue<CSS.BottomProperty<TLength>>;
 }
 
 export function bottom(...args: any[]): any;
 
-export type LeftValue = string | number;
-export type ResponsiveLeftValue = ResponsiveValue<LeftValue>;
-
-export interface LeftProps {
-    left?: ResponsiveLeftValue;
+export interface LeftProps<TLength = TLengthStyledSystem> {
+    /**
+     * The left CSS property participates in specifying the horizontal position
+     * of a positioned element. It has no effect on non-positioned elements.
+     *
+     * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/left)
+     */
+    left?: ResponsiveValue<CSS.LeftProperty<TLength>>;
 }
 
 export function left(...args: any[]): any;
 
-export type Variant = string;
-export type ResponsiveVariant = ResponsiveValue<Variant>;
-
 export interface TextStyleProps {
-    textStyle?: ResponsiveVariant;
+    textStyle?: ResponsiveValue<string>;
 }
 
 export function textStyle(...args: any[]): any;
 
 export interface ColorStyleProps {
-    colors?: ResponsiveVariant;
+    colors?: ResponsiveValue<string>;
 }
 
 export function colorStyle(...args: any[]): any;
 
 export interface ButtonStyleProps {
-    variant?: ResponsiveVariant;
+    variant?: ResponsiveValue<string>;
 }
 
 export function buttonStyle(...args: any[]): any;
diff --git a/types/styled-system/dist/util.d.ts b/types/styled-system/dist/util.d.ts
index ae90de60f8..445bb81567 100644
--- a/types/styled-system/dist/util.d.ts
+++ b/types/styled-system/dist/util.d.ts
@@ -10,7 +10,7 @@ export function cloneFunc(fn: (...args: any[]) => any): (...args: any[]) => any;
 
 export function merge(a: any, b: any): any;
 
-export function compose(...funcs: ((...args: any[]) => any)[]): (...args: any[]) => any;
+export function compose(...funcs: Array<(...args: any[]) => any>): (...args: any[]) => any;
 
 export function createMediaQuery(n: string): string;
 
diff --git a/types/styled-system/index.d.ts b/types/styled-system/index.d.ts
index d9c386242c..2511fbb99c 100644
--- a/types/styled-system/index.d.ts
+++ b/types/styled-system/index.d.ts
@@ -7,6 +7,7 @@
 //                 Eloy Durán <https://github.com/alloy>
 //                 Matthieu Vachon <https://github.com/maoueh>
 //                 Adam Lavin <https://github.com/lavoaster>
+//                 Joachim Schuler <https://github.com/jschuler>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
diff --git a/types/styled-system/package.json b/types/styled-system/package.json
new file mode 100644
index 0000000000..e6696d08e7
--- /dev/null
+++ b/types/styled-system/package.json
@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "csstype": "^2.2.0"
+  }
+}
diff --git a/types/styled-system/styled-system-tests.tsx b/types/styled-system/styled-system-tests.tsx
index c0f9ba9ded..756dd0c039 100644
--- a/types/styled-system/styled-system-tests.tsx
+++ b/types/styled-system/styled-system-tests.tsx
@@ -121,6 +121,8 @@ import {
     VariantArgs,
     ButtonStyleProps,
     MixedProps,
+    VerticalAlignProps,
+    verticalAlign
 } from "styled-system";
 
 // tslint:disable-next-line:strict-export-declare-modifiers
@@ -166,7 +168,8 @@ interface BoxProps
         BackgroundSizeProps,
         ColorStyleProps,
         TextStyleProps,
-        MixedProps {
+        MixedProps,
+        VerticalAlignProps {
             boxStyle?: string;
         }
 const Box: React.ComponentType<BoxProps> = styled`
@@ -213,6 +216,7 @@ const Box: React.ComponentType<BoxProps> = styled`
   ${textStyle}
   ${colorStyle}
   ${mixed}
+  ${verticalAlign}
 `;
 
 Box.defaultProps = {
@@ -449,6 +453,8 @@ const test = () => (
             backgroundPosition="center"
             backgroundRepeat="repeat-x"
         />
+        // verticalAlign
+        <Box verticalAlign="middle" />
 
         <TestButton variant="primary" m={2} />
     </div>
diff --git a/types/styled-theming/index.d.ts b/types/styled-theming/index.d.ts
new file mode 100644
index 0000000000..fab32a7617
--- /dev/null
+++ b/types/styled-theming/index.d.ts
@@ -0,0 +1,31 @@
+// Type definitions for styled-theming 2.2
+// Project: https://github.com/styled-components/styled-theming#readme
+// Definitions by: Arjan Jassal <https://github.com/ArjanJ>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.7
+
+declare function theme(name: string, values: theme.ThemeMap): theme.ThemeSet;
+
+declare namespace theme {
+    type ThemeValueFn = (props: object) => string;
+    type ThemeValue = string | ThemeValueFn;
+
+    interface ThemeMap {
+        [key: string]: ThemeValue;
+    }
+
+    interface VariantMap {
+        [key: string]: ThemeMap;
+    }
+
+    type ThemeSet = (props: object) => string;
+    type VariantSet = (props: object) => string;
+
+    function variants(
+        name: string,
+        prop: string,
+        values: VariantMap
+    ): VariantSet;
+}
+
+export = theme;
diff --git a/types/styled-theming/styled-theming-tests.ts b/types/styled-theming/styled-theming-tests.ts
new file mode 100644
index 0000000000..2d9e947009
--- /dev/null
+++ b/types/styled-theming/styled-theming-tests.ts
@@ -0,0 +1,13 @@
+import theme from "styled-theming";
+
+const textColor = theme("mode", {
+    dark: "white",
+    light: "black"
+});
+
+const backgroundColor = theme.variants("mode", "variant", {
+    default: { light: "gray", dark: "darkgray" },
+    primary: { light: "blue", dark: "darkblue" },
+    success: { light: "green", dark: "darkgreen" },
+    warning: { light: "orange", dark: "darkorange" }
+});
diff --git a/types/styled-theming/tsconfig.json b/types/styled-theming/tsconfig.json
new file mode 100644
index 0000000000..57714000f6
--- /dev/null
+++ b/types/styled-theming/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "esModuleInterop": true,
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "styled-theming-tests.ts"]
+}
diff --git a/types/styled-theming/tslint.json b/types/styled-theming/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/styled-theming/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/stylelint/index.d.ts b/types/stylelint/index.d.ts
index 2068aff709..d777948d12 100644
--- a/types/stylelint/index.d.ts
+++ b/types/stylelint/index.d.ts
@@ -1,7 +1,9 @@
 // Type definitions for stylelint 9.4
 // Project: https://github.com/stylelint/stylelint
 // Definitions by: Alan Agius <https://github.com/alan-agius4>
+//                 Filips Alpe <https://github.com/filipsalpe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 export type FormatterType = "json" | "string" | "verbose" | "compact";
 
@@ -50,3 +52,36 @@ export namespace formatters {
 }
 
 export function lint(options?: LinterOptions): Promise<LinterResult>;
+
+export type RuleOption = {
+    actual: any;
+    possible?: any;
+    optional?: false;
+} | {
+    actual?: any;
+    possible: any;
+    optional: true;
+};
+
+export namespace utils {
+    function report(violation: {
+        ruleName: string;
+        result: LintResult;
+        message: string;
+        node: any;
+        index?: number;
+        word?: string;
+        line?: number;
+    }): void;
+
+    function ruleMessages(ruleName: string, messages: { [key: string]: any; }): typeof messages;
+
+    function validateOptions(result: LintResult, ruleName: string, ...options: RuleOption[]): boolean;
+
+    function checkAgainstRule(options: { ruleName: string; ruleSettings: any; root: any; }, callback: (warning: string) => void): void;
+}
+
+export function createPlugin(
+    ruleName: string,
+    plugin: (options: RuleOption[]) => (root: any, result: LintResult) => void,
+): any;
diff --git a/types/stylelint/stylelint-tests.ts b/types/stylelint/stylelint-tests.ts
index 785eb2e425..e51d2eb643 100644
--- a/types/stylelint/stylelint-tests.ts
+++ b/types/stylelint/stylelint-tests.ts
@@ -1,4 +1,4 @@
-import { LinterOptions, FormatterType, SyntaxType, lint, LintResult, LinterResult } from "stylelint";
+import { LinterOptions, FormatterType, SyntaxType, lint, LintResult, LinterResult, createPlugin, utils } from "stylelint";
 
 const options: LinterOptions = {
     code: "div { color: red }",
@@ -22,3 +22,34 @@ lint(options).then((x: LinterResult) => {
 const formatter: FormatterType = "json";
 
 const syntax: SyntaxType = "scss";
+
+const ruleName = "sample-rule";
+const messages = utils.ruleMessages(ruleName, {
+    violation: "This a rule violation message",
+    warning: (reason: string) => `This is not allowed because ${reason}`,
+});
+
+createPlugin(ruleName, options => {
+    return (root, result) => {
+        const validOptions = utils.validateOptions(result, ruleName, { actual: options });
+        if (!validOptions) {
+            return;
+        }
+
+        utils.checkAgainstRule({
+            ruleName: "at-rule-empty-line-before",
+            ruleSettings: ["always"],
+            root,
+        }, warning => {
+            utils.report({
+                ruleName,
+                result,
+                message: messages.warning(warning),
+                node: root,
+                index: 1,
+                word: "foo",
+                line: 2,
+            });
+        });
+    };
+});
diff --git a/types/stylenames/index.d.ts b/types/stylenames/index.d.ts
new file mode 100644
index 0000000000..68b32f4935
--- /dev/null
+++ b/types/stylenames/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for stylenames 1.1
+// Project: https://github.com/kmathmann/stylenames
+// Definitions by: Ben Grynhaus <https://github.com/bengry>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.9
+
+export type StyleValueConditionFunction = () => boolean | null | undefined;
+
+export type StyleValueObject = Record<string | number, boolean | StyleValueConditionFunction>;
+
+export type StyleValue = null | undefined | string | StyleValueObject;
+
+export type StyleObject = Partial<Record<keyof CSSStyleDeclaration, StyleValue>>;
+
+declare function styleNames(styles: StyleObject): string;
+
+export default styleNames;
diff --git a/types/stylenames/stylenames-tests.ts b/types/stylenames/stylenames-tests.ts
new file mode 100644
index 0000000000..3150b55f5b
--- /dev/null
+++ b/types/stylenames/stylenames-tests.ts
@@ -0,0 +1,23 @@
+import styleNames from 'stylenames';
+
+styleNames(); // $ExpectError
+
+styleNames({ foo: 'block' }); // $ExpectError
+
+styleNames({ background: 1 }); // $ExpectError
+
+styleNames({ backgroundColor: { blue: 1 } }); // $ExpectError
+
+styleNames({
+	height: '120px',
+	width: {
+		'200px': false,
+	},
+});
+
+styleNames({
+	height: '120px',
+	width: {
+		'200px': true,
+	},
+});
diff --git a/types/stylenames/tsconfig.json b/types/stylenames/tsconfig.json
new file mode 100644
index 0000000000..8158cfaaf3
--- /dev/null
+++ b/types/stylenames/tsconfig.json
@@ -0,0 +1,16 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"lib": ["es5", "dom"],
+		"noImplicitAny": true,
+		"noImplicitThis": true,
+		"strictNullChecks": true,
+		"strictFunctionTypes": true,
+		"baseUrl": "../",
+		"typeRoots": ["../"],
+		"types": [],
+		"noEmit": true,
+		"forceConsistentCasingInFileNames": true
+	},
+	"files": ["index.d.ts", "stylenames-tests.ts"]
+}
diff --git a/types/stylenames/tslint.json b/types/stylenames/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/stylenames/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/subtitle/index.d.ts b/types/subtitle/index.d.ts
new file mode 100644
index 0000000000..f6048acc4a
--- /dev/null
+++ b/types/subtitle/index.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for subtitle 2.0
+// Project: https://github.com/gsantiago/subtitle.js#readme
+// Definitions by: Low Jeng Lam <https://github.com/jenglamlow>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface subTitleType {
+    start: number | string;
+    end: number | string;
+    text: string;
+    setting?: string;
+}
+
+export function parse(srtOrVtt: string): subTitleType[];
+export function stringify(captions: ReadonlyArray<subTitleType>): string;
+export function resync(captions: ReadonlyArray<subTitleType>, time: number): subTitleType[];
+export function toMs(timestamp: string): number;
+export function toSrtTime(timestamp: number): string;
+export function toVttTime(timestamp: number): string;
diff --git a/types/subtitle/subtitle-tests.ts b/types/subtitle/subtitle-tests.ts
new file mode 100644
index 0000000000..2f733b4a54
--- /dev/null
+++ b/types/subtitle/subtitle-tests.ts
@@ -0,0 +1,27 @@
+import * as Subtitle from 'subtitle';
+
+Subtitle.parse("");
+
+const subtitles = [
+        {
+            start: '00:00:20,000',
+            end: '00:00:24,400',
+            text: 'Bla Bla Bla Bla'
+        },
+        {
+            start: 24600,
+            end: 27800,
+            text: 'Bla Bla Bla Bla',
+            settings: 'align:middle line:90%'
+        }
+    ];
+
+const srt = Subtitle.stringify(subtitles);
+
+const newSubtitles: Subtitle.subTitleType[] = Subtitle.resync(subtitles, 1000);
+
+Subtitle.toMs('00:00:24,400');
+
+Subtitle.toSrtTime(24400);
+
+Subtitle.toVttTime(24400);
diff --git a/types/subtitle/tsconfig.json b/types/subtitle/tsconfig.json
new file mode 100644
index 0000000000..b4463890d2
--- /dev/null
+++ b/types/subtitle/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "subtitle-tests.ts"
+    ]
+}
diff --git a/types/subtitle/tslint.json b/types/subtitle/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/subtitle/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/summernote/tsconfig.json b/types/summernote/tsconfig.json
index 127f97e02f..cfa86cb32d 100644
--- a/types/summernote/tsconfig.json
+++ b/types/summernote/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/sumo-logger/index.d.ts b/types/sumo-logger/index.d.ts
index 8e3cd3a27e..555e15a919 100644
--- a/types/sumo-logger/index.d.ts
+++ b/types/sumo-logger/index.d.ts
@@ -1,5 +1,5 @@
-// Type definitions for js-logging-sdk 1.3
-// Project: https://github.com/SumoLogic/js-logging-sdk
+// Type definitions for js-sumo-logger 1.6
+// Project: https://github.com/SumoLogic/js-sumo-logger
 // Definitions by: forabi <https://github.com/forabi>
 //                 clementallen <https://github.com/clementallen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -70,9 +70,14 @@ declare namespace SumoLogger {
         sourceName?: string;
 
         /**
-         * This value enabled and disables sending data as graphite metrics
+         * This value enables and disables sending data as graphite metrics
          */
         graphite?: boolean;
+
+        /**
+         * This value enables and disables sending data as a raw string
+         */
+        raw?: boolean;
     }
 
     interface PerMessageOptions {
diff --git a/types/superagent-bunyan/tsconfig.json b/types/superagent-bunyan/tsconfig.json
index 0118838dcd..af8c4e27dc 100644
--- a/types/superagent-bunyan/tsconfig.json
+++ b/types/superagent-bunyan/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/svg-sprite/index.d.ts b/types/svg-sprite/index.d.ts
index 82a1607d21..beef520495 100644
--- a/types/svg-sprite/index.d.ts
+++ b/types/svg-sprite/index.d.ts
@@ -2,10 +2,9 @@
 // Project: https://github.com/jkphl/svg-sprite
 // Definitions by: Qubo <https://github.com/tkqubo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
-/// <reference types="vinyl" />
-
 import File = require('vinyl');
 import { Logger } from 'winston';
 
diff --git a/types/swagger-express-middleware/index.d.ts b/types/swagger-express-middleware/index.d.ts
index acc36d3356..d6b5789e3e 100644
--- a/types/swagger-express-middleware/index.d.ts
+++ b/types/swagger-express-middleware/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for swagger-express-middleware 1.x
 // Project: https://github.com/BigstickCarpet/swagger-express-middleware
 // Definitions by: Alexandre Roba <https://github.com/alexandreroba>
+//                 Tromgy <https://github.com/tromgy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -31,6 +32,9 @@ app.listen(8000, function () {
 
 declare module "swagger-express-middleware" {
     import { Application, Router, RequestHandler, Request, Response } from "express";
+    import * as parser from "swagger-parser";
+
+    type SwaggerParser = typeof parser.SwaggerParser;
 
     let s: s.SwaggerMiddlewareConstructor;
 
@@ -39,8 +43,9 @@ declare module "swagger-express-middleware" {
             (apiDefinitionPathOrObject: string | SwaggerObject, appOrRouter: Application | Router, cb: SwaggerMiddlewareConstructorCallback): SwaggerMiddleware;
         }
         interface SwaggerMiddlewareConstructorCallback {
-            (err: any, middleware: SwaggerMiddleware): void;
+            (err: any, middleware: SwaggerMiddleware, api: SwaggerObject, parser: SwaggerParser): void;
         }
+
         export interface SwaggerMiddleware {
             /**
             * Annotates the HTTP request (the `req` object) with Swagger metadata.
diff --git a/types/swagger-express-middleware/swagger-express-middleware-tests.ts b/types/swagger-express-middleware/swagger-express-middleware-tests.ts
index 1a01d8475d..37bbf66ec7 100644
--- a/types/swagger-express-middleware/swagger-express-middleware-tests.ts
+++ b/types/swagger-express-middleware/swagger-express-middleware-tests.ts
@@ -4,7 +4,9 @@ import SwaggerExpressMiddleware = require("swagger-express-middleware");
 let app = express();
 let router = express.Router();
 
-SwaggerExpressMiddleware("PetStore.yaml", app, (err: any, middleware: SwaggerExpressMiddleware.SwaggerMiddleware) => {
+SwaggerExpressMiddleware("PetStore.yaml", app, (err: any, 
+                                                middleware: SwaggerExpressMiddleware.SwaggerMiddleware,
+                                                api: SwaggerExpressMiddleware.SwaggerObject) => {
     let filesOptions: SwaggerExpressMiddleware.FilesOptions = {
         useBasePath: false,
         apiPath: "/api-docs/",
@@ -30,6 +32,20 @@ SwaggerExpressMiddleware("PetStore.yaml", app, (err: any, middleware: SwaggerExp
 
     }
 
+    // Demonstrates use of the swagger basePath, it is available from the third argument of the callback
+    // Complile and run this sample, then do a GET from http://localhost:8000/api/pets
+    // If for instance you create version 2 of your API, but in this new version "GET pets" implementation
+    // does not change, you only need to change the basePath to "/api/v2" in the
+    // swagger YAML file, and this method will still be called.
+    app.get(`${api.basePath}/pets`, (req, res, next) => {
+      res.json(
+        [
+          { id: 'pet_1', name: 'Itchy' },
+          { id: 'pet_2', name: 'Scratchy' }
+        ]
+      );
+    });
+
     app.use(
         middleware.metadata(router),
         middleware.CORS(),
@@ -991,4 +1007,3 @@ let uberApiDefinition: SwaggerExpressMiddleware.SwaggerObject =
       }
     }
   }
-
diff --git a/types/swagger-express-mw/tsconfig.json b/types/swagger-express-mw/tsconfig.json
index de623e0eca..b38cccf051 100644
--- a/types/swagger-express-mw/tsconfig.json
+++ b/types/swagger-express-mw/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/swagger-hapi/index.d.ts b/types/swagger-hapi/index.d.ts
index 943ae30b5c..957a2c4195 100644
--- a/types/swagger-hapi/index.d.ts
+++ b/types/swagger-hapi/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/apigee-127/swagger-hapi#readme
 // Definitions by: Michael Mrowetz <https://github.com/micmro>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 /* =================== USAGE ===================
 
diff --git a/types/swagger-hapi/tsconfig.json b/types/swagger-hapi/tsconfig.json
index 0b6f0cf5ed..463ddde82a 100644
--- a/types/swagger-hapi/tsconfig.json
+++ b/types/swagger-hapi/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/swagger-node-runner/tsconfig.json b/types/swagger-node-runner/tsconfig.json
index 43f153e823..81ead2e1cc 100644
--- a/types/swagger-node-runner/tsconfig.json
+++ b/types/swagger-node-runner/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/swagger-restify-mw/tsconfig.json b/types/swagger-restify-mw/tsconfig.json
index 89ba456bbf..3111cea971 100644
--- a/types/swagger-restify-mw/tsconfig.json
+++ b/types/swagger-restify-mw/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/swagger-sails-hook/tsconfig.json b/types/swagger-sails-hook/tsconfig.json
index 0fd1188f61..1579709d20 100644
--- a/types/swagger-sails-hook/tsconfig.json
+++ b/types/swagger-sails-hook/tsconfig.json
@@ -22,9 +22,6 @@
             ],
             "hapi": [
                 "hapi/v16"
-            ],
-            "inert": [
-                "inert/v4"
             ]
         },
         "noEmit": true,
diff --git a/types/swagger-schema-official/index.d.ts b/types/swagger-schema-official/index.d.ts
index 190e1ead7d..09d31cc8e7 100644
--- a/types/swagger-schema-official/index.d.ts
+++ b/types/swagger-schema-official/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for swagger-schema-official 2.0
 // Project: http://swagger.io/specification/
-// Definitions by: Mohsen Azimi <https://github.com/mohsen1>, Ben Southgate <https://github.com/bsouthga>, Nicholas Merritt <https://github.com/nimerritt>
+// Definitions by: Mohsen Azimi <https://github.com/mohsen1>, Ben Southgate <https://github.com/bsouthga>, Nicholas Merritt <https://github.com/nimerritt>, Mauri Edo <https://github.com/mauriedo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface Info {
@@ -87,25 +87,30 @@ export interface Path {
   options?: Operation;
   head?: Operation;
   patch?: Operation;
-  parameters?: Parameter[];
+  parameters?: Array<Parameter | Reference>;
 }
 
 // ----------------------------- Operation -----------------------------------
 export interface Operation {
-  responses: { [responseName: string]: Response };
+  responses: { [responseName: string]: Response | Reference};
   summary?: string;
   description?: string;
   externalDocs?: ExternalDocs;
   operationId?: string;
   produces?: string[];
   consumes?: string[];
-  parameters?: Parameter[];
+  parameters?: Array<Parameter | Reference>;
   schemes?: string[];
   deprecated?: boolean;
   security?: Security[];
   tags?: string[];
 }
 
+// ----------------------------- Reference -----------------------------------
+export interface Reference {
+  $ref: string;
+}
+
 // ----------------------------- Response ------------------------------------
 export interface Response {
   description: string;
@@ -122,9 +127,9 @@ export interface BaseSchema {
   default?: string|boolean|number|{};
   multipleOf?: number;
   maximum?: number;
-  exclusiveMaximum?: number;
+  exclusiveMaximum?: boolean;
   minimum?: number;
-  exclusiveMinimum?: number;
+  exclusiveMinimum?: boolean;
   maxLength?: number;
   minLength?: number;
   pattern?: string;
diff --git a/types/swagger-schema-official/swagger-schema-official-tests.ts b/types/swagger-schema-official/swagger-schema-official-tests.ts
index dd8b1a4485..4fb3e55f07 100644
--- a/types/swagger-schema-official/swagger-schema-official-tests.ts
+++ b/types/swagger-schema-official/swagger-schema-official-tests.ts
@@ -1243,7 +1243,11 @@ const uber: swagger.Spec = {
         },
         "surge_multiplier": {
           "type": "number",
-          "description": "Expected surge multiplier. Surge is active if surge_multiplier is greater than 1. Price estimate already factors in the surge multiplier."
+          "description": "Expected surge multiplier. Surge is active if surge_multiplier is greater than 1. Price estimate already factors in the surge multiplier.",
+          "minimum": 0,
+          "exclusiveMinimum": true,
+          "maximum": 10,
+          "exclusiveMaximum": true
         }
       }
     },
@@ -1335,3 +1339,73 @@ const basic_auth: swagger.Spec = {
   },
   "security": [{basicAuth: []}]
 };
+
+const reference_support: swagger.Spec = {
+    "swagger": "2.0",
+    "info": {
+        "version": "1.0.0",
+        "title": "Swagger Petstore"
+    },
+    "definitions": {
+        "stringSchema": {
+            "type": "string"
+        }
+    },
+    "parameters": {
+        "operationParameter": {
+            "in": "query",
+            "name": "operationParameter",
+            "type": "integer",
+            "description": "A sample operation parameter"
+        },
+        "pathParameter": {
+            "in": "query",
+            "name": "pathParameter",
+            "type": "string",
+            "description": "A sample path parameter"
+        }
+    },
+    "paths": {
+        "/path": {
+            "get": {
+                "parameters": [
+                    {"$ref": "#/parameters/operationParameter"},
+                    {
+                        "in": "body",
+                        "name": "bodyParameter",
+                        "type": "string",
+                        "description": "The body parameter"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "$ref": "#/responses/sampleResponse"
+                    },
+                    "404": {
+                      "description": "A sample response with a Schema reference.",
+                      "schema": {
+                          "$ref": "stringSchema"
+                      }
+                    }
+                }
+            },
+            "parameters": [
+                {"$ref": "#/parameters/pathParameter"},
+                {
+                    "in": "query",
+                    "name": "queryParameter",
+                    "type": "string",
+                    "description": "Another query parameter"
+                }
+            ]
+        }
+    },
+    "responses": {
+        "sampleResponse" : {
+            "description": "A sample response.",
+            "schema": {
+                "type": "string"
+            }
+        }
+    }
+};
diff --git a/types/swaggerize-express/swaggerize-express-tests.ts b/types/swaggerize-express/swaggerize-express-tests.ts
index 46ada50a77..67f8ab49bd 100644
--- a/types/swaggerize-express/swaggerize-express-tests.ts
+++ b/types/swaggerize-express/swaggerize-express-tests.ts
@@ -15,13 +15,13 @@ const api = {
 };
 
 var app = express();
-app.use(swaggerize(<swaggerize.Options>{
+app.use(swaggerize({
     api,
     docspath: '/api-docs',
     handlers: './handlers'
-}));
+} as swaggerize.Options));
 
-app.use(swaggerize(<swaggerize.Options>{
+app.use(swaggerize({
     api,
     docspath: '/api-docs',
     handlers: {
@@ -33,9 +33,9 @@ app.use(swaggerize(<swaggerize.Options>{
             }
         }
     }
-}));
+} as swaggerize.Options));
 
-app.use(swaggerize(<swaggerize.Options>{
+app.use(swaggerize({
     api,
     docspath: '/api-docs',
     handlers: {
@@ -48,9 +48,9 @@ app.use(swaggerize(<swaggerize.Options>{
             }
         }
     }
-}));
+} as swaggerize.Options));
 
 var server = app.listen(18888, 'localhost', function () {
     const addr = server.address() as AddressInfo;
-    (<swaggerize.SwaggerizedExpress>app).swagger.api.host = addr.address + ':' + addr.port;
+    (app as swaggerize.SwaggerizedExpress).swagger.api.host = addr.address + ':' + addr.port;
 });
diff --git a/types/swig-email-templates/tsconfig.json b/types/swig-email-templates/tsconfig.json
index b25f125136..67d0c3ccdf 100644
--- a/types/swig-email-templates/tsconfig.json
+++ b/types/swig-email-templates/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/swiper/dist/js/swiper.esm.d.ts b/types/swiper/dist/js/swiper.esm.d.ts
new file mode 100644
index 0000000000..8d0c49dd4b
--- /dev/null
+++ b/types/swiper/dist/js/swiper.esm.d.ts
@@ -0,0 +1,312 @@
+import Swiper, { DOM7Element } from '../../index';
+
+// Reexport everything from `swiper` except the default export of the
+// `Swiper` class, which is instead provided as a named export by
+// `swiper.esm`.
+export * from '../../index';
+export { Swiper };
+
+/*
+ * Swiper exports the following as ES5 module (in swiper.esm.js).
+ */
+
+/**
+ * Virtual Slides module.
+ */
+export class Virtual {
+    /**
+     * Object with cached slides HTML elements
+     */
+    cache: object;
+
+    /**
+     * Index of first rendered slide
+     */
+    from: number;
+
+    /**
+     * Index of last rendered slide
+     */
+    to: number;
+
+    /**
+     * Array with slide items passed by virtual.slides parameter
+     */
+    slides: any[];
+
+    /*
+     * Methods
+     */
+
+    /**
+     * Add new slides to the end. slides could be HTMLElement or HTML string with new slide or array
+     * with such slides, for example:
+     *
+     * @example
+     * mySwiper.appendSlide('<div class="swiper-slide">Slide 10"</div>')
+     * mySwiper.appendSlide([
+     *   '<div class="swiper-slide">Slide 10"</div>',
+     *   '<div class="swiper-slide">Slide 11"</div>'
+     * ]);
+     */
+    appendSlide(slide: HTMLElement | string): void;
+
+    /**
+     * Add new slides to the beginning. slides could be HTMLElement or HTML string with new slide or
+     * array with such slides, for example:
+     *
+     * @example
+     * mySwiper.prependSlide('<div class="swiper-slide">Slide 0"</div>')
+     * mySwiper.prependSlide([
+     * '<div class="swiper-slide">Slide 1"</div>',
+     * '<div class="swiper-slide">Slide 2"</div>'
+     * ]);
+     */
+    prependSlide(slide: HTMLElement | string): void;
+
+    /**
+     * Update virutal slides state
+     */
+    update(): void;
+}
+
+/**
+ * Keyboard Control module.
+ */
+export class Keyboard {
+    /**
+     * Whether the keyboard control is enabled
+     */
+    enabled: boolean;
+
+    // Methods
+    /**
+     * Enable keyboard control
+     */
+    enable(): void;
+
+    /**
+     * Disable keyboard control
+     */
+    disable(): void;
+}
+
+/**
+ * Mousewheel Control module.
+ */
+export class Mousewheel {
+    /**
+     * Whether the mousewheel control is enabled
+     */
+    enabled: boolean;
+
+    // Methods
+    /**
+     * Enable mousewheel control
+     */
+    enable(): void;
+
+    /**
+     * Disable mousewheel control
+     */
+    disable(): void;
+}
+
+/**
+ * Navigation module.
+ */
+export class Navigation {
+    /**
+     * HTMLElement of "next" navigation button
+     */
+    nextEl: HTMLElement;
+
+    /**
+     * HTMLElement of "previous" navigation button
+     */
+    prevEl: HTMLElement;
+
+    /**
+     * Update navigation buttons state (enabled/disabled)
+     */
+    update(): void;
+}
+
+/**
+ * Pagination module.
+ */
+export class Pagination {
+    /**
+     * HTMLElement of pagination container element
+     */
+    el: HTMLElement;
+
+    /**
+     * Dom7 array-like collection of pagination bullets
+     * HTML elements. To get specific slide HTMLElement
+     * use `mySwiper.pagination.bullets[1]`.
+     */
+    bullets: DOM7Element[];
+
+    /**
+     * Render pagination layout
+     */
+    render(): void;
+
+    /**
+     * Update pagination state (enabled/disabled/active)
+     */
+    update(): void;
+}
+
+/**
+ * Scrollbar module.
+ */
+export class Scrollbar {
+    // Properties
+    /**
+     * HTMLElement of Scrollbar container element
+     */
+    el: HTMLElement;
+
+    /**
+     * HTMLElement of Scrollbar draggable handler element
+     */
+    dragEl: HTMLElement;
+
+    // Methods
+    /**
+     * Updates scrollbar track and handler sizes
+     */
+    updateSize(): void;
+}
+
+/**
+ * Parallax module.
+ */
+export class Parallax { }
+
+/**
+ * Zoom module.
+ */
+export class Zoom {
+    /**
+     * Whether the zoom module is enabled
+     */
+    enabled: boolean;
+
+    /**
+     * Current image scale ratio
+     */
+    scale: number;
+
+    /**
+     * Enable zoom module
+     */
+    enable(): void;
+
+    /**
+     * Disable zoom module
+     */
+    disable(): void;
+
+    /**
+     * Zoom in image of the currently active slide
+     */
+    in(): void;
+
+    /**
+     * Zoom out image of the currently active slide
+     */
+    out(): void;
+
+    /**
+     * Toggle image zoom of the currently active slide
+     */
+    toggle(): void;
+}
+
+/**
+ * Lazy module.
+ */
+export class Lazy {
+    /**
+     * Load/update lazy images based on current slider state (position)
+     */
+    load(): void;
+
+    /**
+     * Force to load lazy images in slide by specified index
+     * @param number index number of slide to load lazy images in
+     */
+    loadInSlide(index: number): void;
+}
+
+/**
+ * Controller module.
+ */
+export class Controller {
+    /**
+     * Pass here another Swiper instance or array with Swiper instances that should be controlled
+     * by this Swiper
+     */
+    control?: Swiper;
+}
+
+/**
+ * Accessibility module (a11y$)
+ */
+export class A11y { }
+
+/**
+ * History Navigation module.
+ */
+export class History { }
+
+/**
+ * Hash Navigation module.
+ */
+export class HashNavigation {
+}
+
+/**
+ * Autoplay module.
+ */
+export class Autoplay {
+    // Properties
+    /**
+     * Whether autoplay enabled and running
+     */
+    running: boolean;
+
+    // Methods
+    /**
+     * Start autoplay
+     */
+    start(): boolean;
+
+    /**
+     * Stop autoplay
+     */
+    stop(): boolean;
+}
+
+/**
+ * Fade Effect module.
+ */
+export class EffectFade { }
+
+/**
+ * Cube Effect module.
+ */
+export class EffectCube { }
+
+/**
+ * Flip Effect module.
+ */
+export class EffectFlip { }
+
+/**
+ * Coverflow Effect module.
+ */
+export class EffectCoverflow { }
diff --git a/types/swiper/index.d.ts b/types/swiper/index.d.ts
index 42cf9eda51..9e77516978 100644
--- a/types/swiper/index.d.ts
+++ b/types/swiper/index.d.ts
@@ -1,1621 +1,1321 @@
 // Type definitions for Swiper 4.2
 // Project: https://github.com/nolimits4web/Swiper
-// Definitions by: Sebastián Galiano <https://github.com/sgaliano>, Luca Trazzi <https://github.com/lucax88x>, Eugene Matseruk <https://github.com/ematseruk>, Luiz M. <https://github.com/odahcam>
+// Definitions by: Sebastián Galiano <https://github.com/sgaliano>
+//                 Luca Trazzi <https://github.com/lucax88x>
+//                 Eugene Matseruk <https://github.com/ematseruk>
+//                 Luiz M. <https://github.com/odahcam>
+//                 Justin Abene <https://github.com/jmca>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.9
 
-declare module 'swiper' {
+/**
+ * Common Swiper events.
+ */
+export type CommonEvent =
+    | 'init'
+    | 'beforeDestroy'
+    | 'slideChange'
+    | 'slideChangeTransitionStart'
+    | 'slideChangeTransitionEnd'
+    | 'slideNextTransitionStart'
+    | 'slideNextTransitionEnd'
+    | 'slidePrevTransitionStart'
+    | 'slidePrevTransitionEnd'
+    | 'transitionStart'
+    | 'transitionEnd'
+    | 'touchStart'
+    | 'touchMove'
+    | 'touchMoveOpposite'
+    | 'sliderMove'
+    | 'touchEnd'
+    | 'click'
+    | 'tap'
+    | 'doubleTap'
+    | 'imagesReady'
+    | 'progress'
+    | 'reachBeginning'
+    | 'reachEnd'
+    | 'fromEdge'
+    | 'setTranslate'
+    | 'setTransition'
+    | 'resize';
+
+/**
+ * Swiper pagination event names.
+ */
+export type PaginationEvent = 'paginationRender' | 'paginationUpdate';
+
+/**
+ * Swiper autoplay event names.
+ */
+export type AutoplayEvent = 'autoplayStart' | 'autoplayStop' | 'autoplay';
+
+/**
+ * Swiper lazy-loading event names.
+ */
+export type LazyLoadingEvent = 'lazyImageLoad' | 'lazyImageReady';
+
+/**
+ * Swiper event names.
+ */
+export type SwiperEvent = CommonEvent | PaginationEvent | AutoplayEvent | LazyLoadingEvent;
+
+/**
+ * Swiper module types.
+ */
+export type SwiperModule =
+    | Navigation
+    | Pagination
+    | Scrollbar
+    | Autoplay
+    | Parallax
+    | Lazy
+    | EffectFade
+    | EffectCoverflow
+    | EffectFlip
+    | EffectCube
+    | Zoom
+    | Keyboard
+    | Mousewheel
+    | Virtual
+    | HashNavigation
+    | History
+    | Controller
+    | A11y;
+
+export type DOM7Element = any;
+export type SelectableElement = string | HTMLElement;
+
+/*
+ * Swiper options and events.
+ */
+
+/**
+ * Main constructor options.
+ */
+export interface SwiperOptions {
     /**
-     * Common Swiper events.
-     */
-    type CommonEvent =
-        | 'init'
-        | 'beforeDestroy'
-        | 'slideChange'
-        | 'slideChangeTransitionStart'
-        | 'slideChangeTransitionEnd'
-        | 'slideNextTransitionStart'
-        | 'slideNextTransitionEnd'
-        | 'slidePrevTransitionStart'
-        | 'slidePrevTransitionEnd'
-        | 'transitionStart'
-        | 'transitionEnd'
-        | 'touchStart'
-        | 'touchMove'
-        | 'touchMoveOpposite'
-        | 'sliderMove'
-        | 'touchEnd'
-        | 'click'
-        | 'tap'
-        | 'doubleTap'
-        | 'imagesReady'
-        | 'progress'
-        | 'reachBeginning'
-        | 'reachEnd'
-        | 'fromEdge'
-        | 'setTranslate'
-        | 'setTransition'
-        | 'resize';
-
-    /**
-     * Swiper pagination event names.
-     */
-    type PaginationEvent = 'paginationRender' | 'paginationUpdate';
-
-    /**
-     * Swiper autoplay event names.
-     */
-    type AutoplayEvent = 'autoplayStart' | 'autoplayStop' | 'autoplay';
-
-    /**
-     * Swiper lazy-loading event names.
-     */
-    type LazyLoadingEvent = 'lazyImageLoad' | 'lazyImageReady';
-
-    /**
-     * Swiper event names.
-     */
-    type SwiperEvent = CommonEvent | PaginationEvent | AutoplayEvent | LazyLoadingEvent;
-
-    /**
-     * Swiper module types.
-     */
-    type SwiperModule =
-        | Navigation
-        | Pagination
-        | Scrollbar
-        | Autoplay
-        | Parallax
-        | Lazy
-        | FadeEffect
-        | CoverflowEffect
-        | FlipEffect
-        | CubeEffect
-        | Zoom
-        | Keyboard
-        | Mousewheel
-        | Virtual
-        | HashNavigation
-        | History
-        | Controller
-        | A11y;
-
-    type DOM7Element = any;
-    type SelectableElement = string | HTMLElement;
-
-    /*
-     * Swiper options and events.
-     */
-
-    /**
-     * Main constructor options.
-     */
-    interface SwiperOptions {
-        /**
-         * Whether Swiper should be initialised automatically when you create an instance.
-         * If disabled, then you need to init it manually by calling mySwiper.init()
-         *
-         * @default true
-         */
-        init?: boolean;
-
-        /**
-         * Index number of initial slide.
-         *
-         * @default 0
-         */
-        initialSlide?: number;
-
-        /**
-         * Could be 'horizontal' or 'vertical' (for vertical slider).
-         *
-         * @default 'horizontal'
-         */
-        direction?: 'horizontal' | 'vertical';
-
-        /**
-         * Duration of transition between slides (in ms)
-         *
-         * @default 300
-         */
-        speed?: number;
-
-        /**
-         * Enabled this option and plugin will set width/height on swiper wrapper equal to total size of all slides.
-         * Mostly should be used as compatibility fallback option for browser that don't support flexbox layout well
-         */
-        setWrapperSize?: boolean;
-
-        /**
-         * Enabled this option and swiper will be operated as usual except it will not move, real translate values on wrapper will not be set.
-         * Useful when you may need to create custom slide transition
-         */
-        virtualTranslate?: boolean;
-
-        /**
-         * Swiper width (in px). Parameter allows to force Swiper width.
-         * Useful only if you initialize Swiper when it is hidden.
-         *
-         * @note Setting this parameter will make Swiper not responsive
-         */
-        width?: number;
-
-        /**
-         * Swiper height (in px). Parameter allows to force Swiper height.
-         * Useful only if you initialize Swiper when it is hidden.
-         *
-         * @note Setting this parameter will make Swiper not responsive
-         */
-        height?: number;
-
-        /**
-         * Set to true and slider wrapper will adopt its height to the height of the currently active slide
-         *
-         * @default false
-         */
-        autoHeight?: boolean;
-
-        /**
-         * Set to true to round values of slides width and height to prevent blurry texts on usual
-         * resolution screens (if you have such)
-         *
-         * @default false
-         */
-        roundLengths?: boolean;
-
-        /**
-         * Set to true on  Swiper for correct touch events interception. Use only on
-         * swipers that use same direction as the parent one
-         *
-         * @default false
-         */
-        nested?: boolean;
-
-        /**
-         * If enabled (by default) and navigation elements' parameters passed as a string (like ".pagination")
-         * then Swiper will look for such elements through child elements first.
-         * Applies for pagination, prev/next buttons and scrollbar elements
-         *
-         * @default true
-         */
-        uniqueNavElements?: boolean;
-
-        /**
-         * Tranisition effect. Could be "slide", "fade", "cube", "coverflow" or "flip"
-         *
-         * @default 'slide'
-         */
-        effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip';
-
-        /**
-         * Fire [Transition/SlideChange][Start/End] events on swiper initialization.
-         * Such events will be fired on initialization in case of your initialSlide is not 0, or you use loop mode
-         *
-         * @default true
-         */
-        runCallbacksOnInit?: boolean;
-
-        /**
-         * When enabled Swiper will be disabled and hide navigation buttons on
-         * case there are not enough slides for sliding.
-         *
-         * @default false
-         */
-        watchOverflow?: boolean;
-
-        /**
-         * Register event handlers.
-         */
-        on?: { [key in SwiperEvent]?: () => void };
-
-        // Slides grid
-        spaceBetween?: number;
-        slidesPerView?: number | 'auto';
-        slidesPerColumn?: number;
-        slidesPerColumnFill?: 'row' | 'column';
-        slidesPerGroup?: number;
-        centeredSlides?: boolean;
-        slidesOffsetBefore?: number;
-        slidesOffsetAfter?: number;
-        normalizeSlideIndex?: boolean;
-
-        // Grab Cursor
-        grabCursor?: boolean;
-
-        // Touches
-        // @TODO: verify next property
-        touchEventsTarget?: 'container' | 'wrapper';
-        touchRatio?: number;
-        touchAngle?: number;
-        simulateTouch?: boolean;
-        shortSwipes?: boolean;
-        longSwipes?: boolean;
-        longSwipesRatio?: number;
-        longSwipesMs?: number;
-        followFinger?: boolean;
-        allowTouchMove?: boolean;
-        threshold?: number;
-        touchMoveStopPropagation?: boolean;
-        iOSEdgeSwipeDetection?: boolean;
-        iOSEdgeSwipeThreshold?: number;
-        touchReleaseOnEdges?: boolean;
-        passiveListeners?: boolean;
-
-        // Touch Resistance
-        resistance?: boolean;
-        resistanceRatio?: number;
-
-        // Swiping / No swiping
-        allowSlidePrev?: boolean;
-        allowSlideNext?: boolean;
-        noSwiping?: boolean;
-        noSwipingClass?: string;
-        // noSwipingSelector?: string;
-        swipeHandler?: SelectableElement;
-
-        // Clicks
-        preventClicks?: boolean;
-        preventClicksPropagation?: boolean;
-        slideToClickedSlide?: boolean;
-
-        // Freemode
-        freeMode?: boolean;
-        freeModeMomentum?: boolean;
-        freeModeMomentumRatio?: number;
-        freeModeMomentumVelocityRatio?: number;
-        freeModeMomentumBounce?: boolean;
-        freeModeMomentumBounceRatio?: number;
-        freeModeMinimumVelocity?: number;
-        freeModeSticky?: boolean;
-
-        // Progress
-        watchSlidesProgress?: boolean;
-        watchSlidesVisibility?: boolean;
-
-        // Images
-        preloadImages?: boolean;
-        updateOnImagesReady?: boolean;
-
-        // Loop
-        loop?: boolean;
-        loopAdditionalSlides?: number;
-        loopedSlides?: number;
-        loopFillGroupWithBlank?: boolean;
-
-        // Breakpoints
-        breakpoints?: {
-            [index: number]: SwiperOptions;
-        };
-
-        // Observer
-        observer?: boolean;
-        observeParents?: boolean;
-
-        // Namespace
-        containerModifierClass?: string;
-        slideClass?: string;
-        slideActiveClass?: string;
-        slideDuplicatedActiveClass?: string;
-        slideVisibleClass?: string;
-        slideDuplicateClass?: string;
-        slideNextClass?: string;
-        slideDuplicatedNextClass?: string;
-        slidePrevClass?: string;
-        slideDuplicatedPrevClass?: string;
-        wrapperClass?: string;
-
-        // Components
-        navigation?: NavigationOptions;
-        pagination?: PaginationOptions;
-        scrollbar?: ScrollbarOptions;
-        autoplay?: AutoplayOptions | boolean;
-        parallax?: boolean;
-        lazy?: LazyOptions | boolean;
-        fadeEffect?: FadeEffectOptions;
-        coverflowEffect?: CoverflowEffectOptions;
-        flipEffect?: FlipEffectOptions;
-        cubeEffect?: CubeEffectOptions;
-        zoom?: ZoomOptions | boolean;
-        keyboard?: KeyboardOptions | boolean;
-        mousewheel?: MousewheelOptions | boolean;
-        virtual?: VirtualOptions | boolean;
-        hashNavigation?: HashNavigationOptions | boolean;
-        history?: HistoryNavigationOptions | boolean;
-        a11y?: A11yOptions | boolean;
-    }
-
-    interface EventsOptions {
-        /**
-         * Fired right after Swiper initialization.
-         * Note that with swiper.on('init') syntax it will
-         * work only in case you set init: false parameter.
-         *
-         * @example
-         * var swiper = new Swiper('.swiper-container', {
-         *   init: false,
-         *   // other parameters
-         * });
-         *
-         * @example
-         * swiper.on('init', function() {
-         *  // do something
-         * });
-         *
-         * @example
-         * // init Swiper
-         * swiper.init();
-         *
-         * @example
-         * // Otherwise use it as the parameter:
-         * var swiper = new Swiper('.swiper-container', {
-         *   // other parameters
-         *   on: {
-         *     init: function () {
-         *       // do something
-         *     },
-         *   }
-         * });
-         */
-        init?: () => any;
-
-        /**
-         * Triggered right beforey Swiper destoryed
-         */
-        beforeDestroy?: () => any;
-
-        /**
-         * Triggered when currently active slide is changed
-         */
-        slideChange?: () => any;
-
-        /**
-         * Triggered in the beginning of animation to other slide (next or previous).
-         */
-        slideChangeTransitionStart?: () => any;
-
-        /**
-         * Triggered after animation to other slide (next or previous).
-         */
-        slideChangeTransitionEnd?: () => any;
-
-        /**
-         * Same as "slideChangeTransitionStart" but for "forward" direction only
-         */
-        slideNextTransitionStart?: () => any;
-
-        /**
-         * Same as "slideChangeTransitionEnd" but for "forward" direction only
-         */
-        slideNextTransitionEnd?: () => any;
-
-        /**
-         * Same as "slideChangeTransitionStart" but for "backward" direction only
-         */
-        slidePrevTransitionStart?: () => any;
-
-        /**
-         * Same as "slideChangeTransitionEnd" but for "backward" direction only
-         */
-        slidePrevTransitionEnd?: () => any;
-
-        /**
-         * Triggered in the beginning of transition.
-         */
-        transitionStart?: () => any;
-
-        /**
-         * Triggered after transition.
-         */
-        transitionEnd?: () => any;
-
-        /**
-         * Triggered when user touch Swiper. Receives 'touchstart' event as an arguments.
-         */
-        touchStart?: (event: any) => any;
-
-        /**
-         * Triggered when user touch and move finger over Swiper. Receives 'touchmove' event as an arguments.
-         */
-        touchMove?: (event: any) => any;
-
-        /**
-         * Fired when user touch and move finger over
-         * Swiper in direction opposite to direction parameter.
-         * Receives 'touchmove' event as an arguments.
-         */
-        touchMoveOpposite?: (event: any) => any;
-
-        /**
-         * Triggered when user touch and move finger over Swiper and move it.
-         * Receives 'touchmove' event as an arguments.
-         */
-        sliderMove?: (event: any) => any;
-
-        /**
-         * Triggered when user release Swiper. Receives 'touchend' event as an arguments.
-         */
-        touchEnd?: (event: any) => any;
-
-        /**
-         * Triggered when user click/tap on Swiper after 300ms delay. Receives 'touchend' event as an arguments.
-         */
-        click?: (event: any) => any;
-
-        /**
-         * Triggered when user click/tap on Swiper. Receives 'touchend' event as an arguments.
-         */
-        tap?: (event: any) => any;
-
-        /**
-         * Triggered when user double tap on Swiper's container. Receives 'touchend' event as an arguments
-         */
-        doubleTap?: (event: any) => any;
-
-        /**
-         * Triggered right after all inner images are loaded. updateOnImagesReady should be also enabled
-         */
-        imagesReady?: () => any;
-
-        /**
-         * Triggered when Swiper progress is changed, as an arguments it receives
-         * progress that is always from 0 to 1
-         */
-        progress?: (progress: any) => any;
-
-        /**
-         * Triggered when Swiper reach its beginning (initial position)
-         */
-        reachBeginning?: () => any;
-
-        /**
-         * Triggered when Swiper reach last slide
-         */
-        reachEnd?: () => any;
-
-        /**
-         * Triggered when Swiper goes from beginning or end position
-         */
-        fromEdge?: () => any;
-
-        /**
-         * Triggered when swiper's wrapper change its position. Receives current translate value as an arguments
-         */
-        setTranslate?: (translate: any) => any;
-
-        /**
-         * Triggered everytime when swiper starts animation.
-         * Receives current transition duration (in ms) as an arguments,
-         */
-        setTransition?: (transition: any) => any;
-
-        /**
-         * Triggered on window resize right before swiper's onresize manipulation
-         */
-        resize?: () => any;
-    }
-
-    interface NavigationOptions {
-        /**
-         * String with CSS selector or HTML element of the element that will work
-         * like "next" button after click on it
-         *
-         * @default null
-         */
-        nextEl?: SelectableElement;
-
-        /**
-         * String with CSS selector or HTML element of the element that will work
-         * like "prev" button after click on it
-         *
-         * @default null
-         */
-        prevEl?: SelectableElement;
-
-        /**
-         * buttons visibility after click on Slider's container
-         *
-         * @default false Toggle navigation
-         */
-        hideOnClick?: boolean;
-
-        /**
-         * CSS class name added to navigation button when it becomes disabled
-         *
-         * @default 'swiper-button-disabled'
-         */
-        disabledClass?: string;
-
-        /**
-         * CSS class name added to navigation button when it becomes hidden
-         *
-         * @default 'swiper-button-hidden'
-         */
-        hiddenClass?: string;
-    }
-
-    interface PaginationOptions {
-        el: SelectableElement;
-
-        type?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
-
-        bulletElement?: string;
-
-        dynamicBullets?: boolean;
-
-        hideOnClick?: boolean;
-
-        clickable?: boolean;
-
-        /**
-         * format fraction pagination current number. Function receives current number,
-         * and you need to return formatted value
-         */
-        formatFractionCurrent?: (number: number) => number;
-
-        /**
-         * format fraction pagination total number. Function receives total number, and you
-         * need to return formatted value
-         */
-        formatFractionTotal?: (number: number) => number;
-
-        renderBullet?: (index: number, className: string) => void;
-
-        renderFraction?: (currentClass: string, totalClass: string) => void;
-
-        renderProgressbar?: (progressbarFillClass: string) => void;
-
-        /**
-         * This parameter is required for custom pagination type where you have to specify
-         * how it should be rendered.
-         *
-         * @example
-         * var swiper = new Swiper('.swiper-container', {
-         *   //...
-         *   renderCustom: function (swiper, current, total) {
-         *     return current + ' of ' + total;
-         *   }
-         * });
-         */
-        renderCustom?: (swiper: Swiper, current: number, total: number) => void;
-
-        bulletClass?: string;
-        bulletActiveClass?: string;
-        modifierClass?: string;
-        currentClass?: string;
-        totalClass?: string;
-        hiddenClass?: string;
-        progressbarFillClass?: string;
-        clickableClass?: string;
-    }
-
-    /**
-     * Object with scrollbar parameters.
+     * Whether Swiper should be initialised automatically when you create an instance.
+     * If disabled, then you need to init it manually by calling mySwiper.init()
      *
-     * @example
-     * var mySwiper = new Swiper('.swiper-container', {
-     *   scrollbar: {
-     *     el: '.swiper-scrollbar',
-     *     draggable: true,
-     *   },
-     * });
+     * @default true
      */
-    interface ScrollbarOptions {
-        /**
-         * String with CSS selector or HTML element of the container with scrollbar.
-         */
-        el: SelectableElement;
-
-        /**
-         * Hide scrollbar automatically after user interaction
-         *
-         * @default true
-         */
-        hide?: boolean;
-
-        /**
-         * Set to true to enable make scrollbar draggable that allows you to control slider position
-         *
-         * @default true
-         */
-        draggable?: boolean;
-
-        /**
-         * Set to true to snap slider position to slides when you release scrollbar
-         *
-         * @default false
-         */
-        snapOnRelease?: boolean;
-
-        /**
-         * Size of scrollbar draggable element in px
-         *
-         * @default 'auto'
-         */
-        dragSize?: 'auto' | number;
-
-        /**
-         * Scrollbar element additional CSS class when it is disabled
-         *
-         * @default 'swiper-scrollbar-lock'
-         */
-        lockClass?: string;
-
-        /**
-         * 	Scrollbar draggable element CSS class
-         *
-         * @default 'swiper-scrollbar-drag'
-         */
-        dragClass?: string;
-    }
+    init?: boolean;
 
     /**
-     * Object with autoplay parameters or boolean true to enable with default settings.
+     * Index number of initial slide.
      *
-     * @example
-     * var mySwiper = new Swiper('.swiper-container', {
-     *   autoplay: {
-     *     delay: 5000,
-     *   },
-     * });
+     * @default 0
      */
-    interface AutoplayOptions {
-        /**
-         * Delay between transitions (in ms). If this parameter is not specified, auto play will be disabled
-         *
-         * If you need to specify different delay for specifi slides you can do it by using
-         * data-swiper-autoplay (in ms) attribute on slide.
-         *
-         * @example
-         * <!-- hold this slide for 2 seconds -->
-         * <div class="swiper-slide" data-swiper-autoplay="2000">
-         *
-         * @default 3000
-         */
-        delay?: number;
-
-        /**
-         * Enable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode)
-         *
-         * @default false
-         */
-        stopOnLastSlide?: boolean;
-
-        /**
-         * Set to false and autoplay will not be disabled after
-         * user interactions (swipes), it will be restarted
-         * every time after interaction
-         *
-         * @default true
-         */
-        disableOnInteraction?: boolean;
-
-        /**
-         * Enables autoplay in reverse direction
-         *
-         * @default false
-         */
-        reverseDirection?: boolean;
-
-        /**
-         * When enabled autoplay will wait for wrapper transition to continue.
-         * Can be disabled in case of using Virtual Translate when your
-         * slider may not have transition
-         *
-         * @default true
-         */
-        waitForTransition?: boolean;
-    }
-
-    interface LazyOptions {
-        loadPrevNext?: boolean;
-        loadPrevNextAmount?: number;
-        loadOnTransitionStart?: boolean;
-        elementClass?: string;
-        loadingClass?: string;
-        loadedClass?: string;
-        preloaderClass?: string;
-    }
-
-    /*
-     * Options - Effect
-     */
-
-    interface FadeEffectOptions {
-        crossfade?: boolean;
-    }
-
-    interface CoverflowEffectOptions {
-        slideShadows?: boolean;
-        rotate?: number;
-        stretch?: number;
-        depth?: number;
-        modifier?: number;
-    }
-
-    interface FlipEffectOptions {
-        slideShadows?: boolean;
-        limitRotation?: boolean;
-    }
-
-    interface CubeEffectOptions {
-        slideShadows?: boolean;
-        shadow?: boolean;
-        shadowOffset?: number;
-        shadowScale?: number;
-    }
-
-    interface ZoomOptions {
-        maxRatio?: number;
-        minRatio?: number;
-        toggle?: boolean;
-        containerClass?: string;
-        zoomedSlideClass?: string;
-    }
-
-    interface KeyboardOptions {
-        enabled?: boolean;
-        onlyInViewport?: boolean;
-    }
-
-    interface MousewheelOptions {
-        forceToAxis?: boolean;
-        releaseOnEdges?: boolean;
-        invert?: boolean;
-        sensitivity?: number;
-        eventsTarged?: SelectableElement;
-    }
-
-    interface VirtualOptions {
-        slides?: any[];
-        cache?: boolean;
-        renderSlide?: (slide: any, index: any) => any;
-        renderExternal?: (data: any) => any;
-    }
-
-    interface HashNavigationOptions {
-        /**
-         * Set to true to enable also navigation through slides (when hashnav
-         * is enabled) by browser history or by setting directly hash on document location
-         *
-         * @default false
-         */
-        watchState?: boolean;
-
-        /**
-         * Works in addition to hashnav to replace current url state with the
-         * new one instead of adding it to history
-         *
-         * @default 	false
-         */
-        replaceState?: boolean;
-    }
-
-    interface HistoryNavigationOptions {
-        /**
-         * Works in addition to hashnav or history to replace current url state with the
-         * new one instead of adding it to history
-         *
-         * @default false
-         */
-        replaceState?: boolean;
-
-        /**
-         * Url key for slides
-         *
-         * @default 'slides'
-         */
-        key?: string;
-    }
+    initialSlide?: number;
 
     /**
-     * Object with controller parameters or boolean true to enable with default settings. For example:
+     * Could be 'horizontal' or 'vertical' (for vertical slider).
      *
-     * @example
-     * var mySwiper = new Swiper('.swiper-container', {
-     *   controller: {
-     *     inverse: true,
-     *   },
-     * });
-     */
-    interface ControllerOptions {
-        /**
-         * Pass here another Swiper instance or array with Swiper instances that should be controlled
-         * by this Swiper
-         */
-        control?: Swiper;
-
-        /**
-         * Set to true and controlling will be in inverse direction
-         *
-         * @default false
-         */
-        inverse?: boolean;
-
-        /**
-         * Can be 'slide' or 'container'. Defines a way how to control another slider: slide by slide
-         * (with respect to other slider's grid) or depending on all slides/container
-         * (depending on total slider percentage).
-         *
-         * @default 'slide'
-         */
-        by?: 'slide' | 'container';
-    }
-
-    interface A11yOptions {
-        /**
-         * Enables A11y
-         *
-         * @default true
-         */
-        enabled?: boolean;
-
-        /**
-         * Message for screen readers for previous button
-         *
-         * @default 'Previous slide'
-         */
-        prevSlideMessage?: string;
-
-        /**
-         * Message for screen readers for next button
-         *
-         * @default 'Next slide'
-         */
-        nextSlideMessage?: string;
-
-        /**
-         * Message for screen readers for previous button when swiper is on first slide
-         *
-         * @default 'This is the first slide'
-         */
-        firstSlideMessage?: string;
-
-        /**
-         * Message for screen readers for previous button when swiper is on last slide
-         *
-         * @default 'This is the last slide'
-         */
-        lastSlideMessage?: string;
-
-        /**
-         * Message for screen readers for single pagination bullet
-         *
-         * @default 'Go to slide {{index}}'
-         */
-        paginationBulletMessage?: string;
-
-        /**
-         * CSS class name of a11 notification
-         *
-         * @default 'swiper-notification'
-         */
-        notificationClass?: string;
-    }
-
-    /*
-     * Swiper exports the following as ES5 module (in swiper.esm.js).
+     * @default 'horizontal'
      */
+    direction?: 'horizontal' | 'vertical';
 
     /**
-     * Virtual Slides module.
+     * Duration of transition between slides (in ms)
+     *
+     * @default 300
      */
-    class Virtual {
-        /**
-         * Object with cached slides HTML elements
-         */
-        cache: object;
-
-        /**
-         * Index of first rendered slide
-         */
-        from: number;
-
-        /**
-         * Index of last rendered slide
-         */
-        to: number;
-
-        /**
-         * Array with slide items passed by virtual.slides parameter
-         */
-        slides: any[];
-
-        /*
-         * Methods
-         */
-
-        /**
-         * Add new slides to the end. slides could be HTMLElement or HTML string with new slide or array
-         * with such slides, for example:
-         *
-         * @example
-         * mySwiper.appendSlide('<div class="swiper-slide">Slide 10"</div>')
-         * mySwiper.appendSlide([
-         *   '<div class="swiper-slide">Slide 10"</div>',
-         *   '<div class="swiper-slide">Slide 11"</div>'
-         * ]);
-         */
-        appendSlide(slide: HTMLElement | string): void;
-
-        /**
-         * Add new slides to the beginning. slides could be HTMLElement or HTML string with new slide or
-         * array with such slides, for example:
-         *
-         * @example
-         * mySwiper.prependSlide('<div class="swiper-slide">Slide 0"</div>')
-         * mySwiper.prependSlide([
-         * '<div class="swiper-slide">Slide 1"</div>',
-         * '<div class="swiper-slide">Slide 2"</div>'
-         * ]);
-         */
-        prependSlide(slide: HTMLElement | string): void;
-
-        /**
-         * Update virutal slides state
-         */
-        update(): void;
-    }
+    speed?: number;
 
     /**
-     * Keyboard Control module.
+     * Enabled this option and plugin will set width/height on swiper wrapper equal to total size of all slides.
+     * Mostly should be used as compatibility fallback option for browser that don't support flexbox layout well
      */
-    class Keyboard {
-        /**
-         * Whether the keyboard control is enabled
-         */
-        enabled: boolean;
-
-        // Methods
-        /**
-         * Enable keyboard control
-         */
-        enable(): void;
-
-        /**
-         * Disable keyboard control
-         */
-        disable(): void;
-    }
+    setWrapperSize?: boolean;
 
     /**
-     * Mousewheel Control module.
+     * Enabled this option and swiper will be operated as usual except it will not move, real translate values on wrapper will not be set.
+     * Useful when you may need to create custom slide transition
      */
-    class Mousewheel {
-        /**
-         * Whether the mousewheel control is enabled
-         */
-        enabled: boolean;
-
-        // Methods
-        /**
-         * Enable mousewheel control
-         */
-        enable(): void;
-
-        /**
-         * Disable mousewheel control
-         */
-        disable(): void;
-    }
+    virtualTranslate?: boolean;
 
     /**
-     * Navigation module.
+     * Swiper width (in px). Parameter allows to force Swiper width.
+     * Useful only if you initialize Swiper when it is hidden.
+     *
+     * @note Setting this parameter will make Swiper not responsive
      */
-    class Navigation {
-        /**
-         * HTMLElement of "next" navigation button
-         */
-        nextEl: HTMLElement;
-
-        /**
-         * HTMLElement of "previous" navigation button
-         */
-        prevEl: HTMLElement;
-
-        /**
-         * Update navigation buttons state (enabled/disabled)
-         */
-        update(): void;
-    }
+    width?: number;
 
     /**
-     * Pagination module.
+     * Swiper height (in px). Parameter allows to force Swiper height.
+     * Useful only if you initialize Swiper when it is hidden.
+     *
+     * @note Setting this parameter will make Swiper not responsive
      */
-    class Pagination {
-        /**
-         * HTMLElement of pagination container element
-         */
-        el: HTMLElement;
-
-        /**
-         * Dom7 array-like collection of pagination bullets
-         * HTML elements. To get specific slide HTMLElement
-         * use `mySwiper.pagination.bullets[1]`.
-         */
-        bullets: DOM7Element[];
-
-        /**
-         * Render pagination layout
-         */
-        render(): void;
-
-        /**
-         * Update pagination state (enabled/disabled/active)
-         */
-        update(): void;
-    }
+    height?: number;
 
     /**
-     * Scrollbar module.
+     * Set to true and slider wrapper will adopt its height to the height of the currently active slide
+     *
+     * @default false
      */
-    class Scrollbar {
-        // Properties
-        /**
-         * HTMLElement of Scrollbar container element
-         */
-        el: HTMLElement;
-
-        /**
-         * HTMLElement of Scrollbar draggable handler element
-         */
-        dragEl: HTMLElement;
-
-        // Methods
-        /**
-         * Updates scrollbar track and handler sizes
-         */
-        updateSize(): void;
-    }
+    autoHeight?: boolean;
 
     /**
-     * Parallax module.
+     * Set to true to round values of slides width and height to prevent blurry texts on usual
+     * resolution screens (if you have such)
+     *
+     * @default false
      */
-    class Parallax { }
+    roundLengths?: boolean;
 
     /**
-     * Zoom module.
+     * Set to true on  Swiper for correct touch events interception. Use only on
+     * swipers that use same direction as the parent one
+     *
+     * @default false
      */
-    class Zoom {
-        /**
-         * Whether the zoom module is enabled
-         */
-        enabled: boolean;
-
-        /**
-         * Current image scale ratio
-         */
-        scale: number;
-
-        /**
-         * Enable zoom module
-         */
-        enable(): void;
-
-        /**
-         * Disable zoom module
-         */
-        disable(): void;
-
-        /**
-         * Zoom in image of the currently active slide
-         */
-        in(): void;
-
-        /**
-         * Zoom out image of the currently active slide
-         */
-        out(): void;
-
-        /**
-         * Toggle image zoom of the currently active slide
-         */
-        toggle(): void;
-    }
+    nested?: boolean;
 
     /**
-     * Lazy module.
+     * If enabled (by default) and navigation elements' parameters passed as a string (like ".pagination")
+     * then Swiper will look for such elements through child elements first.
+     * Applies for pagination, prev/next buttons and scrollbar elements
+     *
+     * @default true
      */
-    class Lazy {
-        /**
-         * Load/update lazy images based on current slider state (position)
-         */
-        load(): void;
-
-        /**
-         * Force to load lazy images in slide by specified index
-         * @param number index number of slide to load lazy images in
-         */
-        loadInSlide(index: number): void;
-    }
+    uniqueNavElements?: boolean;
 
     /**
-     * Controller module.
+     * Tranisition effect. Could be "slide", "fade", "cube", "coverflow" or "flip"
+     *
+     * @default 'slide'
      */
-    class Controller {
-        /**
-         * Pass here another Swiper instance or array with Swiper instances that should be controlled
-         * by this Swiper
-         */
-        control?: Swiper;
-    }
+    effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip';
 
     /**
-     * Accessibility module (a11y$)
+     * Fire [Transition/SlideChange][Start/End] events on swiper initialization.
+     * Such events will be fired on initialization in case of your initialSlide is not 0, or you use loop mode
+     *
+     * @default true
      */
-    class A11y { }
+    runCallbacksOnInit?: boolean;
 
     /**
-     * History Navigation module.
+     * When enabled Swiper will be disabled and hide navigation buttons on
+     * case there are not enough slides for sliding.
+     *
+     * @default false
      */
-    class History { }
+    watchOverflow?: boolean;
 
     /**
-     * Hash Navigation module.
+     * Register event handlers.
      */
-    class HashNavigation {
-    }
-
-    /**
-     * Autoplay module.
-     */
-    class Autoplay {
-        // Properties
-        /**
-         * Whether autoplay enabled and running
-         */
-        running: boolean;
-
-        // Methods
-        /**
-         * Start autoplay
-         */
-        start(): boolean;
-
-        /**
-         * Stop autoplay
-         */
-        stop(): boolean;
-    }
-
-    /**
-     * Fade Effect module.
-     */
-    class FadeEffect { }
-
-    /**
-     * Cube Effect module.
-     */
-    class CubeEffect { }
-
-    /**
-     * Flip Effect module.
-     */
-    class FlipEffect { }
-
-    /**
-     * Coverflow Effect module.
-     */
-    class CoverflowEffect { }
-
-    /**
-     * Core module
-     */
-    class Swiper {
-        /**
-         * Constructs a new Swiper instance.
-         *
-         * @param container Where Swiper applies to.
-         * @param options   Instance options.
-         */
-        constructor(container: SelectableElement, options?: SwiperOptions);
-
-        /**
-         * Object with passed initialization parameters
-         */
-        params: SwiperOptions;
-
-        /**
-         * Element with slider container.
-         */
-        el: HTMLElement;
-
-        /**
-         * Dom7 element with slider container HTML element. To get vanilla HTMLElement use el
-         */
-        $el: DOM7Element;
-
-        /**
-         * Slider wrapper HTML element.
-         */
-        wrapperEl: HTMLElement;
-
-        /**
-         * Dom7 element with slider wrapper HTML element. To get vanilla HTMLElement use wrapperEl
-         */
-        $wrapperEl: DOM7Element;
-
-        /**
-         * Dom7 array-like collection of slides HTML elements. To get specific slide HTMLElement use slides[1]
-         */
-        slides: DOM7Element[];
-
-        /**
-         * Width of container
-         */
-        width: number;
-
-        /**
-         * Height of container
-         */
-        height: number;
-
-        /**
-         * Current value of wrapper translate
-         */
-        translate: number;
-
-        /**
-         * Current progress of wrapper translate (from 0 to 1)
-         */
-        progress: number;
-
-        /**
-         * Index number of currently active slide.
-         *
-         * @note Note, that in loop mode active index value will be always shifted
-         * on a number of looped/duplicated slides.
-         */
-        activeIndex: number;
-
-        /**
-         * Index number of currently active slide considering duplicated slides in loop mode
-         */
-        realIndex: number;
-
-        /**
-         * Index number of previously active slide
-         */
-        previousIndex: number;
-
-        /**
-         * true if slider on most "left"/"top" position
-         */
-        isBeginning: true;
-
-        /**
-         * true if slider on most "right"/"bottom" position
-         */
-        isEnd: boolean;
-
-        /**
-         * true if swiper is in transition
-         */
-        animating: boolean;
-
-        /**
-         * Object with the following touch event properties:
-         */
-        touches: {
-            startX: number;
-            startY: number;
-            currentX: number;
-            currentY: number;
-            diff: number;
-        };
-
-        /**
-         * Index number of last clicked slide
-         */
-        clickedIdex: number;
-
-        /**
-         * Link to last clicked slide (HTMLElement)
-         */
-        clickedSlide: HTMLElement;
-
-        /**
-         * Disable/enable ability to slide to the next slides by assigning false/true to this property
-         *
-         * @default true
-         */
-        allowSlideNext: boolean;
-
-        /**
-         * Disable/enable ability to slide to the previous slides by assigning false/true to this property
-         *
-         * @default true
-         */
-        allowSlidePrev: boolean;
-
-        /**
-         * Disable/enable ability move slider by grabbing it with
-         * mouse or by touching it with finger (on touch screens)
-         * by assigning false/true to this property
-         *
-         * @default true
-         */
-        allowTouchMove: boolean;
-
-        // Methods
-        /**
-         * Run transition to next slide.
-         *
-         * @param speed Transition duration (in ms).
-         * @param runCallbacks Set it to false (by default it is true) and transition will
-         *  not produce transition events.
-         */
-        slideNext(speed: number, runCallbacks: boolean): void;
-
-        /**
-         * Run transition to previous slide.
-         *
-         * @param speed Transition duration (in ms).
-         * @param runCallbacks Set it to false (by default it is true) and transition will
-         *  not produce transition events.
-         */
-        slidePrev(speed?: number, runCallbacks?: boolean): void;
-
-        /**
-         * Run transition to the slide with index number equal to 'index' parameter for the
-         *  duration equal to 'speed' parameter.
-         *
-         * @param index Index number of slide.
-         * @param speed Transition duration (in ms).
-         * @param runCallbacks Set it to false (by default it is true) and transition will
-         *  not produce transition events.
-         */
-        slideTo(index: number, speed?: number, runCallbacks?: boolean): void;
-
-        /**
-         * You should call it after you add/remove slides
-         * manually, or after you hide/show it, or do any
-         * custom DOM modifications with Swiper
-         * This method also includes subcall of the following
-         * methods which you can use separately:
-         */
-        update(): void;
-
-        /**
-         * recalculate size of swiper container
-         */
-        updateSize(): void;
-
-        /**
-         * recalculate number of slides and their offsets. Useful after you add/remove slides with JavaScript
-         */
-        updateSlides(): void;
-
-        /**
-         * recalculate swiper progress
-         */
-        updateProgress(): void;
-
-        /**
-         * update active/prev/next classes on slides and bullets
-         */
-        updateSlidesClasses(): void;
-
-        /**
-         * tach all events listeners
-         */
-        detachEvents(): void;
-
-        /**
-         * Atach all events listeners again
-         */
-        attachEvents(): void;
-
-        /**
-         * Destroy slider instance and detach all events listeners, where
-         */
-        destroy(deleteInstance: boolean, cleanupStyles: boolean): void;
-
-        /**
-         * Set it to false (by default it is true) to not to delete Swiper instance
-         */
-        deleteInstance: boolean;
-
-        /**
-         * Set it to true (by default it is true) and all
-         * custom styles will be removed from slides,
-         * wrapper and container. Useful if you need to
-         * destroy Swiper and to init again with new
-         * options or in different direction
-         */
-        cleanStyles: boolean;
-
-        /**
-         * Installs modules on Swiper in runtime.
-         */
-        static use(modules: SwiperModule[]): void;
-
-        /**
-         * Add new slides to the end. slides could be
-         * HTMLElement or HTML string with new slide or
-         * array with such slides, for example:
-         *
-         * @example appendSlide('<div class="swiper-slide">Slide 10"</div>')
-         * @example
-         * appendSlide([
-         *  '<div class="swiper-slide">Slide 10"</div>',
-         *  '<div class="swiper-slide">Slide 11"</div>'
-         * ]);
-         */
-        appendSlide(slides: HTMLElement | string | string[]): void;
-
-        /**
-         * Add new slides to the beginning. slides could be
-         * HTMLElement or HTML string with new slide or array with such slides, for example:
-         *
-         * @example prependSlide('<div class="swiper-slide">Slide 0"</div>')
-         * @example prependSlide([
-         *  '<div class="swiper-slide">Slide 1"</div>',
-         *  '<div class="swiper-slide">Slide 2"</div>'
-         * ]);
-         */
-        prependSlide(slides: HTMLElement | string | string[]): void;
-
-        /**
-         * Remove selected slides. slideIndex could be a number with slide index to remove or array with indexes.
-         *
-         * @example removeSlide(0); // remove first slide
-         * @example removeSlide([0, 1]); // remove first and second slides
-         * @example removeAllSlides();	// Remove all slides
-         */
-        removeSlide(slideIndex: number | number[]): void;
-
-        /**
-         * Set custom css3 transform's translate value for swiper wrapper
-         */
-        setTranslate(translate: any): void;
-
-        /**
-         * Get current value of swiper wrapper css3 transform translate
-         */
-        getTranslate(): any;
-
-        /**
-         * Add event listener
-         */
-        on(event: SwiperEvent, handler: () => void): void;
-
-        /**
-         * Add event listener that will be executed only once
-         */
-        once(event: SwiperEvent, handler: () => void): void;
-
-        /**
-         * Remove event listener for specified event
-         * If no handler specified, removes all listeners for specified event
-         */
-        off(event: SwiperEvent, handler?: () => void): void;
-
-        /**
-         * Disable mousewheel control
-         */
-        disableMousewheelControl(): void;
-
-        /**
-         * Enable mousewheel control
-         */
-        enableMousewheelControl(): void;
-
-        /**
-         * Disable keyboard control
-         */
-        disableKeyboardControl(): void;
-
-        /**
-         * Enable keyboard control
-         */
-        enableKeyboardControl(): void;
-
-        /**
-         * Unset grab cursor
-         */
-        unsetGrabCursor(): void;
-
-        /**
-         * Set grab cursor
-         */
-        setGrabCursor(): void;
-
-        // Components
-
-        /**
-         * Swiper Navigation module.
-         */
-        navigation?: Navigation;
-
-        /**
-         * Swiper Pagination module.
-         */
-        pagination?: Pagination;
-
-        /**
-         * Swiper Scrollbar module.
-         */
-        scrollbar?: Scrollbar;
-
-        /**
-         * Swiper Autoplay module.
-         */
-        autoplay?: Autoplay;
-
-        /**
-         * Swiper Parallax module.
-         */
-        parallax?: Parallax;
-
-        /**
-         * Swiper Lazy module.
-         */
-        lazy?: Lazy;
-
-        /**
-         * Swiper FadeEffect module.
-         */
-        fadeEffect?: FadeEffect;
-
-        /**
-         * Swiper CoverflowEffect module.
-         */
-        coverflowEffect?: CoverflowEffect;
-
-        /**
-         * Swiper FlipEffect module.
-         */
-        flipEffect?: FlipEffect;
-
-        /**
-         * Swiper CubeEffect module.
-         */
-        cubeEffect?: CubeEffect;
-
-        /**
-         * Swiper Zoom module.
-         */
-        zoom?: Zoom;
-
-        /**
-         * Swiper Keyboard module.
-         */
-        keyboard?: Keyboard;
-
-        /**
-         * Swiper Mousewheel module.
-         */
-        mousewheel?: Mousewheel;
-
-        /**
-         * Swiper Virtual module.
-         */
-        virtual?: Virtual;
-
-        /**
-         * Swiper HashNavigation module.
-         */
-        hashNavigation?: HashNavigation;
-
-        /**
-         * Swiper History module.
-         */
-        history?: History;
-
-        /**
-         * Swiper Controller module.
-         */
-        controller?: Controller;
-
-        /**
-         * Swiper A11y module.
-         */
-        a11y?: A11y;
-    }
+    on?: { [key in SwiperEvent]?: () => void };
+
+    // Slides grid
+    spaceBetween?: number;
+    slidesPerView?: number | 'auto';
+    slidesPerColumn?: number;
+    slidesPerColumnFill?: 'row' | 'column';
+    slidesPerGroup?: number;
+    centeredSlides?: boolean;
+    slidesOffsetBefore?: number;
+    slidesOffsetAfter?: number;
+    normalizeSlideIndex?: boolean;
+
+    // Grab Cursor
+    grabCursor?: boolean;
+
+    // Touches
+    // @TODO: verify next property
+    touchEventsTarget?: 'container' | 'wrapper';
+    touchRatio?: number;
+    touchAngle?: number;
+    simulateTouch?: boolean;
+    shortSwipes?: boolean;
+    longSwipes?: boolean;
+    longSwipesRatio?: number;
+    longSwipesMs?: number;
+    followFinger?: boolean;
+    allowTouchMove?: boolean;
+    threshold?: number;
+    touchMoveStopPropagation?: boolean;
+    iOSEdgeSwipeDetection?: boolean;
+    iOSEdgeSwipeThreshold?: number;
+    touchReleaseOnEdges?: boolean;
+    passiveListeners?: boolean;
+
+    // Touch Resistance
+    resistance?: boolean;
+    resistanceRatio?: number;
+
+    // Swiping / No swiping
+    allowSlidePrev?: boolean;
+    allowSlideNext?: boolean;
+    noSwiping?: boolean;
+    noSwipingClass?: string;
+    // noSwipingSelector?: string;
+    swipeHandler?: SelectableElement;
+
+    // Clicks
+    preventClicks?: boolean;
+    preventClicksPropagation?: boolean;
+    slideToClickedSlide?: boolean;
+
+    // Freemode
+    freeMode?: boolean;
+    freeModeMomentum?: boolean;
+    freeModeMomentumRatio?: number;
+    freeModeMomentumVelocityRatio?: number;
+    freeModeMomentumBounce?: boolean;
+    freeModeMomentumBounceRatio?: number;
+    freeModeMinimumVelocity?: number;
+    freeModeSticky?: boolean;
+
+    // Progress
+    watchSlidesProgress?: boolean;
+    watchSlidesVisibility?: boolean;
+
+    // Images
+    preloadImages?: boolean;
+    updateOnImagesReady?: boolean;
+
+    // Loop
+    loop?: boolean;
+    loopAdditionalSlides?: number;
+    loopedSlides?: number;
+    loopFillGroupWithBlank?: boolean;
+
+    // Breakpoints
+    breakpoints?: {
+        [index: number]: SwiperOptions;
+    };
+
+    // Observer
+    observer?: boolean;
+    observeParents?: boolean;
+
+    // Namespace
+    containerModifierClass?: string;
+    slideClass?: string;
+    slideActiveClass?: string;
+    slideDuplicatedActiveClass?: string;
+    slideVisibleClass?: string;
+    slideDuplicateClass?: string;
+    slideNextClass?: string;
+    slideDuplicatedNextClass?: string;
+    slidePrevClass?: string;
+    slideDuplicatedPrevClass?: string;
+    wrapperClass?: string;
+
+    // Components
+    navigation?: NavigationOptions;
+    pagination?: PaginationOptions;
+    scrollbar?: ScrollbarOptions;
+    autoplay?: AutoplayOptions | boolean;
+    parallax?: boolean;
+    lazy?: LazyOptions | boolean;
+    fadeEffect?: FadeEffectOptions;
+    coverflowEffect?: CoverflowEffectOptions;
+    flipEffect?: FlipEffectOptions;
+    cubeEffect?: CubeEffectOptions;
+    zoom?: ZoomOptions | boolean;
+    keyboard?: KeyboardOptions | boolean;
+    mousewheel?: MousewheelOptions | boolean;
+    virtual?: VirtualOptions | boolean;
+    hashNavigation?: HashNavigationOptions | boolean;
+    history?: HistoryNavigationOptions | boolean;
+    a11y?: A11yOptions | boolean;
 }
 
-// Use thru this when in TypeScript
-declare module 'swiper/dist/js/swiper.esm' {
-    import alias = require('swiper');
-    export = alias;
+export interface EventsOptions {
+    /**
+     * Fired right after Swiper initialization.
+     * Note that with swiper.on('init') syntax it will
+     * work only in case you set init: false parameter.
+     *
+     * @example
+     * var swiper = new Swiper('.swiper-container', {
+     *   init: false,
+     *   // other parameters
+     * });
+     *
+     * @example
+     * swiper.on('init', function() {
+     *  // do something
+     * });
+     *
+     * @example
+     * // init Swiper
+     * swiper.init();
+     *
+     * @example
+     * // Otherwise use it as the parameter:
+     * var swiper = new Swiper('.swiper-container', {
+     *   // other parameters
+     *   on: {
+     *     init: function () {
+     *       // do something
+     *     },
+     *   }
+     * });
+     */
+    init?: () => any;
+
+    /**
+     * Triggered right beforey Swiper destoryed
+     */
+    beforeDestroy?: () => any;
+
+    /**
+     * Triggered when currently active slide is changed
+     */
+    slideChange?: () => any;
+
+    /**
+     * Triggered in the beginning of animation to other slide (next or previous).
+     */
+    slideChangeTransitionStart?: () => any;
+
+    /**
+     * Triggered after animation to other slide (next or previous).
+     */
+    slideChangeTransitionEnd?: () => any;
+
+    /**
+     * Same as "slideChangeTransitionStart" but for "forward" direction only
+     */
+    slideNextTransitionStart?: () => any;
+
+    /**
+     * Same as "slideChangeTransitionEnd" but for "forward" direction only
+     */
+    slideNextTransitionEnd?: () => any;
+
+    /**
+     * Same as "slideChangeTransitionStart" but for "backward" direction only
+     */
+    slidePrevTransitionStart?: () => any;
+
+    /**
+     * Same as "slideChangeTransitionEnd" but for "backward" direction only
+     */
+    slidePrevTransitionEnd?: () => any;
+
+    /**
+     * Triggered in the beginning of transition.
+     */
+    transitionStart?: () => any;
+
+    /**
+     * Triggered after transition.
+     */
+    transitionEnd?: () => any;
+
+    /**
+     * Triggered when user touch Swiper. Receives 'touchstart' event as an arguments.
+     */
+    touchStart?: (event: any) => any;
+
+    /**
+     * Triggered when user touch and move finger over Swiper. Receives 'touchmove' event as an arguments.
+     */
+    touchMove?: (event: any) => any;
+
+    /**
+     * Fired when user touch and move finger over
+     * Swiper in direction opposite to direction parameter.
+     * Receives 'touchmove' event as an arguments.
+     */
+    touchMoveOpposite?: (event: any) => any;
+
+    /**
+     * Triggered when user touch and move finger over Swiper and move it.
+     * Receives 'touchmove' event as an arguments.
+     */
+    sliderMove?: (event: any) => any;
+
+    /**
+     * Triggered when user release Swiper. Receives 'touchend' event as an arguments.
+     */
+    touchEnd?: (event: any) => any;
+
+    /**
+     * Triggered when user click/tap on Swiper after 300ms delay. Receives 'touchend' event as an arguments.
+     */
+    click?: (event: any) => any;
+
+    /**
+     * Triggered when user click/tap on Swiper. Receives 'touchend' event as an arguments.
+     */
+    tap?: (event: any) => any;
+
+    /**
+     * Triggered when user double tap on Swiper's container. Receives 'touchend' event as an arguments
+     */
+    doubleTap?: (event: any) => any;
+
+    /**
+     * Triggered right after all inner images are loaded. updateOnImagesReady should be also enabled
+     */
+    imagesReady?: () => any;
+
+    /**
+     * Triggered when Swiper progress is changed, as an arguments it receives
+     * progress that is always from 0 to 1
+     */
+    progress?: (progress: any) => any;
+
+    /**
+     * Triggered when Swiper reach its beginning (initial position)
+     */
+    reachBeginning?: () => any;
+
+    /**
+     * Triggered when Swiper reach last slide
+     */
+    reachEnd?: () => any;
+
+    /**
+     * Triggered when Swiper goes from beginning or end position
+     */
+    fromEdge?: () => any;
+
+    /**
+     * Triggered when swiper's wrapper change its position. Receives current translate value as an arguments
+     */
+    setTranslate?: (translate: any) => any;
+
+    /**
+     * Triggered everytime when swiper starts animation.
+     * Receives current transition duration (in ms) as an arguments,
+     */
+    setTransition?: (transition: any) => any;
+
+    /**
+     * Triggered on window resize right before swiper's onresize manipulation
+     */
+    resize?: () => any;
+}
+
+export interface NavigationOptions {
+    /**
+     * String with CSS selector or HTML element of the element that will work
+     * like "next" button after click on it
+     *
+     * @default null
+     */
+    nextEl?: SelectableElement;
+
+    /**
+     * String with CSS selector or HTML element of the element that will work
+     * like "prev" button after click on it
+     *
+     * @default null
+     */
+    prevEl?: SelectableElement;
+
+    /**
+     * buttons visibility after click on Slider's container
+     *
+     * @default false Toggle navigation
+     */
+    hideOnClick?: boolean;
+
+    /**
+     * CSS class name added to navigation button when it becomes disabled
+     *
+     * @default 'swiper-button-disabled'
+     */
+    disabledClass?: string;
+
+    /**
+     * CSS class name added to navigation button when it becomes hidden
+     *
+     * @default 'swiper-button-hidden'
+     */
+    hiddenClass?: string;
+}
+
+export interface PaginationOptions {
+    el: SelectableElement;
+
+    type?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
+
+    bulletElement?: string;
+
+    dynamicBullets?: boolean;
+
+    hideOnClick?: boolean;
+
+    clickable?: boolean;
+
+    /**
+     * format fraction pagination current number. Function receives current number,
+     * and you need to return formatted value
+     */
+    formatFractionCurrent?: (number: number) => number;
+
+    /**
+     * format fraction pagination total number. Function receives total number, and you
+     * need to return formatted value
+     */
+    formatFractionTotal?: (number: number) => number;
+
+    renderBullet?: (index: number, className: string) => void;
+
+    renderFraction?: (currentClass: string, totalClass: string) => void;
+
+    renderProgressbar?: (progressbarFillClass: string) => void;
+
+    /**
+     * This parameter is required for custom pagination type where you have to specify
+     * how it should be rendered.
+     *
+     * @example
+     * var swiper = new Swiper('.swiper-container', {
+     *   //...
+     *   renderCustom: function (swiper, current, total) {
+     *     return current + ' of ' + total;
+     *   }
+     * });
+     */
+    renderCustom?: (swiper: Swiper, current: number, total: number) => void;
+
+    bulletClass?: string;
+    bulletActiveClass?: string;
+    modifierClass?: string;
+    currentClass?: string;
+    totalClass?: string;
+    hiddenClass?: string;
+    progressbarFillClass?: string;
+    clickableClass?: string;
+}
+
+/**
+ * Object with scrollbar parameters.
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ *   scrollbar: {
+ *     el: '.swiper-scrollbar',
+ *     draggable: true,
+ *   },
+ * });
+ */
+export interface ScrollbarOptions {
+    /**
+     * String with CSS selector or HTML element of the container with scrollbar.
+     */
+    el: SelectableElement;
+
+    /**
+     * Hide scrollbar automatically after user interaction
+     *
+     * @default true
+     */
+    hide?: boolean;
+
+    /**
+     * Set to true to enable make scrollbar draggable that allows you to control slider position
+     *
+     * @default true
+     */
+    draggable?: boolean;
+
+    /**
+     * Set to true to snap slider position to slides when you release scrollbar
+     *
+     * @default false
+     */
+    snapOnRelease?: boolean;
+
+    /**
+     * Size of scrollbar draggable element in px
+     *
+     * @default 'auto'
+     */
+    dragSize?: 'auto' | number;
+
+    /**
+     * Scrollbar element additional CSS class when it is disabled
+     *
+     * @default 'swiper-scrollbar-lock'
+     */
+    lockClass?: string;
+
+    /**
+     * 	Scrollbar draggable element CSS class
+     *
+     * @default 'swiper-scrollbar-drag'
+     */
+    dragClass?: string;
+}
+
+/**
+ * Object with autoplay parameters or boolean true to enable with default settings.
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ *   autoplay: {
+ *     delay: 5000,
+ *   },
+ * });
+ */
+export interface AutoplayOptions {
+    /**
+     * Delay between transitions (in ms). If this parameter is not specified, auto play will be disabled
+     *
+     * If you need to specify different delay for specifi slides you can do it by using
+     * data-swiper-autoplay (in ms) attribute on slide.
+     *
+     * @example
+     * <!-- hold this slide for 2 seconds -->
+     * <div class="swiper-slide" data-swiper-autoplay="2000">
+     *
+     * @default 3000
+     */
+    delay?: number;
+
+    /**
+     * Enable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode)
+     *
+     * @default false
+     */
+    stopOnLastSlide?: boolean;
+
+    /**
+     * Set to false and autoplay will not be disabled after
+     * user interactions (swipes), it will be restarted
+     * every time after interaction
+     *
+     * @default true
+     */
+    disableOnInteraction?: boolean;
+
+    /**
+     * Enables autoplay in reverse direction
+     *
+     * @default false
+     */
+    reverseDirection?: boolean;
+
+    /**
+     * When enabled autoplay will wait for wrapper transition to continue.
+     * Can be disabled in case of using Virtual Translate when your
+     * slider may not have transition
+     *
+     * @default true
+     */
+    waitForTransition?: boolean;
+}
+
+export interface LazyOptions {
+    loadPrevNext?: boolean;
+    loadPrevNextAmount?: number;
+    loadOnTransitionStart?: boolean;
+    elementClass?: string;
+    loadingClass?: string;
+    loadedClass?: string;
+    preloaderClass?: string;
+}
+
+/*
+ * Options - Effect
+ */
+
+export interface FadeEffectOptions {
+    crossfade?: boolean;
+}
+
+export interface CoverflowEffectOptions {
+    slideShadows?: boolean;
+    rotate?: number;
+    stretch?: number;
+    depth?: number;
+    modifier?: number;
+}
+
+export interface FlipEffectOptions {
+    slideShadows?: boolean;
+    limitRotation?: boolean;
+}
+
+export interface CubeEffectOptions {
+    slideShadows?: boolean;
+    shadow?: boolean;
+    shadowOffset?: number;
+    shadowScale?: number;
+}
+
+export interface ZoomOptions {
+    maxRatio?: number;
+    minRatio?: number;
+    toggle?: boolean;
+    containerClass?: string;
+    zoomedSlideClass?: string;
+}
+
+export interface KeyboardOptions {
+    enabled?: boolean;
+    onlyInViewport?: boolean;
+}
+
+export interface MousewheelOptions {
+    forceToAxis?: boolean;
+    releaseOnEdges?: boolean;
+    invert?: boolean;
+    sensitivity?: number;
+    eventsTarged?: SelectableElement;
+}
+
+export interface VirtualOptions {
+    slides?: any[];
+    cache?: boolean;
+    renderSlide?: (slide: any, index: any) => any;
+    renderExternal?: (data: any) => any;
+}
+
+export interface HashNavigationOptions {
+    /**
+     * Set to true to enable also navigation through slides (when hashnav
+     * is enabled) by browser history or by setting directly hash on document location
+     *
+     * @default false
+     */
+    watchState?: boolean;
+
+    /**
+     * Works in addition to hashnav to replace current url state with the
+     * new one instead of adding it to history
+     *
+     * @default 	false
+     */
+    replaceState?: boolean;
+}
+
+export interface HistoryNavigationOptions {
+    /**
+     * Works in addition to hashnav or history to replace current url state with the
+     * new one instead of adding it to history
+     *
+     * @default false
+     */
+    replaceState?: boolean;
+
+    /**
+     * Url key for slides
+     *
+     * @default 'slides'
+     */
+    key?: string;
+}
+
+/**
+ * Object with controller parameters or boolean true to enable with default settings. For example:
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ *   controller: {
+ *     inverse: true,
+ *   },
+ * });
+ */
+export interface ControllerOptions {
+    /**
+     * Pass here another Swiper instance or array with Swiper instances that should be controlled
+     * by this Swiper
+     */
+    control?: Swiper;
+
+    /**
+     * Set to true and controlling will be in inverse direction
+     *
+     * @default false
+     */
+    inverse?: boolean;
+
+    /**
+     * Can be 'slide' or 'container'. Defines a way how to control another slider: slide by slide
+     * (with respect to other slider's grid) or depending on all slides/container
+     * (depending on total slider percentage).
+     *
+     * @default 'slide'
+     */
+    by?: 'slide' | 'container';
+}
+
+export interface A11yOptions {
+    /**
+     * Enables A11y
+     *
+     * @default true
+     */
+    enabled?: boolean;
+
+    /**
+     * Message for screen readers for previous button
+     *
+     * @default 'Previous slide'
+     */
+    prevSlideMessage?: string;
+
+    /**
+     * Message for screen readers for next button
+     *
+     * @default 'Next slide'
+     */
+    nextSlideMessage?: string;
+
+    /**
+     * Message for screen readers for previous button when swiper is on first slide
+     *
+     * @default 'This is the first slide'
+     */
+    firstSlideMessage?: string;
+
+    /**
+     * Message for screen readers for previous button when swiper is on last slide
+     *
+     * @default 'This is the last slide'
+     */
+    lastSlideMessage?: string;
+
+    /**
+     * Message for screen readers for single pagination bullet
+     *
+     * @default 'Go to slide {{index}}'
+     */
+    paginationBulletMessage?: string;
+
+    /**
+     * CSS class name of a11 notification
+     *
+     * @default 'swiper-notification'
+     */
+    notificationClass?: string;
+}
+
+// "Multiple imports from './dist/js/swiper.esm' can be combined into one" + "Line breaks are not allowed in import declaration" = ...
+// tslint:disable-next-line:max-line-length
+import { Virtual, Keyboard, Mousewheel, Navigation, Pagination, Scrollbar, Parallax, Zoom, Lazy, Controller, A11y, History, HashNavigation, Autoplay, EffectFade, EffectCube, EffectFlip, EffectCoverflow } from "./dist/js/swiper.esm";
+
+/**
+ * Core module
+ */
+// XXX: This is an export assignment in `dist/js/swiper.js` (referenced by
+// the "main" field of package.json) but a default export in
+// `dist/js/swiper.esm.bundle.js` (referenced by the "module" field).  Short
+// of trying to convince upstream to change their packaging, the best we can
+// do is choose one or the other and hope that users use `esModuleInterop`.
+export default class Swiper {
+    /**
+     * Constructs a new Swiper instance.
+     *
+     * @param container Where Swiper applies to.
+     * @param options   Instance options.
+     */
+    constructor(container: SelectableElement, options?: SwiperOptions);
+
+    /**
+     * Object with passed initialization parameters
+     */
+    params: SwiperOptions;
+
+    /**
+     * Element with slider container.
+     */
+    el: HTMLElement;
+
+    /**
+     * Dom7 element with slider container HTML element. To get vanilla HTMLElement use el
+     */
+    $el: DOM7Element;
+
+    /**
+     * Slider wrapper HTML element.
+     */
+    wrapperEl: HTMLElement;
+
+    /**
+     * Dom7 element with slider wrapper HTML element. To get vanilla HTMLElement use wrapperEl
+     */
+    $wrapperEl: DOM7Element;
+
+    /**
+     * Dom7 array-like collection of slides HTML elements. To get specific slide HTMLElement use slides[1]
+     */
+    slides: DOM7Element[];
+
+    /**
+     * Width of container
+     */
+    width: number;
+
+    /**
+     * Height of container
+     */
+    height: number;
+
+    /**
+     * Current value of wrapper translate
+     */
+    translate: number;
+
+    /**
+     * Current progress of wrapper translate (from 0 to 1)
+     */
+    progress: number;
+
+    /**
+     * Index number of currently active slide.
+     *
+     * @note Note, that in loop mode active index value will be always shifted
+     * on a number of looped/duplicated slides.
+     */
+    activeIndex: number;
+
+    /**
+     * Index number of currently active slide considering duplicated slides in loop mode
+     */
+    realIndex: number;
+
+    /**
+     * Index number of previously active slide
+     */
+    previousIndex: number;
+
+    /**
+     * true if slider on most "left"/"top" position
+     */
+    isBeginning: true;
+
+    /**
+     * true if slider on most "right"/"bottom" position
+     */
+    isEnd: boolean;
+
+    /**
+     * true if swiper is in transition
+     */
+    animating: boolean;
+
+    /**
+     * Object with the following touch event properties:
+     */
+    touches: {
+        startX: number;
+        startY: number;
+        currentX: number;
+        currentY: number;
+        diff: number;
+    };
+
+    /**
+     * Index number of last clicked slide
+     */
+    clickedIdex: number;
+
+    /**
+     * Link to last clicked slide (HTMLElement)
+     */
+    clickedSlide: HTMLElement;
+
+    /**
+     * Disable/enable ability to slide to the next slides by assigning false/true to this property
+     *
+     * @default true
+     */
+    allowSlideNext: boolean;
+
+    /**
+     * Disable/enable ability to slide to the previous slides by assigning false/true to this property
+     *
+     * @default true
+     */
+    allowSlidePrev: boolean;
+
+    /**
+     * Disable/enable ability move slider by grabbing it with
+     * mouse or by touching it with finger (on touch screens)
+     * by assigning false/true to this property
+     *
+     * @default true
+     */
+    allowTouchMove: boolean;
+
+    // Methods
+    /**
+     * Run transition to next slide.
+     *
+     * @param speed Transition duration (in ms).
+     * @param runCallbacks Set it to false (by default it is true) and transition will
+     *  not produce transition events.
+     */
+    slideNext(speed?: number, runCallbacks?: boolean): void;
+
+    /**
+     * Run transition to previous slide.
+     *
+     * @param speed Transition duration (in ms).
+     * @param runCallbacks Set it to false (by default it is true) and transition will
+     *  not produce transition events.
+     */
+    slidePrev(speed?: number, runCallbacks?: boolean): void;
+
+    /**
+     * Run transition to the slide with index number equal to 'index' parameter for the
+     *  duration equal to 'speed' parameter.
+     *
+     * @param index Index number of slide.
+     * @param speed Transition duration (in ms).
+     * @param runCallbacks Set it to false (by default it is true) and transition will
+     *  not produce transition events.
+     */
+    slideTo(index: number, speed?: number, runCallbacks?: boolean): void;
+
+    /**
+     * You should call it after you add/remove slides
+     * manually, or after you hide/show it, or do any
+     * custom DOM modifications with Swiper
+     * This method also includes subcall of the following
+     * methods which you can use separately:
+     */
+    update(): void;
+
+    /**
+     * recalculate size of swiper container
+     */
+    updateSize(): void;
+
+    /**
+     * recalculate number of slides and their offsets. Useful after you add/remove slides with JavaScript
+     */
+    updateSlides(): void;
+
+    /**
+     * recalculate swiper progress
+     */
+    updateProgress(): void;
+
+    /**
+     * update active/prev/next classes on slides and bullets
+     */
+    updateSlidesClasses(): void;
+
+    /**
+     * tach all events listeners
+     */
+    detachEvents(): void;
+
+    /**
+     * Atach all events listeners again
+     */
+    attachEvents(): void;
+
+    /**
+     * Destroy slider instance and detach all events listeners, where
+     */
+    destroy(deleteInstance: boolean, cleanupStyles: boolean): void;
+
+    /**
+     * Set it to false (by default it is true) to not to delete Swiper instance
+     */
+    deleteInstance: boolean;
+
+    /**
+     * Set it to true (by default it is true) and all
+     * custom styles will be removed from slides,
+     * wrapper and container. Useful if you need to
+     * destroy Swiper and to init again with new
+     * options or in different direction
+     */
+    cleanStyles: boolean;
+
+    /**
+     * Installs modules on Swiper in runtime.
+     */
+    static use(modules: SwiperModule[]): void;
+
+    /**
+     * Add new slides to the end. slides could be
+     * HTMLElement or HTML string with new slide or
+     * array with such slides, for example:
+     *
+     * @example appendSlide('<div class="swiper-slide">Slide 10"</div>')
+     * @example
+     * appendSlide([
+     *  '<div class="swiper-slide">Slide 10"</div>',
+     *  '<div class="swiper-slide">Slide 11"</div>'
+     * ]);
+     */
+    appendSlide(slides: HTMLElement | string | string[]): void;
+
+    /**
+     * Add new slides to the beginning. slides could be
+     * HTMLElement or HTML string with new slide or array with such slides, for example:
+     *
+     * @example prependSlide('<div class="swiper-slide">Slide 0"</div>')
+     * @example prependSlide([
+     *  '<div class="swiper-slide">Slide 1"</div>',
+     *  '<div class="swiper-slide">Slide 2"</div>'
+     * ]);
+     */
+    prependSlide(slides: HTMLElement | string | string[]): void;
+
+    /**
+     * Remove selected slides. slideIndex could be a number with slide index to remove or array with indexes.
+     *
+     * @example removeSlide(0); // remove first slide
+     * @example removeSlide([0, 1]); // remove first and second slides
+     * @example removeAllSlides();	// Remove all slides
+     */
+    removeSlide(slideIndex: number | number[]): void;
+
+    /**
+     * Set custom css3 transform's translate value for swiper wrapper
+     */
+    setTranslate(translate: any): void;
+
+    /**
+     * Get current value of swiper wrapper css3 transform translate
+     */
+    getTranslate(): any;
+
+    /**
+     * Add event listener
+     */
+    on(event: SwiperEvent, handler: () => void): void;
+
+    /**
+     * Add event listener that will be executed only once
+     */
+    once(event: SwiperEvent, handler: () => void): void;
+
+    /**
+     * Remove event listener for specified event
+     * If no handler specified, removes all listeners for specified event
+     */
+    off(event: SwiperEvent, handler?: () => void): void;
+
+    /**
+     * Disable mousewheel control
+     */
+    disableMousewheelControl(): void;
+
+    /**
+     * Enable mousewheel control
+     */
+    enableMousewheelControl(): void;
+
+    /**
+     * Disable keyboard control
+     */
+    disableKeyboardControl(): void;
+
+    /**
+     * Enable keyboard control
+     */
+    enableKeyboardControl(): void;
+
+    /**
+     * Unset grab cursor
+     */
+    unsetGrabCursor(): void;
+
+    /**
+     * Set grab cursor
+     */
+    setGrabCursor(): void;
+
+    // Components
+
+    /**
+     * Swiper Navigation module.
+     */
+    navigation?: Navigation;
+
+    /**
+     * Swiper Pagination module.
+     */
+    pagination?: Pagination;
+
+    /**
+     * Swiper Scrollbar module.
+     */
+    scrollbar?: Scrollbar;
+
+    /**
+     * Swiper Autoplay module.
+     */
+    autoplay?: Autoplay;
+
+    /**
+     * Swiper Parallax module.
+     */
+    parallax?: Parallax;
+
+    /**
+     * Swiper Lazy module.
+     */
+    lazy?: Lazy;
+
+    /**
+     * Swiper FadeEffect module.
+     */
+    fadeEffect?: EffectFade;
+
+    /**
+     * Swiper CoverflowEffect module.
+     */
+    coverflowEffect?: EffectCoverflow;
+
+    /**
+     * Swiper FlipEffect module.
+     */
+    flipEffect?: EffectFlip;
+
+    /**
+     * Swiper CubeEffect module.
+     */
+    cubeEffect?: EffectCube;
+
+    /**
+     * Swiper Zoom module.
+     */
+    zoom?: Zoom;
+
+    /**
+     * Swiper Keyboard module.
+     */
+    keyboard?: Keyboard;
+
+    /**
+     * Swiper Mousewheel module.
+     */
+    mousewheel?: Mousewheel;
+
+    /**
+     * Swiper Virtual module.
+     */
+    virtual?: Virtual;
+
+    /**
+     * Swiper HashNavigation module.
+     */
+    hashNavigation?: HashNavigation;
+
+    /**
+     * Swiper History module.
+     */
+    history?: History;
+
+    /**
+     * Swiper Controller module.
+     */
+    controller?: Controller;
+
+    /**
+     * Swiper A11y module.
+     */
+    a11y?: A11y;
 }
diff --git a/types/swiper/swiper-tests.ts b/types/swiper/swiper-tests.ts
index a41b093001..1f3ecbc09a 100644
--- a/types/swiper/swiper-tests.ts
+++ b/types/swiper/swiper-tests.ts
@@ -3,7 +3,8 @@
  * for more details, please see http://idangero.us/swiper/demos/
  * @author Eugene Matseruk
  */
-import { Swiper, Navigation, History } from 'swiper';
+import Swiper from 'swiper';
+import { Swiper as SwiperESM, Navigation, History } from 'swiper/dist/js/swiper.esm';
 
 const containerSelector = '.swiper-container';
 
@@ -12,6 +13,7 @@ const containerSelector = '.swiper-container';
  */
 function defaultDemo() {
     const swiper = new Swiper(containerSelector);
+    const swiper2 = new SwiperESM(containerSelector);
 }
 /**
  * 020-navigation
@@ -771,7 +773,7 @@ function slideableNavigation() {
  * Swiper module instalation.
  */
 function staticUseModules() {
-    Swiper.use([Navigation, History]);
+    SwiperESM.use([Navigation, History]);
 
     const swiper = new Swiper(containerSelector);
 }
diff --git a/types/swiper/tsconfig.json b/types/swiper/tsconfig.json
index 2db3d1376f..9b633bb8cf 100644
--- a/types/swiper/tsconfig.json
+++ b/types/swiper/tsconfig.json
@@ -19,6 +19,7 @@
     },
     "files": [
         "index.d.ts",
+        "dist/js/swiper.esm.d.ts",
         "swiper-tests.ts"
     ]
 }
diff --git a/types/swiper/tslint.json b/types/swiper/tslint.json
index 63d6d869ef..f93cf8562a 100644
--- a/types/swiper/tslint.json
+++ b/types/swiper/tslint.json
@@ -1,9 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "no-self-import": false,
-        // TODOs
-        "no-declare-current-package": false,
-        "no-single-declare-module": false
-    }
+    "extends": "dtslint/dt.json"
 }
diff --git a/types/swipeview/tslint.json b/types/swipeview/tslint.json
index a41bf5d19a..7d5b2a06c0 100644
--- a/types/swipeview/tslint.json
+++ b/types/swipeview/tslint.json
@@ -18,6 +18,7 @@
         "member-access": false,
         "new-parens": false,
         "no-any-union": false,
+        "no-angle-bracket-type-assertion": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
         "no-consecutive-blank-lines": false,
diff --git a/types/switchery/tslint.json b/types/switchery/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/switchery/tslint.json
+++ b/types/switchery/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/systeminformation/index.d.ts b/types/systeminformation/index.d.ts
index b8ec674839..0ebeb16f96 100644
--- a/types/systeminformation/index.d.ts
+++ b/types/systeminformation/index.d.ts
@@ -367,6 +367,7 @@ export namespace Systeminformation {
         tty: string;
         user: string;
         command: string;
+        name: string;
     }
 
     interface ProcessesProcessLoadData {
diff --git a/types/tableify/index.d.ts b/types/tableify/index.d.ts
new file mode 100644
index 0000000000..1933d3d85f
--- /dev/null
+++ b/types/tableify/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for tableify 1.1
+// Project: https://github.com/wankdanker/node-tableify
+// Definitions by: Emily Marigold Klassen <https://github.com/forivall>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+export = tableify;
+
+declare function tableify<T extends Record<string, any>>(
+    obj: T | ReadonlyArray<T>,
+    columns?: ReadonlyArray<keyof T> | false,
+    parents?: any[]
+): string;
+declare function tableify(obj: any): string;
+declare namespace tableify {
+    interface Config {
+        classes?: boolean;
+        classPrefix?: string;
+    }
+    function defaults(config: Config): {
+        <T extends Record<string, any>>(
+            obj: T | ReadonlyArray<T>,
+            columns?: ReadonlyArray<keyof T> | false,
+            parents?: any[]
+        ): string;
+        (obj: any): string;
+    };
+}
diff --git a/types/tableify/tableify-tests.ts b/types/tableify/tableify-tests.ts
new file mode 100644
index 0000000000..e0c42bf1ec
--- /dev/null
+++ b/types/tableify/tableify-tests.ts
@@ -0,0 +1,25 @@
+import tableify = require('tableify');
+
+const html = tableify({
+    someArrayOfObjects: [
+        {a: 1, b: 2, c: 3}
+        , {a: 2, b: 3, c: 4}
+        , {a: 3, b: 4, c: 5}
+    ]
+    , someObject: {
+        key1: 'value1'
+        , someArray: [
+            'value2'
+            , 'value3'
+            , 'value4'
+            , 'value5'
+        ]
+        , someArrayOfObjects: [
+            {key2: 123}
+            , {key2: 234}
+            , {key2: 345}
+        ]
+    }
+});
+
+html;
diff --git a/types/tableify/tsconfig.json b/types/tableify/tsconfig.json
new file mode 100644
index 0000000000..25978fbe4a
--- /dev/null
+++ b/types/tableify/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "tableify-tests.ts"
+    ]
+}
diff --git a/types/tableify/tslint.json b/types/tableify/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/tableify/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/tcp-port-used/index.d.ts b/types/tcp-port-used/index.d.ts
new file mode 100644
index 0000000000..4b715541ed
--- /dev/null
+++ b/types/tcp-port-used/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for tcp-port-used 1.0
+// Project: https://github.com/stdarg/tcp-port-used
+// Definitions by: Gaute Johansen <https://github.com/gautejohan>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface TcpPortUsedOptions {
+    port: number;
+    host: string;
+    status: boolean;
+    retryTimeMs: number;
+    timeOutMs: number;
+}
+
+export function check(port: number | TcpPortUsedOptions, host?: string): Promise<boolean>;
+
+export function waitForStatus(port: number | TcpPortUsedOptions, host?: string, inUse?: boolean, retryTimeMs?: number, timeOutMs?: number): Promise<void>;
+
+export function waitUntilFree(port: number | TcpPortUsedOptions, retryTimeMs?: number, timeOutMs?: number): Promise<void>;
+
+export function waitUntilFreeOnHost(port: number | TcpPortUsedOptions, host?: string, retryTimeMs?: number, timeOutMs?: number): Promise<void>;
+
+export function waitUntilUsed(port: number | TcpPortUsedOptions, retryTimeMs?: number, timeOutMs?: number): Promise<void>;
+
+export function waitUntilUsedOnHost(port: number | TcpPortUsedOptions, host?: string, retryTimeMs?: number, timeOutMs?: number): Promise<void>;
diff --git a/types/tcp-port-used/tcp-port-used-tests.ts b/types/tcp-port-used/tcp-port-used-tests.ts
new file mode 100644
index 0000000000..9d1592bf59
--- /dev/null
+++ b/types/tcp-port-used/tcp-port-used-tests.ts
@@ -0,0 +1,103 @@
+import * as tpu from 'tcp-port-used';
+
+// $ExpectedType boolean
+tpu.check(20000).then((isUsed: boolean) => {
+    // $ExpectedType boolean
+    isUsed;
+});
+
+// $ExpectedType boolean
+tpu.check(20000, 'localhost').then((isUsed: boolean) => {
+    // $ExpectedType boolean
+    isUsed;
+});
+
+// $ExpectedType boolean
+tpu.check({
+    port: 20000,
+    host: '127.0.0.1',
+    status: false,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then((isUsed: boolean) => {
+    // $ExpectedType boolean
+    isUsed;
+});
+
+// $ExpectError
+tpu.check();
+
+// $Expected promise void
+tpu.waitForStatus(20000, '127.0.0.1', true, 1000, 2000).then(() => { });
+
+// $Expected promise void
+tpu.waitForStatus({
+    port: 20000,
+    host: '127.0.0.1',
+    status: true,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then(() => { });
+
+// $ExpectError
+tpu.waitForStatus();
+
+// $Expected promise void
+tpu.waitUntilFree(20000, 1000, 2000);
+
+// $Expected promise void
+tpu.waitUntilFree({
+    port: 20000,
+    host: '127.0.0.1',
+    status: true,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then(() => { });
+
+// $ExpectError
+tpu.waitUntilFree();
+
+// $Expected promise void
+tpu.waitUntilFreeOnHost(20000, '127.0.0.1', 1000, 2000).then(() => { });
+
+// $Expected promise void
+tpu.waitUntilFreeOnHost({
+    port: 20000,
+    host: '127.0.0.1',
+    status: true,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then(() => { });
+
+// $ExpectError
+tpu.waitUntilFreeOnHost();
+
+// $Expected promise void
+tpu.waitUntilUsed(20000, 1000, 2000).then(() => { });
+
+// $Expected promise void
+tpu.waitUntilUsed({
+    port: 20000,
+    host: '127.0.0.1',
+    status: true,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then(() => { });
+
+// $ExpectError
+tpu.waitUntilUsed();
+
+// $Expected promise void
+tpu.waitUntilUsedOnHost(20000, '127.0.0.1', 1000, 2000).then(() => { });
+
+// $Expected promise void
+tpu.waitUntilUsedOnHost({
+    port: 20000,
+    host: '127.0.0.1',
+    status: true,
+    retryTimeMs: 2000,
+    timeOutMs: 2000
+}).then(() => { });
+
+// $ExpectError
+tpu.waitUntilUsedOnHost();
diff --git a/types/tcp-port-used/tsconfig.json b/types/tcp-port-used/tsconfig.json
new file mode 100644
index 0000000000..ac4cc2290f
--- /dev/null
+++ b/types/tcp-port-used/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "tcp-port-used-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/tcp-port-used/tslint.json b/types/tcp-port-used/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/tcp-port-used/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/tempy/index.d.ts b/types/tempy/index.d.ts
index ec210e0829..15c1664409 100644
--- a/types/tempy/index.d.ts
+++ b/types/tempy/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for tempy 0.1
+// Type definitions for tempy 0.2
 // Project: https://github.com/sindresorhus/tempy#readme
-// Definitions by: Douglas Duteil <https://github.com/douglasduteil>
+// Definitions by: Douglas Duteil <https://github.com/douglasduteil>, Gustav Bylund <https://github.com/maistho>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-export function directoryAsync(): Promise<string>;
 export function directory(): string;
-export function file(options?: {extension: string}): string;
+export function file(
+    options?: { extension: string } | { name: string }
+): string;
 export const root: string;
diff --git a/types/tempy/tempy-tests.ts b/types/tempy/tempy-tests.ts
index 56ec437e55..0af9467bb2 100644
--- a/types/tempy/tempy-tests.ts
+++ b/types/tempy/tempy-tests.ts
@@ -1,12 +1,12 @@
-import { directoryAsync, directory, file, root } from 'tempy';
+import { directory, file, root } from "tempy";
 
 //
 
-directoryAsync().then((tempDir1: string) => tempDir1 === '/tmp/123456789');
-
 const tempDir2: string = directory();
 
 const tempFile: string = file();
-const pngFile: string = file({extension: 'png'});
+const pngFile: string = file({ extension: "png" });
+
+const fileWithName: string = file({ name: "afile.txt" });
 
 const tmpRoot: string = root;
diff --git a/types/terminal-menu/terminal-menu-tests.ts b/types/terminal-menu/terminal-menu-tests.ts
index 441c644c96..979407be85 100644
--- a/types/terminal-menu/terminal-menu-tests.ts
+++ b/types/terminal-menu/terminal-menu-tests.ts
@@ -1,6 +1,6 @@
 import * as tty from "tty"; // For typing
 
-let stdin = (<tty.ReadStream> process.stdin);
+let stdin = (process.stdin as tty.ReadStream);
 
 if(!stdin.isTTY) {
     console.log("Terminal not supported");
diff --git a/types/tern/index.d.ts b/types/tern/index.d.ts
new file mode 100644
index 0000000000..ef01c0e289
--- /dev/null
+++ b/types/tern/index.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for tern 0.22
+// Project: https://github.com/ternjs/tern
+// Definitions by: Nikolaj Kappler <https://github.com/nkappler>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+// IMPORTANT Note: These type definitions adhere strictly to the official documentation,
+// which does not seem to match the implementation exactly in some places.
+// As a result, these type definitions may lack some parts of the API that are actually exposed.
+// The type definitions are at a point where they are usable and match the documentation,
+// thus if you want to use undocumented APIs, you should extends these definitions with
+// ambient declaration merging: https://www.typescriptlang.org/docs/handbook/declaration-merging.html
+
+export * from "./lib/tern";
+export * from "./lib/infer";
diff --git a/types/tern/lib/infer/index.d.ts b/types/tern/lib/infer/index.d.ts
new file mode 100644
index 0000000000..58e83ea1c7
--- /dev/null
+++ b/types/tern/lib/infer/index.d.ts
@@ -0,0 +1,218 @@
+import * as ESTree from "estree";
+export { };
+
+// #### Context ####
+interface ContextConstructor {
+    new(defs: any[]): Context;
+}
+export const Context: ContextConstructor;
+export interface Context {
+    topScope: Scope;
+    /** The primitive number type. */
+    num: Type;
+    /** The primitive string type. */
+    str: Type;
+    /** The primitive boolean type. */
+    bool: Type;
+}
+export function cx(): Context;
+export function withContext(context: Context, f: () => void): void;
+
+// #### Analysis ####
+/** Parse a piece of code for use by Tern. Will automatically fall back to the error-tolerant parser if the regular parser can’t parse the code. */
+export function parse(text: string, options?: {}): ESTree.Program;
+/**
+ * Analyze a syntax tree. `name` will be used to set the origin of types, properties, and variables produced by this code.
+ * The optional `scope` argument can be used to specify a scope in which the code should be analyzed.
+ * It will default to the top-level scope.
+ */
+export function analyze(ast: ESTree.Program, name: string, scope?: Scope): void;
+/**
+ * Purges the types that have one of the origins given from the context. `start` and `end` can be given to only purge
+ * types that occurred in the source code between those offsets. This is not entirely precise — the state of the
+ * context won’t be back where it was before the file was analyzed — but it prevents most of the
+ * noticeable inaccuracies that re-analysis tends to produce.
+ */
+export function purgeTypes(origins: string[], start?: number, end?: number): void;
+/**
+ * Cleaning up variables is slightly trickier than cleaning up types. This does a first pass over the given scope,
+ * and marks variables defined by the given origins. This is indended to be followed by a call to `analyze` and then a call to `purgeMarkedVariables`.
+ */
+export function markVariablesDefinedBy(scope: Scope, origins: string[], start?: number, end?: number): void;
+/** Purges variables that were marked by a call to markVariablesDefinedBy and not re-defined in the meantime. */
+export function purgeMarkedVariables(): void;
+
+// #### Types ####
+interface ObjConstructor {
+    new(proto: object | true | null, name?: string): Obj;
+}
+/** Constructor for the type that represents JavaScript objects. `proto` may be another object, or `true` as a short-hand for `Object.prototype`, or `null` for prototype-less objects. */
+export const Obj: ObjConstructor;
+export interface Obj extends Type {
+    /** The prototype of the object, or null. */
+    proto: any;
+    /** An object mapping the object’s known properties to AVals. Don’t manipulate this directly (ever), only use it if you have to iterate over the properties. */
+    props: Readonly<{
+        [key: string]: AVal;
+    }>;
+    /** Looks up the AVal associated with the given property, or returns null if it doesn’t exist. */
+    hasProp(prop: string): AVal | null;
+    /** Looks up the given property, or defines it if it did not yet exist (in which case it will be associated with the given AST node). */
+    defProp(prop: string, originNode?: ESTree.Node): AVal;
+}
+
+interface FnConstructor {
+    new(name: string | undefined, self: AVal, args: AVal[], argNames: string[], retval: AVal): Fn;
+}
+/** Constructor for the type that implements functions. Inherits from `Obj`. The `AVal` types are used to track the input and output types of the function. */
+export const Fn: FnConstructor;
+export type Fn = Obj;
+
+interface ArrConstructor {
+    /** Constructor that creates an array type with the given content type. */
+    new(contentType: AVal): Arr;
+}
+export const Arr: ArrConstructor;
+export type Arr = Obj;
+
+export interface Type extends AVal {
+    /** The name of the type, if any. */
+    name: string;
+    /** The origin file of the type. */
+    origin: string;
+    /**
+     * The syntax node that defined the type. Only present for object and function types,
+     * and even for those it may be missing (if the type was created by a type definition file,
+     * or synthesized in some other way).
+     */
+    originNode?: ESTree.Node;
+    /** Return a string that describes the type. maxDepth indicates the depth to which inner types should be shown. */
+    toString(maxDepth: number): string;
+    /** Get an `AVal` that represents the named property of this type. */
+    getProp(prop: string): AVal;
+    /** Call the given function for all properties of the object, including properties that are added in the future. */
+    forAllProps(f: (prop: string, val: AVal, local: boolean) => void): void;
+}
+
+// #### Abstract Values ####
+
+interface AValConstructor {
+    new(): AVal;
+}
+export const AVal: AValConstructor;
+export interface AVal {
+    /**
+     * Add a type to this abstract value. If the type is already in there,
+     * this is a no-op. weight can be given to give this type a non-default
+     * weight, which is mostly useful when adding a provisionary type that
+     * should be overridden later if a real type is found. The default weight
+     * is 100, and passing a weight lower than that will make the type
+     * assignment “weak”.
+     */
+    addType(type: Type, weight?: number): void;
+    /**
+     * Sets this AVal to propagate all types it receives to the given
+     * constraint. This is the mechanism by which types are propagated
+     * through the type graph.
+     */
+    propagate(target: Constraint): void;
+    /** Queries whether the AVal _currently_ holds the given type. */
+    hasType(type: Type): boolean;
+    /** Queries whether the AVal is empty. */
+    isEmpty(): boolean;
+    /**
+     * Asks the abstract value for its current type. May return `null`
+     * when there is no type, or conflicting types are present. When
+     * `guess` is true or not given, an empty AVal will try to use
+     * heuristics based on its propagation edges to guess a type.
+     */
+    getType(guess?: boolean): Type | null;
+    /**
+     * Asks the AVal if it contains a function type. Useful when
+     * you aren’t interested in other kinds of types.
+     */
+    getFunctionType(): Type | undefined;
+    /**
+     * Abstract values that are used to represent variables
+     * or properties will have, when possible, an `originNode`
+     * property pointing to an AST node.
+     */
+    originNode?: ESTree.Node;
+}
+
+export const ANull: ANull;
+export interface ANull extends AVal {
+    addType(): void;
+    propagate(target: never): void;
+    hasType(): false;
+    isEmpty(): true;
+    getFunctionType(): undefined;
+    getType(): null;
+    originNode: undefined;
+}
+
+// #### Constraints ####
+interface ConstraintConstructor {
+    new(methods: { [key: string]: any }): { new(): Constraint };
+}
+/**
+ * This is a constructor-constructor for constraints. It’ll create a
+ * constructor with all the given methods copied into its prototype,
+ * which will run its construct method on its arguments when instantiated.
+ */
+export const constraint: ConstraintConstructor;
+export interface Constraint extends AVal {
+    /** May return a type that `getType` can use to “guess” its type based on the fact that it propagates to this constraint. */
+    typeHint?(): Type | undefined;
+    /** May return a string when this constraint is indicative of the presence of a specific property in the source AVal. */
+    propHint?(): string | undefined;
+}
+
+// #### Scopes ####
+interface ScopeConstructor {
+    new(parent?: Scope): Scope;
+}
+export const Scope: ScopeConstructor;
+export interface Scope extends Obj {
+    /**
+     * Ensures that this scope or some scope above it has a property by the given name
+     * (defining it in the top scope if it is missing), and, if the property doesn’t
+     * already have an `originNode`, assigns the given node to it.
+     */
+    defVar(name: string, originNode: ESTree.Node): AVal;
+}
+
+// #### Utilities ####
+/**
+ * Searches the given syntax tree for an expression that ends at the given `end` offset and,
+ * if `start` is given, starts at the given start offset. `scope` can be given to override the
+ * outer scope, which defaults to the context’s top scope. Will return a `{node, state}`
+ * object if successful, where `node` is AST node, and `state` is the scope at that point.
+ * Returns `null` if unsuccessful.
+ */
+export function findExpressionAt(ast: ESTree.Program, start: number | undefined, end: number, scope?: Scope): { node: ESTree.Node, state: Scope } | null;
+/**
+ * Similar to `findExpressionAt`, except that it will return the innermost expression
+ * node that spans the given range, rather than only exact matches.
+ */
+export function findExpressionAround(ast: ESTree.Program, start: number | undefined, end: number, scope?: Scope): { node: ESTree.Node, state: Scope } | null;
+/** Similar to `findExpressionAround`, except that it use the same AST walker as `findExpressionAt`. */
+export function findClosestExpression(ast: ESTree.Program, start: number | undefined, end: number, scope?: Scope): { node: ESTree.Node, state: Scope } | null;
+/** Determine an expression for the given node and scope (as returned by the functions above). Will return an `AVal` or plain `Type`. */
+export function expressionType(expr: { node: ESTree.Node, state: Scope }): AVal | Type;
+/** Find the scope at a given position in the syntax tree. The `scope` parameter can be used to override the scope used for code that isn’t wrapped in any function. */
+export function scopeAt(ast: ESTree.Program, pos: number, scope?: Scope): Scope;
+/**
+ * Will traverse the given syntax tree, using `scope` as the starting scope, looking for references to variable `name` that
+ * resolve to scope `refScope`, and call `f` with the node of the reference and its local scope for each of them.
+ */
+export function findRefs(ast: ESTree.Program, scope: Scope, name: string, refScope: Scope, f: (Node: ESTree.Node, Scope: Scope) => void): void;
+/**
+ * Analogous to `findRefs`, but used to look for references to a specific property instead. Whereas `findRefs`
+ * is precise, this is dependent on type inference, and thus can not be relied on to be precise.
+ */
+export function findPropRefs(ast: ESTree.Program, scope: Scope, objType: Obj, propName: string, f: (Node: ESTree.Node) => void): void;
+/** Whenever infer guesses a type through fuzzy heuristics (through `getType` or `expressionType`), it sets a flag. `didGuess` tests whether the guessing flag is set. */
+export function didGuess(): boolean;
+/** Whenever infer guesses a type through fuzzy heuristics (through `getType` or `expressionType`), it sets a flag. `resetGuessing` resets the guessing flag. */
+export function resetGuessing(val?: boolean): void;
diff --git a/types/tern/lib/tern/index.d.ts b/types/tern/lib/tern/index.d.ts
new file mode 100644
index 0000000000..0e48925914
--- /dev/null
+++ b/types/tern/lib/tern/index.d.ts
@@ -0,0 +1,500 @@
+import * as ESTree from "estree";
+import { Scope, Type } from "../infer";
+
+export { };
+
+// #### Programming interface ####
+export type ConstructorOptions = CtorOptions & (SyncConstructorOptions | ASyncConstructorOptions);
+
+interface CtorOptions {
+    /** The definition objects to load into the server’s environment. */
+    defs?: Def[];
+    /** The ECMAScript version to parse. Should be either 5 or 6. Default is 6. */
+    ecmaVersion?: 5 | 6;
+    /** Indicates the maximum amount of milliseconds to wait for an asynchronous getFile before giving up on it. Defaults to 1000. */
+    fetchTimeout?: number;
+    /** Specifies the set of plugins that the server should load. The property names of the object name the plugins, and their values hold options that will be passed to them. */
+    plugins?: { [key: string]: object };
+}
+
+interface SyncConstructorOptions {
+    /** Indicates whether `getFile` is asynchronous. Default is `false`. */
+    async?: false;
+    /**
+     * Provides a way for the server to try and fetch the content of files.
+     * Depending on the `async` option, this is either a function that takes a filename and returns a string (when not `async`), or
+     * a function that takes a `filename` and a `callback`, and calls the callback with an optional `error` as the first argument,
+     * and the `content` string (if no error) as the second.
+     */
+    getFile?(filename: string): string;
+}
+
+interface ASyncConstructorOptions {
+    /** Indicates whether `getFile` is asynchronous. Default is `false`. */
+    async: true;
+    /**
+     * Provides a way for the server to try and fetch the content of files.
+     * Depending on the `async` option, this is either a function that takes a filename and returns a string (when not `async`), or
+     * a function that takes a `filename` and a `callback`, and calls the callback with an optional `error` as the first argument,
+     * and the `content` string (if no error) as the second.
+     */
+    getFile?(filename: string, callback: (error: Error | undefined, content?: string) => void): void;
+}
+
+interface TernConstructor {
+    new(options?: ConstructorOptions): Server;
+}
+
+export const Server: TernConstructor;
+
+export interface Server {
+    /**
+     * Add a set of type definitions to the server. If `atFront` is true, they will be added before all other
+     * existing definitions. Otherwise, they are added at the back.
+     */
+    addDefs(defs: Def[], atFront?: boolean): void;
+
+    /**
+     * Register a file with the server. Note that files can also be included in requests. When using this
+     * to automatically load a dependency, specify the name of the file (as Tern knows it) as the third
+     * argument. That way, the file is counted towards the dependency budget of the root of its dependency graph.
+     */
+    addFile(name: string, text?: string, parent?: string): void;
+
+    /** Unregister a file. */
+    delFile(name: string): void;
+
+    /**
+     * Delete a set of type definitions from the server, by providing the name, taken from
+     * `defs[!name]` property from the definitions. If that property is not available in the
+     * current type definitions, it can’t be removed.
+     */
+    deleteDefs(name: string): void;
+
+    /** Forces all files to be fetched an analyzed, and then calls the callback function. */
+    flush(callback: () => void): void;
+
+    /** Load a server plugin (or don’t do anything, if the plugin is already loaded). */
+    loadPlugin(name: string, options: object): void;
+
+    /** Unregister an event handler. */
+    off<K extends keyof Events>(eventType: K, handler: Events[K]): void;
+
+    /** Register an event handler for the named type of event. */
+    on<K extends keyof Events>(eventType: K, handler: Events[K]): void;
+
+    /**
+     * Perform a request. `doc` is a (parsed) JSON document as described in the protocol documentation.
+     * The `callback` function will be called when the request completes. If an `error` occurred,
+     * it will be passed as a first argument. Otherwise, the `response` (parsed) JSON object will be passed as second argument.
+     *
+     * When the server hasn’t been configured to be asynchronous, the callback will be called before request returns.
+     */
+    request<Q extends Query, D extends Document>(
+        doc: D & { query?: Q },
+        callback: (
+            error: Error | undefined,
+            response: (D extends { query: undefined } ? {} : D extends { query: Query } ? QueryResult<Q> : {}) | undefined
+        ) => void
+    ): void;
+}
+
+// #### JSON Protocol ####
+
+export type QueryResult<Q extends Query> = QueryRegistry[Q["type"]]["result"];
+
+export type Query = QueryRegistry[keyof QueryRegistry]["query"];
+
+export interface QueryRegistry {
+    completions: {
+        query: CompletionsQuery,
+        result: CompletionsQueryResult
+    };
+    type: {
+        query: TypeQuery,
+        result: TypeQueryResult
+    };
+    definition: {
+        query: DefinitionQuery,
+        result: DefinitionQueryResult
+    };
+    documentation: {
+        query: DocumentationQuery;
+        result: DocumentationQueryResult;
+    };
+    refs: {
+        query: RefsQuery;
+        result: RefsQueryResult;
+    };
+    rename: {
+        query: RenameQuery,
+        result: RenameQueryResult
+    };
+    properties: {
+        query: PropertiesQuery,
+        result: PropertiesQueryResult
+    };
+    files: {
+        query: FilesQuery,
+        result: FilesQueryResult
+    };
+}
+
+export interface Def {
+    [key: string]: string | Def;
+}
+
+export interface Document {
+    query?: Query;
+    files?: File[];
+    timeout?: number;
+}
+
+export interface File {
+    name: string;
+    text: string;
+    scope: Scope;
+    ast: ESTree.Program;
+    type?: "full" | "part" | "delete";
+}
+
+export interface BaseQuery {
+    type: string;
+    lineCharPositions?: boolean;
+    docFormat?: "full";
+}
+
+export interface Position {
+    ch: number;
+    line: number;
+}
+
+/** Asks the server for a set of completions at the given point. */
+export interface CompletionsQuery extends BaseQuery {
+    /** Asks the server for a set of completions at the given point. */
+    type: "completions";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location to complete at. */
+    end: number | Position;
+    /** Whether to include the types of the completions in the result data. Default `false` */
+    types?: boolean;
+    /** Whether to include the distance (in scopes for variables, in prototypes for properties) between the completions and the origin position in the result data. Default `false` */
+    depths?: boolean;
+    /** Whether to include documentation strings in the result data. Default `false` */
+    docs?: boolean;
+    /** Whether to include urls in the result data. Default `false` */
+    urls?: boolean;
+    /** Whether to include origin files (if found) in the result data. Default `false` */
+    origins?: boolean;
+    /** When on, only completions that match the current word at the given point will be returned. Turn this off to get all results, so that you can filter on the client side. Default `true` */
+    filter?: boolean;
+    /** Whether to use a case-insensitive compare between the current word and potential completions. Default `false` */
+    caseInsensitive?: boolean;
+    /** When completing a property and no completions are found, Tern will use some heuristics to try and return some properties anyway. Set this to `false` to turn that off. Default `true` */
+    guess?: boolean;
+    /** Determines whether the result set will be sorted. Default `true` */
+    sort?: boolean;
+    /**
+     * When disabled, only the text before the given position is considered part of the word. When enabled (the default),
+     * the whole variable name that the cursor is on will be included. Default `true`
+     */
+    expandWordForward?: boolean;
+    /** Whether to ignore the properties of `Object.prototype` unless they have been spelled out by at least two characters. Default `true` */
+    omitObjectPrototype?: boolean;
+    /** Whether to include JavaScript keywords when completing something that is not a property. Default `false` */
+    includeKeywords?: boolean;
+    /** If completions should be returned when inside a literal. Default `true` */
+    inLiteral?: boolean;
+}
+
+export interface CompletionsQueryResult {
+    /** start offsets of the word that was completed */
+    start: number | Position;
+    /** end offsets of the word that was completed */
+    end: number | Position;
+    /** whether the completion is for a property or a variable */
+    isProperty: boolean;
+    // TODO depends on completionsquery settings -> conditional types?
+    /**
+     * array of completions. When one of the `types`, `depths`, `docs`, `urls`, or `origins`
+     * options was passed, the array will hold objects with a `name` property (the completion text),
+     * and, depending on the options, `type`, `depth`, `doc`, `url`, and `origin` properties.
+     * When none of these options are enabled, the result array will hold plain strings.
+     */
+    completions: string[] | Array<{
+        name: string,
+        type?: string,
+        depth?: number,
+        doc?: string,
+        url?: string,
+        origin?: string
+    }>;
+}
+
+/** Query the type of something. */
+export interface TypeQuery extends BaseQuery {
+    /** Query the type of something. */
+    type: "type";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location of the expression. */
+    end: number | Position;
+    /** Specify the location of the expression. */
+    start?: number | Position;
+    /**
+     * Set to `true` when you are interested in a function type.
+     * This will cause function types to win when something has multiple types.
+     * Default `false`
+     */
+    preferFunction?: boolean;
+    /**
+     * Determines how deep the type string must be expanded.
+     * Nested objects will only display property types up to this depth,
+     * and be represented by their type name or a representation showing
+     * only property names below it. Default `0`
+     */
+    depth?: number;
+}
+
+export interface TypeQueryResult {
+    /** A description of the type of the value. May be "?" when no type was found. */
+    type: string;
+    /** Whether the given type was guessed, or should be considered reliable. */
+    guess: boolean;
+    /** The name associated with the type. */
+    name?: string;
+    /** When the inspected expression was an identifier or a property access, this will hold the name of the variable or property. */
+    exprName?: string;
+    /** If the type had documentation associated with it, these will also be returned. */
+    doc?: string;
+    /** If the type had urls associated with it, these will also be returned. */
+    url?: string;
+    /** If the type had origin information associated with it, these will also be returned. */
+    origin?: string;
+}
+
+/**
+ * Asks for the definition of something. This will try, for a variable or property,
+ * to return the point at which it was defined. If that fails, or the chosen
+ * expression is not an identifier or property reference, it will try to return
+ * the definition site of the type the expression has. If no type is found, or the
+ * type is not an object or function (other types don’t store their definition site),
+ * it will fail to return useful information.
+ */
+export interface DefinitionQuery extends BaseQuery {
+    /**
+     * Asks for the definition of something. This will try, for a variable or property,
+     * to return the point at which it was defined. If that fails, or the chosen
+     * expression is not an identifier or property reference, it will try to return
+     * the definition site of the type the expression has. If no type is found, or the
+     * type is not an object or function (other types don’t store their definition site),
+     * it will fail to return useful information.
+     */
+    type: "definition";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location of the expression. */
+    end: number | Position;
+    /** Specify the location of the expression. */
+    start?: number | Position;
+}
+
+export interface DefinitionQueryResult {
+    /** The start position of the expression. */
+    start?: number | Position;
+    /** The end position of the expression. */
+    end?: number | Position;
+    /** The file in which the definition was defined. */
+    file?: string;
+    /** A slice of the code in front of the definition Can be used to find a definition’s location in a modified file. */
+    context?: string;
+    /** The offset from the start of the context to the actual definition. Can be used to find a definition’s location in a modified file. */
+    contextOffset?: number;
+    /** If the definition had documentation associated with it, these will also be returned. */
+    doc?: string;
+    /** If the definition had urls associated with it, these will also be returned. */
+    url?: string;
+    /** If the definition had origin information associated with it, these will also be returned. */
+    origin?: string;
+}
+
+/** Get the documentation string and URL for a given expression, if any. */
+export interface DocumentationQuery extends BaseQuery {
+    /** Get the documentation string and URL for a given expression, if any. */
+    type: "documentation";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location of the expression. */
+    end: number | Position;
+    /** Specify the location of the expression. */
+    start?: number | Position;
+}
+
+export interface DocumentationQueryResult {
+    /** The documentation string of the definition or value, if any. */
+    doc?: string;
+    /** The url of the definition or value, if any. */
+    url?: string;
+    /** The origin of the definition or value, if any. */
+    origin?: string;
+}
+
+/** Used to find all references to a given variable or property. */
+export interface RefsQuery extends BaseQuery {
+    /** Used to find all references to a given variable or property. */
+    type: "refs";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location of the expression. */
+    end: number | Position;
+    /** Specify the location of the expression. */
+    start?: number | Position;
+}
+
+export interface RefsQueryResult {
+    /** The name of the variable or property */
+    name: string;
+    refs: Array<{
+        file: string,
+        start: number | Position,
+        end: number | Position
+    }>;
+    /** for variables: a type property holding either "global" or "local". */
+    type?: "global" | "local";
+}
+
+/** Rename a variable in a scope-aware way. */
+export interface RenameQuery extends BaseQuery {
+    /** Rename a variable in a scope-aware way. */
+    type: "rename";
+    /** may hold either a filename, or a string in the form "#N", where N should be an integer referring to one of the files included in the request */
+    file: string;
+    /** Specify the location of the variable. */
+    end: number | Position;
+    /** Specify the location of the variable. */
+    start?: number | Position;
+    /** The new name of the variable */
+    newName: string;
+}
+
+/**
+ * Returns an object whose `changes` property holds an array of `{file, start, end, text}` objects, which
+ * give the changes that must be performed to apply the rename. The client is responsible for doing the actual modification.
+ */
+export interface RenameQueryResult {
+    /** Array of changes that must be performed to apply the rename. The client is responsible for doing the actual modification. */
+    changes: Array<{
+        file: string,
+        start: number | Position,
+        end: number | Position,
+        text: string
+    }>;
+}
+
+/** Get a list of all known object property names (for any object). */
+export interface PropertiesQuery extends BaseQuery {
+    /** Get a list of all known object property names (for any object). */
+    type: "properties";
+    /** Causes the server to only return properties that start with the given string. */
+    prefix?: string;
+    /** Whether the result should be sorted. Default `true` */
+    sort?: boolean;
+}
+
+export interface PropertiesQueryResult {
+    /** The property names. */
+    completions: string[];
+}
+
+/** Get the files that the server currently holds in its set of analyzed files. */
+export interface FilesQuery extends BaseQuery {
+    /** Get the files that the server currently holds in its set of analyzed files. */
+    type: "files";
+    docFormat?: never;
+    lineCharPositions?: never;
+}
+
+export interface FilesQueryResult {
+    /** The file names. */
+    files: string[];
+}
+
+export interface Events {
+    /** When the server throws away its current analysis data and starts a fresh run. */
+    reset(): void;
+    /** Before analyzing a file. file is an object holding {name, text, scope} properties. */
+    beforeLoad(file: File): void;
+    /** After analyzing a file. */
+    afterLoad(file: File): void;
+    /**
+     * Will be run right before a file is parsed, and passed the given text and options. If a handler
+     * returns a new text value, the origin text will be overriden. This is useful for
+     * instance when a plugin is able to extract JavaScript content from an HTML file.
+     */
+    preParse(text: string, options: object): string | void;
+    /** Run right after a file is parsed, and passed the parse tree and the parsed file as arguments. */
+    postParse(ast: ESTree.Program, text: string): void;
+    /** Run right before the type inference pass, passing the syntax tree and a scope object. */
+    preInfer(ast: ESTree.Program, scope: Scope): void;
+    /** Run after the type inference pass. */
+    postInfer(ast: ESTree.Program, scope: Scope): void;
+    /**
+     * Run after Tern attempts to find the type at the position end in the given file.
+     * A handler may return either the given type (already calculated by Tern and earlier "typeAt" passes)
+     * or an alternate type to be used instead. This is useful when
+     * a plugin can provide a more helpful type than Tern (e.g. within comments).
+     */
+    typeAt(file: File, end: Position, expr: ESTree.Node, type: Type): Type | void;
+    /** Run at the start of a completion query. May return a valid completion result to replace the default completion algorithm. */
+    completion(file: File, query: Query): CompletionsQueryResult | void;
+}
+
+export const version: string;
+
+// ###### Plugins ########
+
+/**
+ * This can be used to register an initialization function for the plugin with the given name.
+ * A Tern server, when configured to load this plugin, will call this initialization function,
+ * passing in the server instance and the options specified for the plugin (if any). This is the
+ * place where you register event handlers on the server, add type definitions, load other
+ * plugins as dependencies, and/or initialize the plugin’s state.
+ *
+ * See the server’s [list of events](http://ternjs.net/doc/manual.html#events) for ways to wire up plugin behavior.
+ */
+export function registerPlugin(name: string, init: (server: Server, options?: ConstructorOptions) => void): void;
+
+export interface Desc<T extends Query["type"]> {
+    run(Server: Server, query: QueryRegistry[T]["query"], file?: File): QueryRegistry[T]["result"];
+    takesfile?: boolean;
+}
+
+/**
+ * Defines a new type of query with the server. The `desc` object is a property describing the request.
+ * It should at least have a `run` property, which holds a function fn(Server, query) that will
+ * be called to handle queries with a type property that matches the given `name`. It may also have
+ * a `takesFile` property which, if true, will cause the server to try and resolve the file on which
+ * the query operates (from its file property) and pass that (a {name, text, scope, ast} object) as
+ * a third argument to the run function. You will probably need to use the inference
+ * module’s API to do someting useful in this function.
+ *
+ * To be able to use this function and the `request` function in a useful way, you probably want
+ * to define an interface for the query and the result of the query and extend the interface `QueryRegistry` via
+ * [declaration merging](https://www.typescriptlang.org/docs/handbook/declaration-merging.html)
+ * in the following manner:
+ *
+ * ```typescript
+ * declare module "tern/lib/tern" {
+ *   interface QueryRegistry {
+ *     [CustomQueryType]: {
+ *       query: CustomQuery
+ *       result: CustomQueryResult
+ *     }
+ *   }
+ * }
+ * ```
+ * _Note that your query interface should extend_ `BaseQuery` _and that its_ `type` _property has to be spelled
+ * exactly like the key in the_ `QueryRegistry` _interface._
+ */
+export function defineQueryType<T extends Query["type"]>(name: T, desc: Desc<T>): void;
diff --git a/types/tern/test/tern.test.ts b/types/tern/test/tern.test.ts
new file mode 100644
index 0000000000..87cfee1ee6
--- /dev/null
+++ b/types/tern/test/tern.test.ts
@@ -0,0 +1,55 @@
+import * as tern from "tern";
+
+const server: tern.Server = null as any;
+
+server.request({
+    query: {
+        type: "completions",
+        file: "",
+        end: 0
+    }
+}, (error, response) => {
+    if (response && response.isProperty) {
+        //
+    }
+});
+
+server.request({
+}, (error, response) => {
+    // $ExpectError
+    if (response && response.isProperty) {
+        //
+    }
+});
+
+declare module "tern/lib/tern" {
+    interface QueryRegistry {
+        someUnknownType: {
+            query: {
+                type: "someUnknownType"
+            },
+            result: {
+                abc: boolean
+            }
+        };
+    }
+}
+
+server.request({
+    query: {
+        type: "someUnknownType"
+    }
+}, (error, response) => {
+    if (response && response.abc) {
+        //
+    }
+});
+
+server.request({
+    query: undefined
+}, (error, response) => {
+    // $ExpectError
+    if (response && response.isProperty) {
+        //
+    }
+});
diff --git a/types/tern/tsconfig.json b/types/tern/tsconfig.json
new file mode 100644
index 0000000000..24e87522b3
--- /dev/null
+++ b/types/tern/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "lib/tern/index.d.ts",
+        "lib/infer/index.d.ts",
+        "test/tern.test.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/tern/tslint.json b/types/tern/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/tern/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/terser/index.d.ts b/types/terser/index.d.ts
new file mode 100644
index 0000000000..44a3e1cdb7
--- /dev/null
+++ b/types/terser/index.d.ts
@@ -0,0 +1,648 @@
+// Type definitions for terser 3.8
+// Project: https://github.com/terser-js/terser
+// Definitions by: JordiAnderl <https://github.com/JordiAnderl>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 3.0
+
+import * as MOZ_SourceMap from "source-map";
+
+export interface Tokenizer {
+    /**
+     * The type of this token.
+     * "comment1" and "comment2" are for single-line, respectively multi-line comments.
+     */
+    type: "num" | "string" | "regexp" | "operator" | "punc" | "atom" | "name" | "keyword" | "comment1" | "comment2";
+
+    /**
+     * The name of the file where this token originated from. Useful when compressing multiple files at once to generate the proper source map.
+     */
+    file: string;
+
+    /**
+     * The "value" of the token.
+     * That's additional information and depends on the token type: "num", "string" and "regexp" tokens you get their literal value.
+     * - For "operator" you get the operator.
+     * - For "punc" it's the punctuation sign (parens, comma, semicolon etc).
+     * - For "atom", "name" and "keyword" it's the name of the identifier
+     * - For comments it's the body of the comment (excluding the initial "//" and "/*".
+     */
+    value: string;
+
+    /**
+     * The line number of this token in the original code.
+     * 1-based index.
+     */
+    line: number;
+
+    /**
+     * The column number of this token in the original code.
+     * 0-based index.
+     */
+    col: number;
+
+    /**
+     * Short for "newline before", it's a boolean that tells us whether there was a newline before this node in the original source. It helps for automatic semicolon insertion.
+     * For multi-line comments in particular this will be set to true if there either was a newline before this comment, or * * if this comment contains a newline.
+     */
+    nlb: boolean;
+
+    /**
+     * This doesn't apply for comment tokens, but for all other token types it will be an array of comment tokens that were found before.
+     */
+    comments_before: string[];
+}
+
+export class AST_Node {
+    // The first token of this node
+    start: AST_Node;
+
+    // The last token of this node
+    end: AST_Node;
+
+    value?: string | number;
+    file?: string;
+    property?: string;
+    key?: string;
+
+    transform(tt: TreeTransformer): AST_Toplevel;
+
+    walk(walker: TreeWalker): void;
+}
+
+export class AST_Toplevel extends AST_Node {
+    // Terser contains a scope analyzer which figures out variable/function definitions, references etc.
+    // You need to call it manually before compression or mangling.
+    // The figure_out_scope method is defined only on the AST_Toplevel node.
+    figure_out_scope(): void;
+
+    // Get names that are optimized for GZip compression (names will be generated using the most frequent characters first)
+    compute_char_frequency(): void;
+
+    mangle_names(): void;
+
+    print(stream: OutputStream): void;
+
+    print_to_string(options?: BeautifierOptions): string;
+}
+
+export interface MinifyOptions {
+    spidermonkey?: boolean;
+    outSourceMap?: string;
+    sourceRoot?: string;
+    inSourceMap?: string;
+    fromString?: boolean;
+    warnings?: boolean;
+    mangle?: boolean | MangleOptions;
+    output?: OutputOptions;
+    compress?: boolean | CompressOptions;
+    nameCache?: {};
+}
+
+export interface MinifyOutput {
+    code: string;
+    map: string;
+    warnings?: string[];
+    error?: string;
+    ast?: boolean | AST_Toplevel;
+}
+
+export function minify(files: {}, options?: MinifyOptions): MinifyOutput;
+
+export interface ParseOptions {
+    // Default is false
+    strict?: boolean;
+
+    // Input file name, default is null
+    filename?: string;
+
+    // Default is null
+    toplevel?: AST_Toplevel;
+}
+export interface CompressOptions {
+    /** Replace `arguments[index]` with function parameter name whenever possible. */
+    arguments?: boolean;
+    /** Various optimizations for boolean context, for example `!!a ? b : c → a ? b : c` */
+    booleans?: boolean;
+    /** Collapse single-use non-constant variables, side effects permitting. */
+    collapse_vars?: boolean;
+    /** Apply certain optimizations to binary nodes, e.g. `!(a <= b) → a > b,` attempts to negate binary nodes, e.g. `a = !b && !c && !d && !e → a=!(b||c||d||e)` etc */
+    comparisons?: boolean;
+    /** Apply optimizations for `if-s` and conditional expressions. */
+    conditionals?: boolean;
+    /** Remove unreachable code */
+    dead_code?: boolean;
+    /**
+     * Pass `true` to discard calls to console.* functions.
+     * If you wish to drop a specific function call such as `console.info` and/or retain side effects from function
+     * arguments after dropping the function call then use `pure_funcs` instead.
+     */
+    drop_console?: boolean;
+    /** Remove `debugger;` statements */
+    drop_debugger?: boolean;
+    /** Attempt to evaluate constant expressions */
+    evaluate?: boolean;
+    /** Pass `true` to preserve completion values from terminal statements without `return`, e.g. in bookmarklets. */
+    expression?: boolean;
+    global_defs?: object;
+    /** hoist function declarations */
+    hoist_funs?: boolean;
+    /**
+     * Hoist properties from constant object and array literals into regular variables subject to a set of constraints.
+     * For example: `var o={p:1, q:2}; f(o.p, o.q);` is converted to `f(1, 2);`. Note: `hoist_props` works best with mangle enabled,
+     * the compress option passes set to 2 or higher, and the compress option toplevel enabled.
+     */
+    hoist_props?: boolean;
+    /** Hoist var declarations (this is `false` by default because it seems to increase the size of the output in general) */
+    hoist_vars?: boolean;
+    /** Optimizations for if/return and if/continue */
+    if_return?: boolean;
+    /**
+     * Inline calls to function with simple/return statement
+     * - false -- same as `Disabled`
+     * - `Disabled` -- disabled inlining
+     * - `SimpleFunctions` -- inline simple functions
+     * - `WithArguments` -- inline functions with arguments
+     * - `WithArgumentsAndVariables` -- inline functions with arguments and variables
+     * - true -- same as `WithArgumentsAndVariables`
+     */
+    inline?: boolean | InlineFunctions;
+    /** join consecutive `var` statements */
+    join_vars?: boolean;
+    /** Prevents the compressor from discarding unused function arguments. You need this for code which relies on `Function.length` */
+    keep_fargs?: boolean;
+    /** Pass true to prevent the compressor from discarding function names. Useful for code relying on `Function.prototype.name`. */
+    keep_fnames?: boolean;
+    /** Pass true to prevent Infinity from being compressed into `1/0`, which may cause performance issues on `Chrome` */
+    keep_infinity?: boolean;
+    /** Optimizations for `do`, `while` and `for` loops when we can statically determine the condition. */
+    loops?: boolean;
+    /** negate `Immediately-Called Function Expressions` where the return value is discarded, to avoid the parens that the code generator would insert. */
+    negate_iife?: boolean;
+    /** The maximum number of times to run compress. In some cases more than one pass leads to further compressed code. Keep in mind more passes will take more time. */
+    passes?: number;
+    /** Rewrite property access using the dot notation, for example `foo["bar"]` to `foo.bar` */
+    properties?: boolean;
+    /**
+     * An array of names and UglifyJS will assume that those functions do not produce side effects.
+     * DANGER: will not check if the name is redefined in scope.
+     * An example case here, for instance `var q = Math.floor(a/b)`.
+     * If variable q is not used elsewhere, UglifyJS will drop it, but will still keep the `Math.floor(a/b)`,
+     * not knowing what it does. You can pass `pure_funcs: [ 'Math.floor' ]` to let it know that this function
+     * won't produce any side effect, in which case the whole statement would get discarded. The current
+     * implementation adds some overhead (compression will be slower).
+     */
+    pure_funcs?: string[];
+    pure_getters?: boolean | 'strict';
+    /**
+     * Allows single-use functions to be inlined as function expressions when permissible allowing further optimization.
+     * Enabled by default. Option depends on reduce_vars being enabled. Some code runs faster in the Chrome V8 engine if
+     * this option is disabled. Does not negatively impact other major browsers.
+     */
+    reduce_funcs?: boolean;
+    /** Improve optimization on variables assigned with and used as constant values. */
+    reduce_vars?: boolean;
+    sequences?: boolean;
+    /** Pass false to disable potentially dropping functions marked as "pure". */
+    side_effects?: boolean;
+    /** De-duplicate and remove unreachable `switch` branches.  */
+    switches?: boolean;
+    /** Drop unreferenced functions ("funcs") and/or variables ("vars") in the top level scope (false by default, true to drop both unreferenced functions and variables) */
+    toplevel?: boolean;
+    /** Prevent specific toplevel functions and variables from unused removal (can be array, comma-separated, RegExp or function. Implies toplevel) */
+    top_retain?: boolean;
+    typeofs?: boolean;
+    unsafe?: boolean;
+    /** Compress expressions like a `<= b` assuming none of the operands can be (coerced to) `NaN`. */
+    unsafe_comps?: boolean;
+    /** Compress and mangle `Function(args, code)` when both args and code are string literals. */
+    unsafe_Function?: boolean;
+    /** Optimize numerical expressions like `2 * x * 3` into `6 * x`, which may give imprecise floating point results.  */
+    unsafe_math?: boolean;
+    /** Optimize expressions like `Array.prototype.slice.call(a)` into `[].slice.call(a)` */
+    unsafe_proto?: boolean;
+    /** Enable substitutions of variables with `RegExp` values the same way as if they are constants. */
+    unsafe_regexp?: boolean;
+    unsafe_undefined?: boolean;
+    unused?: boolean;
+    /** display warnings when dropping unreachable code or unused declarations etc. */
+    warnings?: boolean;
+}
+
+export enum InlineFunctions {
+    Disabled = 0,
+    SimpleFunctions = 1,
+    WithArguments = 2,
+    WithArgumentsAndVariables = 3
+}
+
+export interface MangleOptions {
+    /** Pass true to mangle names visible in scopes where `eval` or with are used. */
+    eval?: boolean;
+    /** Pass true to not mangle function names. Useful for code relying on `Function.prototype.name`. */
+    keep_fnames?: boolean;
+    /** Pass an array of identifiers that should be excluded from mangling. Example: `["foo", "bar"]`. */
+    reserved?: string[];
+    /** Pass true to mangle names declared in the top level scope. */
+    toplevel?: boolean;
+    properties?: boolean | ManglePropertiesOptions;
+}
+
+export interface ManglePropertiesOptions {
+    /** Use true to allow the mangling of builtin DOM properties. Not recommended to override this setting. */
+    builtins?: boolean;
+    /** Mangle names with the original name still present. Pass an empty string "" to enable, or a non-empty string to set the debug suffix. */
+    debug?: boolean;
+    /** Only mangle unquoted property names */
+    keep_quoted?: boolean;
+    /** Pass a RegExp literal to only mangle property names matching the regular expression. */
+    regex?: RegExp;
+    /** Do not mangle property names listed in the reserved array */
+    reserved?: string[];
+}
+
+export interface OutputOptions {
+    ascii_only?: boolean;
+    beautify?: boolean;
+    braces?: boolean;
+    comments?: boolean | 'all' | 'some' | RegExp;
+    indent_level?: number;
+    indent_start?: boolean;
+    inline_script?: boolean;
+    keep_quoted_props?: boolean;
+    max_line_len?: boolean | number;
+    preamble?: string;
+    preserve_line?: boolean;
+    quote_keys?: boolean;
+    quote_style?: OutputQuoteStyle;
+    semicolons?: boolean;
+    shebang?: boolean;
+    webkit?: boolean;
+    width?: number;
+    wrap_iife?: boolean;
+}
+
+export enum OutputQuoteStyle {
+    PreferDouble = 0,
+    AlwaysSingle = 1,
+    AlwaysDouble = 2,
+    AlwaysOriginal = 3
+}
+
+/**
+ * The parser creates a custom abstract syntax tree given a piece of JavaScript code.
+ * Perhaps you should read about the AST first.
+ */
+export function parse(code: string, options?: ParseOptions): AST_Toplevel;
+
+export interface BeautifierOptions {
+    /**
+     * Start indentation on every line (only when `beautify`)
+     */
+    indent_start?: number;
+
+    /**
+     * Indentation level (only when `beautify`)
+     */
+    indent_level?: number;
+
+    /**
+     * Quote all keys in {} literals?
+     */
+    quote_keys?: boolean;
+
+    /**
+     * Add a space after colon signs?
+     */
+    space_colon?: boolean;
+
+    /**
+     * Output ASCII-safe? (encodes Unicode characters as ASCII)
+     */
+    ascii_only?: boolean;
+
+    /**
+     * Escape "</script"?
+     */
+    inline_script?: boolean;
+
+    /**
+     * Informative maximum line width (for beautified output)
+     */
+    width?: number;
+
+    /**
+     * Maximum line length (for non-beautified output)
+     */
+    max_line_len?: boolean | number;
+
+    /**
+     * Output IE-safe code?
+     */
+    ie_proof?: boolean;
+
+    /**
+     * Beautify output?
+     */
+    beautify?: boolean;
+
+    /**
+     * Output a source map
+     */
+    source_map?: SourceMap;
+
+    /**
+     * Use brackets every time?
+     */
+    bracketize?: boolean;
+
+    /**
+     * Output comments?
+     */
+    comments?: boolean;
+
+    /**
+     * Use semicolons to separate statements? (otherwise, newlines)
+     */
+    semicolons?: boolean;
+}
+
+export interface OutputStream {
+    // Return the output so far as a string
+    get(): string;
+    toString(): string;
+
+    // Insert one indentation string (usually 4 characters).
+    // Optionally pass true to indent half the width (I'm using that for case and default lines in switch blocks.
+    // If beautify is off, this function does nothing.
+    indent(half?: boolean): void;
+
+    // Return the current indentation width (not level; for example if we're in level 2 and indent_level is 4, this method would return 8.
+    indentation(): number;
+
+    // return the width of the current line text minus indentation.
+    current_width(): number;
+
+    // Return true if current_width() is bigger than options.width (assuming options.width is non-null, non-zero).
+    should_break(): boolean;
+
+    // If beautification is on, this inserts a newline. Otherwise it does nothing.
+    newline(): void;
+
+    // Include the given string into the output, adjusting current_line, current_col and current_pos accordingly.
+    print(str: string): void;
+
+    // If beautification is on this always includes a space character.
+    // Otherwise it saves a hint somewhere that a space might be needed at current point.
+    // The space will go in at the next output but only when absolutely required, for example it will insert the space in return 10 but not in return"stuff".
+    space(): void;
+
+    // Inserts a comma, and calls space() — that is, if beautification is on you'll get a space after the comma.
+    comma(): void;
+
+    // Inserts a colon, and calls space() if options.space_colon is set.
+    colon(): void;
+
+    // Returns the last printed chunk.
+    last(): string;
+
+    // If beautification is on it always inserts a semicolon.
+    // Otherwise it saves a hint that a semicolon might be needed at current point.
+    // The semicolon is inserted when the next output comes in, only if required to not break the JS syntax.
+    semicolon(): void;
+
+    // Always inserts a semicolon and clears the hint that a semicolon might be needed.
+    force_semicolon(): void;
+
+    // Encodes any non-ASCII characters in string with JavaScript's conventions (using \uCODE).
+    to_ascii(str: string): void;
+
+    // Prints an identifier. If options.ascii_only is set, non-ASCII chars will be encoded with JavaScript conventions.
+    print_name(name: string): void;
+
+    // Prints a string. It adds quotes automatically.
+    // It prefers double-quotes, but will actually count any quotes in the string and will use single-quotes if the output proves to be shorter (depending on how many backslashes it has to insert).
+    // It encodes to ASCII if options.ascii_only is set.
+    print_string(str: string): void;
+
+    // Returns the width of the next indentation level. For example if current level is 2 and options.indent_level is 4, it'll return 12.
+    next_indent(): number;
+
+    // Sets the current indentation to col (column), calls the function and thereafter restores the previous indentation level.
+    // If beautification is off it simply calls func.
+    with_indent(col: number, func: () => void): void;
+
+    // This is used to output blocks in curly brackets.
+    // It'll print an open bracket at current point, then call newline() and with the next indentation level it calls your func.
+    // Lastly, it'll print an indented closing bracket. As usual, if beautification is off you'll just get {x} where x is whatever func outputs.
+    with_block(func: () => void): void;
+
+    // Adds parens around the output that your function prints.
+    with_parens(func: () => void): void;
+
+    // Adds square brackets around the output that your function prints.
+    with_square(func: () => void): void;
+
+    // If options.source_map is set, this will generate a source mapping between the given token (which should be an AST_Token-like {}) and the current line/col.
+    // The name is optional; in most cases it will be inferred from the token.
+    add_mapping(token: AST_Node, name?: string): void;
+
+    // Returns the option with the given name.
+    option(name: string): any;
+
+    // Returns the current line in the output (1-based).
+    line(): number;
+
+    // Returns the current column in the output (zero-based).
+    col(): number;
+
+    // Push the given node into an internal stack. This is used to keep track of current node's parent(s).
+    push_node(node: AST_Node): void;
+
+    // Pops the top of the stack and returns it.
+    pop_node(): AST_Node;
+
+    // Returns that internal stack.
+    stack(): any;
+
+    // Returns the n-th parent node (where zero means the direct parent).
+    parent(n: number): AST_Node;
+}
+
+/**
+ * The code generator is a recursive process of getting back source code from an AST returned by the parser.
+ * Every AST node has a “print” method that takes an OutputStream and dumps the code from that node into it.
+ * The stream {} supports a lot of options that control the output.
+ * You can specify whether you'd like to get human-readable (indented) output, the indentation level, whether you'd like to quote all properties in {} literals etc.
+ */
+export function OutputStream(options?: BeautifierOptions): OutputStream;
+
+export interface SourceMapOptions {
+    /**
+     * The compressed file name
+     */
+    file?: string;
+
+    /**
+     * The root URL to the original sources
+     */
+    root?: string;
+
+    /**
+     * The input source map.
+     * Useful when you compress code that was generated from some other source (possibly other programming language).
+     * If you have an input source map, pass it in this argument and Terser will generate a mapping that maps back
+     * to the original source (as opposed to the compiled code that you are compressing).
+     */
+    orig?: {} | JSON;
+}
+
+export interface SourceMap {
+    add(source: string, gen_line: number, gen_col: number, orig_line: number, orig_col: number, name?: string): void;
+    get(): MOZ_SourceMap.SourceMapGenerator;
+    toString(): string;
+}
+
+/**
+ * The output stream keeps track of the current line/column in the output and can trivially generate a source mapping to the original code via Mozilla's source-map library.
+ * To use this functionality, you must load this library (it's automatically require-d by Terser in the NodeJS version, but in a browser you must load it yourself)
+ * and make it available via the global MOZ_SourceMap variable.
+ */
+export function SourceMap(options?: SourceMapOptions): SourceMap;
+
+export interface CompressorOptions {
+    // Join consecutive statemets with the “comma operator”
+    sequences?: boolean;
+
+    // Optimize property access: a["foo"] → a.foo
+    properties?: boolean;
+
+    // Discard unreachable code
+    dead_code?: boolean;
+
+    // Discard “debugger” statements
+    drop_debugger?: boolean;
+
+    // Some unsafe optimizations (see below)
+    unsafe?: boolean;
+
+    // Optimize if-s and conditional expressions
+    conditionals?: boolean;
+
+    // Optimize comparisons
+    comparisons?: boolean;
+
+    // Evaluate constant expressions
+    evaluate?: boolean;
+
+    // Optimize boolean expressions
+    booleans?: boolean;
+
+    // Optimize loops
+    loops?: boolean;
+
+    // Drop unused variables/functions
+    unused?: boolean;
+
+    // Hoist function declarations
+    hoist_funs?: boolean;
+
+    // Hoist variable declarations
+    hoist_vars?: boolean;
+
+    // Optimize if-s followed by return/continue
+    if_return?: boolean;
+
+    // Join var declarations
+    join_vars?: boolean;
+
+    // Try to cascade `right` into `left` in sequences
+    cascade?: boolean;
+
+    // Drop side-effect-free statements
+    side_effects?: boolean;
+
+    // Warn about potentially dangerous optimizations/code
+    warnings?: boolean;
+
+    // Global definitions
+    global_defs?: {};
+}
+
+/**
+ * The compressor is a tree transformer which reduces the code size by applying various optimizations on the AST
+ */
+export function Compressor(options?: CompressorOptions): AST_Toplevel;
+
+// TODO:
+
+/**
+ * Terser provides a TreeWalker {} and every node has a walk method that given a walker will apply your visitor to each node in the tree.
+ * Your visitor can return a non-falsy value in order to prevent descending the current node.
+ */
+export class TreeWalker {
+    constructor(visitor: visitor);
+    parent: () => AST_Scope;
+    stack: AST_Scope[];
+}
+
+export type visitor = (node: AST_Node, descend: () => void) => boolean | void;
+
+// TODO:
+
+/**
+ * The tree transformer is a special case of a tree walker.
+ * In fact it even inherits from TreeWalker and you can use the same methods, but initialization and visitor protocol are a bit different.
+ */
+export class TreeTransformer extends TreeWalker {
+    constructor(visitor: visitor, after: visitor);
+}
+
+// TODO: http://lisperator.net/uglifyjs/ast
+
+export class AST_PropAccess extends AST_Node {
+}
+
+export class AST_ObjectKeyVal extends AST_Node {
+}
+
+export class AST_Scope extends AST_Node {
+    find_variable(name: string): AST_SymbolDeclaration;
+}
+
+export class AST_Symbol extends AST_Node {
+    scope?: AST_Scope;
+    name: string;
+    thedef: unknown;
+}
+
+export class AST_SymbolDeclaration extends AST_Symbol {
+    orig: AST_SymbolDeclaration[];
+    references: AST_SymbolRef[];
+    global: boolean;
+    undeclared: boolean;
+    constant: boolean;
+    mangledName?: string;
+    mangled_name?: string;
+}
+
+export class AST_SymbolRef extends AST_Symbol {
+}
+
+export class AST_Call extends AST_Node {
+    expression: { name?: string, property?: string };
+    args: AST_Node[];
+}
+export class AST_String extends AST_Node {
+    value: string;
+}
+export class AST_Lambda extends AST_Node {
+    name?: string;
+}
+export class AST_SymbolMethod extends AST_Node {
+    name?: string;
+}
+export class AST_ConciseMethod extends AST_Node {
+}
+export class AST_SymbolVar extends AST_Node {
+    name?: string;
+}
diff --git a/types/terser/package.json b/types/terser/package.json
new file mode 100644
index 0000000000..25c65e7595
--- /dev/null
+++ b/types/terser/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "source-map": "*"
+    }
+}
diff --git a/types/terser/terser-tests.ts b/types/terser/terser-tests.ts
new file mode 100644
index 0000000000..49b9190070
--- /dev/null
+++ b/types/terser/terser-tests.ts
@@ -0,0 +1,33 @@
+/// <reference types="node" />
+
+import { OutputQuoteStyle, minify } from 'terser';
+
+let code: any;
+
+code = {
+    "file1.js": "function add(first, second) { return first + second; }",
+    "file2.js": "console.log(add(1 + 2, 3 + 4));"
+};
+
+minify(code);
+
+code = "function add(first, second) { return first + second; }";
+minify(code);
+
+minify(code);
+
+const output = minify(code, {
+    warnings: true,
+    mangle: {
+        properties: {
+            regex: /reg/
+        }
+    },
+    compress: {
+        arguments: true
+    }
+});
+
+if (output.warnings) {
+    output.warnings.filter(x => x === 'Dropping unused variable');
+}
diff --git a/types/terser/tsconfig.json b/types/terser/tsconfig.json
new file mode 100644
index 0000000000..937a5d1350
--- /dev/null
+++ b/types/terser/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "terser-tests.ts"
+    ]
+}
diff --git a/types/terser/tslint.json b/types/terser/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/terser/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/test-console/index.d.ts b/types/test-console/index.d.ts
new file mode 100644
index 0000000000..cc4ed8e5a0
--- /dev/null
+++ b/types/test-console/index.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for test-console 1.1
+// Project: https://github.com/jamesshore/test-console
+// Definitions by:  Roberto Soares <https://github.com/roberto>
+//                  Pedro Guidoux <https://github.com/guidoux>
+//                  Guilherme Moretti <https://github.com/gbmoretti>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export const stdout: TestStream;
+export const stderr: TestStream;
+
+export type Output = ReadonlyArray<string>;
+export type OutputCallback = (output: Output) => void;
+export type NoOutputCallback = () => void;
+export type Restore = () => void;
+
+export interface Options {
+    isTTY?: boolean;
+}
+
+export interface Inspector {
+    output: Output;
+    restore: Restore;
+}
+
+export interface TestStream {
+    inspect(options?: Options): Inspector;
+    inspectSync(fn: OutputCallback): Output;
+    inspectSync(options: Options, fn: OutputCallback): Output;
+    ignore(options?: Options): Restore;
+    ignoreSync(fn: NoOutputCallback): void;
+    ignoreSync(options: Options, fn: NoOutputCallback): void;
+}
diff --git a/types/test-console/test-console-tests.ts b/types/test-console/test-console-tests.ts
new file mode 100644
index 0000000000..8b450eff43
--- /dev/null
+++ b/types/test-console/test-console-tests.ts
@@ -0,0 +1,53 @@
+import { stdout, stderr } from 'test-console';
+
+// $ExpectType Inspector
+stdout.inspect();
+// $ExpectType Inspector
+stdout.inspect({isTTY: true});
+
+// $ExpectError
+stdout.inspectSync();
+// $ExpectError
+stdout.inspectSync({});
+// $ExpectType ReadonlyArray<string>
+stdout.inspectSync({isTTY: false}, (output) => output);
+
+// $ExpectType Restore
+stdout.ignore();
+// $ExpectType Restore
+stdout.ignore({isTTY: false});
+
+// $ExpectError
+stdout.ignoreSync();
+// $ExpectType void
+stdout.ignoreSync(() => {});
+// $ExpectError
+stdout.ignoreSync({}, (output) => output);
+// $ExpectType void
+stdout.ignoreSync({}, () => {});
+
+// $ExpectType Inspector
+stderr.inspect();
+// $ExpectType Inspector
+stderr.inspect({isTTY: true});
+
+// $ExpectError
+stderr.inspectSync();
+// $ExpectError
+stderr.inspectSync({});
+// $ExpectType ReadonlyArray<string>
+stderr.inspectSync({isTTY: false}, (output) => output);
+
+// $ExpectType Restore
+stderr.ignore();
+// $ExpectType Restore
+stderr.ignore({isTTY: false});
+
+// $ExpectError
+stderr.ignoreSync();
+// $ExpectType void
+stderr.ignoreSync(() => {});
+// $ExpectError
+stderr.ignoreSync({}, (output) => output);
+// $ExpectType void
+stderr.ignoreSync({}, () => {});
diff --git a/types/test-console/tsconfig.json b/types/test-console/tsconfig.json
new file mode 100644
index 0000000000..70923f723b
--- /dev/null
+++ b/types/test-console/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "test-console-tests.ts"
+    ]
+}
diff --git a/types/test-console/tslint.json b/types/test-console/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/test-console/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/text-encoding/index.d.ts b/types/text-encoding/index.d.ts
index 4038f805d2..88296cb396 100644
--- a/types/text-encoding/index.d.ts
+++ b/types/text-encoding/index.d.ts
@@ -1,7 +1,8 @@
 // Type definitions for text-encoding
 // Project: https://github.com/inexorabletash/text-encoding
-// Definitions by: MIZUNE Pine <https://github.com/pine613>
+// Definitions by: Pine Mizune <https://github.com/pine>
 //                 Mohsen Azimi <https://github.com/mohsen1>
+//                 Thomas Nicollet <https://github.com/nwmqpa>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -31,11 +32,20 @@ interface TextEncodeOptions {
     stream?: boolean;
 }
 
+interface TextDecoderOptions {
+    stream?: boolean;
+}
+
 interface TextEncoder {
     readonly encoding: string;
     encode(input?: string, options?: TextEncodeOptions): Uint8Array;
 }
 
+interface TextDecoder {
+    readonly encoding: string;
+    decode(input?: Uint8Array, options?: TextDecoderOptions): string;
+}
+
 declare module "text-encoding" {
     export = TextEncoding;
 }
diff --git a/types/texzilla/index.d.ts b/types/texzilla/index.d.ts
new file mode 100644
index 0000000000..5b368c967e
--- /dev/null
+++ b/types/texzilla/index.d.ts
@@ -0,0 +1,100 @@
+// Type definitions for texzilla 0.9
+// Project: https://github.com/fred-wang/TeXZilla/
+// Definitions by: Michal Grňo <https://github.com/m93a>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Sets TeXZilla's DOMParser to the `parser` object. Note that TeXZilla tries to automatically initialize
+ * its DOMParser to `new DOMParser()` and otherwise create a dummy instance throwing exception when used.
+ * @param parser - the DOMParser object
+ * @see https://w3c.github.io/DOM-Parsing/#the-domparser-interface
+ */
+export function setDOMParser(parser: DOMParser): void;
+
+/**
+ * Sets TeXZilla's XMLSerializer to the `serializer` object. Note that TeXZilla tries to automatically
+ * initialize its XMLSerializer to `new XMLSerializer()` and otherwise create a dummy instance throwing
+ * exception when used.
+ * @param serializer - the XMLSerializer object
+ * @see https://w3c.github.io/DOM-Parsing/#the-xmlserializer-interface
+ */
+export function setXMLSerializer(serializer: XMLSerializer): void;
+
+/**
+ * Enables or disables TeXZilla's safe mode. By default safe mode is disabled but if you enable it,
+ * MathML features like href or maction that are known to be usable for XSS injections will be ignored.
+ * @param enabled - pass `true` if you don't trust the LaTeX source string to be safe
+ */
+export function setSafeMode(enabled: boolean): void;
+
+/**
+ * Enables or disables itex identifier mode. By default this is disabled but if you enable it,
+ * a sequence of basic latin letters (a, b, ... z, A, B, C, ..., Z) such as `$pin$` will generate
+ * a single MathML token `<mi>pin</mi>`. Other letters e.g. Greek or Arabic will still be treated
+ * as individual tokens.
+ * @param enabled - pass `true` to treat groups of latin letters as words
+ */
+export function setItexIdentifierMode(enabled: boolean): void;
+
+/**
+ * Returns the TeX source attached to `el` via a semantics annotation or null if none is found.
+ * This requires to have a DOMParser instance available and the corresponding DOM API to handle trees.
+ * @see setDOMParser
+ * @param el - either a string or a MathML DOM element
+ */
+export function getTeXSource(el: string | Element): string | null;
+
+/**
+ * Converts a TeX string into a MathML source and returns the corresponding string.
+ * @param str - TeX string
+ * @param displayMode - indicates whether the MathML output should be in display mode
+ * @param rightToLeft - indicates whether the MathML output should be in RTL direction
+ * @param throwOnError - indicates whether TeXZilla should throw an exception when parsing fails
+ */
+export function toMathMLString(str: string, displayMode?: boolean, rightToLeft?: boolean, throwOnError?: boolean): string;
+
+/**
+ * Converts a TeX string into a MathML source and returns a MathML DOM element.
+ * This requires to have a DOMParser instance supporting the `application/xml` type.
+ * @see setDOMParser
+ * @param str - TeX string
+ * @param displayMode - indicates whether the MathML output should be in display mode
+ * @param rightToLeft - indicates whether the MathML output should be in RTL direction
+ * @param throwOnError - indicates whether TeXZilla should throw an exception when parsing fails
+ */
+export function toMathML(str: string, displayMode?: boolean, rightToLeft?: boolean, throwOnError?: boolean): Element;
+
+/**
+ * This function first converts a TeX string into a display MathML element which
+ * is temporarily inserted into a HTML document. The MathML element is then measured
+ * and moved from the HTML document to a SVG document. This SVG document is in turn
+ * serialized as a base64 string which is finally used as the `src` attribute value
+ * of an `<img>` element. The function returns that `<img>` element.
+ * This requires to have DOMParser and XMLSerializer instances available as well as
+ * the corresponding DOM Level 1 API and will likely only work in a browser.
+ * @see setDOMParser
+ * @see setXMLSerializer
+ * @see https://github.com/fred-wang/TeXZilla/wiki/Public-API#texzillatoimage
+ * @param str - TeX string
+ * @param rightToLeft - indicates the directionality of the MathML element
+ * @param roundToPowerOfTwo - indicates whether the size of the images should be rounded to a power of two and is useful for use in a WebGL context
+ * @param size - indicates the font-size in pixels of the MathML element and defaults to 64px
+ * @param document - indicates the host HTML document to use for the measuring step and defaults to window.document
+ */
+export function toImage(str: string, rightToLeft?: boolean, roundToPowerOfTwo?: boolean, size?: number, document?: Document): HTMLImageElement;
+
+/**
+ * Applies the stream filter to `str` and returns the output string.
+ * @param str - the filtered string
+ * @param throwOnError - indicates whether TeXZilla should throw an exception when parsing fails
+ */
+export function filterString(str: string, throwOnError?: boolean): string;
+
+/**
+ * Applies the stream filter to each text node inside descendant elements of `el`.
+ * This requires to have a DOMParser instance available as well as the corresponding DOM Level 1 API.
+ * @see setDOMParser
+ * @param el - the filtered element
+ * @param throwOnError - indicates whether TeXZilla should throw an exception when parsing fails
+ */
+export function filterElement(el: Element, throwOnError?: boolean): void;
diff --git a/types/texzilla/texzilla-tests.ts b/types/texzilla/texzilla-tests.ts
new file mode 100644
index 0000000000..42e82de416
--- /dev/null
+++ b/types/texzilla/texzilla-tests.ts
@@ -0,0 +1,24 @@
+import * as TZ from 'texzilla';
+
+TZ.setDOMParser(new DOMParser());
+TZ.setXMLSerializer(new XMLSerializer());
+
+TZ.setSafeMode(false);
+TZ.setItexIdentifierMode(true);
+
+const mml1: string = TZ.toMathMLString('e^x');
+const mml2: string = TZ.toMathMLString('e^x', true, true, true);
+const el1: Element = TZ.toMathML('e^x');
+const el2: Element = TZ.toMathML('e^x', true, true, true);
+
+const test = TZ.getTeXSource(el1) === TZ.getTeXSource(mml1);
+
+declare let document: Document;
+const img1: HTMLImageElement = TZ.toImage('e^x');
+const img2: HTMLImageElement = TZ.toImage('e^x', false, false, 32, document);
+
+const str1: string = TZ.filterString(mml1);
+const str2: string = TZ.filterString(mml2, true);
+
+TZ.filterElement(el1);
+TZ.filterElement(el2);
diff --git a/types/texzilla/tsconfig.json b/types/texzilla/tsconfig.json
new file mode 100644
index 0000000000..1d3ca94967
--- /dev/null
+++ b/types/texzilla/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "texzilla-tests.ts"
+    ]
+}
diff --git a/types/texzilla/tslint.json b/types/texzilla/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/texzilla/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/theming/theming-tests.tsx b/types/theming/theming-tests.tsx
index 18d24923bf..9f6ace6e54 100644
--- a/types/theming/theming-tests.tsx
+++ b/types/theming/theming-tests.tsx
@@ -54,6 +54,7 @@ function customWithTheme<P>(
 ) {
   return class CustomWithTheme extends React.Component<P, { theme: object }> {
     static contextTypes = themeListener.contextTypes;
+    context: any;
 
     setTheme = (theme: object) => this.setState({ theme });
     subscription: number | undefined;
diff --git a/types/theo/index.d.ts b/types/theo/index.d.ts
new file mode 100644
index 0000000000..f1aacfe038
--- /dev/null
+++ b/types/theo/index.d.ts
@@ -0,0 +1,94 @@
+// Type definitions for theo 8.0
+// Project: https://github.com/salesforce-ux/theo
+// Definitions by: Pete Petrash <https://github.com/petekp>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Iterable, Collection, Map, List, OrderedMap } from "immutable";
+
+export type StyleProperty =
+    | "name"
+    | "value"
+    | "type"
+    | "originalValue"
+    | "category"
+    | "comment"
+    | "meta";
+
+export type Format =
+    | "custom-properties.css"
+    | "cssmodules.css"
+    | "scss"
+    | "sass"
+    | "less"
+    | "styl"
+    | "map.css"
+    | "map.variable.scss"
+    | "list.scss"
+    | "module.js"
+    | "common.js"
+    | "html";
+
+export type Transform = "raw" | "ios" | "android" | "web";
+
+export type ValueTransform =
+    | "color/rgb"
+    | "color/hex"
+    | "color/hex8rgba"
+    | "color/hex8argb"
+    | "percentage/float"
+    | "relative/pixel"
+    | "relative/pixelValue";
+
+export function convert(options: ConvertOptions): Promise<string>;
+export function convertSync(options: ConvertOptions): string;
+export function registerFormat(
+    name: Format,
+    format: FormatResultFn | string
+): void;
+export function registerTransform(
+    name: Transform,
+    valueTransforms: ValueTransform[]
+): void;
+export function registerValueTransform(
+    name: ValueTransform,
+    predicate: (prop: Prop) => boolean,
+    transform: (prop: Prop) => string | number
+): void;
+
+export type Prop = Map<StyleProperty, string | number>;
+export type Props = List<Prop>;
+export type Aliases = OrderedMap<string, Map<string, string | number>>;
+export type Meta = Map<string, string>;
+export type FormatResultFn = (result: ImmutableStyleMap) => string;
+
+export interface StyleMap {
+    aliases: Aliases;
+    props: Props;
+    meta: Meta;
+    options: object;
+}
+
+export interface ImmutableStyleMap extends Map<string, any> {
+    toJS(): StyleMap;
+    get<K extends keyof StyleMap>(key: K): StyleMap[K];
+}
+
+export interface ConvertOptions {
+    transform: TransformOptions;
+    format: FormatOptions;
+}
+
+export interface TransformOptions {
+    type?: Transform;
+    file: string;
+    data?: string;
+}
+
+export interface FormatOptions {
+    type: Format;
+    options?: (
+        options: object,
+        transformPropName?: (name: string) => string
+    ) => void;
+}
diff --git a/types/theo/package.json b/types/theo/package.json
new file mode 100644
index 0000000000..12231bb461
--- /dev/null
+++ b/types/theo/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "immutable": "^3.8.2"
+    }
+}
diff --git a/types/theo/theo-tests.ts b/types/theo/theo-tests.ts
new file mode 100644
index 0000000000..ceaaf9649c
--- /dev/null
+++ b/types/theo/theo-tests.ts
@@ -0,0 +1,30 @@
+import theo = require("theo");
+
+theo.convert({
+    transform: {
+        type: "raw",
+        file: "file",
+        data: "data"
+    },
+    format: {
+        type: "custom-properties.css"
+    }
+});
+
+theo.registerTransform("web", ["relative/pixelValue"]);
+
+theo.registerFormat(
+    "cssmodules.css",
+    `{{#each props as |prop|}}
+        @value {{camelcase prop.category}}{{pascalcase prop.name}}: {{prop.value}};
+    {{/each}}`
+);
+
+theo.registerValueTransform(
+    "relative/pixelValue",
+    prop => prop.get("category") === "sizing",
+    prop => {
+        const value = prop.get("value").toString();
+        return parseFloat(value.replace(/rem/g, "")) * 16;
+    }
+);
diff --git a/types/theo/tsconfig.json b/types/theo/tsconfig.json
new file mode 100644
index 0000000000..d5492af937
--- /dev/null
+++ b/types/theo/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "theo-tests.ts"
+    ]
+}
diff --git a/types/theo/tslint.json b/types/theo/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/theo/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/three/index.d.ts b/types/three/index.d.ts
index 5d37b7893b..b8c5dfa961 100644
--- a/types/three/index.d.ts
+++ b/types/three/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for three.js 0.92
+// Type definitions for three.js 0.93
 // Project: https://threejs.org
 // Definitions by: Kon <http://phyzkit.net/>,
 //                 Satoru Kimura <https://github.com/gyohk>,
@@ -21,6 +21,8 @@
 //                 Ethan Kay <https://github.com/elk941>,
 //                 Methuselah96 <https://github.com/Methuselah96>
 //                 Dilip Ramirez <https://github.com/Dukuo>
+//                 Julian Strecker <https://github.com/JulianSSS>
+//                 Zhang Hao <https://github.com/devilsparta>
 // Definitions: https://github.com//DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -32,13 +34,14 @@ export * from "./three-copyshader";
 export * from "./three-css3drenderer";
 export * from "./three-ctmloader";
 export * from "./three-ddsloader";
-export * from './three-dragcontrols';
+export * from "./three-dragcontrols";
 export * from "./three-editorcontrols";
 export * from "./three-effectcomposer";
 export * from "./three-examples";
 export * from "./three-fbxloader";
 export * from "./three-FirstPersonControls";
 export * from "./three-gltfexporter";
+export * from "./three-gltfloader";
 export * from "./three-lensflare";
 export * from "./three-maskpass";
 export * from "./three-mtlloader";
diff --git a/types/three/test/webgl/webgl_helpers.ts b/types/three/test/webgl/webgl_helpers.ts
index 9033ed5279..bbb9d72040 100644
--- a/types/three/test/webgl/webgl_helpers.ts
+++ b/types/three/test/webgl/webgl_helpers.ts
@@ -50,9 +50,10 @@
             scene.add(new THREE.VertexNormalsHelper(mesh, 10));
 
             var helper = new THREE.WireframeHelper(mesh);
-            helper.material.depthTest = false;
-            helper.material.opacity = 0.25;
-            helper.material.transparent = true;
+            var wireframeMaterial = helper.material as THREE.Material;
+            wireframeMaterial.depthTest = false;
+            wireframeMaterial.opacity = 0.25;
+            wireframeMaterial.transparent = true;
             scene.add(helper);
 
             scene.add(new THREE.BoxHelper(mesh));
@@ -92,4 +93,4 @@
 
     }
 
-}
\ No newline at end of file
+}
diff --git a/types/three/test/webgl/webgl_sprites.ts b/types/three/test/webgl/webgl_sprites.ts
index 103d3065c3..30ad890a65 100644
--- a/types/three/test/webgl/webgl_sprites.ts
+++ b/types/three/test/webgl/webgl_sprites.ts
@@ -129,7 +129,7 @@
         var width = window.innerWidth / 2;
         var height = window.innerHeight / 2;
 
-        var material = spriteTL.material;
+        var material = spriteTL.material as THREE.SpriteMaterial;
 
         var imageWidth = material.map.image.width / 2;
         var imageHeight = material.map.image.height / 2;
@@ -176,7 +176,7 @@
         for ( var i = 0, l = group.children.length; i < l; i ++ ) {
 
             var sprite = group.children[ i ] as THREE.Sprite;
-            var material = sprite.material;
+            var material = sprite.material as THREE.SpriteMaterial;
             var scale = Math.sin( time + sprite.position.x * 0.01 ) * 0.3 + 1.0;
 
             var imageWidth = 1;
@@ -189,7 +189,7 @@
 
             }
 
-            sprite.material.rotation += 0.1 * ( i / l );
+            material.rotation += 0.1 * ( i / l );
             sprite.scale.set( scale * imageWidth, scale * imageHeight, 1.0 );
 
             if ( material.map !== mapC ) {
@@ -210,4 +210,4 @@
         renderer.render( sceneOrtho, cameraOrtho );
 
     }
-}
\ No newline at end of file
+}
diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index 3c6c359679..955eb45faf 100755
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -324,7 +324,7 @@ export namespace AnimationUtils {
 }
 
 export class KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 
     name: string;
     times: any[];
@@ -411,23 +411,23 @@ export class BooleanKeyframeTrack extends KeyframeTrack {
 }
 
 export class ColorKeyframeTrack extends KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 }
 
 export class NumberKeyframeTrack extends KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 }
 
 export class QuaternionKeyframeTrack extends KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 }
 
 export class StringKeyframeTrack extends KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 }
 
 export class VectorKeyframeTrack extends KeyframeTrack {
-    constructor(name: string, times: any[], values: any[], interpolation: InterpolationModes);
+    constructor(name: string, times: any[], values: any[], interpolation?: InterpolationModes);
 }
 
 // Cameras ////////////////////////////////////////////////////////////////////////////////////////
@@ -1059,7 +1059,7 @@ export class DirectGeometry extends EventDispatcher {
 
     // EventDispatcher mixins
     addEventListener(type: string, listener: (event: Event) => void ): void;
-    hasEventListener(type: string, listener: (event: Event) => void): void;
+    hasEventListener(type: string, listener: (event: Event) => void): boolean;
     removeEventListener(type: string, listener: (event: Event) => void): void;
     dispatchEvent(event: { type: string; [attachment: string]: any; }): void;
 }
@@ -1099,17 +1099,17 @@ export class EventDispatcher {
 
     /**
      * Adds a listener to an event type.
-     * @param type The type of the listener that gets removed.
-     * @param listener The listener function that gets removed.
+     * @param type The type of event to listen to.
+     * @param listener The function that gets called when the event is fired.
      */
     addEventListener(type: string, listener: (event: Event) => void ): void;
 
     /**
-     * Adds a listener to an event type.
-     * @param type The type of the listener that gets removed.
-     * @param listener The listener function that gets removed.
+     * Checks if listener is added to an event type.
+     * @param type The type of event to listen to.
+     * @param listener The function that gets called when the event is fired.
      */
-    hasEventListener(type: string, listener: (event: Event) => void): void;
+    hasEventListener(type: string, listener: (event: Event) => void): boolean;
 
     /**
      * Removes a listener from an event type.
@@ -1127,7 +1127,8 @@ export class EventDispatcher {
 
 export interface Event {
     type: string;
-    target: any;
+    target?: any;
+    [attachment: string]: any;
 }
 
 /**
@@ -1442,7 +1443,7 @@ export class Geometry extends EventDispatcher {
 
     // EventDispatcher mixins
     addEventListener(type: string, listener: (event: Event) => void ): void;
-    hasEventListener(type: string, listener: (event: Event) => void): void;
+    hasEventListener(type: string, listener: (event: Event) => void): boolean;
     removeEventListener(type: string, listener: (event: Event) => void): void;
     dispatchEvent(event: { type: string; [attachment: string]: any; }): void;
 }
@@ -1857,6 +1858,7 @@ export interface Intersection {
     face?: Face3 | null;
     faceIndex?: number;
     object: Object3D;
+    uv?: Vector2;
 }
 
 export interface RaycasterParameters {
@@ -2238,6 +2240,7 @@ export class FileLoader {
     setPath(path: string) : FileLoader;
     setResponseType(responseType: string) : FileLoader;
     setWithCredentials(value: string): FileLoader;
+    setRequestHeader(value: {[header: string]: string}): FileLoader;
 }
 
 export class FontLoader {
@@ -2508,7 +2511,7 @@ export class Material extends EventDispatcher {
     /**
      * The tranparency of the .blendDst. Default is null.
      */
-    blendDstAlpha: number;
+    blendDstAlpha: number | null;
 
     /**
      * Blending equation to use when applying blending. It's one of the constants defined in Three.js. Default is {@link AddEquation}.
@@ -2518,7 +2521,7 @@ export class Material extends EventDispatcher {
     /**
      * The tranparency of the .blendEquation. Default is null.
      */
-    blendEquationAlpha: number;
+    blendEquationAlpha: number | null;
 
     /**
      * Which blending to use when displaying objects with this material. Default is {@link NormalBlending}.
@@ -2533,7 +2536,7 @@ export class Material extends EventDispatcher {
     /**
      * The tranparency of the .blendSrc. Default is null.
      */
-    blendSrcAlpha: number;
+    blendSrcAlpha: number | null;
 
     /**
      * Changes the behavior of clipping planes so that only their intersection is clipped, rather than their union. Default is false.
@@ -2747,14 +2750,13 @@ export interface LineDashedMaterialParameters extends MaterialParameters {
     gapSize?: number;
 }
 
-export class LineDashedMaterial extends Material {
+export class LineDashedMaterial extends LineBasicMaterial {
     constructor(parameters?: LineDashedMaterialParameters);
 
-    color: Color;
-    linewidth: number;
     scale: number;
     dashSize: number;
     gapSize: number;
+    isLineDashedMaterial: boolean;
 
     setValues(parameters: LineDashedMaterialParameters): void;
 }
@@ -2786,12 +2788,12 @@ export class MeshBasicMaterial extends Material {
     constructor(parameters?: MeshBasicMaterialParameters);
 
     color: Color;
-    map: Texture;
-    aoMap: Texture;
+    map: Texture | null;
+    aoMap: Texture | null;
     aoMapIntensity: number;
-    specularMap: Texture;
-    alphaMap: Texture;
-    envMap: Texture;
+    specularMap: Texture | null;
+    alphaMap: Texture | null;
+    envMap: Texture | null;
     combine: Combine;
     reflectivity: number;
     refractionRatio: number;
@@ -2851,15 +2853,15 @@ export class MeshLambertMaterial extends Material {
     color: Color;
     emissive: Color;
     emissiveIntensity: number;
-    emissiveMap: Texture;
-    map: Texture;
-    lightMap: Texture;
+    emissiveMap: Texture | null;
+    map: Texture | null;
+    lightMap: Texture | null;
     lightMapIntensity: number;
-    aoMap: Texture;
+    aoMap: Texture | null;
     aoMapIntensity: number;
-    specularMap: Texture;
-    alphaMap: Texture;
-    envMap: Texture;
+    specularMap: Texture | null;
+    alphaMap: Texture | null;
+    envMap: Texture | null;
     combine: Combine;
     reflectivity: number;
     refractionRatio: number;
@@ -2913,25 +2915,25 @@ export class MeshStandardMaterial extends Material {
     color: Color;
     roughness: number;
     metalness: number;
-    map: Texture;
-    lightMap: Texture;
+    map: Texture | null;
+    lightMap: Texture | null;
     lightMapIntensity: number;
-    aoMap: Texture;
+    aoMap: Texture | null;
     aoMapIntensity: number;
     emissive: Color;
     emissiveIntensity: number;
-    emissiveMap: Texture;
-    bumpMap: Texture;
+    emissiveMap: Texture | null;
+    bumpMap: Texture | null;
     bumpScale: number;
-    normalMap: Texture;
+    normalMap: Texture | null;
     normalScale: number;
-    displacementMap: Texture;
+    displacementMap: Texture | null;
     displacementScale: number;
     displacementBias: number;
-    roughnessMap: Texture;
-    metalnessMap: Texture;
-    alphaMap: Texture;
-    envMap: Texture;
+    roughnessMap: Texture | null;
+    metalnessMap: Texture | null;
+    alphaMap: Texture | null;
+    envMap: Texture | null;
     envMapIntensity: number;
     refractionRatio: number;
     wireframe: boolean;
@@ -3086,7 +3088,7 @@ export class PointsMaterial extends Material {
     constructor(parameters?: PointsMaterialParameters);
 
     color: Color;
-    map: Texture;
+    map: Texture | null;
     size: number;
     sizeAttenuation: boolean;
 
@@ -3142,7 +3144,7 @@ export class ShaderMaterial extends Material {
     derivatives: any;
     extensions: { derivatives: boolean; fragDepth: boolean; drawBuffers: boolean; shaderTextureLOD: boolean };
     defaultAttributeValues: any;
-    index0AttributeName: string;
+    index0AttributeName: string | undefined;
 
     setValues(parameters: ShaderMaterialParameters): void;
     toJSON(meta: any): any;
@@ -3162,7 +3164,7 @@ export class SpriteMaterial extends Material {
     constructor(parameters?: SpriteMaterialParameters);
 
     color: Color;
-    map: Texture;
+    map: Texture | null;
     rotation: number;
 
     setValues(parameters: SpriteMaterialParameters): void;
@@ -3218,21 +3220,21 @@ export class Box3 {
     max: Vector3;
     min: Vector3;
 
-    set(min: Vector3, max: Vector3): Box3;
-    setFromArray(array: ArrayLike<number>): Box3;
-    setFromPoints(points: Vector3[]): Box3;
-    setFromCenterAndSize(center: Vector3, size: Vector3): Box3;
-    setFromObject(object: Object3D): Box3;
+    set(min: Vector3, max: Vector3): this;
+    setFromArray(array: ArrayLike<number>): this;
+    setFromPoints(points: Vector3[]): this;
+    setFromCenterAndSize(center: Vector3, size: Vector3): this;
+    setFromObject(object: Object3D): this;
     clone(): this;
     copy(box: this): this;
-    makeEmpty(): Box3;
+    makeEmpty(): this;
     isEmpty(): boolean;
     getCenter(target: Vector3): Vector3;
     getSize(target: Vector3): Vector3;
-    expandByPoint(point: Vector3): Box3;
-    expandByVector(vector: Vector3): Box3;
-    expandByScalar(scalar: number): Box3;
-    expandByObject(object: Object3D): Box3;
+    expandByPoint(point: Vector3): this;
+    expandByVector(vector: Vector3): this;
+    expandByScalar(scalar: number): this;
+    expandByObject(object: Object3D): this;
     containsPoint(point: Vector3): boolean;
     containsBox(box: Box3): boolean;
     getParameter(point: Vector3): Vector3;
@@ -3242,10 +3244,10 @@ export class Box3 {
     clampPoint(point: Vector3, target: Vector3): Vector3;
     distanceToPoint(point: Vector3): number;
     getBoundingSphere(target: Sphere): Sphere;
-    intersect(box: Box3): Box3;
-    union(box: Box3): Box3;
-    applyMatrix4(matrix: Matrix4): Box3;
-    translate(offset: Vector3): Box3;
+    intersect(box: Box3): this;
+    union(box: Box3): this;
+    applyMatrix4(matrix: Matrix4): this;
+    translate(offset: Vector3): this;
     equals(box: Box3): boolean;
     /**
      * @deprecated Use {@link Box3#isEmpty .isEmpty()} instead.
@@ -3276,9 +3278,7 @@ export interface HSL {
  * @see <a href="https://github.com/mrdoob/three.js/blob/master/src/math/Color.js">src/math/Color.js</a>
  */
 export class Color {
-    constructor(color?: Color);
-    constructor(color?: string);
-    constructor(color?: number);
+    constructor(color?: Color|string|number);
     constructor(r: number, g: number, b: number);
 
     /**
@@ -3377,17 +3377,18 @@ export class Color {
      */
     getStyle(): string;
 
-    offsetHSL(h: number, s: number, l: number): Color;
+    offsetHSL(h: number, s: number, l: number): this;
 
-    add(color: Color): Color;
-    addColors(color1: Color, color2: Color): Color;
-    addScalar(s: number): Color;
-    sub(color: Color): Color;
-    multiply(color: Color): Color;
-    multiplyScalar(s: number): Color;
-    lerp(color: Color, alpha: number): Color;
+    add(color: Color): this;
+    addColors(color1: Color, color2: Color): this;
+    addScalar(s: number): this;
+    sub(color: Color): this;
+    multiply(color: Color): this;
+    multiplyScalar(s: number): this;
+    lerp(color: Color, alpha: number): this;
+    lerpHSL(color: Color, alpha: number): this;
     equals(color: Color): boolean;
-    fromArray(rgb: number[], offset?: number): Color;
+    fromArray(rgb: number[], offset?: number): this;
     toArray(array?: number[], offset?: number): number[];
 }
 
@@ -5232,26 +5233,15 @@ export class LOD extends Object3D {
     objects: any[];
 }
 
-
-/**
- * An intermediate material type that casts more precisely the possible materials assignable to a [[Line]] object.
- *
- * [[LineDashedMaterial]] is omitted as it extends [[LineBasicMaterial]].
- *
- * // Todo:
- * // - can [[Line]] take in an array of materials ?
- */
-export type LineMaterialType = LineBasicMaterial | ShaderMaterial | MeshDepthMaterial;
-
 export class Line extends Object3D {
     constructor(
         geometry?: Geometry | BufferGeometry,
-        material?: LineMaterialType | LineMaterialType[],
+        material?: Material | Material[],
         mode?: number
     );
 
-    geometry: Geometry|BufferGeometry;
-    material: LineBasicMaterial | LineDashedMaterial | ShaderMaterial;
+    geometry: Geometry | BufferGeometry;
+    material: Material | Material[];
 
     type: "Line";
     isLine: true;
@@ -5272,23 +5262,16 @@ export const LinePieces: number;
 export class LineSegments extends Line {
     constructor(
         geometry?: Geometry | BufferGeometry,
-        material?: LineMaterialType | LineMaterialType[],
+        material?: Material | Material[],
         mode?: number
     );
 }
 
-/**
- * An intermediate material type that casts more precisely the possible materials assignable to a [[Mesh]] object.
- *
- * `MeshToonMaterial` and [[MeshPhysicalMaterial]] are omitted as they extend [[MeshPhongMaterial]] and [[MeshStandardMaterial]] respectively.
- */
-export type MeshMaterialType = MeshBasicMaterial | MeshDepthMaterial | MeshFaceMaterial | MeshLambertMaterial | MeshNormalMaterial | MeshPhongMaterial | MeshStandardMaterial | ShaderMaterial | ShadowMaterial;
-
 export class Mesh extends Object3D {
-    constructor(geometry?: Geometry | BufferGeometry, material?: MeshMaterialType | MeshMaterialType[]);
+    constructor(geometry?: Geometry | BufferGeometry, material?: Material | Material[]);
 
-    geometry: Geometry|BufferGeometry;
-    material: MeshMaterialType | MeshMaterialType[];
+    geometry: Geometry | BufferGeometry;
+    material: Material | Material[];
     drawMode: TrianglesDrawModes;
     morphTargetInfluences?: number[];
     morphTargetDictionary?: { [key: string]: number; };
@@ -5301,14 +5284,6 @@ export class Mesh extends Object3D {
     copy(source: this, recursive?: boolean): this;
 }
 
-/**
- * An intermediate material type that casts more precisely the possible materials assignable to a [[Points]] object.
- *
- * // Todo:
- * // - can [[Points]] take in an array of materials ?
- */
-export type PointsMaterialType = PointsMaterial | ShaderMaterial | MeshDepthMaterial;
-
 /**
  * A class for displaying particles in the form of variable size points. For example, if using the WebGLRenderer, the particles are displayed using GL_POINTS.
  *
@@ -5322,7 +5297,7 @@ export class Points extends Object3D {
      */
     constructor(
         geometry?: Geometry | BufferGeometry,
-        material?: PointsMaterialType | PointsMaterialType[]
+        material?: Material | Material[]
     );
 
     type: "Points";
@@ -5336,7 +5311,7 @@ export class Points extends Object3D {
     /**
      * An instance of Material, defining the object's appearance. Default is a PointsMaterial with randomised colour.
      */
-    material: PointsMaterial | ShaderMaterial;
+    material: Material | Material[];
 
     raycast(raycaster: Raycaster, intersects: Intersection[]): void;
 }
@@ -5372,13 +5347,7 @@ export class Skeleton {
 }
 
 export class SkinnedMesh extends Mesh {
-    constructor(geometry?: Geometry|BufferGeometry, material?: MeshBasicMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: MeshDepthMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: MultiMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: MeshLambertMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: MeshNormalMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: MeshPhongMaterial, useVertexTexture?: boolean);
-    constructor(geometry?: Geometry|BufferGeometry, material?: ShaderMaterial, useVertexTexture?: boolean);
+    constructor(geometry?: Geometry | BufferGeometry, material?: Material | Material[], useVertexTexture?: boolean);
 
     bindMode: string;
     bindMatrix: Matrix4;
@@ -5397,7 +5366,7 @@ export class Sprite extends Object3D {
     type: "Sprite";
     isSprite: true;
 
-    material: SpriteMaterial;
+    material: Material;
     center: Vector2;
 
     raycast(raycaster: Raycaster, intersects: Intersection[]): void;
@@ -6718,11 +6687,17 @@ export namespace SceneUtils {
     export function attach(child: Object3D, scene: Scene, parent: Object3D): void;
 }
 
+interface Vec2
+{
+    x: number;
+    y: number;
+}
+
 export namespace ShapeUtils {
-    export function area(contour: number[]): number;
-    export function triangulate(contour: number[], indices: boolean): number[];
-    export function triangulateShape(contour: number[], holes: any[]): number[];
-    export function isClockWise(pts: number[]): boolean;
+    export function area(contour: Vec2[]): number;
+    export function triangulate(contour: Vec2[], indices: boolean): number[];
+    export function triangulateShape(contour: Vec2[], holes: Vec2[]): number[][];
+    export function isClockWise(pts: Vec2[]): boolean;
 }
 
 // Extras / Audio /////////////////////////////////////////////////////////////////////
diff --git a/types/three/three-ddsloader.d.ts b/types/three/three-ddsloader.d.ts
index 0eff951f82..a89a7b94ba 100644
--- a/types/three/three-ddsloader.d.ts
+++ b/types/three/three-ddsloader.d.ts
@@ -3,17 +3,14 @@
 import { CompressedPixelFormat, CompressedTextureLoader } from "./three-core";
 
 export interface Dds {
-  mipmaps: ImageData[],
-  width: number,
-  height: number,
-  format: CompressedPixelFormat,
-  mipmapCount: number
+  mipmaps: ImageData[];
+  width: number;
+  height: number;
+  format: CompressedPixelFormat;
+  mipmapCount: number;
 }
 
 export class DDSLoader extends CompressedTextureLoader {
-
     constructor();
-
     parse(buffer: string, loadMipmaps: boolean) : Dds;
-
 }
diff --git a/types/three/three-fbxloader.d.ts b/types/three/three-fbxloader.d.ts
index 5175a6683f..4ecd1e70a7 100644
--- a/types/three/three-fbxloader.d.ts
+++ b/types/three/three-fbxloader.d.ts
@@ -1,14 +1,17 @@
 // https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/FBXLoader.js
 
 import { LoadingManager } from "./three-core";
-import {Group} from "./three-core";
+import { AnimationClip, Group } from "./three-core";
 
+interface IFbxSceneGraph extends Group {
+    animations: AnimationClip[];
+}
 export class FBXLoader {
 
     constructor(manager?: LoadingManager);
     manager: LoadingManager;
 
-    load(url: string, onLoad: (group: Group) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
+    load(url: string, onLoad: (group: IFbxSceneGraph) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
     parse(FBXText: string, resourceDirectory: string) : Group;
 
-}
\ No newline at end of file
+}
diff --git a/types/three/three-gltfloader.d.ts b/types/three/three-gltfloader.d.ts
new file mode 100644
index 0000000000..f797882d3b
--- /dev/null
+++ b/types/three/three-gltfloader.d.ts
@@ -0,0 +1,29 @@
+// https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/GLTFLoader.js
+
+import {AnimationClip} from "./three-core";
+import {Camera} from "./three-core";
+import {LoadingManager} from "./three-core";
+import {Scene} from "./three-core";
+
+export class GLTF {
+    animations: AnimationClip[];
+    scene: Scene;
+    scenes: Scene[];
+    cameras: Camera[];
+    asset: object;
+}
+
+export class GLTFLoader {
+
+    constructor(manager?: LoadingManager);
+    manager: LoadingManager;
+    path: string;
+
+    load(url: string, onLoad: (gltf: GLTF) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void) : void;
+    setPath(path: string) : GLTFLoader;
+    setResourcePath(path: string) : GLTFLoader;
+    setCrossOrigin(value: string): void;
+    setDRACOLoader(dracoLoader: object): void;
+    parse(data: ArrayBuffer, path: string, onLoad: (gltf: GLTF) => void, onError?: (event: ErrorEvent) => void) : void;
+
+}
diff --git a/types/three/three-orbitcontrols.d.ts b/types/three/three-orbitcontrols.d.ts
index 272b8410c4..6d8627c6ad 100644
--- a/types/three/three-orbitcontrols.d.ts
+++ b/types/three/three-orbitcontrols.d.ts
@@ -32,6 +32,7 @@ export class OrbitControls {
     mouseButtons: {ORBIT: MOUSE; ZOOM: MOUSE; PAN: MOUSE;};
     enableDamping: boolean;
     dampingFactor: number;
+    screenSpacePanning: boolean;
 
 
     rotateLeft(angle?: number): void;
@@ -61,7 +62,7 @@ export class OrbitControls {
     // EventDispatcher mixins
     addEventListener(type: string, listener: (event: any) => void): void;
 
-    hasEventListener(type: string, listener: (event: any) => void): void;
+    hasEventListener(type: string, listener: (event: any) => void): boolean;
 
     removeEventListener(type: string, listener: (event: any) => void): void;
 
diff --git a/types/three/three-unrealbloompass.d.ts b/types/three/three-unrealbloompass.d.ts
index dec35b3da7..ed58b853ac 100644
--- a/types/three/three-unrealbloompass.d.ts
+++ b/types/three/three-unrealbloompass.d.ts
@@ -22,6 +22,8 @@ export class UnrealBloomPass extends Pass {
 	camera: OrthographicCamera;
 	scene: Scene;
 	quad: Mesh;
+	radius: number;
+	threshold: number;
 	dispose(): void;
 	getSeparableBlurMaterial(): ShaderMaterial;
 	getCompositeMaterial(): ShaderMaterial;
diff --git a/types/timsort/index.d.ts b/types/timsort/index.d.ts
new file mode 100644
index 0000000000..7ded119384
--- /dev/null
+++ b/types/timsort/index.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for timsort 0.3
+// Project: https://github.com/mziccard/node-timsort
+// Definitions by: Vunovati <https://github.com/Vunovati>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ *
+ * @param array - The array to sort.
+ * @param lo - First element in the range (inclusive). Default is 0
+ * @param hi - Last element in the range. Default is last element
+ */
+export function sort(array: any[], lo: number, hi?: number): void;
+
+/**
+ *
+ * @param array - The array to sort.
+ * @param compare - Item comparison function. Default is alphabetical
+ * @param lo - First element in the range (inclusive).
+ * @param hi - Last element in the range.
+ */
+export function sort<T>(
+    array: T[],
+    compare?: (a: T, b: T) => number,
+    lo?: number,
+    hi?: number
+): void;
diff --git a/types/timsort/timsort-tests.ts b/types/timsort/timsort-tests.ts
new file mode 100644
index 0000000000..07cc657bba
--- /dev/null
+++ b/types/timsort/timsort-tests.ts
@@ -0,0 +1,3 @@
+import * as TimSort from 'timsort';
+
+TimSort.sort([]); // $ExpectType void
diff --git a/types/timsort/tsconfig.json b/types/timsort/tsconfig.json
new file mode 100644
index 0000000000..345a0e9b3a
--- /dev/null
+++ b/types/timsort/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "timsort-tests.ts"
+    ]
+}
diff --git a/types/timsort/tslint.json b/types/timsort/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/timsort/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/tiny-async-pool/index.d.ts b/types/tiny-async-pool/index.d.ts
new file mode 100644
index 0000000000..a08ff66c3e
--- /dev/null
+++ b/types/tiny-async-pool/index.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for tiny-async-pool 1.0
+// Project: https://github.com/rxaviers/async-pool#readme
+// Definitions by: Karl-Philipp Wulfert <https://github.com/krlwlfrt>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * This declaration specifies that the function is the exported object from the file
+ */
+export = asyncPool;
+
+/**
+ * Runs multiple promise-returning & async functions in a limited concurrency pool.
+ * It rejects immediately as soon as one of the promises rejects.
+ * It resolves when all the promises completes.
+ * It calls the iterator function as soon as possible (under concurrency limit).
+ *
+ * @param poolLimit The pool limit number (>= 1).
+ * @param array Input array.
+ * @param iteratorFn Iterator function that takes two arguments (array item and the array itself).
+ *                   The iterator function should either return a promise or be an async function.
+ *
+ * @template IN Type of the input array
+ * @template OUT Type of the resolves of the promises
+ */
+declare function asyncPool<IN, OUT>(
+    poolLimit: number,
+    array: ReadonlyArray<IN>,
+    iteratorFn: (generator: IN) => Promise<OUT>
+): Promise<OUT[]>;
diff --git a/types/tiny-async-pool/tiny-async-pool-tests.ts b/types/tiny-async-pool/tiny-async-pool-tests.ts
new file mode 100644
index 0000000000..f4a9c6a75f
--- /dev/null
+++ b/types/tiny-async-pool/tiny-async-pool-tests.ts
@@ -0,0 +1,13 @@
+import asyncPool = require('tiny-async-pool');
+
+const expected = JSON.stringify(['A', 'B', 'C']);
+
+asyncPool(5, ['a', 'b', 'c'], (value) => {
+  return new Promise((resolve) => {
+    resolve(value.toUpperCase);
+  });
+}).then((results) => {
+  if (JSON.stringify(results) !== expected) {
+    throw new Error('Result is not equal to expected result!');
+  }
+});
diff --git a/types/tiny-async-pool/tsconfig.json b/types/tiny-async-pool/tsconfig.json
new file mode 100644
index 0000000000..6e18b60331
--- /dev/null
+++ b/types/tiny-async-pool/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "tiny-async-pool-tests.ts"
+    ]
+}
diff --git a/types/tiny-async-pool/tslint.json b/types/tiny-async-pool/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/tiny-async-pool/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/tiny-secp256k1/tsconfig.json b/types/tiny-secp256k1/tsconfig.json
index 377e6d639c..db31e22d15 100644
--- a/types/tiny-secp256k1/tsconfig.json
+++ b/types/tiny-secp256k1/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es5"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/tldjs/index.d.ts b/types/tldjs/index.d.ts
index 6917c8f067..3f63ca0994 100644
--- a/types/tldjs/index.d.ts
+++ b/types/tldjs/index.d.ts
@@ -1,48 +1,48 @@
-// Type definitions for tldjs v1.7
+// Type definitions for tldjs v2.3.1
 // Project: https://github.com/oncletom/tld.js
 // Definitions by: Joshua DeVinney <https://github.com/geoffreak>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
 
-/**
- * tld.js methods getDomain and getSubdomain are designed to work only with valid TLDs.
- * This way, you can trust what a domain is. Unfortunately, localhost is a valid hostname but it is not a TLD.
- * Optionally use validHosts to add it. `tld.validHosts = ['localhost'];`
- */
-export declare var validHosts: string[];
-
-/**
- * Checks if the TLD is valid for a given host.
- * @param host The TLD/host/url to check
- * @return {boolean}
- */
 export declare function tldExists(host: string): boolean;
 
-/**
- * Returns the fully qualified domain from a host string.
- * @param host The host/url to check
- * @return {string|null} a domain string if any, otherwise null
- */
 export declare function getDomain(host: string): string | null;
 
-/**
- * Returns the complete subdomain for a given host.
- * @param host The host/url to check
- * @return {string|null} a subdomain string if any, blank string if subdomain is empty, otherwise null
- */
 export declare function getSubdomain(host: string): string | null;
 
-/**
- * Returns the public suffix (including exact matches)
- * @param host The host/url to check
- * @return {string|null} a public suffix string if any, otherwise null
- */
 export declare function getPublicSuffix(host: string): string | null;
 
 /**
- * Checking if a host string is valid
- * It's usually a preliminary check before trying to use getDomain or anything else
- * Beware: it does not check if the TLD exists.
- * @param host The host/url to check
- * @return {boolean}
+ * @deprecated "isValid" is deprecated, please use "isValidHostname" instead.
  */
-export declare function isValid(host: string): string | null;
+export declare function isValid(host: string): boolean;
+
+export declare function isValidHostname(host: string): boolean;
+
+export declare function extractHostname(host: string): string | null;
+
+export declare function parse(host: string): {
+    hostname: ReturnType<typeof extractHostname>,
+    isValid: ReturnType<typeof isValid>,
+    isIp: boolean,
+    tldExists: ReturnType<typeof tldExists>,
+    publicSuffix: ReturnType<typeof getPublicSuffix>,
+    domain: ReturnType<typeof getDomain>,
+    subdomain: ReturnType<typeof getSubdomain>,
+};
+
+export declare function fromUserSettings(options: {
+    rules?: any,
+    validHosts?: string[],
+    extractHostname?: ReturnType<typeof extractHostname>,
+}): {
+    extractHostname: typeof extractHostname,
+    isValidHostname: typeof isValidHostname,
+    isValid: typeof isValid,
+    parse: typeof parse,
+    tldExists: typeof tldExists,
+    getPublicSuffix: typeof getPublicSuffix,
+    getDomain: typeof getDomain,
+    getSubdomain: typeof getSubdomain,
+    fromUserSettings: typeof fromUserSettings,
+};
diff --git a/types/tldjs/tldjs-tests.ts b/types/tldjs/tldjs-tests.ts
index d405563853..e6eea6e0d6 100644
--- a/types/tldjs/tldjs-tests.ts
+++ b/types/tldjs/tldjs-tests.ts
@@ -31,19 +31,48 @@ tld.getPublicSuffix('fr.google.com'); // returns `com`
 tld.getPublicSuffix('google.co.uk'); // returns `co.uk`
 tld.getPublicSuffix('s3.amazonaws.com'); // returns `s3.amazonaws.com`
 
-tld.isValid('google.com'); // returns `true`
-tld.isValid('.google.com'); // returns `false`
-tld.isValid('my.fake.domain'); // returns `true`
-tld.isValid('localhost'); // returns `false`
-tld.isValid('https://user:password@example.co.uk:8080/some/path?and&query#hash'); // returns `true`
+tld.isValidHostname('google.com'); // returns `true`
+tld.isValidHostname('.google.com'); // returns `false`
+tld.isValidHostname('my.fake.domain'); // returns `true`
+tld.isValidHostname('localhost'); // returns `false`
+tld.isValidHostname('https://user:password@example.co.uk:8080/some/path?and&query#hash'); // returns `true`
 
-// You'll need to use this import syntax to set valid hosts
-import tld2 = require('tldjs');
+tld.extractHostname('https://www.npmjs.com/package/tldjs') // returns 'www.npmjs.com'
 
-tld2.getDomain('localhost');           // returns null
-tld2.getSubdomain('vhost.localhost');  // returns null
+tld.parse('https://spark-public.s3.amazonaws.com/dataanalysis/loansData.csv');
+// { hostname: 'spark-public.s3.amazonaws.com',
+//   isValid: true,
+//   isIp: false,
+//   tldExists: true,
+//   publicSuffix: 's3.amazonaws.com',
+//   domain: 'spark-public.s3.amazonaws.com',
+//   subdomain: ''
+// }
 
-tld2.validHosts = ['localhost'];
+tld.parse('gopher://domain.unknown/');
+// { hostname: 'domain.unknown',
+//   isValid: true,
+//   isIp: false,
+//   tldExists: false,
+//   publicSuffix: 'unknown',
+//   domain: 'domain.unknown',
+//   subdomain: ''
+// }
+
+tld.parse('https://192.168.0.0')
+// { hostname: '192.168.0.0',
+//   isValid: true,
+//   isIp: true,
+//   tldExists: false,
+//   publicSuffix: null,
+//   domain: null,
+//   subdomain: null
+// }
+
+tld.getDomain('localhost');           // returns null
+tld.getSubdomain('vhost.localhost');  // returns null
+
+const tld2 = tld.fromUserSettings({ validHosts: ['localhost'] });
 
 tld2.getDomain('localhost');           // returns 'localhost'
 tld2.getSubdomain('vhost.localhost');  // returns 'vhost'
diff --git a/types/toobusy-js/index.d.ts b/types/toobusy-js/index.d.ts
index bfa462228a..2d7f2688a7 100644
--- a/types/toobusy-js/index.d.ts
+++ b/types/toobusy-js/index.d.ts
@@ -11,7 +11,7 @@ declare namespace toobusy_js {
     function interval(newInterval: number): number;
     function lag(): number;
     function maxLag(newLag: number): number;
-    function smmothingFactor(newFactor: number): number;
+    function smoothingFactor(newFactor: number): number;
     function shutdown(): void;
     function onLag(fn: (lag: number) => void, threshold?: number): void;
 
diff --git a/types/toobusy-js/toobusy-js-tests.ts b/types/toobusy-js/toobusy-js-tests.ts
index cf688a1911..121b84ddb4 100644
--- a/types/toobusy-js/toobusy-js-tests.ts
+++ b/types/toobusy-js/toobusy-js-tests.ts
@@ -9,7 +9,7 @@ booleanValue = toobusy.started();
 numberValue = toobusy.interval(numberValue);
 numberValue = toobusy.lag();
 numberValue = toobusy.maxLag(numberValue);
-numberValue = toobusy.smmothingFactor(numberValue);
+numberValue = toobusy.smoothingFactor(numberValue);
 
 toobusy.onLag((duration: number) => {});
 toobusy.onLag((duration: number) => {}, numberValue);
diff --git a/types/torrent-search-api/index.d.ts b/types/torrent-search-api/index.d.ts
new file mode 100644
index 0000000000..cca767e4fe
--- /dev/null
+++ b/types/torrent-search-api/index.d.ts
@@ -0,0 +1,90 @@
+// Type definitions for torrent-search-api 2.0
+// Project: https://github.com/JimmyLaurent/torrent-search-api
+// Definitions by: Nicolas Girardin <https://github.com/ngirardin>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface Torrent {
+    title: string;
+    time: string;
+    size: string;
+    magnet: string;
+    desc: string;
+    provider: string;
+}
+
+export interface TorrentProvider {
+    name: string;
+    baseUrl: string;
+    requireAuthentification: boolean;
+    supportTokenAuthentification: boolean;
+    supportCookiesAuthentification: boolean;
+    supportCredentialsAuthentification: boolean;
+    loginUrl: string;
+    loginQueryString: string;
+    searchUrl: string;
+    categories: any; // FIXME {key: [string]}
+    defaultCategory: string;
+    resultsPerPageCount: number;
+    itemsSelector: string;
+    itemSelectors: any; // FIXME {key: [string]}
+    paginateSelector: string;
+    torrentDetailsSelector: string;
+    enableCloudFareBypass: boolean;
+    headers: any; // FIXME {key:[string]}
+    magnetSelector: string;
+    autoFixUnstableUrl: boolean;
+}
+
+export function lodProvider(providerParam: string): void;
+export function loadProvider(providerParam: string | TorrentProvider): void;
+
+export function addProvider(provider: string): void;
+
+export function loadProviders(...args: string[]): void;
+export function loadProviders(...args: TorrentProvider[]): void;
+
+export function removeProvider(providerName: string): void;
+
+export function enableProvider(providerName: string, args?: string[]): void;
+export function enableProvider(providerName: string, ...args: string[]): void;
+
+export function enablePublicProviders(): void;
+
+export function disableProvider(providerName: string): void;
+
+export function disableAllProviders(): void;
+
+export function getProviders(): TorrentProvider[];
+
+export function getActiveProviders(): TorrentProvider[];
+
+export function isProviderActive(name: string): boolean;
+
+export function search(
+    query: string,
+    category: string,
+    limit: number
+): Promise<Torrent[]>;
+
+export function search(
+    providers: string[],
+    query: string,
+    category: string,
+    limit: number
+): Promise<Torrent[]>;
+
+export function getTorrentDetails(torrent: Torrent): Promise<string>;
+
+export function downloadTorrent(
+    torrent: Torrent,
+    filenamePath?: string
+): Promise<string>;
+
+export function overrideConfig(
+    providerName: string,
+    newConfig: TorrentProvider
+): Promise<string>;
+
+export function getMagnet(torrent: Torrent): Promise<string>;
+
+export function getProvider(name: string, throwOnError: boolean): string;
diff --git a/types/torrent-search-api/torrent-search-api-tests.ts b/types/torrent-search-api/torrent-search-api-tests.ts
new file mode 100644
index 0000000000..f035c7240e
--- /dev/null
+++ b/types/torrent-search-api/torrent-search-api-tests.ts
@@ -0,0 +1,107 @@
+import TorrentSearchApi = require("torrent-search-api");
+
+// $ExpectType void
+TorrentSearchApi.enableProvider("Torrent9");
+
+// $ExpectType Promise<Torrent[]>
+TorrentSearchApi.search("1080", "Movies", 20);
+
+// $ExpectType TorrentProvider[]
+TorrentSearchApi.getProviders();
+
+// $ExpectType TorrentProvider[]
+TorrentSearchApi.getActiveProviders();
+
+// $ExpectType void
+TorrentSearchApi.enablePublicProviders();
+
+// $ExpectType void
+TorrentSearchApi.enableProvider("Torrent9");
+
+// $ExpectType void
+TorrentSearchApi.enableProvider("IpTorrents", ["uid=XXX;", "pass=XXX;"]);
+
+// $ExpectType void
+TorrentSearchApi.enableProvider("IpTorrents", "USERNAME", "PASSWORD");
+
+// $ExpectType void
+TorrentSearchApi.enableProvider("xxx", "TOKEN");
+
+// $ExpectType void
+TorrentSearchApi.disableProvider("TorrentLeech");
+
+// $ExpectType void
+TorrentSearchApi.disableAllProviders();
+
+// $ExpectType boolean
+TorrentSearchApi.isProviderActive("1337x");
+
+// $ExpectType Promise<Torrent[]>
+TorrentSearchApi.search("1080", "Movies", 20);
+
+// $ExpectType Promise<Torrent[]>
+TorrentSearchApi.search(["IpTorrents", "Torrent9"], "1080", "Movies", 20);
+
+const torrent = {
+    title: "tile",
+    time: "time",
+    size: "size",
+    magnet: "magnet",
+    desc: "desc",
+    provider: "provider"
+};
+
+// $ExpectType Promise<string>
+TorrentSearchApi.getTorrentDetails(torrent);
+
+// $ExpectType Promise<string>
+TorrentSearchApi.getMagnet(torrent);
+
+// $ExpectType Promise<string>
+TorrentSearchApi.downloadTorrent(torrent);
+
+// $ExpectType Promise<string>
+TorrentSearchApi.downloadTorrent(torrent, "file.mp4");
+
+const provider = {
+    name: "name",
+    baseUrl: "baseUrl",
+    requireAuthentification: true,
+    supportTokenAuthentification: true,
+    supportCookiesAuthentification: true,
+    supportCredentialsAuthentification: true,
+    loginUrl: "loginUrl",
+    loginQueryString: "loginQueryString",
+    searchUrl: "searchUrl",
+    categories: {
+        All: "all",
+        Movies: "movies"
+    },
+    defaultCategory: "all",
+    resultsPerPageCount: 50,
+    itemsSelector: ".selector",
+    itemSelectors: {
+        title: ".title",
+        seeds: ".seeds",
+        peers: ".peers",
+        size: ".size",
+        desc: ".desc"
+    },
+    paginateSelector: ".page",
+    torrentDetailsSelector: ".detail",
+    enableCloudFareBypass: true,
+    headers: {
+        UserAgent: "ua"
+    },
+    magnetSelector: ".magnet",
+    autoFixUnstableUrl: true
+};
+
+// $ExpectType void
+TorrentSearchApi.loadProvider(provider);
+
+// $ExpectType void
+TorrentSearchApi.loadProviders("/path/to/provider");
+
+// $ExpectType void
+TorrentSearchApi.removeProvider("MyCustomProvider");
diff --git a/types/torrent-search-api/tsconfig.json b/types/torrent-search-api/tsconfig.json
new file mode 100644
index 0000000000..7b342437d9
--- /dev/null
+++ b/types/torrent-search-api/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "torrent-search-api-tests.ts"]
+}
diff --git a/types/torrent-search-api/tslint.json b/types/torrent-search-api/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/torrent-search-api/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/touch/index.d.ts b/types/touch/index.d.ts
index 69b878e8ea..04aa904cc4 100644
--- a/types/touch/index.d.ts
+++ b/types/touch/index.d.ts
@@ -18,6 +18,7 @@ declare namespace touch {
         mtime?: boolean | Date;
         ref?: string;
         nocreate?: boolean;
+        closeAfter?: boolean;
     }
 
     function sync(filename: string, options?: Options): void;
diff --git a/types/touch/touch-tests.ts b/types/touch/touch-tests.ts
index f843b4c465..be9db26632 100644
--- a/types/touch/touch-tests.ts
+++ b/types/touch/touch-tests.ts
@@ -25,6 +25,8 @@ opts.ref = strVal;
 
 opts.nocreate = boolVal;
 
+opts.closeAfter = boolVal;
+
 let str: string;
 // touch API tests
 touch(strVal, (e) => console.log(e));
diff --git a/types/tough-cookie/index.d.ts b/types/tough-cookie/index.d.ts
index d4e9a58548..e68496d302 100644
--- a/types/tough-cookie/index.d.ts
+++ b/types/tough-cookie/index.d.ts
@@ -30,7 +30,7 @@ export function canonicalDomain(str: string): string;
  * The str is the "current" domain-name and the domStr is the "cookie" domain-name.
  * Matches according to RFC6265 Section 5.1.3, but it helps to think of it as a "suffix match".
  *
- * The canonicalize parameter will run the other two paramters through canonicalDomain or not.
+ * The canonicalize parameter will run the other two parameters through canonicalDomain or not.
  */
 export function domainMatch(str: string, domStr: string, canonicalize?: boolean): boolean;
 
diff --git a/types/tracking/index.d.ts b/types/tracking/index.d.ts
index e1fc5691cb..196063b02c 100644
--- a/types/tracking/index.d.ts
+++ b/types/tracking/index.d.ts
@@ -1,60 +1,302 @@
-// Type definitions for Tracking.js v1.1.2
+// Type definitions for Tracking.js v1.1.3
 // Project: https://github.com/eduardolundgren/tracking.js
 // Definitions by: Tim Perry <https://github.com/pimterry>
+//                 Brendan Ratter <https://github.com/bratter>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TODO: Implement LandmarkTracker and its track event data 
 
+/**
+ * Namespace to tracking.js.
+ * Provides global `window.tracking` object.
+ * 
+ * Usage: 
+ * - As ES6 module import (side effect import): `import 'tracking'`.
+ * - As ambient declaration if installed as global: `/// <reference path='tracking' />`.
+ * 
+ * Note that individual classifier models have to be imported/loaded separately.
+ * e.g. `import 'tracking/buid/data/face`
+ */
 declare namespace tracking {
-  export class ColorTracker extends Tracker {
-    constructor(colours: string[]);
+  /**
+   * Listener callback type for track events.
+   */
+  type TrackEventListener = (event: TrackEvent) => void
+  
+  /**
+   * Color match predicate function.
+   */
+  type ColorFunction = (r: number, g: number, b: number) => boolean
 
-    static registerColor(name: string, predicate: (r: number, g: number, b: number) => boolean): void;
+  /**
+   * ColorTracker utility to track colored blobs in a frame using color
+   * difference evaluation.
+   */
+  class ColorTracker extends Tracker {
+    /**
+     * Create a new ColorTracker.
+     * @param colors Optional color(s) to track.
+     */
+    constructor(colors?: string|string[]);
 
+    /**
+     * Registers a color as known color.
+     * @param name The color name.
+     * @param predicate The color function to test if the passed (r,g,b) is
+     *        the desired color.
+     */
+    static registerColor(name: string, predicate: ColorFunction): void;
+
+    /**
+     * Gets the known color function that is able to test whether an (r,g,b) is
+     * the desired color.
+     * @param name The color name.
+     */
+    static getColor(name: string): ColorFunction
+
+    /** Gets the colors being tracked by the `ColorTracker` instance. */
     getColors(): string[];
+
+    /** Gets the minimum dimension to classify a rectangle. */
     getMinDimension(): number;
+
+    /** Gets the maximum dimension to classify a rectangle. */
     getMaxDimension(): number;
+
+    /** Gets the minimum group size to be classified as a rectangle. */
     getMinGroupSize(): number;
+
+    /**
+     * Sets the colors to be tracked by the `ColorTracker` instance.
+     * @param colors Array of color names to add.
+     */
     setColors(colors: string[]): void;
+
+    /**
+     * Sets the minimum dimension to classify a rectangle.
+     * @param minDimension The min dimension.
+     */
     setMinDimension(minDimension: number): void;
+
+    /**
+     * Sets the maximum dimension to classify a rectangle.
+     * @param maxDimension The max dimension.
+     */
     setMaxDimension(maxDimension: number): void;
-    setMinGroupSize(maxDimension: number): void;
+
+    /**
+     * Sets the minimum group size to be classified as a rectangle.
+     * @param minGroupSize The min group size.
+     */
+    setMinGroupSize(minGroupSize: number): void;
+
+    /**
+     * @param pixels The pixel data to track.
+     * @param width The pixel canvas width.
+     * @param height The pixel data height.
+     */
+    track(pixels: Uint8ClampedArray, width: number, height: number): void;
   }
 
-  export class ObjectTracker extends Tracker {
-    constructor(objects: string[]);
+  /**
+   * Object tracker utility.
+   */
+  class ObjectTracker extends Tracker {
+    /**
+     * Create a new Object Tracker.
+     * @param classifiers Optional object classifiers to track.
+     */
+    constructor(classifiers?: string|string[]);
 
+    /** Gets the tracker HAAR classifiers. */
     getClassifiers(): number[];
+
+    /** Gets the edges density value. */
     getEdgesDensity(): number;
+
+    /** Gets the initial scale to start the feature block scaling. */
     getInitialScale(): number;
+
+    /** Gets the scale factor to scale the feature block. */
     getScaleFactor(): number;
+
+    /** Gets the block step size. */
     getStepSize(): number;
+
+    /**
+     * Sets the tracker HAAR classifiers.
+     * @param classifiers Classifiers to track.
+     */
     setClassifiers(classifiers: number[]): void;
+
+    /**
+     * Sets the edges density.
+     * @param edgesDensity
+     */
     setEdgesDensity(edgesDensity: number): void;
+
+    /**
+     * Sets the initial scale to start the block scaling.
+     * @param initialScale
+     */
     setInitialScale(initialScale: number): void;
+
+    /**
+     * Sets the scale factor to scale the feature block.
+     * @param scaleFactor
+     */
     setScaleFactor(scaleFactor: number): void;
+
+    /**
+     * Sets the block step size.
+     * @param stepSize
+     */
     setStepSize(stepSize: number): void;
+
+    /**
+     * @param pixels The pixel data to track.
+     * @param width The pixel canvas width.
+     * @param height The pixel data height.
+     */
+    track(pixels: Uint8ClampedArray, width: number, height: number): void;
   }
 
-  class Tracker {
-    constructor(target: string);
-    on(eventName: string, callback: (event: TrackEvent) => void): void;
+  /**
+   * Base class for specific tracker types.
+   */
+  abstract class Tracker extends EventEmitter {
+    /**
+     * Tracks the pixels on the array. This method is called for each video
+     * frame in order to emit `track` event.
+     * @param pixels The pixel data to track.
+     * @param width The pixel canvas width.
+     * @param height The pixel data height.
+     */
+    abstract track(pixels: Uint8ClampedArray, width: number, height: number): void;
   }
 
+  /**
+   * EventEmitter utility class.
+   */
+  class EventEmitter {
+    /**
+     * Adds a listener to the end of the listeners array for the specified event.
+     * @param event Name of the event.
+     * @param listener Listener function.
+     */
+    addListener(event: string, listener: TrackEventListener): this;
+
+    /**
+     * Execute each of the listeners in order with the supplied arguments.
+     * @param event Name of the event.
+     * @param args Callback arguments.
+     */
+    emit(event: string, ...args: any[]): boolean;
+
+    /**
+     * Adds a listener to the end of the listeners array for the specified event.
+     * @param event Name of the event.
+     * @param listener Listener function.
+     */
+    on(event: string, listener: TrackEventListener): this;
+
+    /**
+     * Adds a one time listener for the event. This listener is invoked only the
+     * next time the event is fired, after which it is removed.
+     * @param event Name of the event.
+     * @param listener Listener function.
+     * FIXME: tracking.js docs says method should return this, but code does not
+     *        this should be updated when fixed in the repo.
+     */
+    once(event: string, listener: TrackEventListener): void;
+
+    /**
+     * Removes all listeners, or those of the specified event. It's not a good
+     * idea to remove listeners that were added elsewhere in the code,
+     * especially when it's on an emitter that you didn't create.
+     * @param event Optional name of the evnet to remove listeners for.
+     */
+    removeAllListeners(event?: string): this;
+
+    /**
+     * Remove a listener from the listener array for the specified event.
+     * Caution: changes array indices in the listener array behind the listener.
+     * @param event Name of the event.
+     * @param listener Listener function.
+     */
+    removeListener(event: string, listener: TrackEventListener): this;
+  }
+
+  /**
+   * TrackerTask utility.
+   * Note: Types do not provide `setTracker()` even though not marked as private.
+   * A new tracker should be created instead.
+   */
+  class TrackerTask extends EventEmitter {
+    /**
+     * Create a new tracker task.
+     * @param tracker The tracker instance to manage.
+     */
+    constructor(tracker: Tracker)
+
+    /**
+     * Gets the tracker instance managed by this task.
+     */
+    getTracker(): Tracker
+    
+    /**
+     * Emits a `run` event on the tracker task for the implementers to run any
+     * child action, e.g. `requestAnimationFrame`.
+     */
+    run(): this;
+
+    /**
+     * Emits a `stop` event on the tracker task for the implementers to stop any
+     * child action being done, e.g. `requestAnimationFrame`.
+     */
+    stop(): this;
+  }
+
+  /**
+   * Event data emmitted by a `track` event.
+   */
   interface TrackEvent {
     data: TrackRect[];
   }
 
+  /**
+   * Bounding box data for individal tracking rectangles.
+   */
   interface TrackRect {
+    /** Horizontal position of top-left corner. */
     x: number;
+
+    /** Vertical position of top-left corner */
     y: number;
+
+    /** Rectange height. */
     height: number;
+
+    /** Rectange width. */
     width: number;
-    color: string;
+
+    /** Color being tracked (for ColorTracker only) */
+    color?: string;
   }
 
-  interface TrackerTask {
-    stop(): void;
-    run(): void;
-  }
-
-  export function track(selector: string, tracker: tracking.Tracker): TrackerTask;
+  /**
+   * Tracks a canvas, image or video element based on the specified `tracker`
+   * instance. This method extract the pixel information of the input element
+   * to pass to the `tracker` instance. When tracking a video, the
+   * `tracker.track(pixels, width, height)` will be in a
+   * `requestAnimationFrame` loop in order to track all video frames.
+   * @param element HTMLElement or CSS3 selector string for the element to track.
+   *                Element must be convas, image, or video.
+   * @param tracker Tracker instance used to track the element.
+   * @param options Optional tracker configuration.
+   */
+  function track(
+    element: HTMLElement|string,
+    tracker: tracking.Tracker,
+    options?: { camera?: boolean, audio?: boolean }
+  ): TrackerTask;
 }
diff --git a/types/tracking/tracking-tests.ts b/types/tracking/tracking-tests.ts
index 66476a625b..f8fa02a71e 100644
--- a/types/tracking/tracking-tests.ts
+++ b/types/tracking/tracking-tests.ts
@@ -1,10 +1,14 @@
-
-
 // All tracking tests below are code taken verbatim (or, as close as possible) from the tracking docs: https://trackingjs.com/docs.html
 
-var colors = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);
+/*
+ * ColorTracker tests 
+ */
 
-colors.on('track', function(event) {
+// Constructor accepts string or array
+var colorTracker = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);
+colorTracker = new tracking.ColorTracker('magenta');
+
+colorTracker.on('track', function(event) {
   if (event.data.length === 0) {
     // No colors were detected in this frame.
   } else {
@@ -14,25 +18,19 @@ colors.on('track', function(event) {
   }
 });
 
-tracking.track('#myVideo', colors);
+// Tracker task accepts selector or HMTLElement
+var videoEl = document.createElement('video');
+var colorTrackerTask = tracking.track('#myVideo', colorTracker);
+colorTrackerTask = tracking.track(videoEl, colorTracker)
 
-var myTracker = new tracking.Tracker('target');
+// Also accepts tracking options
+colorTrackerTask = tracking.track(videoEl, colorTracker, { camera: true, audio: false })
 
-myTracker.on('track', function(event) {
-  if (event.data.length === 0) {
-    // No targets were detected in this frame.
-  } else {
-    event.data.forEach(function(data) {
-      // Plots the detected targets here.
-    });
-  }
-});
-
-var trackerTask = tracking.track('#myVideo', myTracker);
-
-trackerTask.stop(); // Stops the tracking
-trackerTask.run(); // Runs it again anytime
+// Start and stop tracking
+colorTrackerTask.stop();
+colorTrackerTask.run();
 
+// Register color takes a function that accepts rgb values and returns boolean
 tracking.ColorTracker.registerColor('green', function(r, g, b) {
   if (r < 50 && g > 200 && b < 50) {
     return true;
@@ -40,16 +38,27 @@ tracking.ColorTracker.registerColor('green', function(r, g, b) {
   return false;
 });
 
-var objects = new tracking.ObjectTracker(['face', 'eye', 'mouth']);
+/*
+ * ObjectTacker tests
+ */
 
-objects.on('track', function(event) {
+// Constructor accepts string or array
+var objectTracker = new tracking.ObjectTracker(['face', 'eye', 'mouth']);
+objectTracker = new tracking.ObjectTracker('face');
+
+objectTracker.on('track', function(event) {
   if (event.data.length === 0) {
     // No objects were detected in this frame.
   } else {
     event.data.forEach(function(rect) {
-      // rect.x, rect.y, rect.height, rect.width
+      console.log(rect.x, rect.y, rect.height, rect.width)
     });
   }
 });
 
-tracking.track('#myVideo', objects);
+var objectTrackerTask = tracking.track('#myVideo', objectTracker);
+
+// Start and stop tracking
+objectTrackerTask.stop();
+objectTrackerTask.run();
+
diff --git a/types/tracking/tsconfig.json b/types/tracking/tsconfig.json
index 31c4aecc19..b48a4963e6 100644
--- a/types/tracking/tsconfig.json
+++ b/types/tracking/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
         "typeRoots": [
diff --git a/types/trianglify/index.d.ts b/types/trianglify/index.d.ts
new file mode 100644
index 0000000000..784d78ae00
--- /dev/null
+++ b/types/trianglify/index.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for trianglify 1.2
+// Project: https://github.com/qrohlf/trianglify
+// Definitions by: Daniel Perez Alvarez <https://github.com/unindented>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+declare namespace trianglify {
+    interface Options {
+        /** Width of pattern */
+        width?: number;
+        /** Height of pattern */
+        height?: number;
+        /** Size of the cells used to generate a randomized grid */
+        cell_size?: number;
+        /** how much to randomize the grid */
+        variance?: number;
+        /** Seed for the RNG */
+        seed?: number | string | null;
+        /** X color stops */
+        x_colors?: false | string | string[];
+        /** Y color stops */
+        y_colors?: false | string | string[];
+        /** Color space used for gradient construction & interpolation */
+        color_space?: string;
+        /** Color function f(x, y) that returns a color specification that is consumable by chroma-js */
+        color_function?: ((x: number, y: number) => string) | null;
+        /** Width of stroke. Defaults to 1.51 to fix an issue with canvas antialiasing. */
+        stroke_width?: number;
+        /** An array of [x,y] coordinates to trianglulate. Defaults to undefined, and points are generated. */
+        points?: number[];
+    }
+
+    interface SVGOptions {
+        includeNamespace: boolean;
+    }
+
+    interface Pattern {
+        opts: Options;
+        polys: any;
+        svg(opts?: SVGOptions): SVGElement;
+        canvas(canvas?: HTMLCanvasElement): HTMLCanvasElement;
+        png(): string;
+    }
+}
+
+declare function Trianglify(opts?: trianglify.Options): trianglify.Pattern;
+
+export = Trianglify;
diff --git a/types/trianglify/trianglify-tests.ts b/types/trianglify/trianglify-tests.ts
new file mode 100644
index 0000000000..f427d03f02
--- /dev/null
+++ b/types/trianglify/trianglify-tests.ts
@@ -0,0 +1,18 @@
+import Trianglify = require("trianglify");
+
+const pattern = Trianglify({
+    width: 1920,
+    height: 1080,
+    cell_size: 75,
+    variance: 0.75,
+    seed: "someseed",
+    x_colors: ["#2c2541", "#2c2541"],
+    y_colors: ["#6441a4", "#000000"],
+    color_space: "lab",
+    color_function: null,
+    stroke_width: 1.51
+});
+
+const svg = pattern.svg({ includeNamespace: true });
+const result = '<?xml version="1.0" encoding="UTF-8"?>\n' + svg.outerHTML;
+console.log(result);
diff --git a/types/trianglify/tsconfig.json b/types/trianglify/tsconfig.json
new file mode 100644
index 0000000000..de3bddc6f6
--- /dev/null
+++ b/types/trianglify/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "dom",
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "trianglify-tests.ts"
+    ]
+}
diff --git a/types/trianglify/tslint.json b/types/trianglify/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/trianglify/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/tus-js-client/index.d.ts b/types/tus-js-client/index.d.ts
index 40097af209..defb27fea0 100644
--- a/types/tus-js-client/index.d.ts
+++ b/types/tus-js-client/index.d.ts
@@ -1,12 +1,14 @@
-// Type definitions for tus-js-client 1.4
+// Type definitions for tus-js-client 1.5
 // Project: https://github.com/tus/tus-js-client/
 // Definitions by: Kevin Somers-Higgins <https://github.com/kevhiggins>
+//                 Marius Kleidl <https://github.com/Acconut>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface UploadOptions {
     endpoint: string;
     fingerprint?: string;
     resume?: boolean;
+    metadata?: { [key: string]: string };
     onProgress?: ((bytesSent: number, bytesTotal: number) => void) | null;
     onChunkComplete?: ((chunkSize: number, bytesAccepted: number, bytesTotal: number) => void) | null;
     onSuccess?: (() => void) | null;
@@ -18,6 +20,7 @@ export interface UploadOptions {
     uploadSize?: number | null;
     overridePatchMethod?: boolean;
     retryDelays?: number[];
+    removeFingerprintOnSuccess?: boolean;
 }
 
 export class Upload {
@@ -30,3 +33,7 @@ export class Upload {
     start(): void;
     abort(): void;
 }
+
+export const isSupported: boolean;
+export const canStoreURLs: boolean;
+export const defaultOptions: UploadOptions;
diff --git a/types/tus-js-client/tus-js-client-tests.ts b/types/tus-js-client/tus-js-client-tests.ts
index 7f187e735e..a13d9da12f 100644
--- a/types/tus-js-client/tus-js-client-tests.ts
+++ b/types/tus-js-client/tus-js-client-tests.ts
@@ -1,5 +1,9 @@
 import * as Tus from 'tus-js-client';
 
+const isSupported = Tus.isSupported;
+const canStoreURLs = Tus.canStoreURLs;
+const defaultChunkSize = Tus.defaultOptions.chunkSize;
+
 const file = new File(["foo"], "foo.txt", {
   type: "text/plain",
 });
@@ -8,6 +12,9 @@ const upload = new Tus.Upload(file, {
     endpoint: "",
     fingerprint: "fingerprint",
     resume: true,
+    metadata: {
+        filename: "foo.txt"
+    },
     onProgress: (bytesSent: number, bytesTotal: number) => {
         const percentage = (bytesSent / bytesTotal * 100).toFixed(2);
         console.log(bytesSent, bytesTotal, percentage + "%");
@@ -25,7 +32,8 @@ const upload = new Tus.Upload(file, {
     uploadUrl: "",
     uploadSize: 50,
     overridePatchMethod: true,
-    retryDelays: [10, 20, 50]
+    retryDelays: [10, 20, 50],
+    removeFingerprintOnSuccess: true
 });
 
 upload.start();
diff --git a/types/twilio-common/index.d.ts b/types/twilio-common/index.d.ts
new file mode 100644
index 0000000000..2ad8b73ea4
--- /dev/null
+++ b/types/twilio-common/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for twilio-common 0.1
+// Project: https://github.com/twilio/twilio-common.js
+// Definitions by: William Lohan <https://github.com/gatimus>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { EventEmitter } from 'events';
+
+export class AccessManager extends EventEmitter {
+    readonly expires?: Date;
+
+    readonly identity?: string;
+
+    readonly isExpired: boolean;
+
+    readonly token: string;
+
+    constructor(initialToken: string);
+
+    updateToken(newToken: string): Promise<AccessManager>;
+
+    on(type: 'error', listener: (error: Error) => void): this;
+
+    on(type: 'tokenExpired' | 'tokenWillExpire' | 'tokenUpdated', listener: (manager: AccessManager) => void): this;
+}
diff --git a/types/twilio-common/tsconfig.json b/types/twilio-common/tsconfig.json
new file mode 100644
index 0000000000..3653f40f71
--- /dev/null
+++ b/types/twilio-common/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "twilio-common-tests.ts"
+    ]
+}
diff --git a/types/twilio-common/tslint.json b/types/twilio-common/tslint.json
new file mode 100644
index 0000000000..c2e987daf6
--- /dev/null
+++ b/types/twilio-common/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "only-arrow-functions": false
+    }
+}
diff --git a/types/twilio-common/twilio-common-tests.ts b/types/twilio-common/twilio-common-tests.ts
new file mode 100644
index 0000000000..688be12c9a
--- /dev/null
+++ b/types/twilio-common/twilio-common-tests.ts
@@ -0,0 +1,22 @@
+// https://www.twilio.com/docs/chat/access-token-lifecycle#javascript
+import { AccessManager } from 'twilio-common';
+
+function generateToken(): string {
+    return 'SOME_TOKEN';
+}
+
+const token = generateToken();
+
+const accessManager = new AccessManager(token);
+const chatClient = { updateToken: (token: string) => {} }; // mock for test
+
+accessManager.on('tokenUpdated', function(am) {
+    // get new token from AccessManager and pass it to the library instance
+    chatClient.updateToken(am.token);
+});
+
+accessManager.on('tokenExpired', function() {
+    // generate new token here and set it to the accessManager
+    const updatedToken = generateToken();
+    accessManager.updateToken(updatedToken);
+});
diff --git a/types/twilio/twilio-tests.ts b/types/twilio/twilio-tests.ts
index 33a691eac0..2e7682d3b2 100644
--- a/types/twilio/twilio-tests.ts
+++ b/types/twilio/twilio-tests.ts
@@ -240,5 +240,5 @@ twilio.webhook("MYAUTHTOKEN", { validate: false });
 
 
 function getMockExpressRequest(): Express.Request {
-    return <Express.Request>JSON.parse("{}");
+    return JSON.parse("{}") as Express.Request;
 }
diff --git a/types/twit/index.d.ts b/types/twit/index.d.ts
index ce8484bbe1..a66e75bab7 100644
--- a/types/twit/index.d.ts
+++ b/types/twit/index.d.ts
@@ -292,6 +292,7 @@ declare module 'twit' {
       app_only_auth?: boolean,
       timeout_ms?: number,
       trusted_cert_fingerprints?: string[],
+      strictSSL?: boolean
     }
     export interface Stream extends EventEmitter {
       start(): void;
diff --git a/types/twix/index.d.ts b/types/twix/index.d.ts
index 5b37054eb9..175ee1f0aa 100644
--- a/types/twix/index.d.ts
+++ b/types/twix/index.d.ts
@@ -23,6 +23,9 @@ export interface TwixFormatOptions {
     allDay?: any; // boolean | string
     explicitAllDay?: boolean;
     lastNightEndsAt?: number;
+    hideTime?: boolean;
+    hideDate?: boolean;
+    hideYear?: boolean;
 }
 
 export interface TwixParseAndFormatOptions extends TwixFormatOptions {
@@ -61,8 +64,8 @@ export interface Twix {
     overlaps(other: Twix): boolean;
     engulfs(other: Twix): boolean;
     equals(other: Twix): boolean;
-        union(other: Twix): Twix;
-        intersection(other: Twix): Twix;
+    union(other: Twix): Twix;
+    intersection(other: Twix): Twix;
 
     xor(other: Twix): Twix[];
     difference(other: Twix): Twix[];
diff --git a/types/twix/twix-tests.ts b/types/twix/twix-tests.ts
index dc4ba2c878..751e501ef0 100644
--- a/types/twix/twix-tests.ts
+++ b/types/twix/twix-tests.ts
@@ -222,4 +222,24 @@ t.format();  //=> Jan 25, 1982, 9:30 AM - 1:30 PM
 
 t.isSame("day"); //=> true
 t.humanizeLength(); //=> "4 hours"
-t.count("days"); //=> 1
\ No newline at end of file
+t.count("days"); //=> 1
+
+
+var t = moment("2012-05-25T8:00").twix("2012-05-27T17:00");
+
+t.format({ hideTime: true }); //=> May 25 - 27, 2012
+
+
+var t = moment("2012-05-25T8:00").twix("2012-05-25T17:00");
+
+t.format({ hideDate: true }); //=> 8 AM - 5 PM
+
+
+var t = moment("2012-01-25").twix("2012-01-25", { allDay: true });
+
+t.format({ hideDate: true }); //=> All day
+
+
+var t = moment("2012-05-25").twix("2012-05-27");
+
+t.format({ hideYear: true }); //=> May 25 - May 27
\ No newline at end of file
diff --git a/types/uglify-js/index.d.ts b/types/uglify-js/index.d.ts
index 7589ba8e86..add459c62d 100644
--- a/types/uglify-js/index.d.ts
+++ b/types/uglify-js/index.d.ts
@@ -165,7 +165,7 @@ export interface OutputOptions {
     indent_start?: boolean;
     inline_script?: boolean;
     keep_quoted_props?: boolean;
-    max_line_len?: boolean;
+    max_line_len?: boolean | number;
     preamble?: string;
     preserve_line?: boolean;
     quote_keys?: boolean;
diff --git a/types/uglify-js/v2/index.d.ts b/types/uglify-js/v2/index.d.ts
index d9410070a9..2813ec45b0 100644
--- a/types/uglify-js/v2/index.d.ts
+++ b/types/uglify-js/v2/index.d.ts
@@ -159,7 +159,7 @@ declare namespace UglifyJS {
         /**
          * Maximum line length (for non-beautified output)
          */
-        max_line_len?: number;
+        max_line_len?: boolean | number;
 
         /**
          * Output IE-safe code?
diff --git a/types/unist/index.d.ts b/types/unist/index.d.ts
index 5eed577657..7433ddcc13 100644
--- a/types/unist/index.d.ts
+++ b/types/unist/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for Unist 1.0
+// Type definitions for Unist 2.0
 // Project: https://github.com/syntax-tree/unist
 // Definitions by: bizen241 <https://github.com/bizen241>
+//                 Jun Lu <https://github.com/lujun2>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
@@ -11,7 +12,7 @@ export interface Node {
 }
 
 export interface Data {
-    [key: string]: string | number | object | any[] | boolean | null;
+    [key: string]: any;
 }
 
 export interface Position {
@@ -34,6 +35,6 @@ export interface Parent extends Node {
     children: Node[];
 }
 
-export interface Text extends Node {
-    value: string;
+export interface Literal extends Node {
+    value: any;
 }
diff --git a/types/unist/tsconfig.json b/types/unist/tsconfig.json
index c9f03c2264..116f944fda 100644
--- a/types/unist/tsconfig.json
+++ b/types/unist/tsconfig.json
@@ -1,23 +1,16 @@
 {
     "compilerOptions": {
         "module": "commonjs",
-        "lib": [
-            "es6"
-        ],
+        "lib": ["es6"],
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
         "strictFunctionTypes": true,
         "baseUrl": "../",
-        "typeRoots": [
-            "../"
-        ],
+        "typeRoots": ["../"],
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
-    "files": [
-        "index.d.ts",
-        "unist-tests.ts"
-    ]
-}
\ No newline at end of file
+    "files": ["index.d.ts", "unist-tests.ts"]
+}
diff --git a/types/unist/unist-tests.ts b/types/unist/unist-tests.ts
index b49f1002f9..3cb69bcc76 100644
--- a/types/unist/unist-tests.ts
+++ b/types/unist/unist-tests.ts
@@ -4,46 +4,41 @@ const data: Unist.Data = {
     string: 'string',
     number: 1,
     object: {
-        key: 'value',
+        key: 'value'
     },
     array: [],
     boolean: true,
-    null: null,
+    null: null
 };
 
 const point: Unist.Point = {
     line: 1,
     column: 1,
-    offset: 0,
+    offset: 0
 };
 
 const position: Unist.Position = {
     start: point,
     end: point,
-    indent: [
-        1,
-    ],
+    indent: [1]
 };
 
 const node: Unist.Node = {
     type: 'node',
     data,
-    position,
+    position
 };
 
-const text: Unist.Text = {
+const text: Unist.Literal = {
     type: 'text',
     data,
     position,
-    value: 'value',
+    value: 'value'
 };
 
 const parent: Unist.Parent = {
     type: 'parent',
     data,
     position,
-    children: [
-        node,
-        text,
-    ],
+    children: [node, text]
 };
diff --git a/types/universal-router/index.d.ts b/types/universal-router/index.d.ts
index c510352338..eb698fc8bf 100644
--- a/types/universal-router/index.d.ts
+++ b/types/universal-router/index.d.ts
@@ -9,7 +9,7 @@
 import pathToRegexp = require('path-to-regexp');
 
 /**
- * Params is a key/value object that represents extracted URL paramters.
+ * Params is a key/value object that represents extracted URL parameters.
  * Each URL parameter resolves to a string.
  */
 export interface Params {
diff --git a/types/unzipper/index.d.ts b/types/unzipper/index.d.ts
index 43c50e1818..4e5b641eed 100644
--- a/types/unzipper/index.d.ts
+++ b/types/unzipper/index.d.ts
@@ -7,7 +7,7 @@
 // TypeScript Version: 2.2
 /// <reference types="node" />
 
-import { Readable, Stream, PassThrough, Duplex } from "stream";
+import { Readable, Stream, PassThrough, Duplex, Transform } from "stream";
 import { ClientRequest, RequestOptions } from "http";
 
 export interface PullStream extends Duplex {
@@ -16,7 +16,9 @@ export interface PullStream extends Duplex {
 }
 
 export interface Entry extends PassThrough {
-    autodrain(): Promise<void>;
+    autodrain(): Transform & {
+        promise(): Promise<void>;
+    };
     buffer(): Promise<Buffer>;
     path: string;
 
diff --git a/types/unzipper/unzipper-tests.ts b/types/unzipper/unzipper-tests.ts
index 26cebebdef..68464d5451 100644
--- a/types/unzipper/unzipper-tests.ts
+++ b/types/unzipper/unzipper-tests.ts
@@ -1,8 +1,14 @@
-import { Parse, Open, Entry, CentralDirectory } from "unzipper";
+import { createReadStream } from 'fs';
+import { get } from 'http';
+import { CentralDirectory, Entry, Open, Parse } from 'unzipper';
 
-import { createReadStream } from "fs";
-
-import { get } from "http";
+createReadStream("http://example.org/path/to/archive.zip")
+    .pipe(Parse())
+    .on("entry", (entry: Entry) => {
+        entry.autodrain().promise().then(() => {
+            console.log("Finished draining stream");
+        });
+    });
 
 createReadStream("http://example.org/path/to/archive.zip")
     .pipe(Parse())
diff --git a/types/update-notifier/index.d.ts b/types/update-notifier/index.d.ts
index 98c71d87f6..b8d6e02f52 100644
--- a/types/update-notifier/index.d.ts
+++ b/types/update-notifier/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for update-notifier 2.2
+// Type definitions for update-notifier 2.5
 // Project: https://github.com/yeoman/update-notifier
 // Definitions by: vvakame <https://github.com/vvakame>
 //                 Noah Chen <https://github.com/nchen63>
 //                 Jason Dreyzehner <https://github.com/bitjson>
+//                 Michael Grinich <https://github.com/grinich>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export = UpdateNotifier;
@@ -27,6 +28,7 @@ declare namespace UpdateNotifier {
         packageName?: string;
         packageVersion?: string;
         updateCheckInterval?: number; // in milliseconds, default 1000 * 60 * 60 * 24 (1 day)
+        shouldNotifyInNpmScript?: boolean;
     }
 
     interface BoxenOptions {
diff --git a/types/upng-js/index.d.ts b/types/upng-js/index.d.ts
index a6b31f54a6..ab9462e107 100644
--- a/types/upng-js/index.d.ts
+++ b/types/upng-js/index.d.ts
@@ -1,20 +1,82 @@
 // Type definitions for upng-js 2.1
 // Project: https://github.com/photopea/UPNG.js
-// Definitions by: York Yao <https://github.com/plantain-00>
+// Definitions by: York Yao <https://github.com/plantain-00>, Sophie Kirschner <https://github.com/pineapplemachine>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-export function decode(buff: ArrayBuffer): PngData;
+export interface ImageFrameRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 
-export function encode(bufs: ArrayBuffer, width: number, height: number, ps?: number, dels?: any[]): ArrayBuffer;
+export interface ImageFrame {
+    rect: ImageFrameRect;
+    delay: number;
+    dispose: number;
+    blend: number;
+}
 
-export function toRGBA8(out: PngData): ArrayBuffer;
+export interface ImageTabACTL {
+    num_frames: number;
+    num_plays: number;
+}
 
-export interface PngData {
+export interface ImageTabText {
+    [key: string]: string;
+}
+
+export interface ImageTabs {
+    acTL?: ImageTabACTL;
+    pHYs?: number[];
+    cHRM?: number[];
+    tEXt?: ImageTabText;
+    iTXt?: ImageTabText;
+    PLTE?: number[];
+    hIST?: number[];
+    tRNS?: (number | number[]); // Depends on ctype
+    gAMA?: number;
+    sRGB?: number;
+    bKGD?: (number | number[]); // Depends on ctype
+}
+
+export interface Image {
     width: number;
     height: number;
     depth: number;
-    ctype: any;
-    frames: any;
-    tabs: any;
+    ctype: number;
+    frames: ImageFrame[];
+    tabs: ImageTabs;
     data: ArrayBuffer;
 }
+
+export interface QuantizeResult {
+    abuf: ArrayBuffer;
+    inds: Uint8Array;
+    // Type is complicated and I am too lazy to work it out right now, sorry!
+    plte: any[];
+}
+
+export function encode(
+    imgs: ArrayBuffer[],
+    w: number,
+    h: number,
+    cnum: number,
+    dels?: number[]
+): ArrayBuffer;
+
+export function encodeLL(
+    imgs: ArrayBuffer[],
+    w: number,
+    h: number,
+    cc: number,
+    ac: number,
+    depth: number,
+    dels?: number[]
+): ArrayBuffer;
+
+export function decode(buffer: ArrayBuffer): Image;
+
+export function toRGBA8(out: Image): ArrayBuffer[];
+
+export function quantize(data: ArrayBuffer, psize: number): QuantizeResult;
diff --git a/types/upng-js/upng-js-tests.ts b/types/upng-js/upng-js-tests.ts
index 4b0823baa0..ccd3cb2d19 100644
--- a/types/upng-js/upng-js-tests.ts
+++ b/types/upng-js/upng-js-tests.ts
@@ -1,5 +1,12 @@
 import * as UPNG from 'upng-js';
 
-declare const buff: ArrayBuffer;
-const img = UPNG.decode(buff);
-const rgba = UPNG.toRGBA8(img);
+declare const buffer: ArrayBuffer;
+
+const image: UPNG.Image = UPNG.decode(buffer);
+const rgba: ArrayBuffer[] = UPNG.toRGBA8(image);
+const quantized: UPNG.QuantizeResult = UPNG.quantize(rgba[0], 256);
+
+const png1: ArrayBuffer = UPNG.encode([buffer], 32, 32, 0);
+const png2: ArrayBuffer = UPNG.encode([buffer, buffer], 32, 32, 0, [10, 10]);
+const png3: ArrayBuffer = UPNG.encodeLL([buffer], 32, 32, 3, 1, 8);
+const png4: ArrayBuffer = UPNG.encodeLL([buffer, buffer], 32, 32, 3, 1, 8, [10, 10]);
diff --git a/types/v-chart-plugin/index.d.ts b/types/v-chart-plugin/index.d.ts
new file mode 100644
index 0000000000..d7c0e6659d
--- /dev/null
+++ b/types/v-chart-plugin/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for v-chart-plugin 0.2
+// Project: https://github.com/ignoreintuition/v-chart-plugin
+// Definitions by: Nate Mara <https://github.com/natemara>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import { PluginObject } from 'vue';
+
+declare const Chart: PluginObject<void>;
+
+export default Chart;
diff --git a/types/v-chart-plugin/package.json b/types/v-chart-plugin/package.json
new file mode 100644
index 0000000000..faefc1b2f7
--- /dev/null
+++ b/types/v-chart-plugin/package.json
@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "vue": ">=2.0.0"
+  }
+}
diff --git a/types/v-chart-plugin/tsconfig.json b/types/v-chart-plugin/tsconfig.json
new file mode 100644
index 0000000000..675dead5d7
--- /dev/null
+++ b/types/v-chart-plugin/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6", "dom"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "v-chart-plugin-tests.ts"]
+}
diff --git a/types/v-chart-plugin/tslint.json b/types/v-chart-plugin/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/v-chart-plugin/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/v-chart-plugin/v-chart-plugin-tests.ts b/types/v-chart-plugin/v-chart-plugin-tests.ts
new file mode 100644
index 0000000000..ef320b492f
--- /dev/null
+++ b/types/v-chart-plugin/v-chart-plugin-tests.ts
@@ -0,0 +1,5 @@
+import Vue from 'vue';
+
+import Chart from 'v-chart-plugin';
+
+Vue.use(Chart);
diff --git a/types/valerie/tslint.json b/types/valerie/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/valerie/tslint.json
+++ b/types/valerie/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/validator/index.d.ts b/types/validator/index.d.ts
index 345a02858d..1b51669d14 100644
--- a/types/validator/index.d.ts
+++ b/types/validator/index.d.ts
@@ -122,7 +122,7 @@ declare namespace ValidatorJS {
     isISIN(str: string): boolean;
 
     // check if the string is a valid ISO 8601 (https://en.wikipedia.org/wiki/ISO_8601) date.
-    isISO8601(str: string): boolean;
+    isISO8601(str: string, options?: IsISO8601Options): boolean;
 
     // check if the string is a valid ISO 3166-1 alpha-2 (https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) officially assigned
     // country code.
@@ -341,6 +341,11 @@ declare namespace ValidatorJS {
     gt?: number;
   }
 
+  // options for isISO8601
+  interface IsISO8601Options {
+    strict?: boolean;
+  }
+
   // options for IsLength
   interface IsLengthOptions {
     min?: number;
diff --git a/types/validator/validator-tests.ts b/types/validator/validator-tests.ts
index b939cfd0cb..61c1c59e92 100644
--- a/types/validator/validator-tests.ts
+++ b/types/validator/validator-tests.ts
@@ -469,7 +469,9 @@ let any: any;
 
   result = validator.isISIN('sample');
 
+  let isISO8601Options: ValidatorJS.IsISO8601Options = {};
   result = validator.isISO8601('sample');
+  result = validator.isISO8601('sample', isISO8601Options);
 
   result = validator.isISO31661Alpha2('sample');
 
diff --git a/types/vast-client/tslint.json b/types/vast-client/tslint.json
index f3aabf4668..6b8896fa25 100644
--- a/types/vast-client/tslint.json
+++ b/types/vast-client/tslint.json
@@ -2,6 +2,7 @@
   "extends": "dtslint/dt.json",
   "rules": {
     // TODO
+        "no-angle-bracket-type-assertion": false,
     "no-object-literal-type-assertion": false
   }
 }
diff --git a/types/victory/index.d.ts b/types/victory/index.d.ts
index 5b245440bd..5670547317 100644
--- a/types/victory/index.d.ts
+++ b/types/victory/index.d.ts
@@ -513,6 +513,7 @@ declare module "victory" {
     /**
      * Default theme
      */
+    grayscale: VictoryThemeDefinition;
     material: VictoryThemeDefinition;
   }
 
diff --git a/types/viewerjs/tslint.json b/types/viewerjs/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/viewerjs/tslint.json
+++ b/types/viewerjs/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/viewporter/tslint.json b/types/viewporter/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/viewporter/tslint.json
+++ b/types/viewporter/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/vimeo__player/index.d.ts b/types/vimeo__player/index.d.ts
index cf7475f246..2ef9555813 100755
--- a/types/vimeo__player/index.d.ts
+++ b/types/vimeo__player/index.d.ts
@@ -70,8 +70,8 @@ export interface VimeoCuePoint {
     id: string;
 }
 
-export interface VimeoCuePointData extends Object {
-    customKey: string;
+export interface VimeoCuePointData {
+    [key: string]: any;
 }
 
 export interface VimeoTextTrack {
diff --git a/types/vinyl-fs/vinyl-fs-tests.ts b/types/vinyl-fs/vinyl-fs-tests.ts
index 6cecf42f47..aac3c4f49e 100644
--- a/types/vinyl-fs/vinyl-fs-tests.ts
+++ b/types/vinyl-fs/vinyl-fs-tests.ts
@@ -383,9 +383,9 @@ describe('dest stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: expectedContents,
-         stat: <fs.Stats> {
+         stat: {
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -424,9 +424,9 @@ describe('dest stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: contentStream,
-         stat: <fs.Stats> {
+         stat: {
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -467,10 +467,10 @@ describe('dest stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: null,
-         stat: <fs.Stats> {
+         stat: {
             isDirectory: () => true,
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -711,9 +711,9 @@ describe('symlink stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: expectedContents,
-         stat: <fs.Stats> {
+         stat: {
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -752,9 +752,9 @@ describe('symlink stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: contentStream,
-         stat: <fs.Stats> {
+         stat: {
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -795,10 +795,10 @@ describe('symlink stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: null,
-         stat: <fs.Stats> {
+         stat: {
             isDirectory: () => true,
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       const onEnd = () => {
@@ -870,9 +870,9 @@ describe('symlink stream', () => {
          cwd: __dirname,
          path: inputPath,
          contents: expectedContents,
-         stat: <fs.Stats> {
+         stat: {
             mode: expectedMode
-         }
+         } as fs.Stats
       });
 
       fs.mkdirSync(expectedBase);
diff --git a/types/vinyl/v0/vinyl-tests.ts b/types/vinyl/v0/vinyl-tests.ts
index 8c7de1ea52..8c4415bb35 100644
--- a/types/vinyl/v0/vinyl-tests.ts
+++ b/types/vinyl/v0/vinyl-tests.ts
@@ -167,11 +167,11 @@ describe('File', () => {
 	});
 
 	describe('isDirectory()', () => {
-		var fakeStat = <fs.Stats>{
+		var fakeStat = {
 			isDirectory() {
 				return true;
 			}
-		};
+		} as fs.Stats;
 
 		it('should return false when the contents are a Buffer', done => {
 			var val = new Buffer("test");
@@ -216,10 +216,10 @@ describe('File', () => {
 
 			let fileUtf8Contents = fileContents instanceof Buffer ?
 				fileContents.toString('utf8') :
-				(<NodeJS.ReadableStream>fileContents).toString();
+				(fileContents as NodeJS.ReadableStream).toString();
 			let file2Utf8Contents = file2Contents instanceof Buffer ?
 				file2Contents.toString('utf8') :
-				(<NodeJS.ReadableStream>file2Contents).toString();
+				(file2Contents as NodeJS.ReadableStream).toString();
 
 			file2Utf8Contents.should.equal(fileUtf8Contents);
 			done();
diff --git a/types/vis/tslint.json b/types/vis/tslint.json
index b1439230db..caeccdb36a 100644
--- a/types/vis/tslint.json
+++ b/types/vis/tslint.json
@@ -2,6 +2,7 @@
     "extends": "dtslint/dt.json",
     "rules": {
         // TODO
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false
     }
 }
diff --git a/types/vision/index.d.ts b/types/vision/index.d.ts
index 6c6c2a23bd..a2ad63daf6 100644
--- a/types/vision/index.d.ts
+++ b/types/vision/index.d.ts
@@ -4,7 +4,7 @@
 //                 Alexander James Phillips <https://github.com/AJamesPhillips>
 //                 Silas Rech <https://github.com/lenovouser>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 
 import {
     Plugin,
diff --git a/types/vision/v4/tsconfig.json b/types/vision/v4/tsconfig.json
index 832edc4057..36da881e9f 100644
--- a/types/vision/v4/tsconfig.json
+++ b/types/vision/v4/tsconfig.json
@@ -23,9 +23,6 @@
             "hapi": [
                 "hapi/v16"
             ],
-            "inert": [
-                "inert/v4"
-            ],
             "vision": [
                 "vision/v4"
             ]
diff --git a/types/vue-color/index.d.ts b/types/vue-color/index.d.ts
index 8c85b6238d..758d823589 100644
--- a/types/vue-color/index.d.ts
+++ b/types/vue-color/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/xiaokaike/vue-color#readme
 // Definitions by: My Self <https://github.com/me>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
 
 import Vue from 'vue';
 
diff --git a/types/vue-markdown/index.d.ts b/types/vue-markdown/index.d.ts
index 58482a0870..ff6447efe9 100644
--- a/types/vue-markdown/index.d.ts
+++ b/types/vue-markdown/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/miaolz123/vue-markdown#readme
 // Definitions by: James Barton <https://github.com/neodon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 export default vue_markdown;
 export const vue_markdown: {
diff --git a/types/vue2-datepicker/tsconfig.json b/types/vue2-datepicker/tsconfig.json
index 56e16426be..d6c4ca0d7c 100644
--- a/types/vue2-datepicker/tsconfig.json
+++ b/types/vue2-datepicker/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
diff --git a/types/vuelidate/index.d.ts b/types/vuelidate/index.d.ts
new file mode 100644
index 0000000000..216f07bb0f
--- /dev/null
+++ b/types/vuelidate/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for vuelidate 0.7
+// Project: https://github.com/janesser/vuelidate.ts
+// Definitions by: Jan Esser <https://github.com/janesser>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import './vue'
+import './lib/validators'
+
+import { Vuelidate } from './vuelidate'
+export default Vuelidate
+
+export {
+    validationMixin,
+    Validation
+} from './vuelidate'
diff --git a/types/vuelidate/lib/validators.d.ts b/types/vuelidate/lib/validators.d.ts
new file mode 100644
index 0000000000..8f74f93687
--- /dev/null
+++ b/types/vuelidate/lib/validators.d.ts
@@ -0,0 +1,51 @@
+// build your own rule
+import Vue from 'vue'
+
+export interface Params {
+    [key: string]: any,
+    type: string
+}
+
+export interface ValidationParams {
+    readonly name: string
+    readonly params: Params
+    readonly path: string[]
+}
+
+// const ValidationRule
+export interface ValidationRule {
+    $params(): ValidationParams
+    $pending(): boolean
+}
+
+export type CustomRule = (value: any, parentVm?: Vue) => boolean
+
+export interface Helpers {
+    withParams(params: Params, rule: CustomRule): ValidationRule
+    req(value: any): ValidationRule
+    ref(reference: string | ((vm: any, parentVm?: Vue) => any), vm: any, parentVm?: Vue): any
+    len(value: any): number
+    regex(type: string, expr: RegExp): ValidationRule
+}
+
+export const helpers: Helpers
+
+// pre-defined rules
+export function required(): ValidationRule
+export function requiredIf(field: string | ((vm: any, parentVm?: Vue) => any)): ValidationRule
+export function requiredUnless(field: string | ((vm: any, parentVm?: Vue) => any)): ValidationRule
+export function minLength(length: number): ValidationRule
+export function maxLength(length: number): ValidationRule
+export function minValue(min: number): ValidationRule
+export function maxValue(max: number): ValidationRule
+export function between(min: number, max: number): ValidationRule
+export function alpha(): ValidationRule
+export function alphaNum(): ValidationRule
+export function numeric(): ValidationRule
+export function email(): ValidationRule
+export function ipAddress(): ValidationRule
+export function macAddress(): ValidationRule
+export function sameAs(field: string | ((vm: any, parentVm?: Vue) => any)): ValidationRule
+export function url(): ValidationRule
+export function or(...validators: ValidationRule[]): ValidationRule
+export function and(...validators: ValidationRule[]): ValidationRule
diff --git a/types/vuelidate/package.json b/types/vuelidate/package.json
new file mode 100644
index 0000000000..ba6fc126ac
--- /dev/null
+++ b/types/vuelidate/package.json
@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "vue": "^2.5.16"
+    }
+}
diff --git a/types/vuelidate/tsconfig.json b/types/vuelidate/tsconfig.json
new file mode 100644
index 0000000000..eaccd80eba
--- /dev/null
+++ b/types/vuelidate/tsconfig.json
@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "commonjs",
+    "lib": [
+      "DOM",
+      "ES6",
+      "DOM.Iterable",
+      "ScriptHost"
+    ],
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "noImplicitThis": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "experimentalDecorators": true
+  },
+  "files": [
+    "index.d.ts",
+    "vue.d.ts",
+    "lib/validators.d.ts",
+    "vuelidate-tests.ts"
+  ]
+}
\ No newline at end of file
diff --git a/types/vuelidate/tslint.json b/types/vuelidate/tslint.json
new file mode 100644
index 0000000000..837163b606
--- /dev/null
+++ b/types/vuelidate/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "semicolon": false
+    }
+}
diff --git a/types/vuelidate/vue.d.ts b/types/vuelidate/vue.d.ts
new file mode 100644
index 0000000000..8232d96038
--- /dev/null
+++ b/types/vuelidate/vue.d.ts
@@ -0,0 +1,44 @@
+// vue augmentation
+import Vue, { ComponentOptions } from 'vue'
+
+import { ValidationRule } from './lib/validators'
+import { Validation } from './vuelidate'
+
+declare module 'vue/types/vue' {
+    type ValidationProperties<V> = {
+        [P in keyof V]?: Validation & ValidationProperties<V[P]>
+    }
+
+    interface ValidationGroups {
+        [groupName: string]: Validation & ValidationProperties<any>
+    }
+
+    interface Vue {
+        $v: ValidationProperties<this> & ValidationGroups & Validation
+
+        delayTouch(v: Validation): void
+    }
+}
+
+declare module 'vue/types/options' {
+    interface ValidGroupDecl {
+        [group: string]: string[]
+    }
+
+    interface ValidPropertyDecl {
+        [prop: string]: RuleDecl
+    }
+
+    type ValidationDecl = ValidationRule | ((...args: any[]) => ValidationRule)
+    type GroupDecl = string[]
+    type AsyncDecl = (...args: any[]) => boolean | Promise<boolean>
+    type NestedDecl = RuleDecl
+    type DynamicDecl = () => RuleDecl
+    interface RuleDecl {
+        [rule: string]: ValidationDecl | GroupDecl | AsyncDecl | NestedDecl
+    }
+
+    interface ComponentOptions<V extends Vue> {
+        validations?: RuleDecl | DynamicDecl
+    }
+}
diff --git a/types/vuelidate/vuelidate-tests.ts b/types/vuelidate/vuelidate-tests.ts
new file mode 100644
index 0000000000..5385a935c2
--- /dev/null
+++ b/types/vuelidate/vuelidate-tests.ts
@@ -0,0 +1,166 @@
+import { Validation } from 'vuelidate'
+import { required, minLength, sameAs, helpers } from 'vuelidate/lib/validators'
+
+import Vue, { ComponentOptions } from 'vue'
+
+// excerpt from vue-class-component/src/declarations.ts
+type VueClass<V> = { new(...args: any[]): V & Vue } & typeof Vue
+// excerpt from vue-class-component/src/index.ts
+function Component(options: ComponentOptions<Vue> | VueClass<Vue>): any {
+    return null; // mocked
+}
+
+const mustBeCool = (value: string) => value.indexOf('cool') >= 0
+
+const mustBeCool2 = (value: string) => !helpers.req(value) || value.indexOf('cool') >= 0
+
+const contains = (param: string) =>
+    (value: string) => !helpers.req(value) || value.indexOf(param) >= 0
+
+const mustBeCool3 = helpers.withParams(
+    { type: 'mustBeCool3' },
+    (value) => !helpers.req(value) || value.indexOf('cool') >= 0
+)
+
+const mustBeCool4 = helpers.regex('mustBeCool4', /^.*cool.*$/)
+
+const mustBeSame = (reference: string) => helpers.withParams(
+    { type: 'mustBeSame' },
+    (value: any, parentVm?: Vue) =>
+        value === helpers.ref(reference, self, parentVm)
+)
+
+const mustHaveLength = (minLen: number) => helpers.withParams(
+    { type: 'mustHaveLength' },
+    (value: any) =>
+        helpers.len(value) > minLen
+)
+
+@Component({
+    validations: {
+        password: {
+            required,
+            minLength: minLength(6),
+            mustHaveLength: mustHaveLength(6)
+        },
+        repeatPassword: {
+            sameAsPassword: sameAs('password'),
+            mustBeSame: mustBeSame('password'),
+            sameAsPassword2: sameAs(vm => vm.password)
+        },
+        form: {
+            nestedA: {
+                required
+            },
+            nestedB: {
+                required
+            }
+        },
+        flatA: { required },
+        flatB: { required },
+        forGroup: {
+            nested: { required }
+        },
+        validationGroup: ['flatA', 'flatB', 'forGroup.nested'],
+        people: {
+            required,
+            minLength: minLength(3),
+            $each: {
+                name: {
+                    required,
+                    minLength: minLength(2)
+                }
+            }
+        },
+        username: {
+            required,
+            isUnique(value: string) {
+                // standalone validator ideally should not assume a field is required
+                if (value === '') return true
+
+                // simulate async call, fail for all logins with even length
+                return new Promise((resolve, reject) => {
+                    setTimeout(() => {
+                        resolve(typeof value === 'string' && value.length % 2 !== 0)
+                    }, 350 + Math.random() * 300)
+                })
+            }
+        },
+        myField: {
+            required,
+            mustBeCool,
+            mustBeCool2,
+            containsA: contains("a"),
+            mustBeCool3
+        }
+    }
+})
+export class ValidComponent extends Vue {
+    password = ''
+    repeatPassword = ''
+
+    form = {
+        nestedA: 'A',
+        nestedB: 'B'
+    }
+
+    flatA = ''
+    flatB = ''
+    forGroup = {
+        nested: ''
+    }
+
+    people: string[] = ['Pierre', 'Paul', 'Jacques']
+
+    username = ''
+
+    myField = ''
+
+    touchMap = new WeakMap()
+    delayTouch(v: Validation) {
+        v.$reset()
+        if (this.touchMap.has(v)) {
+            clearTimeout(this.touchMap.get(v))
+        }
+        this.touchMap.set(v, setTimeout(v.$touch, 1000))
+    }
+
+    accessValidatorParams() {
+        console.log(this.$v.$params.form)
+
+        if (this.$v.form) {
+            console.log(this.$v.form.$params)
+            console.log(this.$v.form.$params.nestedA)
+            console.log(this.$v.form.nestedA)
+        }
+        console.log(this.$v.validationGroup.$params)
+    }
+
+    accessGroups() {
+        console.log(this.$v.validationGroup)
+    }
+
+    accessDollarV() {
+        console.log(this.$v.$invalid)
+    }
+
+    hasDescription = false
+
+    get isRepoValid() {
+        return !this.$v.$invalid
+    }
+}
+
+@Component({
+    validations() {
+        const self = this as Valid2Component // assert
+        return self.myToggle
+            ? { myField1: required, myField2: contains('maybe') }
+            : { myField1: contains('maybe'), myField2: required }
+    }
+})
+export class Valid2Component extends Vue {
+    myToggle = false
+    myField1 = ''
+    myField2 = ''
+}
diff --git a/types/vuelidate/vuelidate.d.ts b/types/vuelidate/vuelidate.d.ts
new file mode 100644
index 0000000000..2b6fbfd0e1
--- /dev/null
+++ b/types/vuelidate/vuelidate.d.ts
@@ -0,0 +1,27 @@
+import { ValidationParams } from './lib/validators'
+import Vue, { PluginFunction } from 'vue'
+
+/**
+ * Covers beforeCreate(), beforeDestroy() and data().
+ *
+ * No public members.
+ */
+export const validationMixin: any
+
+// const Validation
+export interface Validation extends Vue {
+    // const validationGetters
+    readonly $invalid: boolean
+    readonly $dirty: boolean
+    readonly $error: boolean
+    readonly $pending: boolean
+    readonly $params: { [attr: string]: any }
+
+    // const validationMethods
+    $touch(): never
+    $reset(): never
+    $flattenParams(): ValidationParams[]
+}
+
+// vue plugin
+export const Vuelidate: PluginFunction<any>
diff --git a/types/vuex-i18n/index.d.ts b/types/vuex-i18n/index.d.ts
index e1f607ef39..f6b75afa1a 100644
--- a/types/vuex-i18n/index.d.ts
+++ b/types/vuex-i18n/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for vuex-i18n 1.7
+// Type definitions for vuex-i18n 1.10
 // Project: https://github.com/dkfbasel/vuex-i18n
 // Definitions by: Cedric Kemp <https://github.com/jaeggerr>
 //                 Noam Kfir <https://github.com/noamkfir>
+//                 Suleimanov Artem <https://github.com/barahliush>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.9
 
 import _Vue, { PluginObject } from "vue";
 
@@ -17,13 +18,21 @@ declare module "vue/types/vue" {
   }
 }
 
+export interface i18nState {
+  fallback: string | null;
+  locale: string | null;
+  translations: {
+    [key: string]: Translations;
+  };
+}
+
 export interface Translations {
   [key: string]: string | Translations;
 }
 
 export interface Ii18n {
   /** get the current locale */
-  locale(): string;
+  locale(): string | null;
 
   /** get all the registered locales */
   locales(): string[];
@@ -81,9 +90,14 @@ export interface Ii18n {
   localeExists(locale: string): boolean;
 
   /**
-   * check if the given key is available in the current or fallback locale
+   * check if the given key is available
+   * optional with a second parameter to limit the scope
+   * strict: only current locale (exact match)
+   * locale: current locale and parent language locale (i.e. en-us & en)
+   * fallback: current locale, parent language locale and fallback locale
+   * the default is fallback
    */
-  keyExists(key: string): boolean;
+  keyExists(key: string, scope?: string): boolean;
 }
 
 declare const _default: {
diff --git a/types/vuex-i18n/vuex-i18n-tests.ts b/types/vuex-i18n/vuex-i18n-tests.ts
index 82d9d864d9..11010df30b 100644
--- a/types/vuex-i18n/vuex-i18n-tests.ts
+++ b/types/vuex-i18n/vuex-i18n-tests.ts
@@ -3,11 +3,16 @@ import Vue from "vue";
 import { Store } from "vuex";
 
 // load vuex i18n module
-import vuexI18n from "vuex-i18n";
+import vuexI18n, { i18nState } from "vuex-i18n";
+
+// declare interface for store's root state
+interface RootState {
+    i18n: i18nState;
+}
 
 // initialize the vuex store using the vuex module. note that you can change the
-//  name of the module if you wish
-const store = new Store({});
+// name of the module if you wish
+const store = new Store<RootState>({});
 
 // initialize the internationalization plugin on the vue instance. note that
 // the store must be passed to the plugin. the plugin will then generate some
diff --git a/types/w3c-gamepad/index.d.ts b/types/w3c-gamepad/index.d.ts
new file mode 100644
index 0000000000..bff1d30567
--- /dev/null
+++ b/types/w3c-gamepad/index.d.ts
@@ -0,0 +1,97 @@
+// Type definitions for W3C Gamepad API
+// Project: http://www.w3.org/TR/gamepad/
+// Definitions by: Kon <http://phyzkit.net/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Gamepad{
+    /**
+     * This interface defines an individual gamepad device.
+     */
+    export interface Gamepad{
+        /**
+         * An identification string for the gamepad. This string identifies the brand or style of connected gamepad device. Typically, this will include the USB vendor and a product ID.
+         * @readonly
+         */
+        id:string;
+
+        /**
+         * The index of the gamepad in the Navigator. When multiple gamepads are connected to a user agent, indices must be assigned on a first-come, first-serve basis, starting at zero. If a gamepad is disconnected, previously assigned indices must not be reassigned to gamepads that continue to be connected. However, if a gamepad is disconnected, and subsequently the same or a different gamepad is then connected, index entries must be reused.
+         * @readonly
+         */
+        index:number;
+
+        /**
+         * Last time the data for this gamepad was updated. Timestamp is a monotonically increasing value that allows the author to determine if the axes and button data have been updated from the hardware, relative to a previously saved timestamp.
+         * @readonly
+         */
+        timestamp:number;
+
+        /**
+         * Array of values for all axes of the gamepad. All axis values must be linearly normalized to the range [-1.0 .. 1.0]. As appropriate, -1.0 should correspond to "up" or "left", and 1.0 should correspond to "down" or "right". Axes that are drawn from a 2D input device should appear next to each other in the axes array, X then Y. It is recommended that axes appear in decreasing order of importance, such that element 0 and 1 typically represent the X and Y axis of a directional stick.
+         * @readonly
+         */
+        axes:number[];
+
+        /**
+         * Array of values for all buttons of the gamepad. All button values must be linearly normalized to the range [0.0 .. 1.0]. 0.0 must mean fully unpressed, and 1.0 must mean fully pressed. It is recommended that buttons appear in decreasing importance such that the primary button, secondary button, tertiary button, and so on appear as elements 0, 1, 2, ... in the buttons array.
+         * @readonly
+         */
+        buttons:GamepadButton[];
+
+        /**
+         * Indicates whether the physical device represented by this object is still connected to the system. When a gamepad becomes unavailable, whether by being physically disconnected, powered off or otherwise unusable, the connected attribute must be set to false.
+         * @readonly
+         */
+        connected:boolean;
+
+        /**
+         * The mapping in use for this device. If the user agent has knowledge of the layout of the device, then it should indicate that a mapping is in use by setting this property to a known mapping name. Currently the only known mapping is "standard", which corresponds to the Standard Gamepad layout. If the user agent does not have knowledge of the device layout and is simply providing the controls as represented by the driver in use, then it must set the mapping property to an empty string.
+         * @readonly
+         */
+        mapping:string;
+    }
+
+    /**
+     *
+     */
+    export interface GamepadEvent extends Event{
+        /**
+         * The single gamepad attribute provides access to the associated gamepad data for this event.
+         * @readonly
+         */
+        gamepad:Gamepad;
+    }
+
+    export interface GamepadList{
+        [index: number]: Gamepad;
+        length: number;
+    }
+
+    export interface GamepadButton{
+        pressed: boolean;
+        value: number;
+    }
+
+    /*
+     * @event gamepadconnected
+     * A user agent must dispatch this event type to indicate the user has connected a gamepad. If a gamepad was already connected when the page was loaded, the gamepadconnected event will be dispatched when the user presses a button or moves an axis.
+     */
+
+    /*
+     * @event gamepaddisconnected
+     * When a gamepad is disconnected from the user agent, if the user agent has previously dispatched a gamepadconnected event, a gamepaddisconnected event must be dispatched.
+     */
+}
+
+interface Navigator{
+    /**
+     * The currently connected and interacted-with gamepads. Gamepads must only appear in the list if they are currently connected to the user agent, and have been interacted with by the user. Otherwise, they must not appear in the list to avoid a malicious page from fingerprinting the user based on connected devices.
+     * @readonly
+     */
+    getGamepads(): Gamepad.Gamepad[];
+
+    webkitGetGamepads(): Gamepad.GamepadList;
+
+    // Not supported yet :(
+    //　mozGetGamepads(): Gamepad[];
+}
diff --git a/types/w3c-gamepad/tsconfig.json b/types/w3c-gamepad/tsconfig.json
new file mode 100644
index 0000000000..e8a490bcf2
--- /dev/null
+++ b/types/w3c-gamepad/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "w3c-gamepad-tests.ts"
+    ]
+}
diff --git a/types/w3c-gamepad/tslint.json b/types/w3c-gamepad/tslint.json
new file mode 100644
index 0000000000..a41bf5d19a
--- /dev/null
+++ b/types/w3c-gamepad/tslint.json
@@ -0,0 +1,79 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "adjacent-overload-signatures": false,
+        "array-type": false,
+        "arrow-return-shorthand": false,
+        "ban-types": false,
+        "callable-types": false,
+        "comment-format": false,
+        "dt-header": false,
+        "eofline": false,
+        "export-just-namespace": false,
+        "import-spacing": false,
+        "interface-name": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "max-line-length": false,
+        "member-access": false,
+        "new-parens": false,
+        "no-any-union": false,
+        "no-boolean-literal-compare": false,
+        "no-conditional-assignment": false,
+        "no-consecutive-blank-lines": false,
+        "no-construct": false,
+        "no-declare-current-package": false,
+        "no-duplicate-imports": false,
+        "no-duplicate-variable": false,
+        "no-empty-interface": false,
+        "no-for-in-array": false,
+        "no-inferrable-types": false,
+        "no-internal-module": false,
+        "no-irregular-whitespace": false,
+        "no-mergeable-namespace": false,
+        "no-misused-new": false,
+        "no-namespace": false,
+        "no-object-literal-type-assertion": false,
+        "no-padding": false,
+        "no-redundant-jsdoc": false,
+        "no-redundant-jsdoc-2": false,
+        "no-redundant-undefined": false,
+        "no-reference-import": false,
+        "no-relative-import-in-test": false,
+        "no-self-import": false,
+        "no-single-declare-module": false,
+        "no-string-throw": false,
+        "no-unnecessary-callback-wrapper": false,
+        "no-unnecessary-class": false,
+        "no-unnecessary-generics": false,
+        "no-unnecessary-qualifier": false,
+        "no-unnecessary-type-assertion": false,
+        "no-useless-files": false,
+        "no-var-keyword": false,
+        "no-var-requires": false,
+        "no-void-expression": false,
+        "no-trailing-whitespace": false,
+        "object-literal-key-quotes": false,
+        "object-literal-shorthand": false,
+        "one-line": false,
+        "one-variable-per-declaration": false,
+        "only-arrow-functions": false,
+        "prefer-conditional-expression": false,
+        "prefer-const": false,
+        "prefer-declare-function": false,
+        "prefer-for-of": false,
+        "prefer-method-signature": false,
+        "prefer-template": false,
+        "radix": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
+        "space-within-parens": false,
+        "strict-export-declare-modifiers": false,
+        "trim-file": false,
+        "triple-equals": false,
+        "typedef-whitespace": false,
+        "unified-signatures": false,
+        "void-return": false,
+        "whitespace": false
+    }
+}
diff --git a/types/w3c-gamepad/w3c-gamepad-tests.ts b/types/w3c-gamepad/w3c-gamepad-tests.ts
new file mode 100644
index 0000000000..af3095adb0
--- /dev/null
+++ b/types/w3c-gamepad/w3c-gamepad-tests.ts
@@ -0,0 +1,70 @@
+
+
+
+()=>{
+    function runAnimation()
+    {
+        window.requestAnimationFrame(runAnimation);
+
+        var gamepads = navigator.getGamepads();
+
+        for (var i = 0; i < gamepads.length; ++i)
+        {
+            var pad = gamepads[i];
+            // todo; simple demo of displaying pad.axes and pad.buttons
+        }
+    }
+
+    window.requestAnimationFrame(runAnimation);
+};
+
+(()=>{
+    var gamepadconnected = (e: Gamepad.GamepadEvent) => {
+        console.log('Gamepad ' + e.gamepad.index + ' connected!');
+        if(e.gamepad.mapping == 'standard'){
+            console.log("The Gamepad's controls have been mapped to the Standard Gamepad layout.");
+        }
+    };
+    var gamepaddisconnected = (e: Gamepad.GamepadEvent) => {
+        console.log('Gamepad ' + e.gamepad.index + ' disconnected!');
+    };
+
+    window.addEventListener('GamepadConnected', gamepadconnected, false);
+    window.addEventListener('GamepadDisconnected', gamepaddisconnected, false);
+    window.addEventListener('webkitGamepadConnected', gamepadconnected, false);
+    window.addEventListener('webkitGamepadDisconnected', gamepaddisconnected, false);
+    window.addEventListener('mozGamepadConnected', gamepadconnected, false);
+    window.addEventListener('mozGamepadDisconnected', gamepaddisconnected, false);
+
+    var requestAnimationFrame = window.requestAnimationFrame || (<any>window).mozRequestAnimationFrame;
+    var getGamepads = navigator.getGamepads || navigator.webkitGetGamepads;
+    if(getGamepads){
+        function runAnimation()
+        {
+            requestAnimationFrame.call(window, runAnimation);
+
+            var gamepads: Gamepad.Gamepad[] = getGamepads.call(navigator);
+            for(var i = 0; i < gamepads.length; i++){
+                var pad: Gamepad.Gamepad = gamepads[i];
+                if(pad && pad.connected){
+                    for (var k = 0; k < pad.buttons.length; k++)
+                    {   
+                        var button: Gamepad.GamepadButton = pad.buttons[k];
+                        if(button.pressed){
+                            console.log('pad[' + pad.index + ']: ' + 'time=' + pad.timestamp + ' id="' + pad.id + '" button[' + k + '] = ' + button.value);
+                        }
+                    }
+                    for (var k = 0; k < pad.axes.length; k++)
+                    {   
+                        var axis = pad.axes[k]; 
+                        if(Math.abs(axis) > 0.1){
+                            console.log('pad[' + pad.index + ']: ' + 'time=' + pad.timestamp + ' id="' + pad.id + '" axis[' + k + '] = ' + axis);
+                        }
+                    }
+                }
+            }
+        }
+
+        runAnimation();
+    }
+})();
\ No newline at end of file
diff --git a/types/w3c-image-capture/tslint.json b/types/w3c-image-capture/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/w3c-image-capture/tslint.json
+++ b/types/w3c-image-capture/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/wavesurfer.js/index.d.ts b/types/wavesurfer.js/index.d.ts
index c468df6e05..49a9757558 100644
--- a/types/wavesurfer.js/index.d.ts
+++ b/types/wavesurfer.js/index.d.ts
@@ -90,7 +90,7 @@ declare namespace WaveSurfer {
     }
 
     class WaveSurferPlugin {
-        constructor(ws: WaveSurfer, params: object);
+        constructor(params: object, ws: WaveSurfer);
         static create(params: object): PluginDefinition;
         init(): void;
         destroy(): void;
@@ -151,7 +151,7 @@ declare namespace WaveSurfer {
         staticProps?: object;
         deferInit?: boolean;
         params: object;
-        instance: { new(ws: WaveSurfer, params: object): WaveSurferPlugin };
+        instance: { new(params: object, ws: WaveSurfer): WaveSurferPlugin };
     }
 
     interface ListenerDescriptor {
diff --git a/types/wavesurfer.js/wavesurfer.js-tests.ts b/types/wavesurfer.js/wavesurfer.js-tests.ts
index 49f0136d54..dc7521e59b 100644
--- a/types/wavesurfer.js/wavesurfer.js-tests.ts
+++ b/types/wavesurfer.js/wavesurfer.js-tests.ts
@@ -1,5 +1,3 @@
-/// <reference types="node" />
-import * as fs from "fs";
 import * as WaveSurfer from "wavesurfer.js";
 
 // https://www.npmjs.com/package/wavesurfer.js#api-in-examples
@@ -29,7 +27,7 @@ wsNewed.empty();
 
 // - create an instance with plugins
 class SamplePlugin {
-    constructor(ws: WaveSurfer, params: object) { }
+    constructor(params: object, ws: WaveSurfer) { }
     static create(params: object): WaveSurfer.PluginDefinition {
         return {
             name: "samplePlugin",
diff --git a/types/wcag-contrast/index.d.ts b/types/wcag-contrast/index.d.ts
new file mode 100644
index 0000000000..9bfc352ca3
--- /dev/null
+++ b/types/wcag-contrast/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for wcag-contrast 2.1
+// Project: https://github.com/tmcw/wcag-contrast
+// Definitions by: York Yao <https://github.com/plantain-00>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Get the contrast ratio between two relative luminance values
+ */
+export function luminance(a: number, b: number): number;
+
+/**
+ * Get a score for the contrast between two colors as rgb triplets
+ */
+export function rgb(a: number[], b: number[]): number;
+
+/**
+ * Get a score for the contrast between two colors as hex strings
+ */
+export function hex(a: string, b: string): number;
+
+/**
+ * Get a textual score from a numeric contrast value
+ */
+export function score(contrast: number): string;
diff --git a/types/wcag-contrast/tsconfig.json b/types/wcag-contrast/tsconfig.json
new file mode 100644
index 0000000000..175766a5f2
--- /dev/null
+++ b/types/wcag-contrast/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "wcag-contrast-tests.ts"
+    ]
+}
diff --git a/types/wcag-contrast/tslint.json b/types/wcag-contrast/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/wcag-contrast/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/wcag-contrast/wcag-contrast-tests.ts b/types/wcag-contrast/wcag-contrast-tests.ts
new file mode 100644
index 0000000000..233f25ed7c
--- /dev/null
+++ b/types/wcag-contrast/wcag-contrast-tests.ts
@@ -0,0 +1,9 @@
+import { luminance, rgb, hex, score } from 'wcag-contrast';
+
+luminance(1, 1); // = 1
+
+rgb([0, 0, 0], [255, 255, 255]); // = 21
+
+hex('#000', '#fff'); // = 21
+
+score(10); // = 'AAA'
diff --git a/types/web3/eth/accounts.d.ts b/types/web3/eth/accounts.d.ts
index cd91e22183..8421d0d1bf 100644
--- a/types/web3/eth/accounts.d.ts
+++ b/types/web3/eth/accounts.d.ts
@@ -3,20 +3,31 @@ import { Tx } from "./types";
 export interface Account {
 	address: string;
 	privateKey: string;
-	publicKey: string;
+	sign(data: string): MessageSignature;
+	signTransaction(
+		tx: Tx,
+		cb?: (err: Error, result: TxSignature) => void
+	): Promise<TxSignature>;
+	encrypt(password: string, options?: any): PrivateKey;
 }
 
 export interface Signature {
-	message: string;
-	hash: string;
+	messageHash: string;
 	r: string;
 	s: string;
 	v: string;
 }
+export interface MessageSignature extends Signature {
+	message: string;
+	signature: string;
+}
+export interface TxSignature extends Signature {
+	rawTransaction: string;
+}
 
 export interface PrivateKey {
 	address: string;
-	Crypto: {
+	crypto: {
 		cipher: string;
 		ciphertext: string;
 		cipherparams: {
@@ -43,15 +54,13 @@ export default interface Accounts {
 	signTransaction(
 		tx: Tx,
 		privateKey: string,
-		returnSignature?: boolean,
-		cb?: (err: Error, result: string | Signature) => void
-	): Promise<string> | Signature;
-	recoverTransaction(signature: string | Signature): string;
+		cb?: (err: Error, result: TxSignature) => void
+	): Promise<TxSignature>;
+	recoverTransaction(signature: string): string;
 	sign(
 		data: string,
-		privateKey: string,
-		returnSignature?: boolean
-	): string | Signature;
+		privateKey: string
+	): MessageSignature;
 	recover(
 		sigOrHash: string | Signature,
 		sigOrV?: string,
diff --git a/types/web3/eth/index.d.ts b/types/web3/eth/index.d.ts
index d31c334598..1ed2a1094b 100644
--- a/types/web3/eth/index.d.ts
+++ b/types/web3/eth/index.d.ts
@@ -87,9 +87,13 @@ export default interface Eth {
     getAccounts(cb?: Callback<string[]>): Promise<string[]>;
     getBalance(
         address: string,
-        defaultBlock?: BlockType,
-        cb?: Callback<number>
-    ): Promise<number>;
+        defaultBlock?: BlockType
+    ): Promise<BigNumber>;
+    getBalance(
+        address: string,
+        defaultBlock: BlockType,
+        cb: Callback<BigNumber>
+    ): void;
     getBlock(
         number: BlockType,
         returnTransactionObjects?: boolean,
diff --git a/types/web3/index.d.ts b/types/web3/index.d.ts
index d6c72bcc64..3b1fe0c562 100644
--- a/types/web3/index.d.ts
+++ b/types/web3/index.d.ts
@@ -17,6 +17,8 @@
 //                 Konstantin Melnikov <https://github.com/archangel-irk>
 //                 Asgeir Sognefest <https://github.com/sogasg>
 //                 Donam Kim <https://github.com/donamk>
+//                 Doug Kent <https://github.com/dkent600>
+//                 Daniel Zhou <https://github.com/nerddan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.4
 
diff --git a/types/web3/tslint.json b/types/web3/tslint.json
index dc6622bc53..99ea174f67 100644
--- a/types/web3/tslint.json
+++ b/types/web3/tslint.json
@@ -1,5 +1,6 @@
-{ "extends": "dtslint/dt.json",
-"rules": {
-	"strict-export-declare-modifiers": false
- }
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "strict-export-declare-modifiers": false
+  }
 }
diff --git a/types/web3/types.d.ts b/types/web3/types.d.ts
index c3d681d60f..87e6eee21b 100644
--- a/types/web3/types.d.ts
+++ b/types/web3/types.d.ts
@@ -36,7 +36,7 @@ export interface TransactionReceipt {
     events?: {
         [eventName: string]: EventLog;
     };
-    status: string;
+    status: boolean;
 }
 
 export interface EncodedTransaction {
diff --git a/types/web3/utils.d.ts b/types/web3/utils.d.ts
index 02a93474a7..fa73791615 100644
--- a/types/web3/utils.d.ts
+++ b/types/web3/utils.d.ts
@@ -35,13 +35,15 @@ type Mixed =
     | number
     | BigNumber
     | {
-    type: string;
-    value: string;
-}
+        type: string;
+        value: string;
+    }
     | {
-    t: string;
-    v: string;
-};
+        t: string;
+        v: string;
+    };
+
+type Hex = string | number;
 
 export default interface Utils {
     BN: BigNumber; // TODO only static-definition
@@ -49,6 +51,7 @@ export default interface Utils {
     isBigNumber(any: any): boolean;
     isAddress(any: any): boolean;
     isHex(any: any): boolean;
+    isHexStrict(val: Hex): boolean;
     _: us.UnderscoreStatic;
     asciiToHex(val: string): string;
     hexToAscii(val: string): string;
@@ -58,7 +61,8 @@ export default interface Utils {
     fromAscii(val: string): string;
     fromDecimal(val: string | number | BigNumber): string;
     fromUtf8(val: string): string;
-    fromWei(val: string | number | BigNumber, unit: Unit): string | BigNumber;
+    fromWei(val: BigNumber, unit?: Unit): BigNumber;
+    fromWei(val: string | number, unit?: Unit): string;
     hexToBytes(val: string): number[];
     hexToNumber(val: string | number | BigNumber): number;
     hexToNumberString(val: string | number | BigNumber): string;
diff --git a/types/web3/web3-tests.ts b/types/web3/web3-tests.ts
index 923294b9c2..170a8b22c3 100644
--- a/types/web3/web3-tests.ts
+++ b/types/web3/web3-tests.ts
@@ -1,5 +1,7 @@
 import Web3 = require("web3");
 import BigNumber = require("bn.js");
+import { TransactionReceipt } from "web3/types";
+import PromiEvent from "web3/promiEvent";
 
 const contractAddress = "0xde0B295669a9FD93d5F28D9Ec85E40f4cb697BAe";
 
@@ -15,6 +17,37 @@ web3.eth.setProvider(myProvider);
 // web3.eth
 // --------------------------------------------------------------------------
 const storage: Promise<string> = web3.eth.getStorageAt(contractAddress, 0);
+const balance1: Promise<BigNumber> = web3.eth.getBalance(contractAddress);
+const balance2: Promise<BigNumber> = web3.eth.getBalance(contractAddress, "latest");
+const balance3: Promise<BigNumber> = web3.eth.getBalance(contractAddress, 1);
+web3.eth.getBalance(contractAddress, "latest", (error: Error, balance: BigNumber) => { });
+web3.eth.getBalance(contractAddress, 1, (error: Error, balance: BigNumber) => { });
+
+const sendSignedTransactionTxReceipt0: PromiEvent<TransactionReceipt> = web3.eth.sendSignedTransaction("",
+    (error: Error, txHash: string) => { });
+const sendSignedTransactionTxReceipt1: PromiEvent<TransactionReceipt> = web3.eth.sendSignedTransaction("")
+    .on("transactionHash", (txHash: string) => { });
+const sendSignedTransactionTxReceipt2: PromiEvent<TransactionReceipt> = web3.eth.sendSignedTransaction("")
+    .on("receipt", (txReceipt: TransactionReceipt) => {
+        const { status }: { status: boolean }  = txReceipt;
+    });
+const sendSignedTransactionTxReceipt3: PromiEvent<TransactionReceipt> = web3.eth.sendSignedTransaction("")
+    .on("confirmation", (confNumber: number, receipt: TransactionReceipt) => { });
+const sendSignedTransactionTxReceipt4: PromiEvent<TransactionReceipt> = web3.eth.sendSignedTransaction("")
+    .on("receipt", (txReceipt: TransactionReceipt) => { })
+    .on("confirmation", (confNumber: number, receipt: TransactionReceipt) => { });
+
+const sendTransactionTxReceipt0: PromiEvent<TransactionReceipt> = web3.eth.sendTransaction({ to: "0x1" },
+    (error: Error, txHash: string) => { });
+const sendTransactionTxReceipt1: PromiEvent<TransactionReceipt> = web3.eth.sendTransaction({ to: "0x1" })
+    .on("transactionHash", (txHash: string) => { });
+const sendTransactionTxReceipt2: PromiEvent<TransactionReceipt> = web3.eth.sendTransaction({ to: "0x1" })
+    .on("receipt", (txReceipt: TransactionReceipt) => { });
+const sendTransactionTxReceipt3: PromiEvent<TransactionReceipt> = web3.eth.sendTransaction({ to: "0x1" })
+    .on("confirmation", (confNumber: number, receipt: TransactionReceipt) => { });
+const sendTransactionTxReceipt4: PromiEvent<TransactionReceipt> = web3.eth.sendTransaction({ to: "0x1" })
+    .on("receipt", (txReceipt: TransactionReceipt) => { })
+    .on("confirmation", (confNumber: number, receipt: TransactionReceipt) => { });
 
 //
 // web3.eth.subscribe
@@ -39,6 +72,38 @@ myContract.options.gas = 5000000;
 //
 // web3.eth.accounts
 // --------------------------------------------------------------------------
+const account = web3.eth.accounts.privateKeyToAccount("0x1234");
+
+// check that no `publicKey` field is present on `Account` type
+const noPublicKeyInAccount: typeof account & { publicKey?: never } = account;
+
+const testTx = {
+    to: '0xF0109fC8DF283027b6285cc889F5aA624EaC1F55',
+    value: '1000000000',
+    gas: 2000000
+};
+
+web3.eth.accounts.signTransaction(testTx, "").then(txSig => {
+    txSig.messageHash = "0x1234";
+    txSig.rawTransaction = "0x5678";
+
+    const noHashFieldInTxSig: typeof txSig & { hash?: never, message?: never, signature?: never } = txSig;
+});
+
+const msgSig = web3.eth.accounts.sign("0x1234", "0x5678");
+msgSig.messageHash = "0x1234";
+msgSig.message = "0x5678";
+msgSig.signature = "0x90ab";
+
+const noHashFieldInMsgSig: typeof msgSig & { hash?: never, rawTransaction?: never } = msgSig;
+
+const encryptedKeystore = web3.eth.accounts.encrypt("0x1234", "5678");
+encryptedKeystore.crypto.cipher = "aes-128-ctr";
+
+const msgSignature: string = account.sign("0x1234").signature;
+account.signTransaction(testTx).then(txSig => {
+    const txSignature: string = txSig.rawTransaction;
+});
 
 //
 // web3.eth.personal
@@ -77,3 +142,11 @@ const weiStr: string = web3.utils.toWei("100", "gwei");
 const weiBn: BigNumber = web3.utils.toWei(web3.utils.toBN("1"));
 const rndHex: string = Web3.utils.randomHex(10);
 const sha3: string = web3.utils.soliditySha3(0, 1, "abc");
+const fromWei1: BigNumber = web3.utils.fromWei(new BigNumber(1));
+const fromWei2: BigNumber = web3.utils.fromWei(new BigNumber(1), "gwei");
+const fromWei3: string = web3.utils.fromWei("1");
+const fromWei4: string = web3.utils.fromWei("1", "gwei");
+const fromWei5: string = web3.utils.fromWei(1);
+const fromWei6: string = web3.utils.fromWei(1, "gwei");
+const isStrictHexString: boolean = web3.utils.isHexStrict("0xc1912");
+const isStrictHexNumber: boolean = web3.utils.isHexStrict(0xc1912);
diff --git a/types/webappsec-credential-management/index.d.ts b/types/webappsec-credential-management/index.d.ts
index a0498f34af..4c47ee7cc8 100644
--- a/types/webappsec-credential-management/index.d.ts
+++ b/types/webappsec-credential-management/index.d.ts
@@ -391,9 +391,9 @@ type UserVerificationRequirement = "required" | "preferred" | "discouraged";
  */
 interface PublicKeyCredentialRequestOptions {
     challenge: BufferSource;
-    timeout: number;
-    rpId: string;
-    allowCredentials: PublicKeyCredentialDescriptor[];
+    timeout?: number;
+    rpId?: string;
+    allowCredentials?: PublicKeyCredentialDescriptor[];
     userVerification?: UserVerificationRequirement;
     extensions?: any;
 }
diff --git a/types/webappsec-credential-management/tslint.json b/types/webappsec-credential-management/tslint.json
index 3db14f85ea..1c36270d47 100644
--- a/types/webappsec-credential-management/tslint.json
+++ b/types/webappsec-credential-management/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-angle-bracket-type-assertion": false
+    }
+}
diff --git a/types/webappsec-credential-management/webappsec-credential-management-tests.ts b/types/webappsec-credential-management/webappsec-credential-management-tests.ts
index 9d20ed37dc..2afa9f8785 100644
--- a/types/webappsec-credential-management/webappsec-credential-management-tests.ts
+++ b/types/webappsec-credential-management/webappsec-credential-management-tests.ts
@@ -214,7 +214,7 @@ function signOutDeprecated() {
     }
 
     navigator.credentials.requireUserMediation().then(() => {
-        document.location!.assign('/');
+        document.location.assign('/');
     });
 }
 
@@ -224,7 +224,7 @@ function signOut() {
     }
 
     navigator.credentials.preventSilentAccess().then(() => {
-        document.location!.assign('/');
+        document.location.assign('/');
     });
 }
 
diff --git a/types/webassembly-js-api/index.d.ts b/types/webassembly-js-api/index.d.ts
index 0c8c9d19e8..959e7c9ab5 100644
--- a/types/webassembly-js-api/index.d.ts
+++ b/types/webassembly-js-api/index.d.ts
@@ -3,7 +3,9 @@
 // Definitions by: 01alchemist <https://twitter.com/01alchemist>
 //                 Wink Saville <wink@saville.com>
 //                 Periklis Tsirakidis <https://github.com/periklis>
+//                 Sergey Rubanov <https://github.com/chicoxyzzy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /**
  * The WebAssembly namespace, see [WebAssembly](https://github.com/webassembly)
@@ -22,11 +24,13 @@ declare namespace WebAssembly {
         kind: string;
     }>;
 
+    type BufferSource = ArrayBufferView | ArrayBuffer;
+
     /**
      * WebAssembly.Module
      */
     class Module {
-        constructor(bufferSource: ArrayBuffer | Uint8Array);
+        constructor(bufferSource: BufferSource);
         static customSections(module: Module, sectionName: string): ArrayBuffer[];
         static exports(module: Module): Imports;
         static imports(module: Module): Exports;
@@ -99,15 +103,15 @@ declare namespace WebAssembly {
         toString(): string;
     }
 
-    function compile(bufferSource: ArrayBuffer | Uint8Array): Promise<Module>;
+    function compile(bufferSource: BufferSource): Promise<Module>;
 
     interface ResultObject {
         module: Module;
         instance: Instance;
     }
 
-    function instantiate(bufferSource: ArrayBuffer | Uint8Array, importObject?: any): Promise<ResultObject>;
-    function instantiate(module: Module, importObject?: any): Promise<Instance>;
+    function instantiate(bufferSource: BufferSource, importObject?: object): Promise<ResultObject>;
+    function instantiate(module: Module, importObject?: object): Promise<Instance>;
 
-    function validate(bufferSource: ArrayBuffer | Uint8Array): boolean;
+    function validate(bufferSource: BufferSource): boolean;
 }
diff --git a/types/webassembly-web-api/index.d.ts b/types/webassembly-web-api/index.d.ts
index fd53e094b2..974dd3ce21 100644
--- a/types/webassembly-web-api/index.d.ts
+++ b/types/webassembly-web-api/index.d.ts
@@ -13,5 +13,5 @@
  */
 declare namespace WebAssembly {
     function compileStreaming(source: Response | Promise<Response>): Promise<Module>;
-    function instantiateStreaming(source: Response | Promise<Response>, importObject?: any): Promise<ResultObject>;
+    function instantiateStreaming(source: Response | Promise<Response>, importObject?: object): Promise<ResultObject>;
 }
diff --git a/types/webcl/tslint.json b/types/webcl/tslint.json
index 067a495dc9..61296cdc77 100644
--- a/types/webcl/tslint.json
+++ b/types/webcl/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/webdriverio/index.d.ts b/types/webdriverio/index.d.ts
index 945de64846..48fb31af47 100644
--- a/types/webdriverio/index.d.ts
+++ b/types/webdriverio/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for WebdriverIO 4.10
+// Type definitions for WebdriverIO 4.13
 // Project: http://www.webdriver.io/
 // Definitions by: Nick Malaguti <https://github.com/nmalaguti>
 //                 Tim Brust <https://github.com/timbru31>
 //                 Fredrik Smedberg <https://github.com/fsmedberg-tc>
 //                 Tanvir ul Islam <https://github.com/tanvirislam06>
+//                 Dave Parslow <https://github.com/daveparslow>
 //                 Phil Leger <https://github.com/phil-lgr>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
@@ -326,6 +327,7 @@ declare namespace WebdriverIO {
         httpOnly?: boolean;
         expiry?: number;
         secure?: boolean;
+        domain?: string;
     }
 
     interface Suite {
@@ -343,65 +345,66 @@ declare namespace WebdriverIO {
     }
 
     interface Hooks {
-        onError?<T>(error: Error): Promise<T> & undefined;
+        onError?(error: Error): Promise<any> | void;
 
-        onPrepare?<T>(
+        onPrepare?(
             config: Options,
             capabilities: DesiredCapabilities
-        ): Promise<T> & undefined;
+        ): Promise<any> | void;
 
-        onComplete?<T>(exitCode: number): Promise<T> & undefined;
+        onComplete?(exitCode: number): Promise<any> | void;
 
-        before?<T>(
+        before?(
             capabilities: DesiredCapabilities,
             specs: string[]
-        ): Promise<T> & undefined;
+        ): Promise<any> | undefined;
 
-        beforeCommand?<T>(
+        beforeCommand?(
             commandName: string,
             args: any[]
-        ): Promise<T> & undefined;
+        ): Promise<any> | void;
 
-        beforeFeature?<T>(feature: string): Promise<T> & undefined;
-        beforeHook?<T>(): Promise<T> & undefined;
-        beforeScenario?<T>(scenario: string): Promise<T> & undefined;
+        beforeHook?(): Promise<any> | void;
 
-        beforeSession?<T>(
+        beforeSession?(
             config: Options,
             capabilities: DesiredCapabilities,
             specs: string[]
-        ): Promise<T> & undefined;
+        ): Promise<any> | void;
 
-        beforeStep?<T>(step: string): Promise<T> & undefined;
-        beforeSuite?<T>(suite: Suite): Promise<T> & undefined;
-        beforeTest?<T>(test: Test): Promise<T> & undefined;
-        afterHook?<T>(): Promise<T> & undefined;
+        beforeSuite?(suite: Suite): Promise<any> | void;
+        beforeTest?(test: Test): Promise<any> | void;
+        afterHook?(): Promise<any> | void;
 
-        after?<T>(
+        after?(
             result: number,
             capabilities: DesiredCapabilities,
             specs: string[]
-        ): Promise<T> & undefined;
+        ): Promise<any> | void;
 
-        afterCommand?<T>(
+        afterCommand?(
             commandName: string,
             args: any[],
             result: any,
             error?: Error
-        ): Promise<T> & undefined;
+        ): Promise<any> | undefined;
 
-        afterScenario?<T>(scenario: any): Promise<T> & undefined;
-
-        afterSession?<T>(
+        afterSession?(
             config: Options,
             capabilities: DesiredCapabilities,
             specs: string[]
-        ): Promise<T> & undefined;
+        ): Promise<any> | void;
 
-        afterStep?<T>(stepResult: any): Promise<T> & undefined;
-        afterSuite?<T>(suite: Suite): Promise<T> & undefined;
-        afterTest?<T>(test: Test): Promise<T> & undefined;
-        afterFeature?<T>(feature: string): Promise<T> & undefined;
+        afterSuite?(suite: Suite): Promise<any> | void;
+        afterTest?(test: Test): Promise<any> | void;
+
+         // cucumber specific hooks
+         beforeFeature?(feature: string): Promise<any> | void;
+         beforeScenario?(scenario: string): Promise<any> | void;
+         beforeStep?(step: string): Promise<any> | void;
+         afterFeature?(feature: string): Promise<any> | void;
+         afterScenario?(scenario: any): Promise<any> | void;
+         afterStep?(stepResult: any): Promise<any> | void;
     }
 
     interface Options {
diff --git a/types/webdriverio/webdriverio-tests.ts b/types/webdriverio/webdriverio-tests.ts
index 56dc3ddfda..11b473066b 100644
--- a/types/webdriverio/webdriverio-tests.ts
+++ b/types/webdriverio/webdriverio-tests.ts
@@ -118,3 +118,22 @@ webdriverio
         console.log(visible); // Should return true
     })
     .end();
+
+let hooks: webdriverio.Hooks  = {};
+
+hooks = {
+  // Hooks can be a noop function
+  onPrepare: () => undefined,
+  onError() {
+    // Hooks don't have to return a value
+  }
+};
+
+hooks.onComplete = async () => {
+    // Hooks can return a promise but the promise can be void
+};
+
+hooks.afterTest = async () => {
+    // Hooks can have a promise with a result but it is not typically used
+    return false;
+};
diff --git a/types/webgl-ext/index.d.ts b/types/webgl-ext/index.d.ts
index 3f0da0c679..e8e2e94e2f 100644
--- a/types/webgl-ext/index.d.ts
+++ b/types/webgl-ext/index.d.ts
@@ -2,213 +2,81 @@
 // Project: http://webgl.org/
 // Definitions by: Arthur Langereis <https://github.com/zenmumbler>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped/webgl-ext
+// TypeScript Version: 2.7
 
-// These definitions go beyond those already defined in TS 1.6.2 stdlib
-// All non-draft WebGL 1.0 extensions and prefixed extension names are
-// covered.
+// render-gl1/declarations - WebGL 1 extension definitions (beyond TS lib)
+// Extracted from Stardazed - https://github.com/stardazed/stardazed
 
 interface HTMLCanvasElement {
-	getContext(contextId: "webgl"): WebGLRenderingContext;
+	getContext(contextId: "webgl" | "experimental-webgl", contextAttributes?: WebGLContextAttributes): (WebGLRenderingContext & WebGL1Extensions) | null;
 }
 
-interface WebGLRenderingContext {
-	getExtension(name: "ANGLE_instanced_arrays"): ANGLEInstancedArrays;
+interface WebGL1Extensions {
+	getExtension(name: "EXT_color_buffer_half_float"): EXT_color_buffer_half_float;
 
-	getExtension(name: "EXT_blend_minmax"): EXTBlendMinMax;
-	getExtension(name: "EXT_color_buffer_half_float"): EXTColorBufferHalfFloat;
-	getExtension(name: "EXT_frag_depth"): EXTFragDepth;
-	getExtension(name: "EXT_sRGB"): EXTsRGB;
-	getExtension(name: "EXT_shader_texture_lod"): EXTShaderTextureLOD;
-	getExtension(name: "EXT_texture_filter_anisotropic"): EXTTextureFilterAnisotropic;
+	getExtension(name: "WEBGL_compressed_texture_atc"): WEBGL_compressed_texture_atc;
+	getExtension(name: "WEBGL_compressed_texture_etc1"): WEBGL_compressed_texture_etc1;
+	getExtension(name: "WEBGL_compressed_texture_pvrtc"): WEBKIT_WEBGL_compressed_texture_pvrtc;
 
-	getExtension(name: "OES_element_index_uint"): OESElementIndexUint;
-	getExtension(name: "OES_standard_derivatives"): OESStandardDerivatives;
-	getExtension(name: "OES_texture_float"): OESTextureFloat;
-	getExtension(name: "OES_texture_float_linear"): OESTextureFloatLinear;
-	getExtension(name: "OES_texture_half_float"): OESTextureHalfFloat;
-	getExtension(name: "OES_texture_half_float_linear"): OESTextureHalfFloatLinear;
-	getExtension(name: "OES_vertex_array_object"): OESVertexArrayObject;
-
-	getExtension(name: "WEBGL_color_buffer_float"): WebGLColorBufferFloat;
-	getExtension(name: "WEBGL_compressed_texture_atc"): WebGLCompressedTextureATC;
-	getExtension(name: "WEBGL_compressed_texture_etc1"): WebGLCompressedTextureETC1;
-	getExtension(name: "WEBGL_compressed_texture_pvrtc"): WebGLCompressedTexturePVRTC;
-	getExtension(name: "WEBGL_compressed_texture_s3tc"): WebGLCompressedTextureS3TC;
-	getExtension(name: "WEBGL_debug_renderer_info"): WebGLDebugRendererInfo;
-	getExtension(name: "WEBGL_debug_shaders"): WebGLDebugShaders;
-	getExtension(name: "WEBGL_depth_texture"): WebGLDepthTexture;
-	getExtension(name: "WEBGL_draw_buffers"): WebGLDrawBuffers;
-	getExtension(name: "WEBGL_lose_context"): WebGLLoseContext;
-
-	// Prefixed versions appearing in the wild as per September 2015
-
-	getExtension(name: "WEBKIT_EXT_texture_filter_anisotropic"): EXTTextureFilterAnisotropic;
-	getExtension(name: "WEBKIT_WEBGL_compressed_texture_atc"): WebGLCompressedTextureATC;
-	getExtension(name: "WEBKIT_WEBGL_compressed_texture_pvrtc"): WebGLCompressedTexturePVRTC;
-	getExtension(name: "WEBKIT_WEBGL_compressed_texture_s3tc"): WebGLCompressedTextureS3TC;
-	getExtension(name: "WEBKIT_WEBGL_depth_texture"): WebGLDepthTexture;
-	getExtension(name: "WEBKIT_WEBGL_lose_context"): WebGLLoseContext;
-
-	getExtension(name: "MOZ_WEBGL_compressed_texture_s3tc"): WebGLCompressedTextureS3TC;
-	getExtension(name: "MOZ_WEBGL_depth_texture"): WebGLDepthTexture;
-	getExtension(name: "MOZ_WEBGL_lose_context"): WebGLLoseContext;
+	// Prefixed versions appearing in the wild as per February 2018
+	getExtension(name: "WEBKIT_EXT_texture_filter_anisotropic"): EXT_texture_filter_anisotropic; // Chrome
+	getExtension(name: "WEBKIT_WEBGL_compressed_texture_atc"): WEBGL_compressed_texture_atc; // Android
+	getExtension(name: "WEBKIT_WEBGL_compressed_texture_pvrtc"): WEBKIT_WEBGL_compressed_texture_pvrtc; // Safari iOS
+	getExtension(name: "WEBKIT_WEBGL_compressed_texture_s3tc"): WEBGL_compressed_texture_s3tc; // Chrome
+	getExtension(name: "WEBKIT_WEBGL_depth_texture"): WEBGL_depth_texture; // Chrome
+	getExtension(name: "WEBKIT_WEBGL_lose_context"): WEBGL_lose_context; // Chrome
 }
 
-interface ANGLEInstancedArrays {
-	VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE: number;
 
-	drawArraysInstancedANGLE(mode: number, first: number, count: number, primcount: number): void;
-	drawElementsInstancedANGLE(mode: number, count: number, type: number, offset: number, primcount: number): void;
-	vertexAttribDivisorANGLE(index: number, divisor: number): void;
+// WebGL 1 Type Branding
+interface WebGLObject { readonly __WebGLObject: void; }
+interface WebGLBuffer { readonly __WebGLBuffer: void; }
+interface WebGLFramebuffer { readonly __WebGLFramebuffer: void; }
+interface WebGLProgram { readonly __WebGLProgram: void; }
+interface WebGLRenderbuffer { readonly __WebGLRenderbuffer: void; }
+interface WebGLShader { readonly __WebGLShader: void; }
+interface WebGLTexture { readonly __WebGLTexture: void; }
+interface WebGLUniformLocation { readonly __WebGLUniformLocation: void; }
+interface WebGLVertexArrayObjectOES extends WebGLObject { readonly __WebGLVertexArrayObjectOES: void; }
+
+interface EXT_frag_depth { readonly __EXT_frag_depth: void; }
+interface EXT_shader_texture_lod { readonly __EXT_shader_texture_lod: void; }
+
+interface OES_element_index_uint { readonly __OESElementIndexUint: void; }
+interface OES_texture_float { readonly __OES_texture_float: void; }
+interface OES_texture_float_linear { readonly __OES_texture_float_linear: void; }
+interface OES_texture_half_float_linear { readonly __OES_texture_half_float_linear: void; }
+
+
+// WebGL 1 Extensions
+interface EXT_color_buffer_half_float {
+	readonly RGBA16F_EXT: number;
+	readonly RGB16F_EXT: number;
+	readonly FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT: number;
+	readonly UNSIGNED_NORMALIZED_EXT: number;
 }
 
-interface EXTBlendMinMax {
-	MIN_EXT: number;
-	MAX_EXT: number;
-}
-
-interface EXTColorBufferHalfFloat {
-	RGBA16F_EXT: number;
-	RGB16F_EXT: number;
-	FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT: number;
-	UNSIGNED_NORMALIZED_EXT: number;
-}
-
-interface EXTFragDepth {
-}
-
-interface EXTsRGB {
-	SRGB_EXT: number;
-	SRGB_ALPHA_EXT: number;
-	SRGB8_ALPHA8_EXT: number;
-	FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING_EXT: number;
-}
-
-interface EXTShaderTextureLOD {
-}
-
-interface EXTTextureFilterAnisotropic {
-	TEXTURE_MAX_ANISOTROPY_EXT: number;
-	MAX_TEXTURE_MAX_ANISOTROPY_EXT: number;
-}
-
-interface OESElementIndexUint {
-}
-
-interface OESStandardDerivatives {
-	FRAGMENT_SHADER_DERIVATIVE_HINT_OES: number;
-}
-
-interface OESTextureFloat {
-}
-
-interface OESTextureFloatLinear {
-}
-
-interface OESTextureHalfFloat {
-	HALF_FLOAT_OES: number;
-}
-
-interface OESTextureHalfFloatLinear {
-}
-
-interface WebGLVertexArrayObjectOES extends WebGLObject {
-}
-
-interface OESVertexArrayObject {
-	VERTEX_ARRAY_BINDING_OES: number;
-
+interface OES_vertex_array_object {
+	// TS's lib.dom (as of v3.1.3) does not specify the nulls
 	createVertexArrayOES(): WebGLVertexArrayObjectOES | null;
 	deleteVertexArrayOES(arrayObject: WebGLVertexArrayObjectOES | null): void;
 	isVertexArrayOES(arrayObject: WebGLVertexArrayObjectOES | null): boolean;
 	bindVertexArrayOES(arrayObject: WebGLVertexArrayObjectOES | null): void;
 }
 
-interface WebGLColorBufferFloat {
-	RGBA32F_EXT: number;
-	FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT: number;
-	UNSIGNED_NORMALIZED_EXT: number;
+interface WEBGL_compressed_texture_atc {
+	readonly COMPRESSED_RGB_ATC_WEBGL: number;
+	readonly COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL: number;
+	readonly COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL: number;
 }
 
-interface WebGLCompressedTextureATC {
-	COMPRESSED_RGB_ATC_WEBGL: number;
-	COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL: number;
-	COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL: number;
+interface WEBGL_compressed_texture_etc1 {
+	readonly COMPRESSED_RGB_ETC1_WEBGL: number;
 }
 
-interface WebGLCompressedTextureETC1 {
-	COMPRESSED_RGB_ETC1_WEBGL: number;
-}
-
-interface WebGLCompressedTexturePVRTC {
-	COMPRESSED_RGB_PVRTC_4BPPV1_IMG: number;
-	COMPRESSED_RGB_PVRTC_2BPPV1_IMG: number;
-	COMPRESSED_RGBA_PVRTC_4BPPV1_IMG: number;
-	COMPRESSED_RGBA_PVRTC_2BPPV1_IMG: number;
-}
-
-interface WebGLCompressedTextureS3TC {
-	COMPRESSED_RGB_S3TC_DXT1_EXT: number;
-	COMPRESSED_RGBA_S3TC_DXT1_EXT: number;
-	COMPRESSED_RGBA_S3TC_DXT3_EXT: number;
-	COMPRESSED_RGBA_S3TC_DXT5_EXT: number;
-}
-
-interface WebGLDebugRendererInfo {
-	UNMASKED_VENDOR_WEBGL: number;
-	UNMASKED_RENDERER_WEBGL: number;
-}
-
-interface WebGLDebugShaders {
-	getTranslatedShaderSource(shader: WebGLShader): string;
-}
-
-interface WebGLDepthTexture {
-	UNSIGNED_INT_24_8_WEBGL: number;
-}
-
-interface WebGLDrawBuffers {
-	COLOR_ATTACHMENT0_WEBGL: number;
-	COLOR_ATTACHMENT1_WEBGL: number;
-	COLOR_ATTACHMENT2_WEBGL: number;
-	COLOR_ATTACHMENT3_WEBGL: number;
-	COLOR_ATTACHMENT4_WEBGL: number;
-	COLOR_ATTACHMENT5_WEBGL: number;
-	COLOR_ATTACHMENT6_WEBGL: number;
-	COLOR_ATTACHMENT7_WEBGL: number;
-	COLOR_ATTACHMENT8_WEBGL: number;
-	COLOR_ATTACHMENT9_WEBGL: number;
-	COLOR_ATTACHMENT10_WEBGL: number;
-	COLOR_ATTACHMENT11_WEBGL: number;
-	COLOR_ATTACHMENT12_WEBGL: number;
-	COLOR_ATTACHMENT13_WEBGL: number;
-	COLOR_ATTACHMENT14_WEBGL: number;
-	COLOR_ATTACHMENT15_WEBGL: number;
-
-	DRAW_BUFFER0_WEBGL: number;
-	DRAW_BUFFER1_WEBGL: number;
-	DRAW_BUFFER2_WEBGL: number;
-	DRAW_BUFFER3_WEBGL: number;
-	DRAW_BUFFER4_WEBGL: number;
-	DRAW_BUFFER5_WEBGL: number;
-	DRAW_BUFFER6_WEBGL: number;
-	DRAW_BUFFER7_WEBGL: number;
-	DRAW_BUFFER8_WEBGL: number;
-	DRAW_BUFFER9_WEBGL: number;
-	DRAW_BUFFER10_WEBGL: number;
-	DRAW_BUFFER11_WEBGL: number;
-	DRAW_BUFFER12_WEBGL: number;
-	DRAW_BUFFER13_WEBGL: number;
-	DRAW_BUFFER14_WEBGL: number;
-	DRAW_BUFFER15_WEBGL: number;
-
-	MAX_COLOR_ATTACHMENTS_WEBGL: number;
-	MAX_DRAW_BUFFERS_WEBGL: number;
-
-	drawBuffersWEBGL(buffers: number[]): void;
-}
-
-interface WebGLLoseContext {
-	loseContext(): void;
-	restoreContext(): void;
+interface WEBKIT_WEBGL_compressed_texture_pvrtc {
+	readonly COMPRESSED_RGB_PVRTC_4BPPV1_IMG: number;
+	readonly COMPRESSED_RGB_PVRTC_2BPPV1_IMG: number;
+	readonly COMPRESSED_RGBA_PVRTC_4BPPV1_IMG: number;
+	readonly COMPRESSED_RGBA_PVRTC_2BPPV1_IMG: number;
 }
diff --git a/types/webgl-ext/webgl-ext-tests.ts b/types/webgl-ext/webgl-ext-tests.ts
index 6e0580643b..6d7739cf32 100644
--- a/types/webgl-ext/webgl-ext-tests.ts
+++ b/types/webgl-ext/webgl-ext-tests.ts
@@ -5,66 +5,10 @@ var gl = canvas.getContext("webgl");
 var ext: any;
 var t: any;
 
-if (ext = gl.getExtension("ANGLE_instanced_arrays")) {
-	t = ext.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE;
-}
-
-if (ext = gl.getExtension("EXT_blend_minmax")) {
-	t = ext.MIN_EXT;
-}
-
 if (ext = gl.getExtension("EXT_color_buffer_half_float")) {
 	t = ext.FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT;
 }
 
-if (ext = gl.getExtension("EXT_frag_depth")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("EXT_sRGB")) {
-	t = ext.SRGB8_ALPHA8_EXT;
-}
-
-if (ext = gl.getExtension("EXT_shader_texture_lod")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("EXT_texture_filter_anisotropic")) {
-	t = ext.MAX_TEXTURE_MAX_ANISOTROPY_EXT;
-}
-
-if (ext = gl.getExtension("OES_element_index_uint")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("OES_standard_derivatives")) {
-	t = ext.FRAGMENT_SHADER_DERIVATIVE_HINT_OES;
-}
-
-if (ext = gl.getExtension("OES_texture_float")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("OES_texture_float_linear")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("OES_texture_half_float")) {
-	t = ext.HALF_FLOAT_OES;
-}
-
-if (ext = gl.getExtension("OES_texture_half_float_linear")) {
-	// no fields
-}
-
-if (ext = gl.getExtension("OES_vertex_array_object")) {
-	t = ext.createVertexArrayOES;  // just get fn ref, don't call
-}
-
-if (ext = gl.getExtension("WEBGL_color_buffer_float")) {
-	t = ext.FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT;
-}
-
 if (ext = gl.getExtension("WEBGL_compressed_texture_atc")) {
 	t = ext.COMPRESSED_RGB_ATC_WEBGL;
 }
@@ -76,27 +20,3 @@ if (ext = gl.getExtension("WEBGL_compressed_texture_etc1")) {
 if (ext = gl.getExtension("WEBGL_compressed_texture_pvrtc")) {
 	t = ext.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;
 }
-
-if (ext = gl.getExtension("WEBGL_compressed_texture_s3tc")) {
-	t = ext.COMPRESSED_RGBA_S3TC_DXT5_EXT;
-}
-
-if (ext = gl.getExtension("WEBGL_debug_renderer_info")) {
-	t = ext.UNMASKED_VENDOR_WEBGL;
-}
-
-if (ext = gl.getExtension("WEBGL_debug_shaders")) {
-	t = ext.getTranslatedShaderSource; // just get fn ref, don't call
-}
-
-if (ext = gl.getExtension("WEBGL_depth_texture")) {
-	t = ext.UNSIGNED_INT_24_8_WEBGL;
-}
-
-if (ext = gl.getExtension("WEBGL_draw_buffers")) {
-	t = ext.MAX_COLOR_ATTACHMENTS_WEBGL;
-}
-
-if (ext = gl.getExtension("WEBGL_lose_context")) {
-	t = ext.loseContext; // just get fn ref, don't call
-}
diff --git a/types/webidl2/index.d.ts b/types/webidl2/index.d.ts
index 90a938b22a..2e04cc413c 100644
--- a/types/webidl2/index.d.ts
+++ b/types/webidl2/index.d.ts
@@ -96,7 +96,7 @@ export interface CallbackType {
     name: string;
     /** An IDL Type describing what the callback returns. */
     idlType: IDLTypeDescription;
-    /** A list of arguments, as in function paramters. */
+    /** A list of arguments, as in function parameters. */
     arguments: Argument[];
     /** A list of extended attributes. */
     extAttrs: ExtendedAttributes[];
diff --git a/types/webpack-subresource-integrity/index.d.ts b/types/webpack-subresource-integrity/index.d.ts
new file mode 100644
index 0000000000..d47d7d2275
--- /dev/null
+++ b/types/webpack-subresource-integrity/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for webpack-subresource-integrity 1.2
+// Project: https://github.com/waysact/webpack-subresource-integrity
+// Definitions by: Jeow Li Huan <https://github.com/huan086>
+// Definitions: https://github.com/huan086/webpack-subresource-integrity-typings
+// TypeScript Version: 2.3
+
+import { Plugin } from 'webpack';
+
+declare namespace WebpackSubresourceIntegrityPlugin {
+    interface Options {
+        /**
+         * Default value: true
+         * When this value is falsy, the plugin doesn't run and no integrity values are calculated. It is recommended to disable the plugin in development mode.
+         */
+        enabled?: boolean;
+
+        /**
+         * An array of strings, each specifying the name of a hash function to be used for calculating integrity hash values. For example, ['sha256', 'sha512'].
+         */
+        hashFuncNames: string[];
+    }
+}
+
+declare class WebpackSubresourceIntegrityPlugin extends Plugin {
+    constructor(options?: WebpackSubresourceIntegrityPlugin.Options);
+}
+
+export = WebpackSubresourceIntegrityPlugin;
diff --git a/types/webpack-subresource-integrity/tsconfig.json b/types/webpack-subresource-integrity/tsconfig.json
new file mode 100644
index 0000000000..5461016c11
--- /dev/null
+++ b/types/webpack-subresource-integrity/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "webpack-subresource-integrity-tests.ts"
+    ]
+}
diff --git a/types/webpack-subresource-integrity/tslint.json b/types/webpack-subresource-integrity/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/webpack-subresource-integrity/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/webpack-subresource-integrity/webpack-subresource-integrity-tests.ts b/types/webpack-subresource-integrity/webpack-subresource-integrity-tests.ts
new file mode 100644
index 0000000000..810893429c
--- /dev/null
+++ b/types/webpack-subresource-integrity/webpack-subresource-integrity-tests.ts
@@ -0,0 +1,15 @@
+import * as webpack from 'webpack';
+import SriPlugin = require('webpack-subresource-integrity');
+
+const config: webpack.Configuration = {
+    plugins: [
+        new SriPlugin(),
+        new SriPlugin({
+            hashFuncNames: ['sha256', 'sha384']
+        }),
+        new SriPlugin({
+            enabled: false,
+            hashFuncNames: ['sha256']
+        })
+    ]
+};
diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 5e5b04595f..357c63e330 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -13,6 +13,8 @@
 //                 Christophe Hurpeau <https://github.com/christophehurpeau>
 //                 ZSkycat <https://github.com/ZSkycat>
 //                 John Reilly <https://github.com/johnnyreilly>
+//                 Ryan Waskiewicz <https://github.com/rwaskiewicz>
+//                 Kyle Uehlein <https://github.com/kuehlein>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -22,6 +24,7 @@ import { Tapable, HookMap,
          SyncBailHook, SyncHook, SyncLoopHook, SyncWaterfallHook,
          AsyncParallelBailHook, AsyncParallelHook, AsyncSeriesBailHook, AsyncSeriesHook, AsyncSeriesWaterfallHook } from 'tapable';
 import * as UglifyJS from 'uglify-js';
+import * as anymatch from 'anymatch';
 import { RawSourceMap } from 'source-map';
 
 export = webpack;
@@ -105,10 +108,9 @@ declare namespace webpack {
         /** Stats options for logging  */
         stats?: Options.Stats;
         /** Performance options */
-        performance?: Options.Performance;
+        performance?: Options.Performance | false;
         /** Limit the number of parallel processed modules. Can be used to fine tune performance or to get more reliable profiling results */
         parallelism?: number;
-
         /** Optimization options */
         optimization?: Options.Optimization;
     }
@@ -350,7 +352,7 @@ declare namespace webpack {
     type ExternalsElement = string | RegExp | ExternalsObjectElement | ExternalsFunctionElement;
 
     interface ExternalsObjectElement {
-        [key: string]: boolean | string;
+        [key: string]: boolean | string | string[] | Record<string, string | string[]>;
     }
 
     type ExternalsFunctionElement = (context: any, request: any, callback: (error: any, result: any) => void) => any;
@@ -576,6 +578,8 @@ declare namespace webpack {
             priority?: number;
             /** Minimal size for the created chunk */
             minSize?: number;
+            /** Maximum size for the created chunk */
+            maxSize?: number;
             /** Minimum number of times a module has to be duplicated until it's considered for splitting */
             minChunks?: number;
             /** Maximum number of requests which are accepted for on-demand loading */
@@ -592,6 +596,8 @@ declare namespace webpack {
             chunks?: "initial" | "async" | "all" | ((chunk: compilation.Chunk) => boolean);
             /** Minimal size for the created chunk */
             minSize?: number;
+            /** Maximum size for the created chunk */
+            maxSize?: number;
             /** Minimum number of times a module has to be duplicated until it's considered for splitting */
             minChunks?: number;
             /** Maximum number of requests which are accepted for on-demand loading */
@@ -601,7 +607,7 @@ declare namespace webpack {
             /** Give chunks created a name (chunks with equal name are merged) */
             name?: boolean | string | ((...args: any[]) => any);
             /** Assign modules to a cache group (modules from different cache groups are tried to keep in separate chunks) */
-            cacheGroups?: false | string | ((...args: any[]) => any) | RegExp | { [key: string]: CacheGroupsOptions };
+            cacheGroups?: false | string | ((...args: any[]) => any) | RegExp | { [key: string]: CacheGroupsOptions | false };
         }
         interface RuntimeChunkOptions {
             /** The name or name factory for the runtime chunks. */
@@ -1024,7 +1030,7 @@ declare namespace webpack {
              * It is possible to exclude a huge folder like node_modules.
              * It is also possible to use anymatch patterns.
              */
-            ignored?: string | string[] | RegExp;
+            ignored?: anymatch.Matcher;
             /** Turn on polling by passing true, or specifying a poll interval in milliseconds. */
             poll?: boolean | number;
         }
diff --git a/types/webpack/v3/index.d.ts b/types/webpack/v3/index.d.ts
index a149e285f6..79a2d4eed4 100644
--- a/types/webpack/v3/index.d.ts
+++ b/types/webpack/v3/index.d.ts
@@ -10,8 +10,10 @@
 //                 Spencer Elliott <https://github.com/elliottsj>
 //                 Jason Cheatham <https://github.com/jason0x43>
 //                 Christophe Hurpeau <https://github.com/christophehurpeau>
+//                 Ryan Waskiewicz <https://github.com/rwaskiewicz>
+//                 Kyle Uehlein <https://github.com/kuehlein>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
@@ -338,7 +340,7 @@ declare namespace webpack {
     type ExternalsElement = string | RegExp | ExternalsObjectElement | ExternalsFunctionElement;
 
     interface ExternalsObjectElement {
-        [key: string]: boolean | string;
+        [key: string]: boolean | string | string[] | Record<string, string | string[]>;
     }
 
     type ExternalsFunctionElement = (context: any, request: any, callback: (error: any, result: any) => void) => any;
diff --git a/types/webpack/v3/webpack-tests.ts b/types/webpack/v3/webpack-tests.ts
index 513895dac2..768b8e7e1a 100644
--- a/types/webpack/v3/webpack-tests.ts
+++ b/types/webpack/v3/webpack-tests.ts
@@ -97,6 +97,91 @@ configuration = {
     entry: () => new Promise((resolve) => resolve(['./demo', './demo2']))
 };
 
+//
+// https://webpack.js.org/configuration/externals/
+//
+configuration = {
+    externals : {
+        react: 'react'
+    },
+};
+
+configuration = {
+    externals : {
+        lodash : {
+            commonjs: 'lodash',
+            amd: 'lodash',
+            root: '_' // indicates global variable
+        }
+      },
+};
+
+configuration = {
+    externals : {
+        subtract : {
+            root: ['math', 'subtract']
+        }
+    }
+};
+
+configuration = {
+    externals: [
+        // Disable TSLint for allowing non-arrow functions
+        /* tslint:disable-next-line */
+        function(context, request, callback) {
+          if (/^yourregex$/.test(request)) {
+            // Disable TSLint for bypassing 'no-void-expression' to align with Webpack documentation
+            /* tslint:disable-next-line */
+            return callback(null, 'commonjs ' + request);
+          }
+          callback({}, {});
+        }
+      ]
+};
+
+configuration = {
+    externals: [
+        {
+            // String
+            react: 'react',
+            // Object
+            lodash : {
+                commonjs: 'lodash',
+                amd: 'lodash',
+                root: '_' // indicates global variable
+            },
+            // Array
+            subtract: ['./math', 'subtract']
+            },
+            // Disable TSLint for allowing non-arrow functions
+            /* tslint:disable-next-line */
+            function(context, request, callback) {
+              if (/^yourregex$/.test(request)) {
+                // Disable TSLint for bypassing 'no-void-expression' to align with Webpack documentation
+                /* tslint:disable-next-line */
+                return callback(null, 'commonjs ' + request);
+              }
+              callback({}, {});
+            },
+            // Regex
+            /^(jquery|\$)$/i
+    ]
+};
+
+configuration = {
+    externals: [
+        "add",
+        {
+            subtract: {
+                root: "subtract",
+                commonjs2: "./subtract",
+                commonjs: ["./math", "subtract"],
+                amd: "subtract"
+            }
+        }
+    ]
+};
+
 //
 // https://webpack.github.io/docs/code-splitting.html
 //
diff --git a/types/webpack/webpack-tests.ts b/types/webpack/webpack-tests.ts
index 16234d422a..49b827d934 100644
--- a/types/webpack/webpack-tests.ts
+++ b/types/webpack/webpack-tests.ts
@@ -79,6 +79,91 @@ configuration = {
     }))
 };
 
+//
+// https://webpack.js.org/configuration/externals/
+//
+configuration = {
+    externals : {
+        react: 'react'
+    },
+};
+
+configuration = {
+    externals : {
+        lodash : {
+            commonjs: 'lodash',
+            amd: 'lodash',
+            root: '_' // indicates global variable
+        }
+      },
+};
+
+configuration = {
+    externals : {
+        subtract : {
+            root: ['math', 'subtract']
+        }
+    }
+};
+
+configuration = {
+    externals: [
+        // Disable TSLint for allowing non-arrow functions
+        /* tslint:disable-next-line */
+        function(context, request, callback) {
+          if (/^yourregex$/.test(request)) {
+            // Disable TSLint for bypassing 'no-void-expression' to align with Webpack documentation
+            /* tslint:disable-next-line */
+            return callback(null, 'commonjs ' + request);
+          }
+          callback({}, {});
+        }
+      ]
+};
+
+configuration = {
+    externals: [
+        {
+            // String
+            react: 'react',
+            // Object
+            lodash : {
+                commonjs: 'lodash',
+                amd: 'lodash',
+                root: '_' // indicates global variable
+            },
+            // Array
+            subtract: ['./math', 'subtract']
+            },
+            // Disable TSLint for allowing non-arrow functions
+            /* tslint:disable-next-line */
+            function(context, request, callback) {
+              if (/^yourregex$/.test(request)) {
+                // Disable TSLint for bypassing 'no-void-expression' to align with Webpack documentation
+                /* tslint:disable-next-line */
+                return callback(null, 'commonjs ' + request);
+              }
+              callback({}, {});
+            },
+            // Regex
+            /^(jquery|\$)$/i
+    ]
+};
+
+configuration = {
+    externals: [
+        "add",
+        {
+            subtract: {
+                root: "subtract",
+                commonjs2: "./subtract",
+                commonjs: ["./math", "subtract"],
+                amd: "subtract"
+            }
+        }
+    ]
+};
+
 //
 // https://webpack.github.io/docs/optimization.html
 //
@@ -632,11 +717,16 @@ configuration = {
     mode: "production",
     optimization: {
         splitChunks: {
+            minSize: 30000,
+            maxSize: 50000,
             cacheGroups: {
+                default: false,
                 vendor: {
                     chunks: "initial",
                     test: "node_modules",
                     name: "vendor",
+                    minSize: 30000,
+                    maxSize: 50000,
                     enforce: true
                 }
             }
diff --git a/types/webprogbase-console-view/index.d.ts b/types/webprogbase-console-view/index.d.ts
new file mode 100644
index 0000000000..6771c4c442
--- /dev/null
+++ b/types/webprogbase-console-view/index.d.ts
@@ -0,0 +1,72 @@
+// Type definitions for webprogbase-console-view 1.2
+// Project: https://github.com/DevInCube/webprogbase-console-view#readme
+// Definitions by: Veetaha <https://github.com/veetaha>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export interface BasicObject<T> {
+    [key: string]: T;
+}
+export interface FormFieldDescriptor {
+    description: string;
+    default?: string;
+    auto?: string;
+}
+
+export interface StateLinkDescriptor {
+    description: string;
+    data: BasicObject<any>;
+}
+
+export type FormFields = BasicObject<string | FormFieldDescriptor>;
+export type StateLinks = BasicObject<string | StateLinkDescriptor>;
+
+export class InputForm {
+    constructor(nextState: string, fieldsObject: FormFields);
+
+    // if  private members aren't defined, typescript allows assigning anything to InputForm
+    private members: any;
+}
+
+export class Request {
+    state: string;
+    data: BasicObject<any> | null;
+
+    private constructor();
+}
+
+export class Response {
+    send(text: string, statesOrForm?: StateLinks | InputForm): void;
+    redirect(toState: string, data?: BasicObject<any>): void;
+
+    private constructor();
+}
+
+/************************************************************************************/
+
+export type ServerAppHandler = (req: Request, res: Response) => void;
+export class ServerApp {
+    constructor();
+
+    /**
+     * Register a request handler function for the state
+     * @param stateName name of the state
+     * @param handler state request handler function
+     */
+    use(stateName: string, handler: ServerAppHandler): void;
+
+    /**
+     * Start listening for new clients' connections
+     * @param port port number where server will listen for new connections
+     */
+    listen(port: number): void;
+}
+
+/****************************************************************************************/
+
+export class ConsoleBrowser {
+    constructor();
+
+    open(serverPort: number): void;
+    sendRequest(req: Request): void;
+}
diff --git a/types/webprogbase-console-view/tsconfig.json b/types/webprogbase-console-view/tsconfig.json
new file mode 100644
index 0000000000..b25faf7491
--- /dev/null
+++ b/types/webprogbase-console-view/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "strictFunctionTypes": true,
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "webprogbase-console-view-tests.ts"
+    ]
+}
diff --git a/types/webprogbase-console-view/tslint.json b/types/webprogbase-console-view/tslint.json
new file mode 100644
index 0000000000..14fdf4eb3c
--- /dev/null
+++ b/types/webprogbase-console-view/tslint.json
@@ -0,0 +1,34 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "no-var-keyword": true,
+    "no-arg": true,
+    "triple-equals": true,
+    "semicolon": true,
+    "adjacent-overload-signatures": true,
+    "await-promise": true,
+    "callable-types": true,
+    "deprecation": true,
+    "jsdoc-format": true,
+    "no-angle-bracket-type-assertion": true,
+    "no-duplicate-switch-case": true,
+    "prefer-const": true,
+    "prefer-function-over-method": true,
+    "prefer-object-spread": true,
+    "prefer-template": true,
+    "prefer-readonly": true,
+    "prefer-for-of": true,
+    "prefer-switch": true,
+    "no-unnecessary-qualifier": true,
+    "object-literal-shorthand": true,
+    "no-shadowed-variable": true,
+    "no-unnecessary-type-assertion": true,
+    "no-return-await": true,
+    "no-floating-promises": true,
+    "no-inferred-empty-object-type": true,
+    "strict-type-predicates": true,
+    "restrict-plus-operands": true
+  }
+
+
+}
diff --git a/types/webprogbase-console-view/webprogbase-console-view-tests.ts b/types/webprogbase-console-view/webprogbase-console-view-tests.ts
new file mode 100644
index 0000000000..c532047f3f
--- /dev/null
+++ b/types/webprogbase-console-view/webprogbase-console-view-tests.ts
@@ -0,0 +1,137 @@
+import { ConsoleBrowser, ServerApp, InputForm } from 'webprogbase-console-view';
+
+const students = ['First', 'Second', 'Third'];
+
+const app = new ServerApp();
+
+app.use("/", (req, res) => {
+    const links = {
+        f:  "Form sample",
+        f2: "Form sample many fields",
+        f3: "Form sample many fields with default and value",
+        fe: "Form with field error",
+        n:  "Just a state",
+        e:  "No handler error",
+        t:  "Response timeout",
+        r:  "Redirect to n",
+        d: {
+            description: "state link with data",
+            data: {
+                userId: 13,
+                x: "Y",
+            }
+        },
+        rd:   "Redirect to d with data",
+        rde:  "Redirect to d with invalid data",
+        rde2: "Redirect to d with invalid data (circular structure)",
+    };
+    res.send("Hello!", links);
+});
+
+app.use("f", (req, res) => {
+    let studentsListStr = "";
+    students.forEach((st, i) => {
+        studentsListStr += `${i}. ${st}\n`;
+    });
+    const text = `Select student index:\n\n${studentsListStr}`;
+    const indexForm = new InputForm("formaccept", {
+        index: "Index of student"
+    });
+    res.send(text, indexForm);
+});
+
+app.use("f2", (req, res) => {
+    const text = 'Hello!';
+    const form = new InputForm("formaccept", {
+        index: "Just",
+        name:  "Student name",
+        score: "Hmmmm"
+    });
+    res.send(text, form);
+});
+
+app.use("f3", (req, res) => {
+    const text = 'Hello!';
+    const form = new InputForm("formaccept", {
+        id: {
+            description: "Enter id",
+            auto: "1",
+        },
+        id2: {
+            description: "Enter id2",
+            auto: "2",
+        },
+        index: "Just",
+        name: {
+            description: "Enter student name",
+            default: "New Student",
+        },
+        score: {
+            description: "Enter score (int)",
+            auto: "100",
+        },
+        x: "Test",
+    });
+    res.send(text, form);
+});
+
+app.use("fe", (req, res) => {
+    const text = 'Hello!';
+    const form = new InputForm("formaccept", {
+        id: {
+            description: "Enter id",
+            auto: 22 as any, // generating exception (typeof auto must be 'string')
+        },
+    });
+    res.send(text, form);
+});
+
+app.use("n", (req, res) => {
+    res.send("Next, please");
+});
+
+app.use("r", (req, res) => {
+    res.redirect("n");
+});
+
+app.use("t", (req, res) => {
+    void res;  // unused
+    // error: no response
+});
+
+app.use("rd", (req, res) => {
+    res.redirect("d", {some: "Data in redirect"});
+});
+
+app.use("rde", (req, res) => {
+    res.redirect("d", "Invalid data here" as any); // generating exception here
+});
+
+app.use("rde2", (req, res) => {
+    interface Circular {
+        self?: Circular;
+    }
+    const co: Circular = {};
+    co.self = co;
+    res.redirect("d", co);
+});
+
+app.use("d", (req, res) => {
+    res.send(`Got some data with request ${JSON.stringify(req.data)}`);
+});
+
+app.use("formaccept", (req, res) => {
+    const index = parseInt(req.data!.index, 10);
+    if ((!index && index !== 0) || (index < 0 || index >= students.length)) {
+        res.send(`Invalid student index input: ${req.data!.index}`);
+    } else {
+        res.send(`Data:\n${JSON.stringify(req.data, null, 4)}\nYou've selected student: ${students[index]}`);
+    }
+});
+
+app.listen(80);
+
+//
+
+const browser = new ConsoleBrowser();
+browser.open(80);
diff --git a/types/wegame-api/index.d.ts b/types/wegame-api/index.d.ts
index 18480ed2ea..4ac4e7fbc5 100644
--- a/types/wegame-api/index.d.ts
+++ b/types/wegame-api/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for wegame 2.2
+// Type definitions for wegame 2.3
 // Project: https://developers.weixin.qq.com/minigame/dev/index.html
 // Definitions by: J.C <https://github.com/jcyuan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -242,7 +242,7 @@ declare class FileSystemManager {
     getFileInfo(param: wx.types.FileinfoParams): void;
 
     /**
-     * 删除该小程序下已保存的本地缓存文件
+     * 删除该小程序下已保存的本地缓存文件（新版本应使用unlink）
      */
     removeSavedFile(param: wx.types.RemovefileParams): void;
 
@@ -1079,12 +1079,12 @@ declare namespace wx {
             zipFilePath: string;
             targetPath: string;
             success?: () => void;
-            fail?: (e?: any) => void;
+            fail?: (res: { errMsg: string }) => void;
             complete?: () => void;
         }
 
         interface AccessfileParams {
-            filePath: string;
+            path: string;
             success?: () => void;
             fail?: (res: { errMsg: string }) => void;
             complete?: () => void;
@@ -1108,7 +1108,7 @@ declare namespace wx {
 
         interface FileinfoParams {
             filePath: string;
-            success?: (res: { size: number }) => void;
+            success?: (res: { size: number, digest: string }) => void;
             fail?: (res: { errMsg: string }) => void;
             complete?: () => void;
         }
@@ -1318,13 +1318,20 @@ declare namespace wx {
 
         interface DownfileParams {
             url: string;
-            filePath: string;
+            /**
+             * 在指定filePath之后success回调中将不会有res.tempFilePath路径值，下载的文件会直接写入filePath指定的路径（有写入权限的情况下，根目录请使用wx.env.USER_DATA_PATH，路径文件夹必须存在，否则写入失败）
+             */
+            filePath?: string;
             /**
              * 	HTTP 请求的 Header，Header 中不能设置 Referer
              */
             header?: { [key: string]: string };
+            /**
+             * res.tempFilePath 临时文件路径。如果没传入 filePath 指定文件存储路径，则下载后的文件会存储到一个临时文件
+             * res.statusCode 开发者服务器返回的 HTTP 状态码
+             */
             success?: (res: { tempFilePath: string, statusCode: number }) => void;
-            fail?: () => void;
+            fail?: (res: { errMsg: string }) => void;
             complete?: () => void;
         }
 
diff --git a/types/weixin-app/index.d.ts b/types/weixin-app/index.d.ts
index 376d8955e1..9a41debd2a 100644
--- a/types/weixin-app/index.d.ts
+++ b/types/weixin-app/index.d.ts
@@ -289,9 +289,7 @@ declare namespace wx {
 	 * 需要用户授权 scope.writePhotosAlbum
 	 * @version 1.2.0
 	 */
-	function saveImageToPhotosAlbum(
-		options: SaveImageToPhotosAlbumOptions
-	): void;
+	function saveImageToPhotosAlbum(options: SaveImageToPhotosAlbumOptions): void;
 	// 媒体-----录音
 	interface StartRecordAudioOptions extends BaseOptions {
 		/** 录音成功后调用，返回录音文件的临时文件路径，res = {tempFilePath: '录音文件的临时路径'} */
@@ -387,13 +385,9 @@ declare namespace wx {
 		/** 录音恢复事件 */
 		onResume(callback?: () => void): void;
 		/** 录音停止事件，会回调文件地址 */
-		onStop(
-			callback?: (options: OnRecorderManagerStopOptions) => void
-		): void;
+		onStop(callback?: (options: OnRecorderManagerStopOptions) => void): void;
 		/** 已录制完指定帧大小的文件，会回调录音分片结果数据。如果设置了 frameSize ，则会回调此事件 */
-		onFrameRecorded(
-			callback?: (options: OnFrameRecordedOptions) => void
-		): void;
+		onFrameRecorded(callback?: (options: OnFrameRecordedOptions) => void): void;
 		/** 录音错误事件, 会回调错误信息 */
 		onError(callback?: (err: ErrMsgResponse) => void): void;
 	}
@@ -974,7 +968,7 @@ declare namespace wx {
 	 * 异步获取当前storage的相关信息
 	 */
 	function getStorageInfo(options: GetStorageInfoOptions): void;
-	function getStorageInfoSync(): GetStorageInfoOptions;
+	function getStorageInfoSync(): StorageInfo;
 	interface RemoveStorageOptions extends BaseOptions {
 		key: string;
 		success?(res: DataResponse): void;
@@ -1066,9 +1060,7 @@ declare namespace wx {
 		/**
 		 * 获取当前地图中心的经纬度，返回的是 gcj02 坐标系，可以用于 wx.openLocation
 		 */
-		getCenterLocation(
-			options: GetCenterLocationOptions
-		): OpenLocationOptions;
+		getCenterLocation(options: GetCenterLocationOptions): OpenLocationOptions;
 		/**
 		 * 将地图中心移动到当前定位点，需要配合map组件的show-location使用
 		 */
@@ -2611,6 +2603,9 @@ declare namespace wx {
 	}
 	type LineCapType = "butt" | "round" | "square";
 	type LineJoinType = "bevel" | "round" | "miter";
+	interface CanvasGradient {
+		addColorStop(index: number, color: string): void;
+	}
 	/**
 	 * context只是一个记录方法调用的容器，用于生成记录绘制行为的actions数组。context跟<canvas/>不存在对应关系，一个context生成画布的绘制动作数组可以应用于多个<canvas/>。
 	 */
@@ -2873,7 +2868,7 @@ declare namespace wx {
 			y0: number,
 			x1: number,
 			y1: number
-		): void;
+		): CanvasGradient;
 		/**
 		 * 创建一个颜色的渐变点。
 		 * Tip: 小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染。
@@ -3099,7 +3094,7 @@ declare namespace wx {
 	 */
 	function getUserInfo(options: GetUserInfoOptions): void;
 	// 开放接口-----微信支付
-	type PaymentSignType = "MD5";
+	type PaymentSignType = "MD5" | "HMAC-SHA256";
 	interface RequestPaymentOptions extends BaseOptions {
 		/** 时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间 */
 		timeStamp: string | number;
@@ -3107,7 +3102,7 @@ declare namespace wx {
 		nonceStr: string;
 		/** 统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=* */
 		package: string;
-		/** 签名算法，暂支持 MD5 */
+		/** 签名算法，默认为MD5，支持HMAC-SHA256和MD5 */
 		signType: PaymentSignType;
 		/** 签名,具体签名方案参见微信公众号支付帮助文档; */
 		paySign: string;
@@ -3564,19 +3559,19 @@ declare namespace wx {
 		/**
 		 * 写log日志，可以提供任意个参数，每个参数的类型为Object/Array/Number/String，参数p1到pN的内容会写入日志
 		 */
-		log: (...args: any[]) => void;
+		log(...args: any[]): void;
 		/**
 		 * 写warn日志，参数同log方法
 		 */
-		warn: (...args: any[]) => void;
+		warn(...args: any[]): void;
 		/**
 		 * 写debug日志，参数同log方法
 		 */
-		debug: (...args: any[]) => void;
+		debug(...args: any[]): void;
 		/**
 		 * 写info日志，参数同log方法
 		 */
-		info: (...args: any[]) => void;
+		info(...args: any[]): void;
 	}
 
 	// #region LogManager
@@ -3597,6 +3592,14 @@ declare namespace wx {
 	 */
 	function reportMonitor(name: string, value: number): void;
 
+	/**
+	 * 自定义分析数据上报接口。使用前，需要在小程序管理后台自定义分析中新建事件，配置好事件名与字段。
+	 *
+	 * @param eventName 事件名
+	 * @param data 上报的自定义数据
+	 */
+	function reportAnalytics(eventName: string, data: object): void;
+
 	/**
 	 * 用于延迟一部分操作到下一个时间片再执行（类似于 setTimeout）。
 	 * @param func
@@ -3613,6 +3616,30 @@ declare namespace wx {
 		enableDebug: boolean;
 	}
 	// #region App里的onLaunch、onShow回调参数
+
+	// #region Account
+	interface AccountInfo {
+		/* 小程序账号信息 */
+		miniProgram: {
+			/*小程序 appId	 */
+			appId: string;
+		};
+		/* 插件账号信息（仅在插件中调用时包含这一项）	 */
+		plugin?: {
+			/* 插件 appId	 */
+			appId: string;
+			/* 插件版本号	 */
+			version: string;
+		};
+	}
+
+	/**
+	 * 获取当前账号信息
+	 * @version >= 2.2.2
+	 */
+	function getAccountInfoSync(): AccountInfo;
+	// #endregion
+
 	/**
 	 * App 实现的接口对象
 	 * 开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问
@@ -3670,8 +3697,7 @@ declare namespace wx {
 		Data,
 		Methods,
 		Props
-	> = CombinedInstance<Instance, Data, Methods, Props> &
-		Component<Data, Props>;
+	> = CombinedInstance<Instance, Data, Methods, Props> & Component<Data, Props>;
 
 	// CombinedInstance models the `this`, i.e. instance type for (user defined) component
 	type CombinedInstance<
@@ -3702,9 +3728,7 @@ declare namespace wx {
 
 	type ArrayPropsDefinition<T> = Array<keyof T>;
 
-	type PropsDefinition<T> =
-		| ArrayPropsDefinition<T>
-		| RecordPropsDefinition<T>;
+	type PropsDefinition<T> = ArrayPropsDefinition<T> | RecordPropsDefinition<T>;
 
 	interface ComponentRelation<D = any, P = any> {
 		/** 目标组件的相对关系，可选的值为 parent 、 child 、 ancestor 、 descendant */
@@ -3838,9 +3862,7 @@ declare namespace wx {
 		 * 类似于mixins和traits的组件间代码复用机制
 		 * 参见 [behaviors](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/behaviors.html)
 		 */
-		behaviors?: Array<
-			(ComponentOptions<Component<object, object>>) | string
-		>;
+		behaviors?: Array<(ComponentOptions<Component<object, object>>) | string>;
 
 		/**
 		 * 组件生命周期声明对象，组件的生命周期：created、attached、ready、moved、detached将收归到lifetimes字段内进行声明，
@@ -3873,7 +3895,9 @@ declare namespace wx {
 		value?: infer T;
 	}
 		? T
-		: Def extends (...args: any[]) => infer T ? T : never;
+		: Def extends (...args: any[]) => infer T
+		? T
+		: never;
 
 	/**
 	 * Component实例方法
@@ -4084,25 +4108,22 @@ declare namespace wx {
 		/**
 		 * 当场景为由从另一个小程序或公众号或App打开时，返回此字段
 		 */
-		referrerInfo: object;
-		/**
-		 * 来源小程序或公众号或App的 appId，详见下方说明
-		 */
-		"referrerInfo.appId": string;
-		/**
-		 * 来源小程序传过来的数据，scene=1037或1038时支持
-		 */
-		"referrerInfo.extraData": object;
+		referrerInfo: {
+			/* 来源小程序或公众号或App的 appId，详见下方说明 */
+			appId: string;
+			/* 来源小程序传过来的数据，scene=1037或1038时支持 */
+			extraData: object;
+		};
 		// #endregion
 	}
 
 	// 云开发
 	// 文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
-	interface cloud {
+	interface Cloud {
 		/**
 		 * 初始化方法（全局只需一次）
 		 */
-		init: (options: initCloudOptions) => void;
+		init: (options: InitCloudOptions) => void;
 		/**
 		 * 接受一个可选对象参数 env：环境 ID，获取数据库的引用
 		 */
@@ -4115,12 +4136,12 @@ declare namespace wx {
 	/**
 	 * 定义了云开发的默认配置，该配置会作为之后调用其他所有云 API 的默认配置
 	 */
-	interface initCloudOptions {
+	interface InitCloudOptions {
 		/**
 		 * 默认环境配置，传入字符串形式的环境 ID 可以指定所有服务的默认环境，传入对象 initCloudEnvOptions 可以分别指定各个服务的默认环境
 		 * 默认值： default
 		 */
-		env?: string | initCloudEnvOptions;
+		env?: string | InitCloudEnvOptions;
 		/**
 		 * 是否在将用户访问记录到用户管理中，在控制台中可见
 		 * 默认值： false
@@ -4130,7 +4151,7 @@ declare namespace wx {
 	/**
 	 * initCloudOptions 的 env 参数，可以指定各个服务的默认环境
 	 */
-	interface initCloudEnvOptions {
+	interface InitCloudEnvOptions {
 		/**
 		 * 数据库 API 默认环境配置
 		 * 默认值： default
diff --git a/types/weixin-app/weixin-app-tests.ts b/types/weixin-app/weixin-app-tests.ts
index cacdeaee70..2c5b6f2c23 100644
--- a/types/weixin-app/weixin-app-tests.ts
+++ b/types/weixin-app/weixin-app-tests.ts
@@ -469,3 +469,10 @@ wx.getSystemInfo({
 		} = res;
 	}
 });
+
+function testAccountInfo(): string {
+	const accountInfo: wx.AccountInfo = wx.getAccountInfoSync();
+	return accountInfo.miniProgram.appId;
+}
+
+wx.reportAnalytics("test-event", { a: 1, b: "2" });
diff --git a/types/wepy-redux/index.d.ts b/types/wepy-redux/index.d.ts
index be516d18eb..f7e1c8262f 100644
--- a/types/wepy-redux/index.d.ts
+++ b/types/wepy-redux/index.d.ts
@@ -19,6 +19,6 @@ export function connect(
     mapDispatchToProps: MapDispatchToProps
 ): (<T extends wepy.Component>(original: T) => T);
 
-export function setStore(store: Store): void;
+export function setStore(store: Store<any, any>): void;
 
 export function getStore(): Store;
diff --git a/types/whatwg-streams/whatwg-streams-tests.ts b/types/whatwg-streams/whatwg-streams-tests.ts
index be749686cc..fb5c03e67c 100644
--- a/types/whatwg-streams/whatwg-streams-tests.ts
+++ b/types/whatwg-streams/whatwg-streams-tests.ts
@@ -149,7 +149,7 @@ function makeReadableFileStream(filename: string) {
         pull(controller) {
             const buffer = new ArrayBuffer(CHUNK_SIZE);
 
-            return fs.read(fd, <any>buffer, 0, CHUNK_SIZE, position).then(bytesRead => {
+            return fs.read(fd, buffer as any, 0, CHUNK_SIZE, position).then(bytesRead => {
                 if (bytesRead === 0) {
                     return fs.close(fd).then(() => controller.close());
                 } else {
@@ -189,7 +189,7 @@ function makeReadableByteFileStream(filename: string) {
             // feature allocates a buffer and passes it to us via byobRequest.
             const v = controller.byobRequest!.view;
 
-            return fs.read(fd, <any>v.buffer, v.byteOffset, v.byteLength, position).then(bytesRead => {
+            return fs.read(fd, v.buffer as any, v.byteOffset, v.byteLength, position).then(bytesRead => {
                 if (bytesRead === 0) {
                     return fs.close(fd).then(() => controller.close());
                 } else {
diff --git a/types/wikidata-sdk/def/object/claim.d.ts b/types/wikidata-sdk/def/object/claim.d.ts
new file mode 100644
index 0000000000..c397fcb0df
--- /dev/null
+++ b/types/wikidata-sdk/def/object/claim.d.ts
@@ -0,0 +1,34 @@
+export interface TimeDataValue {
+    type: "time";
+    value: {
+        time: string;
+        timezone: number;
+        before: number;
+        after: number;
+        precision: number;
+        calendermodel: string;
+    };
+}
+
+export interface EntityDataValue {
+    type: "wikibase-entityid";
+    value: {
+        "numeric-id": number;
+        "entity-type": string;
+    };
+}
+
+export interface MainSnak {
+    datatype: string;
+    snaktype: string;
+    property: string;
+    hash: string;
+    datavalue: TimeDataValue | EntityDataValue;
+}
+
+export interface Claim {
+    rank: string;
+    id: string;
+    type: string;
+    mainsnak: MainSnak;
+}
diff --git a/types/wikidata-sdk/def/type/format.d.ts b/types/wikidata-sdk/def/type/format.d.ts
new file mode 100644
index 0000000000..86653c80ba
--- /dev/null
+++ b/types/wikidata-sdk/def/type/format.d.ts
@@ -0,0 +1 @@
+export type UrlResultFormat = "json" | "xml";
diff --git a/types/wikidata-sdk/def/type/language.d.ts b/types/wikidata-sdk/def/type/language.d.ts
new file mode 100644
index 0000000000..26500b0522
--- /dev/null
+++ b/types/wikidata-sdk/def/type/language.d.ts
@@ -0,0 +1,449 @@
+export type WikidataLanguage =
+    | "aa"
+    | "ab"
+    | "abs"
+    | "ace"
+    | "ady"
+    | "ady-cyrl"
+    | "aeb"
+    | "aeb-arab"
+    | "aeb-latn"
+    | "af"
+    | "ak"
+    | "aln"
+    | "als"
+    | "am"
+    | "an"
+    | "ang"
+    | "anp"
+    | "ar"
+    | "arc"
+    | "arn"
+    | "arq"
+    | "ary"
+    | "arz"
+    | "as"
+    | "ase"
+    | "ast"
+    | "atj"
+    | "av"
+    | "avk"
+    | "awa"
+    | "ay"
+    | "az"
+    | "azb"
+    | "ba"
+    | "ban"
+    | "bar"
+    | "bat-smg"
+    | "bbc"
+    | "bbc-latn"
+    | "bcc"
+    | "bcl"
+    | "be"
+    | "be-tarask"
+    | "be-x-old"
+    | "bg"
+    | "bgn"
+    | "bh"
+    | "bho"
+    | "bi"
+    | "bjn"
+    | "bm"
+    | "bn"
+    | "bo"
+    | "bpy"
+    | "bqi"
+    | "br"
+    | "brh"
+    | "bs"
+    | "btm"
+    | "bto"
+    | "bug"
+    | "bxr"
+    | "ca"
+    | "cbk-zam"
+    | "cdo"
+    | "ce"
+    | "ceb"
+    | "ch"
+    | "cho"
+    | "chr"
+    | "chy"
+    | "ckb"
+    | "co"
+    | "cps"
+    | "cr"
+    | "crh"
+    | "crh-cyrl"
+    | "crh-latn"
+    | "cs"
+    | "csb"
+    | "cu"
+    | "cv"
+    | "cy"
+    | "da"
+    | "de"
+    | "de-at"
+    | "de-ch"
+    | "de-formal"
+    | "din"
+    | "diq"
+    | "dsb"
+    | "dtp"
+    | "dty"
+    | "dv"
+    | "dz"
+    | "ee"
+    | "egl"
+    | "el"
+    | "eml"
+    | "en"
+    | "en-ca"
+    | "en-gb"
+    | "eo"
+    | "es"
+    | "es-419"
+    | "es-formal"
+    | "et"
+    | "eu"
+    | "ext"
+    | "fa"
+    | "ff"
+    | "fi"
+    | "fit"
+    | "fiu-vro"
+    | "fj"
+    | "fo"
+    | "fr"
+    | "frc"
+    | "frp"
+    | "frr"
+    | "fur"
+    | "fy"
+    | "ga"
+    | "gag"
+    | "gan"
+    | "gan-hans"
+    | "gan-hant"
+    | "gcr"
+    | "gd"
+    | "gl"
+    | "glk"
+    | "gn"
+    | "gom"
+    | "gom-deva"
+    | "gom-latn"
+    | "gor"
+    | "got"
+    | "grc"
+    | "gsw"
+    | "gu"
+    | "gv"
+    | "ha"
+    | "hak"
+    | "haw"
+    | "he"
+    | "hi"
+    | "hif"
+    | "hif-latn"
+    | "hil"
+    | "ho"
+    | "hr"
+    | "hrx"
+    | "hsb"
+    | "ht"
+    | "hu"
+    | "hu-formal"
+    | "hy"
+    | "hyw"
+    | "hz"
+    | "ia"
+    | "id"
+    | "ie"
+    | "ig"
+    | "ii"
+    | "ik"
+    | "ike-cans"
+    | "ike-latn"
+    | "ilo"
+    | "inh"
+    | "io"
+    | "is"
+    | "it"
+    | "iu"
+    | "ja"
+    | "jam"
+    | "jbo"
+    | "jut"
+    | "jv"
+    | "ka"
+    | "kaa"
+    | "kab"
+    | "kbd"
+    | "kbd-cyrl"
+    | "kbp"
+    | "kea"
+    | "kg"
+    | "khw"
+    | "ki"
+    | "kiu"
+    | "kj"
+    | "kjp"
+    | "kk"
+    | "kk-arab"
+    | "kk-cn"
+    | "kk-cyrl"
+    | "kk-kz"
+    | "kk-latn"
+    | "kk-tr"
+    | "kl"
+    | "km"
+    | "kn"
+    | "ko"
+    | "ko-kp"
+    | "koi"
+    | "kr"
+    | "krc"
+    | "kri"
+    | "krj"
+    | "krl"
+    | "ks"
+    | "ks-arab"
+    | "ks-deva"
+    | "ksh"
+    | "ku"
+    | "ku-arab"
+    | "ku-latn"
+    | "kum"
+    | "kv"
+    | "kw"
+    | "ky"
+    | "la"
+    | "lad"
+    | "lb"
+    | "lbe"
+    | "lez"
+    | "lfn"
+    | "lg"
+    | "li"
+    | "lij"
+    | "liv"
+    | "lki"
+    | "lmo"
+    | "ln"
+    | "lo"
+    | "loz"
+    | "lrc"
+    | "lt"
+    | "ltg"
+    | "lus"
+    | "luz"
+    | "lv"
+    | "lzh"
+    | "lzz"
+    | "mai"
+    | "map-bms"
+    | "mdf"
+    | "mg"
+    | "mh"
+    | "mhr"
+    | "mi"
+    | "min"
+    | "mk"
+    | "ml"
+    | "mn"
+    | "mni"
+    | "mnw"
+    | "mo"
+    | "mr"
+    | "mrj"
+    | "ms"
+    | "mt"
+    | "mus"
+    | "mwl"
+    | "my"
+    | "myv"
+    | "mzn"
+    | "na"
+    | "nah"
+    | "nan"
+    | "nap"
+    | "nb"
+    | "nds"
+    | "nds-nl"
+    | "ne"
+    | "new"
+    | "ng"
+    | "niu"
+    | "nl"
+    | "nl-informal"
+    | "nn"
+    | "no"
+    | "nod"
+    | "nov"
+    | "nrm"
+    | "nso"
+    | "nv"
+    | "ny"
+    | "nys"
+    | "oc"
+    | "olo"
+    | "om"
+    | "or"
+    | "os"
+    | "ota"
+    | "pa"
+    | "pag"
+    | "pam"
+    | "pap"
+    | "pcd"
+    | "pdc"
+    | "pdt"
+    | "pfl"
+    | "pi"
+    | "pih"
+    | "pl"
+    | "pms"
+    | "pnb"
+    | "pnt"
+    | "prg"
+    | "ps"
+    | "pt"
+    | "pt-br"
+    | "qu"
+    | "qug"
+    | "rgn"
+    | "rif"
+    | "rm"
+    | "rmy"
+    | "rn"
+    | "ro"
+    | "roa-rup"
+    | "roa-tara"
+    | "ru"
+    | "rue"
+    | "rup"
+    | "ruq"
+    | "ruq-cyrl"
+    | "ruq-latn"
+    | "rw"
+    | "rwr"
+    | "sa"
+    | "sah"
+    | "sat"
+    | "sc"
+    | "scn"
+    | "sco"
+    | "sd"
+    | "sdc"
+    | "sdh"
+    | "se"
+    | "sei"
+    | "ses"
+    | "sg"
+    | "sgs"
+    | "sh"
+    | "shi"
+    | "shi-latn"
+    | "shi-tfng"
+    | "shn"
+    | "shy-latn"
+    | "si"
+    | "simple"
+    | "sje"
+    | "sk"
+    | "skr"
+    | "skr-arab"
+    | "sl"
+    | "sli"
+    | "sm"
+    | "sma"
+    | "smj"
+    | "sn"
+    | "so"
+    | "sq"
+    | "sr"
+    | "sr-ec"
+    | "sr-el"
+    | "srn"
+    | "srq"
+    | "ss"
+    | "st"
+    | "stq"
+    | "sty"
+    | "su"
+    | "sv"
+    | "sw"
+    | "szl"
+    | "ta"
+    | "tay"
+    | "tcy"
+    | "te"
+    | "tet"
+    | "tg"
+    | "tg-cyrl"
+    | "tg-latn"
+    | "th"
+    | "ti"
+    | "tk"
+    | "tl"
+    | "tly"
+    | "tn"
+    | "to"
+    | "tpi"
+    | "tr"
+    | "tru"
+    | "ts"
+    | "tt"
+    | "tt-cyrl"
+    | "tt-latn"
+    | "tum"
+    | "tw"
+    | "ty"
+    | "tyv"
+    | "tzm"
+    | "udm"
+    | "ug"
+    | "ug-arab"
+    | "ug-latn"
+    | "uk"
+    | "ur"
+    | "uz"
+    | "uz-cyrl"
+    | "uz-latn"
+    | "ve"
+    | "vec"
+    | "vep"
+    | "vi"
+    | "vls"
+    | "vmf"
+    | "vo"
+    | "vot"
+    | "vro"
+    | "wa"
+    | "war"
+    | "wo"
+    | "wuu"
+    | "xal"
+    | "xh"
+    | "xmf"
+    | "yi"
+    | "yo"
+    | "yue"
+    | "za"
+    | "zea"
+    | "zgh"
+    | "zh"
+    | "zh-classical"
+    | "zh-cn"
+    | "zh-hans"
+    | "zh-hant"
+    | "zh-hk"
+    | "zh-min-nan"
+    | "zh-mo"
+    | "zh-my"
+    | "zh-sg"
+    | "zh-tw"
+    | "zh-yue"
+    | "zu";
diff --git a/types/wikidata-sdk/def/type/property.d.ts b/types/wikidata-sdk/def/type/property.d.ts
new file mode 100644
index 0000000000..f57fddc7f4
--- /dev/null
+++ b/types/wikidata-sdk/def/type/property.d.ts
@@ -0,0 +1 @@
+export type WikidataProperty = "info" | "sitelinks" | "aliases" | "labels" | "descriptions" | "claims" | "datatype";
diff --git a/types/wikidata-sdk/def/type/site.d.ts b/types/wikidata-sdk/def/type/site.d.ts
new file mode 100644
index 0000000000..59cc8a6589
--- /dev/null
+++ b/types/wikidata-sdk/def/type/site.d.ts
@@ -0,0 +1,832 @@
+export type WikidataSite =
+    | "aawikibooks"
+    | "aawiktionary"
+    | "abwiktionary"
+    | "afwikibooks"
+    | "afwikiquote"
+    | "afwiktionary"
+    | "akwikibooks"
+    | "akwiktionary"
+    | "alswikibooks"
+    | "alswikiquote"
+    | "alswiktionary"
+    | "amwikiquote"
+    | "amwiktionary"
+    | "angwikibooks"
+    | "angwikiquote"
+    | "angwikisource"
+    | "angwiktionary"
+    | "anwiktionary"
+    | "arwikibooks"
+    | "arwikinews"
+    | "arwikiquote"
+    | "arwikisource"
+    | "arwikiversity"
+    | "arwiktionary"
+    | "astwikibooks"
+    | "astwikiquote"
+    | "astwiktionary"
+    | "aswikibooks"
+    | "aswikisource"
+    | "aswiktionary"
+    | "avwiktionary"
+    | "aywikibooks"
+    | "aywiktionary"
+    | "azwikibooks"
+    | "azwikiquote"
+    | "azwikisource"
+    | "azwiktionary"
+    | "bawikibooks"
+    | "bewikibooks"
+    | "bewikiquote"
+    | "bewikisource"
+    | "bewiktionary"
+    | "bgwikibooks"
+    | "bgwikinews"
+    | "bgwikiquote"
+    | "bgwikisource"
+    | "bgwiktionary"
+    | "bhwiktionary"
+    | "biwikibooks"
+    | "biwiktionary"
+    | "bmwikibooks"
+    | "bmwikiquote"
+    | "bmwiktionary"
+    | "bnwikibooks"
+    | "bnwikisource"
+    | "bnwikivoyage"
+    | "bnwiktionary"
+    | "bowikibooks"
+    | "bowiktionary"
+    | "brwikiquote"
+    | "brwikisource"
+    | "brwiktionary"
+    | "bswikibooks"
+    | "bswikinews"
+    | "bswikiquote"
+    | "bswikisource"
+    | "bswiktionary"
+    | "cawikibooks"
+    | "cawikinews"
+    | "cawikiquote"
+    | "cawikisource"
+    | "cawiktionary"
+    | "chrwiktionary"
+    | "chwikibooks"
+    | "chwiktionary"
+    | "cowikibooks"
+    | "cowikiquote"
+    | "cowiktionary"
+    | "crwikiquote"
+    | "crwiktionary"
+    | "csbwiktionary"
+    | "cswikibooks"
+    | "cswikinews"
+    | "cswikiquote"
+    | "cswikisource"
+    | "cswikiversity"
+    | "cswiktionary"
+    | "cvwikibooks"
+    | "cywikibooks"
+    | "cywikiquote"
+    | "cywikisource"
+    | "cywiktionary"
+    | "dawikibooks"
+    | "dawikiquote"
+    | "dawikisource"
+    | "dawiktionary"
+    | "dewikibooks"
+    | "dewikinews"
+    | "dewikiquote"
+    | "dewikisource"
+    | "dewikiversity"
+    | "dewikivoyage"
+    | "dewiktionary"
+    | "dvwiktionary"
+    | "dzwiktionary"
+    | "elwikibooks"
+    | "elwikinews"
+    | "elwikiquote"
+    | "elwikisource"
+    | "elwikiversity"
+    | "elwikivoyage"
+    | "elwiktionary"
+    | "enwikibooks"
+    | "enwikinews"
+    | "enwikiquote"
+    | "enwikisource"
+    | "enwikiversity"
+    | "enwikivoyage"
+    | "enwiktionary"
+    | "eowikibooks"
+    | "eowikinews"
+    | "eowikiquote"
+    | "eowikisource"
+    | "eowiktionary"
+    | "eswikibooks"
+    | "eswikinews"
+    | "eswikiquote"
+    | "eswikisource"
+    | "eswikiversity"
+    | "eswikivoyage"
+    | "eswiktionary"
+    | "etwikibooks"
+    | "etwikiquote"
+    | "etwikisource"
+    | "etwiktionary"
+    | "euwikibooks"
+    | "euwikiquote"
+    | "euwikisource"
+    | "euwiktionary"
+    | "fawikibooks"
+    | "fawikinews"
+    | "fawikiquote"
+    | "fawikisource"
+    | "fawikivoyage"
+    | "fawiktionary"
+    | "fiwikibooks"
+    | "fiwikinews"
+    | "fiwikiquote"
+    | "fiwikisource"
+    | "fiwikiversity"
+    | "fiwikivoyage"
+    | "fiwiktionary"
+    | "fjwiktionary"
+    | "fowikisource"
+    | "fowiktionary"
+    | "frwikibooks"
+    | "frwikinews"
+    | "frwikiquote"
+    | "frwikisource"
+    | "frwikiversity"
+    | "frwikivoyage"
+    | "frwiktionary"
+    | "fywikibooks"
+    | "fywiktionary"
+    | "gawikibooks"
+    | "gawikiquote"
+    | "gawiktionary"
+    | "gdwiktionary"
+    | "glwikibooks"
+    | "glwikiquote"
+    | "glwikisource"
+    | "glwiktionary"
+    | "gnwikibooks"
+    | "gnwiktionary"
+    | "gotwikibooks"
+    | "guwikibooks"
+    | "guwikiquote"
+    | "guwikisource"
+    | "guwiktionary"
+    | "gvwiktionary"
+    | "hawiktionary"
+    | "hewikibooks"
+    | "hewikinews"
+    | "hewikiquote"
+    | "hewikisource"
+    | "hewikivoyage"
+    | "hewiktionary"
+    | "hifwiktionary"
+    | "hiwikibooks"
+    | "hiwikiquote"
+    | "hiwikiversity"
+    | "hiwikivoyage"
+    | "hiwiktionary"
+    | "hrwikibooks"
+    | "hrwikiquote"
+    | "hrwikisource"
+    | "hrwiktionary"
+    | "hsbwiktionary"
+    | "htwikisource"
+    | "huwikibooks"
+    | "huwikinews"
+    | "huwikiquote"
+    | "huwikisource"
+    | "huwiktionary"
+    | "hywikibooks"
+    | "hywikiquote"
+    | "hywikisource"
+    | "hywiktionary"
+    | "iawikibooks"
+    | "iawiktionary"
+    | "idwikibooks"
+    | "idwikiquote"
+    | "idwikisource"
+    | "idwiktionary"
+    | "iewikibooks"
+    | "iewiktionary"
+    | "ikwiktionary"
+    | "iowiktionary"
+    | "iswikibooks"
+    | "iswikiquote"
+    | "iswikisource"
+    | "iswiktionary"
+    | "itwikibooks"
+    | "itwikinews"
+    | "itwikiquote"
+    | "itwikisource"
+    | "itwikiversity"
+    | "itwikivoyage"
+    | "itwiktionary"
+    | "iuwiktionary"
+    | "jawikibooks"
+    | "jawikinews"
+    | "jawikiquote"
+    | "jawikisource"
+    | "jawikiversity"
+    | "jawiktionary"
+    | "jbowiktionary"
+    | "jvwiktionary"
+    | "kawikibooks"
+    | "kawikiquote"
+    | "kawiktionary"
+    | "kkwikibooks"
+    | "kkwikiquote"
+    | "kkwiktionary"
+    | "klwiktionary"
+    | "kmwikibooks"
+    | "kmwiktionary"
+    | "knwikibooks"
+    | "knwikiquote"
+    | "knwikisource"
+    | "knwiktionary"
+    | "kowikibooks"
+    | "kowikinews"
+    | "kowikiquote"
+    | "kowikisource"
+    | "kowikiversity"
+    | "kowiktionary"
+    | "krwikiquote"
+    | "kswikibooks"
+    | "kswikiquote"
+    | "kswiktionary"
+    | "kuwikibooks"
+    | "kuwikiquote"
+    | "kuwiktionary"
+    | "kwwikiquote"
+    | "kwwiktionary"
+    | "kywikibooks"
+    | "kywikiquote"
+    | "kywiktionary"
+    | "lawikibooks"
+    | "lawikiquote"
+    | "lawikisource"
+    | "lawiktionary"
+    | "lbwikibooks"
+    | "lbwikiquote"
+    | "lbwiktionary"
+    | "liwikibooks"
+    | "liwikiquote"
+    | "liwikisource"
+    | "liwiktionary"
+    | "lnwikibooks"
+    | "lnwiktionary"
+    | "lowiktionary"
+    | "ltwikibooks"
+    | "ltwikiquote"
+    | "ltwikisource"
+    | "ltwiktionary"
+    | "lvwikibooks"
+    | "lvwiktionary"
+    | "mgwikibooks"
+    | "mgwiktionary"
+    | "mhwiktionary"
+    | "miwikibooks"
+    | "miwiktionary"
+    | "mkwikibooks"
+    | "mkwikisource"
+    | "mkwiktionary"
+    | "mlwikibooks"
+    | "mlwikiquote"
+    | "mlwikisource"
+    | "mlwiktionary"
+    | "mnwikibooks"
+    | "mnwiktionary"
+    | "mowiktionary"
+    | "mrwikibooks"
+    | "mrwikiquote"
+    | "mrwikisource"
+    | "mrwiktionary"
+    | "mswikibooks"
+    | "mswiktionary"
+    | "mtwiktionary"
+    | "mywikibooks"
+    | "mywiktionary"
+    | "nahwikibooks"
+    | "nahwiktionary"
+    | "nawikibooks"
+    | "nawikiquote"
+    | "nawiktionary"
+    | "ndswikibooks"
+    | "ndswikiquote"
+    | "ndswiktionary"
+    | "newikibooks"
+    | "newiktionary"
+    | "nlwikibooks"
+    | "nlwikinews"
+    | "nlwikiquote"
+    | "nlwikisource"
+    | "nlwikivoyage"
+    | "nlwiktionary"
+    | "nnwikiquote"
+    | "nnwiktionary"
+    | "nowikibooks"
+    | "nowikinews"
+    | "nowikiquote"
+    | "nowikisource"
+    | "nowiktionary"
+    | "ocwikibooks"
+    | "ocwiktionary"
+    | "omwiktionary"
+    | "orwikisource"
+    | "orwiktionary"
+    | "pawikibooks"
+    | "pawikisource"
+    | "pawiktionary"
+    | "piwiktionary"
+    | "plwikibooks"
+    | "plwikinews"
+    | "plwikiquote"
+    | "plwikisource"
+    | "plwikivoyage"
+    | "plwiktionary"
+    | "pmswikisource"
+    | "pnbwiktionary"
+    | "pswikibooks"
+    | "pswikivoyage"
+    | "pswiktionary"
+    | "ptwikibooks"
+    | "ptwikinews"
+    | "ptwikiquote"
+    | "ptwikisource"
+    | "ptwikiversity"
+    | "ptwikivoyage"
+    | "ptwiktionary"
+    | "quwikibooks"
+    | "quwikiquote"
+    | "quwiktionary"
+    | "rmwikibooks"
+    | "rmwiktionary"
+    | "rnwiktionary"
+    | "roa_rupwiktionary"
+    | "rowikibooks"
+    | "rowikinews"
+    | "rowikiquote"
+    | "rowikisource"
+    | "rowikivoyage"
+    | "rowiktionary"
+    | "ruwikibooks"
+    | "ruwikinews"
+    | "ruwikiquote"
+    | "ruwikisource"
+    | "ruwikiversity"
+    | "ruwikivoyage"
+    | "ruwiktionary"
+    | "rwwiktionary"
+    | "sahwikiquote"
+    | "sahwikisource"
+    | "sawikibooks"
+    | "sawikiquote"
+    | "sawikisource"
+    | "sawiktionary"
+    | "scnwiktionary"
+    | "scwiktionary"
+    | "sdwikinews"
+    | "sdwiktionary"
+    | "sewikibooks"
+    | "sgwiktionary"
+    | "shwiktionary"
+    | "simplewikibooks"
+    | "simplewikiquote"
+    | "simplewiktionary"
+    | "siwikibooks"
+    | "siwiktionary"
+    | "skwikibooks"
+    | "skwikiquote"
+    | "skwikisource"
+    | "skwiktionary"
+    | "slwikibooks"
+    | "slwikiquote"
+    | "slwikisource"
+    | "slwikiversity"
+    | "slwiktionary"
+    | "smwiktionary"
+    | "snwiktionary"
+    | "sowiktionary"
+    | "sqwikibooks"
+    | "sqwikinews"
+    | "sqwikiquote"
+    | "sqwiktionary"
+    | "srwikibooks"
+    | "srwikinews"
+    | "srwikiquote"
+    | "srwikisource"
+    | "srwiktionary"
+    | "sswiktionary"
+    | "stwiktionary"
+    | "suwikibooks"
+    | "suwikiquote"
+    | "suwiktionary"
+    | "svwikibooks"
+    | "svwikinews"
+    | "svwikiquote"
+    | "svwikisource"
+    | "svwikiversity"
+    | "svwikivoyage"
+    | "svwiktionary"
+    | "swwikibooks"
+    | "swwiktionary"
+    | "tawikibooks"
+    | "tawikinews"
+    | "tawikiquote"
+    | "tawikisource"
+    | "tawiktionary"
+    | "tewikibooks"
+    | "tewikiquote"
+    | "tewikisource"
+    | "tewiktionary"
+    | "tgwikibooks"
+    | "tgwiktionary"
+    | "thwikibooks"
+    | "thwikinews"
+    | "thwikiquote"
+    | "thwikisource"
+    | "thwiktionary"
+    | "tiwiktionary"
+    | "tkwikibooks"
+    | "tkwikiquote"
+    | "tkwiktionary"
+    | "tlwikibooks"
+    | "tlwiktionary"
+    | "tnwiktionary"
+    | "towiktionary"
+    | "tpiwiktionary"
+    | "trwikibooks"
+    | "trwikinews"
+    | "trwikiquote"
+    | "trwikisource"
+    | "trwiktionary"
+    | "tswiktionary"
+    | "ttwikibooks"
+    | "ttwikiquote"
+    | "ttwiktionary"
+    | "twwiktionary"
+    | "ugwikibooks"
+    | "ugwikiquote"
+    | "ugwiktionary"
+    | "ukwikibooks"
+    | "ukwikinews"
+    | "ukwikiquote"
+    | "ukwikisource"
+    | "ukwikivoyage"
+    | "ukwiktionary"
+    | "urwikibooks"
+    | "urwikiquote"
+    | "urwiktionary"
+    | "uzwikibooks"
+    | "uzwikiquote"
+    | "uzwiktionary"
+    | "vecwikisource"
+    | "vecwiktionary"
+    | "viwikibooks"
+    | "viwikiquote"
+    | "viwikisource"
+    | "viwikivoyage"
+    | "viwiktionary"
+    | "vowikibooks"
+    | "vowikiquote"
+    | "vowiktionary"
+    | "wawikibooks"
+    | "wawiktionary"
+    | "wowikiquote"
+    | "wowiktionary"
+    | "xhwikibooks"
+    | "xhwiktionary"
+    | "yiwikisource"
+    | "yiwiktionary"
+    | "yowikibooks"
+    | "yowiktionary"
+    | "zawikibooks"
+    | "zawikiquote"
+    | "zawiktionary"
+    | "zh_min_nanwikibooks"
+    | "zh_min_nanwikiquote"
+    | "zh_min_nanwikisource"
+    | "zh_min_nanwiktionary"
+    | "zhwikibooks"
+    | "zhwikinews"
+    | "zhwikiquote"
+    | "zhwikisource"
+    | "zhwikiversity"
+    | "zhwikivoyage"
+    | "zhwiktionary"
+    | "zuwikibooks"
+    | "zuwiktionary"
+    | "aawiki"
+    | "abwiki"
+    | "acewiki"
+    | "afwiki"
+    | "akwiki"
+    | "alswiki"
+    | "amwiki"
+    | "anwiki"
+    | "angwiki"
+    | "arwiki"
+    | "arcwiki"
+    | "arzwiki"
+    | "aswiki"
+    | "astwiki"
+    | "avwiki"
+    | "aywiki"
+    | "azwiki"
+    | "bawiki"
+    | "barwiki"
+    | "bat_smgwiki"
+    | "bclwiki"
+    | "bewiki"
+    | "be_x_oldwiki"
+    | "bgwiki"
+    | "bhwiki"
+    | "biwiki"
+    | "bjnwiki"
+    | "bmwiki"
+    | "bnwiki"
+    | "bowiki"
+    | "bpywiki"
+    | "brwiki"
+    | "bswiki"
+    | "bugwiki"
+    | "bxrwiki"
+    | "cawiki"
+    | "cbk_zamwiki"
+    | "cdowiki"
+    | "cewiki"
+    | "cebwiki"
+    | "chwiki"
+    | "chowiki"
+    | "chrwiki"
+    | "chywiki"
+    | "ckbwiki"
+    | "cowiki"
+    | "crwiki"
+    | "crhwiki"
+    | "cswiki"
+    | "csbwiki"
+    | "cuwiki"
+    | "cvwiki"
+    | "cywiki"
+    | "dawiki"
+    | "dewiki"
+    | "diqwiki"
+    | "dsbwiki"
+    | "dvwiki"
+    | "dzwiki"
+    | "eewiki"
+    | "elwiki"
+    | "emlwiki"
+    | "enwiki"
+    | "eowiki"
+    | "eswiki"
+    | "etwiki"
+    | "euwiki"
+    | "extwiki"
+    | "fawiki"
+    | "ffwiki"
+    | "fiwiki"
+    | "fiu_vrowiki"
+    | "fjwiki"
+    | "fowiki"
+    | "frwiki"
+    | "frpwiki"
+    | "frrwiki"
+    | "furwiki"
+    | "fywiki"
+    | "gawiki"
+    | "gagwiki"
+    | "ganwiki"
+    | "gdwiki"
+    | "glwiki"
+    | "glkwiki"
+    | "gnwiki"
+    | "gotwiki"
+    | "guwiki"
+    | "gvwiki"
+    | "hawiki"
+    | "hakwiki"
+    | "hawwiki"
+    | "hewiki"
+    | "hiwiki"
+    | "hifwiki"
+    | "howiki"
+    | "hrwiki"
+    | "hsbwiki"
+    | "htwiki"
+    | "huwiki"
+    | "hywiki"
+    | "hzwiki"
+    | "iawiki"
+    | "idwiki"
+    | "iewiki"
+    | "igwiki"
+    | "iiwiki"
+    | "ikwiki"
+    | "ilowiki"
+    | "iowiki"
+    | "iswiki"
+    | "itwiki"
+    | "iuwiki"
+    | "jawiki"
+    | "jbowiki"
+    | "jvwiki"
+    | "kawiki"
+    | "kaawiki"
+    | "kabwiki"
+    | "kbdwiki"
+    | "kgwiki"
+    | "kiwiki"
+    | "kjwiki"
+    | "kkwiki"
+    | "klwiki"
+    | "kmwiki"
+    | "knwiki"
+    | "kowiki"
+    | "koiwiki"
+    | "krwiki"
+    | "krcwiki"
+    | "kswiki"
+    | "kshwiki"
+    | "kuwiki"
+    | "kvwiki"
+    | "kwwiki"
+    | "kywiki"
+    | "lawiki"
+    | "ladwiki"
+    | "lbwiki"
+    | "lbewiki"
+    | "lezwiki"
+    | "lgwiki"
+    | "liwiki"
+    | "lijwiki"
+    | "lmowiki"
+    | "lnwiki"
+    | "lowiki"
+    | "ltwiki"
+    | "ltgwiki"
+    | "lvwiki"
+    | "maiwiki"
+    | "map_bmswiki"
+    | "mdfwiki"
+    | "mgwiki"
+    | "mhwiki"
+    | "mhrwiki"
+    | "miwiki"
+    | "minwiki"
+    | "mkwiki"
+    | "mlwiki"
+    | "mnwiki"
+    | "mowiki"
+    | "mrwiki"
+    | "mrjwiki"
+    | "mswiki"
+    | "mtwiki"
+    | "muswiki"
+    | "mwlwiki"
+    | "mywiki"
+    | "myvwiki"
+    | "mznwiki"
+    | "nawiki"
+    | "nahwiki"
+    | "napwiki"
+    | "ndswiki"
+    | "nds_nlwiki"
+    | "newiki"
+    | "newwiki"
+    | "ngwiki"
+    | "nlwiki"
+    | "nnwiki"
+    | "nowiki"
+    | "novwiki"
+    | "nrmwiki"
+    | "nsowiki"
+    | "nvwiki"
+    | "nywiki"
+    | "ocwiki"
+    | "omwiki"
+    | "orwiki"
+    | "oswiki"
+    | "pawiki"
+    | "pagwiki"
+    | "pamwiki"
+    | "papwiki"
+    | "pcdwiki"
+    | "pdcwiki"
+    | "pflwiki"
+    | "piwiki"
+    | "pihwiki"
+    | "plwiki"
+    | "pmswiki"
+    | "pnbwiki"
+    | "pntwiki"
+    | "pswiki"
+    | "ptwiki"
+    | "quwiki"
+    | "rmwiki"
+    | "rmywiki"
+    | "rnwiki"
+    | "rowiki"
+    | "roa_rupwiki"
+    | "roa_tarawiki"
+    | "ruwiki"
+    | "ruewiki"
+    | "rwwiki"
+    | "sawiki"
+    | "sahwiki"
+    | "scwiki"
+    | "scnwiki"
+    | "scowiki"
+    | "sdwiki"
+    | "sewiki"
+    | "sgwiki"
+    | "shwiki"
+    | "siwiki"
+    | "simplewiki"
+    | "skwiki"
+    | "slwiki"
+    | "smwiki"
+    | "snwiki"
+    | "sowiki"
+    | "sqwiki"
+    | "srwiki"
+    | "srnwiki"
+    | "sswiki"
+    | "stwiki"
+    | "stqwiki"
+    | "suwiki"
+    | "svwiki"
+    | "swwiki"
+    | "szlwiki"
+    | "tawiki"
+    | "tewiki"
+    | "tetwiki"
+    | "tgwiki"
+    | "thwiki"
+    | "tiwiki"
+    | "tkwiki"
+    | "tlwiki"
+    | "tnwiki"
+    | "towiki"
+    | "tpiwiki"
+    | "trwiki"
+    | "tswiki"
+    | "ttwiki"
+    | "tumwiki"
+    | "twwiki"
+    | "tywiki"
+    | "tyvwiki"
+    | "udmwiki"
+    | "ugwiki"
+    | "ukwiki"
+    | "urwiki"
+    | "uzwiki"
+    | "vewiki"
+    | "vecwiki"
+    | "vepwiki"
+    | "viwiki"
+    | "vlswiki"
+    | "vowiki"
+    | "wawiki"
+    | "warwiki"
+    | "wowiki"
+    | "wuuwiki"
+    | "xalwiki"
+    | "xhwiki"
+    | "xmfwiki"
+    | "yiwiki"
+    | "yowiki"
+    | "zawiki"
+    | "zeawiki"
+    | "zhwiki"
+    | "zh_classicalwiki"
+    | "zh_min_nanwiki"
+    | "zh_yuewiki"
+    | "zuwiki"
+    | "commonswiki"
+    | "mediawikiwiki"
+    | "metawiki"
+    | "specieswiki"
+    | "wikidatawiki"
+    | "lrcwiki"
+    | "gomwiki"
+    | "azbwiki"
+    | "adywiki"
+    | "jamwiki"
+    | "tcywiki"
+    | "olowiki"
+    | "dtywiki"
+    | "atjwiki"
+    | "kbpwiki"
+    | "dinwiki"
+    | "gorwiki"
+    | "inhwiki"
+    | "lfnwiki"
+    | "satwiki";
diff --git a/types/wikidata-sdk/index.d.ts b/types/wikidata-sdk/index.d.ts
new file mode 100644
index 0000000000..5810bcc9de
--- /dev/null
+++ b/types/wikidata-sdk/index.d.ts
@@ -0,0 +1,337 @@
+// Type definitions for wikidata-sdk 5.15
+// Project: https://github.com/maxlath/wikidata-sdk
+// Definitions by: Kamontat Chantrachirathumrong <https://github.com/kamontat>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { WikidataLanguage } from "./def/type/language";
+import { WikidataProperty } from "./def/type/property";
+import { WikidataSite } from "./def/type/site";
+import { UrlResultFormat } from "./def/type/format";
+
+import { Claim, MainSnak, TimeDataValue, EntityDataValue } from "./def/object/claim";
+
+export type WikidataLanguage = WikidataLanguage;
+export type WikidataProperty = WikidataProperty;
+export type WikidataSite = WikidataSite;
+
+export type UrlResultFormat = UrlResultFormat;
+
+export type Claim = Claim;
+export type MainSnak = MainSnak;
+export type TimeDataValue = TimeDataValue;
+export type EntityDataValue = EntityDataValue;
+
+export as namespace sdk;
+
+/* **********
+ * Search   *
+ ********** */
+
+/**
+ * Searches for entities using labels and aliases.
+ * @param search search query
+ * @param language language of search query (default=en)
+ * @param limit limited the result array (default=20)
+ * @param format format of the result (default=json)
+ * @param uselang the language in which the search results are returned (default=lang)
+ *
+ * @return The URL of the searching query
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/search_entities.md#search-entities | Github[search-entities] }
+ * @see {@link https://www.wikidata.org/w/api.php?action=help&modules=wbsearchentities | Wikidata[wbsearchentities] }
+ */
+export function searchEntities(
+    search: string,
+    language?: WikidataLanguage,
+    limit?: string | number,
+    format?: UrlResultFormat,
+    uselang?: WikidataLanguage
+): string;
+
+/**
+ * @alias searchEntities
+ */
+export function searchEntities(opt: {
+    search: string;
+    language?: WikidataLanguage;
+    limit?: string | number;
+    format?: UrlResultFormat;
+    uselang?: WikidataLanguage;
+}): string;
+
+/* **********
+ * Getter   *
+ ********** */
+
+/**
+ *
+ * @param ids The IDs of the entities to get the data from. (limit 50 ids only)
+ * @param languages language of the result (default=all)
+ * @param props wikidata entities' properties (default=all)
+ * @param format format of the result (default=json)
+ *
+ * @return The URL of getting query
+ *
+ * @throws {@link Error} if id is not specify or id length longer that 50
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/get_entities.md#by-ids | Github[get_entities.md#by-ids] }
+ * @see {@link https://www.wikidata.org/w/api.php?action=help&modules=wbgetentities | Wikidata[wbgetentities] }
+ */
+export function getEntities(
+    ids: string | string[],
+    languages?: WikidataLanguage | WikidataLanguage[],
+    props?: WikidataProperty | WikidataProperty[],
+    format?: UrlResultFormat
+): string;
+
+/**
+ * @alias getEntities
+ */
+export function getEntities(a: {
+    ids: string | string[];
+    languages?: WikidataLanguage | WikidataLanguage[];
+    props?: WikidataProperty | WikidataProperty[];
+    format?: UrlResultFormat;
+}): string;
+
+/**
+ * @alias getEntities
+ *
+ * Without id limitation and return the array of url instead.
+ */
+export function getManyEntities(
+    ids: string | string[],
+    languages?: WikidataLanguage | WikidataLanguage[],
+    props?: WikidataProperty | WikidataProperty[],
+    format?: UrlResultFormat
+): string[];
+
+/**
+ * @alias getManyEntities
+ */
+export function getManyEntities(a: {
+    ids: string | string[];
+    languages?: WikidataLanguage | WikidataLanguage[];
+    props?: WikidataProperty | WikidataProperty[];
+    format?: UrlResultFormat;
+}): string[];
+
+/**
+ * This can be very useful when you work with a list of Wikipedia articles in a given language and would like to move to Wikidata
+ *
+ * @param titles The title of the corresponding page
+ * @param sites Identifier for the site on which the corresponding page resides (default=english wiki)
+ * @param languages language of the result (default=all)
+ * @param props wikidata entities' properties (default=all)
+ * @param format format of the result (default=json)
+ *
+ * @return URL of the request
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/get_entities.md#by-wikipedia-titles | Github[get_entities.md#by-wikipedia-titles] }
+ */
+export function getWikidataIdsFromWikipediaTitles(
+    titles: string | string[],
+    sites?: string,
+    languages?: WikidataLanguage | WikidataLanguage[],
+    props?: WikidataProperty | WikidataProperty[],
+    format?: UrlResultFormat
+): string;
+
+/**
+ * @alias getWikidataIdsFromWikipediaTitles
+ */
+export function getWikidataIdsFromWikipediaTitles(a: {
+    titles: string | string[];
+    sites?: string;
+    languages?: WikidataLanguage | WikidataLanguage[];
+    props?: WikidataProperty | WikidataProperty[];
+    format?: UrlResultFormat;
+}): string;
+
+/**
+ * This will use `SPARQL queries` to get relations the other way around, answering the question "what are the entities having this value for this property?".
+ *
+ * @param property the property
+ * @param value value (e.g. entity, ISBN-13)
+ * @param options option of the query
+ * @param options.limit limit of the result (default=no limit)
+ * @param options.keepProperties If you want to get not only items but also properties (default=false)
+ * @param options.caseInsensitive Make the value case insensitive, use only when needed as it makes the query less perfomante (default=false)
+ * @return URL of the request
+ *
+ * @example
+ * getReverseClaims('P50', 'Q7243'); // find all the entities that have Leo Tolstoy (Q7243) for author (P50)
+ *
+ * @see
+ * {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/get_entities_reverse_claims.md#get-entities-reverse-claims | Github[get-entities-reverse-claims] }
+ */
+export function getReverseClaims(
+    property: string | string[],
+    value: string | string[],
+    options?: {
+        limit?: number;
+        keepProperties?: boolean;
+        caseInsensitive?: boolean;
+    }
+): string;
+
+/**
+ * To get JSON results from a SPARQL query you can make HTTP request with SPARQL query. Which this method will generate the url to query for you.
+ *
+ * @param a SPARQL query
+ * @return URL of HTTP request
+ */
+export function sparqlQuery(a: string): string;
+
+/* **********
+ * Legacy   *
+ ********** */
+
+/**
+ * @deprecated
+ */
+export function getWikidataIdsFromSitelinks(): void;
+
+/* **********
+ * Helper   *
+ ********** */
+
+/**
+ * Check is input is *item id* or not (a.k.a. `Q` ids)
+ * @param a input string
+ */
+export function isItemId(a: string): boolean;
+
+/**
+ * Check is input is *property id* or not (a.k.a. `P` ids)
+ * @param a input string
+ */
+export function isPropertyId(a: string): boolean;
+
+/**
+ * Check is input is *item id* or *property id* or not (Accepts both P and Q ids)
+ * @param a input string
+ */
+export function isEntityId(a: string): boolean;
+
+export function isNumericId(a: string): boolean;
+
+export function isGuid(a: string): boolean;
+
+/**
+ * check is it a site link key
+ * @param a site link key
+ */
+export function isSitelinkKey(a: string): boolean;
+
+/**
+ * Filter-out non-truthy claims from an `entity.claims` object
+ *
+ * @param claims claims object of the entity
+ *
+ * @see {@link https://www.mediawiki.org/wiki/Wikibase/Indexing/RDF_Dump_Format#Truthy_statements | Truthy}
+ */
+export function truthyClaims(claims: object): object;
+
+/**
+ * Filter-out non-truthy claims from an entity.claims[prop] array
+ *
+ * @param claims claims array of the entity
+ *
+ * @see {@link https://www.mediawiki.org/wiki/Wikibase/Indexing/RDF_Dump_Format#Truthy_statements | Truthy}
+ */
+export function truthyPropertyClaims(claims: Claim[]): Claim[];
+
+/**
+ * This will get the link that represent the site of the title.
+ *
+ * @param site sitelink (can be on any language)
+ * @param title the title of the link
+ * @returns URL link of the site
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/general_helpers.md#getsitelinkurl | Github[getsitelinkurl] }
+ */
+export function getSitelinkUrl(site: string, title: string): string;
+
+/**
+ * @alias getSitelinkUrl
+ */
+export function getSitelinkUrl(a: { site: string; title: string }): string;
+
+export interface SitelinkData {
+    lang: string;
+    project: string;
+}
+/**
+ * Get the sitelink on english language and the lang of it.
+ *
+ * @param a sitelink in difference language
+ * @returns Sitelink data contain lang and project parameter
+ */
+export function getSitelinkData(a: string): SitelinkData;
+
+/**
+ * Return the id or throw error if input is not EntityId.
+ *
+ * @param a input string
+ * @returns return only the id of input
+ *
+ * @throws {@link Error}
+ */
+export function getNumericId(a: string): boolean;
+
+/**
+ * This will convert wikidata time to ISO string and it should also work for dates far in the past or the future.
+ *
+ * @param a input string (format: +YYYY-MM-DDThh:mm:ssZ)
+ * @return ISO date string
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/general_helpers.md#wikidatatimetoisostring | Github[wikidatatimetoisostring] }
+ */
+export function wikidataTimeToISOString(a: string): string;
+
+/**
+ * This will convert wikidata time to Epoch Time and it should also work for dates far in the past or the future.
+ *
+ * @param a input string (format: +YYYY-MM-DDThh:mm:ssZ)
+ * @return Epoch Time
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/general_helpers.md#wikidatatimetoepochtime | Github[wikidatatimetoepochtime] }
+ */
+export function wikidataTimeToEpochTime(a: string): string;
+
+/**
+ * This will convert wikidata time to date object.
+ *
+ * @param a input string (format: +YYYY-MM-DDThh:mm:ssZ)
+ * @return Date Object
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/general_helpers.md#wikidatatimetodateobject | Github[wikidatatimetodateobject] }
+ */
+export function wikidataTimeToDateObject(a: string): Date;
+
+/**
+ * Passing only the time string: the result misses the month precision
+ * and thus wrongly returns the day set to '01'.
+ *
+ * Otherwise, Passing the whole value object: the result will calulate with precision key.
+ *
+ *
+ * @param a input claims datavalue
+ * @returns dates on the format 'yyyy-mm-dd', 'yyyy-mm', 'yyyy' depending on the date precision.
+ *
+ * @see {@link https://github.com/maxlath/wikidata-sdk/blob/6b0673b9bf0fcaab19db65e2cc77e33c901ef35d/docs/general_helpers.md#wikidatatimetosimpleday | Github[wikidatatimetosimpleday] }
+ *
+ */
+export function wikidataTimeToSimpleDay(a: string | object): string;
+
+/**
+ * Get an image URL from a Wikimedia Commons filename
+ *
+ * @param a input image name (include extension as well)
+ * @param width width of the image
+ *
+ * @returns URL from a wikimedia commons filename
+ */
+export function getImageUrl(a: string, width?: number): string;
diff --git a/types/wikidata-sdk/tsconfig.json b/types/wikidata-sdk/tsconfig.json
new file mode 100644
index 0000000000..63299e5a2f
--- /dev/null
+++ b/types/wikidata-sdk/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "wikidata-sdk-tests.ts"]
+}
diff --git a/types/wikidata-sdk/tslint.json b/types/wikidata-sdk/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/wikidata-sdk/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/wikidata-sdk/wikidata-sdk-tests.ts b/types/wikidata-sdk/wikidata-sdk-tests.ts
new file mode 100644
index 0000000000..c5f5268a6d
--- /dev/null
+++ b/types/wikidata-sdk/wikidata-sdk-tests.ts
@@ -0,0 +1,89 @@
+import {
+    searchEntities,
+    getEntities,
+    WikidataProperty,
+    UrlResultFormat,
+    getManyEntities,
+    getReverseClaims,
+    sparqlQuery
+} from "wikidata-sdk";
+
+// ############################## //
+// Search entities                //
+// ############################## //
+
+const search = "Ingmar Bergman";
+const language = "fr"; // will default to 'en'
+const limit = 10; // defaults to 20
+let format: UrlResultFormat = "json"; // defaults to json
+
+searchEntities(search, language, limit, format);
+
+searchEntities({
+    search: "Ingmar Bergman",
+    format: "xml",
+    language: "sv"
+});
+
+const uselang = "eo";
+searchEntities(search, language, limit, format, uselang);
+
+searchEntities({
+    search: "Ingmar Bergman",
+    language: "sv",
+    uselang: "eo"
+});
+
+// ############################## //
+// Get entities                   //
+// ############################## //
+
+const ids = "Q571"; // could also be several ids as an array: ['Q1', 'Q5', 'Q571']
+const props: WikidataProperty[] = ["info", "claims"]; // returns all data if not specified
+format = "xml"; // defaults to json
+getEntities(ids, ["en", "fr", "de"], props, format);
+
+getEntities({
+    ids: ["Q1", "Q5", "Q571"],
+    languages: ["en", "fr", "de"], // returns all languages if not specified
+    props: ["info", "claims"], // returns all data if not specified
+    format: "xml" // defaults to json
+});
+
+getManyEntities(["Q1", "Q2", "Q3", "Q123"]);
+
+getManyEntities({
+    ids: ["Q1", "Q2", "Q3", "Q123"],
+    languages: ["en", "fr", "de"],
+    props: ["info", "claims"],
+    format: "json"
+});
+
+// ############################## //
+// Get reverse claim              //
+// ############################## //
+
+getReverseClaims("P50", "Q7243");
+
+getReverseClaims("P212", "978-0-465-06710-7");
+
+getReverseClaims(["P50", "P110"], "Q281411");
+
+getReverseClaims("P212", ["978-0-465-06710-7", "978-2-267-02700-6"]);
+
+getReverseClaims("P50", "Q535", { limit: 10, keepProperties: true, caseInsensitive: true });
+
+// ############################## //
+// SPARQL query                   //
+// ############################## //
+
+const authorQid = "Q535";
+const sparql = `
+SELECT ?work ?date WHERE {
+  ?work wdt:P50 wd:${authorQid} .
+  OPTIONAL {
+    ?work wdt:P577 ?date .
+  }
+}
+`;
+sparqlQuery(sparql);
diff --git a/types/winston-dynamodb/package.json b/types/winston-dynamodb/package.json
index 33e1a4f018..a39b614c7e 100644
--- a/types/winston-dynamodb/package.json
+++ b/types/winston-dynamodb/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "@types/winston": "^2.3.9"
+        "@types/winston": "2.3.9"
     }
 }
diff --git a/types/winston-mail/package.json b/types/winston-mail/package.json
index 33e1a4f018..a39b614c7e 100644
--- a/types/winston-mail/package.json
+++ b/types/winston-mail/package.json
@@ -1,6 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "@types/winston": "^2.3.9"
+        "@types/winston": "2.3.9"
     }
 }
diff --git a/types/winston-syslog/index.d.ts b/types/winston-syslog/index.d.ts
index b0409ad4c4..c868ef5abc 100644
--- a/types/winston-syslog/index.d.ts
+++ b/types/winston-syslog/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/winstonjs/winston-syslog
 // Definitions by: Chris Barth <https://github.com/cjbarth>, Felix Hochgruber <https://github.com/felix-hoc>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 import * as Transport from 'winston-transport';
 import * as dgram from 'dgram';
diff --git a/types/wtfnode/index.d.ts b/types/wtfnode/index.d.ts
index a33af419c3..a3686d9a75 100644
--- a/types/wtfnode/index.d.ts
+++ b/types/wtfnode/index.d.ts
@@ -1,7 +1,9 @@
-// Type definitions for wtfnode 0.5
+// Type definitions for wtfnode 0.7
 // Project: https://github.com/myndzi/wtfnode
 // Definitions by: Piotr Roszatycki <https://github.com/dex4er>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export function dump(): void;
 export function init(): void;
+export function setLogger(type: 'info' | 'warn' | 'error', fn: (message?: any, ...optionalParams: any[]) => void): void;
+export function resetLoggers(): void;
diff --git a/types/wtfnode/wtfnode-tests.ts b/types/wtfnode/wtfnode-tests.ts
index a87800aee5..8c8dfd8630 100644
--- a/types/wtfnode/wtfnode-tests.ts
+++ b/types/wtfnode/wtfnode-tests.ts
@@ -1,4 +1,10 @@
+/// <reference types="node" />
+
 import * as wtf from 'wtfnode';
 
 wtf.init();
+wtf.setLogger('info', (message?: any, ...optionalParams: any[]) => console.info(message, ...optionalParams));
+wtf.setLogger('warn', (message?: any, ...optionalParams: any[]) => console.warn(message, ...optionalParams));
+wtf.setLogger('error', (message?: any, ...optionalParams: any[]) => console.error(message, ...optionalParams));
 wtf.dump();
+wtf.resetLoggers();
diff --git a/types/wu/index.d.ts b/types/wu/index.d.ts
index 08a1b9f19a..151997f3c6 100644
--- a/types/wu/index.d.ts
+++ b/types/wu/index.d.ts
@@ -24,10 +24,10 @@ declare namespace wu {
 	function asyncEach(fn: Consumer<any>, maxBlock?: number, timeout?: number): void;
 	function drop<T>(n: number, iter: Iterable<T>): WuIterable<T>;
 	function dropWhile<T>(fn: Filter<T>, iter: Iterable<T>): WuIterable<T>;
-	function cycle<T>(iter: Iterable<T>): Iterable<T>;
+	function cycle<T>(iter: Iterable<T>): WuIterable<T>;
 	function chunk<T>(n: number, iter: Iterable<T>): WuIterable<T[]>;
 	function concatMap<T, U>(fn: (t: T) => Iterable<U>, iter: Iterable<T>): WuIterable<U>;
-	function enumerate<T>(iter: Iterable<T>): Iterable<[number, T]>;
+	function enumerate<T>(iter: Iterable<T>): WuIterable<[T, number]>;
 	function every<T>(fn: Filter<T>, iter: Iterable<T>): boolean;
 	function filter<T>(fn: Filter<T>, iter: Iterable<T>): WuIterable<T>;
 	function find<T>(fn: Filter<T>, iter: Iterable<T>): T | undefined;
@@ -73,10 +73,10 @@ declare namespace wu {
 		asyncEach(fn: Consumer<any>, maxBlock?: number, timeout?: number): any;
 		drop(n: number): WuIterable<T>;
 		dropWhile(fn: Filter<T>): WuIterable<T>;
-		cycle(): Iterable<T>;
+		cycle(): WuIterable<T>;
 		chunk(n: number): WuIterable<T[]>;
 		concatMap<U>(fn: (t: T) => Iterable<U>): WuIterable<U>;
-		enumerate(): Iterable<[number, T]>;
+		enumerate(): WuIterable<[T, number]>;
 		every(fn: Filter<T>): boolean;
 		filter(fn: Filter<T>): WuIterable<T>;
 		find(fn: Filter<T>): T | undefined;
diff --git a/types/yaml/index.d.ts b/types/yaml/index.d.ts
index 61de677b96..8ccd8397a5 100644
--- a/types/yaml/index.d.ts
+++ b/types/yaml/index.d.ts
@@ -316,6 +316,7 @@ export namespace cst {
     interface FlowChar {
         char: "{" | "}" | "[" | "]" | "," | "?" | ":";
         offset: number;
+        origOffset?: number;
     }
 
     interface FlowCollection extends Node {
diff --git a/types/yar/index.d.ts b/types/yar/index.d.ts
index 8f09e2023d..b6c199416d 100644
--- a/types/yar/index.d.ts
+++ b/types/yar/index.d.ts
@@ -1,8 +1,8 @@
-// Type definitions for yar 9.0
+// Type definitions for yar 9.1
 // Project: https://github.com/hapijs/yar#readme
 // Definitions by: Simon Schick <https://github.com/SimonSchick>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.8
 // From https://github.com/hapijs/yar/blob/master/API.md
 
 import {
@@ -10,7 +10,9 @@ import {
     ServerOptionsCache,
     Request,
     Plugin,
+    CachePolicyOptions,
 } from 'hapi';
+import { PolicyOptions, Id } from 'catbox';
 declare namespace yar {
     interface YarOptions {
         /**
@@ -41,12 +43,8 @@ declare namespace yar {
         /**
          * hapi cache options which includes (among other options):
          */
-        cache?: ServerOptionsCache;
+        cache?: CachePolicyOptions<any>;
 
-        /**
-         * server-side storage expiration (defaults to 1 day).
-         */
-        expiresIn?: number;
         /**
          * the configuration for cookie-specific features:
          */
@@ -161,6 +159,10 @@ declare namespace yar {
          */
         lazy(enabled: boolean): void;
     }
+
+    interface ServerYar {
+        revoke(id: Id): Promise<void>;
+    }
 }
 declare const yar: Plugin<yar.YarOptions>;
 export = yar;
@@ -169,4 +171,8 @@ declare module 'hapi' {
     interface Request {
         yar: yar.Yar;
     }
+
+    interface Server {
+        yar: yar.ServerYar;
+    }
 }
diff --git a/types/yar/yar-tests.ts b/types/yar/yar-tests.ts
index c7e75e0a4b..e7ad2c1c24 100644
--- a/types/yar/yar-tests.ts
+++ b/types/yar/yar-tests.ts
@@ -10,6 +10,10 @@ async function boot() {
                 password: 'test',
                 isSecure: true,
             },
+            cache: {
+                cache: 'test',
+                expiresIn: 123141243,
+            }
         },
     });
 
diff --git a/types/yargs-parser/index.d.ts b/types/yargs-parser/index.d.ts
new file mode 100644
index 0000000000..d50a3e9903
--- /dev/null
+++ b/types/yargs-parser/index.d.ts
@@ -0,0 +1,58 @@
+// Type definitions for yargs-parser 11.0
+// Project: https://github.com/yargs/yargs-parser#readme
+// Definitions by: Miles Johnson <https://github.com/milesj>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Arguments as YargsArguments } from 'yargs';
+
+declare namespace yargsParser {
+    type Arguments = YargsArguments;
+
+    interface DetailedArguments {
+        argv: Arguments;
+        error: Error | null;
+        aliases: { [alias: string]: string[] };
+        newAliases: { [alias: string]: boolean };
+        configuration: Configuration;
+    }
+
+    interface Configuration {
+        'boolean-negation': boolean;
+        'camel-case-expansion': boolean;
+        'combine-arrays': boolean;
+        'dot-notation': boolean;
+        'duplicate-arguments-array': boolean;
+        'flatten-duplicate-arrays': boolean;
+        'negation-prefix': string;
+        'parse-numbers': boolean;
+        'populate--': boolean;
+        'set-placeholder-key': boolean;
+        'short-option-groups': boolean;
+    }
+
+    interface Options {
+        alias?: { [key: string]: string | string[] };
+        array?: string[];
+        boolean?: string[];
+        config?: string | string[] | { [key: string]: boolean };
+        configuration?: Partial<Configuration>;
+        coerce?: { [key: string]: (arg: any) => any };
+        count?: string[];
+        default?: { [key: string]: any };
+        envPrefix?: string;
+        narg?: { [key: string]: number };
+        normalize?: string[];
+        string?: string[];
+        number?: string[];
+        '--'?: boolean;
+    }
+
+    interface Parser {
+        (argv: string | string[], opts?: Options): Arguments;
+        detailed(argv: string | string[], opts?: Options): DetailedArguments;
+    }
+}
+
+declare var yargsParser: yargsParser.Parser;
+export = yargsParser;
diff --git a/types/yargs-parser/tsconfig.json b/types/yargs-parser/tsconfig.json
new file mode 100644
index 0000000000..244cc7a6bf
--- /dev/null
+++ b/types/yargs-parser/tsconfig.json
@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "module": "commonjs",
+        "lib": ["es6"],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": ["index.d.ts", "yargs-parser-tests.ts"]
+}
diff --git a/types/yargs-parser/tslint.json b/types/yargs-parser/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/yargs-parser/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/yargs-parser/yargs-parser-tests.ts b/types/yargs-parser/yargs-parser-tests.ts
new file mode 100644
index 0000000000..6906f9df59
--- /dev/null
+++ b/types/yargs-parser/yargs-parser-tests.ts
@@ -0,0 +1,47 @@
+import parse, { Arguments } from 'yargs-parser';
+
+parse('--foo -bar');
+
+parse(['--foo', '-bar']);
+
+parse(['--foo', '-bar'], {
+    boolean: ['b', 'a', 'r'],
+});
+
+// prettier-ignore
+// $ExpectError
+parse(['--foo', '-bar'], {
+    string: 123,
+});
+
+parse(['--foo', '-bar'], {
+    // $ExpectError
+    unknown: ['b', 'a', 'r'],
+});
+
+parse(['--foo', '-bar'], {
+    alias: { foo: 'foo', bar: ['bar'] },
+    '--': true,
+});
+
+parse(['--foo', '-bar'], {
+    configuration: {
+        'dot-notation': false,
+    },
+});
+
+parse(['--foo', '-bar'], {
+    envPrefix: 'YARG_',
+    configuration: {
+        // $ExpectError
+        'fake-key': true,
+    },
+});
+
+parse.detailed('--foo -bar');
+
+parse.detailed(['--foo', '-bar']);
+
+parse.detailed(['--foo'], {});
+
+function test(args: Arguments) {}
diff --git a/types/yargs/index.d.ts b/types/yargs/index.d.ts
index ca02b9cf63..c32bcc0b11 100644
--- a/types/yargs/index.d.ts
+++ b/types/yargs/index.d.ts
@@ -5,6 +5,7 @@
 //                 Jeffery Grajkowski <https://github.com/pushplay>
 //                 Jeff Kenney <https://github.com/jeffkenney>
 //                 Jimi (Dimitris) Charalampidis <https://github.com/JimiC>
+//                 Teddy Cross <https://github.com/tkazec>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -191,8 +192,8 @@ declare namespace yargs {
 
         showCompletionScript(): Argv;
 
-        showhidden(option?: string | boolean): Argv;
-        showhidden(option: string, description?: string): Argv;
+        showHidden(option?: string | boolean): Argv;
+        showHidden(option: string, description?: string): Argv;
 
         showHelp(consoleLevel?: string): Argv;
 
diff --git a/types/yargs/yargs-tests.ts b/types/yargs/yargs-tests.ts
index d2d06e5bc6..d8b301dc1c 100644
--- a/types/yargs/yargs-tests.ts
+++ b/types/yargs/yargs-tests.ts
@@ -654,12 +654,12 @@ function Argv$hide() {
         .hide('a');
 }
 
-function Argv$showhidden() {
+function Argv$showHidden() {
     const ya = yargs
-        .showhidden()
-        .showhidden(true)
-        .showhidden('show-hidden')
-        .showhidden('show-hidden', 'Show hidden options');
+        .showHidden()
+        .showHidden(true)
+        .showHidden('show-hidden')
+        .showHidden('show-hidden', 'Show hidden options');
 }
 
 function Argv$scriptName() {
diff --git a/types/yazl/index.d.ts b/types/yazl/index.d.ts
index 45288eaad5..41b18b8a15 100644
--- a/types/yazl/index.d.ts
+++ b/types/yazl/index.d.ts
@@ -1,12 +1,13 @@
 // Type definitions for yazl 2.4
 // Project: https://github.com/thejoshwolfe/yazl
 // Definitions by: taoqf <https://github.com/taoqf>
+//                 Sean Marvi Oliver Genabe <https://github.com/seangenabe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
 /// <reference types="node" />
 
-import { Readable, Writable } from 'stream';
+import { Readable } from 'stream';
 import { Buffer } from 'buffer';
 
 export interface Options {
@@ -36,7 +37,7 @@ export interface DosDateTime {
 
 export class ZipFile {
     addFile(realPath: string, metadataPath: string, options?: Partial<Options>): void;
-    outputStream: Writable;
+    outputStream: Readable;
     addReadStream(input: Readable, metadataPath: string, options?: Partial<ReadStreamOptions>): void;
     addBuffer(buffer: Buffer, metadataPath: string, options?: Partial<Options>): void;
     end(optoins?: EndOptions, finalSizeCallback?: () => void): void;
diff --git a/types/yazl/yazl-tests.ts b/types/yazl/yazl-tests.ts
index dfc5cd3c27..50e371a62a 100644
--- a/types/yazl/yazl-tests.ts
+++ b/types/yazl/yazl-tests.ts
@@ -1,4 +1,5 @@
 import { ZipFile } from "yazl";
+import { Readable } from "stream";
 import fs = require('fs');
 
 const zipfile = new ZipFile();
@@ -6,6 +7,8 @@ zipfile.addFile("file1.txt", "file1.txt");
 // (add only files, not directories)
 zipfile.addFile("path/to/file.txt", "path/in/zipfile.txt");
 // pipe() can be called any time after the constructor
+// $ExpectType Readable
+zipfile.outputStream;
 zipfile.outputStream.pipe(fs.createWriteStream("output.zip")).on("close", () => {
 	console.log("done");
 });
diff --git a/types/ydn-db/tslint.json b/types/ydn-db/tslint.json
index a41bf5d19a..d67ffb3a73 100644
--- a/types/ydn-db/tslint.json
+++ b/types/ydn-db/tslint.json
@@ -17,6 +17,7 @@
         "max-line-length": false,
         "member-access": false,
         "new-parens": false,
+        "no-angle-bracket-type-assertion": false,
         "no-any-union": false,
         "no-boolean-literal-compare": false,
         "no-conditional-assignment": false,
diff --git a/types/yeoman-assert/index.d.ts b/types/yeoman-assert/index.d.ts
new file mode 100644
index 0000000000..cff816ff39
--- /dev/null
+++ b/types/yeoman-assert/index.d.ts
@@ -0,0 +1,156 @@
+// Type definitions for yeoman-assert 3.1
+// Project: https://github.com/yeoman/yeoman-assert
+// Definitions by: Toilal <https://github.com/Toilal>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.4
+
+import assert = require('assert');
+
+declare module 'assert' {
+    /**
+     * Assert that a file exists or that each files in the array exists
+     * @param path path to a file or an array of paths to files
+     * @example
+     * assert.file('templates/user.hbs');
+     * assert.noFile(['templates/user.hbs', 'templates/user/edit.hbs']);
+     */
+    function file(path: string | string[]): void;
+
+    /**
+     * Assert that a file doesn't exist
+     * @param file path to a file
+     * @example
+     * assert.noFile('templates/user.hbs');
+     * assert.noFile(['templates/user.hbs', 'templates/user/edit.hbs']);
+     */
+    function noFile(file: string | string[]): void;
+
+    /**
+     * Assert that a file's content matches a regex or string
+     * @param file path to a file
+     * @param reg regex / string that will be used to search the file
+     * @example
+     * assert.fileContent('models/user.js', /App\.User = DS\.Model\.extend/);
+     * assert.fileContent('models/user.js', 'App.User = DS.Model.extend');
+     */
+    function fileContent(file: string | string[], reg: string | RegExp): void;
+
+    /**
+     * Assert that each file in an array of file-regex pairs matches its corresponding regex
+     * @param pairs an array of arrays, where each subarray is a [String, RegExp] pair
+     * @example
+     * var arg = [
+     *   [ 'models/user.js', /App\.User = DS\.Model\.extend/ ],
+     *   [ 'controllers/user.js', /App\.UserController = Ember\.ObjectController\.extend/ ]
+     * ]
+     * assert.fileContent(arg);
+     */
+    function fileContent(pairs: Array<[string, RegExp]>): void;
+
+    /**
+     * Assert that a file's content is the same as the given string
+     * @param file path to a file
+     * @param expectedContent the expected content of the file
+     * @example
+     * assert.equalsFileContent(
+     *   'data.js',
+     *   'const greeting = "Hello";\nexport default { greeting }'
+     * );
+     */
+    function equalsFileContent(file: string, expectedContent: string): void;
+
+    /**
+     * Assert that each file in an array of file-string pairs equals its corresponding string
+     * @param pairs an array of arrays, where each subarray is a [String, String] pair
+     * @example
+     * assert.equalsFileContent([
+     *   ['data.js', 'const greeting = "Hello";\nexport default { greeting }'],
+     *   ['user.js', 'export default {\n  name: 'Coleman',\n  age: 0\n}']
+     * ]);
+     */
+    function equalsFileContent(pairs: Array<[string, string]>): void;
+
+    /**
+     * Assert that a file's content does not match a regex / string
+     * @param file path to a file
+     * @param reg regex / string that will be used to search the file
+     * @example
+     * assert.noFileContent('models/user.js', /App\.User = DS\.Model\.extend/);
+     * assert.noFileContent('models/user.js', 'App.User = DS.Model.extend');
+     */
+    function noFileContent(file: string | string[], reg: RegExp | string): void;
+
+    /**
+     * Assert that each file in an array of file-regex pairs does not match its corresponding regex
+     * @param pairs an array of arrays, where each subarray is a [String, RegExp] pair
+     * var arg = [
+     *   [ 'models/user.js', /App\.User \ DS\.Model\.extend/ ],
+     *   [ 'controllers/user.js', /App\.UserController = Ember\.ObjectController\.extend/ ]
+     * ]
+     * assert.noFileContent(arg);
+     */
+    function noFileContent(pairs: Array<[string, RegExp]>): void;
+
+    /**
+     * Assert that two strings are equal after standardization of newlines
+     * @param value a string
+     * @param expected the expected value of the string
+     * @example
+     * assert.textEqual('I have a yellow cat', 'I have a yellow cat');
+     */
+    function textEqual(value: string, expected: string): void;
+
+    /**
+     * Assert an Object implements an interface
+     * @param subject subject implementing the façade
+     * @param methods a façace, hash or array of keys to be implemented
+     */
+    function implement(subject: object, methods: object | string[]): void;
+
+    /**
+     * Assert an Object doesn't implements any method of an interface
+     * @param subject subject not implementing the methods
+     * @param methods hash or array of method names to be implemented
+     */
+    function notImplement(subject: object, methods: object | string[]): void;
+
+    /**
+     * Assert an object contains the provided keys
+     * @param obj Object that should match the given pattern
+     * @param content An object of key/values the object should contains
+     */
+    function objectContent(obj: object, content: object): void;
+
+    /**
+     * Assert an object does not contain the provided keys
+     * @param obj Object that should not match the given pattern
+     * @param content An object of key/values the object should not contain
+     */
+    function noObjectContent(obj: object, content: object): void;
+
+    /**
+     * Assert a JSON file contains the provided keys
+     * @param filename
+     * @param content An object of key/values the file should contains
+     */
+    function JSONFileContent(filename: string, content: object): void;
+
+    /**
+     * @see JSONFileContent
+     */
+    function jsonFileContent(filename: string, content: object): void;
+
+    /**
+     * Assert a JSON file does not contain the provided keys
+     * @param filename
+     * @param content An object of key/values the file should not contain
+     */
+    function noJSONFileContent(filename: string, content: object): void;
+
+    /**
+     * @see noJSONFileContent
+     */
+    function noJsonFileContent(filename: string, content: object): void;
+}
+
+export = assert;
diff --git a/types/yeoman-assert/tsconfig.json b/types/yeoman-assert/tsconfig.json
new file mode 100644
index 0000000000..95612ba7ca
--- /dev/null
+++ b/types/yeoman-assert/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "yeoman-assert-tests.ts"
+    ]
+}
diff --git a/types/yeoman-assert/tslint.json b/types/yeoman-assert/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/yeoman-assert/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/yeoman-assert/yeoman-assert-tests.ts b/types/yeoman-assert/yeoman-assert-tests.ts
new file mode 100644
index 0000000000..87732f1f7b
--- /dev/null
+++ b/types/yeoman-assert/yeoman-assert-tests.ts
@@ -0,0 +1,34 @@
+import * as assert from 'yeoman-assert';
+
+assert.file('path');
+assert.file(['path', 'path2']);
+
+assert.noFile('path');
+assert.noFile(['path', 'path2']);
+
+assert.fileContent('file', /abc/g);
+assert.fileContent(['file', 'file2'], 'abc');
+
+assert.equalsFileContent('file', 'expectedContent');
+assert.equalsFileContent([['file', 'expectedContent'], ['file2', 'expectedContent2']]);
+
+assert.noFileContent('file', /abc/g);
+assert.noFileContent(['file', 'file2'], 'abc');
+
+assert.textEqual('value', 'expected');
+assert.implement({value: 'test'}, {other: 'test2'});
+assert.implement({value: 'test'}, ['test2', 'test3']);
+
+assert.notImplement({value: 'test'}, {other: 'test2'});
+assert.notImplement({value: 'test'}, ['test2', 'test3']);
+
+assert.objectContent({value: 'test'}, {value: 'test2'});
+assert.noObjectContent({value: 'test'}, {value: 'test2'});
+
+assert.JSONFileContent('filename', {root: 'content'});
+assert.jsonFileContent('filename', {root: 'content'});
+
+assert.noJSONFileContent('filename', {root: 'content'});
+assert.noJsonFileContent('filename', {root: 'content'});
+
+assert.equal('test', 'expected');
diff --git a/types/yeoman-generator/index.d.ts b/types/yeoman-generator/index.d.ts
index c4a13695fb..1b94d06d4a 100644
--- a/types/yeoman-generator/index.d.ts
+++ b/types/yeoman-generator/index.d.ts
@@ -1,8 +1,9 @@
-// Type definitions for yeoman-generator 2.0
+// Type definitions for yeoman-generator 3.0
 // Project: https://github.com/yeoman/generator
 // Definitions by: Kentaro Okuno <https://github.com/armorik83>
 //                 Jay Anslow <https://github.com/janslow>
 //                 Ika <https://github.com/ikatyang>
+//                 Joshua Cherry <https://github.com/tasadar2>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -91,7 +92,7 @@ declare class Generator extends EventEmitter {
     appname: string;
     config: Generator.Storage;
     fs: Generator.MemFsEditor;
-    options: {};
+    options: { [name: string]: any };
     log(message?: string, context?: any): void;
 
     argument(name: string, config: Generator.ArgumentConfig): this;
@@ -128,9 +129,8 @@ declare class Generator extends EventEmitter {
      * @param component Components to install
      * @param options Options to pass to `dargs` as arguments
      * @param spawnOptions Options to pass `child_process.spawn`.
-     * @return Resolved if install successful, rejected otherwise
      */
-    bowerInstall(component?: string|string[], options?: object, spawnOptions?: object): Promise<void>;
+    bowerInstall(component?: string|string[], options?: object, spawnOptions?: object): void;
     /**
      * Runs `npm` and `bower`, in sequence, in the generated directory and prints a
      * message to let the user know.
@@ -147,9 +147,8 @@ declare class Generator extends EventEmitter {
      *   npm: false
      * }).then(() => console.log('Everything is ready!'));
      *
-     * @return Resolved if install successful, rejected otherwise
      */
-    installDependencies(options?: Generator.InstallOptions): Promise<void>;
+    installDependencies(options?: Generator.InstallOptions): void;
     /**
      * Receives a list of `packages` and an `options` object to install through npm.
      *
@@ -158,24 +157,21 @@ declare class Generator extends EventEmitter {
      * @param pkgs Packages to install
      * @param options Options to pass to `dargs` as arguments
      * @param spawnOptions Options to pass `child_process.spawn`.
-     * @return Resolved if install successful, rejected otherwise
      */
-    npmInstall(pkgs?: string|string[], options?: object, spawnOptions?: object): Promise<void>;
+    npmInstall(pkgs?: string|string[], options?: object, spawnOptions?: object): void;
     /**
      * Combine package manager cmd line arguments and run the `install` command.
      *
      * During the `install` step, every command will be scheduled to run once, on the
-     * run loop. This means you can use `Promise.then` to log information, but don't
-     * return it or mix it with `this.async` as it'll dead lock the process.
+     * run loop.
      *
      * @param installer Which package manager to use
      * @param paths Packages to install. Use an empty string for `npm install`
      * @param options Options to pass to `dargs` as arguments
      * @param spawnOptions Options to pass `child_process.spawn`. ref
      *                     https://nodejs.org/api/child_process.html#child_process_child_process_spawn_command_args_options
-     * @return Resolved if install successful, rejected otherwise
      */
-    runInstall(installer: string, paths?: string|string[], options?: object, spawnOptions?: object): Promise<void>;
+    scheduleInstallTask(installer: string, paths?: string|string[], options?: object, spawnOptions?: object): void;
     /**
      * Receives a list of `packages` and an `options` object to install through npm.
      *
@@ -184,9 +180,8 @@ declare class Generator extends EventEmitter {
      * @param pkgs Packages to install
      * @param options Options to pass to `dargs` as arguments
      * @param spawnOptions Options to pass `child_process.spawn`.
-     * @return Resolved if install successful, rejected otherwise
      */
-    yarnInstall(pkgs?: string|string[], options?: object, spawnOptions?: object): Promise<void>;
+    yarnInstall(pkgs?: string|string[], options?: object, spawnOptions?: object): void;
 
     // actions/user mixin
     readonly user: {
diff --git a/types/yeoman-generator/yeoman-generator-tests.ts b/types/yeoman-generator/yeoman-generator-tests.ts
index 52136a885a..c7a6880534 100644
--- a/types/yeoman-generator/yeoman-generator-tests.ts
+++ b/types/yeoman-generator/yeoman-generator-tests.ts
@@ -43,35 +43,35 @@ generator.argument('arg4', {
 const argsHelp = generator.argumentsHelp();
 
 async function install() {
-    await generator.installDependencies();
-    await generator.installDependencies({
+    generator.installDependencies();
+    generator.installDependencies({
         bower: true,
         npm: true,
     });
 
-    await generator.bowerInstall();
-    await generator.bowerInstall('pkg');
-    await generator.bowerInstall(['pkg1', 'pkg2']);
-    await generator.bowerInstall('pkg', {});
-    await generator.bowerInstall('pkg', { 'custom-option': 3 }, {});
+    generator.bowerInstall();
+    generator.bowerInstall('pkg');
+    generator.bowerInstall(['pkg1', 'pkg2']);
+    generator.bowerInstall('pkg', {});
+    generator.bowerInstall('pkg', { 'custom-option': 3 }, {});
 
-    await generator.npmInstall();
-    await generator.npmInstall('pkg');
-    await generator.npmInstall(['pkg1', 'pkg2']);
-    await generator.npmInstall('pkg', {});
-    await generator.npmInstall('pkg', { 'custom-option': 3 }, {});
+    generator.npmInstall();
+    generator.npmInstall('pkg');
+    generator.npmInstall(['pkg1', 'pkg2']);
+    generator.npmInstall('pkg', {});
+    generator.npmInstall('pkg', { 'custom-option': 3 }, {});
 
-    await generator.yarnInstall();
-    await generator.yarnInstall('pkg');
-    await generator.yarnInstall(['pkg1', 'pkg2']);
-    await generator.yarnInstall('pkg', {});
-    await generator.yarnInstall('pkg', { 'custom-option': 3 }, {});
+    generator.yarnInstall();
+    generator.yarnInstall('pkg');
+    generator.yarnInstall(['pkg1', 'pkg2']);
+    generator.yarnInstall('pkg', {});
+    generator.yarnInstall('pkg', { 'custom-option': 3 }, {});
 
-    await generator.runInstall('installer');
-    await generator.runInstall('installer', 'pkg');
-    await generator.runInstall('installer', ['pkg1', 'pkg2']);
-    await generator.runInstall('installer', 'pkg', {});
-    await generator.runInstall('installer', 'pkg', { 'custom-option': 3 }, {});
+    generator.scheduleInstallTask('installer');
+    generator.scheduleInstallTask('installer', 'pkg');
+    generator.scheduleInstallTask('installer', ['pkg1', 'pkg2']);
+    generator.scheduleInstallTask('installer', 'pkg', {});
+    generator.scheduleInstallTask('installer', 'pkg', { 'custom-option': 3 }, {});
 }
 
 const composed1: Base = generator.composeWith('bootstrap', { sass: true });
@@ -108,6 +108,8 @@ generator.option('opt4', {
   default: 3.2,
 });
 
+const optionValue1 = generator.options.opt1;
+
 const optionsHelp: string = generator.optionsHelp();
 
 const answers: Promise<Answers> = generator.prompt([] as Questions);
diff --git a/types/yog-log/yog-log-tests.ts b/types/yog-log/yog-log-tests.ts
index 90dd730cfb..7a37c648f8 100644
--- a/types/yog-log/yog-log-tests.ts
+++ b/types/yog-log/yog-log-tests.ts
@@ -16,7 +16,7 @@ const cookie_value = log.getCookie('test');
 const getLogFile = log.getLogFile(0);
 const log_format = log.getLogFormat('ACCESS');
 
-const logid = log.getLogID(<express.Request> {}, 'test');
+const logid = log.getLogID({} as express.Request, 'test');
 const intlevel = log.getLogLevelInt('ACCESS');
 const prfix = log.getLogPrefix();
 const log_str = log.getLogString('test');
diff --git a/types/yog2-kernel/yog2-kernel-tests.ts b/types/yog2-kernel/yog2-kernel-tests.ts
index a53b3c4dad..7f88134b10 100644
--- a/types/yog2-kernel/yog2-kernel-tests.ts
+++ b/types/yog2-kernel/yog2-kernel-tests.ts
@@ -17,8 +17,8 @@ const handler = async function(req: yog2Kernel.Request, resp: yog2Kernel.Respons
     resp.render("test", {});
 };
 
-const router = <yog2Kernel.Router> {};
-(<yog2Kernel.ActionObject> router.action("test")).get;
+const router = {} as yog2Kernel.Router;
+(router.action("test") as yog2Kernel.ActionObject).get;
 
 const handler1 = router.wrapAsync(function() { });
 const handler21 = router.wrapAsync(function(req: yog2Kernel.Request) { });
diff --git a/types/youtube/index.d.ts b/types/youtube/index.d.ts
index b04d727378..5739e4c6fd 100644
--- a/types/youtube/index.d.ts
+++ b/types/youtube/index.d.ts
@@ -5,6 +5,7 @@
 //                 Josh Goldberg <https://github.com/JoshuaKGoldberg>
 //                 Eliot Fallon <https://github.com/eliotfallon213>
 //                 Terry Mun <https://github.com/terrymun>
+//                 Paul Hobbel <https://github.com/paulhobbel>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -30,7 +31,7 @@ declare namespace YT
 	/**
 	 * Known causes for player errors.
 	 */
-	export const enum PlayerError
+	export enum PlayerError
 	{
 		/**
 		 * The request contained an invalid parameter value.
@@ -61,7 +62,7 @@ declare namespace YT
 	/**
 	 * Whether to auto-hide video controls.
 	 */
-	export const enum AutoHide
+	export enum AutoHide
 	{
 		/**
 		 * Controls are visible throughout the video
@@ -82,7 +83,7 @@ declare namespace YT
 	/**
 	 * Whether to autoplay the video.
 	 */
-	export const enum AutoPlay
+	export enum AutoPlay
 	{
 		/**
 		 * Video does not autoplay.
@@ -98,7 +99,7 @@ declare namespace YT
 	/**
 	 * Whether to use user-preferred or forced caption loading.
 	 */
-	export const enum ClosedCaptionsLoadPolicy
+	export enum ClosedCaptionsLoadPolicy
 	{
 		/**
 		 * Defaults to the user's preferences.
@@ -119,7 +120,7 @@ declare namespace YT
 	/**
 	 * How video controls are shown.
 	 */
-	export const enum Controls
+	export enum Controls
 	{
 		/**
 		 * Player controls do not display.
@@ -140,7 +141,7 @@ declare namespace YT
 	/**
 	 * Whether to allow keyboard controls.
 	 */
-	export const enum KeyboardControls
+	export enum KeyboardControls
 	{
 		/**
 		 * Keyboard controls are enabled.
@@ -156,7 +157,7 @@ declare namespace YT
 	/**
 	 * Whether the JavaScript API should be enabled.
 	 */
-	export const enum JsApi
+	export enum JsApi
 	{
 		/**
 		 * JavaScript API will be disabled.
@@ -172,7 +173,7 @@ declare namespace YT
 	/**
 	 * Whether to display the full-screen button.
 	 */
-	export const enum FullscreenButton
+	export enum FullscreenButton
 	{
 		/**
 		 * The full screen button is hidden.
@@ -188,7 +189,7 @@ declare namespace YT
 	/**
 	 * Whether to show video annotations.
 	 */
-	export const enum IvLoadPolicy
+	export enum IvLoadPolicy
 	{
 		/**
 		 * Video annotations will be shown.
@@ -224,7 +225,7 @@ declare namespace YT
 	/**
 	 * Whether a single video should be looped.
 	 */
-	export const enum Loop
+	export enum Loop
 	{
 		/**
 		 * Video or playlist will be played only once.
@@ -240,7 +241,7 @@ declare namespace YT
 	/**
 	 * Comma separated list of video IDs to play after the URL path's video.
 	 */
-	export const enum ModestBranding
+	export enum ModestBranding
 	{
 		/**
 		 * Player will contain full YouTube branding.
@@ -256,7 +257,7 @@ declare namespace YT
 	/**
 	 * Whether to playback video inline or full-screen in an HTML5 player on iOS
 	 */
-	export const enum PlaysInline
+	export enum PlaysInline
 	{
 		/**
 		 * Playback in fullscreen.
@@ -272,7 +273,7 @@ declare namespace YT
 	/**
 	 * Whether to show related videos after the video finishes.
 	 */
-	export const enum RelatedVideos
+	export enum RelatedVideos
 	{
 		/**
 		 * Hide related videos after playback is complete.
@@ -288,7 +289,7 @@ declare namespace YT
 	/**
 	 * Whether to show video information before playing.
 	 */
-	export const enum ShowInfo
+	export enum ShowInfo
 	{
 		/**
 		 * Hide video title and uploader before video starts playing.
diff --git a/types/yup/index.d.ts b/types/yup/index.d.ts
index 2dcf110a9e..821b0e3526 100644
--- a/types/yup/index.d.ts
+++ b/types/yup/index.d.ts
@@ -1,17 +1,32 @@
-// Type definitions for yup 0.24
+// Type definitions for yup 0.26
 // Project: https://github.com/jquense/yup
 // Definitions by: Dominik Hardtke <https://github.com/dhardtke>,
 //                 Vladyslav Tserman <https://github.com/vtserman>,
 //                 Moreton Bay Regional Council <https://github.com/MoretonBayRC>,
 //                 Sindre Seppola <https://github.com/sseppola>
+//                 Yash Kulshrestha <https://github.com/YashdalfTheGray>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
-export function reach<T>(schema: Schema<T>, path: string, value?: any, context?: any): Schema<T>;
-export function addMethod<T extends Schema<any>>(schemaCtor: AnySchemaConstructor, name: string, method: (this: T, ...args: any[]) => T): void;
+export function reach<T>(
+    schema: Schema<T>,
+    path: string,
+    value?: any,
+    context?: any
+): Schema<T>;
+export function addMethod<T extends Schema<any>>(
+    schemaCtor: AnySchemaConstructor,
+    name: string,
+    method: (this: T, ...args: any[]) => T
+): void;
 export function ref(path: string, options?: { contextPrefix: string }): Ref;
 export function lazy<T>(fn: (value: T) => Schema<T>): Lazy;
-export function ValidationError(errors: string | string[], value: any, path: string, type?: any): ValidationError;
+export function ValidationError(
+    errors: string | string[],
+    value: any,
+    path: string,
+    type?: any
+): ValidationError;
 export function setLocale(customLocale: LocaleObject): void;
 
 export const mixed: MixedSchemaConstructor;
@@ -23,7 +38,8 @@ export const date: DateSchemaConstructor;
 export const array: ArraySchemaConstructor;
 export const object: ObjectSchemaConstructor;
 
-export type AnySchemaConstructor = MixedSchemaConstructor
+export type AnySchemaConstructor =
+    | MixedSchemaConstructor
     | StringSchemaConstructor
     | NumberSchemaConstructor
     | BooleanSchemaConstructor
@@ -40,6 +56,8 @@ export interface Schema<T> {
     concat(schema: this): this;
     validate(value: T, options?: ValidateOptions): Promise<T>;
     validateSync(value: T, options?: ValidateOptions): T;
+    validateAt(path: string, value: T, options?: ValidateOptions): Promise<T>;
+    validateSyncAt(path: string, value: T, options?: ValidateOptions): T;
     isValid(value: T, options?: any): Promise<boolean>;
     isValidSync(value: T, options?: any): boolean;
     cast(value: any, options?: any): T;
@@ -55,29 +73,43 @@ export interface Schema<T> {
     oneOf(arrayOfValues: any[], message?: string): this;
     notOneOf(arrayOfValues: any[], message?: string): this;
     when(keys: string | any[], builder: WhenOptions<this>): this;
-    test(name: string, message: string, test: (this: TestContext, value?: any) => boolean | ValidationError | Promise<boolean | ValidationError>, callbackStyleAsync?: boolean): this;
+    test(
+        name: string,
+        message:
+            | string
+            | ((params: object & Partial<TestMessageParams>) => string),
+        test: (
+            this: TestContext,
+            value?: any
+        ) => boolean | ValidationError | Promise<boolean | ValidationError>,
+        callbackStyleAsync?: boolean
+    ): this;
     test(options: TestOptions): this;
     transform(fn: TransformFunction<this>): this;
 }
 
 export interface MixedSchemaConstructor {
     (): MixedSchema;
-    new(options?: { type?: string, [key: string]: any }): MixedSchema;
+    new (options?: { type?: string; [key: string]: any }): MixedSchema;
 }
 
 // tslint:disable-next-line:no-empty-interface
-export interface MixedSchema extends Schema<any> {
-}
+export interface MixedSchema extends Schema<any> {}
 
 export interface StringSchemaConstructor {
     (): StringSchema;
-    new(): StringSchema;
+    new (): StringSchema;
 }
 
 export interface StringSchema extends Schema<string> {
     min(limit: number | Ref, message?: string): StringSchema;
     max(limit: number | Ref, message?: string): StringSchema;
-    matches(regex: RegExp, messageOrOptions?: string | { message?: string; excludeEmptyString?: boolean }): StringSchema;
+    matches(
+        regex: RegExp,
+        messageOrOptions?:
+            | string
+            | { message?: string; excludeEmptyString?: boolean }
+    ): StringSchema;
     email(message?: string): StringSchema;
     url(message?: string): StringSchema;
     ensure(): StringSchema;
@@ -88,7 +120,7 @@ export interface StringSchema extends Schema<string> {
 
 export interface NumberSchemaConstructor {
     (): NumberSchema;
-    new(): NumberSchema;
+    new (): NumberSchema;
 }
 
 export interface NumberSchema extends Schema<number> {
@@ -105,16 +137,15 @@ export interface NumberSchema extends Schema<number> {
 
 export interface BooleanSchemaConstructor {
     (): BooleanSchema;
-    new(): BooleanSchema;
+    new (): BooleanSchema;
 }
 
 // tslint:disable-next-line:no-empty-interface
-export interface BooleanSchema extends Schema<boolean> {
-}
+export interface BooleanSchema extends Schema<boolean> {}
 
 export interface DateSchemaConstructor {
     (): DateSchema;
-    new(): DateSchema;
+    new (): DateSchema;
 }
 
 export interface DateSchema extends Schema<Date> {
@@ -124,7 +155,7 @@ export interface DateSchema extends Schema<Date> {
 
 export interface ArraySchemaConstructor {
     <T>(schema?: Schema<T>): ArraySchema<T>;
-    new(): ArraySchema<{}>;
+    new (): ArraySchema<{}>;
 }
 
 export interface ArraySchema<T> extends Schema<T[]> {
@@ -132,16 +163,19 @@ export interface ArraySchema<T> extends Schema<T[]> {
     min(limit: number | Ref, message?: string): ArraySchema<T>;
     max(limit: number | Ref, message?: string): ArraySchema<T>;
     ensure(): ArraySchema<T>;
-    compact(rejector: (value: any) => boolean): ArraySchema<T>;
+    compact(rejector?: (value: any) => boolean): ArraySchema<T>;
 }
 
 export interface ObjectSchemaConstructor {
     <T>(fields?: { [field in keyof T]: Schema<T[field]> }): ObjectSchema<T>;
-    new(): ObjectSchema<{}>;
+    new (): ObjectSchema<{}>;
 }
 
 export interface ObjectSchema<T> extends Schema<T> {
-    shape(fields: { [field in keyof T]: Schema<T[field]> }, noSortEdges?: Array<[string, string]>): ObjectSchema<T>;
+    shape(
+        fields: { [field in keyof T]: Schema<T[field]> },
+        noSortEdges?: Array<[string, string]>
+    ): ObjectSchema<T>;
     from(fromKey: string, toKey: string, alias?: boolean): ObjectSchema<T>;
     noUnknown(onlyKnownKeys?: boolean, message?: string): ObjectSchema<T>;
     transformKeys(callback: (key: any) => any): void;
@@ -149,7 +183,11 @@ export interface ObjectSchema<T> extends Schema<T> {
     constantCase(): ObjectSchema<T>;
 }
 
-export type TransformFunction<T> = ((this: T, value: any, originalValue: any) => any);
+export type TransformFunction<T> = ((
+    this: T,
+    value: any,
+    originalValue: any
+) => any);
 
 export interface WhenOptionsBuilder<T> {
     (value: any, schema: T): T;
@@ -158,8 +196,9 @@ export interface WhenOptionsBuilder<T> {
     (v1: any, v2: any, v3: any, v4: any, schema: T): T;
 }
 
-export type WhenOptions<T> = WhenOptionsBuilder<T>
-    | { is: boolean | ((value: any) => boolean), then: any, otherwise: any }
+export type WhenOptions<T> =
+    | WhenOptionsBuilder<T>
+    | { is: boolean | ((value: any) => boolean); then: any; otherwise: any }
     | object;
 
 export interface TestContext {
@@ -167,7 +206,7 @@ export interface TestContext {
     options: ValidateOptions;
     parent: any;
     schema: Schema<any>;
-    createError: (params: { path: string, message: string }) => ValidationError;
+    createError: (params: { path: string; message: string }) => ValidationError;
 }
 
 export interface ValidateOptions {
@@ -193,6 +232,13 @@ export interface ValidateOptions {
     context?: object;
 }
 
+export interface TestMessageParams {
+    path: string;
+    value: any;
+    originalValue: any;
+    label: string;
+}
+
 export interface TestOptions {
     /**
      * Unique name identifying the test
@@ -202,12 +248,17 @@ export interface TestOptions {
     /**
      * Test function, determines schema validity
      */
-    test: (this: TestContext, value: any) => boolean | ValidationError | Promise<boolean | ValidationError>;
+    test: (
+        this: TestContext,
+        value: any
+    ) => boolean | ValidationError | Promise<boolean | ValidationError>;
 
     /**
      * The validation error message
      */
-    message?: string;
+    message?:
+        | string
+        | ((params: object & Partial<TestMessageParams>) => string);
 
     /**
      * Values passed to message for interpolation
@@ -225,6 +276,7 @@ export interface SchemaDescription {
     label: string;
     meta: object;
     tests: string[];
+    fields: object;
 }
 
 export interface ValidationError {
@@ -253,8 +305,7 @@ export interface Ref {
 }
 
 // tslint:disable-next-line:no-empty-interface
-export interface Lazy extends Schema<any> {
-}
+export interface Lazy extends Schema<any> {}
 
 export interface LocaleObject {
     mixed?: { [key in keyof MixedSchema]?: string };
diff --git a/types/yup/yup-tests.ts b/types/yup/yup-tests.ts
index c6f367a043..efef78d319 100644
--- a/types/yup/yup-tests.ts
+++ b/types/yup/yup-tests.ts
@@ -1,128 +1,170 @@
-import * as yup from 'yup';
+import * as yup from "yup";
 
 // tslint:disable-next-line:no-duplicate-imports
-import { reach, date, Schema, ObjectSchema, ValidationError, MixedSchema, SchemaDescription, TestOptions, ValidateOptions, NumberSchema, TestContext } from 'yup';
+import {
+    reach,
+    date,
+    Schema,
+    ObjectSchema,
+    ValidationError,
+    MixedSchema,
+    SchemaDescription,
+    TestOptions,
+    ValidateOptions,
+    NumberSchema,
+    TestContext
+} from "yup";
 
 // reach function
 let schema = yup.object().shape({
     nested: yup.object().shape({
-        arr: yup.array().of(
-            yup.object().shape({ num: yup.number().max(4) })
-        )
+        arr: yup.array().of(yup.object().shape({ num: yup.number().max(4) }))
     })
-  });
-reach(schema, 'nested.arr.num');
-reach(schema, 'nested.arr[].num');
+});
+reach(schema, "nested.arr.num");
+reach(schema, "nested.arr[].num");
 
 // addMethod function
-yup.addMethod<NumberSchema>(yup.number, 'minimum', function(this, minValue: number, message: string) {
+yup.addMethod<NumberSchema>(yup.number, "minimum", function(
+    this,
+    minValue: number,
+    message: string
+) {
     return this.min(minValue, message);
 });
-yup.addMethod(yup.date, 'newMethod', function(this: yup.DateSchema, date: Date, message?: string) {
+yup.addMethod(yup.date, "newMethod", function(
+    this: yup.DateSchema,
+    date: Date,
+    message?: string
+) {
     return this.max(date, message);
 });
 
 // ref function
 schema = yup.object().shape({
-    baz: yup.ref('foo.bar'),
+    baz: yup.ref("foo.bar"),
     foo: yup.object().shape({
-      bar: yup.string()
+        bar: yup.string()
     }),
-    x: yup.ref('$x')
+    x: yup.ref("$x")
 });
 
-schema.cast({ foo: { bar: 'boom' } }, { context: { x: 5 } });
+schema.cast({ foo: { bar: "boom" } }, { context: { x: 5 } });
 
 // lazy function
 const node: ObjectSchema<any> = yup.object().shape({
     id: yup.number(),
-    child: yup.lazy(() =>
-      node.default(undefined)
-    )
+    child: yup.lazy(() => node.default(undefined))
 });
 const renderable = yup.lazy(value => {
     switch (typeof value) {
-      case 'number':
-        return yup.number();
-      case 'string':
-        return yup.string();
-      default:
-        return yup.mixed();
+        case "number":
+            return yup.number();
+        case "string":
+            return yup.string();
+        default:
+            return yup.mixed();
     }
 });
 const renderables = yup.array().of(renderable);
 
 // ValidationError
-let error: ValidationError = yup.ValidationError('error', 'value', 'path');
-error = yup.ValidationError(['error', 'error2'], true, 'path');
-error = yup.ValidationError(['error', 'error2'], 5, 'path');
-error = yup.ValidationError(['error', 'error2'], {name: 'value'}, 'path');
-error = yup.ValidationError(['error', 'error2'], {name: 'value'}, 'path', 'type');
+let error: ValidationError = yup.ValidationError("error", "value", "path");
+error = yup.ValidationError(["error", "error2"], true, "path");
+error = yup.ValidationError(["error", "error2"], 5, "path");
+error = yup.ValidationError(["error", "error2"], { name: "value" }, "path");
+error = yup.ValidationError(
+    ["error", "error2"],
+    { name: "value" },
+    "path",
+    "type"
+);
 error = {
-    name: 'ValidationError',
-    message: 'error',
-    path: 'path',
-    errors: ['error'],
-    inner: [yup.ValidationError('error', true, 'path')],
-    type: 'date',
-    value: {start: '2017-11-10'}
+    name: "ValidationError",
+    message: "error",
+    path: "path",
+    errors: ["error"],
+    inner: [yup.ValidationError("error", true, "path")],
+    type: "date",
+    value: { start: "2017-11-10" }
 };
-error.value = 'value';
+error.value = "value";
 error.value = true;
 error.value = 5;
-error.value = {name: 'value'};
+error.value = { name: "value" };
 error.type = {};
 error.type = [];
-error.errors = ['error'];
+error.errors = ["error"];
 
 // mixed
 let mixed: MixedSchema = yup.mixed();
 mixed.clone();
-mixed.label('label');
-mixed.meta({ meta: 'value' });
+mixed.label("label");
+mixed.meta({ meta: "value" });
 mixed.describe().label;
 mixed.describe().meta;
 mixed.describe().tests;
 mixed.describe().type;
 mixed.concat(yup.string());
 mixed.validate({});
-mixed.validate({ hello: 'world' }, { strict: true }).then(value => value);
+mixed.validate({ hello: "world" }, { strict: true }).then(value => value);
+mixed.validateSync({ hello: "world" }, { strict: true });
+mixed.validateAt("path", {}, { strict: true, context: {} });
+mixed
+    .validateAt("path", {}, { strict: true, context: {} })
+    .then(value => value);
+mixed.validateSyncAt("path", {}, { strict: true, context: {} });
 mixed.isValid(undefined, (valid: true) => true);
-mixed.isValid({ hello: 'world' }).then(valid => valid);
+mixed.isValid({ hello: "world" }).then(valid => valid);
 mixed.cast({});
-mixed.isType('hello');
+mixed.isType("hello");
 mixed.strict(true);
 mixed.strip(true);
 mixed.withMutation(schema => {});
-mixed.default({ number: 5});
-mixed.default(() => ({ number: 5}));
+mixed.default({ number: 5 });
+mixed.default(() => ({ number: 5 }));
 mixed.default();
 mixed.nullable(true);
 mixed.required();
 mixed.notRequired(); // $ExpectType MixedSchema
-mixed.typeError('type error');
-mixed.oneOf(['hello', 'world'], 'message');
-mixed.notOneOf(['hello', 'world'], 'message');
-mixed.when('isBig', {
+mixed.typeError("type error");
+mixed.oneOf(["hello", "world"], "message");
+mixed.notOneOf(["hello", "world"], "message");
+mixed.when("isBig", {
     is: value => true,
     then: yup.number().min(5),
     otherwise: yup.number().min(0)
 });
-mixed.when('isBig', {
-    is: true,
-    then: yup.number().min(5),
-    otherwise: yup.number().min(0)
-}).when('$other', (value: any, schema: MixedSchema) => value === 4 ? schema.required() : schema);
+mixed
+    .when("isBig", {
+        is: true,
+        then: yup.number().min(5),
+        otherwise: yup.number().min(0)
+    })
+    .when(
+        "$other",
+        (value: any, schema: MixedSchema) =>
+            value === 4 ? schema.required() : schema
+    );
 // tslint:disable-next-line:no-invalid-template-strings
-mixed.test('is-jimmy', '${path} is not Jimmy', value => value === 'jimmy');
+mixed.test("is-jimmy", "${path} is not Jimmy", value => value === "jimmy");
+mixed.test(
+    "is-jimmy",
+    ({ path, value }) => `${path} has an error, it is ${value}`,
+    value => value === "jimmy"
+);
 mixed.test({
-    name: 'lessThan5',
+    name: "lessThan5",
     exclusive: true,
     // tslint:disable-next-line:no-invalid-template-strings
-    message: '${path} must be less than 5 characters',
+    message: "${path} must be less than 5 characters",
     test: value => value == null || value.length <= 5
 });
-mixed.test('with-promise', 'It contains invalid value', value => new Promise(resolve => true));
+mixed.test(
+    "with-promise",
+    "It contains invalid value",
+    value => new Promise(resolve => true)
+);
 const testContext = function(this: TestContext) {
     // $ExpectType string
     this.path;
@@ -133,22 +175,30 @@ const testContext = function(this: TestContext) {
     // $ExpectType Schema<any>
     this.schema;
     // $ExpectType ValidationError
-    this.createError({ path: '1', message: '1' });
+    this.createError({ path: "1", message: "1" });
     return true;
 };
-mixed.test('with-context', 'it uses function context', testContext);
+mixed.test("with-context", "it uses function context", testContext);
 mixed.test({
     test: testContext
 });
 
 // Async ValidationError
-const asyncValidationErrorTest = function(this: TestContext): Promise<ValidationError> {
-    return new Promise(resolve => resolve(this.createError({ path: "testPath", message: "testMessage" })));
+const asyncValidationErrorTest = function(
+    this: TestContext
+): Promise<ValidationError> {
+    return new Promise(resolve =>
+        resolve(this.createError({ path: "testPath", message: "testMessage" }))
+    );
 };
 
-mixed.test('async-validation-error', 'Returns async ValidationError', asyncValidationErrorTest);
+mixed.test(
+    "async-validation-error",
+    "Returns async ValidationError",
+    asyncValidationErrorTest
+);
 mixed.test({
-    test: asyncValidationErrorTest,
+    test: asyncValidationErrorTest
 });
 
 // Sync ValidationError
@@ -156,9 +206,13 @@ const syncValidationErrorTest = function(this: TestContext): ValidationError {
     return this.createError({ path: "testPath", message: "testMessage" });
 };
 
-mixed.test('sync-validation-error', 'Returns sync ValidationError', syncValidationErrorTest);
+mixed.test(
+    "sync-validation-error",
+    "Returns sync ValidationError",
+    syncValidationErrorTest
+);
 mixed.test({
-    test: syncValidationErrorTest,
+    test: syncValidationErrorTest
 });
 
 yup.string().transform(function(this, value: any, originalvalue: any) {
@@ -171,7 +225,7 @@ mixed = new ExtendsMixed();
 
 class ExtendsMixed2 extends yup.mixed {
     constructor() {
-        super({ type: 'CustomType' });
+        super({ type: "CustomType" });
     }
 }
 mixed = new ExtendsMixed2();
@@ -182,25 +236,27 @@ mixed = new ExtendsMixed2();
 class DateSchema extends yup.date {
     isWednesday(message?: string): DateSchema {
         return this.clone().test({
-            name: 'Wednesday',
+            name: "Wednesday",
             // tslint:disable-next-line:no-invalid-template-strings
-            message: message || '${path} must be Wednesday',
-            test: value => true /* Check that day is Wednesday */,
+            message: message || "${path} must be Wednesday",
+            test: value => true /* Check that day is Wednesday */
         });
     }
 }
-yup.object().shape({
-    startDate: new DateSchema().isWednesday().required()
-}).isValidSync({
-    startDate: '2017-11-29',
-});
+yup.object()
+    .shape({
+        startDate: new DateSchema().isWednesday().required()
+    })
+    .isValidSync({
+        startDate: "2017-11-29"
+    });
 
 // String schema
 const strSchema = yup.string(); // $ExpectType StringSchema
-strSchema.isValid('hello'); // => true
+strSchema.isValid("hello"); // => true
 strSchema.required();
-strSchema.min(5, 'message');
-strSchema.max(5, 'message');
+strSchema.min(5, "message");
+strSchema.max(5, "message");
 strSchema.matches(/(hi|bye)/);
 strSchema.email();
 strSchema.url();
@@ -212,16 +268,19 @@ strSchema.uppercase();
 // Number schema
 const numSchema = yup.number(); // $ExpectType NumberSchema
 numSchema.isValid(10); // => true
-numSchema.min(5, 'message');
-numSchema.max(5, 'message');
+numSchema.min(5, "message");
+numSchema.max(5, "message");
 numSchema.positive();
 numSchema.negative();
 numSchema.lessThan(5);
 numSchema.moreThan(5);
 numSchema.integer();
 numSchema.truncate();
-numSchema.round('floor');
-numSchema.validate(5, { strict: true }).then(value => value).catch(err => err);
+numSchema.round("floor");
+numSchema
+    .validate(5, { strict: true })
+    .then(value => value)
+    .catch(err => err);
 
 // Boolean Schema
 const boolSchema = yup.boolean();
@@ -231,17 +290,17 @@ boolSchema.isValid(true); // => true
 const dateSchema = yup.date();
 dateSchema.isValid(new Date()); // => true
 dateSchema.min(new Date());
-dateSchema.min('2017-11-12');
-dateSchema.min(new Date(), 'message');
-dateSchema.min('2017-11-12', 'message');
+dateSchema.min("2017-11-12");
+dateSchema.min(new Date(), "message");
+dateSchema.min("2017-11-12", "message");
 dateSchema.max(new Date());
-dateSchema.max('2017-11-12');
-dateSchema.max(new Date(), 'message');
-dateSchema.max('2017-11-12', 'message');
+dateSchema.max("2017-11-12");
+dateSchema.max(new Date(), "message");
+dateSchema.max("2017-11-12", "message");
 
 // Array Schema
 const arrSchema = yup.array().of(yup.number().min(2));
-arrSchema.isValid([2, 3]);   // => true
+arrSchema.isValid([2, 3]); // => true
 arrSchema.isValid([1, -24]); // => false
 arrSchema.required();
 arrSchema.ensure();
@@ -254,9 +313,13 @@ yup.array().of(yup.string()); // $ExpectType ArraySchema<string>
 // Object Schema
 const objSchema = yup.object().shape({
     name: yup.string().required(),
-    age: yup.number().required().positive().integer(),
+    age: yup
+        .number()
+        .required()
+        .positive()
+        .integer(),
     email: yup.string().email(),
-    website: yup.string().url(),
+    website: yup.string().url()
 });
 yup.object().shape({
     num: yup.number()
@@ -266,35 +329,36 @@ yup.object({
     num: yup.number()
 });
 
-objSchema.from('prop', 'myProp');
-objSchema.from('prop', 'myProp', true);
+objSchema.from("prop", "myProp");
+objSchema.from("prop", "myProp", true);
 objSchema.noUnknown();
 objSchema.noUnknown(true);
-objSchema.noUnknown(true, 'message');
+objSchema.noUnknown(true, "message");
 objSchema.transformKeys(key => key.toUpperCase());
 objSchema.camelCase();
 objSchema.constantCase();
 
 const description: SchemaDescription = {
-    type: 'type',
-    label: 'label',
-    meta: { key: 'value' },
-    tests: ['test1', 'test2']
+    type: "type",
+    label: "label",
+    meta: { key: "value" },
+    tests: ["test1", "test2"],
+    fields: { key: "value" }
 };
 
 const testOptions: TestOptions = {
-    name: 'name',
+    name: "name",
     test: value => true,
-    message: 'validation error message',
-    params: { param1: 'value'},
+    message: "validation error message",
+    params: { param1: "value" },
     exclusive: true
 };
 
 const testOptionsWithPromise: TestOptions = {
-    name: 'name',
+    name: "name",
     test: value => new Promise(resolve => true),
-    message: 'validation error message',
-    params: { param1: 'value'},
+    message: "validation error message",
+    params: { param1: "value" },
     exclusive: true
 };
 
@@ -304,13 +368,13 @@ const validateOptions: ValidateOptions = {
     stripUnknown: true,
     recursive: true,
     context: {
-        key: 'value'
+        key: "value"
     }
 };
 
 yup.setLocale({
     number: { max: "Max message", min: "Min message" },
-    string: { email: "String message"}
+    string: { email: "String message" }
 });
 
 interface MyInterface {
@@ -328,10 +392,12 @@ interface SubInterface {
 const typedSchema = yup.object<MyInterface>({
     stringField: yup.string().required(), // $ExpectType StringSchema
     numberField: yup.number().required(), // $ExpectType NumberSchema
-    subFields: yup.object({
-        testField: yup.string().required(),
-    }).required(),
-    arrayField: yup.array(yup.string()).required(), // $ExpectType ArraySchema<string>
+    subFields: yup
+        .object({
+            testField: yup.string().required()
+        })
+        .required(),
+    arrayField: yup.array(yup.string()).required() // $ExpectType ArraySchema<string>
 });
 
 const testObject: MyInterface = {
@@ -340,7 +406,7 @@ const testObject: MyInterface = {
     subFields: {
         testField: "test2"
     },
-    arrayField: ["hi"],
+    arrayField: ["hi"]
 };
 
 typedSchema.validateSync(testObject); // $ExpectType MyInterface
@@ -348,35 +414,41 @@ typedSchema.validateSync(testObject); // $ExpectType MyInterface
 // $ExpectError
 yup.object<MyInterface>({
     stringField: yup.string().required(),
-    subFields: yup.object({
-        testField: yup.string().required(),
-    }).required(),
-    arrayField: yup.array(yup.string()).required(),
+    subFields: yup
+        .object({
+            testField: yup.string().required()
+        })
+        .required(),
+    arrayField: yup.array(yup.string()).required()
 });
 
 // $ExpectError
 yup.object<MyInterface>({
     stringField: yup.number().required(),
     numberField: yup.number().required(),
-    subFields: yup.object({
-        testField: yup.string().required(),
-    }).required(),
-    arrayField: yup.array(yup.string()).required(),
+    subFields: yup
+        .object({
+            testField: yup.string().required()
+        })
+        .required(),
+    arrayField: yup.array(yup.string()).required()
 });
 
 // $ExpectError
 yup.object<MyInterface>({
     stringField: yup.string().required(),
     numberField: yup.number().required(),
-    arrayField: yup.array(yup.string()).required(),
+    arrayField: yup.array(yup.string()).required()
 });
 
 // $ExpectError
 yup.object<MyInterface>({
     stringField: yup.string().required(),
     numberField: yup.number().required(),
-    subFields: yup.object({
-        testField: yup.number().required(),
-    }).required(),
-    arrayField: yup.array(yup.string()).required(),
+    subFields: yup
+        .object({
+            testField: yup.number().required()
+        })
+        .required(),
+    arrayField: yup.array(yup.string()).required()
 });
diff --git a/types/zipcelx/index.d.ts b/types/zipcelx/index.d.ts
new file mode 100644
index 0000000000..650702c339
--- /dev/null
+++ b/types/zipcelx/index.d.ts
@@ -0,0 +1,55 @@
+// Type definitions for zipcelx 1.5
+// Project: https://github.com/dixieio/zipcelx#readme
+// Definitions by: Alessandro Burato <https://github.com/aleburato>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * The value and type of a single cell. Only strings and numbers are supported.
+ */
+export interface ZipCelXCell {
+    /**
+     * The cell value
+     */
+    value: string | number;
+    /**
+     * The cell value type
+     */
+    type: "string" | "number";
+}
+
+/**
+ * A Row (a set of cells)
+ */
+export type ZipCelXRow = ZipCelXCell[];
+
+/**
+ * A DataSet (a set of rows)
+ */
+export type ZipCelXDataSet = ZipCelXRow[];
+
+/**
+ * Represents a Sheet
+ */
+export interface ZipCelXSheet {
+    /**
+     * The sheet's DataSet
+     */
+    data: ZipCelXDataSet;
+}
+
+/**
+ * The zipcelx configuration
+ */
+export interface ZipCelXConfig {
+    /**
+     * The file name of the exported file
+     */
+    filename: string;
+
+    /**
+     * The sheet to be exported as an .xlsx file
+     */
+    sheet: ZipCelXSheet;
+}
+
+export default function zipcelx(config: ZipCelXConfig): Promise<Blob>;
diff --git a/types/zipcelx/tsconfig.json b/types/zipcelx/tsconfig.json
new file mode 100644
index 0000000000..1358880bb4
--- /dev/null
+++ b/types/zipcelx/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6","dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "zipcelx-tests.ts"
+    ]
+}
diff --git a/types/zipcelx/tslint.json b/types/zipcelx/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/zipcelx/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/zipcelx/zipcelx-tests.ts b/types/zipcelx/zipcelx-tests.ts
new file mode 100644
index 0000000000..105022f10e
--- /dev/null
+++ b/types/zipcelx/zipcelx-tests.ts
@@ -0,0 +1,18 @@
+import zipcelx, { ZipCelXConfig } from "zipcelx";
+
+const config: ZipCelXConfig = {
+    filename: "general-ledger-Q1",
+    sheet: {
+        data: [
+            [{
+                value: "Income - Webshop",
+                type: "string"
+            }, {
+                value: 1000,
+                type: "number"
+            }]
+        ]
+    }
+};
+
+zipcelx(config);
diff --git a/types/zipkin-context-cls/index.d.ts b/types/zipkin-context-cls/index.d.ts
index df1b9f57aa..c9b306319a 100644
--- a/types/zipkin-context-cls/index.d.ts
+++ b/types/zipkin-context-cls/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/openzipkin/zipkin-js#readme
 // Definitions by: York Yao <https://github.com/plantain-00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import { Context, TraceId } from 'zipkin';
 
diff --git a/types/zipkin-instrumentation-express/index.d.ts b/types/zipkin-instrumentation-express/index.d.ts
index ab587b3cae..14ebabf140 100644
--- a/types/zipkin-instrumentation-express/index.d.ts
+++ b/types/zipkin-instrumentation-express/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/openzipkin/zipkin-js#readme
 // Definitions by: York Yao <https://github.com/plantain-00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
+// TypeScript Version: 2.3
 
 import express = require('express');
 import { Tracer } from 'zipkin';
diff --git a/types/zipkin-instrumentation-fetch/index.d.ts b/types/zipkin-instrumentation-fetch/index.d.ts
index b9236c94fa..390cb80bcc 100644
--- a/types/zipkin-instrumentation-fetch/index.d.ts
+++ b/types/zipkin-instrumentation-fetch/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/openzipkin/zipkin-js#readme
 // Definitions by: York Yao <https://github.com/plantain-00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import { Tracer } from 'zipkin';
 import fetch from 'node-fetch';
diff --git a/types/zipkin-transport-http/index.d.ts b/types/zipkin-transport-http/index.d.ts
index 2cc34f0893..ef31856286 100644
--- a/types/zipkin-transport-http/index.d.ts
+++ b/types/zipkin-transport-http/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/openzipkin/zipkin-js#readme
 // Definitions by: York Yao <https://github.com/plantain-00>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import { JsonEncoder, Logger, model } from 'zipkin';
 
diff --git a/types/zrender/index.d.ts b/types/zrender/index.d.ts
new file mode 100644
index 0000000000..d69abb3f8e
--- /dev/null
+++ b/types/zrender/index.d.ts
@@ -0,0 +1,56 @@
+// Type definitions for zrender 4.0
+// Project: https://github.com/ecomfe/zrender
+// Definitions by: Roman <https://github.com/iRON5>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+declare namespace zrender {
+    type X = number;
+    type Y = number;
+    type X2 = number;
+    type Y2 = number;
+    type GlobalCoords = boolean;
+    type ColorStops = Array<{
+        offset: number;
+        color: string;
+    }>;
+
+    /**
+     * x, y, x2, y2 are all percent from 0 to 1
+     */
+    interface LinearGradient {
+        new (
+            /** @default 0 */
+            x?: X,
+
+            /** @default 0 */
+            y?: Y,
+
+            /** @default 1 */
+            x2?: X2,
+
+            /** @default 0 */
+            y2?: Y2,
+
+            /** @default [] */
+            colorStops?: ColorStops,
+
+            /** @default false */
+            globalCoord?: GlobalCoords,
+        ): {
+            type: 'linear';
+            x: X;
+            y: Y;
+            x2: X2;
+            y2: Y2;
+            colorStops: ColorStops;
+            globalCoord: GlobalCoords;
+
+            addColorStop(offset: number, color: string): void;
+        };
+    }
+}
+
+declare module 'zrender' {
+    export = zrender;
+}
diff --git a/types/zrender/tsconfig.json b/types/zrender/tsconfig.json
new file mode 100644
index 0000000000..ecc22c8314
--- /dev/null
+++ b/types/zrender/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
diff --git a/types/zrender/tslint.json b/types/zrender/tslint.json
new file mode 100644
index 0000000000..4fb87288f3
--- /dev/null
+++ b/types/zrender/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "no-single-declare-module": false,
+        "no-declare-current-package": false
+    }
+}